@vielzeug/prism 26.10.1 → 26.10.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/charts/area/area-chart.cjs +1 -1
- package/dist/charts/area/area-chart.cjs.map +1 -1
- package/dist/charts/area/area-chart.d.ts.map +1 -1
- package/dist/charts/area/area-chart.js +1 -1
- package/dist/charts/area/area-chart.js.map +1 -1
- package/dist/charts/area/area-renderer.cjs +1 -1
- package/dist/charts/area/area-renderer.cjs.map +1 -1
- package/dist/charts/area/area-renderer.d.ts +3 -0
- package/dist/charts/area/area-renderer.d.ts.map +1 -1
- package/dist/charts/area/area-renderer.js +1 -1
- package/dist/charts/area/area-renderer.js.map +1 -1
- package/dist/charts/bar/bar-chart.cjs +1 -1
- package/dist/charts/bar/bar-chart.cjs.map +1 -1
- package/dist/charts/bar/bar-chart.d.ts.map +1 -1
- package/dist/charts/bar/bar-chart.js +1 -1
- package/dist/charts/bar/bar-chart.js.map +1 -1
- package/dist/charts/bar/bar-renderer.cjs +1 -1
- package/dist/charts/bar/bar-renderer.cjs.map +1 -1
- package/dist/charts/bar/bar-renderer.d.ts +2 -0
- package/dist/charts/bar/bar-renderer.d.ts.map +1 -1
- package/dist/charts/bar/bar-renderer.js +1 -1
- package/dist/charts/bar/bar-renderer.js.map +1 -1
- package/dist/charts/line/line-chart.cjs +1 -1
- package/dist/charts/line/line-chart.cjs.map +1 -1
- package/dist/charts/line/line-chart.d.ts.map +1 -1
- package/dist/charts/line/line-chart.js +1 -1
- package/dist/charts/line/line-chart.js.map +1 -1
- package/dist/charts/line/line-renderer.cjs +1 -1
- package/dist/charts/line/line-renderer.cjs.map +1 -1
- package/dist/charts/line/line-renderer.d.ts +3 -0
- package/dist/charts/line/line-renderer.d.ts.map +1 -1
- package/dist/charts/line/line-renderer.js +1 -1
- package/dist/charts/line/line-renderer.js.map +1 -1
- package/dist/charts/radar/radar-chart.cjs +1 -1
- package/dist/charts/radar/radar-chart.cjs.map +1 -1
- package/dist/charts/radar/radar-chart.d.ts.map +1 -1
- package/dist/charts/radar/radar-chart.js +1 -1
- package/dist/charts/radar/radar-chart.js.map +1 -1
- package/dist/core/datum-style.cjs +2 -0
- package/dist/core/datum-style.cjs.map +1 -0
- package/dist/core/datum-style.d.ts +18 -0
- package/dist/core/datum-style.d.ts.map +1 -0
- package/dist/core/datum-style.js +2 -0
- package/dist/core/datum-style.js.map +1 -0
- package/dist/core/series-id.cjs +2 -0
- package/dist/core/series-id.cjs.map +1 -0
- package/dist/core/series-id.d.ts +8 -0
- package/dist/core/series-id.d.ts.map +1 -0
- package/dist/core/series-id.js +2 -0
- package/dist/core/series-id.js.map +1 -0
- package/dist/prism.cjs +1 -1
- package/dist/prism.cjs.map +1 -1
- package/dist/prism.iife.js +1 -1
- package/dist/prism.iife.js.map +1 -1
- package/dist/prism.js +1 -1
- package/dist/prism.js.map +1 -1
- package/dist/types.d.ts +37 -0
- package/dist/types.d.ts.map +1 -1
- package/package.json +2 -2
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
require("../../_dev.cjs");const e=require("../../svg/element.cjs"),t=require("../../interaction/announcer.cjs"),n=require("../../interaction/tooltip.cjs"),r=require("../../core/chart-scaffold.cjs"),i=require("../../theme/index.cjs"),
|
|
1
|
+
require("../../_dev.cjs");const e=require("../../svg/element.cjs"),t=require("../../interaction/announcer.cjs"),n=require("../../interaction/tooltip.cjs"),r=require("../../core/chart-scaffold.cjs"),i=require("../../core/series-id.cjs"),a=require("../../theme/index.cjs"),o=require("../../animation/easing.cjs"),s=require("../../animation/motion.cjs"),c=require("../../animation/tween.cjs"),l=require("../../core/ids.cjs"),u=require("../../core/polar.cjs"),d=require("./radar-geometry.cjs");var f=11,p=12,m=10,h={ArrowDown:1,ArrowLeft:-1,ArrowRight:1,ArrowUp:-1};function resolveGrid(e){return e===!1?null:{bands:!0,labels:!1,levels:4,shape:`polygon`,...typeof e==`object`?e:{}}}function createRadarChart(g,_){let{axes:v}=_,y=_.curve??`linear`,b=_.fill??`solid`,x=_.showPoints??!0,S=resolveGrid(_.grid),C=d.toRadians(_.startAngle??0),w=d.axisAngles(v.length,C),T=p+(_.showValues?m:0),E=l.uniqueId(`prism-radar`),D=_.series,O=e.createSvgElement(`g`,{class:`prism-radar`}),k=e.createSvgElement(`defs`),A=e.createSvgElement(`g`,{"aria-hidden":`true`,class:`prism-radar-grid`}),j=e.createSvgElement(`g`,{class:`prism-radar-series-group`}),M=e.createSvgElement(`g`,{"aria-hidden":`true`,class:`prism-radar-labels`});O.append(k,A,j,M);let N=[],P=null,F=-1,I={cx:0,cy:0,radius:0},datumAt=(e,t)=>e.data.find(e=>e.key===v[t].key),valuesAt=e=>D.map(t=>({datum:datumAt(t,e),series:t})),formatValue=(e,t)=>v[e].format?.(t)??String(t),describe=e=>t.describeValues(v[e].label,valuesAt(e),t=>formatValue(e,t));function draw(t){let{cx:n,cy:r,radius:i}=I;t.forEach((t,a)=>{let o=j.children[a];if(!o)return;let s=d.radarPoints(t,n,r,i,w);o.querySelector(`.prism-radar-area`)?.setAttribute(`d`,d.closedPath(s,y)),o.querySelectorAll(`.prism-radar-point`).forEach((t,n)=>{e.setAttributes(t,{cx:s[n].x,cy:s[n].y})}),o.querySelectorAll(`.prism-radar-value`).forEach((a,o)=>{let s=i*t[o]+m;e.setAttributes(a,{x:u.polarX(n,s,w[o]),y:u.polarY(r,s,w[o])})})})}function renderGrid(t){if(A.replaceChildren(),!S)return;let{cx:n,cy:r,radius:i}=I,a=Math.max(1,Math.round(S.levels)),o=Array.from({length:a},(e,t)=>d.ringPath(S.shape,n,r,i*(t+1)/a,w));if(S.bands)for(let t=a-1;t>=0;t-=2)A.appendChild(e.createSvgElement(`path`,{class:`prism-radar-band`,d:`${o[t]}${o[t-1]??``}`,"fill-rule":`evenodd`}));for(let t of o)A.appendChild(e.createSvgElement(`path`,{class:`prism-radar-ring`,d:t,fill:`none`}));w.forEach((t,a)=>{A.appendChild(e.createSvgElement(`line`,{class:`prism-radar-spoke`,"data-axis":a,x1:n,x2:u.polarX(n,i,t),y1:r,y2:u.polarY(r,i,t)}))});let[s,c]=t[0],l=t.every(([e,t])=>e===s&&t===c);if(!S.labels||!l)return;let f=w[0]+Math.PI/w.length;for(let t=1;t<=a;t++){let o=i*t/a,l=e.createSvgElement(`text`,{class:`prism-radar-level`,"dominant-baseline":`middle`,"text-anchor":`middle`,x:u.polarX(n,o,f),y:u.polarY(r,o,f)});l.textContent=formatValue(0,Math.round((s+(c-s)*t/a)*100)/100),A.appendChild(l)}}function renderLabels(){M.replaceChildren();let{cx:t,cy:n,radius:r}=I;v.forEach((i,a)=>{let{anchor:o,baseline:s}=d.labelPlacement(w[a]),c=e.createSvgElement(`text`,{class:`prism-radar-axis-label`,"dominant-baseline":s,"text-anchor":o,x:u.polarX(t,r+T,w[a]),y:u.polarY(n,r+T,w[a])});c.textContent=i.label,M.appendChild(c)})}function renderSeries(){let{cx:t,cy:n,radius:r}=I;for(k.replaceChildren();j.children.length>D.length;)j.lastChild?.remove();D.forEach((o,s)=>{let c=o.color??a.seriesColor(s),l=j.children[s];l||(l=e.createSvgElement(`g`,{class:`prism-radar-series`}),j.appendChild(l)),l.setAttribute(`data-series-id`,i.seriesDomId(o,s)),l.replaceChildren();let u=e.createSvgElement(`path`,{class:`prism-radar-area prism-radar-area--${b}`,stroke:c,"stroke-linejoin":`round`,"stroke-width":2});if(b===`gradient`){let i=`${E}-fill-${s}`,a=e.createSvgElement(`radialGradient`,{cx:t,cy:n,gradientUnits:`userSpaceOnUse`,id:i,r});for(let[t,n]of[[0,.08],[1,.55]])a.appendChild(e.createSvgElement(`stop`,{offset:t,"stop-color":c,"stop-opacity":n,style:`stop-color:${c}`}));k.appendChild(a),e.setAttributes(u,{fill:`url(#${i})`})}else e.setAttributes(u,{fill:b===`none`?`none`:c,"fill-opacity":.25});l.appendChild(u),x&&v.forEach((t,n)=>{let r=!Number.isFinite(datumAt(o,n)?.value);l.appendChild(e.createSvgElement(`circle`,{class:`prism-radar-point${r?` prism-radar-point--missing`:``}`,"data-axis":n,fill:r?`none`:c,r:3,stroke:c}))}),_.showValues&&v.forEach((t,n)=>{let r=datumAt(o,n),{anchor:i,baseline:a}=d.labelPlacement(w[n]),s=e.createSvgElement(`text`,{"aria-hidden":`true`,class:`prism-radar-value`,"dominant-baseline":a,"text-anchor":i});s.textContent=r&&Number.isFinite(r.value)?formatValue(n,r.value):``,l.appendChild(s)})})}function setActive(e){F=e;for(let t of O.querySelectorAll(`[data-axis]`)){let n=Number(t.getAttribute(`data-axis`))===e;t.classList.toggle(t.tagName===`line`?`prism-radar-spoke--active`:`prism-radar-point--active`,n)}}function animateTo(e){P!==null&&(cancelAnimationFrame(P),P=null);let t=e.map((e,t)=>e.map((e,n)=>N[t]?.[n]??0)),n=s.resolveMotion(_.transition,400),r=o.resolveEasing(n.easing??`ease-out`),i=t.every((t,n)=>t.every((t,r)=>t===e[n][r]));if(n.duration===0||i){N=e,draw(e);return}let a=null,frame=i=>{a===null&&(a=i);let o=i-a,s=!0;N=e.map((e,i)=>{let a=Math.max(0,Math.min(1,(o-i*n.stagger)/n.duration));return a<1&&(s=!1),e.map((e,n)=>c.tweenNumber(t[i][n],e,r(a)))}),draw(N),P=s?null:requestAnimationFrame(frame)};P=requestAnimationFrame(frame)}let L;try{return L=r.createRadialScaffold(g,{a11y:_.a11y,legend:_.legend,tooltip:_.tooltip},e=>{let{legend:t,svg:r,tooltip:i}=e;if(r.contains(O)||r.appendChild(O),i?.hide(),t?.update(D.map((e,t)=>({color:e.color??a.seriesColor(t),name:e.name}))),v.length<3){for(let e of[k,A,j,M])e.replaceChildren();N=[];return}let{height:o,width:s}=e.dimensions,c=d.fitRadius(s,o,v.map(e=>e.label),w,f,T);I={cx:s/2,cy:o/2,radius:c};let l=d.resolveAxisDomains(v,D,_.domain);renderGrid(l),renderLabels(),renderSeries(),animateTo(D.map(e=>v.map((t,n)=>{let r=datumAt(e,n)?.value;return r!==void 0&&Number.isFinite(r)?d.normalize(r,l[n]):0}))),setActive(F);let eventFor=(e,t)=>({axis:v[e],index:e,originalEvent:t,values:valuesAt(e)}),activate=(t,o)=>{setActive(t),_.onHover?.(eventFor(t,o));let s=describe(t);if(!i){e.announcer.announce(s);return}let c=Math.max(0,...N.map(e=>e[t]??0)),l=r.getBoundingClientRect(),d=g.getBoundingClientRect(),f=valuesAt(t),p=f.find(e=>e.datum)?.datum,m=f.flatMap(({datum:e,series:n})=>e?[{color:n.color??a.seriesColor(D.indexOf(n)),name:n.name,value:formatValue(t,e.value)}]:[]);i.show(u.polarX(I.cx,I.radius*c,w[t])+(l.left-d.left),u.polarY(I.cy,I.radius*c,w[t])+(l.top-d.top),{key:v[t].key,meta:{axis:v[t],text:s,values:f},value:p?.value??0},{color:D[0]?.color??a.seriesColor(0),data:[],name:v[t].label},n.comparisonContent(r.ownerDocument,v[t].label,m,s))},deactivate=()=>{setActive(-1),_.onHover?.(null),i?.hide(),e.announcer.clear()},hitIndex=e=>{let t=r.getBoundingClientRect(),n=e.clientX-t.left-I.cx,i=e.clientY-t.top-I.cy;return Math.hypot(n,i)>I.radius+T+22?-1:d.nearestAxis(n,i,v.length,C)};return{onClick(e){let t=hitIndex(e);t>=0&&_.onClick?.(eventFor(t,e))},onKeyDown(e){let t=h[e.key];t===void 0?(e.key===`Enter`||e.key===` `)&&F>=0&&_.onClick?(e.preventDefault(),_.onClick(eventFor(F,e))):e.key===`Escape`&&deactivate():(e.preventDefault(),activate(F<0?0:(F+t+v.length)%v.length,e))},onMouseLeave:deactivate,onMouseMove(e){let t=hitIndex(e);t<0?F>=0&&deactivate():t!==F&&activate(t,e)}}},e=>{D=e}),{get disposalSignal(){return L.disposalSignal},dispose(){P!==null&&(cancelAnimationFrame(P),P=null),L.dispose()},get disposed(){return L.disposed},el:L.el,update(e){L.update(e)},[Symbol.dispose](){this.dispose()}}}catch(e){throw L?.dispose(),e}}exports.createRadarChart=createRadarChart;
|
|
2
2
|
//# sourceMappingURL=radar-chart.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"radar-chart.cjs","names":[],"sources":["../../../src/charts/radar/radar-chart.ts"],"sourcesContent":["import { devOnly, warn } from '../../_dev';\nimport { resolveEasing } from '../../animation/easing';\nimport { resolveMotion } from '../../animation/motion';\nimport { tweenNumber } from '../../animation/tween';\nimport type { ChartEventHandlers } from '../../core/chart-scaffold';\nimport { createRadialScaffold } from '../../core/chart-scaffold';\nimport { uniqueId } from '../../core/ids';\nimport { polarX, polarY } from '../../core/polar';\nimport { describeValues } from '../../interaction/announcer';\nimport { comparisonContent } from '../../interaction/tooltip';\nimport { createSvgElement, setAttributes } from '../../svg/element';\nimport { seriesColor } from '../../theme';\nimport type {\n ChartHandle,\n RadarAxisConfig,\n RadarAxisValue,\n RadarChartConfig,\n RadarEvent,\n RadarGridConfig,\n RadarSeriesConfig,\n} from '../../types';\nimport {\n axisAngles,\n closedPath,\n fitRadius,\n labelPlacement,\n nearestAxis,\n normalize,\n radarPoints,\n resolveAxisDomains,\n ringPath,\n toRadians,\n} from './radar-geometry';\n\n/** Default `--prism-font-size-label` (0.6875rem) in px, used to reserve label room. */\nconst LABEL_FONT_SIZE = 11;\nconst LABEL_GAP = 12;\nconst VALUE_OFFSET = 10;\nconst ARROW_STEPS: Record<string, number> = { ArrowDown: 1, ArrowLeft: -1, ArrowRight: 1, ArrowUp: -1 };\n\nfunction warnOnInvalid(axes: readonly RadarAxisConfig[], series: readonly RadarSeriesConfig[]): void {\n devOnly(() => {\n if (axes.length < 3) warn(`Radar chart needs at least 3 axes, received ${axes.length}.`);\n\n const keys = new Set(axes.map((axis) => axis.key));\n\n if (keys.size !== axes.length) warn('Radar chart axis keys must be unique.');\n\n for (const s of series) {\n for (const d of s.data) {\n if (!keys.has(d.key)) warn(`Radar series \"${s.name}\" has a value for unknown axis \"${d.key}\".`);\n }\n }\n });\n}\n\nfunction resolveGrid(grid: RadarChartConfig['grid']): Required<RadarGridConfig> | null {\n if (grid === false) return null;\n\n return { bands: true, labels: false, levels: 4, shape: 'polygon', ...(typeof grid === 'object' ? grid : {}) };\n}\n\nexport function createRadarChart(container: HTMLElement, config: RadarChartConfig): ChartHandle<RadarSeriesConfig[]> {\n const { axes } = config;\n const curve = config.curve ?? 'linear';\n const fill = config.fill ?? 'solid';\n const showPoints = config.showPoints ?? true;\n const grid = resolveGrid(config.grid);\n const startAngle = toRadians(config.startAngle ?? 0);\n const angles = axisAngles(axes.length, startAngle);\n const labelGap = LABEL_GAP + (config.showValues ? VALUE_OFFSET : 0);\n const id = uniqueId('prism-radar');\n let series = config.series;\n\n warnOnInvalid(axes, series);\n\n const root = createSvgElement('g', { class: 'prism-radar' });\n const defs = createSvgElement('defs');\n const gridGroup = createSvgElement('g', { 'aria-hidden': 'true', class: 'prism-radar-grid' });\n const seriesGroup = createSvgElement('g', { class: 'prism-radar-series-group' });\n const labelGroup = createSvgElement('g', { 'aria-hidden': 'true', class: 'prism-radar-labels' });\n\n root.append(defs, gridGroup, seriesGroup, labelGroup);\n\n let drawn: number[][] = [];\n let activeRaf: number | null = null;\n let activeIndex = -1;\n let layout = { cx: 0, cy: 0, radius: 0 };\n\n const datumAt = (s: RadarSeriesConfig, index: number) => s.data.find((d) => d.key === axes[index].key);\n const valuesAt = (index: number): RadarAxisValue[] => series.map((s) => ({ datum: datumAt(s, index), series: s }));\n const formatValue = (index: number, value: number): string => axes[index].format?.(value) ?? String(value);\n const describe = (index: number): string =>\n describeValues(axes[index].label, valuesAt(index), (value) => formatValue(index, value));\n\n function draw(fractions: number[][]): void {\n const { cx, cy, radius } = layout;\n\n fractions.forEach((row, i) => {\n const group = seriesGroup.children[i];\n\n if (!group) return;\n\n const points = radarPoints(row, cx, cy, radius, angles);\n\n group.querySelector('.prism-radar-area')?.setAttribute('d', closedPath(points, curve));\n group.querySelectorAll<SVGCircleElement>('.prism-radar-point').forEach((dot, j) => {\n setAttributes(dot, { cx: points[j].x, cy: points[j].y });\n });\n group.querySelectorAll<SVGTextElement>('.prism-radar-value').forEach((text, j) => {\n const r = radius * row[j] + VALUE_OFFSET;\n\n setAttributes(text, { x: polarX(cx, r, angles[j]), y: polarY(cy, r, angles[j]) });\n });\n });\n }\n\n function renderGrid(domains: [number, number][]): void {\n gridGroup.replaceChildren();\n\n if (!grid) return;\n\n const { cx, cy, radius } = layout;\n const levels = Math.max(1, Math.round(grid.levels));\n const rings = Array.from({ length: levels }, (_, k) =>\n ringPath(grid.shape, cx, cy, (radius * (k + 1)) / levels, angles),\n );\n\n if (grid.bands) {\n // Shade alternate rings, starting from the outermost.\n for (let k = levels - 1; k >= 0; k -= 2) {\n gridGroup.appendChild(\n createSvgElement('path', {\n class: 'prism-radar-band',\n d: `${rings[k]}${rings[k - 1] ?? ''}`,\n 'fill-rule': 'evenodd',\n }),\n );\n }\n }\n\n for (const d of rings)\n gridGroup.appendChild(createSvgElement('path', { class: 'prism-radar-ring', d, fill: 'none' }));\n\n angles.forEach((angle, i) => {\n gridGroup.appendChild(\n createSvgElement('line', {\n class: 'prism-radar-spoke',\n 'data-axis': i,\n x1: cx,\n x2: polarX(cx, radius, angle),\n y1: cy,\n y2: polarY(cy, radius, angle),\n }),\n );\n });\n\n const [d0, d1] = domains[0];\n const shared = domains.every(([a, b]) => a === d0 && b === d1);\n\n if (!grid.labels || !shared) return;\n\n // Between the first two spokes, so level values never collide with vertex values.\n const angle = angles[0] + Math.PI / angles.length;\n\n for (let k = 1; k <= levels; k++) {\n const r = (radius * k) / levels;\n const text = createSvgElement('text', {\n class: 'prism-radar-level',\n 'dominant-baseline': 'middle',\n 'text-anchor': 'middle',\n x: polarX(cx, r, angle),\n y: polarY(cy, r, angle),\n });\n\n text.textContent = formatValue(0, Math.round((d0 + ((d1 - d0) * k) / levels) * 100) / 100);\n gridGroup.appendChild(text);\n }\n }\n\n function renderLabels(): void {\n labelGroup.replaceChildren();\n\n const { cx, cy, radius } = layout;\n\n axes.forEach((axis, i) => {\n const { anchor, baseline } = labelPlacement(angles[i]);\n const text = createSvgElement('text', {\n class: 'prism-radar-axis-label',\n 'dominant-baseline': baseline,\n 'text-anchor': anchor,\n x: polarX(cx, radius + labelGap, angles[i]),\n y: polarY(cy, radius + labelGap, angles[i]),\n });\n\n text.textContent = axis.label;\n labelGroup.appendChild(text);\n });\n }\n\n function renderSeries(): void {\n const { cx, cy, radius } = layout;\n\n defs.replaceChildren();\n\n while (seriesGroup.children.length > series.length) seriesGroup.lastChild?.remove();\n\n series.forEach((s, i) => {\n const color = s.color ?? seriesColor(i);\n let group = seriesGroup.children[i] as SVGGElement | undefined;\n\n if (!group) {\n group = createSvgElement('g', { class: 'prism-radar-series' });\n seriesGroup.appendChild(group);\n }\n\n group.replaceChildren();\n\n const area = createSvgElement('path', {\n class: `prism-radar-area prism-radar-area--${fill}`,\n stroke: color,\n 'stroke-linejoin': 'round',\n 'stroke-width': 2,\n });\n\n if (fill === 'gradient') {\n const gradientId = `${id}-fill-${i}`;\n const gradient = createSvgElement('radialGradient', {\n cx,\n cy,\n gradientUnits: 'userSpaceOnUse',\n id: gradientId,\n r: radius,\n });\n\n for (const [offset, opacity] of [\n [0, 0.08],\n [1, 0.55],\n ]) {\n gradient.appendChild(\n createSvgElement('stop', {\n offset,\n 'stop-color': color,\n 'stop-opacity': opacity,\n style: `stop-color:${color}`,\n }),\n );\n }\n\n defs.appendChild(gradient);\n setAttributes(area, { fill: `url(#${gradientId})` });\n } else {\n setAttributes(area, { fill: fill === 'none' ? 'none' : color, 'fill-opacity': 0.25 });\n }\n\n group.appendChild(area);\n\n if (showPoints) {\n axes.forEach((_, j) => {\n const missing = !Number.isFinite(datumAt(s, j)?.value);\n\n group.appendChild(\n createSvgElement('circle', {\n class: `prism-radar-point${missing ? ' prism-radar-point--missing' : ''}`,\n 'data-axis': j,\n fill: missing ? 'none' : color,\n r: 3,\n stroke: color,\n }),\n );\n });\n }\n\n if (config.showValues) {\n axes.forEach((_, j) => {\n const datum = datumAt(s, j);\n const { anchor, baseline } = labelPlacement(angles[j]);\n const text = createSvgElement('text', {\n 'aria-hidden': 'true',\n class: 'prism-radar-value',\n 'dominant-baseline': baseline,\n 'text-anchor': anchor,\n });\n\n text.textContent = datum && Number.isFinite(datum.value) ? formatValue(j, datum.value) : '';\n group.appendChild(text);\n });\n }\n });\n }\n\n function setActive(index: number): void {\n activeIndex = index;\n for (const el of root.querySelectorAll('[data-axis]')) {\n const active = Number(el.getAttribute('data-axis')) === index;\n\n el.classList.toggle(el.tagName === 'line' ? 'prism-radar-spoke--active' : 'prism-radar-point--active', active);\n }\n }\n\n function animateTo(targets: number[][]): void {\n if (activeRaf !== null) {\n cancelAnimationFrame(activeRaf);\n activeRaf = null;\n }\n\n const from = targets.map((row, i) => row.map((_, j) => drawn[i]?.[j] ?? 0));\n const motion = resolveMotion(config.transition, 400);\n const easing = resolveEasing(motion.easing ?? 'ease-out');\n const unchanged = from.every((row, i) => row.every((v, j) => v === targets[i][j]));\n\n if (motion.duration === 0 || unchanged) {\n drawn = targets;\n draw(targets);\n\n return;\n }\n\n let start: number | null = null;\n\n const frame = (ts: number): void => {\n if (start === null) start = ts;\n\n const elapsed = ts - start;\n let done = true;\n\n drawn = targets.map((row, i) => {\n const raw = Math.max(0, Math.min(1, (elapsed - i * motion.stagger) / motion.duration));\n\n if (raw < 1) done = false;\n\n return row.map((to, j) => tweenNumber(from[i][j], to, easing(raw)));\n });\n draw(drawn);\n activeRaf = done ? null : requestAnimationFrame(frame);\n };\n\n activeRaf = requestAnimationFrame(frame);\n }\n\n let handle: ChartHandle<RadarSeriesConfig[]> | undefined;\n\n try {\n handle = createRadialScaffold(\n container,\n { a11y: config.a11y, legend: config.legend, tooltip: config.tooltip },\n (ctx): ChartEventHandlers | undefined => {\n const { legend, svg, tooltip } = ctx;\n\n if (!svg.contains(root)) svg.appendChild(root);\n\n tooltip?.hide();\n legend?.update(series.map((s, i) => ({ color: s.color ?? seriesColor(i), name: s.name })));\n\n if (axes.length < 3) {\n for (const group of [defs, gridGroup, seriesGroup, labelGroup]) group.replaceChildren();\n drawn = [];\n\n return undefined;\n }\n\n const { height, width } = ctx.dimensions;\n const radius = fitRadius(\n width,\n height,\n axes.map((axis) => axis.label),\n angles,\n LABEL_FONT_SIZE,\n labelGap,\n );\n\n layout = { cx: width / 2, cy: height / 2, radius };\n\n const domains = resolveAxisDomains(axes, series, config.domain);\n\n renderGrid(domains);\n renderLabels();\n renderSeries();\n animateTo(\n series.map((s) =>\n axes.map((_, j) => {\n const value = datumAt(s, j)?.value;\n\n return value !== undefined && Number.isFinite(value) ? normalize(value, domains[j]) : 0;\n }),\n ),\n );\n setActive(activeIndex);\n\n const eventFor = (index: number, originalEvent: Event): RadarEvent => ({\n axis: axes[index],\n index,\n originalEvent,\n values: valuesAt(index),\n });\n\n const activate = (index: number, originalEvent: Event): void => {\n setActive(index);\n config.onHover?.(eventFor(index, originalEvent));\n\n const text = describe(index);\n\n if (!tooltip) {\n ctx.announcer.announce(text);\n\n return;\n }\n\n const reach = Math.max(0, ...drawn.map((row) => row[index] ?? 0));\n const svgRect = svg.getBoundingClientRect();\n const containerRect = container.getBoundingClientRect();\n const values = valuesAt(index);\n const first = values.find((v) => v.datum)?.datum;\n const rows = values.flatMap(({ datum, series: s }) =>\n datum\n ? [\n {\n color: s.color ?? seriesColor(series.indexOf(s)),\n name: s.name,\n value: formatValue(index, datum.value),\n },\n ]\n : [],\n );\n\n tooltip.show(\n polarX(layout.cx, layout.radius * reach, angles[index]) + (svgRect.left - containerRect.left),\n polarY(layout.cy, layout.radius * reach, angles[index]) + (svgRect.top - containerRect.top),\n { key: axes[index].key, meta: { axis: axes[index], text, values }, value: first?.value ?? 0 },\n { color: series[0]?.color ?? seriesColor(0), data: [], name: axes[index].label },\n comparisonContent(svg.ownerDocument, axes[index].label, rows, text),\n );\n };\n\n const deactivate = (): void => {\n setActive(-1);\n config.onHover?.(null);\n tooltip?.hide();\n ctx.announcer.clear();\n };\n\n const hitIndex = (event: MouseEvent): number => {\n const rect = svg.getBoundingClientRect();\n const dx = event.clientX - rect.left - layout.cx;\n const dy = event.clientY - rect.top - layout.cy;\n\n if (Math.hypot(dx, dy) > layout.radius + labelGap + LABEL_FONT_SIZE * 2) return -1;\n\n return nearestAxis(dx, dy, axes.length, startAngle);\n };\n\n return {\n onClick(event) {\n const index = hitIndex(event);\n\n if (index >= 0) config.onClick?.(eventFor(index, event));\n },\n onKeyDown(event) {\n const step = ARROW_STEPS[event.key];\n\n if (step !== undefined) {\n event.preventDefault();\n activate(activeIndex < 0 ? 0 : (activeIndex + step + axes.length) % axes.length, event);\n } else if ((event.key === 'Enter' || event.key === ' ') && activeIndex >= 0 && config.onClick) {\n event.preventDefault();\n config.onClick(eventFor(activeIndex, event));\n } else if (event.key === 'Escape') {\n deactivate();\n }\n },\n onMouseLeave: deactivate,\n onMouseMove(event) {\n const index = hitIndex(event);\n\n if (index < 0) {\n if (activeIndex >= 0) deactivate();\n } else if (index !== activeIndex) {\n activate(index, event);\n }\n },\n };\n },\n (next) => {\n series = next;\n warnOnInvalid(axes, series);\n },\n );\n\n return {\n get disposalSignal(): AbortSignal {\n return handle!.disposalSignal;\n },\n\n dispose() {\n if (activeRaf !== null) {\n cancelAnimationFrame(activeRaf);\n activeRaf = null;\n }\n\n handle!.dispose();\n },\n\n get disposed(): boolean {\n return handle!.disposed;\n },\n\n el: handle!.el,\n\n update(next) {\n handle!.update(next);\n },\n\n [Symbol.dispose]() {\n this.dispose();\n },\n };\n } catch (error) {\n handle?.dispose();\n throw error;\n }\n}\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"radar-chart.cjs","names":[],"sources":["../../../src/charts/radar/radar-chart.ts"],"sourcesContent":["import { devOnly, warn } from '../../_dev';\nimport { resolveEasing } from '../../animation/easing';\nimport { resolveMotion } from '../../animation/motion';\nimport { tweenNumber } from '../../animation/tween';\nimport type { ChartEventHandlers } from '../../core/chart-scaffold';\nimport { createRadialScaffold } from '../../core/chart-scaffold';\nimport { uniqueId } from '../../core/ids';\nimport { polarX, polarY } from '../../core/polar';\nimport { seriesDomId } from '../../core/series-id';\nimport { describeValues } from '../../interaction/announcer';\nimport { comparisonContent } from '../../interaction/tooltip';\nimport { createSvgElement, setAttributes } from '../../svg/element';\nimport { seriesColor } from '../../theme';\nimport type {\n ChartHandle,\n RadarAxisConfig,\n RadarAxisValue,\n RadarChartConfig,\n RadarEvent,\n RadarGridConfig,\n RadarSeriesConfig,\n} from '../../types';\nimport {\n axisAngles,\n closedPath,\n fitRadius,\n labelPlacement,\n nearestAxis,\n normalize,\n radarPoints,\n resolveAxisDomains,\n ringPath,\n toRadians,\n} from './radar-geometry';\n\n/** Default `--prism-font-size-label` (0.6875rem) in px, used to reserve label room. */\nconst LABEL_FONT_SIZE = 11;\nconst LABEL_GAP = 12;\nconst VALUE_OFFSET = 10;\nconst ARROW_STEPS: Record<string, number> = { ArrowDown: 1, ArrowLeft: -1, ArrowRight: 1, ArrowUp: -1 };\n\nfunction warnOnInvalid(axes: readonly RadarAxisConfig[], series: readonly RadarSeriesConfig[]): void {\n devOnly(() => {\n if (axes.length < 3) warn(`Radar chart needs at least 3 axes, received ${axes.length}.`);\n\n const keys = new Set(axes.map((axis) => axis.key));\n\n if (keys.size !== axes.length) warn('Radar chart axis keys must be unique.');\n\n for (const s of series) {\n for (const d of s.data) {\n if (!keys.has(d.key)) warn(`Radar series \"${s.name}\" has a value for unknown axis \"${d.key}\".`);\n }\n }\n });\n}\n\nfunction resolveGrid(grid: RadarChartConfig['grid']): Required<RadarGridConfig> | null {\n if (grid === false) return null;\n\n return { bands: true, labels: false, levels: 4, shape: 'polygon', ...(typeof grid === 'object' ? grid : {}) };\n}\n\nexport function createRadarChart(container: HTMLElement, config: RadarChartConfig): ChartHandle<RadarSeriesConfig[]> {\n const { axes } = config;\n const curve = config.curve ?? 'linear';\n const fill = config.fill ?? 'solid';\n const showPoints = config.showPoints ?? true;\n const grid = resolveGrid(config.grid);\n const startAngle = toRadians(config.startAngle ?? 0);\n const angles = axisAngles(axes.length, startAngle);\n const labelGap = LABEL_GAP + (config.showValues ? VALUE_OFFSET : 0);\n const id = uniqueId('prism-radar');\n let series = config.series;\n\n warnOnInvalid(axes, series);\n\n const root = createSvgElement('g', { class: 'prism-radar' });\n const defs = createSvgElement('defs');\n const gridGroup = createSvgElement('g', { 'aria-hidden': 'true', class: 'prism-radar-grid' });\n const seriesGroup = createSvgElement('g', { class: 'prism-radar-series-group' });\n const labelGroup = createSvgElement('g', { 'aria-hidden': 'true', class: 'prism-radar-labels' });\n\n root.append(defs, gridGroup, seriesGroup, labelGroup);\n\n let drawn: number[][] = [];\n let activeRaf: number | null = null;\n let activeIndex = -1;\n let layout = { cx: 0, cy: 0, radius: 0 };\n\n const datumAt = (s: RadarSeriesConfig, index: number) => s.data.find((d) => d.key === axes[index].key);\n const valuesAt = (index: number): RadarAxisValue[] => series.map((s) => ({ datum: datumAt(s, index), series: s }));\n const formatValue = (index: number, value: number): string => axes[index].format?.(value) ?? String(value);\n const describe = (index: number): string =>\n describeValues(axes[index].label, valuesAt(index), (value) => formatValue(index, value));\n\n function draw(fractions: number[][]): void {\n const { cx, cy, radius } = layout;\n\n fractions.forEach((row, i) => {\n const group = seriesGroup.children[i];\n\n if (!group) return;\n\n const points = radarPoints(row, cx, cy, radius, angles);\n\n group.querySelector('.prism-radar-area')?.setAttribute('d', closedPath(points, curve));\n group.querySelectorAll<SVGCircleElement>('.prism-radar-point').forEach((dot, j) => {\n setAttributes(dot, { cx: points[j].x, cy: points[j].y });\n });\n group.querySelectorAll<SVGTextElement>('.prism-radar-value').forEach((text, j) => {\n const r = radius * row[j] + VALUE_OFFSET;\n\n setAttributes(text, { x: polarX(cx, r, angles[j]), y: polarY(cy, r, angles[j]) });\n });\n });\n }\n\n function renderGrid(domains: [number, number][]): void {\n gridGroup.replaceChildren();\n\n if (!grid) return;\n\n const { cx, cy, radius } = layout;\n const levels = Math.max(1, Math.round(grid.levels));\n const rings = Array.from({ length: levels }, (_, k) =>\n ringPath(grid.shape, cx, cy, (radius * (k + 1)) / levels, angles),\n );\n\n if (grid.bands) {\n // Shade alternate rings, starting from the outermost.\n for (let k = levels - 1; k >= 0; k -= 2) {\n gridGroup.appendChild(\n createSvgElement('path', {\n class: 'prism-radar-band',\n d: `${rings[k]}${rings[k - 1] ?? ''}`,\n 'fill-rule': 'evenodd',\n }),\n );\n }\n }\n\n for (const d of rings)\n gridGroup.appendChild(createSvgElement('path', { class: 'prism-radar-ring', d, fill: 'none' }));\n\n angles.forEach((angle, i) => {\n gridGroup.appendChild(\n createSvgElement('line', {\n class: 'prism-radar-spoke',\n 'data-axis': i,\n x1: cx,\n x2: polarX(cx, radius, angle),\n y1: cy,\n y2: polarY(cy, radius, angle),\n }),\n );\n });\n\n const [d0, d1] = domains[0];\n const shared = domains.every(([a, b]) => a === d0 && b === d1);\n\n if (!grid.labels || !shared) return;\n\n // Between the first two spokes, so level values never collide with vertex values.\n const angle = angles[0] + Math.PI / angles.length;\n\n for (let k = 1; k <= levels; k++) {\n const r = (radius * k) / levels;\n const text = createSvgElement('text', {\n class: 'prism-radar-level',\n 'dominant-baseline': 'middle',\n 'text-anchor': 'middle',\n x: polarX(cx, r, angle),\n y: polarY(cy, r, angle),\n });\n\n text.textContent = formatValue(0, Math.round((d0 + ((d1 - d0) * k) / levels) * 100) / 100);\n gridGroup.appendChild(text);\n }\n }\n\n function renderLabels(): void {\n labelGroup.replaceChildren();\n\n const { cx, cy, radius } = layout;\n\n axes.forEach((axis, i) => {\n const { anchor, baseline } = labelPlacement(angles[i]);\n const text = createSvgElement('text', {\n class: 'prism-radar-axis-label',\n 'dominant-baseline': baseline,\n 'text-anchor': anchor,\n x: polarX(cx, radius + labelGap, angles[i]),\n y: polarY(cy, radius + labelGap, angles[i]),\n });\n\n text.textContent = axis.label;\n labelGroup.appendChild(text);\n });\n }\n\n function renderSeries(): void {\n const { cx, cy, radius } = layout;\n\n defs.replaceChildren();\n\n while (seriesGroup.children.length > series.length) seriesGroup.lastChild?.remove();\n\n series.forEach((s, i) => {\n const color = s.color ?? seriesColor(i);\n let group = seriesGroup.children[i] as SVGGElement | undefined;\n\n if (!group) {\n group = createSvgElement('g', { class: 'prism-radar-series' });\n seriesGroup.appendChild(group);\n }\n\n group.setAttribute('data-series-id', seriesDomId(s, i));\n\n group.replaceChildren();\n\n const area = createSvgElement('path', {\n class: `prism-radar-area prism-radar-area--${fill}`,\n stroke: color,\n 'stroke-linejoin': 'round',\n 'stroke-width': 2,\n });\n\n if (fill === 'gradient') {\n const gradientId = `${id}-fill-${i}`;\n const gradient = createSvgElement('radialGradient', {\n cx,\n cy,\n gradientUnits: 'userSpaceOnUse',\n id: gradientId,\n r: radius,\n });\n\n for (const [offset, opacity] of [\n [0, 0.08],\n [1, 0.55],\n ]) {\n gradient.appendChild(\n createSvgElement('stop', {\n offset,\n 'stop-color': color,\n 'stop-opacity': opacity,\n style: `stop-color:${color}`,\n }),\n );\n }\n\n defs.appendChild(gradient);\n setAttributes(area, { fill: `url(#${gradientId})` });\n } else {\n setAttributes(area, { fill: fill === 'none' ? 'none' : color, 'fill-opacity': 0.25 });\n }\n\n group.appendChild(area);\n\n if (showPoints) {\n axes.forEach((_, j) => {\n const missing = !Number.isFinite(datumAt(s, j)?.value);\n\n group.appendChild(\n createSvgElement('circle', {\n class: `prism-radar-point${missing ? ' prism-radar-point--missing' : ''}`,\n 'data-axis': j,\n fill: missing ? 'none' : color,\n r: 3,\n stroke: color,\n }),\n );\n });\n }\n\n if (config.showValues) {\n axes.forEach((_, j) => {\n const datum = datumAt(s, j);\n const { anchor, baseline } = labelPlacement(angles[j]);\n const text = createSvgElement('text', {\n 'aria-hidden': 'true',\n class: 'prism-radar-value',\n 'dominant-baseline': baseline,\n 'text-anchor': anchor,\n });\n\n text.textContent = datum && Number.isFinite(datum.value) ? formatValue(j, datum.value) : '';\n group.appendChild(text);\n });\n }\n });\n }\n\n function setActive(index: number): void {\n activeIndex = index;\n for (const el of root.querySelectorAll('[data-axis]')) {\n const active = Number(el.getAttribute('data-axis')) === index;\n\n el.classList.toggle(el.tagName === 'line' ? 'prism-radar-spoke--active' : 'prism-radar-point--active', active);\n }\n }\n\n function animateTo(targets: number[][]): void {\n if (activeRaf !== null) {\n cancelAnimationFrame(activeRaf);\n activeRaf = null;\n }\n\n const from = targets.map((row, i) => row.map((_, j) => drawn[i]?.[j] ?? 0));\n const motion = resolveMotion(config.transition, 400);\n const easing = resolveEasing(motion.easing ?? 'ease-out');\n const unchanged = from.every((row, i) => row.every((v, j) => v === targets[i][j]));\n\n if (motion.duration === 0 || unchanged) {\n drawn = targets;\n draw(targets);\n\n return;\n }\n\n let start: number | null = null;\n\n const frame = (ts: number): void => {\n if (start === null) start = ts;\n\n const elapsed = ts - start;\n let done = true;\n\n drawn = targets.map((row, i) => {\n const raw = Math.max(0, Math.min(1, (elapsed - i * motion.stagger) / motion.duration));\n\n if (raw < 1) done = false;\n\n return row.map((to, j) => tweenNumber(from[i][j], to, easing(raw)));\n });\n draw(drawn);\n activeRaf = done ? null : requestAnimationFrame(frame);\n };\n\n activeRaf = requestAnimationFrame(frame);\n }\n\n let handle: ChartHandle<RadarSeriesConfig[]> | undefined;\n\n try {\n handle = createRadialScaffold(\n container,\n { a11y: config.a11y, legend: config.legend, tooltip: config.tooltip },\n (ctx): ChartEventHandlers | undefined => {\n const { legend, svg, tooltip } = ctx;\n\n if (!svg.contains(root)) svg.appendChild(root);\n\n tooltip?.hide();\n legend?.update(series.map((s, i) => ({ color: s.color ?? seriesColor(i), name: s.name })));\n\n if (axes.length < 3) {\n for (const group of [defs, gridGroup, seriesGroup, labelGroup]) group.replaceChildren();\n drawn = [];\n\n return undefined;\n }\n\n const { height, width } = ctx.dimensions;\n const radius = fitRadius(\n width,\n height,\n axes.map((axis) => axis.label),\n angles,\n LABEL_FONT_SIZE,\n labelGap,\n );\n\n layout = { cx: width / 2, cy: height / 2, radius };\n\n const domains = resolveAxisDomains(axes, series, config.domain);\n\n renderGrid(domains);\n renderLabels();\n renderSeries();\n animateTo(\n series.map((s) =>\n axes.map((_, j) => {\n const value = datumAt(s, j)?.value;\n\n return value !== undefined && Number.isFinite(value) ? normalize(value, domains[j]) : 0;\n }),\n ),\n );\n setActive(activeIndex);\n\n const eventFor = (index: number, originalEvent: Event): RadarEvent => ({\n axis: axes[index],\n index,\n originalEvent,\n values: valuesAt(index),\n });\n\n const activate = (index: number, originalEvent: Event): void => {\n setActive(index);\n config.onHover?.(eventFor(index, originalEvent));\n\n const text = describe(index);\n\n if (!tooltip) {\n ctx.announcer.announce(text);\n\n return;\n }\n\n const reach = Math.max(0, ...drawn.map((row) => row[index] ?? 0));\n const svgRect = svg.getBoundingClientRect();\n const containerRect = container.getBoundingClientRect();\n const values = valuesAt(index);\n const first = values.find((v) => v.datum)?.datum;\n const rows = values.flatMap(({ datum, series: s }) =>\n datum\n ? [\n {\n color: s.color ?? seriesColor(series.indexOf(s)),\n name: s.name,\n value: formatValue(index, datum.value),\n },\n ]\n : [],\n );\n\n tooltip.show(\n polarX(layout.cx, layout.radius * reach, angles[index]) + (svgRect.left - containerRect.left),\n polarY(layout.cy, layout.radius * reach, angles[index]) + (svgRect.top - containerRect.top),\n { key: axes[index].key, meta: { axis: axes[index], text, values }, value: first?.value ?? 0 },\n { color: series[0]?.color ?? seriesColor(0), data: [], name: axes[index].label },\n comparisonContent(svg.ownerDocument, axes[index].label, rows, text),\n );\n };\n\n const deactivate = (): void => {\n setActive(-1);\n config.onHover?.(null);\n tooltip?.hide();\n ctx.announcer.clear();\n };\n\n const hitIndex = (event: MouseEvent): number => {\n const rect = svg.getBoundingClientRect();\n const dx = event.clientX - rect.left - layout.cx;\n const dy = event.clientY - rect.top - layout.cy;\n\n if (Math.hypot(dx, dy) > layout.radius + labelGap + LABEL_FONT_SIZE * 2) return -1;\n\n return nearestAxis(dx, dy, axes.length, startAngle);\n };\n\n return {\n onClick(event) {\n const index = hitIndex(event);\n\n if (index >= 0) config.onClick?.(eventFor(index, event));\n },\n onKeyDown(event) {\n const step = ARROW_STEPS[event.key];\n\n if (step !== undefined) {\n event.preventDefault();\n activate(activeIndex < 0 ? 0 : (activeIndex + step + axes.length) % axes.length, event);\n } else if ((event.key === 'Enter' || event.key === ' ') && activeIndex >= 0 && config.onClick) {\n event.preventDefault();\n config.onClick(eventFor(activeIndex, event));\n } else if (event.key === 'Escape') {\n deactivate();\n }\n },\n onMouseLeave: deactivate,\n onMouseMove(event) {\n const index = hitIndex(event);\n\n if (index < 0) {\n if (activeIndex >= 0) deactivate();\n } else if (index !== activeIndex) {\n activate(index, event);\n }\n },\n };\n },\n (next) => {\n series = next;\n warnOnInvalid(axes, series);\n },\n );\n\n return {\n get disposalSignal(): AbortSignal {\n return handle!.disposalSignal;\n },\n\n dispose() {\n if (activeRaf !== null) {\n cancelAnimationFrame(activeRaf);\n activeRaf = null;\n }\n\n handle!.dispose();\n },\n\n get disposed(): boolean {\n return handle!.disposed;\n },\n\n el: handle!.el,\n\n update(next) {\n handle!.update(next);\n },\n\n [Symbol.dispose]() {\n this.dispose();\n },\n };\n } catch (error) {\n handle?.dispose();\n throw error;\n }\n}\n"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"radar-chart.d.ts","sourceRoot":"","sources":["../../../src/charts/radar/radar-chart.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"radar-chart.d.ts","sourceRoot":"","sources":["../../../src/charts/radar/radar-chart.ts"],"names":[],"mappings":"AAaA,OAAO,KAAK,EACV,WAAW,EAGX,gBAAgB,EAGhB,iBAAiB,EAClB,MAAM,aAAa,CAAC;AA0CrB,wBAAgB,gBAAgB,CAAC,SAAS,EAAE,WAAW,EAAE,MAAM,EAAE,gBAAgB,GAAG,WAAW,CAAC,iBAAiB,EAAE,CAAC,CA4cnH"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import"../../_dev.js";import{createSvgElement as e,setAttributes as t}from"../../svg/element.js";import{describeValues as n}from"../../interaction/announcer.js";import{comparisonContent as r}from"../../interaction/tooltip.js";import{createRadialScaffold as i}from"../../core/chart-scaffold.js";import{
|
|
1
|
+
import"../../_dev.js";import{createSvgElement as e,setAttributes as t}from"../../svg/element.js";import{describeValues as n}from"../../interaction/announcer.js";import{comparisonContent as r}from"../../interaction/tooltip.js";import{createRadialScaffold as i}from"../../core/chart-scaffold.js";import{seriesDomId as a}from"../../core/series-id.js";import{seriesColor as o}from"../../theme/index.js";import{resolveEasing as s}from"../../animation/easing.js";import{resolveMotion as c}from"../../animation/motion.js";import{tweenNumber as l}from"../../animation/tween.js";import{uniqueId as u}from"../../core/ids.js";import{polarX as d,polarY as f}from"../../core/polar.js";import{axisAngles as p,closedPath as m,fitRadius as h,labelPlacement as g,nearestAxis as _,normalize as v,radarPoints as y,resolveAxisDomains as b,ringPath as x,toRadians as S}from"./radar-geometry.js";var C=11,w=12,T=10,E={ArrowDown:1,ArrowLeft:-1,ArrowRight:1,ArrowUp:-1};function resolveGrid(e){return e===!1?null:{bands:!0,labels:!1,levels:4,shape:`polygon`,...typeof e==`object`?e:{}}}function createRadarChart(D,O){let{axes:k}=O,A=O.curve??`linear`,j=O.fill??`solid`,M=O.showPoints??!0,N=resolveGrid(O.grid),P=S(O.startAngle??0),F=p(k.length,P),I=w+(O.showValues?T:0),L=u(`prism-radar`),R=O.series,z=e(`g`,{class:`prism-radar`}),B=e(`defs`),V=e(`g`,{"aria-hidden":`true`,class:`prism-radar-grid`}),H=e(`g`,{class:`prism-radar-series-group`}),U=e(`g`,{"aria-hidden":`true`,class:`prism-radar-labels`});z.append(B,V,H,U);let W=[],G=null,K=-1,q={cx:0,cy:0,radius:0},datumAt=(e,t)=>e.data.find(e=>e.key===k[t].key),valuesAt=e=>R.map(t=>({datum:datumAt(t,e),series:t})),formatValue=(e,t)=>k[e].format?.(t)??String(t),describe=e=>n(k[e].label,valuesAt(e),t=>formatValue(e,t));function draw(e){let{cx:n,cy:r,radius:i}=q;e.forEach((e,a)=>{let o=H.children[a];if(!o)return;let s=y(e,n,r,i,F);o.querySelector(`.prism-radar-area`)?.setAttribute(`d`,m(s,A)),o.querySelectorAll(`.prism-radar-point`).forEach((e,n)=>{t(e,{cx:s[n].x,cy:s[n].y})}),o.querySelectorAll(`.prism-radar-value`).forEach((a,o)=>{let s=i*e[o]+T;t(a,{x:d(n,s,F[o]),y:f(r,s,F[o])})})})}function renderGrid(t){if(V.replaceChildren(),!N)return;let{cx:n,cy:r,radius:i}=q,a=Math.max(1,Math.round(N.levels)),o=Array.from({length:a},(e,t)=>x(N.shape,n,r,i*(t+1)/a,F));if(N.bands)for(let t=a-1;t>=0;t-=2)V.appendChild(e(`path`,{class:`prism-radar-band`,d:`${o[t]}${o[t-1]??``}`,"fill-rule":`evenodd`}));for(let t of o)V.appendChild(e(`path`,{class:`prism-radar-ring`,d:t,fill:`none`}));F.forEach((t,a)=>{V.appendChild(e(`line`,{class:`prism-radar-spoke`,"data-axis":a,x1:n,x2:d(n,i,t),y1:r,y2:f(r,i,t)}))});let[s,c]=t[0],l=t.every(([e,t])=>e===s&&t===c);if(!N.labels||!l)return;let u=F[0]+Math.PI/F.length;for(let t=1;t<=a;t++){let o=i*t/a,l=e(`text`,{class:`prism-radar-level`,"dominant-baseline":`middle`,"text-anchor":`middle`,x:d(n,o,u),y:f(r,o,u)});l.textContent=formatValue(0,Math.round((s+(c-s)*t/a)*100)/100),V.appendChild(l)}}function renderLabels(){U.replaceChildren();let{cx:t,cy:n,radius:r}=q;k.forEach((i,a)=>{let{anchor:o,baseline:s}=g(F[a]),c=e(`text`,{class:`prism-radar-axis-label`,"dominant-baseline":s,"text-anchor":o,x:d(t,r+I,F[a]),y:f(n,r+I,F[a])});c.textContent=i.label,U.appendChild(c)})}function renderSeries(){let{cx:n,cy:r,radius:i}=q;for(B.replaceChildren();H.children.length>R.length;)H.lastChild?.remove();R.forEach((s,c)=>{let l=s.color??o(c),u=H.children[c];u||(u=e(`g`,{class:`prism-radar-series`}),H.appendChild(u)),u.setAttribute(`data-series-id`,a(s,c)),u.replaceChildren();let d=e(`path`,{class:`prism-radar-area prism-radar-area--${j}`,stroke:l,"stroke-linejoin":`round`,"stroke-width":2});if(j===`gradient`){let a=`${L}-fill-${c}`,o=e(`radialGradient`,{cx:n,cy:r,gradientUnits:`userSpaceOnUse`,id:a,r:i});for(let[t,n]of[[0,.08],[1,.55]])o.appendChild(e(`stop`,{offset:t,"stop-color":l,"stop-opacity":n,style:`stop-color:${l}`}));B.appendChild(o),t(d,{fill:`url(#${a})`})}else t(d,{fill:j===`none`?`none`:l,"fill-opacity":.25});u.appendChild(d),M&&k.forEach((t,n)=>{let r=!Number.isFinite(datumAt(s,n)?.value);u.appendChild(e(`circle`,{class:`prism-radar-point${r?` prism-radar-point--missing`:``}`,"data-axis":n,fill:r?`none`:l,r:3,stroke:l}))}),O.showValues&&k.forEach((t,n)=>{let r=datumAt(s,n),{anchor:i,baseline:a}=g(F[n]),o=e(`text`,{"aria-hidden":`true`,class:`prism-radar-value`,"dominant-baseline":a,"text-anchor":i});o.textContent=r&&Number.isFinite(r.value)?formatValue(n,r.value):``,u.appendChild(o)})})}function setActive(e){K=e;for(let t of z.querySelectorAll(`[data-axis]`)){let n=Number(t.getAttribute(`data-axis`))===e;t.classList.toggle(t.tagName===`line`?`prism-radar-spoke--active`:`prism-radar-point--active`,n)}}function animateTo(e){G!==null&&(cancelAnimationFrame(G),G=null);let t=e.map((e,t)=>e.map((e,n)=>W[t]?.[n]??0)),n=c(O.transition,400),r=s(n.easing??`ease-out`),i=t.every((t,n)=>t.every((t,r)=>t===e[n][r]));if(n.duration===0||i){W=e,draw(e);return}let a=null,frame=i=>{a===null&&(a=i);let o=i-a,s=!0;W=e.map((e,i)=>{let a=Math.max(0,Math.min(1,(o-i*n.stagger)/n.duration));return a<1&&(s=!1),e.map((e,n)=>l(t[i][n],e,r(a)))}),draw(W),G=s?null:requestAnimationFrame(frame)};G=requestAnimationFrame(frame)}let J;try{return J=i(D,{a11y:O.a11y,legend:O.legend,tooltip:O.tooltip},e=>{let{legend:t,svg:n,tooltip:i}=e;if(n.contains(z)||n.appendChild(z),i?.hide(),t?.update(R.map((e,t)=>({color:e.color??o(t),name:e.name}))),k.length<3){for(let e of[B,V,H,U])e.replaceChildren();W=[];return}let{height:a,width:s}=e.dimensions,c=h(s,a,k.map(e=>e.label),F,C,I);q={cx:s/2,cy:a/2,radius:c};let l=b(k,R,O.domain);renderGrid(l),renderLabels(),renderSeries(),animateTo(R.map(e=>k.map((t,n)=>{let r=datumAt(e,n)?.value;return r!==void 0&&Number.isFinite(r)?v(r,l[n]):0}))),setActive(K);let eventFor=(e,t)=>({axis:k[e],index:e,originalEvent:t,values:valuesAt(e)}),activate=(t,a)=>{setActive(t),O.onHover?.(eventFor(t,a));let s=describe(t);if(!i){e.announcer.announce(s);return}let c=Math.max(0,...W.map(e=>e[t]??0)),l=n.getBoundingClientRect(),u=D.getBoundingClientRect(),p=valuesAt(t),m=p.find(e=>e.datum)?.datum,h=p.flatMap(({datum:e,series:n})=>e?[{color:n.color??o(R.indexOf(n)),name:n.name,value:formatValue(t,e.value)}]:[]);i.show(d(q.cx,q.radius*c,F[t])+(l.left-u.left),f(q.cy,q.radius*c,F[t])+(l.top-u.top),{key:k[t].key,meta:{axis:k[t],text:s,values:p},value:m?.value??0},{color:R[0]?.color??o(0),data:[],name:k[t].label},r(n.ownerDocument,k[t].label,h,s))},deactivate=()=>{setActive(-1),O.onHover?.(null),i?.hide(),e.announcer.clear()},hitIndex=e=>{let t=n.getBoundingClientRect(),r=e.clientX-t.left-q.cx,i=e.clientY-t.top-q.cy;return Math.hypot(r,i)>q.radius+I+22?-1:_(r,i,k.length,P)};return{onClick(e){let t=hitIndex(e);t>=0&&O.onClick?.(eventFor(t,e))},onKeyDown(e){let t=E[e.key];t===void 0?(e.key===`Enter`||e.key===` `)&&K>=0&&O.onClick?(e.preventDefault(),O.onClick(eventFor(K,e))):e.key===`Escape`&&deactivate():(e.preventDefault(),activate(K<0?0:(K+t+k.length)%k.length,e))},onMouseLeave:deactivate,onMouseMove(e){let t=hitIndex(e);t<0?K>=0&&deactivate():t!==K&&activate(t,e)}}},e=>{R=e}),{get disposalSignal(){return J.disposalSignal},dispose(){G!==null&&(cancelAnimationFrame(G),G=null),J.dispose()},get disposed(){return J.disposed},el:J.el,update(e){J.update(e)},[Symbol.dispose](){this.dispose()}}}catch(e){throw J?.dispose(),e}}export{createRadarChart};
|
|
2
2
|
//# sourceMappingURL=radar-chart.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"radar-chart.js","names":[],"sources":["../../../src/charts/radar/radar-chart.ts"],"sourcesContent":["import { devOnly, warn } from '../../_dev';\nimport { resolveEasing } from '../../animation/easing';\nimport { resolveMotion } from '../../animation/motion';\nimport { tweenNumber } from '../../animation/tween';\nimport type { ChartEventHandlers } from '../../core/chart-scaffold';\nimport { createRadialScaffold } from '../../core/chart-scaffold';\nimport { uniqueId } from '../../core/ids';\nimport { polarX, polarY } from '../../core/polar';\nimport { describeValues } from '../../interaction/announcer';\nimport { comparisonContent } from '../../interaction/tooltip';\nimport { createSvgElement, setAttributes } from '../../svg/element';\nimport { seriesColor } from '../../theme';\nimport type {\n ChartHandle,\n RadarAxisConfig,\n RadarAxisValue,\n RadarChartConfig,\n RadarEvent,\n RadarGridConfig,\n RadarSeriesConfig,\n} from '../../types';\nimport {\n axisAngles,\n closedPath,\n fitRadius,\n labelPlacement,\n nearestAxis,\n normalize,\n radarPoints,\n resolveAxisDomains,\n ringPath,\n toRadians,\n} from './radar-geometry';\n\n/** Default `--prism-font-size-label` (0.6875rem) in px, used to reserve label room. */\nconst LABEL_FONT_SIZE = 11;\nconst LABEL_GAP = 12;\nconst VALUE_OFFSET = 10;\nconst ARROW_STEPS: Record<string, number> = { ArrowDown: 1, ArrowLeft: -1, ArrowRight: 1, ArrowUp: -1 };\n\nfunction warnOnInvalid(axes: readonly RadarAxisConfig[], series: readonly RadarSeriesConfig[]): void {\n devOnly(() => {\n if (axes.length < 3) warn(`Radar chart needs at least 3 axes, received ${axes.length}.`);\n\n const keys = new Set(axes.map((axis) => axis.key));\n\n if (keys.size !== axes.length) warn('Radar chart axis keys must be unique.');\n\n for (const s of series) {\n for (const d of s.data) {\n if (!keys.has(d.key)) warn(`Radar series \"${s.name}\" has a value for unknown axis \"${d.key}\".`);\n }\n }\n });\n}\n\nfunction resolveGrid(grid: RadarChartConfig['grid']): Required<RadarGridConfig> | null {\n if (grid === false) return null;\n\n return { bands: true, labels: false, levels: 4, shape: 'polygon', ...(typeof grid === 'object' ? grid : {}) };\n}\n\nexport function createRadarChart(container: HTMLElement, config: RadarChartConfig): ChartHandle<RadarSeriesConfig[]> {\n const { axes } = config;\n const curve = config.curve ?? 'linear';\n const fill = config.fill ?? 'solid';\n const showPoints = config.showPoints ?? true;\n const grid = resolveGrid(config.grid);\n const startAngle = toRadians(config.startAngle ?? 0);\n const angles = axisAngles(axes.length, startAngle);\n const labelGap = LABEL_GAP + (config.showValues ? VALUE_OFFSET : 0);\n const id = uniqueId('prism-radar');\n let series = config.series;\n\n warnOnInvalid(axes, series);\n\n const root = createSvgElement('g', { class: 'prism-radar' });\n const defs = createSvgElement('defs');\n const gridGroup = createSvgElement('g', { 'aria-hidden': 'true', class: 'prism-radar-grid' });\n const seriesGroup = createSvgElement('g', { class: 'prism-radar-series-group' });\n const labelGroup = createSvgElement('g', { 'aria-hidden': 'true', class: 'prism-radar-labels' });\n\n root.append(defs, gridGroup, seriesGroup, labelGroup);\n\n let drawn: number[][] = [];\n let activeRaf: number | null = null;\n let activeIndex = -1;\n let layout = { cx: 0, cy: 0, radius: 0 };\n\n const datumAt = (s: RadarSeriesConfig, index: number) => s.data.find((d) => d.key === axes[index].key);\n const valuesAt = (index: number): RadarAxisValue[] => series.map((s) => ({ datum: datumAt(s, index), series: s }));\n const formatValue = (index: number, value: number): string => axes[index].format?.(value) ?? String(value);\n const describe = (index: number): string =>\n describeValues(axes[index].label, valuesAt(index), (value) => formatValue(index, value));\n\n function draw(fractions: number[][]): void {\n const { cx, cy, radius } = layout;\n\n fractions.forEach((row, i) => {\n const group = seriesGroup.children[i];\n\n if (!group) return;\n\n const points = radarPoints(row, cx, cy, radius, angles);\n\n group.querySelector('.prism-radar-area')?.setAttribute('d', closedPath(points, curve));\n group.querySelectorAll<SVGCircleElement>('.prism-radar-point').forEach((dot, j) => {\n setAttributes(dot, { cx: points[j].x, cy: points[j].y });\n });\n group.querySelectorAll<SVGTextElement>('.prism-radar-value').forEach((text, j) => {\n const r = radius * row[j] + VALUE_OFFSET;\n\n setAttributes(text, { x: polarX(cx, r, angles[j]), y: polarY(cy, r, angles[j]) });\n });\n });\n }\n\n function renderGrid(domains: [number, number][]): void {\n gridGroup.replaceChildren();\n\n if (!grid) return;\n\n const { cx, cy, radius } = layout;\n const levels = Math.max(1, Math.round(grid.levels));\n const rings = Array.from({ length: levels }, (_, k) =>\n ringPath(grid.shape, cx, cy, (radius * (k + 1)) / levels, angles),\n );\n\n if (grid.bands) {\n // Shade alternate rings, starting from the outermost.\n for (let k = levels - 1; k >= 0; k -= 2) {\n gridGroup.appendChild(\n createSvgElement('path', {\n class: 'prism-radar-band',\n d: `${rings[k]}${rings[k - 1] ?? ''}`,\n 'fill-rule': 'evenodd',\n }),\n );\n }\n }\n\n for (const d of rings)\n gridGroup.appendChild(createSvgElement('path', { class: 'prism-radar-ring', d, fill: 'none' }));\n\n angles.forEach((angle, i) => {\n gridGroup.appendChild(\n createSvgElement('line', {\n class: 'prism-radar-spoke',\n 'data-axis': i,\n x1: cx,\n x2: polarX(cx, radius, angle),\n y1: cy,\n y2: polarY(cy, radius, angle),\n }),\n );\n });\n\n const [d0, d1] = domains[0];\n const shared = domains.every(([a, b]) => a === d0 && b === d1);\n\n if (!grid.labels || !shared) return;\n\n // Between the first two spokes, so level values never collide with vertex values.\n const angle = angles[0] + Math.PI / angles.length;\n\n for (let k = 1; k <= levels; k++) {\n const r = (radius * k) / levels;\n const text = createSvgElement('text', {\n class: 'prism-radar-level',\n 'dominant-baseline': 'middle',\n 'text-anchor': 'middle',\n x: polarX(cx, r, angle),\n y: polarY(cy, r, angle),\n });\n\n text.textContent = formatValue(0, Math.round((d0 + ((d1 - d0) * k) / levels) * 100) / 100);\n gridGroup.appendChild(text);\n }\n }\n\n function renderLabels(): void {\n labelGroup.replaceChildren();\n\n const { cx, cy, radius } = layout;\n\n axes.forEach((axis, i) => {\n const { anchor, baseline } = labelPlacement(angles[i]);\n const text = createSvgElement('text', {\n class: 'prism-radar-axis-label',\n 'dominant-baseline': baseline,\n 'text-anchor': anchor,\n x: polarX(cx, radius + labelGap, angles[i]),\n y: polarY(cy, radius + labelGap, angles[i]),\n });\n\n text.textContent = axis.label;\n labelGroup.appendChild(text);\n });\n }\n\n function renderSeries(): void {\n const { cx, cy, radius } = layout;\n\n defs.replaceChildren();\n\n while (seriesGroup.children.length > series.length) seriesGroup.lastChild?.remove();\n\n series.forEach((s, i) => {\n const color = s.color ?? seriesColor(i);\n let group = seriesGroup.children[i] as SVGGElement | undefined;\n\n if (!group) {\n group = createSvgElement('g', { class: 'prism-radar-series' });\n seriesGroup.appendChild(group);\n }\n\n group.replaceChildren();\n\n const area = createSvgElement('path', {\n class: `prism-radar-area prism-radar-area--${fill}`,\n stroke: color,\n 'stroke-linejoin': 'round',\n 'stroke-width': 2,\n });\n\n if (fill === 'gradient') {\n const gradientId = `${id}-fill-${i}`;\n const gradient = createSvgElement('radialGradient', {\n cx,\n cy,\n gradientUnits: 'userSpaceOnUse',\n id: gradientId,\n r: radius,\n });\n\n for (const [offset, opacity] of [\n [0, 0.08],\n [1, 0.55],\n ]) {\n gradient.appendChild(\n createSvgElement('stop', {\n offset,\n 'stop-color': color,\n 'stop-opacity': opacity,\n style: `stop-color:${color}`,\n }),\n );\n }\n\n defs.appendChild(gradient);\n setAttributes(area, { fill: `url(#${gradientId})` });\n } else {\n setAttributes(area, { fill: fill === 'none' ? 'none' : color, 'fill-opacity': 0.25 });\n }\n\n group.appendChild(area);\n\n if (showPoints) {\n axes.forEach((_, j) => {\n const missing = !Number.isFinite(datumAt(s, j)?.value);\n\n group.appendChild(\n createSvgElement('circle', {\n class: `prism-radar-point${missing ? ' prism-radar-point--missing' : ''}`,\n 'data-axis': j,\n fill: missing ? 'none' : color,\n r: 3,\n stroke: color,\n }),\n );\n });\n }\n\n if (config.showValues) {\n axes.forEach((_, j) => {\n const datum = datumAt(s, j);\n const { anchor, baseline } = labelPlacement(angles[j]);\n const text = createSvgElement('text', {\n 'aria-hidden': 'true',\n class: 'prism-radar-value',\n 'dominant-baseline': baseline,\n 'text-anchor': anchor,\n });\n\n text.textContent = datum && Number.isFinite(datum.value) ? formatValue(j, datum.value) : '';\n group.appendChild(text);\n });\n }\n });\n }\n\n function setActive(index: number): void {\n activeIndex = index;\n for (const el of root.querySelectorAll('[data-axis]')) {\n const active = Number(el.getAttribute('data-axis')) === index;\n\n el.classList.toggle(el.tagName === 'line' ? 'prism-radar-spoke--active' : 'prism-radar-point--active', active);\n }\n }\n\n function animateTo(targets: number[][]): void {\n if (activeRaf !== null) {\n cancelAnimationFrame(activeRaf);\n activeRaf = null;\n }\n\n const from = targets.map((row, i) => row.map((_, j) => drawn[i]?.[j] ?? 0));\n const motion = resolveMotion(config.transition, 400);\n const easing = resolveEasing(motion.easing ?? 'ease-out');\n const unchanged = from.every((row, i) => row.every((v, j) => v === targets[i][j]));\n\n if (motion.duration === 0 || unchanged) {\n drawn = targets;\n draw(targets);\n\n return;\n }\n\n let start: number | null = null;\n\n const frame = (ts: number): void => {\n if (start === null) start = ts;\n\n const elapsed = ts - start;\n let done = true;\n\n drawn = targets.map((row, i) => {\n const raw = Math.max(0, Math.min(1, (elapsed - i * motion.stagger) / motion.duration));\n\n if (raw < 1) done = false;\n\n return row.map((to, j) => tweenNumber(from[i][j], to, easing(raw)));\n });\n draw(drawn);\n activeRaf = done ? null : requestAnimationFrame(frame);\n };\n\n activeRaf = requestAnimationFrame(frame);\n }\n\n let handle: ChartHandle<RadarSeriesConfig[]> | undefined;\n\n try {\n handle = createRadialScaffold(\n container,\n { a11y: config.a11y, legend: config.legend, tooltip: config.tooltip },\n (ctx): ChartEventHandlers | undefined => {\n const { legend, svg, tooltip } = ctx;\n\n if (!svg.contains(root)) svg.appendChild(root);\n\n tooltip?.hide();\n legend?.update(series.map((s, i) => ({ color: s.color ?? seriesColor(i), name: s.name })));\n\n if (axes.length < 3) {\n for (const group of [defs, gridGroup, seriesGroup, labelGroup]) group.replaceChildren();\n drawn = [];\n\n return undefined;\n }\n\n const { height, width } = ctx.dimensions;\n const radius = fitRadius(\n width,\n height,\n axes.map((axis) => axis.label),\n angles,\n LABEL_FONT_SIZE,\n labelGap,\n );\n\n layout = { cx: width / 2, cy: height / 2, radius };\n\n const domains = resolveAxisDomains(axes, series, config.domain);\n\n renderGrid(domains);\n renderLabels();\n renderSeries();\n animateTo(\n series.map((s) =>\n axes.map((_, j) => {\n const value = datumAt(s, j)?.value;\n\n return value !== undefined && Number.isFinite(value) ? normalize(value, domains[j]) : 0;\n }),\n ),\n );\n setActive(activeIndex);\n\n const eventFor = (index: number, originalEvent: Event): RadarEvent => ({\n axis: axes[index],\n index,\n originalEvent,\n values: valuesAt(index),\n });\n\n const activate = (index: number, originalEvent: Event): void => {\n setActive(index);\n config.onHover?.(eventFor(index, originalEvent));\n\n const text = describe(index);\n\n if (!tooltip) {\n ctx.announcer.announce(text);\n\n return;\n }\n\n const reach = Math.max(0, ...drawn.map((row) => row[index] ?? 0));\n const svgRect = svg.getBoundingClientRect();\n const containerRect = container.getBoundingClientRect();\n const values = valuesAt(index);\n const first = values.find((v) => v.datum)?.datum;\n const rows = values.flatMap(({ datum, series: s }) =>\n datum\n ? [\n {\n color: s.color ?? seriesColor(series.indexOf(s)),\n name: s.name,\n value: formatValue(index, datum.value),\n },\n ]\n : [],\n );\n\n tooltip.show(\n polarX(layout.cx, layout.radius * reach, angles[index]) + (svgRect.left - containerRect.left),\n polarY(layout.cy, layout.radius * reach, angles[index]) + (svgRect.top - containerRect.top),\n { key: axes[index].key, meta: { axis: axes[index], text, values }, value: first?.value ?? 0 },\n { color: series[0]?.color ?? seriesColor(0), data: [], name: axes[index].label },\n comparisonContent(svg.ownerDocument, axes[index].label, rows, text),\n );\n };\n\n const deactivate = (): void => {\n setActive(-1);\n config.onHover?.(null);\n tooltip?.hide();\n ctx.announcer.clear();\n };\n\n const hitIndex = (event: MouseEvent): number => {\n const rect = svg.getBoundingClientRect();\n const dx = event.clientX - rect.left - layout.cx;\n const dy = event.clientY - rect.top - layout.cy;\n\n if (Math.hypot(dx, dy) > layout.radius + labelGap + LABEL_FONT_SIZE * 2) return -1;\n\n return nearestAxis(dx, dy, axes.length, startAngle);\n };\n\n return {\n onClick(event) {\n const index = hitIndex(event);\n\n if (index >= 0) config.onClick?.(eventFor(index, event));\n },\n onKeyDown(event) {\n const step = ARROW_STEPS[event.key];\n\n if (step !== undefined) {\n event.preventDefault();\n activate(activeIndex < 0 ? 0 : (activeIndex + step + axes.length) % axes.length, event);\n } else if ((event.key === 'Enter' || event.key === ' ') && activeIndex >= 0 && config.onClick) {\n event.preventDefault();\n config.onClick(eventFor(activeIndex, event));\n } else if (event.key === 'Escape') {\n deactivate();\n }\n },\n onMouseLeave: deactivate,\n onMouseMove(event) {\n const index = hitIndex(event);\n\n if (index < 0) {\n if (activeIndex >= 0) deactivate();\n } else if (index !== activeIndex) {\n activate(index, event);\n }\n },\n };\n },\n (next) => {\n series = next;\n warnOnInvalid(axes, series);\n },\n );\n\n return {\n get disposalSignal(): AbortSignal {\n return handle!.disposalSignal;\n },\n\n dispose() {\n if (activeRaf !== null) {\n cancelAnimationFrame(activeRaf);\n activeRaf = null;\n }\n\n handle!.dispose();\n },\n\n get disposed(): boolean {\n return handle!.disposed;\n },\n\n el: handle!.el,\n\n update(next) {\n handle!.update(next);\n },\n\n [Symbol.dispose]() {\n this.dispose();\n },\n };\n } catch (error) {\n handle?.dispose();\n throw error;\n }\n}\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"radar-chart.js","names":[],"sources":["../../../src/charts/radar/radar-chart.ts"],"sourcesContent":["import { devOnly, warn } from '../../_dev';\nimport { resolveEasing } from '../../animation/easing';\nimport { resolveMotion } from '../../animation/motion';\nimport { tweenNumber } from '../../animation/tween';\nimport type { ChartEventHandlers } from '../../core/chart-scaffold';\nimport { createRadialScaffold } from '../../core/chart-scaffold';\nimport { uniqueId } from '../../core/ids';\nimport { polarX, polarY } from '../../core/polar';\nimport { seriesDomId } from '../../core/series-id';\nimport { describeValues } from '../../interaction/announcer';\nimport { comparisonContent } from '../../interaction/tooltip';\nimport { createSvgElement, setAttributes } from '../../svg/element';\nimport { seriesColor } from '../../theme';\nimport type {\n ChartHandle,\n RadarAxisConfig,\n RadarAxisValue,\n RadarChartConfig,\n RadarEvent,\n RadarGridConfig,\n RadarSeriesConfig,\n} from '../../types';\nimport {\n axisAngles,\n closedPath,\n fitRadius,\n labelPlacement,\n nearestAxis,\n normalize,\n radarPoints,\n resolveAxisDomains,\n ringPath,\n toRadians,\n} from './radar-geometry';\n\n/** Default `--prism-font-size-label` (0.6875rem) in px, used to reserve label room. */\nconst LABEL_FONT_SIZE = 11;\nconst LABEL_GAP = 12;\nconst VALUE_OFFSET = 10;\nconst ARROW_STEPS: Record<string, number> = { ArrowDown: 1, ArrowLeft: -1, ArrowRight: 1, ArrowUp: -1 };\n\nfunction warnOnInvalid(axes: readonly RadarAxisConfig[], series: readonly RadarSeriesConfig[]): void {\n devOnly(() => {\n if (axes.length < 3) warn(`Radar chart needs at least 3 axes, received ${axes.length}.`);\n\n const keys = new Set(axes.map((axis) => axis.key));\n\n if (keys.size !== axes.length) warn('Radar chart axis keys must be unique.');\n\n for (const s of series) {\n for (const d of s.data) {\n if (!keys.has(d.key)) warn(`Radar series \"${s.name}\" has a value for unknown axis \"${d.key}\".`);\n }\n }\n });\n}\n\nfunction resolveGrid(grid: RadarChartConfig['grid']): Required<RadarGridConfig> | null {\n if (grid === false) return null;\n\n return { bands: true, labels: false, levels: 4, shape: 'polygon', ...(typeof grid === 'object' ? grid : {}) };\n}\n\nexport function createRadarChart(container: HTMLElement, config: RadarChartConfig): ChartHandle<RadarSeriesConfig[]> {\n const { axes } = config;\n const curve = config.curve ?? 'linear';\n const fill = config.fill ?? 'solid';\n const showPoints = config.showPoints ?? true;\n const grid = resolveGrid(config.grid);\n const startAngle = toRadians(config.startAngle ?? 0);\n const angles = axisAngles(axes.length, startAngle);\n const labelGap = LABEL_GAP + (config.showValues ? VALUE_OFFSET : 0);\n const id = uniqueId('prism-radar');\n let series = config.series;\n\n warnOnInvalid(axes, series);\n\n const root = createSvgElement('g', { class: 'prism-radar' });\n const defs = createSvgElement('defs');\n const gridGroup = createSvgElement('g', { 'aria-hidden': 'true', class: 'prism-radar-grid' });\n const seriesGroup = createSvgElement('g', { class: 'prism-radar-series-group' });\n const labelGroup = createSvgElement('g', { 'aria-hidden': 'true', class: 'prism-radar-labels' });\n\n root.append(defs, gridGroup, seriesGroup, labelGroup);\n\n let drawn: number[][] = [];\n let activeRaf: number | null = null;\n let activeIndex = -1;\n let layout = { cx: 0, cy: 0, radius: 0 };\n\n const datumAt = (s: RadarSeriesConfig, index: number) => s.data.find((d) => d.key === axes[index].key);\n const valuesAt = (index: number): RadarAxisValue[] => series.map((s) => ({ datum: datumAt(s, index), series: s }));\n const formatValue = (index: number, value: number): string => axes[index].format?.(value) ?? String(value);\n const describe = (index: number): string =>\n describeValues(axes[index].label, valuesAt(index), (value) => formatValue(index, value));\n\n function draw(fractions: number[][]): void {\n const { cx, cy, radius } = layout;\n\n fractions.forEach((row, i) => {\n const group = seriesGroup.children[i];\n\n if (!group) return;\n\n const points = radarPoints(row, cx, cy, radius, angles);\n\n group.querySelector('.prism-radar-area')?.setAttribute('d', closedPath(points, curve));\n group.querySelectorAll<SVGCircleElement>('.prism-radar-point').forEach((dot, j) => {\n setAttributes(dot, { cx: points[j].x, cy: points[j].y });\n });\n group.querySelectorAll<SVGTextElement>('.prism-radar-value').forEach((text, j) => {\n const r = radius * row[j] + VALUE_OFFSET;\n\n setAttributes(text, { x: polarX(cx, r, angles[j]), y: polarY(cy, r, angles[j]) });\n });\n });\n }\n\n function renderGrid(domains: [number, number][]): void {\n gridGroup.replaceChildren();\n\n if (!grid) return;\n\n const { cx, cy, radius } = layout;\n const levels = Math.max(1, Math.round(grid.levels));\n const rings = Array.from({ length: levels }, (_, k) =>\n ringPath(grid.shape, cx, cy, (radius * (k + 1)) / levels, angles),\n );\n\n if (grid.bands) {\n // Shade alternate rings, starting from the outermost.\n for (let k = levels - 1; k >= 0; k -= 2) {\n gridGroup.appendChild(\n createSvgElement('path', {\n class: 'prism-radar-band',\n d: `${rings[k]}${rings[k - 1] ?? ''}`,\n 'fill-rule': 'evenodd',\n }),\n );\n }\n }\n\n for (const d of rings)\n gridGroup.appendChild(createSvgElement('path', { class: 'prism-radar-ring', d, fill: 'none' }));\n\n angles.forEach((angle, i) => {\n gridGroup.appendChild(\n createSvgElement('line', {\n class: 'prism-radar-spoke',\n 'data-axis': i,\n x1: cx,\n x2: polarX(cx, radius, angle),\n y1: cy,\n y2: polarY(cy, radius, angle),\n }),\n );\n });\n\n const [d0, d1] = domains[0];\n const shared = domains.every(([a, b]) => a === d0 && b === d1);\n\n if (!grid.labels || !shared) return;\n\n // Between the first two spokes, so level values never collide with vertex values.\n const angle = angles[0] + Math.PI / angles.length;\n\n for (let k = 1; k <= levels; k++) {\n const r = (radius * k) / levels;\n const text = createSvgElement('text', {\n class: 'prism-radar-level',\n 'dominant-baseline': 'middle',\n 'text-anchor': 'middle',\n x: polarX(cx, r, angle),\n y: polarY(cy, r, angle),\n });\n\n text.textContent = formatValue(0, Math.round((d0 + ((d1 - d0) * k) / levels) * 100) / 100);\n gridGroup.appendChild(text);\n }\n }\n\n function renderLabels(): void {\n labelGroup.replaceChildren();\n\n const { cx, cy, radius } = layout;\n\n axes.forEach((axis, i) => {\n const { anchor, baseline } = labelPlacement(angles[i]);\n const text = createSvgElement('text', {\n class: 'prism-radar-axis-label',\n 'dominant-baseline': baseline,\n 'text-anchor': anchor,\n x: polarX(cx, radius + labelGap, angles[i]),\n y: polarY(cy, radius + labelGap, angles[i]),\n });\n\n text.textContent = axis.label;\n labelGroup.appendChild(text);\n });\n }\n\n function renderSeries(): void {\n const { cx, cy, radius } = layout;\n\n defs.replaceChildren();\n\n while (seriesGroup.children.length > series.length) seriesGroup.lastChild?.remove();\n\n series.forEach((s, i) => {\n const color = s.color ?? seriesColor(i);\n let group = seriesGroup.children[i] as SVGGElement | undefined;\n\n if (!group) {\n group = createSvgElement('g', { class: 'prism-radar-series' });\n seriesGroup.appendChild(group);\n }\n\n group.setAttribute('data-series-id', seriesDomId(s, i));\n\n group.replaceChildren();\n\n const area = createSvgElement('path', {\n class: `prism-radar-area prism-radar-area--${fill}`,\n stroke: color,\n 'stroke-linejoin': 'round',\n 'stroke-width': 2,\n });\n\n if (fill === 'gradient') {\n const gradientId = `${id}-fill-${i}`;\n const gradient = createSvgElement('radialGradient', {\n cx,\n cy,\n gradientUnits: 'userSpaceOnUse',\n id: gradientId,\n r: radius,\n });\n\n for (const [offset, opacity] of [\n [0, 0.08],\n [1, 0.55],\n ]) {\n gradient.appendChild(\n createSvgElement('stop', {\n offset,\n 'stop-color': color,\n 'stop-opacity': opacity,\n style: `stop-color:${color}`,\n }),\n );\n }\n\n defs.appendChild(gradient);\n setAttributes(area, { fill: `url(#${gradientId})` });\n } else {\n setAttributes(area, { fill: fill === 'none' ? 'none' : color, 'fill-opacity': 0.25 });\n }\n\n group.appendChild(area);\n\n if (showPoints) {\n axes.forEach((_, j) => {\n const missing = !Number.isFinite(datumAt(s, j)?.value);\n\n group.appendChild(\n createSvgElement('circle', {\n class: `prism-radar-point${missing ? ' prism-radar-point--missing' : ''}`,\n 'data-axis': j,\n fill: missing ? 'none' : color,\n r: 3,\n stroke: color,\n }),\n );\n });\n }\n\n if (config.showValues) {\n axes.forEach((_, j) => {\n const datum = datumAt(s, j);\n const { anchor, baseline } = labelPlacement(angles[j]);\n const text = createSvgElement('text', {\n 'aria-hidden': 'true',\n class: 'prism-radar-value',\n 'dominant-baseline': baseline,\n 'text-anchor': anchor,\n });\n\n text.textContent = datum && Number.isFinite(datum.value) ? formatValue(j, datum.value) : '';\n group.appendChild(text);\n });\n }\n });\n }\n\n function setActive(index: number): void {\n activeIndex = index;\n for (const el of root.querySelectorAll('[data-axis]')) {\n const active = Number(el.getAttribute('data-axis')) === index;\n\n el.classList.toggle(el.tagName === 'line' ? 'prism-radar-spoke--active' : 'prism-radar-point--active', active);\n }\n }\n\n function animateTo(targets: number[][]): void {\n if (activeRaf !== null) {\n cancelAnimationFrame(activeRaf);\n activeRaf = null;\n }\n\n const from = targets.map((row, i) => row.map((_, j) => drawn[i]?.[j] ?? 0));\n const motion = resolveMotion(config.transition, 400);\n const easing = resolveEasing(motion.easing ?? 'ease-out');\n const unchanged = from.every((row, i) => row.every((v, j) => v === targets[i][j]));\n\n if (motion.duration === 0 || unchanged) {\n drawn = targets;\n draw(targets);\n\n return;\n }\n\n let start: number | null = null;\n\n const frame = (ts: number): void => {\n if (start === null) start = ts;\n\n const elapsed = ts - start;\n let done = true;\n\n drawn = targets.map((row, i) => {\n const raw = Math.max(0, Math.min(1, (elapsed - i * motion.stagger) / motion.duration));\n\n if (raw < 1) done = false;\n\n return row.map((to, j) => tweenNumber(from[i][j], to, easing(raw)));\n });\n draw(drawn);\n activeRaf = done ? null : requestAnimationFrame(frame);\n };\n\n activeRaf = requestAnimationFrame(frame);\n }\n\n let handle: ChartHandle<RadarSeriesConfig[]> | undefined;\n\n try {\n handle = createRadialScaffold(\n container,\n { a11y: config.a11y, legend: config.legend, tooltip: config.tooltip },\n (ctx): ChartEventHandlers | undefined => {\n const { legend, svg, tooltip } = ctx;\n\n if (!svg.contains(root)) svg.appendChild(root);\n\n tooltip?.hide();\n legend?.update(series.map((s, i) => ({ color: s.color ?? seriesColor(i), name: s.name })));\n\n if (axes.length < 3) {\n for (const group of [defs, gridGroup, seriesGroup, labelGroup]) group.replaceChildren();\n drawn = [];\n\n return undefined;\n }\n\n const { height, width } = ctx.dimensions;\n const radius = fitRadius(\n width,\n height,\n axes.map((axis) => axis.label),\n angles,\n LABEL_FONT_SIZE,\n labelGap,\n );\n\n layout = { cx: width / 2, cy: height / 2, radius };\n\n const domains = resolveAxisDomains(axes, series, config.domain);\n\n renderGrid(domains);\n renderLabels();\n renderSeries();\n animateTo(\n series.map((s) =>\n axes.map((_, j) => {\n const value = datumAt(s, j)?.value;\n\n return value !== undefined && Number.isFinite(value) ? normalize(value, domains[j]) : 0;\n }),\n ),\n );\n setActive(activeIndex);\n\n const eventFor = (index: number, originalEvent: Event): RadarEvent => ({\n axis: axes[index],\n index,\n originalEvent,\n values: valuesAt(index),\n });\n\n const activate = (index: number, originalEvent: Event): void => {\n setActive(index);\n config.onHover?.(eventFor(index, originalEvent));\n\n const text = describe(index);\n\n if (!tooltip) {\n ctx.announcer.announce(text);\n\n return;\n }\n\n const reach = Math.max(0, ...drawn.map((row) => row[index] ?? 0));\n const svgRect = svg.getBoundingClientRect();\n const containerRect = container.getBoundingClientRect();\n const values = valuesAt(index);\n const first = values.find((v) => v.datum)?.datum;\n const rows = values.flatMap(({ datum, series: s }) =>\n datum\n ? [\n {\n color: s.color ?? seriesColor(series.indexOf(s)),\n name: s.name,\n value: formatValue(index, datum.value),\n },\n ]\n : [],\n );\n\n tooltip.show(\n polarX(layout.cx, layout.radius * reach, angles[index]) + (svgRect.left - containerRect.left),\n polarY(layout.cy, layout.radius * reach, angles[index]) + (svgRect.top - containerRect.top),\n { key: axes[index].key, meta: { axis: axes[index], text, values }, value: first?.value ?? 0 },\n { color: series[0]?.color ?? seriesColor(0), data: [], name: axes[index].label },\n comparisonContent(svg.ownerDocument, axes[index].label, rows, text),\n );\n };\n\n const deactivate = (): void => {\n setActive(-1);\n config.onHover?.(null);\n tooltip?.hide();\n ctx.announcer.clear();\n };\n\n const hitIndex = (event: MouseEvent): number => {\n const rect = svg.getBoundingClientRect();\n const dx = event.clientX - rect.left - layout.cx;\n const dy = event.clientY - rect.top - layout.cy;\n\n if (Math.hypot(dx, dy) > layout.radius + labelGap + LABEL_FONT_SIZE * 2) return -1;\n\n return nearestAxis(dx, dy, axes.length, startAngle);\n };\n\n return {\n onClick(event) {\n const index = hitIndex(event);\n\n if (index >= 0) config.onClick?.(eventFor(index, event));\n },\n onKeyDown(event) {\n const step = ARROW_STEPS[event.key];\n\n if (step !== undefined) {\n event.preventDefault();\n activate(activeIndex < 0 ? 0 : (activeIndex + step + axes.length) % axes.length, event);\n } else if ((event.key === 'Enter' || event.key === ' ') && activeIndex >= 0 && config.onClick) {\n event.preventDefault();\n config.onClick(eventFor(activeIndex, event));\n } else if (event.key === 'Escape') {\n deactivate();\n }\n },\n onMouseLeave: deactivate,\n onMouseMove(event) {\n const index = hitIndex(event);\n\n if (index < 0) {\n if (activeIndex >= 0) deactivate();\n } else if (index !== activeIndex) {\n activate(index, event);\n }\n },\n };\n },\n (next) => {\n series = next;\n warnOnInvalid(axes, series);\n },\n );\n\n return {\n get disposalSignal(): AbortSignal {\n return handle!.disposalSignal;\n },\n\n dispose() {\n if (activeRaf !== null) {\n cancelAnimationFrame(activeRaf);\n activeRaf = null;\n }\n\n handle!.dispose();\n },\n\n get disposed(): boolean {\n return handle!.disposed;\n },\n\n el: handle!.el,\n\n update(next) {\n handle!.update(next);\n },\n\n [Symbol.dispose]() {\n this.dispose();\n },\n };\n } catch (error) {\n handle?.dispose();\n throw error;\n }\n}\n"],"mappings":"02BAoCA,IAAM,EAAkB,GAClB,EAAY,GACZ,EAAe,GACf,EAAsC,CAAE,UAAW,EAAG,UAAW,GAAI,WAAY,EAAG,QAAS,EAAG,EAkBtG,SAAS,YAAY,EAAkE,CAGrF,OAFI,IAAS,GAAc,KAEpB,CAAE,MAAO,GAAM,OAAQ,GAAO,OAAQ,EAAG,MAAO,UAAW,GAAI,OAAO,GAAS,SAAW,EAAO,CAAC,CAAG,CAC9G,CAEA,SAAgB,iBAAiB,EAAwB,EAA4D,CACnH,GAAM,CAAE,QAAS,EACX,EAAQ,EAAO,OAAS,SACxB,EAAO,EAAO,MAAQ,QACtB,EAAa,EAAO,YAAc,GAClC,EAAO,YAAY,EAAO,IAAI,EAC9B,EAAa,EAAU,EAAO,YAAc,CAAC,EAC7C,EAAS,EAAW,EAAK,OAAQ,CAAU,EAC3C,EAAW,GAAa,EAAO,WAAa,EAAe,GAC3D,EAAK,EAAS,aAAa,EAC7B,EAAS,EAAO,OAId,EAAO,EAAiB,IAAK,CAAE,MAAO,aAAc,CAAC,EACrD,EAAO,EAAiB,MAAM,EAC9B,EAAY,EAAiB,IAAK,CAAE,cAAe,OAAQ,MAAO,kBAAmB,CAAC,EACtF,EAAc,EAAiB,IAAK,CAAE,MAAO,0BAA2B,CAAC,EACzE,EAAa,EAAiB,IAAK,CAAE,cAAe,OAAQ,MAAO,oBAAqB,CAAC,EAE/F,EAAK,OAAO,EAAM,EAAW,EAAa,CAAU,EAEpD,IAAI,EAAoB,CAAC,EACrB,EAA2B,KAC3B,EAAc,GACd,EAAS,CAAE,GAAI,EAAG,GAAI,EAAG,OAAQ,CAAE,EAEjC,SAAW,EAAsB,IAAkB,EAAE,KAAK,KAAM,GAAM,EAAE,MAAQ,EAAK,EAAM,CAAC,GAAG,EAC/F,SAAY,GAAoC,EAAO,IAAK,IAAO,CAAE,MAAO,QAAQ,EAAG,CAAK,EAAG,OAAQ,CAAE,EAAE,EAC3G,aAAe,EAAe,IAA0B,EAAK,EAAM,CAAC,SAAS,CAAK,GAAK,OAAO,CAAK,EACnG,SAAY,GAChB,EAAe,EAAK,EAAM,CAAC,MAAO,SAAS,CAAK,EAAI,GAAU,YAAY,EAAO,CAAK,CAAC,EAEzF,SAAS,KAAK,EAA6B,CACzC,GAAM,CAAE,KAAI,KAAI,UAAW,EAE3B,EAAU,SAAS,EAAK,IAAM,CAC5B,IAAM,EAAQ,EAAY,SAAS,GAEnC,GAAI,CAAC,EAAO,OAEZ,IAAM,EAAS,EAAY,EAAK,EAAI,EAAI,EAAQ,CAAM,EAEtD,EAAM,cAAc,mBAAmB,CAAC,EAAE,aAAa,IAAK,EAAW,EAAQ,CAAK,CAAC,EACrF,EAAM,iBAAmC,oBAAoB,CAAC,CAAC,SAAS,EAAK,IAAM,CACjF,EAAc,EAAK,CAAE,GAAI,EAAO,EAAE,CAAC,EAAG,GAAI,EAAO,EAAE,CAAC,CAAE,CAAC,CACzD,CAAC,EACD,EAAM,iBAAiC,oBAAoB,CAAC,CAAC,SAAS,EAAM,IAAM,CAChF,IAAM,EAAI,EAAS,EAAI,GAAK,EAE5B,EAAc,EAAM,CAAE,EAAG,EAAO,EAAI,EAAG,EAAO,EAAE,EAAG,EAAG,EAAO,EAAI,EAAG,EAAO,EAAE,CAAE,CAAC,CAClF,CAAC,CACH,CAAC,CACH,CAEA,SAAS,WAAW,EAAmC,CAGrD,GAFA,EAAU,gBAAgB,EAEtB,CAAC,EAAM,OAEX,GAAM,CAAE,KAAI,KAAI,UAAW,EACrB,EAAS,KAAK,IAAI,EAAG,KAAK,MAAM,EAAK,MAAM,CAAC,EAC5C,EAAQ,MAAM,KAAK,CAAE,OAAQ,CAAO,GAAI,EAAG,IAC/C,EAAS,EAAK,MAAO,EAAI,EAAK,GAAU,EAAI,GAAM,EAAQ,CAAM,CAClE,EAEA,GAAI,EAAK,MAEP,IAAK,IAAI,EAAI,EAAS,EAAG,GAAK,EAAG,GAAK,EACpC,EAAU,YACR,EAAiB,OAAQ,CACvB,MAAO,mBACP,EAAG,GAAG,EAAM,KAAK,EAAM,EAAI,IAAM,KACjC,YAAa,SACf,CAAC,CACH,EAIJ,IAAK,IAAM,KAAK,EACd,EAAU,YAAY,EAAiB,OAAQ,CAAE,MAAO,mBAAoB,IAAG,KAAM,MAAO,CAAC,CAAC,EAEhG,EAAO,SAAS,EAAO,IAAM,CAC3B,EAAU,YACR,EAAiB,OAAQ,CACvB,MAAO,oBACP,YAAa,EACb,GAAI,EACJ,GAAI,EAAO,EAAI,EAAQ,CAAK,EAC5B,GAAI,EACJ,GAAI,EAAO,EAAI,EAAQ,CAAK,CAC9B,CAAC,CACH,CACF,CAAC,EAED,GAAM,CAAC,EAAI,GAAM,EAAQ,GACnB,EAAS,EAAQ,OAAO,CAAC,EAAG,KAAO,IAAM,GAAM,IAAM,CAAE,EAE7D,GAAI,CAAC,EAAK,QAAU,CAAC,EAAQ,OAG7B,IAAM,EAAQ,EAAO,GAAK,KAAK,GAAK,EAAO,OAE3C,IAAK,IAAI,EAAI,EAAG,GAAK,EAAQ,IAAK,CAChC,IAAM,EAAK,EAAS,EAAK,EACnB,EAAO,EAAiB,OAAQ,CACpC,MAAO,oBACP,oBAAqB,SACrB,cAAe,SACf,EAAG,EAAO,EAAI,EAAG,CAAK,EACtB,EAAG,EAAO,EAAI,EAAG,CAAK,CACxB,CAAC,EAED,EAAK,YAAc,YAAY,EAAG,KAAK,OAAO,GAAO,EAAK,GAAM,EAAK,GAAU,GAAG,EAAI,GAAG,EACzF,EAAU,YAAY,CAAI,CAC5B,CACF,CAEA,SAAS,cAAqB,CAC5B,EAAW,gBAAgB,EAE3B,GAAM,CAAE,KAAI,KAAI,UAAW,EAE3B,EAAK,SAAS,EAAM,IAAM,CACxB,GAAM,CAAE,SAAQ,YAAa,EAAe,EAAO,EAAE,EAC/C,EAAO,EAAiB,OAAQ,CACpC,MAAO,yBACP,oBAAqB,EACrB,cAAe,EACf,EAAG,EAAO,EAAI,EAAS,EAAU,EAAO,EAAE,EAC1C,EAAG,EAAO,EAAI,EAAS,EAAU,EAAO,EAAE,CAC5C,CAAC,EAED,EAAK,YAAc,EAAK,MACxB,EAAW,YAAY,CAAI,CAC7B,CAAC,CACH,CAEA,SAAS,cAAqB,CAC5B,GAAM,CAAE,KAAI,KAAI,UAAW,EAI3B,IAFA,EAAK,gBAAgB,EAEd,EAAY,SAAS,OAAS,EAAO,QAAQ,EAAY,WAAW,OAAO,EAElF,EAAO,SAAS,EAAG,IAAM,CACvB,IAAM,EAAQ,EAAE,OAAS,EAAY,CAAC,EAClC,EAAQ,EAAY,SAAS,GAE5B,IACH,EAAQ,EAAiB,IAAK,CAAE,MAAO,oBAAqB,CAAC,EAC7D,EAAY,YAAY,CAAK,GAG/B,EAAM,aAAa,iBAAkB,EAAY,EAAG,CAAC,CAAC,EAEtD,EAAM,gBAAgB,EAEtB,IAAM,EAAO,EAAiB,OAAQ,CACpC,MAAO,sCAAsC,IAC7C,OAAQ,EACR,kBAAmB,QACnB,eAAgB,CAClB,CAAC,EAED,GAAI,IAAS,WAAY,CACvB,IAAM,EAAa,GAAG,EAAG,QAAQ,IAC3B,EAAW,EAAiB,iBAAkB,CAClD,KACA,KACA,cAAe,iBACf,GAAI,EACJ,EAAG,CACL,CAAC,EAED,IAAK,GAAM,CAAC,EAAQ,IAAY,CAC9B,CAAC,EAAG,GAAI,EACR,CAAC,EAAG,GAAI,CACV,EACE,EAAS,YACP,EAAiB,OAAQ,CACvB,SACA,aAAc,EACd,eAAgB,EAChB,MAAO,cAAc,GACvB,CAAC,CACH,EAGF,EAAK,YAAY,CAAQ,EACzB,EAAc,EAAM,CAAE,KAAM,QAAQ,EAAW,EAAG,CAAC,CACrD,MACE,EAAc,EAAM,CAAE,KAAM,IAAS,OAAS,OAAS,EAAO,eAAgB,GAAK,CAAC,EAGtF,EAAM,YAAY,CAAI,EAElB,GACF,EAAK,SAAS,EAAG,IAAM,CACrB,IAAM,EAAU,CAAC,OAAO,SAAS,QAAQ,EAAG,CAAC,CAAC,EAAE,KAAK,EAErD,EAAM,YACJ,EAAiB,SAAU,CACzB,MAAO,oBAAoB,EAAU,8BAAgC,KACrE,YAAa,EACb,KAAM,EAAU,OAAS,EACzB,EAAG,EACH,OAAQ,CACV,CAAC,CACH,CACF,CAAC,EAGC,EAAO,YACT,EAAK,SAAS,EAAG,IAAM,CACrB,IAAM,EAAQ,QAAQ,EAAG,CAAC,EACpB,CAAE,SAAQ,YAAa,EAAe,EAAO,EAAE,EAC/C,EAAO,EAAiB,OAAQ,CACpC,cAAe,OACf,MAAO,oBACP,oBAAqB,EACrB,cAAe,CACjB,CAAC,EAED,EAAK,YAAc,GAAS,OAAO,SAAS,EAAM,KAAK,EAAI,YAAY,EAAG,EAAM,KAAK,EAAI,GACzF,EAAM,YAAY,CAAI,CACxB,CAAC,CAEL,CAAC,CACH,CAEA,SAAS,UAAU,EAAqB,CACtC,EAAc,EACd,IAAK,IAAM,KAAM,EAAK,iBAAiB,aAAa,EAAG,CACrD,IAAM,EAAS,OAAO,EAAG,aAAa,WAAW,CAAC,IAAM,EAExD,EAAG,UAAU,OAAO,EAAG,UAAY,OAAS,4BAA8B,4BAA6B,CAAM,CAC/G,CACF,CAEA,SAAS,UAAU,EAA2B,CACxC,IAAc,OAChB,qBAAqB,CAAS,EAC9B,EAAY,MAGd,IAAM,EAAO,EAAQ,KAAK,EAAK,IAAM,EAAI,KAAK,EAAG,IAAM,EAAM,EAAE,GAAG,IAAM,CAAC,CAAC,EACpE,EAAS,EAAc,EAAO,WAAY,GAAG,EAC7C,EAAS,EAAc,EAAO,QAAU,UAAU,EAClD,EAAY,EAAK,OAAO,EAAK,IAAM,EAAI,OAAO,EAAG,IAAM,IAAM,EAAQ,EAAE,CAAC,EAAE,CAAC,EAEjF,GAAI,EAAO,WAAa,GAAK,EAAW,CACtC,EAAQ,EACR,KAAK,CAAO,EAEZ,MACF,CAEA,IAAI,EAAuB,KAErB,MAAS,GAAqB,CAC9B,IAAU,OAAM,EAAQ,GAE5B,IAAM,EAAU,EAAK,EACjB,EAAO,GAEX,EAAQ,EAAQ,KAAK,EAAK,IAAM,CAC9B,IAAM,EAAM,KAAK,IAAI,EAAG,KAAK,IAAI,GAAI,EAAU,EAAI,EAAO,SAAW,EAAO,QAAQ,CAAC,EAIrF,OAFI,EAAM,IAAG,EAAO,IAEb,EAAI,KAAK,EAAI,IAAM,EAAY,EAAK,EAAE,CAAC,GAAI,EAAI,EAAO,CAAG,CAAC,CAAC,CACpE,CAAC,EACD,KAAK,CAAK,EACV,EAAY,EAAO,KAAO,sBAAsB,KAAK,CACvD,EAEA,EAAY,sBAAsB,KAAK,CACzC,CAEA,IAAI,EAEJ,GAAI,CAkJF,MAjJA,GAAS,EACP,EACA,CAAE,KAAM,EAAO,KAAM,OAAQ,EAAO,OAAQ,QAAS,EAAO,OAAQ,EACnE,GAAwC,CACvC,GAAM,CAAE,SAAQ,MAAK,WAAY,EAOjC,GALK,EAAI,SAAS,CAAI,GAAG,EAAI,YAAY,CAAI,EAE7C,GAAS,KAAK,EACd,GAAQ,OAAO,EAAO,KAAK,EAAG,KAAO,CAAE,MAAO,EAAE,OAAS,EAAY,CAAC,EAAG,KAAM,EAAE,IAAK,EAAE,CAAC,EAErF,EAAK,OAAS,EAAG,CACnB,IAAK,IAAM,IAAS,CAAC,EAAM,EAAW,EAAa,CAAU,EAAG,EAAM,gBAAgB,EACtF,EAAQ,CAAC,EAET,MACF,CAEA,GAAM,CAAE,SAAQ,SAAU,EAAI,WACxB,EAAS,EACb,EACA,EACA,EAAK,IAAK,GAAS,EAAK,KAAK,EAC7B,EACA,EACA,CACF,EAEA,EAAS,CAAE,GAAI,EAAQ,EAAG,GAAI,EAAS,EAAG,QAAO,EAEjD,IAAM,EAAU,EAAmB,EAAM,EAAQ,EAAO,MAAM,EAE9D,WAAW,CAAO,EAClB,aAAa,EACb,aAAa,EACb,UACE,EAAO,IAAK,GACV,EAAK,KAAK,EAAG,IAAM,CACjB,IAAM,EAAQ,QAAQ,EAAG,CAAC,CAAC,EAAE,MAE7B,OAAO,IAAU,IAAA,IAAa,OAAO,SAAS,CAAK,EAAI,EAAU,EAAO,EAAQ,EAAE,EAAI,CACxF,CAAC,CACH,CACF,EACA,UAAU,CAAW,EAErB,IAAM,UAAY,EAAe,KAAsC,CACrE,KAAM,EAAK,GACX,QACA,gBACA,OAAQ,SAAS,CAAK,CACxB,GAEM,UAAY,EAAe,IAA+B,CAC9D,UAAU,CAAK,EACf,EAAO,UAAU,SAAS,EAAO,CAAa,CAAC,EAE/C,IAAM,EAAO,SAAS,CAAK,EAE3B,GAAI,CAAC,EAAS,CACZ,EAAI,UAAU,SAAS,CAAI,EAE3B,MACF,CAEA,IAAM,EAAQ,KAAK,IAAI,EAAG,GAAG,EAAM,IAAK,GAAQ,EAAI,IAAU,CAAC,CAAC,EAC1D,EAAU,EAAI,sBAAsB,EACpC,EAAgB,EAAU,sBAAsB,EAChD,EAAS,SAAS,CAAK,EACvB,EAAQ,EAAO,KAAM,GAAM,EAAE,KAAK,CAAC,EAAE,MACrC,EAAO,EAAO,SAAS,CAAE,QAAO,OAAQ,KAC5C,EACI,CACE,CACE,MAAO,EAAE,OAAS,EAAY,EAAO,QAAQ,CAAC,CAAC,EAC/C,KAAM,EAAE,KACR,MAAO,YAAY,EAAO,EAAM,KAAK,CACvC,CACF,EACA,CAAC,CACP,EAEA,EAAQ,KACN,EAAO,EAAO,GAAI,EAAO,OAAS,EAAO,EAAO,EAAM,GAAK,EAAQ,KAAO,EAAc,MACxF,EAAO,EAAO,GAAI,EAAO,OAAS,EAAO,EAAO,EAAM,GAAK,EAAQ,IAAM,EAAc,KACvF,CAAE,IAAK,EAAK,EAAM,CAAC,IAAK,KAAM,CAAE,KAAM,EAAK,GAAQ,OAAM,QAAO,EAAG,MAAO,GAAO,OAAS,CAAE,EAC5F,CAAE,MAAO,EAAO,EAAE,EAAE,OAAS,EAAY,CAAC,EAAG,KAAM,CAAC,EAAG,KAAM,EAAK,EAAM,CAAC,KAAM,EAC/E,EAAkB,EAAI,cAAe,EAAK,EAAM,CAAC,MAAO,EAAM,CAAI,CACpE,CACF,EAEM,eAAyB,CAC7B,UAAU,EAAE,EACZ,EAAO,UAAU,IAAI,EACrB,GAAS,KAAK,EACd,EAAI,UAAU,MAAM,CACtB,EAEM,SAAY,GAA8B,CAC9C,IAAM,EAAO,EAAI,sBAAsB,EACjC,EAAK,EAAM,QAAU,EAAK,KAAO,EAAO,GACxC,EAAK,EAAM,QAAU,EAAK,IAAM,EAAO,GAI7C,OAFI,KAAK,MAAM,EAAI,CAAE,EAAI,EAAO,OAAS,EAAW,GAA4B,GAEzE,EAAY,EAAI,EAAI,EAAK,OAAQ,CAAU,CACpD,EAEA,MAAO,CACL,QAAQ,EAAO,CACb,IAAM,EAAQ,SAAS,CAAK,EAExB,GAAS,GAAG,EAAO,UAAU,SAAS,EAAO,CAAK,CAAC,CACzD,EACA,UAAU,EAAO,CACf,IAAM,EAAO,EAAY,EAAM,KAE3B,IAAS,IAAA,IAGD,EAAM,MAAQ,SAAW,EAAM,MAAQ,MAAQ,GAAe,GAAK,EAAO,SACpF,EAAM,eAAe,EACrB,EAAO,QAAQ,SAAS,EAAa,CAAK,CAAC,GAClC,EAAM,MAAQ,UACvB,WAAW,GANX,EAAM,eAAe,EACrB,SAAS,EAAc,EAAI,GAAK,EAAc,EAAO,EAAK,QAAU,EAAK,OAAQ,CAAK,EAO1F,EACA,aAAc,WACd,YAAY,EAAO,CACjB,IAAM,EAAQ,SAAS,CAAK,EAExB,EAAQ,EACN,GAAe,GAAG,WAAW,EACxB,IAAU,GACnB,SAAS,EAAO,CAAK,CAEzB,CACF,CACF,EACC,GAAS,CACR,EAAS,CAEX,CACF,EAEO,CACL,IAAI,gBAA8B,CAChC,OAAO,EAAQ,cACjB,EAEA,SAAU,CACJ,IAAc,OAChB,qBAAqB,CAAS,EAC9B,EAAY,MAGd,EAAQ,QAAQ,CAClB,EAEA,IAAI,UAAoB,CACtB,OAAO,EAAQ,QACjB,EAEA,GAAI,EAAQ,GAEZ,OAAO,EAAM,CACX,EAAQ,OAAO,CAAI,CACrB,EAEA,CAAC,OAAO,UAAW,CACjB,KAAK,QAAQ,CACf,CACF,CACF,OAAS,EAAO,CAEd,MADA,GAAQ,QAAQ,EACV,CACR,CACF"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
function hasStyledRuns(e){return e?.some(e=>e&&(e.dash!==void 0||e.opacity!==void 0))??!1}function computeStyleRuns(e,t){let n=Math.max(0,t-1);if(n===0)return[];let r=[];for(let t=0;t<n;t++){let n=e[t]??{},i=r[r.length-1];if(i&&i.dash===n.dash&&i.opacity===n.opacity){i.end=t+1;continue}r.push({dash:n.dash,end:t+1,opacity:n.opacity,start:t})}return r}exports.computeStyleRuns=computeStyleRuns,exports.hasStyledRuns=hasStyledRuns;
|
|
2
|
+
//# sourceMappingURL=datum-style.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"datum-style.cjs","names":[],"sources":["../../src/core/datum-style.ts"],"sourcesContent":["import type { Datum } from '../types';\n\nexport type DatumMark = Pick<Datum, 'dash' | 'opacity'>;\n\n/** True when any datum carries a presentation field, forcing the styled-runs path. */\nexport function hasStyledRuns(marks: readonly DatumMark[] | undefined): boolean {\n return marks?.some((mark) => mark && (mark.dash !== undefined || mark.opacity !== undefined)) ?? false;\n}\n\nexport interface StyleRun {\n dash?: string;\n end: number;\n opacity?: number;\n /** Index of the run's first point. */\n start: number;\n}\n\n/**\n * Groups consecutive segments that share one datum style into runs. Datum `i`\n * styles the segment from point `i` to point `i+1` (Chart.js-style segment\n * semantics), so the last datum's style has no segment to paint and is ignored.\n */\nexport function computeStyleRuns(marks: readonly DatumMark[], pointCount: number): StyleRun[] {\n const segmentCount = Math.max(0, pointCount - 1);\n\n if (segmentCount === 0) return [];\n\n const runs: StyleRun[] = [];\n\n for (let i = 0; i < segmentCount; i++) {\n const mark = marks[i] ?? {};\n const prev = runs[runs.length - 1];\n\n if (prev && prev.dash === mark.dash && prev.opacity === mark.opacity) {\n prev.end = i + 1;\n\n continue;\n }\n\n runs.push({ dash: mark.dash, end: i + 1, opacity: mark.opacity, start: i });\n }\n\n return runs;\n}\n"],"mappings":"AAKA,SAAgB,cAAc,EAAkD,CAC9E,OAAO,GAAO,KAAM,GAAS,IAAS,EAAK,OAAS,IAAA,IAAa,EAAK,UAAY,IAAA,GAAU,GAAK,EACnG,CAeA,SAAgB,iBAAiB,EAA6B,EAAgC,CAC5F,IAAM,EAAe,KAAK,IAAI,EAAG,EAAa,CAAC,EAE/C,GAAI,IAAiB,EAAG,MAAO,CAAC,EAEhC,IAAM,EAAmB,CAAC,EAE1B,IAAK,IAAI,EAAI,EAAG,EAAI,EAAc,IAAK,CACrC,IAAM,EAAO,EAAM,IAAM,CAAC,EACpB,EAAO,EAAK,EAAK,OAAS,GAEhC,GAAI,GAAQ,EAAK,OAAS,EAAK,MAAQ,EAAK,UAAY,EAAK,QAAS,CACpE,EAAK,IAAM,EAAI,EAEf,QACF,CAEA,EAAK,KAAK,CAAE,KAAM,EAAK,KAAM,IAAK,EAAI,EAAG,QAAS,EAAK,QAAS,MAAO,CAAE,CAAC,CAC5E,CAEA,OAAO,CACT"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import type { Datum } from '../types';
|
|
2
|
+
export type DatumMark = Pick<Datum, 'dash' | 'opacity'>;
|
|
3
|
+
/** True when any datum carries a presentation field, forcing the styled-runs path. */
|
|
4
|
+
export declare function hasStyledRuns(marks: readonly DatumMark[] | undefined): boolean;
|
|
5
|
+
export interface StyleRun {
|
|
6
|
+
dash?: string;
|
|
7
|
+
end: number;
|
|
8
|
+
opacity?: number;
|
|
9
|
+
/** Index of the run's first point. */
|
|
10
|
+
start: number;
|
|
11
|
+
}
|
|
12
|
+
/**
|
|
13
|
+
* Groups consecutive segments that share one datum style into runs. Datum `i`
|
|
14
|
+
* styles the segment from point `i` to point `i+1` (Chart.js-style segment
|
|
15
|
+
* semantics), so the last datum's style has no segment to paint and is ignored.
|
|
16
|
+
*/
|
|
17
|
+
export declare function computeStyleRuns(marks: readonly DatumMark[], pointCount: number): StyleRun[];
|
|
18
|
+
//# sourceMappingURL=datum-style.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"datum-style.d.ts","sourceRoot":"","sources":["../../src/core/datum-style.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAEtC,MAAM,MAAM,SAAS,GAAG,IAAI,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC,CAAC;AAExD,sFAAsF;AACtF,wBAAgB,aAAa,CAAC,KAAK,EAAE,SAAS,SAAS,EAAE,GAAG,SAAS,GAAG,OAAO,CAE9E;AAED,MAAM,WAAW,QAAQ;IACvB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;IACZ,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,sCAAsC;IACtC,KAAK,EAAE,MAAM,CAAC;CACf;AAED;;;;GAIG;AACH,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,SAAS,SAAS,EAAE,EAAE,UAAU,EAAE,MAAM,GAAG,QAAQ,EAAE,CAqB5F"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
function hasStyledRuns(e){return e?.some(e=>e&&(e.dash!==void 0||e.opacity!==void 0))??!1}function computeStyleRuns(e,t){let n=Math.max(0,t-1);if(n===0)return[];let r=[];for(let t=0;t<n;t++){let n=e[t]??{},i=r[r.length-1];if(i&&i.dash===n.dash&&i.opacity===n.opacity){i.end=t+1;continue}r.push({dash:n.dash,end:t+1,opacity:n.opacity,start:t})}return r}export{computeStyleRuns,hasStyledRuns};
|
|
2
|
+
//# sourceMappingURL=datum-style.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"datum-style.js","names":[],"sources":["../../src/core/datum-style.ts"],"sourcesContent":["import type { Datum } from '../types';\n\nexport type DatumMark = Pick<Datum, 'dash' | 'opacity'>;\n\n/** True when any datum carries a presentation field, forcing the styled-runs path. */\nexport function hasStyledRuns(marks: readonly DatumMark[] | undefined): boolean {\n return marks?.some((mark) => mark && (mark.dash !== undefined || mark.opacity !== undefined)) ?? false;\n}\n\nexport interface StyleRun {\n dash?: string;\n end: number;\n opacity?: number;\n /** Index of the run's first point. */\n start: number;\n}\n\n/**\n * Groups consecutive segments that share one datum style into runs. Datum `i`\n * styles the segment from point `i` to point `i+1` (Chart.js-style segment\n * semantics), so the last datum's style has no segment to paint and is ignored.\n */\nexport function computeStyleRuns(marks: readonly DatumMark[], pointCount: number): StyleRun[] {\n const segmentCount = Math.max(0, pointCount - 1);\n\n if (segmentCount === 0) return [];\n\n const runs: StyleRun[] = [];\n\n for (let i = 0; i < segmentCount; i++) {\n const mark = marks[i] ?? {};\n const prev = runs[runs.length - 1];\n\n if (prev && prev.dash === mark.dash && prev.opacity === mark.opacity) {\n prev.end = i + 1;\n\n continue;\n }\n\n runs.push({ dash: mark.dash, end: i + 1, opacity: mark.opacity, start: i });\n }\n\n return runs;\n}\n"],"mappings":"AAKA,SAAgB,cAAc,EAAkD,CAC9E,OAAO,GAAO,KAAM,GAAS,IAAS,EAAK,OAAS,IAAA,IAAa,EAAK,UAAY,IAAA,GAAU,GAAK,EACnG,CAeA,SAAgB,iBAAiB,EAA6B,EAAgC,CAC5F,IAAM,EAAe,KAAK,IAAI,EAAG,EAAa,CAAC,EAE/C,GAAI,IAAiB,EAAG,MAAO,CAAC,EAEhC,IAAM,EAAmB,CAAC,EAE1B,IAAK,IAAI,EAAI,EAAG,EAAI,EAAc,IAAK,CACrC,IAAM,EAAO,EAAM,IAAM,CAAC,EACpB,EAAO,EAAK,EAAK,OAAS,GAEhC,GAAI,GAAQ,EAAK,OAAS,EAAK,MAAQ,EAAK,UAAY,EAAK,QAAS,CACpE,EAAK,IAAM,EAAI,EAEf,QACF,CAEA,EAAK,KAAK,CAAE,KAAM,EAAK,KAAM,IAAK,EAAI,EAAG,QAAS,EAAK,QAAS,MAAO,CAAE,CAAC,CAC5E,CAEA,OAAO,CACT"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"series-id.cjs","names":[],"sources":["../../src/core/series-id.ts"],"sourcesContent":["import type { Series } from '../types';\n\n/**\n * Stable `data-series-id` value for a series group: the sanitized explicit\n * `id`, else the positional `series-<index>` fallback. Characters outside\n * `[A-Za-z0-9_-]` become `-` so the value is always attribute-safe.\n */\nexport function seriesDomId(series: Pick<Series, 'id' | 'name'> | undefined, index: number): string {\n return series?.id ? series.id.replace(/[^A-Za-z0-9_-]/g, '-') : `series-${index}`;\n}\n"],"mappings":"AAOA,SAAgB,YAAY,EAAiD,EAAuB,CAClG,OAAO,GAAQ,GAAK,EAAO,GAAG,QAAQ,kBAAmB,GAAG,EAAI,UAAU,GAC5E"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import type { Series } from '../types';
|
|
2
|
+
/**
|
|
3
|
+
* Stable `data-series-id` value for a series group: the sanitized explicit
|
|
4
|
+
* `id`, else the positional `series-<index>` fallback. Characters outside
|
|
5
|
+
* `[A-Za-z0-9_-]` become `-` so the value is always attribute-safe.
|
|
6
|
+
*/
|
|
7
|
+
export declare function seriesDomId(series: Pick<Series, 'id' | 'name'> | undefined, index: number): string;
|
|
8
|
+
//# sourceMappingURL=series-id.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"series-id.d.ts","sourceRoot":"","sources":["../../src/core/series-id.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAEvC;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,IAAI,GAAG,MAAM,CAAC,GAAG,SAAS,EAAE,KAAK,EAAE,MAAM,GAAG,MAAM,CAElG"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"series-id.js","names":[],"sources":["../../src/core/series-id.ts"],"sourcesContent":["import type { Series } from '../types';\n\n/**\n * Stable `data-series-id` value for a series group: the sanitized explicit\n * `id`, else the positional `series-<index>` fallback. Characters outside\n * `[A-Za-z0-9_-]` become `-` so the value is always attribute-safe.\n */\nexport function seriesDomId(series: Pick<Series, 'id' | 'name'> | undefined, index: number): string {\n return series?.id ? series.id.replace(/[^A-Za-z0-9_-]/g, '-') : `series-${index}`;\n}\n"],"mappings":"AAOA,SAAgB,YAAY,EAAiD,EAAuB,CAClG,OAAO,GAAQ,GAAK,EAAO,GAAG,QAAQ,kBAAmB,GAAG,EAAI,UAAU,GAC5E"}
|