@vielzeug/prism 26.10.20 → 26.10.22
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/README.md +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 +136 -97
- package/dist/charts/bar/bar-chart.js.map +1 -1
- package/dist/charts/bar/bar-value-labels.cjs +2 -0
- package/dist/charts/bar/bar-value-labels.cjs.map +1 -0
- package/dist/charts/bar/bar-value-labels.d.ts +34 -0
- package/dist/charts/bar/bar-value-labels.d.ts.map +1 -0
- package/dist/charts/bar/bar-value-labels.js +55 -0
- package/dist/charts/bar/bar-value-labels.js.map +1 -0
- package/dist/charts/heatmap/heatmap-chart.cjs +2 -0
- package/dist/charts/heatmap/heatmap-chart.cjs.map +1 -0
- package/dist/charts/heatmap/heatmap-chart.d.ts +12 -0
- package/dist/charts/heatmap/heatmap-chart.d.ts.map +1 -0
- package/dist/charts/heatmap/heatmap-chart.js +282 -0
- package/dist/charts/heatmap/heatmap-chart.js.map +1 -0
- package/dist/charts/heatmap/heatmap-color.cjs +2 -0
- package/dist/charts/heatmap/heatmap-color.cjs.map +1 -0
- package/dist/charts/heatmap/heatmap-color.d.ts +32 -0
- package/dist/charts/heatmap/heatmap-color.d.ts.map +1 -0
- package/dist/charts/heatmap/heatmap-color.js +61 -0
- package/dist/charts/heatmap/heatmap-color.js.map +1 -0
- package/dist/charts/heatmap/index.d.ts +2 -0
- package/dist/charts/heatmap/index.d.ts.map +1 -0
- package/dist/index.cjs +1 -1
- package/dist/index.d.ts +2 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +7 -6
- 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 +539 -123
- package/dist/prism.js.map +1 -1
- package/dist/theme/prism.css +47 -0
- package/dist/types.d.ts +75 -0
- package/dist/types.d.ts.map +1 -1
- package/package.json +3 -3
package/README.md
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
require("../../_dev.cjs");const e=require("../../svg/element.cjs"),t=require("../../axes/axis.cjs"),n=require("../../axes/grid.cjs"),r=require("../../scales/linear.cjs"),i=require("../../interaction/announcer.cjs"),a=require("../../interaction/tooltip.cjs"),o=require("../../core/layout.cjs"),s=require("../../core/chart-scaffold.cjs"),c=require("../../core/series-id.cjs"),l=require("../../core/cartesian-model.cjs"),u=require("../../interaction/events.cjs"),d=require("../../theme/index.cjs"),f=require("../../scales/band.cjs"),p=require("./bar-hit-test.cjs"),m=require("./bar-renderer.cjs");function variantFlags(e){return{horizontal:e===`grouped-horizontal`||e===`stacked-horizontal`,stacked:e===`stacked`||e===`stacked-horizontal`}}function createBarChart(
|
|
1
|
+
require("../../_dev.cjs");const e=require("../../svg/element.cjs"),t=require("../../axes/axis.cjs"),n=require("../../axes/grid.cjs"),r=require("../../scales/linear.cjs"),i=require("../../interaction/announcer.cjs"),a=require("../../interaction/tooltip.cjs"),o=require("../../core/layout.cjs"),s=require("../../core/chart-scaffold.cjs"),c=require("../../core/series-id.cjs"),l=require("../../core/cartesian-model.cjs"),u=require("../../interaction/events.cjs"),d=require("../../theme/index.cjs"),f=require("../../scales/band.cjs"),p=require("./bar-hit-test.cjs"),m=require("./bar-renderer.cjs"),h=require("./bar-value-labels.cjs");function variantFlags(e){return{horizontal:e===`grouped-horizontal`||e===`stacked-horizontal`,stacked:e===`stacked`||e===`stacked-horizontal`}}function createBarChart(g,_){let v=_.series,y=null,b=null;return s.createChartScaffold(g,_,(g,x)=>{let{groups:S,legend:C,tooltip:w}=g;C?.update(v.map((e,t)=>({color:d.seriesColor(t,e.color),name:e.name})));let T=g.dimensions,E=o.chartArea(T.width,T.height,T.margin),D=v.map(e=>e.data),O=l.normalizeCartesianSeries(v,D),k=O.domain,A=O.series.map(({byKey:e})=>k.map(t=>e.get(t))),categoryAxis=e=>({...e,tickFormat:t=>{let n=String(t),r=O.labels.get(n)??t;return e.tickFormat?e.tickFormat(r):String(r)}});if(k.length===0){s.clearCartesianDom(S,C,w),y?.remove(),y=null,b?.remove(),b=null;return}let{horizontal:j,stacked:M}=variantFlags(_.variant??`grouped`),N=_.xAxis===!1?!1:j?{grid:!0,..._.xAxis}:_.xAxis??{},P=_.yAxis===!1?!1:j?_.yAxis??{}:{grid:!0,..._.yAxis},F,I;if(M){A.some(e=>e.some(e=>(e?.value??0)<0));let e=k.map((e,t)=>A.reduce((e,n)=>e+Math.max(0,n[t]?.value??0),0));F=Math.max(...e),I=0}else{let e=A.flatMap(e=>e.flatMap(e=>e?[e.value]:[]));F=Math.max(...e),I=Math.min(0,...e)}let L=j?f.bandScale({domain:k,range:[0,E.height]}):f.bandScale({domain:k,range:[0,E.width]}),R=j?r.linearScale({domain:[I,F],range:[0,E.width]}):r.linearScale({domain:[I,F],range:[E.height,0]}),z=[],B=Object.create(null);for(let e of k)B[e]=0;let V={bandCenter:e=>L.map(e)+L.bandwidth()/2,bandwidth:L.bandwidth(),baselinePx:R.map(0),horizontal:j,stacked:M,stackedTops:z,valueScale:R};if(j){if(N&&N.grid&&n.renderGrid(S.grid,R,N.grid,E.height,`vertical`,t.resolveTicks(R,N,t.resolveTickCount(N,E.width,`bottom`))),P!==!1){let e=categoryAxis(P);t.positionAxis(S.yAxis,e.position??`left`,E.width,E.height),t.renderAxis(S.yAxis,L,e,E.height,`left`)}N&&(t.positionAxis(S.xAxis,N.position??`bottom`,E.width,E.height),t.renderAxis(S.xAxis,R,N,E.width,`bottom`))}else{if(P&&P.grid&&n.renderGrid(S.grid,R,P.grid,E.width,`horizontal`,t.resolveTicks(R,P,t.resolveTickCount(P,E.height,`left`))),N!==!1){let e=categoryAxis(N);t.positionAxis(S.xAxis,e.position??`bottom`,E.width,E.height),t.renderAxis(S.xAxis,L,e,E.width,`bottom`)}P&&(t.positionAxis(S.yAxis,P.position??`left`,E.width,E.height),t.renderAxis(S.yAxis,R,P,E.height,`left`))}let H=M?0:Number.parseFloat(getComputedStyle(g.svg).getPropertyValue(`--prism-bar-radius`))||0;for(;S.series.children.length>v.length;){let e=S.series.lastElementChild;e&&S.series.removeChild(e)}for(let t=0;t<v.length;t++){let n=v[t],r=S.series.children[t];r||(r=e.createSvgElement(`g`,{class:`prism-bar-series`}),S.series.appendChild(r)),r.setAttribute(`data-series-id`,c.seriesDomId(n,t));let i=k.map((e,n)=>{let r=A[t]?.[n];if(M){let t=B[e]??0,n=t+Math.max(0,r?.value??0);return B[e]=n,{base:t,dash:r?.dash,key:e,opacity:r?.opacity,present:r!==void 0,y:n}}return{base:0,dash:r?.dash,key:e,opacity:r?.opacity,present:r!==void 0,y:r?.value??0}});z[t]=i.map(e=>e.y);let a=M?i.map(e=>R.map(e.base)):void 0;m.renderBars(r,i,L,R,V.baselinePx,{baselineYs:a,borderRadius:n.borderRadius??H,color:d.seriesColor(t,n.color),disposalSignal:g.disposalSignal,horizontal:j,seriesCount:v.length,seriesIndex:t,stacked:M,transition:x!==`resize`&&_.transition})}if(w?.hide(),S.series.classList.toggle(`prism-bars-stacked`,M),_.showValues){(!b||!g.chartArea.contains(b))&&(b=e.createSvgElement(`g`,{"aria-hidden":`true`,class:`prism-bar-values`}),g.chartArea.appendChild(b));let t=_.valueFormat??String,n=[];if(M)for(let e=0;e<k.length;e++){let r=A.reduce((t,n)=>t+Math.max(0,n[e]?.value??0),0);r<=0||n.push({bandSize:L.bandwidth(),barLength:Math.abs(R.map(r)-R.map(0)),center:L.map(k[e])+L.bandwidth()/2,dir:1,text:t(r),valueEdge:R.map(r)})}else for(let e=0;e<v.length;e++){let r=L.bandwidth()/v.length;for(let i=0;i<k.length;i++){let a=A[e]?.[i];a&&n.push({bandSize:Math.max(0,r-1),barLength:Math.abs(R.map(a.value)-R.map(0)),center:L.map(k[i])+r*e+r/2,dir:a.value<0?-1:1,text:t(a.value),valueEdge:R.map(a.value)})}}h.renderBarValueLabels(b,n,{areaExtent:j?E.width:E.height,disposalSignal:g.disposalSignal,horizontal:j,transition:x!==`resize`&&_.transition})}else b?.remove(),b=null;(!y||!g.chartArea.contains(y))&&(y=e.createSvgElement(`rect`,{"aria-hidden":`true`,class:`prism-bar-band`,"pointer-events":`none`}),g.chartArea.insertBefore(y,S.series)),y.style.display=`none`;let U=v.map((e,t)=>d.seriesColor(t,e.color)),labelOf=e=>String(O.labels.get(k[e])??k[e]),W=typeof _.tooltip==`object`?_.tooltip:void 0,keyOf=e=>O.labels.get(k[e])??k[e],titleOf=e=>W?.titleFormat?W.titleFormat(keyOf(e)):labelOf(e),G=W?.valueFormat??String,K=-1,valuesAt=e=>v.map((t,n)=>({datum:A[n]?.[e],series:t})),eventAt=(e,t,n)=>{let r=valuesAt(e),i=r[t]?.datum?t:r.findIndex(e=>e.datum),a=r[i]?.datum;return a?{datum:a,originalEvent:n,series:v[i],values:r}:null},setActive=t=>{K=t,S.series.classList.toggle(`prism-bars-focused`,t>=0);for(let e of S.series.children)for(let[n,r]of[...e.children].entries())r.classList.toggle(`prism-bar--active`,n===t);if(!y||(y.style.display=t<0?`none`:``,t<0))return;let n=V.bandCenter(k[t])-L.bandwidth()/2-L.gap()/2,r=L.bandwidth()+L.gap(),i=o.chartArea(g.dimensions.width,g.dimensions.height,g.dimensions.margin);e.setAttributes(y,j?{height:r,width:i.width,x:0,y:n}:{height:i.height,width:r,x:n,y:0})},activate=(e,t,n)=>{let r=eventAt(e,t,n);if(!r)return;setActive(e);let o=r.values??[],s=i.describeValues(titleOf(e),o,G);if(w){let t=o.map((t,n)=>M?z[n]?.[e]??0:Math.max(0,t.datum?.value??0)),n=R.map(Math.max(...t)),i=V.bandCenter(k[e]),{margin:c}=g.dimensions,l=o.flatMap((e,t)=>e.datum?[{color:U[t],name:e.series.name,value:G(e.datum.value,e.datum,e.series)}]:[]);w.show((j?n:i)+c.left,(j?i:n)+c.top,r.datum,r.series,a.comparisonContent(g.svg.ownerDocument,titleOf(e),l,s))}else g.announcer.announce(s);_.onHover?.(r)},deactivate=()=>{setActive(-1),w?.hide(),g.announcer.clear(),_.onHover?.(null)},hit=e=>{let t=g.dimensions,n=u.getMousePosition(g.svg,e,t.margin.left,t.margin.top),r=o.chartArea(t.width,t.height,t.margin);if(n.x<0||n.x>r.width||n.y<0||n.y>r.height)return null;let i=p.findCatIdx(j?n.y:n.x,k,V);return i===-1?null:{catIdx:i,seriesIdx:p.findSeriesIdx(n,i,k,V,v.length)}},onMouseMove=e=>{let t=hit(e);t?activate(t.catIdx,t.seriesIdx,e):K>=0&&deactivate()},onClick=e=>{let t=_.onClick&&hit(e),n=t&&eventAt(t.catIdx,t.seriesIdx,e);n&&_.onClick?.(n)},onKeyDown=e=>{let t=k.length-1,n=K<0?t:Math.max(0,K-1),r=K<0?0:Math.min(t,K+1),i={ArrowDown:r,ArrowLeft:n,ArrowRight:r,ArrowUp:n,End:t,Home:0};if(e.key in i)e.preventDefault(),activate(i[e.key],0,e);else if((e.key===`Enter`||e.key===` `)&&K>=0&&_.onClick){e.preventDefault();let t=eventAt(K,0,e);t&&_.onClick(t)}else e.key===`Escape`&&deactivate()};return{onClick,onKeyDown,onMouseLeave:deactivate,onMouseMove}},e=>{v=e})}exports.createBarChart=createBarChart;
|
|
2
2
|
//# sourceMappingURL=bar-chart.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"bar-chart.cjs","names":["createChartScaffold","seriesColor","chartArea","normalizeCartesianSeries","bandScale","linearScale","resolveTicks","resolveTickCount","createSvgElement","seriesDomId","describeValues","comparisonContent","getMousePosition","findCatIdx","findSeriesIdx","require_element","require_axis","require_grid","require_linear","require_announcer","require_tooltip","require_layout","require_chart_scaffold","require_series_id","require_cartesian_model","require_events","require_index","require_band","require_bar_hit_test","require_bar_renderer","variant","seriesList","config","band","container","ctx","legend","i","s","dims","area","sourceData","series","model","categories","allData","byKey","key","axis","value","label","groups","tooltip","xAxisConfig","horizontal","yAxisConfig","vMax","vMin","stacked","seriesData","datum","sums","sum","categoryIndex","allY","catScale","valScale","stackedTops","stackTops","cat","sc","yAxis","xAxis","themeRadius","last","group","barData","base","top","d","baselineYs","reason","colors","catIdx","tooltipFormat","formatValue","activeCat","si","values","preferred","seriesIdx","v","rect","start","size","a","event","originalEvent","spoken","tops","valuePx","bandCenterPx","rows","margin","pos","target","chartEvent","prev","next","data"],"sources":["../../../src/charts/bar/bar-chart.ts"],"sourcesContent":["import { warn } from '../../_dev';\nimport { positionAxis, renderAxis, resolveTickCount, resolveTicks } from '../../axes/axis';\nimport { renderGrid } from '../../axes/grid';\nimport { normalizeCartesianSeries } from '../../core/cartesian-model';\nimport { clearCartesianDom, createChartScaffold } from '../../core/chart-scaffold';\nimport { chartArea } from '../../core/layout';\nimport { seriesDomId } from '../../core/series-id';\nimport { describeValues } from '../../interaction/announcer';\nimport { getMousePosition } from '../../interaction/events';\nimport { comparisonContent } from '../../interaction/tooltip';\nimport { bandScale } from '../../scales/band';\nimport { linearScale } from '../../scales/linear';\nimport { createSvgElement, setAttributes } from '../../svg/element';\nimport { seriesColor } from '../../theme';\nimport type {\n BarChartConfig,\n BarSeriesConfig,\n BarVariant,\n ChartEvent,\n ChartHandle,\n Datum,\n SeriesValue,\n XAxisConfig,\n YAxisConfig,\n} from '../../types';\nimport { findCatIdx, findSeriesIdx } from './bar-hit-test';\nimport { renderBars } from './bar-renderer';\nimport type { BarScaleContext } from './bar-scale-context';\n\nfunction variantFlags(variant: BarVariant): { horizontal: boolean; stacked: boolean } {\n return {\n horizontal: variant === 'grouped-horizontal' || variant === 'stacked-horizontal',\n stacked: variant === 'stacked' || variant === 'stacked-horizontal',\n };\n}\n\n// ─── Chart ────────────────────────────────────────────────────────────────────\n\nexport function createBarChart(container: HTMLElement, config: BarChartConfig): ChartHandle<BarSeriesConfig[]> {\n let seriesList = config.series;\n let band: SVGRectElement | null = null;\n\n return createChartScaffold(\n container,\n config,\n (ctx, reason) => {\n const { groups, legend, tooltip } = ctx;\n legend?.update(seriesList.map((s, i) => ({ color: seriesColor(i, s.color), name: s.name })));\n const dims = ctx.dimensions;\n const area = chartArea(dims.width, dims.height, dims.margin);\n const sourceData = seriesList.map((series) => series.data);\n const model = normalizeCartesianSeries(seriesList, sourceData);\n const categories = model.domain;\n const allData = model.series.map(({ byKey }) => categories.map((key) => byKey.get(key)));\n const categoryAxis = (axis: XAxisConfig | YAxisConfig) => {\n return {\n ...axis,\n tickFormat: (value: Date | number | string) => {\n const key = String(value);\n const label = model.labels.get(key) ?? value;\n\n return axis.tickFormat ? axis.tickFormat(label) : String(label);\n },\n };\n };\n\n if (categories.length === 0) {\n clearCartesianDom(groups, legend, tooltip);\n band?.remove();\n band = null;\n\n return;\n }\n\n const { horizontal, stacked } = variantFlags(config.variant ?? 'grouped');\n\n // Axes render by default; `false` opts out. The value axis (x when horizontal, y\n // otherwise) carries gridlines by default and merges over that default, so a partial\n // config (e.g. only `tickFormat`) keeps the gridlines; the category axis defaults to none.\n const xAxisConfig: XAxisConfig | false =\n config.xAxis === false ? false : horizontal ? { grid: true, ...config.xAxis } : (config.xAxis ?? {});\n const yAxisConfig: YAxisConfig | false =\n config.yAxis === false ? false : horizontal ? (config.yAxis ?? {}) : { grid: true, ...config.yAxis };\n\n // Value domain\n let vMax: number;\n let vMin: number;\n\n if (stacked) {\n if (allData.some((seriesData) => seriesData.some((datum) => (datum?.value ?? 0) < 0))) {\n warn(\n 'createBarChart: negative values in a stacked/stacked-horizontal series are clamped to 0: stacking mixed-sign data is not supported.',\n );\n }\n\n const sums = categories.map((_, categoryIndex) =>\n allData.reduce((sum, seriesData) => sum + Math.max(0, seriesData[categoryIndex]?.value ?? 0), 0),\n );\n\n vMax = Math.max(...sums);\n vMin = 0;\n } else {\n const allY = allData.flatMap((seriesData) => seriesData.flatMap((datum) => (datum ? [datum.value] : [])));\n\n vMax = Math.max(...allY);\n vMin = Math.min(0, ...allY);\n }\n\n // Build uniform scale context\n const catScale = horizontal\n ? bandScale({ domain: categories, range: [0, area.height] })\n : bandScale({ domain: categories, range: [0, area.width] });\n\n const valScale = horizontal\n ? linearScale({ domain: [vMin, vMax], range: [0, area.width] })\n : linearScale({ domain: [vMin, vMax], range: [area.height, 0] });\n\n const stackedTops: number[][] = [];\n const stackTops = Object.create(null) as Record<string, number>;\n\n for (const cat of categories) stackTops[cat] = 0;\n\n const sc: BarScaleContext = {\n bandCenter: (cat) => catScale.map(cat) + catScale.bandwidth() / 2,\n bandwidth: catScale.bandwidth(),\n baselinePx: valScale.map(0),\n horizontal,\n stacked,\n stackedTops,\n valueScale: valScale,\n };\n\n // Axes & grid\n if (horizontal) {\n if (xAxisConfig && xAxisConfig.grid) {\n renderGrid(\n groups.grid,\n valScale,\n xAxisConfig.grid,\n area.height,\n 'vertical',\n resolveTicks(valScale, xAxisConfig, resolveTickCount(xAxisConfig, area.width, 'bottom')),\n );\n }\n\n if (yAxisConfig !== false) {\n const yAxis = categoryAxis(yAxisConfig);\n\n positionAxis(groups.yAxis, yAxis.position ?? 'left', area.width, area.height);\n renderAxis(groups.yAxis, catScale, yAxis, area.height, 'left');\n }\n\n if (xAxisConfig) {\n positionAxis(groups.xAxis, xAxisConfig.position ?? 'bottom', area.width, area.height);\n renderAxis(groups.xAxis, valScale, xAxisConfig, area.width, 'bottom');\n }\n } else {\n if (yAxisConfig && yAxisConfig.grid) {\n renderGrid(\n groups.grid,\n valScale,\n yAxisConfig.grid,\n area.width,\n 'horizontal',\n resolveTicks(valScale, yAxisConfig, resolveTickCount(yAxisConfig, area.height, 'left')),\n );\n }\n\n if (xAxisConfig !== false) {\n const xAxis = categoryAxis(xAxisConfig);\n\n positionAxis(groups.xAxis, xAxis.position ?? 'bottom', area.width, area.height);\n renderAxis(groups.xAxis, catScale, xAxis, area.width, 'bottom');\n }\n\n if (yAxisConfig) {\n positionAxis(groups.yAxis, yAxisConfig.position ?? 'left', area.width, area.height);\n renderAxis(groups.yAxis, valScale, yAxisConfig, area.height, 'left');\n }\n }\n\n // Series groups\n // Stacked segments stay square so they join cleanly.\n const themeRadius = stacked\n ? 0\n : Number.parseFloat(getComputedStyle(ctx.svg).getPropertyValue('--prism-bar-radius')) || 0;\n\n while (groups.series.children.length > seriesList.length) {\n const last = groups.series.lastElementChild;\n\n if (last) groups.series.removeChild(last);\n }\n\n for (let i = 0; i < seriesList.length; i++) {\n const series = seriesList[i];\n let group = groups.series.children[i] as SVGGElement | undefined;\n\n if (!group) {\n group = createSvgElement('g', { class: 'prism-bar-series' });\n groups.series.appendChild(group);\n }\n\n group.setAttribute('data-series-id', seriesDomId(series, i));\n\n const barData = categories.map((key, categoryIndex) => {\n const datum = allData[i]?.[categoryIndex];\n\n if (stacked) {\n const base = stackTops[key] ?? 0;\n const top = base + Math.max(0, datum?.value ?? 0);\n\n stackTops[key] = top;\n\n return { base, dash: datum?.dash, key, opacity: datum?.opacity, present: datum !== undefined, y: top };\n }\n\n return {\n base: 0,\n dash: datum?.dash,\n key,\n opacity: datum?.opacity,\n present: datum !== undefined,\n y: datum?.value ?? 0,\n };\n });\n\n stackedTops[i] = barData.map((d) => d.y);\n\n const baselineYs = stacked ? barData.map((d) => valScale.map(d.base)) : undefined;\n\n renderBars(group, barData, catScale, valScale, sc.baselinePx, {\n baselineYs,\n borderRadius: series.borderRadius ?? themeRadius,\n color: seriesColor(i, series.color),\n disposalSignal: ctx.disposalSignal,\n horizontal,\n seriesCount: seriesList.length,\n seriesIndex: i,\n stacked,\n transition: reason === 'resize' ? false : config.transition,\n });\n }\n\n tooltip?.hide();\n groups.series.classList.toggle('prism-bars-stacked', stacked);\n\n if (!band || !ctx.chartArea.contains(band)) {\n band = createSvgElement('rect', { 'aria-hidden': 'true', class: 'prism-bar-band', 'pointer-events': 'none' });\n ctx.chartArea.insertBefore(band, groups.series);\n }\n\n band.style.display = 'none';\n\n // ─── Event handlers (close over render-derived state) ─────────────────────\n\n const colors = seriesList.map((s, i) => seriesColor(i, s.color));\n const labelOf = (catIdx: number): string => String(model.labels.get(categories[catIdx]) ?? categories[catIdx]);\n const tooltipFormat = typeof config.tooltip === 'object' ? config.tooltip : undefined;\n const keyOf = (catIdx: number): Datum['key'] => model.labels.get(categories[catIdx]) ?? categories[catIdx];\n const titleOf = (catIdx: number): string =>\n tooltipFormat?.titleFormat ? tooltipFormat.titleFormat(keyOf(catIdx)) : labelOf(catIdx);\n const formatValue = tooltipFormat?.valueFormat ?? String;\n let activeCat = -1;\n\n const valuesAt = (catIdx: number): SeriesValue[] =>\n seriesList.map((series, si) => ({ datum: allData[si]?.[catIdx], series }));\n\n const eventAt = (catIdx: number, seriesIdx: number, originalEvent: Event): ChartEvent | null => {\n const values = valuesAt(catIdx);\n const preferred = values[seriesIdx]?.datum ? seriesIdx : values.findIndex((v) => v.datum);\n const datum = values[preferred]?.datum;\n\n return datum ? { datum, originalEvent, series: seriesList[preferred], values } : null;\n };\n\n const setActive = (catIdx: number): void => {\n activeCat = catIdx;\n groups.series.classList.toggle('prism-bars-focused', catIdx >= 0);\n\n for (const group of groups.series.children) {\n for (const [i, rect] of [...group.children].entries())\n rect.classList.toggle('prism-bar--active', i === catIdx);\n }\n\n if (!band) return;\n\n band.style.display = catIdx < 0 ? 'none' : '';\n\n if (catIdx < 0) return;\n\n const start = sc.bandCenter(categories[catIdx]) - catScale.bandwidth() / 2 - catScale.gap() / 2;\n const size = catScale.bandwidth() + catScale.gap();\n const a = chartArea(ctx.dimensions.width, ctx.dimensions.height, ctx.dimensions.margin);\n\n setAttributes(\n band,\n horizontal\n ? { height: size, width: a.width, x: 0, y: start }\n : { height: a.height, width: size, x: start, y: 0 },\n );\n };\n\n const activate = (catIdx: number, seriesIdx: number, originalEvent: Event): void => {\n const event = eventAt(catIdx, seriesIdx, originalEvent);\n\n if (!event) return;\n\n setActive(catIdx);\n\n const values = event.values ?? [];\n const spoken = describeValues(titleOf(catIdx), values, formatValue);\n\n if (tooltip) {\n const tops = values.map((v, si) =>\n stacked ? (stackedTops[si]?.[catIdx] ?? 0) : Math.max(0, v.datum?.value ?? 0),\n );\n const valuePx = valScale.map(Math.max(...tops));\n const bandCenterPx = sc.bandCenter(categories[catIdx]);\n const { margin } = ctx.dimensions;\n const rows = values.flatMap((v, si) =>\n v.datum\n ? [{ color: colors[si], name: v.series.name, value: formatValue(v.datum.value, v.datum, v.series) }]\n : [],\n );\n\n tooltip.show(\n (horizontal ? valuePx : bandCenterPx) + margin.left,\n (horizontal ? bandCenterPx : valuePx) + margin.top,\n event.datum,\n event.series,\n comparisonContent(ctx.svg.ownerDocument, titleOf(catIdx), rows, spoken),\n );\n } else {\n ctx.announcer.announce(spoken);\n }\n\n config.onHover?.(event);\n };\n\n const deactivate = (): void => {\n setActive(-1);\n tooltip?.hide();\n ctx.announcer.clear();\n config.onHover?.(null);\n };\n\n const hit = (event: MouseEvent): { catIdx: number; seriesIdx: number } | null => {\n const d = ctx.dimensions;\n const pos = getMousePosition(ctx.svg, event, d.margin.left, d.margin.top);\n const a = chartArea(d.width, d.height, d.margin);\n\n if (pos.x < 0 || pos.x > a.width || pos.y < 0 || pos.y > a.height) return null;\n\n const catIdx = findCatIdx(horizontal ? pos.y : pos.x, categories, sc);\n\n return catIdx === -1\n ? null\n : { catIdx, seriesIdx: findSeriesIdx(pos, catIdx, categories, sc, seriesList.length) };\n };\n\n const onMouseMove = (event: MouseEvent) => {\n const target = hit(event);\n\n if (target) activate(target.catIdx, target.seriesIdx, event);\n else if (activeCat >= 0) deactivate();\n };\n\n const onClick = (event: MouseEvent) => {\n const target = config.onClick && hit(event);\n const chartEvent = target && eventAt(target.catIdx, target.seriesIdx, event);\n\n if (chartEvent) config.onClick?.(chartEvent);\n };\n\n const onKeyDown = (event: KeyboardEvent) => {\n const last = categories.length - 1;\n const prev = activeCat < 0 ? last : Math.max(0, activeCat - 1);\n const next = activeCat < 0 ? 0 : Math.min(last, activeCat + 1);\n const target: Record<string, number> = {\n ArrowDown: next,\n ArrowLeft: prev,\n ArrowRight: next,\n ArrowUp: prev,\n End: last,\n Home: 0,\n };\n\n if (event.key in target) {\n event.preventDefault();\n activate(target[event.key], 0, event);\n } else if ((event.key === 'Enter' || event.key === ' ') && activeCat >= 0 && config.onClick) {\n event.preventDefault();\n\n const chartEvent = eventAt(activeCat, 0, event);\n\n if (chartEvent) config.onClick(chartEvent);\n } else if (event.key === 'Escape') {\n deactivate();\n }\n };\n\n return { onClick, onKeyDown, onMouseLeave: deactivate, onMouseMove };\n },\n (data) => {\n seriesList = data;\n },\n );\n}\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"bar-chart.cjs","names":["createChartScaffold","seriesColor","chartArea","normalizeCartesianSeries","bandScale","linearScale","resolveTicks","resolveTickCount","createSvgElement","seriesDomId","describeValues","comparisonContent","getMousePosition","findCatIdx","findSeriesIdx","require_element","require_axis","require_grid","require_linear","require_announcer","require_tooltip","require_layout","require_chart_scaffold","require_series_id","require_cartesian_model","require_events","require_index","require_band","require_bar_hit_test","require_bar_renderer","require_bar_value_labels","variant","seriesList","config","band","valueLabelsGroup","container","ctx","legend","i","s","dims","area","sourceData","series","model","categories","allData","byKey","key","axis","value","label","groups","tooltip","xAxisConfig","horizontal","yAxisConfig","vMax","vMin","stacked","seriesData","datum","sums","sum","categoryIndex","allY","catScale","valScale","stackedTops","stackTops","cat","sc","yAxis","xAxis","themeRadius","last","group","barData","base","top","d","baselineYs","reason","formatValue","labels","c","total","barBand","colors","catIdx","tooltipFormat","activeCat","si","values","preferred","seriesIdx","v","rect","start","size","a","event","originalEvent","spoken","tops","valuePx","bandCenterPx","rows","margin","pos","target","chartEvent","prev","next","data"],"sources":["../../../src/charts/bar/bar-chart.ts"],"sourcesContent":["import { warn } from '../../_dev';\nimport { positionAxis, renderAxis, resolveTickCount, resolveTicks } from '../../axes/axis';\nimport { renderGrid } from '../../axes/grid';\nimport { normalizeCartesianSeries } from '../../core/cartesian-model';\nimport { clearCartesianDom, createChartScaffold } from '../../core/chart-scaffold';\nimport { chartArea } from '../../core/layout';\nimport { seriesDomId } from '../../core/series-id';\nimport { describeValues } from '../../interaction/announcer';\nimport { getMousePosition } from '../../interaction/events';\nimport { comparisonContent } from '../../interaction/tooltip';\nimport { bandScale } from '../../scales/band';\nimport { linearScale } from '../../scales/linear';\nimport { createSvgElement, setAttributes } from '../../svg/element';\nimport { seriesColor } from '../../theme';\nimport type {\n BarChartConfig,\n BarSeriesConfig,\n BarVariant,\n ChartEvent,\n ChartHandle,\n Datum,\n SeriesValue,\n XAxisConfig,\n YAxisConfig,\n} from '../../types';\nimport { findCatIdx, findSeriesIdx } from './bar-hit-test';\nimport { renderBars } from './bar-renderer';\nimport type { BarScaleContext } from './bar-scale-context';\nimport { type BarValueLabel, renderBarValueLabels } from './bar-value-labels';\n\nfunction variantFlags(variant: BarVariant): { horizontal: boolean; stacked: boolean } {\n return {\n horizontal: variant === 'grouped-horizontal' || variant === 'stacked-horizontal',\n stacked: variant === 'stacked' || variant === 'stacked-horizontal',\n };\n}\n\n// ─── Chart ────────────────────────────────────────────────────────────────────\n\nexport function createBarChart(container: HTMLElement, config: BarChartConfig): ChartHandle<BarSeriesConfig[]> {\n let seriesList = config.series;\n let band: SVGRectElement | null = null;\n let valueLabelsGroup: SVGGElement | null = null;\n\n return createChartScaffold(\n container,\n config,\n (ctx, reason) => {\n const { groups, legend, tooltip } = ctx;\n legend?.update(seriesList.map((s, i) => ({ color: seriesColor(i, s.color), name: s.name })));\n const dims = ctx.dimensions;\n const area = chartArea(dims.width, dims.height, dims.margin);\n const sourceData = seriesList.map((series) => series.data);\n const model = normalizeCartesianSeries(seriesList, sourceData);\n const categories = model.domain;\n const allData = model.series.map(({ byKey }) => categories.map((key) => byKey.get(key)));\n const categoryAxis = (axis: XAxisConfig | YAxisConfig) => {\n return {\n ...axis,\n tickFormat: (value: Date | number | string) => {\n const key = String(value);\n const label = model.labels.get(key) ?? value;\n\n return axis.tickFormat ? axis.tickFormat(label) : String(label);\n },\n };\n };\n\n if (categories.length === 0) {\n clearCartesianDom(groups, legend, tooltip);\n band?.remove();\n band = null;\n valueLabelsGroup?.remove();\n valueLabelsGroup = null;\n\n return;\n }\n\n const { horizontal, stacked } = variantFlags(config.variant ?? 'grouped');\n\n // Axes render by default; `false` opts out. The value axis (x when horizontal, y\n // otherwise) carries gridlines by default and merges over that default, so a partial\n // config (e.g. only `tickFormat`) keeps the gridlines; the category axis defaults to none.\n const xAxisConfig: XAxisConfig | false =\n config.xAxis === false ? false : horizontal ? { grid: true, ...config.xAxis } : (config.xAxis ?? {});\n const yAxisConfig: YAxisConfig | false =\n config.yAxis === false ? false : horizontal ? (config.yAxis ?? {}) : { grid: true, ...config.yAxis };\n\n // Value domain\n let vMax: number;\n let vMin: number;\n\n if (stacked) {\n if (allData.some((seriesData) => seriesData.some((datum) => (datum?.value ?? 0) < 0))) {\n warn(\n 'createBarChart: negative values in a stacked/stacked-horizontal series are clamped to 0: stacking mixed-sign data is not supported.',\n );\n }\n\n const sums = categories.map((_, categoryIndex) =>\n allData.reduce((sum, seriesData) => sum + Math.max(0, seriesData[categoryIndex]?.value ?? 0), 0),\n );\n\n vMax = Math.max(...sums);\n vMin = 0;\n } else {\n const allY = allData.flatMap((seriesData) => seriesData.flatMap((datum) => (datum ? [datum.value] : [])));\n\n vMax = Math.max(...allY);\n vMin = Math.min(0, ...allY);\n }\n\n // Build uniform scale context\n const catScale = horizontal\n ? bandScale({ domain: categories, range: [0, area.height] })\n : bandScale({ domain: categories, range: [0, area.width] });\n\n const valScale = horizontal\n ? linearScale({ domain: [vMin, vMax], range: [0, area.width] })\n : linearScale({ domain: [vMin, vMax], range: [area.height, 0] });\n\n const stackedTops: number[][] = [];\n const stackTops = Object.create(null) as Record<string, number>;\n\n for (const cat of categories) stackTops[cat] = 0;\n\n const sc: BarScaleContext = {\n bandCenter: (cat) => catScale.map(cat) + catScale.bandwidth() / 2,\n bandwidth: catScale.bandwidth(),\n baselinePx: valScale.map(0),\n horizontal,\n stacked,\n stackedTops,\n valueScale: valScale,\n };\n\n // Axes & grid\n if (horizontal) {\n if (xAxisConfig && xAxisConfig.grid) {\n renderGrid(\n groups.grid,\n valScale,\n xAxisConfig.grid,\n area.height,\n 'vertical',\n resolveTicks(valScale, xAxisConfig, resolveTickCount(xAxisConfig, area.width, 'bottom')),\n );\n }\n\n if (yAxisConfig !== false) {\n const yAxis = categoryAxis(yAxisConfig);\n\n positionAxis(groups.yAxis, yAxis.position ?? 'left', area.width, area.height);\n renderAxis(groups.yAxis, catScale, yAxis, area.height, 'left');\n }\n\n if (xAxisConfig) {\n positionAxis(groups.xAxis, xAxisConfig.position ?? 'bottom', area.width, area.height);\n renderAxis(groups.xAxis, valScale, xAxisConfig, area.width, 'bottom');\n }\n } else {\n if (yAxisConfig && yAxisConfig.grid) {\n renderGrid(\n groups.grid,\n valScale,\n yAxisConfig.grid,\n area.width,\n 'horizontal',\n resolveTicks(valScale, yAxisConfig, resolveTickCount(yAxisConfig, area.height, 'left')),\n );\n }\n\n if (xAxisConfig !== false) {\n const xAxis = categoryAxis(xAxisConfig);\n\n positionAxis(groups.xAxis, xAxis.position ?? 'bottom', area.width, area.height);\n renderAxis(groups.xAxis, catScale, xAxis, area.width, 'bottom');\n }\n\n if (yAxisConfig) {\n positionAxis(groups.yAxis, yAxisConfig.position ?? 'left', area.width, area.height);\n renderAxis(groups.yAxis, valScale, yAxisConfig, area.height, 'left');\n }\n }\n\n // Series groups\n // Stacked segments stay square so they join cleanly.\n const themeRadius = stacked\n ? 0\n : Number.parseFloat(getComputedStyle(ctx.svg).getPropertyValue('--prism-bar-radius')) || 0;\n\n while (groups.series.children.length > seriesList.length) {\n const last = groups.series.lastElementChild;\n\n if (last) groups.series.removeChild(last);\n }\n\n for (let i = 0; i < seriesList.length; i++) {\n const series = seriesList[i];\n let group = groups.series.children[i] as SVGGElement | undefined;\n\n if (!group) {\n group = createSvgElement('g', { class: 'prism-bar-series' });\n groups.series.appendChild(group);\n }\n\n group.setAttribute('data-series-id', seriesDomId(series, i));\n\n const barData = categories.map((key, categoryIndex) => {\n const datum = allData[i]?.[categoryIndex];\n\n if (stacked) {\n const base = stackTops[key] ?? 0;\n const top = base + Math.max(0, datum?.value ?? 0);\n\n stackTops[key] = top;\n\n return { base, dash: datum?.dash, key, opacity: datum?.opacity, present: datum !== undefined, y: top };\n }\n\n return {\n base: 0,\n dash: datum?.dash,\n key,\n opacity: datum?.opacity,\n present: datum !== undefined,\n y: datum?.value ?? 0,\n };\n });\n\n stackedTops[i] = barData.map((d) => d.y);\n\n const baselineYs = stacked ? barData.map((d) => valScale.map(d.base)) : undefined;\n\n renderBars(group, barData, catScale, valScale, sc.baselinePx, {\n baselineYs,\n borderRadius: series.borderRadius ?? themeRadius,\n color: seriesColor(i, series.color),\n disposalSignal: ctx.disposalSignal,\n horizontal,\n seriesCount: seriesList.length,\n seriesIndex: i,\n stacked,\n transition: reason === 'resize' ? false : config.transition,\n });\n }\n\n tooltip?.hide();\n groups.series.classList.toggle('prism-bars-stacked', stacked);\n\n // Value labels: one per bar (stacked variants label the stack total at\n // the stack's top), painted once per render into a dedicated aria-hidden\n // group so series updates never disturb them.\n if (config.showValues) {\n if (!valueLabelsGroup || !ctx.chartArea.contains(valueLabelsGroup)) {\n valueLabelsGroup = createSvgElement('g', { 'aria-hidden': 'true', class: 'prism-bar-values' });\n ctx.chartArea.appendChild(valueLabelsGroup);\n }\n\n const formatValue = config.valueFormat ?? String;\n const labels: BarValueLabel[] = [];\n\n if (stacked) {\n for (let c = 0; c < categories.length; c++) {\n const total = allData.reduce((sum, seriesData) => sum + Math.max(0, seriesData[c]?.value ?? 0), 0);\n\n if (total <= 0) continue;\n\n labels.push({\n bandSize: catScale.bandwidth(),\n barLength: Math.abs(valScale.map(total) - valScale.map(0)),\n center: catScale.map(categories[c]!) + catScale.bandwidth() / 2,\n dir: 1,\n text: formatValue(total),\n valueEdge: valScale.map(total),\n });\n }\n } else {\n for (let i = 0; i < seriesList.length; i++) {\n const barBand = catScale.bandwidth() / seriesList.length;\n\n for (let c = 0; c < categories.length; c++) {\n const datum = allData[i]?.[c];\n\n if (!datum) continue;\n\n labels.push({\n bandSize: Math.max(0, barBand - 1),\n barLength: Math.abs(valScale.map(datum.value) - valScale.map(0)),\n center: catScale.map(categories[c]!) + barBand * i + barBand / 2,\n dir: datum.value < 0 ? -1 : 1,\n text: formatValue(datum.value),\n valueEdge: valScale.map(datum.value),\n });\n }\n }\n }\n\n renderBarValueLabels(valueLabelsGroup, labels, {\n areaExtent: horizontal ? area.width : area.height,\n disposalSignal: ctx.disposalSignal,\n horizontal,\n transition: reason === 'resize' ? false : config.transition,\n });\n } else {\n valueLabelsGroup?.remove();\n valueLabelsGroup = null;\n }\n\n if (!band || !ctx.chartArea.contains(band)) {\n band = createSvgElement('rect', { 'aria-hidden': 'true', class: 'prism-bar-band', 'pointer-events': 'none' });\n ctx.chartArea.insertBefore(band, groups.series);\n }\n\n band.style.display = 'none';\n\n // ─── Event handlers (close over render-derived state) ─────────────────────\n\n const colors = seriesList.map((s, i) => seriesColor(i, s.color));\n const labelOf = (catIdx: number): string => String(model.labels.get(categories[catIdx]) ?? categories[catIdx]);\n const tooltipFormat = typeof config.tooltip === 'object' ? config.tooltip : undefined;\n const keyOf = (catIdx: number): Datum['key'] => model.labels.get(categories[catIdx]) ?? categories[catIdx];\n const titleOf = (catIdx: number): string =>\n tooltipFormat?.titleFormat ? tooltipFormat.titleFormat(keyOf(catIdx)) : labelOf(catIdx);\n const formatValue = tooltipFormat?.valueFormat ?? String;\n let activeCat = -1;\n\n const valuesAt = (catIdx: number): SeriesValue[] =>\n seriesList.map((series, si) => ({ datum: allData[si]?.[catIdx], series }));\n\n const eventAt = (catIdx: number, seriesIdx: number, originalEvent: Event): ChartEvent | null => {\n const values = valuesAt(catIdx);\n const preferred = values[seriesIdx]?.datum ? seriesIdx : values.findIndex((v) => v.datum);\n const datum = values[preferred]?.datum;\n\n return datum ? { datum, originalEvent, series: seriesList[preferred], values } : null;\n };\n\n const setActive = (catIdx: number): void => {\n activeCat = catIdx;\n groups.series.classList.toggle('prism-bars-focused', catIdx >= 0);\n\n for (const group of groups.series.children) {\n for (const [i, rect] of [...group.children].entries())\n rect.classList.toggle('prism-bar--active', i === catIdx);\n }\n\n if (!band) return;\n\n band.style.display = catIdx < 0 ? 'none' : '';\n\n if (catIdx < 0) return;\n\n const start = sc.bandCenter(categories[catIdx]) - catScale.bandwidth() / 2 - catScale.gap() / 2;\n const size = catScale.bandwidth() + catScale.gap();\n const a = chartArea(ctx.dimensions.width, ctx.dimensions.height, ctx.dimensions.margin);\n\n setAttributes(\n band,\n horizontal\n ? { height: size, width: a.width, x: 0, y: start }\n : { height: a.height, width: size, x: start, y: 0 },\n );\n };\n\n const activate = (catIdx: number, seriesIdx: number, originalEvent: Event): void => {\n const event = eventAt(catIdx, seriesIdx, originalEvent);\n\n if (!event) return;\n\n setActive(catIdx);\n\n const values = event.values ?? [];\n const spoken = describeValues(titleOf(catIdx), values, formatValue);\n\n if (tooltip) {\n const tops = values.map((v, si) =>\n stacked ? (stackedTops[si]?.[catIdx] ?? 0) : Math.max(0, v.datum?.value ?? 0),\n );\n const valuePx = valScale.map(Math.max(...tops));\n const bandCenterPx = sc.bandCenter(categories[catIdx]);\n const { margin } = ctx.dimensions;\n const rows = values.flatMap((v, si) =>\n v.datum\n ? [{ color: colors[si], name: v.series.name, value: formatValue(v.datum.value, v.datum, v.series) }]\n : [],\n );\n\n tooltip.show(\n (horizontal ? valuePx : bandCenterPx) + margin.left,\n (horizontal ? bandCenterPx : valuePx) + margin.top,\n event.datum,\n event.series,\n comparisonContent(ctx.svg.ownerDocument, titleOf(catIdx), rows, spoken),\n );\n } else {\n ctx.announcer.announce(spoken);\n }\n\n config.onHover?.(event);\n };\n\n const deactivate = (): void => {\n setActive(-1);\n tooltip?.hide();\n ctx.announcer.clear();\n config.onHover?.(null);\n };\n\n const hit = (event: MouseEvent): { catIdx: number; seriesIdx: number } | null => {\n const d = ctx.dimensions;\n const pos = getMousePosition(ctx.svg, event, d.margin.left, d.margin.top);\n const a = chartArea(d.width, d.height, d.margin);\n\n if (pos.x < 0 || pos.x > a.width || pos.y < 0 || pos.y > a.height) return null;\n\n const catIdx = findCatIdx(horizontal ? pos.y : pos.x, categories, sc);\n\n return catIdx === -1\n ? null\n : { catIdx, seriesIdx: findSeriesIdx(pos, catIdx, categories, sc, seriesList.length) };\n };\n\n const onMouseMove = (event: MouseEvent) => {\n const target = hit(event);\n\n if (target) activate(target.catIdx, target.seriesIdx, event);\n else if (activeCat >= 0) deactivate();\n };\n\n const onClick = (event: MouseEvent) => {\n const target = config.onClick && hit(event);\n const chartEvent = target && eventAt(target.catIdx, target.seriesIdx, event);\n\n if (chartEvent) config.onClick?.(chartEvent);\n };\n\n const onKeyDown = (event: KeyboardEvent) => {\n const last = categories.length - 1;\n const prev = activeCat < 0 ? last : Math.max(0, activeCat - 1);\n const next = activeCat < 0 ? 0 : Math.min(last, activeCat + 1);\n const target: Record<string, number> = {\n ArrowDown: next,\n ArrowLeft: prev,\n ArrowRight: next,\n ArrowUp: prev,\n End: last,\n Home: 0,\n };\n\n if (event.key in target) {\n event.preventDefault();\n activate(target[event.key], 0, event);\n } else if ((event.key === 'Enter' || event.key === ' ') && activeCat >= 0 && config.onClick) {\n event.preventDefault();\n\n const chartEvent = eventAt(activeCat, 0, event);\n\n if (chartEvent) config.onClick(chartEvent);\n } else if (event.key === 'Escape') {\n deactivate();\n }\n };\n\n return { onClick, onKeyDown, onMouseLeave: deactivate, onMouseMove };\n },\n (data) => {\n seriesList = data;\n },\n );\n}\n"],"mappings":"A,snBA8BA,SAAS,aAAa,EAAgE,CACpF,MAAO,CACL,WAAY+B,IAAY,sBAAwBA,IAAY,qBAC5D,QAASA,IAAY,WAAaA,IAAY,oBAChD,CACF,CAIA,SAAgB,eAAe,EAAwB,EAAwD,CAC7G,IAAIC,EAAaC,EAAO,OACpBC,EAA8B,KAC9BC,EAAuC,KAE3C,OAAOnC,EAAAA,oBACLoC,EACAH,GACC,EAAK,IAAW,CACf,GAAM,CAAE,SAAQ,SAAQ,WAAYI,EACpCC,GAAQ,OAAON,EAAW,KAAK,EAAG,KAAO,CAAE,MAAO/B,EAAAA,YAAYsC,EAAGC,EAAE,KAAK,EAAG,KAAMA,EAAE,IAAK,EAAE,CAAC,EAC3F,IAAMC,EAAOJ,EAAI,WACXK,EAAOxC,EAAAA,UAAUuC,EAAK,MAAOA,EAAK,OAAQA,EAAK,MAAM,EACrDE,EAAaX,EAAW,IAAK,GAAWY,EAAO,IAAI,EACnDC,EAAQ1C,EAAAA,yBAAyB6B,EAAYW,CAAU,EACvDG,EAAaD,EAAM,OACnBE,EAAUF,EAAM,OAAO,KAAK,CAAE,WAAYC,EAAW,IAAK,GAAQE,EAAM,IAAIC,CAAG,CAAC,CAAC,EACjF,aAAgB,IACb,CACL,GAAGC,EACH,WAAa,GAAkC,CAC7C,IAAMD,EAAM,OAAOE,CAAK,EAClBC,EAAQP,EAAM,OAAO,IAAII,CAAG,GAAKE,EAEvC,OAAOD,EAAK,WAAaA,EAAK,WAAWE,CAAK,EAAI,OAAOA,CAAK,CAChE,CACF,GAGF,GAAIN,EAAW,SAAW,EAAG,CAC3BxB,EAAA,kBAAkB+B,EAAQf,EAAQgB,CAAO,EACzCpB,GAAM,OAAO,EACb,EAAO,KACPC,GAAkB,OAAO,EACzB,EAAmB,KAEnB,MACF,CAEA,GAAM,CAAE,aAAY,WAAY,aAAaF,EAAO,SAAW,SAAS,EAKlEsB,EACJtB,EAAO,QAAU,GAAQ,GAAQuB,EAAa,CAAE,KAAM,GAAM,GAAGvB,EAAO,KAAM,EAAKA,EAAO,OAAS,CAAC,EAC9FwB,EACJxB,EAAO,QAAU,GAAQ,GAAQuB,EAAcvB,EAAO,OAAS,CAAC,EAAK,CAAE,KAAM,GAAM,GAAGA,EAAO,KAAM,EAGjGyB,EACAC,EAEJ,GAAIC,EAAS,CACPb,EAAQ,KAAM,GAAec,EAAW,KAAM,IAAWC,GAAO,OAAS,GAAK,CAAC,CAAC,EAMpF,IAAMC,EAAOjB,EAAW,KAAK,EAAG,IAC9BC,EAAQ,QAAQ,EAAK,IAAeiB,EAAM,KAAK,IAAI,EAAGH,EAAWI,EAAc,EAAE,OAAS,CAAC,EAAG,CAAC,CACjG,EAEA,EAAO,KAAK,IAAI,GAAGF,CAAI,EACvB,EAAO,CACT,KAAO,CACL,IAAMG,EAAOnB,EAAQ,QAAS,GAAec,EAAW,QAAS,GAAWC,EAAQ,CAACA,EAAM,KAAK,EAAI,CAAC,CAAE,CAAC,EAExG,EAAO,KAAK,IAAI,GAAGI,CAAI,EACvB,EAAO,KAAK,IAAI,EAAG,GAAGA,CAAI,CAC5B,CAGA,IAAMC,EAAWX,EACbpD,EAAAA,UAAU,CAAE,OAAQ0C,EAAY,MAAO,CAAC,EAAGJ,EAAK,MAAM,CAAE,CAAC,EACzDtC,EAAAA,UAAU,CAAE,OAAQ0C,EAAY,MAAO,CAAC,EAAGJ,EAAK,KAAK,CAAE,CAAC,EAEtD0B,EAAWZ,EACbnD,EAAAA,YAAY,CAAE,OAAQ,CAACsD,EAAMD,CAAI,EAAG,MAAO,CAAC,EAAGhB,EAAK,KAAK,CAAE,CAAC,EAC5DrC,EAAAA,YAAY,CAAE,OAAQ,CAACsD,EAAMD,CAAI,EAAG,MAAO,CAAChB,EAAK,OAAQ,CAAC,CAAE,CAAC,EAE3D2B,EAA0B,CAAC,EAC3BC,EAAY,OAAO,OAAO,IAAI,EAEpC,IAAK,IAAMC,KAAOzB,EAAY,EAAUyB,GAAO,EAE/C,IAAMC,EAAsB,CAC1B,WAAa,GAAQL,EAAS,IAAII,CAAG,EAAIJ,EAAS,UAAU,EAAI,EAChE,UAAWA,EAAS,UAAU,EAC9B,WAAYC,EAAS,IAAI,CAAC,EAC1B,aACA,UACA,cACA,WAAYA,CACd,EAGA,GAAIZ,EAAY,CAYd,GAXID,GAAeA,EAAY,MAC7BtC,EAAA,WACEoC,EAAO,KACPe,EACAb,EAAY,KACZb,EAAK,OACL,WACApC,EAAAA,aAAa8D,EAAUb,EAAahD,EAAAA,iBAAiBgD,EAAab,EAAK,MAAO,QAAQ,CAAC,CACzF,EAGEe,IAAgB,GAAO,CACzB,IAAMgB,EAAQ,aAAahB,CAAW,EAEtCzC,EAAA,aAAaqC,EAAO,MAAOoB,EAAM,UAAY,OAAQ/B,EAAK,MAAOA,EAAK,MAAM,EAC5E1B,EAAA,WAAWqC,EAAO,MAAOc,EAAUM,EAAO/B,EAAK,OAAQ,MAAM,CAC/D,CAEIa,IACFvC,EAAA,aAAaqC,EAAO,MAAOE,EAAY,UAAY,SAAUb,EAAK,MAAOA,EAAK,MAAM,EACpF1B,EAAA,WAAWqC,EAAO,MAAOe,EAAUb,EAAab,EAAK,MAAO,QAAQ,EAExE,KAAO,CAYL,GAXIe,GAAeA,EAAY,MAC7BxC,EAAA,WACEoC,EAAO,KACPe,EACAX,EAAY,KACZf,EAAK,MACL,aACApC,EAAAA,aAAa8D,EAAUX,EAAalD,EAAAA,iBAAiBkD,EAAaf,EAAK,OAAQ,MAAM,CAAC,CACxF,EAGEa,IAAgB,GAAO,CACzB,IAAMmB,EAAQ,aAAanB,CAAW,EAEtCvC,EAAA,aAAaqC,EAAO,MAAOqB,EAAM,UAAY,SAAUhC,EAAK,MAAOA,EAAK,MAAM,EAC9E1B,EAAA,WAAWqC,EAAO,MAAOc,EAAUO,EAAOhC,EAAK,MAAO,QAAQ,CAChE,CAEIe,IACFzC,EAAA,aAAaqC,EAAO,MAAOI,EAAY,UAAY,OAAQf,EAAK,MAAOA,EAAK,MAAM,EAClF1B,EAAA,WAAWqC,EAAO,MAAOe,EAAUX,EAAaf,EAAK,OAAQ,MAAM,EAEvE,CAIA,IAAMiC,EAAcf,EAChB,EACA,OAAO,WAAW,iBAAiBvB,EAAI,GAAG,CAAC,CAAC,iBAAiB,oBAAoB,CAAC,GAAK,EAE3F,KAAOgB,EAAO,OAAO,SAAS,OAASrB,EAAW,QAAQ,CACxD,IAAM4C,EAAOvB,EAAO,OAAO,iBAEvBuB,GAAMvB,EAAO,OAAO,YAAYuB,CAAI,CAC1C,CAEA,IAAK,IAAIrC,EAAI,EAAGA,EAAIP,EAAW,OAAQ,IAAK,CAC1C,IAAMY,EAASZ,EAAWO,GACtBsC,EAAQxB,EAAO,OAAO,SAASd,GAE9BsC,IACH,EAAQrE,EAAAA,iBAAiB,IAAK,CAAE,MAAO,kBAAmB,CAAC,EAC3D6C,EAAO,OAAO,YAAYwB,CAAK,GAGjCA,EAAM,aAAa,iBAAkBpE,EAAAA,YAAYmC,EAAQL,CAAC,CAAC,EAE3D,IAAMuC,EAAUhC,EAAW,KAAK,EAAK,IAAkB,CACrD,IAAMgB,EAAQf,EAAQR,EAAE,GAAG0B,GAE3B,GAAIL,EAAS,CACX,IAAMmB,EAAOT,EAAUrB,IAAQ,EACzB+B,EAAMD,EAAO,KAAK,IAAI,EAAGjB,GAAO,OAAS,CAAC,EAIhD,MAFA,GAAUb,GAAO+B,EAEV,CAAE,OAAM,KAAMlB,GAAO,KAAM,MAAK,QAASA,GAAO,QAAS,QAASA,IAAU,IAAA,GAAW,EAAGkB,CAAI,CACvG,CAEA,MAAO,CACL,KAAM,EACN,KAAMlB,GAAO,KACb,MACA,QAASA,GAAO,QAChB,QAASA,IAAU,IAAA,GACnB,EAAGA,GAAO,OAAS,CACrB,CACF,CAAC,EAED,EAAYvB,GAAKuC,EAAQ,IAAK,GAAMG,EAAE,CAAC,EAEvC,IAAMC,EAAatB,EAAUkB,EAAQ,IAAK,GAAMV,EAAS,IAAIa,EAAE,IAAI,CAAC,EAAI,IAAA,GAExEpD,EAAA,WAAWgD,EAAOC,EAASX,EAAUC,EAAUI,EAAG,WAAY,CAC5D,aACA,aAAc5B,EAAO,cAAgB+B,EACrC,MAAO1E,EAAAA,YAAYsC,EAAGK,EAAO,KAAK,EAClC,eAAgBP,EAAI,eACpB,aACA,YAAaL,EAAW,OACxB,YAAaO,EACb,UACA,WAAY4C,IAAW,UAAmBlD,EAAO,UACnD,CAAC,CACH,CAQA,GANAqB,GAAS,KAAK,EACdD,EAAO,OAAO,UAAU,OAAO,qBAAsBO,CAAO,EAKxD3B,EAAO,WAAY,EACjB,CAACE,GAAoB,CAACE,EAAI,UAAU,SAASF,CAAgB,KAC/D,EAAmB3B,EAAAA,iBAAiB,IAAK,CAAE,cAAe,OAAQ,MAAO,kBAAmB,CAAC,EAC7F6B,EAAI,UAAU,YAAYF,CAAgB,GAG5C,IAAMiD,EAAcnD,EAAO,aAAe,OACpCoD,EAA0B,CAAC,EAEjC,GAAIzB,EACF,IAAK,IAAI0B,EAAI,EAAGA,EAAIxC,EAAW,OAAQ,IAAK,CAC1C,IAAMyC,EAAQxC,EAAQ,QAAQ,EAAK,IAAeiB,EAAM,KAAK,IAAI,EAAGH,EAAWyB,EAAE,EAAE,OAAS,CAAC,EAAG,CAAC,EAE7FC,GAAS,GAEbF,EAAO,KAAK,CACV,SAAUlB,EAAS,UAAU,EAC7B,UAAW,KAAK,IAAIC,EAAS,IAAImB,CAAK,EAAInB,EAAS,IAAI,CAAC,CAAC,EACzD,OAAQD,EAAS,IAAIrB,EAAWwC,EAAG,EAAInB,EAAS,UAAU,EAAI,EAC9D,IAAK,EACL,KAAMiB,EAAYG,CAAK,EACvB,UAAWnB,EAAS,IAAImB,CAAK,CAC/B,CAAC,CACH,MAEA,IAAK,IAAIhD,EAAI,EAAGA,EAAIP,EAAW,OAAQ,IAAK,CAC1C,IAAMwD,EAAUrB,EAAS,UAAU,EAAInC,EAAW,OAElD,IAAK,IAAIsD,EAAI,EAAGA,EAAIxC,EAAW,OAAQ,IAAK,CAC1C,IAAMgB,EAAQf,EAAQR,EAAE,GAAG+C,GAEtBxB,GAELuB,EAAO,KAAK,CACV,SAAU,KAAK,IAAI,EAAGG,EAAU,CAAC,EACjC,UAAW,KAAK,IAAIpB,EAAS,IAAIN,EAAM,KAAK,EAAIM,EAAS,IAAI,CAAC,CAAC,EAC/D,OAAQD,EAAS,IAAIrB,EAAWwC,EAAG,EAAIE,EAAUjD,EAAIiD,EAAU,EAC/D,IAAK1B,EAAM,MAAQ,EAAI,GAAK,EAC5B,KAAMsB,EAAYtB,EAAM,KAAK,EAC7B,UAAWM,EAAS,IAAIN,EAAM,KAAK,CACrC,CAAC,CACH,CACF,CAGFhC,EAAA,qBAAqBK,EAAkBkD,EAAQ,CAC7C,WAAY7B,EAAad,EAAK,MAAQA,EAAK,OAC3C,eAAgBL,EAAI,eACpB,aACA,WAAY8C,IAAW,UAAmBlD,EAAO,UACnD,CAAC,CACH,MACEE,GAAkB,OAAO,EACzB,EAAmB,MAGjB,CAACD,GAAQ,CAACG,EAAI,UAAU,SAASH,CAAI,KACvC,EAAO1B,EAAAA,iBAAiB,OAAQ,CAAE,cAAe,OAAQ,MAAO,iBAAkB,iBAAkB,MAAO,CAAC,EAC5G6B,EAAI,UAAU,aAAaH,EAAMmB,EAAO,MAAM,GAGhD,EAAK,MAAM,QAAU,OAIrB,IAAMoC,EAASzD,EAAW,KAAK,EAAG,IAAM/B,EAAAA,YAAYsC,EAAGC,EAAE,KAAK,CAAC,EACzD,QAAW,GAA2B,OAAOK,EAAM,OAAO,IAAIC,EAAW4C,EAAO,GAAK5C,EAAW4C,EAAO,EACvGC,EAAgB,OAAO1D,EAAO,SAAY,SAAWA,EAAO,QAAU,IAAA,GACtE,MAAS,GAAiCY,EAAM,OAAO,IAAIC,EAAW4C,EAAO,GAAK5C,EAAW4C,GAC7F,QAAW,GACfC,GAAe,YAAcA,EAAc,YAAY,MAAMD,CAAM,CAAC,EAAI,QAAQA,CAAM,EAClFN,EAAcO,GAAe,aAAe,OAC9CC,EAAY,GAEV,SAAY,GAChB5D,EAAW,KAAK,EAAQ,KAAQ,CAAE,MAAOe,EAAQ8C,EAAG,GAAGH,GAAS,QAAO,EAAE,EAErE,SAAW,EAAgB,EAAmB,IAA4C,CAC9F,IAAMI,EAAS,SAASJ,CAAM,EACxBK,EAAYD,EAAOE,EAAU,EAAE,MAAQA,EAAYF,EAAO,UAAW,GAAMG,EAAE,KAAK,EAClFnC,EAAQgC,EAAOC,EAAU,EAAE,MAEjC,OAAOjC,EAAQ,CAAE,QAAO,gBAAe,OAAQ9B,EAAW+D,GAAY,QAAO,EAAI,IACnF,EAEM,UAAa,GAAyB,CAC1C,EAAYL,EACZrC,EAAO,OAAO,UAAU,OAAO,qBAAsBqC,GAAU,CAAC,EAEhE,IAAK,IAAMb,KAASxB,EAAO,OAAO,SAChC,IAAK,GAAM,CAACd,EAAG2D,IAAS,CAAC,GAAGrB,EAAM,QAAQ,CAAC,CAAC,QAAQ,EAClDqB,EAAK,UAAU,OAAO,oBAAqB3D,IAAMmD,CAAM,EAO3D,GAJI,CAACxD,IAEL,EAAK,MAAM,QAAUwD,EAAS,EAAI,OAAS,GAEvCA,EAAS,GAAG,OAEhB,IAAMS,EAAQ3B,EAAG,WAAW1B,EAAW4C,EAAO,EAAIvB,EAAS,UAAU,EAAI,EAAIA,EAAS,IAAI,EAAI,EACxFiC,EAAOjC,EAAS,UAAU,EAAIA,EAAS,IAAI,EAC3CkC,EAAInG,EAAAA,UAAUmC,EAAI,WAAW,MAAOA,EAAI,WAAW,OAAQA,EAAI,WAAW,MAAM,EAEtFtB,EAAA,cACEmB,EACAsB,EACI,CAAE,OAAQ4C,EAAM,MAAOC,EAAE,MAAO,EAAG,EAAG,EAAGF,CAAM,EAC/C,CAAE,OAAQE,EAAE,OAAQ,MAAOD,EAAM,EAAGD,EAAO,EAAG,CAAE,CACtD,CACF,EAEM,UAAY,EAAgB,EAAmB,IAA+B,CAClF,IAAMG,EAAQ,QAAQZ,EAAQM,EAAWO,CAAa,EAEtD,GAAI,CAACD,EAAO,OAEZ,UAAUZ,CAAM,EAEhB,IAAMI,EAASQ,EAAM,QAAU,CAAC,EAC1BE,EAAS9F,EAAAA,eAAe,QAAQgF,CAAM,EAAGI,EAAQV,CAAW,EAElE,GAAI9B,EAAS,CACX,IAAMmD,EAAOX,EAAO,KAAK,EAAG,IAC1BlC,EAAWS,EAAYwB,EAAG,GAAGH,IAAW,EAAK,KAAK,IAAI,EAAGO,EAAE,OAAO,OAAS,CAAC,CAC9E,EACMS,EAAUtC,EAAS,IAAI,KAAK,IAAI,GAAGqC,CAAI,CAAC,EACxCE,EAAenC,EAAG,WAAW1B,EAAW4C,EAAO,EAC/C,CAAE,UAAWrD,EAAI,WACjBuE,EAAOd,EAAO,SAAS,EAAG,IAC9BG,EAAE,MACE,CAAC,CAAE,MAAOR,EAAOI,GAAK,KAAMI,EAAE,OAAO,KAAM,MAAOb,EAAYa,EAAE,MAAM,MAAOA,EAAE,MAAOA,EAAE,MAAM,CAAE,CAAC,EACjG,CAAC,CACP,EAEA3C,EAAQ,MACLE,EAAakD,EAAUC,GAAgBE,EAAO,MAC9CrD,EAAamD,EAAeD,GAAWG,EAAO,IAC/CP,EAAM,MACNA,EAAM,OACN3F,EAAAA,kBAAkB0B,EAAI,IAAI,cAAe,QAAQqD,CAAM,EAAGkB,EAAMJ,CAAM,CACxE,CACF,MACEnE,EAAI,UAAU,SAASmE,CAAM,EAG/BvE,EAAO,UAAUqE,CAAK,CACxB,EAEM,eAAyB,CAC7B,UAAU,EAAE,EACZhD,GAAS,KAAK,EACdjB,EAAI,UAAU,MAAM,EACpBJ,EAAO,UAAU,IAAI,CACvB,EAEM,IAAO,GAAoE,CAC/E,IAAMgD,EAAI5C,EAAI,WACRyE,EAAMlG,EAAAA,iBAAiByB,EAAI,IAAKiE,EAAOrB,EAAE,OAAO,KAAMA,EAAE,OAAO,GAAG,EAClEoB,EAAInG,EAAAA,UAAU+E,EAAE,MAAOA,EAAE,OAAQA,EAAE,MAAM,EAE/C,GAAI6B,EAAI,EAAI,GAAKA,EAAI,EAAIT,EAAE,OAASS,EAAI,EAAI,GAAKA,EAAI,EAAIT,EAAE,OAAQ,OAAO,KAE1E,IAAMX,EAAS7E,EAAAA,WAAW2C,EAAasD,EAAI,EAAIA,EAAI,EAAGhE,EAAY0B,CAAE,EAEpE,OAAOkB,IAAW,GACd,KACA,CAAE,SAAQ,UAAW5E,EAAAA,cAAcgG,EAAKpB,EAAQ5C,EAAY0B,EAAIxC,EAAW,MAAM,CAAE,CACzF,EAEM,YAAe,GAAsB,CACzC,IAAM+E,EAAS,IAAIT,CAAK,EAEpBS,EAAQ,SAASA,EAAO,OAAQA,EAAO,UAAWT,CAAK,EAClDV,GAAa,GAAG,WAAW,CACtC,EAEM,QAAW,GAAsB,CACrC,IAAMmB,EAAS9E,EAAO,SAAW,IAAIqE,CAAK,EACpCU,EAAaD,GAAU,QAAQA,EAAO,OAAQA,EAAO,UAAWT,CAAK,EAEvEU,GAAY/E,EAAO,UAAU+E,CAAU,CAC7C,EAEM,UAAa,GAAyB,CAC1C,IAAMpC,EAAO9B,EAAW,OAAS,EAC3BmE,EAAOrB,EAAY,EAAIhB,EAAO,KAAK,IAAI,EAAGgB,EAAY,CAAC,EACvDsB,EAAOtB,EAAY,EAAI,EAAI,KAAK,IAAIhB,EAAMgB,EAAY,CAAC,EACvDmB,EAAiC,CACrC,UAAWG,EACX,UAAWD,EACX,WAAYC,EACZ,QAASD,EACT,IAAKrC,EACL,KAAM,CACR,EAEA,GAAI0B,EAAM,OAAOS,EACfT,EAAM,eAAe,EACrB,SAASS,EAAOT,EAAM,KAAM,EAAGA,CAAK,OAC/B,IAAKA,EAAM,MAAQ,SAAWA,EAAM,MAAQ,MAAQV,GAAa,GAAK3D,EAAO,QAAS,CAC3FqE,EAAM,eAAe,EAErB,IAAMU,EAAa,QAAQpB,EAAW,EAAGU,CAAK,EAE1CU,GAAY/E,EAAO,QAAQ+E,CAAU,CAC3C,MAAWV,EAAM,MAAQ,UACvB,WAAW,CAEf,EAEA,MAAO,CAAE,QAAS,UAAW,aAAc,WAAY,WAAY,CACrE,EACC,GAAS,CACR,EAAaa,CACf,CACF,CACF,C"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"bar-chart.d.ts","sourceRoot":"","sources":["../../../src/charts/bar/bar-chart.ts"],"names":[],"mappings":"AAcA,OAAO,KAAK,EACV,cAAc,EACd,eAAe,EAGf,WAAW,EAKZ,MAAM,aAAa,CAAC;
|
|
1
|
+
{"version":3,"file":"bar-chart.d.ts","sourceRoot":"","sources":["../../../src/charts/bar/bar-chart.ts"],"names":[],"mappings":"AAcA,OAAO,KAAK,EACV,cAAc,EACd,eAAe,EAGf,WAAW,EAKZ,MAAM,aAAa,CAAC;AAerB,wBAAgB,cAAc,CAAC,SAAS,EAAE,WAAW,EAAE,MAAM,EAAE,cAAc,GAAG,WAAW,CAAC,eAAe,EAAE,CAAC,CA+a7G"}
|
|
@@ -14,6 +14,7 @@ import { seriesColor as g } from "../../theme/index.js";
|
|
|
14
14
|
import { bandScale as _ } from "../../scales/band.js";
|
|
15
15
|
import { findCatIdx as v, findSeriesIdx as y } from "./bar-hit-test.js";
|
|
16
16
|
import { renderBars as b } from "./bar-renderer.js";
|
|
17
|
+
import { renderBarValueLabels as x } from "./bar-value-labels.js";
|
|
17
18
|
//#region src/charts/bar/bar-chart.ts
|
|
18
19
|
function variantFlags(e) {
|
|
19
20
|
return {
|
|
@@ -21,89 +22,89 @@ function variantFlags(e) {
|
|
|
21
22
|
stacked: e === "stacked" || e === "stacked-horizontal"
|
|
22
23
|
};
|
|
23
24
|
}
|
|
24
|
-
function createBarChart(
|
|
25
|
-
let
|
|
26
|
-
return f(
|
|
27
|
-
let { groups:
|
|
28
|
-
|
|
25
|
+
function createBarChart(S, C) {
|
|
26
|
+
let w = C.series, T = null, E = null;
|
|
27
|
+
return f(S, C, (f, S) => {
|
|
28
|
+
let { groups: D, legend: O, tooltip: k } = f;
|
|
29
|
+
O?.update(w.map((e, t) => ({
|
|
29
30
|
color: g(t, e.color),
|
|
30
31
|
name: e.name
|
|
31
32
|
})));
|
|
32
|
-
let
|
|
33
|
+
let A = f.dimensions, j = u(A.width, A.height, A.margin), M = w.map((e) => e.data), N = m(w, M), P = N.domain, F = N.series.map(({ byKey: e }) => P.map((t) => e.get(t))), categoryAxis = (e) => ({
|
|
33
34
|
...e,
|
|
34
35
|
tickFormat: (t) => {
|
|
35
|
-
let n = String(t), r =
|
|
36
|
+
let n = String(t), r = N.labels.get(n) ?? t;
|
|
36
37
|
return e.tickFormat ? e.tickFormat(r) : String(r);
|
|
37
38
|
}
|
|
38
39
|
});
|
|
39
|
-
if (
|
|
40
|
-
d(
|
|
40
|
+
if (P.length === 0) {
|
|
41
|
+
d(D, O, k), T?.remove(), T = null, E?.remove(), E = null;
|
|
41
42
|
return;
|
|
42
43
|
}
|
|
43
|
-
let { horizontal:
|
|
44
|
+
let { horizontal: I, stacked: L } = variantFlags(C.variant ?? "grouped"), R = C.xAxis === !1 ? !1 : I ? {
|
|
44
45
|
grid: !0,
|
|
45
|
-
...
|
|
46
|
-
} :
|
|
46
|
+
...C.xAxis
|
|
47
|
+
} : C.xAxis ?? {}, z = C.yAxis === !1 ? !1 : I ? C.yAxis ?? {} : {
|
|
47
48
|
grid: !0,
|
|
48
|
-
...
|
|
49
|
-
},
|
|
50
|
-
if (
|
|
51
|
-
|
|
52
|
-
let e =
|
|
53
|
-
|
|
49
|
+
...C.yAxis
|
|
50
|
+
}, B, V;
|
|
51
|
+
if (L) {
|
|
52
|
+
F.some((e) => e.some((e) => (e?.value ?? 0) < 0));
|
|
53
|
+
let e = P.map((e, t) => F.reduce((e, n) => e + Math.max(0, n[t]?.value ?? 0), 0));
|
|
54
|
+
B = Math.max(...e), V = 0;
|
|
54
55
|
} else {
|
|
55
|
-
let e =
|
|
56
|
-
|
|
56
|
+
let e = F.flatMap((e) => e.flatMap((e) => e ? [e.value] : []));
|
|
57
|
+
B = Math.max(...e), V = Math.min(0, ...e);
|
|
57
58
|
}
|
|
58
|
-
let
|
|
59
|
-
domain:
|
|
60
|
-
range: [0,
|
|
59
|
+
let H = _(I ? {
|
|
60
|
+
domain: P,
|
|
61
|
+
range: [0, j.height]
|
|
61
62
|
} : {
|
|
62
|
-
domain:
|
|
63
|
-
range: [0,
|
|
64
|
-
}),
|
|
65
|
-
domain: [
|
|
66
|
-
range: [0,
|
|
63
|
+
domain: P,
|
|
64
|
+
range: [0, j.width]
|
|
65
|
+
}), U = s(I ? {
|
|
66
|
+
domain: [V, B],
|
|
67
|
+
range: [0, j.width]
|
|
67
68
|
} : {
|
|
68
|
-
domain: [
|
|
69
|
-
range: [
|
|
70
|
-
}),
|
|
71
|
-
for (let e of
|
|
72
|
-
let
|
|
73
|
-
bandCenter: (e) =>
|
|
74
|
-
bandwidth:
|
|
75
|
-
baselinePx:
|
|
76
|
-
horizontal:
|
|
77
|
-
stacked:
|
|
78
|
-
stackedTops:
|
|
79
|
-
valueScale:
|
|
69
|
+
domain: [V, B],
|
|
70
|
+
range: [j.height, 0]
|
|
71
|
+
}), W = [], G = Object.create(null);
|
|
72
|
+
for (let e of P) G[e] = 0;
|
|
73
|
+
let K = {
|
|
74
|
+
bandCenter: (e) => H.map(e) + H.bandwidth() / 2,
|
|
75
|
+
bandwidth: H.bandwidth(),
|
|
76
|
+
baselinePx: U.map(0),
|
|
77
|
+
horizontal: I,
|
|
78
|
+
stacked: L,
|
|
79
|
+
stackedTops: W,
|
|
80
|
+
valueScale: U
|
|
80
81
|
};
|
|
81
|
-
if (
|
|
82
|
-
if (
|
|
83
|
-
let e = categoryAxis(
|
|
84
|
-
n(
|
|
82
|
+
if (I) {
|
|
83
|
+
if (R && R.grid && o(D.grid, U, R.grid, j.height, "vertical", a(U, R, i(R, j.width, "bottom"))), z !== !1) {
|
|
84
|
+
let e = categoryAxis(z);
|
|
85
|
+
n(D.yAxis, e.position ?? "left", j.width, j.height), r(D.yAxis, H, e, j.height, "left");
|
|
85
86
|
}
|
|
86
|
-
|
|
87
|
+
R && (n(D.xAxis, R.position ?? "bottom", j.width, j.height), r(D.xAxis, U, R, j.width, "bottom"));
|
|
87
88
|
} else {
|
|
88
|
-
if (
|
|
89
|
-
let e = categoryAxis(
|
|
90
|
-
n(
|
|
89
|
+
if (z && z.grid && o(D.grid, U, z.grid, j.width, "horizontal", a(U, z, i(z, j.height, "left"))), R !== !1) {
|
|
90
|
+
let e = categoryAxis(R);
|
|
91
|
+
n(D.xAxis, e.position ?? "bottom", j.width, j.height), r(D.xAxis, H, e, j.width, "bottom");
|
|
91
92
|
}
|
|
92
|
-
|
|
93
|
+
z && (n(D.yAxis, z.position ?? "left", j.width, j.height), r(D.yAxis, U, z, j.height, "left"));
|
|
93
94
|
}
|
|
94
|
-
let
|
|
95
|
-
for (;
|
|
96
|
-
let e =
|
|
97
|
-
e &&
|
|
95
|
+
let q = L ? 0 : Number.parseFloat(getComputedStyle(f.svg).getPropertyValue("--prism-bar-radius")) || 0;
|
|
96
|
+
for (; D.series.children.length > w.length;) {
|
|
97
|
+
let e = D.series.lastElementChild;
|
|
98
|
+
e && D.series.removeChild(e);
|
|
98
99
|
}
|
|
99
|
-
for (let t = 0; t <
|
|
100
|
-
let n =
|
|
101
|
-
r || (r = e("g", { class: "prism-bar-series" }),
|
|
102
|
-
let i =
|
|
103
|
-
let r =
|
|
104
|
-
if (
|
|
105
|
-
let t =
|
|
106
|
-
return
|
|
100
|
+
for (let t = 0; t < w.length; t++) {
|
|
101
|
+
let n = w[t], r = D.series.children[t];
|
|
102
|
+
r || (r = e("g", { class: "prism-bar-series" }), D.series.appendChild(r)), r.setAttribute("data-series-id", p(n, t));
|
|
103
|
+
let i = P.map((e, n) => {
|
|
104
|
+
let r = F[t]?.[n];
|
|
105
|
+
if (L) {
|
|
106
|
+
let t = G[e] ?? 0, n = t + Math.max(0, r?.value ?? 0);
|
|
107
|
+
return G[e] = n, {
|
|
107
108
|
base: t,
|
|
108
109
|
dash: r?.dash,
|
|
109
110
|
key: e,
|
|
@@ -121,42 +122,80 @@ function createBarChart(x, S) {
|
|
|
121
122
|
y: r?.value ?? 0
|
|
122
123
|
};
|
|
123
124
|
});
|
|
124
|
-
|
|
125
|
-
let a =
|
|
126
|
-
b(r, i,
|
|
125
|
+
W[t] = i.map((e) => e.y);
|
|
126
|
+
let a = L ? i.map((e) => U.map(e.base)) : void 0;
|
|
127
|
+
b(r, i, H, U, K.baselinePx, {
|
|
127
128
|
baselineYs: a,
|
|
128
|
-
borderRadius: n.borderRadius ??
|
|
129
|
+
borderRadius: n.borderRadius ?? q,
|
|
129
130
|
color: g(t, n.color),
|
|
130
131
|
disposalSignal: f.disposalSignal,
|
|
131
|
-
horizontal:
|
|
132
|
-
seriesCount:
|
|
132
|
+
horizontal: I,
|
|
133
|
+
seriesCount: w.length,
|
|
133
134
|
seriesIndex: t,
|
|
134
|
-
stacked:
|
|
135
|
-
transition:
|
|
135
|
+
stacked: L,
|
|
136
|
+
transition: S !== "resize" && C.transition
|
|
136
137
|
});
|
|
137
138
|
}
|
|
138
|
-
|
|
139
|
+
if (k?.hide(), D.series.classList.toggle("prism-bars-stacked", L), C.showValues) {
|
|
140
|
+
(!E || !f.chartArea.contains(E)) && (E = e("g", {
|
|
141
|
+
"aria-hidden": "true",
|
|
142
|
+
class: "prism-bar-values"
|
|
143
|
+
}), f.chartArea.appendChild(E));
|
|
144
|
+
let t = C.valueFormat ?? String, n = [];
|
|
145
|
+
if (L) for (let e = 0; e < P.length; e++) {
|
|
146
|
+
let r = F.reduce((t, n) => t + Math.max(0, n[e]?.value ?? 0), 0);
|
|
147
|
+
r <= 0 || n.push({
|
|
148
|
+
bandSize: H.bandwidth(),
|
|
149
|
+
barLength: Math.abs(U.map(r) - U.map(0)),
|
|
150
|
+
center: H.map(P[e]) + H.bandwidth() / 2,
|
|
151
|
+
dir: 1,
|
|
152
|
+
text: t(r),
|
|
153
|
+
valueEdge: U.map(r)
|
|
154
|
+
});
|
|
155
|
+
}
|
|
156
|
+
else for (let e = 0; e < w.length; e++) {
|
|
157
|
+
let r = H.bandwidth() / w.length;
|
|
158
|
+
for (let i = 0; i < P.length; i++) {
|
|
159
|
+
let a = F[e]?.[i];
|
|
160
|
+
a && n.push({
|
|
161
|
+
bandSize: Math.max(0, r - 1),
|
|
162
|
+
barLength: Math.abs(U.map(a.value) - U.map(0)),
|
|
163
|
+
center: H.map(P[i]) + r * e + r / 2,
|
|
164
|
+
dir: a.value < 0 ? -1 : 1,
|
|
165
|
+
text: t(a.value),
|
|
166
|
+
valueEdge: U.map(a.value)
|
|
167
|
+
});
|
|
168
|
+
}
|
|
169
|
+
}
|
|
170
|
+
x(E, n, {
|
|
171
|
+
areaExtent: I ? j.width : j.height,
|
|
172
|
+
disposalSignal: f.disposalSignal,
|
|
173
|
+
horizontal: I,
|
|
174
|
+
transition: S !== "resize" && C.transition
|
|
175
|
+
});
|
|
176
|
+
} else E?.remove(), E = null;
|
|
177
|
+
(!T || !f.chartArea.contains(T)) && (T = e("rect", {
|
|
139
178
|
"aria-hidden": "true",
|
|
140
179
|
class: "prism-bar-band",
|
|
141
180
|
"pointer-events": "none"
|
|
142
|
-
}), f.chartArea.insertBefore(
|
|
143
|
-
let
|
|
144
|
-
datum:
|
|
181
|
+
}), f.chartArea.insertBefore(T, D.series)), T.style.display = "none";
|
|
182
|
+
let J = w.map((e, t) => g(t, e.color)), labelOf = (e) => String(N.labels.get(P[e]) ?? P[e]), Y = typeof C.tooltip == "object" ? C.tooltip : void 0, keyOf = (e) => N.labels.get(P[e]) ?? P[e], titleOf = (e) => Y?.titleFormat ? Y.titleFormat(keyOf(e)) : labelOf(e), X = Y?.valueFormat ?? String, Z = -1, valuesAt = (e) => w.map((t, n) => ({
|
|
183
|
+
datum: F[n]?.[e],
|
|
145
184
|
series: t
|
|
146
185
|
})), eventAt = (e, t, n) => {
|
|
147
186
|
let r = valuesAt(e), i = r[t]?.datum ? t : r.findIndex((e) => e.datum), a = r[i]?.datum;
|
|
148
187
|
return a ? {
|
|
149
188
|
datum: a,
|
|
150
189
|
originalEvent: n,
|
|
151
|
-
series:
|
|
190
|
+
series: w[i],
|
|
152
191
|
values: r
|
|
153
192
|
} : null;
|
|
154
193
|
}, setActive = (e) => {
|
|
155
|
-
|
|
156
|
-
for (let t of
|
|
157
|
-
if (!
|
|
158
|
-
let n =
|
|
159
|
-
t(
|
|
194
|
+
Z = e, D.series.classList.toggle("prism-bars-focused", e >= 0);
|
|
195
|
+
for (let t of D.series.children) for (let [n, r] of [...t.children].entries()) r.classList.toggle("prism-bar--active", n === e);
|
|
196
|
+
if (!T || (T.style.display = e < 0 ? "none" : "", e < 0)) return;
|
|
197
|
+
let n = K.bandCenter(P[e]) - H.bandwidth() / 2 - H.gap() / 2, r = H.bandwidth() + H.gap(), i = u(f.dimensions.width, f.dimensions.height, f.dimensions.margin);
|
|
198
|
+
t(T, I ? {
|
|
160
199
|
height: r,
|
|
161
200
|
width: i.width,
|
|
162
201
|
x: 0,
|
|
@@ -171,34 +210,34 @@ function createBarChart(x, S) {
|
|
|
171
210
|
let r = eventAt(e, t, n);
|
|
172
211
|
if (!r) return;
|
|
173
212
|
setActive(e);
|
|
174
|
-
let i = r.values ?? [], a = c(titleOf(e), i,
|
|
175
|
-
if (
|
|
176
|
-
let t = i.map((t, n) =>
|
|
177
|
-
color:
|
|
213
|
+
let i = r.values ?? [], a = c(titleOf(e), i, X);
|
|
214
|
+
if (k) {
|
|
215
|
+
let t = i.map((t, n) => L ? W[n]?.[e] ?? 0 : Math.max(0, t.datum?.value ?? 0)), n = U.map(Math.max(...t)), o = K.bandCenter(P[e]), { margin: s } = f.dimensions, c = i.flatMap((e, t) => e.datum ? [{
|
|
216
|
+
color: J[t],
|
|
178
217
|
name: e.series.name,
|
|
179
|
-
value:
|
|
218
|
+
value: X(e.datum.value, e.datum, e.series)
|
|
180
219
|
}] : []);
|
|
181
|
-
|
|
220
|
+
k.show((I ? n : o) + s.left, (I ? o : n) + s.top, r.datum, r.series, l(f.svg.ownerDocument, titleOf(e), c, a));
|
|
182
221
|
} else f.announcer.announce(a);
|
|
183
|
-
|
|
222
|
+
C.onHover?.(r);
|
|
184
223
|
}, deactivate = () => {
|
|
185
|
-
setActive(-1),
|
|
224
|
+
setActive(-1), k?.hide(), f.announcer.clear(), C.onHover?.(null);
|
|
186
225
|
}, hit = (e) => {
|
|
187
226
|
let t = f.dimensions, n = h(f.svg, e, t.margin.left, t.margin.top), r = u(t.width, t.height, t.margin);
|
|
188
227
|
if (n.x < 0 || n.x > r.width || n.y < 0 || n.y > r.height) return null;
|
|
189
|
-
let i = v(
|
|
228
|
+
let i = v(I ? n.y : n.x, P, K);
|
|
190
229
|
return i === -1 ? null : {
|
|
191
230
|
catIdx: i,
|
|
192
|
-
seriesIdx: y(n, i,
|
|
231
|
+
seriesIdx: y(n, i, P, K, w.length)
|
|
193
232
|
};
|
|
194
233
|
}, onMouseMove = (e) => {
|
|
195
234
|
let t = hit(e);
|
|
196
|
-
t ? activate(t.catIdx, t.seriesIdx, e) :
|
|
235
|
+
t ? activate(t.catIdx, t.seriesIdx, e) : Z >= 0 && deactivate();
|
|
197
236
|
}, onClick = (e) => {
|
|
198
|
-
let t =
|
|
199
|
-
n &&
|
|
237
|
+
let t = C.onClick && hit(e), n = t && eventAt(t.catIdx, t.seriesIdx, e);
|
|
238
|
+
n && C.onClick?.(n);
|
|
200
239
|
}, onKeyDown = (e) => {
|
|
201
|
-
let t =
|
|
240
|
+
let t = P.length - 1, n = Z < 0 ? t : Math.max(0, Z - 1), r = Z < 0 ? 0 : Math.min(t, Z + 1), i = {
|
|
202
241
|
ArrowDown: r,
|
|
203
242
|
ArrowLeft: n,
|
|
204
243
|
ArrowRight: r,
|
|
@@ -207,10 +246,10 @@ function createBarChart(x, S) {
|
|
|
207
246
|
Home: 0
|
|
208
247
|
};
|
|
209
248
|
if (e.key in i) e.preventDefault(), activate(i[e.key], 0, e);
|
|
210
|
-
else if ((e.key === "Enter" || e.key === " ") &&
|
|
249
|
+
else if ((e.key === "Enter" || e.key === " ") && Z >= 0 && C.onClick) {
|
|
211
250
|
e.preventDefault();
|
|
212
|
-
let t = eventAt(
|
|
213
|
-
t &&
|
|
251
|
+
let t = eventAt(Z, 0, e);
|
|
252
|
+
t && C.onClick(t);
|
|
214
253
|
} else e.key === "Escape" && deactivate();
|
|
215
254
|
};
|
|
216
255
|
return {
|
|
@@ -220,7 +259,7 @@ function createBarChart(x, S) {
|
|
|
220
259
|
onMouseMove
|
|
221
260
|
};
|
|
222
261
|
}, (e) => {
|
|
223
|
-
|
|
262
|
+
w = e;
|
|
224
263
|
});
|
|
225
264
|
}
|
|
226
265
|
//#endregion
|