minerva-design 1.1.0 → 1.3.0

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # minerva-design
 
+## 1.3.0
+
+### Minor Changes
+
+- docs(charts): document the new chart types, the gallery and a performance guide
+  feat(charts): add area, candlestick, heatmap, sparkline, pie, radar, gauge, funnel and treemap
+
+## 1.2.0
+
+### Minor Changes
+
+- docs(charts): document canvas charts, mini-program and React Native charts
+  feat(charts): add charts for Taro, uni-app, WeChat and React Native
+  feat(charts): add headless controller, canvas renderer and draggable points
+
 ## 1.1.0
 
 ### Minor Changes

package/dist/charts/canvas.d.cts

@@ -0,0 +1,10 @@
+export { createCanvasChart, drawScene, type CanvasChartConfig, type CanvasChartInstance, type ChartCanvas, type ChartTouch, } from './engine/canvas.cjs';
+export { createChartController, scenePrimitives, type ChartAreaPrimitive, type ChartBarPrimitive, type ChartController, type ChartControllerConfig, type ChartControllerEventMap, type ChartDotPrimitive, type ChartHoverLayout, type ChartLegendEntry, type ChartLegendLayout, type ChartLinePrimitive, type ChartPointerOptions, type ChartPrimitive, type ChartPrimitiveOptions, type ChartScene, type ChartTooltipLayout, } from './engine/controller.cjs';
+export { formatCompact } from './engine/format.cjs';
+export { areaSeries, barSeries, candlestickSeries, DEFAULT_QUADRANT_COLORS, heatmapChartOptions, lineSeries, quadrantCenter, quadrantChartOptions, quadrantOf, scatterSeries, sparklineOptions, type HeatmapCell, type HeatmapConfig, type QuadrantAxisLabels, type QuadrantConfig, type QuadrantCorner, type QuadrantPoint, type QuadrantRegion, type QuadrantRegions, type SparklineConfig, } from './engine/presets.cjs';
+export { toCss } from './engine/color.cjs';
+export type { ChartThemeInput } from './engine/theme.cjs';
+export type * from './engine/types.cjs';
+export { createCanvasShapeChart, type CanvasShapeChartConfig, type CanvasShapeChartInstance, } from './engine/shapes/canvas.cjs';
+export { drawShapeScene } from './engine/shapes/draw.cjs';
+export type * from './engine/shapes/types.cjs';

package/dist/charts/canvas.d.ts

@@ -0,0 +1,10 @@
+export { createCanvasChart, drawScene, type CanvasChartConfig, type CanvasChartInstance, type ChartCanvas, type ChartTouch, } from './engine/canvas.js';
+export { createChartController, scenePrimitives, type ChartAreaPrimitive, type ChartBarPrimitive, type ChartController, type ChartControllerConfig, type ChartControllerEventMap, type ChartDotPrimitive, type ChartHoverLayout, type ChartLegendEntry, type ChartLegendLayout, type ChartLinePrimitive, type ChartPointerOptions, type ChartPrimitive, type ChartPrimitiveOptions, type ChartScene, type ChartTooltipLayout, } from './engine/controller.js';
+export { formatCompact } from './engine/format.js';
+export { areaSeries, barSeries, candlestickSeries, DEFAULT_QUADRANT_COLORS, heatmapChartOptions, lineSeries, quadrantCenter, quadrantChartOptions, quadrantOf, scatterSeries, sparklineOptions, type HeatmapCell, type HeatmapConfig, type QuadrantAxisLabels, type QuadrantConfig, type QuadrantCorner, type QuadrantPoint, type QuadrantRegion, type QuadrantRegions, type SparklineConfig, } from './engine/presets.js';
+export { toCss } from './engine/color.js';
+export type { ChartThemeInput } from './engine/theme.js';
+export type * from './engine/types.js';
+export { createCanvasShapeChart, type CanvasShapeChartConfig, type CanvasShapeChartInstance, } from './engine/shapes/canvas.js';
+export { drawShapeScene } from './engine/shapes/draw.js';
+export type * from './engine/shapes/types.js';

package/dist/charts/core.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./engine/format.cjs"),t=require("./engine/chart.cjs");exports.createChart=t.createChart,exports.formatCompact=e.formatCompact;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./engine/format.cjs"),t=require("./engine/chart.cjs"),n=require("./engine/presets.cjs"),r=require("./engine/shapes/chart.cjs"),i=require("./engine/shapes/canvas.cjs"),a=require("./engine/controller.cjs"),o=require("./engine/canvas.cjs");exports.createCanvasChart=o.createCanvasChart,exports.createCanvasShapeChart=i.createCanvasShapeChart,exports.createChart=t.createChart,exports.createChartController=a.createChartController,exports.createShapeChart=r.createShapeChart,exports.formatCompact=e.formatCompact,exports.heatmapChartOptions=n.heatmapChartOptions,exports.quadrantCenter=n.quadrantCenter,exports.quadrantChartOptions=n.quadrantChartOptions,exports.quadrantOf=n.quadrantOf,exports.scenePrimitives=a.scenePrimitives,exports.sparklineOptions=n.sparklineOptions;

package/dist/charts/core.d.cts

@@ -1,3 +1,10 @@
 export { createChart } from './engine/chart.cjs';
+export { createShapeChart } from './engine/shapes/chart.cjs';
+export { createCanvasShapeChart, type CanvasShapeChartConfig, type CanvasShapeChartInstance, } from './engine/shapes/canvas.cjs';
+export type { FunnelChartOptions, GaugeBand, GaugeChartOptions, PieChartOptions, RadarChartOptions, RadarIndicator, RadarSeries, ShapeChartCommonOptions, ShapeChartEventMap, ShapeChartInstance, ShapeChartOptions, ShapeChartType, ShapeDatum, ShapeHoverEvent, ShapeLegendOptions, ShapeTooltipOptions, ShapeToggleEvent, TreemapChartOptions, TreemapNode, } from './engine/shapes/types.cjs';
+export { createCanvasChart, type CanvasChartConfig, type CanvasChartInstance, type ChartCanvas, type ChartTouch, } from './engine/canvas.cjs';
+export { createChartController, scenePrimitives, type ChartAreaPrimitive, type ChartBarPrimitive, type ChartController, type ChartControllerConfig, type ChartControllerEventMap, type ChartDotPrimitive, type ChartHoverLayout, type ChartLegendEntry, type ChartLegendLayout, type ChartLinePrimitive, type ChartPointerOptions, type ChartPrimitive, type ChartPrimitiveOptions, type ChartScene, type ChartTooltipLayout, } from './engine/controller.cjs';
 export { formatCompact } from './engine/format.cjs';
-export type { ChartAnnotation, ChartAxisOptions, ChartAxisType, ChartColumnData, ChartEventMap, ChartHoverEvent, ChartHoverItem, ChartInstance, ChartInteractionOptions, ChartLabelPosition, ChartLegendOptions, ChartLineAnnotation, ChartOptions, ChartPadding, ChartPointDatum, ChartRectAnnotation, ChartRendererKind, ChartRendererPreference, ChartSeries, ChartSeriesData, ChartSeriesType, ChartTooltipOptions, ChartView, ChartXValue, } from './engine/types.cjs';
+export { heatmapChartOptions, quadrantCenter, quadrantChartOptions, quadrantOf, sparklineOptions, type HeatmapCell, type HeatmapConfig, type QuadrantAxisLabels, type QuadrantConfig, type QuadrantCorner, type QuadrantPoint, type QuadrantRegion, type QuadrantRegions, type SparklineConfig, } from './engine/presets.cjs';
+export type { ChartThemeInput } from './engine/theme.cjs';
+export type { ChartAnnotation, ChartAxisOptions, ChartAxisType, ChartColumnData, ChartCurve, ChartDragEvent, ChartEventMap, ChartHoverEvent, ChartHoverItem, ChartInstance, ChartInteractionOptions, ChartLabelPosition, ChartLegendOptions, ChartLineAnnotation, ChartOptions, ChartPadding, ChartPlotClickEvent, ChartPointDatum, ChartRect, ChartRectAnnotation, ChartRendererKind, ChartRendererPreference, ChartSeries, ChartSeriesData, ChartSeriesType, ChartTextAnnotation, ChartTooltipOptions, ChartView, ChartXValue, } from './engine/types.cjs';

package/dist/charts/core.d.ts

@@ -1,3 +1,10 @@
 export { createChart } from './engine/chart.js';
+export { createShapeChart } from './engine/shapes/chart.js';
+export { createCanvasShapeChart, type CanvasShapeChartConfig, type CanvasShapeChartInstance, } from './engine/shapes/canvas.js';
+export type { FunnelChartOptions, GaugeBand, GaugeChartOptions, PieChartOptions, RadarChartOptions, RadarIndicator, RadarSeries, ShapeChartCommonOptions, ShapeChartEventMap, ShapeChartInstance, ShapeChartOptions, ShapeChartType, ShapeDatum, ShapeHoverEvent, ShapeLegendOptions, ShapeTooltipOptions, ShapeToggleEvent, TreemapChartOptions, TreemapNode, } from './engine/shapes/types.js';
+export { createCanvasChart, type CanvasChartConfig, type CanvasChartInstance, type ChartCanvas, type ChartTouch, } from './engine/canvas.js';
+export { createChartController, scenePrimitives, type ChartAreaPrimitive, type ChartBarPrimitive, type ChartController, type ChartControllerConfig, type ChartControllerEventMap, type ChartDotPrimitive, type ChartHoverLayout, type ChartLegendEntry, type ChartLegendLayout, type ChartLinePrimitive, type ChartPointerOptions, type ChartPrimitive, type ChartPrimitiveOptions, type ChartScene, type ChartTooltipLayout, } from './engine/controller.js';
 export { formatCompact } from './engine/format.js';
-export type { ChartAnnotation, ChartAxisOptions, ChartAxisType, ChartColumnData, ChartEventMap, ChartHoverEvent, ChartHoverItem, ChartInstance, ChartInteractionOptions, ChartLabelPosition, ChartLegendOptions, ChartLineAnnotation, ChartOptions, ChartPadding, ChartPointDatum, ChartRectAnnotation, ChartRendererKind, ChartRendererPreference, ChartSeries, ChartSeriesData, ChartSeriesType, ChartTooltipOptions, ChartView, ChartXValue, } from './engine/types.js';
+export { heatmapChartOptions, quadrantCenter, quadrantChartOptions, quadrantOf, sparklineOptions, type HeatmapCell, type HeatmapConfig, type QuadrantAxisLabels, type QuadrantConfig, type QuadrantCorner, type QuadrantPoint, type QuadrantRegion, type QuadrantRegions, type SparklineConfig, } from './engine/presets.js';
+export type { ChartThemeInput } from './engine/theme.js';
+export type { ChartAnnotation, ChartAxisOptions, ChartAxisType, ChartColumnData, ChartCurve, ChartDragEvent, ChartEventMap, ChartHoverEvent, ChartHoverItem, ChartInstance, ChartInteractionOptions, ChartLabelPosition, ChartLegendOptions, ChartLineAnnotation, ChartOptions, ChartPadding, ChartPlotClickEvent, ChartPointDatum, ChartRect, ChartRectAnnotation, ChartRendererKind, ChartRendererPreference, ChartSeries, ChartSeriesData, ChartSeriesType, ChartTextAnnotation, ChartTooltipOptions, ChartView, ChartXValue, } from './engine/types.js';

package/dist/charts/core.js

@@ -1,3 +1,8 @@
 import { formatCompact as e } from "./engine/format.js";
 import { createChart as t } from "./engine/chart.js";
-export { t as createChart, e as formatCompact };
+import { heatmapChartOptions as n, quadrantCenter as r, quadrantChartOptions as i, quadrantOf as a, sparklineOptions as o } from "./engine/presets.js";
+import { createShapeChart as s } from "./engine/shapes/chart.js";
+import { createCanvasShapeChart as c } from "./engine/shapes/canvas.js";
+import { createChartController as l, scenePrimitives as u } from "./engine/controller.js";
+import { createCanvasChart as d } from "./engine/canvas.js";
+export { d as createCanvasChart, c as createCanvasShapeChart, t as createChart, l as createChartController, s as createShapeChart, e as formatCompact, n as heatmapChartOptions, r as quadrantCenter, i as quadrantChartOptions, a as quadrantOf, u as scenePrimitives, o as sparklineOptions };

package/dist/charts/engine/canvas.cjs

@@ -0,0 +1,2 @@
+const e=require("./color.cjs"),t=require("./items.cjs"),n=require("./overlay.cjs"),r=require("./renderers/canvas2d.cjs"),i=require("./signature.cjs"),a=require("./controller.cjs");var o=e=>(e[0]+e[1])/2,s=(e,t,n,r,i,a)=>{e.beginPath(),e.moveTo(t+a,n),e.lineTo(t+r-a,n),e.arcTo(t+r,n,t+r,n+a,a),e.lineTo(t+r,n+i-a),e.arcTo(t+r,n+i,t+r-a,n+i,a),e.lineTo(t+a,n+i),e.arcTo(t,n+i,t,n+i-a,a),e.lineTo(t,n+a),e.arcTo(t,n,t+a,n,a),e.closePath()},c=(t,i,a,o,c,l=r.createCanvas2dPainter(t))=>{let{width:u,height:d,theme:f,model:p,view:m,layout:h}=i,{plot:g,scales:_}=h,v=c;if(t.setTransform(1,0,0,1,0,0),t.clearRect(0,0,Math.ceil(u*v),Math.ceil(d*v)),t.setTransform(v,0,0,v,0,0),n.drawBackground(t,{width:u,height:d,scales:_,x:p.x,y:p.y,xTicks:h.xTicks,yTicks:h.yTicks,theme:f,annotations:i.annotations}),i.legend){t.font=n.font(f,12),t.textBaseline=`middle`,t.textAlign=`left`;for(let n of i.legend.entries){let r=n.box.y+n.box.height/2;if(t.globalAlpha=n.hidden?.45:1,t.fillStyle=n.color,n.shape===`dot`?(t.beginPath(),t.arc(n.box.x+5,r,4,0,Math.PI*2),t.fill()):n.shape===`line`?t.fillRect(n.box.x,r-1,10,2):t.fillRect(n.box.x+1,r-4,8,8),t.fillStyle=e.toCss(f.textMuted),t.fillText(n.name,n.box.x+14,r),n.hidden){let e=n.box.width-22;t.fillRect(n.box.x+14,r,e,1)}}t.globalAlpha=1}for(let n of i.hover?.marks??[])n.kind===`band`&&(s(t,n.x,n.y,n.width,n.height,6),t.fillStyle=e.toCss(f.text,.06),t.fill());let y=(e,t,n)=>{let r=2/(e[1]-e[0]),i=(t-e[0])*r-1;return n?[-r,-i]:[r,i]},[b,x]=y(m.x,o.x,p.x.reverse),[S,C]=y(m.y,o.y,p.y.reverse);if(l.paint(a,{transform:{xScale:b,xOffset:x,yScale:S,yOffset:C},width:Math.max(1,Math.round(g.width*v)),height:Math.max(1,Math.round(g.height*v)),dpr:v},Math.round(g.x*v),Math.round(g.y*v)),t.setTransform(v,0,0,v,0,0),n.drawForeground(t,{width:u,height:d,scales:_,theme:f,annotations:i.annotations,pointLabels:[],clear:!1}),i.pointLabels.length){t.save(),t.font=n.font(f),t.textAlign=`left`,t.textBaseline=`middle`,t.lineWidth=3,t.lineJoin=`round`,t.strokeStyle=e.toCss(f.background,.9),t.fillStyle=e.toCss(f.text,.85);for(let{label:e,box:n}of i.pointLabels)t.strokeText(e.text,n.x,n.y+n.height/2),t.fillText(e.text,n.x,n.y+n.height/2);t.restore()}let w=i.hover;if(w){if(w.crosshairX!==null){t.save(),t.strokeStyle=e.toCss(f.textMuted,.55),t.lineWidth=1,t.setLineDash([3,3]),t.beginPath();let n=Math.round(w.crosshairX)+.5;t.moveTo(n,g.y),t.lineTo(n,g.y+g.height),t.stroke(),t.restore()}for(let n of w.marks)if(n.kind!==`band`){if(n.kind===`cell`){s(t,n.x,n.y,n.width,n.height,3),t.lineWidth=3,t.strokeStyle=e.toCss(f.background),t.stroke(),t.lineWidth=1.5,t.strokeStyle=e.toCss(f.text,.55),t.stroke();continue}t.beginPath(),t.arc(n.x,n.y,n.size/2+4,0,Math.PI*2),t.fillStyle=n.halo,t.fill(),t.beginPath(),t.arc(n.x,n.y,n.size/2-1,0,Math.PI*2),t.fillStyle=n.color,t.fill(),t.lineWidth=2,t.strokeStyle=e.toCss(f.background),t.stroke()}}if(i.dragging){let n=i.dragging;t.beginPath(),t.arc(n.x,n.y,n.size/2,0,Math.PI*2),t.fillStyle=n.color,t.globalAlpha=.85,t.fill(),t.globalAlpha=1,t.lineWidth=2,t.strokeStyle=e.toCss(f.background),t.stroke()}let T=w?.tooltip;if(T){let{box:r,lineHeight:i,padding:a}=T;t.save(),t.shadowColor=`rgba(15, 23, 42, 0.18)`,t.shadowBlur=16,t.shadowOffsetY=6,s(t,r.x,r.y,r.width,r.height,8),t.fillStyle=e.toCss(f.background),t.fill(),t.restore(),s(t,r.x+.5,r.y+.5,r.width-1,r.height-1,8),t.strokeStyle=e.toCss(f.axis,.6),t.lineWidth=1,t.stroke(),t.textBaseline=`middle`;let o=r.y+a+i/2,c=r.x+a+2,l=r.x+r.width-a-2;if(T.text){t.font=n.font(f,12),t.fillStyle=e.toCss(f.text),t.textAlign=`left`;for(let e of T.text)t.fillText(e,c,o),o+=i}else{let{content:r}=T,a=c;r.titleColor&&(t.fillStyle=r.titleColor,t.beginPath(),t.arc(a+4,o,4,0,Math.PI*2),t.fill(),a+=14),t.font=n.font(f,12,600),t.fillStyle=e.toCss(f.text),t.textAlign=`left`,t.fillText(r.title,a,o),o+=i;for(let s of r.rows)a=c,s.color&&(t.fillStyle=s.color,t.beginPath(),t.arc(a+4,o,4,0,Math.PI*2),t.fill(),a+=14),t.font=n.font(f,12),t.textAlign=`left`,t.fillStyle=e.toCss(f.textMuted),t.fillText(s.name,a,o),t.font=n.font(f,12,600),t.textAlign=`right`,t.fillStyle=e.toCss(f.text),t.fillText(s.value,l,o),o+=i}}},l=e=>{let{canvas:n}=e,s=n.getContext(`2d`),l=e.width,u=e.height,d=e.pixelRatio??1,f=!1,p=null,m=[],h=null,g=``,_=e.options,v=new WeakMap,y=0,b=e=>{let t=v.get(e);return t===void 0&&v.set(e,t=++y),t},x={x:0,y:0},S=0,C=``,w=(e,t)=>s?(t!==C&&(s.font=t,C=t),s.measureText(e).width):e.length*6.5,T=s?r.createCanvas2dPainter(s):null,E=globalThis,D=()=>{if(p=null,f||!s||!T)return;let e=k.getScene();if(!e)return;let r=Math.max(1,Math.round(l*d)),a=Math.max(1,Math.round(u*d));if(n.width!==r&&(n.width=r),n.height!==a&&(n.height=a),C=``,h!==e.model){h=e.model;let n=i.itemsSignature(e.model,b(e.theme),e=>_.series[e]?.stack);n!==g&&(g=n,x={x:o(e.model.base.x),y:o(e.model.base.y)},m=t.buildItems(e.model,x,++S))}c(s,e,m,x,d,T),C=``},O=()=>{f||p!==null||(p=n.requestAnimationFrame?n.requestAnimationFrame(D):E.requestAnimationFrame?E.requestAnimationFrame(D):setTimeout(D,16))},k=a.createChartController({options:e.options,theme:e.theme,measureText:w,onInvalidate:O});k.setSize(l,u);let A=(e,t)=>({id:e.identifier??t,touch:!0});return{setOptions:e=>{_=e,k.setOptions(e)},setTheme:e=>k.setTheme(e),resize(e,t,n){l=e,u=t,n&&(d=n),k.setSize(e,t),O()},render(){p!==null&&(n.cancelAnimationFrame?n.cancelAnimationFrame(p):E.cancelAnimationFrame?E.cancelAnimationFrame(p):clearTimeout(p)),D()},touchStart(e){e.forEach((e,t)=>k.pointerDown(e.x,e.y,A(e,t)))},touchMove(e){e.forEach((e,t)=>k.pointerMove(e.x,e.y,A(e,t)))},touchEnd(e){e.forEach((e,t)=>k.pointerUp(e.x,e.y,A(e,t)))},touchCancel(e=[{x:0,y:0}]){e.forEach((e,t)=>k.pointerCancel(A(e,t)))},pointerDown:(e,t,n)=>k.pointerDown(e,t,n),pointerMove:(e,t,n)=>k.pointerMove(e,t,n),pointerUp:(e,t,n)=>k.pointerUp(e,t,n),pointerLeave:()=>k.pointerLeave(),zoomAt:(e,t,n)=>k.zoomAt(e,t,n),resetZoom:()=>k.resetZoom(),getView:()=>k.getView(),setView:e=>k.setView(e),toggleSeries:e=>k.toggleSeries(e),clearHover:()=>k.clearHover(),getPlotRect:()=>k.getPlotRect(),toPixel:(e,t)=>k.toPixel(e,t),fromPixel:(e,t)=>k.fromPixel(e,t),getController:()=>k,on:(e,t)=>k.on(e,t),destroy(){f||(f=!0,p!==null&&(n.cancelAnimationFrame?n.cancelAnimationFrame(p):E.cancelAnimationFrame?E.cancelAnimationFrame(p):clearTimeout(p)),T?.destroy(),k.destroy())}}};exports.createCanvasChart=l,exports.drawScene=c;
+//# sourceMappingURL=canvas.cjs.map

package/dist/charts/engine/canvas.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"canvas.cjs","names":["createCanvas2dPainter","font","toCss","itemsSignature","buildItems","createChartController","require_color","require_items","require_overlay","require_canvas2d","require_signature","require_controller","mid","r","roundedRect","ctx","x","y","w","h","drawScene","scene","layout","dpr","pixelRatio","width","height","model","theme","e","cy","mark","scale","s","range","offset","o","reverse","xScale","xOffset","view","origin","yScale","yOffset","painter","items","plot","label","box","hover","cx","d","tip","padding","lineHeight","left","right","line","content","row","createCanvasChart","config","canvas","destroyed","frameId","itemsModel","itemsKey","options","themeIds","themeCount","themeId","id","version","fontSet","measureText","f","text","g","render","controller","pw","ph","key","index","schedule","touchOptions","t","i","ratio","touches","v","type","listener"],"sources":["../../../../charts/src/engine/canvas.ts"],"sourcesContent":["// createCanvasChart: a whole chart drawn on one 2D canvas without any DOM:\n// WeChat / Alipay / ByteDance mini-programs (`<canvas type=\"2d\">`), Taro,\n// uni-app, OffscreenCanvas, or a plain browser canvas. The host forwards\n// touches / pointer events; everything else is handled here.\n\nimport { toCss } from \"./color\";\nimport {\n  createChartController,\n  type ChartController,\n  type ChartControllerEventMap,\n  type ChartPointerOptions,\n  type ChartScene,\n} from \"./controller\";\nimport { buildItems, type Origin } from \"./items\";\nimport { drawBackground, drawForeground, font } from \"./overlay\";\nimport { createCanvas2dPainter } from \"./renderers/canvas2d\";\nimport type { RenderItem } from \"./renderers/types\";\nimport { itemsSignature } from \"./signature\";\nimport type { ChartThemeInput } from \"./theme\";\nimport type { ChartOptions, ChartRect, ChartView } from \"./types\";\n\n/**\n * The canvas a chart draws on: a browser `HTMLCanvasElement`, an\n * `OffscreenCanvas` or the node of a mini-program `<canvas type=\"2d\">`\n * (`SelectorQuery.fields({ node: true })`)\n */\nexport interface ChartCanvas {\n  width: number;\n  height: number;\n  getContext(type: \"2d\"): unknown;\n  /** Mini-program canvases schedule their frames themselves */\n  requestAnimationFrame?: (callback: () => void) => number;\n  cancelAnimationFrame?: (id: number) => void;\n}\n\n/** A touch point relative to the canvas (`x` / `y`) with its identifier */\nexport interface ChartTouch {\n  x: number;\n  y: number;\n  identifier?: number;\n}\n\nexport interface CanvasChartConfig {\n  canvas: ChartCanvas;\n  /** Size of the canvas in CSS pixels (rpx converted by the host) */\n  width: number;\n  height: number;\n  /**\n   * Device pixel ratio (`wx.getWindowInfo().pixelRatio` in mini-programs)\n   * @default 1\n   */\n  pixelRatio?: number;\n  options: ChartOptions;\n  /** Colors and fonts: values of the Minerva CSS variables */\n  theme?: ChartThemeInput;\n}\n\nexport interface CanvasChartInstance {\n  setOptions(options: ChartOptions): void;\n  setTheme(theme: ChartThemeInput | undefined): void;\n  /** New CSS size (and pixel ratio) of the canvas */\n  resize(width: number, height: number, pixelRatio?: number): void;\n  /** Draws now (frames are otherwise scheduled automatically) */\n  render(): void;\n  /** Touch handlers: pass the `touches` / `changedTouches` of the event */\n  touchStart(touches: readonly ChartTouch[]): void;\n  touchMove(touches: readonly ChartTouch[]): void;\n  touchEnd(changedTouches: readonly ChartTouch[]): void;\n  touchCancel(changedTouches?: readonly ChartTouch[]): void;\n  /** Mouse / pen handlers (H5, desktop mini-programs) */\n  pointerDown(x: number, y: number, options?: ChartPointerOptions): void;\n  pointerMove(x: number, y: number, options?: ChartPointerOptions): void;\n  pointerUp(x: number, y: number, options?: ChartPointerOptions): void;\n  pointerLeave(): void;\n  /** Zooms around a pixel (factor < 1 zooms in) */\n  zoomAt(x: number, y: number, factor: number): void;\n  resetZoom(): void;\n  getView(): ChartView;\n  setView(view: Partial<ChartView>): void;\n  toggleSeries(id: string): void;\n  clearHover(): void;\n  getPlotRect(): ChartRect | null;\n  toPixel(x: number, y: number): { x: number; y: number } | null;\n  fromPixel(x: number, y: number): { x: number; y: number } | null;\n  /** The platform-free controller (scene, gestures) */\n  getController(): ChartController;\n  on<K extends keyof ChartControllerEventMap>(\n    type: K,\n    listener: (event: ChartControllerEventMap[K]) => void,\n  ): () => void;\n  destroy(): void;\n}\n\nconst mid = (r: [number, number]) => (r[0] + r[1]) / 2;\n\nconst roundedRect = (\n  ctx: CanvasRenderingContext2D,\n  x: number,\n  y: number,\n  w: number,\n  h: number,\n  r: number,\n) => {\n  ctx.beginPath();\n  ctx.moveTo(x + r, y);\n  ctx.lineTo(x + w - r, y);\n  ctx.arcTo(x + w, y, x + w, y + r, r);\n  ctx.lineTo(x + w, y + h - r);\n  ctx.arcTo(x + w, y + h, x + w - r, y + h, r);\n  ctx.lineTo(x + r, y + h);\n  ctx.arcTo(x, y + h, x, y + h - r, r);\n  ctx.lineTo(x, y + r);\n  ctx.arcTo(x, y, x + r, y, r);\n  ctx.closePath();\n};\n\n/** Draws a scene (legend, axes, data, labels, hover) on a 2D context */\nexport const drawScene = (\n  ctx: CanvasRenderingContext2D,\n  scene: ChartScene,\n  items: readonly RenderItem[],\n  origin: Origin,\n  pixelRatio: number,\n  painter = createCanvas2dPainter(ctx),\n) => {\n  const { width, height, theme, model, view, layout } = scene;\n  const { plot, scales } = layout;\n  const dpr = pixelRatio;\n  ctx.setTransform(1, 0, 0, 1, 0, 0);\n  ctx.clearRect(0, 0, Math.ceil(width * dpr), Math.ceil(height * dpr));\n  ctx.setTransform(dpr, 0, 0, dpr, 0, 0);\n  drawBackground(ctx, {\n    width,\n    height,\n    scales,\n    x: model.x,\n    y: model.y,\n    xTicks: layout.xTicks,\n    yTicks: layout.yTicks,\n    theme,\n    annotations: scene.annotations,\n  });\n\n  // legend\n  if (scene.legend) {\n    ctx.font = font(theme, 12);\n    ctx.textBaseline = \"middle\";\n    ctx.textAlign = \"left\";\n    for (const e of scene.legend.entries) {\n      const cy = e.box.y + e.box.height / 2;\n      ctx.globalAlpha = e.hidden ? 0.45 : 1;\n      ctx.fillStyle = e.color;\n      if (e.shape === \"dot\") {\n        ctx.beginPath();\n        ctx.arc(e.box.x + 5, cy, 4, 0, Math.PI * 2);\n        ctx.fill();\n      } else if (e.shape === \"line\") {\n        ctx.fillRect(e.box.x, cy - 1, 10, 2);\n      } else {\n        ctx.fillRect(e.box.x + 1, cy - 4, 8, 8);\n      }\n      ctx.fillStyle = toCss(theme.textMuted);\n      ctx.fillText(e.name, e.box.x + 14, cy);\n      if (e.hidden) {\n        const w = e.box.width - 22;\n        ctx.fillRect(e.box.x + 14, cy, w, 1);\n      }\n    }\n    ctx.globalAlpha = 1;\n  }\n\n  // hover band of bars, below the data\n  for (const mark of scene.hover?.marks ?? []) {\n    if (mark.kind !== \"band\") continue;\n    roundedRect(ctx, mark.x, mark.y, mark.width, mark.height, 6);\n    ctx.fillStyle = toCss(theme.text, 0.06);\n    ctx.fill();\n  }\n\n  // data\n  const scale = (range: [number, number], o: number, reverse: boolean) => {\n    const s = 2 / (range[1] - range[0]);\n    const offset = (o - range[0]) * s - 1;\n    return reverse ? [-s, -offset] : [s, offset];\n  };\n  const [xScale, xOffset] = scale(view.x, origin.x, model.x.reverse);\n  const [yScale, yOffset] = scale(view.y, origin.y, model.y.reverse);\n  painter.paint(\n    items,\n    {\n      transform: { xScale, xOffset, yScale, yOffset },\n      width: Math.max(1, Math.round(plot.width * dpr)),\n      height: Math.max(1, Math.round(plot.height * dpr)),\n      dpr,\n    },\n    Math.round(plot.x * dpr),\n    Math.round(plot.y * dpr),\n  );\n\n  ctx.setTransform(dpr, 0, 0, dpr, 0, 0);\n  drawForeground(ctx, {\n    width,\n    height,\n    scales,\n    theme,\n    annotations: scene.annotations,\n    pointLabels: [],\n    clear: false,\n  });\n  // dot labels placed by the scene\n  if (scene.pointLabels.length) {\n    ctx.save();\n    ctx.font = font(theme);\n    ctx.textAlign = \"left\";\n    ctx.textBaseline = \"middle\";\n    ctx.lineWidth = 3;\n    ctx.lineJoin = \"round\";\n    ctx.strokeStyle = toCss(theme.background, 0.9);\n    ctx.fillStyle = toCss(theme.text, 0.85);\n    for (const { label, box } of scene.pointLabels) {\n      ctx.strokeText(label.text, box.x, box.y + box.height / 2);\n      ctx.fillText(label.text, box.x, box.y + box.height / 2);\n    }\n    ctx.restore();\n  }\n\n  // hover\n  const hover = scene.hover;\n  if (hover) {\n    if (hover.crosshairX !== null) {\n      ctx.save();\n      ctx.strokeStyle = toCss(theme.textMuted, 0.55);\n      ctx.lineWidth = 1;\n      ctx.setLineDash([3, 3]);\n      ctx.beginPath();\n      const cx = Math.round(hover.crosshairX) + 0.5;\n      ctx.moveTo(cx, plot.y);\n      ctx.lineTo(cx, plot.y + plot.height);\n      ctx.stroke();\n      ctx.restore();\n    }\n    for (const mark of hover.marks) {\n      if (mark.kind === \"band\") continue;\n      if (mark.kind === \"cell\") {\n        roundedRect(ctx, mark.x, mark.y, mark.width, mark.height, 3);\n        ctx.lineWidth = 3;\n        ctx.strokeStyle = toCss(theme.background);\n        ctx.stroke();\n        ctx.lineWidth = 1.5;\n        ctx.strokeStyle = toCss(theme.text, 0.55);\n        ctx.stroke();\n        continue;\n      }\n      ctx.beginPath();\n      ctx.arc(mark.x, mark.y, mark.size / 2 + 4, 0, Math.PI * 2);\n      ctx.fillStyle = mark.halo;\n      ctx.fill();\n      ctx.beginPath();\n      ctx.arc(mark.x, mark.y, mark.size / 2 - 1, 0, Math.PI * 2);\n      ctx.fillStyle = mark.color;\n      ctx.fill();\n      ctx.lineWidth = 2;\n      ctx.strokeStyle = toCss(theme.background);\n      ctx.stroke();\n    }\n  }\n  if (scene.dragging) {\n    const d = scene.dragging;\n    ctx.beginPath();\n    ctx.arc(d.x, d.y, d.size / 2, 0, Math.PI * 2);\n    ctx.fillStyle = d.color;\n    ctx.globalAlpha = 0.85;\n    ctx.fill();\n    ctx.globalAlpha = 1;\n    ctx.lineWidth = 2;\n    ctx.strokeStyle = toCss(theme.background);\n    ctx.stroke();\n  }\n  const tip = hover?.tooltip;\n  if (tip) {\n    const { box, lineHeight, padding } = tip;\n    ctx.save();\n    ctx.shadowColor = \"rgba(15, 23, 42, 0.18)\";\n    ctx.shadowBlur = 16;\n    ctx.shadowOffsetY = 6;\n    roundedRect(ctx, box.x, box.y, box.width, box.height, 8);\n    ctx.fillStyle = toCss(theme.background);\n    ctx.fill();\n    ctx.restore();\n    roundedRect(\n      ctx,\n      box.x + 0.5,\n      box.y + 0.5,\n      box.width - 1,\n      box.height - 1,\n      8,\n    );\n    ctx.strokeStyle = toCss(theme.axis, 0.6);\n    ctx.lineWidth = 1;\n    ctx.stroke();\n    ctx.textBaseline = \"middle\";\n    let y = box.y + padding + lineHeight / 2;\n    const left = box.x + padding + 2;\n    const right = box.x + box.width - padding - 2;\n    if (tip.text) {\n      ctx.font = font(theme, 12);\n      ctx.fillStyle = toCss(theme.text);\n      ctx.textAlign = \"left\";\n      for (const line of tip.text) {\n        ctx.fillText(line, left, y);\n        y += lineHeight;\n      }\n    } else {\n      const { content } = tip;\n      let x = left;\n      if (content.titleColor) {\n        ctx.fillStyle = content.titleColor;\n        ctx.beginPath();\n        ctx.arc(x + 4, y, 4, 0, Math.PI * 2);\n        ctx.fill();\n        x += 14;\n      }\n      ctx.font = font(theme, 12, 600);\n      ctx.fillStyle = toCss(theme.text);\n      ctx.textAlign = \"left\";\n      ctx.fillText(content.title, x, y);\n      y += lineHeight;\n      for (const row of content.rows) {\n        x = left;\n        if (row.color) {\n          ctx.fillStyle = row.color;\n          ctx.beginPath();\n          ctx.arc(x + 4, y, 4, 0, Math.PI * 2);\n          ctx.fill();\n          x += 14;\n        }\n        ctx.font = font(theme, 12);\n        ctx.textAlign = \"left\";\n        ctx.fillStyle = toCss(theme.textMuted);\n        ctx.fillText(row.name, x, y);\n        ctx.font = font(theme, 12, 600);\n        ctx.textAlign = \"right\";\n        ctx.fillStyle = toCss(theme.text);\n        ctx.fillText(row.value, right, y);\n        y += lineHeight;\n      }\n    }\n  }\n};\n\n/**\n * Creates a chart drawn on a 2D canvas: line, area, bar and scatter series,\n * annotations, legend and tooltip, tap / drag / pinch gestures. Works\n * without a DOM (mini-programs); see `createChart` for the GPU version of\n * the web.\n */\nexport const createCanvasChart = (\n  config: CanvasChartConfig,\n): CanvasChartInstance => {\n  const { canvas } = config;\n  const ctx = canvas.getContext(\"2d\") as CanvasRenderingContext2D | null;\n  let width = config.width;\n  let height = config.height;\n  let dpr = config.pixelRatio ?? 1;\n  let destroyed = false;\n  let frameId: number | null = null;\n  let items: RenderItem[] = [];\n  let itemsModel: unknown = null;\n  let itemsKey = \"\";\n  let options = config.options;\n  /** Ids of the themes seen (the controller replaces its theme on changes) */\n  const themeIds = new WeakMap<object, number>();\n  let themeCount = 0;\n  const themeId = (theme: object) => {\n    let id = themeIds.get(theme);\n    if (id === undefined) themeIds.set(theme, (id = ++themeCount));\n    return id;\n  };\n  let origin: Origin = { x: 0, y: 0 };\n  let version = 0;\n  let fontSet = \"\";\n\n  const measureText = (text: string, f: string) => {\n    if (!ctx) return text.length * 6.5;\n    if (f !== fontSet) {\n      ctx.font = f;\n      fontSet = f;\n    }\n    return ctx.measureText(text).width;\n  };\n\n  const painter = ctx ? createCanvas2dPainter(ctx) : null;\n\n  const g = globalThis as {\n    requestAnimationFrame?: (cb: () => void) => number;\n    cancelAnimationFrame?: (id: number) => void;\n  };\n\n  const render = () => {\n    frameId = null;\n    if (destroyed || !ctx || !painter) return;\n    const scene = controller.getScene();\n    if (!scene) return;\n    const pw = Math.max(1, Math.round(width * dpr));\n    const ph = Math.max(1, Math.round(height * dpr));\n    if (canvas.width !== pw) canvas.width = pw;\n    if (canvas.height !== ph) canvas.height = ph;\n    fontSet = \"\";\n    if (itemsModel !== scene.model) {\n      itemsModel = scene.model;\n      // a new model (any setOptions) keeps the items when nothing they\n      // depend on changed\n      const key = itemsSignature(\n        scene.model,\n        themeId(scene.theme),\n        (index) => options.series[index]?.stack,\n      );\n      if (key !== itemsKey) {\n        itemsKey = key;\n        origin = { x: mid(scene.model.base.x), y: mid(scene.model.base.y) };\n        items = buildItems(scene.model, origin, ++version);\n      }\n    }\n    drawScene(ctx, scene, items, origin, dpr, painter);\n    fontSet = \"\";\n  };\n\n  const schedule = () => {\n    if (destroyed || frameId !== null) return;\n    if (canvas.requestAnimationFrame)\n      frameId = canvas.requestAnimationFrame(render);\n    else if (g.requestAnimationFrame) frameId = g.requestAnimationFrame(render);\n    else frameId = setTimeout(render, 16) as unknown as number;\n  };\n\n  const controller = createChartController({\n    options: config.options,\n    theme: config.theme,\n    measureText,\n    onInvalidate: schedule,\n  });\n  controller.setSize(width, height);\n\n  const touchOptions = (t: ChartTouch, i: number): ChartPointerOptions => ({\n    id: t.identifier ?? i,\n    touch: true,\n  });\n\n  return {\n    setOptions: (o) => {\n      options = o;\n      controller.setOptions(o);\n    },\n    setTheme: (t) => controller.setTheme(t),\n    resize(w, h, ratio) {\n      width = w;\n      height = h;\n      if (ratio) dpr = ratio;\n      controller.setSize(w, h);\n      schedule();\n    },\n    render() {\n      if (frameId !== null) {\n        if (canvas.cancelAnimationFrame) canvas.cancelAnimationFrame(frameId);\n        else if (g.cancelAnimationFrame) g.cancelAnimationFrame(frameId);\n        else clearTimeout(frameId);\n      }\n      render();\n    },\n    touchStart(touches) {\n      touches.forEach((t, i) =>\n        controller.pointerDown(t.x, t.y, touchOptions(t, i)),\n      );\n    },\n    touchMove(touches) {\n      touches.forEach((t, i) =>\n        controller.pointerMove(t.x, t.y, touchOptions(t, i)),\n      );\n    },\n    touchEnd(touches) {\n      touches.forEach((t, i) =>\n        controller.pointerUp(t.x, t.y, touchOptions(t, i)),\n      );\n    },\n    touchCancel(touches = [{ x: 0, y: 0 }]) {\n      touches.forEach((t, i) => controller.pointerCancel(touchOptions(t, i)));\n    },\n    pointerDown: (x, y, o) => controller.pointerDown(x, y, o),\n    pointerMove: (x, y, o) => controller.pointerMove(x, y, o),\n    pointerUp: (x, y, o) => controller.pointerUp(x, y, o),\n    pointerLeave: () => controller.pointerLeave(),\n    zoomAt: (x, y, f) => controller.zoomAt(x, y, f),\n    resetZoom: () => controller.resetZoom(),\n    getView: () => controller.getView(),\n    setView: (v) => controller.setView(v),\n    toggleSeries: (id) => controller.toggleSeries(id),\n    clearHover: () => controller.clearHover(),\n    getPlotRect: () => controller.getPlotRect(),\n    toPixel: (x, y) => controller.toPixel(x, y),\n    fromPixel: (x, y) => controller.fromPixel(x, y),\n    getController: () => controller,\n    on: (type, listener) => controller.on(type, listener),\n    destroy() {\n      if (destroyed) return;\n      destroyed = true;\n      if (frameId !== null) {\n        if (canvas.cancelAnimationFrame) canvas.cancelAnimationFrame(frameId);\n        else if (g.cancelAnimationFrame) g.cancelAnimationFrame(frameId);\n        else clearTimeout(frameId);\n      }\n      painter?.destroy();\n      controller.destroy();\n    },\n  };\n};\n"],"mappings":"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"}

package/dist/charts/engine/canvas.d.cts

@@ -0,0 +1,85 @@
+import { ChartController, ChartControllerEventMap, ChartPointerOptions, ChartScene } from './controller.cjs';
+import { Origin } from './items.cjs';
+import { RenderItem } from './renderers/types.cjs';
+import { ChartThemeInput } from './theme.cjs';
+import { ChartOptions, ChartRect, ChartView } from './types.cjs';
+/**
+ * The canvas a chart draws on: a browser `HTMLCanvasElement`, an
+ * `OffscreenCanvas` or the node of a mini-program `<canvas type="2d">`
+ * (`SelectorQuery.fields({ node: true })`)
+ */
+export interface ChartCanvas {
+    width: number;
+    height: number;
+    getContext(type: "2d"): unknown;
+    /** Mini-program canvases schedule their frames themselves */
+    requestAnimationFrame?: (callback: () => void) => number;
+    cancelAnimationFrame?: (id: number) => void;
+}
+/** A touch point relative to the canvas (`x` / `y`) with its identifier */
+export interface ChartTouch {
+    x: number;
+    y: number;
+    identifier?: number;
+}
+export interface CanvasChartConfig {
+    canvas: ChartCanvas;
+    /** Size of the canvas in CSS pixels (rpx converted by the host) */
+    width: number;
+    height: number;
+    /**
+     * Device pixel ratio (`wx.getWindowInfo().pixelRatio` in mini-programs)
+     * @default 1
+     */
+    pixelRatio?: number;
+    options: ChartOptions;
+    /** Colors and fonts: values of the Minerva CSS variables */
+    theme?: ChartThemeInput;
+}
+export interface CanvasChartInstance {
+    setOptions(options: ChartOptions): void;
+    setTheme(theme: ChartThemeInput | undefined): void;
+    /** New CSS size (and pixel ratio) of the canvas */
+    resize(width: number, height: number, pixelRatio?: number): void;
+    /** Draws now (frames are otherwise scheduled automatically) */
+    render(): void;
+    /** Touch handlers: pass the `touches` / `changedTouches` of the event */
+    touchStart(touches: readonly ChartTouch[]): void;
+    touchMove(touches: readonly ChartTouch[]): void;
+    touchEnd(changedTouches: readonly ChartTouch[]): void;
+    touchCancel(changedTouches?: readonly ChartTouch[]): void;
+    /** Mouse / pen handlers (H5, desktop mini-programs) */
+    pointerDown(x: number, y: number, options?: ChartPointerOptions): void;
+    pointerMove(x: number, y: number, options?: ChartPointerOptions): void;
+    pointerUp(x: number, y: number, options?: ChartPointerOptions): void;
+    pointerLeave(): void;
+    /** Zooms around a pixel (factor < 1 zooms in) */
+    zoomAt(x: number, y: number, factor: number): void;
+    resetZoom(): void;
+    getView(): ChartView;
+    setView(view: Partial<ChartView>): void;
+    toggleSeries(id: string): void;
+    clearHover(): void;
+    getPlotRect(): ChartRect | null;
+    toPixel(x: number, y: number): {
+        x: number;
+        y: number;
+    } | null;
+    fromPixel(x: number, y: number): {
+        x: number;
+        y: number;
+    } | null;
+    /** The platform-free controller (scene, gestures) */
+    getController(): ChartController;
+    on<K extends keyof ChartControllerEventMap>(type: K, listener: (event: ChartControllerEventMap[K]) => void): () => void;
+    destroy(): void;
+}
+/** Draws a scene (legend, axes, data, labels, hover) on a 2D context */
+export declare const drawScene: (ctx: CanvasRenderingContext2D, scene: ChartScene, items: readonly RenderItem[], origin: Origin, pixelRatio: number, painter?: import('./renderers/canvas2d.cjs').Canvas2dPainter) => void;
+/**
+ * Creates a chart drawn on a 2D canvas: line, area, bar and scatter series,
+ * annotations, legend and tooltip, tap / drag / pinch gestures. Works
+ * without a DOM (mini-programs); see `createChart` for the GPU version of
+ * the web.
+ */
+export declare const createCanvasChart: (config: CanvasChartConfig) => CanvasChartInstance;

package/dist/charts/engine/canvas.d.ts

@@ -0,0 +1,85 @@
+import { ChartController, ChartControllerEventMap, ChartPointerOptions, ChartScene } from './controller.js';
+import { Origin } from './items.js';
+import { RenderItem } from './renderers/types.js';
+import { ChartThemeInput } from './theme.js';
+import { ChartOptions, ChartRect, ChartView } from './types.js';
+/**
+ * The canvas a chart draws on: a browser `HTMLCanvasElement`, an
+ * `OffscreenCanvas` or the node of a mini-program `<canvas type="2d">`
+ * (`SelectorQuery.fields({ node: true })`)
+ */
+export interface ChartCanvas {
+    width: number;
+    height: number;
+    getContext(type: "2d"): unknown;
+    /** Mini-program canvases schedule their frames themselves */
+    requestAnimationFrame?: (callback: () => void) => number;
+    cancelAnimationFrame?: (id: number) => void;
+}
+/** A touch point relative to the canvas (`x` / `y`) with its identifier */
+export interface ChartTouch {
+    x: number;
+    y: number;
+    identifier?: number;
+}
+export interface CanvasChartConfig {
+    canvas: ChartCanvas;
+    /** Size of the canvas in CSS pixels (rpx converted by the host) */
+    width: number;
+    height: number;
+    /**
+     * Device pixel ratio (`wx.getWindowInfo().pixelRatio` in mini-programs)
+     * @default 1
+     */
+    pixelRatio?: number;
+    options: ChartOptions;
+    /** Colors and fonts: values of the Minerva CSS variables */
+    theme?: ChartThemeInput;
+}
+export interface CanvasChartInstance {
+    setOptions(options: ChartOptions): void;
+    setTheme(theme: ChartThemeInput | undefined): void;
+    /** New CSS size (and pixel ratio) of the canvas */
+    resize(width: number, height: number, pixelRatio?: number): void;
+    /** Draws now (frames are otherwise scheduled automatically) */
+    render(): void;
+    /** Touch handlers: pass the `touches` / `changedTouches` of the event */
+    touchStart(touches: readonly ChartTouch[]): void;
+    touchMove(touches: readonly ChartTouch[]): void;
+    touchEnd(changedTouches: readonly ChartTouch[]): void;
+    touchCancel(changedTouches?: readonly ChartTouch[]): void;
+    /** Mouse / pen handlers (H5, desktop mini-programs) */
+    pointerDown(x: number, y: number, options?: ChartPointerOptions): void;
+    pointerMove(x: number, y: number, options?: ChartPointerOptions): void;
+    pointerUp(x: number, y: number, options?: ChartPointerOptions): void;
+    pointerLeave(): void;
+    /** Zooms around a pixel (factor < 1 zooms in) */
+    zoomAt(x: number, y: number, factor: number): void;
+    resetZoom(): void;
+    getView(): ChartView;
+    setView(view: Partial<ChartView>): void;
+    toggleSeries(id: string): void;
+    clearHover(): void;
+    getPlotRect(): ChartRect | null;
+    toPixel(x: number, y: number): {
+        x: number;
+        y: number;
+    } | null;
+    fromPixel(x: number, y: number): {
+        x: number;
+        y: number;
+    } | null;
+    /** The platform-free controller (scene, gestures) */
+    getController(): ChartController;
+    on<K extends keyof ChartControllerEventMap>(type: K, listener: (event: ChartControllerEventMap[K]) => void): () => void;
+    destroy(): void;
+}
+/** Draws a scene (legend, axes, data, labels, hover) on a 2D context */
+export declare const drawScene: (ctx: CanvasRenderingContext2D, scene: ChartScene, items: readonly RenderItem[], origin: Origin, pixelRatio: number, painter?: import('./renderers/canvas2d.js').Canvas2dPainter) => void;
+/**
+ * Creates a chart drawn on a 2D canvas: line, area, bar and scatter series,
+ * annotations, legend and tooltip, tap / drag / pinch gestures. Works
+ * without a DOM (mini-programs); see `createChart` for the GPU version of
+ * the web.
+ */
+export declare const createCanvasChart: (config: CanvasChartConfig) => CanvasChartInstance;

package/dist/charts/engine/canvas.js

@@ -0,0 +1,177 @@
+import { toCss as e } from "./color.js";
+import { buildItems as t } from "./items.js";
+import { drawBackground as n, drawForeground as r, font as i } from "./overlay.js";
+import { createCanvas2dPainter as a } from "./renderers/canvas2d.js";
+import { itemsSignature as o } from "./signature.js";
+import { createChartController as s } from "./controller.js";
+//#region src/engine/canvas.ts
+var c = (e) => (e[0] + e[1]) / 2, l = (e, t, n, r, i, a) => {
+	e.beginPath(), e.moveTo(t + a, n), e.lineTo(t + r - a, n), e.arcTo(t + r, n, t + r, n + a, a), e.lineTo(t + r, n + i - a), e.arcTo(t + r, n + i, t + r - a, n + i, a), e.lineTo(t + a, n + i), e.arcTo(t, n + i, t, n + i - a, a), e.lineTo(t, n + a), e.arcTo(t, n, t + a, n, a), e.closePath();
+}, u = (t, o, s, c, u, d = a(t)) => {
+	let { width: f, height: p, theme: m, model: h, view: g, layout: _ } = o, { plot: v, scales: y } = _, b = u;
+	if (t.setTransform(1, 0, 0, 1, 0, 0), t.clearRect(0, 0, Math.ceil(f * b), Math.ceil(p * b)), t.setTransform(b, 0, 0, b, 0, 0), n(t, {
+		width: f,
+		height: p,
+		scales: y,
+		x: h.x,
+		y: h.y,
+		xTicks: _.xTicks,
+		yTicks: _.yTicks,
+		theme: m,
+		annotations: o.annotations
+	}), o.legend) {
+		t.font = i(m, 12), t.textBaseline = "middle", t.textAlign = "left";
+		for (let n of o.legend.entries) {
+			let r = n.box.y + n.box.height / 2;
+			if (t.globalAlpha = n.hidden ? .45 : 1, t.fillStyle = n.color, n.shape === "dot" ? (t.beginPath(), t.arc(n.box.x + 5, r, 4, 0, Math.PI * 2), t.fill()) : n.shape === "line" ? t.fillRect(n.box.x, r - 1, 10, 2) : t.fillRect(n.box.x + 1, r - 4, 8, 8), t.fillStyle = e(m.textMuted), t.fillText(n.name, n.box.x + 14, r), n.hidden) {
+				let e = n.box.width - 22;
+				t.fillRect(n.box.x + 14, r, e, 1);
+			}
+		}
+		t.globalAlpha = 1;
+	}
+	for (let n of o.hover?.marks ?? []) n.kind === "band" && (l(t, n.x, n.y, n.width, n.height, 6), t.fillStyle = e(m.text, .06), t.fill());
+	let x = (e, t, n) => {
+		let r = 2 / (e[1] - e[0]), i = (t - e[0]) * r - 1;
+		return n ? [-r, -i] : [r, i];
+	}, [S, C] = x(g.x, c.x, h.x.reverse), [w, T] = x(g.y, c.y, h.y.reverse);
+	if (d.paint(s, {
+		transform: {
+			xScale: S,
+			xOffset: C,
+			yScale: w,
+			yOffset: T
+		},
+		width: Math.max(1, Math.round(v.width * b)),
+		height: Math.max(1, Math.round(v.height * b)),
+		dpr: b
+	}, Math.round(v.x * b), Math.round(v.y * b)), t.setTransform(b, 0, 0, b, 0, 0), r(t, {
+		width: f,
+		height: p,
+		scales: y,
+		theme: m,
+		annotations: o.annotations,
+		pointLabels: [],
+		clear: !1
+	}), o.pointLabels.length) {
+		t.save(), t.font = i(m), t.textAlign = "left", t.textBaseline = "middle", t.lineWidth = 3, t.lineJoin = "round", t.strokeStyle = e(m.background, .9), t.fillStyle = e(m.text, .85);
+		for (let { label: e, box: n } of o.pointLabels) t.strokeText(e.text, n.x, n.y + n.height / 2), t.fillText(e.text, n.x, n.y + n.height / 2);
+		t.restore();
+	}
+	let E = o.hover;
+	if (E) {
+		if (E.crosshairX !== null) {
+			t.save(), t.strokeStyle = e(m.textMuted, .55), t.lineWidth = 1, t.setLineDash([3, 3]), t.beginPath();
+			let n = Math.round(E.crosshairX) + .5;
+			t.moveTo(n, v.y), t.lineTo(n, v.y + v.height), t.stroke(), t.restore();
+		}
+		for (let n of E.marks) if (n.kind !== "band") {
+			if (n.kind === "cell") {
+				l(t, n.x, n.y, n.width, n.height, 3), t.lineWidth = 3, t.strokeStyle = e(m.background), t.stroke(), t.lineWidth = 1.5, t.strokeStyle = e(m.text, .55), t.stroke();
+				continue;
+			}
+			t.beginPath(), t.arc(n.x, n.y, n.size / 2 + 4, 0, Math.PI * 2), t.fillStyle = n.halo, t.fill(), t.beginPath(), t.arc(n.x, n.y, n.size / 2 - 1, 0, Math.PI * 2), t.fillStyle = n.color, t.fill(), t.lineWidth = 2, t.strokeStyle = e(m.background), t.stroke();
+		}
+	}
+	if (o.dragging) {
+		let n = o.dragging;
+		t.beginPath(), t.arc(n.x, n.y, n.size / 2, 0, Math.PI * 2), t.fillStyle = n.color, t.globalAlpha = .85, t.fill(), t.globalAlpha = 1, t.lineWidth = 2, t.strokeStyle = e(m.background), t.stroke();
+	}
+	let D = E?.tooltip;
+	if (D) {
+		let { box: n, lineHeight: r, padding: a } = D;
+		t.save(), t.shadowColor = "rgba(15, 23, 42, 0.18)", t.shadowBlur = 16, t.shadowOffsetY = 6, l(t, n.x, n.y, n.width, n.height, 8), t.fillStyle = e(m.background), t.fill(), t.restore(), l(t, n.x + .5, n.y + .5, n.width - 1, n.height - 1, 8), t.strokeStyle = e(m.axis, .6), t.lineWidth = 1, t.stroke(), t.textBaseline = "middle";
+		let o = n.y + a + r / 2, s = n.x + a + 2, c = n.x + n.width - a - 2;
+		if (D.text) {
+			t.font = i(m, 12), t.fillStyle = e(m.text), t.textAlign = "left";
+			for (let e of D.text) t.fillText(e, s, o), o += r;
+		} else {
+			let { content: n } = D, a = s;
+			n.titleColor && (t.fillStyle = n.titleColor, t.beginPath(), t.arc(a + 4, o, 4, 0, Math.PI * 2), t.fill(), a += 14), t.font = i(m, 12, 600), t.fillStyle = e(m.text), t.textAlign = "left", t.fillText(n.title, a, o), o += r;
+			for (let l of n.rows) a = s, l.color && (t.fillStyle = l.color, t.beginPath(), t.arc(a + 4, o, 4, 0, Math.PI * 2), t.fill(), a += 14), t.font = i(m, 12), t.textAlign = "left", t.fillStyle = e(m.textMuted), t.fillText(l.name, a, o), t.font = i(m, 12, 600), t.textAlign = "right", t.fillStyle = e(m.text), t.fillText(l.value, c, o), o += r;
+		}
+	}
+}, d = (e) => {
+	let { canvas: n } = e, r = n.getContext("2d"), i = e.width, l = e.height, d = e.pixelRatio ?? 1, f = !1, p = null, m = [], h = null, g = "", _ = e.options, v = /* @__PURE__ */ new WeakMap(), y = 0, b = (e) => {
+		let t = v.get(e);
+		return t === void 0 && v.set(e, t = ++y), t;
+	}, x = {
+		x: 0,
+		y: 0
+	}, S = 0, C = "", w = (e, t) => r ? (t !== C && (r.font = t, C = t), r.measureText(e).width) : e.length * 6.5, T = r ? a(r) : null, E = globalThis, D = () => {
+		if (p = null, f || !r || !T) return;
+		let e = k.getScene();
+		if (!e) return;
+		let a = Math.max(1, Math.round(i * d)), s = Math.max(1, Math.round(l * d));
+		if (n.width !== a && (n.width = a), n.height !== s && (n.height = s), C = "", h !== e.model) {
+			h = e.model;
+			let n = o(e.model, b(e.theme), (e) => _.series[e]?.stack);
+			n !== g && (g = n, x = {
+				x: c(e.model.base.x),
+				y: c(e.model.base.y)
+			}, m = t(e.model, x, ++S));
+		}
+		u(r, e, m, x, d, T), C = "";
+	}, O = () => {
+		f || p !== null || (p = n.requestAnimationFrame ? n.requestAnimationFrame(D) : E.requestAnimationFrame ? E.requestAnimationFrame(D) : setTimeout(D, 16));
+	}, k = s({
+		options: e.options,
+		theme: e.theme,
+		measureText: w,
+		onInvalidate: O
+	});
+	k.setSize(i, l);
+	let A = (e, t) => ({
+		id: e.identifier ?? t,
+		touch: !0
+	});
+	return {
+		setOptions: (e) => {
+			_ = e, k.setOptions(e);
+		},
+		setTheme: (e) => k.setTheme(e),
+		resize(e, t, n) {
+			i = e, l = t, n && (d = n), k.setSize(e, t), O();
+		},
+		render() {
+			p !== null && (n.cancelAnimationFrame ? n.cancelAnimationFrame(p) : E.cancelAnimationFrame ? E.cancelAnimationFrame(p) : clearTimeout(p)), D();
+		},
+		touchStart(e) {
+			e.forEach((e, t) => k.pointerDown(e.x, e.y, A(e, t)));
+		},
+		touchMove(e) {
+			e.forEach((e, t) => k.pointerMove(e.x, e.y, A(e, t)));
+		},
+		touchEnd(e) {
+			e.forEach((e, t) => k.pointerUp(e.x, e.y, A(e, t)));
+		},
+		touchCancel(e = [{
+			x: 0,
+			y: 0
+		}]) {
+			e.forEach((e, t) => k.pointerCancel(A(e, t)));
+		},
+		pointerDown: (e, t, n) => k.pointerDown(e, t, n),
+		pointerMove: (e, t, n) => k.pointerMove(e, t, n),
+		pointerUp: (e, t, n) => k.pointerUp(e, t, n),
+		pointerLeave: () => k.pointerLeave(),
+		zoomAt: (e, t, n) => k.zoomAt(e, t, n),
+		resetZoom: () => k.resetZoom(),
+		getView: () => k.getView(),
+		setView: (e) => k.setView(e),
+		toggleSeries: (e) => k.toggleSeries(e),
+		clearHover: () => k.clearHover(),
+		getPlotRect: () => k.getPlotRect(),
+		toPixel: (e, t) => k.toPixel(e, t),
+		fromPixel: (e, t) => k.fromPixel(e, t),
+		getController: () => k,
+		on: (e, t) => k.on(e, t),
+		destroy() {
+			f || (f = !0, p !== null && (n.cancelAnimationFrame ? n.cancelAnimationFrame(p) : E.cancelAnimationFrame ? E.cancelAnimationFrame(p) : clearTimeout(p)), T?.destroy(), k.destroy());
+		}
+	};
+};
+//#endregion
+export { d as createCanvasChart, u as drawScene };
+
+//# sourceMappingURL=canvas.js.map

package/dist/charts/engine/canvas.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"canvas.js","names":["mid","r","roundedRect","ctx","x","y","w","h","drawScene","createCanvas2dPainter","scene","layout","dpr","pixelRatio","width","height","drawBackground","model","font","theme","e","cy","toCss","mark","scale","s","range","offset","o","reverse","xScale","xOffset","view","origin","yScale","yOffset","painter","items","plot","drawForeground","label","box","hover","cx","d","tip","padding","lineHeight","left","right","line","content","row","createCanvasChart","config","canvas","destroyed","frameId","itemsModel","itemsKey","options","themeIds","themeCount","themeId","id","version","fontSet","measureText","f","text","g","render","controller","pw","ph","key","itemsSignature","index","buildItems","schedule","createChartController","touchOptions","t","i","ratio","v","type","listener"],"sources":["../../../../charts/src/engine/canvas.ts"],"sourcesContent":["// createCanvasChart: a whole chart drawn on one 2D canvas without any DOM:\n// WeChat / Alipay / ByteDance mini-programs (`<canvas type=\"2d\">`), Taro,\n// uni-app, OffscreenCanvas, or a plain browser canvas. The host forwards\n// touches / pointer events; everything else is handled here.\n\nimport { toCss } from \"./color\";\nimport {\n  createChartController,\n  type ChartController,\n  type ChartControllerEventMap,\n  type ChartPointerOptions,\n  type ChartScene,\n} from \"./controller\";\nimport { buildItems, type Origin } from \"./items\";\nimport { drawBackground, drawForeground, font } from \"./overlay\";\nimport { createCanvas2dPainter } from \"./renderers/canvas2d\";\nimport type { RenderItem } from \"./renderers/types\";\nimport { itemsSignature } from \"./signature\";\nimport type { ChartThemeInput } from \"./theme\";\nimport type { ChartOptions, ChartRect, ChartView } from \"./types\";\n\n/**\n * The canvas a chart draws on: a browser `HTMLCanvasElement`, an\n * `OffscreenCanvas` or the node of a mini-program `<canvas type=\"2d\">`\n * (`SelectorQuery.fields({ node: true })`)\n */\nexport interface ChartCanvas {\n  width: number;\n  height: number;\n  getContext(type: \"2d\"): unknown;\n  /** Mini-program canvases schedule their frames themselves */\n  requestAnimationFrame?: (callback: () => void) => number;\n  cancelAnimationFrame?: (id: number) => void;\n}\n\n/** A touch point relative to the canvas (`x` / `y`) with its identifier */\nexport interface ChartTouch {\n  x: number;\n  y: number;\n  identifier?: number;\n}\n\nexport interface CanvasChartConfig {\n  canvas: ChartCanvas;\n  /** Size of the canvas in CSS pixels (rpx converted by the host) */\n  width: number;\n  height: number;\n  /**\n   * Device pixel ratio (`wx.getWindowInfo().pixelRatio` in mini-programs)\n   * @default 1\n   */\n  pixelRatio?: number;\n  options: ChartOptions;\n  /** Colors and fonts: values of the Minerva CSS variables */\n  theme?: ChartThemeInput;\n}\n\nexport interface CanvasChartInstance {\n  setOptions(options: ChartOptions): void;\n  setTheme(theme: ChartThemeInput | undefined): void;\n  /** New CSS size (and pixel ratio) of the canvas */\n  resize(width: number, height: number, pixelRatio?: number): void;\n  /** Draws now (frames are otherwise scheduled automatically) */\n  render(): void;\n  /** Touch handlers: pass the `touches` / `changedTouches` of the event */\n  touchStart(touches: readonly ChartTouch[]): void;\n  touchMove(touches: readonly ChartTouch[]): void;\n  touchEnd(changedTouches: readonly ChartTouch[]): void;\n  touchCancel(changedTouches?: readonly ChartTouch[]): void;\n  /** Mouse / pen handlers (H5, desktop mini-programs) */\n  pointerDown(x: number, y: number, options?: ChartPointerOptions): void;\n  pointerMove(x: number, y: number, options?: ChartPointerOptions): void;\n  pointerUp(x: number, y: number, options?: ChartPointerOptions): void;\n  pointerLeave(): void;\n  /** Zooms around a pixel (factor < 1 zooms in) */\n  zoomAt(x: number, y: number, factor: number): void;\n  resetZoom(): void;\n  getView(): ChartView;\n  setView(view: Partial<ChartView>): void;\n  toggleSeries(id: string): void;\n  clearHover(): void;\n  getPlotRect(): ChartRect | null;\n  toPixel(x: number, y: number): { x: number; y: number } | null;\n  fromPixel(x: number, y: number): { x: number; y: number } | null;\n  /** The platform-free controller (scene, gestures) */\n  getController(): ChartController;\n  on<K extends keyof ChartControllerEventMap>(\n    type: K,\n    listener: (event: ChartControllerEventMap[K]) => void,\n  ): () => void;\n  destroy(): void;\n}\n\nconst mid = (r: [number, number]) => (r[0] + r[1]) / 2;\n\nconst roundedRect = (\n  ctx: CanvasRenderingContext2D,\n  x: number,\n  y: number,\n  w: number,\n  h: number,\n  r: number,\n) => {\n  ctx.beginPath();\n  ctx.moveTo(x + r, y);\n  ctx.lineTo(x + w - r, y);\n  ctx.arcTo(x + w, y, x + w, y + r, r);\n  ctx.lineTo(x + w, y + h - r);\n  ctx.arcTo(x + w, y + h, x + w - r, y + h, r);\n  ctx.lineTo(x + r, y + h);\n  ctx.arcTo(x, y + h, x, y + h - r, r);\n  ctx.lineTo(x, y + r);\n  ctx.arcTo(x, y, x + r, y, r);\n  ctx.closePath();\n};\n\n/** Draws a scene (legend, axes, data, labels, hover) on a 2D context */\nexport const drawScene = (\n  ctx: CanvasRenderingContext2D,\n  scene: ChartScene,\n  items: readonly RenderItem[],\n  origin: Origin,\n  pixelRatio: number,\n  painter = createCanvas2dPainter(ctx),\n) => {\n  const { width, height, theme, model, view, layout } = scene;\n  const { plot, scales } = layout;\n  const dpr = pixelRatio;\n  ctx.setTransform(1, 0, 0, 1, 0, 0);\n  ctx.clearRect(0, 0, Math.ceil(width * dpr), Math.ceil(height * dpr));\n  ctx.setTransform(dpr, 0, 0, dpr, 0, 0);\n  drawBackground(ctx, {\n    width,\n    height,\n    scales,\n    x: model.x,\n    y: model.y,\n    xTicks: layout.xTicks,\n    yTicks: layout.yTicks,\n    theme,\n    annotations: scene.annotations,\n  });\n\n  // legend\n  if (scene.legend) {\n    ctx.font = font(theme, 12);\n    ctx.textBaseline = \"middle\";\n    ctx.textAlign = \"left\";\n    for (const e of scene.legend.entries) {\n      const cy = e.box.y + e.box.height / 2;\n      ctx.globalAlpha = e.hidden ? 0.45 : 1;\n      ctx.fillStyle = e.color;\n      if (e.shape === \"dot\") {\n        ctx.beginPath();\n        ctx.arc(e.box.x + 5, cy, 4, 0, Math.PI * 2);\n        ctx.fill();\n      } else if (e.shape === \"line\") {\n        ctx.fillRect(e.box.x, cy - 1, 10, 2);\n      } else {\n        ctx.fillRect(e.box.x + 1, cy - 4, 8, 8);\n      }\n      ctx.fillStyle = toCss(theme.textMuted);\n      ctx.fillText(e.name, e.box.x + 14, cy);\n      if (e.hidden) {\n        const w = e.box.width - 22;\n        ctx.fillRect(e.box.x + 14, cy, w, 1);\n      }\n    }\n    ctx.globalAlpha = 1;\n  }\n\n  // hover band of bars, below the data\n  for (const mark of scene.hover?.marks ?? []) {\n    if (mark.kind !== \"band\") continue;\n    roundedRect(ctx, mark.x, mark.y, mark.width, mark.height, 6);\n    ctx.fillStyle = toCss(theme.text, 0.06);\n    ctx.fill();\n  }\n\n  // data\n  const scale = (range: [number, number], o: number, reverse: boolean) => {\n    const s = 2 / (range[1] - range[0]);\n    const offset = (o - range[0]) * s - 1;\n    return reverse ? [-s, -offset] : [s, offset];\n  };\n  const [xScale, xOffset] = scale(view.x, origin.x, model.x.reverse);\n  const [yScale, yOffset] = scale(view.y, origin.y, model.y.reverse);\n  painter.paint(\n    items,\n    {\n      transform: { xScale, xOffset, yScale, yOffset },\n      width: Math.max(1, Math.round(plot.width * dpr)),\n      height: Math.max(1, Math.round(plot.height * dpr)),\n      dpr,\n    },\n    Math.round(plot.x * dpr),\n    Math.round(plot.y * dpr),\n  );\n\n  ctx.setTransform(dpr, 0, 0, dpr, 0, 0);\n  drawForeground(ctx, {\n    width,\n    height,\n    scales,\n    theme,\n    annotations: scene.annotations,\n    pointLabels: [],\n    clear: false,\n  });\n  // dot labels placed by the scene\n  if (scene.pointLabels.length) {\n    ctx.save();\n    ctx.font = font(theme);\n    ctx.textAlign = \"left\";\n    ctx.textBaseline = \"middle\";\n    ctx.lineWidth = 3;\n    ctx.lineJoin = \"round\";\n    ctx.strokeStyle = toCss(theme.background, 0.9);\n    ctx.fillStyle = toCss(theme.text, 0.85);\n    for (const { label, box } of scene.pointLabels) {\n      ctx.strokeText(label.text, box.x, box.y + box.height / 2);\n      ctx.fillText(label.text, box.x, box.y + box.height / 2);\n    }\n    ctx.restore();\n  }\n\n  // hover\n  const hover = scene.hover;\n  if (hover) {\n    if (hover.crosshairX !== null) {\n      ctx.save();\n      ctx.strokeStyle = toCss(theme.textMuted, 0.55);\n      ctx.lineWidth = 1;\n      ctx.setLineDash([3, 3]);\n      ctx.beginPath();\n      const cx = Math.round(hover.crosshairX) + 0.5;\n      ctx.moveTo(cx, plot.y);\n      ctx.lineTo(cx, plot.y + plot.height);\n      ctx.stroke();\n      ctx.restore();\n    }\n    for (const mark of hover.marks) {\n      if (mark.kind === \"band\") continue;\n      if (mark.kind === \"cell\") {\n        roundedRect(ctx, mark.x, mark.y, mark.width, mark.height, 3);\n        ctx.lineWidth = 3;\n        ctx.strokeStyle = toCss(theme.background);\n        ctx.stroke();\n        ctx.lineWidth = 1.5;\n        ctx.strokeStyle = toCss(theme.text, 0.55);\n        ctx.stroke();\n        continue;\n      }\n      ctx.beginPath();\n      ctx.arc(mark.x, mark.y, mark.size / 2 + 4, 0, Math.PI * 2);\n      ctx.fillStyle = mark.halo;\n      ctx.fill();\n      ctx.beginPath();\n      ctx.arc(mark.x, mark.y, mark.size / 2 - 1, 0, Math.PI * 2);\n      ctx.fillStyle = mark.color;\n      ctx.fill();\n      ctx.lineWidth = 2;\n      ctx.strokeStyle = toCss(theme.background);\n      ctx.stroke();\n    }\n  }\n  if (scene.dragging) {\n    const d = scene.dragging;\n    ctx.beginPath();\n    ctx.arc(d.x, d.y, d.size / 2, 0, Math.PI * 2);\n    ctx.fillStyle = d.color;\n    ctx.globalAlpha = 0.85;\n    ctx.fill();\n    ctx.globalAlpha = 1;\n    ctx.lineWidth = 2;\n    ctx.strokeStyle = toCss(theme.background);\n    ctx.stroke();\n  }\n  const tip = hover?.tooltip;\n  if (tip) {\n    const { box, lineHeight, padding } = tip;\n    ctx.save();\n    ctx.shadowColor = \"rgba(15, 23, 42, 0.18)\";\n    ctx.shadowBlur = 16;\n    ctx.shadowOffsetY = 6;\n    roundedRect(ctx, box.x, box.y, box.width, box.height, 8);\n    ctx.fillStyle = toCss(theme.background);\n    ctx.fill();\n    ctx.restore();\n    roundedRect(\n      ctx,\n      box.x + 0.5,\n      box.y + 0.5,\n      box.width - 1,\n      box.height - 1,\n      8,\n    );\n    ctx.strokeStyle = toCss(theme.axis, 0.6);\n    ctx.lineWidth = 1;\n    ctx.stroke();\n    ctx.textBaseline = \"middle\";\n    let y = box.y + padding + lineHeight / 2;\n    const left = box.x + padding + 2;\n    const right = box.x + box.width - padding - 2;\n    if (tip.text) {\n      ctx.font = font(theme, 12);\n      ctx.fillStyle = toCss(theme.text);\n      ctx.textAlign = \"left\";\n      for (const line of tip.text) {\n        ctx.fillText(line, left, y);\n        y += lineHeight;\n      }\n    } else {\n      const { content } = tip;\n      let x = left;\n      if (content.titleColor) {\n        ctx.fillStyle = content.titleColor;\n        ctx.beginPath();\n        ctx.arc(x + 4, y, 4, 0, Math.PI * 2);\n        ctx.fill();\n        x += 14;\n      }\n      ctx.font = font(theme, 12, 600);\n      ctx.fillStyle = toCss(theme.text);\n      ctx.textAlign = \"left\";\n      ctx.fillText(content.title, x, y);\n      y += lineHeight;\n      for (const row of content.rows) {\n        x = left;\n        if (row.color) {\n          ctx.fillStyle = row.color;\n          ctx.beginPath();\n          ctx.arc(x + 4, y, 4, 0, Math.PI * 2);\n          ctx.fill();\n          x += 14;\n        }\n        ctx.font = font(theme, 12);\n        ctx.textAlign = \"left\";\n        ctx.fillStyle = toCss(theme.textMuted);\n        ctx.fillText(row.name, x, y);\n        ctx.font = font(theme, 12, 600);\n        ctx.textAlign = \"right\";\n        ctx.fillStyle = toCss(theme.text);\n        ctx.fillText(row.value, right, y);\n        y += lineHeight;\n      }\n    }\n  }\n};\n\n/**\n * Creates a chart drawn on a 2D canvas: line, area, bar and scatter series,\n * annotations, legend and tooltip, tap / drag / pinch gestures. Works\n * without a DOM (mini-programs); see `createChart` for the GPU version of\n * the web.\n */\nexport const createCanvasChart = (\n  config: CanvasChartConfig,\n): CanvasChartInstance => {\n  const { canvas } = config;\n  const ctx = canvas.getContext(\"2d\") as CanvasRenderingContext2D | null;\n  let width = config.width;\n  let height = config.height;\n  let dpr = config.pixelRatio ?? 1;\n  let destroyed = false;\n  let frameId: number | null = null;\n  let items: RenderItem[] = [];\n  let itemsModel: unknown = null;\n  let itemsKey = \"\";\n  let options = config.options;\n  /** Ids of the themes seen (the controller replaces its theme on changes) */\n  const themeIds = new WeakMap<object, number>();\n  let themeCount = 0;\n  const themeId = (theme: object) => {\n    let id = themeIds.get(theme);\n    if (id === undefined) themeIds.set(theme, (id = ++themeCount));\n    return id;\n  };\n  let origin: Origin = { x: 0, y: 0 };\n  let version = 0;\n  let fontSet = \"\";\n\n  const measureText = (text: string, f: string) => {\n    if (!ctx) return text.length * 6.5;\n    if (f !== fontSet) {\n      ctx.font = f;\n      fontSet = f;\n    }\n    return ctx.measureText(text).width;\n  };\n\n  const painter = ctx ? createCanvas2dPainter(ctx) : null;\n\n  const g = globalThis as {\n    requestAnimationFrame?: (cb: () => void) => number;\n    cancelAnimationFrame?: (id: number) => void;\n  };\n\n  const render = () => {\n    frameId = null;\n    if (destroyed || !ctx || !painter) return;\n    const scene = controller.getScene();\n    if (!scene) return;\n    const pw = Math.max(1, Math.round(width * dpr));\n    const ph = Math.max(1, Math.round(height * dpr));\n    if (canvas.width !== pw) canvas.width = pw;\n    if (canvas.height !== ph) canvas.height = ph;\n    fontSet = \"\";\n    if (itemsModel !== scene.model) {\n      itemsModel = scene.model;\n      // a new model (any setOptions) keeps the items when nothing they\n      // depend on changed\n      const key = itemsSignature(\n        scene.model,\n        themeId(scene.theme),\n        (index) => options.series[index]?.stack,\n      );\n      if (key !== itemsKey) {\n        itemsKey = key;\n        origin = { x: mid(scene.model.base.x), y: mid(scene.model.base.y) };\n        items = buildItems(scene.model, origin, ++version);\n      }\n    }\n    drawScene(ctx, scene, items, origin, dpr, painter);\n    fontSet = \"\";\n  };\n\n  const schedule = () => {\n    if (destroyed || frameId !== null) return;\n    if (canvas.requestAnimationFrame)\n      frameId = canvas.requestAnimationFrame(render);\n    else if (g.requestAnimationFrame) frameId = g.requestAnimationFrame(render);\n    else frameId = setTimeout(render, 16) as unknown as number;\n  };\n\n  const controller = createChartController({\n    options: config.options,\n    theme: config.theme,\n    measureText,\n    onInvalidate: schedule,\n  });\n  controller.setSize(width, height);\n\n  const touchOptions = (t: ChartTouch, i: number): ChartPointerOptions => ({\n    id: t.identifier ?? i,\n    touch: true,\n  });\n\n  return {\n    setOptions: (o) => {\n      options = o;\n      controller.setOptions(o);\n    },\n    setTheme: (t) => controller.setTheme(t),\n    resize(w, h, ratio) {\n      width = w;\n      height = h;\n      if (ratio) dpr = ratio;\n      controller.setSize(w, h);\n      schedule();\n    },\n    render() {\n      if (frameId !== null) {\n        if (canvas.cancelAnimationFrame) canvas.cancelAnimationFrame(frameId);\n        else if (g.cancelAnimationFrame) g.cancelAnimationFrame(frameId);\n        else clearTimeout(frameId);\n      }\n      render();\n    },\n    touchStart(touches) {\n      touches.forEach((t, i) =>\n        controller.pointerDown(t.x, t.y, touchOptions(t, i)),\n      );\n    },\n    touchMove(touches) {\n      touches.forEach((t, i) =>\n        controller.pointerMove(t.x, t.y, touchOptions(t, i)),\n      );\n    },\n    touchEnd(touches) {\n      touches.forEach((t, i) =>\n        controller.pointerUp(t.x, t.y, touchOptions(t, i)),\n      );\n    },\n    touchCancel(touches = [{ x: 0, y: 0 }]) {\n      touches.forEach((t, i) => controller.pointerCancel(touchOptions(t, i)));\n    },\n    pointerDown: (x, y, o) => controller.pointerDown(x, y, o),\n    pointerMove: (x, y, o) => controller.pointerMove(x, y, o),\n    pointerUp: (x, y, o) => controller.pointerUp(x, y, o),\n    pointerLeave: () => controller.pointerLeave(),\n    zoomAt: (x, y, f) => controller.zoomAt(x, y, f),\n    resetZoom: () => controller.resetZoom(),\n    getView: () => controller.getView(),\n    setView: (v) => controller.setView(v),\n    toggleSeries: (id) => controller.toggleSeries(id),\n    clearHover: () => controller.clearHover(),\n    getPlotRect: () => controller.getPlotRect(),\n    toPixel: (x, y) => controller.toPixel(x, y),\n    fromPixel: (x, y) => controller.fromPixel(x, y),\n    getController: () => controller,\n    on: (type, listener) => controller.on(type, listener),\n    destroy() {\n      if (destroyed) return;\n      destroyed = true;\n      if (frameId !== null) {\n        if (canvas.cancelAnimationFrame) canvas.cancelAnimationFrame(frameId);\n        else if (g.cancelAnimationFrame) g.cancelAnimationFrame(frameId);\n        else clearTimeout(frameId);\n      }\n      painter?.destroy();\n      controller.destroy();\n    },\n  };\n};\n"],"mappings":"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"}