mudlet-map-renderer 0.43.0-konva → 1.1.0

package/dist/index.mjs

@@ -1,20 +1,21 @@
-import e from "konva";
+import { n as e, r as t, t as n } from "./MapReader-mU_4JWv_.js";
+import r from "konva";
 //#region \0rolldown/runtime.js
-var t = Object.create, n = Object.defineProperty, r = Object.getOwnPropertyDescriptor, i = Object.getOwnPropertyNames, a = Object.getPrototypeOf, o = Object.prototype.hasOwnProperty, s = (e, t) => () => (t || e((t = { exports: {} }).exports, t), t.exports), c = (e, t, a, s) => {
-	if (t && typeof t == "object" || typeof t == "function") for (var c = i(t), l = 0, u = c.length, d; l < u; l++) d = c[l], !o.call(e, d) && d !== a && n(e, d, {
+var i = Object.create, a = Object.defineProperty, o = Object.getOwnPropertyDescriptor, s = Object.getOwnPropertyNames, c = Object.getPrototypeOf, l = Object.prototype.hasOwnProperty, u = (e, t) => () => (t || e((t = { exports: {} }).exports, t), t.exports), d = (e, t, n, r) => {
+	if (t && typeof t == "object" || typeof t == "function") for (var i = s(t), c = 0, u = i.length, d; c < u; c++) d = i[c], !l.call(e, d) && d !== n && a(e, d, {
 		get: ((e) => t[e]).bind(null, d),
-		enumerable: !(s = r(t, d)) || s.enumerable
+		enumerable: !(r = o(t, d)) || r.enumerable
 	});
 	return e;
-}, l = (e, r, i) => (i = e == null ? {} : t(a(e)), c(r || !e || !e.__esModule ? n(i, "default", {
+}, f = (e, t, n) => (n = e == null ? {} : i(c(e)), d(t || !e || !e.__esModule ? a(n, "default", {
 	value: e,
 	enumerable: !0
-}) : i, e)), u = .6, d = .025, f = "rgb(225, 255, 225)";
-function p() {
+}) : n, e)), p = .6, m = .025, h = "rgb(225, 255, 225)";
+function g() {
 	return {
-		roomSize: u,
-		lineWidth: d,
-		lineColor: f,
+		roomSize: p,
+		lineWidth: m,
+		lineColor: h,
 		backgroundColor: "#000000",
 		instantMapMove: !1,
 		highlightCurrentRoom: !0,
@@ -35,6 +36,15 @@ function p() {
 			dashEnabled: !0,
 			matchRoomShape: !1
 		},
+		highlight: {
+			strokeAlpha: 1,
+			fillAlpha: 0,
+			strokeWidth: .1,
+			sizeFactor: 1.425,
+			dash: [.05, .05],
+			dashEnabled: !0,
+			matchRoomShape: !0
+		},
 		gridEnabled: !1,
 		gridSize: 1,
 		gridColor: "rgba(200, 200, 200, 0.15)",
@@ -52,33 +62,176 @@ function p() {
 }
 //#endregion
 //#region src/utils/color.ts
-function m(e) {
+function _(e) {
 	let t, n, r, i = e.match(/(\d+)\s*,\s*(\d+)\s*,\s*(\d+)/);
 	if (i) t = parseInt(i[1]) / 255, n = parseInt(i[2]) / 255, r = parseInt(i[3]) / 255;
 	else if (e.startsWith("#") && e.length >= 7) t = parseInt(e.slice(1, 3), 16) / 255, n = parseInt(e.slice(3, 5), 16) / 255, r = parseInt(e.slice(5, 7), 16) / 255;
 	else return .5;
 	return (Math.max(t, n, r) + Math.min(t, n, r)) / 2;
 }
-function h(e, t) {
+function v(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 g(e, t) {
+function y(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})`;
 }
-function _(e, t) {
-	return `rgba(${parseInt(e.slice(1, 3), 16)}, ${parseInt(e.slice(3, 5), 16)}, ${parseInt(e.slice(5, 7), 16)}, ${t})`;
+var b = {
+	black: [
+		0,
+		0,
+		0
+	],
+	white: [
+		255,
+		255,
+		255
+	],
+	red: [
+		255,
+		0,
+		0
+	],
+	green: [
+		0,
+		128,
+		0
+	],
+	lime: [
+		0,
+		255,
+		0
+	],
+	blue: [
+		0,
+		0,
+		255
+	],
+	yellow: [
+		255,
+		255,
+		0
+	],
+	cyan: [
+		0,
+		255,
+		255
+	],
+	aqua: [
+		0,
+		255,
+		255
+	],
+	magenta: [
+		255,
+		0,
+		255
+	],
+	fuchsia: [
+		255,
+		0,
+		255
+	],
+	silver: [
+		192,
+		192,
+		192
+	],
+	gray: [
+		128,
+		128,
+		128
+	],
+	grey: [
+		128,
+		128,
+		128
+	],
+	maroon: [
+		128,
+		0,
+		0
+	],
+	olive: [
+		128,
+		128,
+		0
+	],
+	purple: [
+		128,
+		0,
+		128
+	],
+	teal: [
+		0,
+		128,
+		128
+	],
+	navy: [
+		0,
+		0,
+		128
+	],
+	orange: [
+		255,
+		165,
+		0
+	],
+	pink: [
+		255,
+		192,
+		203
+	],
+	gold: [
+		255,
+		215,
+		0
+	],
+	brown: [
+		165,
+		42,
+		42
+	],
+	violet: [
+		238,
+		130,
+		238
+	],
+	indigo: [
+		75,
+		0,
+		130
+	],
+	transparent: [
+		0,
+		0,
+		0
+	]
+};
+function x(e, t) {
+	let n = e.trim();
+	if (n.startsWith("#")) {
+		let r, i, a;
+		if (n.length === 4) r = parseInt(n[1] + n[1], 16), i = parseInt(n[2] + n[2], 16), a = parseInt(n[3] + n[3], 16);
+		else if (n.length >= 7) r = parseInt(n.slice(1, 3), 16), i = parseInt(n.slice(3, 5), 16), a = parseInt(n.slice(5, 7), 16);
+		else return e;
+		return Number.isNaN(r) || Number.isNaN(i) || Number.isNaN(a) ? e : `rgba(${r}, ${i}, ${a}, ${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 i = b[n.toLowerCase()];
+	return i ? `rgba(${i[0]}, ${i[1]}, ${i[2]}, ${t})` : e;
 }
 //#endregion
 //#region src/TypedEventEmitter.ts
-var v = class {
+var S = class {
 	constructor(e) {
 		this.listeners = /* @__PURE__ */ new Map(), this.container = e;
 	}
@@ -95,9 +248,22 @@ var v = class {
 	emit(e, t) {
 		this.listeners.get(e)?.forEach((e) => e(t)), this.container && this.container.dispatchEvent(new CustomEvent(e, { detail: t }));
 	}
-}, y = class {
+}, C = {
+	isVisible: () => !0,
+	getVersion: () => 0
+};
+function w(e, t, n, r) {
+	let i = e.isVisible(n), a = e.isVisible(r);
+	return i && a ? "full" : i || a ? "stub" : "hidden";
+}
+//#endregion
+//#region src/MapState.ts
+var T = class {
 	constructor(e, t) {
-		this.events = new v(), this.highlights = /* @__PURE__ */ new Map(), this.paths = [], this.mapReader = e, this.settings = t;
+		this.events = new S(), this.highlights = /* @__PURE__ */ new Map(), this.paths = [], this.lens = C, this.mapReader = e, this.settings = t;
+	}
+	setLens(e) {
+		this.lens = e, this.events.emit("lens", { lens: e });
 	}
 	setArea(e, t) {
 		let n = this.mapReader.getArea(e);
@@ -220,10 +386,10 @@ var v = class {
 		};
 	}
 };
-function b(e) {
+function E(e) {
 	return e < .5 ? 2 * e * e : -1 + (4 - 2 * e) * e;
 }
-var x = class e extends v {
+var D = class e extends S {
 	constructor(e, t) {
 		super(), this.zoom = 1, this.minZoom = .05, this.position = {
 			x: 0,
@@ -375,7 +541,7 @@ var x = class e extends v {
 		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(b(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);
 	}
@@ -388,12 +554,12 @@ var x = class e extends v {
 	notify() {
 		this.emit("change", void 0);
 	}
-}, S = (e, t) => ({
+}, O = (e, t) => ({
 	x: e,
 	y: t
-}), C = class {
+}), ee = class {
 	constructor(e, t) {
-		this.settings = e, this.onCullingNeeded = t, this.cullingScheduled = !1, this.coordinateTransform = S;
+		this.settings = e, this.onCullingNeeded = t, this.cullingScheduled = !1, this.coordinateTransform = O;
 	}
 	setCoordinateTransform(e) {
 		this.coordinateTransform = e;
@@ -412,7 +578,7 @@ var x = class e extends v {
 	updateCulling() {
 		this.onCullingNeeded();
 	}
-}, w = [
+}, k = [
 	"north",
 	"south",
 	"east",
@@ -421,7 +587,7 @@ var x = class e extends v {
 	"northwest",
 	"southeast",
 	"southwest"
-], T = {
+], te = {
 	n: "north",
 	s: "south",
 	e: "east",
@@ -430,7 +596,7 @@ var x = class e extends v {
 	nw: "northwest",
 	se: "southeast",
 	sw: "southwest"
-}, E = {
+}, A = {
 	north: "n",
 	south: "s",
 	east: "e",
@@ -443,7 +609,7 @@ var x = class e extends v {
 	down: "d",
 	in: "i",
 	out: "o"
-}, D = {
+}, j = {
 	north: {
 		x: 0,
 		y: -1
@@ -476,7 +642,7 @@ var x = class e extends v {
 		x: -1,
 		y: 1
 	}
-}, O = [
+}, ne = [
 	"north",
 	"south",
 	"east",
@@ -485,7 +651,7 @@ var x = class e extends v {
 	"northwest",
 	"southeast",
 	"southwest"
-], ee = {
+], M = {
 	north: "south",
 	south: "north",
 	east: "west",
@@ -495,39 +661,39 @@ var x = class e extends v {
 	southeast: "northwest",
 	southwest: "northeast"
 };
-function k(e) {
-	return e ? Object.prototype.hasOwnProperty.call(D, e) : !1;
+function N(e) {
+	return e ? Object.prototype.hasOwnProperty.call(j, e) : !1;
 }
-function A(e, t, n, r = 1) {
-	if (!k(n)) return {
+function P(e, t, n, r = 1) {
+	if (!N(n)) return {
 		x: e,
 		y: t
 	};
-	let i = D[n];
+	let i = j[n];
 	return {
 		x: e + i.x * r,
 		y: t + i.y * r
 	};
 }
-function j(e, t, n, r = 1, i = 0) {
-	if (!k(n)) return {
+function F(e, t, n, r = 1, i = 0) {
+	if (!N(n)) return {
 		x: e,
 		y: t
 	};
-	let a = D[n];
-	if (!(a.x !== 0 && a.y !== 0) || i <= 0) return A(e, t, n, r);
+	let a = j[n];
+	if (!(a.x !== 0 && a.y !== 0) || i <= 0) return P(e, t, n, r);
 	let o = r - i + i / Math.SQRT2;
 	return {
 		x: e + a.x * o,
 		y: t + a.y * o
 	};
 }
-function M(e, t, n, r = 1) {
-	if (!k(n)) return {
+function re(e, t, n, r = 1) {
+	if (!N(n)) return {
 		x: e,
 		y: t
 	};
-	let i = D[n], a = Math.atan2(i.y, i.x);
+	let i = j[n], a = Math.atan2(i.y, i.x);
 	return {
 		x: e + Math.cos(a) * r,
 		y: t + Math.sin(a) * r
@@ -535,32 +701,32 @@ function M(e, t, n, r = 1) {
 }
 //#endregion
 //#region src/ExitRenderer.ts
-var N = {
+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 te(e) {
+function ae(e) {
 	switch (e) {
-		case 1: return N.OPEN_DOOR;
-		case 2: return N.CLOSED_DOOR;
-		default: return N.LOCKED_DOOR;
+		case 1: return ie.OPEN_DOOR;
+		case 2: return ie.CLOSED_DOOR;
+		default: return ie.LOCKED_DOOR;
 	}
 }
-var P = 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" ? M(e, t, n, i) : this.settings.roomShape === "roundedRectangle" ? j(e, t, n, i, this.settings.roomSize * .2) : A(e, t, n, i);
+		return this.settings.roomShape === "circle" ? re(e, t, n, i) : this.settings.roomShape === "roundedRectangle" ? F(e, t, n, i, this.settings.roomSize * .2) : P(e, t, n, i);
 	}
 	renderData(e, t) {
 		return this.renderDataWithColor(e, this.settings.lineColor, t);
 	}
 	renderDataWithColor(e, t, n) {
-		let r = e.aDir && w.includes(e.aDir), i = e.bDir && w.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";
@@ -569,7 +735,7 @@ var P = 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[E[e.aDir]] && i.customLines[E[e.bDir]] || r.z !== i.z && (n !== i.z && r.customLines[E[e.aDir]] || n !== r.z && i.customLines[E[e.bDir]])) return;
+		if (!r || !i || !e.aDir || !e.bDir || r.customLines[A[e.aDir]] && i.customLines[A[e.bDir]] || r.z !== i.z && (n !== i.z && r.customLines[A[e.aDir]] || n !== r.z && i.customLines[A[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,
@@ -579,7 +745,7 @@ var P = class {
 			points: s,
 			stroke: t,
 			strokeWidth: this.settings.lineWidth
-		}], l = [], u = r.doors[E[e.aDir]] ?? i.doors[E[e.bDir]];
+		}], l = [], u = r.doors[A[e.aDir]] ?? i.doors[A[e.bDir]];
 		if (u) {
 			let e = s[0] + (s[2] - s[0]) / 2, t = s[1] + (s[3] - s[1]) / 2;
 			l.push({
@@ -587,7 +753,7 @@ var P = class {
 				y: t - this.settings.roomSize / 4,
 				width: this.settings.roomSize / 2,
 				height: this.settings.roomSize / 2,
-				stroke: te(u),
+				stroke: ae(u),
 				strokeWidth: this.settings.lineWidth
 			});
 		}
@@ -618,9 +784,9 @@ var P = 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 || !w.includes(o) || i.customLines[E[o] || o]) return;
+		if (!o || !i || !a || !k.includes(o) || i.customLines[A[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 = A(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 = P(i.x, i.y, o, this.settings.roomSize * 1.5), r = e;
 			return {
 				lines: [],
 				arrows: [{
@@ -659,8 +825,8 @@ var P = class {
 			x: a.x,
 			y: a.y
 		};
-		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 = [
+		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 = [
 			f.x,
 			f.y,
 			c.x,
@@ -692,7 +858,7 @@ var P = class {
 				pointerWidth: .35,
 				strokeWidth: this.settings.lineWidth * 1.4,
 				stroke: t,
-				fill: N.ONE_WAY_FILL,
+				fill: ie.ONE_WAY_FILL,
 				dash: [.1, .05]
 			}],
 			doors: [],
@@ -747,7 +913,7 @@ var P = class {
 		for (let [r, i] of Object.entries(e.customLines)) {
 			let a = e.specialExits[r];
 			if (a === void 0) {
-				let t = T[r] ?? n[r];
+				let t = te[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;
@@ -779,7 +945,7 @@ var P = class {
 		}
 		return t;
 	}
-}, ne = {
+}, se = {
 	1: "north",
 	2: "northeast",
 	3: "northwest",
@@ -793,15 +959,15 @@ var P = class {
 	11: "in",
 	12: "out"
 };
-function re(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 ce(e, t, n, r, i) {
+	return e.roomShape === "circle" ? re(t, n, r, i) : e.roomShape === "roundedRectangle" ? F(t, n, r, i, e.roomSize * .2) : P(t, n, r, i);
 }
-function ie(e, t, n) {
+function le(e, t, n) {
 	let r = [];
 	for (let i of e.stubs) {
-		let a = ne[i];
+		let a = se[i];
 		if (!a) continue;
-		let o = re(t, e.x, e.y, a, t.roomSize / 2), s = A(e.x, e.y, a, t.roomSize / 2 + .5);
+		let o = ce(t, e.x, e.y, a, t.roomSize / 2), s = P(e.x, e.y, a, t.roomSize / 2 + .5);
 		r.push({
 			roomId: e.id,
 			direction: a,
@@ -817,12 +983,12 @@ function ie(e, t, n) {
 }
 //#endregion
 //#region src/scene/SpecialExitStyle.ts
-var ae = {
+var ue = {
 	1: "rgb(10, 155, 10)",
 	2: "rgb(226, 205, 59)",
 	3: "rgb(155, 10, 10)"
 };
-function oe(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];
@@ -869,7 +1035,7 @@ function oe(e, t, n) {
 				y: n - r / 2,
 				width: r,
 				height: r,
-				stroke: ae[f] ?? ae[3],
+				stroke: ue[f] ?? ue[3],
 				strokeWidth: t.lineWidth
 			};
 		}
@@ -884,34 +1050,34 @@ function oe(e, t, n) {
 }
 //#endregion
 //#region src/utils/textMeasure.ts
-var se = 72, F = 200, ce = 120, le = /* @__PURE__ */ new Map(), I = null;
-function ue() {
-	return I || (I = e.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 de(e, t) {
-	let n = `${e}::${t}`, r = le.get(n);
+function ge(e, t) {
+	let n = `${e}::${t}`, r = me.get(n);
 	if (r !== void 0) return r;
-	let i = ue().getContext("2d", { willReadFrequently: !0 }), a = `bold ${se}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, ce);
-	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 le.set(n, e), e;
+		return me.set(n, e), e;
 	}
-	let l = (ce - s - Math.max(0, c - ce)) / 2 / se, 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 / se - l
+		konvaCorrectionRatio: ((u.fontBoundingBoxAscent ?? u.actualBoundingBoxAscent ?? 0) - (u.fontBoundingBoxDescent ?? u.actualBoundingBoxDescent ?? 0)) / 2 / fe - l
 	};
-	return le.set(n, d), d;
+	return me.set(n, d), d;
 }
 //#endregion
 //#region src/scene/RoomStyle.ts
-function fe(e, t, n, r) {
-	let i = t.getColorValue(e.env), a = n.coloredMode ? h(i, .5) : n.frameMode ? n.backgroundColor : i, o = n.coloredMode ? g(i, .1) : i;
+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,
 		strokeColor: r ? n.frameMode || n.coloredMode ? o : r : n.frameMode || n.coloredMode ? o : n.lineColor,
@@ -920,9 +1086,9 @@ function fe(e, t, n, r) {
 		envColor: i
 	};
 }
-function pe(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 = g(e, .35), o = h(e, .45);
+	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") {
 		let e = n / 2, t = n / 2, s = n / 2 - r, c = [];
 		for (let n = 0; n <= 48; n++) {
@@ -1024,10 +1190,10 @@ function pe(e, t) {
 }
 //#endregion
 //#region src/scene/elements/RoomLayout.ts
-function me(e, t, n, r) {
-	let { fillColor: i, strokeColor: a, borderWidth: o, symbolColor: s } = fe(e, t, n, r.strokeOverride), c = n.roomSize, l = [], u = pe(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 = [h(a, .5), a], t = o * 2;
+		let e = [v(a, .5), a], t = o * 2;
 		n.roomShape === "circle" ? l.push({
 			type: "circle",
 			cx: c / 2,
@@ -1109,7 +1275,7 @@ function me(e, t, n, r) {
 		lineCap: u.highlight.lineCap,
 		lineJoin: u.shadow.lineJoin
 	})), e.roomChar) {
-		let t = c * .75, { baselineRatio: r, konvaCorrectionRatio: i } = de(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,
@@ -1142,13 +1308,13 @@ function me(e, t, n, r) {
 }
 //#endregion
 //#region src/scene/InnerExitStyle.ts
-var he = [
+var be = [
 	"up",
 	"down",
 	"in",
 	"out"
 ];
-function L(e, t, n, r) {
+function R(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);
@@ -1156,30 +1322,30 @@ function L(e, t, n, r) {
 	}
 	return a;
 }
-function ge(e, t, n) {
+function xe(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 _e = {
+var Se = {
 	1: "rgb(10, 155, 10)",
 	2: "rgb(226, 205, 59)",
 	3: "rgb(155, 10, 10)"
 };
-function ve(e, t, n) {
-	let r = [], i = n.roomSize, a = i / 5, { symbolColor: o, symbolFill: s } = ge(e, t, n);
-	for (let t of he) {
+function Ce(e, t, n) {
+	let r = [], i = n.roomSize, a = i / 5, { symbolColor: o, symbolFill: s } = xe(e, t, n);
+	for (let t of be) {
 		if (!e.exits[t]) continue;
-		let c = e.doors[t], l = c === void 0 ? o : _e[c] ?? _e[3];
+		let c = e.doors[t], l = c === void 0 ? o : Se[c] ?? Se[3];
 		switch (t) {
 			case "up": {
-				let t = A(e.x, e.y, "south", i / 4);
+				let t = P(e.x, e.y, "south", i / 4);
 				r.push({
 					cx: t.x,
 					cy: t.y,
-					vertices: L(t.x, t.y, a, 0),
+					vertices: R(t.x, t.y, a, 0),
 					fill: s,
 					stroke: l,
 					strokeWidth: n.lineWidth
@@ -1187,11 +1353,11 @@ function ve(e, t, n) {
 				break;
 			}
 			case "down": {
-				let t = A(e.x, e.y, "north", i / 4);
+				let t = P(e.x, e.y, "north", i / 4);
 				r.push({
 					cx: t.x,
 					cy: t.y,
-					vertices: L(t.x, t.y, a, 180),
+					vertices: R(t.x, t.y, a, 180),
 					fill: s,
 					stroke: l,
 					strokeWidth: n.lineWidth
@@ -1199,18 +1365,18 @@ function ve(e, t, n) {
 				break;
 			}
 			case "in": {
-				let t = A(e.x, e.y, "west", i / 4), o = A(e.x, e.y, "east", i / 4);
+				let t = P(e.x, e.y, "west", i / 4), o = P(e.x, e.y, "east", i / 4);
 				r.push({
 					cx: t.x,
 					cy: t.y,
-					vertices: L(t.x, t.y, a, 90),
+					vertices: R(t.x, t.y, a, 90),
 					fill: s,
 					stroke: l,
 					strokeWidth: n.lineWidth
 				}), r.push({
 					cx: o.x,
 					cy: o.y,
-					vertices: L(o.x, o.y, a, -90),
+					vertices: R(o.x, o.y, a, -90),
 					fill: s,
 					stroke: l,
 					strokeWidth: n.lineWidth
@@ -1218,18 +1384,18 @@ function ve(e, t, n) {
 				break;
 			}
 			case "out": {
-				let t = A(e.x, e.y, "west", i / 4), o = A(e.x, e.y, "east", i / 4);
+				let t = P(e.x, e.y, "west", i / 4), o = P(e.x, e.y, "east", i / 4);
 				r.push({
 					cx: t.x,
 					cy: t.y,
-					vertices: L(t.x, t.y, a, -90),
+					vertices: R(t.x, t.y, a, -90),
 					fill: s,
 					stroke: l,
 					strokeWidth: n.lineWidth
 				}), r.push({
 					cx: o.x,
 					cy: o.y,
-					vertices: L(o.x, o.y, a, 90),
+					vertices: R(o.x, o.y, a, 90),
 					fill: s,
 					stroke: l,
 					strokeWidth: n.lineWidth
@@ -1242,8 +1408,8 @@ function ve(e, t, n) {
 }
 //#endregion
 //#region src/scene/elements/ExitLayout.ts
-function ye(e, t, n) {
-	let r = n.roomSize, i = e.x - r / 2, a = e.y - r / 2, { triangles: o } = ve(e, t, n);
+function we(e, t, n) {
+	let r = n.roomSize, i = e.x - r / 2, a = e.y - r / 2, { triangles: o } = Ce(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;
@@ -1258,7 +1424,7 @@ function ye(e, t, n) {
 		};
 	});
 }
-function be(e, t) {
+function Te(e, t) {
 	let n = [];
 	for (let t of e.lines) n.push({
 		type: "line",
@@ -1269,7 +1435,7 @@ function be(e, t) {
 			dash: t.dash
 		}
 	});
-	for (let t of e.arrows) xe(n, t);
+	for (let t of e.arrows) Ee(n, t);
 	for (let t of e.doors) n.push({
 		type: "rect",
 		x: t.x,
@@ -1290,7 +1456,7 @@ function be(e, t) {
 		children: n
 	};
 }
-function xe(e, t) {
+function Ee(e, t) {
 	e.push({
 		type: "line",
 		points: t.points,
@@ -1320,7 +1486,7 @@ function xe(e, t) {
 }
 //#endregion
 //#region src/scene/elements/SpecialExitLayout.ts
-function Se(e, t) {
+function De(e, t) {
 	let n = [];
 	if (n.push({
 		type: "line",
@@ -1381,7 +1547,7 @@ function Se(e, t) {
 }
 //#endregion
 //#region src/scene/elements/StubLayout.ts
-function Ce(e) {
+function Oe(e) {
 	return {
 		type: "group",
 		x: 0,
@@ -1409,11 +1575,11 @@ function Ce(e) {
 }
 //#endregion
 //#region src/scene/elements/LabelLayout.ts
-function we(e) {
+function ke(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 Te(e, t) {
+function Ae(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 {
@@ -1442,7 +1608,7 @@ function Te(e, t) {
 		y: c,
 		width: e.Width,
 		height: e.Height,
-		paint: { fill: we(e.BgColor) }
+		paint: { fill: ke(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({
@@ -1453,7 +1619,7 @@ function Te(e, t) {
 			height: e.Height,
 			text: e.Text,
 			fontSize: n,
-			fill: we(e.FgColor),
+			fill: ke(e.FgColor),
 			align: "center",
 			verticalAlign: "middle"
 		});
@@ -1473,11 +1639,11 @@ function Te(e, t) {
 }
 //#endregion
 //#region src/ScenePipeline.ts
-function Ee(e, t) {
-	let n = De(e);
+function je(e, t) {
+	let n = Me(e);
 	return n ? `rgba(${n.r}, ${n.g}, ${n.b}, ${t})` : e;
 }
-function De(e) {
+function Me(e) {
 	let t = e.match(/(\d+)\s*,\s*(\d+)\s*,\s*(\d+)/);
 	if (t) return {
 		r: +t[1],
@@ -1490,11 +1656,11 @@ function De(e) {
 		b: parseInt(e.slice(5, 7), 16)
 	};
 }
-function Oe(e, t, n) {
-	let r = De(e), i = De(t);
+function Ne(e, t, n) {
+	let r = Me(e), i = Me(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 ke(e, t) {
+function Pe(e, t) {
 	let n = t * t, r = [];
 	outer: for (let t of e) {
 		for (let e of r) for (let r of e) {
@@ -1508,33 +1674,33 @@ function ke(e, t) {
 	}
 	return r;
 }
-var R = class {
+var z = 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 P(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) {
+	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());
-		let r = this.renderLinkExits(e.getLinkExits(n), n), i = this.renderRooms(t.getRooms() ?? [], n);
+		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 a = [...r.areaExitHitZones, ...i.areaExitHitZones], o = this.renderAreaExitLabels(a, e.getAreaId(), t.getRooms() ?? [], r.standaloneExitShapeRefs.map((e) => e.bounds));
-		a.push(...o);
-		let s = [
+		let s = [...i.areaExitHitZones, ...o.areaExitHitZones], c = this.renderAreaExitLabels(s, e.getAreaId(), a, i.standaloneExitShapeRefs.map((e) => e.bounds));
+		s.push(...c);
+		let l = [
 			...this.linkShapes,
 			...this.roomShapes,
 			...this.topLabelShapes
 		];
 		return {
-			roomShapeRefs: i.roomShapeRefs,
-			standaloneExitShapeRefs: r.standaloneExitShapeRefs,
+			roomShapeRefs: o.roomShapeRefs,
+			standaloneExitShapeRefs: i.standaloneExitShapeRefs,
 			labelShapeRefs: this.labelShapeRefs,
 			specialExitShapeRefs: this.specialExitShapeRefs,
 			stubShapeRefs: this.stubShapeRefs,
 			areaExitLabelShapeRefs: this.areaExitLabelShapeRefs,
-			areaExitHitZones: a,
-			drawnExits: r.drawnExits,
-			drawnSpecialExits: i.drawnSpecialExits,
-			drawnStubs: i.drawnStubs,
-			hitShapes: s,
+			areaExitHitZones: s,
+			drawnExits: i.drawnExits,
+			drawnSpecialExits: o.drawnSpecialExits,
+			drawnStubs: o.drawnStubs,
+			hitShapes: l,
 			sceneShapes: {
 				grid: [],
 				link: this.linkShapes,
@@ -1549,10 +1715,10 @@ var R = class {
 	renderRooms(e, t) {
 		let n = /* @__PURE__ */ new Map(), r = [], i = [], a = [], o = [];
 		e.forEach((e) => {
-			let t = me(e, this.mapReader, this.settings, { flatPipeline: !0 });
-			t.children.push(...ye(e, this.mapReader, this.settings));
-			for (let t of oe(e, this.settings)) {
-				let n = Se(t, e.id);
+			let t = ye(e, this.mapReader, this.settings, { flatPipeline: !0 });
+			t.children.push(...we(e, this.mapReader, this.settings));
+			for (let t of de(e, this.settings)) {
+				let n = De(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]);
@@ -1597,8 +1763,8 @@ var R = class {
 					arrowColor: e.arrowColor
 				});
 			});
-			for (let t of ie(e, this.settings)) {
-				let e = Ce(t);
+			for (let t of le(e, this.settings)) {
+				let e = Oe(t);
 				this.linkShapes.push(e), a.push({
 					roomId: t.roomId,
 					direction: t.direction,
@@ -1631,12 +1797,21 @@ var R = class {
 			drawnStubs: a
 		};
 	}
-	renderLinkExits(e, t) {
-		let n = [], r = [], i = [];
+	renderLinkExits(e, t, n) {
+		let r = [], i = [], a = [];
 		return e.forEach((e) => {
-			let a = this.exitRenderer.renderData(e, t);
-			if (!a) return;
-			let o = be(a, {
+			let o = this.mapReader.getRoom(e.a), s = this.mapReader.getRoom(e.b);
+			if (!o || !s) return;
+			let c = n.getExitTreatment ? n.getExitTreatment(e, o, s) : w(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 l = this.exitRenderer.renderData(e, t);
+			if (!l) return;
+			let u = Te(l, {
 				kind: "exit",
 				id: `${e.a}:${e.b}:${e.aDir ?? ""}:${e.bDir ?? ""}`,
 				payload: {
@@ -1647,37 +1822,69 @@ var R = class {
 					kind: e.kind ?? "exit"
 				}
 			});
-			this.linkShapes.push(o), n.push({
-				shape: o,
-				bounds: a.bounds,
-				targetRoomId: a.targetRoomId
-			}), i.push({
+			this.linkShapes.push(u), r.push({
+				shape: u,
+				bounds: l.bounds,
+				targetRoomId: l.targetRoomId
+			}), a.push({
 				a: e.a,
 				b: e.b,
 				aDir: e.aDir,
 				bDir: e.bDir,
 				kind: e.kind ?? "exit",
 				zIndex: e.zIndex,
-				data: a
-			}), a.targetRoomId !== void 0 && r.push({
-				bounds: a.bounds,
-				targetRoomId: a.targetRoomId,
-				from: a.from,
-				tip: a.tip,
-				arrowColor: a.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: n,
-			areaExitHitZones: r,
-			drawnExits: i
+			standaloneExitShapeRefs: r,
+			areaExitHitZones: i,
+			drawnExits: a
+		};
+	}
+	buildLensStub(e, t, n, r) {
+		let i = r.isVisible(t);
+		if (i === r.isVisible(n)) return;
+		let a = i ? t : n, o = i ? e.aDir : e.bDir;
+		if (!o || !k.includes(o) || a.customLines[A[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);
+		return {
+			roomId: a.id,
+			direction: o,
+			x1: c.x,
+			y1: c.y,
+			x2: l.x,
+			y2: l.y,
+			stroke: this.settings.lineColor,
+			strokeWidth: this.settings.lineWidth
 		};
 	}
+	emitLensStub(e) {
+		let t = Oe(e);
+		this.linkShapes.push(t), this.stubShapeRefs.push({
+			shape: t,
+			bounds: {
+				x: Math.min(e.x1, e.x2),
+				y: Math.min(e.y1, e.y2),
+				width: Math.abs(e.x2 - e.x1),
+				height: Math.abs(e.y2 - e.y1)
+			}
+		});
+	}
+	getRoomEdgePoint(e, t, n, r) {
+		return this.settings.roomShape === "circle" ? re(e, t, n, r) : this.settings.roomShape === "roundedRectangle" ? F(e, t, n, r, this.settings.roomSize * .2) : P(e, t, n, r);
+	}
 	buildExitShape(e) {
-		return be(e);
+		return Te(e);
 	}
 	renderLabels(e, t) {
 		for (let n of e) {
-			let e = Te(n, this.settings);
+			let e = Ae(n, this.settings);
 			e && (e.hit = {
 				kind: "label",
 				id: n.labelId,
@@ -1716,12 +1923,12 @@ var R = class {
 			}, c = a.get(e.area);
 			c ? c.push(s) : a.set(e.area, [s]);
 		}
-		let o = this.settings.areaExitLabelFontSize, s = o * .6, c = o * .333, l = o * .55, u = o * 1.1, d = o * .6, f = .35, p = o * .1, h = this.settings.roomSize, g = n.map((e) => ({
-			x: e.x - h / 2,
-			y: e.y - h / 2,
-			width: h,
-			height: h
-		})), _ = e.map((e) => e.bounds), v = (e, t, n) => {
+		let o = this.settings.areaExitLabelFontSize, s = o * .6, c = o * .333, l = o * .55, u = o * 1.1, d = o * .6, f = .35, p = o * .1, m = this.settings.roomSize, h = n.map((e) => ({
+			x: e.x - m / 2,
+			y: e.y - m / 2,
+			width: m,
+			height: m
+		})), g = e.map((e) => e.bounds), v = (e, t, n) => {
 			let r = Math.max(0, Math.max(e.x, t.x) - Math.min(e.x + e.w, t.x + t.w)), i = Math.max(0, Math.max(e.y, t.y) - Math.min(e.y + e.h, t.y + t.h));
 			return Math.hypot(r, i) <= n;
 		}, y = (e, t, n, r, i) => {
@@ -1737,52 +1944,52 @@ var R = class {
 			[.707, -.707],
 			[-.707, -.707]
 		], 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, h = -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 > 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 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, 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 > D && (D = a);
 			}
-			let O = D > 3, ee = w / C >= .4, k = n?.x ?? (O ? (m + h) / 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 N = g.concat(_).concat(r), te = (e, t, n = 0) => .5 + n + Math.abs(e) * i / 2 + Math.abs(t) * a / 2, P = [];
+			let O = D > 3, ee = w / C >= .4, k = n?.x ?? (O ? (m + _) / 2 : o / C), te = n?.y ?? (O ? (v + x) / 2 : d / C), A = "white", j = 0;
+			for (let [e, t] of S) t > j && (A = e, j = t);
+			let ne = h.concat(g).concat(r), M = (e, t, n = 0) => .5 + n + Math.abs(e) * i / 2 + Math.abs(t) * a / 2, N = [];
 			if (ee) {
-				let e = te(T, E);
-				P.push({
+				let e = M(T, E);
+				N.push({
 					x: k + T * e,
-					y: A + E * e
+					y: te + E * e
 				});
 			}
-			P.push({
+			N.push({
 				x: k,
-				y: A
+				y: te
 			});
 			for (let e of [
 				0,
 				.6,
 				1.4
 			]) for (let [t, n] of b) {
-				let r = te(t, n, e);
-				P.push({
+				let r = M(t, n, e);
+				N.push({
 					x: k + t * r,
-					y: A + n * r
+					y: te + n * r
 				});
 			}
-			for (let t of P) {
+			for (let t of N) {
 				let n = t.x - i / 2, r = t.y - a / 2;
-				if (!y(n, r, i, a, N)) return {
+				if (!y(n, r, i, a, ne)) return {
 					cluster: e,
 					boxX: n,
 					boxY: r,
 					boxW: i,
 					boxH: a,
-					color: j
+					color: A
 				};
 			}
 		};
 		for (let [e, t] of a) {
-			let n = this.mapReader.getArea(e)?.getAreaName() || `Area ${e}`, r = ke(t, 10).map((e) => x(e, n)).filter((e) => e !== void 0), a = !0;
+			let n = this.mapReader.getArea(e)?.getAreaName() || `Area ${e}`, r = Pe(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++) {
@@ -1808,7 +2015,7 @@ var R = class {
 				}
 			}
 			for (let e of r) {
-				let t = Ee(e.color, f), r = m(Oe(e.color, this.settings.backgroundColor, f)) > .55 ? "#000" : "#fff", a = {
+				let t = je(e.color, f), r = _(Ne(e.color, this.settings.backgroundColor, f)) > .55 ? "#000" : "#fff", a = {
 					type: "group",
 					x: 0,
 					y: 0,
@@ -1884,7 +2091,7 @@ var R = class {
 };
 //#endregion
 //#region src/scene/elements/GridLayout.ts
-function Ae(e, t, n = {}) {
+function Fe(e, t, n = {}) {
 	if (!t.gridEnabled) return [];
 	let r = n.inverseTransform ?? ((e, t) => ({
 		x: e,
@@ -1921,11 +2128,11 @@ function Ae(e, t, n = {}) {
 }
 //#endregion
 //#region src/export/clipSceneToViewport.ts
-function je(e, t, n, r) {
+function Ie(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 = Me(e, t, n, r, l);
+			let c = Le(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;
@@ -1938,7 +2145,7 @@ function je(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 Me(e, t, n, r, i) {
+function Le(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),
@@ -1947,13 +2154,13 @@ function Me(e, t, n, r, i) {
 		maxY: Math.max(a.y, o.y, s.y, c.y)
 	};
 }
-function Ne(e, t, n, r) {
-	let i = Ae(t, n, { inverseTransform: r?.inverse });
+function Re(e, t, n, r) {
+	let i = Fe(t, n, { inverseTransform: r?.inverse });
 	if (!n.cullingEnabled) return {
 		...e.sceneShapes,
 		grid: i
 	};
-	let a = je(e, t, n, r);
+	let a = Ie(e, t, n, r);
 	return {
 		grid: i,
 		link: e.sceneShapes.link.filter((e) => a.get(e) ?? !0),
@@ -1963,14 +2170,14 @@ function Ne(e, t, n, r) {
 }
 //#endregion
 //#region src/rendering/SceneManager.ts
-var Pe = {
+var ze = {
 	grid: [],
 	link: [],
 	room: [],
 	topLabel: []
-}, Fe = class {
+}, Be = class {
 	constructor(e, t, n) {
-		this.camera = e, this.settings = t, this.standaloneExitShapeSet = /* @__PURE__ */ new Set(), this.pipeline = new R(n, t);
+		this.camera = e, this.settings = t, this.standaloneExitShapeSet = /* @__PURE__ */ new Set(), this.pipeline = new z(n, t);
 	}
 	get exitRenderer() {
 		return this.pipeline.exitRenderer;
@@ -1993,8 +2200,8 @@ var Pe = {
 	get hitShapes() {
 		return this.lastBuildResult?.hitShapes ?? [];
 	}
-	rebuild(e, t, n) {
-		return this.lastBuildResult = this.pipeline.buildScene(e, t, n), this.standaloneExitShapeSet = new Set(this.lastBuildResult.standaloneExitShapeRefs.map((e) => e.shape)), this.lastBuildResult;
+	rebuild(e, t, n, r) {
+		return this.lastBuildResult = this.pipeline.buildScene(e, t, n, r), this.standaloneExitShapeSet = new Set(this.lastBuildResult.standaloneExitShapeRefs.map((e) => e.shape)), this.lastBuildResult;
 	}
 	buildExitShape(e) {
 		return this.pipeline.buildExitShape(e);
@@ -2003,23 +2210,23 @@ var Pe = {
 		this.lastBuildResult = void 0, this.standaloneExitShapeSet = /* @__PURE__ */ new Set();
 	}
 	resetPipeline(e) {
-		this.pipeline = new R(e, this.settings), this.reset();
+		this.pipeline = new z(e, this.settings), this.reset();
 	}
-	cullInteractive(e = S) {
+	cullInteractive(e = O) {
 		if (!this.lastBuildResult) return /* @__PURE__ */ new Map();
-		let t = this.camera.getCullingViewport(this.settings.cullingBounds), n = e === S ? void 0 : { forward: e };
-		return je(this.lastBuildResult, t, this.settings, n);
+		let t = this.camera.getCullingViewport(this.settings.cullingBounds), n = e === O ? void 0 : { forward: e };
+		return Ie(this.lastBuildResult, t, this.settings, n);
 	}
-	cull(e = S) {
+	cull(e = O) {
 		if (!this.lastBuildResult) return {
-			shapes: Pe,
+			shapes: ze,
 			stats: {
 				visibleRooms: 0,
 				totalRooms: 0,
 				visibleExits: 0
 			}
 		};
-		let t = this.camera.getCullingViewport(this.settings.cullingBounds), n = e === S ? void 0 : { forward: e }, r = Ne(this.lastBuildResult, t, this.settings, n);
+		let t = this.camera.getCullingViewport(this.settings.cullingBounds), n = e === O ? void 0 : { forward: e }, r = Re(this.lastBuildResult, t, this.settings, n);
 		return {
 			shapes: r,
 			stats: {
@@ -2029,7 +2236,7 @@ var Pe = {
 			}
 		};
 	}
-}, Ie = class {
+}, Ve = class {
 	setCursor(e) {
 		this.container.dataset.editorCursor || (this.container.style.cursor = e);
 	}
@@ -2222,7 +2429,7 @@ var Pe = {
 };
 //#endregion
 //#region src/render/RecordingLayer.ts
-function Le(e, t) {
+function He(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 = 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());
@@ -2279,7 +2486,7 @@ function Le(e, t) {
 			break;
 	}
 }
-var Re = class {
+var Ue = class {
 	constructor(e, t) {
 		this._visible = !0, this.noScaling = !1, this.commands = [], this.x = e, this.y = t;
 	}
@@ -2309,39 +2516,39 @@ var Re = class {
 	}
 	materialize() {
 		if (this._konvaGroup) return this._konvaGroup;
-		let t = new e.Group({
+		let e = new r.Group({
 			x: this.x,
 			y: this.y,
 			listening: !1,
 			visible: this._visible
-		}), n = this.commands;
-		return t.add(new e.Shape({
+		}), t = this.commands;
+		return e.add(new r.Shape({
 			listening: !1,
 			perfectDrawEnabled: !1,
 			sceneFunc: (e) => {
-				let t = e._context;
-				for (let e of n) Le(t, e);
+				let n = e._context;
+				for (let e of t) He(n, e);
 			}
-		})), this._konvaGroup = t, t;
+		})), this._konvaGroup = e, e;
 	}
-}, ze = class {
-	constructor(t) {
-		this.entries = [], this.nodeToEntry = /* @__PURE__ */ new Map(), this.konvaLayer = t, t.destroyChildren();
-		let n = this;
-		this.konvaShape = new e.Shape({
+}, We = class {
+	constructor(e) {
+		this.entries = [], this.nodeToEntry = /* @__PURE__ */ new Map(), this.konvaLayer = e, e.destroyChildren();
+		let t = this;
+		this.konvaShape = new r.Shape({
 			listening: !1,
 			perfectDrawEnabled: !1,
 			sceneFunc: (e) => {
-				let t = e._context, r = t.getTransform(), i = r.a, a = r.b, o = r.c, s = r.d;
-				for (let e of n.entries) {
+				let n = e._context, r = n.getTransform(), i = r.a, a = r.b, o = r.c, s = r.d;
+				for (let e of t.entries) {
 					if (!e.visible) continue;
-					let n = i * e.x + o * e.y + r.e, c = a * e.x + s * e.y + r.f;
-					e.noScaling ? t.setTransform(75, 0, 0, 75, n, c) : t.setTransform(i, a, o, s, n, c);
-					for (let n of e.commands) Le(t, n);
+					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) He(n, t);
 				}
-				t.setTransform(r);
+				n.setTransform(r);
 			}
-		}), t.add(this.konvaShape);
+		}), e.add(this.konvaShape);
 	}
 	addNode(e) {
 		let t = {
@@ -2365,24 +2572,24 @@ var Re = class {
 	ensureShape() {
 		this.konvaShape.getParent() || this.konvaLayer.add(this.konvaShape);
 	}
-}, z = class {
-	constructor(t) {
-		this.groups = [], this.konvaLayer = t, t.destroyChildren();
-		let n = this;
-		this.konvaShape = new e.Shape({
+}, B = class {
+	constructor(e) {
+		this.groups = [], this.konvaLayer = e, e.destroyChildren();
+		let t = this;
+		this.konvaShape = new r.Shape({
 			listening: !1,
 			perfectDrawEnabled: !1,
 			sceneFunc: (e) => {
-				let t = e._context, r = t.getTransform(), i = r.a, a = r.b, o = r.c, s = r.d;
-				for (let e of n.groups) {
+				let n = e._context, r = n.getTransform(), i = r.a, a = r.b, o = r.c, s = r.d;
+				for (let e of t.groups) {
 					if (!e._visible) continue;
-					let n = i * e.x + o * e.y + r.e, c = a * e.x + s * e.y + r.f;
-					e.noScaling ? t.setTransform(75, 0, 0, 75, n, c) : t.setTransform(i, a, o, s, n, c);
-					for (let n of e.commands) Le(t, n);
+					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) He(n, t);
 				}
-				t.setTransform(r);
+				n.setTransform(r);
 			}
-		}), t.add(this.konvaShape);
+		}), e.add(this.konvaShape);
 	}
 	addNode(e) {
 		this.groups.push(e), this.ensureShape();
@@ -2396,7 +2603,7 @@ var Re = class {
 	ensureShape() {
 		this.konvaShape.getParent() || this.konvaLayer.add(this.konvaShape);
 	}
-}, Be = class {
+}, Ge = class {
 	constructor(e) {
 		this.konvaLayer = e;
 	}
@@ -2412,14 +2619,14 @@ var Re = class {
 };
 //#endregion
 //#region src/render/shapeToRecording.ts
-function Ve(e) {
-	let t = new Re(e.x, e.y);
-	return e.noScale && (t.noScaling = !0), He(t, e.children, 0, 0), t;
+function Ke(e) {
+	let t = new Ue(e.x, e.y);
+	return e.noScale && (t.noScaling = !0), qe(t, e.children, 0, 0), t;
 }
-function He(e, t, n, r) {
-	for (let i of t) Ue(e, i, n, r);
+function qe(e, t, n, r) {
+	for (let i of t) Je(e, i, n, r);
 }
-function Ue(e, t, n, r) {
+function Je(e, t, n, r) {
 	switch (t.type) {
 		case "rect":
 			e.commands.push({
@@ -2448,7 +2655,7 @@ function Ue(e, t, n, r) {
 			});
 			return;
 		case "line": {
-			let i = n === 0 && r === 0 ? t.points : We(t.points, n, r);
+			let i = n === 0 && r === 0 ? t.points : Ye(t.points, n, r);
 			e.commands.push({
 				type: "line",
 				points: i,
@@ -2464,7 +2671,7 @@ function Ue(e, t, n, r) {
 		case "polygon":
 			e.commands.push({
 				type: "polygon",
-				vertices: n === 0 && r === 0 ? t.vertices : We(t.vertices, n, r),
+				vertices: n === 0 && r === 0 ? t.vertices : Ye(t.vertices, n, r),
 				fill: t.paint.fill,
 				stroke: t.paint.stroke,
 				sw: t.paint.strokeWidth ?? 0
@@ -2491,7 +2698,7 @@ function Ue(e, t, n, r) {
 			});
 			return;
 		case "image": {
-			let i = Ge(t.src);
+			let i = Xe(t.src);
 			e.commands.push({
 				type: "image",
 				x: t.x + n,
@@ -2504,35 +2711,35 @@ function Ue(e, t, n, r) {
 			return;
 		}
 		case "group":
-			He(e, t.children, n + t.x, r + t.y);
+			qe(e, t.children, n + t.x, r + t.y);
 			return;
 	}
 }
-function We(e, t, n) {
+function Ye(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 Ge(t) {
-	let n = e === void 0 ? typeof Image < "u" ? new Image() : null : e.Util.createImageElement();
-	return n && (n.src = t), n;
+function Xe(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 V = [
 	"up",
 	"down",
 	"in",
 	"out"
 ];
-function V(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 H(e, t, n, r, i) {
+	return e.roomShape === "circle" ? re(t, n, r, i) : e.roomShape === "roundedRectangle" ? F(t, n, r, i, e.roomSize * .2) : P(t, n, r, i);
 }
-function Ke(e, t, n) {
+function Ze(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 = E[r];
+		if (V.includes(r)) {
+			let e = A[r];
 			return {
 				type: "inner",
 				fromDir: r,
@@ -2541,7 +2748,7 @@ function Ke(e, t, n) {
 				toRoom: n
 			};
 		}
-		let i = E[r];
+		let i = A[r];
 		return t.customLines[i] ? {
 			type: "special",
 			fromDir: r,
@@ -2557,7 +2764,7 @@ function Ke(e, t, n) {
 		} : {
 			type: "regular",
 			fromDir: r,
-			toDir: qe(n, t.id),
+			toDir: Qe(n, t.id),
 			fromRoom: t,
 			toRoom: n
 		};
@@ -2574,8 +2781,8 @@ function Ke(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 = E[r];
+		if (V.includes(r)) {
+			let e = A[r];
 			return {
 				type: "inner",
 				toDir: r,
@@ -2584,7 +2791,7 @@ function Ke(e, t, n) {
 				toRoom: n
 			};
 		}
-		let i = E[r];
+		let i = A[r];
 		return n.customLines[i] ? {
 			type: "special",
 			toDir: r,
@@ -2620,39 +2827,39 @@ function Ke(e, t, n) {
 		toRoom: n
 	};
 }
-function qe(e, t) {
+function Qe(e, t) {
 	for (let [n, r] of Object.entries(e.exits)) if (r === t) return n;
 }
-function Je(e, t, n) {
+function $e(e, t, n) {
 	return e ? e.area === t && e.z === n : !1;
 }
-function Ye(e, t) {
+function et(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 Xe(e, t) {
-	for (let n of O) if (e.exits[n] === t.id) return n;
-	for (let n of O) if (t.exits[n] === e.id) return ee[n];
+function tt(e, t) {
+	for (let n of ne) if (e.exits[n] === t.id) return n;
+	for (let n of ne) if (t.exits[n] === e.id) return M[n];
 }
-function Ze(e, t, n) {
+function nt(e, t, n) {
 	let { fromRoom: r, toRoom: i, fromDir: a, toDir: o } = t;
-	if (n.length === 0 && n.push(r.x, r.y), a && w.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 = H(e, r.x, r.y, a, e.roomSize / 2);
 		n.push(t.x, t.y);
 	}
-	if (o && w.includes(o)) {
-		let t = V(e, i.x, i.y, o, e.roomSize / 2);
+	if (o && k.includes(o)) {
+		let t = H(e, i.x, i.y, o, e.roomSize / 2);
 		n.push(t.x, t.y);
 	}
 	n.push(i.x, i.y);
 }
-function Qe(e, t) {
+function rt(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 $e(e, t, n, r, i) {
+function it(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) => {
@@ -2666,28 +2873,28 @@ function $e(e, t, n, r, i) {
 				}), s.push({ points: t });
 			}
 		}
-		r && B.includes(r) && o.push({
+		r && V.includes(r) && o.push({
 			room: t,
 			direction: r
-		}), i && B.includes(i) && o.push({
+		}), i && V.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 = Je(a, r, i), p = Je(s, r, i);
+		let a = c[n], s = c[n + 1], f = $e(a, r, i), p = $e(s, r, i);
 		if (!f && !p) {
 			u();
 			continue;
 		}
 		if (f && p) {
-			let n = Ke(e, a, s);
+			let n = Ze(e, a, s);
 			switch (n.type) {
 				case "regular":
-					Ze(t, n, l);
+					nt(t, n, l);
 					break;
 				case "special":
-					Qe(n, l);
+					rt(n, l);
 					break;
 				case "inner":
 					u(), d(n);
@@ -2697,22 +2904,22 @@ function $e(e, t, n, r, i) {
 					break;
 			}
 		} else {
-			let e = f ? a : s, n = f ? s : a, r = Ye(e, n);
+			let e = f ? a : s, n = f ? s : a, r = et(e, n);
 			if (r) {
-				if (B.includes(r.direction)) u(), o.push({
+				if (V.includes(r.direction)) u(), o.push({
 					room: e,
 					direction: r.direction
 				});
-				else if (w.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 = A(e.x, e.y, r.direction, t.roomSize);
+					let n = H(t, e.x, e.y, r.direction, t.roomSize / 2), i = P(e.x, e.y, r.direction, t.roomSize);
 					l.push(n.x, n.y, i.x, i.y), u();
 				}
 			} else {
-				let r = Xe(e, n);
+				let r = tt(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 = A(e.x, e.y, r, t.roomSize);
+					let n = H(t, e.x, e.y, r, t.roomSize / 2), i = P(e.x, e.y, r, t.roomSize);
 					l.push(n.x, n.y, i.x, i.y), u();
 				}
 			}
@@ -2726,20 +2933,24 @@ function $e(e, t, n, r, i) {
 }
 //#endregion
 //#region src/scene/OverlayStyle.ts
-function et(e, t, n) {
-	let r = 1.425, i = n.roomSize;
+function at(e, t, n) {
+	let r = n.highlight, i = n.roomSize, a = r.sizeFactor, o = r.matchRoomShape && n.roomShape !== "circle";
 	return {
-		shape: n.roomShape === "circle" ? "circle" : "rect",
+		shape: o ? "rect" : "circle",
 		cx: e.x,
 		cy: e.y,
-		size: i / 2 * r,
-		cornerRadius: n.roomShape === "roundedRectangle" ? i * r * .2 : 0,
-		stroke: t,
-		strokeWidth: .1,
-		dash: [.05, .05]
+		size: i / 2 * a,
+		cornerRadius: o && n.roomShape === "roundedRectangle" ? i * a * .2 : 0,
+		strokeColor: t,
+		strokeAlpha: r.strokeAlpha,
+		strokeWidth: r.strokeWidth,
+		fillColor: t,
+		fillAlpha: r.fillAlpha,
+		dash: r.dash,
+		dashEnabled: r.dashEnabled
 	};
 }
-function tt(e, t) {
+function ot(e, t) {
 	let n = t.playerMarker, r = t.roomSize * n.sizeFactor, i = n.matchRoomShape && t.roomShape !== "circle";
 	return {
 		shape: i ? "rect" : "circle",
@@ -2756,14 +2967,14 @@ function tt(e, t) {
 		dashEnabled: n.dashEnabled
 	};
 }
-function nt(e, t, n, r, i, a) {
-	let o = $e(e, t, n, i, a), s = t.lineWidth, c = t.roomSize / 5, l = [];
+function st(e, t, n, r, i, a) {
+	let o = it(e, t, n, i, a), s = t.lineWidth, c = t.roomSize / 5, l = [];
 	for (let e of o.segments) e.points.length >= 4 && l.push({ points: e.points });
 	for (let e of o.customLines) e.points.length >= 4 && l.push({ points: e.points });
 	let u = [];
 	for (let e of o.innerMarkers) {
 		let t = e.direction === "up" ? 0 : e.direction === "down" ? 180 : e.direction === "in" ? 90 : -90;
-		u.push({ vertices: L(e.room.x, e.room.y, c, t) });
+		u.push({ vertices: R(e.room.x, e.room.y, c, t) });
 	}
 	return {
 		segments: l,
@@ -2775,66 +2986,80 @@ function nt(e, t, n, r, i, a) {
 }
 //#endregion
 //#region src/scene/elements/OverlayLayout.ts
-function rt(e) {
+function ct(e) {
+	let t = x(e.strokeColor, e.strokeAlpha), n = e.fillAlpha > 0 ? x(e.fillColor, e.fillAlpha) : void 0;
 	if (e.shape === "circle") return {
 		type: "circle",
 		cx: e.cx,
 		cy: e.cy,
 		radius: e.size,
 		paint: {
-			stroke: e.stroke,
+			fill: n,
+			stroke: t,
 			strokeWidth: e.strokeWidth,
 			dash: e.dash,
-			dashEnabled: !0
+			dashEnabled: e.dashEnabled
 		},
 		layer: "overlay"
 	};
-	let t = e.cx - e.size, n = e.cy - e.size, r = e.cx + e.size, i = e.cy + e.size;
+	let r = e.cx - e.size, i = e.cy - e.size, a = e.cx + e.size, o = e.cy + e.size, s = [
+		[
+			r,
+			i,
+			a,
+			i
+		],
+		[
+			a,
+			i,
+			a,
+			o
+		],
+		[
+			a,
+			o,
+			r,
+			o
+		],
+		[
+			r,
+			o,
+			r,
+			i
+		]
+	], c = [];
+	n && c.push({
+		type: "rect",
+		x: r,
+		y: i,
+		width: e.size * 2,
+		height: e.size * 2,
+		cornerRadius: e.cornerRadius,
+		paint: { fill: n },
+		layer: "overlay"
+	});
+	for (let n of s) c.push({
+		type: "line",
+		points: n,
+		paint: {
+			stroke: t,
+			strokeWidth: e.strokeWidth,
+			dash: e.dash,
+			dashEnabled: e.dashEnabled
+		},
+		lineCap: "butt",
+		layer: "overlay"
+	});
 	return {
 		type: "group",
 		x: 0,
 		y: 0,
-		children: [
-			[
-				t,
-				n,
-				r,
-				n
-			],
-			[
-				r,
-				n,
-				r,
-				i
-			],
-			[
-				r,
-				i,
-				t,
-				i
-			],
-			[
-				t,
-				i,
-				t,
-				n
-			]
-		].map((t) => ({
-			type: "line",
-			points: t,
-			paint: {
-				stroke: e.stroke,
-				strokeWidth: e.strokeWidth,
-				dash: e.dash
-			},
-			lineCap: "butt",
-			layer: "overlay"
-		})),
+		children: c,
 		layer: "overlay"
 	};
 }
-function it(e) {
-	let t = _(e.strokeColor, e.strokeAlpha), n = e.fillAlpha > 0 ? _(e.fillColor, e.fillAlpha) : void 0;
+function lt(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",
 		cx: e.cx,
@@ -2865,7 +3090,7 @@ function it(e) {
 		layer: "overlay"
 	};
 }
-function at(e) {
+function ut(e) {
 	let t = [];
 	for (let n of e.segments) t.push({
 		type: "line",
@@ -2903,236 +3128,30 @@ function at(e) {
 	return t;
 }
 //#endregion
-//#region src/reader/Plane.ts
-var ot = class {
-	constructor(e, t) {
-		this.rooms = [], this.labels = [], this.rooms = e, this.labels = t, this.bounds = this.createBounds();
-	}
-	getRooms() {
-		return this.rooms;
-	}
-	getLabels() {
-		return this.labels;
-	}
-	getBounds() {
-		return this.bounds;
-	}
-	createBounds() {
-		let e = this.rooms.reduce((e, t) => ({
-			minX: Math.min(e.minX, t.x),
-			maxX: Math.max(e.maxX, t.x),
-			minY: Math.min(e.minY, t.y),
-			maxY: Math.max(e.maxY, t.y)
-		}), {
-			minX: Infinity,
-			maxX: -Infinity,
-			minY: Infinity,
-			maxY: -Infinity
-		});
-		for (let t of this.labels) {
-			let n = t.X, r = -t.Y;
-			e.minX = Math.min(e.minX, n), e.maxX = Math.max(e.maxX, n + t.Width), e.minY = Math.min(e.minY, r), e.maxY = Math.max(e.maxY, r + t.Height);
-		}
-		return e;
-	}
-}, st = class e {
-	constructor(e) {
-		this.planes = {}, this.exits = /* @__PURE__ */ new Map(), this.version = 0, this.area = e, this.planes = this.createPlanes(), this.createExits();
-	}
-	getAreaName() {
-		return this.area.areaName;
-	}
-	getAreaId() {
-		return parseInt(this.area.areaId);
-	}
-	getVersion() {
-		return this.version;
-	}
-	markDirty() {
-		this.version++;
-	}
-	getPlane(e) {
-		return this.planes[e];
-	}
-	getPlanes() {
-		return Object.values(this.planes);
-	}
-	getZLevels() {
-		return Object.keys(this.planes).map(Number).sort((e, t) => e - t);
-	}
-	getRooms() {
-		return this.area.rooms;
-	}
-	getFullBounds() {
-		return this.getPlanes().reduce((e, t) => {
-			let n = t.getBounds();
-			return {
-				minX: Math.min(e.minX, n.minX),
-				maxX: Math.max(e.maxX, n.maxX),
-				minY: Math.min(e.minY, n.minY),
-				maxY: Math.max(e.maxY, n.maxY)
-			};
-		}, {
-			minX: Infinity,
-			maxX: -Infinity,
-			minY: Infinity,
-			maxY: -Infinity
-		});
-	}
-	getLinkExits(e) {
-		return Array.from(this.exits.values()).filter((t) => t.zIndex.includes(e));
-	}
-	createPlanes() {
-		let e = this.area.rooms.reduce((e, t) => (e[t.z] || (e[t.z] = []), e[t.z].push(t), e), {});
-		return Object.entries(e).reduce((e, [t, n]) => (e[+t] = new ot(n, this.area.labels.filter((e) => e.Z === +t)), e), {});
-	}
-	static {
-		this.oppositeDir = {
-			north: "south",
-			south: "north",
-			east: "west",
-			west: "east",
-			northeast: "southwest",
-			southwest: "northeast",
-			northwest: "southeast",
-			southeast: "northwest",
-			up: "down",
-			down: "up",
-			in: "out",
-			out: "in"
-		};
-	}
-	createExits() {
-		let t = /* @__PURE__ */ new Map();
-		this.area.rooms.forEach((e) => {
-			Object.entries(e.exits).forEach(([n, r]) => {
-				if (e.id === r) return;
-				let i = `${Math.min(e.id, r)}-${Math.max(e.id, r)}`;
-				t.has(i) || t.set(i, []), t.get(i).push({
-					origin: e.id,
-					target: r,
-					z: e.z,
-					dir: n
-				});
-			});
-		});
-		for (let [n, r] of t) {
-			let [t, i] = n.split("-"), a = parseInt(t), o = parseInt(i), s = r.filter((e) => e.origin === a), c = r.filter((e) => e.origin === o), l = /* @__PURE__ */ new Set();
-			for (let t of s) {
-				let r = -1;
-				for (let n = 0; n < c.length; n++) if (!l.has(n) && c[n].dir === e.oppositeDir[t.dir]) {
-					r = n;
-					break;
-				}
-				if (r !== -1) {
-					l.add(r);
-					let e = c[r];
-					this.exits.set(`${n}-${t.dir}`, {
-						a,
-						b: o,
-						aDir: t.dir,
-						bDir: e.dir,
-						zIndex: [t.z, e.z]
-					});
-				} else this.exits.set(`${n}-a:${t.dir}`, {
-					a,
-					b: o,
-					aDir: t.dir,
-					zIndex: [t.z]
-				});
-			}
-			for (let e = 0; e < c.length; e++) if (!l.has(e)) {
-				let t = c[e];
-				this.exits.set(`${n}-b:${t.dir}`, {
-					a,
-					b: o,
-					bDir: t.dir,
-					zIndex: [t.z]
-				});
-			}
-		}
-	}
-}, ct = class extends ot {
-	constructor(e, t) {
-		super(e.getRooms(), e.getLabels()), this.basePlane = e, this.visitedRooms = t;
-	}
-	getRooms() {
-		return this.basePlane.getRooms().filter((e) => this.visitedRooms.has(e.id));
-	}
-	getLabels() {
-		return this.basePlane.getLabels();
-	}
-	getBounds() {
-		return this.basePlane.getBounds();
-	}
-}, H = class extends st {
-	constructor(e, t) {
-		super(e), this.planeCache = /* @__PURE__ */ new WeakMap(), this.visitedRooms = t instanceof Set ? t : new Set(t ?? []), this.areaRoomIds = new Set(e.rooms.map((e) => e.id));
-	}
-	getPlane(e) {
-		let t = super.getPlane(e);
-		if (!t) return t;
-		let n = this.planeCache.get(t);
-		return n || (n = new ct(t, this.visitedRooms), this.planeCache.set(t, n)), n;
-	}
-	getPlanes() {
-		return super.getPlanes().map((e) => {
-			let t = this.planeCache.get(e);
-			return t || (t = new ct(e, this.visitedRooms), this.planeCache.set(e, t)), t;
-		});
-	}
-	getLinkExits(e) {
-		return super.getLinkExits(e).filter((e) => this.visitedRooms.has(e.a) || this.visitedRooms.has(e.b));
-	}
-	getVisitedRoomCount() {
-		return super.getRooms().reduce((e, t) => e + +!!this.visitedRooms.has(t.id), 0);
-	}
-	getTotalRoomCount() {
-		return this.areaRoomIds.size;
-	}
-	hasVisitedRoom(e) {
-		return this.areaRoomIds.has(e) && this.visitedRooms.has(e);
-	}
-	getVisitedRoomIds() {
-		return super.getRooms().filter((e) => this.visitedRooms.has(e.id)).map((e) => e.id);
-	}
-	addVisitedRoom(e) {
-		let t = this.visitedRooms.has(e);
-		this.visitedRooms.add(e);
-		let n = !t && this.areaRoomIds.has(e);
-		return n && this.markDirty(), n;
-	}
-	addVisitedRooms(e) {
-		let t = 0;
-		for (let n of e) {
-			let e = this.visitedRooms.has(n);
-			this.visitedRooms.add(n), !e && this.areaRoomIds.has(n) && t++;
-		}
-		return t > 0 && this.markDirty(), t;
-	}
-}, lt = {
+//#region src/hit/HitTester.ts
+var dt = {
 	areaExit: 110,
 	room: 100,
 	label: 80,
 	specialExit: 60,
 	exit: 40,
 	stub: 20
-}, ut = {
+}, ft = {
 	room: .3,
 	areaExit: 1,
 	label: 1,
 	specialExit: .5,
 	exit: .35,
 	stub: .3
-}, dt = (e, t) => ({
+}, pt = (e, t) => ({
 	x: e,
 	y: t
-}), ft = class {
+}), mt = class {
 	constructor() {
-		this.entries = [], this.bucketSize = 5, this.roomSize = 1, this.spatialIndex = /* @__PURE__ */ new Map(), this.transform = dt;
+		this.entries = [], this.bucketSize = 5, this.roomSize = 1, this.spatialIndex = /* @__PURE__ */ new Map(), this.transform = pt;
 	}
 	build(e, t, n) {
-		this.clear(), this.roomSize = t, this.bucketSize = Math.max(t * 10, 5), this.transform = n ?? dt, this.collectHitShapes(e, 0, 0);
+		this.clear(), this.roomSize = t, this.bucketSize = Math.max(t * 10, 5), this.transform = n ?? pt, this.collectHitShapes(e, 0, 0);
 	}
 	clear() {
 		this.entries = [], this.spatialIndex.clear();
@@ -3176,13 +3195,13 @@ var ot = class {
 	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(xt(r + o, i + s));
+			let c = this.spatialIndex.get(Ct(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 = gt(r, e, t);
+				let o = vt(r, e, t);
 				o > i || n(r, o);
 			}
 		}
@@ -3201,14 +3220,14 @@ var ot = class {
 	collectHitShapes(e, t, n) {
 		for (let r of e) {
 			if (r.hit) {
-				let e = [], i = pt();
-				mt(r, t, n, this.transform, e, i), e.length > 0 && i.minX <= i.maxX && this.indexEntry(i, e, r.hit);
+				let e = [], i = ht();
+				gt(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 ?? ut[n.kind] ?? 1, i = n.priority ?? lt[n.kind] ?? 50, a = (e.minX + e.maxX) / 2, o = (e.minY + e.maxY) / 2, s = {
+		let r = n.margin ?? ft[n.kind] ?? 1, i = n.priority ?? dt[n.kind] ?? 50, a = (e.minX + e.maxX) / 2, o = (e.minY + e.maxY) / 2, s = {
 			info: n,
 			margin: r,
 			priority: i,
@@ -3223,12 +3242,12 @@ var ot = class {
 		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 = xt(e, t), r = this.spatialIndex.get(n);
+			let n = Ct(e, t), r = this.spatialIndex.get(n);
 			r || (r = [], this.spatialIndex.set(n, r)), r.push(s);
 		}
 	}
 };
-function pt() {
+function ht() {
 	return {
 		minX: Infinity,
 		minY: Infinity,
@@ -3239,14 +3258,14 @@ function pt() {
 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 mt(e, t, n, r, i, a) {
+function gt(e, t, n, r, i, a) {
 	if (e.type === "group") {
-		for (let o of e.children) o.hit || ht(o, t + e.x, n + e.y, r, i, a);
+		for (let o of e.children) o.hit || _t(o, t + e.x, n + e.y, r, i, a);
 		return;
 	}
-	ht(e, t, n, r, i, a);
+	_t(e, t, n, r, i, a);
 }
-function ht(e, t, n, r, i, a) {
+function _t(e, t, n, r, i, a) {
 	switch (e.type) {
 		case "rect":
 		case "image": {
@@ -3330,42 +3349,42 @@ function ht(e, t, n, r, i, a) {
 			return;
 		}
 		case "group":
-			for (let o of e.children) o.hit || ht(o, t + e.x, n + e.y, r, i, a);
+			for (let o of e.children) o.hit || _t(o, t + e.x, n + e.y, r, i, a);
 			return;
 	}
 }
-function gt(e, t, n) {
+function vt(e, t, n) {
 	let r = Infinity;
 	for (let i of e.geoms) {
-		let e = _t(i, t, n);
+		let e = yt(i, t, n);
 		if (e < r && (r = e), r === 0) return 0;
 	}
 	return r;
 }
-function _t(e, t, n) {
+function yt(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 && bt(e.pts, t, n) ? 0 : vt(e.pts, t, n, e.closed);
+	return e.closed && St(e.pts, t, n) ? 0 : bt(e.pts, t, n, e.closed);
 }
-function vt(e, t, n, r) {
+function bt(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 = yt(t, n, e[o], e[o + 1], e[s], e[s + 1]);
+		let o = r * 2, s = (r + 1) % i * 2, c = xt(t, n, e[o], e[o + 1], e[s], e[s + 1]);
 		c < a && (a = c);
 	}
 	return a;
 }
-function yt(e, t, n, r, i, a) {
+function xt(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 bt(e, t, n) {
+function St(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;
@@ -3373,13 +3392,13 @@ function bt(e, t, n) {
 	}
 	return r;
 }
-function xt(e, t) {
+function Ct(e, t) {
 	return e * 1000003 + t;
 }
 //#endregion
 //#region src/style/Style.ts
 var W = { transform: (e) => e };
-function St(...e) {
+function wt(...e) {
 	return e.length === 0 ? W : e.length === 1 ? e[0] : {
 		transform(t, n) {
 			let r = [t];
@@ -3419,16 +3438,16 @@ function St(...e) {
 function G(e, t, n) {
 	let r = [];
 	for (let i of e) {
-		let e = Ct(i, t, n);
+		let e = Tt(i, t, n);
 		Array.isArray(e) ? r.push(...e) : r.push(e);
 	}
 	return r;
 }
-function Ct(e, t, n) {
+function Tt(e, t, n) {
 	if (e.type === "group") {
 		let r = [];
 		for (let i of e.children) {
-			let e = Ct(i, t, n);
+			let e = Tt(i, t, n);
 			Array.isArray(e) ? r.push(...e) : r.push(e);
 		}
 		return t.transform({
@@ -3440,38 +3459,38 @@ function Ct(e, t, n) {
 }
 //#endregion
 //#region src/rendering/KonvaRenderBackend.ts
-var K = "rgb(120, 72, 0)", wt = class {
+var K = "rgb(120, 72, 0)", Et = class {
 	get coordinateTransform() {
 		return this._coordinateTransform;
 	}
-	constructor(t, n) {
-		this.gridCachedBounds = null, this.currentStyle = W, this.hitTester = new ft(), this.lastHitShapes = [], this.shapeToDrawEntry = /* @__PURE__ */ new Map(), this.shapeToGroup = /* @__PURE__ */ new Map(), this.highlightShapes = /* @__PURE__ */ new Map(), this.pathShapes = [], this.currentRoomOverlay = [], this.areaExitHitZones = [], this.destroyed = !1, this._coordinateTransform = S, this.coordinateInverse = S, this.sceneOverlays = /* @__PURE__ */ new Map(), this.sceneOverlayNodes = /* @__PURE__ */ new Map(), this.drawOverlayShapes = /* @__PURE__ */ new Map(), this.viewportSubscribers = /* @__PURE__ */ new Set(), this.frameCallbacks = /* @__PURE__ */ new Map(), this.rafHandle = null, this.lastFrameTime = 0, this.frameSeq = 0, this.state = t, this.container = n, n ? (this.stage = new e.Stage({
-			container: n,
-			width: n.clientWidth,
-			height: n.clientHeight,
+	constructor(e, t) {
+		this.gridCachedBounds = null, this.currentStyle = W, this.hitTester = new mt(), this.lastHitShapes = [], this.shapeToDrawEntry = /* @__PURE__ */ new Map(), this.shapeToGroup = /* @__PURE__ */ new Map(), this.highlightShapes = /* @__PURE__ */ new Map(), this.pathShapes = [], this.currentRoomOverlay = [], this.areaExitHitZones = [], 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
-		}), n.style.backgroundColor = t.settings.backgroundColor, this.camera = new x(n.clientWidth, n.clientHeight)) : (this.stage = new e.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 x(1, 1)), this.gridLayer = new e.Layer({ listening: !1 }), this.stage.add(this.gridLayer);
-		let r = new e.Layer({ listening: !1 });
-		if (this.linkLayer = r, this.roomLayer = r, this.stage.add(r), this.positionLayer = new e.Layer({ listening: !1 }), this.stage.add(this.positionLayer), this.overlayLayer = new e.Layer({ listening: !1 }), this.stage.add(this.overlayLayer), this.topLabelLayer = new e.Layer({ listening: !1 }), this.stage.add(this.topLabelLayer), this.positionLayerNode = new Be(this.positionLayer), this.overlayLayerNode = new Be(this.overlayLayer), this.sceneNode = new ze(r), this.gridLayerNode = new z(this.gridLayer), this.topLabelLayerNode = new z(this.topLabelLayer), this.sceneManager = new Fe(this.camera, t.settings, t.mapReader), this.events = new v(n), this.culling = new C(t.settings, () => this.applyClipping()), this.cameraChangeHandler = () => this.applyViewportToStage(), this.camera.on("change", this.cameraChangeHandler), n) {
+		}), 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 Ge(this.positionLayer), this.overlayLayerNode = new Ge(this.overlayLayer), this.sceneNode = new We(n), this.gridLayerNode = new B(this.gridLayer), this.topLabelLayerNode = new B(this.topLabelLayer), this.sceneManager = new Be(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 e = this.origSetSize;
-			this.camera.setSize = (t, n) => {
-				e(t, n), this.stage.width(t), this.stage.height(n);
-			}, this.interactionHandler = new Ie(n, this.camera, t, {
-				clientToMapPoint: (e, t) => this.camera.clientToMapPoint(e, t, n.getBoundingClientRect()),
+			let n = this.origSetSize;
+			this.camera.setSize = (e, t) => {
+				n(e, t), this.stage.width(e), this.stage.height(t);
+			}, this.interactionHandler = new Ve(t, this.camera, e, {
+				clientToMapPoint: (e, n) => this.camera.clientToMapPoint(e, n, t.getBoundingClientRect()),
 				pickAtPoint: (e, t) => this.hitTester.pick(e, t)
 			}, this.events);
 		}
-		this.applyStyleTransforms(), this.subscribeToState(t);
+		this.applyStyleTransforms(), this.subscribeToState(e);
 	}
 	setStyle(e) {
-		this.currentStyle = e, this.sceneNode = new ze(this.linkLayer), this.gridLayerNode = new z(this.gridLayer), this.topLabelLayerNode = new z(this.topLabelLayer), this.gridCachedBounds = null, this.sceneManager.resetPipeline(this.state.mapReader), this.shapeToDrawEntry = /* @__PURE__ */ new Map(), this.shapeToGroup.clear(), this.areaExitHitZones = [], this.lastHitShapes = [], this.hitTester.clear(), this.applyStyleTransforms(), this.refresh();
+		this.currentStyle = e, this.sceneNode = new We(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.areaExitHitZones = [], this.lastHitShapes = [], this.hitTester.clear(), this.applyStyleTransforms(), this.refresh();
 	}
 	applyStyleTransforms() {
-		let e = this.currentStyle, t = e.worldToScene ? (t, n) => e.worldToScene(t, n) : S, n = e.sceneToWorld ? (t, n) => e.sceneToWorld(t, n) : S, 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 = {
@@ -3503,10 +3522,12 @@ var K = "rgb(120, 72, 0)", wt = class {
 	destroy() {
 		if (!this.destroyed) {
 			this.destroyed = !0, this.state.events.removeAllListeners(), this.interactionHandler?.destroy();
+			for (let e of this.liveEffects.values()) e.destroy();
+			this.liveEffects.clear();
 			for (let e of this.sceneOverlays.values()) e.detach?.();
 			this.sceneOverlays.clear();
 			for (let e of this.sceneOverlayNodes.values()) for (let t of e) t.destroy();
-			this.sceneOverlayNodes.clear(), this.drawOverlayShapes.clear(), this.viewportSubscribers.clear(), this.stopFrameLoop(), this.camera.cancelAnimation(), this.origSetSize && (this.camera.setSize = this.origSetSize), this.cameraChangeHandler &&= (this.camera.off("change", this.cameraChangeHandler), void 0), this.clearOverlayShapes(), this.clearCurrentRoomOverlay(), this.positionMarker &&= (this.positionMarker.destroy(), void 0), this.stage.destroy(), this.events.removeAllListeners();
+			this.sceneOverlayNodes.clear(), this.viewportSubscribers.clear(), this.camera.cancelAnimation(), this.origSetSize && (this.camera.setSize = this.origSetSize), this.cameraChangeHandler &&= (this.camera.off("change", this.cameraChangeHandler), void 0), this.clearOverlayShapes(), this.clearCurrentRoomOverlay(), this.positionMarker &&= (this.positionMarker.destroy(), void 0), this.stage.destroy(), this.events.removeAllListeners();
 		}
 	}
 	updateBackground() {
@@ -3528,6 +3549,7 @@ var K = "rgb(120, 72, 0)", wt = class {
 		let t = this.camera.getViewportBounds();
 		this.refreshGrid(t), this.culling.scheduleCulling(), this.events.emit("pan", t);
 		for (let e of this.viewportSubscribers) e();
+		for (let n of this.liveEffects.values()) n.updateViewport(t, e, this.coordinateTransform);
 	}
 	refresh() {
 		let { currentAreaInstance: e, currentZIndex: t, positionRoomId: n } = this.state;
@@ -3540,24 +3562,20 @@ var K = "rgb(120, 72, 0)", wt = class {
 		this.updateBackground(), this.buildScene(e, r, t), this.onSceneBuilt(), this.syncHighlights(), this.syncPaths(), n !== void 0 && this.onPositionChanged(n, !1, !1);
 		for (let [e, t] of this.sceneOverlays) this.renderSceneOverlay(e, t);
 	}
-	addSceneOverlay(t, n) {
-		let r = this.sceneOverlays.get(t);
-		if (r && (r.detach?.(), this.clearSceneOverlayNodes(t), this.drawOverlayShapes.get(t)?.destroy(), this.drawOverlayShapes.delete(t)), this.sceneOverlays.set(t, n), n.attach?.(this.createOverlayContext(t, n)), n.render && this.renderSceneOverlay(t, n), n.draw) {
-			let r = this, i = new e.Shape({
-				listening: !1,
-				perfectDrawEnabled: !1,
-				sceneFunc(e) {
-					let t = e._context;
-					n.draw(t, r.getCanvasDrawState());
-				}
-			});
-			this.overlayLayer.add(i), this.drawOverlayShapes.set(t, i);
-		}
-		this.overlayLayer.batchDraw();
+	addLiveEffect(e, t) {
+		this.removeLiveEffect(e), t.attach(this.overlayLayer), this.liveEffects.set(e, t), t.updateViewport(this.camera.getViewportBounds(), this.camera.getScale(), this.coordinateTransform);
+	}
+	removeLiveEffect(e) {
+		let t = this.liveEffects.get(e);
+		t && (t.destroy(), this.liveEffects.delete(e));
+	}
+	addSceneOverlay(e, t) {
+		let n = this.sceneOverlays.get(e);
+		n && (n.detach?.(), this.clearSceneOverlayNodes(e)), this.sceneOverlays.set(e, t), t.attach?.(this.createOverlayContext(e, t)), this.renderSceneOverlay(e, t);
 	}
 	removeSceneOverlay(e) {
 		let t = this.sceneOverlays.get(e);
-		t && (t.detach?.(), this.sceneOverlays.delete(e), this.clearSceneOverlayNodes(e), this.drawOverlayShapes.get(e)?.destroy(), this.drawOverlayShapes.delete(e), this.overlayLayer.batchDraw());
+		t && (t.detach?.(), this.sceneOverlays.delete(e), this.clearSceneOverlayNodes(e), this.overlayLayer.batchDraw());
 	}
 	getSceneOverlays() {
 		return this.sceneOverlays.values();
@@ -3567,43 +3585,11 @@ var K = "rgb(120, 72, 0)", wt = class {
 			state: this.state,
 			onViewportChange: (e) => (this.viewportSubscribers.add(e), () => this.viewportSubscribers.delete(e)),
 			invalidate: () => {
-				this.sceneOverlays.get(e) === t && (t.render && this.renderSceneOverlay(e, t), this.overlayLayer.batchDraw());
-			},
-			onFrame: (t) => {
-				let n = `${e}:${++this.frameSeq}`;
-				return this.frameCallbacks.set(n, t), this.startFrameLoop(), () => {
-					this.frameCallbacks.delete(n), this.frameCallbacks.size === 0 && this.stopFrameLoop();
-				};
+				this.sceneOverlays.get(e) === t && this.renderSceneOverlay(e, t);
 			}
 		};
 	}
-	startFrameLoop() {
-		if (this.rafHandle !== null) return;
-		this.lastFrameTime = performance.now();
-		let e = (t) => {
-			if (this.destroyed) return;
-			let n = Math.min((t - this.lastFrameTime) / 1e3, .1);
-			this.lastFrameTime = t;
-			for (let e of this.frameCallbacks.values()) e(n);
-			this.overlayLayer.batchDraw(), this.rafHandle = this.frameCallbacks.size > 0 ? requestAnimationFrame(e) : null;
-		};
-		this.rafHandle = requestAnimationFrame(e);
-	}
-	stopFrameLoop() {
-		this.rafHandle !== null && (cancelAnimationFrame(this.rafHandle), this.rafHandle = null);
-	}
-	getCanvasDrawState() {
-		return {
-			bounds: this.camera.getViewportBounds(),
-			scale: this.camera.getScale(),
-			coordinateTransform: this._coordinateTransform,
-			canvasWidth: this.stage.width(),
-			canvasHeight: this.stage.height(),
-			canvasOffset: this.stage.position()
-		};
-	}
 	renderSceneOverlay(e, t) {
-		if (!t.render) return;
 		this.clearSceneOverlayNodes(e);
 		let n = this.camera.getViewportBounds(), r = t.render(this.state, n);
 		if (r) {
@@ -3614,6 +3600,7 @@ var K = "rgb(120, 72, 0)", wt = class {
 			}
 			this.sceneOverlayNodes.set(e, n);
 		}
+		this.overlayLayer.batchDraw();
 	}
 	clearSceneOverlayNodes(e) {
 		let t = this.sceneOverlayNodes.get(e);
@@ -3639,11 +3626,13 @@ var K = "rgb(120, 72, 0)", wt = class {
 			this.syncPaths();
 		}), e.events.on("clear", () => {
 			this.syncHighlights();
+		}), e.events.on("lens", () => {
+			this.refresh();
 		});
 	}
 	buildScene(e, t, n) {
 		this.positionLayer.destroyChildren(), this.positionMarker = void 0, this.clearOverlayShapes(), this.currentRoomOverlay = [], this.sceneNode.destroyChildren(), this.gridLayerNode.destroyChildren(), this.gridCachedBounds = null, this.topLabelLayerNode.destroyChildren();
-		let r = this.sceneManager.rebuild(e, t, n);
+		let r = this.sceneManager.rebuild(e, t, n, this.state.lens);
 		this.shapeToGroup = /* @__PURE__ */ new Map(), this.refreshGrid(this.camera.getViewportBounds());
 		for (let e of r.sceneShapes.link) {
 			let t = this.addStyledShape(e, this.sceneNode);
@@ -3656,7 +3645,7 @@ var K = "rgb(120, 72, 0)", wt = class {
 		for (let e of r.sceneShapes.topLabel) this.addStyledShape(e, this.topLabelLayerNode);
 	}
 	shapeToRecordingNode(e) {
-		return Ve(e.type === "group" ? e : {
+		return Ke(e.type === "group" ? e : {
 			type: "group",
 			x: 0,
 			y: 0,
@@ -3681,7 +3670,7 @@ var K = "rgb(120, 72, 0)", wt = 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 _ = Ae(e, t, { inverseTransform: this.coordinateInverse });
+		let _ = Fe(e, t, { inverseTransform: this.coordinateInverse });
 		for (let e of _) this.addStyledShape(e, this.gridLayerNode);
 		this.gridCachedBounds = {
 			left: f,
@@ -3728,8 +3717,8 @@ var K = "rgb(120, 72, 0)", wt = class {
 	}
 	applyPositionMarker(e) {
 		this.positionMarker && this.positionMarker.destroy();
-		let t = tt(e, this.state.settings);
-		this.positionMarker = this.addStyledShape(it(t), this.positionLayerNode);
+		let t = ot(e, this.state.settings);
+		this.positionMarker = this.addStyledShape(lt(t), this.positionLayerNode);
 	}
 	clearCurrentRoomOverlay() {
 		this.currentRoomOverlay.forEach((e) => e.destroy()), this.currentRoomOverlay = [], this.positionLayerNode.batchDraw();
@@ -3746,27 +3735,27 @@ var K = "rgb(120, 72, 0)", wt = class {
 		}
 		let n = /* @__PURE__ */ new Map();
 		n.set(e.id, e);
-		let r = [], i = this.sceneManager.exitRenderer, a = this.state.currentAreaInstance instanceof H ? this.state.currentAreaInstance : void 0;
+		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, K, this.state.currentZIndex);
 			t && r.push(this.sceneManager.buildExitShape(t));
 		});
-		for (let n of oe(e, t, K)) r.push(Se(n, e.id));
-		for (let n of ie(e, t, K)) r.push(Ce(n));
+		for (let n of de(e, t, K)) r.push(De(n, e.id));
+		for (let n of le(e, t, K)) r.push(Oe(n));
 		[...Object.values(e.exits), ...Object.values(e.specialExits)].forEach((e) => {
-			let t = this.state.mapReader.getRoom(e), r = !a || a.hasVisitedRoom(e);
-			t && t.area === this.state.currentArea && t.z === this.state.currentZIndex && r && n.set(e, t);
+			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);
 		}), r.forEach((e) => {
 			let t = this.addStyledShape(e, this.positionLayerNode);
 			t && this.currentRoomOverlay.push(t);
 		}), n.forEach((n, r) => {
-			let i = r === e.id, a = me(n, this.state.mapReader, t, {
+			let i = r === e.id, a = ye(n, this.state.mapReader, t, {
 				strokeOverride: i ? K : t.lineColor,
 				flatPipeline: !0
 			}), o = this.addStyledShape(a, this.positionLayerNode);
 			o && this.currentRoomOverlay.push(o);
 		}), n.forEach((e) => {
-			let n = ye(e, this.state.mapReader, t);
+			let n = we(e, this.state.mapReader, t);
 			for (let e of n) {
 				let t = this.addStyledShape(e, this.positionLayerNode);
 				t && this.currentRoomOverlay.push(t);
@@ -3778,7 +3767,7 @@ var K = "rgb(120, 72, 0)", wt = 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 = et(n, t, this.state.settings), i = this.addStyledShape(rt(r), this.overlayLayerNode);
+				let r = at(n, t, this.state.settings), i = this.addStyledShape(ct(r), this.overlayLayerNode);
 				i && this.highlightShapes.set(e, i);
 			}
 		}
@@ -3791,7 +3780,7 @@ var K = "rgb(120, 72, 0)", wt = 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 = et(n, t.color, this.state.settings), i = this.addStyledShape(rt(r), this.overlayLayerNode);
+			let r = at(n, t.color, this.state.settings), i = this.addStyledShape(ct(r), this.overlayLayerNode);
 			i && this.highlightShapes.set(e, i);
 		}
 		this.overlayLayerNode.batchDraw();
@@ -3801,8 +3790,8 @@ var K = "rgb(120, 72, 0)", wt = class {
 		let { currentArea: e, currentZIndex: t } = this.state;
 		if (!(e === void 0 || t === void 0)) {
 			for (let n of this.state.paths) {
-				let r = nt(this.state.mapReader, this.state.settings, n.locations, n.color, e, t);
-				for (let e of at(r)) {
+				let r = st(this.state.mapReader, this.state.settings, n.locations, n.color, e, t);
+				for (let e of ut(r)) {
 					let t = this.addStyledShape(e, this.overlayLayerNode);
 					t && this.pathShapes.push(t);
 				}
@@ -3838,97 +3827,97 @@ function q(e) {
 function J(e, t, n, r = 1) {
 	return r < 1 ? `rgba(${e}, ${t}, ${n}, ${r})` : `rgb(${e}, ${t}, ${n})`;
 }
-function Tt(e) {
+function Dt(e) {
 	return (.299 * e.r + .587 * e.g + .114 * e.b) / 255;
 }
 //#endregion
 //#region src/style/shape/ParchmentStyle.ts
-var Et = "#4a3728", Dt = "#3b2a1a", Ot = 139, kt = 115, At = 85, jt = 244, Mt = 228, Nt = 193;
-function Pt(e) {
+var Ot = "#4a3728", kt = "#3b2a1a", At = 139, jt = 115, Mt = 85, Nt = 244, Pt = 228, Ft = 193;
+function It(e) {
 	let t = q(e);
-	if (!t) return J(jt, Mt, Nt);
-	let n = Tt(t);
-	return J(Math.round(Ot + (jt - Ot) * n), Math.round(kt + (Mt - kt) * n), Math.round(At + (Nt - At) * n), t.a);
+	if (!t) return J(Nt, Pt, Ft);
+	let n = Dt(t);
+	return J(Math.round(At + (Nt - At) * n), Math.round(jt + (Pt - jt) * n), Math.round(Mt + (Ft - Mt) * n), t.a);
 }
-function Ft(e) {
+function Lt(e) {
 	let t = q(e);
-	if (!t || t.a >= 1) return Et;
-	let n = q(Et);
+	if (!t || t.a >= 1) return Ot;
+	let n = q(Ot);
 	return J(n.r, n.g, n.b, t.a);
 }
-function It(e) {
+function Rt(e) {
 	return {
 		...e,
-		fill: e.fill ? Pt(e.fill) : e.fill,
-		stroke: e.stroke ? Ft(e.stroke) : e.stroke
+		fill: e.fill ? It(e.fill) : e.fill,
+		stroke: e.stroke ? Lt(e.stroke) : e.stroke
 	};
 }
-var Lt = { transform(e) {
+var zt = { transform(e) {
 	switch (e.type) {
 		case "rect":
 		case "circle":
 		case "polygon": return {
 			...e,
-			paint: It(e.paint)
+			paint: Rt(e.paint)
 		};
 		case "line": return {
 			...e,
 			paint: e.paint.stroke ? {
 				...e.paint,
-				stroke: Ft(e.paint.stroke)
+				stroke: Lt(e.paint.stroke)
 			} : e.paint
 		};
 		case "text": return {
 			...e,
-			fill: Dt
+			fill: kt
 		};
 		case "image":
 		case "group": return e;
 	}
-} }, Rt = "#c0deff", zt = "#e0f0ff", Bt = 20, Vt = 40, Ht = 80, Ut = 60, Wt = 100, Gt = 160;
-function Kt(e) {
+} }, Bt = "#c0deff", Vt = "#e0f0ff", Ht = 20, Ut = 40, Wt = 80, Gt = 60, Kt = 100, qt = 160;
+function Jt(e) {
 	let t = q(e);
-	if (!t) return J(Ut, Wt, Gt);
-	let n = Tt(t);
-	return J(Math.round(Bt + (Ut - Bt) * n), Math.round(Vt + (Wt - Vt) * n), Math.round(Ht + (Gt - Ht) * n), t.a);
+	if (!t) return J(Gt, Kt, qt);
+	let n = Dt(t);
+	return J(Math.round(Ht + (Gt - Ht) * n), Math.round(Ut + (Kt - Ut) * n), Math.round(Wt + (qt - Wt) * n), t.a);
 }
-function qt(e) {
+function Yt(e) {
 	let t = q(e);
-	if (!t || t.a >= 1) return Rt;
-	let n = q(Rt);
+	if (!t || t.a >= 1) return Bt;
+	let n = q(Bt);
 	return J(n.r, n.g, n.b, t.a);
 }
-function Jt(e) {
+function Xt(e) {
 	return {
 		...e,
-		fill: e.fill ? Kt(e.fill) : e.fill,
-		stroke: e.stroke ? qt(e.stroke) : e.stroke
+		fill: e.fill ? Jt(e.fill) : e.fill,
+		stroke: e.stroke ? Yt(e.stroke) : e.stroke
 	};
 }
-var Yt = { transform(e) {
+var Zt = { transform(e) {
 	switch (e.type) {
 		case "rect":
 		case "circle":
 		case "polygon": return {
 			...e,
-			paint: Jt(e.paint)
+			paint: Xt(e.paint)
 		};
 		case "line": return {
 			...e,
 			paint: e.paint.stroke ? {
 				...e.paint,
-				stroke: qt(e.paint.stroke)
+				stroke: Yt(e.paint.stroke)
 			} : e.paint
 		};
 		case "text": return {
 			...e,
-			fill: zt
+			fill: Vt
 		};
 		case "image":
 		case "group": return e;
 	}
-} }, Xt = "#00ffd0", Zt = .3, Qt = 3;
-function $t(e, t, n) {
+} }, Qt = "#00ffd0", $t = .3, en = 3;
+function tn(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 [
@@ -3943,68 +3932,68 @@ function $t(e, t, n) {
 		a
 	];
 }
-function en(e, t, n, r = 1) {
+function nn(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 tn(e) {
+function rn(e) {
 	let t = q(e);
 	if (!t) return {
 		h: 150,
 		a: 1
 	};
-	let [n] = $t(t.r, t.g, t.b);
+	let [n] = tn(t.r, t.g, t.b);
 	return {
 		h: n,
 		a: t.a
 	};
 }
-function nn(e) {
-	let { h: t, a: n } = tn(e);
-	return en(t, .95, .65, n);
+function an(e) {
+	let { h: t, a: n } = rn(e);
+	return nn(t, .95, .65, n);
 }
-function rn(e) {
+function on(e) {
 	let t = q(e);
 	if (!t) return "rgb(8, 12, 10)";
-	let [n] = $t(t.r, t.g, t.b);
-	return en(n, .4, .1, t.a);
+	let [n] = tn(t.r, t.g, t.b);
+	return nn(n, .4, .1, t.a);
 }
-function an(e) {
-	let { h: t, a: n } = tn(e);
-	return en(t, .95, .65, Math.min(n, Zt));
+function sn(e) {
+	let { h: t, a: n } = rn(e);
+	return nn(t, .95, .65, Math.min(n, $t));
 }
-function on(e) {
+function cn(e) {
 	return {
 		...e,
-		fill: e.fill ? rn(e.fill) : e.fill,
-		stroke: e.stroke ? nn(e.stroke) : e.stroke
+		fill: e.fill ? on(e.fill) : e.fill,
+		stroke: e.stroke ? an(e.stroke) : e.stroke
 	};
 }
-function sn(e, t = !1) {
+function ln(e, t = !1) {
 	if (!e.stroke) return e;
-	let n = (e.strokeWidth ?? 1) * Qt;
+	let n = (e.strokeWidth ?? 1) * en;
 	return {
-		stroke: an(e.stroke),
+		stroke: sn(e.stroke),
 		strokeWidth: n,
 		dash: e.dash,
 		dashEnabled: e.dashEnabled,
-		alpha: t ? Zt : e.alpha
+		alpha: t ? $t : e.alpha
 	};
 }
-var cn = { transform(e) {
+var un = { transform(e) {
 	switch (e.type) {
 		case "rect": {
 			let t = {
 				...e,
-				paint: on(e.paint)
+				paint: cn(e.paint)
 			};
 			return e.paint.stroke ? [{
 				...e,
 				paint: {
-					...sn(e.paint),
+					...ln(e.paint),
 					fill: void 0
 				}
 			}, t] : t;
@@ -4012,12 +4001,12 @@ var cn = { transform(e) {
 		case "circle": {
 			let t = {
 				...e,
-				paint: on(e.paint)
+				paint: cn(e.paint)
 			};
 			return e.paint.stroke ? [{
 				...e,
 				paint: {
-					...sn(e.paint),
+					...ln(e.paint),
 					fill: void 0
 				}
 			}, t] : t;
@@ -4027,21 +4016,21 @@ var cn = { transform(e) {
 				...e,
 				paint: e.paint.stroke ? {
 					...e.paint,
-					stroke: nn(e.paint.stroke)
+					stroke: an(e.paint.stroke)
 				} : e.paint
 			};
 			return e.paint.stroke ? [{
 				...e,
-				paint: sn(e.paint, !0)
+				paint: ln(e.paint, !0)
 			}, t] : t;
 		}
 		case "polygon": return {
 			...e,
-			paint: on(e.paint)
+			paint: cn(e.paint)
 		};
 		case "text": return {
 			...e,
-			fill: Xt
+			fill: Qt
 		};
 		case "image":
 		case "group": return e;
@@ -4053,12 +4042,12 @@ function Y(e) {
 	let t = e | 0 || 1;
 	return () => (t = t * 1664525 + 1013904223 | 0, (t >>> 0) / 4294967296);
 }
-function ln(...e) {
+function X(...e) {
 	let t = 2654435769;
 	for (let n of e) t ^= (n * 1e3 | 0) + 2654435769 + (t << 6) + (t >> 2);
 	return t;
 }
-function un(e, t, n, r, i, a) {
+function dn(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,
@@ -4073,17 +4062,17 @@ function un(e, t, n, r, i, a) {
 	}
 	return f.push(n + l * (a() - .5) * i * .3, r + u * (a() - .5) * i * .3), f;
 }
-function dn(e, t, n) {
+function fn(e, t, n) {
 	if (e.length < 4) return e;
 	let r = [];
 	for (let i = 0; i < e.length - 2; i += 2) {
-		let a = un(e[i], e[i + 1], e[i + 2], e[i + 3], t, n);
+		let a = dn(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 fn(e, t, n, r, i, a) {
+function pn(e, t, n, r, i, a) {
 	let o = [
 		e,
 		t,
@@ -4095,12 +4084,12 @@ function fn(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 = un(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 = dn(t, n, c, l, i, a);
 		for (let e = 0; e < u.length - 2; e++) s.push(u[e]);
 	}
 	return s;
 }
-function pn(e, t, n, r, i) {
+function mn(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;
@@ -4108,31 +4097,31 @@ function pn(e, t, n, r, i) {
 	}
 	return a;
 }
-function mn(e, t, n) {
+function hn(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 = un(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 = dn(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 hn(e, t) {
+function gn(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 gn(e) {
+function _n(e) {
 	let { jitter: t, color: n } = e;
 	return { transform(e) {
 		switch (e.type) {
 			case "rect": {
-				let r = Y(ln(e.x, e.y, e.width, e.height)), i = e.paint.fill ? "#ffffff" : void 0, a = e.paint.stroke ? n : void 0;
+				let r = Y(X(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({
@@ -4145,7 +4134,7 @@ function gn(e) {
 					}), a && e.paint.strokeWidth) {
 						let i = {
 							type: "polygon",
-							vertices: fn(e.x, e.y, e.width, e.height, t, r),
+							vertices: pn(e.x, e.y, e.width, e.height, t, r),
 							paint: {
 								stroke: a,
 								strokeWidth: e.paint.strokeWidth
@@ -4160,7 +4149,7 @@ function gn(e) {
 				}
 				return {
 					type: "polygon",
-					vertices: fn(e.x, e.y, e.width, e.height, t, r),
+					vertices: pn(e.x, e.y, e.width, e.height, t, r),
 					paint: {
 						fill: i,
 						stroke: a,
@@ -4172,10 +4161,10 @@ function gn(e) {
 				};
 			}
 			case "circle": {
-				let r = Y(ln(e.cx, e.cy, e.radius));
+				let r = Y(X(e.cx, e.cy, e.radius));
 				return {
 					type: "polygon",
-					vertices: pn(e.cx, e.cy, e.radius, t, r),
+					vertices: mn(e.cx, e.cy, e.radius, t, r),
 					paint: {
 						fill: e.paint.fill ? "#ffffff" : void 0,
 						stroke: e.paint.stroke ? n : void 0,
@@ -4187,7 +4176,7 @@ function gn(e) {
 				};
 			}
 			case "line": {
-				let r = Y(ln(...e.points.slice(0, 4))), i = dn(e.points, t, r), a = hn(n, e.paint.stroke), o = {
+				let r = Y(X(...e.points.slice(0, 4))), i = fn(e.points, t, r), a = gn(n, e.paint.stroke), o = {
 					...e.paint,
 					stroke: a
 				};
@@ -4198,7 +4187,7 @@ function gn(e) {
 				};
 			}
 			case "polygon": {
-				let r = Y(ln(...e.vertices.slice(0, 4))), i = mn(e.vertices, t, r);
+				let r = Y(X(...e.vertices.slice(0, 4))), i = hn(e.vertices, t, r);
 				return {
 					...e,
 					vertices: i,
@@ -4220,16 +4209,16 @@ function gn(e) {
 }
 //#endregion
 //#region src/style/shape/IsometricStyle.ts
-function _n(e) {
+function vn(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 vn(e) {
+function yn(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 X = 32;
-function yn(e, t) {
+var Z = 32;
+function bn(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]);
@@ -4237,7 +4226,7 @@ function yn(e, t) {
 	}
 	return n;
 }
-function bn(e, t, n, r, i) {
+function xn(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,
@@ -4250,8 +4239,8 @@ function bn(e, t, n, r, i) {
 		f
 	];
 }
-function xn(e = {}) {
-	let t = e.rotation ?? 0, n = e.depth ?? .18, r = _n(t), i = vn(t);
+function Sn(e = {}) {
+	let t = e.rotation ?? 0, n = e.depth ?? .18, r = vn(t), i = yn(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 [
@@ -4264,7 +4253,7 @@ function xn(e = {}) {
 		];
 	}
 	function o(e) {
-		let { x: t, y: i, width: a, height: o, paint: s } = e, c = bn(r, t, i, a, o);
+		let { x: t, y: i, width: a, height: o, paint: s } = e, c = xn(r, t, i, a, o);
 		if (s.dash || s.dashEnabled) {
 			let t = [];
 			for (let n = 0; n < 8; n += 2) {
@@ -4290,7 +4279,7 @@ function xn(e = {}) {
 		if (n > 0 && s.fill) {
 			let t = [], r = 0;
 			for (let e = 1; e < 4; e++) c[e * 2 + 1] > c[r * 2 + 1] && (r = e);
-			let i = c[r * 2], a = c[r * 2 + 1], o = (r + 3) % 4, l = c[o * 2], u = c[o * 2 + 1], d = (r + 1) % 4, f = c[d * 2], p = c[d * 2 + 1], m = (r + 2) % 4, g = c[m * 2], _ = c[m * 2 + 1];
+			let i = c[r * 2], a = c[r * 2 + 1], o = (r + 3) % 4, l = c[o * 2], u = c[o * 2 + 1], d = (r + 1) % 4, f = c[d * 2], p = c[d * 2 + 1], m = (r + 2) % 4, h = c[m * 2], g = c[m * 2 + 1];
 			if (t.push({
 				type: "polygon",
 				vertices: [
@@ -4303,7 +4292,7 @@ function xn(e = {}) {
 					l,
 					u + n
 				],
-				paint: { fill: h(s.fill, .2) },
+				paint: { fill: v(s.fill, .2) },
 				layer: e.layer
 			}), t.push({
 				type: "polygon",
@@ -4317,7 +4306,7 @@ function xn(e = {}) {
 					i,
 					a + n
 				],
-				paint: { fill: h(s.fill, .4) },
+				paint: { fill: v(s.fill, .4) },
 				layer: e.layer
 			}), t.push({
 				type: "polygon",
@@ -4336,15 +4325,15 @@ function xn(e = {}) {
 					layer: c
 				});
 				d([
+					h,
 					g,
-					_,
 					l,
 					u
 				]), d([
 					f,
 					p,
-					g,
-					_
+					h,
+					g
 				]), d([
 					l,
 					u,
@@ -4383,15 +4372,15 @@ function xn(e = {}) {
 		};
 	}
 	function s(e) {
-		let { cx: t, cy: i, radius: a, paint: o } = e, s = Array(X * 2);
-		for (let e = 0; e < X; e++) {
-			let n = e / X * 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(Z * 2);
+		for (let e = 0; e < Z; e++) {
+			let n = e / Z * 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 < X; n++) {
-				let r = (n + 1) % X;
+			for (let n = 0; n < Z; n++) {
+				let r = (n + 1) % Z;
 				t.push({
 					type: "line",
 					points: [
@@ -4413,15 +4402,15 @@ function xn(e = {}) {
 		let c = [];
 		if (n > 0 && o.fill) {
 			let t = 0, r = 0, i = 0, a = -Infinity, l = Infinity, u = -Infinity;
-			for (let e = 0; e < X; e++) s[e * 2] > a && (a = s[e * 2], t = e), s[e * 2] < l && (l = s[e * 2], r = e), s[e * 2 + 1] > u && (u = s[e * 2 + 1], i = e);
+			for (let e = 0; e < Z; e++) s[e * 2] > a && (a = s[e * 2], t = e), s[e * 2] < l && (l = s[e * 2], r = e), s[e * 2 + 1] > u && (u = s[e * 2 + 1], i = e);
 			let d = [], f = t;
-			for (let e = 0; e <= X && (d.push(s[f * 2], s[f * 2 + 1]), f !== i); e++) f = (f + 1) % X;
+			for (let e = 0; e <= Z && (d.push(s[f * 2], s[f * 2 + 1]), f !== i); e++) f = (f + 1) % Z;
 			for (let e = d.length - 2; e >= 0; e -= 2) d.push(d[e], d[e + 1] + n);
 			c.push({
 				type: "polygon",
 				vertices: d,
 				paint: {
-					fill: h(o.fill, .2),
+					fill: v(o.fill, .2),
 					stroke: o.stroke,
 					strokeWidth: o.strokeWidth ? o.strokeWidth * .5 : void 0
 				},
@@ -4429,13 +4418,13 @@ function xn(e = {}) {
 			});
 			let p = [];
 			f = i;
-			for (let e = 0; e <= X && (p.push(s[f * 2], s[f * 2 + 1]), f !== r); e++) f = (f + 1) % X;
+			for (let e = 0; e <= Z && (p.push(s[f * 2], s[f * 2 + 1]), f !== r); e++) f = (f + 1) % Z;
 			for (let e = p.length - 2; e >= 0; e -= 2) p.push(p[e], p[e + 1] + n);
 			c.push({
 				type: "polygon",
 				vertices: p,
 				paint: {
-					fill: h(o.fill, .4),
+					fill: v(o.fill, .4),
 					stroke: o.stroke,
 					strokeWidth: o.strokeWidth ? o.strokeWidth * .5 : void 0
 				},
@@ -4463,11 +4452,11 @@ function xn(e = {}) {
 				case "circle": return s(e);
 				case "line": return {
 					...e,
-					points: yn(r, e.points)
+					points: bn(r, e.points)
 				};
 				case "polygon": return {
 					...e,
-					vertices: yn(r, e.vertices)
+					vertices: bn(r, e.vertices)
 				};
 				case "text": {
 					let t = e.width ?? 0, n = e.height ?? 0;
@@ -4522,21 +4511,21 @@ function xn(e = {}) {
 }
 //#endregion
 //#region src/style/shape/ConstructionStyle.ts
-var Z = "#1a1a1a", Sn = "#ffc200", Cn = "#ff6600", wn = 26, Tn = 26, En = 26, Dn = 255, On = 194, kn = 0;
-function An(e) {
+var Q = "#1a1a1a", Cn = "#ffc200", wn = "#ff6600", Tn = 26, En = 26, Dn = 26, On = 255, kn = 194, An = 0;
+function jn(e) {
 	let t = q(e);
-	if (!t) return J(Dn, On, kn);
-	let n = Tt(t);
-	return J(Math.round(wn + (Dn - wn) * n), Math.round(Tn + (On - Tn) * n), Math.round(En + (kn - En) * n), t.a);
+	if (!t) return J(On, kn, An);
+	let n = Dt(t);
+	return J(Math.round(Tn + (On - Tn) * n), Math.round(En + (kn - En) * n), Math.round(Dn + (An - Dn) * n), t.a);
 }
-function jn(e) {
+function Mn(e) {
 	return {
 		...e,
-		fill: e.fill ? An(e.fill) : e.fill,
-		stroke: e.stroke ? Z : e.stroke
+		fill: e.fill ? jn(e.fill) : e.fill,
+		stroke: e.stroke ? Q : e.stroke
 	};
 }
-function Mn(e, t, n, r) {
+function Nn(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;
@@ -4547,7 +4536,7 @@ function Mn(e, t, n, r) {
 	}
 	return i;
 }
-function Nn(e, t, n, r, i) {
+function Pn(e, t, n, r, i) {
 	let a = [
 		[e, t],
 		[e + n, t],
@@ -4555,37 +4544,37 @@ function Nn(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 = Mn(a, 1, 1, t);
-		r = Mn(r, -1, -1, -n), r.length >= 3 && f.push(r.flatMap((e) => [e[0], e[1]]));
+		let t = e * o, n = t + s, r = Nn(a, 1, 1, t);
+		r = Nn(r, -1, -1, -n), r.length >= 3 && f.push(r.flatMap((e) => [e[0], e[1]]));
 	}
 	return f;
 }
-var Pn = { transform(e, t) {
+var Fn = { transform(e, t) {
 	switch (e.type) {
 		case "rect": {
 			if (!e.paint.fill) return {
 				...e,
-				paint: jn(e.paint)
+				paint: Mn(e.paint)
 			};
 			let n = {
 				...e,
 				paint: {
-					fill: Z,
+					fill: Q,
 					strokeWidth: e.paint.strokeWidth
 				}
-			}, r = Nn(e.x, e.y, e.width, e.height, t.roomSize).map((t) => ({
+			}, r = Pn(e.x, e.y, e.width, e.height, t.roomSize).map((t) => ({
 				type: "polygon",
 				vertices: t,
 				layer: e.layer,
 				paint: {
-					fill: Sn,
+					fill: Cn,
 					alpha: .65
 				}
 			})), i = {
 				...e,
 				hit: void 0,
 				paint: {
-					stroke: Z,
+					stroke: Q,
 					strokeWidth: e.paint.strokeWidth
 				}
 			};
@@ -4597,38 +4586,38 @@ var Pn = { transform(e, t) {
 		}
 		case "circle": return {
 			...e,
-			paint: jn(e.paint)
+			paint: Mn(e.paint)
 		};
 		case "polygon": return {
 			...e,
 			paint: {
 				...e.paint,
-				fill: e.paint.fill ? Cn : e.paint.fill,
-				stroke: e.paint.stroke ? Z : e.paint.stroke
+				fill: e.paint.fill ? wn : e.paint.fill,
+				stroke: e.paint.stroke ? Q : e.paint.stroke
 			}
 		};
 		case "line": return {
 			...e,
 			paint: e.paint.stroke ? {
 				...e.paint,
-				stroke: Cn
+				stroke: wn
 			} : e.paint
 		};
 		case "text": return {
 			...e,
-			fill: Cn,
-			stroke: Z,
+			fill: wn,
+			stroke: Q,
 			strokeWidth: t.roomSize * .25
 		};
 		case "image":
 		case "group": return e;
 	}
-} }, Fn = "#c8eeff", In = "#00c8ff", Ln = "#00ffaa", Rn = .2, zn = 5, Bn = 190;
-function Vn(e, t, n) {
+} }, In = "#c8eeff", Ln = "#00c8ff", Rn = "#00ffaa", zn = .2, Bn = 5, Vn = 190;
+function Hn(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 [
-		Bn,
+		Vn,
 		0,
 		a
 	];
@@ -4639,54 +4628,54 @@ function Vn(e, t, n) {
 		a
 	];
 }
-function Hn(e, t, n, r = 1) {
+function Un(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) {
+function Wn(e) {
 	let t = q(e);
-	if (!t) return Hn(Bn, .55, .18);
-	let [n, r] = Vn(t.r, t.g, t.b);
-	return Hn(r < .08 ? Bn : n, .55, .18, t.a);
+	if (!t) return Un(Vn, .55, .18);
+	let [n, r] = Hn(t.r, t.g, t.b);
+	return Un(r < .08 ? Vn : n, .55, .18, t.a);
 }
-function Wn(e) {
+function Gn(e) {
 	return {
 		...e,
-		fill: e.fill ? Un(e.fill) : e.fill,
-		stroke: e.stroke ? In : e.stroke
+		fill: e.fill ? Wn(e.fill) : e.fill,
+		stroke: e.stroke ? Ln : e.stroke
 	};
 }
-function Gn(e) {
+function Kn(e) {
 	return {
-		stroke: In,
-		strokeWidth: (e.strokeWidth ?? 1) * zn,
-		alpha: Rn
+		stroke: Ln,
+		strokeWidth: (e.strokeWidth ?? 1) * Bn,
+		alpha: zn
 	};
 }
-function Kn(e) {
+function qn(e) {
 	return {
-		stroke: Ln,
-		strokeWidth: (e.strokeWidth ?? 1) * zn,
-		alpha: Rn,
+		stroke: Rn,
+		strokeWidth: (e.strokeWidth ?? 1) * Bn,
+		alpha: zn,
 		dash: e.dash,
 		dashEnabled: e.dashEnabled
 	};
 }
-var qn = { transform(e) {
+var Jn = { transform(e) {
 	switch (e.type) {
 		case "rect": {
 			let t = {
 				...e,
-				paint: Wn(e.paint)
+				paint: Gn(e.paint)
 			};
 			return e.paint.stroke ? [{
 				...e,
 				hit: void 0,
 				paint: {
-					...Gn(e.paint),
+					...Kn(e.paint),
 					fill: void 0
 				}
 			}, t] : t;
@@ -4694,13 +4683,13 @@ var qn = { transform(e) {
 		case "circle": {
 			let t = {
 				...e,
-				paint: Wn(e.paint)
+				paint: Gn(e.paint)
 			};
 			return e.paint.stroke ? [{
 				...e,
 				hit: void 0,
 				paint: {
-					...Gn(e.paint),
+					...Kn(e.paint),
 					fill: void 0
 				}
 			}, t] : t;
@@ -4717,38 +4706,38 @@ var qn = { transform(e) {
 				...e,
 				paint: e.paint.stroke ? {
 					...e.paint,
-					stroke: Ln
+					stroke: Rn
 				} : e.paint
 			};
 			return e.paint.stroke ? [{
 				...e,
 				hit: void 0,
-				paint: Kn(e.paint)
+				paint: qn(e.paint)
 			}, t] : t;
 		}
 		case "polygon": return {
 			...e,
 			paint: {
 				...e.paint,
-				fill: e.paint.fill ? Ln : e.paint.fill,
+				fill: e.paint.fill ? Rn : e.paint.fill,
 				stroke: void 0
 			}
 		};
 		case "text": return {
 			...e,
-			fill: Fn
+			fill: In
 		};
 		case "image":
 		case "group": return e;
 	}
-} }, Jn = Lt, Yn = Yt, Xn = cn;
-function Zn(e) {
-	return gn(e);
+} }, Yn = zt, Xn = Zt, Zn = un;
+function Qn(e) {
+	return _n(e);
 }
-function Qn(e = {}) {
-	return xn(e);
+function $n(e = {}) {
+	return Sn(e);
 }
-var $n = Pn, er = qn, tr = class {
+var er = Fn, tr = Jn, nr = class {
 	get settings() {
 		return this.state.settings;
 	}
@@ -4765,7 +4754,7 @@ var $n = Pn, er = qn, tr = class {
 		return this.backend.events;
 	}
 	constructor(e, t, n, r) {
-		this.currentStyle = W, this.state = new y(e, t ?? p()), this.backend = r ? r(this.state) : new wt(this.state, n);
+		this.currentStyle = W, this.state = new T(e, t ?? g()), this.backend = r ? r(this.state) : new Et(this.state, n);
 	}
 	destroy() {
 		this.backend.destroy();
@@ -4809,6 +4798,12 @@ var $n = Pn, er = qn, tr = class {
 	refreshCurrentRoomOverlay() {
 		this.state.refreshPosition();
 	}
+	setLens(e) {
+		this.state.setLens(e);
+	}
+	getLens() {
+		return this.state.lens;
+	}
 	setStyle(e) {
 		this.currentStyle = e, this.backend.setStyle(e);
 	}
@@ -4830,6 +4825,12 @@ var $n = Pn, er = qn, tr = class {
 	removeSceneOverlay(e) {
 		this.backend.removeSceneOverlay(e);
 	}
+	addLiveEffect(e, t) {
+		this.backend instanceof Et && this.backend.addLiveEffect(e, t);
+	}
+	removeLiveEffect(e) {
+		this.backend instanceof Et && this.backend.removeLiveEffect(e);
+	}
 	hitTest(e, t) {
 		let n = this.backend.coordinateTransform(e, t);
 		return this.backend.hitTester.pick(n.x, n.y);
@@ -4909,15 +4910,15 @@ var $n = Pn, er = qn, tr = class {
 	getCullingMode() {
 		return this.state.settings.cullingMode;
 	}
-}, nr = "room";
-function rr(e, t) {
+}, rr = "room";
+function ir(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 ?? nr;
+		let l = e.layer ?? c ?? rr;
 		switch (e.type) {
 			case "rect": {
 				let a = {
@@ -4930,7 +4931,7 @@ function rr(e, t) {
 					stroke: e.paint.stroke,
 					sw: (e.paint.strokeWidth ?? 0) * i,
 					cr: (e.cornerRadius ?? 0) * i,
-					dash: ar(e.paint.dash, i, e.paint.dashEnabled)
+					dash: or(e.paint.dash, i, e.paint.dashEnabled)
 				};
 				r(l).push(a);
 				return;
@@ -4944,16 +4945,16 @@ function rr(e, t) {
 					fill: e.paint.fill,
 					stroke: e.paint.stroke,
 					sw: (e.paint.strokeWidth ?? 0) * i,
-					dash: ar(e.paint.dash, i, e.paint.dashEnabled)
+					dash: or(e.paint.dash, i, e.paint.dashEnabled)
 				});
 				return;
 			case "line": {
 				let a = {
 					type: "line",
-					points: ir(e.points, t, n, i, o, s),
+					points: ar(e.points, t, n, i, o, s),
 					stroke: e.paint.stroke,
 					sw: (e.paint.strokeWidth ?? 0) * i,
-					dash: ar(e.paint.dash, i, e.paint.dashEnabled),
+					dash: or(e.paint.dash, i, e.paint.dashEnabled),
 					lineCap: e.lineCap,
 					lineJoin: e.lineJoin,
 					alpha: e.paint.alpha
@@ -4964,7 +4965,7 @@ function rr(e, t) {
 			case "polygon": {
 				let a = {
 					type: "polygon",
-					vertices: ir(e.vertices, t, n, i, o, s),
+					vertices: ar(e.vertices, t, n, i, o, s),
 					fill: e.paint.fill,
 					stroke: e.paint.stroke,
 					sw: (e.paint.strokeWidth ?? 0) * i
@@ -4973,7 +4974,7 @@ function rr(e, t) {
 				return;
 			}
 			case "text": {
-				let a = or(e.transform, t, n, i, o, s), c = {
+				let a = sr(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,
@@ -4996,7 +4997,7 @@ function rr(e, t) {
 				return;
 			}
 			case "image": {
-				let a = or(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 = sr(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,
@@ -5016,7 +5017,7 @@ function rr(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 ?? nr);
+			let c = (t + e.x) * a + o, u = (n + e.y) * a + s, d = r(l ?? rr);
 			d.push({
 				type: "pushTransform",
 				matrix: [
@@ -5043,19 +5044,19 @@ function rr(e, t) {
 	});
 	return o;
 }
-function ir(e, t, n, r, i, a) {
+function ar(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 ar(e, t, n) {
+function or(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 or(e, t, n, r, i, a) {
+function sr(e, t, n, r, i, a) {
 	if (!e) return;
 	let [o, s, c, l, u, d] = e;
 	return [
@@ -5069,21 +5070,21 @@ function or(e, t, n, r, i, a) {
 }
 //#endregion
 //#region src/render/SvgRenderer.ts
-function sr(e) {
+function cr(e) {
 	return e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
 }
-function Q(e, t) {
-	return t === void 0 ? "" : ` ${e}="${typeof t == "string" ? sr(t) : t}"`;
+function $(e, t) {
+	return t === void 0 ? "" : ` ${e}="${typeof t == "string" ? cr(t) : t}"`;
 }
-function cr(e) {
+function lr(e) {
 	return !e || e.length === 0 ? "" : ` stroke-dasharray="${e.join(" ")}"`;
 }
-function lr(e) {
+function ur(e) {
 	let t = [];
-	for (let n of e) ur(n.commands, t);
+	for (let n of e) dr(n.commands, t);
 	return t;
 }
-function ur(e, t) {
+function dr(e, t) {
 	let n = [];
 	for (let r of e) switch (r.type) {
 		case "pushTransform": {
@@ -5101,65 +5102,65 @@ function ur(e, t) {
 			break;
 		}
 		default: {
-			let e = dr(r);
+			let e = fr(r);
 			e && t.push(e);
 			break;
 		}
 	}
 	for (; n.length > 0;) t.push(n.pop());
 }
-function dr(e) {
+function fr(e) {
 	switch (e.type) {
 		case "rect": {
-			let t = e.fill ?? "none", n = e.cr > 0 ? `${Q("rx", e.cr)}${Q("ry", e.cr)}` : "";
-			return `<rect${Q("x", e.x)}${Q("y", e.y)}${Q("width", e.w)}${Q("height", e.h)}${Q("fill", t)}${Q("stroke", e.stroke)}${e.sw ? Q("stroke-width", e.sw) : ""}${n}${cr(e.dash)}/>`;
+			let t = e.fill ?? "none", n = e.cr > 0 ? `${$("rx", e.cr)}${$("ry", e.cr)}` : "";
+			return `<rect${$("x", e.x)}${$("y", e.y)}${$("width", e.w)}${$("height", e.h)}${$("fill", t)}${$("stroke", e.stroke)}${e.sw ? $("stroke-width", e.sw) : ""}${n}${lr(e.dash)}/>`;
 		}
 		case "circle": {
 			let t = e.fill ?? "none";
-			return `<circle${Q("cx", e.cx)}${Q("cy", e.cy)}${Q("r", e.r)}${Q("fill", t)}${Q("stroke", e.stroke)}${e.sw ? Q("stroke-width", e.sw) : ""}${cr(e.dash)}/>`;
+			return `<circle${$("cx", e.cx)}${$("cy", e.cy)}${$("r", e.r)}${$("fill", t)}${$("stroke", e.stroke)}${e.sw ? $("stroke-width", e.sw) : ""}${lr(e.dash)}/>`;
 		}
 		case "line": {
 			let t = e.points;
 			if (t.length < 2) return;
 			let n = [];
 			for (let e = 0; e < t.length; e += 2) n.push(`${t[e]},${t[e + 1]}`);
-			return `<polyline points="${n.join(" ")}"${Q("stroke", e.stroke)}${e.sw ? Q("stroke-width", e.sw) : ""}${cr(e.dash)}${Q("stroke-linecap", e.lineCap)}${Q("stroke-linejoin", e.lineJoin)}${Q("opacity", e.alpha)} fill="none"/>`;
+			return `<polyline points="${n.join(" ")}"${$("stroke", e.stroke)}${e.sw ? $("stroke-width", e.sw) : ""}${lr(e.dash)}${$("stroke-linecap", e.lineCap)}${$("stroke-linejoin", e.lineJoin)}${$("opacity", e.alpha)} fill="none"/>`;
 		}
 		case "polygon": {
 			let t = e.vertices;
 			if (t.length < 4) return;
 			let n = [];
 			for (let e = 0; e < t.length; e += 2) n.push(`${t[e]},${t[e + 1]}`);
-			return `<polygon points="${n.join(" ")}"${Q("fill", e.fill)}${Q("stroke", e.stroke)}${e.sw ? Q("stroke-width", e.sw) : ""}/>`;
+			return `<polygon points="${n.join(" ")}"${$("fill", e.fill)}${$("stroke", e.stroke)}${e.sw ? $("stroke-width", e.sw) : ""}/>`;
 		}
 		case "text": {
 			let t = e.x, n = e.y, r = "start", i = "auto";
 			e.w > 0 && (e.align === "center" ? (t = e.x + e.w / 2, r = "middle") : e.align === "right" && (t = e.x + e.w, r = "end")), e.h > 0 && e.vAlign === "middle" && (e.baselineRatio === void 0 ? (n = e.y + e.h / 2, i = "central") : n = e.y + e.h / 2 + e.baselineRatio * e.fontSize);
 			let a = e.transform ? ` transform="matrix(${e.transform.join(",")})"` : "", o = e.fontStyle === "bold" ? " font-weight=\"bold\"" : "", s = e.stroke && e.sw > 0 ? ` stroke="${e.stroke}" stroke-width="${e.sw}" paint-order="stroke fill"` : "";
-			return `<text${Q("x", t)}${Q("y", n)}${Q("font-size", e.fontSize)}${e.fontFamily ? Q("font-family", e.fontFamily) : ""}${o}${Q("fill", e.fill)}${s} text-anchor="${r}" dominant-baseline="${i}"${a}>${sr(e.text)}</text>`;
+			return `<text${$("x", t)}${$("y", n)}${$("font-size", e.fontSize)}${e.fontFamily ? $("font-family", e.fontFamily) : ""}${o}${$("fill", e.fill)}${s} text-anchor="${r}" dominant-baseline="${i}"${a}>${cr(e.text)}</text>`;
 		}
 		case "image":
 			if (e.transform) {
 				let [t, n, r, i, a, o] = e.transform;
-				return `<image${Q("width", e.w)}${Q("height", e.h)} href="${sr(e.src)}" transform="matrix(${t},${n},${r},${i},${a},${o})"/>`;
+				return `<image${$("width", e.w)}${$("height", e.h)} href="${cr(e.src)}" transform="matrix(${t},${n},${r},${i},${a},${o})"/>`;
 			}
-			return `<image${Q("x", e.x)}${Q("y", e.y)}${Q("width", e.w)}${Q("height", e.h)} href="${sr(e.src)}"/>`;
+			return `<image${$("x", e.x)}${$("y", e.y)}${$("width", e.w)}${$("height", e.h)} href="${cr(e.src)}"/>`;
 	}
 }
 //#endregion
 //#region src/render/CanvasRenderer.ts
-var fr = (e) => {
+var pr = (e) => {
 	if (typeof Image < "u") {
 		let t = new Image();
 		return t.src = e, t;
 	}
 	return null;
 };
-function pr(e, t, n = {}) {
-	let r = n.imageFactory ?? fr;
-	for (let n of t) mr(e, n.commands, r);
+function mr(e, t, n = {}) {
+	let r = n.imageFactory ?? pr;
+	for (let n of t) hr(e, n.commands, r);
 }
-function mr(e, t, n) {
+function hr(e, t, n) {
 	let r = 0;
 	for (let i of t) switch (i.type) {
 		case "pushTransform":
@@ -5173,12 +5174,12 @@ function mr(e, t, n) {
 			r > 0 && (e.restore(), r--);
 			break;
 		default:
-			hr(e, i, n);
+			gr(e, i, n);
 			break;
 	}
 	for (; r > 0;) e.restore(), r--;
 }
-function hr(e, t, n) {
+function gr(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 = t.fill, e.fill()), t.stroke && t.sw > 0 && (e.strokeStyle = t.stroke, e.lineWidth = t.sw, e.setLineDash(t.dash ?? []), e.stroke());
@@ -5239,36 +5240,35 @@ function hr(e, t, n) {
 }
 //#endregion
 //#region src/export/flushSceneShapes.ts
-function gr(e, t, n) {
-	n(e.grid), n(e.link), n(e.room), n(_r(t.state, t.overlays));
+function _r(e, t, n) {
+	n(e.grid), n(e.link), n(e.room), n(vr(t.state, t.overlays));
 	for (let e of t.sceneOverlays) {
-		if (!e.render) continue;
 		let r = e.render(t.state, t.viewportBounds);
 		r && n(Array.isArray(r) ? r : [r]);
 	}
 	n(e.topLabel);
 }
-function _r(e, t) {
+function vr(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 = nt(e.mapReader, r, t.locations, t.color, e.currentArea, e.currentZIndex);
-		i.push(...at(n));
+		let n = st(e.mapReader, r, t.locations, t.color, e.currentArea, e.currentZIndex);
+		i.push(...ut(n));
 	}
 	if (n.highlights) for (let t of n.highlights) {
 		let n = e.mapReader.getRoom(t.roomId);
-		n && i.push(rt(et(n, t.color, r)));
+		n && i.push(ct(at(n, t.color, r)));
 	}
 	if (n.position) {
 		let t = e.mapReader.getRoom(n.position.roomId);
-		t && i.push(it(tt(t, r)));
+		t && i.push(lt(ot(t, r)));
 	}
 	return i;
 }
 //#endregion
 //#region src/export/sceneBounds.ts
-function vr(e, t, n = 0) {
+function yr(e, t, n = 0) {
 	if (!t.worldToScene) return e;
 	let r = [
 		t.worldToScene(e.x, e.y),
@@ -5286,15 +5286,15 @@ function vr(e, t, n = 0) {
 }
 //#endregion
 //#region src/export/SvgExporter.ts
-var yr = {
+var br = {
 	scale: 1,
 	offsetX: 0,
 	offsetY: 0
 };
-function br(e) {
+function xr(e) {
 	return e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
 }
-var xr = class {
+var Sr = class {
 	constructor(e = {}) {
 		this.options = e;
 	}
@@ -5303,30 +5303,30 @@ var xr = 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 = x.forMapBounds(u.x, u.x + u.w, u.y, u.y + u.h).getViewportBounds(), f = Ne(new R(e.mapReader, c).buildScene(o, s, i), 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 = Re(new z(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 === W ? e : G(e, t, p), h = vr(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="${br(c.backgroundColor)}"/>`), gr(f, {
+		}, m = (e) => t === W ? e : G(e, t, p), h = yr(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="${xr(c.backgroundColor)}"/>`), _r(f, {
 			state: e,
 			viewportBounds: d,
 			sceneOverlays: n,
 			overlays: this.options.overlays
 		}, (e) => {
-			e.length !== 0 && g.push(...lr(rr(m(e), yr)));
+			e.length !== 0 && g.push(...ur(ir(m(e), br)));
 		}), g.push("</svg>"), g.join("\n");
 	}
-}, Sr = class {
+}, Cr = class {
 	constructor(e = {}) {
 		this.options = e;
 	}
 	render({ backend: e }) {
 		return e.exportCanvas(this.options)?.toDataURL("image/png");
 	}
-}, Cr = class {
+}, wr = class {
 	constructor(e = {}) {
 		this.options = e;
 	}
@@ -5343,87 +5343,87 @@ var xr = class {
 };
 //#endregion
 //#region src/export/canvasToBytes.ts
-function wr(e, t = "image/png", n) {
+function Tr(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 Tr = class {
+var Er = class {
 	constructor(e) {
 		this.options = e;
 	}
-	render({ state: t, style: n, sceneOverlays: r }) {
-		let { currentArea: i, currentZIndex: a, currentAreaInstance: o } = t;
+	render({ state: e, style: t, sceneOverlays: n }) {
+		let { currentArea: i, currentZIndex: a, currentAreaInstance: o } = e;
 		if (i === void 0 || a === void 0 || !o) return;
 		let s = o, c = s.getPlane(a);
 		if (!c) return;
-		let l = t.settings, { width: u, height: d } = this.options, f = this.options.padding ?? 3, p = t.computeExportBounds(s, c, this.options.roomId, f), m = vr(p, n, 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 = yr(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
-		}, S = x.forRenderCamera(u, d, h, v, y), C = {
-			forward: n.worldToScene ? (e, t) => n.worldToScene(e, t) : void 0,
-			inverse: n.sceneToWorld ? (e, t) => n.sceneToWorld(e, t) : void 0
-		}, w = Ne(new R(t.mapReader, l).buildScene(s, c, a), S.getViewportBounds(), l, C), T = e.Util.createCanvasElement();
-		T.width = u, T.height = d;
-		let E = T.getContext("2d");
-		if (!E) return;
-		E.fillStyle = l.backgroundColor, E.fillRect(0, 0, u, d);
-		let D = {
+		}, 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 = Re(new z(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 E = {
 			scale: h,
 			roomSize: l.roomSize
-		}, O = (e) => n === W ? e : G(e, n, D);
-		return gr(w, {
-			state: t,
-			viewportBounds: x.forMapBounds(p.x, p.x + p.w, p.y, p.y + p.h).getViewportBounds(),
-			sceneOverlays: r,
+		}, O = (e) => t === W ? e : G(e, t, E);
+		return _r(C, {
+			state: e,
+			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 && pr(E, rr(O(e), b));
-		}), T;
+			e.length !== 0 && mr(T, ir(O(e), b));
+		}), w;
 	}
-}, Er = class {
+}, Dr = class {
 	constructor(e) {
-		this.options = e, this.canvasExporter = new Tr(e);
+		this.options = e, this.canvasExporter = new Er(e);
 	}
 	render(e) {
 		let t = this.canvasExporter.render(e);
-		if (t) return wr(t, this.options.mimeType, this.options.quality);
+		if (t) return Tr(t, this.options.mimeType, this.options.quality);
 	}
-}, $, Dr, Or = 256;
-function kr(e, t, n) {
+}, Or, kr, Ar = 256;
+function jr(e, t, n) {
 	let r = `${e.toFixed(2)}:${t}:${n.toFixed(3)}`;
-	if (Dr === r && $) return $;
-	let i = Or, a = i / 2, o = document.createElement("canvas");
+	if (kr === r && Or) return Or;
+	let i = Ar, 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), $ = o.toDataURL(), Dr = r, $;
+	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), Or = o.toDataURL(), kr = r, Or;
 }
-function Ar(e, t, n, r) {
+function Mr(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: kr(a, o, Math.round(i / (u / 2) * 50) / 50)
+		src: jr(a, o, Math.round(i / (u / 2) * 50) / 50)
 	};
 }
 //#endregion
 //#region src/overlay/AmbientLightOverlay.ts
-var jr = {
+var Nr = {
 	color: "#ffcc44",
 	radius: 12,
 	intensity: .7
-}, Mr = class {
+}, Pr = class {
 	constructor(e) {
 		this.onPosition = () => this.ctx?.invalidate(), this.params = {
-			...jr,
+			...Nr,
 			...e
 		};
 	}
@@ -5446,7 +5446,7 @@ var jr = {
 		if (e.positionRoomId === void 0) return;
 		let n = e.mapReader.getRoom(e.positionRoomId);
 		if (!n) return;
-		let r = Ar(n.x, n.y, t, this.params);
+		let r = Mr(n.x, n.y, t, this.params);
 		return {
 			type: "image",
 			x: r.cx - r.displaySize / 2,
@@ -5457,140 +5457,7 @@ var jr = {
 			layer: "overlay"
 		};
 	}
-}, Nr = {
-	rgb: [
-		114,
-		1,
-		0
-	],
-	rgbValue: "rgb(114, 1, 0)",
-	symbolColor: [
-		225,
-		225,
-		225
-	],
-	symbolColorValue: "rgb(225,225,225)"
-};
-function Pr(e) {
-	let t = e[0] / 255, n = e[1] / 255, r = e[2] / 255;
-	return (Math.max(t, n, r) + Math.min(t, n, r)) / 2;
-}
-var Fr = class {
-	constructor(e, t) {
-		this.rooms = {}, this.areas = {}, this.areaSources = {}, this.explorationEnabled = !1, this.colors = {}, e.forEach((e) => {
-			let t = {
-				...e,
-				rooms: e.rooms.map((e) => ({
-					...e,
-					y: -e.y
-				}))
-			};
-			t.rooms.forEach((e) => {
-				this.rooms[e.id] = e;
-			});
-			let n = parseInt(e.areaId);
-			this.areas[n] = new st(t), this.areaSources[n] = t;
-		}), this.colors = t.reduce((e, t) => ({
-			...e,
-			[t.envId]: {
-				rgb: t.colors,
-				rgbValue: `rgb(${t.colors.join(",")})`,
-				symbolColor: Pr(t.colors) > .41 ? [
-					25,
-					25,
-					25
-				] : [
-					225,
-					255,
-					255
-				],
-				symbolColorValue: Pr(t.colors) > .41 ? "rgb(25,25,25)" : "rgb(225,255,255)"
-			}
-		}), {});
-	}
-	getArea(e) {
-		return this.areas[e];
-	}
-	getExplorationArea(e) {
-		let t = this.areas[e];
-		if (t instanceof H) return t;
-	}
-	getAreas() {
-		return Object.values(this.areas);
-	}
-	getRooms() {
-		return Object.values(this.rooms);
-	}
-	getRoom(e) {
-		return this.rooms[e];
-	}
-	ensureVisitedRooms() {
-		return this.visitedRooms ||= /* @__PURE__ */ new Set(), this.visitedRooms;
-	}
-	applyExplorationDecoration() {
-		this.visitedRooms && Object.entries(this.areaSources).forEach(([e, t]) => {
-			let n = parseInt(e, 10);
-			this.areas[n] = new H(t, this.visitedRooms);
-		});
-	}
-	decorateWithExploration(e) {
-		return e === void 0 ? this.ensureVisitedRooms() : this.setVisitedRooms(e), this.applyExplorationDecoration(), this.explorationEnabled = !0, this.visitedRooms;
-	}
-	getVisitedRooms() {
-		return this.visitedRooms;
-	}
-	clearExplorationDecoration() {
-		Object.entries(this.areaSources).forEach(([e, t]) => {
-			let n = parseInt(e, 10);
-			this.areas[n] = new st(t);
-		}), this.explorationEnabled = !1;
-	}
-	isExplorationEnabled() {
-		return this.explorationEnabled;
-	}
-	setVisitedRooms(e) {
-		return this.visitedRooms = e instanceof Set ? e : new Set(e), this.explorationEnabled && this.applyExplorationDecoration(), this.visitedRooms;
-	}
-	addVisitedRoom(e) {
-		if (this.explorationEnabled) {
-			let t = this.getRoom(e);
-			if (t) {
-				let n = this.getExplorationArea(t.area);
-				if (n) return n.addVisitedRoom(e);
-			}
-		}
-		let t = this.ensureVisitedRooms(), n = t.has(e);
-		return t.add(e), !n;
-	}
-	addVisitedRooms(e) {
-		let t = this.ensureVisitedRooms(), n = 0;
-		for (let r of e) {
-			if (this.explorationEnabled) {
-				let e = this.getRoom(r);
-				if (e) {
-					let t = this.getExplorationArea(e.area);
-					if (t) {
-						t.addVisitedRoom(r) && n++;
-						continue;
-					}
-				}
-			}
-			let e = t.has(r);
-			t.add(r), e || n++;
-		}
-		return n;
-	}
-	hasVisitedRoom(e) {
-		return this.visitedRooms?.has(e) ?? !1;
-	}
-	getColorValue(e) {
-		return this.colors[e]?.rgbValue ?? Nr.rgbValue;
-	}
-	getSymbolColor(e, t) {
-		let n = this.colors[e]?.symbolColor ?? Nr.symbolColor, r = Math.min(Math.max(t ?? 1, 0), 1), i = n.join(",");
-		return r == 1 ? `rgba(${i})` : `rgba(${i}, ${r})`;
-	}
-}, Ir = /* @__PURE__ */ s(((e, t) => {
+}, Fr = /* @__PURE__ */ u(((e, t) => {
 	t.exports = class {
 		constructor() {
 			this.keys = /* @__PURE__ */ new Set(), this.queue = [];
@@ -5620,14 +5487,14 @@ var Fr = class {
 			return this.queue.find((t) => t.key === e);
 		}
 	};
-})), Lr = /* @__PURE__ */ s(((e, t) => {
+})), Ir = /* @__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;
-})), Rr = /* @__PURE__ */ s(((e, t) => {
+})), Lr = /* @__PURE__ */ u(((e, t) => {
 	function n(e) {
 		let t = Number(e);
 		return !(isNaN(t) || t <= 0);
@@ -5642,7 +5509,7 @@ var Fr = class {
 		}), t;
 	}
 	t.exports = r;
-})), zr = /* @__PURE__ */ s(((e, t) => {
+})), Rr = /* @__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) => {
@@ -5654,8 +5521,8 @@ var Fr = class {
 		});
 	}
 	t.exports = n;
-})), Br = /* @__PURE__ */ l((/* @__PURE__ */ s(((e, t) => {
-	var n = Ir(), r = Lr(), i = Rr(), a = zr();
+})), zr = /* @__PURE__ */ f((/* @__PURE__ */ u(((e, t) => {
+	var n = Fr(), r = Ir(), i = Lr(), a = Rr();
 	t.exports = class {
 		constructor(e) {
 			e instanceof Map ? (a(e), this.graph = e) : e ? this.graph = i(e) : this.graph = /* @__PURE__ */ new Map();
@@ -5705,7 +5572,7 @@ var Fr = class {
 			return this.path(...e);
 		}
 	};
-})))(), 1), Vr = {
+})))(), 1), Br = {
 	1: "north",
 	2: "northeast",
 	3: "northwest",
@@ -5718,7 +5585,7 @@ var Fr = class {
 	10: "down",
 	11: "in",
 	12: "out"
-}, Hr = {
+}, Vr = {
 	north: "n",
 	northeast: "ne",
 	northwest: "nw",
@@ -5731,7 +5598,7 @@ var Fr = class {
 	down: "down",
 	in: "in",
 	out: "out"
-}, Ur = class {
+}, Hr = class {
 	constructor(e) {
 		this.mapReader = e, this.data = this.buildGraph();
 	}
@@ -5757,12 +5624,12 @@ var Fr = class {
 	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) => Vr[e]).filter((e) => !!e)), c = new Set(i.mSpecialExitLocks ?? []);
+			let a = [], o = {}, s = new Set((i.exitLocks ?? []).map((e) => Br[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 = Hr[e] ?? e, l = this.resolveEdgeWeight(i, s, c);
+					let s = Vr[e] ?? e, l = this.resolveEdgeWeight(i, s, c);
 					a.push({
 						id: t,
 						weight: l
@@ -5793,7 +5660,7 @@ var Fr = class {
 };
 //#endregion
 //#region src/PathFinder.ts
-function Wr(e, t) {
+function Ur(e, t) {
 	e.push(t);
 	let n = e.length - 1;
 	for (; n > 0;) {
@@ -5802,7 +5669,7 @@ function Wr(e, t) {
 		[e[t], e[n]] = [e[n], e[t]], n = t;
 	}
 }
-function Gr(e) {
+function Wr(e) {
 	if (e.length === 0) return;
 	let t = e[0], n = e.pop();
 	if (e.length > 0) {
@@ -5816,16 +5683,16 @@ function Gr(e) {
 	}
 	return t;
 }
-function Kr(e, t, n) {
+function Gr(e, t, n) {
 	let r = [n], i = n;
 	for (; i !== t;) i = e.get(i), r.push(i);
 	return r.reverse(), r;
 }
-function qr(e, t, n) {
+function Kr(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 Jr(e, t, n, r) {
+function qr(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) => {
@@ -5834,16 +5701,16 @@ function Jr(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), Wr(p, {
+	for (d.set(t, 0), Ur(p, {
 		id: t,
 		priority: u(t)
 	}); p.length > 0;) {
-		let { id: r } = Gr(p);
-		if (r === n) return Kr(f, t, n);
+		let { id: r } = Wr(p);
+		if (r === n) return Gr(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), Wr(p, {
+			t < (d.get(e.id) ?? Infinity) && (d.set(e.id, t), f.set(e.id, r), Ur(p, {
 				id: e.id,
 				priority: t + u(e.id)
 			}));
@@ -5851,9 +5718,9 @@ function Jr(e, t, n, r) {
 	}
 	return null;
 }
-var Yr = class {
+var Jr = class {
 	constructor(e, t = "dijkstra") {
-		this.cache = /* @__PURE__ */ new Map(), this._algorithm = t, this.mapGraph = new Ur(e), this.dijkstraGraph = new Br.default(this.mapGraph.getGraphDefinition());
+		this.cache = /* @__PURE__ */ new Map(), this._algorithm = t, this.mapGraph = new Hr(e), this.dijkstraGraph = new zr.default(this.mapGraph.getGraphDefinition());
 	}
 	get algorithm() {
 		return this._algorithm;
@@ -5872,15 +5739,87 @@ var Yr = class {
 		let r;
 		switch (this._algorithm) {
 			case "dijkstra":
-				r = qr(this.dijkstraGraph, e, t);
+				r = Kr(this.dijkstraGraph, e, t);
 				break;
 			case "astar":
-				r = Jr(this.mapGraph.getAdj(), e, t, this.mapGraph);
+				r = qr(this.mapGraph.getAdj(), e, t, this.mapGraph);
 				break;
 		}
 		return this.cache.set(n, r), r;
 	}
-}, Xr = {
+}, Yr = {
+	hidden: 2,
+	stub: 1,
+	full: 0
+};
+function Xr(e, t, n) {
+	return n === "first" ? e : n === "least-restrictive" ? Yr[e] < Yr[t] ? e : t : Yr[e] > Yr[t] ? e : t;
+}
+function Zr(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";
+	return r.length === 0 ? {
+		isVisible: () => !0,
+		getVersion: () => 0
+	} : r.length === 1 ? r[0] : {
+		isVisible(e) {
+			return a === "or" ? r.some((t) => t.isVisible(e)) : r.every((t) => t.isVisible(e));
+		},
+		getExitTreatment(e, t, n) {
+			let a;
+			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 = Xr(a, r, i), i === "first") break;
+			}
+			return a ?? "full";
+		},
+		getVersion() {
+			let e = 0;
+			for (let t of r) e += t.getVersion();
+			return e;
+		}
+	};
+}
+//#endregion
+//#region src/lens/ExplorationLens.ts
+var Qr = class {
+	constructor(e) {
+		this.version = 0, this.visited = e instanceof Set ? new Set(e) : new Set(e ?? []);
+	}
+	isVisible(e) {
+		return this.visited.has(e.id);
+	}
+	getVersion() {
+		return this.version;
+	}
+	hasVisited(e) {
+		return this.visited.has(e);
+	}
+	getVisitedRoomIds() {
+		return [...this.visited];
+	}
+	getVisitedCount() {
+		return this.visited.size;
+	}
+	addVisited(e) {
+		return this.visited.has(e) ? !1 : (this.visited.add(e), this.version++, !0);
+	}
+	addVisitedAll(e) {
+		let t = 0;
+		for (let n of e) this.visited.has(n) || (this.visited.add(n), t++);
+		return t > 0 && this.version++, t;
+	}
+	setVisited(e) {
+		this.visited.clear();
+		for (let t of e) this.visited.add(t);
+		this.version++;
+	}
+	clear() {
+		this.visited.size !== 0 && (this.visited.clear(), this.version++);
+	}
+}, $r = {
 	1: "north",
 	2: "northeast",
 	3: "northwest",
@@ -5894,7 +5833,7 @@ var Yr = class {
 	11: "in",
 	12: "out"
 };
-function Zr() {
+function ei() {
 	return {
 		areaWidth: 150,
 		areaHeight: 80,
@@ -5908,14 +5847,14 @@ function Zr() {
 		highlightColor: "#ff9900"
 	};
 }
-var Qr = class {
-	constructor(t, n, r) {
-		this.areaNodes = /* @__PURE__ */ new Map(), this.connectionGroups = [], this.currentZoom = 1, this.domainInfo = /* @__PURE__ */ new Map(), this.domainFilter = "all", this.dotsMode = !1, this.settings = r ?? Zr(), this.stage = new e.Stage({
-			container: t,
-			width: t.clientWidth,
-			height: t.clientHeight,
+var ti = 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 ?? ei(), this.stage = new r.Stage({
+			container: e,
+			width: e.clientWidth,
+			height: e.clientHeight,
 			draggable: !0
-		}), this.backgroundLayer = new e.Layer({ listening: !1 }), this.stage.add(this.backgroundLayer), this.connectionLayer = new e.Layer({ listening: !1 }), this.stage.add(this.connectionLayer), this.areaLayer = new e.Layer(), this.stage.add(this.areaLayer), this.mapReader = n, this.initScaling(), this.initResize(t);
+		}), this.backgroundLayer = new r.Layer({ listening: !1 }), this.stage.add(this.backgroundLayer), this.connectionLayer = new r.Layer({ listening: !1 }), this.stage.add(this.connectionLayer), this.areaLayer = new r.Layer(), this.stage.add(this.areaLayer), this.mapReader = t, this.initScaling(), this.initResize(e);
 	}
 	initResize(e) {
 		new ResizeObserver(() => {
@@ -6005,20 +5944,20 @@ var Qr = class {
 	}
 	drawBackground() {
 		if (this.backgroundLayer.destroyChildren(), !this.backgroundConfig) return;
-		let t = new Image();
-		t.crossOrigin = "anonymous", t.onload = () => {
-			this.backgroundImage = new e.Image({
+		let e = new Image();
+		e.crossOrigin = "anonymous", e.onload = () => {
+			this.backgroundImage = new r.Image({
 				x: this.backgroundConfig.x,
 				y: this.backgroundConfig.y,
-				image: t,
+				image: e,
 				width: this.backgroundConfig.width,
 				height: this.backgroundConfig.height,
 				opacity: this.backgroundConfig.opacity,
 				listening: !1
 			}), this.backgroundLayer.add(this.backgroundImage), this.backgroundLayer.batchDraw();
-		}, t.onerror = () => {
+		}, e.onerror = () => {
 			console.error("Failed to load background image:", this.backgroundConfig?.url);
-		}, t.src = this.backgroundConfig.url;
+		}, e.src = this.backgroundConfig.url;
 	}
 	analyzeConnections() {
 		this.areaNodes.clear(), this.connectionGroups = [];
@@ -6093,14 +6032,14 @@ var Qr = class {
 				toAreaId: e.fromAreaId,
 				fromRoomId: e.toRoomId,
 				toRoomId: e.fromRoomId,
-				direction: e.direction ? ee[e.direction] : null,
+				direction: e.direction ? M[e.direction] : null,
 				fromRoomPosition: e.toRoomPosition,
 				toRoomPosition: e.fromRoomPosition
 			});
 		}
 	}
 	getLockedDirections(e) {
-		return new Set((e.exitLocks ?? []).map((e) => Xr[e]).filter((e) => !!e));
+		return new Set((e.exitLocks ?? []).map((e) => $r[e]).filter((e) => !!e));
 	}
 	createConnection(e, t, n) {
 		let r = this.toPlanarDirection(n);
@@ -6169,7 +6108,7 @@ var Qr = class {
 		}[e.toLowerCase().trim()] ?? null;
 	}
 	toPlanarDirection(e) {
-		return e && O.includes(e) ? e : null;
+		return e && ne.includes(e) ? e : null;
 	}
 	layoutAreas() {
 		if (Array.from(this.areaNodes.values()).length === 0) return;
@@ -6551,18 +6490,18 @@ var Qr = class {
 	}
 	drawConnections() {
 		this.connectionLayer.destroyChildren();
-		for (let t of this.connectionGroups) {
-			let n = this.areaNodes.get(t.fromAreaId), r = this.areaNodes.get(t.toAreaId);
-			if (!n || !r || !isFinite(n.x) || !isFinite(n.y) || !isFinite(r.x) || !isFinite(r.y)) continue;
+		for (let e of this.connectionGroups) {
+			let t = this.areaNodes.get(e.fromAreaId), n = this.areaNodes.get(e.toAreaId);
+			if (!t || !n || !isFinite(t.x) || !isFinite(t.y) || !isFinite(n.x) || !isFinite(n.y)) continue;
 			let i = {
+				x: t.x + t.width / 2,
+				y: t.y + t.height / 2
+			}, a = {
 				x: n.x + n.width / 2,
 				y: n.y + n.height / 2
-			}, a = {
-				x: r.x + r.width / 2,
-				y: r.y + r.height / 2
 			}, o, s;
-			if (this.dotsMode ? (o = i, s = a) : (o = this.getEdgePoint(n, a), s = this.getEdgePoint(r, i)), !isFinite(o.x) || !isFinite(o.y) || !isFinite(s.x) || !isFinite(s.y)) continue;
-			let c = this.dotsMode ? "#ffffff" : this.settings.connectionColor, l = this.dotsMode ? 1 : Math.min(this.settings.connectionLineWidth, 1 + t.connections.length * .5), u = new e.Line({
+			if (this.dotsMode ? (o = i, s = a) : (o = this.getEdgePoint(t, a), s = this.getEdgePoint(n, i)), !isFinite(o.x) || !isFinite(o.y) || !isFinite(s.x) || !isFinite(s.y)) continue;
+			let c = this.dotsMode ? "#ffffff" : this.settings.connectionColor, l = this.dotsMode ? 1 : Math.min(this.settings.connectionLineWidth, 1 + e.connections.length * .5), u = new r.Line({
 				points: [
 					o.x,
 					o.y,
@@ -6591,85 +6530,85 @@ var Qr = class {
 	}
 	drawAreas() {
 		this.areaLayer.destroyChildren();
-		for (let [, t] of this.areaNodes) {
-			if (!isFinite(t.x) || !isFinite(t.y)) continue;
-			let n = t.areaId === this.highlightedArea;
+		for (let [, e] of this.areaNodes) {
+			if (!isFinite(e.x) || !isFinite(e.y)) continue;
+			let t = e.areaId === this.highlightedArea;
 			if (this.dotsMode) {
-				let r = t.x + t.width / 2, i = t.y + t.height / 2, a = new e.Group({
-					x: r,
+				let n = e.x + e.width / 2, i = e.y + e.height / 2, a = new r.Group({
+					x: n,
 					y: i,
 					draggable: !0
-				}), o = new e.Circle({
+				}), o = new r.Circle({
 					radius: 6,
-					fill: n ? this.settings.highlightColor : "#ffffff",
-					stroke: n ? this.settings.highlightColor : "#ffffff",
+					fill: t ? this.settings.highlightColor : "#ffffff",
+					stroke: t ? this.settings.highlightColor : "#ffffff",
 					strokeWidth: 1
-				}), s = new e.Text({
-					text: t.name,
+				}), s = new r.Text({
+					text: e.name,
 					fontSize: 10,
 					fill: "#ffffff",
 					x: 10,
 					y: -5
 				});
 				a.add(o), a.add(s), a.on("click tap", () => {
-					this.emitAreaClickEvent(t.areaId);
+					this.emitAreaClickEvent(e.areaId);
 				}), a.on("mouseenter", () => {
 					this.stage.container().style.cursor = "pointer", o.fill(this.settings.highlightColor), o.stroke(this.settings.highlightColor), this.areaLayer.batchDraw();
 				}), a.on("mouseleave", () => {
-					this.stage.container().style.cursor = "auto", o.fill(n ? this.settings.highlightColor : "#ffffff"), o.stroke(n ? this.settings.highlightColor : "#ffffff"), this.areaLayer.batchDraw();
+					this.stage.container().style.cursor = "auto", o.fill(t ? this.settings.highlightColor : "#ffffff"), o.stroke(t ? this.settings.highlightColor : "#ffffff"), this.areaLayer.batchDraw();
 				}), a.on("dragmove", () => {
-					t.x = a.x() - t.width / 2, t.y = a.y() - t.height / 2, this.drawConnections(), this.connectionLayer.batchDraw();
+					e.x = a.x() - e.width / 2, e.y = a.y() - e.height / 2, this.drawConnections(), this.connectionLayer.batchDraw();
 				}), a.on("dragstart", () => {
 					this.stage.container().style.cursor = "grabbing";
 				}), a.on("dragend", () => {
 					this.stage.container().style.cursor = "pointer";
 				}), this.areaLayer.add(a);
 			} else {
-				let r = new e.Group({
-					x: t.x,
-					y: t.y,
+				let n = new r.Group({
+					x: e.x,
+					y: e.y,
 					draggable: !0
-				}), i = new e.Rect({
-					width: t.width,
-					height: t.height,
+				}), i = new r.Rect({
+					width: e.width,
+					height: e.height,
 					fill: this.settings.areaFillColor,
-					stroke: n ? this.settings.highlightColor : this.settings.areaStrokeColor,
-					strokeWidth: n ? 3 : 2,
+					stroke: t ? this.settings.highlightColor : this.settings.areaStrokeColor,
+					strokeWidth: t ? 3 : 2,
 					cornerRadius: 8
-				}), a = new e.Text({
-					text: t.name,
+				}), a = new r.Text({
+					text: e.name,
 					fontSize: this.settings.fontSize,
 					fill: this.settings.textColor,
-					width: t.width - 10,
-					height: t.height - 20,
+					width: e.width - 10,
+					height: e.height - 20,
 					x: 5,
 					y: 10,
 					align: "center",
 					verticalAlign: "middle",
 					ellipsis: !0,
 					wrap: "word"
-				}), o = new e.Text({
-					text: `${t.roomCount} rooms`,
+				}), o = new r.Text({
+					text: `${e.roomCount} rooms`,
 					fontSize: 10,
 					fill: this.settings.connectionColor,
-					width: t.width - 10,
+					width: e.width - 10,
 					x: 5,
-					y: t.height - 18,
+					y: e.height - 18,
 					align: "center"
 				});
-				r.add(i), r.add(a), r.add(o), r.on("click tap", () => {
-					this.emitAreaClickEvent(t.areaId);
-				}), r.on("mouseenter", () => {
+				n.add(i), n.add(a), n.add(o), n.on("click tap", () => {
+					this.emitAreaClickEvent(e.areaId);
+				}), n.on("mouseenter", () => {
 					this.stage.container().style.cursor = "pointer", i.stroke(this.settings.highlightColor), this.areaLayer.batchDraw();
-				}), r.on("mouseleave", () => {
-					this.stage.container().style.cursor = "auto", i.stroke(n ? this.settings.highlightColor : this.settings.areaStrokeColor), this.areaLayer.batchDraw();
-				}), r.on("dragmove", () => {
-					t.x = r.x(), t.y = r.y(), this.drawConnections(), this.connectionLayer.batchDraw();
-				}), r.on("dragstart", () => {
+				}), n.on("mouseleave", () => {
+					this.stage.container().style.cursor = "auto", i.stroke(t ? this.settings.highlightColor : this.settings.areaStrokeColor), this.areaLayer.batchDraw();
+				}), n.on("dragmove", () => {
+					e.x = n.x(), e.y = n.y(), this.drawConnections(), this.connectionLayer.batchDraw();
+				}), n.on("dragstart", () => {
 					this.stage.container().style.cursor = "grabbing";
-				}), r.on("dragend", () => {
+				}), n.on("dragend", () => {
 					this.stage.container().style.cursor = "pointer";
-				}), this.areaLayer.add(r);
+				}), this.areaLayer.add(n);
 			}
 		}
 	}
@@ -6712,6 +6651,6 @@ var Qr = class {
 	}
 };
 //#endregion
-export { Mr as AmbientLightOverlay, Qr as AreaMapRenderer, Yn as Blueprint, x as Camera, Tr as CanvasExporter, $n as Construction, C as CullingManager, ze as DrawCommandLayerNode, H as ExplorationArea, ft as HitTester, S as IDENTITY_TRANSFORM, Qn as Isometric, wt as KonvaRenderBackend, Ur as MapGraph, Fr as MapReader, tr as MapRenderer, y as MapState, Be as MaterializingLayerNode, Xn as Neon, Jn as Parchment, Yr as PathFinder, Cr as PngBlobExporter, Er as PngBytesExporter, Sr as PngExporter, Re as RecordingGroupNode, z as RecordingLayerNode, er as SciFi, Zn as Sketchy, xr as SvgExporter, G as applyStyleToShapes, rr as buildDrawCommands, wr as canvasToBytes, m as colorLightness, St as compose, $e as computePathData, Zr as createAreaMapSettings, p as createSettings, h as darkenColor, _ as hexToRgba, W as identityStyle, pr as renderToCanvas, Ve as shapeToRecording, lr as svgFromBatches };
+export { C as ALL_VISIBLE, Pr as AmbientLightOverlay, e as Area, ti as AreaMapRenderer, Xn as Blueprint, D as Camera, Er as CanvasExporter, er as Construction, ee as CullingManager, We as DrawCommandLayerNode, Qr as ExplorationLens, mt as HitTester, O as IDENTITY_TRANSFORM, $n as Isometric, Hr as MapGraph, n as MapReader, nr as MapRenderer, T as MapState, Ge as MaterializingLayerNode, Zn as Neon, Yn as Parchment, Jr as PathFinder, t as Plane, wr as PngBlobExporter, Dr as PngBytesExporter, Cr as PngExporter, Ue as RecordingGroupNode, B as RecordingLayerNode, tr as SciFi, Qn as Sketchy, Sr as SvgExporter, G as applyStyleToShapes, ir as buildDrawCommands, Tr as canvasToBytes, _ as colorLightness, wt as compose, Zr as composeLenses, it as computePathData, ei as createAreaMapSettings, g as createSettings, v as darkenColor, w as defaultExitTreatment, x as hexToRgba, W as identityStyle, mr as renderToCanvas, Ke as shapeToRecording, ur as svgFromBatches };
 
 //# sourceMappingURL=index.mjs.map