@genome-spy/app 1.1.1 → 1.3.0

package/dist/{svg-N3tj05-e.js → svg-BBMtLgtM.js}

@@ -1,35 +1,35 @@
-import { o as e, s as t, u as n } from "./clipOptions-Cba4I0AO.js";
-import { b as r } from "./viewSelectors-j-F9XwsE.js";
-import { v as i } from "./vega-scale-Byaw1K8O.js";
+import { o as e, s as t, un as n } from "./clipOptions-SrrxeAEU.js";
+import { x as r } from "./viewSelectors-DkFvo33d.js";
+import { r as i } from "./arrayUtils-Bm7QnzhN.js";
 import { t as a } from "./rasterization-CFogVB3B.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 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-B4uR9Q04.js";
-import { n as M, t as N } from "./svgNumber-DNxESJQB.js";
+import { t as o } from "./rectangle-DZTR6NFQ.js";
+import { n as s, r as c } from "./color-jETn8xK_.js";
+import { A as l, C as u, D as d, F as f, I as p, L as m, M as h, N as g, P as _, R as v, S as y, T as b, _ as x, a as S, b as C, c as w, d as T, g as E, h as D, i as O, j as k, k as A, l as j, m as M, n as ee, o as te, p as ne, r as re, s as ie, t as ae, u as oe, v as se, x as ce, y as le } from "./order-BnKzKjt4.js";
+import { n as N, t as P } from "./svgNumber-DNxESJQB.js";
 //#region ../core/src/rendering/svg/svgElement.js
-var P = "http://www.w3.org/2000/svg";
-function F(e, t) {
-	let n = document.createElementNS(P, e);
+var F = "http://www.w3.org/2000/svg";
+function I(e, t) {
+	let n = document.createElementNS(F, 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 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 = Object.entries(t).filter(([t, n]) => !n.encoder.constant || (e.setAttribute(t, "" + R(n, {})), !1));
+	return (e) => Object.fromEntries(n.map(([t, n]) => [t, R(n, e)]));
+}
+function R(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, u = I(a, {
+function ue(e, t) {
+	let n = e, { coords: r, data: i, group: a, viewOpacity: o, visibleBounds: s } = t, c = n.encoders, l = L(a, {
 		fill: {
 			encoder: c.fill,
-			transform: l
+			transform: h
 		},
 		"fill-opacity": {
 			encoder: c.fillOpacity,
@@ -37,7 +37,7 @@ function de(e, t) {
 		},
 		stroke: {
 			encoder: c.stroke,
-			transform: l
+			transform: h
 		},
 		"stroke-opacity": {
 			encoder: c.strokeOpacity,
@@ -45,79 +45,78 @@ function de(e, t) {
 		},
 		"stroke-width": {
 			encoder: c.strokeWidth,
-			transform: (e) => N(+e)
+			transform: (e) => P(+e)
 		}
 	});
 	a.setAttribute("stroke-linejoin", "miter");
-	let d = v(n);
-	return ce(n, d, {
+	let d = u(n);
+	return b(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(F("path", {
-			d: e.boundaryLoops.map(fe).join(" "),
-			...u(e.datum)
+		t.countOnly || (e.headShapeFallback && t.warn(`SVG export rendered unsupported arrow headShape "${d.headShape}" as a triangle.`), a.appendChild(I("path", {
+			d: e.boundaryLoops.map(de).join(" "),
+			...l(e.datum)
 		})));
 	});
 }
-function fe(e) {
-	return `M ${e.map(pe).join(" L ")} Z`;
+function de(e) {
+	return `M ${e.map(fe).join(" L ")} Z`;
 }
-function pe(e) {
-	return `${N(e.x)} ${N(e.y)}`;
+function fe(e) {
+	return `${P(e.x)} ${P(e.y)}`;
 }
 //#endregion
 //#region ../core/src/rendering/svg/renderers/link.js
-function me(e, t) {
-	let n = e, r = y(n), { coords: i, data: a, group: o, viewOpacity: s, visibleBounds: c } = t, u = n.encoders, f = le(n, r.shape, t.secondOrderPass), p = .5, m = u.opacity.constant && u.size.constant, h = (e) => d(u.opacity, e) * s * Math.max(0, Math.min(d(u.size, e) / p, 1));
-	m && o.setAttribute("stroke-opacity", "" + h({}));
-	let g = I(o, {
+function pe(e, t) {
+	let n = e, r = se(n), { coords: i, data: a, group: o, viewOpacity: s, visibleBounds: c } = t, l = n.encoders, u = y(n, r.shape, t.secondOrderPass), f = .5, p = l.opacity.constant && l.size.constant, m = (e) => d(l.opacity, e) * s * Math.max(0, Math.min(d(l.size, e) / f, 1));
+	p && o.setAttribute("stroke-opacity", "" + m({}));
+	let g = L(o, {
 		stroke: {
-			encoder: u.color,
-			transform: l
+			encoder: l.color,
+			transform: h
 		},
 		"stroke-width": {
-			encoder: u.size,
-			transform: (e) => N(Math.max(+e, p))
+			encoder: l.size,
+			transform: (e) => P(Math.max(+e, f))
 		}
 	});
-	o.setAttribute("fill", "none"), o.setAttribute("stroke-linecap", "butt");
+	o.setAttribute("fill", "none"), o.setAttribute("stroke-linecap", "butt"), o.setAttribute("stroke-linejoin", "miter"), o.setAttribute("stroke-miterlimit", "2");
 	let _ = o, v;
-	return se(n, r, {
+	return le(n, r, {
 		coords: i,
 		data: a,
 		visibleBounds: c
-	}, ({ datum: e, points: n }) => {
-		let [r, i, a, s] = n;
+	}, ({ datum: e, geometry: n }) => {
 		if (t.countOnly) return;
-		let c = g(e);
-		m || (c["stroke-opacity"] = h(e));
-		let l = f ? t.getLinkArcFadeMaskUrl({
-			p1: r,
-			p4: s,
-			distances: f
+		let r = g(e);
+		p || (r["stroke-opacity"] = m(e));
+		let i = u && n.type == "cubic" ? t.getLinkArcFadeMaskUrl({
+			p1: n.points[0],
+			p4: n.points[3],
+			distances: u
 		}) : void 0;
-		l !== v && (v = l, _ = l ? F("g", { mask: l }) : o, l && o.appendChild(_)), _.appendChild(F("path", {
-			d: `M ${R(r)} C ${R(i)} ${R(a)} ${R(s)}`,
-			...c
+		i !== v && (v = i, _ = i ? I("g", { mask: i }) : o, i && o.appendChild(_)), _.appendChild(I("path", {
+			d: n.type == "orthogonal" ? `M ${z(n.points[0])} L ${z(n.points[1])} L ${z(n.points[2])}` : `M ${z(n.points[0])} C ${n.points.slice(1).map(z).join(" ")}`,
+			...r
 		}));
 	});
 }
-function R(e) {
-	return e.map(N).join(" ");
+function z(e) {
+	return e.map(P).join(" ");
 }
 //#endregion
 //#region ../core/src/rendering/svg/renderers/point.js
-function z(e, t) {
+function me(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 = I(a, {
+	let r = E(n), { inwardStroke: i } = r, { group: a, viewOpacity: o } = t, s = n.encoders, c = A(s.fill), l = A(s.stroke), u = L(a, {
 		fill: {
 			encoder: s.fill,
-			transform: l
+			transform: h
 		},
 		"fill-opacity": {
 			encoder: s.fillOpacity,
@@ -125,7 +124,7 @@ function z(e, t) {
 		},
 		stroke: {
 			encoder: s.stroke,
-			transform: l
+			transform: h
 		},
 		"stroke-opacity": {
 			encoder: s.strokeOpacity,
@@ -133,47 +132,53 @@ function z(e, t) {
 		},
 		"stroke-width": {
 			encoder: s.strokeWidth,
-			transform: (e) => N(+e)
+			transform: (e) => P(+e)
 		}
-	}), u = ge();
-	return T(n, r, t, (e) => {
+	}), d = a.getAttribute("fill"), f = a.getAttribute("fill-opacity"), p = a.getAttribute("stroke"), m = a.getAttribute("stroke-opacity"), g = he();
+	return x(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": 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
-		})));
+		let { datum: n, radius: r, geometryRadius: h, strokeWidth: _, lineShape: v } = e, y = {
+			...u(n),
+			...i && !v ? { "stroke-width": P(_) } : {},
+			...v ? ge(s, n, o, l) : {}
+		}, b = r == h ? 0 : +(y["stroke-opacity"] ?? m) * l(String(y.stroke ?? p)), x = b > 0, S = !v && r != h && (!x || b < 1) && +(y["fill-opacity"] ?? f) * c(String(y.fill ?? d)) > 0;
+		S && (a.appendChild(B(e, r, {
+			...y,
+			stroke: "none"
+		}, g, t.warn)), y.fill = "none"), (!S || x) && a.appendChild(B(e, h, y, g, t.warn));
 	});
 }
-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
+function B(e, t, n, r, i) {
+	let { shape: a, x: o, y: s, angle: c } = e, l = P(o), u = P(s), d = P(t), f;
+	if (a == "circle") f = I("circle", {
+		cx: l,
+		cy: u,
+		r: d,
+		...n
 	});
-	if (e == "square") return F("rect", {
-		x: N(t - r),
-		y: N(n - r),
-		width: N(r * 2),
-		height: N(r * 2),
-		...i
+	else if (a == "square") f = I("rect", {
+		x: P(o - t),
+		y: P(s - t),
+		width: P(t * 2),
+		height: P(t * 2),
+		...n
 	});
-	let l = a.build(e, t, n, r);
-	return l ? F("path", {
-		d: l,
-		...i
-	}) : void 0;
+	else {
+		let e = r.build(a, o, s, t);
+		e ? f = I("path", {
+			d: e,
+			...n
+		}) : (i(`SVG export rendered unsupported point shape "${a}" as a circle.`), f = I("circle", {
+			cx: l,
+			cy: u,
+			r: d,
+			...n
+		}));
+	}
+	return c && f.setAttribute("transform", `rotate(${P(c)} ${l} ${u})`), f;
 }
-function ge() {
-	let e = "", t = (e, t) => `${N(e)} ${N(t)}`, n = {
+function he() {
+	let e = "", t = (e, t) => `${P(e)} ${P(t)}`, n = {
 		moveTo(n, r) {
 			e += `${e ? " M" : "M"} ${t(n, r)}`;
 		},
@@ -185,26 +190,26 @@ function ge() {
 		}
 	};
 	return { build(t, r, i, a) {
-		return e = "", ee(t, r, i, a, n) ? e : void 0;
+		return e = "", D(t, r, i, a, n) ? e : void 0;
 	} };
 }
-function _e(e, t, n) {
-	let r = e.stroke(t), i = d(e.strokeOpacity, t), a = r == null || i <= 0;
+function ge(e, t, n, r) {
+	let i = h(e.stroke(t)), a = d(e.strokeOpacity, t), o = a * r(i) <= 0;
 	return {
 		fill: "none",
-		stroke: l(a ? e.fill(t) : r),
-		"stroke-opacity": (a ? d(e.fillOpacity, t) : i) * n,
-		"stroke-width": N(d(e.strokeWidth, t)),
+		stroke: h(o ? e.fill(t) : i),
+		"stroke-opacity": (o ? d(e.fillOpacity, t) : a) * n,
+		"stroke-width": P(d(e.strokeWidth, t)),
 		"stroke-linecap": "butt"
 	};
 }
 //#endregion
 //#region ../core/src/rendering/svg/renderers/rect.js
-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, {
+function _e(e, t) {
+	let n = e, r = ne(n), { shadow: i, hatch: a } = r, { group: o, viewOpacity: s } = t, c = n.encoders, l = A(c.fill), u = L(o, {
 		fill: {
 			encoder: c.fill,
-			transform: l
+			transform: h
 		},
 		"fill-opacity": {
 			encoder: c.fillOpacity,
@@ -212,7 +217,7 @@ function ve(e, t) {
 		},
 		stroke: {
 			encoder: c.stroke,
-			transform: l
+			transform: h
 		},
 		"stroke-opacity": {
 			encoder: c.strokeOpacity,
@@ -220,136 +225,191 @@ function ve(e, t) {
 		},
 		"stroke-width": {
 			encoder: c.strokeWidth,
-			transform: (e) => N(+e)
+			transform: (e) => P(+e)
 		}
 	}), f = i.opacity > 0 ? {
 		fill: i.color,
 		"fill-opacity": 1,
 		stroke: i.color,
 		"stroke-opacity": 1,
-		opacity: M(i.opacity * s),
+		opacity: N(i.opacity * s),
 		filter: t.getShadowFilterUrl(i)
 	} : null;
-	return j(n, r, t, (e) => {
+	return M(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 = {
+		let { datum: n, x: r, y: i, width: p, height: m, radii: g, opacityFactor: _, strokeWidth: v, fill: y, fillOpacity: b } = e, x = {
 			...u(n),
-			...g == 1 ? {} : { opacity: M(g) }
+			..._ == 1 ? {} : { opacity: N(_) }
 		};
-		if (a != "none" && _ > 0 && (b.fill = t.getRectHatchPatternUrl({
+		if (a != "none" && v > 0 && (x.fill = t.getRectHatchPatternUrl({
 			type: a,
-			fill: l(c.fill(n)),
+			fill: h(c.fill(n)),
 			fillOpacity: d(c.fillOpacity, n) * s,
-			stroke: l(c.stroke(n)),
+			stroke: h(c.stroke(n)),
 			strokeOpacity: d(c.strokeOpacity, n) * s,
-			strokeWidth: _
-		}), b["fill-opacity"] = 1), f) {
-			let e = B(r, i, p, m, h, {
+			strokeWidth: v
+		}), x["fill-opacity"] = 1), f) {
+			let e = V(r, i, p, m, g, {
 				...f,
-				"stroke-width": N(_)
+				"stroke-width": P(v)
 			});
-			if (a == "none" && v != "none" && y == 1 && g == 1) o.appendChild(e);
+			if (a == "none" && y != "none" && b * l(y) == 1 && _ == 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 = F("g", { "clip-path": t.getShadowClipPathUrl(s) });
+				let n = v / 2, a = Object.fromEntries(Object.entries(g).map(([e, t]) => [e, t + n])), s = H(r - n, i - n, p + n * 2, m + n * 2, a), c = I("g", { "clip-path": t.getShadowClipPathUrl(s) });
 				c.appendChild(e), o.appendChild(c);
 			}
 		}
-		o.appendChild(B(r, i, p, m, h, b));
+		o.appendChild(V(r, i, p, m, g, x));
 	});
 }
-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", {
+function V(e, t, n, r, i, a) {
+	if (ve(i)) {
+		let o = i.topLeft, s = P(e), c = P(t), l = P(e + n), u = P(t + r);
+		return I("rect", {
 			x: s,
 			y: c,
-			width: N(l - s),
-			height: N(u - c),
+			width: P(l - s),
+			height: P(u - c),
 			...o ? {
-				rx: N(o),
-				ry: N(o)
+				rx: P(o),
+				ry: P(o)
 			} : {},
 			...a
 		});
 	}
-	return F("path", {
-		d: V(e, t, n, r, i),
+	return I("path", {
+		d: H(e, t, n, r, i),
 		...a
 	});
 }
-function ye(e) {
+function ve(e) {
 	return Object.values(e).every((t) => t == e.topLeft);
 }
-function V(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 ${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),
+		`M ${W(e + s, t)}`,
+		`H ${P(a - c)}`,
+		U(c, a, t + c, a, t),
+		`V ${P(o - l)}`,
+		U(l, a - l, o, a, o),
+		`H ${P(e + u)}`,
+		U(u, e, o - u, e, o),
+		`V ${P(t + s)}`,
+		U(s, e + s, t, e, t),
 		"Z"
 	].join(" ");
 }
-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 U(e, t, n, r, i) {
+	return e ? `A ${P(e)} ${P(e)} 0 0 1 ${W(t, n)}` : `L ${W(r, i)}`;
 }
-function U(e, t) {
-	return `${N(e)} ${N(t)}`;
+function W(e, t) {
+	return `${P(e)} ${P(t)}`;
+}
+//#endregion
+//#region ../core/src/rendering/svg/rulePath.js
+function ye(e, t, n, r, i) {
+	if (r?.some((e) => e < 0 || !Number.isFinite(e))) throw Error("Invalid stroke dash pattern: " + JSON.stringify(r));
+	let a = t / 2, o = [], s = (e, t) => {
+		if (e === t && n === "butt") return;
+		n === "square" && (e -= a, t += a);
+		let r = o.at(-1);
+		r && e <= r[1] ? r[1] = Math.max(r[1], t) : o.push([e, t]);
+	}, c = r?.length ?? 0, l = (r?.reduce((e, t) => e + t, 0) ?? 0) * (c % 2 ? 2 : 1);
+	if (l === 0) s(0, e);
+	else {
+		let t = -((i % l + l) % l);
+		for (let n = 0; t <= e; n++) {
+			let i = t + r[n % c];
+			n % 2 == 0 && i >= 0 && s(Math.max(0, t), Math.min(e, i)), t = i;
+		}
+	}
+	let u = "", d = (e, t) => `A${a} ${a} 0 0 1 ${e} ${t}`;
+	for (let e = 0; e < o.length;) {
+		let r = e;
+		if (n === "round") for (; r + 1 < o.length && o[r + 1][0] - o[r][1] < t;) r++;
+		u += `M${o[e][0]} ${-a}H${o[e][1]}`;
+		for (let t = e; t < r; t++) {
+			let e = o[t][1], n = o[t + 1][0], r = (e + n) / 2, i = Math.sqrt(Math.max(0, a * a - ((n - e) / 2) ** 2));
+			u += d(r, -i) + d(n, -a) + `H${o[t + 1][1]}`;
+		}
+		u += n === "round" ? d(o[r][1], a) : `V${a}`, u += `H${o[r][0]}`;
+		for (let t = r; t > e; t--) {
+			let e = o[t - 1][1], n = o[t][0], r = (e + n) / 2, i = Math.sqrt(Math.max(0, a * a - ((n - e) / 2) ** 2));
+			u += d(r, i) + d(e, a) + `H${o[t - 1][0]}`;
+		}
+		n === "round" && (u += d(o[e][0], -a)), u += "Z", e = r + 1;
+	}
+	return u;
 }
 //#endregion
 //#region ../core/src/rendering/svg/renderers/rule.js
-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, {
+function G(e, t) {
+	let n = e, r = oe(n), i = r.strokeAlign, { coords: a, data: o, group: s, viewOpacity: c, visibleBounds: l } = t, u = n.encoders, f = n.getType() === "rule", p = k(n, n.properties.strokeDash), m = k(n, n.properties.strokeDashOffset), g = L(s, {
 		stroke: {
-			encoder: u.color,
-			transform: l
-		},
-		"stroke-opacity": {
-			encoder: u.opacity,
-			transform: (e) => +e * s
+			encoder: u.fill,
+			transform: h
 		},
 		"stroke-width": {
 			encoder: u.size,
-			transform: (e) => N(+e)
+			transform: (e) => P(+e)
 		}
 	});
-	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
+	return s.setAttribute("stroke-linecap", r.strokeCap), p && (s.setAttribute("stroke-dasharray", p.map(P).join(" ")), s.setAttribute("stroke-dashoffset", "" + P(m))), T(n, r, {
+		coords: a,
+		data: o,
+		visibleBounds: l
 	}, (e) => {
-		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)
+		if (t.countOnly) return;
+		let n = d(u.opacity, e.datum) * c, a = f ? d(u.fillOpacity, e.datum) : 1;
+		if (e.strokeWidth > 0) {
+			let o = e.x2 - e.x1, c = e.y2 - e.y1, l = Math.hypot(o, c), d = Math.atan2(c, o) * 180 / Math.PI, f = ye(l, P(e.size), r.strokeCap, p, m), g = I("g", {
+				transform: `translate(${P(e.x1)} ${P(e.y1)}) rotate(${d})`,
+				opacity: n,
+				"stroke-dasharray": "none"
+			});
+			g.append(I("path", {
+				d: f,
+				fill: "none",
+				stroke: e.stroke,
+				"stroke-width": (i === "center" ? 1 : 2) * e.strokeWidth,
+				...i === "center" ? {} : { mask: t.getRuleStrokeMaskUrl(f, l, e.size / 2, e.strokeWidth + 1, i === "inside") },
+				"stroke-opacity": e.strokeOpacity,
+				"stroke-linejoin": "round"
+			}), I("path", {
+				d: f,
+				fill: h(u.fill(e.datum)),
+				"fill-opacity": a,
+				stroke: "none"
+			})), i !== "outside" && g.insertBefore(g.lastChild, g.firstChild), s.appendChild(g);
+		} else s.appendChild(I("line", {
+			x1: P(e.x1),
+			y1: P(e.y1),
+			x2: P(e.x2),
+			y2: P(e.y2),
+			...g(e.datum),
+			"stroke-opacity": n * a
 		}));
 	});
 }
 //#endregion
 //#region ../core/src/rendering/svg/renderers/text.js
 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, {
+	let n = e, r = n.properties, i = t.textMetrics ?? n.unitView.context.textMetrics, a = i.requestFont(r), o = O(i, r), s = w(n), { coords: c, data: l, group: u, viewOpacity: d, visibleBounds: f, anchorCullBounds: p } = t, m = n.encoders, g = L(u, {
 		fill: {
-			encoder: h.color,
-			transform: l
+			encoder: m.color,
+			transform: h
 		},
 		"fill-opacity": {
-			encoder: h.opacity,
-			transform: (e) => +e * f
+			encoder: m.opacity,
+			transform: (e) => +e * d
 		},
 		"font-size": {
-			encoder: h.size,
-			transform: (e) => N(+e)
+			encoder: m.size,
+			transform: (e) => P(+e)
 		}
 	});
-	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]);
+	u.setAttribute("font-family", S(r.font)), u.setAttribute("font-style", r.fontStyle ?? "normal"), u.setAttribute("font-weight", "" + ie(r.fontWeight ?? "normal")), u.setAttribute("text-anchor", xe[s.align]);
 	let _ = {
 		top: {
 			width: k(n, r.viewportEdgeFadeWidthTop),
@@ -367,20 +427,20 @@ function be(e, t) {
 			width: k(n, r.viewportEdgeFadeWidthLeft),
 			distance: k(n, r.viewportEdgeFadeDistanceLeft)
 		}
-	}, v = A(n, s, {
+	}, v = j(n, s, {
 		coords: c,
-		data: u,
-		visibleBounds: p,
-		anchorCullBounds: m,
+		data: l,
+		visibleBounds: f,
+		anchorCullBounds: p,
 		fontMeasurement: a,
 		measureLogoInkBounds: o
 	}, (e) => {
 		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(${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", {
+			let n = [`translate(${P(e.x)} ${P(e.y)})`];
+			e.angle && n.push(`rotate(${P(e.angle)})`), (e.dx || e.dy) && n.push(`translate(${P(e.dx)} ${P(e.dy)})`), n.push(`scale(${P(e.logoTransform.scaleX)} ${P(e.logoTransform.scaleY)})`), n.push(`translate(${P(-e.logoTransform.originX)} ${P(-e.logoTransform.originY)})`);
+			let r = I("text", {
 				x: 0,
 				y: 0,
 				"text-anchor": "start",
@@ -388,24 +448,24 @@ function be(e, t) {
 				...g(e.datum),
 				"font-size": e.size
 			});
-			r.textContent = e.text, d.appendChild(r);
+			r.textContent = e.text, u.appendChild(r);
 			return;
 		}
-		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", {
+		let n = [`translate(${P(e.x)} ${P(e.y)})`];
+		e.angle && n.push(`rotate(${P(e.angle)})`), (e.dx || e.dy) && n.push(`translate(${P(e.dx)} ${P(e.dy)})`), e.scale != 1 && n.push(`scale(${P(e.scale)})`);
+		let r = I("text", {
 			x: 0,
 			y: 0,
-			dy: N(ne(s.baseline, e.size)),
+			dy: P(te(s.baseline, e.size)),
 			...g(e.datum),
-			...e.fadeOpacity == 1 ? {} : { opacity: M(e.fadeOpacity) },
+			...e.fadeOpacity == 1 ? {} : { opacity: N(e.fadeOpacity) },
 			transform: n.join(" ")
 		});
-		r.textContent = e.text, d.appendChild(r);
+		r.textContent = e.text, u.appendChild(r);
 	});
-	if (!t.countOnly && d.childElementCount > 0) {
+	if (!t.countOnly && u.childElementCount > 0) {
 		let e = t.getViewportEdgeFadeMaskUrl(_);
-		e && d.setAttribute("mask", e);
+		e && u.setAttribute("mask", e);
 	}
 	return v;
 }
@@ -413,52 +473,52 @@ var xe = {
 	left: "start",
 	center: "middle",
 	right: "end"
-}, G = 64;
+}, K = 64;
 function Se(e, t) {
-	let n = we(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: d } = t;
+	let r = we(e.unitView);
+	if (!r) return;
+	let i = e.unitView.getScaleResolution(r.channel)?.getScale();
+	if (!i || !n(i.type)) return;
+	let { coords: a, data: o, group: s, viewOpacity: c, visibleBounds: u } = t;
 	if (!o.length) return 0;
-	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), {
+	let d = e.encoders, f = r.channel == "stroke" ? d.stroke : d.fill, m = Te(e.unitView.spec.encoding.x), g = Infinity, _ = Infinity, v = -Infinity, y = -Infinity, b = l(a, d, "x", o[0]), x = l(a, d, "y", o[0]), S = [0, 0], C = [0, 0], w = o.map((e) => {
+		let [t, n] = b(e, S), [r, i] = x(e, C);
+		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: l(p(e))
+			color: h(f(e))
 		};
 	}).sort((e, t) => e.offset - t.offset);
-	if (!_(d, h, v, y, b)) return 0;
+	if (!p(u, g, _, v, y)) return 0;
 	if (t.countOnly) return o.length;
-	let S = Ce(x), C = [
+	let T = Ce(w), E = [
 		{
 			offset: 0,
-			color: S[0].color
+			color: T[0].color
 		},
-		...S,
+		...T,
 		{
 			offset: 1,
-			color: S.at(-1).color
+			color: T.at(-1).color
 		}
-	], 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),
+	], D = t.getLegendGradientUrl({
+		x1: g,
+		y1: m ? _ : y,
+		x2: m ? v : g,
+		y2: _,
+		stops: E
+	}), O = P(g), k = P(_), A = P(v), j = P(y), M = Number(d.fillOpacity(o[0])) * c;
+	return s.appendChild(I("rect", {
+		x: O,
+		y: k,
+		width: P(A - O),
+		height: P(j - k),
+		fill: D,
+		"fill-opacity": N(M),
 		stroke: "none"
 	})), o.length;
 }
 function Ce(e) {
-	return e.length <= G ? e : Array.from({ length: G }, (t, n) => e[Math.round(n * (e.length - 1) / 63)]);
+	return e.length <= K ? e : Array.from({ length: K }, (t, n) => e[Math.round(n * (e.length - 1) / 63)]);
 }
 function we(e) {
 	let t = e;
@@ -474,13 +534,13 @@ function Te(e) {
 //#endregion
 //#region ../core/src/rendering/svg/renderers/index.js
 var Ee = /* @__PURE__ */ new Map([
-	["arrow", de],
-	["link", me],
-	["point", z],
-	["rect", ve],
-	["rule", W],
+	["arrow", ue],
+	["link", pe],
+	["point", me],
+	["rect", _e],
+	["rule", G],
 	["text", be],
-	["tick", W]
+	["tick", G]
 ]);
 function De(e, t) {
 	if (e.getType() == "rect") {
@@ -506,31 +566,31 @@ function Oe(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 = F("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 = I("pattern", {
 		id: e,
 		x: 0,
 		y: 0,
-		width: N(c),
-		height: N(l),
+		width: P(c),
+		height: P(l),
 		patternUnits: "userSpaceOnUse"
 	});
-	u.appendChild(F("rect", {
-		width: N(c),
-		height: N(l),
+	u.appendChild(I("rect", {
+		width: P(c),
+		height: P(l),
 		fill: t.fill,
-		"fill-opacity": M(t.fillOpacity)
+		"fill-opacity": N(t.fillOpacity)
 	}));
-	let d = F("g", {
+	let d = I("g", {
 		fill: "none",
 		stroke: t.stroke,
-		"stroke-opacity": M(t.strokeOpacity),
-		"stroke-width": N(s),
+		"stroke-opacity": N(t.strokeOpacity),
+		"stroke-width": P(s),
 		"stroke-linecap": "square"
 	});
 	return ke(d, t.type, o, s), u.appendChild(d), u;
 }
 function ke(e, t, n, r) {
-	let i = (t) => e.appendChild(F("path", { d: t })), a = (e) => N(e), o = (e) => {
+	let i = (t) => e.appendChild(I("path", { d: t })), a = (e) => P(e), o = (e) => {
 		for (let t of [
 			-n,
 			0,
@@ -559,10 +619,10 @@ function ke(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(F("circle", {
-				cx: N(t),
-				cy: N(n),
-				r: N(r)
+			let r = n * (t == "dots" ? .07 : t == "rings" ? .2 : .35), i = (t, n) => e.appendChild(I("circle", {
+				cx: P(t),
+				cy: P(n),
+				r: P(r)
 			}));
 			i(n / 2, 0), i(n / 2, n * 2), i(0, n), i(n, n);
 			break;
@@ -573,46 +633,46 @@ function ke(e, t, n, r) {
 //#endregion
 //#region ../core/src/rendering/svg/linkArcFadeMask.js
 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", {
+	let { normalX: i, normalY: a, offset: o, start: s, end: c } = r, l = i * o, u = a * o, d = e + "-gradient", f = I("linearGradient", {
 		id: d,
 		gradientUnits: "userSpaceOnUse",
-		x1: N(l - i * c),
-		y1: N(u - a * c),
-		x2: N(l + i * c),
-		y2: N(u + a * c),
+		x1: P(l - i * c),
+		y1: P(u - a * c),
+		x2: P(l + i * c),
+		y2: P(u + a * c),
 		spreadMethod: "pad"
 	});
-	for (let { offset: e, opacity: t } of ue(s, c)) f.appendChild(F("stop", {
-		offset: K(e, 3),
+	for (let { offset: e, opacity: t } of C(s, c)) f.appendChild(I("stop", {
+		offset: q(e, 3),
 		"stop-color": "white",
-		"stop-opacity": K(t, 3)
+		"stop-opacity": q(t, 3)
 	}));
-	let p = F("mask", {
+	let p = I("mask", {
 		id: e,
 		x: 0,
 		y: 0,
-		width: N(t),
-		height: N(n),
+		width: P(t),
+		height: P(n),
 		maskUnits: "userSpaceOnUse",
 		maskContentUnits: "userSpaceOnUse",
 		"mask-type": "luminance"
 	});
-	return p.appendChild(F("rect", {
-		width: N(t),
-		height: N(n),
+	return p.appendChild(I("rect", {
+		width: P(t),
+		height: P(n),
 		fill: `url(#${d})`
 	})), {
 		gradient: f,
 		mask: p
 	};
 }
-function K(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 q = class extends s {
+var J = class extends c {
 	#e;
 	#t;
 	#n = [];
@@ -625,8 +685,8 @@ var q = class extends s {
 	#l = /* @__PURE__ */ new Set();
 	#u = !1;
 	#d = /* @__PURE__ */ new Map();
-	#f = new f();
-	#p = F("g");
+	#f = new m();
+	#p = I("g");
 	#m;
 	#h;
 	#g = [];
@@ -640,13 +700,13 @@ var q = 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 = N(t.width), r = N(t.height);
-		this.#e = F("svg", {
-			xmlns: P,
+		let n = P(t.width), r = P(t.height);
+		this.#e = I("svg", {
+			xmlns: F,
 			width: n,
 			height: r,
 			viewBox: `0 0 ${n} ${r}`
-		}), this.#t = F("defs"), this.#e.appendChild(this.#t), t.background != null && this.#e.appendChild(F("rect", {
+		}), this.#t = I("defs"), this.#e.appendChild(this.#t), t.background != null && this.#e.appendChild(I("rect", {
 			width: n,
 			height: r,
 			fill: t.background,
@@ -688,8 +748,8 @@ var q = class extends s {
 		this.#m = void 0;
 	}
 	pushView(e, t) {
-		let i = e.getPathString();
-		if (n(this.#n)?.exportExcluded || r(e) && e.name.startsWith("scrollbar-")) {
+		let n = e.getPathString();
+		if (i(this.#n)?.exportExcluded || r(e) && e.name.startsWith("scrollbar-")) {
 			this.#n.push({
 				view: e,
 				node: this.currentNode,
@@ -709,15 +769,15 @@ var q = class extends s {
 		}
 		let a = this.#m, o = a?.viewGroups.get(e);
 		if (o) {
-			if (o.parentNode !== this.currentNode) throw Error(`Sample-faceted view was rendered under multiple parents: ${i}`);
+			if (o.parentNode !== this.currentNode) throw Error(`Sample-faceted view was rendered under multiple parents: ${n}`);
 		} else {
-			o = F("g", {
+			o = I("g", {
 				id: je(e.name, this.#v++),
 				"data-name": e.name,
-				"data-view-path": i
+				"data-view-path": n
 			});
-			let t = F("title");
-			t.textContent = i, o.appendChild(t), this.currentNode.appendChild(o), a?.viewGroups.set(e, o);
+			let t = I("title");
+			t.textContent = n, o.appendChild(t), this.currentNode.appendChild(o), a?.viewGroups.set(e, o);
 		}
 		this.#n.push({
 			view: e,
@@ -729,62 +789,63 @@ var q = class extends s {
 	popView(e) {
 		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 = m(this.width, this.height, o);
-		if (!h(s)) return;
-		let c = this.getVisibleInstanceCount(r);
+	renderMark(n, r) {
+		if (i(this.#n)?.exportExcluded || n.unitView.getEffectiveOpacity() <= 0) return;
+		let a = e(r), o = t(a, n.properties.clip, this.currentCoords), s = _(this.width, this.height, o);
+		if (!f(s)) return;
+		let c = this.getVisibleInstanceCount(n);
 		if (!this.#u && this.#h != null && c == 0) return;
 		if (!this.#u && this.#h != null && c > this.#h) {
-			this.#T(r, s);
+			this.#T(n, s);
 			return;
 		}
-		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;
+		let l = !this.#u && this.#m != null, u = l ? this.getClipPathUrl(o) : void 0, d = l ? this.#m.markGroups.get(n)?.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 = De(r, {
+		let p = this.#u ? this.#p : this.#O(n, u), m = g(this.currentCoords, a, n.properties.cullByVisibleRange), h = n.getOrder?.(), y = !this.#u && h && h.isActive();
+		if (v(n, r, this.currentCoords, this.#f, (e, t) => {
+			let r = (t, r = !1) => {
+				let i = De(n, {
 					coords: e,
 					data: t,
-					group: f,
+					group: p,
 					visibleBounds: s,
-					anchorCullBounds: g,
-					viewOpacity: r.unitView.getEffectiveOpacity(),
+					anchorCullBounds: m,
+					viewOpacity: n.unitView.getEffectiveOpacity(),
 					textMetrics: this.textMetrics,
-					secondOrderPass: n,
+					secondOrderPass: r,
 					countOnly: this.#u,
 					getViewportEdgeFadeMaskUrl: (e) => this.#u ? void 0 : this.getViewportEdgeFadeMaskUrl(e),
 					getShadowFilterUrl: (e) => this.#u ? "" : this.getShadowFilterUrl(e),
+					getRuleStrokeMaskUrl: (e, t, n, r, i) => this.getRuleStrokeMaskUrl(e, t, n, r, i),
 					getShadowClipPathUrl: (e) => this.#u ? "" : this.getShadowClipPathUrl(e),
 					getRectHatchPatternUrl: (e) => this.#u ? "" : this.getRectHatchPatternUrl(e),
 					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: ${r.unitView.getPathString()}`);
+						this.#u || this.#l.add(`${e} View: ${n.unitView.getPathString()}`);
 					}
 				});
-				this.#u && this.#d.set(r, this.getVisibleInstanceCount(r) + i);
+				this.#u && this.#d.set(n, this.getVisibleInstanceCount(n) + i);
 			};
-			if (!v) {
-				n(t);
+			if (!y) {
+				r(t);
 				return;
 			}
-			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 i = ae(t, 0, t.length, h.predicate, h.passes);
+			for (let [e, t] of i.entries()) t.length !== 0 && r(t, e === 1);
+		}, (e) => this.#l.add(`SVG export could not resolve sample facet index ${e}. View: ${n.unitView.getPathString()}`)), !this.#u && !l && p.childElementCount > 0) {
 			let e = this.getClipPathUrl(o);
-			e && f.setAttribute("clip-path", e), this.currentNode.appendChild(f);
+			e && p.setAttribute("clip-path", e), this.currentNode.appendChild(p);
 		}
 	}
 	#T(e, t) {
 		let n = this.#m?.rasterRuns.get(e);
 		if (n) {
-			J(n.bounds, t), n.viewNodes.add(this.currentNode);
+			Y(n.bounds, t), n.viewNodes.add(this.currentNode);
 			return;
 		}
 		let r = this.#_;
-		if (r) J(r.bounds, t);
+		if (r) Y(r.bounds, t);
 		else {
 			let e = document.createComment("raster-run");
 			this.currentNode.appendChild(e), r = {
@@ -806,11 +867,11 @@ var q = 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 = F("g", {
+		let t = Me(e.viewNodes), n = e.targets.map((e) => e.mark.getType()), r = I("g", {
 			id: `rasterized-${n.join("-")}-${this.#w++}`,
 			"data-name": `Rasterized ${n.join(", ")}`,
 			"data-rasterized": ""
-		}), i = F("image", { preserveAspectRatio: "none" });
+		}), i = I("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();
@@ -819,13 +880,13 @@ var q = class extends s {
 	}
 	#O(e, t) {
 		let n = this.#m;
-		if (!n) return F("g", { "data-mark-type": e.getType() });
+		if (!n) return I("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 = 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);
+		} else a = I("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 +896,14 @@ var q = class extends s {
 			e.clipY ? t.y : 0,
 			e.clipX ? t.width : this.width,
 			e.clipY ? t.height : this.height
-		].map(N), r = n.join(","), i = this.#r.get(r);
+		].map(P), r = n.join(","), i = this.#r.get(r);
 		if (!i) {
 			i = "clip-" + this.#y++;
-			let e = F("clipPath", {
+			let e = I("clipPath", {
 				id: i,
 				clipPathUnits: "userSpaceOnUse"
 			});
-			e.appendChild(F("rect", {
+			e.appendChild(I("rect", {
 				x: n[0],
 				y: n[1],
 				width: n[2],
@@ -852,28 +913,28 @@ var q = class extends s {
 		return `url(#${i})`;
 	}
 	getShadowFilterUrl(e) {
-		let t = N(Math.max(e.blur / 2.5, .25)), n = N(e.offsetX), r = N(e.offsetY), i = [
+		let t = P(Math.max(e.blur / 2.5, .25)), n = P(e.offsetX), r = P(e.offsetY), i = [
 			t,
 			n,
 			r
 		].join(","), a = this.#a.get(i);
 		if (!a) {
 			a = "shadow-" + this.#x++;
-			let e = F("filter", {
+			let e = I("filter", {
 				id: a,
 				x: 0,
 				y: 0,
-				width: N(this.width),
-				height: N(this.height),
+				width: P(this.width),
+				height: P(this.height),
 				filterUnits: "userSpaceOnUse",
 				primitiveUnits: "userSpaceOnUse",
 				"color-interpolation-filters": "sRGB"
 			});
-			e.appendChild(F("feGaussianBlur", {
+			e.appendChild(I("feGaussianBlur", {
 				in: "SourceGraphic",
 				stdDeviation: t,
 				result: "blur"
-			})), e.appendChild(F("feOffset", {
+			})), e.appendChild(I("feOffset", {
 				in: "blur",
 				dx: n,
 				dy: r,
@@ -882,16 +943,38 @@ var q = class extends s {
 		}
 		return `url(#${a})`;
 	}
+	getRuleStrokeMaskUrl(e, t, n, r, i = !1) {
+		let a = "rule-stroke-" + this.#y++, o = {
+			x: -n - r,
+			y: -n - r,
+			width: t + 2 * (n + r),
+			height: 2 * (n + r)
+		}, s = I("mask", {
+			id: a,
+			...o,
+			maskUnits: "userSpaceOnUse",
+			maskContentUnits: "userSpaceOnUse",
+			"mask-type": "luminance"
+		});
+		return s.append(I("rect", {
+			...o,
+			fill: i ? "black" : "white"
+		}), I("path", {
+			d: e,
+			fill: i ? "white" : "black",
+			stroke: "none"
+		})), this.#t.appendChild(s), `url(#${a})`;
+	}
 	getShadowClipPathUrl(e) {
 		let t = this.#o.get(e);
 		if (!t) {
 			t = "shadow-clip-" + this.#y++;
-			let n = F("clipPath", {
+			let n = I("clipPath", {
 				id: t,
 				clipPathUnits: "userSpaceOnUse"
 			});
-			n.appendChild(F("path", {
-				d: `M 0 0 V ${N(this.height)} H ${N(this.width)} V 0 Z ${e}`,
+			n.appendChild(I("path", {
+				d: `M 0 0 V ${P(this.height)} H ${P(this.width)} V 0 Z ${e}`,
 				"clip-rule": "evenodd",
 				"fill-rule": "evenodd"
 			})), this.#t.appendChild(n), this.#o.set(e, t);
@@ -902,30 +985,30 @@ var q = class extends s {
 		let t = JSON.stringify([
 			e.type,
 			e.fill,
-			M(e.fillOpacity),
+			N(e.fillOpacity),
 			e.stroke,
-			M(e.strokeOpacity),
-			M(e.strokeWidth)
+			N(e.strokeOpacity),
+			N(e.strokeWidth)
 		]), n = this.#s.get(t);
 		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 = F("linearGradient", {
+		let t = "legend-gradient-" + this.#C++, n = I("linearGradient", {
 			id: t,
 			gradientUnits: "userSpaceOnUse",
-			x1: N(e.x1),
-			y1: N(e.y1),
-			x2: N(e.x2),
-			y2: N(e.y2)
+			x1: P(e.x1),
+			y1: P(e.y1),
+			x2: P(e.x2),
+			y2: P(e.y2)
 		});
-		for (let t of e.stops) n.appendChild(F("stop", {
-			offset: M(t.offset),
+		for (let t of e.stops) n.appendChild(I("stop", {
+			offset: N(t.offset),
 			"stop-color": t.color
 		}));
 		return this.#t.appendChild(n), `url(#${t})`;
 	}
 	getLinkArcFadeMaskUrl(e) {
-		let t = x(e.p1, e.p4, e.distances);
+		let t = ce(e.p1, e.p4, e.distances);
 		if (!t) return;
 		let n = this.#c.get(t.key);
 		if (!n) {
@@ -938,37 +1021,37 @@ var q = class extends s {
 	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);
-		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 = N(this.width), n = N(this.height), a = F("mask", {
-				id: i,
+		let n = i(this.#n);
+		if (!n) throw Error("No current view in SVG rendering context.");
+		let r = this.#i.get(n.view);
+		if (!r) {
+			r = "edge-fade-" + this.#b++;
+			let e = P(this.width), i = P(this.height), a = I("mask", {
+				id: r,
 				x: 0,
 				y: 0,
 				width: e,
-				height: n,
+				height: i,
 				maskUnits: "userSpaceOnUse",
 				maskContentUnits: "userSpaceOnUse",
 				"mask-type": "luminance"
 			});
-			a.appendChild(F("rect", {
+			a.appendChild(I("rect", {
 				width: e,
-				height: n,
+				height: i,
 				fill: "white"
 			}));
 			for (let [o, s] of t) {
-				let t = i + "-" + o, c = Fe(t, o, s, r.coords);
-				this.#t.appendChild(c), a.appendChild(F("rect", {
+				let t = r + "-" + o, c = Fe(t, o, s, n.coords);
+				this.#t.appendChild(c), a.appendChild(I("rect", {
 					width: e,
-					height: n,
+					height: i,
 					fill: `url(#${t})`
 				}));
 			}
-			this.#t.appendChild(a), this.#i.set(r.view, i);
+			this.#t.appendChild(a), this.#i.set(n.view, r);
 		}
-		return `url(#${i})`;
+		return `url(#${r})`;
 	}
 	getSvg() {
 		return this.#e;
@@ -977,10 +1060,10 @@ var q = class extends s {
 		return Array.from(this.#l);
 	}
 	get currentNode() {
-		return n(this.#n)?.node ?? this.#e;
+		return i(this.#n)?.node ?? this.#e;
 	}
 	get currentCoords() {
-		let e = n(this.#n);
+		let e = i(this.#n);
 		if (!e) throw Error("No current view in SVG rendering context.");
 		return e.coords;
 	}
@@ -989,7 +1072,7 @@ 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) {
+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 Me(e) {
@@ -1010,19 +1093,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 = F("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 = I("linearGradient", {
 		id: e,
 		gradientUnits: "userSpaceOnUse",
-		x1: N(a ? i : 0),
-		y1: N(a ? 0 : i),
-		x2: N(a ? o : 0),
-		y2: N(a ? 0 : o)
+		x1: P(a ? i : 0),
+		y1: P(a ? 0 : i),
+		x2: P(a ? o : 0),
+		y2: P(a ? 0 : o)
 	});
-	return s.appendChild(F("stop", {
+	return s.appendChild(I("stop", {
 		offset: 0,
 		"stop-color": "black",
 		"stop-opacity": 1
-	})), s.appendChild(F("stop", {
+	})), s.appendChild(I("stop", {
 		offset: 1,
 		"stop-color": "black",
 		"stop-opacity": 0
@@ -1030,26 +1113,26 @@ 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 q({ picking: !1 }, {
+function X({ viewRoot: e, logicalWidth: t, logicalHeight: n, background: r = "white", textMetrics: i = e.context.textMetrics }) {
+	let a = new J({ picking: !1 }, {
 		width: t,
 		height: n,
 		background: r,
 		textMetrics: i
 	});
-	return c(e, o.create(0, 0, t, n), { renderingOptions: { firstFacet: !0 } }).collectRenderCommands(a), {
+	return s(e, o.create(0, 0, t, n), { renderingOptions: { firstFacet: !0 } }).collectRenderCommands(a), {
 		svg: a.getSvg(),
 		warnings: a.getWarnings()
 	};
 }
 async function Ie({ viewRoot: e, logicalWidth: t, logicalHeight: n }) {
-	let r = new q({ picking: !1 }, {
+	let r = new J({ picking: !1 }, {
 		width: t,
 		height: n,
 		background: null,
-		textMetrics: await Z(e)
+		textMetrics: await Q(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]) => ({
+	return r.beginInstanceCounting(), s(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(),
@@ -1058,32 +1141,32 @@ async function Ie({ viewRoot: e, logicalWidth: t, logicalHeight: n }) {
 	})).filter((e) => e.instanceCount > 0) };
 }
 async function Le(e) {
-	let t = await Z(e.viewRoot), n = {
+	let t = await Q(e.viewRoot), n = {
 		...e,
 		textMetrics: t
 	}, r = e.rasterization;
-	return r ? ($(r), e.rasterizeSvgRuns ? X({
+	return r ? ($(r), e.rasterizeSvgRuns ? Z({
 		...n,
 		rasterizeSvgRuns: e.rasterizeSvgRuns,
 		maxVectorInstances: r.maxVectorInstances,
 		pixelRatio: r.pixelRatio
-	}) : Q(n)) : {
-		...Y(n),
+	}) : Re(n)) : {
+		...X(n),
 		rasterized: []
 	};
 }
-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,
+async function Z({ viewRoot: e, rasterizeSvgRuns: t, logicalWidth: n, logicalHeight: r, background: i = "white", maxVectorInstances: c, pixelRatio: l = 2, textMetrics: u }) {
+	u ??= await Q(e), $({
+		maxVectorInstances: c,
 		pixelRatio: l
 	});
-	let d = new q({ picking: !1 }, {
+	let d = new J({ picking: !1 }, {
 		width: n,
 		height: r,
 		background: i,
-		maxVectorInstances: s,
+		maxVectorInstances: c,
 		textMetrics: u
-	}), f = o.create(0, 0, n, r), p = c(e, f, { renderingOptions: { firstFacet: !0 } });
+	}), f = o.create(0, 0, n, r), p = s(e, f, { renderingOptions: { firstFacet: !0 } });
 	d.beginInstanceCounting(), p.collectRenderCommands(d), d.endInstanceCounting(), p.collectRenderCommands(d);
 	let m = d.getRasterRuns();
 	if (m.length) try {
@@ -1097,7 +1180,7 @@ async function X({ viewRoot: e, rasterizeSvgRuns: t, logicalWidth: n, logicalHei
 			pixelRatio: l
 		});
 	} catch (t) {
-		if (t instanceof a) return Q({
+		if (t instanceof a) return Re({
 			viewRoot: e,
 			logicalWidth: n,
 			logicalHeight: r,
@@ -1115,18 +1198,18 @@ async function X({ viewRoot: e, rasterizeSvgRuns: t, logicalWidth: n, logicalHei
 				instanceCount: e.instanceCount
 			})),
 			reason: "instance-threshold",
-			maxVectorInstances: s,
+			maxVectorInstances: c,
 			pixelRatio: l
 		}))
 	};
 }
-async function Z(e) {
+async function Q(e) {
 	if (!document.fonts) return e.context.textMetrics;
-	let t = te(document);
+	let t = ee(document);
 	return await re(t, e), t;
 }
-function Q(e) {
-	let t = Y(e);
+function Re(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."],
@@ -1138,4 +1221,4 @@ function $(e) {
 	if (e.pixelRatio != null && (!Number.isFinite(e.pixelRatio) || e.pixelRatio <= 0)) throw RangeError("SVG raster pixelRatio must be positive.");
 }
 //#endregion
-export { Ie as analyzeSvgExport, X as createRasterizedSvg, Y as createSvg, Le as createSvgExport };
+export { Ie as analyzeSvgExport, Z as createRasterizedSvg, X as createSvg, Le as createSvgExport };