@camera.ui/server 2.2.5-beta.0 → 2.2.5-beta.2

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

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