mudlet-map-renderer 2.0.0 → 2.1.0

package/dist/index.mjs

@@ -43,7 +43,8 @@ function g() {
 			sizeFactor: 1.425,
 			dash: [.05, .05],
 			dashEnabled: !0,
-			matchRoomShape: !0
+			matchRoomShape: !0,
+			shape: "match"
 		},
 		gridEnabled: !1,
 		gridSize: 1,
@@ -318,18 +319,23 @@ var T = class {
 	}
 	addHighlight(e, t) {
 		let n = this.mapReader.getRoom(e);
-		return n ? (this.highlights.set(e, {
-			color: t,
+		if (!n) return !1;
+		let r = Array.isArray(t) ? t.length > 0 ? [...t] : ["#ffffff"] : [t];
+		return this.highlights.set(e, {
+			colors: r,
+			color: r[0],
 			area: n.area,
 			z: n.z
 		}), this.events.emit("highlight", {
 			roomId: e,
-			color: t
-		}), !0) : !1;
+			colors: r,
+			color: r[0]
+		}), !0;
 	}
 	removeHighlight(e) {
 		this.highlights.has(e) && (this.highlights.delete(e), this.events.emit("highlight", {
 			roomId: e,
+			colors: void 0,
 			color: void 0
 		}));
 	}
@@ -357,7 +363,7 @@ var T = class {
 		let n = [...e?.highlights ?? []];
 		for (let [e, t] of this.highlights) t.area === this.currentArea && t.z === this.currentZIndex && n.push({
 			roomId: e,
-			color: t.color
+			color: t.colors
 		});
 		n.length > 0 && (t.highlights = n);
 		let r = [...e?.paths ?? []];
@@ -386,10 +392,10 @@ var T = class {
 		};
 	}
 };
-function ee(e) {
+function E(e) {
 	return e < .5 ? 2 * e * e : -1 + (4 - 2 * e) * e;
 }
-var E = class e extends S {
+var D = class e extends S {
 	constructor(e, t) {
 		super(), this.zoom = 1, this.minZoom = .05, this.position = {
 			x: 0,
@@ -541,7 +547,7 @@ var E = class e extends S {
 		this.cancelAnimation();
 		let n = performance.now(), r = typeof requestAnimationFrame < "u" ? requestAnimationFrame : (e) => setTimeout(() => e(performance.now()), 16), i = (a) => {
 			let o = a - n, s = Math.min(o / e, 1);
-			t(ee(s)), this.notify(), s < 1 ? this.animationId = r(i) : this.animationId = void 0;
+			t(E(s)), this.notify(), s < 1 ? this.animationId = r(i) : this.animationId = void 0;
 		};
 		this.animationId = r(i);
 	}
@@ -566,12 +572,12 @@ var E = class e extends S {
 		}
 		this.emit("change", void 0);
 	}
-}, D = (e, t) => ({
+}, O = (e, t) => ({
 	x: e,
 	y: t
-}), te = class {
+}), ee = class {
 	constructor(e, t) {
-		this.settings = e, this.onCullingNeeded = t, this.cullingScheduled = !1, this.coordinateTransform = D;
+		this.settings = e, this.onCullingNeeded = t, this.cullingScheduled = !1, this.coordinateTransform = O;
 	}
 	setCoordinateTransform(e) {
 		this.coordinateTransform = e;
@@ -590,7 +596,7 @@ var E = class e extends S {
 	updateCulling() {
 		this.onCullingNeeded();
 	}
-}, O = [
+}, k = [
 	"north",
 	"south",
 	"east",
@@ -599,7 +605,7 @@ var E = class e extends S {
 	"northwest",
 	"southeast",
 	"southwest"
-], ne = {
+], A = {
 	n: "north",
 	s: "south",
 	e: "east",
@@ -608,7 +614,7 @@ var E = class e extends S {
 	nw: "northwest",
 	se: "southeast",
 	sw: "southwest"
-}, k = {
+}, j = {
 	north: "n",
 	south: "s",
 	east: "e",
@@ -621,7 +627,7 @@ var E = class e extends S {
 	down: "d",
 	in: "i",
 	out: "o"
-}, A = {
+}, M = {
 	north: {
 		x: 0,
 		y: -1
@@ -654,7 +660,7 @@ var E = class e extends S {
 		x: -1,
 		y: 1
 	}
-}, j = [
+}, te = [
 	"north",
 	"south",
 	"east",
@@ -663,7 +669,7 @@ var E = class e extends S {
 	"northwest",
 	"southeast",
 	"southwest"
-], M = {
+], N = {
 	north: "south",
 	south: "north",
 	east: "west",
@@ -673,39 +679,39 @@ var E = class e extends S {
 	southeast: "northwest",
 	southwest: "northeast"
 };
-function N(e) {
-	return e ? Object.prototype.hasOwnProperty.call(A, e) : !1;
+function P(e) {
+	return e ? Object.prototype.hasOwnProperty.call(M, e) : !1;
 }
-function P(e, t, n, r = 1) {
-	if (!N(n)) return {
+function F(e, t, n, r = 1) {
+	if (!P(n)) return {
 		x: e,
 		y: t
 	};
-	let i = A[n];
+	let i = M[n];
 	return {
 		x: e + i.x * r,
 		y: t + i.y * r
 	};
 }
-function re(e, t, n, r = 1, i = 0) {
-	if (!N(n)) return {
+function ne(e, t, n, r = 1, i = 0) {
+	if (!P(n)) return {
 		x: e,
 		y: t
 	};
-	let a = A[n];
-	if (!(a.x !== 0 && a.y !== 0) || i <= 0) return P(e, t, n, r);
+	let a = M[n];
+	if (!(a.x !== 0 && a.y !== 0) || i <= 0) return F(e, t, n, r);
 	let o = r - i + i / Math.SQRT2;
 	return {
 		x: e + a.x * o,
 		y: t + a.y * o
 	};
 }
-function ie(e, t, n, r = 1) {
-	if (!N(n)) return {
+function re(e, t, n, r = 1) {
+	if (!P(n)) return {
 		x: e,
 		y: t
 	};
-	let i = A[n], a = Math.atan2(i.y, i.x);
+	let i = M[n], a = Math.atan2(i.y, i.x);
 	return {
 		x: e + Math.cos(a) * r,
 		y: t + Math.sin(a) * r
@@ -713,32 +719,32 @@ function ie(e, t, n, r = 1) {
 }
 //#endregion
 //#region src/ExitRenderer.ts
-var ae = {
+var ie = {
 	OPEN_DOOR: "rgb(10, 155, 10)",
 	CLOSED_DOOR: "rgb(226, 205, 59)",
 	LOCKED_DOOR: "rgb(155, 10, 10)",
 	ONE_WAY_FILL: "rgb(155, 10, 10)"
 };
-function oe(e) {
+function ae(e) {
 	switch (e) {
-		case 1: return ae.OPEN_DOOR;
-		case 2: return ae.CLOSED_DOOR;
-		default: return ae.LOCKED_DOOR;
+		case 1: return ie.OPEN_DOOR;
+		case 2: return ie.CLOSED_DOOR;
+		default: return ie.LOCKED_DOOR;
 	}
 }
-var se = class {
+var oe = class {
 	constructor(e, t) {
 		this.mapReader = e, this.settings = t;
 	}
 	getRoomEdgePoint(e, t, n, r) {
 		let i = r - (this.settings.borders ? this.settings.lineWidth / 2 : 0);
-		return this.settings.roomShape === "circle" ? ie(e, t, n, i) : this.settings.roomShape === "roundedRectangle" ? re(e, t, n, i, this.settings.roomSize * .2) : P(e, t, n, i);
+		return this.settings.roomShape === "circle" ? re(e, t, n, i) : this.settings.roomShape === "roundedRectangle" ? ne(e, t, n, i, this.settings.roomSize * .2) : F(e, t, n, i);
 	}
 	renderData(e, t) {
 		return this.renderDataWithColor(e, this.settings.lineColor, t);
 	}
 	renderDataWithColor(e, t, n) {
-		let r = e.aDir && O.includes(e.aDir), i = e.bDir && O.includes(e.bDir);
+		let r = e.aDir && k.includes(e.aDir), i = e.bDir && k.includes(e.bDir);
 		if (r && i) return this.renderTwoWayExitData(e, t, n);
 		if (r || i) {
 			let n = r ? "a" : "b";
@@ -747,7 +753,7 @@ var se = class {
 	}
 	renderTwoWayExitData(e, t, n) {
 		let r = this.mapReader.getRoom(e.a), i = this.mapReader.getRoom(e.b);
-		if (!r || !i || !e.aDir || !e.bDir || r.customLines[k[e.aDir]] && i.customLines[k[e.bDir]] || r.z !== i.z && (n !== i.z && r.customLines[k[e.aDir]] || n !== r.z && i.customLines[k[e.bDir]])) return;
+		if (!r || !i || !e.aDir || !e.bDir || r.customLines[j[e.aDir]] && i.customLines[j[e.bDir]] || r.z !== i.z && (n !== i.z && r.customLines[j[e.aDir]] || n !== r.z && i.customLines[j[e.bDir]])) return;
 		let a = this.getRoomEdgePoint(r.x, r.y, e.aDir, this.settings.roomSize / 2), o = this.getRoomEdgePoint(i.x, i.y, e.bDir, this.settings.roomSize / 2), s = [
 			a.x,
 			a.y,
@@ -757,7 +763,7 @@ var se = class {
 			points: s,
 			stroke: t,
 			strokeWidth: this.settings.lineWidth
-		}], l = [], u = r.doors[k[e.aDir]] ?? i.doors[k[e.bDir]];
+		}], l = [], u = r.doors[j[e.aDir]] ?? i.doors[j[e.bDir]];
 		if (u) {
 			let e = s[0] + (s[2] - s[0]) / 2, t = s[1] + (s[3] - s[1]) / 2;
 			l.push({
@@ -765,7 +771,7 @@ var se = class {
 				y: t - this.settings.roomSize / 4,
 				width: this.settings.roomSize / 2,
 				height: this.settings.roomSize / 2,
-				stroke: oe(u),
+				stroke: ae(u),
 				strokeWidth: this.settings.lineWidth
 			});
 		}
@@ -796,9 +802,9 @@ var se = class {
 	}
 	renderOneWayExitData(e, t, n) {
 		let r = n === "a" || !n && e.aDir, i = r ? this.mapReader.getRoom(e.a) : this.mapReader.getRoom(e.b), a = r ? this.mapReader.getRoom(e.b) : this.mapReader.getRoom(e.a), o = r ? e.aDir : e.bDir;
-		if (!o || !i || !a || !O.includes(o) || i.customLines[k[o] || o]) return;
+		if (!o || !i || !a || !k.includes(o) || i.customLines[j[o] || o]) return;
 		if (i.area != a.area && o) {
-			let e = this.mapReader.getColorValue(a.env), t = this.getRoomEdgePoint(i.x, i.y, o, this.settings.roomSize / 2), n = P(i.x, i.y, o, this.settings.roomSize * 1.5), r = e;
+			let e = this.mapReader.getColorValue(a.env), t = this.getRoomEdgePoint(i.x, i.y, o, this.settings.roomSize / 2), n = F(i.x, i.y, o, this.settings.roomSize * 1.5), r = e;
 			return {
 				lines: [],
 				arrows: [{
@@ -837,8 +843,8 @@ var se = class {
 			x: a.x,
 			y: a.y
 		};
-		s && (c = P(i.x, i.y, o, this.settings.roomSize / 2));
-		let l = P(i.x, i.y, o, .3), u = l.x - (l.x - c.x) / 2, d = l.y - (l.y - c.y) / 2, f = this.getRoomEdgePoint(i.x, i.y, o, this.settings.roomSize / 2), p = [
+		s && (c = F(i.x, i.y, o, this.settings.roomSize / 2));
+		let l = F(i.x, i.y, o, .3), u = l.x - (l.x - c.x) / 2, d = l.y - (l.y - c.y) / 2, f = this.getRoomEdgePoint(i.x, i.y, o, this.settings.roomSize / 2), p = [
 			f.x,
 			f.y,
 			c.x,
@@ -870,7 +876,7 @@ var se = class {
 				pointerWidth: .35,
 				strokeWidth: this.settings.lineWidth * 1.4,
 				stroke: t,
-				fill: ae.ONE_WAY_FILL,
+				fill: ie.ONE_WAY_FILL,
 				dash: [.1, .05]
 			}],
 			doors: [],
@@ -925,7 +931,7 @@ var se = class {
 		for (let [r, i] of Object.entries(e.customLines)) {
 			let a = e.specialExits[r];
 			if (a === void 0) {
-				let t = ne[r] ?? n[r];
+				let t = A[r] ?? n[r];
 				t && (a = e.exits[t] ?? e.specialExits[t]);
 			}
 			if (a === void 0 && (a = e.exits[r] ?? e.specialExits[r]), a === void 0) continue;
@@ -957,7 +963,7 @@ var se = class {
 		}
 		return t;
 	}
-}, ce = {
+}, se = {
 	1: "north",
 	2: "northeast",
 	3: "northwest",
@@ -971,15 +977,15 @@ var se = class {
 	11: "in",
 	12: "out"
 };
-function le(e, t, n, r, i) {
-	return e.roomShape === "circle" ? ie(t, n, r, i) : e.roomShape === "roundedRectangle" ? re(t, n, r, i, e.roomSize * .2) : P(t, n, r, i);
+function ce(e, t, n, r, i) {
+	return e.roomShape === "circle" ? re(t, n, r, i) : e.roomShape === "roundedRectangle" ? ne(t, n, r, i, e.roomSize * .2) : F(t, n, r, i);
 }
-function ue(e, t, n) {
+function le(e, t, n) {
 	let r = [];
 	for (let i of e.stubs) {
-		let a = ce[i];
+		let a = se[i];
 		if (!a) continue;
-		let o = le(t, e.x, e.y, a, t.roomSize / 2), s = P(e.x, e.y, a, t.roomSize / 2 + .5);
+		let o = ce(t, e.x, e.y, a, t.roomSize / 2), s = F(e.x, e.y, a, t.roomSize / 2 + .5);
 		r.push({
 			roomId: e.id,
 			direction: a,
@@ -995,12 +1001,12 @@ function ue(e, t, n) {
 }
 //#endregion
 //#region src/scene/SpecialExitStyle.ts
-var de = {
+var ue = {
 	1: "rgb(10, 155, 10)",
 	2: "rgb(226, 205, 59)",
 	3: "rgb(155, 10, 10)"
 };
-function fe(e, t, n) {
+function de(e, t, n) {
 	let r = [];
 	for (let [i, a] of Object.entries(e.customLines)) {
 		let o = [e.x, e.y];
@@ -1047,7 +1053,7 @@ function fe(e, t, n) {
 				y: n - r / 2,
 				width: r,
 				height: r,
-				stroke: de[f] ?? de[3],
+				stroke: ue[f] ?? ue[3],
 				strokeWidth: t.lineWidth
 			};
 		}
@@ -1062,33 +1068,33 @@ function fe(e, t, n) {
 }
 //#endregion
 //#region src/utils/textMeasure.ts
-var pe = 72, F = 200, me = 120, he = /* @__PURE__ */ new Map(), I = null;
-function ge() {
-	return I || (I = r.Util.createCanvasElement(), I.width = F, I.height = F), I;
+var fe = 72, I = 200, pe = 120, me = /* @__PURE__ */ new Map(), L = null;
+function he() {
+	return L || (L = r.Util.createCanvasElement(), L.width = I, L.height = I), L;
 }
-function _e(e, t) {
-	let n = `${e}::${t}`, r = he.get(n);
+function ge(e, t) {
+	let n = `${e}::${t}`, r = me.get(n);
 	if (r !== void 0) return r;
-	let i = ge().getContext("2d", { willReadFrequently: !0 }), a = `bold ${pe}px ${t}`;
-	i.clearRect(0, 0, F, F), i.font = a, i.textBaseline = "alphabetic", i.textAlign = "center", i.fillStyle = "#ffffff", i.fillText(e, F / 2, me);
-	let { data: o } = i.getImageData(0, 0, F, F), s = F, c = -1;
-	for (let e = 0; e < F; e++) for (let t = 0; t < F; t++) o[(e * F + t) * 4 + 3] > 16 && (e < s && (s = e), e > c && (c = e));
+	let i = he().getContext("2d", { willReadFrequently: !0 }), a = `bold ${fe}px ${t}`;
+	i.clearRect(0, 0, I, I), i.font = a, i.textBaseline = "alphabetic", i.textAlign = "center", i.fillStyle = "#ffffff", i.fillText(e, I / 2, pe);
+	let { data: o } = i.getImageData(0, 0, I, I), s = I, c = -1;
+	for (let e = 0; e < I; e++) for (let t = 0; t < I; t++) o[(e * I + t) * 4 + 3] > 16 && (e < s && (s = e), e > c && (c = e));
 	if (c === -1) {
 		let e = {
 			baselineRatio: .35,
 			konvaCorrectionRatio: 0
 		};
-		return he.set(n, e), e;
+		return me.set(n, e), e;
 	}
-	let l = (me - s - Math.max(0, c - me)) / 2 / pe, u = i.measureText("M"), d = {
+	let l = (pe - s - Math.max(0, c - pe)) / 2 / fe, u = i.measureText("M"), d = {
 		baselineRatio: l,
-		konvaCorrectionRatio: ((u.fontBoundingBoxAscent ?? u.actualBoundingBoxAscent ?? 0) - (u.fontBoundingBoxDescent ?? u.actualBoundingBoxDescent ?? 0)) / 2 / pe - l
+		konvaCorrectionRatio: ((u.fontBoundingBoxAscent ?? u.actualBoundingBoxAscent ?? 0) - (u.fontBoundingBoxDescent ?? u.actualBoundingBoxDescent ?? 0)) / 2 / fe - l
 	};
-	return he.set(n, d), d;
+	return me.set(n, d), d;
 }
 //#endregion
 //#region src/scene/RoomStyle.ts
-function ve(e, t, n, r) {
+function _e(e, t, n, r) {
 	let i = t.getColorValue(e.env), a = n.coloredMode ? v(i, .5) : n.frameMode ? n.backgroundColor : i, o = n.coloredMode ? y(i, .1) : i;
 	return {
 		fillColor: a,
@@ -1098,7 +1104,7 @@ function ve(e, t, n, r) {
 		envColor: i
 	};
 }
-function ye(e, t) {
+function ve(e, t) {
 	if (!t.emboss) return null;
 	let n = t.roomSize, r = t.borders ? t.lineWidth / 2 : 0, i = t.lineWidth, a = y(e, .35), o = v(e, .45);
 	if (t.roomShape === "circle") {
@@ -1202,8 +1208,8 @@ function ye(e, t) {
 }
 //#endregion
 //#region src/scene/elements/RoomLayout.ts
-function be(e, t, n, r) {
-	let { fillColor: i, strokeColor: a, borderWidth: o, symbolColor: s } = ve(e, t, n, r.strokeOverride), c = n.roomSize, l = [], u = ye(i, n), d = u ? 0 : o, f = n.coloredMode && d > 0 && r.flatPipeline, p = (e) => n.roomShape === "roundedRectangle" ? Math.max(0, (c - 2 * e) * .2) : 0;
+function ye(e, t, n, r) {
+	let { fillColor: i, strokeColor: a, borderWidth: o, symbolColor: s } = _e(e, t, n, r.strokeOverride), c = n.roomSize, l = [], u = ve(i, n), d = u ? 0 : o, f = n.coloredMode && d > 0 && r.flatPipeline, p = (e) => n.roomShape === "roundedRectangle" ? Math.max(0, (c - 2 * e) * .2) : 0;
 	if (f) {
 		let e = [v(a, .5), a], t = o * 2;
 		n.roomShape === "circle" ? l.push({
@@ -1287,7 +1293,7 @@ function be(e, t, n, r) {
 		lineCap: u.highlight.lineCap,
 		lineJoin: u.shadow.lineJoin
 	})), e.roomChar) {
-		let t = c * .75, { baselineRatio: r, konvaCorrectionRatio: i } = _e(e.roomChar, n.fontFamily), a = Math.max(c, e.roomChar.length * t * .8), o = (a - c) / 2;
+		let t = c * .75, { baselineRatio: r, konvaCorrectionRatio: i } = ge(e.roomChar, n.fontFamily), a = Math.max(c, e.roomChar.length * t * .8), o = (a - c) / 2;
 		l.push({
 			type: "text",
 			x: -o,
@@ -1320,13 +1326,13 @@ function be(e, t, n, r) {
 }
 //#endregion
 //#region src/scene/InnerExitStyle.ts
-var xe = [
+var be = [
 	"up",
 	"down",
 	"in",
 	"out"
 ];
-function Se(e, t, n, r) {
+function xe(e, t, n, r) {
 	let i = r * Math.PI / 180, a = [];
 	for (let r = 0; r < 3; r++) {
 		let o = 2 * Math.PI * r / 3 - Math.PI / 2, s = Math.cos(o) * n * 1.4, c = Math.sin(o) * n * .8, l = s * Math.cos(i) - c * Math.sin(i), u = s * Math.sin(i) + c * Math.cos(i);
@@ -1334,50 +1340,50 @@ function Se(e, t, n, r) {
 	}
 	return a;
 }
-function Ce(e, t, n) {
+function Se(e, t, n) {
 	let r = e.userData?.["system.fallback_symbol_color"];
 	return {
 		symbolColor: r ?? (n.frameMode || n.coloredMode ? t.getColorValue(e.env) : t.getSymbolColor(e.env)),
 		symbolFill: r ?? (n.frameMode || n.coloredMode ? t.getColorValue(e.env) : t.getSymbolColor(e.env, .6))
 	};
 }
-var we = {
+var Ce = {
 	1: "rgb(10, 155, 10)",
 	2: "rgb(226, 205, 59)",
 	3: "rgb(155, 10, 10)"
 };
-function Te(e, t, n) {
+function we(e, t, n) {
 	let r = n.roomSize, i = r / 5, a = (e, t, n) => ({
 		cx: e,
 		cy: t,
-		vertices: Se(e, t, i, n)
+		vertices: xe(e, t, i, n)
 	});
 	switch (t) {
 		case "up": {
-			let t = P(e.x, e.y, "south", r / 4);
+			let t = F(e.x, e.y, "south", r / 4);
 			return [a(t.x, t.y, 0)];
 		}
 		case "down": {
-			let t = P(e.x, e.y, "north", r / 4);
+			let t = F(e.x, e.y, "north", r / 4);
 			return [a(t.x, t.y, 180)];
 		}
 		case "in": {
-			let t = P(e.x, e.y, "west", r / 4), n = P(e.x, e.y, "east", r / 4);
+			let t = F(e.x, e.y, "west", r / 4), n = F(e.x, e.y, "east", r / 4);
 			return [a(t.x, t.y, 90), a(n.x, n.y, -90)];
 		}
 		case "out": {
-			let t = P(e.x, e.y, "west", r / 4), n = P(e.x, e.y, "east", r / 4);
+			let t = F(e.x, e.y, "west", r / 4), n = F(e.x, e.y, "east", r / 4);
 			return [a(t.x, t.y, -90), a(n.x, n.y, 90)];
 		}
 		default: return [];
 	}
 }
-function Ee(e, t, n) {
-	let r = [], { symbolColor: i, symbolFill: a } = Ce(e, t, n);
-	for (let t of xe) {
+function Te(e, t, n) {
+	let r = [], { symbolColor: i, symbolFill: a } = Se(e, t, n);
+	for (let t of be) {
 		if (!e.exits[t]) continue;
-		let o = e.doors[t], s = o === void 0 ? i : we[o] ?? we[3];
-		for (let i of Te(e, t, n)) r.push({
+		let o = e.doors[t], s = o === void 0 ? i : Ce[o] ?? Ce[3];
+		for (let i of we(e, t, n)) r.push({
 			cx: i.cx,
 			cy: i.cy,
 			vertices: i.vertices,
@@ -1390,8 +1396,8 @@ function Ee(e, t, n) {
 }
 //#endregion
 //#region src/scene/elements/ExitLayout.ts
-function De(e, t, n) {
-	let r = n.roomSize, i = e.x - r / 2, a = e.y - r / 2, { triangles: o } = Ee(e, t, n);
+function Ee(e, t, n) {
+	let r = n.roomSize, i = e.x - r / 2, a = e.y - r / 2, { triangles: o } = Te(e, t, n);
 	return o.map((e) => {
 		let t = Array(e.vertices.length);
 		for (let n = 0; n < e.vertices.length; n += 2) t[n] = e.vertices[n] - i, t[n + 1] = e.vertices[n + 1] - a;
@@ -1406,7 +1412,7 @@ function De(e, t, n) {
 		};
 	});
 }
-function Oe(e, t) {
+function De(e, t) {
 	let n = [];
 	for (let t of e.lines) n.push({
 		type: "line",
@@ -1417,7 +1423,7 @@ function Oe(e, t) {
 			dash: t.dash
 		}
 	});
-	for (let t of e.arrows) ke(n, t);
+	for (let t of e.arrows) Oe(n, t);
 	for (let t of e.doors) n.push({
 		type: "rect",
 		x: t.x,
@@ -1438,7 +1444,7 @@ function Oe(e, t) {
 		children: n
 	};
 }
-function ke(e, t) {
+function Oe(e, t) {
 	e.push({
 		type: "line",
 		points: t.points,
@@ -1468,7 +1474,7 @@ function ke(e, t) {
 }
 //#endregion
 //#region src/scene/elements/SpecialExitLayout.ts
-function Ae(e, t) {
+function ke(e, t) {
 	let n = [];
 	if (n.push({
 		type: "line",
@@ -1529,7 +1535,7 @@ function Ae(e, t) {
 }
 //#endregion
 //#region src/scene/elements/StubLayout.ts
-function je(e) {
+function Ae(e) {
 	return {
 		type: "group",
 		x: 0,
@@ -1557,11 +1563,11 @@ function je(e) {
 }
 //#endregion
 //#region src/scene/elements/LabelLayout.ts
-function Me(e) {
+function je(e) {
 	let t = (e?.alpha ?? 255) / 255, n = (e) => Math.min(255, Math.max(0, e ?? 0));
 	return `rgba(${n(e?.r)}, ${n(e?.g)}, ${n(e?.b)}, ${t})`;
 }
-function Ne(e, t) {
+function Me(e, t) {
 	if (t.labelRenderMode === "none") return null;
 	let n = e.X, r = -e.Y, i = !!e.noScaling, a = i ? n : 0, o = i ? r : 0, s = i ? 0 : n, c = i ? 0 : r;
 	if (t.labelRenderMode === "image" && e.pixMap) return {
@@ -1590,7 +1596,7 @@ function Ne(e, t) {
 		y: c,
 		width: e.Width,
 		height: e.Height,
-		paint: { fill: Me(e.BgColor) }
+		paint: { fill: je(e.BgColor) }
 	}), e.Text) {
 		let t = Math.min(.75, e.Width / Math.max(e.Text.length / 2, 1)), n = Math.max(.1, Math.min(t, Math.max(e.Height * .9, .1)));
 		l.push({
@@ -1601,7 +1607,7 @@ function Ne(e, t) {
 			height: e.Height,
 			text: e.Text,
 			fontSize: n,
-			fill: Me(e.FgColor),
+			fill: je(e.FgColor),
 			align: "center",
 			verticalAlign: "middle"
 		});
@@ -1621,11 +1627,11 @@ function Ne(e, t) {
 }
 //#endregion
 //#region src/ScenePipeline.ts
-function Pe(e, t) {
-	let n = Fe(e);
+function Ne(e, t) {
+	let n = Pe(e);
 	return n ? `rgba(${n.r}, ${n.g}, ${n.b}, ${t})` : e;
 }
-function Fe(e) {
+function Pe(e) {
 	let t = e.match(/(\d+)\s*,\s*(\d+)\s*,\s*(\d+)/);
 	if (t) return {
 		r: +t[1],
@@ -1638,11 +1644,11 @@ function Fe(e) {
 		b: parseInt(e.slice(5, 7), 16)
 	};
 }
-function Ie(e, t, n) {
-	let r = Fe(e), i = Fe(t);
+function Fe(e, t, n) {
+	let r = Pe(e), i = Pe(t);
 	return !r || !i ? e : `rgb(${Math.round(r.r * n + i.r * (1 - n))}, ${Math.round(r.g * n + i.g * (1 - n))}, ${Math.round(r.b * n + i.b * (1 - n))})`;
 }
-function Le(e, t) {
+function Ie(e, t) {
 	let n = t * t, r = [];
 	outer: for (let t of e) {
 		for (let e of r) for (let r of e) {
@@ -1656,9 +1662,9 @@ function Le(e, t) {
 	}
 	return r;
 }
-var Re = class {
+var R = class {
 	constructor(e, t) {
-		this.linkShapes = [], this.roomShapes = [], this.topLabelShapes = [], this.labelShapeRefs = [], this.specialExitShapeRefs = [], this.stubShapeRefs = [], this.areaExitLabelShapeRefs = [], this.mapReader = e, this.settings = t, this.exitRenderer = new se(e, t);
+		this.linkShapes = [], this.roomShapes = [], this.topLabelShapes = [], this.labelShapeRefs = [], this.specialExitShapeRefs = [], this.stubShapeRefs = [], this.areaExitLabelShapeRefs = [], this.mapReader = e, this.settings = t, this.exitRenderer = new oe(e, t);
 	}
 	buildScene(e, t, n, r = C) {
 		this.linkShapes = [], this.roomShapes = [], this.topLabelShapes = [], this.labelShapeRefs = [], this.specialExitShapeRefs = [], this.stubShapeRefs = [], this.areaExitLabelShapeRefs = [], this.renderLabels(t.getLabels(), e.getAreaId());
@@ -1697,10 +1703,10 @@ var Re = class {
 	renderRooms(e, t) {
 		let n = /* @__PURE__ */ new Map(), r = [], i = [], a = [], o = [];
 		e.forEach((e) => {
-			let t = be(e, this.mapReader, this.settings, { flatPipeline: !0 });
-			t.children.push(...De(e, this.mapReader, this.settings));
-			for (let t of fe(e, this.settings)) {
-				let n = Ae(t, e.id);
+			let t = ye(e, this.mapReader, this.settings, { flatPipeline: !0 });
+			t.children.push(...Ee(e, this.mapReader, this.settings));
+			for (let t of de(e, this.settings)) {
+				let n = ke(t, e.id);
 				this.linkShapes.push(n);
 				let r = t.line.points, a = Infinity, o = Infinity, s = -Infinity, c = -Infinity;
 				for (let e = 0; e < r.length; e += 2) r[e] < a && (a = r[e]), r[e] > s && (s = r[e]), r[e + 1] < o && (o = r[e + 1]), r[e + 1] > c && (c = r[e + 1]);
@@ -1745,8 +1751,8 @@ var Re = class {
 					arrowColor: e.arrowColor
 				});
 			});
-			for (let t of ue(e, this.settings)) {
-				let e = je(t);
+			for (let t of le(e, this.settings)) {
+				let e = Ae(t);
 				this.linkShapes.push(e), a.push({
 					roomId: t.roomId,
 					direction: t.direction,
@@ -1793,7 +1799,7 @@ var Re = class {
 			}
 			let l = this.exitRenderer.renderData(e, t);
 			if (!l) return;
-			let u = Oe(l, {
+			let u = De(l, {
 				kind: "exit",
 				id: `${e.a}:${e.b}:${e.aDir ?? ""}:${e.bDir ?? ""}`,
 				payload: {
@@ -1833,8 +1839,8 @@ var Re = class {
 		let i = r.isVisible(t);
 		if (i === r.isVisible(n)) return;
 		let a = i ? t : n, o = i ? e.aDir : e.bDir;
-		if (!o || !O.includes(o) || a.customLines[k[o]]) return;
-		let s = this.settings.roomSize, c = this.getRoomEdgePoint(a.x, a.y, o, s / 2), l = P(a.x, a.y, o, s / 2 + .5);
+		if (!o || !k.includes(o) || a.customLines[j[o]]) return;
+		let s = this.settings.roomSize, c = this.getRoomEdgePoint(a.x, a.y, o, s / 2), l = F(a.x, a.y, o, s / 2 + .5);
 		return {
 			roomId: a.id,
 			direction: o,
@@ -1847,7 +1853,7 @@ var Re = class {
 		};
 	}
 	emitLensStub(e) {
-		let t = je(e);
+		let t = Ae(e);
 		this.linkShapes.push(t), this.stubShapeRefs.push({
 			shape: t,
 			bounds: {
@@ -1859,14 +1865,14 @@ var Re = class {
 		});
 	}
 	getRoomEdgePoint(e, t, n, r) {
-		return this.settings.roomShape === "circle" ? ie(e, t, n, r) : this.settings.roomShape === "roundedRectangle" ? re(e, t, n, r, this.settings.roomSize * .2) : P(e, t, n, r);
+		return this.settings.roomShape === "circle" ? re(e, t, n, r) : this.settings.roomShape === "roundedRectangle" ? ne(e, t, n, r, this.settings.roomSize * .2) : F(e, t, n, r);
 	}
 	buildExitShape(e) {
-		return Oe(e);
+		return De(e);
 	}
 	renderLabels(e, t) {
 		for (let n of e) {
-			let e = Ne(n, this.settings);
+			let e = Me(n, this.settings);
 			e && (e.hit = {
 				kind: "label",
 				id: n.labelId,
@@ -1928,50 +1934,50 @@ var Re = class {
 		], x = (e, t, n) => {
 			let i = t.length * l + s * 2, a = u + c * 2, o = 0, d = 0, f = 0, p = 0, m = Infinity, _ = -Infinity, v = Infinity, x = -Infinity, S = /* @__PURE__ */ new Map();
 			for (let t of e) o += t.tip.x, d += t.tip.y, f += t.dir.x, p += t.dir.y, t.tip.x < m && (m = t.tip.x), t.tip.x > _ && (_ = t.tip.x), t.tip.y < v && (v = t.tip.y), t.tip.y > x && (x = t.tip.y), S.set(t.color, (S.get(t.color) ?? 0) + 1);
-			let C = e.length, w = Math.hypot(f, p), T = w > 0 ? f / w : 0, ee = w > 0 ? p / w : 0, E = 0;
+			let C = e.length, w = Math.hypot(f, p), T = w > 0 ? f / w : 0, E = w > 0 ? p / w : 0, D = 0;
 			for (let t = 0; t < e.length; t++) for (let n = t + 1; n < e.length; n++) {
 				let r = e[t].tip.x - e[n].tip.x, i = e[t].tip.y - e[n].tip.y, a = Math.hypot(r, i);
-				a > E && (E = a);
+				a > D && (D = a);
 			}
-			let D = E > 3, te = w / C >= .4, O = n?.x ?? (D ? (m + _) / 2 : o / C), ne = n?.y ?? (D ? (v + x) / 2 : d / C), k = "white", A = 0;
-			for (let [e, t] of S) t > A && (k = e, A = t);
-			let j = h.concat(g).concat(r), M = (e, t, n = 0) => .5 + n + Math.abs(e) * i / 2 + Math.abs(t) * a / 2, N = [];
-			if (te) {
-				let e = M(T, ee);
-				N.push({
-					x: O + T * e,
-					y: ne + ee * e
+			let O = D > 3, ee = w / C >= .4, k = n?.x ?? (O ? (m + _) / 2 : o / C), A = n?.y ?? (O ? (v + x) / 2 : d / C), j = "white", M = 0;
+			for (let [e, t] of S) t > M && (j = e, M = t);
+			let te = h.concat(g).concat(r), N = (e, t, n = 0) => .5 + n + Math.abs(e) * i / 2 + Math.abs(t) * a / 2, P = [];
+			if (ee) {
+				let e = N(T, E);
+				P.push({
+					x: k + T * e,
+					y: A + E * e
 				});
 			}
-			N.push({
-				x: O,
-				y: ne
+			P.push({
+				x: k,
+				y: A
 			});
 			for (let e of [
 				0,
 				.6,
 				1.4
 			]) for (let [t, n] of b) {
-				let r = M(t, n, e);
-				N.push({
-					x: O + t * r,
-					y: ne + n * r
+				let r = N(t, n, e);
+				P.push({
+					x: k + t * r,
+					y: A + n * r
 				});
 			}
-			for (let t of N) {
+			for (let t of P) {
 				let n = t.x - i / 2, r = t.y - a / 2;
-				if (!y(n, r, i, a, j)) return {
+				if (!y(n, r, i, a, te)) return {
 					cluster: e,
 					boxX: n,
 					boxY: r,
 					boxW: i,
 					boxH: a,
-					color: k
+					color: j
 				};
 			}
 		};
 		for (let [e, t] of a) {
-			let n = this.mapReader.getArea(e)?.getAreaName() || `Area ${e}`, r = Le(t, 10).map((e) => x(e, n)).filter((e) => e !== void 0), a = !0;
+			let n = this.mapReader.getArea(e)?.getAreaName() || `Area ${e}`, r = Ie(t, 10).map((e) => x(e, n)).filter((e) => e !== void 0), a = !0;
 			for (; a && r.length > 1;) {
 				a = !1;
 				outer: for (let e = 0; e < r.length; e++) for (let t = e + 1; t < r.length; t++) {
@@ -1997,7 +2003,7 @@ var Re = class {
 				}
 			}
 			for (let e of r) {
-				let t = Pe(e.color, f), r = _(Ie(e.color, this.settings.backgroundColor, f)) > .55 ? "#000" : "#fff", a = {
+				let t = Ne(e.color, f), r = _(Fe(e.color, this.settings.backgroundColor, f)) > .55 ? "#000" : "#fff", a = {
 					type: "group",
 					x: 0,
 					y: 0,
@@ -2073,7 +2079,7 @@ var Re = class {
 };
 //#endregion
 //#region src/scene/elements/GridLayout.ts
-function ze(e, t, n = {}) {
+function Le(e, t, n = {}) {
 	if (!t.gridEnabled) return [];
 	let r = n.inverseTransform ?? ((e, t) => ({
 		x: e,
@@ -2110,11 +2116,11 @@ function ze(e, t, n = {}) {
 }
 //#endregion
 //#region src/export/clipSceneToViewport.ts
-function Be(e, t, n, r) {
+function Re(e, t, n, r) {
 	if (!n.cullingEnabled) return /* @__PURE__ */ new Map();
 	let { minX: i, maxX: a, minY: o, maxY: s } = t, c = n.roomSize / 2, l = r?.forward, u = (e, t, n, r) => {
 		if (l) {
-			let c = Ve(e, t, n, r, l);
+			let c = ze(e, t, n, r, l);
 			return c.maxX >= i && c.minX <= a && c.maxY >= o && c.minY <= s;
 		}
 		return n >= i && e <= a && r >= o && t <= s;
@@ -2127,7 +2133,7 @@ function Be(e, t, n, r) {
 	for (let { shape: t, bounds: n } of e.areaExitLabelShapeRefs) d.set(t, u(n.x, n.y, n.x + n.width, n.y + n.height));
 	return d;
 }
-function Ve(e, t, n, r, i) {
+function ze(e, t, n, r, i) {
 	let a = i(e, t), o = i(n, t), s = i(n, r), c = i(e, r);
 	return {
 		minX: Math.min(a.x, o.x, s.x, c.x),
@@ -2136,13 +2142,13 @@ function Ve(e, t, n, r, i) {
 		maxY: Math.max(a.y, o.y, s.y, c.y)
 	};
 }
-function He(e, t, n, r) {
-	let i = ze(t, n, { inverseTransform: r?.inverse });
+function Be(e, t, n, r) {
+	let i = Le(t, n, { inverseTransform: r?.inverse });
 	if (!n.cullingEnabled) return {
 		...e.sceneShapes,
 		grid: i
 	};
-	let a = Be(e, t, n, r);
+	let a = Re(e, t, n, r);
 	return {
 		grid: i,
 		link: e.sceneShapes.link.filter((e) => a.get(e) ?? !0),
@@ -2152,14 +2158,14 @@ function He(e, t, n, r) {
 }
 //#endregion
 //#region src/rendering/SceneManager.ts
-var Ue = {
+var Ve = {
 	grid: [],
 	link: [],
 	room: [],
 	topLabel: []
-}, We = class {
+}, He = class {
 	constructor(e, t, n) {
-		this.camera = e, this.settings = t, this.standaloneExitShapeSet = /* @__PURE__ */ new Set(), this.pipeline = new Re(n, t);
+		this.camera = e, this.settings = t, this.standaloneExitShapeSet = /* @__PURE__ */ new Set(), this.pipeline = new R(n, t);
 	}
 	get exitRenderer() {
 		return this.pipeline.exitRenderer;
@@ -2192,23 +2198,23 @@ var Ue = {
 		this.lastBuildResult = void 0, this.standaloneExitShapeSet = /* @__PURE__ */ new Set();
 	}
 	resetPipeline(e) {
-		this.pipeline = new Re(e, this.settings), this.reset();
+		this.pipeline = new R(e, this.settings), this.reset();
 	}
-	cullInteractive(e = D) {
+	cullInteractive(e = O) {
 		if (!this.lastBuildResult) return /* @__PURE__ */ new Map();
-		let t = this.camera.getCullingViewport(this.settings.cullingBounds), n = e === D ? void 0 : { forward: e };
-		return Be(this.lastBuildResult, t, this.settings, n);
+		let t = this.camera.getCullingViewport(this.settings.cullingBounds), n = e === O ? void 0 : { forward: e };
+		return Re(this.lastBuildResult, t, this.settings, n);
 	}
-	cull(e = D) {
+	cull(e = O) {
 		if (!this.lastBuildResult) return {
-			shapes: Ue,
+			shapes: Ve,
 			stats: {
 				visibleRooms: 0,
 				totalRooms: 0,
 				visibleExits: 0
 			}
 		};
-		let t = this.camera.getCullingViewport(this.settings.cullingBounds), n = e === D ? void 0 : { forward: e }, r = He(this.lastBuildResult, t, this.settings, n);
+		let t = this.camera.getCullingViewport(this.settings.cullingBounds), n = e === O ? void 0 : { forward: e }, r = Be(this.lastBuildResult, t, this.settings, n);
 		return {
 			shapes: r,
 			stats: {
@@ -2218,7 +2224,7 @@ var Ue = {
 			}
 		};
 	}
-}, Ge = class {
+}, Ue = class {
 	setCursor(e) {
 		this.container.dataset.editorCursor || (this.container.style.cursor = e);
 	}
@@ -2413,7 +2419,7 @@ var Ue = {
 };
 //#endregion
 //#region src/render/canvasGradient.ts
-function L(e, t) {
+function z(e, t) {
 	if (typeof t == "string") return t;
 	if (t.type === "linear") {
 		let n = e.createLinearGradient(t.x0, t.y0, t.x1, t.y1);
@@ -2426,13 +2432,13 @@ function L(e, t) {
 }
 //#endregion
 //#region src/render/RecordingLayer.ts
-function Ke(e, t) {
+function We(e, t) {
 	switch (t.type) {
 		case "rect":
-			e.beginPath(), t.cr > 0 && typeof e.roundRect == "function" ? e.roundRect(t.x, t.y, t.w, t.h, t.cr) : e.rect(t.x, t.y, t.w, t.h), t.fill && (e.fillStyle = L(e, t.fill), e.fill()), t.stroke && t.sw > 0 && (e.strokeStyle = t.stroke, e.lineWidth = t.sw, t.dash ? e.setLineDash(t.dash) : e.setLineDash([]), e.stroke());
+			e.beginPath(), t.cr > 0 && typeof e.roundRect == "function" ? e.roundRect(t.x, t.y, t.w, t.h, t.cr) : e.rect(t.x, t.y, t.w, t.h), t.fill && (e.fillStyle = z(e, t.fill), e.fill()), t.stroke && t.sw > 0 && (e.strokeStyle = t.stroke, e.lineWidth = t.sw, t.dash ? e.setLineDash(t.dash) : e.setLineDash([]), e.stroke());
 			break;
 		case "circle":
-			e.beginPath(), e.arc(t.cx, t.cy, t.r, 0, Math.PI * 2), t.fill && (e.fillStyle = L(e, t.fill), e.fill()), t.stroke && t.sw > 0 && (e.strokeStyle = t.stroke, e.lineWidth = t.sw, t.dash ? e.setLineDash(t.dash) : e.setLineDash([]), e.stroke());
+			e.beginPath(), e.arc(t.cx, t.cy, t.r, 0, Math.PI * 2), t.fill && (e.fillStyle = z(e, t.fill), e.fill()), t.stroke && t.sw > 0 && (e.strokeStyle = t.stroke, e.lineWidth = t.sw, t.dash ? e.setLineDash(t.dash) : e.setLineDash([]), e.stroke());
 			break;
 		case "line": {
 			if (t.points.length < 4) break;
@@ -2446,7 +2452,7 @@ function Ke(e, t) {
 			if (t.vertices.length < 4) break;
 			e.beginPath(), e.moveTo(t.vertices[0], t.vertices[1]);
 			for (let n = 2; n < t.vertices.length; n += 2) e.lineTo(t.vertices[n], t.vertices[n + 1]);
-			e.closePath(), t.fill && (e.fillStyle = L(e, t.fill), e.fill()), t.stroke && t.sw > 0 && (e.strokeStyle = t.stroke, e.lineWidth = t.sw, e.setLineDash([]), e.stroke());
+			e.closePath(), t.fill && (e.fillStyle = z(e, t.fill), e.fill()), t.stroke && t.sw > 0 && (e.strokeStyle = t.stroke, e.lineWidth = t.sw, e.setLineDash([]), e.stroke());
 			break;
 		case "text": {
 			let n = t.fontSize * 100, r = `${t.fontStyle} ${n}px ${t.fontFamily}`;
@@ -2483,7 +2489,7 @@ function Ke(e, t) {
 			break;
 	}
 }
-var qe = class {
+var Ge = class {
 	constructor(e, t) {
 		this._visible = !0, this.noScaling = !1, this.commands = [], this.x = e, this.y = t;
 	}
@@ -2524,11 +2530,11 @@ var qe = class {
 			perfectDrawEnabled: !1,
 			sceneFunc: (e) => {
 				let n = e._context;
-				for (let e of t) Ke(n, e);
+				for (let e of t) We(n, e);
 			}
 		})), this._konvaGroup = e, e;
 	}
-}, Je = class {
+}, Ke = class {
 	constructor(e) {
 		this.entries = [], this.nodeToEntry = /* @__PURE__ */ new Map(), this.konvaLayer = e, e.destroyChildren();
 		let t = this;
@@ -2541,7 +2547,7 @@ var qe = class {
 					if (!e.visible) continue;
 					let t = i * e.x + o * e.y + r.e, c = a * e.x + s * e.y + r.f;
 					e.noScaling ? n.setTransform(75, 0, 0, 75, t, c) : n.setTransform(i, a, o, s, t, c);
-					for (let t of e.commands) Ke(n, t);
+					for (let t of e.commands) We(n, t);
 				}
 				n.setTransform(r);
 			}
@@ -2569,7 +2575,7 @@ var qe = class {
 	ensureShape() {
 		this.konvaShape.getParent() || this.konvaLayer.add(this.konvaShape);
 	}
-}, R = class {
+}, B = class {
 	constructor(e) {
 		this.groups = [], this.konvaLayer = e, e.destroyChildren();
 		let t = this;
@@ -2582,7 +2588,7 @@ var qe = class {
 					if (!e._visible) continue;
 					let t = i * e.x + o * e.y + r.e, c = a * e.x + s * e.y + r.f;
 					e.noScaling ? n.setTransform(75, 0, 0, 75, t, c) : n.setTransform(i, a, o, s, t, c);
-					for (let t of e.commands) Ke(n, t);
+					for (let t of e.commands) We(n, t);
 				}
 				n.setTransform(r);
 			}
@@ -2600,7 +2606,7 @@ var qe = class {
 	ensureShape() {
 		this.konvaShape.getParent() || this.konvaLayer.add(this.konvaShape);
 	}
-}, Ye = class {
+}, qe = class {
 	constructor(e) {
 		this.konvaLayer = e;
 	}
@@ -2616,11 +2622,14 @@ var qe = class {
 };
 //#endregion
 //#region src/scene/Shape.ts
-function Xe(e) {
+function Je(e) {
 	return typeof e == "object" && !!e;
 }
-function z(e, t, n, r, i, a) {
-	return Xe(e) ? e.type === "linear" ? {
+function Ye(e, t) {
+	return t !== !1 && e ? e : void 0;
+}
+function V(e, t, n, r, i, a) {
+	return Je(e) ? e.type === "linear" ? {
 		type: "linear",
 		x0: (t + e.x0) * r + i,
 		y0: (n + e.y0) * r + a,
@@ -2640,14 +2649,14 @@ function z(e, t, n, r, i, a) {
 }
 //#endregion
 //#region src/render/shapeToRecording.ts
-function Ze(e) {
-	let t = new qe(e.x, e.y);
-	return e.noScale && (t.noScaling = !0), Qe(t, e.children, 0, 0), t;
+function Xe(e) {
+	let t = new Ge(e.x, e.y);
+	return e.noScale && (t.noScaling = !0), Ze(t, e.children, 0, 0), t;
 }
-function Qe(e, t, n, r) {
-	for (let i of t) $e(e, i, n, r);
+function Ze(e, t, n, r) {
+	for (let i of t) Qe(e, i, n, r);
 }
-function $e(e, t, n, r) {
+function Qe(e, t, n, r) {
 	switch (t.type) {
 		case "rect":
 			e.commands.push({
@@ -2656,11 +2665,11 @@ function $e(e, t, n, r) {
 				y: t.y + r,
 				w: t.width,
 				h: t.height,
-				fill: z(t.paint.fill, n, r, 1, 0, 0),
+				fill: V(t.paint.fill, n, r, 1, 0, 0),
 				stroke: t.paint.stroke,
 				sw: t.paint.strokeWidth ?? 0,
 				cr: t.cornerRadius ?? 0,
-				dash: t.paint.dashEnabled !== !1 && t.paint.dash ? t.paint.dash : void 0
+				dash: Ye(t.paint.dash, t.paint.dashEnabled)
 			});
 			return;
 		case "circle":
@@ -2669,20 +2678,20 @@ function $e(e, t, n, r) {
 				cx: t.cx + n,
 				cy: t.cy + r,
 				r: t.radius,
-				fill: z(t.paint.fill, n, r, 1, 0, 0),
+				fill: V(t.paint.fill, n, r, 1, 0, 0),
 				stroke: t.paint.stroke,
 				sw: t.paint.strokeWidth ?? 0,
-				dash: t.paint.dashEnabled !== !1 && t.paint.dash ? t.paint.dash : void 0
+				dash: Ye(t.paint.dash, t.paint.dashEnabled)
 			});
 			return;
 		case "line": {
-			let i = n === 0 && r === 0 ? t.points : et(t.points, n, r);
+			let i = n === 0 && r === 0 ? t.points : $e(t.points, n, r);
 			e.commands.push({
 				type: "line",
 				points: i,
 				stroke: t.paint.stroke,
 				sw: t.paint.strokeWidth ?? 0,
-				dash: t.paint.dash,
+				dash: Ye(t.paint.dash, t.paint.dashEnabled),
 				lineCap: t.lineCap,
 				lineJoin: t.lineJoin,
 				alpha: t.paint.alpha
@@ -2692,8 +2701,8 @@ function $e(e, t, n, r) {
 		case "polygon":
 			e.commands.push({
 				type: "polygon",
-				vertices: n === 0 && r === 0 ? t.vertices : et(t.vertices, n, r),
-				fill: z(t.paint.fill, n, r, 1, 0, 0),
+				vertices: n === 0 && r === 0 ? t.vertices : $e(t.vertices, n, r),
+				fill: V(t.paint.fill, n, r, 1, 0, 0),
 				stroke: t.paint.stroke,
 				sw: t.paint.strokeWidth ?? 0
 			});
@@ -2719,7 +2728,7 @@ function $e(e, t, n, r) {
 			});
 			return;
 		case "image": {
-			let i = tt(t.src);
+			let i = et(t.src);
 			e.commands.push({
 				type: "image",
 				x: t.x + n,
@@ -2732,35 +2741,35 @@ function $e(e, t, n, r) {
 			return;
 		}
 		case "group":
-			Qe(e, t.children, n + t.x, r + t.y);
+			Ze(e, t.children, n + t.x, r + t.y);
 			return;
 	}
 }
-function et(e, t, n) {
+function $e(e, t, n) {
 	let r = Array(e.length);
 	for (let i = 0; i < e.length; i += 2) r[i] = e[i] + t, r[i + 1] = e[i + 1] + n;
 	return r;
 }
-function tt(e) {
+function et(e) {
 	let t = r === void 0 ? typeof Image < "u" ? new Image() : null : r.Util.createImageElement();
 	return t && (t.src = e), t;
 }
 //#endregion
 //#region src/PathData.ts
-var B = [
+var H = [
 	"up",
 	"down",
 	"in",
 	"out"
 ];
-function V(e, t, n, r, i) {
-	return e.roomShape === "circle" ? ie(t, n, r, i) : e.roomShape === "roundedRectangle" ? re(t, n, r, i, e.roomSize * .2) : P(t, n, r, i);
+function tt(e, t, n, r, i) {
+	return e.roomShape === "circle" ? re(t, n, r, i) : e.roomShape === "roundedRectangle" ? ne(t, n, r, i, e.roomSize * .2) : F(t, n, r, i);
 }
 function nt(e, t, n) {
 	for (let [e, r] of Object.entries(t.exits)) if (r === n.id) {
 		let r = e;
-		if (B.includes(r)) {
-			let e = k[r];
+		if (H.includes(r)) {
+			let e = j[r];
 			return {
 				type: "inner",
 				fromDir: r,
@@ -2769,7 +2778,7 @@ function nt(e, t, n) {
 				toRoom: n
 			};
 		}
-		let i = k[r];
+		let i = j[r];
 		return t.customLines[i] ? {
 			type: "special",
 			fromDir: r,
@@ -2802,8 +2811,8 @@ function nt(e, t, n) {
 	};
 	for (let [e, r] of Object.entries(n.exits)) if (r === t.id) {
 		let r = e;
-		if (B.includes(r)) {
-			let e = k[r];
+		if (H.includes(r)) {
+			let e = j[r];
 			return {
 				type: "inner",
 				toDir: r,
@@ -2812,7 +2821,7 @@ function nt(e, t, n) {
 				toRoom: n
 			};
 		}
-		let i = k[r];
+		let i = j[r];
 		return n.customLines[i] ? {
 			type: "special",
 			toDir: r,
@@ -2859,17 +2868,17 @@ function at(e, t) {
 	for (let [n, r] of Object.entries(e.specialExits)) if (r === t.id) return;
 }
 function ot(e, t) {
-	for (let n of j) if (e.exits[n] === t.id) return n;
-	for (let n of j) if (t.exits[n] === e.id) return M[n];
+	for (let n of te) if (e.exits[n] === t.id) return n;
+	for (let n of te) if (t.exits[n] === e.id) return N[n];
 }
 function st(e, t, n) {
 	let { fromRoom: r, toRoom: i, fromDir: a, toDir: o } = t;
-	if (n.length === 0 && n.push(r.x, r.y), a && O.includes(a)) {
-		let t = V(e, r.x, r.y, a, e.roomSize / 2);
+	if (n.length === 0 && n.push(r.x, r.y), a && k.includes(a)) {
+		let t = tt(e, r.x, r.y, a, e.roomSize / 2);
 		n.push(t.x, t.y);
 	}
-	if (o && O.includes(o)) {
-		let t = V(e, i.x, i.y, o, e.roomSize / 2);
+	if (o && k.includes(o)) {
+		let t = tt(e, i.x, i.y, o, e.roomSize / 2);
 		n.push(t.x, t.y);
 	}
 	n.push(i.x, i.y);
@@ -2894,10 +2903,10 @@ function lt(e, t, n, r, i) {
 				}), s.push({ points: t });
 			}
 		}
-		r && B.includes(r) && o.push({
+		r && H.includes(r) && o.push({
 			room: t,
 			direction: r
-		}), i && B.includes(i) && o.push({
+		}), i && H.includes(i) && o.push({
 			room: n,
 			direction: i
 		});
@@ -2927,20 +2936,20 @@ function lt(e, t, n, r, i) {
 		} else {
 			let e = f ? a : s, n = f ? s : a, r = at(e, n);
 			if (r) {
-				if (B.includes(r.direction)) u(), o.push({
+				if (H.includes(r.direction)) u(), o.push({
 					room: e,
 					direction: r.direction
 				});
-				else if (O.includes(r.direction)) {
+				else if (k.includes(r.direction)) {
 					l.length === 0 && l.push(e.x, e.y);
-					let n = V(t, e.x, e.y, r.direction, t.roomSize / 2), i = P(e.x, e.y, r.direction, t.roomSize);
+					let n = tt(t, e.x, e.y, r.direction, t.roomSize / 2), i = F(e.x, e.y, r.direction, t.roomSize);
 					l.push(n.x, n.y, i.x, i.y), u();
 				}
 			} else {
 				let r = ot(e, n);
 				if (r) {
 					l.length === 0 && l.push(e.x, e.y);
-					let n = V(t, e.x, e.y, r, t.roomSize / 2), i = P(e.x, e.y, r, t.roomSize);
+					let n = tt(t, e.x, e.y, r, t.roomSize / 2), i = F(e.x, e.y, r, t.roomSize);
 					l.push(n.x, n.y, i.x, i.y), u();
 				}
 			}
@@ -2954,24 +2963,27 @@ function lt(e, t, n, r, i) {
 }
 //#endregion
 //#region src/scene/OverlayStyle.ts
-function ut(e, t, n) {
-	let r = n.highlight, i = n.roomSize, a = r.sizeFactor, o = r.matchRoomShape && n.roomShape !== "circle";
+function ut(e, t) {
+	let n = e.shape ?? "match";
+	return n === "match" ? (e.matchRoomShape ?? !0) && t !== "circle" ? t === "roundedRectangle" ? "roundedRectangle" : "rectangle" : "circle" : n;
+}
+function dt(e, t, n) {
+	let r = n.highlight, i = n.roomSize, a = r.sizeFactor, o = ut(r, n.roomShape), s = Array.isArray(t) ? t.length > 0 ? [...t] : ["#ffffff"] : [t];
 	return {
-		shape: o ? "rect" : "circle",
+		shape: o === "circle" ? "circle" : "rect",
 		cx: e.x,
 		cy: e.y,
 		size: i / 2 * a,
-		cornerRadius: o && n.roomShape === "roundedRectangle" ? i * a * .2 : 0,
-		strokeColor: t,
+		cornerRadius: o === "roundedRectangle" ? i * a * .2 : 0,
+		colors: s,
 		strokeAlpha: r.strokeAlpha,
 		strokeWidth: r.strokeWidth,
-		fillColor: t,
 		fillAlpha: r.fillAlpha,
 		dash: r.dash,
 		dashEnabled: r.dashEnabled
 	};
 }
-function dt(e, t) {
+function ft(e, t) {
 	let n = t.playerMarker, r = t.roomSize * n.sizeFactor, i = n.matchRoomShape && t.roomShape !== "circle";
 	return {
 		shape: i ? "rect" : "circle",
@@ -2988,12 +3000,12 @@ function dt(e, t) {
 		dashEnabled: n.dashEnabled
 	};
 }
-function ft(e, t, n, r, i, a) {
+function pt(e, t, n, r, i, a) {
 	let o = lt(e, t, n, i, a), s = t.lineWidth, c = [];
 	for (let e of o.segments) e.points.length >= 4 && c.push({ points: e.points });
 	for (let e of o.customLines) e.points.length >= 4 && c.push({ points: e.points });
 	let l = [];
-	for (let e of o.innerMarkers) for (let n of Te(e.room, e.direction, t)) l.push({ vertices: n.vertices });
+	for (let e of o.innerMarkers) for (let n of we(e.room, e.direction, t)) l.push({ vertices: n.vertices });
 	return {
 		segments: c,
 		triangles: l,
@@ -3004,63 +3016,80 @@ function ft(e, t, n, r, i, a) {
 }
 //#endregion
 //#region src/scene/elements/OverlayLayout.ts
-function pt(e) {
-	let t = x(e.strokeColor, e.strokeAlpha), n = e.fillAlpha > 0 ? x(e.fillColor, e.fillAlpha) : void 0;
+function mt(e) {
+	if (e.colors.length > 1) return ht(e);
+	let t = e.colors[0], n = x(t, e.strokeAlpha), r = e.fillAlpha > 0 ? x(t, e.fillAlpha) : void 0;
 	if (e.shape === "circle") return {
 		type: "circle",
 		cx: e.cx,
 		cy: e.cy,
 		radius: e.size,
 		paint: {
-			fill: n,
-			stroke: t,
+			fill: r,
+			stroke: n,
+			strokeWidth: e.strokeWidth,
+			dash: e.dash,
+			dashEnabled: e.dashEnabled
+		},
+		layer: "overlay"
+	};
+	if (e.cornerRadius > 0) return {
+		type: "rect",
+		x: e.cx - e.size,
+		y: e.cy - e.size,
+		width: e.size * 2,
+		height: e.size * 2,
+		cornerRadius: e.cornerRadius,
+		paint: {
+			fill: r,
+			stroke: n,
 			strokeWidth: e.strokeWidth,
 			dash: e.dash,
 			dashEnabled: e.dashEnabled
 		},
 		layer: "overlay"
 	};
-	let r = e.cx - e.size, i = e.cy - e.size, a = e.cx + e.size, o = e.cy + e.size, s = [
+	let i = e.cx - e.size, a = e.cy - e.size, o = e.cx + e.size, s = e.cy + e.size, c = [
 		[
-			r,
 			i,
 			a,
-			i
+			o,
+			a
 		],
 		[
+			o,
 			a,
-			i,
-			a,
-			o
+			o,
+			s
 		],
 		[
-			a,
 			o,
-			r,
-			o
+			s,
+			i,
+			s
 		],
 		[
-			r,
-			o,
-			r,
-			i
+			i,
+			s,
+			i,
+			a
 		]
-	], c = [];
-	n && c.push({
+	], l = [];
+	r && l.push({
 		type: "rect",
-		x: r,
-		y: i,
+		x: i,
+		y: a,
 		width: e.size * 2,
 		height: e.size * 2,
 		cornerRadius: e.cornerRadius,
-		paint: { fill: n },
+		paint: { fill: r },
 		layer: "overlay"
 	});
-	for (let n of s) c.push({
+	for (let t of c) l.push({
 		type: "line",
-		points: n,
+		points: t,
 		paint: {
-			stroke: t,
+			stroke: n,
 			strokeWidth: e.strokeWidth,
 			dash: e.dash,
 			dashEnabled: e.dashEnabled
@@ -3072,11 +3101,72 @@ function pt(e) {
 		type: "group",
 		x: 0,
 		y: 0,
-		children: c,
+		children: l,
 		layer: "overlay"
 	};
 }
-function mt(e) {
+function ht(e) {
+	let t = e.colors.length, n = Math.PI * 2 / t, r = -Math.PI / 2, i = [];
+	for (let a = 0; a < t; a++) {
+		let t = e.colors[a], o = x(t, e.strokeAlpha), s = e.fillAlpha > 0 ? x(t, e.fillAlpha) : void 0, c = r + a * n, l = _t(e, c, c + n);
+		if (s) {
+			let t = [e.cx, e.cy];
+			for (let [e, n] of l) t.push(e, n);
+			i.push({
+				type: "polygon",
+				vertices: t,
+				paint: { fill: s },
+				layer: "overlay"
+			});
+		}
+		let u = [];
+		for (let [e, t] of l) u.push(e, t);
+		i.push({
+			type: "line",
+			points: u,
+			paint: {
+				stroke: o,
+				strokeWidth: e.strokeWidth,
+				dash: e.dash,
+				dashEnabled: e.dashEnabled
+			},
+			lineCap: "butt",
+			layer: "overlay"
+		});
+	}
+	return {
+		type: "group",
+		x: 0,
+		y: 0,
+		children: i,
+		layer: "overlay"
+	};
+}
+function gt(e, t) {
+	let n = Math.cos(t), r = Math.sin(t);
+	if (e.shape === "circle") return [e.cx + e.size * n, e.cy + e.size * r];
+	let i = e.size, a = Math.max(Math.abs(n), Math.abs(r)), o = i / a * n, s = i / a * r, c = Math.min(e.cornerRadius, i), l = i - c;
+	if (c > 0 && Math.abs(o) > l && Math.abs(s) > l) {
+		let t = Math.sign(o) * l, i = Math.sign(s) * l, a = t * n + i * r, u = t * t + i * i, d = a + Math.sqrt(Math.max(0, a * a - (u - c * c)));
+		return [e.cx + d * n, e.cy + d * r];
+	}
+	return [e.cx + o, e.cy + s];
+}
+function _t(e, t, n) {
+	let r = [t], i = e.shape !== "circle" && e.cornerRadius > 0;
+	if (e.shape === "circle" || i) {
+		let e = i ? Math.PI / 36 : Math.PI / 18, a = Math.max(1, Math.ceil((n - t) / e));
+		for (let e = 1; e < a; e++) r.push(t + (n - t) * e / a);
+	} else {
+		let e = Math.PI / 2, i = Math.PI / 4, a = Math.ceil((t - i) / e), o = Math.floor((n - i) / e);
+		for (let s = a; s <= o; s++) {
+			let a = i + s * e;
+			a > t + 1e-9 && a < n - 1e-9 && r.push(a);
+		}
+	}
+	return r.push(n), r.sort((e, t) => e - t), r.map((t) => gt(e, t));
+}
+function vt(e) {
 	let t = x(e.strokeColor, e.strokeAlpha), n = e.fillAlpha > 0 ? x(e.fillColor, e.fillAlpha) : void 0;
 	return e.shape === "circle" ? {
 		type: "circle",
@@ -3108,7 +3198,7 @@ function mt(e) {
 		layer: "overlay"
 	};
 }
-function ht(e) {
+function yt(e) {
 	let t = [];
 	for (let n of e.segments) t.push({
 		type: "line",
@@ -3147,29 +3237,29 @@ function ht(e) {
 }
 //#endregion
 //#region src/hit/HitTester.ts
-var gt = {
+var bt = {
 	areaExit: 110,
 	room: 100,
 	label: 80,
 	specialExit: 60,
 	exit: 40,
 	stub: 20
-}, _t = {
+}, xt = {
 	room: .3,
 	areaExit: 1,
 	label: 1,
 	specialExit: .5,
 	exit: .35,
 	stub: .3
-}, vt = (e, t) => ({
+}, St = (e, t) => ({
 	x: e,
 	y: t
-}), yt = class {
+}), Ct = class {
 	constructor() {
-		this.entries = [], this.bucketSize = 5, this.roomSize = 1, this.spatialIndex = /* @__PURE__ */ new Map(), this.transform = vt;
+		this.entries = [], this.bucketSize = 5, this.roomSize = 1, this.spatialIndex = /* @__PURE__ */ new Map(), this.transform = St;
 	}
 	build(e, t, n) {
-		this.clear(), this.roomSize = t, this.bucketSize = Math.max(t * 10, 5), this.transform = n ?? vt, this.collectHitShapes(e, 0, 0);
+		this.clear(), this.roomSize = t, this.bucketSize = Math.max(t * 10, 5), this.transform = n ?? St, this.collectHitShapes(e, 0, 0);
 	}
 	clear() {
 		this.entries = [], this.spatialIndex.clear();
@@ -3213,13 +3303,13 @@ var gt = {
 	forEachCandidate(e, t, n) {
 		let r = Math.floor(e / this.bucketSize), i = Math.floor(t / this.bucketSize), a = /* @__PURE__ */ new Set();
 		for (let o = -1; o <= 1; o++) for (let s = -1; s <= 1; s++) {
-			let c = this.spatialIndex.get(Ot(r + o, i + s));
+			let c = this.spatialIndex.get(Mt(r + o, i + s));
 			if (c) for (let r of c) {
 				if (a.has(r)) continue;
 				a.add(r);
 				let i = r.margin * this.roomSize;
 				if (e < r.rMinX - i || e > r.rMaxX + i || t < r.rMinY - i || t > r.rMaxY + i) continue;
-				let o = Ct(r, e, t);
+				let o = Dt(r, e, t);
 				o > i || n(r, o);
 			}
 		}
@@ -3238,14 +3328,14 @@ var gt = {
 	collectHitShapes(e, t, n) {
 		for (let r of e) {
 			if (r.hit) {
-				let e = [], i = bt();
-				xt(r, t, n, this.transform, e, i), e.length > 0 && i.minX <= i.maxX && this.indexEntry(i, e, r.hit);
+				let e = [], i = wt();
+				Tt(r, t, n, this.transform, e, i), e.length > 0 && i.minX <= i.maxX && this.indexEntry(i, e, r.hit);
 			}
 			r.type === "group" && this.collectHitShapes(r.children, t + r.x, n + r.y);
 		}
 	}
 	indexEntry(e, t, n) {
-		let r = n.margin ?? _t[n.kind] ?? 1, i = n.priority ?? gt[n.kind] ?? 50, a = (e.minX + e.maxX) / 2, o = (e.minY + e.maxY) / 2, s = {
+		let r = n.margin ?? xt[n.kind] ?? 1, i = n.priority ?? bt[n.kind] ?? 50, a = (e.minX + e.maxX) / 2, o = (e.minY + e.maxY) / 2, s = {
 			info: n,
 			margin: r,
 			priority: i,
@@ -3260,12 +3350,12 @@ var gt = {
 		this.entries.push(s);
 		let c = this.bucketSize, l = Math.floor(e.minX / c), u = Math.floor(e.maxX / c), d = Math.floor(e.minY / c), f = Math.floor(e.maxY / c);
 		for (let e = l; e <= u; e++) for (let t = d; t <= f; t++) {
-			let n = Ot(e, t), r = this.spatialIndex.get(n);
+			let n = Mt(e, t), r = this.spatialIndex.get(n);
 			r || (r = [], this.spatialIndex.set(n, r)), r.push(s);
 		}
 	}
 };
-function bt() {
+function wt() {
 	return {
 		minX: Infinity,
 		minY: Infinity,
@@ -3273,17 +3363,17 @@ function bt() {
 		maxY: -Infinity
 	};
 }
-function H(e, t, n) {
+function U(e, t, n) {
 	t < e.minX && (e.minX = t), t > e.maxX && (e.maxX = t), n < e.minY && (e.minY = n), n > e.maxY && (e.maxY = n);
 }
-function xt(e, t, n, r, i, a) {
+function Tt(e, t, n, r, i, a) {
 	if (e.type === "group") {
-		for (let o of e.children) o.hit || St(o, t + e.x, n + e.y, r, i, a);
+		for (let o of e.children) o.hit || Et(o, t + e.x, n + e.y, r, i, a);
 		return;
 	}
-	St(e, t, n, r, i, a);
+	Et(e, t, n, r, i, a);
 }
-function St(e, t, n, r, i, a) {
+function Et(e, t, n, r, i, a) {
 	switch (e.type) {
 		case "rect":
 		case "image": {
@@ -3302,14 +3392,14 @@ function St(e, t, n, r, i, a) {
 				pts: u,
 				closed: !0
 			});
-			for (let e = 0; e < u.length; e += 2) H(a, u[e], u[e + 1]);
+			for (let e = 0; e < u.length; e += 2) U(a, u[e], u[e + 1]);
 			return;
 		}
 		case "text": {
 			let o = e.width ?? 0, s = e.height ?? 0;
 			if (o === 0 || s === 0) {
 				let i = r(t + e.x, n + e.y);
-				H(a, i.x, i.y);
+				U(a, i.x, i.y);
 				return;
 			}
 			let c = r(t + e.x, n + e.y), l = r(t + e.x + o, n + e.y), u = r(t + e.x + o, n + e.y + s), d = r(t + e.x, n + e.y + s), f = [
@@ -3327,7 +3417,7 @@ function St(e, t, n, r, i, a) {
 				pts: f,
 				closed: !0
 			});
-			for (let e = 0; e < f.length; e += 2) H(a, f[e], f[e + 1]);
+			for (let e = 0; e < f.length; e += 2) U(a, f[e], f[e + 1]);
 			return;
 		}
 		case "circle": {
@@ -3337,14 +3427,14 @@ function St(e, t, n, r, i, a) {
 				cx: o.x,
 				cy: o.y,
 				r: e.radius
-			}), H(a, o.x - e.radius, o.y - e.radius), H(a, o.x + e.radius, o.y + e.radius);
+			}), U(a, o.x - e.radius, o.y - e.radius), U(a, o.x + e.radius, o.y + e.radius);
 			return;
 		}
 		case "line": {
 			let o = [];
 			for (let i = 0; i < e.points.length; i += 2) {
 				let s = r(t + e.points[i], n + e.points[i + 1]);
-				o.push(s.x, s.y), H(a, s.x, s.y);
+				o.push(s.x, s.y), U(a, s.x, s.y);
 			}
 			o.length >= 2 && i.push({
 				type: "polyline",
@@ -3357,7 +3447,7 @@ function St(e, t, n, r, i, a) {
 			let o = [];
 			for (let i = 0; i < e.vertices.length; i += 2) {
 				let s = r(t + e.vertices[i], n + e.vertices[i + 1]);
-				o.push(s.x, s.y), H(a, s.x, s.y);
+				o.push(s.x, s.y), U(a, s.x, s.y);
 			}
 			o.length >= 2 && i.push({
 				type: "polyline",
@@ -3367,42 +3457,42 @@ function St(e, t, n, r, i, a) {
 			return;
 		}
 		case "group":
-			for (let o of e.children) o.hit || St(o, t + e.x, n + e.y, r, i, a);
+			for (let o of e.children) o.hit || Et(o, t + e.x, n + e.y, r, i, a);
 			return;
 	}
 }
-function Ct(e, t, n) {
+function Dt(e, t, n) {
 	let r = Infinity;
 	for (let i of e.geoms) {
-		let e = wt(i, t, n);
+		let e = Ot(i, t, n);
 		if (e < r && (r = e), r === 0) return 0;
 	}
 	return r;
 }
-function wt(e, t, n) {
+function Ot(e, t, n) {
 	if (e.type === "circle") {
 		let r = t - e.cx, i = n - e.cy;
 		return Math.max(0, Math.hypot(r, i) - e.r);
 	}
-	return e.closed && Dt(e.pts, t, n) ? 0 : Tt(e.pts, t, n, e.closed);
+	return e.closed && jt(e.pts, t, n) ? 0 : kt(e.pts, t, n, e.closed);
 }
-function Tt(e, t, n, r) {
+function kt(e, t, n, r) {
 	let i = e.length / 2;
 	if (i < 2) return i === 1 ? Math.hypot(t - e[0], n - e[1]) : Infinity;
 	let a = Infinity, o = r ? i : i - 1;
 	for (let r = 0; r < o; r++) {
-		let o = r * 2, s = (r + 1) % i * 2, c = Et(t, n, e[o], e[o + 1], e[s], e[s + 1]);
+		let o = r * 2, s = (r + 1) % i * 2, c = At(t, n, e[o], e[o + 1], e[s], e[s + 1]);
 		c < a && (a = c);
 	}
 	return a;
 }
-function Et(e, t, n, r, i, a) {
+function At(e, t, n, r, i, a) {
 	let o = i - n, s = a - r, c = o * o + s * s, l = c === 0 ? 0 : ((e - n) * o + (t - r) * s) / c;
 	l < 0 ? l = 0 : l > 1 && (l = 1);
 	let u = n + l * o, d = r + l * s;
 	return Math.hypot(e - u, t - d);
 }
-function Dt(e, t, n) {
+function jt(e, t, n) {
 	let r = !1, i = e.length / 2;
 	for (let a = 0, o = i - 1; a < i; o = a++) {
 		let i = e[a * 2], s = e[a * 2 + 1], c = e[o * 2], l = e[o * 2 + 1], u = l - s || 1e-12;
@@ -3410,14 +3500,14 @@ function Dt(e, t, n) {
 	}
 	return r;
 }
-function Ot(e, t) {
+function Mt(e, t) {
 	return e * 1000003 + t;
 }
 //#endregion
 //#region src/style/Style.ts
-var U = { transform: (e) => e };
-function kt(...e) {
-	return e.length === 0 ? U : e.length === 1 ? e[0] : {
+var W = { transform: (e) => e };
+function Nt(...e) {
+	return e.length === 0 ? W : e.length === 1 ? e[0] : {
 		transform(t, n) {
 			let r = [t];
 			for (let t of e) {
@@ -3453,19 +3543,19 @@ function kt(...e) {
 }
 //#endregion
 //#region src/style/applyStyle.ts
-function W(e, t, n) {
+function Pt(e, t, n) {
 	let r = [];
 	for (let i of e) {
-		let e = At(i, t, n);
+		let e = Ft(i, t, n);
 		Array.isArray(e) ? r.push(...e) : r.push(e);
 	}
 	return r;
 }
-function At(e, t, n) {
+function Ft(e, t, n) {
 	if (e.type === "group") {
 		let r = [];
 		for (let i of e.children) {
-			let e = At(i, t, n);
+			let e = Ft(i, t, n);
 			Array.isArray(e) ? r.push(...e) : r.push(e);
 		}
 		return t.transform({
@@ -3477,27 +3567,27 @@ function At(e, t, n) {
 }
 //#endregion
 //#region src/rendering/KonvaRenderBackend.ts
-var jt = "rgb(120, 72, 0)", Mt = class {
+var G = "rgb(120, 72, 0)", It = class {
 	get coordinateTransform() {
 		return this._coordinateTransform;
 	}
 	constructor(e, t) {
-		this.gridCachedBounds = null, this.currentStyle = U, this.hitTester = new yt(), this.lastHitShapes = [], this.shapeToDrawEntry = /* @__PURE__ */ new Map(), this.shapeToGroup = /* @__PURE__ */ new Map(), this.highlightShapes = /* @__PURE__ */ new Map(), this.pathShapes = [], this.currentRoomOverlay = [], this.destroyed = !1, this._coordinateTransform = D, this.coordinateInverse = D, this.liveEffects = /* @__PURE__ */ new Map(), this.sceneOverlays = /* @__PURE__ */ new Map(), this.sceneOverlayNodes = /* @__PURE__ */ new Map(), this.viewportSubscribers = /* @__PURE__ */ new Set(), this.state = e, this.container = t, t ? (this.stage = new r.Stage({
+		this.gridCachedBounds = null, this.currentStyle = W, this.hitTester = new Ct(), this.lastHitShapes = [], this.shapeToDrawEntry = /* @__PURE__ */ new Map(), this.shapeToGroup = /* @__PURE__ */ new Map(), this.highlightShapes = /* @__PURE__ */ new Map(), this.pathShapes = [], this.currentRoomOverlay = [], this.destroyed = !1, this._coordinateTransform = O, this.coordinateInverse = O, this.liveEffects = /* @__PURE__ */ new Map(), this.sceneOverlays = /* @__PURE__ */ new Map(), this.sceneOverlayNodes = /* @__PURE__ */ new Map(), this.viewportSubscribers = /* @__PURE__ */ new Set(), this.state = e, this.container = t, t ? (this.stage = new r.Stage({
 			container: t,
 			width: t.clientWidth,
 			height: t.clientHeight,
 			draggable: !1
-		}), t.style.backgroundColor = e.settings.backgroundColor, this.camera = new E(t.clientWidth, t.clientHeight)) : (this.stage = new r.Stage({
+		}), t.style.backgroundColor = e.settings.backgroundColor, this.camera = new D(t.clientWidth, t.clientHeight)) : (this.stage = new r.Stage({
 			width: 1,
 			height: 1
-		}), this.camera = new E(1, 1)), this.gridLayer = new r.Layer({ listening: !1 }), this.stage.add(this.gridLayer);
+		}), this.camera = new D(1, 1)), this.gridLayer = new r.Layer({ listening: !1 }), this.stage.add(this.gridLayer);
 		let n = new r.Layer({ listening: !1 });
-		if (this.linkLayer = n, this.roomLayer = n, this.stage.add(n), this.positionLayer = new r.Layer({ listening: !1 }), this.stage.add(this.positionLayer), this.overlayLayer = new r.Layer({ listening: !1 }), this.stage.add(this.overlayLayer), this.topLabelLayer = new r.Layer({ listening: !1 }), this.stage.add(this.topLabelLayer), this.positionLayerNode = new Ye(this.positionLayer), this.overlayLayerNode = new Ye(this.overlayLayer), this.sceneNode = new Je(n), this.gridLayerNode = new R(this.gridLayer), this.topLabelLayerNode = new R(this.topLabelLayer), this.sceneManager = new We(this.camera, e.settings, e.mapReader), this.events = new S(t), this.culling = new te(e.settings, () => this.applyClipping()), this.cameraChangeHandler = () => this.applyViewportToStage(), this.camera.on("change", this.cameraChangeHandler), t) {
+		if (this.linkLayer = n, this.roomLayer = n, this.stage.add(n), this.positionLayer = new r.Layer({ listening: !1 }), this.stage.add(this.positionLayer), this.overlayLayer = new r.Layer({ listening: !1 }), this.stage.add(this.overlayLayer), this.topLabelLayer = new r.Layer({ listening: !1 }), this.stage.add(this.topLabelLayer), this.positionLayerNode = new qe(this.positionLayer), this.overlayLayerNode = new qe(this.overlayLayer), this.sceneNode = new Ke(n), this.gridLayerNode = new B(this.gridLayer), this.topLabelLayerNode = new B(this.topLabelLayer), this.sceneManager = new He(this.camera, e.settings, e.mapReader), this.events = new S(t), this.culling = new ee(e.settings, () => this.applyClipping()), this.cameraChangeHandler = () => this.applyViewportToStage(), this.camera.on("change", this.cameraChangeHandler), t) {
 			this.origSetSize = this.camera.setSize.bind(this.camera);
 			let n = this.origSetSize;
 			this.camera.setSize = (e, t) => {
 				n(e, t), this.stage.width(e), this.stage.height(t);
-			}, this.interactionHandler = new Ge(t, this.camera, e, {
+			}, this.interactionHandler = new Ue(t, this.camera, e, {
 				clientToMapPoint: (e, n) => this.camera.clientToMapPoint(e, n, t.getBoundingClientRect()),
 				pickAtPoint: (e, t) => this.hitTester.pick(e, t)
 			}, this.events);
@@ -3505,10 +3595,10 @@ var jt = "rgb(120, 72, 0)", Mt = class {
 		this.applyStyleTransforms(), this.subscribeToState(e);
 	}
 	setStyle(e) {
-		this.currentStyle = e, this.sceneNode = new Je(this.linkLayer), this.gridLayerNode = new R(this.gridLayer), this.topLabelLayerNode = new R(this.topLabelLayer), this.gridCachedBounds = null, this.sceneManager.resetPipeline(this.state.mapReader), this.shapeToDrawEntry = /* @__PURE__ */ new Map(), this.shapeToGroup.clear(), this.lastHitShapes = [], this.hitTester.clear(), this.applyStyleTransforms(), this.refresh();
+		this.currentStyle = e, this.sceneNode = new Ke(this.linkLayer), this.gridLayerNode = new B(this.gridLayer), this.topLabelLayerNode = new B(this.topLabelLayer), this.gridCachedBounds = null, this.sceneManager.resetPipeline(this.state.mapReader), this.shapeToDrawEntry = /* @__PURE__ */ new Map(), this.shapeToGroup.clear(), this.lastHitShapes = [], this.hitTester.clear(), this.applyStyleTransforms(), this.refresh();
 	}
 	applyStyleTransforms() {
-		let e = this.currentStyle, t = e.worldToScene ? (t, n) => e.worldToScene(t, n) : D, n = e.sceneToWorld ? (t, n) => e.sceneToWorld(t, n) : D, r = this.coordinateInverse;
+		let e = this.currentStyle, t = e.worldToScene ? (t, n) => e.worldToScene(t, n) : O, n = e.sceneToWorld ? (t, n) => e.sceneToWorld(t, n) : O, r = this.coordinateInverse;
 		this._coordinateTransform = t, this.coordinateInverse = n, this.culling.setCoordinateTransform(t), this.gridCachedBounds = null, this.lastHitShapes.length > 0 && this.hitTester.build(this.lastHitShapes, this.state.settings.roomSize, t);
 		let i = this.camera.getScale(), a = this.camera.width / 2, o = this.camera.height / 2, s = r((a - this.camera.position.x) / i, (o - this.camera.position.y) / i), c = t(s.x, s.y);
 		this.camera.position = {
@@ -3638,7 +3728,7 @@ var jt = "rgb(120, 72, 0)", Mt = class {
 				let e = this.mapPoint(r.x, r.y);
 				this.camera.panToMapPointAnimated(e.x, e.y, n || this.state.settings.instantMapMove);
 			}
-		}), e.events.on("highlight", ({ roomId: e, color: t }) => {
+		}), e.events.on("highlight", ({ roomId: e, colors: t }) => {
 			this.syncHighlight(e, t);
 		}), e.events.on("path", () => {
 			this.syncPaths();
@@ -3663,7 +3753,7 @@ var jt = "rgb(120, 72, 0)", Mt = class {
 		for (let e of r.sceneShapes.topLabel) this.addStyledShape(e, this.topLabelLayerNode);
 	}
 	addStyledShape(e, t) {
-		let n = this.currentStyle === U ? [e] : W([e], this.currentStyle, this.styleContext());
+		let n = this.currentStyle === W ? [e] : Pt([e], this.currentStyle, this.styleContext());
 		if (n.length === 0) return;
 		let r;
 		r = n.length === 1 && n[0].type === "group" ? n[0] : {
@@ -3674,7 +3764,7 @@ var jt = "rgb(120, 72, 0)", Mt = class {
 			layer: e.layer,
 			noScale: e.noScale
 		};
-		let i = Ze(r);
+		let i = Xe(r);
 		return t.addNode(i), i;
 	}
 	refreshGrid(e) {
@@ -3686,7 +3776,7 @@ var jt = "rgb(120, 72, 0)", Mt = class {
 		let n = this.coordinateInverse, r = n(e.minX, e.minY), i = n(e.maxX, e.minY), a = n(e.maxX, e.maxY), o = n(e.minX, e.maxY), s = Math.min(r.x, i.x, a.x, o.x), c = Math.max(r.x, i.x, a.x, o.x), l = Math.min(r.y, i.y, a.y, o.y), u = Math.max(r.y, i.y, a.y, o.y), d = t.gridSize * 2, f = Math.floor((s - d) / t.gridSize) * t.gridSize, p = Math.ceil((c + d) / t.gridSize) * t.gridSize, m = Math.floor((l - d) / t.gridSize) * t.gridSize, h = Math.ceil((u + d) / t.gridSize) * t.gridSize, g = this.gridCachedBounds;
 		if (g && g.left === f && g.right === p && g.top === m && g.bottom === h) return;
 		this.gridLayerNode.destroyChildren();
-		let _ = ze(e, t, { inverseTransform: this.coordinateInverse });
+		let _ = Le(e, t, { inverseTransform: this.coordinateInverse });
 		for (let e of _) this.addStyledShape(e, this.gridLayerNode);
 		this.gridCachedBounds = {
 			left: f,
@@ -3736,8 +3826,8 @@ var jt = "rgb(120, 72, 0)", Mt = class {
 			this.positionLayerNode.batchDraw();
 			return;
 		}
-		let t = dt(e, this.state.settings);
-		this.positionMarker = this.addStyledShape(mt(t), this.positionLayerNode);
+		let t = ft(e, this.state.settings);
+		this.positionMarker = this.addStyledShape(vt(t), this.positionLayerNode);
 	}
 	clearCurrentRoomOverlay() {
 		this.currentRoomOverlay.forEach((e) => e.destroy()), this.currentRoomOverlay = [], this.positionLayerNode.batchDraw();
@@ -3756,11 +3846,11 @@ var jt = "rgb(120, 72, 0)", Mt = class {
 		n.set(e.id, e);
 		let r = [], i = this.sceneManager.exitRenderer, a = this.state.lens;
 		this.state.currentAreaInstance && this.state.currentZIndex !== void 0 && this.state.currentAreaInstance.getLinkExits(this.state.currentZIndex).filter((t) => t.a === e.id || t.b === e.id).forEach((e) => {
-			let t = i.renderDataWithColor(e, jt, this.state.currentZIndex);
+			let t = i.renderDataWithColor(e, G, this.state.currentZIndex);
 			t && r.push(this.sceneManager.buildExitShape(t));
 		});
-		for (let n of fe(e, t, jt)) r.push(Ae(n, e.id));
-		for (let n of ue(e, t, jt)) r.push(je(n));
+		for (let n of de(e, t, G)) r.push(ke(n, e.id));
+		for (let n of le(e, t, G)) r.push(Ae(n));
 		[...Object.values(e.exits), ...Object.values(e.specialExits)].forEach((e) => {
 			let t = this.state.mapReader.getRoom(e);
 			t && t.area === this.state.currentArea && t.z === this.state.currentZIndex && a.isVisible(t) && n.set(e, t);
@@ -3768,11 +3858,11 @@ var jt = "rgb(120, 72, 0)", Mt = class {
 			let t = this.addStyledShape(e, this.positionLayerNode);
 			t && this.currentRoomOverlay.push(t);
 		}), n.forEach((n, r) => {
-			let i = r === e.id, a = be(n, this.state.mapReader, t, {
-				strokeOverride: i ? jt : t.lineColor,
+			let i = r === e.id, a = ye(n, this.state.mapReader, t, {
+				strokeOverride: i ? G : t.lineColor,
 				flatPipeline: !0
 			});
-			a.children.push(...De(n, this.state.mapReader, t));
+			a.children.push(...Ee(n, this.state.mapReader, t));
 			let o = this.addStyledShape(a, this.positionLayerNode);
 			o && this.currentRoomOverlay.push(o);
 		}), this.positionMarker && this.positionMarker.moveToTop(), this.positionLayerNode.batchDraw();
@@ -3782,7 +3872,7 @@ var jt = "rgb(120, 72, 0)", Mt = class {
 		if (n && (n.destroy(), this.highlightShapes.delete(e)), t !== void 0) {
 			let n = this.state.mapReader.getRoom(e);
 			if (n && n.area === this.state.currentArea && n.z === this.state.currentZIndex) {
-				let r = ut(n, t, this.state.settings), i = this.addStyledShape(pt(r), this.overlayLayerNode);
+				let r = dt(n, t, this.state.settings), i = this.addStyledShape(mt(r), this.overlayLayerNode);
 				i && this.highlightShapes.set(e, i);
 			}
 		}
@@ -3795,7 +3885,7 @@ var jt = "rgb(120, 72, 0)", Mt = class {
 			if (t.area !== this.state.currentArea || t.z !== this.state.currentZIndex) continue;
 			let n = this.state.mapReader.getRoom(e);
 			if (!n) continue;
-			let r = ut(n, t.color, this.state.settings), i = this.addStyledShape(pt(r), this.overlayLayerNode);
+			let r = dt(n, t.colors, this.state.settings), i = this.addStyledShape(mt(r), this.overlayLayerNode);
 			i && this.highlightShapes.set(e, i);
 		}
 		this.overlayLayerNode.batchDraw();
@@ -3805,8 +3895,8 @@ var jt = "rgb(120, 72, 0)", Mt = class {
 		let { currentArea: e, currentZIndex: t } = this.state;
 		if (!(e === void 0 || t === void 0)) {
 			for (let n of this.state.paths) {
-				let r = ft(this.state.mapReader, this.state.settings, n.locations, n.color, e, t);
-				for (let e of ht(r)) {
+				let r = pt(this.state.mapReader, this.state.settings, n.locations, n.color, e, t);
+				for (let e of yt(r)) {
 					let t = this.addStyledShape(e, this.overlayLayerNode);
 					t && this.pathShapes.push(t);
 				}
@@ -3825,7 +3915,7 @@ var jt = "rgb(120, 72, 0)", Mt = class {
 };
 //#endregion
 //#region src/style/shape/paintMap.ts
-function G(e, t) {
+function K(e, t) {
 	if (e !== void 0) return typeof e == "string" ? t(e) : {
 		...e,
 		stops: e.stops.map((e) => ({
@@ -3834,7 +3924,7 @@ function G(e, t) {
 		}))
 	};
 }
-function K(e) {
+function q(e) {
 	let t = e.match(/rgba?\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)(?:\s*,\s*([\d.]+))?\s*\)/);
 	return t ? {
 		r: parseInt(t[1]),
@@ -3848,100 +3938,100 @@ function K(e) {
 		a: 1
 	} : null;
 }
-function q(e, t, n, r = 1) {
+function J(e, t, n, r = 1) {
 	return r < 1 ? `rgba(${e}, ${t}, ${n}, ${r})` : `rgb(${e}, ${t}, ${n})`;
 }
-function Nt(e) {
+function Lt(e) {
 	return (.299 * e.r + .587 * e.g + .114 * e.b) / 255;
 }
 //#endregion
 //#region src/style/shape/ParchmentStyle.ts
-var Pt = "#4a3728", Ft = "#3b2a1a", It = 139, Lt = 115, Rt = 85, zt = 244, Bt = 228, Vt = 193;
-function Ht(e) {
-	let t = K(e);
-	if (!t) return q(zt, Bt, Vt);
-	let n = Nt(t);
-	return q(Math.round(It + (zt - It) * n), Math.round(Lt + (Bt - Lt) * n), Math.round(Rt + (Vt - Rt) * n), t.a);
-}
-function Ut(e) {
-	let t = K(e);
-	if (!t || t.a >= 1) return Pt;
-	let n = K(Pt);
-	return q(n.r, n.g, n.b, t.a);
-}
-function Wt(e) {
+var Rt = "#4a3728", zt = "#3b2a1a", Bt = 139, Vt = 115, Ht = 85, Ut = 244, Wt = 228, Gt = 193;
+function Kt(e) {
+	let t = q(e);
+	if (!t) return J(Ut, Wt, Gt);
+	let n = Lt(t);
+	return J(Math.round(Bt + (Ut - Bt) * n), Math.round(Vt + (Wt - Vt) * n), Math.round(Ht + (Gt - Ht) * n), t.a);
+}
+function qt(e) {
+	let t = q(e);
+	if (!t || t.a >= 1) return Rt;
+	let n = q(Rt);
+	return J(n.r, n.g, n.b, t.a);
+}
+function Jt(e) {
 	return {
 		...e,
-		fill: G(e.fill, Ht),
-		stroke: e.stroke ? Ut(e.stroke) : e.stroke
+		fill: K(e.fill, Kt),
+		stroke: e.stroke ? qt(e.stroke) : e.stroke
 	};
 }
-var Gt = { transform(e) {
+var Yt = { transform(e) {
 	switch (e.type) {
 		case "rect":
 		case "circle":
 		case "polygon": return {
 			...e,
-			paint: Wt(e.paint)
+			paint: Jt(e.paint)
 		};
 		case "line": return {
 			...e,
 			paint: e.paint.stroke ? {
 				...e.paint,
-				stroke: Ut(e.paint.stroke)
+				stroke: qt(e.paint.stroke)
 			} : e.paint
 		};
 		case "text": return {
 			...e,
-			fill: Ft
+			fill: zt
 		};
 		case "image":
 		case "group": return e;
 	}
-} }, Kt = "#c0deff", qt = "#e0f0ff", Jt = 20, Yt = 40, Xt = 80, Zt = 60, Qt = 100, $t = 160;
-function en(e) {
-	let t = K(e);
-	if (!t) return q(Zt, Qt, $t);
-	let n = Nt(t);
-	return q(Math.round(Jt + (Zt - Jt) * n), Math.round(Yt + (Qt - Yt) * n), Math.round(Xt + ($t - Xt) * n), t.a);
+} }, Xt = "#c0deff", Zt = "#e0f0ff", Qt = 20, $t = 40, en = 80, tn = 60, nn = 100, rn = 160;
+function an(e) {
+	let t = q(e);
+	if (!t) return J(tn, nn, rn);
+	let n = Lt(t);
+	return J(Math.round(Qt + (tn - Qt) * n), Math.round($t + (nn - $t) * n), Math.round(en + (rn - en) * n), t.a);
 }
-function tn(e) {
-	let t = K(e);
-	if (!t || t.a >= 1) return Kt;
-	let n = K(Kt);
-	return q(n.r, n.g, n.b, t.a);
+function on(e) {
+	let t = q(e);
+	if (!t || t.a >= 1) return Xt;
+	let n = q(Xt);
+	return J(n.r, n.g, n.b, t.a);
 }
-function nn(e) {
+function sn(e) {
 	return {
 		...e,
-		fill: G(e.fill, en),
-		stroke: e.stroke ? tn(e.stroke) : e.stroke
+		fill: K(e.fill, an),
+		stroke: e.stroke ? on(e.stroke) : e.stroke
 	};
 }
-var rn = { transform(e) {
+var cn = { transform(e) {
 	switch (e.type) {
 		case "rect":
 		case "circle":
 		case "polygon": return {
 			...e,
-			paint: nn(e.paint)
+			paint: sn(e.paint)
 		};
 		case "line": return {
 			...e,
 			paint: e.paint.stroke ? {
 				...e.paint,
-				stroke: tn(e.paint.stroke)
+				stroke: on(e.paint.stroke)
 			} : e.paint
 		};
 		case "text": return {
 			...e,
-			fill: qt
+			fill: Zt
 		};
 		case "image":
 		case "group": return e;
 	}
-} }, an = "#00ffd0", on = .3, sn = 3;
-function cn(e, t, n) {
+} }, ln = "#00ffd0", un = .3, dn = 3;
+function fn(e, t, n) {
 	e /= 255, t /= 255, n /= 255;
 	let r = Math.max(e, t, n), i = Math.min(e, t, n), a = (r + i) / 2;
 	if (r === i) return [
@@ -3956,68 +4046,68 @@ function cn(e, t, n) {
 		a
 	];
 }
-function ln(e, t, n, r = 1) {
+function pn(e, t, n, r = 1) {
 	e = (e % 360 + 360) % 360;
 	let i = (1 - Math.abs(2 * n - 1)) * t, a = i * (1 - Math.abs(e / 60 % 2 - 1)), o = n - i / 2, s, c, l;
 	e < 60 ? (s = i, c = a, l = 0) : e < 120 ? (s = a, c = i, l = 0) : e < 180 ? (s = 0, c = i, l = a) : e < 240 ? (s = 0, c = a, l = i) : e < 300 ? (s = a, c = 0, l = i) : (s = i, c = 0, l = a);
 	let u = Math.round((s + o) * 255), d = Math.round((c + o) * 255), f = Math.round((l + o) * 255);
 	return r < 1 ? `rgba(${u}, ${d}, ${f}, ${r})` : `rgb(${u}, ${d}, ${f})`;
 }
-function un(e) {
-	let t = K(e);
+function mn(e) {
+	let t = q(e);
 	if (!t) return {
 		h: 150,
 		a: 1
 	};
-	let [n] = cn(t.r, t.g, t.b);
+	let [n] = fn(t.r, t.g, t.b);
 	return {
 		h: n,
 		a: t.a
 	};
 }
-function dn(e) {
-	let { h: t, a: n } = un(e);
-	return ln(t, .95, .65, n);
+function hn(e) {
+	let { h: t, a: n } = mn(e);
+	return pn(t, .95, .65, n);
 }
-function fn(e) {
-	let t = K(e);
+function gn(e) {
+	let t = q(e);
 	if (!t) return "rgb(8, 12, 10)";
-	let [n] = cn(t.r, t.g, t.b);
-	return ln(n, .4, .1, t.a);
+	let [n] = fn(t.r, t.g, t.b);
+	return pn(n, .4, .1, t.a);
 }
-function pn(e) {
-	let { h: t, a: n } = un(e);
-	return ln(t, .95, .65, Math.min(n, on));
+function _n(e) {
+	let { h: t, a: n } = mn(e);
+	return pn(t, .95, .65, Math.min(n, un));
 }
-function mn(e) {
+function vn(e) {
 	return {
 		...e,
-		fill: G(e.fill, fn),
-		stroke: e.stroke ? dn(e.stroke) : e.stroke
+		fill: K(e.fill, gn),
+		stroke: e.stroke ? hn(e.stroke) : e.stroke
 	};
 }
-function hn(e, t = !1) {
+function yn(e, t = !1) {
 	if (!e.stroke) return e;
-	let n = (e.strokeWidth ?? 1) * sn;
+	let n = (e.strokeWidth ?? 1) * dn;
 	return {
-		stroke: pn(e.stroke),
+		stroke: _n(e.stroke),
 		strokeWidth: n,
 		dash: e.dash,
 		dashEnabled: e.dashEnabled,
-		alpha: t ? on : e.alpha
+		alpha: t ? un : e.alpha
 	};
 }
-var gn = { transform(e) {
+var bn = { transform(e) {
 	switch (e.type) {
 		case "rect": {
 			let t = {
 				...e,
-				paint: mn(e.paint)
+				paint: vn(e.paint)
 			};
 			return e.paint.stroke ? [{
 				...e,
 				paint: {
-					...hn(e.paint),
+					...yn(e.paint),
 					fill: void 0
 				}
 			}, t] : t;
@@ -4025,12 +4115,12 @@ var gn = { transform(e) {
 		case "circle": {
 			let t = {
 				...e,
-				paint: mn(e.paint)
+				paint: vn(e.paint)
 			};
 			return e.paint.stroke ? [{
 				...e,
 				paint: {
-					...hn(e.paint),
+					...yn(e.paint),
 					fill: void 0
 				}
 			}, t] : t;
@@ -4040,21 +4130,21 @@ var gn = { transform(e) {
 				...e,
 				paint: e.paint.stroke ? {
 					...e.paint,
-					stroke: dn(e.paint.stroke)
+					stroke: hn(e.paint.stroke)
 				} : e.paint
 			};
 			return e.paint.stroke ? [{
 				...e,
-				paint: hn(e.paint, !0)
+				paint: yn(e.paint, !0)
 			}, t] : t;
 		}
 		case "polygon": return {
 			...e,
-			paint: mn(e.paint)
+			paint: vn(e.paint)
 		};
 		case "text": return {
 			...e,
-			fill: an
+			fill: ln
 		};
 		case "image":
 		case "group": return e;
@@ -4062,16 +4152,16 @@ var gn = { transform(e) {
 } };
 //#endregion
 //#region src/style/shape/wobble.ts
-function _n(e) {
+function xn(e) {
 	let t = e | 0 || 1;
 	return () => (t = t * 1664525 + 1013904223 | 0, (t >>> 0) / 4294967296);
 }
-function vn(...e) {
+function Sn(...e) {
 	let t = 2654435769;
 	for (let n of e) t ^= (n * 1e3 | 0) + 2654435769 + (t << 6) + (t >> 2);
 	return t;
 }
-function yn(e, t, n, r, i, a) {
+function Cn(e, t, n, r, i, a) {
 	let o = n - e, s = r - t, c = Math.sqrt(o * o + s * s);
 	if (c < .001) return [
 		e,
@@ -4086,17 +4176,17 @@ function yn(e, t, n, r, i, a) {
 	}
 	return f.push(n + l * (a() - .5) * i * .3, r + u * (a() - .5) * i * .3), f;
 }
-function bn(e, t, n) {
+function wn(e, t, n) {
 	if (e.length < 4) return e;
 	let r = [];
 	for (let i = 0; i < e.length - 2; i += 2) {
-		let a = yn(e[i], e[i + 1], e[i + 2], e[i + 3], t, n);
+		let a = Cn(e[i], e[i + 1], e[i + 2], e[i + 3], t, n);
 		if (i === 0) r.push(...a);
 		else for (let e = 2; e < a.length; e++) r.push(a[e]);
 	}
 	return r;
 }
-function xn(e, t, n, r, i, a) {
+function Tn(e, t, n, r, i, a) {
 	let o = [
 		e,
 		t,
@@ -4108,12 +4198,12 @@ function xn(e, t, n, r, i, a) {
 		t + r
 	], s = [];
 	for (let e = 0; e < 4; e++) {
-		let t = o[e * 2], n = o[e * 2 + 1], r = (e + 1) % 4, c = o[r * 2], l = o[r * 2 + 1], u = yn(t, n, c, l, i, a);
+		let t = o[e * 2], n = o[e * 2 + 1], r = (e + 1) % 4, c = o[r * 2], l = o[r * 2 + 1], u = Cn(t, n, c, l, i, a);
 		for (let e = 0; e < u.length - 2; e++) s.push(u[e]);
 	}
 	return s;
 }
-function Sn(e, t, n, r, i) {
+function En(e, t, n, r, i) {
 	let a = [];
 	for (let o = 0; o < 24; o++) {
 		let s = o / 24 * Math.PI * 2, c = n + (i() - .5) * 2 * r;
@@ -4121,31 +4211,31 @@ function Sn(e, t, n, r, i) {
 	}
 	return a;
 }
-function Cn(e, t, n) {
+function Dn(e, t, n) {
 	let r = e.length / 2;
 	if (r < 2) return e;
 	let i = [];
 	for (let a = 0; a < r; a++) {
-		let o = e[a * 2], s = e[a * 2 + 1], c = (a + 1) % r, l = e[c * 2], u = e[c * 2 + 1], d = yn(o, s, l, u, t, n);
+		let o = e[a * 2], s = e[a * 2 + 1], c = (a + 1) % r, l = e[c * 2], u = e[c * 2 + 1], d = Cn(o, s, l, u, t, n);
 		for (let e = 0; e < d.length - 2; e++) i.push(d[e]);
 	}
 	return i;
 }
 //#endregion
 //#region src/style/shape/SketchyStyle.ts
-function wn(e, t) {
+function On(e, t) {
 	if (!t) return e;
 	let n = t.match(/^rgba\(.+,\s*([\d.]+)\s*\)$/);
 	if (!n) return e;
 	let r = parseFloat(n[1]);
 	return r >= 1 ? e : `rgba(${parseInt(e.slice(1, 3), 16)}, ${parseInt(e.slice(3, 5), 16)}, ${parseInt(e.slice(5, 7), 16)}, ${r})`;
 }
-function Tn(e) {
+function kn(e) {
 	let { jitter: t, color: n } = e;
 	return { transform(e) {
 		switch (e.type) {
 			case "rect": {
-				let r = _n(vn(e.x, e.y, e.width, e.height)), i = e.paint.fill ? "#ffffff" : void 0, a = e.paint.stroke ? n : void 0;
+				let r = xn(Sn(e.x, e.y, e.width, e.height)), i = e.paint.fill ? "#ffffff" : void 0, a = e.paint.stroke ? n : void 0;
 				if (e.cornerRadius && e.cornerRadius > 0) {
 					let n = [];
 					if (i && n.push({
@@ -4158,7 +4248,7 @@ function Tn(e) {
 					}), a && e.paint.strokeWidth) {
 						let i = {
 							type: "polygon",
-							vertices: xn(e.x, e.y, e.width, e.height, t, r),
+							vertices: Tn(e.x, e.y, e.width, e.height, t, r),
 							paint: {
 								stroke: a,
 								strokeWidth: e.paint.strokeWidth
@@ -4173,7 +4263,7 @@ function Tn(e) {
 				}
 				return {
 					type: "polygon",
-					vertices: xn(e.x, e.y, e.width, e.height, t, r),
+					vertices: Tn(e.x, e.y, e.width, e.height, t, r),
 					paint: {
 						fill: i,
 						stroke: a,
@@ -4185,10 +4275,10 @@ function Tn(e) {
 				};
 			}
 			case "circle": {
-				let r = _n(vn(e.cx, e.cy, e.radius));
+				let r = xn(Sn(e.cx, e.cy, e.radius));
 				return {
 					type: "polygon",
-					vertices: Sn(e.cx, e.cy, e.radius, t, r),
+					vertices: En(e.cx, e.cy, e.radius, t, r),
 					paint: {
 						fill: e.paint.fill ? "#ffffff" : void 0,
 						stroke: e.paint.stroke ? n : void 0,
@@ -4200,7 +4290,7 @@ function Tn(e) {
 				};
 			}
 			case "line": {
-				let r = _n(vn(...e.points.slice(0, 4))), i = bn(e.points, t, r), a = wn(n, e.paint.stroke), o = {
+				let r = xn(Sn(...e.points.slice(0, 4))), i = wn(e.points, t, r), a = On(n, e.paint.stroke), o = {
 					...e.paint,
 					stroke: a
 				};
@@ -4211,7 +4301,7 @@ function Tn(e) {
 				};
 			}
 			case "polygon": {
-				let r = _n(vn(...e.vertices.slice(0, 4))), i = Cn(e.vertices, t, r);
+				let r = xn(Sn(...e.vertices.slice(0, 4))), i = Dn(e.vertices, t, r);
 				return {
 					...e,
 					vertices: i,
@@ -4233,10 +4323,10 @@ function Tn(e) {
 }
 //#endregion
 //#region src/style/shape/IsometricStyle.ts
-function En(e, t) {
-	return G(e, (e) => v(e, t));
+function An(e, t) {
+	return K(e, (e) => v(e, t));
 }
-function Dn(e, t) {
+function jn(e, t) {
 	if (!t || typeof t == "string") return t;
 	if (t.type === "linear") {
 		let [n, r] = e(t.x0, t.y0), [i, a] = e(t.x1, t.y1);
@@ -4259,16 +4349,16 @@ function Dn(e, t) {
 	}
 	return i;
 }
-function On(e) {
+function Mn(e) {
 	let t = e * Math.PI / 180, n = Math.cos(t), r = Math.sin(t);
 	return (e, t) => [e * n - t * r, (e * r + t * n) * .5];
 }
-function kn(e) {
+function Nn(e) {
 	let t = e * Math.PI / 180, n = Math.cos(t), r = Math.sin(t);
 	return (e, t) => [e * n + 2 * t * r, -e * r + 2 * t * n];
 }
-var J = 32;
-function An(e, t) {
+var Y = 32;
+function Pn(e, t) {
 	let n = Array(t.length);
 	for (let r = 0; r < t.length; r += 2) {
 		let [i, a] = e(t[r], t[r + 1]);
@@ -4276,7 +4366,7 @@ function An(e, t) {
 	}
 	return n;
 }
-function jn(e, t, n, r, i) {
+function Fn(e, t, n, r, i) {
 	let [a, o] = e(t, n), [s, c] = e(t + r, n), [l, u] = e(t + r, n + i), [d, f] = e(t, n + i);
 	return [
 		a,
@@ -4289,8 +4379,8 @@ function jn(e, t, n, r, i) {
 		f
 	];
 }
-function Mn(e = {}) {
-	let t = e.rotation ?? 0, n = e.depth ?? .18, r = On(t), i = kn(t);
+function In(e = {}) {
+	let t = e.rotation ?? 0, n = e.depth ?? .18, r = Mn(t), i = Nn(t);
 	function a(e, t, n, i) {
 		let [a, o] = r(e, t), [s, c] = r(e + n, t), [l, u] = r(e, t + i);
 		return [
@@ -4303,7 +4393,7 @@ function Mn(e = {}) {
 		];
 	}
 	function o(e) {
-		let { x: t, y: i, width: a, height: o, paint: s } = e, c = jn(r, t, i, a, o);
+		let { x: t, y: i, width: a, height: o, paint: s } = e, c = Fn(r, t, i, a, o);
 		if (s.dash || s.dashEnabled) {
 			let t = [];
 			for (let n = 0; n < 8; n += 2) {
@@ -4329,7 +4419,7 @@ function Mn(e = {}) {
 		if (n > 0 && s.fill) {
 			let t = [], i = 0;
 			for (let e = 1; e < 4; e++) c[e * 2 + 1] > c[i * 2 + 1] && (i = e);
-			let a = c[i * 2], o = c[i * 2 + 1], l = (i + 3) % 4, u = c[l * 2], d = c[l * 2 + 1], f = (i + 1) % 4, p = c[f * 2], m = c[f * 2 + 1], h = (i + 2) % 4, g = c[h * 2], _ = c[h * 2 + 1], v = Dn(r, s.fill);
+			let a = c[i * 2], o = c[i * 2 + 1], l = (i + 3) % 4, u = c[l * 2], d = c[l * 2 + 1], f = (i + 1) % 4, p = c[f * 2], m = c[f * 2 + 1], h = (i + 2) % 4, g = c[h * 2], _ = c[h * 2 + 1], v = jn(r, s.fill);
 			if (t.push({
 				type: "polygon",
 				vertices: [
@@ -4342,7 +4432,7 @@ function Mn(e = {}) {
 					u,
 					d + n
 				],
-				paint: { fill: En(v, .2) },
+				paint: { fill: An(v, .2) },
 				layer: e.layer
 			}), t.push({
 				type: "polygon",
@@ -4356,7 +4446,7 @@ function Mn(e = {}) {
 					a,
 					o + n
 				],
-				paint: { fill: En(v, .4) },
+				paint: { fill: An(v, .4) },
 				layer: e.layer
 			}), t.push({
 				type: "polygon",
@@ -4412,7 +4502,7 @@ function Mn(e = {}) {
 			type: "polygon",
 			vertices: c,
 			paint: {
-				fill: Dn(r, s.fill),
+				fill: jn(r, s.fill),
 				stroke: s.stroke,
 				strokeWidth: s.strokeWidth
 			},
@@ -4422,15 +4512,15 @@ function Mn(e = {}) {
 		};
 	}
 	function s(e) {
-		let { cx: t, cy: i, radius: a, paint: o } = e, s = Array(J * 2);
-		for (let e = 0; e < J; e++) {
-			let n = e / J * Math.PI * 2, [o, c] = r(t + Math.cos(n) * a, i + Math.sin(n) * a);
+		let { cx: t, cy: i, radius: a, paint: o } = e, s = Array(Y * 2);
+		for (let e = 0; e < Y; e++) {
+			let n = e / Y * Math.PI * 2, [o, c] = r(t + Math.cos(n) * a, i + Math.sin(n) * a);
 			s[e * 2] = o, s[e * 2 + 1] = c;
 		}
 		if (o.dash || o.dashEnabled) {
 			let t = [];
-			for (let n = 0; n < J; n++) {
-				let r = (n + 1) % J;
+			for (let n = 0; n < Y; n++) {
+				let r = (n + 1) % Y;
 				t.push({
 					type: "line",
 					points: [
@@ -4449,18 +4539,18 @@ function Mn(e = {}) {
 			}
 			return t;
 		}
-		let c = [], l = Dn(r, o.fill);
+		let c = [], l = jn(r, o.fill);
 		if (n > 0 && o.fill) {
 			let t = 0, r = 0, i = 0, a = -Infinity, u = Infinity, d = -Infinity;
-			for (let e = 0; e < J; e++) s[e * 2] > a && (a = s[e * 2], t = e), s[e * 2] < u && (u = s[e * 2], r = e), s[e * 2 + 1] > d && (d = s[e * 2 + 1], i = e);
+			for (let e = 0; e < Y; e++) s[e * 2] > a && (a = s[e * 2], t = e), s[e * 2] < u && (u = s[e * 2], r = e), s[e * 2 + 1] > d && (d = s[e * 2 + 1], i = e);
 			let f = [], p = t;
-			for (let e = 0; e <= J && (f.push(s[p * 2], s[p * 2 + 1]), p !== i); e++) p = (p + 1) % J;
+			for (let e = 0; e <= Y && (f.push(s[p * 2], s[p * 2 + 1]), p !== i); e++) p = (p + 1) % Y;
 			for (let e = f.length - 2; e >= 0; e -= 2) f.push(f[e], f[e + 1] + n);
 			c.push({
 				type: "polygon",
 				vertices: f,
 				paint: {
-					fill: En(l, .2),
+					fill: An(l, .2),
 					stroke: o.stroke,
 					strokeWidth: o.strokeWidth ? o.strokeWidth * .5 : void 0
 				},
@@ -4468,13 +4558,13 @@ function Mn(e = {}) {
 			});
 			let m = [];
 			p = i;
-			for (let e = 0; e <= J && (m.push(s[p * 2], s[p * 2 + 1]), p !== r); e++) p = (p + 1) % J;
+			for (let e = 0; e <= Y && (m.push(s[p * 2], s[p * 2 + 1]), p !== r); e++) p = (p + 1) % Y;
 			for (let e = m.length - 2; e >= 0; e -= 2) m.push(m[e], m[e + 1] + n);
 			c.push({
 				type: "polygon",
 				vertices: m,
 				paint: {
-					fill: En(l, .4),
+					fill: An(l, .4),
 					stroke: o.stroke,
 					strokeWidth: o.strokeWidth ? o.strokeWidth * .5 : void 0
 				},
@@ -4502,14 +4592,14 @@ function Mn(e = {}) {
 				case "circle": return s(e);
 				case "line": return {
 					...e,
-					points: An(r, e.points)
+					points: Pn(r, e.points)
 				};
 				case "polygon": return {
 					...e,
-					vertices: An(r, e.vertices),
+					vertices: Pn(r, e.vertices),
 					paint: {
 						...e.paint,
-						fill: Dn(r, e.paint.fill)
+						fill: jn(r, e.paint.fill)
 					}
 				};
 				case "text": {
@@ -4565,21 +4655,21 @@ function Mn(e = {}) {
 }
 //#endregion
 //#region src/style/shape/ConstructionStyle.ts
-var Y = "#1a1a1a", Nn = "#ffc200", Pn = "#ff6600", Fn = 26, In = 26, Ln = 26, Rn = 255, zn = 194, Bn = 0;
-function Vn(e) {
-	let t = K(e);
-	if (!t) return q(Rn, zn, Bn);
-	let n = Nt(t);
-	return q(Math.round(Fn + (Rn - Fn) * n), Math.round(In + (zn - In) * n), Math.round(Ln + (Bn - Ln) * n), t.a);
-}
-function Hn(e) {
+var X = "#1a1a1a", Ln = "#ffc200", Rn = "#ff6600", zn = 26, Bn = 26, Vn = 26, Hn = 255, Un = 194, Wn = 0;
+function Gn(e) {
+	let t = q(e);
+	if (!t) return J(Hn, Un, Wn);
+	let n = Lt(t);
+	return J(Math.round(zn + (Hn - zn) * n), Math.round(Bn + (Un - Bn) * n), Math.round(Vn + (Wn - Vn) * n), t.a);
+}
+function Kn(e) {
 	return {
 		...e,
-		fill: G(e.fill, Vn),
-		stroke: e.stroke ? Y : e.stroke
+		fill: K(e.fill, Gn),
+		stroke: e.stroke ? X : e.stroke
 	};
 }
-function Un(e, t, n, r) {
+function qn(e, t, n, r) {
 	let i = [], a = e.length;
 	for (let o = 0; o < a; o++) {
 		let s = e[o], c = e[(o + 1) % a], l = t * s[0] + n * s[1] - r, u = t * c[0] + n * c[1] - r;
@@ -4590,7 +4680,7 @@ function Un(e, t, n, r) {
 	}
 	return i;
 }
-function Wn(e, t, n, r, i) {
+function Jn(e, t, n, r, i) {
 	let a = [
 		[e, t],
 		[e + n, t],
@@ -4598,37 +4688,37 @@ function Wn(e, t, n, r, i) {
 		[e, t + r]
 	], o = i * .4, s = o * .35, c = e + t, l = e + n + t + r, u = Math.floor(c / o) - 1, d = Math.ceil(l / o) + 1, f = [];
 	for (let e = u; e <= d; e++) {
-		let t = e * o, n = t + s, r = Un(a, 1, 1, t);
-		r = Un(r, -1, -1, -n), r.length >= 3 && f.push(r.flatMap((e) => [e[0], e[1]]));
+		let t = e * o, n = t + s, r = qn(a, 1, 1, t);
+		r = qn(r, -1, -1, -n), r.length >= 3 && f.push(r.flatMap((e) => [e[0], e[1]]));
 	}
 	return f;
 }
-var Gn = { transform(e, t) {
+var Yn = { transform(e, t) {
 	switch (e.type) {
 		case "rect": {
 			if (!e.paint.fill) return {
 				...e,
-				paint: Hn(e.paint)
+				paint: Kn(e.paint)
 			};
 			let n = {
 				...e,
 				paint: {
-					fill: Y,
+					fill: X,
 					strokeWidth: e.paint.strokeWidth
 				}
-			}, r = Wn(e.x, e.y, e.width, e.height, t.roomSize).map((t) => ({
+			}, r = Jn(e.x, e.y, e.width, e.height, t.roomSize).map((t) => ({
 				type: "polygon",
 				vertices: t,
 				layer: e.layer,
 				paint: {
-					fill: Nn,
+					fill: Ln,
 					alpha: .65
 				}
 			})), i = {
 				...e,
 				hit: void 0,
 				paint: {
-					stroke: Y,
+					stroke: X,
 					strokeWidth: e.paint.strokeWidth
 				}
 			};
@@ -4640,38 +4730,38 @@ var Gn = { transform(e, t) {
 		}
 		case "circle": return {
 			...e,
-			paint: Hn(e.paint)
+			paint: Kn(e.paint)
 		};
 		case "polygon": return {
 			...e,
 			paint: {
 				...e.paint,
-				fill: e.paint.fill ? Pn : e.paint.fill,
-				stroke: e.paint.stroke ? Y : e.paint.stroke
+				fill: e.paint.fill ? Rn : e.paint.fill,
+				stroke: e.paint.stroke ? X : e.paint.stroke
 			}
 		};
 		case "line": return {
 			...e,
 			paint: e.paint.stroke ? {
 				...e.paint,
-				stroke: Pn
+				stroke: Rn
 			} : e.paint
 		};
 		case "text": return {
 			...e,
-			fill: Pn,
-			stroke: Y,
+			fill: Rn,
+			stroke: X,
 			strokeWidth: t.roomSize * .25
 		};
 		case "image":
 		case "group": return e;
 	}
-} }, Kn = "#c8eeff", qn = "#00c8ff", Jn = "#00ffaa", Yn = .2, Xn = 5, Zn = 190;
-function Qn(e, t, n) {
+} }, Xn = "#c8eeff", Zn = "#00c8ff", Qn = "#00ffaa", $n = .2, er = 5, tr = 190;
+function nr(e, t, n) {
 	e /= 255, t /= 255, n /= 255;
 	let r = Math.max(e, t, n), i = Math.min(e, t, n), a = (r + i) / 2;
 	if (r === i) return [
-		Zn,
+		tr,
 		0,
 		a
 	];
@@ -4682,54 +4772,54 @@ function Qn(e, t, n) {
 		a
 	];
 }
-function $n(e, t, n, r = 1) {
+function rr(e, t, n, r = 1) {
 	e = (e % 360 + 360) % 360;
 	let i = (1 - Math.abs(2 * n - 1)) * t, a = i * (1 - Math.abs(e / 60 % 2 - 1)), o = n - i / 2, s, c, l;
 	e < 60 ? (s = i, c = a, l = 0) : e < 120 ? (s = a, c = i, l = 0) : e < 180 ? (s = 0, c = i, l = a) : e < 240 ? (s = 0, c = a, l = i) : e < 300 ? (s = a, c = 0, l = i) : (s = i, c = 0, l = a);
 	let u = Math.round((s + o) * 255), d = Math.round((c + o) * 255), f = Math.round((l + o) * 255);
 	return r < 1 ? `rgba(${u},${d},${f},${r})` : `rgb(${u},${d},${f})`;
 }
-function er(e) {
-	let t = K(e);
-	if (!t) return $n(Zn, .55, .18);
-	let [n, r] = Qn(t.r, t.g, t.b);
-	return $n(r < .08 ? Zn : n, .55, .18, t.a);
+function ir(e) {
+	let t = q(e);
+	if (!t) return rr(tr, .55, .18);
+	let [n, r] = nr(t.r, t.g, t.b);
+	return rr(r < .08 ? tr : n, .55, .18, t.a);
 }
-function tr(e) {
+function ar(e) {
 	return {
 		...e,
-		fill: G(e.fill, er),
-		stroke: e.stroke ? qn : e.stroke
+		fill: K(e.fill, ir),
+		stroke: e.stroke ? Zn : e.stroke
 	};
 }
-function nr(e) {
+function or(e) {
 	return {
-		stroke: qn,
-		strokeWidth: (e.strokeWidth ?? 1) * Xn,
-		alpha: Yn
+		stroke: Zn,
+		strokeWidth: (e.strokeWidth ?? 1) * er,
+		alpha: $n
 	};
 }
-function rr(e) {
+function sr(e) {
 	return {
-		stroke: Jn,
-		strokeWidth: (e.strokeWidth ?? 1) * Xn,
-		alpha: Yn,
+		stroke: Qn,
+		strokeWidth: (e.strokeWidth ?? 1) * er,
+		alpha: $n,
 		dash: e.dash,
 		dashEnabled: e.dashEnabled
 	};
 }
-var ir = { transform(e) {
+var cr = { transform(e) {
 	switch (e.type) {
 		case "rect": {
 			let t = {
 				...e,
-				paint: tr(e.paint)
+				paint: ar(e.paint)
 			};
 			return e.paint.stroke ? [{
 				...e,
 				hit: void 0,
 				paint: {
-					...nr(e.paint),
+					...or(e.paint),
 					fill: void 0
 				}
 			}, t] : t;
@@ -4737,13 +4827,13 @@ var ir = { transform(e) {
 		case "circle": {
 			let t = {
 				...e,
-				paint: tr(e.paint)
+				paint: ar(e.paint)
 			};
 			return e.paint.stroke ? [{
 				...e,
 				hit: void 0,
 				paint: {
-					...nr(e.paint),
+					...or(e.paint),
 					fill: void 0
 				}
 			}, t] : t;
@@ -4760,36 +4850,36 @@ var ir = { transform(e) {
 				...e,
 				paint: e.paint.stroke ? {
 					...e.paint,
-					stroke: Jn
+					stroke: Qn
 				} : e.paint
 			};
 			return e.paint.stroke ? [{
 				...e,
 				hit: void 0,
-				paint: rr(e.paint)
+				paint: sr(e.paint)
 			}, t] : t;
 		}
 		case "polygon": return {
 			...e,
 			paint: {
 				...e.paint,
-				fill: e.paint.fill ? Jn : e.paint.fill,
+				fill: e.paint.fill ? Qn : e.paint.fill,
 				stroke: void 0
 			}
 		};
 		case "text": return {
 			...e,
-			fill: Kn
+			fill: Xn
 		};
 		case "image":
 		case "group": return e;
 	}
-} }, ar = {
+} }, lr = {
 	lighten: .35,
 	darken: .25
 };
-function or(e = {}) {
-	let t = e.lighten ?? ar.lighten, n = e.darken ?? ar.darken;
+function ur(e = {}) {
+	let t = e.lighten ?? lr.lighten, n = e.darken ?? lr.darken;
 	function r(e, r, i, a, o) {
 		let s = e.fill;
 		if (typeof s != "string") return e;
@@ -4840,20 +4930,20 @@ function or(e = {}) {
 }
 //#endregion
 //#region src/style/index.ts
-var sr = Gt, cr = rn, lr = gn;
-function ur(e) {
-	return Tn(e);
+var dr = Yt, fr = cn, pr = bn;
+function mr(e) {
+	return kn(e);
 }
-function dr(e = {}) {
-	return Mn(e);
+function hr(e = {}) {
+	return In(e);
 }
-var fr = Gn, pr = ir;
-function mr(e = {}) {
-	return or(e);
+var gr = Yn, _r = cr;
+function vr(e = {}) {
+	return ur(e);
 }
 //#endregion
 //#region src/rendering/MapRenderer.ts
-var hr = class {
+var yr = class {
 	get settings() {
 		return this.state.settings;
 	}
@@ -4870,7 +4960,7 @@ var hr = class {
 		return this.backend.events;
 	}
 	constructor(e, t, n, r) {
-		this.currentStyle = U, this.state = new T(e, t ?? g()), this.backend = r ? r(this.state) : new Mt(this.state, n);
+		this.currentStyle = W, this.state = new T(e, t ?? g()), this.backend = r ? r(this.state) : new It(this.state, n);
 	}
 	destroy() {
 		this.backend.destroy();
@@ -4924,7 +5014,7 @@ var hr = class {
 		this.currentStyle = e, this.backend.setStyle(e);
 	}
 	clearStyle() {
-		this.setStyle(U);
+		this.setStyle(W);
 	}
 	getStyle() {
 		return this.currentStyle;
@@ -4942,10 +5032,10 @@ var hr = class {
 		this.backend.removeSceneOverlay(e);
 	}
 	addLiveEffect(e, t) {
-		this.backend instanceof Mt && this.backend.addLiveEffect(e, t);
+		this.backend instanceof It && this.backend.addLiveEffect(e, t);
 	}
 	removeLiveEffect(e) {
-		this.backend instanceof Mt && this.backend.removeLiveEffect(e);
+		this.backend instanceof It && this.backend.removeLiveEffect(e);
 	}
 	hitTest(e, t) {
 		let n = this.backend.coordinateTransform(e, t);
@@ -5026,15 +5116,15 @@ var hr = class {
 	getCullingMode() {
 		return this.state.settings.cullingMode;
 	}
-}, gr = "room";
-function _r(e, t) {
+}, br = "room";
+function xr(e, t) {
 	let n = /* @__PURE__ */ new Map();
 	function r(e) {
 		let t = n.get(e);
 		return t || (t = [], n.set(e, t)), t;
 	}
 	function i(e, t, n, i, o, s, c) {
-		let l = e.layer ?? c ?? gr;
+		let l = e.layer ?? c ?? br;
 		switch (e.type) {
 			case "rect": {
 				let a = {
@@ -5043,11 +5133,11 @@ function _r(e, t) {
 					y: (n + e.y) * i + s,
 					w: e.width * i,
 					h: e.height * i,
-					fill: z(e.paint.fill, t, n, i, o, s),
+					fill: V(e.paint.fill, t, n, i, o, s),
 					stroke: e.paint.stroke,
 					sw: (e.paint.strokeWidth ?? 0) * i,
 					cr: (e.cornerRadius ?? 0) * i,
-					dash: yr(e.paint.dash, i, e.paint.dashEnabled)
+					dash: Cr(e.paint.dash, i, e.paint.dashEnabled)
 				};
 				r(l).push(a);
 				return;
@@ -5058,19 +5148,19 @@ function _r(e, t) {
 					cx: (t + e.cx) * i + o,
 					cy: (n + e.cy) * i + s,
 					r: e.radius * i,
-					fill: z(e.paint.fill, t, n, i, o, s),
+					fill: V(e.paint.fill, t, n, i, o, s),
 					stroke: e.paint.stroke,
 					sw: (e.paint.strokeWidth ?? 0) * i,
-					dash: yr(e.paint.dash, i, e.paint.dashEnabled)
+					dash: Cr(e.paint.dash, i, e.paint.dashEnabled)
 				});
 				return;
 			case "line": {
 				let a = {
 					type: "line",
-					points: vr(e.points, t, n, i, o, s),
+					points: Sr(e.points, t, n, i, o, s),
 					stroke: e.paint.stroke,
 					sw: (e.paint.strokeWidth ?? 0) * i,
-					dash: yr(e.paint.dash, i, e.paint.dashEnabled),
+					dash: Cr(e.paint.dash, i, e.paint.dashEnabled),
 					lineCap: e.lineCap,
 					lineJoin: e.lineJoin,
 					alpha: e.paint.alpha
@@ -5081,8 +5171,8 @@ function _r(e, t) {
 			case "polygon": {
 				let a = {
 					type: "polygon",
-					vertices: vr(e.vertices, t, n, i, o, s),
-					fill: z(e.paint.fill, t, n, i, o, s),
+					vertices: Sr(e.vertices, t, n, i, o, s),
+					fill: V(e.paint.fill, t, n, i, o, s),
 					stroke: e.paint.stroke,
 					sw: (e.paint.strokeWidth ?? 0) * i
 				};
@@ -5090,7 +5180,7 @@ function _r(e, t) {
 				return;
 			}
 			case "text": {
-				let a = br(e.transform, t, n, i, o, s), c = {
+				let a = wr(e.transform, t, n, i, o, s), c = {
 					type: "text",
 					x: a ? 0 : (t + e.x) * i + o,
 					y: a ? 0 : (n + e.y) * i + s,
@@ -5113,7 +5203,7 @@ function _r(e, t) {
 				return;
 			}
 			case "image": {
-				let a = br(e.transform, t, n, i, o, s), c = a ? 0 : (t + e.x) * i + o, u = a ? 0 : (n + e.y) * i + s;
+				let a = wr(e.transform, t, n, i, o, s), c = a ? 0 : (t + e.x) * i + o, u = a ? 0 : (n + e.y) * i + s;
 				r(l).push({
 					type: "image",
 					x: c,
@@ -5133,7 +5223,7 @@ function _r(e, t) {
 	function a(e, t, n, a, o, s, c) {
 		let l = e.layer ?? c;
 		if (e.noScale) {
-			let c = (t + e.x) * a + o, u = (n + e.y) * a + s, d = r(l ?? gr);
+			let c = (t + e.x) * a + o, u = (n + e.y) * a + s, d = r(l ?? br);
 			d.push({
 				type: "pushTransform",
 				matrix: [
@@ -5160,19 +5250,19 @@ function _r(e, t) {
 	});
 	return o;
 }
-function vr(e, t, n, r, i, a) {
+function Sr(e, t, n, r, i, a) {
 	let o = Array(e.length);
 	for (let s = 0; s < e.length; s += 2) o[s] = (t + e[s]) * r + i, o[s + 1] = (n + e[s + 1]) * r + a;
 	return o;
 }
-function yr(e, t, n) {
+function Cr(e, t, n) {
 	if (n === !1) return;
 	if (!e || e.length === 0) return e;
 	let r = Array(e.length);
 	for (let n = 0; n < e.length; n++) r[n] = e[n] * t;
 	return r;
 }
-function br(e, t, n, r, i, a) {
+function wr(e, t, n, r, i, a) {
 	if (!e) return;
 	let [o, s, c, l, u, d] = e;
 	return [
@@ -5186,39 +5276,39 @@ function br(e, t, n, r, i, a) {
 }
 //#endregion
 //#region src/render/SvgRenderer.ts
-function X(e) {
+function Z(e) {
 	return e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
 }
-function Z(e, t) {
-	return t === void 0 ? "" : ` ${e}="${typeof t == "string" ? X(t) : t}"`;
+function Q(e, t) {
+	return t === void 0 ? "" : ` ${e}="${typeof t == "string" ? Z(t) : t}"`;
 }
-function xr(e) {
+function Tr(e) {
 	return !e || e.length === 0 ? "" : ` stroke-dasharray="${e.join(" ")}"`;
 }
-var Sr = 0;
-function Cr() {
-	return `mmr-grad-${++Sr}`;
+var Er = 0;
+function Dr() {
+	return `mmr-grad-${++Er}`;
 }
-function wr(e, t) {
-	let n = t.stops.map((e) => `<stop offset="${e.offset}" stop-color="${X(e.color)}"/>`).join("");
+function Or(e, t) {
+	let n = t.stops.map((e) => `<stop offset="${e.offset}" stop-color="${Z(e.color)}"/>`).join("");
 	return `<defs><linearGradient id="${e}" gradientUnits="userSpaceOnUse" x1="${t.x0}" y1="${t.y0}" x2="${t.x1}" y2="${t.y1}">${n}</linearGradient></defs>`;
 }
-function Tr(e, t) {
-	let n = t.stops.map((e) => `<stop offset="${e.offset}" stop-color="${X(e.color)}"/>`).join(""), r = (t.fx === void 0 ? "" : ` fx="${t.fx}"`) + (t.fy === void 0 ? "" : ` fy="${t.fy}"`) + (t.fr === void 0 ? "" : ` fr="${t.fr}"`);
+function kr(e, t) {
+	let n = t.stops.map((e) => `<stop offset="${e.offset}" stop-color="${Z(e.color)}"/>`).join(""), r = (t.fx === void 0 ? "" : ` fx="${t.fx}"`) + (t.fy === void 0 ? "" : ` fy="${t.fy}"`) + (t.fr === void 0 ? "" : ` fr="${t.fr}"`);
 	return `<defs><radialGradient id="${e}" gradientUnits="userSpaceOnUse" cx="${t.cx}" cy="${t.cy}" r="${t.r}"${r}>${n}</radialGradient></defs>`;
 }
-function Er(e, t) {
+function Ar(e, t) {
 	if (e === void 0) return;
 	if (typeof e == "string") return e;
-	let n = Cr();
-	return t.push(e.type === "linear" ? wr(n, e) : Tr(n, e)), `url(#${n})`;
+	let n = Dr();
+	return t.push(e.type === "linear" ? Or(n, e) : kr(n, e)), `url(#${n})`;
 }
-function Dr(e) {
+function jr(e) {
 	let t = [];
-	for (let n of e) Or(n.commands, t);
+	for (let n of e) Mr(n.commands, t);
 	return t;
 }
-function Or(e, t) {
+function Mr(e, t) {
 	let n = [];
 	for (let r of e) switch (r.type) {
 		case "pushTransform": {
@@ -5236,21 +5326,21 @@ function Or(e, t) {
 			break;
 		}
 		default:
-			kr(r, t);
+			Nr(r, t);
 			break;
 	}
 	for (; n.length > 0;) t.push(n.pop());
 }
-function kr(e, t) {
+function Nr(e, t) {
 	switch (e.type) {
 		case "rect": {
-			let n = Er(e.fill, t) ?? "none", r = e.cr > 0 ? `${Z("rx", e.cr)}${Z("ry", e.cr)}` : "";
-			t.push(`<rect${Z("x", e.x)}${Z("y", e.y)}${Z("width", e.w)}${Z("height", e.h)}${Z("fill", n)}${Z("stroke", e.stroke)}${e.sw ? Z("stroke-width", e.sw) : ""}${r}${xr(e.dash)}/>`);
+			let n = Ar(e.fill, t) ?? "none", r = e.cr > 0 ? `${Q("rx", e.cr)}${Q("ry", e.cr)}` : "";
+			t.push(`<rect${Q("x", e.x)}${Q("y", e.y)}${Q("width", e.w)}${Q("height", e.h)}${Q("fill", n)}${Q("stroke", e.stroke)}${e.sw ? Q("stroke-width", e.sw) : ""}${r}${Tr(e.dash)}/>`);
 			return;
 		}
 		case "circle": {
-			let n = Er(e.fill, t) ?? "none";
-			t.push(`<circle${Z("cx", e.cx)}${Z("cy", e.cy)}${Z("r", e.r)}${Z("fill", n)}${Z("stroke", e.stroke)}${e.sw ? Z("stroke-width", e.sw) : ""}${xr(e.dash)}/>`);
+			let n = Ar(e.fill, t) ?? "none";
+			t.push(`<circle${Q("cx", e.cx)}${Q("cy", e.cy)}${Q("r", e.r)}${Q("fill", n)}${Q("stroke", e.stroke)}${e.sw ? Q("stroke-width", e.sw) : ""}${Tr(e.dash)}/>`);
 			return;
 		}
 		case "line": {
@@ -5258,7 +5348,7 @@ function kr(e, t) {
 			if (n.length < 2) return;
 			let r = [];
 			for (let e = 0; e < n.length; e += 2) r.push(`${n[e]},${n[e + 1]}`);
-			t.push(`<polyline points="${r.join(" ")}"${Z("stroke", e.stroke)}${e.sw ? Z("stroke-width", e.sw) : ""}${xr(e.dash)}${Z("stroke-linecap", e.lineCap)}${Z("stroke-linejoin", e.lineJoin)}${Z("opacity", e.alpha)} fill="none"/>`);
+			t.push(`<polyline points="${r.join(" ")}"${Q("stroke", e.stroke)}${e.sw ? Q("stroke-width", e.sw) : ""}${Tr(e.dash)}${Q("stroke-linecap", e.lineCap)}${Q("stroke-linejoin", e.lineJoin)}${Q("opacity", e.alpha)} fill="none"/>`);
 			return;
 		}
 		case "polygon": {
@@ -5266,41 +5356,41 @@ function kr(e, t) {
 			if (n.length < 4) return;
 			let r = [];
 			for (let e = 0; e < n.length; e += 2) r.push(`${n[e]},${n[e + 1]}`);
-			let i = Er(e.fill, t);
-			t.push(`<polygon points="${r.join(" ")}"${Z("fill", i)}${Z("stroke", e.stroke)}${e.sw ? Z("stroke-width", e.sw) : ""}/>`);
+			let i = Ar(e.fill, t);
+			t.push(`<polygon points="${r.join(" ")}"${Q("fill", i)}${Q("stroke", e.stroke)}${e.sw ? Q("stroke-width", e.sw) : ""}/>`);
 			return;
 		}
 		case "text": {
 			let n = e.x, r = e.y, i = "start", a = "auto";
 			e.w > 0 && (e.align === "center" ? (n = e.x + e.w / 2, i = "middle") : e.align === "right" && (n = e.x + e.w, i = "end")), e.h > 0 && e.vAlign === "middle" && (e.baselineRatio === void 0 ? (r = e.y + e.h / 2, a = "central") : r = e.y + e.h / 2 + e.baselineRatio * e.fontSize);
 			let o = e.transform ? ` transform="matrix(${e.transform.join(",")})"` : "", s = e.fontStyle === "bold" ? " font-weight=\"bold\"" : "", c = e.stroke && e.sw > 0 ? ` stroke="${e.stroke}" stroke-width="${e.sw}" paint-order="stroke fill"` : "";
-			t.push(`<text${Z("x", n)}${Z("y", r)}${Z("font-size", e.fontSize)}${e.fontFamily ? Z("font-family", e.fontFamily) : ""}${s}${Z("fill", e.fill)}${c} text-anchor="${i}" dominant-baseline="${a}"${o}>${X(e.text)}</text>`);
+			t.push(`<text${Q("x", n)}${Q("y", r)}${Q("font-size", e.fontSize)}${e.fontFamily ? Q("font-family", e.fontFamily) : ""}${s}${Q("fill", e.fill)}${c} text-anchor="${i}" dominant-baseline="${a}"${o}>${Z(e.text)}</text>`);
 			return;
 		}
 		case "image":
 			if (e.transform) {
 				let [n, r, i, a, o, s] = e.transform;
-				t.push(`<image${Z("width", e.w)}${Z("height", e.h)} href="${X(e.src)}" transform="matrix(${n},${r},${i},${a},${o},${s})"/>`);
+				t.push(`<image${Q("width", e.w)}${Q("height", e.h)} href="${Z(e.src)}" transform="matrix(${n},${r},${i},${a},${o},${s})"/>`);
 				return;
 			}
-			t.push(`<image${Z("x", e.x)}${Z("y", e.y)}${Z("width", e.w)}${Z("height", e.h)} href="${X(e.src)}"/>`);
+			t.push(`<image${Q("x", e.x)}${Q("y", e.y)}${Q("width", e.w)}${Q("height", e.h)} href="${Z(e.src)}"/>`);
 			return;
 	}
 }
 //#endregion
 //#region src/render/CanvasRenderer.ts
-var Ar = (e) => {
+var Pr = (e) => {
 	if (typeof Image < "u") {
 		let t = new Image();
 		return t.src = e, t;
 	}
 	return null;
 };
-function jr(e, t, n = {}) {
-	let r = n.imageFactory ?? Ar;
-	for (let n of t) Mr(e, n.commands, r);
+function Fr(e, t, n = {}) {
+	let r = n.imageFactory ?? Pr;
+	for (let n of t) Ir(e, n.commands, r);
 }
-function Mr(e, t, n) {
+function Ir(e, t, n) {
 	let r = 0;
 	for (let i of t) switch (i.type) {
 		case "pushTransform":
@@ -5314,18 +5404,18 @@ function Mr(e, t, n) {
 			r > 0 && (e.restore(), r--);
 			break;
 		default:
-			Nr(e, i, n);
+			Lr(e, i, n);
 			break;
 	}
 	for (; r > 0;) e.restore(), r--;
 }
-function Nr(e, t, n) {
+function Lr(e, t, n) {
 	switch (t.type) {
 		case "rect":
-			e.beginPath(), t.cr > 0 && typeof e.roundRect == "function" ? e.roundRect(t.x, t.y, t.w, t.h, t.cr) : e.rect(t.x, t.y, t.w, t.h), t.fill && (e.fillStyle = L(e, t.fill), e.fill()), t.stroke && t.sw > 0 && (e.strokeStyle = t.stroke, e.lineWidth = t.sw, e.setLineDash(t.dash ?? []), e.stroke());
+			e.beginPath(), t.cr > 0 && typeof e.roundRect == "function" ? e.roundRect(t.x, t.y, t.w, t.h, t.cr) : e.rect(t.x, t.y, t.w, t.h), t.fill && (e.fillStyle = z(e, t.fill), e.fill()), t.stroke && t.sw > 0 && (e.strokeStyle = t.stroke, e.lineWidth = t.sw, e.setLineDash(t.dash ?? []), e.stroke());
 			break;
 		case "circle":
-			e.beginPath(), e.arc(t.cx, t.cy, t.r, 0, Math.PI * 2), t.fill && (e.fillStyle = L(e, t.fill), e.fill()), t.stroke && t.sw > 0 && (e.strokeStyle = t.stroke, e.lineWidth = t.sw, e.setLineDash(t.dash ?? []), e.stroke());
+			e.beginPath(), e.arc(t.cx, t.cy, t.r, 0, Math.PI * 2), t.fill && (e.fillStyle = z(e, t.fill), e.fill()), t.stroke && t.sw > 0 && (e.strokeStyle = t.stroke, e.lineWidth = t.sw, e.setLineDash(t.dash ?? []), e.stroke());
 			break;
 		case "line": {
 			if (t.points.length < 4) break;
@@ -5339,7 +5429,7 @@ function Nr(e, t, n) {
 			if (t.vertices.length < 4) break;
 			e.beginPath(), e.moveTo(t.vertices[0], t.vertices[1]);
 			for (let n = 2; n < t.vertices.length; n += 2) e.lineTo(t.vertices[n], t.vertices[n + 1]);
-			e.closePath(), t.fill && (e.fillStyle = L(e, t.fill), e.fill()), t.stroke && t.sw > 0 && (e.strokeStyle = t.stroke, e.lineWidth = t.sw, e.setLineDash([]), e.stroke());
+			e.closePath(), t.fill && (e.fillStyle = z(e, t.fill), e.fill()), t.stroke && t.sw > 0 && (e.strokeStyle = t.stroke, e.lineWidth = t.sw, e.setLineDash([]), e.stroke());
 			break;
 		case "text": {
 			let n = t.fontSize * 100, r = `${t.fontStyle} ${n}px ${t.fontFamily}`;
@@ -5380,35 +5470,35 @@ function Nr(e, t, n) {
 }
 //#endregion
 //#region src/export/flushSceneShapes.ts
-function Pr(e, t, n) {
-	n(e.grid), n(e.link), n(e.room), n(Fr(t.state, t.overlays));
+function Rr(e, t, n) {
+	n(e.grid), n(e.link), n(e.room), n(zr(t.state, t.overlays));
 	for (let e of t.sceneOverlays) {
 		let r = e.render(t.state, t.viewportBounds);
 		r && n(Array.isArray(r) ? r : [r]);
 	}
 	n(e.topLabel);
 }
-function Fr(e, t) {
+function zr(e, t) {
 	let n = e.getOverlaysForArea(t);
 	if (!n) return [];
 	let r = e.settings, i = [];
 	if (n.paths) for (let t of n.paths) {
-		let n = ft(e.mapReader, r, t.locations, t.color, e.currentArea, e.currentZIndex);
-		i.push(...ht(n));
+		let n = pt(e.mapReader, r, t.locations, t.color, e.currentArea, e.currentZIndex);
+		i.push(...yt(n));
 	}
 	if (n.highlights) for (let t of n.highlights) {
 		let n = e.mapReader.getRoom(t.roomId);
-		n && i.push(pt(ut(n, t.color, r)));
+		n && i.push(mt(dt(n, t.color, r)));
 	}
 	if (n.position) {
 		let t = e.mapReader.getRoom(n.position.roomId);
-		t && i.push(mt(dt(t, r)));
+		t && i.push(vt(ft(t, r)));
 	}
 	return i;
 }
 //#endregion
 //#region src/export/sceneBounds.ts
-function Ir(e, t, n = 0) {
+function Br(e, t, n = 0) {
 	if (!t.worldToScene) return e;
 	let r = [
 		t.worldToScene(e.x, e.y),
@@ -5426,15 +5516,15 @@ function Ir(e, t, n = 0) {
 }
 //#endregion
 //#region src/export/SvgExporter.ts
-var Lr = {
+var Vr = {
 	scale: 1,
 	offsetX: 0,
 	offsetY: 0
 };
-function Rr(e) {
+function Hr(e) {
 	return e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
 }
-var zr = class {
+var Ur = class {
 	constructor(e = {}) {
 		this.options = e;
 	}
@@ -5443,30 +5533,30 @@ var zr = class {
 		if (r === void 0 || i === void 0 || !a) return;
 		let o = a, s = o.getPlane(i);
 		if (!s) return;
-		let c = e.settings, l = this.options.padding ?? 3, u = e.computeExportBounds(o, s, this.options.roomId, l), d = E.forMapBounds(u.x, u.x + u.w, u.y, u.y + u.h).getViewportBounds(), f = He(new Re(e.mapReader, c).buildScene(o, s, i, e.lens), d, c, {
+		let c = e.settings, l = this.options.padding ?? 3, u = e.computeExportBounds(o, s, this.options.roomId, l), d = D.forMapBounds(u.x, u.x + u.w, u.y, u.y + u.h).getViewportBounds(), f = Be(new R(e.mapReader, c).buildScene(o, s, i, e.lens), d, c, {
 			forward: t.worldToScene ? (e, n) => t.worldToScene(e, n) : void 0,
 			inverse: t.sceneToWorld ? (e, n) => t.sceneToWorld(e, n) : void 0
 		}), p = {
 			scale: 1,
 			roomSize: c.roomSize
-		}, m = (e) => t === U ? e : W(e, t, p), h = Ir(u, t, c.roomSize * .5), g = [];
-		return g.push(`<svg xmlns="http://www.w3.org/2000/svg" viewBox="${h.x} ${h.y} ${h.w} ${h.h}">`), g.push(`<rect x="${h.x}" y="${h.y}" width="${h.w}" height="${h.h}" fill="${Rr(c.backgroundColor)}"/>`), Pr(f, {
+		}, m = (e) => t === W ? e : Pt(e, t, p), h = Br(u, t, c.roomSize * .5), g = [];
+		return g.push(`<svg xmlns="http://www.w3.org/2000/svg" viewBox="${h.x} ${h.y} ${h.w} ${h.h}">`), g.push(`<rect x="${h.x}" y="${h.y}" width="${h.w}" height="${h.h}" fill="${Hr(c.backgroundColor)}"/>`), Rr(f, {
 			state: e,
 			viewportBounds: d,
 			sceneOverlays: n,
 			overlays: this.options.overlays
 		}, (e) => {
-			e.length !== 0 && g.push(...Dr(_r(m(e), Lr)));
+			e.length !== 0 && g.push(...jr(xr(m(e), Vr)));
 		}), g.push("</svg>"), g.join("\n");
 	}
-}, Br = class {
+}, Wr = class {
 	constructor(e = {}) {
 		this.options = e;
 	}
 	render({ backend: e }) {
 		return e.exportCanvas(this.options)?.toDataURL("image/png");
 	}
-}, Vr = class {
+}, Gr = class {
 	constructor(e = {}) {
 		this.options = e;
 	}
@@ -5483,14 +5573,14 @@ var zr = class {
 };
 //#endregion
 //#region src/export/canvasToBytes.ts
-function Hr(e, t = "image/png", n) {
+function Kr(e, t = "image/png", n) {
 	let r = e.toDataURL(t, n), i = r.indexOf(","), a = i >= 0 ? r.slice(i + 1) : r, o = atob(a), s = new Uint8Array(o.length);
 	for (let e = 0; e < o.length; e++) s[e] = o.charCodeAt(e);
 	return s;
 }
 //#endregion
 //#region src/export/CanvasExporter.ts
-var Ur = class {
+var qr = class {
 	constructor(e) {
 		this.options = e;
 	}
@@ -5499,71 +5589,71 @@ var Ur = class {
 		if (i === void 0 || a === void 0 || !o) return;
 		let s = o, c = s.getPlane(a);
 		if (!c) return;
-		let l = e.settings, { width: u, height: d } = this.options, f = this.options.padding ?? 3, p = e.computeExportBounds(s, c, this.options.roomId, f), m = Ir(p, t, l.roomSize * .5), h = Math.min(u / m.w, d / m.h), g = m.w * h, _ = m.h * h, v = (u - g) / 2 - m.x * h, y = (d - _) / 2 - m.y * h, b = {
+		let l = e.settings, { width: u, height: d } = this.options, f = this.options.padding ?? 3, p = e.computeExportBounds(s, c, this.options.roomId, f), m = Br(p, t, l.roomSize * .5), h = Math.min(u / m.w, d / m.h), g = m.w * h, _ = m.h * h, v = (u - g) / 2 - m.x * h, y = (d - _) / 2 - m.y * h, b = {
 			scale: h,
 			offsetX: v,
 			offsetY: y
-		}, x = E.forRenderCamera(u, d, h, v, y), S = {
+		}, x = D.forRenderCamera(u, d, h, v, y), S = {
 			forward: t.worldToScene ? (e, n) => t.worldToScene(e, n) : void 0,
 			inverse: t.sceneToWorld ? (e, n) => t.sceneToWorld(e, n) : void 0
-		}, C = He(new Re(e.mapReader, l).buildScene(s, c, a, e.lens), x.getViewportBounds(), l, S), w = r.Util.createCanvasElement();
+		}, C = Be(new R(e.mapReader, l).buildScene(s, c, a, e.lens), x.getViewportBounds(), l, S), w = r.Util.createCanvasElement();
 		w.width = u, w.height = d;
 		let T = w.getContext("2d");
 		if (!T) return;
 		T.fillStyle = l.backgroundColor, T.fillRect(0, 0, u, d);
-		let ee = {
+		let E = {
 			scale: h,
 			roomSize: l.roomSize
-		}, D = (e) => t === U ? e : W(e, t, ee);
-		return Pr(C, {
+		}, O = (e) => t === W ? e : Pt(e, t, E);
+		return Rr(C, {
 			state: e,
-			viewportBounds: E.forMapBounds(p.x, p.x + p.w, p.y, p.y + p.h).getViewportBounds(),
+			viewportBounds: D.forMapBounds(p.x, p.x + p.w, p.y, p.y + p.h).getViewportBounds(),
 			sceneOverlays: n,
 			overlays: this.options.overlays
 		}, (e) => {
-			e.length !== 0 && jr(T, _r(D(e), b));
+			e.length !== 0 && Fr(T, xr(O(e), b));
 		}), w;
 	}
-}, Wr = class {
+}, Jr = class {
 	constructor(e) {
-		this.options = e, this.canvasExporter = new Ur(e);
+		this.options = e, this.canvasExporter = new qr(e);
 	}
 	render(e) {
 		let t = this.canvasExporter.render(e);
-		if (t) return Hr(t, this.options.mimeType, this.options.quality);
+		if (t) return Kr(t, this.options.mimeType, this.options.quality);
 	}
-}, Q, Gr, Kr = 256;
-function qr(e, t, n) {
+}, $, Yr, Xr = 256;
+function Zr(e, t, n) {
 	let r = `${e.toFixed(2)}:${t}:${n.toFixed(3)}`;
-	if (Gr === r && Q) return Q;
-	let i = Kr, a = i / 2, o = document.createElement("canvas");
+	if (Yr === r && $) return $;
+	let i = Xr, a = i / 2, o = document.createElement("canvas");
 	o.width = i, o.height = i;
 	let s = o.getContext("2d");
 	s.fillStyle = `rgba(0, 0, 0, ${e})`, s.fillRect(0, 0, i, i), s.globalCompositeOperation = "destination-out";
 	let c = s.createRadialGradient(a, a, 0, a, a, a), l = Math.min(n, .99);
 	c.addColorStop(0, "rgba(0, 0, 0, 1)"), c.addColorStop(l * .25, "rgba(0, 0, 0, 0.97)"), c.addColorStop(l * .5, "rgba(0, 0, 0, 0.82)"), c.addColorStop(l * .7, "rgba(0, 0, 0, 0.50)"), c.addColorStop(l * .85, "rgba(0, 0, 0, 0.22)"), c.addColorStop(l * .95, "rgba(0, 0, 0, 0.06)"), c.addColorStop(l, "rgba(0, 0, 0, 0)"), l < .98 && c.addColorStop(1, "rgba(0, 0, 0, 0)"), s.fillStyle = c, s.beginPath(), s.arc(a, a, a, 0, Math.PI * 2), s.fill(), s.globalCompositeOperation = "source-over";
 	let u = parseInt(t.slice(1, 3), 16), d = parseInt(t.slice(3, 5), 16), f = parseInt(t.slice(5, 7), 16), p = s.createRadialGradient(a, a, 0, a, a, a * l);
-	return p.addColorStop(0, `rgba(${u}, ${d}, ${f}, 0.05)`), p.addColorStop(1, `rgba(${u}, ${d}, ${f}, 0)`), s.fillStyle = p, s.fillRect(0, 0, i, i), Q = o.toDataURL(), Gr = r, Q;
+	return p.addColorStop(0, `rgba(${u}, ${d}, ${f}, 0.05)`), p.addColorStop(1, `rgba(${u}, ${d}, ${f}, 0)`), s.fillStyle = p, s.fillRect(0, 0, i, i), $ = o.toDataURL(), Yr = r, $;
 }
-function Jr(e, t, n, r) {
+function Qr(e, t, n, r) {
 	let { radius: i, intensity: a, color: o } = r, s = n.maxX - n.minX, c = n.maxY - n.minY, l = Math.sqrt(s * s + c * c), u = Math.max(l * 2.5, i * 4);
 	return {
 		cx: e,
 		cy: t,
 		displaySize: u,
-		src: qr(a, o, Math.round(i / (u / 2) * 50) / 50)
+		src: Zr(a, o, Math.round(i / (u / 2) * 50) / 50)
 	};
 }
 //#endregion
 //#region src/overlay/AmbientLightOverlay.ts
-var Yr = {
+var $r = {
 	color: "#ffcc44",
 	radius: 12,
 	intensity: .7
-}, Xr = class {
+}, ei = class {
 	constructor(e) {
 		this.onPosition = () => this.ctx?.invalidate(), this.params = {
-			...Yr,
+			...$r,
 			...e
 		};
 	}
@@ -5586,7 +5676,7 @@ var Yr = {
 		if (e.positionRoomId === void 0) return;
 		let n = e.mapReader.getRoom(e.positionRoomId);
 		if (!n) return;
-		let r = Jr(n.x, n.y, t, this.params);
+		let r = Qr(n.x, n.y, t, this.params);
 		return {
 			type: "image",
 			x: r.cx - r.displaySize / 2,
@@ -5597,7 +5687,7 @@ var Yr = {
 			layer: "overlay"
 		};
 	}
-}, Zr = /* @__PURE__ */ u(((e, t) => {
+}, ti = /* @__PURE__ */ u(((e, t) => {
 	t.exports = class {
 		constructor() {
 			this.keys = /* @__PURE__ */ new Set(), this.queue = [];
@@ -5627,14 +5717,14 @@ var Yr = {
 			return this.queue.find((t) => t.key === e);
 		}
 	};
-})), Qr = /* @__PURE__ */ u(((e, t) => {
+})), ni = /* @__PURE__ */ u(((e, t) => {
 	function n(e, t) {
 		let r = /* @__PURE__ */ new Map();
 		for (let [i, a] of e) i !== t && a instanceof Map ? r.set(i, n(a, t)) : i !== t && r.set(i, a);
 		return r;
 	}
 	t.exports = n;
-})), $r = /* @__PURE__ */ u(((e, t) => {
+})), ri = /* @__PURE__ */ u(((e, t) => {
 	function n(e) {
 		let t = Number(e);
 		return !(isNaN(t) || t <= 0);
@@ -5649,7 +5739,7 @@ var Yr = {
 		}), t;
 	}
 	t.exports = r;
-})), ei = /* @__PURE__ */ u(((e, t) => {
+})), ii = /* @__PURE__ */ u(((e, t) => {
 	function n(e) {
 		if (!(e instanceof Map)) throw Error(`Invalid graph: Expected Map instead found ${typeof e}`);
 		e.forEach((e, t) => {
@@ -5661,8 +5751,8 @@ var Yr = {
 		});
 	}
 	t.exports = n;
-})), ti = /* @__PURE__ */ f((/* @__PURE__ */ u(((e, t) => {
-	var n = Zr(), r = Qr(), i = $r(), a = ei();
+})), ai = /* @__PURE__ */ f((/* @__PURE__ */ u(((e, t) => {
+	var n = ti(), r = ni(), i = ri(), a = ii();
 	t.exports = class {
 		constructor(e) {
 			e instanceof Map ? (a(e), this.graph = e) : e ? this.graph = i(e) : this.graph = /* @__PURE__ */ new Map();
@@ -5712,7 +5802,7 @@ var Yr = {
 			return this.path(...e);
 		}
 	};
-})))(), 1), ni = {
+})))(), 1), oi = {
 	1: "north",
 	2: "northeast",
 	3: "northwest",
@@ -5725,7 +5815,7 @@ var Yr = {
 	10: "down",
 	11: "in",
 	12: "out"
-}, ri = {
+}, si = {
 	north: "n",
 	northeast: "ne",
 	northwest: "nw",
@@ -5738,7 +5828,7 @@ var Yr = {
 	down: "down",
 	in: "in",
 	out: "out"
-}, ii = class {
+}, ci = class {
 	constructor(e) {
 		this.mapReader = e, this.data = this.buildGraph();
 	}
@@ -5764,12 +5854,12 @@ var Yr = {
 	buildGraph() {
 		let e = /* @__PURE__ */ new Map(), t = {}, n = 1, r = Infinity;
 		return this.mapReader.getRooms().forEach((i) => {
-			let a = [], o = {}, s = new Set((i.exitLocks ?? []).map((e) => ni[e]).filter((e) => !!e)), c = new Set(i.mSpecialExitLocks ?? []);
+			let a = [], o = {}, s = new Set((i.exitLocks ?? []).map((e) => oi[e]).filter((e) => !!e)), c = new Set(i.mSpecialExitLocks ?? []);
 			Object.entries(i.exits ?? {}).forEach(([e, t]) => {
 				if (s.has(e)) return;
 				let c = this.mapReader.getRoom(t);
 				if (c) {
-					let s = ri[e] ?? e, l = this.resolveEdgeWeight(i, s, c);
+					let s = si[e] ?? e, l = this.resolveEdgeWeight(i, s, c);
 					a.push({
 						id: t,
 						weight: l
@@ -5800,7 +5890,7 @@ var Yr = {
 };
 //#endregion
 //#region src/PathFinder.ts
-function ai(e, t) {
+function li(e, t) {
 	e.push(t);
 	let n = e.length - 1;
 	for (; n > 0;) {
@@ -5809,7 +5899,7 @@ function ai(e, t) {
 		[e[t], e[n]] = [e[n], e[t]], n = t;
 	}
 }
-function oi(e) {
+function ui(e) {
 	if (e.length === 0) return;
 	let t = e[0], n = e.pop();
 	if (e.length > 0) {
@@ -5823,16 +5913,16 @@ function oi(e) {
 	}
 	return t;
 }
-function si(e, t, n) {
+function di(e, t, n) {
 	let r = [n], i = n;
 	for (; i !== t;) i = e.get(i), r.push(i);
 	return r.reverse(), r;
 }
-function ci(e, t, n) {
+function fi(e, t, n) {
 	let r = e.path(t.toString(), n.toString()), i = Array.isArray(r) ? r : r?.path;
 	return i ? i.map((e) => Number(e)) : null;
 }
-function li(e, t, n, r) {
+function pi(e, t, n, r) {
 	let i = r.getRoom(n);
 	if (!i) return null;
 	let a = i.x, o = i.y, s = i.z, c = r.getMaxEdgeDistance(), l = r.getMinEdgeWeight(), u = (e) => {
@@ -5841,16 +5931,16 @@ function li(e, t, n, r) {
 		let n = t.x - a, i = t.y - o, u = t.z - s;
 		return Math.sqrt(n * n + i * i + u * u) / c * l;
 	}, d = /* @__PURE__ */ new Map(), f = /* @__PURE__ */ new Map(), p = [];
-	for (d.set(t, 0), ai(p, {
+	for (d.set(t, 0), li(p, {
 		id: t,
 		priority: u(t)
 	}); p.length > 0;) {
-		let { id: r } = oi(p);
-		if (r === n) return si(f, t, n);
+		let { id: r } = ui(p);
+		if (r === n) return di(f, t, n);
 		let i = d.get(r) ?? Infinity, a = e.get(r);
 		if (a) for (let e of a) {
 			let t = i + e.weight;
-			t < (d.get(e.id) ?? Infinity) && (d.set(e.id, t), f.set(e.id, r), ai(p, {
+			t < (d.get(e.id) ?? Infinity) && (d.set(e.id, t), f.set(e.id, r), li(p, {
 				id: e.id,
 				priority: t + u(e.id)
 			}));
@@ -5858,9 +5948,9 @@ function li(e, t, n, r) {
 	}
 	return null;
 }
-var ui = class {
+var mi = class {
 	constructor(e, t = "dijkstra") {
-		this.cache = /* @__PURE__ */ new Map(), this._algorithm = t, this.mapGraph = new ii(e), this.dijkstraGraph = new ti.default(this.mapGraph.getGraphDefinition());
+		this.cache = /* @__PURE__ */ new Map(), this._algorithm = t, this.mapGraph = new ci(e), this.dijkstraGraph = new ai.default(this.mapGraph.getGraphDefinition());
 	}
 	get algorithm() {
 		return this._algorithm;
@@ -5879,23 +5969,23 @@ var ui = class {
 		let r;
 		switch (this._algorithm) {
 			case "dijkstra":
-				r = ci(this.dijkstraGraph, e, t);
+				r = fi(this.dijkstraGraph, e, t);
 				break;
 			case "astar":
-				r = li(this.mapGraph.getAdj(), e, t, this.mapGraph);
+				r = pi(this.mapGraph.getAdj(), e, t, this.mapGraph);
 				break;
 		}
 		return this.cache.set(n, r), r;
 	}
-}, $ = {
+}, hi = {
 	hidden: 2,
 	stub: 1,
 	full: 0
 };
-function di(e, t, n) {
-	return n === "first" ? e : n === "least-restrictive" ? $[e] < $[t] ? e : t : $[e] > $[t] ? e : t;
+function gi(e, t, n) {
+	return n === "first" ? e : n === "least-restrictive" ? hi[e] < hi[t] ? e : t : hi[e] > hi[t] ? e : t;
 }
-function fi(e, ...t) {
+function _i(e, ...t) {
 	let n = {}, r;
 	e && typeof e.isVisible == "function" ? r = [e, ...t] : (n = e ?? {}, r = t);
 	let i = n.exitStrategy ?? "most-restrictive", a = n.visibility ?? "and";
@@ -5911,7 +6001,7 @@ function fi(e, ...t) {
 			for (let o of r) {
 				let r = o.getExitTreatment ? o.getExitTreatment(e, t, n) : w(o, e, t, n);
 				if (a === void 0) a = r;
-				else if (a = di(a, r, i), i === "first") break;
+				else if (a = gi(a, r, i), i === "first") break;
 			}
 			return a ?? "full";
 		},
@@ -5924,7 +6014,7 @@ function fi(e, ...t) {
 }
 //#endregion
 //#region src/lens/ExplorationLens.ts
-var pi = class {
+var vi = class {
 	constructor(e) {
 		this.version = 0, this.visited = e instanceof Set ? new Set(e) : new Set(e ?? []);
 	}
@@ -5959,7 +6049,7 @@ var pi = class {
 	clear() {
 		this.visited.size !== 0 && (this.visited.clear(), this.version++);
 	}
-}, mi = {
+}, yi = {
 	1: "north",
 	2: "northeast",
 	3: "northwest",
@@ -5973,7 +6063,7 @@ var pi = class {
 	11: "in",
 	12: "out"
 };
-function hi() {
+function bi() {
 	return {
 		areaWidth: 150,
 		areaHeight: 80,
@@ -5987,9 +6077,9 @@ function hi() {
 		highlightColor: "#ff9900"
 	};
 }
-var gi = class {
+var xi = class {
 	constructor(e, t, n) {
-		this.areaNodes = /* @__PURE__ */ new Map(), this.connectionGroups = [], this.currentZoom = 1, this.domainInfo = /* @__PURE__ */ new Map(), this.domainFilter = "all", this.dotsMode = !1, this.settings = n ?? hi(), this.stage = new r.Stage({
+		this.areaNodes = /* @__PURE__ */ new Map(), this.connectionGroups = [], this.currentZoom = 1, this.domainInfo = /* @__PURE__ */ new Map(), this.domainFilter = "all", this.dotsMode = !1, this.settings = n ?? bi(), this.stage = new r.Stage({
 			container: e,
 			width: e.clientWidth,
 			height: e.clientHeight,
@@ -6172,14 +6262,14 @@ var gi = class {
 				toAreaId: e.fromAreaId,
 				fromRoomId: e.toRoomId,
 				toRoomId: e.fromRoomId,
-				direction: e.direction ? M[e.direction] : null,
+				direction: e.direction ? N[e.direction] : null,
 				fromRoomPosition: e.toRoomPosition,
 				toRoomPosition: e.fromRoomPosition
 			});
 		}
 	}
 	getLockedDirections(e) {
-		return new Set((e.exitLocks ?? []).map((e) => mi[e]).filter((e) => !!e));
+		return new Set((e.exitLocks ?? []).map((e) => yi[e]).filter((e) => !!e));
 	}
 	createConnection(e, t, n) {
 		let r = this.toPlanarDirection(n);
@@ -6248,7 +6338,7 @@ var gi = class {
 		}[e.toLowerCase().trim()] ?? null;
 	}
 	toPlanarDirection(e) {
-		return e && j.includes(e) ? e : null;
+		return e && te.includes(e) ? e : null;
 	}
 	layoutAreas() {
 		if (Array.from(this.areaNodes.values()).length === 0) return;
@@ -6791,6 +6881,6 @@ var gi = class {
 	}
 };
 //#endregion
-export { C as ALL_VISIBLE, Xr as AmbientLightOverlay, e as Area, gi as AreaMapRenderer, cr as Blueprint, E as Camera, Ur as CanvasExporter, fr as Construction, te as CullingManager, Je as DrawCommandLayerNode, pi as ExplorationLens, mr as GradientRooms, yt as HitTester, D as IDENTITY_TRANSFORM, dr as Isometric, ii as MapGraph, n as MapReader, hr as MapRenderer, T as MapState, Ye as MaterializingLayerNode, lr as Neon, sr as Parchment, ui as PathFinder, t as Plane, Vr as PngBlobExporter, Wr as PngBytesExporter, Br as PngExporter, qe as RecordingGroupNode, R as RecordingLayerNode, pr as SciFi, ur as Sketchy, zr as SvgExporter, W as applyStyleToShapes, _r as buildDrawCommands, Hr as canvasToBytes, _ as colorLightness, kt as compose, fi as composeLenses, lt as computePathData, hi as createAreaMapSettings, g as createSettings, v as darkenColor, w as defaultExitTreatment, x as hexToRgba, U as identityStyle, Xe as isGradientFill, jr as renderToCanvas, Ze as shapeToRecording, Dr as svgFromBatches, z as transformFill };
+export { C as ALL_VISIBLE, ei as AmbientLightOverlay, e as Area, xi as AreaMapRenderer, fr as Blueprint, D as Camera, qr as CanvasExporter, gr as Construction, ee as CullingManager, Ke as DrawCommandLayerNode, vi as ExplorationLens, vr as GradientRooms, Ct as HitTester, O as IDENTITY_TRANSFORM, hr as Isometric, ci as MapGraph, n as MapReader, yr as MapRenderer, T as MapState, qe as MaterializingLayerNode, pr as Neon, dr as Parchment, mi as PathFinder, t as Plane, Gr as PngBlobExporter, Jr as PngBytesExporter, Wr as PngExporter, Ge as RecordingGroupNode, B as RecordingLayerNode, _r as SciFi, mr as Sketchy, Ur as SvgExporter, Pt as applyStyleToShapes, xr as buildDrawCommands, Kr as canvasToBytes, _ as colorLightness, Nt as compose, _i as composeLenses, lt as computePathData, bi as createAreaMapSettings, g as createSettings, v as darkenColor, w as defaultExitTreatment, x as hexToRgba, W as identityStyle, Je as isGradientFill, Fr as renderToCanvas, Xe as shapeToRecording, jr as svgFromBatches, V as transformFill };
 
 //# sourceMappingURL=index.mjs.map