@expofp/floorplan 3.10.0 → 3.10.1

package/dist/browser/booth-by-xy-WnHwiopn.js

@@ -0,0 +1,1067 @@
+(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.10.1" };
+		var t = new e.Error().stack;
+		t && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[t] = "067264e5-4aaf-4c91-96b0-f752f0ca7493", e._sentryDebugIdIdentifier = "sentry-dbid-067264e5-4aaf-4c91-96b0-f752f0ca7493");
+	} catch {}
+})();
+import { r as e } from "./rolldown-runtime-I1EwXf_t.js";
+import { t } from "./react-BMPhuMz9.js";
+import { t as n } from "./loadImage-VYhbBgH6.js";
+import { M as r, lt as i, v as a } from "./i18n-CeVxHTr1.js";
+import { $t as o, Ct as s, Dt as c, Et as l, F as u, Gt as d, Ht as f, I as p, Kt as m, M as h, Mt as g, N as _, Nt as v, P as y, Qt as b, St as x, Tt as S, Wt as C, Xt as w, Zt as T, _t as E, at as D, bt as O, en as k, gt as A, i as j, in as M, kt as ee, lt as te, nn as N, o as P, p as ne, s as re, st as ie, t as F, tn as ae, ut as oe, xt as se, yt as ce, zt as le } from "./store-CVdrQCza.js";
+//#region src/components/Map/traffic/trafficLayers.ts
+var ue = "traffic_route", de = "traffic_route_stop", fe = "traffic_vehicles", pe = "build_route_lines", me = "build_route_dots", he = 5;
+function ge() {
+	let e = [];
+	for (let t = 0; t < he; t++) e.push({
+		name: _e(t),
+		children: []
+	}), e.push({
+		name: ve(t),
+		children: [],
+		interactive: !0
+	});
+	return e.push({
+		name: fe,
+		children: [],
+		interactive: !0
+	}), e.push({
+		name: pe,
+		children: []
+	}), e.push({
+		name: me,
+		children: [],
+		interactive: !0
+	}), e;
+}
+function _e(e) {
+	return `${ue}_${e + 1}`;
+}
+function ve(e) {
+	return `${de}_${e + 1}`;
+}
+function ye() {
+	return RegExp(`^${ue}_\\d+$`);
+}
+function be() {
+	return RegExp(`^${de}_\\d+$`);
+}
+//#endregion
+//#region src/components/Map/drawing/config/config-booth-badge.ts
+var xe = /* @__PURE__ */ e(d(), 1), Se = .5, Ce = .3, we = 15, Te = 24, Ee = 30, De = 12, Oe = .8, ke = document.createElement("canvas").getContext("2d");
+function Ae(e) {
+	return e.length <= we ? e : e.slice(0, we - 1) + "…";
+}
+function je(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 f(t.index, r)) i.push(e);
+	return i;
+}
+function Me(e) {
+	let t = je(e);
+	return t.length ? w.fromPoints(t.flat().map(([e, t]) => ({
+		x: e,
+		y: t
+	}))) : null;
+}
+function Ne(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 o(t, n);
+}
+function I(e, t, n) {
+	return n.containsPoint({
+		x: e,
+		y: t
+	});
+}
+function Pe(e, t, n, r, i, a, o) {
+	if (!e.length || !I(n, r, t)) return o;
+	let s = 0, c = o;
+	for (let e = 0; e < 10; e++) {
+		let e = (s + c) / 2, o = i * e, l = a * e;
+		I(n + o, r, t) && I(n, r + l, t) && I(n + o, r + l, t) ? s = e : c = e;
+	}
+	return s;
+}
+function Fe(e) {
+	var t;
+	return (t = Me(e)) == null ? e.rect : t;
+}
+function Ie(e, t, n, r, i) {
+	let a = Fe(e);
+	if (t.length) {
+		let e = /* @__PURE__ */ new Set(), i = null, o = Infinity;
+		for (let s of t) for (let t of s) {
+			let s = `${t[0]},${t[1]}`;
+			if (e.has(s)) continue;
+			e.add(s);
+			let c = t[0] + r, l = t[1] + r;
+			if (I(c, l, n)) {
+				let e = c - a.min.x + (l - a.min.y);
+				e < o && (o = e, i = {
+					x: c,
+					y: l
+				});
+			}
+		}
+		if (i) return i;
+	}
+	let o = e.rect.min.x + r, s = e.rect.min.y + r;
+	return i ? ae({
+		x: o,
+		y: s
+	}, i, e.rect.center) : {
+		x: o,
+		y: s
+	};
+}
+function L(e) {
+	return e && e !== "none" ? e : void 0;
+}
+function Le(e) {
+	var t;
+	let n = L(e.borderColor) || L(M.boothBorderColor) || M.colors.booths.default;
+	return ((t = e.paths) == null ? void 0 : t.length) > 1 && L(e.paths[e.paths.length - 1].color) || n;
+}
+function Re(e, t) {
+	var n;
+	let r = Ae(t.title || t.name), i = Le(t), o = ne((0, xe.default)(i).hex()), s = window.devicePixelRatio || 1, c = te();
+	ke.font = v(Ee, c);
+	let l = ke.measureText(r).width, u = Math.ceil(l + De * 2), d = (t.borderWidth || F.borderWidth) / 2, f = u * Oe, p = 54 * Oe, m = (n = t.rotate) == null ? 0 : n, h = t.rect.size.width, g = t.rect.size.height, _ = Math.min(h > 0 ? h * Se / f : Infinity, g > 0 ? g * Ce / p : Infinity), y = je(t), x = Ne(y), { x: C, y: w } = Ie(t, y, x, d, m), T = Pe(y, x, C, w, f, p, _), E = (e, t) => {
+		let n = e / 2, r = t / 2;
+		return new b(ae({
+			x: C + n,
+			y: w + r
+		}, m, {
+			x: C,
+			y: w
+		}), {
+			x: e,
+			y: t
+		}, m);
+	}, D = (e) => {
+		let t = Math.min(e, T);
+		return E(f * t, p * t);
+	}, k = oe(c, e.fontUrls), A = ce(E(1, 1), i);
+	A.hidden = !0, A.dim = t.skipDim ? !1 : void 0;
+	let j = O(se([[r], []], o, 0, [k, k]), E(1, 1), [0, 0], {
+		horizontal: "center",
+		vertical: "center"
+	});
+	j.hidden = !0, j.dim = t.skipDim ? !1 : void 0;
+	let M = () => !!(t.layer && !t.layer.visible);
+	return a(() => t.skipDim, (t) => {
+		A.dim = t ? !1 : void 0, j.dim = t ? !1 : void 0, e.update(A, j);
+	}), a(() => {
+		var e, n;
+		return (e = (n = t.layer) == null ? void 0 : n.visible) == null ? !0 : e;
+	}, (t) => {
+		A.hidden = !t, j.hidden = !t, e.update(A, j);
+	}), e.onPtScale(`badge-bg-${t.id}`, (e) => (A.shape = S(D(e)), A.hidden = M(), A)), e.onPtScale(`badge-text-${t.id}`, (e) => {
+		let t = Math.min(e, T);
+		return j.lines[0].fontSize = Te / s * t, j.bounds = S(D(e)), j.hidden = M(), j;
+	}), {
+		bg: A,
+		text: j
+	};
+}
+function ze(e, t, n) {
+	if (C.hideExhibitorBoothNumber) return null;
+	let r = [], i = [];
+	for (let t of n) if (t instanceof le && t.noLabels && !re.hideLogoInBooth && t.exhibitors.some((e) => e.logoInBooth && e.logo)) {
+		let { bg: n, text: a } = Re(e, t);
+		r.push(n), i.push(a);
+	}
+	return r.length ? {
+		name: `${t}:badges`,
+		children: [{
+			name: `${t}:badgeBgs`,
+			children: r
+		}, {
+			name: `${t}:badgeTexts`,
+			children: i
+		}]
+	} : null;
+}
+//#endregion
+//#region src/components/Map/drawing/config/config-markers.ts
+var Be = "_selected", Ve = "markers";
+function He(e) {
+	let t = [], n = /* @__PURE__ */ new Map(), r = /* @__PURE__ */ new Map(), i = [], o = e.scene.rootLayer.children.find((e) => e.name === Ve);
+	async function s(e) {
+		let t = [];
+		e.forEach((e) => {
+			let { name: r, content: i, width: a, height: o, scale: s } = e;
+			if (n.has(r)) return;
+			let c = new Image(), l = new Promise((e, t) => {
+				c.onload = () => {
+					n.set(r, {
+						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 l = (e) => `marker-ptScaleHandlers-${e.id}`, u = (e) => `marker-rollHandlers-${e.id}`, d = (t, n) => {
+		e.onPtScale(n, (e) => {
+			let { center: n, rotation: r } = t.bounds, { width: i, height: a } = t.source;
+			return t.bounds = S(c(n.x, n.y, i, a, e, r)), t;
+		});
+	}, f = (t, n) => {
+		e.onRoll(n, (e) => (t.bounds.rotation = e, t));
+	};
+	function p() {
+		let t = P.routeStore.markersData.markers;
+		if (!t.length) return;
+		i = [];
+		let a = e.scale, s = N(e.angle);
+		t.forEach((e) => {
+			var t, o;
+			let l = n.get(e.icon);
+			if (!l) return;
+			let u = l.scale || window.devicePixelRatio, d = e.icon;
+			if (!r.has(d)) {
+				let e = g(l.img, l.width, l.height, u);
+				r.set(d, e);
+			}
+			let f = r.get(d), p = n.get(e.selectedIcon), m = e.selectedIcon;
+			if (!r.has(m)) {
+				let e = g(p.img, p.width, p.height, u);
+				r.set(m, e);
+			}
+			let h = r.get(m), _ = (t = (o = j.findLayer(e.z)) == null ? void 0 : o.visible) == null ? !0 : t, v = c(e.x, e.y, f.width, f.height, a, s), y = c(e.x, e.y, h.width, h.height, a, s), b;
+			switch (e.position) {
+				case "lefttop":
+					b = [0, 0];
+					break;
+				case "centertop":
+					b = [.5, 0];
+					break;
+				case "centerbottom":
+					b = [.5, 1];
+					break;
+				default: b = [.5, .5];
+			}
+			let x = {
+				...A(f, v, {
+					hidden: !_,
+					origin: b
+				}),
+				id: e.id,
+				scale: u
+			}, S = {
+				...A(h, y, {
+					hidden: !(_ && e.active),
+					origin: b
+				}),
+				id: `${e.id}${Be}`,
+				scale: u
+			};
+			i.push(x, S);
+		}), o.children = i, i.forEach((e) => {
+			d(e, l(e)), f(e, u(e));
+		});
+	}
+	function m() {
+		i.forEach((t) => {
+			e.ptScaleRegistry.unregisterByName(l(t)), e.rollRegistry.unregisterByName(u(t));
+		}), o.children = [], i = [];
+	}
+	function h() {
+		let e = P.routeStore.markersData.markers;
+		e.length && e.forEach((e) => {
+			var t, n;
+			let r = i.find((t) => t.id === e.id), a = i.find((t) => t.id === `${e.id}${Be}`);
+			if (!r) return;
+			let o = (t = (n = j.findLayer(e.z)) == null ? void 0 : n.visible) == null ? !0 : t;
+			e.active ? (r.hidden = !0, a.hidden = !(o && e.active)) : (r.hidden = !o, a.hidden = !0);
+		});
+	}
+	return t.push(a(() => [P.routeStore.selectedMarkers, P.layerStore.visible], () => {
+		if (!P.routeStore.markersData.markers.length) {
+			m(), e.update(o);
+			return;
+		}
+		h(), e.update(...i);
+	})), t.push(a(() => P.routeStore.markersData.markers, () => {
+		s(P.routeStore.markersData.icons).then(() => {
+			p(), e.update(o);
+		});
+	}, { fireImmediately: !0 })), function() {
+		t.forEach((e) => e()), t.length = 0;
+	};
+}
+function Ue(e, t, n) {
+	for (let r of P.routeStore.markersData.markers) {
+		let i = P.routeStore.markersData.icons.find((e) => e.name === r.icon);
+		if (!i) continue;
+		let a = i.width * n * devicePixelRatio, o = i.height * n * devicePixelRatio;
+		if (We(e, t, r.x, r.y, a, o)) {
+			let e = P.layerStore.findLayer(r.z);
+			if (!e || e && e.visible) return r;
+		}
+	}
+	return null;
+}
+function We(e, t, n, r, i, a) {
+	return w.fromCenter({
+		x: n,
+		y: r
+	}, {
+		x: 2 * i,
+		y: 2 * a
+	}).containsPoint({
+		x: e,
+		y: t
+	});
+}
+//#endregion
+//#region src/components/Map/drawing/config/config-all.ts
+function Ge(e) {
+	let { layers: t, defaultLayer: n } = P.layerStore;
+	if (n) {
+		let e = [].concat(t), r = t.find((e) => e === n), i = t.indexOf(r);
+		e.splice(i, 1), t = [r].concat(e);
+	}
+	let r = t.filter((e) => !e.rootParent).map((t) => ie(t, e));
+	return Promise.all(r).then((t) => {
+		let n = E(u, [], {
+			dim: !1,
+			interactive: !0
+		}), r = E(y, [], { dim: !1 }), i = E(Ve, []), a = E(p, [], { dim: !1 }), o = E(_, [], { dim: !1 }), s = E(h, [], { dim: !1 }), c = [], l = [];
+		for (let e of t.flat()) ee(e.name) ? (e.dim = !1, l.push(e)) : c.push(e);
+		let d = ze(e, "root", P.boothStore.booths);
+		return [
+			...c,
+			...d ? [d] : [],
+			...l,
+			...ge(),
+			i,
+			a,
+			r,
+			o,
+			n,
+			s
+		];
+	});
+}
+//#endregion
+//#region src/components/Map/traffic/UpdateQueue.ts
+var R = /* @__PURE__ */ e(t(), 1), Ke = 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;
+	}
+}, z = 49, qe = `hsl(257, 76%, ${z}%)`, Je = `hsl(339.903, 82%, ${z}%)`, Ye = `hsl(257, 76%, ${Math.round(z * 1.82)}%)`, B = 4, Xe = B, Ze = "U", Qe = "R", $e = "S", et = "P", tt = 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 ${Qe}.
+Apply Simplification: Press ${$e}.
+Undo: Press ${Ze}.
+Enable/Disable Preview: Press ${et}.
+`, 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 = T({
+				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 nt({ enabled: e, rendererService: t }) {
+	let n = (0, R.useRef)(!1), r = (0, R.useRef)(), i = (0, R.useMemo)(() => l(B, qe), []), a = (0, R.useMemo)(() => l(B, Je), []), o = (0, R.useMemo)(() => new tt(), []), u = (0, R.useRef)(new Ke()), d = (0, R.useMemo)(() => {
+		if (!t.scene) return {};
+		let e = t.scene.rootLayer.children;
+		return {
+			linesLayer: e.find((e) => e.name === pe),
+			pointsLayer: e.find((e) => e.name === me)
+		};
+	}, [t.scene]), f = (0, R.useCallback)(() => {
+		if (!(t != null && t.renderer) || !d || !i || !a) return;
+		let { linesLayer: e, pointsLayer: s } = d;
+		if (!e || !s) return;
+		let l = o.points, f = n.current;
+		f ? s.children.length = 0 : s.children = l.map(({ x: e, y: t }, n) => {
+			let s = n == o.selected ? a : i;
+			return {
+				source: s,
+				bounds: S(c(e, t, s.width, s.height, r.current))
+			};
+		});
+		let p = [];
+		for (let e = 1; e < l.length; e++) {
+			let t = l[e - 1], n = l[e];
+			p.push({
+				points: [t, n],
+				color: f ? qe : Ye,
+				width: Xe
+			});
+		}
+		p.length ? e.children = p : e.children.length = 0, u.current.add(() => t.update(s, e)), o.instruct(), o.log(JSON.stringify(o.points));
+	}, [
+		t,
+		o,
+		d,
+		i,
+		a
+	]), p = (0, R.useCallback)((e) => {
+		let t = e.key.toUpperCase();
+		o.execute(() => {
+			switch (t) {
+				case Ze:
+					e.preventDefault(), o.undo(), n.current = !1, f();
+					break;
+				case Qe:
+					e.preventDefault(), o.applySmoothing(), n.current = !1, f();
+					break;
+				case $e:
+					e.preventDefault(), o.applySimplification(), n.current = !1, f();
+					break;
+				case et:
+					e.preventDefault(), n.current = !n.current, f();
+					break;
+			}
+		});
+	}, [o, f]), m = (0, R.useCallback)(({ ptScale: e, sceneId: n }) => {
+		if (!x(n) || !(t != null && t.renderer) || !d) return;
+		let { pointsLayer: i } = d;
+		i && (r.current = e, o.execute(() => {
+			let e = i.children, n = [];
+			for (let t of e) t.bounds = S(c(t.bounds.center.x, t.bounds.center.y, t.source.width, t.source.height, r.current)), n.push(t);
+			u.current.add(() => t.update(...n));
+		}));
+	}, [
+		t,
+		d,
+		o
+	]), h = (0, R.useCallback)(({ data: e }) => {
+		o.execute(() => {
+			let { point: t } = s(e);
+			o.add({
+				x: t.x,
+				y: t.y
+			}), o.select(o.points.length - 1), f();
+		});
+	}, [o, f]);
+	(0, R.useEffect)(() => {
+		let n = t.renderer;
+		if (!(!e || !n)) return r.current = t.scale, o.execute(() => {
+			o.restore(), f();
+		}), n.events.addEventListener("pointer:click", h), n.events.addEventListener("viewport:ptscale", m), window.addEventListener("keyup", p), () => {
+			window.removeEventListener("keyup", p), n.events.removeEventListener("pointer:click", h), n.events.removeEventListener("viewport:ptscale", m), u.current.destroy();
+		};
+	}, [
+		e,
+		t,
+		o,
+		f,
+		h,
+		m,
+		p
+	]);
+}
+//#endregion
+//#region src/components/Map/traffic/useManageTraffic.ts
+var V = 2, rt = V * 3.5, H = V * 12, it = H * .7, at = 8, ot = "transport_locations", st = 150, U = "#a4aab6", ct = 1e3, lt = 2e4, ut = 500;
+function dt({ permission: e, rendererService: t, dataJsonUrl: i, websocketUrl: a }) {
+	let o = (0, R.useRef)(window.devicePixelRatio), s = (0, R.useRef)(/* @__PURE__ */ new Map()), l = (0, R.useRef)(/* @__PURE__ */ new Map()), u = (0, R.useRef)(), d = (0, R.useRef)(), f = (0, R.useRef)(performance.now()), p = (0, R.useRef)(1), m = (0, R.useRef)(new Ke()), h = (0, R.useRef)(/* @__PURE__ */ new Map()), _ = (0, R.useRef)(), v = (0, R.useRef)(ct), y = (0, R.useRef)(/* @__PURE__ */ new Map()), b = (0, R.useRef)();
+	(0, R.useEffect)(() => {
+		let C;
+		async function w() {
+			if (!(!e || !t.scene)) try {
+				let e;
+				try {
+					let t = await fetch(i, {
+						method: "GET",
+						headers: { "Content-Type": "application/json" }
+					});
+					if (!t.ok || t.status === 204) return;
+					e = await t.json();
+				} catch (e) {
+					console.warn("useManageTraffic failed to get JSON", e);
+				}
+				if (!e || e != null && e.disabled || e != null && e.error) return;
+				o.current = ft(t.scale);
+				let a = new Map(e.routes.map(({ id: e, color: t }) => [e, t])), u = t.scene.rootLayer.children, v = /* @__PURE__ */ new Map();
+				a.forEach((e) => {
+					v.set(e, ht({
+						radius: rt,
+						color: e,
+						scale: window.devicePixelRatio
+					}));
+				});
+				let b = ye(), w = u.filter((e) => b.test(e.name)), E = be(), O = u.filter((e) => E.test(e.name));
+				e.routes.slice(0, w.length).forEach(({ id: e, color: n, path: r, stops: i, hiddenPoints: a }, s) => {
+					h.current.set(e, r);
+					let l = w[s];
+					if (l) {
+						var u;
+						let e = new Map((u = a == null ? void 0 : a.map((e) => [J(e), e])) == null ? [] : u);
+						for (let t = 1; t < r.length; t++) {
+							let i = r[t - 1], a = r[t];
+							e.has(J(i)) || e.has(J(a)) || l.children.push({
+								points: [i, a],
+								color: n,
+								width: V
+							});
+						}
+						l.children.length && m.current.add(() => t.update(l));
+					}
+					let d = O[s];
+					if (d && i != null && i.length) {
+						let e = v.get(n);
+						i.forEach((t) => {
+							d.children.push({
+								source: e,
+								bounds: S(c(t.x, t.y, e.width, e.height, o.current))
+							});
+						}), d.children.length && m.current.add(() => t.update(d));
+					}
+				});
+				let k = u.find((e) => e.name === fe), A = /* @__PURE__ */ new Map();
+				_.current = (e) => {
+					try {
+						let { ptScale: n, sceneId: r } = pt(e);
+						if (!x(r)) return;
+						o.current = ft(n);
+						let i = [];
+						for (let e of O) {
+							let t = e.children;
+							for (let e of t) e.bounds = S(c(e.bounds.center.x, e.bounds.center.y, e.source.width, e.source.height, o.current, e.bounds.rotation)), i.push(e);
+						}
+						let a = [...s.current.values()];
+						for (let e of a) e.bounds = S(c(e.bounds.center.x, e.bounds.center.y, e.source.width, e.source.height, o.current, e.bounds.rotation));
+						m.current.add(() => t.update(...i, ...a));
+					} catch (e) {
+						console.error("ptscale", e);
+					}
+				}, t.renderer.events.addEventListener("viewport:ptscale", _.current), C = requestAnimationFrame(() => {
+					var e;
+					(e = _.current) == null || e.call(_, t.scale);
+				}), a.forEach((e, t) => {
+					A.set(t, gt({
+						id: t,
+						width: H,
+						height: H,
+						color: e,
+						scale: window.devicePixelRatio
+					}));
+				}), A.set(U, gt({
+					id: "orphan",
+					width: H,
+					height: H,
+					color: U,
+					scale: window.devicePixelRatio
+				}));
+				let j = null;
+				try {
+					j = g(await n(`${r}icons/bus-white.svg`), it, it, window.devicePixelRatio);
+				} catch (e) {
+					console.error(e);
+				}
+				d.current = (e) => {
+					try {
+						var n;
+						let r = JSON.parse(e.data);
+						if (r.type !== ot) return;
+						let i = e.timeStamp || performance.now();
+						p.current = Math.round(i - f.current), f.current = i;
+						let a = Math.max((n = p.current) == null ? ut : n, ut), u = l.current, d = s.current, g = k.children, _ = m.current, v = !1;
+						r.data.forEach(({ id: e, x: n, y: r, route_id: i, hidden: s }) => {
+							if (u.has(e)) {
+								var l;
+								(l = u.get(e)) == null || l(), u.delete(e);
+							}
+							if (s && d.has(e) && d.has(G(e))) {
+								let n = d.get(e);
+								n.hidden = !0;
+								let r = d.get(G(e));
+								r.hidden = !0, _.add(() => t.update(n, r));
+								return;
+							}
+							if (y.current.set(e, performance.now()), !d.has(e)) {
+								let t = A.get(i) || A.get(U), a = {
+									id: e,
+									source: t,
+									bounds: S(c(n, r, t.width, t.height, o.current, 0))
+								};
+								if (d.set(e, a), j) {
+									let t = G(e), i = {
+										id: t,
+										source: j,
+										bounds: S(c(n, r, j.width, j.height, o.current, 0))
+									};
+									j.setAttribute("id", t), d.set(t, i), g.push(a, i);
+								} else g.push(a);
+								v = !0;
+								return;
+							}
+							let f = d.get(e), p = d.get(G(e)), m = f.bounds.center, b = yt(m, {
+								x: n,
+								y: r
+							}, h.current.get(i));
+							if (b.reduce((e, t, n) => n === 0 ? e : e + W(b[n - 1], t), 0) >= st || document.hidden) _t({
+								rendererService: t,
+								updateQueue: _,
+								vehicle: f,
+								vehicleFinery: p,
+								x: n,
+								y: r,
+								scale: o.current,
+								angle: mt(f.bounds.center, {
+									x: n,
+									y: r
+								})
+							});
+							else {
+								let n = bt(b, a, (e) => {
+									_t({
+										rendererService: t,
+										updateQueue: _,
+										vehicle: f,
+										vehicleFinery: p,
+										x: e.x,
+										y: e.y,
+										scale: o.current,
+										angle: e.angle
+									});
+								});
+								u.set(e, n);
+							}
+						}), v && _.add(() => t.update(k));
+					} catch (e) {
+						console.error("handleSocketMessage", e);
+					}
+				}, T(), D(e.config ? (Number(e.config.vehicle_inactive_interval) || 20) * 1e3 : lt);
+			} catch (e) {
+				console.warn(e);
+			}
+		}
+		w();
+		function T() {
+			var e, t;
+			((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 = () => {
+				v.current = ct;
+			}, u.current.onclose = () => {
+				navigator.onLine && (setTimeout(T, v.current), v.current = Math.min(v.current * 2, 3e4));
+			});
+		}
+		function E() {
+			T();
+		}
+		window.addEventListener("online", E);
+		function D(e) {
+			clearInterval(b.current), b.current = window.setInterval(() => {
+				let n = performance.now(), r = [], i = [];
+				y.current.forEach((t, a) => {
+					if (n - t < e) return;
+					let o = s.current.get(a);
+					o && (o.hidden = !0, i.push(o), r.push(a));
+					let c = G(a), l = s.current.get(c);
+					l && (l.hidden = !0, i.push(l), r.push(c));
+				}), i.length && m.current.add(() => t.update(...i)), r.forEach((e) => y.current.delete(e));
+			}, e);
+		}
+		return () => {
+			_.current && t.renderer && t.renderer.events.removeEventListener("viewport:ptscale", _.current), C !== void 0 && cancelAnimationFrame(C), l.current.forEach((e) => e == null ? void 0 : e()), l.current.clear(), s.current.clear(), m.current.destroy(), window.removeEventListener("online", E), clearInterval(b.current);
+		};
+	}, [
+		e,
+		t,
+		i,
+		a
+	]);
+}
+function ft(e) {
+	return Math.min(e || window.devicePixelRatio, at);
+}
+function pt(e) {
+	return typeof e == "number" ? { ptScale: e } : e;
+}
+function mt(e, t) {
+	return m(e, t);
+}
+function ht({ radius: e, scale: t, color: n }) {
+	let r = document.createElement("canvas"), i = r.getContext("2d");
+	i.imageSmoothingEnabled = !1;
+	let a = Math.ceil(e * 2 * t), o = a / 2, s = e * .78, c = e * .33;
+	return r.width = a, r.height = a, i.translate(o, o), i.scale(t, t), i.beginPath(), i.arc(0, 0, e, 0, 2 * Math.PI), i.fillStyle = "#FFFFFF", i.fill(), i.beginPath(), i.arc(0, 0, s, 0, 2 * Math.PI), i.fillStyle = n, i.fill(), i.beginPath(), i.arc(0, 0, c, 0, 2 * Math.PI), i.fillStyle = "#FFFFFF", i.fill(), r;
+}
+function gt({ id: e, width: t, height: n, color: r, scale: i }) {
+	let a = 2 * i, o = t / 2 * i, s = n * i, c = .01, l = s * .6, u = s, d = 8 * i, f = u + a + l / 2 + d * 2, p = o * 2 + l + a + d * 2, m = document.createElement("canvas");
+	m.setAttribute("id", e), m.width = f, m.height = p;
+	let h = m.getContext("2d"), g = f / 2, _ = p / 2;
+	h.save(), h.translate(g, _), h.rotate(-Math.PI / 2), h.translate(-g, -_);
+	let v = g, y = _ - u / 2 + o, b = y + l;
+	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 W(e, t) {
+	return k(e, t);
+}
+function G(e) {
+	return `${e}_finery`;
+}
+function _t({ rendererService: e, updateQueue: t, vehicle: n, vehicleFinery: r, x: i, y: a, scale: o, angle: s }) {
+	n.bounds = S(c(i, a, n.source.width, n.source.height, o, s)), n.hidden = !1, r ? (r.bounds = S(c(i, a, r.source.width, r.source.height, o, N(e.angle))), r.hidden = !1, t.add(() => e.update(r, n))) : t.add(() => e.update(n));
+}
+function K(e, t, n) {
+	return {
+		x: e.x + (t.x - e.x) * n,
+		y: e.y + (t.y - e.y) * n
+	};
+}
+function q(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 = W(e, K(a, o, d));
+		f < n && (n = f, r = {
+			index: i,
+			t: d
+		});
+	}
+	return r;
+}
+function vt(e, t, n) {
+	let r = W(e, t), i = Math.max(2, Math.ceil(r / n) + 1), a = [];
+	for (let n = 0; n < i; n++) {
+		let r = K(e, t, n / (i - 1));
+		a.push(r);
+	}
+	return a;
+}
+function yt(e, t, n) {
+	if (!n || !n.length) return vt(e, t, 10);
+	let r = q(e, n), i = q(t, n), a = [], o = (e) => a.push(e);
+	r.index + 1 < n.length ? o(K(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(K(n[i.index], n[i.index + 1], i.t)) : o(n[i.index]), a;
+}
+function bt(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 = k(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, h = 0;
+		for (; h < o.length && p + o[h] < f;) p += o[h], h++;
+		h >= o.length && (h = o.length - 1);
+		let g = e[h], _ = e[Math.min(h + 1, e.length - 1)], v = o[h] || 0, y = v === 0 ? 0 : (f - p) / v;
+		n({
+			x: g.x + (_.x - g.x) * y,
+			y: g.y + (_.y - g.y) * y,
+			angle: m(g, _)
+		}), d < 1 ? a = requestAnimationFrame(c) : r && r();
+	};
+	return a = requestAnimationFrame(c), () => {
+		a && cancelAnimationFrame(a);
+	};
+}
+function J(e) {
+	return `${e.x},${e.y}`;
+}
+//#endregion
+//#region src/utils/dimming.ts
+var xt = .5, St = "cubic";
+function Ct(e, t) {
+	let n = e.scene;
+	if (!n) return;
+	let r = n.rootLayer;
+	r.dim !== t && (r.dim = t, e.update(n.rootLayer));
+}
+function wt(e, t = 300, n = St) {
+	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(l / c, 1), f = Tt(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 Tt(e, t) {
+	return t === "linear" ? e : Et(e);
+}
+function Et(e) {
+	return e < .5 ? 4 * e * e * e : 1 - (-2 * e + 2) ** 3 / 2;
+}
+//#endregion
+//#region src/components/Map/booth-by-xy.ts
+function Dt(e) {
+	let t = e.center.x, n = e.center.y, r = e.size.width, i = e.size.height;
+	return new w(t - i / 2, n - r / 2, i, r);
+}
+var Y = /* @__PURE__ */ new Map(), X = [], Ot = [], Z = [], Q = /* @__PURE__ */ new Map(), $;
+function kt() {
+	let e = F.booths.filter((e) => e.visible && e.rect && e.rect.size.width > 0 && e.rect.size.height > 0);
+	if (Y = /* @__PURE__ */ new Map(), X = [], Z = [], $ = null, Q = /* @__PURE__ */ new Map(), !e.length) return;
+	Ot = e.filter((e) => e.paths);
+	let t = w.fromUnion(...e.map((e) => e.rect));
+	for (let t of e) {
+		let e = t.rect;
+		Math.abs(t.rotate) === N(90) && (e = Dt(e)), X.push(e), Y.set(e, t);
+	}
+	let n = Math.ceil(t.size.width / 2), r = Math.ceil(t.size.height / 2);
+	for (let e = 0; e < 2; e++) for (let i = 0; i < 2; i++) {
+		let a = new w(t.min.x + e * n, t.min.y + i * r, n, r);
+		Z.push(a);
+		let o = X.filter((e) => a.intersects(e));
+		Q.set(a, o);
+	}
+	i.log("hover segmentToRects", Q);
+}
+a(() => [
+	F.booths,
+	j.loaded,
+	j.visible
+], () => kt());
+function At(e, t) {
+	let n = {
+		x: e,
+		y: t
+	}, r;
+	r = $ && $.containsPoint(n) ? $ : Z.find((e) => e.containsPoint(n)), r && ($ = r);
+	let i = Q.get(r);
+	if (i) {
+		let e = i.filter((e) => e.containsPoint(n));
+		if (e.length) {
+			let t;
+			t = e.length > 1 ? e.sort((e, t) => e.size.width - t.size.width)[0] : e[0];
+			let n = Y.get(t);
+			return n.visible ? n : null;
+		}
+	}
+	for (let e of Ot) for (let t of e.paths) for (let r of f(t.index, j.mode === D.Default ? "" : e.layer.name)) {
+		let t = r.map((e) => ({
+			x: e[0],
+			y: e[1]
+		}));
+		if (o.fromConvexRing(t).containsPoint(n)) return e.visible ? e : null;
+	}
+	return null;
+}
+function jt(e, t) {
+	return At(e, t);
+}
+//#endregion
+export { dt as a, He as c, wt as i, Ue as l, xt as n, nt as o, Ct as r, Ge as s, jt as t };