mudlet-map-renderer 0.37.2-konva → 0.38.0-konva

package/dist/index.mjs

@@ -47,7 +47,8 @@ function p() {
 		areaName: !0,
 		fontFamily: "sans-serif",
 		uniformLevelSize: !1,
-		areaExitLabels: !1
+		areaExitLabels: !1,
+		areaExitLabelFontSize: .3
 	};
 }
 //#endregion
@@ -263,7 +264,7 @@ var v = class {
 		return this.inner.getInverseTransform();
 	}
 }, S = (e) => e;
-function ee(...e) {
+function C(...e) {
 	return e.length === 0 ? S : e.length === 1 ? e[0] : (t) => {
 		let n = t;
 		for (let t of e) n = t(n);
@@ -272,33 +273,33 @@ function ee(...e) {
 }
 //#endregion
 //#region src/utils/textMeasure.ts
-var C = 72, w = 200, T = 120, E = /* @__PURE__ */ new Map(), D = null;
-function O() {
-	return D || (D = e.Util.createCanvasElement(), D.width = w, D.height = w), D;
+var w = 72, T = 200, E = 120, D = /* @__PURE__ */ new Map(), O = null;
+function k() {
+	return O || (O = e.Util.createCanvasElement(), O.width = T, O.height = T), O;
 }
-function te(e, t) {
-	let n = `${e}::${t}`, r = E.get(n);
+function A(e, t) {
+	let n = `${e}::${t}`, r = D.get(n);
 	if (r !== void 0) return r;
-	let i = O().getContext("2d", { willReadFrequently: !0 }), a = `bold ${C}px ${t}`;
-	i.clearRect(0, 0, w, w), i.font = a, i.textBaseline = "alphabetic", i.textAlign = "center", i.fillStyle = "#ffffff", i.fillText(e, w / 2, T);
-	let { data: o } = i.getImageData(0, 0, w, w), s = w, c = -1;
-	for (let e = 0; e < w; e++) for (let t = 0; t < w; t++) o[(e * w + t) * 4 + 3] > 16 && (e < s && (s = e), e > c && (c = e));
+	let i = k().getContext("2d", { willReadFrequently: !0 }), a = `bold ${w}px ${t}`;
+	i.clearRect(0, 0, T, T), i.font = a, i.textBaseline = "alphabetic", i.textAlign = "center", i.fillStyle = "#ffffff", i.fillText(e, T / 2, E);
+	let { data: o } = i.getImageData(0, 0, T, T), s = T, c = -1;
+	for (let e = 0; e < T; e++) for (let t = 0; t < T; t++) o[(e * T + t) * 4 + 3] > 16 && (e < s && (s = e), e > c && (c = e));
 	if (c === -1) {
 		let e = {
 			baselineRatio: .35,
 			konvaCorrectionRatio: 0
 		};
-		return E.set(n, e), e;
+		return D.set(n, e), e;
 	}
-	let l = (T - s - Math.max(0, c - T)) / 2 / C, u = i.measureText("M"), d = {
+	let l = (E - s - Math.max(0, c - E)) / 2 / w, u = i.measureText("M"), d = {
 		baselineRatio: l,
-		konvaCorrectionRatio: ((u.fontBoundingBoxAscent ?? u.actualBoundingBoxAscent ?? 0) - (u.fontBoundingBoxDescent ?? u.actualBoundingBoxDescent ?? 0)) / 2 / C - l
+		konvaCorrectionRatio: ((u.fontBoundingBoxAscent ?? u.actualBoundingBoxAscent ?? 0) - (u.fontBoundingBoxDescent ?? u.actualBoundingBoxDescent ?? 0)) / 2 / w - l
 	};
-	return E.set(n, d), d;
+	return D.set(n, d), d;
 }
 //#endregion
 //#region src/scene/RoomStyle.ts
-function ne(e, t, n, r) {
+function j(e, t, n, r) {
 	let i = t.getColorValue(e.env), a = n.coloredMode ? h(i, .5) : n.frameMode ? n.backgroundColor : i, o = n.coloredMode ? g(i, .1) : i;
 	return {
 		fillColor: a,
@@ -308,7 +309,7 @@ function ne(e, t, n, r) {
 		envColor: i
 	};
 }
-function re(e, t) {
+function M(e, t) {
 	if (!t.emboss) return null;
 	let n = t.roomSize, r = t.borders ? t.lineWidth / 2 : 0, i = t.lineWidth, a = g(e, .35), o = h(e, .45);
 	if (t.roomShape === "circle") {
@@ -412,12 +413,12 @@ function re(e, t) {
 }
 //#endregion
 //#region src/RoomShapeRenderer.ts
-var ie = class {
+var N = class {
 	constructor(e, t, n) {
 		this.mapReader = e, this.settings = t, this.backend = n;
 	}
 	createRoomGroup(e, t) {
-		let { fillColor: n, strokeColor: r, borderWidth: i, symbolColor: a } = ne(e, this.mapReader, this.settings, t?.strokeOverride), o = this.settings.roomSize, s = this.backend.createGroup(e.x - o / 2, e.y - o / 2), c = i / 2, l = re(n, this.settings), u = l ? 0 : i, d = this.backend.getTransform() === b, f = this.settings.coloredMode && u > 0 && d, p = (e) => this.settings.roomShape === "roundedRectangle" ? Math.max(0, (o - 2 * e) * .2) : 0;
+		let { fillColor: n, strokeColor: r, borderWidth: i, symbolColor: a } = j(e, this.mapReader, this.settings, t?.strokeOverride), o = this.settings.roomSize, s = this.backend.createGroup(e.x - o / 2, e.y - o / 2), c = i / 2, l = M(n, this.settings), u = l ? 0 : i, d = this.backend.getTransform() === b, f = this.settings.coloredMode && u > 0 && d, p = (e) => this.settings.roomShape === "roundedRectangle" ? Math.max(0, (o - 2 * e) * .2) : 0;
 		if (f) {
 			let e = [h(r, .5), r], t = i * 2;
 			this.settings.roomShape === "circle" ? this.backend.addCircle(s, {
@@ -481,7 +482,7 @@ var ie = class {
 			lineCap: l.highlight.lineCap,
 			lineJoin: l.shadow.lineJoin
 		})), e.roomChar) {
-			let t = o * .75, { baselineRatio: n, konvaCorrectionRatio: r } = te(e.roomChar, this.settings.fontFamily), i = Math.max(o, e.roomChar.length * t * .8), c = (i - o) / 2;
+			let t = o * .75, { baselineRatio: n, konvaCorrectionRatio: r } = A(e.roomChar, this.settings.fontFamily), i = Math.max(o, e.roomChar.length * t * .8), c = (i - o) / 2;
 			this.backend.addText(s, {
 				x: -c,
 				y: 0,
@@ -500,7 +501,7 @@ var ie = class {
 		}
 		return s;
 	}
-}, ae = class {
+}, P = class {
 	constructor(e, t, n) {
 		this.cachedBounds = null, this.inverseTransform = (e, t) => ({
 			x: e,
@@ -549,7 +550,7 @@ var ie = class {
 			bottom: v
 		}, this.layer.batchDraw();
 	}
-}, k = [
+}, F = [
 	"north",
 	"south",
 	"east",
@@ -558,7 +559,7 @@ var ie = class {
 	"northwest",
 	"southeast",
 	"southwest"
-], oe = {
+], I = {
 	n: "north",
 	s: "south",
 	e: "east",
@@ -567,7 +568,7 @@ var ie = class {
 	nw: "northwest",
 	se: "southeast",
 	sw: "southwest"
-}, A = {
+}, L = {
 	north: "n",
 	south: "s",
 	east: "e",
@@ -580,7 +581,7 @@ var ie = class {
 	down: "d",
 	in: "i",
 	out: "o"
-}, j = {
+}, R = {
 	north: {
 		x: 0,
 		y: -1
@@ -613,7 +614,7 @@ var ie = class {
 		x: -1,
 		y: 1
 	}
-}, se = [
+}, ee = [
 	"north",
 	"south",
 	"east",
@@ -622,7 +623,7 @@ var ie = class {
 	"northwest",
 	"southeast",
 	"southwest"
-], ce = {
+], te = {
 	north: "south",
 	south: "north",
 	east: "west",
@@ -632,39 +633,39 @@ var ie = class {
 	southeast: "northwest",
 	southwest: "northeast"
 };
-function le(e) {
-	return e ? Object.prototype.hasOwnProperty.call(j, e) : !1;
+function ne(e) {
+	return e ? Object.prototype.hasOwnProperty.call(R, e) : !1;
 }
-function M(e, t, n, r = 1) {
-	if (!le(n)) return {
+function z(e, t, n, r = 1) {
+	if (!ne(n)) return {
 		x: e,
 		y: t
 	};
-	let i = j[n];
+	let i = R[n];
 	return {
 		x: e + i.x * r,
 		y: t + i.y * r
 	};
 }
-function ue(e, t, n, r = 1, i = 0) {
-	if (!le(n)) return {
+function re(e, t, n, r = 1, i = 0) {
+	if (!ne(n)) return {
 		x: e,
 		y: t
 	};
-	let a = j[n];
-	if (!(a.x !== 0 && a.y !== 0) || i <= 0) return M(e, t, n, r);
+	let a = R[n];
+	if (!(a.x !== 0 && a.y !== 0) || i <= 0) return z(e, t, n, r);
 	let o = r - i + i / Math.SQRT2;
 	return {
 		x: e + a.x * o,
 		y: t + a.y * o
 	};
 }
-function de(e, t, n, r = 1) {
-	if (!le(n)) return {
+function ie(e, t, n, r = 1) {
+	if (!ne(n)) return {
 		x: e,
 		y: t
 	};
-	let i = j[n], a = Math.atan2(i.y, i.x);
+	let i = R[n], a = Math.atan2(i.y, i.x);
 	return {
 		x: e + Math.cos(a) * r,
 		y: t + Math.sin(a) * r
@@ -672,32 +673,32 @@ function de(e, t, n, r = 1) {
 }
 //#endregion
 //#region src/ExitRenderer.ts
-var N = {
+var B = {
 	OPEN_DOOR: "rgb(10, 155, 10)",
 	CLOSED_DOOR: "rgb(226, 205, 59)",
 	LOCKED_DOOR: "rgb(155, 10, 10)",
 	ONE_WAY_FILL: "rgb(155, 10, 10)"
 };
-function fe(e) {
+function ae(e) {
 	switch (e) {
-		case 1: return N.OPEN_DOOR;
-		case 2: return N.CLOSED_DOOR;
-		default: return N.LOCKED_DOOR;
+		case 1: return B.OPEN_DOOR;
+		case 2: return B.CLOSED_DOOR;
+		default: return B.LOCKED_DOOR;
 	}
 }
-var pe = class {
+var oe = class {
 	constructor(e, t) {
 		this.mapReader = e, this.settings = t;
 	}
 	getRoomEdgePoint(e, t, n, r) {
 		let i = r - (this.settings.borders ? this.settings.lineWidth / 2 : 0);
-		return this.settings.roomShape === "circle" ? de(e, t, n, i) : this.settings.roomShape === "roundedRectangle" ? ue(e, t, n, i, this.settings.roomSize * .2) : M(e, t, n, i);
+		return this.settings.roomShape === "circle" ? ie(e, t, n, i) : this.settings.roomShape === "roundedRectangle" ? re(e, t, n, i, this.settings.roomSize * .2) : z(e, t, n, i);
 	}
 	renderData(e, t) {
 		return this.renderDataWithColor(e, this.settings.lineColor, t);
 	}
 	renderDataWithColor(e, t, n) {
-		let r = e.aDir && k.includes(e.aDir), i = e.bDir && k.includes(e.bDir);
+		let r = e.aDir && F.includes(e.aDir), i = e.bDir && F.includes(e.bDir);
 		if (r && i) return this.renderTwoWayExitData(e, t, n);
 		if (r || i) {
 			let n = r ? "a" : "b";
@@ -706,7 +707,7 @@ var pe = class {
 	}
 	renderTwoWayExitData(e, t, n) {
 		let r = this.mapReader.getRoom(e.a), i = this.mapReader.getRoom(e.b);
-		if (!r || !i || !e.aDir || !e.bDir || r.customLines[A[e.aDir]] && i.customLines[A[e.bDir]] || r.z !== i.z && (n !== i.z && r.customLines[A[e.aDir]] || n !== r.z && i.customLines[A[e.bDir]])) return;
+		if (!r || !i || !e.aDir || !e.bDir || r.customLines[L[e.aDir]] && i.customLines[L[e.bDir]] || r.z !== i.z && (n !== i.z && r.customLines[L[e.aDir]] || n !== r.z && i.customLines[L[e.bDir]])) return;
 		let a = this.getRoomEdgePoint(r.x, r.y, e.aDir, this.settings.roomSize / 2), o = this.getRoomEdgePoint(i.x, i.y, e.bDir, this.settings.roomSize / 2), s = [
 			a.x,
 			a.y,
@@ -716,7 +717,7 @@ var pe = class {
 			points: s,
 			stroke: t,
 			strokeWidth: this.settings.lineWidth
-		}], l = [], u = r.doors[A[e.aDir]] ?? i.doors[A[e.bDir]];
+		}], l = [], u = r.doors[L[e.aDir]] ?? i.doors[L[e.bDir]];
 		if (u) {
 			let e = s[0] + (s[2] - s[0]) / 2, t = s[1] + (s[3] - s[1]) / 2;
 			l.push({
@@ -724,7 +725,7 @@ var pe = class {
 				y: t - this.settings.roomSize / 4,
 				width: this.settings.roomSize / 2,
 				height: this.settings.roomSize / 2,
-				stroke: fe(u),
+				stroke: ae(u),
 				strokeWidth: this.settings.lineWidth
 			});
 		}
@@ -755,9 +756,9 @@ var pe = class {
 	}
 	renderOneWayExitData(e, t, n) {
 		let r = n === "a" || !n && e.aDir, i = r ? this.mapReader.getRoom(e.a) : this.mapReader.getRoom(e.b), a = r ? this.mapReader.getRoom(e.b) : this.mapReader.getRoom(e.a), o = r ? e.aDir : e.bDir;
-		if (!o || !i || !a || !k.includes(o) || i.customLines[A[o] || o]) return;
+		if (!o || !i || !a || !F.includes(o) || i.customLines[L[o] || o]) return;
 		if (i.area != a.area && o) {
-			let e = this.mapReader.getColorValue(a.env), t = this.getRoomEdgePoint(i.x, i.y, o, this.settings.roomSize / 2), n = M(i.x, i.y, o, this.settings.roomSize * 1.5), r = e;
+			let e = this.mapReader.getColorValue(a.env), t = this.getRoomEdgePoint(i.x, i.y, o, this.settings.roomSize / 2), n = z(i.x, i.y, o, this.settings.roomSize * 1.5), r = e;
 			return {
 				lines: [],
 				arrows: [{
@@ -796,8 +797,8 @@ var pe = class {
 			x: a.x,
 			y: a.y
 		};
-		s && (c = M(i.x, i.y, o, this.settings.roomSize / 2));
-		let l = M(i.x, i.y, o, .3), u = l.x - (l.x - c.x) / 2, d = l.y - (l.y - c.y) / 2, f = this.getRoomEdgePoint(i.x, i.y, o, this.settings.roomSize / 2), p = [
+		s && (c = z(i.x, i.y, o, this.settings.roomSize / 2));
+		let l = z(i.x, i.y, o, .3), u = l.x - (l.x - c.x) / 2, d = l.y - (l.y - c.y) / 2, f = this.getRoomEdgePoint(i.x, i.y, o, this.settings.roomSize / 2), p = [
 			f.x,
 			f.y,
 			c.x,
@@ -829,7 +830,7 @@ var pe = class {
 				pointerWidth: .35,
 				strokeWidth: this.settings.lineWidth * 1.4,
 				stroke: t,
-				fill: N.ONE_WAY_FILL,
+				fill: B.ONE_WAY_FILL,
 				dash: [.1, .05]
 			}],
 			doors: [],
@@ -884,7 +885,7 @@ var pe = class {
 		for (let [r, i] of Object.entries(e.customLines)) {
 			let a = e.specialExits[r];
 			if (a === void 0) {
-				let t = oe[r] ?? n[r];
+				let t = I[r] ?? n[r];
 				t && (a = e.exits[t] ?? e.specialExits[t]);
 			}
 			if (a === void 0 && (a = e.exits[r] ?? e.specialExits[r]), a === void 0) continue;
@@ -916,7 +917,7 @@ var pe = class {
 		}
 		return t;
 	}
-}, me = {
+}, se = {
 	1: "north",
 	2: "northeast",
 	3: "northwest",
@@ -930,15 +931,15 @@ var pe = class {
 	11: "in",
 	12: "out"
 };
-function he(e, t, n, r, i) {
-	return e.roomShape === "circle" ? de(t, n, r, i) : e.roomShape === "roundedRectangle" ? ue(t, n, r, i, e.roomSize * .2) : M(t, n, r, i);
+function ce(e, t, n, r, i) {
+	return e.roomShape === "circle" ? ie(t, n, r, i) : e.roomShape === "roundedRectangle" ? re(t, n, r, i, e.roomSize * .2) : z(t, n, r, i);
 }
-function ge(e, t, n) {
+function le(e, t, n) {
 	let r = [];
 	for (let i of e.stubs) {
-		let a = me[i];
+		let a = se[i];
 		if (!a) continue;
-		let o = he(t, e.x, e.y, a, t.roomSize / 2), s = M(e.x, e.y, a, t.roomSize / 2 + .5);
+		let o = ce(t, e.x, e.y, a, t.roomSize / 2), s = z(e.x, e.y, a, t.roomSize / 2 + .5);
 		r.push({
 			x1: o.x,
 			y1: o.y,
@@ -952,12 +953,12 @@ function ge(e, t, n) {
 }
 //#endregion
 //#region src/scene/SpecialExitStyle.ts
-var _e = {
+var ue = {
 	1: "rgb(10, 155, 10)",
 	2: "rgb(226, 205, 59)",
 	3: "rgb(155, 10, 10)"
 };
-function ve(e, t, n) {
+function de(e, t, n) {
 	let r = [];
 	for (let [i, a] of Object.entries(e.customLines)) {
 		let o = [e.x, e.y];
@@ -992,7 +993,7 @@ function ve(e, t, n) {
 				y: n - r / 2,
 				width: r,
 				height: r,
-				stroke: _e[f] ?? _e[3],
+				stroke: ue[f] ?? ue[3],
 				strokeWidth: t.lineWidth
 			};
 		}
@@ -1006,13 +1007,13 @@ function ve(e, t, n) {
 }
 //#endregion
 //#region src/scene/InnerExitStyle.ts
-var ye = [
+var fe = [
 	"up",
 	"down",
 	"in",
 	"out"
 ];
-function P(e, t, n, r) {
+function V(e, t, n, r) {
 	let i = r * Math.PI / 180, a = [];
 	for (let r = 0; r < 3; r++) {
 		let o = 2 * Math.PI * r / 3 - Math.PI / 2, s = Math.cos(o) * n * 1.4, c = Math.sin(o) * n * .8, l = s * Math.cos(i) - c * Math.sin(i), u = s * Math.sin(i) + c * Math.cos(i);
@@ -1020,29 +1021,29 @@ function P(e, t, n, r) {
 	}
 	return a;
 }
-function be(e, t, n) {
+function pe(e, t, n) {
 	return {
 		symbolColor: n.frameMode || n.coloredMode ? t.getColorValue(e.env) : t.getSymbolColor(e.env),
 		symbolFill: n.frameMode || n.coloredMode ? t.getColorValue(e.env) : t.getSymbolColor(e.env, .6)
 	};
 }
-var xe = {
+var me = {
 	1: "rgb(10, 155, 10)",
 	2: "rgb(226, 205, 59)",
 	3: "rgb(155, 10, 10)"
 };
-function Se(e, t, n) {
-	let r = [], i = n.roomSize, a = i / 5, { symbolColor: o, symbolFill: s } = be(e, t, n);
-	for (let t of ye) {
+function he(e, t, n) {
+	let r = [], i = n.roomSize, a = i / 5, { symbolColor: o, symbolFill: s } = pe(e, t, n);
+	for (let t of fe) {
 		if (!e.exits[t]) continue;
-		let c = e.doors[t], l = c === void 0 ? o : xe[c] ?? xe[3];
+		let c = e.doors[t], l = c === void 0 ? o : me[c] ?? me[3];
 		switch (t) {
 			case "up": {
-				let t = M(e.x, e.y, "south", i / 4);
+				let t = z(e.x, e.y, "south", i / 4);
 				r.push({
 					cx: t.x,
 					cy: t.y,
-					vertices: P(t.x, t.y, a, 0),
+					vertices: V(t.x, t.y, a, 0),
 					fill: s,
 					stroke: l,
 					strokeWidth: n.lineWidth
@@ -1050,11 +1051,11 @@ function Se(e, t, n) {
 				break;
 			}
 			case "down": {
-				let t = M(e.x, e.y, "north", i / 4);
+				let t = z(e.x, e.y, "north", i / 4);
 				r.push({
 					cx: t.x,
 					cy: t.y,
-					vertices: P(t.x, t.y, a, 180),
+					vertices: V(t.x, t.y, a, 180),
 					fill: s,
 					stroke: l,
 					strokeWidth: n.lineWidth
@@ -1062,18 +1063,18 @@ function Se(e, t, n) {
 				break;
 			}
 			case "in": {
-				let t = M(e.x, e.y, "west", i / 4), o = M(e.x, e.y, "east", i / 4);
+				let t = z(e.x, e.y, "west", i / 4), o = z(e.x, e.y, "east", i / 4);
 				r.push({
 					cx: t.x,
 					cy: t.y,
-					vertices: P(t.x, t.y, a, 90),
+					vertices: V(t.x, t.y, a, 90),
 					fill: s,
 					stroke: l,
 					strokeWidth: n.lineWidth
 				}), r.push({
 					cx: o.x,
 					cy: o.y,
-					vertices: P(o.x, o.y, a, -90),
+					vertices: V(o.x, o.y, a, -90),
 					fill: s,
 					stroke: l,
 					strokeWidth: n.lineWidth
@@ -1081,18 +1082,18 @@ function Se(e, t, n) {
 				break;
 			}
 			case "out": {
-				let t = M(e.x, e.y, "west", i / 4), o = M(e.x, e.y, "east", i / 4);
+				let t = z(e.x, e.y, "west", i / 4), o = z(e.x, e.y, "east", i / 4);
 				r.push({
 					cx: t.x,
 					cy: t.y,
-					vertices: P(t.x, t.y, a, -90),
+					vertices: V(t.x, t.y, a, -90),
 					fill: s,
 					stroke: l,
 					strokeWidth: n.lineWidth
 				}), r.push({
 					cx: o.x,
 					cy: o.y,
-					vertices: P(o.x, o.y, a, 90),
+					vertices: V(o.x, o.y, a, 90),
 					fill: s,
 					stroke: l,
 					strokeWidth: n.lineWidth
@@ -1105,15 +1106,15 @@ function Se(e, t, n) {
 }
 //#endregion
 //#region src/ScenePipeline.ts
-function Ce(e) {
+function ge(e) {
 	let t = (e?.alpha ?? 255) / 255, n = (e) => Math.min(255, Math.max(0, e ?? 0));
 	return `rgba(${n(e?.r)}, ${n(e?.g)}, ${n(e?.b)}, ${t})`;
 }
-function we(e, t) {
-	let n = Te(e);
+function _e(e, t) {
+	let n = ve(e);
 	return n ? `rgba(${n.r}, ${n.g}, ${n.b}, ${t})` : e;
 }
-function Te(e) {
+function ve(e) {
 	let t = e.match(/(\d+)\s*,\s*(\d+)\s*,\s*(\d+)/);
 	if (t) return {
 		r: +t[1],
@@ -1126,11 +1127,11 @@ function Te(e) {
 		b: parseInt(e.slice(5, 7), 16)
 	};
 }
-function Ee(e, t, n) {
-	let r = Te(e), i = Te(t);
+function ye(e, t, n) {
+	let r = ve(e), i = ve(t);
 	return !r || !i ? e : `rgb(${Math.round(r.r * n + i.r * (1 - n))}, ${Math.round(r.g * n + i.g * (1 - n))}, ${Math.round(r.b * n + i.b * (1 - n))})`;
 }
-function De(e, t) {
+function be(e, t) {
 	let n = t * t, r = [];
 	outer: for (let t of e) {
 		for (let e of r) for (let r of e) {
@@ -1144,9 +1145,9 @@ function De(e, t) {
 	}
 	return r;
 }
-var Oe = class {
+var xe = class {
 	constructor(e, t, n, r) {
-		this.mapReader = e, this.settings = t, this.backend = n, this.gridLayer = r.gridLayer, this.linkLayer = r.linkLayer, this.roomLayer = r.roomLayer, this.roomShapeRenderer = new ie(e, t, n), this.gridRenderer = new ae(r.gridLayer, t, n), this.exitRenderer = new pe(e, t);
+		this.mapReader = e, this.settings = t, this.backend = n, this.gridLayer = r.gridLayer, this.linkLayer = r.linkLayer, this.roomLayer = r.roomLayer, this.roomShapeRenderer = new N(e, t, n), this.gridRenderer = new P(r.gridLayer, t, n), this.exitRenderer = new oe(e, t);
 	}
 	buildScene(e, t, n, r) {
 		this.gridLayer.destroyChildren(), this.gridRenderer.invalidateCache(), this.linkLayer.destroyChildren(), this.roomLayer.destroyChildren(), r && this.gridRenderer.render(r), this.renderLabels(t.getLabels());
@@ -1166,7 +1167,7 @@ var Oe = class {
 		let t = /* @__PURE__ */ new Map(), n = [], r = this.settings.roomSize, i = this.backend.getExitDepthOffset();
 		return e.forEach((e) => {
 			let a = this.roomShapeRenderer.createRoomGroup(e);
-			for (let t of ve(e, this.settings)) {
+			for (let t of de(e, this.settings)) {
 				let e = this.backend.createGroup(i.x, i.y);
 				if (this.backend.addLine(e, {
 					points: t.line.points,
@@ -1219,7 +1220,7 @@ var Oe = class {
 					arrowColor: e.arrowColor
 				});
 			});
-			for (let t of ge(e, this.settings)) {
+			for (let t of le(e, this.settings)) {
 				let e = this.backend.createGroup(i.x, i.y);
 				this.backend.addLine(e, {
 					points: [
@@ -1232,7 +1233,7 @@ var Oe = class {
 					strokeWidth: t.strokeWidth
 				}), this.linkLayer.addNode(e);
 			}
-			let o = e.x - r / 2, s = e.y - r / 2, { triangles: c } = Se(e, this.mapReader, this.settings);
+			let o = e.x - r / 2, s = e.y - r / 2, { triangles: c } = he(e, this.mapReader, this.settings);
 			for (let e of c) {
 				let t = [];
 				for (let n = 0; n < e.vertices.length; n += 2) t.push(e.vertices[n] - o, e.vertices[n + 1] - s);
@@ -1335,7 +1336,7 @@ var Oe = class {
 				y: n,
 				width: e.Width,
 				height: e.Height,
-				fill: Ce(e.BgColor)
+				fill: ge(e.BgColor)
 			}), e.Text) {
 				let i = Math.min(.75, e.Width / Math.max(e.Text.length / 2, 1)), a = Math.max(.1, Math.min(i, Math.max(e.Height * .9, .1)));
 				this.backend.addText(r, {
@@ -1345,7 +1346,7 @@ var Oe = class {
 					height: e.Height,
 					text: e.Text,
 					fontSize: a,
-					fill: Ce(e.FgColor),
+					fill: ge(e.FgColor),
 					align: "center",
 					verticalAlign: "middle"
 				});
@@ -1373,20 +1374,18 @@ var Oe = class {
 			}, c = a.get(e.area);
 			c ? c.push(s) : a.set(e.area, [s]);
 		}
-		let o = .3, s = .18, c = .1;
-		o * .55, o * 1.1;
-		let l = .35, u = this.settings.roomSize, d = n.map((e) => ({
-			x: e.x - u / 2,
-			y: e.y - u / 2,
-			width: u,
-			height: u
-		})), f = e.map((e) => e.bounds), p = (e, t, n) => {
+		let o = this.settings.areaExitLabelFontSize, s = o * .6, c = o * .333, l = o * .55, u = o * 1.1, d = o * .6, f = .35, p = o * .1, h = this.settings.roomSize, g = n.map((e) => ({
+			x: e.x - h / 2,
+			y: e.y - h / 2,
+			width: h,
+			height: h
+		})), _ = e.map((e) => e.bounds), v = (e, t, n) => {
 			let r = Math.max(0, Math.max(e.x, t.x) - Math.min(e.x + e.w, t.x + t.w)), i = Math.max(0, Math.max(e.y, t.y) - Math.min(e.y + e.h, t.y + t.h));
 			return Math.hypot(r, i) <= n;
-		}, h = (e, t, n, r, i) => {
+		}, y = (e, t, n, r, i) => {
 			for (let a of i) if (e < a.x + a.width && e + n > a.x && t < a.y + a.height && t + r > a.y) return !0;
 			return !1;
-		}, g = [
+		}, b = [
 			[0, 1],
 			[0, -1],
 			[1, 0],
@@ -1395,73 +1394,79 @@ var Oe = class {
 			[-.707, .707],
 			[.707, -.707],
 			[-.707, -.707]
-		], _ = (e, t) => {
-			let n = t.length * .165 + s * 2, i = .33 + c * 2, a = 0, o = 0, l = 0, u = 0, p = /* @__PURE__ */ new Map();
-			for (let t of e) a += t.tip.x, o += t.tip.y, l += t.dir.x, u += t.dir.y, p.set(t.color, (p.get(t.color) ?? 0) + 1);
-			let m = e.length, _ = a / m, v = o / m, y = Math.hypot(l, u), b = y > 0 ? l / y : 0, x = y > 0 ? u / y : 0, S = 0;
+		], x = (e, t, n) => {
+			let i = t.length * l + s * 2, a = u + c * 2, o = 0, d = 0, f = 0, p = 0, m = Infinity, h = -Infinity, v = Infinity, x = -Infinity, S = /* @__PURE__ */ new Map();
+			for (let t of e) o += t.tip.x, d += t.tip.y, f += t.dir.x, p += t.dir.y, t.tip.x < m && (m = t.tip.x), t.tip.x > h && (h = t.tip.x), t.tip.y < v && (v = t.tip.y), t.tip.y > x && (x = t.tip.y), S.set(t.color, (S.get(t.color) ?? 0) + 1);
+			let C = e.length, w = Math.hypot(f, p), T = w > 0 ? f / w : 0, E = w > 0 ? p / w : 0, D = 0;
 			for (let t = 0; t < e.length; t++) for (let n = t + 1; n < e.length; n++) {
 				let r = e[t].tip.x - e[n].tip.x, i = e[t].tip.y - e[n].tip.y, a = Math.hypot(r, i);
-				a > S && (S = a);
+				a > D && (D = a);
 			}
-			let ee = !(S > 3) && y / m >= .4, C = "white", w = 0;
-			for (let [e, t] of p) t > w && (C = e, w = t);
-			let T = d.concat(f).concat(r), E = (e, t, r = 0) => .5 + r + Math.abs(e) * n / 2 + Math.abs(t) * i / 2, D = [];
-			if (ee) {
-				let e = E(b, x);
-				D.push({
-					x: _ + b * e,
-					y: v + x * e
+			let O = D > 3, k = w / C >= .4, A = n?.x ?? (O ? (m + h) / 2 : o / C), j = n?.y ?? (O ? (v + x) / 2 : d / C), M = "white", N = 0;
+			for (let [e, t] of S) t > N && (M = e, N = t);
+			let P = g.concat(_).concat(r), F = (e, t, n = 0) => .5 + n + Math.abs(e) * i / 2 + Math.abs(t) * a / 2, I = [];
+			if (k) {
+				let e = F(T, E);
+				I.push({
+					x: A + T * e,
+					y: j + E * e
 				});
 			}
-			D.push({
-				x: _,
-				y: v
+			I.push({
+				x: A,
+				y: j
 			});
 			for (let e of [
 				0,
 				.6,
 				1.4
-			]) for (let [t, n] of g) {
-				let r = E(t, n, e);
-				D.push({
-					x: _ + t * r,
-					y: v + n * r
+			]) for (let [t, n] of b) {
+				let r = F(t, n, e);
+				I.push({
+					x: A + t * r,
+					y: j + n * r
 				});
 			}
-			for (let t of D) {
-				let r = t.x - n / 2, a = t.y - i / 2;
-				if (!h(r, a, n, i, T)) return {
+			for (let t of I) {
+				let n = t.x - i / 2, r = t.y - a / 2;
+				if (!y(n, r, i, a, P)) return {
 					cluster: e,
-					boxX: r,
-					boxY: a,
-					boxW: n,
-					boxH: i,
-					color: C
+					boxX: n,
+					boxY: r,
+					boxW: i,
+					boxH: a,
+					color: M
 				};
 			}
 		};
 		for (let [e, t] of a) {
-			let n = this.mapReader.getArea(e)?.getAreaName() || `Area ${e}`, r = De(t, 10).map((e) => _(e, n)).filter((e) => e !== void 0), a = !0;
+			let n = this.mapReader.getArea(e)?.getAreaName() || `Area ${e}`, r = be(t, 10).map((e) => x(e, n)).filter((e) => e !== void 0), a = !0;
 			for (; a && r.length > 1;) {
 				a = !1;
-				outer: for (let e = 0; e < r.length; e++) for (let t = e + 1; t < r.length; t++) if (p({
-					x: r[e].boxX,
-					y: r[e].boxY,
-					w: r[e].boxW,
-					h: r[e].boxH
-				}, {
-					x: r[t].boxX,
-					y: r[t].boxY,
-					w: r[t].boxW,
-					h: r[t].boxH
-				}, 2)) {
-					let i = _([...r[e].cluster, ...r[t].cluster], n);
-					i ? (r[e] = i, r.splice(t, 1)) : (r.splice(t, 1), r.splice(e, 1)), a = !0;
-					break outer;
+				outer: for (let e = 0; e < r.length; e++) for (let t = e + 1; t < r.length; t++) {
+					let i = {
+						x: r[e].boxX,
+						y: r[e].boxY,
+						w: r[e].boxW,
+						h: r[e].boxH
+					}, o = {
+						x: r[t].boxX,
+						y: r[t].boxY,
+						w: r[t].boxW,
+						h: r[t].boxH
+					};
+					if (v(i, o, 2)) {
+						let s = [...r[e].cluster, ...r[t].cluster], c = x(s, n, {
+							x: (i.x + i.w / 2 + o.x + o.w / 2) / 2,
+							y: (i.y + i.h / 2 + o.y + o.h / 2) / 2
+						}) ?? x(s, n);
+						c ? (r[e] = c, r.splice(t, 1)) : (r.splice(t, 1), r.splice(e, 1)), a = !0;
+						break outer;
+					}
 				}
 			}
 			for (let e of r) {
-				let t = we(e.color, l), r = m(Ee(e.color, this.settings.backgroundColor, l)) > .55 ? "#000" : "#fff", a = this.backend.createGroup(0, 0);
+				let t = _e(e.color, f), r = m(ye(e.color, this.settings.backgroundColor, f)) > .55 ? "#000" : "#fff", a = this.backend.createGroup(0, 0);
 				this.backend.addRect(a, {
 					x: e.boxX,
 					y: e.boxY,
@@ -1469,8 +1474,8 @@ var Oe = class {
 					height: e.boxH,
 					fill: t,
 					stroke: e.color,
-					strokeWidth: .03,
-					cornerRadius: .18
+					strokeWidth: p,
+					cornerRadius: d
 				}), this.backend.addText(a, {
 					x: e.boxX + s,
 					y: e.boxY + c,
@@ -1506,14 +1511,14 @@ var Oe = class {
 			text: n,
 			fontSize: 2.5,
 			fontFamily: this.settings.fontFamily,
-			fill: "white"
+			fill: this.settings.lineColor
 		}), this.roomLayer.addNode(i);
 	}
-}, ke = 75;
-function Ae(e) {
+}, Se = 75;
+function Ce(e) {
 	return e < .5 ? 2 * e * e : -1 + (4 - 2 * e) * e;
 }
-var je = class {
+var we = class {
 	constructor(e, t) {
 		this.zoom = 1, this.minZoom = .05, this.position = {
 			x: 0,
@@ -1527,7 +1532,7 @@ var je = class {
 		}, this.width = e, this.height = t;
 	}
 	getScale() {
-		return ke * this.zoom;
+		return Se * this.zoom;
 	}
 	setZoom(e) {
 		let t = Math.max(this.minZoom, Math.min(5, e));
@@ -1602,7 +1607,7 @@ var je = class {
 	computeFitZoom(e, t, n, r, i) {
 		let a = t - e, o = r - n;
 		if (a <= 0 || o <= 0) return this.zoom;
-		let s = i?.top ?? 0, c = i?.right ?? 0, l = i?.bottom ?? 0, u = i?.left ?? 0, d = Math.max(1, this.width - u - c), f = Math.max(1, this.height - s - l), p = d / ((a + 4) * ke), m = f / ((o + 4) * ke);
+		let s = i?.top ?? 0, c = i?.right ?? 0, l = i?.bottom ?? 0, u = i?.left ?? 0, d = Math.max(1, this.width - u - c), f = Math.max(1, this.height - s - l), p = d / ((a + 4) * Se), m = f / ((o + 4) * Se);
 		return Math.max(.05, Math.min(5, Math.min(p, m)));
 	}
 	fitToMapBounds(e, t, n, r, i) {
@@ -1641,7 +1646,7 @@ var je = class {
 		this.cancelAnimation();
 		let n = performance.now(), r = typeof requestAnimationFrame < "u" ? requestAnimationFrame : (e) => setTimeout(() => e(performance.now()), 16), i = (a) => {
 			let o = a - n, s = Math.min(o / e, 1);
-			t(Ae(s)), this.notify(), s < 1 ? this.animationId = r(i) : this.animationId = void 0;
+			t(Ce(s)), this.notify(), s < 1 ? this.animationId = r(i) : this.animationId = void 0;
 		};
 		this.animationId = r(i);
 	}
@@ -1654,7 +1659,7 @@ var je = class {
 	notify() {
 		this.onChange?.();
 	}
-}, Me = class {
+}, Te = class {
 	constructor(e = 60) {
 		this.samples = [], this.lastCullingTime = 0, this.callback = null, this.windowSize = e;
 	}
@@ -1682,9 +1687,9 @@ var je = class {
 		for (let e of this.samples) t.cullingMs += e.cullingMs, t.gridMs += e.gridMs, t.visibleRooms += e.visibleRooms, t.totalRooms += e.totalRooms, t.visibleExits += e.visibleExits, t.fps += e.fps;
 		t.cullingMs /= e, t.gridMs /= e, t.visibleRooms = Math.round(t.visibleRooms / e), t.totalRooms = Math.round(t.totalRooms / e), t.visibleExits = Math.round(t.visibleExits / e), t.fps = Math.round(t.fps), this.callback(t), this.samples = [];
 	}
-}, Ne = class {
+}, Ee = class {
 	constructor(e, t, n, r) {
-		this.roomNodes = /* @__PURE__ */ new Map(), this.standaloneExitNodes = [], this.spatialBucketSize = 5, this.roomSpatialIndex = /* @__PURE__ */ new Map(), this.exitSpatialIndex = /* @__PURE__ */ new Map(), this.visibleRooms = /* @__PURE__ */ new Set(), this.visibleStandaloneExitNodes = /* @__PURE__ */ new Set(), this.bufferRoomSet = /* @__PURE__ */ new Set(), this.bufferExitSet = /* @__PURE__ */ new Set(), this.bufferRoomCandidates = /* @__PURE__ */ new Set(), this.bufferExitCandidates = /* @__PURE__ */ new Set(), this.cullingScheduled = !1, this.perfMonitor = new Me(), this.coordinateTransform = (e, t) => ({
+		this.roomNodes = /* @__PURE__ */ new Map(), this.standaloneExitNodes = [], this.spatialBucketSize = 5, this.roomSpatialIndex = /* @__PURE__ */ new Map(), this.exitSpatialIndex = /* @__PURE__ */ new Map(), this.visibleRooms = /* @__PURE__ */ new Set(), this.visibleStandaloneExitNodes = /* @__PURE__ */ new Set(), this.bufferRoomSet = /* @__PURE__ */ new Set(), this.bufferExitSet = /* @__PURE__ */ new Set(), this.bufferRoomCandidates = /* @__PURE__ */ new Set(), this.bufferExitCandidates = /* @__PURE__ */ new Set(), this.cullingScheduled = !1, this.perfMonitor = new Te(), this.coordinateTransform = (e, t) => ({
 			x: e,
 			y: t
 		}), this.lastGridMs = 0, this.stageInfo = e, this.roomLayer = t, this.linkLayer = n, this.settings = r;
@@ -1846,7 +1851,7 @@ var je = class {
 			!o.has(e) && e.group.isVisible() && (e.group.setVisible(!1), s = !0);
 		}), this.bufferExitSet = this.visibleStandaloneExitNodes, this.visibleStandaloneExitNodes = o, { changed: s };
 	}
-}, Pe = class {
+}, De = class {
 	constructor(e, t, n, r, i, a) {
 		this.cleanupFns = [], this.destroyed = !1, this.container = e, this.viewport = t, this.state = n, this.settings = r, this.hitTest = i, this.events = a, this.initViewportEvents(), this.initMapEvents();
 	}
@@ -2053,7 +2058,7 @@ var je = class {
 };
 //#endregion
 //#region src/backend/CanvasBackend.ts
-function Fe(e, t) {
+function Oe(e, t) {
 	switch (t.type) {
 		case "rect":
 			e.beginPath(), t.cr > 0 && typeof e.roundRect == "function" ? e.roundRect(t.x, t.y, t.w, t.h, t.cr) : e.rect(t.x, t.y, t.w, t.h), t.fill && (e.fillStyle = t.fill, e.fill()), t.stroke && t.sw > 0 && (e.strokeStyle = t.stroke, e.lineWidth = t.sw, t.dash ? e.setLineDash(t.dash) : e.setLineDash([]), e.stroke());
@@ -2106,7 +2111,7 @@ function Fe(e, t) {
 			break;
 	}
 }
-var F = class {
+var H = class {
 	constructor(e, t) {
 		this._visible = !0, this.commands = [], this.x = e, this.y = t;
 	}
@@ -2147,11 +2152,11 @@ var F = class {
 			perfectDrawEnabled: !1,
 			sceneFunc: (e) => {
 				let t = e._context;
-				for (let e of n) Fe(t, e);
+				for (let e of n) Oe(t, e);
 			}
 		})), this._konvaGroup = t, t;
 	}
-}, I = class {
+}, U = class {
 	constructor(t) {
 		this.groups = [], this.konvaLayer = t, t.destroyChildren();
 		let n = this;
@@ -2164,7 +2169,7 @@ var F = class {
 					if (!e._visible) continue;
 					let n = i * e.x + o * e.y + r.e, c = a * e.x + s * e.y + r.f;
 					t.setTransform(i, a, o, s, n, c);
-					for (let n of e.commands) Fe(t, n);
+					for (let n of e.commands) Oe(t, n);
 				}
 				t.setTransform(r);
 			}
@@ -2174,7 +2179,7 @@ var F = class {
 		this.konvaShape.getParent() || this.konvaLayer.add(this.konvaShape);
 	}
 	addNode(e) {
-		e instanceof F && (this.groups.push(e), this.ensureShape());
+		e instanceof H && (this.groups.push(e), this.ensureShape());
 	}
 	destroyChildren() {
 		this.groups.length = 0;
@@ -2183,16 +2188,16 @@ var F = class {
 		this.konvaLayer.batchDraw();
 	}
 };
-function Ie(t) {
+function ke(t) {
 	let n = e === void 0 ? typeof Image < "u" ? new Image() : null : e.Util.createImageElement();
 	return n && (n.src = t), n;
 }
-var Le = class {
+var Ae = class {
 	createGroup(e, t) {
-		return new F(e, t);
+		return new H(e, t);
 	}
 	addRect(e, t) {
-		e instanceof F && e.commands.push({
+		e instanceof H && e.commands.push({
 			type: "rect",
 			x: t.x,
 			y: t.y,
@@ -2206,7 +2211,7 @@ var Le = class {
 		});
 	}
 	addCircle(e, t) {
-		e instanceof F && e.commands.push({
+		e instanceof H && e.commands.push({
 			type: "circle",
 			cx: t.cx,
 			cy: t.cy,
@@ -2218,7 +2223,7 @@ var Le = class {
 		});
 	}
 	addLine(e, t) {
-		e instanceof F && e.commands.push({
+		e instanceof H && e.commands.push({
 			type: "line",
 			points: t.points,
 			stroke: t.stroke,
@@ -2233,7 +2238,7 @@ var Le = class {
 		this.addLine(e, t);
 	}
 	addPolygon(e, t) {
-		e instanceof F && e.commands.push({
+		e instanceof H && e.commands.push({
 			type: "polygon",
 			vertices: t.vertices,
 			fill: t.fill,
@@ -2242,7 +2247,7 @@ var Le = class {
 		});
 	}
 	addText(e, t) {
-		e instanceof F && e.commands.push({
+		e instanceof H && e.commands.push({
 			type: "text",
 			x: t.x,
 			y: t.y,
@@ -2260,13 +2265,13 @@ var Le = class {
 		});
 	}
 	addImage(e, t) {
-		e instanceof F && e.commands.push({
+		e instanceof H && e.commands.push({
 			type: "image",
 			x: t.x,
 			y: t.y,
 			w: t.width,
 			h: t.height,
-			image: Ie(t.src),
+			image: ke(t.src),
 			transform: t.transform
 		});
 	}
@@ -2285,7 +2290,7 @@ var Le = class {
 	getInverseTransform() {
 		return b;
 	}
-}, Re = class {
+}, je = class {
 	constructor(e) {
 		this.konvaGroup = e;
 	}
@@ -2310,12 +2315,12 @@ var Le = class {
 	moveToTop() {
 		this.konvaGroup.moveToTop();
 	}
-}, ze = class {
+}, Me = class {
 	constructor(e) {
 		this.konvaLayer = e;
 	}
 	addNode(e) {
-		e instanceof Re ? this.konvaLayer.add(e.konvaGroup) : e instanceof F && this.konvaLayer.add(e.materialize());
+		e instanceof je ? this.konvaLayer.add(e.konvaGroup) : e instanceof H && this.konvaLayer.add(e.materialize());
 	}
 	destroyChildren() {
 		this.konvaLayer.destroyChildren();
@@ -2323,20 +2328,20 @@ var Le = class {
 	batchDraw() {
 		this.konvaLayer.batchDraw();
 	}
-}, L = [
+}, W = [
 	"up",
 	"down",
 	"in",
 	"out"
 ];
-function R(e, t, n, r, i) {
-	return e.roomShape === "circle" ? de(t, n, r, i) : e.roomShape === "roundedRectangle" ? ue(t, n, r, i, e.roomSize * .2) : M(t, n, r, i);
+function G(e, t, n, r, i) {
+	return e.roomShape === "circle" ? ie(t, n, r, i) : e.roomShape === "roundedRectangle" ? re(t, n, r, i, e.roomSize * .2) : z(t, n, r, i);
 }
-function Be(e, t, n) {
+function Ne(e, t, n) {
 	for (let [e, r] of Object.entries(t.exits)) if (r === n.id) {
 		let r = e;
-		if (L.includes(r)) {
-			let e = A[r];
+		if (W.includes(r)) {
+			let e = L[r];
 			return {
 				type: "inner",
 				fromDir: r,
@@ -2345,7 +2350,7 @@ function Be(e, t, n) {
 				toRoom: n
 			};
 		}
-		let i = A[r];
+		let i = L[r];
 		return t.customLines[i] ? {
 			type: "special",
 			fromDir: r,
@@ -2361,7 +2366,7 @@ function Be(e, t, n) {
 		} : {
 			type: "regular",
 			fromDir: r,
-			toDir: Ve(n, t.id),
+			toDir: Pe(n, t.id),
 			fromRoom: t,
 			toRoom: n
 		};
@@ -2378,8 +2383,8 @@ function Be(e, t, n) {
 	};
 	for (let [e, r] of Object.entries(n.exits)) if (r === t.id) {
 		let r = e;
-		if (L.includes(r)) {
-			let e = A[r];
+		if (W.includes(r)) {
+			let e = L[r];
 			return {
 				type: "inner",
 				toDir: r,
@@ -2388,7 +2393,7 @@ function Be(e, t, n) {
 				toRoom: n
 			};
 		}
-		let i = A[r];
+		let i = L[r];
 		return n.customLines[i] ? {
 			type: "special",
 			toDir: r,
@@ -2424,39 +2429,39 @@ function Be(e, t, n) {
 		toRoom: n
 	};
 }
-function Ve(e, t) {
+function Pe(e, t) {
 	for (let [n, r] of Object.entries(e.exits)) if (r === t) return n;
 }
-function He(e, t, n) {
+function Fe(e, t, n) {
 	return e ? e.area === t && e.z === n : !1;
 }
-function Ue(e, t) {
+function Ie(e, t) {
 	for (let [n, r] of Object.entries(e.exits)) if (r === t.id) return { direction: n };
 	for (let [n, r] of Object.entries(e.specialExits)) if (r === t.id) return;
 }
-function We(e, t) {
-	for (let n of se) if (e.exits[n] === t.id) return n;
-	for (let n of se) if (t.exits[n] === e.id) return ce[n];
+function Le(e, t) {
+	for (let n of ee) if (e.exits[n] === t.id) return n;
+	for (let n of ee) if (t.exits[n] === e.id) return te[n];
 }
-function Ge(e, t, n) {
+function Re(e, t, n) {
 	let { fromRoom: r, toRoom: i, fromDir: a, toDir: o } = t;
-	if (n.length === 0 && n.push(r.x, r.y), a && k.includes(a)) {
-		let t = R(e, r.x, r.y, a, e.roomSize / 2);
+	if (n.length === 0 && n.push(r.x, r.y), a && F.includes(a)) {
+		let t = G(e, r.x, r.y, a, e.roomSize / 2);
 		n.push(t.x, t.y);
 	}
-	if (o && k.includes(o)) {
-		let t = R(e, i.x, i.y, o, e.roomSize / 2);
+	if (o && F.includes(o)) {
+		let t = G(e, i.x, i.y, o, e.roomSize / 2);
 		n.push(t.x, t.y);
 	}
 	n.push(i.x, i.y);
 }
-function Ke(e, t) {
+function ze(e, t) {
 	let { fromRoom: n, toRoom: r, customLineKey: i } = e, a = n, o;
 	i && (o = n.customLines[i], o || (o = r.customLines[i], a = r)), t.length === 0 && t.push(a.x, a.y), o && o.points.forEach((e) => {
 		t.push(e.x, -e.y);
 	}), t.push(r.x, r.y);
 }
-function qe(e, t, n, r, i) {
+function Be(e, t, n, r, i) {
 	let a = [], o = [], s = [], c = n.map((t) => e.getRoom(t)).filter((e) => e !== void 0), l = [], u = () => {
 		l.length >= 4 && a.push({ points: [...l] }), l = [];
 	}, d = (e) => {
@@ -2470,28 +2475,28 @@ function qe(e, t, n, r, i) {
 				}), s.push({ points: t });
 			}
 		}
-		r && L.includes(r) && o.push({
+		r && W.includes(r) && o.push({
 			room: t,
 			direction: r
-		}), i && L.includes(i) && o.push({
+		}), i && W.includes(i) && o.push({
 			room: n,
 			direction: i
 		});
 	};
 	for (let n = 0; n < c.length - 1; n++) {
-		let a = c[n], s = c[n + 1], f = He(a, r, i), p = He(s, r, i);
+		let a = c[n], s = c[n + 1], f = Fe(a, r, i), p = Fe(s, r, i);
 		if (!f && !p) {
 			u();
 			continue;
 		}
 		if (f && p) {
-			let n = Be(e, a, s);
+			let n = Ne(e, a, s);
 			switch (n.type) {
 				case "regular":
-					Ge(t, n, l);
+					Re(t, n, l);
 					break;
 				case "special":
-					Ke(n, l);
+					ze(n, l);
 					break;
 				case "inner":
 					u(), d(n);
@@ -2501,22 +2506,22 @@ function qe(e, t, n, r, i) {
 					break;
 			}
 		} else {
-			let e = f ? a : s, n = f ? s : a, r = Ue(e, n);
+			let e = f ? a : s, n = f ? s : a, r = Ie(e, n);
 			if (r) {
-				if (L.includes(r.direction)) u(), o.push({
+				if (W.includes(r.direction)) u(), o.push({
 					room: e,
 					direction: r.direction
 				});
-				else if (k.includes(r.direction)) {
+				else if (F.includes(r.direction)) {
 					l.length === 0 && l.push(e.x, e.y);
-					let n = R(t, e.x, e.y, r.direction, t.roomSize / 2), i = M(e.x, e.y, r.direction, t.roomSize);
+					let n = G(t, e.x, e.y, r.direction, t.roomSize / 2), i = z(e.x, e.y, r.direction, t.roomSize);
 					l.push(n.x, n.y, i.x, i.y), u();
 				}
 			} else {
-				let r = We(e, n);
+				let r = Le(e, n);
 				if (r) {
 					l.length === 0 && l.push(e.x, e.y);
-					let n = R(t, e.x, e.y, r, t.roomSize / 2), i = M(e.x, e.y, r, t.roomSize);
+					let n = G(t, e.x, e.y, r, t.roomSize / 2), i = z(e.x, e.y, r, t.roomSize);
 					l.push(n.x, n.y, i.x, i.y), u();
 				}
 			}
@@ -2530,7 +2535,7 @@ function qe(e, t, n, r, i) {
 }
 //#endregion
 //#region src/scene/OverlayStyle.ts
-function Je(e, t, n) {
+function Ve(e, t, n) {
 	let r = 1.425, i = n.roomSize;
 	return {
 		shape: n.roomShape === "circle" ? "circle" : "rect",
@@ -2543,7 +2548,7 @@ function Je(e, t, n) {
 		dash: [.05, .05]
 	};
 }
-function Ye(e, t) {
+function He(e, t) {
 	let n = t.playerMarker, r = t.roomSize * n.sizeFactor, i = n.matchRoomShape && t.roomShape !== "circle";
 	return {
 		shape: i ? "rect" : "circle",
@@ -2560,14 +2565,14 @@ function Ye(e, t) {
 		dashEnabled: n.dashEnabled
 	};
 }
-function Xe(e, t, n, r, i, a) {
-	let o = qe(e, t, n, i, a), s = t.lineWidth, c = t.roomSize / 5, l = [];
+function Ue(e, t, n, r, i, a) {
+	let o = Be(e, t, n, i, a), s = t.lineWidth, c = t.roomSize / 5, l = [];
 	for (let e of o.segments) e.points.length >= 4 && l.push({ points: e.points });
 	for (let e of o.customLines) e.points.length >= 4 && l.push({ points: e.points });
 	let u = [];
 	for (let e of o.innerMarkers) {
 		let t = e.direction === "up" ? 0 : e.direction === "down" ? 180 : e.direction === "in" ? 90 : -90;
-		u.push({ vertices: P(e.room.x, e.room.y, c, t) });
+		u.push({ vertices: V(e.room.x, e.room.y, c, t) });
 	}
 	return {
 		segments: l,
@@ -2579,7 +2584,7 @@ function Xe(e, t, n, r, i, a) {
 }
 //#endregion
 //#region src/scene/OverlayRenderer.ts
-function Ze(e, t) {
+function We(e, t) {
 	let n = e.createGroup(0, 0);
 	if (t.shape === "circle") e.addCircle(n, {
 		cx: t.cx,
@@ -2627,7 +2632,7 @@ function Ze(e, t) {
 	}
 	return n;
 }
-function Qe(e, t) {
+function Ge(e, t) {
 	let n = e.createGroup(0, 0), r = _(t.strokeColor, t.strokeAlpha), i = t.fillAlpha > 0 ? _(t.fillColor, t.fillAlpha) : void 0;
 	return t.shape === "circle" ? e.addCircle(n, {
 		cx: t.cx,
@@ -2651,7 +2656,7 @@ function Qe(e, t) {
 		dashEnabled: t.dashEnabled
 	}), n;
 }
-function $e(e, t) {
+function Ke(e, t) {
 	let n = e.createGroup(0, 0);
 	for (let r of t.segments) e.addLine(n, {
 		points: r.points,
@@ -2676,7 +2681,7 @@ function $e(e, t) {
 	});
 	return n;
 }
-function et(e, t) {
+function qe(e, t) {
 	let n = e.getExitDepthOffset(), r = e.createGroup(n.x, n.y);
 	return e.addLine(r, {
 		points: t.line.points,
@@ -2704,7 +2709,7 @@ function et(e, t) {
 		strokeWidth: t.door.strokeWidth
 	}), r;
 }
-function tt(e, t) {
+function Je(e, t) {
 	let n = e.getExitDepthOffset(), r = e.createGroup(n.x, n.y);
 	for (let n of t) e.addLine(r, {
 		points: [
@@ -2718,7 +2723,7 @@ function tt(e, t) {
 	});
 	return r;
 }
-function nt(e, t) {
+function Ye(e, t) {
 	let n = e.createGroup(0, 0);
 	for (let r of t) e.addPolygon(n, {
 		vertices: r.vertices,
@@ -2728,7 +2733,7 @@ function nt(e, t) {
 	});
 	return n;
 }
-function rt(e, t) {
+function Xe(e, t) {
 	let n = e.createGroup(0, 0);
 	return e.addImage(n, {
 		x: t.cx - t.displaySize / 2,
@@ -2740,7 +2745,7 @@ function rt(e, t) {
 }
 //#endregion
 //#region src/reader/Plane.ts
-var it = class {
+var Ze = class {
 	constructor(e, t) {
 		this.rooms = [], this.labels = [], this.rooms = e, this.labels = t, this.bounds = this.createBounds();
 	}
@@ -2771,7 +2776,7 @@ var it = class {
 		}
 		return e;
 	}
-}, at = class e {
+}, Qe = class e {
 	constructor(e) {
 		this.planes = {}, this.exits = /* @__PURE__ */ new Map(), this.version = 0, this.area = e, this.planes = this.createPlanes(), this.createExits();
 	}
@@ -2820,7 +2825,7 @@ var it = class {
 	}
 	createPlanes() {
 		let e = this.area.rooms.reduce((e, t) => (e[t.z] || (e[t.z] = []), e[t.z].push(t), e), {});
-		return Object.entries(e).reduce((e, [t, n]) => (e[+t] = new it(n, this.area.labels.filter((e) => e.Z === +t)), e), {});
+		return Object.entries(e).reduce((e, [t, n]) => (e[+t] = new Ze(n, this.area.labels.filter((e) => e.Z === +t)), e), {});
 	}
 	static {
 		this.oppositeDir = {
@@ -2891,7 +2896,7 @@ var it = class {
 			}
 		}
 	}
-}, ot = class extends it {
+}, $e = class extends Ze {
 	constructor(e, t) {
 		super(e.getRooms(), e.getLabels()), this.basePlane = e, this.visitedRooms = t;
 	}
@@ -2915,7 +2920,7 @@ var it = class {
 			maxY: -Infinity
 		}) : this.basePlane.getBounds();
 	}
-}, z = class extends at {
+}, K = class extends Qe {
 	constructor(e, t) {
 		super(e), this.planeCache = /* @__PURE__ */ new WeakMap(), this.visitedRooms = t instanceof Set ? t : new Set(t ?? []), this.areaRoomIds = new Set(e.rooms.map((e) => e.id));
 	}
@@ -2923,12 +2928,12 @@ var it = class {
 		let t = super.getPlane(e);
 		if (!t) return t;
 		let n = this.planeCache.get(t);
-		return n || (n = new ot(t, this.visitedRooms), this.planeCache.set(t, n)), n;
+		return n || (n = new $e(t, this.visitedRooms), this.planeCache.set(t, n)), n;
 	}
 	getPlanes() {
 		return super.getPlanes().map((e) => {
 			let t = this.planeCache.get(e);
-			return t || (t = new ot(e, this.visitedRooms), this.planeCache.set(e, t)), t;
+			return t || (t = new $e(e, this.visitedRooms), this.planeCache.set(e, t)), t;
 		});
 	}
 	getLinkExits(e) {
@@ -2960,7 +2965,7 @@ var it = class {
 		}
 		return t > 0 && this.markDirty(), t;
 	}
-}, B = "rgb(120, 72, 0)", st = class {
+}, q = "rgb(120, 72, 0)", et = class {
 	get coordinateTransform() {
 		return this._coordinateTransform;
 	}
@@ -2970,21 +2975,21 @@ var it = class {
 			width: n.clientWidth,
 			height: n.clientHeight,
 			draggable: !1
-		}), n.style.backgroundColor = t.settings.backgroundColor, this.viewport = new je(n.clientWidth, n.clientHeight)) : (this.stage = new e.Stage({
+		}), n.style.backgroundColor = t.settings.backgroundColor, this.viewport = new we(n.clientWidth, n.clientHeight)) : (this.stage = new e.Stage({
 			width: 1,
 			height: 1
-		}), this.viewport = new je(1, 1)), this.gridLayer = new e.Layer({ listening: !1 }), this.stage.add(this.gridLayer), this.linkLayer = new e.Layer({ listening: !1 }), this.stage.add(this.linkLayer), this.roomLayer = new e.Layer({ listening: !1 }), this.stage.add(this.roomLayer), this.positionLayer = new e.Layer({ listening: !1 }), this.stage.add(this.positionLayer), this.overlayLayer = new e.Layer({ listening: !1 }), this.stage.add(this.overlayLayer), this.drawingBackend = r ?? new Le(), this.positionLayerNode = new ze(this.positionLayer), this.overlayLayerNode = new ze(this.overlayLayer);
-		let i = new I(this.roomLayer), a = new I(this.linkLayer);
-		if (this.pipeline = new Oe(t.mapReader, t.settings, this.drawingBackend, {
-			gridLayer: new I(this.gridLayer),
+		}), this.viewport = new we(1, 1)), this.gridLayer = new e.Layer({ listening: !1 }), this.stage.add(this.gridLayer), this.linkLayer = new e.Layer({ listening: !1 }), this.stage.add(this.linkLayer), this.roomLayer = new e.Layer({ listening: !1 }), this.stage.add(this.roomLayer), this.positionLayer = new e.Layer({ listening: !1 }), this.stage.add(this.positionLayer), this.overlayLayer = new e.Layer({ listening: !1 }), this.stage.add(this.overlayLayer), this.drawingBackend = r ?? new Ae(), this.positionLayerNode = new Me(this.positionLayer), this.overlayLayerNode = new Me(this.overlayLayer);
+		let i = new U(this.roomLayer), a = new U(this.linkLayer);
+		if (this.pipeline = new xe(t.mapReader, t.settings, this.drawingBackend, {
+			gridLayer: new U(this.gridLayer),
 			linkLayer: a,
 			roomLayer: i
-		}), this.events = new v(n), this.culling = new Ne(this.stage, i, a, t.settings), this.viewport.onChange = () => this.applyViewportToStage(), n) {
+		}), this.events = new v(n), this.culling = new Ee(this.stage, i, a, t.settings), this.viewport.onChange = () => this.applyViewportToStage(), n) {
 			this.origSetSize = this.viewport.setSize.bind(this.viewport);
 			let e = this.origSetSize;
 			this.viewport.setSize = (t, n) => {
 				e(t, n), this.stage.width(t), this.stage.height(n);
-			}, this.interactionHandler = new Pe(n, this.viewport, t, t.settings, {
+			}, this.interactionHandler = new De(n, this.viewport, t, t.settings, {
 				clientToMapPoint: (e, t) => this.viewport.clientToMapPoint(e, t, n.getBoundingClientRect()),
 				findRoomAtPoint: (e, t) => this.culling.findRoomAtMapPoint(e, t),
 				getAreaExitHitZones: () => this.areaExitHitZones,
@@ -2994,10 +2999,10 @@ var it = class {
 		this.applyDrawingBackendTransforms(this.drawingBackend), this.subscribeToState(t);
 	}
 	setDrawingBackend(e) {
-		this.drawingBackend = e, this.pipeline = new Oe(this.state.mapReader, this.state.settings, e, {
-			gridLayer: new I(this.gridLayer),
-			linkLayer: new I(this.linkLayer),
-			roomLayer: new I(this.roomLayer)
+		this.drawingBackend = e, this.pipeline = new xe(this.state.mapReader, this.state.settings, e, {
+			gridLayer: new U(this.gridLayer),
+			linkLayer: new U(this.linkLayer),
+			roomLayer: new U(this.roomLayer)
 		}), this.applyDrawingBackendTransforms(e);
 	}
 	applyDrawingBackendTransforms(e) {
@@ -3061,38 +3066,38 @@ var it = class {
 		if (!o) return;
 		let { width: s, height: c } = t, l = t.padding ?? 3, u = this.viewport.width, d = this.viewport.height, f = this.viewport.zoom, p = this.viewport.minZoom, m = { ...this.viewport.position }, h = this.viewport.onChange;
 		this.viewport.onChange = void 0;
-		let g = this.state.computeExportBounds(a, o, t.roomId, l), _ = this._coordinateTransform, v = _(g.x, g.y), y = _(g.x + g.w, g.y), b = _(g.x + g.w, g.y + g.h), x = _(g.x, g.y + g.h), S = Math.min(v.x, y.x, b.x, x.x), ee = Math.max(v.x, y.x, b.x, x.x), C = Math.min(v.y, y.y, b.y, x.y), w = Math.max(v.y, y.y, b.y, x.y), T = {
+		let g = this.state.computeExportBounds(a, o, t.roomId, l), _ = this._coordinateTransform, v = _(g.x, g.y), y = _(g.x + g.w, g.y), b = _(g.x + g.w, g.y + g.h), x = _(g.x, g.y + g.h), S = Math.min(v.x, y.x, b.x, x.x), C = Math.max(v.x, y.x, b.x, x.x), w = Math.min(v.y, y.y, b.y, x.y), T = Math.max(v.y, y.y, b.y, x.y), E = {
 			x: S,
-			y: C,
-			w: ee - S,
-			h: w - C
-		}, E = s / T.w, D = c / T.h, O = Math.min(E, D), te = T.w * O, ne = T.h * O, re = (s - te) / 2, ie = (c - ne) / 2, ae = {
-			x: re - T.x * O,
-			y: ie - T.y * O
+			y: w,
+			w: C - S,
+			h: T - w
+		}, D = s / E.w, O = c / E.h, k = Math.min(D, O), A = E.w * k, j = E.h * k, M = (s - A) / 2, N = (c - j) / 2, P = {
+			x: M - E.x * k,
+			y: N - E.y * k
 		};
-		this.viewport.width = s, this.viewport.height = c, this.viewport.zoom = O / (this.viewport.getScale() / this.viewport.zoom), this.viewport.position = ae, this.stage.width(s), this.stage.height(c), this.stage.scale({
-			x: O,
-			y: O
-		}), this.stage.position(ae), this.pipeline.gridRenderer.render(this.viewport.getViewportBounds()), this.culling.updateCulling();
-		let k = new e.Layer({ listening: !1 });
-		k.scale({
-			x: 1 / O,
-			y: 1 / O
-		}), k.position({
-			x: -(re - T.x * O) / O,
-			y: -(ie - T.y * O) / O
-		}), k.add(new e.Rect({
+		this.viewport.width = s, this.viewport.height = c, this.viewport.zoom = k / (this.viewport.getScale() / this.viewport.zoom), this.viewport.position = P, this.stage.width(s), this.stage.height(c), this.stage.scale({
+			x: k,
+			y: k
+		}), this.stage.position(P), this.pipeline.gridRenderer.render(this.viewport.getViewportBounds()), this.culling.updateCulling();
+		let F = new e.Layer({ listening: !1 });
+		F.scale({
+			x: 1 / k,
+			y: 1 / k
+		}), F.position({
+			x: -(M - E.x * k) / k,
+			y: -(N - E.y * k) / k
+		}), F.add(new e.Rect({
 			x: 0,
 			y: 0,
 			width: s,
 			height: c,
 			fill: this.state.settings.backgroundColor
-		})), this.stage.add(k), k.moveToBottom();
-		let oe = this.stage.toCanvas({
+		})), this.stage.add(F), F.moveToBottom();
+		let I = this.stage.toCanvas({
 			width: s,
 			height: c
 		});
-		return k.destroy(), this.viewport.width = u, this.viewport.height = d, this.viewport.zoom = f, this.viewport.minZoom = p, this.viewport.position = m, this.viewport.onChange = h, this.stage.width(u), this.stage.height(d), this.applyViewportToStage(), this.culling.updateCulling(), oe;
+		return F.destroy(), this.viewport.width = u, this.viewport.height = d, this.viewport.zoom = f, this.viewport.minZoom = p, this.viewport.position = m, this.viewport.onChange = h, this.stage.width(u), this.stage.height(d), this.applyViewportToStage(), this.culling.updateCulling(), I;
 	}
 	refresh() {
 		let { currentAreaInstance: e, currentZIndex: t, positionRoomId: n } = this.state;
@@ -3199,8 +3204,8 @@ var it = class {
 	}
 	applyPositionMarker(e) {
 		this.positionMarker && this.positionMarker.destroy();
-		let t = Ye(e, this.state.settings);
-		this.positionMarker = Qe(this.drawingBackend, t), this.positionLayerNode.addNode(this.positionMarker);
+		let t = He(e, this.state.settings);
+		this.positionMarker = Ge(this.drawingBackend, t), this.positionLayerNode.addNode(this.positionMarker);
 	}
 	clearCurrentRoomOverlay() {
 		this.currentRoomOverlay.forEach((e) => e.destroy()), this.currentRoomOverlay = [], this.positionLayerNode.batchDraw();
@@ -3217,25 +3222,25 @@ var it = class {
 		}
 		let n = /* @__PURE__ */ new Map();
 		n.set(e.id, e);
-		let r = [], i = this.pipeline.exitRenderer, a = this.state.currentAreaInstance instanceof z ? this.state.currentAreaInstance : void 0;
+		let r = [], i = this.pipeline.exitRenderer, a = this.state.currentAreaInstance instanceof K ? this.state.currentAreaInstance : void 0;
 		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, B, this.state.currentZIndex);
+			let t = i.renderDataWithColor(e, q, this.state.currentZIndex);
 			t && r.push(this.pipeline.renderExitData(t));
 		});
-		for (let n of ve(e, t, B)) r.push(et(this.drawingBackend, n));
-		let o = ge(e, t, B);
-		o.length > 0 && r.push(tt(this.drawingBackend, o)), [...Object.values(e.exits), ...Object.values(e.specialExits)].forEach((e) => {
+		for (let n of de(e, t, q)) r.push(qe(this.drawingBackend, n));
+		let o = le(e, t, q);
+		o.length > 0 && r.push(Je(this.drawingBackend, o)), [...Object.values(e.exits), ...Object.values(e.specialExits)].forEach((e) => {
 			let t = this.state.mapReader.getRoom(e), r = !a || a.hasVisitedRoom(e);
 			t && t.area === this.state.currentArea && t.z === this.state.currentZIndex && r && n.set(e, t);
 		}), r.forEach((e) => {
 			this.positionLayerNode.addNode(e), this.currentRoomOverlay.push(e);
 		}), n.forEach((n, r) => {
-			let i = r === e.id, a = this.pipeline.roomShapeRenderer.createRoomGroup(n, { strokeOverride: i ? B : t.lineColor });
+			let i = r === e.id, a = this.pipeline.roomShapeRenderer.createRoomGroup(n, { strokeOverride: i ? q : t.lineColor });
 			this.positionLayerNode.addNode(a), this.currentRoomOverlay.push(a);
 		}), n.forEach((e) => {
-			let { triangles: n } = Se(e, this.state.mapReader, t);
+			let { triangles: n } = he(e, this.state.mapReader, t);
 			if (n.length > 0) {
-				let e = nt(this.drawingBackend, n);
+				let e = Ye(this.drawingBackend, n);
 				this.positionLayerNode.addNode(e), this.currentRoomOverlay.push(e);
 			}
 		}), this.positionMarker && this.positionMarker.moveToTop(), this.positionLayerNode.batchDraw();
@@ -3245,7 +3250,7 @@ var it = 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 = Je(n, t, this.state.settings), i = Ze(this.drawingBackend, r);
+				let r = Ve(n, t, this.state.settings), i = We(this.drawingBackend, r);
 				this.overlayLayerNode.addNode(i), this.highlightShapes.set(e, i);
 			}
 		}
@@ -3258,7 +3263,7 @@ var it = 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 = Je(n, t.color, this.state.settings), i = Ze(this.drawingBackend, r);
+			let r = Ve(n, t.color, this.state.settings), i = We(this.drawingBackend, r);
 			this.overlayLayerNode.addNode(i), this.highlightShapes.set(e, i);
 		}
 		this.overlayLayerNode.batchDraw();
@@ -3268,7 +3273,7 @@ var it = class {
 		let { currentArea: e, currentZIndex: t } = this.state;
 		if (!(e === void 0 || t === void 0)) {
 			for (let n of this.state.paths) {
-				let r = Xe(this.state.mapReader, this.state.settings, n.locations, n.color, e, t), i = $e(this.drawingBackend, r);
+				let r = Ue(this.state.mapReader, this.state.settings, n.locations, n.color, e, t), i = Ke(this.drawingBackend, r);
 				this.overlayLayerNode.addNode(i), this.pathShapes.push(i);
 			}
 			this.overlayLayerNode.batchDraw();
@@ -3282,12 +3287,12 @@ var it = class {
 		for (let e of this.pathShapes) e.destroy();
 		this.pathShapes = [];
 	}
-}, ct = class {
+}, tt = class {
 	get settings() {
 		return this.state.settings;
 	}
 	constructor(e, t, n, r) {
-		this.currentStyle = S, this.state = new y(e, t ?? p()), this.backend = r ? r(this.state) : new st(this.state, n);
+		this.currentStyle = S, this.state = new y(e, t ?? p()), this.backend = r ? r(this.state) : new et(this.state, n);
 	}
 	destroy() {
 		this.backend.destroy();
@@ -3332,7 +3337,7 @@ var it = class {
 		this.state.refreshPosition();
 	}
 	setStyle(e) {
-		this.currentStyle = e, this.backend.setDrawingBackend(e(new Le()));
+		this.currentStyle = e, this.backend.setDrawingBackend(e(new Ae()));
 	}
 	clearStyle() {
 		this.setStyle(S);
@@ -3427,16 +3432,16 @@ var it = class {
 };
 //#endregion
 //#region src/backend/SvgBackend.ts
-function V(e) {
+function J(e) {
 	return e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
 }
-function H(e, t) {
-	return t === void 0 ? "" : ` ${e}="${typeof t == "string" ? V(t) : t}"`;
+function Y(e, t) {
+	return t === void 0 ? "" : ` ${e}="${typeof t == "string" ? J(t) : t}"`;
 }
-function lt(e, t) {
+function nt(e, t) {
 	return !e || t === !1 ? "" : ` stroke-dasharray="${e.join(" ")}"`;
 }
-var U = class {
+var X = class {
 	constructor(e, t) {
 		this.elements = [], this.visible = !0, this.x = e, this.y = t;
 	}
@@ -3460,12 +3465,12 @@ var U = class {
 	toSvg() {
 		return !this.visible || this.elements.length === 0 ? "" : this.x === 0 && this.y === 0 ? this.elements.join("\n") : `<g transform="translate(${this.x},${this.y})">\n${this.elements.join("\n")}\n</g>`;
 	}
-}, W = class {
+}, rt = class {
 	constructor() {
 		this.groups = [];
 	}
 	addNode(e) {
-		e instanceof U && this.groups.push(e);
+		e instanceof X && this.groups.push(e);
 	}
 	destroyChildren() {
 		this.groups = [];
@@ -3474,50 +3479,50 @@ var U = class {
 	toSvg() {
 		return this.groups.filter((e) => e.isVisible()).map((e) => e.toSvg()).filter((e) => e.length > 0).join("\n");
 	}
-}, ut = class {
+}, it = class {
 	createGroup(e, t) {
-		return new U(e, t);
+		return new X(e, t);
 	}
 	addRect(e, t) {
-		if (!(e instanceof U)) return;
-		let n = t.fill ?? "none", r = `<rect${H("x", t.x)}${H("y", t.y)}${H("width", t.width)}${H("height", t.height)}${H("fill", n)}${H("stroke", t.stroke)}${H("stroke-width", t.strokeWidth)}${t.cornerRadius ? `${H("rx", t.cornerRadius)}${H("ry", t.cornerRadius)}` : ""}${lt(t.dash, t.dashEnabled)}/>`;
+		if (!(e instanceof X)) return;
+		let n = t.fill ?? "none", r = `<rect${Y("x", t.x)}${Y("y", t.y)}${Y("width", t.width)}${Y("height", t.height)}${Y("fill", n)}${Y("stroke", t.stroke)}${Y("stroke-width", t.strokeWidth)}${t.cornerRadius ? `${Y("rx", t.cornerRadius)}${Y("ry", t.cornerRadius)}` : ""}${nt(t.dash, t.dashEnabled)}/>`;
 		e.elements.push(r);
 	}
 	addCircle(e, t) {
-		if (!(e instanceof U)) return;
-		let n = t.fill ?? "none", r = `<circle${H("cx", t.cx)}${H("cy", t.cy)}${H("r", t.radius)}${H("fill", n)}${H("stroke", t.stroke)}${H("stroke-width", t.strokeWidth)}${lt(t.dash, t.dashEnabled)}/>`;
+		if (!(e instanceof X)) return;
+		let n = t.fill ?? "none", r = `<circle${Y("cx", t.cx)}${Y("cy", t.cy)}${Y("r", t.radius)}${Y("fill", n)}${Y("stroke", t.stroke)}${Y("stroke-width", t.strokeWidth)}${nt(t.dash, t.dashEnabled)}/>`;
 		e.elements.push(r);
 	}
 	addLine(e, t) {
-		if (!(e instanceof U)) return;
+		if (!(e instanceof X)) return;
 		let n = t.points, r = [];
 		for (let e = 0; e < n.length; e += 2) r.push(`${n[e]},${n[e + 1]}`);
-		let i = `<polyline points="${r.join(" ")}"${H("stroke", t.stroke)}${H("stroke-width", t.strokeWidth)}${lt(t.dash)}${H("stroke-linecap", t.lineCap)}${H("stroke-linejoin", t.lineJoin)}${H("opacity", t.alpha)} fill="none"/>`;
+		let i = `<polyline points="${r.join(" ")}"${Y("stroke", t.stroke)}${Y("stroke-width", t.strokeWidth)}${nt(t.dash)}${Y("stroke-linecap", t.lineCap)}${Y("stroke-linejoin", t.lineJoin)}${Y("opacity", t.alpha)} fill="none"/>`;
 		e.elements.push(i);
 	}
 	addGridLine(e, t) {
 		this.addLine(e, t);
 	}
 	addPolygon(e, t) {
-		if (!(e instanceof U)) return;
+		if (!(e instanceof X)) return;
 		let n = t.vertices, r = [];
 		for (let e = 0; e < n.length; e += 2) r.push(`${n[e]},${n[e + 1]}`);
-		let i = `<polygon points="${r.join(" ")}"${H("fill", t.fill)}${H("stroke", t.stroke)}${H("stroke-width", t.strokeWidth)}/>`;
+		let i = `<polygon points="${r.join(" ")}"${Y("fill", t.fill)}${Y("stroke", t.stroke)}${Y("stroke-width", t.strokeWidth)}/>`;
 		e.elements.push(i);
 	}
 	addText(e, t) {
-		if (!(e instanceof U)) return;
+		if (!(e instanceof X)) return;
 		let n = t.x, r = t.y, i = "start", a = "auto";
 		t.width !== void 0 && (t.align === "center" ? (n = t.x + t.width / 2, i = "middle") : t.align === "right" && (n = t.x + t.width, i = "end")), t.height !== void 0 && t.verticalAlign === "middle" ? t.baselineRatio === void 0 ? (r = t.y + t.height / 2, a = "central") : r = t.y + t.height / 2 + t.baselineRatio * t.fontSize : t.offsetY && (r -= t.offsetY);
-		let o = t.transform ? ` transform="matrix(${t.transform.join(",")})"` : "", s = `<text${H("x", n)}${H("y", r)}${H("font-size", t.fontSize)}${t.fontFamily ? H("font-family", t.fontFamily) : ""}${t.fontStyle === "bold" ? " font-weight=\"bold\"" : ""}${H("fill", t.fill)} text-anchor="${i}" dominant-baseline="${a}"${o}>${V(t.text)}</text>`;
+		let o = t.transform ? ` transform="matrix(${t.transform.join(",")})"` : "", s = `<text${Y("x", n)}${Y("y", r)}${Y("font-size", t.fontSize)}${t.fontFamily ? Y("font-family", t.fontFamily) : ""}${t.fontStyle === "bold" ? " font-weight=\"bold\"" : ""}${Y("fill", t.fill)} text-anchor="${i}" dominant-baseline="${a}"${o}>${J(t.text)}</text>`;
 		e.elements.push(s);
 	}
 	addImage(e, t) {
-		if (e instanceof U) if (t.transform) {
-			let [n, r, i, a, o, s] = t.transform, c = `<image${H("width", t.width)}${H("height", t.height)} href="${V(t.src)}" transform="matrix(${n},${r},${i},${a},${o},${s})"/>`;
+		if (e instanceof X) if (t.transform) {
+			let [n, r, i, a, o, s] = t.transform, c = `<image${Y("width", t.width)}${Y("height", t.height)} href="${J(t.src)}" transform="matrix(${n},${r},${i},${a},${o},${s})"/>`;
 			e.elements.push(c);
 		} else {
-			let n = `<image${H("x", t.x)}${H("y", t.y)}${H("width", t.width)}${H("height", t.height)} href="${V(t.src)}"/>`;
+			let n = `<image${Y("x", t.x)}${Y("y", t.y)}${Y("width", t.width)}${Y("height", t.height)} href="${J(t.src)}"/>`;
 			e.elements.push(n);
 		}
 	}
@@ -3533,8 +3538,8 @@ var U = class {
 	getInverseTransform() {
 		return b;
 	}
-}, dt = "#4a3728", ft = "#3b2a1a", pt = 139, mt = 115, ht = 85, gt = 244, _t = 228, vt = 193;
-function yt(e) {
+}, at = "#4a3728", ot = "#3b2a1a", st = 139, ct = 115, lt = 85, ut = 244, dt = 228, ft = 193;
+function pt(e) {
 	let t = e.match(/rgba?\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)(?:\s*,\s*([\d.]+))?\s*\)/);
 	return t ? {
 		r: parseInt(t[1]),
@@ -3548,60 +3553,60 @@ function yt(e) {
 		a: 1
 	} : null;
 }
-function bt(e) {
-	let t = yt(e);
-	if (!t) return `rgb(${gt}, ${_t}, ${vt})`;
-	let n = (.299 * t.r + .587 * t.g + .114 * t.b) / 255, r = Math.round(pt + (gt - pt) * n), i = Math.round(mt + (_t - mt) * n), a = Math.round(ht + (vt - ht) * n);
+function mt(e) {
+	let t = pt(e);
+	if (!t) return `rgb(${ut}, ${dt}, ${ft})`;
+	let n = (.299 * t.r + .587 * t.g + .114 * t.b) / 255, r = Math.round(st + (ut - st) * n), i = Math.round(ct + (dt - ct) * n), a = Math.round(lt + (ft - lt) * n);
 	return t.a < 1 ? `rgba(${r}, ${i}, ${a}, ${t.a})` : `rgb(${r}, ${i}, ${a})`;
 }
-function G(e) {
-	let t = yt(e);
-	if (!t || t.a >= 1) return dt;
-	let n = yt(dt);
+function Z(e) {
+	let t = pt(e);
+	if (!t || t.a >= 1) return at;
+	let n = pt(at);
 	return `rgba(${n.r}, ${n.g}, ${n.b}, ${t.a})`;
 }
-var xt = class extends x {
+var ht = class extends x {
 	addRect(e, t) {
 		this.inner.addRect(e, {
 			...t,
-			fill: t.fill ? bt(t.fill) : void 0,
-			stroke: t.stroke ? G(t.stroke) : void 0
+			fill: t.fill ? mt(t.fill) : void 0,
+			stroke: t.stroke ? Z(t.stroke) : void 0
 		});
 	}
 	addCircle(e, t) {
 		this.inner.addCircle(e, {
 			...t,
-			fill: t.fill ? bt(t.fill) : void 0,
-			stroke: t.stroke ? G(t.stroke) : void 0
+			fill: t.fill ? mt(t.fill) : void 0,
+			stroke: t.stroke ? Z(t.stroke) : void 0
 		});
 	}
 	addLine(e, t) {
 		this.inner.addLine(e, {
 			...t,
-			stroke: t.stroke ? G(t.stroke) : void 0
+			stroke: t.stroke ? Z(t.stroke) : void 0
 		});
 	}
 	addGridLine(e, t) {
 		this.inner.addGridLine(e, {
 			...t,
-			stroke: t.stroke ? G(t.stroke) : void 0
+			stroke: t.stroke ? Z(t.stroke) : void 0
 		});
 	}
 	addPolygon(e, t) {
 		this.inner.addPolygon(e, {
 			...t,
-			fill: t.fill ? bt(t.fill) : void 0,
-			stroke: t.stroke ? G(t.stroke) : void 0
+			fill: t.fill ? mt(t.fill) : void 0,
+			stroke: t.stroke ? Z(t.stroke) : void 0
 		});
 	}
 	addText(e, t) {
 		this.inner.addText(e, {
 			...t,
-			fill: ft
+			fill: ot
 		});
 	}
-}, St = "#c0deff", Ct = "#e0f0ff", wt = 20, Tt = 40, Et = 80, Dt = 60, Ot = 100, kt = 160;
-function At(e) {
+}, gt = "#c0deff", _t = "#e0f0ff", vt = 20, yt = 40, bt = 80, xt = 60, St = 100, Ct = 160;
+function wt(e) {
 	let t = e.match(/rgba?\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)(?:\s*,\s*([\d.]+))?\s*\)/);
 	return t ? {
 		r: parseInt(t[1]),
@@ -3615,54 +3620,54 @@ function At(e) {
 		a: 1
 	} : null;
 }
-function jt(e) {
-	let t = At(e);
-	if (!t) return `rgb(${Dt}, ${Ot}, ${kt})`;
-	let n = (.299 * t.r + .587 * t.g + .114 * t.b) / 255, r = Math.round(wt + (Dt - wt) * n), i = Math.round(Tt + (Ot - Tt) * n), a = Math.round(Et + (kt - Et) * n);
+function Tt(e) {
+	let t = wt(e);
+	if (!t) return `rgb(${xt}, ${St}, ${Ct})`;
+	let n = (.299 * t.r + .587 * t.g + .114 * t.b) / 255, r = Math.round(vt + (xt - vt) * n), i = Math.round(yt + (St - yt) * n), a = Math.round(bt + (Ct - bt) * n);
 	return t.a < 1 ? `rgba(${r}, ${i}, ${a}, ${t.a})` : `rgb(${r}, ${i}, ${a})`;
 }
-function K(e) {
-	let t = At(e);
-	if (!t || t.a >= 1) return St;
-	let n = At(St);
+function Et(e) {
+	let t = wt(e);
+	if (!t || t.a >= 1) return gt;
+	let n = wt(gt);
 	return `rgba(${n.r}, ${n.g}, ${n.b}, ${t.a})`;
 }
-var Mt = class extends x {
+var Dt = class extends x {
 	addRect(e, t) {
 		this.inner.addRect(e, {
 			...t,
-			fill: t.fill ? jt(t.fill) : void 0,
-			stroke: t.stroke ? K(t.stroke) : void 0
+			fill: t.fill ? Tt(t.fill) : void 0,
+			stroke: t.stroke ? Et(t.stroke) : void 0
 		});
 	}
 	addCircle(e, t) {
 		this.inner.addCircle(e, {
 			...t,
-			fill: t.fill ? jt(t.fill) : void 0,
-			stroke: t.stroke ? K(t.stroke) : void 0
+			fill: t.fill ? Tt(t.fill) : void 0,
+			stroke: t.stroke ? Et(t.stroke) : void 0
 		});
 	}
 	addLine(e, t) {
 		this.inner.addLine(e, {
 			...t,
-			stroke: t.stroke ? K(t.stroke) : void 0
+			stroke: t.stroke ? Et(t.stroke) : void 0
 		});
 	}
 	addPolygon(e, t) {
 		this.inner.addPolygon(e, {
 			...t,
-			fill: t.fill ? jt(t.fill) : void 0,
-			stroke: t.stroke ? K(t.stroke) : void 0
+			fill: t.fill ? Tt(t.fill) : void 0,
+			stroke: t.stroke ? Et(t.stroke) : void 0
 		});
 	}
 	addText(e, t) {
 		this.inner.addText(e, {
 			...t,
-			fill: Ct
+			fill: _t
 		});
 	}
-}, Nt = "#00ffd0", Pt = .3, q = 3;
-function Ft(e) {
+}, Ot = "#00ffd0", kt = .3, At = 3;
+function jt(e) {
 	let t = e.match(/rgba?\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)(?:\s*,\s*([\d.]+))?\s*\)/);
 	return t ? {
 		r: parseInt(t[1]),
@@ -3676,7 +3681,7 @@ function Ft(e) {
 		a: 1
 	} : null;
 }
-function It(e, t, n) {
+function Mt(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 [
@@ -3691,132 +3696,132 @@ function It(e, t, n) {
 		a
 	];
 }
-function Lt(e, t, n, r = 1) {
+function Nt(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 Rt(e) {
-	let t = Ft(e);
+function Pt(e) {
+	let t = jt(e);
 	if (!t) return {
 		neon: "#00ff88",
 		h: 150,
 		s: 1,
 		a: 1
 	};
-	let [n, ,] = It(t.r, t.g, t.b);
+	let [n, ,] = Mt(t.r, t.g, t.b);
 	return {
-		neon: Lt(n, .95, .65, t.a),
+		neon: Nt(n, .95, .65, t.a),
 		h: n,
 		s: .95,
 		a: t.a
 	};
 }
-function zt(e) {
-	let t = Ft(e);
+function Ft(e) {
+	let t = jt(e);
 	if (!t) return "rgb(8, 12, 10)";
-	let [n, ,] = It(t.r, t.g, t.b);
-	return Lt(n, .4, .1, t.a);
+	let [n, ,] = Mt(t.r, t.g, t.b);
+	return Nt(n, .4, .1, t.a);
 }
-function J(e) {
-	let { h: t, a: n } = Rt(e);
-	return Lt(t, .95, .65, Math.min(n, Pt));
+function It(e) {
+	let { h: t, a: n } = Pt(e);
+	return Nt(t, .95, .65, Math.min(n, kt));
 }
-function Y(e) {
-	let { neon: t } = Rt(e);
+function Q(e) {
+	let { neon: t } = Pt(e);
 	return t;
 }
-var Bt = class extends x {
+var Lt = class extends x {
 	addRect(e, t) {
 		if (t.stroke) {
-			let n = (t.strokeWidth ?? 1) * q;
+			let n = (t.strokeWidth ?? 1) * At;
 			this.inner.addRect(e, {
 				...t,
 				fill: void 0,
-				stroke: J(t.stroke),
+				stroke: It(t.stroke),
 				strokeWidth: n
 			});
 		}
 		this.inner.addRect(e, {
 			...t,
-			fill: t.fill ? zt(t.fill) : void 0,
-			stroke: t.stroke ? Y(t.stroke) : void 0
+			fill: t.fill ? Ft(t.fill) : void 0,
+			stroke: t.stroke ? Q(t.stroke) : void 0
 		});
 	}
 	addCircle(e, t) {
 		if (t.stroke) {
-			let n = (t.strokeWidth ?? 1) * q;
+			let n = (t.strokeWidth ?? 1) * At;
 			this.inner.addCircle(e, {
 				...t,
 				fill: void 0,
-				stroke: J(t.stroke),
+				stroke: It(t.stroke),
 				strokeWidth: n
 			});
 		}
 		this.inner.addCircle(e, {
 			...t,
-			fill: t.fill ? zt(t.fill) : void 0,
-			stroke: t.stroke ? Y(t.stroke) : void 0
+			fill: t.fill ? Ft(t.fill) : void 0,
+			stroke: t.stroke ? Q(t.stroke) : void 0
 		});
 	}
 	addLine(e, t) {
 		if (t.stroke) {
-			let n = (t.strokeWidth ?? 1) * q;
+			let n = (t.strokeWidth ?? 1) * At;
 			this.inner.addLine(e, {
 				...t,
-				stroke: J(t.stroke),
+				stroke: It(t.stroke),
 				strokeWidth: n,
-				alpha: Pt
+				alpha: kt
 			});
 		}
 		this.inner.addLine(e, {
 			...t,
-			stroke: t.stroke ? Y(t.stroke) : void 0
+			stroke: t.stroke ? Q(t.stroke) : void 0
 		});
 	}
 	addGridLine(e, t) {
 		if (t.stroke) {
-			let n = (t.strokeWidth ?? 1) * q;
+			let n = (t.strokeWidth ?? 1) * At;
 			this.inner.addGridLine(e, {
 				...t,
-				stroke: J(t.stroke),
+				stroke: It(t.stroke),
 				strokeWidth: n,
-				alpha: Pt
+				alpha: kt
 			});
 		}
 		this.inner.addGridLine(e, {
 			...t,
-			stroke: t.stroke ? Y(t.stroke) : void 0
+			stroke: t.stroke ? Q(t.stroke) : void 0
 		});
 	}
 	addPolygon(e, t) {
 		this.inner.addPolygon(e, {
 			...t,
-			fill: t.fill ? zt(t.fill) : void 0,
-			stroke: t.stroke ? Y(t.stroke) : void 0
+			fill: t.fill ? Ft(t.fill) : void 0,
+			stroke: t.stroke ? Q(t.stroke) : void 0
 		});
 	}
 	addText(e, t) {
 		this.inner.addText(e, {
 			...t,
-			fill: Nt
+			fill: Ot
 		});
 	}
 };
 //#endregion
 //#region src/style/SketchyStyle.ts
-function X(e) {
+function Rt(e) {
 	let t = e | 0 || 1;
 	return () => (t = t * 1664525 + 1013904223 | 0, (t >>> 0) / 4294967296);
 }
-function Z(...e) {
+function zt(...e) {
 	let t = 2654435769;
 	for (let n of e) t ^= (n * 1e3 | 0) + 2654435769 + (t << 6) + (t >> 2);
 	return t;
 }
-function Vt(e, t, n, r, i, a) {
+function Bt(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,
@@ -3831,17 +3836,17 @@ function Vt(e, t, n, r, i, a) {
 	}
 	return f.push(n + l * (a() - .5) * i * .3, r + u * (a() - .5) * i * .3), f;
 }
-function Ht(e, t, n) {
+function Vt(e, t, n) {
 	if (e.length < 4) return e;
 	let r = [];
 	for (let i = 0; i < e.length - 2; i += 2) {
-		let a = Vt(e[i], e[i + 1], e[i + 2], e[i + 3], t, n);
+		let a = Bt(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 Ut(e, t, n, r, i, a) {
+function Ht(e, t, n, r, i, a) {
 	let o = [
 		e,
 		t,
@@ -3853,12 +3858,12 @@ function Ut(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 = Vt(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 = Bt(t, n, c, l, i, a);
 		for (let e = 0; e < u.length - 2; e++) s.push(u[e]);
 	}
 	return s;
 }
-function Wt(e, t, n, r, i) {
+function Ut(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;
@@ -3866,17 +3871,17 @@ function Wt(e, t, n, r, i) {
 	}
 	return a;
 }
-function Gt(e, t, n) {
+function Wt(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 = Vt(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 = Bt(o, s, l, u, t, n);
 		for (let e = 0; e < d.length - 2; e++) i.push(d[e]);
 	}
 	return i;
 }
-var Kt = class extends x {
+var Gt = class extends x {
 	constructor(e, t, n) {
 		super(e), this.jitter = t, this.pencil = n;
 	}
@@ -3888,7 +3893,7 @@ var Kt = class extends x {
 		return n >= 1 ? this.pencil : `rgba(${parseInt(this.pencil.slice(1, 3), 16)}, ${parseInt(this.pencil.slice(3, 5), 16)}, ${parseInt(this.pencil.slice(5, 7), 16)}, ${n})`;
 	}
 	addRect(e, t) {
-		let n = this.jitter, r = this.pencil, i = X(Z(t.x, t.y, t.width, t.height)), a = t.fill ? "#ffffff" : void 0, o = t.stroke ? r : void 0;
+		let n = this.jitter, r = this.pencil, i = Rt(zt(t.x, t.y, t.width, t.height)), a = t.fill ? "#ffffff" : void 0, o = t.stroke ? r : void 0;
 		if (t.cornerRadius && t.cornerRadius > 0) {
 			if (a && this.inner.addRect(e, {
 				...t,
@@ -3896,7 +3901,7 @@ var Kt = class extends x {
 				stroke: void 0,
 				strokeWidth: 0
 			}), o && t.strokeWidth) {
-				let r = Ut(t.x, t.y, t.width, t.height, n, i);
+				let r = Ht(t.x, t.y, t.width, t.height, n, i);
 				this.inner.addPolygon(e, {
 					vertices: r,
 					stroke: o,
@@ -3905,7 +3910,7 @@ var Kt = class extends x {
 			}
 			return;
 		}
-		let s = Ut(t.x, t.y, t.width, t.height, n, i);
+		let s = Ht(t.x, t.y, t.width, t.height, n, i);
 		this.inner.addPolygon(e, {
 			vertices: s,
 			fill: a,
@@ -3914,7 +3919,7 @@ var Kt = class extends x {
 		});
 	}
 	addCircle(e, t) {
-		let n = this.jitter, r = this.pencil, i = X(Z(t.cx, t.cy, t.radius)), a = Wt(t.cx, t.cy, t.radius, n, i);
+		let n = this.jitter, r = this.pencil, i = Rt(zt(t.cx, t.cy, t.radius)), a = Ut(t.cx, t.cy, t.radius, n, i);
 		this.inner.addPolygon(e, {
 			vertices: a,
 			fill: t.fill ? "#ffffff" : void 0,
@@ -3923,7 +3928,7 @@ var Kt = class extends x {
 		});
 	}
 	addLine(e, t) {
-		let n = this.jitter, r = X(Z(...t.points.slice(0, 4))), i = Ht(t.points, n, r), a = this.applyPencilWithAlpha(t.stroke);
+		let n = this.jitter, r = Rt(zt(...t.points.slice(0, 4))), i = Vt(t.points, n, r), a = this.applyPencilWithAlpha(t.stroke);
 		this.inner.addLine(e, {
 			...t,
 			points: i,
@@ -3931,7 +3936,7 @@ var Kt = class extends x {
 		});
 	}
 	addPolygon(e, t) {
-		let n = this.jitter, r = this.pencil, i = X(Z(...t.vertices.slice(0, 4))), a = Gt(t.vertices, n, i);
+		let n = this.jitter, r = this.pencil, i = Rt(zt(...t.vertices.slice(0, 4))), a = Wt(t.vertices, n, i);
 		this.inner.addPolygon(e, {
 			...t,
 			vertices: a,
@@ -3948,20 +3953,20 @@ var Kt = class extends x {
 };
 //#endregion
 //#region src/style/IsometricStyle.ts
-function qt(e) {
+function Kt(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 Jt(e) {
+function qt(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, Yt = class extends x {
+var $ = 32, Jt = class extends x {
 	constructor(e, t) {
-		if (super(e), typeof t == "number") this.depth = t, this.iso = qt(0), this.isoInv = Jt(0);
+		if (super(e), typeof t == "number") this.depth = t, this.iso = Kt(0), this.isoInv = qt(0);
 		else {
 			let e = t?.rotation ?? 0;
-			this.depth = t?.depth ?? .18, this.iso = qt(e), this.isoInv = Jt(e);
+			this.depth = t?.depth ?? .18, this.iso = Kt(e), this.isoInv = qt(e);
 		}
 	}
 	ix(e, t) {
@@ -4113,14 +4118,14 @@ var Q = 32, Yt = class extends x {
 		});
 	}
 	addCircle(e, t) {
-		let { cx: n, cy: r, radius: i, fill: a, stroke: o, strokeWidth: s } = t, c = Array(Q * 2);
-		for (let e = 0; e < Q; e++) {
-			let t = e / Q * Math.PI * 2, a = n + Math.cos(t) * i, o = r + Math.sin(t) * i, [s, l] = this.iso(a, o);
+		let { cx: n, cy: r, radius: i, fill: a, stroke: o, strokeWidth: s } = t, c = Array($ * 2);
+		for (let e = 0; e < $; e++) {
+			let t = e / $ * Math.PI * 2, a = n + Math.cos(t) * i, o = r + Math.sin(t) * i, [s, l] = this.iso(a, o);
 			c[e * 2] = s, c[e * 2 + 1] = l;
 		}
 		if (t.dash || t.dashEnabled) {
-			for (let n = 0; n < Q; n++) {
-				let r = (n + 1) % Q;
+			for (let n = 0; n < $; n++) {
+				let r = (n + 1) % $;
 				this.inner.addLine(e, {
 					points: [
 						c[n * 2],
@@ -4137,9 +4142,9 @@ var Q = 32, Yt = class extends x {
 		}
 		if (this.depth > 0 && a) {
 			let t = this.depth, n = 0, r = 0, i = 0, l = -Infinity, u = Infinity, d = -Infinity;
-			for (let e = 0; e < Q; e++) c[e * 2] > l && (l = c[e * 2], n = e), c[e * 2] < u && (u = c[e * 2], r = e), c[e * 2 + 1] > d && (d = c[e * 2 + 1], i = e);
+			for (let e = 0; e < $; e++) c[e * 2] > l && (l = c[e * 2], n = e), c[e * 2] < u && (u = c[e * 2], r = e), c[e * 2 + 1] > d && (d = c[e * 2 + 1], i = e);
 			let f = [], p = n;
-			for (let e = 0; e <= Q && (f.push(c[p * 2], c[p * 2 + 1]), p !== i); e++) p = (p + 1) % Q;
+			for (let e = 0; e <= $ && (f.push(c[p * 2], c[p * 2 + 1]), p !== i); e++) p = (p + 1) % $;
 			for (let e = f.length - 2; e >= 0; e -= 2) f.push(f[e], f[e + 1] + t);
 			this.inner.addPolygon(e, {
 				vertices: f,
@@ -4149,7 +4154,7 @@ var Q = 32, Yt = class extends x {
 			});
 			let m = [];
 			p = i;
-			for (let e = 0; e <= Q && (m.push(c[p * 2], c[p * 2 + 1]), p !== r); e++) p = (p + 1) % Q;
+			for (let e = 0; e <= $ && (m.push(c[p * 2], c[p * 2 + 1]), p !== r); e++) p = (p + 1) % $;
 			for (let e = m.length - 2; e >= 0; e -= 2) m.push(m[e], m[e + 1] + t);
 			this.inner.addPolygon(e, {
 				vertices: m,
@@ -4247,19 +4252,19 @@ var Q = 32, Yt = class extends x {
 			y: t + n.y
 		};
 	}
-}, Xt = ((e) => new xt(e)), Zt = ((e) => new Mt(e)), Qt = ((e) => new Bt(e));
-function $t(e) {
-	return ((t) => new Kt(t, e.jitter, e.color));
+}, Yt = ((e) => new ht(e)), Xt = ((e) => new Dt(e)), Zt = ((e) => new Lt(e));
+function Qt(e) {
+	return ((t) => new Gt(t, e.jitter, e.color));
 }
-function en(e = {}) {
-	return ((t) => new Yt(t, e));
+function $t(e = {}) {
+	return ((t) => new Jt(t, e));
 }
 //#endregion
 //#region src/export/SvgExporter.ts
-function tn(e) {
+function en(e) {
 	return e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
 }
-var nn = class {
+var tn = class {
 	constructor(e = {}) {
 		this.options = e;
 	}
@@ -4268,7 +4273,7 @@ var nn = class {
 		if (r === void 0 || i === void 0 || !a) return;
 		let o = a, s = o.getPlane(i);
 		if (!s) return;
-		let c = e.settings, l = this.options.padding ?? 3, u = e.computeExportBounds(o, s, this.options.roomId, l), d = t(new ut()), f = new W(), p = new W(), m = new W(), h = new Oe(e.mapReader, c, d, {
+		let c = e.settings, l = this.options.padding ?? 3, u = e.computeExportBounds(o, s, this.options.roomId, l), d = t(new it()), f = new rt(), p = new rt(), m = new rt(), h = new xe(e.mapReader, c, d, {
 			gridLayer: f,
 			linkLayer: p,
 			roomLayer: m
@@ -4280,7 +4285,7 @@ var nn = class {
 		};
 		h.buildScene(o, s, i, g);
 		let _ = [];
-		_.push(`<svg xmlns="http://www.w3.org/2000/svg" viewBox="${u.x} ${u.y} ${u.w} ${u.h}">`), _.push(`<rect x="${u.x}" y="${u.y}" width="${u.w}" height="${u.h}" fill="${tn(c.backgroundColor)}"/>`);
+		_.push(`<svg xmlns="http://www.w3.org/2000/svg" viewBox="${u.x} ${u.y} ${u.w} ${u.h}">`), _.push(`<rect x="${u.x}" y="${u.y}" width="${u.w}" height="${u.h}" fill="${en(c.backgroundColor)}"/>`);
 		let v = f.toSvg();
 		v && _.push(v);
 		let y = p.toSvg();
@@ -4291,7 +4296,7 @@ var nn = class {
 		this.renderBuiltInOverlays(x, d, e, g, _);
 		for (let t of n) {
 			let n = t.render(d, e, g), r = n === void 0 ? [] : Array.isArray(n) ? n : [n];
-			for (let e of r) if (e instanceof U) {
+			for (let e of r) if (e instanceof X) {
 				let t = e.toSvg();
 				t && _.push(t);
 			}
@@ -4302,31 +4307,31 @@ var nn = class {
 		if (!e) return;
 		let a = n.settings;
 		if (e.paths) for (let r of e.paths) {
-			let e = $e(t, Xe(n.mapReader, a, r.locations, r.color, n.currentArea, n.currentZIndex)).toSvg();
+			let e = Ke(t, Ue(n.mapReader, a, r.locations, r.color, n.currentArea, n.currentZIndex)).toSvg();
 			e && i.push(e);
 		}
 		if (e.highlights) for (let r of e.highlights) {
 			let e = n.mapReader.getRoom(r.roomId);
 			if (!e) continue;
-			let o = Ze(t, Je(e, r.color, a)).toSvg();
+			let o = We(t, Ve(e, r.color, a)).toSvg();
 			o && i.push(o);
 		}
 		if (e.position) {
 			let r = n.mapReader.getRoom(e.position.roomId);
 			if (r) {
-				let e = Qe(t, Ye(r, a)).toSvg();
+				let e = Ge(t, He(r, a)).toSvg();
 				e && i.push(e);
 			}
 		}
 	}
-}, rn = class {
+}, nn = class {
 	constructor(e = {}) {
 		this.options = e;
 	}
 	render({ backend: e }) {
 		return e.exportCanvas(this.options)?.toDataURL("image/png");
 	}
-}, an = class {
+}, rn = class {
 	constructor(e = {}) {
 		this.options = e;
 	}
@@ -4343,32 +4348,32 @@ var nn = class {
 };
 //#endregion
 //#region src/export/canvasToBytes.ts
-function on(e, t = "image/png", n) {
+function an(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 sn = class {
+var on = class {
 	constructor(e) {
 		this.options = e;
 	}
 	render({ backend: e }) {
 		return e.toCanvas(this.options);
 	}
-}, cn = class {
+}, sn = class {
 	constructor(e) {
 		this.options = e;
 	}
 	render(e) {
 		let t = e.backend.toCanvas(this.options);
-		if (t) return on(t, this.options.mimeType, this.options.quality);
+		if (t) return an(t, this.options.mimeType, this.options.quality);
 	}
-}, $, ln, un = 256;
+}, cn, ln, un = 256;
 function dn(e, t, n) {
 	let r = `${e.toFixed(2)}:${t}:${n.toFixed(3)}`;
-	if (ln === r && $) return $;
+	if (ln === r && cn) return cn;
 	let i = un, a = i / 2, o = document.createElement("canvas");
 	o.width = i, o.height = i;
 	let s = o.getContext("2d");
@@ -4376,7 +4381,7 @@ function dn(e, t, n) {
 	let c = s.createRadialGradient(a, a, 0, a, a, a), l = Math.min(n, .99);
 	c.addColorStop(0, "rgba(0, 0, 0, 1)"), c.addColorStop(l * .25, "rgba(0, 0, 0, 0.97)"), c.addColorStop(l * .5, "rgba(0, 0, 0, 0.82)"), c.addColorStop(l * .7, "rgba(0, 0, 0, 0.50)"), c.addColorStop(l * .85, "rgba(0, 0, 0, 0.22)"), c.addColorStop(l * .95, "rgba(0, 0, 0, 0.06)"), c.addColorStop(l, "rgba(0, 0, 0, 0)"), l < .98 && c.addColorStop(1, "rgba(0, 0, 0, 0)"), s.fillStyle = c, s.beginPath(), s.arc(a, a, a, 0, Math.PI * 2), s.fill(), s.globalCompositeOperation = "source-over";
 	let u = parseInt(t.slice(1, 3), 16), d = parseInt(t.slice(3, 5), 16), f = parseInt(t.slice(5, 7), 16), p = s.createRadialGradient(a, a, 0, a, a, a * l);
-	return p.addColorStop(0, `rgba(${u}, ${d}, ${f}, 0.05)`), p.addColorStop(1, `rgba(${u}, ${d}, ${f}, 0)`), s.fillStyle = p, s.fillRect(0, 0, i, i), $ = o.toDataURL(), ln = r, $;
+	return p.addColorStop(0, `rgba(${u}, ${d}, ${f}, 0.05)`), p.addColorStop(1, `rgba(${u}, ${d}, ${f}, 0)`), s.fillStyle = p, s.fillRect(0, 0, i, i), cn = o.toDataURL(), ln = r, cn;
 }
 function fn(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);
@@ -4418,7 +4423,7 @@ var pn = {
 	render(e, t, n) {
 		if (t.positionRoomId === void 0) return;
 		let r = t.mapReader.getRoom(t.positionRoomId);
-		if (r) return rt(e, fn(r.x, r.y, n, this.params));
+		if (r) return Xe(e, fn(r.x, r.y, n, this.params));
 	}
 }, hn = {
 	rgb: [
@@ -4452,7 +4457,7 @@ var _n = class {
 				this.rooms[e.id] = e;
 			});
 			let n = parseInt(e.areaId);
-			this.areas[n] = new at(t), this.areaSources[n] = t;
+			this.areas[n] = new Qe(t), this.areaSources[n] = t;
 		}), this.colors = t.reduce((e, t) => ({
 			...e,
 			[t.envId]: {
@@ -4476,7 +4481,7 @@ var _n = class {
 	}
 	getExplorationArea(e) {
 		let t = this.areas[e];
-		if (t instanceof z) return t;
+		if (t instanceof K) return t;
 	}
 	getAreas() {
 		return Object.values(this.areas);
@@ -4493,7 +4498,7 @@ var _n = class {
 	applyExplorationDecoration() {
 		this.visitedRooms && Object.entries(this.areaSources).forEach(([e, t]) => {
 			let n = parseInt(e, 10);
-			this.areas[n] = new z(t, this.visitedRooms);
+			this.areas[n] = new K(t, this.visitedRooms);
 		});
 	}
 	decorateWithExploration(e) {
@@ -4505,7 +4510,7 @@ var _n = class {
 	clearExplorationDecoration() {
 		Object.entries(this.areaSources).forEach(([e, t]) => {
 			let n = parseInt(e, 10);
-			this.areas[n] = new at(t);
+			this.areas[n] = new Qe(t);
 		}), this.explorationEnabled = !1;
 	}
 	isExplorationEnabled() {
@@ -5056,7 +5061,7 @@ var Pn = class {
 				toAreaId: e.fromAreaId,
 				fromRoomId: e.toRoomId,
 				toRoomId: e.fromRoomId,
-				direction: e.direction ? ce[e.direction] : null,
+				direction: e.direction ? te[e.direction] : null,
 				fromRoomPosition: e.toRoomPosition,
 				toRoomPosition: e.fromRoomPosition
 			});
@@ -5132,7 +5137,7 @@ var Pn = class {
 		}[e.toLowerCase().trim()] ?? null;
 	}
 	toPlanarDirection(e) {
-		return e && se.includes(e) ? e : null;
+		return e && ee.includes(e) ? e : null;
 	}
 	layoutAreas() {
 		if (Array.from(this.areaNodes.values()).length === 0) return;
@@ -5675,6 +5680,6 @@ var Pn = class {
 	}
 };
 //#endregion
-export { mn as AmbientLightOverlay, Pn as AreaMapRenderer, x as BaseStyle, Zt as Blueprint, Mt as BlueprintStyle, Le as CanvasBackend, sn as CanvasExporter, z as ExplorationArea, b as IDENTITY_TRANSFORM, en as Isometric, Yt as IsometricStyle, st as KonvaRenderBackend, Tn as MapGraph, _n as MapReader, ct as MapRenderer, y as MapState, Qt as Neon, Bt as NeonStyle, Xt as Parchment, xt as ParchmentStyle, jn as PathFinder, an as PngBlobExporter, cn as PngBytesExporter, rn as PngExporter, $t as Sketchy, Kt as SketchyStyle, ut as SvgBackend, nn as SvgExporter, U as SvgGroupNode, W as SvgLayerNode, je as Viewport, on as canvasToBytes, m as colorLightness, ee as compose, qe as computePathData, Nn as createAreaMapSettings, p as createSettings, h as darkenColor, _ as hexToRgba, S as identityStyle };
+export { mn as AmbientLightOverlay, Pn as AreaMapRenderer, x as BaseStyle, Xt as Blueprint, Dt as BlueprintStyle, Ae as CanvasBackend, on as CanvasExporter, K as ExplorationArea, b as IDENTITY_TRANSFORM, $t as Isometric, Jt as IsometricStyle, et as KonvaRenderBackend, Tn as MapGraph, _n as MapReader, tt as MapRenderer, y as MapState, Zt as Neon, Lt as NeonStyle, Yt as Parchment, ht as ParchmentStyle, jn as PathFinder, rn as PngBlobExporter, sn as PngBytesExporter, nn as PngExporter, Qt as Sketchy, Gt as SketchyStyle, it as SvgBackend, tn as SvgExporter, X as SvgGroupNode, rt as SvgLayerNode, we as Viewport, an as canvasToBytes, m as colorLightness, C as compose, Be as computePathData, Nn as createAreaMapSettings, p as createSettings, h as darkenColor, _ as hexToRgba, S as identityStyle };
 
 //# sourceMappingURL=index.mjs.map