mudlet-map-renderer 2.2.0 → 2.3.1

package/dist/index.mjs

@@ -1,22 +1,22 @@
-import { A as e, C as t, D as n, E as r, M as i, N as a, O as o, S as s, T as c, _ as l, a as u, b as d, c as f, d as p, f as m, g as h, h as g, i as _, j as v, k as y, l as b, m as x, n as S, o as C, p as ee, r as w, s as T, u as te, v as E, w as D, x as ne, y as re } from "./flushSceneShapes-Duhi0OQv.js";
-import { n as ie, r as ae, t as oe } from "./MapReader-Brzg-X7T.js";
-import O from "konva";
+import { A as e, C as t, D as n, E as r, M as i, N as a, O as o, S as s, T as c, _ as l, a as u, b as d, c as f, d as p, f as m, g as h, h as g, i as _, j as v, k as y, l as b, m as x, n as S, o as C, p as ee, r as w, s as te, u as ne, v as T, w as E, x as re, y as ie } from "./flushSceneShapes-Duhi0OQv.js";
+import { n as ae, r as oe, t as se } from "./MapReader-Brzg-X7T.js";
+import D from "konva";
 //#region \0rolldown/runtime.js
-var se = Object.create, ce = Object.defineProperty, le = Object.getOwnPropertyDescriptor, ue = Object.getOwnPropertyNames, de = Object.getPrototypeOf, fe = Object.prototype.hasOwnProperty, k = (e, t) => () => (t || e((t = { exports: {} }).exports, t), t.exports), pe = (e, t, n, r) => {
-	if (t && typeof t == "object" || typeof t == "function") for (var i = ue(t), a = 0, o = i.length, s; a < o; a++) s = i[a], !fe.call(e, s) && s !== n && ce(e, s, {
+var ce = Object.create, le = Object.defineProperty, ue = Object.getOwnPropertyDescriptor, de = Object.getOwnPropertyNames, fe = Object.getPrototypeOf, pe = Object.prototype.hasOwnProperty, O = (e, t) => () => (t || e((t = { exports: {} }).exports, t), t.exports), me = (e, t, n, r) => {
+	if (t && typeof t == "object" || typeof t == "function") for (var i = de(t), a = 0, o = i.length, s; a < o; a++) s = i[a], !pe.call(e, s) && s !== n && le(e, s, {
 		get: ((e) => t[e]).bind(null, s),
-		enumerable: !(r = le(t, s)) || r.enumerable
+		enumerable: !(r = ue(t, s)) || r.enumerable
 	});
 	return e;
-}, me = (e, t, n) => (n = e == null ? {} : se(de(e)), pe(t || !e || !e.__esModule ? ce(n, "default", {
+}, he = (e, t, n) => (n = e == null ? {} : ce(fe(e)), me(t || !e || !e.__esModule ? le(n, "default", {
 	value: e,
 	enumerable: !0
-}) : n, e)), he = .6, ge = .025, _e = "rgb(225, 255, 225)";
-function ve() {
+}) : n, e)), ge = .6, _e = .025, ve = "rgb(225, 255, 225)";
+function ye() {
 	return {
-		roomSize: he,
-		lineWidth: ge,
-		lineColor: _e,
+		roomSize: ge,
+		lineWidth: _e,
+		lineColor: ve,
 		backgroundColor: "#000000",
 		instantMapMove: !1,
 		highlightCurrentRoom: !0,
@@ -64,7 +64,7 @@ function ve() {
 }
 //#endregion
 //#region src/MapState.ts
-var ye = class {
+var be = class {
 	constructor(e, t) {
 		this.events = new y(), this.highlights = /* @__PURE__ */ new Map(), this.paths = [], this.lens = n, this.mapReader = e, this.settings = t;
 	}
@@ -199,7 +199,7 @@ var ye = class {
 };
 //#endregion
 //#region src/scene/elements/GridLayout.ts
-function be(e, t, n = {}) {
+function xe(e, t, n = {}) {
 	if (!t.gridEnabled) return [];
 	let r = n.inverseTransform ?? ((e, t) => ({
 		x: e,
@@ -236,11 +236,11 @@ function be(e, t, n = {}) {
 }
 //#endregion
 //#region src/export/clipSceneToViewport.ts
-function xe(e, t, n, r) {
+function Se(e, t, n, r) {
 	if (!n.cullingEnabled) return /* @__PURE__ */ new Map();
 	let { minX: i, maxX: a, minY: o, maxY: s } = t, c = n.roomSize / 2, l = r?.forward, u = (e, t, n, r) => {
 		if (l) {
-			let c = Se(e, t, n, r, l);
+			let c = Ce(e, t, n, r, l);
 			return c.maxX >= i && c.minX <= a && c.maxY >= o && c.minY <= s;
 		}
 		return n >= i && e <= a && r >= o && t <= s;
@@ -253,7 +253,7 @@ function xe(e, t, n, r) {
 	for (let { shape: t, bounds: n } of e.areaExitLabelShapeRefs) d.set(t, u(n.x, n.y, n.x + n.width, n.y + n.height));
 	return d;
 }
-function Se(e, t, n, r, i) {
+function Ce(e, t, n, r, i) {
 	let a = i(e, t), o = i(n, t), s = i(n, r), c = i(e, r);
 	return {
 		minX: Math.min(a.x, o.x, s.x, c.x),
@@ -262,13 +262,13 @@ function Se(e, t, n, r, i) {
 		maxY: Math.max(a.y, o.y, s.y, c.y)
 	};
 }
-function A(e, t, n, r) {
-	let i = be(t, n, { inverseTransform: r?.inverse });
+function we(e, t, n, r) {
+	let i = xe(t, n, { inverseTransform: r?.inverse });
 	if (!n.cullingEnabled) return {
 		...e.sceneShapes,
 		grid: i
 	};
-	let a = xe(e, t, n, r);
+	let a = Se(e, t, n, r);
 	return {
 		grid: i,
 		link: e.sceneShapes.link.filter((e) => a.get(e) ?? !0),
@@ -278,12 +278,12 @@ function A(e, t, n, r) {
 }
 //#endregion
 //#region src/rendering/SceneManager.ts
-var Ce = {
+var Te = {
 	grid: [],
 	link: [],
 	room: [],
 	topLabel: []
-}, we = class {
+}, Ee = class {
 	constructor(e, t, n) {
 		this.camera = e, this.settings = t, this.standaloneExitShapeSet = /* @__PURE__ */ new Set(), this.pipeline = new g(n, t);
 	}
@@ -323,18 +323,18 @@ var Ce = {
 	cullInteractive(e = c) {
 		if (!this.lastBuildResult) return /* @__PURE__ */ new Map();
 		let t = this.camera.getCullingViewport(this.settings.cullingBounds), n = e === c ? void 0 : { forward: e };
-		return xe(this.lastBuildResult, t, this.settings, n);
+		return Se(this.lastBuildResult, t, this.settings, n);
 	}
 	cull(e = c) {
 		if (!this.lastBuildResult) return {
-			shapes: Ce,
+			shapes: Te,
 			stats: {
 				visibleRooms: 0,
 				totalRooms: 0,
 				visibleExits: 0
 			}
 		};
-		let t = this.camera.getCullingViewport(this.settings.cullingBounds), n = e === c ? void 0 : { forward: e }, r = A(this.lastBuildResult, t, this.settings, n);
+		let t = this.camera.getCullingViewport(this.settings.cullingBounds), n = e === c ? void 0 : { forward: e }, r = we(this.lastBuildResult, t, this.settings, n);
 		return {
 			shapes: r,
 			stats: {
@@ -347,7 +347,7 @@ var Ce = {
 };
 //#endregion
 //#region src/render/canvasGradient.ts
-function j(e, t) {
+function k(e, t) {
 	if (typeof t == "string") return t;
 	if (t.type === "linear") {
 		let n = e.createLinearGradient(t.x0, t.y0, t.x1, t.y1);
@@ -360,13 +360,13 @@ function j(e, t) {
 }
 //#endregion
 //#region src/render/RecordingLayer.ts
-function Te(e, t) {
+function De(e, t) {
 	switch (t.type) {
 		case "rect":
-			e.beginPath(), t.cr > 0 && typeof e.roundRect == "function" ? e.roundRect(t.x, t.y, t.w, t.h, t.cr) : e.rect(t.x, t.y, t.w, t.h), t.fill && (e.fillStyle = j(e, t.fill), e.fill()), t.stroke && t.sw > 0 && (e.strokeStyle = t.stroke, e.lineWidth = t.sw, t.dash ? e.setLineDash(t.dash) : e.setLineDash([]), e.stroke());
+			e.beginPath(), t.cr > 0 && typeof e.roundRect == "function" ? e.roundRect(t.x, t.y, t.w, t.h, t.cr) : e.rect(t.x, t.y, t.w, t.h), t.fill && (e.fillStyle = k(e, t.fill), e.fill()), t.stroke && t.sw > 0 && (e.strokeStyle = t.stroke, e.lineWidth = t.sw, t.dash ? e.setLineDash(t.dash) : e.setLineDash([]), e.stroke());
 			break;
 		case "circle":
-			e.beginPath(), e.arc(t.cx, t.cy, t.r, 0, Math.PI * 2), t.fill && (e.fillStyle = j(e, t.fill), e.fill()), t.stroke && t.sw > 0 && (e.strokeStyle = t.stroke, e.lineWidth = t.sw, t.dash ? e.setLineDash(t.dash) : e.setLineDash([]), e.stroke());
+			e.beginPath(), e.arc(t.cx, t.cy, t.r, 0, Math.PI * 2), t.fill && (e.fillStyle = k(e, t.fill), e.fill()), t.stroke && t.sw > 0 && (e.strokeStyle = t.stroke, e.lineWidth = t.sw, t.dash ? e.setLineDash(t.dash) : e.setLineDash([]), e.stroke());
 			break;
 		case "line": {
 			if (t.points.length < 4) break;
@@ -380,7 +380,7 @@ function Te(e, t) {
 			if (t.vertices.length < 4) break;
 			e.beginPath(), e.moveTo(t.vertices[0], t.vertices[1]);
 			for (let n = 2; n < t.vertices.length; n += 2) e.lineTo(t.vertices[n], t.vertices[n + 1]);
-			e.closePath(), t.fill && (e.fillStyle = j(e, t.fill), e.fill()), t.stroke && t.sw > 0 && (e.strokeStyle = t.stroke, e.lineWidth = t.sw, e.setLineDash([]), e.stroke());
+			e.closePath(), t.fill && (e.fillStyle = k(e, t.fill), e.fill()), t.stroke && t.sw > 0 && (e.strokeStyle = t.stroke, e.lineWidth = t.sw, e.setLineDash([]), e.stroke());
 			break;
 		case "text": {
 			let n = t.fontSize * 100, r = `${t.fontStyle} ${n}px ${t.fontFamily}`;
@@ -417,7 +417,7 @@ function Te(e, t) {
 			break;
 	}
 }
-var Ee = class {
+var Oe = class {
 	constructor(e, t) {
 		this._visible = !0, this.noScaling = !1, this.commands = [], this.x = e, this.y = t;
 	}
@@ -447,26 +447,26 @@ var Ee = class {
 	}
 	materialize() {
 		if (this._konvaGroup) return this._konvaGroup;
-		let e = new O.Group({
+		let e = new D.Group({
 			x: this.x,
 			y: this.y,
 			listening: !1,
 			visible: this._visible
 		}), t = this.commands;
-		return e.add(new O.Shape({
+		return e.add(new D.Shape({
 			listening: !1,
 			perfectDrawEnabled: !1,
 			sceneFunc: (e) => {
 				let n = e._context;
-				for (let e of t) Te(n, e);
+				for (let e of t) De(n, e);
 			}
 		})), this._konvaGroup = e, e;
 	}
-}, De = class {
+}, A = class {
 	constructor(e) {
 		this.entries = [], this.nodeToEntry = /* @__PURE__ */ new Map(), this.konvaLayer = e, e.destroyChildren();
 		let t = this;
-		this.konvaShape = new O.Shape({
+		this.konvaShape = new D.Shape({
 			listening: !1,
 			perfectDrawEnabled: !1,
 			sceneFunc: (e) => {
@@ -475,7 +475,7 @@ var Ee = class {
 					if (!e.visible) continue;
 					let t = i * e.x + o * e.y + r.e, c = a * e.x + s * e.y + r.f;
 					e.noScaling ? n.setTransform(75, 0, 0, 75, t, c) : n.setTransform(i, a, o, s, t, c);
-					for (let t of e.commands) Te(n, t);
+					for (let t of e.commands) De(n, t);
 				}
 				n.setTransform(r);
 			}
@@ -503,11 +503,11 @@ var Ee = class {
 	ensureShape() {
 		this.konvaShape.getParent() || this.konvaLayer.add(this.konvaShape);
 	}
-}, M = class {
+}, j = class {
 	constructor(e) {
 		this.groups = [], this.konvaLayer = e, e.destroyChildren();
 		let t = this;
-		this.konvaShape = new O.Shape({
+		this.konvaShape = new D.Shape({
 			listening: !1,
 			perfectDrawEnabled: !1,
 			sceneFunc: (e) => {
@@ -516,7 +516,7 @@ var Ee = class {
 					if (!e._visible) continue;
 					let t = i * e.x + o * e.y + r.e, c = a * e.x + s * e.y + r.f;
 					e.noScaling ? n.setTransform(75, 0, 0, 75, t, c) : n.setTransform(i, a, o, s, t, c);
-					for (let t of e.commands) Te(n, t);
+					for (let t of e.commands) De(n, t);
 				}
 				n.setTransform(r);
 			}
@@ -534,7 +534,7 @@ var Ee = class {
 	ensureShape() {
 		this.konvaShape.getParent() || this.konvaLayer.add(this.konvaShape);
 	}
-}, Oe = class {
+}, ke = class {
 	constructor(e) {
 		this.konvaLayer = e;
 	}
@@ -550,14 +550,14 @@ var Ee = class {
 };
 //#endregion
 //#region src/scene/Shape.ts
-function ke(e) {
+function Ae(e) {
 	return typeof e == "object" && !!e;
 }
-function Ae(e, t) {
+function je(e, t) {
 	return t !== !1 && e ? e : void 0;
 }
-function N(e, t, n, r, i, a) {
-	return ke(e) ? e.type === "linear" ? {
+function M(e, t, n, r, i, a) {
+	return Ae(e) ? e.type === "linear" ? {
 		type: "linear",
 		x0: (t + e.x0) * r + i,
 		y0: (n + e.y0) * r + a,
@@ -577,14 +577,14 @@ function N(e, t, n, r, i, a) {
 }
 //#endregion
 //#region src/render/shapeToRecording.ts
-function je(e) {
-	let t = new Ee(e.x, e.y);
-	return e.noScale && (t.noScaling = !0), Me(t, e.children, 0, 0), t;
-}
-function Me(e, t, n, r) {
-	for (let i of t) Ne(e, i, n, r);
+function Me(e) {
+	let t = new Oe(e.x, e.y);
+	return e.noScale && (t.noScaling = !0), Ne(t, e.children, 0, 0), t;
 }
 function Ne(e, t, n, r) {
+	for (let i of t) Pe(e, i, n, r);
+}
+function Pe(e, t, n, r) {
 	switch (t.type) {
 		case "rect":
 			e.commands.push({
@@ -593,11 +593,11 @@ function Ne(e, t, n, r) {
 				y: t.y + r,
 				w: t.width,
 				h: t.height,
-				fill: N(t.paint.fill, n, r, 1, 0, 0),
+				fill: M(t.paint.fill, n, r, 1, 0, 0),
 				stroke: t.paint.stroke,
 				sw: t.paint.strokeWidth ?? 0,
 				cr: t.cornerRadius ?? 0,
-				dash: Ae(t.paint.dash, t.paint.dashEnabled)
+				dash: je(t.paint.dash, t.paint.dashEnabled)
 			});
 			return;
 		case "circle":
@@ -606,20 +606,20 @@ function Ne(e, t, n, r) {
 				cx: t.cx + n,
 				cy: t.cy + r,
 				r: t.radius,
-				fill: N(t.paint.fill, n, r, 1, 0, 0),
+				fill: M(t.paint.fill, n, r, 1, 0, 0),
 				stroke: t.paint.stroke,
 				sw: t.paint.strokeWidth ?? 0,
-				dash: Ae(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 : Pe(t.points, n, r);
+			let i = n === 0 && r === 0 ? t.points : Fe(t.points, n, r);
 			e.commands.push({
 				type: "line",
 				points: i,
 				stroke: t.paint.stroke,
 				sw: t.paint.strokeWidth ?? 0,
-				dash: Ae(t.paint.dash, t.paint.dashEnabled),
+				dash: je(t.paint.dash, t.paint.dashEnabled),
 				lineCap: t.lineCap,
 				lineJoin: t.lineJoin,
 				alpha: t.paint.alpha
@@ -629,8 +629,8 @@ function Ne(e, t, n, r) {
 		case "polygon":
 			e.commands.push({
 				type: "polygon",
-				vertices: n === 0 && r === 0 ? t.vertices : Pe(t.vertices, n, r),
-				fill: N(t.paint.fill, n, r, 1, 0, 0),
+				vertices: n === 0 && r === 0 ? t.vertices : Fe(t.vertices, n, r),
+				fill: M(t.paint.fill, n, r, 1, 0, 0),
 				stroke: t.paint.stroke,
 				sw: t.paint.strokeWidth ?? 0
 			});
@@ -656,7 +656,7 @@ function Ne(e, t, n, r) {
 			});
 			return;
 		case "image": {
-			let i = Fe(t.src);
+			let i = Ie(t.src);
 			e.commands.push({
 				type: "image",
 				x: t.x + n,
@@ -669,37 +669,37 @@ function Ne(e, t, n, r) {
 			return;
 		}
 		case "group":
-			Me(e, t.children, n + t.x, r + t.y);
+			Ne(e, t.children, n + t.x, r + t.y);
 			return;
 	}
 }
-function Pe(e, t, n) {
+function Fe(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 Fe(e) {
-	let t = O === void 0 ? typeof Image < "u" ? new Image() : null : O.Util.createImageElement();
+function Ie(e) {
+	let t = D === void 0 ? typeof Image < "u" ? new Image() : null : D.Util.createImageElement();
 	return t && (t.src = e), t;
 }
 //#endregion
 //#region src/rendering/KonvaRenderBackend.ts
-var P = "rgb(120, 72, 0)", Ie = class {
+var N = "rgb(120, 72, 0)", Le = class {
 	get coordinateTransform() {
 		return this._coordinateTransform;
 	}
 	constructor(e, t) {
-		this.gridCachedBounds = null, this.currentStyle = u, this.hitTester = new C(), this.lastHitShapes = [], this.shapeToDrawEntry = /* @__PURE__ */ new Map(), this.shapeToGroup = /* @__PURE__ */ new Map(), this.highlightShapes = /* @__PURE__ */ new Map(), this.pathShapes = [], this.currentRoomOverlay = [], this.destroyed = !1, this._coordinateTransform = c, this.coordinateInverse = c, this.liveEffects = /* @__PURE__ */ new Map(), this.sceneOverlays = /* @__PURE__ */ new Map(), this.sceneOverlayNodes = /* @__PURE__ */ new Map(), this.viewportSubscribers = /* @__PURE__ */ new Set(), this.state = e, this.container = t, t ? (this.stage = new O.Stage({
+		this.gridCachedBounds = null, this.currentStyle = u, this.hitTester = new C(), this.lastHitShapes = [], this.shapeToDrawEntry = /* @__PURE__ */ new Map(), this.shapeToGroup = /* @__PURE__ */ new Map(), this.highlightShapes = /* @__PURE__ */ new Map(), this.pathShapes = [], this.currentRoomOverlay = [], this.destroyed = !1, this._coordinateTransform = c, this.coordinateInverse = c, this.liveEffects = /* @__PURE__ */ new Map(), this.sceneOverlays = /* @__PURE__ */ new Map(), this.sceneOverlayNodes = /* @__PURE__ */ new Map(), this.viewportSubscribers = /* @__PURE__ */ new Set(), this.state = e, this.container = t, t ? (this.stage = new D.Stage({
 			container: t,
 			width: t.clientWidth,
 			height: t.clientHeight,
 			draggable: !1
-		}), t.style.backgroundColor = e.settings.backgroundColor, this.camera = new r(t.clientWidth, t.clientHeight)) : (this.stage = new O.Stage({
+		}), t.style.backgroundColor = e.settings.backgroundColor, this.camera = new r(t.clientWidth, t.clientHeight)) : (this.stage = new D.Stage({
 			width: 1,
 			height: 1
-		}), this.camera = new r(1, 1)), this.gridLayer = new O.Layer({ listening: !1 }), this.stage.add(this.gridLayer);
-		let n = new O.Layer({ listening: !1 });
-		if (this.linkLayer = n, this.roomLayer = n, this.stage.add(n), this.positionLayer = new O.Layer({ listening: !1 }), this.stage.add(this.positionLayer), this.overlayLayer = new O.Layer({ listening: !1 }), this.stage.add(this.overlayLayer), this.topLabelLayer = new O.Layer({ listening: !1 }), this.stage.add(this.topLabelLayer), this.positionLayerNode = new Oe(this.positionLayer), this.overlayLayerNode = new Oe(this.overlayLayer), this.sceneNode = new De(n), this.gridLayerNode = new M(this.gridLayer), this.topLabelLayerNode = new M(this.topLabelLayer), this.sceneManager = new we(this.camera, e.settings, e.mapReader), this.events = new y(t), this.culling = new D(e.settings, () => this.applyClipping()), this.cameraChangeHandler = () => this.applyViewportToStage(), this.camera.on("change", this.cameraChangeHandler), t) {
+		}), this.camera = new r(1, 1)), this.gridLayer = new D.Layer({ listening: !1 }), this.stage.add(this.gridLayer);
+		let n = new D.Layer({ listening: !1 });
+		if (this.linkLayer = n, this.roomLayer = n, this.stage.add(n), this.positionLayer = new D.Layer({ listening: !1 }), this.stage.add(this.positionLayer), this.overlayLayer = new D.Layer({ listening: !1 }), this.stage.add(this.overlayLayer), this.topLabelLayer = new D.Layer({ listening: !1 }), this.stage.add(this.topLabelLayer), this.positionLayerNode = new ke(this.positionLayer), this.overlayLayerNode = new ke(this.overlayLayer), this.sceneNode = new A(n), this.gridLayerNode = new j(this.gridLayer), this.topLabelLayerNode = new j(this.topLabelLayer), this.sceneManager = new Ee(this.camera, e.settings, e.mapReader), this.events = new y(t), this.culling = new E(e.settings, () => this.applyClipping()), this.cameraChangeHandler = () => this.applyViewportToStage(), this.camera.on("change", this.cameraChangeHandler), t) {
 			this.origSetSize = this.camera.setSize.bind(this.camera);
 			let n = this.origSetSize;
 			this.camera.setSize = (e, t) => {
@@ -712,7 +712,7 @@ var P = "rgb(120, 72, 0)", Ie = class {
 		this.applyStyleTransforms(), this.subscribeToState(e);
 	}
 	setStyle(e) {
-		this.currentStyle = e, this.sceneNode = new De(this.linkLayer), this.gridLayerNode = new M(this.gridLayer), this.topLabelLayerNode = new M(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 A(this.linkLayer), this.gridLayerNode = new j(this.gridLayer), this.topLabelLayerNode = new j(this.topLabelLayer), this.gridCachedBounds = null, this.sceneManager.resetPipeline(this.state.mapReader), this.shapeToDrawEntry = /* @__PURE__ */ new Map(), this.shapeToGroup.clear(), this.lastHitShapes = [], this.hitTester.clear(), this.applyStyleTransforms(), this.refresh();
 	}
 	applyStyleTransforms() {
 		let e = this.currentStyle, t = e.worldToScene ? (t, n) => e.worldToScene(t, n) : c, n = e.sceneToWorld ? (t, n) => e.sceneToWorld(t, n) : c, r = this.coordinateInverse, i = e.sceneLayerOffset ? (t) => e.sceneLayerOffset(t) : void 0;
@@ -881,7 +881,7 @@ var P = "rgb(120, 72, 0)", Ie = class {
 			layer: e.layer,
 			noScale: e.noScale
 		};
-		let a = je(i);
+		let a = Me(i);
 		return t.addNode(a), a;
 	}
 	refreshGrid(e) {
@@ -893,7 +893,7 @@ var P = "rgb(120, 72, 0)", Ie = class {
 		let n = this.coordinateInverse, r = n(e.minX, e.minY), i = n(e.maxX, e.minY), a = n(e.maxX, e.maxY), o = n(e.minX, e.maxY), s = Math.min(r.x, i.x, a.x, o.x), c = Math.max(r.x, i.x, a.x, o.x), l = Math.min(r.y, i.y, a.y, o.y), u = Math.max(r.y, i.y, a.y, o.y), d = t.gridSize * 2, f = Math.floor((s - d) / t.gridSize) * t.gridSize, p = Math.ceil((c + d) / t.gridSize) * t.gridSize, m = Math.floor((l - d) / t.gridSize) * t.gridSize, h = Math.ceil((u + d) / t.gridSize) * t.gridSize, g = this.gridCachedBounds;
 		if (g && g.left === f && g.right === p && g.top === m && g.bottom === h) return;
 		this.gridLayerNode.destroyChildren();
-		let _ = be(e, t, { inverseTransform: this.coordinateInverse });
+		let _ = xe(e, t, { inverseTransform: this.coordinateInverse });
 		for (let e of _) this.addStyledShape(e, this.gridLayerNode);
 		this.gridCachedBounds = {
 			left: f,
@@ -963,11 +963,11 @@ var P = "rgb(120, 72, 0)", Ie = class {
 		n.set(e.id, e);
 		let r = [], i = this.sceneManager.exitRenderer, a = this.state.lens;
 		this.state.currentAreaInstance && this.state.currentZIndex !== void 0 && this.state.currentAreaInstance.getLinkExits(this.state.currentZIndex).filter((t) => t.a === e.id || t.b === e.id).forEach((e) => {
-			let t = i.renderDataWithColor(e, P, this.state.currentZIndex);
+			let t = i.renderDataWithColor(e, N, this.state.currentZIndex);
 			t && r.push(this.sceneManager.buildExitShape(t));
 		});
-		for (let n of d(e, t, P)) r.push(l(n, e.id));
-		for (let n of ne(e, t, P)) r.push(h(n));
+		for (let n of d(e, t, N)) r.push(l(n, e.id));
+		for (let n of re(e, t, N)) r.push(h(n));
 		[...Object.values(e.exits), ...Object.values(e.specialExits)].forEach((e) => {
 			let t = this.state.mapReader.getRoom(e);
 			t && t.area === this.state.currentArea && t.z === this.state.currentZIndex && a.isVisible(t) && n.set(e, t);
@@ -975,11 +975,11 @@ var P = "rgb(120, 72, 0)", Ie = class {
 			let t = this.addStyledShape(e, this.positionLayerNode);
 			t && this.currentRoomOverlay.push(t);
 		}), n.forEach((n, r) => {
-			let i = r === e.id, a = re(n, this.state.mapReader, t, {
-				strokeOverride: i ? P : t.lineColor,
+			let i = r === e.id, a = ie(n, this.state.mapReader, t, {
+				strokeOverride: i ? N : t.lineColor,
 				flatPipeline: !0
 			});
-			a.children.push(...E(n, this.state.mapReader, t));
+			a.children.push(...T(n, this.state.mapReader, t));
 			let o = this.addStyledShape(a, this.positionLayerNode);
 			o && this.currentRoomOverlay.push(o);
 		}), this.positionMarker && this.positionMarker.moveToTop(), this.positionLayerNode.batchDraw();
@@ -989,7 +989,7 @@ var P = "rgb(120, 72, 0)", Ie = class {
 		if (n && (n.destroy(), this.highlightShapes.delete(e)), t !== void 0) {
 			let n = this.state.mapReader.getRoom(e);
 			if (n && n.area === this.state.currentArea && n.z === this.state.currentZIndex) {
-				let r = te(n, t, this.state.settings), i = this.addStyledShape(T(r), this.overlayLayerNode);
+				let r = ne(n, t, this.state.settings), i = this.addStyledShape(te(r), this.overlayLayerNode);
 				i && this.highlightShapes.set(e, i);
 			}
 		}
@@ -1002,7 +1002,7 @@ var P = "rgb(120, 72, 0)", Ie = class {
 			if (t.area !== this.state.currentArea || t.z !== this.state.currentZIndex) continue;
 			let n = this.state.mapReader.getRoom(e);
 			if (!n) continue;
-			let r = te(n, t.colors, this.state.settings), i = this.addStyledShape(T(r), this.overlayLayerNode);
+			let r = ne(n, t.colors, this.state.settings), i = this.addStyledShape(te(r), this.overlayLayerNode);
 			i && this.highlightShapes.set(e, i);
 		}
 		this.overlayLayerNode.batchDraw();
@@ -1032,7 +1032,7 @@ var P = "rgb(120, 72, 0)", Ie = class {
 };
 //#endregion
 //#region src/style/shape/paintMap.ts
-function F(e, t) {
+function P(e, t) {
 	if (e !== void 0) return typeof e == "string" ? t(e) : {
 		...e,
 		stops: e.stops.map((e) => ({
@@ -1041,7 +1041,7 @@ function F(e, t) {
 		}))
 	};
 }
-function I(e) {
+function F(e) {
 	let t = e.match(/rgba?\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)(?:\s*,\s*([\d.]+))?\s*\)/);
 	return t ? {
 		r: parseInt(t[1]),
@@ -1055,13 +1055,13 @@ function I(e) {
 		a: 1
 	} : null;
 }
-function L(e, t, n, r = 1) {
+function I(e, t, n, r = 1) {
 	return r < 1 ? `rgba(${e}, ${t}, ${n}, ${r})` : `rgb(${e}, ${t}, ${n})`;
 }
-function R(e) {
+function L(e) {
 	return (.299 * e.r + .587 * e.g + .114 * e.b) / 255;
 }
-function Le(e, t, n) {
+function Re(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 [
@@ -1076,99 +1076,99 @@ function Le(e, t, n) {
 		a
 	];
 }
-function Re(e, t, n, r = 1) {
+function ze(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), L(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), I(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", Be = "#3b2a1a", Ve = 139, He = 115, Ue = 85, We = 244, Ge = 228, Ke = 193;
-function qe(e) {
-	let t = I(e);
-	if (!t) return L(We, Ge, Ke);
-	let n = R(t);
-	return L(Math.round(Ve + (We - Ve) * n), Math.round(He + (Ge - He) * n), Math.round(Ue + (Ke - Ue) * n), t.a);
-}
+var Be = "#4a3728", Ve = "#3b2a1a", He = 139, Ue = 115, We = 85, Ge = 244, Ke = 228, qe = 193;
 function Je(e) {
-	let t = I(e);
-	if (!t || t.a >= 1) return ze;
-	let n = I(ze);
-	return L(n.r, n.g, n.b, t.a);
+	let t = F(e);
+	if (!t) return I(Ge, Ke, qe);
+	let n = L(t);
+	return I(Math.round(He + (Ge - He) * n), Math.round(Ue + (Ke - Ue) * n), Math.round(We + (qe - We) * n), t.a);
 }
 function Ye(e) {
+	let t = F(e);
+	if (!t || t.a >= 1) return Be;
+	let n = F(Be);
+	return I(n.r, n.g, n.b, t.a);
+}
+function Xe(e) {
 	return {
 		...e,
-		fill: F(e.fill, qe),
-		stroke: e.stroke ? Je(e.stroke) : e.stroke
+		fill: P(e.fill, Je),
+		stroke: e.stroke ? Ye(e.stroke) : e.stroke
 	};
 }
-var Xe = { transform(e) {
+var Ze = { transform(e) {
 	switch (e.type) {
 		case "rect":
 		case "circle":
 		case "polygon": return {
 			...e,
-			paint: Ye(e.paint)
+			paint: Xe(e.paint)
 		};
 		case "line": return {
 			...e,
 			paint: e.paint.stroke ? {
 				...e.paint,
-				stroke: Je(e.paint.stroke)
+				stroke: Ye(e.paint.stroke)
 			} : e.paint
 		};
 		case "text": return {
 			...e,
-			fill: Be
+			fill: Ve
 		};
 		case "image":
 		case "group": return e;
 	}
-} }, Ze = "#c0deff", Qe = "#e0f0ff", $e = 20, et = 40, tt = 80, nt = 60, rt = 100, it = 160;
-function at(e) {
-	let t = I(e);
-	if (!t) return L(nt, rt, it);
-	let n = R(t);
-	return L(Math.round($e + (nt - $e) * n), Math.round(et + (rt - et) * n), Math.round(tt + (it - tt) * n), t.a);
-}
+} }, Qe = "#c0deff", $e = "#e0f0ff", et = 20, tt = 40, nt = 80, rt = 60, it = 100, at = 160;
 function ot(e) {
-	let t = I(e);
-	if (!t || t.a >= 1) return Ze;
-	let n = I(Ze);
-	return L(n.r, n.g, n.b, t.a);
+	let t = F(e);
+	if (!t) return I(rt, it, at);
+	let n = L(t);
+	return I(Math.round(et + (rt - et) * n), Math.round(tt + (it - tt) * n), Math.round(nt + (at - nt) * n), t.a);
 }
 function st(e) {
+	let t = F(e);
+	if (!t || t.a >= 1) return Qe;
+	let n = F(Qe);
+	return I(n.r, n.g, n.b, t.a);
+}
+function ct(e) {
 	return {
 		...e,
-		fill: F(e.fill, at),
-		stroke: e.stroke ? ot(e.stroke) : e.stroke
+		fill: P(e.fill, ot),
+		stroke: e.stroke ? st(e.stroke) : e.stroke
 	};
 }
-var ct = { transform(e) {
+var lt = { transform(e) {
 	switch (e.type) {
 		case "rect":
 		case "circle":
 		case "polygon": return {
 			...e,
-			paint: st(e.paint)
+			paint: ct(e.paint)
 		};
 		case "line": return {
 			...e,
 			paint: e.paint.stroke ? {
 				...e.paint,
-				stroke: ot(e.paint.stroke)
+				stroke: st(e.paint.stroke)
 			} : e.paint
 		};
 		case "text": return {
 			...e,
-			fill: Qe
+			fill: $e
 		};
 		case "image":
 		case "group": return e;
 	}
-} }, lt = "#00ffd0", ut = .3, dt = 3;
-function ft(e, t, n) {
+} }, ut = "#00ffd0", dt = .3, ft = 3;
+function pt(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 [
@@ -1183,7 +1183,7 @@ function ft(e, t, n) {
 		a
 	];
 }
-function pt(e, t, n, r = 1) {
+function R(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);
@@ -1191,12 +1191,12 @@ function pt(e, t, n, r = 1) {
 	return r < 1 ? `rgba(${u}, ${d}, ${f}, ${r})` : `rgb(${u}, ${d}, ${f})`;
 }
 function mt(e) {
-	let t = I(e);
+	let t = F(e);
 	if (!t) return {
 		h: 150,
 		a: 1
 	};
-	let [n] = ft(t.r, t.g, t.b);
+	let [n] = pt(t.r, t.g, t.b);
 	return {
 		h: n,
 		a: t.a
@@ -1204,34 +1204,34 @@ function mt(e) {
 }
 function ht(e) {
 	let { h: t, a: n } = mt(e);
-	return pt(t, .95, .65, n);
+	return R(t, .95, .65, n);
 }
 function gt(e) {
-	let t = I(e);
+	let t = F(e);
 	if (!t) return "rgb(8, 12, 10)";
-	let [n] = ft(t.r, t.g, t.b);
-	return pt(n, .4, .1, t.a);
+	let [n] = pt(t.r, t.g, t.b);
+	return R(n, .4, .1, t.a);
 }
 function _t(e) {
 	let { h: t, a: n } = mt(e);
-	return pt(t, .95, .65, Math.min(n, ut));
+	return R(t, .95, .65, Math.min(n, dt));
 }
 function vt(e) {
 	return {
 		...e,
-		fill: F(e.fill, gt),
+		fill: P(e.fill, gt),
 		stroke: e.stroke ? ht(e.stroke) : e.stroke
 	};
 }
 function yt(e, t = !1) {
 	if (!e.stroke) return e;
-	let n = (e.strokeWidth ?? 1) * dt;
+	let n = (e.strokeWidth ?? 1) * ft;
 	return {
 		stroke: _t(e.stroke),
 		strokeWidth: n,
 		dash: e.dash,
 		dashEnabled: e.dashEnabled,
-		alpha: t ? ut : e.alpha
+		alpha: t ? dt : e.alpha
 	};
 }
 var bt = { transform(e) {
@@ -1281,7 +1281,7 @@ var bt = { transform(e) {
 		};
 		case "text": return {
 			...e,
-			fill: lt
+			fill: ut
 		};
 		case "image":
 		case "group": return e;
@@ -1298,7 +1298,7 @@ function B(...e) {
 	for (let n of e) t ^= (n * 1e3 | 0) + 2654435769 + (t << 6) + (t >> 2);
 	return t;
 }
-function V(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,
@@ -1313,17 +1313,17 @@ function V(e, t, n, r, i, a) {
 	}
 	return f.push(n + l * (a() - .5) * i * .3, r + u * (a() - .5) * i * .3), f;
 }
-function xt(e, t, n) {
+function St(e, t, n) {
 	if (e.length < 4) return e;
 	let r = [];
 	for (let i = 0; i < e.length - 2; i += 2) {
-		let a = V(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]);
 	}
 	return r;
 }
-function H(e, t, n, r, i, a) {
+function V(e, t, n, r, i, a) {
 	let o = [
 		e,
 		t,
@@ -1335,12 +1335,12 @@ function H(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 = V(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 U(e, t, n, r, i) {
+function Ct(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;
@@ -1348,26 +1348,26 @@ function U(e, t, n, r, i) {
 	}
 	return a;
 }
-function W(e, t, n) {
+function H(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 = V(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 St(e, t) {
+function wt(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 Ct(e) {
+function Tt(e) {
 	let { jitter: t, color: n } = e;
 	return { transform(e) {
 		switch (e.type) {
@@ -1385,7 +1385,7 @@ function Ct(e) {
 					}), a && e.paint.strokeWidth) {
 						let i = {
 							type: "polygon",
-							vertices: H(e.x, e.y, e.width, e.height, t, r),
+							vertices: V(e.x, e.y, e.width, e.height, t, r),
 							paint: {
 								stroke: a,
 								strokeWidth: e.paint.strokeWidth
@@ -1400,7 +1400,7 @@ function Ct(e) {
 				}
 				return {
 					type: "polygon",
-					vertices: H(e.x, e.y, e.width, e.height, t, r),
+					vertices: V(e.x, e.y, e.width, e.height, t, r),
 					paint: {
 						fill: i,
 						stroke: a,
@@ -1415,7 +1415,7 @@ function Ct(e) {
 				let r = z(B(e.cx, e.cy, e.radius));
 				return {
 					type: "polygon",
-					vertices: U(e.cx, e.cy, e.radius, t, r),
+					vertices: Ct(e.cx, e.cy, e.radius, t, r),
 					paint: {
 						fill: e.paint.fill ? "#ffffff" : void 0,
 						stroke: e.paint.stroke ? n : void 0,
@@ -1427,7 +1427,7 @@ function Ct(e) {
 				};
 			}
 			case "line": {
-				let r = z(B(...e.points.slice(0, 4))), i = xt(e.points, t, r), a = St(n, e.paint.stroke), o = {
+				let r = z(B(...e.points.slice(0, 4))), i = St(e.points, t, r), a = wt(n, e.paint.stroke), o = {
 					...e.paint,
 					stroke: a
 				};
@@ -1438,7 +1438,7 @@ function Ct(e) {
 				};
 			}
 			case "polygon": {
-				let r = z(B(...e.vertices.slice(0, 4))), i = W(e.vertices, t, r);
+				let r = z(B(...e.vertices.slice(0, 4))), i = H(e.vertices, t, r);
 				return {
 					...e,
 					vertices: i,
@@ -1460,10 +1460,10 @@ function Ct(e) {
 }
 //#endregion
 //#region src/style/shape/IsometricStyle.ts
-function G(e, t) {
-	return F(e, (e) => v(e, t));
+function U(e, t) {
+	return P(e, (e) => v(e, t));
 }
-function K(e, t) {
+function W(e, t) {
 	if (!t || typeof t == "string") return t;
 	if (t.type === "linear") {
 		let [n, r] = e(t.x0, t.y0), [i, a] = e(t.x1, t.y1);
@@ -1486,16 +1486,16 @@ function K(e, t) {
 	}
 	return i;
 }
-function wt(e) {
+function Et(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 Tt(e) {
+function Dt(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 q = 32;
-function Et(e, t) {
+var G = 32;
+function Ot(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]);
@@ -1503,7 +1503,7 @@ function Et(e, t) {
 	}
 	return n;
 }
-function Dt(e, t, n, r, i) {
+function kt(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,
@@ -1516,8 +1516,8 @@ function Dt(e, t, n, r, i) {
 		f
 	];
 }
-function Ot(e = {}) {
-	let t = e.rotation ?? 0, n = e.depth ?? .18, r = wt(t), i = Tt(t);
+function At(e = {}) {
+	let t = e.rotation ?? 0, n = e.depth ?? .18, r = Et(t), i = Dt(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 [
@@ -1530,7 +1530,7 @@ function Ot(e = {}) {
 		];
 	}
 	function o(e) {
-		let { x: t, y: i, width: a, height: o, paint: s } = e, c = Dt(r, t, i, a, o);
+		let { x: t, y: i, width: a, height: o, paint: s } = e, c = kt(r, t, i, a, o);
 		if (s.dash || s.dashEnabled) {
 			let t = [];
 			for (let n = 0; n < 8; n += 2) {
@@ -1556,7 +1556,7 @@ function Ot(e = {}) {
 		if (n > 0 && s.fill) {
 			let t = [], i = 0;
 			for (let e = 1; e < 4; e++) c[e * 2 + 1] > c[i * 2 + 1] && (i = e);
-			let a = c[i * 2], o = c[i * 2 + 1], l = (i + 3) % 4, u = c[l * 2], d = c[l * 2 + 1], f = (i + 1) % 4, p = c[f * 2], m = c[f * 2 + 1], h = (i + 2) % 4, g = c[h * 2], _ = c[h * 2 + 1], v = K(r, s.fill);
+			let a = c[i * 2], o = c[i * 2 + 1], l = (i + 3) % 4, u = c[l * 2], d = c[l * 2 + 1], f = (i + 1) % 4, p = c[f * 2], m = c[f * 2 + 1], h = (i + 2) % 4, g = c[h * 2], _ = c[h * 2 + 1], v = W(r, s.fill);
 			if (t.push({
 				type: "polygon",
 				vertices: [
@@ -1569,7 +1569,7 @@ function Ot(e = {}) {
 					u,
 					d + n
 				],
-				paint: { fill: G(v, .2) },
+				paint: { fill: U(v, .2) },
 				layer: e.layer
 			}), t.push({
 				type: "polygon",
@@ -1583,7 +1583,7 @@ function Ot(e = {}) {
 					a,
 					o + n
 				],
-				paint: { fill: G(v, .4) },
+				paint: { fill: U(v, .4) },
 				layer: e.layer
 			}), t.push({
 				type: "polygon",
@@ -1639,7 +1639,7 @@ function Ot(e = {}) {
 			type: "polygon",
 			vertices: c,
 			paint: {
-				fill: K(r, s.fill),
+				fill: W(r, s.fill),
 				stroke: s.stroke,
 				strokeWidth: s.strokeWidth
 			},
@@ -1649,15 +1649,15 @@ function Ot(e = {}) {
 		};
 	}
 	function s(e) {
-		let { cx: t, cy: i, radius: a, paint: o } = e, s = Array(q * 2);
-		for (let e = 0; e < q; e++) {
-			let n = e / q * Math.PI * 2, [o, c] = r(t + Math.cos(n) * a, i + Math.sin(n) * a);
+		let { cx: t, cy: i, radius: a, paint: o } = e, s = Array(G * 2);
+		for (let e = 0; e < G; e++) {
+			let n = e / G * Math.PI * 2, [o, c] = r(t + Math.cos(n) * a, i + Math.sin(n) * a);
 			s[e * 2] = o, s[e * 2 + 1] = c;
 		}
 		if (o.dash || o.dashEnabled) {
 			let t = [];
-			for (let n = 0; n < q; n++) {
-				let r = (n + 1) % q;
+			for (let n = 0; n < G; n++) {
+				let r = (n + 1) % G;
 				t.push({
 					type: "line",
 					points: [
@@ -1676,18 +1676,18 @@ function Ot(e = {}) {
 			}
 			return t;
 		}
-		let c = [], l = K(r, o.fill);
+		let c = [], l = W(r, o.fill);
 		if (n > 0 && o.fill) {
 			let t = 0, r = 0, i = 0, a = -Infinity, u = Infinity, d = -Infinity;
-			for (let e = 0; e < q; e++) s[e * 2] > a && (a = s[e * 2], t = e), s[e * 2] < u && (u = s[e * 2], r = e), s[e * 2 + 1] > d && (d = s[e * 2 + 1], i = e);
+			for (let e = 0; e < G; e++) s[e * 2] > a && (a = s[e * 2], t = e), s[e * 2] < u && (u = s[e * 2], r = e), s[e * 2 + 1] > d && (d = s[e * 2 + 1], i = e);
 			let f = [], p = t;
-			for (let e = 0; e <= q && (f.push(s[p * 2], s[p * 2 + 1]), p !== i); e++) p = (p + 1) % q;
+			for (let e = 0; e <= G && (f.push(s[p * 2], s[p * 2 + 1]), p !== i); e++) p = (p + 1) % G;
 			for (let e = f.length - 2; e >= 0; e -= 2) f.push(f[e], f[e + 1] + n);
 			c.push({
 				type: "polygon",
 				vertices: f,
 				paint: {
-					fill: G(l, .2),
+					fill: U(l, .2),
 					stroke: o.stroke,
 					strokeWidth: o.strokeWidth ? o.strokeWidth * .5 : void 0
 				},
@@ -1695,13 +1695,13 @@ function Ot(e = {}) {
 			});
 			let m = [];
 			p = i;
-			for (let e = 0; e <= q && (m.push(s[p * 2], s[p * 2 + 1]), p !== r); e++) p = (p + 1) % q;
+			for (let e = 0; e <= G && (m.push(s[p * 2], s[p * 2 + 1]), p !== r); e++) p = (p + 1) % G;
 			for (let e = m.length - 2; e >= 0; e -= 2) m.push(m[e], m[e + 1] + n);
 			c.push({
 				type: "polygon",
 				vertices: m,
 				paint: {
-					fill: G(l, .4),
+					fill: U(l, .4),
 					stroke: o.stroke,
 					strokeWidth: o.strokeWidth ? o.strokeWidth * .5 : void 0
 				},
@@ -1729,14 +1729,14 @@ function Ot(e = {}) {
 				case "circle": return s(e);
 				case "line": return {
 					...e,
-					points: Et(r, e.points)
+					points: Ot(r, e.points)
 				};
 				case "polygon": return {
 					...e,
-					vertices: Et(r, e.vertices),
+					vertices: Ot(r, e.vertices),
 					paint: {
 						...e.paint,
-						fill: K(r, e.paint.fill)
+						fill: W(r, e.paint.fill)
 					}
 				};
 				case "text": {
@@ -1801,21 +1801,21 @@ function Ot(e = {}) {
 }
 //#endregion
 //#region src/style/shape/ConstructionStyle.ts
-var J = "#1a1a1a", kt = "#ffc200", At = "#ff6600", jt = 26, Mt = 26, Nt = 26, Pt = 255, Ft = 194, It = 0;
-function Lt(e) {
-	let t = I(e);
-	if (!t) return L(Pt, Ft, It);
-	let n = R(t);
-	return L(Math.round(jt + (Pt - jt) * n), Math.round(Mt + (Ft - Mt) * n), Math.round(Nt + (It - Nt) * n), t.a);
+var K = "#1a1a1a", jt = "#ffc200", Mt = "#ff6600", Nt = 26, Pt = 26, Ft = 26, It = 255, Lt = 194, Rt = 0;
+function zt(e) {
+	let t = F(e);
+	if (!t) return I(It, Lt, Rt);
+	let n = L(t);
+	return I(Math.round(Nt + (It - Nt) * n), Math.round(Pt + (Lt - Pt) * n), Math.round(Ft + (Rt - Ft) * n), t.a);
 }
-function Rt(e) {
+function Bt(e) {
 	return {
 		...e,
-		fill: F(e.fill, Lt),
-		stroke: e.stroke ? J : e.stroke
+		fill: P(e.fill, zt),
+		stroke: e.stroke ? K : e.stroke
 	};
 }
-function zt(e, t, n, r) {
+function Vt(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;
@@ -1826,7 +1826,7 @@ function zt(e, t, n, r) {
 	}
 	return i;
 }
-function Bt(e, t, n, r, i) {
+function Ht(e, t, n, r, i) {
 	let a = [
 		[e, t],
 		[e + n, t],
@@ -1834,37 +1834,37 @@ function Bt(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 = zt(a, 1, 1, t);
-		r = zt(r, -1, -1, -n), r.length >= 3 && f.push(r.flatMap((e) => [e[0], e[1]]));
+		let t = e * o, n = t + s, r = Vt(a, 1, 1, t);
+		r = Vt(r, -1, -1, -n), r.length >= 3 && f.push(r.flatMap((e) => [e[0], e[1]]));
 	}
 	return f;
 }
-var Vt = { transform(e, t) {
+var Ut = { transform(e, t) {
 	switch (e.type) {
 		case "rect": {
 			if (!e.paint.fill) return {
 				...e,
-				paint: Rt(e.paint)
+				paint: Bt(e.paint)
 			};
 			let n = {
 				...e,
 				paint: {
-					fill: J,
+					fill: K,
 					strokeWidth: e.paint.strokeWidth
 				}
-			}, r = Bt(e.x, e.y, e.width, e.height, t.roomSize).map((t) => ({
+			}, r = Ht(e.x, e.y, e.width, e.height, t.roomSize).map((t) => ({
 				type: "polygon",
 				vertices: t,
 				layer: e.layer,
 				paint: {
-					fill: kt,
+					fill: jt,
 					alpha: .65
 				}
 			})), i = {
 				...e,
 				hit: void 0,
 				paint: {
-					stroke: J,
+					stroke: K,
 					strokeWidth: e.paint.strokeWidth
 				}
 			};
@@ -1876,38 +1876,38 @@ var Vt = { transform(e, t) {
 		}
 		case "circle": return {
 			...e,
-			paint: Rt(e.paint)
+			paint: Bt(e.paint)
 		};
 		case "polygon": return {
 			...e,
 			paint: {
 				...e.paint,
-				fill: e.paint.fill ? At : e.paint.fill,
-				stroke: e.paint.stroke ? J : e.paint.stroke
+				fill: e.paint.fill ? Mt : e.paint.fill,
+				stroke: e.paint.stroke ? K : e.paint.stroke
 			}
 		};
 		case "line": return {
 			...e,
 			paint: e.paint.stroke ? {
 				...e.paint,
-				stroke: At
+				stroke: Mt
 			} : e.paint
 		};
 		case "text": return {
 			...e,
-			fill: At,
-			stroke: J,
+			fill: Mt,
+			stroke: K,
 			strokeWidth: t.roomSize * .25
 		};
 		case "image":
 		case "group": return e;
 	}
-} }, Ht = "#c8eeff", Ut = "#00c8ff", Wt = "#00ffaa", Gt = .2, Kt = 5, qt = 190;
-function Jt(e, t, n) {
+} }, Wt = "#c8eeff", Gt = "#00c8ff", Kt = "#00ffaa", qt = .2, Jt = 5, q = 190;
+function Yt(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 [
-		qt,
+		q,
 		0,
 		a
 	];
@@ -1918,54 +1918,54 @@ function Jt(e, t, n) {
 		a
 	];
 }
-function Yt(e, t, n, r = 1) {
+function Xt(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 Xt(e) {
-	let t = I(e);
-	if (!t) return Yt(qt, .55, .18);
-	let [n, r] = Jt(t.r, t.g, t.b);
-	return Yt(r < .08 ? qt : n, .55, .18, t.a);
-}
 function Zt(e) {
+	let t = F(e);
+	if (!t) return Xt(q, .55, .18);
+	let [n, r] = Yt(t.r, t.g, t.b);
+	return Xt(r < .08 ? q : n, .55, .18, t.a);
+}
+function Qt(e) {
 	return {
 		...e,
-		fill: F(e.fill, Xt),
-		stroke: e.stroke ? Ut : e.stroke
+		fill: P(e.fill, Zt),
+		stroke: e.stroke ? Gt : e.stroke
 	};
 }
-function Qt(e) {
+function $t(e) {
 	return {
-		stroke: Ut,
-		strokeWidth: (e.strokeWidth ?? 1) * Kt,
-		alpha: Gt
+		stroke: Gt,
+		strokeWidth: (e.strokeWidth ?? 1) * Jt,
+		alpha: qt
 	};
 }
-function $t(e) {
+function en(e) {
 	return {
-		stroke: Wt,
-		strokeWidth: (e.strokeWidth ?? 1) * Kt,
-		alpha: Gt,
+		stroke: Kt,
+		strokeWidth: (e.strokeWidth ?? 1) * Jt,
+		alpha: qt,
 		dash: e.dash,
 		dashEnabled: e.dashEnabled
 	};
 }
-var en = { transform(e) {
+var tn = { transform(e) {
 	switch (e.type) {
 		case "rect": {
 			let t = {
 				...e,
-				paint: Zt(e.paint)
+				paint: Qt(e.paint)
 			};
 			return e.paint.stroke ? [{
 				...e,
 				hit: void 0,
 				paint: {
-					...Qt(e.paint),
+					...$t(e.paint),
 					fill: void 0
 				}
 			}, t] : t;
@@ -1973,13 +1973,13 @@ var en = { transform(e) {
 		case "circle": {
 			let t = {
 				...e,
-				paint: Zt(e.paint)
+				paint: Qt(e.paint)
 			};
 			return e.paint.stroke ? [{
 				...e,
 				hit: void 0,
 				paint: {
-					...Qt(e.paint),
+					...$t(e.paint),
 					fill: void 0
 				}
 			}, t] : t;
@@ -1996,36 +1996,36 @@ var en = { transform(e) {
 				...e,
 				paint: e.paint.stroke ? {
 					...e.paint,
-					stroke: Wt
+					stroke: Kt
 				} : e.paint
 			};
 			return e.paint.stroke ? [{
 				...e,
 				hit: void 0,
-				paint: $t(e.paint)
+				paint: en(e.paint)
 			}, t] : t;
 		}
 		case "polygon": return {
 			...e,
 			paint: {
 				...e.paint,
-				fill: e.paint.fill ? Wt : e.paint.fill,
+				fill: e.paint.fill ? Kt : e.paint.fill,
 				stroke: void 0
 			}
 		};
 		case "text": return {
 			...e,
-			fill: Ht
+			fill: Wt
 		};
 		case "image":
 		case "group": return e;
 	}
-} }, tn = {
+} }, nn = {
 	lighten: .35,
 	darken: .25
 };
-function nn(e = {}) {
-	let t = e.lighten ?? tn.lighten, n = e.darken ?? tn.darken;
+function rn(e = {}) {
+	let t = e.lighten ?? nn.lighten, n = e.darken ?? nn.darken;
 	function r(e, r, i, o, s) {
 		let c = e.fill;
 		if (typeof c != "string") return e;
@@ -2076,124 +2076,124 @@ function nn(e = {}) {
 }
 //#endregion
 //#region src/style/shape/StainedGlassStyle.ts
-var rn = "#0a0a0a", an = "#f4f0e0", on = .6, sn = .4, cn = .62, ln = 2.2, un = .06;
-function dn(e) {
-	let t = I(e);
-	if (!t) return e;
-	let [n, r, i] = Le(t.r, t.g, t.b);
-	return Re(n, r < .08 ? r : Math.max(r, on), Math.min(cn, Math.max(sn, i)), t.a);
-}
+var an = "#0a0a0a", on = "#f4f0e0", sn = .6, cn = .4, ln = .62, un = 2.2, dn = .06;
 function fn(e) {
-	return Math.max((e ?? .04) * ln, un);
+	let t = F(e);
+	if (!t) return e;
+	let [n, r, i] = Re(t.r, t.g, t.b);
+	return ze(n, r < .08 ? r : Math.max(r, sn), Math.min(ln, Math.max(cn, i)), t.a);
 }
 function pn(e) {
-	let t = F(e.fill, dn), n = t !== void 0 || e.stroke !== void 0;
+	return Math.max((e ?? .04) * un, dn);
+}
+function mn(e) {
+	let t = P(e.fill, fn), n = t !== void 0 || e.stroke !== void 0;
 	return {
 		...e,
 		fill: t,
-		stroke: n ? rn : void 0,
-		strokeWidth: n ? fn(e.strokeWidth) : e.strokeWidth,
+		stroke: n ? an : void 0,
+		strokeWidth: n ? pn(e.strokeWidth) : e.strokeWidth,
 		dash: void 0,
 		dashEnabled: void 0
 	};
 }
-var mn = { transform(e) {
+var hn = { transform(e) {
 	switch (e.type) {
 		case "rect":
 		case "circle":
 		case "polygon": return {
 			...e,
-			paint: pn(e.paint)
+			paint: mn(e.paint)
 		};
 		case "line": return {
 			...e,
 			paint: e.paint.stroke ? {
 				...e.paint,
-				stroke: rn,
-				strokeWidth: fn(e.paint.strokeWidth)
+				stroke: an,
+				strokeWidth: pn(e.paint.strokeWidth)
 			} : e.paint
 		};
 		case "text": return {
 			...e,
-			fill: an
+			fill: on
 		};
 		case "image":
 		case "group": return e;
 	}
-} }, hn = "#1c3f6e", gn = 1.4, _n = .05, vn = 198, yn = 212, bn = 230, xn = 248, Sn = 250, Cn = 255;
-function wn(e) {
-	let t = I(e);
-	if (!t) return L(xn, Sn, Cn);
-	let n = R(t);
-	return L(Math.round(vn + (xn - vn) * n), Math.round(yn + (Sn - yn) * n), Math.round(bn + (Cn - bn) * n), t.a);
-}
+} }, gn = "#1c3f6e", _n = 1.4, vn = .05, yn = 198, bn = 212, xn = 230, Sn = 248, Cn = 250, wn = 255;
 function Tn(e) {
-	let t = I(e);
-	if (!t || t.a >= 1) return hn;
-	let n = I(hn);
-	return L(n.r, n.g, n.b, t.a);
+	let t = F(e);
+	if (!t) return I(Sn, Cn, wn);
+	let n = L(t);
+	return I(Math.round(yn + (Sn - yn) * n), Math.round(bn + (Cn - bn) * n), Math.round(xn + (wn - xn) * n), t.a);
 }
 function En(e) {
-	return Math.max((e ?? .04) * gn, _n);
+	let t = F(e);
+	if (!t || t.a >= 1) return gn;
+	let n = F(gn);
+	return I(n.r, n.g, n.b, t.a);
 }
 function Dn(e) {
+	return Math.max((e ?? .04) * _n, vn);
+}
+function On(e) {
 	return {
 		...e,
-		fill: F(e.fill, wn),
-		stroke: e.stroke ? Tn(e.stroke) : e.stroke,
-		strokeWidth: e.stroke ? En(e.strokeWidth) : e.strokeWidth
+		fill: P(e.fill, Tn),
+		stroke: e.stroke ? En(e.stroke) : e.stroke,
+		strokeWidth: e.stroke ? Dn(e.strokeWidth) : e.strokeWidth
 	};
 }
-var On = { transform(e) {
+var kn = { transform(e) {
 	switch (e.type) {
 		case "rect":
 		case "circle":
 		case "polygon": return {
 			...e,
-			paint: Dn(e.paint)
+			paint: On(e.paint)
 		};
 		case "line": return e.paint.stroke ? {
 			...e,
 			paint: {
 				...e.paint,
-				stroke: Tn(e.paint.stroke),
-				strokeWidth: e.grid ? e.paint.strokeWidth : En(e.paint.strokeWidth)
+				stroke: En(e.paint.stroke),
+				strokeWidth: e.grid ? e.paint.strokeWidth : Dn(e.paint.strokeWidth)
 			}
 		} : e;
 		case "text": return {
 			...e,
-			fill: hn
+			fill: gn
 		};
 		case "image":
 		case "group": return e;
 	}
-} }, kn = "#7a6a48", An = "#8a7a55", jn = "#4a3f28", Mn = 78, Nn = 93, Pn = 52, Fn = 221, In = 207, Ln = 166, Rn = 2, zn = .26, Bn = .02;
-function Vn(e) {
-	let t = I(e);
-	if (!t) return L(Fn, In, Ln);
-	let n = R(t);
-	return L(Math.round(Mn + (Fn - Mn) * n), Math.round(Nn + (In - Nn) * n), Math.round(Pn + (Ln - Pn) * n), t.a);
-}
+} }, An = "#7a6a48", jn = "#8a7a55", Mn = "#4a3f28", Nn = 78, Pn = 93, Fn = 52, In = 221, Ln = 207, Rn = 166, zn = 2, Bn = .26, Vn = .02;
 function Hn(e) {
+	let t = F(e);
+	if (!t) return I(In, Ln, Rn);
+	let n = L(t);
+	return I(Math.round(Nn + (In - Nn) * n), Math.round(Pn + (Ln - Pn) * n), Math.round(Fn + (Rn - Fn) * n), t.a);
+}
+function Un(e) {
 	return {
 		...e,
-		fill: F(e.fill, Vn),
-		stroke: e.stroke ? kn : e.stroke
+		fill: P(e.fill, Hn),
+		stroke: e.stroke ? An : e.stroke
 	};
 }
-var Un = {
-	stroke: kn,
-	strokeWidth: Bn
-}, Wn = { transform(e) {
+var Wn = {
+	stroke: An,
+	strokeWidth: Vn
+}, Gn = { transform(e) {
 	switch (e.type) {
 		case "rect": {
 			let t = {
 				...e,
-				paint: Hn(e.paint)
+				paint: Un(e.paint)
 			};
 			if (!e.paint.fill) return t;
-			let n = [t], r = Math.min(e.width, e.height) / 2 * zn, i = Math.min(e.width, e.height) * .12;
-			for (let t = 1; t <= Rn; t++) {
+			let n = [t], r = Math.min(e.width, e.height) / 2 * Bn, i = Math.min(e.width, e.height) * .12;
+			for (let t = 1; t <= zn; t++) {
 				let a = r * t, o = e.width - a * 2, s = e.height - a * 2;
 				if (o <= i || s <= i) break;
 				n.push({
@@ -2203,7 +2203,7 @@ var Un = {
 					width: o,
 					height: s,
 					cornerRadius: e.cornerRadius,
-					paint: Un,
+					paint: Wn,
 					layer: e.layer,
 					noScale: e.noScale
 				});
@@ -2213,11 +2213,11 @@ var Un = {
 		case "circle": {
 			let t = {
 				...e,
-				paint: Hn(e.paint)
+				paint: Un(e.paint)
 			};
 			if (!e.paint.fill) return t;
-			let n = [t], r = e.radius * zn;
-			for (let t = 1; t <= Rn; t++) {
+			let n = [t], r = e.radius * Bn;
+			for (let t = 1; t <= zn; t++) {
 				let i = e.radius - r * t;
 				if (i <= e.radius * .12) break;
 				n.push({
@@ -2225,7 +2225,7 @@ var Un = {
 					cx: e.cx,
 					cy: e.cy,
 					radius: i,
-					paint: Un,
+					paint: Wn,
 					layer: e.layer,
 					noScale: e.noScale
 				});
@@ -2235,21 +2235,21 @@ var Un = {
 		case "polygon": {
 			let t = {
 				...e,
-				paint: Hn(e.paint)
+				paint: Un(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 <= Rn; t++) {
-				let o = 1 - zn * t;
+			for (let t = 1; t <= zn; t++) {
+				let o = 1 - Bn * 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: Un,
+					paint: Wn,
 					layer: e.layer,
 					noScale: e.noScale
 				});
@@ -2260,27 +2260,27 @@ var Un = {
 			...e,
 			paint: {
 				...e.paint,
-				stroke: An
+				stroke: jn
 			}
 		} : e;
 		case "text": return {
 			...e,
-			fill: jn
+			fill: Mn
 		};
 		case "image":
 		case "group": return e;
 	}
-} }, Gn = "#3a3a44";
-function Kn(e, t) {
-	return F(e, (e) => {
-		let n = I(e);
+} }, Kn = "#3a3a44";
+function qn(e, t) {
+	return P(e, (e) => {
+		let n = F(e);
 		return n ? `rgba(${n.r}, ${n.g}, ${n.b}, ${(n.a * t).toFixed(3)})` : e;
 	});
 }
-function qn(e = {}) {
+function Jn(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 = Kn(t.fill, r), l = [];
+		let c = qn(t.fill, r), l = [];
 		for (let t = 0; t < n; t++) {
 			let n = z(i + t * 2654435769);
 			l.push({
@@ -2304,7 +2304,7 @@ function qn(e = {}) {
 					let n = z(B(e.x, e.y, e.width, e.height));
 					return {
 						type: "polygon",
-						vertices: H(e.x, e.y, e.width, e.height, t, n),
+						vertices: V(e.x, e.y, e.width, e.height, t, n),
 						paint: {
 							stroke: e.paint.stroke,
 							strokeWidth: e.paint.strokeWidth ?? 0,
@@ -2315,13 +2315,13 @@ function qn(e = {}) {
 						noScale: e.noScale
 					};
 				}
-				return i((n) => H(e.x, e.y, e.width, e.height, t, n), e.paint, B(e.x, e.y, e.width, e.height), e.layer, e.hit, e.noScale);
+				return i((n) => V(e.x, e.y, e.width, e.height, t, n), e.paint, B(e.x, e.y, e.width, e.height), e.layer, e.hit, e.noScale);
 			case "circle":
 				if (!e.paint.fill) {
 					let n = z(B(e.cx, e.cy, e.radius));
 					return {
 						type: "polygon",
-						vertices: U(e.cx, e.cy, e.radius, t, n),
+						vertices: Ct(e.cx, e.cy, e.radius, t, n),
 						paint: {
 							stroke: e.paint.stroke,
 							strokeWidth: e.paint.strokeWidth ?? 0,
@@ -2332,20 +2332,20 @@ function qn(e = {}) {
 						noScale: e.noScale
 					};
 				}
-				return i((n) => U(e.cx, e.cy, e.radius, t, n), e.paint, B(e.cx, e.cy, e.radius), e.layer, e.hit, e.noScale);
+				return i((n) => Ct(e.cx, e.cy, e.radius, t, n), e.paint, B(e.cx, e.cy, e.radius), e.layer, e.hit, e.noScale);
 			case "polygon":
 				if (!e.paint.fill) {
 					let n = z(B(...e.vertices.slice(0, 4)));
 					return {
 						...e,
-						vertices: W(e.vertices, t, n),
+						vertices: H(e.vertices, t, n),
 						paint: {
 							...e.paint,
 							alpha: .5
 						}
 					};
 				}
-				return i((n) => W(e.vertices, t, n), e.paint, B(...e.vertices.slice(0, 4)), e.layer, e.hit, e.noScale);
+				return i((n) => H(e.vertices, t, n), e.paint, B(...e.vertices.slice(0, 4)), e.layer, e.hit, e.noScale);
 			case "line": return {
 				...e,
 				paint: {
@@ -2355,7 +2355,7 @@ function qn(e = {}) {
 			};
 			case "text": return {
 				...e,
-				fill: Gn
+				fill: Kn
 			};
 			case "image":
 			case "group": return e;
@@ -2363,25 +2363,216 @@ function qn(e = {}) {
 	} };
 }
 //#endregion
-//#region src/style/index.ts
-var Jn = Xe, Yn = ct, Xn = bt;
-function Zn(e) {
-	return Ct(e);
+//#region src/style/shape/DarkModernStyle.ts
+var Yn = "rgba(255, 255, 255, 0.14)", Xn = "#5b6573", Zn = "#e6e8ec", Qn = "rgba(0, 0, 0, 0.38)", $n = .08, er = .34;
+function tr(e) {
+	let t = F(e);
+	if (!t) return "rgb(38, 42, 48)";
+	let [n, r, i] = Re(t.r, t.g, t.b);
+	return ze(n, Math.min(r, er), .22 + i * .18, t.a);
+}
+function nr(e) {
+	return {
+		...e,
+		fill: P(e.fill, tr),
+		stroke: e.stroke ? Yn : e.stroke
+	};
+}
+function rr(e) {
+	return e.hit?.kind === "room" && e.paint.fill !== void 0;
+}
+var ir = { transform(e, t) {
+	switch (e.type) {
+		case "rect": {
+			let n = {
+				...e,
+				paint: nr(e.paint)
+			};
+			if (!rr(e)) return n;
+			let r = t.roomSize * $n;
+			return [{
+				type: "rect",
+				x: e.x + r,
+				y: e.y + r,
+				width: e.width,
+				height: e.height,
+				cornerRadius: e.cornerRadius,
+				paint: { fill: Qn },
+				layer: e.layer,
+				noScale: e.noScale
+			}, n];
+		}
+		case "circle": {
+			let n = {
+				...e,
+				paint: nr(e.paint)
+			};
+			if (!rr(e)) return n;
+			let r = t.roomSize * $n;
+			return [{
+				type: "circle",
+				cx: e.cx + r,
+				cy: e.cy + r,
+				radius: e.radius,
+				paint: { fill: Qn },
+				layer: e.layer,
+				noScale: e.noScale
+			}, n];
+		}
+		case "polygon": return {
+			...e,
+			paint: nr(e.paint)
+		};
+		case "line": return {
+			...e,
+			paint: e.paint.stroke ? {
+				...e.paint,
+				stroke: Xn
+			} : e.paint
+		};
+		case "text": return {
+			...e,
+			fill: Zn
+		};
+		case "image":
+		case "group": return e;
+	}
+} }, J = "#5a3a22", ar = "#43301c", or = 120, sr = 86, cr = 50, lr = 232, ur = 205, dr = 158;
+function fr(e) {
+	let t = F(e);
+	if (!t) return I(lr, ur, dr);
+	let n = L(t);
+	return I(Math.round(or + (lr - or) * n), Math.round(sr + (ur - sr) * n), Math.round(cr + (dr - cr) * n), t.a);
 }
-function Qn(e = {}) {
-	return Ot(e);
+function pr(e) {
+	let t = F(e);
+	if (!t || t.a >= 1) return J;
+	let n = F(J);
+	return I(n.r, n.g, n.b, t.a);
 }
-var $n = Vt, er = en;
-function tr(e = {}) {
-	return nn(e);
+function mr(e) {
+	return {
+		...e,
+		fill: P(e.fill, fr),
+		stroke: e.stroke ? pr(e.stroke) : e.stroke
+	};
 }
-var nr = mn, rr = On, ir = Wn;
-function ar(e = {}) {
-	return qn(e);
+var hr = { transform(e) {
+	switch (e.type) {
+		case "rect":
+		case "circle":
+		case "polygon": return {
+			...e,
+			paint: mr(e.paint)
+		};
+		case "line": return {
+			...e,
+			paint: e.paint.stroke ? {
+				...e.paint,
+				stroke: pr(e.paint.stroke)
+			} : e.paint
+		};
+		case "text": return {
+			...e,
+			fill: ar
+		};
+		case "image":
+		case "group": return e;
+	}
+} };
+function gr(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;
+		r.push(e + s * Math.cos(o), t + s * Math.sin(o));
+	}
+	return r;
+}
+function _r() {
+	let e;
+	return {
+		attach(t) {
+			e = t.onViewportChange(() => t.invalidate());
+		},
+		detach() {
+			e?.(), e = void 0;
+		},
+		render(e, t) {
+			let n = t.maxX - t.minX, r = t.maxY - t.minY;
+			if (n <= 0 || r <= 0) return [];
+			let i = Math.min(n, r), a = i * .05, o = i * .012, s = i * .006, c = [];
+			for (let e of [a, a + o]) c.push({
+				type: "rect",
+				x: t.minX + e,
+				y: t.minY + e,
+				width: n - e * 2,
+				height: r - e * 2,
+				paint: {
+					stroke: J,
+					strokeWidth: s
+				},
+				layer: "top"
+			});
+			let l = i * .07, u = t.maxX - a - o - l * 1.4, d = t.minY + a + o + l * 1.6;
+			return c.push({
+				type: "circle",
+				cx: u,
+				cy: d,
+				radius: l * 1.25,
+				paint: {
+					stroke: J,
+					strokeWidth: s
+				},
+				layer: "top"
+			}), c.push({
+				type: "polygon",
+				vertices: gr(u, d, l),
+				paint: {
+					fill: I(lr, ur, dr, .85),
+					stroke: J,
+					strokeWidth: s
+				},
+				layer: "top"
+			}), c.push({
+				type: "circle",
+				cx: u,
+				cy: d,
+				radius: l * .16,
+				paint: { fill: J },
+				layer: "top"
+			}), c.push({
+				type: "text",
+				x: u,
+				y: d - l * 1.25 - l * .55,
+				text: "N",
+				fontSize: l * .5,
+				fontStyle: "bold",
+				fill: ar,
+				align: "center",
+				verticalAlign: "middle",
+				layer: "top"
+			}), c;
+		}
+	};
 }
 //#endregion
-//#region src/rendering/MapRenderer.ts
-var or = class {
+//#region src/style/index.ts
+var vr = Ze, yr = lt, br = bt;
+function xr(e) {
+	return Tt(e);
+}
+function Sr(e = {}) {
+	return At(e);
+}
+var Cr = Ut, wr = tn;
+function Tr(e = {}) {
+	return rn(e);
+}
+var Er = hn, Dr = kn, Or = Gn;
+function kr(e = {}) {
+	return Jn(e);
+}
+var Ar = ir, jr = hr, Mr = class {
 	get settings() {
 		return this.state.settings;
 	}
@@ -2398,7 +2589,7 @@ var or = class {
 		return this.backend.events;
 	}
 	constructor(e, t, n, r) {
-		this.currentStyle = u, this.state = new ye(e, t ?? ve()), this.backend = r ? r(this.state) : new Ie(this.state, n);
+		this.currentStyle = u, this.state = new be(e, t ?? ye()), this.backend = r ? r(this.state) : new Le(this.state, n);
 	}
 	destroy() {
 		this.backend.destroy();
@@ -2554,15 +2745,15 @@ var or = class {
 	getCullingMode() {
 		return this.state.settings.cullingMode;
 	}
-}, sr = "room";
-function cr(e, t) {
+}, Nr = "room";
+function Pr(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 ?? sr;
+		let l = e.layer ?? c ?? Nr;
 		switch (e.type) {
 			case "rect": {
 				let a = {
@@ -2571,11 +2762,11 @@ function cr(e, t) {
 					y: (n + e.y) * i + s,
 					w: e.width * i,
 					h: e.height * i,
-					fill: N(e.paint.fill, t, n, i, o, s),
+					fill: M(e.paint.fill, t, n, i, o, s),
 					stroke: e.paint.stroke,
 					sw: (e.paint.strokeWidth ?? 0) * i,
 					cr: (e.cornerRadius ?? 0) * i,
-					dash: ur(e.paint.dash, i, e.paint.dashEnabled)
+					dash: Ir(e.paint.dash, i, e.paint.dashEnabled)
 				};
 				r(l).push(a);
 				return;
@@ -2586,19 +2777,19 @@ function cr(e, t) {
 					cx: (t + e.cx) * i + o,
 					cy: (n + e.cy) * i + s,
 					r: e.radius * i,
-					fill: N(e.paint.fill, t, n, i, o, s),
+					fill: M(e.paint.fill, t, n, i, o, s),
 					stroke: e.paint.stroke,
 					sw: (e.paint.strokeWidth ?? 0) * i,
-					dash: ur(e.paint.dash, i, e.paint.dashEnabled)
+					dash: Ir(e.paint.dash, i, e.paint.dashEnabled)
 				});
 				return;
 			case "line": {
 				let a = {
 					type: "line",
-					points: lr(e.points, t, n, i, o, s),
+					points: Fr(e.points, t, n, i, o, s),
 					stroke: e.paint.stroke,
 					sw: (e.paint.strokeWidth ?? 0) * i,
-					dash: ur(e.paint.dash, i, e.paint.dashEnabled),
+					dash: Ir(e.paint.dash, i, e.paint.dashEnabled),
 					lineCap: e.lineCap,
 					lineJoin: e.lineJoin,
 					alpha: e.paint.alpha
@@ -2609,8 +2800,8 @@ function cr(e, t) {
 			case "polygon": {
 				let a = {
 					type: "polygon",
-					vertices: lr(e.vertices, t, n, i, o, s),
-					fill: N(e.paint.fill, t, n, i, o, s),
+					vertices: Fr(e.vertices, t, n, i, o, s),
+					fill: M(e.paint.fill, t, n, i, o, s),
 					stroke: e.paint.stroke,
 					sw: (e.paint.strokeWidth ?? 0) * i
 				};
@@ -2618,7 +2809,7 @@ function cr(e, t) {
 				return;
 			}
 			case "text": {
-				let a = dr(e.transform, t, n, i, o, s), c = {
+				let a = Lr(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,
@@ -2641,7 +2832,7 @@ function cr(e, t) {
 				return;
 			}
 			case "image": {
-				let a = dr(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 = Lr(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,
@@ -2661,7 +2852,7 @@ function cr(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 ?? sr);
+			let c = (t + e.x) * a + o, u = (n + e.y) * a + s, d = r(l ?? Nr);
 			d.push({
 				type: "pushTransform",
 				matrix: [
@@ -2688,19 +2879,19 @@ function cr(e, t) {
 	});
 	return o;
 }
-function lr(e, t, n, r, i, a) {
+function Fr(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 ur(e, t, n) {
+function Ir(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 dr(e, t, n, r, i, a) {
+function Lr(e, t, n, r, i, a) {
 	if (!e) return;
 	let [o, s, c, l, u, d] = e;
 	return [
@@ -2720,33 +2911,33 @@ function Y(e) {
 function X(e, t) {
 	return t === void 0 ? "" : ` ${e}="${typeof t == "string" ? Y(t) : t}"`;
 }
-function fr(e) {
+function Rr(e) {
 	return !e || e.length === 0 ? "" : ` stroke-dasharray="${e.join(" ")}"`;
 }
-var pr = 0;
-function mr() {
-	return `mmr-grad-${++pr}`;
+var zr = 0;
+function Br() {
+	return `mmr-grad-${++zr}`;
 }
-function hr(e, t) {
+function Vr(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 gr(e, t) {
+function Hr(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 Z(e, t) {
+function Ur(e, t) {
 	if (e === void 0) return;
 	if (typeof e == "string") return e;
-	let n = mr();
-	return t.push(e.type === "linear" ? hr(n, e) : gr(n, e)), `url(#${n})`;
+	let n = Br();
+	return t.push(e.type === "linear" ? Vr(n, e) : Hr(n, e)), `url(#${n})`;
 }
-function _r(e) {
+function Wr(e) {
 	let t = [];
-	for (let n of e) vr(n.commands, t);
+	for (let n of e) Gr(n.commands, t);
 	return t;
 }
-function vr(e, t) {
+function Gr(e, t) {
 	let n = [];
 	for (let r of e) switch (r.type) {
 		case "pushTransform": {
@@ -2764,21 +2955,21 @@ function vr(e, t) {
 			break;
 		}
 		default:
-			yr(r, t);
+			Kr(r, t);
 			break;
 	}
 	for (; n.length > 0;) t.push(n.pop());
 }
-function yr(e, t) {
+function Kr(e, t) {
 	switch (e.type) {
 		case "rect": {
-			let n = Z(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}${fr(e.dash)}/>`);
+			let n = Ur(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}${Rr(e.dash)}/>`);
 			return;
 		}
 		case "circle": {
-			let n = Z(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) : ""}${fr(e.dash)}/>`);
+			let n = Ur(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) : ""}${Rr(e.dash)}/>`);
 			return;
 		}
 		case "line": {
@@ -2786,7 +2977,7 @@ function yr(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) : ""}${fr(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) : ""}${Rr(e.dash)}${X("stroke-linecap", e.lineCap)}${X("stroke-linejoin", e.lineJoin)}${X("opacity", e.alpha)} fill="none"/>`);
 			return;
 		}
 		case "polygon": {
@@ -2794,7 +2985,7 @@ function yr(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 = Z(e.fill, t);
+			let i = Ur(e.fill, t);
 			t.push(`<polygon points="${r.join(" ")}"${X("fill", i)}${X("stroke", e.stroke)}${e.sw ? X("stroke-width", e.sw) : ""}/>`);
 			return;
 		}
@@ -2817,18 +3008,18 @@ function yr(e, t) {
 }
 //#endregion
 //#region src/render/CanvasRenderer.ts
-var br = (e) => {
+var qr = (e) => {
 	if (typeof Image < "u") {
 		let t = new Image();
 		return t.src = e, t;
 	}
 	return null;
 };
-function xr(e, t, n = {}) {
-	let r = n.imageFactory ?? br;
-	for (let n of t) Sr(e, n.commands, r);
+function Jr(e, t, n = {}) {
+	let r = n.imageFactory ?? qr;
+	for (let n of t) Yr(e, n.commands, r);
 }
-function Sr(e, t, n) {
+function Yr(e, t, n) {
 	let r = 0;
 	for (let i of t) switch (i.type) {
 		case "pushTransform":
@@ -2842,18 +3033,18 @@ function Sr(e, t, n) {
 			r > 0 && (e.restore(), r--);
 			break;
 		default:
-			Cr(e, i, n);
+			Xr(e, i, n);
 			break;
 	}
 	for (; r > 0;) e.restore(), r--;
 }
-function Cr(e, t, n) {
+function Xr(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());
+			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 = k(e, t.fill), e.fill()), t.stroke && t.sw > 0 && (e.strokeStyle = t.stroke, e.lineWidth = t.sw, e.setLineDash(t.dash ?? []), e.stroke());
 			break;
 		case "circle":
-			e.beginPath(), e.arc(t.cx, t.cy, t.r, 0, Math.PI * 2), t.fill && (e.fillStyle = 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());
+			e.beginPath(), e.arc(t.cx, t.cy, t.r, 0, Math.PI * 2), t.fill && (e.fillStyle = k(e, t.fill), e.fill()), t.stroke && t.sw > 0 && (e.strokeStyle = t.stroke, e.lineWidth = t.sw, e.setLineDash(t.dash ?? []), e.stroke());
 			break;
 		case "line": {
 			if (t.points.length < 4) break;
@@ -2867,7 +3058,7 @@ function Cr(e, t, n) {
 			if (t.vertices.length < 4) break;
 			e.beginPath(), e.moveTo(t.vertices[0], t.vertices[1]);
 			for (let n = 2; n < t.vertices.length; n += 2) e.lineTo(t.vertices[n], t.vertices[n + 1]);
-			e.closePath(), t.fill && (e.fillStyle = j(e, t.fill), e.fill()), t.stroke && t.sw > 0 && (e.strokeStyle = t.stroke, e.lineWidth = t.sw, e.setLineDash([]), e.stroke());
+			e.closePath(), t.fill && (e.fillStyle = k(e, t.fill), e.fill()), t.stroke && t.sw > 0 && (e.strokeStyle = t.stroke, e.lineWidth = t.sw, e.setLineDash([]), e.stroke());
 			break;
 		case "text": {
 			let n = t.fontSize * 100, r = `${t.fontStyle} ${n}px ${t.fontFamily}`;
@@ -2908,7 +3099,7 @@ function Cr(e, t, n) {
 }
 //#endregion
 //#region src/export/sceneBounds.ts
-function wr(e, t, n = 0) {
+function Zr(e, t, n = 0) {
 	if (!t.worldToScene) return e;
 	let r = [
 		t.worldToScene(e.x, e.y),
@@ -2926,15 +3117,15 @@ function wr(e, t, n = 0) {
 }
 //#endregion
 //#region src/export/SvgExporter.ts
-var Tr = {
+var Qr = {
 	scale: 1,
 	offsetX: 0,
 	offsetY: 0
 };
-function Er(e) {
+function $r(e) {
 	return e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
 }
-var Dr = class {
+var ei = class {
 	constructor(e = {}) {
 		this.options = e;
 	}
@@ -2943,30 +3134,30 @@ var Dr = class {
 		if (i === void 0 || a === void 0 || !o) return;
 		let s = o, c = s.getPlane(a);
 		if (!c) return;
-		let l = e.settings, d = this.options.padding ?? 3, f = e.computeExportBounds(s, c, this.options.roomId, d), p = r.forMapBounds(f.x, f.x + f.w, f.y, f.y + f.h).getViewportBounds(), m = A(new g(e.mapReader, l).buildScene(s, c, a, e.lens), p, l, {
+		let l = e.settings, d = this.options.padding ?? 3, f = e.computeExportBounds(s, c, this.options.roomId, d), p = r.forMapBounds(f.x, f.x + f.w, f.y, f.y + f.h).getViewportBounds(), m = we(new g(e.mapReader, l).buildScene(s, c, a, e.lens), p, l, {
 			forward: t.worldToScene ? (e, n) => t.worldToScene(e, n) : void 0,
 			inverse: t.sceneToWorld ? (e, n) => t.sceneToWorld(e, n) : void 0
 		}), h = {
 			scale: 1,
 			roomSize: l.roomSize
-		}, _ = (e) => t === u ? e : w(e, t, h), v = wr(f, t, l.roomSize * .5), y = [];
-		return y.push(`<svg xmlns="http://www.w3.org/2000/svg" viewBox="${v.x} ${v.y} ${v.w} ${v.h}">`), y.push(`<rect x="${v.x}" y="${v.y}" width="${v.w}" height="${v.h}" fill="${Er(l.backgroundColor)}"/>`), S(m, {
+		}, _ = (e) => t === u ? e : w(e, t, h), v = Zr(f, t, l.roomSize * .5), y = [];
+		return y.push(`<svg xmlns="http://www.w3.org/2000/svg" viewBox="${v.x} ${v.y} ${v.w} ${v.h}">`), y.push(`<rect x="${v.x}" y="${v.y}" width="${v.w}" height="${v.h}" fill="${$r(l.backgroundColor)}"/>`), S(m, {
 			state: e,
 			viewportBounds: p,
 			sceneOverlays: n,
 			overlays: this.options.overlays
 		}, (e, t) => {
-			e.length !== 0 && y.push(..._r(cr(t ? e : _(e), Tr)));
+			e.length !== 0 && y.push(...Wr(Pr(t ? e : _(e), Qr)));
 		}), y.push("</svg>"), y.join("\n");
 	}
-}, Or = class {
+}, ti = class {
 	constructor(e = {}) {
 		this.options = e;
 	}
 	render({ backend: e }) {
 		return e.exportCanvas(this.options)?.toDataURL("image/png");
 	}
-}, kr = class {
+}, ni = class {
 	constructor(e = {}) {
 		this.options = e;
 	}
@@ -2983,14 +3174,14 @@ var Dr = class {
 };
 //#endregion
 //#region src/export/canvasToBytes.ts
-function Ar(e, t = "image/png", n) {
+function ri(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 jr = class {
+var ii = class {
 	constructor(e) {
 		this.options = e;
 	}
@@ -2999,71 +3190,71 @@ var jr = class {
 		if (i === void 0 || a === void 0 || !o) return;
 		let s = o, c = s.getPlane(a);
 		if (!c) return;
-		let l = e.settings, { width: d, height: f } = this.options, p = this.options.padding ?? 3, m = e.computeExportBounds(s, c, this.options.roomId, p), h = wr(m, t, l.roomSize * .5), _ = Math.min(d / h.w, f / h.h), v = h.w * _, y = h.h * _, b = (d - v) / 2 - h.x * _, x = (f - y) / 2 - h.y * _, C = {
+		let l = e.settings, { width: d, height: f } = this.options, p = this.options.padding ?? 3, m = e.computeExportBounds(s, c, this.options.roomId, p), h = Zr(m, t, l.roomSize * .5), _ = Math.min(d / h.w, f / h.h), v = h.w * _, y = h.h * _, b = (d - v) / 2 - h.x * _, x = (f - y) / 2 - h.y * _, C = {
 			scale: _,
 			offsetX: b,
 			offsetY: x
-		}, ee = r.forRenderCamera(d, f, _, b, x), T = {
+		}, ee = r.forRenderCamera(d, f, _, b, x), te = {
 			forward: t.worldToScene ? (e, n) => t.worldToScene(e, n) : void 0,
 			inverse: t.sceneToWorld ? (e, n) => t.sceneToWorld(e, n) : void 0
-		}, te = A(new g(e.mapReader, l).buildScene(s, c, a, e.lens), ee.getViewportBounds(), l, T), E = O.Util.createCanvasElement();
-		E.width = d, E.height = f;
-		let D = E.getContext("2d");
-		if (!D) return;
-		D.fillStyle = l.backgroundColor, D.fillRect(0, 0, d, f);
-		let ne = {
+		}, ne = we(new g(e.mapReader, l).buildScene(s, c, a, e.lens), ee.getViewportBounds(), l, te), T = D.Util.createCanvasElement();
+		T.width = d, T.height = f;
+		let E = T.getContext("2d");
+		if (!E) return;
+		E.fillStyle = l.backgroundColor, E.fillRect(0, 0, d, f);
+		let re = {
 			scale: _,
 			roomSize: l.roomSize
-		}, re = (e) => t === u ? e : w(e, t, ne);
-		return S(te, {
+		}, ie = (e) => t === u ? e : w(e, t, re);
+		return S(ne, {
 			state: e,
 			viewportBounds: r.forMapBounds(m.x, m.x + m.w, m.y, m.y + m.h).getViewportBounds(),
 			sceneOverlays: n,
 			overlays: this.options.overlays
 		}, (e, t) => {
-			e.length !== 0 && xr(D, cr(t ? e : re(e), C));
-		}), E;
+			e.length !== 0 && Jr(E, Pr(t ? e : ie(e), C));
+		}), T;
 	}
-}, Mr = class {
+}, ai = class {
 	constructor(e) {
-		this.options = e, this.canvasExporter = new jr(e);
+		this.options = e, this.canvasExporter = new ii(e);
 	}
 	render(e) {
 		let t = this.canvasExporter.render(e);
-		if (t) return Ar(t, this.options.mimeType, this.options.quality);
+		if (t) return ri(t, this.options.mimeType, this.options.quality);
 	}
-}, Q, Nr, Pr = 256;
-function Fr(e, t, n) {
+}, Z, oi, si = 256;
+function ci(e, t, n) {
 	let r = `${e.toFixed(2)}:${t}:${n.toFixed(3)}`;
-	if (Nr === r && Q) return Q;
-	let i = Pr, a = i / 2, o = document.createElement("canvas");
+	if (oi === r && Z) return Z;
+	let i = si, a = i / 2, o = document.createElement("canvas");
 	o.width = i, o.height = i;
 	let s = o.getContext("2d");
 	s.fillStyle = `rgba(0, 0, 0, ${e})`, s.fillRect(0, 0, i, i), s.globalCompositeOperation = "destination-out";
 	let c = s.createRadialGradient(a, a, 0, a, a, a), l = Math.min(n, .99);
 	c.addColorStop(0, "rgba(0, 0, 0, 1)"), c.addColorStop(l * .25, "rgba(0, 0, 0, 0.97)"), c.addColorStop(l * .5, "rgba(0, 0, 0, 0.82)"), c.addColorStop(l * .7, "rgba(0, 0, 0, 0.50)"), c.addColorStop(l * .85, "rgba(0, 0, 0, 0.22)"), c.addColorStop(l * .95, "rgba(0, 0, 0, 0.06)"), c.addColorStop(l, "rgba(0, 0, 0, 0)"), l < .98 && c.addColorStop(1, "rgba(0, 0, 0, 0)"), s.fillStyle = c, s.beginPath(), s.arc(a, a, a, 0, Math.PI * 2), s.fill(), s.globalCompositeOperation = "source-over";
 	let u = parseInt(t.slice(1, 3), 16), d = parseInt(t.slice(3, 5), 16), f = parseInt(t.slice(5, 7), 16), p = s.createRadialGradient(a, a, 0, a, a, a * l);
-	return p.addColorStop(0, `rgba(${u}, ${d}, ${f}, 0.05)`), p.addColorStop(1, `rgba(${u}, ${d}, ${f}, 0)`), s.fillStyle = p, s.fillRect(0, 0, i, i), Q = o.toDataURL(), Nr = r, Q;
+	return p.addColorStop(0, `rgba(${u}, ${d}, ${f}, 0.05)`), p.addColorStop(1, `rgba(${u}, ${d}, ${f}, 0)`), s.fillStyle = p, s.fillRect(0, 0, i, i), Z = o.toDataURL(), oi = r, Z;
 }
-function Ir(e, t, n, r) {
+function li(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: Fr(a, o, Math.round(i / (u / 2) * 50) / 50)
+		src: ci(a, o, Math.round(i / (u / 2) * 50) / 50)
 	};
 }
 //#endregion
 //#region src/overlay/AmbientLightOverlay.ts
-var Lr = {
+var ui = {
 	color: "#ffcc44",
 	radius: 12,
 	intensity: .7
-}, Rr = class {
+}, di = class {
 	constructor(e) {
 		this.onPosition = () => this.ctx?.invalidate(), this.params = {
-			...Lr,
+			...ui,
 			...e
 		};
 	}
@@ -3086,7 +3277,7 @@ var Lr = {
 		if (e.positionRoomId === void 0) return;
 		let n = e.mapReader.getRoom(e.positionRoomId);
 		if (!n) return;
-		let r = Ir(n.x, n.y, t, this.params);
+		let r = li(n.x, n.y, t, this.params);
 		return {
 			type: "image",
 			x: r.cx - r.displaySize / 2,
@@ -3097,7 +3288,392 @@ var Lr = {
 			layer: "overlay"
 		};
 	}
-}, zr = /* @__PURE__ */ k(((e, t) => {
+}, fi = () => typeof performance < "u" ? performance.now() : Date.now(), pi = typeof requestAnimationFrame < "u" ? requestAnimationFrame : (e) => setTimeout(() => e(fi()), 16), mi = typeof cancelAnimationFrame < "u" ? cancelAnimationFrame : (e) => clearTimeout(e), hi = class {
+	constructor(e, t, n = {}) {
+		this.worldX = e, this.worldY = t, this.cancelled = !1, this.transform = (e, t) => ({
+			x: e,
+			y: t
+		}), this.duration = n.duration ?? 400, this.color = n.color ?? "#00e5b2", this.startRadius = n.startRadius ?? .3, this.endRadius = n.endRadius ?? 1.2, this.strokeWidth = n.strokeWidth ?? .08, this.onComplete = n.onComplete;
+	}
+	attach(e) {
+		let t = this.transform(this.worldX, this.worldY);
+		this.ring = new D.Circle({
+			x: t.x,
+			y: t.y,
+			radius: this.startRadius,
+			stroke: this.color,
+			strokeWidth: this.strokeWidth,
+			listening: !1
+		}), e.add(this.ring), e.batchDraw();
+		let n = (t) => {
+			this.ring && (this.ring.radius(this.startRadius + (this.endRadius - this.startRadius) * t), this.ring.opacity(1 - t), e.batchDraw());
+		};
+		if (this.duration <= 0) {
+			n(1), this.onComplete?.();
+			return;
+		}
+		let r = fi(), i = (e) => {
+			if (this.cancelled) return;
+			let t = Math.min((e - r) / this.duration, 1);
+			n(t), t < 1 ? this.rafId = pi(i) : (this.rafId = void 0, this.onComplete?.());
+		};
+		this.rafId = pi(i);
+	}
+	updateViewport(e, t, n) {
+		if (this.transform = n, this.ring) {
+			let e = n(this.worldX, this.worldY);
+			this.ring.position({
+				x: e.x,
+				y: e.y
+			});
+		}
+	}
+	destroy() {
+		this.cancelled = !0, this.rafId !== void 0 && (mi(this.rafId), this.rafId = void 0), this.ring?.destroy(), this.ring = void 0;
+	}
+}, gi = {
+	n: {
+		x: 0,
+		y: -1
+	},
+	s: {
+		x: 0,
+		y: 1
+	},
+	e: {
+		x: 1,
+		y: 0
+	},
+	w: {
+		x: -1,
+		y: 0
+	},
+	ne: {
+		x: Math.SQRT1_2,
+		y: -Math.SQRT1_2
+	},
+	nw: {
+		x: -Math.SQRT1_2,
+		y: -Math.SQRT1_2
+	},
+	se: {
+		x: Math.SQRT1_2,
+		y: Math.SQRT1_2
+	},
+	sw: {
+		x: -Math.SQRT1_2,
+		y: Math.SQRT1_2
+	}
+}, _i = [
+	"n",
+	"s",
+	"e",
+	"w",
+	"ne",
+	"nw",
+	"se",
+	"sw"
+], vi = new Set([
+	"ne",
+	"nw",
+	"se",
+	"sw"
+]), yi = {
+	clear: 10,
+	diagonal: .3,
+	preferred: 1,
+	distance: .05
+}, bi = [
+	"n",
+	"s",
+	"e",
+	"w"
+], xi = [
+	"n",
+	"s",
+	"e",
+	"w",
+	"ne",
+	"nw",
+	"se",
+	"sw"
+];
+function Si(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 Ci(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 = gi[t];
+	if (vi.has(t)) {
+		let t = e.x + r.x * n, i = e.y + r.y * n;
+		return {
+			x: r.x < 0 ? t - e.width : t,
+			y: r.y < 0 ? i - e.height : i,
+			width: e.width,
+			height: e.height
+		};
+	}
+	let i = n + (Math.abs(r.x) * e.width / 2 + Math.abs(r.y) * e.height / 2), a = e.x + r.x * i, o = e.y + r.y * i;
+	return {
+		x: a - e.width / 2,
+		y: o - e.height / 2,
+		width: e.width,
+		height: e.height
+	};
+}
+function wi(e, t, n = {}) {
+	let r = n.offset ?? .6, i = n.slots === 4 ? bi : _i, a = {
+		...yi,
+		...n.weights
+	}, o = [], s = [];
+	for (let c of e) {
+		let e = n.extend ?? 0, l = n.clearCap ?? Math.max(c.width, c.height), u = Math.max(.1, Math.min(c.width, c.height) * .5), d = t.concat(o), f = r + Math.max(c.width, c.height) + e + l, p = d.filter((e) => !(e.kind !== "exit" && c.x >= e.x && c.x <= e.x + e.width && c.y >= e.y && c.y <= e.y + e.height) && e.x < c.x + f && e.x + e.width > c.x - f && e.y < c.y + f && e.y + e.height > c.y - f), m, h = [];
+		for (let t of i) {
+			let i;
+			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" && Si(e, t) > 0) {
+						r = !0;
+						break;
+					}
+					let n = Ci(e, t);
+					n < o && (o = n);
+				}
+				if (r) {
+					if (i) break;
+					continue;
+				}
+				let s = Math.min(o, l) - n * a.distance;
+				(!i || s > i.value) && (i = {
+					box: e,
+					off: n,
+					value: s,
+					clearance: o
+				});
+			}
+			if (!i) {
+				n.onScored && h.push({
+					dir: t,
+					valid: !1,
+					clearance: 0,
+					off: r,
+					cost: Infinity,
+					box: Q(c, t, r)
+				});
+				continue;
+			}
+			let o = 0;
+			c.preferred ? t === c.preferred && (o -= a.preferred) : vi.has(t) && (o += a.diagonal);
+			let s = -i.value * a.clear + o;
+			n.onScored && h.push({
+				dir: t,
+				valid: !0,
+				clearance: i.clearance,
+				off: i.off,
+				cost: s,
+				box: i.box
+			}), (!m || s < m.cost) && (m = {
+				box: i.box,
+				dir: t,
+				off: i.off,
+				cost: s,
+				clearance: i.clearance
+			});
+		}
+		if (m ||= {
+			box: Q(c, i[0], r),
+			dir: i[0],
+			off: r,
+			cost: 0,
+			clearance: 0
+		}, m.clearance < (n.minClearance ?? 0)) for (let e of xi) {
+			let t = Q(c, e, r);
+			if (!p.some((e) => e.kind !== "exit" && Si(t, e) > 0)) {
+				m = {
+					box: t,
+					dir: e,
+					off: r,
+					cost: m.cost,
+					clearance: m.clearance
+				};
+				break;
+			}
+		}
+		n.onScored?.(c, h, m.dir);
+		let g = gi[m.dir];
+		s.push({
+			id: c.id,
+			x: m.box.x,
+			y: m.box.y,
+			width: c.width,
+			height: c.height,
+			direction: m.dir,
+			leader: {
+				x: c.x + g.x * m.off,
+				y: c.y + g.y * m.off
+			}
+		}), o.push({
+			...m.box,
+			kind: "label"
+		});
+	}
+	return s;
+}
+//#endregion
+//#region src/overlay/WaypointOverlay.ts
+var Ti = class {
+	constructor() {
+		this.waypoints = [], this.placed = [];
+	}
+	set(e) {
+		this.waypoints = [...e], this.ctx?.invalidate();
+	}
+	add(e) {
+		this.waypoints.push(e), this.ctx?.invalidate();
+	}
+	remove(e) {
+		let t = this.waypoints.length;
+		this.waypoints = this.waypoints.filter((t) => t.roomId !== e), this.waypoints.length !== t && this.ctx?.invalidate();
+	}
+	has(e) {
+		return this.waypoints.some((t) => t.roomId === e);
+	}
+	hitTest(e, t) {
+		for (let n = this.placed.length - 1; n >= 0; n--) {
+			let r = this.placed[n];
+			if (e >= r.x && e <= r.x + r.width && t >= r.y && t <= r.y + r.height) return r.wp;
+		}
+	}
+	attach(e) {
+		this.ctx = e;
+	}
+	detach() {
+		this.ctx = void 0, this.placed = [];
+	}
+	render(e, t) {
+		this.placed = [];
+		let n = e.currentArea, r = e.currentZIndex;
+		if (n === void 0 || r === void 0 || this.waypoints.length === 0) return [];
+		let i = e.currentAreaInstance?.getPlane(r);
+		if (!i) return [];
+		let a = e.settings.roomSize, o = a * .6, s = o * .5, c = o * 1.2, l = i.getRooms(), u = l.map((e) => ({
+			x: e.x - a / 2,
+			y: e.y - a / 2,
+			width: a,
+			height: a,
+			kind: "room"
+		})), d = (e, t, n, r) => u.push({
+			x: Math.min(e, n) - .03,
+			y: Math.min(t, r) - .03,
+			width: Math.abs(n - e) + .06,
+			height: Math.abs(r - t) + .06,
+			kind: "exit"
+		});
+		for (let t of l) for (let i of [...Object.values(t.exits), ...Object.values(t.specialExits)]) {
+			let a = e.mapReader.getRoom(i);
+			a && a.area === n && a.z === r && d(t.x, t.y, a.x, a.y);
+		}
+		let f = [], p = [];
+		for (let t of this.waypoints) {
+			let i = e.mapReader.getRoom(t.roomId);
+			if (!i || i.area !== n || i.z !== r) continue;
+			let a = Array.isArray(t.label) ? t.label : [t.label], l = a.reduce((e, t) => Math.max(e, t.length), 0) * o * .6 + s * 2, u = a.length * c + o * .4;
+			f.push({
+				x: i.x,
+				y: i.y,
+				width: l,
+				height: u,
+				id: f.length,
+				preferred: t.preferred
+			}), p.push({
+				wp: t,
+				rx: i.x,
+				ry: i.y,
+				lines: a
+			});
+		}
+		if (f.length === 0) return [];
+		let m = "rgba(20, 20, 24, 0.82)", h = wi(f, u, {
+			offset: a * .7,
+			extend: a * 4,
+			clearCap: a * 1.5,
+			minClearance: a * .7
+		}), g = [];
+		for (let t = 0; t < h.length; t++) {
+			let n = h[t], { wp: r, rx: i, ry: s } = p[t], l = r.color ?? "#ffcc33", u = i - (n.x + n.width / 2), d = s - (n.y + n.height / 2), f = Math.hypot(u, d) || 1, _ = u / f, v = d / f, y = o * .7, b = o * .5, x = n.direction.length === 2, S;
+			if (x) {
+				let e = _ < 0 ? n.x : n.x + n.width, t = v < 0 ? n.y : n.y + n.height, r = o * .85;
+				S = [
+					e + (_ < 0 ? r : -r),
+					t,
+					e + _ * y,
+					t + v * y,
+					e,
+					t + (v < 0 ? r : -r)
+				];
+			} else {
+				let e = Math.abs(u), t = Math.abs(d), r = (e > 1e-6 ? n.width / 2 / e : Infinity) <= (t > 1e-6 ? n.height / 2 / t : Infinity), i = r ? _ < 0 ? n.x : n.x + n.width : n.x + n.width / 2, a = r ? n.y + n.height / 2 : v < 0 ? n.y : n.y + n.height, o = +!r, s = +!!r;
+				S = [
+					i + o * b,
+					a + s * b,
+					i + _ * y,
+					a + v * y,
+					i - o * b,
+					a - s * b
+				];
+			}
+			g.push({
+				type: "polygon",
+				vertices: S,
+				paint: {
+					fill: m,
+					stroke: l,
+					strokeWidth: a * .03
+				},
+				layer: "top"
+			}), g.push({
+				type: "rect",
+				x: n.x,
+				y: n.y,
+				width: n.width,
+				height: n.height,
+				cornerRadius: o * .3,
+				paint: {
+					fill: m,
+					stroke: l,
+					strokeWidth: a * .03
+				},
+				layer: "top"
+			}), this.placed.push({
+				wp: r,
+				x: n.x,
+				y: n.y,
+				width: n.width,
+				height: n.height
+			});
+			let C = p[t].lines, ee = (n.height - C.length * c) / 2;
+			for (let t = 0; t < C.length; t++) g.push({
+				type: "text",
+				x: n.x,
+				y: n.y + ee + t * c,
+				width: n.width,
+				height: c,
+				text: C[t],
+				fontSize: o,
+				fontFamily: e.settings.fontFamily,
+				fill: "#f4f4f6",
+				align: "center",
+				verticalAlign: "middle",
+				layer: "top"
+			});
+		}
+		return g;
+	}
+}, Ei = /* @__PURE__ */ O(((e, t) => {
 	t.exports = class {
 		constructor() {
 			this.keys = /* @__PURE__ */ new Set(), this.queue = [];
@@ -3127,14 +3703,14 @@ var Lr = {
 			return this.queue.find((t) => t.key === e);
 		}
 	};
-})), Br = /* @__PURE__ */ k(((e, t) => {
+})), Di = /* @__PURE__ */ O(((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;
-})), Vr = /* @__PURE__ */ k(((e, t) => {
+})), Oi = /* @__PURE__ */ O(((e, t) => {
 	function n(e) {
 		let t = Number(e);
 		return !(isNaN(t) || t <= 0);
@@ -3149,7 +3725,7 @@ var Lr = {
 		}), t;
 	}
 	t.exports = r;
-})), Hr = /* @__PURE__ */ k(((e, t) => {
+})), ki = /* @__PURE__ */ O(((e, t) => {
 	function n(e) {
 		if (!(e instanceof Map)) throw Error(`Invalid graph: Expected Map instead found ${typeof e}`);
 		e.forEach((e, t) => {
@@ -3161,8 +3737,8 @@ var Lr = {
 		});
 	}
 	t.exports = n;
-})), Ur = /* @__PURE__ */ me((/* @__PURE__ */ k(((e, t) => {
-	var n = zr(), r = Br(), i = Vr(), a = Hr();
+})), Ai = /* @__PURE__ */ he((/* @__PURE__ */ O(((e, t) => {
+	var n = Ei(), r = Di(), i = Oi(), a = ki();
 	t.exports = class {
 		constructor(e) {
 			e instanceof Map ? (a(e), this.graph = e) : e ? this.graph = i(e) : this.graph = /* @__PURE__ */ new Map();
@@ -3212,7 +3788,7 @@ var Lr = {
 			return this.path(...e);
 		}
 	};
-})))(), 1), Wr = {
+})))(), 1), ji = {
 	1: "north",
 	2: "northeast",
 	3: "northwest",
@@ -3225,7 +3801,7 @@ var Lr = {
 	10: "down",
 	11: "in",
 	12: "out"
-}, Gr = {
+}, Mi = {
 	north: "n",
 	northeast: "ne",
 	northwest: "nw",
@@ -3238,7 +3814,7 @@ var Lr = {
 	down: "down",
 	in: "in",
 	out: "out"
-}, Kr = class {
+}, Ni = class {
 	constructor(e) {
 		this.mapReader = e, this.data = this.buildGraph();
 	}
@@ -3264,12 +3840,12 @@ var Lr = {
 	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) => Wr[e]).filter((e) => !!e)), c = new Set(i.mSpecialExitLocks ?? []);
+			let a = [], o = {}, s = new Set((i.exitLocks ?? []).map((e) => ji[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 = Gr[e] ?? e, l = this.resolveEdgeWeight(i, s, c);
+					let s = Mi[e] ?? e, l = this.resolveEdgeWeight(i, s, c);
 					a.push({
 						id: t,
 						weight: l
@@ -3300,7 +3876,7 @@ var Lr = {
 };
 //#endregion
 //#region src/PathFinder.ts
-function qr(e, t) {
+function Pi(e, t) {
 	e.push(t);
 	let n = e.length - 1;
 	for (; n > 0;) {
@@ -3309,7 +3885,7 @@ function qr(e, t) {
 		[e[t], e[n]] = [e[n], e[t]], n = t;
 	}
 }
-function Jr(e) {
+function Fi(e) {
 	if (e.length === 0) return;
 	let t = e[0], n = e.pop();
 	if (e.length > 0) {
@@ -3323,16 +3899,16 @@ function Jr(e) {
 	}
 	return t;
 }
-function Yr(e, t, n) {
+function Ii(e, t, n) {
 	let r = [n], i = n;
 	for (; i !== t;) i = e.get(i), r.push(i);
 	return r.reverse(), r;
 }
-function Xr(e, t, n) {
+function Li(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 Zr(e, t, n, r) {
+function Ri(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) => {
@@ -3341,16 +3917,16 @@ function Zr(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), qr(p, {
+	for (d.set(t, 0), Pi(p, {
 		id: t,
 		priority: u(t)
 	}); p.length > 0;) {
-		let { id: r } = Jr(p);
-		if (r === n) return Yr(f, t, n);
+		let { id: r } = Fi(p);
+		if (r === n) return Ii(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), qr(p, {
+			t < (d.get(e.id) ?? Infinity) && (d.set(e.id, t), f.set(e.id, r), Pi(p, {
 				id: e.id,
 				priority: t + u(e.id)
 			}));
@@ -3358,9 +3934,9 @@ function Zr(e, t, n, r) {
 	}
 	return null;
 }
-var Qr = class {
+var zi = class {
 	constructor(e, t = "dijkstra") {
-		this.cache = /* @__PURE__ */ new Map(), this._algorithm = t, this.mapGraph = new Kr(e), this.dijkstraGraph = new Ur.default(this.mapGraph.getGraphDefinition());
+		this.cache = /* @__PURE__ */ new Map(), this._algorithm = t, this.mapGraph = new Ni(e), this.dijkstraGraph = new Ai.default(this.mapGraph.getGraphDefinition());
 	}
 	get algorithm() {
 		return this._algorithm;
@@ -3379,10 +3955,10 @@ var Qr = class {
 		let r;
 		switch (this._algorithm) {
 			case "dijkstra":
-				r = Xr(this.dijkstraGraph, e, t);
+				r = Li(this.dijkstraGraph, e, t);
 				break;
 			case "astar":
-				r = Zr(this.mapGraph.getAdj(), e, t, this.mapGraph);
+				r = Ri(this.mapGraph.getAdj(), e, t, this.mapGraph);
 				break;
 		}
 		return this.cache.set(n, r), r;
@@ -3392,10 +3968,10 @@ var Qr = class {
 	stub: 1,
 	full: 0
 };
-function $r(e, t, n) {
+function Bi(e, t, n) {
 	return n === "first" ? e : n === "least-restrictive" ? $[e] < $[t] ? e : t : $[e] > $[t] ? e : t;
 }
-function ei(e, ...t) {
+function Vi(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";
@@ -3411,7 +3987,7 @@ function ei(e, ...t) {
 			for (let s of r) {
 				let r = s.getExitTreatment ? s.getExitTreatment(e, t, n) : o(s, e, t, n);
 				if (a === void 0) a = r;
-				else if (a = $r(a, r, i), i === "first") break;
+				else if (a = Bi(a, r, i), i === "first") break;
 			}
 			return a ?? "full";
 		},
@@ -3424,7 +4000,7 @@ function ei(e, ...t) {
 }
 //#endregion
 //#region src/lens/ExplorationLens.ts
-var ti = class {
+var Hi = class {
 	constructor(e) {
 		this.version = 0, this.visited = e instanceof Set ? new Set(e) : new Set(e ?? []);
 	}
@@ -3459,7 +4035,7 @@ var ti = class {
 	clear() {
 		this.visited.size !== 0 && (this.visited.clear(), this.version++);
 	}
-}, ni = {
+}, Ui = {
 	1: "north",
 	2: "northeast",
 	3: "northwest",
@@ -3473,7 +4049,7 @@ var ti = class {
 	11: "in",
 	12: "out"
 };
-function ri() {
+function Wi() {
 	return {
 		areaWidth: 150,
 		areaHeight: 80,
@@ -3487,14 +4063,14 @@ function ri() {
 		highlightColor: "#ff9900"
 	};
 }
-var ii = class {
+var Gi = 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 ?? ri(), this.stage = new O.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 ?? Wi(), this.stage = new D.Stage({
 			container: e,
 			width: e.clientWidth,
 			height: e.clientHeight,
 			draggable: !0
-		}), this.backgroundLayer = new O.Layer({ listening: !1 }), this.stage.add(this.backgroundLayer), this.connectionLayer = new O.Layer({ listening: !1 }), this.stage.add(this.connectionLayer), this.areaLayer = new O.Layer(), this.stage.add(this.areaLayer), this.mapReader = t, this.initScaling(), this.initResize(e);
+		}), this.backgroundLayer = new D.Layer({ listening: !1 }), this.stage.add(this.backgroundLayer), this.connectionLayer = new D.Layer({ listening: !1 }), this.stage.add(this.connectionLayer), this.areaLayer = new D.Layer(), this.stage.add(this.areaLayer), this.mapReader = t, this.initScaling(), this.initResize(e);
 	}
 	initResize(e) {
 		new ResizeObserver(() => {
@@ -3586,7 +4162,7 @@ var ii = class {
 		if (this.backgroundLayer.destroyChildren(), !this.backgroundConfig) return;
 		let e = new Image();
 		e.crossOrigin = "anonymous", e.onload = () => {
-			this.backgroundImage = new O.Image({
+			this.backgroundImage = new D.Image({
 				x: this.backgroundConfig.x,
 				y: this.backgroundConfig.y,
 				image: e,
@@ -3679,7 +4255,7 @@ var ii = class {
 		}
 	}
 	getLockedDirections(e) {
-		return new Set((e.exitLocks ?? []).map((e) => ni[e]).filter((e) => !!e));
+		return new Set((e.exitLocks ?? []).map((e) => Ui[e]).filter((e) => !!e));
 	}
 	createConnection(e, t, n) {
 		let r = this.toPlanarDirection(n);
@@ -4141,7 +4717,7 @@ var ii = class {
 				y: n.y + n.height / 2
 			}, a, o;
 			if (this.dotsMode ? (a = r, o = i) : (a = this.getEdgePoint(t, i), o = this.getEdgePoint(n, r)), !isFinite(a.x) || !isFinite(a.y) || !isFinite(o.x) || !isFinite(o.y)) continue;
-			let s = this.dotsMode ? "#ffffff" : this.settings.connectionColor, c = this.dotsMode ? 1 : Math.min(this.settings.connectionLineWidth, 1 + e.connections.length * .5), l = new O.Line({
+			let s = this.dotsMode ? "#ffffff" : this.settings.connectionColor, c = this.dotsMode ? 1 : Math.min(this.settings.connectionLineWidth, 1 + e.connections.length * .5), l = new D.Line({
 				points: [
 					a.x,
 					a.y,
@@ -4174,16 +4750,16 @@ var ii = class {
 			if (!isFinite(e.x) || !isFinite(e.y)) continue;
 			let t = e.areaId === this.highlightedArea;
 			if (this.dotsMode) {
-				let n = e.x + e.width / 2, r = e.y + e.height / 2, i = new O.Group({
+				let n = e.x + e.width / 2, r = e.y + e.height / 2, i = new D.Group({
 					x: n,
 					y: r,
 					draggable: !0
-				}), a = new O.Circle({
+				}), a = new D.Circle({
 					radius: 6,
 					fill: t ? this.settings.highlightColor : "#ffffff",
 					stroke: t ? this.settings.highlightColor : "#ffffff",
 					strokeWidth: 1
-				}), o = new O.Text({
+				}), o = new D.Text({
 					text: e.name,
 					fontSize: 10,
 					fill: "#ffffff",
@@ -4204,18 +4780,18 @@ var ii = class {
 					this.stage.container().style.cursor = "pointer";
 				}), this.areaLayer.add(i);
 			} else {
-				let n = new O.Group({
+				let n = new D.Group({
 					x: e.x,
 					y: e.y,
 					draggable: !0
-				}), r = new O.Rect({
+				}), r = new D.Rect({
 					width: e.width,
 					height: e.height,
 					fill: this.settings.areaFillColor,
 					stroke: t ? this.settings.highlightColor : this.settings.areaStrokeColor,
 					strokeWidth: t ? 3 : 2,
 					cornerRadius: 8
-				}), i = new O.Text({
+				}), i = new D.Text({
 					text: e.name,
 					fontSize: this.settings.fontSize,
 					fill: this.settings.textColor,
@@ -4227,7 +4803,7 @@ var ii = class {
 					verticalAlign: "middle",
 					ellipsis: !0,
 					wrap: "word"
-				}), a = new O.Text({
+				}), a = new D.Text({
 					text: `${e.roomCount} rooms`,
 					fontSize: 10,
 					fill: this.settings.connectionColor,
@@ -4291,6 +4867,6 @@ var ii = class {
 	}
 };
 //#endregion
-export { n as ALL_VISIBLE, Rr as AmbientLightOverlay, ie as Area, ii as AreaMapRenderer, Yn as Blueprint, r as Camera, jr as CanvasExporter, $n as Construction, D as CullingManager, De as DrawCommandLayerNode, ti as ExplorationLens, tr as GradientRooms, rr as GraphPaper, C as HitTester, c as IDENTITY_TRANSFORM, Qn as Isometric, Kr as MapGraph, oe as MapReader, or as MapRenderer, ye as MapState, Oe as MaterializingLayerNode, Xn as Neon, Jn as Parchment, Qr as PathFinder, ae as Plane, kr as PngBlobExporter, Mr as PngBytesExporter, Or as PngExporter, Ee as RecordingGroupNode, M as RecordingLayerNode, er as SciFi, Zn as Sketchy, nr as StainedGlass, Dr as SvgExporter, ir as Topographic, ar as Watercolor, w as applyStyleToShapes, cr as buildDrawCommands, Ar as canvasToBytes, e as colorLightness, _ as compose, ei as composeLenses, ee as computePathData, ri as createAreaMapSettings, ve as createSettings, v as darkenColor, o as defaultExitTreatment, i as hexToRgba, u as identityStyle, ke as isGradientFill, xr as renderToCanvas, je as shapeToRecording, _r as svgFromBatches, N as transformFill };
+export { n as ALL_VISIBLE, di as AmbientLightOverlay, ae as Area, Gi as AreaMapRenderer, yr as Blueprint, r as Camera, ii as CanvasExporter, Cr as Construction, E as CullingManager, Ar as DarkModern, A as DrawCommandLayerNode, Hi as ExplorationLens, Tr as GradientRooms, Dr as GraphPaper, C as HitTester, c as IDENTITY_TRANSFORM, Sr as Isometric, Ni as MapGraph, se as MapReader, Mr as MapRenderer, be as MapState, ke as MaterializingLayerNode, br as Neon, vr as Parchment, zi as PathFinder, oe as Plane, ni as PngBlobExporter, ai as PngBytesExporter, ti as PngExporter, Oe as RecordingGroupNode, j as RecordingLayerNode, hi as RippleEffect, wr as SciFi, xr as Sketchy, Er as StainedGlass, ei as SvgExporter, Or as Topographic, jr as TreasureMap, kr as Watercolor, Ti as WaypointOverlay, w as applyStyleToShapes, Pr as buildDrawCommands, ri as canvasToBytes, e as colorLightness, _ as compose, Vi as composeLenses, ee as computePathData, Wi as createAreaMapSettings, ye as createSettings, v as darkenColor, o as defaultExitTreatment, i as hexToRgba, u as identityStyle, Ae as isGradientFill, wi as placeLabels, Jr as renderToCanvas, Me as shapeToRecording, Wr as svgFromBatches, M as transformFill, _r as treasureMapDecorations };
 
 //# sourceMappingURL=index.mjs.map