@expofp/floorplan 3.44.7 → 3.45.0

package/dist/browser/useManageTraffic-C-4Maw9l.js

@@ -0,0 +1,1439 @@
+(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.45.0" };
+		var t = new e.Error().stack;
+		t && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[t] = "4354dba9-9579-49e0-95d7-670e0032a740", e._sentryDebugIdIdentifier = "sentry-dbid-4354dba9-9579-49e0-95d7-670e0032a740");
+	} catch {}
+})();
+import { r as e } from "./rolldown-runtime-C7pJ6q0h.js";
+import { g as t } from "./i18n-CLEztXjo.js";
+import { t as n } from "./react-Dg88gKA7.js";
+import { i as r, l as i } from "./mobx.module-BP1vMHLz.js";
+import { t as a } from "./loadImage-BS80HTUK.js";
+import { r as o } from "./debug-context-BFAUm0Rv.js";
+import { a as s, l as c, t as l, u } from "./store-D73yMRu5.js";
+import { $t as d, At as f, D as p, Ft as m, G as h, Gt as g, It as _, J as v, Mt as y, Nt as b, Pt as x, Qt as S, Rt as C, St as w, Tt as T, Vt as E, W as D, X as O, Xt as k, Y as A, Z as ee, _t as j, an as te, at as ne, b as re, bt as ie, d as ae, en as oe, et as se, f as ce, ft as M, i as le, in as N, it as ue, jt as de, kt as P, nn as fe, q as pe, qt as me, rt as he, t as ge, vt as _e, wt as ve, x as ye, xt as be } from "./LayerStore-BifpIwHB.js";
+import { _ as xe, l as Se } from "./wayfinding-4TI6Xwmj.js";
+import { i as Ce, n as we } from "./viewport-CcbGLmJI.js";
+import { r as Te } from "./scene-CV1XFwO9.js";
+//#region src/components/Map/traffic/trafficLayers.ts
+var Ee = "traffic_route", De = "traffic_route_stop", F = "traffic_vehicles", Oe = "build_route_lines", ke = "build_route_dots", Ae = 5;
+function je() {
+	let e = [];
+	for (let t = 0; t < Ae; t++) e.push({
+		name: Me(t),
+		children: []
+	}), e.push({
+		name: Ne(t),
+		children: []
+	});
+	return e.push({
+		name: F,
+		children: []
+	}), e.push({
+		name: Oe,
+		children: []
+	}), e.push({
+		name: ke,
+		children: []
+	}), e;
+}
+function Me(e) {
+	return `${Ee}_${e + 1}`;
+}
+function Ne(e) {
+	return `${De}_${e + 1}`;
+}
+function Pe() {
+	return RegExp(`^${Ee}_\\d+$`);
+}
+function Fe() {
+	return RegExp(`^${De}_\\d+$`);
+}
+//#endregion
+//#region src/components/Map/drawing/config/booth-badge-anchor.ts
+var Ie = /* @__PURE__ */ e(j(), 1), Le = .5, Re = .3, ze = 10, Be = 8, Ve = 4, He = 50, I = class e {
+	constructor(e, t, n, r) {
+		this.booth = e, this.triangles = t, this.border = n, this.source = r, this.fits = [], this.prefetchRotation = 0, this.polygon = void 0, this.bbox = void 0, this.vertices = null, this.polygon = We(t), this.bbox = Ue(t);
+	}
+	fit(e, t) {
+		let n = this.fits[e];
+		return n || (this.fits[e] = n = this.compute(e, t), this.fits.filter(Boolean).length === 4 && (this.vertices = null)), n;
+	}
+	prefetch(t) {
+		e.idle.has(this) || (this.prefetchRotation = t, e.idle.add(this), e.scheduleIdle());
+	}
+	cancelPrefetch() {
+		e.idle.delete(this);
+	}
+	static scheduleIdle() {
+		e.idleScheduled || !e.idle.size || (e.idleScheduled = !0, typeof requestIdleCallback == "function" ? requestIdleCallback(e.runIdle) : typeof requestAnimationFrame == "function" ? requestAnimationFrame(() => setTimeout(e.runSlice, 0)) : setTimeout(e.runSlice, He));
+	}
+	static runSlice() {
+		let t = performance.now() + Ve;
+		e.runIdle({ timeRemaining: () => t - performance.now() });
+	}
+	static runIdle(t) {
+		e.idleScheduled = !1;
+		let n = performance.now() + Be;
+		try {
+			for (let r of e.idle) {
+				if (t.timeRemaining() <= 0 || performance.now() >= n) break;
+				let i = !1;
+				try {
+					i = r.prefetchNext();
+				} finally {
+					i || e.idle.delete(r);
+				}
+			}
+		} finally {
+			e.scheduleIdle();
+		}
+	}
+	prefetchNext() {
+		for (let e = 1; e < 4; e++) if (!this.fits[e]) return this.fit(e, this.prefetchRotation + e * Math.PI / 2), e < 3;
+		return !1;
+	}
+	compute(e, t) {
+		let n = e === 0 || e === 3 ? 1 : -1, r = e === 0 || e === 1 ? 1 : -1, i = this.findAnchor(n, r), a = this.clampScale(i.x, i.y, this.rectMaxScale(e % 2 == 1), t);
+		return {
+			x: i.x,
+			y: i.y,
+			maxScale: a
+		};
+	}
+	rectMaxScale(e) {
+		let t = this.booth.rect.size.width, n = this.booth.rect.size.height, r = e ? n : t, i = e ? t : n;
+		return Math.min(r > 0 ? r * Le / this.source.x : Infinity, i > 0 ? i * Re / this.source.y : Infinity);
+	}
+	findAnchor(e, t) {
+		var n;
+		let { booth: r, border: i, bbox: a } = this;
+		if (a) {
+			let n = e > 0 ? a.min.x : a.max.x, r = t > 0 ? a.min.y : a.max.y, o = [];
+			for (let [a, s] of this.distinctVertices()) {
+				let c = a + i * e, l = s + i * t, u = Math.abs(c - n) + Math.abs(l - r);
+				u < Infinity && o.push({
+					x: c,
+					y: l,
+					score: u,
+					order: o.length
+				});
+			}
+			o.sort((e, t) => e.score - t.score || e.order - t.order);
+			for (let e of o) {
+				let t = {
+					x: e.x,
+					y: e.y
+				};
+				if (this.polygon.containsPoint(t)) return t;
+			}
+		}
+		let o = e > 0 ? r.rect.min.x + i : r.rect.max.x - i, s = t > 0 ? r.rect.min.y + i : r.rect.max.y - i, c = (n = r.rotate) == null ? 0 : n;
+		return c ? N({
+			x: o,
+			y: s
+		}, c, r.rect.center) : {
+			x: o,
+			y: s
+		};
+	}
+	clampScale(e, t, n, r) {
+		let { polygon: i, source: a } = this;
+		if (!this.triangles.length) return n;
+		let o = {
+			x: e,
+			y: t
+		};
+		if (!i.containsPoint(o)) return n;
+		let s = 0, c = n;
+		for (let n = 0; n < ze; n++) {
+			let n = (s + c) / 2, l = a.x * n, u = a.y * n;
+			i.containsPoint(N({
+				x: e + l,
+				y: t
+			}, r, o)) && i.containsPoint(N({
+				x: e,
+				y: t + u
+			}, r, o)) && i.containsPoint(N({
+				x: e + l,
+				y: t + u
+			}, r, o)) ? s = n : c = n;
+		}
+		return s;
+	}
+	distinctVertices() {
+		if (this.vertices) return this.vertices;
+		let e = /* @__PURE__ */ new Set(), t = [];
+		for (let n of this.triangles) for (let r of n) {
+			let n = `${r[0]},${r[1]}`;
+			e.has(n) || (e.add(n), t.push([r[0], r[1]]));
+		}
+		return this.vertices = t;
+	}
+};
+I.idle = /* @__PURE__ */ new Set(), I.idleScheduled = !1;
+function Ue(e) {
+	if (!e.length) return null;
+	let t = Infinity, n = Infinity, r = -Infinity, i = -Infinity;
+	for (let a of e) for (let [e, o] of a) e < t && (t = e), o < n && (n = o), e > r && (r = e), o > i && (i = o);
+	return k.fromMinMax({
+		x: t,
+		y: n
+	}, {
+		x: r,
+		y: i
+	});
+}
+function We(e) {
+	let t = [], n = [];
+	for (let r of e) {
+		let e = t.length;
+		t.push({
+			x: r[0][0],
+			y: r[0][1]
+		}), t.push({
+			x: r[1][0],
+			y: r[1][1]
+		}), t.push({
+			x: r[2][0],
+			y: r[2][1]
+		}), n.push([
+			e,
+			e + 1,
+			e + 2
+		]);
+	}
+	return new oe(t, n);
+}
+//#endregion
+//#region src/components/Map/drawing/config/config-booth-badge-eligibility.ts
+function Ge(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 Ke = 15, qe = 24, Je = 30, Ye = 12, Xe = .8, Ze = document.createElement("canvas").getContext("2d");
+function Qe(e) {
+	return e.length <= Ke ? e : e.slice(0, Ke - 1) + "…";
+}
+function $e(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 E(t.index, r)) i.push(e);
+	return i;
+}
+function L(e) {
+	return e && e !== "none" ? e : void 0;
+}
+function et(e) {
+	var t;
+	let n = L(e.borderColor) || L(C.boothBorderColor) || C.colors.booths.default;
+	return ((t = e.paths) == null ? void 0 : t.length) > 1 && L(e.paths[e.paths.length - 1].color) || n;
+}
+function tt(e) {
+	var t;
+	let n = Qe(e.title || e.name), r = et(e), a = Te((0, Ie.default)(r).hex()), o = ae();
+	Ze.font = f(Je, o);
+	let s = Ze.measureText(n).width, c = Math.ceil(s + Ye * 2), p = (e.borderWidth || l.borderWidth) / 2, m = c * Xe, h = 54 * Xe, g = new I(e, $e(e), p, {
+		x: m,
+		y: h
+	}), _ = (t = e.rotate) == null ? 0 : t, y = 0, b = 0, x = 0, S = 0, C = () => {
+		let e = g.fit(y, _);
+		b = e.x, x = e.y, S = e.maxScale;
+	};
+	C();
+	let w = (t, n) => {
+		let r = t / 2, i = n / 2;
+		return new d(N({
+			x: b + r,
+			y: x + i
+		}, _, {
+			x: b,
+			y: x
+		}), {
+			x: t,
+			y: n
+		}, _, e.elevation);
+	}, T = ce(o, ee()), E = pe(w(1, 1), r);
+	E.hidden = !0, E.dim = e.skipDim ? 0 : void 0;
+	let D = v(A([[n], []], a, 0, [T, T]), w(1, 1), [0, 0], {
+		horizontal: "center",
+		vertical: "center"
+	});
+	D.hidden = !0, D.dim = e.skipDim ? 0 : void 0;
+	let O = {
+		booth: e,
+		anchor: {
+			x: b,
+			y: x
+		},
+		source: {
+			x: m,
+			y: h
+		},
+		rotation: _,
+		maxScale: S,
+		bg: E,
+		text: D
+	}, k = new nt(O);
+	E.onScale = ({ pixelSize: e }) => k.layOutBg(e), D.onScale = ({ pixelSize: e }) => k.layOutText(e);
+	let j = [];
+	return j.push(i(() => e.skipDim, (e) => {
+		E.dim = e ? 0 : void 0, D.dim = e ? 0 : void 0, M(E, D);
+	})), j.push(i(() => {
+		var t, n;
+		return (t = (n = e.layer) == null ? void 0 : n.visible) == null || t;
+	}, (e) => {
+		E.hidden = !e, D.hidden = !e, M(E, D);
+	})), j.push(i(() => u.mapSettings, ({ roll: t }) => {
+		var n;
+		ue(t == null ? 0 : t) && (g.prefetch((n = e.rotate) == null ? 0 : n), E.onRoll = ({ roll: e, pixelSize: t }) => {
+			let n = he(e, _);
+			if (n !== 0) return _ += n * Math.PI / 2, y = ((y + n) % 4 + 4) % 4, C(), O.anchor.x = b, O.anchor.y = x, O.rotation = _, O.maxScale = S, [...k.layOutBg(t), ...k.layOutText(t)];
+		});
+	}, { fireImmediately: !0 }), () => g.cancelPrefetch()), {
+		bg: E,
+		text: D,
+		dispose: () => {
+			j.forEach((e) => e()), j.length = 0;
+		}
+	};
+}
+var nt = class {
+	constructor(e) {
+		this.placement = e;
+	}
+	layOutBg(e) {
+		let { bg: t } = this.placement;
+		return t.shape = this.rectScaled(e), t.hidden = this.isHidden(), t.hidden ? [] : [t];
+	}
+	layOutText(e) {
+		let { text: t, maxScale: n } = this.placement;
+		return t.lines[0].fontSize = qe * 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 d(N({
+			x: t.x + s / 2,
+			y: t.y + c / 2
+		}, i, t), {
+			x: s,
+			y: c
+		}, i, n.elevation);
+	}
+	isHidden() {
+		let { booth: e } = this.placement;
+		return !!(e.layer && !e.layer.visible);
+	}
+};
+function rt(e, t) {
+	let n = [], r = [], i = [];
+	for (let e of t) if (e instanceof se && Ge({
+		hideExhibitorBoothNumber: g.hideExhibitorBoothNumber,
+		hideBoothBadges: g.hideBoothBadges,
+		hideLogoInBooth: u.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 } = tt(e);
+		n.push(t), r.push(a), i.push(o);
+	}
+	let a = () => {
+		i.forEach((e) => e()), i.length = 0;
+	};
+	return n.length ? {
+		layer: {
+			name: `${e}:badges`,
+			children: [{
+				name: `${e}:badgeBgs`,
+				children: n
+			}, {
+				name: `${e}:badgeTexts`,
+				children: r
+			}]
+		},
+		cleanup: a
+	} : {
+		layer: null,
+		cleanup: a
+	};
+}
+//#endregion
+//#region src/components/Map/drawing/config/config-markers.ts
+var it = "_selected", at = "markers";
+function ot(e, t, n) {
+	let { center: r, rotation: i, elevation: a } = e.bounds, { width: o, height: s } = t;
+	return e.bounds = P(r.x, r.y, o, s, n, i, a), [e];
+}
+function st(e) {
+	R = e;
+}
+function ct(e) {
+	let { scene: t } = e, n = [], r = /* @__PURE__ */ new Map(), a = /* @__PURE__ */ new Map(), o = [], l = t.rootLayer.children.find((e) => e.name === at);
+	l.onScale = ({ pixelSize: e }) => st(e), re(lt), M(l);
+	async function d(e) {
+		let t = [];
+		e.forEach((e) => {
+			let { name: n, content: i, width: a, height: o, scale: s } = e;
+			if (r.has(n)) return;
+			let c = new Image(), l = new Promise((e, t) => {
+				c.onload = () => {
+					r.set(n, {
+						img: c,
+						width: a,
+						height: o,
+						scale: s
+					}), e();
+				}, c.onerror = (e) => {
+					t(e);
+				};
+			});
+			t.push(l), c.src = i, c.crossOrigin = "anonymous";
+		}), await Promise.all(t);
+	}
+	let f = (e, t) => {
+		e.onScale = ({ pixelSize: n }) => ot(e, t, n);
+	}, p = (e) => {
+		e.screenSpace || (e.onRoll = ({ roll: t }) => {
+			if (t !== e.bounds.rotation) return e.bounds.rotate(t - e.bounds.rotation, e.bounds), [e];
+		});
+	};
+	function m(e, t) {
+		let n = a.get(e);
+		if (n) return n;
+		let r = ve(t.img, t.width, t.height, window.devicePixelRatio, t.scale || 1);
+		return a.set(e, r), r;
+	}
+	function h() {
+		let e = c.routeStore.markersData.markers;
+		if (!e.length) return;
+		o = [];
+		let t = u.is3DView;
+		e.forEach((e) => {
+			var n, i;
+			let a = r.get(e.icon);
+			if (!a) return;
+			let c = r.get(e.selectedIcon);
+			if (!c) return;
+			let l = a.scale || 1, u = m(e.icon, a), d = m(e.selectedIcon, c), p = (n = (i = s.findLayer(e.z)) == null ? void 0 : i.visible) == null || n, h = de(a.img, a.width, a.height, l), g = de(c.img, c.width, c.height, l), _ = P(e.x, e.y, h.width, h.height, 1, 0), v = P(e.x, e.y, g.width, g.height, 1, 0), y;
+			switch (e.position) {
+				case "lefttop":
+					y = [0, 0];
+					break;
+				case "centertop":
+					y = [.5, 0];
+					break;
+				case "centerbottom":
+					y = [.5, 1];
+					break;
+				default: y = [.5, .5];
+			}
+			let b = {
+				...D(u, _, {
+					hidden: !p,
+					origin: y
+				}),
+				id: e.id,
+				scale: l,
+				screenSpace: t
+			}, x = {
+				...D(d, v, {
+					hidden: !(p && e.active),
+					origin: y
+				}),
+				id: `${e.id}${it}`,
+				scale: l,
+				screenSpace: t
+			};
+			f(b, h), f(x, g), o.push(b, x);
+		}), l.children = o, o.forEach(p);
+	}
+	function g() {
+		l.children = [], o = [];
+	}
+	function _() {
+		let e = c.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}${it}`);
+			if (!r || !i) return;
+			let a = (t = (n = s.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 n.push(i(() => [c.routeStore.selectedMarkers, c.layerStore.visible], () => {
+		if (!c.routeStore.markersData.markers.length) {
+			g(), M(l);
+			return;
+		}
+		_(), M(...o);
+	})), n.push(i(() => c.routeStore.markersData.markers, () => {
+		d(c.routeStore.markersData.icons).then(() => {
+			h(), M(l);
+		});
+	}, { fireImmediately: !0 })), function() {
+		n.forEach((e) => e()), n.length = 0, l.onScale = void 0, re(), R = 1, M(l);
+	};
+}
+function lt(e, t) {
+	return ut(e, t, R);
+}
+function ut(e, t, n) {
+	for (let r of c.routeStore.markersData.markers) {
+		let i = c.routeStore.markersData.icons.find((e) => e.name === r.icon);
+		if (!i) continue;
+		let a = i.width * (i.scale || 1) * n, o = i.height * (i.scale || 1) * n;
+		if (dt(e, t, r.x, r.y, a, o)) {
+			let e = c.layerStore.findLayer(r.z);
+			if (!e || e && e.visible) return r;
+		}
+	}
+	return null;
+}
+function dt(e, t, n, r, i, a) {
+	return k.fromCenter({
+		x: n,
+		y: r
+	}, {
+		x: 2 * i,
+		y: 2 * a
+	}).containsPoint({
+		x: e,
+		y: t
+	});
+}
+var R = 1, ft = .5, pt = "cubic";
+function mt(e, t) {
+	return !e || e.rootLayer.dim === t ? !1 : (e.rootLayer.dim = t, !0);
+}
+function ht(e, t = 300, n = pt) {
+	let r = null, i = 0, a = 0, o = 0, s = 0, c = Math.max(t, 0);
+	function l() {
+		r === null || typeof cancelAnimationFrame != "function" || (cancelAnimationFrame(r), r = null);
+	}
+	function u(t) {
+		l(), i = t, e(i);
+	}
+	function d(t) {
+		let l = t - s, u = Math.min(Math.max(l / c, 0), 1), f = gt(u, n);
+		if (i = a + (o - a) * f, e(i), u < 1) {
+			r = requestAnimationFrame(d);
+			return;
+		}
+		r = null, i = o, e(i);
+	}
+	return {
+		getValue() {
+			return i;
+		},
+		setTarget(e, t = {}) {
+			let n = +!!e;
+			if (!(!t.immediate && n === o && r === null)) {
+				if (o = n, t.immediate || c === 0 || typeof requestAnimationFrame != "function") {
+					u(o);
+					return;
+				}
+				l(), a = i, s = typeof performance > "u" ? Date.now() : performance.now(), r = requestAnimationFrame(d);
+			}
+		},
+		stop() {
+			l();
+		}
+	};
+}
+function gt(e, t) {
+	return t === "linear" ? e : _t(e);
+}
+function _t(e) {
+	return e < .5 ? 4 * e * e * e : 1 - (-2 * e + 2) ** 3 / 2;
+}
+//#endregion
+//#region src/components/Map/drawing/config/config-pins.ts
+function vt(e, t, n) {
+	let a = [], o = [], s = [], c = [];
+	function d() {
+		let e = u.selectedPoiTypeFilters;
+		if (!e.length) return [];
+		let t = new Set(e.map((e) => e.id));
+		return l.booths.filter((e) => e.visible && t.has(e.poiTypeId) && e.rect);
+	}
+	let f = (e) => {
+		o.push(e);
+	};
+	function p() {
+		o.forEach((e) => e.stop()), o = [];
+	}
+	function m() {
+		e.children = s.map((e) => Ct(e, f));
+	}
+	function h() {
+		c = Array.from({ length: Math.floor(s.length / 2) }, () => Tt(f)), t.children = c.map((e) => e.image), n.children = c.map((e) => e.count);
+	}
+	function g(e, t) {
+		let n = /* @__PURE__ */ new Set(), r = (e) => e == null ? void 0 : e.forEach((e) => n.add(e)), i = Dt(c, e, Nt * t.pixelSize);
+		i.forEach((t, n) => {
+			kt(t, e[n]) && r([t.image, t.count]), r(t.fader.place(!0));
+		});
+		let a = new Set(i);
+		for (let e of c) a.has(e) || r(e.fader.place(!1));
+		return n.size ? [...n] : void 0;
+	}
+	return e.clustering = {
+		onCluster: (e, t) => g(e, t),
+		marker: {
+			width: V,
+			height: H,
+			origin: B
+		}
+	}, a.push(i(() => d(), (r) => {
+		s = r, p(), m(), h(), M(e, t, n);
+	}, {
+		equals: r.shallow,
+		fireImmediately: !0
+	})), function() {
+		a.forEach((e) => e()), a.length = 0, p(), c = [], e.clustering = void 0, e.children = [], t.children = [], n.children = [], M(e, t, n);
+	};
+}
+function yt(e, t, n, r, i) {
+	let a, o = i, s = !1, c = !1, l = (r) => {
+		let i = 1 - Math.min(Math.max(r, 0), 1), a = !1;
+		if (n() !== i && (t(i), a = !0), !o && r >= 1 && e.some((e) => !e.hidden)) {
+			for (let t of e) t.hidden = !0;
+			a = !0;
+		}
+		a && (s ? c = !0 : M(...e));
+	}, u = () => {
+		if (!a && (a = ht(l, 300), r(a), !i)) {
+			let e = s;
+			s = !0, a.setTarget(!0, { immediate: !0 }), s = e;
+		}
+		return a;
+	};
+	return { place(t) {
+		if (t === o) return;
+		o = t;
+		let n = !1;
+		if (t && e.some((e) => e.hidden)) {
+			for (let t of e) t.hidden = !1;
+			n = !0;
+		}
+		return s = !0, c = !1, u().setTarget(!t), s = !1, n || c ? e : void 0;
+	} };
+}
+function bt(e, t, n, r) {
+	let { bounds: i } = e, a = t * r, o = t * n * r;
+	if (!(i.size.x === a && i.size.y === o)) return i.set(i.center.x, i.center.y, a, o, i.rotation, i.elevation), [e];
+}
+function xt() {
+	return U || (U = T(z, window.devicePixelRatio)), U;
+}
+function St() {
+	return W || (W = w(V, window.devicePixelRatio)), W;
+}
+function Ct(e, t) {
+	let n = new d(e.rect.center, {
+		x: z,
+		y: z * b
+	}, 0, e.elevation * 2), r = {
+		...D(xt(), n, {
+			hidden: !1,
+			origin: B
+		}),
+		screenSpace: !0,
+		opacity: 1
+	};
+	r.onScale = ({ pixelSize: e }) => bt(r, z, b, e);
+	let i = yt([r], (e) => {
+		r.opacity = e;
+	}, () => {
+		var e;
+		return (e = r.opacity) == null ? 1 : e;
+	}, t, !0);
+	return r.placement = { onPlace: (e) => i.place(e) }, r;
+}
+function wt(e) {
+	return `${Pt}${Math.round(Math.min(Math.max(e, 0), 1) * 255).toString(16).padStart(2, "0")}`;
+}
+function Tt(e) {
+	let t = new d({
+		x: 0,
+		y: 0
+	}, {
+		x: V,
+		y: H
+	}, 0, 0), n = {
+		...D(St(), t, {
+			hidden: !0,
+			origin: B
+		}),
+		screenSpace: !0,
+		opacity: 0
+	};
+	n.onScale = ({ pixelSize: e }) => bt(n, V, b, e);
+	let r = Et(n);
+	return {
+		image: n,
+		count: r,
+		fader: yt([n, r], (e) => {
+			n.opacity = e, r.lines[0].color = wt(e);
+		}, () => {
+			var e;
+			return (e = n.opacity) == null ? 1 : e;
+		}, e, !1)
+	};
+}
+function Et(e) {
+	let t = {
+		lines: [{
+			text: m(2),
+			color: wt(0),
+			fontUrl: O,
+			fontSize: 0
+		}],
+		bounds: new d({
+			x: e.bounds.center.x,
+			y: e.bounds.center.y
+		}, {
+			x: 0,
+			y: 0
+		}, 0, e.bounds.elevation),
+		padding: [0, 0],
+		alignment: {
+			horizontal: "center",
+			vertical: "top",
+			text: "center"
+		},
+		screenSpace: !0,
+		hidden: !0
+	};
+	return t.onScale = ({ pixelSize: n }) => {
+		let r = x(Ft.r) * n, i = V * n, a = 2 * ((H - Ft.cy) * n + y * r), { bounds: o } = t, [s] = t.lines;
+		if (!(s.fontSize === r && o.size.x === i && o.size.y === a)) return s.fontSize = r, o.set(e.bounds.center.x, e.bounds.center.y, i, a, o.rotation, e.bounds.elevation), [t];
+	}, t;
+}
+function Dt(e, t, n) {
+	let r = Math.min(t.length, e.length), i = [], a = /* @__PURE__ */ new Set(), o = [];
+	e.forEach(({ image: e }, i) => {
+		if (!e.hidden) for (let a = 0; a < r; a++) {
+			let { x: r, y: s } = t[a], c = Math.hypot(r - e.bounds.center.x, s - e.bounds.center.y);
+			c <= n && o.push({
+				distance: c,
+				cluster: a,
+				unit: i
+			});
+		}
+	}), o.sort((e, t) => e.distance - t.distance || e.cluster - t.cluster || e.unit - t.unit);
+	for (let { cluster: t, unit: n } of o) i[t] || a.has(e[n]) || (i[t] = e[n], a.add(e[n]));
+	let s = e.map((e, t) => ({
+		unit: e,
+		index: t
+	})).filter(({ unit: e }) => !a.has(e)).sort((e, t) => Ot(e.unit) - Ot(t.unit) || e.index - t.index), c = 0;
+	for (let e = 0; e < r; e++) i[e] || (i[e] = s[c++].unit);
+	return i;
+}
+function Ot({ image: e }) {
+	var t;
+	return e.hidden ? 0 : (t = e.opacity) == null ? 1 : t;
+}
+function kt({ image: e, count: t }, n) {
+	let { x: r, y: i, elevation: a, unitCount: o } = n, s = m(o), [c] = t.lines, l = e.bounds;
+	if (l.center.x === r && l.center.y === i && l.elevation === a && c.text === s) return !1;
+	l.set(r, i, l.size.x, l.size.y, l.rotation, a);
+	let { bounds: u } = t;
+	return u.set(r, i, u.size.x, u.size.y, u.rotation, a), c.text = s, !0;
+}
+var At = "poiFilterPins", jt = "poiFilterPinClusters", Mt = "poiFilterPinCounts", z = 32, B = [.5, 1], V = 44, Nt = V, Pt = "#000000", Ft = _(V), H = V * b, U, W;
+//#endregion
+//#region src/components/Map/drawing/config/config-all.ts
+function It() {
+	let { defaultLayer: e } = c.layerStore, { layers: t } = c.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) => le(e));
+	return Promise.all(n).then((e) => {
+		var t;
+		let n = h(at, []);
+		n.overlay = u.is3DView;
+		let r = u.is3DView ? Lt() : void 0, i = Se({ overlay: u.is3DView }), a = [], o = [];
+		for (let t of e.flat()) p(t.name) ? (t.dim = 0, o.push(t)) : a.push(t);
+		let { layer: s, cleanup: c } = rt("root", l.booths);
+		return {
+			layers: [
+				...a,
+				...s ? [s] : [],
+				...o,
+				...je(),
+				n,
+				...(t = r == null ? void 0 : r.layers) == null ? [] : t,
+				i
+			],
+			cleanup: () => {
+				c(), r == null || r.cleanup();
+			}
+		};
+	});
+}
+function Lt() {
+	let e = [
+		At,
+		jt,
+		Mt
+	].map((e) => {
+		let t = h(e, []);
+		return t.overlay = !0, t.dim = 0, t;
+	}), [t, n, r] = e;
+	return {
+		layers: e,
+		cleanup: vt(t, n, r)
+	};
+}
+//#endregion
+//#region src/components/Map/MapCursorCoords.tsx
+var G = /* @__PURE__ */ e(n(), 1), Rt = 2;
+function zt(e) {
+	let { canvas: t } = e, n = ne(), r = o(), i = (0, G.useCallback)(() => r("cursor", void 0), [r]), a = (0, G.useEffectEvent)((e) => {
+		if (!e.isPrimary) return;
+		let t = n.canvasToPlan({
+			x: e.offsetX,
+			y: e.offsetY
+		});
+		r("cursor", t ? Vt(t, Bt()) : void 0);
+	});
+	return (0, G.useEffect)(() => {
+		let e = t.current;
+		if (!e) return;
+		let n = (e) => a(e), r = () => i();
+		return e.addEventListener("pointermove", n), e.addEventListener("pointerleave", r), () => {
+			e.removeEventListener("pointermove", n), e.removeEventListener("pointerleave", r);
+		};
+	}, [t, i]), null;
+}
+function Bt() {
+	let e = c.layerStore.layers.find((e) => e.visible && (e.mode === ge.TurnedOn || e.mode === ge.TurnedOff));
+	return (e == null ? void 0 : e.name) || null;
+}
+function Vt(e, t) {
+	let n = `[${e.x.toFixed(Rt)}, ${e.y.toFixed(Rt)}]`;
+	return t ? `${n} · layer ${t}` : n;
+}
+//#endregion
+//#region src/components/Map/MapViewport.tsx
+function Ht() {
+	let e = ne(), t = (0, G.useRef)({ api: e }), [n] = (0, G.useState)(() => we(t));
+	return (0, G.useLayoutEffect)(() => {
+		t.current = { api: e };
+	}), (0, G.useEffect)(() => (Ce(n), () => Ce(void 0)), [n]), null;
+}
+//#endregion
+//#region src/components/Map/traffic/UpdateQueue.ts
+var Ut = class {
+	constructor() {
+		this.queue = [], this.isProcessing = !1, this.rafId = null, this.CHUNK_SIZE = 100, this.TIME_BUDGET = 4;
+	}
+	add(e) {
+		this.queue.push(e), this.scheduleProcessing();
+	}
+	scheduleProcessing() {
+		this.isProcessing || this.queue.length === 0 || (this.isProcessing = !0, this.queue.length <= this.CHUNK_SIZE * 2 ? Promise.resolve().then(() => this.processMicrotaskQueue()) : this.rafId = requestAnimationFrame((e) => {
+			this.processQueue(e);
+		}));
+	}
+	processMicrotaskQueue() {
+		let e = performance.now(), t = 0;
+		for (; this.queue.length > 0 && t < this.CHUNK_SIZE;) {
+			let n = this.queue.shift();
+			try {
+				n();
+			} catch (e) {
+				console.warn("UpdateQueue task error:", e);
+			}
+			if (t++, performance.now() - e > this.TIME_BUDGET) break;
+		}
+		this.queue.length > 0 ? Promise.resolve().then(() => this.processMicrotaskQueue()) : this.isProcessing = !1;
+	}
+	processQueue(e) {
+		this.rafId = null;
+		let t = 0;
+		for (; this.queue.length > 0 && t < this.CHUNK_SIZE;) {
+			let n = this.queue.shift();
+			try {
+				n();
+			} catch (e) {
+				console.warn("UpdateQueue task error:", e);
+			}
+			if (t++, performance.now() - e > this.TIME_BUDGET) break;
+		}
+		this.queue.length > 0 ? this.rafId = requestAnimationFrame((e) => this.processQueue(e)) : this.isProcessing = !1;
+	}
+	destroy() {
+		this.rafId !== null && (cancelAnimationFrame(this.rafId), this.rafId = null), this.queue = [], this.isProcessing = !1;
+	}
+}, K = 49, Wt = `hsl(257, 76%, ${K}%)`, Gt = `hsl(339.903, 82%, ${K}%)`, Kt = `hsl(257, 76%, ${Math.round(K * 1.82)}%)`, q = 4, J = _e(q), qt = q, Jt = "U", Yt = "R", Xt = "S", Zt = "P", Qt = class {
+	constructor() {
+		this._state = [[]], this.index = 0, this.pointHashSet = /* @__PURE__ */ new Set(), this.locked = !1, this.storageKey = "expofp_build_route_state", this._selected = 0;
+	}
+	get points() {
+		return this._state[this.index];
+	}
+	set points(e) {
+		this._state.push(e), this.setIndex(), this.save();
+	}
+	setIndex() {
+		this.index = Math.max(this._state.length - 1, 0);
+	}
+	genPointHash(e) {
+		return `${e.x},${e.y}`;
+	}
+	add(e) {
+		let t = this.genPointHash(e);
+		this.pointHashSet.has(t) || (this.pointHashSet.add(t), this.points = [...this.points, e]);
+	}
+	undo() {
+		this.index && (this._state.pop(), this.setIndex(), this.save(), this.select(this.points.length - 1));
+	}
+	execute(e) {
+		try {
+			if (this.locked) return;
+			this.locked = !0, e();
+		} finally {
+			requestAnimationFrame(() => {
+				this.locked = !1;
+			});
+		}
+	}
+	log(e, t = 12) {
+		console.log(`%c${e}`, `color: black; font-size: ${t}px; background: LemonChiffon;`);
+	}
+	instruct() {
+		this.log(`How to Build a Route:
+Add Point: Click on the map.
+Apply Smoothing: Press ${Yt}.
+Apply Simplification: Press ${Xt}.
+Undo: Press ${Jt}.
+Enable/Disable Preview: Press ${Zt}.
+`, 16);
+	}
+	applyChaikinSmoothing(e, t, n) {
+		let r;
+		if (n >= 1 && e.length >= 2) {
+			r = [e[0]];
+			for (let t = 1; t < e.length; t++) {
+				let i = e[t - 1], a = e[t];
+				for (let e = 1; e <= n; e++) {
+					let t = e / (n + 1);
+					r.push({
+						x: i.x + (a.x - i.x) * t,
+						y: i.y + (a.y - i.y) * t
+					});
+				}
+				r.push(a);
+			}
+		} else r = e.slice();
+		for (let e = 0; e < t && !(r.length < 2); e++) {
+			let e = [{ ...r[0] }];
+			for (let t = 1; t < r.length; t++) {
+				let n = r[t - 1], i = r[t];
+				e.push({
+					x: .75 * n.x + .25 * i.x,
+					y: .75 * n.y + .25 * i.y
+				}), e.push({
+					x: .25 * n.x + .75 * i.x,
+					y: .25 * n.y + .75 * i.y
+				});
+			}
+			e.push({ ...r[r.length - 1] }), r = e;
+		}
+		return r;
+	}
+	applySmoothing() {
+		this.points.length < 3 || (this.points = this.applyChaikinSmoothing(this.points, 1, 0), this.select(this.points.length - 1));
+	}
+	save() {
+		try {
+			this.points.length ? sessionStorage.setItem(this.storageKey, JSON.stringify(this.points)) : sessionStorage.removeItem(this.storageKey);
+		} catch (e) {
+			console.warn(e);
+		}
+	}
+	restore() {
+		try {
+			let e = sessionStorage.getItem(this.storageKey);
+			if (!e) return;
+			let t = JSON.parse(e);
+			if (!Array.isArray(t)) return;
+			t.forEach((e) => this.add(e)), this.select(this.points.length - 1);
+		} catch (e) {
+			console.warn(e);
+		}
+	}
+	topologyPreservingSimplify(e, t) {
+		if (e.length <= 2) return e.map((e) => ({ ...e }));
+		let n = (e, t, n) => {
+			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 = S({
+				p0: e,
+				p1: t
+			}, {
+				p0: n,
+				p1: r
+			});
+			return i !== null && i.onLine1 && i.onLine2;
+		}, i = Array(e.length).fill(!1);
+		i[0] = i[i.length - 1] = !0;
+		let a = [], o = (s, c) => {
+			if (c <= s + 1) return;
+			let l = e[s], u = e[c], d = 0, f = 0;
+			for (let t = s + 1; t < c; t++) {
+				let r = n(e[t], l, u);
+				r > d && (d = r, f = t);
+			}
+			if (d > t) {
+				let t = e[f], n = !0;
+				for (let e = 0; e < a.length - 1; e++) if (r(a[e], a[e + 1], l, t) || r(a[e], a[e + 1], t, u)) {
+					n = !1;
+					break;
+				}
+				n && (i[f] = !0, o(s, f), o(f, c));
+			}
+		};
+		return o(0, e.length - 1), e.filter((e, t) => i[t]);
+	}
+	applySimplification() {
+		this.points = this.topologyPreservingSimplify(this.points, .5), this.select(this.points.length - 1);
+	}
+	get selected() {
+		return this._selected;
+	}
+	select(e) {
+		this._selected = Math.max(0, Math.min(e, this.points.length - 1));
+	}
+};
+function $t({ enabled: e, scene: t }) {
+	let n = (0, G.useRef)(!1), r = (0, G.useRef)(1), i = (0, G.useMemo)(() => be(q, Wt), []), a = (0, G.useMemo)(() => be(q, Gt), []), o = (0, G.useMemo)(() => new Qt(), []), s = (0, G.useRef)(new Ut()), c = (0, G.useMemo)(() => {
+		if (!t) return {};
+		let e = t.rootLayer.children;
+		return {
+			linesLayer: e.find((e) => e.name === Oe),
+			pointsLayer: e.find((e) => e.name === ke)
+		};
+	}, [t]), l = (0, G.useCallback)(() => {
+		if (!c || !i || !a) return;
+		let { linesLayer: e, pointsLayer: t } = c;
+		if (!e || !t) return;
+		let l = o.points, u = n.current;
+		u ? t.children.length = 0 : t.children = l.map(({ x: e, y: t }, n) => ({
+			source: n == o.selected ? a : i,
+			bounds: P(e, t, J, J, r.current)
+		}));
+		let d = [];
+		for (let e = 1; e < l.length; e++) {
+			let t = l[e - 1], n = l[e];
+			d.push({
+				points: {
+					p0: t,
+					p1: n
+				},
+				color: u ? Wt : Kt,
+				width: qt
+			});
+		}
+		d.length ? e.children = d : e.children.length = 0, s.current.add(() => M(t, e)), o.instruct(), o.log(JSON.stringify(o.points));
+	}, [
+		o,
+		c,
+		i,
+		a
+	]), u = (0, G.useCallback)((e) => {
+		let t = e.key.toUpperCase();
+		o.execute(() => {
+			switch (t) {
+				case Jt:
+					e.preventDefault(), o.undo(), n.current = !1, l();
+					break;
+				case Yt:
+					e.preventDefault(), o.applySmoothing(), n.current = !1, l();
+					break;
+				case Xt:
+					e.preventDefault(), o.applySimplification(), n.current = !1, l();
+					break;
+				case Zt:
+					e.preventDefault(), n.current = !n.current, l();
+					break;
+			}
+		});
+	}, [o, l]), d = (0, G.useCallback)((e) => {
+		r.current = e;
+		let { pointsLayer: t } = c;
+		if (!t) return [];
+		let n = [];
+		return o.execute(() => {
+			let e = t.children;
+			for (let t of e) t.bounds = P(t.bounds.center.x, t.bounds.center.y, J, J, r.current), n.push(t);
+		}), n;
+	}, [c, o]), f = (0, G.useCallback)((e) => {
+		o.execute(() => {
+			o.add({
+				x: e.x,
+				y: e.y
+			}), o.select(o.points.length - 1), l();
+		});
+	}, [o, l]);
+	(0, G.useEffect)(() => {
+		var t, n;
+		if (!e || !(c != null && c.pointsLayer)) return;
+		let { pointsLayer: i } = c;
+		r.current = (t = (n = me()) == null ? void 0 : n.state().pixelSize) == null ? 1 : t, o.execute(() => {
+			o.restore(), l();
+		}), i.onScale = ({ pixelSize: e }) => d(e);
+		let a = s.current;
+		return a.add(() => M(i)), ye(f), window.addEventListener("keyup", u), () => {
+			window.removeEventListener("keyup", u), ye(), i.onScale = void 0, a.destroy();
+		};
+	}, [
+		e,
+		c,
+		o,
+		l,
+		f,
+		d,
+		u
+	]);
+}
+//#endregion
+//#region src/components/Map/traffic/useManageTraffic.ts
+var en = 2, tn = en * 3.5, Y = en * 12, X = Y * .7, nn = 8, rn = 2, an = .6, on = 8, sn = "transport_locations", cn = 150, ln = "#a4aab6", un = 1e3, dn = 2e4, fn = 500;
+function pn({ permission: e, scene: n, dataJsonUrl: r, websocketUrl: i }) {
+	let o = (0, G.useRef)(1), 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 Ut()), m = (0, G.useRef)(/* @__PURE__ */ new Map()), h = (0, G.useRef)(un), g = (0, G.useRef)(/* @__PURE__ */ new Map()), _ = (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;
+		async function w() {
+			try {
+				var e, n;
+				let i;
+				try {
+					let e = await fetch(r, {
+						method: "GET",
+						headers: { "Content-Type": "application/json" }
+					});
+					if (!e.ok || e.status === 204) return;
+					i = await e.json();
+				} catch (e) {
+					console.warn("useManageTraffic failed to get JSON", e);
+				}
+				if (v || !i || i.disabled || i.error) return;
+				o.current = gn((e = (n = me()) == null ? void 0 : n.state().pixelSize) == null ? 1 : e);
+				let c = new Map(i.routes.map(({ id: e, color: t }) => [e, t])), l = /* @__PURE__ */ new Map();
+				c.forEach((e) => {
+					l.set(e, vn({
+						radius: tn,
+						color: e,
+						scale: window.devicePixelRatio
+					}));
+				});
+				let p = Pe(), h = b.filter((e) => p.test(e.name)), _ = Fe(), y = b.filter((e) => _.test(e.name));
+				i.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];
+					if (s) {
+						var c;
+						let e = new Map((c = i == null ? void 0 : i.map((e) => [Dn(e), e])) == null ? [] : c);
+						for (let r = 1; r < n.length; r++) {
+							let i = n[r - 1], a = n[r];
+							e.has(Dn(i)) || e.has(Dn(a)) || s.children.push({
+								points: {
+									p0: i,
+									p1: a
+								},
+								color: t,
+								width: en
+							});
+						}
+						s.children.length && C.add(() => M(s));
+					}
+					let u = y[a], d = l.get(t);
+					u && d && r != null && r.length && (r.forEach((e) => {
+						u.children.push({
+							source: d,
+							bounds: P(e.x, e.y, ...Z(d), o.current)
+						});
+					}), u.children.length && C.add(() => M(u)));
+				});
+				let w = b.find((e) => e.name === F);
+				if (!w) {
+					console.warn(`useManageTraffic: the scene has no "${F}" layer`);
+					return;
+				}
+				let O = /* @__PURE__ */ new Map();
+				w.onScale = ({ pixelSize: e }) => {
+					o.current = gn(e);
+					let t = [];
+					for (let e of y) {
+						let n = e.children;
+						for (let e of n) {
+							let n = e.source;
+							e.bounds = P(e.bounds.center.x, e.bounds.center.y, ...Z(n), o.current, e.bounds.rotation), t.push(e);
+						}
+					}
+					for (let e of s.current.values()) {
+						let n = e.source;
+						e.bounds = P(e.bounds.center.x, e.bounds.center.y, ...Z(n), o.current, e.bounds.rotation), t.push(e);
+					}
+					return t;
+				}, C.add(() => M(w)), c.forEach((e, t) => {
+					O.set(t, yn({
+						id: t,
+						width: Y,
+						height: Y,
+						color: e,
+						scale: window.devicePixelRatio
+					}));
+				});
+				let k = yn({
+					id: "orphan",
+					width: Y,
+					height: Y,
+					color: ln,
+					scale: window.devicePixelRatio
+				}), A = null;
+				try {
+					let e = await a(`${t}icons/bus-white.svg`);
+					if (v) return;
+					A = ve(e, X, X, window.devicePixelRatio);
+					let { width: n, height: r } = de(e, X, X);
+					$.set(A, [n, r]);
+				} catch (e) {
+					console.error(e);
+				}
+				u.current = (e) => {
+					try {
+						var t;
+						let n = JSON.parse(e.data);
+						if (n.type !== sn) 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 ? fn : t, fn), a = w.children, s = !1;
+						n.data.forEach(({ id: e, x: t, y: n, route_id: r, hidden: c }) => {
+							var l;
+							if (x.has(e)) {
+								var u;
+								(u = x.get(e)) == null || u(), x.delete(e);
+							}
+							let d = S.get(e), f = (l = S.get(xn(e))) == null ? null : l;
+							if (c && d && f) {
+								d.hidden = !0, f.hidden = !0, C.add(() => M(d, f));
+								return;
+							}
+							if (g.current.set(e, performance.now()), !d) {
+								var p;
+								let i = (p = O.get(r)) == null ? k : p, c = {
+									source: i,
+									bounds: P(t, n, ...Z(i), o.current, 0)
+								};
+								if (S.set(e, c), A) {
+									let r = xn(e), i = {
+										source: A,
+										bounds: P(t, n, ...Z(A), o.current, 0)
+									};
+									A.setAttribute("id", r), S.set(r, i), a.push(c, i);
+								} else a.push(c);
+								s = !0;
+								return;
+							}
+							let h = d.bounds.center, _ = Tn(h, {
+								x: t,
+								y: n
+							}, m.current.get(r));
+							if (_.reduce((e, t, n) => n === 0 ? e : e + bn(_[n - 1], t), 0) >= cn || document.hidden) Sn({
+								updateQueue: C,
+								vehicle: d,
+								vehicleFinery: f,
+								x: t,
+								y: n,
+								scale: o.current,
+								angle: _n(d.bounds.center, {
+									x: t,
+									y: n
+								})
+							});
+							else {
+								let t = En(_, i, (e) => {
+									Sn({
+										updateQueue: C,
+										vehicle: d,
+										vehicleFinery: f,
+										x: e.x,
+										y: e.y,
+										scale: o.current,
+										angle: e.angle
+									});
+								});
+								x.set(e, t);
+							}
+						}), s && C.add(() => M(w));
+					} catch (e) {
+						console.error("handleSocketMessage", e);
+					}
+				}, d.current = performance.now(), T(), window.addEventListener("online", E), D(i.config ? (Number(i.config.vehicle_inactive_interval) || 20) * 1e3 : dn);
+			} catch (e) {
+				console.warn(e);
+			}
+		}
+		w();
+		function T() {
+			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(i), l.current.onmessage = u.current, l.current.onopen = () => {
+				h.current = un;
+			}, l.current.onclose = () => {
+				v || !navigator.onLine || (y = window.setTimeout(T, h.current), h.current = Math.min(h.current * 2, 3e4));
+			});
+		}
+		function E() {
+			T();
+		}
+		function D(e) {
+			clearInterval(_.current), !v && (_.current = window.setInterval(() => {
+				let t = performance.now(), n = [], r = [];
+				g.current.forEach((i, a) => {
+					if (t - i < e) return;
+					let o = S.get(a);
+					o && (o.hidden = !0, r.push(o), n.push(a));
+					let s = xn(a), c = S.get(s);
+					c && (c.hidden = !0, r.push(c), n.push(s));
+				}), r.length && C.add(() => M(...r)), n.forEach((e) => g.current.delete(e));
+			}, e));
+		}
+		return () => {
+			v = !0, clearTimeout(y);
+			let e = l.current;
+			e && (e.onopen = null, e.onmessage = null, e.onclose = null, e.close(), l.current = null), u.current = null;
+			let t = b.find((e) => e.name === F);
+			t && (t.onScale = void 0), x.forEach((e) => e == null ? void 0 : e()), x.clear(), S.clear(), C.destroy(), window.removeEventListener("online", E), clearInterval(_.current);
+		};
+	}, [
+		e,
+		n,
+		r,
+		i
+	]);
+}
+function Z(e) {
+	let t = $.get(e);
+	if (!t) throw Error("useManageTraffic: an icon was drawn without a recorded CSS size");
+	return t;
+}
+function mn(e) {
+	return e * 2;
+}
+function hn(e, t) {
+	let n = t * an, r = on * 2;
+	return [t + rn + n / 2 + r, e + n + rn + r];
+}
+function gn(e) {
+	return Math.min(e || 1, nn);
+}
+function _n(e, t) {
+	return xe(e, t);
+}
+function vn({ radius: e, scale: t, color: n }) {
+	let r = Math.ceil(e * 2 * t), i = ie(r, r, t);
+	$.set(i, [mn(e), mn(e)]);
+	let a = i.getContext("2d");
+	a.imageSmoothingEnabled = !1;
+	let o = r / 2, s = e * .78, c = e * .33;
+	return a.translate(o, o), a.scale(t, t), a.beginPath(), a.arc(0, 0, e, 0, 2 * Math.PI), a.fillStyle = "#FFFFFF", a.fill(), a.beginPath(), a.arc(0, 0, s, 0, 2 * Math.PI), a.fillStyle = n, a.fill(), a.beginPath(), a.arc(0, 0, c, 0, 2 * Math.PI), a.fillStyle = "#FFFFFF", a.fill(), i;
+}
+function yn({ id: e, width: t, height: n, color: r, scale: i }) {
+	let a = rn * i, o = t / 2 * i, s = n * i, c = an, l = .01, u = s * c, d = s, f = on * i, p = d + a + u / 2 + f * 2, m = o * 2 + u + a + f * 2, h = ie(p, m, i);
+	$.set(h, hn(t, n)), h.setAttribute("id", e);
+	let g = h.getContext("2d"), _ = p / 2, v = m / 2;
+	g.save(), g.translate(_, v), g.rotate(-Math.PI / 2), g.translate(-_, -v);
+	let y = _, b = v - d / 2 + o, x = b + u;
+	return g.shadowColor = "rgba(16, 24, 40, 0.2)", g.shadowBlur = f / 2, g.beginPath(), g.arc(y, b, o, Math.PI, 0, !1), g.bezierCurveTo(y + o, b + s * .3, y + l * o, x, y, x), g.bezierCurveTo(y - l * o, x, y - o, b + s * .3, y - o, b), g.closePath(), g.fillStyle = r, g.fill(), g.strokeStyle = "#FFFFFF", g.lineWidth = a, g.stroke(), g.restore(), h;
+}
+function bn(e, t) {
+	return fe(e, t);
+}
+function xn(e) {
+	return `${e}_finery`;
+}
+function Sn({ updateQueue: e, vehicle: t, vehicleFinery: n, x: r, y: i, scale: a, angle: o }) {
+	let s = t.source;
+	if (t.bounds = P(r, i, ...Z(s), a, o), t.hidden = !1, n) {
+		var c, l;
+		let o = (c = (l = me()) == null ? void 0 : l.state().roll) == null ? 0 : c, s = n.source;
+		n.bounds = P(r, i, ...Z(s), a, te(o)), n.hidden = !1, e.add(() => M(n, t));
+	} else e.add(() => M(t));
+}
+function Q(e, t, n) {
+	return {
+		x: e.x + (t.x - e.x) * n,
+		y: e.y + (t.y - e.y) * n
+	};
+}
+function Cn(e, t) {
+	let n = Infinity, r = {
+		index: 0,
+		t: 0
+	};
+	for (let i = 0; i < t.length - 1; i++) {
+		let a = t[i], o = t[i + 1], s = o.x - a.x, c = o.y - a.y, l = s * s + c * c, u = l ? ((e.x - a.x) * s + (e.y - a.y) * c) / l : 0, d = Math.max(0, Math.min(1, u)), f = bn(e, Q(a, o, d));
+		f < n && (n = f, r = {
+			index: i,
+			t: d
+		});
+	}
+	return r;
+}
+function wn(e, t, n) {
+	let r = bn(e, t), i = Math.max(2, Math.ceil(r / n) + 1), a = [];
+	for (let n = 0; n < i; n++) {
+		let r = Q(e, t, n / (i - 1));
+		a.push(r);
+	}
+	return a;
+}
+function Tn(e, t, n) {
+	if (!n || !n.length) return wn(e, t, 10);
+	let r = Cn(e, n), i = Cn(t, n), a = [], o = (e) => a.push(e);
+	r.index + 1 < n.length ? o(Q(n[r.index], n[r.index + 1], r.t)) : o(n[r.index]);
+	for (let e = r.index + 1; e <= i.index && e < n.length; e++) o(n[e]);
+	return i.index + 1 < n.length ? o(Q(n[i.index], n[i.index + 1], i.t)) : o(n[i.index]), a;
+}
+function En(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 = fe(e[t], e[t + 1]);
+		o.push(n), s += n;
+	}
+	let c = (l) => {
+		i || (i = l);
+		let u = l - i, d = Math.min(u / t, 1), f = d * s, p = 0, m = 0;
+		for (; m < o.length && p + o[m] < f;) p += o[m], m++;
+		m >= o.length && (m = o.length - 1);
+		let h = e[m], g = e[Math.min(m + 1, e.length - 1)], _ = o[m] || 0, v = _ === 0 ? 0 : (f - p) / _;
+		n({
+			x: h.x + (g.x - h.x) * v,
+			y: h.y + (g.y - h.y) * v,
+			angle: xe(h, g)
+		}), d < 1 ? a = requestAnimationFrame(c) : r && r();
+	};
+	return a = requestAnimationFrame(c), () => {
+		a && cancelAnimationFrame(a);
+	};
+}
+function Dn(e) {
+	return `${e.x},${e.y}`;
+}
+var $ = /* @__PURE__ */ new WeakMap();
+//#endregion
+export { It as a, ht as c, zt as i, ct as l, $t as n, ft as o, Ht as r, mt as s, pn as t };