@genome-spy/app 0.86.0 → 0.87.0

package/dist/{viewSelectors-CKfxF_LM.js → viewSelectors-DNXnGwEW.js}

@@ -1,10 +1,10 @@
-import { Ct as e, Et as t, Gt as n, Jt as r, O as i, Ot as a, St as o, Tt as s, Xt as c, Yt as l, nn as u, nt as d, o as f, rt as p, t as m, u as ee, y as h } from "./clipOptions-BQfNhxgP.js";
+import { Ct as e, Et as t, O as n, St as r, Tt as i, an as a, kt as o, nn as s, nt as c, o as l, on as u, pn as d, rt as f, sn as p, t as m, u as ee, y as h } from "./clipOptions-D6eh9T-_.js";
 import { a as g, n as te, r as ne, t as _ } from "./viewError-BiR9VCgL.js";
-import { U as re, it as ie, m as ae, y as v } from "./vega-scale-CK0_al6O.js";
+import { U as re, m as ie, rt as ae, y as v } from "./vega-scale-DdW2NzQ3.js";
 //#region ../core/src/view/layout/flexLayout.js
 function oe(e, t, { spacing: n, devicePixelRatio: r, offset: i, reverse: a } = {}) {
 	n ||= 0, i ||= 0;
-	let o = he(e, t, n), s = 0, c = 0;
+	let o = me(e, t, n), s = 0, c = 0;
 	for (let t = 0; t < e.length; t++) s += o[t], x(e[t]) || c++;
 	let l = s + Math.max(0, c - 1) * n, u = r === void 0 ? (e) => e : (e) => Math.round(e * r) / r, d = 0, f = [], p = (e) => {
 		let t = d;
@@ -37,13 +37,13 @@ function oe(e, t, { spacing: n, devicePixelRatio: r, offset: i, reverse: a } = {
 }
 function se(e, { spacing: t } = { spacing: 0 }) {
 	let n = 0;
-	for (let r of e) n += w(r) + (x(r) ? 0 : t);
+	for (let r of e) n += E(r) + (x(r) ? 0 : t);
 	return Math.max(0, n - t);
 }
 function ce(e, t, { spacing: n = 0 } = {}) {
 	let r = [], i = [], a = 0, o = 0;
 	for (let [s, c] of e.entries()) {
-		let e = w(c), l = !x(c), u = o && l ? n : 0;
+		let e = E(c), l = !x(c), u = o && l ? n : 0;
 		i.length && a + u + e > t && (r.push(i), i = [], a = 0, o = 0), i.push(s), a += (o && l ? n : 0) + e, o += +!!l;
 	}
 	return i.length && r.push(i), r;
@@ -51,11 +51,11 @@ function ce(e, t, { spacing: n = 0 } = {}) {
 function le(e) {
 	let t = 0, n = 0, r = 0, i, a = !0;
 	for (let o of e) {
-		t = Math.max(t, o.px ?? 0), n = Math.max(n, o.grow ?? 0), r = Math.max(r, w(o));
-		let e = T(o);
+		t = Math.max(t, o.px ?? 0), n = Math.max(n, o.grow ?? 0), r = Math.max(r, E(o));
+		let e = D(o);
 		e === void 0 ? a = !1 : i = i === void 0 ? e : Math.max(i, e);
 	}
-	return D({
+	return O({
 		px: t,
 		grow: n,
 		minPx: r,
@@ -70,11 +70,11 @@ function ue(e) {
 		maxPx: 0
 	}, n = !0;
 	for (let r of e) {
-		t.px += S(r.px), t.grow += S(r.grow), t.minPx += w(r);
-		let e = T(r);
+		t.px += S(r.px), t.grow += S(r.grow), t.minPx += E(r);
+		let e = D(r);
 		e === void 0 ? n = !1 : t.maxPx += e;
 	}
-	return n || delete t.maxPx, D(t);
+	return n || delete t.maxPx, O(t);
 }
 var y = class e {
 	constructor(e, t) {
@@ -87,7 +87,7 @@ var y = class e {
 		return this.#e(-e.width, -e.height);
 	}
 	#e(t, n) {
-		return new e(ve(this.width, t), ve(this.height, n));
+		return new e(_e(this.width, t), _e(this.height, n));
 	}
 	isGrowing() {
 		return !!(this.width.grow || this.height.grow);
@@ -106,12 +106,12 @@ function S(e) {
 	return e || 0;
 }
 function pe(e) {
-	return e && (r(e.px) || r(e.grow) || r(e.minPx) || r(e.maxPx));
+	return e && (a(e.px) || a(e.grow) || a(e.minPx) || a(e.maxPx));
 }
-function me(e) {
-	if (q(e)) throw Error("parseSizeDef does not accept step-based sizes.");
-	if (pe(e)) return _e(e), D(e);
-	if (r(e)) return {
+function C(e) {
+	if (J(e)) throw Error("parseSizeDef does not accept step-based sizes.");
+	if (pe(e)) return w(e), O(e);
+	if (a(e)) return {
 		px: e,
 		grow: 0
 	};
@@ -121,28 +121,28 @@ function me(e) {
 	};
 	throw Error(`Invalid sizeDef: ${e}`);
 }
-function he(e, t, n) {
+function me(e, t, n) {
 	let r = !1;
-	for (let t of e) _e(t), r ||= E(t);
-	if (!r) return ge(e, t, n);
+	for (let t of e) w(t), r ||= ge(t);
+	if (!r) return he(e, t, n);
 	let i = Array(e.length).fill(0), a = [];
 	for (let t = 0; t < e.length; t++) x(e[t]) || a.push(t);
 	let o = Math.max(0, a.length - 1) * n, s = Math.max(0, t - o), c = /* @__PURE__ */ new Set();
 	for (let t of a) {
 		let n = e[t];
-		S(n.grow) || (i[t] = C(S(n.px), n), c.add(t));
+		S(n.grow) || (i[t] = T(S(n.px), n), c.add(t));
 	}
 	for (;;) {
 		let t = 0, n = 0, r = 0;
 		for (let o of a) c.has(o) ? r += i[o] : (t += S(e[o].px), n += S(e[o].grow));
 		if (!n) {
-			for (let t of a) c.has(t) || (i[t] = C(S(e[t].px), e[t]), c.add(t));
+			for (let t of a) c.has(t) || (i[t] = T(S(e[t].px), e[t]), c.add(t));
 			break;
 		}
 		let o = Math.max(0, s - r - t), l = 0, u = [], d = [];
 		for (let t of a) {
 			if (c.has(t)) continue;
-			let r = e[t], a = S(r.px) + S(r.grow) / n * o, s = C(a, r);
+			let r = e[t], a = S(r.px) + S(r.grow) / n * o, s = T(a, r);
 			i[t] = s;
 			let f = s - a;
 			l += f, f > 0 ? u.push(t) : f < 0 && d.push(t);
@@ -154,7 +154,7 @@ function he(e, t, n) {
 	}
 	return i;
 }
-function ge(e, t, n) {
+function he(e, t, n) {
 	let r = 0, i = 0;
 	for (let t of e) r += S(t.px) + (x(t) ? 0 : n), i += S(t.grow);
 	r -= n;
@@ -165,36 +165,36 @@ function ge(e, t, n) {
 	}
 	return o;
 }
-function _e(e) {
+function w(e) {
 	if (e.minPx !== void 0 && e.maxPx !== void 0 && e.minPx > e.maxPx) throw Error("SizeDef minPx cannot be greater than maxPx.");
 }
-function C(e, t) {
+function T(e, t) {
 	return Math.min(Math.max(e, t.minPx ?? 0), t.maxPx ?? Infinity);
 }
-function w(e) {
-	return C(S(e.px), e);
+function E(e) {
+	return T(S(e.px), e);
 }
-function T(e) {
-	return e.maxPx ?? (S(e.grow) ? void 0 : w(e));
+function D(e) {
+	return e.maxPx ?? (S(e.grow) ? void 0 : E(e));
 }
-function E(e) {
+function ge(e) {
 	return e.minPx !== void 0 || e.maxPx !== void 0;
 }
-function ve(e, t) {
-	return D({
+function _e(e, t) {
+	return O({
 		px: (e.px ?? 0) + t,
 		grow: e.grow,
 		minPx: e.minPx === void 0 ? void 0 : Math.max(0, e.minPx + t),
 		maxPx: e.maxPx === void 0 ? void 0 : Math.max(0, e.maxPx + t)
 	});
 }
-function D(e) {
-	let t = {}, n = e.px !== void 0, r = e.grow !== void 0, i = E(e);
+function O(e) {
+	let t = {}, n = e.px !== void 0, r = e.grow !== void 0, i = ge(e);
 	return e.px ? t.px = e.px : e.px === 0 && (t.px = 0), e.grow ? t.grow = e.grow : e.grow === 0 ? t.grow = 0 : !n && !r && i && (t.grow = 1), e.minPx && e.minPx > S(e.px) && (t.minPx = e.minPx), e.maxPx !== void 0 && (S(t.grow) || e.maxPx < S(e.px)) && (t.maxPx = e.maxPx), t;
 }
 //#endregion
 //#region ../core/src/view/layout/padding.js
-var O = class e {
+var k = class e {
 	constructor(e, t, n, r) {
 		this.top = e || 0, this.right = t || 0, this.bottom = n || 0, this.left = r || 0;
 	}
@@ -229,35 +229,35 @@ var O = class e {
 		return this.top + this.bottom;
 	}
 	static createFromConfig(e) {
-		return typeof e == "number" ? this.createUniformPadding(e) : e ? this.createFromRecord(e) : k;
+		return typeof e == "number" ? this.createUniformPadding(e) : e ? this.createFromRecord(e) : A;
 	}
 	static createFromRecord(t) {
 		return new e(t.top, t.right, t.bottom, t.left);
 	}
 	static zero() {
-		return k;
+		return A;
 	}
 	static createUniformPadding(t) {
 		return new e(t, t, t, t);
 	}
 };
-function ye(e, t) {
-	return t ? new O(t.top === !1 ? 0 : e.top, t.right === !1 ? 0 : e.right, t.bottom === !1 ? 0 : e.bottom, t.left === !1 ? 0 : e.left) : e;
+function ve(e, t) {
+	return t ? new k(t.top === !1 ? 0 : e.top, t.right === !1 ? 0 : e.right, t.bottom === !1 ? 0 : e.bottom, t.left === !1 ? 0 : e.left) : e;
 }
-var k = O.createUniformPadding(0);
-Object.freeze(k);
+var A = k.createUniformPadding(0);
+Object.freeze(A);
 //#endregion
 //#region ../core/src/utils/url.js
-var be = /^([A-Za-z]+:)?\/\//;
-function A(e, t) {
-	if (t && be.test(t)) return t;
+var ye = /^([A-Za-z]+:)?\/\//;
+function j(e, t) {
+	if (t && ye.test(t)) return t;
 	let n = typeof e == "function" ? e() : e;
 	if (!n) return t;
 	if (!t) return n;
 	if (/[#?]/.test(n)) throw Error(`Cannot append to a url with query or hash. Append: ${t}, base: ${n}`);
-	return Se(n) + t;
+	return M(n) + t;
 }
-function xe(e, t, n = Ce()) {
+function be(e, t, n = xe()) {
 	let r = typeof e == "function" ? e() : e;
 	if (!t) return r;
 	try {
@@ -266,19 +266,19 @@ function xe(e, t, n = Ce()) {
 			return new URL(t, e).href;
 		} else if (n) return new URL(t, n).href;
 	} catch {}
-	return A(r, t);
+	return j(r, t);
 }
-function Se(e) {
+function M(e) {
 	let t = e.replace(/[^/]*$/, "");
 	return t === "" ? void 0 : t.endsWith("://") ? e + "/" : t;
 }
-function Ce() {
+function xe() {
 	if (typeof document < "u" && document.baseURI) return document.baseURI;
 	if (typeof window < "u" && window.location?.href) return window.location.href;
 }
 //#endregion
 //#region ../../node_modules/flatqueue/index.js
-var j = class {
+var N = class {
 	constructor(e = Infinity, t = Float64Array, n = Uint32Array) {
 		let r = e !== Infinity;
 		this.ids = r ? new n(e) : [], this.values = r ? new t(e) : [], this.capacity = e, this.length = 0;
@@ -319,13 +319,11 @@ var j = class {
 	shrink() {
 		Array.isArray(this.ids) && (this.ids.length = this.length), Array.isArray(this.values) && (this.values.length = this.length);
 	}
-}, M = Symbol("runtimeNode"), N = 1e6;
-function we(e) {
-	return e ? (t, n) => {
-		e.addDisposer(t, n);
-	} : () => void 0;
+}, P = Symbol("runtimeNode"), Se = 1e6;
+function Ce(e) {
+	return e ? (t, n) => e.addDisposer(t, n) : () => () => void 0;
 }
-function Te(e, t) {
+function we(e, t) {
 	let n = {
 		id: e.id,
 		name: e.name,
@@ -339,7 +337,7 @@ function Te(e, t) {
 			};
 		}
 	};
-	return Object.defineProperty(n, M, {
+	return Object.defineProperty(n, P, {
 		enumerable: !1,
 		configurable: !1,
 		writable: !1,
@@ -348,31 +346,37 @@ function Te(e, t) {
 		t(e);
 	} }) : n;
 }
-function Ee(e) {
-	let t = e[M];
+function Te(e) {
+	let t = e[P];
 	if (!t) throw Error("ParamRef is not bound to this graph runtime. Expected runtime-created ref.");
 	return t;
 }
-function De(e) {
-	return typeof e.rank == "number" ? e.rank : Ee(e).rank;
+function Ee(e) {
+	return typeof e.rank == "number" ? e.rank : Te(e).rank;
 }
-function Oe(e) {
+function De(e) {
 	for (let t of e) t();
 }
-var ke = class {
+var Oe = class {
 	#e = 1;
 	#t = 1;
 	#n = 0;
-	#r = !1;
+	#r = 0;
 	#i = !1;
-	#a = /* @__PURE__ */ new Set();
-	#o = /* @__PURE__ */ new Set();
-	#s = new j();
-	#c = new j();
-	#l = /* @__PURE__ */ new Set();
-	#u;
+	#a = !1;
+	#o = !1;
+	#s = 0;
+	#c = !1;
+	#l = /* @__PURE__ */ new Map();
+	#u = /* @__PURE__ */ new Map();
+	#d = /* @__PURE__ */ new Set();
+	#f = /* @__PURE__ */ new Set();
+	#p = new N();
+	#m = new N();
+	#h = /* @__PURE__ */ new Set();
+	#g;
 	constructor(e = {}) {
-		this.#u = we(e.lifecycleRegistry);
+		this.#g = Ce(e.lifecycleRegistry);
 	}
 	createWritable(e, t, n, r, i = {}) {
 		let a = "n" + this.#e++, o = i.notify ?? !0, s = {
@@ -388,121 +392,219 @@ var ke = class {
 					s.listeners.delete(e);
 				};
 			}
-		};
-		return this.#u(e, () => {
-			s.disposed = !0, s.listeners.clear();
-		}), Te(s, (e) => {
+		}, c = (e) => {
 			if (s.disposed) throw Error("Cannot set disposed parameter \"" + t + "\" (" + a + ").");
-			e !== s.value && (s.value = e, o && Oe(s.listeners));
-		});
+			e !== s.value && (s.value = e, o && this.#v(s.listeners));
+		}, l = () => {
+			s.disposed = !0, s.listeners.clear(), u();
+		}, u = this.#g(e, l);
+		return Object.assign(we(s, c), { dispose: l });
 	}
-	computed(e, t, n, r) {
-		let i = n.reduce((e, t) => Math.max(e, De(t)), 0), a = {
+	computed(e, t, n, r, i = {}) {
+		return this.#_(e, t, n, r, i);
+	}
+	operation(e, t, n, r, i, a = {}) {
+		return this.#_(e, t, n, r, a, i);
+	}
+	#_(e, t, n, r, i, a) {
+		let o = this.#b(() => s.dependencies), s = {
 			id: "n" + this.#e++,
 			name: t,
 			kind: "derived",
-			rank: i + 1,
+			get rank() {
+				return o();
+			},
+			dependencies: n,
 			value: r(),
 			disposed: !1,
 			listeners: /* @__PURE__ */ new Set(),
 			fn: r,
+			apply: a,
+			equals: i.equals ?? ((e, t) => e === t),
 			subscribe(e) {
-				return a.listeners.add(e), () => {
-					a.listeners.delete(e);
+				return s.listeners.add(e), () => {
+					s.listeners.delete(e);
 				};
 			}
-		}, o = n.map((e) => e.subscribe(() => {
-			a.disposed || (this.#d(a), e.propagation === "sync" && this.flushNow());
-		}));
-		return this.#u(e, () => {
-			a.disposed || (a.disposed = !0, o.forEach((e) => e()), a.listeners.clear(), this.#a.delete(a));
-		}), Te(a);
+		};
+		a?.(s.value);
+		let c = () => s.dependencies.map((e) => e.subscribe(() => {
+			s.disposed || (this.#x(s), e.propagation === "sync" && this.flushNow());
+		})), l = c(), u = () => {
+			s.disposed || (s.disposed = !0, d(), l.forEach((e) => e()), s.listeners.clear(), this.#d.delete(s));
+		}, d = this.#g(e, u);
+		return Object.assign(we(s), {
+			dispose: u,
+			rebind: (e, n) => {
+				if (s.disposed) throw Error("Cannot rebind disposed operation: " + t);
+				let r = /* @__PURE__ */ new Set(), i = (e) => {
+					let n = e[P];
+					if (n === s) throw Error("Reactive dependency cycle: " + t);
+					if (!r.has(n)) {
+						r.add(n);
+						for (let e of n?.dependencies ?? []) i(e);
+					}
+				};
+				e.forEach(i), l.forEach((e) => e()), s.dependencies = e, s.fn = n, this.#n++, l = c(), this.#x(s), this.#p.clear();
+				for (let e of this.#d) this.#p.push(e, this.#C(e.rank));
+				this.#m.clear();
+				for (let e of this.#f) this.#m.push(e, this.#C(e.rank));
+			}
+		});
 	}
 	effect(e, t, n) {
-		let r = t.reduce((e, t) => Math.max(e, De(t)), 0), i = {
+		let r = this.#b(() => t), i = {
 			id: "n" + this.#e++,
-			rank: r + 1,
+			get rank() {
+				return r();
+			},
 			disposed: !1,
 			fn: n
-		}, a = () => {
-			i.disposed || this.#f(i);
-		}, o = t.map((e) => e.subscribe(a)), s = () => {
-			i.disposed || (i.disposed = !0, o.forEach((e) => e()), this.#o.delete(i));
-		};
-		return this.#u(e, s), s;
+		}, a = t.map((e) => e.subscribe(() => {
+			i.disposed || (this.#S(i), e.propagation === "sync" && this.flushNow());
+		})), o = () => {
+			i.disposed || (i.disposed = !0, s(), a.forEach((e) => e()), this.#f.delete(i));
+		}, s = this.#g(e, o);
+		return o;
 	}
 	runInTransaction(e) {
-		this.#n += 1;
+		this.#r += 1;
 		try {
 			return e();
 		} finally {
-			--this.#n, this.#n === 0 && this.#m();
+			--this.#r, this.#r === 0 && (this.#i ? (this.#i = !1, this.flushNow()) : this.#w());
 		}
 	}
-	flushNow() {
-		if (!(this.#n > 0 || this.#i)) {
-			this.#r = !1, this.#i = !0;
-			try {
-				let e = !0;
-				for (; e;) {
-					for (e = !1; this.#s.length > 0;) {
-						e = !0;
-						let t = this.#s.pop();
-						if (this.#a.delete(t), t.disposed) continue;
-						let n = t.value, r = t.fn();
-						r !== n && (t.value = r, Oe(t.listeners));
+	flushNow({ afterTransaction: e = !1 } = {}) {
+		if (e && this.#r > 0 && (this.#i = !0), this.#s > 0) {
+			this.#c = !0;
+			return;
+		}
+		if (this.#r > 0 || this.#o) return;
+		this.#a = !1, this.#o = !0;
+		let t;
+		try {
+			for (; this.#p.length || this.#l.size || this.#m.length;) {
+				for (; this.#p.length;) {
+					let e = this.#p.pop();
+					if (this.#d.delete(e), e.disposed) continue;
+					this.#y(e, e.name);
+					let t, n;
+					try {
+						t = e.fn(), n = !e.equals(t, e.value), n && e.apply?.(t);
+					} catch (t) {
+						throw this.#x(e), t;
 					}
-					for (; this.#c.length > 0;) {
-						e = !0;
-						let t = this.#c.pop();
-						this.#o.delete(t), !t.disposed && t.fn();
+					n && (e.value = t, this.#v(e.listeners));
+				}
+				if (this.#l.size) {
+					let e = Infinity, n;
+					for (let [t, { rank: r }] of this.#l) r < e && (n = t, e = r);
+					let r = /* @__PURE__ */ new Set();
+					for (;;) {
+						if (r.has(n)) throw Error("Cyclic streaming publication dependencies");
+						r.add(n);
+						let e;
+						for (let t of this.#l.get(n).prerequisites?.() ?? []) if (this.#l.has(t)) {
+							e = t;
+							break;
+						}
+						if (!e) break;
+						n = e;
 					}
+					t = this.#l.get(n).onError, this.#l.delete(n), this.#y(n, "streaming update"), n(), t = void 0;
+				} else if (this.#m.length) {
+					let e = this.#m.pop();
+					this.#f.delete(e), e.disposed || (this.#y(e, "effect " + e.id), e.fn());
 				}
-			} finally {
-				this.#i = !1, this.#g();
 			}
+		} catch (e) {
+			let n = Array.from(this.#l.values());
+			this.#l.clear(), t?.(e);
+			for (let t of n) t.onError?.(e);
+			for (let t of this.#h) t.reject(e);
+			throw this.#h.clear(), e;
+		} finally {
+			this.#u.clear(), this.#o = !1, this.#E();
+		}
+	}
+	requestUpdate(e, t = 0, n, r) {
+		this.#l.set(e, {
+			rank: t,
+			onError: n,
+			prerequisites: r
+		}), this.#w();
+	}
+	cancelUpdate(e) {
+		this.#l.delete(e);
+	}
+	#v(e) {
+		this.#s++;
+		try {
+			De(e);
+		} finally {
+			this.#s--, !this.#s && this.#c && (this.#c = !1, this.flushNow());
 		}
 	}
+	#y(e, t) {
+		let n = (this.#u.get(e) ?? 0) + 1;
+		if (n > 100) throw Error("Reactive propagation did not settle: " + t);
+		this.#u.set(e, n);
+	}
 	whenPropagated(e = {}) {
-		if (this.#h()) return Promise.resolve();
+		if (this.#T()) return Promise.resolve();
 		let { signal: t, timeoutMs: n } = e;
 		return t?.aborted ? Promise.reject(/* @__PURE__ */ Error("whenPropagated aborted")) : new Promise((e, r) => {
-			let i = {
-				resolve: e,
-				reject: r
-			};
-			t && (i.abortHandler = () => {
-				this.#l.delete(i), r(/* @__PURE__ */ Error("whenPropagated aborted"));
-			}, t.addEventListener("abort", i.abortHandler, { once: !0 })), n != null && (i.timeoutId = setTimeout(() => {
-				this.#l.delete(i), i.abortHandler && t?.removeEventListener("abort", i.abortHandler), r(/* @__PURE__ */ Error("whenPropagated timeout after " + n + " ms"));
-			}, n)), this.#l.add(i);
+			let i, a = () => {
+				this.#h.delete(o), t?.removeEventListener("abort", s), i !== void 0 && clearTimeout(i);
+			}, o = {
+				resolve: () => {
+					a(), e();
+				},
+				reject: (e) => {
+					a(), r(e);
+				}
+			}, s = () => o.reject(/* @__PURE__ */ Error("whenPropagated aborted"));
+			t?.addEventListener("abort", s, { once: !0 }), n != null && (i = setTimeout(() => o.reject(/* @__PURE__ */ Error("whenPropagated timeout after " + n + " ms")), n)), this.#h.add(o);
 		});
 	}
-	#d(e) {
-		this.#a.has(e) || (this.#a.add(e), this.#s.push(e, this.#p(e.rank)), this.#m());
+	#b(e) {
+		let t = -1, n = 0;
+		return () => (t !== this.#n && (n = 1 + e().reduce((e, t) => Math.max(e, Ee(t)), 0), t = this.#n), n);
+	}
+	#x(e) {
+		if (this.#d.has(e)) {
+			this.#w();
+			return;
+		}
+		this.#d.add(e), this.#p.push(e, this.#C(e.rank)), this.#w();
 	}
-	#f(e) {
-		this.#o.has(e) || (this.#o.add(e), this.#c.push(e, this.#p(e.rank)), this.#m());
+	#S(e) {
+		if (this.#f.has(e)) {
+			this.#w();
+			return;
+		}
+		this.#f.add(e), this.#m.push(e, this.#C(e.rank)), this.#w();
 	}
-	#p(e) {
-		let t = this.#t % N;
-		return this.#t += 1, e * N + t;
+	#C(e) {
+		let t = this.#t % Se;
+		return this.#t += 1, e * Se + t;
 	}
-	#m() {
-		this.#n > 0 || this.#r || this.#i || (this.#r = !0, queueMicrotask(() => {
-			this.flushNow();
+	#w() {
+		this.#r > 0 || this.#a || this.#o || (this.#a = !0, queueMicrotask(() => {
+			this.#a && this.flushNow();
 		}));
 	}
-	#h() {
-		return this.#n === 0 && !this.#r && !this.#i && this.#s.length === 0 && this.#c.length === 0 && this.#a.size === 0 && this.#o.size === 0;
+	#T() {
+		return this.#r === 0 && !this.#a && !this.#o && this.#p.length === 0 && this.#m.length === 0 && this.#d.size === 0 && this.#f.size === 0 && this.#l.size === 0;
 	}
-	#g() {
-		if (this.#h()) {
-			for (let e of this.#l) e.timeoutId && clearTimeout(e.timeoutId), e.resolve();
-			this.#l.clear();
+	#E() {
+		if (this.#T()) {
+			for (let e of this.#h) e.resolve();
+			this.#h.clear();
 		}
 	}
-}, Ae = class {
+}, ke = class {
 	#e = 1;
 	#t = /* @__PURE__ */ new Map();
 	createOwner(e, t) {
@@ -512,7 +614,9 @@ var ke = class {
 	addDisposer(e, t) {
 		let n = this.#t.get(e);
 		if (!n) throw Error("Unknown owner: " + e);
-		n.add(t);
+		return n.add(t), () => {
+			n.delete(t);
+		};
 	}
 	disposeOwner(e) {
 		let t = this.#t.get(e);
@@ -521,13 +625,14 @@ var ke = class {
 			t.clear(), this.#t.delete(e);
 		}
 	}
-}, je = class {
+}, Ae = class {
 	#e = 1;
 	#t = /* @__PURE__ */ new Map();
 	createRootScope(e) {
 		let t = "scope:" + this.#e++;
 		return this.#t.set(t, {
 			params: /* @__PURE__ */ new Map(),
+			initializers: /* @__PURE__ */ new Map(),
 			ownerId: e
 		}), t;
 	}
@@ -537,6 +642,7 @@ var ke = class {
 		return this.#t.set(n, {
 			parentScope: t,
 			params: /* @__PURE__ */ new Map(),
+			initializers: /* @__PURE__ */ new Map(),
 			ownerId: e
 		}), n;
 	}
@@ -548,36 +654,57 @@ var ke = class {
 	clearScope(e) {
 		let t = this.#t.get(e);
 		if (!t) throw Error("Unknown scope: " + e);
-		t.params.clear();
+		t.params.clear(), t.initializers.clear();
+	}
+	registerInitializer(e, t, n) {
+		o(t);
+		let r = this.#t.get(e);
+		if (!r) throw Error("Unknown scope: " + e);
+		if (r.params.has(t) || r.initializers.has(t)) throw Error(`Parameter "${t}" already exists in scope ${e}`);
+		r.initializers.set(t, {
+			initialize: n,
+			initializing: !1
+		});
 	}
 	register(e, t, n) {
-		a(t);
+		o(t);
 		let r = this.#t.get(e);
 		if (!r) throw Error("Unknown scope: " + e);
-		if (r.params.has(t)) throw Error("Parameter \"" + t + "\" already exists in scope " + e);
+		if (r.params.has(t) || r.initializers.get(t)?.initializing === !1) throw Error("Parameter \"" + t + "\" already exists in scope " + e);
 		return r.params.set(t, n), n;
 	}
 	resolve(e, t) {
-		a(t);
+		o(t);
 		let n = e;
 		for (; n;) {
 			let e = this.#t.get(n);
 			if (!e) throw Error("Unknown scope: " + n);
-			let r = e.params.get(t);
-			if (r) return r;
+			let r = e.initializers.get(t);
+			if (r) {
+				if (r.initializing) throw Error(`Parameter dependency cycle while initializing "${t}" in ${n}.`);
+				r.initializing = !0;
+				try {
+					if (r.initialize(), !e.params.has(t)) throw Error(`Initializer did not register parameter "${t}".`);
+					e.initializers.delete(t);
+				} finally {
+					r.initializing = !1;
+				}
+			}
+			let i = e.params.get(t);
+			if (i) return i;
 			n = e.parentScope;
 		}
 	}
 };
 //#endregion
 //#region ../core/src/paramRuntime/expressionCompiler.js
-function Me(e, t = {}, n = {}) {
-	return p(e, t, n);
+function je(e, t = {}, n = {}) {
+	return f(e, t, n);
 }
 //#endregion
 //#region ../core/src/paramRuntime/expressionRef.js
-function Ne(e, t, n = {}) {
-	let r = {}, i = Me(e, r, n), a = /* @__PURE__ */ new Map();
+function F(e, t, n = {}) {
+	let r = {}, i = je(e, r, n), a = /* @__PURE__ */ new Map();
 	for (let n of i.globals) {
 		if (a.has(n)) continue;
 		let i = t(n);
@@ -601,17 +728,17 @@ function Ne(e, t, n = {}) {
 	}, i.invalidate = () => {
 		for (let e of o) e();
 		o.clear();
-	}, i.identifier = () => i.code + "|" + Array.from(a.values()).map((e) => e.id).concat((i.scaleDependencies ?? []).map((e) => e.id)).join(","), {
+	}, i.identifier = () => i.code + "|" + Array.from(a.values()).map((e) => e.id).concat((i.scaleDependencies ?? []).map((e) => e.id)).join(","), i.dependencies = Array.from(a.values()).concat(i.scaleDependencies ?? []), {
 		expression: i,
-		dependencies: Array.from(a.values()).concat(i.scaleDependencies ?? [])
+		dependencies: i.dependencies
 	};
 }
 //#endregion
 //#region ../core/src/paramRuntime/paramRuntime.js
-var Pe = class {
-	#e = new Ae();
-	#t = new ke({ lifecycleRegistry: this.#e });
-	#n = new je();
+var Me = class {
+	#e = new ke();
+	#t = new Oe({ lifecycleRegistry: this.#e });
+	#n = new Ae();
 	createScope(e) {
 		let t = this.#e.createOwner("scope", e ?? "root");
 		return e ? this.#n.createChildScope(t, e) : this.#n.createRootScope(t);
@@ -624,6 +751,9 @@ var Pe = class {
 		let n = this.#n.getOwnerId(e);
 		this.#e.addDisposer(n, t);
 	}
+	registerInitializer(e, t, n) {
+		this.#n.registerInitializer(e, t, n);
+	}
 	registerBase(e, t, n, r) {
 		let i = this.#n.getOwnerId(e), a = this.#t.createWritable(i, t, "base", n, r);
 		return this.#n.register(e, t, a);
@@ -633,30 +763,48 @@ var Pe = class {
 		return this.#n.register(e, t, a);
 	}
 	registerDerived(e, t, n, r) {
-		let { expression: i, dependencies: a } = Ne(n, (t) => this.resolve(e, t), r), o = this.#n.getOwnerId(e), s = this.#t.computed(o, t, a, () => i(null));
+		let { expression: i, dependencies: a } = F(n, (t) => this.resolve(r?.expressionScope ?? e, t), r), o = this.#n.getOwnerId(e), s = this.#t.computed(o, t, a, () => i(null));
 		return this.#n.register(e, t, s);
 	}
 	createExpression(e, t, n) {
-		let { expression: r } = Ne(t, (t) => this.resolve(e, t), n);
+		let { expression: r } = F(t, (t) => this.resolve(e, t), n);
 		return r;
 	}
 	resolve(e, t) {
 		return this.#n.resolve(e, t);
 	}
+	signal(e, t, n) {
+		return this.#t.createWritable(this.#n.getOwnerId(e), t, "base", n);
+	}
+	computed(e, t, n, r, i) {
+		return this.#t.computed(this.#n.getOwnerId(e), t, n, r, i);
+	}
+	operation(e, t, n, r, i, a) {
+		return this.#t.operation(this.#n.getOwnerId(e), t, n, r, i, a);
+	}
+	effect(e, t, n) {
+		return this.#t.effect(this.#n.getOwnerId(e), t, n);
+	}
+	requestUpdate(e, t = 0, n, r) {
+		this.#t.requestUpdate(e, t, n, r);
+	}
+	cancelUpdate(e) {
+		this.#t.cancelUpdate(e);
+	}
 	runInTransaction(e) {
 		return this.#t.runInTransaction(e);
 	}
-	flushNow() {
-		this.#t.flushNow();
+	flushNow(e) {
+		this.#t.flushNow(e);
 	}
 	whenPropagated(e) {
 		return this.#t.whenPropagated(e);
 	}
-}, Fe = (e) => new Promise((t) => setTimeout(t, e));
-function Ie() {
+}, Ne = (e) => new Promise((t) => setTimeout(t, e));
+function Pe() {
 	return { canceled: !1 };
 }
-function Le(e) {
+function Fe(e) {
 	let t = e.requestAnimationFrame || window.requestAnimationFrame, n = e.signal, r = e.cancelToken, i = () => new Promise((i, a) => {
 		if (r?.canceled) return i();
 		if (n?.aborted) return a("aborted");
@@ -669,11 +817,11 @@ function Le(e) {
 		};
 		t(m);
 	});
-	return e.delay ? r?.canceled ? Promise.resolve() : n?.aborted ? Promise.reject("aborted") : Fe(e.delay).then(i) : i();
+	return e.delay ? r?.canceled ? Promise.resolve() : n?.aborted ? Promise.reject("aborted") : Ne(e.delay).then(i) : i();
 }
 //#endregion
 //#region ../core/src/utils/animator.js
-var Re = class {
+var Ie = class {
 	constructor(e) {
 		this._renderCallback = e, this._renderRequested = !1, this._finalized = !1, this._warn = !1, this._animationFrameRequest = void 0, this.transitions = [], this.transitionsEnabled = !0;
 	}
@@ -699,13 +847,13 @@ var Re = class {
 		this._finalized = !0, this._renderRequested = !1, this.transitions = [], this._animationFrameRequest !== void 0 && (window.cancelAnimationFrame(this._animationFrameRequest), this._animationFrameRequest = void 0);
 	}
 	transition(e) {
-		return Le({
+		return Fe({
 			requestAnimationFrame: (e) => this.requestTransition(e),
 			...e
 		});
 	}
 };
-function ze(e, t, n, r, i) {
+function Le(e, t, n, r, i) {
 	let a = 0, o = !0, s = !1, c = structuredClone(i), l = c;
 	function u(e, t, n, r) {
 		return t + (e - t) * 2 ** (-n / r);
@@ -724,7 +872,7 @@ function ze(e, t, n, r, i) {
 		s || (s = !0, e.requestTransition(d));
 	}
 	function p(n) {
-		l = n, e.transitionsEnabled === !1 ? (c = l, o = !0, s = !1, e.cancelTransition(d), t(c)) : o && (o = !1, a = Be(), d(a));
+		l = n, e.transitionsEnabled === !1 ? (c = l, o = !0, s = !1, e.cancelTransition(d), t(c)) : o && (o = !1, a = Re(), d(a));
 	}
 	return p.stop = () => {
 		o = !0, s = !1, e.cancelTransition(d);
@@ -732,13 +880,13 @@ function ze(e, t, n, r, i) {
 		l = e, c = e, p.stop(), t(c);
 	}, p;
 }
-function Be() {
+function Re() {
 	let e = globalThis.document?.timeline?.currentTime;
 	return typeof e == "number" ? e : performance.now();
 }
 //#endregion
 //#region ../core/src/paramRuntime/viewParamRuntime.js
-var P = class {
+var ze = class {
 	#e;
 	#t;
 	#n = /* @__PURE__ */ new Map();
@@ -753,25 +901,49 @@ var P = class {
 	constructor(e, t, n, r = {}) {
 		this.#o = e ?? (() => void 0), this.#s = t ?? (() => void 0), this.#c = n, this.#l = r.snapTransitionedUpdates ?? !1;
 		let i = this.#o();
-		i ? (this.#e = i.#e, this.#t = this.#e.createScope(i.#t)) : (this.#e = new Pe(), this.#t = this.#e.createScope());
+		i ? (this.#e = i.#e, this.#t = this.#e.createScope(i.#t)) : (this.#e = new Me(), this.#t = this.#e.createScope());
+	}
+	registerParam(e, t = {}) {
+		let n = e.name;
+		if (o(n), this.#i.has(n)) throw Error("Parameter \"" + n + "\" already registered in this scope.");
+		if (Ve(e), t.defer) {
+			if (!("expr" in e)) throw Error("Only expression parameters can be deferred.");
+			return this.#e.registerInitializer(this.#t, n, () => {
+				this.#d(e);
+			}), this.#i.set(n, e), () => {
+				throw Error("Cannot set derived parameter \"" + n + "\".");
+			};
+		}
+		return this.#d(e);
+	}
+	registerScopedExpression(e, t, n) {
+		if (this.#e !== n.#e) throw Error("Scoped expressions must share a parameter runtime.");
+		if (this.#i.has(e)) throw Error("Parameter \"" + e + "\" already registered in this scope.");
+		this.#e.registerInitializer(this.#t, e, () => {
+			let r = this.#e.registerDerived(this.#t, e, t, {
+				expressionScope: n.#t,
+				resolveScaleResolution: n.#s
+			});
+			this.#r.set(e, r);
+		}), this.#i.set(e, {
+			name: e,
+			expr: t
+		});
 	}
-	registerParam(e) {
-		let t = e.name;
-		if (a(t), this.#i.has(t)) throw Error("Parameter \"" + t + "\" already registered in this scope.");
-		He(e);
-		let n, r;
+	#d(e) {
+		let t = e.name, n, i;
 		if (e.push == "outer") {
-			let i = this.findRuntimeForParam(t);
-			if (!i) throw Error(`Parameter "${t}" not found in outer scope!`);
-			let a = i.paramConfigs.get(t);
-			if (!a) throw Error(`Outer parameter "${t}" exists as a value but has no registered config.`);
-			if ("expr" in a || "select" in a || "ruler" in a) throw Error(`The outer parameter "${t}" must not have expr, select, or ruler properties!`);
+			let a = this.findRuntimeForParam(t);
+			if (!a) throw Error(`Parameter "${t}" not found in outer scope!`);
+			let o = a.paramConfigs.get(t);
+			if (!o) throw Error(`Outer parameter "${t}" exists as a value but has no registered config.`);
+			if ("expr" in o || "select" in o || "ruler" in o) throw Error(`The outer parameter "${t}" must not have expr, select, or ruler properties!`);
 			n = (e) => {
-				i.setValue(t, e);
-			}, this.#n.set(t, n), "ruler" in e && (r = o(e, this), n(r));
-		} else if ("value" in e) r = o(e, this), n = "transition" in e ? this.#f(t, r, e.transition) : this.#d(t, r);
+				a.setValue(t, e);
+			}, this.#n.set(t, n), "ruler" in e && (i = r(e, this), n(i));
+		} else if ("value" in e) i = r(e, this), n = "transition" in e ? this.#p(t, i, e.transition) : this.#f(t, i);
 		else if ("expr" in e) {
-			if ("transition" in e) this.#p(t, e.expr, e.transition);
+			if ("transition" in e) this.#m(t, e.expr, e.transition);
 			else {
 				let n = this.#e.registerDerived(this.#t, t, e.expr, { resolveScaleResolution: this.#s });
 				this.#r.set(t, n);
@@ -779,20 +951,20 @@ var P = class {
 			n = () => {
 				throw Error("Cannot set derived parameter \"" + t + "\".");
 			};
-		} else r = o(e, this), n = this.#d(t, r);
+		} else i = r(e, this), n = this.#f(t, i);
 		if ("select" in e) {
-			if (r ??= o(e, this), !this.#n.has(t)) {
-				let e = this.#e.registerSelection(this.#t, t, r);
+			if (i ??= r(e, this), !this.#n.has(t)) {
+				let e = this.#e.registerSelection(this.#t, t, i);
 				this.#r.set(t, e), this.#n.set(t, (t) => {
 					e.set(t), this.#e.flushNow();
 				}), n = this.#n.get(t);
 			}
-			n(r);
+			n(i);
 		}
 		return this.#i.set(t, e), n;
 	}
 	allocateSetter(e, t, n = !1) {
-		if (a(e), this.#n.has(e)) throw Error("Setter already allocated for parameter: " + e);
+		if (o(e), this.#n.has(e)) throw Error("Setter already allocated for parameter: " + e);
 		let r = this.#e.registerBase(this.#t, e, t, { notify: !n });
 		this.#r.set(e, r);
 		let i = (e) => {
@@ -801,22 +973,22 @@ var P = class {
 		return this.#n.set(e, i), i;
 	}
 	setValue(e, t, n) {
-		a(e);
+		o(e);
 		let r = this.#n.get(e);
 		if (!r) throw Error("Writable parameter not found in this scope: " + e);
 		r(t, n);
 	}
 	getValue(e) {
-		return this.#r.get(e)?.get();
+		return !this.#r.has(e) && this.hasLocalParam(e) && this.#e.resolve(this.#t, e), this.#r.get(e)?.get();
 	}
 	getTargetValue(e) {
-		return a(e), this.#a.get(e)?.target ?? this.getValue(e);
+		return o(e), this.#a.get(e)?.target ?? this.getValue(e);
 	}
 	subscribe(e, t) {
-		a(e);
+		o(e);
 		let n = this.findRuntimeForParam(e);
 		if (!n) throw Error("Parameter not found: " + e);
-		let r = n.#r.get(e);
+		let r = n.#e.resolve(n.#t, e);
 		if (!r) throw Error("Parameter found without local reference: " + e);
 		return r.subscribe(t);
 	}
@@ -830,13 +1002,19 @@ var P = class {
 		return this.#i;
 	}
 	hasLocalParam(e) {
-		return a(e), this.#r.has(e);
+		o(e);
+		let t = this.#i.get(e);
+		return this.#r.has(e) || t !== void 0 && "expr" in t;
+	}
+	isPendingParam(e) {
+		let t = this.findRuntimeForParam(e);
+		return t !== void 0 && !t.#r.has(e);
 	}
 	hasConfiguredParamInScopeChain(e) {
-		return a(e), this.#i.has(e) ? !0 : this.#o()?.hasConfiguredParamInScopeChain(e) ?? !1;
+		return o(e), this.#i.has(e) ? !0 : this.#o()?.hasConfiguredParamInScopeChain(e) ?? !1;
 	}
 	findRuntimeForParam(e) {
-		return this.#r.has(e) ? this : this.#o()?.findRuntimeForParam(e);
+		return this.hasLocalParam(e) ? this : this.#o()?.findRuntimeForParam(e);
 	}
 	getDebugState() {
 		let e = [];
@@ -844,7 +1022,7 @@ var P = class {
 			let r = this.#i.get(t);
 			e.push({
 				name: t,
-				kind: Ve(r),
+				kind: Be(r),
 				value: n.get(),
 				writable: this.#n.has(t),
 				configured: !!r,
@@ -865,7 +1043,28 @@ var P = class {
 		let r = this.createExpression(e), i = r.subscribe(t);
 		return (n.scopeOwned ?? !0) && this.#e.addScopeDisposer(this.#t, i), n.registerDisposer?.(i), r;
 	}
-	#d(e, t) {
+	signal(e, t) {
+		return this.#e.signal(this.#t, e, t);
+	}
+	computed(e, t, n, r) {
+		return this.#e.computed(this.#t, e, t, n, r);
+	}
+	operation(e, t, n, r, i) {
+		return this.#e.operation(this.#t, e, t, n, r, i);
+	}
+	effect(e, t) {
+		return this.#e.effect(this.#t, e, t);
+	}
+	get updateScheduler() {
+		return this.#e;
+	}
+	requestUpdate(e, t = 0, n, r) {
+		this.#e.requestUpdate(e, t, n, r);
+	}
+	cancelUpdate(e) {
+		this.#e.cancelUpdate(e);
+	}
+	#f(e, t) {
 		let n = this.#e.registerBase(this.#t, e, t);
 		this.#r.set(e, n);
 		let r = (e) => {
@@ -873,24 +1072,24 @@ var P = class {
 		};
 		return this.#n.set(e, r), r;
 	}
-	#f(e, t, n) {
-		let r = this.#m(e, t, n), i = (t, n) => {
-			this.#h(e, r, t, n);
+	#p(e, t, n) {
+		let r = this.#h(e, t, n), i = (t, n) => {
+			this.#g(e, r, t, n);
 		};
 		return this.#n.set(e, i), i;
 	}
-	#p(e, t, n) {
-		let r = this.createExpression(t), i = this.#m(e, r(null), n), a = r.subscribe(() => {
-			this.#h(e, i, r(null), { animate: !this.#l });
+	#m(e, t, n) {
+		let r = this.createExpression(t), i = this.#h(e, r(null), n), a = r.subscribe(() => {
+			this.#g(e, i, r(null), { animate: !this.#l });
 		});
 		this.#e.addScopeDisposer(this.#t, a);
 	}
-	#m(e, t, n) {
-		let r = F(e, t), i = this.#e.registerBase(this.#t, e, r);
+	#h(e, t, n) {
+		let r = He(e, t), i = this.#e.registerBase(this.#t, e, r);
 		this.#r.set(e, i);
 		let a = this.#c;
 		if (!a) throw Error(`The parameter "${e}" uses transition but no animator is available.`);
-		let o = ze(a, ({ value: e }) => {
+		let o = Le(a, ({ value: e }) => {
 			i.set(e), this.#e.flushNow();
 		}, n.halfLife ?? 80, n.epsilon ?? .01, { value: i.get() }), s = {
 			target: i.get(),
@@ -901,8 +1100,8 @@ var P = class {
 		};
 		return this.#a.set(e, s), this.#e.addScopeDisposer(this.#t, s.dispose), s;
 	}
-	#h(e, t, n, r = {}) {
-		let i = F(e, n);
+	#g(e, t, n, r = {}) {
+		let i = He(e, n);
 		t.target = i, r.animate === !1 ? t.smoother.snap({ value: i }) : t.smoother({ value: i });
 	}
 	evaluateAndGet(e) {
@@ -911,8 +1110,8 @@ var P = class {
 	runInTransaction(e) {
 		return this.#e.runInTransaction(e);
 	}
-	flushNow() {
-		this.#e.flushNow();
+	flushNow(e) {
+		this.#e.flushNow(e);
 	}
 	whenPropagated(e) {
 		return this.#e.whenPropagated(e);
@@ -924,19 +1123,19 @@ var P = class {
 		this.#u || (this.#u = !0, this.#e.disposeScope(this.#t), this.#n.clear(), this.#r.clear(), this.#i.clear(), this.#a.clear());
 	}
 	hasPointSelections() {
-		for (let e of this.#i.values()) if (s(e)) {
+		for (let e of this.#i.values()) if (i(e)) {
 			let t = e.select;
-			if (c(t)) {
+			if (p(t)) {
 				if (t == "point") return !0;
 			} else if (t.type == "point") return !0;
 		}
 		return !1;
 	}
 };
-function Ve(e) {
+function Be(e) {
 	return e ? e.push === "outer" ? "push" : "select" in e ? "selection" : "ruler" in e ? "ruler" : "expr" in e ? "derived" : "base" : "auto";
 }
-function He(e) {
+function Ve(e) {
 	let t = e.name;
 	if ("value" in e && "expr" in e) throw Error(`The parameter "${t}" must not have both value and expr properties!`);
 	if ("expr" in e && "bind" in e) throw Error(`The parameter "${t}" must not have both expr and bind properties!`);
@@ -949,7 +1148,7 @@ function He(e) {
 	if (n.halfLife != null && (!Number.isFinite(n.halfLife) || n.halfLife <= 0)) throw Error(`The transition halfLife for parameter "${t}" must be a positive finite number.`);
 	if (n.epsilon != null && (!Number.isFinite(n.epsilon) || n.epsilon < 0)) throw Error(`The transition epsilon for parameter "${t}" must be a non-negative finite number.`);
 }
-function F(e, t) {
+function He(e, t) {
 	if (typeof t != "number" || !Number.isFinite(t)) throw Error(`Transitioned parameter "${e}" must have a finite numeric value.`);
 	return t;
 }
@@ -966,7 +1165,7 @@ function We(e) {
 //#endregion
 //#region ../core/src/config/mergeConfig.js
 function I(e) {
-	return l(e) && !Array.isArray(e);
+	return u(e) && !Array.isArray(e);
 }
 function Ge(e) {
 	let t = {};
@@ -1021,7 +1220,7 @@ function Ye(e) {
 }
 //#endregion
 //#region ../core/src/data/namedDataScope.js
-var Xe = class {
+var W = class {
 	name;
 	owner;
 	getDefaultData;
@@ -1059,13 +1258,13 @@ var Xe = class {
 	dispose() {
 		this.#e = void 0, this.#t = !1, this.#n++, this.#r = !0;
 	}
-}, Ze = class {
+}, Xe = class {
 	view;
 	#e = /* @__PURE__ */ new Map();
 	#t = /* @__PURE__ */ new Map();
 	constructor(e) {
 		this.view = e;
-		for (let [t, n] of Object.entries(e.spec.datasets ?? {})) this.#e.set(t, new Xe(t, e, () => n));
+		for (let [t, n] of Object.entries(e.spec.datasets ?? {})) this.#e.set(t, new W(t, e, () => n));
 	}
 	getLocalBinding(e) {
 		return this.#e.get(e);
@@ -1079,7 +1278,7 @@ var Xe = class {
 		let n = this.view.dataParent?.namedDataScope;
 		if (n) return n.resolve(e);
 		let r = this.#t.get(e);
-		return r || (r = new Xe(e, void 0, () => this.view.context.getNamedDataFromProvider(e)), this.#t.set(e, r)), r;
+		return r || (r = new W(e, void 0, () => this.view.context.getNamedDataFromProvider(e)), this.#t.set(e, r)), r;
 	}
 	dispose() {
 		for (let e of this.#e.values()) e.dispose();
@@ -1087,7 +1286,7 @@ var Xe = class {
 		for (let e of this.#t.values()) e.dispose();
 		this.#t.clear();
 	}
-}, W = "VISIT_SKIP", G = "VISIT_STOP", K = (e) => e, Qe = class {
+}, G = "VISIT_SKIP", K = "VISIT_STOP", q = (e) => e, Ze = class {
 	spec;
 	namedDataScope;
 	#e;
@@ -1102,16 +1301,16 @@ var Xe = class {
 	#l = void 0;
 	#u = !1;
 	#d = [];
-	opacityFunction = K;
+	opacityFunction = q;
 	#f = [];
 	#p = "none";
 	#m = /* @__PURE__ */ new Map();
-	facetCoords = new ie([], JSON.stringify);
+	facetCoords = new ae([], JSON.stringify);
 	constructor(e, t, n, r, i, a = {}) {
 		if (!e) throw Error("View spec must be defined!");
-		if (this.context = t, this.layoutParent = n, this.dataParent = r, this.#t = i, this.spec = e, this.namedDataScope = new Ze(this), r && e.theme !== void 0) throw Error("\"theme\" is only supported at the root specification. Use \"config\" and \"style\" for subtree customization.");
+		if (this.context = t, this.layoutParent = n, this.dataParent = r, this.#t = i, this.spec = e, this.namedDataScope = new Xe(this), r && e.theme !== void 0) throw Error("\"theme\" is only supported at the root specification. Use \"config\" and \"style\" for subtree customization.");
 		let o = r ? r.getConfigScopes() : [t.getBaseConfig()], s = e.config;
-		if (this.#e = [...o, s].filter((e) => !!e), this.resolutions = {
+		this.#e = [...o, s].filter((e) => !!e), this.resolutions = {
 			scale: {},
 			axis: {},
 			legend: {}
@@ -1122,18 +1321,17 @@ var Xe = class {
 		}, this.flowHandle = void 0, this.needsAxes = {
 			x: !1,
 			y: !1
-		}, this.paramRuntime = new P(() => this.dataParent?.paramRuntime, (e) => this.getScaleResolution(e), t.animator, { snapTransitionedUpdates: !0 }), e.params) {
-			let t = /* @__PURE__ */ new Set();
-			for (let n of e.params) {
-				if ("expr" in n) {
-					let { usesScaleHelper: e, globals: r } = d(n.expr), i = r.some((e) => t.has(e));
-					if (e || i) {
-						t.add(n.name), this.#d.push(n);
-						continue;
-					}
+		}, this.paramRuntime = new ze(() => this.dataParent?.paramRuntime, (e) => this.getScaleResolution(e), t.animator, { snapTransitionedUpdates: !0 });
+		let l = [...e.params ?? [], ...Ye(e) ?? []];
+		for (let e of l) {
+			if ("expr" in e) {
+				let { usesScaleHelper: t, globals: n } = c(e.expr), r = n.some((e) => this.paramRuntime.isPendingParam(e));
+				if (t || r) {
+					this.paramRuntime.registerParam(e, { defer: !0 }), this.#d.push(e.name);
+					continue;
 				}
-				this.paramRuntime.registerParam(n);
 			}
+			this.paramRuntime.registerParam(e);
 		}
 		this.options.layoutSizeParams !== "inherit" && (this.#a = this.#h("width"), this.#o = this.#h("height"));
 	}
@@ -1176,10 +1374,10 @@ var Xe = class {
 		return this.facetCoords.values().next().value;
 	}
 	getPadding() {
-		return this._cache("size/padding", () => O.createFromConfig(this.spec.padding));
+		return this._cache("size/padding", () => k.createFromConfig(this.spec.padding));
 	}
 	getOverhang() {
-		return O.zero();
+		return k.zero();
 	}
 	isScrollable() {
 		return this.spec.viewportWidth != null || this.spec.viewportHeight != null;
@@ -1194,7 +1392,7 @@ var Xe = class {
 		return new y(this.#g("viewportWidth") ?? e.width, this.#g("viewportHeight") ?? e.height);
 	}
 	#g(e) {
-		let { value: t, implicit: n } = this.#_(e), r = this.resolveSizeValue(e, t), i = q(r), a = e == "viewportWidth" || e == "viewportHeight";
+		let { value: t, implicit: n } = this.#_(e), r = this.resolveSizeValue(e, t), i = J(r), a = e == "viewportWidth" || e == "viewportHeight";
 		if (i) {
 			if (a) throw new _(`Cannot use step-based size with "${e}"!`, this);
 			let t = this.#x(e, r), i = this.getScaleResolution(e == "width" ? "x" : "y")?.getScale();
@@ -1206,11 +1404,11 @@ var Xe = class {
 					n = ee(e) - e[0];
 				} else throw new _(`Cannot use step-based size with "${i.type}" scale!`, this);
 				let a = i;
-				n = ae(n, a.paddingInner(), a.paddingOuter());
+				n = ie(n, a.paddingInner(), a.paddingOuter());
 				let o = e == "width" ? "xOffset" : "yOffset", s = this.getScaleResolution(o)?.getScale(), c = r.for ?? (s && v(s.type) ? "offset" : "position"), l = t;
 				if (c == "offset") {
 					if (!s || !v(s.type)) throw new _(`Cannot use ${e}.step.for = "offset" without a discrete ${o} scale!`, this);
-					let t = s, n = ae(s.domain().length, t.paddingInner(), t.paddingOuter());
+					let t = s, n = ie(s.domain().length, t.paddingInner(), t.paddingOuter());
 					l *= n / (1 - a.paddingInner());
 				}
 				return {
@@ -1222,7 +1420,7 @@ var Xe = class {
 				grow: 0
 			};
 			else throw new _(`Cannot use step-based size with "${e}"!`, this);
-		} else return (r && me(r)) ?? (a ? void 0 : {
+		} else return (r && C(r)) ?? (a ? void 0 : {
 			px: 0,
 			grow: 1
 		});
@@ -1247,7 +1445,7 @@ var Xe = class {
 	resolveSizeValue(t, n) {
 		if (!e(n)) return n;
 		let r = this.#C(t)();
-		if (rt(r) || r === "container") return r;
+		if (nt(r) || r === "container") return r;
 		throw new _(`"${t}" ExprRef must resolve to a finite number or "container"!`, this);
 	}
 	registerSizeInvalidation() {
@@ -1255,7 +1453,7 @@ var Xe = class {
 	}
 	#y(e, t) {
 		let { value: n, implicit: r } = this.#_(e);
-		if (!q(n)) return;
+		if (!J(n)) return;
 		let i = this.getScaleResolution(t);
 		if (!i) {
 			if (r) return;
@@ -1274,11 +1472,11 @@ var Xe = class {
 	}
 	#b(t) {
 		let { value: n } = this.#_(t);
-		e(n) ? this.#S(t, n.expr) : q(n) && e(n.step) && this.#S(t + ".step", n.step.expr);
+		e(n) ? this.#S(t, n.expr) : J(n) && e(n.step) && this.#S(t + ".step", n.step.expr);
 	}
 	#x(t, n) {
 		let r = e(n.step) ? this.#C(t + ".step")() : n.step;
-		if (rt(r)) return r;
+		if (nt(r)) return r;
 		throw new _(`"${t}.step" ExprRef must resolve to a finite number!`, this);
 	}
 	#S(e, t) {
@@ -1324,7 +1522,7 @@ var Xe = class {
 		return this.opacityFunction(1);
 	}
 	hasLocalOpacity() {
-		return this.opacityFunction !== K;
+		return this.opacityFunction !== q;
 	}
 	getPathString() {
 		return this.getLayoutAncestors().map((e) => e.name).reverse().join("/");
@@ -1400,17 +1598,17 @@ var Xe = class {
 		}, this.visit(e);
 	}
 	configurePostScaleParams() {
-		let e = [...this.#d, ...Ye(this.spec) ?? []];
+		let e = this.#d;
 		if (e.length && !this.#u) {
 			this.#u = !0, this.#l = !1;
-			for (let t of e) this.paramRuntime.registerParam(t);
+			for (let t of e) this.paramRuntime.getValue(t);
 			this.registerDisposer(this._addBroadcastHandler("subtreeDataReady", () => {
 				this.#l = !0, this.#T();
 			}));
 		}
 	}
 	configureViewOpacity() {
-		(!this.opacityFunction || this.opacityFunction === K) && (this.opacityFunction = et(this));
+		(!this.opacityFunction || this.opacityFunction === q) && (this.opacityFunction = $e(this));
 	}
 	finalizeParamRuntimeInitialization() {
 		this.#l === void 0 ? this.paramRuntime.finalizeInitialization() : this.#T();
@@ -1422,8 +1620,8 @@ var Xe = class {
 		return this.#s;
 	}
 	arrange(e, t, n = {}) {
-		if (n.firstFacet && this.facetCoords.clear(), this.facetCoords.set(n.facetId, m(t, f(n))), this.#a || this.#o) {
-			let e = this.getOverhang(), n = this.layoutParent ? O.zero() : this.getPadding();
+		if (n.firstFacet && this.facetCoords.clear(), this.facetCoords.set(n.facetId, m(t, l(n))), this.#a || this.#o) {
+			let e = this.getOverhang(), n = this.layoutParent ? k.zero() : this.getPadding();
 			this.#a?.(t.width - e.width - n.width), this.#o?.(t.height - e.height - n.height);
 		}
 		this.#c = !0, this.#T();
@@ -1444,7 +1642,7 @@ var Xe = class {
 	}
 	getFacetFields(e) {
 		let t = this.getEncoding().sample;
-		return i(t) ? [t.field] : this.options.inheritEncoding ? this.layoutParent?.getFacetFields(this) : [];
+		return n(t) ? [t.field] : this.options.inheritEncoding ? this.layoutParent?.getFacetFields(this) : [];
 	}
 	usesSampleFacetRendering() {
 		return this.layoutParent?.usesSampleFacetRendering() ?? !1;
@@ -1477,14 +1675,14 @@ var Xe = class {
 		return "independent";
 	}
 	getBaseUrl() {
-		return A(() => this.dataParent?.getBaseUrl(), We(this.spec.baseUrl));
+		return j(() => this.dataParent?.getBaseUrl(), We(this.spec.baseUrl));
 	}
 	isPickingSupported() {
 		return !0;
 	}
 	getTitleText() {
 		let t = this.spec.title;
-		if (t) return c(t) ? t : e(t.text) ? this.paramRuntime.evaluateAndGet(t.text.expr) : t.text;
+		if (t) return p(t) ? t : e(t.text) ? this.paramRuntime.evaluateAndGet(t.text.expr) : t.text;
 	}
 	_cache(e, t) {
 		return te(this, e, t);
@@ -1508,14 +1706,14 @@ var Xe = class {
 	}
 	propagateInteraction(e) {}
 };
-function $e(e) {
+function Qe(e) {
 	return "unitsPerPixel" in e;
 }
-function et(t) {
-	let i = "opacity" in t.spec ? t.spec.opacity : void 0;
-	if (i !== void 0) {
-		if (r(i)) return (e) => e * i;
-		if ($e(i)) {
+function $e(t) {
+	let n = "opacity" in t.spec ? t.spec.opacity : void 0;
+	if (n !== void 0) {
+		if (a(n)) return (e) => e * n;
+		if (Qe(n)) {
 			let r = (e) => {
 				let n = t.getScaleResolution(e), r = n?.getScale();
 				if ([
@@ -1526,13 +1724,13 @@ function et(t) {
 					scale: r,
 					scaleResolution: n
 				};
-			}, a = nt(i.values, "opacity.values", t);
-			if (!n(i.unitsPerPixel)) throw new _("\"opacity.unitsPerPixel\" must be an array.", t);
-			let o = () => 1, s = [], c = () => {
-				let e = tt(nt(s.map((e) => e()), "opacity.unitsPerPixel", t), a, t), n = re().domain(e.unitsPerPixel).range(e.values).clamp(!0);
-				o = (e) => n(e);
+			}, i = tt(n.values, "opacity.values", t);
+			if (!s(n.unitsPerPixel)) throw new _("\"opacity.unitsPerPixel\" must be an array.", t);
+			let a = () => 1, o = [], c = () => {
+				let e = et(tt(o.map((e) => e()), "opacity.unitsPerPixel", t), i, t), n = re().domain(e.unitsPerPixel).range(e.values).clamp(!0);
+				a = (e) => n(e);
 			};
-			s = i.unitsPerPixel.map((n) => {
+			o = n.unitsPerPixel.map((n) => {
 				if (e(n)) {
 					let e = t.paramRuntime.watchExpression(n.expr, () => {
 						c(), t.context.animator.requestRender();
@@ -1542,28 +1740,28 @@ function et(t) {
 			}), c();
 			let l = (e) => {
 				let t = e.scaleResolution.getAxisLength() || 1e3;
-				return u(e.scale.domain()) / t;
-			}, d;
-			if (i.channel === "auto") {
+				return d(e.scale.domain()) / t;
+			}, u;
+			if (n.channel === "auto") {
 				let e = r("x"), n = r("y");
-				if (e && n) d = () => (l(e) + l(n)) / 2;
-				else if (e) d = () => l(e);
-				else if (n) d = () => l(n);
+				if (e && n) u = () => (l(e) + l(n)) / 2;
+				else if (e) u = () => l(e);
+				else if (n) u = () => l(n);
 				else throw new _("Cannot find a resolved quantitative x or y scale for dynamic opacity!", t);
 			} else {
-				let e = i.channel ? r(i.channel) : r("x") ?? r("y");
+				let e = n.channel ? r(n.channel) : r("x") ?? r("y");
 				if (!e) throw new _("Cannot find a resolved quantitative scale for dynamic opacity!", t);
-				d = () => l(e);
+				u = () => l(e);
 			}
-			return (e) => o(d()) * e;
-		} else if (e(i)) {
-			let e = t.paramRuntime.watchExpression(i.expr, () => t.context.animator.requestRender());
+			return (e) => a(u()) * e;
+		} else if (e(n)) {
+			let e = t.paramRuntime.watchExpression(n.expr, () => t.context.animator.requestRender());
 			return (t) => e(null) * t;
 		}
 	}
-	return K;
+	return q;
 }
-function tt(e, t, n) {
+function et(e, t, n) {
 	if (!e.length) throw new _("\"opacity.unitsPerPixel\" must contain at least one stop.", n);
 	if (e.length !== t.length) throw new _("\"opacity.unitsPerPixel\" and \"opacity.values\" must have the same length.", n);
 	e.forEach((e, t) => {
@@ -1581,34 +1779,34 @@ function tt(e, t, n) {
 		values: a
 	};
 }
-function nt(e, t, i) {
-	if (!n(e)) throw new _("\"" + t + "\" must evaluate to an array.", i);
-	return e.map((e, n) => {
-		if (!r(e) || !Number.isFinite(e)) throw new _("Invalid " + t + " value at index " + n + ". Expected a finite number.", i);
+function tt(e, t, n) {
+	if (!s(e)) throw new _("\"" + t + "\" must evaluate to an array.", n);
+	return e.map((e, r) => {
+		if (!a(e) || !Number.isFinite(e)) throw new _("Invalid " + t + " value at index " + r + ". Expected a finite number.", n);
 		return e;
 	});
 }
-var q = (e) => !!e && typeof e == "object" && "step" in e;
-function rt(e) {
+var J = (e) => !!e && typeof e == "object" && "step" in e;
+function nt(e) {
 	return typeof e == "number" && Number.isFinite(e);
 }
-var J = /* @__PURE__ */ new WeakMap(), Y = /* @__PURE__ */ new WeakMap();
-function it(e, t) {
-	X(e, t, "Import");
+var Y = /* @__PURE__ */ new WeakMap(), X = /* @__PURE__ */ new WeakMap();
+function rt(e, t) {
+	at(e, t, "Import");
 }
-function at(e, t) {
-	X(e, t, "View");
+function it(e, t) {
+	at(e, t, "View");
 }
-function X(e, t, n) {
+function at(e, t, n) {
 	if (t !== null && typeof t != "string") throw Error(n + " scope name must be a string or null.");
-	J.set(e, { name: t });
+	Y.set(e, { name: t });
 }
 function ot(e) {
-	return J.get(e);
+	return Y.get(e);
 }
 function st(e, t = {}) {
 	let n = t.skipSubtree ?? !1 ? "excludeSubtree" : "exclude";
-	Y.set(e, n);
+	X.set(e, n);
 }
 function ct(e, t = {}) {
 	Ke(e, t.skipSubtree ?? !1 ? "excludeSubtree" : "exclude");
@@ -1619,7 +1817,7 @@ function lt(e) {
 function Z(e) {
 	let t = e.getDataAncestors(), n = [];
 	for (let e = t.length - 1; e >= 0; --e) {
-		let r = J.get(t[e]);
+		let r = Y.get(t[e]);
 		r && typeof r.name == "string" && n.push(r.name);
 	}
 	return n;
@@ -1648,14 +1846,14 @@ function ft(e) {
 function pt(e, t) {
 	e.visit((e) => {
 		let n = qe(e);
-		if (n === "excludeSubtree") return W;
+		if (n === "excludeSubtree") return G;
 		if (n !== "exclude") return t(e);
 	});
 }
 function mt(e, t) {
 	e.visit((e) => {
-		let n = Y.get(e);
-		if (n === "excludeSubtree") return W;
+		let n = X.get(e);
+		if (n === "excludeSubtree") return G;
 		if (n !== "exclude") return t(e);
 	});
 }
@@ -1680,8 +1878,8 @@ function gt(e, t) {
 }
 function _t(e, t) {
 	e.visit((e) => {
-		let n = Y.get(e);
-		if (n === "excludeSubtree") return W;
+		let n = X.get(e);
+		if (n === "excludeSubtree") return G;
 		if (n !== "exclude") for (let [n, r] of e.paramRuntime.paramConfigs) Q(r) && t({
 			view: e,
 			param: r,
@@ -1710,12 +1908,12 @@ function xt(e) {
 	if (typeof e.view != "string" || !e.view.length) throw Error("View selector view must be a non-empty string.");
 }
 function Q(e) {
-	return e.persist === !1 ? !1 : s(e) ? !0 : t(e) ? !!e.bind : !1;
+	return e.persist === !1 ? !1 : i(e) ? !0 : t(e) ? !!e.bind : !1;
 }
 function St(e) {
 	let t = /* @__PURE__ */ new Set([e]);
 	return e.visit((e) => {
-		let n = J.get(e);
+		let n = Y.get(e);
 		n && typeof n.name == "string" && t.add(e);
 	}), Array.from(t);
 }
@@ -1750,7 +1948,7 @@ function Et(e, t, n) {
 	if (i.length <= 1) return;
 	let a = /* @__PURE__ */ new Map();
 	for (let e of i) {
-		let t = J.get(e), n = t ? t.name : void 0;
+		let t = Y.get(e), n = t ? t.name : void 0;
 		typeof n != "string" || !n.length || a.set(n, (a.get(n) ?? 0) + 1);
 	}
 	for (let [e, r] of a) r > 1 && n.push({
@@ -1762,17 +1960,17 @@ function Dt(e, t) {
 	let n = [];
 	return $(e, t, (e) => {
 		if (Z(e).length !== t.length + 1) return;
-		let r = J.get(e);
+		let r = Y.get(e);
 		!r || typeof r.name != "string" || n.push(e);
 	}, { includeNamedImportRoots: !0 }), n;
 }
 function Ot(e) {
 	let t = !1;
 	return e.visit((e) => {
-		let n = Y.get(e);
-		if (n === "excludeSubtree") return W;
+		let n = X.get(e);
+		if (n === "excludeSubtree") return G;
 		if (n !== "exclude") {
-			for (let n of e.paramRuntime.paramConfigs.values()) if (Q(n)) return t = !0, G;
+			for (let n of e.paramRuntime.paramConfigs.values()) if (Q(n)) return t = !0, K;
 		}
 	}), t;
 }
@@ -1782,9 +1980,9 @@ function kt(e, t) {
 		if (typeof i != "string" || !i.length) throw Error("Scope names must be non-empty strings.");
 		let t, a = !1;
 		if ($(e, r, (e) => {
-			let n = J.get(e);
+			let n = Y.get(e);
 			if (!(!n || n.name !== i) && Z(e).length === r.length + 1) {
-				if (t) return a = !0, G;
+				if (t) return a = !0, K;
 				t = e;
 			}
 		}, { includeNamedImportRoots: !0 }), a) throw Error("Multiple import instances named \"" + i + "\" in scope.");
@@ -1796,8 +1994,8 @@ function kt(e, t) {
 function $(e, t, n, r = {}) {
 	let i = r.includeNamedImportRoots ?? !1;
 	e.visit((e) => {
-		let r = J.get(e), a = Y.get(e);
-		if (a === "excludeSubtree") return W;
+		let r = Y.get(e), a = X.get(e);
+		if (a === "excludeSubtree") return G;
 		if (a !== "exclude" && At(e, t, r, i)) return n(e);
 	});
 }
@@ -1814,4 +2012,4 @@ function Mt(e, t) {
 	return !0;
 }
 //#endregion
-export { Se as A, oe as B, Ue as C, Ie as D, ze as E, b as F, ue as H, le as I, se as L, O as M, ye as N, j as O, y as P, T as R, z as S, Re as T, ce as U, me as V, G as _, lt as a, V as b, st as c, gt as d, ht as f, W as g, pt as h, ut as i, xe as j, A as k, it as l, mt as m, ot as n, ft as o, yt as p, Z as r, ct as s, vt as t, at as u, Qe as v, P as w, H as x, Je as y, w as z };
+export { M as A, oe as B, Ue as C, Pe as D, Le as E, b as F, ue as H, le as I, se as L, k as M, ve as N, N as O, y as P, D as R, z as S, Ie as T, ce as U, C as V, K as _, lt as a, V as b, st as c, gt as d, ht as f, G as g, pt as h, ut as i, be as j, j as k, rt as l, mt as m, ot as n, ft as o, yt as p, Z as r, ct as s, vt as t, it as u, Ze as v, ze as w, H as x, Je as y, E as z };