@camera.ui/server 2.1.12 → 2.1.14-beta.0

package/dist/interface/ha/Floorplan-Mv-Ootly.js

@@ -0,0 +1,3677 @@
+import { m as e } from "./ripple-BilzxWfY.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 re, z as ie } from "./runtime-core.esm-bundler-D8slQ3BU.js";
+import { t as E } from "./tooltip-BIrD_hC8.js";
+import { t as ae } from "./message-C8U_kMBA.js";
+import { t as D } from "./chevron-down-P5MtUhJO.js";
+import { At as oe, Dn as se, Dr as ce, Er as le, Fr as ue, Ft as de, It as fe, Lt as O, Mt as pe, Nt as me, Pt as he, Rr as ge, Rt as k, W as A, cn as j, dr as _e, er as ve, gi as ye, gt as be, ht as xe, jt as Se, kt as Ce, mn as we, o as M, qi as N, qt as Te, rr as P, si as F, vr as I, yr as L } from "./api-CWJkvtnM.js";
+import { n as Ee } from "./vue-i18n-Dcb07o5U.js";
+import { G as R, v as De } from "./dist-Ca9_5rzq.js";
+import { t as Oe } from "./button-BlYuI0Q7.js";
+import { t as ke } from "./inputtext-DGIESrd0.js";
+import { t as Ae } from "./close-Eq3txTBS.js";
+import { t as je } from "./divider-jkWvVbPJ.js";
+import { t as Me } from "./select-DjWkRqsI.js";
+import { i as Ne, n as Pe, r as Fe, t as Ie } from "./accordion-BT2wHwK8.js";
+import { t as Le } from "./speeddial-Dv9txWte.js";
+import { t as Re } from "./textarea-DvLkfUX7.js";
+import { t as ze } from "./CuiBottomSheet-juhGdTsO.js";
+import { t as Be } from "./cctv-Bz6BH0ns.js";
+import { u as Ve } from "./cards-CNOyNWMA.js";
+import { t as He } from "./trash-can-outline-DCqsCOd2.js";
+import { t as Ue } from "./back-filled-Cxzg5vQg.js";
+import { a as We, d as Ge, f as Ke, l as z, p as qe, t as B, u as Je } from "./vue-flow-background-B0Vu4-8M.js";
+import { n as Ye } from "./rooms-B-FUXQ1p.js";
+import { t as V } from "./minus-DKa9TXat.js";
+import { t as H } from "./eye-off-outline-DO3xfiua.js";
+import { t as Xe } from "./pencil-outline-BqfTDXIh.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 Ze = l({
+	name: "mdi-open-in-new",
+	render: W
+}), Qe = {
+	viewBox: "0 0 24 24",
+	width: "1.2em",
+	height: "1.2em"
+};
+function G(e, t) {
+	return r(), _("svg", Qe, [...t[0] ||= [b("path", {
+		fill: "currentColor",
+		d: "M2 2h6v2h8V2h6v6h-2v8h2v6h-6v-2H8v2H2v-6h2V8H2zm14 6V6H8v2H6v8h2v2h8v-2h2V8zM4 4v2h2V4zm14 0v2h2V4zM4 18v2h2v-2zm14 0v2h2v-2z"
+	}, null, -1)]]);
+}
+var $e = l({
+	name: "mdi-vector-square",
+	render: G
+}), et = {
+	viewBox: "0 0 24 24",
+	width: "1.2em",
+	height: "1.2em"
+};
+function tt(e, t) {
+	return r(), _("svg", et, [...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 nt = l({
+	name: "mdi-door-open",
+	render: tt
+}), rt = .55, it = {
+	min: .2,
+	max: 3
+}, K = {
+	min: 100,
+	max: 3e3
+}, at = [
+	"door",
+	"opening",
+	"stairs"
+], q = {
+	min: 40,
+	max: 400
+}, ot = "application/floorplanitem";
+//#endregion
+//#region src/components/CuiFloorplan/utils.ts
+function st(e) {
+	return e / 100;
+}
+function ct(e, t = 2) {
+	return `${st(e).toFixed(t)} m`;
+}
+function lt(e) {
+	return {
+		x: e.x + e.width / 2,
+		y: e.y + e.height / 2
+	};
+}
+function ut(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 dt(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 ft(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 = ut(t, n);
+		if (r) return {
+			kind: "edge",
+			...dt(r, e.offset, e.width),
+			wall: r
+		};
+	}
+	let u = lt(r[0]), d = lt(i[0]);
+	return {
+		kind: "link",
+		x1: u.x,
+		y1: u.y,
+		x2: d.x,
+		y2: d.y
+	};
+}
+function pt(e, t, n) {
+	let r = mt(e);
+	return {
+		fill: r.map((e) => ht(e, t, [])).join(" "),
+		wall: r.map((e) => ht(e, t, n)).join(" ")
+	};
+}
+function mt(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(J(t));
+	}
+	return o;
+}
+function J(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 ht(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 = Y(s, o), u = Y(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 gt(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 gt(e, t, n) {
+	let r = Y(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 Y(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 _t = { class: "h-full flex flex-col overflow-hidden" }, vt = { class: "flex items-center gap-2 px-4 py-3 border-bottom-color" }, yt = { class: "flex items-center justify-center w-8 h-8 rounded-md shrink-0 inspector-icon" }, bt = { class: "flex-1 min-w-0" }, Z = { class: "text-sm font-semibold truncate text-color" }, xt = { class: "text-xs text-muted truncate" }, St = { class: "flex-1 overflow-y-auto" }, Ct = { class: "text-color font-normal text-sm" }, wt = { class: "flex flex-col gap-6" }, Tt = {
+	key: 0,
+	class: "flex flex-col field-gap"
+}, Et = { class: "cui-label" }, Dt = { 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" }, Q = { class: "cui-label" }, It = { class: "text-sm text-muted" }, Lt = { class: "text-color font-normal text-sm" }, Rt = { class: "flex flex-col field-gap" }, zt = { class: "cui-label" }, Bt = {
+	key: 1,
+	class: "text-sm text-color"
+}, Vt = {
+	key: 0,
+	class: "flex flex-col field-gap mt-6"
+}, Ht = { class: "cui-label" }, Ut = { class: "flex flex-col field-gap mt-6" }, Wt = { class: "cui-label" }, Gt = { class: "text-color font-normal text-sm" }, Kt = { class: "flex flex-col gap-6" }, qt = { class: "flex flex-col field-gap" }, Jt = { class: "cui-label" }, Yt = {
+	key: 0,
+	class: "flex flex-col field-gap"
+}, Xt = { class: "cui-label" }, Zt = { class: "flex flex-col field-gap" }, $ = { class: "cui-label" }, Qt = { class: "text-color font-normal text-sm" }, $t = { class: "flex flex-col gap-6" }, en = { class: "flex flex-col field-gap" }, tn = { class: "cui-label" }, nn = { class: "flex flex-col field-gap" }, rn = { class: "cui-label" }, an = { class: "text-color font-normal text-sm" }, on = { class: "flex flex-col gap-6" }, sn = { class: "flex flex-col field-gap" }, cn = { class: "cui-label" }, ln = { class: "flex flex-col field-gap" }, un = { class: "cui-label" }, dn = { class: "flex flex-col field-gap" }, fn = { class: "cui-label" }, pn = {
+	key: 0,
+	class: "p-4 border-top-color"
+}, mn = /*#__PURE__*/ I(/* @__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 } = Ee(), 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 || ut(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), re = 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
+			}));
+		}), ie = 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
+			};
+		}) : []), E = h(() => n.selection?.kind === "connection" ? n.connections.find((e) => e.id === n.selection?.id) : void 0), D = h(() => {
+			if (!E.value) return !1;
+			let e = n.rooms.find((e) => e.roomId === E.value?.fromRoomId), t = n.rooms.find((e) => e.roomId === E.value?.toRoomId);
+			return !!e && !!t && e.levelId !== t.levelId;
+		}), oe = h(() => at.filter((e) => e !== "stairs").map((e) => ({
+			label: o(`views.floorplan.connection_${e}`),
+			value: e
+		}))), se = h(() => E.value ? `${n.rooms.find((e) => e.roomId === E.value?.fromRoomId)?.name ?? ""} · ${n.rooms.find((e) => e.roomId === E.value?.toRoomId)?.name ?? ""}` : ""), ce = h(() => ((f.value?.rotation ?? 0) % 360 + 360) % 360), le = 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 ?? "" : E.value ? o(`views.floorplan.connection_${E.value.type}`) : f.value ? n.rooms.find((e) => e.roomId === f.value?.roomId)?.name ?? o("views.floorplan.no_room") : "");
+		function ue(e) {
+			C.value && a("update-sensor", {
+				id: C.value.id,
+				patch: e
+			});
+		}
+		function de(e) {
+			return {
+				outdoor: e !== "indoor",
+				publicSpace: e === "public"
+			};
+		}
+		function fe(e) {
+			l.value && a("update-room", {
+				id: l.value.id,
+				patch: e
+			});
+		}
+		function O(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
+			}) : E.value && a("remove", {
+				kind: "connection",
+				id: E.value.id
+			});
+		}
+		return (t, n) => {
+			let o = Be, h = nt, w = $e, me = Ae, he = Oe, ge = Fe, k = Me, A = ae, j = ke, _e = Re, ye = Ne, be = Pe, xe = ve, Se = Ie;
+			return r(), _("div", _t, [
+				b("div", vt, [
+					b("div", yt, [m(f) ? (r(), u(o, {
+						key: 0,
+						class: "w-4 h-4"
+					})) : m(E) ? (r(), u(h, {
+						key: 1,
+						class: "w-4 h-4"
+					})) : (r(), u(w, {
+						key: 2,
+						class: "w-4 h-4"
+					}))]),
+					b("div", bt, [b("div", Z, i(m(l)?.name ?? m(f)?.name ?? m(C)?.name ?? m(se)), 1), b("div", xt, i(m(le)), 1)]),
+					T(he, {
+						severity: "secondary",
+						text: "",
+						rounded: "",
+						class: "shrink-0 cui-icon-sm",
+						onClick: n[0] ||= (e) => a("close")
+					}, {
+						icon: g(() => [T(me, {
+							width: "100%",
+							height: "100%"
+						})]),
+						_: 1
+					})
+				]),
+				b("div", St, [T(Se, {
+					multiple: "",
+					value: m(c),
+					class: s(e.fluid ? "w-full" : "w-[300px]")
+				}, {
+					default: g(() => [
+						m(l) ? (r(), u(be, {
+							key: 0,
+							value: "general"
+						}, {
+							default: g(() => [T(ge, { class: "px-4 rounded-none!" }, {
+								default: g(() => [b("span", Ct, i(t.$t("views.floorplan.section_room")), 1)]),
+								_: 1
+							}), T(ye, { pt: { content: { class: e.fluid ? "px-4 w-full" : "px-4 w-[300px]" } } }, {
+								default: g(() => [b("div", wt, [
+									m(x).length > 1 ? (r(), _("div", Tt, [
+										b("label", Et, i(t.$t("views.floorplan.belongs_to")), 1),
+										T(k, {
+											"model-value": m(l).roomId,
+											options: m(x),
+											"option-label": "label",
+											"option-value": "value",
+											disabled: e.readOnly,
+											"onUpdate:modelValue": n[1] ||= (e) => e && fe({ roomId: e })
+										}, null, 8, [
+											"model-value",
+											"options",
+											"disabled"
+										]),
+										T(A, {
+											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", Dt, [
+										b("label", Ot, i(t.$t("views.floorplan.room_name")), 1),
+										T(j, {
+											"model-value": m(l).name,
+											disabled: e.readOnly,
+											"onUpdate:modelValue": n[2] ||= (e) => fe({ name: e ?? "" })
+										}, null, 8, ["model-value", "disabled"]),
+										m(te) > 1 ? (r(), u(A, {
+											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", kt, [b("label", At, i(t.$t("views.floorplan.level")), 1), T(k, {
+										"model-value": m(l).levelId,
+										options: m(p),
+										"option-label": "label",
+										"option-value": "value",
+										"onUpdate:modelValue": n[3] ||= (e) => fe({ levelId: e })
+									}, null, 8, ["model-value", "options"])]),
+									b("div", jt, [
+										b("label", Mt, i(t.$t("views.floorplan.room_kind")), 1),
+										T(k, {
+											"model-value": m(ee),
+											options: m(v),
+											"option-label": "label",
+											"option-value": "value",
+											disabled: e.readOnly,
+											"onUpdate:modelValue": n[4] ||= (e) => fe(de(e))
+										}, null, 8, [
+											"model-value",
+											"options",
+											"disabled"
+										]),
+										T(A, {
+											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", Nt, [
+										b("label", Pt, i(t.$t("views.floorplan.note")), 1),
+										T(_e, {
+											"model-value": m(l).note,
+											disabled: e.readOnly,
+											maxlength: m(240),
+											rows: "3",
+											"auto-resize": "",
+											"onUpdate:modelValue": n[5] ||= (e) => fe({ note: e ?? "" })
+										}, null, 8, [
+											"model-value",
+											"disabled",
+											"maxlength"
+										]),
+										T(A, {
+											severity: "secondary",
+											variant: "simple",
+											size: "small",
+											class: "cui-input-hint"
+										}, {
+											default: g(() => [S(i(t.$t("views.floorplan.note_hint")), 1)]),
+											_: 1
+										})
+									]),
+									b("div", Ft, [b("label", Q, i(t.$t("views.floorplan.size")), 1), b("span", It, i(m(ct)(m(l).width)) + " x " + i(m(ct)(m(l).height)), 1)])
+								])]),
+								_: 1
+							}, 8, ["pt"])]),
+							_: 1
+						})) : d("", !0),
+						m(E) ? (r(), u(be, {
+							key: 1,
+							value: "general"
+						}, {
+							default: g(() => [T(ge, { class: "px-4 rounded-none!" }, {
+								default: g(() => [b("span", Lt, i(t.$t("views.floorplan.section_connection")), 1)]),
+								_: 1
+							}), T(ye, { pt: { content: { class: e.fluid ? "px-4 w-full" : "px-4 w-[300px]" } } }, {
+								default: g(() => [
+									b("div", Rt, [
+										b("label", zt, i(t.$t("views.floorplan.connection_type")), 1),
+										m(D) ? (r(), _("span", Bt, i(t.$t("views.floorplan.connection_stairs")), 1)) : (r(), u(k, {
+											key: 0,
+											"model-value": m(E).type,
+											options: m(oe),
+											"option-label": "label",
+											"option-value": "value",
+											disabled: e.readOnly,
+											"onUpdate:modelValue": n[6] ||= (e) => a("update-connection", {
+												id: m(E).id,
+												patch: { type: e }
+											})
+										}, null, 8, [
+											"model-value",
+											"options",
+											"disabled"
+										])),
+										T(A, {
+											severity: "secondary",
+											variant: "simple",
+											size: "small",
+											class: "cui-input-hint"
+										}, {
+											default: g(() => [S(i(m(D) ? t.$t("views.floorplan.connection_level_hint") : t.$t("views.floorplan.connection_type_hint")), 1)]),
+											_: 1
+										})
+									]),
+									m(D) ? d("", !0) : (r(), _("div", Vt, [
+										b("label", Ht, i(t.$t("views.floorplan.connection_width", { value: m(st)(m(E).width).toFixed(2) })), 1),
+										T(xe, {
+											"model-value": m(E).width,
+											disabled: e.readOnly,
+											min: m(q).min,
+											max: m(q).max,
+											step: 5,
+											"onUpdate:modelValue": n[7] ||= (e) => a("update-connection", {
+												id: m(E).id,
+												patch: { width: Number(e) }
+											})
+										}, null, 8, [
+											"model-value",
+											"disabled",
+											"min",
+											"max"
+										]),
+										T(A, {
+											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", Ut, [
+										b("label", Wt, i(t.$t("views.floorplan.note")), 1),
+										T(_e, {
+											"model-value": m(E).note,
+											disabled: e.readOnly,
+											maxlength: m(240),
+											rows: "3",
+											"auto-resize": "",
+											"onUpdate:modelValue": n[8] ||= (e) => a("update-connection", {
+												id: m(E).id,
+												patch: { note: e ?? "" }
+											})
+										}, null, 8, [
+											"model-value",
+											"disabled",
+											"maxlength"
+										]),
+										T(A, {
+											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(be, {
+							key: 2,
+							value: "general"
+						}, {
+							default: g(() => [T(ge, { class: "px-4 rounded-none!" }, {
+								default: g(() => [b("span", Gt, i(t.$t("views.floorplan.section_sensor")), 1)]),
+								_: 1
+							}), T(ye, { pt: { content: { class: e.fluid ? "px-4 w-full" : "px-4 w-[300px]" } } }, {
+								default: g(() => [b("div", Kt, [
+									b("div", qt, [b("label", Jt, i(t.$t("views.floorplan.assigned_room")), 1), T(k, {
+										"model-value": m(C).roomId,
+										options: m(re),
+										disabled: e.readOnly,
+										"option-label": "label",
+										"option-value": "value",
+										"onUpdate:modelValue": n[9] ||= (e) => e && ue({ roomId: e })
+									}, null, 8, [
+										"model-value",
+										"options",
+										"disabled"
+									])]),
+									m(ie).length ? (r(), _("div", Yt, [
+										b("label", Xt, i(t.$t("views.floorplan.sensor_passage")), 1),
+										T(k, {
+											"model-value": m(C).connectionId,
+											options: m(ie),
+											disabled: e.readOnly,
+											"option-label": "label",
+											"option-value": "value",
+											"show-clear": "",
+											"onUpdate:modelValue": n[10] ||= (e) => ue({ connectionId: e ?? null })
+										}, null, 8, [
+											"model-value",
+											"options",
+											"disabled"
+										]),
+										T(A, {
+											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", Zt, [
+										b("label", $, i(t.$t("views.floorplan.note")), 1),
+										T(_e, {
+											"model-value": m(C).note,
+											disabled: e.readOnly,
+											maxlength: m(240),
+											rows: "3",
+											"auto-resize": "",
+											"onUpdate:modelValue": n[11] ||= (e) => ue({ note: e ?? "" })
+										}, null, 8, [
+											"model-value",
+											"disabled",
+											"maxlength"
+										]),
+										T(A, {
+											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(be, { value: "general" }, {
+							default: g(() => [T(ge, { class: "px-4 rounded-none!" }, {
+								default: g(() => [b("span", Qt, i(t.$t("views.floorplan.section_camera")), 1)]),
+								_: 1
+							}), T(ye, { pt: { content: { class: e.fluid ? "px-4 w-full" : "px-4 w-[300px]" } } }, {
+								default: g(() => [b("div", $t, [b("div", en, [
+									b("label", tn, i(t.$t("views.floorplan.assigned_room")), 1),
+									T(k, {
+										"model-value": m(f).roomId,
+										options: m(ne),
+										disabled: e.readOnly,
+										"option-label": "label",
+										"option-value": "value",
+										"onUpdate:modelValue": n[12] ||= (e) => e && O({ roomId: e })
+									}, null, 8, [
+										"model-value",
+										"options",
+										"disabled"
+									]),
+									T(A, {
+										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", nn, [
+									b("label", rn, i(t.$t("views.floorplan.note")), 1),
+									T(_e, {
+										"model-value": m(f).note,
+										disabled: e.readOnly,
+										maxlength: m(240),
+										rows: "3",
+										"auto-resize": "",
+										"onUpdate:modelValue": n[13] ||= (e) => O({ note: e ?? "" })
+									}, null, 8, [
+										"model-value",
+										"disabled",
+										"maxlength"
+									]),
+									T(A, {
+										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(be, { value: "view" }, {
+							default: g(() => [T(ge, { class: "px-4 rounded-none!" }, {
+								default: g(() => [b("span", an, i(t.$t("views.floorplan.section_view")), 1)]),
+								_: 1
+							}), T(ye, { pt: { content: { class: e.fluid ? "px-4 w-full" : "px-4 w-[300px]" } } }, {
+								default: g(() => [b("div", on, [
+									b("div", sn, [b("label", cn, i(t.$t("views.floorplan.direction", { value: m(ce) })), 1), T(xe, {
+										"model-value": m(ce),
+										disabled: e.readOnly,
+										min: 0,
+										max: 359,
+										"onUpdate:modelValue": n[14] ||= (e) => O({ rotation: Number(e) })
+									}, null, 8, ["model-value", "disabled"])]),
+									b("div", ln, [b("label", un, i(t.$t("views.floorplan.fov", { value: m(f).fov })), 1), T(xe, {
+										"model-value": m(f).fov,
+										disabled: e.readOnly,
+										min: 30,
+										max: 180,
+										"onUpdate:modelValue": n[15] ||= (e) => O({ fov: Number(e) })
+									}, null, 8, ["model-value", "disabled"])]),
+									b("div", dn, [b("label", fn, i(t.$t("views.floorplan.range", { value: m(st)(m(f).range).toFixed(1) })), 1), T(xe, {
+										disabled: e.readOnly,
+										"model-value": m(f).range,
+										min: m(K).min,
+										max: m(K).max,
+										step: 50,
+										"onUpdate:modelValue": n[16] ||= (e) => O({ range: Number(e) })
+									}, null, 8, [
+										"disabled",
+										"model-value",
+										"min",
+										"max"
+									])])
+								])]),
+								_: 1
+							}, 8, ["pt"])]),
+							_: 1
+						})], 64)) : d("", !0)
+					]),
+					_: 1
+				}, 8, ["value", "class"])]),
+				e.readOnly ? d("", !0) : (r(), _("div", pn, [T(he, {
+					severity: "danger",
+					fluid: "",
+					class: "w-full cui-button-medium",
+					label: m(l) ? t.$t("views.floorplan.delete_room") : m(E) ? 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-2f085b3a"]]), hn = {
+	viewBox: "0 0 24 24",
+	width: "1.2em",
+	height: "1.2em"
+};
+function gn(e, t) {
+	return r(), _("svg", hn, [...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 _n = l({
+	name: "mdi-lock-open-variant-outline",
+	render: gn
+}), vn = {
+	viewBox: "0 0 24 24",
+	width: "1.2em",
+	height: "1.2em"
+};
+function yn(e, t) {
+	return r(), _("svg", vn, [...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 bn = l({
+	name: "mdi-fit-to-screen-outline",
+	render: yn
+}), xn = ["width", "height"], Sn = ["width", "height"], Cn = ["y2", "stroke-width"], wn = ["id"], Tn = ["d"], En = ["width", "height"], Dn = ["y2", "stroke-width"], On = [
+	"x",
+	"y",
+	"width",
+	"height"
+], kn = ["d"], An = ["clip-path"], jn = ["d", "transform"], Mn = ["transform"], Nn = ["d"], Pn = ["d", "stroke-width"], Fn = ["clip-path"], In = ["d", "transform"], Ln = [
+	"x",
+	"y",
+	"width",
+	"height"
+], Rn = [
+	"x",
+	"y",
+	"width",
+	"height",
+	"onPointerdown"
+], zn = [
+	"x",
+	"y",
+	"font-size",
+	"transform"
+], Bn = ["onPointerdown"], Vn = ["d", "stroke-width"], Hn = ["d", "stroke-width"], Un = [
+	"cx",
+	"cy",
+	"r",
+	"stroke-width",
+	"onPointerdown"
+], Wn = [
+	"d",
+	"stroke-width",
+	"onPointerdown"
+], Gn = ["onPointerdown", "onPointerenter"], Kn = [
+	"cx",
+	"cy",
+	"r",
+	"stroke-width"
+], qn = [
+	"cx",
+	"cy",
+	"r"
+], Jn = {
+	key: 0,
+	class: "camera-chip"
+}, Yn = [
+	"x",
+	"y",
+	"width",
+	"height",
+	"rx"
+], Xn = [
+	"x",
+	"y",
+	"width",
+	"height"
+], Zn = [
+	"x",
+	"y",
+	"font-size"
+], Qn = [
+	"cx",
+	"cy",
+	"r",
+	"stroke-width",
+	"onPointerdown"
+], $n = ["d", "stroke-width"], er = ["onPointerdown", "onPointerenter"], tr = [
+	"cx",
+	"cy",
+	"r",
+	"stroke-width"
+], nr = [
+	"x",
+	"y",
+	"width",
+	"height"
+], rr = {
+	key: 0,
+	class: "camera-chip"
+}, ir = [
+	"x",
+	"y",
+	"width",
+	"height",
+	"rx"
+], ar = [
+	"x",
+	"y",
+	"font-size"
+], or = ["onPointerenter"], sr = [
+	"cx",
+	"cy",
+	"r",
+	"stroke-width"
+], cr = [
+	"cx",
+	"cy",
+	"r"
+], lr = {
+	key: 0,
+	class: "camera-chip"
+}, ur = [
+	"x",
+	"y",
+	"width",
+	"height",
+	"rx"
+], dr = [
+	"x",
+	"y",
+	"font-size"
+], fr = ["onPointerdown"], pr = [
+	"cx",
+	"cy",
+	"r",
+	"stroke-width"
+], mr = ["d", "stroke-width"], hr = [
+	"x",
+	"y",
+	"font-size"
+], gr = {
+	key: 1,
+	class: "camera-chip"
+}, _r = [
+	"x",
+	"y",
+	"width",
+	"height",
+	"rx"
+], vr = [
+	"x",
+	"y",
+	"font-size"
+], yr = ["d", "stroke-width"], br = ["d", "stroke-width"], xr = [
+	"x",
+	"y",
+	"width",
+	"height",
+	"rx",
+	"stroke-width"
+], Sr = [
+	"cx",
+	"cy",
+	"r",
+	"stroke-width"
+], Cr = {
+	width: "46",
+	height: "46",
+	viewBox: "0 0 46 46"
+}, wr = ["transform"], Tr = { class: "flex flex-col overflow-hidden floorplan-controls" }, Er = { class: "floorplan-scale flex items-center gap-2 px-2 py-1" }, Dr = ["width"], Or = ["d"], kr = { class: "text-xs text-muted whitespace-nowrap" }, Ar = 60, jr = /*#__PURE__*/ I(/* @__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), re = w(!1), ae = te("compassRef"), D = w({
+			x: null,
+			y: null
+		}), oe = w(null), se = w(null), ce = w(null), le = w(null), ue = /* @__PURE__ */ new Set(["motion", "audio"]), de = /* @__PURE__ */ new Set([
+			"object",
+			"face",
+			"licensePlate",
+			"classifier",
+			"objectAssist",
+			"clip"
+		]), O = null, ge = !1, k = null, { viewport: A, zoomIn: _e, zoomOut: ve, fitBounds: ye } = z(), { sensors: be } = De(), 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 = ue.has(n), i = de.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;
+		}), Ce = h(() => {
+			let e = F.value.find((e) => e.id === le.value);
+			if (!e) return null;
+			let t = `${ct(e.width, 1)} x ${ct(e.height, 1)}`;
+			return {
+				text: t,
+				width: st(t),
+				x: e.x + e.width / 2,
+				y: e.y + e.height + 10 / M.value
+			};
+		}), M = h(() => A.value.zoom), N = h(() => ({
+			x: A.value.x,
+			y: A.value.y
+		})), Te = h(() => p.north ?? 0), P = h(() => p.readOnly === !0 || C.value), F = h(() => p.rooms.filter((e) => e.levelId === p.levelId)), I = h(() => p.cameras.filter((e) => e.levelId === p.levelId)), L = h(() => {
+			let e = 4e3, t = [0], n = [0];
+			for (let e of F.value) t.push(e.x, e.x + e.width), n.push(e.y, e.y + e.height);
+			for (let e of I.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
+			};
+		}), Ee = [{
+			id: "scene",
+			type: "scene",
+			position: {
+				x: 0,
+				y: 0
+			},
+			draggable: !1,
+			selectable: !1,
+			data: {}
+		}], R = h(() => p.selection?.kind === "room" ? F.value.find((e) => e.id === p.selection?.id) : void 0), Oe = h(() => p.selection?.kind === "camera" ? I.value.find((e) => e.id === p.selection?.id) : void 0), ke = h(() => M.value >= .45), Ae = h(() => {
+			let e = [
+				.5,
+				1,
+				2,
+				5,
+				10,
+				20,
+				50
+			], t = e.filter((e) => e * 100 * M.value <= 130).pop() ?? e[0];
+			return {
+				meters: t,
+				width: Math.round(t * 100 * M.value),
+				label: `${t} m`
+			};
+		}), je = h(() => p.connections.map((e) => ({
+			connection: e,
+			geometry: ft(e, p.rooms, p.levelId)
+		})).filter((e) => e.geometry !== null)), Me = h(() => new Map([...Ne.value].map(([e, t]) => [e, tt(t.reduce((e, t) => t.width * t.height > e.width * e.height ? t : e))]))), Ne = h(() => {
+			let e = /* @__PURE__ */ new Map();
+			for (let t of F.value) e.set(t.roomId, [...e.get(t.roomId) ?? [], t]);
+			return e;
+		}), Pe = h(() => {
+			let e = /* @__PURE__ */ new Map();
+			for (let t of je.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;
+		}), Fe = h(() => [...Ne.value].map(([e, t]) => ({
+			roomId: e,
+			parts: t,
+			...pt(t, 8 / M.value, Pe.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))), Ie = h(() => {
+			let e = /* @__PURE__ */ new Map();
+			for (let t of Ne.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) => (Ne.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 Ne.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, pt(t, 8 / M.value, []).fill);
+			return [...Ne.value.keys()].map((e) => ({
+				roomId: e,
+				path: i.get(t(e)) ?? ""
+			}));
+		}), Le = h(() => je.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
+				}]
+			}];
+		})), Re = h(() => {
+			let e = R.value;
+			return !e || P.value ? [] : F.value.filter((t) => t.roomId !== e.roomId).map((t) => ({
+				other: t,
+				wall: ut(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
+			}));
+		}), ze = 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 F.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;
+		}), Be = h(() => {
+			let e = [], t = /* @__PURE__ */ new Map(), n = (n, r, i, a) => {
+				let o = F.value.find((e) => e.id === r) ?? F.value.find((e) => e.roomId === n);
+				if (!o || o.width * M.value < 80 || o.height * M.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) / M.value,
+					y: o.y + 16 / M.value
+				});
+			};
+			for (let e of je.value) e.geometry.kind === "badge" && n(e.geometry.roomId, e.geometry.shapeId, e.connection.id, G(e.connection, e.geometry.roomId));
+			return He.value && n(He.value.roomId, He.value.shapeId, void 0, void 0), e;
+		}), He = h(() => {
+			let e = R.value;
+			if (!e || P.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;
+		}), Ue = h(() => {
+			let e = ne.value?.getBoundingClientRect(), t = e?.width ?? 0, n = e?.height ?? 0;
+			return {
+				left: -N.value.x / M.value,
+				top: -N.value.y / M.value,
+				right: (t - N.value.x) / M.value,
+				bottom: (n - N.value.y) / M.value
+			};
+		}), Ge = h(() => new Set(I.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) / M.value;
+			return {
+				width: t + st(e.name) - 10 / M.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 U() {
+			ce.value = null, S("hover-sensor", null);
+		}
+		function W(e) {
+			return be.value.find((t) => t.id === e);
+		}
+		function Ze(e) {
+			return fe(e.sensorType, he(W(e.id)));
+		}
+		function Qe(e) {
+			let t = me(W(e.id));
+			return t ? `${e.name} · ${t}` : e.name;
+		}
+		function G(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 $e(e, t) {
+			if (t.connectionId) return xt(e, t.connectionId);
+			S("request-stairs", {
+				roomId: t.roomId,
+				event: e
+			});
+		}
+		function et(e) {
+			let t = Me.value.get(e.roomId);
+			return t ? [t] : [];
+		}
+		function tt(e) {
+			let t = e.width >= e.height, n = t ? e.width : e.height, r = t ? e.height : e.width, i = 9 / M.value, a = Math.max(Math.min(15, r * .3), i);
+			if (a > r) return null;
+			let o = n - a, s = a * rt, 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" && (oe.value = t.id, S("hover-camera", {
+				cameraId: t.id,
+				x: e.clientX,
+				y: e.clientY
+			}));
+		}
+		function at() {
+			oe.value = null, S("hover-camera", null);
+		}
+		function st(e) {
+			return (e.length * 7 + 20) / M.value;
+		}
+		function lt(e, t) {
+			let n = 4 / M.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 mt(e) {
+			return e * Math.PI / 180;
+		}
+		function J(e, t) {
+			return p.selection?.kind === e && p.selection.id === t;
+		}
+		function ht(e) {
+			let t = mt(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 - N.value.x) / M.value,
+				y: (e.clientY - t.top - N.value.y) / M.value
+			} : {
+				x: 0,
+				y: 0
+			};
+		}
+		function Y(e) {
+			return Math.round(e / 10) * 10;
+		}
+		function X(e, t) {
+			return F.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 _t(e, t, n) {
+			let r = 10 / M.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 F.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 D.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 vt(e, t, n) {
+			return Math.min(Math.max(e, t), n);
+		}
+		function yt(e, t, n) {
+			let r = Ne.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: vt(t, e.x, e.x + e.width),
+					y: vt(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 I.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
+			}), P.value) return;
+			e.stopPropagation();
+			let n = gt(e);
+			O = {
+				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
+			}), !P.value && (e.stopPropagation(), le.value = t.id, O = {
+				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
+			}), P.value) return;
+			e.stopPropagation();
+			let n = gt(e);
+			O = {
+				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
+			}), !P.value && (e.stopPropagation(), O = {
+				mode: "rotate",
+				id: t.id
+			}, Z(e));
+		}
+		function Et(e) {
+			if (!O) return;
+			if (O.mode === "north") {
+				let t = ae.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;
+			}
+			ge || (ge = !0, S("history"));
+			let t = gt(e);
+			if (O.mode === "room") {
+				let e = O.id, n = F.value.find((t) => t.id === e);
+				if (!n) return;
+				let r = _t({
+					x: Y(t.x - O.offsetX),
+					y: Y(t.y - O.offsetY),
+					width: n.width,
+					height: n.height
+				}, n.id, "both"), i = X(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 (O.mode === "resize") {
+				let e = O.id, n = F.value.find((t) => t.id === e);
+				if (!n) return;
+				let r = _t({
+					x: n.x,
+					y: n.y,
+					width: Math.max(60, Y(t.x - O.originX)),
+					height: Math.max(60, Y(t.y - O.originY))
+				}, n.id, "end"), i = X({
+					...r,
+					height: n.height
+				}, n.id) ? n.width : Math.max(60, r.width), a = X({
+					...r,
+					width: i
+				}, n.id) ? n.height : Math.max(60, r.height);
+				S("resize-room", {
+					id: n.id,
+					width: i,
+					height: a
+				});
+				return;
+			}
+			if (O.mode === "passage") {
+				let e = O, n = p.connections.find((t) => t.id === e.id);
+				if (!n) return;
+				let r = dt(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 (O.mode === "passage-resize") {
+				let e = O, n = p.connections.find((t) => t.id === e.id);
+				if (!n) return;
+				let r = dt(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 (O.mode === "sensor") {
+				let e = O.id, n = yt(xe.value.find((t) => t.id === e)?.roomId ?? "", Y(t.x - O.offsetX), Y(t.y - O.offsetY));
+				S("move-sensor", {
+					id: e,
+					...n
+				});
+				return;
+			}
+			if (O.mode === "camera") {
+				let e = O.id, n = yt(I.value.find((t) => t.id === e)?.roomId ?? "", Y(t.x - O.offsetX), Y(t.y - O.offsetY));
+				S("move-camera", {
+					id: e,
+					...n
+				});
+				return;
+			}
+			let n = O.id, r = I.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(vt(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 (!X(n, e.id)) return {
+				x: n.x,
+				y: n.y
+			};
+		}
+		function Ot(e) {
+			P.value || (e.stopPropagation(), S("history"), O = { mode: "north" }, ae.value?.setPointerCapture?.(e.pointerId));
+		}
+		function kt(e) {
+			let t = e.dataTransfer?.getData(ot);
+			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 - N.value.x) / M.value),
+				y: Y((e.clientY - r.top - N.value.y) / M.value)
+			});
+		}
+		function At(e, t) {
+			if (Pt(e, {
+				kind: "sensor",
+				id: t.id
+			}), P.value) return;
+			e.stopPropagation();
+			let n = gt(e);
+			O = {
+				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
+			}), !P.value && (e.stopPropagation(), O = {
+				mode: "passage",
+				id: t.id,
+				wall: t.wall,
+				grab: Nt(t.wall, gt(e))
+			}, Z(e));
+		}
+		function Mt(e, t, n) {
+			P.value || (e.stopPropagation(), O = {
+				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) {
+			k = {
+				target: t,
+				x: e.clientX,
+				y: e.clientY
+			};
+		}
+		function Ft(e) {
+			le.value = null, k &&= (e && Math.abs(e.clientX - k.x) < 4 && Math.abs(e.clientY - k.y) < 4 && S("select", k.target), null), O?.mode === "room" && ge && S("settle-room", O.id), O = null, ge = !1, D.value = {
+				x: null,
+				y: null
+			};
+		}
+		function Q() {
+			let e = [], t = [];
+			for (let n of F.value) e.push(n.x, n.x + n.width), t.push(n.y, n.y + n.height);
+			for (let n of I.value) e.push(n.x - Ar, n.x + Ar), t.push(n.y - Ar, n.y + Ar);
+			if (!e.length) return;
+			let n = Math.min(...e), r = Math.min(...t);
+			ye({
+				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(Q)), ie(() => {
+			window.addEventListener("pointerup", Ft), o(Q);
+		}), t(() => window.removeEventListener("pointerup", Ft)), l({ fit: Q }), (t, o) => {
+			let l = Ve, f = V, p = bn, h = j, ee = _n, te = H, w = E;
+			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(We), {
+					nodes: Ee,
+					"nodes-draggable": !1,
+					"nodes-connectable": !1,
+					"elements-selectable": !1,
+					"zoom-on-double-click": !1,
+					"min-zoom": m(it).min,
+					"max-zoom": m(it).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(M),
+							height: 14 / m(M),
+							patternUnits: "userSpaceOnUse",
+							patternTransform: "rotate(45)"
+						}, [b("rect", {
+							width: 14 / m(M),
+							height: 14 / m(M),
+							class: "public-base"
+						}, null, 8, Sn), b("line", {
+							x1: "0",
+							y1: "0",
+							x2: "0",
+							y2: 14 / m(M),
+							class: "public-hatch",
+							"stroke-width": 1.5 / m(M)
+						}, null, 8, Cn)], 8, xn),
+						(r(!0), _(y, null, n(m(Ie), (e) => (r(), _("clipPath", {
+							id: `floorplan-sight-${e.roomId}`,
+							key: e.roomId
+						}, [b("path", { d: e.path }, null, 8, Tn)], 8, wn))), 128)),
+						b("pattern", {
+							id: "floorplan-gaps-hatch",
+							width: 10 / m(M),
+							height: 10 / m(M),
+							patternUnits: "userSpaceOnUse",
+							patternTransform: "rotate(-45)"
+						}, [b("line", {
+							x1: "0",
+							y1: "0",
+							x2: "0",
+							y2: 10 / m(M),
+							class: "gaps-hatch",
+							"stroke-width": 1.5 / m(M)
+						}, null, 8, Dn)], 8, En),
+						m(re) ? (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(Fe), (e) => (r(), _(y, { key: `gap-room-${e.roomId}` }, [e.publicSpace ? d("", !0) : (r(), _("path", {
+							key: 0,
+							d: e.fill,
+							fill: "white"
+						}, null, 8, kn))], 64))), 128)), (r(!0), _(y, null, n(m(Ie), (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: ht(e),
+							fill: "black",
+							transform: `translate(${e.x} ${e.y}) rotate(${e.rotation})`
+						}, null, 8, jn))), 128))], 8, An))), 128))], 8, On)) : d("", !0)
+					]), b("g", { transform: `translate(${-m(L).x} ${-m(L).y})` }, [
+						(r(!0), _(y, null, n(m(Fe), (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, Nn), 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(M)
+						}, null, 10, Pn)]))), 128)),
+						(r(!0), _(y, null, n(m(Ie), (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: ht(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, In))), 128))], 8, Fn))), 128)),
+						m(re) ? (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, Ln)) : d("", !0),
+						(r(!0), _(y, null, n(m(Fe), (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(P) }]),
+							onPointerdown: (t) => St(t, e)
+						}, null, 42, Rn))), 128)), (r(!0), _(y, null, n(et(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, zn))), 128))]))), 128)),
+						(r(!0), _(y, null, n(m(Le), (e) => (r(), _("g", {
+							key: e.id,
+							class: s({ nopan: !m(P) }),
+							onPointerdown: (t) => jt(t, e)
+						}, [
+							b("path", {
+								d: e.line,
+								class: "connection-hit",
+								"stroke-width": 24 / m(M)
+							}, null, 8, Vn),
+							b("path", {
+								d: e.line,
+								class: s(["connection", [`connection-${e.type}`, { "connection-selected": J("connection", e.id) }]]),
+								"stroke-width": 7 / m(M)
+							}, null, 10, Hn),
+							(r(!0), _(y, null, n(J("connection", e.id) && !m(P) ? e.handles : [], (t, n) => (r(), _("circle", {
+								key: n,
+								cx: t.x,
+								cy: t.y,
+								r: 7 / m(M),
+								class: "passage-handle nopan",
+								"stroke-width": 2 / m(M),
+								onPointerdown: (t) => Mt(t, e, n)
+							}, null, 40, Un))), 128))
+						], 42, Bn))), 128)),
+						(r(!0), _(y, null, n(m(je), (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(M),
+							onPointerdown: (t) => xt(t, e.connection.id)
+						}, null, 42, Wn)) : d("", !0)], 64))), 128)),
+						(r(!0), _(y, null, n(m(I), (e) => (r(), _("g", {
+							key: e.id,
+							class: s({ nopan: !m(P) }),
+							onPointerdown: (t) => wt(t, e),
+							onPointerenter: (t) => nt(t, e),
+							onPointerleave: at
+						}, [
+							b("circle", {
+								cx: e.x,
+								cy: e.y,
+								r: 13 / m(M),
+								class: s(["camera-body", [`camera-${qe(e.id) ?? "idle"}`, { "camera-selected": J("camera", e.id) }]]),
+								"stroke-width": 2 / m(M)
+							}, null, 10, Kn),
+							b("circle", {
+								cx: e.x,
+								cy: e.y,
+								r: 4 / m(M),
+								class: "camera-lens"
+							}, null, 8, qn),
+							m(oe) === e.id || J("camera", e.id) || m(Se).has(e.id) ? (r(), _("g", Jn, [
+								b("rect", {
+									x: e.x - Ye(e).width / 2,
+									y: e.y - 42 / m(M),
+									width: Ye(e).width,
+									height: 20 / m(M),
+									rx: 10 / m(M)
+								}, null, 8, Yn),
+								(r(!0), _(y, null, n(Je(e), (t, n) => (r(), _("foreignObject", {
+									key: t,
+									x: e.x - Ye(e).width / 2 + (8 + n * 17) / m(M),
+									y: e.y - 39.5 / m(M),
+									width: 15 / m(M),
+									height: 15 / m(M),
+									class: "chip-glyph"
+								}, [(r(), u(c(m(we)(t).icon), {
+									width: "100%",
+									height: "100%"
+								}))], 8, Xn))), 128)),
+								b("text", {
+									x: e.x - Ye(e).width / 2 + Ye(e).textOffset,
+									y: e.y - 28 / m(M),
+									"font-size": 12 / m(M)
+								}, i(e.name), 9, Zn)
+							])) : d("", !0)
+						], 42, Gn))), 128)),
+						(r(!0), _(y, null, n(m(ke) ? m(Re) : [], (t) => (r(), _("g", { key: t.roomId }, [b("circle", {
+							cx: t.x,
+							cy: t.y,
+							r: 11 / m(M),
+							class: "connection-ghost nopan",
+							"stroke-width": 1.5 / m(M),
+							onPointerdown: e((e) => S("create-connection", {
+								fromRoomId: t.fromRoomId,
+								toRoomId: t.roomId,
+								fromShapeId: t.fromShapeId,
+								toShapeId: t.shapeId
+							}), ["stop"])
+						}, null, 40, Qn), b("path", {
+							d: `M ${t.x - 5 / m(M)} ${t.y} L ${t.x + 5 / m(M)} ${t.y} M ${t.x} ${t.y - 5 / m(M)} L ${t.x} ${t.y + 5 / m(M)}`,
+							class: "connection-ghost-plus",
+							"stroke-width": 1.5 / m(M)
+						}, null, 8, $n)]))), 128)),
+						(r(!0), _(y, null, n(m(xe), (e) => (r(), _("g", {
+							key: `sensor-${e.id}`,
+							class: s({ nopan: !m(P) }),
+							onPointerdown: (t) => At(t, e),
+							onPointerenter: (t) => Xe(t, e),
+							onPointerleave: U
+						}, [
+							b("circle", {
+								cx: e.x,
+								cy: e.y,
+								r: 11 / m(M),
+								class: s(["sensor-body", { "sensor-selected": J("sensor", e.id) }]),
+								"stroke-width": 2 / m(M)
+							}, null, 10, tr),
+							(r(), _("foreignObject", {
+								x: e.x - 7 / m(M),
+								y: e.y - 7 / m(M),
+								width: 14 / m(M),
+								height: 14 / m(M),
+								class: "sensor-glyph"
+							}, [(r(), u(c(m(pe)(e.sensorType, W(e.id))), {
+								width: "100%",
+								height: "100%",
+								style: v(Ze(e))
+							}, null, 8, ["style"]))], 8, nr)),
+							m(ce) === e.id || J("sensor", e.id) ? (r(), _("g", rr, [b("rect", {
+								x: e.x - st(Qe(e)) / 2,
+								y: e.y - 42 / m(M),
+								width: st(Qe(e)),
+								height: 20 / m(M),
+								rx: 10 / m(M)
+							}, null, 8, ir), b("text", {
+								x: e.x,
+								y: e.y - 28 / m(M),
+								"text-anchor": "middle",
+								"font-size": 12 / m(M)
+							}, i(Qe(e)), 9, ar)])) : d("", !0)
+						], 42, er))), 128)),
+						(r(!0), _(y, null, n(m(ze), (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(M),
+								class: "flight-camera-body",
+								"stroke-width": 1.5 / m(M)
+							}, null, 8, sr),
+							b("circle", {
+								cx: e.x,
+								cy: e.y,
+								r: 3.5 / m(M),
+								class: "flight-camera-lens"
+							}, null, 8, cr),
+							m(se) === e.key ? (r(), _("g", lr, [b("rect", {
+								x: e.x - st(e.label) / 2,
+								y: e.y - 42 / m(M),
+								width: st(e.label),
+								height: 20 / m(M),
+								rx: 10 / m(M)
+							}, null, 8, ur), b("text", {
+								x: e.x,
+								y: e.y - 28 / m(M),
+								"text-anchor": "middle",
+								"font-size": 12 / m(M)
+							}, i(e.label), 9, dr)])) : d("", !0)
+						], 40, or))), 128)),
+						(r(!0), _(y, null, n(m(Be), (e) => (r(), _("g", {
+							key: e.key,
+							class: s({ nopan: !m(P) }),
+							onPointerdown: (t) => $e(t, e)
+						}, [
+							b("circle", {
+								cx: e.x,
+								cy: e.y,
+								r: 12 / m(M),
+								class: s([e.connectionId ? "connection-badge" : "connection-ghost", { "connection-selected": e.connectionId && J("connection", e.connectionId) }]),
+								"stroke-width": (e.connectionId ? 2 : 1.5) / m(M)
+							}, null, 10, pr),
+							b("path", {
+								d: lt(e.x, e.y),
+								class: "badge-glyph",
+								"stroke-width": 1.5 / m(M),
+								fill: "none",
+								"stroke-linejoin": "round"
+							}, null, 8, mr),
+							e.direction ? (r(), _("text", {
+								key: 0,
+								x: e.x + 13 / m(M),
+								y: e.y - 7 / m(M),
+								class: "badge-direction",
+								"font-size": 12 / m(M)
+							}, i(e.direction), 9, hr)) : d("", !0),
+							m(Ce) ? (r(), _("g", gr, [b("rect", {
+								x: m(Ce).x - m(Ce).width / 2,
+								y: m(Ce).y,
+								width: m(Ce).width,
+								height: 20 / m(M),
+								rx: 10 / m(M)
+							}, null, 8, _r), b("text", {
+								x: m(Ce).x,
+								y: m(Ce).y + 14 / m(M),
+								"text-anchor": "middle",
+								"font-size": 12 / m(M)
+							}, i(m(Ce).text), 9, vr)])) : d("", !0)
+						], 42, fr))), 128)),
+						m(D).x === null ? d("", !0) : (r(), _("path", {
+							key: 1,
+							d: `M ${m(D).x} ${m(Ue).top} L ${m(D).x} ${m(Ue).bottom}`,
+							class: "guide",
+							"stroke-width": 1 / m(M)
+						}, null, 8, yr)),
+						m(D).y === null ? d("", !0) : (r(), _("path", {
+							key: 2,
+							d: `M ${m(Ue).left} ${m(D).y} L ${m(Ue).right} ${m(D).y}`,
+							class: "guide",
+							"stroke-width": 1 / m(M)
+						}, null, 8, br)),
+						m(R) && !m(P) ? (r(), _("rect", {
+							key: 3,
+							x: m(R).x + m(R).width - 7 / m(M),
+							y: m(R).y + m(R).height - 7 / m(M),
+							width: 14 / m(M),
+							height: 14 / m(M),
+							rx: 3 / m(M),
+							class: "handle nopan",
+							"stroke-width": 1.5 / m(M),
+							onPointerdown: o[1] ||= (e) => Ct(e, m(R))
+						}, null, 40, xr)) : d("", !0),
+						m(Oe) && !m(P) ? (r(), _("circle", {
+							key: 4,
+							cx: m(Oe).x + Math.cos(mt(m(Oe).rotation)) * m(Oe).range,
+							cy: m(Oe).y + Math.sin(mt(m(Oe).rotation)) * m(Oe).range,
+							r: 9 / m(M),
+							class: "handle nopan",
+							"stroke-width": 1.5 / m(M),
+							onPointerdown: o[2] ||= (e) => Tt(e, m(Oe))
+						}, null, 40, Sr)) : d("", !0)
+					], 8, Mn)], 4))]),
+					default: g(() => [T(m(B), {
+						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: ae,
+					class: s(["floorplan-compass absolute top-3 right-3", { "cursor-grab active:cursor-grabbing": !m(P) }]),
+					onPointerdown: e(Ot, ["stop"])
+				}, [(r(), _("svg", Cr, [o[17] ||= b("circle", {
+					cx: "23",
+					cy: "23",
+					r: "21",
+					class: "compass-ring",
+					"stroke-width": "1"
+				}, null, -1), b("g", { transform: `rotate(${m(Te)} 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, wr)]))], 34)), [[
+					w,
+					{ value: m(P) ? t.$t("views.floorplan.north_reading", { value: m(Te) }) : 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", Tr, [
+					x((r(), _("button", {
+						type: "button",
+						class: "control-button",
+						onPointerdown: o[4] ||= e(() => {}, ["stop"]),
+						onClick: o[5] ||= e((e) => m(_e)(), ["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(ve)(), ["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) => Q(), ["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(re) }]),
+						onPointerdown: o[12] ||= e(() => {}, ["stop"]),
+						onClick: o[13] ||= e((e) => re.value = !m(re), ["stop"])
+					}, [T(te, { class: "w-4 h-4" })], 34)), [[
+						w,
+						{ value: t.$t("views.floorplan.blind_spots") },
+						void 0,
+						{ right: !0 }
+					]])
+				]), b("div", Er, [(r(), _("svg", {
+					width: m(Ae).width,
+					height: "10",
+					class: "shrink-0"
+				}, [b("path", {
+					d: `M 1 1 L 1 9 M 1 5 L ${m(Ae).width - 1} 5 M ${m(Ae).width - 1} 1 L ${m(Ae).width - 1} 9`,
+					class: "scale-line",
+					"stroke-width": "1"
+				}, null, 8, Or)], 8, Dr)), b("span", kr, i(m(Ae).label), 1)])], 4)
+			], 34);
+		};
+	}
+}), [["__scopeId", "data-v-27e461bb"]]), Mr = {
+	viewBox: "0 0 24 24",
+	width: "1.2em",
+	height: "1.2em"
+};
+function Nr(e, t) {
+	return r(), _("svg", Mr, [...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 Pr = l({
+	name: "mdi-vector-square-plus",
+	render: Nr
+}), Fr = {
+	key: 0,
+	class: "text-xs font-semibold text-muted uppercase tracking-wider mb-3"
+}, Ir = { class: "mb-4" }, Lr = { class: "text-xs font-medium text-muted mb-2" }, Rr = ["draggable"], zr = { class: "flex items-center gap-2.5 flex-1 min-w-0 px-3 py-2.5" }, Br = { class: "flex items-center justify-center w-8 h-8 rounded-lg shrink-0 palette-icon" }, Vr = { class: "text-[13px] font-medium truncate text-color leading-tight" }, Hr = {
+	key: 0,
+	class: "flex flex-col gap-1.5 mt-1.5"
+}, Ur = [
+	"draggable",
+	"onDragstart",
+	"onClick"
+], Wr = { class: "flex items-center gap-2.5 flex-1 min-w-0 px-3 py-2.5" }, Gr = { class: "flex items-center justify-center w-8 h-8 rounded-lg shrink-0 palette-icon" }, Kr = { class: "text-[13px] font-medium truncate text-color leading-tight" }, qr = { class: "mb-4" }, Jr = { class: "text-xs font-medium text-muted mb-2" }, Yr = {
+	key: 0,
+	class: "text-xs text-muted px-1"
+}, Xr = {
+	key: 1,
+	class: "flex flex-col gap-1.5"
+}, Zr = [
+	"draggable",
+	"onDragstart",
+	"onClick"
+], Qr = { class: "flex items-center gap-2.5 flex-1 min-w-0 px-3 py-2.5" }, $r = { class: "flex items-center justify-center w-8 h-8 rounded-lg shrink-0 palette-icon" }, ei = { class: "text-[13px] font-medium truncate text-color leading-tight" }, ti = { class: "text-xs font-medium text-muted mb-2" }, ni = {
+	key: 0,
+	class: "text-xs text-muted px-1"
+}, ri = {
+	key: 1,
+	class: "flex flex-col gap-1.5"
+}, ii = [
+	"draggable",
+	"onDragstart",
+	"onClick"
+], ai = { class: "flex items-center gap-2.5 flex-1 min-w-0 px-3 py-2.5" }, oi = { class: "flex items-center justify-center w-8 h-8 rounded-lg shrink-0 palette-icon" }, si = { class: "flex flex-col min-w-0" }, ci = { class: "text-[13px] font-medium truncate text-color leading-tight" }, li = {
+	key: 0,
+	class: "text-[11px] text-muted truncate leading-tight"
+}, ui = /*#__PURE__*/ I(/* @__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(ot, JSON.stringify({
+				kind: t,
+				cameraId: n,
+				roomId: r,
+				sensorId: i?.id,
+				sensorType: i?.sensorType
+			})), e.dataTransfer.effectAllowed = "move");
+		}
+		return (t, a) => {
+			let f = ae, p = $e, h = Pr, ee = Be, v = E;
+			return r(), _("div", { class: s(["overflow-y-auto p-3", e.mode === "drag" ? "h-full" : ""]) }, [
+				e.mode === "drag" ? (r(), _("div", Fr, 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", Ir, [
+					b("div", Lr, 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", zr, [b("div", Br, [T(p, { class: "w-4 h-4" })]), b("span", Vr, i(t.$t("views.floorplan.new_room")), 1)])], 42, Rr),
+					e.rooms.length ? (r(), _("div", Hr, [(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", Wr, [b("div", Gr, [T(h, { class: "w-4 h-4" })]), b("span", Kr, i(n.name), 1)])], 42, Ur)), [[
+						v,
+						{ value: t.$t("views.floorplan.room_not_drawn") },
+						void 0,
+						{ right: !0 }
+					]])), 128))])) : d("", !0)
+				]),
+				b("div", qr, [b("div", Jr, i(t.$t("views.floorplan.section_cameras")), 1), e.cameras.length ? (r(), _("div", Xr, [(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", Qr, [b("div", $r, [T(ee, { class: "w-4 h-4" })]), b("span", ei, i(t.name), 1)])], 42, Zr))), 128))])) : (r(), _("span", Yr, i(t.$t("views.floorplan.all_cameras_placed")), 1))]),
+				b("div", null, [b("div", ti, i(t.$t("views.floorplan.section_sensors")), 1), e.sensors.length ? (r(), _("div", ri, [(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", ai, [b("div", oi, [(r(), u(c(m(pe)(t.sensorType, void 0)), { class: "w-4 h-4" }))]), b("div", si, [b("span", ci, i(t.name), 1), t.subtitle ? (r(), _("span", li, i(t.subtitle), 1)) : d("", !0)])])], 42, ii))), 128))])) : (r(), _("span", ni, i(t.$t("views.floorplan.all_sensors_placed")), 1))])
+			], 2);
+		};
+	}
+}), [["__scopeId", "data-v-531420ee"]]), di = {
+	viewBox: "0 0 24 24",
+	width: "1.2em",
+	height: "1.2em"
+};
+function fi(e, t) {
+	return r(), _("svg", di, [...t[0] ||= [b("path", {
+		fill: "currentColor",
+		d: "M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6l-6 6z"
+	}, null, -1)]]);
+}
+var pi = l({
+	name: "mdi-chevron-up",
+	render: fi
+}), mi = {
+	viewBox: "0 0 24 24",
+	width: "1.2em",
+	height: "1.2em"
+};
+function hi(e, t) {
+	return r(), _("svg", mi, [...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 gi = l({
+	name: "mdi-layers-outline",
+	render: hi
+}), _i = {
+	viewBox: "0 0 24 24",
+	width: "1.2em",
+	height: "1.2em"
+};
+function vi(e, t) {
+	return r(), _("svg", _i, [...t[0] ||= [b("path", {
+		fill: "currentColor",
+		d: "M13 3a9 9 0 0 0-9 9H1l3.89 3.89l.07.14L9 12H6a7 7 0 0 1 7-7a7 7 0 0 1 7 7a7 7 0 0 1-7 7c-1.93 0-3.68-.79-4.94-2.06l-1.42 1.42A8.9 8.9 0 0 0 13 21a9 9 0 0 0 9-9a9 9 0 0 0-9-9"
+	}, null, -1)]]);
+}
+var yi = l({
+	name: "mdi-restore",
+	render: vi
+}), bi = {
+	viewBox: "0 0 24 24",
+	width: "1.2em",
+	height: "1.2em"
+};
+function xi(e, t) {
+	return r(), _("svg", bi, [...t[0] ||= [b("path", {
+		fill: "currentColor",
+		d: "M15 5v4h-4v4H7v4H3v3h7v-4h4v-4h4V8h4V5z"
+	}, null, -1)]]);
+}
+var Si = l({
+	name: "mdi-stairs",
+	render: xi
+});
+//#endregion
+//#region src/api/routes/floorplan.ts
+async function Ci({ signal: e } = {}) {
+	return (await N.get("/floorplan", { signal: e })).data;
+}
+async function wi(e) {
+	return (await N.put("/floorplan", e)).data;
+}
+//#endregion
+//#region src/components/CuiDialog/templates/FloorplanLevel/FloorplanLevel.vue?vue&type=script&setup=true&lang.ts
+var Ti = { class: "flex flex-col gap-2 w-full" }, Ei = {
+	for: "floorplanLevelName",
+	class: "cui-label"
+}, Di = /* @__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 = ke;
+			return r(), _("div", Ti, [b("label", Ei, 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"])]);
+		};
+	}
+}), Oi = re({ plan: null }), ki = null, Ai = null, ji = /* @__PURE__ */ new Set();
+function Mi() {
+	Ai || (ki = f(!0), ki.run(() => {
+		let e = F("/camera.ui");
+		Ai = e, e.on("floorplan-changed", (e) => {
+			Oi.plan = e;
+			for (let t of ji) try {
+				t(e);
+			} catch {}
+		});
+	}));
+}
+function Ni() {
+	function e() {
+		Mi();
+	}
+	function t(e) {
+		return ji.add(e), () => ji.delete(e);
+	}
+	return {
+		plan: h(() => Oi.plan),
+		connect: e,
+		onPlan: t
+	};
+}
+//#endregion
+//#region src/views/Floorplan.vue?vue&type=script&setup=true&lang.ts
+var Pi = { class: "h-full w-full relative overflow-hidden flex flex-col" }, Fi = { class: "flex items-center gap-2 px-3 py-2 border-bottom-color card-background min-h-[48px]" }, Ii = {
+	key: 0,
+	class: "flex-1 flex items-center justify-center"
+}, Li = {
+	key: 1,
+	class: "flex flex-1 min-h-0"
+}, Ri = { class: "relative w-6 h-6" }, zi = { class: "flex items-center gap-2.5" }, Bi = { class: "flex items-center justify-center w-8 h-8 rounded-lg shrink-0 palette-icon" }, Vi = { class: "flex-1 min-w-0" }, Hi = { class: "text-sm font-semibold truncate text-color" }, Ui = {
+	key: 0,
+	class: "text-[11px] text-muted truncate"
+}, Wi = { class: "text-xs text-muted truncate" }, Gi = {
+	key: 0,
+	class: "text-xs text-muted"
+}, Ki = {
+	key: 1,
+	class: "flex flex-col gap-1"
+}, qi = { class: "flex items-center justify-center" }, Ji = {
+	key: 0,
+	class: "flex items-center gap-2 pl-3 pr-2 py-1.5"
+}, Yi = { class: "flex-1 min-w-0 text-sm font-semibold truncate text-color" }, Xi = 50, Zi = 92, Qi = /*#__PURE__*/ I(/* @__PURE__ */ C({
+	__name: "Floorplan",
+	setup(e) {
+		let { t: f } = Ee(), { smBreakpoint: S } = le(), { bottombarHeight: C } = ce(), re = be(), ae = ye(), fe = ge(), me = Ni(), he = new Te(), { sensors: j } = De(), { data: ve } = he.getCamerasQuery({
+			page: 1,
+			pageSize: -1
+		}), we = w(), N = w(), F = w(null), I = w(null), ke = w({
+			x: 0,
+			y: 0
+		}), Ae = w(null), Me = w({
+			x: 0,
+			y: 0
+		}), Ne = w(), Pe = w(null), Fe = w({
+			x: 0,
+			y: 0
+		}), Ie = w(), Re = w(null), Be = w(null), We = w({
+			version: 0,
+			updatedAt: 0,
+			levels: [],
+			rooms: []
+		}), z = w([]), B = w([]), V = w([]), H = w([]), U = w([]), W = w(""), Qe = w(null), G = w(null), $e = w(!1), et = w(!0), tt = w(!1), nt = w(""), rt = te("sheetRef"), it = w(0), K = w(0), at = w(!1), q = ne([]), ot = ne([]), st = [
+			{
+				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"
+			}
+		], ct = 0, lt = !1, ft, pt, mt, J = _e(void 0, "admin"), ht = h(() => Math.max(it.value - Zi, 0)), gt = h(() => q.value.length > 0), Y = h(() => ot.value.length > 0), X = h(() => (ve.value?.result ?? []).find((e) => e._id === Be.value)), _t = h(() => z.value.find((e) => e.id === W.value)), vt = h(() => Mt() !== nt.value), yt = h(() => new Map((ve.value?.result ?? []).map((e) => [e._id, e.name]))), bt = h(() => j.value.filter((e) => oe.has(String(e.type)))), Z = h(() => new Map(bt.value.map((e) => [e.id, {
+			name: At(e),
+			owner: jt(e)
+		}]))), xt = h(() => {
+			let e = new Set(U.value.map((e) => e.id));
+			return bt.value.filter((t) => !e.has(t.id)).map((e) => ({
+				id: e.id,
+				name: At(e),
+				subtitle: jt(e),
+				sensorType: String(e.type)
+			}));
+		}), St = h(() => {
+			let e = new Set(B.value.map((e) => e.roomId));
+			return We.value.rooms.filter((t) => !e.has(t.id)).map((e) => ({
+				id: e.id,
+				name: e.name
+			}));
+		}), Ct = h(() => {
+			let e = new Set(H.value.map((e) => e.id));
+			return (ve.value?.result ?? []).filter((t) => !e.has(t._id)).map((e) => ({
+				id: e._id,
+				name: e.name
+			}));
+		}), wt = h(() => S.value || !G.value ? void 0 : "calc(300px + 1.25rem + env(safe-area-inset-right, 0px))"), Tt = h(() => z.value.findIndex((e) => e.id === W.value)), Et = h(() => [...z.value].reverse().map((e) => ({
+			key: e.id,
+			label: e.name,
+			icon: l(gi),
+			active: e.id === W.value,
+			onClick: () => W.value = e.id
+		}))), Dt = h(() => [
+			{
+				label: f("views.floorplan.undo"),
+				icon: Je,
+				buttonProps: { disabled: !gt.value },
+				command: It
+			},
+			{
+				label: f("views.floorplan.redo"),
+				icon: Ke,
+				buttonProps: { disabled: !Y.value },
+				command: Lt
+			},
+			{
+				label: f("views.floorplan.clear_level"),
+				icon: qe,
+				buttonProps: { disabled: !z.value.length },
+				command: kn
+			},
+			{
+				label: f("views.floorplan.revert"),
+				icon: yi,
+				buttonProps: { disabled: !vt.value },
+				command: Nn
+			}
+		]), Ot = h(() => {
+			let e = B.value.find((e) => e.roomId === F.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(Si),
+				onClick: () => dn({
+					fromRoomId: e.roomId,
+					toRoomId: t.roomId
+				})
+			}));
+		}), kt = 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 At(e) {
+			return e.displayName.value || e.name;
+		}
+		function jt(e) {
+			return e.assignedCameraIds.value.map((e) => yt.value.get(e)).filter(Boolean).join(", ");
+		}
+		function Mt() {
+			return JSON.stringify(Nt());
+		}
+		function Nt() {
+			return {
+				catalogVersion: We.value.version,
+				north: Qe.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 Pt(e) {
+			Qe.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) => zt({ ...e })), H.value = e.cameras.map((e) => ({
+				id: e.cameraId,
+				name: yt.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: Z.value.get(e.sensorId)?.name ?? e.sensorId,
+				owner: Z.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 Ft(e, t) {
+			We.value = t;
+			let n = new Map(t.rooms.map((e) => [e.id, e]));
+			Pt({
+				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 ?? []
+			}), nt.value = Mt(), q.value = [], ot.value = [];
+		}
+		function Q(e = !1) {
+			let t = Date.now();
+			if (e && t - ct < 600) return;
+			ct = t;
+			let n = [...q.value, Mt()];
+			n.length > Xi && n.shift(), q.value = n, ot.value = [];
+		}
+		function It() {
+			let e = [...q.value], t = e.pop();
+			t && (ot.value = [...ot.value, Mt()], q.value = e, ct = 0, Pt(JSON.parse(t)));
+		}
+		function Lt() {
+			let e = [...ot.value], t = e.pop();
+			t && (q.value = [...q.value, Mt()], ot.value = e, ct = 0, Pt(JSON.parse(t)));
+		}
+		function Rt(e) {
+			return B.value.find((t) => t.id === e);
+		}
+		function zt(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 (ut(r, t)) return {
+				...e,
+				fromShapeId: r.id,
+				toShapeId: t.id
+			};
+			return {
+				...e,
+				fromShapeId: t[0]?.id ?? null,
+				toShapeId: n[0]?.id ?? null
+			};
+		}
+		function Bt(e) {
+			return B.value.filter((t) => t.roomId === e);
+		}
+		function Vt(e) {
+			let t = Rt(e);
+			if (!t) return;
+			let n = Bt(t.roomId).filter((e) => e.id !== t.id);
+			if (!n.length || n.some((e) => ut(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 = crypto.randomUUID();
+			for (let e of H.value) e.roomId === t.roomId && gn(t, e) && (e.roomId = a);
+			Object.assign(t, {
+				roomId: a,
+				name: i
+			}), ae.add({
+				severity: "info",
+				detail: f("views.floorplan.room_detached", { name: i }),
+				life: 4e3
+			});
+		}
+		function Ht(e, t) {
+			let n = Bt(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 && gn(e, n) && (n.roomId = t);
+			Bt(r).length || (H.value = H.value.filter((e) => e.roomId !== r), V.value = V.value.filter((e) => e.fromRoomId !== r && e.toRoomId !== r));
+		}
+		function Ut(e) {
+			return H.value.find((t) => t.id === e);
+		}
+		function Wt({ id: e, x: t, y: n }) {
+			let r = Rt(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 || !gn(r, e) || (e.x += i, e.y += a);
+		}
+		function Gt({ id: e, width: t, height: n }) {
+			let r = Rt(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 Kt({ id: e, x: t, y: n }) {
+			let r = Ut(e);
+			r && (r.x = t, r.y = n);
+		}
+		function qt({ id: e, rotation: t, range: n }) {
+			let r = Ut(e);
+			r && (r.rotation = t, r.range = n);
+		}
+		function Jt({ id: e, patch: t }) {
+			Q(!0);
+			let n = Rt(e);
+			if (!n) return;
+			if (t.roomId && t.roomId !== n.roomId) {
+				Ht(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 Bt(n.roomId)) Object.assign(e, i);
+				if (t.levelId) for (let e of H.value) e.roomId === n.roomId && (e.levelId = t.levelId);
+			}
+		}
+		function Yt({ id: e, patch: t }) {
+			Q(!0);
+			let n = Ut(e);
+			if (n && (Object.assign(n, t), t.roomId)) {
+				let e = Bt(t.roomId), r = e.find((e) => gn(e, n)) ?? e[0];
+				r && !gn(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 Xt({ id: e, x: t, y: n }) {
+			let r = U.value.find((t) => t.id === e);
+			r && Object.assign(r, {
+				x: t,
+				y: n
+			});
+		}
+		function Zt({ 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 Qt(e) {
+			return j.value.find((t) => t.id === e);
+		}
+		function $t(e) {
+			return J && !Ce.has(e);
+		}
+		async function en(e) {
+			J && await k(Qt(e));
+		}
+		async function tn(e, t) {
+			J && await O(Qt(e), t);
+		}
+		function nn() {
+			clearTimeout(pt);
+		}
+		function rn() {
+			clearTimeout(pt), pt = setTimeout(() => {
+				Re.value = null, Ie.value?.hide();
+			}, 220);
+		}
+		function an(e) {
+			if (!e) return rn();
+			nn(), Re.value = e.sensorId, Fe.value = {
+				x: e.x,
+				y: e.y
+			}, o(() => {
+				Pe.value && Ie.value?.show({ currentTarget: Pe.value });
+			});
+		}
+		function on(e) {
+			if (clearTimeout(ft), !e) {
+				cn();
+				return;
+			}
+			Me.value = {
+				x: e.x,
+				y: e.y
+			}, Be.value = e.cameraId, ft = setTimeout(() => {
+				Ae.value && Ne.value?.show({ currentTarget: Ae.value });
+			}, 350);
+		}
+		function sn() {
+			clearTimeout(ft);
+		}
+		function cn() {
+			ft = setTimeout(() => {
+				Ne.value?.hide(), Be.value = null;
+			}, 200);
+		}
+		function ln({ roomId: e, event: t }) {
+			F.value = e, ke.value = {
+				x: t.clientX,
+				y: t.clientY
+			}, o(() => N.value?.toggleMenu(t, I.value));
+		}
+		function un({ id: e, patch: t }) {
+			Q(!0);
+			let n = V.value.find((t) => t.id === e);
+			n && Object.assign(n, t);
+		}
+		function dn({ fromRoomId: e, toRoomId: t, fromShapeId: n, toShapeId: r }) {
+			Q();
+			let i = B.value.find((e) => e.id === n) ?? Bt(e)[0], a = B.value.find((e) => e.id === r) ?? Bt(t)[0], o = i && a ? ut(i, a) : null, s = {
+				id: crypto.randomUUID(),
+				fromRoomId: e,
+				toRoomId: t,
+				fromShapeId: i?.id ?? null,
+				toShapeId: a?.id ?? null,
+				offset: o ? fn(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 fn(e, t, n) {
+			let r = V.value.filter((e) => e.fromShapeId === t && e.toShapeId === n).map((t) => dt(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 pn({ id: e, offset: t }) {
+			Q(!0);
+			let n = V.value.find((t) => t.id === e);
+			n && (n.offset = t);
+		}
+		function hn({ 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 gn(e, t) {
+			return t.x >= e.x && t.x <= e.x + e.width && t.y >= e.y && t.y <= e.y + e.height;
+		}
+		function _n(e) {
+			if (Q(), e.kind === "room") {
+				let t = Rt(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 || !gn(t, e)), Bt(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 vn(e, t, n) {
+			Q();
+			let r = yn(Math.round(e - 120), Math.round(t - 100), 240, 200), i = n ? We.value.rooms.find((e) => e.id === n) : void 0, a = {
+				id: crypto.randomUUID(),
+				roomId: i?.id ?? crypto.randomUUID(),
+				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 yn(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 bn(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: yt.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 xn(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: Z.value.get(e)?.name ?? e,
+				owner: Z.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 Sn({ kind: e, cameraId: t, sensorId: n, sensorType: r, roomId: i, x: a, y: o }) {
+			z.value.length && (e === "room" ? vn(a, o, i) : e === "sensor" && n && r ? xn(n, r, a, o) : t && bn(t, a, o));
+		}
+		function Cn(e) {
+			Sn({
+				...e,
+				x: kt.value.x,
+				y: kt.value.y
+			});
+		}
+		function wn(e) {
+			$e.value = !1, Cn(e);
+		}
+		function Tn() {
+			re.openComponentDialog(Di, {
+				data: {
+					title: f("views.floorplan.add_level"),
+					confirmText: f("components.form.button.add"),
+					contentProps: {}
+				},
+				onConfirm: (e) => {
+					if (!e) return;
+					Q();
+					let t = {
+						id: crypto.randomUUID(),
+						name: e
+					};
+					z.value.push(t), W.value = t.id, G.value = null;
+				}
+			});
+		}
+		function En() {
+			let e = _t.value;
+			e && re.openComponentDialog(Di, {
+				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 Dn() {
+			if (!_t.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 On(e) {
+			let t = Tt.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 kn() {
+			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 An() {
+			tt.value = !0;
+			try {
+				Ft(await wi(Nt()), await Ye()), await jn(), ae.add({
+					severity: "success",
+					detail: f("views.floorplan.saved"),
+					life: 3e3
+				});
+			} catch (e) {
+				ae.add({
+					severity: "error",
+					detail: M(e),
+					life: 5e3
+				});
+			} finally {
+				tt.value = !1;
+			}
+		}
+		async function jn() {
+			await Promise.all([
+				he.queryClient.refetchQueries({ queryKey: ["camerasList"] }),
+				he.queryClient.refetchQueries({ queryKey: ["cameras"] }),
+				he.queryClient.refetchQueries({
+					queryKey: ["rooms"],
+					exact: !0
+				})
+			]);
+		}
+		async function Mn() {
+			try {
+				let [e, t] = await Promise.all([Ci(), Ye()]);
+				Ft(e, t);
+			} catch (e) {
+				ae.add({
+					severity: "error",
+					detail: M(e),
+					life: 5e3
+				});
+			} finally {
+				et.value = !1;
+			}
+		}
+		async function Nn() {
+			await Mn();
+		}
+		function Pn(e) {
+			if (!J) 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 ? Lt() : It();
+				return;
+			}
+			if (n && e.key.toLowerCase() === "y") {
+				e.preventDefault(), Lt();
+				return;
+			}
+			(e.key === "Delete" || e.key === "Backspace") && G.value && (e.preventDefault(), _n(G.value));
+		}
+		let Fn = me.onPlan(async (e) => {
+			vt.value || (Ft(e, await Ye()), await jn());
+		});
+		function In(e) {
+			let t = e.clientY, n = K.value, r = !1;
+			at.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), ht.value);
+			}, a = () => {
+				window.removeEventListener("pointermove", i), window.removeEventListener("pointerup", a), window.removeEventListener("pointercancel", a), at.value = !1, r ? K.value = K.value > ht.value * .35 ? ht.value : 0 : K.value = n > 0 ? 0 : ht.value;
+			};
+			window.addEventListener("pointermove", i), window.addEventListener("pointerup", a), window.addEventListener("pointercancel", a);
+		}
+		return ee(yt, (e) => {
+			for (let t of H.value) t.name = e.get(t.id) ?? t.id;
+		}), ee(Z, (e) => {
+			for (let t of U.value) t.name = e.get(t.id)?.name ?? t.id, t.owner = e.get(t.id)?.owner ?? "";
+		}), ee(rt, (e) => {
+			if (mt?.disconnect(), !e) {
+				it.value = 0;
+				return;
+			}
+			mt = new ResizeObserver(([e]) => it.value = Math.round(e.contentRect.height)), mt.observe(e);
+		}), ee(() => G.value && `${G.value.kind}:${G.value.id}`, () => K.value = 0), ie(() => {
+			me.connect(), window.addEventListener("keydown", Pn), Mn();
+		}), ue((e) => !vt.value || lt ? !0 : (re.openTextDialog({
+			data: {
+				title: f("views.floorplan.unsaved_title"),
+				contentText: f("views.floorplan.unsaved_message"),
+				confirmText: f("views.floorplan.discard")
+			},
+			onConfirm: async () => {
+				lt = !0, fe.push(e.fullPath);
+			}
+		}), !1)), t(() => {
+			clearTimeout(ft), clearTimeout(pt), Fn(), mt?.disconnect(), window.removeEventListener("keydown", Pn);
+		}), (e, t) => {
+			let o = Ue, l = Oe, f = A, h = gi, ee = D, te = pi, ne = je, w = He, re = Xe, ie = Ve, ae = L, oe = ui, ce = jr, le = mn, ue = Le, fe = Ge, O = ze, me = P, he = xe, ge = Ze, k = se, j = E;
+			return r(), _("div", Pi, [
+				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", Fi, [
+					T(l, {
+						severity: "secondary",
+						text: "",
+						class: "cui-button-medium shrink-0",
+						label: m(_t)?.name ?? e.$t("views.floorplan.no_levels"),
+						disabled: !m(z).length,
+						onClick: t[1] ||= (e) => m(we)?.toggleMenu(e)
+					}, {
+						icon: g(() => [T(h)]),
+						_: 1
+					}, 8, ["label", "disabled"]),
+					t[13] ||= b("div", { class: "flex-1" }, null, -1),
+					m(J) ? (r(), _(y, { key: 0 }, [
+						x((r(), u(l, {
+							severity: "secondary",
+							text: "",
+							rounded: "",
+							class: "cui-icon-md shrink-0",
+							disabled: m(Tt) < 1,
+							onClick: t[2] ||= (e) => On(-1)
+						}, {
+							icon: g(() => [T(ee, {
+								width: "100%",
+								height: "100%"
+							})]),
+							_: 1
+						}, 8, ["disabled"])), [[
+							j,
+							{ 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(Tt) < 0 || m(Tt) >= m(z).length - 1,
+							onClick: t[3] ||= (e) => On(1)
+						}, {
+							icon: g(() => [T(te, {
+								width: "100%",
+								height: "100%"
+							})]),
+							_: 1
+						}, 8, ["disabled"])), [[
+							j,
+							{ 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: Dn
+						}, {
+							icon: g(() => [T(w, {
+								width: "100%",
+								height: "100%"
+							})]),
+							_: 1
+						}, 8, ["disabled"])), [[
+							j,
+							{ 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: En
+						}, {
+							icon: g(() => [T(re, {
+								width: "100%",
+								height: "100%"
+							})]),
+							_: 1
+						}, 8, ["disabled"])), [[
+							j,
+							{ 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: Tn
+						}, {
+							icon: g(() => [T(ie, {
+								width: "100%",
+								height: "100%"
+							})]),
+							_: 1
+						})), [[
+							j,
+							{ value: e.$t("views.floorplan.add_level") },
+							void 0,
+							{ bottom: !0 }
+						]])
+					], 64)) : d("", !0)
+				]),
+				m(et) ? (r(), _("div", Ii, [T(ae, {
+					class: "w-[30px] h-[30px] m-0",
+					"stroke-width": "5"
+				})])) : (r(), _("div", Li, [
+					m(J) && !m(S) ? (r(), u(oe, {
+						key: 0,
+						cameras: m(Ct),
+						sensors: m(xt),
+						rooms: m(St),
+						disabled: !m(z).length,
+						class: "w-[240px] shrink-0",
+						onPick: Cn
+					}, null, 8, [
+						"cameras",
+						"sensors",
+						"rooms",
+						"disabled"
+					])) : d("", !0),
+					T(ce, {
+						mobile: m(S),
+						"bottom-inset": m(S) && m(G) ? Math.max(m(it) - m(K), 0) : 0,
+						"bottom-inset-dragging": m(at),
+						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(J),
+						north: m(Qe),
+						class: "flex-1 min-w-0",
+						onSelect: t[4] ||= (e) => G.value = e,
+						onHistory: t[5] ||= (e) => Q(),
+						onCreateConnection: dn,
+						onDrop: Sn,
+						onUpdateNorth: t[6] ||= (e) => Qe.value = e,
+						onRequestStairs: ln,
+						onHoverCamera: on,
+						onMoveRoom: Wt,
+						onResizeRoom: Gt,
+						onSettleRoom: Vt,
+						onMoveCamera: Kt,
+						onMoveSensor: Xt,
+						onHoverSensor: an,
+						onRotateCamera: qt,
+						onMoveConnection: pn,
+						onResizeConnection: hn
+					}, null, 8, [
+						"mobile",
+						"bottom-inset",
+						"bottom-inset-dragging",
+						"levels",
+						"rooms",
+						"connections",
+						"cameras",
+						"sensors",
+						"level-id",
+						"selection",
+						"read-only",
+						"north"
+					]),
+					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(le, {
+						key: 0,
+						rooms: m(B),
+						connections: m(V),
+						cameras: m(H),
+						sensors: m(U),
+						levels: m(z),
+						selection: m(G),
+						"read-only": !m(J),
+						class: "w-[300px]",
+						onClose: t[7] ||= (e) => G.value = null,
+						onUpdateRoom: Jt,
+						onUpdateCamera: Yt,
+						onUpdateSensor: Zt,
+						onUpdateConnection: un,
+						onRemove: _n
+					}, 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: rt,
+					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 + env(safe-area-inset-bottom, 0px))`,
+						transform: `translateY(${m(K)}px)`,
+						transition: m(at) ? "none" : "transform 0.2s ease-in-out"
+					})
+				}, [b("div", {
+					class: "flex justify-center py-2 cursor-grab active:cursor-grabbing sheet-grip",
+					onPointerdown: In
+				}, [...t[14] ||= [b("div", { class: "w-10 h-1 rounded-full sheet-grip-bar" }, null, -1)]], 32), T(le, {
+					rooms: m(B),
+					connections: m(V),
+					cameras: m(H),
+					sensors: m(U),
+					levels: m(z),
+					selection: m(G),
+					"read-only": !m(J),
+					fluid: "",
+					class: "max-h-[55vh]",
+					onClose: t[8] ||= (e) => G.value = null,
+					onUpdateRoom: Jt,
+					onUpdateCamera: Yt,
+					onUpdateSensor: Zt,
+					onUpdateConnection: un,
+					onRemove: _n
+				}, null, 8, [
+					"rooms",
+					"connections",
+					"cameras",
+					"sensors",
+					"levels",
+					"selection",
+					"read-only"
+				])], 4)) : d("", !0),
+				m(J) && !m(et) ? (r(), u(ue, {
+					key: 3,
+					model: m(Dt),
+					direction: "up",
+					"transition-delay": 80,
+					"tooltip-options": {
+						position: "left",
+						event: void 0
+					},
+					style: v({
+						position: "fixed",
+						zIndex: 15,
+						bottom: `calc(${m(C)}px + ${m(vt) ? "4.25rem" : "1.25rem"} + env(safe-area-inset-bottom, 0px))`,
+						right: m(wt) || "calc(1.25rem + env(safe-area-inset-right, 0px))",
+						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", Ri, [
+							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"])), [[j, { value: e.label }]])]),
+					_: 1
+				}, 8, ["model", "style"])) : d("", !0),
+				m(J) && m(vt) ? x((r(), u(l, {
+					key: 4,
+					rounded: "",
+					severity: "success",
+					class: "text-white",
+					loading: m(tt),
+					style: v({
+						position: "fixed",
+						zIndex: 15,
+						bottom: `calc(${m(C)}px + ${Math.max(m(it) - m(K), 0)}px + 1.25rem + env(safe-area-inset-bottom, 0px))`,
+						right: m(wt) || "calc(1.25rem + env(safe-area-inset-right, 0px))",
+						transition: m(at) ? "right 0.2s ease-in-out" : "right 0.2s ease-in-out, bottom 0.2s ease-in-out"
+					}),
+					onClick: An
+				}, {
+					icon: g(() => [T(fe, { class: "w-5 h-5" })]),
+					_: 1
+				}, 8, ["loading", "style"])), [[j, { value: e.$t("views.floorplan.save") }]]) : d("", !0),
+				m(J) && m(S) && !m(et) ? 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 + env(safe-area-inset-bottom, 0px))`,
+						right: "calc(4.75rem + env(safe-area-inset-right, 0px))"
+					}),
+					onClick: t[9] ||= (e) => $e.value = !0
+				}, {
+					icon: g(() => [T(ie, { class: "w-5 h-5" })]),
+					_: 1
+				}, 8, ["style"])), [[j, { value: e.$t("views.floorplan.palette") }]]) : d("", !0),
+				T(O, {
+					modelValue: m($e),
+					"onUpdate:modelValue": t[10] ||= (e) => p($e) ? $e.value = e : null,
+					title: e.$t("views.floorplan.palette"),
+					"max-height": "70vh"
+				}, {
+					default: g(() => [T(oe, {
+						cameras: m(Ct),
+						sensors: m(xt),
+						rooms: m(St),
+						disabled: !m(z).length,
+						mode: "click",
+						onPick: wn
+					}, null, 8, [
+						"cameras",
+						"sensors",
+						"rooms",
+						"disabled"
+					])]),
+					_: 1
+				}, 8, ["modelValue", "title"]),
+				b("div", {
+					ref_key: "menuAnchorRef",
+					ref: I,
+					class: "fixed w-0 h-0",
+					style: v({
+						left: `${m(ke).x}px`,
+						top: `${m(ke).y}px`
+					})
+				}, null, 4),
+				b("div", {
+					ref_key: "previewAnchorRef",
+					ref: Ae,
+					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: Pe,
+					class: "fixed w-0 h-0",
+					style: v({
+						left: `${m(Fe).x}px`,
+						top: `${m(Fe).y}px`
+					})
+				}, null, 4),
+				T(me, {
+					ref_key: "sensorPopoverRef",
+					ref: Ie,
+					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: nn,
+						onPointerleave: rn
+					}, [
+						b("div", zi, [b("div", Bi, [(r(), u(c(m(pe)(m($).sensorType, Qt(m($).id))), { class: "w-4 h-4" }))]), b("div", Vi, [
+							b("div", Hi, i(m($).name), 1),
+							m($).owner ? (r(), _("div", Ui, i(m($).owner), 1)) : d("", !0),
+							b("div", Wi, i(m(de)(m($).sensorType, Qt(m($).id))), 1)
+						])]),
+						m($).note ? (r(), _("div", Gi, i(m($).note), 1)) : d("", !0),
+						m($).sensorType === "securitySystem" ? (r(), _("div", Ki, [(r(), _(y, null, n(st, (t) => T(l, {
+							key: t.value,
+							severity: "secondary",
+							outlined: m(Se)(Qt(m($).id)) !== t.value,
+							size: "small",
+							class: "cui-button-medium",
+							label: e.$t(t.labelKey),
+							onClick: (e) => tn(m($).id, t.value)
+						}, null, 8, [
+							"outlined",
+							"label",
+							"onClick"
+						])), 64))])) : $t(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) => en(m($).id)
+						}, null, 8, ["label"])) : d("", !0)
+					], 32)) : d("", !0)]),
+					_: 1
+				}, 512),
+				T(me, {
+					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: sn,
+						onPointerleave: cn
+					}, [b("div", qi, [m(X) ? (r(), u(he, {
+						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", Ji, [b("span", Yi, 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(ge, { class: "w-4 h-4" })]),
+						_: 1
+					})), [[
+						j,
+						{ value: e.$t("views.floorplan.open_camera") },
+						void 0,
+						{ top: !0 }
+					]])])) : d("", !0)], 32)]),
+					_: 1
+				}, 512),
+				T(k, {
+					ref_key: "stairsMenuRef",
+					ref: N,
+					items: m(Ot),
+					"max-height": "320px",
+					popover: { pt: { content: { class: "p-0! rounded-xl! overflow-hidden!" } } }
+				}, null, 8, ["items"]),
+				T(k, {
+					ref_key: "levelMenuRef",
+					ref: we,
+					items: m(Et),
+					popover: { pt: { content: { class: "p-0! rounded-xl! overflow-hidden!" } } }
+				}, null, 8, ["items"])
+			]);
+		};
+	}
+}), [["__scopeId", "data-v-7b86d341"]]);
+//#endregion
+export { Qi as default };