@expofp/floorplan 3.40.1 → 3.41.0

package/dist/browser/{dimming-DYB1b3Zt.js → dimming-DHrRSsrL.js}

@@ -1,18 +1,18 @@
 (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.40.1" };
+		e.SENTRY_RELEASE = { id: "3.41.0" };
 		var t = new e.Error().stack;
-		t && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[t] = "2625f088-ed85-4ae2-84e2-7c34c42fa851", e._sentryDebugIdIdentifier = "sentry-dbid-2625f088-ed85-4ae2-84e2-7c34c42fa851");
+		t && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[t] = "e685a89c-682e-4605-81dd-902c8ac663b2", e._sentryDebugIdIdentifier = "sentry-dbid-e685a89c-682e-4605-81dd-902c8ac663b2");
 	} catch {}
 })();
-import { r as e } from "./rolldown-runtime-CYi1BYyj.js";
-import { j as t, v as n } from "./i18n-Bjh_3zkB.js";
-import { t as r } from "./react-BFTM_i4k.js";
-import { t as i } from "./loadImage-DEVcEoNP.js";
-import { r as a } from "./debug-context-Ch7_Qk1K.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-CLk5ZuUi.js";
-import { i as ae, n as oe } from "./viewport-ClQ7t1br.js";
+import { r as e } from "./rolldown-runtime-goUnb6t5.js";
+import { j as t, v as n } from "./i18n-DgOvRShn.js";
+import { t as r } from "./react-C5VW7EYy.js";
+import { t as i } from "./loadImage-Dj7yrGrq.js";
+import { r as a } from "./debug-context-DLVjeviW.js";
+import { $t as o, At as s, B as c, Dn as l, Fn as u, Ft as d, In as f, It as p, Jt as m, Ln as h, Lt as g, Mn as _, Nn as v, On as y, Pn as b, Qt as x, S, Sn as C, Tn as w, Tt as T, Wt as E, Xt as D, Zt as O, a as k, an as A, c as j, en as M, j as N, jn as P, kn as F, kt as I, l as L, mn as R, nn as z, qt as B, sn as ee, t as te, tn as V, wt as ne, xt as re, yt as ie } from "./store-prn6mdME.js";
+import { i as ae, n as oe } from "./viewport-CjpGqDaX.js";
 //#region src/components/Map/traffic/trafficLayers.ts
 var se = "traffic_route", ce = "traffic_route_stop", H = "traffic_vehicles", le = "build_route_lines", ue = "build_route_dots", de = 5;
 function fe() {
@@ -49,7 +49,7 @@ function ge() {
 }
 //#endregion
 //#region src/components/Map/drawing/config/config-booth-badge-eligibility.ts
-var _e = /* @__PURE__ */ e(u(), 1);
+var _e = /* @__PURE__ */ e(y(), 1);
 function ve(e) {
 	return e.hideExhibitorBoothNumber || e.hideBoothBadges || !e.hasExhibitors ? !1 : e.noLabels || !e.hideLogoInBooth && e.hasLogoInBooth;
 }
@@ -63,12 +63,12 @@ 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 ie(t.index, r)) i.push(e);
+	for (let t of e.paths) for (let e of C(t.index, r)) i.push(e);
 	return i;
 }
 function ke(e) {
 	let t = Oe(e);
-	return t.length ? c.fromPoints(t.flat().map(([e, t]) => ({
+	return t.length ? P.fromPoints(t.flat().map(([e, t]) => ({
 		x: e,
 		y: t
 	}))) : null;
@@ -92,7 +92,7 @@ function Ae(e) {
 			e + 2
 		]);
 	}
-	return new v(t, n);
+	return new b(t, n);
 }
 function U(e, t, n) {
 	return n.containsPoint({
@@ -165,76 +165,76 @@ function W(e) {
 }
 function Pe(e) {
 	var t;
-	let n = W(e.borderColor) || W(B.boothBorderColor) || B.colors.booths.default;
+	let n = W(e.borderColor) || W(w.boothBorderColor) || w.colors.booths.default;
 	return ((t = e.paths) == null ? void 0 : t.length) > 1 && W(e.paths[e.paths.length - 1].color) || n;
 }
 function Fe(e) {
 	var t;
-	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 * 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 = je(y, b, k, A, d, m, n, x);
+	let r = De(e.title || e.name), i = Pe(e), a = S((0, _e.default)(i).hex()), s = ne();
+	Ee.font = ee(Ce, s);
+	let c = Ee.measureText(r).width, l = Math.ceil(c + we * 2), u = (e.borderWidth || te.borderWidth) / 2, m = l * Te, h = 54 * Te, g = e.rect.size.width, _ = e.rect.size.height, y = (e) => {
+		let t = e ? _ : g, n = e ? g : _;
+		return Math.min(t > 0 ? t * ye / m : Infinity, n > 0 ? n * be / h : Infinity);
+	}, b = Oe(e), C = Ae(b), w = (t = e.rotate) == null ? 0 : t, k = 0, A = 0, j = 0, M = 0, N = () => {
+		let t = Ne(e, b, C, u, k === 0 || k === 3 ? 1 : -1, k === 0 || k === 1 ? 1 : -1);
+		A = t.x, j = t.y;
+		let n = y(k === 1 || k === 3);
+		M = je(b, C, A, j, m, h, n, w);
 	};
-	M();
-	let N = (t, n) => {
+	N();
+	let P = (t, n) => {
 		let r = t / 2, i = n / 2;
-		return new _(f({
-			x: k + r,
-			y: A + i
-		}, x, {
-			x: k,
-			y: A
+		return new v(f({
+			x: A + r,
+			y: j + i
+		}, w, {
+			x: A,
+			y: j
 		}), {
 			x: t,
 			y: n
-		}, x, e.elevation);
-	}, P = ne(o, C()), I = E(N(1, 1), i);
+		}, w, e.elevation);
+	}, F = T(s, o()), I = D(P(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], {
+	let R = O(x([[r], []], a, 0, [F, F]), P(1, 1), [0, 0], {
 		horizontal: "center",
 		vertical: "center"
 	});
-	L.hidden = !0, L.dim = e.skipDim ? 0 : void 0;
-	let R = {
+	R.hidden = !0, R.dim = e.skipDim ? 0 : void 0;
+	let z = {
 		booth: e,
 		anchor: {
-			x: k,
-			y: A
+			x: A,
+			y: j
 		},
 		source: {
-			x: d,
-			y: m
+			x: m,
+			y: h
 		},
-		rotation: x,
-		maxScale: j,
+		rotation: w,
+		maxScale: M,
 		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(() => {
+		text: R
+	}, B = new Ie(z);
+	I.onScale = ({ pixelSize: e }) => B.layOutBg(e), R.onScale = ({ pixelSize: e }) => B.layOutText(e);
+	let V = [];
+	return V.push(n(() => e.skipDim, (e) => {
+		I.dim = e ? 0 : void 0, R.dim = e ? 0 : void 0, E(I, R);
+	})), V.push(n(() => {
 		var t, n;
 		return (t = (n = e.layer) == null ? void 0 : n.visible) == null || t;
 	}, (e) => {
-		I.hidden = !e, L.hidden = !e, w(I, L);
-	})), B.push(n(() => F.mapSettings, ({ roll: e }) => {
+		I.hidden = !e, R.hidden = !e, E(I, R);
+	})), V.push(n(() => L.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)];
+			let n = d(e, w);
+			if (n !== 0) return w += n * Math.PI / 2, k = ((k + n) % 4 + 4) % 4, N(), z.anchor.x = A, z.anchor.y = j, z.rotation = w, z.maxScale = M, [...B.layOutBg(t), ...B.layOutText(t)];
 		});
 	}, { fireImmediately: !0 })), {
 		bg: I,
-		text: L,
+		text: R,
 		dispose: () => {
-			B.forEach((e) => e()), B.length = 0;
+			V.forEach((e) => e()), V.length = 0;
 		}
 	};
 }
@@ -252,7 +252,7 @@ var Ie = class {
 	}
 	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 _(f({
+		return new v(f({
 			x: t.x + s / 2,
 			y: t.y + c / 2
 		}, i, t), {
@@ -267,10 +267,10 @@ var Ie = class {
 };
 function Le(e, t) {
 	let n = [], r = [], i = [];
-	for (let e of t) if (e instanceof I && ve({
-		hideExhibitorBoothNumber: d.hideExhibitorBoothNumber,
-		hideBoothBadges: d.hideBoothBadges,
-		hideLogoInBooth: F.hideLogoInBooth,
+	for (let e of t) if (e instanceof R && ve({
+		hideExhibitorBoothNumber: l.hideExhibitorBoothNumber,
+		hideBoothBadges: l.hideBoothBadges,
+		hideLogoInBooth: L.hideLogoInBooth,
 		noLabels: e.noLabels,
 		hasExhibitors: e.exhibitors.length > 0,
 		hasLogoInBooth: e.exhibitors.some((e) => e.logoInBooth && e.logo)
@@ -303,14 +303,14 @@ function Le(e, t) {
 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];
+	return e.bounds = V(n.x, n.y, a, o, t, r, i), [e];
 }
 function Ve(e) {
 	Ke = e;
 }
 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);
+	s.onScale = ({ pixelSize: e }) => Ve(e), I(Ue), E(s);
 	async function c(e) {
 		let t = [];
 		e.forEach((e) => {
@@ -341,21 +341,21 @@ function He(e) {
 	function d(e, t, n) {
 		let r = a.get(e);
 		if (r) return r;
-		let i = M(t.img, t.width, t.height, n);
+		let i = A(t.img, t.width, t.height, n);
 		return a.set(e, i), i;
 	}
 	function f() {
-		let e = A.routeStore.markersData.markers;
+		let e = j.routeStore.markersData.markers;
 		if (!e.length) return;
 		o = [];
-		let t = F.is3DView;
+		let t = L.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;
+			let c = a.scale || window.devicePixelRatio, l = d(e.icon, a, c), u = d(e.selectedIcon, s, c), f = (n = (r = k.findLayer(e.z)) == null ? void 0 : r.visible) == null || n, p = V(e.x, e.y, l.width, l.height, 1, 0), m = V(e.x, e.y, u.width, u.height, 1, 0), h;
 			switch (e.position) {
 				case "lefttop":
 					h = [0, 0];
@@ -368,16 +368,16 @@ function He(e) {
 					break;
 				default: h = [.5, .5];
 			}
-			let _ = {
-				...g(l, p, {
+			let g = {
+				...B(l, p, {
 					hidden: !f,
 					origin: h
 				}),
 				id: e.id,
 				scale: c,
 				screenSpace: t
-			}, v = {
-				...g(u, m, {
+			}, _ = {
+				...B(u, m, {
 					hidden: !(f && e.active),
 					origin: h
 				}),
@@ -385,7 +385,7 @@ function He(e) {
 				scale: c,
 				screenSpace: t
 			};
-			o.push(_, v);
+			o.push(g, _);
 		}), s.children = o, o.forEach((e) => {
 			l(e), u(e);
 		});
@@ -394,46 +394,46 @@ function He(e) {
 		s.children = [], o = [];
 	}
 	function m() {
-		let e = A.routeStore.markersData.markers;
+		let e = j.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}${Re}`);
 			if (!r || !i) return;
-			let a = (t = (n = O.findLayer(e.z)) == null ? void 0 : n.visible) == null || t;
+			let a = (t = (n = k.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) {
-			p(), w(s);
+	return r.push(n(() => [j.routeStore.selectedMarkers, j.layerStore.visible], () => {
+		if (!j.routeStore.markersData.markers.length) {
+			p(), E(s);
 			return;
 		}
-		m(), w(...o);
-	})), r.push(n(() => A.routeStore.markersData.markers, () => {
-		c(A.routeStore.markersData.icons).then(() => {
-			f(), w(s);
+		m(), E(...o);
+	})), r.push(n(() => j.routeStore.markersData.markers, () => {
+		c(j.routeStore.markersData.icons).then(() => {
+			f(), E(s);
 		});
 	}, { fireImmediately: !0 })), function() {
-		r.forEach((e) => e()), r.length = 0, s.onScale = void 0, b(), w(s);
+		r.forEach((e) => e()), r.length = 0, s.onScale = void 0, I(), E(s);
 	};
 }
 function Ue(e, t) {
 	return We(e, t, Ke);
 }
 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);
+	for (let r of j.routeStore.markersData.markers) {
+		let i = j.routeStore.markersData.icons.find((e) => e.name === r.icon);
 		if (!i) continue;
 		let a = i.width * n * devicePixelRatio, o = i.height * n * devicePixelRatio;
 		if (Ge(e, t, r.x, r.y, a, o)) {
-			let e = A.layerStore.findLayer(r.z);
+			let e = j.layerStore.findLayer(r.z);
 			if (!e || e && e.visible) return r;
 		}
 	}
 	return null;
 }
 function Ge(e, t, n, r, i, a) {
-	return c.fromCenter({
+	return P.fromCenter({
 		x: n,
 		y: r
 	}, {
@@ -448,17 +448,17 @@ var Ke = 1;
 //#endregion
 //#region src/components/Map/drawing/config/config-all.ts
 function qe() {
-	let { defaultLayer: e } = A.layerStore, { layers: t } = A.layerStore;
+	let { defaultLayer: e } = j.layerStore, { layers: t } = j.layerStore;
 	if (e) {
 		let n = [...t], r = t.indexOf(e);
 		n.splice(r, 1), t = [e, ...n];
 	}
-	let n = t.filter((e) => !e.rootParent).map((e) => k(e));
+	let n = t.filter((e) => !e.rootParent).map((e) => re(e));
 	return Promise.all(n).then((e) => {
-		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 t = m(ze, []);
+		t.overlay = L.is3DView;
+		let n = N({ overlay: L.is3DView }), r = [], i = [];
+		for (let t of e.flat()) z(t.name) ? (t.dim = 0, i.push(t)) : r.push(t);
 		let { layer: a, cleanup: o } = Le("root", te.booths);
 		return {
 			layers: [
@@ -477,7 +477,7 @@ function qe() {
 //#region src/components/Map/MapCursorCoords.tsx
 var G = /* @__PURE__ */ e(r(), 1), Je = 2;
 function Ye(e) {
-	let { canvas: t } = e, n = h(), r = a(), i = (0, G.useCallback)(() => r("cursor", void 0), [r]), o = (0, G.useEffectEvent)((e) => {
+	let { canvas: t } = e, n = g(), 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,
@@ -495,7 +495,7 @@ function Ye(e) {
 	}, [t, i]), null;
 }
 function Xe() {
-	let e = A.layerStore.layers.find((e) => e.visible && (e.mode === z.TurnedOn || e.mode === z.TurnedOff));
+	let e = j.layerStore.layers.find((e) => e.visible && (e.mode === ie.TurnedOn || e.mode === ie.TurnedOff));
 	return (e == null ? void 0 : e.name) || null;
 }
 function Ze(e, t) {
@@ -505,7 +505,7 @@ function Ze(e, t) {
 //#endregion
 //#region src/components/Map/MapViewport.tsx
 function Qe() {
-	let e = h(), t = (0, G.useRef)({ api: e }), [n] = (0, G.useState)(() => oe(t));
+	let e = g(), t = (0, G.useRef)({ api: e }), [n] = (0, G.useState)(() => oe(t));
 	return (0, G.useLayoutEffect)(() => {
 		t.current = { api: e };
 	}), (0, G.useEffect)(() => (ae(n), () => ae(void 0)), [n]), null;
@@ -658,7 +658,7 @@ Enable/Disable Preview: Press ${st}.
 			let r = e.x, i = e.y, a = t.x, o = t.y, s = n.x, c = n.y;
 			return Math.abs((c - o) * r - (s - a) * i + s * o - c * a) / (Math.sqrt((c - o) ** 2 + (s - a) ** 2) || 1e-10);
 		}, r = (e, t, n, r) => {
-			let i = N({
+			let i = _({
 				p0: e,
 				p1: t
 			}, {
@@ -697,105 +697,105 @@ Enable/Disable Preview: Press ${st}.
 	}
 };
 function lt({ enabled: e, scene: t }) {
-	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)(() => {
+	let n = (0, G.useRef)(!1), r = (0, G.useRef)(), i = (0, G.useMemo)(() => M(q, et), []), a = (0, G.useMemo)(() => M(q, tt), []), o = (0, G.useMemo)(() => new ct(), []), l = (0, G.useRef)(new $e()), u = (0, G.useMemo)(() => {
 		if (!t) return {};
 		let e = t.rootLayer.children;
 		return {
 			linesLayer: e.find((e) => e.name === le),
 			pointsLayer: e.find((e) => e.name === ue)
 		};
-	}, [t]), u = (0, G.useCallback)(() => {
-		if (!l || !i || !a) return;
-		let { linesLayer: e, pointsLayer: t } = l;
+	}, [t]), d = (0, G.useCallback)(() => {
+		if (!u || !i || !a) return;
+		let { linesLayer: e, pointsLayer: t } = u;
 		if (!e || !t) return;
-		let o = s.points, u = n.current;
-		u ? t.children.length = 0 : t.children = o.map(({ x: e, y: t }, n) => {
-			let o = n == s.selected ? a : i;
+		let s = o.points, c = n.current;
+		c ? t.children.length = 0 : t.children = s.map(({ x: e, y: t }, n) => {
+			let s = n == o.selected ? a : i;
 			return {
-				source: o,
-				bounds: j(e, t, o.width, o.height, r.current)
+				source: s,
+				bounds: V(e, t, s.width, s.height, r.current)
 			};
 		});
 		let d = [];
-		for (let e = 1; e < o.length; e++) {
-			let t = o[e - 1], n = o[e];
+		for (let e = 1; e < s.length; e++) {
+			let t = s[e - 1], n = s[e];
 			d.push({
 				points: {
 					p0: t,
 					p1: n
 				},
-				color: u ? et : nt,
+				color: c ? et : nt,
 				width: rt
 			});
 		}
-		d.length ? e.children = d : e.children.length = 0, c.current.add(() => w(t, e)), s.instruct(), s.log(JSON.stringify(s.points));
+		d.length ? e.children = d : e.children.length = 0, l.current.add(() => E(t, e)), o.instruct(), o.log(JSON.stringify(o.points));
 	}, [
-		s,
-		l,
+		o,
+		u,
 		i,
 		a
-	]), d = (0, G.useCallback)((e) => {
+	]), f = (0, G.useCallback)((e) => {
 		let t = e.key.toUpperCase();
-		s.execute(() => {
+		o.execute(() => {
 			switch (t) {
 				case it:
-					e.preventDefault(), s.undo(), n.current = !1, u();
+					e.preventDefault(), o.undo(), n.current = !1, d();
 					break;
 				case at:
-					e.preventDefault(), s.applySmoothing(), n.current = !1, u();
+					e.preventDefault(), o.applySmoothing(), n.current = !1, d();
 					break;
 				case ot:
-					e.preventDefault(), s.applySimplification(), n.current = !1, u();
+					e.preventDefault(), o.applySimplification(), n.current = !1, d();
 					break;
 				case st:
-					e.preventDefault(), n.current = !n.current, u();
+					e.preventDefault(), n.current = !n.current, d();
 					break;
 			}
 		});
-	}, [s, u]), f = (0, G.useCallback)((e) => {
+	}, [o, d]), p = (0, G.useCallback)((e) => {
 		r.current = e;
-		let { pointsLayer: t } = l;
+		let { pointsLayer: t } = u;
 		if (!t) return [];
 		let n = [];
-		return s.execute(() => {
+		return o.execute(() => {
 			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);
+			for (let t of e) t.bounds = V(t.bounds.center.x, t.bounds.center.y, t.source.width, t.source.height, r.current), n.push(t);
 		}), n;
-	}, [l, s]), p = (0, G.useCallback)((e) => {
-		s.execute(() => {
-			s.add({
+	}, [u, o]), m = (0, G.useCallback)((e) => {
+		o.execute(() => {
+			o.add({
 				x: e.x,
 				y: e.y
-			}), s.select(s.points.length - 1), u();
+			}), o.select(o.points.length - 1), d();
 		});
-	}, [s, u]);
+	}, [o, d]);
 	(0, G.useEffect)(() => {
 		var t, n;
-		if (!e || !(l != null && l.pointsLayer)) return;
-		let { pointsLayer: i } = l;
-		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(() => w(i)), P(p), window.addEventListener("keyup", d), () => {
-			window.removeEventListener("keyup", d), P(), i.onScale = void 0, c.current.destroy();
+		if (!e || !(u != null && u.pointsLayer)) return;
+		let { pointsLayer: i } = u;
+		return r.current = (t = (n = c()) == null ? void 0 : n.state().pixelSize) == null ? 1 : t, o.execute(() => {
+			o.restore(), d();
+		}), i.onScale = ({ pixelSize: e }) => p(e), l.current.add(() => E(i)), s(m), window.addEventListener("keyup", f), () => {
+			window.removeEventListener("keyup", f), s(), i.onScale = void 0, l.current.destroy();
 		};
 	}, [
 		e,
-		l,
-		s,
 		u,
+		o,
+		d,
+		m,
 		p,
-		f,
-		d
+		f
 	]);
 }
 //#endregion
 //#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, 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);
+	let o = (0, G.useRef)(window.devicePixelRatio), s = (0, G.useRef)(/* @__PURE__ */ new Map()), l = (0, G.useRef)(/* @__PURE__ */ new Map()), u = (0, G.useRef)(null), d = (0, G.useRef)(null), f = (0, G.useRef)(0), p = (0, G.useRef)(1), m = (0, G.useRef)(new $e()), h = (0, G.useRef)(/* @__PURE__ */ new Map()), g = (0, G.useRef)(gt), _ = (0, G.useRef)(/* @__PURE__ */ new Map()), v = (0, G.useRef)(void 0);
 	(0, G.useEffect)(() => {
 		if (!e || !n) return;
-		let v = !1, y, b = n.rootLayer.children, x = c.current, S = s.current, C = p.current;
+		let y = !1, b, x = n.rootLayer.children, S = l.current, C = s.current, w = m.current;
 		async function T() {
 			try {
 				var e, n;
@@ -811,19 +811,19 @@ 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 = 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({
+				o.current = bt((e = (n = c()) == null ? void 0 : n.state().pixelSize) == null ? window.devicePixelRatio : e);
+				let l = new Map(a.routes.map(({ id: e, color: t }) => [e, t])), u = /* @__PURE__ */ new Map();
+				l.forEach((e) => {
+					u.set(e, St({
 						radius: ut,
 						color: e,
 						scale: window.devicePixelRatio
 					}));
 				});
-				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];
+				let m = he(), g = x.filter((e) => m.test(e.name)), v = ge(), y = x.filter((e) => v.test(e.name));
+				a.routes.slice(0, g.length).forEach(({ id: e, color: t, path: n, stops: r, hiddenPoints: i }, a) => {
+					h.current.set(e, n);
+					let s = g[a];
 					if (s) {
 						var c;
 						let e = new Map((c = i == null ? void 0 : i.map((e) => [$(e), e])) == null ? [] : c);
@@ -838,38 +838,38 @@ function yt({ permission: e, scene: n, dataJsonUrl: r, websocketUrl: a }) {
 								width: J
 							});
 						}
-						s.children.length && C.add(() => w(s));
+						s.children.length && w.add(() => E(s));
 					}
-					let u = v[a], d = l.get(t);
-					u && d && r != null && r.length && (r.forEach((e) => {
-						u.children.push({
+					let l = y[a], d = u.get(t);
+					l && d && r != null && r.length && (r.forEach((e) => {
+						l.children.push({
 							source: d,
-							bounds: j(e.x, e.y, d.width, d.height, o.current)
+							bounds: V(e.x, e.y, d.width, d.height, o.current)
 						});
-					}), u.children.length && C.add(() => w(u)));
+					}), l.children.length && w.add(() => E(l)));
 				});
-				let y = b.find((e) => e.name === H);
-				if (!y) {
+				let b = x.find((e) => e.name === H);
+				if (!b) {
 					console.warn(`useManageTraffic: the scene has no "${H}" layer`);
 					return;
 				}
 				let T = /* @__PURE__ */ new Map();
-				y.onScale = ({ pixelSize: e }) => {
+				b.onScale = ({ pixelSize: e }) => {
 					o.current = bt(e);
 					let t = [];
-					for (let e of v) {
+					for (let e of y) {
 						let n = e.children;
 						for (let e of n) {
 							let n = e.source;
-							e.bounds = j(e.bounds.center.x, e.bounds.center.y, n.width, n.height, o.current, e.bounds.rotation), t.push(e);
+							e.bounds = V(e.bounds.center.x, e.bounds.center.y, n.width, n.height, o.current, e.bounds.rotation), t.push(e);
 						}
 					}
 					for (let e of s.current.values()) {
 						let n = e.source;
-						e.bounds = j(e.bounds.center.x, e.bounds.center.y, n.width, n.height, o.current, e.bounds.rotation), t.push(e);
+						e.bounds = V(e.bounds.center.x, e.bounds.center.y, n.width, n.height, o.current, e.bounds.rotation), t.push(e);
 					}
 					return t;
-				}, C.add(() => w(y)), c.forEach((e, t) => {
+				}, w.add(() => E(b)), l.forEach((e, t) => {
 					T.set(t, Ct({
 						id: t,
 						width: Y,
@@ -878,59 +878,59 @@ function yt({ permission: e, scene: n, dataJsonUrl: r, websocketUrl: a }) {
 						scale: window.devicePixelRatio
 					}));
 				});
-				let k = Ct({
+				let j = Ct({
 					id: "orphan",
 					width: Y,
 					height: Y,
 					color: ht,
 					scale: window.devicePixelRatio
-				}), A = null;
+				}), M = null;
 				try {
-					A = M(await i(`${t}icons/bus-white.svg`), dt, dt, window.devicePixelRatio);
+					M = A(await i(`${t}icons/bus-white.svg`), dt, dt, window.devicePixelRatio);
 				} catch (e) {
 					console.error(e);
 				}
-				u.current = (e) => {
+				d.current = (e) => {
 					try {
 						var t;
 						let n = JSON.parse(e.data);
 						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 = y.children, s = !1;
+						p.current = Math.round(r - f.current), f.current = r;
+						let i = Math.max((t = p.current) == null ? vt : t, vt), a = b.children, s = !1;
 						n.data.forEach(({ id: e, x: t, y: n, route_id: r, hidden: c }) => {
 							var l;
-							if (x.has(e)) {
+							if (S.has(e)) {
 								var u;
-								(u = x.get(e)) == null || u(), x.delete(e);
+								(u = S.get(e)) == null || u(), S.delete(e);
 							}
-							let d = S.get(e), f = (l = S.get(Z(e))) == null ? null : l;
+							let d = C.get(e), f = (l = C.get(Z(e))) == null ? null : l;
 							if (c && d && f) {
-								d.hidden = !0, f.hidden = !0, C.add(() => w(d, f));
+								d.hidden = !0, f.hidden = !0, w.add(() => E(d, f));
 								return;
 							}
-							if (g.current.set(e, performance.now()), !d) {
+							if (_.current.set(e, performance.now()), !d) {
 								var p;
-								let i = (p = T.get(r)) == null ? k : p, c = {
+								let i = (p = T.get(r)) == null ? j : p, c = {
 									source: i,
-									bounds: j(t, n, i.width, i.height, o.current, 0)
+									bounds: V(t, n, i.width, i.height, o.current, 0)
 								};
-								if (S.set(e, c), A) {
+								if (C.set(e, c), M) {
 									let r = Z(e), i = {
-										source: A,
-										bounds: j(t, n, A.width, A.height, o.current, 0)
+										source: M,
+										bounds: V(t, n, M.width, M.height, o.current, 0)
 									};
-									A.setAttribute("id", r), S.set(r, i), a.push(c, i);
+									M.setAttribute("id", r), C.set(r, i), a.push(c, i);
 								} else a.push(c);
 								s = !0;
 								return;
 							}
-							let h = d.bounds.center, _ = Dt(h, {
+							let m = d.bounds.center, g = Dt(m, {
 								x: t,
 								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: C,
+							}, h.current.get(r));
+							if (g.reduce((e, t, n) => n === 0 ? e : e + X(g[n - 1], t), 0) >= mt || document.hidden) wt({
+								updateQueue: w,
 								vehicle: d,
 								vehicleFinery: f,
 								x: t,
@@ -942,9 +942,9 @@ function yt({ permission: e, scene: n, dataJsonUrl: r, websocketUrl: a }) {
 								})
 							});
 							else {
-								let t = Ot(_, i, (e) => {
+								let t = Ot(g, i, (e) => {
 									wt({
-										updateQueue: C,
+										updateQueue: w,
 										vehicle: d,
 										vehicleFinery: f,
 										x: e.x,
@@ -953,46 +953,46 @@ function yt({ permission: e, scene: n, dataJsonUrl: r, websocketUrl: a }) {
 										angle: e.angle
 									});
 								});
-								x.set(e, t);
+								S.set(e, t);
 							}
-						}), s && C.add(() => w(y));
+						}), s && w.add(() => E(b));
 					} catch (e) {
 						console.error("handleSocketMessage", e);
 					}
-				}, d.current = performance.now(), E(), window.addEventListener("online", D), O(a.config ? (Number(a.config.vehicle_inactive_interval) || 20) * 1e3 : _t);
+				}, f.current = performance.now(), D(), window.addEventListener("online", O), k(a.config ? (Number(a.config.vehicle_inactive_interval) || 20) * 1e3 : _t);
 			} catch (e) {
 				console.warn(e);
 			}
 		}
 		T();
-		function E() {
+		function D() {
 			var e, t;
-			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 || (y = window.setTimeout(E, h.current), h.current = Math.min(h.current * 2, 3e4));
+			y || ((e = u.current) == null ? void 0 : e.readyState) === WebSocket.OPEN || ((t = u.current) == null ? void 0 : t.readyState) === WebSocket.CONNECTING || (u.current = new WebSocket(a), u.current.onmessage = d.current, u.current.onopen = () => {
+				g.current = gt;
+			}, u.current.onclose = () => {
+				y || !navigator.onLine || (b = window.setTimeout(D, g.current), g.current = Math.min(g.current * 2, 3e4));
 			});
 		}
-		function D() {
-			E();
+		function O() {
+			D();
 		}
-		function O(e) {
-			clearInterval(_.current), _.current = window.setInterval(() => {
+		function k(e) {
+			clearInterval(v.current), v.current = window.setInterval(() => {
 				let t = performance.now(), n = [], r = [];
-				g.current.forEach((i, a) => {
+				_.current.forEach((i, a) => {
 					if (t - i < e) return;
-					let o = S.get(a);
+					let o = C.get(a);
 					o && (o.hidden = !0, r.push(o), n.push(a));
-					let s = Z(a), c = S.get(s);
+					let s = Z(a), c = C.get(s);
 					c && (c.hidden = !0, r.push(c), n.push(s));
-				}), r.length && C.add(() => w(...r)), n.forEach((e) => g.current.delete(e));
+				}), r.length && w.add(() => E(...r)), n.forEach((e) => _.current.delete(e));
 			}, e);
 		}
 		return () => {
 			var e;
-			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);
+			y = !0, clearTimeout(b), (e = u.current) == null || e.close(), u.current = null;
+			let t = x.find((e) => e.name === H);
+			t && (t.onScale = void 0), S.forEach((e) => e == null ? void 0 : e()), S.clear(), C.clear(), w.destroy(), window.removeEventListener("online", O), clearInterval(v.current);
 		};
 	}, [
 		e,
@@ -1005,7 +1005,7 @@ function bt(e) {
 	return Math.min(e || window.devicePixelRatio, ft);
 }
 function xt(e, t) {
-	return y(e, t);
+	return F(e, t);
 }
 function St({ radius: e, scale: t, color: n }) {
 	let r = document.createElement("canvas"), i = r.getContext("2d");
@@ -1022,18 +1022,18 @@ function Ct({ id: e, width: t, height: n, color: r, scale: i }) {
 	return h.shadowColor = "rgba(16, 24, 40, 0.2)", h.shadowBlur = d / 2, h.beginPath(), h.arc(v, y, o, Math.PI, 0, !1), h.bezierCurveTo(v + o, y + s * .3, v + c * o, b, v, b), h.bezierCurveTo(v - c * o, b, v - o, y + s * .3, v - o, y), h.closePath(), h.fillStyle = r, h.fill(), h.strokeStyle = "#FFFFFF", h.lineWidth = a, h.stroke(), h.restore(), m;
 }
 function X(e, t) {
-	return x(e, t);
+	return u(e, t);
 }
 function Z(e) {
 	return `${e}_finery`;
 }
 function wt({ updateQueue: e, vehicle: t, vehicleFinery: n, x: r, y: i, scale: a, angle: o }) {
 	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 = 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));
+	if (t.bounds = V(r, i, s.width, s.height, a, o), t.hidden = !1, n) {
+		var l, u;
+		let o = (l = (u = c()) == null ? void 0 : u.state().roll) == null ? 0 : l, s = n.source;
+		n.bounds = V(r, i, s.width, s.height, a, h(o)), n.hidden = !1, e.add(() => E(n, t));
+	} else e.add(() => E(t));
 }
 function Q(e, t, n) {
 	return {
@@ -1074,7 +1074,7 @@ function Ot(e, t, n, r) {
 	if (e.length < 2) return () => {};
 	let i = null, a, o = [], s = 0;
 	for (let t = 0; t < e.length - 1; t++) {
-		let n = x(e[t], e[t + 1]);
+		let n = u(e[t], e[t + 1]);
 		o.push(n), s += n;
 	}
 	let c = (l) => {
@@ -1086,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: y(h, g)
+			angle: F(h, g)
 		}), d < 1 ? a = requestAnimationFrame(c) : r && r();
 	};
 	return a = requestAnimationFrame(c), () => {