minerva-design 1.1.0 → 1.3.0

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

@@ -0,0 +1,169 @@
+import { ChartCurve, 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, curve?: ChartCurve) => ChartSeries[];
+/** Options of the line-like components */
+export interface LineSeriesOptions {
+    /** Stacks the series on top of each other */
+    stacked?: boolean;
+    /** Shape of the lines */
+    curve?: ChartCurve;
+}
+/** Series of a LineChart (`area` fills them) */
+export declare const lineSeries: (series: readonly ChartSeries[], area?: boolean, extra?: LineSeriesOptions) => ChartSeries[];
+/** Series of an AreaChart */
+export declare const areaSeries: (series: readonly ChartSeries[], extra?: LineSeriesOptions) => ChartSeries[];
+/** Series of a BarChart (`stacked` stacks them, `labels` shows the values) */
+export declare const barSeries: (series: readonly ChartSeries[], stacked?: boolean, labels?: boolean) => ChartSeries[];
+/** Series of a ScatterChart */
+export declare const scatterSeries: (series: readonly ChartSeries[]) => ChartSeries[];
+/** Series of a CandlestickChart */
+export declare const candlestickSeries: (series: readonly ChartSeries[]) => ChartSeries[];
+/** A cell of a HeatmapChart */
+export interface HeatmapCell {
+    /** Column: a category name (or a number on a numeric axis) */
+    x: string | number;
+    /** Row: a category name (or a number on a numeric axis) */
+    y: string | number;
+    /** Value mapped to the color scale; `null` leaves the cell empty */
+    value: number | null;
+}
+/** Settings of a heatmap (the props of HeatmapChart) */
+export interface HeatmapConfig {
+    /** Cells */
+    data: readonly HeatmapCell[];
+    /** Column names in order (collected from the data when omitted) */
+    xCategories?: readonly string[];
+    /** Row names from bottom to top (collected from the data when omitted) */
+    yCategories?: readonly string[];
+    /** Colors from the lowest to the highest value; a ramp of the first palette color by default */
+    colorScale?: readonly string[];
+    /** Values at the ends of the color scale; the data range by default */
+    valueRange?: readonly [number, number];
+    /** Name of the value in the tooltip */
+    name?: string;
+    /** Corner radius of the cells, in pixels */
+    radius?: number;
+    /** Formats the values in the tooltip */
+    format?: (value: number) => string;
+}
+/** Engine options of a heatmap */
+export declare const heatmapChartOptions: (config: HeatmapConfig, base?: Partial<ChartOptions>) => ChartOptions;
+/** Settings of a sparkline (the props of Sparkline) */
+export interface SparklineConfig {
+    /** Values (or `[x, y]` pairs, typed arrays, ...) */
+    data: ChartSeries["data"];
+    /**
+     * How the values are drawn
+     * @default "line"
+     */
+    type?: "line" | "area" | "bar";
+    /** Color (any CSS color); the first palette color by default */
+    color?: string;
+    /**
+     * Shape of the line
+     * @default "smooth"
+     */
+    curve?: ChartCurve;
+    /** Name shown in the tooltip */
+    name?: string;
+    /** Draws a reference line at this value (e.g. a target or the average) */
+    reference?: number;
+    /** Formats the value in the tooltip */
+    format?: (value: number) => string;
+}
+/** Engine options of a sparkline: no axes, no legend, a tooltip only */
+export declare const sparklineOptions: (config: SparklineConfig, base?: Partial<ChartOptions>) => ChartOptions;
+/** 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,169 @@
+import { ChartCurve, 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, curve?: ChartCurve) => ChartSeries[];
+/** Options of the line-like components */
+export interface LineSeriesOptions {
+    /** Stacks the series on top of each other */
+    stacked?: boolean;
+    /** Shape of the lines */
+    curve?: ChartCurve;
+}
+/** Series of a LineChart (`area` fills them) */
+export declare const lineSeries: (series: readonly ChartSeries[], area?: boolean, extra?: LineSeriesOptions) => ChartSeries[];
+/** Series of an AreaChart */
+export declare const areaSeries: (series: readonly ChartSeries[], extra?: LineSeriesOptions) => ChartSeries[];
+/** Series of a BarChart (`stacked` stacks them, `labels` shows the values) */
+export declare const barSeries: (series: readonly ChartSeries[], stacked?: boolean, labels?: boolean) => ChartSeries[];
+/** Series of a ScatterChart */
+export declare const scatterSeries: (series: readonly ChartSeries[]) => ChartSeries[];
+/** Series of a CandlestickChart */
+export declare const candlestickSeries: (series: readonly ChartSeries[]) => ChartSeries[];
+/** A cell of a HeatmapChart */
+export interface HeatmapCell {
+    /** Column: a category name (or a number on a numeric axis) */
+    x: string | number;
+    /** Row: a category name (or a number on a numeric axis) */
+    y: string | number;
+    /** Value mapped to the color scale; `null` leaves the cell empty */
+    value: number | null;
+}
+/** Settings of a heatmap (the props of HeatmapChart) */
+export interface HeatmapConfig {
+    /** Cells */
+    data: readonly HeatmapCell[];
+    /** Column names in order (collected from the data when omitted) */
+    xCategories?: readonly string[];
+    /** Row names from bottom to top (collected from the data when omitted) */
+    yCategories?: readonly string[];
+    /** Colors from the lowest to the highest value; a ramp of the first palette color by default */
+    colorScale?: readonly string[];
+    /** Values at the ends of the color scale; the data range by default */
+    valueRange?: readonly [number, number];
+    /** Name of the value in the tooltip */
+    name?: string;
+    /** Corner radius of the cells, in pixels */
+    radius?: number;
+    /** Formats the values in the tooltip */
+    format?: (value: number) => string;
+}
+/** Engine options of a heatmap */
+export declare const heatmapChartOptions: (config: HeatmapConfig, base?: Partial<ChartOptions>) => ChartOptions;
+/** Settings of a sparkline (the props of Sparkline) */
+export interface SparklineConfig {
+    /** Values (or `[x, y]` pairs, typed arrays, ...) */
+    data: ChartSeries["data"];
+    /**
+     * How the values are drawn
+     * @default "line"
+     */
+    type?: "line" | "area" | "bar";
+    /** Color (any CSS color); the first palette color by default */
+    color?: string;
+    /**
+     * Shape of the line
+     * @default "smooth"
+     */
+    curve?: ChartCurve;
+    /** Name shown in the tooltip */
+    name?: string;
+    /** Draws a reference line at this value (e.g. a target or the average) */
+    reference?: number;
+    /** Formats the value in the tooltip */
+    format?: (value: number) => string;
+}
+/** Engine options of a sparkline: no axes, no legend, a tooltip only */
+export declare const sparklineOptions: (config: SparklineConfig, base?: Partial<ChartOptions>) => ChartOptions;
+/** 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,240 @@
+//#region src/engine/presets.ts
+var e = (e, t, n, r) => e.map((e) => {
+	let i = e.type ?? t;
+	return {
+		...e,
+		type: i,
+		...n !== void 0 && i === t ? { stack: e.stack ?? n } : {},
+		...r !== void 0 && (i === "line" || i === "area") ? { curve: e.curve ?? r } : {}
+	};
+}), t = (t, n = !1, r = {}) => e(t, n ? "area" : "line", r.stacked ? "stack" : void 0, r.curve), n = (e, n = {}) => t(e, !0, n), r = (t, n = !1, r = !1) => e(t, "bar", n ? "stack" : void 0).map((e) => r && e.type === "bar" ? {
+	...e,
+	showLabels: e.showLabels ?? !0
+} : e), i = (t) => e(t, "scatter"), a = (t) => e(t, "candlestick"), o = (e, t = {}) => {
+	let n = e.data.some((e) => typeof e.x == "number"), r = e.data.some((e) => typeof e.y == "number");
+	return {
+		...t,
+		series: [{
+			id: "heatmap",
+			name: e.name ?? "Value",
+			type: "heatmap",
+			data: e.data.map((e) => ({
+				x: e.x,
+				y: e.y,
+				value: e.value
+			})),
+			colorScale: e.colorScale,
+			valueRange: e.valueRange,
+			radius: e.radius,
+			format: e.format
+		}],
+		xAxis: {
+			...n ? {} : {
+				type: "category",
+				categories: e.xCategories
+			},
+			grid: !1,
+			...t.xAxis
+		},
+		yAxis: {
+			...r ? {} : {
+				type: "category",
+				categories: e.yCategories
+			},
+			grid: !1,
+			...t.yAxis
+		},
+		legend: t.legend ?? !1,
+		interaction: t.interaction ?? { zoom: !1 },
+		tooltip: t.tooltip ?? { mode: "nearest" }
+	};
+}, s = (e, t = {}) => {
+	let n = e.type ?? "line";
+	return {
+		...t,
+		series: [{
+			id: "sparkline",
+			name: e.name ?? "Value",
+			type: n,
+			data: e.data,
+			color: e.color,
+			curve: n === "bar" ? void 0 : e.curve ?? "smooth",
+			lineWidth: 1.5,
+			opacity: n === "area" ? .22 : void 0,
+			radius: n === "bar" ? 1.5 : void 0,
+			format: e.format
+		}],
+		xAxis: {
+			visible: !1,
+			grid: !1,
+			...t.xAxis
+		},
+		yAxis: {
+			visible: !1,
+			grid: !1,
+			nice: !1,
+			...t.yAxis
+		},
+		legend: !1,
+		padding: t.padding ?? {
+			top: 4,
+			right: 4,
+			bottom: 4,
+			left: 4
+		},
+		interaction: t.interaction ?? { zoom: !1 },
+		annotations: e.reference === void 0 ? t.annotations : [...t.annotations ?? [], {
+			type: "line",
+			axis: "y",
+			value: e.reference,
+			dash: [2, 3]
+		}]
+	};
+}, c = {
+	topLeft: "var(--danger-color, #ef4444)",
+	topRight: "var(--primary-color, #4f46e5)",
+	bottomLeft: "var(--warning-color, #f59e0b)",
+	bottomRight: "var(--text-secondary-color, #64748b)"
+}, l = "var(--border-strong-color, var(--border-color, #cbd5e1))", u = (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
+	};
+}, d = (e, t, n) => {
+	let { xs: r, ys: i } = u(e), a = e.reverseX ? t < r : t >= r;
+	return n >= i ? a ? "topRight" : "topLeft" : a ? "bottomRight" : "bottomLeft";
+}, f = (e, t) => {
+	let { x0: n, x1: r, y0: i, y1: a, xs: o, ys: s } = u(e), c = t.endsWith("Right");
+	return {
+		x: (e.reverseX ? !c : c) ? (o + r) / 2 : (n + o) / 2,
+		y: t.startsWith("top") ? (s + a) / 2 : (i + s) / 2
+	};
+}, p = (e, t = {}) => {
+	let { x0: n, x1: r, y0: i, y1: a, xs: o, ys: s } = u(e), f = !!e.reverseX, p = (t) => e.quadrants?.[t]?.color ?? c[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(d(e, t.x, t.y))
+		}))
+	}], h = f ? [o, r] : [n, o], g = f ? [n, o] : [o, 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: o,
+			y: a,
+			text: v.top,
+			anchor: "top"
+		}] : [],
+		...v.bottom ? [{
+			type: "text",
+			x: o,
+			y: i,
+			text: v.bottom,
+			anchor: "bottom"
+		}] : [],
+		...v.left ? [{
+			type: "text",
+			x: y,
+			y: s,
+			text: v.left,
+			anchor: "left"
+		}] : [],
+		...v.right ? [{
+			type: "text",
+			x: b,
+			y: s,
+			text: v.right,
+			anchor: "right"
+		}] : []
+	], S = [
+		_("topLeft", h, [s, a], "top-left"),
+		_("topRight", g, [s, a], "top-right"),
+		_("bottomLeft", h, [i, s], "bottom-left"),
+		_("bottomRight", g, [i, s], "bottom-right"),
+		{
+			type: "line",
+			axis: "x",
+			value: o,
+			dash: [],
+			color: l
+		},
+		{
+			type: "line",
+			axis: "y",
+			value: s,
+			dash: [],
+			color: l
+		},
+		...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?.[d(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: i,
+			max: a,
+			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 { c as DEFAULT_QUADRANT_COLORS, n as areaSeries, r as barSeries, a as candlestickSeries, o as heatmapChartOptions, t as lineSeries, f as quadrantCenter, p as quadrantChartOptions, d as quadrantOf, i as scatterSeries, s as sparklineOptions, 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","t","s","type","stack","curve","lineSeries","area","extra","areaSeries","barSeries","stacked","labels","scatterSeries","candlestickSeries","heatmapChartOptions","numericX","config","c","numericY","base","sparklineOptions","DEFAULT_QUADRANT_COLORS","DIVIDER","splits","x0","x1","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","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  ChartCurve,\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  curve?: ChartCurve,\n): ChartSeries[] =>\n  series.map((s) => {\n    const t = s.type ?? type;\n    return {\n      ...s,\n      type: t,\n      ...(stack !== undefined && t === type ? { stack: s.stack ?? stack } : {}),\n      ...(curve !== undefined && (t === \"line\" || t === \"area\")\n        ? { curve: s.curve ?? curve }\n        : {}),\n    };\n  });\n\n/** Options of the line-like components */\nexport interface LineSeriesOptions {\n  /** Stacks the series on top of each other */\n  stacked?: boolean;\n  /** Shape of the lines */\n  curve?: ChartCurve;\n}\n\n/** Series of a LineChart (`area` fills them) */\nexport const lineSeries = (\n  series: readonly ChartSeries[],\n  area = false,\n  extra: LineSeriesOptions = {},\n) =>\n  withSeriesType(\n    series,\n    area ? \"area\" : \"line\",\n    extra.stacked ? \"stack\" : undefined,\n    extra.curve,\n  );\n\n/** Series of an AreaChart */\nexport const areaSeries = (\n  series: readonly ChartSeries[],\n  extra: LineSeriesOptions = {},\n) => lineSeries(series, true, extra);\n\n/** Series of a BarChart (`stacked` stacks them, `labels` shows the values) */\nexport const barSeries = (\n  series: readonly ChartSeries[],\n  stacked = false,\n  labels = false,\n) =>\n  withSeriesType(series, \"bar\", stacked ? \"stack\" : undefined).map((s) =>\n    labels && s.type === \"bar\" ? { ...s, showLabels: s.showLabels ?? true } : s,\n  );\n\n/** Series of a ScatterChart */\nexport const scatterSeries = (series: readonly ChartSeries[]) =>\n  withSeriesType(series, \"scatter\");\n\n/** Series of a CandlestickChart */\nexport const candlestickSeries = (series: readonly ChartSeries[]) =>\n  withSeriesType(series, \"candlestick\");\n\n/** A cell of a HeatmapChart */\nexport interface HeatmapCell {\n  /** Column: a category name (or a number on a numeric axis) */\n  x: string | number;\n  /** Row: a category name (or a number on a numeric axis) */\n  y: string | number;\n  /** Value mapped to the color scale; `null` leaves the cell empty */\n  value: number | null;\n}\n\n/** Settings of a heatmap (the props of HeatmapChart) */\nexport interface HeatmapConfig {\n  /** Cells */\n  data: readonly HeatmapCell[];\n  /** Column names in order (collected from the data when omitted) */\n  xCategories?: readonly string[];\n  /** Row names from bottom to top (collected from the data when omitted) */\n  yCategories?: readonly string[];\n  /** Colors from the lowest to the highest value; a ramp of the first palette color by default */\n  colorScale?: readonly string[];\n  /** Values at the ends of the color scale; the data range by default */\n  valueRange?: readonly [number, number];\n  /** Name of the value in the tooltip */\n  name?: string;\n  /** Corner radius of the cells, in pixels */\n  radius?: number;\n  /** Formats the values in the tooltip */\n  format?: (value: number) => string;\n}\n\n/** Engine options of a heatmap */\nexport const heatmapChartOptions = (\n  config: HeatmapConfig,\n  base: Partial<ChartOptions> = {},\n): ChartOptions => {\n  const numericX = config.data.some((c) => typeof c.x === \"number\");\n  const numericY = config.data.some((c) => typeof c.y === \"number\");\n  return {\n    ...base,\n    series: [\n      {\n        id: \"heatmap\",\n        name: config.name ?? \"Value\",\n        type: \"heatmap\",\n        data: config.data.map((c) => ({ x: c.x, y: c.y, value: c.value })),\n        colorScale: config.colorScale,\n        valueRange: config.valueRange,\n        radius: config.radius,\n        format: config.format,\n      },\n    ],\n    xAxis: {\n      ...(numericX\n        ? {}\n        : { type: \"category\" as const, categories: config.xCategories }),\n      grid: false,\n      ...base.xAxis,\n    },\n    yAxis: {\n      ...(numericY\n        ? {}\n        : { type: \"category\" as const, categories: config.yCategories }),\n      grid: false,\n      ...base.yAxis,\n    },\n    legend: base.legend ?? false,\n    interaction: base.interaction ?? { zoom: false },\n    tooltip: base.tooltip ?? { mode: \"nearest\" },\n  };\n};\n\n/** Settings of a sparkline (the props of Sparkline) */\nexport interface SparklineConfig {\n  /** Values (or `[x, y]` pairs, typed arrays, ...) */\n  data: ChartSeries[\"data\"];\n  /**\n   * How the values are drawn\n   * @default \"line\"\n   */\n  type?: \"line\" | \"area\" | \"bar\";\n  /** Color (any CSS color); the first palette color by default */\n  color?: string;\n  /**\n   * Shape of the line\n   * @default \"smooth\"\n   */\n  curve?: ChartCurve;\n  /** Name shown in the tooltip */\n  name?: string;\n  /** Draws a reference line at this value (e.g. a target or the average) */\n  reference?: number;\n  /** Formats the value in the tooltip */\n  format?: (value: number) => string;\n}\n\n/** Engine options of a sparkline: no axes, no legend, a tooltip only */\nexport const sparklineOptions = (\n  config: SparklineConfig,\n  base: Partial<ChartOptions> = {},\n): ChartOptions => {\n  const type = config.type ?? \"line\";\n  return {\n    ...base,\n    series: [\n      {\n        id: \"sparkline\",\n        name: config.name ?? \"Value\",\n        type,\n        data: config.data,\n        color: config.color,\n        curve: type === \"bar\" ? undefined : (config.curve ?? \"smooth\"),\n        lineWidth: 1.5,\n        opacity: type === \"area\" ? 0.22 : undefined,\n        radius: type === \"bar\" ? 1.5 : undefined,\n        format: config.format,\n      },\n    ],\n    xAxis: { visible: false, grid: false, ...base.xAxis },\n    yAxis: { visible: false, grid: false, nice: false, ...base.yAxis },\n    legend: false,\n    padding: base.padding ?? { top: 4, right: 4, bottom: 4, left: 4 },\n    interaction: base.interaction ?? { zoom: false },\n    annotations:\n      config.reference !== undefined\n        ? [\n            ...(base.annotations ?? []),\n            {\n              type: \"line\",\n              axis: \"y\",\n              value: config.reference,\n              dash: [2, 3],\n            },\n          ]\n        : base.annotations,\n  };\n};\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

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