minerva-design 1.0.2 → 1.2.0

package/dist/charts/engine/model.js

@@ -0,0 +1,175 @@
+import { collectCategories as e, normalizeData as t, xResolver as n } from "./data.js";
+import { resolveStaticColor as r, toCss as i } from "./color.js";
+import { ensureSpan as a, niceDomain as o } from "./scale.js";
+import { GridIndex as s } from "./spatial.js";
+//#region src/engine/model.ts
+var c = (e) => {
+	if (typeof e == "object" && e && !("length" in e)) {
+		let t = e.x;
+		return t && t.length ? t[0] : void 0;
+	}
+	let t = e;
+	for (let e = 0; e < Math.min(t.length, 8); e++) {
+		let n = t[e];
+		if (Array.isArray(n)) return n[0];
+		if (n && typeof n == "object") return n.x;
+	}
+}, l = (e) => {
+	for (let t of e) {
+		let e = c(t);
+		if (e instanceof Date) return "time";
+		if (typeof e == "string") return "category";
+	}
+	return "linear";
+}, u = (e, t, n, r) => ({
+	type: t,
+	reverse: !!e?.reverse,
+	categories: n,
+	title: e?.title,
+	format: e?.format,
+	grid: e?.grid ?? r,
+	visible: e?.visible ?? !0,
+	tickCount: e?.tickCount
+}), d = (e) => {
+	let t = Infinity, n = -Infinity;
+	for (let r = 0; r < e.length; r++) {
+		let i = e[r];
+		Number.isFinite(i) && (i < t && (t = i), i > n && (n = i));
+	}
+	return [t, n];
+}, f = (e) => {
+	let t = Infinity;
+	for (let n of e) {
+		let e = n.sorted ? n.x : Float64Array.from(n.x).sort();
+		for (let r = 1; r < n.count; r++) {
+			let n = e[r] - e[r - 1];
+			n > 0 && n < t && (t = n);
+		}
+	}
+	return t;
+}, p = (s, c, p, m, h = null) => {
+	let g = h ?? c.resolve ?? ((e, t) => r(e, {}, t)), _ = s.series, v = _.map((e) => e.data), y = s.xAxis?.type ?? l(v), b = y === "category" ? [...s.xAxis?.categories ?? e(v)] : [], x = new Map(b.map((e, t) => [e, t])), S = n(y, (e) => x.get(e) ?? NaN), C = `${y}|${b.join("
")}`, w = /* @__PURE__ */ new Set(), T = _.map((e, n) => {
+		let r = e.id ?? `#${n}`;
+		for (; w.has(r);) r += "'";
+		w.add(r);
+		let a = m.get(r);
+		(!a || a.data !== e.data || a.resolverKey !== C) && (a = {
+			data: e.data,
+			resolverKey: C,
+			cols: t(e.data, S)
+		}, m.set(r, a));
+		let o = e.type ?? "line", s = e.color ? g(e.color, c.palette[n % c.palette.length]) : c.palette[n % c.palette.length], l = a.cols, u = null;
+		if (o === "scatter" && l.colors) {
+			let e = /* @__PURE__ */ new Map();
+			u = l.colors.map((t) => {
+				if (t === void 0) return;
+				let n = e.get(t);
+				return n || e.set(t, n = g(t, s)), n;
+			});
+		}
+		let d = e.id ?? String(n);
+		return {
+			index: n,
+			key: r,
+			id: d,
+			name: e.name ?? `Series ${n + 1}`,
+			type: o,
+			color: s,
+			colorCss: i(s),
+			lineWidth: e.lineWidth ?? 2,
+			pointSize: e.pointSize ?? 8,
+			opacity: e.opacity ?? (o === "area" ? .28 : o === "scatter" ? .78 : 1),
+			hidden: !!e.hidden || p.has(d),
+			showLabels: !!e.showLabels,
+			cols: l,
+			barOffset: 0,
+			barHalfWidth: 0,
+			barBase: null,
+			barTop: null,
+			pointColors: u
+		};
+	}), E = T.filter((e) => !e.hidden), D = T.length > 0 && T.every((e) => e.type === "scatter"), O = E.filter((e) => e.type === "bar"), k = y === "category" ? 1 : (() => {
+		let e = f(O.map((e) => e.cols));
+		return Number.isFinite(e) ? e : 1;
+	})();
+	if (O.length) {
+		let e = /* @__PURE__ */ new Map();
+		for (let t of O) {
+			let n = _[t.index].stack ?? `\u0000${t.key}`;
+			e.has(n) || e.set(n, e.size);
+		}
+		let t = k * (e.size > 1 ? .78 : .62), n = t / e.size, r = /* @__PURE__ */ new Map();
+		for (let i of O) {
+			let a = _[i.index].stack ?? `\u0000${i.key}`, o = e.get(a) ?? 0;
+			i.barOffset = -t / 2 + n * (o + .5), i.barHalfWidth = n / 2 * (e.size > 1 ? .86 : 1);
+			let s = r.get(a);
+			s || r.set(a, s = /* @__PURE__ */ new Map());
+			let { x: c, y: l, count: u } = i.cols;
+			i.barBase = new Float64Array(u), i.barTop = new Float64Array(u);
+			for (let e = 0; e < u; e++) {
+				let t = l[e];
+				if (!Number.isFinite(t)) {
+					i.barBase[e] = NaN, i.barTop[e] = NaN;
+					continue;
+				}
+				let n = s.get(c[e]) ?? [0, 0], r = t >= 0 ? n[0] : n[1];
+				i.barBase[e] = r, i.barTop[e] = r + t, t >= 0 ? n[0] += t : n[1] += t, s.set(c[e], n);
+			}
+		}
+	}
+	let A = s.xAxis, j;
+	if (y === "category") j = [-.5, Math.max(1, b.length) - .5];
+	else {
+		let e = [];
+		for (let t of E) e.push(t.cols.xMin, t.cols.xMax), t.type === "bar" && e.push(t.cols.xMin - k / 2, t.cols.xMax + k / 2);
+		if (j = a(...d(e), y === "time" ? [Date.now() - 864e5, Date.now()] : [0, 1]), D) {
+			let e = (j[1] - j[0]) * .04;
+			j = [j[0] - e, j[1] + e];
+		}
+		(A?.nice ?? (D && y === "linear")) && y === "linear" && (j = o(j[0], j[1], A?.tickCount ?? 6));
+	}
+	A?.min !== void 0 && (j[0] = A.min), A?.max !== void 0 && (j[1] = A.max), j = a(j[0], j[1]);
+	let M = s.yAxis, N = [];
+	for (let e of E) e.type === "bar" && e.barBase && e.barTop ? N.push(...d(e.barBase), ...d(e.barTop)) : N.push(e.cols.yMin, e.cols.yMax);
+	(O.length || M?.zero) && N.push(0);
+	let P = a(...d(N));
+	if (D) {
+		let e = (P[1] - P[0]) * .06;
+		P = [P[0] - e, P[1] + e];
+	}
+	(M?.nice ?? !0) && (M?.type ?? "linear") === "linear" && (P = o(P[0], P[1], M?.tickCount ?? 5)), O.length && !M?.zero && P[0] < 0 && d(N)[0] >= 0 && (P[0] = 0), M?.min !== void 0 && (P[0] = M.min), M?.max !== void 0 && (P[1] = M.max), P = a(P[0], P[1]);
+	let F = s.interaction === !1 ? !1 : s.interaction === !0 || s.interaction === void 0 ? !0 : s.interaction.zoom ?? !0, I = F === !1 ? {
+		x: !1,
+		y: !1
+	} : F === !0 ? {
+		x: !0,
+		y: D
+	} : {
+		x: F.includes("x"),
+		y: F.includes("y")
+	}, L = typeof s.tooltip == "object" ? s.tooltip : void 0;
+	return {
+		series: T,
+		x: u(A, y, b, !1),
+		y: u(M, M?.type === "time" ? "time" : "linear", [], !0),
+		base: {
+			x: j,
+			y: P
+		},
+		allScatter: D,
+		zoom: I,
+		tooltipMode: L?.mode ?? (D ? "nearest" : "axis"),
+		baseline: Math.min(Math.max(0, P[0]), P[1]),
+		minSpan: {
+			x: y === "category" ? 1 : (j[1] - j[0]) * 1e-7,
+			y: (P[1] - P[0]) * 1e-7
+		}
+	};
+}, m = /* @__PURE__ */ new WeakMap(), h = (e) => {
+	let t = m.get(e.cols);
+	return t || (t = new s(e.cols.x, e.cols.y, e.cols.count), m.set(e.cols, t)), t;
+};
+//#endregion
+export { p as buildModel, l as detectXType, h as gridOf };
+
+//# sourceMappingURL=model.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"model.js","names":["firstX","data","xs","list","i","item","detectXType","datas","x","axisModel","options","gridDefault","extent","min","max","values","v","smallestStep","step","c","cols","d","buildModel","resolve","resolver","theme","resolveStaticColor","value","fallback","input","s","xType","categories","collectCategories","categoryMap","resolveX","xResolver","name","resolverKey","usedKeys","series","key","index","entry","cache","normalizeData","type","color","pointColors","resolved","rgba","id","toCss","hidden","visible","allScatter","bars","band","slots","stack","group","slotWidth","sums","slot","totals","count","y","t","base","xOpts","xRange","ensureSpan","pad","niceDomain","yOpts","yValues","yRange","zoomOption","zoomAxes","tooltip","grids","gridOf","grid","GridIndex"],"sources":["../../../../charts/src/engine/model.ts"],"sourcesContent":["// Options -> chart model: normalized data, colors, bar layout and the full\n// ranges of the axes. Pure (colors go through the theme's resolver).\n\nimport {\n  resolveStaticColor,\n  toCss,\n  type ColorResolver,\n  type Rgba,\n} from \"./color\";\nimport {\n  collectCategories,\n  normalizeData,\n  xResolver,\n  type SeriesColumns,\n} from \"./data\";\nimport { ensureSpan, niceDomain } from \"./scale\";\nimport { GridIndex } from \"./spatial\";\nimport type { ChartTheme } from \"./theme\";\nimport type {\n  ChartAxisOptions,\n  ChartAxisType,\n  ChartOptions,\n  ChartSeriesData,\n  ChartSeriesType,\n} from \"./types\";\nimport type { Range } from \"./viewport\";\n\nexport interface AxisModel {\n  type: ChartAxisType;\n  reverse: boolean;\n  categories: string[];\n  title?: string;\n  format?: (value: number) => string;\n  grid: boolean;\n  visible: boolean;\n  tickCount?: number;\n}\n\nexport interface SeriesModel {\n  index: number;\n  /** Key of the GPU resources and of the data cache */\n  key: string;\n  id: string;\n  name: string;\n  type: ChartSeriesType;\n  color: Rgba;\n  colorCss: string;\n  lineWidth: number;\n  pointSize: number;\n  opacity: number;\n  hidden: boolean;\n  showLabels: boolean;\n  cols: SeriesColumns;\n  /** Bars: x offset of the series inside a group and half of the bar width */\n  barOffset: number;\n  barHalfWidth: number;\n  /** Bars: bottom / top of every bar (stacks included) */\n  barBase: Float64Array | null;\n  barTop: Float64Array | null;\n  /** Scatter: resolved per-point colors */\n  pointColors: (Rgba | undefined)[] | null;\n}\n\nexport interface ChartModel {\n  series: SeriesModel[];\n  x: AxisModel;\n  y: AxisModel;\n  /** Full ranges (zoomed out) */\n  base: { x: Range; y: Range };\n  allScatter: boolean;\n  zoom: { x: boolean; y: boolean };\n  tooltipMode: \"nearest\" | \"axis\";\n  /** Y value the areas are filled to */\n  baseline: number;\n  /** Smallest zoomed spans */\n  minSpan: { x: number; y: number };\n}\n\nexport interface DataCacheEntry {\n  data: ChartSeriesData;\n  resolverKey: string;\n  cols: SeriesColumns;\n}\n\nexport type DataCache = Map<string, DataCacheEntry>;\n\nconst firstX = (data: ChartSeriesData): unknown => {\n  if (typeof data === \"object\" && data !== null && !(\"length\" in data)) {\n    const xs = (data as { x?: ArrayLike<unknown> }).x;\n    return xs && xs.length ? xs[0] : undefined;\n  }\n  const list = data as ArrayLike<unknown>;\n  for (let i = 0; i < Math.min(list.length, 8); i++) {\n    const item = list[i];\n    if (Array.isArray(item)) return item[0];\n    if (item && typeof item === \"object\") return (item as { x?: unknown }).x;\n  }\n  return undefined;\n};\n\n/** Axis type when not given: dates -> time, strings -> category */\nexport const detectXType = (\n  datas: readonly ChartSeriesData[],\n): ChartAxisType => {\n  for (const data of datas) {\n    const x = firstX(data);\n    if (x instanceof Date) return \"time\";\n    if (typeof x === \"string\") return \"category\";\n  }\n  return \"linear\";\n};\n\nconst axisModel = (\n  options: ChartAxisOptions | undefined,\n  type: ChartAxisType,\n  categories: string[],\n  gridDefault: boolean,\n): AxisModel => ({\n  type,\n  reverse: !!options?.reverse,\n  categories,\n  title: options?.title,\n  format: options?.format,\n  grid: options?.grid ?? gridDefault,\n  visible: options?.visible ?? true,\n  tickCount: options?.tickCount,\n});\n\nconst extent = (values: ArrayLike<number>): Range => {\n  let min = Infinity;\n  let max = -Infinity;\n  for (let i = 0; i < values.length; i++) {\n    const v = values[i];\n    if (!Number.isFinite(v)) continue;\n    if (v < min) min = v;\n    if (v > max) max = v;\n  }\n  return [min, max];\n};\n\n/** Smallest positive gap between consecutive x values (bar width on numeric axes) */\nconst smallestStep = (cols: SeriesColumns[]): number => {\n  let step = Infinity;\n  for (const c of cols) {\n    const xs = c.sorted ? c.x : Float64Array.from(c.x).sort();\n    for (let i = 1; i < c.count; i++) {\n      const d = xs[i] - xs[i - 1];\n      if (d > 0 && d < step) step = d;\n    }\n  }\n  return step;\n};\n\nexport const buildModel = (\n  options: ChartOptions,\n  theme: ChartTheme,\n  hidden: ReadonlySet<string>,\n  cache: DataCache,\n  resolver: ColorResolver | null = null,\n): ChartModel => {\n  const resolve: ColorResolver =\n    resolver ??\n    theme.resolve ??\n    ((value, fallback) => resolveStaticColor(value, {}, fallback));\n  const input = options.series;\n  const datas = input.map((s) => s.data);\n  const xType = options.xAxis?.type ?? detectXType(datas);\n  const categories =\n    xType === \"category\"\n      ? [...(options.xAxis?.categories ?? collectCategories(datas))]\n      : [];\n  const categoryMap = new Map(categories.map((c, i) => [c, i]));\n  const resolveX = xResolver(xType, (name) => categoryMap.get(name) ?? NaN);\n  const resolverKey = `${xType}|${categories.join(\"\\u0001\")}`;\n\n  const usedKeys = new Set<string>();\n  const series: SeriesModel[] = input.map((s, index) => {\n    let key = s.id ?? `#${index}`;\n    while (usedKeys.has(key)) key += \"'\";\n    usedKeys.add(key);\n    let entry = cache.get(key);\n    if (!entry || entry.data !== s.data || entry.resolverKey !== resolverKey) {\n      entry = {\n        data: s.data,\n        resolverKey,\n        cols: normalizeData(s.data, resolveX),\n      };\n      cache.set(key, entry);\n    }\n    const type = s.type ?? \"line\";\n    const color = s.color\n      ? resolve(s.color, theme.palette[index % theme.palette.length])\n      : theme.palette[index % theme.palette.length];\n    const cols = entry.cols;\n    let pointColors: (Rgba | undefined)[] | null = null;\n    if (type === \"scatter\" && cols.colors) {\n      const resolved = new Map<string, Rgba>();\n      pointColors = cols.colors.map((c) => {\n        if (c === undefined) return undefined;\n        let rgba = resolved.get(c);\n        if (!rgba) resolved.set(c, (rgba = resolve(c, color)));\n        return rgba;\n      });\n    }\n    const id = s.id ?? String(index);\n    return {\n      index,\n      key,\n      id,\n      name: s.name ?? `Series ${index + 1}`,\n      type,\n      color,\n      colorCss: toCss(color),\n      lineWidth: s.lineWidth ?? 2,\n      pointSize: s.pointSize ?? 8,\n      opacity:\n        s.opacity ?? (type === \"area\" ? 0.28 : type === \"scatter\" ? 0.78 : 1),\n      hidden: !!s.hidden || hidden.has(id),\n      showLabels: !!s.showLabels,\n      cols,\n      barOffset: 0,\n      barHalfWidth: 0,\n      barBase: null,\n      barTop: null,\n      pointColors,\n    };\n  });\n\n  const visible = series.filter((s) => !s.hidden);\n  const allScatter =\n    series.length > 0 && series.every((s) => s.type === \"scatter\");\n\n  // Bars: groups (one slot per stack) and stacking\n  const bars = visible.filter((s) => s.type === \"bar\");\n  const band =\n    xType === \"category\"\n      ? 1\n      : (() => {\n          const step = smallestStep(bars.map((s) => s.cols));\n          return Number.isFinite(step) ? step : 1;\n        })();\n  if (bars.length) {\n    const slots = new Map<string, number>();\n    for (const s of bars) {\n      const stack = input[s.index].stack ?? `\\u0000${s.key}`;\n      if (!slots.has(stack)) slots.set(stack, slots.size);\n    }\n    const group = band * (slots.size > 1 ? 0.78 : 0.62);\n    const slotWidth = group / slots.size;\n    const sums = new Map<string, Map<number, [number, number]>>();\n    for (const s of bars) {\n      const stack = input[s.index].stack ?? `\\u0000${s.key}`;\n      const slot = slots.get(stack) ?? 0;\n      s.barOffset = -group / 2 + slotWidth * (slot + 0.5);\n      s.barHalfWidth = (slotWidth / 2) * (slots.size > 1 ? 0.86 : 1);\n      let totals = sums.get(stack);\n      if (!totals) sums.set(stack, (totals = new Map()));\n      const { x, y, count } = s.cols;\n      s.barBase = new Float64Array(count);\n      s.barTop = new Float64Array(count);\n      for (let i = 0; i < count; i++) {\n        const v = y[i];\n        if (!Number.isFinite(v)) {\n          s.barBase[i] = NaN;\n          s.barTop[i] = NaN;\n          continue;\n        }\n        const t = totals.get(x[i]) ?? [0, 0];\n        const base = v >= 0 ? t[0] : t[1];\n        s.barBase[i] = base;\n        s.barTop[i] = base + v;\n        if (v >= 0) t[0] += v;\n        else t[1] += v;\n        totals.set(x[i], t);\n      }\n    }\n  }\n\n  // X range\n  const xOpts = options.xAxis;\n  let xRange: Range;\n  if (xType === \"category\") {\n    xRange = [-0.5, Math.max(1, categories.length) - 0.5];\n  } else {\n    const values: number[] = [];\n    for (const s of visible) {\n      values.push(s.cols.xMin, s.cols.xMax);\n      if (s.type === \"bar\") {\n        values.push(s.cols.xMin - band / 2, s.cols.xMax + band / 2);\n      }\n    }\n    xRange = ensureSpan(\n      ...extent(values),\n      xType === \"time\" ? [Date.now() - 86400000, Date.now()] : [0, 1],\n    );\n    if (allScatter) {\n      const pad = (xRange[1] - xRange[0]) * 0.04;\n      xRange = [xRange[0] - pad, xRange[1] + pad];\n    }\n    const nice = xOpts?.nice ?? (allScatter && xType === \"linear\");\n    if (nice && xType === \"linear\") {\n      xRange = niceDomain(xRange[0], xRange[1], xOpts?.tickCount ?? 6);\n    }\n  }\n  if (xOpts?.min !== undefined) xRange[0] = xOpts.min;\n  if (xOpts?.max !== undefined) xRange[1] = xOpts.max;\n  xRange = ensureSpan(xRange[0], xRange[1]);\n\n  // Y range\n  const yOpts = options.yAxis;\n  const yValues: number[] = [];\n  for (const s of visible) {\n    if (s.type === \"bar\" && s.barBase && s.barTop) {\n      yValues.push(...extent(s.barBase), ...extent(s.barTop));\n    } else {\n      yValues.push(s.cols.yMin, s.cols.yMax);\n    }\n  }\n  if (bars.length || yOpts?.zero) yValues.push(0);\n  let yRange = ensureSpan(...extent(yValues));\n  if (allScatter) {\n    const pad = (yRange[1] - yRange[0]) * 0.06;\n    yRange = [yRange[0] - pad, yRange[1] + pad];\n  }\n  if ((yOpts?.nice ?? true) && (yOpts?.type ?? \"linear\") === \"linear\") {\n    yRange = niceDomain(yRange[0], yRange[1], yOpts?.tickCount ?? 5);\n  }\n  if (bars.length && !yOpts?.zero) {\n    // bars start at zero: no padding below / above it\n    if (yRange[0] < 0 && extent(yValues)[0] >= 0) yRange[0] = 0;\n  }\n  if (yOpts?.min !== undefined) yRange[0] = yOpts.min;\n  if (yOpts?.max !== undefined) yRange[1] = yOpts.max;\n  yRange = ensureSpan(yRange[0], yRange[1]);\n\n  const zoomOption =\n    options.interaction === false\n      ? false\n      : options.interaction === true || options.interaction === undefined\n        ? true\n        : (options.interaction.zoom ?? true);\n  const zoomAxes =\n    zoomOption === false\n      ? { x: false, y: false }\n      : zoomOption === true\n        ? { x: true, y: allScatter }\n        : { x: zoomOption.includes(\"x\"), y: zoomOption.includes(\"y\") };\n\n  const tooltip =\n    typeof options.tooltip === \"object\" ? options.tooltip : undefined;\n\n  return {\n    series,\n    x: axisModel(xOpts, xType, categories, false),\n    y: axisModel(yOpts, yOpts?.type === \"time\" ? \"time\" : \"linear\", [], true),\n    base: { x: xRange, y: yRange },\n    allScatter,\n    zoom: zoomAxes,\n    tooltipMode: tooltip?.mode ?? (allScatter ? \"nearest\" : \"axis\"),\n    baseline: Math.min(Math.max(0, yRange[0]), yRange[1]),\n    minSpan: {\n      x: xType === \"category\" ? 1 : (xRange[1] - xRange[0]) * 1e-7,\n      y: (yRange[1] - yRange[0]) * 1e-7,\n    },\n  };\n};\n\nconst grids = new WeakMap<SeriesColumns, GridIndex>();\n\n/** Spatial index of a scatter series, built on first use and kept with its data */\nexport const gridOf = (s: SeriesModel): GridIndex => {\n  let grid = grids.get(s.cols);\n  if (!grid) {\n    grid = new GridIndex(s.cols.x, s.cols.y, s.cols.count);\n    grids.set(s.cols, grid);\n  }\n  return grid;\n};\n"],"mappings":"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"}

package/dist/charts/engine/overlay.cjs

@@ -0,0 +1,2 @@
+const e=require("./color.cjs");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?-1/0:t.xToPx(e.x0),i=e.x1===void 0?1/0:t.xToPx(e.x1),a=e.y0===void 0?1/0:t.yToPx(e.y0),o=e.y1===void 0?-1/0: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,y:l,width:c-s,height:u-l}},a=(r,a)=>{let{scales:o,theme:s,x:c,y:l,xTicks:u,yTicks:d}=a,{plot:f}=o;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=i(t,o);n.width<=0||n.height<=0||(r.fillStyle=e.toCss(t.color,t.opacity),r.fillRect(n.x,n.y,n.width,n.height))}if(r.restore(),r.lineWidth=1,r.strokeStyle=e.toCss(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||(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||(r.moveTo(t,f.y),r.lineTo(t,f.y+f.height))}r.stroke();let p=Math.ceil(s.fontSize*1.4);if(r.font=t(s),r.fillStyle=e.toCss(s.textMuted),c.visible){r.strokeStyle=e.toCss(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=-1/0,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=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&&(r.font=t(s,s.fontSize+1,500),r.fillStyle=e.toCss(s.text,.8),r.fillText(c.title,f.x+f.width/2,f.y+f.height+p+10))}l.visible&&(r.font=t(s),r.fillStyle=e.toCss(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||r.fillText(d.labels[t],f.x-8,n)}),l.title&&(r.save(),r.font=t(s,s.fontSize+1,500),r.fillStyle=e.toCss(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)},l=(e,t,n,r,i=[])=>{let a=[];for(let c of e){let e=n(c.text),l=c.r+4,u=[{x:c.x+l,y:c.y-r/2,width:e,height:r},{x:c.x-l-e,y:c.y-r/2,width:e,height:r},{x:c.x-e/2,y:c.y-l-r,width:e,height:r},{x:c.x-e/2,y:c.y+l,width:e,height:r}].find(e=>s(e,t)&&!i.some(t=>o(t,e)));u&&(i.push(u),a.push({label:c,box:u}))}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.toCss(u.background,.9),p=[],m=u.fontSize+4;for(let r of o.annotations){if(r.type!==`line`)continue;let i=e.toCss(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(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))}}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=i(t,s);if(n.width<=0||n.height<=0)continue;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.toCss(t.labelColor),a.fillText(t.label,c,l),p.push({x:c,y:l,width:r,height:m})}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.toCss(n.color),f),p.push(i)}if(o.pointLabels.length){a.font=t(u),a.textAlign=`left`,a.textBaseline=`middle`;let n=e.toCss(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)}a.restore()};exports.drawBackground=a,exports.drawForeground=u,exports.font=t,exports.placeLabels=l,exports.textBox=r;
+//# sourceMappingURL=overlay.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"overlay.cjs","names":["toCss","require_color","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","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/overlay.d.cts

@@ -0,0 +1,78 @@
+import { Rgba } from './color.cjs';
+import { AxisTicks } from './axis.cjs';
+import { Rect, Scales } from './layout.cjs';
+import { AxisModel } from './model.cjs';
+import { ChartTheme } from './theme.cjs';
+import { ChartLabelPosition } from './types.cjs';
+export interface ResolvedRect {
+    type: "rect";
+    x0?: number;
+    x1?: number;
+    y0?: number;
+    y1?: number;
+    color: Rgba;
+    opacity: number;
+    label?: string;
+    labelPosition: ChartLabelPosition;
+    labelColor: Rgba;
+}
+export interface ResolvedLine {
+    type: "line";
+    axis: "x" | "y";
+    value: number;
+    color: Rgba;
+    width: number;
+    dash: number[];
+    label?: string;
+}
+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;
+    /** Radius of the dot */
+    r: number;
+    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;
+    scales: Scales;
+    x: AxisModel;
+    y: AxisModel;
+    xTicks: AxisTicks;
+    yTicks: AxisTicks;
+    theme: ChartTheme;
+    annotations: readonly ResolvedAnnotation[];
+}
+export declare const drawBackground: (ctx: CanvasRenderingContext2D, input: BackgroundInput) => void;
+/** Greedy placement: right, left, above, below the dot; skipped when no slot is free */
+export declare const placeLabels: (labels: readonly PointLabel[], plot: Rect, measure: (text: string) => number, height: number, occupied?: Rect[]) => {
+    label: PointLabel;
+    box: Rect;
+}[];
+export interface ForegroundInput {
+    width: number;
+    height: number;
+    scales: Scales;
+    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

@@ -0,0 +1,78 @@
+import { Rgba } from './color.js';
+import { AxisTicks } from './axis.js';
+import { Rect, Scales } from './layout.js';
+import { AxisModel } from './model.js';
+import { ChartTheme } from './theme.js';
+import { ChartLabelPosition } from './types.js';
+export interface ResolvedRect {
+    type: "rect";
+    x0?: number;
+    x1?: number;
+    y0?: number;
+    y1?: number;
+    color: Rgba;
+    opacity: number;
+    label?: string;
+    labelPosition: ChartLabelPosition;
+    labelColor: Rgba;
+}
+export interface ResolvedLine {
+    type: "line";
+    axis: "x" | "y";
+    value: number;
+    color: Rgba;
+    width: number;
+    dash: number[];
+    label?: string;
+}
+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;
+    /** Radius of the dot */
+    r: number;
+    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;
+    scales: Scales;
+    x: AxisModel;
+    y: AxisModel;
+    xTicks: AxisTicks;
+    yTicks: AxisTicks;
+    theme: ChartTheme;
+    annotations: readonly ResolvedAnnotation[];
+}
+export declare const drawBackground: (ctx: CanvasRenderingContext2D, input: BackgroundInput) => void;
+/** Greedy placement: right, left, above, below the dot; skipped when no slot is free */
+export declare const placeLabels: (labels: readonly PointLabel[], plot: Rect, measure: (text: string) => number, height: number, occupied?: Rect[]) => {
+    label: PointLabel;
+    box: Rect;
+}[];
+export interface ForegroundInput {
+    width: number;
+    height: number;
+    scales: Scales;
+    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

@@ -0,0 +1,137 @@
+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, 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,
+		y: l,
+		width: c - s,
+		height: u - l
+	};
+}, a = (r, a) => {
+	let { scales: o, theme: s, x: c, y: l, xTicks: u, yTicks: d } = a, { plot: f } = o;
+	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 = 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 (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 || (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 || (r.moveTo(t, f.y), r.lineTo(t, f.y + f.height));
+	}
+	r.stroke();
+	let p = Math.ceil(s.fontSize * 1.4);
+	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 = 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 && (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 && (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 || 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);
+}, l = (e, t, n, r, i = []) => {
+	let a = [];
+	for (let c of e) {
+		let e = n(c.text), l = c.r + 4, u = [
+			{
+				x: c.x + l,
+				y: c.y - r / 2,
+				width: e,
+				height: r
+			},
+			{
+				x: c.x - l - e,
+				y: c.y - r / 2,
+				width: e,
+				height: r
+			},
+			{
+				x: c.x - e / 2,
+				y: c.y - l - r,
+				width: e,
+				height: r
+			},
+			{
+				x: c.x - e / 2,
+				y: c.y + l,
+				width: e,
+				height: r
+			}
+		].find((e) => s(e, t) && !i.some((t) => o(t, e)));
+		u && (i.push(u), a.push({
+			label: c,
+			box: u
+		}));
+	}
+	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 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(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));
+		}
+	}
+	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 = i(t, s);
+		if (n.width <= 0 || n.height <= 0) continue;
+		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: r,
+			height: m
+		});
+	}
+	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);
+	}
+	a.restore();
+};
+//#endregion
+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

@@ -0,0 +1 @@
+{"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