blazeplot 0.2.0 → 0.2.2

package/dist/plugins/annotations.d.ts

@@ -0,0 +1,3 @@
+export { annotationsPlugin } from '../ui/Annotations.js';
+export type { Annotation, AnnotationBase, AnnotationLabelOptions, AnnotationsPlugin, AnnotationsPluginOptions, BoxAnnotation, LabelAnnotation, PointAnnotation, XLineAnnotation, XRangeAnnotation, YLineAnnotation, YRangeAnnotation } from '../ui/Annotations.js';
+//# sourceMappingURL=annotations.d.ts.map

package/dist/plugins/annotations.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"annotations.d.ts","sourceRoot":"","sources":["../../src/plugins/annotations.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACzD,YAAY,EAAE,UAAU,EAAE,cAAc,EAAE,sBAAsB,EAAE,iBAAiB,EAAE,wBAAwB,EAAE,aAAa,EAAE,eAAe,EAAE,eAAe,EAAE,eAAe,EAAE,gBAAgB,EAAE,eAAe,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC"}

package/dist/plugins/annotations.js

@@ -0,0 +1,163 @@
+//#region src/ui/Annotations.ts
+var e = "http://www.w3.org/2000/svg";
+function t(t) {
+	return document.createElementNS(e, t);
+}
+function n(e) {
+	return e ? typeof e == "string" ? e : e.text : null;
+}
+function r(e) {
+	return typeof e == "string" ? { text: e } : e ?? { text: "" };
+}
+function i(e, t, n, r, i, a) {
+	let o = Math.max(0, Math.min(e, n)), s = Math.min(i, Math.max(e, n)), c = Math.max(0, Math.min(t, r)), l = Math.min(a, Math.max(t, r));
+	return s <= o || l <= c ? null : {
+		x: o,
+		y: c,
+		w: s - o,
+		h: l - c
+	};
+}
+function a(e, t, n, r) {
+	return e >= 0 && e <= n && t >= 0 && t <= r;
+}
+function o(e = {}) {
+	let n = [...e.annotations ?? []], r = null, i = null, a = e.defaultColor ?? "rgba(255,255,255,0.85)", o = e.defaultFillColor ?? "rgba(255,255,255,0.12)", c = e.defaultFont ?? "12px system-ui, sans-serif", l = () => {
+		r && i && s(r, i, n, a, o, c);
+	};
+	return {
+		install(n) {
+			r = n, i = t("svg"), i.classList.add(e.className ?? "blazeplot-annotations"), i.style.position = "absolute", i.style.inset = "0", i.style.width = "100%", i.style.height = "100%", i.style.pointerEvents = "none", i.style.overflow = "hidden", i.style.zIndex = String(e.zIndex ?? 12), n.plotElement.appendChild(i);
+			let a = n.subscribe("render", () => l());
+			return l(), () => {
+				a(), i?.remove(), i = null, r = null;
+			};
+		},
+		add(e) {
+			n = [...n, e], l();
+		},
+		remove(e) {
+			let t = n.filter((t) => t.id !== e), r = t.length !== n.length;
+			return r && (n = t, l()), r;
+		},
+		clear() {
+			n = [], l();
+		},
+		setAnnotations(e) {
+			n = [...e], l();
+		},
+		getAnnotations() {
+			return n;
+		}
+	};
+}
+function s(e, t, n, r, i, a) {
+	let o = Math.max(1, e.canvas.clientWidth), s = Math.max(1, e.canvas.clientHeight);
+	t.setAttribute("viewBox", `0 0 ${o} ${s}`), t.replaceChildren();
+	for (let l of n) l.visible !== !1 && c(e, t, l, o, s, r, i, a);
+}
+function c(e, n, r, o, s, c, m, h) {
+	let g = e.getViewport(r.yAxis ?? "left"), _ = (e) => (e - g.xMin) / (g.xMax - g.xMin) * o, v = (e) => (g.yMax - e) / (g.yMax - g.yMin) * s, y = t("g");
+	switch (r.className && y.classList.add(r.className), r.type) {
+		case "x-line": {
+			let e = _(r.x);
+			if (e < 0 || e > o) return;
+			let n = t("line");
+			n.setAttribute("x1", String(e)), n.setAttribute("x2", String(e)), n.setAttribute("y1", "0"), n.setAttribute("y2", String(s)), l(n, r.color ?? c, r.width, r.dash), y.appendChild(n), p(y, r.label, e + 4, 6, "start", c, h);
+			break;
+		}
+		case "y-line": {
+			let e = v(r.y);
+			if (e < 0 || e > s) return;
+			let n = t("line");
+			n.setAttribute("x1", "0"), n.setAttribute("x2", String(o)), n.setAttribute("y1", String(e)), n.setAttribute("y2", String(e)), l(n, r.color ?? c, r.width, r.dash), y.appendChild(n), p(y, r.label, o - 4, e - 4, "end", c, h);
+			break;
+		}
+		case "x-range": {
+			let e = i(_(r.xMin), 0, _(r.xMax), s, o, s);
+			if (!e) return;
+			u(y, e, r.fillColor ?? m, r.borderColor, r.borderWidth), p(y, r.label, e.x + e.w * .5, 6, "middle", c, h);
+			break;
+		}
+		case "y-range": {
+			let e = i(0, v(r.yMax), o, v(r.yMin), o, s);
+			if (!e) return;
+			u(y, e, r.fillColor ?? m, r.borderColor, r.borderWidth), p(y, r.label, o - 4, e.y + e.h * .5, "end", c, h);
+			break;
+		}
+		case "box": {
+			let e = i(_(r.xMin), v(r.yMax), _(r.xMax), v(r.yMin), o, s);
+			if (!e) return;
+			u(y, e, r.fillColor ?? m, r.borderColor, r.borderWidth), p(y, r.label, e.x + e.w * .5, e.y + 6, "middle", c, h);
+			break;
+		}
+		case "point": {
+			let e = _(r.x), t = v(r.y), n = r.radius ?? 5;
+			if (!a(e, t, o, s)) return;
+			d(y, e, t, n, r), p(y, r.label, e + n + 4, t - n - 2, "start", c, h);
+			break;
+		}
+		case "label": {
+			let e = _(r.x), t = v(r.y);
+			if (!a(e, t, o, s)) return;
+			f(y, r, e, t, c, h);
+			break;
+		}
+	}
+	n.appendChild(y);
+}
+function l(e, t, n = 1, r) {
+	e.setAttribute("stroke", t), e.setAttribute("stroke-width", String(n)), e.setAttribute("fill", "none"), r && e.setAttribute("stroke-dasharray", r);
+}
+function u(e, n, r, i, a = 0) {
+	let o = t("rect");
+	o.setAttribute("x", String(n.x)), o.setAttribute("y", String(n.y)), o.setAttribute("width", String(n.w)), o.setAttribute("height", String(n.h)), o.setAttribute("fill", r), i && (o.setAttribute("stroke", i), o.setAttribute("stroke-width", String(a || 1))), e.appendChild(o);
+}
+function d(e, n, r, i, a) {
+	let o = a.color ?? "rgba(255,255,255,0.95)", s = a.strokeColor ?? "rgba(0,0,0,0.35)", c = a.strokeWidth ?? 1;
+	if (a.shape === "diamond") {
+		let a = t("polygon");
+		a.setAttribute("points", `${n},${r - i} ${n + i},${r} ${n},${r + i} ${n - i},${r}`), a.setAttribute("fill", o), a.setAttribute("stroke", s), a.setAttribute("stroke-width", String(c)), e.appendChild(a);
+		return;
+	}
+	if (a.shape === "cross") {
+		for (let [a, s, u, d] of [[
+			n - i,
+			r,
+			n + i,
+			r
+		], [
+			n,
+			r - i,
+			n,
+			r + i
+		]]) {
+			let n = t("line");
+			n.setAttribute("x1", String(a)), n.setAttribute("y1", String(s)), n.setAttribute("x2", String(u)), n.setAttribute("y2", String(d)), l(n, o, c + 1), e.appendChild(n);
+		}
+		return;
+	}
+	let u = t("circle");
+	u.setAttribute("cx", String(n)), u.setAttribute("cy", String(r)), u.setAttribute("r", String(i)), u.setAttribute("fill", o), u.setAttribute("stroke", s), u.setAttribute("stroke-width", String(c)), e.appendChild(u);
+}
+function f(e, n, r, i, a, o) {
+	let s = m(e, n.text, r, i, "start", n.color ?? a, n.font ?? o);
+	if (n.backgroundColor) {
+		let a = t("rect");
+		a.setAttribute("x", String(r - 4)), a.setAttribute("y", String(i - 14)), a.setAttribute("width", String(Math.max(16, n.text.length * 7 + 8))), a.setAttribute("height", "18"), a.setAttribute("rx", "3"), a.setAttribute("fill", n.backgroundColor), e.insertBefore(a, s);
+	}
+}
+function p(e, t, i, a, o, s, c) {
+	let l = n(t);
+	if (!l) return;
+	let u = r(t);
+	m(e, l, i + (u.offsetX ?? 0), a + (u.offsetY ?? 0), o, u.color ?? s, u.font ?? c);
+}
+function m(e, n, r, i, a, o, s) {
+	let c = t("text");
+	return c.textContent = n, c.setAttribute("x", String(r)), c.setAttribute("y", String(i)), c.setAttribute("fill", o), c.setAttribute("font", s), c.setAttribute("text-anchor", a), c.setAttribute("dominant-baseline", "hanging"), c.setAttribute("paint-order", "stroke"), c.setAttribute("stroke", "rgba(0,0,0,0.45)"), c.setAttribute("stroke-width", "3"), e.appendChild(c), c;
+}
+//#endregion
+export { o as annotationsPlugin };
+
+//# sourceMappingURL=annotations.js.map

package/dist/plugins/annotations.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"annotations.js","names":[],"sources":["../../src/ui/Annotations.ts"],"sourcesContent":["import type { Chart, ChartPlugin } from \"./Chart.js\";\nimport type { SeriesYAxis } from \"../core/types.js\";\n\nexport interface AnnotationLabelOptions {\n  readonly text: string;\n  readonly position?: \"start\" | \"center\" | \"end\" | \"top\" | \"bottom\" | \"left\" | \"right\";\n  readonly color?: string;\n  readonly font?: string;\n  readonly offsetX?: number;\n  readonly offsetY?: number;\n}\n\nexport interface AnnotationBase {\n  readonly id?: string;\n  readonly visible?: boolean;\n  readonly yAxis?: SeriesYAxis;\n  readonly className?: string;\n  readonly label?: string | AnnotationLabelOptions;\n}\n\nexport interface XLineAnnotation extends AnnotationBase {\n  readonly type: \"x-line\";\n  readonly x: number;\n  readonly color?: string;\n  readonly width?: number;\n  readonly dash?: string;\n}\n\nexport interface YLineAnnotation extends AnnotationBase {\n  readonly type: \"y-line\";\n  readonly y: number;\n  readonly color?: string;\n  readonly width?: number;\n  readonly dash?: string;\n}\n\nexport interface XRangeAnnotation extends AnnotationBase {\n  readonly type: \"x-range\";\n  readonly xMin: number;\n  readonly xMax: number;\n  readonly fillColor?: string;\n  readonly borderColor?: string;\n  readonly borderWidth?: number;\n}\n\nexport interface YRangeAnnotation extends AnnotationBase {\n  readonly type: \"y-range\";\n  readonly yMin: number;\n  readonly yMax: number;\n  readonly fillColor?: string;\n  readonly borderColor?: string;\n  readonly borderWidth?: number;\n}\n\nexport interface BoxAnnotation extends AnnotationBase {\n  readonly type: \"box\";\n  readonly xMin: number;\n  readonly xMax: number;\n  readonly yMin: number;\n  readonly yMax: number;\n  readonly fillColor?: string;\n  readonly borderColor?: string;\n  readonly borderWidth?: number;\n}\n\nexport interface PointAnnotation extends AnnotationBase {\n  readonly type: \"point\";\n  readonly x: number;\n  readonly y: number;\n  readonly radius?: number;\n  readonly color?: string;\n  readonly strokeColor?: string;\n  readonly strokeWidth?: number;\n  readonly shape?: \"circle\" | \"diamond\" | \"cross\";\n}\n\nexport interface LabelAnnotation extends AnnotationBase {\n  readonly type: \"label\";\n  readonly x: number;\n  readonly y: number;\n  readonly text: string;\n  readonly color?: string;\n  readonly font?: string;\n  readonly backgroundColor?: string;\n}\n\nexport type Annotation =\n  | XLineAnnotation\n  | YLineAnnotation\n  | XRangeAnnotation\n  | YRangeAnnotation\n  | BoxAnnotation\n  | PointAnnotation\n  | LabelAnnotation;\n\nexport interface AnnotationsPluginOptions {\n  readonly annotations?: readonly Annotation[];\n  readonly className?: string;\n  readonly defaultColor?: string;\n  readonly defaultFillColor?: string;\n  readonly defaultFont?: string;\n  readonly zIndex?: number;\n}\n\nexport interface AnnotationsPlugin extends ChartPlugin {\n  add(annotation: Annotation): void;\n  remove(id: string): boolean;\n  clear(): void;\n  setAnnotations(annotations: readonly Annotation[]): void;\n  getAnnotations(): readonly Annotation[];\n}\n\nconst SVG_NS = \"http://www.w3.org/2000/svg\";\n\nfunction svg<K extends keyof SVGElementTagNameMap>(tag: K): SVGElementTagNameMap[K] {\n  return document.createElementNS(SVG_NS, tag);\n}\n\nfunction labelText(label: string | AnnotationLabelOptions | undefined): string | null {\n  if (!label) return null;\n  return typeof label === \"string\" ? label : label.text;\n}\n\nfunction labelOptions(label: string | AnnotationLabelOptions | undefined): AnnotationLabelOptions {\n  return typeof label === \"string\" ? { text: label } : label ?? { text: \"\" };\n}\n\nfunction clampRect(x0: number, y0: number, x1: number, y1: number, width: number, height: number): { x: number; y: number; w: number; h: number } | null {\n  const left = Math.max(0, Math.min(x0, x1));\n  const right = Math.min(width, Math.max(x0, x1));\n  const top = Math.max(0, Math.min(y0, y1));\n  const bottom = Math.min(height, Math.max(y0, y1));\n  if (right <= left || bottom <= top) return null;\n  return { x: left, y: top, w: right - left, h: bottom - top };\n}\n\nfunction isInsidePlot(x: number, y: number, width: number, height: number): boolean {\n  return x >= 0 && x <= width && y >= 0 && y <= height;\n}\n\nexport function annotationsPlugin(options: AnnotationsPluginOptions = {}): AnnotationsPlugin {\n  let annotations = [...(options.annotations ?? [])];\n  let chartRef: Chart | null = null;\n  let overlay: SVGSVGElement | null = null;\n  const color = options.defaultColor ?? \"rgba(255,255,255,0.85)\";\n  const fillColor = options.defaultFillColor ?? \"rgba(255,255,255,0.12)\";\n  const font = options.defaultFont ?? \"12px system-ui, sans-serif\";\n\n  const requestRender = (): void => {\n    if (chartRef && overlay) render(chartRef, overlay, annotations, color, fillColor, font);\n  };\n\n  return {\n    install(chart: Chart) {\n      chartRef = chart;\n      overlay = svg(\"svg\");\n      overlay.classList.add(options.className ?? \"blazeplot-annotations\");\n      overlay.style.position = \"absolute\";\n      overlay.style.inset = \"0\";\n      overlay.style.width = \"100%\";\n      overlay.style.height = \"100%\";\n      overlay.style.pointerEvents = \"none\";\n      overlay.style.overflow = \"hidden\";\n      overlay.style.zIndex = String(options.zIndex ?? 12);\n      chart.plotElement.appendChild(overlay);\n      const unsubscribeRender = chart.subscribe(\"render\", () => requestRender());\n      requestRender();\n      return () => {\n        unsubscribeRender();\n        overlay?.remove();\n        overlay = null;\n        chartRef = null;\n      };\n    },\n    add(annotation: Annotation): void {\n      annotations = [...annotations, annotation];\n      requestRender();\n    },\n    remove(id: string): boolean {\n      const next = annotations.filter((annotation) => annotation.id !== id);\n      const changed = next.length !== annotations.length;\n      if (changed) {\n        annotations = next;\n        requestRender();\n      }\n      return changed;\n    },\n    clear(): void {\n      annotations = [];\n      requestRender();\n    },\n    setAnnotations(next: readonly Annotation[]): void {\n      annotations = [...next];\n      requestRender();\n    },\n    getAnnotations(): readonly Annotation[] {\n      return annotations;\n    },\n  };\n}\n\nfunction render(\n  chart: Chart,\n  overlay: SVGSVGElement,\n  annotations: readonly Annotation[],\n  defaultColor: string,\n  defaultFillColor: string,\n  defaultFont: string,\n): void {\n  const width = Math.max(1, chart.canvas.clientWidth);\n  const height = Math.max(1, chart.canvas.clientHeight);\n  overlay.setAttribute(\"viewBox\", `0 0 ${width} ${height}`);\n  overlay.replaceChildren();\n\n  for (const annotation of annotations) {\n    if (annotation.visible === false) continue;\n    drawAnnotation(chart, overlay, annotation, width, height, defaultColor, defaultFillColor, defaultFont);\n  }\n}\n\nfunction drawAnnotation(\n  chart: Chart,\n  overlay: SVGSVGElement,\n  annotation: Annotation,\n  width: number,\n  height: number,\n  defaultColor: string,\n  defaultFillColor: string,\n  defaultFont: string,\n): void {\n  const viewport = chart.getViewport(annotation.yAxis ?? \"left\");\n  const xToPx = (x: number): number => ((x - viewport.xMin) / (viewport.xMax - viewport.xMin)) * width;\n  const yToPx = (y: number): number => ((viewport.yMax - y) / (viewport.yMax - viewport.yMin)) * height;\n  const group = svg(\"g\");\n  if (annotation.className) group.classList.add(annotation.className);\n\n  switch (annotation.type) {\n    case \"x-line\": {\n      const x = xToPx(annotation.x);\n      if (x < 0 || x > width) return;\n      const line = svg(\"line\");\n      line.setAttribute(\"x1\", String(x));\n      line.setAttribute(\"x2\", String(x));\n      line.setAttribute(\"y1\", \"0\");\n      line.setAttribute(\"y2\", String(height));\n      styleStroke(line, annotation.color ?? defaultColor, annotation.width, annotation.dash);\n      group.appendChild(line);\n      appendLabel(group, annotation.label, x + 4, 6, \"start\", defaultColor, defaultFont);\n      break;\n    }\n    case \"y-line\": {\n      const y = yToPx(annotation.y);\n      if (y < 0 || y > height) return;\n      const line = svg(\"line\");\n      line.setAttribute(\"x1\", \"0\");\n      line.setAttribute(\"x2\", String(width));\n      line.setAttribute(\"y1\", String(y));\n      line.setAttribute(\"y2\", String(y));\n      styleStroke(line, annotation.color ?? defaultColor, annotation.width, annotation.dash);\n      group.appendChild(line);\n      appendLabel(group, annotation.label, width - 4, y - 4, \"end\", defaultColor, defaultFont);\n      break;\n    }\n    case \"x-range\": {\n      const rect = clampRect(xToPx(annotation.xMin), 0, xToPx(annotation.xMax), height, width, height);\n      if (!rect) return;\n      appendRect(group, rect, annotation.fillColor ?? defaultFillColor, annotation.borderColor, annotation.borderWidth);\n      appendLabel(group, annotation.label, rect.x + rect.w * 0.5, 6, \"middle\", defaultColor, defaultFont);\n      break;\n    }\n    case \"y-range\": {\n      const rect = clampRect(0, yToPx(annotation.yMax), width, yToPx(annotation.yMin), width, height);\n      if (!rect) return;\n      appendRect(group, rect, annotation.fillColor ?? defaultFillColor, annotation.borderColor, annotation.borderWidth);\n      appendLabel(group, annotation.label, width - 4, rect.y + rect.h * 0.5, \"end\", defaultColor, defaultFont);\n      break;\n    }\n    case \"box\": {\n      const rect = clampRect(xToPx(annotation.xMin), yToPx(annotation.yMax), xToPx(annotation.xMax), yToPx(annotation.yMin), width, height);\n      if (!rect) return;\n      appendRect(group, rect, annotation.fillColor ?? defaultFillColor, annotation.borderColor, annotation.borderWidth);\n      appendLabel(group, annotation.label, rect.x + rect.w * 0.5, rect.y + 6, \"middle\", defaultColor, defaultFont);\n      break;\n    }\n    case \"point\": {\n      const x = xToPx(annotation.x);\n      const y = yToPx(annotation.y);\n      const radius = annotation.radius ?? 5;\n      if (!isInsidePlot(x, y, width, height)) return;\n      appendMarker(group, x, y, radius, annotation);\n      appendLabel(group, annotation.label, x + radius + 4, y - radius - 2, \"start\", defaultColor, defaultFont);\n      break;\n    }\n    case \"label\": {\n      const x = xToPx(annotation.x);\n      const y = yToPx(annotation.y);\n      if (!isInsidePlot(x, y, width, height)) return;\n      appendStandaloneLabel(group, annotation, x, y, defaultColor, defaultFont);\n      break;\n    }\n  }\n\n  overlay.appendChild(group);\n}\n\nfunction styleStroke(el: SVGElement, color: string, width: number = 1, dash?: string): void {\n  el.setAttribute(\"stroke\", color);\n  el.setAttribute(\"stroke-width\", String(width));\n  el.setAttribute(\"fill\", \"none\");\n  if (dash) el.setAttribute(\"stroke-dasharray\", dash);\n}\n\nfunction appendRect(group: SVGGElement, rect: { x: number; y: number; w: number; h: number }, fill: string, stroke?: string, strokeWidth: number = 0): void {\n  const el = svg(\"rect\");\n  el.setAttribute(\"x\", String(rect.x));\n  el.setAttribute(\"y\", String(rect.y));\n  el.setAttribute(\"width\", String(rect.w));\n  el.setAttribute(\"height\", String(rect.h));\n  el.setAttribute(\"fill\", fill);\n  if (stroke) {\n    el.setAttribute(\"stroke\", stroke);\n    el.setAttribute(\"stroke-width\", String(strokeWidth || 1));\n  }\n  group.appendChild(el);\n}\n\nfunction appendMarker(group: SVGGElement, x: number, y: number, radius: number, annotation: PointAnnotation): void {\n  const fill = annotation.color ?? \"rgba(255,255,255,0.95)\";\n  const stroke = annotation.strokeColor ?? \"rgba(0,0,0,0.35)\";\n  const strokeWidth = annotation.strokeWidth ?? 1;\n  if (annotation.shape === \"diamond\") {\n    const polygon = svg(\"polygon\");\n    polygon.setAttribute(\"points\", `${x},${y - radius} ${x + radius},${y} ${x},${y + radius} ${x - radius},${y}`);\n    polygon.setAttribute(\"fill\", fill);\n    polygon.setAttribute(\"stroke\", stroke);\n    polygon.setAttribute(\"stroke-width\", String(strokeWidth));\n    group.appendChild(polygon);\n    return;\n  }\n\n  if (annotation.shape === \"cross\") {\n    for (const [x1, y1, x2, y2] of [[x - radius, y, x + radius, y], [x, y - radius, x, y + radius]] as const) {\n      const line = svg(\"line\");\n      line.setAttribute(\"x1\", String(x1));\n      line.setAttribute(\"y1\", String(y1));\n      line.setAttribute(\"x2\", String(x2));\n      line.setAttribute(\"y2\", String(y2));\n      styleStroke(line, fill, strokeWidth + 1);\n      group.appendChild(line);\n    }\n    return;\n  }\n\n  const circle = svg(\"circle\");\n  circle.setAttribute(\"cx\", String(x));\n  circle.setAttribute(\"cy\", String(y));\n  circle.setAttribute(\"r\", String(radius));\n  circle.setAttribute(\"fill\", fill);\n  circle.setAttribute(\"stroke\", stroke);\n  circle.setAttribute(\"stroke-width\", String(strokeWidth));\n  group.appendChild(circle);\n}\n\nfunction appendStandaloneLabel(group: SVGGElement, annotation: LabelAnnotation, x: number, y: number, defaultColor: string, defaultFont: string): void {\n  const text = appendText(group, annotation.text, x, y, \"start\", annotation.color ?? defaultColor, annotation.font ?? defaultFont);\n  if (annotation.backgroundColor) {\n    const rect = svg(\"rect\");\n    rect.setAttribute(\"x\", String(x - 4));\n    rect.setAttribute(\"y\", String(y - 14));\n    rect.setAttribute(\"width\", String(Math.max(16, annotation.text.length * 7 + 8)));\n    rect.setAttribute(\"height\", \"18\");\n    rect.setAttribute(\"rx\", \"3\");\n    rect.setAttribute(\"fill\", annotation.backgroundColor);\n    group.insertBefore(rect, text);\n  }\n}\n\nfunction appendLabel(group: SVGGElement, label: string | AnnotationLabelOptions | undefined, x: number, y: number, anchor: \"start\" | \"middle\" | \"end\", defaultColor: string, defaultFont: string): void {\n  const textValue = labelText(label);\n  if (!textValue) return;\n  const opts = labelOptions(label);\n  appendText(group, textValue, x + (opts.offsetX ?? 0), y + (opts.offsetY ?? 0), anchor, opts.color ?? defaultColor, opts.font ?? defaultFont);\n}\n\nfunction appendText(group: SVGGElement, textValue: string, x: number, y: number, anchor: \"start\" | \"middle\" | \"end\", color: string, font: string): SVGTextElement {\n  const text = svg(\"text\");\n  text.textContent = textValue;\n  text.setAttribute(\"x\", String(x));\n  text.setAttribute(\"y\", String(y));\n  text.setAttribute(\"fill\", color);\n  text.setAttribute(\"font\", font);\n  text.setAttribute(\"text-anchor\", anchor);\n  text.setAttribute(\"dominant-baseline\", \"hanging\");\n  text.setAttribute(\"paint-order\", \"stroke\");\n  text.setAttribute(\"stroke\", \"rgba(0,0,0,0.45)\");\n  text.setAttribute(\"stroke-width\", \"3\");\n  group.appendChild(text);\n  return text;\n}\n"],"mappings":"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"}

package/dist/plugins/tooltip.js

@@ -45,7 +45,7 @@ function o(e = {}) {
 				t.style.position = "absolute", t.style.left = `${e.plotX}px`, t.style.top = `${e.plotY}px`, t.style.width = "10px", t.style.height = "10px", t.style.border = "2px solid #f8fafc", t.style.borderRadius = "999px", t.style.background = n(e.series.style.color), t.style.boxShadow = "0 0 0 1px rgba(4, 8, 16, 0.85)", t.style.transform = "translate(-50%, -50%)", o.appendChild(t);
 			}
 		}, f = (n) => {
-			let o = n && (e.mode !== void 0 || e.maxDistancePx !== void 0) ? t.pick(n.clientX, n.clientY, e) : n;
+			let o = n !== null && (e.mode !== void 0 && e.mode !== n.mode || e.group !== void 0 && e.group !== n.group || e.maxDistancePx !== void 0 && e.maxDistancePx !== n.maxDistancePx) ? t.pick(n.clientX, n.clientY, e) : n;
 			if (d(o), !o || o.items.length === 0) {
 				i.style.display = "none", l();
 				return;

package/dist/plugins/tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip.js","names":[],"sources":["../../src/ui/Tooltip.ts"],"sourcesContent":["import type { Chart, ChartHoverState, ChartPickItem, ChartPickMode, ChartPlugin } from \"./Chart.js\";\n\nexport interface TooltipPluginOptions {\n  readonly className?: string;\n  readonly mode?: ChartPickMode;\n  readonly maxDistancePx?: number;\n  readonly offsetX?: number;\n  readonly offsetY?: number;\n  readonly highlight?: boolean;\n  readonly backgroundColor?: string;\n  readonly textColor?: string;\n  readonly font?: string;\n  readonly zIndex?: number;\n  readonly lockWidth?: boolean;\n  readonly formatter?: (item: ChartPickItem, state: ChartHoverState) => string;\n  readonly render?: (state: ChartHoverState, container: HTMLElement, chart: Chart) => void;\n}\n\nfunction labelOf(item: ChartPickItem): string {\n  return item.name ?? item.id ?? `${item.mode} ${item.seriesIndex + 1}`;\n}\n\nfunction formatNumber(value: number): string {\n  if (!Number.isFinite(value)) return String(value);\n  const abs = Math.abs(value);\n  if (abs > 0 && (abs < 1e-3 || abs >= 1e6)) return value.toExponential(3);\n  return Number(value.toPrecision(6)).toString();\n}\n\nfunction rgba(color: readonly [number, number, number, number]): string {\n  return `rgba(${Math.round(color[0] * 255)}, ${Math.round(color[1] * 255)}, ${Math.round(color[2] * 255)}, ${color[3]})`;\n}\n\nfunction renderDefaultTooltip(\n  state: ChartHoverState,\n  container: HTMLElement,\n  formatter: TooltipPluginOptions[\"formatter\"],\n): void {\n  const pad = Math.max(1, ...state.items.map((item) => labelOf(item).length));\n  let html = \"\";\n  for (const item of state.items) {\n    const value = formatter ? formatter(item, state) : `(${formatNumber(item.x)}, ${formatNumber(item.y)})`;\n    const color = rgba(item.series.style.color);\n    if (html) html += \"<br>\";\n    html += `<span style=\"color:${color}\">\\u2588</span> ${labelOf(item).padEnd(pad)}  ${value}`;\n  }\n  container.innerHTML = html;\n}\n\nfunction clamp(value: number, min: number, max: number): number {\n  return Math.min(max, Math.max(min, value));\n}\n\nfunction placeTooltip(\n  container: HTMLElement,\n  state: ChartHoverState,\n  options: TooltipPluginOptions,\n): void {\n  const offsetX = options.offsetX ?? 12;\n  const offsetY = options.offsetY ?? 12;\n  const tooltipRect = container.getBoundingClientRect();\n  const margin = 4;\n  const doc = container.ownerDocument;\n  const viewportWidth = Math.max(1, globalThis.innerWidth || doc.documentElement.clientWidth);\n  const viewportHeight = Math.max(1, globalThis.innerHeight || doc.documentElement.clientHeight);\n\n  const viewportX = clamp(\n    state.clientX + offsetX,\n    margin,\n    Math.max(margin, viewportWidth - tooltipRect.width - margin),\n  );\n  const viewportY = clamp(\n    state.clientY + offsetY,\n    margin,\n    Math.max(margin, viewportHeight - tooltipRect.height - margin),\n  );\n  container.style.transform = `translate(${viewportX}px, ${viewportY}px)`;\n}\n\nexport function tooltipPlugin(options: TooltipPluginOptions = {}): ChartPlugin {\n  return {\n    install(chart: Chart) {\n      const container = document.createElement(\"div\");\n      container.className = options.className ?? \"blazeplot-tooltip\";\n      container.style.position = \"fixed\";\n      container.style.left = \"0\";\n      container.style.top = \"0\";\n      container.style.zIndex = String(options.zIndex ?? 10_000);\n      container.style.display = \"none\";\n      container.style.pointerEvents = \"none\";\n      container.style.background = options.backgroundColor ?? chart.theme.tooltipBackgroundColor;\n      container.style.color = options.textColor ?? chart.theme.tooltipTextColor;\n      container.style.font = options.font ?? chart.theme.tooltipFont;\n      container.style.padding = \"8px 10px\";\n      container.style.whiteSpace = \"pre\";\n      const tooltipParent = chart.rootElement.ownerDocument.body ?? chart.rootElement;\n      tooltipParent.appendChild(container);\n\n      const markerLayer = document.createElement(\"div\");\n      markerLayer.className = \"blazeplot-tooltip-markers\";\n      markerLayer.style.position = \"absolute\";\n      markerLayer.style.inset = \"0\";\n      markerLayer.style.zIndex = \"25\";\n      markerLayer.style.pointerEvents = \"none\";\n      chart.plotElement.appendChild(markerLayer);\n\n      let lockedTooltipWidth = 0;\n\n      const lockTooltipWidth = (): void => {\n        if (options.lockWidth === false) return;\n        const width = Math.ceil(container.getBoundingClientRect().width);\n        if (width <= lockedTooltipWidth) return;\n        lockedTooltipWidth = width;\n        container.style.minWidth = `${lockedTooltipWidth}px`;\n      };\n\n      const resetTooltipWidth = (): void => {\n        lockedTooltipWidth = 0;\n        container.style.minWidth = \"\";\n      };\n\n      const applyTheme = (): void => {\n        container.style.background = options.backgroundColor ?? chart.theme.tooltipBackgroundColor;\n        container.style.color = options.textColor ?? chart.theme.tooltipTextColor;\n        container.style.font = options.font ?? chart.theme.tooltipFont;\n      };\n\n      const renderMarkers = (state: ChartHoverState | null): void => {\n        markerLayer.replaceChildren();\n        if (options.highlight === false || !state) return;\n\n        for (const item of state.items) {\n          const marker = document.createElement(\"div\");\n          marker.style.position = \"absolute\";\n          marker.style.left = `${item.plotX}px`;\n          marker.style.top = `${item.plotY}px`;\n          marker.style.width = \"10px\";\n          marker.style.height = \"10px\";\n          marker.style.border = \"2px solid #f8fafc\";\n          marker.style.borderRadius = \"999px\";\n          marker.style.background = rgba(item.series.style.color);\n          marker.style.boxShadow = \"0 0 0 1px rgba(4, 8, 16, 0.85)\";\n          marker.style.transform = \"translate(-50%, -50%)\";\n          markerLayer.appendChild(marker);\n        }\n      };\n\n      const render = (state: ChartHoverState | null): void => {\n        const effectiveState = state && (options.mode !== undefined || options.maxDistancePx !== undefined)\n          ? chart.pick(state.clientX, state.clientY, options)\n          : state;\n\n        renderMarkers(effectiveState);\n        if (!effectiveState || effectiveState.items.length === 0) {\n          container.style.display = \"none\";\n          resetTooltipWidth();\n          return;\n        }\n\n        if (options.render) {\n          options.render(effectiveState, container, chart);\n        } else {\n          renderDefaultTooltip(effectiveState, container, options.formatter);\n        }\n\n        container.style.display = \"block\";\n        lockTooltipWidth();\n        placeTooltip(container, effectiveState, options);\n      };\n\n      const unsubscribeHover = chart.subscribe(\"hover\", render);\n      const unsubscribeTheme = chart.subscribe(\"themechange\", () => {\n        applyTheme();\n        render(chart.getHoverState());\n      });\n      applyTheme();\n      return () => {\n        unsubscribeHover();\n        unsubscribeTheme();\n        markerLayer.remove();\n        container.remove();\n      };\n    },\n  };\n}\n"],"mappings":"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"}
+{"version":3,"file":"tooltip.js","names":[],"sources":["../../src/ui/Tooltip.ts"],"sourcesContent":["import type { Chart, ChartHoverState, ChartPickGroup, ChartPickItem, ChartPickMode, ChartPlugin } from \"./Chart.js\";\n\nexport interface TooltipPluginOptions {\n  readonly className?: string;\n  readonly mode?: ChartPickMode;\n  readonly group?: ChartPickGroup;\n  readonly maxDistancePx?: number;\n  readonly offsetX?: number;\n  readonly offsetY?: number;\n  readonly highlight?: boolean;\n  readonly backgroundColor?: string;\n  readonly textColor?: string;\n  readonly font?: string;\n  readonly zIndex?: number;\n  readonly lockWidth?: boolean;\n  readonly formatter?: (item: ChartPickItem, state: ChartHoverState) => string;\n  readonly render?: (state: ChartHoverState, container: HTMLElement, chart: Chart) => void;\n}\n\nfunction labelOf(item: ChartPickItem): string {\n  return item.name ?? item.id ?? `${item.mode} ${item.seriesIndex + 1}`;\n}\n\nfunction formatNumber(value: number): string {\n  if (!Number.isFinite(value)) return String(value);\n  const abs = Math.abs(value);\n  if (abs > 0 && (abs < 1e-3 || abs >= 1e6)) return value.toExponential(3);\n  return Number(value.toPrecision(6)).toString();\n}\n\nfunction rgba(color: readonly [number, number, number, number]): string {\n  return `rgba(${Math.round(color[0] * 255)}, ${Math.round(color[1] * 255)}, ${Math.round(color[2] * 255)}, ${color[3]})`;\n}\n\nfunction renderDefaultTooltip(\n  state: ChartHoverState,\n  container: HTMLElement,\n  formatter: TooltipPluginOptions[\"formatter\"],\n): void {\n  const pad = Math.max(1, ...state.items.map((item) => labelOf(item).length));\n  let html = \"\";\n  for (const item of state.items) {\n    const value = formatter ? formatter(item, state) : `(${formatNumber(item.x)}, ${formatNumber(item.y)})`;\n    const color = rgba(item.series.style.color);\n    if (html) html += \"<br>\";\n    html += `<span style=\"color:${color}\">\\u2588</span> ${labelOf(item).padEnd(pad)}  ${value}`;\n  }\n  container.innerHTML = html;\n}\n\nfunction clamp(value: number, min: number, max: number): number {\n  return Math.min(max, Math.max(min, value));\n}\n\nfunction placeTooltip(\n  container: HTMLElement,\n  state: ChartHoverState,\n  options: TooltipPluginOptions,\n): void {\n  const offsetX = options.offsetX ?? 12;\n  const offsetY = options.offsetY ?? 12;\n  const tooltipRect = container.getBoundingClientRect();\n  const margin = 4;\n  const doc = container.ownerDocument;\n  const viewportWidth = Math.max(1, globalThis.innerWidth || doc.documentElement.clientWidth);\n  const viewportHeight = Math.max(1, globalThis.innerHeight || doc.documentElement.clientHeight);\n\n  const viewportX = clamp(\n    state.clientX + offsetX,\n    margin,\n    Math.max(margin, viewportWidth - tooltipRect.width - margin),\n  );\n  const viewportY = clamp(\n    state.clientY + offsetY,\n    margin,\n    Math.max(margin, viewportHeight - tooltipRect.height - margin),\n  );\n  container.style.transform = `translate(${viewportX}px, ${viewportY}px)`;\n}\n\nexport function tooltipPlugin(options: TooltipPluginOptions = {}): ChartPlugin {\n  return {\n    install(chart: Chart) {\n      const container = document.createElement(\"div\");\n      container.className = options.className ?? \"blazeplot-tooltip\";\n      container.style.position = \"fixed\";\n      container.style.left = \"0\";\n      container.style.top = \"0\";\n      container.style.zIndex = String(options.zIndex ?? 10_000);\n      container.style.display = \"none\";\n      container.style.pointerEvents = \"none\";\n      container.style.background = options.backgroundColor ?? chart.theme.tooltipBackgroundColor;\n      container.style.color = options.textColor ?? chart.theme.tooltipTextColor;\n      container.style.font = options.font ?? chart.theme.tooltipFont;\n      container.style.padding = \"8px 10px\";\n      container.style.whiteSpace = \"pre\";\n      const tooltipParent = chart.rootElement.ownerDocument.body ?? chart.rootElement;\n      tooltipParent.appendChild(container);\n\n      const markerLayer = document.createElement(\"div\");\n      markerLayer.className = \"blazeplot-tooltip-markers\";\n      markerLayer.style.position = \"absolute\";\n      markerLayer.style.inset = \"0\";\n      markerLayer.style.zIndex = \"25\";\n      markerLayer.style.pointerEvents = \"none\";\n      chart.plotElement.appendChild(markerLayer);\n\n      let lockedTooltipWidth = 0;\n\n      const lockTooltipWidth = (): void => {\n        if (options.lockWidth === false) return;\n        const width = Math.ceil(container.getBoundingClientRect().width);\n        if (width <= lockedTooltipWidth) return;\n        lockedTooltipWidth = width;\n        container.style.minWidth = `${lockedTooltipWidth}px`;\n      };\n\n      const resetTooltipWidth = (): void => {\n        lockedTooltipWidth = 0;\n        container.style.minWidth = \"\";\n      };\n\n      const applyTheme = (): void => {\n        container.style.background = options.backgroundColor ?? chart.theme.tooltipBackgroundColor;\n        container.style.color = options.textColor ?? chart.theme.tooltipTextColor;\n        container.style.font = options.font ?? chart.theme.tooltipFont;\n      };\n\n      const renderMarkers = (state: ChartHoverState | null): void => {\n        markerLayer.replaceChildren();\n        if (options.highlight === false || !state) return;\n\n        for (const item of state.items) {\n          const marker = document.createElement(\"div\");\n          marker.style.position = \"absolute\";\n          marker.style.left = `${item.plotX}px`;\n          marker.style.top = `${item.plotY}px`;\n          marker.style.width = \"10px\";\n          marker.style.height = \"10px\";\n          marker.style.border = \"2px solid #f8fafc\";\n          marker.style.borderRadius = \"999px\";\n          marker.style.background = rgba(item.series.style.color);\n          marker.style.boxShadow = \"0 0 0 1px rgba(4, 8, 16, 0.85)\";\n          marker.style.transform = \"translate(-50%, -50%)\";\n          markerLayer.appendChild(marker);\n        }\n      };\n\n      const render = (state: ChartHoverState | null): void => {\n        const shouldRepick = state !== null && (\n          (options.mode !== undefined && options.mode !== state.mode) ||\n          (options.group !== undefined && options.group !== state.group) ||\n          (options.maxDistancePx !== undefined && options.maxDistancePx !== state.maxDistancePx)\n        );\n        const effectiveState = shouldRepick ? chart.pick(state.clientX, state.clientY, options) : state;\n\n        renderMarkers(effectiveState);\n        if (!effectiveState || effectiveState.items.length === 0) {\n          container.style.display = \"none\";\n          resetTooltipWidth();\n          return;\n        }\n\n        if (options.render) {\n          options.render(effectiveState, container, chart);\n        } else {\n          renderDefaultTooltip(effectiveState, container, options.formatter);\n        }\n\n        container.style.display = \"block\";\n        lockTooltipWidth();\n        placeTooltip(container, effectiveState, options);\n      };\n\n      const unsubscribeHover = chart.subscribe(\"hover\", render);\n      const unsubscribeTheme = chart.subscribe(\"themechange\", () => {\n        applyTheme();\n        render(chart.getHoverState());\n      });\n      applyTheme();\n      return () => {\n        unsubscribeHover();\n        unsubscribeTheme();\n        markerLayer.remove();\n        container.remove();\n      };\n    },\n  };\n}\n"],"mappings":"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"}

package/dist/render/ReglBackend.d.ts

@@ -15,6 +15,7 @@ export declare class ReglBackend implements GpuBackend {
     dispose(resource: GpuResource): void;
     clear(r: number, g: number, b: number, a: number): void;
     viewport(x: number, y: number, w: number, h: number): void;
+    getContext(): WebGL2RenderingContext;
     destroy(): void;
     private createDrawCommand;
     private resolveAttribute;

package/dist/render/ReglBackend.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ReglBackend.d.ts","sourceRoot":"","sources":["../../src/render/ReglBackend.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,UAAU,EAAE,WAAW,EAAE,UAAU,EAAE,QAAQ,EAA+B,MAAM,YAAY,CAAC;AA8BpI,qBAAa,WAAY,YAAW,UAAU;IAC5C,OAAO,CAAC,EAAE,CAAyB;IACnC,OAAO,CAAC,IAAI,CAAO;IACnB,OAAO,CAAC,SAAS,CAAkB;IACnC,OAAO,CAAC,aAAa,CAAa;IAClC,OAAO,CAAC,YAAY,CAAuC;IAC3D,OAAO,CAAC,UAAU,CAA+D;IACjF,QAAQ,CAAC,YAAY,EAAE,UAAU,CAAC,cAAc,CAAC,CAAC;gBAEtC,MAAM,EAAE,iBAAiB;IAiCrC,YAAY,CAAC,IAAI,EAAE,UAAU,GAAG,SAAS;IASzC,YAAY,CAAC,MAAM,EAAE,SAAS,EAAE,IAAI,EAAE,YAAY,GAAG,WAAW,EAAE,MAAM,GAAE,MAAU,GAAG,IAAI;IAS3F,aAAa,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,UAAU;IAQrD,IAAI,CAAC,IAAI,EAAE,QAAQ,GAAG,IAAI;IAuC1B,OAAO,CAAC,QAAQ,EAAE,WAAW,GAAG,IAAI;IAMpC,KAAK,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,GAAG,IAAI;IAIvD,QAAQ,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,GAAG,IAAI;IAS1D,OAAO,IAAI,IAAI;IAKf,OAAO,CAAC,iBAAiB;IAkCzB,OAAO,CAAC,gBAAgB;IAcxB,OAAO,CAAC,YAAY;IAIpB,OAAO,CAAC,aAAa;IAIrB,OAAO,CAAC,YAAY;IAIpB,OAAO,CAAC,eAAe;CAUxB"}
+{"version":3,"file":"ReglBackend.d.ts","sourceRoot":"","sources":["../../src/render/ReglBackend.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,UAAU,EAAE,WAAW,EAAE,UAAU,EAAE,QAAQ,EAA+B,MAAM,YAAY,CAAC;AA8BpI,qBAAa,WAAY,YAAW,UAAU;IAC5C,OAAO,CAAC,EAAE,CAAyB;IACnC,OAAO,CAAC,IAAI,CAAO;IACnB,OAAO,CAAC,SAAS,CAAkB;IACnC,OAAO,CAAC,aAAa,CAAa;IAClC,OAAO,CAAC,YAAY,CAAuC;IAC3D,OAAO,CAAC,UAAU,CAA+D;IACjF,QAAQ,CAAC,YAAY,EAAE,UAAU,CAAC,cAAc,CAAC,CAAC;gBAEtC,MAAM,EAAE,iBAAiB;IAiCrC,YAAY,CAAC,IAAI,EAAE,UAAU,GAAG,SAAS;IASzC,YAAY,CAAC,MAAM,EAAE,SAAS,EAAE,IAAI,EAAE,YAAY,GAAG,WAAW,EAAE,MAAM,GAAE,MAAU,GAAG,IAAI;IAS3F,aAAa,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,UAAU;IAQrD,IAAI,CAAC,IAAI,EAAE,QAAQ,GAAG,IAAI;IAuC1B,OAAO,CAAC,QAAQ,EAAE,WAAW,GAAG,IAAI;IAMpC,KAAK,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,GAAG,IAAI;IAIvD,QAAQ,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,GAAG,IAAI;IAS1D,UAAU,IAAI,sBAAsB;IAIpC,OAAO,IAAI,IAAI;IAKf,OAAO,CAAC,iBAAiB;IAkCzB,OAAO,CAAC,gBAAgB;IAcxB,OAAO,CAAC,YAAY;IAIpB,OAAO,CAAC,aAAa;IAIrB,OAAO,CAAC,YAAY;IAIpB,OAAO,CAAC,eAAe;CAUxB"}

package/dist/render/Renderer.d.ts

@@ -25,6 +25,7 @@ export declare class Renderer {
     updateFloatBuffer(buffer: GpuBuffer, data: Float32Array, floatCount?: number): void;
     viewport(x: number, y: number, width: number, height: number): void;
     setXOrigin(origin: number): void;
+    getWebGLContext(): WebGL2RenderingContext | null;
     drawLines(positions: GpuBuffer, count: number, style: SeriesStyle, camera: Camera2D): void;
     drawLineStrip(positions: GpuBuffer, count: number, style: SeriesStyle, camera: Camera2D): void;
     drawClipLineStrip(positions: GpuBuffer, count: number, style: SeriesStyle): void;

package/dist/render/Renderer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Renderer.d.ts","sourceRoot":"","sources":["../../src/render/Renderer.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"Renderer.d.ts","sourceRoot":"","sources":["../../src/render/Renderer.ts"],"names":[],"mappings":"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"}

package/dist/render/types.d.ts

@@ -9,6 +9,7 @@ export interface GpuBackend {
     dispose(resource: GpuResource): void;
     clear(r: number, g: number, b: number, a: number): void;
     viewport(x: number, y: number, w: number, h: number): void;
+    getContext?(): WebGL2RenderingContext | null;
     destroy(): void;
 }
 export interface GpuCapabilities {

package/dist/render/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/render/types.ts"],"names":[],"mappings":"AAAA,OAAO,CAAC,MAAM,cAAc,EAAE,OAAO,MAAM,CAAC;AAC5C,OAAO,CAAC,MAAM,eAAe,EAAE,OAAO,MAAM,CAAC;AAE7C,MAAM,WAAW,UAAU;IACzB,QAAQ,CAAC,YAAY,EAAE,eAAe,CAAC;IACvC,YAAY,CAAC,IAAI,EAAE,UAAU,GAAG,SAAS,CAAC;IAC1C,YAAY,CAAC,MAAM,EAAE,SAAS,EAAE,IAAI,EAAE,YAAY,GAAG,WAAW,EAAE,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACzF,aAAa,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,UAAU,CAAC;IACtD,IAAI,CAAC,IAAI,EAAE,QAAQ,GAAG,IAAI,CAAC;IAC3B,OAAO,CAAC,QAAQ,EAAE,WAAW,GAAG,IAAI,CAAC;IACrC,KAAK,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACxD,QAAQ,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3D,OAAO,IAAI,IAAI,CAAC;CACjB;AAED,MAAM,WAAW,eAAe;IAC9B,QAAQ,CAAC,UAAU,EAAE,OAAO,CAAC;CAC9B;AAED,MAAM,WAAW,UAAU;IACzB,QAAQ,CAAC,KAAK,EAAE,QAAQ,GAAG,SAAS,GAAG,QAAQ,CAAC;IAChD,QAAQ,CAAC,IAAI,EAAE,OAAO,GAAG,SAAS,CAAC;IACnC,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC;CACzB;AAED,MAAM,WAAW,SAAS;IACxB,QAAQ,CAAC,CAAC,cAAc,CAAC,EAAE,IAAI,CAAC;IAChC,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,IAAI,EAAE,UAAU,CAAC,MAAM,CAAC,CAAC;CACnC;AAED,MAAM,WAAW,UAAU;IACzB,QAAQ,CAAC,CAAC,eAAe,CAAC,EAAE,IAAI,CAAC;CAClC;AAED,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,UAAU,CAAC;AAEjD,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,MAAM,EAAE,GAAG,YAAY,CAAC;AAE/E,MAAM,WAAW,aAAa;IAC5B,QAAQ,CAAC,MAAM,EAAE,SAAS,CAAC;IAC3B,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,WAAW,QAAQ;IACvB,QAAQ,CAAC,OAAO,EAAE,UAAU,CAAC;IAC7B,QAAQ,CAAC,SAAS,EAAE,QAAQ,GAAG,OAAO,GAAG,YAAY,GAAG,WAAW,GAAG,gBAAgB,CAAC;IACvF,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,QAAQ,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,YAAY,CAAC,CAAC,CAAC;IAC1D,QAAQ,CAAC,UAAU,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,SAAS,GAAG,aAAa,CAAC,CAAC,CAAC;IACzE,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC;CAC/B"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/render/types.ts"],"names":[],"mappings":"AAAA,OAAO,CAAC,MAAM,cAAc,EAAE,OAAO,MAAM,CAAC;AAC5C,OAAO,CAAC,MAAM,eAAe,EAAE,OAAO,MAAM,CAAC;AAE7C,MAAM,WAAW,UAAU;IACzB,QAAQ,CAAC,YAAY,EAAE,eAAe,CAAC;IACvC,YAAY,CAAC,IAAI,EAAE,UAAU,GAAG,SAAS,CAAC;IAC1C,YAAY,CAAC,MAAM,EAAE,SAAS,EAAE,IAAI,EAAE,YAAY,GAAG,WAAW,EAAE,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACzF,aAAa,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,UAAU,CAAC;IACtD,IAAI,CAAC,IAAI,EAAE,QAAQ,GAAG,IAAI,CAAC;IAC3B,OAAO,CAAC,QAAQ,EAAE,WAAW,GAAG,IAAI,CAAC;IACrC,KAAK,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACxD,QAAQ,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3D,UAAU,CAAC,IAAI,sBAAsB,GAAG,IAAI,CAAC;IAC7C,OAAO,IAAI,IAAI,CAAC;CACjB;AAED,MAAM,WAAW,eAAe;IAC9B,QAAQ,CAAC,UAAU,EAAE,OAAO,CAAC;CAC9B;AAED,MAAM,WAAW,UAAU;IACzB,QAAQ,CAAC,KAAK,EAAE,QAAQ,GAAG,SAAS,GAAG,QAAQ,CAAC;IAChD,QAAQ,CAAC,IAAI,EAAE,OAAO,GAAG,SAAS,CAAC;IACnC,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC;CACzB;AAED,MAAM,WAAW,SAAS;IACxB,QAAQ,CAAC,CAAC,cAAc,CAAC,EAAE,IAAI,CAAC;IAChC,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,IAAI,EAAE,UAAU,CAAC,MAAM,CAAC,CAAC;CACnC;AAED,MAAM,WAAW,UAAU;IACzB,QAAQ,CAAC,CAAC,eAAe,CAAC,EAAE,IAAI,CAAC;CAClC;AAED,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,UAAU,CAAC;AAEjD,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,MAAM,EAAE,GAAG,YAAY,CAAC;AAE/E,MAAM,WAAW,aAAa;IAC5B,QAAQ,CAAC,MAAM,EAAE,SAAS,CAAC;IAC3B,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,WAAW,QAAQ;IACvB,QAAQ,CAAC,OAAO,EAAE,UAAU,CAAC;IAC7B,QAAQ,CAAC,SAAS,EAAE,QAAQ,GAAG,OAAO,GAAG,YAAY,GAAG,WAAW,GAAG,gBAAgB,CAAC;IACvF,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,QAAQ,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,YAAY,CAAC,CAAC,CAAC;IAC1D,QAAQ,CAAC,UAAU,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,SAAS,GAAG,aAAa,CAAC,CAAC,CAAC;IACzE,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC;CAC/B"}

package/dist/ui/Annotations.d.ts

@@ -0,0 +1,94 @@
+import { ChartPlugin } from './Chart.js';
+import { SeriesYAxis } from '../core/types.js';
+export interface AnnotationLabelOptions {
+    readonly text: string;
+    readonly position?: "start" | "center" | "end" | "top" | "bottom" | "left" | "right";
+    readonly color?: string;
+    readonly font?: string;
+    readonly offsetX?: number;
+    readonly offsetY?: number;
+}
+export interface AnnotationBase {
+    readonly id?: string;
+    readonly visible?: boolean;
+    readonly yAxis?: SeriesYAxis;
+    readonly className?: string;
+    readonly label?: string | AnnotationLabelOptions;
+}
+export interface XLineAnnotation extends AnnotationBase {
+    readonly type: "x-line";
+    readonly x: number;
+    readonly color?: string;
+    readonly width?: number;
+    readonly dash?: string;
+}
+export interface YLineAnnotation extends AnnotationBase {
+    readonly type: "y-line";
+    readonly y: number;
+    readonly color?: string;
+    readonly width?: number;
+    readonly dash?: string;
+}
+export interface XRangeAnnotation extends AnnotationBase {
+    readonly type: "x-range";
+    readonly xMin: number;
+    readonly xMax: number;
+    readonly fillColor?: string;
+    readonly borderColor?: string;
+    readonly borderWidth?: number;
+}
+export interface YRangeAnnotation extends AnnotationBase {
+    readonly type: "y-range";
+    readonly yMin: number;
+    readonly yMax: number;
+    readonly fillColor?: string;
+    readonly borderColor?: string;
+    readonly borderWidth?: number;
+}
+export interface BoxAnnotation extends AnnotationBase {
+    readonly type: "box";
+    readonly xMin: number;
+    readonly xMax: number;
+    readonly yMin: number;
+    readonly yMax: number;
+    readonly fillColor?: string;
+    readonly borderColor?: string;
+    readonly borderWidth?: number;
+}
+export interface PointAnnotation extends AnnotationBase {
+    readonly type: "point";
+    readonly x: number;
+    readonly y: number;
+    readonly radius?: number;
+    readonly color?: string;
+    readonly strokeColor?: string;
+    readonly strokeWidth?: number;
+    readonly shape?: "circle" | "diamond" | "cross";
+}
+export interface LabelAnnotation extends AnnotationBase {
+    readonly type: "label";
+    readonly x: number;
+    readonly y: number;
+    readonly text: string;
+    readonly color?: string;
+    readonly font?: string;
+    readonly backgroundColor?: string;
+}
+export type Annotation = XLineAnnotation | YLineAnnotation | XRangeAnnotation | YRangeAnnotation | BoxAnnotation | PointAnnotation | LabelAnnotation;
+export interface AnnotationsPluginOptions {
+    readonly annotations?: readonly Annotation[];
+    readonly className?: string;
+    readonly defaultColor?: string;
+    readonly defaultFillColor?: string;
+    readonly defaultFont?: string;
+    readonly zIndex?: number;
+}
+export interface AnnotationsPlugin extends ChartPlugin {
+    add(annotation: Annotation): void;
+    remove(id: string): boolean;
+    clear(): void;
+    setAnnotations(annotations: readonly Annotation[]): void;
+    getAnnotations(): readonly Annotation[];
+}
+export declare function annotationsPlugin(options?: AnnotationsPluginOptions): AnnotationsPlugin;
+//# sourceMappingURL=Annotations.d.ts.map

package/dist/ui/Annotations.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Annotations.d.ts","sourceRoot":"","sources":["../../src/ui/Annotations.ts"],"names":[],"mappings":"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"}

package/dist/ui/AxisOverlay.d.ts

@@ -12,11 +12,13 @@ export declare class AxisOverlay {
     private options;
     private xPool;
     private yPool;
+    private y2Pool;
     private readonly xTicks;
     private readonly yTicks;
+    private readonly y2Ticks;
     constructor(layout: ChartLayoutElements, config: AxisOverlayConfig, options?: AxisOverlayOptions);
     setOptions(options: AxisOverlayOptions): void;
-    update(camera: Camera2D, axis: AxisController): void;
+    update(camera: Camera2D, axis: AxisController, rightCamera?: Camera2D, rightAxis?: AxisController): void;
     dispose(): void;
     private parentForAxis;
     private updateAxis;

package/dist/ui/AxisOverlay.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AxisOverlay.d.ts","sourceRoot":"","sources":["../../src/ui/AxisOverlay.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,kCAAkC,CAAC;AACvE,OAAO,KAAK,EAAE,mBAAmB,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAE/E,MAAM,WAAW,kBAAkB;IACjC,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,MAAM,MAAM,iBAAiB,GAAG,iBAAiB,CAAC;AAElD,qBAAa,WAAW;IAOpB,OAAO,CAAC,QAAQ,CAAC,MAAM;IACvB,OAAO,CAAC,QAAQ,CAAC,MAAM;IACvB,OAAO,CAAC,OAAO;IARjB,OAAO,CAAC,KAAK,CAAwB;IACrC,OAAO,CAAC,KAAK,CAAwB;IACrC,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAgB;IACvC,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAgB;gBAGpB,MAAM,EAAE,mBAAmB,EAC3B,MAAM,EAAE,iBAAiB,EAClC,OAAO,GAAE,kBAAuB;IAG1C,UAAU,CAAC,OAAO,EAAE,kBAAkB,GAAG,IAAI;IAY7C,MAAM,CAAC,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE,cAAc,GAAG,IAAI;IAoBpD,OAAO,IAAI,IAAI;IAOf,OAAO,CAAC,aAAa;IAOrB,OAAO,CAAC,UAAU;CAqEnB"}
+{"version":3,"file":"AxisOverlay.d.ts","sourceRoot":"","sources":["../../src/ui/AxisOverlay.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,kCAAkC,CAAC;AACvE,OAAO,KAAK,EAAE,mBAAmB,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAE/E,MAAM,WAAW,kBAAkB;IACjC,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,MAAM,MAAM,iBAAiB,GAAG,iBAAiB,CAAC;AAIlD,qBAAa,WAAW;IASpB,OAAO,CAAC,QAAQ,CAAC,MAAM;IACvB,OAAO,CAAC,QAAQ,CAAC,MAAM;IACvB,OAAO,CAAC,OAAO;IAVjB,OAAO,CAAC,KAAK,CAAwB;IACrC,OAAO,CAAC,KAAK,CAAwB;IACrC,OAAO,CAAC,MAAM,CAAwB;IACtC,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAgB;IACvC,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAgB;IACvC,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAgB;gBAGrB,MAAM,EAAE,mBAAmB,EAC3B,MAAM,EAAE,iBAAiB,EAClC,OAAO,GAAE,kBAAuB;IAG1C,UAAU,CAAC,OAAO,EAAE,kBAAkB,GAAG,IAAI;IAQ7C,MAAM,CAAC,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE,cAAc,EAAE,WAAW,GAAE,QAAiB,EAAE,SAAS,GAAE,cAAqB,GAAG,IAAI;IA2BtH,OAAO,IAAI,IAAI;IASf,OAAO,CAAC,aAAa;IAUrB,OAAO,CAAC,UAAU;CAuEnB"}

package/dist/ui/Chart.d.ts

@@ -1,4 +1,4 @@
-import { SeriesConfig, SeriesStyle, SeriesMode, SeriesSample, Viewport } from '../core/types.js';
+import { SeriesConfig, SeriesStyle, SeriesMode, SeriesSample, SeriesYAxis, Viewport } from '../core/types.js';
 import { SeriesStore } from '../core/SeriesStore.js';
 import { Camera2D } from '../interaction/Camera2D.js';
 import { PanIntent, ViewportPolicy, ZoomIntent } from '../interaction/types.js';
@@ -9,8 +9,10 @@ export interface AxisConfig {
     readonly position?: AxisPosition;
 }
 export type ChartPickMode = "nearest-x" | "nearest-point";
+export type ChartPickGroup = "x" | "none";
 export interface ChartPickOptions {
     readonly mode?: ChartPickMode;
+    readonly group?: ChartPickGroup;
     readonly maxDistancePx?: number;
 }
 export interface ChartPluginHandle {
@@ -26,6 +28,7 @@ export interface ChartOptions {
     readonly axes?: boolean | {
         x?: boolean | AxisConfig;
         y?: boolean | AxisConfig;
+        y2?: boolean | AxisConfig;
     };
     readonly hover?: ChartPickOptions;
     readonly plugins?: readonly ChartPlugin[];
@@ -40,6 +43,7 @@ export interface ChartSeriesState {
     readonly mode: SeriesMode;
     readonly visible: boolean;
     readonly color: readonly [number, number, number, number];
+    readonly yAxis: SeriesYAxis;
 }
 export interface ChartPickItem extends SeriesSample {
     readonly series: SeriesStore;
@@ -61,6 +65,8 @@ export interface ChartHoverState {
     readonly dataY: number;
     readonly anchorX: number;
     readonly mode: ChartPickMode;
+    readonly group: ChartPickGroup;
+    readonly maxDistancePx: number;
     readonly items: readonly ChartPickItem[];
 }
 export interface ChartScreenshotOptions {
@@ -81,7 +87,9 @@ export declare class Chart {
     private readonly options;
     private series;
     private camera;
+    private rightCamera;
     private axis;
+    private rightAxis;
     private renderer;
     private rawLineBuffer;
     private rawLineData;
@@ -105,6 +113,7 @@ export declare class Chart {
     private readonly hoverSubscribers;
     private readonly seriesSubscribers;
     private readonly themeSubscribers;
+    private readonly renderSubscribers;
     private currentHover;
     private lastPointerClientX;
     private lastPointerClientY;
@@ -120,11 +129,13 @@ export declare class Chart {
     get plotElement(): HTMLElement;
     get xAxisElement(): HTMLElement;
     get yAxisElement(): HTMLElement;
+    get y2AxisElement(): HTMLElement;
     get theme(): ResolvedChartTheme;
-    getCamera(): Camera2D;
-    dataToPlot(x: number, y: number): [number, number];
-    clientToData(clientX: number, clientY: number): [number, number] | null;
-    getViewport(): Viewport;
+    getWebGLContext(): WebGL2RenderingContext | null;
+    getCamera(yAxis?: SeriesYAxis): Camera2D;
+    dataToPlot(x: number, y: number, yAxis?: SeriesYAxis): [number, number];
+    clientToData(clientX: number, clientY: number, yAxis?: SeriesYAxis): [number, number] | null;
+    getViewport(yAxis?: SeriesYAxis): Viewport;
     pan(intent: PanIntent): void;
     zoom(intent: ZoomIntent): void;
     addSeries(config: SeriesConfig, style?: Partial<SeriesStyle>): SeriesStore;
@@ -133,6 +144,7 @@ export declare class Chart {
     addScatter(config: TypedSeriesConfig, style?: Partial<SeriesStyle>): SeriesStore;
     addBar(config: TypedSeriesConfig, style?: Partial<SeriesStyle>): SeriesStore;
     addOhlc(config: TypedSeriesConfig, style?: Partial<SeriesStyle>): SeriesStore;
+    addCandlestick(config: TypedSeriesConfig, style?: Partial<SeriesStyle>): SeriesStore;
     removeSeries(series: SeriesStore): boolean;
     setSeriesVisible(series: SeriesStore, visible: boolean): boolean;
     getSeriesState(): ChartSeriesState[];
@@ -142,12 +154,17 @@ export declare class Chart {
         yMin?: number;
         yMax?: number;
     }): void;
+    setYViewport(yAxis: SeriesYAxis, v: {
+        yMin?: number;
+        yMax?: number;
+    }): void;
     resize(dpr?: number): boolean;
     getFrameStats(target?: ChartFrameStats): ChartFrameStats;
     getHoverState(): ChartHoverState | null;
     subscribe(event: "hover", callback: (state: ChartHoverState | null) => void): () => void;
     subscribe(event: "serieschange", callback: () => void): () => void;
     subscribe(event: "themechange", callback: () => void): () => void;
+    subscribe(event: "render", callback: (chart: Chart) => void): () => void;
     setTheme(theme?: ChartTheme): void;
     setGridVisible(visible: boolean): void;
     getGridVisible(): boolean;
@@ -160,10 +177,13 @@ export declare class Chart {
     dispose(): void;
     private applyTheme;
     private applyCanvasSize;
+    private cameraForSeries;
+    private syncRightCameraX;
     private drawSeries;
     private drawLineSeries;
     private drawAreaSeries;
     private drawOhlcSeries;
+    private drawCandlestickSeries;
     private drawScatterSeries;
     private drawBarSeries;
     private uploadRawLineData;
@@ -175,16 +195,20 @@ export declare class Chart {
     private writeBarTriangles;
     private writeBarBucketTriangles;
     private barBucketBounds;
+    private writeCandlestickWicks;
+    private drawCandlestickBodies;
     private writeBarTriangle;
     private drawBarTriangles;
     private recordDraw;
-    private findNearestXAnchor;
-    private findNearestPointAnchor;
+    private findNearestXCandidate;
+    private findNearestPointCandidate;
     private collectPickItems;
+    private createPickItem;
     private refreshHover;
     private emitHover;
     private emitSeriesChange;
     private emitThemeChange;
+    private emitRender;
     private drawDomTextForScreenshot;
     private maxMinMaxSegments;
     private maxBarTriangleBars;