mudlet-map-renderer 2.3.1 → 2.5.0

package/dist/{flushSceneShapes-Duhi0OQv.js → flushSceneShapes-c7ttw7D-.js}

@@ -7,21 +7,32 @@ function t(e) {
 	else return .5;
 	return (Math.max(t, n, r) + Math.min(t, n, r)) / 2;
 }
-function n(e, t) {
-	let n, r, i, a = e.match(/(\d+)\s*,\s*(\d+)\s*,\s*(\d+)/);
-	if (a) n = parseInt(a[1]), r = parseInt(a[2]), i = parseInt(a[3]);
-	else if (e.startsWith("#") && e.length >= 7) n = parseInt(e.slice(1, 3), 16), r = parseInt(e.slice(3, 5), 16), i = parseInt(e.slice(5, 7), 16);
-	else return e;
-	return n = Math.round(n * (1 - t)), r = Math.round(r * (1 - t)), i = Math.round(i * (1 - t)), `rgb(${n}, ${r}, ${i})`;
-}
-function r(e, t) {
-	let n, r, i, a = e.match(/(\d+)\s*,\s*(\d+)\s*,\s*(\d+)/);
-	if (a) n = parseInt(a[1]), r = parseInt(a[2]), i = parseInt(a[3]);
-	else if (e.startsWith("#") && e.length >= 7) n = parseInt(e.slice(1, 3), 16), r = parseInt(e.slice(3, 5), 16), i = parseInt(e.slice(5, 7), 16);
-	else return e;
-	return n = Math.min(255, Math.round(n + (255 - n) * t)), r = Math.min(255, Math.round(r + (255 - r) * t)), i = Math.min(255, Math.round(i + (255 - i) * t)), `rgb(${n}, ${r}, ${i})`;
-}
-var i = {
+function n(e) {
+	let t = e.match(/(\d+)\s*,\s*(\d+)\s*,\s*(\d+)\s*(?:,\s*([\d.]+)\s*)?/);
+	if (t) return {
+		r: parseInt(t[1]),
+		g: parseInt(t[2]),
+		b: parseInt(t[3]),
+		a: t[4] === void 0 ? void 0 : parseFloat(t[4])
+	};
+	if (e.startsWith("#") && e.length >= 7) return {
+		r: parseInt(e.slice(1, 3), 16),
+		g: parseInt(e.slice(3, 5), 16),
+		b: parseInt(e.slice(5, 7), 16)
+	};
+}
+function r(e, t, n, r) {
+	return r === void 0 ? `rgb(${e}, ${t}, ${n})` : `rgba(${e}, ${t}, ${n}, ${r})`;
+}
+function i(e, t) {
+	let i = n(e);
+	return i ? r(Math.round(i.r * (1 - t)), Math.round(i.g * (1 - t)), Math.round(i.b * (1 - t)), i.a) : e;
+}
+function a(e, t) {
+	let i = n(e);
+	return i ? r(Math.min(255, Math.round(i.r + (255 - i.r) * t)), Math.min(255, Math.round(i.g + (255 - i.g) * t)), Math.min(255, Math.round(i.b + (255 - i.b) * t)), i.a) : e;
+}
+var o = {
 	black: [
 		0,
 		0,
@@ -153,7 +164,7 @@ var i = {
 		0
 	]
 };
-function a(e, t) {
+function s(e, t) {
 	let n = e.trim();
 	if (n.startsWith("#")) {
 		let r, i, a;
@@ -164,12 +175,39 @@ function a(e, t) {
 	}
 	let r = n.match(/^rgba?\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)\s*(?:,\s*([\d.]+)\s*)?\)$/i);
 	if (r) return `rgba(${parseInt(r[1], 10)}, ${parseInt(r[2], 10)}, ${parseInt(r[3], 10)}, ${r[4] === void 0 ? t : parseFloat(r[4]) * t})`;
-	let a = i[n.toLowerCase()];
-	return a ? `rgba(${a[0]}, ${a[1]}, ${a[2]}, ${t})` : e;
+	let i = o[n.toLowerCase()];
+	return i ? `rgba(${i[0]}, ${i[1]}, ${i[2]}, ${t})` : e;
+}
+//#endregion
+//#region src/scene/RoomFlags.ts
+var c = "system.fallback_hidden", l = "room.ui_borderColor", u = "room.ui_borderThickness";
+function d(e) {
+	let t = e.userData?.[c];
+	return typeof t == "string" && t.toLowerCase() === "true";
+}
+function f(e) {
+	let t = /^#([0-9a-fA-F]{2})([0-9a-fA-F]{6})$/.exec(e.trim());
+	if (!t) return e;
+	let [, n, r] = t;
+	return n.toLowerCase() === "ff" ? `#${r}` : `#${r}${n}`;
+}
+function p(e) {
+	let t = e.userData?.[l];
+	return t ? f(t) : void 0;
+}
+var m = .35;
+function h(e, t) {
+	return d(e) ? t === "faded" ? { fade: m } : t === "dashed" ? { dashedBorder: !0 } : {} : {};
+}
+function g(e) {
+	let t = e.userData?.[u];
+	if (t === void 0) return;
+	let n = parseInt(t, 10);
+	if (Number.isFinite(n)) return Math.min(10, Math.max(1, n));
 }
 //#endregion
 //#region src/TypedEventEmitter.ts
-var o = class {
+var _ = class {
 	constructor(e) {
 		this.listeners = /* @__PURE__ */ new Map(), this.container = e;
 	}
@@ -186,18 +224,18 @@ var o = class {
 	emit(e, t) {
 		this.listeners.get(e)?.forEach((e) => e(t)), this.container && this.container.dispatchEvent(new CustomEvent(e, { detail: t }));
 	}
-}, s = {
+}, v = {
 	isVisible: () => !0,
 	getVersion: () => 0
 };
-function c(e, t, n, r) {
+function y(e, t, n, r) {
 	let i = e.isVisible(n), a = e.isVisible(r);
 	return i && a ? "full" : i || a ? "stub" : "hidden";
 }
-function l(e) {
+function ee(e) {
 	return e < .5 ? 2 * e * e : -1 + (4 - 2 * e) * e;
 }
-var u = class e extends o {
+var b = class e extends _ {
 	constructor(e, t) {
 		super(), this.zoom = 1, this.minZoom = .05, this.position = {
 			x: 0,
@@ -349,7 +387,7 @@ var u = class e extends o {
 		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(l(s)), this.notify(), s < 1 ? this.animationId = r(i) : this.animationId = void 0;
+			t(ee(s)), this.notify(), s < 1 ? this.animationId = r(i) : this.animationId = void 0;
 		};
 		this.animationId = r(i);
 	}
@@ -374,12 +412,12 @@ var u = class e extends o {
 		}
 		this.emit("change", void 0);
 	}
-}, d = (e, t) => ({
+}, x = (e, t) => ({
 	x: e,
 	y: t
-}), f = class {
+}), S = 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 = x;
 	}
 	setCoordinateTransform(e) {
 		this.coordinateTransform = e;
@@ -398,7 +436,7 @@ var u = class e extends o {
 	updateCulling() {
 		this.onCullingNeeded();
 	}
-}, p = [
+}, C = [
 	"north",
 	"south",
 	"east",
@@ -407,7 +445,7 @@ var u = class e extends o {
 	"northwest",
 	"southeast",
 	"southwest"
-], m = {
+], w = {
 	n: "north",
 	s: "south",
 	e: "east",
@@ -416,7 +454,7 @@ var u = class e extends o {
 	nw: "northwest",
 	se: "southeast",
 	sw: "southwest"
-}, h = {
+}, T = {
 	north: "n",
 	south: "s",
 	east: "e",
@@ -429,7 +467,7 @@ var u = class e extends o {
 	down: "d",
 	in: "i",
 	out: "o"
-}, g = {
+}, E = {
 	north: {
 		x: 0,
 		y: -1
@@ -462,7 +500,7 @@ var u = class e extends o {
 		x: -1,
 		y: 1
 	}
-}, _ = [
+}, D = [
 	"north",
 	"south",
 	"east",
@@ -471,7 +509,7 @@ var u = class e extends o {
 	"northwest",
 	"southeast",
 	"southwest"
-], v = {
+], O = {
 	north: "south",
 	south: "north",
 	east: "west",
@@ -481,39 +519,39 @@ var u = class e extends o {
 	southeast: "northwest",
 	southwest: "northeast"
 };
-function y(e) {
-	return e ? Object.prototype.hasOwnProperty.call(g, e) : !1;
+function k(e) {
+	return e ? Object.prototype.hasOwnProperty.call(E, e) : !1;
 }
-function b(e, t, n, r = 1) {
-	if (!y(n)) return {
+function A(e, t, n, r = 1) {
+	if (!k(n)) return {
 		x: e,
 		y: t
 	};
-	let i = g[n];
+	let i = E[n];
 	return {
 		x: e + i.x * r,
 		y: t + i.y * r
 	};
 }
-function x(e, t, n, r = 1, i = 0) {
-	if (!y(n)) return {
+function j(e, t, n, r = 1, i = 0) {
+	if (!k(n)) return {
 		x: e,
 		y: t
 	};
-	let a = g[n];
-	if (!(a.x !== 0 && a.y !== 0) || i <= 0) return b(e, t, n, r);
+	let a = E[n];
+	if (!(a.x !== 0 && a.y !== 0) || i <= 0) return A(e, t, n, r);
 	let o = r - i + i / Math.SQRT2;
 	return {
 		x: e + a.x * o,
 		y: t + a.y * o
 	};
 }
-function S(e, t, n, r = 1) {
-	if (!y(n)) return {
+function M(e, t, n, r = 1) {
+	if (!k(n)) return {
 		x: e,
 		y: t
 	};
-	let i = g[n], a = Math.atan2(i.y, i.x);
+	let i = E[n], a = Math.atan2(i.y, i.x);
 	return {
 		x: e + Math.cos(a) * r,
 		y: t + Math.sin(a) * r
@@ -521,32 +559,32 @@ function S(e, t, n, r = 1) {
 }
 //#endregion
 //#region src/ExitRenderer.ts
-var C = {
+var N = {
 	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 w(e) {
+function P(e) {
 	switch (e) {
-		case 1: return C.OPEN_DOOR;
-		case 2: return C.CLOSED_DOOR;
-		default: return C.LOCKED_DOOR;
+		case 1: return N.OPEN_DOOR;
+		case 2: return N.CLOSED_DOOR;
+		default: return N.LOCKED_DOOR;
 	}
 }
-var T = class {
+var F = 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" ? S(e, t, n, i) : this.settings.roomShape === "roundedRectangle" ? x(e, t, n, i, this.settings.roomSize * .2) : b(e, t, n, i);
+		return this.settings.roomShape === "circle" ? M(e, t, n, i) : this.settings.roomShape === "roundedRectangle" ? j(e, t, n, i, this.settings.roomSize * .2) : A(e, t, n, i);
 	}
 	renderData(e, t) {
 		return this.renderDataWithColor(e, this.settings.lineColor, t);
 	}
 	renderDataWithColor(e, t, n) {
-		let r = e.aDir && p.includes(e.aDir), i = e.bDir && p.includes(e.bDir);
+		let r = e.aDir && C.includes(e.aDir), i = e.bDir && C.includes(e.bDir);
 		if (r && i) return this.renderTwoWayExitData(e, t, n);
 		if (r || i) {
 			let n = r ? "a" : "b";
@@ -555,7 +593,7 @@ var T = 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[h[e.aDir]] && i.customLines[h[e.bDir]] || r.z !== i.z && (n !== i.z && r.customLines[h[e.aDir]] || n !== r.z && i.customLines[h[e.bDir]])) return;
+		if (!r || !i || !e.aDir || !e.bDir || r.customLines[T[e.aDir]] && i.customLines[T[e.bDir]] || r.z !== i.z && (n !== i.z && r.customLines[T[e.aDir]] || n !== r.z && i.customLines[T[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,
@@ -565,7 +603,7 @@ var T = class {
 			points: s,
 			stroke: t,
 			strokeWidth: this.settings.lineWidth
-		}], l = [], u = r.doors[h[e.aDir]] ?? i.doors[h[e.bDir]];
+		}], l = [], u = r.doors[T[e.aDir]] ?? i.doors[T[e.bDir]];
 		if (u) {
 			let e = s[0] + (s[2] - s[0]) / 2, t = s[1] + (s[3] - s[1]) / 2;
 			l.push({
@@ -573,11 +611,11 @@ var T = class {
 				y: t - this.settings.roomSize / 4,
 				width: this.settings.roomSize / 2,
 				height: this.settings.roomSize / 2,
-				stroke: w(u),
+				stroke: P(u),
 				strokeWidth: this.settings.lineWidth
 			});
 		}
-		let d = Math.min(s[0], s[2]), f = Math.max(s[0], s[2]), p = Math.min(s[1], s[3]), m = Math.max(s[1], s[3]), g = (r.z === i.z ? void 0 : r.z === n ? i.id : r.id) ?? (r.area === i.area ? void 0 : i.id), _ = g === void 0 ? {} : {
+		let d = Math.min(s[0], s[2]), f = Math.max(s[0], s[2]), p = Math.min(s[1], s[3]), m = Math.max(s[1], s[3]), h = (r.z === i.z ? void 0 : r.z === n ? i.id : r.id) ?? (r.area === i.area ? void 0 : i.id), g = h === void 0 ? {} : {
 			from: {
 				x: r.x,
 				y: r.y
@@ -598,15 +636,15 @@ var T = class {
 				width: f - d,
 				height: m - p
 			},
-			targetRoomId: g,
-			..._
+			targetRoomId: h,
+			...g
 		};
 	}
 	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 || !p.includes(o) || i.customLines[h[o] || o]) return;
+		if (!o || !i || !a || !C.includes(o) || i.customLines[T[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 = b(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 = A(i.x, i.y, o, this.settings.roomSize * 1.5), r = e;
 			return {
 				lines: [],
 				arrows: [{
@@ -645,32 +683,32 @@ var T = class {
 			x: a.x,
 			y: a.y
 		};
-		s && (c = b(i.x, i.y, o, this.settings.roomSize / 2));
-		let l = b(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), m = [
+		s && (c = A(i.x, i.y, o, this.settings.roomSize / 2));
+		let l = A(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,
 			c.y
-		], g = [
+		], m = [
 			f.x,
 			c.x,
 			u
-		], _ = [
+		], h = [
 			f.y,
 			c.y,
 			d
-		], v = Math.min(...g), y = Math.max(...g), x = Math.min(..._), S = Math.max(..._);
+		], g = Math.min(...m), _ = Math.max(...m), v = Math.min(...h), y = Math.max(...h);
 		return {
 			lines: [{
-				points: m,
+				points: p,
 				stroke: t,
 				strokeWidth: this.settings.lineWidth,
 				dash: [.1, .05]
 			}],
 			arrows: [{
 				points: [
-					m[0],
-					m[1],
+					p[0],
+					p[1],
 					u,
 					d
 				],
@@ -678,15 +716,15 @@ var T = class {
 				pointerWidth: .35,
 				strokeWidth: this.settings.lineWidth * 1.4,
 				stroke: t,
-				fill: C.ONE_WAY_FILL,
+				fill: N.ONE_WAY_FILL,
 				dash: [.1, .05]
 			}],
 			doors: [],
 			bounds: {
-				x: v,
-				y: x,
-				width: y - v,
-				height: S - x
+				x: g,
+				y: v,
+				width: _ - g,
+				height: y - v
 			},
 			...s ? { targetRoomId: a.id } : {}
 		};
@@ -733,7 +771,7 @@ var T = class {
 		for (let [r, i] of Object.entries(e.customLines)) {
 			let a = e.specialExits[r];
 			if (a === void 0) {
-				let t = m[r] ?? n[r];
+				let t = w[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;
@@ -765,7 +803,7 @@ var T = class {
 		}
 		return t;
 	}
-}, E = {
+}, te = {
 	1: "north",
 	2: "northeast",
 	3: "northwest",
@@ -779,15 +817,15 @@ var T = class {
 	11: "in",
 	12: "out"
 };
-function D(e, t, n, r, i) {
-	return e.roomShape === "circle" ? S(t, n, r, i) : e.roomShape === "roundedRectangle" ? x(t, n, r, i, e.roomSize * .2) : b(t, n, r, i);
+function ne(e, t, n, r, i) {
+	return e.roomShape === "circle" ? M(t, n, r, i) : e.roomShape === "roundedRectangle" ? j(t, n, r, i, e.roomSize * .2) : A(t, n, r, i);
 }
-function O(e, t, n) {
+function re(e, t, n) {
 	let r = [];
 	for (let i of e.stubs) {
-		let a = E[i];
+		let a = te[i];
 		if (!a) continue;
-		let o = D(t, e.x, e.y, a, t.roomSize / 2), s = b(e.x, e.y, a, t.roomSize / 2 + .5);
+		let o = ne(t, e.x, e.y, a, t.roomSize / 2), s = A(e.x, e.y, a, t.roomSize / 2 + .5);
 		r.push({
 			roomId: e.id,
 			direction: a,
@@ -803,12 +841,12 @@ function O(e, t, n) {
 }
 //#endregion
 //#region src/scene/SpecialExitStyle.ts
-var k = {
+var ie = {
 	1: "rgb(10, 155, 10)",
 	2: "rgb(226, 205, 59)",
 	3: "rgb(155, 10, 10)"
 };
-function A(e, t, n) {
+function I(e, t, n) {
 	let r = [];
 	for (let [i, a] of Object.entries(e.customLines)) {
 		let o = [e.x, e.y];
@@ -855,7 +893,7 @@ function A(e, t, n) {
 				y: n - r / 2,
 				width: r,
 				height: r,
-				stroke: k[f] ?? k[3],
+				stroke: ie[f] ?? ie[3],
 				strokeWidth: t.lineWidth
 			};
 		}
@@ -870,59 +908,62 @@ function A(e, t, n) {
 }
 //#endregion
 //#region src/utils/textMeasure.ts
-var j = 72, M = 200, N = 120, P = /* @__PURE__ */ new Map(), F = null;
-function I() {
-	return F || (F = e.Util.createCanvasElement(), F.width = M, F.height = M), F;
+var L = 72, R = 200, z = 120, B = /* @__PURE__ */ new Map(), V = null;
+function ae() {
+	return V || (V = e.Util.createCanvasElement(), V.width = R, V.height = R), V;
 }
-function ee(e, t) {
-	let n = `${e}::${t}`, r = P.get(n);
+function oe(e, t) {
+	let n = `${e}::${t}`, r = B.get(n);
 	if (r !== void 0) return r;
-	let i = I().getContext("2d", { willReadFrequently: !0 }), a = `bold ${j}px ${t}`;
-	i.clearRect(0, 0, M, M), i.font = a, i.textBaseline = "alphabetic", i.textAlign = "center", i.fillStyle = "#ffffff", i.fillText(e, M / 2, N);
-	let { data: o } = i.getImageData(0, 0, M, M), s = M, c = -1;
-	for (let e = 0; e < M; e++) for (let t = 0; t < M; t++) o[(e * M + t) * 4 + 3] > 16 && (e < s && (s = e), e > c && (c = e));
+	let i = ae().getContext("2d", { willReadFrequently: !0 }), a = `bold ${L}px ${t}`;
+	i.clearRect(0, 0, R, R), i.font = a, i.textBaseline = "alphabetic", i.textAlign = "center", i.fillStyle = "#ffffff", i.fillText(e, R / 2, z);
+	let { data: o } = i.getImageData(0, 0, R, R), s = R, c = -1;
+	for (let e = 0; e < R; e++) for (let t = 0; t < R; t++) o[(e * R + t) * 4 + 3] > 16 && (e < s && (s = e), e > c && (c = e));
 	if (c === -1) {
 		let e = {
 			baselineRatio: .35,
 			konvaCorrectionRatio: 0
 		};
-		return P.set(n, e), e;
+		return B.set(n, e), e;
 	}
-	let l = (N - s - Math.max(0, c - N)) / 2 / j, u = i.measureText("M"), d = {
+	let l = (z - s - Math.max(0, c - z)) / 2 / L, u = i.measureText("M"), d = {
 		baselineRatio: l,
-		konvaCorrectionRatio: ((u.fontBoundingBoxAscent ?? u.actualBoundingBoxAscent ?? 0) - (u.fontBoundingBoxDescent ?? u.actualBoundingBoxDescent ?? 0)) / 2 / j - l
+		konvaCorrectionRatio: ((u.fontBoundingBoxAscent ?? u.actualBoundingBoxAscent ?? 0) - (u.fontBoundingBoxDescent ?? u.actualBoundingBoxDescent ?? 0)) / 2 / L - l
 	};
-	return P.set(n, d), d;
+	return B.set(n, d), d;
 }
 //#endregion
 //#region src/scene/RoomStyle.ts
-function te(e, t, i, a) {
-	let o = t.getColorValue(e.env), s = i.coloredMode ? n(o, .5) : i.frameMode ? i.backgroundColor : o, c = i.coloredMode ? r(o, .1) : o;
+function se(e, t, n, r) {
+	let o = t.getColorValue(e.env), s = n.coloredMode ? i(o, .5) : n.frameMode ? n.backgroundColor : o, c = n.coloredMode ? a(o, .1) : o, l = r ? n.frameMode || n.coloredMode ? c : r : n.frameMode || n.coloredMode ? c : n.lineColor, u = n.borders ? n.lineWidth : 0, d = p(e), f = g(e);
+	d && (l = d), f === void 0 ? d && u === 0 && (u = n.lineWidth) : u = n.lineWidth * f;
+	let m = e.userData?.["system.fallback_symbol_color"] ?? (n.frameMode || n.coloredMode ? c : t.getSymbolColor(e.env));
 	return {
 		fillColor: s,
-		strokeColor: a ? i.frameMode || i.coloredMode ? c : a : i.frameMode || i.coloredMode ? c : i.lineColor,
-		borderWidth: i.borders ? i.lineWidth : 0,
-		symbolColor: e.userData?.["system.fallback_symbol_color"] ?? (i.frameMode || i.coloredMode ? c : t.getSymbolColor(e.env)),
-		envColor: o
+		strokeColor: l,
+		borderWidth: u,
+		symbolColor: m,
+		envColor: o,
+		customBorder: d !== void 0
 	};
 }
-function ne(e, t) {
+function ce(e, t) {
 	if (!t.emboss) return null;
-	let i = t.roomSize, a = t.borders ? t.lineWidth / 2 : 0, o = t.lineWidth, s = r(e, .35), c = n(e, .45);
+	let n = t.roomSize, r = t.borders ? t.lineWidth / 2 : 0, o = t.lineWidth, s = a(e, .35), c = i(e, .45);
 	if (t.roomShape === "circle") {
-		let e = i / 2, t = i / 2, n = i / 2 - a, r = [];
-		for (let i = 0; i <= 48; i++) {
-			let a = i / 48 * 360 * Math.PI / 180;
-			r.push(e + Math.cos(a) * n, t + Math.sin(a) * n);
+		let e = n / 2, t = n / 2, i = n / 2 - r, a = [];
+		for (let n = 0; n <= 48; n++) {
+			let r = n / 48 * 360 * Math.PI / 180;
+			a.push(e + Math.cos(r) * i, t + Math.sin(r) * i);
 		}
 		let l = [];
-		for (let r = 0; r <= 19; r++) {
-			let i = (200 + r / 19 * 140) * Math.PI / 180;
-			l.push(e + Math.cos(i) * n, t + Math.sin(i) * n);
+		for (let n = 0; n <= 19; n++) {
+			let r = (200 + n / 19 * 140) * Math.PI / 180;
+			l.push(e + Math.cos(r) * i, t + Math.sin(r) * i);
 		}
 		return {
 			shadow: {
-				points: r,
+				points: a,
 				stroke: c,
 				strokeWidth: o,
 				lineCap: "round",
@@ -938,27 +979,27 @@ function ne(e, t) {
 		};
 	}
 	if (t.roomShape === "roundedRectangle") {
-		let e = (i - a * 2) * .2, t = a, n = a, r = i - a, l = i - a, u = [];
+		let e = (n - r * 2) * .2, t = r, i = r, a = n - r, l = n - r, u = [];
 		for (let n = 0; n <= 10 / 2; n++) {
 			let r = (135 + n / (10 / 2) * 45) * Math.PI / 180;
 			u.push(t + e + Math.cos(r) * e, l - e + Math.sin(r) * e);
 		}
-		for (let r = 1; r <= 10; r++) {
-			let i = (180 + r / 10 * 90) * Math.PI / 180;
-			u.push(t + e + Math.cos(i) * e, n + e + Math.sin(i) * e);
+		for (let n = 1; n <= 10; n++) {
+			let r = (180 + n / 10 * 90) * Math.PI / 180;
+			u.push(t + e + Math.cos(r) * e, i + e + Math.sin(r) * e);
 		}
 		for (let t = 1; t <= 10 / 2; t++) {
-			let i = (270 + t / (10 / 2) * 45) * Math.PI / 180;
-			u.push(r - e + Math.cos(i) * e, n + e + Math.sin(i) * e);
+			let n = (270 + t / (10 / 2) * 45) * Math.PI / 180;
+			u.push(a - e + Math.cos(n) * e, i + e + Math.sin(n) * e);
 		}
 		let d = u.slice(), f = [];
 		for (let t = 0; t <= 10 / 2; t++) {
-			let i = (315 + t / (10 / 2) * 45) * Math.PI / 180;
-			f.push(r - e + Math.cos(i) * e, n + e + Math.sin(i) * e);
+			let n = (315 + t / (10 / 2) * 45) * Math.PI / 180;
+			f.push(a - e + Math.cos(n) * e, i + e + Math.sin(n) * e);
 		}
 		for (let t = 1; t <= 10; t++) {
 			let n = t / 10 * 90 * Math.PI / 180;
-			f.push(r - e + Math.cos(n) * e, l - e + Math.sin(n) * e);
+			f.push(a - e + Math.cos(n) * e, l - e + Math.sin(n) * e);
 		}
 		for (let n = 1; n <= 10 / 2; n++) {
 			let r = (90 + n / (10 / 2) * 45) * Math.PI / 180;
@@ -984,24 +1025,24 @@ function ne(e, t) {
 	return {
 		highlight: {
 			points: [
-				a,
-				i - a,
-				a,
-				a,
-				i - a,
-				a
+				r,
+				n - r,
+				r,
+				r,
+				n - r,
+				r
 			],
 			stroke: s,
 			strokeWidth: o
 		},
 		shadow: {
 			points: [
-				a,
-				i - a,
-				i - a,
-				i - a,
-				i - a,
-				a
+				r,
+				n - r,
+				n - r,
+				n - r,
+				n - r,
+				r
 			],
 			stroke: c,
 			strokeWidth: o
@@ -1010,131 +1051,137 @@ function ne(e, t) {
 }
 //#endregion
 //#region src/scene/elements/RoomLayout.ts
-function L(e, t, r, i) {
-	let { fillColor: a, strokeColor: o, borderWidth: s, symbolColor: c } = te(e, t, r, i.strokeOverride), l = r.roomSize, u = [], d = ne(a, r), f = d ? 0 : s, p = r.coloredMode && f > 0 && i.flatPipeline, m = (e) => r.roomShape === "roundedRectangle" ? Math.max(0, (l - 2 * e) * .2) : 0;
-	if (p) {
-		let e = [n(o, .5), o], t = s * 2;
-		r.roomShape === "circle" ? u.push({
+function H(e, t, n, r) {
+	let a = se(e, t, n, r.strokeOverride), o = r.fade, c = o === void 0 ? a.fillColor : s(a.fillColor, o), l = o === void 0 ? a.strokeColor : s(a.strokeColor, o), u = o === void 0 ? a.symbolColor : s(a.symbolColor, o), d = a.borderWidth, f = n.roomSize, p = [], m = r.dashedBorder ?? !1, h = a.customBorder || m ? null : ce(c, n), g = h ? 0 : d;
+	m && g === 0 && (g = n.lineWidth);
+	let _ = m ? [Math.max(f * .32, n.lineWidth * 4), Math.max(f * .13, n.lineWidth * 1.5)] : void 0, v = !m && n.coloredMode && g > 0 && r.flatPipeline, y = (e) => n.roomShape === "roundedRectangle" ? Math.max(0, (f - 2 * e) * .2) : 0;
+	if (v) {
+		let e = [i(l, .5), l], t = d * 2;
+		n.roomShape === "circle" ? p.push({
 			type: "circle",
-			cx: l / 2,
-			cy: l / 2,
-			radius: l / 2 - t,
-			paint: { fill: a }
-		}) : u.push({
+			cx: f / 2,
+			cy: f / 2,
+			radius: f / 2 - t,
+			paint: { fill: c }
+		}) : p.push({
 			type: "rect",
 			x: t,
 			y: t,
-			width: l - t * 2,
-			height: l - t * 2,
-			cornerRadius: m(t),
-			paint: { fill: a }
+			width: f - t * 2,
+			height: f - t * 2,
+			cornerRadius: y(t),
+			paint: { fill: c }
 		});
 		for (let t = 0; t < e.length; t++) {
-			let n = s / 2 + t * s;
-			r.roomShape === "circle" ? u.push({
+			let r = d / 2 + t * d;
+			n.roomShape === "circle" ? p.push({
 				type: "circle",
-				cx: l / 2,
-				cy: l / 2,
-				radius: l / 2 - n,
+				cx: f / 2,
+				cy: f / 2,
+				radius: f / 2 - r,
 				paint: {
 					stroke: e[t],
-					strokeWidth: s
+					strokeWidth: d
 				}
-			}) : u.push({
+			}) : p.push({
 				type: "rect",
-				x: n,
-				y: n,
-				width: l - n * 2,
-				height: l - n * 2,
-				cornerRadius: m(n),
+				x: r,
+				y: r,
+				width: f - r * 2,
+				height: f - r * 2,
+				cornerRadius: y(r),
 				paint: {
 					stroke: e[t],
-					strokeWidth: s
+					strokeWidth: d
 				}
 			});
 		}
-	} else r.roomShape === "circle" ? u.push({
+	} else n.roomShape === "circle" ? p.push({
 		type: "circle",
-		cx: l / 2,
-		cy: l / 2,
-		radius: l / 2,
+		cx: f / 2,
+		cy: f / 2,
+		radius: f / 2,
 		paint: {
-			fill: a,
-			stroke: f ? o : void 0,
-			strokeWidth: f
+			fill: c,
+			stroke: g ? l : void 0,
+			strokeWidth: g,
+			dash: _,
+			dashEnabled: _ ? !0 : void 0
 		}
-	}) : u.push({
+	}) : p.push({
 		type: "rect",
 		x: 0,
 		y: 0,
-		width: l,
-		height: l,
-		cornerRadius: r.roomShape === "roundedRectangle" ? l * .2 : 0,
+		width: f,
+		height: f,
+		cornerRadius: n.roomShape === "roundedRectangle" ? f * .2 : 0,
 		paint: {
-			fill: a,
-			stroke: f ? o : void 0,
-			strokeWidth: f
+			fill: c,
+			stroke: g ? l : void 0,
+			strokeWidth: g,
+			dash: _,
+			dashEnabled: _ ? !0 : void 0
 		}
 	});
-	if (d && (u.push({
+	if (h && (p.push({
 		type: "line",
-		points: d.shadow.points,
+		points: h.shadow.points,
 		paint: {
-			stroke: d.shadow.stroke,
-			strokeWidth: d.shadow.strokeWidth
+			stroke: h.shadow.stroke,
+			strokeWidth: h.shadow.strokeWidth
 		},
-		lineCap: d.shadow.lineCap,
-		lineJoin: d.shadow.lineJoin
-	}), u.push({
+		lineCap: h.shadow.lineCap,
+		lineJoin: h.shadow.lineJoin
+	}), p.push({
 		type: "line",
-		points: d.highlight.points,
+		points: h.highlight.points,
 		paint: {
-			stroke: d.highlight.stroke,
-			strokeWidth: d.highlight.strokeWidth
+			stroke: h.highlight.stroke,
+			strokeWidth: h.highlight.strokeWidth
 		},
-		lineCap: d.highlight.lineCap,
-		lineJoin: d.shadow.lineJoin
+		lineCap: h.highlight.lineCap,
+		lineJoin: h.shadow.lineJoin
 	})), e.roomChar) {
-		let t = l * .75, { baselineRatio: n, konvaCorrectionRatio: i } = ee(e.roomChar, r.fontFamily), a = Math.max(l, e.roomChar.length * t * .8), o = (a - l) / 2;
-		u.push({
+		let t = f * .75, { baselineRatio: r, konvaCorrectionRatio: i } = oe(e.roomChar, n.fontFamily), a = Math.max(f, e.roomChar.length * t * .8), o = (a - f) / 2;
+		p.push({
 			type: "text",
 			x: -o,
 			y: 0,
 			text: e.roomChar,
 			fontSize: t,
-			fontFamily: r.fontFamily,
+			fontFamily: n.fontFamily,
 			fontStyle: "bold",
-			fill: c,
+			fill: u,
 			align: "center",
 			verticalAlign: "middle",
 			width: a,
-			height: l,
-			baselineRatio: n,
+			height: f,
+			baselineRatio: r,
 			konvaCorrectionRatio: i
 		});
 	}
 	return {
 		type: "group",
-		x: e.x - l / 2,
-		y: e.y - l / 2,
+		x: e.x - f / 2,
+		y: e.y - f / 2,
 		layer: "room",
 		hit: {
 			kind: "room",
 			id: e.id,
 			payload: e
 		},
-		children: u
+		children: p
 	};
 }
 //#endregion
 //#region src/scene/InnerExitStyle.ts
-var re = [
+var le = [
 	"up",
 	"down",
 	"in",
 	"out"
 ];
-function ie(e, t, n, r) {
+function ue(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);
@@ -1142,50 +1189,50 @@ function ie(e, t, n, r) {
 	}
 	return a;
 }
-function ae(e, t, n) {
+function de(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 R = {
+var U = {
 	1: "rgb(10, 155, 10)",
 	2: "rgb(226, 205, 59)",
 	3: "rgb(155, 10, 10)"
 };
-function z(e, t, n) {
+function W(e, t, n) {
 	let r = n.roomSize, i = r / 5, a = (e, t, n) => ({
 		cx: e,
 		cy: t,
-		vertices: ie(e, t, i, n)
+		vertices: ue(e, t, i, n)
 	});
 	switch (t) {
 		case "up": {
-			let t = b(e.x, e.y, "south", r / 4);
+			let t = A(e.x, e.y, "south", r / 4);
 			return [a(t.x, t.y, 0)];
 		}
 		case "down": {
-			let t = b(e.x, e.y, "north", r / 4);
+			let t = A(e.x, e.y, "north", r / 4);
 			return [a(t.x, t.y, 180)];
 		}
 		case "in": {
-			let t = b(e.x, e.y, "west", r / 4), n = b(e.x, e.y, "east", r / 4);
+			let t = A(e.x, e.y, "west", r / 4), n = A(e.x, e.y, "east", r / 4);
 			return [a(t.x, t.y, 90), a(n.x, n.y, -90)];
 		}
 		case "out": {
-			let t = b(e.x, e.y, "west", r / 4), n = b(e.x, e.y, "east", r / 4);
+			let t = A(e.x, e.y, "west", r / 4), n = A(e.x, e.y, "east", r / 4);
 			return [a(t.x, t.y, -90), a(n.x, n.y, 90)];
 		}
 		default: return [];
 	}
 }
-function oe(e, t, n) {
-	let r = [], { symbolColor: i, symbolFill: a } = ae(e, t, n);
-	for (let t of re) {
+function fe(e, t, n) {
+	let r = [], { symbolColor: i, symbolFill: a } = de(e, t, n);
+	for (let t of le) {
 		if (!e.exits[t]) continue;
-		let o = e.doors[t], s = o === void 0 ? i : R[o] ?? R[3];
-		for (let i of z(e, t, n)) r.push({
+		let o = e.doors[t], s = o === void 0 ? i : U[o] ?? U[3];
+		for (let i of W(e, t, n)) r.push({
 			cx: i.cx,
 			cy: i.cy,
 			vertices: i.vertices,
@@ -1198,8 +1245,8 @@ function oe(e, t, n) {
 }
 //#endregion
 //#region src/scene/elements/ExitLayout.ts
-function B(e, t, n) {
-	let r = n.roomSize, i = e.x - r / 2, a = e.y - r / 2, { triangles: o } = oe(e, t, n);
+function G(e, t, n) {
+	let r = n.roomSize, i = e.x - r / 2, a = e.y - r / 2, { triangles: o } = fe(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;
@@ -1214,7 +1261,7 @@ function B(e, t, n) {
 		};
 	});
 }
-function V(e, t) {
+function pe(e, t) {
 	let n = [];
 	for (let t of e.lines) n.push({
 		type: "line",
@@ -1225,7 +1272,7 @@ function V(e, t) {
 			dash: t.dash
 		}
 	});
-	for (let t of e.arrows) se(n, t);
+	for (let t of e.arrows) me(n, t);
 	for (let t of e.doors) n.push({
 		type: "rect",
 		x: t.x,
@@ -1246,7 +1293,7 @@ function V(e, t) {
 		children: n
 	};
 }
-function se(e, t) {
+function me(e, t) {
 	e.push({
 		type: "line",
 		points: t.points,
@@ -1276,7 +1323,7 @@ function se(e, t) {
 }
 //#endregion
 //#region src/scene/elements/SpecialExitLayout.ts
-function H(e, t) {
+function he(e, t) {
 	let n = [];
 	if (n.push({
 		type: "line",
@@ -1337,7 +1384,7 @@ function H(e, t) {
 }
 //#endregion
 //#region src/scene/elements/StubLayout.ts
-function U(e) {
+function K(e) {
 	return {
 		type: "group",
 		x: 0,
@@ -1365,11 +1412,11 @@ function U(e) {
 }
 //#endregion
 //#region src/scene/elements/LabelLayout.ts
-function W(e) {
+function ge(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 ce(e, t) {
+function _e(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 {
@@ -1398,7 +1445,7 @@ function ce(e, t) {
 		y: c,
 		width: e.Width,
 		height: e.Height,
-		paint: { fill: W(e.BgColor) }
+		paint: { fill: ge(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({
@@ -1409,7 +1456,7 @@ function ce(e, t) {
 			height: e.Height,
 			text: e.Text,
 			fontSize: n,
-			fill: W(e.FgColor),
+			fill: ge(e.FgColor),
 			align: "center",
 			verticalAlign: "middle"
 		});
@@ -1428,12 +1475,159 @@ function ce(e, t) {
 	};
 }
 //#endregion
+//#region src/lens/hiddenAwareLens.ts
+function ve(e, t) {
+	return t ? {
+		isVisible: (t) => e.isVisible(t) && !d(t),
+		getExitTreatment: (t, n, r) => d(n) || d(r) ? "hidden" : e.getExitTreatment ? e.getExitTreatment(t, n, r) : y(e, t, n, r),
+		getVersion: () => e.getVersion()
+	} : e;
+}
+//#endregion
+//#region src/scene/NeighborProjector.ts
+var ye = new Set(D);
+function q(e, t, n, r, i) {
+	let a = t - e.x, o = n - e.y, s = e.customLines;
+	if (s && Object.keys(s).length > 0 && (a !== 0 || o !== 0)) {
+		s = {};
+		for (let [t, n] of Object.entries(e.customLines)) s[t] = {
+			...n,
+			points: n.points.map((e) => ({
+				x: e.x + a,
+				y: e.y - o
+			}))
+		};
+	}
+	return {
+		...e,
+		x: t,
+		y: n,
+		area: r,
+		z: i,
+		customLines: s
+	};
+}
+function be(e, t) {
+	let n = (t) => !!(e.customLines[t] || e.customLines[T[t]]);
+	for (let [r, i] of Object.entries(e.exits ?? {})) if (i === t.id && n(r)) return !0;
+	for (let [r, i] of Object.entries(e.specialExits ?? {})) if (i === t.id && n(r)) return !0;
+	return !1;
+}
+var xe = 2;
+function Se(e, t, n, r, i, a = () => !0) {
+	let o = e.getRoom(r);
+	if (!o || i <= 0) return;
+	let s = /* @__PURE__ */ new Map();
+	s.set(o.id, {
+		x: o.x,
+		y: o.y
+	});
+	let c = [{
+		id: o.id,
+		x: o.x,
+		y: o.y,
+		depth: 0
+	}], l = [], u = [];
+	for (; c.length > 0;) {
+		let r = c.shift();
+		if (r.depth >= i) continue;
+		let o = e.getRoom(r.id);
+		if (!o) continue;
+		let u = [...Object.entries(o.exits ?? {}).map(([e, t]) => ({
+			targetId: t,
+			dir: e
+		})), ...Object.values(o.specialExits ?? {}).map((e) => ({ targetId: e }))];
+		for (let { targetId: i, dir: d } of u) {
+			let u = e.getRoom(i);
+			if (!u || s.has(u.id)) continue;
+			let f = u.area === o.area, p, m;
+			if (f) p = r.x + (u.x - o.x), m = r.y + (u.y - o.y);
+			else {
+				if (!d) continue;
+				let e = A(r.x, r.y, d, xe);
+				if (e.x === r.x && e.y === r.y) continue;
+				p = e.x, m = e.y;
+			}
+			s.set(u.id, {
+				x: p,
+				y: m
+			}), c.push({
+				id: u.id,
+				x: p,
+				y: m,
+				depth: r.depth + 1
+			}), u.area !== t && u.z === n && a(u) && l.push(u.id);
+		}
+	}
+	if (l.length === 0) return;
+	let d = l.map((t) => {
+		let n = s.get(t);
+		return {
+			room: e.getRoom(t),
+			x: n.x,
+			y: n.y
+		};
+	}), f = /* @__PURE__ */ new Set();
+	for (let [r, i] of s) {
+		let o = e.getRoom(r);
+		if (!o || o.z !== n || !a(o)) continue;
+		let c = o.area !== t, l = [...Object.entries(o.exits ?? {}).filter(([e]) => ye.has(e)).map(([, e]) => e), ...Object.values(o.specialExits ?? {})];
+		for (let d of l) {
+			let l = s.get(d);
+			if (!l) continue;
+			let p = e.getRoom(d);
+			if (!p || p.z !== n || !a(p) || !c && p.area === t || be(o, p) || be(p, o)) continue;
+			let m = r < d ? `${r}-${d}` : `${d}-${r}`;
+			f.has(m) || (f.add(m), u.push({
+				ax: i.x,
+				ay: i.y,
+				bx: l.x,
+				by: l.y
+			}));
+		}
+	}
+	return {
+		rooms: d,
+		edges: u
+	};
+}
+var Ce = class {
+	constructor(e, t, n, r) {
+		this.base = e, this.currentArea = t, this.currentZ = n, this.projected = r;
+	}
+	getRoom(e) {
+		let t = this.base.getRoom(e), n = t ? this.projected.get(e) : void 0;
+		return n ? q(t, n.x, n.y, this.currentArea, this.currentZ) : t;
+	}
+	getArea(e) {
+		return this.base.getArea(e);
+	}
+	getAreas() {
+		return this.base.getAreas();
+	}
+	getRooms() {
+		return this.base.getRooms();
+	}
+	getColorValue(e) {
+		return this.base.getColorValue(e);
+	}
+	getSymbolColor(e, t) {
+		return this.base.getSymbolColor(e, t);
+	}
+};
+function we(e) {
+	return new Map(e.rooms.map((e) => [e.room.id, {
+		x: e.x,
+		y: e.y
+	}]));
+}
+//#endregion
 //#region src/ScenePipeline.ts
-function le(e, t) {
-	let n = G(e);
+function Te(e, t) {
+	let n = J(e);
 	return n ? `rgba(${n.r}, ${n.g}, ${n.b}, ${t})` : e;
 }
-function G(e) {
+function J(e) {
 	let t = e.match(/(\d+)\s*,\s*(\d+)\s*,\s*(\d+)/);
 	if (t) return {
 		r: +t[1],
@@ -1446,11 +1640,11 @@ function G(e) {
 		b: parseInt(e.slice(5, 7), 16)
 	};
 }
-function ue(e, t, n) {
-	let r = G(e), i = G(t);
+function Ee(e, t, n) {
+	let r = J(e), i = J(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 de(e, t) {
+function De(e, t) {
 	let n = t * t, r = [];
 	outer: for (let t of e) {
 		for (let e of r) for (let r of e) {
@@ -1464,33 +1658,33 @@ function de(e, t) {
 	}
 	return r;
 }
-var fe = class {
+var Oe = 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 T(e, t);
-	}
-	buildScene(e, t, n, r = s) {
-		this.linkShapes = [], this.roomShapes = [], this.topLabelShapes = [], this.labelShapeRefs = [], this.specialExitShapeRefs = [], this.stubShapeRefs = [], this.areaExitLabelShapeRefs = [], this.renderLabels(t.getLabels(), e.getAreaId());
-		let i = this.renderLinkExits(e.getLinkExits(n), n, r), a = (t.getRooms() ?? []).filter((e) => r.isVisible(e)), o = this.renderRooms(a, n);
-		this.renderAreaName(e, t);
-		let c = [...i.areaExitHitZones, ...o.areaExitHitZones], l = this.renderAreaExitLabels(c, e.getAreaId(), a, i.standaloneExitShapeRefs.map((e) => e.bounds));
-		c.push(...l);
-		let u = [
+		this.linkShapes = [], this.roomShapes = [], this.topLabelShapes = [], this.labelShapeRefs = [], this.specialExitShapeRefs = [], this.stubShapeRefs = [], this.areaExitLabelShapeRefs = [], this.spilledRoomIds = /* @__PURE__ */ new Set(), this.mapReader = e, this.settings = t, this.exitRenderer = new F(e, t);
+	}
+	buildScene(e, t, n, r = v, i) {
+		this.linkShapes = [], this.roomShapes = [], this.topLabelShapes = [], this.labelShapeRefs = [], this.specialExitShapeRefs = [], this.stubShapeRefs = [], this.areaExitLabelShapeRefs = [], this.spilledRoomIds = i ? new Set(i.rooms.map((e) => e.room.id)) : /* @__PURE__ */ new Set(), this.renderLabels(t.getLabels(), e.getAreaId());
+		let a = this.settings.hiddenRooms === "hide", o = ve(r, a), s = this.renderLinkExits(e.getLinkExits(n), n, o), c = (t.getRooms() ?? []).filter((e) => o.isVisible(e)), l = i ? i.rooms.filter((e) => !(a && d(e.room))).map((t) => q(t.room, t.x, t.y, e.getAreaId(), n)) : [], u = this.renderRooms([...c, ...l], n);
+		i && this.renderSpillConnectors(i), this.renderAreaName(e, t);
+		let f = [...s.areaExitHitZones, ...u.areaExitHitZones], p = this.renderAreaExitLabels(f, e.getAreaId(), c, s.standaloneExitShapeRefs.map((e) => e.bounds));
+		f.push(...p);
+		let m = [
 			...this.linkShapes,
 			...this.roomShapes,
 			...this.topLabelShapes
 		];
 		return {
-			roomShapeRefs: o.roomShapeRefs,
-			standaloneExitShapeRefs: i.standaloneExitShapeRefs,
+			roomShapeRefs: u.roomShapeRefs,
+			standaloneExitShapeRefs: s.standaloneExitShapeRefs,
 			labelShapeRefs: this.labelShapeRefs,
 			specialExitShapeRefs: this.specialExitShapeRefs,
 			stubShapeRefs: this.stubShapeRefs,
 			areaExitLabelShapeRefs: this.areaExitLabelShapeRefs,
-			areaExitHitZones: c,
-			drawnExits: i.drawnExits,
-			drawnSpecialExits: o.drawnSpecialExits,
-			drawnStubs: o.drawnStubs,
-			hitShapes: u,
+			areaExitHitZones: f,
+			drawnExits: s.drawnExits,
+			drawnSpecialExits: u.drawnSpecialExits,
+			drawnStubs: u.drawnStubs,
+			hitShapes: m,
 			sceneShapes: {
 				grid: [],
 				link: this.linkShapes,
@@ -1505,10 +1699,13 @@ var fe = class {
 	renderRooms(e, t) {
 		let n = /* @__PURE__ */ new Map(), r = [], i = [], a = [], o = [];
 		e.forEach((e) => {
-			let t = L(e, this.mapReader, this.settings, { flatPipeline: !0 });
-			t.children.push(...B(e, this.mapReader, this.settings));
-			for (let t of A(e, this.settings)) {
-				let n = H(t, e.id);
+			let t = H(e, this.mapReader, this.settings, {
+				flatPipeline: !0,
+				...h(e, this.settings.hiddenRooms)
+			});
+			t.children.push(...G(e, this.mapReader, this.settings));
+			for (let t of I(e, this.settings)) {
+				let n = he(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]);
@@ -1536,8 +1733,8 @@ var fe = class {
 					bounds: l
 				});
 			}
-			this.exitRenderer.getSpecialExitAreaTargets(e).forEach((e) => {
-				r.push({
+			this.spilledRoomIds.has(e.id) || (this.exitRenderer.getSpecialExitAreaTargets(e).forEach((e) => {
+				this.spilledRoomIds.has(e.targetRoomId) || r.push({
 					bounds: e.bounds,
 					targetRoomId: e.targetRoomId,
 					from: e.from,
@@ -1545,16 +1742,16 @@ var fe = class {
 					arrowColor: e.arrowColor
 				});
 			}), this.exitRenderer.getInnerExitAreaTargets(e).forEach((e) => {
-				r.push({
+				this.spilledRoomIds.has(e.targetRoomId) || r.push({
 					bounds: e.bounds,
 					targetRoomId: e.targetRoomId,
 					from: e.from,
 					tip: e.tip,
 					arrowColor: e.arrowColor
 				});
-			});
-			for (let t of O(e, this.settings)) {
-				let e = U(t);
+			}));
+			for (let t of re(e, this.settings)) {
+				let e = K(t);
 				this.linkShapes.push(e), a.push({
 					roomId: t.roomId,
 					direction: t.direction,
@@ -1587,21 +1784,37 @@ var fe = class {
 			drawnStubs: a
 		};
 	}
+	renderSpillConnectors(e) {
+		for (let t of e.edges) this.linkShapes.push({
+			type: "line",
+			layer: "link",
+			points: [
+				t.ax,
+				t.ay,
+				t.bx,
+				t.by
+			],
+			paint: {
+				stroke: this.settings.lineColor,
+				strokeWidth: this.settings.lineWidth
+			}
+		});
+	}
 	renderLinkExits(e, t, n) {
 		let r = [], i = [], a = [];
 		return e.forEach((e) => {
 			let o = this.mapReader.getRoom(e.a), s = this.mapReader.getRoom(e.b);
 			if (!o || !s) return;
-			let l = n.getExitTreatment ? n.getExitTreatment(e, o, s) : c(n, e, o, s);
-			if (l === "hidden") return;
-			if (l === "stub") {
+			let c = n.getExitTreatment ? n.getExitTreatment(e, o, s) : y(n, e, o, s);
+			if (c === "hidden") return;
+			if (c === "stub") {
 				let t = this.buildLensStub(e, o, s, n);
 				t && this.emitLensStub(t);
 				return;
 			}
-			let u = this.exitRenderer.renderData(e, t);
-			if (!u) return;
-			let d = V(u, {
+			let l = this.exitRenderer.renderData(e, t);
+			if (!l || l.targetRoomId !== void 0 && this.spilledRoomIds.has(l.targetRoomId)) return;
+			let u = pe(l, {
 				kind: "exit",
 				id: `${e.a}:${e.b}:${e.aDir ?? ""}:${e.bDir ?? ""}`,
 				payload: {
@@ -1612,10 +1825,10 @@ var fe = class {
 					kind: e.kind ?? "exit"
 				}
 			});
-			this.linkShapes.push(d), r.push({
-				shape: d,
-				bounds: u.bounds,
-				targetRoomId: u.targetRoomId
+			this.linkShapes.push(u), r.push({
+				shape: u,
+				bounds: l.bounds,
+				targetRoomId: l.targetRoomId
 			}), a.push({
 				a: e.a,
 				b: e.b,
@@ -1623,13 +1836,13 @@ var fe = class {
 				bDir: e.bDir,
 				kind: e.kind ?? "exit",
 				zIndex: e.zIndex,
-				data: u
-			}), u.targetRoomId !== void 0 && i.push({
-				bounds: u.bounds,
-				targetRoomId: u.targetRoomId,
-				from: u.from,
-				tip: u.tip,
-				arrowColor: u.arrowColor
+				data: l
+			}), l.targetRoomId !== void 0 && i.push({
+				bounds: l.bounds,
+				targetRoomId: l.targetRoomId,
+				from: l.from,
+				tip: l.tip,
+				arrowColor: l.arrowColor
 			});
 		}), {
 			standaloneExitShapeRefs: r,
@@ -1641,8 +1854,8 @@ var fe = 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 || !p.includes(o) || a.customLines[h[o]]) return;
-		let s = this.settings.roomSize, c = this.getRoomEdgePoint(a.x, a.y, o, s / 2), l = b(a.x, a.y, o, s / 2 + .5);
+		if (!o || !C.includes(o) || a.customLines[T[o]]) return;
+		let s = this.settings.roomSize, c = this.getRoomEdgePoint(a.x, a.y, o, s / 2), l = A(a.x, a.y, o, s / 2 + .5);
 		return {
 			roomId: a.id,
 			direction: o,
@@ -1655,7 +1868,7 @@ var fe = class {
 		};
 	}
 	emitLensStub(e) {
-		let t = U(e);
+		let t = K(e);
 		this.linkShapes.push(t), this.stubShapeRefs.push({
 			shape: t,
 			bounds: {
@@ -1667,14 +1880,14 @@ var fe = class {
 		});
 	}
 	getRoomEdgePoint(e, t, n, r) {
-		return this.settings.roomShape === "circle" ? S(e, t, n, r) : this.settings.roomShape === "roundedRectangle" ? x(e, t, n, r, this.settings.roomSize * .2) : b(e, t, n, r);
+		return this.settings.roomShape === "circle" ? M(e, t, n, r) : this.settings.roomShape === "roundedRectangle" ? j(e, t, n, r, this.settings.roomSize * .2) : A(e, t, n, r);
 	}
 	buildExitShape(e) {
-		return V(e);
+		return pe(e);
 	}
 	renderLabels(e, t) {
 		for (let n of e) {
-			let e = ce(n, this.settings);
+			let e = _e(n, this.settings);
 			e && (e.hit = {
 				kind: "label",
 				id: n.labelId,
@@ -1724,7 +1937,7 @@ var fe = class {
 		}, y = (e, t, n, r, i) => {
 			for (let a of i) if (e < a.x + a.width && e + n > a.x && t < a.y + a.height && t + r > a.y) return !0;
 			return !1;
-		}, b = [
+		}, ee = [
 			[0, 1],
 			[0, -1],
 			[1, 0],
@@ -1733,53 +1946,53 @@ var fe = class {
 			[-.707, .707],
 			[.707, -.707],
 			[-.707, -.707]
-		], x = (e, t, n) => {
-			let r = t.length * u + c * 2, a = d + l * 2, o = 0, s = 0, f = 0, p = 0, m = Infinity, h = -Infinity, v = Infinity, x = -Infinity, S = /* @__PURE__ */ new Map();
-			for (let t of e) o += t.tip.x, s += t.tip.y, f += t.dir.x, p += t.dir.y, t.tip.x < m && (m = t.tip.x), t.tip.x > h && (h = 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, E = w > 0 ? p / w : 0, D = 0;
+		], b = (e, t, n) => {
+			let r = t.length * u + c * 2, a = d + l * 2, o = 0, s = 0, f = 0, p = 0, m = Infinity, h = -Infinity, v = Infinity, b = -Infinity, x = /* @__PURE__ */ new Map();
+			for (let t of e) o += t.tip.x, s += t.tip.y, f += t.dir.x, p += t.dir.y, t.tip.x < m && (m = t.tip.x), t.tip.x > h && (h = t.tip.x), t.tip.y < v && (v = t.tip.y), t.tip.y > b && (b = t.tip.y), x.set(t.color, (x.get(t.color) ?? 0) + 1);
+			let S = e.length, C = Math.hypot(f, p), w = C > 0 ? f / C : 0, T = C > 0 ? p / C : 0, E = 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 > D && (D = a);
+				a > E && (E = a);
 			}
-			let O = D > 3, k = w / C >= .4, A = n?.x ?? (O ? (m + h) / 2 : o / C), j = n?.y ?? (O ? (v + x) / 2 : s / C), M = "white", N = 0;
-			for (let [e, t] of S) t > N && (M = e, N = t);
-			let P = g.concat(_).concat(i), F = (e, t, n = 0) => .5 + n + Math.abs(e) * r / 2 + Math.abs(t) * a / 2, I = [];
-			if (k) {
-				let e = F(T, E);
-				I.push({
-					x: A + T * e,
-					y: j + E * e
+			let D = E > 3, O = C / S >= .4, k = n?.x ?? (D ? (m + h) / 2 : o / S), A = n?.y ?? (D ? (v + b) / 2 : s / S), j = "white", M = 0;
+			for (let [e, t] of x) t > M && (j = e, M = t);
+			let N = g.concat(_).concat(i), P = (e, t, n = 0) => .5 + n + Math.abs(e) * r / 2 + Math.abs(t) * a / 2, F = [];
+			if (O) {
+				let e = P(w, T);
+				F.push({
+					x: k + w * e,
+					y: A + T * e
 				});
 			}
-			I.push({
-				x: A,
-				y: j
+			F.push({
+				x: k,
+				y: A
 			});
 			for (let e of [
 				0,
 				.6,
 				1.4
-			]) for (let [t, n] of b) {
-				let r = F(t, n, e);
-				I.push({
-					x: A + t * r,
-					y: j + n * r
+			]) for (let [t, n] of ee) {
+				let r = P(t, n, e);
+				F.push({
+					x: k + t * r,
+					y: A + n * r
 				});
 			}
-			for (let t of I) {
+			for (let t of F) {
 				let n = t.x - r / 2, i = t.y - a / 2;
-				if (!y(n, i, r, a, P)) return {
+				if (!y(n, i, r, a, N)) return {
 					cluster: e,
 					boxX: n,
 					boxY: i,
 					boxW: r,
 					boxH: a,
-					color: M
+					color: j
 				};
 			}
 		};
 		for (let [e, n] of o) {
-			let r = this.mapReader.getArea(e)?.getAreaName() || `Area ${e}`, i = de(n, 10).map((e) => x(e, r)).filter((e) => e !== void 0), o = !0;
+			let r = this.mapReader.getArea(e)?.getAreaName() || `Area ${e}`, i = De(n, 10).map((e) => b(e, r)).filter((e) => e !== void 0), o = !0;
 			for (; o && i.length > 1;) {
 				o = !1;
 				outer: for (let e = 0; e < i.length; e++) for (let t = e + 1; t < i.length; t++) {
@@ -1795,17 +2008,17 @@ var fe = class {
 						h: i[t].boxH
 					};
 					if (v(n, a, 2)) {
-						let s = [...i[e].cluster, ...i[t].cluster], c = x(s, r, {
+						let s = [...i[e].cluster, ...i[t].cluster], c = b(s, r, {
 							x: (n.x + n.w / 2 + a.x + a.w / 2) / 2,
 							y: (n.y + n.h / 2 + a.y + a.h / 2) / 2
-						}) ?? x(s, r);
+						}) ?? b(s, r);
 						c ? (i[e] = c, i.splice(t, 1)) : (i.splice(t, 1), i.splice(e, 1)), o = !0;
 						break outer;
 					}
 				}
 			}
 			for (let e of i) {
-				let n = le(e.color, p), i = t(ue(e.color, this.settings.backgroundColor, p)) > .55 ? "#000" : "#fff", o = {
+				let n = Te(e.color, p), i = t(Ee(e.color, this.settings.backgroundColor, p)) > .55 ? "#000" : "#fff", o = {
 					type: "group",
 					x: 0,
 					y: 0,
@@ -1878,7 +2091,7 @@ var fe = class {
 		};
 		this.roomShapes.push(i);
 	}
-}, pe = class {
+}, ke = class {
 	setCursor(e) {
 		this.container.dataset.editorCursor || (this.container.style.cursor = e);
 	}
@@ -2070,20 +2283,20 @@ var fe = class {
 	emitMapClickEvent() {
 		this.events.emit("mapclick", void 0);
 	}
-}, K = [
+}, Y = [
 	"up",
 	"down",
 	"in",
 	"out"
 ];
-function q(e, t, n, r, i) {
-	return e.roomShape === "circle" ? S(t, n, r, i) : e.roomShape === "roundedRectangle" ? x(t, n, r, i, e.roomSize * .2) : b(t, n, r, i);
+function X(e, t, n, r, i) {
+	return e.roomShape === "circle" ? M(t, n, r, i) : e.roomShape === "roundedRectangle" ? j(t, n, r, i, e.roomSize * .2) : A(t, n, r, i);
 }
-function me(e, t, n) {
+function Ae(e, t, n) {
 	for (let [e, r] of Object.entries(t.exits)) if (r === n.id) {
 		let r = e;
-		if (K.includes(r)) {
-			let e = h[r];
+		if (Y.includes(r)) {
+			let e = T[r];
 			return {
 				type: "inner",
 				fromDir: r,
@@ -2092,7 +2305,7 @@ function me(e, t, n) {
 				toRoom: n
 			};
 		}
-		let i = h[r];
+		let i = T[r];
 		return t.customLines[i] ? {
 			type: "special",
 			fromDir: r,
@@ -2108,7 +2321,7 @@ function me(e, t, n) {
 		} : {
 			type: "regular",
 			fromDir: r,
-			toDir: he(n, t.id),
+			toDir: je(n, t.id),
 			fromRoom: t,
 			toRoom: n
 		};
@@ -2125,8 +2338,8 @@ function me(e, t, n) {
 	};
 	for (let [e, r] of Object.entries(n.exits)) if (r === t.id) {
 		let r = e;
-		if (K.includes(r)) {
-			let e = h[r];
+		if (Y.includes(r)) {
+			let e = T[r];
 			return {
 				type: "inner",
 				toDir: r,
@@ -2135,7 +2348,7 @@ function me(e, t, n) {
 				toRoom: n
 			};
 		}
-		let i = h[r];
+		let i = T[r];
 		return n.customLines[i] ? {
 			type: "special",
 			toDir: r,
@@ -2171,39 +2384,39 @@ function me(e, t, n) {
 		toRoom: n
 	};
 }
-function he(e, t) {
+function je(e, t) {
 	for (let [n, r] of Object.entries(e.exits)) if (r === t) return n;
 }
-function J(e, t, n) {
+function Me(e, t, n) {
 	return e ? e.area === t && e.z === n : !1;
 }
-function ge(e, t) {
+function Ne(e, t) {
 	for (let [n, r] of Object.entries(e.exits)) if (r === t.id) return { direction: n };
 	for (let [n, r] of Object.entries(e.specialExits)) if (r === t.id) return;
 }
-function _e(e, t) {
-	for (let n of _) if (e.exits[n] === t.id) return n;
-	for (let n of _) if (t.exits[n] === e.id) return v[n];
+function Pe(e, t) {
+	for (let n of D) if (e.exits[n] === t.id) return n;
+	for (let n of D) if (t.exits[n] === e.id) return O[n];
 }
-function ve(e, t, n) {
+function Fe(e, t, n) {
 	let { fromRoom: r, toRoom: i, fromDir: a, toDir: o } = t;
-	if (n.length === 0 && n.push(r.x, r.y), a && p.includes(a)) {
-		let t = q(e, r.x, r.y, a, e.roomSize / 2);
+	if (n.length === 0 && n.push(r.x, r.y), a && C.includes(a)) {
+		let t = X(e, r.x, r.y, a, e.roomSize / 2);
 		n.push(t.x, t.y);
 	}
-	if (o && p.includes(o)) {
-		let t = q(e, i.x, i.y, o, e.roomSize / 2);
+	if (o && C.includes(o)) {
+		let t = X(e, i.x, i.y, o, e.roomSize / 2);
 		n.push(t.x, t.y);
 	}
 	n.push(i.x, i.y);
 }
-function ye(e, t) {
+function Ie(e, t) {
 	let { fromRoom: n, toRoom: r, customLineKey: i } = e, a = n, o;
 	i && (o = n.customLines[i], o || (o = r.customLines[i], a = r)), t.length === 0 && t.push(a.x, a.y), o && o.points.forEach((e) => {
 		t.push(e.x, -e.y);
 	}), t.push(r.x, r.y);
 }
-function Y(e, t, n, r, i) {
+function Le(e, t, n, r, i) {
 	let a = [], o = [], s = [], c = n.map((t) => e.getRoom(t)).filter((e) => e !== void 0), l = [], u = () => {
 		l.length >= 4 && a.push({ points: [...l] }), l = [];
 	}, d = (e) => {
@@ -2217,28 +2430,28 @@ function Y(e, t, n, r, i) {
 				}), s.push({ points: t });
 			}
 		}
-		r && K.includes(r) && o.push({
+		r && Y.includes(r) && o.push({
 			room: t,
 			direction: r
-		}), i && K.includes(i) && o.push({
+		}), i && Y.includes(i) && o.push({
 			room: n,
 			direction: i
 		});
 	};
 	for (let n = 0; n < c.length - 1; n++) {
-		let a = c[n], s = c[n + 1], f = J(a, r, i), m = J(s, r, i);
-		if (!f && !m) {
+		let a = c[n], s = c[n + 1], f = Me(a, r, i), p = Me(s, r, i);
+		if (!f && !p) {
 			u();
 			continue;
 		}
-		if (f && m) {
-			let n = me(e, a, s);
+		if (f && p) {
+			let n = Ae(e, a, s);
 			switch (n.type) {
 				case "regular":
-					ve(t, n, l);
+					Fe(t, n, l);
 					break;
 				case "special":
-					ye(n, l);
+					Ie(n, l);
 					break;
 				case "inner":
 					u(), d(n);
@@ -2248,22 +2461,22 @@ function Y(e, t, n, r, i) {
 					break;
 			}
 		} else {
-			let e = f ? a : s, n = f ? s : a, r = ge(e, n);
+			let e = f ? a : s, n = f ? s : a, r = Ne(e, n);
 			if (r) {
-				if (K.includes(r.direction)) u(), o.push({
+				if (Y.includes(r.direction)) u(), o.push({
 					room: e,
 					direction: r.direction
 				});
-				else if (p.includes(r.direction)) {
+				else if (C.includes(r.direction)) {
 					l.length === 0 && l.push(e.x, e.y);
-					let n = q(t, e.x, e.y, r.direction, t.roomSize / 2), i = b(e.x, e.y, r.direction, t.roomSize);
+					let n = X(t, e.x, e.y, r.direction, t.roomSize / 2), i = A(e.x, e.y, r.direction, t.roomSize);
 					l.push(n.x, n.y, i.x, i.y), u();
 				}
 			} else {
-				let r = _e(e, n);
+				let r = Pe(e, n);
 				if (r) {
 					l.length === 0 && l.push(e.x, e.y);
-					let n = q(t, e.x, e.y, r, t.roomSize / 2), i = b(e.x, e.y, r, t.roomSize);
+					let n = X(t, e.x, e.y, r, t.roomSize / 2), i = A(e.x, e.y, r, t.roomSize);
 					l.push(n.x, n.y, i.x, i.y), u();
 				}
 			}
@@ -2277,12 +2490,12 @@ function Y(e, t, n, r, i) {
 }
 //#endregion
 //#region src/scene/OverlayStyle.ts
-function be(e, t) {
+function Re(e, t) {
 	let n = e.shape ?? "match";
 	return n === "match" ? (e.matchRoomShape ?? !0) && t !== "circle" ? t === "roundedRectangle" ? "roundedRectangle" : "rectangle" : "circle" : n;
 }
-function X(e, t, n) {
-	let r = n.highlight, i = n.roomSize, a = r.sizeFactor, o = be(r, n.roomShape), s = Array.isArray(t) ? t.length > 0 ? [...t] : ["#ffffff"] : [t];
+function ze(e, t, n) {
+	let r = n.highlight, i = n.roomSize, a = r.sizeFactor, o = Re(r, n.roomShape), s = Array.isArray(t) ? t.length > 0 ? [...t] : ["#ffffff"] : [t];
 	return {
 		shape: o === "circle" ? "circle" : "rect",
 		cx: e.x,
@@ -2297,7 +2510,7 @@ function X(e, t, n) {
 		dashEnabled: r.dashEnabled
 	};
 }
-function xe(e, t) {
+function Be(e, t) {
 	let n = t.playerMarker, r = t.roomSize * n.sizeFactor, i = n.matchRoomShape && t.roomShape !== "circle";
 	return {
 		shape: i ? "rect" : "circle",
@@ -2314,12 +2527,12 @@ function xe(e, t) {
 		dashEnabled: n.dashEnabled
 	};
 }
-function Z(e, t, n, r, i, a) {
-	let o = Y(e, t, n, i, a), s = t.lineWidth, c = [];
+function Ve(e, t, n, r, i, a) {
+	let o = Le(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 z(e.room, e.direction, t)) l.push({ vertices: n.vertices });
+	for (let e of o.innerMarkers) for (let n of W(e.room, e.direction, t)) l.push({ vertices: n.vertices });
 	return {
 		segments: c,
 		triangles: l,
@@ -2330,9 +2543,9 @@ function Z(e, t, n, r, i, a) {
 }
 //#endregion
 //#region src/scene/elements/OverlayLayout.ts
-function Se(e) {
-	if (e.colors.length > 1) return Ce(e);
-	let t = e.colors[0], n = a(t, e.strokeAlpha), r = e.fillAlpha > 0 ? a(t, e.fillAlpha) : void 0;
+function He(e) {
+	if (e.colors.length > 1) return Ue(e);
+	let t = e.colors[0], n = s(t, e.strokeAlpha), r = e.fillAlpha > 0 ? s(t, e.fillAlpha) : void 0;
 	if (e.shape === "circle") return {
 		type: "circle",
 		cx: e.cx,
@@ -2363,21 +2576,21 @@ function Se(e) {
 		},
 		layer: "overlay"
 	};
-	let i = e.cx - e.size, o = e.cy - e.size, s = e.cx + e.size, c = e.cy + e.size, l = [
+	let i = e.cx - e.size, a = e.cy - e.size, o = e.cx + e.size, c = e.cy + e.size, l = [
 		[
 			i,
+			a,
 			o,
-			s,
-			o
+			a
 		],
 		[
-			s,
 			o,
-			s,
+			a,
+			o,
 			c
 		],
 		[
-			s,
+			o,
 			c,
 			i,
 			c
@@ -2386,13 +2599,13 @@ function Se(e) {
 			i,
 			c,
 			i,
-			o
+			a
 		]
 	], u = [];
 	r && u.push({
 		type: "rect",
 		x: i,
-		y: o,
+		y: a,
 		width: e.size * 2,
 		height: e.size * 2,
 		cornerRadius: e.cornerRadius,
@@ -2419,10 +2632,10 @@ function Se(e) {
 		layer: "overlay"
 	};
 }
-function Ce(e) {
+function Ue(e) {
 	let t = e.colors.length, n = Math.PI * 2 / t, r = -Math.PI / 2, i = [];
-	for (let o = 0; o < t; o++) {
-		let t = e.colors[o], s = a(t, e.strokeAlpha), c = e.fillAlpha > 0 ? a(t, e.fillAlpha) : void 0, l = r + o * n, u = Te(e, l, l + n);
+	for (let a = 0; a < t; a++) {
+		let t = e.colors[a], o = s(t, e.strokeAlpha), c = e.fillAlpha > 0 ? s(t, e.fillAlpha) : void 0, l = r + a * n, u = Ge(e, l, l + n);
 		if (c) {
 			let t = [e.cx, e.cy];
 			for (let [e, n] of u) t.push(e, n);
@@ -2439,7 +2652,7 @@ function Ce(e) {
 			type: "line",
 			points: d,
 			paint: {
-				stroke: s,
+				stroke: o,
 				strokeWidth: e.strokeWidth,
 				dash: e.dash,
 				dashEnabled: e.dashEnabled
@@ -2456,7 +2669,7 @@ function Ce(e) {
 		layer: "overlay"
 	};
 }
-function we(e, t) {
+function We(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;
@@ -2466,7 +2679,7 @@ function we(e, t) {
 	}
 	return [e.cx + o, e.cy + s];
 }
-function Te(e, t, n) {
+function Ge(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));
@@ -2478,10 +2691,10 @@ function Te(e, t, n) {
 			a > t + 1e-9 && a < n - 1e-9 && r.push(a);
 		}
 	}
-	return r.push(n), r.sort((e, t) => e - t), r.map((t) => we(e, t));
+	return r.push(n), r.sort((e, t) => e - t), r.map((t) => We(e, t));
 }
-function Ee(e) {
-	let t = a(e.strokeColor, e.strokeAlpha), n = e.fillAlpha > 0 ? a(e.fillColor, e.fillAlpha) : void 0;
+function Ke(e) {
+	let t = s(e.strokeColor, e.strokeAlpha), n = e.fillAlpha > 0 ? s(e.fillColor, e.fillAlpha) : void 0;
 	return e.shape === "circle" ? {
 		type: "circle",
 		cx: e.cx,
@@ -2512,7 +2725,7 @@ function Ee(e) {
 		layer: "overlay"
 	};
 }
-function De(e) {
+function qe(e) {
 	let t = [];
 	for (let n of e.segments) t.push({
 		type: "line",
@@ -2551,29 +2764,29 @@ function De(e) {
 }
 //#endregion
 //#region src/hit/HitTester.ts
-var Oe = {
+var Je = {
 	areaExit: 110,
 	room: 100,
 	label: 80,
 	specialExit: 60,
 	exit: 40,
 	stub: 20
-}, ke = {
+}, Ye = {
 	room: .3,
 	areaExit: 1,
 	label: 1,
 	specialExit: .5,
 	exit: .35,
 	stub: .3
-}, Ae = (e, t) => ({
+}, Xe = (e, t) => ({
 	x: e,
 	y: t
-}), je = class {
+}), Ze = class {
 	constructor() {
-		this.entries = [], this.bucketSize = 5, this.roomSize = 1, this.spatialIndex = /* @__PURE__ */ new Map(), this.transform = Ae;
+		this.entries = [], this.bucketSize = 5, this.roomSize = 1, this.spatialIndex = /* @__PURE__ */ new Map(), this.transform = Xe;
 	}
 	build(e, t, n, r) {
-		this.clear(), this.roomSize = t, this.bucketSize = Math.max(t * 10, 5), this.transform = n ?? Ae, this.layerOffset = r, this.collectHitShapes(e, 0, 0);
+		this.clear(), this.roomSize = t, this.bucketSize = Math.max(t * 10, 5), this.transform = n ?? Xe, this.layerOffset = r, this.collectHitShapes(e, 0, 0);
 	}
 	clear() {
 		this.entries = [], this.spatialIndex.clear();
@@ -2617,13 +2830,13 @@ var Oe = {
 	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(ze(r + o, i + s));
+			let c = this.spatialIndex.get(at(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 = Pe(r, e, t);
+				let o = et(r, e, t);
 				o > i || n(r, o);
 			}
 		}
@@ -2642,8 +2855,8 @@ var Oe = {
 	collectHitShapes(e, t, n) {
 		for (let r of e) {
 			if (r.hit) {
-				let e = [], i = Me();
-				Ne(r, t, n, this.entryTransform(r.layer), e, i), e.length > 0 && i.minX <= i.maxX && this.indexEntry(i, e, r.hit);
+				let e = [], i = Qe();
+				$e(r, t, n, this.entryTransform(r.layer), 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);
 		}
@@ -2661,7 +2874,7 @@ var Oe = {
 		};
 	}
 	indexEntry(e, t, n) {
-		let r = n.margin ?? ke[n.kind] ?? 1, i = n.priority ?? Oe[n.kind] ?? 50, a = (e.minX + e.maxX) / 2, o = (e.minY + e.maxY) / 2, s = {
+		let r = n.margin ?? Ye[n.kind] ?? 1, i = n.priority ?? Je[n.kind] ?? 50, a = (e.minX + e.maxX) / 2, o = (e.minY + e.maxY) / 2, s = {
 			info: n,
 			margin: r,
 			priority: i,
@@ -2676,12 +2889,12 @@ var Oe = {
 		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 = ze(e, t), r = this.spatialIndex.get(n);
+			let n = at(e, t), r = this.spatialIndex.get(n);
 			r || (r = [], this.spatialIndex.set(n, r)), r.push(s);
 		}
 	}
 };
-function Me() {
+function Qe() {
 	return {
 		minX: Infinity,
 		minY: Infinity,
@@ -2689,17 +2902,17 @@ function Me() {
 		maxY: -Infinity
 	};
 }
-function Q(e, t, n) {
+function Z(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 Ne(e, t, n, r, i, a) {
+function $e(e, t, n, r, i, a) {
 	if (e.type === "group") {
-		for (let o of e.children) o.hit || $(o, t + e.x, n + e.y, r, i, a);
+		for (let o of e.children) o.hit || Q(o, t + e.x, n + e.y, r, i, a);
 		return;
 	}
-	$(e, t, n, r, i, a);
+	Q(e, t, n, r, i, a);
 }
-function $(e, t, n, r, i, a) {
+function Q(e, t, n, r, i, a) {
 	switch (e.type) {
 		case "rect":
 		case "image": {
@@ -2718,14 +2931,14 @@ function $(e, t, n, r, i, a) {
 				pts: u,
 				closed: !0
 			});
-			for (let e = 0; e < u.length; e += 2) Q(a, u[e], u[e + 1]);
+			for (let e = 0; e < u.length; e += 2) Z(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);
-				Q(a, i.x, i.y);
+				Z(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 = [
@@ -2743,7 +2956,7 @@ function $(e, t, n, r, i, a) {
 				pts: f,
 				closed: !0
 			});
-			for (let e = 0; e < f.length; e += 2) Q(a, f[e], f[e + 1]);
+			for (let e = 0; e < f.length; e += 2) Z(a, f[e], f[e + 1]);
 			return;
 		}
 		case "circle": {
@@ -2753,14 +2966,14 @@ function $(e, t, n, r, i, a) {
 				cx: o.x,
 				cy: o.y,
 				r: e.radius
-			}), Q(a, o.x - e.radius, o.y - e.radius), Q(a, o.x + e.radius, o.y + e.radius);
+			}), Z(a, o.x - e.radius, o.y - e.radius), Z(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), Q(a, s.x, s.y);
+				o.push(s.x, s.y), Z(a, s.x, s.y);
 			}
 			o.length >= 2 && i.push({
 				type: "polyline",
@@ -2773,7 +2986,7 @@ function $(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), Q(a, s.x, s.y);
+				o.push(s.x, s.y), Z(a, s.x, s.y);
 			}
 			o.length >= 2 && i.push({
 				type: "polyline",
@@ -2783,42 +2996,42 @@ function $(e, t, n, r, i, a) {
 			return;
 		}
 		case "group":
-			for (let o of e.children) o.hit || $(o, t + e.x, n + e.y, r, i, a);
+			for (let o of e.children) o.hit || Q(o, t + e.x, n + e.y, r, i, a);
 			return;
 	}
 }
-function Pe(e, t, n) {
+function et(e, t, n) {
 	let r = Infinity;
 	for (let i of e.geoms) {
-		let e = Fe(i, t, n);
+		let e = tt(i, t, n);
 		if (e < r && (r = e), r === 0) return 0;
 	}
 	return r;
 }
-function Fe(e, t, n) {
+function tt(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 && Re(e.pts, t, n) ? 0 : Ie(e.pts, t, n, e.closed);
+	return e.closed && it(e.pts, t, n) ? 0 : nt(e.pts, t, n, e.closed);
 }
-function Ie(e, t, n, r) {
+function nt(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 = Le(t, n, e[o], e[o + 1], e[s], e[s + 1]);
+		let o = r * 2, s = (r + 1) % i * 2, c = rt(t, n, e[o], e[o + 1], e[s], e[s + 1]);
 		c < a && (a = c);
 	}
 	return a;
 }
-function Le(e, t, n, r, i, a) {
+function rt(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 Re(e, t, n) {
+function it(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;
@@ -2826,14 +3039,14 @@ function Re(e, t, n) {
 	}
 	return r;
 }
-function ze(e, t) {
+function at(e, t) {
 	return e * 1000003 + t;
 }
 //#endregion
 //#region src/style/Style.ts
-var Be = { transform: (e) => e };
-function Ve(...e) {
-	return e.length === 0 ? Be : e.length === 1 ? e[0] : {
+var ot = { transform: (e) => e };
+function st(...e) {
+	return e.length === 0 ? ot : e.length === 1 ? e[0] : {
 		transform(t, n) {
 			let r = [t];
 			for (let t of e) {
@@ -2881,19 +3094,19 @@ function Ve(...e) {
 }
 //#endregion
 //#region src/style/applyStyle.ts
-function He(e, t, n) {
+function ct(e, t, n) {
 	let r = [];
 	for (let i of e) {
-		let e = Ue(i, t, n);
+		let e = lt(i, t, n);
 		Array.isArray(e) ? r.push(...e) : r.push(e);
 	}
 	return r;
 }
-function Ue(e, t, n) {
+function lt(e, t, n) {
 	if (e.type === "group") {
 		let r = [];
 		for (let i of e.children) {
-			let e = Ue(i, t, n);
+			let e = lt(i, t, n);
 			Array.isArray(e) ? r.push(...e) : r.push(e);
 		}
 		return t.transform({
@@ -2905,33 +3118,33 @@ function Ue(e, t, n) {
 }
 //#endregion
 //#region src/export/flushSceneShapes.ts
-function We(e, t, n) {
-	n(e.grid), n(e.link), n(e.room), n(Ge(t.state, t.overlays));
+function ut(e, t, n) {
+	n(e.grid), n(e.link), n(e.room), n($(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], e.sceneSpace);
 	}
 	n(e.topLabel);
 }
-function Ge(e, t) {
+function $(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 = Z(e.mapReader, r, t.locations, t.color, e.currentArea, e.currentZIndex);
-		i.push(...De(n));
+		let n = Ve(e.mapReader, r, t.locations, t.color, e.currentArea, e.currentZIndex);
+		i.push(...qe(n));
 	}
 	if (n.highlights) for (let t of n.highlights) {
 		let n = e.mapReader.getRoom(t.roomId);
-		n && i.push(Se(X(n, t.color, r)));
+		n && i.push(He(ze(n, t.color, r)));
 	}
 	if (n.position) {
 		let t = e.mapReader.getRoom(n.position.roomId);
-		t && i.push(Ee(xe(t, r)));
+		t && i.push(Ke(Be(t, r)));
 	}
 	return i;
 }
 //#endregion
-export { t as A, _ as C, s as D, u as E, a as M, r as N, c as O, v as S, d as T, H as _, Be as a, A as b, De as c, Z as d, xe as f, U as g, fe as h, Ve as i, n as j, o as k, Ee as l, pe as m, We as n, je as o, Y as p, He as r, Se as s, Ge as t, X as u, B as v, f as w, O as x, L as y };
+export { x as A, h as B, G as C, O as D, re as E, l as F, a as G, t as H, u as I, c as L, v as M, y as N, D as O, _ as P, p as R, he as S, I as T, i as U, d as V, s as W, Se as _, ot as a, ve as b, qe as c, Ve as d, Be as f, Ce as g, Oe as h, st as i, b as j, S as k, Ke as l, ke as m, ut as n, Ze as o, Le as p, ct as r, He as s, $ as t, ze as u, q as v, H as w, K as x, we as y, g as z };
 
-//# sourceMappingURL=flushSceneShapes-Duhi0OQv.js.map
+//# sourceMappingURL=flushSceneShapes-c7ttw7D-.js.map