@alphacharts/core 0.1.0 → 0.1.1

package/dist/index.js

@@ -1,6 +1,6 @@
-import { C as e, S as t, _ as n, a as r, b as i, c as a, d as o, f as s, g as c, h as l, l as u, m as d, n as f, o as p, p as m, s as h, t as g, u as _, v, x as y, y as ee } from "./window-uK2QNvv5.js";
+import { C as e, S as t, T as n, _ as r, a as i, b as a, c as o, d as s, f as c, g as l, h as u, l as d, m as f, n as p, o as m, p as h, s as g, t as _, u as v, v as y, w as ee, x as te, y as ne } from "./window-WvcPCDkK.js";
 //#region src/data/tz.ts
-var b = 216e5, te = NaN, x = 864e5, S = class {
+var re = 216e5, ie = NaN, b = 864e5, x = class {
 	id;
 	fmt;
 	cache = /* @__PURE__ */ new Map();
@@ -18,10 +18,10 @@ var b = 216e5, te = NaN, x = 864e5, S = class {
 	}
 	offset(e) {
 		if (this.fmt === null) return 0;
-		let t = Math.floor(e / b), n = this.cache.get(t);
+		let t = Math.floor(e / re), n = this.cache.get(t);
 		if (n === void 0) {
-			let e = this.exactOffset(t * b);
-			n = e === this.exactOffset((t + 1) * b - 1) ? e : te, this.cache.set(t, n);
+			let e = this.exactOffset(t * re);
+			n = e === this.exactOffset((t + 1) * re - 1) ? e : ie, this.cache.set(t, n);
 		}
 		return Number.isNaN(n) ? this.exactOffset(e) : n;
 	}
@@ -30,7 +30,7 @@ var b = 216e5, te = NaN, x = 864e5, S = class {
 		return e - this.offset(t);
 	}
 	civil(e) {
-		return C(e + this.offset(e));
+		return S(e + this.offset(e));
 	}
 	exactOffset(e) {
 		let t = this.fmt.formatToParts(e), n = 0, r = 0, i = 0, a = 0, o = 0, s = 0;
@@ -55,8 +55,8 @@ var b = 216e5, te = NaN, x = 864e5, S = class {
 		return Date.UTC(n, r - 1, i, a, o, s) - (e - (e % 1e3 + 1e3) % 1e3);
 	}
 };
-function C(e) {
-	let t = Math.floor(e / x), n = e - t * x, r = Math.floor(n / 36e5);
+function S(e) {
+	let t = Math.floor(e / b), n = e - t * b, r = Math.floor(n / 36e5);
 	n -= r * 36e5;
 	let i = Math.floor(n / 6e4);
 	n -= i * 6e4;
@@ -71,46 +71,46 @@ function C(e) {
 		ms: o
 	};
 }
-function ne(e, t, n) {
+function ae(e, t, n) {
 	return Date.UTC(e, t - 1, n);
 }
-var re = 0, ie = {
+var oe = 0, se = {
 	antialias: !1,
 	premultipliedAlpha: !0,
 	alpha: !0,
 	preserveDrawingBuffer: !1,
 	powerPreference: "high-performance"
-}, ae = 8, oe = 1e4, w = /* @__PURE__ */ new Map();
-function se(e, t) {
+}, ce = 8, le = 1e4, C = /* @__PURE__ */ new Map();
+function ue(e, t) {
 	t.isContextLost() || t.getExtension("WEBGL_lose_context")?.loseContext(), e.width = 0, e.height = 0;
 }
-function ce() {
-	for (let [e, t] of w) {
+function de() {
+	for (let [e, t] of C) {
 		if (!t.gl.isContextLost()) return e;
-		le(e);
+		fe(e);
 	}
 }
-function le(e) {
-	let t = w.get(e);
-	t && (w.delete(e), clearTimeout(t.timer), e.removeEventListener("webglcontextlost", t.onLost), se(e, t.gl));
+function fe(e) {
+	let t = C.get(e);
+	t && (C.delete(e), clearTimeout(t.timer), e.removeEventListener("webglcontextlost", t.onLost), ue(e, t.gl));
 }
-function ue(e, t, n, r = {}) {
-	let i = w.get(t);
+function pe(e, t, n, r = {}) {
+	let i = C.get(t);
 	if (i) {
-		if (w.delete(t), clearTimeout(i.timer), t.removeEventListener("webglcontextlost", i.onLost), !i.gl.isContextLost() && e !== "canvas2d") return new de(t, i.gl, n, i.glctx);
-		se(t, i.gl), t = document.createElement("canvas");
+		if (C.delete(t), clearTimeout(i.timer), t.removeEventListener("webglcontextlost", i.onLost), !i.gl.isContextLost() && e !== "canvas2d") return new me(t, i.gl, n, i.glctx);
+		ue(t, i.gl), t = document.createElement("canvas");
 	}
-	if (e === "webgl" || e === "auto" && re < 8) {
+	if (e === "webgl" || e === "auto" && oe < 8) {
 		let i = t.getContext("webgl2", r.preserveDrawingBuffer ? {
-			...ie,
+			...se,
 			preserveDrawingBuffer: !0
-		} : ie);
-		if (i) return new de(t, i, n);
+		} : se);
+		if (i) return new me(t, i, n);
 		if (e === "webgl") throw Error("alphacharts: WebGL2 is not available (renderer: \"webgl\" was requested)");
 	}
-	return new fe(t);
+	return new he(t);
 }
-var de = class {
+var me = class {
 	canvas;
 	gl;
 	events;
@@ -119,7 +119,7 @@ var de = class {
 	ctx2d = null;
 	disposed = !1;
 	constructor(e, t, n, r) {
-		this.canvas = e, this.gl = t, this.events = n, re++, this.glctx = r ?? new p(t), e.addEventListener("webglcontextlost", this.onLost), e.addEventListener("webglcontextrestored", this.onRestored);
+		this.canvas = e, this.gl = t, this.events = n, oe++, this.glctx = r ?? new m(t), e.addEventListener("webglcontextlost", this.onLost), e.addEventListener("webglcontextrestored", this.onRestored);
 	}
 	ox = 0;
 	oy = 0;
@@ -136,26 +136,34 @@ var de = class {
 	}
 	dispose() {
 		if (this.disposed) return;
-		this.disposed = !0, re--, this.canvas.removeEventListener("webglcontextlost", this.onLost), this.canvas.removeEventListener("webglcontextrestored", this.onRestored);
+		this.disposed = !0, oe--, this.canvas.removeEventListener("webglcontextlost", this.onLost), this.canvas.removeEventListener("webglcontextrestored", this.onRestored);
 		let { canvas: e, gl: t } = this;
-		if (this.glctx && !t.isContextLost() && w.size < ae) {
+		if (this.glctx && !t.isContextLost() && C.size < ce) {
 			t.bindVertexArray(null), e.width = 1, e.height = 1;
-			let n = setTimeout(() => le(e), oe), r = () => le(e);
-			e.addEventListener("webglcontextlost", r), w.set(e, {
+			let n = setTimeout(() => fe(e), le), r = () => fe(e);
+			e.addEventListener("webglcontextlost", r), C.set(e, {
 				gl: t,
 				glctx: this.glctx,
 				timer: n,
 				onLost: r
 			});
-		} else se(e, t);
+		} else ue(e, t);
 	}
 	onLost = (e) => {
-		e.preventDefault(), this.glctx?.lost(), this.glctx = null, this.events.lost();
+		e.preventDefault(), this.glctx?.lost(), this.glctx = null, n({
+			source: "context-lost",
+			error: void 0,
+			renderer: "webgl"
+		}), this.events.lost();
 	};
 	onRestored = () => {
-		this.glctx = new p(this.gl), this.events.restored();
+		this.glctx = new m(this.gl), n({
+			source: "context-restored",
+			error: void 0,
+			renderer: "webgl"
+		}), this.events.restored();
 	};
-}, fe = class {
+}, he = class {
 	kind = "canvas2d";
 	gl = null;
 	glctx = null;
@@ -180,19 +188,19 @@ var de = class {
 };
 //#endregion
 //#region src/chart/layers.ts
-function T(e, t = "") {
+function w(e, t = "") {
 	let n = document.createElement("canvas");
 	return n.style.cssText = `position:absolute;left:0;top:0;width:100%;height:100%;display:block;${t}`, n.setAttribute("aria-hidden", "true"), e.appendChild(n), n;
 }
-function pe(e, t) {
+function ge(e, t) {
 	return e.style.cssText = "position:absolute;left:0;top:0;width:100%;height:100%;display:block;", t.appendChild(e), e;
 }
-function E(e) {
+function T(e) {
 	let t = e.getContext("2d");
 	if (!t) throw Error("alphacharts: no 2D canvas context available");
 	return t;
 }
-var me = class {
+var _e = class {
 	bg;
 	overlay;
 	surface;
@@ -200,12 +208,12 @@ var me = class {
 	oy = 0;
 	canvases;
 	constructor(e, t, n) {
-		let r = T(e), i = t === "canvas2d" ? void 0 : ce(), a = i ? pe(i, e) : T(e), o = T(e);
+		let r = w(e), i = t === "canvas2d" ? void 0 : de(), a = i ? ge(i, e) : w(e), o = w(e);
 		this.canvases = [
 			r,
 			a,
 			o
-		], this.bg = E(r), this.surface = ue(t, a, n), this.overlay = E(o);
+		], this.bg = T(r), this.surface = pe(t, a, n), this.overlay = T(o);
 	}
 	fit(e, t, n) {
 		for (let r of this.canvases) r.width = Math.max(1, Math.round(e * n)), r.height = Math.max(1, Math.round(t * n));
@@ -214,7 +222,7 @@ var me = class {
 		this.surface.dispose();
 		for (let e of this.canvases) e.remove(), (e !== this.canvases[1] || this.surface.kind !== "webgl") && (e.width = 0, e.height = 0);
 	}
-}, he = class {
+}, ve = class {
 	dash;
 	cell;
 	ox = 0;
@@ -239,7 +247,7 @@ var me = class {
 		(a !== this.ox || o !== this.oy) && (this.ox = a, this.oy = o, this.dash.layoutChanged());
 	}
 	dispose() {}
-}, ge = class {
+}, ye = class {
 	container;
 	onLayout;
 	members;
@@ -252,12 +260,12 @@ var me = class {
 	flushing = !1;
 	constructor(e, t, n, r, i) {
 		this.container = e, this.onLayout = r, this.members = i;
-		let a = T(e, "pointer-events:none"), o = T(e, "pointer-events:none"), s = T(e, "pointer-events:none");
+		let a = w(e, "pointer-events:none"), o = w(e, "pointer-events:none"), s = w(e, "pointer-events:none");
 		this.canvases = [
 			a,
 			o,
 			s
-		], this.bg = E(a), this.surface = ue(t, o, n), this.overlay = E(s);
+		], this.bg = T(a), this.surface = pe(t, o, n), this.overlay = T(s);
 	}
 	noteGLDraw(e) {
 		this.drawn.add(e), !(this.flushing || this.flushQueued) && (this.flushQueued = !0, queueMicrotask(() => {
@@ -284,18 +292,18 @@ var me = class {
 		this.surface.dispose();
 		for (let e of this.canvases) e.remove();
 	}
-}, _e = 1;
-function ve(e, t) {
+}, be = 1;
+function xe(e, t) {
 	for (let n of e.customOptions ?? []) if (typeof t[n] != "function") throw Error(`alphacharts: the layout was saved with a custom ${n}, which is a function and not in the JSON; pass it to restoreState({ ${n} })`);
 }
-var ye = {};
-function be(e) {
+var Se = {};
+function Ce(e) {
 	if (typeof e != "object" || !e) throw TypeError("layout: expected an object");
 	let t = e, n = t.version;
 	if (typeof n != "number" || !Number.isInteger(n) || n < 1) throw TypeError(`layout: invalid version ${String(n)}`);
 	if (n > 1) throw RangeError(`layout: version ${n} is newer than this library understands (1)`);
 	for (; n < 1;) {
-		let e = ye[n];
+		let e = Se[n];
 		if (!e) throw Error(`layout: no migration from version ${n}`);
 		t = e(t), n++;
 	}
@@ -308,7 +316,7 @@ function be(e) {
 	]) if (!(e in t)) throw TypeError(`layout: missing "${e}"`);
 	return t;
 }
-var xe = class {
+var we = class {
 	map = /* @__PURE__ */ new Map();
 	async load(e) {
 		let t = this.map.get(e);
@@ -323,7 +331,7 @@ var xe = class {
 	async keys() {
 		return [...this.map.keys()];
 	}
-}, Se = class {
+}, Te = class {
 	prefix;
 	constructor(e = "alphacharts:") {
 		this.prefix = e;
@@ -347,7 +355,7 @@ var xe = class {
 		return e;
 	}
 };
-function Ce(e) {
+function E(e) {
 	return JSON.parse(JSON.stringify(e, (e, t) => typeof t == "function" ? void 0 : t));
 }
 //#endregion
@@ -355,7 +363,7 @@ function Ce(e) {
 function D(e) {
 	if (e.minWidth !== void 0 && !(typeof e.minWidth == "number" && Number.isFinite(e.minWidth) && e.minWidth >= 0)) throw RangeError(`alphacharts: price scale minWidth must be a non-negative number of CSS px, got ${e.minWidth}`);
 }
-var we = {
+var Ee = {
 	marginTop: .1,
 	marginBottom: .1,
 	autoScale: !0,
@@ -363,7 +371,7 @@ var we = {
 	invert: !1,
 	position: "right",
 	visible: !0
-}, Te = class {
+}, De = class {
 	id;
 	options;
 	min = 0;
@@ -463,23 +471,23 @@ var we = {
 };
 //#endregion
 //#region src/scale/ticks.ts
-function Ee(e, t, n, r, i) {
-	let a = Math.max(1, n / r), o = Oe((t - e) / a, i), s = [];
+function Oe(e, t, n, r, i) {
+	let a = Math.max(1, n / r), o = Ae((t - e) / a, i), s = [];
 	if (!(o > 0) || !Number.isFinite(e) || !Number.isFinite(t)) return {
 		step: o,
 		ticks: s
 	};
 	let c = Math.ceil(e / o), l = Math.floor(t / o);
-	for (let e = c; e <= l && s.length < 200; e++) s.push(ke(e * o, o));
+	for (let e = c; e <= l && s.length < 200; e++) s.push(je(e * o, o));
 	return {
 		step: o,
 		ticks: s
 	};
 }
-function De(e, t, n) {
-	return Ee(e, t, Math.max(1, n), 1, 0);
+function ke(e, t, n) {
+	return Oe(e, t, Math.max(1, n), 1, 0);
 }
-function Oe(e, t) {
+function Ae(e, t) {
 	if (!(e > 0) || !Number.isFinite(e)) return t > 0 ? t : 0;
 	let n = (e) => !(t > 0) || e >= t * (1 - 1e-9) && Math.abs(e / t - Math.round(e / t)) < 1e-6;
 	for (let t = Math.floor(Math.log10(e)); t < 400; t++) {
@@ -496,7 +504,7 @@ function Oe(e, t) {
 	}
 	return t;
 }
-function ke(e, t) {
+function je(e, t) {
 	let n = Math.max(0, -Math.floor(Math.log10(t)) + 2);
 	return +e.toFixed(Math.min(n, 15));
 }
@@ -507,19 +515,19 @@ function O(e, t, n) {
 		default: return t ? t.format(n) : String(n);
 	}
 }
-function Ae(e, t, n) {
+function Me(e, t, n) {
 	let r = e.height;
 	if (!(r > 0) || !(e.max > e.min)) return [];
 	let i = (n) => ({
 		price: n,
 		label: O(e, t, n)
 	});
-	if (e.mode === "percent" || e.mode === "indexed") return Ee(e.min, e.max, r, n, .01).ticks.map((t) => i(e.fromDisplay(t)));
-	if (e.mode === "log" && e.max - e.min > .3) return je(e, n).map(i);
+	if (e.mode === "percent" || e.mode === "indexed") return Oe(e.min, e.max, r, n, .01).ticks.map((t) => i(e.fromDisplay(t)));
+	if (e.mode === "log" && e.max - e.min > .3) return Ne(e, n).map(i);
 	let a = e.price(0), o = e.price(r);
-	return Ee(Math.min(a, o), Math.max(a, o), r, n, t?.minMove ?? 0).ticks.map(i);
+	return Oe(Math.min(a, o), Math.max(a, o), r, n, t?.minMove ?? 0).ticks.map(i);
 }
-function je(e, t) {
+function Ne(e, t) {
 	let n = e.pxPerUnit, r = n >= t * 9 ? [
 		1,
 		2,
@@ -557,12 +565,12 @@ var k = [
 	[7, 5e3],
 	[6, 1e3]
 ];
-function Me(e, t, n) {
-	return t === t ? Ne(t + e.offset(t), n + e.offset(n)) : 20;
+function Pe(e, t, n) {
+	return t === t ? Fe(t + e.offset(t), n + e.offset(n)) : 20;
 }
-function Ne(e, t, n = 0) {
+function Fe(e, t, n = 0) {
 	if (Math.floor(e / 864e5) !== Math.floor(t / 864e5)) {
-		let n = C(e), r = C(t);
+		let n = S(e), r = S(t);
 		return n.year === r.year ? n.month === r.month ? 18 : 19 : 20;
 	}
 	for (let [r, i] of k) {
@@ -571,25 +579,25 @@ function Ne(e, t, n = 0) {
 	}
 	return 0;
 }
-function Pe(e, t, n) {
+function Ie(e, t, n) {
 	let r = e * n / t / 2, i = 18;
 	for (let [e, t] of k) t >= r && (i = e);
 	return r > k[0][1] ? 18 : i;
 }
-function Fe(e, t, n, r, i, a, o) {
+function Le(e, t, n, r, i, a, o) {
 	if (r < n || e.length === 0) return [];
-	let s = [], c = (t) => t > e.first ? e.timeAt(t - 1) : NaN, l = e.timeAt(n), u = e.timeAt(r), d = r > n ? (u - l) / (r - n) : 0, f = d > 0 ? Pe(d, a, o) : 0, p = d > 0 ? d * o / a / 2 : 1e3, m = /* @__PURE__ */ new Set(), h = (a) => {
+	let s = [], c = (t) => t > e.first ? e.timeAt(t - 1) : NaN, l = e.timeAt(n), u = e.timeAt(r), d = r > n ? (u - l) / (r - n) : 0, f = d > 0 ? Ie(d, a, o) : 0, p = d > 0 ? d * o / a / 2 : 1e3, m = /* @__PURE__ */ new Set(), h = (a) => {
 		let o = e.lowerBound(a);
 		if (o < n || o > r || m.has(o)) return;
 		m.add(o);
-		let l = Me(t, c(o), e.timeAt(o));
+		let l = Pe(t, c(o), e.timeAt(o));
 		l > 0 && l >= f && s.push({
 			index: o,
 			weight: l,
 			x: i(o)
 		});
 	};
-	h(l), Ie(t, l, u, p, h), s.sort((e, t) => t.weight - e.weight || e.index - t.index);
+	h(l), Re(t, l, u, p, h), s.sort((e, t) => t.weight - e.weight || e.index - t.index);
 	let g = [];
 	for (let e of s) {
 		let t = !0;
@@ -601,26 +609,26 @@ function Fe(e, t, n, r, i, a, o) {
 	}
 	return g.sort((e, t) => e.index - t.index), g;
 }
-function Ie(e, t, n, r, i) {
+function Re(e, t, n, r, i) {
 	let a = e.civil(t), o = e.civil(n);
-	for (let t = a.year + 1; t <= o.year; t++) i(e.fromLocal(ne(t, 1, 1)));
+	for (let t = a.year + 1; t <= o.year; t++) i(e.fromLocal(ae(t, 1, 1)));
 	if (r >= 2592e7) return;
 	let s = r >= 7776e6 ? 3 : 1;
-	for (let t = a.year, n = a.month; t < o.year || t === o.year && n <= o.month;) n += 1, n > 12 && (n = 1, t += 1), (n - 1) % s == 0 && i(e.fromLocal(ne(t, n, 1)));
+	for (let t = a.year, n = a.month; t < o.year || t === o.year && n <= o.month;) n += 1, n > 12 && (n = 1, t += 1), (n - 1) % s == 0 && i(e.fromLocal(ae(t, n, 1)));
 	if (r >= 216e7) return;
-	let c = x;
+	let c = b;
 	for (let [, e] of k) e >= r && (c = e);
-	r > 864e5 && (c = x * Math.min(7, Math.ceil(r / x)));
+	r > 864e5 && (c = b * Math.min(7, Math.ceil(r / b)));
 	let l = t + e.offset(t), u = n + e.offset(n), d = 0;
 	for (let t = Math.ceil(l / c) * c; t <= u && d < 2e3; t += c, d++) i(e.fromLocal(t));
 }
-function Le(e, t, n, r) {
+function ze(e, t, n, r) {
 	if (!e) return r();
 	let i = e(n, t);
 	if (typeof i != "string") throw TypeError(`alphacharts: timeLabel(${n}, "${t}") returned ${typeof i}, not a string`);
 	return i;
 }
-var Re = class {
+var Be = class {
 	year;
 	month;
 	day;
@@ -695,11 +703,11 @@ var Re = class {
 	format(e) {
 		return e.toFixed(this.decimals);
 	}
-}, ze = {
+}, Ve = {
 	barSpacing: 8,
 	maxBarSpacing: 80,
 	rightOffset: 4
-}, Be = class {
+}, He = class {
 	options;
 	spacing;
 	rightOffset;
@@ -778,28 +786,31 @@ function j(e, t, n) {
 }
 //#endregion
 //#region src/chart/scheduler.ts
-var M = /* @__PURE__ */ new Map(), Ve = 0;
-function He(e, t) {
-	M.set(e, (M.get(e) ?? 0) | t), Ve === 0 && (Ve = requestAnimationFrame(We));
+var M = /* @__PURE__ */ new Map(), Ue = 0;
+function We(e, t) {
+	M.set(e, (M.get(e) ?? 0) | t), Ue === 0 && (Ue = requestAnimationFrame(Ke));
 }
-function Ue(e) {
+function Ge(e) {
 	M.delete(e);
 }
-function We(e) {
-	Ve = 0;
+function Ke(e) {
+	Ue = 0;
 	let t = [...M];
 	M.clear();
-	let n = null;
-	for (let [r, i] of t) try {
-		r.render(i, e);
+	let r = null;
+	for (let [n, i] of t) try {
+		n.render(i, e);
 	} catch (e) {
-		n ??= { error: e };
+		r ??= { error: e };
 	}
-	if (n) throw n.error;
+	if (r) throw n({
+		source: "draw-loop",
+		error: r.error
+	}), r.error;
 }
 //#endregion
 //#region src/interaction/input.ts
-var Ge = 3, Ke = .15, qe = .02, Je = class {
+var qe = 3, Je = .15, Ye = .02, Xe = class {
 	chart;
 	root;
 	surface;
@@ -940,7 +951,7 @@ var Ge = 3, Ke = .15, qe = .02, Je = class {
 				break;
 			case "pan": {
 				let n = t.x - i.x, a = t.y - i.y;
-				if (!i.moved && Math.hypot(n, a) < Ge) return;
+				if (!i.moved && Math.hypot(n, a) < qe) return;
 				i.moved = !0, this.cancelLongPress(), r.pan && (this.chart.viewChanged(() => this.chart.time.pan(n)), this.chart.panPrice(i.pane, a)), i.x = t.x, i.y = t.y, this.samples.push({
 					t: e.timeStamp,
 					x: t.x
@@ -1108,17 +1119,17 @@ var Ge = 3, Ke = .15, qe = .02, Je = class {
 		let t = this.samples, n = t.find((t) => e - t.t < 100) ?? t[0], r = t[t.length - 1];
 		if (!n || !r || r.t === n.t) return;
 		let i = (r.x - n.x) / (r.t - n.t);
-		if (Math.abs(i) < Ke) return;
+		if (Math.abs(i) < Je) return;
 		let a = performance.now(), o = (e) => {
 			let t = Math.min(64, e - a);
-			a = e, this.chart.viewChanged(() => this.chart.time.pan(i * t)), i *= .95 ** (t / 16), this.kinetic = Math.abs(i) > qe ? requestAnimationFrame(o) : 0;
+			a = e, this.chart.viewChanged(() => this.chart.time.pan(i * t)), i *= .95 ** (t / 16), this.kinetic = Math.abs(i) > Ye ? requestAnimationFrame(o) : 0;
 		};
 		this.kinetic = requestAnimationFrame(o), this.chart.invalidate(4);
 	}
 	stopKinetic() {
 		this.kinetic && cancelAnimationFrame(this.kinetic), this.kinetic = 0;
 	}
-}, Ye = class {
+}, Ze = class {
 	map = /* @__PURE__ */ new Map();
 	on(e, t) {
 		let n = this.map.get(e);
@@ -1140,7 +1151,7 @@ var Ge = 3, Ke = .15, qe = .02, Je = class {
 };
 //#endregion
 //#region src/chart/primitives.ts
-function Xe(e, t) {
+function Qe(e, t) {
 	switch (e) {
 		case "solid": return [];
 		case "dashed": return [4 * t, 3 * t];
@@ -1149,16 +1160,16 @@ function Xe(e, t) {
 		case "sparse-dotted": return [t, 6 * t];
 	}
 }
-function Ze(e) {
-	if (e.lineWidth !== 1 && e.lineWidth !== 2) throw RangeError(`alphacharts: price line lineWidth must be 1 or 2, got ${e.lineWidth}`);
-	if (e.lineStyle !== "solid" && e.lineStyle !== "dashed" && e.lineStyle !== "dotted" && e.lineStyle !== "large-dashed" && e.lineStyle !== "sparse-dotted") throw RangeError(`alphacharts: unknown price line lineStyle "${String(e.lineStyle)}"`);
-	e.axisLabelColor !== void 0 && t(e.axisLabelColor);
+function $e(t) {
+	if (t.lineWidth !== 1 && t.lineWidth !== 2) throw RangeError(`alphacharts: price line lineWidth must be 1 or 2, got ${t.lineWidth}`);
+	if (t.lineStyle !== "solid" && t.lineStyle !== "dashed" && t.lineStyle !== "dotted" && t.lineStyle !== "large-dashed" && t.lineStyle !== "sparse-dotted") throw RangeError(`alphacharts: unknown price line lineStyle "${String(t.lineStyle)}"`);
+	t.axisLabelColor !== void 0 && e(t.axisLabelColor);
 }
 function N(e, t, n = 1) {
 	let r = Math.max(1, Math.round(n * t));
 	return (Math.round(e * t) + (r % 2 ? .5 : 0)) / t;
 }
-var Qe = class {
+var et = class {
 	host = null;
 	opts;
 	constructor(e) {
@@ -1171,7 +1182,7 @@ var Qe = class {
 			labelTextColor: "#ffffff",
 			...e
 		};
-		Ze(t), this.opts = t;
+		$e(t), this.opts = t;
 	}
 	options() {
 		return this.opts;
@@ -1181,7 +1192,7 @@ var Qe = class {
 			...this.opts,
 			...e
 		};
-		Ze(t), this.opts = t, this.host?.requestRender();
+		$e(t), this.opts = t, this.host?.requestRender();
 	}
 	attached(e) {
 		this.host = e;
@@ -1191,7 +1202,7 @@ var Qe = class {
 	}
 	draw(e, t) {
 		let n = this.opts, r = N(t.y(n.price), t.dpr, n.lineWidth);
-		r < -n.lineWidth || r > t.height + n.lineWidth || (e.strokeStyle = n.color, e.lineWidth = Math.max(1, Math.round(n.lineWidth * t.dpr)) / t.dpr, e.setLineDash(Xe(n.lineStyle, n.lineWidth)), e.beginPath(), e.moveTo(0, r), e.lineTo(t.width, r), e.stroke(), e.setLineDash([]), n.title && (e.fillStyle = n.color, e.textBaseline = "bottom", e.textAlign = "right", e.fillText(n.title, t.width - 6, r - 2)));
+		r < -n.lineWidth || r > t.height + n.lineWidth || (e.strokeStyle = n.color, e.lineWidth = Math.max(1, Math.round(n.lineWidth * t.dpr)) / t.dpr, e.setLineDash(Qe(n.lineStyle, n.lineWidth)), e.beginPath(), e.moveTo(0, r), e.lineTo(t.width, r), e.stroke(), e.setLineDash([]), n.title && (e.fillStyle = n.color, e.textBaseline = "bottom", e.textAlign = "right", e.fillText(n.title, t.width - 6, r - 2)));
 	}
 	axisLabels(e) {
 		let t = this.opts;
@@ -1202,35 +1213,99 @@ var Qe = class {
 			color: t.labelTextColor
 		}] : [];
 	}
-}, $e = [
+}, tt = class {
+	host = null;
+	times = /* @__PURE__ */ new Float64Array();
+	colors = /* @__PURE__ */ new Uint32Array();
+	n = 0;
+	shown = !0;
+	any = !1;
+	set(e, t) {
+		if (e.length !== t.length) throw RangeError(`BarShading.set: ${t.length} colours for ${e.length} times`);
+		this.times = e.slice(), this.colors = t.slice(), this.n = e.length, this.any = this.colors.some((e) => e !== 0), this.host?.requestRender("background");
+	}
+	setAt(e, t) {
+		let n = this.n, r = n;
+		if (n > 0 && e <= this.times[n - 1] && (r = nt(this.times, n, e), this.times[r] !== e)) throw RangeError(`BarShading.setAt: time ${e} is neither the last bar nor a later one`);
+		if (r === n) {
+			if (n === this.times.length) {
+				let e = Math.max(64, n * 2), t = new Float64Array(e), r = new Uint32Array(e);
+				t.set(this.times.subarray(0, n)), r.set(this.colors.subarray(0, n)), this.times = t, this.colors = r;
+			}
+			this.times[n] = e, this.n = n + 1;
+		} else if (this.colors[r] === t) return;
+		this.colors[r] = t, t !== 0 && (this.any = !0), this.host?.requestRender("background");
+	}
+	clear() {
+		this.n = 0, this.any = !1, this.host?.requestRender("background");
+	}
+	setVisible(e) {
+		e !== this.shown && (this.shown = e, this.host?.requestRender("background"));
+	}
+	attached(e) {
+		this.host = e;
+	}
+	detached() {
+		this.host = null;
+	}
+	drawBackground(e, n) {
+		if (!this.shown || !this.any || this.n === 0) return;
+		let r = this.times, i = this.colors, a = this.n, o = n.barSpacing / 2, s = 0, c = a;
+		for (; s < c;) {
+			let e = s + c >>> 1;
+			n.timeToX(r[e]) + o < 0 ? s = e + 1 : c = e;
+		}
+		let l = s, u = -1, d = -1, f = 0, p = () => {
+			f === 0 || u < 0 || (e.fillStyle = t(f), e.fillRect(u, 0, d - u, n.height));
+		};
+		for (; l < a && !(n.timeToX(r[l]) - o > n.width); l++) {
+			let e = i[l], t = n.timeToIndex(r[l]);
+			if (t === void 0) continue;
+			let a = n.x(t);
+			e === f && e !== 0 && Math.abs(a - o - d) < .5 || (p(), f = e, u = a - o), d = a + o;
+		}
+		p();
+	}
+};
+function nt(e, t, n) {
+	let r = 0, i = t;
+	for (; r < i;) {
+		let t = r + i >>> 1;
+		e[t] < n ? r = t + 1 : i = t;
+	}
+	return r;
+}
+//#endregion
+//#region src/chart/markers.ts
+var rt = [
 	"arrowUp",
 	"arrowDown",
 	"circle"
-], et = ["aboveBar", "belowBar"], P = (e, t) => `marker ${e.id === void 0 ? `#${t}` : `"${e.id}"`} (time ${e.time})`;
-function tt(e, n) {
+], it = ["aboveBar", "belowBar"], P = (e, t) => `marker ${e.id === void 0 ? `#${t}` : `"${e.id}"`} (time ${e.time})`;
+function at(t, n) {
 	let r = /* @__PURE__ */ new Set();
-	return e.forEach((e, i) => {
-		if (!Number.isFinite(e.time)) throw RangeError(`alphacharts: ${P(e, i)} has a non-finite time`);
-		if (!et.includes(e.position)) throw RangeError(`alphacharts: ${P(e, i)} has unknown position "${String(e.position)}"`);
-		if (!$e.includes(e.shape)) throw RangeError(`alphacharts: ${P(e, i)} has unknown shape "${String(e.shape)}"`);
-		if (e.size !== void 0 && !(e.size > 0 && Number.isFinite(e.size))) throw RangeError(`alphacharts: ${P(e, i)} has size ${e.size}; it must be positive`);
-		if (e.id !== void 0) {
-			if (e.id === "") throw RangeError(`alphacharts: ${P(e, i)} has an empty id`);
-			if (r.has(e.id)) throw Error(`alphacharts: ${P(e, i)}: the id is used by another marker`);
-			r.add(e.id);
+	return t.forEach((t, i) => {
+		if (!Number.isFinite(t.time)) throw RangeError(`alphacharts: ${P(t, i)} has a non-finite time`);
+		if (!it.includes(t.position)) throw RangeError(`alphacharts: ${P(t, i)} has unknown position "${String(t.position)}"`);
+		if (!rt.includes(t.shape)) throw RangeError(`alphacharts: ${P(t, i)} has unknown shape "${String(t.shape)}"`);
+		if (t.size !== void 0 && !(t.size > 0 && Number.isFinite(t.size))) throw RangeError(`alphacharts: ${P(t, i)} has size ${t.size}; it must be positive`);
+		if (t.id !== void 0) {
+			if (t.id === "") throw RangeError(`alphacharts: ${P(t, i)} has an empty id`);
+			if (r.has(t.id)) throw Error(`alphacharts: ${P(t, i)}: the id is used by another marker`);
+			r.add(t.id);
 		}
 		try {
-			t(e.color);
-		} catch (t) {
-			throw Error(`alphacharts: ${P(e, i)} has a bad colour: ${t.message}`);
+			e(t.color);
+		} catch (e) {
+			throw Error(`alphacharts: ${P(t, i)} has a bad colour: ${e.message}`);
 		}
-		if (!n(e.time)) throw RangeError(`alphacharts: ${P(e, i)} is not on a bar of the series`);
-	}), e.map((e, t) => ({
+		if (!n(t.time)) throw RangeError(`alphacharts: ${P(t, i)} is not on a bar of the series`);
+	}), t.map((e, t) => ({
 		m: e,
 		i: t
 	})).sort((e, t) => e.m.time - t.m.time || e.i - t.i).map((e) => ({ ...e.m }));
 }
-function nt(e, t) {
+function ot(e, t) {
 	let n = 0, r = e.length;
 	for (; n < r;) {
 		let i = n + r >> 1;
@@ -1238,18 +1313,18 @@ function nt(e, t) {
 	}
 	return n;
 }
-var rt = 4, it = 2;
-function at(e, t = 1) {
+var st = 4, ct = 2;
+function lt(e, t = 1) {
 	return Math.round(Math.min(20, Math.max(8, e * .8)) * t);
 }
-function ot(e) {
+function ut(e) {
 	let t = [], n = NaN, r = 0, i = 0;
 	for (let a = e.from; a < e.to; a++) {
 		let o = e.markers[a];
 		o.time !== n && (n = o.time, r = i = 0);
 		let s = e.bar(o);
 		if (!s) continue;
-		let c = at(e.barSpacing, o.size), l = o.text ? e.fontSize + 2 : 0, u = c + l + it, d = o.position === "aboveBar", f = d ? r : i, p = d ? s.yHigh - rt - f : s.yLow + rt + f, m = d ? p - c / 2 : p + c / 2, h = d ? p - c - l : p, g = o.text ? Math.max(c, e.textWidth(o.text)) : c;
+		let c = lt(e.barSpacing, o.size), l = o.text ? e.fontSize + 2 : 0, u = c + l + ct, d = o.position === "aboveBar", f = d ? r : i, p = d ? s.yHigh - st - f : s.yLow + st + f, m = d ? p - c / 2 : p + c / 2, h = d ? p - c - l : p, g = o.text ? Math.max(c, e.textWidth(o.text)) : c;
 		t.push({
 			marker: o,
 			cx: s.x,
@@ -1265,7 +1340,7 @@ function ot(e) {
 	}
 	return t;
 }
-function st(e, t) {
+function dt(e, t) {
 	e.textAlign = "center";
 	for (let n of t) {
 		let t = n.marker, r = n.size / 2;
@@ -1286,20 +1361,20 @@ function st(e, t) {
 }
 //#endregion
 //#region src/scale/format.ts
-var ct = 10;
-function lt(e) {
+var ft = 10;
+function pt(e) {
 	let t = Math.abs(e);
-	for (let e = 0; e < ct; e++) {
+	for (let e = 0; e < ft; e++) {
 		let n = t * 10 ** e;
 		if (Math.abs(n - Math.round(n)) <= 1e-9 * Math.max(1, n)) return e;
 	}
-	return ct;
+	return ft;
 }
-function ut(e) {
+function mt(e) {
 	let t = (e ?? (typeof navigator < "u" ? navigator.language : "en")).toLowerCase();
 	return t.endsWith("-in") || t === "hi" || t.startsWith("hi-");
 }
-function dt(e, t, n) {
+function ht(e, t, n) {
 	switch (e.type) {
 		case "custom":
 			if (!(e.minMove > 0)) throw RangeError(`custom priceFormat needs a positive minMove, got ${e.minMove}`);
@@ -1322,7 +1397,7 @@ function dt(e, t, n) {
 			};
 		}
 		case "volume": {
-			let t = e.minMove ?? 1, r = ut(n) ? [
+			let t = e.minMove ?? 1, r = mt(n) ? [
 				[1e7, "Cr"],
 				[1e5, "L"],
 				[1e3, "K"]
@@ -1345,14 +1420,14 @@ function dt(e, t, n) {
 }
 //#endregion
 //#region src/render/renderers.ts
-var ft = "#version 300 es\nprecision highp float;\nin vec4 v_color;\nout vec4 o_color;\nvoid main() { o_color = vec4(v_color.rgb * v_color.a, v_color.a); }\n", F = "gl_Position = vec4(2.0, 2.0, 2.0, 1.0); return;", I = class {
+var gt = "#version 300 es\nprecision highp float;\nin vec4 v_color;\nout vec4 o_color;\nvoid main() { o_color = vec4(v_color.rgb * v_color.a, v_color.a); }\n", F = "gl_Position = vec4(2.0, 2.0, 2.0, 1.0); return;", I = class {
 	gl;
 	win;
 	vao;
 	prog;
 	level = 0;
 	constructor(e, t, n, r, i, a) {
-		this.gl = e, this.prog = i, this.win = new f(e, n, r, a), this.vao = e.createVertexArray(), e.bindVertexArray(this.vao), e.bindBuffer(e.ARRAY_BUFFER, this.win.buffer), pt(e, i, "a_r", "a_c", "a_color", 0), a && pt(e, i, "a_r1", "a_c1", "a_color1", 24), e.bindVertexArray(null);
+		this.gl = e, this.prog = i, this.win = new p(e, n, r, a), this.vao = e.createVertexArray(), e.bindVertexArray(this.vao), e.bindBuffer(e.ARRAY_BUFFER, this.win.buffer), _t(e, i, "a_r", "a_c", "a_color", 0), a && _t(e, i, "a_r1", "a_c1", "a_color1", 24), e.bindVertexArray(null);
 	}
 	dataChanged(e) {
 		this.win.dataChanged(e);
@@ -1362,9 +1437,9 @@ var ft = "#version 300 es\nprecision highp float;\nin vec4 v_color;\nout vec4 o_
 	}
 	prepare(e) {
 		let t = this.gl, n = e.time.spacing * e.dpr;
-		this.level = r(e.data, n), this.win.setLog(e.price.logCoords), this.win.ensure(this.level, e.lo, e.hi), t.useProgram(this.prog.program), t.bindVertexArray(this.vao);
-		let i = this.prog.uniforms;
-		return t.uniform2f(i.u_view, e.width, e.height), t.uniform2f(i.u_x, n, e.time.x(this.win.base) * e.dpr), t.uniform2f(i.u_y, -e.price.pxPerCoord * e.dpr, e.price.yOfCoord(this.win.priceBase) * e.dpr), this.win.count;
+		this.level = i(e.data, n), this.win.setLog(e.price.logCoords), this.win.ensure(this.level, e.lo, e.hi), t.useProgram(this.prog.program), t.bindVertexArray(this.vao);
+		let r = this.prog.uniforms;
+		return t.uniform2f(r.u_view, e.width, e.height), t.uniform2f(r.u_x, n, e.time.x(this.win.base) * e.dpr), t.uniform2f(r.u_y, -e.price.pxPerCoord * e.dpr, e.price.yOfCoord(this.win.priceBase) * e.dpr), this.win.count;
 	}
 	widths(e, t) {
 		return L(e.time.spacing, e.dpr, this.level, t);
@@ -1374,23 +1449,23 @@ function L(e, t, n, r) {
 	let i = e * t * (1 << n), a = Math.max(1, Math.floor(t)), o = Math.max(1, Math.floor(i * r));
 	return o > a && (o - a) % 2 != 0 && --o, [o, Math.min(a, o)];
 }
-function pt(e, t, n, r, i, a) {
+function _t(e, t, n, r, i, a) {
 	let o = t.attribs;
 	o[n] >= 0 && (e.enableVertexAttribArray(o[n]), e.vertexAttribPointer(o[n], 4, e.FLOAT, !1, 24, a), e.vertexAttribDivisor(o[n], 1)), o[r] >= 0 && (e.enableVertexAttribArray(o[r]), e.vertexAttribPointer(o[r], 1, e.FLOAT, !1, 24, a + 16), e.vertexAttribDivisor(o[r], 1)), o[i] !== void 0 && o[i] >= 0 && (e.enableVertexAttribArray(o[i]), e.vertexAttribIPointer(o[i], 1, e.UNSIGNED_INT, 24, a + 20), e.vertexAttribDivisor(o[i], 1));
 }
 var R = class {
 	keys = [];
 	vals = [];
-	get(n, r) {
-		return this.keys[n] !== r && (this.keys[n] = r, this.vals[n] = e(t(r))), this.vals[n];
+	get(t, n) {
+		return this.keys[t] !== n && (this.keys[t] = n, this.vals[t] = ee(e(n))), this.vals[t];
 	}
-}, mt = h + `
-in vec4 a_r; in float a_c;
+}, vt = g + `
+in vec4 a_r; in float a_c; in uint a_color;
 uniform vec2 u_w;
 uniform vec4 u_up, u_down, u_wup, u_wdown;
 out vec4 v_color;
 void main() {
-  if (a_r.x < ${g}) { ${F} }
+  if (a_r.x < ${_}) { ${F} }
   bool wick = gl_VertexID < 6;
   vec2 cr = corner(gl_VertexID % 6);
   float o = a_r.y, h = a_r.z, l = a_r.w, c = a_c;
@@ -1408,17 +1483,21 @@ void main() {
   }
   gl_Position = vec4(toClip(vec2(mix(x0, x1, cr.x), mix(y0, y1, cr.y))), 0.0, 1.0);
   bool up = c >= o;
-  v_color = wick ? (up ? u_wup : u_wdown) : (up ? u_up : u_down);
-}`, ht = class extends I {
+  v_color = a_color != 0u ? unpack(a_color) : wick ? (up ? u_wup : u_wdown) : (up ? u_up : u_down);
+}`, yt = class extends I {
 	colors = new R();
 	constructor(e, t, n) {
-		super(e, t, n, !1, t.program("candles", mt, ft, [
+		super(e, t, n, !1, t.program("candles", vt, gt, [
 			"u_w",
 			"u_up",
 			"u_down",
 			"u_wup",
 			"u_wdown"
-		], ["a_r", "a_c"]), !1);
+		], [
+			"a_r",
+			"a_c",
+			"a_color"
+		]), !1);
 	}
 	draw(e, t) {
 		let n = this.prepare(e);
@@ -1426,13 +1505,13 @@ void main() {
 		let r = this.gl, i = this.prog.uniforms, [a, o] = this.widths(e, .8);
 		r.uniform2f(i.u_w, a, o), r.uniform4fv(i.u_up, this.colors.get(0, t.upColor)), r.uniform4fv(i.u_down, this.colors.get(1, t.downColor)), r.uniform4fv(i.u_wup, this.colors.get(2, t.wickUpColor)), r.uniform4fv(i.u_wdown, this.colors.get(3, t.wickDownColor)), r.drawArraysInstanced(r.TRIANGLES, 0, 12, n);
 	}
-}, gt = h + `
-in vec4 a_r; in float a_c;
+}, bt = g + `
+in vec4 a_r; in float a_c; in uint a_color;
 uniform vec2 u_w;
 uniform vec4 u_up, u_down;
 out vec4 v_color;
 void main() {
-  if (a_r.x < ${g}) { ${F} }
+  if (a_r.x < ${_}) { ${F} }
   int seg = gl_VertexID / 6;
   vec2 cr = corner(gl_VertexID % 6);
   float o = a_r.y, h = a_r.z, l = a_r.w, c = a_c, t = u_w.y;
@@ -1449,15 +1528,19 @@ void main() {
     if (seg == 1) { x0 = left; x1 = mid; } else { x0 = mid + t; x1 = left + u_w.x; }
   }
   gl_Position = vec4(toClip(vec2(mix(x0, x1, cr.x), mix(y0, y1, cr.y))), 0.0, 1.0);
-  v_color = c >= o ? u_up : u_down;
-}`, _t = class extends I {
+  v_color = a_color != 0u ? unpack(a_color) : c >= o ? u_up : u_down;
+}`, xt = class extends I {
 	colors = new R();
 	constructor(e, t, n) {
-		super(e, t, n, !1, t.program("bars", gt, ft, [
+		super(e, t, n, !1, t.program("bars", bt, gt, [
 			"u_w",
 			"u_up",
 			"u_down"
-		], ["a_r", "a_c"]), !1);
+		], [
+			"a_r",
+			"a_c",
+			"a_color"
+		]), !1);
 	}
 	draw(e, t) {
 		let n = this.prepare(e);
@@ -1465,14 +1548,14 @@ void main() {
 		let r = this.gl, i = this.prog.uniforms, [a, o] = this.widths(e, .8);
 		r.uniform2f(i.u_w, a, o), r.uniform4fv(i.u_up, this.colors.get(0, t.upColor)), r.uniform4fv(i.u_down, this.colors.get(1, t.downColor)), r.drawArraysInstanced(r.TRIANGLES, 0, 18, n);
 	}
-}, vt = h + `
+}, St = g + `
 in vec4 a_r; in uint a_color;
 uniform float u_w;
 uniform float u_base;
 uniform vec4 u_color;
 out vec4 v_color;
 void main() {
-  if (a_r.x < ${g}) { ${F} }
+  if (a_r.x < ${_}) { ${F} }
   vec2 cr = corner(gl_VertexID);
   float left = floor(xDev(a_r.x) - u_w * 0.5 + 0.5);
   // Zoomed out, a bucket spans bars on both sides of the base: draw the
@@ -1482,10 +1565,10 @@ void main() {
   float y0 = min(yv, yb), y1 = max(max(yv, yb), y0 + 1.0);
   gl_Position = vec4(toClip(vec2(mix(left, left + u_w, cr.x), mix(y0, y1, cr.y))), 0.0, 1.0);
   v_color = a_color != 0u ? unpack(a_color) : u_color;
-}`, yt = class extends I {
+}`, Ct = class extends I {
 	colors = new R();
 	constructor(e, t, n) {
-		super(e, t, n, !0, t.program("histogram", vt, ft, [
+		super(e, t, n, !0, t.program("histogram", St, gt, [
 			"u_w",
 			"u_base",
 			"u_color"
@@ -1499,16 +1582,17 @@ void main() {
 		let a = e.price.logCoords && !(t.base > 0) ? e.price.min : e.price.coord(t.base);
 		r.uniform1f(i.u_base, a - this.win.priceBase), r.uniform4fv(i.u_color, this.colors.get(0, t.color)), r.drawArraysInstanced(r.TRIANGLES, 0, 6, n);
 	}
-}, bt = h + `
+}, wt = g + `
 in vec4 a_r; in float a_c;
-in vec4 a_r1;
+in vec4 a_r1; in uint a_color1;
 uniform float u_half;
 uniform int u_env;
 out vec2 v_pos;
 flat out vec2 v_a;
 flat out vec2 v_b;
+flat out vec4 v_seg;
 void main() {
-  if (a_r.x < ${g} || a_r1.x < ${g}) { ${F} }
+  if (a_r.x < ${_} || a_r1.x < ${_}) { ${F} }
   bool env = gl_VertexID >= 6;
   if (env && u_env == 0) { ${F} }
   vec2 a = env ? vec2(xDev(a_r1.x), yDev(a_r1.w)) : vec2(xDev(a_r.x), yDev(a_c));
@@ -1521,18 +1605,20 @@ void main() {
   vec2 cr = corner(gl_VertexID % 6);
   vec2 p = mix(a - dir * r, b + dir * r, cr.x) + nrm * mix(-r, r, cr.y);
   v_pos = p; v_a = a; v_b = b;
+  v_seg = a_color1 != 0u ? unpack(a_color1) : vec4(0.0, 0.0, 0.0, -1.0);
   gl_Position = vec4(toClip(p), 0.0, 1.0);
-}`, xt = "#version 300 es\nprecision highp float;\nin vec2 v_pos;\nflat in vec2 v_a;\nflat in vec2 v_b;\nuniform float u_half;\nuniform vec4 u_color;\nout vec4 o_color;\nvoid main() {\n  vec2 pa = v_pos - v_a, ba = v_b - v_a;\n  float t = clamp(dot(pa, ba) / max(dot(ba, ba), 1e-6), 0.0, 1.0);\n  float dist = length(pa - ba * t);\n  float cov = clamp(u_half + 0.5 - dist, 0.0, 1.0);\n  if (cov <= 0.0) discard;\n  float a = u_color.a * cov;\n  o_color = vec4(u_color.rgb * a, a);\n}", St = class extends I {
+}`, Tt = "#version 300 es\nprecision highp float;\nin vec2 v_pos;\nflat in vec2 v_a;\nflat in vec2 v_b;\nflat in vec4 v_seg;\nuniform float u_half;\nuniform vec4 u_color;\nout vec4 o_color;\nvoid main() {\n  vec2 pa = v_pos - v_a, ba = v_b - v_a;\n  float t = clamp(dot(pa, ba) / max(dot(ba, ba), 1e-6), 0.0, 1.0);\n  float dist = length(pa - ba * t);\n  float cov = clamp(u_half + 0.5 - dist, 0.0, 1.0);\n  if (cov <= 0.0) discard;\n  vec4 col = v_seg.a < 0.0 ? u_color : v_seg;\n  float a = col.a * cov;\n  o_color = vec4(col.rgb * a, a);\n}", Et = class extends I {
 	colors = new R();
 	constructor(e, t, n) {
-		super(e, t, n, !1, t.program("line", bt, xt, [
+		super(e, t, n, !1, t.program("line", wt, Tt, [
 			"u_half",
 			"u_env",
 			"u_color"
 		], [
 			"a_r",
 			"a_c",
-			"a_r1"
+			"a_r1",
+			"a_color1"
 		]), !0);
 	}
 	draw(e, t) {
@@ -1543,22 +1629,22 @@ void main() {
 		let i = this.gl, a = this.prog.uniforms;
 		i.uniform1f(a.u_half, Math.max(.5, n * e.dpr / 2)), i.uniform1i(a.u_env, +(this.level > 0)), i.uniform4fv(a.u_color, this.colors.get(0, t)), i.drawArraysInstanced(i.TRIANGLES, 0, 12, r - 1);
 	}
-}, Ct = h + `
+}, Dt = g + `
 in vec4 a_r; in vec4 a_r1;
 out float v_t;
 void main() {
-  if (a_r.x < ${g} || a_r1.x < ${g}) { ${F} }
+  if (a_r.x < ${_} || a_r1.x < ${_}) { ${F} }
   vec2 cr = corner(gl_VertexID);
   float x = mix(xDev(a_r.x), xDev(a_r1.x), cr.x);
   float top = mix(yDev(a_r.z), yDev(a_r1.z), cr.x);
   float y = mix(top, u_view.y, cr.y);
   v_t = y / u_view.y;
   gl_Position = vec4(toClip(vec2(x, y)), 0.0, 1.0);
-}`, wt = "#version 300 es\nprecision highp float;\nin float v_t;\nuniform vec4 u_top, u_bottom;\nout vec4 o_color;\nvoid main() {\n  vec4 c = mix(u_top, u_bottom, clamp(v_t, 0.0, 1.0));\n  o_color = vec4(c.rgb * c.a, c.a);\n}", Tt = class {
+}`, Ot = "#version 300 es\nprecision highp float;\nin float v_t;\nuniform vec4 u_top, u_bottom;\nout vec4 o_color;\nvoid main() {\n  vec4 c = mix(u_top, u_bottom, clamp(v_t, 0.0, 1.0));\n  o_color = vec4(c.rgb * c.a, c.a);\n}", kt = class {
 	fill;
 	line;
 	constructor(e, t, n) {
-		this.fill = new Et(e, t, n), this.line = new St(e, t, n);
+		this.fill = new At(e, t, n), this.line = new Et(e, t, n);
 	}
 	draw(e, t) {
 		this.fill.draw(e, t), this.line.draw(e, {
@@ -1572,10 +1658,10 @@ void main() {
 	dispose() {
 		this.fill.dispose(), this.line.dispose();
 	}
-}, Et = class extends I {
+}, At = class extends I {
 	colors = new R();
 	constructor(e, t, n) {
-		super(e, t, n, !1, t.program("area", Ct, wt, ["u_top", "u_bottom"], ["a_r", "a_r1"]), !0);
+		super(e, t, n, !1, t.program("area", Dt, Ot, ["u_top", "u_bottom"], ["a_r", "a_r1"]), !0);
 	}
 	draw(e, t) {
 		let n = this.prepare(e);
@@ -1589,7 +1675,7 @@ void main() {
 function z(e, t, n) {
 	let r = e.data, i = e.dpr, a = e.time;
 	if (t === 0) {
-		let t = r.store, o = r.shape === "ohlc", s = t.cols[0], c = t.cols[+!!o], l = t.cols[o ? 2 : 0], u = t.cols[o ? 3 : 0], d = o ? void 0 : t.cols[1], f = Math.max(e.lo - 1, t.first), p = Math.min(e.hi + 1, t.end - 1);
+		let t = r.store, o = r.shape === "ohlc", s = t.cols[0], c = t.cols[+!!o], l = t.cols[o ? 2 : 0], u = t.cols[o ? 3 : 0], d = o ? t.cols[4] : t.cols[1], f = Math.max(e.lo - 1, t.first), p = Math.min(e.hi + 1, t.end - 1);
 		for (let e = f; e <= p; e++) {
 			let r = t.head + (e - t.first), o = s[r];
 			o === o && n(a.x(e) * i, o, c[r], l[r], u[r], d ? d[r] : 0);
@@ -1604,40 +1690,43 @@ function z(e, t, n) {
 		p === p && n(a.x((e << t) + f) * i, p, c[r], l[r], u[r], d ? d[r] : 0);
 	}
 }
-var B = (e) => r(e.data, e.time.spacing * e.dpr), V = (e, t) => e.price.y(t) * e.dpr, H = (e) => Math.floor(e + .5), U = class {
+var B = (e) => i(e.data, e.time.spacing * e.dpr), V = (e, t) => e.price.y(t) * e.dpr, H = (e) => Math.floor(e + .5), U = class {
 	dataChanged() {}
 	dispose() {}
-}, Dt = class extends U {
-	draw(e, t) {
-		let n = B(e), [r, i] = L(e.time.spacing, e.dpr, n, .8), a = new Path2D(), o = new Path2D(), s = new Path2D(), c = new Path2D();
-		z(e, n, (t, n, l, u, d) => {
-			let f = Math.floor(t - r / 2 + .5), p = d >= n, m = H(V(e, l)), h = Math.max(H(V(e, u)), m + 1);
-			(p ? s : c).rect(f + (r - i) / 2, m, i, h - m);
-			let g = H(V(e, Math.max(n, d))), _ = Math.max(H(V(e, Math.min(n, d))), g + 1);
-			(p ? a : o).rect(f, g, r, _ - g);
+}, jt = class extends U {
+	draw(e, n) {
+		let r = B(e), [i, a] = L(e.time.spacing, e.dpr, r, .8), o = new Path2D(), s = new Path2D(), c = new Path2D(), l = new Path2D(), u;
+		z(e, r, (t, n, r, d, f, p) => {
+			let m = Math.floor(t - i / 2 + .5), h = f >= n, g = H(V(e, r)), _ = Math.max(H(V(e, d)), g + 1), v = H(V(e, Math.max(n, f))), y = Math.max(H(V(e, Math.min(n, f))), v + 1);
+			if (p !== 0) {
+				let e = (u ??= /* @__PURE__ */ new Map()).get(p);
+				e || u.set(p, e = new Path2D()), e.rect(m + (i - a) / 2, g, a, _ - g), e.rect(m, v, i, y - v);
+			} else (h ? c : l).rect(m + (i - a) / 2, g, a, _ - g), (h ? o : s).rect(m, v, i, y - v);
 		});
-		let l = e.ctx;
-		l.fillStyle = t.wickUpColor, l.fill(s), l.fillStyle = t.wickDownColor, l.fill(c), l.fillStyle = t.upColor, l.fill(a), l.fillStyle = t.downColor, l.fill(o);
+		let d = e.ctx;
+		if (d.fillStyle = n.wickUpColor, d.fill(c), d.fillStyle = n.wickDownColor, d.fill(l), d.fillStyle = n.upColor, d.fill(o), d.fillStyle = n.downColor, d.fill(s), u) for (let [e, n] of u) d.fillStyle = t(e), d.fill(n);
+	}
+}, Mt = class extends U {
+	draw(e, n) {
+		let r = B(e), [i, a] = L(e.time.spacing, e.dpr, r, .8), o = new Path2D(), s = new Path2D(), c;
+		if (z(e, r, (t, n, r, l, u, d) => {
+			let f = u >= n ? o : s;
+			d !== 0 && (f = (c ??= /* @__PURE__ */ new Map()).get(d) ?? new Path2D(), c.set(d, f));
+			let p = Math.floor(t - i / 2 + .5), m = p + (i - a) / 2, h = H(V(e, r)), g = Math.max(H(V(e, l)), h + 1);
+			f.rect(m, h, a, g - h), f.rect(p, Math.floor(V(e, n) - a / 2 + .5), m - p, a), f.rect(m + a, Math.floor(V(e, u) - a / 2 + .5), p + i - m - a, a);
+		}), e.ctx.fillStyle = n.upColor, e.ctx.fill(o), e.ctx.fillStyle = n.downColor, e.ctx.fill(s), c) for (let [n, r] of c) e.ctx.fillStyle = t(n), e.ctx.fill(r);
 	}
-}, Ot = class extends U {
-	draw(e, t) {
-		let n = B(e), [r, i] = L(e.time.spacing, e.dpr, n, .8), a = new Path2D(), o = new Path2D();
-		z(e, n, (t, n, s, c, l) => {
-			let u = l >= n ? a : o, d = Math.floor(t - r / 2 + .5), f = d + (r - i) / 2, p = H(V(e, s)), m = Math.max(H(V(e, c)), p + 1);
-			u.rect(f, p, i, m - p), u.rect(d, Math.floor(V(e, n) - i / 2 + .5), f - d, i), u.rect(f + i, Math.floor(V(e, l) - i / 2 + .5), d + r - f - i, i);
-		}), e.ctx.fillStyle = t.upColor, e.ctx.fill(a), e.ctx.fillStyle = t.downColor, e.ctx.fill(o);
-	}
-}, kt = class extends U {
-	draw(e, t) {
-		let n = B(e), [r] = L(e.time.spacing, e.dpr, n, .8), i = /* @__PURE__ */ new Map(), a = H((e.price.logCoords && !(t.base > 0) ? e.price.yOfDisplay(e.price.min) : e.price.y(t.base)) * e.dpr);
-		z(e, n, (n, o, s, c, l, u) => {
-			let d = H(V(e, Math.abs(s - t.base) >= Math.abs(c - t.base) ? s : c)), f = Math.min(d, a), p = Math.max(Math.max(d, a), f + 1), m = i.get(u);
-			m || i.set(u, m = new Path2D()), m.rect(Math.floor(n - r / 2 + .5), f, r, p - f);
+}, Nt = class extends U {
+	draw(e, n) {
+		let r = B(e), [i] = L(e.time.spacing, e.dpr, r, .8), a = /* @__PURE__ */ new Map(), o = H((e.price.logCoords && !(n.base > 0) ? e.price.yOfDisplay(e.price.min) : e.price.y(n.base)) * e.dpr);
+		z(e, r, (t, r, s, c, l, u) => {
+			let d = H(V(e, Math.abs(s - n.base) >= Math.abs(c - n.base) ? s : c)), f = Math.min(d, o), p = Math.max(Math.max(d, o), f + 1), m = a.get(u);
+			m || a.set(u, m = new Path2D()), m.rect(Math.floor(t - i / 2 + .5), f, i, p - f);
 		});
-		for (let [n, r] of i) e.ctx.fillStyle = n === 0 ? t.color : y(n), e.ctx.fill(r);
+		for (let [r, i] of a) e.ctx.fillStyle = r === 0 ? n.color : t(r), e.ctx.fill(i);
 	}
 };
-function At(e, t, n) {
+function Pt(e, t, n) {
 	let r = new Path2D(), i = !1, a = 0, o = 0;
 	return z(e, t, (s, c, l, u, d) => {
 		if (t === 0 || n === "h") {
@@ -1651,36 +1740,53 @@ function At(e, t, n) {
 		last: o
 	};
 }
-function jt(e, t, n, r) {
+function Ft(e, t, n, r) {
 	let i = e.ctx;
 	i.strokeStyle = n, i.lineWidth = Math.max(1, r * e.dpr), i.lineJoin = "round", i.lineCap = "round", i.stroke(t);
 }
-var Mt = class extends U {
+function It(e, n, r, i) {
+	let a = /* @__PURE__ */ new Map(), o = 0, s = 0, c = !1;
+	z(e, n, (t, r, i, l, u, d) => {
+		let f = a.get(d);
+		f || a.set(d, f = new Path2D());
+		let p = n === 0 ? [V(e, u)] : [
+			V(e, r),
+			V(e, i),
+			V(e, l),
+			V(e, u)
+		];
+		if (c && (f.moveTo(o, s), f.lineTo(t, p[0])), n !== 0) for (let e = 1; e < p.length; e++) e === 1 && f.moveTo(t, p[0]), f.lineTo(t, p[e]);
+		o = t, s = p[p.length - 1], c = !0;
+	});
+	for (let [n, o] of a) Ft(e, o, n === 0 ? r : t(n), i);
+}
+var Lt = class extends U {
 	draw(e, t) {
-		jt(e, At(e, B(e), "c").path, t.color, t.lineWidth);
+		let n = B(e);
+		e.data.pointColors ? It(e, n, t.color, t.lineWidth) : Ft(e, Pt(e, n, "c").path, t.color, t.lineWidth);
 	}
-}, Nt = class extends U {
+}, Rt = class extends U {
 	draw(e, t) {
-		let n = B(e), r = At(e, n, "h"), i = new Path2D(r.path);
+		let n = B(e), r = Pt(e, n, "h"), i = new Path2D(r.path);
 		i.lineTo(r.last, e.height), i.lineTo(r.first, e.height), i.closePath();
 		let a = e.ctx.createLinearGradient(0, 0, 0, e.height);
-		a.addColorStop(0, t.topColor), a.addColorStop(1, t.bottomColor), e.ctx.fillStyle = a, e.ctx.fill(i), jt(e, At(e, n, "c").path, t.lineColor, t.lineWidth);
+		a.addColorStop(0, t.topColor), a.addColorStop(1, t.bottomColor), e.ctx.fillStyle = a, e.ctx.fill(i), e.data.pointColors ? It(e, n, t.lineColor, t.lineWidth) : Ft(e, Pt(e, n, "c").path, t.lineColor, t.lineWidth);
 	}
-}, Pt = /* @__PURE__ */ new Map();
+}, zt = /* @__PURE__ */ new Map();
 function W(e, t) {
-	let n = Pt.get(e);
+	let n = zt.get(e);
 	if (n !== t) {
 		if (n) throw Error(`alphacharts: series type "${e}" is already registered with a different definition`);
-		Pt.set(e, t);
+		zt.set(e, t);
 	}
 }
-function Ft(e) {
-	let t = Pt.get(e);
+function Bt(e) {
+	let t = zt.get(e);
 	if (!t) throw Error(`alphacharts: unknown series type "${e}"`);
 	return t;
 }
 var G = (e, t, n, r, i) => void e.lod.minMax(n, r, i);
-function It(e, t, n, r) {
+function Vt(e, t, n, r) {
 	if (!e.has(t)) return;
 	let i = e.get(t, 3);
 	return {
@@ -1696,28 +1802,28 @@ W("candles", {
 		wickUpColor: e.up,
 		wickDownColor: e.down
 	}),
-	createRenderer: (e, t, n) => new ht(e, t, n),
-	createRenderer2D: () => new Dt(),
+	createRenderer: (e, t, n) => new yt(e, t, n),
+	createRenderer2D: () => new jt(),
 	autoscale: G,
-	valueAt: (e, t, n) => It(e, n, t.upColor, t.downColor)
+	valueAt: (e, t, n) => Vt(e, n, t.upColor, t.downColor)
 }), W("bars", {
 	shape: "ohlc",
 	defaults: (e) => ({
 		upColor: e.up,
 		downColor: e.down
 	}),
-	createRenderer: (e, t, n) => new _t(e, t, n),
-	createRenderer2D: () => new Ot(),
+	createRenderer: (e, t, n) => new xt(e, t, n),
+	createRenderer2D: () => new Mt(),
 	autoscale: G,
-	valueAt: (e, t, n) => It(e, n, t.upColor, t.downColor)
+	valueAt: (e, t, n) => Vt(e, n, t.upColor, t.downColor)
 }), W("line", {
 	shape: "value",
 	defaults: (e) => ({
 		color: e.accent,
 		lineWidth: 2
 	}),
-	createRenderer: (e, t, n) => new St(e, t, n),
-	createRenderer2D: () => new Mt(),
+	createRenderer: (e, t, n) => new Et(e, t, n),
+	createRenderer2D: () => new Lt(),
 	autoscale: G,
 	valueAt: (e, t, n) => e.has(n) ? {
 		value: e.get(n, 0),
@@ -1731,8 +1837,8 @@ W("candles", {
 		bottomColor: "rgba(41,98,255,0.02)",
 		lineWidth: 2
 	}),
-	createRenderer: (e, t, n) => new Tt(e, t, n),
-	createRenderer2D: () => new Nt(),
+	createRenderer: (e, t, n) => new kt(e, t, n),
+	createRenderer2D: () => new Rt(),
 	autoscale: G,
 	valueAt: (e, t, n) => e.has(n) ? {
 		value: e.get(n, 0),
@@ -1744,29 +1850,29 @@ W("candles", {
 		color: e.accent,
 		base: 0
 	}),
-	createRenderer: (e, t, n) => new yt(e, t, n),
-	createRenderer2D: () => new kt(),
+	createRenderer: (e, t, n) => new Ct(e, t, n),
+	createRenderer2D: () => new Nt(),
 	autoscale: (e, t, n, r, i) => {
 		e.lod.minMax(n, r, i), i[0] === i[0] && (i[0] = Math.min(i[0], t.base), i[1] = Math.max(i[1], t.base));
 	},
-	valueAt: (e, t, n) => {
-		if (!e.has(n)) return;
-		let r = e.get(n, 1);
+	valueAt: (e, n, r) => {
+		if (!e.has(r)) return;
+		let i = e.get(r, 1);
 		return {
-			value: e.get(n, 0),
-			color: r === 0 ? t.color : y(r)
+			value: e.get(r, 0),
+			color: i === 0 ? n.color : t(i)
 		};
 	}
 });
 //#endregion
 //#region src/chart/series.ts
-var Lt = 2048;
-function Rt(e) {
-	let n = e.autoscale;
+var Ht = 2048;
+function Ut(t) {
+	let n = t.autoscale;
 	if (n !== void 0 && typeof n != "function") throw TypeError(`alphacharts: series option autoscale must be a function, got ${typeof n}`);
-	for (let [n, r] of Object.entries(e)) /color$/i.test(n) && r !== void 0 && t(r);
+	for (let [n, r] of Object.entries(t)) /color$/i.test(n) && r !== void 0 && e(r);
 }
-var zt = {
+var Wt = {
 	id: "",
 	priceScaleId: "right",
 	pane: 0,
@@ -1776,7 +1882,7 @@ var zt = {
 	lastValueVisible: !0,
 	priceLineVisible: !0,
 	title: ""
-}, Bt = class {
+}, Gt = class {
 	type;
 	data;
 	host;
@@ -1789,13 +1895,13 @@ var zt = {
 	user;
 	effective;
 	constructor(e, t, n, r, i) {
-		this.type = e, this.data = t, this.host = n, this.def = Ft(e), Rt(r), this.user = { ...r }, this.effective = this.resolve(i), this.formatter = this.makeFormatter();
+		this.type = e, this.data = t, this.host = n, this.def = Bt(e), Ut(r), this.user = { ...r }, this.effective = this.resolve(i), this.formatter = this.makeFormatter();
 	}
 	options() {
 		return this.effective;
 	}
 	applyOptions(e) {
-		Rt(e);
+		Ut(e);
 		let t = this.effective;
 		this.user = {
 			...this.user,
@@ -1811,6 +1917,12 @@ var zt = {
 	update(e) {
 		this.host.update(this, e);
 	}
+	setBarColors(e) {
+		this.host.setColors(this, e);
+	}
+	clearBarColors() {
+		this.host.clearColors(this);
+	}
 	barAt(e) {
 		let t = this.host.indexOf(e);
 		return t === void 0 ? void 0 : this.barAtIndex(t);
@@ -1838,7 +1950,7 @@ var zt = {
 		};
 	}
 	setMarkers(e) {
-		this.markerList = tt(e, (e) => {
+		this.markerList = at(e, (e) => {
 			let t = this.host.indexOf(e);
 			return t !== void 0 && this.data.has(t);
 		}), this.host.markersChanged(this);
@@ -1868,19 +1980,19 @@ var zt = {
 			2,
 			3
 		] : [r], a = this.dataDecimals, o = (e, t) => {
-			for (let r = e; r < t; r++) if (n.has(r)) for (let e of i) a = Math.max(a, lt(n.get(r, e)));
+			for (let r = e; r < t; r++) if (n.has(r)) for (let e of i) a = Math.max(a, pt(n.get(r, e)));
 		};
-		t - e <= Lt * 2 ? o(e, t) : (o(e, e + Lt), o(t - Lt, t)), a !== this.dataDecimals && (this.dataDecimals = a, this.formatter = this.makeFormatter());
+		t - e <= Ht * 2 ? o(e, t) : (o(e, e + Ht), o(t - Ht, t)), a !== this.dataDecimals && (this.dataDecimals = a, this.formatter = this.makeFormatter());
 	}
 	makeFormatter() {
-		return dt(this.effective.priceFormat, 10 ** -this.dataDecimals, this.host.locale);
+		return ht(this.effective.priceFormat, 10 ** -this.dataDecimals, this.host.locale);
 	}
 	themeChanged(e) {
 		this.effective = this.resolve(e);
 	}
 	resolve(e) {
 		return {
-			...zt,
+			...Wt,
 			...this.def.defaults(e),
 			...this.user
 		};
@@ -1906,7 +2018,7 @@ var zt = {
 	down: "#ef5350",
 	accent: "#2962ff",
 	extendedHours: "rgba(41,98,255,0.06)"
-}, Vt = {
+}, Kt = {
 	background: "#ffffff",
 	text: "#131722",
 	textMuted: "#5d606b",
@@ -1921,7 +2033,7 @@ var zt = {
 	down: "#f23645",
 	accent: "#2962ff",
 	extendedHours: "rgba(41,98,255,0.05)"
-}, Ht = {
+}, qt = {
 	background: "#000000",
 	text: "#ffffff",
 	textMuted: "#ffffff",
@@ -1937,12 +2049,12 @@ var zt = {
 	accent: "#4da3ff",
 	extendedHours: "rgba(255,255,255,0.12)"
 };
-function Ut() {
-	return typeof matchMedia > "u" ? K : matchMedia("(prefers-contrast: more)").matches ? Ht : matchMedia("(prefers-color-scheme: light)").matches ? Vt : K;
+function Jt() {
+	return typeof matchMedia > "u" ? K : matchMedia("(prefers-contrast: more)").matches ? qt : matchMedia("(prefers-color-scheme: light)").matches ? Kt : K;
 }
 //#endregion
 //#region src/chart/messages.ts
-var Wt = {
+var Yt = {
 	"chart.ariaLabel": "Price chart",
 	"chart.readout.ohlc": "{name} open {open} high {high} low {low} close {close}",
 	"chart.readout.value": "{name} {value}",
@@ -1954,15 +2066,15 @@ var Wt = {
 	"chart.table.value": "Value",
 	"chart.table.caption": "{label}: {name}, visible bars, newest first",
 	"chart.countdown.days": "{n}d"
-}, Gt = (e, t = {}) => {
-	let n = Wt[e];
+}, Xt = (e, t = {}) => {
+	let n = Yt[e];
 	if (n === void 0) throw Error(`alphacharts: unknown chart message key "${e}"`);
 	return n.replace(/\{(\w+)\}/g, (n, r) => {
 		let i = t[r];
 		if (i === void 0) throw Error(`alphacharts: chart message "${e}" needs a value for "${r}"`);
 		return String(i);
 	});
-}, Kt = {
+}, Zt = {
 	timeZone: "UTC",
 	regular: ((e) => [
 		e,
@@ -1974,7 +2086,7 @@ var Wt = {
 		e
 	])([[0, 1440]])
 };
-function qt(e, t, n, r) {
+function Qt(e, t, n, r) {
 	let i = (e) => [
 		[],
 		e,
@@ -1991,7 +2103,7 @@ function qt(e, t, n, r) {
 		...r ? { holidays: r } : {}
 	};
 }
-var Jt = (e = []) => qt("Asia/Kolkata", [[555, 930]], [[540, 555]], e), Yt = (e = []) => qt("America/New_York", [[570, 960]], [[240, 570], [960, 1200]], e), q = class {
+var $t = (e = []) => Qt("Asia/Kolkata", [[555, 930]], [[540, 555]], e), en = (e = []) => Qt("America/New_York", [[570, 960]], [[240, 570], [960, 1200]], e), q = class {
 	spec;
 	tz;
 	holidays;
@@ -2000,23 +2112,23 @@ var Jt = (e = []) => qt("Asia/Kolkata", [[555, 930]], [[540, 555]], e), Yt = (e
 		if (e.extended && e.extended.length !== 7) throw RangeError("sessions: extended needs 7 weekdays (Sunday first)");
 		for (let t of [...e.regular, ...e.extended ?? []]) for (let [e, n] of t) if (!(e >= 0 && n > e && n - e <= 1440)) throw RangeError(`sessions: bad window [${e}, ${n})`);
 		for (let t of e.holidays ?? []) if (!/^\d{4}-\d{2}-\d{2}$/.test(t)) throw RangeError(`sessions: holiday "${t}" is not YYYY-MM-DD`);
-		this.tz = new S(e.timeZone), this.holidays = new Set(e.holidays ?? []);
+		this.tz = new x(e.timeZone), this.holidays = new Set(e.holidays ?? []);
 	}
 	state(e) {
 		let t = e + this.tz.offset(e);
 		for (let e of [0, 1]) {
-			let n = Math.floor(t / x) - e;
+			let n = Math.floor(t / b) - e;
 			if (this.isHolidayDay(n)) continue;
-			let r = (t - n * x) / 6e4, i = Xt(n);
-			if (Zt(this.spec.regular[i], r)) return "regular";
-			if (this.spec.extended && Zt(this.spec.extended[i], r)) return "extended";
+			let r = (t - n * b) / 6e4, i = tn(n);
+			if (nn(this.spec.regular[i], r)) return "regular";
+			if (this.spec.extended && nn(this.spec.extended[i], r)) return "extended";
 		}
 		return "closed";
 	}
 	sessionStart(e) {
-		let t = e + this.tz.offset(e), n = Math.floor(t / x);
-		for (let t = n - 1; t <= n + 14; t++) if (!this.isHolidayDay(t)) for (let [r, i] of this.spec.regular[Xt(t)]) {
-			let a = this.tz.fromLocal(t * x + r * 6e4);
+		let t = e + this.tz.offset(e), n = Math.floor(t / b);
+		for (let t = n - 1; t <= n + 14; t++) if (!this.isHolidayDay(t)) for (let [r, i] of this.spec.regular[tn(t)]) {
+			let a = this.tz.fromLocal(t * b + r * 6e4);
 			if (e < this.tz.fromLocal(t * 864e5 + i * 6e4) && (e >= a || t >= n)) return a;
 		}
 		throw RangeError("sessions: no regular session within two weeks (is every weekday closed?)");
@@ -2027,20 +2139,20 @@ var Jt = (e = []) => qt("Asia/Kolkata", [[555, 930]], [[540, 555]], e), Yt = (e
 	}
 	isHolidayDay(e) {
 		if (this.holidays.size === 0) return !1;
-		let t = this.tz.civil(this.tz.fromLocal(e * x + 432e5));
+		let t = this.tz.civil(this.tz.fromLocal(e * b + 432e5));
 		return this.holidays.has(`${t.year}-${String(t.month).padStart(2, "0")}-${String(t.day).padStart(2, "0")}`);
 	}
 };
-function Xt(e) {
+function tn(e) {
 	return ((e + 4) % 7 + 7) % 7;
 }
-function Zt(e, t) {
+function nn(e, t) {
 	for (let [n, r] of e) if (t >= n && t < r) return !0;
 	return !1;
 }
 //#endregion
 //#region src/data/resample.ts
-function Qt(e) {
+function rn(e) {
 	let t = /^(\d+)?([smhDWM])?$/.exec(e.trim());
 	if (!t || !t[1] && !t[2]) throw RangeError(`resolution "${e}": expected e.g. 30s, 5m, 4h, 1D, 1W, 3M`);
 	let n = t[1] ? Number(t[1]) : 1;
@@ -2050,11 +2162,11 @@ function Qt(e) {
 		n
 	};
 }
-var $t = {
+var an = {
 	s: 1e3,
 	m: 6e4,
 	h: 36e5
-}, en = class e {
+}, on = class e {
 	res;
 	tz;
 	sessions;
@@ -2063,23 +2175,23 @@ var $t = {
 	bucket = NaN;
 	constructor(e, t = {}) {
 		if (this.res = e, !(e.n >= 1) || !Number.isInteger(e.n)) throw RangeError(`resolution count must be a positive integer, got ${e.n}`);
-		this.sessions = t.sessions ? new q(t.sessions) : null, this.tz = this.sessions ? this.sessions.tz : new S(t.timeZone ?? "UTC");
+		this.sessions = t.sessions ? new q(t.sessions) : null, this.tz = this.sessions ? this.sessions.tz : new x(t.timeZone ?? "UTC");
 	}
 	bucketStart(e) {
 		let { unit: t, n } = this.res, r = this.tz;
 		if (t === "s" || t === "m" || t === "h") {
-			let i = $t[t] * n, a = this.sessions ? this.sessions.sessionStart(e) : r.fromLocal(Math.floor((e + r.offset(e)) / x) * x);
+			let i = an[t] * n, a = this.sessions ? this.sessions.sessionStart(e) : r.fromLocal(Math.floor((e + r.offset(e)) / b) * b);
 			return a + Math.floor((e - a) / i) * i;
 		}
 		let i = e + r.offset(e);
 		if (t === "D") {
 			if (this.sessions && n === 1) return this.sessions.sessionStart(e);
-			let t = Math.floor(i / x);
-			return r.fromLocal(Math.floor(t / n) * n * x);
+			let t = Math.floor(i / b);
+			return r.fromLocal(Math.floor(t / n) * n * b);
 		}
 		if (t === "W") {
-			let e = Math.floor(i / x), t = Math.floor((e - 4) / 7);
-			return r.fromLocal((4 + Math.floor(t / n) * n * 7) * x);
+			let e = Math.floor(i / b), t = Math.floor((e - 4) / 7);
+			return r.fromLocal((4 + Math.floor(t / n) * n * 7) * b);
 		}
 		let a = r.civil(e), o = Math.floor((a.year * 12 + (a.month - 1)) / n) * n;
 		return r.fromLocal(Date.UTC(Math.floor(o / 12), o % 12, 1));
@@ -2095,12 +2207,12 @@ var $t = {
 		};
 		if (this.last && e.time < this.last.time) throw RangeError(`resample: source time ${e.time} is before the previous ${this.last.time}`);
 		let n = this.bucketStart(e.time);
-		return n === this.bucket ? (this.last && this.last.time === e.time || (this.base = this.base ? tn(this.base, this.last.bar) : this.last.bar), this.last = {
+		return n === this.bucket ? (this.last && this.last.time === e.time || (this.base = this.base ? sn(this.base, this.last.bar) : this.last.bar), this.last = {
 			time: e.time,
 			bar: t
 		}, {
 			bar: {
-				...this.base ? tn(this.base, t) : t,
+				...this.base ? sn(this.base, t) : t,
 				time: n
 			},
 			replaced: !0
@@ -2131,7 +2243,7 @@ var $t = {
 		return a;
 	}
 };
-function tn(e, t) {
+function sn(e, t) {
 	return {
 		time: e.time,
 		open: e.open,
@@ -2143,7 +2255,7 @@ function tn(e, t) {
 }
 //#endregion
 //#region src/chart/watermark.ts
-var nn = {
+var cn = {
 	visible: !0,
 	opacity: 1
 };
@@ -2151,16 +2263,16 @@ function J(e) {
 	if (typeof e.visible != "boolean") throw TypeError(`alphacharts: watermark.visible must be a boolean, got ${String(e.visible)}`);
 	if (!(e.opacity >= 0 && e.opacity <= 1)) throw RangeError(`alphacharts: watermark.opacity must be between 0 and 1, got ${String(e.opacity)}`);
 }
-var rn = "M4405 7778 c-217 -11 -387 -42 -589 -109 -702 -233 -1309 -862 -1563 -1619 -85 -253 -124 -451 -148 -755 -18 -227 -18 -329 0 -531 30 -337 82 -568 190 -849 144 -372 337 -670 614 -945 354 -351 734 -551 1231 -649 209 -41 591 -41 800 0 267 52 453 119 660 237 306 175 558 411 729 685 33 51 48 67 66 67 18 0 25 -8 35 -47 70 -268 197 -492 353 -624 102 -85 277 -168 452 -214 151 -40 248 -49 500 -49 254 0 342 9 450 47 l40 14 3 417 c1 288 -1 416 -8 416 -6 0 -23 -6 -38 -14 -15 -7 -70 -28 -122 -46 -80 -28 -113 -34 -213 -38 -212 -8 -343 32 -454 141 -86 83 -139 201 -174 382 -18 96 -19 169 -19 2012 l0 1913 -415 0 -415 0 0 -380 c0 -447 4 -436 -100 -288 -134 191 -398 428 -606 544 -27 15 -63 35 -80 44 -44 26 -208 95 -289 123 -280 97 -554 132 -890 115z m485 -789 c412 -60 800 -291 1064 -634 189 -244 314 -515 371 -800 38 -191 40 -223 40 -520 0 -297 -3 -332 -41 -520 -137 -681 -658 -1252 -1279 -1402 -243 -58 -527 -58 -770 0 -586 141 -1091 664 -1254 1297 -58 227 -74 368 -74 630 0 478 97 835 320 1179 243 375 598 635 1012 741 169 44 425 56 611 29z", an = 560, on = 20, sn = 12, cn = 10, ln = 3.5, un = 160, dn = 120, fn;
-function pn(e, t, n, r, i) {
-	if (!i.visible || i.opacity === 0 || t < un || n < dn) return;
-	fn ??= new Path2D(rn);
-	let a = on / an;
-	e.save(), e.globalAlpha = i.opacity, e.translate(sn, n - cn - on), e.scale(a, a), e.translate(-200, -240), e.translate(0, 1024), e.scale(.1, -.1), e.lineJoin = "round", e.lineWidth = ln / (a * .1), e.strokeStyle = r.background, e.stroke(fn), e.fillStyle = r.text, e.fill(fn), e.restore();
+var ln = "M4405 7778 c-217 -11 -387 -42 -589 -109 -702 -233 -1309 -862 -1563 -1619 -85 -253 -124 -451 -148 -755 -18 -227 -18 -329 0 -531 30 -337 82 -568 190 -849 144 -372 337 -670 614 -945 354 -351 734 -551 1231 -649 209 -41 591 -41 800 0 267 52 453 119 660 237 306 175 558 411 729 685 33 51 48 67 66 67 18 0 25 -8 35 -47 70 -268 197 -492 353 -624 102 -85 277 -168 452 -214 151 -40 248 -49 500 -49 254 0 342 9 450 47 l40 14 3 417 c1 288 -1 416 -8 416 -6 0 -23 -6 -38 -14 -15 -7 -70 -28 -122 -46 -80 -28 -113 -34 -213 -38 -212 -8 -343 32 -454 141 -86 83 -139 201 -174 382 -18 96 -19 169 -19 2012 l0 1913 -415 0 -415 0 0 -380 c0 -447 4 -436 -100 -288 -134 191 -398 428 -606 544 -27 15 -63 35 -80 44 -44 26 -208 95 -289 123 -280 97 -554 132 -890 115z m485 -789 c412 -60 800 -291 1064 -634 189 -244 314 -515 371 -800 38 -191 40 -223 40 -520 0 -297 -3 -332 -41 -520 -137 -681 -658 -1252 -1279 -1402 -243 -58 -527 -58 -770 0 -586 141 -1091 664 -1254 1297 -58 227 -74 368 -74 630 0 478 97 835 320 1179 243 375 598 635 1012 741 169 44 425 56 611 29z", un = 560, dn = 20, fn = 12, pn = 10, mn = 3.5, hn = 160, gn = 120, _n;
+function vn(e, t, n, r, i) {
+	if (!i.visible || i.opacity === 0 || t < hn || n < gn) return;
+	_n ??= new Path2D(ln);
+	let a = dn / un;
+	e.save(), e.globalAlpha = i.opacity, e.translate(fn, n - pn - dn), e.scale(a, a), e.translate(-200, -240), e.translate(0, 1024), e.scale(.1, -.1), e.lineJoin = "round", e.lineWidth = mn / (a * .1), e.strokeStyle = r.background, e.stroke(_n), e.fillStyle = r.text, e.fill(_n), e.restore();
 }
 //#endregion
 //#region src/chart/chart.ts
-var mn = {
+var yn = {
 	panLeft: ["ArrowLeft"],
 	panRight: ["ArrowRight"],
 	zoomIn: [
@@ -2180,28 +2292,28 @@ var mn = {
 	crosshairRight: ["Shift+ArrowRight"],
 	hideCrosshair: ["Escape"],
 	resetChart: ["Alt+R", "Alt+r"]
-}, Y = 1, X = 6, hn = 48;
-function gn(e, n) {
-	if (e === void 0) return n;
-	if (e === "dark") return K;
-	if (e === "light") return Vt;
-	if (e === "high-contrast") return Ht;
-	if (e === "auto") return Ut();
+}, Y = 1, X = 6, bn = 48;
+function xn(t, n) {
+	if (t === void 0) return n;
+	if (t === "dark") return K;
+	if (t === "light") return Kt;
+	if (t === "high-contrast") return qt;
+	if (t === "auto") return Jt();
 	let r = {
 		...n,
-		...e
+		...t
 	};
-	for (let e of Object.keys(r)) e !== "fontFamily" && e !== "fontSize" && t(r[e]);
+	for (let t of Object.keys(r)) t !== "fontFamily" && t !== "fontSize" && e(r[t]);
 	return r;
 }
-var _n = class {
+var Sn = class {
 	element;
 	live;
 	layers;
-	model = new d();
+	model = new u();
 	time;
 	panes = [];
-	events = new Ye();
+	events = new Ze();
 	primitives = /* @__PURE__ */ new Map();
 	plugins = /* @__PURE__ */ new Map();
 	pluginInitial = /* @__PURE__ */ new Map();
@@ -2255,74 +2367,81 @@ var _n = class {
 	syncIndex = null;
 	crosshairSource = "pointer";
 	lastAnnounce = 0;
-	constructor(e, t = {}, n) {
-		this.opts = {
-			theme: gn(t.theme, K),
-			timeZone: t.timeZone ?? "UTC",
-			locale: t.locale,
-			timeScale: {
-				...ze,
-				...t.timeScale
-			},
-			crosshair: {
-				mode: "magnet",
-				visible: !0,
-				priceLabel: !0,
-				...t.crosshair
-			},
-			grid: {
-				vertLines: !0,
-				horzLines: !0,
-				...t.grid
-			},
-			timeFormat: t.timeFormat,
-			timeVisible: t.timeVisible ?? "auto",
-			timeLabel: t.timeLabel,
-			rightPriceScale: {
-				...we,
-				...t.rightPriceScale,
-				position: "right"
-			},
-			leftPriceScale: {
-				...we,
-				...t.leftPriceScale,
-				position: "left"
-			},
-			interaction: {
-				pan: !0,
-				zoom: !0,
-				kinetic: !0,
-				keyboard: !0,
-				...t.interaction
-			},
-			watermark: {
-				...nn,
-				...t.watermark
-			},
-			messages: t.messages ?? Gt,
-			ariaLabel: t.ariaLabel ?? (t.messages ?? Gt)("chart.ariaLabel"),
-			renderer: t.renderer ?? "auto",
-			sessions: t.sessions ?? null,
-			resolution: t.resolution ?? null,
-			countdown: t.countdown ?? !0,
-			keymap: {
-				...mn,
-				...t.keymap
-			},
-			a11yTable: t.a11yTable ?? !0
-		}, this.ariaLabelFixed = t.ariaLabel !== void 0, this.autoTheme = t.theme === "auto", this.sessions = this.opts.sessions ? new q(this.opts.sessions) : null, this.resampler = this.opts.resolution ? new en(Qt(this.opts.resolution), this.opts.sessions ? { sessions: this.opts.sessions } : { timeZone: this.opts.timeZone }) : null, D(this.opts.rightPriceScale), D(this.opts.leftPriceScale), J(this.opts.watermark), this.tz = new S(this.opts.timeZone), this.fmt = new Re(this.opts.locale, this.tz, this.opts.timeFormat), this.time = new Be(this.opts.timeScale);
-		let r = document.createElement("div");
-		r.style.cssText = "position:relative;width:100%;height:100%;overflow:hidden;user-select:none;-webkit-user-select:none;touch-action:none;outline:none", r.tabIndex = 0, r.setAttribute("role", "application"), r.setAttribute("aria-roledescription", "chart"), r.setAttribute("aria-label", this.opts.ariaLabel), this.live = document.createElement("div"), this.live.setAttribute("aria-live", "polite"), this.live.style.cssText = "position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap", r.appendChild(this.live), e.appendChild(r), this.element = r;
-		let i = {
-			lost: () => this.dropRenderers(),
-			restored: () => this.invalidate(7)
-		};
-		this.layers = n ? n(r, i) : new me(r, this.opts.renderer, i), this.model.onChange(this.onData), this.interaction = new Je(this, r, r), this.resizeObs = new ResizeObserver(() => this.measure()), this.resizeObs.observe(r), this.watchDpr(), this.watchSystem(), this.syncCountdown(), this.measure();
+	constructor(e, t = {}, r) {
+		try {
+			this.opts = {
+				theme: xn(t.theme, K),
+				timeZone: t.timeZone ?? "UTC",
+				locale: t.locale,
+				timeScale: {
+					...Ve,
+					...t.timeScale
+				},
+				crosshair: {
+					mode: "magnet",
+					visible: !0,
+					priceLabel: !0,
+					...t.crosshair
+				},
+				grid: {
+					vertLines: !0,
+					horzLines: !0,
+					...t.grid
+				},
+				timeFormat: t.timeFormat,
+				timeVisible: t.timeVisible ?? "auto",
+				timeLabel: t.timeLabel,
+				rightPriceScale: {
+					...Ee,
+					...t.rightPriceScale,
+					position: "right"
+				},
+				leftPriceScale: {
+					...Ee,
+					...t.leftPriceScale,
+					position: "left"
+				},
+				interaction: {
+					pan: !0,
+					zoom: !0,
+					kinetic: !0,
+					keyboard: !0,
+					...t.interaction
+				},
+				watermark: {
+					...cn,
+					...t.watermark
+				},
+				messages: t.messages ?? Xt,
+				ariaLabel: t.ariaLabel ?? (t.messages ?? Xt)("chart.ariaLabel"),
+				renderer: t.renderer ?? "auto",
+				sessions: t.sessions ?? null,
+				resolution: t.resolution ?? null,
+				countdown: t.countdown ?? !0,
+				keymap: {
+					...yn,
+					...t.keymap
+				},
+				a11yTable: t.a11yTable ?? !0
+			}, this.ariaLabelFixed = t.ariaLabel !== void 0, this.autoTheme = t.theme === "auto", this.sessions = this.opts.sessions ? new q(this.opts.sessions) : null, this.resampler = this.opts.resolution ? new on(rn(this.opts.resolution), this.opts.sessions ? { sessions: this.opts.sessions } : { timeZone: this.opts.timeZone }) : null, D(this.opts.rightPriceScale), D(this.opts.leftPriceScale), J(this.opts.watermark), this.tz = new x(this.opts.timeZone), this.fmt = new Be(this.opts.locale, this.tz, this.opts.timeFormat), this.time = new He(this.opts.timeScale);
+			let n = document.createElement("div");
+			n.style.cssText = "position:relative;width:100%;height:100%;overflow:hidden;user-select:none;-webkit-user-select:none;touch-action:none;outline:none", n.tabIndex = 0, n.setAttribute("role", "application"), n.setAttribute("aria-roledescription", "chart"), n.setAttribute("aria-label", this.opts.ariaLabel), this.live = document.createElement("div"), this.live.setAttribute("aria-live", "polite"), this.live.style.cssText = "position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap", n.appendChild(this.live), e.appendChild(n), this.element = n;
+			let i = {
+				lost: () => this.dropRenderers(),
+				restored: () => this.invalidate(7)
+			};
+			this.layers = r ? r(n, i) : new _e(n, this.opts.renderer, i), this.model.onChange(this.onData), this.interaction = new Xe(this, n, n), this.resizeObs = new ResizeObserver(() => this.measure()), this.resizeObs.observe(n), this.watchDpr(), this.watchSystem(), this.syncCountdown(), this.measure();
+		} catch (e) {
+			throw n({
+				source: "ctor",
+				error: e
+			}), e;
+		}
 	}
 	addSeries(e, t = {}) {
 		let n = t.id || this.nextSeriesId();
 		if (this.allSeries().some((e) => e.options().id === n)) throw Error(`alphacharts: a series with id "${n}" already exists`);
-		let r = new Bt(e, this.model.add(Ft(e).shape), this, {
+		let r = new Gt(e, this.model.add(Bt(e).shape), this, {
 			...t,
 			id: n
 		}, this.opts.theme);
@@ -2341,7 +2460,7 @@ var _n = class {
 		this.primitives.delete(t), t.renderer?.dispose(), t.renderer = null, t.renderer2d?.dispose(), t.renderer2d = null, this.model.remove(t.data), this.prunePanes(), this.invalidate(7);
 	}
 	createPriceLine(e, t) {
-		let n = new Qe({
+		let n = new et({
 			labelTextColor: this.opts.theme.labelText,
 			...t
 		});
@@ -2357,14 +2476,14 @@ var _n = class {
 		return this.removed;
 	}
 	applyOptions(e) {
-		let t = this.opts, n = e.timeZone === void 0 ? this.tz : new S(e.timeZone), r = gn(e.theme, t.theme);
+		let t = this.opts, n = e.timeZone === void 0 ? this.tz : new x(e.timeZone), r = xn(e.theme, t.theme);
 		e.rightPriceScale && D(e.rightPriceScale), e.leftPriceScale && D(e.leftPriceScale);
 		let i = {
 			...t.watermark,
 			...e.watermark
 		};
 		J(i);
-		let a = e.timeZone !== void 0 || e.locale !== void 0 || "timeFormat" in e, o = a ? new Re("locale" in e ? e.locale : t.locale, n, "timeFormat" in e ? e.timeFormat : t.timeFormat) : this.fmt;
+		let a = e.timeZone !== void 0 || e.locale !== void 0 || "timeFormat" in e, o = a ? new Be("locale" in e ? e.locale : t.locale, n, "timeFormat" in e ? e.timeFormat : t.timeFormat) : this.fmt;
 		if (this.opts = {
 			...t,
 			...e,
@@ -2399,7 +2518,7 @@ var _n = class {
 		}, Object.assign(this.time.options, this.opts.timeScale), e.keymap && (this.opts.keymap = {
 			...t.keymap,
 			...e.keymap
-		}), e.theme !== void 0 && (this.autoTheme = e.theme === "auto"), e.sessions !== void 0 && (this.sessions = e.sessions ? new q(e.sessions) : null), (e.resolution !== void 0 || e.sessions !== void 0 || e.timeZone !== void 0) && (this.resampler = this.opts.resolution ? new en(Qt(this.opts.resolution), this.opts.sessions ? { sessions: this.opts.sessions } : { timeZone: this.opts.timeZone }) : null), this.syncCountdown(), a && (this.tz = n, this.fmt = o, this.tticksKey = ""), e.rightPriceScale && "minWidth" in e.rightPriceScale && (this.axisCols.right = []), e.leftPriceScale && "minWidth" in e.leftPriceScale && (this.axisCols.left = []), e.theme !== void 0) for (let e of this.panes) for (let t of e.series) t.themeChanged(this.opts.theme);
+		}), e.theme !== void 0 && (this.autoTheme = e.theme === "auto"), e.sessions !== void 0 && (this.sessions = e.sessions ? new q(e.sessions) : null), (e.resolution !== void 0 || e.sessions !== void 0 || e.timeZone !== void 0) && (this.resampler = this.opts.resolution ? new on(rn(this.opts.resolution), this.opts.sessions ? { sessions: this.opts.sessions } : { timeZone: this.opts.timeZone }) : null), this.syncCountdown(), a && (this.tz = n, this.fmt = o, this.tticksKey = ""), e.rightPriceScale && "minWidth" in e.rightPriceScale && (this.axisCols.right = []), e.leftPriceScale && "minWidth" in e.leftPriceScale && (this.axisCols.left = []), e.theme !== void 0) for (let e of this.panes) for (let t of e.series) t.themeChanged(this.opts.theme);
 		for (let t of this.panes) for (let [n, r] of t.scales) n === "right" && e.rightPriceScale && (r.options = { ...this.opts.rightPriceScale }), n === "left" && e.leftPriceScale && (r.options = { ...this.opts.leftPriceScale });
 		e.ariaLabel !== void 0 && (this.ariaLabelFixed = !0), this.ariaLabelFixed || (this.opts.ariaLabel = this.opts.messages("chart.ariaLabel")), this.element.setAttribute("aria-label", this.opts.ariaLabel), (e.messages !== void 0 || e.locale !== void 0 || e.ariaLabel !== void 0 || e.timeZone !== void 0) && this.scheduleTable(), this.invalidate(7);
 	}
@@ -2467,7 +2586,7 @@ var _n = class {
 			}
 			this.plugins.delete(t);
 		}
-		this.pluginInitial.clear(), Ue(this), this.interaction.dispose(), this.resizeObs.disconnect(), this.dprQuery?.removeEventListener("change", this.onDpr);
+		this.pluginInitial.clear(), Ge(this), this.interaction.dispose(), this.resizeObs.disconnect(), this.dprQuery?.removeEventListener("change", this.onDpr);
 		for (let e of this.mediaQueries) e.removeEventListener("change", this.onSystem);
 		clearInterval(this.countdownTimer), clearTimeout(this.tableTimer);
 		for (let e of this.panes) for (let t of e.series) t.renderer?.dispose();
@@ -2491,11 +2610,11 @@ var _n = class {
 		for (let [t, n] of this.plugins) n.toJSON && (e[t] = n.toJSON());
 		return {
 			version: 1,
-			options: Ce({ ...this.opts }),
+			options: E({ ...this.opts }),
 			panes: this.panes.map((e) => ({
 				stretch: e.stretch,
-				scales: Object.fromEntries([...e.scales].map(([e, t]) => [e, t.options.autoScale ? { options: Ce(t.options) } : {
-					options: Ce(t.options),
+				scales: Object.fromEntries([...e.scales].map(([e, t]) => [e, t.options.autoScale ? { options: E(t.options) } : {
+					options: E(t.options),
 					range: {
 						min: t.min,
 						max: t.max
@@ -2505,7 +2624,7 @@ var _n = class {
 			series: this.allSeries().map((e) => ({
 				id: e.options().id,
 				type: e.type,
-				options: Ce(e.options())
+				options: E(e.options())
 			})),
 			view: {
 				spacing: this.time.spacing,
@@ -2516,15 +2635,15 @@ var _n = class {
 		};
 	}
 	restoreState(e, t = {}) {
-		let n = be(e);
-		ve(n, { timeLabel: t.timeLabel });
+		let n = Ce(e);
+		xe(n, { timeLabel: t.timeLabel });
 		let r = Object.keys(n.plugins).filter((e) => !this.plugins.has(e));
 		if (r.length) throw Error(`alphacharts: layout needs plugins that are not installed: ${r.join(", ")}`);
 		for (let e of n.series) if ((e.options.priceFormat ?? {}).type === "custom" && !t.formatters?.[e.id]) throw Error(`alphacharts: series "${e.id}" has a custom price format; pass its formatter to restoreState`);
 		let i = n.series.map((e) => e.id);
 		for (let [e, t] of Object.entries(n.plugins)) this.plugins.get(e).validateState?.(t, { seriesIds: i });
 		let a = n.options;
-		new Re(a.locale ?? this.opts.locale, new S(a.timeZone ?? this.opts.timeZone), a.timeFormat), D(a.rightPriceScale ?? {}), D(a.leftPriceScale ?? {}), J({
+		new Be(a.locale ?? this.opts.locale, new x(a.timeZone ?? this.opts.timeZone), a.timeFormat), D(a.rightPriceScale ?? {}), D(a.leftPriceScale ?? {}), J({
 			...this.opts.watermark,
 			...n.options.watermark
 		});
@@ -2681,6 +2800,12 @@ var _n = class {
 	update(e, t) {
 		this.model.update(e.data, t);
 	}
+	setColors(e, t) {
+		this.model.setColors(e.data, t);
+	}
+	clearColors(e) {
+		this.model.clearColors(e.data);
+	}
 	optionsChanged(e, t) {
 		if (t) {
 			for (let t of this.panes) {
@@ -2831,9 +2956,14 @@ var _n = class {
 		};
 	}
 	invalidate(e) {
-		this.removed || He(this, e);
+		this.removed || We(this, e);
 	}
 	onData = (e) => {
+		if (e.kind === "color") {
+			for (let t of this.panes) for (let n of t.series) n.renderer?.dataChanged(e), n.renderer2d?.dataChanged(e);
+			this.invalidate(2);
+			return;
+		}
 		let t = this.time, n = this.model.timeline, r = t.end <= t.first;
 		e.kind === "update" && e.appended && !r && (t.following || --t.rightOffset), t.first = n.first, t.end = n.end, r && n.length > 0 && t.reset();
 		for (let t of this.panes) for (let n of t.series) n.renderer?.dataChanged(e), n.renderer2d?.dataChanged(e), n.data === e.series && n.observeData(e.lo, e.hi);
@@ -2854,10 +2984,10 @@ var _n = class {
 		let n = this.panes[t.pane];
 		if (!n.scales.has(t.priceScaleId)) {
 			let e = t.priceScaleId === "left" ? this.opts.leftPriceScale : t.priceScaleId === "right" ? this.opts.rightPriceScale : {
-				...we,
+				...Ee,
 				position: "none"
 			};
-			n.scales.set(t.priceScaleId, new Te(t.priceScaleId, { ...e }));
+			n.scales.set(t.priceScaleId, new De(t.priceScaleId, { ...e }));
 		}
 		n.series.push(e);
 	}
@@ -2885,7 +3015,7 @@ var _n = class {
 		if (r !== this.tticksKey) {
 			this.tticksKey = r;
 			let n = this.measureText("00:00:00") + 24;
-			this.tticks = Fe(this.model.timeline, this.tz, this.vis.lo, this.vis.hi, (e) => t.x(e), t.spacing, n), e |= 1;
+			this.tticks = Le(this.model.timeline, this.tz, this.vis.lo, this.vis.hi, (e) => t.x(e), t.spacing, n), e |= 1;
 		}
 		if (t.left !== this.lastRange.from || t.right !== this.lastRange.to) {
 			this.lastRange = {
@@ -2920,7 +3050,7 @@ var _n = class {
 				let a = NaN, c = NaN;
 				if (r >= n) t.def.autoscale(t.data, e, n, r, this.minmax), a = this.minmax[0], c = this.minmax[1];
 				else if (!e.autoscale) continue;
-				e.autoscale && ([a, c] = vn(e.id, e.autoscale, a, c)), a < o && (o = a), c > s && (s = c);
+				e.autoscale && ([a, c] = Cn(e.id, e.autoscale, a, c)), a < o && (o = a), c > s && (s = c);
 			}
 			if (o === Infinity) continue;
 			let c = a.min, l = a.max;
@@ -2946,7 +3076,7 @@ var _n = class {
 			right: []
 		}, t = this.opts.theme.fontSize * 3.2;
 		for (let n of this.panes) for (let r of ["left", "right"]) $(n, r).forEach((i, a) => {
-			i.ticks = Ae(i, this.formatterFor(n, i.id), t);
+			i.ticks = Me(i, this.formatterFor(n, i.id), t);
 			let o = 0;
 			for (let e of i.ticks) o = Math.max(o, this.measureText(e.label));
 			for (let e of n.series) {
@@ -2955,7 +3085,7 @@ var _n = class {
 				let n = e.data.lastIndex(), r = n === void 0 ? void 0 : e.def.valueAt(e.data, t, n);
 				r && (o = Math.max(o, this.measureText(O(i, e.formatter, r.value))));
 			}
-			e[r][a] = Math.max(e[r][a] ?? 0, hn, i.options.minWidth ?? 0, Math.ceil(o + 12 + 4));
+			e[r][a] = Math.max(e[r][a] ?? 0, bn, i.options.minWidth ?? 0, Math.ceil(o + 12 + 4));
 		});
 		let n = (e, t) => e === void 0 || t > e || t < e - 12 ? t : e;
 		for (let t of ["left", "right"]) this.axisCols[t] = e[t].map((e, r) => n(this.axisCols[t][r], e));
@@ -3031,7 +3161,7 @@ var _n = class {
 			if (r < a + 4 || r > a + o - 4) continue;
 			e.fillStyle = n.weight >= 18 ? t.text : t.textMuted;
 			let i = l.timeAt(n.index);
-			e.fillText(Le(this.opts.timeLabel, "tick", i, () => this.fmt.tick(i, n.weight)), r, c + this.timeH / 2);
+			e.fillText(ze(this.opts.timeLabel, "tick", i, () => this.fmt.tick(i, n.weight)), r, c + this.timeH / 2);
 		}
 		e.restore();
 	}
@@ -3099,7 +3229,7 @@ var _n = class {
 		e.save(), e.setTransform(1, 0, 0, 1, 0, 0), e.beginPath(), e.rect(r, i, this.devW, this.devH), e.clip(), e.clearRect(r, i, this.devW, this.devH), e.font = this.font();
 		let a = this.leftW, o = this.time.width, s = [], c;
 		for (let l of this.panes) {
-			e.save(), e.setTransform(n, 0, 0, n, r + a * n, i + l.top * n), e.beginPath(), e.rect(0, 0, o, l.height), e.clip(), e.font = this.font(), l === this.panes[0] && pn(e, o, l.height, t, this.opts.watermark);
+			e.save(), e.setTransform(n, 0, 0, n, r + a * n, i + l.top * n), e.beginPath(), e.rect(0, 0, o, l.height), e.clip(), e.font = this.font(), l === this.panes[0] && vn(e, o, l.height, t, this.opts.watermark);
 			for (let t of l.series) {
 				let r = t.options(), i = l.scales.get(r.priceScaleId);
 				if (!r.visible || !i) continue;
@@ -3116,11 +3246,11 @@ var _n = class {
 							price: u.value,
 							text: O(i, t.formatter, u.value),
 							background: u.color,
-							color: yn(u.color)
+							color: wn(u.color)
 						}
 					}), r.title && this.drawTitleTag(e, r.title, i, u, l.height, o), !c && l === this.panes[0] && t === this.mainSeries(l, i.id) && (c = s[s.length - 1]));
 				}
-				t.markers().length > 0 && st(e, this.markerLayout(l, t, i));
+				t.markers().length > 0 && dt(e, this.markerLayout(l, t, i));
 				let d = this.primitives.get(t);
 				if (d && d.size > 0) {
 					let n = this.paneView(l, t);
@@ -3165,7 +3295,7 @@ var _n = class {
 				});
 			}
 			if (c) {
-				let n = this.model.timeline.timeAt(u), r = Le(this.opts.timeLabel, "crosshair", n, () => this.fmt.crosshair(n, this.timeVisible())), i = this.measureText(r) + 16, s = Math.max(a, Math.min(a + o - i, d - i / 2));
+				let n = this.model.timeline.timeAt(u), r = ze(this.opts.timeLabel, "crosshair", n, () => this.fmt.crosshair(n, this.timeVisible())), i = this.measureText(r) + 16, s = Math.max(a, Math.min(a + o - i, d - i / 2));
 				e.fillStyle = t.labelBackground, e.fillRect(s, this.cssH - this.timeH, i, this.timeH), e.fillStyle = t.labelText, e.textAlign = "center", e.textBaseline = "middle", e.fillText(r, s + i / 2, this.cssH - this.timeH / 2);
 			}
 		}
@@ -3191,7 +3321,7 @@ var _n = class {
 		let o = n.y(r.value);
 		if (!(o >= 0 && o <= i)) return;
 		let s = Math.round(this.opts.theme.fontSize * 1.8), c = Math.ceil(this.measureText(t)) + 10, l = Math.max(0, Math.min(i - s, o - s / 2)), u = n.options.position === "left" ? 0 : a - c;
-		e.fillStyle = r.color, e.fillRect(u, l, c, s), e.fillStyle = yn(r.color), e.textBaseline = "middle", e.textAlign = "left", e.fillText(t, u + 5, l + s / 2);
+		e.fillStyle = r.color, e.fillRect(u, l, c, s), e.fillStyle = wn(r.color), e.textBaseline = "middle", e.textAlign = "left", e.fillText(t, u + 5, l + s / 2);
 	}
 	markerLayout(e, t, n) {
 		let r = t.markers(), i = this.model.timeline;
@@ -3199,10 +3329,10 @@ var _n = class {
 		let a = this.time, o = t.data, s = o.shape === "ohlc", c = Math.max(i.first, this.vis.lo - 1), l = Math.min(i.end - 1, this.vis.hi + 1);
 		if (c > l) return [];
 		let u = i.timeAt(c), d = i.timeAt(l);
-		return ot({
+		return ut({
 			markers: r,
-			from: nt(r, u),
-			to: nt(r, d + 1),
+			from: ot(r, u),
+			to: ot(r, d + 1),
 			barSpacing: a.spacing,
 			fontSize: this.opts.theme.fontSize,
 			textWidth: (e) => this.measureText(e),
@@ -3287,7 +3417,7 @@ var _n = class {
 		this.lastAnnounce = e;
 		let t = this.crosshairIndex();
 		if (t === void 0) return;
-		let n = this.opts.messages, r = this.model.timeline.timeAt(t), i = [Le(this.opts.timeLabel, "crosshair", r, () => this.fmt.crosshair(r, this.timeVisible()))];
+		let n = this.opts.messages, r = this.model.timeline.timeAt(t), i = [ze(this.opts.timeLabel, "crosshair", r, () => this.fmt.crosshair(r, this.timeVisible()))];
 		for (let e of this.panes) for (let r of e.series) {
 			let e = r.barAtIndex(t);
 			if (!e) continue;
@@ -3353,7 +3483,7 @@ var _n = class {
 		if (this.autoTheme) {
 			this.opts = {
 				...this.opts,
-				theme: Ut()
+				theme: Jt()
 			};
 			for (let e of this.panes) for (let t of e.series) t.themeChanged(this.opts.theme);
 			this.invalidate(7);
@@ -3444,7 +3574,7 @@ function Z(e) {
 		"\"": "&quot;"
 	})[e]);
 }
-function vn(e, t, n, r) {
+function Cn(e, t, n, r) {
 	let i = t(n === n && r === r ? {
 		low: n,
 		high: r
@@ -3461,20 +3591,20 @@ function $(e, t) {
 	for (let r of e.scales.values()) r.options.position === t && r.options.visible && n.push(r);
 	return n;
 }
-function yn(e) {
-	let n = t(e), r = n >>> 24 & 255, i = n >>> 16 & 255, a = n >>> 8 & 255;
+function wn(t) {
+	let n = e(t), r = n >>> 24 & 255, i = n >>> 16 & 255, a = n >>> 8 & 255;
 	return .299 * r + .587 * i + .114 * a > 150 ? "#000000" : "#ffffff";
 }
 //#endregion
 //#region src/chart/dashboard.ts
-var bn = class {
+var Tn = class {
 	container;
 	canvases;
 	charts = /* @__PURE__ */ new Set();
 	resizeObs;
 	removed = !1;
 	constructor(e, t = {}) {
-		this.container = e, getComputedStyle(e).position === "static" && (e.style.position = "relative"), this.canvases = new ge(e, t.renderer ?? "auto", {
+		this.container = e, getComputedStyle(e).position === "static" && (e.style.position = "relative"), this.canvases = new ye(e, t.renderer ?? "auto", {
 			lost: () => {
 				for (let e of this.charts) e.surfaceLost();
 			},
@@ -3484,7 +3614,7 @@ var bn = class {
 	addChart(e, t = {}) {
 		if (this.removed) throw Error("alphacharts: this dashboard was removed");
 		if (!this.container.contains(e)) throw Error("alphacharts: a dashboard cell must be inside the dashboard container");
-		let n = new _n(e, t, () => new he(this.canvases, e));
+		let n = new Sn(e, t, () => new ve(this.canvases, e));
 		return this.charts.add(n), n.onRemove(() => {
 			this.charts.delete(n), this.relayout();
 		}), n;
@@ -3506,7 +3636,7 @@ var bn = class {
 		this.canvases.clear();
 		for (let e of this.charts) e.remeasure(), e.invalidate(7);
 	}
-}, xn = class {
+}, En = class {
 	members = /* @__PURE__ */ new Map();
 	opts;
 	constructor(e = {}) {
@@ -3547,7 +3677,7 @@ var bn = class {
 			}, "sync");
 		}
 	}
-}, Sn = (e) => {
+}, Dn = (e) => {
 	if (Array.isArray(e)) {
 		let t = e;
 		return t.length ? {
@@ -3561,7 +3691,7 @@ var bn = class {
 		last: t[t.length - 1]
 	} : void 0;
 };
-function Cn(e, t, n, r) {
+function On(e, t, n, r) {
 	let i = r.pageSize ?? 2e3, a = r.prefetchBars ?? 300, o = new AbortController(), s = !0, c = !1, l = !1, u = NaN, d = NaN, f = [], p, m, h = (e) => {
 		o.signal.aborted || r.onError(e);
 	}, g = r.maxEarlyBars ?? 1e4, _ = !1, v = !1, y = (e) => {
@@ -3581,14 +3711,14 @@ function Cn(e, t, n, r) {
 			countBack: i
 		}, o.signal).then((e) => {
 			if (o.signal.aborted) return;
-			let n = Sn(e.bars);
+			let n = Dn(e.bars);
 			n && (t.prepend(e.bars), u = n.first), c = e.noMoreData || !n;
 		}).catch(h).finally(() => {
 			s = !1;
 		}));
 	};
 	n.subscribeBars && (p = n.subscribeBars(r.symbol, r.resolution, y));
-	let b = () => {
+	let te = () => {
 		s = !0, v = !1, n.getBars({
 			symbol: r.symbol,
 			resolution: r.resolution,
@@ -3597,7 +3727,7 @@ function Cn(e, t, n, r) {
 		}, o.signal).then((n) => {
 			if (o.signal.aborted) return;
 			t.setData(n.bars);
-			let r = Sn(n.bars);
+			let r = Dn(n.bars);
 			u = r?.first ?? NaN, d = r?.last ?? NaN, c = n.noMoreData || !r, l = !0;
 			for (let e of f) (Number.isNaN(d) || e.time >= d) && y(e);
 			f.length = 0, m = e.on("visibleRangeChange", (e) => {
@@ -3610,7 +3740,7 @@ function Cn(e, t, n, r) {
 			s = !1;
 		});
 	};
-	return b(), {
+	return te(), {
 		get loading() {
 			return s;
 		},
@@ -3621,7 +3751,7 @@ function Cn(e, t, n, r) {
 			return v;
 		},
 		retry() {
-			v && !s && !o.signal.aborted && b();
+			v && !s && !o.signal.aborted && te();
 		},
 		dispose() {
 			o.abort(), p?.(), m?.();
@@ -3630,10 +3760,10 @@ function Cn(e, t, n, r) {
 }
 //#endregion
 //#region src/index.ts
-function wn(e, t) {
-	return new _n(e, t);
+function kn(e, t) {
+	return new Sn(e, t);
 }
 //#endregion
-export { Kt as ALWAYS_OPEN, Wt as CHART_MESSAGES, a as COL_C, u as COL_COLOR, _ as COL_H, o as COL_L, s as COL_O, m as COL_V, _n as Chart, K as DARK, x as DAY_MS, mn as DEFAULT_KEYMAP, nn as DEFAULT_WATERMARK, bn as Dashboard, Ht as HIGH_CONTRAST, _e as LAYOUT_VERSION, Vt as LIGHT, l as LOD_BASE, c as LOD_C, n as LOD_COLOR, v as LOD_H, ee as LOD_L, i as LOD_O, Se as LocalStorageStore, xe as MemoryStore, Jt as NSE, A as PriceFormatter, Qe as PriceLine, en as Resampler, Bt as Series, q as Sessions, xn as SyncGroup, S as TimeZone, Yt as US_EQUITY, L as barWidths, J as checkWatermarkOptions, C as civilFromLocal, Cn as connectDatafeed, wn as createChart, dt as createFormatter, N as crisp, y as cssColor, Xe as dashPattern, lt as decimalsOf, Gt as defaultMessages, pn as drawWatermark, ut as isIndianLocale, ne as localFromCivil, be as migrate, Oe as niceStep, De as niceTicks, t as parseColor, Qt as parseResolution, W as registerSeriesType, e as rgba, Ut as systemTheme, qt as weekdays };
+export { Zt as ALWAYS_OPEN, tt as BarShading, Yt as CHART_MESSAGES, o as COL_BAR_COLOR, d as COL_C, v as COL_COLOR, s as COL_H, c as COL_L, h as COL_O, f as COL_V, Sn as Chart, K as DARK, b as DAY_MS, yn as DEFAULT_KEYMAP, cn as DEFAULT_WATERMARK, Tn as Dashboard, qt as HIGH_CONTRAST, be as LAYOUT_VERSION, Kt as LIGHT, l as LOD_BASE, r as LOD_C, y as LOD_COLOR, ne as LOD_H, a as LOD_L, te as LOD_O, Te as LocalStorageStore, we as MemoryStore, $t as NSE, A as PriceFormatter, et as PriceLine, on as Resampler, Gt as Series, q as Sessions, En as SyncGroup, x as TimeZone, en as US_EQUITY, L as barWidths, J as checkWatermarkOptions, S as civilFromLocal, On as connectDatafeed, kn as createChart, ht as createFormatter, N as crisp, t as cssColor, Qe as dashPattern, pt as decimalsOf, Xt as defaultMessages, vn as drawWatermark, mt as isIndianLocale, ae as localFromCivil, Ce as migrate, Ae as niceStep, ke as niceTicks, e as parseColor, rn as parseResolution, W as registerSeriesType, ee as rgba, Jt as systemTheme, Qt as weekdays };
 
 //# sourceMappingURL=index.js.map