@expofp/floorplan 3.26.0 → 3.27.0

package/dist/browser/dimming-Dj-1kBgQ.js

@@ -0,0 +1,1108 @@
+(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.27.0" };
+		var t = new e.Error().stack;
+		t && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[t] = "22277e94-725b-4d46-91b7-b3d48c2435fc", e._sentryDebugIdIdentifier = "sentry-dbid-22277e94-725b-4d46-91b7-b3d48c2435fc");
+	} catch {}
+})();
+import { r as e } from "./rolldown-runtime-CwqkRsWu.js";
+import { A as t, v as n } from "./i18n-D1sb3MoT.js";
+import { t as r } from "./react-CDmIhEY6.js";
+import { t as i } from "./loadImage-8qYzT9NG.js";
+import { $t as a, A as o, An as s, Bt as c, Cn as l, Ct as u, Dn as d, En as f, Et as p, Fn as m, Gt as h, Jt as g, Kt as _, M as v, Mn as y, Mt as b, Nn as x, O as S, Ot as C, Pn as w, Qt as T, Tn as E, Tt as D, U as O, Xt as k, Yt as A, Zt as ee, a as j, an as te, bn as M, bt as N, c as P, en as F, fn as I, j as L, jn as ne, k as re, kn as ie, l as ae, rn as R, t as oe, wt as se, x as ce, zt as le } from "./store-Dej5FGrq.js";
+import { i as ue, n as de } from "./viewport-Jwms2MJD.js";
+//#region src/components/Map/traffic/trafficLayers.ts
+var z = "traffic_route", fe = "traffic_route_stop", B = "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: []
+	});
+	return e.push({
+		name: B,
+		children: []
+	}), e.push({
+		name: pe,
+		children: []
+	}), e.push({
+		name: me,
+		children: []
+	}), e;
+}
+function _e(e) {
+	return `${z}_${e + 1}`;
+}
+function ve(e) {
+	return `${fe}_${e + 1}`;
+}
+function ye() {
+	return RegExp(`^${z}_\\d+$`);
+}
+function be() {
+	return RegExp(`^${fe}_\\d+$`);
+}
+//#endregion
+//#region src/components/Map/drawing/config/config-booth-badge-eligibility.ts
+var xe = /* @__PURE__ */ e(f(), 1);
+function Se(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 Ce = .5, we = .3, Te = 15, Ee = 24, De = 30, Oe = 12, ke = .8, Ae = document.createElement("canvas").getContext("2d");
+function je(e) {
+	return e.length <= Te ? e : e.slice(0, Te - 1) + "…";
+}
+function Me(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 M(t.index, r)) i.push(e);
+	return i;
+}
+function Ne(e) {
+	let t = Me(e);
+	return t.length ? ie.fromPoints(t.flat().map(([e, t]) => ({
+		x: e,
+		y: t
+	}))) : null;
+}
+function Pe(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 y(t, n);
+}
+function V(e, t, n) {
+	return n.containsPoint({
+		x: e,
+		y: t
+	});
+}
+function Fe(e, t, n, r, i, a, o, s) {
+	if (!e.length || !V(n, r, t)) return o;
+	let c = {
+		x: n,
+		y: r
+	}, l = 0, u = o;
+	for (let e = 0; e < 10; e++) {
+		let e = (l + u) / 2, o = i * e, d = a * e;
+		[
+			w({
+				x: n + o,
+				y: r
+			}, s, c),
+			w({
+				x: n,
+				y: r + d
+			}, s, c),
+			w({
+				x: n + o,
+				y: r + d
+			}, s, c)
+		].every((e) => V(e.x, e.y, t)) ? l = e : u = e;
+	}
+	return l;
+}
+function Ie(e) {
+	var t;
+	return (t = Ne(e)) == null ? e.rect : t;
+}
+function Le(e, t, n, r, i, a) {
+	var o;
+	if (t.length) {
+		let o = Ie(e), s = {
+			x: i > 0 ? o.min.x : o.max.x,
+			y: a > 0 ? o.min.y : o.max.y
+		}, c = /* @__PURE__ */ new Set(), l = null, u = Infinity;
+		for (let e of t) for (let t of e) {
+			let e = `${t[0]},${t[1]}`;
+			if (c.has(e)) continue;
+			c.add(e);
+			let o = t[0] + r * i, d = t[1] + r * a;
+			if (V(o, d, n)) {
+				let e = Math.abs(o - s.x) + Math.abs(d - s.y);
+				e < u && (u = e, l = {
+					x: o,
+					y: d
+				});
+			}
+		}
+		if (l) return l;
+	}
+	let s = i > 0 ? e.rect.min.x + r : e.rect.max.x - r, c = a > 0 ? e.rect.min.y + r : e.rect.max.y - r, l = (o = e.rotate) == null ? 0 : o;
+	return l ? w({
+		x: s,
+		y: c
+	}, l, e.rect.center) : {
+		x: s,
+		y: c
+	};
+}
+function H(e) {
+	return e && e !== "none" ? e : void 0;
+}
+function Re(e) {
+	var t;
+	let n = H(e.borderColor) || H(l.boothBorderColor) || l.colors.booths.default;
+	return ((t = e.paths) == null ? void 0 : t.length) > 1 && H(e.paths[e.paths.length - 1].color) || n;
+}
+function ze(e) {
+	var t;
+	let r = je(e.title || e.name), i = Re(e), a = ce((0, xe.default)(i).hex()), o = u();
+	Ae.font = te(De, o);
+	let s = Ae.measureText(r).width, c = Math.ceil(s + Oe * 2), l = (e.borderWidth || oe.borderWidth) / 2, d = c * ke, f = 54 * ke, m = e.rect.size.width, h = e.rect.size.height, _ = (e) => {
+		let t = e ? h : m, n = e ? m : h;
+		return Math.min(t > 0 ? t * Ce / d : Infinity, n > 0 ? n * we / f : Infinity);
+	}, v = Me(e), y = Pe(v), x = (t = e.rotate) == null ? 0 : t, S = 0, C = 0, T = 0, E = 0, O = () => {
+		let t = Le(e, v, y, l, S === 0 || S === 3 ? 1 : -1, S === 0 || S === 1 ? 1 : -1);
+		C = t.x, T = t.y;
+		let n = _(S === 1 || S === 3);
+		E = Fe(v, y, C, T, d, f, n, x);
+	};
+	O();
+	let j = (t, n) => {
+		let r = t / 2, i = n / 2;
+		return new ne(w({
+			x: C + r,
+			y: T + i
+		}, x, {
+			x: C,
+			y: T
+		}), {
+			x: t,
+			y: n
+		}, x, e.elevation);
+	}, M = se(o, ee()), N = g(j(1, 1), i);
+	N.hidden = !0, N.dim = e.skipDim ? 0 : void 0;
+	let P = A(k([[r], []], a, 0, [M, M]), j(1, 1), [0, 0], {
+		horizontal: "center",
+		vertical: "center"
+	});
+	P.hidden = !0, P.dim = e.skipDim ? 0 : void 0;
+	let F = {
+		booth: e,
+		anchor: {
+			x: C,
+			y: T
+		},
+		source: {
+			x: d,
+			y: f
+		},
+		rotation: x,
+		maxScale: E,
+		bg: N,
+		text: P
+	}, I = new Be(F);
+	N.onScale = ({ pixelSize: e }) => I.layOutBg(e), P.onScale = ({ pixelSize: e }) => I.layOutText(e);
+	let L = [];
+	return L.push(n(() => e.skipDim, (e) => {
+		N.dim = e ? 0 : void 0, P.dim = e ? 0 : void 0, b(N, P);
+	})), L.push(n(() => {
+		var t, n;
+		return (t = (n = e.layer) == null ? void 0 : n.visible) == null || t;
+	}, (e) => {
+		N.hidden = !e, P.hidden = !e, b(N, P);
+	})), L.push(n(() => ae.mapSettings, ({ roll: e }) => {
+		D(e == null ? 0 : e) && (N.onRoll = ({ roll: e, pixelSize: t }) => {
+			let n = p(e, x);
+			if (n !== void 0) return x += n, S = (S + (n > 0 ? 1 : 3)) % 4, O(), F.anchor.x = C, F.anchor.y = T, F.rotation = x, F.maxScale = E, [...I.layOutBg(t), ...I.layOutText(t)];
+		});
+	}, { fireImmediately: !0 })), {
+		bg: N,
+		text: P,
+		dispose: () => {
+			L.forEach((e) => e()), L.length = 0;
+		}
+	};
+}
+var Be = 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 = Ee * 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 ne(w({
+			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 Ve(e, t) {
+	let n = [], r = [], i = [];
+	for (let e of t) if (e instanceof I && Se({
+		hideExhibitorBoothNumber: E.hideExhibitorBoothNumber,
+		hideBoothBadges: E.hideBoothBadges,
+		hideLogoInBooth: ae.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 } = ze(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 He = "_selected", Ue = "markers";
+function We(e, t) {
+	let { center: n, rotation: r } = e.bounds, { width: i, height: o } = e.source;
+	return e.bounds = a(n.x, n.y, i, o, t, r), [e];
+}
+function Ge(e) {
+	Xe = e;
+}
+function Ke(e) {
+	let { scene: t } = e, r = [], i = /* @__PURE__ */ new Map(), o = /* @__PURE__ */ new Map(), s = [], c = t.rootLayer.children.find((e) => e.name === Ue);
+	c.onScale = ({ pixelSize: e }) => Ge(e), le(qe), b(c);
+	async function l(e) {
+		let t = [];
+		e.forEach((e) => {
+			let { name: n, content: r, width: a, height: o, scale: s } = e;
+			if (i.has(n)) return;
+			let c = new Image(), l = new Promise((e, t) => {
+				c.onload = () => {
+					i.set(n, {
+						img: c,
+						width: a,
+						height: o,
+						scale: s
+					}), e();
+				}, c.onerror = (e) => {
+					t(e);
+				};
+			});
+			t.push(l), c.src = r, c.crossOrigin = "anonymous";
+		}), await Promise.all(t);
+	}
+	let u = (e) => {
+		e.onScale = ({ pixelSize: t }) => We(e, t);
+	}, d = (e) => {
+		e.onRoll = ({ roll: t }) => {
+			if (t !== e.bounds.rotation) return e.bounds.rotate(t - e.bounds.rotation, e.bounds), [e];
+		};
+	};
+	function f() {
+		let e = P.routeStore.markersData.markers;
+		e.length && (s = [], e.forEach((e) => {
+			var t, n;
+			let r = i.get(e.icon);
+			if (!r) return;
+			let c = r.scale || window.devicePixelRatio, l = e.icon;
+			if (!o.has(l)) {
+				let e = R(r.img, r.width, r.height, c);
+				o.set(l, e);
+			}
+			let u = o.get(l), d = i.get(e.selectedIcon), f = e.selectedIcon;
+			if (!o.has(f)) {
+				let e = R(d.img, d.width, d.height, c);
+				o.set(f, e);
+			}
+			let p = o.get(f), m = (t = (n = j.findLayer(e.z)) == null ? void 0 : n.visible) == null || t, g = a(e.x, e.y, u.width, u.height, 1, 0), _ = a(e.x, e.y, p.width, p.height, 1, 0), v;
+			switch (e.position) {
+				case "lefttop":
+					v = [0, 0];
+					break;
+				case "centertop":
+					v = [.5, 0];
+					break;
+				case "centerbottom":
+					v = [.5, 1];
+					break;
+				default: v = [.5, .5];
+			}
+			let y = {
+				...h(u, g, {
+					hidden: !m,
+					origin: v
+				}),
+				id: e.id,
+				scale: c
+			}, b = {
+				...h(p, _, {
+					hidden: !(m && e.active),
+					origin: v
+				}),
+				id: `${e.id}${He}`,
+				scale: c
+			};
+			s.push(y, b);
+		}), c.children = s, s.forEach((e) => {
+			u(e), d(e);
+		}));
+	}
+	function p() {
+		c.children = [], s = [];
+	}
+	function m() {
+		let e = P.routeStore.markersData.markers;
+		e.length && e.forEach((e) => {
+			var t, n;
+			let r = s.find((t) => t.id === e.id), i = s.find((t) => t.id === `${e.id}${He}`);
+			if (!r) return;
+			let a = (t = (n = j.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(() => [P.routeStore.selectedMarkers, P.layerStore.visible], () => {
+		if (!P.routeStore.markersData.markers.length) {
+			p(), b(c);
+			return;
+		}
+		m(), b(...s);
+	})), r.push(n(() => P.routeStore.markersData.markers, () => {
+		l(P.routeStore.markersData.icons).then(() => {
+			f(), b(c);
+		});
+	}, { fireImmediately: !0 })), function() {
+		r.forEach((e) => e()), r.length = 0, c.onScale = void 0, le(), b(c);
+	};
+}
+function qe(e, t) {
+	return Je(e, t, Xe);
+}
+function Je(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 (Ye(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 Ye(e, t, n, r, i, a) {
+	return ie.fromCenter({
+		x: n,
+		y: r
+	}, {
+		x: 2 * i,
+		y: 2 * a
+	}).containsPoint({
+		x: e,
+		y: t
+	});
+}
+var Xe = 1;
+//#endregion
+//#region src/components/Map/drawing/config/config-all.ts
+function Ze() {
+	let { defaultLayer: e } = P.layerStore, { layers: t } = P.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) => N(e));
+	return Promise.all(n).then((e) => {
+		let t = _(L, [], { dim: 0 }), n = _(o, [], { dim: 0 }), r = _(Ue, []), i = _(v, [], { dim: 0 }), a = _(re, [], { dim: 0 }), s = _(S, [], { dim: 0 }), c = [], l = [];
+		for (let t of e.flat()) F(t.name) ? (t.dim = 0, l.push(t)) : c.push(t);
+		let { layer: u, cleanup: d } = Ve("root", P.boothStore.booths);
+		return {
+			layers: [
+				...c,
+				...u ? [u] : [],
+				...l,
+				...ge(),
+				r,
+				i,
+				n,
+				a,
+				t,
+				s
+			],
+			cleanup: d
+		};
+	});
+}
+//#endregion
+//#region src/components/Map/MapViewport.tsx
+var U = /* @__PURE__ */ e(r(), 1);
+function Qe() {
+	let e = C(), t = (0, U.useRef)({ api: e }), [n] = (0, U.useState)(() => de(t));
+	return (0, U.useLayoutEffect)(() => {
+		t.current = { api: e };
+	}), (0, U.useEffect)(() => (ue(n), () => ue(void 0)), [n]), null;
+}
+//#endregion
+//#region src/components/Map/traffic/UpdateQueue.ts
+var W = 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;
+	}
+}, G = 49, $e = `hsl(257, 76%, ${G}%)`, et = `hsl(339.903, 82%, ${G}%)`, tt = `hsl(257, 76%, ${Math.round(G * 1.82)}%)`, K = 4, nt = K, rt = "U", it = "R", at = "S", ot = "P", st = 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 ${it}.
+Apply Simplification: Press ${at}.
+Undo: Press ${rt}.
+Enable/Disable Preview: Press ${ot}.
+`, 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 ct({ enabled: e, scene: t }) {
+	let n = (0, U.useRef)(!1), r = (0, U.useRef)(), i = (0, U.useMemo)(() => T(K, $e), []), o = (0, U.useMemo)(() => T(K, et), []), s = (0, U.useMemo)(() => new st(), []), l = (0, U.useRef)(new W()), u = (0, U.useMemo)(() => {
+		if (!t) return {};
+		let e = t.rootLayer.children;
+		return {
+			linesLayer: e.find((e) => e.name === pe),
+			pointsLayer: e.find((e) => e.name === me)
+		};
+	}, [t]), d = (0, U.useCallback)(() => {
+		if (!u || !i || !o) return;
+		let { linesLayer: e, pointsLayer: t } = u;
+		if (!e || !t) return;
+		let c = s.points, d = n.current;
+		d ? t.children.length = 0 : t.children = c.map(({ x: e, y: t }, n) => {
+			let c = n == s.selected ? o : i;
+			return {
+				source: c,
+				bounds: a(e, t, c.width, c.height, r.current)
+			};
+		});
+		let f = [];
+		for (let e = 1; e < c.length; e++) {
+			let t = c[e - 1], n = c[e];
+			f.push({
+				points: {
+					p0: t,
+					p1: n
+				},
+				color: d ? $e : tt,
+				width: nt
+			});
+		}
+		f.length ? e.children = f : e.children.length = 0, l.current.add(() => b(t, e)), s.instruct(), s.log(JSON.stringify(s.points));
+	}, [
+		s,
+		u,
+		i,
+		o
+	]), f = (0, U.useCallback)((e) => {
+		let t = e.key.toUpperCase();
+		s.execute(() => {
+			switch (t) {
+				case rt:
+					e.preventDefault(), s.undo(), n.current = !1, d();
+					break;
+				case it:
+					e.preventDefault(), s.applySmoothing(), n.current = !1, d();
+					break;
+				case at:
+					e.preventDefault(), s.applySimplification(), n.current = !1, d();
+					break;
+				case ot:
+					e.preventDefault(), n.current = !n.current, d();
+					break;
+			}
+		});
+	}, [s, d]), p = (0, U.useCallback)((e) => {
+		r.current = e;
+		let { pointsLayer: t } = u;
+		if (!t) return [];
+		let n = [];
+		return s.execute(() => {
+			let e = t.children;
+			for (let t of e) t.bounds = a(t.bounds.center.x, t.bounds.center.y, t.source.width, t.source.height, r.current), n.push(t);
+		}), n;
+	}, [u, s]), m = (0, U.useCallback)((e) => {
+		s.execute(() => {
+			s.add({
+				x: e.x,
+				y: e.y
+			}), s.select(s.points.length - 1), d();
+		});
+	}, [s, d]);
+	(0, U.useEffect)(() => {
+		var t, n;
+		if (!e || !(u != null && u.pointsLayer)) return;
+		let { pointsLayer: i } = u;
+		return r.current = (t = (n = O()) == null ? void 0 : n.state().pixelSize) == null ? 1 : t, s.execute(() => {
+			s.restore(), d();
+		}), i.onScale = ({ pixelSize: e }) => p(e), l.current.add(() => b(i)), c(m), window.addEventListener("keyup", f), () => {
+			window.removeEventListener("keyup", f), c(), i.onScale = void 0, l.current.destroy();
+		};
+	}, [
+		e,
+		u,
+		s,
+		d,
+		m,
+		p,
+		f
+	]);
+}
+//#endregion
+//#region src/components/Map/traffic/useManageTraffic.ts
+var q = 2, lt = q * 3.5, J = q * 12, ut = J * .7, dt = 8, ft = "transport_locations", pt = 150, Y = "#a4aab6", mt = 1e3, ht = 2e4, gt = 500;
+function _t({ permission: e, scene: n, dataJsonUrl: r, websocketUrl: o }) {
+	let s = (0, U.useRef)(window.devicePixelRatio), c = (0, U.useRef)(/* @__PURE__ */ new Map()), l = (0, U.useRef)(/* @__PURE__ */ new Map()), u = (0, U.useRef)(), d = (0, U.useRef)(), f = (0, U.useRef)(performance.now()), p = (0, U.useRef)(1), m = (0, U.useRef)(new W()), h = (0, U.useRef)(/* @__PURE__ */ new Map()), g = (0, U.useRef)(mt), _ = (0, U.useRef)(/* @__PURE__ */ new Map()), v = (0, U.useRef)();
+	(0, U.useEffect)(() => {
+		async function y() {
+			if (!(!e || !n)) try {
+				var o, u;
+				let e;
+				try {
+					let t = await fetch(r, {
+						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;
+				s.current = vt((o = (u = O()) == null ? void 0 : u.state().pixelSize) == null ? window.devicePixelRatio : o);
+				let g = new Map(e.routes.map(({ id: e, color: t }) => [e, t])), v = n.rootLayer.children, y = /* @__PURE__ */ new Map();
+				g.forEach((e) => {
+					y.set(e, bt({
+						radius: lt,
+						color: e,
+						scale: window.devicePixelRatio
+					}));
+				});
+				let S = ye(), w = v.filter((e) => S.test(e.name)), T = be(), E = v.filter((e) => T.test(e.name));
+				e.routes.slice(0, w.length).forEach(({ id: e, color: t, path: n, stops: r, hiddenPoints: i }, o) => {
+					h.current.set(e, n);
+					let c = w[o];
+					if (c) {
+						var l;
+						let e = new Map((l = i == null ? void 0 : i.map((e) => [$(e), e])) == null ? [] : l);
+						for (let r = 1; r < n.length; r++) {
+							let i = n[r - 1], a = n[r];
+							e.has($(i)) || e.has($(a)) || c.children.push({
+								points: {
+									p0: i,
+									p1: a
+								},
+								color: t,
+								width: q
+							});
+						}
+						c.children.length && m.current.add(() => b(c));
+					}
+					let u = E[o];
+					if (u && r != null && r.length) {
+						let e = y.get(t);
+						r.forEach((t) => {
+							u.children.push({
+								source: e,
+								bounds: a(t.x, t.y, e.width, e.height, s.current)
+							});
+						}), u.children.length && m.current.add(() => b(u));
+					}
+				});
+				let D = v.find((e) => e.name === B), k = /* @__PURE__ */ new Map();
+				D.onScale = ({ pixelSize: e }) => {
+					s.current = vt(e);
+					let t = [];
+					for (let e of E) {
+						let n = e.children;
+						for (let e of n) e.bounds = a(e.bounds.center.x, e.bounds.center.y, e.source.width, e.source.height, s.current, e.bounds.rotation), t.push(e);
+					}
+					for (let e of c.current.values()) e.bounds = a(e.bounds.center.x, e.bounds.center.y, e.source.width, e.source.height, s.current, e.bounds.rotation), t.push(e);
+					return t;
+				}, m.current.add(() => b(D)), g.forEach((e, t) => {
+					k.set(t, xt({
+						id: t,
+						width: J,
+						height: J,
+						color: e,
+						scale: window.devicePixelRatio
+					}));
+				}), k.set(Y, xt({
+					id: "orphan",
+					width: J,
+					height: J,
+					color: Y,
+					scale: window.devicePixelRatio
+				}));
+				let A = null;
+				try {
+					A = R(await i(`${t}icons/bus-white.svg`), ut, ut, window.devicePixelRatio);
+				} catch (e) {
+					console.error(e);
+				}
+				d.current = (e) => {
+					try {
+						var t;
+						let n = JSON.parse(e.data);
+						if (n.type !== ft) return;
+						let r = e.timeStamp || performance.now();
+						p.current = Math.round(r - f.current), f.current = r;
+						let i = Math.max((t = p.current) == null ? gt : t, gt), o = l.current, u = c.current, d = D.children, g = m.current, v = !1;
+						n.data.forEach(({ id: e, x: t, y: n, route_id: r, hidden: c }) => {
+							if (o.has(e)) {
+								var l;
+								(l = o.get(e)) == null || l(), o.delete(e);
+							}
+							if (c && u.has(e) && u.has(Z(e))) {
+								let t = u.get(e);
+								t.hidden = !0;
+								let n = u.get(Z(e));
+								n.hidden = !0, g.add(() => b(t, n));
+								return;
+							}
+							if (_.current.set(e, performance.now()), !u.has(e)) {
+								let i = k.get(r) || k.get(Y), o = {
+									id: e,
+									source: i,
+									bounds: a(t, n, i.width, i.height, s.current, 0)
+								};
+								if (u.set(e, o), A) {
+									let r = Z(e), i = {
+										id: r,
+										source: A,
+										bounds: a(t, n, A.width, A.height, s.current, 0)
+									};
+									A.setAttribute("id", r), u.set(r, i), d.push(o, i);
+								} else d.push(o);
+								v = !0;
+								return;
+							}
+							let f = u.get(e), p = u.get(Z(e)), m = f.bounds.center, y = Tt(m, {
+								x: t,
+								y: n
+							}, h.current.get(r));
+							if (y.reduce((e, t, n) => n === 0 ? e : e + X(y[n - 1], t), 0) >= pt || document.hidden) St({
+								updateQueue: g,
+								vehicle: f,
+								vehicleFinery: p,
+								x: t,
+								y: n,
+								scale: s.current,
+								angle: yt(f.bounds.center, {
+									x: t,
+									y: n
+								})
+							});
+							else {
+								let t = Et(y, i, (e) => {
+									St({
+										updateQueue: g,
+										vehicle: f,
+										vehicleFinery: p,
+										x: e.x,
+										y: e.y,
+										scale: s.current,
+										angle: e.angle
+									});
+								});
+								o.set(e, t);
+							}
+						}), v && g.add(() => b(D));
+					} catch (e) {
+						console.error("handleSocketMessage", e);
+					}
+				}, x(), C(e.config ? (Number(e.config.vehicle_inactive_interval) || 20) * 1e3 : ht);
+			} catch (e) {
+				console.warn(e);
+			}
+		}
+		y();
+		function x() {
+			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(o), u.current.onmessage = d.current, u.current.onopen = () => {
+				g.current = mt;
+			}, u.current.onclose = () => {
+				navigator.onLine && (setTimeout(x, g.current), g.current = Math.min(g.current * 2, 3e4));
+			});
+		}
+		function S() {
+			x();
+		}
+		window.addEventListener("online", S);
+		function C(e) {
+			clearInterval(v.current), v.current = window.setInterval(() => {
+				let t = performance.now(), n = [], r = [];
+				_.current.forEach((i, a) => {
+					if (t - i < e) return;
+					let o = c.current.get(a);
+					o && (o.hidden = !0, r.push(o), n.push(a));
+					let s = Z(a), l = c.current.get(s);
+					l && (l.hidden = !0, r.push(l), n.push(s));
+				}), r.length && m.current.add(() => b(...r)), n.forEach((e) => _.current.delete(e));
+			}, e);
+		}
+		return () => {
+			var e;
+			let t = n == null || (e = n.rootLayer.children) == null ? void 0 : e.find((e) => e.name === B);
+			t && (t.onScale = void 0), l.current.forEach((e) => e == null ? void 0 : e()), l.current.clear(), c.current.clear(), m.current.destroy(), window.removeEventListener("online", S), clearInterval(v.current);
+		};
+	}, [
+		e,
+		n,
+		r,
+		o
+	]);
+}
+function vt(e) {
+	return Math.min(e || window.devicePixelRatio, dt);
+}
+function yt(e, t) {
+	return d(e, t);
+}
+function bt({ 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 xt({ 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 X(e, t) {
+	return x(e, t);
+}
+function Z(e) {
+	return `${e}_finery`;
+}
+function St({ updateQueue: e, vehicle: t, vehicleFinery: n, x: r, y: i, scale: o, angle: s }) {
+	if (t.bounds = a(r, i, t.source.width, t.source.height, o, s), t.hidden = !1, n) {
+		var c, l;
+		let s = (c = (l = O()) == null ? void 0 : l.state().roll) == null ? 0 : c;
+		n.bounds = a(r, i, n.source.width, n.source.height, o, m(s)), n.hidden = !1, e.add(() => b(n, t));
+	} else e.add(() => b(t));
+}
+function Q(e, t, n) {
+	return {
+		x: e.x + (t.x - e.x) * n,
+		y: e.y + (t.y - e.y) * n
+	};
+}
+function Ct(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 = X(e, Q(a, o, d));
+		f < n && (n = f, r = {
+			index: i,
+			t: d
+		});
+	}
+	return r;
+}
+function wt(e, t, n) {
+	let r = X(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 Tt(e, t, n) {
+	if (!n || !n.length) return wt(e, t, 10);
+	let r = Ct(e, n), i = Ct(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 Et(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]);
+		o.push(n), s += n;
+	}
+	let c = (l) => {
+		i || (i = l);
+		let u = l - i, f = Math.min(u / t, 1), p = f * s, m = 0, h = 0;
+		for (; h < o.length && m + o[h] < p;) m += 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 : (p - m) / v;
+		n({
+			x: g.x + (_.x - g.x) * y,
+			y: g.y + (_.y - g.y) * y,
+			angle: d(g, _)
+		}), f < 1 ? a = requestAnimationFrame(c) : r && r();
+	};
+	return a = requestAnimationFrame(c), () => {
+		a && cancelAnimationFrame(a);
+	};
+}
+function $(e) {
+	return `${e.x},${e.y}`;
+}
+//#endregion
+//#region src/utils/dimming.ts
+var Dt = .5, Ot = "cubic";
+function kt(e, t) {
+	return !e || e.rootLayer.dim === t ? !1 : (e.rootLayer.dim = t, !0);
+}
+function At(e, t = 300, n = Ot) {
+	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 = jt(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 jt(e, t) {
+	return t === "linear" ? e : Mt(e);
+}
+function Mt(e) {
+	return e < .5 ? 4 * e * e * e : 1 - (-2 * e + 2) ** 3 / 2;
+}
+//#endregion
+export { ct as a, Ke as c, _t as i, kt as n, Qe as o, At as r, Ze as s, Dt as t };