minerva-design 1.1.0 → 1.2.0

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # minerva-design
 
+## 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,7 @@
+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 { barSeries, DEFAULT_QUADRANT_COLORS, lineSeries, quadrantCenter, quadrantChartOptions, quadrantOf, scatterSeries, type QuadrantAxisLabels, type QuadrantConfig, type QuadrantCorner, type QuadrantPoint, type QuadrantRegion, type QuadrantRegions, } from './engine/presets.cjs';
+export { toCss } from './engine/color.cjs';
+export type { ChartThemeInput } from './engine/theme.cjs';
+export type * from './engine/types.cjs';

package/dist/charts/canvas.d.ts

@@ -0,0 +1,7 @@
+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 { barSeries, DEFAULT_QUADRANT_COLORS, lineSeries, quadrantCenter, quadrantChartOptions, quadrantOf, scatterSeries, type QuadrantAxisLabels, type QuadrantConfig, type QuadrantCorner, type QuadrantPoint, type QuadrantRegion, type QuadrantRegions, } from './engine/presets.js';
+export { toCss } from './engine/color.js';
+export type { ChartThemeInput } from './engine/theme.js';
+export type * from './engine/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/controller.cjs"),i=require("./engine/canvas.cjs");exports.createCanvasChart=i.createCanvasChart,exports.createChart=t.createChart,exports.createChartController=r.createChartController,exports.formatCompact=e.formatCompact,exports.quadrantCenter=n.quadrantCenter,exports.quadrantChartOptions=n.quadrantChartOptions,exports.quadrantOf=n.quadrantOf,exports.scenePrimitives=r.scenePrimitives;

package/dist/charts/core.d.cts

@@ -1,3 +1,7 @@
 export { createChart } from './engine/chart.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 { quadrantCenter, quadrantChartOptions, quadrantOf, type QuadrantAxisLabels, type QuadrantConfig, type QuadrantCorner, type QuadrantPoint, type QuadrantRegion, type QuadrantRegions, } from './engine/presets.cjs';
+export type { ChartThemeInput } from './engine/theme.cjs';
+export type { ChartAnnotation, ChartAxisOptions, ChartAxisType, ChartColumnData, 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,7 @@
 export { createChart } from './engine/chart.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 { quadrantCenter, quadrantChartOptions, quadrantOf, type QuadrantAxisLabels, type QuadrantConfig, type QuadrantCorner, type QuadrantPoint, type QuadrantRegion, type QuadrantRegions, } from './engine/presets.js';
+export type { ChartThemeInput } from './engine/theme.js';
+export type { ChartAnnotation, ChartAxisOptions, ChartAxisType, ChartColumnData, 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,6 @@
 import { formatCompact as e } from "./engine/format.js";
 import { createChart as t } from "./engine/chart.js";
-export { t as createChart, e as formatCompact };
+import { quadrantCenter as n, quadrantChartOptions as r, quadrantOf as i } from "./engine/presets.js";
+import { createChartController as a, scenePrimitives as o } from "./engine/controller.js";
+import { createCanvasChart as s } from "./engine/canvas.js";
+export { s as createCanvasChart, t as createChart, a as createChartController, e as formatCompact, n as quadrantCenter, r as quadrantChartOptions, i as quadrantOf, o as scenePrimitives };

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("./controller.cjs");var a=e=>(e[0]+e[1])/2,o=(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()},s=(t,i,a,s,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}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,s.x,p.x.reverse),[S,C]=y(m.y,s.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===`bar`){t.fillStyle=e.toCss(f.text,.08),t.fillRect(n.x-2,n.y-2,n.width+4,n.height+2);continue}t.beginPath(),t.arc(n.x,n.y,n.size/2,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,o(t,r.x,r.y,r.width,r.height,8),t.fillStyle=e.toCss(f.background),t.fill(),t.restore(),o(t,r.x+.5,r.y+.5,r.width-1,r.height-1,8),t.strokeStyle=e.toCss(f.axis),t.lineWidth=1,t.stroke(),t.textBaseline=`middle`;let s=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,s),s+=i}else{let{content:r}=T,a=c;r.titleColor&&(t.fillStyle=r.titleColor,t.beginPath(),t.arc(a+4,s,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,s),s+=i;for(let o of r.rows)a=c,o.color&&(t.fillStyle=o.color,t.beginPath(),t.arc(a+4,s,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(o.name,a,s),t.font=n.font(f,12,600),t.textAlign=`right`,t.fillStyle=e.toCss(f.text),t.fillText(o.value,l,s),s+=i}}},c=e=>{let{canvas:n}=e,o=n.getContext(`2d`),c=e.width,l=e.height,u=e.pixelRatio??1,d=!1,f=null,p=[],m=null,h={x:0,y:0},g=0,_=``,v=(e,t)=>o?(t!==_&&(o.font=t,_=t),o.measureText(e).width):e.length*6.5,y=o?r.createCanvas2dPainter(o):null,b=globalThis,x=()=>{if(f=null,d||!o||!y)return;let e=C.getScene();if(!e)return;let r=Math.max(1,Math.round(c*u)),i=Math.max(1,Math.round(l*u));n.width!==r&&(n.width=r),n.height!==i&&(n.height=i),_=``,m!==e.model&&(m=e.model,h={x:a(e.model.base.x),y:a(e.model.base.y)},p=t.buildItems(e.model,h,++g)),s(o,e,p,h,u,y),_=``},S=()=>{d||f!==null||(f=n.requestAnimationFrame?n.requestAnimationFrame(x):b.requestAnimationFrame?b.requestAnimationFrame(x):setTimeout(x,16))},C=i.createChartController({options:e.options,theme:e.theme,measureText:v,onInvalidate:S});C.setSize(c,l);let w=(e,t)=>({id:e.identifier??t,touch:!0});return{setOptions:e=>C.setOptions(e),setTheme:e=>C.setTheme(e),resize(e,t,n){c=e,l=t,n&&(u=n),C.setSize(e,t),S()},render(){f!==null&&(n.cancelAnimationFrame?n.cancelAnimationFrame(f):b.cancelAnimationFrame?b.cancelAnimationFrame(f):clearTimeout(f)),x()},touchStart(e){e.forEach((e,t)=>C.pointerDown(e.x,e.y,w(e,t)))},touchMove(e){e.forEach((e,t)=>C.pointerMove(e.x,e.y,w(e,t)))},touchEnd(e){e.forEach((e,t)=>C.pointerUp(e.x,e.y,w(e,t)))},touchCancel(e=[{x:0,y:0}]){e.forEach((e,t)=>C.pointerCancel(w(e,t)))},pointerDown:(e,t,n)=>C.pointerDown(e,t,n),pointerMove:(e,t,n)=>C.pointerMove(e,t,n),pointerUp:(e,t,n)=>C.pointerUp(e,t,n),pointerLeave:()=>C.pointerLeave(),zoomAt:(e,t,n)=>C.zoomAt(e,t,n),resetZoom:()=>C.resetZoom(),getView:()=>C.getView(),setView:e=>C.setView(e),toggleSeries:e=>C.toggleSeries(e),clearHover:()=>C.clearHover(),getPlotRect:()=>C.getPlotRect(),toPixel:(e,t)=>C.toPixel(e,t),fromPixel:(e,t)=>C.fromPixel(e,t),getController:()=>C,on:(e,t)=>C.on(e,t),destroy(){d||(d=!0,f!==null&&(n.cancelAnimationFrame?n.cancelAnimationFrame(f):b.cancelAnimationFrame?b.cancelAnimationFrame(f):clearTimeout(f)),y?.destroy(),C.destroy())}}};exports.createCanvasChart=c,exports.drawScene=s;
+//# sourceMappingURL=canvas.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"canvas.cjs","names":["createCanvas2dPainter","font","toCss","buildItems","createChartController","require_color","require_items","require_overlay","require_canvas2d","require_controller","mid","r","roundedRect","ctx","x","y","w","h","drawScene","scene","layout","dpr","pixelRatio","width","height","model","theme","e","cy","scale","s","range","offset","o","reverse","xScale","xOffset","view","origin","yScale","yOffset","painter","items","plot","label","box","hover","cx","mark","d","tip","padding","lineHeight","left","right","line","content","row","createCanvasChart","config","canvas","destroyed","frameId","itemsModel","version","fontSet","measureText","f","text","g","render","controller","pw","ph","schedule","touchOptions","t","i","ratio","touches","v","id","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 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  // 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 === \"bar\") {\n        ctx.fillStyle = toCss(theme.text, 0.08);\n        ctx.fillRect(mark.x - 2, mark.y - 2, mark.width + 4, mark.height + 2);\n        continue;\n      }\n      ctx.beginPath();\n      ctx.arc(mark.x, mark.y, mark.size / 2, 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);\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 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      origin = { x: mid(scene.model.base.x), y: mid(scene.model.base.y) };\n      items = buildItems(scene.model, origin, ++version);\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) => controller.setOptions(o),\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,165 @@
+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 { createChartController as o } from "./controller.js";
+//#region src/engine/canvas.ts
+var s = (e) => (e[0] + e[1]) / 2, c = (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();
+}, l = (t, o, s, l, 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;
+	}
+	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, l.x, h.x.reverse), [w, T] = x(g.y, l.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 === "bar") {
+				t.fillStyle = e(m.text, .08), t.fillRect(n.x - 2, n.y - 2, n.width + 4, n.height + 2);
+				continue;
+			}
+			t.beginPath(), t.arc(n.x, n.y, n.size / 2, 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, c(t, n.x, n.y, n.width, n.height, 8), t.fillStyle = e(m.background), t.fill(), t.restore(), c(t, n.x + .5, n.y + .5, n.width - 1, n.height - 1, 8), t.strokeStyle = e(m.axis), t.lineWidth = 1, t.stroke(), t.textBaseline = "middle";
+		let o = n.y + a + r / 2, s = n.x + a + 2, l = 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 c of n.rows) a = s, c.color && (t.fillStyle = c.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(c.name, a, o), t.font = i(m, 12, 600), t.textAlign = "right", t.fillStyle = e(m.text), t.fillText(c.value, l, o), o += r;
+		}
+	}
+}, u = (e) => {
+	let { canvas: n } = e, r = n.getContext("2d"), i = e.width, c = e.height, u = e.pixelRatio ?? 1, d = !1, f = null, p = [], m = null, h = {
+		x: 0,
+		y: 0
+	}, g = 0, _ = "", v = (e, t) => r ? (t !== _ && (r.font = t, _ = t), r.measureText(e).width) : e.length * 6.5, y = r ? a(r) : null, b = globalThis, x = () => {
+		if (f = null, d || !r || !y) return;
+		let e = C.getScene();
+		if (!e) return;
+		let a = Math.max(1, Math.round(i * u)), o = Math.max(1, Math.round(c * u));
+		n.width !== a && (n.width = a), n.height !== o && (n.height = o), _ = "", m !== e.model && (m = e.model, h = {
+			x: s(e.model.base.x),
+			y: s(e.model.base.y)
+		}, p = t(e.model, h, ++g)), l(r, e, p, h, u, y), _ = "";
+	}, S = () => {
+		d || f !== null || (f = n.requestAnimationFrame ? n.requestAnimationFrame(x) : b.requestAnimationFrame ? b.requestAnimationFrame(x) : setTimeout(x, 16));
+	}, C = o({
+		options: e.options,
+		theme: e.theme,
+		measureText: v,
+		onInvalidate: S
+	});
+	C.setSize(i, c);
+	let w = (e, t) => ({
+		id: e.identifier ?? t,
+		touch: !0
+	});
+	return {
+		setOptions: (e) => C.setOptions(e),
+		setTheme: (e) => C.setTheme(e),
+		resize(e, t, n) {
+			i = e, c = t, n && (u = n), C.setSize(e, t), S();
+		},
+		render() {
+			f !== null && (n.cancelAnimationFrame ? n.cancelAnimationFrame(f) : b.cancelAnimationFrame ? b.cancelAnimationFrame(f) : clearTimeout(f)), x();
+		},
+		touchStart(e) {
+			e.forEach((e, t) => C.pointerDown(e.x, e.y, w(e, t)));
+		},
+		touchMove(e) {
+			e.forEach((e, t) => C.pointerMove(e.x, e.y, w(e, t)));
+		},
+		touchEnd(e) {
+			e.forEach((e, t) => C.pointerUp(e.x, e.y, w(e, t)));
+		},
+		touchCancel(e = [{
+			x: 0,
+			y: 0
+		}]) {
+			e.forEach((e, t) => C.pointerCancel(w(e, t)));
+		},
+		pointerDown: (e, t, n) => C.pointerDown(e, t, n),
+		pointerMove: (e, t, n) => C.pointerMove(e, t, n),
+		pointerUp: (e, t, n) => C.pointerUp(e, t, n),
+		pointerLeave: () => C.pointerLeave(),
+		zoomAt: (e, t, n) => C.zoomAt(e, t, n),
+		resetZoom: () => C.resetZoom(),
+		getView: () => C.getView(),
+		setView: (e) => C.setView(e),
+		toggleSeries: (e) => C.toggleSeries(e),
+		clearHover: () => C.clearHover(),
+		getPlotRect: () => C.getPlotRect(),
+		toPixel: (e, t) => C.toPixel(e, t),
+		fromPixel: (e, t) => C.fromPixel(e, t),
+		getController: () => C,
+		on: (e, t) => C.on(e, t),
+		destroy() {
+			d || (d = !0, f !== null && (n.cancelAnimationFrame ? n.cancelAnimationFrame(f) : b.cancelAnimationFrame ? b.cancelAnimationFrame(f) : clearTimeout(f)), y?.destroy(), C.destroy());
+		}
+	};
+};
+//#endregion
+export { u as createCanvasChart, l 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","scale","s","range","offset","o","reverse","xScale","xOffset","view","origin","yScale","yOffset","painter","items","plot","drawForeground","label","box","hover","cx","mark","d","tip","padding","lineHeight","left","right","line","content","row","createCanvasChart","config","canvas","destroyed","frameId","itemsModel","version","fontSet","measureText","f","text","g","render","controller","pw","ph","buildItems","schedule","createChartController","touchOptions","t","i","ratio","v","id","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 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  // 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 === \"bar\") {\n        ctx.fillStyle = toCss(theme.text, 0.08);\n        ctx.fillRect(mark.x - 2, mark.y - 2, mark.width + 4, mark.height + 2);\n        continue;\n      }\n      ctx.beginPath();\n      ctx.arc(mark.x, mark.y, mark.size / 2, 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);\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 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      origin = { x: mid(scene.model.base.x), y: mid(scene.model.base.y) };\n      items = buildItems(scene.model, origin, ++version);\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) => controller.setOptions(o),\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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"}