@genome-spy/app 0.88.1 → 0.90.0

package/dist/{svg-CyrLfa9e.js → svg-PabUdcDi.js}

@@ -1,35 +1,35 @@
-import { o as e, s as t, un as n } from "./clipOptions-BWHr3aTa.js";
-import { v as r } from "./vega-scale-CypF85iS.js";
-import { x as i } from "./viewSelectors-DNiDip5e.js";
-import { t as a } from "./rasterization-CFogVB3B.js";
-import { t as o } from "./rectangle-DKnrAmKs.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, C as u, D as d, E as f, M as p, N as m, O as h, T as g, _, a as v, c as y, d as b, f as x, g as S, h as C, i as w, j as ee, k as T, l as E, m as D, n as te, o as ne, p as re, r as O, s as ie, t as ae, u as oe, v as se, w as ce, x as le, y as ue } from "./order-C5CzA37O.js";
-import { n as k, t as A } 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 j = "http://www.w3.org/2000/svg";
-function M(e, t) {
-	let n = document.createElementNS(j, 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 N(e, t) {
-	let n = Object.entries(t).filter(([t, n]) => n.encoder.constant ? (e.setAttribute(t, "" + P(n, {})), !1) : !0);
-	return (e) => Object.fromEntries(n.map(([t, n]) => [t, P(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 P(e, t) {
+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 de(e, t) {
-	let n = e, { coords: r, data: i, group: a, viewOpacity: o, visibleBounds: s } = t, c = n.encoders, l = N(a, {
+	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: d
+			transform: l
 		},
 		"fill-opacity": {
 			encoder: c.fillOpacity,
@@ -37,7 +37,7 @@ function de(e, t) {
 		},
 		stroke: {
 			encoder: c.stroke,
-			transform: d
+			transform: l
 		},
 		"stroke-opacity": {
 			encoder: c.strokeOpacity,
@@ -45,21 +45,21 @@ function de(e, t) {
 		},
 		"stroke-width": {
 			encoder: c.strokeWidth,
-			transform: (e) => A(+e)
+			transform: (e) => N(+e)
 		}
 	});
 	a.setAttribute("stroke-linejoin", "miter");
-	let u = ue(n);
-	return le(n, u, {
+	let d = v(n);
+	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 "${u.headShape}" as a triangle.`), a.appendChild(M("path", {
+		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(" "),
-			...l(e.datum)
+			...u(e.datum)
 		})));
 	});
 }
@@ -67,57 +67,57 @@ function fe(e) {
 	return `M ${e.map(pe).join(" L ")} Z`;
 }
 function pe(e) {
-	return `${A(e.x)} ${A(e.y)}`;
+	return `${N(e.x)} ${N(e.y)}`;
 }
 //#endregion
 //#region ../core/src/rendering/svg/renderers/link.js
 function me(e, t) {
-	let n = e, r = D(n), { coords: i, data: a, group: o, viewOpacity: s, visibleBounds: c } = t, l = n.encoders, u = se(n, r.shape, t.secondOrderPass), f = N(o, {
+	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: l.color,
-			transform: d
+			encoder: u.color,
+			transform: l
 		},
 		"stroke-opacity": {
-			encoder: l.opacity,
+			encoder: u.opacity,
 			transform: (e) => +e * s
 		},
 		"stroke-width": {
-			encoder: l.size,
-			transform: (e) => A(+e)
+			encoder: u.size,
+			transform: (e) => N(+e)
 		}
 	});
 	o.setAttribute("fill", "none"), o.setAttribute("stroke-linecap", "butt");
 	let p = o, m;
-	return C(n, r, {
+	return se(n, r, {
 		coords: i,
 		data: a,
 		visibleBounds: c
 	}, ({ datum: e, points: n }) => {
 		let [r, i, a, s] = n;
 		if (t.countOnly) return;
-		let c = f(e), l = u ? t.getLinkArcFadeMaskUrl({
+		let c = f(e), l = d ? t.getLinkArcFadeMaskUrl({
 			p1: r,
 			p4: s,
-			distances: u
+			distances: d
 		}) : void 0;
-		l !== m && (m = l, p = l ? M("g", { mask: l }) : o, l && o.appendChild(p)), p.appendChild(M("path", {
-			d: `M ${F(r)} C ${F(i)} ${F(a)} ${F(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 F(e) {
-	return e.map(A).join(" ");
+function R(e) {
+	return e.map(N).join(" ");
 }
 //#endregion
 //#region ../core/src/rendering/svg/renderers/point.js
-function I(e, t) {
+function z(e, t) {
 	let n = e;
-	f(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 = x(n), { inwardStroke: i } = r, { group: a, viewOpacity: o } = t, s = n.encoders, c = N(a, {
+	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 = I(a, {
 		fill: {
 			encoder: s.fill,
-			transform: d
+			transform: l
 		},
 		"fill-opacity": {
 			encoder: s.fillOpacity,
@@ -125,7 +125,7 @@ function I(e, t) {
 		},
 		stroke: {
 			encoder: s.stroke,
-			transform: d
+			transform: l
 		},
 		"stroke-opacity": {
 			encoder: s.strokeOpacity,
@@ -133,47 +133,47 @@ function I(e, t) {
 		},
 		"stroke-width": {
 			encoder: s.strokeWidth,
-			transform: (e) => A(+e)
+			transform: (e) => N(+e)
 		}
-	}), l = R();
-	return re(n, r, t, (e) => {
+	}), u = ge();
+	return T(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 = {
+		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": A(m) } : {},
-			...h ? z(s, n, o) : {}
-		}, _ = L(r, u, d, f, g, l);
-		_ ? (p && _.setAttribute("transform", `rotate(${A(p)} ${A(u)} ${A(d)})`), a.appendChild(_)) : (t.warn(`SVG export rendered unsupported point shape "${r}" as a circle.`), a.appendChild(M("circle", {
-			cx: A(u),
-			cy: A(d),
-			r: A(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 L(e, t, n, r, i, a) {
-	let o = A(t), s = A(n), c = A(r);
-	if (e == "circle") return M("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 M("rect", {
-		x: A(t - r),
-		y: A(n - r),
-		width: A(r * 2),
-		height: A(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 ? M("path", {
+	return l ? F("path", {
 		d: l,
 		...i
 	}) : void 0;
 }
-function R() {
-	let e = "", t = (e, t) => `${A(e)} ${A(t)}`, n = {
+function ge() {
+	let e = "", t = (e, t) => `${N(e)} ${N(t)}`, n = {
 		moveTo(n, r) {
 			e += `${e ? " M" : "M"} ${t(n, r)}`;
 		},
@@ -185,26 +185,26 @@ function R() {
 		}
 	};
 	return { build(t, r, i, a) {
-		return e = "", b(t, r, i, a, n) ? e : void 0;
+		return e = "", ee(t, r, i, a, n) ? e : void 0;
 	} };
 }
-function z(e, t, n) {
-	let r = e.stroke(t), i = u(e.strokeOpacity, t), a = r == null || i <= 0;
+function _e(e, t, n) {
+	let r = e.stroke(t), i = d(e.strokeOpacity, t), a = r == null || i <= 0;
 	return {
 		fill: "none",
-		stroke: d(a ? e.fill(t) : r),
-		"stroke-opacity": (a ? u(e.fillOpacity, t) : i) * n,
-		"stroke-width": A(u(e.strokeWidth, t)),
+		stroke: l(a ? e.fill(t) : r),
+		"stroke-opacity": (a ? d(e.fillOpacity, t) : i) * n,
+		"stroke-width": N(d(e.strokeWidth, t)),
 		"stroke-linecap": "butt"
 	};
 }
 //#endregion
 //#region ../core/src/rendering/svg/renderers/rect.js
-function he(e, t) {
-	let n = e, r = E(n), { shadow: i, hatch: a } = r, { group: o, viewOpacity: s } = t, c = n.encoders, l = N(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: d
+			transform: l
 		},
 		"fill-opacity": {
 			encoder: c.fillOpacity,
@@ -212,7 +212,7 @@ function he(e, t) {
 		},
 		stroke: {
 			encoder: c.stroke,
-			transform: d
+			transform: l
 		},
 		"stroke-opacity": {
 			encoder: c.strokeOpacity,
@@ -220,37 +220,37 @@ function he(e, t) {
 		},
 		"stroke-width": {
 			encoder: c.strokeWidth,
-			transform: (e) => A(+e)
+			transform: (e) => N(+e)
 		}
 	}), f = i.opacity > 0 ? {
 		fill: i.color,
 		"fill-opacity": 1,
 		stroke: i.color,
 		"stroke-opacity": 1,
-		opacity: k(i.opacity * s),
+		opacity: M(i.opacity * s),
 		filter: t.getShadowFilterUrl(i)
 	} : null;
-	return oe(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 = {
-			...l(n),
-			...g == 1 ? {} : { opacity: k(g) }
+			...u(n),
+			...g == 1 ? {} : { opacity: M(g) }
 		};
 		if (a != "none" && _ > 0 && (b.fill = t.getRectHatchPatternUrl({
 			type: a,
-			fill: d(c.fill(n)),
-			fillOpacity: u(c.fillOpacity, n) * s,
-			stroke: d(c.stroke(n)),
-			strokeOpacity: u(c.strokeOpacity, n) * s,
+			fill: l(c.fill(n)),
+			fillOpacity: d(c.fillOpacity, n) * s,
+			stroke: l(c.stroke(n)),
+			strokeOpacity: d(c.strokeOpacity, n) * s,
 			strokeWidth: _
 		}), b["fill-opacity"] = 1), f) {
 			let e = B(r, i, p, m, h, {
 				...f,
-				"stroke-width": A(_)
+				"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 = V(r - n, i - n, p + n * 2, m + n * 2, a), c = M("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);
 			}
 		}
@@ -258,210 +258,209 @@ function he(e, t) {
 	});
 }
 function B(e, t, n, r, i, a) {
-	if (ge(i)) {
-		let o = i.topLeft, s = A(e), c = A(t), l = A(e + n), u = A(t + r);
-		return M("rect", {
+	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: A(l - s),
-			height: A(u - c),
+			width: N(l - s),
+			height: N(u - c),
 			...o ? {
-				rx: A(o),
-				ry: A(o)
+				rx: N(o),
+				ry: N(o)
 			} : {},
 			...a
 		});
-	} else return M("path", {
+	}
+	return F("path", {
 		d: V(e, t, n, r, i),
 		...a
 	});
 }
-function ge(e) {
+function ye(e) {
 	return Object.values(e).every((t) => t == e.topLeft);
 }
 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 ${U(e + s, t)}`,
-		`H ${A(a - c)}`,
+		`H ${N(a - c)}`,
 		H(c, a, t + c, a, t),
-		`V ${A(o - l)}`,
+		`V ${N(o - l)}`,
 		H(l, a - l, o, a, o),
-		`H ${A(e + u)}`,
+		`H ${N(e + u)}`,
 		H(u, e, o - u, e, o),
-		`V ${A(t + s)}`,
+		`V ${N(t + s)}`,
 		H(s, e + s, t, e, t),
 		"Z"
 	].join(" ");
 }
 function H(e, t, n, r, i) {
-	return e ? `A ${A(e)} ${A(e)} 0 0 1 ${U(t, n)}` : `L ${U(r, i)}`;
+	return e ? `A ${N(e)} ${N(e)} 0 0 1 ${U(t, n)}` : `L ${U(r, i)}`;
 }
 function U(e, t) {
-	return `${A(e)} ${A(t)}`;
+	return `${N(e)} ${N(t)}`;
 }
 //#endregion
 //#region ../core/src/rendering/svg/renderers/rule.js
 function W(e, t) {
-	let n = e, r = ie(n), { coords: i, data: a, group: o, viewOpacity: s, visibleBounds: c } = t, l = n.encoders, u = n.properties.strokeDash, f = N(o, {
+	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: l.color,
-			transform: d
+			encoder: u.color,
+			transform: l
 		},
 		"stroke-opacity": {
-			encoder: l.opacity,
+			encoder: u.opacity,
 			transform: (e) => +e * s
 		},
 		"stroke-width": {
-			encoder: l.size,
-			transform: (e) => A(+e)
+			encoder: u.size,
+			transform: (e) => N(+e)
 		}
 	});
-	return o.setAttribute("stroke-linecap", "" + n.properties.strokeCap), u && (o.setAttribute("stroke-dasharray", u.map(A).join(" ")), o.setAttribute("stroke-dashoffset", "" + A(n.properties.strokeDashOffset))), y(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(M("line", {
-			x1: A(e.x1),
-			y1: A(e.y1),
-			x2: A(e.x2),
-			y2: A(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 _e(e, t) {
-	let n = e, r = n.properties, i = v(n), { coords: a, data: o, group: s, viewOpacity: c, visibleBounds: l, anchorCullBounds: u } = t, p = n.encoders, m = N(s, {
+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: p.color,
-			transform: d
+			encoder: h.color,
+			transform: l
 		},
 		"fill-opacity": {
-			encoder: p.opacity,
-			transform: (e) => +e * c
+			encoder: h.opacity,
+			transform: (e) => +e * f
 		},
 		"font-size": {
-			encoder: p.size,
-			transform: (e) => A(+e)
+			encoder: h.size,
+			transform: (e) => N(+e)
 		}
 	});
-	s.setAttribute("font-family", te(r.font)), s.setAttribute("font-style", r.fontStyle ?? "normal"), s.setAttribute("font-weight", "" + w(r.fontWeight ?? "normal")), s.setAttribute("text-anchor", ve[i.align]);
-	let h = {
+	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: f(n, r.viewportEdgeFadeWidthTop),
-			distance: f(n, r.viewportEdgeFadeDistanceTop)
+			width: k(n, r.viewportEdgeFadeWidthTop),
+			distance: k(n, r.viewportEdgeFadeDistanceTop)
 		},
 		right: {
-			width: f(n, r.viewportEdgeFadeWidthRight),
-			distance: f(n, r.viewportEdgeFadeDistanceRight)
+			width: k(n, r.viewportEdgeFadeWidthRight),
+			distance: k(n, r.viewportEdgeFadeDistanceRight)
 		},
 		bottom: {
-			width: f(n, r.viewportEdgeFadeWidthBottom),
-			distance: f(n, r.viewportEdgeFadeDistanceBottom)
+			width: k(n, r.viewportEdgeFadeWidthBottom),
+			distance: k(n, r.viewportEdgeFadeDistanceBottom)
 		},
 		left: {
-			width: f(n, r.viewportEdgeFadeWidthLeft),
-			distance: f(n, r.viewportEdgeFadeDistanceLeft)
+			width: k(n, r.viewportEdgeFadeWidthLeft),
+			distance: k(n, r.viewportEdgeFadeDistanceLeft)
 		}
-	}, g = ne(n, i, {
-		coords: a,
-		data: o,
-		visibleBounds: l,
-		anchorCullBounds: u
+	}, v = A(n, s, {
+		coords: c,
+		data: u,
+		visibleBounds: p,
+		anchorCullBounds: m,
+		fontMeasurement: a,
+		measureLogoInkBounds: o
 	}, (e) => {
 		if (t.countOnly) return;
-		if (e.logoScale) {
+		if (e.logoTransform) {
 			e.multiCharacterLogo && t.warn("SVG export stretches multi-character logo text as a single glyph cell.");
-			let n = [`translate(${A(e.x)} ${A(e.y)})`];
-			e.angle && n.push(`rotate(${A(e.angle)})`), (e.dx || e.dy) && n.push(`translate(${A(e.dx)} ${A(e.dy)})`), n.push(`scale(${A(e.logoScale.width)} ${A(e.logoScale.heightScale)})`);
-			let r = M("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,
-				dy: O("middle", 1),
-				"text-anchor": "middle",
-				lengthAdjust: "spacingAndGlyphs",
-				textLength: 1,
+				"text-anchor": "start",
 				transform: n.join(" "),
-				...m(e.datum),
-				"font-size": 1
+				...g(e.datum),
+				"font-size": e.size
 			});
-			r.textContent = e.text, s.appendChild(r);
+			r.textContent = e.text, d.appendChild(r);
 			return;
 		}
-		let n = A(e.x), r = A(e.y), a = M("text", {
-			x: n,
-			y: r,
-			dx: A(e.dx),
-			dy: A(e.dy + O(i.baseline, e.size)),
-			lengthAdjust: "spacingAndGlyphs",
-			textLength: A(e.width),
-			...m(e.datum),
-			...e.scale == 1 ? {} : { "font-size": A(e.size) },
-			...e.fadeOpacity == 1 ? {} : { opacity: k(e.fadeOpacity) }
+		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: N(ne(s.baseline, e.size)),
+			...g(e.datum),
+			...e.fadeOpacity == 1 ? {} : { opacity: M(e.fadeOpacity) },
+			transform: n.join(" ")
 		});
-		a.textContent = e.text, e.angle && a.setAttribute("transform", `rotate(${A(e.angle)} ${n} ${r})`), s.appendChild(a);
+		r.textContent = e.text, d.appendChild(r);
 	});
-	if (!t.countOnly && s.childElementCount > 0) {
-		let e = t.getViewportEdgeFadeMaskUrl(h);
-		e && s.setAttribute("mask", e);
+	if (!t.countOnly && d.childElementCount > 0) {
+		let e = t.getViewportEdgeFadeMaskUrl(_);
+		e && d.setAttribute("mask", e);
 	}
-	return g;
+	return v;
 }
-var ve = {
+var xe = {
 	left: "start",
 	center: "middle",
 	right: "end"
 }, G = 64;
-function ye(e, t) {
-	let n = xe(e.unitView);
+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: l } = t;
+	let { coords: a, data: o, group: s, viewOpacity: c, visibleBounds: d } = t;
 	if (!o.length) return 0;
-	let u = e.encoders, f = n.channel == "stroke" ? u.stroke : u.fill, p = Se(e.unitView.spec.encoding.x), m = Infinity, h = Infinity, _ = -Infinity, v = -Infinity, y = o.map((e) => {
-		let [t, n] = ce(a, u, e), [r, i] = g(a, u, e);
-		return m = Math.min(m, t, n), h = Math.min(h, r, i), _ = Math.max(_, t, n), v = Math.max(v, r, i), {
+	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),
-			color: d(f(e))
+			color: l(p(e))
 		};
 	}).sort((e, t) => e.offset - t.offset);
-	if (!ee(l, m, h, _, v)) return 0;
+	if (!_(d, h, v, y, b)) return 0;
 	if (t.countOnly) return o.length;
-	let b = be(y), x = [
+	let S = Ce(x), C = [
 		{
 			offset: 0,
-			color: b[0].color
+			color: S[0].color
 		},
-		...b,
+		...S,
 		{
 			offset: 1,
-			color: b.at(-1).color
+			color: S.at(-1).color
 		}
-	], S = t.getLegendGradientUrl({
-		x1: m,
-		y1: p ? h : v,
-		x2: p ? _ : m,
-		y2: h,
-		stops: x
-	}), C = A(m), w = A(h), T = A(_), E = A(v), D = Number(u.fillOpacity(o[0])) * c;
-	return s.appendChild(M("rect", {
-		x: C,
-		y: w,
-		width: A(T - C),
-		height: A(E - w),
-		fill: S,
-		"fill-opacity": k(D),
+	], w = t.getLegendGradientUrl({
+		x1: h,
+		y1: m ? v : b,
+		x2: m ? y : h,
+		y2: v,
+		stops: C
+	}), 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: N(D - T),
+		height: N(O - E),
+		fill: w,
+		"fill-opacity": M(k),
 		stroke: "none"
 	})), o.length;
 }
-function be(e) {
-	return e.length <= G ? e : Array.from({ length: G }, (t, n) => e[Math.round(n * (e.length - 1) / (G - 1))]);
+function Ce(e) {
+	return e.length <= G ? e : Array.from({ length: G }, (t, n) => e[Math.round(n * (e.length - 1) / 63)]);
 }
-function xe(e) {
+function we(e) {
 	let t = e;
 	for (; t;) {
 		let e = t.spec.data;
@@ -469,32 +468,32 @@ function xe(e) {
 		t = t.dataParent;
 	}
 }
-function Se(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 Ce = /* @__PURE__ */ new Map([
+var Ee = /* @__PURE__ */ new Map([
 	["arrow", de],
 	["link", me],
-	["point", I],
-	["rect", he],
+	["point", z],
+	["rect", ve],
 	["rule", W],
-	["text", _e],
+	["text", be],
 	["tick", W]
 ]);
-function we(e, t) {
+function De(e, t) {
 	if (e.getType() == "rect") {
-		let n = ye(e, t);
+		let n = Se(e, t);
 		if (n !== void 0) return n;
 	}
-	let n = Ce.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 Te(e, t) {
+function Oe(e, t) {
 	let n = t.strokeWidth, r = [
 		"dots",
 		"rings",
@@ -507,31 +506,31 @@ function Te(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 = M("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: A(c),
-		height: A(l),
+		width: N(c),
+		height: N(l),
 		patternUnits: "userSpaceOnUse"
 	});
-	u.appendChild(M("rect", {
-		width: A(c),
-		height: A(l),
+	u.appendChild(F("rect", {
+		width: N(c),
+		height: N(l),
 		fill: t.fill,
-		"fill-opacity": k(t.fillOpacity)
+		"fill-opacity": M(t.fillOpacity)
 	}));
-	let d = M("g", {
+	let d = F("g", {
 		fill: "none",
 		stroke: t.stroke,
-		"stroke-opacity": k(t.strokeOpacity),
-		"stroke-width": A(s),
+		"stroke-opacity": M(t.strokeOpacity),
+		"stroke-width": N(s),
 		"stroke-linecap": "square"
 	});
-	return Ee(d, t.type, o, s), u.appendChild(d), u;
+	return ke(d, t.type, o, s), u.appendChild(d), u;
 }
-function Ee(e, t, n, r) {
-	let i = (t) => e.appendChild(M("path", { d: t })), a = (e) => A(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,
@@ -560,10 +559,10 @@ function Ee(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(M("circle", {
-				cx: A(t),
-				cy: A(n),
-				r: A(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;
@@ -573,34 +572,34 @@ function Ee(e, t, n, r) {
 }
 //#endregion
 //#region ../core/src/rendering/svg/linkArcFadeMask.js
-function De(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 = M("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: A(l - i * c),
-		y1: A(u - a * c),
-		x2: A(l + i * c),
-		y2: A(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 S(s, c)) f.appendChild(M("stop", {
+	for (let { offset: e, opacity: t } of ue(s, c)) f.appendChild(F("stop", {
 		offset: K(e, 3),
 		"stop-color": "white",
 		"stop-opacity": K(t, 3)
 	}));
-	let p = M("mask", {
+	let p = F("mask", {
 		id: e,
 		x: 0,
 		y: 0,
-		width: A(t),
-		height: A(n),
+		width: N(t),
+		height: N(n),
 		maskUnits: "userSpaceOnUse",
 		maskContentUnits: "userSpaceOnUse",
 		"mask-type": "luminance"
 	});
-	return p.appendChild(M("rect", {
-		width: A(t),
-		height: A(n),
+	return p.appendChild(F("rect", {
+		width: N(t),
+		height: N(n),
 		fill: `url(#${d})`
 	})), {
 		gradient: f,
@@ -626,8 +625,8 @@ var q = class extends s {
 	#l = /* @__PURE__ */ new Set();
 	#u = !1;
 	#d = /* @__PURE__ */ new Map();
-	#f = new p();
-	#p = M("g");
+	#f = new f();
+	#p = F("g");
 	#m;
 	#h;
 	#g = [];
@@ -640,14 +639,14 @@ var q = class extends s {
 	#C = 0;
 	#w = 0;
 	constructor(e, t) {
-		super(e), this.width = t.width, this.height = t.height, this.#h = t.maxVectorInstances;
-		let n = A(t.width), r = A(t.height);
-		this.#e = M("svg", {
-			xmlns: j,
+		super(e), this.width = t.width, this.height = t.height, this.textMetrics = t.textMetrics, this.#h = t.maxVectorInstances;
+		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 = M("defs"), this.#e.appendChild(this.#t), t.background != null && this.#e.appendChild(M("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,
@@ -688,42 +687,42 @@ var q = class extends s {
 		for (let t of e.markGroupElements) t.childElementCount || t.remove();
 		this.#m = void 0;
 	}
-	pushView(e, t) {
-		let r = e.getPathString();
-		if (n(this.#n)?.exportExcluded || i(e) && e.name.startsWith("scrollbar-")) {
+	pushView(t, n) {
+		let r = t.getPathString();
+		if (e(this.#n)?.exportExcluded || i(t) && t.name.startsWith("scrollbar-")) {
 			this.#n.push({
-				view: e,
+				view: t,
 				node: this.currentNode,
-				coords: t,
+				coords: n,
 				exportExcluded: !0
 			});
 			return;
 		}
 		if (this.#u) {
 			this.#n.push({
-				view: e,
+				view: t,
 				node: this.currentNode,
-				coords: t,
+				coords: n,
 				exportExcluded: !1
 			});
 			return;
 		}
-		let a = this.#m, o = a?.viewGroups.get(e);
+		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 = M("g", {
-				id: Oe(e.name, this.#v++),
-				"data-name": e.name,
+			o = F("g", {
+				id: je(t.name, this.#v++),
+				"data-name": t.name,
 				"data-view-path": r
 			});
-			let t = M("title");
-			t.textContent = r, o.appendChild(t), this.currentNode.appendChild(o), a?.viewGroups.set(e, o);
+			let e = F("title");
+			e.textContent = r, o.appendChild(e), this.currentNode.appendChild(o), a?.viewGroups.set(t, o);
 		}
 		this.#n.push({
-			view: e,
+			view: t,
 			node: o,
-			coords: t,
+			coords: n,
 			exportExcluded: !1
 		});
 	}
@@ -731,27 +730,28 @@ var q = class extends s {
 		if (this.#n.pop()?.view !== e) throw Error("Unbalanced SVG view rendering context stack.");
 	}
 	renderMark(r, i) {
-		if (n(this.#n)?.exportExcluded || r.unitView.getEffectiveOpacity() <= 0) return;
-		let a = e(i), o = t(a, r.properties.clip, this.currentCoords), s = T(this.width, this.height, o);
-		if (!l(s)) return;
+		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 (!h(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 u = !this.#u && this.#m != null, d = u ? this.getClipPathUrl(o) : void 0, f = u ? this.#m.markGroups.get(r)?.get(d ?? "") : void 0;
-		!this.#u && !f && this.#E();
-		let p = this.#u ? this.#p : this.#O(r, d), g = h(this.currentCoords, a, r.properties.cullByVisibleRange), _ = r.getOrder?.(), v = !this.#u && _ && _.isActive();
-		if (m(r, i, this.currentCoords, this.#f, (e, t) => {
+		let l = !this.#u && this.#m != null, u = l ? this.getClipPathUrl(o) : void 0, d = l ? this.#m.markGroups.get(r)?.get(u ?? "") : void 0;
+		!this.#u && !d && this.#E();
+		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 = we(r, {
+				let i = De(r, {
 					coords: e,
 					data: t,
-					group: p,
+					group: f,
 					visibleBounds: s,
 					anchorCullBounds: g,
 					viewOpacity: r.unitView.getEffectiveOpacity(),
+					textMetrics: this.textMetrics,
 					secondOrderPass: n,
 					countOnly: this.#u,
 					getViewportEdgeFadeMaskUrl: (e) => this.#u ? void 0 : this.getViewportEdgeFadeMaskUrl(e),
@@ -772,9 +772,9 @@ var q = class extends s {
 			}
 			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 && !u && p.childElementCount > 0) {
+		}, (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);
-			e && p.setAttribute("clip-path", e), this.currentNode.appendChild(p);
+			e && f.setAttribute("clip-path", e), this.currentNode.appendChild(f);
 		}
 	}
 	#T(e, t) {
@@ -806,26 +806,26 @@ var q = class extends s {
 		e && (this.#g.push(e), this.#_ = void 0);
 	}
 	#D(e) {
-		let t = ke(e.viewNodes), n = e.targets.map((e) => e.mark.getType()), r = M("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 = M("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, Ae(a, t)), e.anchor.remove();
-		for (let n of e.viewNodes) je(n, t);
+		t == a ? t.insertBefore(r, e.anchor) : t.insertBefore(r, Ne(a, t)), e.anchor.remove();
+		for (let n of e.viewNodes) Pe(n, t);
 		e.image = i;
 	}
 	#O(e, t) {
 		let n = this.#m;
-		if (!n) return M("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 = M("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) {
@@ -835,14 +835,14 @@ var q = class extends s {
 			e.clipY ? t.y : 0,
 			e.clipX ? t.width : this.width,
 			e.clipY ? t.height : this.height
-		].map(A), 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 = M("clipPath", {
+			let e = F("clipPath", {
 				id: i,
 				clipPathUnits: "userSpaceOnUse"
 			});
-			e.appendChild(M("rect", {
+			e.appendChild(F("rect", {
 				x: n[0],
 				y: n[1],
 				width: n[2],
@@ -852,28 +852,28 @@ var q = class extends s {
 		return `url(#${i})`;
 	}
 	getShadowFilterUrl(e) {
-		let t = A(Math.max(e.blur / 2.5, .25)), n = A(e.offsetX), r = A(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 = M("filter", {
+			let e = F("filter", {
 				id: a,
 				x: 0,
 				y: 0,
-				width: A(this.width),
-				height: A(this.height),
+				width: N(this.width),
+				height: N(this.height),
 				filterUnits: "userSpaceOnUse",
 				primitiveUnits: "userSpaceOnUse",
 				"color-interpolation-filters": "sRGB"
 			});
-			e.appendChild(M("feGaussianBlur", {
+			e.appendChild(F("feGaussianBlur", {
 				in: "SourceGraphic",
 				stdDeviation: t,
 				result: "blur"
-			})), e.appendChild(M("feOffset", {
+			})), e.appendChild(F("feOffset", {
 				in: "blur",
 				dx: n,
 				dy: r,
@@ -886,12 +886,12 @@ var q = class extends s {
 		let t = this.#o.get(e);
 		if (!t) {
 			t = "shadow-clip-" + this.#y++;
-			let n = M("clipPath", {
+			let n = F("clipPath", {
 				id: t,
 				clipPathUnits: "userSpaceOnUse"
 			});
-			n.appendChild(M("path", {
-				d: `M 0 0 V ${A(this.height)} H ${A(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);
@@ -902,68 +902,68 @@ var q = class extends s {
 		let t = JSON.stringify([
 			e.type,
 			e.fill,
-			k(e.fillOpacity),
+			M(e.fillOpacity),
 			e.stroke,
-			k(e.strokeOpacity),
-			k(e.strokeWidth)
+			M(e.strokeOpacity),
+			M(e.strokeWidth)
 		]), n = this.#s.get(t);
-		return n || (n = "rect-hatch-" + this.#S++, this.#t.appendChild(Te(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 = M("linearGradient", {
+		let t = "legend-gradient-" + this.#C++, n = F("linearGradient", {
 			id: t,
 			gradientUnits: "userSpaceOnUse",
-			x1: A(e.x1),
-			y1: A(e.y1),
-			x2: A(e.x2),
-			y2: A(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(M("stop", {
-			offset: k(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})`;
 	}
 	getLinkArcFadeMaskUrl(e) {
-		let t = _(e.p1, e.p4, e.distances);
+		let t = x(e.p1, e.p4, e.distances);
 		if (!t) return;
 		let n = this.#c.get(t.key);
 		if (!n) {
 			n = "link-arc-fade-" + this.#b++;
-			let { gradient: e, mask: r } = De(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})`;
 	}
-	getViewportEdgeFadeMaskUrl(e) {
-		let t = Object.entries(e).filter(([, e]) => e.width > 0 && Number.isFinite(e.distance));
-		if (!t.length) return;
-		let r = n(this.#n);
+	getViewportEdgeFadeMaskUrl(t) {
+		let n = Object.entries(t).filter(([, e]) => e.width > 0 && Number.isFinite(e.distance));
+		if (!n.length) return;
+		let r = e(this.#n);
 		if (!r) throw Error("No current view in SVG rendering context.");
 		let i = this.#i.get(r.view);
 		if (!i) {
 			i = "edge-fade-" + this.#b++;
-			let e = A(this.width), n = A(this.height), a = M("mask", {
+			let e = N(this.width), t = N(this.height), a = F("mask", {
 				id: i,
 				x: 0,
 				y: 0,
 				width: e,
-				height: n,
+				height: t,
 				maskUnits: "userSpaceOnUse",
 				maskContentUnits: "userSpaceOnUse",
 				"mask-type": "luminance"
 			});
-			a.appendChild(M("rect", {
+			a.appendChild(F("rect", {
 				width: e,
-				height: n,
+				height: t,
 				fill: "white"
 			}));
-			for (let [o, s] of t) {
-				let t = i + "-" + o, c = Me(t, o, s, r.coords);
-				this.#t.appendChild(c), a.appendChild(M("rect", {
+			for (let [o, s] of n) {
+				let n = i + "-" + o, c = Fe(n, o, s, r.coords);
+				this.#t.appendChild(c), a.appendChild(F("rect", {
 					width: e,
-					height: n,
-					fill: `url(#${t})`
+					height: t,
+					fill: `url(#${n})`
 				}));
 			}
 			this.#t.appendChild(a), this.#i.set(r.view, i);
@@ -977,52 +977,52 @@ var q = class extends s {
 		return Array.from(this.#l);
 	}
 	get currentNode() {
-		return n(this.#n)?.node ?? this.#e;
+		return e(this.#n)?.node ?? this.#e;
 	}
 	get currentCoords() {
-		let e = n(this.#n);
-		if (!e) throw Error("No current view in SVG rendering context.");
-		return e.coords;
+		let t = e(this.#n);
+		if (!t) throw Error("No current view in SVG rendering context.");
+		return t.coords;
 	}
 };
-function Oe(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}`;
 }
 function J(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 ke(e) {
+function Me(e) {
 	let [t, ...n] = Array.from(e), r = t;
 	for (; n.some((e) => !r.contains(e));) r = r.parentNode;
 	return r;
 }
-function Ae(e, t) {
+function Ne(e, t) {
 	let n = e;
 	for (; n.parentNode != t;) n = n.parentNode;
 	return n;
 }
-function je(e, t) {
+function Pe(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 Me(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 = M("linearGradient", {
+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 = F("linearGradient", {
 		id: e,
 		gradientUnits: "userSpaceOnUse",
-		x1: A(a ? i : 0),
-		y1: A(a ? 0 : i),
-		x2: A(a ? o : 0),
-		y2: A(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(M("stop", {
+	return s.appendChild(F("stop", {
 		offset: 0,
 		"stop-color": "black",
 		"stop-opacity": 1
-	})), s.appendChild(M("stop", {
+	})), s.appendChild(F("stop", {
 		offset: 1,
 		"stop-color": "black",
 		"stop-opacity": 0
@@ -1030,22 +1030,24 @@ function Me(e, t, n, r) {
 }
 //#endregion
 //#region ../core/src/rendering/svg/index.js
-function Y({ viewRoot: e, logicalWidth: t, logicalHeight: n, background: r = "white" }) {
-	let i = new q({ picking: !1 }, {
+function Y({ viewRoot: e, logicalWidth: t, logicalHeight: n, background: r = "white", textMetrics: i = e.context.textMetrics }) {
+	let a = new q({ picking: !1 }, {
 		width: t,
 		height: n,
-		background: r
+		background: r,
+		textMetrics: i
 	});
-	return c(e, o.create(0, 0, t, n), { renderingOptions: { firstFacet: !0 } }).collectRenderCommands(i), {
-		svg: i.getSvg(),
-		warnings: i.getWarnings()
+	return c(e, o.create(0, 0, t, n), { renderingOptions: { firstFacet: !0 } }).collectRenderCommands(a), {
+		svg: a.getSvg(),
+		warnings: a.getWarnings()
 	};
 }
-function Ne({ viewRoot: e, logicalWidth: t, logicalHeight: n }) {
+async function Ie({ viewRoot: e, logicalWidth: t, logicalHeight: n }) {
 	let r = new q({ picking: !1 }, {
 		width: t,
 		height: n,
-		background: null
+		background: null,
+		textMetrics: await Z(e)
 	});
 	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,
@@ -1055,36 +1057,41 @@ function Ne({ viewRoot: e, logicalWidth: t, logicalHeight: n }) {
 		instanceCount: t
 	})).filter((e) => e.instanceCount > 0) };
 }
-async function X(e) {
-	let t = e.rasterization;
-	return t ? ($(t), e.rasterizeSvgRuns ? Z({
+async function Le(e) {
+	let t = await Z(e.viewRoot), n = {
 		...e,
+		textMetrics: t
+	}, r = e.rasterization;
+	return r ? ($(r), e.rasterizeSvgRuns ? X({
+		...n,
 		rasterizeSvgRuns: e.rasterizeSvgRuns,
-		maxVectorInstances: t.maxVectorInstances,
-		pixelRatio: t.pixelRatio
-	}) : Q(e)) : {
-		...Y(e),
+		maxVectorInstances: r.maxVectorInstances,
+		pixelRatio: r.pixelRatio
+	}) : Q(n)) : {
+		...Y(n),
 		rasterized: []
 	};
 }
-async function Z({ viewRoot: e, rasterizeSvgRuns: t, logicalWidth: n, logicalHeight: r, background: i = "white", maxVectorInstances: s, pixelRatio: l = 2 }) {
-	$({
+async function X({ viewRoot: e, rasterizeSvgRuns: t, logicalWidth: n, logicalHeight: r, background: i = "white", maxVectorInstances: s, pixelRatio: l = 2, textMetrics: u }) {
+	u ??= await Z(e), $({
 		maxVectorInstances: s,
 		pixelRatio: l
 	});
-	let u = new q({ picking: !1 }, {
+	let d = new q({ picking: !1 }, {
 		width: n,
 		height: r,
 		background: i,
-		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 {
+		maxVectorInstances: s,
+		textMetrics: u
+	}), 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: f,
+			runs: m,
 			viewRoot: e,
-			layoutResult: d,
+			layoutResult: p,
+			textMetrics: u,
 			logicalWidth: n,
 			logicalHeight: r,
 			pixelRatio: l
@@ -1094,14 +1101,15 @@ async function Z({ viewRoot: e, rasterizeSvgRuns: t, logicalWidth: n, logicalHei
 			viewRoot: e,
 			logicalWidth: n,
 			logicalHeight: r,
-			background: i
+			background: i,
+			textMetrics: u
 		});
 		throw t;
 	}
 	return {
-		svg: u.getSvg(),
-		warnings: u.getWarnings(),
-		rasterized: f.map((e) => ({
+		svg: d.getSvg(),
+		warnings: d.getWarnings(),
+		rasterized: m.map((e) => ({
 			targets: e.targets.map((e) => ({
 				markType: e.mark.getType(),
 				instanceCount: e.instanceCount
@@ -1112,6 +1120,11 @@ async function Z({ viewRoot: e, rasterizeSvgRuns: t, logicalWidth: n, logicalHei
 		}))
 	};
 }
+async function Z(e) {
+	if (!document.fonts) return e.context.textMetrics;
+	let t = te(document);
+	return await re(t, e), t;
+}
 function Q(e) {
 	let t = Y(e);
 	return {
@@ -1125,4 +1138,4 @@ function $(e) {
 	if (e.pixelRatio != null && (!Number.isFinite(e.pixelRatio) || e.pixelRatio <= 0)) throw RangeError("SVG raster pixelRatio must be positive.");
 }
 //#endregion
-export { Ne as analyzeSvgExport, Z as createRasterizedSvg, Y as createSvg, X as createSvgExport };
+export { Ie as analyzeSvgExport, X as createRasterizedSvg, Y as createSvg, Le as createSvgExport };