@expofp/floorplan 3.38.0 → 3.39.1

package/dist/browser/{dimming-BrGbMBxb.js → dimming-3R7UOgr9.js}

@@ -1,79 +1,79 @@
 (function() {
 	try {
 		var e = typeof window < "u" ? window : typeof global < "u" ? global : typeof globalThis < "u" ? globalThis : typeof self < "u" ? self : {};
-		e.SENTRY_RELEASE = { id: "3.38.0" };
+		e.SENTRY_RELEASE = { id: "3.39.1" };
 		var t = new e.Error().stack;
-		t && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[t] = "c2ed156b-d772-472b-9015-96d582153d95", e._sentryDebugIdIdentifier = "sentry-dbid-c2ed156b-d772-472b-9015-96d582153d95");
+		t && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[t] = "2625f088-ed85-4ae2-84e2-7c34c42fa851", e._sentryDebugIdIdentifier = "sentry-dbid-2625f088-ed85-4ae2-84e2-7c34c42fa851");
 	} catch {}
 })();
-import { r as e } from "./rolldown-runtime-CjjOYn6R.js";
-import { j as t, v as n } from "./i18n-C6fFyMGD.js";
-import { t as r } from "./react-C-Qd2U47.js";
-import { t as i } from "./loadImage-DUelfWA7.js";
-import { r as a } from "./debug-context-BnO2NQR9.js";
-import { $t as o, A as s, An as c, Ct as l, Dn as u, En as d, Et as f, Fn as p, Gt as m, In as h, Kt as g, Mn as _, Nn as v, Nt as y, On as b, Pn as x, Qt as S, Rt as C, Wt as w, Xt as T, Yt as E, Zt as D, a as O, bt as k, c as A, en as j, in as M, jn as N, l as ee, on as te, pn as P, qt as F, t as ne, tn as I, vt as L, wn as R, wt as re, x as ie, xn as z, z as B, zt as ae } from "./store-DcCWvP6P.js";
-import { i as oe, n as se } from "./viewport-3wsqmW9Q.js";
+import { r as e } from "./rolldown-runtime-BOCG9HEF.js";
+import { j as t, v as n } from "./i18n-BVE2kS7w.js";
+import { t as r } from "./react-CM7l092i.js";
+import { t as i } from "./loadImage-B-6VhOfG.js";
+import { r as a } from "./debug-context-CxXzVYRx.js";
+import { $t as o, A as s, An as c, Ct as l, Dn as u, En as d, Fn as f, Ft as p, In as m, It as h, Kt as g, Mn as _, Nn as v, On as y, Ot as b, Pn as x, Pt as S, Qt as C, Ut as w, Xt as T, Yt as E, Zt as D, a as O, bt as k, c as A, en as j, in as M, jn as N, kt as P, l as F, on as ee, pn as I, qt as L, t as te, tn as R, vt as z, wn as B, wt as ne, x as re, xn as ie, z as V } from "./store-CARxK2Ft.js";
+import { i as ae, n as oe } from "./viewport-CN0fRYhD.js";
 //#region src/components/Map/traffic/trafficLayers.ts
-var ce = "traffic_route", le = "traffic_route_stop", V = "traffic_vehicles", ue = "build_route_lines", de = "build_route_dots", fe = 5;
-function pe() {
+var se = "traffic_route", ce = "traffic_route_stop", H = "traffic_vehicles", le = "build_route_lines", ue = "build_route_dots", de = 5;
+function fe() {
 	let e = [];
-	for (let t = 0; t < fe; t++) e.push({
-		name: me(t),
+	for (let t = 0; t < de; t++) e.push({
+		name: pe(t),
 		children: []
 	}), e.push({
-		name: he(t),
+		name: me(t),
 		children: []
 	});
 	return e.push({
-		name: V,
+		name: H,
 		children: []
 	}), e.push({
-		name: ue,
+		name: le,
 		children: []
 	}), e.push({
-		name: de,
+		name: ue,
 		children: []
 	}), e;
 }
+function pe(e) {
+	return `${se}_${e + 1}`;
+}
 function me(e) {
 	return `${ce}_${e + 1}`;
 }
-function he(e) {
-	return `${le}_${e + 1}`;
+function he() {
+	return RegExp(`^${se}_\\d+$`);
 }
 function ge() {
 	return RegExp(`^${ce}_\\d+$`);
 }
-function _e() {
-	return RegExp(`^${le}_\\d+$`);
-}
 //#endregion
 //#region src/components/Map/drawing/config/config-booth-badge-eligibility.ts
-var ve = /* @__PURE__ */ e(u(), 1);
-function ye(e) {
+var _e = /* @__PURE__ */ e(u(), 1);
+function ve(e) {
 	return e.hideExhibitorBoothNumber || e.hideBoothBadges || !e.hasExhibitors ? !1 : e.noLabels || !e.hideLogoInBooth && e.hasLogoInBooth;
 }
 //#endregion
 //#region src/components/Map/drawing/config/config-booth-badge.ts
-var be = .5, xe = .3, Se = 15, Ce = 24, we = 30, Te = 12, Ee = .8, De = document.createElement("canvas").getContext("2d");
-function Oe(e) {
-	return e.length <= Se ? e : e.slice(0, Se - 1) + "…";
+var ye = .5, be = .3, xe = 15, Se = 24, Ce = 30, we = 12, Te = .8, Ee = document.createElement("canvas").getContext("2d");
+function De(e) {
+	return e.length <= xe ? e : e.slice(0, xe - 1) + "…";
 }
-function ke(e) {
+function Oe(e) {
 	var t, n;
 	if (!((t = e.paths) != null && t.length)) return [];
 	let r = ((n = e.layer) == null ? void 0 : n.name) || "", i = [];
-	for (let t of e.paths) for (let e of z(t.index, r)) i.push(e);
+	for (let t of e.paths) for (let e of ie(t.index, r)) i.push(e);
 	return i;
 }
-function Ae(e) {
-	let t = ke(e);
+function ke(e) {
+	let t = Oe(e);
 	return t.length ? c.fromPoints(t.flat().map(([e, t]) => ({
 		x: e,
 		y: t
 	}))) : null;
 }
-function je(e) {
+function Ae(e) {
 	let t = [], n = [];
 	for (let r of e) {
 		let e = t.length;
@@ -94,14 +94,14 @@ function je(e) {
 	}
 	return new v(t, n);
 }
-function H(e, t, n) {
+function U(e, t, n) {
 	return n.containsPoint({
 		x: e,
 		y: t
 	});
 }
-function Me(e, t, n, r, i, a, o, s) {
-	if (!e.length || !H(n, r, t)) return o;
+function je(e, t, n, r, i, a, o, s) {
+	if (!e.length || !U(n, r, t)) return o;
 	let c = {
 		x: n,
 		y: r
@@ -109,30 +109,30 @@ function Me(e, t, n, r, i, a, o, s) {
 	for (let e = 0; e < 10; e++) {
 		let e = (l + u) / 2, o = i * e, d = a * e;
 		[
-			p({
+			f({
 				x: n + o,
 				y: r
 			}, s, c),
-			p({
+			f({
 				x: n,
 				y: r + d
 			}, s, c),
-			p({
+			f({
 				x: n + o,
 				y: r + d
 			}, s, c)
-		].every((e) => H(e.x, e.y, t)) ? l = e : u = e;
+		].every((e) => U(e.x, e.y, t)) ? l = e : u = e;
 	}
 	return l;
 }
-function Ne(e) {
+function Me(e) {
 	var t;
-	return (t = Ae(e)) == null ? e.rect : t;
+	return (t = ke(e)) == null ? e.rect : t;
 }
-function Pe(e, t, n, r, i, a) {
+function Ne(e, t, n, r, i, a) {
 	var o;
 	if (t.length) {
-		let o = Ne(e), s = {
+		let o = Me(e), s = {
 			x: i > 0 ? o.min.x : o.max.x,
 			y: a > 0 ? o.min.y : o.max.y
 		}, c = /* @__PURE__ */ new Set(), l = null, u = Infinity;
@@ -141,7 +141,7 @@ function Pe(e, t, n, r, i, a) {
 			if (c.has(e)) continue;
 			c.add(e);
 			let o = t[0] + r * i, d = t[1] + r * a;
-			if (H(o, d, n)) {
+			if (U(o, d, n)) {
 				let e = Math.abs(o - s.x) + Math.abs(d - s.y);
 				e < u && (u = e, l = {
 					x: o,
@@ -152,7 +152,7 @@ function Pe(e, t, n, r, i, a) {
 		if (l) return l;
 	}
 	let s = i > 0 ? e.rect.min.x + r : e.rect.max.x - r, c = a > 0 ? e.rect.min.y + r : e.rect.max.y - r, l = (o = e.rotate) == null ? 0 : o;
-	return l ? p({
+	return l ? f({
 		x: s,
 		y: c
 	}, l, e.rect.center) : {
@@ -160,48 +160,48 @@ function Pe(e, t, n, r, i, a) {
 		y: c
 	};
 }
-function U(e) {
+function W(e) {
 	return e && e !== "none" ? e : void 0;
 }
-function Fe(e) {
+function Pe(e) {
 	var t;
-	let n = U(e.borderColor) || U(R.boothBorderColor) || R.colors.booths.default;
-	return ((t = e.paths) == null ? void 0 : t.length) > 1 && U(e.paths[e.paths.length - 1].color) || n;
+	let n = W(e.borderColor) || W(B.boothBorderColor) || B.colors.booths.default;
+	return ((t = e.paths) == null ? void 0 : t.length) > 1 && W(e.paths[e.paths.length - 1].color) || n;
 }
-function Ie(e) {
+function Fe(e) {
 	var t;
-	let r = Oe(e.title || e.name), i = Fe(e), a = ie((0, ve.default)(i).hex()), o = l();
-	De.font = te(we, o);
-	let s = De.measureText(r).width, c = Math.ceil(s + Te * 2), u = (e.borderWidth || ne.borderWidth) / 2, d = c * Ee, f = 54 * Ee, h = e.rect.size.width, g = e.rect.size.height, v = (e) => {
+	let r = De(e.title || e.name), i = Pe(e), a = re((0, _e.default)(i).hex()), o = l();
+	Ee.font = ee(Ce, o);
+	let s = Ee.measureText(r).width, c = Math.ceil(s + we * 2), u = (e.borderWidth || te.borderWidth) / 2, d = c * Te, m = 54 * Te, h = e.rect.size.width, g = e.rect.size.height, v = (e) => {
 		let t = e ? g : h, n = e ? h : g;
-		return Math.min(t > 0 ? t * be / d : Infinity, n > 0 ? n * xe / f : Infinity);
-	}, b = ke(e), x = je(b), C = (t = e.rotate) == null ? 0 : t, O = 0, k = 0, A = 0, j = 0, M = () => {
-		let t = Pe(e, b, x, u, O === 0 || O === 3 ? 1 : -1, O === 0 || O === 1 ? 1 : -1);
+		return Math.min(t > 0 ? t * ye / d : Infinity, n > 0 ? n * be / m : Infinity);
+	}, y = Oe(e), b = Ae(y), x = (t = e.rotate) == null ? 0 : t, O = 0, k = 0, A = 0, j = 0, M = () => {
+		let t = Ne(e, y, b, u, O === 0 || O === 3 ? 1 : -1, O === 0 || O === 1 ? 1 : -1);
 		k = t.x, A = t.y;
 		let n = v(O === 1 || O === 3);
-		j = Me(b, x, k, A, d, f, n, C);
+		j = je(y, b, k, A, d, m, n, x);
 	};
 	M();
 	let N = (t, n) => {
 		let r = t / 2, i = n / 2;
-		return new _(p({
+		return new _(f({
 			x: k + r,
 			y: A + i
-		}, C, {
+		}, x, {
 			x: k,
 			y: A
 		}), {
 			x: t,
 			y: n
-		}, C, e.elevation);
-	}, P = re(o, S()), F = E(N(1, 1), i);
-	F.hidden = !0, F.dim = e.skipDim ? 0 : void 0;
-	let I = T(D([[r], []], a, 0, [P, P]), N(1, 1), [0, 0], {
+		}, x, e.elevation);
+	}, P = ne(o, C()), I = E(N(1, 1), i);
+	I.hidden = !0, I.dim = e.skipDim ? 0 : void 0;
+	let L = T(D([[r], []], a, 0, [P, P]), N(1, 1), [0, 0], {
 		horizontal: "center",
 		vertical: "center"
 	});
-	I.hidden = !0, I.dim = e.skipDim ? 0 : void 0;
-	let L = {
+	L.hidden = !0, L.dim = e.skipDim ? 0 : void 0;
+	let R = {
 		booth: e,
 		anchor: {
 			x: k,
@@ -209,36 +209,36 @@ function Ie(e) {
 		},
 		source: {
 			x: d,
-			y: f
+			y: m
 		},
-		rotation: C,
+		rotation: x,
 		maxScale: j,
-		bg: F,
-		text: I
-	}, R = new Le(L);
-	F.onScale = ({ pixelSize: e }) => R.layOutBg(e), I.onScale = ({ pixelSize: e }) => R.layOutText(e);
-	let z = [];
-	return z.push(n(() => e.skipDim, (e) => {
-		F.dim = e ? 0 : void 0, I.dim = e ? 0 : void 0, y(F, I);
-	})), z.push(n(() => {
+		bg: I,
+		text: L
+	}, z = new Ie(R);
+	I.onScale = ({ pixelSize: e }) => z.layOutBg(e), L.onScale = ({ pixelSize: e }) => z.layOutText(e);
+	let B = [];
+	return B.push(n(() => e.skipDim, (e) => {
+		I.dim = e ? 0 : void 0, L.dim = e ? 0 : void 0, w(I, L);
+	})), B.push(n(() => {
 		var t, n;
 		return (t = (n = e.layer) == null ? void 0 : n.visible) == null || t;
 	}, (e) => {
-		F.hidden = !e, I.hidden = !e, y(F, I);
-	})), z.push(n(() => ee.mapSettings, ({ roll: e }) => {
-		m(e == null ? 0 : e) && (F.onRoll = ({ roll: e, pixelSize: t }) => {
-			let n = w(e, C);
-			if (n !== 0) return C += n * Math.PI / 2, O = ((O + n) % 4 + 4) % 4, M(), L.anchor.x = k, L.anchor.y = A, L.rotation = C, L.maxScale = j, [...R.layOutBg(t), ...R.layOutText(t)];
+		I.hidden = !e, L.hidden = !e, w(I, L);
+	})), B.push(n(() => F.mapSettings, ({ roll: e }) => {
+		p(e == null ? 0 : e) && (I.onRoll = ({ roll: e, pixelSize: t }) => {
+			let n = S(e, x);
+			if (n !== 0) return x += n * Math.PI / 2, O = ((O + n) % 4 + 4) % 4, M(), R.anchor.x = k, R.anchor.y = A, R.rotation = x, R.maxScale = j, [...z.layOutBg(t), ...z.layOutText(t)];
 		});
 	}, { fireImmediately: !0 })), {
-		bg: F,
-		text: I,
+		bg: I,
+		text: L,
 		dispose: () => {
-			z.forEach((e) => e()), z.length = 0;
+			B.forEach((e) => e()), B.length = 0;
 		}
 	};
 }
-var Le = class {
+var Ie = class {
 	constructor(e) {
 		this.placement = e;
 	}
@@ -248,11 +248,11 @@ var Le = class {
 	}
 	layOutText(e) {
 		let { text: t, maxScale: n } = this.placement;
-		return t.lines[0].fontSize = Ce * Math.min(e, n), t.bounds = this.rectScaled(e), t.hidden = this.isHidden(), t.hidden ? [] : [t];
+		return t.lines[0].fontSize = Se * Math.min(e, n), t.bounds = this.rectScaled(e), t.hidden = this.isHidden(), t.hidden ? [] : [t];
 	}
 	rectScaled(e) {
 		let { anchor: t, booth: n, source: r, rotation: i, maxScale: a } = this.placement, o = Math.min(e, a), s = r.x * o, c = r.y * o;
-		return new _(p({
+		return new _(f({
 			x: t.x + s / 2,
 			y: t.y + c / 2
 		}, i, t), {
@@ -265,17 +265,17 @@ var Le = class {
 		return !!(e.layer && !e.layer.visible);
 	}
 };
-function Re(e, t) {
+function Le(e, t) {
 	let n = [], r = [], i = [];
-	for (let e of t) if (e instanceof P && ye({
+	for (let e of t) if (e instanceof I && ve({
 		hideExhibitorBoothNumber: d.hideExhibitorBoothNumber,
 		hideBoothBadges: d.hideBoothBadges,
-		hideLogoInBooth: ee.hideLogoInBooth,
+		hideLogoInBooth: F.hideLogoInBooth,
 		noLabels: e.noLabels,
 		hasExhibitors: e.exhibitors.length > 0,
 		hasLogoInBooth: e.exhibitors.some((e) => e.logoInBooth && e.logo)
 	})) {
-		let { bg: t, text: a, dispose: o } = Ie(e);
+		let { bg: t, text: a, dispose: o } = Fe(e);
 		n.push(t), r.push(a), i.push(o);
 	}
 	let a = () => {
@@ -300,17 +300,17 @@ function Re(e, t) {
 }
 //#endregion
 //#region src/components/Map/drawing/config/config-markers.ts
-var ze = "_selected", Be = "markers";
-function Ve(e, t) {
-	let { center: n, rotation: r } = e.bounds, { width: i, height: a } = e.source;
-	return e.bounds = j(n.x, n.y, i, a, t, r), [e];
+var Re = "_selected", ze = "markers";
+function Be(e, t) {
+	let { center: n, rotation: r, elevation: i } = e.bounds, { width: a, height: o } = e.source;
+	return e.bounds = j(n.x, n.y, a, o, t, r, i), [e];
 }
-function He(e) {
-	qe = e;
+function Ve(e) {
+	Ke = e;
 }
-function Ue(e) {
-	let { scene: t } = e, r = [], i = /* @__PURE__ */ new Map(), a = /* @__PURE__ */ new Map(), o = [], s = t.rootLayer.children.find((e) => e.name === Be);
-	s.onScale = ({ pixelSize: e }) => He(e), C(We), y(s);
+function He(e) {
+	let { scene: t } = e, r = [], i = /* @__PURE__ */ new Map(), a = /* @__PURE__ */ new Map(), o = [], s = t.rootLayer.children.find((e) => e.name === ze);
+	s.onScale = ({ pixelSize: e }) => Ve(e), b(Ue), w(s);
 	async function c(e) {
 		let t = [];
 		e.forEach((e) => {
@@ -332,104 +332,107 @@ function Ue(e) {
 		}), await Promise.all(t);
 	}
 	let l = (e) => {
-		e.onScale = ({ pixelSize: t }) => Ve(e, t);
+		e.onScale = ({ pixelSize: t }) => Be(e, t);
 	}, u = (e) => {
-		e.onRoll = ({ roll: t }) => {
+		e.screenSpace || (e.onRoll = ({ roll: t }) => {
 			if (t !== e.bounds.rotation) return e.bounds.rotate(t - e.bounds.rotation, e.bounds), [e];
-		};
+		});
 	};
-	function d() {
+	function d(e, t, n) {
+		let r = a.get(e);
+		if (r) return r;
+		let i = M(t.img, t.width, t.height, n);
+		return a.set(e, i), i;
+	}
+	function f() {
 		let e = A.routeStore.markersData.markers;
-		e.length && (o = [], e.forEach((e) => {
-			var t, n;
-			let r = i.get(e.icon);
-			if (!r) return;
-			let s = r.scale || window.devicePixelRatio, c = e.icon;
-			if (!a.has(c)) {
-				let e = M(r.img, r.width, r.height, s);
-				a.set(c, e);
-			}
-			let l = a.get(c), u = i.get(e.selectedIcon), d = e.selectedIcon;
-			if (!a.has(d)) {
-				let e = M(u.img, u.width, u.height, s);
-				a.set(d, e);
-			}
-			let f = a.get(d), p = (t = (n = O.findLayer(e.z)) == null ? void 0 : n.visible) == null || t, m = j(e.x, e.y, l.width, l.height, 1, 0), h = j(e.x, e.y, f.width, f.height, 1, 0), _;
+		if (!e.length) return;
+		o = [];
+		let t = F.is3DView;
+		e.forEach((e) => {
+			var n, r;
+			let a = i.get(e.icon);
+			if (!a) return;
+			let s = i.get(e.selectedIcon);
+			if (!s) return;
+			let c = a.scale || window.devicePixelRatio, l = d(e.icon, a, c), u = d(e.selectedIcon, s, c), f = (n = (r = O.findLayer(e.z)) == null ? void 0 : r.visible) == null || n, p = j(e.x, e.y, l.width, l.height, 1, 0), m = j(e.x, e.y, u.width, u.height, 1, 0), h;
 			switch (e.position) {
 				case "lefttop":
-					_ = [0, 0];
+					h = [0, 0];
 					break;
 				case "centertop":
-					_ = [.5, 0];
+					h = [.5, 0];
 					break;
 				case "centerbottom":
-					_ = [.5, 1];
+					h = [.5, 1];
 					break;
-				default: _ = [.5, .5];
+				default: h = [.5, .5];
 			}
-			let v = {
-				...g(l, m, {
-					hidden: !p,
-					origin: _
+			let _ = {
+				...g(l, p, {
+					hidden: !f,
+					origin: h
 				}),
 				id: e.id,
-				scale: s
-			}, y = {
-				...g(f, h, {
-					hidden: !(p && e.active),
-					origin: _
+				scale: c,
+				screenSpace: t
+			}, v = {
+				...g(u, m, {
+					hidden: !(f && e.active),
+					origin: h
 				}),
-				id: `${e.id}${ze}`,
-				scale: s
+				id: `${e.id}${Re}`,
+				scale: c,
+				screenSpace: t
 			};
-			o.push(v, y);
+			o.push(_, v);
 		}), s.children = o, o.forEach((e) => {
 			l(e), u(e);
-		}));
+		});
 	}
-	function f() {
+	function p() {
 		s.children = [], o = [];
 	}
-	function p() {
+	function m() {
 		let e = A.routeStore.markersData.markers;
 		e.length && e.forEach((e) => {
 			var t, n;
-			let r = o.find((t) => t.id === e.id), i = o.find((t) => t.id === `${e.id}${ze}`);
-			if (!r) return;
+			let r = o.find((t) => t.id === e.id), i = o.find((t) => t.id === `${e.id}${Re}`);
+			if (!r || !i) return;
 			let a = (t = (n = O.findLayer(e.z)) == null ? void 0 : n.visible) == null || t;
 			e.active ? (r.hidden = !0, i.hidden = !(a && e.active)) : (r.hidden = !a, i.hidden = !0);
 		});
 	}
 	return r.push(n(() => [A.routeStore.selectedMarkers, A.layerStore.visible], () => {
 		if (!A.routeStore.markersData.markers.length) {
-			f(), y(s);
+			p(), w(s);
 			return;
 		}
-		p(), y(...o);
+		m(), w(...o);
 	})), r.push(n(() => A.routeStore.markersData.markers, () => {
 		c(A.routeStore.markersData.icons).then(() => {
-			d(), y(s);
+			f(), w(s);
 		});
 	}, { fireImmediately: !0 })), function() {
-		r.forEach((e) => e()), r.length = 0, s.onScale = void 0, C(), y(s);
+		r.forEach((e) => e()), r.length = 0, s.onScale = void 0, b(), w(s);
 	};
 }
-function We(e, t) {
-	return Ge(e, t, qe);
+function Ue(e, t) {
+	return We(e, t, Ke);
 }
-function Ge(e, t, n) {
+function We(e, t, n) {
 	for (let r of A.routeStore.markersData.markers) {
 		let i = A.routeStore.markersData.icons.find((e) => e.name === r.icon);
 		if (!i) continue;
 		let a = i.width * n * devicePixelRatio, o = i.height * n * devicePixelRatio;
-		if (Ke(e, t, r.x, r.y, a, o)) {
+		if (Ge(e, t, r.x, r.y, a, o)) {
 			let e = A.layerStore.findLayer(r.z);
 			if (!e || e && e.visible) return r;
 		}
 	}
 	return null;
 }
-function Ke(e, t, n, r, i, a) {
+function Ge(e, t, n, r, i, a) {
 	return c.fromCenter({
 		x: n,
 		y: r
@@ -441,10 +444,10 @@ function Ke(e, t, n, r, i, a) {
 		y: t
 	});
 }
-var qe = 1;
+var Ke = 1;
 //#endregion
 //#region src/components/Map/drawing/config/config-all.ts
-function Je() {
+function qe() {
 	let { defaultLayer: e } = A.layerStore, { layers: t } = A.layerStore;
 	if (e) {
 		let n = [...t], r = t.indexOf(e);
@@ -452,15 +455,17 @@ function Je() {
 	}
 	let n = t.filter((e) => !e.rootParent).map((e) => k(e));
 	return Promise.all(n).then((e) => {
-		let t = F(Be, []), n = s(), r = [], i = [];
-		for (let t of e.flat()) I(t.name) ? (t.dim = 0, i.push(t)) : r.push(t);
-		let { layer: a, cleanup: o } = Re("root", A.boothStore.booths);
+		let t = L(ze, []);
+		t.overlay = F.is3DView;
+		let n = s({ overlay: F.is3DView }), r = [], i = [];
+		for (let t of e.flat()) R(t.name) ? (t.dim = 0, i.push(t)) : r.push(t);
+		let { layer: a, cleanup: o } = Le("root", te.booths);
 		return {
 			layers: [
 				...r,
 				...a ? [a] : [],
 				...i,
-				...pe(),
+				...fe(),
 				t,
 				n
 			],
@@ -470,9 +475,9 @@ function Je() {
 }
 //#endregion
 //#region src/components/Map/MapCursorCoords.tsx
-var W = /* @__PURE__ */ e(r(), 1), G = 2;
+var G = /* @__PURE__ */ e(r(), 1), Je = 2;
 function Ye(e) {
-	let { canvas: t } = e, n = f(), r = a(), i = (0, W.useCallback)(() => r("cursor", void 0), [r]), o = (0, W.useEffectEvent)((e) => {
+	let { canvas: t } = e, n = h(), r = a(), i = (0, G.useCallback)(() => r("cursor", void 0), [r]), o = (0, G.useEffectEvent)((e) => {
 		if (!e.isPrimary) return;
 		let t = n.canvasToPlan({
 			x: e.offsetX,
@@ -480,7 +485,7 @@ function Ye(e) {
 		});
 		r("cursor", t ? Ze(t, Xe()) : void 0);
 	});
-	return (0, W.useEffect)(() => {
+	return (0, G.useEffect)(() => {
 		let e = t.current;
 		if (!e) return;
 		let n = (e) => o(e), r = () => i();
@@ -490,20 +495,20 @@ function Ye(e) {
 	}, [t, i]), null;
 }
 function Xe() {
-	let e = A.layerStore.layers.find((e) => e.visible && (e.mode === L.TurnedOn || e.mode === L.TurnedOff));
+	let e = A.layerStore.layers.find((e) => e.visible && (e.mode === z.TurnedOn || e.mode === z.TurnedOff));
 	return (e == null ? void 0 : e.name) || null;
 }
 function Ze(e, t) {
-	let n = `[${e.x.toFixed(G)}, ${e.y.toFixed(G)}]`;
+	let n = `[${e.x.toFixed(Je)}, ${e.y.toFixed(Je)}]`;
 	return t ? `${n} · layer ${t}` : n;
 }
 //#endregion
 //#region src/components/Map/MapViewport.tsx
 function Qe() {
-	let e = f(), t = (0, W.useRef)({ api: e }), [n] = (0, W.useState)(() => se(t));
-	return (0, W.useLayoutEffect)(() => {
+	let e = h(), t = (0, G.useRef)({ api: e }), [n] = (0, G.useState)(() => oe(t));
+	return (0, G.useLayoutEffect)(() => {
 		t.current = { api: e };
-	}), (0, W.useEffect)(() => (oe(n), () => oe(void 0)), [n]), null;
+	}), (0, G.useEffect)(() => (ae(n), () => ae(void 0)), [n]), null;
 }
 //#endregion
 //#region src/components/Map/traffic/UpdateQueue.ts
@@ -692,14 +697,14 @@ Enable/Disable Preview: Press ${st}.
 	}
 };
 function lt({ enabled: e, scene: t }) {
-	let n = (0, W.useRef)(!1), r = (0, W.useRef)(), i = (0, W.useMemo)(() => o(q, et), []), a = (0, W.useMemo)(() => o(q, tt), []), s = (0, W.useMemo)(() => new ct(), []), c = (0, W.useRef)(new $e()), l = (0, W.useMemo)(() => {
+	let n = (0, G.useRef)(!1), r = (0, G.useRef)(), i = (0, G.useMemo)(() => o(q, et), []), a = (0, G.useMemo)(() => o(q, tt), []), s = (0, G.useMemo)(() => new ct(), []), c = (0, G.useRef)(new $e()), l = (0, G.useMemo)(() => {
 		if (!t) return {};
 		let e = t.rootLayer.children;
 		return {
-			linesLayer: e.find((e) => e.name === ue),
-			pointsLayer: e.find((e) => e.name === de)
+			linesLayer: e.find((e) => e.name === le),
+			pointsLayer: e.find((e) => e.name === ue)
 		};
-	}, [t]), u = (0, W.useCallback)(() => {
+	}, [t]), u = (0, G.useCallback)(() => {
 		if (!l || !i || !a) return;
 		let { linesLayer: e, pointsLayer: t } = l;
 		if (!e || !t) return;
@@ -723,13 +728,13 @@ function lt({ enabled: e, scene: t }) {
 				width: rt
 			});
 		}
-		d.length ? e.children = d : e.children.length = 0, c.current.add(() => y(t, e)), s.instruct(), s.log(JSON.stringify(s.points));
+		d.length ? e.children = d : e.children.length = 0, c.current.add(() => w(t, e)), s.instruct(), s.log(JSON.stringify(s.points));
 	}, [
 		s,
 		l,
 		i,
 		a
-	]), d = (0, W.useCallback)((e) => {
+	]), d = (0, G.useCallback)((e) => {
 		let t = e.key.toUpperCase();
 		s.execute(() => {
 			switch (t) {
@@ -747,7 +752,7 @@ function lt({ enabled: e, scene: t }) {
 					break;
 			}
 		});
-	}, [s, u]), f = (0, W.useCallback)((e) => {
+	}, [s, u]), f = (0, G.useCallback)((e) => {
 		r.current = e;
 		let { pointsLayer: t } = l;
 		if (!t) return [];
@@ -756,7 +761,7 @@ function lt({ enabled: e, scene: t }) {
 			let e = t.children;
 			for (let t of e) t.bounds = j(t.bounds.center.x, t.bounds.center.y, t.source.width, t.source.height, r.current), n.push(t);
 		}), n;
-	}, [l, s]), p = (0, W.useCallback)((e) => {
+	}, [l, s]), p = (0, G.useCallback)((e) => {
 		s.execute(() => {
 			s.add({
 				x: e.x,
@@ -764,14 +769,14 @@ function lt({ enabled: e, scene: t }) {
 			}), s.select(s.points.length - 1), u();
 		});
 	}, [s, u]);
-	(0, W.useEffect)(() => {
+	(0, G.useEffect)(() => {
 		var t, n;
 		if (!e || !(l != null && l.pointsLayer)) return;
 		let { pointsLayer: i } = l;
-		return r.current = (t = (n = B()) == null ? void 0 : n.state().pixelSize) == null ? 1 : t, s.execute(() => {
+		return r.current = (t = (n = V()) == null ? void 0 : n.state().pixelSize) == null ? 1 : t, s.execute(() => {
 			s.restore(), u();
-		}), i.onScale = ({ pixelSize: e }) => f(e), c.current.add(() => y(i)), ae(p), window.addEventListener("keyup", d), () => {
-			window.removeEventListener("keyup", d), ae(), i.onScale = void 0, c.current.destroy();
+		}), i.onScale = ({ pixelSize: e }) => f(e), c.current.add(() => w(i)), P(p), window.addEventListener("keyup", d), () => {
+			window.removeEventListener("keyup", d), P(), i.onScale = void 0, c.current.destroy();
 		};
 	}, [
 		e,
@@ -787,10 +792,10 @@ function lt({ enabled: e, scene: t }) {
 //#region src/components/Map/traffic/useManageTraffic.ts
 var J = 2, ut = J * 3.5, Y = J * 12, dt = Y * .7, ft = 8, pt = "transport_locations", mt = 150, ht = "#a4aab6", gt = 1e3, _t = 2e4, vt = 500;
 function yt({ permission: e, scene: n, dataJsonUrl: r, websocketUrl: a }) {
-	let o = (0, W.useRef)(window.devicePixelRatio), s = (0, W.useRef)(/* @__PURE__ */ new Map()), c = (0, W.useRef)(/* @__PURE__ */ new Map()), l = (0, W.useRef)(null), u = (0, W.useRef)(null), d = (0, W.useRef)(0), f = (0, W.useRef)(1), p = (0, W.useRef)(new $e()), m = (0, W.useRef)(/* @__PURE__ */ new Map()), h = (0, W.useRef)(gt), g = (0, W.useRef)(/* @__PURE__ */ new Map()), _ = (0, W.useRef)(void 0);
-	(0, W.useEffect)(() => {
+	let o = (0, G.useRef)(window.devicePixelRatio), s = (0, G.useRef)(/* @__PURE__ */ new Map()), c = (0, G.useRef)(/* @__PURE__ */ new Map()), l = (0, G.useRef)(null), u = (0, G.useRef)(null), d = (0, G.useRef)(0), f = (0, G.useRef)(1), p = (0, G.useRef)(new $e()), m = (0, G.useRef)(/* @__PURE__ */ new Map()), h = (0, G.useRef)(gt), g = (0, G.useRef)(/* @__PURE__ */ new Map()), _ = (0, G.useRef)(void 0);
+	(0, G.useEffect)(() => {
 		if (!e || !n) return;
-		let v = !1, b, x = n.rootLayer.children, S = c.current, C = s.current, w = p.current;
+		let v = !1, y, b = n.rootLayer.children, x = c.current, S = s.current, C = p.current;
 		async function T() {
 			try {
 				var e, n;
@@ -806,7 +811,7 @@ function yt({ permission: e, scene: n, dataJsonUrl: r, websocketUrl: a }) {
 					console.warn("useManageTraffic failed to get JSON", e);
 				}
 				if (!a || a.disabled || a.error) return;
-				o.current = bt((e = (n = B()) == null ? void 0 : n.state().pixelSize) == null ? window.devicePixelRatio : e);
+				o.current = bt((e = (n = V()) == null ? void 0 : n.state().pixelSize) == null ? window.devicePixelRatio : e);
 				let c = new Map(a.routes.map(({ id: e, color: t }) => [e, t])), l = /* @__PURE__ */ new Map();
 				c.forEach((e) => {
 					l.set(e, St({
@@ -815,7 +820,7 @@ function yt({ permission: e, scene: n, dataJsonUrl: r, websocketUrl: a }) {
 						scale: window.devicePixelRatio
 					}));
 				});
-				let p = ge(), h = x.filter((e) => p.test(e.name)), _ = _e(), v = x.filter((e) => _.test(e.name));
+				let p = he(), h = b.filter((e) => p.test(e.name)), _ = ge(), v = b.filter((e) => _.test(e.name));
 				a.routes.slice(0, h.length).forEach(({ id: e, color: t, path: n, stops: r, hiddenPoints: i }, a) => {
 					m.current.set(e, n);
 					let s = h[a];
@@ -833,7 +838,7 @@ function yt({ permission: e, scene: n, dataJsonUrl: r, websocketUrl: a }) {
 								width: J
 							});
 						}
-						s.children.length && w.add(() => y(s));
+						s.children.length && C.add(() => w(s));
 					}
 					let u = v[a], d = l.get(t);
 					u && d && r != null && r.length && (r.forEach((e) => {
@@ -841,15 +846,15 @@ function yt({ permission: e, scene: n, dataJsonUrl: r, websocketUrl: a }) {
 							source: d,
 							bounds: j(e.x, e.y, d.width, d.height, o.current)
 						});
-					}), u.children.length && w.add(() => y(u)));
+					}), u.children.length && C.add(() => w(u)));
 				});
-				let b = x.find((e) => e.name === V);
-				if (!b) {
-					console.warn(`useManageTraffic: the scene has no "${V}" layer`);
+				let y = b.find((e) => e.name === H);
+				if (!y) {
+					console.warn(`useManageTraffic: the scene has no "${H}" layer`);
 					return;
 				}
 				let T = /* @__PURE__ */ new Map();
-				b.onScale = ({ pixelSize: e }) => {
+				y.onScale = ({ pixelSize: e }) => {
 					o.current = bt(e);
 					let t = [];
 					for (let e of v) {
@@ -864,7 +869,7 @@ function yt({ permission: e, scene: n, dataJsonUrl: r, websocketUrl: a }) {
 						e.bounds = j(e.bounds.center.x, e.bounds.center.y, n.width, n.height, o.current, e.bounds.rotation), t.push(e);
 					}
 					return t;
-				}, w.add(() => y(b)), c.forEach((e, t) => {
+				}, C.add(() => w(y)), c.forEach((e, t) => {
 					T.set(t, Ct({
 						id: t,
 						width: Y,
@@ -892,16 +897,16 @@ function yt({ permission: e, scene: n, dataJsonUrl: r, websocketUrl: a }) {
 						if (n.type !== pt) return;
 						let r = e.timeStamp || performance.now();
 						f.current = Math.round(r - d.current), d.current = r;
-						let i = Math.max((t = f.current) == null ? vt : t, vt), a = b.children, s = !1;
+						let i = Math.max((t = f.current) == null ? vt : t, vt), a = y.children, s = !1;
 						n.data.forEach(({ id: e, x: t, y: n, route_id: r, hidden: c }) => {
 							var l;
-							if (S.has(e)) {
+							if (x.has(e)) {
 								var u;
-								(u = S.get(e)) == null || u(), S.delete(e);
+								(u = x.get(e)) == null || u(), x.delete(e);
 							}
-							let d = C.get(e), f = (l = C.get(Z(e))) == null ? null : l;
+							let d = S.get(e), f = (l = S.get(Z(e))) == null ? null : l;
 							if (c && d && f) {
-								d.hidden = !0, f.hidden = !0, w.add(() => y(d, f));
+								d.hidden = !0, f.hidden = !0, C.add(() => w(d, f));
 								return;
 							}
 							if (g.current.set(e, performance.now()), !d) {
@@ -910,12 +915,12 @@ function yt({ permission: e, scene: n, dataJsonUrl: r, websocketUrl: a }) {
 									source: i,
 									bounds: j(t, n, i.width, i.height, o.current, 0)
 								};
-								if (C.set(e, c), A) {
+								if (S.set(e, c), A) {
 									let r = Z(e), i = {
 										source: A,
 										bounds: j(t, n, A.width, A.height, o.current, 0)
 									};
-									A.setAttribute("id", r), C.set(r, i), a.push(c, i);
+									A.setAttribute("id", r), S.set(r, i), a.push(c, i);
 								} else a.push(c);
 								s = !0;
 								return;
@@ -925,7 +930,7 @@ function yt({ permission: e, scene: n, dataJsonUrl: r, websocketUrl: a }) {
 								y: n
 							}, m.current.get(r));
 							if (_.reduce((e, t, n) => n === 0 ? e : e + X(_[n - 1], t), 0) >= mt || document.hidden) wt({
-								updateQueue: w,
+								updateQueue: C,
 								vehicle: d,
 								vehicleFinery: f,
 								x: t,
@@ -939,7 +944,7 @@ function yt({ permission: e, scene: n, dataJsonUrl: r, websocketUrl: a }) {
 							else {
 								let t = Ot(_, i, (e) => {
 									wt({
-										updateQueue: w,
+										updateQueue: C,
 										vehicle: d,
 										vehicleFinery: f,
 										x: e.x,
@@ -948,9 +953,9 @@ function yt({ permission: e, scene: n, dataJsonUrl: r, websocketUrl: a }) {
 										angle: e.angle
 									});
 								});
-								S.set(e, t);
+								x.set(e, t);
 							}
-						}), s && w.add(() => y(b));
+						}), s && C.add(() => w(y));
 					} catch (e) {
 						console.error("handleSocketMessage", e);
 					}
@@ -965,7 +970,7 @@ function yt({ permission: e, scene: n, dataJsonUrl: r, websocketUrl: a }) {
 			v || ((e = l.current) == null ? void 0 : e.readyState) === WebSocket.OPEN || ((t = l.current) == null ? void 0 : t.readyState) === WebSocket.CONNECTING || (l.current = new WebSocket(a), l.current.onmessage = u.current, l.current.onopen = () => {
 				h.current = gt;
 			}, l.current.onclose = () => {
-				v || !navigator.onLine || (b = window.setTimeout(E, h.current), h.current = Math.min(h.current * 2, 3e4));
+				v || !navigator.onLine || (y = window.setTimeout(E, h.current), h.current = Math.min(h.current * 2, 3e4));
 			});
 		}
 		function D() {
@@ -976,18 +981,18 @@ function yt({ permission: e, scene: n, dataJsonUrl: r, websocketUrl: a }) {
 				let t = performance.now(), n = [], r = [];
 				g.current.forEach((i, a) => {
 					if (t - i < e) return;
-					let o = C.get(a);
+					let o = S.get(a);
 					o && (o.hidden = !0, r.push(o), n.push(a));
-					let s = Z(a), c = C.get(s);
+					let s = Z(a), c = S.get(s);
 					c && (c.hidden = !0, r.push(c), n.push(s));
-				}), r.length && w.add(() => y(...r)), n.forEach((e) => g.current.delete(e));
+				}), r.length && C.add(() => w(...r)), n.forEach((e) => g.current.delete(e));
 			}, e);
 		}
 		return () => {
 			var e;
-			v = !0, clearTimeout(b), (e = l.current) == null || e.close(), l.current = null;
-			let t = x.find((e) => e.name === V);
-			t && (t.onScale = void 0), S.forEach((e) => e == null ? void 0 : e()), S.clear(), C.clear(), w.destroy(), window.removeEventListener("online", D), clearInterval(_.current);
+			v = !0, clearTimeout(y), (e = l.current) == null || e.close(), l.current = null;
+			let t = b.find((e) => e.name === H);
+			t && (t.onScale = void 0), x.forEach((e) => e == null ? void 0 : e()), x.clear(), S.clear(), C.destroy(), window.removeEventListener("online", D), clearInterval(_.current);
 		};
 	}, [
 		e,
@@ -1000,7 +1005,7 @@ function bt(e) {
 	return Math.min(e || window.devicePixelRatio, ft);
 }
 function xt(e, t) {
-	return b(e, t);
+	return y(e, t);
 }
 function St({ radius: e, scale: t, color: n }) {
 	let r = document.createElement("canvas"), i = r.getContext("2d");
@@ -1026,9 +1031,9 @@ function wt({ updateQueue: e, vehicle: t, vehicleFinery: n, x: r, y: i, scale: a
 	let s = t.source;
 	if (t.bounds = j(r, i, s.width, s.height, a, o), t.hidden = !1, n) {
 		var c, l;
-		let o = (c = (l = B()) == null ? void 0 : l.state().roll) == null ? 0 : c, s = n.source;
-		n.bounds = j(r, i, s.width, s.height, a, h(o)), n.hidden = !1, e.add(() => y(n, t));
-	} else e.add(() => y(t));
+		let o = (c = (l = V()) == null ? void 0 : l.state().roll) == null ? 0 : c, s = n.source;
+		n.bounds = j(r, i, s.width, s.height, a, m(o)), n.hidden = !1, e.add(() => w(n, t));
+	} else e.add(() => w(t));
 }
 function Q(e, t, n) {
 	return {
@@ -1081,7 +1086,7 @@ function Ot(e, t, n, r) {
 		n({
 			x: h.x + (g.x - h.x) * v,
 			y: h.y + (g.y - h.y) * v,
-			angle: b(h, g)
+			angle: y(h, g)
 		}), d < 1 ? a = requestAnimationFrame(c) : r && r();
 	};
 	return a = requestAnimationFrame(c), () => {
@@ -1139,4 +1144,4 @@ function Pt(e) {
 	return e < .5 ? 4 * e * e * e : 1 - (-2 * e + 2) ** 3 / 2;
 }
 //#endregion
-export { lt as a, Je as c, yt as i, Ue as l, jt as n, Qe as o, Mt as r, Ye as s, kt as t };
+export { lt as a, qe as c, yt as i, He as l, jt as n, Qe as o, Mt as r, Ye as s, kt as t };