@dou-ui/chart 0.0.0-stage → 0.1.0-alpha.0

package/dist/components/zoom.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"zoom.vue_vue_type_script_setup_true_lang.js","names":["_useModel"],"sources":["../../src/components/zoom.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { useChartPart, useOwnNode, renderNothing } from '../context'\nimport type { ChartInterval, ChartZoomProps } from '../types'\n\ndefineOptions({ name: 'DouChartZoom', render: renderNothing })\n\nconst props = defineProps<ChartZoomProps>()\n/** The stretch of x shown; `null` for all of it. */\nconst x = defineModel<ChartInterval | null>('x', { default: null })\n/** The stretch of values shown; `null` for all of them. */\nconst y = defineModel<ChartInterval | null>('y', { default: null })\n\nconst el = useOwnNode()\nuseChartPart('DouChartZoom', (chart) => chart.addZoom({ props, el, x, y }))\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;EAMA,MAAM,QAAQ;;EAEd,MAAM,IAAIA,SAAiC,SAAC,GAAsB;;EAElE,MAAM,IAAIA,SAAiC,SAAC,GAAsB;EAElE,MAAM,KAAK,WAAW;EACtB,aAAa,iBAAiB,UAAU,MAAM,QAAQ;GAAE;GAAO;GAAI;GAAG;EAAE,CAAC,CAAC"}

package/dist/context.js

@@ -0,0 +1,30 @@
+import { getCurrentInstance, inject, onBeforeUnmount, onMounted } from "vue";
+// src/context.ts
+var chartKey = Symbol("DouChart");
+/**
+* The render of a part: it draws nothing itself. A comment in the page on
+* the server and in the browser alike, so taking over a server-rendered
+* page finds each part where it expects it (an empty template renders
+* nothing at all on the server).
+*/
+var renderNothing = () => null;
+/** Registers a child (a series, an axis) with the surrounding chart while it is mounted. */
+function useChartPart(name, add) {
+	const registry = inject(chartKey, null);
+	if (!registry) {
+		if (process.env.NODE_ENV !== "production") console.warn(`[@dou-ui/chart] <${name}> must be placed inside <DouChart>.`);
+		return;
+	}
+	let remove;
+	onBeforeUnmount(() => remove?.());
+	if (typeof window === "undefined" || getCurrentInstance()?.vnode.el) remove = add(registry);
+	else onMounted(() => remove = add(registry));
+}
+/** The node a renderless child leaves in the page. */
+function useOwnNode() {
+	const instance = getCurrentInstance();
+	return () => instance?.vnode.el ?? null;
+}
+export { chartKey, renderNothing, useChartPart, useOwnNode };
+
+//# sourceMappingURL=context.js.map

package/dist/context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","names":[],"sources":["../src/context.ts"],"sourcesContent":["import {\n  getCurrentInstance,\n  inject,\n  onBeforeUnmount,\n  onMounted,\n  type InjectionKey,\n  type Ref,\n  type VNodeChild,\n} from 'vue'\nimport type { ChartData } from './core/data'\nimport type { ChartMessages } from './locale'\nimport type { ChartSeriesKind, ChartSeriesProps } from './core/series'\nimport type {\n  ChartAxisProps,\n  ChartBrushEvent,\n  ChartBrushProps,\n  ChartInterval,\n  ChartMarkerProps,\n  ChartPieProps,\n  ChartSunburstProps,\n  ChartTooltipProps,\n  ChartTooltipSlots,\n  ChartZoomProps,\n} from './types'\n\n/** A child component as the chart keeps it. */\nexport interface ChartPart<P> {\n  props: P\n  /** The child's place in the page, which orders the children as written. */\n  el: () => Node | null\n}\n\nexport interface SeriesPart extends ChartPart<ChartSeriesProps & Record<string, unknown>> {\n  kind: ChartSeriesKind<any>\n  /** Turned off in the legend (`v-model:hidden`). */\n  hidden: Ref<boolean>\n}\n\nexport interface PiePart extends ChartPart<ChartPieProps> {\n  /** What goes in the hole of a donut. */\n  center: () => VNodeChild\n  /** The labels of the slices turned off in the legend (`v-model:hidden`). */\n  hidden: Ref<string[]>\n  /**\n   * For a gauge, drawn as a pie of its value and the rest of its track:\n   * the value, its range and its text. It has no legend nor tooltip.\n   */\n  gauge?: () => { value: number; min: number; max: number; text: string }\n}\n\nexport interface TreePart extends ChartPart<ChartSunburstProps> {\n  /** A treemap fills a rectangle; a sunburst draws rings round a center. */\n  shape: 'treemap' | 'sunburst'\n  /** What goes in a sunburst's hole. */\n  center?: () => VNodeChild\n}\n\nexport interface TooltipPart extends ChartPart<ChartTooltipProps> {\n  /** The tooltip's slot, if one is given. */\n  content: () => ChartTooltipSlots['default']\n}\n\nexport type AxisPart = ChartPart<ChartAxisProps>\n\n/** A stretch of x and of the values; `null` (or left out) for none. */\nexport interface IntervalModels {\n  x: Ref<ChartInterval | null | undefined>\n  y: Ref<ChartInterval | null | undefined>\n}\n\nexport interface ZoomPart extends ChartPart<ChartZoomProps>, IntervalModels {}\n\nexport interface BrushPart extends ChartPart<ChartBrushProps>, IntervalModels {\n  /** A stretch was selected: tells the page. */\n  select: (event: ChartBrushEvent) => void\n}\n\nexport interface RangePart extends ChartPart<Record<string, never>> {\n  x: Ref<ChartInterval | null | undefined>\n}\n\nexport type MarkerPart = ChartPart<ChartMarkerProps>\n\nexport interface ChartRegistry {\n  addSeries(part: SeriesPart): () => void\n  addAxis(part: AxisPart): () => void\n  addPie(part: PiePart): () => void\n  addTooltip(part: TooltipPart): () => void\n  addZoom(part: ZoomPart): () => void\n  addBrush(part: BrushPart): () => void\n  addRange(part: RangePart): () => void\n  addMarker(part: MarkerPart): () => void\n  addTree(part: TreePart): () => void\n  /** The chart's `data`, for a part that works its rows out from it (a histogram's bins). */\n  data(): ChartData | undefined\n  /** The chart's locale, for numbers a part writes itself (a gauge's value). */\n  locale(): string\n  /** The chart's messages, for a part that names something itself (a histogram's count). */\n  messages(): ChartMessages\n}\n\nexport const chartKey: InjectionKey<ChartRegistry> = Symbol('DouChart')\n\n/**\n * The render of a part: it draws nothing itself. A comment in the page on\n * the server and in the browser alike, so taking over a server-rendered\n * page finds each part where it expects it (an empty template renders\n * nothing at all on the server).\n */\nexport const renderNothing = () => null\n\n/** Registers a child (a series, an axis) with the surrounding chart while it is mounted. */\nexport function useChartPart(name: string, add: (registry: ChartRegistry) => () => void) {\n  const registry = inject(chartKey, null)\n  if (!registry) {\n    if (process.env.NODE_ENV !== 'production')\n      console.warn(`[@dou-ui/chart] <${name}> must be placed inside <DouChart>.`)\n    return\n  }\n  let remove: (() => void) | undefined\n  onBeforeUnmount(() => remove?.())\n  // on the server, and while taking over the page it rendered, the chart\n  // draws before anything mounts: it needs its parts now\n  if (typeof window === 'undefined' || getCurrentInstance()?.vnode.el) remove = add(registry)\n  else onMounted(() => (remove = add(registry)))\n}\n\n/** The node a renderless child leaves in the page. */\nexport function useOwnNode(): () => Node | null {\n  const instance = getCurrentInstance()\n  return () => (instance?.vnode.el as Node | null) ?? null\n}\n"],"mappings":";;AAqGA,IAAa,WAAwC,OAAO,UAAU;;;;;;;AAQtE,IAAa,sBAAsB;;AAGnC,SAAgB,aAAa,MAAc,KAA8C;CACvF,MAAM,WAAW,OAAO,UAAU,IAAI;CACtC,IAAI,CAAC,UAAU;EACb,IAAA,QAAA,IAAA,aAA6B,cAC3B,QAAQ,KAAK,oBAAoB,KAAK,oCAAoC;EAC5E;CACF;CACA,IAAI;CACJ,sBAAsB,SAAS,CAAC;CAGhC,IAAI,OAAO,WAAW,eAAe,mBAAmB,CAAC,EAAE,MAAM,IAAI,SAAS,IAAI,QAAQ;MACrF,gBAAiB,SAAS,IAAI,QAAQ,CAAE;AAC/C;;AAGA,SAAgB,aAAgC;CAC9C,MAAM,WAAW,mBAAmB;CACpC,aAAc,UAAU,MAAM,MAAsB;AACtD"}

package/dist/core/bar.js

@@ -0,0 +1,223 @@
+import { visibleRange } from "./decimate.js";
+import { fillPattern } from "./pattern.js";
+import { baseline } from "./scale.js";
+// src/core/bar.ts
+/** The part of each x band that a group of bars takes, alone and side by side. */
+var SINGLE = .6;
+var GROUPED = .76;
+/** The widest a bar gets, in px. */
+var MAX_WIDTH = 56;
+/** The room between bars of a group, in px. */
+var GAP = 2;
+/** Below this width (px), bars are drawn one column of pixels at a time. */
+var DENSE = 1.5;
+/**
+* Where a series' bars go in each x band: the offset of their near edge
+* from the band's center, and their width, in px.
+*/
+function barPlacement(band, slot) {
+	const { index, count } = slot ?? {
+		index: 0,
+		count: 1
+	};
+	let group = band * (count > 1 ? GROUPED : SINGLE);
+	let gap = count > 1 && group / count >= 8 ? GAP : 0;
+	let width = (group - gap * (count - 1)) / count;
+	if (width > MAX_WIDTH) {
+		width = MAX_WIDTH;
+		gap = count > 1 ? 4 : 0;
+		group = width * count + gap * (count - 1);
+	}
+	return {
+		offset: -group / 2 + index * (width + gap),
+		width
+	};
+}
+/**
+* Draws bars from 0 (or from the slice of the stack below) to each value.
+* The end away from 0 is rounded; in a stack, only the outermost slice's.
+* Bars narrower than a pixel and a half are merged per pixel column into
+* one bar from the lowest to the highest value there, which looks the
+* same and keeps a million bars as cheap as a few hundred.
+*/
+function drawBars(painter, series, view, placement = barPlacement(view.band, series.slot)) {
+	const { x: sx, y: sy, dpr, horizontal } = view;
+	const xs = series.x.values;
+	const top = series.top;
+	const base = series.base;
+	const ends = series.stackEnds;
+	const [from, to] = visibleRange(xs, series.x.sorted, sx.domain[0], sx.domain[1]);
+	const { offset, width } = placement;
+	const zero = baseline(sy);
+	const log = sy.kind === "log";
+	const snap = (v) => Math.round(v * dpr) / dpr;
+	const rect = (u0, u1, v0, v1) => horizontal ? painter.rect(Math.min(v0, v1), u0, Math.abs(v1 - v0), u1 - u0) : painter.rect(u0, Math.min(v0, v1), u1 - u0, Math.abs(v1 - v0));
+	painter.save();
+	painter.fillStyle = series.color;
+	painter.beginPath();
+	if (width < DENSE) {
+		let column = NaN;
+		let lo = 0;
+		let hi = 0;
+		const flush = () => {
+			if (column === column && hi > lo) rect(column, column + 1, lo, hi);
+		};
+		for (let i = from; i < to; i++) {
+			const value = top[i];
+			const x = xs[i];
+			if (value !== value || x !== x || log && !(value > 0)) continue;
+			const v1 = sy.map(value);
+			const v0 = base ? sy.map(base[i]) : zero;
+			const c = Math.floor(sx.map(x) + offset + width / 2);
+			if (c !== column) {
+				flush();
+				column = c;
+				lo = Math.min(v0, v1);
+				hi = Math.max(v0, v1);
+			} else {
+				lo = Math.min(lo, v0, v1);
+				hi = Math.max(hi, v0, v1);
+			}
+		}
+		flush();
+		painter.fill();
+		painter.restore();
+		return;
+	}
+	const radius = Math.max(0, series.props.radius ?? 2);
+	const bar = (i) => {
+		const value = top[i];
+		const x = xs[i];
+		if (value !== value || x !== x) return;
+		if (log && !(value > 0)) {
+			warnLog();
+			return;
+		}
+		const from0 = base ? base[i] : 0;
+		if (value === from0) return;
+		const u0 = snap(sx.map(x) + offset);
+		const u1 = Math.max(u0 + 1 / dpr, snap(sx.map(x) + offset + width));
+		let v0 = base ? sy.map(from0) : zero;
+		const v1 = sy.map(value);
+		const length = Math.abs(v1 - v0);
+		if (base && from0 !== 0 && length > 2) v0 += v1 > v0 ? 1 : -1;
+		const r = !ends || (value > from0 ? value === ends.up[i] : value === ends.down[i]) ? Math.min(radius, (u1 - u0) / 2, Math.abs(v1 - v0)) : 0;
+		if (r < .5) rect(u0, u1, v0, v1);
+		else roundedEnd(painter, u0, u1, v0, v1, r, horizontal);
+	};
+	const own = series.colors;
+	if (own) {
+		const groups = /* @__PURE__ */ new Map();
+		for (let i = from; i < to; i++) {
+			const color = own[i] ?? series.color;
+			let group = groups.get(color);
+			if (!group) groups.set(color, group = []);
+			group.push(i);
+		}
+		for (const [color, rows] of groups) {
+			painter.fillStyle = color;
+			painter.beginPath();
+			for (const i of rows) bar(i);
+			painter.fill();
+			if (series.pattern) fillPattern(painter, series.pattern, view.plot, view.colors.surface);
+		}
+	} else {
+		for (let i = from; i < to; i++) bar(i);
+		painter.fill();
+		if (series.pattern) fillPattern(painter, series.pattern, view.plot, view.colors.surface);
+	}
+	painter.restore();
+}
+/** A bar from `v0` to `v1` with the corners at `v1` rounded. */
+function roundedEnd(painter, u0, u1, v0, v1, r, swap) {
+	const p = (u, v) => swap ? [v, u] : [u, v];
+	const back = v1 < v0 ? r : -r;
+	painter.moveTo(...p(u0, v0));
+	painter.lineTo(...p(u0, v1 + back));
+	painter.arcTo(...p(u0, v1), ...p(u0 + r, v1), r);
+	painter.lineTo(...p(u1 - r, v1));
+	painter.arcTo(...p(u1, v1), ...p(u1, v1 + back), r);
+	painter.lineTo(...p(u1, v0));
+	painter.closePath();
+}
+var logWarned = false;
+function warnLog() {
+	if (process.env.NODE_ENV === "production" || logWarned) return;
+	logWarned = true;
+	console.warn("[@dou-ui/chart] bars on a log axis grow from its start; values at or below 0 are left out.");
+}
+/** Bars narrower than this (px) get no labels: they couldn't be told apart. */
+var LABEL_WIDTH = 8;
+/**
+* Where bars' labels go: past each bar's end, or in its middle (stacked
+* bars, by default), with the bar to fit in.
+*/
+function barLabels(series, view, placement = barPlacement(view.band, series.slot)) {
+	const { x: sx, y: sy, horizontal } = view;
+	const { offset, width } = placement;
+	if (width < LABEL_WIDTH) return [];
+	const xs = series.x.values;
+	const top = series.top;
+	const base = series.base;
+	const [from, to] = visibleRange(xs, series.x.sorted, sx.domain[0], sx.domain[1]);
+	const inside = (series.props.labelPosition ?? (series.stackEnds ? "inside" : "outside")) === "inside";
+	const zero = baseline(sy);
+	const room = view.band / (series.slot?.count ?? 1);
+	const out = [];
+	for (let i = from; i < to; i++) {
+		const value = top[i];
+		const x = xs[i];
+		if (value !== value || x !== x) continue;
+		const from0 = base ? base[i] : 0;
+		if (value === from0 || sy.kind === "log" && !(value > 0)) continue;
+		const u = sx.map(x) + offset + width / 2;
+		const v1 = sy.map(value);
+		const v0 = base ? sy.map(from0) : zero;
+		const up = horizontal ? v1 > v0 : v1 < v0;
+		if (inside) {
+			const lo = Math.min(v0, v1);
+			const length = Math.abs(v1 - v0);
+			const box = horizontal ? {
+				x: lo,
+				y: u - width / 2,
+				width: length,
+				height: width
+			} : {
+				x: u - width / 2,
+				y: lo,
+				width,
+				height: length
+			};
+			const middle = (v0 + v1) / 2;
+			out.push({
+				index: i,
+				at: horizontal ? [middle, u] : [u, middle],
+				side: "center",
+				box: {
+					...box,
+					color: series.colors?.[i] ?? series.color
+				}
+			});
+		} else {
+			const side = horizontal ? up ? "right" : "left" : up ? "top" : "bottom";
+			out.push({
+				index: i,
+				at: horizontal ? [v1, u] : [u, v1],
+				side,
+				room
+			});
+		}
+	}
+	return out;
+}
+var barKind = {
+	type: "bar",
+	zero: true,
+	stackable: true,
+	band: true,
+	draw: drawBars,
+	labels: barLabels
+};
+export { barKind, barLabels, barPlacement, drawBars };
+
+//# sourceMappingURL=bar.js.map

package/dist/core/bar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bar.js","names":[],"sources":["../../src/core/bar.ts"],"sourcesContent":["import { visibleRange } from './decimate'\nimport type { Painter } from './painter'\nimport { fillPattern } from './pattern'\nimport { baseline } from './scale'\nimport type { ChartLabelAnchor, ChartSeries, ChartSeriesKind, ChartView } from './series'\n\nexport interface BarStyle {\n  /** Corner radius of the bar's end, in px. */\n  radius?: number\n  labelPosition?: 'outside' | 'inside'\n}\n\n/** The part of each x band that a group of bars takes, alone and side by side. */\nconst SINGLE = 0.6\nconst GROUPED = 0.76\n/** The widest a bar gets, in px. */\nconst MAX_WIDTH = 56\n/** The room between bars of a group, in px. */\nconst GAP = 2\n/** Below this width (px), bars are drawn one column of pixels at a time. */\nconst DENSE = 1.5\n\n/**\n * Where a series' bars go in each x band: the offset of their near edge\n * from the band's center, and their width, in px.\n */\nexport function barPlacement(\n  band: number,\n  slot: { index: number; count: number } | null,\n): { offset: number; width: number } {\n  const { index, count } = slot ?? { index: 0, count: 1 }\n  let group = band * (count > 1 ? GROUPED : SINGLE)\n  let gap = count > 1 && group / count >= GAP * 4 ? GAP : 0\n  let width = (group - gap * (count - 1)) / count\n  if (width > MAX_WIDTH) {\n    width = MAX_WIDTH\n    gap = count > 1 ? GAP * 2 : 0\n    group = width * count + gap * (count - 1)\n  }\n  return { offset: -group / 2 + index * (width + gap), width }\n}\n\n/**\n * Draws bars from 0 (or from the slice of the stack below) to each value.\n * The end away from 0 is rounded; in a stack, only the outermost slice's.\n * Bars narrower than a pixel and a half are merged per pixel column into\n * one bar from the lowest to the highest value there, which looks the\n * same and keeps a million bars as cheap as a few hundred.\n */\nexport function drawBars(\n  painter: Painter,\n  series: ChartSeries<BarStyle>,\n  view: ChartView,\n  placement = barPlacement(view.band, series.slot),\n) {\n  const { x: sx, y: sy, dpr, horizontal } = view\n  const xs = series.x.values\n  const top = series.top\n  const base = series.base\n  const ends = series.stackEnds\n  const [from, to] = visibleRange(xs, series.x.sorted, sx.domain[0], sx.domain[1])\n  const { offset, width } = placement\n  const zero = baseline(sy)\n  const log = sy.kind === 'log'\n  const snap = (v: number) => Math.round(v * dpr) / dpr\n\n  // a bar is drawn along `u` (the x axis) and `v` (the value axis); swapped when horizontal\n  const rect = (u0: number, u1: number, v0: number, v1: number) =>\n    horizontal\n      ? painter.rect(Math.min(v0, v1), u0, Math.abs(v1 - v0), u1 - u0)\n      : painter.rect(u0, Math.min(v0, v1), u1 - u0, Math.abs(v1 - v0))\n\n  painter.save()\n  painter.fillStyle = series.color\n  painter.beginPath()\n\n  if (width < DENSE) {\n    // one column per pixel: from the lowest to the highest end of the bars in it\n    let column = Number.NaN\n    let lo = 0\n    let hi = 0\n    const flush = () => {\n      if (column === column && hi > lo) rect(column, column + 1, lo, hi)\n    }\n    for (let i = from; i < to; i++) {\n      const value = top[i]!\n      const x = xs[i]!\n      if (value !== value || x !== x || (log && !(value > 0))) continue\n      const v1 = sy.map(value)\n      const v0 = base ? sy.map(base[i]!) : zero\n      const c = Math.floor(sx.map(x) + offset + width / 2)\n      if (c !== column) {\n        flush()\n        column = c\n        lo = Math.min(v0, v1)\n        hi = Math.max(v0, v1)\n      } else {\n        lo = Math.min(lo, v0, v1)\n        hi = Math.max(hi, v0, v1)\n      }\n    }\n    flush()\n    painter.fill()\n    painter.restore()\n    return\n  }\n\n  const radius = Math.max(0, series.props.radius ?? 2)\n  const bar = (i: number) => {\n    const value = top[i]!\n    const x = xs[i]!\n    if (value !== value || x !== x) return\n    // a log axis has no 0 to grow from, nor room for values at or below it\n    if (log && !(value > 0)) {\n      warnLog()\n      return\n    }\n    const from0 = base ? base[i]! : 0\n    if (value === from0) return\n    const u0 = snap(sx.map(x) + offset)\n    const u1 = Math.max(u0 + 1 / dpr, snap(sx.map(x) + offset + width))\n    let v0 = base ? sy.map(from0) : zero\n    const v1 = sy.map(value)\n    const length = Math.abs(v1 - v0)\n    // a slice on another one leaves a hairline of room between them\n    if (base && from0 !== 0 && length > 2) v0 += v1 > v0 ? 1 : -1\n    const outermost = !ends || (value > from0 ? value === ends.up[i] : value === ends.down[i])\n    const r = outermost ? Math.min(radius, (u1 - u0) / 2, Math.abs(v1 - v0)) : 0\n    if (r < 0.5) rect(u0, u1, v0, v1)\n    else roundedEnd(painter, u0, u1, v0, v1, r, horizontal)\n  }\n  const own = series.colors\n  if (own) {\n    // bars of their own color: one shape per color\n    const groups = new Map<string, number[]>()\n    for (let i = from; i < to; i++) {\n      const color = own[i] ?? series.color\n      let group = groups.get(color)\n      if (!group) groups.set(color, (group = []))\n      group.push(i)\n    }\n    for (const [color, rows] of groups) {\n      painter.fillStyle = color\n      painter.beginPath()\n      for (const i of rows) bar(i)\n      painter.fill()\n      if (series.pattern) fillPattern(painter, series.pattern, view.plot, view.colors.surface)\n    }\n  } else {\n    for (let i = from; i < to; i++) bar(i)\n    painter.fill()\n    if (series.pattern) fillPattern(painter, series.pattern, view.plot, view.colors.surface)\n  }\n  painter.restore()\n}\n\n/** A bar from `v0` to `v1` with the corners at `v1` rounded. */\nfunction roundedEnd(\n  painter: Painter,\n  u0: number,\n  u1: number,\n  v0: number,\n  v1: number,\n  r: number,\n  swap: boolean,\n) {\n  const p = (u: number, v: number): [number, number] => (swap ? [v, u] : [u, v])\n  // the side the corners curve away from: back towards v0\n  const back = v1 < v0 ? r : -r\n  painter.moveTo(...p(u0, v0))\n  painter.lineTo(...p(u0, v1 + back))\n  painter.arcTo(...p(u0, v1), ...p(u0 + r, v1), r)\n  painter.lineTo(...p(u1 - r, v1))\n  painter.arcTo(...p(u1, v1), ...p(u1, v1 + back), r)\n  painter.lineTo(...p(u1, v0))\n  painter.closePath()\n}\n\nlet logWarned = false\nfunction warnLog() {\n  if (process.env.NODE_ENV === 'production' || logWarned) return\n  logWarned = true\n  console.warn(\n    '[@dou-ui/chart] bars on a log axis grow from its start; values at or below 0 are left out.',\n  )\n}\n\n/** Bars narrower than this (px) get no labels: they couldn't be told apart. */\nconst LABEL_WIDTH = 8\n\n/**\n * Where bars' labels go: past each bar's end, or in its middle (stacked\n * bars, by default), with the bar to fit in.\n */\nexport function barLabels(\n  series: ChartSeries<BarStyle>,\n  view: ChartView,\n  placement = barPlacement(view.band, series.slot),\n): ChartLabelAnchor[] {\n  const { x: sx, y: sy, horizontal } = view\n  const { offset, width } = placement\n  if (width < LABEL_WIDTH) return []\n  const xs = series.x.values\n  const top = series.top\n  const base = series.base\n  const [from, to] = visibleRange(xs, series.x.sorted, sx.domain[0], sx.domain[1])\n  const inside =\n    (series.props.labelPosition ?? (series.stackEnds ? 'inside' : 'outside')) === 'inside'\n  const zero = baseline(sy)\n  // past its end, a label may take its bar's share of the x band, no more\n  const room = view.band / (series.slot?.count ?? 1)\n  const out: ChartLabelAnchor[] = []\n  for (let i = from; i < to; i++) {\n    const value = top[i]!\n    const x = xs[i]!\n    if (value !== value || x !== x) continue\n    const from0 = base ? base[i]! : 0\n    if (value === from0 || (sy.kind === 'log' && !(value > 0))) continue\n    const u = sx.map(x) + offset + width / 2\n    const v1 = sy.map(value)\n    const v0 = base ? sy.map(from0) : zero\n    // which way the bar runs on screen: a reversed axis turns it round\n    const up = horizontal ? v1 > v0 : v1 < v0\n    if (inside) {\n      const lo = Math.min(v0, v1)\n      const length = Math.abs(v1 - v0)\n      const box = horizontal\n        ? { x: lo, y: u - width / 2, width: length, height: width }\n        : { x: u - width / 2, y: lo, width, height: length }\n      const middle = (v0 + v1) / 2\n      out.push({\n        index: i,\n        at: horizontal ? [middle, u] : [u, middle],\n        side: 'center',\n        box: { ...box, color: series.colors?.[i] ?? series.color },\n      })\n    } else {\n      // past the end away from 0: above a bar going up, below one going down\n      const side = horizontal ? (up ? 'right' : 'left') : up ? 'top' : 'bottom'\n      out.push({ index: i, at: horizontal ? [v1, u] : [u, v1], side, room })\n    }\n  }\n  return out\n}\n\nexport const barKind: ChartSeriesKind<BarStyle> = {\n  type: 'bar',\n  zero: true,\n  stackable: true,\n  band: true,\n  draw: drawBars,\n  labels: barLabels,\n}\n"],"mappings":"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"}

package/dist/core/box.js

@@ -0,0 +1,150 @@
+import { visibleRange } from "./decimate.js";
+import { crisp } from "./painter.js";
+import { barPlacement } from "./bar.js";
+import { read, rowCount, rowOf } from "./data.js";
+import { warnOnce } from "./warn.js";
+// src/core/box.ts
+/** The `p`th quantile (0 to 1) of sorted values, between the two nearest. */
+function quantile(sorted, p) {
+	const at = (sorted.length - 1) * p;
+	const i = Math.floor(at);
+	const next = sorted[Math.min(i + 1, sorted.length - 1)];
+	return sorted[i] + (next - sorted[i]) * (at - i);
+}
+/** Sums up a group of values; `null` when none is a number. */
+function boxStats(values, whisker = 1.5) {
+	if (!values || typeof values.length !== "number") return null;
+	const list = [];
+	for (const v of Array.from(values)) {
+		const n = typeof v === "number" ? v : Number(v);
+		if (v != null && v !== "" && Number.isFinite(n)) list.push(n);
+	}
+	if (!list.length) return null;
+	list.sort((a, b) => a - b);
+	const q1 = quantile(list, .25);
+	const q3 = quantile(list, .75);
+	const reach = (q3 - q1) * whisker;
+	let low = q1;
+	let high = q3;
+	const outliers = [];
+	for (const v of list) if (v < q1 - reach || v > q3 + reach) outliers.push(v);
+	else {
+		if (v < low) low = v;
+		if (v > high) high = v;
+	}
+	return {
+		low,
+		high,
+		q1,
+		median: quantile(list, .5),
+		q3,
+		outliers,
+		count: list.length
+	};
+}
+var cache = /* @__PURE__ */ new WeakMap();
+/** Each row's numbers, worked out once for the same rows, accessor and whisker. */
+function boxesOf(rows, values, whisker = 1.5) {
+	let byAccessor = cache.get(rows);
+	if (!byAccessor) cache.set(rows, byAccessor = /* @__PURE__ */ new Map());
+	const key = `${whisker}`;
+	let byWhisker = byAccessor.get(values);
+	if (!byWhisker) byAccessor.set(values, byWhisker = /* @__PURE__ */ new Map());
+	let out = byWhisker.get(key);
+	if (!out) {
+		out = [];
+		const n = rowCount(rows);
+		for (let i = 0; i < n; i++) {
+			const group = read(rowOf(rows, i), values, i);
+			if (group != null && typeof group.length !== "number") warnOnce("box-values", "a box plot's `y` gives each row an array of values; other values are left out.");
+			out.push(boxStats(group, whisker));
+		}
+		byWhisker.set(key, out);
+	}
+	return out;
+}
+/** A box plot series' numbers by row. */
+var boxes = (series) => boxesOf(series.rows, series.props.y, series.props.whisker);
+/** The radius of an outlier's dot, in px. */
+var DOT = 2.5;
+function draw(painter, series, view) {
+	const { x: sx, y: sy, dpr, horizontal } = view;
+	const xs = series.x.values;
+	const list = boxes(series);
+	const [from, to] = visibleRange(xs, series.x.sorted, sx.domain[0], sx.domain[1]);
+	const { offset, width } = barPlacement(view.band, series.slot);
+	const snap = (v) => Math.round(v * dpr) / dpr;
+	const line = (v) => crisp(v, dpr);
+	const p = (u, v) => horizontal ? [v, u] : [u, v];
+	const color = series.color;
+	painter.save();
+	painter.lineWidth = 1;
+	for (let i = from; i < to; i++) {
+		const box = list[i];
+		const x = xs[i];
+		if (!box || x !== x) continue;
+		const u0 = snap(sx.map(x) + offset);
+		const u1 = Math.max(u0 + 1, snap(sx.map(x) + offset + width));
+		const mid = line((u0 + u1) / 2);
+		const cap = Math.max(4, (u1 - u0) / 2);
+		const [q1, q3] = [snap(sy.map(box.q1)), snap(sy.map(box.q3))];
+		painter.strokeStyle = color;
+		painter.beginPath();
+		for (const [end, edge] of [[box.low, box.q1], [box.high, box.q3]]) {
+			const v = line(sy.map(end));
+			painter.moveTo(...p(mid, snap(sy.map(edge))));
+			painter.lineTo(...p(mid, v));
+			painter.moveTo(...p(mid - cap / 2, v));
+			painter.lineTo(...p(mid + cap / 2, v));
+		}
+		painter.stroke();
+		const [x0, y0] = p(u0, Math.min(q1, q3));
+		const [x1, y1] = p(u1, Math.max(q1, q3));
+		const rect = [
+			Math.min(x0, x1),
+			Math.min(y0, y1),
+			Math.abs(x1 - x0),
+			Math.abs(y1 - y0)
+		];
+		painter.beginPath();
+		painter.rect(...rect);
+		painter.fillStyle = view.colors.surface;
+		painter.fill();
+		painter.save();
+		painter.globalAlpha *= .16;
+		painter.fillStyle = color;
+		painter.fill();
+		painter.restore();
+		painter.beginPath();
+		painter.rect(rect[0] + .5, rect[1] + .5, Math.max(0, rect[2] - 1), Math.max(0, rect[3] - 1));
+		painter.stroke();
+		painter.lineWidth = 2;
+		painter.beginPath();
+		const m = snap(sy.map(box.median));
+		painter.moveTo(...p(u0, m));
+		painter.lineTo(...p(u1, m));
+		painter.stroke();
+		painter.lineWidth = 1;
+		if (box.outliers.length) {
+			painter.beginPath();
+			for (const v of box.outliers) {
+				const [cx, cy] = p(mid, sy.map(v));
+				painter.moveTo(cx + DOT, cy);
+				painter.arc(cx, cy, DOT, 0, Math.PI * 2);
+			}
+			painter.fillStyle = view.colors.surface;
+			painter.fill();
+			painter.stroke();
+		}
+	}
+	painter.restore();
+}
+var boxKind = {
+	type: "box",
+	box: true,
+	band: true,
+	draw
+};
+export { boxKind, boxStats, boxes, boxesOf };
+
+//# sourceMappingURL=box.js.map

package/dist/core/box.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"box.js","names":[],"sources":["../../src/core/box.ts"],"sourcesContent":["import { barPlacement } from './bar'\nimport { read, rowCount, rowOf, type ChartAccessor, type ChartData } from './data'\nimport { visibleRange } from './decimate'\nimport { crisp, type Painter } from './painter'\nimport { warnOnce } from './warn'\nimport type { ChartSeries, ChartSeriesKind, ChartView } from './series'\n\n/*\n * A box plot: for each x, a group of values summed up in five numbers. The\n * box runs from the lower quartile to the upper one with a line at the\n * median; the whiskers reach the farthest values within 1.5 times the box's\n * length of it, and values past them are dots of their own.\n */\n\nexport interface BoxStyle {\n  /** How far whiskers reach, in box lengths past the box: `1.5` by default, `Infinity` for all the values. */\n  whisker?: number\n}\n\nexport interface BoxStats {\n  /** The ends of the whiskers. */\n  low: number\n  high: number\n  q1: number\n  median: number\n  q3: number\n  /** The values past the whiskers. */\n  outliers: number[]\n  /** How many values there are. */\n  count: number\n}\n\n/** The `p`th quantile (0 to 1) of sorted values, between the two nearest. */\nfunction quantile(sorted: number[], p: number): number {\n  const at = (sorted.length - 1) * p\n  const i = Math.floor(at)\n  const next = sorted[Math.min(i + 1, sorted.length - 1)]!\n  return sorted[i]! + (next - sorted[i]!) * (at - i)\n}\n\n/** Sums up a group of values; `null` when none is a number. */\nexport function boxStats(values: unknown, whisker = 1.5): BoxStats | null {\n  if (!values || typeof (values as ArrayLike<unknown>).length !== 'number') return null\n  const list: number[] = []\n  for (const v of Array.from(values as ArrayLike<unknown>)) {\n    const n = typeof v === 'number' ? v : Number(v)\n    if (v != null && v !== '' && Number.isFinite(n)) list.push(n)\n  }\n  if (!list.length) return null\n  list.sort((a, b) => a - b)\n  const q1 = quantile(list, 0.25)\n  const q3 = quantile(list, 0.75)\n  const reach = (q3 - q1) * whisker\n  let low = q1\n  let high = q3\n  const outliers: number[] = []\n  for (const v of list) {\n    if (v < q1 - reach || v > q3 + reach) outliers.push(v)\n    else {\n      if (v < low) low = v\n      if (v > high) high = v\n    }\n  }\n  return { low, high, q1, median: quantile(list, 0.5), q3, outliers, count: list.length }\n}\n\nconst cache = new WeakMap<object, Map<unknown, Array<BoxStats | null>>>()\n\n/** Each row's numbers, worked out once for the same rows, accessor and whisker. */\nexport function boxesOf(\n  rows: ChartData,\n  values: ChartAccessor,\n  whisker = 1.5,\n): Array<BoxStats | null> {\n  let byAccessor = cache.get(rows)\n  if (!byAccessor) cache.set(rows, (byAccessor = new Map()))\n  const key = `${whisker}`\n  let byWhisker = byAccessor.get(values) as unknown as Map<string, Array<BoxStats | null>>\n  if (!byWhisker) byAccessor.set(values, (byWhisker = new Map()) as never)\n  let out = byWhisker.get(key)\n  if (!out) {\n    out = []\n    const n = rowCount(rows)\n    for (let i = 0; i < n; i++) {\n      const group = read(rowOf(rows, i), values, i)\n      if (group != null && typeof (group as ArrayLike<unknown>).length !== 'number')\n        warnOnce(\n          'box-values',\n          \"a box plot's `y` gives each row an array of values; other values are left out.\",\n        )\n      out.push(boxStats(group, whisker))\n    }\n    byWhisker.set(key, out)\n  }\n  return out\n}\n\n/** A box plot series' numbers by row. */\nexport const boxes = (series: Pick<ChartSeries<BoxStyle>, 'rows' | 'props'>) =>\n  boxesOf(series.rows, series.props.y, series.props.whisker)\n\n/** The radius of an outlier's dot, in px. */\nconst DOT = 2.5\n\nfunction draw(painter: Painter, series: ChartSeries<BoxStyle>, view: ChartView) {\n  const { x: sx, y: sy, dpr, horizontal } = view\n  const xs = series.x.values\n  const list = boxes(series)\n  const [from, to] = visibleRange(xs, series.x.sorted, sx.domain[0], sx.domain[1])\n  const { offset, width } = barPlacement(view.band, series.slot)\n  const snap = (v: number) => Math.round(v * dpr) / dpr\n  // a line 1 px wide on whole device pixels\n  const line = (v: number) => crisp(v, dpr)\n  const p = (u: number, v: number): [number, number] => (horizontal ? [v, u] : [u, v])\n  const color = series.color\n\n  painter.save()\n  painter.lineWidth = 1\n  for (let i = from; i < to; i++) {\n    const box = list[i]\n    const x = xs[i]!\n    if (!box || x !== x) continue\n    const u0 = snap(sx.map(x) + offset)\n    const u1 = Math.max(u0 + 1, snap(sx.map(x) + offset + width))\n    const mid = line((u0 + u1) / 2)\n    const cap = Math.max(4, (u1 - u0) / 2)\n    const [q1, q3] = [snap(sy.map(box.q1)), snap(sy.map(box.q3))]\n    // whiskers and their caps\n    painter.strokeStyle = color\n    painter.beginPath()\n    for (const [end, edge] of [\n      [box.low, box.q1],\n      [box.high, box.q3],\n    ] as const) {\n      const v = line(sy.map(end))\n      painter.moveTo(...p(mid, snap(sy.map(edge))))\n      painter.lineTo(...p(mid, v))\n      painter.moveTo(...p(mid - cap / 2, v))\n      painter.lineTo(...p(mid + cap / 2, v))\n    }\n    painter.stroke()\n    // the box: a light fill, its outline, and the median across it\n    const [x0, y0] = p(u0, Math.min(q1, q3))\n    const [x1, y1] = p(u1, Math.max(q1, q3))\n    const rect = [Math.min(x0, x1), Math.min(y0, y1), Math.abs(x1 - x0), Math.abs(y1 - y0)] as const\n    painter.beginPath()\n    painter.rect(...rect)\n    painter.fillStyle = view.colors.surface\n    painter.fill()\n    painter.save()\n    painter.globalAlpha *= 0.16\n    painter.fillStyle = color\n    painter.fill()\n    painter.restore()\n    painter.beginPath()\n    painter.rect(rect[0] + 0.5, rect[1] + 0.5, Math.max(0, rect[2] - 1), Math.max(0, rect[3] - 1))\n    painter.stroke()\n    painter.lineWidth = 2\n    painter.beginPath()\n    const m = snap(sy.map(box.median))\n    painter.moveTo(...p(u0, m))\n    painter.lineTo(...p(u1, m))\n    painter.stroke()\n    painter.lineWidth = 1\n    // the values past the whiskers: rings, so many on one spot still show\n    if (box.outliers.length) {\n      painter.beginPath()\n      for (const v of box.outliers) {\n        const [cx, cy] = p(mid, sy.map(v))\n        painter.moveTo(cx + DOT, cy)\n        painter.arc(cx, cy, DOT, 0, Math.PI * 2)\n      }\n      painter.fillStyle = view.colors.surface\n      painter.fill()\n      painter.stroke()\n    }\n  }\n  painter.restore()\n}\n\nexport const boxKind: ChartSeriesKind<BoxStyle> = {\n  type: 'box',\n  box: true,\n  band: true,\n  draw,\n}\n"],"mappings":"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"}

package/dist/core/colors.js

@@ -0,0 +1,58 @@
+// src/core/colors.ts
+function createColorResolver(host) {
+	const cache = /* @__PURE__ */ new Map();
+	let probe = null;
+	const resolve = ((css) => {
+		const known = cache.get(css);
+		if (known) return known;
+		const root = host();
+		if (!root || typeof getComputedStyle === "undefined") return css;
+		if (!probe || probe.parentNode !== root) {
+			probe = document.createElement("span");
+			probe.setAttribute("aria-hidden", "true");
+			probe.style.cssText = "position:absolute;width:0;height:0;overflow:hidden;visibility:hidden";
+			root.appendChild(probe);
+		}
+		probe.style.color = "";
+		probe.style.color = css;
+		const color = getComputedStyle(probe).color || css;
+		cache.set(css, color);
+		return color;
+	});
+	resolve.clear = () => cache.clear();
+	return resolve;
+}
+/**
+* Calls `onChange` when the page's theme may have changed: the theme
+* attribute or class on `<html>` / `<body>`, or the system color scheme.
+*/
+function observeTheme(onChange) {
+	if (typeof window === "undefined") return () => {};
+	let pending = 0;
+	const notify = () => {
+		if (pending) return;
+		pending = requestAnimationFrame(() => {
+			pending = 0;
+			onChange();
+		});
+	};
+	const observer = typeof MutationObserver === "undefined" ? null : new MutationObserver(notify);
+	for (const el of [document.documentElement, document.body]) observer?.observe(el, {
+		attributes: true,
+		attributeFilter: [
+			"class",
+			"style",
+			"data-dou-theme"
+		]
+	});
+	const scheme = window.matchMedia?.("(prefers-color-scheme: dark)");
+	scheme?.addEventListener?.("change", notify);
+	return () => {
+		observer?.disconnect();
+		scheme?.removeEventListener?.("change", notify);
+		if (pending) cancelAnimationFrame(pending);
+	};
+}
+export { createColorResolver, observeTheme };
+
+//# sourceMappingURL=colors.js.map

package/dist/core/colors.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"colors.js","names":[],"sources":["../../src/core/colors.ts"],"sourcesContent":["/**\n * Canvas drawing needs real colors, while the theme speaks in CSS\n * variables (`var(--dou-color-chart-2)`, `color-mix(…)`). A hidden probe\n * inside the chart lets the browser work them out, as they apply there.\n */\nexport interface ColorResolver {\n  (css: string): string\n  /** Forget what was worked out (the theme changed). */\n  clear(): void\n}\n\nexport function createColorResolver(host: () => HTMLElement | null | undefined): ColorResolver {\n  const cache = new Map<string, string>()\n  let probe: HTMLElement | null = null\n  const resolve = ((css: string) => {\n    const known = cache.get(css)\n    if (known) return known\n    const root = host()\n    if (!root || typeof getComputedStyle === 'undefined') return css\n    if (!probe || probe.parentNode !== root) {\n      probe = document.createElement('span')\n      probe.setAttribute('aria-hidden', 'true')\n      probe.style.cssText = 'position:absolute;width:0;height:0;overflow:hidden;visibility:hidden'\n      root.appendChild(probe)\n    }\n    probe.style.color = ''\n    probe.style.color = css\n    const color = getComputedStyle(probe).color || css\n    cache.set(css, color)\n    return color\n  }) as ColorResolver\n  resolve.clear = () => cache.clear()\n  return resolve\n}\n\n/**\n * Calls `onChange` when the page's theme may have changed: the theme\n * attribute or class on `<html>` / `<body>`, or the system color scheme.\n */\nexport function observeTheme(onChange: () => void): () => void {\n  if (typeof window === 'undefined') return () => {}\n  let pending = 0\n  const notify = () => {\n    if (pending) return\n    // after the new styles apply\n    pending = requestAnimationFrame(() => {\n      pending = 0\n      onChange()\n    })\n  }\n  const observer = typeof MutationObserver === 'undefined' ? null : new MutationObserver(notify)\n  for (const el of [document.documentElement, document.body])\n    observer?.observe(el, {\n      attributes: true,\n      attributeFilter: ['class', 'style', 'data-dou-theme'],\n    })\n  const scheme = window.matchMedia?.('(prefers-color-scheme: dark)')\n  scheme?.addEventListener?.('change', notify)\n  return () => {\n    observer?.disconnect()\n    scheme?.removeEventListener?.('change', notify)\n    if (pending) cancelAnimationFrame(pending)\n  }\n}\n"],"mappings":";AAWA,SAAgB,oBAAoB,MAA2D;CAC7F,MAAM,wBAAQ,IAAI,IAAoB;CACtC,IAAI,QAA4B;CAChC,MAAM,YAAY,QAAgB;EAChC,MAAM,QAAQ,MAAM,IAAI,GAAG;EAC3B,IAAI,OAAO,OAAO;EAClB,MAAM,OAAO,KAAK;EAClB,IAAI,CAAC,QAAQ,OAAO,qBAAqB,aAAa,OAAO;EAC7D,IAAI,CAAC,SAAS,MAAM,eAAe,MAAM;GACvC,QAAQ,SAAS,cAAc,MAAM;GACrC,MAAM,aAAa,eAAe,MAAM;GACxC,MAAM,MAAM,UAAU;GACtB,KAAK,YAAY,KAAK;EACxB;EACA,MAAM,MAAM,QAAQ;EACpB,MAAM,MAAM,QAAQ;EACpB,MAAM,QAAQ,iBAAiB,KAAK,CAAC,CAAC,SAAS;EAC/C,MAAM,IAAI,KAAK,KAAK;EACpB,OAAO;CACT;CACA,QAAQ,cAAc,MAAM,MAAM;CAClC,OAAO;AACT;;;;;AAMA,SAAgB,aAAa,UAAkC;CAC7D,IAAI,OAAO,WAAW,aAAa,aAAa,CAAC;CACjD,IAAI,UAAU;CACd,MAAM,eAAe;EACnB,IAAI,SAAS;EAEb,UAAU,4BAA4B;GACpC,UAAU;GACV,SAAS;EACX,CAAC;CACH;CACA,MAAM,WAAW,OAAO,qBAAqB,cAAc,OAAO,IAAI,iBAAiB,MAAM;CAC7F,KAAK,MAAM,MAAM,CAAC,SAAS,iBAAiB,SAAS,IAAI,GACvD,UAAU,QAAQ,IAAI;EACpB,YAAY;EACZ,iBAAiB;GAAC;GAAS;GAAS;EAAgB;CACtD,CAAC;CACH,MAAM,SAAS,OAAO,aAAa,8BAA8B;CACjE,QAAQ,mBAAmB,UAAU,MAAM;CAC3C,aAAa;EACX,UAAU,WAAW;EACrB,QAAQ,sBAAsB,UAAU,MAAM;EAC9C,IAAI,SAAS,qBAAqB,OAAO;CAC3C;AACF"}