@camera.ui/server 2.1.16 → 2.1.17

package/dist/interface/ha/ungrouped-CO29-tSV.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-BilzxWfY.js";
+import { n as s } from "./virtualscroller-s_gNqN5p.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 ee, p as w, q as T, qt as E, r as D, rt as O, u as k, ut as A, x as j, xt as M, y as N, z as te } from "./runtime-core.esm-bundler-D8slQ3BU.js";
+import { t as ne } from "./tooltip-BIrD_hC8.js";
+import { $ as P, Bn as re, Ci as ie, Cr as F, Hn as ae, Kn as oe, Mn as se, Q as ce, Rn as le, Sr as ue, Un as de, Vn as fe, X as pe, Xn as me, Y as he, Z as ge, _r as _e, _t as ve, br as ye, da as be, dr as xe, fr as Se, it as Ce, o as we, rr as Te, rt as Ee, ut as De, wr as Oe, zn as I } from "./api-DBu4gh4_.js";
+import { _ as ke, o as Ae } from "./intercomService-jB2mTgsn.js";
+import { n as je } from "./vue-i18n-Dcb07o5U.js";
+import { M as Me } from "./dist-BqTZri2H.js";
+import { t as Ne } from "./spinner-D6iUldg9.js";
+import { t as Pe } from "./button-BlYuI0Q7.js";
+import { t as Fe } from "./inputtext-DGIESrd0.js";
+import { t as Ie } from "./select-DjWkRqsI.js";
+import { t as L } from "./ring-resize-VS4MSeBv.js";
+//#region ~icons/tabler/dots-vertical
+var Le = {
+	viewBox: "0 0 24 24",
+	width: "1.2em",
+	height: "1.2em"
+};
+function R(e, t) {
+	return u(), w("svg", Le, [...t[0] ||= [k("path", {
+		fill: "none",
+		stroke: "currentColor",
+		"stroke-linecap": "round",
+		"stroke-linejoin": "round",
+		"stroke-width": "2",
+		d: "M11 12a1 1 0 1 0 2 0a1 1 0 1 0-2 0m0 7a1 1 0 1 0 2 0a1 1 0 1 0-2 0m0-14a1 1 0 1 0 2 0a1 1 0 1 0-2 0"
+	}, null, -1)]]);
+}
+var Re = _({
+	name: "tabler-dots-vertical",
+	render: R
+}), z = {
+	viewBox: "0 0 24 24",
+	width: "1.2em",
+	height: "1.2em"
+};
+function B(e, t) {
+	return u(), w("svg", z, [...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 ze = _({
+	name: "tabler-user-edit",
+	render: B
+}), V = { class: "flex flex-col gap-4 w-full" }, H = {
+	key: 0,
+	class: "flex justify-center"
+}, U = ["src", "alt"], W = { class: "flex flex-col gap-2 w-full" }, Be = { class: "cui-label" }, G = { class: "flex flex-col gap-2 w-full" }, K = {
+	for: "reassignTarget",
+	class: "cui-label"
+}, Ve = /* @__PURE__ */ j({
+	__name: "FaceReassign",
+	props: {
+		cropUrl: {},
+		oldName: {}
+	},
+	setup(e, { expose: t }) {
+		let n = e, { t: r } = je(), { plugin: i } = Me("@camera.ui/camera-ui-nvr"), a = M(null), o = M([]), s = M(!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 te(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 = Fe, i = Ie;
+			return u(), w("div", V, [
+				n.cropUrl ? (u(), w("div", H, [k("img", {
+					src: n.cropUrl,
+					alt: x(c),
+					class: "w-36 h-36 rounded-xl object-cover bg-neutral-900"
+				}, null, 8, U)])) : y("", !0),
+				k("div", W, [k("label", Be, d(e.$t("views.recordings.reassign_current")), 1), N(r, {
+					"model-value": x(c),
+					class: "w-full",
+					fluid: "",
+					disabled: ""
+				}, null, 8, ["model-value"])]),
+				k("div", G, [k("label", K, d(e.$t("views.recordings.reassign_new")), 1), N(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"
+				])])
+			]);
+		};
+	}
+}), He = ["src"], Ue = {
+	key: 2,
+	class: "w-full h-full flex items-center justify-center bg-neutral-800/80"
+}, We = { class: "absolute top-0 left-0 right-0 p-2 bg-gradient-to-b from-black/80 to-transparent z-[3]" }, Ge = { class: "flex items-center gap-1.5" }, Ke = { class: "text-xs font-semibold text-white truncate min-w-0 flex-1" }, qe = {
+	key: 0,
+	class: "text-[10px] font-semibold text-white/80 bg-black/60 px-1.5 py-0.5 rounded-md shrink-0"
+}, Je = { class: "text-[10px] text-white/70" }, Ye = { class: "block text-[11px] text-white font-medium truncate bg-black/50 rounded-md px-2 py-0.5" }, Xe = { class: "flex items-center gap-1 min-w-0" }, Ze = ["title"], Qe = {
+	key: 0,
+	class: "flex items-center gap-0.5 shrink-0 opacity-85 group-hover:opacity-100 transition-opacity duration-200"
+}, $e = ["onClick"], et = ["src", "alt"], tt = {
+	key: 0,
+	class: "text-[10px] text-white/60 font-medium"
+}, nt = {
+	key: 6,
+	class: "absolute inset-0 z-[4] flex items-center justify-center pointer-events-none"
+}, rt = {
+	key: 7,
+	class: "absolute bottom-10 left-1/2 -translate-x-1/2 z-[4] pointer-events-none"
+}, it = {
+	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" }
+}, at = 24, ot = 30, st = 22, ct = 28, lt = 8, q = /*#__PURE__*/ F(/* @__PURE__ */ j({
+	__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 = Ae(), s = ie(), { t: f } = je(), p = me("@camera.ui/camera-ui-nvr"), { plugin: m } = Me("@camera.ui/camera-ui-nvr"), _ = De(), { icons: b } = ve(), T = p.getCachedThumbnails(r.event.id), E = T ? I(T, r.event, "card", r.segIndex).url ? "loaded" : "empty" : "loading", j = c(ae, void 0), F = O("rootRef"), Ne = O("previewCanvasRef"), Fe = O("footerRef"), Ie = O("cardMenuRef"), L = M(!1), Le = ge(F, () => Pt(), () => $()), R = M(!1), z = M(T ?? null), B = M(E), V = M(!1), H = M(0), U = M(null), W = M(!1), { width: Be } = ke(Fe), G = S(() => U.value ?? r.event.favorite ?? !1), K = 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"
+			};
+		}), q = S(() => z.value ? I(z.value, r.event, "card", r.segIndex) : null), ut = S(() => {
+			let e = r.segIndex ?? q.value?.segIndex;
+			return e === void 0 ? void 0 : r.event.segments?.[e];
+		}), dt = S(() => q.value?.url), ft = S(() => q.value?.label), pt = S(() => q.value?.type ?? r.event.types[0] ?? "motion"), mt = 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;
+		}), J = S(() => {
+			let e = z.value, t = q.value?.url;
+			if (!e || !t) return [];
+			let n = [{
+				url: t,
+				label: q.value?.label,
+				type: pt.value,
+				crop: !1
+			}];
+			for (let t of re(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 = de(e.cards?.[t] ?? e.strips?.[t]);
+				if (!i || n.some((e) => e.url === i)) continue;
+				let a = P(r.event, t);
+				n.push({
+					url: i,
+					label: a,
+					type: a,
+					crop: !1
+				});
+			}
+			return n.length > 1 ? n : [];
+		}), Y = S(() => J.value.length > 1), X = S(() => J.value.length ? Math.min(H.value, J.value.length - 1) : 0), Z = S(() => Y.value ? J.value[X.value] : void 0), ht = S(() => !!Z.value?.crop), gt = S(() => Z.value?.url ?? dt.value), _t = S(() => Z.value?.label ?? ft.value), Q = S(() => {
+			let e = ut.value;
+			return (e ? oe(r.event, e) : [...new Set(r.event.types)]).filter((e) => e !== "motion" && e !== "audio");
+		}), vt = S(() => r.cameraName ?? r.event.cameraId), yt = S(() => J.value.map((e) => ({
+			url: e.url,
+			type: e.type
+		}))), bt = S(() => Q.value.slice(0, xt.value.icons)), xt = S(() => {
+			let e = Be.value;
+			if (!e) return {
+				icons: 2,
+				tiles: 2
+			};
+			let t = e - lt;
+			r.selectionMode && (t -= ct);
+			let n = yt.value.length > 0 ? 52 : 0, i = At(Q.value.length, Math.max(0, t - n), at), a = Q.value.length > 0 ? Math.max(1, i) : 0, o = a * at + (a < Q.value.length ? st : 0);
+			return {
+				icons: a,
+				tiles: At(yt.value.length, Math.max(0, t - o), ot)
+			};
+		}), St = S(() => Q.value.slice(xt.value.icons)), Ct = S(() => yt.value.slice(0, xt.value.tiles)), wt = S(() => yt.value.length - xt.value.tiles), Tt = S(() => {
+			let e = r.segIndex === void 0 ? void 0 : r.event.segments?.[r.segIndex]?.firstSeen, t = new Date(e ?? r.event.thumbnailAt ?? r.event.startTime), n = /* @__PURE__ */ new Date(), i = t.toDateString() === n.toDateString(), a = t.toLocaleTimeString([], {
+				hour: "2-digit",
+				minute: "2-digit"
+			});
+			return i ? a : `${t.toLocaleDateString([], {
+				month: "short",
+				day: "numeric"
+			})} ${a}`;
+		}), Et = S(() => !!(m.value && r.event.endTime && r.event.hasRecording !== !1)), Dt = S(() => j ? L.value ? f("views.recordings.no_preview") : R.value ? j.status.value === "unavailable" ? f("views.recordings.no_preview") : j.status.value === "playing" && j.previewTimeMs.value ? Nt(j.previewTimeMs.value) : "" : "" : ""), Ot = S(() => {
+			let e = Z.value;
+			if (!(!e || e.type !== "face")) return e.label ? e.label : "unknown";
+		}), kt = S(() => {
+			let e = [];
+			return Ot.value !== void 0 && e.push({
+				key: "reassign",
+				label: f("views.recordings.reassign_face"),
+				icon: ze,
+				loading: W.value,
+				onClick: () => Bt()
+			}), r.camera && e.push({
+				key: "trace",
+				label: f("views.recordings.open_trace"),
+				icon: Ee,
+				onClick: () => i("openTrace")
+			}), Et.value && e.push({
+				key: "download",
+				label: f("views.recordings.download"),
+				icon: Ce,
+				loading: V.value,
+				onClick: () => Ut()
+			}), e;
+		});
+		function At(e, t, n) {
+			return e === 0 || t < n ? 0 : e * n <= t ? e : Math.max(0, Math.floor((t - st) / n));
+		}
+		function jt(e) {
+			let t = J.value.length;
+			t && ($(), H.value = (X.value + e + t) % t);
+		}
+		function Mt(e, t) {
+			Y.value && (t.stopPropagation(), $(), H.value = e);
+		}
+		function $() {
+			L.value = !1, !(!j || !R.value) && (R.value = !1, j.onHoverEnd());
+		}
+		function Nt(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 Pt() {
+			if (!j || X.value > 0) return;
+			let e = Ne.value;
+			if (!e) return;
+			let t = Te(r.event);
+			if (r.event.hasRecording === !1 || !t) {
+				L.value = !0;
+				return;
+			}
+			R.value = !0, j.onHoverStart(e, r.event.cameraId, r.event.id, r.event.startTime, t, r.camera?.zones?.privacy, fe(r.event));
+		}
+		function Ft() {
+			Le.blocksMouseEnter() || Pt();
+		}
+		function It() {
+			L.value = !1, j && (R.value = !1, j.onHoverEnd());
+		}
+		async function Lt(e = 2) {
+			let t = await r.loadThumbnails(r.event.id, r.event.startTime);
+			if (t) {
+				z.value = t;
+				let e = I(t, r.event, "card");
+				B.value = e.url ? "loaded" : "empty";
+			} else if (e > 0) return await new Promise((e) => setTimeout(e, 500)), Lt(e - 1);
+			else B.value = r.event.state === "active" ? "loading" : "empty";
+		}
+		function Rt() {
+			if (!Le.consumesClick()) {
+				if (r.selectionMode) {
+					i("select");
+					return;
+				}
+				i("scrollToEvent", ut.value?.firstSeen ?? ce(r.event));
+			}
+		}
+		function zt(e) {
+			$(), Ie.value?.toggleMenu(e);
+		}
+		function Bt() {
+			let e = Ot.value;
+			e !== void 0 && _.openComponentDialog(Ve, {
+				data: {
+					title: f("views.recordings.reassign_face"),
+					confirmText: f("components.form.button.save"),
+					contentProps: {
+						cropUrl: Z.value?.url,
+						oldName: e
+					}
+				},
+				onConfirm: (e) => Vt(e)
+			});
+		}
+		async function Vt(e) {
+			let t = Ot.value;
+			if (t === void 0 || W.value) return;
+			let n = Z.value?.faceSeg ?? -1, i = m.value;
+			if (i?.reassignEventFace) {
+				W.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 {
+					W.value = !1;
+				}
+			}
+		}
+		async function Ht() {
+			let e = !G.value;
+			U.value = e;
+			try {
+				await p.setEventFavorite(r.event.id, e);
+			} catch (e) {
+				U.value = null, s.add({
+					severity: "error",
+					detail: we(e),
+					life: 5e3
+				});
+			}
+		}
+		async function Ut() {
+			if (V.value) return;
+			let e = m.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 ye({
+						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 {
+					V.value = !1;
+				}
+			}
+		}
+		return ee(() => p.storeVersion.value, () => {
+			let e = p.getCachedThumbnails(r.event.id);
+			if (!e) {
+				z.value && Lt();
+				return;
+			}
+			z.value = e, I(e, r.event, "card").url && (B.value = "loaded");
+		}), te(() => {
+			E === "loading" && Lt();
+		}), (t, r) => {
+			let i = be, o = ue, s = he, c = pe, f = Pe, p = Re, m = xe, _ = Se, S = _e, ee = Oe, T = ne;
+			return u(), w("div", {
+				ref_key: "rootRef",
+				ref: F,
+				class: "recording-card relative group cursor-pointer",
+				onClick: Rt,
+				onMouseenter: Ft,
+				onMouseleave: It
+			}, [k("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(B) === "loading" ? (u(), v(i, {
+					key: 0,
+					width: "100%",
+					height: "100%",
+					class: "rounded-xl"
+				})) : x(gt) ? (u(), w(D, { key: 1 }, [x(ht) ? (u(), w("img", {
+					key: 0,
+					src: x(gt),
+					"aria-hidden": "true",
+					class: "absolute inset-0 w-full h-full object-cover blur-xl scale-110 opacity-50 pointer-events-none"
+				}, null, 8, He)) : y("", !0), N(o, {
+					src: x(gt),
+					alt: x(vt),
+					class: "pointer-events-none w-full h-full transition-transform duration-300 group-hover:scale-105",
+					"image-style": { objectFit: x(ht) ? "contain" : "cover" },
+					"image-container-class": "w-full h-full"
+				}, null, 8, [
+					"src",
+					"alt",
+					"image-style"
+				])], 64)) : (u(), w("div", Ue, [(u(), v(g(x(b)[x(pt)] ?? x(b).motion), { class: "w-10 h-10 text-white/20" }))])),
+				x(j) ? A((u(), w("canvas", {
+					key: 3,
+					ref_key: "previewCanvasRef",
+					ref: Ne,
+					class: "absolute inset-0 w-full h-full object-cover pointer-events-none z-[1]"
+				}, null, 512)), [[n, x(R)]]) : y("", !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", We, [k("div", Ge, [
+					k("p", Ke, d(x(vt)), 1),
+					x(mt) ? (u(), w("span", qe, d(x(mt)), 1)) : y("", !0),
+					x(K) ? (u(), w("span", {
+						key: 1,
+						class: h(["text-[10px] font-bold text-white px-1.5 py-0.5 rounded-md shrink-0", x(K).color])
+					}, d(x(K).label), 3)) : y("", !0),
+					e.selectionMode ? y("", !0) : A((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(Ht, ["stop"]),
+						onMouseenter: $
+					}, {
+						icon: C(() => [x(G) ? (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
+					})), [[
+						T,
+						{ value: x(G) ? t.$t("views.recordings.unfavorite") : t.$t("views.recordings.favorite") },
+						void 0,
+						{ left: !0 }
+					]]),
+					x(kt).length > 0 && !e.selectionMode ? A((u(), v(f, {
+						key: 3,
+						rounded: "",
+						text: "",
+						severity: "secondary",
+						loading: x(V) || x(W),
+						class: "!w-5 !h-5 !p-0 shrink-0 bg-black/60 hover:!bg-black/80",
+						onClick: a(zt, ["stop"]),
+						onMouseenter: $
+					}, {
+						icon: C(() => [N(p, { class: "w-3 h-3 text-white" })]),
+						_: 1
+					}, 8, ["loading"])), [[
+						T,
+						{ value: t.$t("views.recordings.more_actions") },
+						void 0,
+						{ left: !0 }
+					]]) : y("", !0)
+				]), k("p", Je, d(x(Tt)), 1)]),
+				x(J).length > 1 ? (u(), w(D, { key: 4 }, [N(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) => jt(-1), ["stop"]),
+					onMouseenter: $
+				}, {
+					icon: C(() => [N(m, { class: "w-5 h-5 text-white" })]),
+					_: 1
+				}, 8, ["aria-label"]), N(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) => jt(1), ["stop"]),
+					onMouseenter: $
+				}, {
+					icon: C(() => [N(_, { class: "w-5 h-5 text-white" })]),
+					_: 1
+				}, 8, ["aria-label"])], 64)) : y("", !0),
+				x(_t) ? (u(), w("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(Dt) ? "bottom-16" : "bottom-10"])
+				}, [k("span", Ye, d(x(_t)), 1)], 2)) : y("", !0),
+				k("div", {
+					ref_key: "footerRef",
+					ref: Fe,
+					class: "absolute bottom-2 left-2 right-2 flex items-center justify-between gap-2 z-[3]"
+				}, [k("div", Xe, [
+					e.selectionMode ? (u(), w("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(S, {
+						key: 0,
+						class: "w-4 h-4 text-white"
+					})) : y("", !0)], 2)) : y("", !0),
+					(u(!0), w(D, null, l(x(bt), (e) => (u(), w("div", {
+						key: e,
+						class: "flex items-center justify-center w-5 h-5 rounded-md bg-black/60 shrink-0"
+					}, [(u(), v(g(x(b)[e] ?? x(b).motion), { class: "w-3 h-3 text-white/80" }))]))), 128)),
+					x(St).length > 0 ? (u(), w("span", {
+						key: 1,
+						title: x(St).join(", "),
+						class: "text-[10px] text-white/60 font-medium shrink-0"
+					}, " +" + d(x(St).length), 9, Ze)) : y("", !0)
+				]), x(Ct).length > 0 || x(wt) > 0 ? (u(), w("div", Qe, [(u(!0), w(D, null, l(x(Ct), (e, t) => (u(), w("div", {
+					key: t,
+					class: h(["w-7 h-7 rounded overflow-hidden border bg-neutral-800 cursor-pointer", t === x(X) ? "border-primary/80" : "border-white/20"]),
+					onClick: (e) => Mt(t, e)
+				}, [k("img", {
+					src: e.url,
+					alt: e.type,
+					decoding: "async",
+					loading: "lazy",
+					class: "w-full h-full object-cover"
+				}, null, 8, et)], 10, $e))), 128)), x(wt) > 0 ? (u(), w("span", tt, "+" + d(x(wt)), 1)) : y("", !0)])) : y("", !0)], 512),
+				x(j) && x(R) && x(j).isLoading.value ? (u(), w("div", nt, [N(ee, {
+					class: "w-[28px] h-[28px] m-0",
+					"stroke-width": "6"
+				})])) : y("", !0),
+				x(Dt) ? (u(), w("div", rt, [k("span", it, d(x(Dt)), 1)])) : y("", !0)
+			], 2), N(se, {
+				ref_key: "cardMenuRef",
+				ref: Ie,
+				items: x(kt),
+				popover: { pt: { content: { class: "p-0! rounded-xl! overflow-hidden!" } } }
+			}, null, 8, ["items"])], 544);
+		};
+	}
+}), [["__scopeId", "data-v-dfc29d48"]]), ut = {
+	name: "VirtualScroller",
+	components: { SpinnerIcon: Ne },
+	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;
+		}
+	}
+}, dt = ["tabindex"];
+function ft(e, t, n, r, i, a) {
+	let o = T("SpinnerIcon");
+	return e.disabled ? (u(), w(D, { key: 1 }, [f(e.$slots, "default"), f(e.$slots, "content", {
+		items: e.items,
+		rows: e.items,
+		columns: a.loadedColumns
+	})], 64)) : (u(), w("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()
+		}, () => [k("div", p({
+			ref: a.contentRef,
+			class: a.contentClass,
+			style: i.contentStyle
+		}, e.ptm("content")), [(u(!0), w(D, 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(), w("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(), w("div", p({
+			key: 1,
+			class: a.loaderClass
+		}, e.ptm("loader")), [e.$slots && e.$slots.loader ? (u(!0), w(D, { 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", {}, () => [N(o, p({
+			spin: "",
+			class: "p-virtualscroller-loading-icon"
+		}, e.ptm("loadingIcon")), null, 16)])], 16)) : y("", !0)
+	], 16, dt));
+}
+var pt = /*#__PURE__*/ F(ut, [["render", ft]]), mt = {
+	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"
+}, J = /*#__PURE__*/ F(/* @__PURE__ */ j({
+	__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 = O("containerRef"), { width: i, height: a } = ke(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 = M(!1), T = null;
+		async function A() {
+			if (b.value || !n.hasMore || !n.loadMore || T !== null && n.items.length === T) return;
+			b.value = !0;
+			let e = n.items.length;
+			try {
+				await Promise.resolve(n.loadMore());
+			} finally {
+				b.value = !1, T = n.items.length === e ? e : null;
+			}
+		}
+		let j = M(0);
+		function te(e) {
+			let t = e.target;
+			if (!t) return;
+			j.value = t.scrollTop;
+			let n = p.value * 3;
+			t.scrollTop + t.clientHeight >= t.scrollHeight - n && A();
+		}
+		function ne() {
+			(r.value?.querySelector(".recordings-scroll"))?.scrollTo({
+				top: 0,
+				behavior: "smooth"
+			});
+		}
+		let P = !1;
+		return ee([
+			() => n.items.length,
+			a,
+			p,
+			() => n.hasMore
+		], () => {
+			P || (P = !0, m(() => {
+				if (P = !1, !n.hasMore) return;
+				let e = a.value, t = h.value.length * p.value;
+				e > 0 && p.value > 0 && t < e + p.value && A();
+			}));
+		}, { flush: "post" }), t({
+			scrollToTop: ne,
+			scrollY: j
+		}), (t, n) => {
+			let i = pt, a = L;
+			return u(), w("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: te
+			}, {
+				item: C(({ item: n }) => [k("div", {
+					class: "recordings-row",
+					style: E({
+						height: `${x(p)}px`,
+						gap: `${e.gap}px`
+					})
+				}, [(u(!0), w(D, null, l(n, (e) => (u(), w("div", {
+					key: g(e),
+					style: E({
+						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(), w("div", mt, [N(a, {
+				width: "18px",
+				height: "18px",
+				class: "text-white"
+			})])) : y("", !0)], 512);
+		};
+	}
+}), [["__scopeId", "data-v-57a2aa74"]]);
+//#endregion
+//#region src/components/CuiRecordings/ungrouped.ts
+function Y(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 X(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) => Y(t) - Y(e)), t;
+}
+//#endregion
+export { q as i, Y as n, J as r, X as t };