@genome-spy/app 1.1.1 → 1.2.0

package/dist/{renderCanvas2D-Bdv-B4wj.js → renderCanvas2D-Bfm1NHFu.js}

@@ -1,14 +1,14 @@
-import { Gt as e, a as t, o as n, s as r, u as i } from "./clipOptions-Cba4I0AO.js";
+import { Pt as e, a as t, in as n, o as r, s as i } from "./clipOptions-DElJ8dTZ.js";
 import { t as a } from "./warning-CpIIpk8e.js";
-import { n as o } from "./layoutResult-D50MSHXR.js";
-import { n as s } from "./performanceProfiler-CPLEjApa.js";
-import { A as c, E as l, F as u, I as d, M as f, N as p, S as m, _ as h, a as g, b as _, c as v, d as y, f as b, g as x, h as S, i as C, j as w, k as T, l as ee, m as E, p as D, s as O, t as k, u as A, v as j, w as M, x as N, y as P } from "./order-B4uR9Q04.js";
+import { n as o } from "./performanceProfiler-CPLEjApa.js";
+import { n as s } from "./layoutResult-D50MSHXR.js";
+import { A as c, C as l, D as u, I as d, L as f, M as p, N as m, O as h, P as g, S as _, T as v, _ as y, a as b, b as ee, c as x, d as S, g as C, h as w, i as T, j as E, l as D, m as O, p as k, s as A, t as j, u as M, v as N, x as P, y as F } from "./order-DmMoZsi1.js";
 //#region ../core/src/rendering/canvas2d/renderers/arrow.js
-function F(e, t) {
-	let n = e, r = t.context, i = n.encoders, a = m(n);
+function I(e, t) {
+	let n = e, r = t.context, i = n.encoders, a = l(n);
 	r.lineJoin = "miter";
-	let o, s;
-	return M(n, a, t, (e) => {
+	let o = h(i.fill, t), s = h(i.stroke, t), c, d;
+	return v(n, a, t, (e) => {
 		e.headShapeFallback && t.warn(`Canvas2D rendered unsupported arrow headShape "${a.headShape}" as a triangle.`), r.beginPath();
 		for (let t of e.boundaryLoops) {
 			let e = t[0];
@@ -16,78 +16,83 @@ function F(e, t) {
 			for (let e = 1; e < t.length; e++) r.lineTo(t[e].x, t[e].y);
 			r.closePath();
 		}
-		let n = c(i.fill(e.datum)), u = l(i.fillOpacity, e.datum) * t.viewOpacity;
-		n != "none" && u > 0 && (o != n && (r.fillStyle = n, o = n), r.globalAlpha = u, r.fill());
-		let d = c(i.stroke(e.datum)), f = l(i.strokeOpacity, e.datum) * t.viewOpacity;
-		d != "none" && f > 0 && e.strokeWidth > 0 && (s != d && (r.strokeStyle = d, s = d), r.globalAlpha = f, r.lineWidth = e.strokeWidth, r.stroke());
-	});
+		let n = o ?? E(i.fill(e.datum)), l = u(i.fillOpacity, e.datum) * t.viewOpacity;
+		n != "none" && l > 0 && (c != n && (r.fillStyle = n, c = n), r.globalAlpha = l, r.fill());
+		let f = s ?? E(i.stroke(e.datum)), p = u(i.strokeOpacity, e.datum) * t.viewOpacity;
+		f != "none" && p > 0 && e.strokeWidth > 0 && (d != f && (r.strokeStyle = f, d = f), r.globalAlpha = p, r.lineWidth = e.strokeWidth, r.stroke());
+	}, s);
 }
 //#endregion
 //#region ../core/src/rendering/canvas2d/renderers/link.js
-function I(t, n) {
-	let r = t, i = n.context, a = 1 / n.devicePixelRatio, o = r.encoders, s = h(r), u = N(r, s.shape, n.secondOrderPass);
-	i.lineCap = "butt";
-	let d;
-	return j(r, s, n, (t) => {
-		let r = c(o.color(t.datum)), s = l(o.opacity, t.datum) * n.viewOpacity;
+function L(t, n) {
+	let r = t, i = n.context, a = 1 / n.devicePixelRatio, o = r.encoders, s = N(r), c = _(r, s.shape, n.secondOrderPass);
+	i.lineCap = "butt", i.lineJoin = "miter", i.miterLimit = 2;
+	let l = h(o.color, n), d;
+	return F(r, s, n, (t) => {
+		let r = l ?? E(o.color(t.datum)), s = u(o.opacity, t.datum) * n.viewOpacity;
 		if (r == "none" || s <= 0 || t.strokeWidth <= 0) return;
-		let f = u && _(t.points[0], t.points[3], u);
+		let f = c && t.geometry.type == "cubic" && P(t.geometry.points[0], t.geometry.points[3], c);
 		if (f) {
 			let { normalX: t, normalY: n, offset: a, start: o, end: s } = f, c = i.createLinearGradient(t * (a - s), n * (a - s), t * (a + s), n * (a + s)), l = e(r), u = l.opacity;
-			for (let e of P(o, s)) l.opacity = u * e.opacity, c.addColorStop(e.offset, l.formatRgb());
+			for (let e of ee(o, s)) l.opacity = u * e.opacity, c.addColorStop(e.offset, l.formatRgb());
 			i.strokeStyle = c, d = void 0;
 		} else d != r && (i.strokeStyle = r, d = r);
 		i.globalAlpha = s * Math.min(t.strokeWidth / a, 1), i.lineWidth = Math.max(t.strokeWidth, a);
-		let [p, m, h, g] = t.points;
-		i.beginPath(), i.moveTo(p[0], p[1]), i.bezierCurveTo(m[0], m[1], h[0], h[1], g[0], g[1]), i.stroke();
+		let { geometry: p } = t, m = p.points[0];
+		if (i.beginPath(), i.moveTo(m[0], m[1]), p.type == "orthogonal") for (let e of p.points.slice(1)) i.lineTo(e[0], e[1]);
+		else {
+			let [, e, t, n] = p.points;
+			i.bezierCurveTo(e[0], e[1], t[0], t[1], n[0], n[1]);
+		}
+		i.stroke();
 	});
 }
 //#endregion
 //#region ../core/src/rendering/canvas2d/renderers/point.js
-function L(e, t) {
+function R(e, t) {
 	let n = e;
-	T(n, n.properties.fillGradientStrength) && t.warn("Canvas2D ignored unsupported point property fillGradientStrength."), n.properties.geometricZoomBound && t.warn("Canvas2D ignored unsupported point property geometricZoomBound.");
-	let r = S(n), i = t.context, a = n.encoders, o, s;
-	return x(n, r, t, (e) => {
-		let n = e.datum, r = e.lineShape, u = c(a.fill(n)), d = l(a.fillOpacity, n) * t.viewOpacity, f = c(a.stroke(n)), p = l(a.strokeOpacity, n) * t.viewOpacity;
-		r && (f == "none" || p <= 0) && (f = u, p = d), i.beginPath();
-		let m = e.angle != 0 && e.shape != "circle";
-		m && (i.save(), i.translate(e.x, e.y), i.rotate(e.angle * Math.PI / 180));
-		let h = m ? 0 : e.x, g = m ? 0 : e.y, _ = !0;
-		if (e.shape == "circle") i.arc(h, g, e.geometryRadius, 0, Math.PI * 2);
+	c(n, n.properties.fillGradientStrength) && t.warn("Canvas2D ignored unsupported point property fillGradientStrength."), n.properties.geometricZoomBound && t.warn("Canvas2D ignored unsupported point property geometricZoomBound.");
+	let r = C(n), i = t.context, a = n.encoders, o = h(a.fill, t), s = h(a.stroke, t), l, d;
+	return y(n, r, t, (e) => {
+		let n = e.datum, r = e.lineShape, c = o ?? E(a.fill(n)), f = u(a.fillOpacity, n) * t.viewOpacity, p = s ?? E(a.stroke(n)), m = u(a.strokeOpacity, n) * t.viewOpacity;
+		r && (p == "none" || m <= 0) && (p = c, m = f), i.beginPath();
+		let h = e.angle != 0 && e.shape != "circle";
+		h && (i.save(), i.translate(e.x, e.y), i.rotate(e.angle * Math.PI / 180));
+		let g = h ? 0 : e.x, _ = h ? 0 : e.y, v = !0;
+		if (e.shape == "circle") i.arc(g, _, e.geometryRadius, 0, Math.PI * 2);
 		else if (e.shape == "square") {
 			let t = e.geometryRadius * 2;
-			i.rect(h - e.geometryRadius, g - e.geometryRadius, t, t);
-		} else _ = E(e.shape, h, g, e.geometryRadius, i);
-		m && i.restore(), _ || (t.warn(`Canvas2D rendered unsupported point shape "${e.shape}" as a circle.`), i.arc(e.x, e.y, e.geometryRadius, 0, Math.PI * 2)), !r && u != "none" && d > 0 && (o != u && (i.fillStyle = u, o = u), R(i, d), i.fill()), f != "none" && p > 0 && e.strokeWidth > 0 && (r && i.lineCap != "butt" && (i.lineCap = "butt"), s != f && (i.strokeStyle = f, s = f), R(i, p), z(i, e.strokeWidth), i.stroke());
+			i.rect(g - e.geometryRadius, _ - e.geometryRadius, t, t);
+		} else v = w(e.shape, g, _, e.geometryRadius, i);
+		h && i.restore(), v || (t.warn(`Canvas2D rendered unsupported point shape "${e.shape}" as a circle.`), i.arc(e.x, e.y, e.geometryRadius, 0, Math.PI * 2)), !r && c != "none" && f > 0 && (l != c && (i.fillStyle = c, l = c), z(i, f), i.fill()), p != "none" && m > 0 && e.strokeWidth > 0 && (r && i.lineCap != "butt" && (i.lineCap = "butt"), d != p && (i.strokeStyle = p, d = p), z(i, m), B(i, e.strokeWidth), i.stroke());
 	});
 }
-function R(e, t) {
+function z(e, t) {
 	e.globalAlpha != t && (e.globalAlpha = t);
 }
-function z(e, t) {
+function B(e, t) {
 	e.lineWidth != t && (e.lineWidth = t);
 }
 //#endregion
 //#region ../core/src/rendering/canvas2d/renderers/rect.js
-function B(e, t) {
-	let n = e, r = b(n);
+function V(e, t) {
+	let n = e, r = k(n);
 	r.hatch != "none" && t.warn("Canvas2D ignored unsupported rect hatch.");
 	let i = t.start ?? 0;
 	if (i === (t.end ?? t.data.length)) return 0;
-	let a = t.context, o = n.encoders, s, u, d = [
+	let a = t.context, o = n.encoders, s, c, l = [
 		0,
 		0,
 		0,
 		0
-	], f = o.stroke.constant, p = o.strokeOpacity.constant, m = f ? c(o.stroke(t.data[i])) : "none", h = f && m == "none", g = !h && p ? l(o.strokeOpacity, t.data[i]) : 0;
-	return D(n, r, t, (e) => {
-		r.shadow.opacity > 0 && V(e, r.shadow, t, d);
-		let n = e.opacityFactor, i = e.fill != "none" && e.fillOpacity > 0, _ = f ? m : c(o.stroke(e.datum)), v = (p ? g : l(o.strokeOpacity, e.datum)) * t.viewOpacity * n, y = !h && _ != "none" && v > 0 && e.strokeWidth > 0, b = r.hasCornerRadii && (e.radii.topLeft != 0 || e.radii.topRight != 0 || e.radii.bottomRight != 0 || e.radii.bottomLeft != 0);
-		b && (i || y) && (d[0] = e.radii.topLeft, d[1] = e.radii.topRight, d[2] = e.radii.bottomRight, d[3] = e.radii.bottomLeft, a.beginPath(), a.roundRect(e.x, e.y, e.width, e.height, d)), i && (s != e.fill && (a.fillStyle = e.fill, s = e.fill), H(a, e.fillOpacity * n), b ? a.fill() : a.fillRect(e.x, e.y, e.width, e.height)), y && (u != _ && (a.strokeStyle = _, u = _), H(a, v), U(a, e.strokeWidth), b ? a.stroke() : a.strokeRect(e.x, e.y, e.width, e.height));
+	], d = o.strokeOpacity.constant, f = h(o.stroke, t), p = f == "none", m = !p && d ? u(o.strokeOpacity, t.data[i]) : 0;
+	return O(n, r, t, (e) => {
+		r.shadow.opacity > 0 && H(e, r.shadow, t, l);
+		let n = e.opacityFactor, i = e.fill != "none" && e.fillOpacity > 0, h = f ?? E(o.stroke(e.datum)), g = (d ? m : u(o.strokeOpacity, e.datum)) * t.viewOpacity * n, _ = !p && h != "none" && g > 0 && e.strokeWidth > 0, v = r.hasCornerRadii && (e.radii.topLeft != 0 || e.radii.topRight != 0 || e.radii.bottomRight != 0 || e.radii.bottomLeft != 0);
+		v && (i || _) && (l[0] = e.radii.topLeft, l[1] = e.radii.topRight, l[2] = e.radii.bottomRight, l[3] = e.radii.bottomLeft, a.beginPath(), a.roundRect(e.x, e.y, e.width, e.height, l)), i && (s != e.fill && (a.fillStyle = e.fill, s = e.fill), U(a, e.fillOpacity * n), v ? a.fill() : a.fillRect(e.x, e.y, e.width, e.height)), _ && (c != h && (a.strokeStyle = h, c = h), U(a, g), W(a, e.strokeWidth), v ? a.stroke() : a.strokeRect(e.x, e.y, e.width, e.height));
 	});
 }
-function V(e, t, n, r) {
+function H(e, t, n, r) {
 	let { context: i, devicePixelRatio: a, visibleBounds: o } = n, s = e.strokeWidth / 2, c = e.x - s, l = e.y - s, u = e.width + s * 2, d = e.height + s * 2;
 	r[0] = e.radii.topLeft + s, r[1] = e.radii.topRight + s, r[2] = e.radii.bottomRight + s, r[3] = e.radii.bottomLeft + s, i.save();
 	try {
@@ -96,71 +101,71 @@ function V(e, t, n, r) {
 		i.restore();
 	}
 }
-function H(e, t) {
+function U(e, t) {
 	e.globalAlpha != t && (e.globalAlpha = t);
 }
-function U(e, t) {
+function W(e, t) {
 	e.lineWidth != t && (e.lineWidth = t);
 }
 //#endregion
 //#region ../core/src/rendering/canvas2d/renderers/rule.js
-function W(e, t) {
+function G(e, t) {
 	let n = e, r = t.context, i = n.encoders;
-	r.lineCap = T(n, n.properties.strokeCap), r.setLineDash(T(n, n.properties.strokeDash) ?? []), r.lineDashOffset = T(n, n.properties.strokeDashOffset);
-	let a;
-	return y(n, A(n), t, (e) => {
-		let n = c(i.color(e.datum)), o = l(i.opacity, e.datum) * t.viewOpacity;
-		n == "none" || o <= 0 || e.strokeWidth <= 0 || (a != n && (r.strokeStyle = n, a = n), r.globalAlpha = o, r.lineWidth = e.strokeWidth, r.beginPath(), r.moveTo(e.x1, e.y1), r.lineTo(e.x2, e.y2), r.stroke());
+	r.lineCap = c(n, n.properties.strokeCap), r.setLineDash(c(n, n.properties.strokeDash) ?? []), r.lineDashOffset = c(n, n.properties.strokeDashOffset);
+	let a = h(i.color, t), o;
+	return S(n, M(n), t, (e) => {
+		let n = a ?? E(i.color(e.datum)), s = u(i.opacity, e.datum) * t.viewOpacity;
+		n == "none" || s <= 0 || e.strokeWidth <= 0 || (o != n && (r.strokeStyle = n, o = n), r.globalAlpha = s, r.lineWidth = e.strokeWidth, r.beginPath(), r.moveTo(e.x1, e.y1), r.lineTo(e.x2, e.y2), r.stroke());
 	});
 }
 //#endregion
 //#region ../core/src/rendering/canvas2d/renderers/text.js
-function G(e, t) {
-	let n = e, r = n.properties, i = t.textMetrics ?? n.unitView.context.textMetrics, a = i.requestFont(r), o = C(i, r), s = v(n), u = t.context, d = n.encoders, f = g(r.font), p = `${r.fontStyle ?? "normal"} ${O(r.fontWeight ?? "normal")} `, m = s.baseline == "baseline" ? "alphabetic" : s.baseline;
+function K(e, t) {
+	let n = e, r = n.properties, i = t.textMetrics ?? n.unitView.context.textMetrics, a = i.requestFont(r), o = T(i, r), s = x(n), l = t.context, d = n.encoders, f = b(r.font), p = `${r.fontStyle ?? "normal"} ${A(r.fontWeight ?? "normal")} `, m = s.baseline == "baseline" ? "alphabetic" : s.baseline;
 	[
 		r.viewportEdgeFadeWidthTop,
 		r.viewportEdgeFadeWidthRight,
 		r.viewportEdgeFadeWidthBottom,
 		r.viewportEdgeFadeWidthLeft
-	].some((e) => T(n, e) > 0) && t.warn("Canvas2D ignored unsupported text viewport edge fading.");
-	let h, _;
-	return s.logoLetters || (u.textAlign = s.align, u.textBaseline = m), ee(n, s, {
+	].some((e) => c(n, e) > 0) && t.warn("Canvas2D ignored unsupported text viewport edge fading.");
+	let g = h(d.color, t), _, v;
+	return s.logoLetters || (l.textAlign = s.align, l.textBaseline = m), D(n, s, {
 		...t,
 		fontMeasurement: a,
 		measureLogoInkBounds: o
 	}, (e) => {
 		e.multiCharacterLogo && t.warn("Canvas2D stretches multi-character logo text as a single glyph cell.");
-		let n = c(d.color(e.datum)), r = l(d.opacity, e.datum) * t.viewOpacity * e.fadeOpacity;
-		n == "none" || r <= 0 || (h != n && (u.fillStyle = n, h = n), u.globalAlpha = r, _ != e.size && (u.font = `${p}${e.size}px ${f}`, _ = e.size), e.logoTransform ? (u.save(), u.translate(e.x, e.y), u.rotate(e.angle * Math.PI / 180), u.translate(e.dx, e.dy), u.scale(e.logoTransform.scaleX, e.logoTransform.scaleY), u.translate(-e.logoTransform.originX, -e.logoTransform.originY), u.textAlign = "left", u.textBaseline = "alphabetic", u.fillText(e.text, 0, 0), u.restore()) : e.angle || e.scale != 1 ? (u.save(), u.translate(e.x, e.y), u.rotate(e.angle * Math.PI / 180), u.translate(e.dx, e.dy), u.scale(e.scale, e.scale), u.fillText(e.text, 0, 0), u.restore()) : u.fillText(e.text, e.x + e.dx, e.y + e.dy));
+		let n = g ?? E(d.color(e.datum)), r = u(d.opacity, e.datum) * t.viewOpacity * e.fadeOpacity;
+		n == "none" || r <= 0 || (_ != n && (l.fillStyle = n, _ = n), l.globalAlpha = r, v != e.size && (l.font = `${p}${e.size}px ${f}`, v = e.size), e.logoTransform ? (l.save(), l.translate(e.x, e.y), l.rotate(e.angle * Math.PI / 180), l.translate(e.dx, e.dy), l.scale(e.logoTransform.scaleX, e.logoTransform.scaleY), l.translate(-e.logoTransform.originX, -e.logoTransform.originY), l.textAlign = "left", l.textBaseline = "alphabetic", l.fillText(e.text, 0, 0), l.restore()) : e.angle || e.scale != 1 ? (l.save(), l.translate(e.x, e.y), l.rotate(e.angle * Math.PI / 180), l.translate(e.dx, e.dy), l.scale(e.scale, e.scale), l.fillText(e.text, 0, 0), l.restore()) : l.fillText(e.text, e.x + e.dx, e.y + e.dy));
 	});
 }
 //#endregion
 //#region ../core/src/rendering/canvas2d/renderers/index.js
-function K(e, t) {
-	return e.getType() == "arrow" ? F(e, t) : e.getType() == "link" ? I(e, t) : e.getType() == "rect" ? B(e, t) : e.getType() == "point" ? L(e, t) : e.getType() == "rule" || e.getType() == "tick" ? W(e, t) : e.getType() == "text" ? G(e, t) : (t.warn(`Canvas2D rendering is not implemented for mark type "${e.getType()}".`), 0);
+function q(e, t) {
+	return (t.start ?? 0) === (t.end ?? t.data.length) ? 0 : e.getType() == "arrow" ? I(e, t) : e.getType() == "link" ? L(e, t) : e.getType() == "rect" ? V(e, t) : e.getType() == "point" ? R(e, t) : e.getType() == "rule" || e.getType() == "tick" ? G(e, t) : e.getType() == "text" ? K(e, t) : (t.warn(`Canvas2D rendering is not implemented for mark type "${e.getType()}".`), 0);
 }
 //#endregion
 //#region ../core/src/rendering/sampleFacet.js
-function q(e) {
+function J(e) {
 	let t = e.pixelToUnit, n = e.locSize.location * t, r = e.locSize.size * t;
 	return !(n > 1 || n + r < 0);
 }
 //#endregion
 //#region ../core/src/rendering/canvas2d/canvas2DViewRenderingContext.js
-var J = 8, Y = 16777216, X = class extends o {
+var Y = 8, X = 16777216, Z = class extends s {
 	#e = [];
 	#t = /* @__PURE__ */ new WeakSet();
 	#n = /* @__PURE__ */ new WeakMap();
 	#r;
 	#i;
-	#a = new u();
+	#a = new d();
 	#o;
 	#s = [0, 0];
 	#c;
 	#l;
 	#u = [];
 	constructor(e, t) {
-		if (super(e), this.context = t.context, this.width = t.width, this.height = t.height, this.devicePixelRatio = t.devicePixelRatio, this.paint = t.paint, this.textMetrics = t.textMetrics, this.#r = t.markPredicate ?? (() => !0), this.#i = s(), this.#o = t.xIndexManager, this.#l = t.opacityLayers ?? [], this.#c = {
+		if (super(e), this.context = t.context, this.width = t.width, this.height = t.height, this.devicePixelRatio = t.devicePixelRatio, this.paint = t.paint, this.textMetrics = t.textMetrics, this.#r = t.markPredicate ?? (() => !0), this.#i = o(), this.#o = t.xIndexManager, this.#l = t.opacityLayers ?? [], this.#c = {
 			x: 0,
 			y: 0,
 			width: this.context.canvas.width,
@@ -177,7 +182,7 @@ var J = 8, Y = 16777216, X = class extends o {
 		this.paint && !this.#t.has(e) && (e.onBeforeRender(), this.#t.add(e));
 		let r = e.getOpacity();
 		if (this.paint && r > 0 && r !== 1) {
-			let r = t(e), i = Z(n, this.devicePixelRatio, this.#c, r), a = Q(this.#l, this.#u.length, i.width, i.height);
+			let r = t(e), i = Q(n, this.devicePixelRatio, this.#c, r), a = te(this.#l, this.#u.length, i.width, i.height);
 			a.setTransform(this.devicePixelRatio, 0, 0, this.devicePixelRatio, -i.x, -i.y), this.#u.push({
 				context: this.context,
 				bounds: this.#c
@@ -206,28 +211,28 @@ var J = 8, Y = 16777216, X = class extends o {
 	}
 	renderMark(e, t) {
 		if (!this.paint || !this.#r(e)) return;
-		let i = this.#n.get(e.unitView);
-		if (i === void 0 && (i = e.unitView.getEffectiveOpacity(), this.#n.set(e.unitView, i)), i <= 0) return;
+		let n = this.#n.get(e.unitView);
+		if (n === void 0 && (n = e.unitView.getEffectiveOpacity(), this.#n.set(e.unitView, n)), n <= 0) return;
 		e.initializeRenderingRevisions(Object.keys(e.properties));
 		let o = t.sampleFacetRenderingOptions;
-		if (o && !e.encoders.facetIndex && (this.#i?.addCount("canvasSampleFacetOccurrences"), !q(o))) {
+		if (o && !e.encoders.facetIndex && (this.#i?.addCount("canvasSampleFacetOccurrences"), !J(o))) {
 			this.#i?.addCount("canvasCulledSampleFacetOccurrences");
 			return;
 		}
-		let s = this.currentCoords, c = n(t), l = r(c, e.properties.clip, s), u = f(this.width, this.height, l);
-		if (!p(u)) return;
-		let m = w(s, c, e.properties.cullByVisibleRange), h = this.#o?.prepare(e) ?? !1, g = this.context;
-		if (g.save(), l) {
+		let s = this.currentCoords, c = r(t), l = i(c, e.properties.clip, s), u = m(this.width, this.height, l);
+		if (!g(u)) return;
+		let d = p(s, c, e.properties.cullByVisibleRange), h = this.#o?.prepare(e) ?? !1, _ = this.context;
+		if (_.save(), l) {
 			let e = l.rect.flatten(), t = l.clipX ? e.x : 0, n = l.clipY ? e.y : 0, r = l.clipX ? e.width : this.width, i = l.clipY ? e.height : this.height;
-			g.beginPath(), g.rect(t, n, r, i), g.clip();
+			_.beginPath(), _.rect(t, n, r, i), _.clip();
 		}
 		try {
 			let n = e.getOrder?.(), r = n && n.isActive();
-			d(e, t, s, this.#a, (t, i) => {
+			f(e, t, s, this.#a, (t, i) => {
 				let o = 0, s = i.length;
 				h && this.#o.query(i, this.#s) && (o = this.#s[0], s = this.#s[1]);
-				let c = (n, r, i, o = !1) => K(e, {
-					context: g,
+				let c = (n, r, i, o = !1) => q(e, {
+					context: _,
 					devicePixelRatio: this.devicePixelRatio,
 					coords: t,
 					data: n,
@@ -235,27 +240,27 @@ var J = 8, Y = 16777216, X = class extends o {
 					start: r,
 					end: i,
 					visibleBounds: u,
-					anchorCullBounds: m,
+					anchorCullBounds: d,
 					viewOpacity: 1,
 					textMetrics: this.textMetrics,
 					warn: (t) => a(`${t} View: ${e.unitView.getPathString()}`)
 				});
 				if (!r) return c(i, o, s);
-				let l = 0, d = k(i, o, s, n.predicate, n.passes);
-				for (let [e, t] of d.entries()) t.length > 0 && (l += c(t, 0, t.length, e === 1));
+				let l = 0, f = j(i, o, s, n.predicate, n.passes);
+				for (let [e, t] of f.entries()) t.length > 0 && (l += c(t, 0, t.length, e === 1));
 				return l;
 			}, (t) => a(`Canvas2D could not resolve sample facet index ${t}. View: ${e.unitView.getPathString()}`));
 		} finally {
-			g.restore();
+			_.restore();
 		}
 	}
 	get currentCoords() {
-		let e = i(this.#e);
+		let e = n(this.#e);
 		if (!e) throw Error("No current view in Canvas2D rendering context.");
 		return e.coords;
 	}
 };
-function Z(e, t, n, r) {
+function Q(e, t, n, r) {
 	let i = n.x + n.width, a = n.y + n.height, o = r.clipX ? $(Math.floor(e.x * t), n.x, i) : n.x, s = r.clipY ? $(Math.floor(e.y * t), n.y, a) : n.y, c = r.clipX ? $(Math.ceil((e.x + e.width) * t), o, i) : i, l = r.clipY ? $(Math.ceil((e.y + e.height) * t), s, a) : a;
 	return {
 		x: o,
@@ -264,8 +269,8 @@ function Z(e, t, n, r) {
 		height: l - s
 	};
 }
-function Q(e, t, n, r) {
-	let i = n * r, a = e[t], o = e.reduce((e, n, r) => r === t ? e : e + n.canvas.width * n.canvas.height, 0), s = t < J && o + i <= Y;
+function te(e, t, n, r) {
+	let i = n * r, a = e[t], o = e.reduce((e, n, r) => r === t ? e : e + n.canvas.width * n.canvas.height, 0), s = t < Y && o + i <= X;
 	if (!a || !s) {
 		if (a = document.createElement("canvas").getContext("2d"), !a) throw Error("Unable to create a Canvas2D view group.");
 		s && (e[t] = a);
@@ -277,9 +282,9 @@ function $(e, t, n) {
 }
 //#endregion
 //#region ../core/src/rendering/canvas2d/renderCanvas2D.js
-function te(e) {
-	let t = new X({ picking: !1 }, e);
+function ne(e) {
+	let t = new Z({ picking: !1 }, e);
 	e.layoutResult.collectRenderCommands(t);
 }
 //#endregion
-export { q as n, te as t };
+export { J as n, ne as t };