@genome-spy/app 0.85.0 → 0.87.0

package/dist/{svg-CCu8kYy2.js → svg-DJuqHIyc.js}

@@ -1,33 +1,35 @@
-import { Vt as e, ut as t, x as n, y as r } from "./paramUtils-BYI4rwyL.js";
-import { pt as i, x as a } from "./viewSelectors-DGCspRN3.js";
-import { a as o, o as s } from "./clipOptions-gqdb3fvW.js";
-import { n as c, t as l } from "./viewRenderingContext-HtpqwS_x.js";
-import { C as u, E as d, S as f, T as p, _ as m, a as h, b as g, c as _, d as v, f as y, g as b, h as x, i as S, l as C, m as w, n as T, o as E, p as D, r as ee, s as te, t as ne, u as re, v as ie, w as O, x as k, y as ae } from "./nativeText-DMO8gLt7.js";
-import { n as A, t as j } from "./svgNumber-DNxESJQB.js";
+import { an as e, o as t, s as n } from "./clipOptions-H68pJyEZ.js";
+import { v as r } from "./vega-scale-BGC53c22.js";
+import { x as i } from "./viewSelectors-DYYlOt91.js";
+import { t as a } from "./rasterization-CFogVB3B.js";
+import { t as o } from "./rectangle-DKnrAmKs.js";
+import { n as s, t as c } from "./layoutResult-D50MSHXR.js";
+import { A as l, C as u, D as d, E as f, M as p, O as m, S as h, T as g, _, a as v, b as y, c as b, d as x, f as S, g as C, h as w, i as T, j as E, k as D, l as O, m as ee, n as k, o as A, p as te, r as ne, s as re, t as ie, u as ae, v as oe, w as se } from "./nativeText-DAjvkrzc.js";
+import { n as j, t as M } from "./svgNumber-DNxESJQB.js";
 //#region ../core/src/rendering/svg/svgElement.js
-var M = "http://www.w3.org/2000/svg";
-function N(e, t) {
-	let n = document.createElementNS(M, e);
+var N = "http://www.w3.org/2000/svg";
+function P(e, t) {
+	let n = document.createElementNS(N, e);
 	if (t) for (let [e, r] of Object.entries(t)) n.setAttribute(e, "" + r);
 	return n;
 }
 //#endregion
 //#region ../core/src/rendering/svg/svgAttributes.js
-function P(e, t) {
-	let n = Object.entries(t).filter(([t, n]) => n.encoder.constant ? (e.setAttribute(t, "" + F(n, {})), !1) : !0);
-	return (e) => Object.fromEntries(n.map(([t, n]) => [t, F(n, e)]));
-}
 function F(e, t) {
+	let n = Object.entries(t).filter(([t, n]) => n.encoder.constant ? (e.setAttribute(t, "" + I(n, {})), !1) : !0);
+	return (e) => Object.fromEntries(n.map(([t, n]) => [t, I(n, e)]));
+}
+function I(e, t) {
 	let n = e.encoder(t);
 	return e.transform ? e.transform(n) : "" + n;
 }
 //#endregion
 //#region ../core/src/rendering/svg/renderers/arrow.js
-function oe(e, t) {
-	let n = e, { coords: r, data: i, group: a, viewOpacity: o, visibleBounds: s } = t, c = n.encoders, l = P(a, {
+function ce(e, t) {
+	let n = e, { coords: r, data: i, group: a, viewOpacity: o, visibleBounds: s } = t, c = n.encoders, l = F(a, {
 		fill: {
 			encoder: c.fill,
-			transform: k
+			transform: f
 		},
 		"fill-opacity": {
 			encoder: c.fillOpacity,
@@ -35,7 +37,7 @@ function oe(e, t) {
 		},
 		stroke: {
 			encoder: c.stroke,
-			transform: k
+			transform: f
 		},
 		"stroke-opacity": {
 			encoder: c.strokeOpacity,
@@ -43,89 +45,81 @@ function oe(e, t) {
 		},
 		"stroke-width": {
 			encoder: c.strokeWidth,
-			transform: (e) => j(+e)
+			transform: (e) => M(+e)
 		}
 	});
 	a.setAttribute("stroke-linejoin", "miter");
-	let u = x(n);
-	return b(n, u, {
+	let u = oe(n);
+	return y(n, u, {
 		coords: r,
 		data: i,
 		visibleBounds: s,
 		viewOpacity: o,
 		countOnly: t.countOnly
 	}, (e) => {
-		t.countOnly || (e.headShapeFallback && t.warn(`SVG export rendered unsupported arrow headShape "${u.headShape}" as a triangle.`), a.appendChild(N("path", {
-			d: e.boundaryLoops.map(se).join(" "),
+		t.countOnly || (e.headShapeFallback && t.warn(`SVG export rendered unsupported arrow headShape "${u.headShape}" as a triangle.`), a.appendChild(P("path", {
+			d: e.boundaryLoops.map(le).join(" "),
 			...l(e.datum)
 		})));
 	});
 }
-function se(e) {
-	return `M ${e.map(ce).join(" L ")} Z`;
+function le(e) {
+	return `M ${e.map(ue).join(" L ")} Z`;
 }
-function ce(e) {
-	return `${j(e.x)} ${j(e.y)}`;
+function ue(e) {
+	return `${M(e.x)} ${M(e.y)}`;
 }
 //#endregion
 //#region ../core/src/rendering/svg/renderers/link.js
-function le(e, t) {
-	let n = e, r = n.properties, i = g(n, r.arcFadingDistance), a = D(n), { coords: o, data: s, group: c, viewOpacity: l, visibleBounds: u } = t, d = n.encoders, f = g(n, r.noFadingOnPointSelection) ? ue(n, d) : [], p = P(c, {
+function de(e, t) {
+	let n = e, r = te(n), { coords: i, data: a, group: o, viewOpacity: s, visibleBounds: c } = t, l = n.encoders, u = C(n, r.shape), d = F(o, {
 		stroke: {
-			encoder: d.color,
-			transform: k
+			encoder: l.color,
+			transform: f
 		},
 		"stroke-opacity": {
-			encoder: d.opacity,
-			transform: (e) => +e * l
+			encoder: l.opacity,
+			transform: (e) => +e * s
 		},
 		"stroke-width": {
-			encoder: d.size,
-			transform: (e) => j(+e)
+			encoder: l.size,
+			transform: (e) => M(+e)
 		}
 	});
-	return c.setAttribute("fill", "none"), c.setAttribute("stroke-linecap", "butt"), w(n, a, {
-		coords: o,
-		data: s,
-		visibleBounds: u
+	return o.setAttribute("fill", "none"), o.setAttribute("stroke-linecap", "butt"), ee(n, r, {
+		coords: i,
+		data: a,
+		visibleBounds: c
 	}, ({ datum: e, points: n }) => {
-		let [r, o, s, l] = n;
+		let [r, i, a, s] = n;
 		if (t.countOnly) return;
-		let u = p(e);
-		if (a.shape == "arc" && i !== !1 && i[0] > 0 && i[1] > 0 && !de(e, f)) {
+		let c = d(e), l = u(e);
+		if (l) {
 			let e = t.getLinkArcFadeMaskUrl({
 				p1: r,
-				p4: l,
-				distances: i
+				p4: s,
+				distances: l
 			});
-			e && (u.mask = e);
+			e && (c.mask = e);
 		}
-		c.appendChild(N("path", {
-			d: `M ${I(r)} C ${I(o)} ${I(s)} ${I(l)}`,
-			...u
+		o.appendChild(P("path", {
+			d: `M ${L(r)} C ${L(i)} ${L(a)} ${L(s)}`,
+			...c
 		}));
 	});
 }
-function ue(e, t) {
-	let i = new Set(Object.values(t).flatMap((e) => e.branches).map((e) => e.predicate?.param).filter((e) => e));
-	return Array.from(i).map((t) => e.unitView.paramRuntime.findValue(t)).filter((e) => e && (n(e) || r(e)));
-}
-function de(e, r) {
-	let i = e[t];
-	return r.some((e) => n(e) ? e.uniqueId != null && e.uniqueId == i : e.data.has(i));
-}
-function I(e) {
-	return e.map(j).join(" ");
+function L(e) {
+	return e.map(M).join(" ");
 }
 //#endregion
 //#region ../core/src/rendering/svg/renderers/point.js
-function L(e, t) {
+function fe(e, t) {
 	let n = e;
 	g(n, n.properties.fillGradientStrength) && t.warn("SVG export ignored unsupported point property fillGradientStrength."), n.properties.geometricZoomBound && t.warn("SVG export ignored unsupported point property geometricZoomBound.");
-	let r = v(n), { inwardStroke: i } = r, { group: a, viewOpacity: o } = t, s = n.encoders, c = P(a, {
+	let r = x(n), { inwardStroke: i } = r, { group: a, viewOpacity: o } = t, s = n.encoders, c = F(a, {
 		fill: {
 			encoder: s.fill,
-			transform: k
+			transform: f
 		},
 		"fill-opacity": {
 			encoder: s.fillOpacity,
@@ -133,7 +127,7 @@ function L(e, t) {
 		},
 		stroke: {
 			encoder: s.stroke,
-			transform: k
+			transform: f
 		},
 		"stroke-opacity": {
 			encoder: s.strokeOpacity,
@@ -141,47 +135,47 @@ function L(e, t) {
 		},
 		"stroke-width": {
 			encoder: s.strokeWidth,
-			transform: (e) => j(+e)
+			transform: (e) => M(+e)
 		}
-	}), l = z();
-	return y(n, r, t, (e) => {
+	}), l = R();
+	return S(n, r, t, (e) => {
 		if (t.countOnly) return;
 		let { datum: n, shape: r, x: u, y: d, geometryRadius: f, angle: p, strokeWidth: m, lineShape: h } = e, g = {
 			...c(n),
-			...i && !h ? { "stroke-width": j(m) } : {},
-			...h ? B(s, n, o) : {}
-		}, _ = R(r, u, d, f, g, l);
-		_ ? (p && _.setAttribute("transform", `rotate(${j(p)} ${j(u)} ${j(d)})`), a.appendChild(_)) : (t.warn(`SVG export rendered unsupported point shape "${r}" as a circle.`), a.appendChild(N("circle", {
-			cx: j(u),
-			cy: j(d),
-			r: j(f),
+			...i && !h ? { "stroke-width": M(m) } : {},
+			...h ? z(s, n, o) : {}
+		}, _ = pe(r, u, d, f, g, l);
+		_ ? (p && _.setAttribute("transform", `rotate(${M(p)} ${M(u)} ${M(d)})`), a.appendChild(_)) : (t.warn(`SVG export rendered unsupported point shape "${r}" as a circle.`), a.appendChild(P("circle", {
+			cx: M(u),
+			cy: M(d),
+			r: M(f),
 			...g
 		})));
 	});
 }
-function R(e, t, n, r, i, a) {
-	let o = j(t), s = j(n), c = j(r);
-	if (e == "circle") return N("circle", {
+function pe(e, t, n, r, i, a) {
+	let o = M(t), s = M(n), c = M(r);
+	if (e == "circle") return P("circle", {
 		cx: o,
 		cy: s,
 		r: c,
 		...i
 	});
-	if (e == "square") return N("rect", {
-		x: j(t - r),
-		y: j(n - r),
-		width: j(r * 2),
-		height: j(r * 2),
+	if (e == "square") return P("rect", {
+		x: M(t - r),
+		y: M(n - r),
+		width: M(r * 2),
+		height: M(r * 2),
 		...i
 	});
 	let l = a.build(e, t, n, r);
-	return l ? N("path", {
+	return l ? P("path", {
 		d: l,
 		...i
 	}) : void 0;
 }
-function z() {
-	let e = "", t = (e, t) => `${j(e)} ${j(t)}`, n = {
+function R() {
+	let e = "", t = (e, t) => `${M(e)} ${M(t)}`, n = {
 		moveTo(n, r) {
 			e += `${e ? " M" : "M"} ${t(n, r)}`;
 		},
@@ -193,26 +187,26 @@ function z() {
 		}
 	};
 	return { build(t, r, i, a) {
-		return e = "", re(t, r, i, a, n) ? e : void 0;
+		return e = "", ae(t, r, i, a, n) ? e : void 0;
 	} };
 }
-function B(e, t, n) {
-	let r = e.stroke(t), i = m(e.strokeOpacity, t), a = r == null || i <= 0;
+function z(e, t, n) {
+	let r = e.stroke(t), i = h(e.strokeOpacity, t), a = r == null || i <= 0;
 	return {
 		fill: "none",
-		stroke: k(a ? e.fill(t) : r),
-		"stroke-opacity": (a ? m(e.fillOpacity, t) : i) * n,
-		"stroke-width": j(m(e.strokeWidth, t)),
+		stroke: f(a ? e.fill(t) : r),
+		"stroke-opacity": (a ? h(e.fillOpacity, t) : i) * n,
+		"stroke-width": M(h(e.strokeWidth, t)),
 		"stroke-linecap": "butt"
 	};
 }
 //#endregion
 //#region ../core/src/rendering/svg/renderers/rect.js
-function V(e, t) {
-	let n = e, r = _(n), { shadow: i, hatch: a } = r, { group: o, viewOpacity: s } = t, c = n.encoders, l = P(o, {
+function B(e, t) {
+	let n = e, r = b(n), { shadow: i, hatch: a } = r, { group: o, viewOpacity: s } = t, c = n.encoders, l = F(o, {
 		fill: {
 			encoder: c.fill,
-			transform: k
+			transform: f
 		},
 		"fill-opacity": {
 			encoder: c.fillOpacity,
@@ -220,7 +214,7 @@ function V(e, t) {
 		},
 		stroke: {
 			encoder: c.stroke,
-			transform: k
+			transform: f
 		},
 		"stroke-opacity": {
 			encoder: c.strokeOpacity,
@@ -228,93 +222,93 @@ function V(e, t) {
 		},
 		"stroke-width": {
 			encoder: c.strokeWidth,
-			transform: (e) => j(+e)
+			transform: (e) => M(+e)
 		}
 	}), u = i.opacity > 0 ? {
 		fill: i.color,
 		"fill-opacity": 1,
 		stroke: i.color,
 		"stroke-opacity": 1,
-		opacity: A(i.opacity * s),
+		opacity: j(i.opacity * s),
 		filter: t.getShadowFilterUrl(i)
 	} : null;
-	return C(n, r, t, (e) => {
+	return O(n, r, t, (e) => {
 		if (t.countOnly) return;
-		let { datum: n, x: r, y: i, width: d, height: f, radii: p, opacityFactor: h, strokeWidth: g, fill: _, fillOpacity: v } = e, y = {
+		let { datum: n, x: r, y: i, width: d, height: p, radii: m, opacityFactor: g, strokeWidth: _, fill: v, fillOpacity: y } = e, b = {
 			...l(n),
-			...h == 1 ? {} : { opacity: A(h) }
+			...g == 1 ? {} : { opacity: j(g) }
 		};
-		if (a != "none" && g > 0 && (y.fill = t.getRectHatchPatternUrl({
+		if (a != "none" && _ > 0 && (b.fill = t.getRectHatchPatternUrl({
 			type: a,
-			fill: k(c.fill(n)),
-			fillOpacity: m(c.fillOpacity, n) * s,
-			stroke: k(c.stroke(n)),
-			strokeOpacity: m(c.strokeOpacity, n) * s,
-			strokeWidth: g
-		}), y["fill-opacity"] = 1), u) {
-			let e = H(r, i, d, f, p, {
+			fill: f(c.fill(n)),
+			fillOpacity: h(c.fillOpacity, n) * s,
+			stroke: f(c.stroke(n)),
+			strokeOpacity: h(c.strokeOpacity, n) * s,
+			strokeWidth: _
+		}), b["fill-opacity"] = 1), u) {
+			let e = V(r, i, d, p, m, {
 				...u,
-				"stroke-width": j(g)
+				"stroke-width": M(_)
 			});
-			if (a == "none" && _ != "none" && v == 1 && h == 1) o.appendChild(e);
+			if (a == "none" && v != "none" && y == 1 && g == 1) o.appendChild(e);
 			else {
-				let n = g / 2, a = Object.fromEntries(Object.entries(p).map(([e, t]) => [e, t + n])), s = U(r - n, i - n, d + n * 2, f + n * 2, a), c = N("g", { "clip-path": t.getShadowClipPathUrl(s) });
+				let n = _ / 2, a = Object.fromEntries(Object.entries(m).map(([e, t]) => [e, t + n])), s = H(r - n, i - n, d + n * 2, p + n * 2, a), c = P("g", { "clip-path": t.getShadowClipPathUrl(s) });
 				c.appendChild(e), o.appendChild(c);
 			}
 		}
-		o.appendChild(H(r, i, d, f, p, y));
+		o.appendChild(V(r, i, d, p, m, b));
 	});
 }
-function H(e, t, n, r, i, a) {
-	if (fe(i)) {
-		let o = i.topLeft, s = j(e), c = j(t), l = j(e + n), u = j(t + r);
-		return N("rect", {
+function V(e, t, n, r, i, a) {
+	if (me(i)) {
+		let o = i.topLeft, s = M(e), c = M(t), l = M(e + n), u = M(t + r);
+		return P("rect", {
 			x: s,
 			y: c,
-			width: j(l - s),
-			height: j(u - c),
+			width: M(l - s),
+			height: M(u - c),
 			...o ? {
-				rx: j(o),
-				ry: j(o)
+				rx: M(o),
+				ry: M(o)
 			} : {},
 			...a
 		});
-	} else return N("path", {
-		d: U(e, t, n, r, i),
+	} else return P("path", {
+		d: H(e, t, n, r, i),
 		...a
 	});
 }
-function fe(e) {
+function me(e) {
 	return Object.values(e).every((t) => t == e.topLeft);
 }
-function U(e, t, n, r, i) {
+function H(e, t, n, r, i) {
 	let a = e + n, o = t + r, { topLeft: s, topRight: c, bottomRight: l, bottomLeft: u } = i;
 	return [
-		`M ${G(e + s, t)}`,
-		`H ${j(a - c)}`,
-		W(c, a, t + c, a, t),
-		`V ${j(o - l)}`,
-		W(l, a - l, o, a, o),
-		`H ${j(e + u)}`,
-		W(u, e, o - u, e, o),
-		`V ${j(t + s)}`,
-		W(s, e + s, t, e, t),
+		`M ${W(e + s, t)}`,
+		`H ${M(a - c)}`,
+		U(c, a, t + c, a, t),
+		`V ${M(o - l)}`,
+		U(l, a - l, o, a, o),
+		`H ${M(e + u)}`,
+		U(u, e, o - u, e, o),
+		`V ${M(t + s)}`,
+		U(s, e + s, t, e, t),
 		"Z"
 	].join(" ");
 }
-function W(e, t, n, r, i) {
-	return e ? `A ${j(e)} ${j(e)} 0 0 1 ${G(t, n)}` : `L ${G(r, i)}`;
+function U(e, t, n, r, i) {
+	return e ? `A ${M(e)} ${M(e)} 0 0 1 ${W(t, n)}` : `L ${W(r, i)}`;
 }
-function G(e, t) {
-	return `${j(e)} ${j(t)}`;
+function W(e, t) {
+	return `${M(e)} ${M(t)}`;
 }
 //#endregion
 //#region ../core/src/rendering/svg/renderers/rule.js
-function K(e, t) {
-	let n = e, r = E(n), { coords: i, data: a, group: o, viewOpacity: s, visibleBounds: c } = t, l = n.encoders, u = n.properties.strokeDash, d = P(o, {
+function G(e, t) {
+	let n = e, r = A(n), { coords: i, data: a, group: o, viewOpacity: s, visibleBounds: c } = t, l = n.encoders, u = n.properties.strokeDash, d = F(o, {
 		stroke: {
 			encoder: l.color,
-			transform: k
+			transform: f
 		},
 		"stroke-opacity": {
 			encoder: l.opacity,
@@ -322,30 +316,30 @@ function K(e, t) {
 		},
 		"stroke-width": {
 			encoder: l.size,
-			transform: (e) => j(+e)
+			transform: (e) => M(+e)
 		}
 	});
-	return o.setAttribute("stroke-linecap", "" + n.properties.strokeCap), u && (o.setAttribute("stroke-dasharray", u.map(j).join(" ")), o.setAttribute("stroke-dashoffset", "" + j(n.properties.strokeDashOffset))), te(n, r, {
+	return o.setAttribute("stroke-linecap", "" + n.properties.strokeCap), u && (o.setAttribute("stroke-dasharray", u.map(M).join(" ")), o.setAttribute("stroke-dashoffset", "" + M(n.properties.strokeDashOffset))), re(n, r, {
 		coords: i,
 		data: a,
 		visibleBounds: c
 	}, (e) => {
-		t.countOnly || o.appendChild(N("line", {
-			x1: j(e.x1),
-			y1: j(e.y1),
-			x2: j(e.x2),
-			y2: j(e.y2),
+		t.countOnly || o.appendChild(P("line", {
+			x1: M(e.x1),
+			y1: M(e.y1),
+			x2: M(e.x2),
+			y2: M(e.y2),
 			...d(e.datum)
 		}));
 	});
 }
 //#endregion
 //#region ../core/src/rendering/svg/renderers/text.js
-function pe(e, t) {
-	let n = e, r = n.properties, i = S(n), { coords: a, data: o, group: s, viewOpacity: c, visibleBounds: l, anchorCullBounds: u } = t, d = n.encoders, f = P(s, {
+function he(e, t) {
+	let n = e, r = n.properties, i = T(n), { coords: a, data: o, group: s, viewOpacity: c, visibleBounds: l, anchorCullBounds: u } = t, d = n.encoders, p = F(s, {
 		fill: {
 			encoder: d.color,
-			transform: k
+			transform: f
 		},
 		"fill-opacity": {
 			encoder: d.opacity,
@@ -353,11 +347,11 @@ function pe(e, t) {
 		},
 		"font-size": {
 			encoder: d.size,
-			transform: (e) => j(+e)
+			transform: (e) => M(+e)
 		}
 	});
-	s.setAttribute("font-family", ne(r.font)), s.setAttribute("font-style", r.fontStyle ?? "normal"), s.setAttribute("font-weight", "" + ee(r.fontWeight ?? "normal")), s.setAttribute("text-anchor", me[i.align]);
-	let p = {
+	s.setAttribute("font-family", ie(r.font)), s.setAttribute("font-style", r.fontStyle ?? "normal"), s.setAttribute("font-weight", "" + ne(r.fontWeight ?? "normal")), s.setAttribute("text-anchor", ge[i.align]);
+	let m = {
 		top: {
 			width: g(n, r.viewportEdgeFadeWidthTop),
 			distance: g(n, r.viewportEdgeFadeDistanceTop)
@@ -374,7 +368,7 @@ function pe(e, t) {
 			width: g(n, r.viewportEdgeFadeWidthLeft),
 			distance: g(n, r.viewportEdgeFadeDistanceLeft)
 		}
-	}, m = h(n, i, {
+	}, h = v(n, i, {
 		coords: a,
 		data: o,
 		visibleBounds: l,
@@ -383,93 +377,93 @@ function pe(e, t) {
 		if (t.countOnly) return;
 		if (e.logoScale) {
 			e.multiCharacterLogo && t.warn("SVG export stretches multi-character logo text as a single glyph cell.");
-			let n = [`translate(${j(e.x)} ${j(e.y)})`];
-			e.angle && n.push(`rotate(${j(e.angle)})`), (e.dx || e.dy) && n.push(`translate(${j(e.dx)} ${j(e.dy)})`), n.push(`scale(${j(e.logoScale.width)} ${j(e.logoScale.heightScale)})`);
-			let r = N("text", {
+			let n = [`translate(${M(e.x)} ${M(e.y)})`];
+			e.angle && n.push(`rotate(${M(e.angle)})`), (e.dx || e.dy) && n.push(`translate(${M(e.dx)} ${M(e.dy)})`), n.push(`scale(${M(e.logoScale.width)} ${M(e.logoScale.heightScale)})`);
+			let r = P("text", {
 				x: 0,
 				y: 0,
-				dy: T("middle", 1),
+				dy: k("middle", 1),
 				"text-anchor": "middle",
 				lengthAdjust: "spacingAndGlyphs",
 				textLength: 1,
 				transform: n.join(" "),
-				...f(e.datum),
+				...p(e.datum),
 				"font-size": 1
 			});
 			r.textContent = e.text, s.appendChild(r);
 			return;
 		}
-		let n = j(e.x), r = j(e.y), a = N("text", {
+		let n = M(e.x), r = M(e.y), a = P("text", {
 			x: n,
 			y: r,
-			dx: j(e.dx),
-			dy: j(e.dy + T(i.baseline, e.size)),
+			dx: M(e.dx),
+			dy: M(e.dy + k(i.baseline, e.size)),
 			lengthAdjust: "spacingAndGlyphs",
-			textLength: j(e.width),
-			...f(e.datum),
-			...e.scale == 1 ? {} : { "font-size": j(e.size) },
-			...e.fadeOpacity == 1 ? {} : { opacity: A(e.fadeOpacity) }
+			textLength: M(e.width),
+			...p(e.datum),
+			...e.scale == 1 ? {} : { "font-size": M(e.size) },
+			...e.fadeOpacity == 1 ? {} : { opacity: j(e.fadeOpacity) }
 		});
-		a.textContent = e.text, e.angle && a.setAttribute("transform", `rotate(${j(e.angle)} ${n} ${r})`), s.appendChild(a);
+		a.textContent = e.text, e.angle && a.setAttribute("transform", `rotate(${M(e.angle)} ${n} ${r})`), s.appendChild(a);
 	});
 	if (!t.countOnly && s.childElementCount > 0) {
-		let e = t.getViewportEdgeFadeMaskUrl(p);
+		let e = t.getViewportEdgeFadeMaskUrl(m);
 		e && s.setAttribute("mask", e);
 	}
-	return m;
+	return h;
 }
-var me = {
+var ge = {
 	left: "start",
 	center: "middle",
 	right: "end"
-}, q = 64;
-function he(e, t) {
-	let n = _e(e.unitView);
+}, K = 64;
+function _e(e, t) {
+	let n = ye(e.unitView);
 	if (!n) return;
-	let r = e.unitView.getScaleResolution(n.channel)?.getScale();
-	if (!r || !i(r.type)) return;
-	let { coords: a, data: o, group: s, viewOpacity: c, visibleBounds: l } = t;
+	let i = e.unitView.getScaleResolution(n.channel)?.getScale();
+	if (!i || !r(i.type)) return;
+	let { coords: a, data: o, group: s, viewOpacity: c, visibleBounds: d } = t;
 	if (!o.length) return 0;
-	let u = e.encoders, d = n.channel == "stroke" ? u.stroke : u.fill, f = ve(e.unitView.spec.encoding.x), m = Infinity, h = Infinity, g = -Infinity, _ = -Infinity, v = o.map((e) => {
-		let [t, n] = ie(a, u, e), [r, i] = ae(a, u, e);
-		return m = Math.min(m, t, n), h = Math.min(h, r, i), g = Math.max(g, t, n), _ = Math.max(_, r, i), {
+	let p = e.encoders, m = n.channel == "stroke" ? p.stroke : p.fill, h = be(e.unitView.spec.encoding.x), g = Infinity, _ = Infinity, v = -Infinity, y = -Infinity, b = o.map((e) => {
+		let [t, n] = u(a, p, e), [r, i] = se(a, p, e);
+		return g = Math.min(g, t, n), _ = Math.min(_, r, i), v = Math.max(v, t, n), y = Math.max(y, r, i), {
 			offset: Number(e.position),
-			color: k(d(e))
+			color: f(m(e))
 		};
 	}).sort((e, t) => e.offset - t.offset);
-	if (!p(l, m, h, g, _)) return 0;
+	if (!l(d, g, _, v, y)) return 0;
 	if (t.countOnly) return o.length;
-	let y = ge(v), b = [
+	let x = ve(b), S = [
 		{
 			offset: 0,
-			color: y[0].color
+			color: x[0].color
 		},
-		...y,
+		...x,
 		{
 			offset: 1,
-			color: y.at(-1).color
+			color: x.at(-1).color
 		}
-	], x = t.getLegendGradientUrl({
-		x1: m,
-		y1: f ? h : _,
-		x2: f ? g : m,
-		y2: h,
-		stops: b
-	}), S = j(m), C = j(h), w = j(g), T = j(_), E = Number(u.fillOpacity(o[0])) * c;
-	return s.appendChild(N("rect", {
-		x: S,
-		y: C,
-		width: j(w - S),
-		height: j(T - C),
-		fill: x,
-		"fill-opacity": A(E),
+	], C = t.getLegendGradientUrl({
+		x1: g,
+		y1: h ? _ : y,
+		x2: h ? v : g,
+		y2: _,
+		stops: S
+	}), w = M(g), T = M(_), E = M(v), D = M(y), O = Number(p.fillOpacity(o[0])) * c;
+	return s.appendChild(P("rect", {
+		x: w,
+		y: T,
+		width: M(E - w),
+		height: M(D - T),
+		fill: C,
+		"fill-opacity": j(O),
 		stroke: "none"
 	})), o.length;
 }
-function ge(e) {
-	return e.length <= q ? e : Array.from({ length: q }, (t, n) => e[Math.round(n * (e.length - 1) / (q - 1))]);
+function ve(e) {
+	return e.length <= K ? e : Array.from({ length: K }, (t, n) => e[Math.round(n * (e.length - 1) / (K - 1))]);
 }
-function _e(e) {
+function ye(e) {
 	let t = e;
 	for (; t;) {
 		let e = t.spec.data;
@@ -477,32 +471,32 @@ function _e(e) {
 		t = t.dataParent;
 	}
 }
-function ve(e) {
+function be(e) {
 	return e != null && "field" in e && (e.field == "position0" || e.field == "position1");
 }
 //#endregion
 //#region ../core/src/rendering/svg/renderers/index.js
-var ye = /* @__PURE__ */ new Map([
-	["arrow", oe],
-	["link", le],
-	["point", L],
-	["rect", V],
-	["rule", K],
-	["text", pe],
-	["tick", K]
+var xe = /* @__PURE__ */ new Map([
+	["arrow", ce],
+	["link", de],
+	["point", fe],
+	["rect", B],
+	["rule", G],
+	["text", he],
+	["tick", G]
 ]);
-function be(e, t) {
+function Se(e, t) {
 	if (e.getType() == "rect") {
-		let n = he(e, t);
+		let n = _e(e, t);
 		if (n !== void 0) return n;
 	}
-	let n = ye.get(e.getType());
+	let n = xe.get(e.getType());
 	if (!n) throw Error(`SVG rendering is not implemented for mark type "${e.getType()}". View: ${e.unitView.getPathString()}`);
 	return n(e, t);
 }
 //#endregion
 //#region ../core/src/rendering/svg/rectHatchPattern.js
-function xe(e, t) {
+function Ce(e, t) {
 	let n = t.strokeWidth, r = [
 		"dots",
 		"rings",
@@ -515,31 +509,31 @@ function xe(e, t) {
 		"vertical",
 		"horizontal",
 		"grid"
-	].includes(t.type), o = r ? n * 7 : n * (i ? 6 : 4), s = a ? n * 2 : n, c = o, l = r ? o * 2 : o, u = N("pattern", {
+	].includes(t.type), o = r ? n * 7 : n * (i ? 6 : 4), s = a ? n * 2 : n, c = o, l = r ? o * 2 : o, u = P("pattern", {
 		id: e,
 		x: 0,
 		y: 0,
-		width: j(c),
-		height: j(l),
+		width: M(c),
+		height: M(l),
 		patternUnits: "userSpaceOnUse"
 	});
-	u.appendChild(N("rect", {
-		width: j(c),
-		height: j(l),
+	u.appendChild(P("rect", {
+		width: M(c),
+		height: M(l),
 		fill: t.fill,
-		"fill-opacity": A(t.fillOpacity)
+		"fill-opacity": j(t.fillOpacity)
 	}));
-	let d = N("g", {
+	let d = P("g", {
 		fill: "none",
 		stroke: t.stroke,
-		"stroke-opacity": A(t.strokeOpacity),
-		"stroke-width": j(s),
+		"stroke-opacity": j(t.strokeOpacity),
+		"stroke-width": M(s),
 		"stroke-linecap": "square"
 	});
-	return Se(d, t.type, o, s), u.appendChild(d), u;
+	return we(d, t.type, o, s), u.appendChild(d), u;
 }
-function Se(e, t, n, r) {
-	let i = (t) => e.appendChild(N("path", { d: t })), a = (e) => j(e), o = (e) => {
+function we(e, t, n, r) {
+	let i = (t) => e.appendChild(P("path", { d: t })), a = (e) => M(e), o = (e) => {
 		for (let t of [
 			-n,
 			0,
@@ -568,10 +562,10 @@ function Se(e, t, n, r) {
 		case "dots":
 		case "rings":
 		case "ringsLarge": {
-			let r = n * (t == "dots" ? .07 : t == "rings" ? .2 : .35), i = (t, n) => e.appendChild(N("circle", {
-				cx: j(t),
-				cy: j(n),
-				r: j(r)
+			let r = n * (t == "dots" ? .07 : t == "rings" ? .2 : .35), i = (t, n) => e.appendChild(P("circle", {
+				cx: M(t),
+				cy: M(n),
+				r: M(r)
 			}));
 			i(n / 2, 0), i(n / 2, n * 2), i(0, n), i(n, n);
 			break;
@@ -581,85 +575,47 @@ function Se(e, t, n, r) {
 }
 //#endregion
 //#region ../core/src/rendering/svg/linkArcFadeMask.js
-var J = 4;
-function Ce(e, t, n) {
-	let r = t[0] - e[0], i = t[1] - e[1], a = Math.hypot(r, i);
-	if (a == 0) return;
-	let o = -i / a, s = r / a;
-	(o < 0 || o == 0 && s < 0) && (o = -o, s = -s);
-	let c = o * e[0] + s * e[1], [l, u] = n, d = JSON.stringify([
-		Y(o, 6),
-		Y(s, 6),
-		Y(c, 1),
-		Y(l, 1),
-		Y(u, 1)
-	]);
-	return {
-		normalX: o,
-		normalY: s,
-		offset: c,
-		start: l,
-		end: u,
-		key: d
-	};
-}
-function we(e, t, n, r) {
-	let { normalX: i, normalY: a, offset: o, start: s, end: c } = r, l = i * o, u = a * o, d = e + "-gradient", f = N("linearGradient", {
+function Te(e, t, n, r) {
+	let { normalX: i, normalY: a, offset: o, start: s, end: c } = r, l = i * o, u = a * o, d = e + "-gradient", f = P("linearGradient", {
 		id: d,
 		gradientUnits: "userSpaceOnUse",
-		x1: j(l - i * c),
-		y1: j(u - a * c),
-		x2: j(l + i * c),
-		y2: j(u + a * c),
+		x1: M(l - i * c),
+		y1: M(u - a * c),
+		x2: M(l + i * c),
+		y2: M(u + a * c),
 		spreadMethod: "pad"
 	});
-	for (let { offset: e, opacity: t } of Te(s, c)) f.appendChild(N("stop", {
-		offset: Y(e, 3),
+	for (let { offset: e, opacity: t } of w(s, c)) f.appendChild(P("stop", {
+		offset: q(e, 3),
 		"stop-color": "white",
-		"stop-opacity": Y(t, 3)
+		"stop-opacity": q(t, 3)
 	}));
-	let p = N("mask", {
+	let p = P("mask", {
 		id: e,
 		x: 0,
 		y: 0,
-		width: j(t),
-		height: j(n),
+		width: M(t),
+		height: M(n),
 		maskUnits: "userSpaceOnUse",
 		maskContentUnits: "userSpaceOnUse",
 		"mask-type": "luminance"
 	});
-	return p.appendChild(N("rect", {
-		width: j(t),
-		height: j(n),
+	return p.appendChild(P("rect", {
+		width: M(t),
+		height: M(n),
 		fill: `url(#${d})`
 	})), {
 		gradient: f,
 		mask: p
 	};
 }
-function Te(e, t) {
-	let n = [], r = (r) => {
-		for (let i = 0; i <= J; i++) {
-			let a = i / J, o = r ? t + (e - t) * a : e + (t - e) * a, s = r ? (t - o) / (2 * t) : (t + o) / (2 * t), c = (o - e) / (t - e);
-			n.push({
-				offset: s,
-				opacity: 1 - Ee(c)
-			});
-		}
-	};
-	return r(!0), r(!1), n;
-}
-function Ee(e) {
-	let t = Math.max(0, Math.min(1, e));
-	return t * t * (3 - 2 * t);
-}
-function Y(e, t) {
+function q(e, t) {
 	let n = 10 ** t;
 	return Math.round(e * n) / n;
 }
 //#endregion
 //#region ../core/src/rendering/svg/svgViewRenderingContext.js
-var X = class extends l {
+var J = class extends s {
 	#e;
 	#t;
 	#n = [];
@@ -672,27 +628,28 @@ var X = class extends l {
 	#l = /* @__PURE__ */ new Set();
 	#u = !1;
 	#d = /* @__PURE__ */ new Map();
-	#f = N("g");
-	#p;
+	#f = new E();
+	#p = P("g");
 	#m;
-	#h = [];
-	#g;
-	#_ = 0;
+	#h;
+	#g = [];
+	#_;
 	#v = 0;
 	#y = 0;
 	#b = 0;
 	#x = 0;
 	#S = 0;
 	#C = 0;
+	#w = 0;
 	constructor(e, t) {
-		super(e), this.width = t.width, this.height = t.height, this.#m = t.maxVectorInstances;
-		let n = j(t.width), r = j(t.height);
-		this.#e = N("svg", {
-			xmlns: M,
+		super(e), this.width = t.width, this.height = t.height, this.#h = t.maxVectorInstances;
+		let n = M(t.width), r = M(t.height);
+		this.#e = P("svg", {
+			xmlns: N,
 			width: n,
 			height: r,
 			viewBox: `0 0 ${n} ${r}`
-		}), this.#t = N("defs"), this.#e.appendChild(this.#t), t.background != null && this.#e.appendChild(N("rect", {
+		}), this.#t = P("defs"), this.#e.appendChild(this.#t), t.background != null && this.#e.appendChild(P("rect", {
 			width: n,
 			height: r,
 			fill: t.background,
@@ -714,13 +671,13 @@ var X = class extends l {
 		return new Map(this.#d);
 	}
 	getRasterRuns() {
-		this.#T();
-		for (let e of this.#h) e.image || this.#E(e);
-		return this.#h;
+		this.#E();
+		for (let e of this.#g) e.image || this.#D(e);
+		return this.#g;
 	}
 	beginSampleFacetBatch() {
-		if (this.#p) throw Error("Nested sample facet batches are not supported.");
-		this.#p = {
+		if (this.#m) throw Error("Nested sample facet batches are not supported.");
+		this.#m = {
 			viewGroups: /* @__PURE__ */ new WeakMap(),
 			markGroups: /* @__PURE__ */ new WeakMap(),
 			markGroupElements: /* @__PURE__ */ new Set(),
@@ -728,14 +685,14 @@ var X = class extends l {
 		};
 	}
 	endSampleFacetBatch() {
-		let e = this.#p;
+		let e = this.#m;
 		if (!e) throw Error("No sample facet batch is active.");
 		for (let t of e.markGroupElements) t.childElementCount || t.remove();
-		this.#p = void 0;
+		this.#m = void 0;
 	}
 	pushView(t, n) {
 		let r = t.getPathString();
-		if (e(this.#n)?.exportExcluded || a(t) && t.name.startsWith("scrollbar-")) {
+		if (e(this.#n)?.exportExcluded || i(t) && t.name.startsWith("scrollbar-")) {
 			this.#n.push({
 				view: t,
 				node: this.currentNode,
@@ -753,17 +710,17 @@ var X = class extends l {
 			});
 			return;
 		}
-		let i = this.#p, o = i?.viewGroups.get(t);
+		let a = this.#m, o = a?.viewGroups.get(t);
 		if (o) {
 			if (o.parentNode !== this.currentNode) throw Error(`Sample-faceted view was rendered under multiple parents: ${r}`);
 		} else {
-			o = N("g", {
-				id: De(t.name, this.#_++),
+			o = P("g", {
+				id: Ee(t.name, this.#v++),
 				"data-name": t.name,
 				"data-view-path": r
 			});
-			let e = N("title");
-			e.textContent = r, o.appendChild(e), this.currentNode.appendChild(o), i?.viewGroups.set(t, o);
+			let e = P("title");
+			e.textContent = r, o.appendChild(e), this.currentNode.appendChild(o), a?.viewGroups.set(t, o);
 		}
 		this.#n.push({
 			view: t,
@@ -775,27 +732,27 @@ var X = class extends l {
 	popView(e) {
 		if (this.#n.pop()?.view !== e) throw Error("Unbalanced SVG view rendering context stack.");
 	}
-	renderMark(t, n) {
-		if (e(this.#n)?.exportExcluded || t.unitView.getEffectiveOpacity() <= 0) return;
-		let r = o(n), i = s(r, t.properties.clip, this.currentCoords), a = u(this.width, this.height, i);
-		if (!O(a)) return;
-		let c = this.getVisibleInstanceCount(t);
-		if (!this.#u && this.#m != null && c == 0) return;
-		if (!this.#u && this.#m != null && c > this.#m) {
-			this.#w(t, a);
+	renderMark(r, i) {
+		if (e(this.#n)?.exportExcluded || r.unitView.getEffectiveOpacity() <= 0) return;
+		let a = t(i), o = n(a, r.properties.clip, this.currentCoords), s = m(this.width, this.height, o);
+		if (!D(s)) return;
+		let c = this.getVisibleInstanceCount(r);
+		if (!this.#u && this.#h != null && c == 0) return;
+		if (!this.#u && this.#h != null && c > this.#h) {
+			this.#T(r, s);
 			return;
 		}
-		let l = !this.#u && this.#p != null, p = l ? this.getClipPathUrl(i) : void 0, m = l ? this.#p.markGroups.get(t)?.get(p ?? "") : void 0;
-		!this.#u && !m && this.#T();
-		let h = this.#u ? this.#f : this.#D(t, p), g = f(this.currentCoords, r, t.properties.cullByVisibleRange);
-		if (d(t, n, this.currentCoords, (e, n) => {
-			let r = be(t, {
+		let l = !this.#u && this.#m != null, u = l ? this.getClipPathUrl(o) : void 0, f = l ? this.#m.markGroups.get(r)?.get(u ?? "") : void 0;
+		!this.#u && !f && this.#E();
+		let h = this.#u ? this.#p : this.#O(r, u), g = d(this.currentCoords, a, r.properties.cullByVisibleRange);
+		if (p(r, i, this.currentCoords, this.#f, (e, t) => {
+			let n = Se(r, {
 				coords: e,
-				data: n,
+				data: t,
 				group: h,
-				visibleBounds: a,
+				visibleBounds: s,
 				anchorCullBounds: g,
-				viewOpacity: t.unitView.getEffectiveOpacity(),
+				viewOpacity: r.unitView.getEffectiveOpacity(),
 				countOnly: this.#u,
 				getViewportEdgeFadeMaskUrl: (e) => this.#u ? void 0 : this.getViewportEdgeFadeMaskUrl(e),
 				getShadowFilterUrl: (e) => this.#u ? "" : this.getShadowFilterUrl(e),
@@ -804,23 +761,23 @@ var X = class extends l {
 				getLinkArcFadeMaskUrl: (e) => this.#u ? void 0 : this.getLinkArcFadeMaskUrl(e),
 				getLegendGradientUrl: (e) => this.#u ? "" : this.getLegendGradientUrl(e),
 				warn: (e) => {
-					this.#u || this.#l.add(`${e} View: ${t.unitView.getPathString()}`);
+					this.#u || this.#l.add(`${e} View: ${r.unitView.getPathString()}`);
 				}
 			});
-			this.#u && this.#d.set(t, this.getVisibleInstanceCount(t) + r);
-		}, (e) => this.#l.add(`SVG export could not resolve sample facet index ${e}. View: ${t.unitView.getPathString()}`)), !this.#u && !l && h.childElementCount > 0) {
-			let e = this.getClipPathUrl(i);
+			this.#u && this.#d.set(r, this.getVisibleInstanceCount(r) + n);
+		}, (e) => this.#l.add(`SVG export could not resolve sample facet index ${e}. View: ${r.unitView.getPathString()}`)), !this.#u && !l && h.childElementCount > 0) {
+			let e = this.getClipPathUrl(o);
 			e && h.setAttribute("clip-path", e), this.currentNode.appendChild(h);
 		}
 	}
-	#w(e, t) {
-		let n = this.#p?.rasterRuns.get(e);
+	#T(e, t) {
+		let n = this.#m?.rasterRuns.get(e);
 		if (n) {
-			Z(n.bounds, t), n.viewNodes.add(this.currentNode);
+			Y(n.bounds, t), n.viewNodes.add(this.currentNode);
 			return;
 		}
-		let r = this.#g;
-		if (r) Z(r.bounds, t);
+		let r = this.#_;
+		if (r) Y(r.bounds, t);
 		else {
 			let e = document.createComment("raster-run");
 			this.currentNode.appendChild(e), r = {
@@ -830,38 +787,38 @@ var X = class extends l {
 				anchor: e,
 				bounds: { ...t },
 				image: void 0
-			}, this.#g = r;
+			}, this.#_ = r;
 		}
 		r.marks.add(e), r.targets.push({
 			mark: e,
 			instanceCount: this.getVisibleInstanceCount(e)
-		}), r.viewNodes.add(this.currentNode), this.#p?.rasterRuns.set(e, r);
+		}), r.viewNodes.add(this.currentNode), this.#m?.rasterRuns.set(e, r);
 	}
-	#T() {
-		let e = this.#g;
-		e && (this.#h.push(e), this.#g = void 0);
+	#E() {
+		let e = this.#_;
+		e && (this.#g.push(e), this.#_ = void 0);
 	}
-	#E(e) {
-		let t = Oe(e.viewNodes), n = e.targets.map((e) => e.mark.getType()), r = N("g", {
-			id: `rasterized-${n.join("-")}-${this.#C++}`,
+	#D(e) {
+		let t = De(e.viewNodes), n = e.targets.map((e) => e.mark.getType()), r = P("g", {
+			id: `rasterized-${n.join("-")}-${this.#w++}`,
 			"data-name": `Rasterized ${n.join(", ")}`,
 			"data-rasterized": ""
-		}), i = N("image", { preserveAspectRatio: "none" });
+		}), i = P("image", { preserveAspectRatio: "none" });
 		r.appendChild(i);
 		let a = e.anchor.parentNode;
-		t == a ? t.insertBefore(r, e.anchor) : t.insertBefore(r, ke(a, t)), e.anchor.remove();
-		for (let n of e.viewNodes) Ae(n, t);
+		t == a ? t.insertBefore(r, e.anchor) : t.insertBefore(r, Oe(a, t)), e.anchor.remove();
+		for (let n of e.viewNodes) ke(n, t);
 		e.image = i;
 	}
-	#D(e, t) {
-		let n = this.#p;
-		if (!n) return N("g", { "data-mark-type": e.getType() });
+	#O(e, t) {
+		let n = this.#m;
+		if (!n) return P("g", { "data-mark-type": e.getType() });
 		let r = n.markGroups.get(e);
 		r || (r = /* @__PURE__ */ new Map(), n.markGroups.set(e, r));
 		let i = t ?? "", a = r.get(i);
 		if (a) {
 			if (a.parentNode !== this.currentNode) throw Error(`Sample-faceted mark was rendered under multiple parents: ${e.unitView.getPathString()}`);
-		} else a = N("g", { "data-mark-type": e.getType() }), t && a.setAttribute("clip-path", t), this.currentNode.appendChild(a), r.set(i, a), n.markGroupElements.add(a);
+		} else a = P("g", { "data-mark-type": e.getType() }), t && a.setAttribute("clip-path", t), this.currentNode.appendChild(a), r.set(i, a), n.markGroupElements.add(a);
 		return a;
 	}
 	getClipPathUrl(e) {
@@ -871,14 +828,14 @@ var X = class extends l {
 			e.clipY ? t.y : 0,
 			e.clipX ? t.width : this.width,
 			e.clipY ? t.height : this.height
-		].map(j), r = n.join(","), i = this.#r.get(r);
+		].map(M), r = n.join(","), i = this.#r.get(r);
 		if (!i) {
-			i = "clip-" + this.#v++;
-			let e = N("clipPath", {
+			i = "clip-" + this.#y++;
+			let e = P("clipPath", {
 				id: i,
 				clipPathUnits: "userSpaceOnUse"
 			});
-			e.appendChild(N("rect", {
+			e.appendChild(P("rect", {
 				x: n[0],
 				y: n[1],
 				width: n[2],
@@ -888,28 +845,28 @@ var X = class extends l {
 		return `url(#${i})`;
 	}
 	getShadowFilterUrl(e) {
-		let t = j(Math.max(e.blur / 2.5, .25)), n = j(e.offsetX), r = j(e.offsetY), i = [
+		let t = M(Math.max(e.blur / 2.5, .25)), n = M(e.offsetX), r = M(e.offsetY), i = [
 			t,
 			n,
 			r
 		].join(","), a = this.#a.get(i);
 		if (!a) {
-			a = "shadow-" + this.#b++;
-			let e = N("filter", {
+			a = "shadow-" + this.#x++;
+			let e = P("filter", {
 				id: a,
 				x: 0,
 				y: 0,
-				width: j(this.width),
-				height: j(this.height),
+				width: M(this.width),
+				height: M(this.height),
 				filterUnits: "userSpaceOnUse",
 				primitiveUnits: "userSpaceOnUse",
 				"color-interpolation-filters": "sRGB"
 			});
-			e.appendChild(N("feGaussianBlur", {
+			e.appendChild(P("feGaussianBlur", {
 				in: "SourceGraphic",
 				stdDeviation: t,
 				result: "blur"
-			})), e.appendChild(N("feOffset", {
+			})), e.appendChild(P("feOffset", {
 				in: "blur",
 				dx: n,
 				dy: r,
@@ -921,13 +878,13 @@ var X = class extends l {
 	getShadowClipPathUrl(e) {
 		let t = this.#o.get(e);
 		if (!t) {
-			t = "shadow-clip-" + this.#v++;
-			let n = N("clipPath", {
+			t = "shadow-clip-" + this.#y++;
+			let n = P("clipPath", {
 				id: t,
 				clipPathUnits: "userSpaceOnUse"
 			});
-			n.appendChild(N("path", {
-				d: `M 0 0 V ${j(this.height)} H ${j(this.width)} V 0 Z ${e}`,
+			n.appendChild(P("path", {
+				d: `M 0 0 V ${M(this.height)} H ${M(this.width)} V 0 Z ${e}`,
 				"clip-rule": "evenodd",
 				"fill-rule": "evenodd"
 			})), this.#t.appendChild(n), this.#o.set(e, t);
@@ -938,35 +895,35 @@ var X = class extends l {
 		let t = JSON.stringify([
 			e.type,
 			e.fill,
-			A(e.fillOpacity),
+			j(e.fillOpacity),
 			e.stroke,
-			A(e.strokeOpacity),
-			A(e.strokeWidth)
+			j(e.strokeOpacity),
+			j(e.strokeWidth)
 		]), n = this.#s.get(t);
-		return n || (n = "rect-hatch-" + this.#x++, this.#t.appendChild(xe(n, e)), this.#s.set(t, n)), `url(#${n})`;
+		return n || (n = "rect-hatch-" + this.#S++, this.#t.appendChild(Ce(n, e)), this.#s.set(t, n)), `url(#${n})`;
 	}
 	getLegendGradientUrl(e) {
-		let t = "legend-gradient-" + this.#S++, n = N("linearGradient", {
+		let t = "legend-gradient-" + this.#C++, n = P("linearGradient", {
 			id: t,
 			gradientUnits: "userSpaceOnUse",
-			x1: j(e.x1),
-			y1: j(e.y1),
-			x2: j(e.x2),
-			y2: j(e.y2)
+			x1: M(e.x1),
+			y1: M(e.y1),
+			x2: M(e.x2),
+			y2: M(e.y2)
 		});
-		for (let t of e.stops) n.appendChild(N("stop", {
-			offset: A(t.offset),
+		for (let t of e.stops) n.appendChild(P("stop", {
+			offset: j(t.offset),
 			"stop-color": t.color
 		}));
 		return this.#t.appendChild(n), `url(#${t})`;
 	}
 	getLinkArcFadeMaskUrl(e) {
-		let t = Ce(e.p1, e.p4, e.distances);
+		let t = _(e.p1, e.p4, e.distances);
 		if (!t) return;
 		let n = this.#c.get(t.key);
 		if (!n) {
-			n = "link-arc-fade-" + this.#y++;
-			let { gradient: e, mask: r } = we(n, this.width, this.height, t);
+			n = "link-arc-fade-" + this.#b++;
+			let { gradient: e, mask: r } = Te(n, this.width, this.height, t);
 			this.#t.appendChild(e), this.#t.appendChild(r), this.#c.set(t.key, n);
 		}
 		return `url(#${n})`;
@@ -978,8 +935,8 @@ var X = class extends l {
 		if (!r) throw Error("No current view in SVG rendering context.");
 		let i = this.#i.get(r.view);
 		if (!i) {
-			i = "edge-fade-" + this.#y++;
-			let e = j(this.width), t = j(this.height), a = N("mask", {
+			i = "edge-fade-" + this.#b++;
+			let e = M(this.width), t = M(this.height), a = P("mask", {
 				id: i,
 				x: 0,
 				y: 0,
@@ -989,14 +946,14 @@ var X = class extends l {
 				maskContentUnits: "userSpaceOnUse",
 				"mask-type": "luminance"
 			});
-			a.appendChild(N("rect", {
+			a.appendChild(P("rect", {
 				width: e,
 				height: t,
 				fill: "white"
 			}));
 			for (let [o, s] of n) {
-				let n = i + "-" + o, c = je(n, o, s, r.coords);
-				this.#t.appendChild(c), a.appendChild(N("rect", {
+				let n = i + "-" + o, c = Ae(n, o, s, r.coords);
+				this.#t.appendChild(c), a.appendChild(P("rect", {
 					width: e,
 					height: t,
 					fill: `url(#${n})`
@@ -1021,44 +978,44 @@ var X = class extends l {
 		return t.coords;
 	}
 };
-function De(e, t) {
+function Ee(e, t) {
 	let n = e.normalize("NFKD").replace(/[\u0300-\u036f]/g, "").replace(/[^A-Za-z0-9_-]+/g, "-").replace(/^-+|-+$/g, "");
 	return `${/^[A-Za-z_]/.test(n) ? n : n ? "view-" + n : "view"}-${t}`;
 }
-function Z(e, t) {
+function Y(e, t) {
 	e.x1 = Math.min(e.x1, t.x1), e.y1 = Math.min(e.y1, t.y1), e.x2 = Math.max(e.x2, t.x2), e.y2 = Math.max(e.y2, t.y2);
 }
-function Oe(e) {
+function De(e) {
 	let [t, ...n] = Array.from(e), r = t;
 	for (; n.some((e) => !r.contains(e));) r = r.parentNode;
 	return r;
 }
-function ke(e, t) {
+function Oe(e, t) {
 	let n = e;
 	for (; n.parentNode != t;) n = n.parentNode;
 	return n;
 }
-function Ae(e, t) {
+function ke(e, t) {
 	let n = e;
 	for (; n != t && n.matches("g[data-view-path]") && Array.from(n.children).every((e) => e.tagName == "title");) {
 		let e = n.parentNode;
 		n.remove(), n = e;
 	}
 }
-function je(e, t, n, r) {
-	let i = t == "top" ? r.y + n.distance : t == "right" ? r.x2 - n.distance : t == "bottom" ? r.y2 - n.distance : r.x + n.distance, a = t == "left" || t == "right", o = i + (t == "top" || t == "left" ? 1 : -1) * n.width, s = N("linearGradient", {
+function Ae(e, t, n, r) {
+	let i = t == "top" ? r.y + n.distance : t == "right" ? r.x2 - n.distance : t == "bottom" ? r.y2 - n.distance : r.x + n.distance, a = t == "left" || t == "right", o = i + (t == "top" || t == "left" ? 1 : -1) * n.width, s = P("linearGradient", {
 		id: e,
 		gradientUnits: "userSpaceOnUse",
-		x1: j(a ? i : 0),
-		y1: j(a ? 0 : i),
-		x2: j(a ? o : 0),
-		y2: j(a ? 0 : o)
+		x1: M(a ? i : 0),
+		y1: M(a ? 0 : i),
+		x2: M(a ? o : 0),
+		y2: M(a ? 0 : o)
 	});
-	return s.appendChild(N("stop", {
+	return s.appendChild(P("stop", {
 		offset: 0,
 		"stop-color": "black",
 		"stop-opacity": 1
-	})), s.appendChild(N("stop", {
+	})), s.appendChild(P("stop", {
 		offset: 1,
 		"stop-color": "black",
 		"stop-opacity": 0
@@ -1066,24 +1023,24 @@ function je(e, t, n, r) {
 }
 //#endregion
 //#region ../core/src/rendering/svg/index.js
-function Q({ viewRoot: e, logicalWidth: t, logicalHeight: n, background: r = "white" }) {
-	let i = new X({ picking: !1 }, {
+function X({ viewRoot: e, logicalWidth: t, logicalHeight: n, background: r = "white" }) {
+	let i = new J({ picking: !1 }, {
 		width: t,
 		height: n,
 		background: r
 	});
-	return e.render(i, c.create(0, 0, t, n), { firstFacet: !0 }), {
+	return c(e, o.create(0, 0, t, n), { renderingOptions: { firstFacet: !0 } }).collectRenderCommands(i), {
 		svg: i.getSvg(),
 		warnings: i.getWarnings()
 	};
 }
-function Me({ viewRoot: e, logicalWidth: t, logicalHeight: n }) {
-	let r = new X({ picking: !1 }, {
+function je({ viewRoot: e, logicalWidth: t, logicalHeight: n }) {
+	let r = new J({ picking: !1 }, {
 		width: t,
 		height: n,
 		background: null
 	});
-	return r.beginInstanceCounting(), e.render(r, c.create(0, 0, t, n), { firstFacet: !0 }), r.endInstanceCounting(), { layers: Array.from(r.getVisibleInstanceCounts(), ([e, t]) => ({
+	return r.beginInstanceCounting(), c(e, o.create(0, 0, t, n), { renderingOptions: { firstFacet: !0 } }).collectRenderCommands(r), r.endInstanceCounting(), { layers: Array.from(r.getVisibleInstanceCounts(), ([e, t]) => ({
 		viewName: e.unitView.name,
 		viewTitle: e.unitView.getTitleText(),
 		viewPath: e.unitView.getPathString(),
@@ -1091,68 +1048,74 @@ function Me({ viewRoot: e, logicalWidth: t, logicalHeight: n }) {
 		instanceCount: t
 	})).filter((e) => e.instanceCount > 0) };
 }
-async function Ne(e) {
+async function Me(e) {
 	let t = e.rasterization;
-	if (!t) return {
-		...Q(e),
-		rasterized: []
-	};
-	if ($(t), !e.webGLHelper) {
-		let t = Q(e);
-		return {
-			...t,
-			warnings: [...t.warnings, "SVG rasterization was requested but no WebGL context is available; exported all marks as vectors."],
-			rasterized: []
-		};
-	}
-	return Pe({
+	return t ? ($(t), e.rasterizeSvgRuns ? Z({
 		...e,
-		webGLHelper: e.webGLHelper,
+		rasterizeSvgRuns: e.rasterizeSvgRuns,
 		maxVectorInstances: t.maxVectorInstances,
 		pixelRatio: t.pixelRatio
-	});
+	}) : Q(e)) : {
+		...X(e),
+		rasterized: []
+	};
 }
-async function Pe({ viewRoot: e, webGLHelper: t, logicalWidth: n, logicalHeight: r, background: i = "white", maxVectorInstances: a, pixelRatio: o = 2 }) {
+async function Z({ viewRoot: e, rasterizeSvgRuns: t, logicalWidth: n, logicalHeight: r, background: i = "white", maxVectorInstances: s, pixelRatio: l = 2 }) {
 	$({
-		maxVectorInstances: a,
-		pixelRatio: o
+		maxVectorInstances: s,
+		pixelRatio: l
 	});
-	let s = new X({ picking: !1 }, {
+	let u = new J({ picking: !1 }, {
 		width: n,
 		height: r,
 		background: i,
-		maxVectorInstances: a
-	}), l = c.create(0, 0, n, r);
-	s.beginInstanceCounting(), e.render(s, l, { firstFacet: !0 }), s.endInstanceCounting(), e.render(s, l, { firstFacet: !0 });
-	let u = s.getRasterRuns();
-	if (u.length) {
-		let { rasterizeSvgRuns: i } = await import("./webgl-Dpz8a3TI.js");
-		i({
-			runs: u,
+		maxVectorInstances: s
+	}), d = c(e, o.create(0, 0, n, r), { renderingOptions: { firstFacet: !0 } });
+	u.beginInstanceCounting(), d.collectRenderCommands(u), u.endInstanceCounting(), d.collectRenderCommands(u);
+	let f = u.getRasterRuns();
+	if (f.length) try {
+		await t({
+			runs: f,
 			viewRoot: e,
-			webGLHelper: t,
+			layoutResult: d,
 			logicalWidth: n,
 			logicalHeight: r,
-			pixelRatio: o
+			pixelRatio: l
 		});
+	} catch (t) {
+		if (t instanceof a) return Q({
+			viewRoot: e,
+			logicalWidth: n,
+			logicalHeight: r,
+			background: i
+		});
+		throw t;
 	}
 	return {
-		svg: s.getSvg(),
-		warnings: s.getWarnings(),
-		rasterized: u.map((e) => ({
+		svg: u.getSvg(),
+		warnings: u.getWarnings(),
+		rasterized: f.map((e) => ({
 			targets: e.targets.map((e) => ({
 				markType: e.mark.getType(),
 				instanceCount: e.instanceCount
 			})),
 			reason: "instance-threshold",
-			maxVectorInstances: a,
-			pixelRatio: o
+			maxVectorInstances: s,
+			pixelRatio: l
 		}))
 	};
 }
+function Q(e) {
+	let t = X(e);
+	return {
+		...t,
+		warnings: [...t.warnings, "SVG rasterization was requested but no raster rendering backend is available; exported all marks as vectors."],
+		rasterized: []
+	};
+}
 function $(e) {
 	if (!Number.isInteger(e.maxVectorInstances) || e.maxVectorInstances < 0) throw RangeError("maxVectorInstances must be a non-negative integer.");
 	if (e.pixelRatio != null && (!Number.isFinite(e.pixelRatio) || e.pixelRatio <= 0)) throw RangeError("SVG raster pixelRatio must be positive.");
 }
 //#endregion
-export { Me as analyzeSvgExport, Ne as createSvgExport };
+export { je as analyzeSvgExport, Z as createRasterizedSvg, X as createSvg, Me as createSvgExport };