minerva-design 1.1.0 → 1.2.0

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

@@ -25,7 +25,16 @@ export interface ResolvedLine {
     dash: number[];
     label?: string;
 }
-export type ResolvedAnnotation = ResolvedRect | ResolvedLine;
+export interface ResolvedText {
+    type: "text";
+    x?: number;
+    y?: number;
+    text: string;
+    anchor: "center" | "top" | "bottom" | "left" | "right";
+    color: Rgba;
+    weight: number;
+}
+export type ResolvedAnnotation = ResolvedRect | ResolvedLine | ResolvedText;
 export interface PointLabel {
     x: number;
     y: number;
@@ -34,6 +43,8 @@ export interface PointLabel {
     text: string;
 }
 export declare const font: (theme: ChartTheme, size?: number, weight?: number) => string;
+/** Box of a text annotation, kept inside the plot */
+export declare const textBox: (a: ResolvedText, s: Scales, width: number, height: number) => Rect;
 export interface BackgroundInput {
     width: number;
     height: number;
@@ -58,5 +69,10 @@ export interface ForegroundInput {
     theme: ChartTheme;
     annotations: readonly ResolvedAnnotation[];
     pointLabels: readonly PointLabel[];
+    /**
+     * Clears the canvas first (off when the layers share one canvas)
+     * @default true
+     */
+    clear?: boolean;
 }
 export declare const drawForeground: (ctx: CanvasRenderingContext2D, input: ForegroundInput) => void;

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

@@ -25,7 +25,16 @@ export interface ResolvedLine {
     dash: number[];
     label?: string;
 }
-export type ResolvedAnnotation = ResolvedRect | ResolvedLine;
+export interface ResolvedText {
+    type: "text";
+    x?: number;
+    y?: number;
+    text: string;
+    anchor: "center" | "top" | "bottom" | "left" | "right";
+    color: Rgba;
+    weight: number;
+}
+export type ResolvedAnnotation = ResolvedRect | ResolvedLine | ResolvedText;
 export interface PointLabel {
     x: number;
     y: number;
@@ -34,6 +43,8 @@ export interface PointLabel {
     text: string;
 }
 export declare const font: (theme: ChartTheme, size?: number, weight?: number) => string;
+/** Box of a text annotation, kept inside the plot */
+export declare const textBox: (a: ResolvedText, s: Scales, width: number, height: number) => Rect;
 export interface BackgroundInput {
     width: number;
     height: number;
@@ -58,5 +69,10 @@ export interface ForegroundInput {
     theme: ChartTheme;
     annotations: readonly ResolvedAnnotation[];
     pointLabels: readonly PointLabel[];
+    /**
+     * Clears the canvas first (off when the layers share one canvas)
+     * @default true
+     */
+    clear?: boolean;
 }
 export declare const drawForeground: (ctx: CanvasRenderingContext2D, input: ForegroundInput) => void;

package/dist/charts/engine/overlay.js

@@ -1,6 +1,14 @@
 import { toCss as e } from "./color.js";
 //#region src/engine/overlay.ts
-var t = (e, t = e.fontSize, n = 400) => `${n} ${t}px ${e.fontFamily}`, n = (e) => Math.round(e) + .5, r = (e, t) => {
+var t = (e, t = e.fontSize, n = 400) => `${n} ${t}px ${e.fontFamily}`, n = (e) => Math.round(e) + .5, r = (e, t, n, r) => {
+	let { plot: i } = t, a = e.x === void 0 ? i.x + i.width / 2 : t.xToPx(e.x), o = e.y === void 0 ? i.y + i.height / 2 : t.yToPx(e.y), s = a - n / 2, c = o - r / 2;
+	return e.anchor === "top" ? c = o + 6 : e.anchor === "bottom" ? c = o - 6 - r : e.anchor === "left" ? s = a + 6 : e.anchor === "right" && (s = a - 6 - n), s = Math.max(i.x + 6, Math.min(s, i.x + i.width - 6 - n)), c = Math.max(i.y + 2, Math.min(c, i.y + i.height - 2 - r)), {
+		x: s,
+		y: c,
+		width: n,
+		height: r
+	};
+}, i = (e, t) => {
 	let { plot: n } = t, r = e.x0 === void 0 ? -Infinity : t.xToPx(e.x0), i = e.x1 === void 0 ? Infinity : t.xToPx(e.x1), a = e.y0 === void 0 ? Infinity : t.yToPx(e.y0), o = e.y1 === void 0 ? -Infinity : t.yToPx(e.y1), s = Math.max(n.x, Math.min(r, i)), c = Math.min(n.x + n.width, Math.max(r, i)), l = Math.max(n.y, Math.min(a, o)), u = Math.min(n.y + n.height, Math.max(a, o));
 	return {
 		x: s,
@@ -8,47 +16,47 @@ var t = (e, t = e.fontSize, n = 400) => `${n} ${t}px ${e.fontFamily}`, n = (e) =
 		width: c - s,
 		height: u - l
 	};
-}, i = (i, a) => {
+}, a = (r, a) => {
 	let { scales: o, theme: s, x: c, y: l, xTicks: u, yTicks: d } = a, { plot: f } = o;
-	i.clearRect(0, 0, a.width, a.height), i.save(), i.beginPath(), i.rect(f.x, f.y, f.width, f.height), i.clip();
+	r.clearRect(0, 0, a.width, a.height), r.save(), r.beginPath(), r.rect(f.x, f.y, f.width, f.height), r.clip();
 	for (let t of a.annotations) {
 		if (t.type !== "rect") continue;
-		let n = r(t, o);
-		n.width <= 0 || n.height <= 0 || (i.fillStyle = e(t.color, t.opacity), i.fillRect(n.x, n.y, n.width, n.height));
+		let n = i(t, o);
+		n.width <= 0 || n.height <= 0 || (r.fillStyle = e(t.color, t.opacity), r.fillRect(n.x, n.y, n.width, n.height));
 	}
-	if (i.restore(), i.lineWidth = 1, i.strokeStyle = e(s.grid), i.beginPath(), l.grid) for (let e of d.values) {
+	if (r.restore(), r.lineWidth = 1, r.strokeStyle = e(s.grid), r.beginPath(), l.grid) for (let e of d.values) {
 		let t = n(o.yToPx(e));
-		t < f.y - 1 || t > f.y + f.height + 1 || (i.moveTo(f.x, t), i.lineTo(f.x + f.width, t));
+		t < f.y - 1 || t > f.y + f.height + 1 || (r.moveTo(f.x, t), r.lineTo(f.x + f.width, t));
 	}
 	if (c.grid) for (let e of u.values) {
 		let t = n(o.xToPx(e));
-		t < f.x - 1 || t > f.x + f.width + 1 || (i.moveTo(t, f.y), i.lineTo(t, f.y + f.height));
+		t < f.x - 1 || t > f.x + f.width + 1 || (r.moveTo(t, f.y), r.lineTo(t, f.y + f.height));
 	}
-	i.stroke();
+	r.stroke();
 	let p = Math.ceil(s.fontSize * 1.4);
-	if (i.font = t(s), i.fillStyle = e(s.textMuted), c.visible) {
-		i.strokeStyle = e(s.axis), i.beginPath();
-		let r = n(f.y + f.height);
-		i.moveTo(f.x, r), i.lineTo(f.x + f.width, r), i.stroke(), i.textBaseline = "top", i.textAlign = "center";
+	if (r.font = t(s), r.fillStyle = e(s.textMuted), c.visible) {
+		r.strokeStyle = e(s.axis), r.beginPath();
+		let i = n(f.y + f.height);
+		r.moveTo(f.x, i), r.lineTo(f.x + f.width, i), r.stroke(), r.textBaseline = "top", r.textAlign = "center";
 		let l = -Infinity, d = u.values.map((e, t) => ({
 			px: o.xToPx(e),
 			text: u.labels[t]
 		})).sort((e, t) => e.px - t.px);
 		for (let { px: e, text: t } of d) {
 			if (e < f.x - .5 || e > f.x + f.width + .5) continue;
-			let n = i.measureText(t).width, r = Math.max(0, Math.min(a.width - n, e - n / 2));
-			r < l + 6 || (l = r + n, i.fillText(t, r + n / 2, f.y + f.height + 7));
+			let n = r.measureText(t).width, i = Math.max(0, Math.min(a.width - n, e - n / 2));
+			i < l + 6 || (l = i + n, r.fillText(t, i + n / 2, f.y + f.height + 7));
 		}
-		c.title && (i.font = t(s, s.fontSize + 1, 500), i.fillStyle = e(s.text, .8), i.fillText(c.title, f.x + f.width / 2, f.y + f.height + p + 10));
+		c.title && (r.font = t(s, s.fontSize + 1, 500), r.fillStyle = e(s.text, .8), r.fillText(c.title, f.x + f.width / 2, f.y + f.height + p + 10));
 	}
-	l.visible && (i.font = t(s), i.fillStyle = e(s.textMuted), i.textAlign = "right", i.textBaseline = "middle", d.values.forEach((e, t) => {
+	l.visible && (r.font = t(s), r.fillStyle = e(s.textMuted), r.textAlign = "right", r.textBaseline = "middle", d.values.forEach((e, t) => {
 		let n = o.yToPx(e);
-		n < f.y - .5 || n > f.y + f.height + .5 || i.fillText(d.labels[t], f.x - 8, n);
-	}), l.title && (i.save(), i.font = t(s, s.fontSize + 1, 500), i.fillStyle = e(s.text, .8), i.translate(p / 2 + 4, f.y + f.height / 2), i.rotate(-Math.PI / 2), i.textAlign = "center", i.fillText(l.title, 0, 0), i.restore()));
-}, a = (e, t) => e.x < t.x + t.width && t.x < e.x + e.width && e.y < t.y + t.height && t.y < e.y + e.height, o = (e, t) => e.x >= t.x && e.y >= t.y && e.x + e.width <= t.x + t.width && e.y + e.height <= t.y + t.height, s = (e, t, n, r, i, a) => {
+		n < f.y - .5 || n > f.y + f.height + .5 || r.fillText(d.labels[t], f.x - 8, n);
+	}), l.title && (r.save(), r.font = t(s, s.fontSize + 1, 500), r.fillStyle = e(s.text, .8), r.translate(p / 2 + 4, f.y + f.height / 2), r.rotate(-Math.PI / 2), r.textAlign = "center", r.fillText(l.title, 0, 0), r.restore()));
+}, o = (e, t) => e.x < t.x + t.width && t.x < e.x + e.width && e.y < t.y + t.height && t.y < e.y + e.height, s = (e, t) => e.x >= t.x && e.y >= t.y && e.x + e.width <= t.x + t.width && e.y + e.height <= t.y + t.height, c = (e, t, n, r, i, a) => {
 	e.lineWidth = 3, e.lineJoin = "round", e.strokeStyle = a, e.strokeText(t, n, r), e.fillStyle = i, e.fillText(t, n, r);
-}, c = (e, t, n, r, i = []) => {
-	let s = [];
+}, l = (e, t, n, r, i = []) => {
+	let a = [];
 	for (let c of e) {
 		let e = n(c.text), l = c.r + 4, u = [
 			{
@@ -75,49 +83,55 @@ var t = (e, t = e.fontSize, n = 400) => `${n} ${t}px ${e.fontFamily}`, n = (e) =
 				width: e,
 				height: r
 			}
-		].find((e) => o(e, t) && !i.some((t) => a(t, e)));
-		u && (i.push(u), s.push({
+		].find((e) => s(e, t) && !i.some((t) => o(t, e)));
+		u && (i.push(u), a.push({
 			label: c,
 			box: u
 		}));
 	}
-	return s;
-}, l = (i, a) => {
-	let { scales: o, theme: l } = a, { plot: u } = o;
-	i.clearRect(0, 0, a.width, a.height), i.save(), i.beginPath(), i.rect(u.x, u.y, u.width, u.height), i.clip();
-	let d = e(l.background, .9), f = [], p = l.fontSize + 4;
-	for (let r of a.annotations) {
+	return a;
+}, u = (a, o) => {
+	let { scales: s, theme: u } = o, { plot: d } = s;
+	o.clear !== !1 && a.clearRect(0, 0, o.width, o.height), a.save(), a.beginPath(), a.rect(d.x, d.y, d.width, d.height), a.clip();
+	let f = e(u.background, .9), p = [], m = u.fontSize + 4;
+	for (let r of o.annotations) {
 		if (r.type !== "line") continue;
-		let a = e(r.color);
-		if (i.strokeStyle = a, i.lineWidth = r.width, i.setLineDash(r.dash), i.beginPath(), r.axis === "y") {
-			let e = n(o.yToPx(r.value));
-			i.moveTo(u.x, e), i.lineTo(u.x + u.width, e), i.stroke(), r.label && (i.setLineDash([]), i.font = t(l, l.fontSize, 500), i.textAlign = "right", i.textBaseline = "bottom", s(i, r.label, u.x + u.width - 6, e - 3, a, d));
+		let i = e(r.color);
+		if (a.strokeStyle = i, a.lineWidth = r.width, a.setLineDash(r.dash), a.beginPath(), r.axis === "y") {
+			let e = n(s.yToPx(r.value));
+			a.moveTo(d.x, e), a.lineTo(d.x + d.width, e), a.stroke(), r.label && (a.setLineDash([]), a.font = t(u, u.fontSize, 500), a.textAlign = "right", a.textBaseline = "bottom", c(a, r.label, d.x + d.width - 6, e - 3, i, f));
 		} else {
-			let e = n(o.xToPx(r.value));
-			i.moveTo(e, u.y), i.lineTo(e, u.y + u.height), i.stroke(), r.label && (i.setLineDash([]), i.font = t(l, l.fontSize, 500), i.textAlign = "left", i.textBaseline = "top", s(i, r.label, e + 5, u.y + 5, a, d));
+			let e = n(s.xToPx(r.value));
+			a.moveTo(e, d.y), a.lineTo(e, d.y + d.height), a.stroke(), r.label && (a.setLineDash([]), a.font = t(u, u.fontSize, 500), a.textAlign = "left", a.textBaseline = "top", c(a, r.label, e + 5, d.y + 5, i, f));
 		}
 	}
-	i.setLineDash([]), i.font = t(l, l.fontSize + 1, 600);
-	for (let t of a.annotations) {
+	a.setLineDash([]), a.font = t(u, u.fontSize + 1, 600);
+	for (let t of o.annotations) {
 		if (t.type !== "rect" || !t.label) continue;
-		let n = r(t, o);
+		let n = i(t, s);
 		if (n.width <= 0 || n.height <= 0) continue;
-		let a = i.measureText(t.label).width, s = t.labelPosition, c = s.endsWith("left") ? n.x + 10 : s.endsWith("right") ? n.x + n.width - 10 - a : n.x + (n.width - a) / 2, l = s.startsWith("top") ? n.y + 10 : s.startsWith("bottom") ? n.y + n.height - 10 - p : n.y + (n.height - p) / 2;
-		i.textAlign = "left", i.textBaseline = "top", i.fillStyle = e(t.labelColor), i.fillText(t.label, c, l), f.push({
+		let r = a.measureText(t.label).width, o = t.labelPosition, c = o.endsWith("left") ? n.x + 10 : o.endsWith("right") ? n.x + n.width - 10 - r : n.x + (n.width - r) / 2, l = o.startsWith("top") ? n.y + 10 : o.startsWith("bottom") ? n.y + n.height - 10 - m : n.y + (n.height - m) / 2;
+		a.textAlign = "left", a.textBaseline = "top", a.fillStyle = e(t.labelColor), a.fillText(t.label, c, l), p.push({
 			x: c,
 			y: l,
-			width: a,
-			height: p
+			width: r,
+			height: m
 		});
 	}
-	if (a.pointLabels.length) {
-		i.font = t(l), i.textAlign = "left", i.textBaseline = "middle";
-		let n = e(l.text, .85), r = c(a.pointLabels, u, (e) => i.measureText(e).width, p - 2, f);
-		for (let { label: e, box: t } of r) s(i, e.text, t.x, t.y + t.height / 2, n, d);
+	for (let n of o.annotations) {
+		if (n.type !== "text" || !n.text) continue;
+		a.font = t(u, u.fontSize, n.weight);
+		let i = r(n, s, a.measureText(n.text).width, m);
+		a.textAlign = "left", a.textBaseline = "middle", c(a, n.text, i.x, i.y + i.height / 2, e(n.color), f), p.push(i);
+	}
+	if (o.pointLabels.length) {
+		a.font = t(u), a.textAlign = "left", a.textBaseline = "middle";
+		let n = e(u.text, .85), r = l(o.pointLabels, d, (e) => a.measureText(e).width, m - 2, p);
+		for (let { label: e, box: t } of r) c(a, e.text, t.x, t.y + t.height / 2, n, f);
 	}
-	i.restore();
+	a.restore();
 };
 //#endregion
-export { i as drawBackground, l as drawForeground, t as font, c as placeLabels };
+export { a as drawBackground, u as drawForeground, t as font, l as placeLabels, r as textBox };
 
 //# sourceMappingURL=overlay.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"overlay.js","names":["font","theme","weight","size","crisp","v","rectOf","s","xa","a","xb","ya","yb","left","plot","right","top","bottom","drawBackground","input","scales","ctx","r","toCss","y","yTicks","py","x","xTicks","px","line","base","lastRight","order","i","b","w","text","overlaps","inside","haloText","halo","color","placeLabels","placed","label","labels","measure","gap","box","height","c","occupied","o","drawForeground","labelHeight","pos","tx","ty","textColor","t"],"sources":["../../../../charts/src/engine/overlay.ts"],"sourcesContent":["// Canvas2D layers around the data: background (areas, grid, axes, tick\n// labels) and foreground (reference lines, annotation and point labels).\n\nimport { toCss, type Rgba } from \"./color\";\nimport type { AxisTicks } from \"./axis\";\nimport type { Rect, Scales } from \"./layout\";\nimport type { AxisModel } from \"./model\";\nimport type { ChartTheme } from \"./theme\";\nimport type { ChartLabelPosition } from \"./types\";\n\nexport interface ResolvedRect {\n  type: \"rect\";\n  x0?: number;\n  x1?: number;\n  y0?: number;\n  y1?: number;\n  color: Rgba;\n  opacity: number;\n  label?: string;\n  labelPosition: ChartLabelPosition;\n  labelColor: Rgba;\n}\n\nexport interface ResolvedLine {\n  type: \"line\";\n  axis: \"x\" | \"y\";\n  value: number;\n  color: Rgba;\n  width: number;\n  dash: number[];\n  label?: string;\n}\n\nexport type ResolvedAnnotation = ResolvedRect | ResolvedLine;\n\nexport interface PointLabel {\n  x: number;\n  y: number;\n  /** Radius of the dot */\n  r: number;\n  text: string;\n}\n\nexport const font = (theme: ChartTheme, size = theme.fontSize, weight = 400) =>\n  `${weight} ${size}px ${theme.fontFamily}`;\n\nconst crisp = (v: number) => Math.round(v) + 0.5;\n\nconst rectOf = (a: ResolvedRect, s: Scales): Rect => {\n  const { plot } = s;\n  const xa = a.x0 === undefined ? -Infinity : s.xToPx(a.x0);\n  const xb = a.x1 === undefined ? Infinity : s.xToPx(a.x1);\n  const ya = a.y0 === undefined ? Infinity : s.yToPx(a.y0);\n  const yb = a.y1 === undefined ? -Infinity : s.yToPx(a.y1);\n  const left = Math.max(plot.x, Math.min(xa, xb));\n  const right = Math.min(plot.x + plot.width, Math.max(xa, xb));\n  const top = Math.max(plot.y, Math.min(ya, yb));\n  const bottom = Math.min(plot.y + plot.height, Math.max(ya, yb));\n  return { x: left, y: top, width: right - left, height: bottom - top };\n};\n\nexport interface BackgroundInput {\n  width: number;\n  height: number;\n  scales: Scales;\n  x: AxisModel;\n  y: AxisModel;\n  xTicks: AxisTicks;\n  yTicks: AxisTicks;\n  theme: ChartTheme;\n  annotations: readonly ResolvedAnnotation[];\n}\n\nexport const drawBackground = (\n  ctx: CanvasRenderingContext2D,\n  input: BackgroundInput,\n) => {\n  const { scales, theme, x, y, xTicks, yTicks } = input;\n  const { plot } = scales;\n  ctx.clearRect(0, 0, input.width, input.height);\n\n  // areas\n  ctx.save();\n  ctx.beginPath();\n  ctx.rect(plot.x, plot.y, plot.width, plot.height);\n  ctx.clip();\n  for (const a of input.annotations) {\n    if (a.type !== \"rect\") continue;\n    const r = rectOf(a, scales);\n    if (r.width <= 0 || r.height <= 0) continue;\n    ctx.fillStyle = toCss(a.color, a.opacity);\n    ctx.fillRect(r.x, r.y, r.width, r.height);\n  }\n  ctx.restore();\n\n  // grid\n  ctx.lineWidth = 1;\n  ctx.strokeStyle = toCss(theme.grid);\n  ctx.beginPath();\n  if (y.grid) {\n    for (const v of yTicks.values) {\n      const py = crisp(scales.yToPx(v));\n      if (py < plot.y - 1 || py > plot.y + plot.height + 1) continue;\n      ctx.moveTo(plot.x, py);\n      ctx.lineTo(plot.x + plot.width, py);\n    }\n  }\n  if (x.grid) {\n    for (const v of xTicks.values) {\n      const px = crisp(scales.xToPx(v));\n      if (px < plot.x - 1 || px > plot.x + plot.width + 1) continue;\n      ctx.moveTo(px, plot.y);\n      ctx.lineTo(px, plot.y + plot.height);\n    }\n  }\n  ctx.stroke();\n\n  const line = Math.ceil(theme.fontSize * 1.4);\n  ctx.font = font(theme);\n  ctx.fillStyle = toCss(theme.textMuted);\n\n  // x axis\n  if (x.visible) {\n    ctx.strokeStyle = toCss(theme.axis);\n    ctx.beginPath();\n    const base = crisp(plot.y + plot.height);\n    ctx.moveTo(plot.x, base);\n    ctx.lineTo(plot.x + plot.width, base);\n    ctx.stroke();\n    ctx.textBaseline = \"top\";\n    ctx.textAlign = \"center\";\n    let lastRight = -Infinity;\n    // left to right (reversed axes list their ticks right to left)\n    const order = xTicks.values\n      .map((v, i) => ({ px: scales.xToPx(v), text: xTicks.labels[i] }))\n      .sort((a, b) => a.px - b.px);\n    for (const { px, text } of order) {\n      if (px < plot.x - 0.5 || px > plot.x + plot.width + 0.5) continue;\n      const w = ctx.measureText(text).width;\n      const left = Math.max(0, Math.min(input.width - w, px - w / 2));\n      if (left < lastRight + 6) continue;\n      lastRight = left + w;\n      ctx.fillText(text, left + w / 2, plot.y + plot.height + 7);\n    }\n    if (x.title) {\n      ctx.font = font(theme, theme.fontSize + 1, 500);\n      ctx.fillStyle = toCss(theme.text, 0.8);\n      ctx.fillText(\n        x.title,\n        plot.x + plot.width / 2,\n        plot.y + plot.height + line + 10,\n      );\n    }\n  }\n\n  // y axis\n  if (y.visible) {\n    ctx.font = font(theme);\n    ctx.fillStyle = toCss(theme.textMuted);\n    ctx.textAlign = \"right\";\n    ctx.textBaseline = \"middle\";\n    yTicks.values.forEach((v, i) => {\n      const py = scales.yToPx(v);\n      if (py < plot.y - 0.5 || py > plot.y + plot.height + 0.5) return;\n      ctx.fillText(yTicks.labels[i], plot.x - 8, py);\n    });\n    if (y.title) {\n      ctx.save();\n      ctx.font = font(theme, theme.fontSize + 1, 500);\n      ctx.fillStyle = toCss(theme.text, 0.8);\n      ctx.translate(line / 2 + 4, plot.y + plot.height / 2);\n      ctx.rotate(-Math.PI / 2);\n      ctx.textAlign = \"center\";\n      ctx.fillText(y.title, 0, 0);\n      ctx.restore();\n    }\n  }\n};\n\nconst overlaps = (a: Rect, b: Rect) =>\n  a.x < b.x + b.width &&\n  b.x < a.x + a.width &&\n  a.y < b.y + b.height &&\n  b.y < a.y + a.height;\n\nconst inside = (r: Rect, plot: Rect) =>\n  r.x >= plot.x &&\n  r.y >= plot.y &&\n  r.x + r.width <= plot.x + plot.width &&\n  r.y + r.height <= plot.y + plot.height;\n\n/** Text with a halo in the background color (readable over data) */\nconst haloText = (\n  ctx: CanvasRenderingContext2D,\n  text: string,\n  x: number,\n  y: number,\n  color: string,\n  halo: string,\n) => {\n  ctx.lineWidth = 3;\n  ctx.lineJoin = \"round\";\n  ctx.strokeStyle = halo;\n  ctx.strokeText(text, x, y);\n  ctx.fillStyle = color;\n  ctx.fillText(text, x, y);\n};\n\n/** Greedy placement: right, left, above, below the dot; skipped when no slot is free */\nexport const placeLabels = (\n  labels: readonly PointLabel[],\n  plot: Rect,\n  measure: (text: string) => number,\n  height: number,\n  occupied: Rect[] = [],\n): { label: PointLabel; box: Rect }[] => {\n  const placed: { label: PointLabel; box: Rect }[] = [];\n  for (const label of labels) {\n    const w = measure(label.text);\n    const gap = label.r + 4;\n    const candidates: Rect[] = [\n      { x: label.x + gap, y: label.y - height / 2, width: w, height },\n      { x: label.x - gap - w, y: label.y - height / 2, width: w, height },\n      { x: label.x - w / 2, y: label.y - gap - height, width: w, height },\n      { x: label.x - w / 2, y: label.y + gap, width: w, height },\n    ];\n    const box = candidates.find(\n      (c) => inside(c, plot) && !occupied.some((o) => overlaps(o, c)),\n    );\n    if (!box) continue;\n    occupied.push(box);\n    placed.push({ label, box });\n  }\n  return placed;\n};\n\nexport interface ForegroundInput {\n  width: number;\n  height: number;\n  scales: Scales;\n  theme: ChartTheme;\n  annotations: readonly ResolvedAnnotation[];\n  pointLabels: readonly PointLabel[];\n}\n\nexport const drawForeground = (\n  ctx: CanvasRenderingContext2D,\n  input: ForegroundInput,\n) => {\n  const { scales, theme } = input;\n  const { plot } = scales;\n  ctx.clearRect(0, 0, input.width, input.height);\n  ctx.save();\n  ctx.beginPath();\n  ctx.rect(plot.x, plot.y, plot.width, plot.height);\n  ctx.clip();\n\n  const halo = toCss(theme.background, 0.9);\n  const occupied: Rect[] = [];\n  const labelHeight = theme.fontSize + 4;\n\n  for (const a of input.annotations) {\n    if (a.type !== \"line\") continue;\n    const color = toCss(a.color);\n    ctx.strokeStyle = color;\n    ctx.lineWidth = a.width;\n    ctx.setLineDash(a.dash);\n    ctx.beginPath();\n    if (a.axis === \"y\") {\n      const py = crisp(scales.yToPx(a.value));\n      ctx.moveTo(plot.x, py);\n      ctx.lineTo(plot.x + plot.width, py);\n      ctx.stroke();\n      if (a.label) {\n        ctx.setLineDash([]);\n        ctx.font = font(theme, theme.fontSize, 500);\n        ctx.textAlign = \"right\";\n        ctx.textBaseline = \"bottom\";\n        haloText(ctx, a.label, plot.x + plot.width - 6, py - 3, color, halo);\n      }\n    } else {\n      const px = crisp(scales.xToPx(a.value));\n      ctx.moveTo(px, plot.y);\n      ctx.lineTo(px, plot.y + plot.height);\n      ctx.stroke();\n      if (a.label) {\n        ctx.setLineDash([]);\n        ctx.font = font(theme, theme.fontSize, 500);\n        ctx.textAlign = \"left\";\n        ctx.textBaseline = \"top\";\n        haloText(ctx, a.label, px + 5, plot.y + 5, color, halo);\n      }\n    }\n  }\n  ctx.setLineDash([]);\n\n  // labels of areas\n  ctx.font = font(theme, theme.fontSize + 1, 600);\n  for (const a of input.annotations) {\n    if (a.type !== \"rect\" || !a.label) continue;\n    const r = rectOf(a, scales);\n    if (r.width <= 0 || r.height <= 0) continue;\n    const pad = 10;\n    const w = ctx.measureText(a.label).width;\n    const pos = a.labelPosition;\n    const tx = pos.endsWith(\"left\")\n      ? r.x + pad\n      : pos.endsWith(\"right\")\n        ? r.x + r.width - pad - w\n        : r.x + (r.width - w) / 2;\n    const ty = pos.startsWith(\"top\")\n      ? r.y + pad\n      : pos.startsWith(\"bottom\")\n        ? r.y + r.height - pad - labelHeight\n        : r.y + (r.height - labelHeight) / 2;\n    ctx.textAlign = \"left\";\n    ctx.textBaseline = \"top\";\n    ctx.fillStyle = toCss(a.labelColor);\n    ctx.fillText(a.label, tx, ty);\n    occupied.push({ x: tx, y: ty, width: w, height: labelHeight });\n  }\n\n  // point labels\n  if (input.pointLabels.length) {\n    ctx.font = font(theme);\n    ctx.textAlign = \"left\";\n    ctx.textBaseline = \"middle\";\n    const textColor = toCss(theme.text, 0.85);\n    const placed = placeLabels(\n      input.pointLabels,\n      plot,\n      (t) => ctx.measureText(t).width,\n      labelHeight - 2,\n      occupied,\n    );\n    for (const { label, box } of placed) {\n      haloText(ctx, label.text, box.x, box.y + box.height / 2, textColor, halo);\n    }\n  }\n  ctx.restore();\n};\n"],"mappings":"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"}
+{"version":3,"file":"overlay.js","names":["font","theme","weight","size","crisp","v","textBox","s","px","a","plot","py","x","width","y","height","rectOf","xa","xb","ya","yb","left","right","top","bottom","drawBackground","input","scales","ctx","r","toCss","yTicks","xTicks","line","base","lastRight","order","i","b","w","text","overlaps","inside","haloText","halo","color","placeLabels","placed","label","labels","measure","gap","box","c","occupied","o","drawForeground","labelHeight","pos","tx","ty","textColor","t"],"sources":["../../../../charts/src/engine/overlay.ts"],"sourcesContent":["// Canvas2D layers around the data: background (areas, grid, axes, tick\n// labels) and foreground (reference lines, annotation and point labels).\n\nimport { toCss, type Rgba } from \"./color\";\nimport type { AxisTicks } from \"./axis\";\nimport type { Rect, Scales } from \"./layout\";\nimport type { AxisModel } from \"./model\";\nimport type { ChartTheme } from \"./theme\";\nimport type { ChartLabelPosition } from \"./types\";\n\nexport interface ResolvedRect {\n  type: \"rect\";\n  x0?: number;\n  x1?: number;\n  y0?: number;\n  y1?: number;\n  color: Rgba;\n  opacity: number;\n  label?: string;\n  labelPosition: ChartLabelPosition;\n  labelColor: Rgba;\n}\n\nexport interface ResolvedLine {\n  type: \"line\";\n  axis: \"x\" | \"y\";\n  value: number;\n  color: Rgba;\n  width: number;\n  dash: number[];\n  label?: string;\n}\n\nexport interface ResolvedText {\n  type: \"text\";\n  x?: number;\n  y?: number;\n  text: string;\n  anchor: \"center\" | \"top\" | \"bottom\" | \"left\" | \"right\";\n  color: Rgba;\n  weight: number;\n}\n\nexport type ResolvedAnnotation = ResolvedRect | ResolvedLine | ResolvedText;\n\nexport interface PointLabel {\n  x: number;\n  y: number;\n  /** Radius of the dot */\n  r: number;\n  text: string;\n}\n\nexport const font = (theme: ChartTheme, size = theme.fontSize, weight = 400) =>\n  `${weight} ${size}px ${theme.fontFamily}`;\n\nconst crisp = (v: number) => Math.round(v) + 0.5;\n\n/** Box of a text annotation, kept inside the plot */\nexport const textBox = (\n  a: ResolvedText,\n  s: Scales,\n  width: number,\n  height: number,\n): Rect => {\n  const { plot } = s;\n  const px = a.x === undefined ? plot.x + plot.width / 2 : s.xToPx(a.x);\n  const py = a.y === undefined ? plot.y + plot.height / 2 : s.yToPx(a.y);\n  const gap = 6;\n  let x = px - width / 2;\n  let y = py - height / 2;\n  if (a.anchor === \"top\") y = py + gap;\n  else if (a.anchor === \"bottom\") y = py - gap - height;\n  else if (a.anchor === \"left\") x = px + gap;\n  else if (a.anchor === \"right\") x = px - gap - width;\n  x = Math.max(plot.x + gap, Math.min(x, plot.x + plot.width - gap - width));\n  y = Math.max(plot.y + 2, Math.min(y, plot.y + plot.height - 2 - height));\n  return { x, y, width, height };\n};\n\nconst rectOf = (a: ResolvedRect, s: Scales): Rect => {\n  const { plot } = s;\n  const xa = a.x0 === undefined ? -Infinity : s.xToPx(a.x0);\n  const xb = a.x1 === undefined ? Infinity : s.xToPx(a.x1);\n  const ya = a.y0 === undefined ? Infinity : s.yToPx(a.y0);\n  const yb = a.y1 === undefined ? -Infinity : s.yToPx(a.y1);\n  const left = Math.max(plot.x, Math.min(xa, xb));\n  const right = Math.min(plot.x + plot.width, Math.max(xa, xb));\n  const top = Math.max(plot.y, Math.min(ya, yb));\n  const bottom = Math.min(plot.y + plot.height, Math.max(ya, yb));\n  return { x: left, y: top, width: right - left, height: bottom - top };\n};\n\nexport interface BackgroundInput {\n  width: number;\n  height: number;\n  scales: Scales;\n  x: AxisModel;\n  y: AxisModel;\n  xTicks: AxisTicks;\n  yTicks: AxisTicks;\n  theme: ChartTheme;\n  annotations: readonly ResolvedAnnotation[];\n}\n\nexport const drawBackground = (\n  ctx: CanvasRenderingContext2D,\n  input: BackgroundInput,\n) => {\n  const { scales, theme, x, y, xTicks, yTicks } = input;\n  const { plot } = scales;\n  ctx.clearRect(0, 0, input.width, input.height);\n\n  // areas\n  ctx.save();\n  ctx.beginPath();\n  ctx.rect(plot.x, plot.y, plot.width, plot.height);\n  ctx.clip();\n  for (const a of input.annotations) {\n    if (a.type !== \"rect\") continue;\n    const r = rectOf(a, scales);\n    if (r.width <= 0 || r.height <= 0) continue;\n    ctx.fillStyle = toCss(a.color, a.opacity);\n    ctx.fillRect(r.x, r.y, r.width, r.height);\n  }\n  ctx.restore();\n\n  // grid\n  ctx.lineWidth = 1;\n  ctx.strokeStyle = toCss(theme.grid);\n  ctx.beginPath();\n  if (y.grid) {\n    for (const v of yTicks.values) {\n      const py = crisp(scales.yToPx(v));\n      if (py < plot.y - 1 || py > plot.y + plot.height + 1) continue;\n      ctx.moveTo(plot.x, py);\n      ctx.lineTo(plot.x + plot.width, py);\n    }\n  }\n  if (x.grid) {\n    for (const v of xTicks.values) {\n      const px = crisp(scales.xToPx(v));\n      if (px < plot.x - 1 || px > plot.x + plot.width + 1) continue;\n      ctx.moveTo(px, plot.y);\n      ctx.lineTo(px, plot.y + plot.height);\n    }\n  }\n  ctx.stroke();\n\n  const line = Math.ceil(theme.fontSize * 1.4);\n  ctx.font = font(theme);\n  ctx.fillStyle = toCss(theme.textMuted);\n\n  // x axis\n  if (x.visible) {\n    ctx.strokeStyle = toCss(theme.axis);\n    ctx.beginPath();\n    const base = crisp(plot.y + plot.height);\n    ctx.moveTo(plot.x, base);\n    ctx.lineTo(plot.x + plot.width, base);\n    ctx.stroke();\n    ctx.textBaseline = \"top\";\n    ctx.textAlign = \"center\";\n    let lastRight = -Infinity;\n    // left to right (reversed axes list their ticks right to left)\n    const order = xTicks.values\n      .map((v, i) => ({ px: scales.xToPx(v), text: xTicks.labels[i] }))\n      .sort((a, b) => a.px - b.px);\n    for (const { px, text } of order) {\n      if (px < plot.x - 0.5 || px > plot.x + plot.width + 0.5) continue;\n      const w = ctx.measureText(text).width;\n      const left = Math.max(0, Math.min(input.width - w, px - w / 2));\n      if (left < lastRight + 6) continue;\n      lastRight = left + w;\n      ctx.fillText(text, left + w / 2, plot.y + plot.height + 7);\n    }\n    if (x.title) {\n      ctx.font = font(theme, theme.fontSize + 1, 500);\n      ctx.fillStyle = toCss(theme.text, 0.8);\n      ctx.fillText(\n        x.title,\n        plot.x + plot.width / 2,\n        plot.y + plot.height + line + 10,\n      );\n    }\n  }\n\n  // y axis\n  if (y.visible) {\n    ctx.font = font(theme);\n    ctx.fillStyle = toCss(theme.textMuted);\n    ctx.textAlign = \"right\";\n    ctx.textBaseline = \"middle\";\n    yTicks.values.forEach((v, i) => {\n      const py = scales.yToPx(v);\n      if (py < plot.y - 0.5 || py > plot.y + plot.height + 0.5) return;\n      ctx.fillText(yTicks.labels[i], plot.x - 8, py);\n    });\n    if (y.title) {\n      ctx.save();\n      ctx.font = font(theme, theme.fontSize + 1, 500);\n      ctx.fillStyle = toCss(theme.text, 0.8);\n      ctx.translate(line / 2 + 4, plot.y + plot.height / 2);\n      ctx.rotate(-Math.PI / 2);\n      ctx.textAlign = \"center\";\n      ctx.fillText(y.title, 0, 0);\n      ctx.restore();\n    }\n  }\n};\n\nconst overlaps = (a: Rect, b: Rect) =>\n  a.x < b.x + b.width &&\n  b.x < a.x + a.width &&\n  a.y < b.y + b.height &&\n  b.y < a.y + a.height;\n\nconst inside = (r: Rect, plot: Rect) =>\n  r.x >= plot.x &&\n  r.y >= plot.y &&\n  r.x + r.width <= plot.x + plot.width &&\n  r.y + r.height <= plot.y + plot.height;\n\n/** Text with a halo in the background color (readable over data) */\nconst haloText = (\n  ctx: CanvasRenderingContext2D,\n  text: string,\n  x: number,\n  y: number,\n  color: string,\n  halo: string,\n) => {\n  ctx.lineWidth = 3;\n  ctx.lineJoin = \"round\";\n  ctx.strokeStyle = halo;\n  ctx.strokeText(text, x, y);\n  ctx.fillStyle = color;\n  ctx.fillText(text, x, y);\n};\n\n/** Greedy placement: right, left, above, below the dot; skipped when no slot is free */\nexport const placeLabels = (\n  labels: readonly PointLabel[],\n  plot: Rect,\n  measure: (text: string) => number,\n  height: number,\n  occupied: Rect[] = [],\n): { label: PointLabel; box: Rect }[] => {\n  const placed: { label: PointLabel; box: Rect }[] = [];\n  for (const label of labels) {\n    const w = measure(label.text);\n    const gap = label.r + 4;\n    const candidates: Rect[] = [\n      { x: label.x + gap, y: label.y - height / 2, width: w, height },\n      { x: label.x - gap - w, y: label.y - height / 2, width: w, height },\n      { x: label.x - w / 2, y: label.y - gap - height, width: w, height },\n      { x: label.x - w / 2, y: label.y + gap, width: w, height },\n    ];\n    const box = candidates.find(\n      (c) => inside(c, plot) && !occupied.some((o) => overlaps(o, c)),\n    );\n    if (!box) continue;\n    occupied.push(box);\n    placed.push({ label, box });\n  }\n  return placed;\n};\n\nexport interface ForegroundInput {\n  width: number;\n  height: number;\n  scales: Scales;\n  theme: ChartTheme;\n  annotations: readonly ResolvedAnnotation[];\n  pointLabels: readonly PointLabel[];\n  /**\n   * Clears the canvas first (off when the layers share one canvas)\n   * @default true\n   */\n  clear?: boolean;\n}\n\nexport const drawForeground = (\n  ctx: CanvasRenderingContext2D,\n  input: ForegroundInput,\n) => {\n  const { scales, theme } = input;\n  const { plot } = scales;\n  if (input.clear !== false) ctx.clearRect(0, 0, input.width, input.height);\n  ctx.save();\n  ctx.beginPath();\n  ctx.rect(plot.x, plot.y, plot.width, plot.height);\n  ctx.clip();\n\n  const halo = toCss(theme.background, 0.9);\n  const occupied: Rect[] = [];\n  const labelHeight = theme.fontSize + 4;\n\n  for (const a of input.annotations) {\n    if (a.type !== \"line\") continue;\n    const color = toCss(a.color);\n    ctx.strokeStyle = color;\n    ctx.lineWidth = a.width;\n    ctx.setLineDash(a.dash);\n    ctx.beginPath();\n    if (a.axis === \"y\") {\n      const py = crisp(scales.yToPx(a.value));\n      ctx.moveTo(plot.x, py);\n      ctx.lineTo(plot.x + plot.width, py);\n      ctx.stroke();\n      if (a.label) {\n        ctx.setLineDash([]);\n        ctx.font = font(theme, theme.fontSize, 500);\n        ctx.textAlign = \"right\";\n        ctx.textBaseline = \"bottom\";\n        haloText(ctx, a.label, plot.x + plot.width - 6, py - 3, color, halo);\n      }\n    } else {\n      const px = crisp(scales.xToPx(a.value));\n      ctx.moveTo(px, plot.y);\n      ctx.lineTo(px, plot.y + plot.height);\n      ctx.stroke();\n      if (a.label) {\n        ctx.setLineDash([]);\n        ctx.font = font(theme, theme.fontSize, 500);\n        ctx.textAlign = \"left\";\n        ctx.textBaseline = \"top\";\n        haloText(ctx, a.label, px + 5, plot.y + 5, color, halo);\n      }\n    }\n  }\n  ctx.setLineDash([]);\n\n  // labels of areas\n  ctx.font = font(theme, theme.fontSize + 1, 600);\n  for (const a of input.annotations) {\n    if (a.type !== \"rect\" || !a.label) continue;\n    const r = rectOf(a, scales);\n    if (r.width <= 0 || r.height <= 0) continue;\n    const pad = 10;\n    const w = ctx.measureText(a.label).width;\n    const pos = a.labelPosition;\n    const tx = pos.endsWith(\"left\")\n      ? r.x + pad\n      : pos.endsWith(\"right\")\n        ? r.x + r.width - pad - w\n        : r.x + (r.width - w) / 2;\n    const ty = pos.startsWith(\"top\")\n      ? r.y + pad\n      : pos.startsWith(\"bottom\")\n        ? r.y + r.height - pad - labelHeight\n        : r.y + (r.height - labelHeight) / 2;\n    ctx.textAlign = \"left\";\n    ctx.textBaseline = \"top\";\n    ctx.fillStyle = toCss(a.labelColor);\n    ctx.fillText(a.label, tx, ty);\n    occupied.push({ x: tx, y: ty, width: w, height: labelHeight });\n  }\n\n  // free texts\n  for (const a of input.annotations) {\n    if (a.type !== \"text\" || !a.text) continue;\n    ctx.font = font(theme, theme.fontSize, a.weight);\n    const box = textBox(a, scales, ctx.measureText(a.text).width, labelHeight);\n    ctx.textAlign = \"left\";\n    ctx.textBaseline = \"middle\";\n    haloText(ctx, a.text, box.x, box.y + box.height / 2, toCss(a.color), halo);\n    occupied.push(box);\n  }\n\n  // point labels\n  if (input.pointLabels.length) {\n    ctx.font = font(theme);\n    ctx.textAlign = \"left\";\n    ctx.textBaseline = \"middle\";\n    const textColor = toCss(theme.text, 0.85);\n    const placed = placeLabels(\n      input.pointLabels,\n      plot,\n      (t) => ctx.measureText(t).width,\n      labelHeight - 2,\n      occupied,\n    );\n    for (const { label, box } of placed) {\n      haloText(ctx, label.text, box.x, box.y + box.height / 2, textColor, halo);\n    }\n  }\n  ctx.restore();\n};\n"],"mappings":"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"}

package/dist/charts/engine/presets.cjs

@@ -0,0 +1,3 @@
+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(`
+`)}}),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}};exports.DEFAULT_QUADRANT_COLORS=i,exports.barSeries=n,exports.lineSeries=t,exports.quadrantCenter=c,exports.quadrantChartOptions=l,exports.quadrantOf=s,exports.scatterSeries=r,exports.withSeriesType=e;
+//# sourceMappingURL=presets.cjs.map

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;