@camera.ui/server 2.2.7 → 2.3.0

package/dist/interface/ha/Floorplan-BvE546pE.js

@@ -0,0 +1,3657 @@
+import { m as e } from "./ripple-ZDATPc2w.js";
+import { B as t, G as n, H as r, Jt as i, M as a, N as o, Wt as s, Y as c, _t as l, d as u, f as d, ft as f, gt as p, kt as m, l as h, lt as g, ot as ee, p as _, qt as v, r as y, rt as te, u as b, ut as x, v as S, wt as ne, x as C, xt as w, y as T, yt as E, z as re } from "./runtime-core.esm-bundler-_TfE0DWz.js";
+import { t as D } from "./tooltip-BDrlgLof.js";
+import { t as ie } from "./message-D6dIy_hz.js";
+import { t as O } from "./chevron-down-BNj8w2js.js";
+import { Ar as ae, Ct as oe, Dt as se, Ei as ce, En as le, Et as ue, Fr as de, Jt as fe, Kr as pe, Or as k, Ot as me, Pr as A, St as he, Tt as j, Ur as M, aa as ge, br as _e, bt as ve, en as ye, gi as be, hn as xe, o as Se, p as N, q as P, rt as Ce, sr as we, ur as F, wt as Te, xn as I, xt as Ee, yr as L, yt as De } from "./api-CH_Y8Hee.js";
+import { n as Oe } from "./vue-i18n-D5EAy78K.js";
+import { o as R } from "./dist-euRmladF.js";
+import { t as ke } from "./button-BouAFgf5.js";
+import { v as Ae } from "./dist-BQf9ANPx.js";
+import { t as je } from "./inputtext-C_ygnPrC.js";
+import { t as Me } from "./select-DV7p2EDj.js";
+import { t as Ne } from "./close-CxFbonhd.js";
+import { t as Pe } from "./divider-DeFEXTGs.js";
+import { i as Fe, n as Ie, r as Le, t as Re } from "./accordion-BylV-jUK.js";
+import { t as ze } from "./speeddial-B5p0fuqL.js";
+import { t as Be } from "./textarea-ByXnzJzx.js";
+import { t as Ve } from "./CuiBottomSheet-CYNvQV4T.js";
+import { t as He } from "./cctv-BD2g3nbO.js";
+import { u as Ue } from "./cards-E0zw1UVg.js";
+import { t as We } from "./restore-BxzmXRET.js";
+import { t as Ge } from "./pencil-outline-SN9ingm5.js";
+import { t as Ke } from "./trash-can-outline-CBwv40Ck.js";
+import { t as qe } from "./back-filled-CaxrZv0Q.js";
+import { t as Je } from "./chevron-up-DDKj43BW.js";
+import { a as z, d as Ye, f as Xe, l as B, p as Ze, t as V, u as Qe } from "./vue-flow-background-8ZUqhPBF.js";
+import { n as $e } from "./rooms-D5E6K75d.js";
+import { t as H } from "./minus-D3V6azhV.js";
+//#region ~icons/mdi/open-in-new
+var U = {
+	viewBox: "0 0 24 24",
+	width: "1.2em",
+	height: "1.2em"
+};
+function W(e, t) {
+	return r(), _("svg", U, [...t[0] ||= [b("path", {
+		fill: "currentColor",
+		d: "M14 3v2h3.59l-9.83 9.83l1.41 1.41L19 6.41V10h2V3m-2 16H5V5h7V3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7h-2z"
+	}, null, -1)]]);
+}
+var et = l({
+	name: "mdi-open-in-new",
+	render: W
+}), tt = {
+	viewBox: "0 0 24 24",
+	width: "1.2em",
+	height: "1.2em"
+};
+function G(e, t) {
+	return r(), _("svg", tt, [...t[0] ||= [b("path", {
+		fill: "currentColor",
+		d: "M2 2h6v2h8V2h6v6h-2v8h2v6h-6v-2H8v2H2v-6h2V8H2zm14 6V6H8v2H6v8h2v2h8v-2h2V8zM4 4v2h2V4zm14 0v2h2V4zM4 18v2h2v-2zm14 0v2h2v-2z"
+	}, null, -1)]]);
+}
+var nt = l({
+	name: "mdi-vector-square",
+	render: G
+}), rt = {
+	viewBox: "0 0 24 24",
+	width: "1.2em",
+	height: "1.2em"
+};
+function it(e, t) {
+	return r(), _("svg", rt, [...t[0] ||= [b("path", {
+		fill: "currentColor",
+		d: "M12 3c-1.11 0-2 .89-2 2H3v14H2v2h20v-2h-1V5c0-1.11-.89-2-2-2zm0 2h7v14h-7zm-7 6h2v2H5z"
+	}, null, -1)]]);
+}
+var at = l({
+	name: "mdi-door-open",
+	render: it
+}), ot = .55, st = {
+	min: .2,
+	max: 3
+}, K = {
+	min: 100,
+	max: 3e3
+}, ct = [
+	"door",
+	"opening",
+	"stairs"
+], q = {
+	min: 40,
+	max: 400
+}, lt = "application/floorplanitem";
+//#endregion
+//#region src/components/CuiFloorplan/utils.ts
+function J(e) {
+	return e / 100;
+}
+function ut(e, t = 2) {
+	return `${J(e).toFixed(t)} m`;
+}
+function dt(e) {
+	return {
+		x: e.x + e.width / 2,
+		y: e.y + e.height / 2
+	};
+}
+function ft(e, t) {
+	let n = Math.min(e.y + e.height, t.y + t.height) - Math.max(e.y, t.y), r = Math.min(e.x + e.width, t.x + t.width) - Math.max(e.x, t.x);
+	if (n > 0 && (e.x + e.width === t.x || t.x + t.width === e.x)) return {
+		x: e.x + e.width === t.x ? t.x : e.x,
+		y: Math.max(e.y, t.y),
+		stepX: 0,
+		stepY: 1,
+		length: n
+	};
+	if (r > 0 && (e.y + e.height === t.y || t.y + t.height === e.y)) {
+		let n = e.y + e.height === t.y ? t.y : e.y;
+		return {
+			x: Math.max(e.x, t.x),
+			y: n,
+			stepX: 1,
+			stepY: 0,
+			length: r
+		};
+	}
+	return null;
+}
+function pt(e, t, n) {
+	let r = Math.min(n, e.length) / 2, i = Math.min(Math.max(t ?? e.length / 2, r), e.length - r);
+	return {
+		x1: e.x + e.stepX * (i - r),
+		y1: e.y + e.stepY * (i - r),
+		x2: e.x + e.stepX * (i + r),
+		y2: e.y + e.stepY * (i + r)
+	};
+}
+function mt(e, t, n) {
+	let r = t.filter((t) => t.roomId === e.fromRoomId), i = t.filter((t) => t.roomId === e.toRoomId);
+	if (!r.length || !i.length) return null;
+	let a = r.some((e) => e.levelId === n), o = i.some((e) => e.levelId === n);
+	if (!a && !o) return null;
+	if (a !== o) {
+		let t = a ? e.fromShapeId : e.toShapeId, n = a ? r : i;
+		return {
+			kind: "badge",
+			roomId: a ? e.fromRoomId : e.toRoomId,
+			shapeId: n.find((e) => e.id === t)?.id ?? n[0].id
+		};
+	}
+	let s = r.find((t) => t.id === e.fromShapeId), c = i.find((t) => t.id === e.toShapeId), l = s && c ? [[s, c]] : r.flatMap((e) => i.map((t) => [e, t]));
+	for (let [t, n] of l) {
+		let r = ft(t, n);
+		if (r) return {
+			kind: "edge",
+			...pt(r, e.offset, e.width),
+			wall: r
+		};
+	}
+	let u = dt(r[0]), d = dt(i[0]);
+	return {
+		kind: "link",
+		x1: u.x,
+		y1: u.y,
+		x2: d.x,
+		y2: d.y
+	};
+}
+function ht(e, t, n) {
+	let r = gt(e);
+	return {
+		fill: r.map((e) => _t(e, t, [])).join(" "),
+		wall: r.map((e) => _t(e, t, n)).join(" ")
+	};
+}
+function gt(e) {
+	if (!e.length) return [];
+	let t = [...new Set(e.flatMap((e) => [e.x, e.x + e.width]))].sort((e, t) => e - t), n = [...new Set(e.flatMap((e) => [e.y, e.y + e.height]))].sort((e, t) => e - t), r = (r, i) => {
+		if (r < 0 || i < 0 || r >= t.length - 1 || i >= n.length - 1) return !1;
+		let a = (t[r] + t[r + 1]) / 2, o = (n[i] + n[i + 1]) / 2;
+		return e.some((e) => a > e.x && a < e.x + e.width && o > e.y && o < e.y + e.height);
+	}, i = (e) => `${e.x},${e.y}`, a = /* @__PURE__ */ new Map();
+	for (let e = 0; e < t.length - 1; e++) for (let o = 0; o < n.length - 1; o++) {
+		if (!r(e, o)) continue;
+		let s = t[e], c = t[e + 1], l = n[o], u = n[o + 1];
+		r(e, o - 1) || a.set(i({
+			x: s,
+			y: l
+		}), {
+			x: c,
+			y: l
+		}), r(e + 1, o) || a.set(i({
+			x: c,
+			y: l
+		}), {
+			x: c,
+			y: u
+		}), r(e, o + 1) || a.set(i({
+			x: c,
+			y: u
+		}), {
+			x: s,
+			y: u
+		}), r(e - 1, o) || a.set(i({
+			x: s,
+			y: u
+		}), {
+			x: s,
+			y: l
+		});
+	}
+	let o = [];
+	for (; a.size;) {
+		let [e] = a.keys(), t = [], n = {
+			x: Number(e.split(",")[0]),
+			y: Number(e.split(",")[1])
+		};
+		for (; n;) {
+			let e = a.get(i(n));
+			if (!e) break;
+			a.delete(i(n)), t.push(n), n = a.has(i(e)) ? e : void 0;
+		}
+		t.length > 2 && o.push(Y(t));
+	}
+	return o;
+}
+function Y(e) {
+	return e.filter((t, n) => {
+		let r = e[(n - 1 + e.length) % e.length], i = e[(n + 1) % e.length];
+		return (r.x !== t.x || i.x !== t.x) && (r.y !== t.y || i.y !== t.y);
+	});
+}
+function _t(e, t, n) {
+	let r = [], i = [], a = [];
+	for (let n = 0; n < e.length; n++) {
+		let o = e[n], s = e[(n - 1 + e.length) % e.length], c = e[(n + 1) % e.length], l = yt(s, o), u = yt(o, c), d = Math.min(t, l / 2, u / 2);
+		r.push({
+			x: o.x + (s.x - o.x) / l * d,
+			y: o.y + (s.y - o.y) / l * d
+		}), i.push({
+			x: o.x + (c.x - o.x) / u * d,
+			y: o.y + (c.y - o.y) / u * d
+		}), a.push(d);
+	}
+	let o = n.length === 0, s = [], c = !1;
+	for (let t = 0; t < e.length; t++) {
+		let l = (t + 1) % e.length;
+		for (let e of vt(i[t], r[l], n)) (!c || !o) && s.push(`M ${X(e.x1)} ${X(e.y1)}`), s.push(`L ${X(e.x2)} ${X(e.y2)}`), c = !0;
+		if (a[l] > 0) {
+			let n = e[(l + 1) % e.length], o = (e[l].x - e[t].x) * (n.y - e[l].y) - (e[l].y - e[t].y) * (n.x - e[l].x);
+			c || s.push(`M ${X(r[l].x)} ${X(r[l].y)}`), s.push(`A ${X(a[l])} ${X(a[l])} 0 0 ${+(o > 0)} ${X(i[l].x)} ${X(i[l].y)}`), c = !0;
+		}
+	}
+	return o ? `${s.join(" ")} Z` : s.join(" ");
+}
+function vt(e, t, n) {
+	let r = yt(e, t);
+	if (r === 0) return [];
+	let i = (t.x - e.x) / r, a = (t.y - e.y) / r, o = (t) => ({
+		x: e.x + i * t,
+		y: e.y + a * t
+	}), s = (t) => (t.x - e.x) * i + (t.y - e.y) * a, c = [];
+	for (let i of n) {
+		let n = e.x === t.x && i.x1 === i.x2 && Math.abs(i.x1 - e.x) < 1, a = e.y === t.y && i.y1 === i.y2 && Math.abs(i.y1 - e.y) < 1;
+		if (!n && !a) continue;
+		let o = s({
+			x: i.x1,
+			y: i.y1
+		}), l = s({
+			x: i.x2,
+			y: i.y2
+		}), u = Math.max(0, Math.min(o, l)), d = Math.min(r, Math.max(o, l));
+		d > u && c.push({
+			start: u,
+			end: d
+		});
+	}
+	c.sort((e, t) => e.start - t.start);
+	let l = [], u = 0;
+	for (let e of c) {
+		if (e.start > u) {
+			let t = o(u), n = o(e.start);
+			l.push({
+				x1: t.x,
+				y1: t.y,
+				x2: n.x,
+				y2: n.y
+			});
+		}
+		u = Math.max(u, e.end);
+	}
+	if (u < r) {
+		let e = o(u), t = o(r);
+		l.push({
+			x1: e.x,
+			y1: e.y,
+			x2: t.x,
+			y2: t.y
+		});
+	}
+	return l;
+}
+function yt(e, t) {
+	return Math.abs(t.x - e.x) + Math.abs(t.y - e.y);
+}
+function X(e) {
+	return Math.round(e * 100) / 100;
+}
+//#endregion
+//#region src/components/CuiFloorplan/CuiFloorplanInspector.vue?vue&type=script&setup=true&lang.ts
+var bt = { class: "h-full flex flex-col overflow-hidden" }, Z = { class: "flex items-center gap-2 px-4 py-3 border-bottom-color" }, xt = { class: "flex items-center justify-center w-8 h-8 rounded-md shrink-0 inspector-icon" }, St = { class: "flex-1 min-w-0" }, Ct = { class: "text-sm font-semibold truncate text-color" }, wt = { class: "text-xs text-muted truncate" }, Tt = { class: "text-color font-normal text-sm" }, Et = { class: "flex flex-col gap-6" }, Dt = {
+	key: 0,
+	class: "flex flex-col field-gap"
+}, Ot = { class: "cui-label" }, kt = { class: "flex flex-col field-gap" }, At = { class: "cui-label" }, jt = { class: "flex flex-col field-gap" }, Mt = { class: "cui-label" }, Nt = { class: "flex flex-col field-gap" }, Pt = { class: "cui-label" }, Ft = { class: "flex flex-col field-gap" }, It = { class: "cui-label" }, Lt = { class: "flex flex-col field-gap" }, Rt = { class: "cui-label" }, Q = { class: "text-sm text-muted" }, zt = { class: "text-color font-normal text-sm" }, Bt = { class: "flex flex-col field-gap" }, Vt = { class: "cui-label" }, Ht = {
+	key: 1,
+	class: "text-sm text-color"
+}, Ut = {
+	key: 0,
+	class: "flex flex-col field-gap mt-6"
+}, Wt = { class: "cui-label" }, Gt = { class: "flex flex-col field-gap mt-6" }, Kt = { class: "cui-label" }, qt = { class: "text-color font-normal text-sm" }, Jt = { class: "flex flex-col gap-6" }, Yt = { class: "flex flex-col field-gap" }, Xt = { class: "cui-label" }, Zt = {
+	key: 0,
+	class: "flex flex-col field-gap"
+}, Qt = { class: "cui-label" }, $t = { class: "flex flex-col field-gap" }, en = { class: "cui-label" }, $ = { class: "text-color font-normal text-sm" }, tn = { class: "flex flex-col gap-6" }, nn = { class: "flex flex-col field-gap" }, rn = { class: "cui-label" }, an = { class: "flex flex-col field-gap" }, on = { class: "cui-label" }, sn = { class: "text-color font-normal text-sm" }, cn = { class: "flex flex-col gap-6" }, ln = { class: "flex flex-col field-gap" }, un = { class: "cui-label" }, dn = { class: "flex flex-col field-gap" }, fn = { class: "cui-label" }, pn = { class: "flex flex-col field-gap" }, mn = { class: "cui-label" }, hn = {
+	key: 0,
+	class: "px-4 pt-4 pb-[max(1rem,var(--cui-bottom-gap))] border-top-color"
+}, gn = /*#__PURE__*/ ae(/* @__PURE__ */ C({
+	__name: "CuiFloorplanInspector",
+	props: {
+		fluid: { type: Boolean },
+		rooms: {},
+		connections: {},
+		cameras: {},
+		sensors: {},
+		levels: {},
+		selection: {},
+		readOnly: { type: Boolean }
+	},
+	emits: [
+		"close",
+		"update-room",
+		"update-camera",
+		"update-sensor",
+		"update-connection",
+		"remove"
+	],
+	setup(e, { emit: t }) {
+		let n = e, a = t, { t: o } = Oe(), c = w(["general", "view"]), l = h(() => n.selection?.kind === "room" ? n.rooms.find((e) => e.id === n.selection?.id) : void 0), f = h(() => n.selection?.kind === "camera" ? n.cameras.find((e) => e.id === n.selection?.id) : void 0), p = h(() => n.levels.map((e) => ({
+			label: e.name,
+			value: e.id
+		}))), ee = h(() => l.value?.outdoor ? l.value.publicSpace ? "public" : "outdoor" : "indoor"), v = h(() => [
+			"indoor",
+			"outdoor",
+			"public"
+		].map((e) => ({
+			label: o(`views.floorplan.room_kind_${e}`),
+			value: e
+		}))), te = h(() => l.value ? n.rooms.filter((e) => e.roomId === l.value?.roomId).length : 0), x = h(() => {
+			let e = l.value;
+			if (!e) return [];
+			let t = /* @__PURE__ */ new Set(), r = [{
+				label: e.name,
+				value: e.roomId
+			}];
+			t.add(e.roomId);
+			for (let i of n.rooms) i.roomId === e.roomId || t.has(i.roomId) || i.levelId !== e.levelId || ft(e, i) && (t.add(i.roomId), r.push({
+				label: i.name,
+				value: i.roomId
+			}));
+			return r;
+		}), ne = h(() => {
+			let e = /* @__PURE__ */ new Set();
+			return n.rooms.filter((t) => t.levelId === f.value?.levelId && !e.has(t.roomId) && e.add(t.roomId)).map((e) => ({
+				label: e.name,
+				value: e.roomId
+			}));
+		}), C = h(() => n.selection?.kind === "sensor" ? n.sensors.find((e) => e.id === n.selection?.id) : void 0), E = h(() => {
+			let e = /* @__PURE__ */ new Set();
+			return n.rooms.filter((t) => t.levelId === C.value?.levelId && !e.has(t.roomId) && e.add(t.roomId)).map((e) => ({
+				label: e.name,
+				value: e.roomId
+			}));
+		}), re = h(() => C.value ? n.connections.filter((e) => e.fromRoomId === C.value?.roomId || e.toRoomId === C.value?.roomId).map((e) => {
+			let t = e.fromRoomId === C.value?.roomId ? e.toRoomId : e.fromRoomId;
+			return {
+				label: n.rooms.find((e) => e.roomId === t)?.name ?? t,
+				value: e.id
+			};
+		}) : []), D = h(() => n.selection?.kind === "connection" ? n.connections.find((e) => e.id === n.selection?.id) : void 0), O = h(() => {
+			if (!D.value) return !1;
+			let e = n.rooms.find((e) => e.roomId === D.value?.fromRoomId), t = n.rooms.find((e) => e.roomId === D.value?.toRoomId);
+			return !!e && !!t && e.levelId !== t.levelId;
+		}), ae = h(() => ct.filter((e) => e !== "stairs").map((e) => ({
+			label: o(`views.floorplan.connection_${e}`),
+			value: e
+		}))), oe = h(() => D.value ? `${n.rooms.find((e) => e.roomId === D.value?.fromRoomId)?.name ?? ""} · ${n.rooms.find((e) => e.roomId === D.value?.toRoomId)?.name ?? ""}` : ""), se = h(() => ((f.value?.rotation ?? 0) % 360 + 360) % 360), ce = h(() => C.value ? C.value.owner || (n.rooms.find((e) => e.roomId === C.value?.roomId)?.name ?? "") : l.value ? n.levels.find((e) => e.id === l.value?.levelId)?.name ?? "" : D.value ? o(`views.floorplan.connection_${D.value.type}`) : f.value ? n.rooms.find((e) => e.roomId === f.value?.roomId)?.name ?? o("views.floorplan.no_room") : "");
+		function le(e) {
+			C.value && a("update-sensor", {
+				id: C.value.id,
+				patch: e
+			});
+		}
+		function ue(e) {
+			return {
+				outdoor: e !== "indoor",
+				publicSpace: e === "public"
+			};
+		}
+		function de(e) {
+			l.value && a("update-room", {
+				id: l.value.id,
+				patch: e
+			});
+		}
+		function fe(e) {
+			f.value && a("update-camera", {
+				id: f.value.id,
+				patch: e
+			});
+		}
+		function pe() {
+			l.value ? a("remove", {
+				kind: "room",
+				id: l.value.id
+			}) : C.value ? a("remove", {
+				kind: "sensor",
+				id: C.value.id
+			}) : f.value ? a("remove", {
+				kind: "camera",
+				id: f.value.id
+			}) : D.value && a("remove", {
+				kind: "connection",
+				id: D.value.id
+			});
+		}
+		return (t, n) => {
+			let o = He, h = at, w = nt, k = Ne, me = ke, A = Le, he = Me, j = ie, M = je, ge = Be, _e = Fe, ve = Ie, ye = we, be = Re;
+			return r(), _("div", bt, [
+				b("div", Z, [
+					b("div", xt, [m(f) ? (r(), u(o, {
+						key: 0,
+						class: "w-4 h-4"
+					})) : m(D) ? (r(), u(h, {
+						key: 1,
+						class: "w-4 h-4"
+					})) : (r(), u(w, {
+						key: 2,
+						class: "w-4 h-4"
+					}))]),
+					b("div", St, [b("div", Ct, i(m(l)?.name ?? m(f)?.name ?? m(C)?.name ?? m(oe)), 1), b("div", wt, i(m(ce)), 1)]),
+					T(me, {
+						severity: "secondary",
+						text: "",
+						rounded: "",
+						class: "shrink-0 cui-icon-sm",
+						onClick: n[0] ||= (e) => a("close")
+					}, {
+						icon: g(() => [T(k, {
+							width: "100%",
+							height: "100%"
+						})]),
+						_: 1
+					})
+				]),
+				b("div", { class: s(["flex-1 overflow-y-auto", { "pb-[var(--cui-bottom-gap)]": e.readOnly }]) }, [T(be, {
+					multiple: "",
+					value: m(c),
+					class: s(e.fluid ? "w-full" : "w-[300px]")
+				}, {
+					default: g(() => [
+						m(l) ? (r(), u(ve, {
+							key: 0,
+							value: "general"
+						}, {
+							default: g(() => [T(A, { class: "px-4 rounded-none!" }, {
+								default: g(() => [b("span", Tt, i(t.$t("views.floorplan.section_room")), 1)]),
+								_: 1
+							}), T(_e, { pt: { content: { class: e.fluid ? "px-4 w-full" : "px-4 w-[300px]" } } }, {
+								default: g(() => [b("div", Et, [
+									m(x).length > 1 ? (r(), _("div", Dt, [
+										b("label", Ot, i(t.$t("views.floorplan.belongs_to")), 1),
+										T(he, {
+											"model-value": m(l).roomId,
+											options: m(x),
+											"option-label": "label",
+											"option-value": "value",
+											disabled: e.readOnly,
+											"onUpdate:modelValue": n[1] ||= (e) => e && de({ roomId: e })
+										}, null, 8, [
+											"model-value",
+											"options",
+											"disabled"
+										]),
+										T(j, {
+											severity: "secondary",
+											variant: "simple",
+											size: "small",
+											class: "cui-input-hint"
+										}, {
+											default: g(() => [S(i(t.$t("views.floorplan.belongs_to_hint")), 1)]),
+											_: 1
+										})
+									])) : d("", !0),
+									b("div", kt, [
+										b("label", At, i(t.$t("views.floorplan.room_name")), 1),
+										T(M, {
+											"model-value": m(l).name,
+											disabled: e.readOnly,
+											"onUpdate:modelValue": n[2] ||= (e) => de({ name: e ?? "" })
+										}, null, 8, ["model-value", "disabled"]),
+										m(te) > 1 ? (r(), u(j, {
+											key: 0,
+											severity: "secondary",
+											variant: "simple",
+											size: "small",
+											class: "cui-input-hint"
+										}, {
+											default: g(() => [S(i(t.$t("views.floorplan.room_parts", { count: m(te) })), 1)]),
+											_: 1
+										})) : d("", !0)
+									]),
+									b("div", jt, [b("label", Mt, i(t.$t("views.floorplan.level")), 1), T(he, {
+										"model-value": m(l).levelId,
+										options: m(p),
+										"option-label": "label",
+										"option-value": "value",
+										disabled: e.readOnly,
+										"onUpdate:modelValue": n[3] ||= (e) => de({ levelId: e })
+									}, null, 8, [
+										"model-value",
+										"options",
+										"disabled"
+									])]),
+									b("div", Nt, [
+										b("label", Pt, i(t.$t("views.floorplan.room_kind")), 1),
+										T(he, {
+											"model-value": m(ee),
+											options: m(v),
+											"option-label": "label",
+											"option-value": "value",
+											disabled: e.readOnly,
+											"onUpdate:modelValue": n[4] ||= (e) => de(ue(e))
+										}, null, 8, [
+											"model-value",
+											"options",
+											"disabled"
+										]),
+										T(j, {
+											severity: "secondary",
+											variant: "simple",
+											size: "small",
+											class: "cui-input-hint"
+										}, {
+											default: g(() => [S(i(t.$t(`views.floorplan.room_kind_${m(ee)}_hint`)), 1)]),
+											_: 1
+										})
+									]),
+									b("div", Ft, [
+										b("label", It, i(t.$t("views.floorplan.note")), 1),
+										T(ge, {
+											"model-value": m(l).note,
+											disabled: e.readOnly,
+											maxlength: m(240),
+											rows: "3",
+											"auto-resize": "",
+											"onUpdate:modelValue": n[5] ||= (e) => de({ note: e ?? "" })
+										}, null, 8, [
+											"model-value",
+											"disabled",
+											"maxlength"
+										]),
+										T(j, {
+											severity: "secondary",
+											variant: "simple",
+											size: "small",
+											class: "cui-input-hint"
+										}, {
+											default: g(() => [S(i(t.$t("views.floorplan.note_hint")), 1)]),
+											_: 1
+										})
+									]),
+									b("div", Lt, [b("label", Rt, i(t.$t("views.floorplan.size")), 1), b("span", Q, i(m(ut)(m(l).width)) + " x " + i(m(ut)(m(l).height)), 1)])
+								])]),
+								_: 1
+							}, 8, ["pt"])]),
+							_: 1
+						})) : d("", !0),
+						m(D) ? (r(), u(ve, {
+							key: 1,
+							value: "general"
+						}, {
+							default: g(() => [T(A, { class: "px-4 rounded-none!" }, {
+								default: g(() => [b("span", zt, i(t.$t("views.floorplan.section_connection")), 1)]),
+								_: 1
+							}), T(_e, { pt: { content: { class: e.fluid ? "px-4 w-full" : "px-4 w-[300px]" } } }, {
+								default: g(() => [
+									b("div", Bt, [
+										b("label", Vt, i(t.$t("views.floorplan.connection_type")), 1),
+										m(O) ? (r(), _("span", Ht, i(t.$t("views.floorplan.connection_stairs")), 1)) : (r(), u(he, {
+											key: 0,
+											"model-value": m(D).type,
+											options: m(ae),
+											"option-label": "label",
+											"option-value": "value",
+											disabled: e.readOnly,
+											"onUpdate:modelValue": n[6] ||= (e) => a("update-connection", {
+												id: m(D).id,
+												patch: { type: e }
+											})
+										}, null, 8, [
+											"model-value",
+											"options",
+											"disabled"
+										])),
+										T(j, {
+											severity: "secondary",
+											variant: "simple",
+											size: "small",
+											class: "cui-input-hint"
+										}, {
+											default: g(() => [S(i(m(O) ? t.$t("views.floorplan.connection_level_hint") : t.$t("views.floorplan.connection_type_hint")), 1)]),
+											_: 1
+										})
+									]),
+									m(O) ? d("", !0) : (r(), _("div", Ut, [
+										b("label", Wt, i(t.$t("views.floorplan.connection_width", { value: m(J)(m(D).width).toFixed(2) })), 1),
+										T(ye, {
+											"model-value": m(D).width,
+											disabled: e.readOnly,
+											min: m(q).min,
+											max: m(q).max,
+											step: 5,
+											"onUpdate:modelValue": n[7] ||= (e) => a("update-connection", {
+												id: m(D).id,
+												patch: { width: Number(e) }
+											})
+										}, null, 8, [
+											"model-value",
+											"disabled",
+											"min",
+											"max"
+										]),
+										T(j, {
+											severity: "secondary",
+											variant: "simple",
+											size: "small",
+											class: "cui-input-hint"
+										}, {
+											default: g(() => [S(i(t.$t("views.floorplan.connection_width_hint")), 1)]),
+											_: 1
+										})
+									])),
+									b("div", Gt, [
+										b("label", Kt, i(t.$t("views.floorplan.note")), 1),
+										T(ge, {
+											"model-value": m(D).note,
+											disabled: e.readOnly,
+											maxlength: m(240),
+											rows: "3",
+											"auto-resize": "",
+											"onUpdate:modelValue": n[8] ||= (e) => a("update-connection", {
+												id: m(D).id,
+												patch: { note: e ?? "" }
+											})
+										}, null, 8, [
+											"model-value",
+											"disabled",
+											"maxlength"
+										]),
+										T(j, {
+											severity: "secondary",
+											variant: "simple",
+											size: "small",
+											class: "cui-input-hint"
+										}, {
+											default: g(() => [S(i(t.$t("views.floorplan.note_hint")), 1)]),
+											_: 1
+										})
+									])
+								]),
+								_: 1
+							}, 8, ["pt"])]),
+							_: 1
+						})) : d("", !0),
+						m(C) ? (r(), u(ve, {
+							key: 2,
+							value: "general"
+						}, {
+							default: g(() => [T(A, { class: "px-4 rounded-none!" }, {
+								default: g(() => [b("span", qt, i(t.$t("views.floorplan.section_sensor")), 1)]),
+								_: 1
+							}), T(_e, { pt: { content: { class: e.fluid ? "px-4 w-full" : "px-4 w-[300px]" } } }, {
+								default: g(() => [b("div", Jt, [
+									b("div", Yt, [b("label", Xt, i(t.$t("views.floorplan.assigned_room")), 1), T(he, {
+										"model-value": m(C).roomId,
+										options: m(E),
+										disabled: e.readOnly,
+										"option-label": "label",
+										"option-value": "value",
+										"onUpdate:modelValue": n[9] ||= (e) => e && le({ roomId: e })
+									}, null, 8, [
+										"model-value",
+										"options",
+										"disabled"
+									])]),
+									m(re).length ? (r(), _("div", Zt, [
+										b("label", Qt, i(t.$t("views.floorplan.sensor_passage")), 1),
+										T(he, {
+											"model-value": m(C).connectionId,
+											options: m(re),
+											disabled: e.readOnly,
+											"option-label": "label",
+											"option-value": "value",
+											"show-clear": "",
+											"onUpdate:modelValue": n[10] ||= (e) => le({ connectionId: e ?? null })
+										}, null, 8, [
+											"model-value",
+											"options",
+											"disabled"
+										]),
+										T(j, {
+											severity: "secondary",
+											variant: "simple",
+											size: "small",
+											class: "cui-input-hint"
+										}, {
+											default: g(() => [S(i(t.$t("views.floorplan.sensor_passage_hint")), 1)]),
+											_: 1
+										})
+									])) : d("", !0),
+									b("div", $t, [
+										b("label", en, i(t.$t("views.floorplan.note")), 1),
+										T(ge, {
+											"model-value": m(C).note,
+											disabled: e.readOnly,
+											maxlength: m(240),
+											rows: "3",
+											"auto-resize": "",
+											"onUpdate:modelValue": n[11] ||= (e) => le({ note: e ?? "" })
+										}, null, 8, [
+											"model-value",
+											"disabled",
+											"maxlength"
+										]),
+										T(j, {
+											severity: "secondary",
+											variant: "simple",
+											size: "small",
+											class: "cui-input-hint"
+										}, {
+											default: g(() => [S(i(t.$t("views.floorplan.note_hint")), 1)]),
+											_: 1
+										})
+									])
+								])]),
+								_: 1
+							}, 8, ["pt"])]),
+							_: 1
+						})) : d("", !0),
+						m(f) ? (r(), _(y, { key: 3 }, [T(ve, { value: "general" }, {
+							default: g(() => [T(A, { class: "px-4 rounded-none!" }, {
+								default: g(() => [b("span", $, i(t.$t("views.floorplan.section_camera")), 1)]),
+								_: 1
+							}), T(_e, { pt: { content: { class: e.fluid ? "px-4 w-full" : "px-4 w-[300px]" } } }, {
+								default: g(() => [b("div", tn, [b("div", nn, [
+									b("label", rn, i(t.$t("views.floorplan.assigned_room")), 1),
+									T(he, {
+										"model-value": m(f).roomId,
+										options: m(ne),
+										disabled: e.readOnly,
+										"option-label": "label",
+										"option-value": "value",
+										"onUpdate:modelValue": n[12] ||= (e) => e && fe({ roomId: e })
+									}, null, 8, [
+										"model-value",
+										"options",
+										"disabled"
+									]),
+									T(j, {
+										severity: "secondary",
+										variant: "simple",
+										size: "small",
+										class: "cui-input-hint"
+									}, {
+										default: g(() => [S(i(t.$t("views.floorplan.assigned_room_hint")), 1)]),
+										_: 1
+									})
+								]), b("div", an, [
+									b("label", on, i(t.$t("views.floorplan.note")), 1),
+									T(ge, {
+										"model-value": m(f).note,
+										disabled: e.readOnly,
+										maxlength: m(240),
+										rows: "3",
+										"auto-resize": "",
+										"onUpdate:modelValue": n[13] ||= (e) => fe({ note: e ?? "" })
+									}, null, 8, [
+										"model-value",
+										"disabled",
+										"maxlength"
+									]),
+									T(j, {
+										severity: "secondary",
+										variant: "simple",
+										size: "small",
+										class: "cui-input-hint"
+									}, {
+										default: g(() => [S(i(t.$t("views.floorplan.note_hint")), 1)]),
+										_: 1
+									})
+								])])]),
+								_: 1
+							}, 8, ["pt"])]),
+							_: 1
+						}), T(ve, { value: "view" }, {
+							default: g(() => [T(A, { class: "px-4 rounded-none!" }, {
+								default: g(() => [b("span", sn, i(t.$t("views.floorplan.section_view")), 1)]),
+								_: 1
+							}), T(_e, { pt: { content: { class: e.fluid ? "px-4 w-full" : "px-4 w-[300px]" } } }, {
+								default: g(() => [b("div", cn, [
+									b("div", ln, [b("label", un, i(t.$t("views.floorplan.direction", { value: m(se) })), 1), T(ye, {
+										"model-value": m(se),
+										disabled: e.readOnly,
+										min: 0,
+										max: 359,
+										"onUpdate:modelValue": n[14] ||= (e) => fe({ rotation: Number(e) })
+									}, null, 8, ["model-value", "disabled"])]),
+									b("div", dn, [b("label", fn, i(t.$t("views.floorplan.fov", { value: m(f).fov })), 1), T(ye, {
+										"model-value": m(f).fov,
+										disabled: e.readOnly,
+										min: 30,
+										max: 180,
+										"onUpdate:modelValue": n[15] ||= (e) => fe({ fov: Number(e) })
+									}, null, 8, ["model-value", "disabled"])]),
+									b("div", pn, [b("label", mn, i(t.$t("views.floorplan.range", { value: m(J)(m(f).range).toFixed(1) })), 1), T(ye, {
+										disabled: e.readOnly,
+										"model-value": m(f).range,
+										min: m(K).min,
+										max: m(K).max,
+										step: 50,
+										"onUpdate:modelValue": n[16] ||= (e) => fe({ range: Number(e) })
+									}, null, 8, [
+										"disabled",
+										"model-value",
+										"min",
+										"max"
+									])])
+								])]),
+								_: 1
+							}, 8, ["pt"])]),
+							_: 1
+						})], 64)) : d("", !0)
+					]),
+					_: 1
+				}, 8, ["value", "class"])], 2),
+				e.readOnly ? d("", !0) : (r(), _("div", hn, [T(me, {
+					severity: "danger",
+					fluid: "",
+					class: "w-full cui-button-medium",
+					label: m(l) ? t.$t("views.floorplan.delete_room") : m(D) ? t.$t("views.floorplan.remove_connection") : m(C) ? t.$t("views.floorplan.remove_sensor") : t.$t("views.floorplan.remove_camera"),
+					onClick: pe
+				}, null, 8, ["label"])]))
+			]);
+		};
+	}
+}), [["__scopeId", "data-v-79c10243"]]), _n = {
+	viewBox: "0 0 24 24",
+	width: "1.2em",
+	height: "1.2em"
+};
+function vn(e, t) {
+	return r(), _("svg", _n, [...t[0] ||= [b("path", {
+		fill: "currentColor",
+		d: "M10 13a2 2 0 0 1 2 2c0 1.11-.89 2-2 2s-2-.89-2-2s.9-2 2-2m8-12c-2.76 0-5 2.24-5 5v2H4c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V10c0-1.1-.9-2-2-2h-1V6c0-1.66 1.34-3 3-3s3 1.34 3 3v2h2V6c0-2.76-2.24-5-5-5m-2 9v10H4V10z"
+	}, null, -1)]]);
+}
+var yn = l({
+	name: "mdi-lock-open-variant-outline",
+	render: vn
+}), bn = {
+	viewBox: "0 0 24 24",
+	width: "1.2em",
+	height: "1.2em"
+};
+function xn(e, t) {
+	return r(), _("svg", bn, [...t[0] ||= [b("path", {
+		fill: "currentColor",
+		d: "M17 4h3c1.1 0 2 .9 2 2v2h-2V6h-3zM4 8V6h3V4H4c-1.1 0-2 .9-2 2v2zm16 8v2h-3v2h3c1.1 0 2-.9 2-2v-2zM7 18H4v-2H2v2c0 1.1.9 2 2 2h3zm9-8v4H8v-4zm2-2H6v8h12z"
+	}, null, -1)]]);
+}
+var Sn = l({
+	name: "mdi-fit-to-screen-outline",
+	render: xn
+}), Cn = ["width", "height"], wn = ["width", "height"], Tn = ["y2", "stroke-width"], En = ["id"], Dn = ["d"], On = ["width", "height"], kn = ["y2", "stroke-width"], An = [
+	"x",
+	"y",
+	"width",
+	"height"
+], jn = ["d"], Mn = ["clip-path"], Nn = ["d", "transform"], Pn = ["transform"], Fn = ["d"], In = ["d", "stroke-width"], Ln = ["clip-path"], Rn = ["d", "transform"], zn = [
+	"x",
+	"y",
+	"width",
+	"height"
+], Bn = [
+	"x",
+	"y",
+	"width",
+	"height",
+	"onPointerdown"
+], Vn = [
+	"x",
+	"y",
+	"font-size",
+	"transform"
+], Hn = ["onPointerdown"], Un = ["d", "stroke-width"], Wn = ["d", "stroke-width"], Gn = [
+	"cx",
+	"cy",
+	"r",
+	"stroke-width",
+	"onPointerdown"
+], Kn = [
+	"d",
+	"stroke-width",
+	"onPointerdown"
+], qn = ["onPointerdown", "onPointerenter"], Jn = [
+	"cx",
+	"cy",
+	"r",
+	"stroke-width"
+], Yn = [
+	"cx",
+	"cy",
+	"r"
+], Xn = {
+	key: 0,
+	class: "camera-chip"
+}, Zn = [
+	"x",
+	"y",
+	"width",
+	"height",
+	"rx"
+], Qn = [
+	"x",
+	"y",
+	"width",
+	"height"
+], $n = [
+	"x",
+	"y",
+	"font-size"
+], er = [
+	"cx",
+	"cy",
+	"r",
+	"stroke-width",
+	"onPointerdown"
+], tr = ["d", "stroke-width"], nr = ["onPointerdown", "onPointerenter"], rr = [
+	"cx",
+	"cy",
+	"r",
+	"stroke-width"
+], ir = [
+	"x",
+	"y",
+	"width",
+	"height"
+], ar = {
+	key: 0,
+	class: "camera-chip"
+}, or = [
+	"x",
+	"y",
+	"width",
+	"height",
+	"rx"
+], sr = [
+	"x",
+	"y",
+	"font-size"
+], cr = ["onPointerenter"], lr = [
+	"cx",
+	"cy",
+	"r",
+	"stroke-width"
+], ur = [
+	"cx",
+	"cy",
+	"r"
+], dr = {
+	key: 0,
+	class: "camera-chip"
+}, fr = [
+	"x",
+	"y",
+	"width",
+	"height",
+	"rx"
+], pr = [
+	"x",
+	"y",
+	"font-size"
+], mr = ["onPointerdown"], hr = [
+	"cx",
+	"cy",
+	"r",
+	"stroke-width"
+], gr = ["d", "stroke-width"], _r = [
+	"x",
+	"y",
+	"font-size"
+], vr = {
+	key: 1,
+	class: "camera-chip"
+}, yr = [
+	"x",
+	"y",
+	"width",
+	"height",
+	"rx"
+], br = [
+	"x",
+	"y",
+	"font-size"
+], xr = ["d", "stroke-width"], Sr = ["d", "stroke-width"], Cr = [
+	"x",
+	"y",
+	"width",
+	"height",
+	"rx",
+	"stroke-width"
+], wr = [
+	"cx",
+	"cy",
+	"r",
+	"stroke-width"
+], Tr = {
+	width: "46",
+	height: "46",
+	viewBox: "0 0 46 46"
+}, Er = ["transform"], Dr = { class: "flex flex-col overflow-hidden floorplan-controls" }, Or = { class: "floorplan-scale flex items-center gap-2 px-2 py-1" }, kr = ["width"], Ar = ["d"], jr = { class: "text-xs text-muted whitespace-nowrap" }, Mr = 60, Nr = /*#__PURE__*/ ae(/* @__PURE__ */ C({
+	__name: "CuiFloorplanCanvas",
+	props: {
+		mobile: { type: Boolean },
+		bottomInset: {},
+		bottomInsetDragging: { type: Boolean },
+		levels: {},
+		rooms: {},
+		connections: {},
+		cameras: {},
+		sensors: {},
+		levelId: {},
+		selection: {},
+		north: {},
+		readOnly: { type: Boolean }
+	},
+	emits: [
+		"select",
+		"history",
+		"move-room",
+		"resize-room",
+		"move-camera",
+		"rotate-camera",
+		"create-connection",
+		"move-connection",
+		"resize-connection",
+		"drop",
+		"update-north",
+		"request-stairs",
+		"settle-room",
+		"hover-camera",
+		"move-sensor",
+		"hover-sensor"
+	],
+	setup(a, { expose: l, emit: f }) {
+		let p = a, S = f, ne = te("wrapperRef"), C = w(!1), E = w(!1), ie = te("compassRef"), O = w({
+			x: null,
+			y: null
+		}), ae = w(null), se = w(null), ce = w(null), le = w(null), de = /* @__PURE__ */ new Set(["motion", "audio"]), pe = /* @__PURE__ */ new Set([
+			"object",
+			"face",
+			"licensePlate",
+			"classifier",
+			"objectAssist",
+			"clip"
+		]), k = null, me = !1, A = null, { viewport: j, zoomIn: M, zoomOut: ge, fitBounds: ve } = B(), { sensors: be } = Ae(), xe = h(() => p.sensors.filter((e) => e.levelId === p.levelId)), Se = h(() => {
+			let e = /* @__PURE__ */ new Map();
+			for (let t of be.value) {
+				let n = String(t.type), r = de.has(n), i = pe.has(n);
+				if (!r && !i || t.getProperty("detected") !== !0) continue;
+				let a = Ke(t, n);
+				for (let n of t.assignedCameraIds.value) {
+					let t = e.get(n);
+					e.set(n, {
+						level: t?.level === "detection" || i ? "detection" : "motion",
+						labels: [.../* @__PURE__ */ new Set([...t?.labels ?? [], ...a])]
+					});
+				}
+			}
+			return e;
+		}), N = h(() => {
+			let e = I.value.find((e) => e.id === le.value);
+			if (!e) return null;
+			let t = `${ut(e.width, 1)} x ${ut(e.height, 1)}`;
+			return {
+				text: t,
+				width: it(t),
+				x: e.x + e.width / 2,
+				y: e.y + e.height + 10 / P.value
+			};
+		}), P = h(() => j.value.zoom), Ce = h(() => ({
+			x: j.value.x,
+			y: j.value.y
+		})), we = h(() => p.north ?? 0), F = h(() => p.readOnly === !0 || C.value), I = h(() => p.rooms.filter((e) => e.levelId === p.levelId)), Ee = h(() => p.cameras.filter((e) => e.levelId === p.levelId)), L = h(() => {
+			let e = 4e3, t = [0], n = [0];
+			for (let e of I.value) t.push(e.x, e.x + e.width), n.push(e.y, e.y + e.height);
+			for (let e of Ee.value) t.push(e.x - e.range, e.x + e.range), n.push(e.y - e.range, e.y + e.range);
+			let r = Math.min(...t) - e, i = Math.min(...n) - e;
+			return {
+				x: r,
+				y: i,
+				width: Math.max(...t) + e - r,
+				height: Math.max(...n) + e - i
+			};
+		}), De = [{
+			id: "scene",
+			type: "scene",
+			position: {
+				x: 0,
+				y: 0
+			},
+			draggable: !1,
+			selectable: !1,
+			data: {}
+		}], Oe = h(() => p.selection?.kind === "room" ? I.value.find((e) => e.id === p.selection?.id) : void 0), R = h(() => p.selection?.kind === "camera" ? Ee.value.find((e) => e.id === p.selection?.id) : void 0), ke = h(() => P.value >= .45), je = h(() => {
+			let e = [
+				.5,
+				1,
+				2,
+				5,
+				10,
+				20,
+				50
+			], t = e.filter((e) => e * 100 * P.value <= 130).pop() ?? e[0];
+			return {
+				meters: t,
+				width: Math.round(t * 100 * P.value),
+				label: `${t} m`
+			};
+		}), Me = h(() => p.connections.map((e) => ({
+			connection: e,
+			geometry: mt(e, p.rooms, p.levelId)
+		})).filter((e) => e.geometry !== null)), Ne = h(() => new Map([...Pe.value].map(([e, t]) => [e, G(t.reduce((e, t) => t.width * t.height > e.width * e.height ? t : e))]))), Pe = h(() => {
+			let e = /* @__PURE__ */ new Map();
+			for (let t of I.value) e.set(t.roomId, [...e.get(t.roomId) ?? [], t]);
+			return e;
+		}), Fe = h(() => {
+			let e = /* @__PURE__ */ new Map();
+			for (let t of Me.value) {
+				if (t.geometry.kind !== "edge") continue;
+				let n = {
+					x1: t.geometry.x1,
+					y1: t.geometry.y1,
+					x2: t.geometry.x2,
+					y2: t.geometry.y2
+				};
+				for (let r of [t.connection.fromRoomId, t.connection.toRoomId]) e.set(r, [...e.get(r) ?? [], n]);
+			}
+			return e;
+		}), Ie = h(() => [...Pe.value].map(([e, t]) => ({
+			roomId: e,
+			parts: t,
+			...ht(t, 8 / P.value, Fe.value.get(e) ?? []),
+			outdoor: t.every((e) => e.outdoor),
+			publicSpace: t.every((e) => e.publicSpace),
+			selected: t.some((e) => J("room", e.id))
+		})).sort((e, t) => Number(e.selected) - Number(t.selected))), Le = h(() => {
+			let e = /* @__PURE__ */ new Map();
+			for (let t of Pe.value.keys()) e.set(t, t);
+			let t = (t) => {
+				let n = t;
+				for (; e.get(n) !== n;) n = e.get(n);
+				return n;
+			}, n = (e) => (Pe.value.get(e) ?? []).every((e) => e.outdoor);
+			for (let r of p.connections) {
+				if (!e.has(r.fromRoomId) || !e.has(r.toRoomId) || !n(r.fromRoomId) || !n(r.toRoomId)) continue;
+				let i = t(r.fromRoomId), a = t(r.toRoomId);
+				i !== a && e.set(i, a);
+			}
+			let r = /* @__PURE__ */ new Map();
+			for (let [e, n] of Pe.value) {
+				let i = t(e);
+				r.set(i, [...r.get(i) ?? [], ...n]);
+			}
+			let i = /* @__PURE__ */ new Map();
+			for (let [e, t] of r) i.set(e, ht(t, 8 / P.value, []).fill);
+			return [...Pe.value.keys()].map((e) => ({
+				roomId: e,
+				path: i.get(t(e)) ?? ""
+			}));
+		}), Re = h(() => Me.value.flatMap((e) => {
+			if (e.geometry.kind !== "edge") return [];
+			let { x1: t, y1: n, x2: r, y2: i, wall: a } = e.geometry;
+			return [{
+				id: e.connection.id,
+				type: e.connection.type,
+				wall: a,
+				line: `M ${t} ${n} L ${r} ${i}`,
+				handles: [{
+					x: t,
+					y: n
+				}, {
+					x: r,
+					y: i
+				}]
+			}];
+		})), ze = h(() => {
+			let e = Oe.value;
+			return !e || F.value ? [] : I.value.filter((t) => t.roomId !== e.roomId).map((t) => ({
+				other: t,
+				wall: ft(e, t)
+			})).filter((e) => e.wall !== null).map((t) => ({
+				fromRoomId: e.roomId,
+				fromShapeId: e.id,
+				roomId: t.other.roomId,
+				shapeId: t.other.id,
+				x: t.wall.x + t.wall.stepX * t.wall.length / 2,
+				y: t.wall.y + t.wall.stepY * t.wall.length / 2
+			}));
+		}), Be = h(() => {
+			let e = /* @__PURE__ */ new Map(), t = (t) => {
+				for (; e.get(t) !== t;) t = e.get(t);
+				return t;
+			};
+			for (let n of p.connections) if (n.type === "stairs") {
+				for (let t of [n.fromRoomId, n.toRoomId]) e.has(t) || e.set(t, t);
+				e.set(t(n.fromRoomId), t(n.toRoomId));
+			}
+			let n = [];
+			for (let r of I.value) {
+				if (!e.has(r.roomId)) continue;
+				let i = t(r.roomId), a = p.cameras.filter((n) => n.roomId !== r.roomId && e.has(n.roomId) && t(n.roomId) === i);
+				a.length && n.push({
+					key: `${r.id}-flight`,
+					label: a.map((e) => e.name).join(", "),
+					x: r.x + r.width / 2,
+					y: r.y + r.height / 2
+				});
+			}
+			return n;
+		}), Ve = h(() => {
+			let e = [], t = /* @__PURE__ */ new Map(), n = (n, r, i, a) => {
+				let o = I.value.find((e) => e.id === r) ?? I.value.find((e) => e.roomId === n);
+				if (!o || o.width * P.value < 80 || o.height * P.value < 60) return;
+				let s = t.get(o.id) ?? 0;
+				t.set(o.id, s + 1), e.push({
+					key: i ?? `stairs-${n}`,
+					roomId: n,
+					connectionId: i,
+					direction: a,
+					x: o.x + o.width - (16 + s * 30) / P.value,
+					y: o.y + 16 / P.value
+				});
+			};
+			for (let e of Me.value) e.geometry.kind === "badge" && n(e.geometry.roomId, e.geometry.shapeId, e.connection.id, W(e.connection, e.geometry.roomId));
+			return He.value && n(He.value.roomId, He.value.shapeId, void 0, void 0), e;
+		}), He = h(() => {
+			let e = Oe.value;
+			if (!e || F.value) return null;
+			let t = new Set(p.connections.flatMap((e) => [e.fromRoomId, e.toRoomId].join("|")));
+			return p.rooms.some((n) => n.levelId !== e.levelId && !t.has([e.roomId, n.roomId].join("|")) && !t.has([n.roomId, e.roomId].join("|"))) ? {
+				roomId: e.roomId,
+				shapeId: e.id
+			} : null;
+		}), We = h(() => {
+			let e = ne.value?.getBoundingClientRect(), t = e?.width ?? 0, n = e?.height ?? 0;
+			return {
+				left: -Ce.value.x / P.value,
+				top: -Ce.value.y / P.value,
+				right: (t - Ce.value.x) / P.value,
+				bottom: (n - Ce.value.y) / P.value
+			};
+		}), Ge = h(() => new Set(Ee.value.filter((e) => Se.value.has(e.id)).map((e) => e.roomId)));
+		function Ke(e, t) {
+			switch (t) {
+				case "object":
+				case "classifier": {
+					let t = e.getProperty("labels");
+					return Array.isArray(t) && t.length ? t : ["other"];
+				}
+				case "face": return ["face"];
+				case "licensePlate": return ["license_plate"];
+				case "motion":
+				case "audio": return ["motion"];
+				case "clip":
+				case "objectAssist": return [];
+				default: return ["other"];
+			}
+		}
+		function qe(e) {
+			return Se.value.get(e)?.level;
+		}
+		function Je(e) {
+			return Se.value.get(e.id)?.labels ?? [];
+		}
+		function Ye(e) {
+			let t = (8 + Je(e).length * 17) / P.value;
+			return {
+				width: t + it(e.name) - 10 / P.value,
+				textOffset: t
+			};
+		}
+		function Xe(e, t) {
+			ce.value = t.id, e.pointerType === "mouse" && S("hover-sensor", {
+				sensorId: t.id,
+				x: e.clientX,
+				y: e.clientY
+			});
+		}
+		function Ze() {
+			ce.value = null, S("hover-sensor", null);
+		}
+		function Qe(e) {
+			return be.value.find((t) => t.id === e);
+		}
+		function $e(e) {
+			return ue(e.sensorType, Te(Qe(e.id)));
+		}
+		function U(e) {
+			let t = oe(Qe(e.id));
+			return t ? `${e.name} · ${t}` : e.name;
+		}
+		function W(e, t) {
+			let n = e.fromRoomId === t ? e.toRoomId : e.fromRoomId, r = p.rooms.find((e) => e.roomId === t)?.levelId, i = p.rooms.find((e) => e.roomId === n)?.levelId;
+			if (!r || !i) return;
+			let a = p.levels.findIndex((e) => e.id === r), o = p.levels.findIndex((e) => e.id === i);
+			if (!(a < 0 || o < 0 || a === o)) return o > a ? "↑" : "↓";
+		}
+		function et(e, t) {
+			if (t.connectionId) return xt(e, t.connectionId);
+			S("request-stairs", {
+				roomId: t.roomId,
+				event: e
+			});
+		}
+		function tt(e) {
+			let t = Ne.value.get(e.roomId);
+			return t ? [t] : [];
+		}
+		function G(e) {
+			let t = e.width >= e.height, n = t ? e.width : e.height, r = t ? e.height : e.width, i = 9 / P.value, a = Math.max(Math.min(15, r * .3), i);
+			if (a > r) return null;
+			let o = n - a, s = a * ot, c = e.name;
+			if (s * c.length > o) {
+				let e = Math.floor(o / s) - 1;
+				if (e < 2) return null;
+				c = `${c.slice(0, e)}…`;
+			}
+			return {
+				text: c,
+				size: a,
+				x: e.x + e.width / 2,
+				y: e.y + e.height / 2 + a * .35,
+				upright: t
+			};
+		}
+		function nt(e, t) {
+			e.pointerType === "mouse" && (ae.value = t.id, S("hover-camera", {
+				cameraId: t.id,
+				x: e.clientX,
+				y: e.clientY
+			}));
+		}
+		function rt() {
+			ae.value = null, S("hover-camera", null);
+		}
+		function it(e) {
+			return (e.length * 7 + 20) / P.value;
+		}
+		function at(e, t) {
+			let n = 4 / P.value;
+			return `M ${e - n * 2} ${t + n * 1.5} L ${e - n} ${t + n * 1.5} L ${e - n} ${t} L ${e + n} ${t} L ${e + n} ${t - n * 1.5} L ${e + n * 2} ${t - n * 1.5}`;
+		}
+		function ct(e) {
+			return e * Math.PI / 180;
+		}
+		function J(e, t) {
+			return p.selection?.kind === e && p.selection.id === t;
+		}
+		function dt(e) {
+			let t = ct(e.fov / 2), n = Math.cos(-t) * e.range, r = Math.sin(-t) * e.range, i = Math.cos(t) * e.range, a = Math.sin(t) * e.range, o = +(e.fov > 180);
+			return `M 0 0 L ${n} ${r} A ${e.range} ${e.range} 0 ${o} 1 ${i} ${a} Z`;
+		}
+		function gt(e) {
+			let t = ne.value?.getBoundingClientRect();
+			return t ? {
+				x: (e.clientX - t.left - Ce.value.x) / P.value,
+				y: (e.clientY - t.top - Ce.value.y) / P.value
+			} : {
+				x: 0,
+				y: 0
+			};
+		}
+		function Y(e) {
+			return Math.round(e / 10) * 10;
+		}
+		function _t(e, t) {
+			return I.value.some((n) => n.id !== t && e.x < n.x + n.width && e.x + e.width > n.x && e.y < n.y + n.height && e.y + e.height > n.y);
+		}
+		function vt(e, t, n) {
+			let r = 10 / P.value, i = n === "end" ? [e.x + e.width] : [e.x, e.x + e.width], a = n === "end" ? [e.y + e.height] : [e.y, e.y + e.height], o, s;
+			for (let e of I.value) if (e.id !== t) {
+				for (let t of i) for (let n of [e.x, e.x + e.width]) {
+					let e = n - t;
+					Math.abs(e) <= r && (o === void 0 || Math.abs(e) < Math.abs(o)) && (o = e);
+				}
+				for (let t of a) for (let n of [e.y, e.y + e.height]) {
+					let e = n - t;
+					Math.abs(e) <= r && (s === void 0 || Math.abs(e) < Math.abs(s)) && (s = e);
+				}
+			}
+			return O.value = {
+				x: o === void 0 ? null : (n === "end" ? e.x + e.width : e.x) + o,
+				y: s === void 0 ? null : (n === "end" ? e.y + e.height : e.y) + s
+			}, n === "end" ? {
+				...e,
+				width: e.width + (o ?? 0),
+				height: e.height + (s ?? 0)
+			} : {
+				...e,
+				x: e.x + (o ?? 0),
+				y: e.y + (s ?? 0)
+			};
+		}
+		function yt(e, t, n) {
+			return Math.min(Math.max(e, t), n);
+		}
+		function X(e, t, n) {
+			let r = Pe.value.get(e);
+			if (!r?.length || r.some((e) => t >= e.x && t <= e.x + e.width && n >= e.y && n <= e.y + e.height)) return {
+				x: t,
+				y: n
+			};
+			let i = {
+				x: t,
+				y: n
+			}, a = Infinity;
+			for (let e of r) {
+				let r = {
+					x: yt(t, e.x, e.x + e.width),
+					y: yt(n, e.y, e.y + e.height)
+				}, o = Math.hypot(r.x - t, r.y - n);
+				o < a && (a = o, i = r);
+			}
+			return i;
+		}
+		function bt(e) {
+			return Ee.value.filter((t) => t.roomId === e);
+		}
+		function Z(e) {
+			ne.value?.setPointerCapture?.(e.pointerId);
+		}
+		function xt(e, t) {
+			Pt(e, {
+				kind: "connection",
+				id: t
+			});
+		}
+		function St(e, t) {
+			if (Pt(e, {
+				kind: "room",
+				id: t.id
+			}), F.value) return;
+			e.stopPropagation();
+			let n = gt(e);
+			k = {
+				mode: "room",
+				id: t.id,
+				offsetX: n.x - t.x,
+				offsetY: n.y - t.y
+			}, Z(e);
+		}
+		function Ct(e, t) {
+			S("select", {
+				kind: "room",
+				id: t.id
+			}), !F.value && (e.stopPropagation(), le.value = t.id, k = {
+				mode: "resize",
+				id: t.id,
+				originX: t.x,
+				originY: t.y
+			}, Z(e));
+		}
+		function wt(e, t) {
+			if (Pt(e, {
+				kind: "camera",
+				id: t.id
+			}), F.value) return;
+			e.stopPropagation();
+			let n = gt(e);
+			k = {
+				mode: "camera",
+				id: t.id,
+				offsetX: n.x - t.x,
+				offsetY: n.y - t.y
+			}, Z(e);
+		}
+		function Tt(e, t) {
+			S("select", {
+				kind: "camera",
+				id: t.id
+			}), !F.value && (e.stopPropagation(), k = {
+				mode: "rotate",
+				id: t.id
+			}, Z(e));
+		}
+		function Et(e) {
+			if (!k) return;
+			if (k.mode === "north") {
+				let t = ie.value?.getBoundingClientRect();
+				if (!t) return;
+				let n = Math.atan2(e.clientY - (t.top + t.height / 2), e.clientX - (t.left + t.width / 2)) * 180 / Math.PI;
+				S("update-north", Math.round((n + 450) % 360));
+				return;
+			}
+			me || (me = !0, S("history"));
+			let t = gt(e);
+			if (k.mode === "room") {
+				let e = k.id, n = I.value.find((t) => t.id === e);
+				if (!n) return;
+				let r = vt({
+					x: Y(t.x - k.offsetX),
+					y: Y(t.y - k.offsetY),
+					width: n.width,
+					height: n.height
+				}, n.id, "both"), i = _t(n, n.id) ? {
+					x: r.x,
+					y: r.y
+				} : Dt(n, r);
+				i && S("move-room", {
+					id: n.id,
+					x: i.x,
+					y: i.y
+				});
+				return;
+			}
+			if (k.mode === "resize") {
+				let e = k.id, n = I.value.find((t) => t.id === e);
+				if (!n) return;
+				let r = vt({
+					x: n.x,
+					y: n.y,
+					width: Math.max(60, Y(t.x - k.originX)),
+					height: Math.max(60, Y(t.y - k.originY))
+				}, n.id, "end"), i = _t({
+					...r,
+					height: n.height
+				}, n.id) ? n.width : Math.max(60, r.width), a = _t({
+					...r,
+					width: i
+				}, n.id) ? n.height : Math.max(60, r.height);
+				S("resize-room", {
+					id: n.id,
+					width: i,
+					height: a
+				});
+				return;
+			}
+			if (k.mode === "passage") {
+				let e = k, n = p.connections.find((t) => t.id === e.id);
+				if (!n) return;
+				let r = pt(e.wall, n.offset, n.width), i = Nt(e.wall, {
+					x: (r.x1 + r.x2) / 2,
+					y: (r.y1 + r.y2) / 2
+				}), a = Nt(e.wall, t);
+				S("move-connection", {
+					id: e.id,
+					offset: Math.round(i + (a - e.grab))
+				}), e.grab = a;
+				return;
+			}
+			if (k.mode === "passage-resize") {
+				let e = k, n = p.connections.find((t) => t.id === e.id);
+				if (!n) return;
+				let r = pt(e.wall, n.offset, n.width), i = Nt(e.wall, e.end === 0 ? {
+					x: r.x2,
+					y: r.y2
+				} : {
+					x: r.x1,
+					y: r.y1
+				}), a = Math.min(Math.max(Nt(e.wall, t), 0), e.wall.length), o = Math.min(Math.max(Math.abs(a - i), q.min), q.max), s = a < i ? i - o : i;
+				S("resize-connection", {
+					id: e.id,
+					offset: Math.round(s + o / 2),
+					width: Math.round(o)
+				});
+				return;
+			}
+			if (k.mode === "sensor") {
+				let e = k.id, n = X(xe.value.find((t) => t.id === e)?.roomId ?? "", Y(t.x - k.offsetX), Y(t.y - k.offsetY));
+				S("move-sensor", {
+					id: e,
+					...n
+				});
+				return;
+			}
+			if (k.mode === "camera") {
+				let e = k.id, n = X(Ee.value.find((t) => t.id === e)?.roomId ?? "", Y(t.x - k.offsetX), Y(t.y - k.offsetY));
+				S("move-camera", {
+					id: e,
+					...n
+				});
+				return;
+			}
+			let n = k.id, r = Ee.value.find((e) => e.id === n);
+			if (!r) return;
+			let i = t.x - r.x, a = t.y - r.y;
+			S("rotate-camera", {
+				id: n,
+				rotation: Math.round(Math.atan2(a, i) * 180 / Math.PI),
+				range: Math.round(yt(Math.hypot(i, a), K.min, K.max))
+			});
+		}
+		function Dt(e, t) {
+			for (let n of [
+				t,
+				{
+					...t,
+					y: e.y
+				},
+				{
+					...t,
+					x: e.x
+				}
+			]) if (!_t(n, e.id)) return {
+				x: n.x,
+				y: n.y
+			};
+		}
+		function Ot(e) {
+			F.value || (e.stopPropagation(), S("history"), k = { mode: "north" }, ie.value?.setPointerCapture?.(e.pointerId));
+		}
+		function kt(e) {
+			let t = e.dataTransfer?.getData(lt);
+			if (!t || p.readOnly) return;
+			e.preventDefault();
+			let n = JSON.parse(t), r = ne.value?.getBoundingClientRect();
+			r && S("drop", {
+				...n,
+				x: Y((e.clientX - r.left - Ce.value.x) / P.value),
+				y: Y((e.clientY - r.top - Ce.value.y) / P.value)
+			});
+		}
+		function At(e, t) {
+			if (Pt(e, {
+				kind: "sensor",
+				id: t.id
+			}), F.value) return;
+			e.stopPropagation();
+			let n = gt(e);
+			k = {
+				mode: "sensor",
+				id: t.id,
+				offsetX: n.x - t.x,
+				offsetY: n.y - t.y
+			}, Z(e);
+		}
+		function jt(e, t) {
+			Pt(e, {
+				kind: "connection",
+				id: t.id
+			}), !F.value && (e.stopPropagation(), k = {
+				mode: "passage",
+				id: t.id,
+				wall: t.wall,
+				grab: Nt(t.wall, gt(e))
+			}, Z(e));
+		}
+		function Mt(e, t, n) {
+			F.value || (e.stopPropagation(), k = {
+				mode: "passage-resize",
+				id: t.id,
+				wall: t.wall,
+				end: n
+			}, Z(e));
+		}
+		function Nt(e, t) {
+			return (t.x - e.x) * e.stepX + (t.y - e.y) * e.stepY;
+		}
+		function Pt(e, t) {
+			A = {
+				target: t,
+				x: e.clientX,
+				y: e.clientY
+			};
+		}
+		function Ft(e) {
+			le.value = null, A &&= (e && Math.abs(e.clientX - A.x) < 4 && Math.abs(e.clientY - A.y) < 4 && S("select", A.target), null), k?.mode === "room" && me && S("settle-room", k.id), k = null, me = !1, O.value = {
+				x: null,
+				y: null
+			};
+		}
+		function It() {
+			let e = [], t = [];
+			for (let n of I.value) e.push(n.x, n.x + n.width), t.push(n.y, n.y + n.height);
+			for (let n of Ee.value) e.push(n.x - Mr, n.x + Mr), t.push(n.y - Mr, n.y + Mr);
+			if (!e.length) return;
+			let n = Math.min(...e), r = Math.min(...t);
+			ve({
+				x: n,
+				y: r,
+				width: Math.max(Math.max(...e) - n, 1),
+				height: Math.max(Math.max(...t) - r, 1)
+			}, { padding: .15 });
+		}
+		return ee(() => p.levelId, () => o(It)), re(() => {
+			window.addEventListener("pointerup", Ft), o(It);
+		}), t(() => window.removeEventListener("pointerup", Ft)), l({ fit: It }), (t, o) => {
+			let l = Ue, f = H, p = Sn, h = fe, ee = yn, te = _e, w = D;
+			return r(), _("div", {
+				ref_key: "wrapperRef",
+				ref: ne,
+				class: s(["floorplan-canvas relative w-full h-full overflow-hidden border-left-color border-bottom-color border-right-color rounded-b-xl", { "rounded-none! border-0!": a.mobile }]),
+				onPointermove: Et,
+				onPointerup: Ft,
+				onPointercancel: Ft,
+				onDrop: kt,
+				onDragover: o[14] ||= e(() => {}, ["prevent"]),
+				onDragenter: o[15] ||= e(() => {}, ["prevent"])
+			}, [
+				T(m(z), {
+					nodes: De,
+					"nodes-draggable": !1,
+					"nodes-connectable": !1,
+					"elements-selectable": !1,
+					"zoom-on-double-click": !1,
+					"min-zoom": m(st).min,
+					"max-zoom": m(st).max,
+					"default-viewport": {
+						x: 0,
+						y: 0,
+						zoom: 1
+					},
+					class: "floorplan-flow",
+					onPaneClick: o[3] ||= (e) => S("select", null)
+				}, {
+					"node-scene": g(() => [(r(), _("svg", {
+						class: "floorplan-scene",
+						style: v({
+							left: `${m(L).x}px`,
+							top: `${m(L).y}px`,
+							width: `${m(L).width}px`,
+							height: `${m(L).height}px`
+						})
+					}, [b("defs", null, [
+						b("pattern", {
+							id: "floorplan-public",
+							width: 14 / m(P),
+							height: 14 / m(P),
+							patternUnits: "userSpaceOnUse",
+							patternTransform: "rotate(45)"
+						}, [b("rect", {
+							width: 14 / m(P),
+							height: 14 / m(P),
+							class: "public-base"
+						}, null, 8, wn), b("line", {
+							x1: "0",
+							y1: "0",
+							x2: "0",
+							y2: 14 / m(P),
+							class: "public-hatch",
+							"stroke-width": 1.5 / m(P)
+						}, null, 8, Tn)], 8, Cn),
+						(r(!0), _(y, null, n(m(Le), (e) => (r(), _("clipPath", {
+							id: `floorplan-sight-${e.roomId}`,
+							key: e.roomId
+						}, [b("path", { d: e.path }, null, 8, Dn)], 8, En))), 128)),
+						b("pattern", {
+							id: "floorplan-gaps-hatch",
+							width: 10 / m(P),
+							height: 10 / m(P),
+							patternUnits: "userSpaceOnUse",
+							patternTransform: "rotate(-45)"
+						}, [b("line", {
+							x1: "0",
+							y1: "0",
+							x2: "0",
+							y2: 10 / m(P),
+							class: "gaps-hatch",
+							"stroke-width": 1.5 / m(P)
+						}, null, 8, kn)], 8, On),
+						m(E) ? (r(), _("mask", {
+							key: 0,
+							id: "floorplan-gaps",
+							maskUnits: "userSpaceOnUse",
+							x: m(L).x,
+							y: m(L).y,
+							width: m(L).width,
+							height: m(L).height
+						}, [(r(!0), _(y, null, n(m(Ie), (e) => (r(), _(y, { key: `gap-room-${e.roomId}` }, [e.publicSpace ? d("", !0) : (r(), _("path", {
+							key: 0,
+							d: e.fill,
+							fill: "white"
+						}, null, 8, jn))], 64))), 128)), (r(!0), _(y, null, n(m(Le), (e) => (r(), _("g", {
+							key: `gap-sight-${e.roomId}`,
+							"clip-path": `url(#floorplan-sight-${e.roomId})`
+						}, [(r(!0), _(y, null, n(bt(e.roomId), (e) => (r(), _("path", {
+							key: `gap-cone-${e.id}`,
+							d: dt(e),
+							fill: "black",
+							transform: `translate(${e.x} ${e.y}) rotate(${e.rotation})`
+						}, null, 8, Nn))), 128))], 8, Mn))), 128))], 8, An)) : d("", !0)
+					]), b("g", { transform: `translate(${-m(L).x} ${-m(L).y})` }, [
+						(r(!0), _(y, null, n(m(Ie), (e) => (r(), _("g", { key: e.roomId }, [b("path", {
+							d: e.fill,
+							class: s(["room", {
+								"room-outdoor": e.outdoor && !e.publicSpace,
+								"room-public": e.publicSpace,
+								"room-active": m(Ge).has(e.roomId)
+							}])
+						}, null, 10, Fn), b("path", {
+							d: e.wall,
+							class: s(["room-wall", {
+								"room-selected": e.selected,
+								"room-public-wall": e.publicSpace
+							}]),
+							"stroke-width": (e.selected ? 2.5 : 1.5) / m(P)
+						}, null, 10, In)]))), 128)),
+						(r(!0), _(y, null, n(m(Le), (e) => (r(), _("g", {
+							key: `sight-${e.roomId}`,
+							"clip-path": `url(#floorplan-sight-${e.roomId})`
+						}, [(r(!0), _(y, null, n(bt(e.roomId), (e) => (r(), _("path", {
+							key: e.id,
+							d: dt(e),
+							class: s(["cone", [`cone-${qe(e.id) ?? "idle"}`, { "cone-selected": J("camera", e.id) }]]),
+							transform: `translate(${e.x} ${e.y}) rotate(${e.rotation})`
+						}, null, 10, Rn))), 128))], 8, Ln))), 128)),
+						m(E) ? (r(), _("rect", {
+							key: 0,
+							x: m(L).x,
+							y: m(L).y,
+							width: m(L).width,
+							height: m(L).height,
+							fill: "url(#floorplan-gaps-hatch)",
+							mask: "url(#floorplan-gaps)",
+							class: "gaps-layer"
+						}, null, 8, zn)) : d("", !0),
+						(r(!0), _(y, null, n(m(Ie), (e) => (r(), _("g", { key: `hits-${e.roomId}` }, [(r(!0), _(y, null, n(e.parts, (e) => (r(), _("rect", {
+							key: e.id,
+							x: e.x,
+							y: e.y,
+							width: e.width,
+							height: e.height,
+							class: s(["room-hit", { nopan: !m(F) }]),
+							onPointerdown: (t) => St(t, e)
+						}, null, 42, Bn))), 128)), (r(!0), _(y, null, n(tt(e), (e) => (r(), _("text", {
+							key: e.text,
+							x: e.x,
+							y: e.y,
+							"font-size": e.size,
+							transform: e.upright ? void 0 : `rotate(-90 ${e.x} ${e.y})`,
+							class: "room-label",
+							"text-anchor": "middle"
+						}, i(e.text), 9, Vn))), 128))]))), 128)),
+						(r(!0), _(y, null, n(m(Re), (e) => (r(), _("g", {
+							key: e.id,
+							class: s({ nopan: !m(F) }),
+							onPointerdown: (t) => jt(t, e)
+						}, [
+							b("path", {
+								d: e.line,
+								class: "connection-hit",
+								"stroke-width": 24 / m(P)
+							}, null, 8, Un),
+							b("path", {
+								d: e.line,
+								class: s(["connection", [`connection-${e.type}`, { "connection-selected": J("connection", e.id) }]]),
+								"stroke-width": 7 / m(P)
+							}, null, 10, Wn),
+							(r(!0), _(y, null, n(J("connection", e.id) && !m(F) ? e.handles : [], (t, n) => (r(), _("circle", {
+								key: n,
+								cx: t.x,
+								cy: t.y,
+								r: 7 / m(P),
+								class: "passage-handle nopan",
+								"stroke-width": 2 / m(P),
+								onPointerdown: (t) => Mt(t, e, n)
+							}, null, 40, Gn))), 128))
+						], 42, Hn))), 128)),
+						(r(!0), _(y, null, n(m(Me), (e) => (r(), _(y, { key: e.connection.id }, [e.geometry.kind === "link" ? (r(), _("path", {
+							key: 0,
+							d: `M ${e.geometry.x1} ${e.geometry.y1} L ${e.geometry.x2} ${e.geometry.y2}`,
+							class: s(["connection connection-stairs", { "connection-selected": J("connection", e.connection.id) }]),
+							"stroke-width": 2 / m(P),
+							onPointerdown: (t) => xt(t, e.connection.id)
+						}, null, 42, Kn)) : d("", !0)], 64))), 128)),
+						(r(!0), _(y, null, n(m(Ee), (e) => (r(), _("g", {
+							key: e.id,
+							class: s({ nopan: !m(F) }),
+							onPointerdown: (t) => wt(t, e),
+							onPointerenter: (t) => nt(t, e),
+							onPointerleave: rt
+						}, [
+							b("circle", {
+								cx: e.x,
+								cy: e.y,
+								r: 13 / m(P),
+								class: s(["camera-body", [`camera-${qe(e.id) ?? "idle"}`, { "camera-selected": J("camera", e.id) }]]),
+								"stroke-width": 2 / m(P)
+							}, null, 10, Jn),
+							b("circle", {
+								cx: e.x,
+								cy: e.y,
+								r: 4 / m(P),
+								class: "camera-lens"
+							}, null, 8, Yn),
+							m(ae) === e.id || J("camera", e.id) || m(Se).has(e.id) ? (r(), _("g", Xn, [
+								b("rect", {
+									x: e.x - Ye(e).width / 2,
+									y: e.y - 42 / m(P),
+									width: Ye(e).width,
+									height: 20 / m(P),
+									rx: 10 / m(P)
+								}, null, 8, Zn),
+								(r(!0), _(y, null, n(Je(e), (t, n) => (r(), _("foreignObject", {
+									key: t,
+									x: e.x - Ye(e).width / 2 + (8 + n * 17) / m(P),
+									y: e.y - 39.5 / m(P),
+									width: 15 / m(P),
+									height: 15 / m(P),
+									class: "chip-glyph"
+								}, [(r(), u(c(m(ye)(t).icon), {
+									width: "100%",
+									height: "100%"
+								}))], 8, Qn))), 128)),
+								b("text", {
+									x: e.x - Ye(e).width / 2 + Ye(e).textOffset,
+									y: e.y - 28 / m(P),
+									"font-size": 12 / m(P)
+								}, i(e.name), 9, $n)
+							])) : d("", !0)
+						], 42, qn))), 128)),
+						(r(!0), _(y, null, n(m(ke) ? m(ze) : [], (t) => (r(), _("g", { key: t.roomId }, [b("circle", {
+							cx: t.x,
+							cy: t.y,
+							r: 11 / m(P),
+							class: "connection-ghost nopan",
+							"stroke-width": 1.5 / m(P),
+							onPointerdown: e((e) => S("create-connection", {
+								fromRoomId: t.fromRoomId,
+								toRoomId: t.roomId,
+								fromShapeId: t.fromShapeId,
+								toShapeId: t.shapeId
+							}), ["stop"])
+						}, null, 40, er), b("path", {
+							d: `M ${t.x - 5 / m(P)} ${t.y} L ${t.x + 5 / m(P)} ${t.y} M ${t.x} ${t.y - 5 / m(P)} L ${t.x} ${t.y + 5 / m(P)}`,
+							class: "connection-ghost-plus",
+							"stroke-width": 1.5 / m(P)
+						}, null, 8, tr)]))), 128)),
+						(r(!0), _(y, null, n(m(xe), (e) => (r(), _("g", {
+							key: `sensor-${e.id}`,
+							class: s({ nopan: !m(F) }),
+							onPointerdown: (t) => At(t, e),
+							onPointerenter: (t) => Xe(t, e),
+							onPointerleave: Ze
+						}, [
+							b("circle", {
+								cx: e.x,
+								cy: e.y,
+								r: 11 / m(P),
+								class: s(["sensor-body", { "sensor-selected": J("sensor", e.id) }]),
+								"stroke-width": 2 / m(P)
+							}, null, 10, rr),
+							(r(), _("foreignObject", {
+								x: e.x - 7 / m(P),
+								y: e.y - 7 / m(P),
+								width: 14 / m(P),
+								height: 14 / m(P),
+								class: "sensor-glyph"
+							}, [(r(), u(c(m(he)(e.sensorType, Qe(e.id))), {
+								width: "100%",
+								height: "100%",
+								style: v($e(e))
+							}, null, 8, ["style"]))], 8, ir)),
+							m(ce) === e.id || J("sensor", e.id) ? (r(), _("g", ar, [b("rect", {
+								x: e.x - it(U(e)) / 2,
+								y: e.y - 42 / m(P),
+								width: it(U(e)),
+								height: 20 / m(P),
+								rx: 10 / m(P)
+							}, null, 8, or), b("text", {
+								x: e.x,
+								y: e.y - 28 / m(P),
+								"text-anchor": "middle",
+								"font-size": 12 / m(P)
+							}, i(U(e)), 9, sr)])) : d("", !0)
+						], 42, nr))), 128)),
+						(r(!0), _(y, null, n(m(Be), (e) => (r(), _("g", {
+							key: e.key,
+							class: "flight-camera",
+							onPointerenter: (t) => se.value = e.key,
+							onPointerleave: o[0] ||= (e) => se.value = null
+						}, [
+							b("circle", {
+								cx: e.x,
+								cy: e.y,
+								r: 11 / m(P),
+								class: "flight-camera-body",
+								"stroke-width": 1.5 / m(P)
+							}, null, 8, lr),
+							b("circle", {
+								cx: e.x,
+								cy: e.y,
+								r: 3.5 / m(P),
+								class: "flight-camera-lens"
+							}, null, 8, ur),
+							m(se) === e.key ? (r(), _("g", dr, [b("rect", {
+								x: e.x - it(e.label) / 2,
+								y: e.y - 42 / m(P),
+								width: it(e.label),
+								height: 20 / m(P),
+								rx: 10 / m(P)
+							}, null, 8, fr), b("text", {
+								x: e.x,
+								y: e.y - 28 / m(P),
+								"text-anchor": "middle",
+								"font-size": 12 / m(P)
+							}, i(e.label), 9, pr)])) : d("", !0)
+						], 40, cr))), 128)),
+						(r(!0), _(y, null, n(m(Ve), (e) => (r(), _("g", {
+							key: e.key,
+							class: s({ nopan: !m(F) }),
+							onPointerdown: (t) => et(t, e)
+						}, [
+							b("circle", {
+								cx: e.x,
+								cy: e.y,
+								r: 12 / m(P),
+								class: s([e.connectionId ? "connection-badge" : "connection-ghost", { "connection-selected": e.connectionId && J("connection", e.connectionId) }]),
+								"stroke-width": (e.connectionId ? 2 : 1.5) / m(P)
+							}, null, 10, hr),
+							b("path", {
+								d: at(e.x, e.y),
+								class: "badge-glyph",
+								"stroke-width": 1.5 / m(P),
+								fill: "none",
+								"stroke-linejoin": "round"
+							}, null, 8, gr),
+							e.direction ? (r(), _("text", {
+								key: 0,
+								x: e.x + 13 / m(P),
+								y: e.y - 7 / m(P),
+								class: "badge-direction",
+								"font-size": 12 / m(P)
+							}, i(e.direction), 9, _r)) : d("", !0),
+							m(N) ? (r(), _("g", vr, [b("rect", {
+								x: m(N).x - m(N).width / 2,
+								y: m(N).y,
+								width: m(N).width,
+								height: 20 / m(P),
+								rx: 10 / m(P)
+							}, null, 8, yr), b("text", {
+								x: m(N).x,
+								y: m(N).y + 14 / m(P),
+								"text-anchor": "middle",
+								"font-size": 12 / m(P)
+							}, i(m(N).text), 9, br)])) : d("", !0)
+						], 42, mr))), 128)),
+						m(O).x === null ? d("", !0) : (r(), _("path", {
+							key: 1,
+							d: `M ${m(O).x} ${m(We).top} L ${m(O).x} ${m(We).bottom}`,
+							class: "guide",
+							"stroke-width": 1 / m(P)
+						}, null, 8, xr)),
+						m(O).y === null ? d("", !0) : (r(), _("path", {
+							key: 2,
+							d: `M ${m(We).left} ${m(O).y} L ${m(We).right} ${m(O).y}`,
+							class: "guide",
+							"stroke-width": 1 / m(P)
+						}, null, 8, Sr)),
+						m(Oe) && !m(F) ? (r(), _("rect", {
+							key: 3,
+							x: m(Oe).x + m(Oe).width - 7 / m(P),
+							y: m(Oe).y + m(Oe).height - 7 / m(P),
+							width: 14 / m(P),
+							height: 14 / m(P),
+							rx: 3 / m(P),
+							class: "handle nopan",
+							"stroke-width": 1.5 / m(P),
+							onPointerdown: o[1] ||= (e) => Ct(e, m(Oe))
+						}, null, 40, Cr)) : d("", !0),
+						m(R) && !m(F) ? (r(), _("circle", {
+							key: 4,
+							cx: m(R).x + Math.cos(ct(m(R).rotation)) * m(R).range,
+							cy: m(R).y + Math.sin(ct(m(R).rotation)) * m(R).range,
+							r: 9 / m(P),
+							class: "handle nopan",
+							"stroke-width": 1.5 / m(P),
+							onPointerdown: o[2] ||= (e) => Tt(e, m(R))
+						}, null, 40, wr)) : d("", !0)
+					], 8, Pn)], 4))]),
+					default: g(() => [T(m(V), {
+						gap: m(16),
+						size: m(1),
+						"pattern-color": "#81818a"
+					}, null, 8, ["gap", "size"])]),
+					_: 1
+				}, 8, ["min-zoom", "max-zoom"]),
+				x((r(), _("div", {
+					ref_key: "compassRef",
+					ref: ie,
+					class: s(["floorplan-compass absolute top-3 right-3", { "cursor-grab active:cursor-grabbing": !m(F) }]),
+					onPointerdown: e(Ot, ["stop"])
+				}, [(r(), _("svg", Tr, [o[17] ||= b("circle", {
+					cx: "23",
+					cy: "23",
+					r: "21",
+					class: "compass-ring",
+					"stroke-width": "1"
+				}, null, -1), b("g", { transform: `rotate(${m(we)} 23 23)` }, [...o[16] ||= [b("path", {
+					d: "M 23 6 L 27 23 L 23 19 L 19 23 Z",
+					class: "compass-needle"
+				}, null, -1), b("text", {
+					x: "23",
+					y: "41",
+					"text-anchor": "middle",
+					class: "compass-label",
+					"font-size": "9"
+				}, "N", -1)]], 8, Er)]))], 34)), [[
+					w,
+					{ value: m(F) ? t.$t("views.floorplan.north_reading", { value: m(we) }) : t.$t("views.floorplan.north_hint") },
+					void 0,
+					{ left: !0 }
+				]]),
+				b("div", {
+					class: "absolute left-3 flex flex-col gap-2 items-start",
+					style: v({
+						bottom: `${12 + (a.bottomInset ?? 0)}px`,
+						transition: a.bottomInsetDragging ? "none" : "bottom 0.2s ease-in-out"
+					})
+				}, [b("div", Dr, [
+					x((r(), _("button", {
+						type: "button",
+						class: "control-button",
+						onPointerdown: o[4] ||= e(() => {}, ["stop"]),
+						onClick: o[5] ||= e((e) => m(M)(), ["stop"])
+					}, [T(l, { class: "w-4 h-4" })], 32)), [[
+						w,
+						{ value: t.$t("views.floorplan.zoom_in") },
+						void 0,
+						{ right: !0 }
+					]]),
+					x((r(), _("button", {
+						type: "button",
+						class: "control-button",
+						onPointerdown: o[6] ||= e(() => {}, ["stop"]),
+						onClick: o[7] ||= e((e) => m(ge)(), ["stop"])
+					}, [T(f, { class: "w-4 h-4" })], 32)), [[
+						w,
+						{ value: t.$t("views.floorplan.zoom_out") },
+						void 0,
+						{ right: !0 }
+					]]),
+					x((r(), _("button", {
+						type: "button",
+						class: "control-button",
+						onPointerdown: o[8] ||= e(() => {}, ["stop"]),
+						onClick: o[9] ||= e((e) => It(), ["stop"])
+					}, [T(p, { class: "w-4 h-4" })], 32)), [[
+						w,
+						{ value: t.$t("views.floorplan.fit") },
+						void 0,
+						{ right: !0 }
+					]]),
+					x((r(), _("button", {
+						type: "button",
+						class: s(["control-button", { "control-active": m(C) }]),
+						onPointerdown: o[10] ||= e(() => {}, ["stop"]),
+						onClick: o[11] ||= e((e) => C.value = !m(C), ["stop"])
+					}, [m(C) ? (r(), u(h, {
+						key: 0,
+						class: "w-4 h-4"
+					})) : (r(), u(ee, {
+						key: 1,
+						class: "w-4 h-4"
+					}))], 34)), [[
+						w,
+						{ value: m(C) ? t.$t("views.floorplan.unlock") : t.$t("views.floorplan.lock") },
+						void 0,
+						{ right: !0 }
+					]]),
+					x((r(), _("button", {
+						type: "button",
+						class: s(["control-button", { "control-active": m(E) }]),
+						onPointerdown: o[12] ||= e(() => {}, ["stop"]),
+						onClick: o[13] ||= e((e) => E.value = !m(E), ["stop"])
+					}, [T(te, { class: "w-4 h-4" })], 34)), [[
+						w,
+						{ value: t.$t("views.floorplan.blind_spots") },
+						void 0,
+						{ right: !0 }
+					]])
+				]), b("div", Or, [(r(), _("svg", {
+					width: m(je).width,
+					height: "10",
+					class: "shrink-0"
+				}, [b("path", {
+					d: `M 1 1 L 1 9 M 1 5 L ${m(je).width - 1} 5 M ${m(je).width - 1} 1 L ${m(je).width - 1} 9`,
+					class: "scale-line",
+					"stroke-width": "1"
+				}, null, 8, Ar)], 8, kr)), b("span", jr, i(m(je).label), 1)])], 4)
+			], 34);
+		};
+	}
+}), [["__scopeId", "data-v-27e461bb"]]), Pr = {
+	viewBox: "0 0 24 24",
+	width: "1.2em",
+	height: "1.2em"
+};
+function Fr(e, t) {
+	return r(), _("svg", Pr, [...t[0] ||= [b("path", {
+		fill: "currentColor",
+		d: "M13 19c0-.3 0-.7.1-1H8v-2H6V8h2V6h8v2h2v5.1c.3-.1.7-.1 1-.1s.7 0 1 .1V8h2V2h-6v2H8V2H2v6h2v8H2v6h6v-2h5.1c-.1-.3-.1-.7-.1-1m5-15h2v2h-2zM4 4h2v2H4zm2 16H4v-2h2zm14-5v3h3v2h-3v3h-2v-3h-3v-2h3v-3z"
+	}, null, -1)]]);
+}
+var Ir = l({
+	name: "mdi-vector-square-plus",
+	render: Fr
+}), Lr = {
+	key: 0,
+	class: "text-xs font-semibold text-muted uppercase tracking-wider mb-3"
+}, Rr = { class: "mb-4" }, zr = { class: "text-xs font-medium text-muted mb-2" }, Br = ["draggable"], Vr = { class: "flex items-center gap-2.5 flex-1 min-w-0 px-3 py-2.5" }, Hr = { class: "flex items-center justify-center w-8 h-8 rounded-lg shrink-0 palette-icon" }, Ur = { class: "text-[13px] font-medium truncate text-color leading-tight" }, Wr = {
+	key: 0,
+	class: "flex flex-col gap-1.5 mt-1.5"
+}, Gr = [
+	"draggable",
+	"onDragstart",
+	"onClick"
+], Kr = { class: "flex items-center gap-2.5 flex-1 min-w-0 px-3 py-2.5" }, qr = { class: "flex items-center justify-center w-8 h-8 rounded-lg shrink-0 palette-icon" }, Jr = { class: "text-[13px] font-medium truncate text-color leading-tight" }, Yr = { class: "mb-4" }, Xr = { class: "text-xs font-medium text-muted mb-2" }, Zr = {
+	key: 0,
+	class: "text-xs text-muted px-1"
+}, Qr = {
+	key: 1,
+	class: "flex flex-col gap-1.5"
+}, $r = [
+	"draggable",
+	"onDragstart",
+	"onClick"
+], ei = { class: "flex items-center gap-2.5 flex-1 min-w-0 px-3 py-2.5" }, ti = { class: "flex items-center justify-center w-8 h-8 rounded-lg shrink-0 palette-icon" }, ni = { class: "text-[13px] font-medium truncate text-color leading-tight" }, ri = { class: "text-xs font-medium text-muted mb-2" }, ii = {
+	key: 0,
+	class: "text-xs text-muted px-1"
+}, ai = {
+	key: 1,
+	class: "flex flex-col gap-1.5"
+}, oi = [
+	"draggable",
+	"onDragstart",
+	"onClick"
+], si = { class: "flex items-center gap-2.5 flex-1 min-w-0 px-3 py-2.5" }, ci = { class: "flex items-center justify-center w-8 h-8 rounded-lg shrink-0 palette-icon" }, li = { class: "flex flex-col min-w-0" }, ui = { class: "text-[13px] font-medium truncate text-color leading-tight" }, di = {
+	key: 0,
+	class: "text-[11px] text-muted truncate leading-tight"
+}, fi = /*#__PURE__*/ ae(/* @__PURE__ */ C({
+	__name: "CuiFloorplanPalette",
+	props: {
+		cameras: {},
+		sensors: {},
+		rooms: {},
+		mode: { default: "drag" },
+		disabled: { type: Boolean }
+	},
+	emits: ["pick"],
+	setup(e, { emit: t }) {
+		let a = e, o = t;
+		function l(e, t, n, r, i) {
+			!a.disabled && e.dataTransfer && (e.dataTransfer.setData(lt, JSON.stringify({
+				kind: t,
+				cameraId: n,
+				roomId: r,
+				sensorId: i?.id,
+				sensorType: i?.sensorType
+			})), e.dataTransfer.effectAllowed = "move");
+		}
+		return (t, a) => {
+			let f = ie, p = nt, h = Ir, ee = He, v = D;
+			return r(), _("div", { class: s(["overflow-y-auto p-3", e.mode === "drag" ? "h-full pb-[var(--cui-bottom-gap)]" : "pb-0"]) }, [
+				e.mode === "drag" ? (r(), _("div", Lr, i(t.$t("views.floorplan.palette")), 1)) : d("", !0),
+				e.disabled ? (r(), u(f, {
+					key: 1,
+					severity: "secondary",
+					variant: "simple",
+					size: "small",
+					class: "cui-input-hint mb-3"
+				}, {
+					default: g(() => [S(i(t.$t("views.floorplan.needs_level")), 1)]),
+					_: 1
+				})) : d("", !0),
+				b("div", Rr, [
+					b("div", zr, i(t.$t("views.floorplan.section_room")), 1),
+					b("div", {
+						class: s(["floorplan-palette-item", [e.mode === "drag" ? "cursor-grab active:cursor-grabbing" : "cursor-pointer", { "palette-disabled": e.disabled }]]),
+						draggable: e.mode === "drag" && !e.disabled,
+						onDragstart: a[0] ||= (e) => l(e, "room"),
+						onClick: a[1] ||= (t) => !e.disabled && o("pick", { kind: "room" })
+					}, [b("div", Vr, [b("div", Hr, [T(p, { class: "w-4 h-4" })]), b("span", Ur, i(t.$t("views.floorplan.new_room")), 1)])], 42, Br),
+					e.rooms.length ? (r(), _("div", Wr, [(r(!0), _(y, null, n(e.rooms, (n) => x((r(), _("div", {
+						key: n.id,
+						class: s(["floorplan-palette-item", [e.mode === "drag" ? "cursor-grab active:cursor-grabbing" : "cursor-pointer", { "palette-disabled": e.disabled }]]),
+						draggable: e.mode === "drag" && !e.disabled,
+						onDragstart: (e) => l(e, "room", void 0, n.id),
+						onClick: (t) => !e.disabled && o("pick", {
+							kind: "room",
+							roomId: n.id
+						})
+					}, [b("div", Kr, [b("div", qr, [T(h, { class: "w-4 h-4" })]), b("span", Jr, i(n.name), 1)])], 42, Gr)), [[
+						v,
+						{ value: t.$t("views.floorplan.room_not_drawn") },
+						void 0,
+						{ right: !0 }
+					]])), 128))])) : d("", !0)
+				]),
+				b("div", Yr, [b("div", Xr, i(t.$t("views.floorplan.section_cameras")), 1), e.cameras.length ? (r(), _("div", Qr, [(r(!0), _(y, null, n(e.cameras, (t) => (r(), _("div", {
+					key: t.id,
+					class: s(["floorplan-palette-item", [e.mode === "drag" ? "cursor-grab active:cursor-grabbing" : "cursor-pointer", { "palette-disabled": e.disabled }]]),
+					draggable: e.mode === "drag" && !e.disabled,
+					onDragstart: (e) => l(e, "camera", t.id),
+					onClick: (n) => !e.disabled && o("pick", {
+						kind: "camera",
+						cameraId: t.id
+					})
+				}, [b("div", ei, [b("div", ti, [T(ee, { class: "w-4 h-4" })]), b("span", ni, i(t.name), 1)])], 42, $r))), 128))])) : (r(), _("span", Zr, i(t.$t("views.floorplan.all_cameras_placed")), 1))]),
+				b("div", null, [b("div", ri, i(t.$t("views.floorplan.section_sensors")), 1), e.sensors.length ? (r(), _("div", ai, [(r(!0), _(y, null, n(e.sensors, (t) => (r(), _("div", {
+					key: t.id,
+					class: s(["floorplan-palette-item", [e.mode === "drag" ? "cursor-grab active:cursor-grabbing" : "cursor-pointer", { "palette-disabled": e.disabled }]]),
+					draggable: e.mode === "drag" && !e.disabled,
+					onDragstart: (e) => l(e, "sensor", void 0, void 0, t),
+					onClick: (n) => !e.disabled && o("pick", {
+						kind: "sensor",
+						sensorId: t.id,
+						sensorType: t.sensorType
+					})
+				}, [b("div", si, [b("div", ci, [(r(), u(c(m(he)(t.sensorType, void 0)), { class: "w-4 h-4" }))]), b("div", li, [b("span", ui, i(t.name), 1), t.subtitle ? (r(), _("span", di, i(t.subtitle), 1)) : d("", !0)])])], 42, oi))), 128))])) : (r(), _("span", ii, i(t.$t("views.floorplan.all_sensors_placed")), 1))])
+			], 2);
+		};
+	}
+}), [["__scopeId", "data-v-bc16fdc2"]]), pi = {
+	viewBox: "0 0 24 24",
+	width: "1.2em",
+	height: "1.2em"
+};
+function mi(e, t) {
+	return r(), _("svg", pi, [...t[0] ||= [b("path", {
+		fill: "currentColor",
+		d: "m12 18.54l7.37-5.74L21 14.07l-9 7l-9-7l1.62-1.26zM12 16L3 9l9-7l9 7zm0-11.47L6.26 9L12 13.47L17.74 9z"
+	}, null, -1)]]);
+}
+var hi = l({
+	name: "mdi-layers-outline",
+	render: mi
+}), gi = {
+	viewBox: "0 0 24 24",
+	width: "1.2em",
+	height: "1.2em"
+};
+function _i(e, t) {
+	return r(), _("svg", gi, [...t[0] ||= [b("path", {
+		fill: "currentColor",
+		d: "M15 5v4h-4v4H7v4H3v3h7v-4h4v-4h4V8h4V5z"
+	}, null, -1)]]);
+}
+var vi = l({
+	name: "mdi-stairs",
+	render: _i
+});
+//#endregion
+//#region src/api/routes/floorplan.ts
+async function yi({ signal: e } = {}) {
+	return (await ge.get("/floorplan", { signal: e })).data;
+}
+async function bi(e) {
+	return (await ge.put("/floorplan", e)).data;
+}
+//#endregion
+//#region src/components/CuiDialog/templates/FloorplanLevel/FloorplanLevel.vue?vue&type=script&setup=true&lang.ts
+var xi = { class: "flex flex-col gap-2 w-full" }, Si = {
+	for: "floorplanLevelName",
+	class: "cui-label"
+}, Ci = /* @__PURE__ */ C({
+	__name: "FloorplanLevel",
+	props: { name: { default: "" } },
+	setup(e, { expose: t }) {
+		let n = w(e.name);
+		return t({ onConfirm: async () => n.value.trim() || null }), (e, t) => {
+			let a = je;
+			return r(), _("div", xi, [b("label", Si, i(e.$t("components.form.label.name")), 1), T(a, {
+				id: "floorplanLevelName",
+				modelValue: m(n),
+				"onUpdate:modelValue": t[0] ||= (e) => p(n) ? n.value = e : null,
+				class: "w-full",
+				placeholder: e.$t("views.floorplan.level_name_placeholder"),
+				autofocus: ""
+			}, null, 8, ["modelValue", "placeholder"])]);
+		};
+	}
+}), wi = E({ plan: null }), Ti = null, Ei = null, Di = /* @__PURE__ */ new Set();
+function Oi() {
+	Ei || (Ti = f(!0), Ti.run(() => {
+		let e = be("/camera.ui");
+		Ei = e, e.on("floorplan-changed", (e) => {
+			wi.plan = e;
+			for (let t of Di) try {
+				t(e);
+			} catch {}
+		});
+	}));
+}
+function ki() {
+	function e() {
+		Oi();
+	}
+	function t(e) {
+		return Di.add(e), () => Di.delete(e);
+	}
+	return {
+		plan: h(() => wi.plan),
+		connect: e,
+		onPlan: t
+	};
+}
+//#endregion
+//#region src/views/Floorplan.vue?vue&type=script&setup=true&lang.ts
+var Ai = { class: "h-full w-full relative overflow-hidden flex flex-col" }, ji = { class: "flex items-center gap-2 px-3 py-2 border-bottom-color card-background min-h-[48px]" }, Mi = {
+	key: 0,
+	class: "flex-1 flex items-center justify-center"
+}, Ni = {
+	key: 1,
+	class: "flex flex-1 min-h-0"
+}, Pi = { class: "relative w-6 h-6" }, Fi = { class: "flex items-center gap-2.5" }, Ii = { class: "flex items-center justify-center w-8 h-8 rounded-lg shrink-0 palette-icon" }, Li = { class: "flex-1 min-w-0" }, Ri = { class: "text-sm font-semibold truncate text-color" }, zi = {
+	key: 0,
+	class: "text-[11px] text-muted truncate"
+}, Bi = { class: "text-xs text-muted truncate" }, Vi = {
+	key: 0,
+	class: "text-xs text-muted"
+}, Hi = {
+	key: 1,
+	class: "flex flex-col gap-1"
+}, Ui = { class: "flex items-center justify-center" }, Wi = {
+	key: 0,
+	class: "flex items-center gap-2 pl-3 pr-2 py-1.5"
+}, Gi = { class: "flex-1 min-w-0 text-sm font-semibold truncate text-color" }, Ki = 50, qi = 92, Ji = /*#__PURE__*/ ae(/* @__PURE__ */ C({
+	__name: "Floorplan",
+	setup(e) {
+		let { t: f } = Oe(), { smBreakpoint: S } = A(), { bottombarHeight: C } = de(), E = I(), ie = ce(), ae = pe(), oe = ki(), ue = new xe(), { sensors: fe } = Ae(), { data: ge } = ue.getCamerasQuery({
+			page: 1,
+			pageSize: -1
+		}), _e = w(), ye = w(), be = w(null), we = w(null), Te = w({
+			x: 0,
+			y: 0
+		}), je = w(null), Me = w({
+			x: 0,
+			y: 0
+		}), Ne = w(), Fe = w(null), Ie = w({
+			x: 0,
+			y: 0
+		}), Le = w(), Re = w(null), Be = w(null), He = w({
+			version: 0,
+			updatedAt: 0,
+			levels: [],
+			rooms: []
+		}), z = w([]), B = w([]), V = w([]), H = w([]), U = w([]), W = w(""), tt = w(null), G = w(null), nt = w(!1), rt = w(!0), it = w(!1), at = w(""), ot = te("sheetRef"), st = w(0), K = w(0), ct = w(!1), q = ne([]), lt = ne([]), J = [
+			{
+				value: R.Disarmed,
+				labelKey: "views.floorplan.security_disarmed"
+			},
+			{
+				value: R.StayArm,
+				labelKey: "views.floorplan.security_stay"
+			},
+			{
+				value: R.AwayArm,
+				labelKey: "views.floorplan.security_away"
+			},
+			{
+				value: R.NightArm,
+				labelKey: "views.floorplan.security_night"
+			}
+		], ut = 0, dt = !1, mt, ht, gt, Y = L(void 0, "admin"), _t = h(() => Math.max(st.value - qi, 0)), vt = h(() => q.value.length > 0), yt = h(() => lt.value.length > 0), X = h(() => (ge.value?.result ?? []).find((e) => e._id === Be.value)), bt = h(() => z.value.find((e) => e.id === W.value)), Z = h(() => Ft() !== at.value), xt = h(() => new Map((ge.value?.result ?? []).map((e) => [e._id, e.name]))), St = h(() => fe.value.filter((e) => ve.has(String(e.type)))), Ct = h(() => new Map(St.value.map((e) => [e.id, {
+			name: Nt(e),
+			owner: Pt(e)
+		}]))), wt = h(() => {
+			let e = new Set(U.value.map((e) => e.id));
+			return St.value.filter((t) => !e.has(t.id)).map((e) => ({
+				id: e.id,
+				name: Nt(e),
+				subtitle: Pt(e),
+				sensorType: String(e.type)
+			}));
+		}), Tt = h(() => {
+			let e = new Set(B.value.map((e) => e.roomId));
+			return He.value.rooms.filter((t) => !e.has(t.id)).map((e) => ({
+				id: e.id,
+				name: e.name
+			}));
+		}), Et = h(() => {
+			let e = new Set(H.value.map((e) => e.id));
+			return (ge.value?.result ?? []).filter((t) => !e.has(t._id)).map((e) => ({
+				id: e._id,
+				name: e.name
+			}));
+		}), Dt = h(() => S.value || !G.value ? void 0 : "calc(300px + 1.25rem + var(--safe-area-inset-right))"), Ot = h(() => z.value.findIndex((e) => e.id === W.value)), kt = h(() => [...z.value].reverse().map((e) => ({
+			key: e.id,
+			label: e.name,
+			icon: l(hi),
+			active: e.id === W.value,
+			onClick: () => W.value = e.id
+		}))), At = h(() => [
+			{
+				label: f("views.floorplan.undo"),
+				icon: Qe,
+				buttonProps: { disabled: !vt.value },
+				command: zt
+			},
+			{
+				label: f("views.floorplan.redo"),
+				icon: Xe,
+				buttonProps: { disabled: !yt.value },
+				command: Bt
+			},
+			{
+				label: f("views.floorplan.clear_level"),
+				icon: Ze,
+				buttonProps: { disabled: !z.value.length },
+				command: Mn
+			},
+			{
+				label: f("views.floorplan.revert"),
+				icon: We,
+				buttonProps: { disabled: !Z.value },
+				command: In
+			}
+		]), jt = h(() => {
+			let e = B.value.find((e) => e.roomId === be.value);
+			if (!e) return [];
+			let t = new Set(V.value.flatMap((e) => [e.fromRoomId, e.toRoomId].join("|"))), n = /* @__PURE__ */ new Set();
+			return B.value.filter((r) => r.levelId === e.levelId || n.has(r.roomId) || t.has([e.roomId, r.roomId].join("|")) || t.has([r.roomId, e.roomId].join("|")) ? !1 : (n.add(r.roomId), !0)).map((t) => ({
+				key: t.roomId,
+				label: t.name,
+				description: z.value.find((e) => e.id === t.levelId)?.name,
+				icon: l(vi),
+				onClick: () => mn({
+					fromRoomId: e.roomId,
+					toRoomId: t.roomId
+				})
+			}));
+		}), Mt = h(() => {
+			let e = B.value.filter((e) => e.levelId === W.value);
+			if (!e.length) return {
+				x: 0,
+				y: 0
+			};
+			let t = Math.min(...e.map((e) => e.x)), n = Math.min(...e.map((e) => e.y)), r = Math.max(...e.map((e) => e.x + e.width)), i = Math.max(...e.map((e) => e.y + e.height));
+			return {
+				x: Math.round((t + r) / 2),
+				y: Math.round((n + i) / 2)
+			};
+		});
+		function Nt(e) {
+			return e.displayName.value || e.name;
+		}
+		function Pt(e) {
+			return e.assignedCameraIds.value.map((e) => xt.value.get(e)).filter(Boolean).join(", ");
+		}
+		function Ft() {
+			return JSON.stringify(It());
+		}
+		function It() {
+			return {
+				catalogVersion: He.value.version,
+				north: tt.value,
+				levels: z.value.map((e, t) => ({
+					id: e.id,
+					name: e.name,
+					order: t
+				})),
+				rooms: B.value.map((e) => ({
+					id: e.id,
+					roomId: e.roomId,
+					name: e.name,
+					note: e.note,
+					publicSpace: e.publicSpace,
+					levelId: e.levelId,
+					outdoor: e.outdoor,
+					x: e.x,
+					y: e.y,
+					width: e.width,
+					height: e.height
+				})),
+				connections: V.value.map((e) => ({ ...e })),
+				sensors: U.value.map((e) => ({
+					sensorId: e.id,
+					sensorType: e.sensorType,
+					roomId: e.roomId,
+					connectionId: e.connectionId,
+					note: e.note,
+					x: e.x,
+					y: e.y
+				})),
+				cameras: H.value.map((e) => ({
+					cameraId: e.id,
+					roomId: e.roomId,
+					note: e.note,
+					x: e.x,
+					y: e.y,
+					rotation: e.rotation,
+					fov: e.fov,
+					range: e.range
+				}))
+			};
+		}
+		function Lt(e) {
+			tt.value = e.north, z.value = e.levels.map((e) => ({
+				id: e.id,
+				name: e.name
+			})), B.value = e.rooms.map((e) => ({ ...e }));
+			let t = new Map(B.value.map((e) => [e.roomId, e.levelId]));
+			V.value = e.connections.map((e) => Ht({ ...e })), H.value = e.cameras.map((e) => ({
+				id: e.cameraId,
+				name: xt.value.get(e.cameraId) ?? e.cameraId,
+				levelId: t.get(e.roomId) ?? "",
+				roomId: e.roomId,
+				note: e.note ?? "",
+				x: e.x,
+				y: e.y,
+				rotation: e.rotation,
+				fov: e.fov,
+				range: e.range
+			})), U.value = e.sensors.map((e) => ({
+				id: e.sensorId,
+				name: Ct.value.get(e.sensorId)?.name ?? e.sensorId,
+				owner: Ct.value.get(e.sensorId)?.owner ?? "",
+				sensorType: e.sensorType,
+				levelId: t.get(e.roomId) ?? "",
+				roomId: e.roomId,
+				connectionId: e.connectionId,
+				note: e.note ?? "",
+				x: e.x,
+				y: e.y
+			})), z.value.some((e) => e.id === W.value) || (W.value = z.value[0]?.id ?? ""), G.value = null;
+		}
+		function Rt(e, t) {
+			He.value = t;
+			let n = new Map(t.rooms.map((e) => [e.id, e]));
+			Lt({
+				catalogVersion: t.version,
+				north: e.north,
+				levels: [...t.levels].sort((e, t) => e.order - t.order),
+				rooms: e.rooms.flatMap((e) => {
+					let t = n.get(e.roomId);
+					return t?.levelId ? [{
+						id: e.id,
+						roomId: t.id,
+						name: t.name,
+						note: t.note ?? "",
+						levelId: t.levelId,
+						outdoor: t.outdoor,
+						publicSpace: t.publicSpace ?? !1,
+						x: e.x,
+						y: e.y,
+						width: e.width,
+						height: e.height
+					}] : [];
+				}),
+				connections: e.connections,
+				cameras: e.cameras,
+				sensors: e.sensors ?? []
+			}), at.value = Ft(), q.value = [], lt.value = [];
+		}
+		function Q(e = !1) {
+			let t = Date.now();
+			if (e && t - ut < 600) return;
+			ut = t;
+			let n = [...q.value, Ft()];
+			n.length > Ki && n.shift(), q.value = n, lt.value = [];
+		}
+		function zt() {
+			let e = [...q.value], t = e.pop();
+			t && (lt.value = [...lt.value, Ft()], q.value = e, ut = 0, Lt(JSON.parse(t)));
+		}
+		function Bt() {
+			let e = [...lt.value], t = e.pop();
+			t && (q.value = [...q.value, Ft()], lt.value = e, ut = 0, Lt(JSON.parse(t)));
+		}
+		function Vt(e) {
+			return B.value.find((t) => t.id === e);
+		}
+		function Ht(e) {
+			if (e.width ||= 90, e.offset ??= null, e.note ??= "", e.fromShapeId && e.toShapeId) return e;
+			let t = B.value.filter((t) => t.roomId === e.fromRoomId), n = B.value.filter((t) => t.roomId === e.toRoomId);
+			for (let r of t) for (let t of n) if (ft(r, t)) return {
+				...e,
+				fromShapeId: r.id,
+				toShapeId: t.id
+			};
+			return {
+				...e,
+				fromShapeId: t[0]?.id ?? null,
+				toShapeId: n[0]?.id ?? null
+			};
+		}
+		function Ut(e) {
+			return B.value.filter((t) => t.roomId === e);
+		}
+		function Wt(e) {
+			let t = Vt(e);
+			if (!t) return;
+			let n = Ut(t.roomId).filter((e) => e.id !== t.id);
+			if (!n.length || n.some((e) => ft(t, e))) return;
+			let r = new Set(B.value.map((e) => e.name.toLowerCase())), i = t.name;
+			for (let e = 2; r.has(i.toLowerCase()); e++) i = `${t.name} ${e}`;
+			let a = N();
+			for (let e of H.value) e.roomId === t.roomId && yn(t, e) && (e.roomId = a);
+			Object.assign(t, {
+				roomId: a,
+				name: i
+			}), ie.add({
+				severity: "info",
+				detail: f("views.floorplan.room_detached", { name: i }),
+				life: 4e3
+			});
+		}
+		function Gt(e, t) {
+			let n = Ut(t)[0];
+			if (!n) return;
+			let r = e.roomId;
+			Object.assign(e, {
+				roomId: t,
+				name: n.name,
+				note: n.note,
+				levelId: n.levelId,
+				outdoor: n.outdoor,
+				publicSpace: n.publicSpace
+			});
+			for (let n of H.value) n.roomId === r && yn(e, n) && (n.roomId = t);
+			Ut(r).length || (H.value = H.value.filter((e) => e.roomId !== r), V.value = V.value.filter((e) => e.fromRoomId !== r && e.toRoomId !== r));
+		}
+		function Kt(e) {
+			return H.value.find((t) => t.id === e);
+		}
+		function qt({ id: e, x: t, y: n }) {
+			let r = Vt(e);
+			if (!r) return;
+			let i = t - r.x, a = n - r.y;
+			r.x = t, r.y = n;
+			for (let e of H.value) e.roomId === r.roomId && yn(r, e) && (e.x += i, e.y += a);
+		}
+		function Jt({ id: e, width: t, height: n }) {
+			let r = Vt(e);
+			if (r) {
+				r.width = t, r.height = n;
+				for (let e of H.value) e.roomId === r.id && (e.x = Math.min(Math.max(e.x, r.x), r.x + r.width), e.y = Math.min(Math.max(e.y, r.y), r.y + r.height));
+			}
+		}
+		function Yt({ id: e, x: t, y: n }) {
+			let r = Kt(e);
+			r && (r.x = t, r.y = n);
+		}
+		function Xt({ id: e, rotation: t, range: n }) {
+			let r = Kt(e);
+			r && (r.rotation = t, r.range = n);
+		}
+		function Zt({ id: e, patch: t }) {
+			Q(!0);
+			let n = Vt(e);
+			if (!n) return;
+			if (t.roomId && t.roomId !== n.roomId) {
+				Gt(n, t.roomId);
+				return;
+			}
+			let r = {
+				name: t.name,
+				note: t.note,
+				levelId: t.levelId,
+				outdoor: t.outdoor,
+				publicSpace: t.publicSpace
+			}, i = Object.fromEntries(Object.entries(r).filter(([, e]) => e !== void 0));
+			if (Object.assign(n, t), Object.keys(i).length) {
+				for (let e of Ut(n.roomId)) Object.assign(e, i);
+				if (t.levelId) for (let e of H.value) e.roomId === n.roomId && (e.levelId = t.levelId);
+			}
+		}
+		function Qt({ id: e, patch: t }) {
+			Q(!0);
+			let n = Kt(e);
+			if (n && (Object.assign(n, t), t.roomId)) {
+				let e = Ut(t.roomId), r = e.find((e) => yn(e, n)) ?? e[0];
+				r && !yn(r, n) && (n.x = Math.round(r.x + r.width / 2), n.y = Math.round(r.y + r.height / 2), n.levelId = r.levelId);
+			}
+		}
+		function $t({ id: e, x: t, y: n }) {
+			let r = U.value.find((t) => t.id === e);
+			r && Object.assign(r, {
+				x: t,
+				y: n
+			});
+		}
+		function en({ id: e, patch: t }) {
+			Q(!0);
+			let n = U.value.find((t) => t.id === e);
+			n && Object.assign(n, t);
+		}
+		let $ = h(() => U.value.find((e) => e.id === Re.value));
+		function tn(e) {
+			return fe.value.find((t) => t.id === e);
+		}
+		function nn(e) {
+			return Y && !De.has(e);
+		}
+		async function rn(e) {
+			Y && await me(tn(e));
+		}
+		async function an(e, t) {
+			Y && await se(tn(e), t);
+		}
+		function on() {
+			clearTimeout(ht);
+		}
+		function sn() {
+			clearTimeout(ht), ht = setTimeout(() => {
+				Re.value = null, Le.value?.hide();
+			}, 220);
+		}
+		function cn(e) {
+			if (!e) return sn();
+			on(), Re.value = e.sensorId, Ie.value = {
+				x: e.x,
+				y: e.y
+			}, o(() => {
+				Fe.value && Le.value?.show({ currentTarget: Fe.value });
+			});
+		}
+		function ln(e) {
+			if (clearTimeout(mt), !e) {
+				dn();
+				return;
+			}
+			Me.value = {
+				x: e.x,
+				y: e.y
+			}, Be.value = e.cameraId, mt = setTimeout(() => {
+				je.value && Ne.value?.show({ currentTarget: je.value });
+			}, 350);
+		}
+		function un() {
+			clearTimeout(mt);
+		}
+		function dn() {
+			mt = setTimeout(() => {
+				Ne.value?.hide(), Be.value = null;
+			}, 200);
+		}
+		function fn({ roomId: e, event: t }) {
+			be.value = e, Te.value = {
+				x: t.clientX,
+				y: t.clientY
+			}, o(() => ye.value?.toggleMenu(t, we.value));
+		}
+		function pn({ id: e, patch: t }) {
+			Q(!0);
+			let n = V.value.find((t) => t.id === e);
+			n && Object.assign(n, t);
+		}
+		function mn({ fromRoomId: e, toRoomId: t, fromShapeId: n, toShapeId: r }) {
+			Q();
+			let i = B.value.find((e) => e.id === n) ?? Ut(e)[0], a = B.value.find((e) => e.id === r) ?? Ut(t)[0], o = i && a ? ft(i, a) : null, s = {
+				id: N(),
+				fromRoomId: e,
+				toRoomId: t,
+				fromShapeId: i?.id ?? null,
+				toShapeId: a?.id ?? null,
+				offset: o ? hn(o, i?.id, a?.id) : null,
+				width: 90,
+				note: "",
+				type: i && a && i.levelId !== a.levelId ? "stairs" : "door"
+			};
+			V.value.push(s), G.value = {
+				kind: "connection",
+				id: s.id
+			};
+		}
+		function hn(e, t, n) {
+			let r = V.value.filter((e) => e.fromShapeId === t && e.toShapeId === n).map((t) => pt(e, t.offset, t.width)).map((t) => {
+				let n = (t.x1 - e.x) * e.stepX + (t.y1 - e.y) * e.stepY, r = (t.x2 - e.x) * e.stepX + (t.y2 - e.y) * e.stepY;
+				return {
+					start: Math.min(n, r),
+					end: Math.max(n, r)
+				};
+			}).sort((e, t) => e.start - t.start), i = Math.min(90, e.length) / 2, a = 0;
+			for (let e of r) {
+				if (e.start - a >= i * 2) break;
+				a = Math.max(a, e.end);
+			}
+			return Math.round(Math.min(Math.max(a + i, i), e.length - i));
+		}
+		function _n({ id: e, offset: t }) {
+			Q(!0);
+			let n = V.value.find((t) => t.id === e);
+			n && (n.offset = t);
+		}
+		function vn({ id: e, offset: t, width: n }) {
+			Q(!0);
+			let r = V.value.find((t) => t.id === e);
+			r && Object.assign(r, {
+				offset: t,
+				width: n
+			});
+		}
+		function yn(e, t) {
+			return t.x >= e.x && t.x <= e.x + e.width && t.y >= e.y && t.y <= e.y + e.height;
+		}
+		function bn(e) {
+			if (Q(), e.kind === "room") {
+				let t = Vt(e.id);
+				if (!t) return;
+				B.value = B.value.filter((t) => t.id !== e.id), H.value = H.value.filter((e) => e.roomId !== t.roomId || !yn(t, e)), Ut(t.roomId).length || (H.value = H.value.filter((e) => e.roomId !== t.roomId), V.value = V.value.filter((e) => e.fromRoomId !== t.roomId && e.toRoomId !== t.roomId));
+			} else e.kind === "connection" ? V.value = V.value.filter((t) => t.id !== e.id) : e.kind === "sensor" ? U.value = U.value.filter((t) => t.id !== e.id) : H.value = H.value.filter((t) => t.id !== e.id);
+			G.value = null;
+		}
+		function xn(e, t, n) {
+			Q();
+			let r = Sn(Math.round(e - 120), Math.round(t - 100), 240, 200), i = n ? He.value.rooms.find((e) => e.id === n) : void 0, a = {
+				id: N(),
+				roomId: i?.id ?? N(),
+				name: i?.name ?? f("views.floorplan.new_room"),
+				note: i?.note ?? "",
+				publicSpace: i?.publicSpace ?? !1,
+				levelId: W.value,
+				outdoor: i?.outdoor ?? !1,
+				x: r.x,
+				y: r.y,
+				width: 240,
+				height: 200
+			};
+			B.value.push(a), G.value = {
+				kind: "room",
+				id: a.id
+			};
+		}
+		function Sn(e, t, n, r) {
+			let i = B.value.filter((e) => e.levelId === W.value), a = (e, t) => i.some((i) => e < i.x + i.width && e + n > i.x && t < i.y + i.height && t + r > i.y);
+			if (!a(e, t)) return {
+				x: e,
+				y: t
+			};
+			for (let i = 1; i <= 12; i++) for (let [o, s] of [
+				[1, 0],
+				[0, 1],
+				[-1, 0],
+				[0, -1],
+				[1, 1],
+				[-1, 1],
+				[1, -1],
+				[-1, -1]
+			]) {
+				let c = e + o * i * (n + 20), l = t + s * i * (r + 20);
+				if (!a(c, l)) return {
+					x: c,
+					y: l
+				};
+			}
+			return {
+				x: e,
+				y: t
+			};
+		}
+		function Cn(e, t, n) {
+			let r = B.value.find((e) => e.levelId === W.value && t >= e.x && t <= e.x + e.width && n >= e.y && n <= e.y + e.height);
+			if (!r) return;
+			Q();
+			let i = {
+				id: e,
+				name: xt.value.get(e) ?? e,
+				levelId: W.value,
+				roomId: r.roomId,
+				note: "",
+				x: Math.round(t),
+				y: Math.round(n),
+				rotation: 0,
+				fov: 90,
+				range: 800
+			};
+			H.value.push(i), G.value = {
+				kind: "camera",
+				id: i.id
+			};
+		}
+		function wn(e, t, n, r) {
+			let i = B.value.find((e) => e.levelId === W.value && n >= e.x && n <= e.x + e.width && r >= e.y && r <= e.y + e.height);
+			if (!i) return;
+			Q();
+			let a = {
+				id: e,
+				name: Ct.value.get(e)?.name ?? e,
+				owner: Ct.value.get(e)?.owner ?? "",
+				sensorType: t,
+				levelId: W.value,
+				roomId: i.roomId,
+				connectionId: null,
+				note: "",
+				x: Math.round(n),
+				y: Math.round(r)
+			};
+			U.value.push(a), G.value = {
+				kind: "sensor",
+				id: a.id
+			};
+		}
+		function Tn({ kind: e, cameraId: t, sensorId: n, sensorType: r, roomId: i, x: a, y: o }) {
+			z.value.length && (e === "room" ? xn(a, o, i) : e === "sensor" && n && r ? wn(n, r, a, o) : t && Cn(t, a, o));
+		}
+		function En(e) {
+			Tn({
+				...e,
+				x: Mt.value.x,
+				y: Mt.value.y
+			});
+		}
+		function Dn(e) {
+			nt.value = !1, En(e);
+		}
+		function On() {
+			E.openComponentDialog(Ci, {
+				data: {
+					title: f("views.floorplan.add_level"),
+					confirmText: f("components.form.button.add"),
+					contentProps: {}
+				},
+				onConfirm: (e) => {
+					if (!e) return;
+					Q();
+					let t = {
+						id: N(),
+						name: e
+					};
+					z.value.push(t), W.value = t.id, G.value = null;
+				}
+			});
+		}
+		function kn() {
+			let e = bt.value;
+			e && E.openComponentDialog(Ci, {
+				data: {
+					title: f("views.floorplan.rename_level"),
+					confirmText: f("components.form.button.save"),
+					contentProps: { name: e.name }
+				},
+				onConfirm: (t) => {
+					t && (Q(), e.name = t);
+				}
+			});
+		}
+		function An() {
+			if (!bt.value) return;
+			Q();
+			let e = W.value, t = new Set(B.value.filter((t) => t.levelId === e).map((e) => e.id));
+			z.value = z.value.filter((t) => t.id !== e), B.value = B.value.filter((t) => t.levelId !== e), H.value = H.value.filter((t) => t.levelId !== e), V.value = V.value.filter((e) => !t.has(e.fromRoomId) && !t.has(e.toRoomId)), W.value = z.value[0]?.id ?? "", G.value = null;
+		}
+		function jn(e) {
+			let t = Ot.value, n = t + e;
+			if (t < 0 || n < 0 || n >= z.value.length) return;
+			Q();
+			let r = [...z.value];
+			[r[t], r[n]] = [r[n], r[t]], z.value = r;
+		}
+		function Mn() {
+			Q();
+			let e = new Set(B.value.filter((e) => e.levelId === W.value).map((e) => e.id));
+			B.value = B.value.filter((e) => e.levelId !== W.value), H.value = H.value.filter((e) => e.levelId !== W.value), V.value = V.value.filter((t) => !e.has(t.fromRoomId) && !e.has(t.toRoomId)), G.value = null;
+		}
+		async function Nn() {
+			it.value = !0;
+			try {
+				Rt(await bi(It()), await $e()), await Pn(), ie.add({
+					severity: "success",
+					detail: f("views.floorplan.saved"),
+					life: 3e3
+				});
+			} catch (e) {
+				ie.add({
+					severity: "error",
+					detail: Se(e),
+					life: 5e3
+				});
+			} finally {
+				it.value = !1;
+			}
+		}
+		async function Pn() {
+			await Promise.all([
+				ue.queryClient.refetchQueries({ queryKey: ["camerasList"] }),
+				ue.queryClient.refetchQueries({ queryKey: ["cameras"] }),
+				ue.queryClient.refetchQueries({
+					queryKey: ["rooms"],
+					exact: !0
+				})
+			]);
+		}
+		async function Fn() {
+			try {
+				let [e, t] = await Promise.all([yi(), $e()]);
+				Rt(e, t);
+			} catch (e) {
+				ie.add({
+					severity: "error",
+					detail: Se(e),
+					life: 5e3
+				});
+			} finally {
+				rt.value = !1;
+			}
+		}
+		async function In() {
+			await Fn();
+		}
+		function Ln(e) {
+			if (!Y) return;
+			let t = e.target;
+			if (t?.isContentEditable || [
+				"INPUT",
+				"TEXTAREA",
+				"SELECT"
+			].includes(t?.tagName ?? "")) return;
+			let n = e.metaKey || e.ctrlKey;
+			if (n && e.key.toLowerCase() === "z") {
+				e.preventDefault(), e.shiftKey ? Bt() : zt();
+				return;
+			}
+			if (n && e.key.toLowerCase() === "y") {
+				e.preventDefault(), Bt();
+				return;
+			}
+			(e.key === "Delete" || e.key === "Backspace") && G.value && (e.preventDefault(), bn(G.value));
+		}
+		let Rn = oe.onPlan(async (e) => {
+			Z.value || (Rt(e, await $e()), await Pn());
+		});
+		function zn(e) {
+			let t = e.clientY, n = K.value, r = !1;
+			ct.value = !0, e.currentTarget.setPointerCapture(e.pointerId);
+			let i = (e) => {
+				Math.abs(e.clientY - t) > 3 && (r = !0), K.value = Math.min(Math.max(n + (e.clientY - t), 0), _t.value);
+			}, a = () => {
+				window.removeEventListener("pointermove", i), window.removeEventListener("pointerup", a), window.removeEventListener("pointercancel", a), ct.value = !1, r ? K.value = K.value > _t.value * .35 ? _t.value : 0 : K.value = n > 0 ? 0 : _t.value;
+			};
+			window.addEventListener("pointermove", i), window.addEventListener("pointerup", a), window.addEventListener("pointercancel", a);
+		}
+		return ee(xt, (e) => {
+			for (let t of H.value) t.name = e.get(t.id) ?? t.id;
+		}), ee(Ct, (e) => {
+			for (let t of U.value) t.name = e.get(t.id)?.name ?? t.id, t.owner = e.get(t.id)?.owner ?? "";
+		}), ee(ot, (e) => {
+			if (gt?.disconnect(), !e) {
+				st.value = 0;
+				return;
+			}
+			gt = new ResizeObserver(([e]) => st.value = Math.round(e.contentRect.height)), gt.observe(e);
+		}), ee(() => G.value && `${G.value.kind}:${G.value.id}`, () => K.value = 0), re(() => {
+			oe.connect(), window.addEventListener("keydown", Ln), Fn();
+		}), M((e) => !Z.value || dt ? !0 : (E.openTextDialog({
+			data: {
+				title: f("views.floorplan.unsaved_title"),
+				contentText: f("views.floorplan.unsaved_message"),
+				confirmText: f("views.floorplan.discard")
+			},
+			onConfirm: async () => {
+				dt = !0, ae.push(e.fullPath);
+			}
+		}), !1)), t(() => {
+			clearTimeout(mt), clearTimeout(ht), Rn(), gt?.disconnect(), window.removeEventListener("keydown", Ln);
+		}), (e, t) => {
+			let o = qe, l = ke, f = P, h = hi, ee = O, te = Je, ne = Pe, w = Ke, E = Ge, re = Ue, ie = k, ae = fi, oe = Nr, se = gn, ce = ze, ue = Ye, de = Ve, fe = F, pe = Ce, me = et, A = le, M = D;
+			return r(), _("div", Ai, [
+				T(f, { position: "left" }, {
+					default: g(() => [T(l, {
+						severity: "secondary",
+						text: "",
+						class: "cui-button p-2 text-color non-draggable-region",
+						onClick: t[0] ||= (t) => e.$router.push("/menu")
+					}, {
+						icon: g(() => [T(o, { class: "w-6 h-6" })]),
+						_: 1
+					})]),
+					_: 1
+				}),
+				b("div", ji, [
+					T(l, {
+						severity: "secondary",
+						text: "",
+						class: "cui-button-medium shrink-0",
+						label: m(bt)?.name ?? e.$t("views.floorplan.no_levels"),
+						disabled: !m(z).length,
+						onClick: t[1] ||= (e) => m(_e)?.toggleMenu(e)
+					}, {
+						icon: g(() => [T(h)]),
+						_: 1
+					}, 8, ["label", "disabled"]),
+					t[13] ||= b("div", { class: "flex-1" }, null, -1),
+					m(Y) ? (r(), _(y, { key: 0 }, [
+						x((r(), u(l, {
+							severity: "secondary",
+							text: "",
+							rounded: "",
+							class: "cui-icon-md shrink-0",
+							disabled: m(Ot) < 1,
+							onClick: t[2] ||= (e) => jn(-1)
+						}, {
+							icon: g(() => [T(ee, {
+								width: "100%",
+								height: "100%"
+							})]),
+							_: 1
+						}, 8, ["disabled"])), [[
+							M,
+							{ value: e.$t("views.floorplan.level_down") },
+							void 0,
+							{ bottom: !0 }
+						]]),
+						x((r(), u(l, {
+							severity: "secondary",
+							text: "",
+							rounded: "",
+							class: "cui-icon-md shrink-0",
+							disabled: m(Ot) < 0 || m(Ot) >= m(z).length - 1,
+							onClick: t[3] ||= (e) => jn(1)
+						}, {
+							icon: g(() => [T(te, {
+								width: "100%",
+								height: "100%"
+							})]),
+							_: 1
+						}, 8, ["disabled"])), [[
+							M,
+							{ value: e.$t("views.floorplan.level_up") },
+							void 0,
+							{ bottom: !0 }
+						]]),
+						T(ne, {
+							layout: "vertical",
+							class: "floorplan-divider"
+						}),
+						x((r(), u(l, {
+							severity: "secondary",
+							text: "",
+							rounded: "",
+							class: "cui-icon-md shrink-0",
+							disabled: !m(z).length,
+							onClick: An
+						}, {
+							icon: g(() => [T(w, {
+								width: "100%",
+								height: "100%"
+							})]),
+							_: 1
+						}, 8, ["disabled"])), [[
+							M,
+							{ value: e.$t("views.floorplan.remove_level") },
+							void 0,
+							{ bottom: !0 }
+						]]),
+						x((r(), u(l, {
+							severity: "secondary",
+							text: "",
+							rounded: "",
+							class: "cui-icon-md shrink-0",
+							disabled: !m(z).length,
+							onClick: kn
+						}, {
+							icon: g(() => [T(E, {
+								width: "100%",
+								height: "100%"
+							})]),
+							_: 1
+						}, 8, ["disabled"])), [[
+							M,
+							{ value: e.$t("views.floorplan.rename_level") },
+							void 0,
+							{ bottom: !0 }
+						]]),
+						x((r(), u(l, {
+							severity: "secondary",
+							text: "",
+							rounded: "",
+							class: "cui-icon-md shrink-0",
+							onClick: On
+						}, {
+							icon: g(() => [T(re, {
+								width: "100%",
+								height: "100%"
+							})]),
+							_: 1
+						})), [[
+							M,
+							{ value: e.$t("views.floorplan.add_level") },
+							void 0,
+							{ bottom: !0 }
+						]])
+					], 64)) : d("", !0)
+				]),
+				m(rt) ? (r(), _("div", Mi, [T(ie, {
+					class: "w-[30px] h-[30px] m-0",
+					"stroke-width": "5"
+				})])) : (r(), _("div", Ni, [
+					m(Y) && !m(S) ? (r(), u(ae, {
+						key: 0,
+						cameras: m(Et),
+						sensors: m(wt),
+						rooms: m(Tt),
+						disabled: !m(z).length,
+						class: "w-[240px] shrink-0",
+						onPick: En
+					}, null, 8, [
+						"cameras",
+						"sensors",
+						"rooms",
+						"disabled"
+					])) : d("", !0),
+					T(oe, {
+						mobile: m(S),
+						"bottom-inset": m(S) && m(G) ? Math.max(m(st) - m(K), 0) : 0,
+						"bottom-inset-dragging": m(ct),
+						levels: m(z),
+						rooms: m(B),
+						connections: m(V),
+						cameras: m(H),
+						sensors: m(U),
+						"level-id": m(W),
+						selection: m(G),
+						"read-only": !m(Y),
+						north: m(tt),
+						class: s(["flex-1 min-w-0", { "mb-[var(--cui-bottom-gap)] h-auto!": !m(S) }]),
+						onSelect: t[4] ||= (e) => G.value = e,
+						onHistory: t[5] ||= (e) => Q(),
+						onCreateConnection: mn,
+						onDrop: Tn,
+						onUpdateNorth: t[6] ||= (e) => tt.value = e,
+						onRequestStairs: fn,
+						onHoverCamera: ln,
+						onMoveRoom: qt,
+						onResizeRoom: Jt,
+						onSettleRoom: Wt,
+						onMoveCamera: Yt,
+						onMoveSensor: $t,
+						onHoverSensor: cn,
+						onRotateCamera: Xt,
+						onMoveConnection: _n,
+						onResizeConnection: vn
+					}, null, 8, [
+						"mobile",
+						"bottom-inset",
+						"bottom-inset-dragging",
+						"levels",
+						"rooms",
+						"connections",
+						"cameras",
+						"sensors",
+						"level-id",
+						"selection",
+						"read-only",
+						"north",
+						"class"
+					]),
+					m(S) ? d("", !0) : (r(), _("div", {
+						key: 1,
+						class: "shrink-0 overflow-hidden transition-[width] duration-200 ease-in-out",
+						style: v({ width: m(G) ? "300px" : "0px" })
+					}, [m(G) ? (r(), u(se, {
+						key: 0,
+						rooms: m(B),
+						connections: m(V),
+						cameras: m(H),
+						sensors: m(U),
+						levels: m(z),
+						selection: m(G),
+						"read-only": !m(Y),
+						class: "w-[300px]",
+						onClose: t[7] ||= (e) => G.value = null,
+						onUpdateRoom: Zt,
+						onUpdateCamera: Qt,
+						onUpdateSensor: en,
+						onUpdateConnection: pn,
+						onRemove: bn
+					}, null, 8, [
+						"rooms",
+						"connections",
+						"cameras",
+						"sensors",
+						"levels",
+						"selection",
+						"read-only"
+					])) : d("", !0)], 4))
+				])),
+				m(S) && m(G) ? (r(), _("div", {
+					key: 2,
+					ref_key: "sheetRef",
+					ref: ot,
+					class: "fixed inset-x-0 z-[16] rounded-t-xl overflow-hidden shadow-lg border-top-color card-background",
+					style: v({
+						bottom: `calc(${m(C)}px + var(--safe-area-inset-bottom))`,
+						transform: `translateY(${m(K)}px)`,
+						transition: m(ct) ? "none" : "transform 0.2s ease-in-out"
+					})
+				}, [b("div", {
+					class: "flex justify-center py-2 cursor-grab active:cursor-grabbing sheet-grip",
+					onPointerdown: zn
+				}, [...t[14] ||= [b("div", { class: "w-10 h-1 rounded-full sheet-grip-bar" }, null, -1)]], 32), T(se, {
+					rooms: m(B),
+					connections: m(V),
+					cameras: m(H),
+					sensors: m(U),
+					levels: m(z),
+					selection: m(G),
+					"read-only": !m(Y),
+					fluid: "",
+					class: "max-h-[55vh]",
+					onClose: t[8] ||= (e) => G.value = null,
+					onUpdateRoom: Zt,
+					onUpdateCamera: Qt,
+					onUpdateSensor: en,
+					onUpdateConnection: pn,
+					onRemove: bn
+				}, null, 8, [
+					"rooms",
+					"connections",
+					"cameras",
+					"sensors",
+					"levels",
+					"selection",
+					"read-only"
+				])], 4)) : d("", !0),
+				m(Y) && !m(rt) ? (r(), u(ce, {
+					key: 3,
+					model: m(At),
+					direction: "up",
+					"transition-delay": 80,
+					"tooltip-options": {
+						position: "left",
+						event: void 0
+					},
+					style: v({
+						position: "fixed",
+						zIndex: 15,
+						bottom: `calc(${m(C)}px + ${m(Z) ? "4.25rem" : "1.25rem"} + var(--safe-area-inset-bottom))`,
+						right: m(Dt) || "calc(1.25rem + var(--safe-area-inset-right))",
+						transition: "right 0.2s ease-in-out, bottom 0.2s ease-in-out"
+					}),
+					pt: { root: { style: "pointer-events: none" } }
+				}, {
+					button: g(({ visible: e, toggleCallback: t }) => [T(l, {
+						rounded: "",
+						severity: "secondary",
+						class: "pointer-events-auto",
+						onClick: t
+					}, {
+						icon: g(() => [b("div", Pi, [
+							b("div", {
+								class: s(["absolute top-0.5 left-1/2 -translate-x-1/2 w-1.5 h-1.5 rounded-full transform transition-all duration-100 origin-center", { "w-4 h-[2px] rotate-45 top-1/2 -translate-y-1/2 rounded-none": e }]),
+								style: { backgroundColor: "var(--text-color)" }
+							}, null, 2),
+							b("div", {
+								class: s(["absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-1.5 h-1.5 rounded-full transition-all duration-100", { "opacity-0 scale-0": e }]),
+								style: { backgroundColor: "var(--text-color)" }
+							}, null, 2),
+							b("div", {
+								class: s(["absolute bottom-0.5 left-1/2 -translate-x-1/2 w-1.5 h-1.5 rounded-full transform transition-all duration-100 origin-center", { "w-4 h-[2px] -rotate-45 bottom-1/2 translate-y-1/2 rounded-none": e }]),
+								style: { backgroundColor: "var(--text-color)" }
+							}, null, 2)
+						])]),
+						_: 2
+					}, 1032, ["onClick"])]),
+					item: g(({ item: e, toggleCallback: t }) => [x((r(), u(l, a({ severity: "secondary" }, e.buttonProps, {
+						rounded: "",
+						class: "pointer-events-auto",
+						onClick: t
+					}), {
+						icon: g(() => [(r(), u(c(e.icon)))]),
+						_: 2
+					}, 1040, ["onClick"])), [[M, { value: e.label }]])]),
+					_: 1
+				}, 8, ["model", "style"])) : d("", !0),
+				m(Y) && m(Z) ? x((r(), u(l, {
+					key: 4,
+					rounded: "",
+					severity: "success",
+					class: "text-white",
+					loading: m(it),
+					style: v({
+						position: "fixed",
+						zIndex: 15,
+						bottom: `calc(${m(C)}px + ${Math.max(m(st) - m(K), 0)}px + 1.25rem + var(--safe-area-inset-bottom))`,
+						right: m(Dt) || "calc(1.25rem + var(--safe-area-inset-right))",
+						transition: m(ct) ? "right 0.2s ease-in-out" : "right 0.2s ease-in-out, bottom 0.2s ease-in-out"
+					}),
+					onClick: Nn
+				}, {
+					icon: g(() => [T(ue, { class: "w-5 h-5" })]),
+					_: 1
+				}, 8, ["loading", "style"])), [[M, { value: e.$t("views.floorplan.save") }]]) : d("", !0),
+				m(Y) && m(S) && !m(rt) ? x((r(), u(l, {
+					key: 5,
+					rounded: "",
+					class: "pointer-events-auto text-white",
+					style: v({
+						position: "fixed",
+						zIndex: 15,
+						bottom: `calc(${m(C)}px + 1.25rem + var(--safe-area-inset-bottom))`,
+						right: "calc(4.75rem + var(--safe-area-inset-right))"
+					}),
+					onClick: t[9] ||= (e) => nt.value = !0
+				}, {
+					icon: g(() => [T(re, { class: "w-5 h-5" })]),
+					_: 1
+				}, 8, ["style"])), [[M, { value: e.$t("views.floorplan.palette") }]]) : d("", !0),
+				T(de, {
+					modelValue: m(nt),
+					"onUpdate:modelValue": t[10] ||= (e) => p(nt) ? nt.value = e : null,
+					title: e.$t("views.floorplan.palette"),
+					"max-height": "70vh"
+				}, {
+					default: g(() => [T(ae, {
+						cameras: m(Et),
+						sensors: m(wt),
+						rooms: m(Tt),
+						disabled: !m(z).length,
+						mode: "click",
+						onPick: Dn
+					}, null, 8, [
+						"cameras",
+						"sensors",
+						"rooms",
+						"disabled"
+					])]),
+					_: 1
+				}, 8, ["modelValue", "title"]),
+				b("div", {
+					ref_key: "menuAnchorRef",
+					ref: we,
+					class: "fixed w-0 h-0",
+					style: v({
+						left: `${m(Te).x}px`,
+						top: `${m(Te).y}px`
+					})
+				}, null, 4),
+				b("div", {
+					ref_key: "previewAnchorRef",
+					ref: je,
+					class: "fixed w-0 h-0",
+					style: v({
+						left: `${m(Me).x}px`,
+						top: `${m(Me).y}px`
+					})
+				}, null, 4),
+				b("div", {
+					ref_key: "sensorAnchorRef",
+					ref: Fe,
+					class: "fixed w-0 h-0",
+					style: v({
+						left: `${m(Ie).x}px`,
+						top: `${m(Ie).y}px`
+					})
+				}, null, 4),
+				T(fe, {
+					ref_key: "sensorPopoverRef",
+					ref: Le,
+					class: "shadow-lg cui-rounded-corner",
+					pt: { content: { class: "p-3" } }
+				}, {
+					default: g(() => [m($) ? (r(), _("div", {
+						key: 0,
+						class: "w-[220px] flex flex-col gap-3",
+						onPointerenter: on,
+						onPointerleave: sn
+					}, [
+						b("div", Fi, [b("div", Ii, [(r(), u(c(m(he)(m($).sensorType, tn(m($).id))), { class: "w-4 h-4" }))]), b("div", Li, [
+							b("div", Ri, i(m($).name), 1),
+							m($).owner ? (r(), _("div", zi, i(m($).owner), 1)) : d("", !0),
+							b("div", Bi, i(m(j)(m($).sensorType, tn(m($).id))), 1)
+						])]),
+						m($).note ? (r(), _("div", Vi, i(m($).note), 1)) : d("", !0),
+						m($).sensorType === "securitySystem" ? (r(), _("div", Hi, [(r(), _(y, null, n(J, (t) => T(l, {
+							key: t.value,
+							severity: "secondary",
+							outlined: m(Ee)(tn(m($).id)) !== t.value,
+							size: "small",
+							class: "cui-button-medium",
+							label: e.$t(t.labelKey),
+							onClick: (e) => an(m($).id, t.value)
+						}, null, 8, [
+							"outlined",
+							"label",
+							"onClick"
+						])), 64))])) : nn(m($).sensorType) ? (r(), u(l, {
+							key: 2,
+							severity: "secondary",
+							size: "small",
+							class: "cui-button-medium",
+							label: e.$t("views.floorplan.sensor_toggle"),
+							onClick: t[11] ||= (e) => rn(m($).id)
+						}, null, 8, ["label"])) : d("", !0)
+					], 32)) : d("", !0)]),
+					_: 1
+				}, 512),
+				T(fe, {
+					ref_key: "previewRef",
+					ref: Ne,
+					class: "shadow-lg cui-rounded-corner overflow-hidden",
+					pt: { content: { class: "p-0" } }
+				}, {
+					default: g(() => [b("div", {
+						class: "w-[280px] flex flex-col",
+						onPointerenter: un,
+						onPointerleave: dn
+					}, [b("div", Ui, [m(X) ? (r(), u(pe, {
+						key: 0,
+						"camera-info": m(X),
+						"source-role": "low-resolution",
+						"streaming-mode": "auto",
+						toolbar: !1,
+						control: !1,
+						subcontrol: !1,
+						"isolated-stream": !0,
+						"live-indicator-overlay": "",
+						class: "w-full",
+						"flat-card": ""
+					}, null, 8, ["camera-info"])) : d("", !0)]), m(X) ? (r(), _("div", Wi, [b("span", Gi, i(m(X).name), 1), x((r(), u(l, {
+						severity: "secondary",
+						text: "",
+						class: "cui-button p-1.5",
+						onClick: t[12] ||= (t) => e.$router.push(`/cameras/${m(X).name}`)
+					}, {
+						icon: g(() => [T(me, { class: "w-4 h-4" })]),
+						_: 1
+					})), [[
+						M,
+						{ value: e.$t("views.floorplan.open_camera") },
+						void 0,
+						{ top: !0 }
+					]])])) : d("", !0)], 32)]),
+					_: 1
+				}, 512),
+				T(A, {
+					ref_key: "stairsMenuRef",
+					ref: ye,
+					items: m(jt),
+					"max-height": "320px",
+					popover: { pt: { content: { class: "p-0! rounded-xl! overflow-hidden!" } } }
+				}, null, 8, ["items"]),
+				T(A, {
+					ref_key: "levelMenuRef",
+					ref: _e,
+					items: m(kt),
+					popover: { pt: { content: { class: "p-0! rounded-xl! overflow-hidden!" } } }
+				}, null, 8, ["items"])
+			]);
+		};
+	}
+}), [["__scopeId", "data-v-f7cfb4c4"]]);
+//#endregion
+export { Ji as default };