blazeplot 0.2.2 → 0.3.1

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/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

package/dist/plugins/crosshair.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"crosshair.js","names":[],"sources":["../../src/ui/Crosshair.ts"],"sourcesContent":["import type { SeriesYAxis } from \"../core/types.js\";\nimport type { Chart, ChartPickItem, ChartPickMode, ChartPlugin } from \"./Chart.js\";\nimport { formatCompactNumber, placeAbsoluteWithinBox, renderPickItems, rgba } from \"./OverlayUtils.js\";\n\nexport type CrosshairAxis = \"x\" | \"y\" | \"xy\";\nexport type CrosshairSnapMode = \"none\" | \"nearest-x\" | \"nearest-point\";\nexport type CrosshairMode = \"crosshair\" | \"ruler\";\n\nexport interface CrosshairPosition {\n  readonly dataX: number;\n  readonly dataY: number;\n  readonly plotX: number;\n  readonly plotY: number;\n  readonly items: readonly ChartPickItem[];\n}\n\nexport interface RulerMeasurement {\n  readonly start: CrosshairPosition;\n  readonly end: CrosshairPosition;\n  readonly deltaX: number;\n  readonly deltaY: number;\n  readonly slope: number;\n  readonly sampleCount: number;\n}\n\nexport type CrosshairEventType = \"move\" | \"measurestart\" | \"measurechange\" | \"measureend\";\n\nexport interface CrosshairPluginOptions {\n  readonly mode?: CrosshairMode;\n  readonly axis?: CrosshairAxis;\n  readonly yAxis?: SeriesYAxis;\n  readonly snap?: CrosshairSnapMode;\n  readonly group?: string;\n  readonly color?: string;\n  readonly width?: number;\n  readonly dash?: string;\n  readonly label?: boolean;\n  readonly labelBackground?: string;\n  readonly labelColor?: string;\n  readonly labelFont?: string;\n  readonly zIndex?: number;\n  readonly highlight?: boolean;\n  readonly markerSize?: number;\n  readonly markerStrokeColor?: string;\n  readonly markerStrokeWidth?: number;\n  readonly rulerModifier?: \"none\" | \"ctrl\" | \"shift\" | \"alt\" | \"meta\";\n  readonly formatX?: (value: number) => string;\n  readonly formatY?: (value: number) => string;\n  readonly formatter?: (item: ChartPickItem, position: CrosshairPosition) => string;\n  readonly render?: (position: CrosshairPosition, container: HTMLElement, chart: Chart) => void;\n  readonly onMove?: (position: CrosshairPosition | null) => void;\n  readonly onMeasureStart?: (position: CrosshairPosition) => void;\n  readonly onMeasureChange?: (measurement: RulerMeasurement) => void;\n  readonly onMeasureEnd?: (measurement: RulerMeasurement) => void;\n  readonly onMeasure?: (measurement: RulerMeasurement) => void;\n}\n\ninterface Peer {\n  showShared(dataX: number, source: Peer): void;\n  hideShared(source: Peer): void;\n}\n\nconst groups = new Map<string, Set<Peer>>();\n\nexport interface CrosshairPlugin extends ChartPlugin {\n  getPosition(): CrosshairPosition | null;\n  getMeasurement(): RulerMeasurement | null;\n  clearMeasurement(): void;\n  subscribe(event: \"move\", callback: (position: CrosshairPosition | null) => void): () => void;\n  subscribe(event: \"measurestart\", callback: (position: CrosshairPosition) => void): () => void;\n  subscribe(event: \"measurechange\" | \"measureend\", callback: (measurement: RulerMeasurement) => void): () => void;\n}\n\nfunction countSamplesInRange(chart: Chart, xMin: number, xMax: number): number {\n  const viewport = { xMin, xMax, yMin: -Infinity, yMax: Infinity };\n  let total = 0;\n  for (const state of chart.getSeriesState()) {\n    if (!state.visible) continue;\n    const range = state.series.visibleIndexRange(viewport);\n    total += Math.max(0, range.end - range.start);\n  }\n  return total;\n}\n\nfunction hasModifier(event: PointerEvent, modifier: CrosshairPluginOptions[\"rulerModifier\"]): boolean {\n  if (!modifier || modifier === \"none\") return true;\n  if (modifier === \"ctrl\") return event.ctrlKey;\n  if (modifier === \"shift\") return event.shiftKey;\n  if (modifier === \"alt\") return event.altKey;\n  return event.metaKey;\n}\n\nfunction positionFromPick(chart: Chart, clientX: number, clientY: number, mode: ChartPickMode): CrosshairPosition | null {\n  const picked = chart.pick(clientX, clientY, { mode, group: \"none\" });\n  const item = picked?.items[0];\n  return item ? { dataX: item.x, dataY: item.y, plotX: item.plotX, plotY: item.plotY, items: [item] } : null;\n}\n\nfunction resolvePosition(chart: Chart, clientX: number, clientY: number, yAxis: SeriesYAxis, snap: CrosshairSnapMode): CrosshairPosition | null {\n  const rect = chart.canvas.getBoundingClientRect();\n  if (rect.width <= 0 || rect.height <= 0) return null;\n\n  const pickMode: ChartPickMode = snap === \"nearest-point\" ? \"nearest-point\" : \"nearest-x\";\n  if (snap !== \"none\") {\n    const picked = positionFromPick(chart, clientX, clientY, pickMode);\n    if (picked) return picked;\n  }\n\n  const data = chart.clientToData(clientX, clientY, yAxis);\n  if (!data) return null;\n  const [plotX, plotY] = chart.dataToPlot(data[0], data[1], yAxis);\n  return { dataX: data[0], dataY: data[1], plotX, plotY, items: [] };\n}\n\nfunction resolveSharedPosition(chart: Chart, dataX: number, yAxis: SeriesYAxis): CrosshairPosition | null {\n  const rect = chart.canvas.getBoundingClientRect();\n  if (rect.width <= 0 || rect.height <= 0) return null;\n\n  const viewport = chart.getViewport(yAxis);\n  const dataY = viewport.yMin + (viewport.yMax - viewport.yMin) * 0.5;\n  const [plotX, plotY] = chart.dataToPlot(dataX, dataY, yAxis);\n  const picked = positionFromPick(chart, rect.left + plotX, rect.top + plotY, \"nearest-x\");\n  if (picked) return picked;\n  return { dataX, dataY, plotX, plotY, items: [] };\n}\n\nfunction renderDefaultLabel(\n  position: CrosshairPosition,\n  container: HTMLElement,\n  formatX: (value: number) => string,\n  formatY: (value: number) => string,\n  formatter: CrosshairPluginOptions[\"formatter\"],\n): void {\n  if (position.items.length === 0) {\n    container.textContent = `x ${formatX(position.dataX)}  y ${formatY(position.dataY)}`;\n    return;\n  }\n\n  renderPickItems(\n    container,\n    position.items,\n    position,\n    formatter,\n    (item) => `(${formatX(item.x)}, ${formatY(item.y)})`,\n  );\n}\n\nexport function crosshairPlugin(options: CrosshairPluginOptions = {}): CrosshairPlugin {\n  const axis = options.axis ?? \"xy\";\n  const yAxis = options.yAxis ?? \"left\";\n  const snap = options.snap ?? \"none\";\n  const mode = options.mode ?? \"crosshair\";\n  const rulerModifier = options.rulerModifier ?? \"none\";\n  let chartRef: Chart | null = null;\n  let root: HTMLDivElement | null = null;\n  let vertical: HTMLDivElement | null = null;\n  let horizontal: HTMLDivElement | null = null;\n  let markerLayer: HTMLDivElement | null = null;\n  let label: HTMLDivElement | null = null;\n  let rulerSvg: SVGSVGElement | null = null;\n  let rulerLine: SVGLineElement | null = null;\n  let rulerStart: CrosshairPosition | null = null;\n\n  const formatX = options.formatX ?? formatCompactNumber;\n  const formatY = options.formatY ?? formatCompactNumber;\n  let currentPosition: CrosshairPosition | null = null;\n  let currentMeasurement: RulerMeasurement | null = null;\n  const moveSubscribers = new Set<(position: CrosshairPosition | null) => void>();\n  const measureStartSubscribers = new Set<(position: CrosshairPosition) => void>();\n  const measureChangeSubscribers = new Set<(measurement: RulerMeasurement) => void>();\n  const measureEndSubscribers = new Set<(measurement: RulerMeasurement) => void>();\n\n  const setVisible = (visible: boolean): void => {\n    if (root) root.style.display = visible ? \"block\" : \"none\";\n  };\n\n  const emitMove = (position: CrosshairPosition | null): void => {\n    currentPosition = position;\n    options.onMove?.(position);\n    for (const callback of moveSubscribers) callback(position);\n  };\n\n  const emitMeasureStart = (position: CrosshairPosition): void => {\n    options.onMeasureStart?.(position);\n    for (const callback of measureStartSubscribers) callback(position);\n  };\n\n  const emitMeasureChange = (measurement: RulerMeasurement): void => {\n    currentMeasurement = measurement;\n    options.onMeasureChange?.(measurement);\n    for (const callback of measureChangeSubscribers) callback(measurement);\n  };\n\n  const emitMeasureEnd = (measurement: RulerMeasurement): void => {\n    currentMeasurement = measurement;\n    options.onMeasureEnd?.(measurement);\n    options.onMeasure?.(measurement);\n    for (const callback of measureEndSubscribers) callback(measurement);\n  };\n\n  const placeLabel = (position: CrosshairPosition): void => {\n    const chart = chartRef;\n    if (!chart || !label) return;\n    placeAbsoluteWithinBox(label, position.plotX, position.plotY, chart.canvas.clientWidth, chart.canvas.clientHeight, {\n      offsetX: 12,\n      offsetY: 12,\n    });\n  };\n\n  const renderMarkers = (position: CrosshairPosition | null): void => {\n    if (!markerLayer) return;\n    markerLayer.replaceChildren();\n    if (options.highlight === false || !position) return;\n\n    const size = Math.max(2, options.markerSize ?? 10);\n    const strokeWidth = Math.max(0, options.markerStrokeWidth ?? 2);\n    for (const item of position.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 = `${size}px`;\n      marker.style.height = `${size}px`;\n      marker.style.border = `${strokeWidth}px solid ${options.markerStrokeColor ?? \"#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 renderPosition = (position: CrosshairPosition | null): void => {\n    renderMarkers(position);\n    if (!position || !root || !vertical || !horizontal || !label) {\n      setVisible(false);\n      return;\n    }\n    setVisible(true);\n    vertical.style.display = axis === \"y\" ? \"none\" : \"block\";\n    horizontal.style.display = axis === \"x\" ? \"none\" : \"block\";\n    vertical.style.left = `${position.plotX}px`;\n    horizontal.style.top = `${position.plotY}px`;\n    if (options.label !== false) {\n      label.style.display = \"block\";\n      if (options.render) {\n        options.render(position, label, chartRef!);\n      } else {\n        renderDefaultLabel(position, label, formatX, formatY, options.formatter);\n      }\n      placeLabel(position);\n    } else {\n      label.style.display = \"none\";\n    }\n  };\n\n  const measurementFrom = (start: CrosshairPosition, end: CrosshairPosition, chart: Chart): RulerMeasurement => {\n    const deltaX = end.dataX - start.dataX;\n    const deltaY = end.dataY - start.dataY;\n    return {\n      start,\n      end,\n      deltaX,\n      deltaY,\n      slope: deltaX === 0 ? Infinity : deltaY / deltaX,\n      sampleCount: countSamplesInRange(chart, Math.min(start.dataX, end.dataX), Math.max(start.dataX, end.dataX)),\n    };\n  };\n\n  const renderRuler = (end: CrosshairPosition | null): void => {\n    const chart = chartRef;\n    if (!chart || !rulerSvg || !rulerLine || !rulerStart || !end) return;\n    rulerSvg.style.display = \"block\";\n    rulerLine.setAttribute(\"x1\", String(rulerStart.plotX));\n    rulerLine.setAttribute(\"y1\", String(rulerStart.plotY));\n    rulerLine.setAttribute(\"x2\", String(end.plotX));\n    rulerLine.setAttribute(\"y2\", String(end.plotY));\n    emitMeasureChange(measurementFrom(rulerStart, end, chart));\n  };\n\n  const emitShared = (position: CrosshairPosition): void => {\n    if (!options.group || !peer) return;\n    for (const target of groups.get(options.group) ?? []) {\n      if (target !== peer) target.showShared(position.dataX, peer);\n    }\n  };\n\n  const emitHideShared = (): void => {\n    if (!options.group || !peer) return;\n    for (const target of groups.get(options.group) ?? []) {\n      if (target !== peer) target.hideShared(peer);\n    }\n  };\n\n  const peer: Peer = {\n    showShared(dataX: number, source: Peer): void {\n      if (source === peer || !chartRef) return;\n      const position = resolveSharedPosition(chartRef, dataX, yAxis);\n      renderPosition(position);\n      emitMove(position);\n    },\n    hideShared(source: Peer): void {\n      if (source === peer) return;\n      renderPosition(null);\n      emitMove(null);\n    },\n  };\n\n  return {\n    install(chart: Chart) {\n      chartRef = chart;\n      const color = options.color ?? \"rgba(148, 163, 184, 0.55)\";\n      const width = `${options.width ?? 1}px`;\n      const dash = options.dash;\n\n      root = document.createElement(\"div\");\n      root.className = \"blazeplot-crosshair\";\n      root.style.position = \"absolute\";\n      root.style.inset = \"0\";\n      root.style.display = \"none\";\n      root.style.pointerEvents = \"none\";\n      root.style.zIndex = String(options.zIndex ?? 10_000);\n\n      vertical = document.createElement(\"div\");\n      vertical.style.position = \"absolute\";\n      vertical.style.top = \"0\";\n      vertical.style.bottom = \"0\";\n      vertical.style.zIndex = \"1\";\n      vertical.style.borderLeft = `${width} solid ${color}`;\n      if (dash) vertical.style.borderLeftStyle = \"dashed\";\n\n      horizontal = document.createElement(\"div\");\n      horizontal.style.position = \"absolute\";\n      horizontal.style.left = \"0\";\n      horizontal.style.right = \"0\";\n      horizontal.style.zIndex = \"1\";\n      horizontal.style.borderTop = `${width} solid ${color}`;\n      if (dash) horizontal.style.borderTopStyle = \"dashed\";\n\n      markerLayer = document.createElement(\"div\");\n      markerLayer.className = \"blazeplot-crosshair-markers\";\n      markerLayer.style.position = \"absolute\";\n      markerLayer.style.inset = \"0\";\n      markerLayer.style.zIndex = \"2\";\n      markerLayer.style.pointerEvents = \"none\";\n\n      label = document.createElement(\"div\");\n      label.style.position = \"absolute\";\n      label.style.zIndex = \"3\";\n      label.style.padding = \"4px 6px\";\n      label.style.borderRadius = \"3px\";\n      label.style.background = options.labelBackground ?? chart.theme.tooltipBackgroundColor;\n      label.style.color = options.labelColor ?? chart.theme.tooltipTextColor;\n      label.style.font = options.labelFont ?? chart.theme.tooltipFont;\n      label.style.whiteSpace = \"nowrap\";\n\n      rulerSvg = document.createElementNS(\"http://www.w3.org/2000/svg\", \"svg\");\n      rulerSvg.style.position = \"absolute\";\n      rulerSvg.style.inset = \"0\";\n      rulerSvg.style.width = \"100%\";\n      rulerSvg.style.height = \"100%\";\n      rulerSvg.style.display = \"none\";\n      rulerSvg.style.overflow = \"hidden\";\n      rulerSvg.style.zIndex = \"1\";\n      rulerLine = document.createElementNS(\"http://www.w3.org/2000/svg\", \"line\");\n      rulerLine.setAttribute(\"stroke\", color);\n      rulerLine.setAttribute(\"stroke-width\", String(options.width ?? 1));\n      if (dash) rulerLine.setAttribute(\"stroke-dasharray\", dash);\n      rulerSvg.appendChild(rulerLine);\n\n      root.appendChild(vertical);\n      root.appendChild(horizontal);\n      root.appendChild(rulerSvg);\n      root.appendChild(markerLayer);\n      root.appendChild(label);\n      chart.plotElement.appendChild(root);\n\n      if (options.group) {\n        const set = groups.get(options.group) ?? new Set<Peer>();\n        set.add(peer);\n        groups.set(options.group, set);\n      }\n\n      const onPointerMove = (event: PointerEvent): void => {\n        const position = resolvePosition(chart, event.clientX, event.clientY, yAxis, snap);\n        renderPosition(position);\n        emitMove(position);\n        if (position) emitShared(position);\n        if (mode === \"ruler\") renderRuler(position);\n      };\n\n      const onPointerLeave = (): void => {\n        if (!rulerStart) renderPosition(null);\n        emitMove(null);\n        emitHideShared();\n      };\n\n      const onPointerDown = (event: PointerEvent): void => {\n        if (mode !== \"ruler\" || event.button !== 0 || !hasModifier(event, rulerModifier)) return;\n        rulerStart = resolvePosition(chart, event.clientX, event.clientY, yAxis, snap);\n        if (rulerStart) {\n          emitMeasureStart(rulerStart);\n          event.preventDefault();\n          event.stopImmediatePropagation();\n        }\n      };\n\n      const onPointerUp = (event: PointerEvent): void => {\n        if (mode !== \"ruler\" || !rulerStart) return;\n        event.stopImmediatePropagation();\n        const end = resolvePosition(chart, event.clientX, event.clientY, yAxis, snap);\n        if (!end) return;\n        const measurement = measurementFrom(rulerStart, end, chart);\n        emitMeasureEnd(measurement);\n        rulerStart = null;\n      };\n\n      chart.canvas.addEventListener(\"pointermove\", onPointerMove);\n      chart.canvas.addEventListener(\"pointerleave\", onPointerLeave);\n      chart.canvas.addEventListener(\"pointerdown\", onPointerDown, { capture: true });\n      chart.canvas.addEventListener(\"pointerup\", onPointerUp, { capture: true });\n\n      return () => {\n        chart.canvas.removeEventListener(\"pointermove\", onPointerMove);\n        chart.canvas.removeEventListener(\"pointerleave\", onPointerLeave);\n        chart.canvas.removeEventListener(\"pointerdown\", onPointerDown, { capture: true });\n        chart.canvas.removeEventListener(\"pointerup\", onPointerUp, { capture: true });\n        if (options.group) {\n          const set = groups.get(options.group);\n          set?.delete(peer);\n          if (set?.size === 0) groups.delete(options.group);\n        }\n        root?.remove();\n        root = null;\n        vertical = null;\n        horizontal = null;\n        markerLayer = null;\n        label = null;\n        rulerSvg = null;\n        rulerLine = null;\n        rulerStart = null;\n        chartRef = null;\n      };\n    },\n    getPosition(): CrosshairPosition | null {\n      return currentPosition;\n    },\n    getMeasurement(): RulerMeasurement | null {\n      return currentMeasurement;\n    },\n    clearMeasurement(): void {\n      currentMeasurement = null;\n      rulerStart = null;\n      if (rulerSvg) rulerSvg.style.display = \"none\";\n    },\n    subscribe(event: CrosshairEventType, callback: ((position: CrosshairPosition | null) => void) | ((position: CrosshairPosition) => void) | ((measurement: RulerMeasurement) => void)): () => void {\n      if (event === \"move\") {\n        const cb = callback as (position: CrosshairPosition | null) => void;\n        moveSubscribers.add(cb);\n        return () => moveSubscribers.delete(cb);\n      }\n      if (event === \"measurestart\") {\n        const cb = callback as (position: CrosshairPosition) => void;\n        measureStartSubscribers.add(cb);\n        return () => measureStartSubscribers.delete(cb);\n      }\n      if (event === \"measurechange\") {\n        const cb = callback as (measurement: RulerMeasurement) => void;\n        measureChangeSubscribers.add(cb);\n        return () => measureChangeSubscribers.delete(cb);\n      }\n      const cb = callback as (measurement: RulerMeasurement) => void;\n      measureEndSubscribers.add(cb);\n      return () => measureEndSubscribers.delete(cb);\n    },\n  };\n}\n"],"mappings":"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"}