blazeplot 0.2.1 → 0.3.0

package/dist/interaction/AxisController.d.ts

@@ -1,11 +1,53 @@
 import { Camera2D } from './Camera2D.js';
+export type AxisRenderTarget = "x" | "y";
+export type BuiltInAxisScale = "linear" | "time" | "log" | "symlog" | "categorical";
+export interface CustomAxisScale {
+    readonly type: "custom";
+    ticks?(min: number, max: number, maxTicks: number): readonly number[];
+    formatTick?(value: number, axis: AxisRenderTarget): string;
+    toScreen?(value: number): number;
+    fromScreen?(value: number): number;
+}
+export type AxisScale = BuiltInAxisScale | CustomAxisScale;
+export type AxisTimeZone = "local" | "utc";
+export type AxisTickFormatter = (value: number, axis: AxisRenderTarget) => string;
+export type AxisTickFormat = string | AxisTickFormatter;
+export interface AxisControllerAxisOptions {
+    readonly scale?: AxisScale;
+    readonly tickFormat?: AxisTickFormat;
+    readonly timezone?: AxisTimeZone;
+    readonly logBase?: number;
+    readonly symlogConstant?: number;
+    readonly categories?: readonly string[];
+}
+export interface AxisControllerOptions {
+    readonly x?: AxisControllerAxisOptions;
+    readonly y?: AxisControllerAxisOptions;
+}
 export declare class AxisController {
     private readonly camera;
-    constructor(camera: Camera2D);
+    private options;
+    private lastXTimeInterval;
+    private lastYTimeInterval;
+    constructor(camera: Camera2D, options?: AxisControllerOptions);
+    setOptions(options: AxisControllerOptions): void;
     getXTickValues(canvasWidth: number, maxTicks?: number, target?: number[]): number[];
     getYTickValues(canvasHeight: number, maxTicks?: number, target?: number[]): number[];
-    formatValue(value: number): string;
-    private getTickValues;
+    formatValue(value: number, axis?: AxisRenderTarget): string;
+    private lastTimeInterval;
+    private getScaledTickValues;
+    private getLogTickValues;
+    private getSymlogTickValues;
+    private getCategoricalTickValues;
+    private formatLinearValue;
+    private getLinearTickValues;
+    private getTimeTickValues;
+    private chooseTimeInterval;
+    private floorTime;
+    private advanceTime;
+    private makeTime;
+    private formatTimeValue;
+    private formatTimePattern;
     private niceStep;
     private normalizeTick;
 }

package/dist/interaction/AxisController.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AxisController.d.ts","sourceRoot":"","sources":["../../src/interaction/AxisController.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAE9C,qBAAa,cAAc;IACb,OAAO,CAAC,QAAQ,CAAC,MAAM;gBAAN,MAAM,EAAE,QAAQ;IAE7C,cAAc,CAAC,WAAW,EAAE,MAAM,EAAE,QAAQ,GAAE,MAAW,EAAE,MAAM,GAAE,MAAM,EAAO,GAAG,MAAM,EAAE;IAI3F,cAAc,CAAC,YAAY,EAAE,MAAM,EAAE,QAAQ,GAAE,MAAW,EAAE,MAAM,GAAE,MAAM,EAAO,GAAG,MAAM,EAAE;IAI5F,WAAW,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM;IASlC,OAAO,CAAC,aAAa;IAmBrB,OAAO,CAAC,QAAQ;IAUhB,OAAO,CAAC,aAAa;CAKtB"}
+{"version":3,"file":"AxisController.d.ts","sourceRoot":"","sources":["../../src/interaction/AxisController.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAE9C,MAAM,MAAM,gBAAgB,GAAG,GAAG,GAAG,GAAG,CAAC;AACzC,MAAM,MAAM,gBAAgB,GAAG,QAAQ,GAAG,MAAM,GAAG,KAAK,GAAG,QAAQ,GAAG,aAAa,CAAC;AAEpF,MAAM,WAAW,eAAe;IAC9B,QAAQ,CAAC,IAAI,EAAE,QAAQ,CAAC;IACxB,KAAK,CAAC,CAAC,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,SAAS,MAAM,EAAE,CAAC;IACtE,UAAU,CAAC,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,gBAAgB,GAAG,MAAM,CAAC;IAC3D,QAAQ,CAAC,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACjC,UAAU,CAAC,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;CACpC;AAED,MAAM,MAAM,SAAS,GAAG,gBAAgB,GAAG,eAAe,CAAC;AAC3D,MAAM,MAAM,YAAY,GAAG,OAAO,GAAG,KAAK,CAAC;AAC3C,MAAM,MAAM,iBAAiB,GAAG,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,gBAAgB,KAAK,MAAM,CAAC;AAClF,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,iBAAiB,CAAC;AAExD,MAAM,WAAW,yBAAyB;IACxC,QAAQ,CAAC,KAAK,CAAC,EAAE,SAAS,CAAC;IAC3B,QAAQ,CAAC,UAAU,CAAC,EAAE,cAAc,CAAC;IACrC,QAAQ,CAAC,QAAQ,CAAC,EAAE,YAAY,CAAC;IACjC,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,CAAC;IAC1B,QAAQ,CAAC,cAAc,CAAC,EAAE,MAAM,CAAC;IACjC,QAAQ,CAAC,UAAU,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;CACzC;AAED,MAAM,WAAW,qBAAqB;IACpC,QAAQ,CAAC,CAAC,CAAC,EAAE,yBAAyB,CAAC;IACvC,QAAQ,CAAC,CAAC,CAAC,EAAE,yBAAyB,CAAC;CACxC;AAsDD,qBAAa,cAAc;IAKb,OAAO,CAAC,QAAQ,CAAC,MAAM;IAJnC,OAAO,CAAC,OAAO,CAAwB;IACvC,OAAO,CAAC,iBAAiB,CAA6B;IACtD,OAAO,CAAC,iBAAiB,CAA6B;gBAEzB,MAAM,EAAE,QAAQ,EAAE,OAAO,GAAE,qBAA0B;IAIlF,UAAU,CAAC,OAAO,EAAE,qBAAqB,GAAG,IAAI;IAMhD,cAAc,CAAC,WAAW,EAAE,MAAM,EAAE,QAAQ,GAAE,MAAW,EAAE,MAAM,GAAE,MAAM,EAAO,GAAG,MAAM,EAAE;IAW3F,cAAc,CAAC,YAAY,EAAE,MAAM,EAAE,QAAQ,GAAE,MAAW,EAAE,MAAM,GAAE,MAAM,EAAO,GAAG,MAAM,EAAE;IAW5F,WAAW,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,GAAE,gBAAsB,GAAG,MAAM;IAsBhE,OAAO,CAAC,gBAAgB,CAA6B;IAErD,OAAO,CAAC,mBAAmB;IAwB3B,OAAO,CAAC,gBAAgB;IAexB,OAAO,CAAC,mBAAmB;IAS3B,OAAO,CAAC,wBAAwB;IAUhC,OAAO,CAAC,iBAAiB;IASzB,OAAO,CAAC,mBAAmB;IAmB3B,OAAO,CAAC,iBAAiB;IAoCzB,OAAO,CAAC,kBAAkB;IAW1B,OAAO,CAAC,SAAS;IA6BjB,OAAO,CAAC,WAAW;IA2BnB,OAAO,CAAC,QAAQ;IAMhB,OAAO,CAAC,eAAe;IAWvB,OAAO,CAAC,iBAAiB;IA+BzB,OAAO,CAAC,QAAQ;IAUhB,OAAO,CAAC,aAAa;CAKtB"}

package/dist/interaction/index.d.ts

@@ -1,4 +1,5 @@
 export { Camera2D } from './Camera2D.js';
 export { AxisController } from './AxisController.js';
+export type { AxisControllerAxisOptions, AxisControllerOptions, AxisRenderTarget, AxisScale, AxisTickFormat, AxisTickFormatter, AxisTimeZone, BuiltInAxisScale, CustomAxisScale } from './AxisController.js';
 export type { PanIntent, ZoomAxis, ZoomIntent, ViewportPolicy } from './types.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/interaction/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/interaction/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AACrD,YAAY,EAAE,SAAS,EAAE,QAAQ,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/interaction/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AACrD,YAAY,EAAE,yBAAyB,EAAE,qBAAqB,EAAE,gBAAgB,EAAE,SAAS,EAAE,cAAc,EAAE,iBAAiB,EAAE,YAAY,EAAE,gBAAgB,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAC7M,YAAY,EAAE,SAAS,EAAE,QAAQ,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC"}

package/dist/linked.d.ts

@@ -0,0 +1,3 @@
+export { createLinkedCharts, linkedChartsPlugin } from './ui/LinkedCharts.js';
+export type { LinkedChartPanelOptions, LinkedChartsHandle, LinkedChartsOptions } from './ui/LinkedCharts.js';
+//# sourceMappingURL=linked.d.ts.map

package/dist/linked.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"linked.d.ts","sourceRoot":"","sources":["../src/linked.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC9E,YAAY,EAAE,uBAAuB,EAAE,kBAAkB,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC"}

package/dist/linked.js

@@ -0,0 +1,64 @@
+import { t as e } from "./Chart-BW9JaHs6.js";
+//#region src/ui/LinkedCharts.ts
+function t(e, t) {
+	return typeof e == "number" ? `${e}px` : e ?? t;
+}
+function n(n, r) {
+	let i = Math.max(1, Math.floor(r.rows ?? r.panels.length)), a = Math.max(1, Math.floor(r.columns ?? Math.ceil(r.panels.length / i))), o = document.createElement("div"), s = [], c = [], l = !1, u = !1;
+	o.className = r.className ?? "blazeplot-linked-charts", o.style.display = "grid", o.style.width = "100%", o.style.height = "100%", o.style.minWidth = "0", o.style.minHeight = "0", o.style.gridTemplateRows = `repeat(${i}, minmax(0, 1fr))`, o.style.gridTemplateColumns = `repeat(${a}, minmax(0, 1fr))`, o.style.gap = t(r.spacing, "8px"), n.appendChild(o);
+	for (let t of r.panels) {
+		let n = document.createElement("div");
+		n.className = t.className ?? "blazeplot-linked-panel", n.style.position = "relative", n.style.minWidth = "0", n.style.minHeight = "0", o.appendChild(n), s.push(new e(n, t.options));
+	}
+	let d = (e, t) => {
+		l = !0;
+		try {
+			for (let n of s) n.setViewport({
+				xMin: e,
+				xMax: t
+			});
+		} finally {
+			l = !1;
+		}
+	};
+	if (r.sharedX !== !1) for (let e of s) c.push(e.subscribe("viewportchange", (t) => {
+		if (!l) {
+			l = !0;
+			try {
+				for (let n of s) n !== e && n.setViewport({
+					xMin: t.viewport.xMin,
+					xMax: t.viewport.xMax
+				});
+			} finally {
+				l = !1;
+			}
+		}
+	}));
+	if (r.syncSelections) for (let e of s) c.push(e.subscribe("select", (t) => {
+		if (!u) {
+			u = !0;
+			try {
+				for (let n of s) n !== e && n.emitSelect(t.selection);
+			} finally {
+				u = !1;
+			}
+		}
+	}));
+	return {
+		root: o,
+		charts: s,
+		setXRange: d,
+		dispose() {
+			for (let e of c.splice(0)) e();
+			for (let e of s.splice(0)) e.dispose();
+			o.remove();
+		}
+	};
+}
+function r() {
+	return { install() {} };
+}
+//#endregion
+export { n as createLinkedCharts, r as linkedChartsPlugin };
+
+//# sourceMappingURL=linked.js.map

package/dist/linked.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"linked.js","names":[],"sources":["../src/ui/LinkedCharts.ts"],"sourcesContent":["import { Chart } from \"./Chart.js\";\nimport type { ChartOptions, ChartPlugin, ChartSelectEvent, ChartViewportChangeEvent } from \"./Chart.js\";\n\nexport interface LinkedChartPanelOptions {\n  readonly options?: ChartOptions;\n  readonly className?: string;\n}\n\nexport interface LinkedChartsOptions {\n  readonly rows?: number;\n  readonly columns?: number;\n  readonly panels: readonly LinkedChartPanelOptions[];\n  readonly sharedX?: boolean;\n  readonly syncSelections?: boolean;\n  readonly spacing?: number | string;\n  readonly className?: string;\n}\n\nexport interface LinkedChartsHandle {\n  readonly root: HTMLDivElement;\n  readonly charts: readonly Chart[];\n  setXRange(xMin: number, xMax: number): void;\n  dispose(): void;\n}\n\nfunction cssSize(value: number | string | undefined, fallback: string): string {\n  return typeof value === \"number\" ? `${value}px` : value ?? fallback;\n}\n\nexport function createLinkedCharts(target: HTMLElement, options: LinkedChartsOptions): LinkedChartsHandle {\n  const rows = Math.max(1, Math.floor(options.rows ?? options.panels.length));\n  const columns = Math.max(1, Math.floor(options.columns ?? Math.ceil(options.panels.length / rows)));\n  const root = document.createElement(\"div\");\n  const charts: Chart[] = [];\n  const disposers: Array<() => void> = [];\n  let syncingViewport = false;\n  let syncingSelection = false;\n\n  root.className = options.className ?? \"blazeplot-linked-charts\";\n  root.style.display = \"grid\";\n  root.style.width = \"100%\";\n  root.style.height = \"100%\";\n  root.style.minWidth = \"0\";\n  root.style.minHeight = \"0\";\n  root.style.gridTemplateRows = `repeat(${rows}, minmax(0, 1fr))`;\n  root.style.gridTemplateColumns = `repeat(${columns}, minmax(0, 1fr))`;\n  root.style.gap = cssSize(options.spacing, \"8px\");\n  target.appendChild(root);\n\n  for (const panel of options.panels) {\n    const cell = document.createElement(\"div\");\n    cell.className = panel.className ?? \"blazeplot-linked-panel\";\n    cell.style.position = \"relative\";\n    cell.style.minWidth = \"0\";\n    cell.style.minHeight = \"0\";\n    root.appendChild(cell);\n    charts.push(new Chart(cell, panel.options));\n  }\n\n  const setXRange = (xMin: number, xMax: number): void => {\n    syncingViewport = true;\n    try {\n      for (const chart of charts) chart.setViewport({ xMin, xMax });\n    } finally {\n      syncingViewport = false;\n    }\n  };\n\n  if (options.sharedX !== false) {\n    for (const chart of charts) {\n      disposers.push(chart.subscribe(\"viewportchange\", (event: ChartViewportChangeEvent) => {\n        if (syncingViewport) return;\n        syncingViewport = true;\n        try {\n          for (const other of charts) {\n            if (other !== chart) other.setViewport({ xMin: event.viewport.xMin, xMax: event.viewport.xMax });\n          }\n        } finally {\n          syncingViewport = false;\n        }\n      }));\n    }\n  }\n\n  if (options.syncSelections) {\n    for (const chart of charts) {\n      disposers.push(chart.subscribe(\"select\", (event: ChartSelectEvent) => {\n        if (syncingSelection) return;\n        syncingSelection = true;\n        try {\n          for (const other of charts) {\n            if (other !== chart) other.emitSelect(event.selection);\n          }\n        } finally {\n          syncingSelection = false;\n        }\n      }));\n    }\n  }\n\n  return {\n    root,\n    charts,\n    setXRange,\n    dispose(): void {\n      for (const dispose of disposers.splice(0)) dispose();\n      for (const chart of charts.splice(0)) chart.dispose();\n      root.remove();\n    },\n  };\n}\n\nexport function linkedChartsPlugin(): ChartPlugin {\n  return {\n    install() {\n      // Marker plugin for codebases that share plugin arrays between single charts and linked layouts.\n    },\n  };\n}\n"],"mappings":";;AAyBA,SAAS,EAAQ,GAAoC,GAA0B;CAC7E,OAAO,OAAO,KAAU,WAAW,GAAG,EAAM,MAAM,KAAS;AAC7D;AAEA,SAAgB,EAAmB,GAAqB,GAAkD;CACxG,IAAM,IAAO,KAAK,IAAI,GAAG,KAAK,MAAM,EAAQ,QAAQ,EAAQ,OAAO,MAAM,CAAC,GACpE,IAAU,KAAK,IAAI,GAAG,KAAK,MAAM,EAAQ,WAAW,KAAK,KAAK,EAAQ,OAAO,SAAS,CAAI,CAAC,CAAC,GAC5F,IAAO,SAAS,cAAc,KAAK,GACnC,IAAkB,CAAC,GACnB,IAA+B,CAAC,GAClC,IAAkB,IAClB,IAAmB;CAWvB,AATA,EAAK,YAAY,EAAQ,aAAa,2BACtC,EAAK,MAAM,UAAU,QACrB,EAAK,MAAM,QAAQ,QACnB,EAAK,MAAM,SAAS,QACpB,EAAK,MAAM,WAAW,KACtB,EAAK,MAAM,YAAY,KACvB,EAAK,MAAM,mBAAmB,UAAU,EAAK,oBAC7C,EAAK,MAAM,sBAAsB,UAAU,EAAQ,oBACnD,EAAK,MAAM,MAAM,EAAQ,EAAQ,SAAS,KAAK,GAC/C,EAAO,YAAY,CAAI;CAEvB,KAAK,IAAM,KAAS,EAAQ,QAAQ;EAClC,IAAM,IAAO,SAAS,cAAc,KAAK;EAMzC,AALA,EAAK,YAAY,EAAM,aAAa,0BACpC,EAAK,MAAM,WAAW,YACtB,EAAK,MAAM,WAAW,KACtB,EAAK,MAAM,YAAY,KACvB,EAAK,YAAY,CAAI,GACrB,EAAO,KAAK,IAAI,EAAM,GAAM,EAAM,OAAO,CAAC;CAC5C;CAEA,IAAM,KAAa,GAAc,MAAuB;EACtD,IAAkB;EAClB,IAAI;GACF,KAAK,IAAM,KAAS,GAAQ,EAAM,YAAY;IAAE;IAAM;GAAK,CAAC;EAC9D,UAAU;GACR,IAAkB;EACpB;CACF;CAEA,IAAI,EAAQ,YAAY,IACtB,KAAK,IAAM,KAAS,GAClB,EAAU,KAAK,EAAM,UAAU,mBAAmB,MAAoC;EAChF,QACJ;OAAkB;GAClB,IAAI;IACF,KAAK,IAAM,KAAS,GAClB,AAAI,MAAU,KAAO,EAAM,YAAY;KAAE,MAAM,EAAM,SAAS;KAAM,MAAM,EAAM,SAAS;IAAK,CAAC;GAEnG,UAAU;IACR,IAAkB;GACpB;EAPkB;CAQpB,CAAC,CAAC;CAIN,IAAI,EAAQ,gBACV,KAAK,IAAM,KAAS,GAClB,EAAU,KAAK,EAAM,UAAU,WAAW,MAA4B;EAChE,QACJ;OAAmB;GACnB,IAAI;IACF,KAAK,IAAM,KAAS,GAClB,AAAI,MAAU,KAAO,EAAM,WAAW,EAAM,SAAS;GAEzD,UAAU;IACR,IAAmB;GACrB;EAPmB;CAQrB,CAAC,CAAC;CAIN,OAAO;EACL;EACA;EACA;EACA,UAAgB;GACd,KAAK,IAAM,KAAW,EAAU,OAAO,CAAC,GAAG,EAAQ;GACnD,KAAK,IAAM,KAAS,EAAO,OAAO,CAAC,GAAG,EAAM,QAAQ;GACpD,EAAK,OAAO;EACd;CACF;AACF;AAEA,SAAgB,IAAkC;CAChD,OAAO,EACL,UAAU,CAEV,EACF;AACF"}

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/crosshair.d.ts

@@ -0,0 +1,3 @@
+export { crosshairPlugin } from '../ui/Crosshair.js';
+export type { CrosshairAxis, CrosshairEventType, CrosshairMode, CrosshairPlugin, CrosshairPluginOptions, CrosshairPosition, CrosshairSnapMode, RulerMeasurement } from '../ui/Crosshair.js';
+//# sourceMappingURL=crosshair.d.ts.map

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

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

package/dist/plugins/crosshair.js

@@ -0,0 +1,192 @@
+import { a as e, i as t, n, t as r } from "../OverlayUtils-Cw1o8UH-.js";
+//#region src/ui/Crosshair.ts
+var i = /* @__PURE__ */ new Map();
+function a(e, t, n) {
+	let r = {
+		xMin: t,
+		xMax: n,
+		yMin: -Infinity,
+		yMax: Infinity
+	}, i = 0;
+	for (let t of e.getSeriesState()) {
+		if (!t.visible) continue;
+		let e = t.series.visibleIndexRange(r);
+		i += Math.max(0, e.end - e.start);
+	}
+	return i;
+}
+function o(e, t) {
+	return !t || t === "none" ? !0 : t === "ctrl" ? e.ctrlKey : t === "shift" ? e.shiftKey : t === "alt" ? e.altKey : e.metaKey;
+}
+function s(e, t, n, r) {
+	let i = e.pick(t, n, {
+		mode: r,
+		group: "none"
+	})?.items[0];
+	return i ? {
+		dataX: i.x,
+		dataY: i.y,
+		plotX: i.plotX,
+		plotY: i.plotY,
+		items: [i]
+	} : null;
+}
+function c(e, t, n, r, i) {
+	let a = e.canvas.getBoundingClientRect();
+	if (a.width <= 0 || a.height <= 0) return null;
+	let o = i === "nearest-point" ? "nearest-point" : "nearest-x";
+	if (i !== "none") {
+		let r = s(e, t, n, o);
+		if (r) return r;
+	}
+	let c = e.clientToData(t, n, r);
+	if (!c) return null;
+	let [l, u] = e.dataToPlot(c[0], c[1], r);
+	return {
+		dataX: c[0],
+		dataY: c[1],
+		plotX: l,
+		plotY: u,
+		items: []
+	};
+}
+function l(e, t, n) {
+	let r = e.canvas.getBoundingClientRect();
+	if (r.width <= 0 || r.height <= 0) return null;
+	let i = e.getViewport(n), a = i.yMin + (i.yMax - i.yMin) * .5, [o, c] = e.dataToPlot(t, a, n);
+	return s(e, r.left + o, r.top + c, "nearest-x") || {
+		dataX: t,
+		dataY: a,
+		plotX: o,
+		plotY: c,
+		items: []
+	};
+}
+function u(e, n, r, i, a) {
+	if (e.items.length === 0) {
+		n.textContent = `x ${r(e.dataX)}  y ${i(e.dataY)}`;
+		return;
+	}
+	t(n, e.items, e, a, (e) => `(${r(e.x)}, ${i(e.y)})`);
+}
+function d(t = {}) {
+	let s = t.axis ?? "xy", d = t.yAxis ?? "left", f = t.snap ?? "none", p = t.mode ?? "crosshair", m = t.rulerModifier ?? "none", h = null, g = null, _ = null, v = null, y = null, b = null, x = null, S = null, C = null, w = t.formatX ?? r, T = t.formatY ?? r, E = null, D = null, O = /* @__PURE__ */ new Set(), k = /* @__PURE__ */ new Set(), A = /* @__PURE__ */ new Set(), j = /* @__PURE__ */ new Set(), M = (e) => {
+		g && (g.style.display = e ? "block" : "none");
+	}, N = (e) => {
+		E = e, t.onMove?.(e);
+		for (let t of O) t(e);
+	}, P = (e) => {
+		t.onMeasureStart?.(e);
+		for (let t of k) t(e);
+	}, F = (e) => {
+		D = e, t.onMeasureChange?.(e);
+		for (let t of A) t(e);
+	}, I = (e) => {
+		D = e, t.onMeasureEnd?.(e), t.onMeasure?.(e);
+		for (let t of j) t(e);
+	}, L = (e) => {
+		let t = h;
+		!t || !b || n(b, e.plotX, e.plotY, t.canvas.clientWidth, t.canvas.clientHeight, {
+			offsetX: 12,
+			offsetY: 12
+		});
+	}, R = (n) => {
+		if (!y || (y.replaceChildren(), t.highlight === !1 || !n)) return;
+		let r = Math.max(2, t.markerSize ?? 10), i = Math.max(0, t.markerStrokeWidth ?? 2);
+		for (let a of n.items) {
+			let n = document.createElement("div");
+			n.style.position = "absolute", n.style.left = `${a.plotX}px`, n.style.top = `${a.plotY}px`, n.style.width = `${r}px`, n.style.height = `${r}px`, n.style.border = `${i}px solid ${t.markerStrokeColor ?? "#f8fafc"}`, n.style.borderRadius = "999px", n.style.background = e(a.series.style.color), n.style.boxShadow = "0 0 0 1px rgba(4, 8, 16, 0.85)", n.style.transform = "translate(-50%, -50%)", y.appendChild(n);
+		}
+	}, z = (e) => {
+		if (R(e), !e || !g || !_ || !v || !b) {
+			M(!1);
+			return;
+		}
+		M(!0), _.style.display = s === "y" ? "none" : "block", v.style.display = s === "x" ? "none" : "block", _.style.left = `${e.plotX}px`, v.style.top = `${e.plotY}px`, t.label === !1 ? b.style.display = "none" : (b.style.display = "block", t.render ? t.render(e, b, h) : u(e, b, w, T, t.formatter), L(e));
+	}, B = (e, t, n) => {
+		let r = t.dataX - e.dataX, i = t.dataY - e.dataY;
+		return {
+			start: e,
+			end: t,
+			deltaX: r,
+			deltaY: i,
+			slope: r === 0 ? Infinity : i / r,
+			sampleCount: a(n, Math.min(e.dataX, t.dataX), Math.max(e.dataX, t.dataX))
+		};
+	}, V = (e) => {
+		let t = h;
+		!t || !x || !S || !C || !e || (x.style.display = "block", S.setAttribute("x1", String(C.plotX)), S.setAttribute("y1", String(C.plotY)), S.setAttribute("x2", String(e.plotX)), S.setAttribute("y2", String(e.plotY)), F(B(C, e, t)));
+	}, H = (e) => {
+		if (!(!t.group || !W)) for (let n of i.get(t.group) ?? []) n !== W && n.showShared(e.dataX, W);
+	}, U = () => {
+		if (!(!t.group || !W)) for (let e of i.get(t.group) ?? []) e !== W && e.hideShared(W);
+	}, W = {
+		showShared(e, t) {
+			if (t === W || !h) return;
+			let n = l(h, e, d);
+			z(n), N(n);
+		},
+		hideShared(e) {
+			e !== W && (z(null), N(null));
+		}
+	};
+	return {
+		install(e) {
+			h = e;
+			let n = t.color ?? "rgba(148, 163, 184, 0.55)", r = `${t.width ?? 1}px`, a = t.dash;
+			if (g = document.createElement("div"), g.className = "blazeplot-crosshair", g.style.position = "absolute", g.style.inset = "0", g.style.display = "none", g.style.pointerEvents = "none", g.style.zIndex = String(t.zIndex ?? 1e4), _ = document.createElement("div"), _.style.position = "absolute", _.style.top = "0", _.style.bottom = "0", _.style.zIndex = "1", _.style.borderLeft = `${r} solid ${n}`, a && (_.style.borderLeftStyle = "dashed"), v = document.createElement("div"), v.style.position = "absolute", v.style.left = "0", v.style.right = "0", v.style.zIndex = "1", v.style.borderTop = `${r} solid ${n}`, a && (v.style.borderTopStyle = "dashed"), y = document.createElement("div"), y.className = "blazeplot-crosshair-markers", y.style.position = "absolute", y.style.inset = "0", y.style.zIndex = "2", y.style.pointerEvents = "none", b = document.createElement("div"), b.style.position = "absolute", b.style.zIndex = "3", b.style.padding = "4px 6px", b.style.borderRadius = "3px", b.style.background = t.labelBackground ?? e.theme.tooltipBackgroundColor, b.style.color = t.labelColor ?? e.theme.tooltipTextColor, b.style.font = t.labelFont ?? e.theme.tooltipFont, b.style.whiteSpace = "nowrap", x = document.createElementNS("http://www.w3.org/2000/svg", "svg"), x.style.position = "absolute", x.style.inset = "0", x.style.width = "100%", x.style.height = "100%", x.style.display = "none", x.style.overflow = "hidden", x.style.zIndex = "1", S = document.createElementNS("http://www.w3.org/2000/svg", "line"), S.setAttribute("stroke", n), S.setAttribute("stroke-width", String(t.width ?? 1)), a && S.setAttribute("stroke-dasharray", a), x.appendChild(S), g.appendChild(_), g.appendChild(v), g.appendChild(x), g.appendChild(y), g.appendChild(b), e.plotElement.appendChild(g), t.group) {
+				let e = i.get(t.group) ?? /* @__PURE__ */ new Set();
+				e.add(W), i.set(t.group, e);
+			}
+			let s = (t) => {
+				let n = c(e, t.clientX, t.clientY, d, f);
+				z(n), N(n), n && H(n), p === "ruler" && V(n);
+			}, l = () => {
+				C || z(null), N(null), U();
+			}, u = (t) => {
+				p !== "ruler" || t.button !== 0 || !o(t, m) || (C = c(e, t.clientX, t.clientY, d, f), C && (P(C), t.preventDefault(), t.stopImmediatePropagation()));
+			}, w = (t) => {
+				if (p !== "ruler" || !C) return;
+				t.stopImmediatePropagation();
+				let n = c(e, t.clientX, t.clientY, d, f);
+				n && (I(B(C, n, e)), C = null);
+			};
+			return e.canvas.addEventListener("pointermove", s), e.canvas.addEventListener("pointerleave", l), e.canvas.addEventListener("pointerdown", u, { capture: !0 }), e.canvas.addEventListener("pointerup", w, { capture: !0 }), () => {
+				if (e.canvas.removeEventListener("pointermove", s), e.canvas.removeEventListener("pointerleave", l), e.canvas.removeEventListener("pointerdown", u, { capture: !0 }), e.canvas.removeEventListener("pointerup", w, { capture: !0 }), t.group) {
+					let e = i.get(t.group);
+					e?.delete(W), e?.size === 0 && i.delete(t.group);
+				}
+				g?.remove(), g = null, _ = null, v = null, y = null, b = null, x = null, S = null, C = null, h = null;
+			};
+		},
+		getPosition() {
+			return E;
+		},
+		getMeasurement() {
+			return D;
+		},
+		clearMeasurement() {
+			D = null, C = null, x && (x.style.display = "none");
+		},
+		subscribe(e, t) {
+			if (e === "move") {
+				let e = t;
+				return O.add(e), () => O.delete(e);
+			}
+			if (e === "measurestart") {
+				let e = t;
+				return k.add(e), () => k.delete(e);
+			}
+			if (e === "measurechange") {
+				let e = t;
+				return A.add(e), () => A.delete(e);
+			}
+			let n = t;
+			return j.add(n), () => j.delete(n);
+		}
+	};
+}
+//#endregion
+export { d as crosshairPlugin };
+
+//# sourceMappingURL=crosshair.js.map