@vielzeug/prism 2.2.5 → 3.0.0

package/dist/charts/bar/bar-renderer.js

@@ -1,5 +1,5 @@
-import { animate as e } from "../../animation/transition.js";
-import { createSvgElement as t, setAttributes as n } from "../../svg/element.js";
+import { createSvgElement as e, setAttributes as t } from "../../svg/element.js";
+import { animate as n } from "../../animation/transition.js";
 //#region src/charts/bar/bar-renderer.ts
 var r = /* @__PURE__ */ new WeakMap();
 function i(i, a, o, s, c, l) {
@@ -8,17 +8,17 @@ function i(i, a, o, s, c, l) {
 		e && i.removeChild(e);
 	}
 	let u = o.bandwidth(), d = l.stacked ? u : u / l.seriesCount, f = l.stacked ? 0 : d * l.seriesIndex, p = l.horizontal ?? !1, m = [], h = [];
-	for (let e = 0; e < a.length; e++) {
-		let r = a[e], u = o.map(r.key) + f, g = l.baselineYs ? l.baselineYs[e] : c, _ = s.map(r.y), v = i.children[e], y = !v;
-		if (v || (v = t("rect", { class: "prism-bar" }), i.appendChild(v)), v.style.display = r.present ? "" : "none", p) {
-			let e = Math.max(0, Math.abs(g - _)), t = Math.min(_, g);
-			n(v, {
+	for (let n = 0; n < a.length; n++) {
+		let r = a[n], u = o.map(r.key) + f, g = l.baselineYs ? l.baselineYs[n] : c, _ = s.map(r.y), v = i.children[n], y = !v;
+		if (v || (v = e("rect", { class: "prism-bar" }), i.appendChild(v)), v.style.display = r.present ? "" : "none", p) {
+			let e = Math.max(0, Math.abs(g - _)), n = Math.min(_, g);
+			t(v, {
 				fill: l.color,
 				height: Math.max(0, d - 1),
 				rx: l.borderRadius,
 				ry: l.borderRadius,
 				y: u
-			}), l.transition ? y ? (n(v, {
+			}), l.transition ? y ? (t(v, {
 				width: 0,
 				x: g
 			}), m.push({
@@ -29,7 +29,7 @@ function i(i, a, o, s, c, l) {
 					},
 					x: {
 						from: g,
-						to: t
+						to: n
 					}
 				},
 				el: v
@@ -40,24 +40,24 @@ function i(i, a, o, s, c, l) {
 						to: e
 					},
 					x: {
-						from: Number(v.getAttribute("x") ?? t),
-						to: t
+						from: Number(v.getAttribute("x") ?? n),
+						to: n
 					}
 				},
 				el: v
-			}) : n(v, {
+			}) : t(v, {
 				width: e,
-				x: t
+				x: n
 			});
 		} else {
-			let e = Math.max(0, Math.abs(g - _)), t = Math.min(_, g);
-			n(v, {
+			let e = Math.max(0, Math.abs(g - _)), n = Math.min(_, g);
+			t(v, {
 				fill: l.color,
 				rx: l.borderRadius,
 				ry: l.borderRadius,
 				width: Math.max(0, d - 1),
 				x: u
-			}), l.transition ? y ? (n(v, {
+			}), l.transition ? y ? (t(v, {
 				height: 0,
 				y: g
 			}), m.push({
@@ -68,7 +68,7 @@ function i(i, a, o, s, c, l) {
 					},
 					y: {
 						from: g,
-						to: t
+						to: n
 					}
 				},
 				el: v
@@ -79,25 +79,25 @@ function i(i, a, o, s, c, l) {
 						to: e
 					},
 					y: {
-						from: Number(v.getAttribute("y") ?? t),
-						to: t
+						from: Number(v.getAttribute("y") ?? n),
+						to: n
 					}
 				},
 				el: v
-			}) : n(v, {
+			}) : t(v, {
 				height: e,
-				y: t
+				y: n
 			});
 		}
 	}
 	if (l.transition) {
 		r.get(i)?.();
-		let t = [];
-		m.length > 0 && t.push(e(m, l.transition, void 0, l.disposalSignal)), h.length > 0 && t.push(e(h, {
+		let e = [];
+		m.length > 0 && e.push(n(m, l.transition, void 0, l.disposalSignal)), h.length > 0 && e.push(n(h, {
 			...l.transition,
 			stagger: 0
 		}, void 0, l.disposalSignal)), r.set(i, () => {
-			for (let e of t) e();
+			for (let t of e) t();
 		});
 	}
 }

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

@@ -1,2 +1,2 @@
-require("../../_dev.cjs");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("../../interaction/crosshair.cjs"),s=require("../../interaction/series-interaction.cjs"),c=require("../../theme/index.cjs"),l=require("./line-renderer.cjs");let u=require("@vielzeug/ripple");function d(d,f){let p=null;return a.createChartScaffold(d,f,d=>{let{groups:m,legend:h,tooltip:g}=d,_=d.dimensions.value,v=i.chartArea(_.width,_.height,_.margin),y=(0,u.isReactive)(f.series)?f.series.value:f.series,b=y.map(e=>(0,u.isReactive)(e.data)?e.data.value:e.data),x=b.flat().map(e=>e.key),S=b.flat().map(e=>e.value);if(x.length===0){a.clearCartesianDom(m,h,g,p);return}f.crosshair&&!p&&(p=o.createCrosshair(d.chartArea,f.crosshair));let C=r.buildXScale(x,v.width),w=r.buildYScale(S,v.height);for(f.yAxis?.grid&&n.renderGrid(m.grid,w,f.yAxis.grid,v.width,`horizontal`,t.resolveTickCount(f.yAxis,v.height,`left`)),f.xAxis?.grid&&n.renderGrid(m.grid,C,f.xAxis.grid,v.height,`vertical`,t.resolveTickCount(f.xAxis,v.width,`bottom`)),f.xAxis&&(m.xAxis.setAttribute(`transform`,`translate(0,${v.height})`),t.renderAxis(m.xAxis,C,f.xAxis,v.width,`bottom`)),f.yAxis&&t.renderAxis(m.yAxis,w,f.yAxis,v.height,`left`);m.series.children.length>y.length;)m.series.removeChild(m.series.lastChild);let T=[];for(let t=0;t<y.length;t++){let n=y[t],r=m.series.children[t];r||(r=e.createSvgElement(`g`,{class:`prism-line-series`}),m.series.appendChild(r));let i=l.computePoints(b[t],C,w);T.push(i),l.renderLine(r,i,{color:c.seriesColor(t,n.color),curve:n.curve??`linear`,disposalSignal:d.disposalSignal,pointRadius:n.pointRadius??3,showPoints:n.showPoints??!1,strokeWidth:n.strokeWidth??2,transition:f.transition})}return h?.update(y.map((e,t)=>({color:c.seriesColor(t,e.color),name:e.name}))),g?.hide(),s.createSeriesInteraction({crosshair:p,dims:()=>d.dimensions.value,getData:()=>b,getPoints:()=>T,getSeriesList:()=>(0,u.isReactive)(f.series)?f.series.value:f.series,onClick:f.onClick,onHover:f.onHover,svg:d.svg,tooltip:g})})}exports.createLineChart=d;
+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("../../interaction/crosshair.cjs"),s=require("../../interaction/series-interaction.cjs"),c=require("../../theme/index.cjs"),l=require("./line-renderer.cjs");function u(u,d){let f=null,p=d.series;return a.createChartScaffold(u,d,u=>{let{groups:m,legend:h,tooltip:g}=u,_=u.dimensions,v=i.chartArea(_.width,_.height,_.margin),y=p.map(e=>e.data),b=y.flat().map(e=>e.key),x=y.flat().map(e=>e.value);if(b.length===0){a.clearCartesianDom(m,h,g,f);return}d.crosshair&&!f&&(f=o.createCrosshair(u.chartArea,d.crosshair));let S=r.buildXScale(b,v.width),C=r.buildYScale(x,v.height);for(d.yAxis?.grid&&n.renderGrid(m.grid,C,d.yAxis.grid,v.width,`horizontal`,t.resolveTickCount(d.yAxis,v.height,`left`)),d.xAxis?.grid&&n.renderGrid(m.grid,S,d.xAxis.grid,v.height,`vertical`,t.resolveTickCount(d.xAxis,v.width,`bottom`)),d.xAxis&&(t.positionAxis(m.xAxis,d.xAxis.position??`bottom`,v.width,v.height),t.renderAxis(m.xAxis,S,d.xAxis,v.width,`bottom`)),d.yAxis&&(t.positionAxis(m.yAxis,d.yAxis.position??`left`,v.width,v.height),t.renderAxis(m.yAxis,C,d.yAxis,v.height,`left`));m.series.children.length>p.length;)m.series.removeChild(m.series.lastChild);let w=[];for(let t=0;t<p.length;t++){let n=p[t],r=m.series.children[t];r||(r=e.createSvgElement(`g`,{class:`prism-line-series`}),m.series.appendChild(r));let i=l.computePoints(y[t],S,C);w.push(i),l.renderLine(r,i,{color:c.seriesColor(t,n.color),curve:n.curve??`linear`,disposalSignal:u.disposalSignal,pointRadius:n.pointRadius??3,showPoints:n.showPoints??!1,strokeWidth:n.strokeWidth??2,transition:d.transition})}return h?.update(p.map((e,t)=>({color:c.seriesColor(t,e.color),name:e.name}))),g?.hide(),s.createSeriesInteraction({crosshair:f,dims:()=>u.dimensions,getData:()=>y,getPoints:()=>w,getSeriesList:()=>p,onClick:d.onClick,onHover:d.onHover,svg:u.svg,tooltip:g})},e=>{p=e})}exports.createLineChart=u;
 //# sourceMappingURL=line-chart.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"line-chart.cjs","names":[],"sources":["../../../src/charts/line/line-chart.ts"],"sourcesContent":["import { isReactive } from '@vielzeug/ripple';\nimport { warn } from '../../_dev';\nimport { renderAxis, resolveTickCount } from '../../axes/axis';\nimport { renderGrid } from '../../axes/grid';\nimport { buildXScale, buildYScale } from '../../core/cartesian-scales';\nimport { clearCartesianDom, createChartScaffold } from '../../core/chart-scaffold';\nimport { chartArea } from '../../core/layout';\nimport { createCrosshair } from '../../interaction/crosshair';\nimport { createSeriesInteraction } from '../../interaction/series-interaction';\nimport { createSvgElement } from '../../svg/element';\nimport type { Point } from '../../svg/path';\nimport { seriesColor } from '../../theme';\nimport type { ChartHandle, LineChartConfig } from '../../types';\nimport { computePoints, renderLine } from './line-renderer';\n\nexport function createLineChart(container: HTMLElement, config: LineChartConfig): ChartHandle {\n  let crosshair: ReturnType<typeof createCrosshair> | null = null;\n\n  return createChartScaffold(container, config, (ctx) => {\n    const { groups, legend, tooltip } = ctx;\n    const dims = ctx.dimensions.value;\n    const area = chartArea(dims.width, dims.height, dims.margin);\n    const seriesList = isReactive(config.series) ? config.series.value : config.series;\n    const allData = seriesList.map((s) => (isReactive(s.data) ? s.data.value : s.data));\n    const allX = allData.flat().map((d) => d.key as Date | number);\n    const allY = allData.flat().map((d) => d.value);\n\n    if (allX.length === 0) {\n      warn('createLineChart: no data');\n      clearCartesianDom(groups, legend, tooltip, crosshair);\n\n      return;\n    }\n\n    if (config.crosshair && !crosshair) {\n      crosshair = createCrosshair(ctx.chartArea, config.crosshair);\n    }\n\n    const xScale = buildXScale(allX as (Date | number)[], area.width);\n    const yScale = buildYScale(allY, area.height);\n\n    if (config.yAxis?.grid) {\n      renderGrid(\n        groups.grid,\n        yScale,\n        config.yAxis.grid,\n        area.width,\n        'horizontal',\n        resolveTickCount(config.yAxis, area.height, 'left'),\n      );\n    }\n\n    if (config.xAxis?.grid) {\n      renderGrid(\n        groups.grid,\n        xScale,\n        config.xAxis.grid,\n        area.height,\n        'vertical',\n        resolveTickCount(config.xAxis, area.width, 'bottom'),\n      );\n    }\n\n    if (config.xAxis) {\n      groups.xAxis.setAttribute('transform', `translate(0,${area.height})`);\n      renderAxis(groups.xAxis, xScale, config.xAxis, area.width, 'bottom');\n    }\n\n    if (config.yAxis) renderAxis(groups.yAxis, yScale, config.yAxis, area.height, 'left');\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      const points = computePoints(allData[i], xScale, yScale);\n\n      allPoints.push(points);\n\n      renderLine(group, points, {\n        color: seriesColor(i, series.color),\n        curve: series.curve ?? 'linear',\n        disposalSignal: ctx.disposalSignal,\n        pointRadius: series.pointRadius ?? 3,\n        showPoints: series.showPoints ?? false,\n        strokeWidth: series.strokeWidth ?? 2,\n        transition: config.transition,\n      });\n    }\n\n    legend?.update(seriesList.map((s, i) => ({ color: seriesColor(i, s.color), name: s.name })));\n    tooltip?.hide();\n\n    return createSeriesInteraction({\n      crosshair,\n      dims: () => ctx.dimensions.value,\n      getData: () => allData,\n      getPoints: () => allPoints,\n      getSeriesList: () => (isReactive(config.series) ? config.series.value : config.series),\n      onClick: config.onClick,\n      onHover: config.onHover,\n      svg: ctx.svg,\n      tooltip,\n    });\n  });\n}\n"],"mappings":"ycAeA,SAAgB,EAAgB,EAAwB,EAAsC,CAC5F,IAAI,EAAuD,KAE3D,OAAO,EAAA,oBAAoB,EAAW,EAAS,GAAQ,CACrD,GAAM,CAAE,SAAQ,SAAQ,WAAY,EAC9B,EAAO,EAAI,WAAW,MACtB,EAAO,EAAA,UAAU,EAAK,MAAO,EAAK,OAAQ,EAAK,MAAM,EACrD,GAAA,EAAa,EAAA,WAAA,CAAW,EAAO,MAAM,EAAI,EAAO,OAAO,MAAQ,EAAO,OACtE,EAAU,EAAW,IAAK,IAAA,EAAO,EAAA,WAAA,CAAW,EAAE,IAAI,EAAI,EAAE,KAAK,MAAQ,EAAE,IAAK,EAC5E,EAAO,EAAQ,KAAK,CAAC,CAAC,IAAK,GAAM,EAAE,GAAoB,EACvD,EAAO,EAAQ,KAAK,CAAC,CAAC,IAAK,GAAM,EAAE,KAAK,EAE9C,GAAI,EAAK,SAAW,EAAG,CAErB,EAAA,kBAAkB,EAAQ,EAAQ,EAAS,CAAS,EAEpD,MACF,CAEI,EAAO,WAAa,CAAC,IACvB,EAAY,EAAA,gBAAgB,EAAI,UAAW,EAAO,SAAS,GAG7D,IAAM,EAAS,EAAA,YAAY,EAA2B,EAAK,KAAK,EAC1D,EAAS,EAAA,YAAY,EAAM,EAAK,MAAM,EA+B5C,IA7BI,EAAO,OAAO,MAChB,EAAA,WACE,EAAO,KACP,EACA,EAAO,MAAM,KACb,EAAK,MACL,aACA,EAAA,iBAAiB,EAAO,MAAO,EAAK,OAAQ,MAAM,CACpD,EAGE,EAAO,OAAO,MAChB,EAAA,WACE,EAAO,KACP,EACA,EAAO,MAAM,KACb,EAAK,OACL,WACA,EAAA,iBAAiB,EAAO,MAAO,EAAK,MAAO,QAAQ,CACrD,EAGE,EAAO,QACT,EAAO,MAAM,aAAa,YAAa,eAAe,EAAK,OAAO,EAAE,EACpE,EAAA,WAAW,EAAO,MAAO,EAAQ,EAAO,MAAO,EAAK,MAAO,QAAQ,GAGjE,EAAO,OAAO,EAAA,WAAW,EAAO,MAAO,EAAQ,EAAO,MAAO,EAAK,OAAQ,MAAM,EAE7E,EAAO,OAAO,SAAS,OAAS,EAAW,QAChD,EAAO,OAAO,YAAY,EAAO,OAAO,SAAU,EAGpD,IAAM,EAAuB,CAAC,EAE9B,IAAK,IAAI,EAAI,EAAG,EAAI,EAAW,OAAQ,IAAK,CAC1C,IAAM,EAAS,EAAW,GACtB,EAAQ,EAAO,OAAO,SAAS,GAE9B,IACH,EAAQ,EAAA,iBAAiB,IAAK,CAAE,MAAO,mBAAoB,CAAC,EAC5D,EAAO,OAAO,YAAY,CAAK,GAGjC,IAAM,EAAS,EAAA,cAAc,EAAQ,GAAI,EAAQ,CAAM,EAEvD,EAAU,KAAK,CAAM,EAErB,EAAA,WAAW,EAAO,EAAQ,CACxB,MAAO,EAAA,YAAY,EAAG,EAAO,KAAK,EAClC,MAAO,EAAO,OAAS,SACvB,eAAgB,EAAI,eACpB,YAAa,EAAO,aAAe,EACnC,WAAY,EAAO,YAAc,GACjC,YAAa,EAAO,aAAe,EACnC,WAAY,EAAO,UACrB,CAAC,CACH,CAKA,OAHA,GAAQ,OAAO,EAAW,KAAK,EAAG,KAAO,CAAE,MAAO,EAAA,YAAY,EAAG,EAAE,KAAK,EAAG,KAAM,EAAE,IAAK,EAAE,CAAC,EAC3F,GAAS,KAAK,EAEP,EAAA,wBAAwB,CAC7B,YACA,SAAY,EAAI,WAAW,MAC3B,YAAe,EACf,cAAiB,EACjB,mBAAA,EAAsB,EAAA,WAAA,CAAW,EAAO,MAAM,EAAI,EAAO,OAAO,MAAQ,EAAO,OAC/E,QAAS,EAAO,QAChB,QAAS,EAAO,QAChB,IAAK,EAAI,IACT,SACF,CAAC,CACH,CAAC,CACH"}
+{"version":3,"file":"line-chart.cjs","names":[],"sources":["../../../src/charts/line/line-chart.ts"],"sourcesContent":["import { positionAxis, renderAxis, resolveTickCount } from '../../axes/axis';\nimport { renderGrid } from '../../axes/grid';\nimport { buildXScale, buildYScale } from '../../core/cartesian-scales';\nimport { clearCartesianDom, createChartScaffold } from '../../core/chart-scaffold';\nimport { chartArea } from '../../core/layout';\nimport { createCrosshair } from '../../interaction/crosshair';\nimport { createSeriesInteraction } from '../../interaction/series-interaction';\nimport { createSvgElement } from '../../svg/element';\nimport type { Point } from '../../svg/path';\nimport { seriesColor } from '../../theme';\nimport type { ChartHandle, LineChartConfig, LineSeriesConfig } 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 seriesList = config.series;\n\n  return createChartScaffold(\n    container,\n    config,\n    (ctx) => {\n      const { groups, legend, tooltip } = ctx;\n      const dims = ctx.dimensions;\n      const area = chartArea(dims.width, dims.height, dims.margin);\n      const allData = seriesList.map((series) => series.data);\n      const allX = allData.flat().map((datum) => datum.key);\n      const allY = allData.flat().map((d) => d.value);\n\n      if (allX.length === 0) {\n        clearCartesianDom(groups, legend, tooltip, crosshair);\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(allY, area.height);\n\n      if (config.yAxis?.grid) {\n        renderGrid(\n          groups.grid,\n          yScale,\n          config.yAxis.grid,\n          area.width,\n          'horizontal',\n          resolveTickCount(config.yAxis, area.height, 'left'),\n        );\n      }\n\n      if (config.xAxis?.grid) {\n        renderGrid(\n          groups.grid,\n          xScale,\n          config.xAxis.grid,\n          area.height,\n          'vertical',\n          resolveTickCount(config.xAxis, area.width, 'bottom'),\n        );\n      }\n\n      if (config.xAxis) {\n        positionAxis(groups.xAxis, config.xAxis.position ?? 'bottom', area.width, area.height);\n        renderAxis(groups.xAxis, xScale, config.xAxis, area.width, 'bottom');\n      }\n\n      if (config.yAxis) {\n        positionAxis(groups.yAxis, config.yAxis.position ?? 'left', area.width, area.height);\n        renderAxis(groups.yAxis, yScale, config.yAxis, area.height, 'left');\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        const points = computePoints(allData[i], xScale, yScale);\n\n        allPoints.push(points);\n\n        renderLine(group, points, {\n          color: seriesColor(i, series.color),\n          curve: series.curve ?? 'linear',\n          disposalSignal: ctx.disposalSignal,\n          pointRadius: series.pointRadius ?? 3,\n          showPoints: series.showPoints ?? false,\n          strokeWidth: series.strokeWidth ?? 2,\n          transition: config.transition,\n        });\n      }\n\n      legend?.update(seriesList.map((s, i) => ({ color: seriesColor(i, s.color), name: s.name })));\n      tooltip?.hide();\n\n      return createSeriesInteraction({\n        crosshair,\n        dims: () => ctx.dimensions,\n        getData: () => allData,\n        getPoints: () => allPoints,\n        getSeriesList: () => seriesList,\n        onClick: config.onClick,\n        onHover: config.onHover,\n        svg: ctx.svg,\n        tooltip,\n      });\n    },\n    (data) => {\n      seriesList = data;\n    },\n  );\n}\n"],"mappings":"6YAaA,SAAgB,EAAgB,EAAwB,EAA0D,CAChH,IAAI,EAAuD,KACvD,EAAa,EAAO,OAExB,OAAO,EAAA,oBACL,EACA,EACC,GAAQ,CACP,GAAM,CAAE,SAAQ,SAAQ,WAAY,EAC9B,EAAO,EAAI,WACX,EAAO,EAAA,UAAU,EAAK,MAAO,EAAK,OAAQ,EAAK,MAAM,EACrD,EAAU,EAAW,IAAK,GAAW,EAAO,IAAI,EAChD,EAAO,EAAQ,KAAK,CAAC,CAAC,IAAK,GAAU,EAAM,GAAG,EAC9C,EAAO,EAAQ,KAAK,CAAC,CAAC,IAAK,GAAM,EAAE,KAAK,EAE9C,GAAI,EAAK,SAAW,EAAG,CACrB,EAAA,kBAAkB,EAAQ,EAAQ,EAAS,CAAS,EAEpD,MACF,CAEI,EAAO,WAAa,CAAC,IACvB,EAAY,EAAA,gBAAgB,EAAI,UAAW,EAAO,SAAS,GAG7D,IAAM,EAAS,EAAA,YAAY,EAAM,EAAK,KAAK,EACrC,EAAS,EAAA,YAAY,EAAM,EAAK,MAAM,EAkC5C,IAhCI,EAAO,OAAO,MAChB,EAAA,WACE,EAAO,KACP,EACA,EAAO,MAAM,KACb,EAAK,MACL,aACA,EAAA,iBAAiB,EAAO,MAAO,EAAK,OAAQ,MAAM,CACpD,EAGE,EAAO,OAAO,MAChB,EAAA,WACE,EAAO,KACP,EACA,EAAO,MAAM,KACb,EAAK,OACL,WACA,EAAA,iBAAiB,EAAO,MAAO,EAAK,MAAO,QAAQ,CACrD,EAGE,EAAO,QACT,EAAA,aAAa,EAAO,MAAO,EAAO,MAAM,UAAY,SAAU,EAAK,MAAO,EAAK,MAAM,EACrF,EAAA,WAAW,EAAO,MAAO,EAAQ,EAAO,MAAO,EAAK,MAAO,QAAQ,GAGjE,EAAO,QACT,EAAA,aAAa,EAAO,MAAO,EAAO,MAAM,UAAY,OAAQ,EAAK,MAAO,EAAK,MAAM,EACnF,EAAA,WAAW,EAAO,MAAO,EAAQ,EAAO,MAAO,EAAK,OAAQ,MAAM,GAG7D,EAAO,OAAO,SAAS,OAAS,EAAW,QAChD,EAAO,OAAO,YAAY,EAAO,OAAO,SAAU,EAGpD,IAAM,EAAuB,CAAC,EAE9B,IAAK,IAAI,EAAI,EAAG,EAAI,EAAW,OAAQ,IAAK,CAC1C,IAAM,EAAS,EAAW,GACtB,EAAQ,EAAO,OAAO,SAAS,GAE9B,IACH,EAAQ,EAAA,iBAAiB,IAAK,CAAE,MAAO,mBAAoB,CAAC,EAC5D,EAAO,OAAO,YAAY,CAAK,GAGjC,IAAM,EAAS,EAAA,cAAc,EAAQ,GAAI,EAAQ,CAAM,EAEvD,EAAU,KAAK,CAAM,EAErB,EAAA,WAAW,EAAO,EAAQ,CACxB,MAAO,EAAA,YAAY,EAAG,EAAO,KAAK,EAClC,MAAO,EAAO,OAAS,SACvB,eAAgB,EAAI,eACpB,YAAa,EAAO,aAAe,EACnC,WAAY,EAAO,YAAc,GACjC,YAAa,EAAO,aAAe,EACnC,WAAY,EAAO,UACrB,CAAC,CACH,CAKA,OAHA,GAAQ,OAAO,EAAW,KAAK,EAAG,KAAO,CAAE,MAAO,EAAA,YAAY,EAAG,EAAE,KAAK,EAAG,KAAM,EAAE,IAAK,EAAE,CAAC,EAC3F,GAAS,KAAK,EAEP,EAAA,wBAAwB,CAC7B,YACA,SAAY,EAAI,WAChB,YAAe,EACf,cAAiB,EACjB,kBAAqB,EACrB,QAAS,EAAO,QAChB,QAAS,EAAO,QAChB,IAAK,EAAI,IACT,SACF,CAAC,CACH,EACC,GAAS,CACR,EAAa,CACf,CACF,CACF"}

package/dist/charts/line/line-chart.d.ts

@@ -1,3 +1,3 @@
-import type { ChartHandle, LineChartConfig } from '../../types';
-export declare function createLineChart(container: HTMLElement, config: LineChartConfig): ChartHandle;
+import type { ChartHandle, LineChartConfig, LineSeriesConfig } from '../../types';
+export declare function createLineChart(container: HTMLElement, config: LineChartConfig): ChartHandle<LineSeriesConfig[]>;
 //# sourceMappingURL=line-chart.d.ts.map

package/dist/charts/line/line-chart.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"line-chart.d.ts","sourceRoot":"","sources":["../../../src/charts/line/line-chart.ts"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAGhE,wBAAgB,eAAe,CAAC,SAAS,EAAE,WAAW,EAAE,MAAM,EAAE,eAAe,GAAG,WAAW,CAoG5F"}
+{"version":3,"file":"line-chart.d.ts","sourceRoot":"","sources":["../../../src/charts/line/line-chart.ts"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,WAAW,EAAE,eAAe,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAGlF,wBAAgB,eAAe,CAAC,SAAS,EAAE,WAAW,EAAE,MAAM,EAAE,eAAe,GAAG,WAAW,CAAC,gBAAgB,EAAE,CAAC,CA6GhH"}

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

@@ -1,56 +1,56 @@
-import "../../_dev.js";
 import { createSvgElement as e } from "../../svg/element.js";
-import { renderAxis as t, resolveTickCount as n } from "../../axes/axis.js";
-import { renderGrid as r } from "../../axes/grid.js";
-import { buildXScale as i, buildYScale as a } from "../../core/cartesian-scales.js";
-import { chartArea as o } from "../../core/layout.js";
-import { clearCartesianDom as s, createChartScaffold as c } from "../../core/chart-scaffold.js";
-import { createCrosshair as l } from "../../interaction/crosshair.js";
-import { createSeriesInteraction as u } from "../../interaction/series-interaction.js";
-import { seriesColor as d } from "../../theme/index.js";
-import { computePoints as f, renderLine as p } from "./line-renderer.js";
-import { isReactive as m } from "@vielzeug/ripple";
+import { positionAxis as t, renderAxis as n, resolveTickCount 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 { chartArea as s } from "../../core/layout.js";
+import { clearCartesianDom as c, createChartScaffold as l } from "../../core/chart-scaffold.js";
+import { createCrosshair as u } from "../../interaction/crosshair.js";
+import { createSeriesInteraction as d } from "../../interaction/series-interaction.js";
+import { seriesColor as f } from "../../theme/index.js";
+import { computePoints as p, renderLine as m } from "./line-renderer.js";
 //#region src/charts/line/line-chart.ts
 function h(h, g) {
-	let _ = null;
-	return c(h, g, (c) => {
-		let { groups: h, legend: v, tooltip: y } = c, b = c.dimensions.value, x = o(b.width, b.height, b.margin), S = m(g.series) ? g.series.value : g.series, C = S.map((e) => m(e.data) ? e.data.value : e.data), w = C.flat().map((e) => e.key), T = C.flat().map((e) => e.value);
+	let _ = null, v = g.series;
+	return l(h, g, (l) => {
+		let { groups: h, legend: y, tooltip: b } = l, x = l.dimensions, S = s(x.width, x.height, x.margin), C = v.map((e) => e.data), w = C.flat().map((e) => e.key), T = C.flat().map((e) => e.value);
 		if (w.length === 0) {
-			s(h, v, y, _);
+			c(h, y, b, _);
 			return;
 		}
-		g.crosshair && !_ && (_ = l(c.chartArea, g.crosshair));
-		let E = i(w, x.width), D = a(T, x.height);
-		for (g.yAxis?.grid && r(h.grid, D, g.yAxis.grid, x.width, "horizontal", n(g.yAxis, x.height, "left")), g.xAxis?.grid && r(h.grid, E, g.xAxis.grid, x.height, "vertical", n(g.xAxis, x.width, "bottom")), g.xAxis && (h.xAxis.setAttribute("transform", `translate(0,${x.height})`), t(h.xAxis, E, g.xAxis, x.width, "bottom")), g.yAxis && t(h.yAxis, D, g.yAxis, x.height, "left"); h.series.children.length > S.length;) h.series.removeChild(h.series.lastChild);
+		g.crosshair && !_ && (_ = u(l.chartArea, g.crosshair));
+		let E = a(w, S.width), D = o(T, S.height);
+		for (g.yAxis?.grid && i(h.grid, D, g.yAxis.grid, S.width, "horizontal", r(g.yAxis, S.height, "left")), g.xAxis?.grid && i(h.grid, E, g.xAxis.grid, S.height, "vertical", r(g.xAxis, S.width, "bottom")), g.xAxis && (t(h.xAxis, g.xAxis.position ?? "bottom", S.width, S.height), n(h.xAxis, E, g.xAxis, S.width, "bottom")), g.yAxis && (t(h.yAxis, g.yAxis.position ?? "left", S.width, S.height), n(h.yAxis, D, g.yAxis, S.height, "left")); h.series.children.length > v.length;) h.series.removeChild(h.series.lastChild);
 		let O = [];
-		for (let t = 0; t < S.length; t++) {
-			let n = S[t], r = h.series.children[t];
+		for (let t = 0; t < v.length; t++) {
+			let n = v[t], r = h.series.children[t];
 			r || (r = e("g", { class: "prism-line-series" }), h.series.appendChild(r));
-			let i = f(C[t], E, D);
-			O.push(i), p(r, i, {
-				color: d(t, n.color),
+			let i = p(C[t], E, D);
+			O.push(i), m(r, i, {
+				color: f(t, n.color),
 				curve: n.curve ?? "linear",
-				disposalSignal: c.disposalSignal,
+				disposalSignal: l.disposalSignal,
 				pointRadius: n.pointRadius ?? 3,
 				showPoints: n.showPoints ?? !1,
 				strokeWidth: n.strokeWidth ?? 2,
 				transition: g.transition
 			});
 		}
-		return v?.update(S.map((e, t) => ({
-			color: d(t, e.color),
+		return y?.update(v.map((e, t) => ({
+			color: f(t, e.color),
 			name: e.name
-		}))), y?.hide(), u({
+		}))), b?.hide(), d({
 			crosshair: _,
-			dims: () => c.dimensions.value,
+			dims: () => l.dimensions,
 			getData: () => C,
 			getPoints: () => O,
-			getSeriesList: () => m(g.series) ? g.series.value : g.series,
+			getSeriesList: () => v,
 			onClick: g.onClick,
 			onHover: g.onHover,
-			svg: c.svg,
-			tooltip: y
+			svg: l.svg,
+			tooltip: b
 		});
+	}, (e) => {
+		v = e;
 	});
 }
 //#endregion

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

@@ -1 +1 @@
-{"version":3,"file":"line-chart.js","names":[],"sources":["../../../src/charts/line/line-chart.ts"],"sourcesContent":["import { isReactive } from '@vielzeug/ripple';\nimport { warn } from '../../_dev';\nimport { renderAxis, resolveTickCount } from '../../axes/axis';\nimport { renderGrid } from '../../axes/grid';\nimport { buildXScale, buildYScale } from '../../core/cartesian-scales';\nimport { clearCartesianDom, createChartScaffold } from '../../core/chart-scaffold';\nimport { chartArea } from '../../core/layout';\nimport { createCrosshair } from '../../interaction/crosshair';\nimport { createSeriesInteraction } from '../../interaction/series-interaction';\nimport { createSvgElement } from '../../svg/element';\nimport type { Point } from '../../svg/path';\nimport { seriesColor } from '../../theme';\nimport type { ChartHandle, LineChartConfig } from '../../types';\nimport { computePoints, renderLine } from './line-renderer';\n\nexport function createLineChart(container: HTMLElement, config: LineChartConfig): ChartHandle {\n  let crosshair: ReturnType<typeof createCrosshair> | null = null;\n\n  return createChartScaffold(container, config, (ctx) => {\n    const { groups, legend, tooltip } = ctx;\n    const dims = ctx.dimensions.value;\n    const area = chartArea(dims.width, dims.height, dims.margin);\n    const seriesList = isReactive(config.series) ? config.series.value : config.series;\n    const allData = seriesList.map((s) => (isReactive(s.data) ? s.data.value : s.data));\n    const allX = allData.flat().map((d) => d.key as Date | number);\n    const allY = allData.flat().map((d) => d.value);\n\n    if (allX.length === 0) {\n      warn('createLineChart: no data');\n      clearCartesianDom(groups, legend, tooltip, crosshair);\n\n      return;\n    }\n\n    if (config.crosshair && !crosshair) {\n      crosshair = createCrosshair(ctx.chartArea, config.crosshair);\n    }\n\n    const xScale = buildXScale(allX as (Date | number)[], area.width);\n    const yScale = buildYScale(allY, area.height);\n\n    if (config.yAxis?.grid) {\n      renderGrid(\n        groups.grid,\n        yScale,\n        config.yAxis.grid,\n        area.width,\n        'horizontal',\n        resolveTickCount(config.yAxis, area.height, 'left'),\n      );\n    }\n\n    if (config.xAxis?.grid) {\n      renderGrid(\n        groups.grid,\n        xScale,\n        config.xAxis.grid,\n        area.height,\n        'vertical',\n        resolveTickCount(config.xAxis, area.width, 'bottom'),\n      );\n    }\n\n    if (config.xAxis) {\n      groups.xAxis.setAttribute('transform', `translate(0,${area.height})`);\n      renderAxis(groups.xAxis, xScale, config.xAxis, area.width, 'bottom');\n    }\n\n    if (config.yAxis) renderAxis(groups.yAxis, yScale, config.yAxis, area.height, 'left');\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      const points = computePoints(allData[i], xScale, yScale);\n\n      allPoints.push(points);\n\n      renderLine(group, points, {\n        color: seriesColor(i, series.color),\n        curve: series.curve ?? 'linear',\n        disposalSignal: ctx.disposalSignal,\n        pointRadius: series.pointRadius ?? 3,\n        showPoints: series.showPoints ?? false,\n        strokeWidth: series.strokeWidth ?? 2,\n        transition: config.transition,\n      });\n    }\n\n    legend?.update(seriesList.map((s, i) => ({ color: seriesColor(i, s.color), name: s.name })));\n    tooltip?.hide();\n\n    return createSeriesInteraction({\n      crosshair,\n      dims: () => ctx.dimensions.value,\n      getData: () => allData,\n      getPoints: () => allPoints,\n      getSeriesList: () => (isReactive(config.series) ? config.series.value : config.series),\n      onClick: config.onClick,\n      onHover: config.onHover,\n      svg: ctx.svg,\n      tooltip,\n    });\n  });\n}\n"],"mappings":";;;;;;;;;;;;;AAeA,SAAgB,EAAgB,GAAwB,GAAsC;CAC5F,IAAI,IAAuD;CAE3D,OAAO,EAAoB,GAAW,IAAS,MAAQ;EACrD,IAAM,EAAE,WAAQ,WAAQ,eAAY,GAC9B,IAAO,EAAI,WAAW,OACtB,IAAO,EAAU,EAAK,OAAO,EAAK,QAAQ,EAAK,MAAM,GACrD,IAAa,EAAW,EAAO,MAAM,IAAI,EAAO,OAAO,QAAQ,EAAO,QACtE,IAAU,EAAW,KAAK,MAAO,EAAW,EAAE,IAAI,IAAI,EAAE,KAAK,QAAQ,EAAE,IAAK,GAC5E,IAAO,EAAQ,KAAK,CAAC,CAAC,KAAK,MAAM,EAAE,GAAoB,GACvD,IAAO,EAAQ,KAAK,CAAC,CAAC,KAAK,MAAM,EAAE,KAAK;EAE9C,IAAI,EAAK,WAAW,GAAG;GAErB,EAAkB,GAAQ,GAAQ,GAAS,CAAS;GAEpD;EACF;EAEA,AAAI,EAAO,aAAa,CAAC,MACvB,IAAY,EAAgB,EAAI,WAAW,EAAO,SAAS;EAG7D,IAAM,IAAS,EAAY,GAA2B,EAAK,KAAK,GAC1D,IAAS,EAAY,GAAM,EAAK,MAAM;EA+B5C,KA7BI,EAAO,OAAO,QAChB,EACE,EAAO,MACP,GACA,EAAO,MAAM,MACb,EAAK,OACL,cACA,EAAiB,EAAO,OAAO,EAAK,QAAQ,MAAM,CACpD,GAGE,EAAO,OAAO,QAChB,EACE,EAAO,MACP,GACA,EAAO,MAAM,MACb,EAAK,QACL,YACA,EAAiB,EAAO,OAAO,EAAK,OAAO,QAAQ,CACrD,GAGE,EAAO,UACT,EAAO,MAAM,aAAa,aAAa,eAAe,EAAK,OAAO,EAAE,GACpE,EAAW,EAAO,OAAO,GAAQ,EAAO,OAAO,EAAK,OAAO,QAAQ,IAGjE,EAAO,SAAO,EAAW,EAAO,OAAO,GAAQ,EAAO,OAAO,EAAK,QAAQ,MAAM,GAE7E,EAAO,OAAO,SAAS,SAAS,EAAW,SAChD,EAAO,OAAO,YAAY,EAAO,OAAO,SAAU;EAGpD,IAAM,IAAuB,CAAC;EAE9B,KAAK,IAAI,IAAI,GAAG,IAAI,EAAW,QAAQ,KAAK;GAC1C,IAAM,IAAS,EAAW,IACtB,IAAQ,EAAO,OAAO,SAAS;GAEnC,AAAK,MACH,IAAQ,EAAiB,KAAK,EAAE,OAAO,oBAAoB,CAAC,GAC5D,EAAO,OAAO,YAAY,CAAK;GAGjC,IAAM,IAAS,EAAc,EAAQ,IAAI,GAAQ,CAAM;GAIvD,AAFA,EAAU,KAAK,CAAM,GAErB,EAAW,GAAO,GAAQ;IACxB,OAAO,EAAY,GAAG,EAAO,KAAK;IAClC,OAAO,EAAO,SAAS;IACvB,gBAAgB,EAAI;IACpB,aAAa,EAAO,eAAe;IACnC,YAAY,EAAO,cAAc;IACjC,aAAa,EAAO,eAAe;IACnC,YAAY,EAAO;GACrB,CAAC;EACH;EAKA,OAHA,GAAQ,OAAO,EAAW,KAAK,GAAG,OAAO;GAAE,OAAO,EAAY,GAAG,EAAE,KAAK;GAAG,MAAM,EAAE;EAAK,EAAE,CAAC,GAC3F,GAAS,KAAK,GAEP,EAAwB;GAC7B;GACA,YAAY,EAAI,WAAW;GAC3B,eAAe;GACf,iBAAiB;GACjB,qBAAsB,EAAW,EAAO,MAAM,IAAI,EAAO,OAAO,QAAQ,EAAO;GAC/E,SAAS,EAAO;GAChB,SAAS,EAAO;GAChB,KAAK,EAAI;GACT;EACF,CAAC;CACH,CAAC;AACH"}
+{"version":3,"file":"line-chart.js","names":[],"sources":["../../../src/charts/line/line-chart.ts"],"sourcesContent":["import { positionAxis, renderAxis, resolveTickCount } from '../../axes/axis';\nimport { renderGrid } from '../../axes/grid';\nimport { buildXScale, buildYScale } from '../../core/cartesian-scales';\nimport { clearCartesianDom, createChartScaffold } from '../../core/chart-scaffold';\nimport { chartArea } from '../../core/layout';\nimport { createCrosshair } from '../../interaction/crosshair';\nimport { createSeriesInteraction } from '../../interaction/series-interaction';\nimport { createSvgElement } from '../../svg/element';\nimport type { Point } from '../../svg/path';\nimport { seriesColor } from '../../theme';\nimport type { ChartHandle, LineChartConfig, LineSeriesConfig } 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 seriesList = config.series;\n\n  return createChartScaffold(\n    container,\n    config,\n    (ctx) => {\n      const { groups, legend, tooltip } = ctx;\n      const dims = ctx.dimensions;\n      const area = chartArea(dims.width, dims.height, dims.margin);\n      const allData = seriesList.map((series) => series.data);\n      const allX = allData.flat().map((datum) => datum.key);\n      const allY = allData.flat().map((d) => d.value);\n\n      if (allX.length === 0) {\n        clearCartesianDom(groups, legend, tooltip, crosshair);\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(allY, area.height);\n\n      if (config.yAxis?.grid) {\n        renderGrid(\n          groups.grid,\n          yScale,\n          config.yAxis.grid,\n          area.width,\n          'horizontal',\n          resolveTickCount(config.yAxis, area.height, 'left'),\n        );\n      }\n\n      if (config.xAxis?.grid) {\n        renderGrid(\n          groups.grid,\n          xScale,\n          config.xAxis.grid,\n          area.height,\n          'vertical',\n          resolveTickCount(config.xAxis, area.width, 'bottom'),\n        );\n      }\n\n      if (config.xAxis) {\n        positionAxis(groups.xAxis, config.xAxis.position ?? 'bottom', area.width, area.height);\n        renderAxis(groups.xAxis, xScale, config.xAxis, area.width, 'bottom');\n      }\n\n      if (config.yAxis) {\n        positionAxis(groups.yAxis, config.yAxis.position ?? 'left', area.width, area.height);\n        renderAxis(groups.yAxis, yScale, config.yAxis, area.height, 'left');\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        const points = computePoints(allData[i], xScale, yScale);\n\n        allPoints.push(points);\n\n        renderLine(group, points, {\n          color: seriesColor(i, series.color),\n          curve: series.curve ?? 'linear',\n          disposalSignal: ctx.disposalSignal,\n          pointRadius: series.pointRadius ?? 3,\n          showPoints: series.showPoints ?? false,\n          strokeWidth: series.strokeWidth ?? 2,\n          transition: config.transition,\n        });\n      }\n\n      legend?.update(seriesList.map((s, i) => ({ color: seriesColor(i, s.color), name: s.name })));\n      tooltip?.hide();\n\n      return createSeriesInteraction({\n        crosshair,\n        dims: () => ctx.dimensions,\n        getData: () => allData,\n        getPoints: () => allPoints,\n        getSeriesList: () => seriesList,\n        onClick: config.onClick,\n        onHover: config.onHover,\n        svg: ctx.svg,\n        tooltip,\n      });\n    },\n    (data) => {\n      seriesList = data;\n    },\n  );\n}\n"],"mappings":";;;;;;;;;;;AAaA,SAAgB,EAAgB,GAAwB,GAA0D;CAChH,IAAI,IAAuD,MACvD,IAAa,EAAO;CAExB,OAAO,EACL,GACA,IACC,MAAQ;EACP,IAAM,EAAE,WAAQ,WAAQ,eAAY,GAC9B,IAAO,EAAI,YACX,IAAO,EAAU,EAAK,OAAO,EAAK,QAAQ,EAAK,MAAM,GACrD,IAAU,EAAW,KAAK,MAAW,EAAO,IAAI,GAChD,IAAO,EAAQ,KAAK,CAAC,CAAC,KAAK,MAAU,EAAM,GAAG,GAC9C,IAAO,EAAQ,KAAK,CAAC,CAAC,KAAK,MAAM,EAAE,KAAK;EAE9C,IAAI,EAAK,WAAW,GAAG;GACrB,EAAkB,GAAQ,GAAQ,GAAS,CAAS;GAEpD;EACF;EAEA,AAAI,EAAO,aAAa,CAAC,MACvB,IAAY,EAAgB,EAAI,WAAW,EAAO,SAAS;EAG7D,IAAM,IAAS,EAAY,GAAM,EAAK,KAAK,GACrC,IAAS,EAAY,GAAM,EAAK,MAAM;EAkC5C,KAhCI,EAAO,OAAO,QAChB,EACE,EAAO,MACP,GACA,EAAO,MAAM,MACb,EAAK,OACL,cACA,EAAiB,EAAO,OAAO,EAAK,QAAQ,MAAM,CACpD,GAGE,EAAO,OAAO,QAChB,EACE,EAAO,MACP,GACA,EAAO,MAAM,MACb,EAAK,QACL,YACA,EAAiB,EAAO,OAAO,EAAK,OAAO,QAAQ,CACrD,GAGE,EAAO,UACT,EAAa,EAAO,OAAO,EAAO,MAAM,YAAY,UAAU,EAAK,OAAO,EAAK,MAAM,GACrF,EAAW,EAAO,OAAO,GAAQ,EAAO,OAAO,EAAK,OAAO,QAAQ,IAGjE,EAAO,UACT,EAAa,EAAO,OAAO,EAAO,MAAM,YAAY,QAAQ,EAAK,OAAO,EAAK,MAAM,GACnF,EAAW,EAAO,OAAO,GAAQ,EAAO,OAAO,EAAK,QAAQ,MAAM,IAG7D,EAAO,OAAO,SAAS,SAAS,EAAW,SAChD,EAAO,OAAO,YAAY,EAAO,OAAO,SAAU;EAGpD,IAAM,IAAuB,CAAC;EAE9B,KAAK,IAAI,IAAI,GAAG,IAAI,EAAW,QAAQ,KAAK;GAC1C,IAAM,IAAS,EAAW,IACtB,IAAQ,EAAO,OAAO,SAAS;GAEnC,AAAK,MACH,IAAQ,EAAiB,KAAK,EAAE,OAAO,oBAAoB,CAAC,GAC5D,EAAO,OAAO,YAAY,CAAK;GAGjC,IAAM,IAAS,EAAc,EAAQ,IAAI,GAAQ,CAAM;GAIvD,AAFA,EAAU,KAAK,CAAM,GAErB,EAAW,GAAO,GAAQ;IACxB,OAAO,EAAY,GAAG,EAAO,KAAK;IAClC,OAAO,EAAO,SAAS;IACvB,gBAAgB,EAAI;IACpB,aAAa,EAAO,eAAe;IACnC,YAAY,EAAO,cAAc;IACjC,aAAa,EAAO,eAAe;IACnC,YAAY,EAAO;GACrB,CAAC;EACH;EAKA,OAHA,GAAQ,OAAO,EAAW,KAAK,GAAG,OAAO;GAAE,OAAO,EAAY,GAAG,EAAE,KAAK;GAAG,MAAM,EAAE;EAAK,EAAE,CAAC,GAC3F,GAAS,KAAK,GAEP,EAAwB;GAC7B;GACA,YAAY,EAAI;GAChB,eAAe;GACf,iBAAiB;GACjB,qBAAqB;GACrB,SAAS,EAAO;GAChB,SAAS,EAAO;GAChB,KAAK,EAAI;GACT;EACF,CAAC;CACH,IACC,MAAS;EACR,IAAa;CACf,CACF;AACF"}

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

@@ -1,2 +1,2 @@
-const e=require("../../animation/easing.cjs"),t=require("../../animation/motion.cjs"),n=require("../../animation/tween.cjs");require("../../_dev.cjs");const r=require("../../svg/element.cjs"),i=require("../../svg/path.cjs");var a=new WeakMap;function o(e,t){return t===`monotone`?i.monotonePath(e):t===`step`?i.stepPath(e):i.linePath(e)}function s(i,s,c){let l=t.resolveMotion(c.transition,0),u=l.duration,d=e.resolveEasing(l.easing),f=i.querySelector(`.prism-line-path`);f||(f=r.createSvgElement(`path`,{class:`prism-line-path`,fill:`none`}),i.appendChild(f)),r.setAttributes(f,{stroke:c.color,"stroke-width":c.strokeWidth});let p=i.querySelector(`.prism-line-dots`);if(c.showPoints?p||(p=r.createSvgElement(`g`,{class:`prism-line-dots`}),i.appendChild(p)):p&&=(p.remove(),null),u===0){if(r.setAttributes(f,{d:o(s,c.curve)}),p){for(;p.children.length>s.length;)p.removeChild(p.lastChild);for(let e=0;e<s.length;e++){let t=p.children[e];t||(t=r.createSvgElement(`circle`,{class:`prism-line-dot`}),p.appendChild(t)),r.setAttributes(t,{cx:s[e].x,cy:s[e].y,fill:c.color,r:c.pointRadius})}}return}a.get(i)?.();let m=!!f.getAttribute(`d`),h=[],g=null;if(p){let e=p.children.length;for(let t=0;t<e;t++){let e=p.children[t],n={x:Number(e.getAttribute(`cx`)),y:Number(e.getAttribute(`cy`))};h.push(n),g=n}for(;p.children.length>s.length;)p.removeChild(p.lastChild);for(let e=p.children.length;e<s.length;e++){let t=r.createSvgElement(`circle`,{class:`prism-line-dot`});r.setAttributes(t,{cx:s[e].x,cy:s[e].y,fill:c.color,r:c.pointRadius}),p.appendChild(t)}}for(let e=h.length;e<s.length;e++)h.push(g??s[e]);let _=null;function v(e){if(c.disposalSignal?.aborted){a.delete(i);return}_===null&&(_=e);let t=Math.min(1,(e-_)/u),l=d(t),m=s.map((e,t)=>{let r=h[t]??e;return{x:n.tweenNumber(r.x,e.x,l),y:n.tweenNumber(r.y,e.y,l)}});if(r.setAttributes(f,{d:o(m,c.curve)}),p)for(let e=0;e<s.length;e++){let t=p.children[e];t&&r.setAttributes(t,{cx:m[e].x,cy:m[e].y})}if(t<1){let e=requestAnimationFrame(v);a.set(i,()=>cancelAnimationFrame(e))}else a.delete(i)}if(!m)r.setAttributes(f,{d:o(s,c.curve)});else{let e=requestAnimationFrame(v);a.set(i,()=>cancelAnimationFrame(e))}}function c(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=c,exports.renderLine=s;
+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("../../svg/path.cjs");var a=new WeakMap;function o(e,t){return t===`monotone`?i.monotonePath(e):t===`step`?i.stepPath(e):i.linePath(e)}function s(i,s,c){let l=n.resolveMotion(c.transition,0),u=l.duration,d=t.resolveEasing(l.easing),f=i.querySelector(`.prism-line-path`);f||(f=e.createSvgElement(`path`,{class:`prism-line-path`,fill:`none`}),i.appendChild(f)),e.setAttributes(f,{stroke:c.color,"stroke-width":c.strokeWidth});let p=i.querySelector(`.prism-line-dots`);if(c.showPoints?p||(p=e.createSvgElement(`g`,{class:`prism-line-dots`}),i.appendChild(p)):p&&=(p.remove(),null),u===0){if(e.setAttributes(f,{d:o(s,c.curve)}),p){for(;p.children.length>s.length;)p.removeChild(p.lastChild);for(let t=0;t<s.length;t++){let n=p.children[t];n||(n=e.createSvgElement(`circle`,{class:`prism-line-dot`}),p.appendChild(n)),e.setAttributes(n,{cx:s[t].x,cy:s[t].y,fill:c.color,r:c.pointRadius})}}return}a.get(i)?.();let m=!!f.getAttribute(`d`),h=[],g=null;if(p){let t=p.children.length;for(let e=0;e<t;e++){let t=p.children[e],n={x:Number(t.getAttribute(`cx`)),y:Number(t.getAttribute(`cy`))};h.push(n),g=n}for(;p.children.length>s.length;)p.removeChild(p.lastChild);for(let t=p.children.length;t<s.length;t++){let n=e.createSvgElement(`circle`,{class:`prism-line-dot`});e.setAttributes(n,{cx:s[t].x,cy:s[t].y,fill:c.color,r:c.pointRadius}),p.appendChild(n)}}for(let e=h.length;e<s.length;e++)h.push(g??s[e]);let _=null;function v(t){if(c.disposalSignal?.aborted){a.delete(i);return}_===null&&(_=t);let n=Math.min(1,(t-_)/u),l=d(n),m=s.map((e,t)=>{let n=h[t]??e;return{x:r.tweenNumber(n.x,e.x,l),y:r.tweenNumber(n.y,e.y,l)}});if(e.setAttributes(f,{d:o(m,c.curve)}),p)for(let t=0;t<s.length;t++){let n=p.children[t];n&&e.setAttributes(n,{cx:m[t].x,cy:m[t].y})}if(n<1){let e=requestAnimationFrame(v);a.set(i,()=>cancelAnimationFrame(e))}else a.delete(i)}if(!m)e.setAttributes(f,{d:o(s,c.curve)});else{let e=requestAnimationFrame(v);a.set(i,()=>cancelAnimationFrame(e))}}function c(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=c,exports.renderLine=s;
 //# sourceMappingURL=line-renderer.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"line-renderer.cjs","names":[],"sources":["../../../src/charts/line/line-renderer.ts"],"sourcesContent":["import { warn } from '../../_dev';\nimport { resolveEasing } from '../../animation/easing';\nimport { resolveMotion } from '../../animation/motion';\nimport { tweenNumber } from '../../animation/tween';\nimport { createSvgElement, setAttributes } from '../../svg/element';\nimport type { Point } from '../../svg/path';\nimport { linePath, monotonePath, stepPath } from '../../svg/path';\nimport type { Datum, Scale, TransitionConfig } from '../../types';\n\nexport interface LineRenderOptions {\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  pointRadius: number;\n  showPoints: boolean;\n  strokeWidth: number;\n  transition?: TransitionConfig;\n}\n\nconst activeAnimations = new WeakMap<SVGGElement, () => void>();\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 motion = resolveMotion(options.transition, 0);\n  const dur = motion.duration;\n  const easing = resolveEasing(motion.easing);\n\n  let path = parent.querySelector<SVGPathElement>('.prism-line-path');\n\n  if (!path) {\n    path = createSvgElement('path', { class: 'prism-line-path', fill: 'none' });\n    parent.appendChild(path);\n  }\n\n  setAttributes(path, { stroke: options.color, 'stroke-width': options.strokeWidth });\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    setAttributes(path, { d: buildPath(points, options.curve) });\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, { cx: points[i].x, cy: points[i].y, fill: options.color, r: options.pointRadius });\n      }\n    }\n\n    return;\n  }\n\n  activeAnimations.get(parent)?.();\n\n  const hasExisting = !!path.getAttribute('d');\n\n  const fromPts: Point[] = [];\n  let lastKnown: Point | null = null;\n\n  if (dotsGroup) {\n    const existingCount = dotsGroup.children.length;\n\n    for (let i = 0; i < existingCount; i++) {\n      const c = dotsGroup.children[i] as SVGCircleElement;\n      const pt = { x: Number(c.getAttribute('cx')), y: Number(c.getAttribute('cy')) };\n\n      fromPts.push(pt);\n      lastKnown = pt;\n    }\n\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, { cx: points[i].x, cy: points[i].y, fill: options.color, r: options.pointRadius });\n      dotsGroup.appendChild(c);\n    }\n  }\n\n  for (let i = fromPts.length; i < points.length; i++) {\n    fromPts.push(lastKnown ?? points[i]);\n  }\n\n  let startTime: number | null = null;\n\n  function frame(ts: number) {\n    if (options.disposalSignal?.aborted) {\n      activeAnimations.delete(parent);\n\n      return;\n    }\n\n    if (startTime === null) startTime = ts;\n\n    const t = Math.min(1, (ts - startTime) / dur);\n    const e = easing(t);\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    setAttributes(path!, { d: buildPath(interpolated, options.curve) });\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    if (t < 1) {\n      const id = requestAnimationFrame(frame);\n\n      activeAnimations.set(parent, () => cancelAnimationFrame(id));\n    } else {\n      activeAnimations.delete(parent);\n    }\n  }\n\n  if (!hasExisting) {\n    setAttributes(path, { d: buildPath(points, options.curve) });\n  } else {\n    const id = requestAnimationFrame(frame);\n\n    activeAnimations.set(parent, () => cancelAnimationFrame(id));\n  }\n}\n\nexport function computePoints(data: Datum[], 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":[],"sources":["../../../src/charts/line/line-renderer.ts"],"sourcesContent":["import { warn } from '../../_dev';\nimport { resolveEasing } from '../../animation/easing';\nimport { resolveMotion } from '../../animation/motion';\nimport { tweenNumber } from '../../animation/tween';\nimport { createSvgElement, setAttributes } from '../../svg/element';\nimport type { Point } from '../../svg/path';\nimport { linePath, monotonePath, stepPath } from '../../svg/path';\nimport type { ContinuousDatum, Scale, TransitionConfig } from '../../types';\n\nexport interface LineRenderOptions {\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  pointRadius: number;\n  showPoints: boolean;\n  strokeWidth: number;\n  transition?: TransitionConfig;\n}\n\nconst activeAnimations = new WeakMap<SVGGElement, () => void>();\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 motion = resolveMotion(options.transition, 0);\n  const dur = motion.duration;\n  const easing = resolveEasing(motion.easing);\n\n  let path = parent.querySelector<SVGPathElement>('.prism-line-path');\n\n  if (!path) {\n    path = createSvgElement('path', { class: 'prism-line-path', fill: 'none' });\n    parent.appendChild(path);\n  }\n\n  setAttributes(path, { stroke: options.color, 'stroke-width': options.strokeWidth });\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    setAttributes(path, { d: buildPath(points, options.curve) });\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, { cx: points[i].x, cy: points[i].y, fill: options.color, r: options.pointRadius });\n      }\n    }\n\n    return;\n  }\n\n  activeAnimations.get(parent)?.();\n\n  const hasExisting = !!path.getAttribute('d');\n\n  const fromPts: Point[] = [];\n  let lastKnown: Point | null = null;\n\n  if (dotsGroup) {\n    const existingCount = dotsGroup.children.length;\n\n    for (let i = 0; i < existingCount; i++) {\n      const c = dotsGroup.children[i] as SVGCircleElement;\n      const pt = { x: Number(c.getAttribute('cx')), y: Number(c.getAttribute('cy')) };\n\n      fromPts.push(pt);\n      lastKnown = pt;\n    }\n\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, { cx: points[i].x, cy: points[i].y, fill: options.color, r: options.pointRadius });\n      dotsGroup.appendChild(c);\n    }\n  }\n\n  for (let i = fromPts.length; i < points.length; i++) {\n    fromPts.push(lastKnown ?? points[i]);\n  }\n\n  let startTime: number | null = null;\n\n  function frame(ts: number) {\n    if (options.disposalSignal?.aborted) {\n      activeAnimations.delete(parent);\n\n      return;\n    }\n\n    if (startTime === null) startTime = ts;\n\n    const t = Math.min(1, (ts - startTime) / dur);\n    const e = easing(t);\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    setAttributes(path!, { d: buildPath(interpolated, options.curve) });\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    if (t < 1) {\n      const id = requestAnimationFrame(frame);\n\n      activeAnimations.set(parent, () => cancelAnimationFrame(id));\n    } else {\n      activeAnimations.delete(parent);\n    }\n  }\n\n  if (!hasExisting) {\n    setAttributes(path, { d: buildPath(points, options.curve) });\n  } else {\n    const id = requestAnimationFrame(frame);\n\n    activeAnimations.set(parent, () => cancelAnimationFrame(id));\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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"}

package/dist/charts/line/line-renderer.d.ts

@@ -1,5 +1,5 @@
 import type { Point } from '../../svg/path';
-import type { Datum, Scale, TransitionConfig } from '../../types';
+import type { ContinuousDatum, Scale, TransitionConfig } from '../../types';
 export interface LineRenderOptions {
     color: string;
     curve: 'linear' | 'monotone' | 'step';
@@ -11,5 +11,5 @@ export interface LineRenderOptions {
     transition?: TransitionConfig;
 }
 export declare function renderLine(parent: SVGGElement, points: Point[], options: LineRenderOptions): void;
-export declare function computePoints(data: Datum[], xScale: Scale<Date | number>, yScale: Scale<number>): Point[];
+export declare function computePoints(data: ContinuousDatum[], xScale: Scale<Date | number>, yScale: Scale<number>): Point[];
 //# sourceMappingURL=line-renderer.d.ts.map

package/dist/charts/line/line-renderer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"line-renderer.d.ts","sourceRoot":"","sources":["../../../src/charts/line/line-renderer.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAE5C,OAAO,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAElE,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,QAAQ,GAAG,UAAU,GAAG,MAAM,CAAC;IACtC,yHAAyH;IACzH,cAAc,CAAC,EAAE,WAAW,CAAC;IAC7B,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,OAAO,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,gBAAgB,CAAC;CAC/B;AAQD,wBAAgB,UAAU,CAAC,MAAM,EAAE,WAAW,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,iBAAiB,GAAG,IAAI,CA4HjG;AAED,wBAAgB,aAAa,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,MAAM,EAAE,KAAK,CAAC,IAAI,GAAG,MAAM,CAAC,EAAE,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,GAAG,KAAK,EAAE,CAazG"}
+{"version":3,"file":"line-renderer.d.ts","sourceRoot":"","sources":["../../../src/charts/line/line-renderer.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAE5C,OAAO,KAAK,EAAE,eAAe,EAAE,KAAK,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAE5E,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,QAAQ,GAAG,UAAU,GAAG,MAAM,CAAC;IACtC,yHAAyH;IACzH,cAAc,CAAC,EAAE,WAAW,CAAC;IAC7B,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,OAAO,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,gBAAgB,CAAC;CAC/B;AAQD,wBAAgB,UAAU,CAAC,MAAM,EAAE,WAAW,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,iBAAiB,GAAG,IAAI,CA4HjG;AAED,wBAAgB,aAAa,CAAC,IAAI,EAAE,eAAe,EAAE,EAAE,MAAM,EAAE,KAAK,CAAC,IAAI,GAAG,MAAM,CAAC,EAAE,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,GAAG,KAAK,EAAE,CAanH"}

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

@@ -1,8 +1,8 @@
-import { resolveEasing as e } from "../../animation/easing.js";
-import { resolveMotion as t } from "../../animation/motion.js";
-import { tweenNumber as n } from "../../animation/tween.js";
 import "../../_dev.js";
-import { createSvgElement as r, setAttributes as i } from "../../svg/element.js";
+import { createSvgElement as e, setAttributes as t } from "../../svg/element.js";
+import { resolveEasing as n } from "../../animation/easing.js";
+import { resolveMotion as r } from "../../animation/motion.js";
+import { tweenNumber as i } from "../../animation/tween.js";
 import { linePath as a, monotonePath as o, stepPath as s } from "../../svg/path.js";
 //#region src/charts/line/line-renderer.ts
 var c = /* @__PURE__ */ new WeakMap();
@@ -10,23 +10,23 @@ function l(e, t) {
 	return t === "monotone" ? o(e) : t === "step" ? s(e) : a(e);
 }
 function u(a, o, s) {
-	let u = t(s.transition, 0), d = u.duration, f = e(u.easing), p = a.querySelector(".prism-line-path");
-	p || (p = r("path", {
+	let u = r(s.transition, 0), d = u.duration, f = n(u.easing), p = a.querySelector(".prism-line-path");
+	p || (p = e("path", {
 		class: "prism-line-path",
 		fill: "none"
-	}), a.appendChild(p)), i(p, {
+	}), a.appendChild(p)), t(p, {
 		stroke: s.color,
 		"stroke-width": s.strokeWidth
 	});
 	let m = a.querySelector(".prism-line-dots");
-	if (s.showPoints ? m || (m = r("g", { class: "prism-line-dots" }), a.appendChild(m)) : m &&= (m.remove(), null), d === 0) {
-		if (i(p, { d: l(o, s.curve) }), m) {
+	if (s.showPoints ? m || (m = e("g", { class: "prism-line-dots" }), a.appendChild(m)) : m &&= (m.remove(), null), d === 0) {
+		if (t(p, { d: l(o, s.curve) }), m) {
 			for (; m.children.length > o.length;) m.removeChild(m.lastChild);
-			for (let e = 0; e < o.length; e++) {
-				let t = m.children[e];
-				t || (t = r("circle", { class: "prism-line-dot" }), m.appendChild(t)), i(t, {
-					cx: o[e].x,
-					cy: o[e].y,
+			for (let n = 0; n < o.length; n++) {
+				let r = m.children[n];
+				r || (r = e("circle", { class: "prism-line-dot" }), m.appendChild(r)), t(r, {
+					cx: o[n].x,
+					cy: o[n].y,
 					fill: s.color,
 					r: s.pointRadius
 				});
@@ -37,23 +37,23 @@ function u(a, o, s) {
 	c.get(a)?.();
 	let h = !!p.getAttribute("d"), g = [], _ = null;
 	if (m) {
-		let e = m.children.length;
-		for (let t = 0; t < e; t++) {
-			let e = m.children[t], n = {
-				x: Number(e.getAttribute("cx")),
-				y: Number(e.getAttribute("cy"))
+		let n = m.children.length;
+		for (let e = 0; e < n; e++) {
+			let t = m.children[e], n = {
+				x: Number(t.getAttribute("cx")),
+				y: Number(t.getAttribute("cy"))
 			};
 			g.push(n), _ = n;
 		}
 		for (; m.children.length > o.length;) m.removeChild(m.lastChild);
-		for (let e = m.children.length; e < o.length; e++) {
-			let t = r("circle", { class: "prism-line-dot" });
-			i(t, {
-				cx: o[e].x,
-				cy: o[e].y,
+		for (let n = m.children.length; n < o.length; n++) {
+			let r = e("circle", { class: "prism-line-dot" });
+			t(r, {
+				cx: o[n].x,
+				cy: o[n].y,
 				fill: s.color,
 				r: s.pointRadius
-			}), m.appendChild(t);
+			}), m.appendChild(r);
 		}
 	}
 	for (let e = g.length; e < o.length; e++) g.push(_ ?? o[e]);
@@ -64,26 +64,26 @@ function u(a, o, s) {
 			return;
 		}
 		v === null && (v = e);
-		let t = Math.min(1, (e - v) / d), r = f(t), u = o.map((e, t) => {
-			let i = g[t] ?? e;
+		let n = Math.min(1, (e - v) / d), r = f(n), u = o.map((e, t) => {
+			let n = g[t] ?? e;
 			return {
-				x: n(i.x, e.x, r),
-				y: n(i.y, e.y, r)
+				x: i(n.x, e.x, r),
+				y: i(n.y, e.y, r)
 			};
 		});
-		if (i(p, { d: l(u, s.curve) }), m) for (let e = 0; e < o.length; e++) {
-			let t = m.children[e];
-			t && i(t, {
+		if (t(p, { d: l(u, s.curve) }), m) for (let e = 0; e < o.length; e++) {
+			let n = m.children[e];
+			n && t(n, {
 				cx: u[e].x,
 				cy: u[e].y
 			});
 		}
-		if (t < 1) {
+		if (n < 1) {
 			let e = requestAnimationFrame(y);
 			c.set(a, () => cancelAnimationFrame(e));
 		} else c.delete(a);
 	}
-	if (!h) i(p, { d: l(o, s.curve) });
+	if (!h) t(p, { d: l(o, s.curve) });
 	else {
 		let e = requestAnimationFrame(y);
 		c.set(a, () => cancelAnimationFrame(e));

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

@@ -1 +1 @@
-{"version":3,"file":"line-renderer.js","names":[],"sources":["../../../src/charts/line/line-renderer.ts"],"sourcesContent":["import { warn } from '../../_dev';\nimport { resolveEasing } from '../../animation/easing';\nimport { resolveMotion } from '../../animation/motion';\nimport { tweenNumber } from '../../animation/tween';\nimport { createSvgElement, setAttributes } from '../../svg/element';\nimport type { Point } from '../../svg/path';\nimport { linePath, monotonePath, stepPath } from '../../svg/path';\nimport type { Datum, Scale, TransitionConfig } from '../../types';\n\nexport interface LineRenderOptions {\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  pointRadius: number;\n  showPoints: boolean;\n  strokeWidth: number;\n  transition?: TransitionConfig;\n}\n\nconst activeAnimations = new WeakMap<SVGGElement, () => void>();\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 motion = resolveMotion(options.transition, 0);\n  const dur = motion.duration;\n  const easing = resolveEasing(motion.easing);\n\n  let path = parent.querySelector<SVGPathElement>('.prism-line-path');\n\n  if (!path) {\n    path = createSvgElement('path', { class: 'prism-line-path', fill: 'none' });\n    parent.appendChild(path);\n  }\n\n  setAttributes(path, { stroke: options.color, 'stroke-width': options.strokeWidth });\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    setAttributes(path, { d: buildPath(points, options.curve) });\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, { cx: points[i].x, cy: points[i].y, fill: options.color, r: options.pointRadius });\n      }\n    }\n\n    return;\n  }\n\n  activeAnimations.get(parent)?.();\n\n  const hasExisting = !!path.getAttribute('d');\n\n  const fromPts: Point[] = [];\n  let lastKnown: Point | null = null;\n\n  if (dotsGroup) {\n    const existingCount = dotsGroup.children.length;\n\n    for (let i = 0; i < existingCount; i++) {\n      const c = dotsGroup.children[i] as SVGCircleElement;\n      const pt = { x: Number(c.getAttribute('cx')), y: Number(c.getAttribute('cy')) };\n\n      fromPts.push(pt);\n      lastKnown = pt;\n    }\n\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, { cx: points[i].x, cy: points[i].y, fill: options.color, r: options.pointRadius });\n      dotsGroup.appendChild(c);\n    }\n  }\n\n  for (let i = fromPts.length; i < points.length; i++) {\n    fromPts.push(lastKnown ?? points[i]);\n  }\n\n  let startTime: number | null = null;\n\n  function frame(ts: number) {\n    if (options.disposalSignal?.aborted) {\n      activeAnimations.delete(parent);\n\n      return;\n    }\n\n    if (startTime === null) startTime = ts;\n\n    const t = Math.min(1, (ts - startTime) / dur);\n    const e = easing(t);\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    setAttributes(path!, { d: buildPath(interpolated, options.curve) });\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    if (t < 1) {\n      const id = requestAnimationFrame(frame);\n\n      activeAnimations.set(parent, () => cancelAnimationFrame(id));\n    } else {\n      activeAnimations.delete(parent);\n    }\n  }\n\n  if (!hasExisting) {\n    setAttributes(path, { d: buildPath(points, options.curve) });\n  } else {\n    const id = requestAnimationFrame(frame);\n\n    activeAnimations.set(parent, () => cancelAnimationFrame(id));\n  }\n}\n\nexport function computePoints(data: Datum[], 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.js","names":[],"sources":["../../../src/charts/line/line-renderer.ts"],"sourcesContent":["import { warn } from '../../_dev';\nimport { resolveEasing } from '../../animation/easing';\nimport { resolveMotion } from '../../animation/motion';\nimport { tweenNumber } from '../../animation/tween';\nimport { createSvgElement, setAttributes } from '../../svg/element';\nimport type { Point } from '../../svg/path';\nimport { linePath, monotonePath, stepPath } from '../../svg/path';\nimport type { ContinuousDatum, Scale, TransitionConfig } from '../../types';\n\nexport interface LineRenderOptions {\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  pointRadius: number;\n  showPoints: boolean;\n  strokeWidth: number;\n  transition?: TransitionConfig;\n}\n\nconst activeAnimations = new WeakMap<SVGGElement, () => void>();\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 motion = resolveMotion(options.transition, 0);\n  const dur = motion.duration;\n  const easing = resolveEasing(motion.easing);\n\n  let path = parent.querySelector<SVGPathElement>('.prism-line-path');\n\n  if (!path) {\n    path = createSvgElement('path', { class: 'prism-line-path', fill: 'none' });\n    parent.appendChild(path);\n  }\n\n  setAttributes(path, { stroke: options.color, 'stroke-width': options.strokeWidth });\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    setAttributes(path, { d: buildPath(points, options.curve) });\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, { cx: points[i].x, cy: points[i].y, fill: options.color, r: options.pointRadius });\n      }\n    }\n\n    return;\n  }\n\n  activeAnimations.get(parent)?.();\n\n  const hasExisting = !!path.getAttribute('d');\n\n  const fromPts: Point[] = [];\n  let lastKnown: Point | null = null;\n\n  if (dotsGroup) {\n    const existingCount = dotsGroup.children.length;\n\n    for (let i = 0; i < existingCount; i++) {\n      const c = dotsGroup.children[i] as SVGCircleElement;\n      const pt = { x: Number(c.getAttribute('cx')), y: Number(c.getAttribute('cy')) };\n\n      fromPts.push(pt);\n      lastKnown = pt;\n    }\n\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, { cx: points[i].x, cy: points[i].y, fill: options.color, r: options.pointRadius });\n      dotsGroup.appendChild(c);\n    }\n  }\n\n  for (let i = fromPts.length; i < points.length; i++) {\n    fromPts.push(lastKnown ?? points[i]);\n  }\n\n  let startTime: number | null = null;\n\n  function frame(ts: number) {\n    if (options.disposalSignal?.aborted) {\n      activeAnimations.delete(parent);\n\n      return;\n    }\n\n    if (startTime === null) startTime = ts;\n\n    const t = Math.min(1, (ts - startTime) / dur);\n    const e = easing(t);\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    setAttributes(path!, { d: buildPath(interpolated, options.curve) });\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    if (t < 1) {\n      const id = requestAnimationFrame(frame);\n\n      activeAnimations.set(parent, () => cancelAnimationFrame(id));\n    } else {\n      activeAnimations.delete(parent);\n    }\n  }\n\n  if (!hasExisting) {\n    setAttributes(path, { d: buildPath(points, options.curve) });\n  } else {\n    const id = requestAnimationFrame(frame);\n\n    activeAnimations.set(parent, () => cancelAnimationFrame(id));\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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"}

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

@@ -1,2 +1,2 @@
-const e=require("../../animation/easing.cjs"),t=require("../../animation/motion.cjs"),n=require("../../animation/tween.cjs"),r=require("../../svg/element.cjs"),i=require("../../core/chart-scaffold.cjs"),a=require("../../theme/index.cjs"),o=require("./pie-renderer.cjs");let s=require("@vielzeug/ripple");var c=2*Math.PI,l=-Math.PI/2,u=Math.PI/2;function d(e){return e===`semi`?{end:u,start:l}:{end:c,start:0}}function f(c,l){let u=l.variant??`pie`,f=l.padPixels??(u===`pie`?0:8),m=l.cornerRadius??(u===`pie`?0:8),h=r.createSvgElement(`circle`,{class:`prism-pie-bg`,"pointer-events":`none`}),g=r.createSvgElement(`g`,{class:`prism-pie-slices`,"shape-rendering":`geometricPrecision`}),_=r.createSvgElement(`g`,{class:`prism-pie-labels`,"pointer-events":`none`}),v=[],y=null;function b(e){for(;_.children.length>v.length;)_.removeChild(_.lastChild);for(let t=0;t<v.length;t++){let n=v[t],i=e[t];if(!i?.label)continue;let{x:a,y:s}=o.arcCentroid(n),c=_.children[t];c||(c=r.createSvgElement(`text`,{class:`prism-pie-label`}),_.appendChild(c)),r.setAttributes(c,{"dominant-baseline":`middle`,fill:`var(--prism-pie-label-color, #fff)`,"font-family":`var(--prism-font-family, system-ui)`,"font-size":`var(--prism-pie-label-size, 12px)`,"text-anchor":`middle`,x:a,y:s}),c.textContent=i.label}}let x=i.createRadialScaffold(c,{a11y:l.a11y,legend:l.legend,plugins:l.plugins,tooltip:l.tooltip},i=>{let{legend:x,svg:S,tooltip:C}=i;S.contains(h)||(S.appendChild(h),S.appendChild(g),S.appendChild(_));let{height:w,width:T}=i.dimensions.value,E=u===`semi`,D=T/2,O=E?w*.85:w/2,k=E?Math.min(D,O)-8:Math.min(T,w)/2-8,A=u===`pie`?0:Math.round(k*.55),j=l.innerRadius===void 0?A:l.innerRadius,M=Math.max(j+1,k),N=(0,s.isReactive)(l.data)?l.data.value:l.data,{end:P,start:F}=d(u);for(v=o.computeArcs(N,D,O,M,j,F,P,f,m,e=>a.seriesColor(e),!1),r.setAttributes(h,{cx:D,cy:O,r:j>0?j:0}),h.setAttribute(`style`,`fill:var(--prism-bg,#fff)`);g.children.length>v.length;)g.removeChild(g.lastChild);for(;_.children.length>v.length;)_.removeChild(_.lastChild);let I=t.resolveMotion(l.transition,0),L=I.duration,R=e.resolveEasing(I.easing);for(let e=0;e<v.length;e++){let t=v[e],n=g.children[e];n||(n=r.createSvgElement(`path`,{class:`prism-pie-slice`}),g.appendChild(n)),n.setAttribute(`fill`,t.color),n.setAttribute(`stroke`,`none`),n.style.cursor=l.onClick||l.onHover?`pointer`:``}if(y!==null&&(cancelAnimationFrame(y),y=null),L>0){let e=null,t=i=>{e===null&&(e=i);let a=R(Math.min(1,(i-e)/L)),s=n.tweenNumber(F,P,a);for(let e=0;e<v.length;e++){let t=v[e],n=g.children[e];if(n)if(s<=t.startAngle)r.setAttributes(n,{d:``});else{let e=Math.min(t.endAngle,s);r.setAttributes(n,{d:o.arcPath({...t,endAngle:e})})}}a<1?y=requestAnimationFrame(t):(y=null,b(N))};y=requestAnimationFrame(t)}else{for(let e=0;e<v.length;e++){let t=v[e],n=g.children[e];n&&r.setAttributes(n,{d:o.arcPath(t)})}b(N)}return x?.update(v.map(e=>({color:e.color,name:e.slice.label??``}))),C?.hide(),{onClick:e=>{if(!l.onClick)return;let t=S.getBoundingClientRect(),n=e.clientX-t.left,r=e.clientY-t.top,i=p(v,n,r,u);i>=0&&l.onClick(v[i].slice,i)},onMouseLeave:()=>{l.onHover?.(null,null),C?.hide()},onMouseMove:e=>{let t=S.getBoundingClientRect(),n=e.clientX-t.left,r=e.clientY-t.top,i=p(v,n,r,u);if(i>=0){let e=v[i];l.onHover?.(e.slice,i);let{x:n,y:r}=o.arcCentroid(e),a=c.getBoundingClientRect();C?.show(n+(t.left-a.left),r+(t.top-a.top),{key:i,value:e.slice.value},{color:e.color,data:[],name:e.slice.label??``})}else l.onHover?.(null,null),C?.hide()}}});return{get disposalSignal(){return x.disposalSignal},dispose(){y!==null&&(cancelAnimationFrame(y),y=null),x.dispose()},get disposed(){return x.disposed},el:x.el,[Symbol.dispose](){this.dispose()}}}function p(e,t,n,r){for(let i=0;i<e.length;i++){let a=e[i],o=t-a.centerX,s=n-a.centerY,l=Math.sqrt(o*o+s*s);if(l<a.outerRadius&&l>=a.innerRadius){let e=Math.atan2(o,-s);if(r===`semi`){if(e>=a.startAngle-1e-9&&e<=a.endAngle+1e-9)return i}else{let t=e<0?e+c:e;if(t>=a.startAngle-1e-9&&t<=a.endAngle+1e-9)return i}}}return-1}exports.createPieChart=f;
+const e=require("../../svg/element.cjs"),t=require("../../core/chart-scaffold.cjs"),n=require("../../theme/index.cjs"),r=require("../../animation/easing.cjs"),i=require("../../animation/motion.cjs"),a=require("../../animation/tween.cjs"),o=require("./pie-renderer.cjs");var s=2*Math.PI,c=-Math.PI/2,l=Math.PI/2;function u(e){return e===`semi`?{end:l,start:c}:{end:s,start:0}}function d(s,c){let l=c.variant??`pie`,d=c.padPixels??(l===`pie`?0:8),p=c.cornerRadius??(l===`pie`?0:8),m=c.data,h=e.createSvgElement(`circle`,{class:`prism-pie-bg`,"pointer-events":`none`}),g=e.createSvgElement(`g`,{class:`prism-pie-slices`,"shape-rendering":`geometricPrecision`}),_=e.createSvgElement(`g`,{class:`prism-pie-labels`,"pointer-events":`none`}),v=[],y=null;function b(t){_.replaceChildren();for(let n=0;n<v.length;n++){let r=v[n],i=t[n];if(!i?.label)continue;let{x:a,y:s}=o.arcCentroid(r),c=e.createSvgElement(`text`,{class:`prism-pie-label`});e.setAttributes(c,{"dominant-baseline":`middle`,fill:`var(--prism-pie-label-color, #fff)`,"font-family":`var(--prism-font-family, system-ui)`,"font-size":`var(--prism-pie-label-size, 12px)`,"text-anchor":`middle`,x:a,y:s}),c.textContent=i.label,_.appendChild(c)}}let x;try{return x=t.createRadialScaffold(s,{a11y:c.a11y,legend:c.legend,tooltip:c.tooltip},t=>{let{legend:x,svg:S,tooltip:C}=t;S.contains(h)||(S.appendChild(h),S.appendChild(g),S.appendChild(_));let{height:w,width:T}=t.dimensions,E=l===`semi`,D=T/2,O=E?w*.85:w/2,k=E?Math.min(D,O)-8:Math.min(T,w)/2-8,A=l===`pie`?0:Math.round(k*.55),j=c.innerRadius===void 0?A:c.innerRadius,M=Math.max(j+1,k),N=m,{end:P,start:F}=u(l);for(v=o.computeArcs(N,D,O,M,j,F,P,d,p,e=>n.seriesColor(e),!1),e.setAttributes(h,{cx:D,cy:O,r:j>0?j:0}),h.setAttribute(`style`,`fill:var(--prism-bg,#fff)`);g.children.length>v.length;)g.removeChild(g.lastChild);_.replaceChildren();let I=i.resolveMotion(c.transition,0),L=I.duration,R=r.resolveEasing(I.easing);for(let t=0;t<v.length;t++){let n=v[t],r=g.children[t];r||(r=e.createSvgElement(`path`,{class:`prism-pie-slice`}),g.appendChild(r)),r.setAttribute(`fill`,n.color),r.setAttribute(`stroke`,`none`),r.style.cursor=c.onClick||c.onHover?`pointer`:``}if(y!==null&&(cancelAnimationFrame(y),y=null),L>0){let t=null,n=r=>{t===null&&(t=r);let i=R(Math.min(1,(r-t)/L)),s=a.tweenNumber(F,P,i);for(let t=0;t<v.length;t++){let n=v[t],r=g.children[t];if(r){if(s<=n.startAngle)e.setAttributes(r,{d:``});else{let t=Math.min(n.endAngle,s);e.setAttributes(r,{d:o.arcPath({...n,endAngle:t})})}}}i<1?y=requestAnimationFrame(n):(y=null,b(N))};y=requestAnimationFrame(n)}else{for(let t=0;t<v.length;t++){let n=v[t],r=g.children[t];r&&e.setAttributes(r,{d:o.arcPath(n)})}b(N)}return x?.update(v.map(e=>({color:e.color,name:e.slice.label??``}))),C?.hide(),{onClick:e=>{if(!c.onClick)return;let t=S.getBoundingClientRect(),n=e.clientX-t.left,r=e.clientY-t.top,i=f(v,n,r,l);i>=0&&c.onClick(v[i].slice,i)},onMouseLeave:()=>{c.onHover?.(null,null),C?.hide()},onMouseMove:e=>{let t=S.getBoundingClientRect(),n=e.clientX-t.left,r=e.clientY-t.top,i=f(v,n,r,l);if(i>=0){let e=v[i];c.onHover?.(e.slice,i);let{x:n,y:r}=o.arcCentroid(e),a=s.getBoundingClientRect();C?.show(n+(t.left-a.left),r+(t.top-a.top),{key:i,value:e.slice.value},{color:e.color,data:[],name:e.slice.label??``})}else c.onHover?.(null,null),C?.hide()}}},e=>{m=e}),{get disposalSignal(){return x.disposalSignal},dispose(){y!==null&&(cancelAnimationFrame(y),y=null),x.dispose()},get disposed(){return x.disposed},el:x.el,update(e){x.update(e)},[Symbol.dispose](){this.dispose()}}}catch(e){throw x?.dispose(),e}}function f(e,t,n,r){for(let i=0;i<e.length;i++){let a=e[i],o=t-a.centerX,c=n-a.centerY,l=Math.sqrt(o*o+c*c);if(l<a.outerRadius&&l>=a.innerRadius){let e=Math.atan2(o,-c);if(r===`semi`){if(e>=a.startAngle-1e-9&&e<=a.endAngle+1e-9)return i}else{let t=e<0?e+s:e;if(t>=a.startAngle-1e-9&&t<=a.endAngle+1e-9)return i}}}return-1}exports.createPieChart=d;
 //# sourceMappingURL=pie-chart.cjs.map