@camera.ui/server 2.2.7 → 2.3.0

package/dist/interface/ha/ungrouped-x00DHNHO.js

@@ -1,1311 +0,0 @@
-import { Et as e, et as t, f as n, gt as r, i, m as a, rt as o } from "./ripple-ZDATPc2w.js";
-import { n as s } from "./virtualscroller-B-UQZDMJ.js";
-import { A as c, D as l, G as u, H as d, Jt as f, K as p, M as m, N as h, Wt as g, Y as _, _t as v, d as y, f as b, gt as x, kt as S, l as C, lt as w, ot as ee, p as T, q as E, r as D, rt as O, st as te, u as k, ut as ne, x as A, xt as j, y as M, z as re } from "./runtime-core.esm-bundler-_TfE0DWz.js";
-import { $ as ie, $n as ae, Dn as oe, Er as N, Fn as se, Hr as ce, On as le, Pn as P, Q as ue, Rn as de, Si as fe, Tr as pe, Un as me, Wn as he, Xn as ge, _r as _e, br as ve, ct as ye, er as be, et as xe, gr as Se, gt as Ce, it as we, lr as Te, lt as Ee, nt as De, o as Oe, rr as ke, rt as Ae, tt as je, ur as Me } from "./api-BelbnLQO.js";
-import { A as Ne, _ as Pe, o as Fe } from "./intercomService-B7HkLs6z.js";
-import { n as Ie } from "./vue-i18n-D5EAy78K.js";
-import { i as Le } from "./alert-outline-FcLLjoOK.js";
-import { t as Re } from "./eventIcons-BFNUgeGr.js";
-import { t as ze } from "./spinner-DIILjDT9.js";
-import { M as Be } from "./dist-BybVYMVs.js";
-import { t as F } from "./inputtext-C_ygnPrC.js";
-import { t as I } from "./select-DV7p2EDj.js";
-//#region ~icons/tabler/user-edit
-var L = {
-	viewBox: "0 0 24 24",
-	width: "1.2em",
-	height: "1.2em"
-};
-function Ve(e, t) {
-	return d(), T("svg", L, [...t[0] ||= [k("path", {
-		fill: "none",
-		stroke: "currentColor",
-		"stroke-linecap": "round",
-		"stroke-linejoin": "round",
-		"stroke-width": "2",
-		d: "M8 7a4 4 0 1 0 8 0a4 4 0 0 0-8 0M6 21v-2a4 4 0 0 1 4-4h3.5m4.92.61a2.1 2.1 0 0 1 2.97 2.97L18 22h-3v-3z"
-	}, null, -1)]]);
-}
-var He = v({
-	name: "tabler-user-edit",
-	render: Ve
-}), R = { class: "flex flex-col gap-4 w-full" }, z = {
-	key: 0,
-	class: "flex justify-center"
-}, B = ["src", "alt"], V = { class: "flex flex-col gap-2 w-full" }, H = { class: "cui-label" }, U = { class: "flex flex-col gap-2 w-full" }, W = {
-	for: "reassignTarget",
-	class: "cui-label"
-}, Ue = /* @__PURE__ */ A({
-	__name: "FaceReassign",
-	props: {
-		cropUrl: {},
-		oldName: {}
-	},
-	setup(e, { expose: t }) {
-		let n = e, { t: r } = Ie(), { plugin: i } = Be("@camera.ui/camera-ui-nvr"), a = j(null), o = j([]), s = j(!0), c = C(() => n.oldName === "unknown" ? r("views.recordings.reassign_unknown_person") : n.oldName), l = C(() => {
-			let e = o.value.filter((e) => e !== n.oldName).map((e) => ({
-				label: e,
-				value: e
-			}));
-			return n.oldName !== "unknown" && e.push({
-				label: r("views.recordings.reassign_unknown"),
-				value: ""
-			}), e;
-		});
-		return re(async () => {
-			try {
-				let e = await i.value?.listKnownFaces?.();
-				o.value = (e ?? []).map((e) => e.name);
-			} catch {} finally {
-				s.value = !1;
-			}
-		}), t({ onConfirm: async () => a.value }), (e, t) => {
-			let r = F, i = I;
-			return d(), T("div", R, [
-				n.cropUrl ? (d(), T("div", z, [k("img", {
-					src: n.cropUrl,
-					alt: S(c),
-					class: "w-36 h-36 rounded-xl object-cover bg-neutral-900"
-				}, null, 8, B)])) : b("", !0),
-				k("div", V, [k("label", H, f(e.$t("views.recordings.reassign_current")), 1), M(r, {
-					"model-value": S(c),
-					class: "w-full",
-					fluid: "",
-					disabled: ""
-				}, null, 8, ["model-value"])]),
-				k("div", U, [k("label", W, f(e.$t("views.recordings.reassign_new")), 1), M(i, {
-					id: "reassignTarget",
-					modelValue: S(a),
-					"onUpdate:modelValue": t[0] ||= (e) => x(a) ? a.value = e : null,
-					options: S(l),
-					"option-label": "label",
-					"option-value": "value",
-					class: "w-full",
-					fluid: "",
-					loading: S(s),
-					disabled: S(s),
-					placeholder: e.$t("views.faces.enter_or_pick_name")
-				}, null, 8, [
-					"modelValue",
-					"options",
-					"loading",
-					"disabled",
-					"placeholder"
-				])])
-			]);
-		};
-	}
-}), We = {
-	key: 0,
-	class: "card-skeleton absolute inset-0 rounded-xl"
-}, Ge = {
-	key: 2,
-	class: "w-full h-full flex items-center justify-center bg-neutral-800/80"
-}, Ke = { class: "absolute top-0 left-0 right-0 p-2 bg-gradient-to-b from-black/80 to-transparent z-[3]" }, qe = { class: "flex items-center gap-1.5" }, Je = { class: "text-xs font-semibold text-white truncate min-w-0 flex-1" }, Ye = {
-	key: 0,
-	class: "text-[10px] font-semibold text-white/80 bg-black/60 px-1.5 py-0.5 rounded-md shrink-0"
-}, Xe = ["title"], Ze = ["title", "disabled"], Qe = { class: "text-[10px] text-white/70" }, $e = ["aria-label"], et = ["aria-label"], tt = { class: "block text-[11px] text-white font-medium truncate bg-black/50 rounded-md px-2 py-0.5" }, nt = { class: "flex items-center gap-1 min-w-0" }, rt = ["title"], it = {
-	key: 0,
-	class: "flex items-center gap-0.5 shrink-0 opacity-85 group-hover:opacity-100 transition-opacity duration-200"
-}, at = ["onClick"], ot = ["src", "alt"], st = {
-	key: 0,
-	class: "text-[10px] text-white/60 font-medium"
-}, ct = {
-	key: 6,
-	class: "absolute inset-0 z-[4] flex items-center justify-center pointer-events-none"
-}, lt = {
-	key: 7,
-	class: "absolute bottom-10 left-1/2 -translate-x-1/2 z-[4] pointer-events-none"
-}, ut = {
-	class: "text-[10px] font-semibold text-white bg-black/60 px-1.5 py-0.5 rounded-md whitespace-nowrap",
-	style: { "font-variant-numeric": "tabular-nums" }
-}, dt = 24, ft = 30, pt = 22, mt = 28, ht = 8, gt = 8, G = /*#__PURE__*/ N(/* @__PURE__ */ A({
-	__name: "RecordingCard",
-	props: {
-		event: {},
-		cameraName: {},
-		camera: {},
-		loadThumbnails: { type: Function },
-		semanticScore: {},
-		segIndex: {},
-		hideSegmentBadge: { type: Boolean },
-		selectionMode: { type: Boolean },
-		selected: { type: Boolean },
-		siblingActive: { type: Boolean }
-	},
-	emits: [
-		"scrollToEvent",
-		"select",
-		"openTrace"
-	],
-	setup(e, { emit: t }) {
-		let r = e, i = t, o = Fe(), s = fe(), { t: c } = Ie(), p = ce(), m = ge("@camera.ui/camera-ui-nvr"), { plugin: v } = Be("@camera.ui/camera-ui-nvr"), x = Ce(), { icons: w } = Re(), E = m.getCachedThumbnails(r.event.id), te = E ? P(E, r.event, "card", r.segIndex).url ? "loaded" : "empty" : "loading", A = l(he, void 0), N = O("rootRef"), Pe = O("previewCanvasRef"), ze = O("footerRef"), F = O("cardMenuRef"), I = j(!1), L = j(!1), Ve = De(N, () => Kt(), () => $()), R = j(!1), z = j(E ?? null), B = j(te), V = j(!1), H = j(0), U = j(null), W = j(!1), G = j(), _t = j(0), vt = C(() => Se(void 0, "admin")), yt = C(() => U.value ?? r.event.favorite ?? !1), bt = C(() => {
-			if (r.semanticScore == null) return;
-			let e = Math.max(0, Math.min(1, r.semanticScore));
-			return {
-				pct: e,
-				label: `${(e * 100).toFixed(0)}%`,
-				color: e >= .5 ? "bg-green-500/80" : e >= .25 ? "bg-yellow-500/80" : "bg-red-400/80"
-			};
-		}), K = C(() => z.value ? P(z.value, r.event, "card", r.segIndex) : null), q = C(() => {
-			let e = r.segIndex ?? K.value?.segIndex;
-			return e === void 0 ? void 0 : r.event.segments?.[e];
-		}), xt = C(() => K.value?.url), St = C(() => K.value?.label), Ct = C(() => K.value?.type ?? r.event.types[0] ?? "motion"), J = C(() => {
-			if (r.hideSegmentBadge) return;
-			let e = r.event.segments?.length ?? 0;
-			return r.segIndex !== void 0 && e > 1 ? `${r.segIndex + 1}/${e}` : void 0;
-		}), Y = C(() => {
-			let e = z.value, t = K.value?.url;
-			if (!e || !t) return [];
-			let n = [{
-				url: t,
-				label: K.value?.label,
-				type: Ct.value,
-				crop: !1
-			}];
-			for (let t of se(e, r.segIndex)) {
-				if (n.some((e) => e.url === t.url)) continue;
-				let e = t.key.split(":")[0];
-				n.push({
-					url: t.url,
-					label: t.label,
-					type: t.type,
-					crop: !0,
-					faceSeg: /^\d+$/.test(e) ? Number(e) : -1
-				});
-			}
-			if (r.segIndex === void 0) for (let t of Object.keys(e.cards ?? e.strips ?? {}).sort((e, t) => Number(e) - Number(t))) {
-				let i = me(e.cards?.[t] ?? e.strips?.[t]);
-				if (!i || n.some((e) => e.url === i)) continue;
-				let a = we(r.event, t);
-				n.push({
-					url: i,
-					label: a,
-					type: a,
-					crop: !1
-				});
-			}
-			return n.length > 1 ? n : [];
-		}), wt = C(() => Y.value.length > 1), X = C(() => Y.value.length ? Math.min(H.value, Y.value.length - 1) : 0), Z = C(() => wt.value ? Y.value[X.value] : void 0), Tt = C(() => !!Z.value?.crop), Et = C(() => Z.value?.url ?? xt.value), Dt = C(() => Z.value?.label ?? St.value), Q = C(() => {
-			let e = q.value;
-			return (e ? ae(r.event, e) : [...new Set(r.event.types)]).filter((e) => e !== "motion" && e !== "audio");
-		}), Ot = C(() => r.cameraName ?? r.event.cameraId), kt = C(() => Y.value.map((e) => ({
-			url: e.url,
-			type: e.type
-		}))), At = C(() => Q.value.slice(0, jt.value.icons)), jt = C(() => {
-			let e = _t.value;
-			if (!e) return {
-				icons: 2,
-				tiles: 2
-			};
-			let t = e - ht;
-			r.selectionMode && (t -= mt);
-			let n = kt.value.length > 0 ? 52 : 0, i = Ht(Q.value.length, Math.max(0, t - n), dt), a = Q.value.length > 0 ? Math.max(1, i) : 0, o = a * dt + (a < Q.value.length ? pt : 0);
-			return {
-				icons: a,
-				tiles: Ht(kt.value.length, Math.max(0, t - o), ft)
-			};
-		}), Mt = C(() => Q.value.slice(jt.value.icons)), Nt = C(() => kt.value.slice(0, jt.value.tiles)), Pt = C(() => kt.value.length - jt.value.tiles), Ft = C(() => {
-			let e = new Date(q.value?.firstSeen ?? r.event.thumbnailAt ?? r.event.startTime), t = /* @__PURE__ */ new Date(), n = e.toDateString() === t.toDateString(), i = e.toLocaleTimeString([], {
-				hour: "2-digit",
-				minute: "2-digit"
-			});
-			return n ? i : `${e.toLocaleDateString([], {
-				month: "short",
-				day: "numeric"
-			})} ${i}`;
-		}), It = C(() => !!(v.value && r.event.endTime && r.event.hasRecording !== !1)), Lt = C(() => A ? L.value ? c("views.recordings.no_preview") : R.value ? A.status.value === "unavailable" ? c("views.recordings.no_preview") : A.status.value === "playing" && A.previewTimeMs.value ? Gt(A.previewTimeMs.value) : "" : "" : ""), Rt = C(() => {
-			let e = Z.value;
-			if (e?.crop) return e.type === "face" ? {
-				seg: e.faceSeg ?? -1,
-				label: e.label || "unknown"
-			} : void 0;
-			let t = r.segIndex ?? K.value?.segIndex;
-			if (X.value > 0 || t === void 0) return;
-			let n = q.value?.attributes.filter((e) => e.type === "face") ?? [];
-			return n.length === 1 ? {
-				seg: t,
-				label: n[0].label || "unknown"
-			} : void 0;
-		}), zt = C(() => {
-			let e = [];
-			return vt.value && Rt.value && e.push({
-				key: "reassign",
-				label: c("views.recordings.reassign_face"),
-				icon: He,
-				loading: W.value,
-				onClick: () => Qt()
-			}), r.camera && e.push({
-				key: "trace",
-				label: c("views.recordings.open_trace"),
-				icon: ye,
-				onClick: () => i("openTrace", q.value?.firstSeen)
-			}), e.push({
-				key: "ask",
-				label: c("views.recordings.ask_assistant"),
-				icon: Le,
-				onClick: () => Vt()
-			}), It.value && e.push({
-				key: "download",
-				label: c("views.recordings.download"),
-				icon: Ee,
-				loading: V.value,
-				onClick: () => tn()
-			}), e;
-		});
-		function Bt() {
-			le(F.value?.hide);
-		}
-		function Vt() {
-			let e = c("views.recordings.ask_assistant_prompt", {
-				camera: r.cameraName ?? r.camera?.name ?? r.event.cameraId,
-				time: new Date(r.event.startTime).toLocaleString(),
-				id: r.event.id
-			});
-			p.push({
-				path: "/assistant",
-				query: { prompt: e }
-			});
-		}
-		function Ht(e, t, n) {
-			return e === 0 || t < n ? 0 : e * n <= t ? e : Math.max(0, Math.floor((t - pt) / n));
-		}
-		function Ut(e) {
-			let t = Y.value.length;
-			t && ($(), G.value = void 0, H.value = (X.value + e + t) % t);
-		}
-		function Wt(e, t) {
-			wt.value && (t.stopPropagation(), $(), G.value = void 0, H.value = e);
-		}
-		function $() {
-			L.value = !1, A && R.value && (R.value = !1, A.onHoverEnd());
-		}
-		function Gt(e) {
-			let t = new Date(e);
-			return `${String(t.getHours()).padStart(2, "0")}:${String(t.getMinutes()).padStart(2, "0")}:${String(t.getSeconds()).padStart(2, "0")}`;
-		}
-		function Kt() {
-			if (!A || X.value > 0) return;
-			let e = Pe.value;
-			if (!e) return;
-			let t = de(r.event);
-			if (r.event.hasRecording === !1 || !t) {
-				L.value = !0;
-				return;
-			}
-			R.value = !0, A.onHoverStart(e, r.event.cameraId, r.event.id, r.event.startTime, t, r.camera?.zones?.privacy, ke(r.event));
-		}
-		function qt() {
-			Ve.blocksMouseEnter() || Kt();
-		}
-		function Jt() {
-			L.value = !1, A && (R.value = !1, A.onHoverEnd());
-		}
-		async function Yt(e = 2) {
-			let t = await r.loadThumbnails(r.event.id, r.event.startTime);
-			if (t) {
-				z.value = t;
-				let e = P(t, r.event, "card");
-				B.value = e.url ? "loaded" : "empty";
-			} else if (e > 0) return await new Promise((e) => setTimeout(e, 500)), Yt(e - 1);
-			else B.value = r.event.state === "active" ? "loading" : "empty";
-		}
-		function Xt() {
-			if (!Ve.consumesClick()) {
-				if (r.selectionMode) {
-					i("select");
-					return;
-				}
-				i("scrollToEvent", q.value?.firstSeen ?? Ae(r.event));
-			}
-		}
-		async function Zt(e) {
-			$(), I.value || (I.value = !0, await h()), F.value?.toggleMenu(e);
-		}
-		function Qt() {
-			let e = Rt.value;
-			if (!e) return;
-			let t = !!Z.value?.crop;
-			x.openComponentDialog(Ue, {
-				data: {
-					title: c("views.recordings.reassign_face"),
-					confirmText: c("components.form.button.save"),
-					contentProps: {
-						cropUrl: Z.value?.url,
-						oldName: e.label
-					}
-				},
-				onConfirm: (n) => $t(e, n, t)
-			});
-		}
-		async function $t(e, t, n) {
-			if (W.value) return;
-			let i = v.value;
-			if (i?.reassignEventFace) {
-				W.value = !0;
-				try {
-					await i.reassignEventFace(r.event.id, e.seg, e.label, t) > 0 && (n && (G.value = {
-						seg: e.seg,
-						label: t || "unknown"
-					}), be(r.event.id)), s.add({
-						severity: "success",
-						detail: c("views.recordings.reassign_done"),
-						life: 3e3
-					});
-				} catch (e) {
-					s.add({
-						severity: "error",
-						detail: Oe(e),
-						life: 5e3
-					});
-				} finally {
-					W.value = !1;
-				}
-			}
-		}
-		async function en() {
-			let e = !yt.value;
-			U.value = e;
-			try {
-				await m.setEventFavorite(r.event.id, e);
-			} catch (e) {
-				U.value = null, s.add({
-					severity: "error",
-					detail: Oe(e),
-					life: 5e3
-				});
-			}
-		}
-		async function tn() {
-			if (V.value) return;
-			let e = v.value;
-			if (e?.nvrExport && r.event.endTime) {
-				V.value = !0;
-				try {
-					let t = await e.nvrExport(r.event.cameraId, r.event.startTime * 1e3, r.event.endTime * 1e3);
-					await ve({
-						url: t.url,
-						filename: t.filename
-					});
-				} catch (e) {
-					o.error("Download failed:", e), s.add({
-						severity: "error",
-						summary: c("views.recordings.download_failed"),
-						detail: Oe(e),
-						life: 5e3
-					});
-				} finally {
-					V.value = !1;
-				}
-			}
-		}
-		return ee(Y, (e) => {
-			let t = G.value;
-			if (!t) return;
-			let n = e.findIndex((e) => e.crop && e.faceSeg === t.seg && e.label === t.label);
-			n < 0 || (H.value = n, G.value = void 0);
-		}), ee(() => m.storeVersion.value, () => {
-			let e = m.getCachedThumbnails(r.event.id);
-			if (!e) {
-				z.value && Yt();
-				return;
-			}
-			z.value = e, P(e, r.event, "card").url && (B.value = "loaded");
-		}), Ne(ze, (e) => {
-			let t = e[0]?.contentRect.width ?? 0, n = Math.round(t / gt) * gt;
-			n !== _t.value && (_t.value = n);
-		}), re(() => {
-			te === "loading" && Yt();
-		}), (t, r) => {
-			let i = pe, o = ue, s = ie, c = xe, l = je, p = Te, m = Me, h = _e;
-			return d(), T("div", {
-				ref_key: "rootRef",
-				ref: N,
-				class: "recording-card relative group cursor-pointer",
-				onClickCapture: Bt,
-				onClick: Xt,
-				onMouseenter: qt,
-				onMouseleave: Jt
-			}, [k("div", {
-				class: g(["bg-neutral-900 w-full rounded-xl overflow-hidden relative transition-shadow duration-200", { "ring-2 ring-inset ring-primary/70": e.siblingActive }]),
-				style: { "aspect-ratio": "1/1" }
-			}, [
-				S(B) === "loading" ? (d(), T("div", We)) : S(Et) ? (d(), y(i, {
-					key: 1,
-					src: S(Et),
-					alt: S(Ot),
-					class: "pointer-events-none w-full h-full transition-transform duration-300 group-hover:scale-105",
-					"image-style": { objectFit: S(Tt) ? "contain" : "cover" },
-					"image-container-class": "w-full h-full"
-				}, null, 8, [
-					"src",
-					"alt",
-					"image-style"
-				])) : (d(), T("div", Ge, [(d(), y(_(S(w)[S(Ct)] ?? S(w).motion), { class: "w-10 h-10 text-white/20" }))])),
-				S(A) ? ne((d(), T("canvas", {
-					key: 3,
-					ref_key: "previewCanvasRef",
-					ref: Pe,
-					class: "absolute inset-0 w-full h-full object-cover pointer-events-none z-[1]"
-				}, null, 512)), [[n, S(R)]]) : b("", !0),
-				r[2] ||= k("div", { class: "absolute inset-0 bg-transparent group-hover:bg-black/30 pointer-events-none transition-colors duration-200 z-[2]" }, null, -1),
-				k("div", Ke, [k("div", qe, [
-					k("p", Je, f(S(Ot)), 1),
-					S(J) ? (d(), T("span", Ye, f(S(J)), 1)) : b("", !0),
-					S(bt) ? (d(), T("span", {
-						key: 1,
-						class: g(["text-[10px] font-bold text-white px-1.5 py-0.5 rounded-md shrink-0", S(bt).color])
-					}, f(S(bt).label), 3)) : b("", !0),
-					S(vt) && !e.selectionMode ? (d(), T("button", {
-						key: 2,
-						title: S(yt) ? t.$t("views.recordings.unfavorite") : t.$t("views.recordings.favorite"),
-						type: "button",
-						class: "card-icon-button w-5 h-5 shrink-0",
-						onClick: a(en, ["stop"]),
-						onMouseenter: $
-					}, [S(yt) ? (d(), y(o, {
-						key: 0,
-						class: "w-3 h-3 text-yellow-400"
-					})) : (d(), y(s, {
-						key: 1,
-						class: "w-3 h-3 text-white"
-					}))], 40, Xe)) : b("", !0),
-					S(zt).length > 0 && !e.selectionMode ? (d(), T("button", {
-						key: 3,
-						title: t.$t("views.recordings.more_actions"),
-						type: "button",
-						class: "card-icon-button w-5 h-5 shrink-0",
-						disabled: S(V) || S(W),
-						onClick: a(Zt, ["stop"]),
-						onMouseenter: $
-					}, [S(V) || S(W) ? (d(), y(c, {
-						key: 0,
-						class: "w-3 h-3 text-white"
-					})) : (d(), y(l, {
-						key: 1,
-						class: "w-3 h-3 text-white"
-					}))], 40, Ze)) : b("", !0)
-				]), k("p", Qe, f(S(Ft)), 1)]),
-				S(Y).length > 1 ? (d(), T(D, { key: 4 }, [k("button", {
-					type: "button",
-					class: "card-icon-button carousel-nav absolute left-1 top-1/2 -translate-y-1/2 z-[3] w-7 h-7 transition-opacity duration-200",
-					"aria-label": t.$t("views.recordings.prev_image"),
-					onClick: r[0] ||= a((e) => Ut(-1), ["stop"]),
-					onMouseenter: $
-				}, [M(p, { class: "w-5 h-5 text-white" })], 40, $e), k("button", {
-					type: "button",
-					class: "card-icon-button carousel-nav absolute right-1 top-1/2 -translate-y-1/2 z-[3] w-7 h-7 transition-opacity duration-200",
-					"aria-label": t.$t("views.recordings.next_image"),
-					onClick: r[1] ||= a((e) => Ut(1), ["stop"]),
-					onMouseenter: $
-				}, [M(m, { class: "w-5 h-5 text-white" })], 40, et)], 64)) : b("", !0),
-				S(Dt) ? (d(), T("div", {
-					key: 5,
-					class: g(["absolute left-1/2 -translate-x-1/2 z-[3] max-w-[85%] pointer-events-none transition-all duration-200", S(Lt) ? "bottom-16" : "bottom-10"])
-				}, [k("span", tt, f(S(Dt)), 1)], 2)) : b("", !0),
-				k("div", {
-					ref_key: "footerRef",
-					ref: ze,
-					class: "absolute bottom-2 left-2 right-2 flex items-center justify-between gap-2 z-[3]"
-				}, [k("div", nt, [
-					e.selectionMode ? (d(), T("div", {
-						key: 0,
-						class: g(["w-6 h-6 rounded-full border-2 flex items-center justify-center transition-colors shrink-0", e.selected ? "bg-primary border-primary" : "bg-black/40 border-white/80"])
-					}, [e.selected ? (d(), y(h, {
-						key: 0,
-						class: "w-4 h-4 text-white"
-					})) : b("", !0)], 2)) : b("", !0),
-					(d(!0), T(D, null, u(S(At), (e) => (d(), T("div", {
-						key: e,
-						class: "flex items-center justify-center w-5 h-5 rounded-md bg-black/60 shrink-0"
-					}, [(d(), y(_(S(w)[e] ?? S(w).motion), { class: "w-3 h-3 text-white/80" }))]))), 128)),
-					S(Mt).length > 0 ? (d(), T("span", {
-						key: 1,
-						title: S(Mt).join(", "),
-						class: "text-[10px] text-white/60 font-medium shrink-0"
-					}, " +" + f(S(Mt).length), 9, rt)) : b("", !0)
-				]), S(Nt).length > 0 || S(Pt) > 0 ? (d(), T("div", it, [(d(!0), T(D, null, u(S(Nt), (e, t) => (d(), T("div", {
-					key: t,
-					class: g(["w-7 h-7 rounded overflow-hidden border bg-neutral-800 cursor-pointer", t === S(X) ? "border-primary/80" : "border-white/20"]),
-					onClick: (e) => Wt(t, e)
-				}, [k("img", {
-					src: e.url,
-					alt: e.type,
-					decoding: "async",
-					loading: "lazy",
-					class: "w-full h-full object-cover"
-				}, null, 8, ot)], 10, at))), 128)), S(Pt) > 0 ? (d(), T("span", st, "+" + f(S(Pt)), 1)) : b("", !0)])) : b("", !0)], 512),
-				S(A) && S(R) && S(A).isLoading.value ? (d(), T("div", ct, [M(c, { class: "w-7 h-7 text-white" })])) : b("", !0),
-				S(Lt) ? (d(), T("div", lt, [k("span", ut, f(S(Lt)), 1)])) : b("", !0)
-			], 2), S(I) ? (d(), y(oe, {
-				key: 0,
-				ref_key: "cardMenuRef",
-				ref: F,
-				items: S(zt),
-				popover: { pt: { content: { class: "p-0! rounded-xl! overflow-hidden!" } } }
-			}, null, 8, ["items"])) : b("", !0)], 544);
-		};
-	}
-}), [["__scopeId", "data-v-9d797f4c"]]), _t = {
-	name: "VirtualScroller",
-	components: { SpinnerIcon: ze },
-	extends: {
-		name: "BaseVirtualScroller",
-		extends: i,
-		provide() {
-			return {
-				$pcVirtualScroller: this,
-				$parentInstance: this
-			};
-		},
-		props: {
-			id: {
-				type: String,
-				default: null
-			},
-			style: null,
-			class: null,
-			items: {
-				type: Array,
-				default: null
-			},
-			itemSize: {
-				type: [Number, Array],
-				default: 0
-			},
-			scrollHeight: null,
-			scrollWidth: null,
-			orientation: {
-				type: String,
-				default: "vertical"
-			},
-			rtl: {
-				type: Boolean,
-				default: !1
-			},
-			numToleratedItems: {
-				type: Number,
-				default: null
-			},
-			delay: {
-				type: Number,
-				default: 0
-			},
-			resizeDelay: {
-				type: Number,
-				default: 10
-			},
-			lazy: {
-				type: Boolean,
-				default: !1
-			},
-			disabled: {
-				type: Boolean,
-				default: !1
-			},
-			loaderDisabled: {
-				type: Boolean,
-				default: !1
-			},
-			columns: {
-				type: Array,
-				default: null
-			},
-			loading: {
-				type: Boolean,
-				default: !1
-			},
-			showSpacer: {
-				type: Boolean,
-				default: !0
-			},
-			showLoader: {
-				type: Boolean,
-				default: !1
-			},
-			tabindex: {
-				type: Number,
-				default: 0
-			},
-			inline: {
-				type: Boolean,
-				default: !1
-			},
-			step: {
-				type: Number,
-				default: 0
-			},
-			appendOnly: {
-				type: Boolean,
-				default: !1
-			},
-			autoSize: {
-				type: Boolean,
-				default: !1
-			},
-			itemKey: {
-				type: [String, Function],
-				default: null
-			}
-		},
-		style: s,
-		beforeMount() {
-			s.loadCSS({ nonce: this.$primevueConfig?.csp?.nonce });
-		}
-	},
-	inheritAttrs: !1,
-	emits: [
-		"update:numToleratedItems",
-		"scroll",
-		"scroll-index-change",
-		"lazy-load"
-	],
-	data() {
-		let e = this.isBoth();
-		return {
-			first: e ? {
-				rows: 0,
-				cols: 0
-			} : 0,
-			last: e ? {
-				rows: 0,
-				cols: 0
-			} : 0,
-			page: e ? {
-				rows: 0,
-				cols: 0
-			} : 0,
-			numItemsInViewport: e ? {
-				rows: 0,
-				cols: 0
-			} : 0,
-			lastScrollPos: e ? {
-				top: 0,
-				left: 0
-			} : 0,
-			d_numToleratedItems: this.numToleratedItems,
-			d_loading: this.loading,
-			loaderArr: [],
-			spacerStyle: {},
-			contentStyle: {},
-			observedWidth: 0,
-			observedHeight: 0
-		};
-	},
-	element: null,
-	content: null,
-	lastScrollPos: null,
-	scrollTimeout: null,
-	resizeTimeout: null,
-	defaultWidth: 0,
-	defaultHeight: 0,
-	defaultContentWidth: 0,
-	defaultContentHeight: 0,
-	isRangeChanged: !1,
-	lazyLoadState: {},
-	resizeListener: null,
-	initialized: !1,
-	computed: {
-		containerClass() {
-			return [
-				"p-virtualscroller",
-				this.class,
-				{
-					"p-virtualscroller-inline": this.inline,
-					"p-virtualscroller-both p-both-scroll": this.isBoth(),
-					"p-virtualscroller-horizontal p-horizontal-scroll": this.isHorizontal(),
-					"p-virtualscroller-rtl": this.rtl && this.isHorizontal()
-				}
-			];
-		},
-		contentClass() {
-			return ["p-virtualscroller-content", { "p-virtualscroller-loading": this.d_loading }];
-		},
-		loaderClass() {
-			return ["p-virtualscroller-loader", { "p-virtualscroller-loader-mask": !this.$slots.loader }];
-		},
-		loadedItems() {
-			return this.items && !this.d_loading ? this.isBoth() ? this.items.slice(this.appendOnly ? 0 : this.first.rows, this.last.rows).map((e) => this.columns ? e : e.slice(this.appendOnly ? 0 : this.first.cols, this.last.cols)) : this.isHorizontal() && this.columns ? this.items : this.items.slice(this.appendOnly ? 0 : this.first, this.last) : [];
-		},
-		loadedRows() {
-			return this.d_loading ? this.loaderDisabled ? this.loaderArr : [] : this.loadedItems;
-		},
-		loadedColumns() {
-			if (this.columns) {
-				let e = this.isBoth(), t = this.isHorizontal();
-				if (e || t) return this.d_loading && this.loaderDisabled ? e ? this.loaderArr[0] : this.loaderArr : this.columns.slice(e ? this.first.cols : this.first, e ? this.last.cols : this.last);
-			}
-			return this.columns;
-		}
-	},
-	watch: {
-		numToleratedItems(e) {
-			this.d_numToleratedItems = e;
-		},
-		loading(e, t) {
-			this.lazy && e !== t && e !== this.d_loading && (this.d_loading = e);
-		},
-		items(e, t) {
-			(!t || t.length !== (e || []).length) && this.scheduleInit();
-		},
-		itemSize() {
-			this.scheduleInit();
-		},
-		orientation() {
-			this.lastScrollPos = this.isBoth() ? {
-				top: 0,
-				left: 0
-			} : 0;
-		},
-		scrollHeight() {
-			this.scheduleInit();
-		},
-		scrollWidth() {
-			this.scheduleInit();
-		}
-	},
-	mounted() {
-		this.viewInit(), this.lastScrollPos = this.isBoth() ? {
-			top: 0,
-			left: 0
-		} : 0, this.lazyLoadState = this.lazyLoadState || {};
-	},
-	updated() {
-		!this.initialized && this.viewInit();
-	},
-	unmounted() {
-		this.unbindResizeListener(), this.unbindSizeObserver(), this.initialized = !1;
-	},
-	methods: {
-		resolveItemKey(e, t) {
-			let n = this.itemKey;
-			return typeof n == "function" ? n(e, t) ?? t : typeof n == "string" && typeof e == "object" && e ? e[n] ?? t : t;
-		},
-		viewInit() {
-			r(this.element) && (this.setContentEl(this.content), this.bindSizeObserver(), this.init(), this.calculateAutoSize(), this.bindResizeListener(), this.defaultWidth = t(this.element), this.defaultHeight = o(this.element), this.defaultContentWidth = t(this.content), this.defaultContentHeight = o(this.content), this.initialized = !0);
-		},
-		init() {
-			this.disabled || (this.setSize(), this.calculateOptions(), this.setSpacerSize());
-		},
-		scheduleInit() {
-			this._initScheduled || (this._initScheduled = !0, Promise.resolve().then(() => {
-				this._initScheduled = !1, this.init(), this.calculateAutoSize();
-			}));
-		},
-		isVertical() {
-			return this.orientation === "vertical";
-		},
-		isHorizontal() {
-			return this.orientation === "horizontal";
-		},
-		isBoth() {
-			return this.orientation === "both";
-		},
-		scrollTo(e) {
-			this.element && this.element.scrollTo(e);
-		},
-		scrollToIndex(e, t = "auto") {
-			let n = this.isBoth(), r = this.isHorizontal(), i = this.rtl && r;
-			if (n ? e.every((e) => e > -1) : e > -1) {
-				let a = this.first, { scrollTop: o = 0, scrollLeft: s = 0 } = this.element, { numToleratedItems: c } = this.calculateNumItems(), l = this.getContentPosition(), u = this.itemSize, d = (e = 0, t) => e <= t ? 0 : e, f = (e, t, n) => e * t + n, p = (e = 0, n = 0) => {
-					i && (e = this.element.scrollWidth - this.element.clientWidth - e), this.scrollTo({
-						left: e,
-						top: n,
-						behavior: t
-					});
-				}, m = n ? {
-					rows: 0,
-					cols: 0
-				} : 0, h = !1, g = !1;
-				n ? (m = {
-					rows: d(e[0], c[0]),
-					cols: d(e[1], c[1])
-				}, p(f(m.cols, u[1], l.left), f(m.rows, u[0], l.top)), g = this.lastScrollPos.top !== o || this.lastScrollPos.left !== s, h = m.rows !== a.rows || m.cols !== a.cols) : (m = d(e, c), r ? p(f(m, u, l.left), o) : p(s, f(m, u, l.top)), g = this.lastScrollPos !== (r ? s : o), h = m !== a), this.isRangeChanged = h, g && (this.first = m);
-			}
-		},
-		scrollInView(e, t, n = "auto") {
-			if (t) {
-				let r = this.isBoth(), i = this.isHorizontal();
-				if (r ? e.every((e) => e > -1) : e > -1) {
-					let { first: a, viewport: o } = this.getRenderedRange(), s = (e = 0, t = 0) => this.scrollTo({
-						left: e,
-						top: t,
-						behavior: n
-					}), c = t === "to-start", l = t === "to-end";
-					if (c) {
-						if (r) o.first.rows - a.rows > e[0] ? s(o.first.cols * this.itemSize[1], (o.first.rows - 1) * this.itemSize[0]) : o.first.cols - a.cols > e[1] && s((o.first.cols - 1) * this.itemSize[1], o.first.rows * this.itemSize[0]);
-						else if (o.first - a > e) {
-							let e = (o.first - 1) * this.itemSize;
-							i ? s(e, 0) : s(0, e);
-						}
-					} else if (l) {
-						if (r) o.last.rows - a.rows <= e[0] + 1 ? s(o.first.cols * this.itemSize[1], (o.first.rows + 1) * this.itemSize[0]) : o.last.cols - a.cols <= e[1] + 1 && s((o.first.cols + 1) * this.itemSize[1], o.first.rows * this.itemSize[0]);
-						else if (o.last - a <= e + 1) {
-							let e = (o.first + 1) * this.itemSize;
-							i ? s(e, 0) : s(0, e);
-						}
-					}
-				}
-			} else this.scrollToIndex(e, n);
-		},
-		getRenderedRange() {
-			let e = (e, t) => Math.floor(e / (t || e)), t = this.first, n = 0;
-			if (this.element) {
-				let r = this.isBoth(), i = this.isHorizontal(), { scrollTop: a, scrollLeft: o } = this.element;
-				r ? (t = {
-					rows: e(a, this.itemSize[0]),
-					cols: e(o, this.itemSize[1])
-				}, n = {
-					rows: t.rows + this.numItemsInViewport.rows,
-					cols: t.cols + this.numItemsInViewport.cols
-				}) : (t = e(i ? o : a, this.itemSize), n = t + this.numItemsInViewport);
-			}
-			return {
-				first: this.first,
-				last: this.last,
-				viewport: {
-					first: t,
-					last: n
-				}
-			};
-		},
-		calculateNumItems() {
-			let e = this.isBoth(), t = this.isHorizontal(), n = this.itemSize, r = this.getContentPosition(), i = this.observedWidth || (this.element ? this.element.offsetWidth : 0), a = this.observedHeight || (this.element ? this.element.offsetHeight : 0), o = i ? i - r.left : 0, s = a ? a - r.top : 0, c = (e, t) => Math.ceil(e / (t || e)), l = (e) => Math.ceil(e / 2), u = e ? {
-				rows: c(s, n[0]),
-				cols: c(o, n[1])
-			} : c(t ? o : s, n);
-			return {
-				numItemsInViewport: u,
-				numToleratedItems: this.d_numToleratedItems || (e ? [l(u.rows), l(u.cols)] : l(u))
-			};
-		},
-		calculateOptions() {
-			let e = this.isBoth(), t = this.first, { numItemsInViewport: n, numToleratedItems: r } = this.calculateNumItems(), i = (e, t, n, r = !1) => this.getLast(e + t + (e < n ? 2 : 3) * n, r), a = e ? {
-				rows: i(t.rows, n.rows, r[0]),
-				cols: i(t.cols, n.cols, r[1], !0)
-			} : i(t, n, r);
-			this.last = a, this.numItemsInViewport = n, this.d_numToleratedItems = r, this.$emit("update:numToleratedItems", this.d_numToleratedItems), this.showLoader && (this.loaderArr = e ? Array.from({ length: n.rows }).map(() => Array.from({ length: n.cols })) : Array.from({ length: n })), this.lazy && Promise.resolve().then(() => {
-				this.lazyLoadState = {
-					first: this.step ? e ? {
-						rows: 0,
-						cols: t.cols
-					} : 0 : t,
-					last: Math.min(this.step ? this.step : a, this.items?.length - 1 || 0)
-				}, this.$emit("lazy-load", this.lazyLoadState);
-			});
-		},
-		calculateAutoSize() {
-			this.autoSize && !this.d_loading && Promise.resolve().then(() => {
-				if (this.content) {
-					let e = this.isBoth(), n = this.isHorizontal(), r = this.isVertical();
-					this.content.style.minHeight = this.content.style.minWidth = "auto", this.content.style.position = "relative", this.element.style.contain = "none";
-					let [i, a] = [t(this.element), o(this.element)];
-					(e || n) && (this.element.style.width = i < this.defaultWidth ? i + "px" : this.scrollWidth || this.defaultWidth + "px"), (e || r) && (this.element.style.height = a < this.defaultHeight ? a + "px" : this.scrollHeight || this.defaultHeight + "px"), this.content.style.minHeight = this.content.style.minWidth = "", this.content.style.position = "", this.element.style.contain = "";
-				}
-			});
-		},
-		getLast(e = 0, t) {
-			return this.items ? Math.min(t ? (this.columns || this.items[0])?.length || 0 : this.items?.length || 0, e) : 0;
-		},
-		getContentPosition() {
-			if (this.content) {
-				if (this.cachedContentPosition && this.cachedContentElement === this.content) return this.cachedContentPosition;
-				let e = getComputedStyle(this.content), t = parseFloat(e.paddingLeft) + Math.max(parseFloat(e.left) || 0, 0), n = parseFloat(e.paddingRight) + Math.max(parseFloat(e.right) || 0, 0), r = parseFloat(e.paddingTop) + Math.max(parseFloat(e.top) || 0, 0), i = parseFloat(e.paddingBottom) + Math.max(parseFloat(e.bottom) || 0, 0);
-				return this.cachedContentElement = this.content, this.cachedContentPosition = {
-					left: t,
-					right: n,
-					top: r,
-					bottom: i,
-					x: t + n,
-					y: r + i
-				}, this.cachedContentPosition;
-			}
-			return {
-				left: 0,
-				right: 0,
-				top: 0,
-				bottom: 0,
-				x: 0,
-				y: 0
-			};
-		},
-		setSize() {
-			if (this.element) {
-				let e = this.isBoth(), t = this.isHorizontal(), n = this.element.parentElement, r = this.scrollWidth || `${this.element.offsetWidth || n.offsetWidth}px`, i = this.scrollHeight || `${this.element.offsetHeight || n.offsetHeight}px`, a = (e, t) => this.element.style[e] = t;
-				e || t ? (a("height", i), a("width", r)) : a("height", i);
-			}
-		},
-		setSpacerSize() {
-			let e = this.items;
-			if (e) {
-				let t = this.isBoth(), n = this.isHorizontal(), r = this.getContentPosition(), i = (e, t, n, r = 0) => this.spacerStyle = {
-					...this.spacerStyle,
-					[`${e}`]: (t || []).length * n + r + "px"
-				};
-				t ? (i("height", e, this.itemSize[0], r.y), i("width", this.columns || e[1], this.itemSize[1], r.x)) : n ? i("width", this.columns || e, this.itemSize, r.x) : i("height", e, this.itemSize, r.y);
-			}
-		},
-		setContentPosition(e) {
-			if (this.content && !this.appendOnly) {
-				let t = this.isBoth(), n = this.isHorizontal(), r = this.rtl && n, i = e ? e.first : this.first, a = (e, t) => e * t, o = (e = 0, t = 0) => {
-					let n = r ? -e : e;
-					this.contentStyle = {
-						...this.contentStyle,
-						transform: `translate3d(${n}px, ${t}px, 0)`
-					};
-				};
-				if (t) {
-					let e = i.rows, t = i.cols, n = this.itemSize;
-					o(a(t, n[1]), a(e, n[0]));
-				} else {
-					let e = i, t = this.itemSize, r = a(e, t);
-					n ? o(r, 0) : o(0, r);
-				}
-			}
-		},
-		onScrollPositionChange(e) {
-			let t = e.target, n = this.isBoth(), r = this.isHorizontal(), i = this.rtl && r, a = this.getContentPosition(), o = (e, t) => e ? e > t ? e - t : e : 0, s = (e, t) => Math.floor(e / (t || e)), c = o(t.scrollTop, a.top), l = o(t.scrollLeft, a.left);
-			i && l < 0 && (l = Math.abs(l));
-			let u = n ? {
-				rows: 0,
-				cols: 0
-			} : 0, d = this.last, f = !1, p = this.lastScrollPos;
-			if (n) {
-				let e = this.lastScrollPos.top <= c, n = this.lastScrollPos.left <= l;
-				if (!this.appendOnly || this.appendOnly && (e || n)) {
-					let r = {
-						rows: s(c, this.itemSize[0]),
-						cols: s(l, this.itemSize[1])
-					}, i = {
-						rows: this.calculateTriggerIndex(r.rows, this.first.rows, this.last.rows, this.numItemsInViewport.rows, this.d_numToleratedItems[0], e),
-						cols: this.calculateTriggerIndex(r.cols, this.first.cols, this.last.cols, this.numItemsInViewport.cols, this.d_numToleratedItems[1], n)
-					};
-					u = {
-						rows: this.calculateFirst(r.rows, i.rows, this.first.rows, this.last.rows, this.numItemsInViewport.rows, this.d_numToleratedItems[0], e),
-						cols: this.calculateFirst(r.cols, i.cols, this.first.cols, this.last.cols, this.numItemsInViewport.cols, this.d_numToleratedItems[1], n, !0)
-					}, d = {
-						rows: this.calculateLast(r.rows, u.rows, this.last.rows, this.numItemsInViewport.rows, this.d_numToleratedItems[0]),
-						cols: this.calculateLast(r.cols, u.cols, this.last.cols, this.numItemsInViewport.cols, this.d_numToleratedItems[1], !0)
-					}, f = u.rows !== this.first.rows || d.rows !== this.last.rows || u.cols !== this.first.cols || d.cols !== this.last.cols || this.isRangeChanged, p = {
-						top: c,
-						left: t.scrollLeft
-					};
-				}
-			} else {
-				let e = r ? l : c, t = this.lastScrollPos <= e;
-				if (!this.appendOnly || this.appendOnly && t) {
-					let n = s(e, this.itemSize), r = this.calculateTriggerIndex(n, this.first, this.last, this.numItemsInViewport, this.d_numToleratedItems, t);
-					u = this.calculateFirst(n, r, this.first, this.last, this.numItemsInViewport, this.d_numToleratedItems, t), d = this.calculateLast(n, u, this.last, this.numItemsInViewport, this.d_numToleratedItems), f = u !== this.first || d !== this.last || this.isRangeChanged, p = e;
-				}
-			}
-			return {
-				first: u,
-				last: d,
-				isRangeChanged: f,
-				scrollPos: p
-			};
-		},
-		calculateTriggerIndex(e, t, n, r, i, a) {
-			return e <= i ? i : a ? n - r - i : t + i - 1;
-		},
-		calculateFirst(e, t, n, r, i, a, o, s = !1) {
-			if (e <= a) return 0;
-			let c = Math.max(0, o ? e < t ? n : e - a : e > t ? n : e - 2 * a), l = this.getLast(c, s);
-			return c > l ? l - i : c;
-		},
-		calculateLast(e, t, n, r, i, a = !1) {
-			let o = t + r + 2 * i;
-			return e >= i && (o += i + 1), this.getLast(o, a);
-		},
-		onScrollChange(e) {
-			let { first: t, last: n, isRangeChanged: r, scrollPos: i } = this.onScrollPositionChange(e);
-			if (r) {
-				let e = {
-					first: t,
-					last: n
-				};
-				if (this.setContentPosition(e), this.first = t, this.last = n, this.lastScrollPos = i, this.$emit("scroll-index-change", e), this.lazy && this.isPageChanged(t)) {
-					let e = {
-						first: this.step ? Math.min(this.getPageByFirst(t) * this.step, (this.items?.length || 0) - this.step) : t,
-						last: Math.min(this.step ? (this.getPageByFirst(t) + 1) * this.step : n, this.items?.length - 1 || 0)
-					};
-					(this.lazyLoadState.first !== e.first || this.lazyLoadState.last !== e.last) && this.$emit("lazy-load", e), this.lazyLoadState = e;
-				}
-			}
-		},
-		onScroll(e) {
-			if (this.$emit("scroll", e), this.delay) {
-				if (this.scrollTimeout && clearTimeout(this.scrollTimeout), this.isPageChanged()) {
-					if (!this.d_loading && this.showLoader) {
-						let { isRangeChanged: t } = this.onScrollPositionChange(e);
-						(t || this.step && this.isPageChanged()) && (this.d_loading = !0);
-					}
-					this.scrollTimeout = setTimeout(() => {
-						this.onScrollChange(e), this.d_loading && this.showLoader && (!this.lazy || this.loading === void 0) && (this.d_loading = !1, this.page = this.getPageByFirst());
-					}, this.delay);
-				}
-			} else this.onScrollChange(e);
-		},
-		onResize() {
-			this.resizeTimeout && clearTimeout(this.resizeTimeout), this.resizeTimeout = setTimeout(() => {
-				if (r(this.element)) {
-					let e = this.isBoth(), n = this.isVertical(), r = this.isHorizontal(), [i, a] = [t(this.element), o(this.element)], [s, c] = [i !== this.defaultWidth, a !== this.defaultHeight];
-					(e ? s || c : r ? s : n && c) && (this.d_numToleratedItems = this.numToleratedItems, this.defaultWidth = i, this.defaultHeight = a, this.defaultContentWidth = t(this.content), this.defaultContentHeight = o(this.content), this.init());
-				}
-			}, this.resizeDelay);
-		},
-		bindResizeListener() {
-			this.resizeListener || (this.resizeListener = this.onResize.bind(this), window.addEventListener("resize", this.resizeListener), window.addEventListener("orientationchange", this.resizeListener));
-		},
-		bindSizeObserver() {
-			this.sizeObserver || !this.element || typeof ResizeObserver > "u" || (this.sizeObserver = new ResizeObserver((e) => {
-				let t = e[0]?.borderBoxSize?.[0];
-				this.observedWidth = t ? t.inlineSize : e[0]?.contentRect.width ?? 0, this.observedHeight = t ? t.blockSize : e[0]?.contentRect.height ?? 0;
-			}), this.sizeObserver.observe(this.element));
-		},
-		unbindSizeObserver() {
-			this.sizeObserver &&= (this.sizeObserver.disconnect(), null);
-		},
-		unbindResizeListener() {
-			this.resizeListener &&= (window.removeEventListener("resize", this.resizeListener), window.removeEventListener("orientationchange", this.resizeListener), null);
-		},
-		getOptions(e) {
-			let t = (this.items || []).length, n = this.isBoth() ? this.first.rows + e : this.first + e;
-			return {
-				index: n,
-				count: t,
-				first: n === 0,
-				last: n === t - 1,
-				even: n % 2 == 0,
-				odd: n % 2 != 0
-			};
-		},
-		getLoaderOptions(e, t) {
-			let n = this.loaderArr.length;
-			return {
-				index: e,
-				count: n,
-				first: e === 0,
-				last: e === n - 1,
-				even: e % 2 == 0,
-				odd: e % 2 != 0,
-				...t
-			};
-		},
-		getPageByFirst(e) {
-			return Math.floor(((e ?? this.first) + this.d_numToleratedItems * 4) / (this.step || 1));
-		},
-		isPageChanged(e) {
-			return this.step && !this.lazy ? this.page !== this.getPageByFirst(e ?? this.first) : !0;
-		},
-		setContentEl(t) {
-			this.content = t || this.content || e(this.element, "[data-pc-section=\"content\"]");
-		},
-		elementRef(e) {
-			this.element = e;
-		},
-		contentRef(e) {
-			this.content = e;
-		}
-	}
-}, vt = ["tabindex"];
-function yt(e, t, n, r, i, a) {
-	let o = E("SpinnerIcon");
-	return e.disabled ? (d(), T(D, { key: 1 }, [p(e.$slots, "default"), p(e.$slots, "content", {
-		items: e.items,
-		rows: e.items,
-		columns: a.loadedColumns
-	})], 64)) : (d(), T("div", m({
-		key: 0,
-		ref: a.elementRef,
-		class: a.containerClass,
-		tabindex: e.tabindex,
-		style: e.style
-	}, e.ptmi("root"), { onScroll: t[0] ||= (...e) => a.onScroll && a.onScroll(...e) }), [
-		p(e.$slots, "content", {
-			styleClass: a.contentClass,
-			items: a.loadedItems,
-			getItemOptions: a.getOptions,
-			loading: i.d_loading,
-			getLoaderOptions: a.getLoaderOptions,
-			itemSize: e.itemSize,
-			rows: a.loadedRows,
-			columns: a.loadedColumns,
-			contentRef: a.contentRef,
-			spacerStyle: i.spacerStyle,
-			contentStyle: i.contentStyle,
-			vertical: a.isVertical(),
-			horizontal: a.isHorizontal(),
-			both: a.isBoth()
-		}, () => [k("div", m({
-			ref: a.contentRef,
-			class: a.contentClass,
-			style: i.contentStyle
-		}, e.ptm("content")), [(d(!0), T(D, null, u(a.loadedItems, (t, n) => p(e.$slots, "item", {
-			item: t,
-			options: a.getOptions(n)
-		}, void 0, void 0, a.resolveItemKey(t, n))), 128))], 16)]),
-		e.showSpacer ? (d(), T("div", m({
-			key: 0,
-			class: "p-virtualscroller-spacer",
-			style: i.spacerStyle
-		}, e.ptm("spacer")), null, 16)) : b("", !0),
-		!e.loaderDisabled && e.showLoader && i.d_loading ? (d(), T("div", m({
-			key: 1,
-			class: a.loaderClass
-		}, e.ptm("loader")), [e.$slots && e.$slots.loader ? (d(!0), T(D, { key: 0 }, u(i.loaderArr, (t, n) => p(e.$slots, "loader", { options: a.getLoaderOptions(n, a.isBoth() && { numCols: e.d_numItemsInViewport.cols }) }, void 0, void 0, n)), 128)) : b("", !0), p(e.$slots, "loadingicon", {}, () => [M(o, m({
-			spin: "",
-			class: "p-virtualscroller-loading-icon"
-		}, e.ptm("loadingIcon")), null, 16)])], 16)) : b("", !0)
-	], 16, vt));
-}
-var bt = /*#__PURE__*/ N(_t, [["render", yt]]), K = {
-	aspectRatio: 1,
-	gap: 8,
-	hasMore: !1,
-	loadMore: void 0,
-	itemKey: void 0
-}, q = { class: "recordings-row" }, xt = {
-	key: 1,
-	class: "pointer-events-none absolute bottom-2 left-1/2 -translate-x-1/2 z-10 rounded-full bg-black/60 p-1.5"
-}, St = /*#__PURE__*/ N(/* @__PURE__ */ A({
-	__name: "CuiRecordingsGrid",
-	props: /*@__PURE__*/ c({
-		items: {},
-		minItemWidth: {},
-		aspectRatio: {},
-		gap: {},
-		hasMore: { type: Boolean },
-		loadMore: { type: Function },
-		itemKey: { type: Function }
-	}, K),
-	setup(e, { expose: t }) {
-		let n = e, r = O("containerRef"), { width: i, height: a } = Pe(r), o = j(0), s = j(!1), c = null, l = !1, f = C(() => a.value > 0 ? `${a.value}px` : void 0), m = C(() => {
-			let e = i.value;
-			return e ? Math.max(1, Math.floor((e + n.gap) / (n.minItemWidth + n.gap))) : 0;
-		}), g = C(() => {
-			let e = i.value, t = m.value;
-			return !e || !t ? 0 : Math.floor((e - (t - 1) * n.gap) / t);
-		}), _ = C(() => g.value ? Math.floor(g.value / n.aspectRatio) : 0), v = C(() => _.value ? _.value + n.gap : 0), x = C(() => {
-			let e = m.value;
-			if (!e) return [];
-			let t = [];
-			for (let r = 0; r < n.items.length; r += e) t.push(n.items.slice(r, r + e));
-			return t;
-		});
-		function E(e) {
-			if (n.itemKey) return n.itemKey(e);
-			let t = e;
-			return t.id ?? t.key ?? JSON.stringify(e);
-		}
-		function ne(e) {
-			let t = e;
-			if (t && t.length !== 0) return E(t[0]);
-		}
-		async function A() {
-			if (s.value || !n.hasMore || !n.loadMore || c !== null && n.items.length === c) return;
-			s.value = !0;
-			let e = n.items.length;
-			try {
-				await Promise.resolve(n.loadMore());
-			} finally {
-				s.value = !1, c = n.items.length === e ? e : null;
-			}
-		}
-		function re(e) {
-			let t = e.target;
-			t && (o.value = t.scrollTop, t.scrollTop + t.clientHeight >= t.scrollHeight - v.value * 3 && A());
-		}
-		function ie() {
-			(r.value?.querySelector(".recordings-scroll"))?.scrollTo({
-				top: 0,
-				behavior: "smooth"
-			});
-		}
-		return te(() => {
-			let e = r.value;
-			e && g.value && (e.style.setProperty("--cell-w", `${g.value}px`), e.style.setProperty("--cell-h", `${_.value}px`), e.style.setProperty("--cell-gap", `${n.gap}px`));
-		}), ee([
-			() => n.items.length,
-			a,
-			v,
-			() => n.hasMore
-		], () => {
-			l || (l = !0, h(() => {
-				l = !1, n.hasMore && v.value && a.value && x.value.length * v.value < a.value + v.value && A();
-			}));
-		}, { flush: "post" }), t({
-			scrollToTop: ie,
-			scrollY: o
-		}), (e, t) => {
-			let n = bt, i = xe;
-			return d(), T("div", {
-				ref_key: "containerRef",
-				ref: r,
-				class: "recordings-grid-root relative"
-			}, [S(x).length > 0 && S(g) > 0 ? (d(), y(n, {
-				key: 0,
-				items: S(x),
-				"item-size": S(v),
-				"scroll-height": S(f),
-				"num-tolerated-items": S(2),
-				"item-key": ne,
-				orientation: "vertical",
-				class: "recordings-scroll",
-				onScroll: re
-			}, {
-				item: w(({ item: t }) => [k("div", q, [(d(!0), T(D, null, u(t, (t) => (d(), T("div", {
-					key: E(t),
-					class: "recordings-cell"
-				}, [p(e.$slots, "item", { item: t }, void 0, !0)]))), 128))])]),
-				_: 3
-			}, 8, [
-				"items",
-				"item-size",
-				"scroll-height",
-				"num-tolerated-items"
-			])) : b("", !0), S(s) ? (d(), T("div", xt, [M(i, {
-				width: "18px",
-				height: "18px",
-				class: "text-white"
-			})])) : b("", !0)], 512);
-		};
-	}
-}), [["__scopeId", "data-v-a672f3ff"]]);
-//#endregion
-//#region src/components/CuiRecordings/ungrouped.ts
-function Ct(e) {
-	if (e.episode) return e.episode.endTime;
-	if (e.segIndex !== void 0) {
-		let t = e.event.segments?.[e.segIndex];
-		if (t) return t.firstSeen;
-	}
-	return e.event.thumbnailAt ?? e.event.startTime;
-}
-function J(e, t) {
-	return Ct(t) - Ct(e);
-}
-function Y(e, t = !1) {
-	let n = [];
-	for (let t of e) {
-		let e = t.segments ?? [];
-		if (e.length <= 1) {
-			n.push({
-				event: t,
-				key: t.id
-			});
-			continue;
-		}
-		let r = [];
-		e.forEach((e, n) => {
-			e && r.push({
-				event: t,
-				key: `${t.id}:seg:${n}`,
-				segIndex: n
-			});
-		}), n.push(...r.sort(J));
-	}
-	return t ? n : n.sort(J);
-}
-//#endregion
-export { G as i, J as n, St as r, Y as t };