@genome-spy/app 0.89.0 → 0.90.0

package/dist/{svg-Ag36-h_I.js → svg-PabUdcDi.js}

@@ -1,32 +1,32 @@
-import { hn as e, o as t, s as n } from "./clipOptions-DBJX_W31.js";
-import { v as r } from "./vega-scale-BJaDSHBJ.js";
-import { x as i } from "./viewSelectors-C5q3qBiR.js";
-import { t as a } from "./rasterization-D0tOoKu_.js";
+import { Kt as e, o as t, s as n } from "./clipOptions-B5PibDq3.js";
+import { v as r } from "./vega-scale-Ctz_wa3z.js";
+import { x as i } from "./viewSelectors-KtD-QSN0.js";
+import { t as a } from "./rasterization-_-9JmSas.js";
 import { t as o } from "./rectangle-DE98gIxF.js";
 import { n as s, t as c } from "./layoutResult-D50MSHXR.js";
-import { A as l, D as u, E as d, F as f, I as p, M as m, N as h, O as g, P as _, S as v, _ as y, a as b, b as x, c as S, d as C, f as w, g as T, h as E, i as D, j as O, k, l as A, m as ee, n as te, o as ne, p as re, r as ie, s as ae, t as oe, u as se, v as ce, w as le, x as ue, y as de } from "./order-DIxlclRN.js";
-import { n as j, t as M } from "./svgNumber-DNxESJQB.js";
+import { A as l, D as u, E as d, F as f, I as p, M as m, N as h, O as g, P as _, S as v, _ as y, a as b, b as x, c as S, d as C, f as w, g as T, h as E, i as D, j as O, k, l as A, m as ee, n as te, o as ne, p as j, r as re, s as ie, t as ae, u as oe, v as se, w as ce, x as le, y as ue } from "./order-BkYCnwD7.js";
+import { n as M, t as N } from "./svgNumber-DNxESJQB.js";
 //#region ../core/src/rendering/svg/svgElement.js
-var N = "http://www.w3.org/2000/svg";
-function P(e, t) {
-	let n = document.createElementNS(N, e);
+var P = "http://www.w3.org/2000/svg";
+function F(e, t) {
+	let n = document.createElementNS(P, 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 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 = Object.entries(t).filter(([t, n]) => !n.encoder.constant || (e.setAttribute(t, "" + L(n, {})), !1));
+	return (e) => Object.fromEntries(n.map(([t, n]) => [t, L(n, e)]));
+}
+function L(e, t) {
 	let n = e.encoder(t);
 	return e.transform ? e.transform(n) : "" + n;
 }
 //#endregion
 //#region ../core/src/rendering/svg/renderers/arrow.js
-function fe(e, t) {
-	let n = e, { coords: r, data: i, group: a, viewOpacity: o, visibleBounds: s } = t, c = n.encoders, u = F(a, {
+function de(e, t) {
+	let n = e, { coords: r, data: i, group: a, viewOpacity: o, visibleBounds: s } = t, c = n.encoders, u = I(a, {
 		fill: {
 			encoder: c.fill,
 			transform: l
@@ -45,34 +45,34 @@ function fe(e, t) {
 		},
 		"stroke-width": {
 			encoder: c.strokeWidth,
-			transform: (e) => M(+e)
+			transform: (e) => N(+e)
 		}
 	});
 	a.setAttribute("stroke-linejoin", "miter");
 	let d = v(n);
-	return le(n, d, {
+	return ce(n, d, {
 		coords: r,
 		data: i,
 		visibleBounds: s,
 		viewOpacity: o,
 		countOnly: t.countOnly
 	}, (e) => {
-		t.countOnly || (e.headShapeFallback && t.warn(`SVG export rendered unsupported arrow headShape "${d.headShape}" as a triangle.`), a.appendChild(P("path", {
-			d: e.boundaryLoops.map(pe).join(" "),
+		t.countOnly || (e.headShapeFallback && t.warn(`SVG export rendered unsupported arrow headShape "${d.headShape}" as a triangle.`), a.appendChild(F("path", {
+			d: e.boundaryLoops.map(fe).join(" "),
 			...u(e.datum)
 		})));
 	});
 }
-function pe(e) {
-	return `M ${e.map(me).join(" L ")} Z`;
+function fe(e) {
+	return `M ${e.map(pe).join(" L ")} Z`;
 }
-function me(e) {
-	return `${M(e.x)} ${M(e.y)}`;
+function pe(e) {
+	return `${N(e.x)} ${N(e.y)}`;
 }
 //#endregion
 //#region ../core/src/rendering/svg/renderers/link.js
-function he(e, t) {
-	let n = e, r = y(n), { coords: i, data: a, group: o, viewOpacity: s, visibleBounds: c } = t, u = n.encoders, d = ue(n, r.shape, t.secondOrderPass), f = F(o, {
+function me(e, t) {
+	let n = e, r = y(n), { coords: i, data: a, group: o, viewOpacity: s, visibleBounds: c } = t, u = n.encoders, d = le(n, r.shape, t.secondOrderPass), f = I(o, {
 		stroke: {
 			encoder: u.color,
 			transform: l
@@ -83,12 +83,12 @@ function he(e, t) {
 		},
 		"stroke-width": {
 			encoder: u.size,
-			transform: (e) => M(+e)
+			transform: (e) => N(+e)
 		}
 	});
 	o.setAttribute("fill", "none"), o.setAttribute("stroke-linecap", "butt");
 	let p = o, m;
-	return ce(n, r, {
+	return se(n, r, {
 		coords: i,
 		data: a,
 		visibleBounds: c
@@ -100,21 +100,21 @@ function he(e, t) {
 			p4: s,
 			distances: d
 		}) : void 0;
-		l !== m && (m = l, p = l ? P("g", { mask: l }) : o, l && o.appendChild(p)), p.appendChild(P("path", {
-			d: `M ${L(r)} C ${L(i)} ${L(a)} ${L(s)}`,
+		l !== m && (m = l, p = l ? F("g", { mask: l }) : o, l && o.appendChild(p)), p.appendChild(F("path", {
+			d: `M ${R(r)} C ${R(i)} ${R(a)} ${R(s)}`,
 			...c
 		}));
 	});
 }
-function L(e) {
-	return e.map(M).join(" ");
+function R(e) {
+	return e.map(N).join(" ");
 }
 //#endregion
 //#region ../core/src/rendering/svg/renderers/point.js
-function R(e, t) {
+function z(e, t) {
 	let n = e;
 	k(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 = E(n), { inwardStroke: i } = r, { group: a, viewOpacity: o } = t, s = n.encoders, c = F(a, {
+	let r = E(n), { inwardStroke: i } = r, { group: a, viewOpacity: o } = t, s = n.encoders, c = I(a, {
 		fill: {
 			encoder: s.fill,
 			transform: l
@@ -133,47 +133,47 @@ function R(e, t) {
 		},
 		"stroke-width": {
 			encoder: s.strokeWidth,
-			transform: (e) => M(+e)
+			transform: (e) => N(+e)
 		}
-	}), u = _e();
+	}), u = ge();
 	return T(n, r, t, (e) => {
 		if (t.countOnly) return;
 		let { datum: n, shape: r, x: l, y: d, geometryRadius: f, angle: p, strokeWidth: m, lineShape: h } = e, g = {
 			...c(n),
-			...i && !h ? { "stroke-width": M(m) } : {},
-			...h ? ve(s, n, o) : {}
-		}, _ = ge(r, l, d, f, g, u);
-		_ ? (p && _.setAttribute("transform", `rotate(${M(p)} ${M(l)} ${M(d)})`), a.appendChild(_)) : (t.warn(`SVG export rendered unsupported point shape "${r}" as a circle.`), a.appendChild(P("circle", {
-			cx: M(l),
-			cy: M(d),
-			r: M(f),
+			...i && !h ? { "stroke-width": N(m) } : {},
+			...h ? _e(s, n, o) : {}
+		}, _ = he(r, l, d, f, g, u);
+		_ ? (p && _.setAttribute("transform", `rotate(${N(p)} ${N(l)} ${N(d)})`), a.appendChild(_)) : (t.warn(`SVG export rendered unsupported point shape "${r}" as a circle.`), a.appendChild(F("circle", {
+			cx: N(l),
+			cy: N(d),
+			r: N(f),
 			...g
 		})));
 	});
 }
-function ge(e, t, n, r, i, a) {
-	let o = M(t), s = M(n), c = M(r);
-	if (e == "circle") return P("circle", {
+function he(e, t, n, r, i, a) {
+	let o = N(t), s = N(n), c = N(r);
+	if (e == "circle") return F("circle", {
 		cx: o,
 		cy: s,
 		r: c,
 		...i
 	});
-	if (e == "square") return P("rect", {
-		x: M(t - r),
-		y: M(n - r),
-		width: M(r * 2),
-		height: M(r * 2),
+	if (e == "square") return F("rect", {
+		x: N(t - r),
+		y: N(n - r),
+		width: N(r * 2),
+		height: N(r * 2),
 		...i
 	});
 	let l = a.build(e, t, n, r);
-	return l ? P("path", {
+	return l ? F("path", {
 		d: l,
 		...i
 	}) : void 0;
 }
-function _e() {
-	let e = "", t = (e, t) => `${M(e)} ${M(t)}`, n = {
+function ge() {
+	let e = "", t = (e, t) => `${N(e)} ${N(t)}`, n = {
 		moveTo(n, r) {
 			e += `${e ? " M" : "M"} ${t(n, r)}`;
 		},
@@ -188,20 +188,20 @@ function _e() {
 		return e = "", ee(t, r, i, a, n) ? e : void 0;
 	} };
 }
-function ve(e, t, n) {
+function _e(e, t, n) {
 	let r = e.stroke(t), i = d(e.strokeOpacity, t), a = r == null || i <= 0;
 	return {
 		fill: "none",
 		stroke: l(a ? e.fill(t) : r),
 		"stroke-opacity": (a ? d(e.fillOpacity, t) : i) * n,
-		"stroke-width": M(d(e.strokeWidth, t)),
+		"stroke-width": N(d(e.strokeWidth, t)),
 		"stroke-linecap": "butt"
 	};
 }
 //#endregion
 //#region ../core/src/rendering/svg/renderers/rect.js
-function ye(e, t) {
-	let n = e, r = w(n), { shadow: i, hatch: a } = r, { group: o, viewOpacity: s } = t, c = n.encoders, u = F(o, {
+function ve(e, t) {
+	let n = e, r = w(n), { shadow: i, hatch: a } = r, { group: o, viewOpacity: s } = t, c = n.encoders, u = I(o, {
 		fill: {
 			encoder: c.fill,
 			transform: l
@@ -220,21 +220,21 @@ function ye(e, t) {
 		},
 		"stroke-width": {
 			encoder: c.strokeWidth,
-			transform: (e) => M(+e)
+			transform: (e) => N(+e)
 		}
 	}), f = i.opacity > 0 ? {
 		fill: i.color,
 		"fill-opacity": 1,
 		stroke: i.color,
 		"stroke-opacity": 1,
-		opacity: j(i.opacity * s),
+		opacity: M(i.opacity * s),
 		filter: t.getShadowFilterUrl(i)
 	} : null;
-	return re(n, r, t, (e) => {
+	return j(n, r, t, (e) => {
 		if (t.countOnly) return;
 		let { datum: n, x: r, y: i, width: p, height: m, radii: h, opacityFactor: g, strokeWidth: _, fill: v, fillOpacity: y } = e, b = {
 			...u(n),
-			...g == 1 ? {} : { opacity: j(g) }
+			...g == 1 ? {} : { opacity: M(g) }
 		};
 		if (a != "none" && _ > 0 && (b.fill = t.getRectHatchPatternUrl({
 			type: a,
@@ -244,66 +244,67 @@ function ye(e, t) {
 			strokeOpacity: d(c.strokeOpacity, n) * s,
 			strokeWidth: _
 		}), b["fill-opacity"] = 1), f) {
-			let e = z(r, i, p, m, h, {
+			let e = B(r, i, p, m, h, {
 				...f,
-				"stroke-width": M(_)
+				"stroke-width": N(_)
 			});
 			if (a == "none" && v != "none" && y == 1 && g == 1) o.appendChild(e);
 			else {
-				let n = _ / 2, a = Object.fromEntries(Object.entries(h).map(([e, t]) => [e, t + n])), s = B(r - n, i - n, p + n * 2, m + n * 2, a), c = P("g", { "clip-path": t.getShadowClipPathUrl(s) });
+				let n = _ / 2, a = Object.fromEntries(Object.entries(h).map(([e, t]) => [e, t + n])), s = V(r - n, i - n, p + n * 2, m + n * 2, a), c = F("g", { "clip-path": t.getShadowClipPathUrl(s) });
 				c.appendChild(e), o.appendChild(c);
 			}
 		}
-		o.appendChild(z(r, i, p, m, h, b));
+		o.appendChild(B(r, i, p, m, h, b));
 	});
 }
-function z(e, t, n, r, i, a) {
-	if (be(i)) {
-		let o = i.topLeft, s = M(e), c = M(t), l = M(e + n), u = M(t + r);
-		return P("rect", {
+function B(e, t, n, r, i, a) {
+	if (ye(i)) {
+		let o = i.topLeft, s = N(e), c = N(t), l = N(e + n), u = N(t + r);
+		return F("rect", {
 			x: s,
 			y: c,
-			width: M(l - s),
-			height: M(u - c),
+			width: N(l - s),
+			height: N(u - c),
 			...o ? {
-				rx: M(o),
-				ry: M(o)
+				rx: N(o),
+				ry: N(o)
 			} : {},
 			...a
 		});
-	} else return P("path", {
-		d: B(e, t, n, r, i),
+	}
+	return F("path", {
+		d: V(e, t, n, r, i),
 		...a
 	});
 }
-function be(e) {
+function ye(e) {
 	return Object.values(e).every((t) => t == e.topLeft);
 }
-function B(e, t, n, r, i) {
+function V(e, t, n, r, i) {
 	let a = e + n, o = t + r, { topLeft: s, topRight: c, bottomRight: l, bottomLeft: u } = i;
 	return [
-		`M ${H(e + s, t)}`,
-		`H ${M(a - c)}`,
-		V(c, a, t + c, a, t),
-		`V ${M(o - l)}`,
-		V(l, a - l, o, a, o),
-		`H ${M(e + u)}`,
-		V(u, e, o - u, e, o),
-		`V ${M(t + s)}`,
-		V(s, e + s, t, e, t),
+		`M ${U(e + s, t)}`,
+		`H ${N(a - c)}`,
+		H(c, a, t + c, a, t),
+		`V ${N(o - l)}`,
+		H(l, a - l, o, a, o),
+		`H ${N(e + u)}`,
+		H(u, e, o - u, e, o),
+		`V ${N(t + s)}`,
+		H(s, e + s, t, e, t),
 		"Z"
 	].join(" ");
 }
-function V(e, t, n, r, i) {
-	return e ? `A ${M(e)} ${M(e)} 0 0 1 ${H(t, n)}` : `L ${H(r, i)}`;
+function H(e, t, n, r, i) {
+	return e ? `A ${N(e)} ${N(e)} 0 0 1 ${U(t, n)}` : `L ${U(r, i)}`;
 }
-function H(e, t) {
-	return `${M(e)} ${M(t)}`;
+function U(e, t) {
+	return `${N(e)} ${N(t)}`;
 }
 //#endregion
 //#region ../core/src/rendering/svg/renderers/rule.js
-function U(e, t) {
-	let n = e, r = se(n), { coords: i, data: a, group: o, viewOpacity: s, visibleBounds: c } = t, u = n.encoders, d = n.properties.strokeDash, f = F(o, {
+function W(e, t) {
+	let n = e, r = oe(n), { coords: i, data: a, group: o, viewOpacity: s, visibleBounds: c } = t, u = n.encoders, d = n.properties.strokeDash, f = I(o, {
 		stroke: {
 			encoder: u.color,
 			transform: l
@@ -314,27 +315,27 @@ function U(e, t) {
 		},
 		"stroke-width": {
 			encoder: u.size,
-			transform: (e) => M(+e)
+			transform: (e) => N(+e)
 		}
 	});
-	return o.setAttribute("stroke-linecap", "" + n.properties.strokeCap), d && (o.setAttribute("stroke-dasharray", d.map(M).join(" ")), o.setAttribute("stroke-dashoffset", "" + M(n.properties.strokeDashOffset))), C(n, r, {
+	return o.setAttribute("stroke-linecap", "" + n.properties.strokeCap), d && (o.setAttribute("stroke-dasharray", d.map(N).join(" ")), o.setAttribute("stroke-dashoffset", "" + N(n.properties.strokeDashOffset))), C(n, r, {
 		coords: i,
 		data: a,
 		visibleBounds: c
 	}, (e) => {
-		t.countOnly || o.appendChild(P("line", {
-			x1: M(e.x1),
-			y1: M(e.y1),
-			x2: M(e.x2),
-			y2: M(e.y2),
+		t.countOnly || o.appendChild(F("line", {
+			x1: N(e.x1),
+			y1: N(e.y1),
+			x2: N(e.x2),
+			y2: N(e.y2),
 			...f(e.datum)
 		}));
 	});
 }
 //#endregion
 //#region ../core/src/rendering/svg/renderers/text.js
-function xe(e, t) {
-	let n = e, r = n.properties, i = t.textMetrics ?? n.unitView.context.textMetrics, a = i.requestFont(r), o = D(i, r), s = S(n), { coords: c, data: u, group: d, viewOpacity: f, visibleBounds: p, anchorCullBounds: m } = t, h = n.encoders, g = F(d, {
+function be(e, t) {
+	let n = e, r = n.properties, i = t.textMetrics ?? n.unitView.context.textMetrics, a = i.requestFont(r), o = D(i, r), s = S(n), { coords: c, data: u, group: d, viewOpacity: f, visibleBounds: p, anchorCullBounds: m } = t, h = n.encoders, g = I(d, {
 		fill: {
 			encoder: h.color,
 			transform: l
@@ -345,10 +346,10 @@ function xe(e, t) {
 		},
 		"font-size": {
 			encoder: h.size,
-			transform: (e) => M(+e)
+			transform: (e) => N(+e)
 		}
 	});
-	d.setAttribute("font-family", b(r.font)), d.setAttribute("font-style", r.fontStyle ?? "normal"), d.setAttribute("font-weight", "" + ae(r.fontWeight ?? "normal")), d.setAttribute("text-anchor", Se[s.align]);
+	d.setAttribute("font-family", b(r.font)), d.setAttribute("font-style", r.fontStyle ?? "normal"), d.setAttribute("font-weight", "" + ie(r.fontWeight ?? "normal")), d.setAttribute("text-anchor", xe[s.align]);
 	let _ = {
 		top: {
 			width: k(n, r.viewportEdgeFadeWidthTop),
@@ -377,9 +378,9 @@ function xe(e, t) {
 		if (t.countOnly) return;
 		if (e.logoTransform) {
 			e.multiCharacterLogo && t.warn("SVG export stretches multi-character logo text as a single glyph cell.");
-			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.logoTransform.scaleX)} ${M(e.logoTransform.scaleY)})`), n.push(`translate(${M(-e.logoTransform.originX)} ${M(-e.logoTransform.originY)})`);
-			let r = P("text", {
+			let n = [`translate(${N(e.x)} ${N(e.y)})`];
+			e.angle && n.push(`rotate(${N(e.angle)})`), (e.dx || e.dy) && n.push(`translate(${N(e.dx)} ${N(e.dy)})`), n.push(`scale(${N(e.logoTransform.scaleX)} ${N(e.logoTransform.scaleY)})`), n.push(`translate(${N(-e.logoTransform.originX)} ${N(-e.logoTransform.originY)})`);
+			let r = F("text", {
 				x: 0,
 				y: 0,
 				"text-anchor": "start",
@@ -390,14 +391,14 @@ function xe(e, t) {
 			r.textContent = e.text, d.appendChild(r);
 			return;
 		}
-		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)})`), e.scale != 1 && n.push(`scale(${M(e.scale)})`);
-		let r = P("text", {
+		let n = [`translate(${N(e.x)} ${N(e.y)})`];
+		e.angle && n.push(`rotate(${N(e.angle)})`), (e.dx || e.dy) && n.push(`translate(${N(e.dx)} ${N(e.dy)})`), e.scale != 1 && n.push(`scale(${N(e.scale)})`);
+		let r = F("text", {
 			x: 0,
 			y: 0,
-			dy: M(ne(s.baseline, e.size)),
+			dy: N(ne(s.baseline, e.size)),
 			...g(e.datum),
-			...e.fadeOpacity == 1 ? {} : { opacity: j(e.fadeOpacity) },
+			...e.fadeOpacity == 1 ? {} : { opacity: M(e.fadeOpacity) },
 			transform: n.join(" ")
 		});
 		r.textContent = e.text, d.appendChild(r);
@@ -408,19 +409,19 @@ function xe(e, t) {
 	}
 	return v;
 }
-var Se = {
+var xe = {
 	left: "start",
 	center: "middle",
 	right: "end"
-}, W = 64;
-function Ce(e, t) {
-	let n = Te(e.unitView);
+}, G = 64;
+function Se(e, t) {
+	let n = we(e.unitView);
 	if (!n) return;
 	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 f = e.encoders, p = n.channel == "stroke" ? f.stroke : f.fill, m = Ee(e.unitView.spec.encoding.x), h = Infinity, v = Infinity, y = -Infinity, b = -Infinity, x = o.map((e) => {
+	let f = e.encoders, p = n.channel == "stroke" ? f.stroke : f.fill, m = Te(e.unitView.spec.encoding.x), h = Infinity, v = Infinity, y = -Infinity, b = -Infinity, x = o.map((e) => {
 		let [t, n] = u(a, f, e), [r, i] = g(a, f, e);
 		return h = Math.min(h, t, n), v = Math.min(v, r, i), y = Math.max(y, t, n), b = Math.max(b, r, i), {
 			offset: Number(e.position),
@@ -429,7 +430,7 @@ function Ce(e, t) {
 	}).sort((e, t) => e.offset - t.offset);
 	if (!_(d, h, v, y, b)) return 0;
 	if (t.countOnly) return o.length;
-	let S = we(x), C = [
+	let S = Ce(x), C = [
 		{
 			offset: 0,
 			color: S[0].color
@@ -445,21 +446,21 @@ function Ce(e, t) {
 		x2: m ? y : h,
 		y2: v,
 		stops: C
-	}), T = M(h), E = M(v), D = M(y), O = M(b), k = Number(f.fillOpacity(o[0])) * c;
-	return s.appendChild(P("rect", {
+	}), T = N(h), E = N(v), D = N(y), O = N(b), k = Number(f.fillOpacity(o[0])) * c;
+	return s.appendChild(F("rect", {
 		x: T,
 		y: E,
-		width: M(D - T),
-		height: M(O - E),
+		width: N(D - T),
+		height: N(O - E),
 		fill: w,
-		"fill-opacity": j(k),
+		"fill-opacity": M(k),
 		stroke: "none"
 	})), o.length;
 }
-function we(e) {
-	return e.length <= W ? e : Array.from({ length: W }, (t, n) => e[Math.round(n * (e.length - 1) / (W - 1))]);
+function Ce(e) {
+	return e.length <= G ? e : Array.from({ length: G }, (t, n) => e[Math.round(n * (e.length - 1) / 63)]);
 }
-function Te(e) {
+function we(e) {
 	let t = e;
 	for (; t;) {
 		let e = t.spec.data;
@@ -467,32 +468,32 @@ function Te(e) {
 		t = t.dataParent;
 	}
 }
-function Ee(e) {
+function Te(e) {
 	return e != null && "field" in e && (e.field == "position0" || e.field == "position1");
 }
 //#endregion
 //#region ../core/src/rendering/svg/renderers/index.js
-var De = /* @__PURE__ */ new Map([
-	["arrow", fe],
-	["link", he],
-	["point", R],
-	["rect", ye],
-	["rule", U],
-	["text", xe],
-	["tick", U]
+var Ee = /* @__PURE__ */ new Map([
+	["arrow", de],
+	["link", me],
+	["point", z],
+	["rect", ve],
+	["rule", W],
+	["text", be],
+	["tick", W]
 ]);
-function Oe(e, t) {
+function De(e, t) {
 	if (e.getType() == "rect") {
-		let n = Ce(e, t);
+		let n = Se(e, t);
 		if (n !== void 0) return n;
 	}
-	let n = De.get(e.getType());
+	let n = Ee.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 ke(e, t) {
+function Oe(e, t) {
 	let n = t.strokeWidth, r = [
 		"dots",
 		"rings",
@@ -505,31 +506,31 @@ function ke(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 = P("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 = F("pattern", {
 		id: e,
 		x: 0,
 		y: 0,
-		width: M(c),
-		height: M(l),
+		width: N(c),
+		height: N(l),
 		patternUnits: "userSpaceOnUse"
 	});
-	u.appendChild(P("rect", {
-		width: M(c),
-		height: M(l),
+	u.appendChild(F("rect", {
+		width: N(c),
+		height: N(l),
 		fill: t.fill,
-		"fill-opacity": j(t.fillOpacity)
+		"fill-opacity": M(t.fillOpacity)
 	}));
-	let d = P("g", {
+	let d = F("g", {
 		fill: "none",
 		stroke: t.stroke,
-		"stroke-opacity": j(t.strokeOpacity),
-		"stroke-width": M(s),
+		"stroke-opacity": M(t.strokeOpacity),
+		"stroke-width": N(s),
 		"stroke-linecap": "square"
 	});
-	return Ae(d, t.type, o, s), u.appendChild(d), u;
+	return ke(d, t.type, o, s), u.appendChild(d), u;
 }
-function Ae(e, t, n, r) {
-	let i = (t) => e.appendChild(P("path", { d: t })), a = (e) => M(e), o = (e) => {
+function ke(e, t, n, r) {
+	let i = (t) => e.appendChild(F("path", { d: t })), a = (e) => N(e), o = (e) => {
 		for (let t of [
 			-n,
 			0,
@@ -558,10 +559,10 @@ function Ae(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(P("circle", {
-				cx: M(t),
-				cy: M(n),
-				r: M(r)
+			let r = n * (t == "dots" ? .07 : t == "rings" ? .2 : .35), i = (t, n) => e.appendChild(F("circle", {
+				cx: N(t),
+				cy: N(n),
+				r: N(r)
 			}));
 			i(n / 2, 0), i(n / 2, n * 2), i(0, n), i(n, n);
 			break;
@@ -571,47 +572,47 @@ function Ae(e, t, n, r) {
 }
 //#endregion
 //#region ../core/src/rendering/svg/linkArcFadeMask.js
-function je(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", {
+function Ae(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 = F("linearGradient", {
 		id: d,
 		gradientUnits: "userSpaceOnUse",
-		x1: M(l - i * c),
-		y1: M(u - a * c),
-		x2: M(l + i * c),
-		y2: M(u + a * c),
+		x1: N(l - i * c),
+		y1: N(u - a * c),
+		x2: N(l + i * c),
+		y2: N(u + a * c),
 		spreadMethod: "pad"
 	});
-	for (let { offset: e, opacity: t } of de(s, c)) f.appendChild(P("stop", {
-		offset: G(e, 3),
+	for (let { offset: e, opacity: t } of ue(s, c)) f.appendChild(F("stop", {
+		offset: K(e, 3),
 		"stop-color": "white",
-		"stop-opacity": G(t, 3)
+		"stop-opacity": K(t, 3)
 	}));
-	let p = P("mask", {
+	let p = F("mask", {
 		id: e,
 		x: 0,
 		y: 0,
-		width: M(t),
-		height: M(n),
+		width: N(t),
+		height: N(n),
 		maskUnits: "userSpaceOnUse",
 		maskContentUnits: "userSpaceOnUse",
 		"mask-type": "luminance"
 	});
-	return p.appendChild(P("rect", {
-		width: M(t),
-		height: M(n),
+	return p.appendChild(F("rect", {
+		width: N(t),
+		height: N(n),
 		fill: `url(#${d})`
 	})), {
 		gradient: f,
 		mask: p
 	};
 }
-function G(e, t) {
+function K(e, t) {
 	let n = 10 ** t;
 	return Math.round(e * n) / n;
 }
 //#endregion
 //#region ../core/src/rendering/svg/svgViewRenderingContext.js
-var K = class extends s {
+var q = class extends s {
 	#e;
 	#t;
 	#n = [];
@@ -625,7 +626,7 @@ var K = class extends s {
 	#u = !1;
 	#d = /* @__PURE__ */ new Map();
 	#f = new f();
-	#p = P("g");
+	#p = F("g");
 	#m;
 	#h;
 	#g = [];
@@ -639,13 +640,13 @@ var K = class extends s {
 	#w = 0;
 	constructor(e, t) {
 		super(e), this.width = t.width, this.height = t.height, this.textMetrics = t.textMetrics, this.#h = t.maxVectorInstances;
-		let n = M(t.width), r = M(t.height);
-		this.#e = P("svg", {
-			xmlns: N,
+		let n = N(t.width), r = N(t.height);
+		this.#e = F("svg", {
+			xmlns: P,
 			width: n,
 			height: r,
 			viewBox: `0 0 ${n} ${r}`
-		}), this.#t = P("defs"), this.#e.appendChild(this.#t), t.background != null && this.#e.appendChild(P("rect", {
+		}), this.#t = F("defs"), this.#e.appendChild(this.#t), t.background != null && this.#e.appendChild(F("rect", {
 			width: n,
 			height: r,
 			fill: t.background,
@@ -710,12 +711,12 @@ var K = class extends s {
 		if (o) {
 			if (o.parentNode !== this.currentNode) throw Error(`Sample-faceted view was rendered under multiple parents: ${r}`);
 		} else {
-			o = P("g", {
-				id: q(t.name, this.#v++),
+			o = F("g", {
+				id: je(t.name, this.#v++),
 				"data-name": t.name,
 				"data-view-path": r
 			});
-			let e = P("title");
+			let e = F("title");
 			e.textContent = r, o.appendChild(e), this.currentNode.appendChild(o), a?.viewGroups.set(t, o);
 		}
 		this.#n.push({
@@ -743,7 +744,7 @@ var K = class extends s {
 		let f = this.#u ? this.#p : this.#O(r, u), g = O(this.currentCoords, a, r.properties.cullByVisibleRange), _ = r.getOrder?.(), v = !this.#u && _ && _.isActive();
 		if (p(r, i, this.currentCoords, this.#f, (e, t) => {
 			let n = (t, n = !1) => {
-				let i = Oe(r, {
+				let i = De(r, {
 					coords: e,
 					data: t,
 					group: f,
@@ -769,7 +770,7 @@ var K = class extends s {
 				n(t);
 				return;
 			}
-			let i = oe(t, 0, t.length, _.predicate, _.passes);
+			let i = ae(t, 0, t.length, _.predicate, _.passes);
 			for (let [e, t] of i.entries()) t.length !== 0 && n(t, e === 1);
 		}, (e) => this.#l.add(`SVG export could not resolve sample facet index ${e}. View: ${r.unitView.getPathString()}`)), !this.#u && !l && f.childElementCount > 0) {
 			let e = this.getClipPathUrl(o);
@@ -805,11 +806,11 @@ var K = class extends s {
 		e && (this.#g.push(e), this.#_ = void 0);
 	}
 	#D(e) {
-		let t = Me(e.viewNodes), n = e.targets.map((e) => e.mark.getType()), r = P("g", {
+		let t = Me(e.viewNodes), n = e.targets.map((e) => e.mark.getType()), r = F("g", {
 			id: `rasterized-${n.join("-")}-${this.#w++}`,
 			"data-name": `Rasterized ${n.join(", ")}`,
 			"data-rasterized": ""
-		}), i = P("image", { preserveAspectRatio: "none" });
+		}), i = F("image", { preserveAspectRatio: "none" });
 		r.appendChild(i);
 		let a = e.anchor.parentNode;
 		t == a ? t.insertBefore(r, e.anchor) : t.insertBefore(r, Ne(a, t)), e.anchor.remove();
@@ -818,13 +819,13 @@ var K = class extends s {
 	}
 	#O(e, t) {
 		let n = this.#m;
-		if (!n) return P("g", { "data-mark-type": e.getType() });
+		if (!n) return F("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 = 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);
+		} else a = F("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) {
@@ -834,14 +835,14 @@ var K = class extends s {
 			e.clipY ? t.y : 0,
 			e.clipX ? t.width : this.width,
 			e.clipY ? t.height : this.height
-		].map(M), r = n.join(","), i = this.#r.get(r);
+		].map(N), r = n.join(","), i = this.#r.get(r);
 		if (!i) {
 			i = "clip-" + this.#y++;
-			let e = P("clipPath", {
+			let e = F("clipPath", {
 				id: i,
 				clipPathUnits: "userSpaceOnUse"
 			});
-			e.appendChild(P("rect", {
+			e.appendChild(F("rect", {
 				x: n[0],
 				y: n[1],
 				width: n[2],
@@ -851,28 +852,28 @@ var K = class extends s {
 		return `url(#${i})`;
 	}
 	getShadowFilterUrl(e) {
-		let t = M(Math.max(e.blur / 2.5, .25)), n = M(e.offsetX), r = M(e.offsetY), i = [
+		let t = N(Math.max(e.blur / 2.5, .25)), n = N(e.offsetX), r = N(e.offsetY), i = [
 			t,
 			n,
 			r
 		].join(","), a = this.#a.get(i);
 		if (!a) {
 			a = "shadow-" + this.#x++;
-			let e = P("filter", {
+			let e = F("filter", {
 				id: a,
 				x: 0,
 				y: 0,
-				width: M(this.width),
-				height: M(this.height),
+				width: N(this.width),
+				height: N(this.height),
 				filterUnits: "userSpaceOnUse",
 				primitiveUnits: "userSpaceOnUse",
 				"color-interpolation-filters": "sRGB"
 			});
-			e.appendChild(P("feGaussianBlur", {
+			e.appendChild(F("feGaussianBlur", {
 				in: "SourceGraphic",
 				stdDeviation: t,
 				result: "blur"
-			})), e.appendChild(P("feOffset", {
+			})), e.appendChild(F("feOffset", {
 				in: "blur",
 				dx: n,
 				dy: r,
@@ -885,12 +886,12 @@ var K = class extends s {
 		let t = this.#o.get(e);
 		if (!t) {
 			t = "shadow-clip-" + this.#y++;
-			let n = P("clipPath", {
+			let n = F("clipPath", {
 				id: t,
 				clipPathUnits: "userSpaceOnUse"
 			});
-			n.appendChild(P("path", {
-				d: `M 0 0 V ${M(this.height)} H ${M(this.width)} V 0 Z ${e}`,
+			n.appendChild(F("path", {
+				d: `M 0 0 V ${N(this.height)} H ${N(this.width)} V 0 Z ${e}`,
 				"clip-rule": "evenodd",
 				"fill-rule": "evenodd"
 			})), this.#t.appendChild(n), this.#o.set(e, t);
@@ -901,24 +902,24 @@ var K = class extends s {
 		let t = JSON.stringify([
 			e.type,
 			e.fill,
-			j(e.fillOpacity),
+			M(e.fillOpacity),
 			e.stroke,
-			j(e.strokeOpacity),
-			j(e.strokeWidth)
+			M(e.strokeOpacity),
+			M(e.strokeWidth)
 		]), n = this.#s.get(t);
-		return n || (n = "rect-hatch-" + this.#S++, this.#t.appendChild(ke(n, e)), this.#s.set(t, n)), `url(#${n})`;
+		return n || (n = "rect-hatch-" + this.#S++, this.#t.appendChild(Oe(n, e)), this.#s.set(t, n)), `url(#${n})`;
 	}
 	getLegendGradientUrl(e) {
-		let t = "legend-gradient-" + this.#C++, n = P("linearGradient", {
+		let t = "legend-gradient-" + this.#C++, n = F("linearGradient", {
 			id: t,
 			gradientUnits: "userSpaceOnUse",
-			x1: M(e.x1),
-			y1: M(e.y1),
-			x2: M(e.x2),
-			y2: M(e.y2)
+			x1: N(e.x1),
+			y1: N(e.y1),
+			x2: N(e.x2),
+			y2: N(e.y2)
 		});
-		for (let t of e.stops) n.appendChild(P("stop", {
-			offset: j(t.offset),
+		for (let t of e.stops) n.appendChild(F("stop", {
+			offset: M(t.offset),
 			"stop-color": t.color
 		}));
 		return this.#t.appendChild(n), `url(#${t})`;
@@ -929,7 +930,7 @@ var K = class extends s {
 		let n = this.#c.get(t.key);
 		if (!n) {
 			n = "link-arc-fade-" + this.#b++;
-			let { gradient: e, mask: r } = je(n, this.width, this.height, t);
+			let { gradient: e, mask: r } = Ae(n, this.width, this.height, t);
 			this.#t.appendChild(e), this.#t.appendChild(r), this.#c.set(t.key, n);
 		}
 		return `url(#${n})`;
@@ -942,7 +943,7 @@ var K = class extends s {
 		let i = this.#i.get(r.view);
 		if (!i) {
 			i = "edge-fade-" + this.#b++;
-			let e = M(this.width), t = M(this.height), a = P("mask", {
+			let e = N(this.width), t = N(this.height), a = F("mask", {
 				id: i,
 				x: 0,
 				y: 0,
@@ -952,14 +953,14 @@ var K = class extends s {
 				maskContentUnits: "userSpaceOnUse",
 				"mask-type": "luminance"
 			});
-			a.appendChild(P("rect", {
+			a.appendChild(F("rect", {
 				width: e,
 				height: t,
 				fill: "white"
 			}));
 			for (let [o, s] of n) {
 				let n = i + "-" + o, c = Fe(n, o, s, r.coords);
-				this.#t.appendChild(c), a.appendChild(P("rect", {
+				this.#t.appendChild(c), a.appendChild(F("rect", {
 					width: e,
 					height: t,
 					fill: `url(#${n})`
@@ -984,7 +985,7 @@ var K = class extends s {
 		return t.coords;
 	}
 };
-function q(e, t) {
+function je(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}`;
 }
@@ -1009,19 +1010,19 @@ function Pe(e, t) {
 	}
 }
 function Fe(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", {
+	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 = F("linearGradient", {
 		id: e,
 		gradientUnits: "userSpaceOnUse",
-		x1: M(a ? i : 0),
-		y1: M(a ? 0 : i),
-		x2: M(a ? o : 0),
-		y2: M(a ? 0 : o)
+		x1: N(a ? i : 0),
+		y1: N(a ? 0 : i),
+		x2: N(a ? o : 0),
+		y2: N(a ? 0 : o)
 	});
-	return s.appendChild(P("stop", {
+	return s.appendChild(F("stop", {
 		offset: 0,
 		"stop-color": "black",
 		"stop-opacity": 1
-	})), s.appendChild(P("stop", {
+	})), s.appendChild(F("stop", {
 		offset: 1,
 		"stop-color": "black",
 		"stop-opacity": 0
@@ -1030,7 +1031,7 @@ function Fe(e, t, n, r) {
 //#endregion
 //#region ../core/src/rendering/svg/index.js
 function Y({ viewRoot: e, logicalWidth: t, logicalHeight: n, background: r = "white", textMetrics: i = e.context.textMetrics }) {
-	let a = new K({ picking: !1 }, {
+	let a = new q({ picking: !1 }, {
 		width: t,
 		height: n,
 		background: r,
@@ -1042,7 +1043,7 @@ function Y({ viewRoot: e, logicalWidth: t, logicalHeight: n, background: r = "wh
 	};
 }
 async function Ie({ viewRoot: e, logicalWidth: t, logicalHeight: n }) {
-	let r = new K({ picking: !1 }, {
+	let r = new q({ picking: !1 }, {
 		width: t,
 		height: n,
 		background: null,
@@ -1076,20 +1077,20 @@ async function X({ viewRoot: e, rasterizeSvgRuns: t, logicalWidth: n, logicalHei
 		maxVectorInstances: s,
 		pixelRatio: l
 	});
-	let d = new K({ picking: !1 }, {
+	let d = new q({ picking: !1 }, {
 		width: n,
 		height: r,
 		background: i,
 		maxVectorInstances: s,
 		textMetrics: u
-	}), f = c(e, o.create(0, 0, n, r), { renderingOptions: { firstFacet: !0 } });
-	d.beginInstanceCounting(), f.collectRenderCommands(d), d.endInstanceCounting(), f.collectRenderCommands(d);
-	let p = d.getRasterRuns();
-	if (p.length) try {
+	}), f = o.create(0, 0, n, r), p = c(e, f, { renderingOptions: { firstFacet: !0 } });
+	d.beginInstanceCounting(), p.collectRenderCommands(d), d.endInstanceCounting(), p.collectRenderCommands(d);
+	let m = d.getRasterRuns();
+	if (m.length) try {
 		await t({
-			runs: p,
+			runs: m,
 			viewRoot: e,
-			layoutResult: f,
+			layoutResult: p,
 			textMetrics: u,
 			logicalWidth: n,
 			logicalHeight: r,
@@ -1108,7 +1109,7 @@ async function X({ viewRoot: e, rasterizeSvgRuns: t, logicalWidth: n, logicalHei
 	return {
 		svg: d.getSvg(),
 		warnings: d.getWarnings(),
-		rasterized: p.map((e) => ({
+		rasterized: m.map((e) => ({
 			targets: e.targets.map((e) => ({
 				markType: e.mark.getType(),
 				instanceCount: e.instanceCount
@@ -1122,7 +1123,7 @@ async function X({ viewRoot: e, rasterizeSvgRuns: t, logicalWidth: n, logicalHei
 async function Z(e) {
 	if (!document.fonts) return e.context.textMetrics;
 	let t = te(document);
-	return await ie(t, e), t;
+	return await re(t, e), t;
 }
 function Q(e) {
 	let t = Y(e);