mudlet-map-renderer 2.5.0 → 2.6.0

package/dist/index.mjs

@@ -1,5 +1,6 @@
 import { A as e, B as t, C as n, D as r, E as i, F as a, G as o, H as s, I as c, L as l, M as u, N as d, O as f, P as p, R as m, S as h, T as g, U as _, V as v, W as y, _ as b, a as x, b as S, c as C, d as w, f as T, g as ee, h as E, i as te, j as D, k as ne, l as re, m as ie, n as ae, o as oe, p as se, r as O, s as ce, u as le, v as ue, w as de, x as fe, y as pe, z as me } from "./flushSceneShapes-c7ttw7D-.js";
-import { n as he, r as ge, t as _e } from "./MapReader-Brzg-X7T.js";
+import { r as he, t as ge } from "./Area-MLM4Xe0E.js";
+import { t as _e } from "./MapReader-BeVNpm6y.js";
 import k from "konva";
 //#region \0rolldown/runtime.js
 var ve = Object.create, ye = Object.defineProperty, be = Object.getOwnPropertyDescriptor, xe = Object.getOwnPropertyNames, Se = Object.getPrototypeOf, Ce = Object.prototype.hasOwnProperty, A = (e, t) => () => (t || e((t = { exports: {} }).exports, t), t.exports), we = (e, t, n, r) => {
@@ -11,7 +12,7 @@ var ve = Object.create, ye = Object.defineProperty, be = Object.getOwnPropertyDe
 }, Te = (e, t, n) => (n = e == null ? {} : ve(Se(e)), we(t || !e || !e.__esModule ? ye(n, "default", {
 	value: e,
 	enumerable: !0
-}) : n, e)), Ee = .6, De = .025, Oe = "rgb(225, 255, 225)";
+}) : n, e)), Ee = .6, De = .025, Oe = "rgb(225, 225, 225)";
 function ke() {
 	return {
 		roomSize: Ee,
@@ -63,7 +64,11 @@ function ke() {
 		areaExitLabels: !1,
 		areaExitLabelFontSize: .3,
 		neighborSpill: !1,
-		neighborSpillDistance: 20
+		neighborSpillDistance: 20,
+		lodEnabled: !1,
+		lodRoomBudget: 16e3,
+		lodHitTestBudget: 1e4,
+		lodExitBudget: 12e3
 	};
 }
 //#endregion
@@ -281,13 +286,97 @@ function Pe(e, t, n, r) {
 	};
 }
 //#endregion
+//#region src/render/CullIndex.ts
+var Fe = 256, Ie = 2, Le = 32, Re = 1 << 20, ze = class {
+	constructor() {
+		this.entries = [], this.allShapes = /* @__PURE__ */ new Set(), this.linear = !0, this.originX = 0, this.originY = 0, this.cellSize = 1, this.cols = 0, this.rows = 0, this.cells = [], this.oversized = [], this.stamp = new Int32Array(), this.queryGen = 0;
+	}
+	build(e) {
+		this.entries = e, this.allShapes = new Set(e.map((e) => e.shape));
+		let t = e.length;
+		if (t < Fe) {
+			this.linear = !0;
+			return;
+		}
+		this.linear = !1;
+		let n = Infinity, r = Infinity, i = -Infinity, a = -Infinity;
+		for (let t of e) t.minX < n && (n = t.minX), t.minY < r && (r = t.minY), t.maxX > i && (i = t.maxX), t.maxY > a && (a = t.maxY);
+		let o = Math.max(i - n, 1e-6), s = Math.max(a - r, 1e-6), c = Math.sqrt(o * s / Math.max(t / Ie, 1));
+		(!isFinite(c) || c <= 0) && (c = Math.max(o, s));
+		let l = Math.max(1, Math.ceil(o / c)), u = Math.max(1, Math.ceil(s / c));
+		for (; l * u > Re;) c *= 2, l = Math.max(1, Math.ceil(o / c)), u = Math.max(1, Math.ceil(s / c));
+		this.originX = n, this.originY = r, this.cellSize = c, this.cols = l, this.rows = u, this.cells = Array.from({ length: l * u }, () => []), this.oversized = [], this.stamp = new Int32Array(t), this.queryGen = 0;
+		for (let i = 0; i < t; i++) {
+			let t = e[i], a = this.clampCol(Math.floor((t.minX - n) / c)), o = this.clampCol(Math.floor((t.maxX - n) / c)), s = this.clampRow(Math.floor((t.minY - r) / c)), u = this.clampRow(Math.floor((t.maxY - r) / c));
+			if ((o - a + 1) * (u - s + 1) > Le) {
+				this.oversized.push(i);
+				continue;
+			}
+			for (let e = s; e <= u; e++) {
+				let t = e * l;
+				for (let e = a; e <= o; e++) this.cells[t + e].push(i);
+			}
+		}
+	}
+	getAllShapes() {
+		return this.allShapes;
+	}
+	queryVisible(e) {
+		let t = /* @__PURE__ */ new Set(), { minX: n, maxX: r, minY: i, maxY: a } = e;
+		if (this.linear) {
+			for (let e of this.entries) e.maxX >= n && e.minX <= r && e.maxY >= i && e.minY <= a && t.add(e.shape);
+			return t;
+		}
+		let o = ++this.queryGen, s = this.stamp, c = this.entries, l = this.cols, u = this.clampCol(Math.floor((n - this.originX) / this.cellSize)), d = this.clampCol(Math.floor((r - this.originX) / this.cellSize)), f = this.clampRow(Math.floor((i - this.originY) / this.cellSize)), p = this.clampRow(Math.floor((a - this.originY) / this.cellSize));
+		for (let e = f; e <= p; e++) {
+			let f = e * l;
+			for (let e = u; e <= d; e++) {
+				let l = this.cells[f + e];
+				for (let e = 0; e < l.length; e++) {
+					let u = l[e];
+					if (s[u] === o) continue;
+					s[u] = o;
+					let d = c[u];
+					d.maxX >= n && d.minX <= r && d.maxY >= i && d.minY <= a && t.add(d.shape);
+				}
+			}
+		}
+		for (let e = 0; e < this.oversized.length; e++) {
+			let o = c[this.oversized[e]];
+			o.maxX >= n && o.minX <= r && o.maxY >= i && o.minY <= a && t.add(o.shape);
+		}
+		return t;
+	}
+	clampCol(e) {
+		return e < 0 ? 0 : e >= this.cols ? this.cols - 1 : e;
+	}
+	clampRow(e) {
+		return e < 0 ? 0 : e >= this.rows ? this.rows - 1 : e;
+	}
+};
+function Be(t, n, r, i, a) {
+	if (a === e) return {
+		minX: t,
+		minY: n,
+		maxX: r,
+		maxY: i
+	};
+	let o = a(t, n), s = a(r, n), c = a(r, i), l = a(t, i);
+	return {
+		minX: Math.min(o.x, s.x, c.x, l.x),
+		minY: Math.min(o.y, s.y, c.y, l.y),
+		maxX: Math.max(o.x, s.x, c.x, l.x),
+		maxY: Math.max(o.y, s.y, c.y, l.y)
+	};
+}
+//#endregion
 //#region src/rendering/SceneManager.ts
-var Fe = {
+var Ve = {
 	grid: [],
 	link: [],
 	room: [],
 	topLabel: []
-}, Ie = class {
+}, He = class {
 	constructor(e, t, n) {
 		this.camera = e, this.settings = t, this.standaloneExitShapeSet = /* @__PURE__ */ new Set(), this.pipeline = new E(n, t);
 	}
@@ -313,25 +402,54 @@ var Fe = {
 		return this.lastBuildResult?.hitShapes ?? [];
 	}
 	rebuild(e, t, n, r, i) {
-		return this.lastBuildResult = this.pipeline.buildScene(e, t, n, r, i), this.standaloneExitShapeSet = new Set(this.lastBuildResult.standaloneExitShapeRefs.map((e) => e.shape)), this.lastBuildResult;
+		return this.lastBuildResult = this.pipeline.buildScene(e, t, n, r, i), this.standaloneExitShapeSet = new Set(this.lastBuildResult.standaloneExitShapeRefs.map((e) => e.shape)), this.cullIndex = void 0, this.cullIndexTransform = void 0, this.lastBuildResult;
 	}
 	buildExitShape(e) {
 		return this.pipeline.buildExitShape(e);
 	}
 	reset() {
-		this.lastBuildResult = void 0, this.standaloneExitShapeSet = /* @__PURE__ */ new Set();
+		this.lastBuildResult = void 0, this.standaloneExitShapeSet = /* @__PURE__ */ new Set(), this.cullIndex = void 0, this.cullIndexTransform = void 0;
 	}
 	resetPipeline(e) {
 		this.pipeline = new E(e, this.settings), this.reset();
 	}
 	cullInteractive(t = e) {
-		if (!this.lastBuildResult) return /* @__PURE__ */ new Map();
-		let n = this.camera.getCullingViewport(this.settings.cullingBounds), r = t === e ? void 0 : { forward: t };
-		return Me(this.lastBuildResult, n, this.settings, r);
+		if (!this.lastBuildResult) return /* @__PURE__ */ new Set();
+		let n = this.ensureCullIndex(t);
+		if (!this.settings.cullingEnabled) return new Set(n.getAllShapes());
+		let r = this.camera.getCullingViewport(this.settings.cullingBounds);
+		return n.queryVisible(r);
+	}
+	managedShapes(t = e) {
+		return this.lastBuildResult ? new Set(this.ensureCullIndex(t).getAllShapes()) : /* @__PURE__ */ new Set();
+	}
+	ensureCullIndex(e) {
+		if (this.cullIndex && this.cullIndexTransform === e) return this.cullIndex;
+		let t = new ze();
+		return t.build(this.buildCullEntries(e)), this.cullIndex = t, this.cullIndexTransform = e, t;
+	}
+	buildCullEntries(e) {
+		let t = this.lastBuildResult, n = this.settings.roomSize / 2, r = [], i = (t, n, i, a, o) => {
+			let s = Be(n, i, a, o, e);
+			r.push({
+				shape: t,
+				minX: s.minX,
+				minY: s.minY,
+				maxX: s.maxX,
+				maxY: s.maxY
+			});
+		};
+		for (let { room: e, shape: r } of t.roomShapeRefs.values()) i(r, e.x - n, e.y - n, e.x + n, e.y + n);
+		for (let { shape: e, bounds: n } of t.standaloneExitShapeRefs) i(e, n.x, n.y, n.x + n.width, n.y + n.height);
+		for (let { shape: e, bounds: n } of t.labelShapeRefs) i(e, n.x, n.y, n.x + n.width, n.y + n.height);
+		for (let { shape: e, bounds: n } of t.specialExitShapeRefs) i(e, n.x, n.y, n.x + n.width, n.y + n.height);
+		for (let { shape: e, bounds: n } of t.stubShapeRefs) i(e, n.x, n.y, n.x + n.width, n.y + n.height);
+		for (let { shape: e, bounds: n } of t.areaExitLabelShapeRefs) i(e, n.x, n.y, n.x + n.width, n.y + n.height);
+		return r;
 	}
 	cull(t = e) {
 		if (!this.lastBuildResult) return {
-			shapes: Fe,
+			shapes: Ve,
 			stats: {
 				visibleRooms: 0,
 				totalRooms: 0,
@@ -421,7 +539,7 @@ function M(e, t) {
 			break;
 	}
 }
-var Le = class {
+var Ue = class {
 	constructor(e, t) {
 		this._visible = !0, this.noScaling = !1, this.commands = [], this.x = e, this.y = t;
 	}
@@ -467,12 +585,12 @@ var Le = class {
 		})), this._konvaGroup = e, e;
 	}
 };
-function Re(e) {
+function We(e) {
 	if (e.noScaling || e.commands.length !== 1) return null;
 	let t = e.commands[0];
 	return t.type === "rect" ? typeof t.fill != "string" && t.fill !== void 0 || t.dash ? null : `r|${t.fill ?? ""}|${t.stroke ?? ""}|${t.sw}|${t.cr}` : t.type === "circle" ? typeof t.fill != "string" && t.fill !== void 0 || t.dash ? null : `c|${t.fill ?? ""}|${t.stroke ?? ""}|${t.sw}|${t.r}` : t.type === "line" ? t.dash || t.alpha !== void 0 ? null : `l|${t.stroke ?? ""}|${t.sw}|${t.lineCap ?? ""}|${t.lineJoin ?? ""}` : null;
 }
-var ze = class {
+var Ge = class {
 	constructor(e, t = () => !1) {
 		this.coalesce = t, this.entries = [], this.nodeToEntry = /* @__PURE__ */ new Map(), this.buckets = /* @__PURE__ */ new Map(), this.konvaLayer = e, e.destroyChildren();
 		let n = this;
@@ -504,7 +622,7 @@ var ze = class {
 		l.clear();
 		for (let t of this.entries) {
 			if (!t.visible || !n(t)) continue;
-			let u = Re(t);
+			let u = We(t);
 			if (u === null) {
 				let n = r * t.x + a * t.y + s, l = i * t.x + o * t.y + c;
 				t.noScaling ? e.setTransform(75, 0, 0, 75, n, l) : e.setTransform(r, i, a, o, n, l);
@@ -595,7 +713,7 @@ var ze = class {
 	ensureShape() {
 		this.konvaShape.getParent() || this.konvaLayer.add(this.konvaShape);
 	}
-}, Be = class {
+}, Ke = class {
 	constructor(e) {
 		this.konvaLayer = e;
 	}
@@ -611,14 +729,14 @@ var ze = class {
 };
 //#endregion
 //#region src/scene/Shape.ts
-function Ve(e) {
+function qe(e) {
 	return typeof e == "object" && !!e;
 }
-function He(e, t) {
+function Je(e, t) {
 	return t !== !1 && e ? e : void 0;
 }
 function P(e, t, n, r, i, a) {
-	return Ve(e) ? e.type === "linear" ? {
+	return qe(e) ? e.type === "linear" ? {
 		type: "linear",
 		x0: (t + e.x0) * r + i,
 		y0: (n + e.y0) * r + a,
@@ -638,14 +756,14 @@ function P(e, t, n, r, i, a) {
 }
 //#endregion
 //#region src/render/shapeToRecording.ts
-function Ue(e) {
-	let t = new Le(e.x, e.y);
-	return e.noScale && (t.noScaling = !0), t.layer = e.layer, We(t, e.children, 0, 0), t;
+function Ye(e) {
+	let t = new Ue(e.x, e.y);
+	return e.noScale && (t.noScaling = !0), t.layer = e.layer, Xe(t, e.children, 0, 0), t;
 }
-function We(e, t, n, r) {
-	for (let i of t) Ge(e, i, n, r);
+function Xe(e, t, n, r) {
+	for (let i of t) Ze(e, i, n, r);
 }
-function Ge(e, t, n, r) {
+function Ze(e, t, n, r) {
 	switch (t.type) {
 		case "rect":
 			e.commands.push({
@@ -658,7 +776,7 @@ function Ge(e, t, n, r) {
 				stroke: t.paint.stroke,
 				sw: t.paint.strokeWidth ?? 0,
 				cr: t.cornerRadius ?? 0,
-				dash: He(t.paint.dash, t.paint.dashEnabled)
+				dash: Je(t.paint.dash, t.paint.dashEnabled)
 			});
 			return;
 		case "circle":
@@ -670,17 +788,17 @@ function Ge(e, t, n, r) {
 				fill: P(t.paint.fill, n, r, 1, 0, 0),
 				stroke: t.paint.stroke,
 				sw: t.paint.strokeWidth ?? 0,
-				dash: He(t.paint.dash, t.paint.dashEnabled)
+				dash: Je(t.paint.dash, t.paint.dashEnabled)
 			});
 			return;
 		case "line": {
-			let i = n === 0 && r === 0 ? t.points : Ke(t.points, n, r);
+			let i = n === 0 && r === 0 ? t.points : Qe(t.points, n, r);
 			e.commands.push({
 				type: "line",
 				points: i,
 				stroke: t.paint.stroke,
 				sw: t.paint.strokeWidth ?? 0,
-				dash: He(t.paint.dash, t.paint.dashEnabled),
+				dash: Je(t.paint.dash, t.paint.dashEnabled),
 				lineCap: t.lineCap,
 				lineJoin: t.lineJoin,
 				alpha: t.paint.alpha
@@ -690,7 +808,7 @@ function Ge(e, t, n, r) {
 		case "polygon":
 			e.commands.push({
 				type: "polygon",
-				vertices: n === 0 && r === 0 ? t.vertices : Ke(t.vertices, n, r),
+				vertices: n === 0 && r === 0 ? t.vertices : Qe(t.vertices, n, r),
 				fill: P(t.paint.fill, n, r, 1, 0, 0),
 				stroke: t.paint.stroke,
 				sw: t.paint.strokeWidth ?? 0
@@ -717,7 +835,7 @@ function Ge(e, t, n, r) {
 			});
 			return;
 		case "image": {
-			let i = qe(t.src);
+			let i = $e(t.src);
 			e.commands.push({
 				type: "image",
 				x: t.x + n,
@@ -730,27 +848,151 @@ function Ge(e, t, n, r) {
 			return;
 		}
 		case "group":
-			We(e, t.children, n + t.x, r + t.y);
+			Xe(e, t.children, n + t.x, r + t.y);
 			return;
 	}
 }
-function Ke(e, t, n) {
+function Qe(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 qe(e) {
+function $e(e) {
 	let t = k === void 0 ? typeof Image < "u" ? new Image() : null : k.Util.createImageElement();
 	return t && (t.src = e), t;
 }
 //#endregion
+//#region src/reader/ViewportDataSource.ts
+function F(e) {
+	return !!e && e.viewportAware === !0;
+}
+//#endregion
+//#region src/rendering/lod/RasterOverview.ts
+function et(e, t = 1) {
+	let n = Math.ceil(e) + 1, r = Math.ceil(e * t) + 1;
+	return Math.max(1, Math.min(48, Math.max(n, r)));
+}
+function tt(e, t, n) {
+	let r = e.width, i = e.height, a = new Uint32Array(e.data.buffer), o = et(n.scale, n.roomSize), s = o >> 1;
+	t((e, t, c) => {
+		let l = Math.round(e * n.scale + n.offsetX) - s, u = Math.round(t * n.scale + n.offsetY) - s, d = n.colorOf(c);
+		for (let e = 0; e < o; e++) {
+			let t = u + e;
+			if (t < 0 || t >= i) continue;
+			let n = t * r;
+			for (let e = 0; e < o; e++) {
+				let t = l + e;
+				t >= 0 && t < r && (a[n + t] = d);
+			}
+		}
+	});
+}
+function nt(e) {
+	let t = e.trim(), n = 0, r = 0, i = 0;
+	if (t[0] === "#") t.length === 4 ? (n = parseInt(t[1] + t[1], 16), r = parseInt(t[2] + t[2], 16), i = parseInt(t[3] + t[3], 16)) : (n = parseInt(t.slice(1, 3), 16), r = parseInt(t.slice(3, 5), 16), i = parseInt(t.slice(5, 7), 16));
+	else {
+		let e = t.match(/(\d+)[,\s]+(\d+)[,\s]+(\d+)/);
+		e && (n = +e[1], r = +e[2], i = +e[3]);
+	}
+	return (255 << 24 | i << 16 | r << 8 | n) >>> 0;
+}
+//#endregion
+//#region src/rendering/lod/LodController.ts
+var rt = .25, it = 8192, at = class {
+	constructor(e, t, n, r) {
+		this.layer = e, this.camera = t, this.colorCss = n, this.roomSizeOf = r, this.visit = null, this.paintedRegion = null, this.paintedScale = 0, this.repaintScheduled = !1, this.destroyed = !1, this.packedCache = /* @__PURE__ */ new Map(), this.colorOf = (e) => {
+			let t = this.packedCache.get(e);
+			return t === void 0 && (t = nt(this.colorCss(e)), this.packedCache.set(e, t)), t;
+		}, this.canvas = k.Util.createCanvasElement(), this.layer.visible(!1);
+	}
+	setSource(e) {
+		this.visit = e, this.packedCache.clear(), this.paint();
+	}
+	clear() {
+		this.visit === null && !this.layer.visible() || (this.visit = null, this.paintedRegion = null, this.layer.visible(!1), this.layer.batchDraw());
+	}
+	onViewportChange() {
+		if (!this.visit || this.repaintScheduled) return;
+		let e = this.paintedRegion;
+		if (e && this.camera.getScale() === this.paintedScale) {
+			let t = this.camera.getViewportBounds();
+			if (t.minX >= e.minX && t.maxX <= e.maxX && t.minY >= e.minY && t.maxY <= e.maxY) return;
+		}
+		this.repaintScheduled = !0;
+		let t = () => {
+			this.repaintScheduled = !1, !this.destroyed && this.visit && this.paint();
+		};
+		typeof requestAnimationFrame < "u" ? requestAnimationFrame(t) : queueMicrotask(t);
+	}
+	destroy() {
+		this.destroyed = !0, this.visit = null;
+	}
+	paint() {
+		let e = this.visit;
+		if (!e) return;
+		let t = this.camera.getViewportBounds(), n = this.camera.getScale(), r = (t.maxX - t.minX) * rt, i = (t.maxY - t.minY) * rt, a = {
+			minX: t.minX - r,
+			maxX: t.maxX + r,
+			minY: t.minY - i,
+			maxY: t.maxY + i
+		}, o = Math.min(it, Math.max(1, Math.ceil((a.maxX - a.minX) * n))), s = Math.min(it, Math.max(1, Math.ceil((a.maxY - a.minY) * n)));
+		this.canvas.width = o, this.canvas.height = s;
+		let c = this.canvas.getContext("2d"), l = c.createImageData(o, s);
+		tt(l, (t) => e(a, t), {
+			scale: n,
+			offsetX: -a.minX * n,
+			offsetY: -a.minY * n,
+			colorOf: this.colorOf,
+			roomSize: this.roomSizeOf()
+		}), c.putImageData(l, 0, 0), this.image ? this.image.image(this.canvas) : (this.image = new k.Image({
+			image: this.canvas,
+			listening: !1
+		}), this.layer.add(this.image)), this.image.position({
+			x: a.minX,
+			y: a.minY
+		}), this.image.size({
+			width: a.maxX - a.minX,
+			height: a.maxY - a.minY
+		}), this.paintedRegion = a, this.paintedScale = n, this.layer.visible(!0), this.layer.batchDraw();
+	}
+};
+//#endregion
+//#region src/rendering/lod/lodDecision.ts
+function ot(e) {
+	return e.planeRoomCount > e.roomBudget && e.scale * e.scale < e.stageWidth * e.stageHeight / e.roomBudget;
+}
+function st(e) {
+	return ot({
+		...e,
+		roomBudget: e.roomBudget
+	}) ? "raster" : e.exitBudget !== void 0 && ot({
+		...e,
+		roomBudget: e.exitBudget
+	}) ? "roomsOnly" : "vector";
+}
+//#endregion
+//#region src/rendering/lod/roomsOnlyArea.ts
+function ct(e) {
+	return {
+		getAreaName: () => e.getAreaName(),
+		getAreaId: () => e.getAreaId(),
+		getVersion: () => e.getVersion(),
+		getPlane: (t) => e.getPlane(t),
+		getPlanes: () => e.getPlanes(),
+		getZLevels: () => e.getZLevels(),
+		getRooms: () => e.getRooms(),
+		getFullBounds: () => e.getFullBounds(),
+		getLinkExits: () => []
+	};
+}
+//#endregion
 //#region src/rendering/KonvaRenderBackend.ts
-var F = "rgb(120, 72, 0)", Je = class {
+var I = "rgb(120, 72, 0)", lt = .5, ut = (1 + 2 * lt) ** 2, dt = class {
 	get coordinateTransform() {
 		return this._coordinateTransform;
 	}
 	constructor(t, n) {
-		this.gridCachedBounds = null, this.currentStyle = x, this.hitTester = new oe(), this.lastHitShapes = [], this.shapeToDrawEntry = /* @__PURE__ */ new Map(), this.shapeToGroup = /* @__PURE__ */ new Map(), this.highlightShapes = /* @__PURE__ */ new Map(), this.pathShapes = [], this.spilledRoomPositions = /* @__PURE__ */ new Map(), this.currentRoomOverlay = [], this.destroyed = !1, this._coordinateTransform = e, this.coordinateInverse = e, this.liveEffects = /* @__PURE__ */ new Map(), this.sceneOverlays = /* @__PURE__ */ new Map(), this.sceneOverlayNodes = /* @__PURE__ */ new Map(), this.viewportSubscribers = /* @__PURE__ */ new Set(), this.state = t, this.container = n, n ? (this.stage = new k.Stage({
+		this.gridCachedBounds = null, this.currentStyle = x, this.hitTester = new oe(), this.lastHitShapes = [], this.shapeToDrawEntry = /* @__PURE__ */ new Map(), this.lastVisibleShapes = /* @__PURE__ */ new Set(), this.shapeToGroup = /* @__PURE__ */ new Map(), this.highlightShapes = /* @__PURE__ */ new Map(), this.pathShapes = [], this.spilledRoomPositions = /* @__PURE__ */ new Map(), this.currentRoomOverlay = [], this.destroyed = !1, this._coordinateTransform = e, this.coordinateInverse = e, this.liveEffects = /* @__PURE__ */ new Map(), this.sceneOverlays = /* @__PURE__ */ new Map(), this.sceneOverlayNodes = /* @__PURE__ */ new Map(), this.viewportSubscribers = /* @__PURE__ */ new Set(), this.lodMode = "vector", this.lastAppliedViewport = null, this.lastAppliedScale = null, this.refreshScheduled = !1, this.state = t, this.container = n, n ? (this.stage = new k.Stage({
 			container: n,
 			width: n.clientWidth,
 			height: n.clientHeight,
@@ -758,9 +1000,9 @@ var F = "rgb(120, 72, 0)", Je = class {
 		}), n.style.backgroundColor = t.settings.backgroundColor, this.camera = new D(n.clientWidth, n.clientHeight)) : (this.stage = new k.Stage({
 			width: 1,
 			height: 1
-		}), this.camera = new D(1, 1)), this.gridLayer = new k.Layer({ listening: !1 }), this.stage.add(this.gridLayer);
+		}), this.camera = new D(1, 1)), this.lodLayer = new k.Layer({ listening: !1 }), this.stage.add(this.lodLayer), this.gridLayer = new k.Layer({ listening: !1 }), this.stage.add(this.gridLayer);
 		let r = new k.Layer({ listening: !1 });
-		if (this.linkLayer = r, this.roomLayer = r, this.stage.add(r), this.positionLayer = new k.Layer({ listening: !1 }), this.stage.add(this.positionLayer), this.overlayLayer = new k.Layer({ listening: !1 }), this.stage.add(this.overlayLayer), this.topLabelLayer = new k.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, () => t.settings.coalesceRooms), this.gridLayerNode = new N(this.gridLayer), this.topLabelLayerNode = new N(this.topLabelLayer), this.sceneManager = new Ie(this.camera, t.settings, t.mapReader), this.events = new p(n), this.culling = new ne(t.settings, () => this.applyClipping()), this.cameraChangeHandler = () => this.applyViewportToStage(), this.camera.on("change", this.cameraChangeHandler), n) {
+		if (this.linkLayer = r, this.roomLayer = r, this.stage.add(r), this.positionLayer = new k.Layer({ listening: !1 }), this.stage.add(this.positionLayer), this.overlayLayer = new k.Layer({ listening: !1 }), this.stage.add(this.overlayLayer), this.topLabelLayer = new k.Layer({ listening: !1 }), this.stage.add(this.topLabelLayer), this.positionLayerNode = new Ke(this.positionLayer), this.overlayLayerNode = new Ke(this.overlayLayer), this.sceneNode = new Ge(r, () => t.settings.coalesceRooms), this.gridLayerNode = new N(this.gridLayer), this.topLabelLayerNode = new N(this.topLabelLayer), this.sceneManager = new He(this.camera, t.settings, t.mapReader), this.lodController = new at(this.lodLayer, this.camera, (e) => this.state.mapReader.getColorValue(e), () => this.state.settings.roomSize), this.events = new p(n), this.culling = new ne(t.settings, () => this.applyClipping()), this.cameraChangeHandler = () => this.applyViewportToStage(), this.camera.on("change", this.cameraChangeHandler), n) {
 			this.origSetSize = this.camera.setSize.bind(this.camera);
 			let e = this.origSetSize;
 			this.camera.setSize = (t, n) => {
@@ -773,11 +1015,11 @@ var F = "rgb(120, 72, 0)", Je = class {
 		this.applyStyleTransforms(), this.subscribeToState(t);
 	}
 	setStyle(e) {
-		this.currentStyle = e, this.sceneNode = new ze(this.linkLayer, () => this.state.settings.coalesceRooms), this.gridLayerNode = new N(this.gridLayer), this.topLabelLayerNode = new N(this.topLabelLayer), this.gridCachedBounds = null, this.sceneManager.resetPipeline(this.state.mapReader), this.shapeToDrawEntry = /* @__PURE__ */ new Map(), this.shapeToGroup.clear(), this.lastHitShapes = [], this.hitTester.clear(), this.applyStyleTransforms(), this.refresh();
+		this.currentStyle = e, this.sceneNode = new Ge(this.linkLayer, () => this.state.settings.coalesceRooms), this.gridLayerNode = new N(this.gridLayer), this.topLabelLayerNode = new N(this.topLabelLayer), this.gridCachedBounds = null, this.sceneManager.resetPipeline(this.state.mapReader), this.shapeToDrawEntry = /* @__PURE__ */ new Map(), this.shapeToGroup.clear(), this.lastHitShapes = [], this.hitTester.clear(), this.applyStyleTransforms(), this.refresh();
 	}
 	applyStyleTransforms() {
 		let t = this.currentStyle, n = t.worldToScene ? (e, n) => t.worldToScene(e, n) : e, r = t.sceneToWorld ? (e, n) => t.sceneToWorld(e, n) : e, i = this.coordinateInverse, a = t.sceneLayerOffset ? (e) => t.sceneLayerOffset(e) : void 0;
-		this._coordinateTransform = n, this.coordinateInverse = r, this.coordinateLayerOffset = a, this.culling.setCoordinateTransform(n), this.gridCachedBounds = null, this.lastHitShapes.length > 0 && this.hitTester.build(this.lastHitShapes, this.state.settings.roomSize, n, a);
+		this._coordinateTransform = n, this.coordinateInverse = r, this.coordinateLayerOffset = a, this.culling.setCoordinateTransform(n), this.gridCachedBounds = null, this.lastHitShapes.length > 0 && (this.hitTestBudgetExceeded() ? this.hitTester.clear() : this.hitTester.build(this.lastHitShapes, this.state.settings.roomSize, n, a));
 		let o = this.camera.getScale(), s = this.camera.width / 2, c = this.camera.height / 2, l = i((s - this.camera.position.x) / o, (c - this.camera.position.y) / o), u = n(l.x, l.y);
 		this.camera.position = {
 			x: s - u.x * o,
@@ -813,7 +1055,7 @@ var F = "rgb(120, 72, 0)", Je = class {
 			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.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();
+			this.sceneOverlayNodes.clear(), this.viewportSubscribers.clear(), this.camera.cancelAnimation(), this.lodController.destroy(), 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() {
@@ -833,20 +1075,115 @@ var F = "rgb(120, 72, 0)", Je = class {
 			y: e
 		}), this.stage.position(this.camera.position), this.stage.batchDraw();
 		let t = this.camera.getViewportBounds();
-		this.refreshGrid(t), this.culling.scheduleCulling(), this.events.emit("pan", t);
+		this.refreshGrid(t), this.culling.scheduleCulling(), this.onCameraViewportChanged(t), 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);
 	}
+	onCameraViewportChanged(e) {
+		let { currentAreaInstance: t, currentZIndex: n } = this.state;
+		if (t && n !== void 0 && this.hasRealViewport()) {
+			let t = this.state.settings.lodEnabled && this.computeLodMode() !== this.lodMode;
+			if (!t && F(this.state.mapReader)) {
+				let n = this.lastAppliedViewport, r = this.lastAppliedScale, i = this.camera.getScale();
+				t = !n || r === null || e.minX < n.minX || e.maxX > n.maxX || e.minY < n.minY || e.maxY > n.maxY || i > r * 1.2 || i < r / 1.2;
+			}
+			t && this.scheduleRefresh();
+		}
+		this.lodController.onViewportChange();
+	}
+	scheduleRefresh() {
+		if (this.refreshScheduled) return;
+		this.refreshScheduled = !0;
+		let e = () => {
+			this.refreshScheduled = !1, this.destroyed || this.refresh();
+		};
+		typeof requestAnimationFrame < "u" ? requestAnimationFrame(e) : queueMicrotask(e);
+	}
 	refresh() {
 		let { currentAreaInstance: e, currentZIndex: t, positionRoomId: n } = this.state;
 		if (!e || t === void 0) return;
 		let r = e.getPlane(t);
 		if (!r) {
-			this.shapeToDrawEntry = /* @__PURE__ */ new Map(), this.sceneManager.reset(), this.hitTester.clear(), this.lastHitShapes = [], this.gridLayer.destroyChildren(), this.linkLayer.destroyChildren(), this.positionLayer.destroyChildren(), this.positionMarker = void 0, this.clearOverlayShapes(), this.currentRoomOverlay = [], this.stage.batchDraw();
+			this.shapeToDrawEntry = /* @__PURE__ */ new Map(), this.sceneManager.reset(), this.hitTester.clear(), this.lastHitShapes = [], this.gridLayer.destroyChildren(), this.linkLayer.destroyChildren(), this.positionLayer.destroyChildren(), this.positionMarker = void 0, this.clearOverlayShapes(), this.currentRoomOverlay = [], this.lodController.clear(), this.lodMode = "vector", this.stage.batchDraw();
 			return;
 		}
-		this.updateBackground(), this.buildScene(e, r, t), this.onSceneBuilt(), this.syncHighlights(), this.syncPaths(), n !== void 0 && this.onPositionChanged(n, !1, !1);
+		this.updateBackground();
+		let i = this.state.mapReader;
+		if (F(i) && this.hasRealViewport()) {
+			let e = this.padViewport(this.camera.getViewportBounds()), t = Be(e.minX, e.minY, e.maxX, e.maxY, this.coordinateInverse);
+			i.setViewport(t), this.lastAppliedViewport = e, this.lastAppliedScale = this.camera.getScale();
+		}
+		let a = this.computeLodMode();
+		if (this.lodMode = a, a === "raster") this.clearVectorScene(), this.lodController.setSource(this.rasterVisit(e, r, t));
+		else {
+			this.lodController.clear();
+			let n = a === "roomsOnly" ? ct(e) : e;
+			this.buildScene(n, 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);
+		this.emitLodEvent(a, e, r, t);
+	}
+	hasRealViewport() {
+		return this.camera.width > 1 || this.camera.height > 1;
+	}
+	padViewport(e) {
+		let t = (e.maxX - e.minX) * lt + 1, n = (e.maxY - e.minY) * lt + 1;
+		return {
+			minX: e.minX - t,
+			maxX: e.maxX + t,
+			minY: e.minY - n,
+			maxY: e.maxY + n
+		};
+	}
+	planeRoomCount(e, t, n) {
+		let r = this.state.mapReader;
+		return F(r) ? r.getPlaneRoomCount(e.getAreaId(), n) : t.getRooms().length;
+	}
+	computeLodMode() {
+		let e = this.state.settings;
+		if (!e.lodEnabled || !this.hasRealViewport()) return "vector";
+		let { currentAreaInstance: t, currentZIndex: n } = this.state;
+		if (!t || n === void 0) return "vector";
+		let r = t.getPlane(n);
+		return r ? st({
+			planeRoomCount: this.planeRoomCount(t, r, n),
+			scale: this.camera.getScale(),
+			stageWidth: this.camera.width,
+			stageHeight: this.camera.height,
+			roomBudget: e.lodRoomBudget / ut,
+			exitBudget: e.lodExitBudget / ut
+		}) : "vector";
+	}
+	rasterVisit(e, t, n) {
+		let r = this.state.mapReader;
+		if (F(r)) {
+			let t = e.getAreaId();
+			return (e, i) => r.forEachInBounds(t, n, e, i);
+		}
+		return (e, n) => {
+			for (let r of t.getRooms()) r.x >= e.minX && r.x <= e.maxX && r.y >= e.minY && r.y <= e.maxY && n(r.x, r.y, r.env);
+		};
+	}
+	clearVectorScene() {
+		this.shapeToDrawEntry = /* @__PURE__ */ new Map(), this.shapeToGroup.clear(), this.sceneManager.reset(), this.hitTester.clear(), this.lastHitShapes = [], this.lastVisibleShapes = /* @__PURE__ */ new Set(), this.spilledRoomPositions = /* @__PURE__ */ new Map(), this.sceneNode.destroyChildren(), this.topLabelLayerNode.destroyChildren(), this.stage.batchDraw();
+	}
+	hitTestBudgetExceeded() {
+		if (!this.state.settings.lodEnabled) return !1;
+		let { currentAreaInstance: e, currentZIndex: t } = this.state;
+		if (!e || t === void 0) return !1;
+		let n = e.getPlane(t);
+		return n ? n.getRooms().length > this.state.settings.lodHitTestBudget : !1;
+	}
+	emitLodEvent(e, t, n, r) {
+		if (!this.state.settings.lodEnabled) return;
+		let i = this.state.mapReader, a = this.planeRoomCount(t, n, r), o = this.lastAppliedViewport ?? this.camera.getViewportBounds(), s = F(i) ? i.estimateVisibleCount(t.getAreaId(), r, o) : a, c = e === "raster" ? !1 : !this.hitTestBudgetExceeded();
+		this.events.emit("lod", {
+			mode: e,
+			planeRoomCount: a,
+			visibleEstimate: s,
+			hitTestActive: c
+		});
 	}
 	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);
@@ -957,7 +1294,7 @@ var F = "rgb(120, 72, 0)", Je = class {
 			layer: e.layer,
 			noScale: e.noScale
 		};
-		let a = Ue(i);
+		let a = Ye(i);
 		return t.addNode(a), a;
 	}
 	refreshGrid(e) {
@@ -979,7 +1316,7 @@ var F = "rgb(120, 72, 0)", Je = class {
 		}, this.gridLayerNode.batchDraw();
 	}
 	onSceneBuilt() {
-		this.lastHitShapes = this.sceneManager.hitShapes, this.hitTester.build(this.lastHitShapes, this.state.settings.roomSize, this._coordinateTransform, this.coordinateLayerOffset);
+		this.lastHitShapes = this.sceneManager.hitShapes, this.hitTestBudgetExceeded() ? this.hitTester.clear() : this.hitTester.build(this.lastHitShapes, this.state.settings.roomSize, this._coordinateTransform, this.coordinateLayerOffset);
 		let e = this.camera.getScale();
 		this.stage.scale({
 			x: e,
@@ -989,16 +1326,22 @@ var F = "rgb(120, 72, 0)", Je = class {
 			let n = this.sceneNode.getEntry(t);
 			n && this.shapeToDrawEntry.set(e, n);
 		}
-		this.applyClipping(), this.stage.batchDraw();
+		this.lastVisibleShapes = this.sceneManager.managedShapes(this._coordinateTransform), this.applyClipping(), this.stage.batchDraw();
 	}
 	applyClipping() {
 		if (!this.sceneManager.lastResult) return;
-		let e = this.sceneManager.cullInteractive(this._coordinateTransform), t = !1;
-		for (let [n, r] of this.shapeToDrawEntry) {
-			let i = e.get(n) ?? !0;
-			r.visible !== i && (r.visible = i, t = !0);
+		let e = this.sceneManager.cullInteractive(this._coordinateTransform), t = this.lastVisibleShapes, n = !1;
+		for (let r of t) {
+			if (e.has(r)) continue;
+			let t = this.shapeToDrawEntry.get(r);
+			t && t.visible && (t.visible = !1, n = !0);
 		}
-		t && this.sceneNode.batchDraw();
+		for (let r of e) {
+			if (t.has(r)) continue;
+			let e = this.shapeToDrawEntry.get(r);
+			e && !e.visible && (e.visible = !0, n = !0);
+		}
+		this.lastVisibleShapes = e, n && this.sceneNode.batchDraw();
 	}
 	onPositionChanged(e, t, n) {
 		if (e === void 0) {
@@ -1031,6 +1374,10 @@ var F = "rgb(120, 72, 0)", Je = class {
 			return;
 		}
 		let r = this.state.settings;
+		if (this.lodMode === "raster") {
+			this.positionMarker && this.positionMarker.moveToTop(), this.positionLayerNode.batchDraw();
+			return;
+		}
 		if (!r.highlightCurrentRoom) {
 			this.positionMarker && this.positionMarker.moveToTop(), this.positionLayerNode.batchDraw();
 			return;
@@ -1041,14 +1388,14 @@ var F = "rgb(120, 72, 0)", Je = class {
 		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 = this.state.mapReader.getRoom(e.a), n = this.state.mapReader.getRoom(e.b);
 			if (!t || !n || (c.getExitTreatment ? c.getExitTreatment(e, t, n) : d(c, e, t, n)) !== "full") return;
-			let r = s.renderDataWithColor(e, F, this.state.currentZIndex);
+			let r = s.renderDataWithColor(e, I, this.state.currentZIndex);
 			if (r) {
 				if (r.targetRoomId !== void 0 && this.spilledRoomPositions.has(r.targetRoomId)) return;
 				o.push(this.sceneManager.buildExitShape(r));
 			}
 		});
-		for (let t of g(e, r, F)) o.push(h(t, e.id));
-		for (let t of i(e, r, F)) o.push(fe(t));
+		for (let t of g(e, r, I)) o.push(h(t, e.id));
+		for (let t of i(e, r, I)) o.push(fe(t));
 		[...Object.values(e.exits), ...Object.values(e.specialExits)].forEach((e) => {
 			let t = this.state.mapReader.getRoom(e);
 			t && t.area === this.state.currentArea && t.z === this.state.currentZIndex && c.isVisible(t) && a.set(e, t);
@@ -1057,7 +1404,7 @@ var F = "rgb(120, 72, 0)", Je = class {
 			t && this.currentRoomOverlay.push(t);
 		}), a.forEach((i, a) => {
 			let o = a === e.id, s = de(i, this.state.mapReader, r, {
-				strokeOverride: o ? F : r.lineColor,
+				strokeOverride: o ? I : r.lineColor,
 				flatPipeline: !0,
 				...t(i, r.hiddenRooms)
 			});
@@ -1114,7 +1461,7 @@ var F = "rgb(120, 72, 0)", Je = class {
 };
 //#endregion
 //#region src/style/shape/paintMap.ts
-function I(e, t) {
+function L(e, t) {
 	if (e !== void 0) return typeof e == "string" ? t(e) : {
 		...e,
 		stops: e.stops.map((e) => ({
@@ -1123,7 +1470,7 @@ function I(e, t) {
 		}))
 	};
 }
-function L(e) {
+function R(e) {
 	let t = e.match(/rgba?\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)(?:\s*,\s*([\d.]+))?\s*\)/);
 	return t ? {
 		r: parseInt(t[1]),
@@ -1137,13 +1484,13 @@ function L(e) {
 		a: 1
 	} : null;
 }
-function R(e, t, n, r = 1) {
+function z(e, t, n, r = 1) {
 	return r < 1 ? `rgba(${e}, ${t}, ${n}, ${r})` : `rgb(${e}, ${t}, ${n})`;
 }
-function z(e) {
+function B(e) {
 	return (.299 * e.r + .587 * e.g + .114 * e.b) / 255;
 }
-function Ye(e, t, n) {
+function ft(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 [
@@ -1158,99 +1505,99 @@ function Ye(e, t, n) {
 		a
 	];
 }
-function Xe(e, t, n, r = 1) {
+function pt(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;
-	return 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), R(Math.round((s + o) * 255), Math.round((c + o) * 255), Math.round((l + o) * 255), r);
+	return 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), z(Math.round((s + o) * 255), Math.round((c + o) * 255), Math.round((l + o) * 255), r);
 }
 //#endregion
 //#region src/style/shape/ParchmentStyle.ts
-var Ze = "#4a3728", Qe = "#3b2a1a", $e = 139, et = 115, tt = 85, nt = 244, rt = 228, it = 193;
-function at(e) {
-	let t = L(e);
-	if (!t) return R(nt, rt, it);
-	let n = z(t);
-	return R(Math.round($e + (nt - $e) * n), Math.round(et + (rt - et) * n), Math.round(tt + (it - tt) * n), t.a);
+var mt = "#4a3728", ht = "#3b2a1a", gt = 139, _t = 115, vt = 85, yt = 244, bt = 228, xt = 193;
+function St(e) {
+	let t = R(e);
+	if (!t) return z(yt, bt, xt);
+	let n = B(t);
+	return z(Math.round(gt + (yt - gt) * n), Math.round(_t + (bt - _t) * n), Math.round(vt + (xt - vt) * n), t.a);
 }
-function ot(e) {
-	let t = L(e);
-	if (!t || t.a >= 1) return Ze;
-	let n = L(Ze);
-	return R(n.r, n.g, n.b, t.a);
+function Ct(e) {
+	let t = R(e);
+	if (!t || t.a >= 1) return mt;
+	let n = R(mt);
+	return z(n.r, n.g, n.b, t.a);
 }
-function st(e) {
+function wt(e) {
 	return {
 		...e,
-		fill: I(e.fill, at),
-		stroke: e.stroke ? ot(e.stroke) : e.stroke
+		fill: L(e.fill, St),
+		stroke: e.stroke ? Ct(e.stroke) : e.stroke
 	};
 }
-var ct = { transform(e) {
+var Tt = { transform(e) {
 	switch (e.type) {
 		case "rect":
 		case "circle":
 		case "polygon": return {
 			...e,
-			paint: st(e.paint)
+			paint: wt(e.paint)
 		};
 		case "line": return {
 			...e,
 			paint: e.paint.stroke ? {
 				...e.paint,
-				stroke: ot(e.paint.stroke)
+				stroke: Ct(e.paint.stroke)
 			} : e.paint
 		};
 		case "text": return {
 			...e,
-			fill: Qe
+			fill: ht
 		};
 		case "image":
 		case "group": return e;
 	}
-} }, lt = "#c0deff", ut = "#e0f0ff", dt = 20, ft = 40, pt = 80, mt = 60, ht = 100, gt = 160;
-function _t(e) {
-	let t = L(e);
-	if (!t) return R(mt, ht, gt);
-	let n = z(t);
-	return R(Math.round(dt + (mt - dt) * n), Math.round(ft + (ht - ft) * n), Math.round(pt + (gt - pt) * n), t.a);
+} }, Et = "#c0deff", Dt = "#e0f0ff", Ot = 20, kt = 40, At = 80, jt = 60, Mt = 100, Nt = 160;
+function Pt(e) {
+	let t = R(e);
+	if (!t) return z(jt, Mt, Nt);
+	let n = B(t);
+	return z(Math.round(Ot + (jt - Ot) * n), Math.round(kt + (Mt - kt) * n), Math.round(At + (Nt - At) * n), t.a);
 }
-function vt(e) {
-	let t = L(e);
-	if (!t || t.a >= 1) return lt;
-	let n = L(lt);
-	return R(n.r, n.g, n.b, t.a);
+function Ft(e) {
+	let t = R(e);
+	if (!t || t.a >= 1) return Et;
+	let n = R(Et);
+	return z(n.r, n.g, n.b, t.a);
 }
-function yt(e) {
+function It(e) {
 	return {
 		...e,
-		fill: I(e.fill, _t),
-		stroke: e.stroke ? vt(e.stroke) : e.stroke
+		fill: L(e.fill, Pt),
+		stroke: e.stroke ? Ft(e.stroke) : e.stroke
 	};
 }
-var bt = { transform(e) {
+var Lt = { transform(e) {
 	switch (e.type) {
 		case "rect":
 		case "circle":
 		case "polygon": return {
 			...e,
-			paint: yt(e.paint)
+			paint: It(e.paint)
 		};
 		case "line": return {
 			...e,
 			paint: e.paint.stroke ? {
 				...e.paint,
-				stroke: vt(e.paint.stroke)
+				stroke: Ft(e.paint.stroke)
 			} : e.paint
 		};
 		case "text": return {
 			...e,
-			fill: ut
+			fill: Dt
 		};
 		case "image":
 		case "group": return e;
 	}
-} }, xt = "#00ffd0", St = .3, Ct = 3;
-function wt(e, t, n) {
+} }, Rt = "#00ffd0", zt = .3, Bt = 3;
+function Vt(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 [
@@ -1265,68 +1612,68 @@ function wt(e, t, n) {
 		a
 	];
 }
-function Tt(e, t, n, r = 1) {
+function Ht(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 Et(e) {
-	let t = L(e);
+function Ut(e) {
+	let t = R(e);
 	if (!t) return {
 		h: 150,
 		a: 1
 	};
-	let [n] = wt(t.r, t.g, t.b);
+	let [n] = Vt(t.r, t.g, t.b);
 	return {
 		h: n,
 		a: t.a
 	};
 }
-function Dt(e) {
-	let { h: t, a: n } = Et(e);
-	return Tt(t, .95, .65, n);
+function Wt(e) {
+	let { h: t, a: n } = Ut(e);
+	return Ht(t, .95, .65, n);
 }
-function Ot(e) {
-	let t = L(e);
+function Gt(e) {
+	let t = R(e);
 	if (!t) return "rgb(8, 12, 10)";
-	let [n] = wt(t.r, t.g, t.b);
-	return Tt(n, .4, .1, t.a);
+	let [n] = Vt(t.r, t.g, t.b);
+	return Ht(n, .4, .1, t.a);
 }
-function kt(e) {
-	let { h: t, a: n } = Et(e);
-	return Tt(t, .95, .65, Math.min(n, St));
+function Kt(e) {
+	let { h: t, a: n } = Ut(e);
+	return Ht(t, .95, .65, Math.min(n, zt));
 }
-function At(e) {
+function qt(e) {
 	return {
 		...e,
-		fill: I(e.fill, Ot),
-		stroke: e.stroke ? Dt(e.stroke) : e.stroke
+		fill: L(e.fill, Gt),
+		stroke: e.stroke ? Wt(e.stroke) : e.stroke
 	};
 }
-function jt(e, t = !1) {
+function Jt(e, t = !1) {
 	if (!e.stroke) return e;
-	let n = (e.strokeWidth ?? 1) * Ct;
+	let n = (e.strokeWidth ?? 1) * Bt;
 	return {
-		stroke: kt(e.stroke),
+		stroke: Kt(e.stroke),
 		strokeWidth: n,
 		dash: e.dash,
 		dashEnabled: e.dashEnabled,
-		alpha: t ? St : e.alpha
+		alpha: t ? zt : e.alpha
 	};
 }
-var Mt = { transform(e) {
+var Yt = { transform(e) {
 	switch (e.type) {
 		case "rect": {
 			let t = {
 				...e,
-				paint: At(e.paint)
+				paint: qt(e.paint)
 			};
 			return e.paint.stroke ? [{
 				...e,
 				paint: {
-					...jt(e.paint),
+					...Jt(e.paint),
 					fill: void 0
 				}
 			}, t] : t;
@@ -1334,12 +1681,12 @@ var Mt = { transform(e) {
 		case "circle": {
 			let t = {
 				...e,
-				paint: At(e.paint)
+				paint: qt(e.paint)
 			};
 			return e.paint.stroke ? [{
 				...e,
 				paint: {
-					...jt(e.paint),
+					...Jt(e.paint),
 					fill: void 0
 				}
 			}, t] : t;
@@ -1349,21 +1696,21 @@ var Mt = { transform(e) {
 				...e,
 				paint: e.paint.stroke ? {
 					...e.paint,
-					stroke: Dt(e.paint.stroke)
+					stroke: Wt(e.paint.stroke)
 				} : e.paint
 			};
 			return e.paint.stroke ? [{
 				...e,
-				paint: jt(e.paint, !0)
+				paint: Jt(e.paint, !0)
 			}, t] : t;
 		}
 		case "polygon": return {
 			...e,
-			paint: At(e.paint)
+			paint: qt(e.paint)
 		};
 		case "text": return {
 			...e,
-			fill: xt
+			fill: Rt
 		};
 		case "image":
 		case "group": return e;
@@ -1371,16 +1718,16 @@ var Mt = { transform(e) {
 } };
 //#endregion
 //#region src/style/shape/wobble.ts
-function B(e) {
+function V(e) {
 	let t = e | 0 || 1;
 	return () => (t = t * 1664525 + 1013904223 | 0, (t >>> 0) / 4294967296);
 }
-function V(...e) {
+function H(...e) {
 	let t = 2654435769;
 	for (let n of e) t ^= (n * 1e3 | 0) + 2654435769 + (t << 6) + (t >> 2);
 	return t;
 }
-function H(e, t, n, r, i, a) {
+function Xt(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,
@@ -1395,11 +1742,11 @@ function H(e, t, n, r, i, a) {
 	}
 	return f.push(n + l * (a() - .5) * i * .3, r + u * (a() - .5) * i * .3), f;
 }
-function Nt(e, t, n) {
+function Zt(e, t, n) {
 	if (e.length < 4) return e;
 	let r = [];
 	for (let i = 0; i < e.length - 2; i += 2) {
-		let a = H(e[i], e[i + 1], e[i + 2], e[i + 3], t, n);
+		let a = Xt(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]);
 	}
@@ -1417,12 +1764,12 @@ function U(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 = H(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 = Xt(t, n, c, l, i, a);
 		for (let e = 0; e < u.length - 2; e++) s.push(u[e]);
 	}
 	return s;
 }
-function Pt(e, t, n, r, i) {
+function Qt(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;
@@ -1430,31 +1777,31 @@ function Pt(e, t, n, r, i) {
 	}
 	return a;
 }
-function Ft(e, t, n) {
+function $t(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 = H(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 = Xt(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 It(e, t) {
+function en(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 Lt(e) {
+function tn(e) {
 	let { jitter: t, color: n } = e;
 	return { transform(e) {
 		switch (e.type) {
 			case "rect": {
-				let r = B(V(e.x, e.y, e.width, e.height)), i = e.paint.fill ? "#ffffff" : void 0, a = e.paint.stroke ? n : void 0;
+				let r = V(H(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({
@@ -1494,10 +1841,10 @@ function Lt(e) {
 				};
 			}
 			case "circle": {
-				let r = B(V(e.cx, e.cy, e.radius));
+				let r = V(H(e.cx, e.cy, e.radius));
 				return {
 					type: "polygon",
-					vertices: Pt(e.cx, e.cy, e.radius, t, r),
+					vertices: Qt(e.cx, e.cy, e.radius, t, r),
 					paint: {
 						fill: e.paint.fill ? "#ffffff" : void 0,
 						stroke: e.paint.stroke ? n : void 0,
@@ -1509,7 +1856,7 @@ function Lt(e) {
 				};
 			}
 			case "line": {
-				let r = B(V(...e.points.slice(0, 4))), i = Nt(e.points, t, r), a = It(n, e.paint.stroke), o = {
+				let r = V(H(...e.points.slice(0, 4))), i = Zt(e.points, t, r), a = en(n, e.paint.stroke), o = {
 					...e.paint,
 					stroke: a
 				};
@@ -1520,7 +1867,7 @@ function Lt(e) {
 				};
 			}
 			case "polygon": {
-				let r = B(V(...e.vertices.slice(0, 4))), i = Ft(e.vertices, t, r);
+				let r = V(H(...e.vertices.slice(0, 4))), i = $t(e.vertices, t, r);
 				return {
 					...e,
 					vertices: i,
@@ -1543,7 +1890,7 @@ function Lt(e) {
 //#endregion
 //#region src/style/shape/IsometricStyle.ts
 function W(e, t) {
-	return I(e, (e) => _(e, t));
+	return L(e, (e) => _(e, t));
 }
 function G(e, t) {
 	if (!t || typeof t == "string") return t;
@@ -1568,16 +1915,16 @@ function G(e, t) {
 	}
 	return i;
 }
-function Rt(e) {
+function nn(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 zt(e) {
+function rn(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 K = 32;
-function Bt(e, t) {
+function an(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]);
@@ -1585,7 +1932,7 @@ function Bt(e, t) {
 	}
 	return n;
 }
-function Vt(e, t, n, r, i) {
+function on(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,
@@ -1598,8 +1945,8 @@ function Vt(e, t, n, r, i) {
 		f
 	];
 }
-function Ht(e = {}) {
-	let t = e.rotation ?? 0, n = e.depth ?? .18, r = Rt(t), i = zt(t);
+function sn(e = {}) {
+	let t = e.rotation ?? 0, n = e.depth ?? .18, r = nn(t), i = rn(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 [
@@ -1612,7 +1959,7 @@ function Ht(e = {}) {
 		];
 	}
 	function o(e) {
-		let { x: t, y: i, width: a, height: o, paint: s } = e, c = Vt(r, t, i, a, o);
+		let { x: t, y: i, width: a, height: o, paint: s } = e, c = on(r, t, i, a, o);
 		if (s.dash || s.dashEnabled) {
 			let t = [];
 			for (let n = 0; n < 8; n += 2) {
@@ -1811,11 +2158,11 @@ function Ht(e = {}) {
 				case "circle": return s(e);
 				case "line": return {
 					...e,
-					points: Bt(r, e.points)
+					points: an(r, e.points)
 				};
 				case "polygon": return {
 					...e,
-					vertices: Bt(r, e.vertices),
+					vertices: an(r, e.vertices),
 					paint: {
 						...e.paint,
 						fill: G(r, e.paint.fill)
@@ -1883,21 +2230,21 @@ function Ht(e = {}) {
 }
 //#endregion
 //#region src/style/shape/ConstructionStyle.ts
-var q = "#1a1a1a", Ut = "#ffc200", Wt = "#ff6600", Gt = 26, Kt = 26, qt = 26, Jt = 255, Yt = 194, Xt = 0;
-function Zt(e) {
-	let t = L(e);
-	if (!t) return R(Jt, Yt, Xt);
-	let n = z(t);
-	return R(Math.round(Gt + (Jt - Gt) * n), Math.round(Kt + (Yt - Kt) * n), Math.round(qt + (Xt - qt) * n), t.a);
-}
-function Qt(e) {
+var q = "#1a1a1a", cn = "#ffc200", ln = "#ff6600", un = 26, dn = 26, fn = 26, pn = 255, mn = 194, hn = 0;
+function gn(e) {
+	let t = R(e);
+	if (!t) return z(pn, mn, hn);
+	let n = B(t);
+	return z(Math.round(un + (pn - un) * n), Math.round(dn + (mn - dn) * n), Math.round(fn + (hn - fn) * n), t.a);
+}
+function _n(e) {
 	return {
 		...e,
-		fill: I(e.fill, Zt),
+		fill: L(e.fill, gn),
 		stroke: e.stroke ? q : e.stroke
 	};
 }
-function $t(e, t, n, r) {
+function vn(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;
@@ -1908,7 +2255,7 @@ function $t(e, t, n, r) {
 	}
 	return i;
 }
-function en(e, t, n, r, i) {
+function yn(e, t, n, r, i) {
 	let a = [
 		[e, t],
 		[e + n, t],
@@ -1916,17 +2263,17 @@ function en(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 = $t(a, 1, 1, t);
-		r = $t(r, -1, -1, -n), r.length >= 3 && f.push(r.flatMap((e) => [e[0], e[1]]));
+		let t = e * o, n = t + s, r = vn(a, 1, 1, t);
+		r = vn(r, -1, -1, -n), r.length >= 3 && f.push(r.flatMap((e) => [e[0], e[1]]));
 	}
 	return f;
 }
-var tn = { transform(e, t) {
+var bn = { transform(e, t) {
 	switch (e.type) {
 		case "rect": {
 			if (!e.paint.fill) return {
 				...e,
-				paint: Qt(e.paint)
+				paint: _n(e.paint)
 			};
 			let n = {
 				...e,
@@ -1934,12 +2281,12 @@ var tn = { transform(e, t) {
 					fill: q,
 					strokeWidth: e.paint.strokeWidth
 				}
-			}, r = en(e.x, e.y, e.width, e.height, t.roomSize).map((t) => ({
+			}, r = yn(e.x, e.y, e.width, e.height, t.roomSize).map((t) => ({
 				type: "polygon",
 				vertices: t,
 				layer: e.layer,
 				paint: {
-					fill: Ut,
+					fill: cn,
 					alpha: .65
 				}
 			})), i = {
@@ -1958,13 +2305,13 @@ var tn = { transform(e, t) {
 		}
 		case "circle": return {
 			...e,
-			paint: Qt(e.paint)
+			paint: _n(e.paint)
 		};
 		case "polygon": return {
 			...e,
 			paint: {
 				...e.paint,
-				fill: e.paint.fill ? Wt : e.paint.fill,
+				fill: e.paint.fill ? ln : e.paint.fill,
 				stroke: e.paint.stroke ? q : e.paint.stroke
 			}
 		};
@@ -1972,24 +2319,24 @@ var tn = { transform(e, t) {
 			...e,
 			paint: e.paint.stroke ? {
 				...e.paint,
-				stroke: Wt
+				stroke: ln
 			} : e.paint
 		};
 		case "text": return {
 			...e,
-			fill: Wt,
+			fill: ln,
 			stroke: q,
 			strokeWidth: t.roomSize * .25
 		};
 		case "image":
 		case "group": return e;
 	}
-} }, nn = "#c8eeff", rn = "#00c8ff", an = "#00ffaa", on = .2, sn = 5, cn = 190;
-function ln(e, t, n) {
+} }, xn = "#c8eeff", Sn = "#00c8ff", Cn = "#00ffaa", wn = .2, Tn = 5, En = 190;
+function Dn(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 [
-		cn,
+		En,
 		0,
 		a
 	];
@@ -2000,54 +2347,54 @@ function ln(e, t, n) {
 		a
 	];
 }
-function un(e, t, n, r = 1) {
+function On(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 dn(e) {
-	let t = L(e);
-	if (!t) return un(cn, .55, .18);
-	let [n, r] = ln(t.r, t.g, t.b);
-	return un(r < .08 ? cn : n, .55, .18, t.a);
+function kn(e) {
+	let t = R(e);
+	if (!t) return On(En, .55, .18);
+	let [n, r] = Dn(t.r, t.g, t.b);
+	return On(r < .08 ? En : n, .55, .18, t.a);
 }
-function fn(e) {
+function An(e) {
 	return {
 		...e,
-		fill: I(e.fill, dn),
-		stroke: e.stroke ? rn : e.stroke
+		fill: L(e.fill, kn),
+		stroke: e.stroke ? Sn : e.stroke
 	};
 }
-function pn(e) {
+function jn(e) {
 	return {
-		stroke: rn,
-		strokeWidth: (e.strokeWidth ?? 1) * sn,
-		alpha: on
+		stroke: Sn,
+		strokeWidth: (e.strokeWidth ?? 1) * Tn,
+		alpha: wn
 	};
 }
-function mn(e) {
+function Mn(e) {
 	return {
-		stroke: an,
-		strokeWidth: (e.strokeWidth ?? 1) * sn,
-		alpha: on,
+		stroke: Cn,
+		strokeWidth: (e.strokeWidth ?? 1) * Tn,
+		alpha: wn,
 		dash: e.dash,
 		dashEnabled: e.dashEnabled
 	};
 }
-var hn = { transform(e) {
+var Nn = { transform(e) {
 	switch (e.type) {
 		case "rect": {
 			let t = {
 				...e,
-				paint: fn(e.paint)
+				paint: An(e.paint)
 			};
 			return e.paint.stroke ? [{
 				...e,
 				hit: void 0,
 				paint: {
-					...pn(e.paint),
+					...jn(e.paint),
 					fill: void 0
 				}
 			}, t] : t;
@@ -2055,13 +2402,13 @@ var hn = { transform(e) {
 		case "circle": {
 			let t = {
 				...e,
-				paint: fn(e.paint)
+				paint: An(e.paint)
 			};
 			return e.paint.stroke ? [{
 				...e,
 				hit: void 0,
 				paint: {
-					...pn(e.paint),
+					...jn(e.paint),
 					fill: void 0
 				}
 			}, t] : t;
@@ -2078,36 +2425,36 @@ var hn = { transform(e) {
 				...e,
 				paint: e.paint.stroke ? {
 					...e.paint,
-					stroke: an
+					stroke: Cn
 				} : e.paint
 			};
 			return e.paint.stroke ? [{
 				...e,
 				hit: void 0,
-				paint: mn(e.paint)
+				paint: Mn(e.paint)
 			}, t] : t;
 		}
 		case "polygon": return {
 			...e,
 			paint: {
 				...e.paint,
-				fill: e.paint.fill ? an : e.paint.fill,
+				fill: e.paint.fill ? Cn : e.paint.fill,
 				stroke: void 0
 			}
 		};
 		case "text": return {
 			...e,
-			fill: nn
+			fill: xn
 		};
 		case "image":
 		case "group": return e;
 	}
-} }, gn = {
+} }, Pn = {
 	lighten: .35,
 	darken: .25
 };
-function _n(e = {}) {
-	let t = e.lighten ?? gn.lighten, n = e.darken ?? gn.darken;
+function Fn(e = {}) {
+	let t = e.lighten ?? Pn.lighten, n = e.darken ?? Pn.darken;
 	function r(e, r, i, a, s) {
 		let c = e.fill;
 		if (typeof c != "string") return e;
@@ -2158,124 +2505,124 @@ function _n(e = {}) {
 }
 //#endregion
 //#region src/style/shape/StainedGlassStyle.ts
-var vn = "#0a0a0a", yn = "#f4f0e0", bn = .6, xn = .4, Sn = .62, Cn = 2.2, wn = .06;
-function Tn(e) {
-	let t = L(e);
+var In = "#0a0a0a", Ln = "#f4f0e0", Rn = .6, zn = .4, Bn = .62, Vn = 2.2, Hn = .06;
+function Un(e) {
+	let t = R(e);
 	if (!t) return e;
-	let [n, r, i] = Ye(t.r, t.g, t.b);
-	return Xe(n, r < .08 ? r : Math.max(r, bn), Math.min(Sn, Math.max(xn, i)), t.a);
+	let [n, r, i] = ft(t.r, t.g, t.b);
+	return pt(n, r < .08 ? r : Math.max(r, Rn), Math.min(Bn, Math.max(zn, i)), t.a);
 }
-function En(e) {
-	return Math.max((e ?? .04) * Cn, wn);
+function Wn(e) {
+	return Math.max((e ?? .04) * Vn, Hn);
 }
-function Dn(e) {
-	let t = I(e.fill, Tn), n = t !== void 0 || e.stroke !== void 0;
+function Gn(e) {
+	let t = L(e.fill, Un), n = t !== void 0 || e.stroke !== void 0;
 	return {
 		...e,
 		fill: t,
-		stroke: n ? vn : void 0,
-		strokeWidth: n ? En(e.strokeWidth) : e.strokeWidth,
+		stroke: n ? In : void 0,
+		strokeWidth: n ? Wn(e.strokeWidth) : e.strokeWidth,
 		dash: void 0,
 		dashEnabled: void 0
 	};
 }
-var On = { transform(e) {
+var Kn = { transform(e) {
 	switch (e.type) {
 		case "rect":
 		case "circle":
 		case "polygon": return {
 			...e,
-			paint: Dn(e.paint)
+			paint: Gn(e.paint)
 		};
 		case "line": return {
 			...e,
 			paint: e.paint.stroke ? {
 				...e.paint,
-				stroke: vn,
-				strokeWidth: En(e.paint.strokeWidth)
+				stroke: In,
+				strokeWidth: Wn(e.paint.strokeWidth)
 			} : e.paint
 		};
 		case "text": return {
 			...e,
-			fill: yn
+			fill: Ln
 		};
 		case "image":
 		case "group": return e;
 	}
-} }, kn = "#1c3f6e", An = 1.4, jn = .05, Mn = 198, Nn = 212, Pn = 230, Fn = 248, In = 250, Ln = 255;
-function Rn(e) {
-	let t = L(e);
-	if (!t) return R(Fn, In, Ln);
-	let n = z(t);
-	return R(Math.round(Mn + (Fn - Mn) * n), Math.round(Nn + (In - Nn) * n), Math.round(Pn + (Ln - Pn) * n), t.a);
+} }, qn = "#1c3f6e", Jn = 1.4, Yn = .05, Xn = 198, Zn = 212, Qn = 230, $n = 248, er = 250, tr = 255;
+function nr(e) {
+	let t = R(e);
+	if (!t) return z($n, er, tr);
+	let n = B(t);
+	return z(Math.round(Xn + ($n - Xn) * n), Math.round(Zn + (er - Zn) * n), Math.round(Qn + (tr - Qn) * n), t.a);
 }
-function zn(e) {
-	let t = L(e);
-	if (!t || t.a >= 1) return kn;
-	let n = L(kn);
-	return R(n.r, n.g, n.b, t.a);
+function rr(e) {
+	let t = R(e);
+	if (!t || t.a >= 1) return qn;
+	let n = R(qn);
+	return z(n.r, n.g, n.b, t.a);
 }
-function Bn(e) {
-	return Math.max((e ?? .04) * An, jn);
+function ir(e) {
+	return Math.max((e ?? .04) * Jn, Yn);
 }
-function Vn(e) {
+function ar(e) {
 	return {
 		...e,
-		fill: I(e.fill, Rn),
-		stroke: e.stroke ? zn(e.stroke) : e.stroke,
-		strokeWidth: e.stroke ? Bn(e.strokeWidth) : e.strokeWidth
+		fill: L(e.fill, nr),
+		stroke: e.stroke ? rr(e.stroke) : e.stroke,
+		strokeWidth: e.stroke ? ir(e.strokeWidth) : e.strokeWidth
 	};
 }
-var Hn = { transform(e) {
+var or = { transform(e) {
 	switch (e.type) {
 		case "rect":
 		case "circle":
 		case "polygon": return {
 			...e,
-			paint: Vn(e.paint)
+			paint: ar(e.paint)
 		};
 		case "line": return e.paint.stroke ? {
 			...e,
 			paint: {
 				...e.paint,
-				stroke: zn(e.paint.stroke),
-				strokeWidth: e.grid ? e.paint.strokeWidth : Bn(e.paint.strokeWidth)
+				stroke: rr(e.paint.stroke),
+				strokeWidth: e.grid ? e.paint.strokeWidth : ir(e.paint.strokeWidth)
 			}
 		} : e;
 		case "text": return {
 			...e,
-			fill: kn
+			fill: qn
 		};
 		case "image":
 		case "group": return e;
 	}
-} }, Un = "#7a6a48", Wn = "#8a7a55", Gn = "#4a3f28", Kn = 78, qn = 93, Jn = 52, Yn = 221, Xn = 207, Zn = 166, Qn = 2, $n = .26, er = .02;
-function tr(e) {
-	let t = L(e);
-	if (!t) return R(Yn, Xn, Zn);
-	let n = z(t);
-	return R(Math.round(Kn + (Yn - Kn) * n), Math.round(qn + (Xn - qn) * n), Math.round(Jn + (Zn - Jn) * n), t.a);
+} }, sr = "#7a6a48", cr = "#8a7a55", lr = "#4a3f28", ur = 78, dr = 93, fr = 52, pr = 221, mr = 207, hr = 166, gr = 2, _r = .26, vr = .02;
+function yr(e) {
+	let t = R(e);
+	if (!t) return z(pr, mr, hr);
+	let n = B(t);
+	return z(Math.round(ur + (pr - ur) * n), Math.round(dr + (mr - dr) * n), Math.round(fr + (hr - fr) * n), t.a);
 }
-function nr(e) {
+function br(e) {
 	return {
 		...e,
-		fill: I(e.fill, tr),
-		stroke: e.stroke ? Un : e.stroke
+		fill: L(e.fill, yr),
+		stroke: e.stroke ? sr : e.stroke
 	};
 }
-var rr = {
-	stroke: Un,
-	strokeWidth: er
-}, ir = { transform(e) {
+var xr = {
+	stroke: sr,
+	strokeWidth: vr
+}, Sr = { transform(e) {
 	switch (e.type) {
 		case "rect": {
 			let t = {
 				...e,
-				paint: nr(e.paint)
+				paint: br(e.paint)
 			};
 			if (!e.paint.fill) return t;
-			let n = [t], r = Math.min(e.width, e.height) / 2 * $n, i = Math.min(e.width, e.height) * .12;
-			for (let t = 1; t <= Qn; t++) {
+			let n = [t], r = Math.min(e.width, e.height) / 2 * _r, i = Math.min(e.width, e.height) * .12;
+			for (let t = 1; t <= gr; t++) {
 				let a = r * t, o = e.width - a * 2, s = e.height - a * 2;
 				if (o <= i || s <= i) break;
 				n.push({
@@ -2285,7 +2632,7 @@ var rr = {
 					width: o,
 					height: s,
 					cornerRadius: e.cornerRadius,
-					paint: rr,
+					paint: xr,
 					layer: e.layer,
 					noScale: e.noScale
 				});
@@ -2295,11 +2642,11 @@ var rr = {
 		case "circle": {
 			let t = {
 				...e,
-				paint: nr(e.paint)
+				paint: br(e.paint)
 			};
 			if (!e.paint.fill) return t;
-			let n = [t], r = e.radius * $n;
-			for (let t = 1; t <= Qn; t++) {
+			let n = [t], r = e.radius * _r;
+			for (let t = 1; t <= gr; t++) {
 				let i = e.radius - r * t;
 				if (i <= e.radius * .12) break;
 				n.push({
@@ -2307,7 +2654,7 @@ var rr = {
 					cx: e.cx,
 					cy: e.cy,
 					radius: i,
-					paint: rr,
+					paint: xr,
 					layer: e.layer,
 					noScale: e.noScale
 				});
@@ -2317,21 +2664,21 @@ var rr = {
 		case "polygon": {
 			let t = {
 				...e,
-				paint: nr(e.paint)
+				paint: br(e.paint)
 			};
 			if (!e.paint.fill) return t;
 			let n = [t], r = e.vertices.length / 2, i = 0, a = 0;
 			for (let t = 0; t < r; t++) i += e.vertices[t * 2], a += e.vertices[t * 2 + 1];
 			i /= r, a /= r;
-			for (let t = 1; t <= Qn; t++) {
-				let o = 1 - $n * t;
+			for (let t = 1; t <= gr; t++) {
+				let o = 1 - _r * t;
 				if (o <= .15) break;
 				let s = [];
 				for (let t = 0; t < r; t++) s.push(i + (e.vertices[t * 2] - i) * o, a + (e.vertices[t * 2 + 1] - a) * o);
 				n.push({
 					type: "polygon",
 					vertices: s,
-					paint: rr,
+					paint: xr,
 					layer: e.layer,
 					noScale: e.noScale
 				});
@@ -2342,29 +2689,29 @@ var rr = {
 			...e,
 			paint: {
 				...e.paint,
-				stroke: Wn
+				stroke: cr
 			}
 		} : e;
 		case "text": return {
 			...e,
-			fill: Gn
+			fill: lr
 		};
 		case "image":
 		case "group": return e;
 	}
-} }, ar = "#3a3a44";
-function or(e, t) {
-	return I(e, (e) => {
-		let n = L(e);
+} }, Cr = "#3a3a44";
+function wr(e, t) {
+	return L(e, (e) => {
+		let n = R(e);
 		return n ? `rgba(${n.r}, ${n.g}, ${n.b}, ${(n.a * t).toFixed(3)})` : e;
 	});
 }
-function sr(e = {}) {
+function Tr(e = {}) {
 	let t = e.bleed ?? .05, n = Math.max(1, Math.min(4, e.layers ?? 2)), r = e.alpha ?? .4;
 	function i(e, t, i, a, o, s) {
-		let c = or(t.fill, r), l = [];
+		let c = wr(t.fill, r), l = [];
 		for (let t = 0; t < n; t++) {
-			let n = B(i + t * 2654435769);
+			let n = V(i + t * 2654435769);
 			l.push({
 				type: "polygon",
 				vertices: e(n),
@@ -2383,7 +2730,7 @@ function sr(e = {}) {
 		switch (e.type) {
 			case "rect":
 				if (!e.paint.fill) {
-					let n = B(V(e.x, e.y, e.width, e.height));
+					let n = V(H(e.x, e.y, e.width, e.height));
 					return {
 						type: "polygon",
 						vertices: U(e.x, e.y, e.width, e.height, t, n),
@@ -2397,13 +2744,13 @@ function sr(e = {}) {
 						noScale: e.noScale
 					};
 				}
-				return i((n) => U(e.x, e.y, e.width, e.height, t, n), e.paint, V(e.x, e.y, e.width, e.height), e.layer, e.hit, e.noScale);
+				return i((n) => U(e.x, e.y, e.width, e.height, t, n), e.paint, H(e.x, e.y, e.width, e.height), e.layer, e.hit, e.noScale);
 			case "circle":
 				if (!e.paint.fill) {
-					let n = B(V(e.cx, e.cy, e.radius));
+					let n = V(H(e.cx, e.cy, e.radius));
 					return {
 						type: "polygon",
-						vertices: Pt(e.cx, e.cy, e.radius, t, n),
+						vertices: Qt(e.cx, e.cy, e.radius, t, n),
 						paint: {
 							stroke: e.paint.stroke,
 							strokeWidth: e.paint.strokeWidth ?? 0,
@@ -2414,20 +2761,20 @@ function sr(e = {}) {
 						noScale: e.noScale
 					};
 				}
-				return i((n) => Pt(e.cx, e.cy, e.radius, t, n), e.paint, V(e.cx, e.cy, e.radius), e.layer, e.hit, e.noScale);
+				return i((n) => Qt(e.cx, e.cy, e.radius, t, n), e.paint, H(e.cx, e.cy, e.radius), e.layer, e.hit, e.noScale);
 			case "polygon":
 				if (!e.paint.fill) {
-					let n = B(V(...e.vertices.slice(0, 4)));
+					let n = V(H(...e.vertices.slice(0, 4)));
 					return {
 						...e,
-						vertices: Ft(e.vertices, t, n),
+						vertices: $t(e.vertices, t, n),
 						paint: {
 							...e.paint,
 							alpha: .5
 						}
 					};
 				}
-				return i((n) => Ft(e.vertices, t, n), e.paint, V(...e.vertices.slice(0, 4)), e.layer, e.hit, e.noScale);
+				return i((n) => $t(e.vertices, t, n), e.paint, H(...e.vertices.slice(0, 4)), e.layer, e.hit, e.noScale);
 			case "line": return {
 				...e,
 				paint: {
@@ -2437,7 +2784,7 @@ function sr(e = {}) {
 			};
 			case "text": return {
 				...e,
-				fill: ar
+				fill: Cr
 			};
 			case "image":
 			case "group": return e;
@@ -2446,32 +2793,32 @@ function sr(e = {}) {
 }
 //#endregion
 //#region src/style/shape/DarkModernStyle.ts
-var cr = "rgba(255, 255, 255, 0.14)", lr = "#5b6573", ur = "#e6e8ec", dr = "rgba(0, 0, 0, 0.38)", fr = .08, pr = .34;
-function mr(e) {
-	let t = L(e);
+var Er = "rgba(255, 255, 255, 0.14)", Dr = "#5b6573", Or = "#e6e8ec", kr = "rgba(0, 0, 0, 0.38)", Ar = .08, jr = .34;
+function Mr(e) {
+	let t = R(e);
 	if (!t) return "rgb(38, 42, 48)";
-	let [n, r, i] = Ye(t.r, t.g, t.b);
-	return Xe(n, Math.min(r, pr), .22 + i * .18, t.a);
+	let [n, r, i] = ft(t.r, t.g, t.b);
+	return pt(n, Math.min(r, jr), .22 + i * .18, t.a);
 }
-function hr(e) {
+function Nr(e) {
 	return {
 		...e,
-		fill: I(e.fill, mr),
-		stroke: e.stroke ? cr : e.stroke
+		fill: L(e.fill, Mr),
+		stroke: e.stroke ? Er : e.stroke
 	};
 }
-function gr(e) {
+function Pr(e) {
 	return e.hit?.kind === "room" && e.paint.fill !== void 0;
 }
-var _r = { transform(e, t) {
+var Fr = { transform(e, t) {
 	switch (e.type) {
 		case "rect": {
 			let n = {
 				...e,
-				paint: hr(e.paint)
+				paint: Nr(e.paint)
 			};
-			if (!gr(e)) return n;
-			let r = t.roomSize * fr;
+			if (!Pr(e)) return n;
+			let r = t.roomSize * Ar;
 			return [{
 				type: "rect",
 				x: e.x + r,
@@ -2479,7 +2826,7 @@ var _r = { transform(e, t) {
 				width: e.width,
 				height: e.height,
 				cornerRadius: e.cornerRadius,
-				paint: { fill: dr },
+				paint: { fill: kr },
 				layer: e.layer,
 				noScale: e.noScale
 			}, n];
@@ -2487,82 +2834,82 @@ var _r = { transform(e, t) {
 		case "circle": {
 			let n = {
 				...e,
-				paint: hr(e.paint)
+				paint: Nr(e.paint)
 			};
-			if (!gr(e)) return n;
-			let r = t.roomSize * fr;
+			if (!Pr(e)) return n;
+			let r = t.roomSize * Ar;
 			return [{
 				type: "circle",
 				cx: e.cx + r,
 				cy: e.cy + r,
 				radius: e.radius,
-				paint: { fill: dr },
+				paint: { fill: kr },
 				layer: e.layer,
 				noScale: e.noScale
 			}, n];
 		}
 		case "polygon": return {
 			...e,
-			paint: hr(e.paint)
+			paint: Nr(e.paint)
 		};
 		case "line": return {
 			...e,
 			paint: e.paint.stroke ? {
 				...e.paint,
-				stroke: lr
+				stroke: Dr
 			} : e.paint
 		};
 		case "text": return {
 			...e,
-			fill: ur
+			fill: Or
 		};
 		case "image":
 		case "group": return e;
 	}
-} }, J = "#5a3a22", vr = "#43301c", yr = 120, br = 86, xr = 50, Sr = 232, Cr = 205, wr = 158;
-function Tr(e) {
-	let t = L(e);
-	if (!t) return R(Sr, Cr, wr);
-	let n = z(t);
-	return R(Math.round(yr + (Sr - yr) * n), Math.round(br + (Cr - br) * n), Math.round(xr + (wr - xr) * n), t.a);
+} }, J = "#5a3a22", Ir = "#43301c", Lr = 120, Rr = 86, zr = 50, Br = 232, Vr = 205, Hr = 158;
+function Ur(e) {
+	let t = R(e);
+	if (!t) return z(Br, Vr, Hr);
+	let n = B(t);
+	return z(Math.round(Lr + (Br - Lr) * n), Math.round(Rr + (Vr - Rr) * n), Math.round(zr + (Hr - zr) * n), t.a);
 }
-function Er(e) {
-	let t = L(e);
+function Wr(e) {
+	let t = R(e);
 	if (!t || t.a >= 1) return J;
-	let n = L(J);
-	return R(n.r, n.g, n.b, t.a);
+	let n = R(J);
+	return z(n.r, n.g, n.b, t.a);
 }
-function Dr(e) {
+function Gr(e) {
 	return {
 		...e,
-		fill: I(e.fill, Tr),
-		stroke: e.stroke ? Er(e.stroke) : e.stroke
+		fill: L(e.fill, Ur),
+		stroke: e.stroke ? Wr(e.stroke) : e.stroke
 	};
 }
-var Or = { transform(e) {
+var Kr = { transform(e) {
 	switch (e.type) {
 		case "rect":
 		case "circle":
 		case "polygon": return {
 			...e,
-			paint: Dr(e.paint)
+			paint: Gr(e.paint)
 		};
 		case "line": return {
 			...e,
 			paint: e.paint.stroke ? {
 				...e.paint,
-				stroke: Er(e.paint.stroke)
+				stroke: Wr(e.paint.stroke)
 			} : e.paint
 		};
 		case "text": return {
 			...e,
-			fill: vr
+			fill: Ir
 		};
 		case "image":
 		case "group": return e;
 	}
 } };
-function kr(e, t, n) {
+function qr(e, t, n) {
 	let r = [], i = n * .42;
 	for (let a = 0; a < 8; a++) {
 		let o = (-90 + a * 45) * (Math.PI / 180), s = a % 2 == 0 ? n : i;
@@ -2570,7 +2917,7 @@ function kr(e, t, n) {
 	}
 	return r;
 }
-function Ar() {
+function Jr() {
 	let e;
 	return {
 		attach(t) {
@@ -2608,9 +2955,9 @@ function Ar() {
 				layer: "top"
 			}), c.push({
 				type: "polygon",
-				vertices: kr(u, d, l),
+				vertices: qr(u, d, l),
 				paint: {
-					fill: R(Sr, Cr, wr, .85),
+					fill: z(Br, Vr, Hr, .85),
 					stroke: J,
 					strokeWidth: s
 				},
@@ -2629,7 +2976,7 @@ function Ar() {
 				text: "N",
 				fontSize: l * .5,
 				fontStyle: "bold",
-				fill: vr,
+				fill: Ir,
 				align: "center",
 				verticalAlign: "middle",
 				layer: "top"
@@ -2639,22 +2986,22 @@ function Ar() {
 }
 //#endregion
 //#region src/style/index.ts
-var jr = ct, Mr = bt, Nr = Mt;
-function Pr(e) {
-	return Lt(e);
+var Yr = Tt, Xr = Lt, Zr = Yt;
+function Qr(e) {
+	return tn(e);
 }
-function Fr(e = {}) {
-	return Ht(e);
+function $r(e = {}) {
+	return sn(e);
 }
-var Ir = tn, Lr = hn;
-function Rr(e = {}) {
-	return _n(e);
+var ei = bn, ti = Nn;
+function ni(e = {}) {
+	return Fn(e);
 }
-var zr = On, Br = Hn, Vr = ir;
-function Hr(e = {}) {
-	return sr(e);
+var ri = Kn, ii = or, ai = Sr;
+function oi(e = {}) {
+	return Tr(e);
 }
-var Ur = _r, Wr = Or, Gr = class {
+var si = Fr, ci = Kr, li = class {
 	get settings() {
 		return this.state.settings;
 	}
@@ -2671,7 +3018,7 @@ var Ur = _r, Wr = Or, Gr = class {
 		return this.backend.events;
 	}
 	constructor(e, t, n, r) {
-		this.currentStyle = x, this.state = new Ae(e, t ?? ke()), this.backend = r ? r(this.state) : new Je(this.state, n);
+		this.currentStyle = x, this.state = new Ae(e, t ?? ke()), this.backend = r ? r(this.state) : new dt(this.state, n);
 	}
 	destroy() {
 		this.backend.destroy();
@@ -2827,15 +3174,15 @@ var Ur = _r, Wr = Or, Gr = class {
 	getCullingMode() {
 		return this.state.settings.cullingMode;
 	}
-}, Kr = "room";
-function qr(e, t) {
+}, ui = "room";
+function di(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 ?? Kr;
+		let l = e.layer ?? c ?? ui;
 		switch (e.type) {
 			case "rect": {
 				let a = {
@@ -2848,7 +3195,7 @@ function qr(e, t) {
 					stroke: e.paint.stroke,
 					sw: (e.paint.strokeWidth ?? 0) * i,
 					cr: (e.cornerRadius ?? 0) * i,
-					dash: Yr(e.paint.dash, i, e.paint.dashEnabled)
+					dash: pi(e.paint.dash, i, e.paint.dashEnabled)
 				};
 				r(l).push(a);
 				return;
@@ -2862,16 +3209,16 @@ function qr(e, t) {
 					fill: P(e.paint.fill, t, n, i, o, s),
 					stroke: e.paint.stroke,
 					sw: (e.paint.strokeWidth ?? 0) * i,
-					dash: Yr(e.paint.dash, i, e.paint.dashEnabled)
+					dash: pi(e.paint.dash, i, e.paint.dashEnabled)
 				});
 				return;
 			case "line": {
 				let a = {
 					type: "line",
-					points: Jr(e.points, t, n, i, o, s),
+					points: fi(e.points, t, n, i, o, s),
 					stroke: e.paint.stroke,
 					sw: (e.paint.strokeWidth ?? 0) * i,
-					dash: Yr(e.paint.dash, i, e.paint.dashEnabled),
+					dash: pi(e.paint.dash, i, e.paint.dashEnabled),
 					lineCap: e.lineCap,
 					lineJoin: e.lineJoin,
 					alpha: e.paint.alpha
@@ -2882,7 +3229,7 @@ function qr(e, t) {
 			case "polygon": {
 				let a = {
 					type: "polygon",
-					vertices: Jr(e.vertices, t, n, i, o, s),
+					vertices: fi(e.vertices, t, n, i, o, s),
 					fill: P(e.paint.fill, t, n, i, o, s),
 					stroke: e.paint.stroke,
 					sw: (e.paint.strokeWidth ?? 0) * i
@@ -2891,7 +3238,7 @@ function qr(e, t) {
 				return;
 			}
 			case "text": {
-				let a = Xr(e.transform, t, n, i, o, s), c = {
+				let a = mi(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,
@@ -2914,7 +3261,7 @@ function qr(e, t) {
 				return;
 			}
 			case "image": {
-				let a = Xr(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 = mi(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,
@@ -2934,7 +3281,7 @@ function qr(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 ?? Kr);
+			let c = (t + e.x) * a + o, u = (n + e.y) * a + s, d = r(l ?? ui);
 			d.push({
 				type: "pushTransform",
 				matrix: [
@@ -2961,19 +3308,19 @@ function qr(e, t) {
 	});
 	return o;
 }
-function Jr(e, t, n, r, i, a) {
+function fi(e, t, n, r, i, a) {
 	let o = Array(e.length);
 	for (let s = 0; s < e.length; s += 2) o[s] = (t + e[s]) * r + i, o[s + 1] = (n + e[s + 1]) * r + a;
 	return o;
 }
-function Yr(e, t, n) {
+function pi(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 Xr(e, t, n, r, i, a) {
+function mi(e, t, n, r, i, a) {
 	if (!e) return;
 	let [o, s, c, l, u, d] = e;
 	return [
@@ -2993,33 +3340,33 @@ function Y(e) {
 function X(e, t) {
 	return t === void 0 ? "" : ` ${e}="${typeof t == "string" ? Y(t) : t}"`;
 }
-function Zr(e) {
+function hi(e) {
 	return !e || e.length === 0 ? "" : ` stroke-dasharray="${e.join(" ")}"`;
 }
-var Qr = 0;
-function $r() {
-	return `mmr-grad-${++Qr}`;
+var gi = 0;
+function _i() {
+	return `mmr-grad-${++gi}`;
 }
-function ei(e, t) {
+function vi(e, t) {
 	let n = t.stops.map((e) => `<stop offset="${e.offset}" stop-color="${Y(e.color)}"/>`).join("");
 	return `<defs><linearGradient id="${e}" gradientUnits="userSpaceOnUse" x1="${t.x0}" y1="${t.y0}" x2="${t.x1}" y2="${t.y1}">${n}</linearGradient></defs>`;
 }
-function ti(e, t) {
+function yi(e, t) {
 	let n = t.stops.map((e) => `<stop offset="${e.offset}" stop-color="${Y(e.color)}"/>`).join(""), r = (t.fx === void 0 ? "" : ` fx="${t.fx}"`) + (t.fy === void 0 ? "" : ` fy="${t.fy}"`) + (t.fr === void 0 ? "" : ` fr="${t.fr}"`);
 	return `<defs><radialGradient id="${e}" gradientUnits="userSpaceOnUse" cx="${t.cx}" cy="${t.cy}" r="${t.r}"${r}>${n}</radialGradient></defs>`;
 }
-function ni(e, t) {
+function bi(e, t) {
 	if (e === void 0) return;
 	if (typeof e == "string") return e;
-	let n = $r();
-	return t.push(e.type === "linear" ? ei(n, e) : ti(n, e)), `url(#${n})`;
+	let n = _i();
+	return t.push(e.type === "linear" ? vi(n, e) : yi(n, e)), `url(#${n})`;
 }
-function ri(e) {
+function xi(e) {
 	let t = [];
-	for (let n of e) ii(n.commands, t);
+	for (let n of e) Si(n.commands, t);
 	return t;
 }
-function ii(e, t) {
+function Si(e, t) {
 	let n = [];
 	for (let r of e) switch (r.type) {
 		case "pushTransform": {
@@ -3037,21 +3384,21 @@ function ii(e, t) {
 			break;
 		}
 		default:
-			ai(r, t);
+			Ci(r, t);
 			break;
 	}
 	for (; n.length > 0;) t.push(n.pop());
 }
-function ai(e, t) {
+function Ci(e, t) {
 	switch (e.type) {
 		case "rect": {
-			let n = ni(e.fill, t) ?? "none", r = e.cr > 0 ? `${X("rx", e.cr)}${X("ry", e.cr)}` : "";
-			t.push(`<rect${X("x", e.x)}${X("y", e.y)}${X("width", e.w)}${X("height", e.h)}${X("fill", n)}${X("stroke", e.stroke)}${e.sw ? X("stroke-width", e.sw) : ""}${r}${Zr(e.dash)}/>`);
+			let n = bi(e.fill, t) ?? "none", r = e.cr > 0 ? `${X("rx", e.cr)}${X("ry", e.cr)}` : "";
+			t.push(`<rect${X("x", e.x)}${X("y", e.y)}${X("width", e.w)}${X("height", e.h)}${X("fill", n)}${X("stroke", e.stroke)}${e.sw ? X("stroke-width", e.sw) : ""}${r}${hi(e.dash)}/>`);
 			return;
 		}
 		case "circle": {
-			let n = ni(e.fill, t) ?? "none";
-			t.push(`<circle${X("cx", e.cx)}${X("cy", e.cy)}${X("r", e.r)}${X("fill", n)}${X("stroke", e.stroke)}${e.sw ? X("stroke-width", e.sw) : ""}${Zr(e.dash)}/>`);
+			let n = bi(e.fill, t) ?? "none";
+			t.push(`<circle${X("cx", e.cx)}${X("cy", e.cy)}${X("r", e.r)}${X("fill", n)}${X("stroke", e.stroke)}${e.sw ? X("stroke-width", e.sw) : ""}${hi(e.dash)}/>`);
 			return;
 		}
 		case "line": {
@@ -3059,7 +3406,7 @@ function ai(e, t) {
 			if (n.length < 2) return;
 			let r = [];
 			for (let e = 0; e < n.length; e += 2) r.push(`${n[e]},${n[e + 1]}`);
-			t.push(`<polyline points="${r.join(" ")}"${X("stroke", e.stroke)}${e.sw ? X("stroke-width", e.sw) : ""}${Zr(e.dash)}${X("stroke-linecap", e.lineCap)}${X("stroke-linejoin", e.lineJoin)}${X("opacity", e.alpha)} fill="none"/>`);
+			t.push(`<polyline points="${r.join(" ")}"${X("stroke", e.stroke)}${e.sw ? X("stroke-width", e.sw) : ""}${hi(e.dash)}${X("stroke-linecap", e.lineCap)}${X("stroke-linejoin", e.lineJoin)}${X("opacity", e.alpha)} fill="none"/>`);
 			return;
 		}
 		case "polygon": {
@@ -3067,7 +3414,7 @@ function ai(e, t) {
 			if (n.length < 4) return;
 			let r = [];
 			for (let e = 0; e < n.length; e += 2) r.push(`${n[e]},${n[e + 1]}`);
-			let i = ni(e.fill, t);
+			let i = bi(e.fill, t);
 			t.push(`<polygon points="${r.join(" ")}"${X("fill", i)}${X("stroke", e.stroke)}${e.sw ? X("stroke-width", e.sw) : ""}/>`);
 			return;
 		}
@@ -3090,18 +3437,18 @@ function ai(e, t) {
 }
 //#endregion
 //#region src/render/CanvasRenderer.ts
-var oi = (e) => {
+var wi = (e) => {
 	if (typeof Image < "u") {
 		let t = new Image();
 		return t.src = e, t;
 	}
 	return null;
 };
-function si(e, t, n = {}) {
-	let r = n.imageFactory ?? oi;
-	for (let n of t) ci(e, n.commands, r);
+function Ti(e, t, n = {}) {
+	let r = n.imageFactory ?? wi;
+	for (let n of t) Ei(e, n.commands, r);
 }
-function ci(e, t, n) {
+function Ei(e, t, n) {
 	let r = 0;
 	for (let i of t) switch (i.type) {
 		case "pushTransform":
@@ -3115,12 +3462,12 @@ function ci(e, t, n) {
 			r > 0 && (e.restore(), r--);
 			break;
 		default:
-			li(e, i, n);
+			Di(e, i, n);
 			break;
 	}
 	for (; r > 0;) e.restore(), r--;
 }
-function li(e, t, n) {
+function Di(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 = j(e, t.fill), e.fill()), t.stroke && t.sw > 0 && (e.strokeStyle = t.stroke, e.lineWidth = t.sw, e.setLineDash(t.dash ?? []), e.stroke());
@@ -3181,7 +3528,7 @@ function li(e, t, n) {
 }
 //#endregion
 //#region src/export/sceneBounds.ts
-function ui(e, t, n = 0) {
+function Oi(e, t, n = 0) {
 	if (!t.worldToScene) return e;
 	let r = [
 		t.worldToScene(e.x, e.y),
@@ -3199,15 +3546,15 @@ function ui(e, t, n = 0) {
 }
 //#endregion
 //#region src/export/SvgExporter.ts
-var di = {
+var ki = {
 	scale: 1,
 	offsetX: 0,
 	offsetY: 0
 };
-function fi(e) {
+function Ai(e) {
 	return e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
 }
-var pi = class {
+var ji = class {
 	constructor(e = {}) {
 		this.options = e;
 	}
@@ -3222,24 +3569,24 @@ var pi = class {
 		}), p = {
 			scale: 1,
 			roomSize: c.roomSize
-		}, m = (e) => t === x ? e : O(e, t, p), h = ui(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="${fi(c.backgroundColor)}"/>`), ae(f, {
+		}, m = (e) => t === x ? e : O(e, t, p), h = Oi(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="${Ai(c.backgroundColor)}"/>`), ae(f, {
 			state: e,
 			viewportBounds: d,
 			sceneOverlays: n,
 			overlays: this.options.overlays
 		}, (e, t) => {
-			e.length !== 0 && g.push(...ri(qr(t ? e : m(e), di)));
+			e.length !== 0 && g.push(...xi(di(t ? e : m(e), ki)));
 		}), g.push("</svg>"), g.join("\n");
 	}
-}, mi = class {
+}, Mi = class {
 	constructor(e = {}) {
 		this.options = e;
 	}
 	render({ backend: e }) {
 		return e.exportCanvas(this.options)?.toDataURL("image/png");
 	}
-}, hi = class {
+}, Ni = class {
 	constructor(e = {}) {
 		this.options = e;
 	}
@@ -3256,14 +3603,14 @@ var pi = class {
 };
 //#endregion
 //#region src/export/canvasToBytes.ts
-function gi(e, t = "image/png", n) {
+function Pi(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 _i = class {
+var Fi = class {
 	constructor(e) {
 		this.options = e;
 	}
@@ -3272,7 +3619,7 @@ var _i = class {
 		if (r === void 0 || i === void 0 || !a) return;
 		let o = a, s = o.getPlane(i);
 		if (!s) return;
-		let c = e.settings, { width: l, height: u } = this.options, d = this.options.padding ?? 3, f = e.computeExportBounds(o, s, this.options.roomId, d), p = ui(f, t, c.roomSize * .5), m = Math.min(l / p.w, u / p.h), h = p.w * m, g = p.h * m, _ = (l - h) / 2 - p.x * m, v = (u - g) / 2 - p.y * m, y = {
+		let c = e.settings, { width: l, height: u } = this.options, d = this.options.padding ?? 3, f = e.computeExportBounds(o, s, this.options.roomId, d), p = Oi(f, t, c.roomSize * .5), m = Math.min(l / p.w, u / p.h), h = p.w * m, g = p.h * m, _ = (l - h) / 2 - p.x * m, v = (u - g) / 2 - p.y * m, y = {
 			scale: m,
 			offsetX: _,
 			offsetY: v
@@ -3294,49 +3641,49 @@ var _i = class {
 			sceneOverlays: n,
 			overlays: this.options.overlays
 		}, (e, t) => {
-			e.length !== 0 && si(T, qr(t ? e : te(e), y));
+			e.length !== 0 && Ti(T, di(t ? e : te(e), y));
 		}), w;
 	}
-}, vi = class {
+}, Ii = class {
 	constructor(e) {
-		this.options = e, this.canvasExporter = new _i(e);
+		this.options = e, this.canvasExporter = new Fi(e);
 	}
 	render(e) {
 		let t = this.canvasExporter.render(e);
-		if (t) return gi(t, this.options.mimeType, this.options.quality);
+		if (t) return Pi(t, this.options.mimeType, this.options.quality);
 	}
-}, Z, yi, bi = 256;
-function xi(e, t, n) {
+}, Z, Li, Ri = 256;
+function zi(e, t, n) {
 	let r = `${e.toFixed(2)}:${t}:${n.toFixed(3)}`;
-	if (yi === r && Z) return Z;
-	let i = bi, a = i / 2, o = document.createElement("canvas");
+	if (Li === r && Z) return Z;
+	let i = Ri, 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), Z = o.toDataURL(), yi = r, Z;
+	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), Z = o.toDataURL(), Li = r, Z;
 }
-function Si(e, t, n, r) {
+function Bi(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: xi(a, o, Math.round(i / (u / 2) * 50) / 50)
+		src: zi(a, o, Math.round(i / (u / 2) * 50) / 50)
 	};
 }
 //#endregion
 //#region src/overlay/AmbientLightOverlay.ts
-var Ci = {
+var Vi = {
 	color: "#ffcc44",
 	radius: 12,
 	intensity: .7
-}, wi = class {
+}, Hi = class {
 	constructor(e) {
 		this.onPosition = () => this.ctx?.invalidate(), this.params = {
-			...Ci,
+			...Vi,
 			...e
 		};
 	}
@@ -3359,7 +3706,7 @@ var Ci = {
 		if (e.positionRoomId === void 0) return;
 		let n = e.mapReader.getRoom(e.positionRoomId);
 		if (!n) return;
-		let r = Si(n.x, n.y, t, this.params);
+		let r = Bi(n.x, n.y, t, this.params);
 		return {
 			type: "image",
 			x: r.cx - r.displaySize / 2,
@@ -3370,7 +3717,7 @@ var Ci = {
 			layer: "overlay"
 		};
 	}
-}, Ti = () => typeof performance < "u" ? performance.now() : Date.now(), Ei = typeof requestAnimationFrame < "u" ? requestAnimationFrame : (e) => setTimeout(() => e(Ti()), 16), Di = typeof cancelAnimationFrame < "u" ? cancelAnimationFrame : (e) => clearTimeout(e), Oi = class {
+}, Ui = () => typeof performance < "u" ? performance.now() : Date.now(), Wi = typeof requestAnimationFrame < "u" ? requestAnimationFrame : (e) => setTimeout(() => e(Ui()), 16), Gi = typeof cancelAnimationFrame < "u" ? cancelAnimationFrame : (e) => clearTimeout(e), Ki = class {
 	constructor(e, t, n = {}) {
 		this.worldX = e, this.worldY = t, this.cancelled = !1, this.transform = (e, t) => ({
 			x: e,
@@ -3394,12 +3741,12 @@ var Ci = {
 			n(1), this.onComplete?.();
 			return;
 		}
-		let r = Ti(), i = (e) => {
+		let r = Ui(), i = (e) => {
 			if (this.cancelled) return;
 			let t = Math.min((e - r) / this.duration, 1);
-			n(t), t < 1 ? this.rafId = Ei(i) : (this.rafId = void 0, this.onComplete?.());
+			n(t), t < 1 ? this.rafId = Wi(i) : (this.rafId = void 0, this.onComplete?.());
 		};
-		this.rafId = Ei(i);
+		this.rafId = Wi(i);
 	}
 	updateViewport(e, t, n) {
 		if (this.transform = n, this.ring) {
@@ -3411,9 +3758,9 @@ var Ci = {
 		}
 	}
 	destroy() {
-		this.cancelled = !0, this.rafId !== void 0 && (Di(this.rafId), this.rafId = void 0), this.ring?.destroy(), this.ring = void 0;
+		this.cancelled = !0, this.rafId !== void 0 && (Gi(this.rafId), this.rafId = void 0), this.ring?.destroy(), this.ring = void 0;
 	}
-}, ki = {
+}, qi = {
 	n: {
 		x: 0,
 		y: -1
@@ -3446,7 +3793,7 @@ var Ci = {
 		x: -Math.SQRT1_2,
 		y: Math.SQRT1_2
 	}
-}, Ai = [
+}, Ji = [
 	"n",
 	"s",
 	"e",
@@ -3455,22 +3802,22 @@ var Ci = {
 	"nw",
 	"se",
 	"sw"
-], ji = new Set([
+], Yi = new Set([
 	"ne",
 	"nw",
 	"se",
 	"sw"
-]), Mi = {
+]), Xi = {
 	clear: 10,
 	diagonal: .3,
 	preferred: 1,
 	distance: .05
-}, Ni = [
+}, Zi = [
 	"n",
 	"s",
 	"e",
 	"w"
-], Pi = [
+], Qi = [
 	"n",
 	"s",
 	"e",
@@ -3480,16 +3827,16 @@ var Ci = {
 	"se",
 	"sw"
 ];
-function Fi(e, t) {
+function $i(e, t) {
 	return Math.max(0, Math.min(e.x + e.width, t.x + t.width) - Math.max(e.x, t.x)) * Math.max(0, Math.min(e.y + e.height, t.y + t.height) - Math.max(e.y, t.y));
 }
-function Ii(e, t) {
+function ea(e, t) {
 	let n = Math.max(e.x - (t.x + t.width), t.x - (e.x + e.width), 0), r = Math.max(e.y - (t.y + t.height), t.y - (e.y + e.height), 0);
 	return Math.hypot(n, r);
 }
 function Q(e, t, n) {
-	let r = ki[t];
-	if (ji.has(t)) {
+	let r = qi[t];
+	if (Yi.has(t)) {
 		let t = e.x + r.x * n, i = e.y + r.y * n;
 		return {
 			x: r.x < 0 ? t - e.width : t,
@@ -3506,9 +3853,9 @@ function Q(e, t, n) {
 		height: e.height
 	};
 }
-function Li(e, t, n = {}) {
-	let r = n.offset ?? .6, i = n.slots === 4 ? Ni : Ai, a = {
-		...Mi,
+function ta(e, t, n = {}) {
+	let r = n.offset ?? .6, i = n.slots === 4 ? Zi : Ji, a = {
+		...Xi,
 		...n.weights
 	}, o = [], s = [];
 	for (let c of e) {
@@ -3518,11 +3865,11 @@ function Li(e, t, n = {}) {
 			for (let n = r; n <= r + e + 1e-9; n += u) {
 				let e = Q(c, t, n), r = !1, o = Infinity;
 				for (let t of p) {
-					if (t.kind !== "exit" && Fi(e, t) > 0) {
+					if (t.kind !== "exit" && $i(e, t) > 0) {
 						r = !0;
 						break;
 					}
-					let n = Ii(e, t);
+					let n = ea(e, t);
 					n < o && (o = n);
 				}
 				if (r) {
@@ -3549,7 +3896,7 @@ function Li(e, t, n = {}) {
 				continue;
 			}
 			let o = 0;
-			c.preferred ? t === c.preferred && (o -= a.preferred) : ji.has(t) && (o += a.diagonal);
+			c.preferred ? t === c.preferred && (o -= a.preferred) : Yi.has(t) && (o += a.diagonal);
 			let s = -i.value * a.clear + o;
 			n.onScored && h.push({
 				dir: t,
@@ -3572,9 +3919,9 @@ function Li(e, t, n = {}) {
 			off: r,
 			cost: 0,
 			clearance: 0
-		}, m.clearance < (n.minClearance ?? 0)) for (let e of Pi) {
+		}, m.clearance < (n.minClearance ?? 0)) for (let e of Qi) {
 			let t = Q(c, e, r);
-			if (!p.some((e) => e.kind !== "exit" && Fi(t, e) > 0)) {
+			if (!p.some((e) => e.kind !== "exit" && $i(t, e) > 0)) {
 				m = {
 					box: t,
 					dir: e,
@@ -3586,7 +3933,7 @@ function Li(e, t, n = {}) {
 			}
 		}
 		n.onScored?.(c, h, m.dir);
-		let g = ki[m.dir];
+		let g = qi[m.dir];
 		s.push({
 			id: c.id,
 			x: m.box.x,
@@ -3607,7 +3954,7 @@ function Li(e, t, n = {}) {
 }
 //#endregion
 //#region src/overlay/WaypointOverlay.ts
-var Ri = class {
+var na = class {
 	constructor() {
 		this.waypoints = [], this.placed = [];
 	}
@@ -3679,7 +4026,7 @@ var Ri = class {
 			});
 		}
 		if (f.length === 0) return [];
-		let m = "rgba(20, 20, 24, 0.82)", h = Li(f, u, {
+		let m = "rgba(20, 20, 24, 0.82)", h = ta(f, u, {
 			offset: a * .7,
 			extend: a * 4,
 			clearCap: a * 1.5,
@@ -3755,7 +4102,7 @@ var Ri = class {
 		}
 		return g;
 	}
-}, zi = /* @__PURE__ */ A(((e, t) => {
+}, ra = /* @__PURE__ */ A(((e, t) => {
 	t.exports = class {
 		constructor() {
 			this.keys = /* @__PURE__ */ new Set(), this.queue = [];
@@ -3785,14 +4132,14 @@ var Ri = class {
 			return this.queue.find((t) => t.key === e);
 		}
 	};
-})), Bi = /* @__PURE__ */ A(((e, t) => {
+})), ia = /* @__PURE__ */ A(((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;
-})), Vi = /* @__PURE__ */ A(((e, t) => {
+})), aa = /* @__PURE__ */ A(((e, t) => {
 	function n(e) {
 		let t = Number(e);
 		return !(isNaN(t) || t <= 0);
@@ -3807,7 +4154,7 @@ var Ri = class {
 		}), t;
 	}
 	t.exports = r;
-})), Hi = /* @__PURE__ */ A(((e, t) => {
+})), oa = /* @__PURE__ */ A(((e, t) => {
 	function n(e) {
 		if (!(e instanceof Map)) throw Error(`Invalid graph: Expected Map instead found ${typeof e}`);
 		e.forEach((e, t) => {
@@ -3819,8 +4166,8 @@ var Ri = class {
 		});
 	}
 	t.exports = n;
-})), Ui = /* @__PURE__ */ Te((/* @__PURE__ */ A(((e, t) => {
-	var n = zi(), r = Bi(), i = Vi(), a = Hi();
+})), sa = /* @__PURE__ */ Te((/* @__PURE__ */ A(((e, t) => {
+	var n = ra(), r = ia(), i = aa(), a = oa();
 	t.exports = class {
 		constructor(e) {
 			e instanceof Map ? (a(e), this.graph = e) : e ? this.graph = i(e) : this.graph = /* @__PURE__ */ new Map();
@@ -3870,7 +4217,7 @@ var Ri = class {
 			return this.path(...e);
 		}
 	};
-})))(), 1), Wi = {
+})))(), 1), ca = {
 	1: "north",
 	2: "northeast",
 	3: "northwest",
@@ -3883,7 +4230,7 @@ var Ri = class {
 	10: "down",
 	11: "in",
 	12: "out"
-}, Gi = {
+}, la = {
 	north: "n",
 	northeast: "ne",
 	northwest: "nw",
@@ -3896,7 +4243,7 @@ var Ri = class {
 	down: "down",
 	in: "in",
 	out: "out"
-}, Ki = class {
+}, ua = class {
 	constructor(e) {
 		this.mapReader = e, this.data = this.buildGraph();
 	}
@@ -3922,12 +4269,12 @@ var Ri = 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) => Wi[e]).filter((e) => !!e)), c = new Set(i.mSpecialExitLocks ?? []);
+			let a = [], o = {}, s = new Set((i.exitLocks ?? []).map((e) => ca[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 = Gi[e] ?? e, l = this.resolveEdgeWeight(i, s, c);
+					let s = la[e] ?? e, l = this.resolveEdgeWeight(i, s, c);
 					a.push({
 						id: t,
 						weight: l
@@ -3958,7 +4305,7 @@ var Ri = class {
 };
 //#endregion
 //#region src/PathFinder.ts
-function qi(e, t) {
+function da(e, t) {
 	e.push(t);
 	let n = e.length - 1;
 	for (; n > 0;) {
@@ -3967,7 +4314,7 @@ function qi(e, t) {
 		[e[t], e[n]] = [e[n], e[t]], n = t;
 	}
 }
-function Ji(e) {
+function fa(e) {
 	if (e.length === 0) return;
 	let t = e[0], n = e.pop();
 	if (e.length > 0) {
@@ -3981,16 +4328,16 @@ function Ji(e) {
 	}
 	return t;
 }
-function Yi(e, t, n) {
+function pa(e, t, n) {
 	let r = [n], i = n;
 	for (; i !== t;) i = e.get(i), r.push(i);
 	return r.reverse(), r;
 }
-function Xi(e, t, n) {
+function ma(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 Zi(e, t, n, r) {
+function ha(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) => {
@@ -3999,16 +4346,16 @@ function Zi(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), qi(p, {
+	for (d.set(t, 0), da(p, {
 		id: t,
 		priority: u(t)
 	}); p.length > 0;) {
-		let { id: r } = Ji(p);
-		if (r === n) return Yi(f, t, n);
+		let { id: r } = fa(p);
+		if (r === n) return pa(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), qi(p, {
+			t < (d.get(e.id) ?? Infinity) && (d.set(e.id, t), f.set(e.id, r), da(p, {
 				id: e.id,
 				priority: t + u(e.id)
 			}));
@@ -4016,9 +4363,9 @@ function Zi(e, t, n, r) {
 	}
 	return null;
 }
-var Qi = class {
+var ga = class {
 	constructor(e, t = "dijkstra") {
-		this.cache = /* @__PURE__ */ new Map(), this._algorithm = t, this.mapGraph = new Ki(e), this.dijkstraGraph = new Ui.default(this.mapGraph.getGraphDefinition());
+		this.cache = /* @__PURE__ */ new Map(), this._algorithm = t, this.mapGraph = new ua(e), this.dijkstraGraph = new sa.default(this.mapGraph.getGraphDefinition());
 	}
 	get algorithm() {
 		return this._algorithm;
@@ -4037,10 +4384,10 @@ var Qi = class {
 		let r;
 		switch (this._algorithm) {
 			case "dijkstra":
-				r = Xi(this.dijkstraGraph, e, t);
+				r = ma(this.dijkstraGraph, e, t);
 				break;
 			case "astar":
-				r = Zi(this.mapGraph.getAdj(), e, t, this.mapGraph);
+				r = ha(this.mapGraph.getAdj(), e, t, this.mapGraph);
 				break;
 		}
 		return this.cache.set(n, r), r;
@@ -4050,10 +4397,10 @@ var Qi = class {
 	stub: 1,
 	full: 0
 };
-function $i(e, t, n) {
+function _a(e, t, n) {
 	return n === "first" ? e : n === "least-restrictive" ? $[e] < $[t] ? e : t : $[e] > $[t] ? e : t;
 }
-function ea(e, ...t) {
+function va(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";
@@ -4069,7 +4416,7 @@ function ea(e, ...t) {
 			for (let o of r) {
 				let r = o.getExitTreatment ? o.getExitTreatment(e, t, n) : d(o, e, t, n);
 				if (a === void 0) a = r;
-				else if (a = $i(a, r, i), i === "first") break;
+				else if (a = _a(a, r, i), i === "first") break;
 			}
 			return a ?? "full";
 		},
@@ -4082,7 +4429,7 @@ function ea(e, ...t) {
 }
 //#endregion
 //#region src/lens/ExplorationLens.ts
-var ta = class {
+var ya = class {
 	constructor(e) {
 		this.version = 0, this.visited = e instanceof Set ? new Set(e) : new Set(e ?? []);
 	}
@@ -4117,7 +4464,7 @@ var ta = class {
 	clear() {
 		this.visited.size !== 0 && (this.visited.clear(), this.version++);
 	}
-}, na = {
+}, ba = {
 	1: "north",
 	2: "northeast",
 	3: "northwest",
@@ -4131,7 +4478,7 @@ var ta = class {
 	11: "in",
 	12: "out"
 };
-function ra() {
+function xa() {
 	return {
 		areaWidth: 150,
 		areaHeight: 80,
@@ -4145,9 +4492,9 @@ function ra() {
 		highlightColor: "#ff9900"
 	};
 }
-var ia = class {
+var Sa = 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 ?? ra(), this.stage = new k.Stage({
+		this.areaNodes = /* @__PURE__ */ new Map(), this.connectionGroups = [], this.currentZoom = 1, this.domainInfo = /* @__PURE__ */ new Map(), this.domainFilter = "all", this.dotsMode = !1, this.settings = n ?? xa(), this.stage = new k.Stage({
 			container: e,
 			width: e.clientWidth,
 			height: e.clientHeight,
@@ -4337,7 +4684,7 @@ var ia = class {
 		}
 	}
 	getLockedDirections(e) {
-		return new Set((e.exitLocks ?? []).map((e) => na[e]).filter((e) => !!e));
+		return new Set((e.exitLocks ?? []).map((e) => ba[e]).filter((e) => !!e));
 	}
 	createConnection(e, t, n) {
 		let r = this.toPlanarDirection(n);
@@ -4949,6 +5296,6 @@ var ia = class {
 	}
 };
 //#endregion
-export { u as ALL_VISIBLE, wi as AmbientLightOverlay, he as Area, ia as AreaMapRenderer, Mr as Blueprint, D as Camera, _i as CanvasExporter, Ir as Construction, ne as CullingManager, Ur as DarkModern, ze as DrawCommandLayerNode, ta as ExplorationLens, Rr as GradientRooms, Br as GraphPaper, oe as HitTester, e as IDENTITY_TRANSFORM, Fr as Isometric, Ki as MapGraph, _e as MapReader, Gr as MapRenderer, Ae as MapState, Be as MaterializingLayerNode, Nr as Neon, jr as Parchment, Qi as PathFinder, ge as Plane, hi as PngBlobExporter, vi as PngBytesExporter, mi as PngExporter, ee as ProjectedMapReader, a as ROOM_UI_BORDER_COLOR, c as ROOM_UI_BORDER_THICKNESS, l as ROOM_UI_HIDDEN, Le as RecordingGroupNode, N as RecordingLayerNode, Oi as RippleEffect, Lr as SciFi, Pr as Sketchy, zr as StainedGlass, pi as SvgExporter, Vr as Topographic, Wr as TreasureMap, Hr as Watercolor, Ri as WaypointOverlay, O as applyStyleToShapes, qr as buildDrawCommands, gi as canvasToBytes, s as colorLightness, te as compose, ea as composeLenses, b as computeNeighborSpill, se as computePathData, ra as createAreaMapSettings, ke as createSettings, _ as darkenColor, d as defaultExitTreatment, m as getRoomBorderColor, me as getRoomBorderThickness, y as hexToRgba, x as identityStyle, Ve as isGradientFill, v as isRoomHidden, Li as placeLabels, ue as projectRoom, si as renderToCanvas, Ue as shapeToRecording, pe as spillPositionMap, ri as svgFromBatches, P as transformFill, Ar as treasureMapDecorations };
+export { u as ALL_VISIBLE, Hi as AmbientLightOverlay, ge as Area, Sa as AreaMapRenderer, Xr as Blueprint, D as Camera, Fi as CanvasExporter, ei as Construction, ne as CullingManager, si as DarkModern, Ge as DrawCommandLayerNode, ya as ExplorationLens, ni as GradientRooms, ii as GraphPaper, oe as HitTester, e as IDENTITY_TRANSFORM, $r as Isometric, ua as MapGraph, _e as MapReader, li as MapRenderer, Ae as MapState, Ke as MaterializingLayerNode, Zr as Neon, Yr as Parchment, ga as PathFinder, he as Plane, Ni as PngBlobExporter, Ii as PngBytesExporter, Mi as PngExporter, ee as ProjectedMapReader, a as ROOM_UI_BORDER_COLOR, c as ROOM_UI_BORDER_THICKNESS, l as ROOM_UI_HIDDEN, Ue as RecordingGroupNode, N as RecordingLayerNode, Ki as RippleEffect, ti as SciFi, Qr as Sketchy, ri as StainedGlass, ji as SvgExporter, ai as Topographic, ci as TreasureMap, oi as Watercolor, na as WaypointOverlay, O as applyStyleToShapes, di as buildDrawCommands, Pi as canvasToBytes, s as colorLightness, te as compose, va as composeLenses, st as computeLodMode, b as computeNeighborSpill, se as computePathData, xa as createAreaMapSettings, ke as createSettings, _ as darkenColor, d as defaultExitTreatment, m as getRoomBorderColor, me as getRoomBorderThickness, y as hexToRgba, x as identityStyle, qe as isGradientFill, v as isRoomHidden, F as isViewportDataSource, ta as placeLabels, ue as projectRoom, Ti as renderToCanvas, Ye as shapeToRecording, ot as shouldUseRaster, pe as spillPositionMap, xi as svgFromBatches, P as transformFill, Jr as treasureMapDecorations };
 
 //# sourceMappingURL=index.mjs.map