minerva-design 1.0.2 → 1.2.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"presets.cjs","names":["withSeriesType","series","s","type","stack","lineSeries","area","barSeries","stacked","scatterSeries","DEFAULT_QUADRANT_COLORS","DIVIDER","splits","x0","x1","config","y0","y1","quadrantOf","right","x","xs","y","ys","quadrantCenter","visualRight","corner","quadrantChartOptions","reverseX","color","p","left","rect","xa","xb","ya","yb","position","ends","visualLeft","texts","annotations","base","showTicks","interaction","item","event","region"],"sources":["../../../../charts/src/engine/presets.ts"],"sourcesContent":["// Option presets of the chart components, shared by every platform (React,\n// mini-programs, React Native): they turn component props into engine\n// options.\n\nimport type {\n  ChartAnnotation,\n  ChartInteractionOptions,\n  ChartOptions,\n  ChartSeries,\n  ChartSeriesType,\n} from \"./types\";\n\n/** Gives the series without a `type` the type of the component */\nexport const withSeriesType = (\n  series: readonly ChartSeries[],\n  type: ChartSeriesType,\n  stack?: string,\n): ChartSeries[] =>\n  series.map((s) => ({\n    ...s,\n    type: s.type ?? type,\n    ...(stack !== undefined && (s.type ?? type) === \"bar\"\n      ? { stack: s.stack ?? stack }\n      : {}),\n  }));\n\n/** Series of a LineChart (`area` fills them) */\nexport const lineSeries = (series: readonly ChartSeries[], area = false) =>\n  withSeriesType(series, area ? \"area\" : \"line\");\n\n/** Series of a BarChart (`stacked` stacks them) */\nexport const barSeries = (series: readonly ChartSeries[], stacked = false) =>\n  withSeriesType(series, \"bar\", stacked ? \"stack\" : undefined);\n\n/** Series of a ScatterChart */\nexport const scatterSeries = (series: readonly ChartSeries[]) =>\n  withSeriesType(series, \"scatter\");\n\n/** A point of a QuadrantChart */\nexport interface QuadrantPoint {\n  /** Position on the horizontal axis */\n  x: number;\n  /** Position on the vertical axis */\n  y: number;\n  /** Text drawn next to the dot and shown in the tooltip */\n  label?: string;\n  /** Dot color (any CSS color); the color of its quadrant by default */\n  color?: string;\n  /** Dot diameter in pixels */\n  size?: number;\n}\n\n/** Title and color of a quadrant */\nexport interface QuadrantRegion {\n  /** Title drawn in the outer corner of the quadrant */\n  label?: string;\n  /** Background tint and default dot color (any CSS color) */\n  color?: string;\n}\n\n/** The four quadrants of a QuadrantChart */\nexport interface QuadrantRegions {\n  topLeft?: QuadrantRegion;\n  topRight?: QuadrantRegion;\n  bottomLeft?: QuadrantRegion;\n  bottomRight?: QuadrantRegion;\n}\n\n/** A quadrant, as seen on screen */\nexport type QuadrantCorner = keyof QuadrantRegions;\n\n/** Texts at the four ends of the dividers, inside the plot */\nexport interface QuadrantAxisLabels {\n  top?: string;\n  bottom?: string;\n  left?: string;\n  right?: string;\n}\n\n/** Settings of a quadrant matrix (the props of QuadrantChart) */\nexport interface QuadrantConfig {\n  /** Points to place */\n  points: readonly QuadrantPoint[];\n  /**\n   * Range of the horizontal axis\n   * @default [0, 10]\n   */\n  xDomain?: [number, number];\n  /**\n   * Range of the vertical axis\n   * @default [0, 10]\n   */\n  yDomain?: [number, number];\n  /** X value of the vertical divider (the middle of `xDomain` by default) */\n  xSplit?: number;\n  /** Y value of the horizontal divider (the middle of `yDomain` by default) */\n  ySplit?: number;\n  /** Titles and colors of the quadrants */\n  quadrants?: QuadrantRegions;\n  /** Title of the horizontal axis */\n  xLabel?: string;\n  /** Title of the vertical axis */\n  yLabel?: string;\n  /** Texts at the ends of the dividers, drawn inside the plot (e.g. \"Important\" at the top) */\n  axisLabels?: QuadrantAxisLabels;\n  /**\n   * Shows the numeric ticks of the axes; `false` keeps only the matrix\n   * @default true\n   */\n  showTicks?: boolean;\n  /** Reverses the horizontal axis (e.g. \"urgent\" on the left) */\n  reverseX?: boolean;\n  /**\n   * Draws the labels next to the dots (overlapping labels are skipped)\n   * @default true\n   */\n  showLabels?: boolean;\n  /**\n   * Dot diameter in pixels\n   * @default 12\n   */\n  pointSize?: number;\n  /** Name of the points in the tooltip */\n  name?: string;\n  /** Lets the user drag the dots (`drag` / `drop` events) */\n  draggable?: boolean;\n}\n\nexport const DEFAULT_QUADRANT_COLORS: Required<Record<QuadrantCorner, string>> =\n  {\n    topLeft: \"var(--danger-color, #ef4444)\",\n    topRight: \"var(--primary-color, #4f46e5)\",\n    bottomLeft: \"var(--warning-color, #f59e0b)\",\n    bottomRight: \"var(--text-secondary-color, #64748b)\",\n  };\n\nconst DIVIDER = \"var(--border-strong-color, var(--border-color, #cbd5e1))\";\n\nconst splits = (config: QuadrantConfig) => {\n  const [x0, x1] = config.xDomain ?? [0, 10];\n  const [y0, y1] = config.yDomain ?? [0, 10];\n  return {\n    x0,\n    x1,\n    y0,\n    y1,\n    xs: config.xSplit ?? (x0 + x1) / 2,\n    ys: config.ySplit ?? (y0 + y1) / 2,\n  };\n};\n\n/** Quadrant of a data position, as seen on screen */\nexport const quadrantOf = (\n  config: Pick<\n    QuadrantConfig,\n    \"xDomain\" | \"yDomain\" | \"xSplit\" | \"ySplit\" | \"reverseX\"\n  >,\n  x: number,\n  y: number,\n): QuadrantCorner => {\n  const { xs, ys } = splits(config as QuadrantConfig);\n  const right = config.reverseX ? x < xs : x >= xs;\n  const top = y >= ys;\n  return top\n    ? right\n      ? \"topRight\"\n      : \"topLeft\"\n    : right\n      ? \"bottomRight\"\n      : \"bottomLeft\";\n};\n\n/** Center of a quadrant in data coordinates */\nexport const quadrantCenter = (\n  config: Pick<\n    QuadrantConfig,\n    \"xDomain\" | \"yDomain\" | \"xSplit\" | \"ySplit\" | \"reverseX\"\n  >,\n  corner: QuadrantCorner,\n): { x: number; y: number } => {\n  const { x0, x1, y0, y1, xs, ys } = splits(config as QuadrantConfig);\n  const visualRight = corner.endsWith(\"Right\");\n  const dataHigh = config.reverseX ? !visualRight : visualRight;\n  return {\n    x: dataHigh ? (xs + x1) / 2 : (x0 + xs) / 2,\n    y: corner.startsWith(\"top\") ? (ys + y1) / 2 : (y0 + ys) / 2,\n  };\n};\n\n/** Engine options of a quadrant matrix */\nexport const quadrantChartOptions = (\n  config: QuadrantConfig,\n  base: Omit<ChartOptions, \"series\"> = {},\n): ChartOptions => {\n  const { x0, x1, y0, y1, xs, ys } = splits(config);\n  const reverseX = !!config.reverseX;\n  const color = (corner: QuadrantCorner) =>\n    config.quadrants?.[corner]?.color ?? DEFAULT_QUADRANT_COLORS[corner];\n\n  const series: ChartSeries[] = [\n    {\n      type: \"scatter\",\n      name: config.name ?? \"\",\n      pointSize: config.pointSize ?? 12,\n      showLabels: config.showLabels ?? true,\n      opacity: 0.9,\n      data: config.points.map((p) => ({\n        x: p.x,\n        y: p.y,\n        label: p.label,\n        size: p.size,\n        color: p.color ?? color(quadrantOf(config, p.x, p.y)),\n      })),\n    },\n  ];\n\n  // visual left / right -> data ranges\n  const left: [number, number] = reverseX ? [xs, x1] : [x0, xs];\n  const right: [number, number] = reverseX ? [x0, xs] : [xs, x1];\n  const rect = (\n    corner: QuadrantCorner,\n    [xa, xb]: [number, number],\n    [ya, yb]: [number, number],\n    position: \"top-left\" | \"top-right\" | \"bottom-left\" | \"bottom-right\",\n  ): ChartAnnotation => ({\n    type: \"rect\",\n    x0: xa,\n    x1: xb,\n    y0: ya,\n    y1: yb,\n    color: color(corner),\n    opacity: 0.07,\n    label: config.quadrants?.[corner]?.label,\n    labelPosition: position,\n  });\n  const ends = config.axisLabels ?? {};\n  const visualLeft = reverseX ? x1 : x0;\n  const visualRight = reverseX ? x0 : x1;\n  const texts: ChartAnnotation[] = [\n    ...(ends.top\n      ? [{ type: \"text\", x: xs, y: y1, text: ends.top, anchor: \"top\" } as const]\n      : []),\n    ...(ends.bottom\n      ? [\n          {\n            type: \"text\",\n            x: xs,\n            y: y0,\n            text: ends.bottom,\n            anchor: \"bottom\",\n          } as const,\n        ]\n      : []),\n    ...(ends.left\n      ? [\n          {\n            type: \"text\",\n            x: visualLeft,\n            y: ys,\n            text: ends.left,\n            anchor: \"left\",\n          } as const,\n        ]\n      : []),\n    ...(ends.right\n      ? [\n          {\n            type: \"text\",\n            x: visualRight,\n            y: ys,\n            text: ends.right,\n            anchor: \"right\",\n          } as const,\n        ]\n      : []),\n  ];\n\n  const annotations: ChartAnnotation[] = [\n    rect(\"topLeft\", left, [ys, y1], \"top-left\"),\n    rect(\"topRight\", right, [ys, y1], \"top-right\"),\n    rect(\"bottomLeft\", left, [y0, ys], \"bottom-left\"),\n    rect(\"bottomRight\", right, [y0, ys], \"bottom-right\"),\n    { type: \"line\", axis: \"x\", value: xs, dash: [], color: DIVIDER },\n    { type: \"line\", axis: \"y\", value: ys, dash: [], color: DIVIDER },\n    ...texts,\n    ...(base.annotations ?? []),\n  ];\n\n  const showTicks = config.showTicks ?? true;\n  const interaction: boolean | ChartInteractionOptions =\n    base.interaction === false\n      ? false\n      : {\n          zoom: false,\n          ...(typeof base.interaction === \"object\" ? base.interaction : {}),\n          ...(config.draggable ? { dragPoints: true } : {}),\n        };\n\n  return {\n    ...base,\n    series,\n    annotations,\n    tooltip:\n      base.tooltip ??\n      (showTicks\n        ? undefined\n        : {\n            render: (event) => {\n              const item = event.items[0];\n              if (!item) return null;\n              const region =\n                config.quadrants?.[quadrantOf(config, item.x, item.y)]?.label;\n              return [item.label ?? config.name ?? \"\", region ?? \"\"]\n                .filter(Boolean)\n                .join(\"\\n\");\n            },\n          }),\n    xAxis: {\n      min: x0,\n      max: x1,\n      title: config.xLabel,\n      reverse: reverseX,\n      nice: false,\n      grid: false,\n      tickCount: 4,\n      visible: showTicks || !!config.xLabel,\n      ...(showTicks ? {} : { format: () => \"\" }),\n    },\n    yAxis: {\n      min: y0,\n      max: y1,\n      title: config.yLabel,\n      nice: false,\n      grid: false,\n      tickCount: 4,\n      visible: showTicks || !!config.yLabel,\n      ...(showTicks ? {} : { format: () => \"\" }),\n    },\n    legend: base.legend ?? false,\n    padding:\n      base.padding ??\n      (showTicks ? undefined : { top: 4, right: 4, bottom: 4, left: 4 }),\n    interaction,\n  };\n};\n"],"mappings":"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"}

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

@@ -0,0 +1,103 @@
+import { ChartOptions, ChartSeries, ChartSeriesType } from './types.cjs';
+/** Gives the series without a `type` the type of the component */
+export declare const withSeriesType: (series: readonly ChartSeries[], type: ChartSeriesType, stack?: string) => ChartSeries[];
+/** Series of a LineChart (`area` fills them) */
+export declare const lineSeries: (series: readonly ChartSeries[], area?: boolean) => ChartSeries[];
+/** Series of a BarChart (`stacked` stacks them) */
+export declare const barSeries: (series: readonly ChartSeries[], stacked?: boolean) => ChartSeries[];
+/** Series of a ScatterChart */
+export declare const scatterSeries: (series: readonly ChartSeries[]) => ChartSeries[];
+/** A point of a QuadrantChart */
+export interface QuadrantPoint {
+    /** Position on the horizontal axis */
+    x: number;
+    /** Position on the vertical axis */
+    y: number;
+    /** Text drawn next to the dot and shown in the tooltip */
+    label?: string;
+    /** Dot color (any CSS color); the color of its quadrant by default */
+    color?: string;
+    /** Dot diameter in pixels */
+    size?: number;
+}
+/** Title and color of a quadrant */
+export interface QuadrantRegion {
+    /** Title drawn in the outer corner of the quadrant */
+    label?: string;
+    /** Background tint and default dot color (any CSS color) */
+    color?: string;
+}
+/** The four quadrants of a QuadrantChart */
+export interface QuadrantRegions {
+    topLeft?: QuadrantRegion;
+    topRight?: QuadrantRegion;
+    bottomLeft?: QuadrantRegion;
+    bottomRight?: QuadrantRegion;
+}
+/** A quadrant, as seen on screen */
+export type QuadrantCorner = keyof QuadrantRegions;
+/** Texts at the four ends of the dividers, inside the plot */
+export interface QuadrantAxisLabels {
+    top?: string;
+    bottom?: string;
+    left?: string;
+    right?: string;
+}
+/** Settings of a quadrant matrix (the props of QuadrantChart) */
+export interface QuadrantConfig {
+    /** Points to place */
+    points: readonly QuadrantPoint[];
+    /**
+     * Range of the horizontal axis
+     * @default [0, 10]
+     */
+    xDomain?: [number, number];
+    /**
+     * Range of the vertical axis
+     * @default [0, 10]
+     */
+    yDomain?: [number, number];
+    /** X value of the vertical divider (the middle of `xDomain` by default) */
+    xSplit?: number;
+    /** Y value of the horizontal divider (the middle of `yDomain` by default) */
+    ySplit?: number;
+    /** Titles and colors of the quadrants */
+    quadrants?: QuadrantRegions;
+    /** Title of the horizontal axis */
+    xLabel?: string;
+    /** Title of the vertical axis */
+    yLabel?: string;
+    /** Texts at the ends of the dividers, drawn inside the plot (e.g. "Important" at the top) */
+    axisLabels?: QuadrantAxisLabels;
+    /**
+     * Shows the numeric ticks of the axes; `false` keeps only the matrix
+     * @default true
+     */
+    showTicks?: boolean;
+    /** Reverses the horizontal axis (e.g. "urgent" on the left) */
+    reverseX?: boolean;
+    /**
+     * Draws the labels next to the dots (overlapping labels are skipped)
+     * @default true
+     */
+    showLabels?: boolean;
+    /**
+     * Dot diameter in pixels
+     * @default 12
+     */
+    pointSize?: number;
+    /** Name of the points in the tooltip */
+    name?: string;
+    /** Lets the user drag the dots (`drag` / `drop` events) */
+    draggable?: boolean;
+}
+export declare const DEFAULT_QUADRANT_COLORS: Required<Record<QuadrantCorner, string>>;
+/** Quadrant of a data position, as seen on screen */
+export declare const quadrantOf: (config: Pick<QuadrantConfig, "xDomain" | "yDomain" | "xSplit" | "ySplit" | "reverseX">, x: number, y: number) => QuadrantCorner;
+/** Center of a quadrant in data coordinates */
+export declare const quadrantCenter: (config: Pick<QuadrantConfig, "xDomain" | "yDomain" | "xSplit" | "ySplit" | "reverseX">, corner: QuadrantCorner) => {
+    x: number;
+    y: number;
+};
+/** Engine options of a quadrant matrix */
+export declare const quadrantChartOptions: (config: QuadrantConfig, base?: Omit<ChartOptions, "series">) => ChartOptions;

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

@@ -0,0 +1,103 @@
+import { ChartOptions, ChartSeries, ChartSeriesType } from './types.js';
+/** Gives the series without a `type` the type of the component */
+export declare const withSeriesType: (series: readonly ChartSeries[], type: ChartSeriesType, stack?: string) => ChartSeries[];
+/** Series of a LineChart (`area` fills them) */
+export declare const lineSeries: (series: readonly ChartSeries[], area?: boolean) => ChartSeries[];
+/** Series of a BarChart (`stacked` stacks them) */
+export declare const barSeries: (series: readonly ChartSeries[], stacked?: boolean) => ChartSeries[];
+/** Series of a ScatterChart */
+export declare const scatterSeries: (series: readonly ChartSeries[]) => ChartSeries[];
+/** A point of a QuadrantChart */
+export interface QuadrantPoint {
+    /** Position on the horizontal axis */
+    x: number;
+    /** Position on the vertical axis */
+    y: number;
+    /** Text drawn next to the dot and shown in the tooltip */
+    label?: string;
+    /** Dot color (any CSS color); the color of its quadrant by default */
+    color?: string;
+    /** Dot diameter in pixels */
+    size?: number;
+}
+/** Title and color of a quadrant */
+export interface QuadrantRegion {
+    /** Title drawn in the outer corner of the quadrant */
+    label?: string;
+    /** Background tint and default dot color (any CSS color) */
+    color?: string;
+}
+/** The four quadrants of a QuadrantChart */
+export interface QuadrantRegions {
+    topLeft?: QuadrantRegion;
+    topRight?: QuadrantRegion;
+    bottomLeft?: QuadrantRegion;
+    bottomRight?: QuadrantRegion;
+}
+/** A quadrant, as seen on screen */
+export type QuadrantCorner = keyof QuadrantRegions;
+/** Texts at the four ends of the dividers, inside the plot */
+export interface QuadrantAxisLabels {
+    top?: string;
+    bottom?: string;
+    left?: string;
+    right?: string;
+}
+/** Settings of a quadrant matrix (the props of QuadrantChart) */
+export interface QuadrantConfig {
+    /** Points to place */
+    points: readonly QuadrantPoint[];
+    /**
+     * Range of the horizontal axis
+     * @default [0, 10]
+     */
+    xDomain?: [number, number];
+    /**
+     * Range of the vertical axis
+     * @default [0, 10]
+     */
+    yDomain?: [number, number];
+    /** X value of the vertical divider (the middle of `xDomain` by default) */
+    xSplit?: number;
+    /** Y value of the horizontal divider (the middle of `yDomain` by default) */
+    ySplit?: number;
+    /** Titles and colors of the quadrants */
+    quadrants?: QuadrantRegions;
+    /** Title of the horizontal axis */
+    xLabel?: string;
+    /** Title of the vertical axis */
+    yLabel?: string;
+    /** Texts at the ends of the dividers, drawn inside the plot (e.g. "Important" at the top) */
+    axisLabels?: QuadrantAxisLabels;
+    /**
+     * Shows the numeric ticks of the axes; `false` keeps only the matrix
+     * @default true
+     */
+    showTicks?: boolean;
+    /** Reverses the horizontal axis (e.g. "urgent" on the left) */
+    reverseX?: boolean;
+    /**
+     * Draws the labels next to the dots (overlapping labels are skipped)
+     * @default true
+     */
+    showLabels?: boolean;
+    /**
+     * Dot diameter in pixels
+     * @default 12
+     */
+    pointSize?: number;
+    /** Name of the points in the tooltip */
+    name?: string;
+    /** Lets the user drag the dots (`drag` / `drop` events) */
+    draggable?: boolean;
+}
+export declare const DEFAULT_QUADRANT_COLORS: Required<Record<QuadrantCorner, string>>;
+/** Quadrant of a data position, as seen on screen */
+export declare const quadrantOf: (config: Pick<QuadrantConfig, "xDomain" | "yDomain" | "xSplit" | "ySplit" | "reverseX">, x: number, y: number) => QuadrantCorner;
+/** Center of a quadrant in data coordinates */
+export declare const quadrantCenter: (config: Pick<QuadrantConfig, "xDomain" | "yDomain" | "xSplit" | "ySplit" | "reverseX">, corner: QuadrantCorner) => {
+    x: number;
+    y: number;
+};
+/** Engine options of a quadrant matrix */
+export declare const quadrantChartOptions: (config: QuadrantConfig, base?: Omit<ChartOptions, "series">) => ChartOptions;

package/dist/charts/engine/presets.js

@@ -0,0 +1,153 @@
+//#region src/engine/presets.ts
+var e = (e, t, n) => e.map((e) => ({
+	...e,
+	type: e.type ?? t,
+	...n !== void 0 && (e.type ?? t) === "bar" ? { stack: e.stack ?? n } : {}
+})), t = (t, n = !1) => e(t, n ? "area" : "line"), n = (t, n = !1) => e(t, "bar", n ? "stack" : void 0), r = (t) => e(t, "scatter"), i = {
+	topLeft: "var(--danger-color, #ef4444)",
+	topRight: "var(--primary-color, #4f46e5)",
+	bottomLeft: "var(--warning-color, #f59e0b)",
+	bottomRight: "var(--text-secondary-color, #64748b)"
+}, a = "var(--border-strong-color, var(--border-color, #cbd5e1))", o = (e) => {
+	let [t, n] = e.xDomain ?? [0, 10], [r, i] = e.yDomain ?? [0, 10];
+	return {
+		x0: t,
+		x1: n,
+		y0: r,
+		y1: i,
+		xs: e.xSplit ?? (t + n) / 2,
+		ys: e.ySplit ?? (r + i) / 2
+	};
+}, s = (e, t, n) => {
+	let { xs: r, ys: i } = o(e), a = e.reverseX ? t < r : t >= r;
+	return n >= i ? a ? "topRight" : "topLeft" : a ? "bottomRight" : "bottomLeft";
+}, c = (e, t) => {
+	let { x0: n, x1: r, y0: i, y1: a, xs: s, ys: c } = o(e), l = t.endsWith("Right");
+	return {
+		x: (e.reverseX ? !l : l) ? (s + r) / 2 : (n + s) / 2,
+		y: t.startsWith("top") ? (c + a) / 2 : (i + c) / 2
+	};
+}, l = (e, t = {}) => {
+	let { x0: n, x1: r, y0: c, y1: l, xs: u, ys: d } = o(e), f = !!e.reverseX, p = (t) => e.quadrants?.[t]?.color ?? i[t], m = [{
+		type: "scatter",
+		name: e.name ?? "",
+		pointSize: e.pointSize ?? 12,
+		showLabels: e.showLabels ?? !0,
+		opacity: .9,
+		data: e.points.map((t) => ({
+			x: t.x,
+			y: t.y,
+			label: t.label,
+			size: t.size,
+			color: t.color ?? p(s(e, t.x, t.y))
+		}))
+	}], h = f ? [u, r] : [n, u], g = f ? [n, u] : [u, r], _ = (t, [n, r], [i, a], o) => ({
+		type: "rect",
+		x0: n,
+		x1: r,
+		y0: i,
+		y1: a,
+		color: p(t),
+		opacity: .07,
+		label: e.quadrants?.[t]?.label,
+		labelPosition: o
+	}), v = e.axisLabels ?? {}, y = f ? r : n, b = f ? n : r, x = [
+		...v.top ? [{
+			type: "text",
+			x: u,
+			y: l,
+			text: v.top,
+			anchor: "top"
+		}] : [],
+		...v.bottom ? [{
+			type: "text",
+			x: u,
+			y: c,
+			text: v.bottom,
+			anchor: "bottom"
+		}] : [],
+		...v.left ? [{
+			type: "text",
+			x: y,
+			y: d,
+			text: v.left,
+			anchor: "left"
+		}] : [],
+		...v.right ? [{
+			type: "text",
+			x: b,
+			y: d,
+			text: v.right,
+			anchor: "right"
+		}] : []
+	], S = [
+		_("topLeft", h, [d, l], "top-left"),
+		_("topRight", g, [d, l], "top-right"),
+		_("bottomLeft", h, [c, d], "bottom-left"),
+		_("bottomRight", g, [c, d], "bottom-right"),
+		{
+			type: "line",
+			axis: "x",
+			value: u,
+			dash: [],
+			color: a
+		},
+		{
+			type: "line",
+			axis: "y",
+			value: d,
+			dash: [],
+			color: a
+		},
+		...x,
+		...t.annotations ?? []
+	], C = e.showTicks ?? !0, w = t.interaction !== !1 && {
+		zoom: !1,
+		...typeof t.interaction == "object" ? t.interaction : {},
+		...e.draggable ? { dragPoints: !0 } : {}
+	};
+	return {
+		...t,
+		series: m,
+		annotations: S,
+		tooltip: t.tooltip ?? (C ? void 0 : { render: (t) => {
+			let n = t.items[0];
+			if (!n) return null;
+			let r = e.quadrants?.[s(e, n.x, n.y)]?.label;
+			return [n.label ?? e.name ?? "", r ?? ""].filter(Boolean).join("\n");
+		} }),
+		xAxis: {
+			min: n,
+			max: r,
+			title: e.xLabel,
+			reverse: f,
+			nice: !1,
+			grid: !1,
+			tickCount: 4,
+			visible: C || !!e.xLabel,
+			...C ? {} : { format: () => "" }
+		},
+		yAxis: {
+			min: c,
+			max: l,
+			title: e.yLabel,
+			nice: !1,
+			grid: !1,
+			tickCount: 4,
+			visible: C || !!e.yLabel,
+			...C ? {} : { format: () => "" }
+		},
+		legend: t.legend ?? !1,
+		padding: t.padding ?? (C ? void 0 : {
+			top: 4,
+			right: 4,
+			bottom: 4,
+			left: 4
+		}),
+		interaction: w
+	};
+};
+//#endregion
+export { i as DEFAULT_QUADRANT_COLORS, n as barSeries, t as lineSeries, c as quadrantCenter, l as quadrantChartOptions, s as quadrantOf, r as scatterSeries, e as withSeriesType };
+
+//# sourceMappingURL=presets.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"presets.js","names":["withSeriesType","series","s","type","stack","lineSeries","area","barSeries","stacked","scatterSeries","DEFAULT_QUADRANT_COLORS","DIVIDER","splits","x0","x1","config","y0","y1","quadrantOf","right","x","xs","y","ys","quadrantCenter","visualRight","corner","quadrantChartOptions","reverseX","color","p","left","rect","xa","xb","ya","yb","position","ends","visualLeft","texts","annotations","base","showTicks","interaction","item","event","region"],"sources":["../../../../charts/src/engine/presets.ts"],"sourcesContent":["// Option presets of the chart components, shared by every platform (React,\n// mini-programs, React Native): they turn component props into engine\n// options.\n\nimport type {\n  ChartAnnotation,\n  ChartInteractionOptions,\n  ChartOptions,\n  ChartSeries,\n  ChartSeriesType,\n} from \"./types\";\n\n/** Gives the series without a `type` the type of the component */\nexport const withSeriesType = (\n  series: readonly ChartSeries[],\n  type: ChartSeriesType,\n  stack?: string,\n): ChartSeries[] =>\n  series.map((s) => ({\n    ...s,\n    type: s.type ?? type,\n    ...(stack !== undefined && (s.type ?? type) === \"bar\"\n      ? { stack: s.stack ?? stack }\n      : {}),\n  }));\n\n/** Series of a LineChart (`area` fills them) */\nexport const lineSeries = (series: readonly ChartSeries[], area = false) =>\n  withSeriesType(series, area ? \"area\" : \"line\");\n\n/** Series of a BarChart (`stacked` stacks them) */\nexport const barSeries = (series: readonly ChartSeries[], stacked = false) =>\n  withSeriesType(series, \"bar\", stacked ? \"stack\" : undefined);\n\n/** Series of a ScatterChart */\nexport const scatterSeries = (series: readonly ChartSeries[]) =>\n  withSeriesType(series, \"scatter\");\n\n/** A point of a QuadrantChart */\nexport interface QuadrantPoint {\n  /** Position on the horizontal axis */\n  x: number;\n  /** Position on the vertical axis */\n  y: number;\n  /** Text drawn next to the dot and shown in the tooltip */\n  label?: string;\n  /** Dot color (any CSS color); the color of its quadrant by default */\n  color?: string;\n  /** Dot diameter in pixels */\n  size?: number;\n}\n\n/** Title and color of a quadrant */\nexport interface QuadrantRegion {\n  /** Title drawn in the outer corner of the quadrant */\n  label?: string;\n  /** Background tint and default dot color (any CSS color) */\n  color?: string;\n}\n\n/** The four quadrants of a QuadrantChart */\nexport interface QuadrantRegions {\n  topLeft?: QuadrantRegion;\n  topRight?: QuadrantRegion;\n  bottomLeft?: QuadrantRegion;\n  bottomRight?: QuadrantRegion;\n}\n\n/** A quadrant, as seen on screen */\nexport type QuadrantCorner = keyof QuadrantRegions;\n\n/** Texts at the four ends of the dividers, inside the plot */\nexport interface QuadrantAxisLabels {\n  top?: string;\n  bottom?: string;\n  left?: string;\n  right?: string;\n}\n\n/** Settings of a quadrant matrix (the props of QuadrantChart) */\nexport interface QuadrantConfig {\n  /** Points to place */\n  points: readonly QuadrantPoint[];\n  /**\n   * Range of the horizontal axis\n   * @default [0, 10]\n   */\n  xDomain?: [number, number];\n  /**\n   * Range of the vertical axis\n   * @default [0, 10]\n   */\n  yDomain?: [number, number];\n  /** X value of the vertical divider (the middle of `xDomain` by default) */\n  xSplit?: number;\n  /** Y value of the horizontal divider (the middle of `yDomain` by default) */\n  ySplit?: number;\n  /** Titles and colors of the quadrants */\n  quadrants?: QuadrantRegions;\n  /** Title of the horizontal axis */\n  xLabel?: string;\n  /** Title of the vertical axis */\n  yLabel?: string;\n  /** Texts at the ends of the dividers, drawn inside the plot (e.g. \"Important\" at the top) */\n  axisLabels?: QuadrantAxisLabels;\n  /**\n   * Shows the numeric ticks of the axes; `false` keeps only the matrix\n   * @default true\n   */\n  showTicks?: boolean;\n  /** Reverses the horizontal axis (e.g. \"urgent\" on the left) */\n  reverseX?: boolean;\n  /**\n   * Draws the labels next to the dots (overlapping labels are skipped)\n   * @default true\n   */\n  showLabels?: boolean;\n  /**\n   * Dot diameter in pixels\n   * @default 12\n   */\n  pointSize?: number;\n  /** Name of the points in the tooltip */\n  name?: string;\n  /** Lets the user drag the dots (`drag` / `drop` events) */\n  draggable?: boolean;\n}\n\nexport const DEFAULT_QUADRANT_COLORS: Required<Record<QuadrantCorner, string>> =\n  {\n    topLeft: \"var(--danger-color, #ef4444)\",\n    topRight: \"var(--primary-color, #4f46e5)\",\n    bottomLeft: \"var(--warning-color, #f59e0b)\",\n    bottomRight: \"var(--text-secondary-color, #64748b)\",\n  };\n\nconst DIVIDER = \"var(--border-strong-color, var(--border-color, #cbd5e1))\";\n\nconst splits = (config: QuadrantConfig) => {\n  const [x0, x1] = config.xDomain ?? [0, 10];\n  const [y0, y1] = config.yDomain ?? [0, 10];\n  return {\n    x0,\n    x1,\n    y0,\n    y1,\n    xs: config.xSplit ?? (x0 + x1) / 2,\n    ys: config.ySplit ?? (y0 + y1) / 2,\n  };\n};\n\n/** Quadrant of a data position, as seen on screen */\nexport const quadrantOf = (\n  config: Pick<\n    QuadrantConfig,\n    \"xDomain\" | \"yDomain\" | \"xSplit\" | \"ySplit\" | \"reverseX\"\n  >,\n  x: number,\n  y: number,\n): QuadrantCorner => {\n  const { xs, ys } = splits(config as QuadrantConfig);\n  const right = config.reverseX ? x < xs : x >= xs;\n  const top = y >= ys;\n  return top\n    ? right\n      ? \"topRight\"\n      : \"topLeft\"\n    : right\n      ? \"bottomRight\"\n      : \"bottomLeft\";\n};\n\n/** Center of a quadrant in data coordinates */\nexport const quadrantCenter = (\n  config: Pick<\n    QuadrantConfig,\n    \"xDomain\" | \"yDomain\" | \"xSplit\" | \"ySplit\" | \"reverseX\"\n  >,\n  corner: QuadrantCorner,\n): { x: number; y: number } => {\n  const { x0, x1, y0, y1, xs, ys } = splits(config as QuadrantConfig);\n  const visualRight = corner.endsWith(\"Right\");\n  const dataHigh = config.reverseX ? !visualRight : visualRight;\n  return {\n    x: dataHigh ? (xs + x1) / 2 : (x0 + xs) / 2,\n    y: corner.startsWith(\"top\") ? (ys + y1) / 2 : (y0 + ys) / 2,\n  };\n};\n\n/** Engine options of a quadrant matrix */\nexport const quadrantChartOptions = (\n  config: QuadrantConfig,\n  base: Omit<ChartOptions, \"series\"> = {},\n): ChartOptions => {\n  const { x0, x1, y0, y1, xs, ys } = splits(config);\n  const reverseX = !!config.reverseX;\n  const color = (corner: QuadrantCorner) =>\n    config.quadrants?.[corner]?.color ?? DEFAULT_QUADRANT_COLORS[corner];\n\n  const series: ChartSeries[] = [\n    {\n      type: \"scatter\",\n      name: config.name ?? \"\",\n      pointSize: config.pointSize ?? 12,\n      showLabels: config.showLabels ?? true,\n      opacity: 0.9,\n      data: config.points.map((p) => ({\n        x: p.x,\n        y: p.y,\n        label: p.label,\n        size: p.size,\n        color: p.color ?? color(quadrantOf(config, p.x, p.y)),\n      })),\n    },\n  ];\n\n  // visual left / right -> data ranges\n  const left: [number, number] = reverseX ? [xs, x1] : [x0, xs];\n  const right: [number, number] = reverseX ? [x0, xs] : [xs, x1];\n  const rect = (\n    corner: QuadrantCorner,\n    [xa, xb]: [number, number],\n    [ya, yb]: [number, number],\n    position: \"top-left\" | \"top-right\" | \"bottom-left\" | \"bottom-right\",\n  ): ChartAnnotation => ({\n    type: \"rect\",\n    x0: xa,\n    x1: xb,\n    y0: ya,\n    y1: yb,\n    color: color(corner),\n    opacity: 0.07,\n    label: config.quadrants?.[corner]?.label,\n    labelPosition: position,\n  });\n  const ends = config.axisLabels ?? {};\n  const visualLeft = reverseX ? x1 : x0;\n  const visualRight = reverseX ? x0 : x1;\n  const texts: ChartAnnotation[] = [\n    ...(ends.top\n      ? [{ type: \"text\", x: xs, y: y1, text: ends.top, anchor: \"top\" } as const]\n      : []),\n    ...(ends.bottom\n      ? [\n          {\n            type: \"text\",\n            x: xs,\n            y: y0,\n            text: ends.bottom,\n            anchor: \"bottom\",\n          } as const,\n        ]\n      : []),\n    ...(ends.left\n      ? [\n          {\n            type: \"text\",\n            x: visualLeft,\n            y: ys,\n            text: ends.left,\n            anchor: \"left\",\n          } as const,\n        ]\n      : []),\n    ...(ends.right\n      ? [\n          {\n            type: \"text\",\n            x: visualRight,\n            y: ys,\n            text: ends.right,\n            anchor: \"right\",\n          } as const,\n        ]\n      : []),\n  ];\n\n  const annotations: ChartAnnotation[] = [\n    rect(\"topLeft\", left, [ys, y1], \"top-left\"),\n    rect(\"topRight\", right, [ys, y1], \"top-right\"),\n    rect(\"bottomLeft\", left, [y0, ys], \"bottom-left\"),\n    rect(\"bottomRight\", right, [y0, ys], \"bottom-right\"),\n    { type: \"line\", axis: \"x\", value: xs, dash: [], color: DIVIDER },\n    { type: \"line\", axis: \"y\", value: ys, dash: [], color: DIVIDER },\n    ...texts,\n    ...(base.annotations ?? []),\n  ];\n\n  const showTicks = config.showTicks ?? true;\n  const interaction: boolean | ChartInteractionOptions =\n    base.interaction === false\n      ? false\n      : {\n          zoom: false,\n          ...(typeof base.interaction === \"object\" ? base.interaction : {}),\n          ...(config.draggable ? { dragPoints: true } : {}),\n        };\n\n  return {\n    ...base,\n    series,\n    annotations,\n    tooltip:\n      base.tooltip ??\n      (showTicks\n        ? undefined\n        : {\n            render: (event) => {\n              const item = event.items[0];\n              if (!item) return null;\n              const region =\n                config.quadrants?.[quadrantOf(config, item.x, item.y)]?.label;\n              return [item.label ?? config.name ?? \"\", region ?? \"\"]\n                .filter(Boolean)\n                .join(\"\\n\");\n            },\n          }),\n    xAxis: {\n      min: x0,\n      max: x1,\n      title: config.xLabel,\n      reverse: reverseX,\n      nice: false,\n      grid: false,\n      tickCount: 4,\n      visible: showTicks || !!config.xLabel,\n      ...(showTicks ? {} : { format: () => \"\" }),\n    },\n    yAxis: {\n      min: y0,\n      max: y1,\n      title: config.yLabel,\n      nice: false,\n      grid: false,\n      tickCount: 4,\n      visible: showTicks || !!config.yLabel,\n      ...(showTicks ? {} : { format: () => \"\" }),\n    },\n    legend: base.legend ?? false,\n    padding:\n      base.padding ??\n      (showTicks ? undefined : { top: 4, right: 4, bottom: 4, left: 4 }),\n    interaction,\n  };\n};\n"],"mappings":"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"}

package/dist/charts/engine/renderers/canvas2d.cjs

@@ -0,0 +1,2 @@
+const e=require("./types.cjs"),t=require("../decimate.cjs");var n=2e4,r=(e,t)=>`rgba(${Math.round(e[0]*255)},${Math.round(e[1]*255)},${Math.round(e[2]*255)},${e[3]*t})`,i=e=>[(e&255)/255,(e>>>8&255)/255,(e>>>16&255)/255,(e>>>24&255)/255],a=e=>!Number.isFinite(e)||Math.abs(e)>=15e37,o=(e,t,n)=>{let r=0,i=t;for(;r<i;){let t=r+i>>>1;e[t*2]<n?r=t+1:i=t}return r},s=(n,s)=>{let c=null,l=e=>{let{xScale:t,xOffset:n,yScale:r,yOffset:i}=e.transform,a=e.width,o=e.height;return{px:e=>((e*t+n)*.5+.5)*a,py:e=>(1-((e*r+i)*.5+.5))*o,xRange:()=>{let e=(-1-n)/t,r=(1-n)/t;return e<r?[e,r]:[r,e]}}},u=(n,r)=>{if(!n.sorted||n.count<=r.width*2)return{points:n.points,length:n.count};let i=l(r),[a,s]=i.xRange(),c=Math.max(0,o(n.points,n.count,a)-1),u=Math.min(n.count,o(n.points,n.count,s)+1),d=t.decimateMinMax(n.points,c,u,i.px,e.GAP*.5);return{points:d.points,length:d.length}},d=(e,t)=>{let i=l(t),{points:o,length:s}=u(e,t);n.beginPath();let c=!1;for(let e=0;e<s;e++){let t=o[e*2],r=o[e*2+1];if(a(t)||a(r)){c=!1;continue}c?n.lineTo(i.px(t),i.py(r)):n.moveTo(i.px(t),i.py(r)),c=!0}n.lineWidth=e.width*t.dpr,n.lineJoin=`round`,n.lineCap=`round`,n.strokeStyle=r(e.color,1),n.stroke()},f=(e,t)=>{let i=l(t),{points:o,length:s}=u(e,t),c=i.py(e.baseline),d=n.createLinearGradient(0,0,0,c);d.addColorStop(0,r(e.color,e.opacity)),d.addColorStop(1,r(e.color,e.opacity*.3)),n.fillStyle=d,n.beginPath();let f=-1,p=0,m=()=>{f<0||(n.lineTo(p,c),n.closePath(),f=-1)};for(let e=0;e<s;e++){let t=o[e*2],r=o[e*2+1];if(a(t)||a(r)){m();continue}let s=i.px(t);f<0&&(f=e,n.moveTo(s,c)),n.lineTo(s,i.py(r)),p=s}m(),n.fill()},p=(e,t)=>{let i=l(t),o=Math.max(Math.abs(e.halfWidth*t.transform.xScale)*.5*t.width,.5),s=e.radius*t.dpr;n.fillStyle=r(e.color,1),n.beginPath();let c=e.instances;for(let t=0;t<e.count;t++){let e=c[t*3],r=c[t*3+1],l=c[t*3+2];if(a(e)||a(r)||a(l))continue;let u=i.px(e),d=i.py(r),f=i.py(l),p=Math.min(d,f),m=Math.abs(d-f),h=Math.min(s,o,m/2);h>.5&&typeof n.roundRect==`function`?n.roundRect(u-o,p,o*2,m,h):n.rect(u-o,p,o*2,m)}n.fill()},m=(e,t)=>{let o=l(t),s=t.width,c=t.height,u=new Float32Array(e.instances,0,e.count*4),d=new Uint32Array(e.instances,0,e.count*4),f=0;for(let t=0;t<Math.min(e.count,64);t++)f=Math.max(f,u[t*4+2]);f=Math.max(1,Math.round((f||2)*t.dpr*.8));let p=Math.ceil(s/f),m=Math.ceil(c/f),h=new Int32Array(p*m).fill(-1);for(let t=0;t<e.count;t++){let e=u[t*4],n=u[t*4+1];if(a(e)||a(n)||!(u[t*4+2]>0))continue;let r=Math.floor(o.px(e)/f),i=Math.floor(o.py(n)/f);r<0||i<0||r>=p||i>=m||(h[i*p+r]=t)}let g=new Map;for(let e=0;e<h.length;e++){let t=h[e];if(t<0)continue;let n=d[t*4+3],r=g.get(n);r||g.set(n,r=[]),r.push(e)}for(let[t,a]of g){n.fillStyle=r(i(t),Math.max(e.opacity,.6));for(let e of a)n.fillRect(e%p*f,Math.floor(e/p)*f,f,f)}},h=(e,t)=>{let r=l(t),i=t.width,o=t.height;if(c??(c=s?.()??null),!c){m(e,t);return}c.width=i,c.height=o;let u=c.getContext(`2d`);if(!u)return;let d=u.createImageData(i,o),f=d.data,p=new Float32Array(e.instances,0,e.count*4),h=new Uint32Array(e.instances,0,e.count*4);for(let n=0;n<e.count;n++){let s=p[n*4],c=p[n*4+1],l=p[n*4+2];if(a(s)||a(c)||!(l>0))continue;let u=r.px(s),d=r.py(c),m=Math.max(1,Math.round(l*t.dpr*.8)),g=Math.round(u-m/2),_=Math.round(d-m/2),v=h[n*4+3],y=(v>>>24&255)/255*Math.max(e.opacity,.6),b=v&255,x=v>>>8&255,S=v>>>16&255;for(let e=Math.max(0,_);e<Math.min(o,_+m);e++)for(let t=Math.max(0,g);t<Math.min(i,g+m);t++){let n=(e*i+t)*4,r=f[n+3]/255,a=y+r*(1-y);f[n]=(b*y+f[n]*r*(1-y))/a,f[n+1]=(x*y+f[n+1]*r*(1-y))/a,f[n+2]=(S*y+f[n+2]*r*(1-y))/a,f[n+3]=a*255}}u.putImageData(d,0,0),n.drawImage(c,0,0)},g=(e,t)=>{if(e.count>2e4){h(e,t);return}let o=l(t),s=new Float32Array(e.instances,0,e.count*4),c=new Uint32Array(e.instances,0,e.count*4),u=new Map;for(let t=0;t<e.count;t++){let e=c[t*4+3],n=u.get(e);n||u.set(e,n=[]),n.push(t)}let d=e.stroke*t.dpr;for(let[c,l]of u){let u=i(c);n.beginPath();for(let e of l){let r=s[e*4],i=s[e*4+1],c=s[e*4+2];if(a(r)||a(i)||!(c>0))continue;let l=o.px(r),u=o.py(i),d=c*t.dpr/2;n.moveTo(l+d,u),n.arc(l,u,d,0,Math.PI*2)}if(n.fillStyle=r(u,e.opacity),n.fill(),d>0){n.beginPath();for(let e of l){let r=s[e*4],i=s[e*4+1],c=s[e*4+2];if(a(r)||a(i)||!(c>0))continue;let l=Math.max(0,c*t.dpr/2-d/2),u=o.px(r),f=o.py(i);n.moveTo(u+l,f),n.arc(u,f,l,0,Math.PI*2)}n.lineWidth=d,n.strokeStyle=r(u,1),n.stroke()}}};return{paint(e,t,r=0,i=0){n.save(),n.setTransform(1,0,0,1,r,i),n.beginPath(),n.rect(0,0,t.width,t.height),n.clip();for(let n of e)switch(n.kind){case`line`:n.count>1&&d(n,t);break;case`area`:n.count>1&&f(n,t);break;case`bar`:p(n,t);break;default:g(n,t)}n.restore()},destroy(){c=null}}},c=e=>{let t=e.getContext(`2d`);if(!t)return null;let n=s(t,()=>typeof document>`u`?null:document.createElement(`canvas`));return{kind:`canvas2d`,canvas:e,resize(t,n){e.width=Math.max(1,t),e.height=Math.max(1,n)},render(r,i){t.setTransform(1,0,0,1,0,0),t.clearRect(0,0,e.width,e.height),n.paint(r,i)},destroy(){n.destroy(),e.width=0,e.height=0}}};exports.SCATTER_PIXEL_THRESHOLD=n,exports.createCanvas2dPainter=s,exports.createCanvas2dRenderer=c;
+//# sourceMappingURL=canvas2d.cjs.map

package/dist/charts/engine/renderers/canvas2d.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"canvas2d.cjs","names":["decimateMinMax","GAP","require_types","require_decimate","SCATTER_PIXEL_THRESHOLD","rgba","c","alpha","unpack","packed","isGap","v","lowerBoundX","lo","hi","count","mid","points","value","createCanvas2dPainter","scratch","mapper","frame","w","h","x","xScale","xOffset","y","yScale","yOffset","a","b","visiblePoints","item","m","x0","x1","start","end","result","drawLine","ctx","pen","i","length","drawArea","base","gradient","runStart","lastX","close","px","drawBars","half","r","y0","y1","cx","top","height","radius","drawScatterCells","f","u","cell","cols","rows","owner","cy","groups","list","cells","drawScatterPixels","scratchCanvas","sctx","image","data","size","s","g","py","o","da","outA","drawScatter","stroke","color","left","items","createCanvas2dRenderer","canvas","painter","width"],"sources":["../../../../../charts/src/engine/renderers/canvas2d.ts"],"sourcesContent":["// Canvas2D backend: the fallback without GPU. Lines are decimated to a few\n// points per pixel column and very large scatter sets are written pixel by\n// pixel, so it stays usable with large data sets.\n\nimport { decimateMinMax } from \"../decimate\";\nimport type { Rgba } from \"../color\";\nimport {\n  GAP,\n  type ChartRenderer,\n  type RenderFrame,\n  type RenderItem,\n  type ScatterItem,\n} from \"./types\";\n\n/** Scatter sets above this size are rasterized through ImageData */\nexport const SCATTER_PIXEL_THRESHOLD = 20000;\n\nconst rgba = (c: Rgba, alpha: number) =>\n  `rgba(${Math.round(c[0] * 255)},${Math.round(c[1] * 255)},${Math.round(c[2] * 255)},${c[3] * alpha})`;\n\nconst unpack = (packed: number): Rgba => [\n  (packed & 0xff) / 255,\n  ((packed >>> 8) & 0xff) / 255,\n  ((packed >>> 16) & 0xff) / 255,\n  ((packed >>> 24) & 0xff) / 255,\n];\n\nconst isGap = (v: number) => !Number.isFinite(v) || Math.abs(v) >= GAP * 0.5;\n\n/** First point index whose relative x is >= value (sorted, interleaved) */\nconst lowerBoundX = (points: Float32Array, count: number, value: number) => {\n  let lo = 0;\n  let hi = count;\n  while (lo < hi) {\n    const mid = (lo + hi) >>> 1;\n    if (points[mid * 2] < value) lo = mid + 1;\n    else hi = mid;\n  }\n  return lo;\n};\n\nexport interface Canvas2dPainter {\n  /**\n   * Draws the items in a `frame.width` x `frame.height` device-pixel area\n   * whose top-left corner is at (`left`, `top`) device pixels; nothing is\n   * cleared\n   */\n  paint(\n    items: readonly RenderItem[],\n    frame: RenderFrame,\n    left?: number,\n    top?: number,\n  ): void;\n  destroy(): void;\n}\n\n/**\n * Data layer drawn with any 2D context (browser canvases, mini-program\n * canvases, OffscreenCanvas). `scratchCanvas` creates the canvas used to\n * rasterize very large scatter sets; without it they are drawn as one\n * square per occupied pixel cell.\n */\nexport const createCanvas2dPainter = (\n  ctx: CanvasRenderingContext2D,\n  scratchCanvas?: () => HTMLCanvasElement | null,\n): Canvas2dPainter => {\n  let scratch: HTMLCanvasElement | null = null;\n\n  const mapper = (frame: RenderFrame) => {\n    const { xScale, xOffset, yScale, yOffset } = frame.transform;\n    const w = frame.width;\n    const h = frame.height;\n    return {\n      px: (x: number) => ((x * xScale + xOffset) * 0.5 + 0.5) * w,\n      py: (y: number) => (1 - ((y * yScale + yOffset) * 0.5 + 0.5)) * h,\n      /** Visible relative x range */\n      xRange: (): [number, number] => {\n        const a = (-1 - xOffset) / xScale;\n        const b = (1 - xOffset) / xScale;\n        return a < b ? [a, b] : [b, a];\n      },\n    };\n  };\n\n  /** Points actually drawn: decimated when there are many per pixel */\n  const visiblePoints = (\n    item: Extract<RenderItem, { kind: \"line\" | \"area\" }>,\n    frame: RenderFrame,\n  ): { points: ArrayLike<number>; length: number } => {\n    if (!item.sorted || item.count <= frame.width * 2) {\n      return { points: item.points, length: item.count };\n    }\n    const m = mapper(frame);\n    const [x0, x1] = m.xRange();\n    const start = Math.max(0, lowerBoundX(item.points, item.count, x0) - 1);\n    const end = Math.min(\n      item.count,\n      lowerBoundX(item.points, item.count, x1) + 1,\n    );\n    const result = decimateMinMax(item.points, start, end, m.px, GAP * 0.5);\n    return { points: result.points, length: result.length };\n  };\n\n  const drawLine = (\n    item: Extract<RenderItem, { kind: \"line\" }>,\n    frame: RenderFrame,\n  ) => {\n    const m = mapper(frame);\n    const { points, length } = visiblePoints(item, frame);\n    ctx.beginPath();\n    let pen = false;\n    for (let i = 0; i < length; i++) {\n      const x = points[i * 2];\n      const y = points[i * 2 + 1];\n      if (isGap(x) || isGap(y)) {\n        pen = false;\n        continue;\n      }\n      if (pen) ctx.lineTo(m.px(x), m.py(y));\n      else ctx.moveTo(m.px(x), m.py(y));\n      pen = true;\n    }\n    ctx.lineWidth = item.width * frame.dpr;\n    ctx.lineJoin = \"round\";\n    ctx.lineCap = \"round\";\n    ctx.strokeStyle = rgba(item.color, 1);\n    ctx.stroke();\n  };\n\n  const drawArea = (\n    item: Extract<RenderItem, { kind: \"area\" }>,\n    frame: RenderFrame,\n  ) => {\n    const m = mapper(frame);\n    const { points, length } = visiblePoints(item, frame);\n    const base = m.py(item.baseline);\n    const gradient = ctx.createLinearGradient(0, 0, 0, base);\n    gradient.addColorStop(0, rgba(item.color, item.opacity));\n    gradient.addColorStop(1, rgba(item.color, item.opacity * 0.3));\n    ctx.fillStyle = gradient;\n    ctx.beginPath();\n    let runStart = -1;\n    let lastX = 0;\n    const close = () => {\n      if (runStart < 0) return;\n      ctx.lineTo(lastX, base);\n      ctx.closePath();\n      runStart = -1;\n    };\n    for (let i = 0; i < length; i++) {\n      const x = points[i * 2];\n      const y = points[i * 2 + 1];\n      if (isGap(x) || isGap(y)) {\n        close();\n        continue;\n      }\n      const px = m.px(x);\n      if (runStart < 0) {\n        runStart = i;\n        ctx.moveTo(px, base);\n      }\n      ctx.lineTo(px, m.py(y));\n      lastX = px;\n    }\n    close();\n    ctx.fill();\n  };\n\n  const drawBars = (\n    item: Extract<RenderItem, { kind: \"bar\" }>,\n    frame: RenderFrame,\n  ) => {\n    const m = mapper(frame);\n    const half = Math.max(\n      Math.abs(item.halfWidth * frame.transform.xScale) * 0.5 * frame.width,\n      0.5,\n    );\n    const r = item.radius * frame.dpr;\n    ctx.fillStyle = rgba(item.color, 1);\n    ctx.beginPath();\n    const v = item.instances;\n    for (let i = 0; i < item.count; i++) {\n      const x = v[i * 3];\n      const y0 = v[i * 3 + 1];\n      const y1 = v[i * 3 + 2];\n      if (isGap(x) || isGap(y0) || isGap(y1)) continue;\n      const cx = m.px(x);\n      const a = m.py(y0);\n      const b = m.py(y1);\n      const top = Math.min(a, b);\n      const height = Math.abs(a - b);\n      const radius = Math.min(r, half, height / 2);\n      if (radius > 0.5 && typeof ctx.roundRect === \"function\") {\n        ctx.roundRect(cx - half, top, half * 2, height, radius);\n      } else {\n        ctx.rect(cx - half, top, half * 2, height);\n      }\n    }\n    ctx.fill();\n  };\n\n  /** One square per occupied cell (the last point of a cell wins, like the GPU) */\n  const drawScatterCells = (item: ScatterItem, frame: RenderFrame) => {\n    const m = mapper(frame);\n    const w = frame.width;\n    const h = frame.height;\n    const f = new Float32Array(item.instances, 0, item.count * 4);\n    const u = new Uint32Array(item.instances, 0, item.count * 4);\n    let cell = 0;\n    for (let i = 0; i < Math.min(item.count, 64); i++)\n      cell = Math.max(cell, f[i * 4 + 2]);\n    cell = Math.max(1, Math.round((cell || 2) * frame.dpr * 0.8));\n    const cols = Math.ceil(w / cell);\n    const rows = Math.ceil(h / cell);\n    const owner = new Int32Array(cols * rows).fill(-1);\n    for (let i = 0; i < item.count; i++) {\n      const x = f[i * 4];\n      const y = f[i * 4 + 1];\n      if (isGap(x) || isGap(y) || !(f[i * 4 + 2] > 0)) continue;\n      const cx = Math.floor(m.px(x) / cell);\n      const cy = Math.floor(m.py(y) / cell);\n      if (cx < 0 || cy < 0 || cx >= cols || cy >= rows) continue;\n      owner[cy * cols + cx] = i;\n    }\n    const groups = new Map<number, number[]>();\n    for (let c = 0; c < owner.length; c++) {\n      const i = owner[c];\n      if (i < 0) continue;\n      const packed = u[i * 4 + 3];\n      let list = groups.get(packed);\n      if (!list) groups.set(packed, (list = []));\n      list.push(c);\n    }\n    for (const [packed, cells] of groups) {\n      ctx.fillStyle = rgba(unpack(packed), Math.max(item.opacity, 0.6));\n      for (const c of cells) {\n        ctx.fillRect(\n          (c % cols) * cell,\n          Math.floor(c / cols) * cell,\n          cell,\n          cell,\n        );\n      }\n    }\n  };\n\n  const drawScatterPixels = (item: ScatterItem, frame: RenderFrame) => {\n    const m = mapper(frame);\n    const w = frame.width;\n    const h = frame.height;\n    scratch ??= scratchCanvas?.() ?? null;\n    if (!scratch) {\n      drawScatterCells(item, frame);\n      return;\n    }\n    scratch.width = w;\n    scratch.height = h;\n    const sctx = scratch.getContext(\"2d\");\n    if (!sctx) return;\n    const image = sctx.createImageData(w, h);\n    const data = image.data;\n    const f = new Float32Array(item.instances, 0, item.count * 4);\n    const u = new Uint32Array(item.instances, 0, item.count * 4);\n    for (let i = 0; i < item.count; i++) {\n      const x = f[i * 4];\n      const y = f[i * 4 + 1];\n      const size = f[i * 4 + 2];\n      if (isGap(x) || isGap(y) || !(size > 0)) continue;\n      const cx = m.px(x);\n      const cy = m.py(y);\n      const s = Math.max(1, Math.round(size * frame.dpr * 0.8));\n      const x0 = Math.round(cx - s / 2);\n      const y0 = Math.round(cy - s / 2);\n      const packed = u[i * 4 + 3];\n      const alpha =\n        (((packed >>> 24) & 0xff) / 255) * Math.max(item.opacity, 0.6);\n      const r = packed & 0xff;\n      const g = (packed >>> 8) & 0xff;\n      const b = (packed >>> 16) & 0xff;\n      for (let py = Math.max(0, y0); py < Math.min(h, y0 + s); py++) {\n        for (let px = Math.max(0, x0); px < Math.min(w, x0 + s); px++) {\n          const o = (py * w + px) * 4;\n          const da = data[o + 3] / 255;\n          const outA = alpha + da * (1 - alpha);\n          // straight-alpha \"over\"\n          data[o] = (r * alpha + data[o] * da * (1 - alpha)) / outA;\n          data[o + 1] = (g * alpha + data[o + 1] * da * (1 - alpha)) / outA;\n          data[o + 2] = (b * alpha + data[o + 2] * da * (1 - alpha)) / outA;\n          data[o + 3] = outA * 255;\n        }\n      }\n    }\n    sctx.putImageData(image, 0, 0);\n    ctx.drawImage(scratch, 0, 0);\n  };\n\n  const drawScatter = (item: ScatterItem, frame: RenderFrame) => {\n    if (item.count > SCATTER_PIXEL_THRESHOLD) {\n      drawScatterPixels(item, frame);\n      return;\n    }\n    const m = mapper(frame);\n    const f = new Float32Array(item.instances, 0, item.count * 4);\n    const u = new Uint32Array(item.instances, 0, item.count * 4);\n    const groups = new Map<number, number[]>();\n    for (let i = 0; i < item.count; i++) {\n      const packed = u[i * 4 + 3];\n      let list = groups.get(packed);\n      if (!list) groups.set(packed, (list = []));\n      list.push(i);\n    }\n    const stroke = item.stroke * frame.dpr;\n    for (const [packed, list] of groups) {\n      const color = unpack(packed);\n      ctx.beginPath();\n      for (const i of list) {\n        const x = f[i * 4];\n        const y = f[i * 4 + 1];\n        const size = f[i * 4 + 2];\n        if (isGap(x) || isGap(y) || !(size > 0)) continue;\n        const cx = m.px(x);\n        const cy = m.py(y);\n        const r = (size * frame.dpr) / 2;\n        ctx.moveTo(cx + r, cy);\n        ctx.arc(cx, cy, r, 0, Math.PI * 2);\n      }\n      ctx.fillStyle = rgba(color, item.opacity);\n      ctx.fill();\n      if (stroke > 0) {\n        ctx.beginPath();\n        for (const i of list) {\n          const x = f[i * 4];\n          const y = f[i * 4 + 1];\n          const size = f[i * 4 + 2];\n          if (isGap(x) || isGap(y) || !(size > 0)) continue;\n          const r = Math.max(0, (size * frame.dpr) / 2 - stroke / 2);\n          const cx = m.px(x);\n          const cy = m.py(y);\n          ctx.moveTo(cx + r, cy);\n          ctx.arc(cx, cy, r, 0, Math.PI * 2);\n        }\n        ctx.lineWidth = stroke;\n        ctx.strokeStyle = rgba(color, 1);\n        ctx.stroke();\n      }\n    }\n  };\n\n  return {\n    paint(items, frame, left = 0, top = 0) {\n      ctx.save();\n      ctx.setTransform(1, 0, 0, 1, left, top);\n      ctx.beginPath();\n      ctx.rect(0, 0, frame.width, frame.height);\n      ctx.clip();\n      for (const item of items) {\n        switch (item.kind) {\n          case \"line\":\n            if (item.count > 1) drawLine(item, frame);\n            break;\n          case \"area\":\n            if (item.count > 1) drawArea(item, frame);\n            break;\n          case \"bar\":\n            drawBars(item, frame);\n            break;\n          default:\n            drawScatter(item, frame);\n            break;\n        }\n      }\n      ctx.restore();\n    },\n    destroy() {\n      scratch = null;\n    },\n  };\n};\n\nexport const createCanvas2dRenderer = (\n  canvas: HTMLCanvasElement,\n): ChartRenderer | null => {\n  const ctx = canvas.getContext(\"2d\");\n  if (!ctx) return null;\n  const painter = createCanvas2dPainter(ctx, () =>\n    typeof document === \"undefined\" ? null : document.createElement(\"canvas\"),\n  );\n  return {\n    kind: \"canvas2d\",\n    canvas,\n    resize(width, height) {\n      canvas.width = Math.max(1, width);\n      canvas.height = Math.max(1, height);\n    },\n    render(items, frame) {\n      ctx.setTransform(1, 0, 0, 1, 0, 0);\n      ctx.clearRect(0, 0, canvas.width, canvas.height);\n      painter.paint(items, frame);\n    },\n    destroy() {\n      painter.destroy();\n      canvas.width = 0;\n      canvas.height = 0;\n    },\n  };\n};\n"],"mappings":"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"}

package/dist/charts/engine/renderers/canvas2d.d.cts

@@ -0,0 +1,20 @@
+import { ChartRenderer, RenderFrame, RenderItem } from './types.cjs';
+/** Scatter sets above this size are rasterized through ImageData */
+export declare const SCATTER_PIXEL_THRESHOLD = 20000;
+export interface Canvas2dPainter {
+    /**
+     * Draws the items in a `frame.width` x `frame.height` device-pixel area
+     * whose top-left corner is at (`left`, `top`) device pixels; nothing is
+     * cleared
+     */
+    paint(items: readonly RenderItem[], frame: RenderFrame, left?: number, top?: number): void;
+    destroy(): void;
+}
+/**
+ * Data layer drawn with any 2D context (browser canvases, mini-program
+ * canvases, OffscreenCanvas). `scratchCanvas` creates the canvas used to
+ * rasterize very large scatter sets; without it they are drawn as one
+ * square per occupied pixel cell.
+ */
+export declare const createCanvas2dPainter: (ctx: CanvasRenderingContext2D, scratchCanvas?: () => HTMLCanvasElement | null) => Canvas2dPainter;
+export declare const createCanvas2dRenderer: (canvas: HTMLCanvasElement) => ChartRenderer | null;

package/dist/charts/engine/renderers/canvas2d.d.ts

@@ -0,0 +1,20 @@
+import { ChartRenderer, RenderFrame, RenderItem } from './types.js';
+/** Scatter sets above this size are rasterized through ImageData */
+export declare const SCATTER_PIXEL_THRESHOLD = 20000;
+export interface Canvas2dPainter {
+    /**
+     * Draws the items in a `frame.width` x `frame.height` device-pixel area
+     * whose top-left corner is at (`left`, `top`) device pixels; nothing is
+     * cleared
+     */
+    paint(items: readonly RenderItem[], frame: RenderFrame, left?: number, top?: number): void;
+    destroy(): void;
+}
+/**
+ * Data layer drawn with any 2D context (browser canvases, mini-program
+ * canvases, OffscreenCanvas). `scratchCanvas` creates the canvas used to
+ * rasterize very large scatter sets; without it they are drawn as one
+ * square per occupied pixel cell.
+ */
+export declare const createCanvas2dPainter: (ctx: CanvasRenderingContext2D, scratchCanvas?: () => HTMLCanvasElement | null) => Canvas2dPainter;
+export declare const createCanvas2dRenderer: (canvas: HTMLCanvasElement) => ChartRenderer | null;