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

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

@@ -0,0 +1,1320 @@
+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-C5j7FXj4.js";
+import { D as c, G as l, H as u, Jt as d, K as f, M as p, N as m, Wt as h, Y as g, _t as _, d as v, f as y, gt as b, kt as x, l as S, lt as C, ot as w, p as T, q as E, qt as D, r as O, rt as k, u as A, ut as j, x as M, xt as N, y as P, z as ee } from "./runtime-core.esm-bundler-_TfE0DWz.js";
+import { t as te } from "./tooltip-Z7VN-E1u.js";
+import { $ as F, Bn as ne, Br as re, En as ie, Fn as ae, Hn as oe, In as se, Mn as ce, Nn as le, Pn as ue, ar as de, bi as fe, br as pe, ca as me, ct as he, dr as ge, er as _e, et as ve, ht as ye, it as be, lt as xe, mr as Se, nt as Ce, o as we, or as Te, rt as Ee, tt as De, ur as Oe, vr as ke, yr as I, zn as L } from "./api-BmYisoxj.js";
+import { _ as Ae, o as je } from "./intercomService-B7HkLs6z.js";
+import { n as Me } from "./vue-i18n-D5EAy78K.js";
+import { i as Ne } from "./alert-outline-FcLLjoOK.js";
+import { t as Pe } from "./eventIcons-BFNUgeGr.js";
+import { t as Fe } from "./spinner-DIILjDT9.js";
+import { t as Ie } from "./button-BouAFgf5.js";
+import { M as Le } from "./dist-C6MBHJhs.js";
+import { t as Re } from "./inputtext-C_ygnPrC.js";
+import { t as ze } from "./select-UR3ZRDew.js";
+import { t as Be } from "./ring-resize-Dr2PxWIg.js";
+//#region ~icons/tabler/user-edit
+var R = {
+	viewBox: "0 0 24 24",
+	width: "1.2em",
+	height: "1.2em"
+};
+function Ve(e, t) {
+	return u(), T("svg", R, [...t[0] ||= [A("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 = _({
+	name: "tabler-user-edit",
+	render: Ve
+}), z = { class: "flex flex-col gap-4 w-full" }, B = {
+	key: 0,
+	class: "flex justify-center"
+}, V = ["src", "alt"], H = { class: "flex flex-col gap-2 w-full" }, U = { class: "cui-label" }, W = { class: "flex flex-col gap-2 w-full" }, G = {
+	for: "reassignTarget",
+	class: "cui-label"
+}, Ue = /* @__PURE__ */ M({
+	__name: "FaceReassign",
+	props: {
+		cropUrl: {},
+		oldName: {}
+	},
+	setup(e, { expose: t }) {
+		let n = e, { t: r } = Me(), { plugin: i } = Le("@camera.ui/camera-ui-nvr"), a = N(null), o = N([]), s = N(!0), c = S(() => n.oldName === "unknown" ? r("views.recordings.reassign_unknown_person") : n.oldName), l = S(() => {
+			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 ee(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 = Re, i = ze;
+			return u(), T("div", z, [
+				n.cropUrl ? (u(), T("div", B, [A("img", {
+					src: n.cropUrl,
+					alt: x(c),
+					class: "w-36 h-36 rounded-xl object-cover bg-neutral-900"
+				}, null, 8, V)])) : y("", !0),
+				A("div", H, [A("label", U, d(e.$t("views.recordings.reassign_current")), 1), P(r, {
+					"model-value": x(c),
+					class: "w-full",
+					fluid: "",
+					disabled: ""
+				}, null, 8, ["model-value"])]),
+				A("div", W, [A("label", G, d(e.$t("views.recordings.reassign_new")), 1), P(i, {
+					id: "reassignTarget",
+					modelValue: x(a),
+					"onUpdate:modelValue": t[0] ||= (e) => b(a) ? a.value = e : null,
+					options: x(l),
+					"option-label": "label",
+					"option-value": "value",
+					class: "w-full",
+					fluid: "",
+					loading: x(s),
+					disabled: x(s),
+					placeholder: e.$t("views.faces.enter_or_pick_name")
+				}, null, 8, [
+					"modelValue",
+					"options",
+					"loading",
+					"disabled",
+					"placeholder"
+				])])
+			]);
+		};
+	}
+}), We = ["src"], 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 = { class: "text-[10px] text-white/70" }, Ze = { class: "block text-[11px] text-white font-medium truncate bg-black/50 rounded-md px-2 py-0.5" }, Qe = { class: "flex items-center gap-1 min-w-0" }, $e = ["title"], et = {
+	key: 0,
+	class: "flex items-center gap-0.5 shrink-0 opacity-85 group-hover:opacity-100 transition-opacity duration-200"
+}, tt = ["onClick"], nt = ["src", "alt"], rt = {
+	key: 0,
+	class: "text-[10px] text-white/60 font-medium"
+}, it = {
+	key: 6,
+	class: "absolute inset-0 z-[4] flex items-center justify-center pointer-events-none"
+}, at = {
+	key: 7,
+	class: "absolute bottom-10 left-1/2 -translate-x-1/2 z-[4] pointer-events-none"
+}, ot = {
+	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" }
+}, st = 24, ct = 30, lt = 22, ut = 28, dt = 8, ft = /*#__PURE__*/ I(/* @__PURE__ */ M({
+	__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 = je(), s = fe(), { t: f } = Me(), p = re(), m = oe("@camera.ui/camera-ui-nvr"), { plugin: _ } = Le("@camera.ui/camera-ui-nvr"), b = ye(), { icons: E } = Pe(), D = m.getCachedThumbnails(r.event.id), M = D ? L(D, r.event, "card", r.segIndex).url ? "loaded" : "empty" : "loading", I = c(ae, void 0), Fe = k("rootRef"), Re = k("previewCanvasRef"), ze = k("footerRef"), Be = k("cardMenuRef"), R = N(!1), Ve = Ce(Fe, () => Bt(), () => $()), z = N(!1), B = N(D ?? null), V = N(M), H = N(!1), U = N(0), W = N(null), G = N(!1), { width: ft } = Ae(ze), pt = S(() => Oe(void 0, "admin")), K = S(() => W.value ?? r.event.favorite ?? !1), q = S(() => {
+			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"
+			};
+		}), J = S(() => B.value ? L(B.value, r.event, "card", r.segIndex) : null), Y = S(() => {
+			let e = r.segIndex ?? J.value?.segIndex;
+			return e === void 0 ? void 0 : r.event.segments?.[e];
+		}), mt = S(() => J.value?.url), ht = S(() => J.value?.label), gt = S(() => J.value?.type ?? r.event.types[0] ?? "motion"), _t = S(() => {
+			if (r.hideSegmentBadge) return;
+			let e = r.event.segments?.length ?? 0;
+			return r.segIndex !== void 0 && e > 1 ? `${r.segIndex + 1}/${e}` : void 0;
+		}), X = S(() => {
+			let e = B.value, t = J.value?.url;
+			if (!e || !t) return [];
+			let n = [{
+				url: t,
+				label: J.value?.label,
+				type: gt.value,
+				crop: !1
+			}];
+			for (let t of ne(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 = _e(e.cards?.[t] ?? e.strips?.[t]);
+				if (!i || n.some((e) => e.url === i)) continue;
+				let a = be(r.event, t);
+				n.push({
+					url: i,
+					label: a,
+					type: a,
+					crop: !1
+				});
+			}
+			return n.length > 1 ? n : [];
+		}), vt = S(() => X.value.length > 1), yt = S(() => X.value.length ? Math.min(U.value, X.value.length - 1) : 0), Z = S(() => vt.value ? X.value[yt.value] : void 0), bt = S(() => !!Z.value?.crop), xt = S(() => Z.value?.url ?? mt.value), St = S(() => Z.value?.label ?? ht.value), Q = S(() => {
+			let e = Y.value;
+			return (e ? ce(r.event, e) : [...new Set(r.event.types)]).filter((e) => e !== "motion" && e !== "audio");
+		}), Ct = S(() => r.cameraName ?? r.event.cameraId), wt = S(() => X.value.map((e) => ({
+			url: e.url,
+			type: e.type
+		}))), Tt = S(() => Q.value.slice(0, Et.value.icons)), Et = S(() => {
+			let e = ft.value;
+			if (!e) return {
+				icons: 2,
+				tiles: 2
+			};
+			let t = e - dt;
+			r.selectionMode && (t -= ut);
+			let n = wt.value.length > 0 ? 52 : 0, i = It(Q.value.length, Math.max(0, t - n), st), a = Q.value.length > 0 ? Math.max(1, i) : 0, o = a * st + (a < Q.value.length ? lt : 0);
+			return {
+				icons: a,
+				tiles: It(wt.value.length, Math.max(0, t - o), ct)
+			};
+		}), Dt = S(() => Q.value.slice(Et.value.icons)), Ot = S(() => wt.value.slice(0, Et.value.tiles)), kt = S(() => wt.value.length - Et.value.tiles), At = S(() => {
+			let e = new Date(Y.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}`;
+		}), jt = S(() => !!(_.value && r.event.endTime && r.event.hasRecording !== !1)), Mt = S(() => I ? R.value ? f("views.recordings.no_preview") : z.value ? I.status.value === "unavailable" ? f("views.recordings.no_preview") : I.status.value === "playing" && I.previewTimeMs.value ? zt(I.previewTimeMs.value) : "" : "" : ""), Nt = S(() => {
+			let e = Z.value;
+			if (e && e.type === "face") return e.label ? e.label : "unknown";
+		}), Pt = S(() => {
+			let e = [];
+			return pt.value && Nt.value !== void 0 && e.push({
+				key: "reassign",
+				label: f("views.recordings.reassign_face"),
+				icon: He,
+				loading: G.value,
+				onClick: () => Kt()
+			}), r.camera && e.push({
+				key: "trace",
+				label: f("views.recordings.open_trace"),
+				icon: he,
+				onClick: () => i("openTrace", Y.value?.firstSeen)
+			}), e.push({
+				key: "ask",
+				label: f("views.recordings.ask_assistant"),
+				icon: Ne,
+				onClick: () => Ft()
+			}), jt.value && e.push({
+				key: "download",
+				label: f("views.recordings.download"),
+				icon: xe,
+				loading: H.value,
+				onClick: () => Yt()
+			}), e;
+		});
+		function Ft() {
+			let e = f("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 It(e, t, n) {
+			return e === 0 || t < n ? 0 : e * n <= t ? e : Math.max(0, Math.floor((t - lt) / n));
+		}
+		function Lt(e) {
+			let t = X.value.length;
+			t && ($(), U.value = (yt.value + e + t) % t);
+		}
+		function Rt(e, t) {
+			vt.value && (t.stopPropagation(), $(), U.value = e);
+		}
+		function $() {
+			R.value = !1, I && z.value && (z.value = !1, I.onHoverEnd());
+		}
+		function zt(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 Bt() {
+			if (!I || yt.value > 0) return;
+			let e = Re.value;
+			if (!e) return;
+			let t = ue(r.event);
+			if (r.event.hasRecording === !1 || !t) {
+				R.value = !0;
+				return;
+			}
+			z.value = !0, I.onHoverStart(e, r.event.cameraId, r.event.id, r.event.startTime, t, r.camera?.zones?.privacy, se(r.event));
+		}
+		function Vt() {
+			Ve.blocksMouseEnter() || Bt();
+		}
+		function Ht() {
+			R.value = !1, I && (z.value = !1, I.onHoverEnd());
+		}
+		async function Ut(e = 2) {
+			let t = await r.loadThumbnails(r.event.id, r.event.startTime);
+			if (t) {
+				B.value = t;
+				let e = L(t, r.event, "card");
+				V.value = e.url ? "loaded" : "empty";
+			} else if (e > 0) return await new Promise((e) => setTimeout(e, 500)), Ut(e - 1);
+			else V.value = r.event.state === "active" ? "loading" : "empty";
+		}
+		function Wt() {
+			if (!Ve.consumesClick()) {
+				if (r.selectionMode) {
+					i("select");
+					return;
+				}
+				i("scrollToEvent", Y.value?.firstSeen ?? Ee(r.event));
+			}
+		}
+		function Gt(e) {
+			$(), Be.value?.toggleMenu(e);
+		}
+		function Kt() {
+			let e = Nt.value;
+			e !== void 0 && b.openComponentDialog(Ue, {
+				data: {
+					title: f("views.recordings.reassign_face"),
+					confirmText: f("components.form.button.save"),
+					contentProps: {
+						cropUrl: Z.value?.url,
+						oldName: e
+					}
+				},
+				onConfirm: (e) => qt(e)
+			});
+		}
+		async function qt(e) {
+			let t = Nt.value;
+			if (t === void 0 || G.value) return;
+			let n = Z.value?.faceSeg ?? -1, i = _.value;
+			if (i?.reassignEventFace) {
+				G.value = !0;
+				try {
+					await i.reassignEventFace(r.event.id, n, t, e) > 0 && le(r.event.id), s.add({
+						severity: "success",
+						detail: f("views.recordings.reassign_done"),
+						life: 3e3
+					});
+				} catch (e) {
+					s.add({
+						severity: "error",
+						detail: we(e),
+						life: 5e3
+					});
+				} finally {
+					G.value = !1;
+				}
+			}
+		}
+		async function Jt() {
+			let e = !K.value;
+			W.value = e;
+			try {
+				await m.setEventFavorite(r.event.id, e);
+			} catch (e) {
+				W.value = null, s.add({
+					severity: "error",
+					detail: we(e),
+					life: 5e3
+				});
+			}
+		}
+		async function Yt() {
+			if (H.value) return;
+			let e = _.value;
+			if (e?.nvrExport && r.event.endTime) {
+				H.value = !0;
+				try {
+					let t = await e.nvrExport(r.event.cameraId, r.event.startTime * 1e3, r.event.endTime * 1e3);
+					await Se({
+						url: t.url,
+						filename: t.filename
+					});
+				} catch (e) {
+					o.error("Download failed:", e), s.add({
+						severity: "error",
+						summary: f("views.recordings.download_failed"),
+						detail: we(e),
+						life: 5e3
+					});
+				} finally {
+					H.value = !1;
+				}
+			}
+		}
+		return w(() => m.storeVersion.value, () => {
+			let e = m.getCachedThumbnails(r.event.id);
+			if (!e) {
+				B.value && Ut();
+				return;
+			}
+			B.value = e, L(e, r.event, "card").url && (V.value = "loaded");
+		}), ee(() => {
+			M === "loading" && Ut();
+		}), (t, r) => {
+			let i = me, o = ke, s = F, c = ve, f = Ie, p = De, m = de, _ = Te, b = ge, S = pe, w = te;
+			return u(), T("div", {
+				ref_key: "rootRef",
+				ref: Fe,
+				class: "recording-card relative group cursor-pointer",
+				onClick: Wt,
+				onMouseenter: Vt,
+				onMouseleave: Ht
+			}, [A("div", {
+				class: h(["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" }
+			}, [
+				x(V) === "loading" ? (u(), v(i, {
+					key: 0,
+					width: "100%",
+					height: "100%",
+					class: "rounded-xl"
+				})) : x(xt) ? (u(), T(O, { key: 1 }, [x(bt) ? (u(), T("img", {
+					key: 0,
+					src: x(xt),
+					"aria-hidden": "true",
+					class: "absolute inset-0 w-full h-full object-cover blur-xl scale-110 opacity-50 pointer-events-none"
+				}, null, 8, We)) : y("", !0), P(o, {
+					src: x(xt),
+					alt: x(Ct),
+					class: "pointer-events-none w-full h-full transition-transform duration-300 group-hover:scale-105",
+					"image-style": { objectFit: x(bt) ? "contain" : "cover" },
+					"image-container-class": "w-full h-full"
+				}, null, 8, [
+					"src",
+					"alt",
+					"image-style"
+				])], 64)) : (u(), T("div", Ge, [(u(), v(g(x(E)[x(gt)] ?? x(E).motion), { class: "w-10 h-10 text-white/20" }))])),
+				x(I) ? j((u(), T("canvas", {
+					key: 3,
+					ref_key: "previewCanvasRef",
+					ref: Re,
+					class: "absolute inset-0 w-full h-full object-cover pointer-events-none z-[1]"
+				}, null, 512)), [[n, x(z)]]) : y("", !0),
+				r[2] ||= A("div", { class: "absolute inset-0 bg-transparent group-hover:bg-black/30 pointer-events-none transition-colors duration-200 z-[2]" }, null, -1),
+				A("div", Ke, [A("div", qe, [
+					A("p", Je, d(x(Ct)), 1),
+					x(_t) ? (u(), T("span", Ye, d(x(_t)), 1)) : y("", !0),
+					x(q) ? (u(), T("span", {
+						key: 1,
+						class: h(["text-[10px] font-bold text-white px-1.5 py-0.5 rounded-md shrink-0", x(q).color])
+					}, d(x(q).label), 3)) : y("", !0),
+					x(pt) && !e.selectionMode ? j((u(), v(f, {
+						key: 2,
+						rounded: "",
+						text: "",
+						severity: "secondary",
+						class: "!w-5 !h-5 !p-0 shrink-0 bg-black/60 hover:!bg-black/80",
+						onClick: a(Jt, ["stop"]),
+						onMouseenter: $
+					}, {
+						icon: C(() => [x(K) ? (u(), v(s, {
+							key: 0,
+							class: "w-3 h-3 text-yellow-400"
+						})) : (u(), v(c, {
+							key: 1,
+							class: "w-3 h-3 text-white"
+						}))]),
+						_: 1
+					})), [[
+						w,
+						{ value: x(K) ? t.$t("views.recordings.unfavorite") : t.$t("views.recordings.favorite") },
+						void 0,
+						{ left: !0 }
+					]]) : y("", !0),
+					x(Pt).length > 0 && !e.selectionMode ? j((u(), v(f, {
+						key: 3,
+						rounded: "",
+						text: "",
+						severity: "secondary",
+						loading: x(H) || x(G),
+						class: "!w-5 !h-5 !p-0 shrink-0 bg-black/60 hover:!bg-black/80",
+						onClick: a(Gt, ["stop"]),
+						onMouseenter: $
+					}, {
+						icon: C(() => [P(p, { class: "w-3 h-3 text-white" })]),
+						_: 1
+					}, 8, ["loading"])), [[
+						w,
+						{ value: t.$t("views.recordings.more_actions") },
+						void 0,
+						{ left: !0 }
+					]]) : y("", !0)
+				]), A("p", Xe, d(x(At)), 1)]),
+				x(X).length > 1 ? (u(), T(O, { key: 4 }, [P(f, {
+					rounded: "",
+					text: "",
+					severity: "secondary",
+					class: "carousel-nav !absolute left-1 top-1/2 -translate-y-1/2 z-[3] !w-7 !h-7 !p-0 bg-black/40 hover:!bg-black/60 transition-opacity duration-200",
+					"aria-label": t.$t("views.recordings.prev_image"),
+					onClick: r[0] ||= a((e) => Lt(-1), ["stop"]),
+					onMouseenter: $
+				}, {
+					icon: C(() => [P(m, { class: "w-5 h-5 text-white" })]),
+					_: 1
+				}, 8, ["aria-label"]), P(f, {
+					rounded: "",
+					text: "",
+					severity: "secondary",
+					class: "carousel-nav !absolute right-1 top-1/2 -translate-y-1/2 z-[3] !w-7 !h-7 !p-0 bg-black/40 hover:!bg-black/60 transition-opacity duration-200",
+					"aria-label": t.$t("views.recordings.next_image"),
+					onClick: r[1] ||= a((e) => Lt(1), ["stop"]),
+					onMouseenter: $
+				}, {
+					icon: C(() => [P(_, { class: "w-5 h-5 text-white" })]),
+					_: 1
+				}, 8, ["aria-label"])], 64)) : y("", !0),
+				x(St) ? (u(), T("div", {
+					key: 5,
+					class: h(["absolute left-1/2 -translate-x-1/2 z-[3] max-w-[85%] pointer-events-none transition-all duration-200", x(Mt) ? "bottom-16" : "bottom-10"])
+				}, [A("span", Ze, d(x(St)), 1)], 2)) : y("", !0),
+				A("div", {
+					ref_key: "footerRef",
+					ref: ze,
+					class: "absolute bottom-2 left-2 right-2 flex items-center justify-between gap-2 z-[3]"
+				}, [A("div", Qe, [
+					e.selectionMode ? (u(), T("div", {
+						key: 0,
+						class: h(["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 ? (u(), v(b, {
+						key: 0,
+						class: "w-4 h-4 text-white"
+					})) : y("", !0)], 2)) : y("", !0),
+					(u(!0), T(O, null, l(x(Tt), (e) => (u(), T("div", {
+						key: e,
+						class: "flex items-center justify-center w-5 h-5 rounded-md bg-black/60 shrink-0"
+					}, [(u(), v(g(x(E)[e] ?? x(E).motion), { class: "w-3 h-3 text-white/80" }))]))), 128)),
+					x(Dt).length > 0 ? (u(), T("span", {
+						key: 1,
+						title: x(Dt).join(", "),
+						class: "text-[10px] text-white/60 font-medium shrink-0"
+					}, " +" + d(x(Dt).length), 9, $e)) : y("", !0)
+				]), x(Ot).length > 0 || x(kt) > 0 ? (u(), T("div", et, [(u(!0), T(O, null, l(x(Ot), (e, t) => (u(), T("div", {
+					key: t,
+					class: h(["w-7 h-7 rounded overflow-hidden border bg-neutral-800 cursor-pointer", t === x(yt) ? "border-primary/80" : "border-white/20"]),
+					onClick: (e) => Rt(t, e)
+				}, [A("img", {
+					src: e.url,
+					alt: e.type,
+					decoding: "async",
+					loading: "lazy",
+					class: "w-full h-full object-cover"
+				}, null, 8, nt)], 10, tt))), 128)), x(kt) > 0 ? (u(), T("span", rt, "+" + d(x(kt)), 1)) : y("", !0)])) : y("", !0)], 512),
+				x(I) && x(z) && x(I).isLoading.value ? (u(), T("div", it, [P(S, {
+					class: "w-[28px] h-[28px] m-0",
+					"stroke-width": "6"
+				})])) : y("", !0),
+				x(Mt) ? (u(), T("div", at, [A("span", ot, d(x(Mt)), 1)])) : y("", !0)
+			], 2), P(ie, {
+				ref_key: "cardMenuRef",
+				ref: Be,
+				items: x(Pt),
+				popover: { pt: { content: { class: "p-0! rounded-xl! overflow-hidden!" } } }
+			}, null, 8, ["items"])], 544);
+		};
+	}
+}), [["__scopeId", "data-v-7ce0bd00"]]), pt = {
+	name: "VirtualScroller",
+	components: { SpinnerIcon: Fe },
+	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: {}
+		};
+	},
+	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.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.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.element ? this.element.offsetWidth - r.left : 0, a = this.element ? this.element.offsetHeight - r.top : 0, o = (e, t) => Math.ceil(e / (t || e)), s = (e) => Math.ceil(e / 2), c = e ? {
+				rows: o(a, n[0]),
+				cols: o(i, n[1])
+			} : o(t ? i : a, n);
+			return {
+				numItemsInViewport: c,
+				numToleratedItems: this.d_numToleratedItems || (e ? [s(c.rows), s(c.cols)] : s(c))
+			};
+		},
+		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) {
+				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 {
+					left: t,
+					right: n,
+					top: r,
+					bottom: i,
+					x: t + n,
+					y: r + i
+				};
+			}
+			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));
+		},
+		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;
+		}
+	}
+}, K = ["tabindex"];
+function q(e, t, n, r, i, a) {
+	let o = E("SpinnerIcon");
+	return e.disabled ? (u(), T(O, { key: 1 }, [f(e.$slots, "default"), f(e.$slots, "content", {
+		items: e.items,
+		rows: e.items,
+		columns: a.loadedColumns
+	})], 64)) : (u(), T("div", p({
+		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) }), [
+		f(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()
+		}, () => [A("div", p({
+			ref: a.contentRef,
+			class: a.contentClass,
+			style: i.contentStyle
+		}, e.ptm("content")), [(u(!0), T(O, null, l(a.loadedItems, (t, n) => f(e.$slots, "item", {
+			item: t,
+			options: a.getOptions(n)
+		}, void 0, void 0, a.resolveItemKey(t, n))), 128))], 16)]),
+		e.showSpacer ? (u(), T("div", p({
+			key: 0,
+			class: "p-virtualscroller-spacer",
+			style: i.spacerStyle
+		}, e.ptm("spacer")), null, 16)) : y("", !0),
+		!e.loaderDisabled && e.showLoader && i.d_loading ? (u(), T("div", p({
+			key: 1,
+			class: a.loaderClass
+		}, e.ptm("loader")), [e.$slots && e.$slots.loader ? (u(!0), T(O, { key: 0 }, l(i.loaderArr, (t, n) => f(e.$slots, "loader", { options: a.getLoaderOptions(n, a.isBoth() && { numCols: e.d_numItemsInViewport.cols }) }, void 0, void 0, n)), 128)) : y("", !0), f(e.$slots, "loadingicon", {}, () => [P(o, p({
+			spin: "",
+			class: "p-virtualscroller-loading-icon"
+		}, e.ptm("loadingIcon")), null, 16)])], 16)) : y("", !0)
+	], 16, K));
+}
+var J = /*#__PURE__*/ I(pt, [["render", q]]), Y = {
+	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"
+}, mt = /*#__PURE__*/ I(/* @__PURE__ */ M({
+	__name: "CuiRecordingsGrid",
+	props: {
+		items: {},
+		minItemWidth: {},
+		aspectRatio: { default: 1 },
+		gap: { default: 8 },
+		hasMore: {
+			type: Boolean,
+			default: !1
+		},
+		loadMore: {
+			type: Function,
+			default: void 0
+		},
+		itemKey: {
+			type: Function,
+			default: void 0
+		}
+	},
+	setup(e, { expose: t }) {
+		let n = e, r = k("containerRef"), { width: i, height: a } = Ae(r), o = S(() => a.value > 0 ? `${a.value}px` : void 0), s = S(() => {
+			let e = i.value;
+			if (!e) return 0;
+			let t = n.gap;
+			return Math.max(1, Math.floor((e + t) / (n.minItemWidth + t)));
+		}), c = S(() => {
+			let e = i.value, t = s.value;
+			return !e || !t ? 0 : Math.floor((e - (t - 1) * n.gap) / t);
+		}), d = S(() => c.value ? Math.floor(c.value / n.aspectRatio) : 0), p = S(() => d.value ? d.value + n.gap : 0), h = S(() => {
+			let e = s.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 g(e) {
+			if (n.itemKey) return n.itemKey(e);
+			let t = e;
+			return t.id ?? t.key ?? JSON.stringify(e);
+		}
+		function _(e) {
+			let t = e;
+			if (t && t.length !== 0) return g(t[0]);
+		}
+		let b = N(!1), E = null;
+		async function j() {
+			if (b.value || !n.hasMore || !n.loadMore || E !== null && n.items.length === E) return;
+			b.value = !0;
+			let e = n.items.length;
+			try {
+				await Promise.resolve(n.loadMore());
+			} finally {
+				b.value = !1, E = n.items.length === e ? e : null;
+			}
+		}
+		let M = N(0);
+		function ee(e) {
+			let t = e.target;
+			if (!t) return;
+			M.value = t.scrollTop;
+			let n = p.value * 3;
+			t.scrollTop + t.clientHeight >= t.scrollHeight - n && j();
+		}
+		function te() {
+			(r.value?.querySelector(".recordings-scroll"))?.scrollTo({
+				top: 0,
+				behavior: "smooth"
+			});
+		}
+		let F = !1;
+		return w([
+			() => n.items.length,
+			a,
+			p,
+			() => n.hasMore
+		], () => {
+			F || (F = !0, m(() => {
+				if (F = !1, !n.hasMore) return;
+				let e = a.value, t = h.value.length * p.value;
+				e > 0 && p.value > 0 && t < e + p.value && j();
+			}));
+		}, { flush: "post" }), t({
+			scrollToTop: te,
+			scrollY: M
+		}), (t, n) => {
+			let i = J, a = Be;
+			return u(), T("div", {
+				ref_key: "containerRef",
+				ref: r,
+				class: "recordings-grid-root relative"
+			}, [x(h).length > 0 && x(c) > 0 ? (u(), v(i, {
+				key: 0,
+				items: x(h),
+				"item-size": x(p),
+				"scroll-height": x(o),
+				orientation: "vertical",
+				class: "recordings-scroll",
+				"num-tolerated-items": 2,
+				"item-key": _,
+				onScroll: ee
+			}, {
+				item: C(({ item: n }) => [A("div", {
+					class: "recordings-row",
+					style: D({
+						height: `${x(p)}px`,
+						gap: `${e.gap}px`
+					})
+				}, [(u(!0), T(O, null, l(n, (e) => (u(), T("div", {
+					key: g(e),
+					style: D({
+						width: `${x(c)}px`,
+						height: `${x(d)}px`
+					})
+				}, [f(t.$slots, "item", { item: e }, void 0, !0)], 4))), 128))], 4)]),
+				_: 3
+			}, 8, [
+				"items",
+				"item-size",
+				"scroll-height"
+			])) : y("", !0), x(b) ? (u(), T("div", Y, [P(a, {
+				width: "18px",
+				height: "18px",
+				class: "text-white"
+			})])) : y("", !0)], 512);
+		};
+	}
+}), [["__scopeId", "data-v-57a2aa74"]]);
+//#endregion
+//#region src/components/CuiRecordings/ungrouped.ts
+function ht(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 gt(e) {
+	let t = [];
+	for (let n of e) {
+		let e = n.segments ?? [];
+		if (e.length <= 1) {
+			t.push({
+				event: n,
+				key: n.id
+			});
+			continue;
+		}
+		e.forEach((e, r) => {
+			e && t.push({
+				event: n,
+				key: `${n.id}:seg:${r}`,
+				segIndex: r
+			});
+		});
+	}
+	return t.sort((e, t) => ht(t) - ht(e)), t;
+}
+//#endregion
+export { ft as i, ht as n, mt as r, gt as t };