@vielzeug/prism 26.11.5 → 26.11.6

package/dist/charts/heatmap/heatmap-chart.js

@@ -1,11 +1,11 @@
 import "../../_dev.js";
-import { createSvgElement as e, removeChildren as t, setAttributes as n } from "../../svg/element.js";
-import { estimateTextWidth as r } from "../../svg/text.js";
-import { comparisonContent as i } from "../../interaction/tooltip.js";
-import { chartArea as a, resolveMargin as o } from "../../core/layout.js";
-import { createRadialScaffold as s } from "../../core/chart-scaffold.js";
+import { createRadialScaffold as e } from "../../core/chart-scaffold.js";
+import { chartArea as t, resolveMargin as n } from "../../core/layout.js";
+import { comparisonContent as r } from "../../interaction/tooltip.js";
+import { createSvgElement as i, removeChildren as a, setAttributes as o } from "../../svg/element.js";
+import { estimateTextWidth as s } from "../../svg/text.js";
 import { createRamp as c, valueColorFor as l } from "./heatmap-color.js";
-//#region src/charts/heatmap/heatmap-chart.ts
+// src/charts/heatmap/heatmap-chart.ts
 var u = {
 	ArrowDown: 1,
 	ArrowLeft: -1,
@@ -19,15 +19,15 @@ var u = {
 	"#082f49"
 ], f = "var(--prism-grid-color, #e2e8f0)", p = 11, m = 8, h = .4, g = 96, _ = .71;
 function createHeatmapChart(v, y) {
-	let b = y.rows, x = y.columns, S = y.cells, C = y.domain, w = y.rowSummary, T = o({
+	let b = y.rows, x = y.columns, S = y.cells, C = y.domain, w = y.rowSummary, T = n({
 		bottom: 8,
 		left: 8,
 		right: 8,
 		top: 8,
 		...y.margin
-	}), E = Math.max(0, y.gap ?? 2), D = y.showValues ?? !0, O = y.valueFormat ?? String, k = c(y.colorRange ?? d), A = y.emptyColor ?? f, j = buildBinBounds(y.bins), M = j.length, N = /* @__PURE__ */ new Map(), cellKey = (e, t) => `${e}\u0000${t}`, P = null, F = -1, I = null, positionOf = () => .5, L = e("g"), add = (t, n, r) => {
-		let i = e(t, r);
-		return n.appendChild(i), i;
+	}), E = Math.max(0, y.gap ?? 2), D = y.showValues ?? !0, O = y.valueFormat ?? String, k = c(y.colorRange ?? d), A = y.emptyColor ?? f, j = buildBinBounds(y.bins), M = j.length, N = /* @__PURE__ */ new Map(), cellKey = (e, t) => `${e}\u0000${t}`, P = null, F = -1, I = null, positionOf = () => .5, L = i("g"), add = (e, t, n) => {
+		let r = i(e, n);
+		return t.appendChild(r), r;
 	};
 	function currentDomain() {
 		if (C) return C;
@@ -52,10 +52,10 @@ function createHeatmapChart(v, y) {
 		};
 	}
 	function render(e) {
-		let { legend: i, svg: o } = e;
-		o.contains(L) || o.appendChild(L), t(L), I = null, F = -1, P = null, N.clear();
+		let { legend: n, svg: r } = e;
+		r.contains(L) || r.appendChild(L), a(L), I = null, F = -1, P = null, N.clear();
 		for (let e of S) N.set(cellKey(e.row, e.column), e);
-		if (positionOf = computePositionOf(), M > 0 && i) {
+		if (positionOf = computePositionOf(), M > 0 && n) {
 			let e = j.map((e, t) => ({
 				color: k(M === 1 ? .5 : t / (M - 1)),
 				name: (y.binLabel ?? defaultBinLabel(O))(e[0], e[1])
@@ -63,18 +63,18 @@ function createHeatmapChart(v, y) {
 			y.emptyLabel && e.push({
 				color: A,
 				name: y.emptyLabel
-			}), i.update(e);
+			}), n.update(e);
 		}
 		if (b.length === 0 || x.length === 0) {
-			i?.update([]);
+			n?.update([]);
 			return;
 		}
-		let s = a(e.dimensions.width, e.dimensions.height, T), c = w && w.values.length > 0 ? w : null, u = Math.min(Math.max(...b.map((e) => r(e, p))) + 16, s.width * h), d = 0;
+		let i = t(e.dimensions.width, e.dimensions.height, T), c = w && w.values.length > 0 ? w : null, u = Math.min(Math.max(...b.map((e) => s(e, p))) + 16, i.width * h), d = 0;
 		if (c) {
-			let e = c.values.filter((e) => e !== null), t = Math.max(r(c.header ?? "", p), ...e.map((e) => r(e, p)));
-			d = Math.min(t + 16, s.width * h);
+			let e = c.values.filter((e) => e !== null), t = Math.max(s(c.header ?? "", p), ...e.map((e) => s(e, p)));
+			d = Math.min(t + 16, i.width * h);
 		}
-		let f = Math.max(...x.map((e) => r(e, p))), v = f > s.width / x.length - m, C = v ? Math.min(f * _ + m, g) : 19, R = T.left + u, z = T.top + C, B = Math.max(0, s.width - u - d) / x.length, V = Math.max(0, s.height - C) / b.length, H = [];
+		let f = Math.max(...x.map((e) => s(e, p))), v = f > i.width / x.length - m, C = v ? Math.min(f * _ + m, g) : 19, R = T.left + u, z = T.top + C, B = Math.max(0, i.width - u - d) / x.length, V = Math.max(0, i.height - C) / b.length, H = [];
 		for (let e = 0; e < b.length; e += 1) for (let t = 0; t < x.length; t += 1) {
 			let n = b[e], r = x[t], i = N.get(cellKey(n, r))?.value ?? null;
 			H.push({
@@ -97,16 +97,16 @@ function createHeatmapChart(v, y) {
 			rowHeight: V
 		};
 		for (let e = 0; e < x.length; e += 1) {
-			let t = R + e * B + B / 2, r = add("text", L, {
+			let t = R + e * B + B / 2, n = add("text", L, {
 				"aria-hidden": "true",
 				class: "prism-heatmap-column-label",
 				x: String(t),
 				y: String(T.top + C - 4)
 			});
-			r.textContent = x[e], v ? n(r, {
+			n.textContent = x[e], v ? o(n, {
 				"text-anchor": "start",
 				transform: `rotate(-45 ${t} ${T.top + C - 4})`
-			}) : n(r, { "text-anchor": "middle" });
+			}) : o(n, { "text-anchor": "middle" });
 		}
 		for (let e = 0; e < b.length; e += 1) {
 			let t = add("text", L, {
@@ -120,7 +120,7 @@ function createHeatmapChart(v, y) {
 			t.textContent = b[e];
 		}
 		if (c) {
-			let e = T.left + s.width - d / 2;
+			let e = T.left + i.width - d / 2;
 			if (c.header) {
 				let t = add("text", L, {
 					"aria-hidden": "true",
@@ -193,43 +193,43 @@ function createHeatmapChart(v, y) {
 		let t = P.cells[e], n = N.get(cellKey(t.row, t.column))?.value ?? null;
 		return `${t.row} \u00b7 ${t.column}: ${n === null ? "—" : O(n)}`;
 	}
-	function activate(e, t, r) {
+	function activate(e, t, n) {
 		if (!P || !I) return;
-		let a = P.cells[t];
-		if (!a) return;
+		let i = P.cells[t];
+		if (!i) return;
 		F = t;
-		let o = N.get(cellKey(a.row, a.column))?.value ?? null;
-		n(I, {
-			height: String(Math.max(0, a.rowHeight - E)),
+		let a = N.get(cellKey(i.row, i.column))?.value ?? null;
+		o(I, {
+			height: String(Math.max(0, i.rowHeight - E)),
 			visibility: "visible",
-			width: String(Math.max(0, a.columnWidth - E)),
-			x: String(a.x + E / 2),
-			y: String(a.y + E / 2)
-		}), y.onCellHover?.(eventFor(a, r));
+			width: String(Math.max(0, i.columnWidth - E)),
+			x: String(i.x + E / 2),
+			y: String(i.y + E / 2)
+		}), y.onCellHover?.(eventFor(i, n));
 		let s = describe(t);
 		if (!e.tooltip) {
 			e.announcer.announce(s);
 			return;
 		}
 		let c = e.svg.getBoundingClientRect(), l = e.container.getBoundingClientRect();
-		e.tooltip.show(a.x + a.columnWidth / 2 + (c.left - l.left), a.y + (c.top - l.top), {
-			key: cellKey(a.row, a.column),
+		e.tooltip.show(i.x + i.columnWidth / 2 + (c.left - l.left), i.y + (c.top - l.top), {
+			key: cellKey(i.row, i.column),
 			meta: { text: s },
-			value: o ?? 0
+			value: a ?? 0
 		}, {
-			color: a.fill,
+			color: i.fill,
 			data: [],
-			name: `${a.row} \u00b7 ${a.column}`
-		}, i(e.svg.ownerDocument, `${a.row} \u00b7 ${a.column}`, [{
-			color: a.fill,
-			name: a.column,
-			value: o === null ? "—" : O(o)
+			name: `${i.row} \u00b7 ${i.column}`
+		}, r(e.svg.ownerDocument, `${i.row} \u00b7 ${i.column}`, [{
+			color: i.fill,
+			name: i.column,
+			value: a === null ? "—" : O(a)
 		}], s));
 	}
 	function deactivate(e) {
 		F !== -1 && (F = -1, I?.setAttribute("visibility", "hidden"), y.onCellHover?.(null), e.tooltip?.hide(), e.announcer.clear());
 	}
-	return s(v, {
+	return e(v, {
 		a11y: y.a11y,
 		legend: M > 0 && y.legend !== !1 && {},
 		margin: y.margin,
@@ -276,7 +276,6 @@ function buildBinBounds(e) {
 function defaultBinLabel(e) {
 	return (t, n) => t === null && n !== null ? `<${e(n)}` : t !== null && n === null ? `\u2265${e(t)}` : t !== null && n !== null ? `${e(t)}\u2013${e(n)}` : "—";
 }
-//#endregion
 export { createHeatmapChart };
 
 //# sourceMappingURL=heatmap-chart.js.map

package/dist/charts/heatmap/heatmap-color.js

@@ -1,4 +1,4 @@
-//#region src/charts/heatmap/heatmap-color.ts
+// src/charts/heatmap/heatmap-color.ts
 var e = /^#([0-9a-f])([0-9a-f])([0-9a-f])$/i, t = /^#([0-9a-f]{2})([0-9a-f]{2})([0-9a-f]{2})$/i, n = /^rgba?\(\s*(\d{1,3})\s*[,\s]\s*(\d{1,3})\s*[,\s]\s*(\d{1,3})\s*(?:[,\s][\d.]+\s*)?\)$/i;
 function parseColor(r) {
 	let i = t.exec(r);
@@ -55,7 +55,6 @@ function valueColorFor(e, t) {
 	let n = relativeLuminance(e);
 	return n === null ? t : n > .179 ? "#000" : "#fff";
 }
-//#endregion
 export { createRamp, mixColors, parseColor, relativeLuminance, toCssColor, valueColorFor };
 
 //# sourceMappingURL=heatmap-color.js.map

package/dist/charts/line/line-chart.cjs

@@ -1,2 +1,2 @@
-const e=require("../../svg/element.cjs"),t=require("../../axes/axis.cjs"),n=require("../../axes/grid.cjs"),r=require("../../core/cartesian-scales.cjs"),i=require("../../core/layout.cjs"),a=require("../../core/chart-scaffold.cjs"),o=require("../../core/series-id.cjs"),s=require("../../interaction/crosshair.cjs"),c=require("../../interaction/series-interaction.cjs"),l=require("../../theme/index.cjs"),u=require("./line-renderer.cjs");function createLineChart(d,f){let p=null,m=null,h=null,g=f.series;return a.createChartScaffold(d,f,(d,_)=>{let{groups:v,legend:y,tooltip:b}=d;y?.update(g.map((e,t)=>({color:l.seriesColor(t,e.color),name:e.name})));let x=d.dimensions,S=g.some(e=>e.yAxis===`right`),C=g.some(e=>e.yAxis!==`right`&&e.data.length>0),w={...i.resolveMargin(f.margin),right:f.margin?.right??(S?f.rightYAxis?.label?72:50:i.resolveMargin(f.margin).right)},T=i.chartArea(x.width,x.height,w),E=g.map(e=>e.data),D=E.flat().map(e=>e.key),O=g.filter(e=>e.yAxis!==`right`).flatMap(e=>e.data.map(e=>e.value)),k=g.filter(e=>e.yAxis===`right`).flatMap(e=>e.data.map(e=>e.value));if(D.length===0){a.clearCartesianDom(v,y,b,p),m?.replaceChildren(),h?.replaceChildren();return}f.crosshair&&!p&&(p=s.createCrosshair(d.chartArea,f.crosshair));let A=r.buildXScale(D,T.width),j=r.buildYScale(O,T.height),M=r.buildYScale(k,T.height),N=f.xAxis===!1?!1:f.xAxis??{},P=f.yAxis!==!1&&{grid:!0,...f.yAxis};if(P&&P.grid&&(!S||C)?n.renderGrid(v.grid,j,P.grid,T.width,`horizontal`,t.resolveTicks(j,P,t.resolveTickCount(P,T.height,`left`))):v.grid.replaceChildren(),N&&N.grid&&n.renderGrid(v.grid,A,N.grid,T.height,`vertical`,t.resolveTicks(A,N,t.resolveTickCount(N,T.width,`bottom`))),N?(t.positionAxis(v.xAxis,N.position??`bottom`,T.width,T.height),t.renderAxis(v.xAxis,A,N,T.width,`bottom`)):v.xAxis.replaceChildren(),P&&(!S||C)){let e={...P,position:S?`left`:P.position??`left`};t.positionAxis(v.yAxis,e.position,T.width,T.height),t.renderAxis(v.yAxis,j,e,T.height,`left`)}else v.yAxis.replaceChildren();if(S){h||(h=e.createSvgElement(`g`,{class:`prism-y-axis-right`}),d.chartArea.appendChild(h));let n={...f.rightYAxis,position:`right`};t.positionAxis(h,`right`,T.width,T.height),t.renderAxis(h,M,n,T.height,`right`)}else h?.replaceChildren();for(;v.series.children.length>g.length;)v.series.removeChild(v.series.lastChild);let F=[];for(let t=0;t<g.length;t++){let n=g[t],r=v.series.children[t];r||(r=e.createSvgElement(`g`,{class:`prism-line-series`}),v.series.appendChild(r)),r.setAttribute(`data-series-id`,o.seriesDomId(n,t));let i=n.yAxis===`right`?M:j,a=u.computePoints(E[t],A,i);F.push(a),u.renderLine(r,a,{bounds:{height:T.height,width:T.width},color:l.seriesColor(t,n.color),curve:n.curve??`linear`,disposalSignal:d.disposalSignal,marks:n.data,pointRadius:n.pointRadius??3,showPoints:n.showPoints??!1,strokeWidth:n.strokeWidth,transition:_!==`resize`&&f.transition})}return b?.hide(),m=c.ensureMarkerGroup(d.chartArea,m),c.createSeriesInteraction({announcer:d.announcer,colors:()=>g.map((e,t)=>l.seriesColor(t,e.color)),crosshair:p,dims:()=>d.dimensions,getData:()=>E,getPoints:()=>F,getSeriesList:()=>g,margin:w,markers:m,onClick:f.onClick,onHover:f.onHover,seriesGroup:v.series,svg:d.svg,tooltip:b,tooltipFormat:typeof f.tooltip==`object`?f.tooltip:void 0})},e=>{g=e})}exports.createLineChart=createLineChart;
+const e=require("../../axes/axis.cjs"),t=require("../../axes/grid.cjs"),n=require("../../core/cartesian-scales.cjs"),r=require("../../core/chart-scaffold.cjs"),i=require("../../core/layout.cjs"),a=require("../../core/series-id.cjs"),o=require("../../interaction/crosshair.cjs"),s=require("../../interaction/series-interaction.cjs"),c=require("../../svg/element.cjs"),l=require("../../theme/index.cjs"),u=require("./line-renderer.cjs");function createLineChart(d,f){let p=null,m=null,h=null,g=f.series;return r.createChartScaffold(d,f,(d,_)=>{let{groups:v,legend:y,tooltip:b}=d;y?.update(g.map((e,t)=>({color:l.seriesColor(t,e.color),name:e.name})));let x=d.dimensions,S=g.some(e=>e.yAxis===`right`),C=g.some(e=>e.yAxis!==`right`&&e.data.length>0),w={...i.resolveMargin(f.margin),right:f.margin?.right??(S?f.rightYAxis?.label?72:50:i.resolveMargin(f.margin).right)},T=i.chartArea(x.width,x.height,w),E=g.map(e=>e.data),D=E.flat().map(e=>e.key),O=g.filter(e=>e.yAxis!==`right`).flatMap(e=>e.data.map(e=>e.value)),k=g.filter(e=>e.yAxis===`right`).flatMap(e=>e.data.map(e=>e.value));if(D.length===0){r.clearCartesianDom(v,y,b,p),m?.replaceChildren(),h?.replaceChildren();return}f.crosshair&&!p&&(p=o.createCrosshair(d.chartArea,f.crosshair));let A=n.buildXScale(D,T.width),j=n.buildYScale(O,T.height),M=n.buildYScale(k,T.height),N=f.xAxis===!1?!1:f.xAxis??{},P=f.yAxis!==!1&&{grid:!0,...f.yAxis};if(P&&P.grid&&(!S||C)?t.renderGrid(v.grid,j,P.grid,T.width,`horizontal`,e.resolveTicks(j,P,e.resolveTickCount(P,T.height,`left`))):v.grid.replaceChildren(),N&&N.grid&&t.renderGrid(v.grid,A,N.grid,T.height,`vertical`,e.resolveTicks(A,N,e.resolveTickCount(N,T.width,`bottom`))),N?(e.positionAxis(v.xAxis,N.position??`bottom`,T.width,T.height),e.renderAxis(v.xAxis,A,N,T.width,`bottom`)):v.xAxis.replaceChildren(),P&&(!S||C)){let t={...P,position:S?`left`:P.position??`left`};e.positionAxis(v.yAxis,t.position,T.width,T.height),e.renderAxis(v.yAxis,j,t,T.height,`left`)}else v.yAxis.replaceChildren();if(S){h||(h=c.createSvgElement(`g`,{class:`prism-y-axis-right`}),d.chartArea.appendChild(h));let t={...f.rightYAxis,position:`right`};e.positionAxis(h,`right`,T.width,T.height),e.renderAxis(h,M,t,T.height,`right`)}else h?.replaceChildren();for(;v.series.children.length>g.length;)v.series.removeChild(v.series.lastChild);let F=[];for(let e=0;e<g.length;e++){let t=g[e],n=v.series.children[e];n||(n=c.createSvgElement(`g`,{class:`prism-line-series`}),v.series.appendChild(n)),n.setAttribute(`data-series-id`,a.seriesDomId(t,e));let r=t.yAxis===`right`?M:j,i=u.computePoints(E[e],A,r);F.push(i),u.renderLine(n,i,{bounds:{height:T.height,width:T.width},color:l.seriesColor(e,t.color),curve:t.curve??`linear`,disposalSignal:d.disposalSignal,marks:t.data,pointRadius:t.pointRadius??3,showPoints:t.showPoints??!1,strokeWidth:t.strokeWidth,transition:_!==`resize`&&f.transition})}return b?.hide(),m=s.ensureMarkerGroup(d.chartArea,m),s.createSeriesInteraction({announcer:d.announcer,colors:()=>g.map((e,t)=>l.seriesColor(t,e.color)),crosshair:p,dims:()=>d.dimensions,getData:()=>E,getPoints:()=>F,getSeriesList:()=>g,margin:w,markers:m,onClick:f.onClick,onHover:f.onHover,seriesGroup:v.series,svg:d.svg,tooltip:b,tooltipFormat:typeof f.tooltip==`object`?f.tooltip:void 0})},e=>{g=e})}exports.createLineChart=createLineChart;
 //# sourceMappingURL=line-chart.cjs.map

package/dist/charts/line/line-chart.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"line-chart.cjs","names":["createChartScaffold","seriesColor","resolveMargin","chartArea","createCrosshair","buildXScale","buildYScale","resolveTicks","resolveTickCount","createSvgElement","seriesDomId","computePoints","ensureMarkerGroup","createSeriesInteraction","require_element","require_axis","require_grid","require_cartesian_scales","require_layout","require_chart_scaffold","require_series_id","require_crosshair","require_series_interaction","require_index","require_line_renderer","crosshair","markers","rightAxis","seriesList","config","container","ctx","legend","i","s","dims","hasRight","series","hasLeftData","margin","area","allData","allX","datum","leftY","rightY","groups","tooltip","xScale","yScale","rightYScale","xAxisConfig","yAxisConfig","axis","allPoints","group","seriesScale","points","reason","data"],"sources":["../../../src/charts/line/line-chart.ts"],"sourcesContent":["import { positionAxis, renderAxis, resolveTickCount, resolveTicks } from '../../axes/axis';\nimport { renderGrid } from '../../axes/grid';\nimport { buildXScale, buildYScale } from '../../core/cartesian-scales';\nimport { clearCartesianDom, createChartScaffold } from '../../core/chart-scaffold';\nimport { chartArea, resolveMargin } from '../../core/layout';\nimport { seriesDomId } from '../../core/series-id';\nimport { createCrosshair } from '../../interaction/crosshair';\nimport { createSeriesInteraction, ensureMarkerGroup } from '../../interaction/series-interaction';\nimport { createSvgElement } from '../../svg/element';\nimport type { Point } from '../../svg/path';\nimport { seriesColor } from '../../theme';\nimport type { ChartHandle, LineChartConfig, LineSeriesConfig, XAxisConfig, YAxisConfig } from '../../types';\nimport { computePoints, renderLine } from './line-renderer';\n\nexport function createLineChart(container: HTMLElement, config: LineChartConfig): ChartHandle<LineSeriesConfig[]> {\n  let crosshair: ReturnType<typeof createCrosshair> | null = null;\n  let markers: SVGGElement | null = null;\n  let rightAxis: SVGGElement | null = null;\n  let seriesList = config.series;\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 hasRight = seriesList.some((series) => series.yAxis === 'right');\n      const hasLeftData = seriesList.some((series) => series.yAxis !== 'right' && series.data.length > 0);\n      // The right axis widens the right margin; the effective margin stays local to this\n      // render pass (and is handed to the interaction layer) instead of mutating shared dims.\n      const margin = {\n        ...resolveMargin(config.margin),\n        right:\n          config.margin?.right ??\n          (hasRight ? (config.rightYAxis?.label ? 72 : 50) : resolveMargin(config.margin).right),\n      };\n      const area = chartArea(dims.width, dims.height, margin);\n      const allData = seriesList.map((series) => series.data);\n      const allX = allData.flat().map((datum) => datum.key);\n      const leftY = seriesList\n        .filter((series) => series.yAxis !== 'right')\n        .flatMap((series) => series.data.map((datum) => datum.value));\n      const rightY = seriesList\n        .filter((series) => series.yAxis === 'right')\n        .flatMap((series) => series.data.map((datum) => datum.value));\n\n      if (allX.length === 0) {\n        clearCartesianDom(groups, legend, tooltip, crosshair);\n        markers?.replaceChildren();\n        rightAxis?.replaceChildren();\n\n        return;\n      }\n\n      if (config.crosshair && !crosshair) {\n        crosshair = createCrosshair(ctx.chartArea, config.crosshair);\n      }\n\n      const xScale = buildXScale(allX, area.width);\n      const yScale = buildYScale(leftY, area.height);\n      const rightYScale = buildYScale(rightY, area.height);\n\n      // Axes render by default (value axis with gridlines); `false` opts out. The value\n      // axis merges over its default so a partial config (e.g. only `tickFormat`) keeps\n      // the default gridlines.\n      const xAxisConfig: XAxisConfig | false = config.xAxis === false ? false : (config.xAxis ?? {});\n      const yAxisConfig: YAxisConfig | false = config.yAxis === false ? false : { grid: true, ...config.yAxis };\n\n      if (yAxisConfig && yAxisConfig.grid && (!hasRight || hasLeftData)) {\n        renderGrid(\n          groups.grid,\n          yScale,\n          yAxisConfig.grid,\n          area.width,\n          'horizontal',\n          resolveTicks(yScale, yAxisConfig, resolveTickCount(yAxisConfig, area.height, 'left')),\n        );\n      } else {\n        groups.grid.replaceChildren();\n      }\n\n      if (xAxisConfig && xAxisConfig.grid) {\n        renderGrid(\n          groups.grid,\n          xScale,\n          xAxisConfig.grid,\n          area.height,\n          'vertical',\n          resolveTicks(xScale, xAxisConfig, resolveTickCount(xAxisConfig, area.width, 'bottom')),\n        );\n      }\n\n      if (xAxisConfig) {\n        positionAxis(groups.xAxis, xAxisConfig.position ?? 'bottom', area.width, area.height);\n        renderAxis(groups.xAxis, xScale, xAxisConfig, area.width, 'bottom');\n      } else {\n        groups.xAxis.replaceChildren();\n      }\n\n      if (yAxisConfig && (!hasRight || hasLeftData)) {\n        const axis = { ...yAxisConfig, position: hasRight ? ('left' as const) : (yAxisConfig.position ?? 'left') };\n        positionAxis(groups.yAxis, axis.position, area.width, area.height);\n        renderAxis(groups.yAxis, yScale, axis, area.height, 'left');\n      } else {\n        groups.yAxis.replaceChildren();\n      }\n\n      if (hasRight) {\n        if (!rightAxis) {\n          rightAxis = createSvgElement('g', { class: 'prism-y-axis-right' });\n          ctx.chartArea.appendChild(rightAxis);\n        }\n        const axis = { ...config.rightYAxis, position: 'right' as const };\n        positionAxis(rightAxis, 'right', area.width, area.height);\n        renderAxis(rightAxis, rightYScale, axis, area.height, 'right');\n      } else {\n        rightAxis?.replaceChildren();\n      }\n\n      while (groups.series.children.length > seriesList.length) {\n        groups.series.removeChild(groups.series.lastChild!);\n      }\n\n      const allPoints: Point[][] = [];\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-line-series' });\n          groups.series.appendChild(group);\n        }\n\n        group.setAttribute('data-series-id', seriesDomId(series, i));\n\n        const seriesScale = series.yAxis === 'right' ? rightYScale : yScale;\n        const points = computePoints(allData[i], xScale, seriesScale);\n\n        allPoints.push(points);\n\n        renderLine(group, points, {\n          bounds: { height: area.height, width: area.width },\n          color: seriesColor(i, series.color),\n          curve: series.curve ?? 'linear',\n          disposalSignal: ctx.disposalSignal,\n          marks: series.data,\n          pointRadius: series.pointRadius ?? 3,\n          showPoints: series.showPoints ?? false,\n          strokeWidth: series.strokeWidth,\n          transition: reason === 'resize' ? false : config.transition,\n        });\n      }\n\n      tooltip?.hide();\n      markers = ensureMarkerGroup(ctx.chartArea, markers);\n\n      return createSeriesInteraction({\n        announcer: ctx.announcer,\n        colors: () => seriesList.map((s, i) => seriesColor(i, s.color)),\n        crosshair,\n        dims: () => ctx.dimensions,\n        getData: () => allData,\n        getPoints: () => allPoints,\n        getSeriesList: () => seriesList,\n        margin,\n        markers,\n        onClick: config.onClick,\n        onHover: config.onHover,\n        seriesGroup: groups.series,\n        svg: ctx.svg,\n        tooltip,\n        tooltipFormat: typeof config.tooltip === 'object' ? config.tooltip : undefined,\n      });\n    },\n    (data) => {\n      seriesList = data;\n    },\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"line-chart.cjs","names":["createChartScaffold","seriesColor","resolveMargin","chartArea","createCrosshair","buildXScale","buildYScale","resolveTicks","resolveTickCount","createSvgElement","seriesDomId","computePoints","ensureMarkerGroup","createSeriesInteraction","require_axis","require_grid","require_cartesian_scales","require_chart_scaffold","require_layout","require_series_id","require_crosshair","require_series_interaction","require_element","require_index","require_line_renderer","crosshair","markers","rightAxis","seriesList","config","container","ctx","legend","i","s","dims","hasRight","series","hasLeftData","margin","area","allData","allX","datum","leftY","rightY","groups","tooltip","xScale","yScale","rightYScale","xAxisConfig","yAxisConfig","axis","allPoints","group","seriesScale","points","reason","data"],"sources":["../../../src/charts/line/line-chart.ts"],"sourcesContent":["import { positionAxis, renderAxis, resolveTickCount, resolveTicks } from '../../axes/axis';\nimport { renderGrid } from '../../axes/grid';\nimport { buildXScale, buildYScale } from '../../core/cartesian-scales';\nimport { clearCartesianDom, createChartScaffold } from '../../core/chart-scaffold';\nimport { chartArea, resolveMargin } from '../../core/layout';\nimport { seriesDomId } from '../../core/series-id';\nimport { createCrosshair } from '../../interaction/crosshair';\nimport { createSeriesInteraction, ensureMarkerGroup } from '../../interaction/series-interaction';\nimport { createSvgElement } from '../../svg/element';\nimport type { Point } from '../../svg/path';\nimport { seriesColor } from '../../theme';\nimport type { ChartHandle, LineChartConfig, LineSeriesConfig, XAxisConfig, YAxisConfig } from '../../types';\nimport { computePoints, renderLine } from './line-renderer';\n\nexport function createLineChart(container: HTMLElement, config: LineChartConfig): ChartHandle<LineSeriesConfig[]> {\n  let crosshair: ReturnType<typeof createCrosshair> | null = null;\n  let markers: SVGGElement | null = null;\n  let rightAxis: SVGGElement | null = null;\n  let seriesList = config.series;\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 hasRight = seriesList.some((series) => series.yAxis === 'right');\n      const hasLeftData = seriesList.some((series) => series.yAxis !== 'right' && series.data.length > 0);\n      // The right axis widens the right margin; the effective margin stays local to this\n      // render pass (and is handed to the interaction layer) instead of mutating shared dims.\n      const margin = {\n        ...resolveMargin(config.margin),\n        right:\n          config.margin?.right ??\n          (hasRight ? (config.rightYAxis?.label ? 72 : 50) : resolveMargin(config.margin).right),\n      };\n      const area = chartArea(dims.width, dims.height, margin);\n      const allData = seriesList.map((series) => series.data);\n      const allX = allData.flat().map((datum) => datum.key);\n      const leftY = seriesList\n        .filter((series) => series.yAxis !== 'right')\n        .flatMap((series) => series.data.map((datum) => datum.value));\n      const rightY = seriesList\n        .filter((series) => series.yAxis === 'right')\n        .flatMap((series) => series.data.map((datum) => datum.value));\n\n      if (allX.length === 0) {\n        clearCartesianDom(groups, legend, tooltip, crosshair);\n        markers?.replaceChildren();\n        rightAxis?.replaceChildren();\n\n        return;\n      }\n\n      if (config.crosshair && !crosshair) {\n        crosshair = createCrosshair(ctx.chartArea, config.crosshair);\n      }\n\n      const xScale = buildXScale(allX, area.width);\n      const yScale = buildYScale(leftY, area.height);\n      const rightYScale = buildYScale(rightY, area.height);\n\n      // Axes render by default (value axis with gridlines); `false` opts out. The value\n      // axis merges over its default so a partial config (e.g. only `tickFormat`) keeps\n      // the default gridlines.\n      const xAxisConfig: XAxisConfig | false = config.xAxis === false ? false : (config.xAxis ?? {});\n      const yAxisConfig: YAxisConfig | false = config.yAxis === false ? false : { grid: true, ...config.yAxis };\n\n      if (yAxisConfig && yAxisConfig.grid && (!hasRight || hasLeftData)) {\n        renderGrid(\n          groups.grid,\n          yScale,\n          yAxisConfig.grid,\n          area.width,\n          'horizontal',\n          resolveTicks(yScale, yAxisConfig, resolveTickCount(yAxisConfig, area.height, 'left')),\n        );\n      } else {\n        groups.grid.replaceChildren();\n      }\n\n      if (xAxisConfig && xAxisConfig.grid) {\n        renderGrid(\n          groups.grid,\n          xScale,\n          xAxisConfig.grid,\n          area.height,\n          'vertical',\n          resolveTicks(xScale, xAxisConfig, resolveTickCount(xAxisConfig, area.width, 'bottom')),\n        );\n      }\n\n      if (xAxisConfig) {\n        positionAxis(groups.xAxis, xAxisConfig.position ?? 'bottom', area.width, area.height);\n        renderAxis(groups.xAxis, xScale, xAxisConfig, area.width, 'bottom');\n      } else {\n        groups.xAxis.replaceChildren();\n      }\n\n      if (yAxisConfig && (!hasRight || hasLeftData)) {\n        const axis = { ...yAxisConfig, position: hasRight ? ('left' as const) : (yAxisConfig.position ?? 'left') };\n        positionAxis(groups.yAxis, axis.position, area.width, area.height);\n        renderAxis(groups.yAxis, yScale, axis, area.height, 'left');\n      } else {\n        groups.yAxis.replaceChildren();\n      }\n\n      if (hasRight) {\n        if (!rightAxis) {\n          rightAxis = createSvgElement('g', { class: 'prism-y-axis-right' });\n          ctx.chartArea.appendChild(rightAxis);\n        }\n        const axis = { ...config.rightYAxis, position: 'right' as const };\n        positionAxis(rightAxis, 'right', area.width, area.height);\n        renderAxis(rightAxis, rightYScale, axis, area.height, 'right');\n      } else {\n        rightAxis?.replaceChildren();\n      }\n\n      while (groups.series.children.length > seriesList.length) {\n        groups.series.removeChild(groups.series.lastChild!);\n      }\n\n      const allPoints: Point[][] = [];\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-line-series' });\n          groups.series.appendChild(group);\n        }\n\n        group.setAttribute('data-series-id', seriesDomId(series, i));\n\n        const seriesScale = series.yAxis === 'right' ? rightYScale : yScale;\n        const points = computePoints(allData[i], xScale, seriesScale);\n\n        allPoints.push(points);\n\n        renderLine(group, points, {\n          bounds: { height: area.height, width: area.width },\n          color: seriesColor(i, series.color),\n          curve: series.curve ?? 'linear',\n          disposalSignal: ctx.disposalSignal,\n          marks: series.data,\n          pointRadius: series.pointRadius ?? 3,\n          showPoints: series.showPoints ?? false,\n          strokeWidth: series.strokeWidth,\n          transition: reason === 'resize' ? false : config.transition,\n        });\n      }\n\n      tooltip?.hide();\n      markers = ensureMarkerGroup(ctx.chartArea, markers);\n\n      return createSeriesInteraction({\n        announcer: ctx.announcer,\n        colors: () => seriesList.map((s, i) => seriesColor(i, s.color)),\n        crosshair,\n        dims: () => ctx.dimensions,\n        getData: () => allData,\n        getPoints: () => allPoints,\n        getSeriesList: () => seriesList,\n        margin,\n        markers,\n        onClick: config.onClick,\n        onHover: config.onHover,\n        seriesGroup: groups.series,\n        svg: ctx.svg,\n        tooltip,\n        tooltipFormat: typeof config.tooltip === 'object' ? config.tooltip : undefined,\n      });\n    },\n    (data) => {\n      seriesList = data;\n    },\n  );\n}\n"],"mappings":"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"}

package/dist/charts/line/line-chart.js

@@ -1,77 +1,77 @@
-import { createSvgElement as e } from "../../svg/element.js";
-import { positionAxis as t, renderAxis as n, resolveTickCount as r, resolveTicks as i } from "../../axes/axis.js";
-import { renderGrid as a } from "../../axes/grid.js";
-import { buildXScale as o, buildYScale as s } from "../../core/cartesian-scales.js";
-import { chartArea as c, resolveMargin as l } from "../../core/layout.js";
-import { clearCartesianDom as u, createChartScaffold as d } from "../../core/chart-scaffold.js";
-import { seriesDomId as f } from "../../core/series-id.js";
-import { createCrosshair as p } from "../../interaction/crosshair.js";
-import { createSeriesInteraction as m, ensureMarkerGroup as h } from "../../interaction/series-interaction.js";
+import { positionAxis as e, renderAxis as t, resolveTickCount as n, resolveTicks as r } from "../../axes/axis.js";
+import { renderGrid as i } from "../../axes/grid.js";
+import { buildXScale as a, buildYScale as o } from "../../core/cartesian-scales.js";
+import { clearCartesianDom as s, createChartScaffold as c } from "../../core/chart-scaffold.js";
+import { chartArea as l, resolveMargin as u } from "../../core/layout.js";
+import { seriesDomId as d } from "../../core/series-id.js";
+import { createCrosshair as f } from "../../interaction/crosshair.js";
+import { createSeriesInteraction as p, ensureMarkerGroup as m } from "../../interaction/series-interaction.js";
+import { createSvgElement as h } from "../../svg/element.js";
 import { seriesColor as g } from "../../theme/index.js";
 import { computePoints as _, renderLine as v } from "./line-renderer.js";
-//#region src/charts/line/line-chart.ts
+// src/charts/line/line-chart.ts
 function createLineChart(y, b) {
 	let x = null, S = null, C = null, w = b.series;
-	return d(y, b, (d, y) => {
-		let { groups: T, legend: E, tooltip: D } = d;
+	return c(y, b, (c, y) => {
+		let { groups: T, legend: E, tooltip: D } = c;
 		E?.update(w.map((e, t) => ({
 			color: g(t, e.color),
 			name: e.name
 		})));
-		let O = d.dimensions, k = w.some((e) => e.yAxis === "right"), A = w.some((e) => e.yAxis !== "right" && e.data.length > 0), j = {
-			...l(b.margin),
-			right: b.margin?.right ?? (k ? b.rightYAxis?.label ? 72 : 50 : l(b.margin).right)
-		}, M = c(O.width, O.height, j), N = w.map((e) => e.data), P = N.flat().map((e) => e.key), F = w.filter((e) => e.yAxis !== "right").flatMap((e) => e.data.map((e) => e.value)), I = w.filter((e) => e.yAxis === "right").flatMap((e) => e.data.map((e) => e.value));
+		let O = c.dimensions, k = w.some((e) => e.yAxis === "right"), A = w.some((e) => e.yAxis !== "right" && e.data.length > 0), j = {
+			...u(b.margin),
+			right: b.margin?.right ?? (k ? b.rightYAxis?.label ? 72 : 50 : u(b.margin).right)
+		}, M = l(O.width, O.height, j), N = w.map((e) => e.data), P = N.flat().map((e) => e.key), F = w.filter((e) => e.yAxis !== "right").flatMap((e) => e.data.map((e) => e.value)), I = w.filter((e) => e.yAxis === "right").flatMap((e) => e.data.map((e) => e.value));
 		if (P.length === 0) {
-			u(T, E, D, x), S?.replaceChildren(), C?.replaceChildren();
+			s(T, E, D, x), S?.replaceChildren(), C?.replaceChildren();
 			return;
 		}
-		b.crosshair && !x && (x = p(d.chartArea, b.crosshair));
-		let L = o(P, M.width), R = s(F, M.height), z = s(I, M.height), B = b.xAxis === !1 ? !1 : b.xAxis ?? {}, V = b.yAxis !== !1 && {
+		b.crosshair && !x && (x = f(c.chartArea, b.crosshair));
+		let L = a(P, M.width), R = o(F, M.height), z = o(I, M.height), B = b.xAxis === !1 ? !1 : b.xAxis ?? {}, V = b.yAxis !== !1 && {
 			grid: !0,
 			...b.yAxis
 		};
-		if (V && V.grid && (!k || A) ? a(T.grid, R, V.grid, M.width, "horizontal", i(R, V, r(V, M.height, "left"))) : T.grid.replaceChildren(), B && B.grid && a(T.grid, L, B.grid, M.height, "vertical", i(L, B, r(B, M.width, "bottom"))), B ? (t(T.xAxis, B.position ?? "bottom", M.width, M.height), n(T.xAxis, L, B, M.width, "bottom")) : T.xAxis.replaceChildren(), V && (!k || A)) {
-			let e = {
+		if (V && V.grid && (!k || A) ? i(T.grid, R, V.grid, M.width, "horizontal", r(R, V, n(V, M.height, "left"))) : T.grid.replaceChildren(), B && B.grid && i(T.grid, L, B.grid, M.height, "vertical", r(L, B, n(B, M.width, "bottom"))), B ? (e(T.xAxis, B.position ?? "bottom", M.width, M.height), t(T.xAxis, L, B, M.width, "bottom")) : T.xAxis.replaceChildren(), V && (!k || A)) {
+			let n = {
 				...V,
 				position: k ? "left" : V.position ?? "left"
 			};
-			t(T.yAxis, e.position, M.width, M.height), n(T.yAxis, R, e, M.height, "left");
+			e(T.yAxis, n.position, M.width, M.height), t(T.yAxis, R, n, M.height, "left");
 		} else T.yAxis.replaceChildren();
 		if (k) {
-			C || (C = e("g", { class: "prism-y-axis-right" }), d.chartArea.appendChild(C));
-			let r = {
+			C || (C = h("g", { class: "prism-y-axis-right" }), c.chartArea.appendChild(C));
+			let n = {
 				...b.rightYAxis,
 				position: "right"
 			};
-			t(C, "right", M.width, M.height), n(C, z, r, M.height, "right");
+			e(C, "right", M.width, M.height), t(C, z, n, M.height, "right");
 		} else C?.replaceChildren();
 		for (; T.series.children.length > w.length;) T.series.removeChild(T.series.lastChild);
 		let H = [];
-		for (let t = 0; t < w.length; t++) {
-			let n = w[t], r = T.series.children[t];
-			r || (r = e("g", { class: "prism-line-series" }), T.series.appendChild(r)), r.setAttribute("data-series-id", f(n, t));
-			let i = n.yAxis === "right" ? z : R, a = _(N[t], L, i);
-			H.push(a), v(r, a, {
+		for (let e = 0; e < w.length; e++) {
+			let t = w[e], n = T.series.children[e];
+			n || (n = h("g", { class: "prism-line-series" }), T.series.appendChild(n)), n.setAttribute("data-series-id", d(t, e));
+			let r = t.yAxis === "right" ? z : R, i = _(N[e], L, r);
+			H.push(i), v(n, i, {
 				bounds: {
 					height: M.height,
 					width: M.width
 				},
-				color: g(t, n.color),
-				curve: n.curve ?? "linear",
-				disposalSignal: d.disposalSignal,
-				marks: n.data,
-				pointRadius: n.pointRadius ?? 3,
-				showPoints: n.showPoints ?? !1,
-				strokeWidth: n.strokeWidth,
+				color: g(e, t.color),
+				curve: t.curve ?? "linear",
+				disposalSignal: c.disposalSignal,
+				marks: t.data,
+				pointRadius: t.pointRadius ?? 3,
+				showPoints: t.showPoints ?? !1,
+				strokeWidth: t.strokeWidth,
 				transition: y !== "resize" && b.transition
 			});
 		}
-		return D?.hide(), S = h(d.chartArea, S), m({
-			announcer: d.announcer,
+		return D?.hide(), S = m(c.chartArea, S), p({
+			announcer: c.announcer,
 			colors: () => w.map((e, t) => g(t, e.color)),
 			crosshair: x,
-			dims: () => d.dimensions,
+			dims: () => c.dimensions,
 			getData: () => N,
 			getPoints: () => H,
 			getSeriesList: () => w,
@@ -80,7 +80,7 @@ function createLineChart(y, b) {
 			onClick: b.onClick,
 			onHover: b.onHover,
 			seriesGroup: T.series,
-			svg: d.svg,
+			svg: c.svg,
 			tooltip: D,
 			tooltipFormat: typeof b.tooltip == "object" ? b.tooltip : void 0
 		});
@@ -88,7 +88,6 @@ function createLineChart(y, b) {
 		w = e;
 	});
 }
-//#endregion
 export { createLineChart };
 
 //# sourceMappingURL=line-chart.js.map

package/dist/charts/line/line-renderer.cjs

@@ -1,2 +1,2 @@
-require("../../_dev.cjs");const e=require("../../svg/element.cjs"),t=require("../../animation/easing.cjs"),n=require("../../animation/motion.cjs"),r=require("../../animation/tween.cjs"),i=require("../../animation/transition.cjs"),a=require("../../core/datum-style.cjs"),o=require("../../svg/path.cjs"),s=require("../../animation/reveal.cjs");var c=new WeakMap,l=new WeakMap;function buildPath(e,t){return t===`monotone`?o.monotonePath(e):t===`step`?o.stepPath(e):o.linePath(e)}function renderLine(o,u,d){let f=a.hasStyledRuns(d.marks),p=d.marks??[],m=n.resolveMotion(d.transition),h=m.duration,g=t.resolveEasing(m.easing),_=null,v=[],y=[];if(f){v=a.computeStyleRuns(p,u.length);let t=[...o.querySelectorAll(`.prism-line-path`)];for(let e of t.slice(v.length))e.remove();y=v.map((n,r)=>{let i=t[r];if(i)return i;let a=e.createSvgElement(`path`,{class:`prism-line-path`,fill:`none`});return o.appendChild(a),a});for(let[t,n]of v.entries())e.setAttributes(y[t],{opacity:n.opacity,stroke:d.color,"stroke-dasharray":n.dash,"stroke-width":d.strokeWidth??2}),y[t].style.strokeWidth=d.strokeWidth===void 0?``:String(d.strokeWidth)}else{let t=[...o.querySelectorAll(`.prism-line-path`)];_=t[0]??null;for(let e of t.slice(1))e.remove();_||(_=e.createSvgElement(`path`,{class:`prism-line-path`,fill:`none`}),o.appendChild(_)),e.setAttributes(_,{opacity:void 0,stroke:d.color,"stroke-dasharray":void 0,"stroke-width":d.strokeWidth??2}),_.style.strokeWidth=d.strokeWidth===void 0?``:String(d.strokeWidth)}let draw=t=>{if(f)for(let[n,r]of v.entries())e.setAttributes(y[n],{d:buildPath(t.slice(r.start,r.end+1),d.curve)});else e.setAttributes(_,{d:buildPath(t,d.curve)})},b=o.querySelector(`.prism-line-dots`);if(d.showPoints?b||(b=e.createSvgElement(`g`,{class:`prism-line-dots`}),o.appendChild(b)):b&&=(b.remove(),null),h===0){if(c.get(o)?.(),s.cancelReveal(o),draw(u),l.set(o,u),b){for(;b.children.length>u.length;)b.removeChild(b.lastChild);for(let t=0;t<u.length;t++){let n=b.children[t];n||(n=e.createSvgElement(`circle`,{class:`prism-line-dot`}),b.appendChild(n)),e.setAttributes(n,{cx:u[t].x,cy:u[t].y,fill:d.color,opacity:p[t]?.opacity,r:d.pointRadius})}}return}c.get(o)?.(),s.cancelReveal(o);let x=!l.has(o);if(b){for(;b.children.length>u.length;)b.removeChild(b.lastChild);for(let t=b.children.length;t<u.length;t++){let n=e.createSvgElement(`circle`,{class:`prism-line-dot`});e.setAttributes(n,{fill:d.color,opacity:p[t]?.opacity,r:d.pointRadius}),b.appendChild(n)}for(let t=0;t<b.children.length;t++)e.setAttributes(b.children[t],{opacity:p[t]?.opacity})}if(x){if(draw(u),l.set(o,u),b)for(let[t,n]of u.entries()){let r=b.children[t];r&&e.setAttributes(r,{cx:n.x,cy:n.y})}if(u.length>1){let e=_??y[0],t=d.strokeWidth??(Number.parseFloat(getComputedStyle(e).strokeWidth)||2),r=f?v.map((e,t)=>({d:y[t].getAttribute(`d`),end:e.end/(u.length-1),start:e.start/(u.length-1)})):[{d:_.getAttribute(`d`),end:1,start:0}];s.playTraceReveal(o,d.bounds,r,Math.max(t,d.showPoints?d.pointRadius*2:0)+2,n.resolveMotion(d.transition,{defaultDuration:420}),d.disposalSignal)}return}let S=[],C=l.get(o)??u;for(let[e,t]of u.entries())S.push(C[e]??C.at(-1)??t);let paintFrame=t=>{let n=u.map((e,n)=>{let i=S[n]??e;return{x:r.tweenNumber(i.x,e.x,t),y:r.tweenNumber(i.y,e.y,t)}});if(l.set(o,n),draw(n),b)for(let t=0;t<u.length;t++){let r=b.children[t];r&&e.setAttributes(r,{cx:n[t].x,cy:n[t].y})}};paintFrame(0),c.set(o,i.startTween({count:1,duration:h,easing:g,onComplete:()=>{c.delete(o),l.set(o,u)},onFrame:e=>paintFrame(e(0)),signal:d.disposalSignal}))}function computePoints(e,t,n){return e.some(e=>e.key==null)||e.some(e=>typeof e.key==`string`),e.map(e=>({x:t.map(e.key),y:n.map(e.value)}))}exports.computePoints=computePoints,exports.renderLine=renderLine;
+require("../../_dev.cjs");const e=require("../../animation/easing.cjs"),t=require("../../animation/motion.cjs"),n=require("../../animation/reveal.cjs"),r=require("../../animation/transition.cjs"),i=require("../../animation/tween.cjs"),a=require("../../core/datum-style.cjs"),o=require("../../svg/element.cjs"),s=require("../../svg/path.cjs");var c=new WeakMap,l=new WeakMap;function buildPath(e,t){return t===`monotone`?s.monotonePath(e):t===`step`?s.stepPath(e):s.linePath(e)}function renderLine(s,u,d){let f=a.hasStyledRuns(d.marks),p=d.marks??[],m=t.resolveMotion(d.transition),h=m.duration,g=e.resolveEasing(m.easing),_=null,v=[],y=[];if(f){v=a.computeStyleRuns(p,u.length);let e=[...s.querySelectorAll(`.prism-line-path`)];for(let t of e.slice(v.length))t.remove();y=v.map((t,n)=>{let r=e[n];if(r)return r;let i=o.createSvgElement(`path`,{class:`prism-line-path`,fill:`none`});return s.appendChild(i),i});for(let[e,t]of v.entries())o.setAttributes(y[e],{opacity:t.opacity,stroke:d.color,"stroke-dasharray":t.dash,"stroke-width":d.strokeWidth??2}),y[e].style.strokeWidth=d.strokeWidth===void 0?``:String(d.strokeWidth)}else{let e=[...s.querySelectorAll(`.prism-line-path`)];_=e[0]??null;for(let t of e.slice(1))t.remove();_||(_=o.createSvgElement(`path`,{class:`prism-line-path`,fill:`none`}),s.appendChild(_)),o.setAttributes(_,{opacity:void 0,stroke:d.color,"stroke-dasharray":void 0,"stroke-width":d.strokeWidth??2}),_.style.strokeWidth=d.strokeWidth===void 0?``:String(d.strokeWidth)}let draw=e=>{if(f)for(let[t,n]of v.entries())o.setAttributes(y[t],{d:buildPath(e.slice(n.start,n.end+1),d.curve)});else o.setAttributes(_,{d:buildPath(e,d.curve)})},b=s.querySelector(`.prism-line-dots`);if(d.showPoints?b||(b=o.createSvgElement(`g`,{class:`prism-line-dots`}),s.appendChild(b)):b&&=(b.remove(),null),h===0){if(c.get(s)?.(),n.cancelReveal(s),draw(u),l.set(s,u),b){for(;b.children.length>u.length;)b.removeChild(b.lastChild);for(let e=0;e<u.length;e++){let t=b.children[e];t||(t=o.createSvgElement(`circle`,{class:`prism-line-dot`}),b.appendChild(t)),o.setAttributes(t,{cx:u[e].x,cy:u[e].y,fill:d.color,opacity:p[e]?.opacity,r:d.pointRadius})}}return}c.get(s)?.(),n.cancelReveal(s);let x=!l.has(s);if(b){for(;b.children.length>u.length;)b.removeChild(b.lastChild);for(let e=b.children.length;e<u.length;e++){let t=o.createSvgElement(`circle`,{class:`prism-line-dot`});o.setAttributes(t,{fill:d.color,opacity:p[e]?.opacity,r:d.pointRadius}),b.appendChild(t)}for(let e=0;e<b.children.length;e++)o.setAttributes(b.children[e],{opacity:p[e]?.opacity})}if(x){if(draw(u),l.set(s,u),b)for(let[e,t]of u.entries()){let n=b.children[e];n&&o.setAttributes(n,{cx:t.x,cy:t.y})}if(u.length>1){let e=_??y[0],r=d.strokeWidth??(Number.parseFloat(getComputedStyle(e).strokeWidth)||2),i=f?v.map((e,t)=>({d:y[t].getAttribute(`d`),end:e.end/(u.length-1),start:e.start/(u.length-1)})):[{d:_.getAttribute(`d`),end:1,start:0}];n.playTraceReveal(s,d.bounds,i,Math.max(r,d.showPoints?d.pointRadius*2:0)+2,t.resolveMotion(d.transition,{defaultDuration:420}),d.disposalSignal)}return}let S=[],C=l.get(s)??u;for(let[e,t]of u.entries())S.push(C[e]??C.at(-1)??t);let paintFrame=e=>{let t=u.map((t,n)=>{let r=S[n]??t;return{x:i.tweenNumber(r.x,t.x,e),y:i.tweenNumber(r.y,t.y,e)}});if(l.set(s,t),draw(t),b)for(let e=0;e<u.length;e++){let n=b.children[e];n&&o.setAttributes(n,{cx:t[e].x,cy:t[e].y})}};paintFrame(0),c.set(s,r.startTween({count:1,duration:h,easing:g,onComplete:()=>{c.delete(s),l.set(s,u)},onFrame:e=>paintFrame(e(0)),signal:d.disposalSignal}))}function computePoints(e,t,n){return e.some(e=>e.key==null)||e.some(e=>typeof e.key==`string`),e.map(e=>({x:t.map(e.key),y:n.map(e.value)}))}exports.computePoints=computePoints,exports.renderLine=renderLine;
 //# sourceMappingURL=line-renderer.cjs.map

package/dist/charts/line/line-renderer.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"line-renderer.cjs","names":["monotonePath","stepPath","linePath","hasStyledRuns","resolveMotion","resolveEasing","computeStyleRuns","createSvgElement","tweenNumber","startTween","require_element","require_easing","require_motion","require_tween","require_transition","require_datum_style","require_path","require_reveal","activeAnimations","drawnPoints","curve","pts","styled","options","marks","motion","dur","easing","path","runs","runPaths","points","existing","parent","extra","reuse","created","r","run","stale","dotsGroup","i","c","isMount","point","renderedPath","strokeWidth","traces","fromPts","drawn","to","interpolated","from","e","progress","data","d","xScale","yScale"],"sources":["../../../src/charts/line/line-renderer.ts"],"sourcesContent":["import { warn } from '../../_dev';\nimport { resolveEasing } from '../../animation/easing';\nimport { resolveMotion } from '../../animation/motion';\nimport { cancelReveal, playTraceReveal } from '../../animation/reveal';\nimport { startTween } from '../../animation/transition';\nimport { tweenNumber } from '../../animation/tween';\nimport { computeStyleRuns, type DatumMark, hasStyledRuns, type StyleRun } from '../../core/datum-style';\nimport { createSvgElement, setAttributes } from '../../svg/element';\nimport type { Point } from '../../svg/path';\nimport { linePath, monotonePath, stepPath } from '../../svg/path';\nimport type { ContinuousDatum, Scale, TransitionOption } from '../../types';\n\nexport interface LineRenderOptions {\n  /** Plot-area size in area-local coordinates: bounds the entrance mask. */\n  bounds: { height: number; width: number };\n  color: string;\n  curve: 'linear' | 'monotone' | 'step';\n  /** Aborted when the owning chart is disposed: stops the transition's `requestAnimationFrame` loop from rescheduling. */\n  disposalSignal?: AbortSignal;\n  /** Per-datum presentation parallel to `points`; styled runs split the line into subpaths. */\n  marks?: readonly DatumMark[];\n  pointRadius: number;\n  showPoints: boolean;\n  /** Explicit width beats the `--prism-line-width` theme token. */\n  strokeWidth?: number;\n  transition?: TransitionOption;\n}\n\nconst activeAnimations = new WeakMap<SVGGElement, () => void>();\n// Geometry currently on screen, so an update interpolates from it even when the\n// series hides its point markers (the dots would otherwise be the only record).\nconst drawnPoints = new WeakMap<SVGGElement, Point[]>();\n\nfunction buildPath(pts: Point[], curve: LineRenderOptions['curve']): string {\n  return curve === 'monotone' ? monotonePath(pts) : curve === 'step' ? stepPath(pts) : linePath(pts);\n}\n\nexport function renderLine(parent: SVGGElement, points: Point[], options: LineRenderOptions): void {\n  const styled = hasStyledRuns(options.marks);\n  const marks = options.marks ?? [];\n  const motion = resolveMotion(options.transition);\n  const dur = motion.duration;\n  const easing = resolveEasing(motion.easing);\n\n  let path: SVGPathElement | null = null;\n  let runs: readonly StyleRun[] = [];\n  let runPaths: SVGPathElement[] = [];\n\n  if (styled) {\n    runs = computeStyleRuns(marks, points.length);\n\n    const existing = [...parent.querySelectorAll<SVGPathElement>('.prism-line-path')];\n\n    for (const extra of existing.slice(runs.length)) extra.remove();\n\n    runPaths = runs.map((_, r) => {\n      const reuse = existing[r];\n\n      if (reuse) return reuse;\n\n      const created = createSvgElement('path', { class: 'prism-line-path', fill: 'none' });\n\n      parent.appendChild(created);\n\n      return created;\n    });\n\n    for (const [r, run] of runs.entries()) {\n      setAttributes(runPaths[r], {\n        opacity: run.opacity,\n        stroke: options.color,\n        'stroke-dasharray': run.dash,\n        'stroke-width': options.strokeWidth ?? 2,\n      });\n      runPaths[r].style.strokeWidth = options.strokeWidth === undefined ? '' : String(options.strokeWidth);\n    }\n  } else {\n    const existing = [...parent.querySelectorAll<SVGPathElement>('.prism-line-path')];\n\n    path = existing[0] ?? null;\n\n    for (const stale of existing.slice(1)) stale.remove();\n\n    if (!path) {\n      path = createSvgElement('path', { class: 'prism-line-path', fill: 'none' });\n      parent.appendChild(path);\n    }\n\n    setAttributes(path, {\n      opacity: undefined,\n      stroke: options.color,\n      'stroke-dasharray': undefined,\n      'stroke-width': options.strokeWidth ?? 2,\n    });\n    path.style.strokeWidth = options.strokeWidth === undefined ? '' : String(options.strokeWidth);\n  }\n\n  const draw = (pts: Point[]): void => {\n    if (styled) {\n      for (const [r, run] of runs.entries()) {\n        setAttributes(runPaths[r], { d: buildPath(pts.slice(run.start, run.end + 1), options.curve) });\n      }\n    } else {\n      setAttributes(path!, { d: buildPath(pts, options.curve) });\n    }\n  };\n\n  let dotsGroup = parent.querySelector<SVGGElement>('.prism-line-dots');\n\n  if (options.showPoints) {\n    if (!dotsGroup) {\n      dotsGroup = createSvgElement('g', { class: 'prism-line-dots' });\n      parent.appendChild(dotsGroup);\n    }\n  } else if (dotsGroup) {\n    dotsGroup.remove();\n    dotsGroup = null;\n  }\n\n  if (dur === 0) {\n    activeAnimations.get(parent)?.();\n    cancelReveal(parent);\n    draw(points);\n    drawnPoints.set(parent, points);\n\n    if (dotsGroup) {\n      while (dotsGroup.children.length > points.length) dotsGroup.removeChild(dotsGroup.lastChild!);\n\n      for (let i = 0; i < points.length; i++) {\n        let c = dotsGroup.children[i] as SVGCircleElement | undefined;\n\n        if (!c) {\n          c = createSvgElement('circle', { class: 'prism-line-dot' });\n          dotsGroup.appendChild(c);\n        }\n\n        setAttributes(c, {\n          cx: points[i].x,\n          cy: points[i].y,\n          fill: options.color,\n          opacity: marks[i]?.opacity,\n          r: options.pointRadius,\n        });\n      }\n    }\n\n    return;\n  }\n\n  activeAnimations.get(parent)?.();\n  cancelReveal(parent);\n\n  const isMount = !drawnPoints.has(parent);\n\n  if (dotsGroup) {\n    while (dotsGroup.children.length > points.length) dotsGroup.removeChild(dotsGroup.lastChild!);\n\n    for (let i = dotsGroup.children.length; i < points.length; i++) {\n      const c = createSvgElement('circle', { class: 'prism-line-dot' });\n\n      setAttributes(c, {\n        fill: options.color,\n        opacity: marks[i]?.opacity,\n        r: options.pointRadius,\n      });\n      dotsGroup.appendChild(c);\n    }\n\n    for (let i = 0; i < dotsGroup.children.length; i++) {\n      setAttributes(dotsGroup.children[i] as SVGCircleElement, { opacity: marks[i]?.opacity });\n    }\n  }\n\n  if (isMount) {\n    draw(points);\n    drawnPoints.set(parent, points);\n\n    if (dotsGroup) {\n      for (const [i, point] of points.entries()) {\n        const c = dotsGroup.children[i] as SVGCircleElement | undefined;\n\n        if (c) setAttributes(c, { cx: point.x, cy: point.y });\n      }\n    }\n\n    if (points.length > 1) {\n      const renderedPath = path ?? runPaths[0];\n      const strokeWidth = options.strokeWidth ?? (Number.parseFloat(getComputedStyle(renderedPath).strokeWidth) || 2);\n      const traces = styled\n        ? runs.map((run, i) => ({\n            d: runPaths[i].getAttribute('d')!,\n            end: run.end / (points.length - 1),\n            start: run.start / (points.length - 1),\n          }))\n        : [{ d: path!.getAttribute('d')!, end: 1, start: 0 }];\n\n      // A wide trace also uncovers markers as it reaches them, without a second timeline.\n      playTraceReveal(\n        parent,\n        options.bounds,\n        traces,\n        Math.max(strokeWidth, options.showPoints ? options.pointRadius * 2 : 0) + 2,\n        resolveMotion(options.transition, { defaultDuration: 420 }),\n        options.disposalSignal,\n      );\n    }\n\n    return;\n  }\n\n  const fromPts: Point[] = [];\n  const drawn = drawnPoints.get(parent) ?? points;\n\n  for (const [i, to] of points.entries()) {\n    fromPts.push(drawn[i] ?? drawn.at(-1) ?? to);\n  }\n\n  const paintFrame = (e: number): void => {\n    const interpolated: Point[] = points.map((to, i) => {\n      const from = fromPts[i] ?? to;\n\n      return { x: tweenNumber(from.x, to.x, e), y: tweenNumber(from.y, to.y, e) };\n    });\n\n    drawnPoints.set(parent, interpolated);\n    draw(interpolated);\n\n    if (dotsGroup) {\n      for (let i = 0; i < points.length; i++) {\n        const c = dotsGroup.children[i] as SVGCircleElement | undefined;\n\n        if (c) setAttributes(c, { cx: interpolated[i].x, cy: interpolated[i].y });\n      }\n    }\n  };\n\n  // The starting geometry goes on screen immediately: `startTween` only paints on\n  // the first frame callback, which would otherwise leave one blank frame.\n  paintFrame(0);\n\n  activeAnimations.set(\n    parent,\n    startTween({\n      count: 1,\n      duration: dur,\n      easing,\n      onComplete: () => {\n        activeAnimations.delete(parent);\n        drawnPoints.set(parent, points);\n      },\n      onFrame: (progress) => paintFrame(progress(0)),\n      signal: options.disposalSignal,\n    }),\n  );\n}\n\nexport function computePoints(data: ContinuousDatum[], xScale: Scale<Date | number>, yScale: Scale<number>): Point[] {\n  if (data.some((d) => d.key == null)) {\n    warn(\n      'computePoints: datum.key is null or undefined: data must use the Datum shape { key, value }. Did you pass { x, y } instead?',\n    );\n  } else if (data.some((d) => typeof d.key === 'string')) {\n    warn('computePoints: string keys are not supported for line/area charts: use numeric or Date keys.');\n  }\n\n  return data.map((d) => ({\n    x: xScale.map(d.key as Date | number),\n    y: yScale.map(d.value),\n  }));\n}\n"],"mappings":"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"}
+{"version":3,"file":"line-renderer.cjs","names":["monotonePath","stepPath","linePath","hasStyledRuns","resolveMotion","resolveEasing","computeStyleRuns","createSvgElement","tweenNumber","startTween","require_easing","require_motion","require_reveal","require_transition","require_tween","require_datum_style","require_element","require_path","activeAnimations","drawnPoints","curve","pts","styled","options","marks","motion","dur","easing","path","runs","runPaths","points","existing","parent","extra","reuse","r","created","run","stale","dotsGroup","i","c","isMount","point","renderedPath","strokeWidth","traces","fromPts","drawn","to","interpolated","from","progress","data","d","xScale","yScale"],"sources":["../../../src/charts/line/line-renderer.ts"],"sourcesContent":["import { warn } from '../../_dev';\nimport { resolveEasing } from '../../animation/easing';\nimport { resolveMotion } from '../../animation/motion';\nimport { cancelReveal, playTraceReveal } from '../../animation/reveal';\nimport { startTween } from '../../animation/transition';\nimport { tweenNumber } from '../../animation/tween';\nimport { computeStyleRuns, type DatumMark, hasStyledRuns, type StyleRun } from '../../core/datum-style';\nimport { createSvgElement, setAttributes } from '../../svg/element';\nimport type { Point } from '../../svg/path';\nimport { linePath, monotonePath, stepPath } from '../../svg/path';\nimport type { ContinuousDatum, Scale, TransitionOption } from '../../types';\n\nexport interface LineRenderOptions {\n  /** Plot-area size in area-local coordinates: bounds the entrance mask. */\n  bounds: { height: number; width: number };\n  color: string;\n  curve: 'linear' | 'monotone' | 'step';\n  /** Aborted when the owning chart is disposed: stops the transition's `requestAnimationFrame` loop from rescheduling. */\n  disposalSignal?: AbortSignal;\n  /** Per-datum presentation parallel to `points`; styled runs split the line into subpaths. */\n  marks?: readonly DatumMark[];\n  pointRadius: number;\n  showPoints: boolean;\n  /** Explicit width beats the `--prism-line-width` theme token. */\n  strokeWidth?: number;\n  transition?: TransitionOption;\n}\n\nconst activeAnimations = new WeakMap<SVGGElement, () => void>();\n// Geometry currently on screen, so an update interpolates from it even when the\n// series hides its point markers (the dots would otherwise be the only record).\nconst drawnPoints = new WeakMap<SVGGElement, Point[]>();\n\nfunction buildPath(pts: Point[], curve: LineRenderOptions['curve']): string {\n  return curve === 'monotone' ? monotonePath(pts) : curve === 'step' ? stepPath(pts) : linePath(pts);\n}\n\nexport function renderLine(parent: SVGGElement, points: Point[], options: LineRenderOptions): void {\n  const styled = hasStyledRuns(options.marks);\n  const marks = options.marks ?? [];\n  const motion = resolveMotion(options.transition);\n  const dur = motion.duration;\n  const easing = resolveEasing(motion.easing);\n\n  let path: SVGPathElement | null = null;\n  let runs: readonly StyleRun[] = [];\n  let runPaths: SVGPathElement[] = [];\n\n  if (styled) {\n    runs = computeStyleRuns(marks, points.length);\n\n    const existing = [...parent.querySelectorAll<SVGPathElement>('.prism-line-path')];\n\n    for (const extra of existing.slice(runs.length)) extra.remove();\n\n    runPaths = runs.map((_, r) => {\n      const reuse = existing[r];\n\n      if (reuse) return reuse;\n\n      const created = createSvgElement('path', { class: 'prism-line-path', fill: 'none' });\n\n      parent.appendChild(created);\n\n      return created;\n    });\n\n    for (const [r, run] of runs.entries()) {\n      setAttributes(runPaths[r], {\n        opacity: run.opacity,\n        stroke: options.color,\n        'stroke-dasharray': run.dash,\n        'stroke-width': options.strokeWidth ?? 2,\n      });\n      runPaths[r].style.strokeWidth = options.strokeWidth === undefined ? '' : String(options.strokeWidth);\n    }\n  } else {\n    const existing = [...parent.querySelectorAll<SVGPathElement>('.prism-line-path')];\n\n    path = existing[0] ?? null;\n\n    for (const stale of existing.slice(1)) stale.remove();\n\n    if (!path) {\n      path = createSvgElement('path', { class: 'prism-line-path', fill: 'none' });\n      parent.appendChild(path);\n    }\n\n    setAttributes(path, {\n      opacity: undefined,\n      stroke: options.color,\n      'stroke-dasharray': undefined,\n      'stroke-width': options.strokeWidth ?? 2,\n    });\n    path.style.strokeWidth = options.strokeWidth === undefined ? '' : String(options.strokeWidth);\n  }\n\n  const draw = (pts: Point[]): void => {\n    if (styled) {\n      for (const [r, run] of runs.entries()) {\n        setAttributes(runPaths[r], { d: buildPath(pts.slice(run.start, run.end + 1), options.curve) });\n      }\n    } else {\n      setAttributes(path!, { d: buildPath(pts, options.curve) });\n    }\n  };\n\n  let dotsGroup = parent.querySelector<SVGGElement>('.prism-line-dots');\n\n  if (options.showPoints) {\n    if (!dotsGroup) {\n      dotsGroup = createSvgElement('g', { class: 'prism-line-dots' });\n      parent.appendChild(dotsGroup);\n    }\n  } else if (dotsGroup) {\n    dotsGroup.remove();\n    dotsGroup = null;\n  }\n\n  if (dur === 0) {\n    activeAnimations.get(parent)?.();\n    cancelReveal(parent);\n    draw(points);\n    drawnPoints.set(parent, points);\n\n    if (dotsGroup) {\n      while (dotsGroup.children.length > points.length) dotsGroup.removeChild(dotsGroup.lastChild!);\n\n      for (let i = 0; i < points.length; i++) {\n        let c = dotsGroup.children[i] as SVGCircleElement | undefined;\n\n        if (!c) {\n          c = createSvgElement('circle', { class: 'prism-line-dot' });\n          dotsGroup.appendChild(c);\n        }\n\n        setAttributes(c, {\n          cx: points[i].x,\n          cy: points[i].y,\n          fill: options.color,\n          opacity: marks[i]?.opacity,\n          r: options.pointRadius,\n        });\n      }\n    }\n\n    return;\n  }\n\n  activeAnimations.get(parent)?.();\n  cancelReveal(parent);\n\n  const isMount = !drawnPoints.has(parent);\n\n  if (dotsGroup) {\n    while (dotsGroup.children.length > points.length) dotsGroup.removeChild(dotsGroup.lastChild!);\n\n    for (let i = dotsGroup.children.length; i < points.length; i++) {\n      const c = createSvgElement('circle', { class: 'prism-line-dot' });\n\n      setAttributes(c, {\n        fill: options.color,\n        opacity: marks[i]?.opacity,\n        r: options.pointRadius,\n      });\n      dotsGroup.appendChild(c);\n    }\n\n    for (let i = 0; i < dotsGroup.children.length; i++) {\n      setAttributes(dotsGroup.children[i] as SVGCircleElement, { opacity: marks[i]?.opacity });\n    }\n  }\n\n  if (isMount) {\n    draw(points);\n    drawnPoints.set(parent, points);\n\n    if (dotsGroup) {\n      for (const [i, point] of points.entries()) {\n        const c = dotsGroup.children[i] as SVGCircleElement | undefined;\n\n        if (c) setAttributes(c, { cx: point.x, cy: point.y });\n      }\n    }\n\n    if (points.length > 1) {\n      const renderedPath = path ?? runPaths[0];\n      const strokeWidth = options.strokeWidth ?? (Number.parseFloat(getComputedStyle(renderedPath).strokeWidth) || 2);\n      const traces = styled\n        ? runs.map((run, i) => ({\n            d: runPaths[i].getAttribute('d')!,\n            end: run.end / (points.length - 1),\n            start: run.start / (points.length - 1),\n          }))\n        : [{ d: path!.getAttribute('d')!, end: 1, start: 0 }];\n\n      // A wide trace also uncovers markers as it reaches them, without a second timeline.\n      playTraceReveal(\n        parent,\n        options.bounds,\n        traces,\n        Math.max(strokeWidth, options.showPoints ? options.pointRadius * 2 : 0) + 2,\n        resolveMotion(options.transition, { defaultDuration: 420 }),\n        options.disposalSignal,\n      );\n    }\n\n    return;\n  }\n\n  const fromPts: Point[] = [];\n  const drawn = drawnPoints.get(parent) ?? points;\n\n  for (const [i, to] of points.entries()) {\n    fromPts.push(drawn[i] ?? drawn.at(-1) ?? to);\n  }\n\n  const paintFrame = (e: number): void => {\n    const interpolated: Point[] = points.map((to, i) => {\n      const from = fromPts[i] ?? to;\n\n      return { x: tweenNumber(from.x, to.x, e), y: tweenNumber(from.y, to.y, e) };\n    });\n\n    drawnPoints.set(parent, interpolated);\n    draw(interpolated);\n\n    if (dotsGroup) {\n      for (let i = 0; i < points.length; i++) {\n        const c = dotsGroup.children[i] as SVGCircleElement | undefined;\n\n        if (c) setAttributes(c, { cx: interpolated[i].x, cy: interpolated[i].y });\n      }\n    }\n  };\n\n  // The starting geometry goes on screen immediately: `startTween` only paints on\n  // the first frame callback, which would otherwise leave one blank frame.\n  paintFrame(0);\n\n  activeAnimations.set(\n    parent,\n    startTween({\n      count: 1,\n      duration: dur,\n      easing,\n      onComplete: () => {\n        activeAnimations.delete(parent);\n        drawnPoints.set(parent, points);\n      },\n      onFrame: (progress) => paintFrame(progress(0)),\n      signal: options.disposalSignal,\n    }),\n  );\n}\n\nexport function computePoints(data: ContinuousDatum[], xScale: Scale<Date | number>, yScale: Scale<number>): Point[] {\n  if (data.some((d) => d.key == null)) {\n    warn(\n      'computePoints: datum.key is null or undefined: data must use the Datum shape { key, value }. Did you pass { x, y } instead?',\n    );\n  } else if (data.some((d) => typeof d.key === 'string')) {\n    warn('computePoints: string keys are not supported for line/area charts: use numeric or Date keys.');\n  }\n\n  return data.map((d) => ({\n    x: xScale.map(d.key as Date | number),\n    y: yScale.map(d.value),\n  }));\n}\n"],"mappings":"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"}