@plenustech/design-system 0.2.2 → 0.2.3

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

@@ -1 +1 @@
-{"version":3,"file":"ChartTooltip.js","sources":["../../../../src/components/charts/ChartTooltip/ChartTooltip.tsx"],"sourcesContent":["import {\n  Fragment,\n  useEffect,\n  useLayoutEffect,\n  useRef,\n  useState,\n  type PointerEvent,\n  type ReactNode,\n} from 'react';\nimport { createPortal } from 'react-dom';\nimport { formatarNumero, formatarPercentual } from '../../../utils/formatters';\nimport styles from './ChartTooltip.module.css';\n\nexport interface ChartTooltipRow {\n  color?: string;\n  /** Realca a linha, como a serie sob o ponteiro entre as demais. */\n  emphasis?: boolean;\n  label: string;\n  values: readonly number[];\n}\n\n/** Como a linha de total resume uma coluna. A soma raramente serve a todas. */\nexport type ChartTooltipTotal = 'sum' | 'average' | 'none' | ((values: readonly number[]) => number);\n\nexport interface ChartTooltipColumn {\n  format?: (value: number) => string;\n  total?: ChartTooltipTotal;\n}\n\nexport interface ChartTooltipComputed {\n  /** Coluna que serve de base. A ultima por padrao, que e a de valor. */\n  column?: number;\n  /** Valor da linha, a partir do valor dela e do total da coluna base. */\n  compute?: (value: number, total: number) => number;\n  format?: (value: number) => string;\n}\n\nexport interface ChartTooltipProps {\n  children: ReactNode;\n  columns?: readonly ChartTooltipColumn[];\n  /** Coluna ao fim. Percentual sobre a base por padrao; `none` a dispensa. */\n  computed?: ChartTooltipComputed | 'none';\n  rows: readonly ChartTooltipRow[];\n  showTotal?: boolean;\n  subtitle?: string;\n  title?: string;\n  totalLabel?: string;\n}\n\ninterface Ponto {\n  x: number;\n  y: number;\n}\n\n/** Distancia entre o ponteiro e o balao, para o cursor nao cobrir o texto. */\nconst AFASTAMENTO = 16;\n\n/** Folga minima ate a borda da janela. */\nconst MARGEM = 8;\n\nfunction somar(valores: readonly number[]) {\n  return valores.reduce((total, valor) => total + valor, 0);\n}\n\nfunction totalizar(operador: ChartTooltipTotal, valores: readonly number[]) {\n  if (typeof operador === 'function') {\n    return operador(valores);\n  }\n\n  if (operador === 'average') {\n    return valores.length === 0 ? 0 : somar(valores) / valores.length;\n  }\n\n  return somar(valores);\n}\n\n/**\n * Canto do balao a partir do ponteiro. Ele abre para baixo e para a direita\n * enquanto couber, e vira para o lado oposto ao encostar na borda.\n */\nfunction encaixar({ x, y }: Ponto, largura: number, altura: number): Ponto {\n  const cabeADireita = x + AFASTAMENTO + largura <= window.innerWidth - MARGEM;\n  const cabeAbaixo = y + AFASTAMENTO + altura <= window.innerHeight - MARGEM;\n\n  return {\n    x: cabeADireita ? x + AFASTAMENTO : Math.max(x - AFASTAMENTO - largura, MARGEM),\n    y: cabeAbaixo ? y + AFASTAMENTO : Math.max(y - AFASTAMENTO - altura, MARGEM),\n  };\n}\n\n/**\n * Leitura das medidas sob o ponteiro, em portal sobre a pagina. Ele acompanha o\n * cursor enquanto este percorre a area e sai a qualquer outra interacao.\n *\n * Nao conhece grafico algum: recebe linhas e colunas, e quem as monta e quem o\n * usa. E decorativo para leitor de tela: o desenho e `role=\"img\"`, apresentado\n * como imagem unica, e a leitura medida a medida cabe a visao em tabela.\n */\nexport function ChartTooltip({\n  children,\n  columns,\n  computed,\n  rows,\n  showTotal = false,\n  subtitle,\n  title,\n  totalLabel = 'Total',\n}: ChartTooltipProps) {\n  const [ponteiro, setPonteiro] = useState<Ponto | null>(null);\n  const visivel = ponteiro !== null && rows.length > 0;\n\n  // Sai por qualquer motivo que nao seja o ponteiro andando pela area: rolagem,\n  // tecla ou a janela mudando de tamanho deixam o balao preso a um lugar que o\n  // desenho ja nao ocupa.\n  useEffect(() => {\n    if (!visivel) {\n      return;\n    }\n\n    const esconder = () => setPonteiro(null);\n\n    window.addEventListener('scroll', esconder, true);\n    window.addEventListener('resize', esconder);\n    window.addEventListener('keydown', esconder);\n\n    return () => {\n      window.removeEventListener('scroll', esconder, true);\n      window.removeEventListener('resize', esconder);\n      window.removeEventListener('keydown', esconder);\n    };\n  }, [visivel]);\n\n  const acompanhar = (evento: PointerEvent<HTMLDivElement>) =>\n    setPonteiro({ x: evento.clientX, y: evento.clientY });\n\n  return (\n    <div\n      className={styles.area}\n      onPointerLeave={() => setPonteiro(null)}\n      onPointerMove={acompanhar}\n    >\n      {children}\n\n      {visivel &&\n        createPortal(\n          <Balao\n            columns={columns}\n            computed={computed}\n            ponteiro={ponteiro}\n            rows={rows}\n            showTotal={showTotal}\n            subtitle={subtitle}\n            title={title}\n            totalLabel={totalLabel}\n          />,\n          document.body,\n        )}\n    </div>\n  );\n}\n\ntype BalaoProps = Omit<ChartTooltipProps, 'children'> & { ponteiro: Ponto };\n\nfunction Balao({\n  columns,\n  computed,\n  ponteiro,\n  rows,\n  showTotal,\n  subtitle,\n  title,\n  totalLabel,\n}: BalaoProps) {\n  const ref = useRef<HTMLDivElement>(null);\n  const [medida, setMedida] = useState({ altura: 0, largura: 0 });\n\n  // A medida entra antes da pintura, entao o balao ja nasce no lugar certo.\n  useLayoutEffect(() => {\n    const no = ref.current;\n\n    if (!no) {\n      return;\n    }\n\n    const { height, width } = no.getBoundingClientRect();\n\n    if (height !== medida.altura || width !== medida.largura) {\n      setMedida({ altura: height, largura: width });\n    }\n  });\n\n  const quantidadeDeColunas = rows.reduce((maior, linha) => Math.max(maior, linha.values.length), 0);\n  const colunas: readonly ChartTooltipColumn[] =\n    columns ?? Array.from({ length: quantidadeDeColunas }, () => ({}));\n\n  // Sem coluna de onde derivar, nao ha o que calcular: linhas so com rotulo\n  // renderizariam um percentual tirado do nada.\n  const calculada = computed === 'none' || colunas.length === 0 ? undefined : computed ?? {};\n  const colunaBase = calculada?.column ?? colunas.length - 1;\n  const baseDoTotal = somar(rows.map((linha) => linha.values[colunaBase] ?? 0));\n  const calcular = calculada?.compute ?? ((valor: number, total: number) => (total === 0 ? 0 : valor / total));\n  const formatarCalculada = calculada?.format ?? ((valor: number) => formatarPercentual(valor, { casasDecimais: 2 }));\n\n  const { x, y } = encaixar(ponteiro, medida.largura, medida.altura);\n  const celulas = `1fr ${'auto '.repeat(colunas.length + (calculada ? 1 : 0))}`.trim();\n\n  return (\n    <div aria-hidden=\"true\" className={styles.tooltip} ref={ref} style={{ left: x, top: y }}>\n      {title !== undefined && <p className={styles.title}>{title}</p>}\n      {subtitle !== undefined && <p className={styles.subtitle}>{subtitle}</p>}\n\n      <div className={styles.grid} style={{ gridTemplateColumns: celulas }}>\n        {rows.map((linha, indiceDaLinha) => (\n          <Fragment key={indiceDaLinha}>\n            <span className={`${styles.label} ${linha.emphasis ? styles.emphasis : ''}`}>\n              {linha.color !== undefined && (\n                <span className={styles.swatch} style={{ background: linha.color }} />\n              )}\n              {linha.label}\n            </span>\n\n            {colunas.map((coluna, indice) => (\n              <span className={`${styles.value} ${linha.emphasis ? styles.emphasis : ''}`} key={indice}>\n                {(coluna.format ?? formatarNumero)(linha.values[indice] ?? 0)}\n              </span>\n            ))}\n\n            {calculada && (\n              <span className={`${styles.computed} ${linha.emphasis ? styles.emphasis : ''}`}>\n                {formatarCalculada(calcular(linha.values[colunaBase] ?? 0, baseDoTotal))}\n              </span>\n            )}\n          </Fragment>\n        ))}\n\n        {showTotal && (\n          <>\n            <span className={styles.rule} />\n            <span className={`${styles.label} ${styles.totalLabel}`}>{totalLabel}</span>\n\n            {colunas.map((coluna, indice) => (\n              <span className={`${styles.value} ${styles.totalValue}`} key={indice}>\n                {coluna.total === 'none'\n                  ? ''\n                  : (coluna.format ?? formatarNumero)(\n                      totalizar(coluna.total ?? 'sum', rows.map((linha) => linha.values[indice] ?? 0)),\n                    )}\n              </span>\n            ))}\n\n            {calculada && (\n              <span className={`${styles.computed} ${styles.totalValue}`}>\n                {formatarCalculada(calcular(baseDoTotal, baseDoTotal))}\n              </span>\n            )}\n          </>\n        )}\n      </div>\n    </div>\n  );\n}\n"],"names":["AFASTAMENTO","MARGEM","somar","valores","total","valor","totalizar","operador","encaixar","x","y","largura","altura","cabeADireita","cabeAbaixo","ChartTooltip","children","columns","computed","rows","showTotal","subtitle","title","totalLabel","ponteiro","setPonteiro","useState","visivel","useEffect","esconder","acompanhar","evento","jsxs","styles","createPortal","jsx","Balao","ref","useRef","medida","setMedida","useLayoutEffect","no","height","width","quantidadeDeColunas","maior","linha","colunas","calculada","colunaBase","baseDoTotal","calcular","formatarCalculada","formatarPercentual","celulas","indiceDaLinha","Fragment","coluna","indice","formatarNumero"],"mappings":"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"}
+{"version":3,"file":"ChartTooltip.js","sources":["../../../../src/components/charts/ChartTooltip/ChartTooltip.tsx"],"sourcesContent":["import {\n  Fragment,\n  useEffect,\n  useLayoutEffect,\n  useRef,\n  useState,\n  type PointerEvent,\n  type ReactNode,\n} from 'react';\nimport { createPortal } from 'react-dom';\nimport { formatarNumero, formatarPercentual } from '../../../utils/formatters';\nimport styles from './ChartTooltip.module.css';\n\nexport interface ChartTooltipRow {\n  color?: string;\n  /** Realca a linha, como a serie sob o ponteiro entre as demais. */\n  emphasis?: boolean;\n  /** Formato dos valores desta linha, quando difere do da coluna, como a serie do eixo da direita. */\n  format?: (value: number) => string;\n  label: string;\n  values: readonly number[];\n}\n\n/** Como a linha de total resume uma coluna. A soma raramente serve a todas. */\nexport type ChartTooltipTotal = 'sum' | 'average' | 'none' | ((values: readonly number[]) => number);\n\nexport interface ChartTooltipColumn {\n  format?: (value: number) => string;\n  total?: ChartTooltipTotal;\n}\n\nexport interface ChartTooltipComputed {\n  /** Coluna que serve de base. A ultima por padrao, que e a de valor. */\n  column?: number;\n  /** Valor da linha, a partir do valor dela e do total da coluna base. */\n  compute?: (value: number, total: number) => number;\n  format?: (value: number) => string;\n}\n\nexport interface ChartTooltipProps {\n  children: ReactNode;\n  columns?: readonly ChartTooltipColumn[];\n  /** Coluna ao fim. Percentual sobre a base por padrao; `none` a dispensa. */\n  computed?: ChartTooltipComputed | 'none';\n  rows: readonly ChartTooltipRow[];\n  showTotal?: boolean;\n  subtitle?: string;\n  title?: string;\n  totalLabel?: string;\n}\n\ninterface Ponto {\n  x: number;\n  y: number;\n}\n\n/** Distancia entre o ponteiro e o balao, para o cursor nao cobrir o texto. */\nconst AFASTAMENTO = 16;\n\n/** Folga minima ate a borda da janela. */\nconst MARGEM = 8;\n\nfunction somar(valores: readonly number[]) {\n  return valores.reduce((total, valor) => total + valor, 0);\n}\n\nfunction totalizar(operador: ChartTooltipTotal, valores: readonly number[]) {\n  if (typeof operador === 'function') {\n    return operador(valores);\n  }\n\n  if (operador === 'average') {\n    return valores.length === 0 ? 0 : somar(valores) / valores.length;\n  }\n\n  return somar(valores);\n}\n\n/**\n * Canto do balao a partir do ponteiro. Ele abre para baixo e para a direita\n * enquanto couber, e vira para o lado oposto ao encostar na borda.\n */\nfunction encaixar({ x, y }: Ponto, largura: number, altura: number): Ponto {\n  const cabeADireita = x + AFASTAMENTO + largura <= window.innerWidth - MARGEM;\n  const cabeAbaixo = y + AFASTAMENTO + altura <= window.innerHeight - MARGEM;\n\n  return {\n    x: cabeADireita ? x + AFASTAMENTO : Math.max(x - AFASTAMENTO - largura, MARGEM),\n    y: cabeAbaixo ? y + AFASTAMENTO : Math.max(y - AFASTAMENTO - altura, MARGEM),\n  };\n}\n\n/**\n * Leitura das medidas sob o ponteiro, em portal sobre a pagina. Ele acompanha o\n * cursor enquanto este percorre a area e sai a qualquer outra interacao.\n *\n * Nao conhece grafico algum: recebe linhas e colunas, e quem as monta e quem o\n * usa. E decorativo para leitor de tela: o desenho e `role=\"img\"`, apresentado\n * como imagem unica, e a leitura medida a medida cabe a visao em tabela.\n */\nexport function ChartTooltip({\n  children,\n  columns,\n  computed,\n  rows,\n  showTotal = false,\n  subtitle,\n  title,\n  totalLabel = 'Total',\n}: ChartTooltipProps) {\n  const [ponteiro, setPonteiro] = useState<Ponto | null>(null);\n  const visivel = ponteiro !== null && rows.length > 0;\n\n  // Sai por qualquer motivo que nao seja o ponteiro andando pela area: rolagem,\n  // tecla ou a janela mudando de tamanho deixam o balao preso a um lugar que o\n  // desenho ja nao ocupa.\n  useEffect(() => {\n    if (!visivel) {\n      return;\n    }\n\n    const esconder = () => setPonteiro(null);\n\n    window.addEventListener('scroll', esconder, true);\n    window.addEventListener('resize', esconder);\n    window.addEventListener('keydown', esconder);\n\n    return () => {\n      window.removeEventListener('scroll', esconder, true);\n      window.removeEventListener('resize', esconder);\n      window.removeEventListener('keydown', esconder);\n    };\n  }, [visivel]);\n\n  const acompanhar = (evento: PointerEvent<HTMLDivElement>) =>\n    setPonteiro({ x: evento.clientX, y: evento.clientY });\n\n  return (\n    <div\n      className={styles.area}\n      onPointerLeave={() => setPonteiro(null)}\n      onPointerMove={acompanhar}\n    >\n      {children}\n\n      {visivel &&\n        createPortal(\n          <Balao\n            columns={columns}\n            computed={computed}\n            ponteiro={ponteiro}\n            rows={rows}\n            showTotal={showTotal}\n            subtitle={subtitle}\n            title={title}\n            totalLabel={totalLabel}\n          />,\n          document.body,\n        )}\n    </div>\n  );\n}\n\ntype BalaoProps = Omit<ChartTooltipProps, 'children'> & { ponteiro: Ponto };\n\nfunction Balao({\n  columns,\n  computed,\n  ponteiro,\n  rows,\n  showTotal,\n  subtitle,\n  title,\n  totalLabel,\n}: BalaoProps) {\n  const ref = useRef<HTMLDivElement>(null);\n  const [medida, setMedida] = useState({ altura: 0, largura: 0 });\n\n  // A medida entra antes da pintura, entao o balao ja nasce no lugar certo.\n  useLayoutEffect(() => {\n    const no = ref.current;\n\n    if (!no) {\n      return;\n    }\n\n    const { height, width } = no.getBoundingClientRect();\n\n    if (height !== medida.altura || width !== medida.largura) {\n      setMedida({ altura: height, largura: width });\n    }\n  });\n\n  const quantidadeDeColunas = rows.reduce((maior, linha) => Math.max(maior, linha.values.length), 0);\n  const colunas: readonly ChartTooltipColumn[] =\n    columns ?? Array.from({ length: quantidadeDeColunas }, () => ({}));\n\n  // Sem coluna de onde derivar, nao ha o que calcular: linhas so com rotulo\n  // renderizariam um percentual tirado do nada.\n  const calculada = computed === 'none' || colunas.length === 0 ? undefined : computed ?? {};\n  const colunaBase = calculada?.column ?? colunas.length - 1;\n  const baseDoTotal = somar(rows.map((linha) => linha.values[colunaBase] ?? 0));\n  const calcular = calculada?.compute ?? ((valor: number, total: number) => (total === 0 ? 0 : valor / total));\n  const formatarCalculada = calculada?.format ?? ((valor: number) => formatarPercentual(valor, { casasDecimais: 2 }));\n\n  const { x, y } = encaixar(ponteiro, medida.largura, medida.altura);\n  const celulas = `1fr ${'auto '.repeat(colunas.length + (calculada ? 1 : 0))}`.trim();\n\n  return (\n    <div aria-hidden=\"true\" className={styles.tooltip} ref={ref} style={{ left: x, top: y }}>\n      {title !== undefined && <p className={styles.title}>{title}</p>}\n      {subtitle !== undefined && <p className={styles.subtitle}>{subtitle}</p>}\n\n      <div className={styles.grid} style={{ gridTemplateColumns: celulas }}>\n        {rows.map((linha, indiceDaLinha) => (\n          <Fragment key={indiceDaLinha}>\n            <span className={`${styles.label} ${linha.emphasis ? styles.emphasis : ''}`}>\n              {linha.color !== undefined && (\n                <span className={styles.swatch} style={{ background: linha.color }} />\n              )}\n              {linha.label}\n            </span>\n\n            {colunas.map((coluna, indice) => (\n              <span className={`${styles.value} ${linha.emphasis ? styles.emphasis : ''}`} key={indice}>\n                {(linha.format ?? coluna.format ?? formatarNumero)(linha.values[indice] ?? 0)}\n              </span>\n            ))}\n\n            {calculada && (\n              <span className={`${styles.computed} ${linha.emphasis ? styles.emphasis : ''}`}>\n                {formatarCalculada(calcular(linha.values[colunaBase] ?? 0, baseDoTotal))}\n              </span>\n            )}\n          </Fragment>\n        ))}\n\n        {showTotal && (\n          <>\n            <span className={styles.rule} />\n            <span className={`${styles.label} ${styles.totalLabel}`}>{totalLabel}</span>\n\n            {colunas.map((coluna, indice) => (\n              <span className={`${styles.value} ${styles.totalValue}`} key={indice}>\n                {coluna.total === 'none'\n                  ? ''\n                  : (coluna.format ?? formatarNumero)(\n                      totalizar(coluna.total ?? 'sum', rows.map((linha) => linha.values[indice] ?? 0)),\n                    )}\n              </span>\n            ))}\n\n            {calculada && (\n              <span className={`${styles.computed} ${styles.totalValue}`}>\n                {formatarCalculada(calcular(baseDoTotal, baseDoTotal))}\n              </span>\n            )}\n          </>\n        )}\n      </div>\n    </div>\n  );\n}\n"],"names":["AFASTAMENTO","MARGEM","somar","valores","total","valor","totalizar","operador","encaixar","x","y","largura","altura","cabeADireita","cabeAbaixo","ChartTooltip","children","columns","computed","rows","showTotal","subtitle","title","totalLabel","ponteiro","setPonteiro","useState","visivel","useEffect","esconder","acompanhar","evento","jsxs","styles","createPortal","jsx","Balao","ref","useRef","medida","setMedida","useLayoutEffect","no","height","width","quantidadeDeColunas","maior","linha","colunas","calculada","colunaBase","baseDoTotal","calcular","formatarCalculada","formatarPercentual","celulas","indiceDaLinha","Fragment","coluna","indice","formatarNumero"],"mappings":"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"}

package/dist/components/charts/ChartTreemap/ChartTreemap.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),E=require("react"),S=require("d3-hierarchy"),m=require("./ChartTreemap.module.css.cjs"),W=require("../core/useChartMetrics.cjs"),z=require("../core/useSeriesToggle.cjs"),c=require("../palette/seriesColor.cjs"),G=require("../core/ChartFrame.cjs"),s=require("../core/spacing.cjs"),V=require("../../../utils/formatters/formatarNumero.cjs"),v=require("../core/measureText.cjs"),k=require("../core/cartesianLayout.cjs");function F(u){return Number.isFinite(u.value)?Math.max(u.value??0,0):0}function J({accent:u,defaultHiddenGroups:H,emptyMessage:y="Sem dados no período",formatValue:b=V.formatarNumero,gap:C=5,height:N=280,hiddenGroups:O,intentLabels:g,legend:A="bottom",legendAlign:L,nodes:i,onHiddenGroupsChange:q,showDataLabels:R=!0,title:j}){const{font:l,height:M,ref:B,width:d}=W.useChartMetrics(),{fillHeight:f,value:T}=k.chartHeight(N,M),{isHidden:h,toggle:D}=z.useSeriesToggle({defaultHiddenSeries:H,hiddenSeries:O,onHiddenSeriesChange:q}),_=E.useMemo(()=>c.resolveSeriesColors(i,{accent:u}),[u,i]),I=E.useMemo(()=>!((S.hierarchy({children:i,label:""}).sum(F).value??0)>0),[i]),$=E.useMemo(()=>{const e=i.filter(t=>!h(t.label));if(d===0||T===0||e.length===0)return[];const r=S.hierarchy({children:e,label:""}).sum(F).sort((t,n)=>(n.value??0)-(t.value??0));return S.treemap().size([d,T]).paddingInner(C).round(!0)(r).leaves()},[T,C,h,i,d]);function K(e){var t;const r=e.data;if(r.color)return r.color;if(r.intent)return c.INTENT_TOKENS[r.intent];const a=(t=e.ancestors().find(n=>n.depth===1))==null?void 0:t.data;return _[i.findIndex(n=>n.label===(a==null?void 0:a.label))]??c.INTENT_TOKENS.neutral}const w=g?Object.entries(g).map(([e,r])=>({color:c.INTENT_TOKENS[e],label:r})):i.map((e,r)=>({color:_[r],hidden:h(e.label),label:e.label}));return o.jsx(G.ChartFrame,{containerRef:B,empty:i.length===0||I,emptyMessage:y,fillHeight:f,height:T,legend:w,legendAlign:L,legendPosition:A,onToggleSeries:g?void 0:D,title:j,width:d,children:$.map(e=>{const r=e.x1-e.x0,a=e.y1-e.y0,t=r-s.CHART_LABEL_OFFSET*2,n=R&&t>0&&a>=l.lineHeight+s.CHART_LABEL_OFFSET,P=n&&a>=l.lineHeight*2+s.CHART_LABEL_OFFSET,p=`${e.data.label}: ${b(e.value??0)}`,x=K(e);return o.jsxs("g",{className:m.default.cell,children:[o.jsx("rect",{"aria-label":p,className:m.default.tile,fill:x,height:a,width:r,x:e.x0,y:e.y0,children:o.jsx("title",{children:p})}),n&&o.jsx("text",{className:m.default.label,fill:c.textColorOn(x),x:e.x0+s.CHART_LABEL_OFFSET,y:e.y0+s.CHART_LABEL_OFFSET+l.lineHeight*.6,children:v.truncateToWidth(e.data.label,l,t)}),P&&o.jsx("text",{className:m.default.value,fill:c.textColorOn(x),x:e.x0+s.CHART_LABEL_OFFSET,y:e.y0+s.CHART_LABEL_OFFSET+l.lineHeight*1.6,children:v.truncateToWidth(b(e.value??0),l,t)})]},`${e.data.label}-${e.x0}-${e.y0}`)})})}exports.ChartTreemap=J;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),g=require("react"),F=require("d3-hierarchy"),x=require("./ChartTreemap.module.css.cjs"),X=require("../core/useChartMetrics.cjs"),Y=require("../core/useSeriesToggle.cjs"),o=require("../palette/seriesColor.cjs"),Z=require("../core/ChartFrame.cjs"),s=require("../core/spacing.cjs"),ee=require("../../../utils/formatters/formatarNumero.cjs"),H=require("../core/measureText.cjs"),te=require("../core/tooltips.cjs"),N=require("../core/hoverPath.cjs"),re=require("../core/cartesianLayout.cjs");function M(u){return Number.isFinite(u.value)?Math.max(u.value??0,0):0}function ie({accent:u,defaultHiddenGroups:R,emptyMessage:j="Sem dados no período",formatTooltipValue:B,formatValue:E=ee.formatarNumero,gap:v=5,height:f=280,hiddenGroups:D,intentLabels:p,legend:I="bottom",legendAlign:P,nodes:i,onHiddenGroupsChange:$,onHoverNode:d,showDataLabels:K=!0,showTooltip:_=!0,title:W}){const{font:c,height:w,ref:z,width:m}=X.useChartMetrics(),{fillHeight:G,value:T}=re.chartHeight(f,w),{isHidden:S,toggle:k}=Y.useSeriesToggle({defaultHiddenSeries:R,hiddenSeries:D,onHiddenSeriesChange:$}),y=g.useMemo(()=>o.resolveSeriesColors(i,{accent:u}),[u,i]),J=g.useMemo(()=>!((F.hierarchy({children:i,label:""}).sum(M).value??0)>0),[i]),O=g.useMemo(()=>{const e=i.filter(r=>!S(r.label));if(m===0||T===0||e.length===0)return[];const t=F.hierarchy({children:e,label:""}).sum(M).sort((r,a)=>(a.value??0)-(r.value??0));return F.treemap().size([m,T]).paddingInner(v).round(!0)(t).leaves()},[T,v,S,i,m]),[b,Q]=g.useState(null),h=b&&O.includes(b)?b:null;function L(e){Q(e),d==null||d(e&&N.hoverPath(e))}function q(e){var r;const t=e.data;if(t.color)return t.color;if(t.intent)return o.INTENT_TOKENS[t.intent];const n=(r=e.ancestors().find(a=>a.depth===1))==null?void 0:r.data;return y[i.findIndex(a=>a.label===(n==null?void 0:n.label))]??o.INTENT_TOKENS.neutral}const U=p?Object.entries(p).map(([e,t])=>({color:o.INTENT_TOKENS[e],label:t})):i.map((e,t)=>({color:y[t],hidden:S(e.label),label:e.label}));return l.jsx(Z.ChartFrame,{containerRef:z,empty:i.length===0||J,emptyMessage:j,fillHeight:G,height:T,legend:U,legendAlign:P,legendPosition:I,onToggleSeries:p?void 0:k,title:W,tooltip:_?te.pathTooltip({color:h?q(h):void 0,format:B??E,path:h&&N.hoverPath(h)}):void 0,width:m,children:O.map(e=>{const t=e.x1-e.x0,n=e.y1-e.y0,r=t-s.CHART_LABEL_OFFSET*2,a=K&&r>0&&n>=c.lineHeight+s.CHART_LABEL_OFFSET,V=a&&n>=c.lineHeight*2+s.CHART_LABEL_OFFSET,A=`${e.data.label}: ${E(e.value??0)}`,C=q(e);return l.jsxs("g",{className:x.default.cell,children:[l.jsx("rect",{"aria-label":A,className:x.default.tile,fill:C,height:n,width:t,onMouseEnter:()=>L(e),onMouseLeave:()=>L(null),x:e.x0,y:e.y0,children:!_&&!d&&l.jsx("title",{children:A})}),a&&l.jsx("text",{className:x.default.label,fill:o.textColorOn(C),x:e.x0+s.CHART_LABEL_OFFSET,y:e.y0+s.CHART_LABEL_OFFSET+c.lineHeight*.6,children:H.truncateToWidth(e.data.label,c,r)}),V&&l.jsx("text",{className:x.default.value,fill:o.textColorOn(C),x:e.x0+s.CHART_LABEL_OFFSET,y:e.y0+s.CHART_LABEL_OFFSET+c.lineHeight*1.6,children:H.truncateToWidth(E(e.value??0),c,r)})]},`${e.data.label}-${e.x0}-${e.y0}`)})})}exports.ChartTreemap=ie;
 //# sourceMappingURL=ChartTreemap.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"ChartTreemap.cjs","sources":["../../../../src/components/charts/ChartTreemap/ChartTreemap.tsx"],"sourcesContent":["import { useMemo } from 'react';\nimport { hierarchy, treemap } from 'd3-hierarchy';\nimport {\n  CHART_LABEL_OFFSET,\n  ChartFrame,\n  chartHeight,\n  truncateToWidth,\n  useChartMetrics,\n  useSeriesToggle,\n  type ChartHeight,\n  type ChartLegendAlign,\n  type ChartLegendPosition,\n} from '../core';\nimport {\n  INTENT_TOKENS,\n  resolveSeriesColors,\n  textColorOn,\n  type SeriesAppearance,\n  type SeriesIntent,\n} from '../palette';\nimport { formatarNumero } from '../../../utils/formatters';\nimport styles from './ChartTreemap.module.css';\n\nexport interface ChartTreemapNode extends SeriesAppearance {\n  children?: readonly ChartTreemapNode[];\n  label: string;\n  value?: number;\n}\n\nexport interface ChartTreemapProps {\n  accent?: string;\n  defaultHiddenGroups?: readonly string[];\n  emptyMessage?: string;\n  formatValue?: (value: number) => string;\n  /** Folga entre dois retangulos vizinhos. */\n  gap?: number;\n  height?: ChartHeight;\n  hiddenGroups?: readonly string[];\n  /**\n   * Nome de cada intencao na legenda. Informado, a legenda deixa de listar os\n   * grupos e passa a nomear as cores: e o caso do mapa colorido por status,\n   * onde o que a legenda explica e o significado da cor, nao a categoria.\n   */\n  intentLabels?: Partial<Record<SeriesIntent, string>>;\n  legend?: ChartLegendPosition;\n  legendAlign?: ChartLegendAlign;\n  nodes: readonly ChartTreemapNode[];\n  onHiddenGroupsChange?: (hidden: readonly string[]) => void;\n  showDataLabels?: boolean;\n  title: string;\n}\n\n\n/** Area que o no ocupa. Invalido ou negativo nao ocupa nada. */\nfunction ocupacao(no: ChartTreemapNode) {\n  return Number.isFinite(no.value) ? Math.max(no.value ?? 0, 0) : 0;\n}\n\nexport function ChartTreemap({\n  accent,\n  defaultHiddenGroups,\n  emptyMessage = 'Sem dados no período',\n  formatValue = formatarNumero,\n  gap = 5,\n  height = 280,\n  hiddenGroups,\n  intentLabels,\n  legend = 'bottom',\n  legendAlign,\n  nodes,\n  onHiddenGroupsChange,\n  showDataLabels = true,\n  title,\n}: ChartTreemapProps) {\n  const { font, height: alturaMedida, ref, width } = useChartMetrics();\n  const { fillHeight, value: alturaDoDesenho } = chartHeight(height, alturaMedida);\n  const { isHidden, toggle } = useSeriesToggle({\n    defaultHiddenSeries: defaultHiddenGroups,\n    hiddenSeries: hiddenGroups,\n    onHiddenSeriesChange: onHiddenGroupsChange,\n  });\n\n  // A cor sai da lista inteira, e nao das visiveis: desligar um grupo nao pode\n  // repintar os demais.\n  const coresDeGrupo = useMemo(() => resolveSeriesColors(nodes, { accent }), [accent, nodes]);\n\n  // Sem valor positivo nao ha area a repartir: anuncia vazio. Desligar todos os grupos, nao: a legenda e a volta.\n  const semValor = useMemo(\n    () => !((hierarchy<ChartTreemapNode>({ children: nodes, label: '' }).sum(ocupacao).value ?? 0) > 0),\n    [nodes],\n  );\n\n  const retangulos = useMemo(() => {\n    const visiveis = nodes.filter((grupo) => !isHidden(grupo.label));\n\n    if (width === 0 || alturaDoDesenho === 0 || visiveis.length === 0) {\n      return [];\n    }\n\n    const arvore = hierarchy<ChartTreemapNode>({ children: visiveis, label: '' })\n      .sum(ocupacao)\n      .sort((a, b) => (b.value ?? 0) - (a.value ?? 0));\n\n    const posicionar = treemap<ChartTreemapNode>()\n      .size([width, alturaDoDesenho])\n      .paddingInner(gap)\n      .round(true);\n\n    return posicionar(arvore).leaves();\n  }, [alturaDoDesenho, gap, isHidden, nodes, width]);\n\n  /** A folha herda a cor do grupo, e a intencao propria vence a herdada. */\n  function corDa(folha: (typeof retangulos)[number]) {\n    const proprio = folha.data;\n\n    if (proprio.color) {\n      return proprio.color;\n    }\n\n    if (proprio.intent) {\n      return INTENT_TOKENS[proprio.intent];\n    }\n\n    const grupo = folha.ancestors().find((ancestral) => ancestral.depth === 1)?.data;\n\n    return coresDeGrupo[nodes.findIndex((no) => no.label === grupo?.label)] ?? INTENT_TOKENS.neutral;\n  }\n\n  const entradasDaLegenda = intentLabels\n    ? (Object.entries(intentLabels) as [SeriesIntent, string][]).map(([intencao, rotulo]) => ({\n        color: INTENT_TOKENS[intencao],\n        label: rotulo,\n      }))\n    : nodes.map((grupo, indice) => ({\n        color: coresDeGrupo[indice],\n        hidden: isHidden(grupo.label),\n        label: grupo.label,\n      }));\n\n  return (\n    <ChartFrame\n      containerRef={ref}\n      empty={nodes.length === 0 || semValor}\n      emptyMessage={emptyMessage}\n      fillHeight={fillHeight}\n      height={alturaDoDesenho}\n      legend={entradasDaLegenda}\n      legendAlign={legendAlign}\n      legendPosition={legend}\n      onToggleSeries={intentLabels ? undefined : toggle}\n      title={title}\n      width={width}\n    >\n      {retangulos.map((folha) => {\n        const largura = folha.x1 - folha.x0;\n        const altura = folha.y1 - folha.y0;\n        const disponivel = largura - CHART_LABEL_OFFSET * 2;\n        const cabeORotulo = showDataLabels && disponivel > 0 && altura >= font.lineHeight + CHART_LABEL_OFFSET;\n        const cabeOValor = cabeORotulo && altura >= font.lineHeight * 2 + CHART_LABEL_OFFSET;\n        const descricao = `${folha.data.label}: ${formatValue(folha.value ?? 0)}`;\n        const cor = corDa(folha);\n\n        return (\n          <g className={styles.cell} key={`${folha.data.label}-${folha.x0}-${folha.y0}`}>\n            <rect\n              aria-label={descricao}\n              className={styles.tile}\n              fill={cor}\n              height={altura}\n              width={largura}\n              x={folha.x0}\n              y={folha.y0}\n            >\n              <title>{descricao}</title>\n            </rect>\n\n            {cabeORotulo && (\n              <text\n                className={styles.label}\n                fill={textColorOn(cor)}\n                x={folha.x0 + CHART_LABEL_OFFSET}\n                y={folha.y0 + CHART_LABEL_OFFSET + font.lineHeight * 0.6}\n              >\n                {truncateToWidth(folha.data.label, font, disponivel)}\n              </text>\n            )}\n\n            {cabeOValor && (\n              <text\n                className={styles.value}\n                fill={textColorOn(cor)}\n                x={folha.x0 + CHART_LABEL_OFFSET}\n                y={folha.y0 + CHART_LABEL_OFFSET + font.lineHeight * 1.6}\n              >\n                {truncateToWidth(formatValue(folha.value ?? 0), font, disponivel)}\n              </text>\n            )}\n          </g>\n        );\n      })}\n    </ChartFrame>\n  );\n}\n"],"names":["ocupacao","no","ChartTreemap","accent","defaultHiddenGroups","emptyMessage","formatValue","formatarNumero","gap","height","hiddenGroups","intentLabels","legend","legendAlign","nodes","onHiddenGroupsChange","showDataLabels","title","font","alturaMedida","ref","width","useChartMetrics","fillHeight","alturaDoDesenho","chartHeight","isHidden","toggle","useSeriesToggle","coresDeGrupo","useMemo","resolveSeriesColors","semValor","hierarchy","retangulos","visiveis","grupo","arvore","a","b","treemap","corDa","folha","proprio","INTENT_TOKENS","_a","ancestral","entradasDaLegenda","intencao","rotulo","indice","jsx","ChartFrame","largura","altura","disponivel","CHART_LABEL_OFFSET","cabeORotulo","cabeOValor","descricao","cor","jsxs","styles","textColorOn","truncateToWidth"],"mappings":"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"}
+{"version":3,"file":"ChartTreemap.cjs","sources":["../../../../src/components/charts/ChartTreemap/ChartTreemap.tsx"],"sourcesContent":["import { useMemo, useState } from 'react';\nimport { hierarchy, treemap } from 'd3-hierarchy';\nimport {\n  CHART_LABEL_OFFSET,\n  ChartFrame,\n  chartHeight,\n  hoverPath,\n  pathTooltip,\n  truncateToWidth,\n  useChartMetrics,\n  useSeriesToggle,\n  type ChartHeight,\n  type ChartHoveredNode,\n  type ChartLegendAlign,\n  type ChartLegendPosition,\n} from '../core';\nimport {\n  INTENT_TOKENS,\n  resolveSeriesColors,\n  textColorOn,\n  type SeriesAppearance,\n  type SeriesIntent,\n} from '../palette';\nimport { formatarNumero } from '../../../utils/formatters';\nimport styles from './ChartTreemap.module.css';\n\nexport interface ChartTreemapNode extends SeriesAppearance {\n  children?: readonly ChartTreemapNode[];\n  label: string;\n  value?: number;\n}\n\nexport interface ChartTreemapProps {\n  accent?: string;\n  defaultHiddenGroups?: readonly string[];\n  emptyMessage?: string;\n  /** Formato dos valores no balao. Sem ele, vale o `formatValue`: o eixo pode sair compacto e o balao, exato. */\n  formatTooltipValue?: (value: number) => string;\n  formatValue?: (value: number) => string;\n  /** Folga entre dois retangulos vizinhos. */\n  gap?: number;\n  height?: ChartHeight;\n  hiddenGroups?: readonly string[];\n  /**\n   * Nome de cada intencao na legenda. Informado, a legenda deixa de listar os\n   * grupos e passa a nomear as cores: e o caso do mapa colorido por status,\n   * onde o que a legenda explica e o significado da cor, nao a categoria.\n   */\n  intentLabels?: Partial<Record<SeriesIntent, string>>;\n  legend?: ChartLegendPosition;\n  legendAlign?: ChartLegendAlign;\n  nodes: readonly ChartTreemapNode[];\n  onHiddenGroupsChange?: (hidden: readonly string[]) => void;\n  /** Caminho ate o no sob o ponteiro, do grupo ao no, cada nivel com o valor somado, ou `null` ao sair. */\n  onHoverNode?: (path: readonly ChartHoveredNode[] | null) => void;\n  showDataLabels?: boolean;\n  /**\n   * Balao com o caminho ate o no sob o ponteiro. Desligue para montar o proprio `ChartTooltip`\n   * pela costura; sem balao nem costura, o no volta a ter o `<title>`.\n   */\n  showTooltip?: boolean;\n  title: string;\n}\n\n\n/** Area que o no ocupa. Invalido ou negativo nao ocupa nada. */\nfunction ocupacao(no: ChartTreemapNode) {\n  return Number.isFinite(no.value) ? Math.max(no.value ?? 0, 0) : 0;\n}\n\nexport function ChartTreemap({\n  accent,\n  defaultHiddenGroups,\n  emptyMessage = 'Sem dados no período',\n  formatTooltipValue,\n  formatValue = formatarNumero,\n  gap = 5,\n  height = 280,\n  hiddenGroups,\n  intentLabels,\n  legend = 'bottom',\n  legendAlign,\n  nodes,\n  onHiddenGroupsChange,\n  onHoverNode,\n  showDataLabels = true,\n  showTooltip = true,\n  title,\n}: ChartTreemapProps) {\n  const { font, height: alturaMedida, ref, width } = useChartMetrics();\n  const { fillHeight, value: alturaDoDesenho } = chartHeight(height, alturaMedida);\n  const { isHidden, toggle } = useSeriesToggle({\n    defaultHiddenSeries: defaultHiddenGroups,\n    hiddenSeries: hiddenGroups,\n    onHiddenSeriesChange: onHiddenGroupsChange,\n  });\n\n  // A cor sai da lista inteira, e nao das visiveis: desligar um grupo nao pode\n  // repintar os demais.\n  const coresDeGrupo = useMemo(() => resolveSeriesColors(nodes, { accent }), [accent, nodes]);\n\n  // Sem valor positivo nao ha area a repartir: anuncia vazio. Desligar todos os grupos, nao: a legenda e a volta.\n  const semValor = useMemo(\n    () => !((hierarchy<ChartTreemapNode>({ children: nodes, label: '' }).sum(ocupacao).value ?? 0) > 0),\n    [nodes],\n  );\n\n  const retangulos = useMemo(() => {\n    const visiveis = nodes.filter((grupo) => !isHidden(grupo.label));\n\n    if (width === 0 || alturaDoDesenho === 0 || visiveis.length === 0) {\n      return [];\n    }\n\n    const arvore = hierarchy<ChartTreemapNode>({ children: visiveis, label: '' })\n      .sum(ocupacao)\n      .sort((a, b) => (b.value ?? 0) - (a.value ?? 0));\n\n    const posicionar = treemap<ChartTreemapNode>()\n      .size([width, alturaDoDesenho])\n      .paddingInner(gap)\n      .round(true);\n\n    return posicionar(arvore).leaves();\n  }, [alturaDoDesenho, gap, isHidden, nodes, width]);\n\n  const [emFoco, setEmFoco] = useState<(typeof retangulos)[number] | null>(null);\n  // A folha guardada deixa de existir quando o mapa e remontado; sem conferir, o balao falaria de um no que saiu.\n  const foco = emFoco && retangulos.includes(emFoco) ? emFoco : null;\n\n  function focar(folha: (typeof retangulos)[number] | null) {\n    setEmFoco(folha);\n    onHoverNode?.(folha && hoverPath(folha));\n  }\n\n  /** A folha herda a cor do grupo, e a intencao propria vence a herdada. */\n  function corDa(folha: (typeof retangulos)[number]) {\n    const proprio = folha.data;\n\n    if (proprio.color) {\n      return proprio.color;\n    }\n\n    if (proprio.intent) {\n      return INTENT_TOKENS[proprio.intent];\n    }\n\n    const grupo = folha.ancestors().find((ancestral) => ancestral.depth === 1)?.data;\n\n    return coresDeGrupo[nodes.findIndex((no) => no.label === grupo?.label)] ?? INTENT_TOKENS.neutral;\n  }\n\n  const entradasDaLegenda = intentLabels\n    ? (Object.entries(intentLabels) as [SeriesIntent, string][]).map(([intencao, rotulo]) => ({\n        color: INTENT_TOKENS[intencao],\n        label: rotulo,\n      }))\n    : nodes.map((grupo, indice) => ({\n        color: coresDeGrupo[indice],\n        hidden: isHidden(grupo.label),\n        label: grupo.label,\n      }));\n\n  return (\n    <ChartFrame\n      containerRef={ref}\n      empty={nodes.length === 0 || semValor}\n      emptyMessage={emptyMessage}\n      fillHeight={fillHeight}\n      height={alturaDoDesenho}\n      legend={entradasDaLegenda}\n      legendAlign={legendAlign}\n      legendPosition={legend}\n      onToggleSeries={intentLabels ? undefined : toggle}\n      title={title}\n      tooltip={\n        showTooltip\n          ? pathTooltip({ color: foco ? corDa(foco) : undefined, format: formatTooltipValue ?? formatValue, path: foco && hoverPath(foco) })\n          : undefined\n      }\n      width={width}\n    >\n      {retangulos.map((folha) => {\n        const largura = folha.x1 - folha.x0;\n        const altura = folha.y1 - folha.y0;\n        const disponivel = largura - CHART_LABEL_OFFSET * 2;\n        const cabeORotulo = showDataLabels && disponivel > 0 && altura >= font.lineHeight + CHART_LABEL_OFFSET;\n        const cabeOValor = cabeORotulo && altura >= font.lineHeight * 2 + CHART_LABEL_OFFSET;\n        const descricao = `${folha.data.label}: ${formatValue(folha.value ?? 0)}`;\n        const cor = corDa(folha);\n\n        return (\n          <g className={styles.cell} key={`${folha.data.label}-${folha.x0}-${folha.y0}`}>\n            <rect\n              aria-label={descricao}\n              className={styles.tile}\n              fill={cor}\n              height={altura}\n              width={largura}\n              onMouseEnter={() => focar(folha)}\n              onMouseLeave={() => focar(null)}\n              x={folha.x0}\n              y={folha.y0}\n            >\n              {!showTooltip && !onHoverNode && <title>{descricao}</title>}\n            </rect>\n\n            {cabeORotulo && (\n              <text\n                className={styles.label}\n                fill={textColorOn(cor)}\n                x={folha.x0 + CHART_LABEL_OFFSET}\n                y={folha.y0 + CHART_LABEL_OFFSET + font.lineHeight * 0.6}\n              >\n                {truncateToWidth(folha.data.label, font, disponivel)}\n              </text>\n            )}\n\n            {cabeOValor && (\n              <text\n                className={styles.value}\n                fill={textColorOn(cor)}\n                x={folha.x0 + CHART_LABEL_OFFSET}\n                y={folha.y0 + CHART_LABEL_OFFSET + font.lineHeight * 1.6}\n              >\n                {truncateToWidth(formatValue(folha.value ?? 0), font, disponivel)}\n              </text>\n            )}\n          </g>\n        );\n      })}\n    </ChartFrame>\n  );\n}\n"],"names":["ocupacao","no","ChartTreemap","accent","defaultHiddenGroups","emptyMessage","formatTooltipValue","formatValue","formatarNumero","gap","height","hiddenGroups","intentLabels","legend","legendAlign","nodes","onHiddenGroupsChange","onHoverNode","showDataLabels","showTooltip","title","font","alturaMedida","ref","width","useChartMetrics","fillHeight","alturaDoDesenho","chartHeight","isHidden","toggle","useSeriesToggle","coresDeGrupo","useMemo","resolveSeriesColors","semValor","hierarchy","retangulos","visiveis","grupo","arvore","a","b","treemap","emFoco","setEmFoco","useState","foco","focar","folha","hoverPath","corDa","proprio","INTENT_TOKENS","_a","ancestral","entradasDaLegenda","intencao","rotulo","indice","jsx","ChartFrame","pathTooltip","largura","altura","disponivel","CHART_LABEL_OFFSET","cabeORotulo","cabeOValor","descricao","cor","jsxs","styles","textColorOn","truncateToWidth"],"mappings":"4lBAkEA,SAASA,EAASC,EAAsB,CACtC,OAAO,OAAO,SAASA,EAAG,KAAK,EAAI,KAAK,IAAIA,EAAG,OAAS,EAAG,CAAC,EAAI,CAClE,CAEO,SAASC,GAAa,CAC3B,OAAAC,EACA,oBAAAC,EACA,aAAAC,EAAe,uBACf,mBAAAC,EACA,YAAAC,EAAcC,GAAAA,eACd,IAAAC,EAAM,EACN,OAAAC,EAAS,IACT,aAAAC,EACA,aAAAC,EACA,OAAAC,EAAS,SACT,YAAAC,EACA,MAAAC,EACA,qBAAAC,EACA,YAAAC,EACA,eAAAC,EAAiB,GACjB,YAAAC,EAAc,GACd,MAAAC,CACF,EAAsB,CACpB,KAAM,CAAE,KAAAC,EAAM,OAAQC,EAAc,IAAAC,EAAK,MAAAC,CAAA,EAAUC,kBAAA,EAC7C,CAAE,WAAAC,EAAY,MAAOC,GAAoBC,GAAAA,YAAYlB,EAAQY,CAAY,EACzE,CAAE,SAAAO,EAAU,OAAAC,CAAA,EAAWC,kBAAgB,CAC3C,oBAAqB3B,EACrB,aAAcO,EACd,qBAAsBK,CAAA,CACvB,EAIKgB,EAAeC,EAAAA,QAAQ,IAAMC,EAAAA,oBAAoBnB,EAAO,CAAE,OAAAZ,CAAA,CAAQ,EAAG,CAACA,EAAQY,CAAK,CAAC,EAGpFoB,EAAWF,EAAAA,QACf,IAAM,GAAGG,EAAAA,UAA4B,CAAE,SAAUrB,EAAO,MAAO,GAAI,EAAE,IAAIf,CAAQ,EAAE,OAAS,GAAK,GACjG,CAACe,CAAK,CAAA,EAGFsB,EAAaJ,EAAAA,QAAQ,IAAM,CAC/B,MAAMK,EAAWvB,EAAM,OAAQwB,GAAU,CAACV,EAASU,EAAM,KAAK,CAAC,EAE/D,GAAIf,IAAU,GAAKG,IAAoB,GAAKW,EAAS,SAAW,EAC9D,MAAO,CAAA,EAGT,MAAME,EAASJ,YAA4B,CAAE,SAAUE,EAAU,MAAO,EAAA,CAAI,EACzE,IAAItC,CAAQ,EACZ,KAAK,CAACyC,EAAGC,KAAOA,EAAE,OAAS,IAAMD,EAAE,OAAS,EAAE,EAOjD,OALmBE,EAAAA,UAChB,KAAK,CAACnB,EAAOG,CAAe,CAAC,EAC7B,aAAalB,CAAG,EAChB,MAAM,EAAI,EAEK+B,CAAM,EAAE,OAAA,CAC5B,EAAG,CAACb,EAAiBlB,EAAKoB,EAAUd,EAAOS,CAAK,CAAC,EAE3C,CAACoB,EAAQC,CAAS,EAAIC,EAAAA,SAA6C,IAAI,EAEvEC,EAAOH,GAAUP,EAAW,SAASO,CAAM,EAAIA,EAAS,KAE9D,SAASI,EAAMC,EAA2C,CACxDJ,EAAUI,CAAK,EACfhC,GAAA,MAAAA,EAAcgC,GAASC,YAAUD,CAAK,EACxC,CAGA,SAASE,EAAMF,EAAoC,OACjD,MAAMG,EAAUH,EAAM,KAEtB,GAAIG,EAAQ,MACV,OAAOA,EAAQ,MAGjB,GAAIA,EAAQ,OACV,OAAOC,EAAAA,cAAcD,EAAQ,MAAM,EAGrC,MAAMb,GAAQe,EAAAL,EAAM,UAAA,EAAY,KAAMM,GAAcA,EAAU,QAAU,CAAC,IAA3D,YAAAD,EAA8D,KAE5E,OAAOtB,EAAajB,EAAM,UAAWd,GAAOA,EAAG,SAAUsC,GAAA,YAAAA,EAAO,MAAK,CAAC,GAAKc,EAAAA,cAAc,OAC3F,CAEA,MAAMG,EAAoB5C,EACrB,OAAO,QAAQA,CAAY,EAA+B,IAAI,CAAC,CAAC6C,EAAUC,CAAM,KAAO,CACtF,MAAOL,EAAAA,cAAcI,CAAQ,EAC7B,MAAOC,CAAA,EACP,EACF3C,EAAM,IAAI,CAACwB,EAAOoB,KAAY,CAC5B,MAAO3B,EAAa2B,CAAM,EAC1B,OAAQ9B,EAASU,EAAM,KAAK,EAC5B,MAAOA,EAAM,KAAA,EACb,EAEN,OACEqB,EAAAA,IAACC,EAAAA,WAAA,CACC,aAActC,EACd,MAAOR,EAAM,SAAW,GAAKoB,EAC7B,aAAA9B,EACA,WAAAqB,EACA,OAAQC,EACR,OAAQ6B,EACR,YAAA1C,EACA,eAAgBD,EAChB,eAAgBD,EAAe,OAAYkB,EAC3C,MAAAV,EACA,QACED,EACI2C,eAAY,CAAE,MAAOf,EAAOI,EAAMJ,CAAI,EAAI,OAAW,OAAQzC,GAAsBC,EAAa,KAAMwC,GAAQG,EAAAA,UAAUH,CAAI,CAAA,CAAG,EAC/H,OAEN,MAAAvB,EAEC,SAAAa,EAAW,IAAKY,GAAU,CACzB,MAAMc,EAAUd,EAAM,GAAKA,EAAM,GAC3Be,EAASf,EAAM,GAAKA,EAAM,GAC1BgB,EAAaF,EAAUG,EAAAA,mBAAqB,EAC5CC,EAAcjD,GAAkB+C,EAAa,GAAKD,GAAU3C,EAAK,WAAa6C,EAAAA,mBAC9EE,EAAaD,GAAeH,GAAU3C,EAAK,WAAa,EAAI6C,EAAAA,mBAC5DG,EAAY,GAAGpB,EAAM,KAAK,KAAK,KAAK1C,EAAY0C,EAAM,OAAS,CAAC,CAAC,GACjEqB,EAAMnB,EAAMF,CAAK,EAEvB,OACEsB,EAAAA,KAAC,IAAA,CAAE,UAAWC,EAAAA,QAAO,KACnB,SAAA,CAAAZ,EAAAA,IAAC,OAAA,CACC,aAAYS,EACZ,UAAWG,EAAAA,QAAO,KAClB,KAAMF,EACN,OAAQN,EACR,MAAOD,EACP,aAAc,IAAMf,EAAMC,CAAK,EAC/B,aAAc,IAAMD,EAAM,IAAI,EAC9B,EAAGC,EAAM,GACT,EAAGA,EAAM,GAER,UAAC9B,GAAe,CAACF,GAAe2C,EAAAA,IAAC,SAAO,SAAAS,CAAA,CAAU,CAAA,CAAA,EAGpDF,GACCP,EAAAA,IAAC,OAAA,CACC,UAAWY,EAAAA,QAAO,MAClB,KAAMC,EAAAA,YAAYH,CAAG,EACrB,EAAGrB,EAAM,GAAKiB,EAAAA,mBACd,EAAGjB,EAAM,GAAKiB,EAAAA,mBAAqB7C,EAAK,WAAa,GAEpD,SAAAqD,EAAAA,gBAAgBzB,EAAM,KAAK,MAAO5B,EAAM4C,CAAU,CAAA,CAAA,EAItDG,GACCR,EAAAA,IAAC,OAAA,CACC,UAAWY,EAAAA,QAAO,MAClB,KAAMC,EAAAA,YAAYH,CAAG,EACrB,EAAGrB,EAAM,GAAKiB,EAAAA,mBACd,EAAGjB,EAAM,GAAKiB,EAAAA,mBAAqB7C,EAAK,WAAa,IAEpD,2BAAgBd,EAAY0C,EAAM,OAAS,CAAC,EAAG5B,EAAM4C,CAAU,CAAA,CAAA,CAClE,CAAA,EAlC4B,GAAGhB,EAAM,KAAK,KAAK,IAAIA,EAAM,EAAE,IAAIA,EAAM,EAAE,EAoC3E,CAEJ,CAAC,CAAA,CAAA,CAGP"}

package/dist/components/charts/ChartTreemap/ChartTreemap.js

@@ -1,114 +1,125 @@
-import { jsx as c, jsxs as V } from "react/jsx-runtime";
-import { useMemo as b } from "react";
-import { hierarchy as N, treemap as W } from "d3-hierarchy";
-import u from "./ChartTreemap.module.css.js";
-import { useChartMetrics as k } from "../core/useChartMetrics.js";
-import { useSeriesToggle as q } from "../core/useSeriesToggle.js";
-import { resolveSeriesColors as J, INTENT_TOKENS as x, textColorOn as S } from "../palette/seriesColor.js";
-import { ChartFrame as Q } from "../core/ChartFrame.js";
-import { CHART_LABEL_OFFSET as n } from "../core/spacing.js";
-import { formatarNumero as U } from "../../../utils/formatters/formatarNumero.js";
-import { truncateToWidth as T } from "../core/measureText.js";
-import { chartHeight as X } from "../core/cartesianLayout.js";
-function C(s) {
-  return Number.isFinite(s.value) ? Math.max(s.value ?? 0, 0) : 0;
+import { jsx as s, jsxs as Y } from "react/jsx-runtime";
+import { useMemo as y, useState as Z } from "react";
+import { hierarchy as H, treemap as ee } from "d3-hierarchy";
+import g from "./ChartTreemap.module.css.js";
+import { useChartMetrics as te } from "../core/useChartMetrics.js";
+import { useSeriesToggle as re } from "../core/useSeriesToggle.js";
+import { resolveSeriesColors as ie, INTENT_TOKENS as S, textColorOn as $ } from "../palette/seriesColor.js";
+import { ChartFrame as oe } from "../core/ChartFrame.js";
+import { CHART_LABEL_OFFSET as l } from "../core/spacing.js";
+import { formatarNumero as ne } from "../../../utils/formatters/formatarNumero.js";
+import { truncateToWidth as N } from "../core/measureText.js";
+import { pathTooltip as le } from "../core/tooltips.js";
+import { hoverPath as j } from "../core/hoverPath.js";
+import { chartHeight as ae } from "../core/cartesianLayout.js";
+function I(c) {
+  return Number.isFinite(c.value) ? Math.max(c.value ?? 0, 0) : 0;
 }
-function me({
-  accent: s,
-  defaultHiddenGroups: O,
-  emptyMessage: D = "Sem dados no período",
-  formatValue: v = U,
-  gap: y = 5,
-  height: $ = 280,
-  hiddenGroups: E,
-  intentLabels: p,
-  legend: F = "bottom",
-  legendAlign: M,
+function Te({
+  accent: c,
+  defaultHiddenGroups: R,
+  emptyMessage: _ = "Sem dados no período",
+  formatTooltipValue: A,
+  formatValue: h = ne,
+  gap: T = 5,
+  height: L = 280,
+  hiddenGroups: P,
+  intentLabels: b,
+  legend: w = "bottom",
+  legendAlign: z,
   nodes: i,
-  onHiddenGroupsChange: j,
-  showDataLabels: I = !0,
-  title: R
+  onHiddenGroupsChange: B,
+  onHoverNode: m,
+  showDataLabels: G = !0,
+  showTooltip: C = !0,
+  title: K
 }) {
-  const { font: a, height: _, ref: w, width: m } = k(), { fillHeight: A, value: d } = X($, _), { isHidden: g, toggle: z } = q({
-    defaultHiddenSeries: O,
-    hiddenSeries: E,
-    onHiddenSeriesChange: j
-  }), f = b(() => J(i, { accent: s }), [s, i]), B = b(
-    () => !((N({ children: i, label: "" }).sum(C).value ?? 0) > 0),
+  const { font: a, height: W, ref: k, width: u } = te(), { fillHeight: q, value: d } = ae(L, W), { isHidden: x, toggle: J } = re({
+    defaultHiddenSeries: R,
+    hiddenSeries: P,
+    onHiddenSeriesChange: B
+  }), E = y(() => ie(i, { accent: c }), [c, i]), Q = y(
+    () => !((H({ children: i, label: "" }).sum(I).value ?? 0) > 0),
     [i]
-  ), G = b(() => {
-    const e = i.filter((t) => !g(t.label));
-    if (m === 0 || d === 0 || e.length === 0)
+  ), F = y(() => {
+    const e = i.filter((r) => !x(r.label));
+    if (u === 0 || d === 0 || e.length === 0)
       return [];
-    const r = N({ children: e, label: "" }).sum(C).sort((t, l) => (l.value ?? 0) - (t.value ?? 0));
-    return W().size([m, d]).paddingInner(y).round(!0)(r).leaves();
-  }, [d, y, g, i, m]);
-  function K(e) {
-    var t;
-    const r = e.data;
-    if (r.color)
-      return r.color;
-    if (r.intent)
-      return x[r.intent];
-    const o = (t = e.ancestors().find((l) => l.depth === 1)) == null ? void 0 : t.data;
-    return f[i.findIndex((l) => l.label === (o == null ? void 0 : o.label))] ?? x.neutral;
+    const t = H({ children: e, label: "" }).sum(I).sort((r, n) => (n.value ?? 0) - (r.value ?? 0));
+    return ee().size([u, d]).paddingInner(T).round(!0)(t).leaves();
+  }, [d, T, x, i, u]), [v, U] = Z(null), p = v && F.includes(v) ? v : null;
+  function M(e) {
+    U(e), m == null || m(e && j(e));
   }
-  const L = p ? Object.entries(p).map(([e, r]) => ({
-    color: x[e],
-    label: r
-  })) : i.map((e, r) => ({
-    color: f[r],
-    hidden: g(e.label),
+  function O(e) {
+    var r;
+    const t = e.data;
+    if (t.color)
+      return t.color;
+    if (t.intent)
+      return S[t.intent];
+    const o = (r = e.ancestors().find((n) => n.depth === 1)) == null ? void 0 : r.data;
+    return E[i.findIndex((n) => n.label === (o == null ? void 0 : o.label))] ?? S.neutral;
+  }
+  const V = b ? Object.entries(b).map(([e, t]) => ({
+    color: S[e],
+    label: t
+  })) : i.map((e, t) => ({
+    color: E[t],
+    hidden: x(e.label),
     label: e.label
   }));
-  return /* @__PURE__ */ c(
-    Q,
+  return /* @__PURE__ */ s(
+    oe,
     {
-      containerRef: w,
-      empty: i.length === 0 || B,
-      emptyMessage: D,
-      fillHeight: A,
+      containerRef: k,
+      empty: i.length === 0 || Q,
+      emptyMessage: _,
+      fillHeight: q,
       height: d,
-      legend: L,
-      legendAlign: M,
-      legendPosition: F,
-      onToggleSeries: p ? void 0 : z,
-      title: R,
-      width: m,
-      children: G.map((e) => {
-        const r = e.x1 - e.x0, o = e.y1 - e.y0, t = r - n * 2, l = I && t > 0 && o >= a.lineHeight + n, P = l && o >= a.lineHeight * 2 + n, H = `${e.data.label}: ${v(e.value ?? 0)}`, h = K(e);
-        return /* @__PURE__ */ V("g", { className: u.cell, children: [
-          /* @__PURE__ */ c(
+      legend: V,
+      legendAlign: z,
+      legendPosition: w,
+      onToggleSeries: b ? void 0 : J,
+      title: K,
+      tooltip: C ? le({ color: p ? O(p) : void 0, format: A ?? h, path: p && j(p) }) : void 0,
+      width: u,
+      children: F.map((e) => {
+        const t = e.x1 - e.x0, o = e.y1 - e.y0, r = t - l * 2, n = G && r > 0 && o >= a.lineHeight + l, X = n && o >= a.lineHeight * 2 + l, D = `${e.data.label}: ${h(e.value ?? 0)}`, f = O(e);
+        return /* @__PURE__ */ Y("g", { className: g.cell, children: [
+          /* @__PURE__ */ s(
             "rect",
             {
-              "aria-label": H,
-              className: u.tile,
-              fill: h,
+              "aria-label": D,
+              className: g.tile,
+              fill: f,
               height: o,
-              width: r,
+              width: t,
+              onMouseEnter: () => M(e),
+              onMouseLeave: () => M(null),
               x: e.x0,
               y: e.y0,
-              children: /* @__PURE__ */ c("title", { children: H })
+              children: !C && !m && /* @__PURE__ */ s("title", { children: D })
             }
           ),
-          l && /* @__PURE__ */ c(
+          n && /* @__PURE__ */ s(
             "text",
             {
-              className: u.label,
-              fill: S(h),
-              x: e.x0 + n,
-              y: e.y0 + n + a.lineHeight * 0.6,
-              children: T(e.data.label, a, t)
+              className: g.label,
+              fill: $(f),
+              x: e.x0 + l,
+              y: e.y0 + l + a.lineHeight * 0.6,
+              children: N(e.data.label, a, r)
             }
           ),
-          P && /* @__PURE__ */ c(
+          X && /* @__PURE__ */ s(
             "text",
             {
-              className: u.value,
-              fill: S(h),
-              x: e.x0 + n,
-              y: e.y0 + n + a.lineHeight * 1.6,
-              children: T(v(e.value ?? 0), a, t)
+              className: g.value,
+              fill: $(f),
+              x: e.x0 + l,
+              y: e.y0 + l + a.lineHeight * 1.6,
+              children: N(h(e.value ?? 0), a, r)
             }
           )
         ] }, `${e.data.label}-${e.x0}-${e.y0}`);
@@ -117,6 +128,6 @@ function me({
   );
 }
 export {
-  me as ChartTreemap
+  Te as ChartTreemap
 };
 //# sourceMappingURL=ChartTreemap.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ChartTreemap.js","sources":["../../../../src/components/charts/ChartTreemap/ChartTreemap.tsx"],"sourcesContent":["import { useMemo } from 'react';\nimport { hierarchy, treemap } from 'd3-hierarchy';\nimport {\n  CHART_LABEL_OFFSET,\n  ChartFrame,\n  chartHeight,\n  truncateToWidth,\n  useChartMetrics,\n  useSeriesToggle,\n  type ChartHeight,\n  type ChartLegendAlign,\n  type ChartLegendPosition,\n} from '../core';\nimport {\n  INTENT_TOKENS,\n  resolveSeriesColors,\n  textColorOn,\n  type SeriesAppearance,\n  type SeriesIntent,\n} from '../palette';\nimport { formatarNumero } from '../../../utils/formatters';\nimport styles from './ChartTreemap.module.css';\n\nexport interface ChartTreemapNode extends SeriesAppearance {\n  children?: readonly ChartTreemapNode[];\n  label: string;\n  value?: number;\n}\n\nexport interface ChartTreemapProps {\n  accent?: string;\n  defaultHiddenGroups?: readonly string[];\n  emptyMessage?: string;\n  formatValue?: (value: number) => string;\n  /** Folga entre dois retangulos vizinhos. */\n  gap?: number;\n  height?: ChartHeight;\n  hiddenGroups?: readonly string[];\n  /**\n   * Nome de cada intencao na legenda. Informado, a legenda deixa de listar os\n   * grupos e passa a nomear as cores: e o caso do mapa colorido por status,\n   * onde o que a legenda explica e o significado da cor, nao a categoria.\n   */\n  intentLabels?: Partial<Record<SeriesIntent, string>>;\n  legend?: ChartLegendPosition;\n  legendAlign?: ChartLegendAlign;\n  nodes: readonly ChartTreemapNode[];\n  onHiddenGroupsChange?: (hidden: readonly string[]) => void;\n  showDataLabels?: boolean;\n  title: string;\n}\n\n\n/** Area que o no ocupa. Invalido ou negativo nao ocupa nada. */\nfunction ocupacao(no: ChartTreemapNode) {\n  return Number.isFinite(no.value) ? Math.max(no.value ?? 0, 0) : 0;\n}\n\nexport function ChartTreemap({\n  accent,\n  defaultHiddenGroups,\n  emptyMessage = 'Sem dados no período',\n  formatValue = formatarNumero,\n  gap = 5,\n  height = 280,\n  hiddenGroups,\n  intentLabels,\n  legend = 'bottom',\n  legendAlign,\n  nodes,\n  onHiddenGroupsChange,\n  showDataLabels = true,\n  title,\n}: ChartTreemapProps) {\n  const { font, height: alturaMedida, ref, width } = useChartMetrics();\n  const { fillHeight, value: alturaDoDesenho } = chartHeight(height, alturaMedida);\n  const { isHidden, toggle } = useSeriesToggle({\n    defaultHiddenSeries: defaultHiddenGroups,\n    hiddenSeries: hiddenGroups,\n    onHiddenSeriesChange: onHiddenGroupsChange,\n  });\n\n  // A cor sai da lista inteira, e nao das visiveis: desligar um grupo nao pode\n  // repintar os demais.\n  const coresDeGrupo = useMemo(() => resolveSeriesColors(nodes, { accent }), [accent, nodes]);\n\n  // Sem valor positivo nao ha area a repartir: anuncia vazio. Desligar todos os grupos, nao: a legenda e a volta.\n  const semValor = useMemo(\n    () => !((hierarchy<ChartTreemapNode>({ children: nodes, label: '' }).sum(ocupacao).value ?? 0) > 0),\n    [nodes],\n  );\n\n  const retangulos = useMemo(() => {\n    const visiveis = nodes.filter((grupo) => !isHidden(grupo.label));\n\n    if (width === 0 || alturaDoDesenho === 0 || visiveis.length === 0) {\n      return [];\n    }\n\n    const arvore = hierarchy<ChartTreemapNode>({ children: visiveis, label: '' })\n      .sum(ocupacao)\n      .sort((a, b) => (b.value ?? 0) - (a.value ?? 0));\n\n    const posicionar = treemap<ChartTreemapNode>()\n      .size([width, alturaDoDesenho])\n      .paddingInner(gap)\n      .round(true);\n\n    return posicionar(arvore).leaves();\n  }, [alturaDoDesenho, gap, isHidden, nodes, width]);\n\n  /** A folha herda a cor do grupo, e a intencao propria vence a herdada. */\n  function corDa(folha: (typeof retangulos)[number]) {\n    const proprio = folha.data;\n\n    if (proprio.color) {\n      return proprio.color;\n    }\n\n    if (proprio.intent) {\n      return INTENT_TOKENS[proprio.intent];\n    }\n\n    const grupo = folha.ancestors().find((ancestral) => ancestral.depth === 1)?.data;\n\n    return coresDeGrupo[nodes.findIndex((no) => no.label === grupo?.label)] ?? INTENT_TOKENS.neutral;\n  }\n\n  const entradasDaLegenda = intentLabels\n    ? (Object.entries(intentLabels) as [SeriesIntent, string][]).map(([intencao, rotulo]) => ({\n        color: INTENT_TOKENS[intencao],\n        label: rotulo,\n      }))\n    : nodes.map((grupo, indice) => ({\n        color: coresDeGrupo[indice],\n        hidden: isHidden(grupo.label),\n        label: grupo.label,\n      }));\n\n  return (\n    <ChartFrame\n      containerRef={ref}\n      empty={nodes.length === 0 || semValor}\n      emptyMessage={emptyMessage}\n      fillHeight={fillHeight}\n      height={alturaDoDesenho}\n      legend={entradasDaLegenda}\n      legendAlign={legendAlign}\n      legendPosition={legend}\n      onToggleSeries={intentLabels ? undefined : toggle}\n      title={title}\n      width={width}\n    >\n      {retangulos.map((folha) => {\n        const largura = folha.x1 - folha.x0;\n        const altura = folha.y1 - folha.y0;\n        const disponivel = largura - CHART_LABEL_OFFSET * 2;\n        const cabeORotulo = showDataLabels && disponivel > 0 && altura >= font.lineHeight + CHART_LABEL_OFFSET;\n        const cabeOValor = cabeORotulo && altura >= font.lineHeight * 2 + CHART_LABEL_OFFSET;\n        const descricao = `${folha.data.label}: ${formatValue(folha.value ?? 0)}`;\n        const cor = corDa(folha);\n\n        return (\n          <g className={styles.cell} key={`${folha.data.label}-${folha.x0}-${folha.y0}`}>\n            <rect\n              aria-label={descricao}\n              className={styles.tile}\n              fill={cor}\n              height={altura}\n              width={largura}\n              x={folha.x0}\n              y={folha.y0}\n            >\n              <title>{descricao}</title>\n            </rect>\n\n            {cabeORotulo && (\n              <text\n                className={styles.label}\n                fill={textColorOn(cor)}\n                x={folha.x0 + CHART_LABEL_OFFSET}\n                y={folha.y0 + CHART_LABEL_OFFSET + font.lineHeight * 0.6}\n              >\n                {truncateToWidth(folha.data.label, font, disponivel)}\n              </text>\n            )}\n\n            {cabeOValor && (\n              <text\n                className={styles.value}\n                fill={textColorOn(cor)}\n                x={folha.x0 + CHART_LABEL_OFFSET}\n                y={folha.y0 + CHART_LABEL_OFFSET + font.lineHeight * 1.6}\n              >\n                {truncateToWidth(formatValue(folha.value ?? 0), font, disponivel)}\n              </text>\n            )}\n          </g>\n        );\n      })}\n    </ChartFrame>\n  );\n}\n"],"names":["ocupacao","no","ChartTreemap","accent","defaultHiddenGroups","emptyMessage","formatValue","formatarNumero","gap","height","hiddenGroups","intentLabels","legend","legendAlign","nodes","onHiddenGroupsChange","showDataLabels","title","font","alturaMedida","ref","width","useChartMetrics","fillHeight","alturaDoDesenho","chartHeight","isHidden","toggle","useSeriesToggle","coresDeGrupo","useMemo","resolveSeriesColors","semValor","hierarchy","retangulos","visiveis","grupo","arvore","a","b","treemap","corDa","folha","proprio","INTENT_TOKENS","_a","ancestral","entradasDaLegenda","intencao","rotulo","indice","jsx","ChartFrame","largura","altura","disponivel","CHART_LABEL_OFFSET","cabeORotulo","cabeOValor","descricao","cor","jsxs","styles","textColorOn","truncateToWidth"],"mappings":"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"}
+{"version":3,"file":"ChartTreemap.js","sources":["../../../../src/components/charts/ChartTreemap/ChartTreemap.tsx"],"sourcesContent":["import { useMemo, useState } from 'react';\nimport { hierarchy, treemap } from 'd3-hierarchy';\nimport {\n  CHART_LABEL_OFFSET,\n  ChartFrame,\n  chartHeight,\n  hoverPath,\n  pathTooltip,\n  truncateToWidth,\n  useChartMetrics,\n  useSeriesToggle,\n  type ChartHeight,\n  type ChartHoveredNode,\n  type ChartLegendAlign,\n  type ChartLegendPosition,\n} from '../core';\nimport {\n  INTENT_TOKENS,\n  resolveSeriesColors,\n  textColorOn,\n  type SeriesAppearance,\n  type SeriesIntent,\n} from '../palette';\nimport { formatarNumero } from '../../../utils/formatters';\nimport styles from './ChartTreemap.module.css';\n\nexport interface ChartTreemapNode extends SeriesAppearance {\n  children?: readonly ChartTreemapNode[];\n  label: string;\n  value?: number;\n}\n\nexport interface ChartTreemapProps {\n  accent?: string;\n  defaultHiddenGroups?: readonly string[];\n  emptyMessage?: string;\n  /** Formato dos valores no balao. Sem ele, vale o `formatValue`: o eixo pode sair compacto e o balao, exato. */\n  formatTooltipValue?: (value: number) => string;\n  formatValue?: (value: number) => string;\n  /** Folga entre dois retangulos vizinhos. */\n  gap?: number;\n  height?: ChartHeight;\n  hiddenGroups?: readonly string[];\n  /**\n   * Nome de cada intencao na legenda. Informado, a legenda deixa de listar os\n   * grupos e passa a nomear as cores: e o caso do mapa colorido por status,\n   * onde o que a legenda explica e o significado da cor, nao a categoria.\n   */\n  intentLabels?: Partial<Record<SeriesIntent, string>>;\n  legend?: ChartLegendPosition;\n  legendAlign?: ChartLegendAlign;\n  nodes: readonly ChartTreemapNode[];\n  onHiddenGroupsChange?: (hidden: readonly string[]) => void;\n  /** Caminho ate o no sob o ponteiro, do grupo ao no, cada nivel com o valor somado, ou `null` ao sair. */\n  onHoverNode?: (path: readonly ChartHoveredNode[] | null) => void;\n  showDataLabels?: boolean;\n  /**\n   * Balao com o caminho ate o no sob o ponteiro. Desligue para montar o proprio `ChartTooltip`\n   * pela costura; sem balao nem costura, o no volta a ter o `<title>`.\n   */\n  showTooltip?: boolean;\n  title: string;\n}\n\n\n/** Area que o no ocupa. Invalido ou negativo nao ocupa nada. */\nfunction ocupacao(no: ChartTreemapNode) {\n  return Number.isFinite(no.value) ? Math.max(no.value ?? 0, 0) : 0;\n}\n\nexport function ChartTreemap({\n  accent,\n  defaultHiddenGroups,\n  emptyMessage = 'Sem dados no período',\n  formatTooltipValue,\n  formatValue = formatarNumero,\n  gap = 5,\n  height = 280,\n  hiddenGroups,\n  intentLabels,\n  legend = 'bottom',\n  legendAlign,\n  nodes,\n  onHiddenGroupsChange,\n  onHoverNode,\n  showDataLabels = true,\n  showTooltip = true,\n  title,\n}: ChartTreemapProps) {\n  const { font, height: alturaMedida, ref, width } = useChartMetrics();\n  const { fillHeight, value: alturaDoDesenho } = chartHeight(height, alturaMedida);\n  const { isHidden, toggle } = useSeriesToggle({\n    defaultHiddenSeries: defaultHiddenGroups,\n    hiddenSeries: hiddenGroups,\n    onHiddenSeriesChange: onHiddenGroupsChange,\n  });\n\n  // A cor sai da lista inteira, e nao das visiveis: desligar um grupo nao pode\n  // repintar os demais.\n  const coresDeGrupo = useMemo(() => resolveSeriesColors(nodes, { accent }), [accent, nodes]);\n\n  // Sem valor positivo nao ha area a repartir: anuncia vazio. Desligar todos os grupos, nao: a legenda e a volta.\n  const semValor = useMemo(\n    () => !((hierarchy<ChartTreemapNode>({ children: nodes, label: '' }).sum(ocupacao).value ?? 0) > 0),\n    [nodes],\n  );\n\n  const retangulos = useMemo(() => {\n    const visiveis = nodes.filter((grupo) => !isHidden(grupo.label));\n\n    if (width === 0 || alturaDoDesenho === 0 || visiveis.length === 0) {\n      return [];\n    }\n\n    const arvore = hierarchy<ChartTreemapNode>({ children: visiveis, label: '' })\n      .sum(ocupacao)\n      .sort((a, b) => (b.value ?? 0) - (a.value ?? 0));\n\n    const posicionar = treemap<ChartTreemapNode>()\n      .size([width, alturaDoDesenho])\n      .paddingInner(gap)\n      .round(true);\n\n    return posicionar(arvore).leaves();\n  }, [alturaDoDesenho, gap, isHidden, nodes, width]);\n\n  const [emFoco, setEmFoco] = useState<(typeof retangulos)[number] | null>(null);\n  // A folha guardada deixa de existir quando o mapa e remontado; sem conferir, o balao falaria de um no que saiu.\n  const foco = emFoco && retangulos.includes(emFoco) ? emFoco : null;\n\n  function focar(folha: (typeof retangulos)[number] | null) {\n    setEmFoco(folha);\n    onHoverNode?.(folha && hoverPath(folha));\n  }\n\n  /** A folha herda a cor do grupo, e a intencao propria vence a herdada. */\n  function corDa(folha: (typeof retangulos)[number]) {\n    const proprio = folha.data;\n\n    if (proprio.color) {\n      return proprio.color;\n    }\n\n    if (proprio.intent) {\n      return INTENT_TOKENS[proprio.intent];\n    }\n\n    const grupo = folha.ancestors().find((ancestral) => ancestral.depth === 1)?.data;\n\n    return coresDeGrupo[nodes.findIndex((no) => no.label === grupo?.label)] ?? INTENT_TOKENS.neutral;\n  }\n\n  const entradasDaLegenda = intentLabels\n    ? (Object.entries(intentLabels) as [SeriesIntent, string][]).map(([intencao, rotulo]) => ({\n        color: INTENT_TOKENS[intencao],\n        label: rotulo,\n      }))\n    : nodes.map((grupo, indice) => ({\n        color: coresDeGrupo[indice],\n        hidden: isHidden(grupo.label),\n        label: grupo.label,\n      }));\n\n  return (\n    <ChartFrame\n      containerRef={ref}\n      empty={nodes.length === 0 || semValor}\n      emptyMessage={emptyMessage}\n      fillHeight={fillHeight}\n      height={alturaDoDesenho}\n      legend={entradasDaLegenda}\n      legendAlign={legendAlign}\n      legendPosition={legend}\n      onToggleSeries={intentLabels ? undefined : toggle}\n      title={title}\n      tooltip={\n        showTooltip\n          ? pathTooltip({ color: foco ? corDa(foco) : undefined, format: formatTooltipValue ?? formatValue, path: foco && hoverPath(foco) })\n          : undefined\n      }\n      width={width}\n    >\n      {retangulos.map((folha) => {\n        const largura = folha.x1 - folha.x0;\n        const altura = folha.y1 - folha.y0;\n        const disponivel = largura - CHART_LABEL_OFFSET * 2;\n        const cabeORotulo = showDataLabels && disponivel > 0 && altura >= font.lineHeight + CHART_LABEL_OFFSET;\n        const cabeOValor = cabeORotulo && altura >= font.lineHeight * 2 + CHART_LABEL_OFFSET;\n        const descricao = `${folha.data.label}: ${formatValue(folha.value ?? 0)}`;\n        const cor = corDa(folha);\n\n        return (\n          <g className={styles.cell} key={`${folha.data.label}-${folha.x0}-${folha.y0}`}>\n            <rect\n              aria-label={descricao}\n              className={styles.tile}\n              fill={cor}\n              height={altura}\n              width={largura}\n              onMouseEnter={() => focar(folha)}\n              onMouseLeave={() => focar(null)}\n              x={folha.x0}\n              y={folha.y0}\n            >\n              {!showTooltip && !onHoverNode && <title>{descricao}</title>}\n            </rect>\n\n            {cabeORotulo && (\n              <text\n                className={styles.label}\n                fill={textColorOn(cor)}\n                x={folha.x0 + CHART_LABEL_OFFSET}\n                y={folha.y0 + CHART_LABEL_OFFSET + font.lineHeight * 0.6}\n              >\n                {truncateToWidth(folha.data.label, font, disponivel)}\n              </text>\n            )}\n\n            {cabeOValor && (\n              <text\n                className={styles.value}\n                fill={textColorOn(cor)}\n                x={folha.x0 + CHART_LABEL_OFFSET}\n                y={folha.y0 + CHART_LABEL_OFFSET + font.lineHeight * 1.6}\n              >\n                {truncateToWidth(formatValue(folha.value ?? 0), font, disponivel)}\n              </text>\n            )}\n          </g>\n        );\n      })}\n    </ChartFrame>\n  );\n}\n"],"names":["ocupacao","no","ChartTreemap","accent","defaultHiddenGroups","emptyMessage","formatTooltipValue","formatValue","formatarNumero","gap","height","hiddenGroups","intentLabels","legend","legendAlign","nodes","onHiddenGroupsChange","onHoverNode","showDataLabels","showTooltip","title","font","alturaMedida","ref","width","useChartMetrics","fillHeight","alturaDoDesenho","chartHeight","isHidden","toggle","useSeriesToggle","coresDeGrupo","useMemo","resolveSeriesColors","semValor","hierarchy","retangulos","visiveis","grupo","arvore","a","b","treemap","emFoco","setEmFoco","useState","foco","focar","folha","hoverPath","corDa","proprio","INTENT_TOKENS","_a","ancestral","entradasDaLegenda","intencao","rotulo","indice","jsx","ChartFrame","pathTooltip","largura","altura","disponivel","CHART_LABEL_OFFSET","cabeORotulo","cabeOValor","descricao","cor","jsxs","styles","textColorOn","truncateToWidth"],"mappings":"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"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"ChartWaterfall.cjs","sources":["../../../../src/components/charts/ChartWaterfall/ChartWaterfall.tsx"],"sourcesContent":["import { useMemo } from 'react';\nimport {\n  BandCursor,\n  CartesianFrame,\n  cartesianLayout,\n  chartHeight,\n  roundedBarPath,\n  useChartMetrics,\n  useHoveredBand,\n  useTweenedNumbers,\n  valueLabelRoom,\n  valueLabelsFor,\n  type AxisLabelAngle,\n  type AxisTick,\n  type AxisVisibility,\n  type ChartHeight,\n} from '../core';\nimport { resolveSeriesColors, type SeriesIntent } from '../palette';\nimport { bandScale, domainOf, linearScale, ticksFor } from '../scales';\nimport { formatarNumero } from '../../../utils/formatters';\nimport styles from './ChartWaterfall.module.css';\n\nexport interface ChartWaterfallStep {\n  color?: string;\n  intent?: SeriesIntent;\n  label: string;\n  total?: boolean;\n  value: number;\n}\n\nexport interface ChartWaterfallProps {\n  emptyMessage?: string;\n  formatValue?: (value: number) => string;\n  height?: ChartHeight;\n  labelAngle?: AxisLabelAngle;\n  /** Indice do passo sob o ponteiro, ou `null` ao sair dele. */\n  onHoverStep?: (index: number | null) => void;\n  showDataLabels?: boolean;\n  steps: readonly ChartWaterfallStep[];\n  title: string;\n  xAxis?: AxisVisibility;\n  yAxis?: AxisVisibility;\n  yAxisRight?: AxisVisibility;\n}\n\ninterface Trecho {\n  fim: number;\n  inicio: number;\n}\n\n/**\n * Cada passo ocupa a faixa entre o acumulado anterior e o novo acumulado; o total parte do zero, porque\n * fecha a conta. Passo invalido e ausente: nao se desenha nem move o acumulado.\n */\nfunction trechosDe(steps: readonly ChartWaterfallStep[]): (Trecho | null)[] {\n  let acumulado = 0;\n\n  return steps.map((passo) => {\n    if (!Number.isFinite(passo.value)) {\n      return null;\n    }\n\n    const inicio = passo.total ? 0 : acumulado;\n    const fim = inicio + passo.value;\n    acumulado = fim;\n\n    return { inicio, fim };\n  });\n}\n\n/** Passo sem intencao declarada recebe a do seu sinal. Total e fechamento, nao aporte. */\nfunction intencaoDe(step: ChartWaterfallStep): SeriesIntent {\n  if (step.intent) {\n    return step.intent;\n  }\n\n  if (step.total) {\n    return 'neutral';\n  }\n\n  return step.value < 0 ? 'negative' : 'positive';\n}\n\n/**\n * O sinal e do grafico, nao do formatador: ele formata a magnitude. Delegar o\n * sinal perderia a variacao com qualquer formatador que exiba apenas o valor.\n */\nfunction comSinal(value: number, formatValue: (value: number) => string) {\n  if (value === 0) {\n    return formatValue(0);\n  }\n\n  return `${value < 0 ? '-' : '+'}${formatValue(Math.abs(value))}`;\n}\n\nexport function ChartWaterfall({\n  emptyMessage = 'Sem dados no período',\n  formatValue = formatarNumero,\n  height = 280,\n  labelAngle = 'auto',\n  onHoverStep,\n  showDataLabels = true,\n  steps,\n  title,\n  xAxis = 'visible',\n  yAxis = 'visible',\n  yAxisRight = 'hidden',\n}: ChartWaterfallProps) {\n  const { font, height: alturaMedida, radius: raioDoCanto, ref, width } = useChartMetrics();\n  const { fillHeight, value: alturaDoDesenho } = chartHeight(height, alturaMedida);\n  const { hover: focarPasso, hovered: passoEmFoco } = useHoveredBand(onHoverStep);\n\n  const trechos = useMemo(() => trechosDe(steps), [steps]);\n\n  const cores = useMemo(\n    () => resolveSeriesColors(steps.map((passo) => ({ color: passo.color, intent: intencaoDe(passo) }))),\n    [steps],\n  );\n\n  const dominio = useMemo(\n    () => domainOf(trechos.flatMap((trecho) => (trecho ? [trecho.inicio, trecho.fim] : []))),\n    [trechos],\n  );\n\n  const rotulosDeValor = valueLabelsFor(dominio, alturaDoDesenho, formatValue);\n\n  const { margins, plot, rotation } = cartesianLayout({\n    bottomLabels: steps.map((passo) => passo.label),\n    font,\n    height: alturaDoDesenho,\n    labelAngle,\n    leftLabels: rotulosDeValor,\n    rightLabels: rotulosDeValor,\n    topRoom: showDataLabels ? valueLabelRoom(font) : 0,\n    width,\n    xAxis,\n    yAxis,\n    yAxisRight,\n  });\n\n  // A faixa e indexada pela posicao, nao pelo rotulo: numa sequencia de passos o\n  // mesmo rotulo pode repetir, e a escala categorica funde dominios iguais.\n  const escalaPassos = useMemo(\n    () => bandScale({ domain: steps.map((_, indice) => String(indice)), range: [0, plot.width] }),\n    [plot.width, steps],\n  );\n\n  const faixaDe = (indice: number) => escalaPassos(String(indice)) ?? 0;\n\n  // A escala alvo fixa as marcas; a animada posiciona o desenho. Sem separar as\n  // duas, as marcas exibiriam valores quebrados durante a transicao.\n  const escalaAlvo = useMemo(\n    () => linearScale({ domain: dominio, range: [plot.height, 0] }),\n    [dominio, plot.height],\n  );\n\n  const [minimo, maximo] = useTweenedNumbers(escalaAlvo.domain());\n\n  const escalaValores = useMemo(\n    () => linearScale({ domain: { min: minimo, max: maximo }, nice: false, range: [plot.height, 0] }),\n    [maximo, minimo, plot.height],\n  );\n\n  const marcasDeValor = ticksFor(escalaAlvo, plot.height);\n\n  const marcasPassos: AxisTick[] = steps.map((passo, indice) => ({\n    label: passo.label,\n    position: faixaDe(indice) + escalaPassos.bandwidth() / 2,\n  }));\n\n  const marcasValor: AxisTick[] = marcasDeValor.map((valor) => ({\n    label: formatValue(valor),\n    position: escalaValores(valor),\n  }));\n\n  function rotuloDe(passo: ChartWaterfallStep) {\n    return passo.total ? formatValue(passo.value) : comSinal(passo.value, formatValue);\n  }\n\n  return (\n    <CartesianFrame\n      containerRef={ref}\n      empty={steps.length === 0}\n      emptyMessage={emptyMessage}\n      grid={[\n        {\n          baseline: escalaValores(0),\n          lines: marcasDeValor.map((valor) => escalaValores(valor)),\n          orientation: 'horizontal',\n        },\n      ]}\n      fillHeight={fillHeight}\n      height={alturaDoDesenho}\n      legendPosition=\"none\"\n      margins={margins}\n      plot={plot}\n      title={title}\n      width={width}\n      xAxis={{ labelRotation: rotation, ticks: marcasPassos, visibility: xAxis }}\n      yAxis={{ hideLine: true, ticks: marcasValor, visibility: yAxis }}\n      yAxisRight={{ hideLine: true, ticks: marcasValor, visibility: yAxisRight }}\n    >\n      {passoEmFoco !== null && (\n        <BandCursor offset={faixaDe(passoEmFoco)} plot={plot} size={escalaPassos.bandwidth()} />\n      )}\n\n      <g aria-hidden=\"true\">\n        {trechos.slice(0, -1).map((trecho, indice) => {\n          if (!trecho || !trechos[indice + 1]) {\n            return null;\n          }\n\n          const nivel = escalaValores(trecho.fim);\n\n          return (\n            <line\n              className={styles.connector}\n              key={indice}\n              x1={faixaDe(indice) + escalaPassos.bandwidth()}\n              x2={faixaDe(indice + 1)}\n              y1={nivel}\n              y2={nivel}\n            />\n          );\n        })}\n      </g>\n\n      {steps.map((passo, indice) => {\n        const trecho = trechos[indice];\n\n        if (!trecho) {\n          return null;\n        }\n\n        const topo = Math.min(escalaValores(trecho.inicio), escalaValores(trecho.fim));\n        const altura = Math.abs(escalaValores(trecho.fim) - escalaValores(trecho.inicio));\n\n        return (\n          <path\n            aria-label={`${passo.label}: ${rotuloDe(passo)}`}\n            className={styles.bar}\n            d={roundedBarPath(faixaDe(indice), topo, escalaPassos.bandwidth(), altura, [\n              raioDoCanto,\n              raioDoCanto,\n              raioDoCanto,\n              raioDoCanto,\n            ])}\n            fill={cores[indice]}\n            key={indice}\n            onMouseEnter={() => focarPasso(indice)}\n            onMouseLeave={() => focarPasso(null)}\n          />\n        );\n      })}\n\n      {showDataLabels &&\n        steps.map((passo, indice) => {\n          const trecho = trechos[indice];\n\n          if (!trecho) {\n            return null;\n          }\n\n          const topo = Math.min(escalaValores(trecho.inicio), escalaValores(trecho.fim));\n\n          return (\n            <text\n              className={styles.valueLabel}\n              key={indice}\n              textAnchor=\"middle\"\n              x={faixaDe(indice) + escalaPassos.bandwidth() / 2}\n              y={topo - 6}\n            >\n              {rotuloDe(passo)}\n            </text>\n          );\n        })}\n    </CartesianFrame>\n  );\n}\n"],"names":["trechosDe","steps","acumulado","passo","inicio","fim","intencaoDe","step","comSinal","value","formatValue","ChartWaterfall","emptyMessage","formatarNumero","height","labelAngle","onHoverStep","showDataLabels","title","xAxis","yAxis","yAxisRight","font","alturaMedida","raioDoCanto","ref","width","useChartMetrics","fillHeight","alturaDoDesenho","chartHeight","focarPasso","passoEmFoco","useHoveredBand","trechos","useMemo","cores","resolveSeriesColors","dominio","domainOf","trecho","rotulosDeValor","valueLabelsFor","margins","plot","rotation","cartesianLayout","valueLabelRoom","escalaPassos","bandScale","_","indice","faixaDe","escalaAlvo","linearScale","minimo","maximo","useTweenedNumbers","escalaValores","marcasDeValor","ticksFor","marcasPassos","marcasValor","valor","rotuloDe","jsxs","CartesianFrame","jsx","BandCursor","nivel","styles","topo","altura","roundedBarPath"],"mappings":"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"}
+{"version":3,"file":"ChartWaterfall.cjs","sources":["../../../../src/components/charts/ChartWaterfall/ChartWaterfall.tsx"],"sourcesContent":["import { useMemo } from 'react';\nimport {\n  BandCursor,\n  markShown,\n  CartesianFrame,\n  useCartesianLayout,\n  chartHeight,\n  roundedBarPath,\n  useChartMetrics,\n  useHoveredBand,\n  useTweenedNumbers,\n  valueLabelRoom,\n  valueLabelsFor,\n  type AxisLabelAngle,\n  type AxisTick,\n  type AxisVisibility,\n  type MarkVisibility,\n  type ChartHeight,\n} from '../core';\nimport { resolveSeriesColors, type SeriesIntent } from '../palette';\nimport { bandScale, domainOf, linearScale, ticksFor } from '../scales';\nimport { formatarNumero } from '../../../utils/formatters';\nimport styles from './ChartWaterfall.module.css';\n\nexport interface ChartWaterfallStep {\n  color?: string;\n  intent?: SeriesIntent;\n  label: string;\n  total?: boolean;\n  value: number;\n}\n\nexport interface ChartWaterfallProps {\n  emptyMessage?: string;\n  /** Formato dos valores no balao. Sem ele, vale o `formatValue`: o eixo pode sair compacto e o balao, exato. */\n  formatTooltipValue?: (value: number) => string;\n  formatValue?: (value: number) => string;\n  height?: ChartHeight;\n  labelAngle?: AxisLabelAngle;\n  /** Indice do passo sob o ponteiro, ou `null` ao sair dele. */\n  onHoverStep?: (index: number | null) => void;\n  /** Variacao acima de cada passo. Em `onHover`, so a do passo sob o ponteiro. */\n  showDataLabels?: MarkVisibility;\n  /** Balao com a variacao do passo sob o ponteiro e o acumulado ate ele. Desligue para montar o proprio `ChartTooltip`. */\n  showTooltip?: boolean;\n  steps: readonly ChartWaterfallStep[];\n  title: string;\n  xAxis?: AxisVisibility;\n  yAxis?: AxisVisibility;\n  yAxisRight?: AxisVisibility;\n}\n\ninterface Trecho {\n  fim: number;\n  inicio: number;\n}\n\n/**\n * Cada passo ocupa a faixa entre o acumulado anterior e o novo acumulado; o total parte do zero, porque\n * fecha a conta. Passo invalido e ausente: nao se desenha nem move o acumulado.\n */\nfunction trechosDe(steps: readonly ChartWaterfallStep[]): (Trecho | null)[] {\n  let acumulado = 0;\n\n  return steps.map((passo) => {\n    if (!Number.isFinite(passo.value)) {\n      return null;\n    }\n\n    const inicio = passo.total ? 0 : acumulado;\n    const fim = inicio + passo.value;\n    acumulado = fim;\n\n    return { inicio, fim };\n  });\n}\n\n/** Passo sem intencao declarada recebe a do seu sinal. Total e fechamento, nao aporte. */\nfunction intencaoDe(step: ChartWaterfallStep): SeriesIntent {\n  if (step.intent) {\n    return step.intent;\n  }\n\n  if (step.total) {\n    return 'neutral';\n  }\n\n  return step.value < 0 ? 'negative' : 'positive';\n}\n\n/**\n * O sinal e do grafico, nao do formatador: ele formata a magnitude. Delegar o\n * sinal perderia a variacao com qualquer formatador que exiba apenas o valor.\n */\nfunction comSinal(value: number, formatValue: (value: number) => string) {\n  if (value === 0) {\n    return formatValue(0);\n  }\n\n  return `${value < 0 ? '-' : '+'}${formatValue(Math.abs(value))}`;\n}\n\nexport function ChartWaterfall({\n  emptyMessage = 'Sem dados no período',\n  formatTooltipValue,\n  formatValue = formatarNumero,\n  height = 280,\n  labelAngle = 'auto',\n  onHoverStep,\n  showDataLabels = 'visible',\n  showTooltip = true,\n  steps,\n  title,\n  xAxis = 'visible',\n  yAxis = 'visible',\n  yAxisRight = 'hidden',\n}: ChartWaterfallProps) {\n  const { font, height: alturaMedida, radius: raioDoCanto, ref, width } = useChartMetrics();\n  const { fillHeight, value: alturaDoDesenho } = chartHeight(height, alturaMedida);\n  const { hover: focarPasso, hovered: passoEmFoco } = useHoveredBand(onHoverStep);\n\n  const trechos = useMemo(() => trechosDe(steps), [steps]);\n\n  const cores = useMemo(\n    () => resolveSeriesColors(steps.map((passo) => ({ color: passo.color, intent: intencaoDe(passo) }))),\n    [steps],\n  );\n\n  const dominio = useMemo(\n    () => domainOf(trechos.flatMap((trecho) => (trecho ? [trecho.inicio, trecho.fim] : []))),\n    [trechos],\n  );\n\n  const rotulosDeValor = valueLabelsFor(dominio, alturaDoDesenho, formatValue);\n\n  const { axisReveal, margins, plot, rotation } = useCartesianLayout({\n    bottomLabels: steps.map((passo) => passo.label),\n    font,\n    height: alturaDoDesenho,\n    labelAngle,\n    leftLabels: rotulosDeValor,\n    rightLabels: rotulosDeValor,\n    topRoom: showDataLabels === 'hidden' ? 0 : valueLabelRoom(font),\n    width,\n    xAxis,\n    yAxis,\n    yAxisRight,\n  });\n\n  // A faixa e indexada pela posicao, nao pelo rotulo: numa sequencia de passos o\n  // mesmo rotulo pode repetir, e a escala categorica funde dominios iguais.\n  const escalaPassos = useMemo(\n    () => bandScale({ domain: steps.map((_, indice) => String(indice)), range: [0, plot.width] }),\n    [plot.width, steps],\n  );\n\n  const faixaDe = (indice: number) => escalaPassos(String(indice)) ?? 0;\n\n  // A escala alvo fixa as marcas; a animada posiciona o desenho. Sem separar as\n  // duas, as marcas exibiriam valores quebrados durante a transicao.\n  const escalaAlvo = useMemo(\n    () => linearScale({ domain: dominio, range: [plot.height, 0] }),\n    [dominio, plot.height],\n  );\n\n  const [minimo, maximo] = useTweenedNumbers(escalaAlvo.domain());\n\n  const escalaValores = useMemo(\n    () => linearScale({ domain: { min: minimo, max: maximo }, nice: false, range: [plot.height, 0] }),\n    [maximo, minimo, plot.height],\n  );\n\n  const marcasDeValor = ticksFor(escalaAlvo, plot.height);\n\n  const marcasPassos: AxisTick[] = steps.map((passo, indice) => ({\n    label: passo.label,\n    position: faixaDe(indice) + escalaPassos.bandwidth() / 2,\n  }));\n\n  const marcasValor: AxisTick[] = marcasDeValor.map((valor) => ({\n    label: formatValue(valor),\n    position: escalaValores(valor),\n  }));\n\n  function rotuloDe(passo: ChartWaterfallStep) {\n    return passo.total ? formatValue(passo.value) : comSinal(passo.value, formatValue);\n  }\n\n  /** O passo diz quanto mudou; o acumulado, onde a conta ficou. O total ja e o proprio acumulado. */\n  function linhasDoBalao(indice: number | null) {\n    if (indice === null || !trechos[indice]) {\n      return [];\n    }\n\n    const passo = steps[indice];\n\n    if (passo.total) {\n      return [{ color: cores[indice], label: 'Total', values: [passo.value] }];\n    }\n\n    return [\n      { color: cores[indice], format: (valor: number) => comSinal(valor, formatTooltipValue ?? formatValue), label: 'Variação', values: [passo.value] },\n      { label: 'Acumulado', values: [trechos[indice].fim] },\n    ];\n  }\n\n  return (\n    <CartesianFrame\n      axisReveal={axisReveal}\n      containerRef={ref}\n      empty={steps.length === 0}\n      emptyMessage={emptyMessage}\n      grid={[\n        {\n          baseline: escalaValores(0),\n          lines: marcasDeValor.map((valor) => escalaValores(valor)),\n          orientation: 'horizontal',\n        },\n      ]}\n      fillHeight={fillHeight}\n      height={alturaDoDesenho}\n      legendPosition=\"none\"\n      margins={margins}\n      plot={plot}\n      title={title}\n      tooltip={\n        showTooltip\n          ? {\n              columns: [{ format: formatTooltipValue ?? formatValue }],\n              computed: 'none',\n              rows: linhasDoBalao(passoEmFoco),\n              title: passoEmFoco === null ? undefined : steps[passoEmFoco]?.label,\n            }\n          : undefined\n      }\n      width={width}\n      xAxis={{ labelRotation: rotation, ticks: marcasPassos, visibility: xAxis }}\n      yAxis={{ hideLine: true, ticks: marcasValor, visibility: yAxis }}\n      yAxisRight={{ hideLine: true, ticks: marcasValor, visibility: yAxisRight }}\n    >\n      {passoEmFoco !== null && (\n        <BandCursor offset={faixaDe(passoEmFoco)} plot={plot} size={escalaPassos.bandwidth()} />\n      )}\n\n      <g aria-hidden=\"true\">\n        {trechos.slice(0, -1).map((trecho, indice) => {\n          if (!trecho || !trechos[indice + 1]) {\n            return null;\n          }\n\n          const nivel = escalaValores(trecho.fim);\n\n          return (\n            <line\n              className={styles.connector}\n              key={indice}\n              x1={faixaDe(indice) + escalaPassos.bandwidth()}\n              x2={faixaDe(indice + 1)}\n              y1={nivel}\n              y2={nivel}\n            />\n          );\n        })}\n      </g>\n\n      {steps.map((passo, indice) => {\n        const trecho = trechos[indice];\n\n        if (!trecho) {\n          return null;\n        }\n\n        const topo = Math.min(escalaValores(trecho.inicio), escalaValores(trecho.fim));\n        const altura = Math.abs(escalaValores(trecho.fim) - escalaValores(trecho.inicio));\n\n        return (\n          <path\n            aria-label={`${passo.label}: ${rotuloDe(passo)}`}\n            className={styles.bar}\n            d={roundedBarPath(faixaDe(indice), topo, escalaPassos.bandwidth(), altura, [\n              raioDoCanto,\n              raioDoCanto,\n              raioDoCanto,\n              raioDoCanto,\n            ])}\n            fill={cores[indice]}\n            key={indice}\n            onMouseEnter={() => focarPasso(indice)}\n            onMouseLeave={() => focarPasso(null)}\n          />\n        );\n      })}\n\n      {showDataLabels !== 'hidden' &&\n        steps.map((passo, indice) => {\n          const trecho = trechos[indice];\n\n          if (!trecho) {\n            return null;\n          }\n\n          const topo = Math.min(escalaValores(trecho.inicio), escalaValores(trecho.fim));\n\n          return (\n            <text\n              className={`${styles.valueLabel} ${markShown(showDataLabels, indice === passoEmFoco) ? '' : styles.valueLabelHidden}`}\n              key={indice}\n              textAnchor=\"middle\"\n              x={faixaDe(indice) + escalaPassos.bandwidth() / 2}\n              y={topo - 6}\n            >\n              {rotuloDe(passo)}\n            </text>\n          );\n        })}\n    </CartesianFrame>\n  );\n}\n"],"names":["trechosDe","steps","acumulado","passo","inicio","fim","intencaoDe","step","comSinal","value","formatValue","ChartWaterfall","emptyMessage","formatTooltipValue","formatarNumero","height","labelAngle","onHoverStep","showDataLabels","showTooltip","title","xAxis","yAxis","yAxisRight","font","alturaMedida","raioDoCanto","ref","width","useChartMetrics","fillHeight","alturaDoDesenho","chartHeight","focarPasso","passoEmFoco","useHoveredBand","trechos","useMemo","cores","resolveSeriesColors","dominio","domainOf","trecho","rotulosDeValor","valueLabelsFor","axisReveal","margins","plot","rotation","useCartesianLayout","valueLabelRoom","escalaPassos","bandScale","_","indice","faixaDe","escalaAlvo","linearScale","minimo","maximo","useTweenedNumbers","escalaValores","marcasDeValor","ticksFor","marcasPassos","marcasValor","valor","rotuloDe","linhasDoBalao","jsxs","CartesianFrame","_a","jsx","BandCursor","nivel","styles","topo","altura","roundedBarPath","markShown"],"mappings":"gqBA6DA,SAASA,GAAUC,EAAyD,CAC1E,IAAIC,EAAY,EAEhB,OAAOD,EAAM,IAAKE,GAAU,CAC1B,GAAI,CAAC,OAAO,SAASA,EAAM,KAAK,EAC9B,OAAO,KAGT,MAAMC,EAASD,EAAM,MAAQ,EAAID,EAC3BG,EAAMD,EAASD,EAAM,MAC3B,OAAAD,EAAYG,EAEL,CAAE,OAAAD,EAAQ,IAAAC,CAAA,CACnB,CAAC,CACH,CAGA,SAASC,GAAWC,EAAwC,CAC1D,OAAIA,EAAK,OACAA,EAAK,OAGVA,EAAK,MACA,UAGFA,EAAK,MAAQ,EAAI,WAAa,UACvC,CAMA,SAASC,EAASC,EAAeC,EAAwC,CACvE,OAAID,IAAU,EACLC,EAAY,CAAC,EAGf,GAAGD,EAAQ,EAAI,IAAM,GAAG,GAAGC,EAAY,KAAK,IAAID,CAAK,CAAC,CAAC,EAChE,CAEO,SAASE,GAAe,CAC7B,aAAAC,EAAe,uBACf,mBAAAC,EACA,YAAAH,EAAcI,GAAAA,eACd,OAAAC,EAAS,IACT,WAAAC,EAAa,OACb,YAAAC,EACA,eAAAC,EAAiB,UACjB,YAAAC,EAAc,GACd,MAAAlB,EACA,MAAAmB,EACA,MAAAC,EAAQ,UACR,MAAAC,EAAQ,UACR,WAAAC,EAAa,QACf,EAAwB,OACtB,KAAM,CAAE,KAAAC,EAAM,OAAQC,EAAc,OAAQC,EAAa,IAAAC,EAAK,MAAAC,CAAA,EAAUC,kBAAA,EAClE,CAAE,WAAAC,EAAY,MAAOC,GAAoBC,EAAAA,YAAYjB,EAAQU,CAAY,EACzE,CAAE,MAAOQ,EAAY,QAASC,CAAA,EAAgBC,GAAAA,eAAelB,CAAW,EAExEmB,EAAUC,EAAAA,QAAQ,IAAMrC,GAAUC,CAAK,EAAG,CAACA,CAAK,CAAC,EAEjDqC,EAAQD,EAAAA,QACZ,IAAME,GAAAA,oBAAoBtC,EAAM,IAAKE,IAAW,CAAE,MAAOA,EAAM,MAAO,OAAQG,GAAWH,CAAK,CAAA,EAAI,CAAC,EACnG,CAACF,CAAK,CAAA,EAGFuC,EAAUH,EAAAA,QACd,IAAMI,EAAAA,SAASL,EAAQ,QAASM,GAAYA,EAAS,CAACA,EAAO,OAAQA,EAAO,GAAG,EAAI,CAAA,CAAG,CAAC,EACvF,CAACN,CAAO,CAAA,EAGJO,EAAiBC,EAAAA,eAAeJ,EAAST,EAAiBrB,CAAW,EAErE,CAAE,WAAAmC,EAAY,QAAAC,EAAS,KAAAC,EAAM,SAAAC,CAAA,EAAaC,GAAAA,mBAAmB,CACjE,aAAchD,EAAM,IAAKE,GAAUA,EAAM,KAAK,EAC9C,KAAAqB,EACA,OAAQO,EACR,WAAAf,EACA,WAAY2B,EACZ,YAAaA,EACb,QAASzB,IAAmB,SAAW,EAAIgC,GAAAA,eAAe1B,CAAI,EAC9D,MAAAI,EACA,MAAAP,EACA,MAAAC,EACA,WAAAC,CAAA,CACD,EAIK4B,EAAed,EAAAA,QACnB,IAAMe,EAAAA,UAAU,CAAE,OAAQnD,EAAM,IAAI,CAACoD,EAAGC,IAAW,OAAOA,CAAM,CAAC,EAAG,MAAO,CAAC,EAAGP,EAAK,KAAK,EAAG,EAC5F,CAACA,EAAK,MAAO9C,CAAK,CAAA,EAGdsD,EAAWD,GAAmBH,EAAa,OAAOG,CAAM,CAAC,GAAK,EAI9DE,EAAanB,EAAAA,QACjB,IAAMoB,EAAAA,YAAY,CAAE,OAAQjB,EAAS,MAAO,CAACO,EAAK,OAAQ,CAAC,EAAG,EAC9D,CAACP,EAASO,EAAK,MAAM,CAAA,EAGjB,CAACW,EAAQC,CAAM,EAAIC,GAAAA,kBAAkBJ,EAAW,QAAQ,EAExDK,EAAgBxB,EAAAA,QACpB,IAAMoB,EAAAA,YAAY,CAAE,OAAQ,CAAE,IAAKC,EAAQ,IAAKC,CAAA,EAAU,KAAM,GAAO,MAAO,CAACZ,EAAK,OAAQ,CAAC,EAAG,EAChG,CAACY,EAAQD,EAAQX,EAAK,MAAM,CAAA,EAGxBe,EAAgBC,EAAAA,SAASP,EAAYT,EAAK,MAAM,EAEhDiB,EAA2B/D,EAAM,IAAI,CAACE,EAAOmD,KAAY,CAC7D,MAAOnD,EAAM,MACb,SAAUoD,EAAQD,CAAM,EAAIH,EAAa,YAAc,CAAA,EACvD,EAEIc,EAA0BH,EAAc,IAAKI,IAAW,CAC5D,MAAOxD,EAAYwD,CAAK,EACxB,SAAUL,EAAcK,CAAK,CAAA,EAC7B,EAEF,SAASC,EAAShE,EAA2B,CAC3C,OAAOA,EAAM,MAAQO,EAAYP,EAAM,KAAK,EAAIK,EAASL,EAAM,MAAOO,CAAW,CACnF,CAGA,SAAS0D,EAAcd,EAAuB,CAC5C,GAAIA,IAAW,MAAQ,CAAClB,EAAQkB,CAAM,EACpC,MAAO,CAAA,EAGT,MAAMnD,EAAQF,EAAMqD,CAAM,EAE1B,OAAInD,EAAM,MACD,CAAC,CAAE,MAAOmC,EAAMgB,CAAM,EAAG,MAAO,QAAS,OAAQ,CAACnD,EAAM,KAAK,EAAG,EAGlE,CACL,CAAE,MAAOmC,EAAMgB,CAAM,EAAG,OAASY,GAAkB1D,EAAS0D,EAAOrD,GAAsBH,CAAW,EAAG,MAAO,WAAY,OAAQ,CAACP,EAAM,KAAK,CAAA,EAC9I,CAAE,MAAO,YAAa,OAAQ,CAACiC,EAAQkB,CAAM,EAAE,GAAG,CAAA,CAAE,CAExD,CAEA,OACEe,EAAAA,KAACC,GAAAA,eAAA,CACC,WAAAzB,EACA,aAAclB,EACd,MAAO1B,EAAM,SAAW,EACxB,aAAAW,EACA,KAAM,CACJ,CACE,SAAUiD,EAAc,CAAC,EACzB,MAAOC,EAAc,IAAKI,GAAUL,EAAcK,CAAK,CAAC,EACxD,YAAa,YAAA,CACf,EAEF,WAAApC,EACA,OAAQC,EACR,eAAe,OACf,QAAAe,EACA,KAAAC,EACA,MAAA3B,EACA,QACED,EACI,CACE,QAAS,CAAC,CAAE,OAAQN,GAAsBH,EAAa,EACvD,SAAU,OACV,KAAM0D,EAAclC,CAAW,EAC/B,MAAOA,IAAgB,OAAmBqC,EAAAtE,EAAMiC,CAAW,IAAjB,KAAZ,OAAYqC,EAAoB,KAAA,EAEhE,OAEN,MAAA3C,EACA,MAAO,CAAE,cAAeoB,EAAU,MAAOgB,EAAc,WAAY3C,CAAA,EACnE,MAAO,CAAE,SAAU,GAAM,MAAO4C,EAAa,WAAY3C,CAAA,EACzD,WAAY,CAAE,SAAU,GAAM,MAAO2C,EAAa,WAAY1C,CAAA,EAE7D,SAAA,CAAAW,IAAgB,MACfsC,EAAAA,IAACC,GAAAA,WAAA,CAAW,OAAQlB,EAAQrB,CAAW,EAAG,KAAAa,EAAY,KAAMI,EAAa,UAAA,CAAU,CAAG,EAGxFqB,EAAAA,IAAC,IAAA,CAAE,cAAY,OACZ,SAAApC,EAAQ,MAAM,EAAG,EAAE,EAAE,IAAI,CAACM,EAAQY,IAAW,CAC5C,GAAI,CAACZ,GAAU,CAACN,EAAQkB,EAAS,CAAC,EAChC,OAAO,KAGT,MAAMoB,EAAQb,EAAcnB,EAAO,GAAG,EAEtC,OACE8B,EAAAA,IAAC,OAAA,CACC,UAAWG,EAAAA,QAAO,UAElB,GAAIpB,EAAQD,CAAM,EAAIH,EAAa,UAAA,EACnC,GAAII,EAAQD,EAAS,CAAC,EACtB,GAAIoB,EACJ,GAAIA,CAAA,EAJCpB,CAAA,CAOX,CAAC,CAAA,CACH,EAECrD,EAAM,IAAI,CAACE,EAAOmD,IAAW,CAC5B,MAAMZ,EAASN,EAAQkB,CAAM,EAE7B,GAAI,CAACZ,EACH,OAAO,KAGT,MAAMkC,EAAO,KAAK,IAAIf,EAAcnB,EAAO,MAAM,EAAGmB,EAAcnB,EAAO,GAAG,CAAC,EACvEmC,EAAS,KAAK,IAAIhB,EAAcnB,EAAO,GAAG,EAAImB,EAAcnB,EAAO,MAAM,CAAC,EAEhF,OACE8B,EAAAA,IAAC,OAAA,CACC,aAAY,GAAGrE,EAAM,KAAK,KAAKgE,EAAShE,CAAK,CAAC,GAC9C,UAAWwE,EAAAA,QAAO,IAClB,EAAGG,GAAAA,eAAevB,EAAQD,CAAM,EAAGsB,EAAMzB,EAAa,UAAA,EAAa0B,EAAQ,CACzEnD,EACAA,EACAA,EACAA,CAAA,CACD,EACD,KAAMY,EAAMgB,CAAM,EAElB,aAAc,IAAMrB,EAAWqB,CAAM,EACrC,aAAc,IAAMrB,EAAW,IAAI,CAAA,EAF9BqB,CAAA,CAKX,CAAC,EAEApC,IAAmB,UAClBjB,EAAM,IAAI,CAACE,EAAOmD,IAAW,CAC3B,MAAMZ,EAASN,EAAQkB,CAAM,EAE7B,GAAI,CAACZ,EACH,OAAO,KAGT,MAAMkC,EAAO,KAAK,IAAIf,EAAcnB,EAAO,MAAM,EAAGmB,EAAcnB,EAAO,GAAG,CAAC,EAE7E,OACE8B,EAAAA,IAAC,OAAA,CACC,UAAW,GAAGG,EAAAA,QAAO,UAAU,IAAII,EAAAA,UAAU7D,EAAgBoC,IAAWpB,CAAW,EAAI,GAAKyC,EAAAA,QAAO,gBAAgB,GAEnH,WAAW,SACX,EAAGpB,EAAQD,CAAM,EAAIH,EAAa,YAAc,EAChD,EAAGyB,EAAO,EAET,WAASzE,CAAK,CAAA,EALVmD,CAAA,CAQX,CAAC,CAAA,CAAA,CAAA,CAGT"}