phoria2 1.2.0 → 1.3.0

package/dist/core.js

@@ -869,13 +869,23 @@ var Ne = class e extends Float32Array {
 	"uvs",
 	"uvs2",
 	"colors",
+	"sizes",
+	"opacities",
+	"angles",
 	"indices"
+], Fe = [
+	"sizes",
+	"opacities",
+	"angles"
 ], U = class e {
 	static OPTIONS = Pe;
 	positions;
 	uvs = null;
 	uvs2 = null;
 	colors = null;
+	sizes = null;
+	opacities = null;
+	angles = null;
 	indices = null;
 	version = 0;
 	drawCount = null;
@@ -885,9 +895,11 @@ var Ne = class e extends Float32Array {
 	#n = null;
 	#r = /* @__PURE__ */ new Set();
 	constructor(e) {
-		A("Geometry", e, Pe), e?.positions || E("Geometry", "'positions' is required - an array of x, y, z per vertex"), this.positions = Fe("positions", e.positions, 3);
+		A("Geometry", e, Pe), e?.positions || E("Geometry", "'positions' is required - an array of x, y, z per vertex"), this.positions = Ie("positions", e.positions, 3);
 		let t = this.vertexCount;
-		if (e.normals && (this.#e = Fe("normals", e.normals, 3, t)), e.uvs && (this.uvs = Fe("uvs", e.uvs, 2, t)), e.uvs2 && (this.uvs2 = Fe("uvs2", e.uvs2, 2, t)), e.colors && (this.colors = Fe("colors", e.colors, 3, t)), e.indices) {
+		e.normals && (this.#e = Ie("normals", e.normals, 3, t)), e.uvs && (this.uvs = Ie("uvs", e.uvs, 2, t)), e.uvs2 && (this.uvs2 = Ie("uvs2", e.uvs2, 2, t)), e.colors && (this.colors = Ie("colors", e.colors, 3, t));
+		for (let n of Fe) e[n] && (this[n] = Ie(n, e[n], 1, t));
+		if (e.indices) {
 			let n = -1;
 			for (let t = 0; t < e.indices.length; t++) {
 				let r = e.indices[t];
@@ -950,6 +962,9 @@ var Ne = class e extends Float32Array {
 			uvs: this.uvs ?? void 0,
 			uvs2: this.uvs2 ?? void 0,
 			colors: this.colors ?? void 0,
+			sizes: this.sizes ?? void 0,
+			opacities: this.opacities ?? void 0,
+			angles: this.angles ?? void 0,
 			indices: this.indices ?? void 0
 		});
 		return t.source = this.source && { ...this.source }, t.drawCount = this.drawCount, t;
@@ -963,7 +978,9 @@ var Ne = class e extends Float32Array {
 	toJSON() {
 		if (this.source) return { ...this.source };
 		let e = { positions: Array.from(this.positions) };
-		return this.#e && (e.normals = Array.from(this.#e)), this.uvs && (e.uvs = Array.from(this.uvs)), this.uvs2 && (e.uvs2 = Array.from(this.uvs2)), this.colors && (e.colors = Array.from(this.colors)), this.indices && (e.indices = Array.from(this.indices)), e;
+		this.#e && (e.normals = Array.from(this.#e)), this.uvs && (e.uvs = Array.from(this.uvs)), this.uvs2 && (e.uvs2 = Array.from(this.uvs2)), this.colors && (e.colors = Array.from(this.colors));
+		for (let t of Fe) this[t] && (e[t] = Array.from(this[t]));
+		return this.indices && (e.indices = Array.from(this.indices)), e;
 	}
 	#a(e) {
 		return this.indices ? this.indices[e] : e;
@@ -975,17 +992,19 @@ var Ne = class e extends Float32Array {
 			for (let i = 0; i < e.length; i++) for (let a = 0; a < n; a++) r[i * n + a] = t[e[i] * n + a];
 			return r;
 		};
-		this.positions = t(this.positions, 3), this.uvs = t(this.uvs, 2), this.uvs2 = t(this.uvs2, 2), this.colors = t(this.colors, 3), this.indices = null, this.source = null;
+		this.positions = t(this.positions, 3), this.uvs = t(this.uvs, 2), this.uvs2 = t(this.uvs2, 2), this.colors = t(this.colors, 3);
+		for (let e of Fe) this[e] = t(this[e], 1);
+		this.indices = null, this.source = null;
 	}
 };
-function Fe(e, t, n, r) {
+function Ie(e, t, n, r) {
 	t && typeof t == "object" && typeof t.length == "number" || E("Geometry", `'${e}' must be an array of numbers, got ${j(t)}`), t.length % n !== 0 && E("Geometry", `'${e}' has ${t.length} numbers - expected ${n} per vertex`), r !== void 0 && t.length !== r * n && E("Geometry", `'${e}' has ${t.length / n} entries but 'positions' has ${r} vertices`);
 	let i = Float32Array.from(t);
 	for (let t = 0; t < i.length; t++) Number.isNaN(i[t]) && E("Geometry", `'${e}' contains a non-number at index ${t}`);
 	return i;
 }
 // src/material/Texture.js
-var Ie = [
+var Le = [
 	"image",
 	"url",
 	"colorSpace",
@@ -999,7 +1018,7 @@ var Ie = [
 	"mipmaps",
 	"anisotropy",
 	"flipY"
-], Le = {
+], Re = {
 	colorSpace: "srgb",
 	wrap: "repeat",
 	repeat: [1, 1],
@@ -1011,7 +1030,7 @@ var Ie = [
 	mipmaps: !0,
 	anisotropy: 8,
 	flipY: !1
-}, Re = {
+}, ze = {
 	src: "use 'url' for the image address",
 	encoding: "use colorSpace: 'srgb' | 'linear'",
 	wrapS: "use wrap: 'repeat' | 'clamp' | 'mirror' (applies to both directions)",
@@ -1019,9 +1038,9 @@ var Ie = [
 	channel: "use 'uvSet' - 0 for the first UV set, 1 for the second",
 	texCoord: "use 'uvSet' - 0 for the first UV set, 1 for the second",
 	scale: "use 'repeat' - [u, v] times across"
-}, W = class {
-	static OPTIONS = Ie;
-	static HINTS = Re;
+}, Be = 256, W = class {
+	static OPTIONS = Le;
+	static HINTS = ze;
 	#e = null;
 	url = null;
 	#t = "srgb";
@@ -1037,27 +1056,28 @@ var Ie = [
 	anisotropy = 8;
 	flipY = !1;
 	version = 0;
+	#r = [];
 	ready;
-	#r = /* @__PURE__ */ new Set();
+	#i = /* @__PURE__ */ new Set();
 	constructor(e = {}) {
-		typeof e == "string" && (e = { url: e }), A("Texture", e, Ie, Re);
+		typeof e == "string" && (e = { url: e }), A("Texture", e, Le, ze);
 		let t = {
-			...Le,
+			...Re,
 			...e
 		};
 		this.#t = P("Texture", "colorSpace", t.colorSpace, ["srgb", "linear"]), this.#n = e.colorSpace !== void 0, this.wrap = P("Texture", "wrap", t.wrap, [
 			"repeat",
 			"clamp",
 			"mirror"
-		]), this.filter = P("Texture", "filter", t.filter, ["linear", "nearest"]), this.repeat = Ue("repeat", t.repeat), this.offset = Ue("offset", t.offset), this.rotation = M("Texture", "rotation", t.rotation), this.center = Ue("center", t.center), t.uvSet !== 0 && t.uvSet !== 1 && E("Texture", `'uvSet' is 0 (the first UV set) or 1 (the second), got ${j(t.uvSet)}`), this.uvSet = t.uvSet, this.mipmaps = e.mipmaps === void 0 ? !(Be(t.image) || !t.image && ze.test(t.url ?? "")) : !!e.mipmaps, this.anisotropy = M("Texture", "anisotropy", t.anisotropy), this.anisotropy >= 1 || E("Texture", `'anisotropy' is how many samples along a glancing angle - 1 (off) or more, got ${this.anisotropy}`), this.flipY = !!t.flipY, this.url = t.url ?? null, t.image ? (this.image = t.image, this.ready = Be(t.image) ? Ve(t.image).then(() => this) : Promise.resolve(this), this.ready.catch(() => {})) : this.url ? (this.ready = this.#a(this.url), this.ready.catch(() => {})) : E("Texture", "needs an 'image' or a 'url'");
+		]), this.filter = P("Texture", "filter", t.filter, ["linear", "nearest"]), this.repeat = Ge("repeat", t.repeat), this.offset = Ge("offset", t.offset), this.rotation = M("Texture", "rotation", t.rotation), this.center = Ge("center", t.center), t.uvSet !== 0 && t.uvSet !== 1 && E("Texture", `'uvSet' is 0 (the first UV set) or 1 (the second), got ${j(t.uvSet)}`), this.uvSet = t.uvSet, this.mipmaps = e.mipmaps === void 0 ? !(He(t.image) || !t.image && Ve.test(t.url ?? "")) : !!e.mipmaps, this.anisotropy = M("Texture", "anisotropy", t.anisotropy), this.anisotropy >= 1 || E("Texture", `'anisotropy' is how many samples along a glancing angle - 1 (off) or more, got ${this.anisotropy}`), this.flipY = !!t.flipY, this.url = t.url ?? null, t.image ? (this.image = t.image, this.ready = He(t.image) ? Ue(t.image).then(() => this) : Promise.resolve(this), this.ready.catch(() => {})) : this.url ? (this.ready = this.#o(this.url), this.ready.catch(() => {})) : E("Texture", "needs an 'image' or a 'url'");
 	}
 	get image() {
 		return this.#e;
 	}
 	set image(e) {
-		this.#e = e, this.needsUpdate(), Be(e) && this.#i(e);
+		this.#e = e, this.needsUpdate(), He(e) && this.#a(e);
 	}
-	#i(e) {
+	#a(e) {
 		if (typeof e.requestVideoFrameCallback == "function") {
 			let t = () => {
 				this.#e === e && (this.needsUpdate(), e.requestVideoFrameCallback(t));
@@ -1083,19 +1103,49 @@ var Ie = [
 	get colorSpaceSet() {
 		return this.#n;
 	}
-	needsUpdate() {
-		return this.version++, this;
+	needsUpdate(e) {
+		let t = null;
+		if (e !== void 0) {
+			let { x: n, y: r, width: i, height: a } = e ?? {};
+			(![
+				n,
+				r,
+				i,
+				a
+			].every((e) => typeof e == "number" && Number.isFinite(e)) || i < 0 || a < 0) && E("Texture", `needsUpdate() takes the region changed, { x, y, width, height } in the image's pixels, got ${j(e)}`);
+			let o = Math.floor(n), s = Math.floor(r);
+			t = {
+				x: o,
+				y: s,
+				width: Math.ceil(n + i) - o,
+				height: Math.ceil(r + a) - s
+			};
+		}
+		return this.version++, this.#r.push({
+			version: this.version,
+			region: t
+		}), this.#r.length > Be && this.#r.shift(), this;
+	}
+	changedSince(e) {
+		let t = this.#r[0];
+		if (!t || t.version > e + 1) return null;
+		let n = [];
+		for (let { version: t, region: r } of this.#r) if (!(t <= e)) {
+			if (!r) return null;
+			n.push(r);
+		}
+		return n.length ? n : null;
 	}
 	dispose() {
-		for (let e of this.#r) e();
+		for (let e of this.#i) e();
 	}
 	onDispose(e) {
-		return this.#r.add(e), () => this.#r.delete(e);
+		return this.#i.add(e), () => this.#i.delete(e);
 	}
 	toJSON() {
 		if (!this.url) return null;
 		let e = { url: this.url };
-		for (let [t, n] of Object.entries(Le)) {
+		for (let [t, n] of Object.entries(Re)) {
 			let r = this[t];
 			JSON.stringify(r) !== JSON.stringify(n) && (e[t] = r);
 		}
@@ -1104,8 +1154,8 @@ var Ie = [
 	get isHDR() {
 		return !!this.image && "data" in this.image && this.image.data instanceof Float32Array;
 	}
-	async #a(e) {
-		if (ze.test(e)) {
+	async #o(e) {
+		if (Ve.test(e)) {
 			if (typeof document > "u") throw Error(`Texture: can't load '${e}' - no video support in this environment`);
 			let t = document.createElement("video");
 			Object.assign(t, {
@@ -1117,7 +1167,7 @@ var Ie = [
 				src: e
 			});
 			try {
-				await Ve(t);
+				await Ue(t);
 			} catch {
 				throw Error(`Texture: failed to load '${e}'`);
 			}
@@ -1138,26 +1188,26 @@ var Ie = [
 		}
 		return this.image = t, this;
 	}
-}, ze = /\.(mp4|webm|ogv|mov|m4v)($|[?#])/i;
-function Be(e) {
+}, Ve = /\.(mp4|webm|ogv|mov|m4v)($|[?#])/i;
+function He(e) {
 	return typeof HTMLVideoElement < "u" && e instanceof HTMLVideoElement;
 }
-function Ve(e) {
+function Ue(e) {
 	return e.readyState >= 2 ? Promise.resolve() : new Promise((t, n) => {
 		e.addEventListener("loadeddata", () => t(), { once: !0 }), e.addEventListener("error", () => n(/* @__PURE__ */ Error("Texture: the video failed to load")), { once: !0 });
 	});
 }
-function He(e, t = {}) {
+function We(e, t = {}) {
 	return new W({
 		...t,
 		url: e
 	}).ready;
 }
-function Ue(e, t) {
+function Ge(e, t) {
 	return (!Array.isArray(t) || t.length !== 2 || t.some((e) => typeof e != "number")) && E("Texture", `'${e}' must be [u, v], got ${j(t)}`), [t[0], t[1]];
 }
 // src/material/Material.js
-var We = [
+var Ke = [
 	"map",
 	"roughnessMap",
 	"metalnessMap",
@@ -1167,13 +1217,13 @@ var We = [
 	"emissiveMap",
 	"lightMap",
 	"matcap"
-], Ge = /* @__PURE__ */ new Set([
+], qe = /* @__PURE__ */ new Set([
 	"roughnessMap",
 	"metalnessMap",
 	"normalMap",
 	"bumpMap",
 	"aoMap"
-]), Ke = [
+]), Je = [
 	"unlit",
 	"flatShading",
 	"doubleSided",
@@ -1183,7 +1233,7 @@ var We = [
 	"sizeAttenuation",
 	"transparent",
 	"fog"
-], qe = {
+], Ye = {
 	opacity: [0, 1],
 	roughness: [0, 1],
 	metalness: [0, 1],
@@ -1207,14 +1257,17 @@ var We = [
 	translucency: [0, 1],
 	toon: [0, 16],
 	lightMapIntensity: [0, Infinity],
-	environmentIntensity: [0, Infinity]
-}, Je = {
+	environmentIntensity: [0, Infinity],
+	dash: [0, Infinity],
+	gap: [0, Infinity],
+	dashOffset: [-Infinity, Infinity]
+}, Xe = {
 	color: 16777215,
 	emissive: 0,
 	sheenColor: 16777215,
 	specularColor: 16777215,
 	translucencyColor: 16777215
-}, Ye = {
+}, Ze = {
 	name: "",
 	opacity: 1,
 	alphaTest: 0,
@@ -1248,15 +1301,18 @@ var We = [
 	fog: !0,
 	size: 1,
 	sizeAttenuation: !0,
-	width: 1
-}, Xe = [
+	width: 1,
+	dash: 0,
+	gap: 0,
+	dashOffset: 0
+}, Qe = [
 	"name",
-	...Object.keys(Je),
-	...We,
+	...Object.keys(Xe),
 	...Ke,
-	...Object.keys(qe),
+	...Je,
+	...Object.keys(Ye),
 	"blending"
-], Ze = {
+], $e = {
 	type: "phoria2 has one material - drop 'type' and set 'unlit: true' for a flat colour",
 	side: "use 'doubleSided: true'",
 	wireframe: "use new Lines({ geometry: edges(geometry) }) for a wireframe",
@@ -1275,9 +1331,9 @@ var We = [
 	colour: "use 'color'",
 	emissiveColor: "use 'emissive'",
 	alpha: "use 'opacity'"
-}, Qe = class e {
-	static OPTIONS = Xe;
-	static HINTS = Ze;
+}, et = class e {
+	static OPTIONS = Qe;
+	static HINTS = $e;
 	name;
 	opacity;
 	alphaTest;
@@ -1312,13 +1368,16 @@ var We = [
 	size;
 	sizeAttenuation;
 	width;
-	#e = Object.fromEntries(Object.entries(Je).map(([e, t]) => [e, new H(t)]));
+	dash;
+	gap;
+	dashOffset;
+	#e = Object.fromEntries(Object.entries(Xe).map(([e, t]) => [e, new H(t)]));
 	#t = !1;
-	#n = Object.fromEntries(We.map((e) => [e, null]));
+	#n = Object.fromEntries(Ke.map((e) => [e, null]));
 	#r = /* @__PURE__ */ new Set();
 	constructor(e = {}) {
-		A("Material", e, Xe, Ze), Object.assign(this, Ye);
-		for (let [t, n] of Object.entries(e)) n !== void 0 && (t in Je ? this.#e[t].set(n, "Material") : We.includes(t) ? this.setMap(t, n) : Ke.includes(t) ? this[t] = $e(t, n) : t in qe ? this[t] = et(t, n, qe[t]) : t === "blending" ? this.blending = P("Material", "blending", n, [
+		A("Material", e, Qe, $e), Object.assign(this, Ze);
+		for (let [t, n] of Object.entries(e)) n !== void 0 && (t in Xe ? this.#e[t].set(n, "Material") : Ke.includes(t) ? this.setMap(t, n) : Je.includes(t) ? this[t] = tt(t, n) : t in Ye ? this[t] = nt(t, n, Ye[t]) : t === "blending" ? this.blending = P("Material", "blending", n, [
 			"normal",
 			"additive",
 			"multiply"
@@ -1417,12 +1476,12 @@ var We = [
 			return;
 		}
 		if (t instanceof W) {
-			Ge.has(e) && t.colorSpace === "srgb" && (t.colorSpaceSet ? F(t, `'${e}' holds data, not colour, so its texture should be colorSpace: 'linear' - this one is 'srgb', and will be decoded as colour`) : (t.colorSpace = "linear", t.needsUpdate())), this.#n[e] = t;
+			qe.has(e) && t.colorSpace === "srgb" && (t.colorSpaceSet ? F(t, `'${e}' holds data, not colour, so its texture should be colorSpace: 'linear' - this one is 'srgb', and will be decoded as colour`) : (t.colorSpace = "linear", t.needsUpdate())), this.#n[e] = t;
 			return;
 		}
 		let n = typeof t == "string" ? { url: t } : t;
 		(typeof n != "object" || Array.isArray(n)) && E("Material", `'${e}' must be a Texture, a url or texture options, got ${j(t)}`), this.#n[e] = new W({
-			colorSpace: Ge.has(e) ? "linear" : "srgb",
+			colorSpace: qe.has(e) ? "linear" : "srgb",
 			...n
 		});
 	}
@@ -1456,9 +1515,9 @@ var We = [
 	}
 	toJSON(e = !1) {
 		let t = {};
-		for (let [e, n] of Object.entries(Ye)) this[e] !== n && (t[e] = this[e]);
+		for (let [e, n] of Object.entries(Ze)) this[e] !== n && (t[e] = this[e]);
 		this.#t && (t.transparent = !0);
-		for (let [e, n] of Object.entries(this.#e)) n.getHex() !== Je[e] && (t[e] = n.getStyle());
+		for (let [e, n] of Object.entries(this.#e)) n.getHex() !== Xe[e] && (t[e] = n.getStyle());
 		for (let [n, r] of this.textures) {
 			let i = e ? r : r.toJSON();
 			i && (t[n] = i);
@@ -1466,16 +1525,16 @@ var We = [
 		return t;
 	}
 };
-function $e(e, t) {
+function tt(e, t) {
 	return typeof t != "boolean" && E("Material", `'${e}' must be true or false, got ${j(t)}`), t;
 }
-function et(e, t, [n, r]) {
+function nt(e, t, [n, r]) {
 	M("Material", e, t);
 	let i = t;
 	return (i < n || i > r) && E("Material", `'${e}' must be ${r === Infinity ? `${n} or more` : `${n}-${r}`}, got ${i}`), i;
 }
 // src/resolve.js
-function tt(e, t) {
+function rt(e, t) {
 	if (e instanceof U) return e;
 	if ((!e || typeof e != "object" || Array.isArray(e)) && E(t, `'geometry' must be a Geometry such as box(2), got ${j(e)}`), "type" in e) {
 		let n = e.type;
@@ -1483,18 +1542,18 @@ function tt(e, t) {
 	}
 	return new U(e);
 }
-function nt(e) {
-	return e === void 0 ? new Qe() : Qe.fromInput(e);
+function it(e) {
+	return e === void 0 ? new et() : et.fromInput(e);
 }
 // src/math/mat3.js
-function rt(e) {
+function at(e) {
 	return e.fill(0), e[0] = e[4] = e[8] = 1, e;
 }
-function it(e, t) {
+function ot(e, t) {
 	let n = t[0], r = t[1], i = t[2], a = t[3], o = t[4], s = t[5], c = t[6], l = t[7], u = t[8], d = t[9], f = t[10], p = t[11], m = t[12], h = t[13], g = t[14], _ = t[15], v = n * s - r * o, y = n * c - i * o, b = n * l - a * o, x = r * c - i * s, S = r * l - a * s, C = i * l - a * c, w = u * h - d * m, T = u * g - f * m, E = u * _ - p * m, D = d * g - f * h, O = d * _ - p * h, k = f * _ - p * g, A = v * k - y * O + b * D + x * E - S * T + C * w;
 	return A ? (A = 1 / A, e[0] = (s * k - c * O + l * D) * A, e[1] = (c * E - o * k - l * T) * A, e[2] = (o * O - s * E + l * w) * A, e[3] = (i * O - r * k - a * D) * A, e[4] = (n * k - i * E + a * T) * A, e[5] = (r * E - n * O - a * w) * A, e[6] = (h * C - g * S + _ * x) * A, e[7] = (g * b - m * C - _ * y) * A, e[8] = (m * S - h * b + _ * v) * A, e) : null;
 }
-function at(e, t) {
+function st(e, t) {
 	return e[0] = t[0], e[1] = t[1], e[2] = t[2], e[3] = t[4], e[4] = t[5], e[5] = t[6], e[6] = t[8], e[7] = t[9], e[8] = t[10], e;
 }
 // src/scene/Node.js
@@ -1519,7 +1578,7 @@ var G = [
 	"clip",
 	"onDrag",
 	"outline"
-], ot = {
+], ct = {
 	rotationX: "use rotation: [x, y, z] (radians)",
 	scaleX: "use scale: [x, y, z] or a single number",
 	translate: "use position: [x, y, z]",
@@ -1530,14 +1589,14 @@ var G = [
 	onDragStart: "use onDrag - drag.phase is 'start', 'move' or 'end'",
 	onDragEnd: "use onDrag - drag.phase is 'start', 'move' or 'end'",
 	selected: "outline what's selected: node.outline = '#ffcc00'"
-}, st = [], ct = new Float32Array([
+}, lt = [], ut = new Float32Array([
 	0,
 	1,
 	0
-]), lt = /* @__PURE__ */ new Float32Array(16), ut = /* @__PURE__ */ new Float32Array(9), K = class e {
+]), dt = /* @__PURE__ */ new Float32Array(16), ft = /* @__PURE__ */ new Float32Array(9), K = class e {
 	static type = "node";
 	static OPTIONS = G;
-	static HINTS = ot;
+	static HINTS = ct;
 	name = "";
 	#e = new z();
 	#t = new z(1, 1, 1);
@@ -1590,7 +1649,7 @@ var G = [
 	constructor(e = {}) {
 		let t = new.target;
 		A(t.name, e, t.OPTIONS, {
-			...ot,
+			...ct,
 			...t.HINTS
 		}), this.rotation.onChange = () => Me(this.quaternion, this.rotation.x, this.rotation.y, this.rotation.z), this.quaternion.onChange = () => this.rotation.setFromQuat(this.quaternion);
 		let n = t.name;
@@ -1655,7 +1714,7 @@ var G = [
 	}
 	add(e, ...t) {
 		e === void 0 && E(this.constructor.name, "add() needs a node to add - add(new Mesh({...})), or add(...nodes) for several");
-		let n = [e, ...t].map((e) => pt(e));
+		let n = [e, ...t].map((e) => ht(e));
 		for (let e of n) {
 			e === this && E(this.constructor.name, "can't add a node to itself");
 			for (let t = this.#c; t; t = t.#c) t === e && E(this.constructor.name, "can't add an ancestor as a child - that would make a loop");
@@ -1712,7 +1771,7 @@ var G = [
 	}
 	handlersFor(e) {
 		let t = e === "hover" ? this.onHover : this.onClick, n = this.#s?.[e];
-		return n?.size ? t ? [t, ...n] : [...n] : t ? [t] : st;
+		return n?.size ? t ? [t, ...n] : [...n] : t ? [t] : lt;
 	}
 	runHandlers(e, t) {
 		for (let n of this.#u) n(this, e, t);
@@ -1759,19 +1818,19 @@ var G = [
 		], e);
 	}
 	lookAt(t, n) {
-		let r = t instanceof e ? t.updateWorld().worldPosition : z.fromInput(t, this.constructor.name), i = n === void 0 ? ct : z.fromInput(n, `${this.constructor.name}.lookAt() up`).normalize();
+		let r = t instanceof e ? t.updateWorld().worldPosition : z.fromInput(t, this.constructor.name), i = n === void 0 ? ut : z.fromInput(n, `${this.constructor.name}.lookAt() up`).normalize();
 		this.updateWorld();
 		let a = this.worldPosition;
 		if (a.equals(r, 1e-9)) return this;
 		let o = r.clone().sub(a).normalize();
-		f(lt, a, r, Math.abs(o.dot(i)) > .9999 ? Math.abs(i[1]) > .9 ? [
+		f(dt, a, r, Math.abs(o.dot(i)) > .9999 ? Math.abs(i[1]) > .9 ? [
 			0,
 			0,
 			-1
-		] : ct : i);
-		let s = je(/* @__PURE__ */ new Float32Array(4), at(ut, lt));
+		] : ut : i);
+		let s = je(/* @__PURE__ */ new Float32Array(4), st(ft, dt));
 		if (this.#c) {
-			let e = Oe(/* @__PURE__ */ new Float32Array(4), je(/* @__PURE__ */ new Float32Array(4), mt(this.#c.worldMatrix)));
+			let e = Oe(/* @__PURE__ */ new Float32Array(4), je(/* @__PURE__ */ new Float32Array(4), gt(this.#c.worldMatrix)));
 			De(s, ke(e, e), s);
 		}
 		return this.quaternion.copy(Oe(s, s)), this;
@@ -1796,7 +1855,7 @@ var G = [
 		return this.worldMatrix.getPosition();
 	}
 	get worldQuaternion() {
-		let e = je(/* @__PURE__ */ new Float32Array(4), mt(this.worldMatrix));
+		let e = je(/* @__PURE__ */ new Float32Array(4), gt(this.worldMatrix));
 		return new Ne(e[0], e[1], e[2], e[3]).normalize();
 	}
 	get worldScale() {
@@ -1875,33 +1934,33 @@ var G = [
 		this.traverse((e) => e !== this && e.dispose());
 	}
 };
-function dt(e, t, n) {
+function pt(e, t, n) {
 	return t == null ? null : e ? e.copy(t, n) : z.fromInput(t, n);
 }
-function ft(e, t) {
+function mt(e, t) {
 	let n = t instanceof K ? t.updateWorld().worldPosition : z.fromInput(t, `${e.constructor.name}.lookAt()`), r = e.parent;
 	return r ? n.applyMatrix4(r.updateWorld().worldMatrix.clone().invert()) : n;
 }
-function pt(e) {
+function ht(e) {
 	return e instanceof K ? e : e && typeof e == "object" && "type" in e ? E("Node", `add() takes nodes - build one from a description with add(create({ type: '${e.type}', ... }))`) : E("Node", `add() expects nodes, got ${j(e)}`);
 }
-function mt(e) {
-	let t = at(/* @__PURE__ */ new Float32Array(9), e);
+function gt(e) {
+	let t = st(/* @__PURE__ */ new Float32Array(9), e);
 	for (let e = 0; e < 3; e++) {
 		let n = Math.hypot(t[e * 3], t[e * 3 + 1], t[e * 3 + 2]) || 1;
 		t[e * 3] /= n, t[e * 3 + 1] /= n, t[e * 3 + 2] /= n;
 	}
 	return t;
 }
-var ht = class extends K {
+var _t = class extends K {
 	static type = "group";
-}, gt = [
+}, vt = [
 	"center",
 	"above",
 	"below",
 	"left",
 	"right"
-], _t = [
+], yt = [
 	"place",
 	"offset",
 	"className",
@@ -1911,7 +1970,7 @@ var ht = class extends K {
 	"leader",
 	"edge",
 	"minScale"
-], vt = {
+], bt = {
 	line: "use leader: true - a line from the point to the label",
 	callout: "use leader: true, with edge: 'left' | 'right' to line the labels up down the side",
 	column: "use edge: 'left' | 'right' - the label sits at that edge of the view, level with its point",
@@ -1922,14 +1981,14 @@ var ht = class extends K {
 	minZoom: "use 'minScale': CSS pixels to one world unit at the label's point",
 	lod: "use 'minScale': the label shows when zoomed in at least this far (CSS pixels to one world unit)",
 	collision: "use overlap: 'hide' | 'dim' | 'show'"
-}, yt = {
-	...vt,
+}, xt = {
+	...bt,
 	position: "labels per instance sit on their instance - offset moves them in pixels"
 };
-function bt(e, t) {
+function St(e, t) {
 	let n = t.offset ?? [0, 0];
 	return Array.isArray(n) && n.length === 2 && n.every(Number.isFinite) || E(e, `'offset' must be [x, y] in pixels, got ${j(n)}`), {
-		place: t.place === void 0 ? "center" : P(e, "place", t.place, gt),
+		place: t.place === void 0 ? "center" : P(e, "place", t.place, vt),
 		offset: [n[0], n[1]],
 		className: t.className ? String(t.className) : "",
 		priority: t.priority === void 0 ? 0 : M(e, "priority", t.priority),
@@ -1941,20 +2000,20 @@ function bt(e, t) {
 		occlude: !!t.occlude,
 		leader: !!t.leader,
 		edge: t.edge == null ? null : P(e, "edge", t.edge, ["left", "right"]),
-		minScale: t.minScale === void 0 ? 0 : xt(e, t.minScale)
+		minScale: t.minScale === void 0 ? 0 : Ct(e, t.minScale)
 	};
 }
-function xt(e, t) {
+function Ct(e, t) {
 	let n = M(e, "minScale", t);
 	return n >= 0 || E(e, `'minScale' is CSS pixels to one world unit, 0 or more, got ${n}`), n;
 }
-function St(e, t) {
+function wt(e, t) {
 	if (t == null) return null;
-	if (Array.isArray(t)) return t.length || E(e, "'labels' as a list needs at least one { text: (datum, index) => string, ... }"), t.map((t) => St(e, t));
+	if (Array.isArray(t)) return t.length || E(e, "'labels' as a list needs at least one { text: (datum, index) => string, ... }"), t.map((t) => wt(e, t));
 	(typeof t != "object" || typeof t.text != "function") && E(e, `'labels' must be { text: (datum, index) => string, ... }, got ${j(t)}`);
 	let n = t;
-	for (let t of Object.keys(n)) t !== "text" && t !== "at" && !_t.includes(t) && E(e, `unknown labels option '${t}'${yt[t] ? ` - ${yt[t]}` : ` - expected text, at, ${_t.join(", ")}`}`);
-	let r = n.at === void 0 ? "top" : P(e, "labels.at", n.at, ["top", "center"]), i = typeof n.priority == "function", a = bt(e, i ? {
+	for (let t of Object.keys(n)) t !== "text" && t !== "at" && !yt.includes(t) && E(e, `unknown labels option '${t}'${xt[t] ? ` - ${xt[t]}` : ` - expected text, at, ${yt.join(", ")}`}`);
+	let r = n.at === void 0 ? "top" : P(e, "labels.at", n.at, ["top", "center"]), i = typeof n.priority == "function", a = St(e, i ? {
 		...n,
 		priority: 0
 	} : n);
@@ -1965,7 +2024,7 @@ function St(e, t) {
 		priority: i ? n.priority : a.priority
 	};
 }
-var Ct = [
+var Tt = [
 	...G,
 	"geometry",
 	"material",
@@ -1974,13 +2033,13 @@ var Ct = [
 	"renderOrder",
 	"frustumCulled",
 	"data"
-], wt = {
+], Et = {
 	mesh: "pass 'geometry' and 'material' directly",
 	materials: "one 'material' per node - use a Group of meshes for several",
 	rows: "use 'data' - one row per instance or point"
-}, Tt = class extends K {
-	static OPTIONS = Ct;
-	static HINTS = wt;
+}, Dt = class extends K {
+	static OPTIONS = Tt;
+	static HINTS = Et;
 	#e;
 	#t;
 	castShadow = !1;
@@ -1991,19 +2050,19 @@ var Ct = [
 	constructor(e) {
 		super(e);
 		let t = this.constructor.name;
-		e && e.geometry !== void 0 || E(t, `'geometry' is required, e.g. new ${t}({ geometry: box(1), material: { color: 'orange' } })`), this.#e = tt(e.geometry, t), this.#t = nt(e.material), e.castShadow !== void 0 && (this.castShadow = !!e.castShadow), e.receiveShadow !== void 0 && (this.receiveShadow = !!e.receiveShadow), e.renderOrder !== void 0 && (this.renderOrder = M(t, "renderOrder", e.renderOrder)), e.frustumCulled !== void 0 && (this.frustumCulled = !!e.frustumCulled), e.data !== void 0 && (this.data = e.data), this.checkGeometry();
+		e && e.geometry !== void 0 || E(t, `'geometry' is required, e.g. new ${t}({ geometry: box(1), material: { color: 'orange' } })`), this.#e = rt(e.geometry, t), this.#t = it(e.material), e.castShadow !== void 0 && (this.castShadow = !!e.castShadow), e.receiveShadow !== void 0 && (this.receiveShadow = !!e.receiveShadow), e.renderOrder !== void 0 && (this.renderOrder = M(t, "renderOrder", e.renderOrder)), e.frustumCulled !== void 0 && (this.frustumCulled = !!e.frustumCulled), e.data !== void 0 && (this.data = e.data), this.checkGeometry();
 	}
 	get geometry() {
 		return this.#e;
 	}
 	set geometry(e) {
-		this.#e = tt(e, this.constructor.name), this.checkGeometry();
+		this.#e = rt(e, this.constructor.name), this.checkGeometry();
 	}
 	get material() {
 		return this.#t;
 	}
 	set material(e) {
-		this.#t = nt(e);
+		this.#t = it(e);
 	}
 	datumAt(e) {
 		return ("instanceMatrices" in this || this.drawMode !== "triangles") && Array.isArray(this.data) ? e === null ? null : this.data[e] ?? null : this.data ?? null;
@@ -2042,33 +2101,33 @@ var Ct = [
 		for (let [, e] of this.material.textures) e.dispose();
 		super.dispose();
 	}
-}, Et = class extends Tt {
+}, Ot = class extends Dt {
 	static type = "mesh";
 	checkGeometry() {
 		let e = this.geometry.elementCount;
 		e % 3 != 0 && E("Mesh", `geometry has ${e} ${this.geometry.indices ? "indices" : "vertices"}, not a multiple of 3 - triangles need three each (use Lines for pairs, Points for single vertices)`);
 	}
-}, Dt = /* @__PURE__ */ new Set([
+}, kt = /* @__PURE__ */ new Set([
 	"position",
 	"rotation",
 	"quaternion",
 	"scale",
 	"color"
-]), Ot = {
+]), At = {
 	position: new z(),
 	scale: new z(),
 	quaternion: new Ne(),
 	rotation: new Te()
-}, kt = new H(), At = /* @__PURE__ */ new Float32Array(16);
-function jt(e, t) {
+}, jt = new H(), Mt = /* @__PURE__ */ new Float32Array(16);
+function Nt(e, t) {
 	let n = t * 16;
 	return !e[n] && !e[n + 1] && !e[n + 2] && !e[n + 4] && !e[n + 5] && !e[n + 6] && !e[n + 8] && !e[n + 9] && !e[n + 10];
 }
-var Mt = class extends Et {
+var Pt = class extends Ot {
 	static type = "instanced-mesh";
 	static get OPTIONS() {
 		return [
-			...Ct,
+			...Tt,
 			"count",
 			"instances",
 			"instanceMatrices",
@@ -2082,7 +2141,7 @@ var Mt = class extends Et {
 	version = 0;
 	labels = null;
 	constructor(e) {
-		super(e), this.labels = St("InstancedMesh", e.labels);
+		super(e), this.labels = wt("InstancedMesh", e.labels);
 		let t = e.count ?? e.instances?.length ?? (Array.isArray(e.data) ? e.data.length : void 0);
 		(!Number.isInteger(t) || t < 0) && E("InstancedMesh", `'count' must be a whole number, got ${j(t)}`), this.count = t, this.instanceMatrices = new Float32Array(t * 16);
 		let n = this.instanceMatrices;
@@ -2091,11 +2150,11 @@ var Mt = class extends Et {
 	}
 	setInstance(e, t) {
 		this.#e(e);
-		for (let e in t) Dt.has(e) || E("InstancedMesh", `unknown instance option '${e}' - expected position, rotation, quaternion, scale or color`);
-		let { position: n, scale: r, quaternion: i } = Ot;
+		for (let e in t) kt.has(e) || E("InstancedMesh", `unknown instance option '${e}' - expected position, rotation, quaternion, scale or color`);
+		let { position: n, scale: r, quaternion: i } = At;
 		if (t.position === void 0 ? n.set(0, 0, 0) : n.copy(t.position, "InstancedMesh"), t.scale === void 0 ? r.set(1, 1, 1) : typeof t.scale == "number" ? r.set(t.scale, t.scale, t.scale) : r.copy(t.scale, "InstancedMesh"), i.set(0, 0, 0, 1), t.quaternion) i.copy(t.quaternion, "InstancedMesh").normalize();
 		else if (t.rotation) {
-			let e = t.rotation instanceof Te ? t.rotation : Ot.rotation.copy(t.rotation, "InstancedMesh");
+			let e = t.rotation instanceof Te ? t.rotation : At.rotation.copy(t.rotation, "InstancedMesh");
 			i.setFromEuler(e.x, e.y, e.z);
 		}
 		return u(this.instanceMatrices.subarray(e * 16, e * 16 + 16), i, n, r), t.color !== void 0 && this.#t(e, t.color), this.version++, this;
@@ -2110,7 +2169,7 @@ var Mt = class extends Et {
 		(!Number.isInteger(e) || e < 0 || e >= this.instanceMatrices.length / 16) && E("InstancedMesh", `instance ${j(e)} is out of range 0-${this.instanceMatrices.length / 16 - 1}`);
 	}
 	#t(e, t) {
-		this.instanceColors ||= new Float32Array(this.instanceMatrices.length / 16 * 3).fill(1), this.instanceColors.set(kt.set(t, "InstancedMesh"), e * 3);
+		this.instanceColors ||= new Float32Array(this.instanceMatrices.length / 16 * 3).fill(1), this.instanceColors.set(jt.set(t, "InstancedMesh"), e * 3);
 	}
 	expandBounds(e) {
 		return this.eachInstanceBox((t, n, r, i, a, o) => {
@@ -2119,9 +2178,9 @@ var Mt = class extends Et {
 	}
 	eachInstanceBox(e) {
 		if (!this.count || !this.geometry.vertexCount) return;
-		let t = this.geometry.bounds, n = (t.min[0] + t.max[0]) / 2, r = (t.min[1] + t.max[1]) / 2, i = (t.min[2] + t.max[2]) / 2, a = (t.max[0] - t.min[0]) / 2, o = (t.max[1] - t.min[1]) / 2, c = (t.max[2] - t.min[2]) / 2, l = this.worldMatrix, u = this.instanceMatrices, d = At;
+		let t = this.geometry.bounds, n = (t.min[0] + t.max[0]) / 2, r = (t.min[1] + t.max[1]) / 2, i = (t.min[2] + t.max[2]) / 2, a = (t.max[0] - t.min[0]) / 2, o = (t.max[1] - t.min[1]) / 2, c = (t.max[2] - t.min[2]) / 2, l = this.worldMatrix, u = this.instanceMatrices, d = Mt;
 		for (let t = 0; t < this.count; t++) {
-			if (jt(u, t)) continue;
+			if (Nt(u, t)) continue;
 			s(d, l, u.subarray(t * 16, t * 16 + 16));
 			let f = d[0] * n + d[4] * r + d[8] * i + d[12], p = d[1] * n + d[5] * r + d[9] * i + d[13], m = d[2] * n + d[6] * r + d[10] * i + d[14], h = Math.abs(d[0]) * a + Math.abs(d[4]) * o + Math.abs(d[8]) * c, g = Math.abs(d[1]) * a + Math.abs(d[5]) * o + Math.abs(d[9]) * c, _ = Math.abs(d[2]) * a + Math.abs(d[6]) * o + Math.abs(d[10]) * c;
 			e(f - h, p - g, m - _, f + h, p + g, m + _);
@@ -2146,26 +2205,79 @@ var Mt = class extends Et {
 			...this.instanceColors ? { instanceColors: Array.from(this.instanceColors) } : {}
 		};
 	}
-}, Nt = class extends Tt {
+}, Ft = class extends Dt {
 	static type = "points";
 	static get OPTIONS() {
-		return [...Ct, "labels"];
+		return [
+			...Tt,
+			"labels",
+			"sort"
+		];
 	}
 	labels = null;
+	sort = !1;
 	constructor(e) {
-		super(e), this.labels = St(this.constructor.name, e?.labels);
+		super(e), this.labels = wt(this.constructor.name, e?.labels), e?.sort !== void 0 && (typeof e.sort != "boolean" && E(this.constructor.name, `'sort' is true or false, got ${j(e.sort)}`), this.sort = e.sort);
+	}
+	get drawsSprites() {
+		let e = this.geometry;
+		return this.sort || !!(e.sizes || e.opacities || e.angles);
 	}
 	cloneOptions() {
 		return {
 			...super.cloneOptions(),
-			labels: this.labels
+			labels: this.labels,
+			sort: this.sort
+		};
+	}
+	jsonOptions() {
+		return {
+			...super.jsonOptions(),
+			...this.sort ? { sort: !0 } : {}
 		};
 	}
 	get drawMode() {
 		return "points";
 	}
-}, Pt = class extends Tt {
+}, It = [
+	"none",
+	"start",
+	"end",
+	"both"
+], Lt = class extends Dt {
 	static type = "lines";
+	static get OPTIONS() {
+		return [
+			...Tt,
+			"arrows",
+			"arrowSize"
+		];
+	}
+	arrows = "none";
+	arrowSize = 0;
+	constructor(e) {
+		super(e), e?.arrows !== void 0 && (this.arrows = P("Lines", "arrows", e.arrows, It)), e?.arrowSize !== void 0 && (this.arrowSize = Math.max(0, M("Lines", "arrowSize", e.arrowSize)));
+	}
+	get arrowBits() {
+		return It.indexOf(this.arrows);
+	}
+	arrowPixels(e) {
+		return this.arrowSize || 6 + e * 3;
+	}
+	cloneOptions() {
+		return {
+			...super.cloneOptions(),
+			arrows: this.arrows,
+			arrowSize: this.arrowSize
+		};
+	}
+	jsonOptions() {
+		return {
+			...super.jsonOptions(),
+			...this.arrows === "none" ? {} : { arrows: this.arrows },
+			...this.arrowSize ? { arrowSize: this.arrowSize } : {}
+		};
+	}
 	get drawMode() {
 		return "lines";
 	}
@@ -2173,17 +2285,17 @@ var Mt = class extends Et {
 		let e = this.geometry.elementCount;
 		e % 2 != 0 && E("Lines", `geometry has ${e} ${this.geometry.indices ? "indices" : "vertices"} - segments need them in pairs`);
 	}
-}, Ft = class extends K {
+}, Rt = class extends K {
 	static type = "label";
 	static get OPTIONS() {
 		return [
 			...G,
 			"text",
-			..._t
+			...yt
 		];
 	}
 	static get HINTS() {
-		return vt;
+		return bt;
 	}
 	text = "";
 	className = "";
@@ -2196,7 +2308,7 @@ var Mt = class extends Et {
 	edge = null;
 	minScale = 0;
 	constructor(e) {
-		super(e), typeof e?.text != "string" && typeof e?.text != "number" && E("Label", `'text' is required, got ${j(e?.text)}`), this.text = String(e.text), Object.assign(this, bt("Label", e));
+		super(e), typeof e?.text != "string" && typeof e?.text != "number" && E("Label", `'text' is required, got ${j(e?.text)}`), this.text = String(e.text), Object.assign(this, St("Label", e));
 	}
 	get isLabel() {
 		return !0;
@@ -2223,13 +2335,13 @@ var Mt = class extends Et {
 		let e = { text: this.text };
 		return this.className && (e.className = this.className), this.place !== "center" && (e.place = this.place), (this.offset[0] || this.offset[1]) && (e.offset = [...this.offset]), this.priority && (e.priority = this.priority), this.overlap !== "hide" && (e.overlap = this.overlap), this.occlude && (e.occlude = !0), this.leader && (e.leader = !0), this.edge && (e.edge = this.edge), this.minScale && (e.minScale = this.minScale), e;
 	}
-}, It = {
+}, zt = {
 	punctual: 4,
 	directional: 2
 };
-function Lt(e, t) {
+function Bt(e, t) {
 	t.updateWorld();
-	let n = t.viewMatrix, r = t.projectionMatrix, i = new B().multiplyMatrices(r, n), a = Kt(i), o = {
+	let n = t.viewMatrix, r = t.projectionMatrix, i = new B().multiplyMatrices(r, n), a = Yt(i), o = {
 		camera: {
 			view: n,
 			projection: r,
@@ -2273,14 +2385,14 @@ function Lt(e, t) {
 				items: []
 			}, o.outlines.push(c)), e.overlay && o.overlays.push(e.overlay), e.onDrag && (o.interactive = o.draggable = !0), e.tooltip ? o.interactive = o.tooltips = !0 : (e.highlight || e.handlersFor("hover").length || e.handlersFor("click").length) && (o.interactive = !0), e.isDrawable) {
 				e.castShadow && e.drawMode !== "points" && e.drawMode !== "lines" && l.push([e, s]), e.receiveShadow && u.push(e);
-				let t = Rt(e, n, a, s);
+				let t = Vt(e, n, a, s);
 				if (t) {
 					let a = e.material.transparent || e.drawMode === "points" && e.material.map;
 					if ((a ? o.transparent : o.opaque).push(t), c && e.drawMode === "triangles" && c.items.push(t), t.clip?.cap && !a) {
 						let e = d.get(t.clip);
 						e ? e.push(t) : d.set(t.clip, [t]);
 					}
-					o.stats.drawn++, e.labels && Ht(e, i, n, r[5], o.labels);
+					o.stats.drawn++, e.labels && Gt(e, i, n, r[5], o.labels);
 				} else o.stats.culled++;
 			} else if (e.isLabel) {
 				let t = e.worldPosition;
@@ -2291,7 +2403,7 @@ function Lt(e, t) {
 					text: e.text,
 					style: e,
 					position: t,
-					...Gt(t, i, n, r[5])
+					...Jt(t, i, n, r[5])
 				});
 			} else e.lightKind && p(e);
 			for (let t of e.children) f(t, s, c);
@@ -2309,14 +2421,14 @@ function Lt(e, t) {
 			color: t.sky,
 			ground: t.ground,
 			intensity: t.intensity
-		}) : n === "directional" ? ++c > It.directional ? F(e, `more than ${It.directional} directional lights - the extras are ignored; use scene.environment for more light`) : o.lights.push({
+		}) : n === "directional" ? ++c > zt.directional ? F(e, `more than ${zt.directional} directional lights - the extras are ignored; use scene.environment for more light`) : o.lights.push({
 			kind: "directional",
 			node: t,
 			color: t.color,
 			intensity: t.intensity,
 			direction: t.worldDirection,
 			castShadow: t.castShadow
-		}) : ++s > It.punctual ? F(e, `more than ${It.punctual} point and spot lights - the extras are ignored`) : n === "spot" ? o.lights.push({
+		}) : ++s > zt.punctual ? F(e, `more than ${zt.punctual} point and spot lights - the extras are ignored`) : n === "spot" ? o.lights.push({
 			kind: "spot",
 			node: t,
 			color: t.color,
@@ -2339,17 +2451,17 @@ function Lt(e, t) {
 		});
 	};
 	f(e, null, null), o.outlines = o.outlines.filter((e) => e.items.length);
-	for (let [e, t] of d) o.caps.push(zt(e, t));
-	let m = o.lights.findIndex((e) => e.kind === "directional" && e.castShadow), h = o.lights.filter((e) => e.kind === "spot" && e.castShadow), g = o.lights.filter((e) => e.kind === "point" && e.castShadow), _ = m >= 0 || h.length || g.length ? l.map(([e, t]) => Rt(e, n, null, t)).filter(Boolean) : [];
+	for (let [e, t] of d) o.caps.push(Ht(e, t));
+	let m = o.lights.findIndex((e) => e.kind === "directional" && e.castShadow), h = o.lights.filter((e) => e.kind === "spot" && e.castShadow), g = o.lights.filter((e) => e.kind === "point" && e.castShadow), _ = m >= 0 || h.length || g.length ? l.map(([e, t]) => Vt(e, n, null, t)).filter(Boolean) : [];
 	if (h.length > 4 && F(e, "more than 4 spot lights cast shadows - the extras don't"), g.length > 1 && F(e, "more than one point light casts shadows - only the first does"), _.length && g.length) {
 		let e = g[0], t = _.map((e) => e.node.expandBounds(new V())), n = le(e.position, e.range ?? 0, t, u.map((e) => e.expandBounds(new V())));
 		n && (o.pointShadow = {
 			light: e,
 			faces: n.viewProjections.map((e) => {
-				let n = Kt(e);
+				let n = Yt(e);
 				return {
 					viewProjection: e,
-					casters: _.filter((e, r) => qt(n, t[r].getCenter(), t[r].getRadius()))
+					casters: _.filter((e, r) => Xt(n, t[r].getCenter(), t[r].getRadius()))
 				};
 			}),
 			near: n.near,
@@ -2362,10 +2474,10 @@ function Lt(e, t) {
 		for (let n of h.slice(0, 4)) {
 			let r = n.position, i = e.map((e) => e.containsPoint(r)), a = oe(r, n.direction, n.angle, n.range ?? 0, e.filter((e, t) => !i[t]), t);
 			if (!a) continue;
-			let s = Kt(a.viewProjection), c = _.filter((t, n) => {
+			let s = Yt(a.viewProjection), c = _.filter((t, n) => {
 				if (i[n]) return !1;
 				let r = e[n];
-				return qt(s, r.getCenter(), r.getRadius());
+				return Xt(s, r.getCenter(), r.getRadius());
 			});
 			n.shadowTile = o.spotShadows.length, o.spotShadows.push({
 				light: n,
@@ -2386,11 +2498,11 @@ function Lt(e, t) {
 	}
 	return o.opaque.sort((e, t) => e.node.renderOrder - t.node.renderOrder || (e.material.variant < t.material.variant ? -1 : +(e.material.variant > t.material.variant)) || e.depth - t.depth), o.transparent.sort((e, t) => e.node.renderOrder - t.node.renderOrder || t.depth - e.depth), o;
 }
-function Rt(e, t, n, r) {
+function Vt(e, t, n, r) {
 	let { geometry: i, material: a, worldMatrix: o } = e, s = "instanceMatrices" in e ? e : null;
 	if (s && s.count === 0 || !i.vertexCount) return null;
 	let c = i.bounds, l = c.getCenter().applyMatrix4(o), u = Math.max(Math.hypot(o[0], o[1], o[2]), Math.hypot(o[4], o[5], o[6]), Math.hypot(o[8], o[9], o[10]));
-	if (n && e.frustumCulled && !s && !qt(n, l, c.getRadius() * u)) return null;
+	if (n && e.frustumCulled && !s && !Xt(n, l, c.getRadius() * u)) return null;
 	let d = r && e.drawMode === "triangles" ? r : null;
 	if (d && !s) {
 		let e = d.plane;
@@ -2406,7 +2518,7 @@ function Rt(e, t, n, r) {
 		clip: d
 	};
 }
-function zt(e, t) {
+function Ht(e, t) {
 	let n = new V();
 	for (let e of t) e.node.expandBounds(n);
 	let r = n.getCenter(), i = e.plane, a = i[0] * r[0] + i[1] * r[1] + i[2] * r[2] + i[3], o = new z(r[0] - i[0] * a, r[1] - i[1] * a, r[2] - i[2] * a);
@@ -2418,13 +2530,13 @@ function zt(e, t) {
 		radius: n.getRadius()
 	};
 }
-var Bt = /* @__PURE__ */ new WeakMap(), Vt = 1;
-function Ht(e, t, n, r, i) {
-	Array.isArray(e.labels) ? e.labels.forEach((a, o) => Ut(e, a, o, t, n, r, i)) : Ut(e, e.labels, 0, t, n, r, i);
+var Ut = /* @__PURE__ */ new WeakMap(), Wt = 1;
+function Gt(e, t, n, r, i) {
+	Array.isArray(e.labels) ? e.labels.forEach((a, o) => Kt(e, a, o, t, n, r, i)) : Kt(e, e.labels, 0, t, n, r, i);
 }
-function Ut(e, t, n, r, i, a, o) {
-	let { worldMatrix: s } = e, c = Bt.get(e);
-	c === void 0 && Bt.set(e, c = Vt++);
+function Kt(e, t, n, r, i, a, o) {
+	let { worldMatrix: s } = e, c = Ut.get(e);
+	c === void 0 && Ut.set(e, c = Wt++);
 	let l = "instanceMatrices" in e, u = l ? e.count : e.geometry.drawnVertices, d = 0, f = 0, p = 0;
 	if (l) {
 		let n = e.geometry.bounds, r = n.getCenter();
@@ -2432,7 +2544,7 @@ function Ut(e, t, n, r, i, a, o) {
 	}
 	let m = Array.isArray(e.data) ? e.data : null, h = typeof t.priority == "function";
 	for (let g = 0; g < u; g++) {
-		if (l && jt(e.instanceMatrices, g)) continue;
+		if (l && Nt(e.instanceMatrices, g)) continue;
 		let u = m ? m[g] : null, _ = t.text(u, g);
 		if (_ == null || _ === "") continue;
 		let v, y, b;
@@ -2454,11 +2566,11 @@ function Ut(e, t, n, r, i, a, o) {
 			text: String(_),
 			style: S,
 			position: x,
-			...Gt(x, r, i, a)
+			...Jt(x, r, i, a)
 		});
 	}
 }
-function Wt(e, t) {
+function qt(e, t) {
 	let n = t, r = n[0] * e[0] + n[4] * e[1] + n[8] * e[2] + n[12], i = n[1] * e[0] + n[5] * e[1] + n[9] * e[2] + n[13], a = n[2] * e[0] + n[6] * e[1] + n[10] * e[2] + n[14], o = n[3] * e[0] + n[7] * e[1] + n[11] * e[2] + n[15], s = [
 		r / o,
 		i / o,
@@ -2469,8 +2581,8 @@ function Wt(e, t) {
 		visible: o > 0 && Math.abs(s[0]) <= 1 && Math.abs(s[1]) <= 1 && Math.abs(s[2]) <= 1
 	};
 }
-function Gt(e, t, n, r) {
-	let { ndc: i, visible: a } = Wt(e, t), o = -(n[2] * e[0] + n[6] * e[1] + n[10] * e[2] + n[14]), s = t, c = s[3] * e[0] + s[7] * e[1] + s[11] * e[2] + s[15];
+function Jt(e, t, n, r) {
+	let { ndc: i, visible: a } = qt(e, t), o = -(n[2] * e[0] + n[6] * e[1] + n[10] * e[2] + n[14]), s = t, c = s[3] * e[0] + s[7] * e[1] + s[11] * e[2] + s[15];
 	return {
 		ndc: [i[0], i[1]],
 		depth: o,
@@ -2478,7 +2590,7 @@ function Gt(e, t, n, r) {
 		scale: c > 0 ? r / c : 0
 	};
 }
-function Kt(e) {
+function Yt(e) {
 	let t = (t) => [
 		e[t],
 		e[4 + t],
@@ -2532,27 +2644,27 @@ function Kt(e) {
 		]);
 	});
 }
-function qt(e, t, n) {
+function Xt(e, t, n) {
 	for (let r of e) if (r[0] * t[0] + r[1] * t[1] + r[2] * t[2] + r[3] < -n) return !1;
 	return !0;
 }
-var Jt = class {
+var Zt = class {
 	lastFrame = null;
 	frameCount = 0;
 	render(e, t) {
-		return e.updateWorldTree(), this.renderFrame(Lt(e, t));
+		return e.updateWorldTree(), this.renderFrame(Bt(e, t));
 	}
 	renderFrame(e) {
 		return this.lastFrame = e, this.frameCount++, e;
 	}
 	dispose() {}
-}, Yt = 6, Xt = 16, Zt = 64, Qt = .2, $t = .5;
-function en(e, t, n, r, i, a, o = null, s = 0) {
-	if (o) return [o === "left" ? Xt + a[0] : s - Xt - n - a[0], t - r / 2 + a[1]];
+}, Qt = 6, $t = 16, en = 64, tn = .2, nn = .5;
+function rn(e, t, n, r, i, a, o = null, s = 0) {
+	if (o) return [o === "left" ? $t + a[0] : s - $t - n - a[0], t - r / 2 + a[1]];
 	let c = e - n / 2, l = t - r / 2;
-	return i === "above" ? l = t - r - Yt : i === "below" ? l = t + Yt : i === "left" ? c = e - n - Yt : i === "right" && (c = e + Yt), [c + a[0], l + a[1]];
+	return i === "above" ? l = t - r - Qt : i === "below" ? l = t + Qt : i === "left" ? c = e - n - Qt : i === "right" && (c = e + Qt), [c + a[0], l + a[1]];
 }
-function tn(e, t, n = 4) {
+function an(e, t, n = 4) {
 	for (let r of ["left", "right"]) {
 		let i = e.filter((e) => e.edge === r).sort((e, t) => e.top - t.top), a = [];
 		for (let e of i) {
@@ -2584,23 +2696,23 @@ function tn(e, t, n = 4) {
 		}
 	}
 }
-function nn(e) {
+function on(e) {
 	for (let t of ["left", "right"]) {
 		let n = e.filter((e) => e.edge === t), r = Math.max(0, ...n.map((e) => e.width));
 		for (let e of n) t === "right" && (e.left -= r - e.width), e.width = r;
 	}
 }
-function rn(e, t, n, r = null, i = 0) {
+function sn(e, t, n, r = null, i = 0) {
 	if (r) return [r === "left" ? n.left + n.width : n.left, n.top + n.height - i / 2];
 	let a = Math.min(Math.max(e, n.left), n.left + n.width), o = Math.min(Math.max(t, n.top), n.top + n.height);
 	return Math.hypot(a - e, o - t) < 2 ? null : [a, o];
 }
-function an(e) {
+function cn(e) {
 	let t = e.map((e, t) => t).sort((t, n) => {
 		let r = e[t], i = e[n];
 		return +(i.overlap === "show") - (r.overlap === "show") || i.priority - r.priority || +!!i.sticky - !!r.sticky || r.depth - i.depth || t - n;
 	}), n = Array(e.length).fill("hide"), r = /* @__PURE__ */ new Map(), i = (e, t) => {
-		let n = Math.floor(e.left / Zt), r = Math.floor((e.left + e.width) / Zt), i = Math.floor(e.top / Zt), a = Math.floor((e.top + e.height) / Zt);
+		let n = Math.floor(e.left / en), r = Math.floor((e.left + e.width) / en), i = Math.floor(e.top / en), a = Math.floor((e.top + e.height) / en);
 		for (let e = n; e <= r; e++) for (let n = i; n <= a; n++) t(`${e},${n}`);
 	}, a = (e, t) => {
 		let n = Math.min(e.left + e.width, t.left + t.width) - Math.max(e.left, t.left), r = Math.min(e.top + e.height, t.top + t.height) - Math.max(e.top, t.top);
@@ -2609,7 +2721,7 @@ function an(e) {
 	for (let o of t) {
 		let t = e[o];
 		if (t.overlap !== "show") {
-			let e = t.sticky ? $t : Qt, s = !!t.covered;
+			let e = t.sticky ? nn : tn, s = !!t.covered;
 			if (i(t, (n) => {
 				s ||= (r.get(n) ?? []).some((n) => a(t, n) > e);
 			}), s) {
@@ -2625,7 +2737,7 @@ function an(e) {
 	return n;
 }
 // src/labels.js
-var on = "http://www.w3.org/2000/svg", sn = "0.4", cn = class {
+var ln = "http://www.w3.org/2000/svg", un = "0.4", dn = class {
 	#e = null;
 	#t = /* @__PURE__ */ new Map();
 	shown = [];
@@ -2664,7 +2776,7 @@ var on = "http://www.w3.org/2000/svg", sn = "0.4", cn = class {
 		for (let { entry: e } of o) e.width < 0 && (e.el.style.display = "");
 		for (let { entry: e } of o) e.width >= 0 || (e.el.style.minWidth = "", e.width = e.el.offsetWidth, e.height = e.el.offsetHeight);
 		let s = o.map(({ label: e, entry: t }) => {
-			let n = (e.ndc[0] * .5 + .5) * i.width, r = (.5 - e.ndc[1] * .5) * i.height, [a, o] = en(n, r, t.width, t.height, e.style.place, e.style.offset, e.style.edge, i.width);
+			let n = (e.ndc[0] * .5 + .5) * i.width, r = (.5 - e.ndc[1] * .5) * i.height, [a, o] = rn(n, r, t.width, t.height, e.style.place, e.style.offset, e.style.edge, i.width);
 			return {
 				left: a,
 				top: o,
@@ -2680,8 +2792,8 @@ var on = "http://www.w3.org/2000/svg", sn = "0.4", cn = class {
 				edge: e.style.edge
 			};
 		});
-		nn(s), tn(s, i.height);
-		let c = an(s);
+		on(s), an(s, i.height);
+		let c = cn(s);
 		for (let e of this.#t.values()) e.showing = !1;
 		let l = new Set(this.#t.values());
 		o.forEach(({ label: e, entry: t }, r) => {
@@ -2694,7 +2806,7 @@ var on = "http://www.w3.org/2000/svg", sn = "0.4", cn = class {
 			let a = !!this.pointer?.interactive(e);
 			a !== t.interactive && (t.interactive = a, t.el.style.pointerEvents = a ? "auto" : "", a ? t.el.dataset.interactive = "" : (delete t.el.dataset.interactive, this.#l(t))), i === "dim" ? n.dimmed++ : n.shown++, this.shown.push(t.el);
 			let o = t.el, u = s[r];
-			o.style.display = "", o.style.opacity = i === "dim" ? sn : "", u.left = Math.round(u.left), u.top = Math.round(u.top), o.style.transform = `translate(${u.left}px, ${u.top}px)`;
+			o.style.display = "", o.style.opacity = i === "dim" ? un : "", u.left = Math.round(u.left), u.top = Math.round(u.top), o.style.transform = `translate(${u.left}px, ${u.top}px)`;
 			let d = e.style.edge, f = d && t.width !== u.width ? `${u.width}px` : "", p = d === "right" ? "right" : "";
 			(o.style.minWidth !== f || o.style.textAlign !== p) && Object.assign(o.style, {
 				minWidth: f,
@@ -2718,8 +2830,8 @@ var on = "http://www.w3.org/2000/svg", sn = "0.4", cn = class {
 			let t = getComputedStyle(e.el);
 			e.color = t.color, e.rule = t.borderBottomStyle === "none" ? 0 : parseFloat(t.borderBottomWidth) || 0;
 		}
-		let a = rn(r, i, t, t.edge, e.rule), o = e.leader;
-		o || (o = document.createElementNS(on, "g"), o.append(document.createElementNS(on, "line"), document.createElementNS(on, "circle")), this.#c().append(o), e.leader = o);
+		let a = sn(r, i, t, t.edge, e.rule), o = e.leader;
+		o || (o = document.createElementNS(ln, "g"), o.append(document.createElementNS(ln, "line"), document.createElementNS(ln, "circle")), this.#c().append(o), e.leader = o);
 		let s = e.color;
 		o.setAttribute("class", `phoria-leader${e.className.slice(12)}`), o.setAttribute("stroke", s), o.setAttribute("fill", s), o.style.display = "", o.style.opacity = String(n);
 		let [c, l] = [...o.children];
@@ -2732,7 +2844,7 @@ var on = "http://www.w3.org/2000/svg", sn = "0.4", cn = class {
 	}
 	#c() {
 		if (this.#n) return this.#n;
-		let e = document.createElementNS(on, "svg");
+		let e = document.createElementNS(ln, "svg");
 		return e.setAttribute("class", "phoria-leaders"), Object.assign(e.style, {
 			position: "absolute",
 			left: "0",
@@ -2813,7 +2925,7 @@ var on = "http://www.w3.org/2000/svg", sn = "0.4", cn = class {
 		let t = this.canvas;
 		e.style.position = getComputedStyle(t).position === "fixed" ? "fixed" : "absolute", e.style.left = `${t.offsetLeft + t.clientLeft}px`, e.style.top = `${t.offsetTop + t.clientTop}px`, e.style.width = `${t.clientWidth}px`, e.style.height = `${t.clientHeight}px`;
 	}
-}, ln = [
+}, fn = [
 	"enabled",
 	"mode",
 	"rotateSpeed",
@@ -2827,7 +2939,7 @@ var on = "http://www.w3.org/2000/svg", sn = "0.4", cn = class {
 	"maxDistance",
 	"minPitch",
 	"maxPitch"
-], un = {
+], pn = {
 	enableDamping: "use 'inertia' (0 to turn it off)",
 	enableRotate: "use mode: 'map' to make dragging pan instead of turning",
 	rotate: "use mode: 'map' to make dragging pan instead of turning",
@@ -2836,14 +2948,14 @@ var on = "http://www.w3.org/2000/svg", sn = "0.4", cn = class {
 	screenSpacePanning: "panning always follows the screen",
 	dampingFactor: "use 'inertia': the fraction of speed kept each 1/60 s (default 0.85)",
 	target: "set camera.target - the control orbits around it"
-}, dn = Math.PI / 2 - .001, fn = 4;
-function pn(e) {
+}, mn = Math.PI / 2 - .001, hn = 4;
+function gn(e) {
 	let t = "OrbitControl";
 	e.mode !== void 0 && P(t, "mode", e.mode, ["orbit", "map"]), e.rotateSpeed !== void 0 && N(t, "rotateSpeed", e.rotateSpeed, 0), e.zoomSpeed !== void 0 && N(t, "zoomSpeed", e.zoomSpeed, 0), e.inertia !== void 0 && N(t, "inertia", e.inertia, 0, .99), e.autoRotate === void 0 || typeof e.autoRotate == "boolean" || typeof e.autoRotate == "number" && Number.isFinite(e.autoRotate) || E(t, `'autoRotate' is true, false or a speed in radians per second, got ${j(e.autoRotate)}`), e.minDistance !== void 0 && N(t, "minDistance", e.minDistance, 0), e.maxDistance !== void 0 && N(t, "maxDistance", e.maxDistance, 0, Infinity, { above: !0 }), e.minPitch !== void 0 && N(t, "minPitch", e.minPitch, -Math.PI / 2, Math.PI / 2), e.maxPitch !== void 0 && N(t, "maxPitch", e.maxPitch, -Math.PI / 2, Math.PI / 2);
 }
-var mn = class {
-	static OPTIONS = ln;
-	static HINTS = un;
+var _n = class {
+	static OPTIONS = fn;
+	static HINTS = pn;
 	enabled = !0;
 	mode = "orbit";
 	rotateSpeed = .005;
@@ -2855,8 +2967,8 @@ var mn = class {
 	autoRotate = !1;
 	minDistance = .1;
 	maxDistance = Infinity;
-	minPitch = -dn;
-	maxPitch = dn;
+	minPitch = -mn;
+	maxPitch = mn;
 	camera;
 	element;
 	#e = /* @__PURE__ */ new Map();
@@ -2875,7 +2987,7 @@ var mn = class {
 	#s;
 	#c = null;
 	constructor(e, t, n = {}) {
-		A("OrbitControl", n, ln, un), e && "target" in e || E("OrbitControl", "expects a camera, e.g. new OrbitControl(view.camera, view.canvas)"), this.camera = e, this.element = t, pn(n), Object.assign(this, n), this.minDistance > this.maxDistance && E("OrbitControl", `'minDistance' (${this.minDistance}) is more than 'maxDistance' (${this.maxDistance})`), this.minPitch > this.maxPitch && E("OrbitControl", `'minPitch' (${this.minPitch}) is more than 'maxPitch' (${this.maxPitch})`), e.target ??= new z(), t.style.touchAction = "none";
+		A("OrbitControl", n, fn, pn), e && "target" in e || E("OrbitControl", "expects a camera, e.g. new OrbitControl(view.camera, view.canvas)"), this.camera = e, this.element = t, gn(n), Object.assign(this, n), this.minDistance > this.maxDistance && E("OrbitControl", `'minDistance' (${this.minDistance}) is more than 'maxDistance' (${this.maxDistance})`), this.minPitch > this.maxPitch && E("OrbitControl", `'minPitch' (${this.minPitch}) is more than 'maxPitch' (${this.maxPitch})`), e.target ??= new z(), t.style.touchAction = "none";
 		let r = (e) => this.#f(e), i = (e) => this.#p(e), a = (e) => this.#m(e), o = (e) => this.#h(e), s = (e) => {
 			this.enabled && this.pan && e.preventDefault();
 		}, c = (e) => {
@@ -3000,7 +3112,7 @@ var mn = class {
 		else {
 			let e = -n * this.rotateSpeed, t = r * this.rotateSpeed;
 			this.rotate(e, t);
-			let i = performance.now(), a = Math.max(1 / 60, (i - this.#n) / 1e3), o = (e) => Math.max(-4, Math.min(fn, e / a));
+			let i = performance.now(), a = Math.max(1 / 60, (i - this.#n) / 1e3), o = (e) => Math.max(-4, Math.min(hn, e / a));
 			this.#t = {
 				yaw: o(e),
 				pitch: o(t)
@@ -3026,34 +3138,34 @@ var mn = class {
 		let [e, t] = [...this.#e.values()];
 		return Math.hypot(e.x - t.x, e.y - t.y);
 	}
-}, hn = new Float32Array([
+}, vn = new Float32Array([
 	0,
 	1,
 	0
-]), gn = /* @__PURE__ */ new Float32Array(16), _n = /* @__PURE__ */ new Float32Array(9);
-function vn(e, t) {
+]), yn = /* @__PURE__ */ new Float32Array(16), bn = /* @__PURE__ */ new Float32Array(9);
+function xn(e, t) {
 	if (e.position.equals(t, 1e-9)) return;
 	let n = t.clone().sub(e.position).normalize(), r = Math.hypot(n[0], n[2]) < 5e-4 ? [
 		0,
 		0,
 		-1
-	] : hn;
-	f(gn, e.position, t, r);
-	let i = Oe(/* @__PURE__ */ new Float32Array(4), je(/* @__PURE__ */ new Float32Array(4), at(_n, gn)));
+	] : vn;
+	f(yn, e.position, t, r);
+	let i = Oe(/* @__PURE__ */ new Float32Array(4), je(/* @__PURE__ */ new Float32Array(4), st(bn, yn)));
 	e.quaternion.copy(i);
 }
-var yn = [
+var Sn = [
 	...G,
 	"near",
 	"far",
 	"target",
 	"aspect"
-], bn = {
+], Cn = {
 	lookAt: "use target: [x, y, z], or call camera.lookAt(...) after creating it",
 	zoom: "move the camera, or change 'fov' (perspective) or 'height' (orthographic)"
-}, xn = class extends K {
-	static OPTIONS = yn;
-	static HINTS = bn;
+}, wn = class extends K {
+	static OPTIONS = Sn;
+	static HINTS = Cn;
 	near = .1;
 	far = 1e3;
 	aspect = 1;
@@ -3067,13 +3179,13 @@ var yn = [
 		return this.#e;
 	}
 	set target(e) {
-		this.#e = dt(this.#e, e, this.constructor.name);
+		this.#e = pt(this.#e, e, this.constructor.name);
 	}
 	updateMatrix() {
-		return this.target && vn(this, this.target), super.updateMatrix();
+		return this.target && xn(this, this.target), super.updateMatrix();
 	}
 	lookAt(e, t) {
-		return this.target ? (this.target.copy(ft(this, e)), this) : super.lookAt(e, t);
+		return this.target ? (this.target.copy(mt(this, e)), this) : super.lookAt(e, t);
 	}
 	get projectionMatrix() {
 		return new B();
@@ -3094,10 +3206,10 @@ var yn = [
 		let e = {};
 		return this.near !== .1 && (e.near = this.near), this.far !== 1e3 && (e.far = this.far), this.target && (e.target = this.target.toArray()), e;
 	}
-}, Sn = class extends xn {
+}, Tn = class extends wn {
 	static type = "perspective-camera";
 	static get OPTIONS() {
-		return [...yn, "fov"];
+		return [...Sn, "fov"];
 	}
 	fov = 50;
 	constructor(e = {}) {
@@ -3118,10 +3230,10 @@ var yn = [
 			...this.fov === 50 ? {} : { fov: this.fov }
 		};
 	}
-}, Cn = class extends xn {
+}, En = class extends wn {
 	static type = "orthographic-camera";
 	static get OPTIONS() {
-		return [...yn, "height"];
+		return [...Sn, "height"];
 	}
 	height = 10;
 	constructor(e = {}) {
@@ -3143,7 +3255,7 @@ var yn = [
 			...this.height === 10 ? {} : { height: this.height }
 		};
 	}
-}, wn = {
+}, Dn = {
 	perspective: [
 		.6,
 		.45,
@@ -3169,7 +3281,7 @@ var yn = [
 		0,
 		0
 	]
-}, Tn = Object.keys(wn), En = {
+}, On = Object.keys(Dn), kn = {
 	ortho: "isometric",
 	orthographic: "isometric",
 	iso: "isometric",
@@ -3183,13 +3295,13 @@ var yn = [
 	persp: "perspective",
 	"3d": "perspective"
 };
-function Dn(e, { target: t = [
+function An(e, { target: t = [
 	0,
 	0,
 	0
 ], distance: n = 10 } = {}) {
-	let r = On(e), i = new z(t[0], t[1], t[2]).add(r.multiplyScalar(n));
-	return e === "perspective" ? new Sn({
+	let r = jn(e), i = new z(t[0], t[1], t[2]).add(r.multiplyScalar(n));
+	return e === "perspective" ? new Tn({
 		fov: 45,
 		position: i,
 		target: [
@@ -3197,7 +3309,7 @@ function Dn(e, { target: t = [
 			t[1],
 			t[2]
 		]
-	}) : new Cn({
+	}) : new En({
 		height: n,
 		position: i,
 		target: [
@@ -3208,15 +3320,15 @@ function Dn(e, { target: t = [
 		far: Math.max(1e3, n * 20)
 	});
 }
-function On(e) {
-	if (!(e in wn)) {
-		let t = En[String(e).toLowerCase()];
-		E("View", `camera '${e}' is not a preset - ${t ? `use '${t}'` : `expected one of ${Tn.map((e) => `'${e}'`).join(", ")}${k(String(e), Tn)}`}`);
+function jn(e) {
+	if (!(e in Dn)) {
+		let t = kn[String(e).toLowerCase()];
+		E("View", `camera '${e}' is not a preset - ${t ? `use '${t}'` : `expected one of ${On.map((e) => `'${e}'`).join(", ")}${k(String(e), On)}`}`);
 	}
-	return new z(...wn[e]).normalize();
+	return new z(...Dn[e]).normalize();
 }
-var kn = .12;
-function An(e, t, { aspect: n, fov: r, padding: i = 0 }) {
+var Mn = .12;
+function Nn(e, t, { aspect: n, fov: r, padding: i = 0 }) {
 	let a = 1 + i, o = n > 0 ? n : 1, s = new z(-t[0], -t[1], -t[2]), c = s.clone().cross(Math.abs(s[1]) > .9999 ? [
 		0,
 		0,
@@ -3263,7 +3375,7 @@ function An(e, t, { aspect: n, fov: r, padding: i = 0 }) {
 			let a = x + i[2] - m[2], o = (i[0] - m[0]) / a / v, s = (i[1] - m[1]) / a / _;
 			e = Math.min(e, o), t = Math.max(t, o), n = Math.min(n, s), r = Math.max(r, s);
 		}
-		let i = (e + t) / 2, a = (n + r) / 2 + kn;
+		let i = (e + t) / 2, a = (n + r) / 2 + Mn;
 		if (Math.abs(i) < 1e-4 && Math.abs(a) < 1e-4) break;
 		m[0] += i * v * x, m[1] += a * _ * x, x = b();
 	}
@@ -3272,18 +3384,18 @@ function An(e, t, { aspect: n, fov: r, padding: i = 0 }) {
 		size: x
 	};
 }
-function jn(e, t, n) {
+function Pn(e, t, n) {
 	if (e === "height" || !(n > 0) || !(t > 0)) return 1;
 	let r = t / n;
 	return e === "width" ? r : Math.max(1, r);
 }
 // src/ease.js
-var Mn = {
+var Fn = {
 	linear: (e) => e,
 	in: (e) => e * e * e,
 	out: (e) => 1 - (1 - e) ** 3,
 	inOut: (e) => e < .5 ? 4 * e * e * e : 1 - (-2 * e + 2) ** 3 / 2
-}, Nn = new z(), Pn = new z(), Fn = new z(), q = new z(), In = new z(), Ln = class e {
+}, In = new z(), Ln = new z(), Rn = new z(), q = new z(), zn = new z(), Bn = class e {
 	origin = new z();
 	direction = new z(0, 0, -1);
 	constructor(e, t) {
@@ -3313,17 +3425,17 @@ var Mn = {
 		return r >= 0 ? r : null;
 	}
 	intersectTriangle(e, t, n, r) {
-		Nn.set(t[0] - e[0], t[1] - e[1], t[2] - e[2]), Pn.set(n[0] - e[0], n[1] - e[1], n[2] - e[2]), Fn.copy(this.direction).cross(Pn);
-		let i = Nn.dot(Fn);
+		In.set(t[0] - e[0], t[1] - e[1], t[2] - e[2]), Ln.set(n[0] - e[0], n[1] - e[1], n[2] - e[2]), Rn.copy(this.direction).cross(Ln);
+		let i = In.dot(Rn);
 		if (r ? i < 1e-10 : Math.abs(i) < 1e-10) return null;
 		let a = 1 / i;
 		q.set(this.origin[0] - e[0], this.origin[1] - e[1], this.origin[2] - e[2]);
-		let o = q.dot(Fn) * a;
+		let o = q.dot(Rn) * a;
 		if (o < 0 || o > 1) return null;
-		In.copy(q).cross(Nn);
-		let s = this.direction.dot(In) * a;
+		zn.copy(q).cross(In);
+		let s = this.direction.dot(zn) * a;
 		if (s < 0 || o + s > 1) return null;
-		let c = Pn.dot(In) * a;
+		let c = Ln.dot(zn) * a;
 		return c >= 0 ? {
 			t: c,
 			u: o,
@@ -3332,7 +3444,7 @@ var Mn = {
 	}
 	distanceSqToPoint(e) {
 		q.set(e[0] - this.origin[0], e[1] - this.origin[1], e[2] - this.origin[2]);
-		let t = Math.max(0, q.dot(this.direction)), n = this.at(t, In);
+		let t = Math.max(0, q.dot(this.direction)), n = this.at(t, zn);
 		return {
 			distanceSq: (e[0] - n[0]) ** 2 + (e[1] - n[1]) ** 2 + (e[2] - n[2]) ** 2,
 			t
@@ -3350,18 +3462,18 @@ var Mn = {
 			s: m
 		};
 	}
-}, Rn = 8, zn = /* @__PURE__ */ new WeakMap();
-function Bn(e, t) {
-	let n = zn.get(e);
+}, Vn = 8, Hn = /* @__PURE__ */ new WeakMap();
+function Un(e, t) {
+	let n = Hn.get(e);
 	if (n && n.version === e.version && n.count === t) return n.bvh;
-	let r = Vn(e, t);
-	return zn.set(e, {
+	let r = Wn(e, t);
+	return Hn.set(e, {
 		version: e.version,
 		count: t,
 		bvh: r
 	}), r;
 }
-function Vn(e, t) {
+function Wn(e, t) {
 	let n = e.positions, r = e.indices, i = (e, t) => (r ? r[e * 3 + t] : e * 3 + t) * 3, a = new Float32Array(t * 9);
 	for (let e = 0; e < t; e++) {
 		let t = i(e, 0), r = i(e, 1), o = i(e, 2);
@@ -3372,7 +3484,7 @@ function Vn(e, t) {
 	}
 	let o = new Uint32Array(t);
 	for (let e = 0; e < t; e++) o[e] = e;
-	let s = Math.max(1, 2 * Math.ceil(t / Rn) * 2), c = new Float32Array(s * 6), l = new Int32Array(s * 2), u = 0, d = () => {
+	let s = Math.max(1, 2 * Math.ceil(t / Vn) * 2), c = new Float32Array(s * 6), l = new Int32Array(s * 2), u = 0, d = () => {
 		let e = new Float32Array(c.length * 2), t = new Int32Array(l.length * 2);
 		e.set(c), t.set(l), c = e, l = t;
 	}, f = () => ((u + 1) * 2 > l.length && d(), u++), p = [[
@@ -3395,12 +3507,12 @@ function Vn(e, t) {
 			m
 		], e * 6);
 		let x = v - h, S = y - g, C = b - _;
-		if (n - t <= Rn || Math.max(x, S, C) <= 0) {
+		if (n - t <= Vn || Math.max(x, S, C) <= 0) {
 			l[e * 2] = t, l[e * 2 + 1] = n - t;
 			continue;
 		}
 		let w = x >= S && x >= C ? 6 : S >= C ? 7 : 8, T = t + n >> 1;
-		Hn(o, a, w, t, n, T);
+		Gn(o, a, w, t, n, T);
 		let E = f();
 		f(), l[e * 2] = E, l[e * 2 + 1] = 0, p.push([
 			E,
@@ -3418,7 +3530,7 @@ function Vn(e, t) {
 		order: o
 	};
 }
-function Hn(e, t, n, r, i, a) {
+function Gn(e, t, n, r, i, a) {
 	let o = r, s = i - 1;
 	for (; o < s;) {
 		let r = t[e[o + s >> 1] * 9 + n], i = o, c = s;
@@ -3435,7 +3547,7 @@ function Hn(e, t, n, r, i, a) {
 		else break;
 	}
 }
-function Un(e, t, n, r) {
+function Kn(e, t, n, r) {
 	let { boxes: i, nodes: a, order: o } = e, s = 1 / n[0], c = 1 / n[1], l = 1 / n[2], u = (e) => {
 		let n = e * 6, r = (i[n] - t[0]) * s, a = (i[n + 3] - t[0]) * s, o = Math.min(r, a), u = Math.max(r, a);
 		return r = (i[n + 1] - t[1]) * c, a = (i[n + 4] - t[1]) * c, o = Math.max(o, Math.min(r, a)), u = Math.min(u, Math.max(r, a)), r = (i[n + 2] - t[2]) * l, a = (i[n + 5] - t[2]) * l, o = Math.max(o, Math.min(r, a)), u = Math.min(u, Math.max(r, a)), u >= Math.max(o, 0) || Number.isNaN(o) || Number.isNaN(u) ? Math.max(o, 0) || 0 : Infinity;
@@ -3455,11 +3567,11 @@ function Un(e, t, n, r) {
 	}
 }
 // src/Raycaster.js
-var Wn = /* @__PURE__ */ new Float32Array(16), Gn = /* @__PURE__ */ new Float32Array(16), J = new z(), Y = new z(), Kn = new z(), qn = /* @__PURE__ */ new Float32Array(4), Jn = (e) => e?.clip ? {
+var qn = /* @__PURE__ */ new Float32Array(16), Jn = /* @__PURE__ */ new Float32Array(16), J = new z(), Y = new z(), Yn = new z(), Xn = /* @__PURE__ */ new Float32Array(4), Zn = (e) => e?.clip ? {
 	plane: Ce(e),
 	cap: !!e.clip.cap
-} : null, Yn = class {
-	ray = new Ln();
+} : null, Qn = class {
+	ray = new Bn();
 	near = 0;
 	far = Infinity;
 	threshold = .1;
@@ -3476,7 +3588,7 @@ var Wn = /* @__PURE__ */ new Float32Array(16), Gn = /* @__PURE__ */ new Float32A
 	}
 	intersect(e) {
 		let t = [];
-		for (let n of [e].flat()) n.updateWorld(), this.#e(n, t, Jn(we(n.parent)));
+		for (let n of [e].flat()) n.updateWorld(), this.#e(n, t, Zn(we(n.parent)));
 		return t.filter((e) => e.distance >= this.near && e.distance <= this.far).sort((e, t) => e.distance - t.distance);
 	}
 	intersectDrawn(e) {
@@ -3488,7 +3600,7 @@ var Wn = /* @__PURE__ */ new Float32Array(16), Gn = /* @__PURE__ */ new Float32A
 				plane: n.clip.plane,
 				cap: !!n.clip.cap
 			} : null;
-			if (n.instances) for (let i = 0; i < n.instances.count; i++) s(Gn, n.worldMatrix, n.instances.instanceMatrices.subarray(i * 16, i * 16 + 16)), this.#t(e, Gn, i, t, r);
+			if (n.instances) for (let i = 0; i < n.instances.count; i++) s(Jn, n.worldMatrix, n.instances.instanceMatrices.subarray(i * 16, i * 16 + 16)), this.#t(e, Jn, i, t, r);
 			else this.#t(e, n.worldMatrix, null, t, r);
 		}
 		return t.filter((e) => e.distance >= this.near && e.distance <= this.far).sort((e, t) => e.distance - t.distance);
@@ -3532,10 +3644,10 @@ var Wn = /* @__PURE__ */ new Float32Array(16), Gn = /* @__PURE__ */ new Float32A
 	}
 	intersectElement(e, t) {
 		e.updateWorld();
-		let n = e, r = [], i = Jn(we(e));
+		let n = e, r = [], i = Zn(we(e));
 		if (n.drawMode === "triangles" && n.instanceMatrices) {
 			if (t >= n.count) return null;
-			s(Gn, n.worldMatrix, n.instanceMatrices.subarray(t * 16, t * 16 + 16)), this.#t(n, Gn, t, r, i);
+			s(Jn, n.worldMatrix, n.instanceMatrices.subarray(t * 16, t * 16 + 16)), this.#t(n, Jn, t, r, i);
 		} else if (n.drawMode === "triangles") this.#t(n, n.worldMatrix, null, r, i);
 		else if (n.drawMode === "points") {
 			let e = n.geometry.positions;
@@ -3571,9 +3683,9 @@ var Wn = /* @__PURE__ */ new Float32Array(16), Gn = /* @__PURE__ */ new Float32A
 	}
 	#e(e, t, n) {
 		if (!(this.camera ? e.shownTo(this.camera) : e.visible) || !e.pickable) return;
-		e.clip && (n = Jn(e));
+		e.clip && (n = Zn(e));
 		let r = e;
-		if (r.drawMode === "triangles" && r.instanceMatrices) for (let e = 0; e < r.count; e++) s(Gn, r.worldMatrix, r.instanceMatrices.subarray(e * 16, e * 16 + 16)), this.#t(r, Gn, e, t, n);
+		if (r.drawMode === "triangles" && r.instanceMatrices) for (let e = 0; e < r.count; e++) s(Jn, r.worldMatrix, r.instanceMatrices.subarray(e * 16, e * 16 + 16)), this.#t(r, Jn, e, t, n);
 		else r.drawMode === "triangles" ? this.#t(r, r.worldMatrix, null, t, n) : r.drawMode === "points" ? this.#n(r, t) : r.drawMode === "lines" && this.#r(r, t);
 		for (let r of e.children) this.#e(r, t, n);
 	}
@@ -3581,26 +3693,26 @@ var Wn = /* @__PURE__ */ new Float32Array(16), Gn = /* @__PURE__ */ new Float32A
 		let o = e.geometry;
 		if (!o.vertexCount) return;
 		let s = o.bounds, c = s.getCenter().applyMatrix4(t), l = Math.max(Math.hypot(t[0], t[1], t[2]), Math.hypot(t[4], t[5], t[6]), Math.hypot(t[8], t[9], t[10]));
-		if (this.ray.intersectSphere(c, s.getRadius() * l) === null || !a(Wn, t)) return;
-		let u = this.ray.clone().applyMatrix4(Wn), d = o.positions, f = o.indices, p = !e.material.doubleSided && !i?.cap;
-		if (i) for (let e = 0; e < 4; e++) qn[e] = i.plane[0] * t[e * 4] + i.plane[1] * t[e * 4 + 1] + i.plane[2] * t[e * 4 + 2] + i.plane[3] * t[e * 4 + 3];
+		if (this.ray.intersectSphere(c, s.getRadius() * l) === null || !a(qn, t)) return;
+		let u = this.ray.clone().applyMatrix4(qn), d = o.positions, f = o.indices, p = !e.material.doubleSided && !i?.cap;
+		if (i) for (let e = 0; e < 4; e++) Xn[e] = i.plane[0] * t[e * 4] + i.plane[1] * t[e * 4 + 1] + i.plane[2] * t[e * 4 + 2] + i.plane[3] * t[e * 4 + 3];
 		let m = u.origin, h = u.direction, g = null, _ = Infinity, v = -1, y = (e) => {
 			let t = f ? f[e * 3] : e * 3, n = f ? f[e * 3 + 1] : e * 3 + 1, r = f ? f[e * 3 + 2] : e * 3 + 2;
-			J.set(d[t * 3], d[t * 3 + 1], d[t * 3 + 2]), Y.set(d[n * 3], d[n * 3 + 1], d[n * 3 + 2]), Kn.set(d[r * 3], d[r * 3 + 1], d[r * 3 + 2]);
-			let a = u.intersectTriangle(J, Y, Kn, p);
-			return a && i && qn[0] * (m[0] + h[0] * a.t) + qn[1] * (m[1] + h[1] * a.t) + qn[2] * (m[2] + h[2] * a.t) + qn[3] > 0 || a && (a.t < _ || a.t === _ && e < v) && (g = {
+			J.set(d[t * 3], d[t * 3 + 1], d[t * 3 + 2]), Y.set(d[n * 3], d[n * 3 + 1], d[n * 3 + 2]), Yn.set(d[r * 3], d[r * 3 + 1], d[r * 3 + 2]);
+			let a = u.intersectTriangle(J, Y, Yn, p);
+			return a && i && Xn[0] * (m[0] + h[0] * a.t) + Xn[1] * (m[1] + h[1] * a.t) + Xn[2] * (m[2] + h[2] * a.t) + Xn[3] > 0 || a && (a.t < _ || a.t === _ && e < v) && (g = {
 				...a,
 				i0: t,
 				i1: n,
 				i2: r
 			}, _ = a.t, v = e), _;
 		}, b = Math.floor(o.drawnCount / 3);
-		if (b >= 128) Un(Bn(o, b), m, h, y);
+		if (b >= 128) Kn(Un(o, b), m, h, y);
 		else for (let e = 0; e < b; e++) y(e);
 		if (!g) return;
 		let x = u.at(g.t).applyMatrix4(t);
-		J.set(d[g.i0 * 3], d[g.i0 * 3 + 1], d[g.i0 * 3 + 2]), Y.set(d[g.i1 * 3], d[g.i1 * 3 + 1], d[g.i1 * 3 + 2]).sub(J), Kn.set(d[g.i2 * 3], d[g.i2 * 3 + 1], d[g.i2 * 3 + 2]).sub(J);
-		let S = Y.clone().cross(Kn), C = it(/* @__PURE__ */ new Float32Array(9), t), w = C ? new z(C[0] * S[0] + C[3] * S[1] + C[6] * S[2], C[1] * S[0] + C[4] * S[1] + C[7] * S[2], C[2] * S[0] + C[5] * S[1] + C[8] * S[2]).normalize() : null;
+		J.set(d[g.i0 * 3], d[g.i0 * 3 + 1], d[g.i0 * 3 + 2]), Y.set(d[g.i1 * 3], d[g.i1 * 3 + 1], d[g.i1 * 3 + 2]).sub(J), Yn.set(d[g.i2 * 3], d[g.i2 * 3 + 1], d[g.i2 * 3 + 2]).sub(J);
+		let S = Y.clone().cross(Yn), C = ot(/* @__PURE__ */ new Float32Array(9), t), w = C ? new z(C[0] * S[0] + C[3] * S[1] + C[6] * S[2], C[1] * S[0] + C[4] * S[1] + C[7] * S[2], C[2] * S[0] + C[5] * S[1] + C[8] * S[2]).normalize() : null;
 		if (i?.cap && w && w.dot(this.ray.direction) > 0) {
 			let e = i.plane, { origin: t, direction: n } = this.ray, r = e[0] * n[0] + e[1] * n[1] + e[2] * n[2];
 			r < 0 && (x = this.ray.at(-(e[0] * t[0] + e[1] * t[1] + e[2] * t[2] + e[3]) / r)), w = new z(e[0], e[1], e[2]);
@@ -3665,10 +3777,94 @@ var Wn = /* @__PURE__ */ new Float32Array(16), Gn = /* @__PURE__ */ new Float32A
 		}
 		s && t.push(s);
 	}
-}, Xn = /* @__PURE__ */ new WeakMap(), Zn = 1, X = (e) => {
-	let t = Xn.get(e);
-	return t === void 0 && Xn.set(e, t = Zn++), t;
-}, Qn = class {
+}, $n = /* @__PURE__ */ new Float32Array(16);
+function er(e) {
+	let t;
+	if (Array.isArray(e)) (e.length < 3 || !e.every((e) => Array.isArray(e) && e.length === 2 && e.every(Number.isFinite))) && E("View", `pickArea() takes a box { x, y, width, height } or a lasso of three or more [x, y] points, got ${j(e)}`), t = e.flat();
+	else {
+		let { x: n, y: r, width: i, height: a } = e ?? {};
+		[
+			n,
+			r,
+			i,
+			a
+		].every(Number.isFinite) || E("View", `pickArea() takes a box { x, y, width, height } or a lasso of three or more [x, y] points, got ${j(e)}`), t = [
+			n,
+			r,
+			n + i,
+			r,
+			n + i,
+			r + a,
+			n,
+			r + a
+		];
+	}
+	let n = Infinity, r = Infinity, i = -Infinity, a = -Infinity;
+	for (let e = 0; e < t.length; e += 2) n = Math.min(n, t[e]), i = Math.max(i, t[e]), r = Math.min(r, t[e + 1]), a = Math.max(a, t[e + 1]);
+	return {
+		points: t,
+		left: n,
+		top: r,
+		right: i,
+		bottom: a
+	};
+}
+function tr(e, t, n) {
+	let r = !1;
+	for (let i = 0, a = e.length - 2; i < e.length; a = i, i += 2) {
+		let o = e[i + 1], s = e[a + 1];
+		o > n != s > n && t < e[i] + (e[a] - e[i]) * (n - o) / (s - o) && (r = !r);
+	}
+	return r;
+}
+function nr(e, t, n, r, i, a) {
+	let o = er(a), c = t.worldPosition, l = n, u = [], d = (e, t, n) => {
+		let a = l[3] * e + l[7] * t + l[11] * n + l[15];
+		if (a <= 0) return !1;
+		let s = (l[2] * e + l[6] * t + l[10] * n + l[14]) / a;
+		if (s < -1 || s > 1) return !1;
+		let c = ((l[0] * e + l[4] * t + l[8] * n + l[12]) / a * .5 + .5) * r, u = (.5 - (l[1] * e + l[5] * t + l[9] * n + l[13]) / a * .5) * i;
+		return c >= o.left && c <= o.right && u >= o.top && u <= o.bottom && tr(o.points, c, u);
+	}, f = (e, t, n, r, i, a) => {
+		let o = new z(t, n, r);
+		u.push({
+			node: e,
+			point: o,
+			distance: o.distanceTo(c),
+			normal: null,
+			face: i,
+			instance: a,
+			uv: null,
+			datum: e.datumAt(a ?? i)
+		});
+	}, p = new z(), m = (e) => {
+		if (!e.shownTo(t) || !e.pickable) return;
+		let n = e;
+		if (n.isDrawable && n.geometry.vertexCount) {
+			let e = n.geometry, t = n.worldMatrix;
+			if (n.drawMode === "points") {
+				let r = e.positions;
+				for (let i = 0; i < e.drawnVertices; i++) p.set(r[i * 3], r[i * 3 + 1], r[i * 3 + 2]).applyMatrix4(t), d(p[0], p[1], p[2]) && f(n, p[0], p[1], p[2], i, null);
+			} else if (n.drawMode === "lines") {
+				let r = e.positions, i = e.indices;
+				for (let a = 0; a < Math.floor(e.drawnCount / 2); a++) {
+					let e = i ? i[a * 2] : a * 2, o = i ? i[a * 2 + 1] : a * 2 + 1;
+					p.set((r[e * 3] + r[o * 3]) / 2, (r[e * 3 + 1] + r[o * 3 + 1]) / 2, (r[e * 3 + 2] + r[o * 3 + 2]) / 2).applyMatrix4(t), d(p[0], p[1], p[2]) && f(n, p[0], p[1], p[2], a, null);
+				}
+			} else if (n.instanceMatrices) {
+				let r = e.bounds.getCenter();
+				for (let e = 0; e < n.count; e++) Nt(n.instanceMatrices, e) || (s($n, t, n.instanceMatrices.subarray(e * 16, e * 16 + 16)), p.copy(r).applyMatrix4($n), d(p[0], p[1], p[2]) && f(n, p[0], p[1], p[2], null, e));
+			} else p.copy(e.bounds.getCenter()).applyMatrix4(t), d(p[0], p[1], p[2]) && f(n, p[0], p[1], p[2], null, null);
+		}
+		for (let t of e.children) m(t);
+	};
+	return m(e), u.sort((e, t) => e.distance - t.distance);
+}
+// src/watch.js
+var rr = /* @__PURE__ */ new WeakMap(), ir = 1, X = (e) => {
+	let t = rr.get(e);
+	return t === void 0 && rr.set(e, t = ir++), t;
+}, ar = class {
 	#e = /* @__PURE__ */ new Float64Array(256);
 	#t = /* @__PURE__ */ new Float64Array(256);
 	#n = 0;
@@ -3721,7 +3917,7 @@ var Wn = /* @__PURE__ */ new Float32Array(16), Gn = /* @__PURE__ */ new Float32A
 	}
 	#d(e) {
 		let t = e.geometry, n = e.material;
-		this.#o(X(t)), this.#o(t.version), this.#o(t.drawCount ?? -1), this.#o(e.renderOrder), this.#o(+!!e.castShadow | (e.receiveShadow ? 2 : 0)), this.#o(e.labels ? X(e.labels) : 0), this.#o(e.data && typeof e.data == "object" ? X(e.data) : 0), "instanceMatrices" in e && (this.#o(e.count), this.#o(e.version)), this.#o(X(n)), this.#s(n.color), this.#s(n.emissive), this.#o(n.emissiveIntensity), this.#o(n.opacity), this.#o(n.roughness), this.#o(n.metalness), this.#o(n.size), this.#o(n.width), this.#o(n.alphaTest), this.#o(n.normalScale), this.#o(n.aoMapIntensity), this.#o(n.triplanar), this.#o(n.bumpScale), this.#o(n.transmission), this.#o(n.clearcoat), this.#o(n.clearcoatRoughness), this.#o(n.sheen), this.#s(n.sheenColor), this.#o(n.sheenRoughness), this.#o(n.ior), this.#o(n.specularIntensity), this.#s(n.specularColor), this.#o(n.anisotropy), this.#o(n.anisotropyRotation), this.#o(n.translucency), this.#o(n.toon), this.#o(n.lightMapIntensity), this.#o(n.environmentIntensity), this.#s(n.translucencyColor), this.#o(+!!n.unlit | (n.flatShading ? 2 : 0) | (n.doubleSided ? 4 : 0) | (n.vertexColors ? 8 : 0) | (n.depthWrite ? 16 : 0) | (n.depthTest ? 32 : 0) | (n.sizeAttenuation ? 64 : 0) | (n.blending === "additive" ? 128 : n.blending === "multiply" ? 1024 : 0) | (n.transparent ? 256 : 0) | (n.fog ? 512 : 0));
+		this.#o(X(t)), this.#o(t.version), this.#o(t.drawCount ?? -1), this.#o(e.renderOrder), this.#o(+!!e.castShadow | (e.receiveShadow ? 2 : 0) | (e.sort ? 4 : 0)), "arrowBits" in e && (this.#o(e.arrowBits), this.#o(e.arrowSize)), this.#o(e.labels ? X(e.labels) : 0), this.#o(e.data && typeof e.data == "object" ? X(e.data) : 0), "instanceMatrices" in e && (this.#o(e.count), this.#o(e.version)), this.#o(X(n)), this.#s(n.color), this.#s(n.emissive), this.#o(n.emissiveIntensity), this.#o(n.opacity), this.#o(n.roughness), this.#o(n.metalness), this.#o(n.size), this.#o(n.width), this.#o(n.dash), this.#o(n.gap), this.#o(n.dashOffset), this.#o(n.alphaTest), this.#o(n.normalScale), this.#o(n.aoMapIntensity), this.#o(n.triplanar), this.#o(n.bumpScale), this.#o(n.transmission), this.#o(n.clearcoat), this.#o(n.clearcoatRoughness), this.#o(n.sheen), this.#s(n.sheenColor), this.#o(n.sheenRoughness), this.#o(n.ior), this.#o(n.specularIntensity), this.#s(n.specularColor), this.#o(n.anisotropy), this.#o(n.anisotropyRotation), this.#o(n.translucency), this.#o(n.toon), this.#o(n.lightMapIntensity), this.#o(n.environmentIntensity), this.#s(n.translucencyColor), this.#o(+!!n.unlit | (n.flatShading ? 2 : 0) | (n.doubleSided ? 4 : 0) | (n.vertexColors ? 8 : 0) | (n.depthWrite ? 16 : 0) | (n.depthTest ? 32 : 0) | (n.sizeAttenuation ? 64 : 0) | (n.blending === "additive" ? 128 : n.blending === "multiply" ? 1024 : 0) | (n.transparent ? 256 : 0) | (n.fog ? 512 : 0));
 		for (let [, e] of n.textures) this.#f(e);
 	}
 	#f(e) {
@@ -3733,24 +3929,24 @@ var Wn = /* @__PURE__ */ new Float32Array(16), Gn = /* @__PURE__ */ new Float32A
 	#m(e) {
 		this.#s(e.color), this.#o(e.intensity), e.ground && this.#s(e.ground), e.direction && this.#s(e.direction), e.target && this.#s(e.target), e.castShadow && this.#o(1), e.shadowBounds && (this.#s(e.shadowBounds.min), this.#s(e.shadowBounds.max)), "range" in e && this.#o(e.range), "angle" in e && (this.#o(e.angle), this.#o(e.penumbra));
 	}
-}, $n = [
+}, or = [
 	"color",
 	"density",
 	"near",
 	"far"
-], er = {
+], sr = {
 	start: "use 'near' for where linear fog starts",
 	end: "use 'far' for where linear fog is complete",
 	type: "give 'density' for exponential fog, or 'near' and 'far' for linear",
 	exp2: "give 'density' for exponential fog",
 	colour: "use 'color'"
-}, tr = class e {
+}, cr = class e {
 	color = new H(8421504);
 	density = .05;
 	near = 0;
 	far = 100;
 	constructor(e = {}) {
-		A("fog", e, $n, er), e.color !== void 0 && this.color.set(e.color, "fog");
+		A("fog", e, or, sr), e.color !== void 0 && this.color.set(e.color, "fog");
 		let t = e.near !== void 0 || e.far !== void 0;
 		t && e.density !== void 0 && E("fog", "give 'density' for exponential fog, or 'near' and 'far' for linear - not both"), t ? (this.density = 0, e.near !== void 0 && (this.near = M("fog", "near", e.near)), e.far !== void 0 && (this.far = M("fog", "far", e.far)), this.near >= 0 && this.far > this.near || E("fog", `'near' must be 0 or more and 'far' beyond it, got near ${this.near}, far ${this.far}`)) : e.density !== void 0 && (this.density = M("fog", "density", e.density), this.density > 0 || E("fog", `'density' must be more than 0, got ${this.density}`));
 	}
@@ -3771,7 +3967,7 @@ var Wn = /* @__PURE__ */ new Float32Array(16), Gn = /* @__PURE__ */ new Float32A
 			density: this.density
 		};
 	}
-}, nr = class extends K {
+}, lr = class extends K {
 	static type = "scene";
 	static get OPTIONS() {
 		return [
@@ -3797,13 +3993,13 @@ var Wn = /* @__PURE__ */ new Float32Array(16), Gn = /* @__PURE__ */ new Float32A
 	motionReduced = !1;
 	#n = null;
 	constructor(e = {}) {
-		super(e), e.background !== void 0 && this.#r(e.background), e.environment !== void 0 && this.#i(e.environment), e.environmentIntensity !== void 0 && (this.environmentIntensity = M("Scene", "environmentIntensity", e.environmentIntensity)), e.backgroundBlur !== void 0 && (this.backgroundBlur = M("Scene", "backgroundBlur", e.backgroundBlur)), e.fog != null && (this.#n = tr.fromInput(e.fog, "Scene"));
+		super(e), e.background !== void 0 && this.#r(e.background), e.environment !== void 0 && this.#i(e.environment), e.environmentIntensity !== void 0 && (this.environmentIntensity = M("Scene", "environmentIntensity", e.environmentIntensity)), e.backgroundBlur !== void 0 && (this.backgroundBlur = M("Scene", "backgroundBlur", e.backgroundBlur)), e.fog != null && (this.#n = cr.fromInput(e.fog, "Scene"));
 	}
 	get fog() {
 		return this.#n;
 	}
 	set fog(e) {
-		this.#n = e == null ? null : tr.fromInput(e, "Scene");
+		this.#n = e == null ? null : cr.fromInput(e, "Scene");
 	}
 	get background() {
 		return this.#e;
@@ -3832,7 +4028,7 @@ var Wn = /* @__PURE__ */ new Float32Array(16), Gn = /* @__PURE__ */ new Float32A
 		}) : E("Scene", `'environment' must be 'studio', 'none', an .hdr url or a texture, got ${j(e)}`);
 	}
 	update(e, t) {
-		return rr(this, e, t, /* @__PURE__ */ new Set()), this.updateWorldTree(), this;
+		return ur(this, e, t, /* @__PURE__ */ new Set()), this.updateWorldTree(), this;
 	}
 	get ready() {
 		let e = [];
@@ -3861,24 +4057,24 @@ var Wn = /* @__PURE__ */ new Float32Array(16), Gn = /* @__PURE__ */ new Float32A
 		return this.environmentIntensity !== 1 && (e.environmentIntensity = this.environmentIntensity), this.backgroundBlur && (e.backgroundBlur = this.backgroundBlur), this.#n && (e.fog = this.#n.toJSON()), e;
 	}
 };
-function rr(e, t, n, r) {
+function ur(e, t, n, r) {
 	e.hasHandlers && !r.has(e) && (r.add(e), e.runHandlers(t, n));
 	let i = e.children;
-	if (i.length) for (let e of [...i]) rr(e, t, n, r);
+	if (i.length) for (let e of [...i]) ur(e, t, n, r);
 }
 // src/scene/lights.js
-var ir = [
+var dr = [
 	...G,
 	"color",
 	"intensity"
-], ar = {
+], fr = {
 	distance: "use 'range' (0 = infinite)",
 	decay: "falloff is physical (inverse square), as in glTF - limit it with range",
 	attenuation: "use 'range' - falloff is physical (inverse square)",
 	shadow: "use 'castShadow: true' (directional, spot and point lights)"
-}, or = class extends K {
-	static OPTIONS = ir;
-	static HINTS = ar;
+}, pr = class extends K {
+	static OPTIONS = dr;
+	static HINTS = fr;
 	static kind = "ambient";
 	get lightKind() {
 		return this.constructor.kind;
@@ -3907,10 +4103,10 @@ var ir = [
 		let e = {};
 		return this.#e.getHex() !== 16777215 && (e.color = this.#e.getStyle()), this.intensity !== 1 && (e.intensity = this.intensity), e;
 	}
-}, sr = class extends or {
+}, mr = class extends pr {
 	static type = "ambient-light";
 	static kind = "ambient";
-}, cr = class extends or {
+}, hr = class extends pr {
 	static type = "hemisphere-light";
 	static kind = "hemisphere";
 	static get OPTIONS() {
@@ -3958,7 +4154,7 @@ var ir = [
 			...this.#e.getHex() === 4473924 ? {} : { ground: this.#e.getStyle() }
 		};
 	}
-}, lr = class extends or {
+}, gr = class extends pr {
 	#e = new z(0, -1, 0);
 	#t = null;
 	get direction() {
@@ -3972,7 +4168,7 @@ var ir = [
 		return this.#t;
 	}
 	set target(e) {
-		this.#t = dt(this.#t, e, this.constructor.name);
+		this.#t = pt(this.#t, e, this.constructor.name);
 	}
 	constructor(e = {}) {
 		super(e);
@@ -3980,7 +4176,7 @@ var ir = [
 		e.direction !== void 0 && e.target !== void 0 && E(t, "give 'direction' or 'target', not both"), e.direction !== void 0 && (this.direction = e.direction), e.target !== void 0 && (this.target = e.target);
 	}
 	lookAt(e) {
-		let t = ft(this, e);
+		let t = mt(this, e);
 		return this.target ? this.target.copy(t) : t.equals(this.position, 1e-9) || this.direction.copy(t.sub(this.position).normalize()), this;
 	}
 	get worldDirection() {
@@ -4003,12 +4199,12 @@ var ir = [
 			...this.target ? { target: this.target.toArray() } : { direction: this.direction.toArray() }
 		};
 	}
-}, ur = class extends lr {
+}, _r = class extends gr {
 	static type = "directional-light";
 	static kind = "directional";
 	static get OPTIONS() {
 		return [
-			...ir,
+			...dr,
 			"direction",
 			"target",
 			"castShadow",
@@ -4054,12 +4250,12 @@ var ir = [
 			} } : {}
 		};
 	}
-}, dr = class extends or {
+}, vr = class extends pr {
 	static type = "point-light";
 	static kind = "point";
 	static get OPTIONS() {
 		return [
-			...ir,
+			...dr,
 			"range",
 			"castShadow"
 		];
@@ -4067,7 +4263,7 @@ var ir = [
 	range = 0;
 	castShadow = !1;
 	constructor(e = {}) {
-		super(e), e.range !== void 0 && (this.range = pr(this.constructor.name, e.range)), e.castShadow !== void 0 && (this.castShadow = !!e.castShadow);
+		super(e), e.range !== void 0 && (this.range = br(this.constructor.name, e.range)), e.castShadow !== void 0 && (this.castShadow = !!e.castShadow);
 	}
 	cloneOptions() {
 		return {
@@ -4083,12 +4279,12 @@ var ir = [
 			...this.castShadow ? { castShadow: !0 } : {}
 		};
 	}
-}, fr = class extends lr {
+}, yr = class extends gr {
 	static type = "spot-light";
 	static kind = "spot";
 	static get OPTIONS() {
 		return [
-			...ir,
+			...dr,
 			"direction",
 			"target",
 			"range",
@@ -4102,7 +4298,7 @@ var ir = [
 	angle = Math.PI / 6;
 	penumbra = .1;
 	constructor(e = {}) {
-		super(e), e.castShadow !== void 0 && (this.castShadow = !!e.castShadow), e.range !== void 0 && (this.range = pr("SpotLight", e.range)), e.angle !== void 0 && (this.angle = M("SpotLight", "angle", e.angle), (this.angle <= 0 || this.angle > Math.PI / 2) && E("SpotLight", `'angle' is the cone's half-angle in radians, above 0 and up to PI/2, got ${this.angle}`)), e.penumbra !== void 0 && (this.penumbra = M("SpotLight", "penumbra", e.penumbra), (this.penumbra < 0 || this.penumbra > 1) && E("SpotLight", `'penumbra' must be 0-1, got ${this.penumbra}`));
+		super(e), e.castShadow !== void 0 && (this.castShadow = !!e.castShadow), e.range !== void 0 && (this.range = br("SpotLight", e.range)), e.angle !== void 0 && (this.angle = M("SpotLight", "angle", e.angle), (this.angle <= 0 || this.angle > Math.PI / 2) && E("SpotLight", `'angle' is the cone's half-angle in radians, above 0 and up to PI/2, got ${this.angle}`)), e.penumbra !== void 0 && (this.penumbra = M("SpotLight", "penumbra", e.penumbra), (this.penumbra < 0 || this.penumbra > 1) && E("SpotLight", `'penumbra' must be 0-1, got ${this.penumbra}`));
 	}
 	cloneOptions() {
 		return {
@@ -4118,7 +4314,7 @@ var ir = [
 		return this.range && (e.range = this.range), this.angle !== Math.PI / 6 && (e.angle = this.angle), this.penumbra !== .1 && (e.penumbra = this.penumbra), this.castShadow && (e.castShadow = !0), e;
 	}
 };
-function pr(e, t) {
+function br(e, t) {
 	let n = M(e, "range", t);
 	return n < 0 && E(e, `'range' can't be negative (0 means unlimited), got ${n}`), n;
 }
@@ -4132,12 +4328,17 @@ var Z = {
 	instanceColor: 8,
 	tangent: 9,
 	uv2: 10,
+	pointSize: 11,
+	pointOpacity: 12,
+	pointAngle: 13,
+	pointIndex: 14,
 	segmentStart: 0,
 	segmentEnd: 1,
 	segmentColorStart: 2,
 	segmentColorEnd: 3,
-	corner: 4
-}, mr = "#ifdef CLIP\nuniform vec4 uClipPlane;\nvoid clipAway(vec3 p) {\nif (dot(uClipPlane.xyz, p) + uClipPlane.w > 0.0) discard;\n}\n#else\nvoid clipAway(vec3 p) {}\n#endif\n", hr = "#ifdef FOG\nuniform vec3 uFogColor;\nuniform vec2 uFogRange;\nuniform float uFogDensity;\nin float vFogDepth;\nvec3 fogged(vec3 c) {\n#ifdef FOG_LINEAR\nfloat f = clamp((vFogDepth - uFogRange.x) / max(uFogRange.y - uFogRange.x, 1e-4), 0.0, 1.0);\n#else\nfloat d = uFogDensity * vFogDepth;\nfloat f = 1.0 - exp(-d * d);\n#endif\n#ifdef FOG_ADD\nreturn c * (1.0 - f);\n#elif defined(FOG_MULTIPLY)\nreturn mix(c, vec3(1.0), f);\n#else\nreturn mix(c, uFogColor, f);\n#endif\n}\n#else\nvec3 fogged(vec3 c) { return c; }\n#endif\n", gr = [
+	corner: 4,
+	segmentInfo: 5
+}, xr = "#ifdef CLIP\nuniform vec4 uClipPlane;\nvoid clipAway(vec3 p) {\nif (dot(uClipPlane.xyz, p) + uClipPlane.w > 0.0) discard;\n}\n#else\nvoid clipAway(vec3 p) {}\n#endif\n", Sr = "#ifdef FOG\nuniform vec3 uFogColor;\nuniform vec2 uFogRange;\nuniform float uFogDensity;\nin float vFogDepth;\nvec3 fogged(vec3 c) {\n#ifdef FOG_LINEAR\nfloat f = clamp((vFogDepth - uFogRange.x) / max(uFogRange.y - uFogRange.x, 1e-4), 0.0, 1.0);\n#else\nfloat d = uFogDensity * vFogDepth;\nfloat f = 1.0 - exp(-d * d);\n#endif\n#ifdef FOG_ADD\nreturn c * (1.0 - f);\n#elif defined(FOG_MULTIPLY)\nreturn mix(c, vec3(1.0), f);\n#else\nreturn mix(c, uFogColor, f);\n#endif\n}\n#else\nvec3 fogged(vec3 c) { return c; }\n#endif\n", Cr = [
 	"uMap",
 	"uRoughnessMap",
 	"uMetalnessMap",
@@ -4146,10 +4347,10 @@ var Z = {
 	"uAoMap",
 	"uEmissiveMap",
 	"uLightMap"
-], _r = `#ifdef UV2
+], wr = `#ifdef UV2
 in vec2 vUv2;
 #endif
-${gr.map((e) => `uniform mat3 ${e}Uv;
+${Cr.map((e) => `uniform mat3 ${e}Uv;
 #ifndef ${e}Set
 #define ${e}Set vUv
 #endif
@@ -4175,11 +4376,11 @@ vec4 triplanar(sampler2D s, mat3 t) {
   vec3 p = vObjectPosition * uTriplanar, w = triplanarWeights(normalize(vObjectNormal));
   return texture(s, projected(p.zy, t)) * w.x + texture(s, projected(p.xz, t)) * w.y + texture(s, projected(p.xy, t)) * w.z;
 }
-${gr.map((e) => `#define ${e}Texel triplanar(${e}, ${e}Uv)`).join("\n")}
+${Cr.map((e) => `#define ${e}Texel triplanar(${e}, ${e}Uv)`).join("\n")}
 #else
-${gr.map((e) => `#define ${e}Texel texture(${e}, ${e}Coord)`).join("\n")}
+${Cr.map((e) => `#define ${e}Texel texture(${e}, ${e}Coord)`).join("\n")}
 #endif
-`, vr = `precision highp float;
+`, Tr = `precision highp float;
 in vec3 vWorldPosition;
 out vec4 fragColor;
 #ifdef ALPHA_TEST
@@ -4188,10 +4389,10 @@ uniform float uOpacity;
 uniform float uAlphaTest;
 #ifdef MAP
 uniform sampler2D uMap;
-${_r}
+${wr}
 #endif
 #endif
-${mr}
+${xr}
 void main() {
 clipAway(vWorldPosition);
 #ifdef ALPHA_TEST
@@ -4203,7 +4404,7 @@ if (alpha < uAlphaTest) discard;
 #endif
 fragColor = vec4(1.0);
 }
-`, yr = "vec3 srgbToLinear(vec3 c) {\nreturn mix(c / 12.92, pow((c + 0.055) / 1.055, vec3(2.4)), step(0.04045, c));\n}\nvec3 linearToSrgb(vec3 c) {\nc = clamp(c, 0.0, 1.0);\nreturn mix(c * 12.92, 1.055 * pow(c, vec3(1.0 / 2.4)) - 0.055, step(0.0031308, c));\n}\n", br = "vec2 equirectUv(vec3 d) {\nreturn vec2(atan(d.z, d.x) * 0.15915494 + 0.5, acos(clamp(d.y, -1.0, 1.0)) * 0.31830989);\n}\nvec3 equirectDirection(vec2 uv) {\nfloat phi = (uv.x - 0.5) * 6.28318531, theta = uv.y * 3.14159265;\nreturn vec3(cos(phi) * sin(theta), cos(theta), sin(phi) * sin(theta));\n}\n", xr = "out vec2 vUv;\nvoid main() {\nvec2 p = vec2(float((gl_VertexID << 1) & 2), float(gl_VertexID & 2));\nvUv = p;\ngl_Position = vec4(p * 2.0 - 1.0, 0.0, 1.0);\n}\n", Sr = "uniform float uExposure;\nuniform int uToneMapping;\nvec3 toneMap(vec3 c) {\nc *= uExposure;\nif (uToneMapping == 1) {\nc = clamp((c * (2.51 * c + 0.03)) / (c * (2.43 * c + 0.59) + 0.14), 0.0, 1.0);\n} else if (uToneMapping == 2) {\nfloat x = min(c.r, min(c.g, c.b));\nfloat offset = x < 0.08 ? x - 6.25 * x * x : 0.04;\nc -= offset;\nfloat peak = max(c.r, max(c.g, c.b));\nif (peak > 0.8) {\nfloat d = 0.2;\nfloat newPeak = 1.0 - d * d / (peak + d - 0.8);\nc *= newPeak / peak;\nfloat g = 1.0 - 1.0 / (0.15 * (peak - newPeak) + 1.0);\nc = mix(c, vec3(newPeak), g);\n}\n}\nreturn c;\n}\n", Cr = `layout(location = 0) in vec3 position;
+`, Er = "vec3 srgbToLinear(vec3 c) {\nreturn mix(c / 12.92, pow((c + 0.055) / 1.055, vec3(2.4)), step(0.04045, c));\n}\nvec3 linearToSrgb(vec3 c) {\nc = clamp(c, 0.0, 1.0);\nreturn mix(c * 12.92, 1.055 * pow(c, vec3(1.0 / 2.4)) - 0.055, step(0.0031308, c));\n}\n", Dr = "vec2 equirectUv(vec3 d) {\nreturn vec2(atan(d.z, d.x) * 0.15915494 + 0.5, acos(clamp(d.y, -1.0, 1.0)) * 0.31830989);\n}\nvec3 equirectDirection(vec2 uv) {\nfloat phi = (uv.x - 0.5) * 6.28318531, theta = uv.y * 3.14159265;\nreturn vec3(cos(phi) * sin(theta), cos(theta), sin(phi) * sin(theta));\n}\n", Or = "out vec2 vUv;\nvoid main() {\nvec2 p = vec2(float((gl_VertexID << 1) & 2), float(gl_VertexID & 2));\nvUv = p;\ngl_Position = vec4(p * 2.0 - 1.0, 0.0, 1.0);\n}\n", kr = "uniform float uExposure;\nuniform int uToneMapping;\nvec3 toneMap(vec3 c) {\nc *= uExposure;\nif (uToneMapping == 1) {\nc = clamp((c * (2.51 * c + 0.03)) / (c * (2.43 * c + 0.59) + 0.14), 0.0, 1.0);\n} else if (uToneMapping == 2) {\nfloat x = min(c.r, min(c.g, c.b));\nfloat offset = x < 0.08 ? x - 6.25 * x * x : 0.04;\nc -= offset;\nfloat peak = max(c.r, max(c.g, c.b));\nif (peak > 0.8) {\nfloat d = 0.2;\nfloat newPeak = 1.0 - d * d / (peak + d - 0.8);\nc *= newPeak / peak;\nfloat g = 1.0 - 1.0 / (0.15 * (peak - newPeak) + 1.0);\nc = mix(c, vec3(newPeak), g);\n}\n}\nreturn c;\n}\n", Ar = `layout(location = 0) in vec3 position;
 layout(location = 1) in vec3 normal;
 layout(location = 2) in vec2 uv;
 layout(location = 3) in vec3 color;
@@ -4240,7 +4441,7 @@ out mat3 vObjectToWorld;
 #ifdef PICK
 flat out uint vPickElement;
 #endif
-${yr}
+${Er}
 void main() {
 vColor = vec3(1.0);
 vHighlight = uHighlightIndex == -1 ? 1.0 : 0.0;
@@ -4289,7 +4490,7 @@ vFogDepth = -(uView * world).z;
 vPickElement = uint(gl_InstanceID);
 #endif
 }
-`, wr = `precision highp float;
+`, jr = `precision highp float;
 precision highp sampler2DShadow;
 precision highp samplerCubeShadow;
 in vec3 vWorldPosition;
@@ -4310,7 +4511,7 @@ uniform float uAlphaTest;
 #ifdef EMISSIVE_MAP
 uniform sampler2D uEmissiveMap;
 #endif
-${_r}
+${wr}
 #ifdef LIT
 uniform vec3 uCameraPosition;
 uniform float uRoughness;
@@ -4408,10 +4609,10 @@ uniform float uPointShadowBias;
 #endif
 #endif
 out vec4 fragColor;
-${yr}
-${mr}
-${hr}
+${Er}
+${xr}
 ${Sr}
+${kr}
 #ifdef LIT
 const float PI = 3.14159265359;
 float D_GGX(float NoH, float a) {
@@ -4520,7 +4721,7 @@ vec2 ab = vec2(-1.04, 1.04) * a004 + r.zw;
 return f0 * ab.x + ab.y * f90;
 }
 #ifdef ENV_MAP
-${br}
+${Dr}
 vec3 envIrradiance(vec3 n) {
 return uEnvSH[0]
 + uEnvSH[1] * n.y + uEnvSH[2] * n.z + uEnvSH[3] * n.x
@@ -4846,8 +5047,18 @@ coverage = mix(coverage, base.a, vHighlight * uHighlight.a);
 color = fogged(color);
 fragColor = vec4(linearToSrgb(color) * base.a, coverage);
 }
-`, Tr = `layout(location = 0) in vec3 position;
+`, Mr = `layout(location = 0) in vec3 position;
 layout(location = 3) in vec3 color;
+#ifdef SPRITES
+layout(location = 4) in vec2 corner;
+layout(location = 11) in float pointSize;
+layout(location = 12) in float pointOpacity;
+layout(location = 13) in float pointAngle;
+layout(location = 14) in float pointIndex;
+uniform vec2 uResolution;
+out vec2 vUv;
+out float vOpacity;
+#endif
 uniform mat4 uModel;
 uniform mat4 uView;
 uniform mat4 uProjection;
@@ -4862,14 +5073,33 @@ flat out uint vPickElement;
 #ifdef FOG
 out float vFogDepth;
 #endif
-${yr}
+${Er}
 void main() {
 vec4 viewPosition = uView * (uModel * vec4(position, 1.0));
+#ifdef SPRITES
+vec2 c = vec2(corner.x * 2.0 - 1.0, corner.y);
+float s = sin(pointAngle), k = cos(pointAngle);
+vec2 turned = vec2(c.x * k - c.y * s, c.x * s + c.y * k);
+float size = uSize * pointSize;
+#ifdef SIZE_ATTENUATION
+viewPosition.xy += turned * size * 0.5;
 gl_Position = uProjection * viewPosition;
+#else
+gl_Position = uProjection * viewPosition;
+gl_Position.xy += turned * size / uResolution * gl_Position.w;
+#endif
+vUv = vec2(c.x * 0.5 + 0.5, 0.5 - c.y * 0.5);
+vOpacity = pointOpacity;
+int self = int(pointIndex + 0.5);
+#else
+gl_Position = uProjection * viewPosition;
+int self = gl_VertexID;
+#endif
 #ifdef FOG
 vFogDepth = -viewPosition.z;
 #endif
-#ifdef SIZE_ATTENUATION
+#ifdef SPRITES
+#elif defined(SIZE_ATTENUATION)
 float depth = uProjection[3][3] == 1.0 ? 1.0 : max(-viewPosition.z, 1e-4);
 gl_PointSize = uSize * uScale / depth;
 #else
@@ -4879,14 +5109,18 @@ vColor = vec3(1.0);
 #ifdef VERTEX_COLORS
 vColor = srgbToLinear(color);
 #endif
-vHighlight = uHighlightIndex == -1 || gl_VertexID == uHighlightIndex ? 1.0 : 0.0;
+vHighlight = uHighlightIndex == -1 || self == uHighlightIndex ? 1.0 : 0.0;
 #ifdef PICK
-vPickElement = uint(gl_VertexID);
+vPickElement = uint(self);
 #endif
 }
-`, Er = `precision highp float;
+`, Nr = `precision highp float;
 in vec3 vColor;
 flat in float vHighlight;
+#ifdef SPRITES
+in vec2 vUv;
+in float vOpacity;
+#endif
 uniform vec4 uHighlight;
 uniform vec3 uColor;
 uniform float uOpacity;
@@ -4894,14 +5128,20 @@ uniform float uOpacity;
 uniform sampler2D uMap;
 #endif
 out vec4 fragColor;
-${yr}
-${hr}
+${Er}
+${Sr}
 void main() {
+#ifdef SPRITES
+vec2 at = vUv;
+vec4 base = vec4(uColor * vColor, uOpacity * vOpacity);
+#else
+vec2 at = gl_PointCoord;
 vec4 base = vec4(uColor * vColor, uOpacity);
+#endif
 #ifdef MAP
-base *= texture(uMap, vec2(gl_PointCoord.x, gl_PointCoord.y));
+base *= texture(uMap, at);
 #else
-vec2 p = gl_PointCoord * 2.0 - 1.0;
+vec2 p = at * 2.0 - 1.0;
 float r = dot(p, p);
 float edge = fwidth(r);
 base.a *= 1.0 - smoothstep(1.0 - edge, 1.0, r);
@@ -4910,25 +5150,32 @@ if (base.a <= 0.0) discard;
 base.rgb = fogged(mix(base.rgb, uHighlight.rgb, vHighlight * uHighlight.a));
 fragColor = vec4(linearToSrgb(base.rgb) * base.a, base.a);
 }
-`, Dr = `layout(location = 0) in vec3 segmentStart;
+`, Pr = `layout(location = 0) in vec3 segmentStart;
 layout(location = 1) in vec3 segmentEnd;
 layout(location = 2) in vec3 segmentColorStart;
 layout(location = 3) in vec3 segmentColorEnd;
-layout(location = 4) in vec2 corner;
+layout(location = 5) in vec3 segmentInfo;
 uniform mat4 uModel;
 uniform mat4 uView;
 uniform mat4 uProjection;
 uniform vec2 uResolution;
 uniform float uWidth;
 uniform float uNear;
+uniform int uArrows;
+uniform float uArrowSize;
+const vec2 QUAD[6] = vec2[6](vec2(0.0, -1.0), vec2(0.0, 1.0), vec2(1.0, -1.0), vec2(1.0, -1.0), vec2(0.0, 1.0), vec2(1.0, 1.0));
 out vec3 vColor;
+#ifdef DASHED
+out float vDistance;
+flat out float vArrow;
+#endif
 #ifdef PICK
 flat out uint vPickElement;
 #endif
 #ifdef FOG
 out float vFogDepth;
 #endif
-${yr}
+${Er}
 void main() {
 vec4 a = uView * (uModel * vec4(segmentStart, 1.0));
 vec4 b = uView * (uModel * vec4(segmentEnd, 1.0));
@@ -4947,43 +5194,78 @@ vec2 dir = sb - sa;
 float len = length(dir);
 dir = len > 0.0 ? dir / len : vec2(1.0, 0.0);
 vec2 normal = vec2(-dir.y, dir.x);
-vec4 clip = mix(ca, cb, corner.x);
+bool arrowStart = (uArrows & 1) != 0 && segmentInfo.y > 0.5;
+bool arrowEnd = (uArrows & 2) != 0 && segmentInfo.z > 0.5;
+float along, arrow = 0.0;
+vec2 offset;
+if (gl_VertexID < 6) {
+vec2 c = QUAD[gl_VertexID];
+along = c.x;
+float startOut = arrowStart ? -uArrowSize * 0.8 : uWidth * 0.5;
+float endOut = arrowEnd ? -uArrowSize * 0.8 : uWidth * 0.5;
+offset = normal * c.y * uWidth * 0.5 + dir * (along > 0.5 ? endOut : -startOut);
+} else {
+int which = (gl_VertexID - 6) / 3, k = gl_VertexID - 6 - which * 3;
+if (which == 0 ? !arrowStart : !arrowEnd) {
+gl_Position = vec4(2.0, 2.0, 2.0, 1.0);
+return;
+}
+along = float(which);
+vec2 d = which == 1 ? dir : -dir;
+float wing = uArrowSize * 0.45;
+offset = k == 0 ? vec2(0.0) : -d * uArrowSize + normal * (k == 1 ? wing : -wing);
+arrow = 1.0;
+}
+vec4 clip = mix(ca, cb, along);
 #ifdef FOG
-vFogDepth = -mix(a.z, b.z, corner.x);
+vFogDepth = -mix(a.z, b.z, along);
 #endif
-vec2 offset = normal * corner.y * uWidth * 0.5 + dir * (corner.x * 2.0 - 1.0) * uWidth * 0.5;
 clip.xy += offset / (uResolution * 0.5) * clip.w;
 gl_Position = clip;
+#ifdef DASHED
+vDistance = segmentInfo.x + length(segmentEnd - segmentStart) * along;
+vArrow = arrow;
+#endif
 #ifdef PICK
 vPickElement = uint(gl_InstanceID);
 #endif
 vColor = vec3(1.0);
 #ifdef VERTEX_COLORS
-vColor = srgbToLinear(mix(segmentColorStart, segmentColorEnd, corner.x));
+vColor = srgbToLinear(mix(segmentColorStart, segmentColorEnd, along));
 #endif
 }
-`, Or = `precision highp float;
+`, Fr = `precision highp float;
 in vec3 vColor;
 uniform vec3 uColor;
 uniform float uOpacity;
+#ifdef DASHED
+in float vDistance;
+flat in float vArrow;
+uniform float uDash;
+uniform float uGap;
+uniform float uDashOffset;
+#endif
 out vec4 fragColor;
-${yr}
-${hr}
+${Er}
+${Sr}
 void main() {
+#ifdef DASHED
+if (vArrow < 0.5 && mod(vDistance - uDashOffset, uDash + uGap) >= uDash) discard;
+#endif
 vec3 color = fogged(uColor * vColor);
 fragColor = vec4(linearToSrgb(color) * uOpacity, uOpacity);
 }
-`, kr = {
-	mesh: [Cr, wr],
-	points: [Tr, Er],
-	lines: [Dr, Or]
+`, Ir = {
+	mesh: [Ar, jr],
+	points: [Mr, Nr],
+	lines: [Pr, Fr]
 };
-function Ar(e, t) {
-	let n = `#version 300 es\n${t.map((e) => `#define ${e}\n`).join("")}`, [r, i] = typeof e == "string" ? kr[e] : e;
+function Lr(e, t) {
+	let n = `#version 300 es\n${t.map((e) => `#define ${e}\n`).join("")}`, [r, i] = typeof e == "string" ? Ir[e] : e;
 	return [n + r, n + i];
 }
 // src/webgl/programs.js
-var jr = class {
+var Rr = class {
 	#e = /* @__PURE__ */ new Map();
 	#t;
 	#n = null;
@@ -5000,7 +5282,7 @@ var jr = class {
 	}
 	get(e, t, n) {
 		let r = `${e}|${t.join(",")}`, i = this.#e.get(r);
-		return i || (i = this.#r(r, Ar(n ?? e, t)), this.#e.set(r, i)), i;
+		return i || (i = this.#r(r, Lr(n ?? e, t)), this.#e.set(r, i)), i;
 	}
 	ready(e, t, n) {
 		let r = this.get(e, t, n);
@@ -5040,18 +5322,18 @@ var jr = class {
 	#i(e) {
 		let t = this.gl, { program: n, key: r, shaders: i, sources: a } = e;
 		if (!t.getProgramParameter(n, t.LINK_STATUS) && !t.isContextLost()) throw i.forEach((e, n) => {
-			if (!t.getShaderParameter(e, t.COMPILE_STATUS)) throw Error(`phoria2: ${n ? "fragment" : "vertex"} shader '${r}' failed to compile:\n${t.getShaderInfoLog(e)}\n${Nr(a[n])}`);
+			if (!t.getShaderParameter(e, t.COMPILE_STATUS)) throw Error(`phoria2: ${n ? "fragment" : "vertex"} shader '${r}' failed to compile:\n${t.getShaderInfoLog(e)}\n${Br(a[n])}`);
 		}), Error(`phoria2: shader program '${r}' failed to link: ${t.getProgramInfoLog(n)}`);
 		for (let e of i) t.deleteShader(e);
 		let o = /* @__PURE__ */ new Map(), s = t.getProgramParameter(n, t.ACTIVE_UNIFORMS), c = 0;
 		for (let e = 0; e < s; e++) {
 			let r = t.getActiveUniform(n, e), i = r.name.replace(/\[0\]$/, ""), a = t.getUniformLocation(n, r.name), s = r.type === t.SAMPLER_2D || r.type === t.SAMPLER_2D_SHADOW || r.type === t.SAMPLER_CUBE_SHADOW;
-			o.set(i, Mr(t, r.type, a, s ? c++ : 0));
+			o.set(i, zr(t, r.type, a, s ? c++ : 0));
 		}
 		e.set = (e, t) => o.get(e)?.(t), e.ready = !0;
 	}
 };
-function Mr(e, t, n, r) {
+function zr(e, t, n, r) {
 	switch (t) {
 		case e.FLOAT: return (t) => typeof t == "number" ? e.uniform1f(n, t) : e.uniform1fv(n, t);
 		case e.FLOAT_VEC2: return (t) => e.uniform2fv(n, t);
@@ -5072,8 +5354,8 @@ function Mr(e, t, n, r) {
 		default: return () => {};
 	}
 }
-var Nr = (e) => e.split("\n").map((e, t) => `${String(t + 1).padStart(4)}  ${e}`).join("\n"), Pr = 15;
-function Fr(e, t, n, r) {
+var Br = (e) => e.split("\n").map((e, t) => `${String(t + 1).padStart(4)}  ${e}`).join("\n"), Vr = 15, Hr = 16, Ur = 4;
+function Wr(e, t, n, r) {
 	return [
 		e.positions.length,
 		n,
@@ -5086,7 +5368,7 @@ function Fr(e, t, n, r) {
 		r
 	].join();
 }
-function Ir(e) {
+function Gr(e) {
 	let t = e.positions, n = e.normals, r = e.uvs, i = t.length / 3, a = new Float32Array(i * 4), o = new Float32Array(i * 3), s = new Float32Array(i * 3);
 	if (r) {
 		let n = e.indices, a = (n ? n.length : i) / 3;
@@ -5116,12 +5398,12 @@ function Ir(e) {
 	}
 	return a;
 }
-var Lr = /* @__PURE__ */ new Float32Array(9);
-function Rr(e) {
-	let t = Math.cos(e.rotation), n = Math.sin(e.rotation), [r, i] = e.repeat, [a, o] = e.center, s = Lr;
+var Kr = /* @__PURE__ */ new Float32Array(9);
+function qr(e) {
+	let t = Math.cos(e.rotation), n = Math.sin(e.rotation), [r, i] = e.repeat, [a, o] = e.center, s = Kr;
 	return s[0] = t * r, s[1] = -n * r, s[2] = 0, s[3] = n * i, s[4] = t * i, s[5] = 0, s[6] = a - t * a - n * o + e.offset[0], s[7] = o + n * a - t * o + e.offset[1], s[8] = 1, s;
 }
-var zr = new Float32Array([
+var Jr = new Float32Array([
 	0,
 	-1,
 	0,
@@ -5130,53 +5412,85 @@ var zr = new Float32Array([
 	-1,
 	1,
 	1
-]), Br = class {
+]), Yr = [
+	[
+		Z.position,
+		3,
+		0
+	],
+	[
+		Z.color,
+		3,
+		3
+	],
+	[
+		Z.pointSize,
+		1,
+		6
+	],
+	[
+		Z.pointOpacity,
+		1,
+		7
+	],
+	[
+		Z.pointAngle,
+		1,
+		8
+	],
+	[
+		Z.pointIndex,
+		1,
+		9
+	]
+], Xr = 10, Zr = class {
 	gl;
 	#e = /* @__PURE__ */ new WeakMap();
 	#t = /* @__PURE__ */ new WeakMap();
 	#n = /* @__PURE__ */ new WeakMap();
 	#r = /* @__PURE__ */ new WeakMap();
-	#i = null;
+	#i = /* @__PURE__ */ new WeakMap();
 	#a = null;
+	#o = null;
 	counts = {
 		geometries: 0,
 		textures: 0
 	};
 	owner = null;
-	#o = /* @__PURE__ */ new WeakMap();
+	#s = /* @__PURE__ */ new WeakMap();
 	constructor(e) {
 		this.gl = e;
 	}
-	#s;
-	#c() {
-		if (this.#s !== void 0) return this.#s;
+	#c;
+	#l() {
+		if (this.#c !== void 0) return this.#c;
 		let e = this.gl.getExtension("EXT_texture_filter_anisotropic");
-		return this.#s = e ? {
+		return this.#c = e ? {
 			ext: e,
 			max: this.gl.getParameter(e.MAX_TEXTURE_MAX_ANISOTROPY_EXT) || 1
-		} : null, this.#s;
+		} : null, this.#c;
 	}
 	mesh(e, t, n, r = !1) {
 		let i = t ?? e;
-		this.#u(i);
+		this.#d(i);
 		let a = n ? this.#e : this.#t, o = a.get(i), s = o?.geometry === e;
 		if (r = n && (r || s && !!o?.attributes?.tangent), o && s && o.version === e.version && (!t || o.instanceVersion === t.version) && r === !!o.attributes?.tangent) return o;
-		let c = Fr(e, t, n, r);
+		let c = Wr(e, t, n, r);
 		if (o && s && o.layout === c) {
 			if (o.version !== e.version) {
 				let t = o.attributes;
-				this.#l(t.position, e.positions), n && this.#l(t.normal, e.normals), e.uvs && this.#l(t.uv, e.uvs), e.uvs2 && this.#l(t.uv2, e.uvs2), e.colors && this.#l(t.color, e.colors), r && this.#l(t.tangent, Ir(e)), e.indices && (this.gl.bindVertexArray(o.vao), this.gl.bufferSubData(this.gl.ELEMENT_ARRAY_BUFFER, 0, e.indices), this.gl.bindVertexArray(null)), o.version = e.version;
+				this.#u(t.position, e.positions), n && this.#u(t.normal, e.normals), e.uvs && this.#u(t.uv, e.uvs), e.uvs2 && this.#u(t.uv2, e.uvs2), e.colors && this.#u(t.color, e.colors), r && this.#u(t.tangent, Gr(e)), e.indices && (this.gl.bindVertexArray(o.vao), this.gl.bufferSubData(this.gl.ELEMENT_ARRAY_BUFFER, 0, e.indices), this.gl.bindVertexArray(null)), o.version = e.version;
 			}
-			return t && o.instanceVersion !== t.version && (this.#l(o.matrixBuffer, t.instanceMatrices), t.instanceColors && this.#l(o.colorBuffer, t.instanceColors), o.instanceVersion = t.version), o;
+			return t && o.instanceVersion !== t.version && (this.#u(o.matrixBuffer, t.instanceMatrices), t.instanceColors && this.#u(o.colorBuffer, t.instanceColors), o.instanceVersion = t.version), o;
 		}
-		o ? (this.#p(o), s || (this.counts.geometries--, this.#f(e, i, a))) : this.#f(e, i, a);
+		o ? (this.#m(o), s || (this.counts.geometries--, this.#p(e, i, a))) : this.#p(e, i, a);
 		let l = this.gl, u = l.createVertexArray();
 		l.bindVertexArray(u);
 		let d = [], f = (e, t, n, r = 0) => {
 			let i = l.createBuffer();
 			return l.bindBuffer(l.ARRAY_BUFFER, i), l.bufferData(l.ARRAY_BUFFER, t, l.STATIC_DRAW), l.enableVertexAttribArray(e), l.vertexAttribPointer(e, n, l.FLOAT, !1, 0, 0), r && l.vertexAttribDivisor(e, r), d.push(i), i;
 		}, p = {};
-		p.position = f(Z.position, e.positions, 3), n && (p.normal = f(Z.normal, e.normals, 3)), e.uvs ? p.uv = f(Z.uv, e.uvs, 2) : l.vertexAttrib2f(Z.uv, 0, 0), e.uvs2 && (p.uv2 = f(Z.uv2, e.uvs2, 2)), e.colors ? p.color = f(Z.color, e.colors, 3) : l.vertexAttrib3f(Z.color, 1, 1, 1), r && (p.tangent = f(Z.tangent, Ir(e), 4));
+		p.position = f(Z.position, e.positions, 3), n && (p.normal = f(Z.normal, e.normals, 3)), e.uvs ? p.uv = f(Z.uv, e.uvs, 2) : l.vertexAttrib2f(Z.uv, 0, 0), e.uvs2 && (p.uv2 = f(Z.uv2, e.uvs2, 2)), e.colors ? p.color = f(Z.color, e.colors, 3) : l.vertexAttrib3f(Z.color, 1, 1, 1), r && (p.tangent = f(Z.tangent, Gr(e), 4));
 		let m = null, h = null;
 		if (t) {
 			m = l.createBuffer(), l.bindBuffer(l.ARRAY_BUFFER, m), l.bufferData(l.ARRAY_BUFFER, t.instanceMatrices, l.STATIC_DRAW);
@@ -5211,31 +5525,35 @@ var zr = new Float32Array([
 		let a = e.drawnCount - e.drawnCount % 3, o = t ? t.count : 1;
 		return i.indexType ? t ? r.drawElementsInstanced(r.TRIANGLES, a, i.indexType, 0, o) : r.drawElements(r.TRIANGLES, a, i.indexType, 0) : t ? r.drawArraysInstanced(r.TRIANGLES, 0, a, o) : r.drawArrays(r.TRIANGLES, 0, a), a / 3 * o;
 	}
-	#l(e, t) {
+	#u(e, t) {
 		let n = this.gl;
 		n.bindBuffer(n.ARRAY_BUFFER, e), n.bufferSubData(n.ARRAY_BUFFER, 0, t);
 	}
 	lines(e) {
-		this.#u(e);
+		this.#d(e);
 		let t = this.#n.get(e);
 		if (t && t.version === e.version) return t;
-		t ? this.#p(t) : this.#f(e, e, this.#n);
-		let n = this.gl, r = e.positions, i = e.colors, a = e.indices, o = e.elementCount / 2, s = new Float32Array(o * 6), c = new Float32Array(o * 6).fill(1);
+		t ? this.#m(t) : this.#p(e, e, this.#n);
+		let n = this.gl, r = e.positions, i = e.colors, a = e.indices, o = e.elementCount / 2, s = new Float32Array(o * 6), c = new Float32Array(o * 6).fill(1), l = new Float32Array(o * 3);
 		for (let e = 0; e < o; e++) {
 			let t = a ? a[e * 2] : e * 2, n = a ? a[e * 2 + 1] : e * 2 + 1;
 			for (let a = 0; a < 3; a++) s[e * 6 + a] = r[t * 3 + a], s[e * 6 + 3 + a] = r[n * 3 + a], i && (c[e * 6 + a] = i[t * 3 + a], c[e * 6 + 3 + a] = i[n * 3 + a]);
+			let o = e * 6;
+			e > 0 && s[o - 3] === s[o] && s[o - 2] === s[o + 1] && s[o - 1] === s[o + 2] ? (l[e * 3] = l[e * 3 - 3] + Math.hypot(s[o - 3] - s[o - 6], s[o - 2] - s[o - 5], s[o - 1] - s[o - 4]), l[e * 3 - 1] = 0) : l[e * 3 + 1] = 1, l[e * 3 + 2] = 1;
 		}
-		let l = n.createVertexArray();
-		n.bindVertexArray(l);
-		let u = [], d = (e, t, r) => {
+		let u = n.createVertexArray();
+		n.bindVertexArray(u);
+		let d = [], f = (e, t, r) => {
 			let i = n.createBuffer();
 			n.bindBuffer(n.ARRAY_BUFFER, i), n.bufferData(n.ARRAY_BUFFER, e, n.STATIC_DRAW);
 			for (let [e, i] of [[t, 0], [r, 12]]) n.enableVertexAttribArray(e), n.vertexAttribPointer(e, 3, n.FLOAT, !1, 24, i), n.vertexAttribDivisor(e, 1);
-			u.push(i);
+			d.push(i);
 		};
-		return d(s, Z.segmentStart, Z.segmentEnd), d(c, Z.segmentColorStart, Z.segmentColorEnd), n.bindBuffer(n.ARRAY_BUFFER, this.#h()), n.enableVertexAttribArray(Z.corner), n.vertexAttribPointer(Z.corner, 2, n.FLOAT, !1, 0, 0), n.bindVertexArray(null), t = {
-			vao: l,
-			buffers: u,
+		f(s, Z.segmentStart, Z.segmentEnd), f(c, Z.segmentColorStart, Z.segmentColorEnd);
+		let p = n.createBuffer();
+		return n.bindBuffer(n.ARRAY_BUFFER, p), n.bufferData(n.ARRAY_BUFFER, l, n.STATIC_DRAW), n.enableVertexAttribArray(Z.segmentInfo), n.vertexAttribPointer(Z.segmentInfo, 3, n.FLOAT, !1, 0, 0), n.vertexAttribDivisor(Z.segmentInfo, 1), d.push(p), n.bindBuffer(n.ARRAY_BUFFER, this.#g()), n.enableVertexAttribArray(Z.corner), n.vertexAttribPointer(Z.corner, 2, n.FLOAT, !1, 0, 0), n.bindVertexArray(null), t = {
+			vao: u,
+			buffers: d,
 			count: o,
 			indexType: 0,
 			geometry: e,
@@ -5244,35 +5562,50 @@ var zr = new Float32Array([
 		}, this.#n.set(e, t), t;
 	}
 	texture(e) {
-		if (!e.image) return this.#m();
-		this.#u(e);
-		let t = this.gl, n = this.#r.get(e);
+		if (!e.image) return this.#h();
+		this.#d(e);
+		let t = this.gl, n = this.#i.get(e);
 		if (n && n.version === e.version) return n.texture;
-		if (Be(e.image) && e.image.readyState < 2) return n?.texture ?? this.#m();
+		if (He(e.image) && e.image.readyState < 2) return n?.texture ?? this.#h();
 		n || (n = {
 			texture: t.createTexture(),
-			version: -1
-		}, this.#r.set(e, n), this.counts.textures++, e.onDispose(() => this.#d(e))), t.activeTexture(t.TEXTURE0 + Pr), t.bindTexture(t.TEXTURE_2D, n.texture), t.pixelStorei(t.UNPACK_FLIP_Y_WEBGL, e.flipY), t.pixelStorei(t.UNPACK_PREMULTIPLY_ALPHA_WEBGL, !1);
-		let r = e.image;
-		if ("data" in r) {
-			let n = r, i = n.data instanceof Float32Array, a = i ? t.RGBA16F : e.colorSpace === "srgb" ? t.SRGB8_ALPHA8 : t.RGBA8;
-			t.texImage2D(t.TEXTURE_2D, 0, a, n.width, n.height, 0, t.RGBA, i ? t.FLOAT : t.UNSIGNED_BYTE, n.data);
-		} else {
-			let n = e.colorSpace === "srgb" ? t.SRGB8_ALPHA8 : t.RGBA8;
-			t.texImage2D(t.TEXTURE_2D, 0, n, t.RGBA, t.UNSIGNED_BYTE, r);
+			version: -1,
+			width: 0,
+			height: 0,
+			internal: 0
+		}, this.#i.set(e, n), this.counts.textures++, e.onDispose(() => this.#f(e))), t.activeTexture(t.TEXTURE0 + Vr), t.bindTexture(t.TEXTURE_2D, n.texture), t.pixelStorei(t.UNPACK_FLIP_Y_WEBGL, e.flipY), t.pixelStorei(t.UNPACK_PREMULTIPLY_ALPHA_WEBGL, !1);
+		let r = e.image, i = "data" in r ? r : null, a = !!i && i.data instanceof Float32Array, o = a ? t.RGBA16F : e.colorSpace === "srgb" ? t.SRGB8_ALPHA8 : t.RGBA8, s = a ? t.FLOAT : t.UNSIGNED_BYTE, [c, l] = Qr(r);
+		if (n.version < 0 || n.width !== c || n.height !== l || n.internal !== o) i ? t.texImage2D(t.TEXTURE_2D, 0, o, c, l, 0, t.RGBA, s, i.data) : t.texImage2D(t.TEXTURE_2D, 0, o, t.RGBA, s, r), Object.assign(n, {
+			width: c,
+			height: l,
+			internal: o
+		});
+		else {
+			let a = e.flipY ? null : e.changedSince(n.version);
+			a && a.length > Hr && (a = $r(a, c, l));
+			for (let e of a ?? [{
+				x: 0,
+				y: 0,
+				width: c,
+				height: l
+			}]) {
+				let n = Math.max(0, e.x), a = Math.max(0, e.y), o = Math.min(c, e.x + e.width) - n, u = Math.min(l, e.y + e.height) - a;
+				o > 0 && u > 0 && (t.pixelStorei(t.UNPACK_SKIP_PIXELS, n), t.pixelStorei(t.UNPACK_SKIP_ROWS, a), i && t.pixelStorei(t.UNPACK_ROW_LENGTH, c), t.texSubImage2D(t.TEXTURE_2D, 0, n, a, o, u, t.RGBA, s, i ? i.data : r));
+			}
+			t.pixelStorei(t.UNPACK_SKIP_PIXELS, 0), t.pixelStorei(t.UNPACK_SKIP_ROWS, 0), t.pixelStorei(t.UNPACK_ROW_LENGTH, 0);
 		}
-		let i = {
+		let u = {
 			repeat: t.REPEAT,
 			clamp: t.CLAMP_TO_EDGE,
 			mirror: t.MIRRORED_REPEAT
 		}[e.wrap];
-		t.texParameteri(t.TEXTURE_2D, t.TEXTURE_WRAP_S, i), t.texParameteri(t.TEXTURE_2D, t.TEXTURE_WRAP_T, i);
-		let a = e.filter === "nearest";
-		if (t.texParameteri(t.TEXTURE_2D, t.TEXTURE_MAG_FILTER, a ? t.NEAREST : t.LINEAR), e.mipmaps) {
-			t.generateMipmap(t.TEXTURE_2D), t.texParameteri(t.TEXTURE_2D, t.TEXTURE_MIN_FILTER, a ? t.NEAREST_MIPMAP_NEAREST : t.LINEAR_MIPMAP_LINEAR);
-			let n = this.#c();
-			n && !a && t.texParameterf(t.TEXTURE_2D, n.ext.TEXTURE_MAX_ANISOTROPY_EXT, Math.min(e.anisotropy, n.max));
-		} else t.texParameteri(t.TEXTURE_2D, t.TEXTURE_MIN_FILTER, a ? t.NEAREST : t.LINEAR);
+		t.texParameteri(t.TEXTURE_2D, t.TEXTURE_WRAP_S, u), t.texParameteri(t.TEXTURE_2D, t.TEXTURE_WRAP_T, u);
+		let d = e.filter === "nearest";
+		if (t.texParameteri(t.TEXTURE_2D, t.TEXTURE_MAG_FILTER, d ? t.NEAREST : t.LINEAR), e.mipmaps) {
+			t.generateMipmap(t.TEXTURE_2D), t.texParameteri(t.TEXTURE_2D, t.TEXTURE_MIN_FILTER, d ? t.NEAREST_MIPMAP_NEAREST : t.LINEAR_MIPMAP_LINEAR);
+			let n = this.#l();
+			n && !d && t.texParameterf(t.TEXTURE_2D, n.ext.TEXTURE_MAX_ANISOTROPY_EXT, Math.min(e.anisotropy, n.max));
+		} else t.texParameteri(t.TEXTURE_2D, t.TEXTURE_MIN_FILTER, d ? t.NEAREST : t.LINEAR);
 		return n.version = e.version, n.texture;
 	}
 	release(e, t) {
@@ -5285,63 +5618,128 @@ var zr = new Float32Array([
 			}
 		});
 		for (let t of n) {
-			let n = this.#o.get(t);
+			let n = this.#s.get(t);
 			if (n?.delete(e) && !n.size) {
-				this.#o.delete(t);
+				this.#s.delete(t);
 				for (let e of [
 					this.#e,
 					this.#t,
-					this.#n
+					this.#n,
+					this.#r
 				]) {
 					let n = e.get(t);
-					n && (this.#p(n), e.delete(t), this.counts.geometries--);
+					n && (this.#m(n), e.delete(t), this.counts.geometries--);
 				}
-				this.#d(t);
+				this.#f(t);
 			}
 		}
 	}
-	#u(e) {
+	#d(e) {
 		if (!this.owner) return;
-		let t = this.#o.get(e);
-		t || this.#o.set(e, t = /* @__PURE__ */ new Set()), t.add(this.owner);
+		let t = this.#s.get(e);
+		t || this.#s.set(e, t = /* @__PURE__ */ new Set()), t.add(this.owner);
+	}
+	sprites(e, t) {
+		this.#d(e);
+		let n = this.gl, r = this.#r.get(e), i = !!t;
+		if (r && r.version === e.version && !i && (t === void 0 || !r.sorted)) return r;
+		let a = e.drawnVertices, o = e.vertexCount;
+		if (!r || r.capacity < o) {
+			r ? this.#m(r) : this.#p(e, e, this.#r);
+			let t = n.createVertexArray();
+			n.bindVertexArray(t);
+			let i = n.createBuffer();
+			n.bindBuffer(n.ARRAY_BUFFER, i), n.bufferData(n.ARRAY_BUFFER, o * Xr * 4, n.DYNAMIC_DRAW);
+			for (let [e, t, r] of Yr) n.enableVertexAttribArray(e), n.vertexAttribPointer(e, t, n.FLOAT, !1, 40, r * 4), n.vertexAttribDivisor(e, 1);
+			n.bindBuffer(n.ARRAY_BUFFER, this.#g()), n.enableVertexAttribArray(Z.corner), n.vertexAttribPointer(Z.corner, 2, n.FLOAT, !1, 0, 0), n.bindVertexArray(null), r = {
+				vao: t,
+				buffers: [i],
+				count: 0,
+				indexType: 0,
+				geometry: e,
+				version: -1,
+				instanceVersion: 0,
+				capacity: o,
+				sorted: !1,
+				data: new Float32Array(o * Xr)
+			}, this.#r.set(e, r);
+		}
+		let s = i ? ei(e.positions, a, t) : null, c = e.positions, l = e.colors, u = e.sizes, d = e.opacities, f = e.angles, p = r.data;
+		for (let e = 0; e < a; e++) {
+			let t = s ? s[e] : e, n = e * Xr;
+			p[n] = c[t * 3], p[n + 1] = c[t * 3 + 1], p[n + 2] = c[t * 3 + 2], p[n + 3] = l ? l[t * 3] : 1, p[n + 4] = l ? l[t * 3 + 1] : 1, p[n + 5] = l ? l[t * 3 + 2] : 1, p[n + 6] = u ? u[t] : 1, p[n + 7] = d ? d[t] : 1, p[n + 8] = f ? f[t] : 0, p[n + 9] = t;
+		}
+		return n.bindBuffer(n.ARRAY_BUFFER, r.buffers[0]), n.bufferSubData(n.ARRAY_BUFFER, 0, p, 0, a * Xr), Object.assign(r, {
+			count: a,
+			version: e.version,
+			sorted: i
+		}), r;
 	}
-	#d(e) {
-		let t = this.#r.get(e);
-		t && (this.gl.deleteTexture(t.texture), this.#r.delete(e), this.counts.textures--);
+	#f(e) {
+		let t = this.#i.get(e);
+		t && (this.gl.deleteTexture(t.texture), this.#i.delete(e), this.counts.textures--);
 	}
 	reset() {
-		this.#e = /* @__PURE__ */ new WeakMap(), this.#t = /* @__PURE__ */ new WeakMap(), this.#n = /* @__PURE__ */ new WeakMap(), this.#r = /* @__PURE__ */ new WeakMap(), this.#o = /* @__PURE__ */ new WeakMap(), this.#i = null, this.#a = null, this.#s = void 0, this.counts = {
+		this.#e = /* @__PURE__ */ new WeakMap(), this.#t = /* @__PURE__ */ new WeakMap(), this.#n = /* @__PURE__ */ new WeakMap(), this.#r = /* @__PURE__ */ new WeakMap(), this.#i = /* @__PURE__ */ new WeakMap(), this.#s = /* @__PURE__ */ new WeakMap(), this.#a = null, this.#o = null, this.#c = void 0, this.counts = {
 			geometries: 0,
 			textures: 0
 		};
 	}
-	#f(e, t, n) {
+	#p(e, t, n) {
 		this.counts.geometries++, e.onDispose(() => {
 			let r = n.get(t);
-			r && r.geometry === e && (this.#p(r), n.delete(t), this.counts.geometries--);
+			r && r.geometry === e && (this.#m(r), n.delete(t), this.counts.geometries--);
 		});
 	}
-	#p(e) {
+	#m(e) {
 		let t = this.gl;
 		t.deleteVertexArray(e.vao);
 		for (let n of e.buffers) t.deleteBuffer(n);
 	}
-	#m() {
-		if (this.#i) return this.#i;
+	#h() {
+		if (this.#a) return this.#a;
 		let e = this.gl;
-		return this.#i = e.createTexture(), e.activeTexture(e.TEXTURE0 + Pr), e.bindTexture(e.TEXTURE_2D, this.#i), e.texImage2D(e.TEXTURE_2D, 0, e.RGBA8, 1, 1, 0, e.RGBA, e.UNSIGNED_BYTE, new Uint8Array([
+		return this.#a = e.createTexture(), e.activeTexture(e.TEXTURE0 + Vr), e.bindTexture(e.TEXTURE_2D, this.#a), e.texImage2D(e.TEXTURE_2D, 0, e.RGBA8, 1, 1, 0, e.RGBA, e.UNSIGNED_BYTE, new Uint8Array([
 			255,
 			255,
 			255,
 			255
-		])), this.#i;
+		])), this.#a;
 	}
-	#h() {
-		if (this.#a) return this.#a;
+	#g() {
+		if (this.#o) return this.#o;
 		let e = this.gl;
-		return this.#a = e.createBuffer(), e.bindBuffer(e.ARRAY_BUFFER, this.#a), e.bufferData(e.ARRAY_BUFFER, zr, e.STATIC_DRAW), this.#a;
+		return this.#o = e.createBuffer(), e.bindBuffer(e.ARRAY_BUFFER, this.#o), e.bufferData(e.ARRAY_BUFFER, Jr, e.STATIC_DRAW), this.#o;
+	}
+};
+function Qr(e) {
+	return He(e) ? [e.videoWidth, e.videoHeight] : "naturalWidth" in e ? [e.naturalWidth, e.naturalHeight] : [e.width, e.height];
+}
+function $r(e, t, n) {
+	let r = /* @__PURE__ */ new Map();
+	for (let i of e) {
+		let e = Math.min(3, Math.max(0, Math.floor((i.x + i.width / 2) / t * Ur))), a = Math.min(3, Math.max(0, Math.floor((i.y + i.height / 2) / n * Ur))) * Ur + e, o = r.get(a);
+		o ? (o[0] = Math.min(o[0], i.x), o[1] = Math.min(o[1], i.y), o[2] = Math.max(o[2], i.x + i.width), o[3] = Math.max(o[3], i.y + i.height)) : r.set(a, [
+			i.x,
+			i.y,
+			i.x + i.width,
+			i.y + i.height
+		]);
 	}
-}, Vr = null, Hr = class e {
+	return [...r.values()].map(([e, t, n, r]) => ({
+		x: e,
+		y: t,
+		width: n - e,
+		height: r - t
+	}));
+}
+function ei(e, t, n) {
+	let r = new Float32Array(t), i = new Uint32Array(t);
+	for (let a = 0; a < t; a++) r[a] = n[2] * e[a * 3] + n[6] * e[a * 3 + 1] + n[10] * e[a * 3 + 2] + n[14], i[a] = a;
+	return i.sort((e, t) => r[e] - r[t]);
+}
+// src/webgl/context.js
+var ti = null, ni = class e {
 	canvas;
 	gl;
 	programs;
@@ -5360,8 +5758,8 @@ var zr = new Float32Array([
 	#i;
 	constructor(e, { antialias: t = !0, shared: n = !1 } = {}) {
 		this.canvas = e, this.isShared = n;
-		let r = Ur.get(e);
-		r && (clearTimeout(r.timer), Ur.delete(e));
+		let r = ri.get(e);
+		r && (clearTimeout(r.timer), ri.delete(e));
 		let i = e.getContext("webgl2", {
 			antialias: t,
 			alpha: !0,
@@ -5369,7 +5767,7 @@ var zr = new Float32Array([
 			stencil: !0,
 			powerPreference: "high-performance"
 		});
-		i || E("WebGLRenderer", "WebGL 2 is not available in this browser or on this device"), this.gl = i, this.programs = new jr(this.gl), this.resources = new Br(this.gl);
+		i || E("WebGLRenderer", "WebGL 2 is not available in this browser or on this device"), this.gl = i, this.programs = new Rr(this.gl), this.resources = new Zr(this.gl);
 		let a = (e) => {
 			e.preventDefault(), this.lost = !0;
 		}, o = () => {
@@ -5381,11 +5779,11 @@ var zr = new Float32Array([
 		}, r && i.isContextLost() && (this.lost = !0, r.lose?.restoreContext());
 	}
 	static shared() {
-		if (!Vr) {
+		if (!ti) {
 			let t = typeof document < "u" ? document.createElement("canvas") : new OffscreenCanvas(1, 1);
-			Vr = new e(t, { shared: !0 });
+			ti = new e(t, { shared: !0 });
 		}
-		return Vr;
+		return ti;
 	}
 	fit(e, t) {
 		let n = this.canvas;
@@ -5426,12 +5824,12 @@ var zr = new Float32Array([
 		if (this.users.delete(e), t && this.resources.release(e, t), this.users.size) return;
 		this.programs.dispose(), this.resources.reset(), this.passes?.reset(), this.bloom?.dispose(), this.#i();
 		let n = this.gl.getExtension("WEBGL_lose_context");
-		this === Vr ? (n?.loseContext(), Vr = null) : Ur.set(this.canvas, {
+		this === ti ? (n?.loseContext(), ti = null) : ri.set(this.canvas, {
 			lose: n,
 			timer: setTimeout(() => n?.loseContext())
 		});
 	}
-}, Ur = /* @__PURE__ */ new WeakMap(), Wr = [
+}, ri = /* @__PURE__ */ new WeakMap(), ii = [
 	"canvas",
 	"shared",
 	"antialias",
@@ -5440,40 +5838,40 @@ var zr = new Float32Array([
 	"exposure",
 	"pixelRatio",
 	"bloom"
-], Gr = {
+], ai = {
 	strength: 1,
 	radius: .6,
 	threshold: .6
-}, Kr = Object.keys(Gr), qr = {
+}, oi = Object.keys(ai), si = {
 	intensity: "use 'strength'",
 	amount: "use 'strength'",
 	size: "use 'radius'",
 	blur: "use 'radius'"
-}, Jr = { alpha: "the canvas is always transparent where the scene has no background" };
-function Yr(e, t) {
+}, ci = { alpha: "the canvas is always transparent where the scene has no background" };
+function li(e, t) {
 	if (t == null || t === !1) return null;
-	if (t === !0) return { ...Gr };
-	typeof t != "object" && E(e, `bloom is true, false or { strength, radius, threshold }, got ${j(t)}`), A(`${e} bloom`, t, Kr, qr);
-	let n = { ...Gr };
-	for (let r of Object.keys(Gr)) t[r] !== void 0 && (n[r] = M(`${e} bloom`, r, t[r]));
+	if (t === !0) return { ...ai };
+	typeof t != "object" && E(e, `bloom is true, false or { strength, radius, threshold }, got ${j(t)}`), A(`${e} bloom`, t, oi, si);
+	let n = { ...ai };
+	for (let r of Object.keys(ai)) t[r] !== void 0 && (n[r] = M(`${e} bloom`, r, t[r]));
 	return n;
 }
-var Xr = {
+var ui = {
 	none: 0,
 	aces: 1,
 	neutral: 2
-}, Zr = [], Qr = {
+}, di = [], fi = {
 	roughnessMap: "ROUGHNESS_MAP",
 	metalnessMap: "METALNESS_MAP",
 	normalMap: "NORMAL_MAP",
 	bumpMap: "BUMP_MAP",
 	aoMap: "AO_MAP",
 	lightMap: "LIGHT_MAP"
-}, $r = [
+}, pi = [
 	"map",
 	"emissiveMap",
-	...Object.keys(Qr)
-], ei = {
+	...Object.keys(fi)
+], mi = {
 	matcap: "uMatcap",
 	map: "uMap",
 	roughnessMap: "uRoughnessMap",
@@ -5483,7 +5881,7 @@ var Xr = {
 	aoMap: "uAoMap",
 	emissiveMap: "uEmissiveMap",
 	lightMap: "uLightMap"
-}, ti = [Cr, vr], ni = new U({
+}, hi = [Ar, Tr], gi = new U({
 	positions: [
 		-1,
 		0,
@@ -5530,14 +5928,14 @@ var Xr = {
 		3,
 		2
 	]
-}), ri = {
+}), _i = {
 	drawMode: "triangles",
 	receiveShadow: !0,
 	castShadow: !1,
 	renderOrder: 0
-}, ii = class {
-	static OPTIONS = Wr;
-	static HINTS = Jr;
+}, vi = class {
+	static OPTIONS = ii;
+	static HINTS = ci;
 	canvas;
 	toneMapping = "neutral";
 	exposure = 1;
@@ -5558,28 +5956,29 @@ var Xr = {
 	#r = null;
 	#i = [];
 	#a = /* @__PURE__ */ new Float32Array(9);
-	#o = {};
-	#s = !1;
-	#c = [];
-	#l = !1;
-	#u = /* @__PURE__ */ new Map();
+	#o = /* @__PURE__ */ new Float32Array(16);
+	#s = {};
+	#c = !1;
+	#l = [];
+	#u = !1;
+	#d = /* @__PURE__ */ new Map();
 	constructor(e) {
-		if (A("WebGLRenderer", e, Wr, Jr), e?.canvas || E("WebGLRenderer", "'canvas' is required"), this.canvas = e.canvas, e.toneMapping !== void 0 && (this.toneMapping = P("WebGLRenderer", "toneMapping", e.toneMapping, [
+		if (A("WebGLRenderer", e, ii, ci), e?.canvas || E("WebGLRenderer", "'canvas' is required"), this.canvas = e.canvas, e.toneMapping !== void 0 && (this.toneMapping = P("WebGLRenderer", "toneMapping", e.toneMapping, [
 			"aces",
 			"neutral",
 			"none"
-		])), e.exposure !== void 0 && (this.exposure = N("WebGLRenderer", "exposure", e.exposure, 0)), e.pixelRatio !== void 0 && (this.pixelRatio = N("WebGLRenderer", "pixelRatio", e.pixelRatio, 0, Infinity, { above: !0 })), this.#e = Yr("WebGLRenderer", e.bloom), this.outlineAntialias = e.outlineAntialias === void 0 ? e.shared || e.antialias !== !1 : !!e.outlineAntialias, e.shared) {
-			this.#t = Hr.shared();
+		])), e.exposure !== void 0 && (this.exposure = N("WebGLRenderer", "exposure", e.exposure, 0)), e.pixelRatio !== void 0 && (this.pixelRatio = N("WebGLRenderer", "pixelRatio", e.pixelRatio, 0, Infinity, { above: !0 })), this.#e = li("WebGLRenderer", e.bloom), this.outlineAntialias = e.outlineAntialias === void 0 ? e.shared || e.antialias !== !1 : !!e.outlineAntialias, e.shared) {
+			this.#t = ni.shared();
 			let e = this.canvas.getContext("2d");
 			e || E("WebGLRenderer", "a shared renderer's canvas needs a 2D context - give it a canvas that has no WebGL context yet"), this.#n = e;
-		} else this.#t = new Hr(this.canvas, { antialias: e.antialias });
+		} else this.#t = new ni(this.canvas, { antialias: e.antialias });
 		this.#t.users.add(this);
 	}
 	get bloom() {
 		return this.#e;
 	}
 	set bloom(e) {
-		this.#e = Yr("WebGLRenderer", e);
+		this.#e = li("WebGLRenderer", e);
 	}
 	get gl() {
 		return this.#t.gl;
@@ -5591,13 +5990,13 @@ var Xr = {
 		this.pixelRatio = n, this.canvas.width = Math.max(1, Math.round(e * n)), this.canvas.height = Math.max(1, Math.round(t * n));
 	}
 	render(e, t) {
-		return e.updateWorldTree(), this.renderFrame(Lt(e, t));
+		return e.updateWorldTree(), this.renderFrame(Bt(e, t));
 	}
 	renderFrame(e, { wait: t = !1 } = {}) {
 		let n = this.#t;
 		if (n.lost) return e;
 		let r = n.gl;
-		n.frame++, n.resources.owner = this, this.#s = t, this.info.drawCalls = 0, this.info.triangles = 0, this.info.compiling = 0;
+		n.frame++, n.resources.owner = this, this.#c = t, this.info.drawCalls = 0, this.info.triangles = 0, this.info.compiling = 0;
 		let i = this.canvas.width, a = this.canvas.height;
 		n.isShared && n.fit(i, a);
 		let o = e.environment, s = e.background, c = n.loadPasses(!!e.shadow || e.spotShadows.length > 0 || !!e.pointShadow || e.outlines.length > 0 || typeof o == "object" && !!o.image || !!s && !("getHex" in s) && !!s.image);
@@ -5613,12 +6012,12 @@ var Xr = {
 		} else r.clearColor(0, 0, 0, 0);
 		r.depthMask(!0), r.enable(r.SCISSOR_TEST), r.scissor(0, 0, i, a), r.clear(r.COLOR_BUFFER_BIT | r.DEPTH_BUFFER_BIT), r.disable(r.SCISSOR_TEST), c && s && !("getHex" in s) && s.image && c.background(e, s, {
 			exposure: this.exposure,
-			toneMapping: Xr[this.toneMapping]
-		}), r.enable(r.DEPTH_TEST), r.depthFunc(r.LEQUAL), this.#d(e), r.disable(r.BLEND);
-		for (let t of e.opaque) this.#f(t, e, !1);
-		for (let t of e.caps) this.#p(t, e, i, a);
+			toneMapping: ui[this.toneMapping]
+		}), r.enable(r.DEPTH_TEST), r.depthFunc(r.LEQUAL), this.#f(e), r.disable(r.BLEND);
+		for (let t of e.opaque) this.#p(t, e, !1);
+		for (let t of e.caps) this.#m(t, e, i, a);
 		r.enable(r.BLEND);
-		for (let t of e.transparent) this.#f(t, e, !0);
+		for (let t of e.transparent) this.#p(t, e, !0);
 		if (l && c && c.outlineComposite(l), r.depthMask(!0), r.disable(r.BLEND), r.bindVertexArray(null), u && this.#e && u.end(this.#e), this.info.compiling && n.whenCompiled(), this.#n) {
 			let e = this.#n, t = n.canvas;
 			e.globalCompositeOperation = "copy", e.drawImage(t, 0, t.height - a, i, a, 0, 0, i, a);
@@ -5646,7 +6045,7 @@ var Xr = {
 	dispose(e) {
 		this.#t.release(this, e);
 	}
-	#d(e) {
+	#f(e) {
 		let t = [
 			0,
 			0,
@@ -5679,7 +6078,7 @@ var Xr = {
 				p[t * 2] = Math.cos(e), p[t * 2 + 1] = Math.cos(e * (1 - (i.penumbra ?? 0)));
 			} else p[t * 2] = -2, p[t * 2 + 1] = -1;
 		}
-		this.#c = [`NUM_DIRECTIONAL ${m}`, `NUM_PUNCTUAL ${h}`], this.#l = e.environment === "studio", this.#o = {
+		this.#l = [`NUM_DIRECTIONAL ${m}`, `NUM_PUNCTUAL ${h}`], this.#u = e.environment === "studio", this.#s = {
 			uAmbient: t,
 			uHemisphereSky: n,
 			uHemisphereGround: r,
@@ -5694,99 +6093,110 @@ var Xr = {
 			uPointShadowIndex: g
 		};
 	}
-	#f(e, t, n) {
-		let r = this.gl, { node: i, geometry: a, material: s, worldMatrix: c, instances: l } = e, u = i.drawMode, d = u === "points" ? "points" : u === "lines" ? "lines" : "mesh", f = d === "mesh" && i.receiveShadow && !s.unlit ? this.#i : Zr, p = d === "mesh" ? e.clip : null, m = this.#h(d, s, a.colors !== null, !!l, a.uvs2 !== null);
-		for (let e of f) m.push(e.define);
-		let h = s.fog ? t.fog : null;
-		h && (m.push("FOG"), h.linear && m.push("FOG_LINEAR"), s.blending === "additive" ? m.push("FOG_ADD") : s.blending === "multiply" && m.push("FOG_MULTIPLY")), p && m.push("CLIP");
-		let g = this.#t.programs, _ = g.get(d, m);
-		if (!g.isReady(_)) {
-			if (!this.#s) {
+	#p(e, t, n) {
+		let r = this.gl, { node: i, geometry: a, material: c, worldMatrix: l, instances: u } = e, d = i.drawMode, f = d === "points" ? "points" : d === "lines" ? "lines" : "mesh", p = f === "mesh" && i.receiveShadow && !c.unlit ? this.#i : di, m = f === "mesh" ? e.clip : null, h = this.#g(f, c, a.colors !== null, !!u, a.uvs2 !== null);
+		f === "points" && i.drawsSprites && h.push("SPRITES");
+		for (let e of p) h.push(e.define);
+		let g = c.fog ? t.fog : null;
+		g && (h.push("FOG"), g.linear && h.push("FOG_LINEAR"), c.blending === "additive" ? h.push("FOG_ADD") : c.blending === "multiply" && h.push("FOG_MULTIPLY")), m && h.push("CLIP");
+		let _ = this.#t.programs, v = _.get(f, h);
+		if (!_.isReady(v)) {
+			if (!this.#c) {
 				this.info.compiling++;
 				return;
 			}
-			g.ready(d, m);
+			_.ready(f, h);
 		}
-		if (r.useProgram(_.program), _.frame !== this.#t.frame && (_.frame = this.#t.frame, _.set("uView", t.camera.view), _.set("uProjection", t.camera.projection), _.set("uViewProjection", t.camera.viewProjection), _.set("uCameraPosition", t.camera.position), _.set("uExposure", this.exposure), _.set("uToneMapping", Xr[this.toneMapping]), _.set("uResolution", [this.canvas.width, this.canvas.height]), _.set("uNear", t.camera.near), _.set("uScale", t.camera.projection[5] * this.canvas.height / 2), d === "mesh" && !s.unlit)) {
-			for (let [e, t] of Object.entries(this.#o)) _.set(e, t);
+		if (r.useProgram(v.program), v.frame !== this.#t.frame && (v.frame = this.#t.frame, v.set("uView", t.camera.view), v.set("uProjection", t.camera.projection), v.set("uViewProjection", t.camera.viewProjection), v.set("uCameraPosition", t.camera.position), v.set("uExposure", this.exposure), v.set("uToneMapping", ui[this.toneMapping]), v.set("uResolution", [this.canvas.width, this.canvas.height]), v.set("uNear", t.camera.near), v.set("uScale", t.camera.projection[5] * this.canvas.height / 2), f === "mesh" && !c.unlit)) {
+			for (let [e, t] of Object.entries(this.#s)) v.set(e, t);
 			let e = this.#r;
-			e && (_.set("uEnvMaxLod", e.maxLod), _.set("uEnvSH", e.sh), _.set("uEnvIntensity", t.environmentIntensity));
-			for (let e of f) for (let [t, n] of Object.entries(e.uniforms)) _.set(t, n);
+			e && (v.set("uEnvMaxLod", e.maxLod), v.set("uEnvSH", e.sh), v.set("uEnvIntensity", t.environmentIntensity));
+			for (let e of p) for (let [t, n] of Object.entries(e.uniforms)) v.set(t, n);
 		}
-		if (d === "mesh" && !s.unlit) {
-			this.#r && _.set("uEnvMap", this.#r.prefiltered);
-			for (let e of f) _.set(e.sampler, e.texture);
+		if (f === "mesh" && !c.unlit) {
+			this.#r && v.set("uEnvMap", this.#r.prefiltered);
+			for (let e of p) v.set(e.sampler, e.texture);
 		}
-		_.set("uModel", c);
-		let v = t.highlight;
-		v && (v.nodes ? v.nodes.has(i) : v.node === i) ? (_.set("uHighlightIndex", v.index ?? -1), _.set("uHighlight", [
-			v.color[0],
-			v.color[1],
-			v.color[2],
-			v.amount
-		])) : _.set("uHighlightIndex", -2), _.set("uColor", s.color), _.set("uOpacity", s.opacity), h && (_.set("uFogColor", h.color), _.set("uFogRange", [h.near, h.far]), _.set("uFogDensity", h.density)), p && _.set("uClipPlane", p.plane);
-		let y = s.emissive, b = s.emissiveIntensity;
-		_.set("uEmissive", [
-			y[0] * b,
-			y[1] * b,
-			y[2] * b
-		]), _.set("uRoughness", s.roughness), _.set("uMetalness", s.metalness), _.set("uNormalScale", s.normalScale), s.bumpMap && _.set("uBumpScale", s.bumpScale), s.triplanar > 0 && _.set("uTriplanar", s.triplanar), _.set("uAoMapIntensity", s.aoMapIntensity), s.transmission > 0 && _.set("uTransmission", s.transmission), s.clearcoat > 0 && (_.set("uClearcoat", s.clearcoat), _.set("uClearcoatRoughness", s.clearcoatRoughness));
-		let x = (s.ior - 1) / (s.ior + 1), S = s.specularColor, C = s.specularIntensity;
-		if (_.set("uSpecular", [
-			Math.min(x * x * S[0], 1) * C,
-			Math.min(x * x * S[1], 1) * C,
-			Math.min(x * x * S[2], 1) * C,
-			C
-		]), s.sheen > 0) {
-			let e = s.sheenColor, t = s.sheen;
-			_.set("uSheenColor", [
+		v.set("uModel", l);
+		let y = t.highlight;
+		y && (y.nodes ? y.nodes.has(i) : y.node === i) ? (v.set("uHighlightIndex", y.index ?? -1), v.set("uHighlight", [
+			y.color[0],
+			y.color[1],
+			y.color[2],
+			y.amount
+		])) : v.set("uHighlightIndex", -2), v.set("uColor", c.color), v.set("uOpacity", c.opacity), g && (v.set("uFogColor", g.color), v.set("uFogRange", [g.near, g.far]), v.set("uFogDensity", g.density)), m && v.set("uClipPlane", m.plane);
+		let b = c.emissive, x = c.emissiveIntensity;
+		v.set("uEmissive", [
+			b[0] * x,
+			b[1] * x,
+			b[2] * x
+		]), v.set("uRoughness", c.roughness), v.set("uMetalness", c.metalness), v.set("uNormalScale", c.normalScale), c.bumpMap && v.set("uBumpScale", c.bumpScale), c.triplanar > 0 && v.set("uTriplanar", c.triplanar), v.set("uAoMapIntensity", c.aoMapIntensity), c.transmission > 0 && v.set("uTransmission", c.transmission), c.clearcoat > 0 && (v.set("uClearcoat", c.clearcoat), v.set("uClearcoatRoughness", c.clearcoatRoughness));
+		let S = (c.ior - 1) / (c.ior + 1), C = c.specularColor, w = c.specularIntensity;
+		if (v.set("uSpecular", [
+			Math.min(S * S * C[0], 1) * w,
+			Math.min(S * S * C[1], 1) * w,
+			Math.min(S * S * C[2], 1) * w,
+			w
+		]), c.sheen > 0) {
+			let e = c.sheenColor, t = c.sheen;
+			v.set("uSheenColor", [
 				e[0] * t,
 				e[1] * t,
 				e[2] * t
-			]), _.set("uSheenRoughness", s.sheenRoughness);
+			]), v.set("uSheenRoughness", c.sheenRoughness);
 		}
-		if (s.anisotropy > 0 && (_.set("uAnisotropy", s.anisotropy), _.set("uAnisotropyDirection", [Math.cos(s.anisotropyRotation), Math.sin(s.anisotropyRotation)])), s.translucency > 0) {
-			let e = s.translucencyColor, t = s.translucency;
-			_.set("uTranslucency", [
+		if (c.anisotropy > 0 && (v.set("uAnisotropy", c.anisotropy), v.set("uAnisotropyDirection", [Math.cos(c.anisotropyRotation), Math.sin(c.anisotropyRotation)])), c.translucency > 0) {
+			let e = c.translucencyColor, t = c.translucency;
+			v.set("uTranslucency", [
 				e[0] * t,
 				e[1] * t,
 				e[2] * t,
 				t
 			]);
 		}
-		s.toon > 0 && _.set("uToon", Math.max(2, Math.round(s.toon))), _.set("uAlphaTest", s.alphaTest);
-		let w = d === "mesh" ? s.textures : s.map ? [["map", s.map]] : [], T = w.map(([e, t]) => [ei[e], this.#t.resources.texture(t)]);
-		for (let [e, t] of T) _.set(e, t);
-		for (let [e, t] of w) e !== "matcap" && _.set(`${ei[e]}Uv`, Rr(t));
-		if (s.lightMap && _.set("uLightMapIntensity", s.lightMapIntensity), _.set("uEnvStrength", s.environmentIntensity), r.depthMask(!n && s.depthWrite), s.depthTest ? r.enable(r.DEPTH_TEST) : r.disable(r.DEPTH_TEST), n && (s.blending === "additive" ? r.blendFunc(r.ONE, r.ONE) : s.blending === "multiply" ? r.blendFunc(r.DST_COLOR, r.ONE_MINUS_SRC_ALPHA) : r.blendFunc(r.ONE, r.ONE_MINUS_SRC_ALPHA)), d === "lines") {
-			r.disable(r.CULL_FACE), _.set("uWidth", s.width * this.pixelRatio);
-			let e = this.#t.resources.lines(a);
-			r.bindVertexArray(e.vao), r.drawArraysInstanced(r.TRIANGLE_STRIP, 0, 4, Math.min(e.count, Math.floor(a.drawnCount / 2))), this.info.drawCalls++;
-		} else if (d === "points") {
-			r.disable(r.CULL_FACE), _.set("uSize", s.sizeAttenuation ? s.size : s.size * this.pixelRatio);
-			let e = this.#t.resources.mesh(a, null, !1);
-			r.bindVertexArray(e.vao), r.drawArrays(r.POINTS, 0, a.drawnVertices), this.info.drawCalls++;
-		} else it(this.#a, c) || rt(this.#a), _.set("uNormalMatrix", this.#a), r.frontFace(o(c) < 0 ? r.CW : r.CCW), s.doubleSided ? r.disable(r.CULL_FACE) : (r.enable(r.CULL_FACE), r.cullFace(r.BACK)), r.enable(r.POLYGON_OFFSET_FILL), r.polygonOffset(1, 2), this.info.triangles += this.#t.resources.drawTriangles(a, l, s.anisotropy > 0 && !s.unlit), r.disable(r.POLYGON_OFFSET_FILL), this.info.drawCalls++;
-	}
-	#p(e, t, n, r) {
-		let i = this.gl, a = this.#t.programs, s = [!1, !0].map((e) => a.get("clip-mask", e ? ["INSTANCED", "CLIP"] : ["CLIP"], ti));
+		c.toon > 0 && v.set("uToon", Math.max(2, Math.round(c.toon))), v.set("uAlphaTest", c.alphaTest);
+		let T = f === "mesh" ? c.textures : c.map ? [["map", c.map]] : [], E = T.map(([e, t]) => [mi[e], this.#t.resources.texture(t)]);
+		for (let [e, t] of E) v.set(e, t);
+		for (let [e, t] of T) e !== "matcap" && v.set(`${mi[e]}Uv`, qr(t));
+		if (c.lightMap && v.set("uLightMapIntensity", c.lightMapIntensity), v.set("uEnvStrength", c.environmentIntensity), r.depthMask(!n && c.depthWrite), c.depthTest ? r.enable(r.DEPTH_TEST) : r.disable(r.DEPTH_TEST), n && (c.blending === "additive" ? r.blendFunc(r.ONE, r.ONE) : c.blending === "multiply" ? r.blendFunc(r.DST_COLOR, r.ONE_MINUS_SRC_ALPHA) : r.blendFunc(r.ONE, r.ONE_MINUS_SRC_ALPHA)), f === "lines") {
+			r.disable(r.CULL_FACE), v.set("uWidth", c.width * this.pixelRatio);
+			let e = i.arrowBits ?? 0;
+			v.set("uArrows", e), v.set("uArrowSize", i.arrowPixels?.(c.width) * this.pixelRatio || 0), c.dash > 0 && (v.set("uDash", c.dash), v.set("uGap", c.gap || c.dash), v.set("uDashOffset", c.dashOffset));
+			let t = this.#t.resources.lines(a);
+			r.bindVertexArray(t.vao), r.drawArraysInstanced(r.TRIANGLES, 0, e ? 12 : 6, Math.min(t.count, Math.floor(a.drawnCount / 2))), this.info.drawCalls++;
+		} else if (f === "points") {
+			r.disable(r.CULL_FACE), v.set("uSize", c.sizeAttenuation ? c.size : c.size * this.pixelRatio);
+			let e = !n && !c.map;
+			if (e && (r.enable(r.BLEND), r.blendFunc(r.ONE, r.ONE_MINUS_SRC_ALPHA)), i.drawsSprites) {
+				v.set("uResolution", [this.canvas.width, this.canvas.height]);
+				let e = i.sort ? s(this.#o, t.camera.view, l) : null, n = this.#t.resources.sprites(a, e);
+				r.bindVertexArray(n.vao), r.drawArraysInstanced(r.TRIANGLE_STRIP, 0, 4, n.count);
+			} else {
+				let e = this.#t.resources.mesh(a, null, !1);
+				r.bindVertexArray(e.vao), r.drawArrays(r.POINTS, 0, a.drawnVertices);
+			}
+			e && r.disable(r.BLEND), this.info.drawCalls++;
+		} else ot(this.#a, l) || at(this.#a), v.set("uNormalMatrix", this.#a), r.frontFace(o(l) < 0 ? r.CW : r.CCW), c.doubleSided ? r.disable(r.CULL_FACE) : (r.enable(r.CULL_FACE), r.cullFace(r.BACK)), r.enable(r.POLYGON_OFFSET_FILL), r.polygonOffset(1, 2), this.info.triangles += this.#t.resources.drawTriangles(a, u, c.anisotropy > 0 && !c.unlit), r.disable(r.POLYGON_OFFSET_FILL), this.info.drawCalls++;
+	}
+	#m(e, t, n, r) {
+		let i = this.gl, a = this.#t.programs, s = [!1, !0].map((e) => a.get("clip-mask", e ? ["INSTANCED", "CLIP"] : ["CLIP"], hi));
 		if (!s.every((e) => a.isReady(e))) {
-			if (!this.#s) {
+			if (!this.#c) {
 				this.info.compiling++;
 				return;
 			}
-			for (let e of [!1, !0]) a.ready("clip-mask", e ? ["INSTANCED", "CLIP"] : ["CLIP"], ti);
+			for (let e of [!1, !0]) a.ready("clip-mask", e ? ["INSTANCED", "CLIP"] : ["CLIP"], hi);
 		}
 		i.enable(i.STENCIL_TEST), i.enable(i.SCISSOR_TEST), i.scissor(0, 0, n, r), i.clearStencil(0), i.clear(i.STENCIL_BUFFER_BIT), i.disable(i.SCISSOR_TEST), i.colorMask(!1, !1, !1, !1), i.depthMask(!1), i.disable(i.DEPTH_TEST), i.disable(i.CULL_FACE), i.stencilFunc(i.ALWAYS, 0, 255), i.stencilOpSeparate(i.BACK, i.KEEP, i.KEEP, i.INCR_WRAP), i.stencilOpSeparate(i.FRONT, i.KEEP, i.KEEP, i.DECR_WRAP);
 		for (let n of e.items) {
 			let r = s[+!!n.instances];
 			i.useProgram(r.program), r.set("uViewProjection", t.camera.viewProjection), r.set("uModel", n.worldMatrix), r.set("uClipPlane", e.plane), i.frontFace(o(n.worldMatrix) < 0 ? i.CW : i.CCW), this.#t.resources.drawTriangles(n.geometry, n.instances), this.info.drawCalls++;
 		}
-		i.colorMask(!0, !0, !0, !0), i.stencilFunc(i.NOTEQUAL, 0, 255), i.stencilOp(i.KEEP, i.KEEP, i.KEEP), this.#f(this.#m(e), t, !1), i.disable(i.STENCIL_TEST);
+		i.colorMask(!0, !0, !0, !0), i.stencilFunc(i.NOTEQUAL, 0, 255), i.stencilOp(i.KEEP, i.KEEP, i.KEEP), this.#p(this.#h(e), t, !1), i.disable(i.STENCIL_TEST);
 	}
-	#m(e) {
-		let t = e.color.getHex(), n = this.#u.get(t);
-		n || this.#u.set(t, n = new Qe({
+	#h(e) {
+		let t = e.color.getHex(), n = this.#d.get(t);
+		n || this.#d.set(t, n = new et({
 			color: e.color.getStyle(),
 			roughness: .6
 		}));
@@ -5819,8 +6229,8 @@ var Xr = {
 			1
 		]);
 		return {
-			node: ri,
-			geometry: ni,
+			node: _i,
+			geometry: gi,
 			material: n,
 			worldMatrix: g,
 			instances: null,
@@ -5828,21 +6238,21 @@ var Xr = {
 			clip: null
 		};
 	}
-	#h(e, t, n, r, i) {
+	#g(e, t, n, r, i) {
 		let a = [];
 		if (t.vertexColors && n && a.push("VERTEX_COLORS"), e === "mesh") {
 			if (!t.unlit) {
 				a.push("LIT");
-				for (let [e, n] of Object.entries(Qr)) t[e] && a.push(n);
-				a.push(...this.#c), this.#r ? a.push("ENV_MAP") : this.#l && a.push("STUDIO"), t.transmission > 0 && a.push("TRANSMISSION"), t.clearcoat > 0 && a.push("CLEARCOAT"), t.sheen > 0 && a.push("SHEEN"), t.anisotropy > 0 && a.push("ANISOTROPY"), t.translucency > 0 && a.push("TRANSLUCENCY"), t.matcap && a.push("MATCAP"), t.toon > 0 && a.push("TOON");
+				for (let [e, n] of Object.entries(fi)) t[e] && a.push(n);
+				a.push(...this.#l), this.#r ? a.push("ENV_MAP") : this.#u && a.push("STUDIO"), t.transmission > 0 && a.push("TRANSMISSION"), t.clearcoat > 0 && a.push("CLEARCOAT"), t.sheen > 0 && a.push("SHEEN"), t.anisotropy > 0 && a.push("ANISOTROPY"), t.translucency > 0 && a.push("TRANSLUCENCY"), t.matcap && a.push("MATCAP"), t.toon > 0 && a.push("TOON");
 			}
-			t.map && a.push("MAP"), t.emissiveMap && a.push("EMISSIVE_MAP"), t.alphaTest > 0 && a.push("ALPHA_TEST"), t.flatShading && a.push("FLAT_SHADING"), t.doubleSided && a.push("DOUBLE_SIDED"), t.triplanar > 0 && $r.some((e) => t[e]) && a.push("TRIPLANAR");
+			t.map && a.push("MAP"), t.emissiveMap && a.push("EMISSIVE_MAP"), t.alphaTest > 0 && a.push("ALPHA_TEST"), t.flatShading && a.push("FLAT_SHADING"), t.doubleSided && a.push("DOUBLE_SIDED"), t.triplanar > 0 && pi.some((e) => t[e]) && a.push("TRIPLANAR");
 			let e = i ? t.textures.filter(([e, t]) => t.uvSet === 1 && e !== "matcap") : [];
-			e.length && a.push("UV2", ...e.map(([e]) => `${ei[e]}Set vUv2`)), r && a.push("INSTANCED");
-		} else e === "points" && (t.map && a.push("MAP"), t.sizeAttenuation && a.push("SIZE_ATTENUATION"));
+			e.length && a.push("UV2", ...e.map(([e]) => `${mi[e]}Set vUv2`)), r && a.push("INSTANCED");
+		} else e === "points" ? (t.map && a.push("MAP"), t.sizeAttenuation && a.push("SIZE_ATTENUATION")) : t.dash > 0 && a.push("DASHED");
 		return a;
 	}
-}, ai = [
+}, yi = [
 	"canvas",
 	"scene",
 	"camera",
@@ -5864,7 +6274,7 @@ var Xr = {
 	"reducedMotion",
 	"keyboard",
 	"description"
-], oi = ["keep", "aspect"], si = {
+], bi = ["keep", "aspect"], xi = {
 	renderer: "the View makes its renderer - read it from view.renderer",
 	controls: "use orbit: true (or orbit options); the control is then view.controls",
 	container: "use canvas: an element or selector (a full-window canvas is made when omitted)",
@@ -5874,7 +6284,7 @@ var Xr = {
 	keep: "use framing: { keep: 'width' | 'height' | 'both' }",
 	fit: "use framing: { keep: 'both' } to keep everything framed in view as the canvas changes shape",
 	aspect: "the canvas sets the aspect; framing: { aspect } says which shape the camera was set up for"
-}, ci = {
+}, Si = {
 	mouseover: "hover",
 	mouseenter: "hover",
 	mousemove: "hover",
@@ -5888,10 +6298,10 @@ var Xr = {
 	select: "click",
 	pointerdown: "click",
 	mousedown: "click"
-}, li = .45, ui = H.fromInput("#ffcc00"), di = 4, fi = 5e3, pi = 0, mi = class {
-	static OPTIONS = ai;
-	static HINTS = si;
-	static FRAMING_OPTIONS = oi;
+}, Ci = .45, wi = H.fromInput("#ffcc00"), Ti = 4, Ei = 5e3, Di = 0, Oi = class {
+	static OPTIONS = yi;
+	static HINTS = xi;
+	static FRAMING_OPTIONS = bi;
 	canvas;
 	scene;
 	#e;
@@ -5920,7 +6330,7 @@ var Xr = {
 	#g = "height";
 	#_ = 0;
 	#v = 1;
-	#y = new Qn();
+	#y = new ar();
 	#b = [];
 	#x;
 	#S = null;
@@ -5949,12 +6359,12 @@ var Xr = {
 	#H = null;
 	#U = null;
 	#W = null;
-	#G = new cr({
+	#G = new hr({
 		sky: "#ffffff",
 		ground: "#444444",
 		intensity: .5
 	});
-	#K = new ur({
+	#K = new _r({
 		direction: [
 			-.5,
 			-1,
@@ -5964,7 +6374,7 @@ var Xr = {
 	});
 	#q = !1;
 	constructor(e = {}) {
-		A("View", e, ai, si), this.canvas = Di(e.canvas), this.#a = e.canvas === void 0, e.scene === void 0 ? this.scene = new nr() : e.scene instanceof nr ? this.scene = e.scene : E("View", `'scene' must be a Scene${e.scene && typeof e.scene == "object" && "type" in e.scene ? " - build one from a description with create({ type: 'scene', ... })" : `, got ${j(e.scene)}`}`), e.background !== void 0 && (this.scene.background = e.background), e.camera instanceof xn ? this.#e = e.camera : typeof e.camera == "string" ? (this.#e = Dn(e.camera), this.#m = !0) : e.camera === void 0 ? (this.#e = Dn("perspective"), this.#m = !0) : this.#e = new Sn({
+		A("View", e, yi, xi), this.canvas = Vi(e.canvas), this.#a = e.canvas === void 0, e.scene === void 0 ? this.scene = new lr() : e.scene instanceof lr ? this.scene = e.scene : E("View", `'scene' must be a Scene${e.scene && typeof e.scene == "object" && "type" in e.scene ? " - build one from a description with create({ type: 'scene', ... })" : `, got ${j(e.scene)}`}`), e.background !== void 0 && (this.scene.background = e.background), e.camera instanceof wn ? this.#e = e.camera : typeof e.camera == "string" ? (this.#e = An(e.camera), this.#m = !0) : e.camera === void 0 ? (this.#e = An("perspective"), this.#m = !0) : this.#e = new Tn({
 			position: [
 				0,
 				1.5,
@@ -5976,15 +6386,15 @@ var Xr = {
 				0
 			],
 			...e.camera
-		}), this.#m && (this.#h = hi(this.#e));
+		}), this.#m && (this.#h = ki(this.#e));
 		let t = e.context === void 0 ? "auto" : P("View", "context", e.context, [
 			"auto",
 			"own",
 			"shared"
 		]);
 		e.exposure !== void 0 && N("View", "exposure", e.exposure, 0);
-		let n = t === "shared" || t === "auto" && pi >= di;
-		if (this.renderer = new ii({
+		let n = t === "shared" || t === "auto" && Di >= Ti;
+		if (this.renderer = new vi({
 			canvas: this.canvas,
 			shared: n,
 			antialias: e.antialias,
@@ -5992,7 +6402,7 @@ var Xr = {
 			toneMapping: e.toneMapping,
 			exposure: e.exposure,
 			bloom: e.bloom
-		}), n || (this.#i = !0, pi++), this.renderer.onReady = () => {
+		}), n || (this.#i = !0, Di++), this.renderer.onReady = () => {
 			this.#I = !0, this.invalidate();
 		}, e.autoLight !== void 0 && (this.autoLight = !!e.autoLight), e.reducedMotion !== void 0 && this.#Y(e.reducedMotion), e.maxDelta !== void 0 && (this.maxDelta = N("View", "maxDelta", e.maxDelta, 0, Infinity, { above: !0 })), e.renderMode !== void 0 && (this.renderMode = P("View", "renderMode", e.renderMode, [
 			"auto",
@@ -6000,17 +6410,17 @@ var Xr = {
 			"manual"
 		])), e.pixelRatio !== void 0 && (this.#f = N("View", "pixelRatio", e.pixelRatio, 0, Infinity, { above: !0 }), this.#p = !0), e.orbit !== void 0 && e.orbit !== !1 && e.orbit !== !0 && (typeof e.orbit != "object" || Array.isArray(e.orbit) || e.orbit === null) && E("View", `'orbit' must be true, false or orbit options such as { autoRotate: true }, got ${j(e.orbit)}`), e.orbit) {
 			let t = e.orbit === !0 ? {} : e.orbit, n = t.mode ?? (e.camera === "top" ? "map" : void 0);
-			this.controls = new mn(this.camera, this.canvas, n ? {
+			this.controls = new _n(this.camera, this.canvas, n ? {
 				...t,
 				mode: n
 			} : t), this.#B = this.controls.handOverPointer();
 		}
-		if (e.highlight !== void 0 && this.#J(e.highlight), e.tooltip !== void 0 && this.tooltip(e.tooltip), e.description !== void 0 && (this.description = e.description), e.keyboard !== void 0 && e.keyboard !== !1 && this.#ae(e.keyboard), this.#x = new cn(this.canvas, {
-			interactive: (e) => Ti(e, "click").length > 0 || Ti(e, "hover").length > 0,
+		if (e.highlight !== void 0 && this.#J(e.highlight), e.tooltip !== void 0 && this.tooltip(e.tooltip), e.description !== void 0 && (this.description = e.description), e.keyboard !== void 0 && e.keyboard !== !1 && this.#ae(e.keyboard), this.#x = new dn(this.canvas, {
+			interactive: (e) => zi(e, "click").length > 0 || zi(e, "hover").length > 0,
 			on: (e, t, n) => this.#me(e, t, n)
 		}), e.framing !== void 0) {
 			let t = typeof e.framing == "string" ? { keep: e.framing } : e.framing;
-			A("View", t, oi, {}, "framing"), t.keep !== void 0 && (this.#g = P("View", "framing.keep", t.keep, [
+			A("View", t, bi, {}, "framing"), t.keep !== void 0 && (this.#g = P("View", "framing.keep", t.keep, [
 				"height",
 				"width",
 				"both"
@@ -6024,12 +6434,12 @@ var Xr = {
 	set camera(e) {
 		if (typeof e == "string") {
 			let t = this.#e, n = t.target ?? new z();
-			e = Dn(e, {
+			e = An(e, {
 				target: n,
 				distance: Math.max(.001, t.position.distanceTo(n))
 			}), this.#m = !0;
 		} else this.#m = !1;
-		e instanceof xn || E("View", `'camera' must be a camera or a preset name, got ${j(e)}`), this.#U = null, this.#e = e, this.#d && (e.aspect = this.#u / this.#d), this.#_ = e.aspect, this.#v = 1, this.controls && (e.target ??= this.controls.target.clone(), this.controls.camera = e), this.#m && (this.#h = hi(e)), this.invalidate();
+		e instanceof wn || E("View", `'camera' must be a camera or a preset name, got ${j(e)}`), this.#U = null, this.#e = e, this.#d && (e.aspect = this.#u / this.#d), this.#_ = e.aspect, this.#v = 1, this.controls && (e.target ??= this.controls.target.clone(), this.controls.camera = e), this.#m && (this.#h = ki(e)), this.invalidate();
 	}
 	get bloom() {
 		return this.renderer.bloom;
@@ -6099,8 +6509,8 @@ var Xr = {
 	#X(e) {
 		if (this.#U) return this.#$(e);
 		if (!this.controls) return;
-		let t = this.#m && gi(hi(this.camera), this.#h);
-		this.controls.update(e, this.reducedMotion), t && (this.#h = hi(this.camera));
+		let t = this.#m && Ai(ki(this.camera), this.#h);
+		this.controls.update(e, this.reducedMotion), t && (this.#h = ki(this.camera));
 	}
 	render() {
 		return this.#Z(!1);
@@ -6109,10 +6519,10 @@ var Xr = {
 		if (this.#m) {
 			this.resize();
 			let e = this.scene.bounds;
-			gi(hi(this.camera), this.#h) ? e.isEmpty() || this.frame(this.scene) : this.#m = !1;
+			Ai(ki(this.camera), this.#h) ? e.isEmpty() || this.frame(this.scene) : this.#m = !1;
 		}
 		this.scene.updateWorldTree();
-		let t = Lt(this.scene, this.camera);
+		let t = Bt(this.scene, this.camera);
 		return this.autoLight && t.lights.length === 0 && this.#xe(t), t.highlight = this.#ge(this.#H), this.#_e(t), this.renderer.renderFrame(t, { wait: e }), this.#S = this.#x.update(t.labels, t.overlays), t.tooltips && !this.#w && this.#ie(), this.lastFrame = t, this.#c = !1, this.renderMode === "auto" && this.#y.changed(this.scene, this.camera), (this.#F || this.#j) && this.#de() && (this.#I = !0), t;
 	}
 	resize() {
@@ -6124,20 +6534,20 @@ var Xr = {
 		}
 		let n = e || this.canvas.width || 1, r = t || this.canvas.height || 1;
 		this.#p || (this.#f = Math.min(globalThis.devicePixelRatio || 1, 2)), this.#u = n, this.#d = r, this.renderer.setSize(n, r, this.#f), this.camera.aspect = n / r;
-		let i = this.#m && gi(hi(this.camera), this.#h);
-		this.#ce(), i && (this.#h = hi(this.camera)), this.#c = !0;
+		let i = this.#m && Ai(ki(this.camera), this.#h);
+		this.#ce(), i && (this.#h = ki(this.camera)), this.#c = !0;
 	}
 	frame(e = this.scene, { padding: t = .2, direction: n, duration: r = 0 } = {}) {
 		N("View", "frame() duration", r, 0);
-		let i = this.camera, a = xi(i);
+		let i = this.camera, a = Fi(i);
 		this.#U = null;
 		let o = this.#Q("frame", e, t, n);
-		return this.#m = !1, o && (Si(i, o.place), i.near = o.near ?? i.near, i.far = Math.max(i.far, o.far), this.#_ = i.aspect, this.#v = 1, r > 0 && !this.reducedMotion && (this.#U = {
+		return this.#m = !1, o && (Ii(i, o.place), i.near = o.near ?? i.near, i.far = Math.max(i.far, o.far), this.#_ = i.aspect, this.#v = 1, r > 0 && !this.reducedMotion && (this.#U = {
 			from: a,
-			to: xi(i),
+			to: Fi(i),
 			time: 0,
 			duration: r
-		}, Si(i, a)), this.invalidate()), this;
+		}, Ii(i, a)), this.invalidate()), this;
 	}
 	framing(e = this.scene, { padding: t = .2, direction: n } = {}) {
 		let r = this.#Q("framing", e, t, n);
@@ -6154,11 +6564,11 @@ var Xr = {
 	}
 	#Q(e, t, n, r) {
 		n >= 0 || E("View", `${e}() padding is the margin around, as a fraction of the size (0.2 = 20%), got ${j(n)}`), n >= 1 && F(this, `${e}() padding ${n} leaves a margin of ${Math.round(n * 100)}% - it is a fraction of the size (0.2 = 20%)`);
-		let i = this.camera, a = r === void 0 ? i.position.clone().sub(i.target ?? new z()).normalize() : typeof r == "string" ? On(r) : z.fromInput(r, "View").normalize();
+		let i = this.camera, a = r === void 0 ? i.position.clone().sub(i.target ?? new z()).normalize() : typeof r == "string" ? jn(r) : z.fromInput(r, "View").normalize();
 		r !== void 0 && !(a.len() > 0) && E("View", `${e}() direction is a preset name or a vector from the target towards the camera, got ${j(r)}`), a.len() === 0 && a.set(0, .3, 1).normalize();
-		let o = t instanceof V ? _i(t) : this.#ee(t, a);
+		let o = t instanceof V ? ji(t) : this.#ee(t, a);
 		if (!o.length) return null;
-		let s = i.constructor.type === "orthographic-camera", { center: c, size: l } = An(o, a, {
+		let s = i.constructor.type === "orthographic-camera", { center: c, size: l } = Nn(o, a, {
 			aspect: i.aspect,
 			fov: s ? void 0 : i.fov,
 			padding: n
@@ -6185,16 +6595,16 @@ var Xr = {
 	#$(e) {
 		let t = this.#U;
 		t.time = Math.min(t.duration, t.time + e);
-		let n = Mn.inOut(t.time / t.duration), r = this.camera, i = t.from.target.clone().lerp(t.to.target, n), a = t.from.position.clone().sub(t.from.target), o = t.to.position.clone().sub(t.to.target), s = a.len() || 1e-6, c = o.len() || 1e-6, l = wi(a.multiplyScalar(1 / s), o.multiplyScalar(1 / c), n);
-		Ci(r, i), r.position.copy(i).add(l.multiplyScalar(s * (c / s) ** n)), t.to.height !== void 0 && (r.height = t.from.height * (t.to.height / t.from.height) ** n), t.time >= t.duration && (Si(r, t.to), this.#U = null), this.invalidate();
+		let n = Fn.inOut(t.time / t.duration), r = this.camera, i = t.from.target.clone().lerp(t.to.target, n), a = t.from.position.clone().sub(t.from.target), o = t.to.position.clone().sub(t.to.target), s = a.len() || 1e-6, c = o.len() || 1e-6, l = Ri(a.multiplyScalar(1 / s), o.multiplyScalar(1 / c), n);
+		Li(r, i), r.position.copy(i).add(l.multiplyScalar(s * (c / s) ** n)), t.to.height !== void 0 && (r.height = t.from.height * (t.to.height / t.from.height) ** n), t.time >= t.duration && (Ii(r, t.to), this.#U = null), this.invalidate();
 	}
 	#ee(e, t) {
 		let n = e.bounds;
 		if (n.isEmpty()) return [];
 		let r = this.camera, i = r.position.clone();
 		r.position.copy(n.getCenter()).add(t.clone().multiplyScalar(Math.max(n.getRadius(), .001) * 3)), r.updateWorld();
-		let a = yi(e, r);
-		return r.position.copy(i), r.updateWorld(), a.length ? a : _i(n);
+		let a = Ni(e, r);
+		return r.position.copy(i), r.updateWorld(), a.length ? a : ji(n);
 	}
 	pick(e, t) {
 		if (typeof e == "object") {
@@ -6210,7 +6620,7 @@ var Xr = {
 			t = e.clientY - n.top, e = e.clientX - n.left;
 		}
 		let n = [e / (this.#u || 1) * 2 - 1, 1 - t / (this.#d || 1) * 2];
-		return new Yn().setFromCamera(n, this.camera).ray;
+		return new Qn().setFromCamera(n, this.camera).ray;
 	}
 	#te() {
 		let e = this.lastFrame;
@@ -6220,10 +6630,10 @@ var Xr = {
 			let e = n.drawMode;
 			t += i ? i.count : e === "points" ? r.drawnVertices : e === "lines" ? r.drawnCount / 2 : r.drawnCount / 3;
 		}
-		return t > fi ? e : null;
+		return t > Ei ? e : null;
 	}
 	#ne(e, t) {
-		let n = e.item.node, r = new Yn().setFromCamera(e.ndc, this.camera), i = r.intersectElement(n, e.element);
+		let n = e.item.node, r = new Qn().setFromCamera(e.ndc, this.camera), i = r.intersectElement(n, e.element);
 		if (i) return i;
 		let a = new B().copy(t.camera.viewProjection).invert(), o = new z(e.ndc[0], e.ndc[1], e.ndc[2]).applyMatrix4(a), s = "instanceMatrices" in n, c = e.element, l = s || n.drawMode !== "triangles";
 		return {
@@ -6238,7 +6648,7 @@ var Xr = {
 		};
 	}
 	project(e) {
-		let { ndc: [t, n, r], visible: i } = Wt(z.fromInput(e, "View"), this.#re());
+		let { ndc: [t, n, r], visible: i } = qt(z.fromInput(e, "View"), this.#re());
 		return {
 			x: (t * .5 + .5) * this.#u,
 			y: (.5 - n * .5) * this.#d,
@@ -6247,7 +6657,7 @@ var Xr = {
 		};
 	}
 	screenBounds(e = this.scene) {
-		let t = e instanceof V ? _i(e) : yi(e, this.camera);
+		let t = e instanceof V ? ji(e) : Ni(e, this.camera);
 		if (!t.length) return null;
 		let n = Infinity, r = Infinity, i = -Infinity, a = -Infinity;
 		for (let e of t) {
@@ -6268,12 +6678,15 @@ var Xr = {
 		let e = this.camera;
 		return e.updateWorld(), new B().multiplyMatrices(e.projectionMatrix, e.viewMatrix);
 	}
+	pickArea(e) {
+		return this.scene.updateWorldTree(), nr(this.scene, this.camera, this.#re(), this.#u, this.#d, e);
+	}
 	pickAll(e, t) {
 		if (typeof e == "object") {
 			let n = this.canvas.getBoundingClientRect();
 			t = e.clientY - n.top, e = e.clientX - n.left;
 		}
-		let n = [e / this.#u * 2 - 1, 1 - t / this.#d * 2], r = new Yn().setFromCamera(n, this.camera), i = this.camera, a = i.position.distanceTo(i.target ?? [
+		let n = [e / this.#u * 2 - 1, 1 - t / this.#d * 2], r = new Qn().setFromCamera(n, this.camera), i = this.camera, a = i.position.distanceTo(i.target ?? [
 			0,
 			0,
 			0
@@ -6282,7 +6695,7 @@ var Xr = {
 	}
 	on(e, t) {
 		if (!(e in this.#C)) {
-			let t = ci[e];
+			let t = Si[e];
 			t && E("View", `on('${e}') - use '${t}'${t === "hover" ? ", which fires as the thing under the pointer changes (null when it leaves)" : ""}`), P("View", "event", e, ["click", "hover"]);
 		}
 		typeof t != "function" && E("View", `on('${e}', fn) needs a function, got ${j(t)}`);
@@ -6303,13 +6716,13 @@ var Xr = {
 		A("View", t, ["label"], {
 			describe: "use 'label: (hit) => text'",
 			text: "use 'label: (hit) => text'"
-		}, "keyboard"), t.label !== void 0 && typeof t.label != "function" && E("View", `keyboard.label is a function (hit) => text, got ${j(t.label)}`), Promise.resolve().then(() => Ha).then(({ Keyboard: e }) => {
+		}, "keyboard"), t.label !== void 0 && typeof t.label != "function" && E("View", `keyboard.label is a function (hit) => text, got ${j(t.label)}`), import("./keyboard.js").then(({ Keyboard: e }) => {
 			this.#r || (this.#A = new e(this, {
 				focus: (e) => {
 					this.#j = e, this.#I = !0, this.invalidate();
 				},
 				press: (e) => {
-					for (let t of Ei(e.node, "click")) t(e);
+					for (let t of Bi(e.node, "click")) t(e);
 					for (let t of this.#C.click) t(e, null);
 				},
 				tooltip: (e) => this.#se(e)?.(e),
@@ -6374,13 +6787,13 @@ var Xr = {
 		if (!this.#r) {
 			this.#r = !0, this.#n = !1, cancelAnimationFrame(this.#o);
 			for (let e of this.#b) e();
-			this.controls?.dispose(), this.#x.dispose(), this.#w?.dispose(), this.#A?.dispose(), this.#M !== null && !this.#A && (this.description = null), this.renderer.dispose(this.scene), this.#i && pi--, this.#a && this.canvas.remove();
+			this.controls?.dispose(), this.#x.dispose(), this.#w?.dispose(), this.#A?.dispose(), this.#M !== null && !this.#A && (this.description = null), this.renderer.dispose(this.scene), this.#i && Di--, this.#a && this.canvas.remove();
 		}
 	}
 	#ce() {
 		let e = this.#e;
 		this.#_ ||= e.aspect;
-		let t = jn(this.#g, this.#_, e.aspect), n = t / this.#v;
+		let t = Pn(this.#g, this.#_, e.aspect), n = t / this.#v;
 		if (this.#v = t, !(Math.abs(n - 1) < 1e-9)) {
 			if (e.constructor.type === "orthographic-camera") e.height *= n;
 			else if (e.target) {
@@ -6425,8 +6838,8 @@ var Xr = {
 	#pe(e, t = this.#F) {
 		let n = this.#H, r = n === e || n && e && n.node === e.node && n.instance === e.instance && n.datum === e.datum && (e.node.drawMode !== "points" || n.face === e.face);
 		if (this.#H = e, t && e && this.#w ? this.#w.show(e, t.clientX, t.clientY) : this.#w?.hide(), r) return;
-		(this.#ge(n) || this.#ge(e)) && this.invalidate(), (this.#C.click.size || this.lastFrame?.interactive) && (this.canvas.style.cursor = e && bi(e.node, "onDrag") ? "grab" : e && this.#he(e) ? "pointer" : "");
-		let i = Ei(n?.node, "hover"), a = Ei(e?.node, "hover");
+		(this.#ge(n) || this.#ge(e)) && this.invalidate(), (this.#C.click.size || this.lastFrame?.interactive) && (this.canvas.style.cursor = e && Pi(e.node, "onDrag") ? "grab" : e && this.#he(e) ? "pointer" : "");
+		let i = Bi(n?.node, "hover"), a = Bi(e?.node, "hover");
 		for (let e of i) a.includes(e) || e(null);
 		for (let t of a) t(e);
 		for (let n of this.#C.hover) n(e, t?.event ?? null);
@@ -6443,7 +6856,7 @@ var Xr = {
 			datum: r.datumAt?.(i) ?? null
 		};
 		if (e === "click") {
-			for (let e of Ei(r, "click")) e(o);
+			for (let e of Bi(r, "click")) e(o);
 			for (let e of this.#C.click) e(o, n);
 		} else {
 			if (this.#W = e === "over" ? o : null, n) {
@@ -6460,13 +6873,13 @@ var Xr = {
 		}
 	}
 	#he(e) {
-		return this.#C.click.size > 0 || Ei(e.node, "click").length > 0;
+		return this.#C.click.size > 0 || Bi(e.node, "click").length > 0;
 	}
 	#ge(e) {
 		if (!e) return null;
 		let t = null, n = null;
 		for (let r = e.node; r; r = r.parent) t ??= r.highlight, n ??= r.highlightWhole ? r : null;
-		if (t ??= this.#O, !t && e === this.#j && (t = ui), !t) return null;
+		if (t ??= this.#O, !t && e === this.#j && (t = wi), !t) return null;
 		let r = e.node;
 		if (n) {
 			let e = /* @__PURE__ */ new Set();
@@ -6477,20 +6890,20 @@ var Xr = {
 				index: null,
 				nodes: e,
 				color: t,
-				amount: li
+				amount: Ci
 			};
 		}
 		return {
 			node: r,
 			index: e.instance ?? (r.drawMode === "points" ? e.face : null),
 			color: t,
-			amount: li
+			amount: Ci
 		};
 	}
 	#_e(e) {
 		let t = e.labels, n = this.height / 2, r = t.filter((e) => e.style.occlude && e.visible && !(e.style.minScale && e.scale * n < e.style.minScale));
 		if (!r.length) return;
-		let i = Yn.solids([...e.opaque, ...e.transparent]), a = new Yn();
+		let i = Qn.solids([...e.opaque, ...e.transparent]), a = new Qn();
 		for (let e of r) {
 			a.setFromCamera(e.ndc, this.camera);
 			let t = e.position.distanceTo(a.ray.origin);
@@ -6525,7 +6938,7 @@ var Xr = {
 				y: r.y,
 				moved: !1
 			};
-			let i = this.lastFrame?.draggable && (n.pointerType !== "mouse" || n.button === 0) ? this.pick(n) : null, a = i && bi(i.node, "onDrag");
+			let i = this.lastFrame?.draggable && (n.pointerType !== "mouse" || n.button === 0) ? this.pick(n) : null, a = i && Pi(i.node, "onDrag");
 			if (!i || !a) {
 				this.#B?.down(n);
 				return;
@@ -6562,7 +6975,7 @@ var Xr = {
 			}
 			if (!this.#C.click.size && !this.lastFrame?.interactive) return;
 			let t = this.pick(e);
-			if (t) for (let e of Ei(t.node, "click")) e(t);
+			if (t) for (let e of Bi(t.node, "click")) e(t);
 			for (let n of this.#C.click) n(t, e);
 		};
 		e.addEventListener("pointerdown", a), e.addEventListener("pointermove", n), e.addEventListener("pointerleave", r), e.addEventListener("pointerup", i), e.addEventListener("pointercancel", i), e.addEventListener("click", o);
@@ -6640,15 +7053,15 @@ var Xr = {
 		});
 	}
 };
-function hi(e) {
+function ki(e) {
 	return [
 		...e.position,
 		...e.target ?? [],
 		e.fov ?? e.height
 	];
 }
-var gi = (e, t) => !!t && e.length === t.length && e.every((e, n) => e === t[n]);
-function _i(e) {
+var Ai = (e, t) => !!t && e.length === t.length && e.every((e, n) => e === t[n]);
+function ji(e) {
 	if (e.isEmpty()) return [];
 	if (e.min.equals(e.max)) return [e.min.toArray()];
 	let t = [];
@@ -6659,14 +7072,14 @@ function _i(e) {
 	]);
 	return t;
 }
-var vi = 4e3;
-function yi(e, t) {
+var Mi = 4e3;
+function Ni(e, t) {
 	e.updateWorld();
 	let n = [];
 	return e.eachShownTo(t, (e) => {
 		let t = e;
-		if ("instanceMatrices" in t && t.count <= vi) t.eachInstanceBox((e, t, r, i, a, o) => {
-			n.push(..._i(new V([
+		if ("instanceMatrices" in t && t.count <= Mi) t.eachInstanceBox((e, t, r, i, a, o) => {
+			n.push(...ji(new V([
 				e,
 				t,
 				r
@@ -6676,7 +7089,7 @@ function yi(e, t) {
 				o
 			])));
 		});
-		else if ((t.drawMode === "lines" || t.drawMode === "points") && t.geometry.vertexCount <= vi) {
+		else if ((t.drawMode === "lines" || t.drawMode === "points") && t.geometry.vertexCount <= Mi) {
 			let e = t.geometry, r = e.positions, i = t.worldMatrix, a = e.indices ? e.vertexCount : e.drawnVertices;
 			for (let e = 0; e < a; e++) {
 				let t = r[e * 3], a = r[e * 3 + 1], o = r[e * 3 + 2];
@@ -6686,45 +7099,45 @@ function yi(e, t) {
 					i[2] * t + i[6] * a + i[10] * o + i[14]
 				]);
 			}
-		} else n.push(..._i(e.expandBounds(new V())));
+		} else n.push(...ji(e.expandBounds(new V())));
 	}), n;
 }
-function bi(e, t) {
+function Pi(e, t) {
 	for (let n = e; n; n = n.parent) if (n[t]) return n;
 	return null;
 }
-function xi(e) {
+function Fi(e) {
 	return {
 		position: e.position.clone(),
 		target: (e.target ?? new z()).clone(),
 		height: e.height
 	};
 }
-function Si(e, t) {
-	e.position.copy(t.position), Ci(e, t.target), t.height !== void 0 && (e.height = t.height);
+function Ii(e, t) {
+	e.position.copy(t.position), Li(e, t.target), t.height !== void 0 && (e.height = t.height);
 }
-function Ci(e, t) {
+function Li(e, t) {
 	e.target ? e.target.copy(t) : e.target = t.clone();
 }
-function wi(e, t, n) {
+function Ri(e, t, n) {
 	let r = Math.max(-1, Math.min(1, e.dot(t)));
 	if (r > .9999) return e.clone().lerp(t, n).normalize();
 	if (r < -.9999) {
 		let r = Math.abs(e[1]) < .9 ? new z(0, 1, 0) : new z(1, 0, 0), i = e.clone().cross(r).normalize();
-		return n < .5 ? wi(e, i, n * 2) : wi(i, t, n * 2 - 1);
+		return n < .5 ? Ri(e, i, n * 2) : Ri(i, t, n * 2 - 1);
 	}
 	let i = Math.acos(r), a = Math.sin(i);
 	return e.clone().multiplyScalar(Math.sin((1 - n) * i) / a).add(t.clone().multiplyScalar(Math.sin(n * i) / a));
 }
-function Ti(e, t) {
-	return e.index === null && !e.node.handlersFor(t).length ? [] : Ei(e.node, t);
+function zi(e, t) {
+	return e.index === null && !e.node.handlersFor(t).length ? [] : Bi(e.node, t);
 }
-function Ei(e, t) {
+function Bi(e, t) {
 	let n = [];
 	for (let r = e; r; r = r.parent) n.push(...r.handlersFor(t));
 	return n;
 }
-function Di(e) {
+function Vi(e) {
 	if (e === void 0) {
 		let e = document.createElement("canvas");
 		return Object.assign(e.style, {
@@ -6742,25 +7155,25 @@ function Di(e) {
 	return e instanceof HTMLCanvasElement || E("View", `'canvas' must be a <canvas> element or a selector, got ${j(e)}`), e;
 }
 // src/geometry/triangulate.js
-function Oi(e) {
+function Hi(e) {
 	let t = 0;
 	for (let n = 0, r = e.length - 1; n < e.length; r = n++) t += (e[r][0] - e[n][0]) * (e[r][1] + e[n][1]);
 	return t;
 }
-function ki(e, t = []) {
+function Ui(e, t = []) {
 	let n = [...e], r = e.map((e, t) => t);
-	Oi(e) < 0 && r.reverse();
+	Hi(e) < 0 && r.reverse();
 	let i = t.map((e) => {
 		let t = n.length;
 		n.push(...e);
 		let r = e.map((e, n) => t + n);
-		return Oi(e) > 0 && r.reverse(), r;
-	}).sort((e, t) => Ai(n, t) - Ai(n, e));
-	for (let e of i) r = ji(n, r, e, i);
-	return Pi(n, r);
+		return Hi(e) > 0 && r.reverse(), r;
+	}).sort((e, t) => Wi(n, t) - Wi(n, e));
+	for (let e of i) r = Gi(n, r, e, i);
+	return Ji(n, r);
 }
-var Ai = (e, t) => Math.max(...t.map((t) => e[t][0]));
-function ji(e, t, n, r) {
+var Wi = (e, t) => Math.max(...t.map((t) => e[t][0]));
+function Gi(e, t, n, r) {
 	let i = 0;
 	n.forEach((t, r) => {
 		e[t][0] > e[n[i]][0] && (i = r);
@@ -6770,7 +7183,7 @@ function ji(e, t, n, r) {
 	let s = -1, c = Infinity;
 	t.forEach((t, n) => {
 		let r = e[t], i = ((r[0] - a[0]) ** 2 + (r[1] - a[1]) ** 2) * (r[0] >= a[0] ? 1 : 4);
-		i >= c || o.some(([e, t]) => Mi(a, r, e, t)) || (s = n, c = i);
+		i >= c || o.some(([e, t]) => Ki(a, r, e, t)) || (s = n, c = i);
 	}), s < 0 && (s = 0);
 	let l = [...n.slice(i), ...n.slice(0, i)];
 	return [
@@ -6781,52 +7194,52 @@ function ji(e, t, n, r) {
 		...t.slice(s + 1)
 	];
 }
-function Mi(e, t, n, r) {
-	if (Ni(e, n) || Ni(e, r) || Ni(t, n) || Ni(t, r)) return !1;
+function Ki(e, t, n, r) {
+	if (qi(e, n) || qi(e, r) || qi(t, n) || qi(t, r)) return !1;
 	let i = Q(n, r, e), a = Q(n, r, t), o = Q(e, t, n), s = Q(e, t, r);
 	return i * a < 0 && o * s < 0;
 }
-var Ni = (e, t) => e[0] === t[0] && e[1] === t[1], Q = (e, t, n) => (t[0] - e[0]) * (n[1] - e[1]) - (t[1] - e[1]) * (n[0] - e[0]);
-function Pi(e, t) {
+var qi = (e, t) => e[0] === t[0] && e[1] === t[1], Q = (e, t, n) => (t[0] - e[0]) * (n[1] - e[1]) - (t[1] - e[1]) * (n[0] - e[0]);
+function Ji(e, t) {
 	let n = [...t], r = [];
 	for (; n.length > 3;) {
 		let t = -1;
-		for (let r = 0; r < n.length && t < 0; r++) Ii(e, n, r) && (t = r);
-		if (t < 0) for (let r = 0; r < n.length && t < 0; r++) Fi(e, n, r) && (t = r);
+		for (let r = 0; r < n.length && t < 0; r++) Xi(e, n, r) && (t = r);
+		if (t < 0) for (let r = 0; r < n.length && t < 0; r++) Yi(e, n, r) && (t = r);
 		t < 0 && (t = 0);
 		let i = n.length;
 		r.push(n[(t + i - 1) % i], n[t], n[(t + 1) % i]), n.splice(t, 1);
 	}
 	return n.length === 3 && r.push(...n), r;
 }
-function Fi(e, t, n) {
+function Yi(e, t, n) {
 	let r = t.length;
 	return Q(e[t[(n + r - 1) % r]], e[t[n]], e[t[(n + 1) % r]]) > 0;
 }
-function Ii(e, t, n) {
-	if (!Fi(e, t, n)) return !1;
+function Xi(e, t, n) {
+	if (!Yi(e, t, n)) return !1;
 	let r = t.length, i = e[t[(n + r - 1) % r]], a = e[t[n]], o = e[t[(n + 1) % r]];
 	for (let n of t) {
 		let t = e[n];
-		if (!(Ni(t, i) || Ni(t, a) || Ni(t, o)) && Q(i, a, t) >= 0 && Q(a, o, t) >= 0 && Q(o, i, t) >= 0) return !1;
+		if (!(qi(t, i) || qi(t, a) || qi(t, o)) && Q(i, a, t) >= 0 && Q(a, o, t) >= 0 && Q(o, i, t) >= 0) return !1;
 	}
 	return !0;
 }
 // src/geometry/generators.js
-var Li = /* @__PURE__ */ t({
+var Zi = /* @__PURE__ */ t({
 	GENERATOR_OPTIONS: () => $,
-	axes: () => ea,
-	box: () => Bi,
-	cylinder: () => Wi,
-	edges: () => $i,
-	extrude: () => Yi,
-	grid: () => ta,
-	icosphere: () => qi,
-	lathe: () => Ji,
-	plane: () => Ui,
-	sphere: () => Hi,
-	torus: () => Ki
-}), Ri = Math.PI * 2, $ = {
+	axes: () => ma,
+	box: () => ea,
+	cylinder: () => ia,
+	edges: () => pa,
+	extrude: () => la,
+	grid: () => ha,
+	icosphere: () => sa,
+	lathe: () => ca,
+	plane: () => ra,
+	sphere: () => na,
+	torus: () => oa
+}), Qi = Math.PI * 2, $ = {
 	box: [
 		"size",
 		"width",
@@ -6873,18 +7286,18 @@ var Li = /* @__PURE__ */ t({
 	],
 	axes: ["size"],
 	grid: ["size", "divisions"]
-}, zi = "has one 'segments' option, used for every face";
-function Bi(e) {
+}, $i = "has one 'segments' option, used for every face";
+function ea(e) {
 	let t = "box()", n = I(t, e, $.box, (e) => ({ size: e }), {
-		widthSegments: `box() ${zi}`,
-		heightSegments: `box() ${zi}`,
-		depthSegments: `box() ${zi}`
+		widthSegments: `box() ${$i}`,
+		heightSegments: `box() ${$i}`,
+		depthSegments: `box() ${$i}`
 	}), r = L(t, "size", n.size, 1), i = L(t, "width", n.width, r), a = L(t, "height", n.height, r), o = L(t, "depth", n.depth, r), s = R(t, "segments", n.segments, 1), c = [
 		i,
 		a,
 		o
-	], l = new na();
-	for (let [e, t, n] of Vi) {
+	], l = new ga();
+	for (let [e, t, n] of ta) {
 		let r = l.count;
 		for (let r = 0; r <= s; r++) {
 			let i = r / s;
@@ -6907,7 +7320,7 @@ function Bi(e) {
 		segments: s
 	});
 }
-var Vi = [
+var ta = [
 	[
 		[
 			1,
@@ -7011,15 +7424,15 @@ var Vi = [
 		]
 	]
 ];
-function Hi(e) {
+function na(e) {
 	let t = "sphere()", n = I(t, e, $.sphere, (e) => ({ radius: e }), {
 		widthSegments: "sphere(): use 'segments' for the divisions around the sphere",
 		heightSegments: "sphere(): use 'rings' for the divisions from pole to pole"
-	}), r = L(t, "radius", n.radius, 1), i = R(t, "segments", n.segments, 32, 3), a = R(t, "rings", n.rings, 16, 2), o = new na();
+	}), r = L(t, "radius", n.radius, 1), i = R(t, "segments", n.segments, 32, 3), a = R(t, "rings", n.rings, 16, 2), o = new ga();
 	for (let e = 0; e <= a; e++) {
 		let t = e / a, n = e === 0 || e === a, s = n ? 0 : Math.sin(t * Math.PI), c = e === 0 ? 1 : e === a ? -1 : Math.cos(t * Math.PI);
 		for (let e = 0; e <= i; e++) {
-			let a = n && e < i ? (e + .5) / i : e / i, l = e % i / i * Ri, u = -Math.cos(l) * s, d = c, f = Math.sin(l) * s;
+			let a = n && e < i ? (e + .5) / i : e / i, l = e % i / i * Qi, u = -Math.cos(l) * s, d = c, f = Math.sin(l) * s;
 			o.vertex(u * r, d * r, f * r, u, d, f, a, t);
 		}
 	}
@@ -7033,12 +7446,12 @@ function Hi(e) {
 		rings: a
 	});
 }
-function Ui(e) {
+function ra(e) {
 	let t = "plane()", n = I(t, e, $.plane, (e) => ({ size: e }), {
 		height: "plane() lies in the x-z plane - use 'depth' rather than 'height'",
-		widthSegments: `plane() ${zi}`,
-		heightSegments: `plane() ${zi}`
-	}), r = L(t, "size", n.size, 1), i = L(t, "width", n.width, r), a = L(t, "depth", n.depth, r), o = R(t, "segments", n.segments, 1), s = new na();
+		widthSegments: `plane() ${$i}`,
+		heightSegments: `plane() ${$i}`
+	}), r = L(t, "size", n.size, 1), i = L(t, "width", n.width, r), a = L(t, "depth", n.depth, r), o = R(t, "segments", n.segments, 1), s = new ga();
 	for (let e = 0; e <= o; e++) {
 		let t = e / o;
 		for (let e = 0; e <= o; e++) {
@@ -7053,7 +7466,7 @@ function Ui(e) {
 		segments: o
 	});
 }
-function Wi(e) {
+function ia(e) {
 	let t = "cylinder()", n = I(t, e, $.cylinder, null, {
 		radiusBottom: "cylinder(): use 'radius' for the bottom radius",
 		radialSegments: "cylinder(): use 'segments' for the divisions around the cylinder",
@@ -7062,18 +7475,18 @@ function Wi(e) {
 	r === 0 && i === 0 && E(t, "'radius' and 'radiusTop' can't both be 0");
 	let a = L(t, "height", n.height, 1), o = R(t, "segments", n.segments, 32, 3), s = n.caps ?? !0;
 	typeof s != "boolean" && E(t, `'caps' must be true or false, got ${j(s)}`);
-	let c = ia(t, n.axis, "y"), l = new na(), u = r - i, d = Math.hypot(a, u), f = a / d, p = u / d;
+	let c = va(t, n.axis, "y"), l = new ga(), u = r - i, d = Math.hypot(a, u), f = a / d, p = u / d;
 	for (let e = 0; e <= 1; e++) {
 		let t = e === 0 ? i : r, n = e === 0 ? a / 2 : -a / 2;
 		for (let r = 0; r <= o; r++) {
-			let i = t === 0 && r < o ? (r + .5) / o : r / o, a = t === 0 ? i * Ri : r % o / o * Ri, s = Math.sin(a), c = Math.cos(a);
+			let i = t === 0 && r < o ? (r + .5) / o : r / o, a = t === 0 ? i * Qi : r % o / o * Qi, s = Math.sin(a), c = Math.cos(a);
 			l.vertex(t * s, n, t * c, f * s, p, f * c, i, e);
 		}
 	}
 	return l.grid(0, o, 1, {
 		pinchTop: i === 0,
 		pinchBottom: r === 0
-	}), s && (i > 0 && Gi(l, i, a / 2, 1, o), r > 0 && Gi(l, r, -a / 2, -1, o)), l.turn("y", c), l.build({
+	}), s && (i > 0 && aa(l, i, a / 2, 1, o), r > 0 && aa(l, r, -a / 2, -1, o)), l.turn("y", c), l.build({
 		type: "cylinder",
 		radius: r,
 		radiusTop: i,
@@ -7083,10 +7496,10 @@ function Wi(e) {
 		...c !== "y" && { axis: c }
 	});
 }
-function Gi(e, t, n, r, i) {
+function aa(e, t, n, r, i) {
 	let a = e.vertex(0, n, 0, 0, r, 0, .5, .5);
 	for (let a = 0; a < i; a++) {
-		let o = a / i * Ri, s = Math.sin(o), c = Math.cos(o);
+		let o = a / i * Qi, s = Math.sin(o), c = Math.cos(o);
 		e.vertex(t * s, n, t * c, 0, r, 0, .5 + s / 2, .5 + r * c / 2);
 	}
 	for (let t = 0; t < i; t++) {
@@ -7094,15 +7507,15 @@ function Gi(e, t, n, r, i) {
 		r > 0 ? e.indices.push(a, n, o) : e.indices.push(a, o, n);
 	}
 }
-function Ki(e) {
+function oa(e) {
 	let t = "torus()", n = I(t, e, $.torus, null, {
 		tubularSegments: "torus(): use 'segments' for the divisions around the ring",
 		radialSegments: "torus(): use 'tubeSegments' for the divisions around the tube"
-	}), r = L(t, "radius", n.radius, 1), i = L(t, "tube", n.tube, .4), a = R(t, "segments", n.segments, 48, 3), o = R(t, "tubeSegments", n.tubeSegments, 16, 3), s = new na();
+	}), r = L(t, "radius", n.radius, 1), i = L(t, "tube", n.tube, .4), a = R(t, "segments", n.segments, 48, 3), o = R(t, "tubeSegments", n.tubeSegments, 16, 3), s = new ga();
 	for (let e = 0; e <= o; e++) {
-		let t = e / o, n = -(e % o / o) * Ri, c = Math.cos(n), l = Math.sin(n);
+		let t = e / o, n = -(e % o / o) * Qi, c = Math.cos(n), l = Math.sin(n);
 		for (let e = 0; e <= a; e++) {
-			let n = e / a, o = e % a / a * Ri, u = Math.sin(o), d = Math.cos(o), f = c * u, p = l, m = c * d;
+			let n = e / a, o = e % a / a * Qi, u = Math.sin(o), d = Math.cos(o), f = c * u, p = l, m = c * d;
 			s.vertex(r * u + i * f, i * p, r * d + i * m, f, p, m, n, t);
 		}
 	}
@@ -7114,7 +7527,7 @@ function Ki(e) {
 		tubeSegments: o
 	});
 }
-function qi(e) {
+function sa(e) {
 	let t = "icosphere()", n = I(t, e, $.icosphere, (e) => ({ radius: e }), { subdivisions: "icosphere(): use 'detail' (0-6) for the subdivision level" }), r = L(t, "radius", n.radius, 1), i = R(t, "detail", n.detail, 2, 0, 6), a = (1 + Math.sqrt(5)) / 2, o = [], s = (e, t, n) => {
 		let r = Math.hypot(e, t, n);
 		return o.push(e / r, t / r, n / r), o.length / 3 - 1;
@@ -7265,14 +7678,14 @@ function qi(e) {
 		detail: i
 	}, l;
 }
-function Ji(e) {
+function ca(e) {
 	let t = "lathe()", n = I(t, e, $.lathe, null, {
 		divisions: "lathe(): use 'segments' for the divisions around the axis",
 		phiSegments: "lathe(): use 'segments' for the divisions around the axis",
 		profile: "lathe(): use 'points' for the profile, as [radius, y] pairs"
-	}), r = Qi(t, "points", n.points, 2).map(([e, t]) => [Math.abs(e) < 1e-9 ? 0 : e, t]);
+	}), r = fa(t, "points", n.points, 2).map(([e, t]) => [Math.abs(e) < 1e-9 ? 0 : e, t]);
 	r.some(([e]) => e < 0) && E(t, "'points' are [radius, y] pairs - a radius can't be below 0");
-	let i = R(t, "segments", n.segments, 32, 3), a = ia(t, n.axis, "y"), o = [];
+	let i = R(t, "segments", n.segments, 32, 3), a = va(t, n.axis, "y"), o = [];
 	for (let e = 0; e + 1 < r.length; e++) {
 		let [t, n] = r[e], [i, a] = r[e + 1], s = Math.hypot(i - t, a - n);
 		s !== 0 && o.push({
@@ -7283,9 +7696,9 @@ function Ji(e) {
 		});
 	}
 	o.length || E(t, "'points' need at least two different points");
-	let s = o.reduce((e, t) => e + t.len, 0), c = new na(), l = 0;
+	let s = o.reduce((e, t) => e + t.len, 0), c = new ga(), l = 0;
 	return o.forEach((e, t) => {
-		let n = Zi(o[t - 1]?.normal, e.normal), r = Zi(o[t + 1]?.normal, e.normal), a = c.count;
+		let n = da(o[t - 1]?.normal, e.normal), r = da(o[t + 1]?.normal, e.normal), a = c.count;
 		for (let [[t, a], [o, u], d] of [[
 			e.to,
 			r,
@@ -7295,7 +7708,7 @@ function Ji(e) {
 			n,
 			1 - l / s
 		]]) for (let e = 0; e <= i; e++) {
-			let n = e % i / i * Ri, r = Math.sin(n), s = Math.cos(n);
+			let n = e % i / i * Qi, r = Math.sin(n), s = Math.cos(n);
 			c.vertex(t * r, a, t * s, o * r, u, o * s, e / i, d);
 		}
 		c.grid(a, i, 1, {
@@ -7309,17 +7722,17 @@ function Ji(e) {
 		...a !== "y" && { axis: a }
 	});
 }
-function Yi(e) {
+function la(e) {
 	let t = "extrude()", n = I(t, e, $.extrude, null, {
 		amount: "extrude(): use 'depth'",
 		points: "extrude(): use 'shape' for the outline, as [x, y] pairs",
 		outline: "extrude(): use 'shape' for the outline, as [x, y] pairs",
 		bevelEnabled: "extrude() has no bevel - round the shape's corners instead"
-	}), r = aa(Qi(t, "shape", n.shape, 3));
+	}), r = ya(fa(t, "shape", n.shape, 3));
 	n.holes !== void 0 && !Array.isArray(n.holes) && E(t, `'holes' must be a list of outlines, got ${j(n.holes)}`), typeof n.holes?.[0]?.[0] == "number" && E(t, "'holes' is a list of outlines - for one hole, holes: [outline]");
-	let i = (n.holes ?? []).map((e, n) => aa(Qi(t, `holes[${n}]`, e, 3))), a = L(t, "depth", n.depth, 1), o = ia(t, n.axis, "z"), s = a / 2, c = Oi(r) < 0 ? [...r].reverse() : r, l = i.map((e) => Oi(e) > 0 ? [...e].reverse() : e), u = [c, ...l].flat(), d = Infinity, f = -Infinity, p = Infinity, m = -Infinity;
+	let i = (n.holes ?? []).map((e, n) => ya(fa(t, `holes[${n}]`, e, 3))), a = L(t, "depth", n.depth, 1), o = va(t, n.axis, "z"), s = a / 2, c = Hi(r) < 0 ? [...r].reverse() : r, l = i.map((e) => Hi(e) > 0 ? [...e].reverse() : e), u = [c, ...l].flat(), d = Infinity, f = -Infinity, p = Infinity, m = -Infinity;
 	for (let [e, t] of u) d = Math.min(d, e), f = Math.max(f, e), p = Math.min(p, t), m = Math.max(m, t);
-	let h = f - d || 1, g = m - p || 1, _ = new na(), v = ki(c, l);
+	let h = f - d || 1, g = m - p || 1, _ = new ga(), v = Ui(c, l);
 	for (let [e, t] of [[s, 1], [-s, -1]]) {
 		let n = _.count;
 		for (let [n, r] of u) _.vertex(n, r, e, 0, 0, t, t > 0 ? (n - d) / h : (f - n) / h, (m - r) / g);
@@ -7331,7 +7744,7 @@ function Yi(e) {
 			return [(s - i) / c, -(o - r) / c];
 		}), i = n.reduce((e, t) => e + t, 0) || 1, a = 0;
 		for (let o = 0; o < t; o++) {
-			let c = r[o], [l, u] = [Zi(r[(o + t - 1) % t], c), Zi(r[(o + 1) % t], c)], [d, f] = e[o], [p, m] = e[(o + 1) % t], h = a / i, g = (a + n[o]) / i, v = _.vertex(d, f, s, l[0], l[1], 0, h, 0), y = _.vertex(d, f, -s, l[0], l[1], 0, h, 1), b = _.vertex(p, m, -s, u[0], u[1], 0, g, 1), x = _.vertex(p, m, s, u[0], u[1], 0, g, 0);
+			let c = r[o], [l, u] = [da(r[(o + t - 1) % t], c), da(r[(o + 1) % t], c)], [d, f] = e[o], [p, m] = e[(o + 1) % t], h = a / i, g = (a + n[o]) / i, v = _.vertex(d, f, s, l[0], l[1], 0, h, 0), y = _.vertex(d, f, -s, l[0], l[1], 0, h, 1), b = _.vertex(p, m, -s, u[0], u[1], 0, g, 1), x = _.vertex(p, m, s, u[0], u[1], 0, g, 0);
 			_.indices.push(v, y, b, v, b, x), a += n[o];
 		}
 	}
@@ -7343,13 +7756,13 @@ function Yi(e) {
 		...o !== "z" && { axis: o }
 	});
 }
-var Xi = Math.cos(Math.PI / 6);
-function Zi(e, t) {
-	if (!e || e[0] * t[0] + e[1] * t[1] < Xi) return t;
+var ua = Math.cos(Math.PI / 6);
+function da(e, t) {
+	if (!e || e[0] * t[0] + e[1] * t[1] < ua) return t;
 	let n = e[0] + t[0], r = e[1] + t[1], i = Math.hypot(n, r) || 1;
 	return [n / i, r / i];
 }
-function Qi(e, t, n, r) {
+function fa(e, t, n, r) {
 	Array.isArray(n) || E(e, `'${t}' must be a list of [x, y] pairs, got ${j(n)}`);
 	let i = n;
 	return i.length < r && E(e, `'${t}' needs at least ${r} points, got ${i.length}`), i.map((n, r) => {
@@ -7358,7 +7771,7 @@ function Qi(e, t, n, r) {
 		return typeof i == "number" && typeof a == "number" && Number.isFinite(i) && Number.isFinite(a) || E(e, `'${t}' point ${r} must be two finite numbers, got ${j(n)}`), [i, a];
 	});
 }
-function $i(e, t = {}) {
+function pa(e, t = {}) {
 	e instanceof U || E("edges()", `expected a Geometry, got ${j(e)}`);
 	let { angle: n = 1 } = I("edges()", t, ["angle"], null);
 	n >= 0 && n < 180 || E("edges()", `'angle' is in degrees, 0 to under 180, got ${j(n)}`);
@@ -7400,7 +7813,7 @@ function $i(e, t = {}) {
 		indices: p
 	});
 }
-function ea(e) {
+function ma(e) {
 	let t = "axes()", n = L(t, "size", I(t, e, $.axes, (e) => ({ size: e })).size, 1), r = new U({
 		positions: [
 			0,
@@ -7448,7 +7861,7 @@ function ea(e) {
 		size: n
 	}, r;
 }
-function ta(e) {
+function ha(e) {
 	let t = "grid()", n = I(t, e, $.grid, (e) => ({ size: e }), { segments: "grid() uses 'divisions' for the number of squares along each side" }), r = L(t, "size", n.size, 10), i = R(t, "divisions", n.divisions, 10), a = r / 2, o = [];
 	for (let e = 0; e <= i; e++) {
 		let t = -a + r * e / i;
@@ -7461,7 +7874,7 @@ function ta(e) {
 		divisions: i
 	}, s;
 }
-var na = class {
+var ga = class {
 	positions = [];
 	normals = [];
 	uvs = [];
@@ -7481,7 +7894,7 @@ var na = class {
 	}
 	turn(e, t) {
 		if (e === t) return;
-		let n = ra[e][t];
+		let n = _a[e][t];
 		for (let e of [this.positions, this.normals]) for (let t = 0; t < e.length; t += 3) {
 			let [r, i, a] = n(e[t], e[t + 1], e[t + 2]);
 			e[t] = r, e[t + 1] = i, e[t + 2] = a;
@@ -7496,7 +7909,7 @@ var na = class {
 		});
 		return a.source = e, a;
 	}
-}, ra = {
+}, _a = {
 	y: {
 		x: (e, t, n) => [
 			t,
@@ -7522,14 +7935,14 @@ var na = class {
 		]
 	}
 };
-function ia(e, t, n) {
+function va(e, t, n) {
 	return t === void 0 ? n : P(e, "axis", t, [
 		"x",
 		"y",
 		"z"
 	]);
 }
-function aa(e) {
+function ya(e) {
 	let t = e.filter((t, n) => {
 		let r = e[(n + e.length - 1) % e.length];
 		return t[0] !== r[0] || t[1] !== r[1];
@@ -7537,7 +7950,7 @@ function aa(e) {
 	return t.length >= 3 ? t : e;
 }
 // src/geometry/outline.js
-var oa = Math.PI * 2, sa = {
+var ba = Math.PI * 2, xa = {
 	circle: [
 		"radius",
 		"segments",
@@ -7570,7 +7983,7 @@ var oa = Math.PI * 2, sa = {
 		"depth",
 		"center"
 	]
-}, ca = {
+}, Sa = {
 	r: "use 'radius'",
 	x: "use center: [x, y]",
 	y: "use center: [x, y]",
@@ -7580,17 +7993,17 @@ var oa = Math.PI * 2, sa = {
 	cornerRadius: "use 'radius' for the corners' rounding",
 	n: "use 'sides' (polygon) or 'segments'"
 };
-function la(e) {
-	let t = "outline.circle()", n = ha(t, e, sa.circle, (e) => ({ radius: e })), r = L(t, "radius", n.radius, 1), i = R(t, "segments", n.segments, 32, 3), [a, o] = ga(t, "center", n.center);
+function Ca(e) {
+	let t = "outline.circle()", n = ka(t, e, xa.circle, (e) => ({ radius: e })), r = L(t, "radius", n.radius, 1), i = R(t, "segments", n.segments, 32, 3), [a, o] = Aa(t, "center", n.center);
 	return Array.from({ length: i }, (e, t) => {
-		let n = t / i * oa;
+		let n = t / i * ba;
 		return [a + Math.cos(n) * r, o + Math.sin(n) * r];
 	});
 }
-function ua(e) {
-	let t = "outline.rect()", n = ha(t, e, sa.rect, (e) => ({ size: e })), r = L(t, "size", n.size, 1), i = L(t, "width", n.width, r), a = L(t, "height", n.height, r), o = n.radius === void 0 ? 0 : M(t, "radius", n.radius);
+function wa(e) {
+	let t = "outline.rect()", n = ka(t, e, xa.rect, (e) => ({ size: e })), r = L(t, "size", n.size, 1), i = L(t, "width", n.width, r), a = L(t, "height", n.height, r), o = n.radius === void 0 ? 0 : M(t, "radius", n.radius);
 	(o < 0 || o > Math.min(i, a) / 2) && E(t, `'radius' must be from 0 to half the shorter side (${Math.min(i, a) / 2}), got ${o}`);
-	let s = R(t, "segments", n.segments, 8, 1), [c, l] = ga(t, "center", n.center), u = i / 2, d = a / 2;
+	let s = R(t, "segments", n.segments, 8, 1), [c, l] = Aa(t, "center", n.center), u = i / 2, d = a / 2;
 	if (o === 0) return [
 		[c - u, l - d],
 		[c + u, l - d],
@@ -7625,26 +8038,26 @@ function ua(e) {
 	}
 	return f;
 }
-function da(e) {
-	let t = "outline.polygon()", n = ha(t, e, sa.polygon, (e) => ({ radius: e })), r = L(t, "radius", n.radius, 1), i = R(t, "sides", n.sides, 6, 3), a = n.angle === void 0 ? 0 : M(t, "angle", n.angle), [o, s] = ga(t, "center", n.center);
+function Ta(e) {
+	let t = "outline.polygon()", n = ka(t, e, xa.polygon, (e) => ({ radius: e })), r = L(t, "radius", n.radius, 1), i = R(t, "sides", n.sides, 6, 3), a = n.angle === void 0 ? 0 : M(t, "angle", n.angle), [o, s] = Aa(t, "center", n.center);
 	return Array.from({ length: i }, (e, t) => {
-		let n = a + t / i * oa;
+		let n = a + t / i * ba;
 		return [o + Math.cos(n) * r, s + Math.sin(n) * r];
 	});
 }
-function fa(e) {
-	let t = "outline.arc()", n = ha(t, e, sa.arc, null), r = L(t, "radius", n.radius, 1), i = n.from === void 0 ? 0 : M(t, "from", n.from), a = n.to === void 0 ? i + oa : M(t, "to", n.to);
+function Ea(e) {
+	let t = "outline.arc()", n = ka(t, e, xa.arc, null), r = L(t, "radius", n.radius, 1), i = n.from === void 0 ? 0 : M(t, "from", n.from), a = n.to === void 0 ? i + ba : M(t, "to", n.to);
 	a === i && E(t, "'from' and 'to' are the same angle - there's no arc between them");
-	let o = R(t, "segments", n.segments, Math.max(1, Math.ceil(Math.abs(a - i) / oa * 32)), 1), [s, c] = ga(t, "center", n.center);
+	let o = R(t, "segments", n.segments, Math.max(1, Math.ceil(Math.abs(a - i) / ba * 32)), 1), [s, c] = Aa(t, "center", n.center);
 	return Array.from({ length: o + 1 }, (e, t) => {
 		let n = i + (a - i) * t / o;
 		return [s + Math.cos(n) * r, c + Math.sin(n) * r];
 	});
 }
-function pa(e) {
-	let t = "outline.gear()", n = ha(t, e, sa.gear, (e) => ({ radius: e })), r = L(t, "radius", n.radius, 1), i = R(t, "teeth", n.teeth, 24, 3), a = L(t, "depth", n.depth, Math.min(r / 2, r * Math.PI / i));
+function Da(e) {
+	let t = "outline.gear()", n = ka(t, e, xa.gear, (e) => ({ radius: e })), r = L(t, "radius", n.radius, 1), i = R(t, "teeth", n.teeth, 24, 3), a = L(t, "depth", n.depth, Math.min(r / 2, r * Math.PI / i));
 	a >= r && E(t, `'depth' must be less than the radius (${r}), got ${a}`);
-	let [o, s] = ga(t, "center", n.center), c = r - a, l = oa / i, u = [];
+	let [o, s] = Aa(t, "center", n.center), c = r - a, l = ba / i, u = [];
 	for (let e = 0; e < i; e++) for (let [t, n] of [
 		[0, c],
 		[.12, r],
@@ -7656,43 +8069,43 @@ function pa(e) {
 	}
 	return u;
 }
-var ma = {
-	circle: la,
-	rect: ua,
-	polygon: da,
-	arc: fa,
-	gear: pa
-}, ha = (e, t, n, r) => I(e, t, n, r, ca);
-function ga(e, t, n) {
+var Oa = {
+	circle: Ca,
+	rect: wa,
+	polygon: Ta,
+	arc: Ea,
+	gear: Da
+}, ka = (e, t, n, r) => I(e, t, n, r, Sa);
+function Aa(e, t, n) {
 	if (n === void 0) return [0, 0];
 	let r = n;
 	return r && typeof r == "object" && typeof r[0] == "number" && typeof r[1] == "number" && Number.isFinite(r[0]) && Number.isFinite(r[1]) || E(e, `'${t}' must be [x, y], got ${j(n)}`), [r[0], r[1]];
 }
 // src/geometry/fromPolygons.js
-var _a = "fromPolygons()";
-function va(e) {
-	A(_a, e, [
+var ja = "fromPolygons()";
+function Ma(e) {
+	A(ja, e, [
 		"points",
 		"polygons",
 		"edges",
 		"smooth"
 	]);
 	let { points: t, polygons: n } = e ?? {};
-	Array.isArray(t) || E(_a, `'points' must be an array of { x, y, z } or [x, y, z], got ${j(t)}`), Array.isArray(n) || E(_a, `'polygons' must be an array of { vertices: [...] }, got ${j(n)}`);
+	Array.isArray(t) || E(ja, `'points' must be an array of { x, y, z } or [x, y, z], got ${j(t)}`), Array.isArray(n) || E(ja, `'polygons' must be an array of { vertices: [...] }, got ${j(n)}`);
 	let r = t.map((e, t) => {
 		let n = Array.isArray(e) ? e : e && typeof e == "object" ? [
 			e.x,
 			e.y,
 			e.z
 		] : null;
-		return n && n.length === 3 && n.every(Number.isFinite) || E(_a, `point ${t} must be { x, y, z } or [x, y, z] numbers, got ${j(e)}`), n;
+		return n && n.length === 3 && n.every(Number.isFinite) || E(ja, `point ${t} must be { x, y, z } or [x, y, z] numbers, got ${j(e)}`), n;
 	});
 	n.forEach((e, t) => {
 		let n = e?.vertices;
-		(!Array.isArray(n) || n.length < 3) && E(_a, `polygon ${t} needs 'vertices' with 3 or more point indices, got ${j(n)}`);
-		for (let e of n) (!Number.isInteger(e) || e < 0 || e >= r.length) && E(_a, `polygon ${t} refers to point ${j(e)} but there are only ${r.length} points`);
+		(!Array.isArray(n) || n.length < 3) && E(ja, `polygon ${t} needs 'vertices' with 3 or more point indices, got ${j(n)}`);
+		for (let e of n) (!Number.isInteger(e) || e < 0 || e >= r.length) && E(ja, `polygon ${t} refers to point ${j(e)} but there are only ${r.length} points`);
 		let i = e.uvs;
-		i === void 0 || Array.isArray(i) && i.length === n.length * 2 && i.every(Number.isFinite) || E(_a, `polygon ${t} 'uvs' must be ${n.length * 2} numbers (a u, v pair per vertex), got ${j(i)}`);
+		i === void 0 || Array.isArray(i) && i.length === n.length * 2 && i.every(Number.isFinite) || E(ja, `polygon ${t} 'uvs' must be ${n.length * 2} numbers (a u, v pair per vertex), got ${j(i)}`);
 	});
 	let i = [];
 	n.forEach(({ vertices: e }, t) => {
@@ -7716,29 +8129,29 @@ function va(e) {
 	return a.computeNormals({ flat: !(e.smooth && !o) });
 }
 // src/geometry/Curve.js
-var ya = ["closed", "tension"], ba = {
+var Na = ["closed", "tension"], Pa = {
 	loop: "use 'closed: true'",
 	smooth: "the curve is always smooth - 'tension' (0-1) sets how tight"
-}, xa = ["segments", "dash"], Sa = { dashed: "use 'dash: [on, off]' - lengths in the curve's units" }, Ca = [
+}, Fa = ["segments", "dash"], Ia = { dashed: "use 'dash: [on, off]' - lengths in the curve's units" }, La = [
 	"radius",
 	"segments",
 	"sides"
-], wa = {
+], Ra = {
 	tubularSegments: "use 'segments'",
 	radialSegments: "use 'sides'"
-}, Ta = [
+}, za = [
 	"plane",
 	"radius",
 	"center",
 	"tilt"
-], Ea = 48, Da = class {
+], Ba = 48, Va = class {
 	#e;
 	#t;
 	#n;
 	#r;
 	constructor(e, t = {}) {
-		(!Array.isArray(e) || e.length < 2) && E("curve()", `needs an array of two or more points, got ${j(e)}`), A("curve()", t, ya, ba), this.#e = e.map((e) => z.fromInput(e, "curve()")), this.#t = !!t.closed, this.#n = t.tension === void 0 ? 0 : M("curve()", "tension", t.tension);
-		let n = this.#i() * Ea;
+		(!Array.isArray(e) || e.length < 2) && E("curve()", `needs an array of two or more points, got ${j(e)}`), A("curve()", t, Na, Pa), this.#e = e.map((e) => z.fromInput(e, "curve()")), this.#t = !!t.closed, this.#n = t.tension === void 0 ? 0 : M("curve()", "tension", t.tension);
+		let n = this.#i() * Ba;
 		this.#r = new Float64Array(n + 1);
 		let r = this.#s(0);
 		for (let e = 1; e <= n; e++) {
@@ -7764,7 +8177,7 @@ var ya = ["closed", "tension"], ba = {
 		return Array.from({ length: t }, (e, t) => this.at(t / n));
 	}
 	line(e = {}) {
-		A("curve.line()", e, xa, Sa);
+		A("curve.line()", e, Fa, Ia);
 		let t = this.#a("curve.line()", e.segments), n = this.length / t, r = [], i = (e, t) => {
 			let i = Math.max(1, Math.ceil((t - e) / n - 1e-9)), a = this.at(e / this.length);
 			for (let n = 1; n <= i; n++) {
@@ -7781,7 +8194,7 @@ var ya = ["closed", "tension"], ba = {
 		return new U({ positions: r });
 	}
 	tube(e = {}) {
-		A("curve.tube()", e, Ca, wa);
+		A("curve.tube()", e, La, Ra);
 		let t = e.radius === void 0 ? .1 : M("curve.tube()", "radius", e.radius), n = R("curve.tube()", "sides", e.sides, 8, 3), r = this.#a("curve.tube()", e.segments), i = this.#t ? r : r + 1, a = [], o = [], s = this.tangentAt(0), c = new z(...Math.abs(s[1]) < .9 ? [
 			0,
 			1,
@@ -7836,17 +8249,17 @@ var ya = ["closed", "tension"], ba = {
 		return t;
 	}
 };
-function Oa(e, t) {
-	return new Da(e, t);
+function Ha(e, t) {
+	return new Va(e, t);
 }
-function ka(e = {}) {
+function Ua(e = {}) {
 	let t = e.plane === void 0 ? "xz" : P("ellipse()", "plane", e.plane, [
 		"xz",
 		"xy",
 		"yz"
 	]), [n, r] = [...t].map((e) => "xyz".indexOf(e)), i = (e) => `radius${"XYZ"[e]}`, a = i(3 - n - r);
 	A("ellipse()", e, [
-		...Ta,
+		...za,
 		i(n),
 		i(r)
 	], { [a]: `an ellipse in '${t}' has '${i(n)}' and '${i(r)}' - set plane for another` });
@@ -7861,21 +8274,21 @@ function ka(e = {}) {
 	];
 	f[n] = 1;
 	let p = Ee(/* @__PURE__ */ new Float32Array(4), f, d);
-	return new Da(Array.from({ length: 64 }, (e, t) => {
+	return new Va(Array.from({ length: 64 }, (e, t) => {
 		let i = t / 64 * Math.PI * 2, a = new z();
 		return a[n] = Math.cos(i) * c, a[r] = Math.sin(i) * l, a.applyQuaternion(p).add(u);
 	}), { closed: !0 });
 }
 // src/registry.js
-var Aa = /* @__PURE__ */ new Map();
-function ja(e) {
-	Aa.set(e.type, e);
+var Wa = /* @__PURE__ */ new Map();
+function Ga(e) {
+	Wa.set(e.type, e);
 }
-function Ma() {
-	return Aa;
+function Ka() {
+	return Wa;
 }
 // src/describe.js
-var Na = [
+var qa = [
 	"box",
 	"sphere",
 	"plane",
@@ -7886,27 +8299,27 @@ var Na = [
 	"extrude",
 	"axes",
 	"grid"
-], Pa = null, Fa = () => {
-	Pa ??= new Map([
+], Ja = null, Ya = () => {
+	Ja ??= new Map([
 		K,
-		ht,
-		nr,
-		Et,
-		Mt,
-		Nt,
+		_t,
+		lr,
+		Ot,
 		Pt,
 		Ft,
-		Sn,
-		Cn,
-		sr,
-		cr,
-		ur,
-		dr,
-		fr
+		Lt,
+		Rt,
+		Tn,
+		En,
+		mr,
+		hr,
+		_r,
+		vr,
+		yr
 	].map((e) => [e.type, e]));
-	for (let [e, t] of Ma()) Pa.set(e, t);
-	return Pa;
-}, Ia = {
+	for (let [e, t] of Ka()) Ja.set(e, t);
+	return Ja;
+}, Xa = {
 	Mesh: "mesh",
 	Group: "group",
 	Object3D: "node",
@@ -7924,10 +8337,10 @@ var Na = [
 	Scene: "scene",
 	light: "directional-light",
 	camera: "perspective-camera"
-}, La = {
+}, Za = {
 	chart: "import { chart } from 'phoria2/charts' first, which registers 'chart'",
 	emitter: "'emitter' descriptions aren't supported yet - use new Emitter() from 'phoria2/particles'"
-}, Ra = {
+}, Qa = {
 	cube: "box",
 	ball: "sphere",
 	globe: "sphere",
@@ -7947,213 +8360,29 @@ var Na = [
 	ExtrudeGeometry: "extrude",
 	ShapeGeometry: "extrude"
 };
-function za(e) {
+function $a(e) {
 	if (/Material$/.test(e)) return "materials aren't nodes - give a mesh material: { color, roughness, metalness, ... }";
-	let t = Ra[e];
+	let t = Qa[e];
 	return t ? `geometry isn't a node - give a mesh geometry: { type: '${t}', ... }` : null;
 }
-function Ba(e) {
+function eo(e) {
 	if (e instanceof K) return e;
 	(!e || typeof e != "object" || Array.isArray(e)) && E("create()", `expected a description such as { type: 'mesh', ... }, got ${j(e)}`);
 	let { type: t, ...n } = e;
-	typeof t != "string" && E("create()", `a description needs a 'type': one of ${[...Fa().keys()].join(", ")}`);
-	let r = Fa().get(t);
+	typeof t != "string" && E("create()", `a description needs a 'type': one of ${[...Ya().keys()].join(", ")}`);
+	let r = Ya().get(t);
 	if (!r) {
-		let e = Ia[t], n = za(t) ?? La[t];
-		E("create()", `unknown type '${t}' - ${e ? `use '${e}'` : n ?? `expected one of ${[...Fa().keys()].join(", ")}${k(t, Fa().keys())}`}`);
+		let e = Xa[t], n = $a(t) ?? Za[t];
+		E("create()", `unknown type '${t}' - ${e ? `use '${e}'` : n ?? `expected one of ${[...Ya().keys()].join(", ")}${k(t, Ya().keys())}`}`);
 	}
-	return Array.isArray(n.children) && (n.children = n.children.map((e) => Ba(e))), n.geometry && !(n.geometry instanceof U) && typeof n.geometry == "object" && "type" in n.geometry && (n.geometry = Va(n.geometry, `create({ type: '${t}' })`)), new r(n);
+	return Array.isArray(n.children) && (n.children = n.children.map((e) => eo(e))), n.geometry && !(n.geometry instanceof U) && typeof n.geometry == "object" && "type" in n.geometry && (n.geometry = to(n.geometry, `create({ type: '${t}' })`)), new r(n);
 }
-function Va(e, t = "createGeometry()") {
-	let { type: n, ...r } = e, i = Ra[n];
-	i && E(t, `geometry type '${n}' - use '${i}'`), P(t, "geometry.type", n, Na);
-	let a = Li[n];
+function to(e, t = "createGeometry()") {
+	let { type: n, ...r } = e, i = Qa[n];
+	i && E(t, `geometry type '${n}' - use '${i}'`), P(t, "geometry.type", n, qa);
+	let a = Zi[n];
 	return a(Object.keys(r).length ? r : void 0);
 }
-// src/keyboard.js
-var Ha = /* @__PURE__ */ t({ Keyboard: () => Ka }), Ua = ":where(.phoria-sr-only) { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden;\n  clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; border: 0; }", Wa = 10, Ga = 0, Ka = class {
-	#e;
-	#t;
-	#n;
-	#r = null;
-	#i;
-	#a;
-	#o;
-	#s = "";
-	#c = !0;
-	#l = [];
-	constructor(e, t, n) {
-		if (this.#e = e, this.#t = t, this.#n = n, !document.getElementById("phoria-sr-style")) {
-			let e = document.createElement("style");
-			e.id = "phoria-sr-style", e.textContent = Ua, document.head.prepend(e);
-		}
-		let r = e.canvas, i = `phoria-keys-${++Ga}`;
-		this.#i = document.createElement("div"), this.#i.className = "phoria-sr-only", this.#i.setAttribute("aria-live", "polite"), this.#i.setAttribute("aria-atomic", "true"), this.#a = document.createElement("div"), this.#a.className = "phoria-sr-only", this.#a.id = i, r.after(this.#i, this.#a), this.#o = [
-			"tabindex",
-			"role",
-			"aria-roledescription",
-			"aria-label",
-			"aria-describedby"
-		].map((e) => [e, r.getAttribute(e)]), r.hasAttribute("tabindex") || (r.tabIndex = 0), r.setAttribute("role", "application"), r.setAttribute("aria-roledescription", "3D view"), r.setAttribute("aria-describedby", i);
-		let a = (e) => this.#d(e), o = () => this.clear(), s = () => this.#u();
-		r.addEventListener("keydown", a), r.addEventListener("blur", o), r.addEventListener("focus", s), this.#l.push(() => {
-			r.removeEventListener("keydown", a), r.removeEventListener("blur", o), r.removeEventListener("focus", s);
-		}), this.#u();
-	}
-	setDescription(e) {
-		this.#c = e === null, this.#s = e ?? "", this.#u();
-	}
-	#u() {
-		let e = this.#p().length, t = this.#c ? $a(this.#e.scene, e) : this.#s;
-		this.#e.canvas.setAttribute("aria-label", t), this.#a.textContent = e ? `Use the arrow keys to move between ${e === 1 ? "the one item" : `${e} items`}, Enter to select, Escape to leave.` : "Nothing here can be selected.";
-	}
-	clear() {
-		this.#r && (this.#r = null, this.#t.focus(null));
-	}
-	#d(e) {
-		if (e.altKey || e.ctrlKey || e.metaKey) return;
-		let t = this.#p(), n = this.#r ? t.findIndex((e) => qa(e, this.#r)) : -1;
-		switch (e.key) {
-			case "ArrowRight":
-			case "ArrowDown":
-				n = n < 0 ? 0 : Math.min(t.length - 1, n + 1);
-				break;
-			case "ArrowLeft":
-			case "ArrowUp":
-				n = n < 0 ? t.length - 1 : Math.max(0, n - 1);
-				break;
-			case "PageDown":
-				n = Math.min(t.length - 1, Math.max(0, n) + Wa);
-				break;
-			case "PageUp":
-				n = Math.max(0, n - Wa);
-				break;
-			case "Home":
-				n = 0;
-				break;
-			case "End":
-				n = t.length - 1;
-				break;
-			case "Enter":
-			case " ":
-				if (!this.#r || n < 0) return;
-				e.preventDefault(), this.#t.press(Ya(t[n]));
-				return;
-			case "Escape":
-				if (!this.#r) return;
-				e.preventDefault(), this.clear(), this.#i.textContent = "";
-				return;
-			default: return;
-		}
-		if (e.preventDefault(), !t.length) {
-			this.#i.textContent = "Nothing here can be selected.";
-			return;
-		}
-		this.#r = t[n];
-		let r = Ya(t[n]);
-		this.#t.focus(r), this.#i.textContent = `${this.#n.label?.(r) ?? this.#f(r)}. ${n + 1} of ${t.length}`;
-	}
-	#f(e) {
-		let t = Za(this.#t.tooltip(e));
-		if (t) return t;
-		let n = e.datum;
-		if (n != null) {
-			if (typeof n != "object") return String(n);
-			let e = Object.entries(n).filter(([, e]) => typeof e != "object" || !e).slice(0, 4).map(([e, t]) => `${e}: ${Qa(t)}`);
-			if (e.length) return e.join(", ");
-		}
-		for (let t = e.node; t; t = t.parent) if (t.name) return t.name;
-		return "Item";
-	}
-	#p() {
-		let e = [], t = [], n = this.#t.viewWide(), r = /* @__PURE__ */ new Set(), i = (a, o, s) => {
-			if (!a.visible || a.pickable === !1) return;
-			let c = !!(a.tooltip || a.onDrag || a.highlight || a.handlersFor("click").length || a.handlersFor("hover").length);
-			if (o ||= c, s = a.highlightWhole ? a : s, a.isDrawable) {
-				if (s) (o || n) && !r.has(s) && (r.add(s), e.push({
-					node: a,
-					index: null,
-					whole: s
-				}));
-				else if ("instanceMatrices" in a) for (let t = 0; t < a.count; t++) !jt(a.instanceMatrices, t) && (o || n && a.datumAt(t) !== null) && e.push({
-					node: a,
-					index: t,
-					whole: null
-				});
-				else if (a.drawMode === "points" && Array.isArray(a.data) || Ja(a)) for (let t = 0; t < a.data.length; t++) (o || n) && e.push({
-					node: a,
-					index: t,
-					whole: null
-				});
-				else if (a.drawMode === "lines" && Array.isArray(a.data)) for (let e = 0; e < a.data.length; e++) (o || n) && t.push({
-					node: a,
-					index: e,
-					whole: null
-				});
-				else (c || (o || n) && (a.name || a.datumAt(null) !== null)) && e.push({
-					node: a,
-					index: null,
-					whole: null
-				});
-			}
-			for (let e of a.children) i(e, o, s);
-		};
-		return i(this.#e.scene, !1, null), e.concat(t);
-	}
-	dispose() {
-		for (let e of this.#l) e();
-		let e = this.#e.canvas;
-		for (let [t, n] of this.#o) n === null ? e.removeAttribute(t) : e.setAttribute(t, n);
-		this.#i.remove(), this.#a.remove();
-	}
-}, qa = (e, t) => e.node === t.node && e.index === t.index, Ja = (e) => e.drawMode === "triangles" && !("instanceMatrices" in e) && Array.isArray(e.data) && e.data.length === e.geometry.vertexCount;
-function Ya({ node: e, index: t, whole: n }) {
-	let r = e, i = t !== null && r.drawMode === "points", a = t !== null && Ja(r), o = t !== null && r.drawMode === "lines", s;
-	if (n) s = n.bounds.getCenter();
-	else if (t !== null && "instanceMatrices" in r) {
-		e.updateWorld();
-		let n = r.geometry.bounds.getCenter();
-		s = Xa(r.worldMatrix, Xa(r.instanceMatrices.subarray(t * 16, t * 16 + 16), n));
-	} else if (i || a) {
-		let n = r.geometry.positions;
-		e.updateWorld(), s = Xa(r.worldMatrix, new z(n[t * 3], n[t * 3 + 1], n[t * 3 + 2]));
-	} else if (o) {
-		let n = r.geometry.positions, i = r.geometry.indices, a = i ? i[t * 2] : t * 2, o = i ? i[t * 2 + 1] : t * 2 + 1;
-		e.updateWorld(), s = Xa(r.worldMatrix, new z((n[a * 3] + n[o * 3]) / 2, (n[a * 3 + 1] + n[o * 3 + 1]) / 2, (n[a * 3 + 2] + n[o * 3 + 2]) / 2));
-	} else s = e.bounds.getCenter();
-	return {
-		node: e,
-		point: s,
-		distance: 0,
-		normal: null,
-		face: i || o ? t : null,
-		instance: t !== null && !i && !a && !o ? t : null,
-		uv: null,
-		datum: a ? r.data[t] ?? null : r.datumAt?.(t) ?? null
-	};
-}
-function Xa(e, t) {
-	let [n, r, i] = t;
-	return new z(e[0] * n + e[4] * r + e[8] * i + e[12], e[1] * n + e[5] * r + e[9] * i + e[13], e[2] * n + e[6] * r + e[10] * i + e[14]);
-}
-function Za(e) {
-	if (e == null || e === !1 || e === "") return "";
-	if (typeof e == "string" || typeof e == "number") return String(e).replace(/\s*\n\s*/g, ", ");
-	if (globalThis.Node !== void 0 && e instanceof globalThis.Node) return (e.textContent ?? "").trim();
-	if (typeof e == "object") {
-		let t = e, n = t.rows ? (Array.isArray(t.rows) ? t.rows : Object.entries(t.rows)).map(([e, t]) => `${e}: ${Qa(t)}`) : [];
-		return [t.title, ...n].filter((e) => e !== void 0 && e !== "").join(", ");
-	}
-	return "";
-}
-var Qa = (e) => typeof e == "number" ? e.toLocaleString() : String(e);
-function $a(e, t) {
-	let n = [];
-	return e.traverse((t) => {
-		let r = t.summary;
-		t !== e && t.visible && typeof r == "function" && n.push(r.call(t));
-	}), n.length || n.push(t ? `3D view of ${t === 1 ? "one item" : `${t} items`}` : "3D view"), n.join(". ");
-}
-export { Pt as $, Sr as A, E as At, Ln as B, vr as C, z as Ct, Dr as D, A as Dt, xr as E, P as Et, dr as F, a as Ft, Cn as G, Tn as H, fr as I, s as It, It as J, Sn as K, nr as L, ur as M, x as Mt, cr as N, r as Nt, Cr as O, j as Ot, or as P, o as Pt, Ft as Q, tr as R, mr as S, B as St, br as T, M as Tt, Dn as U, Mn as V, xn as W, Tt as X, Jt as Y, Mt as Z, Hi as _, H as _t, ka as a, Qe as at, ii as b, ae as bt, ea as c, U as ct, $i as d, De as dt, Et as et, Yi as f, Oe as ft, Ui as g, Se as gt, Ji as h, Te as ht, Oa as i, K as it, sr as j, F as jt, Tr as k, k as kt, Bi as l, Ne as lt, qi as m, Ae as mt, ja as n, ht as nt, va as o, W as ot, ta as p, Ee as pt, mn as q, Da as r, G as rt, ma as s, He as st, Ba as t, Nt as tt, Wi as u, je as ut, Ki as v, se as vt, yr as w, T as wt, Rr as x, V as xt, mi as y, ne as yt, Yn as z };
+export { Lt as $, kr as A, k as At, Bn as B, Tr as C, B as Ct, Pr as D, P as Dt, Or as E, M as Et, vr as F, o as Ft, En as G, On as H, yr as I, a as It, zt as J, Tn as K, lr as L, s as Lt, _r as M, F as Mt, hr as N, x as Nt, Ar as O, A as Ot, pr as P, r as Pt, Rt as Q, cr as R, xr as S, V as St, Dr as T, T as Tt, An as U, Fn as V, wn as W, Dt as X, Zt as Y, Pt as Z, na as _, Se as _t, Ua as a, K as at, vi as b, ne as bt, ma as c, We as ct, pa as d, je as dt, Ot as et, la as f, De as ft, ra as g, Te as gt, ca as h, Ae as ht, Ha as i, G as it, mr as j, E as jt, Mr as k, j as kt, ea as l, U as lt, sa as m, Ee as mt, Ga as n, Nt as nt, Ma as o, et as ot, ha as p, Oe as pt, _n as q, Va as r, _t as rt, Oa as s, W as st, eo as t, Ft as tt, ia as u, Ne as ut, oa as v, H as vt, Er as w, z as wt, qr as x, ae as xt, Oi as y, se as yt, Qn as z };
 
 //# sourceMappingURL=core.js.map