@plenustech/design-system 0.2.3 → 0.2.4

package/dist/components/charts/ChartGauge/ChartGauge.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),ye=require("react"),te=require("./gaugeLayout.cjs"),x=require("./gaugeReading.cjs"),g=require("./gaugeScale.cjs"),t=require("./ChartGauge.module.css.cjs"),nt=require("../core/useChartMetrics.cjs"),lt=require("../core/useTweenedNumbers.cjs"),Te=require("../palette/seriesColor.cjs"),ot=require("../../../utils/formatters/formatarNumero.cjs"),rt=require("../core/ChartLegend.cjs"),it=require("../ChartTooltip/ChartTooltip.cjs"),ct=require("../core/cartesianLayout.cjs"),ee=require("../core/arcs.cjs"),ut=10,dt=4,mt={rows:[]},Le=n=>n*Math.PI/180,ht=n=>n*180/Math.PI;function b(n,j,A){const[i,N]=te.pointAt(n,j),[v,E]=te.pointAt(n,A);return`M${i},${N}L${v},${E}`}function gt({accent:n,ariaValueText:j,centerLabel:A,colorBySegment:i=!1,color:N,delta:v,emptyMessage:E="Sem dados no período",endAngle:be=90,formatTooltipValue:ke,formatValue:ae=ot.formatarNumero,height:Ae,indicator:se="fill",intent:Ce,legend:$="none",loading:ne=!1,max:we,min:Re,origin:Pe,scaleLabels:qe="minMax",segmentStyle:le="track",segmentUnit:oe="value",segments:Oe=[],showCenter:Se=!0,showSegmentLabels:He="hidden",showTooltip:re=!0,size:Ee="default",startAngle:Ie=-90,target:M,thickness:ie=16,tickCount:De=5,ticks:Ge="hidden",title:C,trackRadius:_e,value:ce,valueDisplay:Be="value"}){const f=Ee==="compact",{font:ze,height:Fe,radius:Ke,ref:Ve,width:I}=nt.useChartMetrics(),{fillHeight:ue,value:w}=ct.chartHeight(Ae??(f?96:220),Fe),de=ye.useId().replace(/[^\w-]/g,""),[R,D]=ye.useState(null),u=!ne&&g.isNumber(ce)?ce:null,c=ne?"loading":u===null?"empty":"value",o=g.gaugeDomain(Re,we,M),P=g.targetBase(M),p=x.gaugeReading({base:P,formatTooltipValue:ke,formatValue:ae,segmentUnit:oe,valueDisplay:Be}),We=oe==="percentOfTarget"&&P!==null?P:1,d=g.gaugeSegments(Oe,o,{accent:n,unit:We}),G=g.gaugeOrigin(Pe,o),_=u===null?G:g.clampToDomain(u,o),[Xe=_]=lt.useTweenedNumbers([_]),K=g.clampToDomain(Xe,o),q=u===null?void 0:g.segmentAt(d,_),V=Te.resolveSeriesColors([{color:N,intent:Ce}],{accent:n})[0],k=Le(Ie),O=Le(be),r=l=>k+(g.clampToDomain(l,o)-o.min)/(o.max-o.min)*(O-k),W=se!=="needle",me=se!=="fill"&&c==="value",he=le==="rim"&&d.length>0&&c!=="loading",Ze=le==="track"&&d.length>0&&c!=="loading",S=f?2:3,X=f?3:4,y=M&&g.isNumber(M.value)&&c!=="loading"?M:void 0,Z=f?"hidden":Ge,ge=f?"hidden":qe,fe=f?"hidden":He,T=g.majorTicks(o,De,p.showsPercent?P:null),Je=[...(fe==="hidden"?[]:d).filter(l=>l.label).map(l=>({angle:r((l.from+l.to)/2),kind:"segment",text:l.label})),...y&&!f?[{angle:r(y.value),kind:"target",text:`${y.label||"Meta"} ${ae(y.value)}`}]:[]],Qe=x.gaugeCenter({centerLabel:A,compact:f,delta:v,domain:o,emptyMessage:E,reading:p,showCenter:Se,status:c,value:u??0}),J=u===null?void 0:j??x.gaugeValueText({delta:v,domain:o,reading:p,segment:q,target:M,value:u}),Ye=c==="loading"?`${C}: carregando`:c==="empty"?`${C}: ${E.toLocaleLowerCase("pt-BR")}`:C;function Ue(){if(u===null||R===null)return mt;if(R==="value"){const l=i&&q?q.color:V;return x.valueTooltip({color:l,delta:v,domain:o,reading:p,segment:q,target:M,title:C,value:u})}return x.segmentTooltip({current:q,reading:p,segment:d[R],target:M,value:u})}const B=(he?S+X:0)+(y?dt:0);function xe(){var Me;const l=te.layoutGauge({center:Qe,compact:f,endAngle:O,font:ze,height:w,minMaxLabels:[{angle:k,text:x.formatShown(p,o.min)},{angle:O,text:x.formatShown(p,o.max)}],needle:me,outerBand:B,outsideLabels:Je,scaleLabels:ge,startAngle:k,thickness:f?Math.min(ie,ut):ie,tickLabels:g.tickLabelPriority(T,P).map(a=>({angle:r(T[a]),text:x.formatShown(p,T[a])})),ticks:Z,width:I}),{innerRadius:m,radius:h}=l,ve=Math.max(0,Math.min(_e??Ke,l.thickness/2)),z=(a,s,L=m,H=h)=>ee.arcPath({endAngle:s,innerRadius:L,outerRadius:H,startAngle:a}),je=ee.arcPath({cornerRadius:ve,endAngle:O,innerRadius:m,outerRadius:h,startAngle:k}),at=c!=="value"?.5:W?.32:1,Ne=a=>`${t.default.segment} ${R===a?t.default.segmentHot:typeof R=="number"?t.default.segmentDimmed:""}`,F=r(G),Q=r(K),st=i?((Me=g.segmentAt(d,K))==null?void 0:Me.color)??V:V,Y=m-4,$e=h+B+3,U=a=>re?null:e.jsx("title",{children:a});return e.jsxs("svg",{"aria-busy":c==="loading"||void 0,"aria-label":Ye,"aria-valuemax":u===null?void 0:o.max,"aria-valuemin":u===null?void 0:o.min,"aria-valuenow":u===null?void 0:_,"aria-valuetext":J,className:t.default.canvas,height:w,role:u===null?"img":"meter",viewBox:`0 0 ${I} ${w}`,width:I,children:[e.jsx("defs",{children:e.jsx("clipPath",{id:de,children:e.jsx("path",{d:je})})}),e.jsxs("g",{transform:`translate(${l.cx} ${l.cy})`,children:[e.jsxs("g",{className:c==="loading"?t.default.loading:void 0,children:[e.jsx("path",{className:t.default.track,d:je}),Ze&&e.jsxs("g",{clipPath:`url(#${de})`,children:[d.map((a,s)=>e.jsx("path",{className:Ne(s),d:z(r(a.from),r(a.to)),fill:a.color,opacity:at},s)),d.slice(1).map((a,s)=>e.jsx("path",{className:t.default.separator,d:b(r(a.from),m,h)},s))]})]}),he&&e.jsxs("g",{children:[d.map((a,s)=>e.jsx("path",{className:Ne(s),d:z(r(a.from),r(a.to),h+S,h+S+X),fill:a.color,opacity:c==="value"?1:.5},s)),d.slice(1).map((a,s)=>e.jsx("path",{className:t.default.separator,d:b(r(a.from),h+S-1,h+S+X+1)},s))]}),Z!=="hidden"&&e.jsxs("g",{children:[Z==="majorAndMinor"&&T.slice(1).flatMap((a,s)=>[1,2,3,4].map(L=>e.jsx("path",{className:t.default.tickMinor,d:b(r(T[s]+L*(a-T[s])/5),m-3,m-6)},`${s}-${L}`))),T.map((a,s)=>e.jsx("path",{className:t.default.tickMajor,d:b(r(a),m-3,m-9)},s))]}),l.scaleLabels.map(({anchor:a,label:s,x:L,y:H})=>e.jsx("text",{className:t.default.scaleLabel,dominantBaseline:ge==="ticks"?"central":void 0,textAnchor:a,x:L,y:H,children:s.text},`${s.angle}-${s.text}`)),c==="value"&&G>o.min&&G<o.max&&e.jsx("path",{className:t.default.originMark,d:b(F,m-2,h+2)}),W&&c==="value"&&Math.abs(Q-F)>1e-4&&e.jsx("path",{className:t.default.fill,d:ee.arcPath({cornerRadius:ve,endAngle:Math.max(F,Q),innerRadius:m,outerRadius:h,startAngle:Math.min(F,Q)}),fill:st}),y&&e.jsxs("g",{children:[e.jsx("path",{className:t.default.targetOutline,d:b(r(y.value),m-3,h+B)}),e.jsx("path",{className:t.default.targetLine,d:b(r(y.value),m-3,h+B)})]}),l.outsideLabels.map(({anchor:a,label:s,x:L,y:H})=>e.jsx("text",{className:s.kind==="target"?t.default.targetLabel:`${t.default.segmentLabel} ${fe==="onHover"?t.default.segmentLabelOnHover:""}`,dominantBaseline:"central",textAnchor:a,x:L,y:H,children:s.text},`${s.kind}-${s.angle}`)),me&&e.jsxs("g",{children:[e.jsx("path",{className:t.default.needle,d:ft(W?m-5:h-l.thickness*.3,f?2.2:3.6),transform:`rotate(${ht(r(K))})`}),e.jsx("circle",{className:t.default.needle,r:l.pinRadius}),e.jsx("circle",{className:t.default.pinDot,r:f?1.5:2.6})]}),e.jsx(xt,{center:l.center,empty:c==="empty"}),c==="value"&&e.jsxs("g",{className:t.default.hits,onMouseLeave:()=>D(null),children:[d.length>0?d.map((a,s)=>e.jsx("path",{d:z(r(a.from),r(a.to),Y,$e),onMouseEnter:()=>D(s),children:U(`${x.segmentName(a)}: ${x.rangeText(p,a)}`)},s)):e.jsx("path",{d:z(k,O,Y,$e),onMouseEnter:()=>D("value"),children:U(J??"")}),e.jsx("circle",{onMouseEnter:()=>D("value"),r:Math.max(Y*.85,8),children:U(J??"")})]})]})]})}const et=$==="left"||$==="right",pe=$!=="none"&&d.length>0&&e.jsx(rt.ChartLegend,{entries:d.map(l=>({color:l.color,label:x.segmentName(l),value:x.rangeText(p,l)})),position:$}),tt=Ue();return e.jsxs("figure",{className:t.default.figure,children:[e.jsx("figcaption",{className:t.default.title,children:C}),e.jsxs("div",{className:`${t.default.body} ${et?t.default.bodyRow:t.default.bodyColumn}`,children:[($==="top"||$==="left")&&pe,e.jsx("div",{className:`${t.default.plot} ${ue?t.default.plotFill:""}`,ref:Ve,style:ue?void 0:{minHeight:w},children:I===0||w===0?null:re?e.jsx(it.ChartTooltip,{columns:[{format:p.formatExact}],computed:"none",...tt,children:xe()}):xe()}),($==="bottom"||$==="right")&&pe]})]})}function ft(n,j){return`M${-j},0L-0.8,${-n}L0.8,${-n}L${j},0Z`}function xt({center:n,empty:j}){const A=n.value?n.value.size:0;return e.jsxs("g",{className:t.default.center,children:[n.value&&e.jsx("text",{className:`${t.default.centerValue} ${j?t.default.centerValueEmpty:""}`,style:{fontFamily:n.value.family,fontSize:n.value.size},textAnchor:"middle",y:n.top+n.value.size*.84,children:n.value.text}),n.lines.map((i,N)=>{const v=n.top+A+(N+1)*n.lineHeight-3;return i.kind==="text"?e.jsx("text",{className:t.default.centerLine,textAnchor:"middle",y:v,children:i.text},N):i.kind==="warn"?e.jsxs("text",{className:t.default.centerWarn,textAnchor:"middle",y:v,children:[e.jsx("tspan",{className:t.default.warnGlyph,children:`${i.glyph} `}),i.text]},N):e.jsxs("text",{className:t.default.centerLine,textAnchor:"middle",y:v,children:[e.jsx("tspan",{fill:Te.INTENT_TOKENS[i.intent],children:`${i.glyph} `}),e.jsx("tspan",{className:t.default.deltaNumber,children:i.text}),i.label&&e.jsx("tspan",{className:t.default.deltaLabel,children:` ${i.label}`})]},N)})]})}exports.ChartGauge=gt;
+//# sourceMappingURL=ChartGauge.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ChartGauge.cjs","sources":["../../../../src/components/charts/ChartGauge/ChartGauge.tsx"],"sourcesContent":["import { useId, useState } from 'react';\nimport { ChartTooltip } from '../ChartTooltip';\nimport {\n  ChartLegend,\n  arcPath,\n  chartHeight,\n  useChartMetrics,\n  useTweenedNumbers,\n  type ChartHeight,\n  type ChartLegendPosition,\n  type MarkVisibility,\n} from '../core';\nimport { INTENT_TOKENS, resolveSeriesColors, type SeriesAppearance, type SeriesIntent } from '../palette';\nimport { formatarNumero } from '../../../utils/formatters';\nimport { layoutGauge, pointAt, type GaugeCenterLayout, type OutsideLabel } from './gaugeLayout';\nimport {\n  gaugeCenter,\n  gaugeReading,\n  gaugeValueText,\n  rangeText,\n  segmentName,\n  segmentTooltip,\n  valueTooltip,\n  formatShown,\n  type GaugeStatus,\n  type GaugeTooltip,\n} from './gaugeReading';\nimport {\n  clampToDomain,\n  gaugeDomain,\n  gaugeOrigin,\n  gaugeSegments,\n  isNumber,\n  majorTicks,\n  segmentAt,\n  targetBase,\n  tickLabelPriority,\n} from './gaugeScale';\nimport styles from './ChartGauge.module.css';\n\n/** Uma faixa da escala. A cor segue a regra da família: `color`, depois `intent`, depois a paleta. */\nexport interface ChartGaugeSegment extends SeriesAppearance {\n  label?: string;\n  /** Limite superior, na unidade de `segmentUnit`. Omitido na última faixa, vai até `max`. */\n  to?: number;\n}\n\nexport interface ChartGaugeTarget {\n  label?: string;\n  value: number;\n}\n\nexport interface ChartGaugeDelta {\n  /** Formato do módulo da variação; o sinal é do componente. */\n  format?: (delta: number) => string;\n  /** Sem ela, positiva quando sobe e negativa quando desce. */\n  intent?: SeriesIntent;\n  label?: string;\n  value: number;\n}\n\nexport type ChartGaugeIndicator = 'fill' | 'needle' | 'fillAndNeedle';\nexport type ChartGaugeSegmentStyle = 'track' | 'rim' | 'hidden';\nexport type ChartGaugeScaleLabels = 'hidden' | 'minMax' | 'ticks';\nexport type ChartGaugeSize = 'default' | 'compact';\nexport type ChartGaugeTicks = 'hidden' | 'major' | 'majorAndMinor';\n/** Leitura contra a meta: a mesma palavra na exibição e na unidade das faixas. */\nexport type ChartGaugeValueDisplay = 'value' | 'percentOfTarget';\nexport type ChartGaugeSegmentUnit = 'value' | 'percentOfTarget';\n\nexport interface ChartGaugeProps {\n  accent?: string;\n  /** Troca a frase montada do `aria-valuetext`. */\n  ariaValueText?: string;\n  /** Texto sob o valor. Sem ele, na leitura contra a meta, a outra leitura. */\n  centerLabel?: string;\n  /** O arco assume a cor da faixa onde o valor está. */\n  colorBySegment?: boolean;\n  /** Cor do arco fora de `colorBySegment`. Vence `intent`. */\n  color?: string;\n  delta?: ChartGaugeDelta;\n  emptyMessage?: string;\n  /** Ângulo final, em graus a partir do topo. */\n  endAngle?: number;\n  /** Formato exato do balão e, na leitura contra a meta, do `aria-valuetext`. */\n  formatTooltipValue?: (value: number) => string;\n  /** Formato do centro, da escala e da meta. */\n  formatValue?: (value: number) => string;\n  height?: ChartHeight;\n  indicator?: ChartGaugeIndicator;\n  intent?: SeriesIntent;\n  legend?: ChartLegendPosition;\n  loading?: boolean;\n  /** Fim da escala. Omitido com meta, vai a 120% dela. */\n  max?: number;\n  min?: number;\n  /** De onde o arco preenchido parte. Sem ele, o zero quando a escala o cruza; senão, `min`. */\n  origin?: number;\n  scaleLabels?: ChartGaugeScaleLabels;\n  segmentStyle?: ChartGaugeSegmentStyle;\n  segmentUnit?: ChartGaugeSegmentUnit;\n  segments?: readonly ChartGaugeSegment[];\n  showCenter?: boolean;\n  showSegmentLabels?: MarkVisibility;\n  showTooltip?: boolean;\n  size?: ChartGaugeSize;\n  /** Ângulo inicial, em graus a partir do topo. */\n  startAngle?: number;\n  target?: ChartGaugeTarget;\n  /** Espessura do arco, em pixels. No compacto, até 10. */\n  thickness?: number;\n  tickCount?: number;\n  ticks?: ChartGaugeTicks;\n  title: string;\n  /** Raio das pontas, limitado a metade da espessura. Sem valor, o token de raio pequeno. */\n  trackRadius?: number;\n  /** `null` é sem dado. */\n  value: number | null;\n  valueDisplay?: ChartGaugeValueDisplay;\n}\n\ntype Hovered = number | 'value' | null;\n\nconst COMPACT_MAX_THICKNESS = 10;\nconst TARGET_MARK = 4;\nconst NO_TOOLTIP: GaugeTooltip = { rows: [] };\n\nconst toRadians = (degrees: number) => (degrees * Math.PI) / 180;\nconst toDegrees = (radians: number) => (radians * 180) / Math.PI;\n\nfunction radialPath(angle: number, from: number, to: number) {\n  const [x1, y1] = pointAt(angle, from);\n  const [x2, y2] = pointAt(angle, to);\n\n  return `M${x1},${y1}L${x2},${y2}`;\n}\n\n/**\n * Medidor de um valor numa escala com faixas de significado. É `role=\"meter\"`: o leitor de tela ouve o valor, a faixa,\n * a meta e a variação. Carregando ou sem dado, vira `role=\"img\"`.\n */\nexport function ChartGauge({\n  accent,\n  ariaValueText,\n  centerLabel,\n  colorBySegment = false,\n  color,\n  delta,\n  emptyMessage = 'Sem dados no período',\n  endAngle = 90,\n  formatTooltipValue,\n  formatValue = formatarNumero,\n  height,\n  indicator = 'fill',\n  intent,\n  legend = 'none',\n  loading = false,\n  max,\n  min,\n  origin,\n  scaleLabels = 'minMax',\n  segmentStyle = 'track',\n  segmentUnit = 'value',\n  segments = [],\n  showCenter = true,\n  showSegmentLabels = 'hidden',\n  showTooltip = true,\n  size = 'default',\n  startAngle = -90,\n  target,\n  thickness = 16,\n  tickCount = 5,\n  ticks = 'hidden',\n  title,\n  trackRadius,\n  value,\n  valueDisplay = 'value',\n}: ChartGaugeProps) {\n  const compact = size === 'compact';\n  const { font, height: measuredHeight, radius: tokenRadius, ref, width } = useChartMetrics();\n  const { fillHeight, value: drawingHeight } = chartHeight(height ?? (compact ? 96 : 220), measuredHeight);\n  const clipId = useId().replace(/[^\\w-]/g, '');\n  const [hovered, setHovered] = useState<Hovered>(null);\n\n  const measured = !loading && isNumber(value) ? value : null;\n  const status: GaugeStatus = loading ? 'loading' : measured === null ? 'empty' : 'value';\n  const domain = gaugeDomain(min, max, target);\n  const base = targetBase(target);\n  const reading = gaugeReading({ base, formatTooltipValue, formatValue, segmentUnit, valueDisplay });\n  const unit = segmentUnit === 'percentOfTarget' && base !== null ? base : 1;\n  const bands = gaugeSegments(segments, domain, { accent, unit });\n  const start = gaugeOrigin(origin, domain);\n  const reached = measured === null ? start : clampToDomain(measured, domain);\n  const [tweened = reached] = useTweenedNumbers([reached]);\n  const shown = clampToDomain(tweened, domain);\n  const current = measured === null ? undefined : segmentAt(bands, reached);\n  const arcColor = resolveSeriesColors([{ color, intent }], { accent })[0];\n\n  const startRadians = toRadians(startAngle);\n  const endRadians = toRadians(endAngle);\n  const angleOf = (at: number) =>\n    startRadians + ((clampToDomain(at, domain) - domain.min) / (domain.max - domain.min)) * (endRadians - startRadians);\n\n  const showFill = indicator !== 'needle';\n  const needle = indicator !== 'fill' && status === 'value';\n  const rim = segmentStyle === 'rim' && bands.length > 0 && status !== 'loading';\n  const trackBands = segmentStyle === 'track' && bands.length > 0 && status !== 'loading';\n  const rimGap = compact ? 2 : 3;\n  const rimWidth = compact ? 3 : 4;\n  const shownTarget = target && isNumber(target.value) && status !== 'loading' ? target : undefined;\n  const tickMode = compact ? 'hidden' : ticks;\n  const scaleMode = compact ? 'hidden' : scaleLabels;\n  const segmentLabels = compact ? 'hidden' : showSegmentLabels;\n  const majors = majorTicks(domain, tickCount, reading.showsPercent ? base : null);\n\n  const outsideLabels: OutsideLabel[] = [\n    ...(segmentLabels === 'hidden' ? [] : bands)\n      .filter((band) => band.label)\n      .map((band) => ({ angle: angleOf((band.from + band.to) / 2), kind: 'segment' as const, text: band.label! })),\n    ...(shownTarget && !compact\n      ? [{ angle: angleOf(shownTarget.value), kind: 'target' as const, text: `${shownTarget.label || 'Meta'} ${formatValue(shownTarget.value)}` }]\n      : []),\n  ];\n\n  const center = gaugeCenter({\n    centerLabel,\n    compact,\n    delta,\n    domain,\n    emptyMessage,\n    reading,\n    showCenter,\n    status,\n    value: measured ?? 0,\n  });\n\n  const valueText =\n    measured === null\n      ? undefined\n      : (ariaValueText ?? gaugeValueText({ delta, domain, reading, segment: current, target, value: measured }));\n  const accessibleName =\n    status === 'loading'\n      ? `${title}: carregando`\n      : status === 'empty'\n        ? `${title}: ${emptyMessage.toLocaleLowerCase('pt-BR')}`\n        : title;\n\n  function tooltip(): GaugeTooltip {\n    if (measured === null || hovered === null) {\n      return NO_TOOLTIP;\n    }\n\n    if (hovered === 'value') {\n      const tipColor = colorBySegment && current ? current.color : arcColor;\n      return valueTooltip({ color: tipColor, delta, domain, reading, segment: current, target, title, value: measured });\n    }\n\n    return segmentTooltip({ current, reading, segment: bands[hovered], target, value: measured });\n  }\n\n  const outerBand = (rim ? rimGap + rimWidth : 0) + (shownTarget ? TARGET_MARK : 0);\n\n  function drawing() {\n    const layout = layoutGauge({\n      center,\n      compact,\n      endAngle: endRadians,\n      font,\n      height: drawingHeight,\n      minMaxLabels: [\n        { angle: startRadians, text: formatShown(reading, domain.min) },\n        { angle: endRadians, text: formatShown(reading, domain.max) },\n      ],\n      needle,\n      outerBand,\n      outsideLabels,\n      scaleLabels: scaleMode,\n      startAngle: startRadians,\n      thickness: compact ? Math.min(thickness, COMPACT_MAX_THICKNESS) : thickness,\n      tickLabels: tickLabelPriority(majors, base).map((index) => ({\n        angle: angleOf(majors[index]),\n        text: formatShown(reading, majors[index]),\n      })),\n      ticks: tickMode,\n      width,\n    });\n    const { innerRadius, radius } = layout;\n    const corner = Math.max(0, Math.min(trackRadius ?? tokenRadius, layout.thickness / 2));\n    const ring = (from: number, to: number, inner = innerRadius, outer = radius) =>\n      arcPath({ endAngle: to, innerRadius: inner, outerRadius: outer, startAngle: from });\n    const trackPath = arcPath({\n      cornerRadius: corner,\n      endAngle: endRadians,\n      innerRadius,\n      outerRadius: radius,\n      startAngle: startRadians,\n    });\n    const bandOpacity = status !== 'value' ? 0.5 : showFill ? 0.32 : 1;\n    const bandClass = (index: number) =>\n      `${styles.segment} ${hovered === index ? styles.segmentHot : typeof hovered === 'number' ? styles.segmentDimmed : ''}`;\n    const fillStart = angleOf(start);\n    const fillEnd = angleOf(shown);\n    const fillColor = colorBySegment ? (segmentAt(bands, shown)?.color ?? arcColor) : arcColor;\n    const hitInner = innerRadius - 4;\n    const hitOuter = radius + outerBand + 3;\n    const describe = (text: string) => (showTooltip ? null : <title>{text}</title>);\n\n    return (\n      <svg\n        aria-busy={status === 'loading' || undefined}\n        aria-label={accessibleName}\n        aria-valuemax={measured === null ? undefined : domain.max}\n        aria-valuemin={measured === null ? undefined : domain.min}\n        aria-valuenow={measured === null ? undefined : reached}\n        aria-valuetext={valueText}\n        className={styles.canvas}\n        height={drawingHeight}\n        role={measured === null ? 'img' : 'meter'}\n        viewBox={`0 0 ${width} ${drawingHeight}`}\n        width={width}\n      >\n        <defs>\n          <clipPath id={clipId}>\n            <path d={trackPath} />\n          </clipPath>\n        </defs>\n\n        <g transform={`translate(${layout.cx} ${layout.cy})`}>\n          <g className={status === 'loading' ? styles.loading : undefined}>\n            <path className={styles.track} d={trackPath} />\n            {trackBands && (\n              <g clipPath={`url(#${clipId})`}>\n                {bands.map((band, index) => (\n                  <path\n                    className={bandClass(index)}\n                    d={ring(angleOf(band.from), angleOf(band.to))}\n                    fill={band.color}\n                    key={index}\n                    opacity={bandOpacity}\n                  />\n                ))}\n                {bands.slice(1).map((band, index) => (\n                  <path className={styles.separator} d={radialPath(angleOf(band.from), innerRadius, radius)} key={index} />\n                ))}\n              </g>\n            )}\n          </g>\n\n          {rim && (\n            <g>\n              {bands.map((band, index) => (\n                <path\n                  className={bandClass(index)}\n                  d={ring(angleOf(band.from), angleOf(band.to), radius + rimGap, radius + rimGap + rimWidth)}\n                  fill={band.color}\n                  key={index}\n                  opacity={status === 'value' ? 1 : 0.5}\n                />\n              ))}\n              {bands.slice(1).map((band, index) => (\n                <path\n                  className={styles.separator}\n                  d={radialPath(angleOf(band.from), radius + rimGap - 1, radius + rimGap + rimWidth + 1)}\n                  key={index}\n                />\n              ))}\n            </g>\n          )}\n\n          {tickMode !== 'hidden' && (\n            <g>\n              {tickMode === 'majorAndMinor' &&\n                majors.slice(1).flatMap((major, index) =>\n                  [1, 2, 3, 4].map((step) => (\n                    <path\n                      className={styles.tickMinor}\n                      d={radialPath(angleOf(majors[index] + (step * (major - majors[index])) / 5), innerRadius - 3, innerRadius - 6)}\n                      key={`${index}-${step}`}\n                    />\n                  )),\n                )}\n              {majors.map((major, index) => (\n                <path className={styles.tickMajor} d={radialPath(angleOf(major), innerRadius - 3, innerRadius - 9)} key={index} />\n              ))}\n            </g>\n          )}\n\n          {layout.scaleLabels.map(({ anchor, label, x, y }) => (\n            <text\n              className={styles.scaleLabel}\n              dominantBaseline={scaleMode === 'ticks' ? 'central' : undefined}\n              key={`${label.angle}-${label.text}`}\n              textAnchor={anchor}\n              x={x}\n              y={y}\n            >\n              {label.text}\n            </text>\n          ))}\n\n          {status === 'value' && start > domain.min && start < domain.max && (\n            <path className={styles.originMark} d={radialPath(fillStart, innerRadius - 2, radius + 2)} />\n          )}\n\n          {showFill && status === 'value' && Math.abs(fillEnd - fillStart) > 1e-4 && (\n            <path\n              className={styles.fill}\n              d={arcPath({\n                cornerRadius: corner,\n                endAngle: Math.max(fillStart, fillEnd),\n                innerRadius,\n                outerRadius: radius,\n                startAngle: Math.min(fillStart, fillEnd),\n              })}\n              fill={fillColor}\n            />\n          )}\n\n          {shownTarget && (\n            <g>\n              <path className={styles.targetOutline} d={radialPath(angleOf(shownTarget.value), innerRadius - 3, radius + outerBand)} />\n              <path className={styles.targetLine} d={radialPath(angleOf(shownTarget.value), innerRadius - 3, radius + outerBand)} />\n            </g>\n          )}\n\n          {layout.outsideLabels.map(({ anchor, label, x, y }) => (\n            <text\n              className={\n                label.kind === 'target'\n                  ? styles.targetLabel\n                  : `${styles.segmentLabel} ${segmentLabels === 'onHover' ? styles.segmentLabelOnHover : ''}`\n              }\n              dominantBaseline=\"central\"\n              key={`${label.kind}-${label.angle}`}\n              textAnchor={anchor}\n              x={x}\n              y={y}\n            >\n              {label.text}\n            </text>\n          ))}\n\n          {needle && (\n            <g>\n              <path\n                className={styles.needle}\n                d={needlePath(showFill ? innerRadius - 5 : radius - layout.thickness * 0.3, compact ? 2.2 : 3.6)}\n                transform={`rotate(${toDegrees(angleOf(shown))})`}\n              />\n              <circle className={styles.needle} r={layout.pinRadius} />\n              <circle className={styles.pinDot} r={compact ? 1.5 : 2.6} />\n            </g>\n          )}\n\n          <CenterText center={layout.center} empty={status === 'empty'} />\n\n          {status === 'value' && (\n            <g className={styles.hits} onMouseLeave={() => setHovered(null)}>\n              {bands.length > 0\n                ? bands.map((band, index) => (\n                    <path\n                      d={ring(angleOf(band.from), angleOf(band.to), hitInner, hitOuter)}\n                      key={index}\n                      onMouseEnter={() => setHovered(index)}\n                    >\n                      {describe(`${segmentName(band)}: ${rangeText(reading, band)}`)}\n                    </path>\n                  ))\n                : (\n                    <path d={ring(startRadians, endRadians, hitInner, hitOuter)} onMouseEnter={() => setHovered('value')}>\n                      {describe(valueText ?? '')}\n                    </path>\n                  )}\n              <circle onMouseEnter={() => setHovered('value')} r={Math.max(hitInner * 0.85, 8)}>\n                {describe(valueText ?? '')}\n              </circle>\n            </g>\n          )}\n        </g>\n      </svg>\n    );\n  }\n\n  const lateral = legend === 'left' || legend === 'right';\n  const legendView = legend !== 'none' && bands.length > 0 && (\n    <ChartLegend\n      entries={bands.map((band) => ({ color: band.color, label: segmentName(band), value: rangeText(reading, band) }))}\n      position={legend}\n    />\n  );\n  const tip = tooltip();\n\n  return (\n    <figure className={styles.figure}>\n      <figcaption className={styles.title}>{title}</figcaption>\n\n      <div className={`${styles.body} ${lateral ? styles.bodyRow : styles.bodyColumn}`}>\n        {(legend === 'top' || legend === 'left') && legendView}\n\n        <div\n          className={`${styles.plot} ${fillHeight ? styles.plotFill : ''}`}\n          ref={ref}\n          style={fillHeight ? undefined : { minHeight: drawingHeight }}\n        >\n          {width === 0 || drawingHeight === 0 ? null : showTooltip ? (\n            <ChartTooltip columns={[{ format: reading.formatExact }]} computed=\"none\" {...tip}>\n              {drawing()}\n            </ChartTooltip>\n          ) : (\n            drawing()\n          )}\n        </div>\n\n        {(legend === 'bottom' || legend === 'right') && legendView}\n      </div>\n    </figure>\n  );\n}\n\nfunction needlePath(length: number, halfBase: number) {\n  return `M${-halfBase},0L-0.8,${-length}L0.8,${-length}L${halfBase},0Z`;\n}\n\n/** Valor e linhas do centro, cada linha na sua altura dentro do bloco medido pelo layout. */\nfunction CenterText({ center, empty }: { center: GaugeCenterLayout; empty: boolean }) {\n  const valueHeight = center.value ? center.value.size : 0;\n\n  return (\n    <g className={styles.center}>\n      {center.value && (\n        <text\n          className={`${styles.centerValue} ${empty ? styles.centerValueEmpty : ''}`}\n          style={{ fontFamily: center.value.family, fontSize: center.value.size }}\n          textAnchor=\"middle\"\n          y={center.top + center.value.size * 0.84}\n        >\n          {center.value.text}\n        </text>\n      )}\n      {center.lines.map((line, index) => {\n        const y = center.top + valueHeight + (index + 1) * center.lineHeight - 3;\n\n        if (line.kind === 'text') {\n          return (\n            <text className={styles.centerLine} key={index} textAnchor=\"middle\" y={y}>\n              {line.text}\n            </text>\n          );\n        }\n\n        if (line.kind === 'warn') {\n          return (\n            <text className={styles.centerWarn} key={index} textAnchor=\"middle\" y={y}>\n              <tspan className={styles.warnGlyph}>{`${line.glyph} `}</tspan>\n              {line.text}\n            </text>\n          );\n        }\n\n        return (\n          <text className={styles.centerLine} key={index} textAnchor=\"middle\" y={y}>\n            <tspan fill={INTENT_TOKENS[line.intent]}>{`${line.glyph} `}</tspan>\n            <tspan className={styles.deltaNumber}>{line.text}</tspan>\n            {line.label && <tspan className={styles.deltaLabel}>{` ${line.label}`}</tspan>}\n          </text>\n        );\n      })}\n    </g>\n  );\n}\n"],"names":["COMPACT_MAX_THICKNESS","TARGET_MARK","NO_TOOLTIP","toRadians","degrees","toDegrees","radians","radialPath","angle","from","to","x1","y1","pointAt","x2","y2","ChartGauge","accent","ariaValueText","centerLabel","colorBySegment","color","delta","emptyMessage","endAngle","formatTooltipValue","formatValue","formatarNumero","height","indicator","intent","legend","loading","max","min","origin","scaleLabels","segmentStyle","segmentUnit","segments","showCenter","showSegmentLabels","showTooltip","size","startAngle","target","thickness","tickCount","ticks","title","trackRadius","value","valueDisplay","compact","font","measuredHeight","tokenRadius","ref","width","useChartMetrics","fillHeight","drawingHeight","chartHeight","clipId","useId","hovered","setHovered","useState","measured","isNumber","status","domain","gaugeDomain","base","targetBase","reading","gaugeReading","unit","bands","gaugeSegments","start","gaugeOrigin","reached","clampToDomain","tweened","useTweenedNumbers","shown","current","segmentAt","arcColor","resolveSeriesColors","startRadians","endRadians","angleOf","at","showFill","needle","rim","trackBands","rimGap","rimWidth","shownTarget","tickMode","scaleMode","segmentLabels","majors","majorTicks","outsideLabels","band","center","gaugeCenter","valueText","gaugeValueText","accessibleName","tooltip","tipColor","valueTooltip","segmentTooltip","outerBand","drawing","layout","layoutGauge","formatShown","tickLabelPriority","index","innerRadius","radius","corner","ring","inner","outer","arcPath","trackPath","bandOpacity","bandClass","styles","fillStart","fillEnd","fillColor","hitInner","hitOuter","describe","text","jsx","jsxs","major","step","anchor","label","x","y","needlePath","CenterText","segmentName","rangeText","lateral","legendView","ChartLegend","tip","ChartTooltip","length","halfBase","empty","valueHeight","line","INTENT_TOKENS"],"mappings":"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"}

package/dist/components/charts/ChartGauge/ChartGauge.js

@@ -0,0 +1,307 @@
+import { jsx as t, jsxs as u } from "react/jsx-runtime";
+import { useId as st, useState as rt } from "react";
+import { layoutGauge as it, pointAt as Le } from "./gaugeLayout.js";
+import { gaugeCenter as ct, gaugeValueText as mt, rangeText as ke, segmentName as Ae, valueTooltip as dt, segmentTooltip as ut, gaugeReading as ht, formatShown as U } from "./gaugeReading.js";
+import { gaugeDomain as pt, targetBase as gt, gaugeSegments as ft, segmentAt as be, isNumber as Te, majorTicks as vt, clampToDomain as ee, gaugeOrigin as Nt, tickLabelPriority as $t } from "./gaugeScale.js";
+import e from "./ChartGauge.module.css.js";
+import { useChartMetrics as xt } from "../core/useChartMetrics.js";
+import { useTweenedNumbers as Mt } from "../core/useTweenedNumbers.js";
+import { resolveSeriesColors as yt, INTENT_TOKENS as Lt } from "../palette/seriesColor.js";
+import { formatarNumero as kt } from "../../../utils/formatters/formatarNumero.js";
+import { ChartLegend as At } from "../core/ChartLegend.js";
+import { ChartTooltip as bt } from "../ChartTooltip/ChartTooltip.js";
+import { chartHeight as Tt } from "../core/cartesianLayout.js";
+import { arcPath as te } from "../core/arcs.js";
+const wt = 10, Rt = 4, Ct = { rows: [] }, we = (l) => l * Math.PI / 180, Ht = (l) => l * 180 / Math.PI;
+function A(l, N, T) {
+  const [i, $] = Le(l, N), [v, S] = Le(l, T);
+  return `M${i},${$}L${v},${S}`;
+}
+function qt({
+  accent: l,
+  ariaValueText: N,
+  centerLabel: T,
+  colorBySegment: i = !1,
+  color: $,
+  delta: v,
+  emptyMessage: S = "Sem dados no período",
+  endAngle: Re = 90,
+  formatTooltipValue: Ce,
+  formatValue: ae = kt,
+  height: He,
+  indicator: ne = "fill",
+  intent: Oe,
+  legend: x = "none",
+  loading: le = !1,
+  max: Pe,
+  min: Ee,
+  origin: Ie,
+  scaleLabels: Se = "minMax",
+  segmentStyle: oe = "track",
+  segmentUnit: se = "value",
+  segments: je = [],
+  showCenter: Be = !0,
+  showSegmentLabels: De = "hidden",
+  showTooltip: re = !0,
+  size: Ge = "default",
+  startAngle: _e = -90,
+  target: M,
+  thickness: ie = 16,
+  tickCount: ze = 5,
+  ticks: Fe = "hidden",
+  title: w,
+  trackRadius: Ke,
+  value: ce,
+  valueDisplay: Ve = "value"
+}) {
+  const g = Ge === "compact", { font: We, height: Xe, radius: Ze, ref: qe, width: j } = xt(), { fillHeight: me, value: R } = Tt(He ?? (g ? 96 : 220), Xe), de = st().replace(/[^\w-]/g, ""), [C, B] = rt(null), m = !le && Te(ce) ? ce : null, c = le ? "loading" : m === null ? "empty" : "value", s = pt(Ee, Pe, M), H = gt(M), f = ht({ base: H, formatTooltipValue: Ce, formatValue: ae, segmentUnit: se, valueDisplay: Ve }), d = ft(je, s, { accent: l, unit: se === "percentOfTarget" && H !== null ? H : 1 }), D = Nt(Ie, s), G = m === null ? D : ee(m, s), [Je = G] = Mt([G]), K = ee(Je, s), O = m === null ? void 0 : be(d, G), V = yt([{ color: $, intent: Oe }], { accent: l })[0], b = we(_e), P = we(Re), r = (o) => b + (ee(o, s) - s.min) / (s.max - s.min) * (P - b), W = ne !== "needle", ue = ne !== "fill" && c === "value", he = oe === "rim" && d.length > 0 && c !== "loading", Qe = oe === "track" && d.length > 0 && c !== "loading", E = g ? 2 : 3, X = g ? 3 : 4, y = M && Te(M.value) && c !== "loading" ? M : void 0, Z = g ? "hidden" : Fe, pe = g ? "hidden" : Se, ge = g ? "hidden" : De, k = vt(s, ze, f.showsPercent ? H : null), Ye = [
+    ...(ge === "hidden" ? [] : d).filter((o) => o.label).map((o) => ({ angle: r((o.from + o.to) / 2), kind: "segment", text: o.label })),
+    ...y && !g ? [{ angle: r(y.value), kind: "target", text: `${y.label || "Meta"} ${ae(y.value)}` }] : []
+  ], Ue = ct({
+    centerLabel: T,
+    compact: g,
+    delta: v,
+    domain: s,
+    emptyMessage: S,
+    reading: f,
+    showCenter: Be,
+    status: c,
+    value: m ?? 0
+  }), q = m === null ? void 0 : N ?? mt({ delta: v, domain: s, reading: f, segment: O, target: M, value: m }), et = c === "loading" ? `${w}: carregando` : c === "empty" ? `${w}: ${S.toLocaleLowerCase("pt-BR")}` : w;
+  function tt() {
+    if (m === null || C === null)
+      return Ct;
+    if (C === "value") {
+      const o = i && O ? O.color : V;
+      return dt({ color: o, delta: v, domain: s, reading: f, segment: O, target: M, title: w, value: m });
+    }
+    return ut({ current: O, reading: f, segment: d[C], target: M, value: m });
+  }
+  const _ = (he ? E + X : 0) + (y ? Rt : 0);
+  function fe() {
+    var ye;
+    const o = it({
+      center: Ue,
+      compact: g,
+      endAngle: P,
+      font: We,
+      height: R,
+      minMaxLabels: [
+        { angle: b, text: U(f, s.min) },
+        { angle: P, text: U(f, s.max) }
+      ],
+      needle: ue,
+      outerBand: _,
+      outsideLabels: Ye,
+      scaleLabels: pe,
+      startAngle: b,
+      thickness: g ? Math.min(ie, wt) : ie,
+      tickLabels: $t(k, H).map((a) => ({
+        angle: r(k[a]),
+        text: U(f, k[a])
+      })),
+      ticks: Z,
+      width: j
+    }), { innerRadius: h, radius: p } = o, Ne = Math.max(0, Math.min(Ke ?? Ze, o.thickness / 2)), z = (a, n, L = h, I = p) => te({ endAngle: n, innerRadius: L, outerRadius: I, startAngle: a }), $e = te({
+      cornerRadius: Ne,
+      endAngle: P,
+      innerRadius: h,
+      outerRadius: p,
+      startAngle: b
+    }), lt = c !== "value" ? 0.5 : W ? 0.32 : 1, xe = (a) => `${e.segment} ${C === a ? e.segmentHot : typeof C == "number" ? e.segmentDimmed : ""}`, F = r(D), J = r(K), ot = i ? ((ye = be(d, K)) == null ? void 0 : ye.color) ?? V : V, Q = h - 4, Me = p + _ + 3, Y = (a) => re ? null : /* @__PURE__ */ t("title", { children: a });
+    return /* @__PURE__ */ u(
+      "svg",
+      {
+        "aria-busy": c === "loading" || void 0,
+        "aria-label": et,
+        "aria-valuemax": m === null ? void 0 : s.max,
+        "aria-valuemin": m === null ? void 0 : s.min,
+        "aria-valuenow": m === null ? void 0 : G,
+        "aria-valuetext": q,
+        className: e.canvas,
+        height: R,
+        role: m === null ? "img" : "meter",
+        viewBox: `0 0 ${j} ${R}`,
+        width: j,
+        children: [
+          /* @__PURE__ */ t("defs", { children: /* @__PURE__ */ t("clipPath", { id: de, children: /* @__PURE__ */ t("path", { d: $e }) }) }),
+          /* @__PURE__ */ u("g", { transform: `translate(${o.cx} ${o.cy})`, children: [
+            /* @__PURE__ */ u("g", { className: c === "loading" ? e.loading : void 0, children: [
+              /* @__PURE__ */ t("path", { className: e.track, d: $e }),
+              Qe && /* @__PURE__ */ u("g", { clipPath: `url(#${de})`, children: [
+                d.map((a, n) => /* @__PURE__ */ t(
+                  "path",
+                  {
+                    className: xe(n),
+                    d: z(r(a.from), r(a.to)),
+                    fill: a.color,
+                    opacity: lt
+                  },
+                  n
+                )),
+                d.slice(1).map((a, n) => /* @__PURE__ */ t("path", { className: e.separator, d: A(r(a.from), h, p) }, n))
+              ] })
+            ] }),
+            he && /* @__PURE__ */ u("g", { children: [
+              d.map((a, n) => /* @__PURE__ */ t(
+                "path",
+                {
+                  className: xe(n),
+                  d: z(r(a.from), r(a.to), p + E, p + E + X),
+                  fill: a.color,
+                  opacity: c === "value" ? 1 : 0.5
+                },
+                n
+              )),
+              d.slice(1).map((a, n) => /* @__PURE__ */ t(
+                "path",
+                {
+                  className: e.separator,
+                  d: A(r(a.from), p + E - 1, p + E + X + 1)
+                },
+                n
+              ))
+            ] }),
+            Z !== "hidden" && /* @__PURE__ */ u("g", { children: [
+              Z === "majorAndMinor" && k.slice(1).flatMap(
+                (a, n) => [1, 2, 3, 4].map((L) => /* @__PURE__ */ t(
+                  "path",
+                  {
+                    className: e.tickMinor,
+                    d: A(r(k[n] + L * (a - k[n]) / 5), h - 3, h - 6)
+                  },
+                  `${n}-${L}`
+                ))
+              ),
+              k.map((a, n) => /* @__PURE__ */ t("path", { className: e.tickMajor, d: A(r(a), h - 3, h - 9) }, n))
+            ] }),
+            o.scaleLabels.map(({ anchor: a, label: n, x: L, y: I }) => /* @__PURE__ */ t(
+              "text",
+              {
+                className: e.scaleLabel,
+                dominantBaseline: pe === "ticks" ? "central" : void 0,
+                textAnchor: a,
+                x: L,
+                y: I,
+                children: n.text
+              },
+              `${n.angle}-${n.text}`
+            )),
+            c === "value" && D > s.min && D < s.max && /* @__PURE__ */ t("path", { className: e.originMark, d: A(F, h - 2, p + 2) }),
+            W && c === "value" && Math.abs(J - F) > 1e-4 && /* @__PURE__ */ t(
+              "path",
+              {
+                className: e.fill,
+                d: te({
+                  cornerRadius: Ne,
+                  endAngle: Math.max(F, J),
+                  innerRadius: h,
+                  outerRadius: p,
+                  startAngle: Math.min(F, J)
+                }),
+                fill: ot
+              }
+            ),
+            y && /* @__PURE__ */ u("g", { children: [
+              /* @__PURE__ */ t("path", { className: e.targetOutline, d: A(r(y.value), h - 3, p + _) }),
+              /* @__PURE__ */ t("path", { className: e.targetLine, d: A(r(y.value), h - 3, p + _) })
+            ] }),
+            o.outsideLabels.map(({ anchor: a, label: n, x: L, y: I }) => /* @__PURE__ */ t(
+              "text",
+              {
+                className: n.kind === "target" ? e.targetLabel : `${e.segmentLabel} ${ge === "onHover" ? e.segmentLabelOnHover : ""}`,
+                dominantBaseline: "central",
+                textAnchor: a,
+                x: L,
+                y: I,
+                children: n.text
+              },
+              `${n.kind}-${n.angle}`
+            )),
+            ue && /* @__PURE__ */ u("g", { children: [
+              /* @__PURE__ */ t(
+                "path",
+                {
+                  className: e.needle,
+                  d: Ot(W ? h - 5 : p - o.thickness * 0.3, g ? 2.2 : 3.6),
+                  transform: `rotate(${Ht(r(K))})`
+                }
+              ),
+              /* @__PURE__ */ t("circle", { className: e.needle, r: o.pinRadius }),
+              /* @__PURE__ */ t("circle", { className: e.pinDot, r: g ? 1.5 : 2.6 })
+            ] }),
+            /* @__PURE__ */ t(Pt, { center: o.center, empty: c === "empty" }),
+            c === "value" && /* @__PURE__ */ u("g", { className: e.hits, onMouseLeave: () => B(null), children: [
+              d.length > 0 ? d.map((a, n) => /* @__PURE__ */ t(
+                "path",
+                {
+                  d: z(r(a.from), r(a.to), Q, Me),
+                  onMouseEnter: () => B(n),
+                  children: Y(`${Ae(a)}: ${ke(f, a)}`)
+                },
+                n
+              )) : /* @__PURE__ */ t("path", { d: z(b, P, Q, Me), onMouseEnter: () => B("value"), children: Y(q ?? "") }),
+              /* @__PURE__ */ t("circle", { onMouseEnter: () => B("value"), r: Math.max(Q * 0.85, 8), children: Y(q ?? "") })
+            ] })
+          ] })
+        ]
+      }
+    );
+  }
+  const at = x === "left" || x === "right", ve = x !== "none" && d.length > 0 && /* @__PURE__ */ t(
+    At,
+    {
+      entries: d.map((o) => ({ color: o.color, label: Ae(o), value: ke(f, o) })),
+      position: x
+    }
+  ), nt = tt();
+  return /* @__PURE__ */ u("figure", { className: e.figure, children: [
+    /* @__PURE__ */ t("figcaption", { className: e.title, children: w }),
+    /* @__PURE__ */ u("div", { className: `${e.body} ${at ? e.bodyRow : e.bodyColumn}`, children: [
+      (x === "top" || x === "left") && ve,
+      /* @__PURE__ */ t(
+        "div",
+        {
+          className: `${e.plot} ${me ? e.plotFill : ""}`,
+          ref: qe,
+          style: me ? void 0 : { minHeight: R },
+          children: j === 0 || R === 0 ? null : re ? /* @__PURE__ */ t(bt, { columns: [{ format: f.formatExact }], computed: "none", ...nt, children: fe() }) : fe()
+        }
+      ),
+      (x === "bottom" || x === "right") && ve
+    ] })
+  ] });
+}
+function Ot(l, N) {
+  return `M${-N},0L-0.8,${-l}L0.8,${-l}L${N},0Z`;
+}
+function Pt({ center: l, empty: N }) {
+  const T = l.value ? l.value.size : 0;
+  return /* @__PURE__ */ u("g", { className: e.center, children: [
+    l.value && /* @__PURE__ */ t(
+      "text",
+      {
+        className: `${e.centerValue} ${N ? e.centerValueEmpty : ""}`,
+        style: { fontFamily: l.value.family, fontSize: l.value.size },
+        textAnchor: "middle",
+        y: l.top + l.value.size * 0.84,
+        children: l.value.text
+      }
+    ),
+    l.lines.map((i, $) => {
+      const v = l.top + T + ($ + 1) * l.lineHeight - 3;
+      return i.kind === "text" ? /* @__PURE__ */ t("text", { className: e.centerLine, textAnchor: "middle", y: v, children: i.text }, $) : i.kind === "warn" ? /* @__PURE__ */ u("text", { className: e.centerWarn, textAnchor: "middle", y: v, children: [
+        /* @__PURE__ */ t("tspan", { className: e.warnGlyph, children: `${i.glyph} ` }),
+        i.text
+      ] }, $) : /* @__PURE__ */ u("text", { className: e.centerLine, textAnchor: "middle", y: v, children: [
+        /* @__PURE__ */ t("tspan", { fill: Lt[i.intent], children: `${i.glyph} ` }),
+        /* @__PURE__ */ t("tspan", { className: e.deltaNumber, children: i.text }),
+        i.label && /* @__PURE__ */ t("tspan", { className: e.deltaLabel, children: ` ${i.label}` })
+      ] }, $);
+    })
+  ] });
+}
+export {
+  qt as ChartGauge
+};
+//# sourceMappingURL=ChartGauge.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ChartGauge.js","sources":["../../../../src/components/charts/ChartGauge/ChartGauge.tsx"],"sourcesContent":["import { useId, useState } from 'react';\nimport { ChartTooltip } from '../ChartTooltip';\nimport {\n  ChartLegend,\n  arcPath,\n  chartHeight,\n  useChartMetrics,\n  useTweenedNumbers,\n  type ChartHeight,\n  type ChartLegendPosition,\n  type MarkVisibility,\n} from '../core';\nimport { INTENT_TOKENS, resolveSeriesColors, type SeriesAppearance, type SeriesIntent } from '../palette';\nimport { formatarNumero } from '../../../utils/formatters';\nimport { layoutGauge, pointAt, type GaugeCenterLayout, type OutsideLabel } from './gaugeLayout';\nimport {\n  gaugeCenter,\n  gaugeReading,\n  gaugeValueText,\n  rangeText,\n  segmentName,\n  segmentTooltip,\n  valueTooltip,\n  formatShown,\n  type GaugeStatus,\n  type GaugeTooltip,\n} from './gaugeReading';\nimport {\n  clampToDomain,\n  gaugeDomain,\n  gaugeOrigin,\n  gaugeSegments,\n  isNumber,\n  majorTicks,\n  segmentAt,\n  targetBase,\n  tickLabelPriority,\n} from './gaugeScale';\nimport styles from './ChartGauge.module.css';\n\n/** Uma faixa da escala. A cor segue a regra da família: `color`, depois `intent`, depois a paleta. */\nexport interface ChartGaugeSegment extends SeriesAppearance {\n  label?: string;\n  /** Limite superior, na unidade de `segmentUnit`. Omitido na última faixa, vai até `max`. */\n  to?: number;\n}\n\nexport interface ChartGaugeTarget {\n  label?: string;\n  value: number;\n}\n\nexport interface ChartGaugeDelta {\n  /** Formato do módulo da variação; o sinal é do componente. */\n  format?: (delta: number) => string;\n  /** Sem ela, positiva quando sobe e negativa quando desce. */\n  intent?: SeriesIntent;\n  label?: string;\n  value: number;\n}\n\nexport type ChartGaugeIndicator = 'fill' | 'needle' | 'fillAndNeedle';\nexport type ChartGaugeSegmentStyle = 'track' | 'rim' | 'hidden';\nexport type ChartGaugeScaleLabels = 'hidden' | 'minMax' | 'ticks';\nexport type ChartGaugeSize = 'default' | 'compact';\nexport type ChartGaugeTicks = 'hidden' | 'major' | 'majorAndMinor';\n/** Leitura contra a meta: a mesma palavra na exibição e na unidade das faixas. */\nexport type ChartGaugeValueDisplay = 'value' | 'percentOfTarget';\nexport type ChartGaugeSegmentUnit = 'value' | 'percentOfTarget';\n\nexport interface ChartGaugeProps {\n  accent?: string;\n  /** Troca a frase montada do `aria-valuetext`. */\n  ariaValueText?: string;\n  /** Texto sob o valor. Sem ele, na leitura contra a meta, a outra leitura. */\n  centerLabel?: string;\n  /** O arco assume a cor da faixa onde o valor está. */\n  colorBySegment?: boolean;\n  /** Cor do arco fora de `colorBySegment`. Vence `intent`. */\n  color?: string;\n  delta?: ChartGaugeDelta;\n  emptyMessage?: string;\n  /** Ângulo final, em graus a partir do topo. */\n  endAngle?: number;\n  /** Formato exato do balão e, na leitura contra a meta, do `aria-valuetext`. */\n  formatTooltipValue?: (value: number) => string;\n  /** Formato do centro, da escala e da meta. */\n  formatValue?: (value: number) => string;\n  height?: ChartHeight;\n  indicator?: ChartGaugeIndicator;\n  intent?: SeriesIntent;\n  legend?: ChartLegendPosition;\n  loading?: boolean;\n  /** Fim da escala. Omitido com meta, vai a 120% dela. */\n  max?: number;\n  min?: number;\n  /** De onde o arco preenchido parte. Sem ele, o zero quando a escala o cruza; senão, `min`. */\n  origin?: number;\n  scaleLabels?: ChartGaugeScaleLabels;\n  segmentStyle?: ChartGaugeSegmentStyle;\n  segmentUnit?: ChartGaugeSegmentUnit;\n  segments?: readonly ChartGaugeSegment[];\n  showCenter?: boolean;\n  showSegmentLabels?: MarkVisibility;\n  showTooltip?: boolean;\n  size?: ChartGaugeSize;\n  /** Ângulo inicial, em graus a partir do topo. */\n  startAngle?: number;\n  target?: ChartGaugeTarget;\n  /** Espessura do arco, em pixels. No compacto, até 10. */\n  thickness?: number;\n  tickCount?: number;\n  ticks?: ChartGaugeTicks;\n  title: string;\n  /** Raio das pontas, limitado a metade da espessura. Sem valor, o token de raio pequeno. */\n  trackRadius?: number;\n  /** `null` é sem dado. */\n  value: number | null;\n  valueDisplay?: ChartGaugeValueDisplay;\n}\n\ntype Hovered = number | 'value' | null;\n\nconst COMPACT_MAX_THICKNESS = 10;\nconst TARGET_MARK = 4;\nconst NO_TOOLTIP: GaugeTooltip = { rows: [] };\n\nconst toRadians = (degrees: number) => (degrees * Math.PI) / 180;\nconst toDegrees = (radians: number) => (radians * 180) / Math.PI;\n\nfunction radialPath(angle: number, from: number, to: number) {\n  const [x1, y1] = pointAt(angle, from);\n  const [x2, y2] = pointAt(angle, to);\n\n  return `M${x1},${y1}L${x2},${y2}`;\n}\n\n/**\n * Medidor de um valor numa escala com faixas de significado. É `role=\"meter\"`: o leitor de tela ouve o valor, a faixa,\n * a meta e a variação. Carregando ou sem dado, vira `role=\"img\"`.\n */\nexport function ChartGauge({\n  accent,\n  ariaValueText,\n  centerLabel,\n  colorBySegment = false,\n  color,\n  delta,\n  emptyMessage = 'Sem dados no período',\n  endAngle = 90,\n  formatTooltipValue,\n  formatValue = formatarNumero,\n  height,\n  indicator = 'fill',\n  intent,\n  legend = 'none',\n  loading = false,\n  max,\n  min,\n  origin,\n  scaleLabels = 'minMax',\n  segmentStyle = 'track',\n  segmentUnit = 'value',\n  segments = [],\n  showCenter = true,\n  showSegmentLabels = 'hidden',\n  showTooltip = true,\n  size = 'default',\n  startAngle = -90,\n  target,\n  thickness = 16,\n  tickCount = 5,\n  ticks = 'hidden',\n  title,\n  trackRadius,\n  value,\n  valueDisplay = 'value',\n}: ChartGaugeProps) {\n  const compact = size === 'compact';\n  const { font, height: measuredHeight, radius: tokenRadius, ref, width } = useChartMetrics();\n  const { fillHeight, value: drawingHeight } = chartHeight(height ?? (compact ? 96 : 220), measuredHeight);\n  const clipId = useId().replace(/[^\\w-]/g, '');\n  const [hovered, setHovered] = useState<Hovered>(null);\n\n  const measured = !loading && isNumber(value) ? value : null;\n  const status: GaugeStatus = loading ? 'loading' : measured === null ? 'empty' : 'value';\n  const domain = gaugeDomain(min, max, target);\n  const base = targetBase(target);\n  const reading = gaugeReading({ base, formatTooltipValue, formatValue, segmentUnit, valueDisplay });\n  const unit = segmentUnit === 'percentOfTarget' && base !== null ? base : 1;\n  const bands = gaugeSegments(segments, domain, { accent, unit });\n  const start = gaugeOrigin(origin, domain);\n  const reached = measured === null ? start : clampToDomain(measured, domain);\n  const [tweened = reached] = useTweenedNumbers([reached]);\n  const shown = clampToDomain(tweened, domain);\n  const current = measured === null ? undefined : segmentAt(bands, reached);\n  const arcColor = resolveSeriesColors([{ color, intent }], { accent })[0];\n\n  const startRadians = toRadians(startAngle);\n  const endRadians = toRadians(endAngle);\n  const angleOf = (at: number) =>\n    startRadians + ((clampToDomain(at, domain) - domain.min) / (domain.max - domain.min)) * (endRadians - startRadians);\n\n  const showFill = indicator !== 'needle';\n  const needle = indicator !== 'fill' && status === 'value';\n  const rim = segmentStyle === 'rim' && bands.length > 0 && status !== 'loading';\n  const trackBands = segmentStyle === 'track' && bands.length > 0 && status !== 'loading';\n  const rimGap = compact ? 2 : 3;\n  const rimWidth = compact ? 3 : 4;\n  const shownTarget = target && isNumber(target.value) && status !== 'loading' ? target : undefined;\n  const tickMode = compact ? 'hidden' : ticks;\n  const scaleMode = compact ? 'hidden' : scaleLabels;\n  const segmentLabels = compact ? 'hidden' : showSegmentLabels;\n  const majors = majorTicks(domain, tickCount, reading.showsPercent ? base : null);\n\n  const outsideLabels: OutsideLabel[] = [\n    ...(segmentLabels === 'hidden' ? [] : bands)\n      .filter((band) => band.label)\n      .map((band) => ({ angle: angleOf((band.from + band.to) / 2), kind: 'segment' as const, text: band.label! })),\n    ...(shownTarget && !compact\n      ? [{ angle: angleOf(shownTarget.value), kind: 'target' as const, text: `${shownTarget.label || 'Meta'} ${formatValue(shownTarget.value)}` }]\n      : []),\n  ];\n\n  const center = gaugeCenter({\n    centerLabel,\n    compact,\n    delta,\n    domain,\n    emptyMessage,\n    reading,\n    showCenter,\n    status,\n    value: measured ?? 0,\n  });\n\n  const valueText =\n    measured === null\n      ? undefined\n      : (ariaValueText ?? gaugeValueText({ delta, domain, reading, segment: current, target, value: measured }));\n  const accessibleName =\n    status === 'loading'\n      ? `${title}: carregando`\n      : status === 'empty'\n        ? `${title}: ${emptyMessage.toLocaleLowerCase('pt-BR')}`\n        : title;\n\n  function tooltip(): GaugeTooltip {\n    if (measured === null || hovered === null) {\n      return NO_TOOLTIP;\n    }\n\n    if (hovered === 'value') {\n      const tipColor = colorBySegment && current ? current.color : arcColor;\n      return valueTooltip({ color: tipColor, delta, domain, reading, segment: current, target, title, value: measured });\n    }\n\n    return segmentTooltip({ current, reading, segment: bands[hovered], target, value: measured });\n  }\n\n  const outerBand = (rim ? rimGap + rimWidth : 0) + (shownTarget ? TARGET_MARK : 0);\n\n  function drawing() {\n    const layout = layoutGauge({\n      center,\n      compact,\n      endAngle: endRadians,\n      font,\n      height: drawingHeight,\n      minMaxLabels: [\n        { angle: startRadians, text: formatShown(reading, domain.min) },\n        { angle: endRadians, text: formatShown(reading, domain.max) },\n      ],\n      needle,\n      outerBand,\n      outsideLabels,\n      scaleLabels: scaleMode,\n      startAngle: startRadians,\n      thickness: compact ? Math.min(thickness, COMPACT_MAX_THICKNESS) : thickness,\n      tickLabels: tickLabelPriority(majors, base).map((index) => ({\n        angle: angleOf(majors[index]),\n        text: formatShown(reading, majors[index]),\n      })),\n      ticks: tickMode,\n      width,\n    });\n    const { innerRadius, radius } = layout;\n    const corner = Math.max(0, Math.min(trackRadius ?? tokenRadius, layout.thickness / 2));\n    const ring = (from: number, to: number, inner = innerRadius, outer = radius) =>\n      arcPath({ endAngle: to, innerRadius: inner, outerRadius: outer, startAngle: from });\n    const trackPath = arcPath({\n      cornerRadius: corner,\n      endAngle: endRadians,\n      innerRadius,\n      outerRadius: radius,\n      startAngle: startRadians,\n    });\n    const bandOpacity = status !== 'value' ? 0.5 : showFill ? 0.32 : 1;\n    const bandClass = (index: number) =>\n      `${styles.segment} ${hovered === index ? styles.segmentHot : typeof hovered === 'number' ? styles.segmentDimmed : ''}`;\n    const fillStart = angleOf(start);\n    const fillEnd = angleOf(shown);\n    const fillColor = colorBySegment ? (segmentAt(bands, shown)?.color ?? arcColor) : arcColor;\n    const hitInner = innerRadius - 4;\n    const hitOuter = radius + outerBand + 3;\n    const describe = (text: string) => (showTooltip ? null : <title>{text}</title>);\n\n    return (\n      <svg\n        aria-busy={status === 'loading' || undefined}\n        aria-label={accessibleName}\n        aria-valuemax={measured === null ? undefined : domain.max}\n        aria-valuemin={measured === null ? undefined : domain.min}\n        aria-valuenow={measured === null ? undefined : reached}\n        aria-valuetext={valueText}\n        className={styles.canvas}\n        height={drawingHeight}\n        role={measured === null ? 'img' : 'meter'}\n        viewBox={`0 0 ${width} ${drawingHeight}`}\n        width={width}\n      >\n        <defs>\n          <clipPath id={clipId}>\n            <path d={trackPath} />\n          </clipPath>\n        </defs>\n\n        <g transform={`translate(${layout.cx} ${layout.cy})`}>\n          <g className={status === 'loading' ? styles.loading : undefined}>\n            <path className={styles.track} d={trackPath} />\n            {trackBands && (\n              <g clipPath={`url(#${clipId})`}>\n                {bands.map((band, index) => (\n                  <path\n                    className={bandClass(index)}\n                    d={ring(angleOf(band.from), angleOf(band.to))}\n                    fill={band.color}\n                    key={index}\n                    opacity={bandOpacity}\n                  />\n                ))}\n                {bands.slice(1).map((band, index) => (\n                  <path className={styles.separator} d={radialPath(angleOf(band.from), innerRadius, radius)} key={index} />\n                ))}\n              </g>\n            )}\n          </g>\n\n          {rim && (\n            <g>\n              {bands.map((band, index) => (\n                <path\n                  className={bandClass(index)}\n                  d={ring(angleOf(band.from), angleOf(band.to), radius + rimGap, radius + rimGap + rimWidth)}\n                  fill={band.color}\n                  key={index}\n                  opacity={status === 'value' ? 1 : 0.5}\n                />\n              ))}\n              {bands.slice(1).map((band, index) => (\n                <path\n                  className={styles.separator}\n                  d={radialPath(angleOf(band.from), radius + rimGap - 1, radius + rimGap + rimWidth + 1)}\n                  key={index}\n                />\n              ))}\n            </g>\n          )}\n\n          {tickMode !== 'hidden' && (\n            <g>\n              {tickMode === 'majorAndMinor' &&\n                majors.slice(1).flatMap((major, index) =>\n                  [1, 2, 3, 4].map((step) => (\n                    <path\n                      className={styles.tickMinor}\n                      d={radialPath(angleOf(majors[index] + (step * (major - majors[index])) / 5), innerRadius - 3, innerRadius - 6)}\n                      key={`${index}-${step}`}\n                    />\n                  )),\n                )}\n              {majors.map((major, index) => (\n                <path className={styles.tickMajor} d={radialPath(angleOf(major), innerRadius - 3, innerRadius - 9)} key={index} />\n              ))}\n            </g>\n          )}\n\n          {layout.scaleLabels.map(({ anchor, label, x, y }) => (\n            <text\n              className={styles.scaleLabel}\n              dominantBaseline={scaleMode === 'ticks' ? 'central' : undefined}\n              key={`${label.angle}-${label.text}`}\n              textAnchor={anchor}\n              x={x}\n              y={y}\n            >\n              {label.text}\n            </text>\n          ))}\n\n          {status === 'value' && start > domain.min && start < domain.max && (\n            <path className={styles.originMark} d={radialPath(fillStart, innerRadius - 2, radius + 2)} />\n          )}\n\n          {showFill && status === 'value' && Math.abs(fillEnd - fillStart) > 1e-4 && (\n            <path\n              className={styles.fill}\n              d={arcPath({\n                cornerRadius: corner,\n                endAngle: Math.max(fillStart, fillEnd),\n                innerRadius,\n                outerRadius: radius,\n                startAngle: Math.min(fillStart, fillEnd),\n              })}\n              fill={fillColor}\n            />\n          )}\n\n          {shownTarget && (\n            <g>\n              <path className={styles.targetOutline} d={radialPath(angleOf(shownTarget.value), innerRadius - 3, radius + outerBand)} />\n              <path className={styles.targetLine} d={radialPath(angleOf(shownTarget.value), innerRadius - 3, radius + outerBand)} />\n            </g>\n          )}\n\n          {layout.outsideLabels.map(({ anchor, label, x, y }) => (\n            <text\n              className={\n                label.kind === 'target'\n                  ? styles.targetLabel\n                  : `${styles.segmentLabel} ${segmentLabels === 'onHover' ? styles.segmentLabelOnHover : ''}`\n              }\n              dominantBaseline=\"central\"\n              key={`${label.kind}-${label.angle}`}\n              textAnchor={anchor}\n              x={x}\n              y={y}\n            >\n              {label.text}\n            </text>\n          ))}\n\n          {needle && (\n            <g>\n              <path\n                className={styles.needle}\n                d={needlePath(showFill ? innerRadius - 5 : radius - layout.thickness * 0.3, compact ? 2.2 : 3.6)}\n                transform={`rotate(${toDegrees(angleOf(shown))})`}\n              />\n              <circle className={styles.needle} r={layout.pinRadius} />\n              <circle className={styles.pinDot} r={compact ? 1.5 : 2.6} />\n            </g>\n          )}\n\n          <CenterText center={layout.center} empty={status === 'empty'} />\n\n          {status === 'value' && (\n            <g className={styles.hits} onMouseLeave={() => setHovered(null)}>\n              {bands.length > 0\n                ? bands.map((band, index) => (\n                    <path\n                      d={ring(angleOf(band.from), angleOf(band.to), hitInner, hitOuter)}\n                      key={index}\n                      onMouseEnter={() => setHovered(index)}\n                    >\n                      {describe(`${segmentName(band)}: ${rangeText(reading, band)}`)}\n                    </path>\n                  ))\n                : (\n                    <path d={ring(startRadians, endRadians, hitInner, hitOuter)} onMouseEnter={() => setHovered('value')}>\n                      {describe(valueText ?? '')}\n                    </path>\n                  )}\n              <circle onMouseEnter={() => setHovered('value')} r={Math.max(hitInner * 0.85, 8)}>\n                {describe(valueText ?? '')}\n              </circle>\n            </g>\n          )}\n        </g>\n      </svg>\n    );\n  }\n\n  const lateral = legend === 'left' || legend === 'right';\n  const legendView = legend !== 'none' && bands.length > 0 && (\n    <ChartLegend\n      entries={bands.map((band) => ({ color: band.color, label: segmentName(band), value: rangeText(reading, band) }))}\n      position={legend}\n    />\n  );\n  const tip = tooltip();\n\n  return (\n    <figure className={styles.figure}>\n      <figcaption className={styles.title}>{title}</figcaption>\n\n      <div className={`${styles.body} ${lateral ? styles.bodyRow : styles.bodyColumn}`}>\n        {(legend === 'top' || legend === 'left') && legendView}\n\n        <div\n          className={`${styles.plot} ${fillHeight ? styles.plotFill : ''}`}\n          ref={ref}\n          style={fillHeight ? undefined : { minHeight: drawingHeight }}\n        >\n          {width === 0 || drawingHeight === 0 ? null : showTooltip ? (\n            <ChartTooltip columns={[{ format: reading.formatExact }]} computed=\"none\" {...tip}>\n              {drawing()}\n            </ChartTooltip>\n          ) : (\n            drawing()\n          )}\n        </div>\n\n        {(legend === 'bottom' || legend === 'right') && legendView}\n      </div>\n    </figure>\n  );\n}\n\nfunction needlePath(length: number, halfBase: number) {\n  return `M${-halfBase},0L-0.8,${-length}L0.8,${-length}L${halfBase},0Z`;\n}\n\n/** Valor e linhas do centro, cada linha na sua altura dentro do bloco medido pelo layout. */\nfunction CenterText({ center, empty }: { center: GaugeCenterLayout; empty: boolean }) {\n  const valueHeight = center.value ? center.value.size : 0;\n\n  return (\n    <g className={styles.center}>\n      {center.value && (\n        <text\n          className={`${styles.centerValue} ${empty ? styles.centerValueEmpty : ''}`}\n          style={{ fontFamily: center.value.family, fontSize: center.value.size }}\n          textAnchor=\"middle\"\n          y={center.top + center.value.size * 0.84}\n        >\n          {center.value.text}\n        </text>\n      )}\n      {center.lines.map((line, index) => {\n        const y = center.top + valueHeight + (index + 1) * center.lineHeight - 3;\n\n        if (line.kind === 'text') {\n          return (\n            <text className={styles.centerLine} key={index} textAnchor=\"middle\" y={y}>\n              {line.text}\n            </text>\n          );\n        }\n\n        if (line.kind === 'warn') {\n          return (\n            <text className={styles.centerWarn} key={index} textAnchor=\"middle\" y={y}>\n              <tspan className={styles.warnGlyph}>{`${line.glyph} `}</tspan>\n              {line.text}\n            </text>\n          );\n        }\n\n        return (\n          <text className={styles.centerLine} key={index} textAnchor=\"middle\" y={y}>\n            <tspan fill={INTENT_TOKENS[line.intent]}>{`${line.glyph} `}</tspan>\n            <tspan className={styles.deltaNumber}>{line.text}</tspan>\n            {line.label && <tspan className={styles.deltaLabel}>{` ${line.label}`}</tspan>}\n          </text>\n        );\n      })}\n    </g>\n  );\n}\n"],"names":["COMPACT_MAX_THICKNESS","TARGET_MARK","NO_TOOLTIP","toRadians","degrees","toDegrees","radians","radialPath","angle","from","to","x1","y1","pointAt","x2","y2","ChartGauge","accent","ariaValueText","centerLabel","colorBySegment","color","delta","emptyMessage","endAngle","formatTooltipValue","formatValue","formatarNumero","height","indicator","intent","legend","loading","max","min","origin","scaleLabels","segmentStyle","segmentUnit","segments","showCenter","showSegmentLabels","showTooltip","size","startAngle","target","thickness","tickCount","ticks","title","trackRadius","value","valueDisplay","compact","font","measuredHeight","tokenRadius","ref","width","useChartMetrics","fillHeight","drawingHeight","chartHeight","clipId","useId","hovered","setHovered","useState","measured","isNumber","status","domain","gaugeDomain","base","targetBase","reading","gaugeReading","bands","gaugeSegments","start","gaugeOrigin","reached","clampToDomain","tweened","useTweenedNumbers","shown","current","segmentAt","arcColor","resolveSeriesColors","startRadians","endRadians","angleOf","at","showFill","needle","rim","trackBands","rimGap","rimWidth","shownTarget","tickMode","scaleMode","segmentLabels","majors","majorTicks","outsideLabels","band","center","gaugeCenter","valueText","gaugeValueText","accessibleName","tooltip","tipColor","valueTooltip","segmentTooltip","outerBand","drawing","layout","layoutGauge","formatShown","tickLabelPriority","index","innerRadius","radius","corner","ring","inner","outer","arcPath","trackPath","bandOpacity","bandClass","styles","fillStart","fillEnd","fillColor","_a","hitInner","hitOuter","describe","text","jsx","jsxs","major","step","anchor","label","x","y","needlePath","CenterText","segmentName","rangeText","lateral","legendView","ChartLegend","tip","ChartTooltip","length","halfBase","empty","valueHeight","line","INTENT_TOKENS"],"mappings":"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"}

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="_figure_1pcgg_1 _figure_yf6oe_1",t="_title_1pcgg_6 _title_yf6oe_9",n="_body_1pcgg_10 _body_yf6oe_20",_="_bodyColumn_1pcgg_14 _bodyColumn_yf6oe_42",g="_bodyRow_1pcgg_18 _bodyRow_yf6oe_46",o="_plot_1pcgg_22 _plot_yf6oe_29",c="_plotFill_1pcgg_26 _plotFill_yf6oe_37",l="_canvas_1pcgg_30 _canvas_yf6oe_51",a="_track_1pcgg_35",r="_loading_1pcgg_39",s="_fill_1pcgg_49",i="_segment_1pcgg_53",p="_segmentDimmed_1pcgg_58",m="_segmentHot_1pcgg_62",b="_separator_1pcgg_66",d="_tickMajor_1pcgg_71",u="_tickMinor_1pcgg_76",y="_originMark_1pcgg_81",L="_scaleLabel_1pcgg_86",f="_segmentLabel_1pcgg_87",k="_targetLabel_1pcgg_88",M="_centerLine_1pcgg_89",v="_centerWarn_1pcgg_90",w="_segmentLabelOnHover_1pcgg_105",O="_targetOutline_1pcgg_114",h="_targetLine_1pcgg_120",D="_needle_1pcgg_131",H="_pinDot_1pcgg_135",V="_center_1pcgg_89",j="_centerValue_1pcgg_143",C="_centerValueEmpty_1pcgg_149",F="_warnGlyph_1pcgg_162",R="_deltaNumber_1pcgg_166",E="_deltaLabel_1pcgg_171",G="_hits_1pcgg_176",N={figure:e,title:t,body:n,bodyColumn:_,bodyRow:g,plot:o,plotFill:c,canvas:l,track:a,loading:r,fill:s,segment:i,segmentDimmed:p,segmentHot:m,separator:b,tickMajor:d,tickMinor:u,originMark:y,scaleLabel:L,segmentLabel:f,targetLabel:k,centerLine:M,centerWarn:v,segmentLabelOnHover:w,targetOutline:O,targetLine:h,needle:D,pinDot:H,center:V,centerValue:j,centerValueEmpty:C,warnGlyph:F,deltaNumber:R,deltaLabel:E,hits:G};exports.body=n;exports.bodyColumn=_;exports.bodyRow=g;exports.canvas=l;exports.center=V;exports.centerLine=M;exports.centerValue=j;exports.centerValueEmpty=C;exports.centerWarn=v;exports.default=N;exports.deltaLabel=E;exports.deltaNumber=R;exports.figure=e;exports.fill=s;exports.hits=G;exports.loading=r;exports.needle=D;exports.originMark=y;exports.pinDot=H;exports.plot=o;exports.plotFill=c;exports.scaleLabel=L;exports.segment=i;exports.segmentDimmed=p;exports.segmentHot=m;exports.segmentLabel=f;exports.segmentLabelOnHover=w;exports.separator=b;exports.targetLabel=k;exports.targetLine=h;exports.targetOutline=O;exports.tickMajor=d;exports.tickMinor=u;exports.title=t;exports.track=a;exports.warnGlyph=F;
+//# sourceMappingURL=ChartGauge.module.css.cjs.map

package/dist/components/charts/ChartGauge/ChartGauge.module.css.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChartGauge.module.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

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

@@ -0,0 +1,76 @@
+const e = "_figure_1pcgg_1 _figure_yf6oe_1", t = "_title_1pcgg_6 _title_yf6oe_9", _ = "_body_1pcgg_10 _body_yf6oe_20", n = "_bodyColumn_1pcgg_14 _bodyColumn_yf6oe_42", g = "_bodyRow_1pcgg_18 _bodyRow_yf6oe_46", c = "_plot_1pcgg_22 _plot_yf6oe_29", o = "_plotFill_1pcgg_26 _plotFill_yf6oe_37", l = "_canvas_1pcgg_30 _canvas_yf6oe_51", a = "_track_1pcgg_35", s = "_loading_1pcgg_39", r = "_fill_1pcgg_49", p = "_segment_1pcgg_53", i = "_segmentDimmed_1pcgg_58", m = "_segmentHot_1pcgg_62", b = "_separator_1pcgg_66", d = "_tickMajor_1pcgg_71", y = "_tickMinor_1pcgg_76", u = "_originMark_1pcgg_81", L = "_scaleLabel_1pcgg_86", f = "_segmentLabel_1pcgg_87", k = "_targetLabel_1pcgg_88", M = "_centerLine_1pcgg_89", v = "_centerWarn_1pcgg_90", w = "_segmentLabelOnHover_1pcgg_105", h = "_targetOutline_1pcgg_114", D = "_targetLine_1pcgg_120", H = "_needle_1pcgg_131", O = "_pinDot_1pcgg_135", V = "_center_1pcgg_89", C = "_centerValue_1pcgg_143", F = "_centerValueEmpty_1pcgg_149", R = "_warnGlyph_1pcgg_162", j = "_deltaNumber_1pcgg_166", E = "_deltaLabel_1pcgg_171", G = "_hits_1pcgg_176", N = {
+  figure: e,
+  title: t,
+  body: _,
+  bodyColumn: n,
+  bodyRow: g,
+  plot: c,
+  plotFill: o,
+  canvas: l,
+  track: a,
+  loading: s,
+  fill: r,
+  segment: p,
+  segmentDimmed: i,
+  segmentHot: m,
+  separator: b,
+  tickMajor: d,
+  tickMinor: y,
+  originMark: u,
+  scaleLabel: L,
+  segmentLabel: f,
+  targetLabel: k,
+  centerLine: M,
+  centerWarn: v,
+  segmentLabelOnHover: w,
+  targetOutline: h,
+  targetLine: D,
+  needle: H,
+  pinDot: O,
+  center: V,
+  centerValue: C,
+  centerValueEmpty: F,
+  warnGlyph: R,
+  deltaNumber: j,
+  deltaLabel: E,
+  hits: G
+};
+export {
+  _ as body,
+  n as bodyColumn,
+  g as bodyRow,
+  l as canvas,
+  V as center,
+  M as centerLine,
+  C as centerValue,
+  F as centerValueEmpty,
+  v as centerWarn,
+  N as default,
+  E as deltaLabel,
+  j as deltaNumber,
+  e as figure,
+  r as fill,
+  G as hits,
+  s as loading,
+  H as needle,
+  u as originMark,
+  O as pinDot,
+  c as plot,
+  o as plotFill,
+  L as scaleLabel,
+  p as segment,
+  i as segmentDimmed,
+  m as segmentHot,
+  f as segmentLabel,
+  w as segmentLabelOnHover,
+  b as separator,
+  k as targetLabel,
+  D as targetLine,
+  h as targetOutline,
+  d as tickMajor,
+  y as tickMinor,
+  t as title,
+  a as track,
+  R as warnGlyph
+};
+//# sourceMappingURL=ChartGauge.module.css.js.map

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

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

package/dist/components/charts/ChartGauge/gaugeLayout.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const b=require("../core/measureText.cjs"),j=95*Math.PI/180,D=24,U=5;function A(t,e){return[e*Math.sin(t),-e*Math.cos(t)]}function X(t){return t.kind==="text"?t.text:t.kind==="delta"&&t.label?`${t.glyph} ${t.text} ${t.label}`:`${t.glyph} ${t.text}`}function p(t,e,o){return t==="start"?e:t==="end"?e-o:e-o/2}function _(t,e){return t.some(o=>e.x0<o.x1&&e.x1>o.x0&&e.y0<o.y1&&e.y1>o.y0)?!1:(t.push(e),!0)}function J(t,e,o){const{center:c,compact:r,font:n,needle:h,scaleLabels:f,ticks:u}=e,m=Math.min(e.thickness,t*.42),s=t-m,i=Math.max(Math.abs(e.startAngle),Math.abs(e.endAngle))<=j,x=h&&i,y=r?4:7,g=n.lineHeight,I=(u!=="hidden"?10:3)+(f==="ticks"?14+.35*o:0),a=Math.max(s-I,6),l=x?1/0:(!h&&(i||f!=="ticks")?1.8:1.6)*a,w=x?1/0:i?a*.92:h?a*.8-y:a*1.45,M=d=>b.measureLabel(X(d),n),z=d=>M(d)<=l?d:d.kind==="delta"?{...d,label:void 0}:d.kind==="warn"?{...d,text:d.short}:d,v=c.lines.map(z).filter(d=>M(d)<=l),G=t*(r?.36:.3),T=n.centerSteps.filter(d=>d.size<=G),E=T.length>0?T:n.centerSteps.slice(-1),W=v.length*g+4,H=d=>{const k=W+d*.8;return x?1.6*a:i&&!h?1.84*Math.sqrt(Math.max(a*a-k*k,a*a*.2)):.95*l};let L;if(c.value!==void 0){const d=(R,Y)=>({...n,family:Y?n.headingFamily:n.family,size:R}),k=E.find(R=>b.measureLabel(c.value,d(R.size,R.display))<=H(R.size))??E[E.length-1],C=d(k.size,k.display);L={family:C.family,size:k.size,text:b.truncateToWidth(c.value,C,H(k.size))}}const P=[...v],$=()=>(L?L.size:0)+P.length*g;for(;P.length>0&&$()>w;)P.pop();const S=$(),q=h?y+(r?3:8):i?-S-(r?1:4):-S/2,N=Math.max(L?b.measureLabel(L.text,{...n,family:L.family,size:L.size}):0,...P.map(M),0);return{center:{height:S,lineHeight:g,lines:P,top:q,value:L,width:N},innerRadius:s,pinRadius:y,thickness:m}}function B(t,e,o){const[c,r]=A(t.angle,e+U),n=Math.sin(t.angle),h=n>.3?"start":n<-.3?"end":"middle",f=b.measureLabel(t.text,o);return{anchor:h,label:t,width:f,x:c,y:r-Math.cos(t.angle)*8}}function F(t,e,o){const[c,r]=A(t.angle,e-o/2);return{anchor:"middle",label:t,x:c,y:r+o/2+14}}function O(t,e,o){const c=J(t,e,o),r=t+e.outerBand,n={x0:1/0,x1:-1/0,y0:1/0,y1:-1/0},h=(s,i,x,y)=>{n.x0=Math.min(n.x0,s),n.x1=Math.max(n.x1,i),n.y0=Math.min(n.y0,x),n.y1=Math.max(n.y1,y)},f=([s,i])=>h(s,s,i,i),u=[-Math.PI,-Math.PI/2,0,Math.PI/2,Math.PI].filter(s=>s>e.startAngle&&s<e.endAngle);[e.startAngle,e.endAngle,...u].forEach(s=>f(A(s,r))),[e.startAngle,e.endAngle].forEach(s=>f(A(s,c.innerRadius))),e.outsideLabels.forEach(s=>{const{anchor:i,width:x,x:y,y:g}=B(s,r,e.font),I=p(i,y,x);h(I,I+x,g-8,g+8)}),e.scaleLabels==="minMax"&&e.minMaxLabels.forEach(s=>{const{x:i,y:x}=F(s,t,c.thickness),y=b.measureLabel(s.text,e.font);h(i-y/2,i+y/2,x-10,x+4)});const{center:m}=c;return m.height>0&&h(-m.width/2,m.width/2,m.top,m.top+m.height+2),e.needle&&h(-c.pinRadius,c.pinRadius,-c.pinRadius,c.pinRadius),{box:n,metrics:c}}function K(t){const{font:e,height:o,width:c}=t,r=t.scaleLabels==="ticks"?Math.max(0,...t.tickLabels.map(a=>b.measureLabel(a.text,e))):0,n=a=>{const{box:l}=O(a,t,r);return l.x1-l.x0<=c-2&&l.y1-l.y0<=o-2};let h=4,f=Math.max(c,o);for(let a=0;a<D;a+=1){const l=(h+f)/2;n(l)?h=l:f=l}const u=h,{box:m,metrics:s}=O(u,t,r),{center:i,innerRadius:x,thickness:y}=s,g=[],I=[...t.outsideLabels].sort((a,l)=>+(l.kind==="target")-+(a.kind==="target")).map(a=>B(a,u+t.outerBand,e)).filter(({anchor:a,width:l,x:w,y:M})=>{const z=p(a,w,l);return _(g,{x0:z-3,x1:z+l+3,y0:M-7,y1:M+7})}).map(({anchor:a,label:l,x:w,y:M})=>({anchor:a,label:l,x:w,y:M}));return{center:i,cx:-m.x0+(c-(m.x1-m.x0))/2,cy:-m.y0+(o-(m.y1-m.y0))/2,innerRadius:x,outsideLabels:I,pinRadius:s.pinRadius,radius:u,scaleLabels:Q(t,x,u,y,i),thickness:y}}function Q(t,e,o,c,r){if(t.scaleLabels==="minMax")return t.minMaxLabels.map(f=>F(f,o,c));if(t.scaleLabels==="hidden")return[];const n=e-(t.ticks!=="hidden"?14:6),h=[{x0:-r.width/2-3,x1:r.width/2+3,y0:r.top-2,y1:r.top+r.height+2}];return t.tickLabels.flatMap(f=>{const[u,m]=A(f.angle,n),s=Math.sin(f.angle),i=m+Math.cos(f.angle)*6,x=s>.3?"end":s<-.3?"start":"middle",y=b.measureLabel(f.text,t.font),g=p(x,u,y);return _(h,{x0:g-2,x1:g+y+2,y0:i-7,y1:i+7})?[{anchor:x,label:f,x:u,y:i}]:[]})}exports.layoutGauge=K;exports.pointAt=A;
+//# sourceMappingURL=gaugeLayout.cjs.map