@camera.ui/server 2.1.14 → 2.1.16

package/dist/interface/ha/{ungrouped-CpcBXTDQ.js → CuiRecordingsGrid-D6HHyF1D.js}

@@ -1,367 +1,17 @@
-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, d as _, f as v, kt as y, l as b, lt as x, ot as S, p as C, q as w, qt as T, r as E, rt as D, u as O, ut as k, x as A, xt as j, y as M, z as ee } from "./runtime-core.esm-bundler-D8slQ3BU.js";
-import { t as te } from "./tooltip-BIrD_hC8.js";
-import { $ as ne, Bn as N, J as re, Nn as ie, Pn as ae, Qn as oe, Un as se, X as ce, Y as le, Zn as P, _r as ue, et as de, fr as fe, gi as pe, hr as me, ia as he, ir as ge, jn as _e, o as ve, or as ye, pt as be, sr as xe, vr as F, yr as Se, zn as Ce } from "./api-BU1ot-rQ.js";
-import { _ as we, o as Te } from "./intercomService-jB2mTgsn.js";
-import { n as Ee } from "./vue-i18n-Dcb07o5U.js";
-import { M as De } from "./dist-BQFunPaA.js";
-import { t as I } from "./spinner-D6iUldg9.js";
-import { t as Oe } from "./button-BlYuI0Q7.js";
-//#region src/components/CuiRecordings/RecordingCard.vue?vue&type=script&setup=true&lang.ts
-var ke = ["src"], Ae = {
-	key: 2,
-	class: "w-full h-full flex items-center justify-center bg-neutral-800/80"
-}, je = { class: "absolute top-0 left-0 right-0 p-2 bg-gradient-to-b from-black/80 to-transparent z-[3]" }, Me = { class: "flex items-center gap-1.5" }, Ne = { class: "text-xs font-semibold text-white truncate min-w-0 flex-1" }, Pe = {
-	key: 1,
-	class: "text-[10px] font-semibold text-white/80 bg-black/60 px-1.5 py-0.5 rounded-md shrink-0"
-}, Fe = { class: "text-[10px] text-white/70" }, Ie = { class: "block text-[11px] text-white font-medium truncate bg-black/50 rounded-md px-2 py-0.5" }, Le = { class: "flex items-center gap-1 min-w-0" }, Re = ["title"], ze = {
-	key: 0,
-	class: "flex items-center gap-0.5 shrink-0 opacity-85 group-hover:opacity-100 transition-opacity duration-200"
-}, Be = ["onClick"], Ve = ["src", "alt"], He = {
-	key: 0,
-	class: "text-[10px] text-white/60 font-medium"
-}, Ue = {
-	key: 6,
-	class: "absolute inset-0 z-[4] flex items-center justify-center pointer-events-none"
-}, We = {
-	key: 7,
-	class: "absolute bottom-10 left-1/2 -translate-x-1/2 z-[4] pointer-events-none"
-}, Ge = {
-	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" }
-}, Ke = 24, qe = 30, Je = 22, Ye = 28, Xe = 8, L = /*#__PURE__*/ F(/* @__PURE__ */ A({
-	__name: "RecordingCard",
-	props: {
-		event: {},
-		cameraName: {},
-		camera: {},
-		loadThumbnails: { type: Function },
-		semanticScore: {},
-		segIndex: {},
-		hideSegmentBadge: { type: Boolean },
-		selectionMode: { type: Boolean },
-		selected: { type: Boolean },
-		siblingActive: { type: Boolean }
-	},
-	emits: [
-		"scrollToEvent",
-		"select",
-		"openTrace"
-	],
-	setup(e, { emit: t }) {
-		let r = e, i = t, o = Te(), s = pe(), { t: f } = Ee(), p = oe("@camera.ui/camera-ui-nvr"), { plugin: m } = De("@camera.ui/camera-ui-nvr"), { icons: w } = be(), T = p.getCachedThumbnails(r.event.id), A = T ? P(T, r.event, "card", r.segIndex).url ? "loaded" : "empty" : "loading", F = c(ie, void 0), I = D("rootRef"), L = D("previewCanvasRef"), R = D("footerRef"), z = j(!1), B = re(I, () => xt(), () => $()), V = j(!1), H = j(T ?? null), U = j(A), W = j(!1), G = j(0), { width: Ze } = we(R), Qe = b(() => (p.storeVersion.value, r.event.segments?.find((e) => e?.description)?.description?.title)), K = b(() => {
-			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 = b(() => H.value ? P(H.value, r.event, "card", r.segIndex) : null), $e = b(() => {
-			let e = r.segIndex ?? q.value?.segIndex;
-			return e === void 0 ? void 0 : r.event.segments?.[e];
-		}), et = b(() => q.value?.url), tt = b(() => q.value?.label), nt = b(() => q.value?.type ?? r.event.types[0] ?? "motion"), rt = b(() => {
-			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 = b(() => {
-			let e = H.value, t = q.value?.url;
-			if (!e || !t) return [];
-			let n = [{
-				url: t,
-				label: q.value?.label,
-				type: nt.value,
-				crop: !1
-			}];
-			for (let t of _e(e, r.segIndex)) n.some((e) => e.url === t.url) || n.push({
-				url: t.url,
-				label: t.label,
-				type: t.type,
-				crop: !0
-			});
-			if (r.segIndex === void 0) for (let t of Object.keys(e.cards ?? e.strips ?? {}).sort((e, t) => Number(e) - Number(t))) {
-				let i = Ce(e.cards?.[t] ?? e.strips?.[t]);
-				if (!i || n.some((e) => e.url === i)) continue;
-				let a = ce(r.event, t);
-				n.push({
-					url: i,
-					label: a,
-					type: a,
-					crop: !1
-				});
-			}
-			return n.length > 1 ? n : [];
-		}), it = b(() => J.value.length > 1), Y = b(() => J.value.length ? Math.min(G.value, J.value.length - 1) : 0), at = b(() => it.value ? J.value[Y.value] : void 0), ot = b(() => !!at.value?.crop), st = b(() => at.value?.url ?? et.value), ct = b(() => at.value?.label ?? tt.value), X = b(() => {
-			let e = $e.value;
-			return (e ? se(r.event, e) : [...new Set(r.event.types)]).filter((e) => e !== "motion" && e !== "audio");
-		}), lt = b(() => r.cameraName ?? r.event.cameraId), Z = b(() => J.value.map((e) => ({
-			url: e.url,
-			type: e.type
-		}))), ut = b(() => X.value.slice(0, Q.value.icons)), Q = b(() => {
-			let e = Ze.value;
-			if (!e) return {
-				icons: 2,
-				tiles: 2
-			};
-			let t = e - Xe;
-			r.selectionMode && (t -= Ye);
-			let n = Z.value.length > 0 ? 52 : 0, i = _t(X.value.length, Math.max(0, t - n), Ke), a = X.value.length > 0 ? Math.max(1, i) : 0, o = a * Ke + (a < X.value.length ? Je : 0);
-			return {
-				icons: a,
-				tiles: _t(Z.value.length, Math.max(0, t - o), qe)
-			};
-		}), dt = b(() => X.value.slice(Q.value.icons)), ft = b(() => Z.value.slice(0, Q.value.tiles)), pt = b(() => Z.value.length - Q.value.tiles), mt = b(() => {
-			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}`;
-		}), ht = b(() => !!(m.value && r.event.endTime && r.event.hasRecording !== !1)), gt = b(() => F ? z.value ? f("views.recordings.no_preview") : V.value ? F.status.value === "unavailable" ? f("views.recordings.no_preview") : F.status.value === "playing" && F.previewTimeMs.value ? bt(F.previewTimeMs.value) : "" : "" : "");
-		function _t(e, t, n) {
-			return e === 0 || t < n ? 0 : e * n <= t ? e : Math.max(0, Math.floor((t - Je) / n));
-		}
-		function vt(e) {
-			let t = J.value.length;
-			t && ($(), G.value = (Y.value + e + t) % t);
-		}
-		function yt(e, t) {
-			it.value && (t.stopPropagation(), $(), G.value = e);
-		}
-		function $() {
-			z.value = !1, !(!F || !V.value) && (V.value = !1, F.onHoverEnd());
-		}
-		function bt(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 xt() {
-			if (!F || Y.value > 0) return;
-			let e = L.value;
-			if (!e) return;
-			let t = N(r.event);
-			if (r.event.hasRecording === !1 || !t) {
-				z.value = !0;
-				return;
-			}
-			V.value = !0, F.onHoverStart(e, r.event.cameraId, r.event.id, r.event.startTime, t, r.camera?.zones?.privacy, ae(r.event));
-		}
-		function St() {
-			B.blocksMouseEnter() || xt();
-		}
-		function Ct() {
-			z.value = !1, F && (V.value = !1, F.onHoverEnd());
-		}
-		async function wt(e = 2) {
-			let t = await r.loadThumbnails(r.event.id, r.event.startTime);
-			if (t) {
-				H.value = t;
-				let e = P(t, r.event, "card");
-				U.value = e.url ? "loaded" : "empty";
-			} else if (e > 0) return await new Promise((e) => setTimeout(e, 500)), wt(e - 1);
-			else U.value = r.event.state === "active" ? "loading" : "empty";
-		}
-		function Tt() {
-			if (!B.consumesClick()) {
-				if (r.selectionMode) {
-					i("select");
-					return;
-				}
-				i("scrollToEvent", $e.value?.firstSeen ?? le(r.event));
-			}
-		}
-		async function Et() {
-			if (W.value) return;
-			let e = m.value;
-			if (!(!e?.nvrExport || !r.event.endTime)) {
-				W.value = !0;
-				try {
-					let t = await e.nvrExport(r.event.cameraId, r.event.startTime * 1e3, r.event.endTime * 1e3);
-					await me({
-						url: t.url,
-						filename: t.filename
-					});
-				} catch (e) {
-					o.error("Download failed:", e), s.add({
-						severity: "error",
-						summary: f("views.recordings.download_failed"),
-						detail: ve(e),
-						life: 5e3
-					});
-				} finally {
-					W.value = !1;
-				}
-			}
-		}
-		return S(() => p.storeVersion.value, () => {
-			let e = p.getCachedThumbnails(r.event.id);
-			e && (H.value = e, P(e, r.event, "card").url && (U.value = "loaded"));
-		}), ee(() => {
-			A === "loading" && wt();
-		}), (t, r) => {
-			let o = he, s = ue, c = ge, f = ne, p = Oe, m = de, b = ye, S = xe, T = fe, D = Se, A = te;
-			return u(), C("div", {
-				ref_key: "rootRef",
-				ref: I,
-				class: "recording-card relative group cursor-pointer",
-				onClick: Tt,
-				onMouseenter: St,
-				onMouseleave: Ct
-			}, [O("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" }
-			}, [
-				y(U) === "loading" ? (u(), _(o, {
-					key: 0,
-					width: "100%",
-					height: "100%",
-					class: "rounded-xl"
-				})) : y(st) ? (u(), C(E, { key: 1 }, [y(ot) ? (u(), C("img", {
-					key: 0,
-					src: y(st),
-					"aria-hidden": "true",
-					class: "absolute inset-0 w-full h-full object-cover blur-xl scale-110 opacity-50 pointer-events-none"
-				}, null, 8, ke)) : v("", !0), M(s, {
-					src: y(st),
-					alt: y(lt),
-					class: "pointer-events-none w-full h-full transition-transform duration-300 group-hover:scale-105",
-					"image-style": { objectFit: y(ot) ? "contain" : "cover" },
-					"image-container-class": "w-full h-full"
-				}, null, 8, [
-					"src",
-					"alt",
-					"image-style"
-				])], 64)) : (u(), C("div", Ae, [(u(), _(g(y(w)[y(nt)] ?? y(w).motion), { class: "w-10 h-10 text-white/20" }))])),
-				y(F) ? k((u(), C("canvas", {
-					key: 3,
-					ref_key: "previewCanvasRef",
-					ref: L,
-					class: "absolute inset-0 w-full h-full object-cover pointer-events-none z-[1]"
-				}, null, 512)), [[n, y(V)]]) : v("", !0),
-				r[3] ||= O("div", { class: "absolute inset-0 bg-transparent group-hover:bg-black/30 pointer-events-none transition-colors duration-200 z-[2]" }, null, -1),
-				O("div", je, [O("div", Me, [
-					y(Qe) ? (u(), _(c, {
-						key: 0,
-						position: "inline"
-					})) : v("", !0),
-					O("p", Ne, d(y(lt)), 1),
-					y(rt) ? (u(), C("span", Pe, d(y(rt)), 1)) : v("", !0),
-					y(K) ? (u(), C("span", {
-						key: 2,
-						class: h(["text-[10px] font-bold text-white px-1.5 py-0.5 rounded-md shrink-0", y(K).color])
-					}, d(y(K).label), 3)) : v("", !0),
-					e.camera && !e.selectionMode ? k((u(), _(p, {
-						key: 3,
-						rounded: "",
-						text: "",
-						severity: "secondary",
-						class: "!w-5 !h-5 !p-0 shrink-0 bg-black/60 hover:!bg-black/80",
-						onClick: r[0] ||= a((e) => i("openTrace"), ["stop"]),
-						onMouseenter: $
-					}, {
-						icon: x(() => [M(f, { class: "w-3 h-3 text-white" })]),
-						_: 1
-					})), [[
-						A,
-						{ value: t.$t("views.recordings.open_trace") },
-						void 0,
-						{ left: !0 }
-					]]) : v("", !0),
-					y(ht) && !e.selectionMode ? k((u(), _(p, {
-						key: 4,
-						rounded: "",
-						text: "",
-						severity: "secondary",
-						loading: y(W),
-						class: "!w-5 !h-5 !p-0 shrink-0 bg-black/60 hover:!bg-black/80",
-						onClick: a(Et, ["stop"]),
-						onMouseenter: $
-					}, {
-						icon: x(() => [M(m, { class: "w-3 h-3 text-white" })]),
-						_: 1
-					}, 8, ["loading"])), [[
-						A,
-						{ value: t.$t("views.recordings.download") },
-						void 0,
-						{ left: !0 }
-					]]) : v("", !0)
-				]), O("p", Fe, d(y(mt)), 1)]),
-				y(J).length > 1 ? (u(), C(E, { key: 4 }, [M(p, {
-					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[1] ||= a((e) => vt(-1), ["stop"]),
-					onMouseenter: $
-				}, {
-					icon: x(() => [M(b, { class: "w-5 h-5 text-white" })]),
-					_: 1
-				}, 8, ["aria-label"]), M(p, {
-					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[2] ||= a((e) => vt(1), ["stop"]),
-					onMouseenter: $
-				}, {
-					icon: x(() => [M(S, { class: "w-5 h-5 text-white" })]),
-					_: 1
-				}, 8, ["aria-label"])], 64)) : v("", !0),
-				y(ct) ? (u(), C("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", y(gt) ? "bottom-16" : "bottom-10"])
-				}, [O("span", Ie, d(y(ct)), 1)], 2)) : v("", !0),
-				O("div", {
-					ref_key: "footerRef",
-					ref: R,
-					class: "absolute bottom-2 left-2 right-2 flex items-center justify-between gap-2 z-[3]"
-				}, [O("div", Le, [
-					e.selectionMode ? (u(), C("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(), _(T, {
-						key: 0,
-						class: "w-4 h-4 text-white"
-					})) : v("", !0)], 2)) : v("", !0),
-					(u(!0), C(E, null, l(y(ut), (e) => (u(), C("div", {
-						key: e,
-						class: "flex items-center justify-center w-5 h-5 rounded-md bg-black/60 shrink-0"
-					}, [(u(), _(g(y(w)[e] ?? y(w).motion), { class: "w-3 h-3 text-white/80" }))]))), 128)),
-					y(dt).length > 0 ? (u(), C("span", {
-						key: 1,
-						title: y(dt).join(", "),
-						class: "text-[10px] text-white/60 font-medium shrink-0"
-					}, " +" + d(y(dt).length), 9, Re)) : v("", !0)
-				]), y(ft).length > 0 || y(pt) > 0 ? (u(), C("div", ze, [(u(!0), C(E, null, l(y(ft), (e, t) => (u(), C("div", {
-					key: t,
-					class: h(["w-7 h-7 rounded overflow-hidden border bg-neutral-800 cursor-pointer", t === y(Y) ? "border-primary/80" : "border-white/20"]),
-					onClick: (e) => yt(t, e)
-				}, [O("img", {
-					src: e.url,
-					alt: e.type,
-					decoding: "async",
-					loading: "lazy",
-					class: "w-full h-full object-cover"
-				}, null, 8, Ve)], 10, Be))), 128)), y(pt) > 0 ? (u(), C("span", He, "+" + d(y(pt)), 1)) : v("", !0)])) : v("", !0)], 512),
-				y(F) && y(V) && y(F).isLoading.value ? (u(), C("div", Ue, [M(D, {
-					class: "w-[28px] h-[28px] m-0",
-					"stroke-width": "6"
-				})])) : v("", !0),
-				y(gt) ? (u(), C("div", We, [O("span", Ge, d(y(gt)), 1)])) : v("", !0)
-			], 2)], 544);
-		};
-	}
-}), [["__scopeId", "data-v-97ad8176"]]), R = {
+import { Et as e, et as t, gt as n, i as r, rt as i } from "./ripple-BilzxWfY.js";
+import { n as a } from "./virtualscroller-s_gNqN5p.js";
+import { G as o, H as s, K as c, M as l, N as u, d, f, kt as p, l as m, lt as h, ot as g, p as _, q as v, qt as y, r as b, rt as x, u as S, x as C, xt as w, y as T } from "./runtime-core.esm-bundler-D8slQ3BU.js";
+import { Cr as E } from "./api-CmcbBFTx.js";
+import { _ as D } from "./intercomService-jB2mTgsn.js";
+import { t as O } from "./spinner-D6iUldg9.js";
+//#endregion
+//#region src/components/CuiVirtualScroller/CuiVirtualScroller.vue?vue&type=script&lang.ts
+var k = {
 	name: "VirtualScroller",
-	components: { SpinnerIcon: I },
+	components: { SpinnerIcon: O },
 	extends: {
 		name: "BaseVirtualScroller",
-		extends: i,
+		extends: r,
 		provide() {
 			return {
 				$pcVirtualScroller: this,
@@ -458,9 +108,9 @@ var ke = ["src"], Ae = {
 				default: null
 			}
 		},
-		style: s,
+		style: a,
 		beforeMount() {
-			s.loadCSS({ nonce: this.$primevueConfig?.csp?.nonce });
+			a.loadCSS({ nonce: this.$primevueConfig?.csp?.nonce });
 		}
 	},
 	inheritAttrs: !1,
@@ -590,7 +240,7 @@ var ke = ["src"], Ae = {
 			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);
+			n(this.element) && (this.setContentEl(this.content), this.init(), this.calculateAutoSize(), this.bindResizeListener(), this.defaultWidth = t(this.element), this.defaultHeight = i(this.element), this.defaultContentWidth = t(this.content), this.defaultContentHeight = i(this.content), this.initialized = !0);
 		},
 		init() {
 			this.disabled || (this.setSize(), this.calculateOptions(), this.setSpacerSize());
@@ -707,8 +357,8 @@ var ke = ["src"], Ae = {
 				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 = "";
+					let [a, o] = [t(this.element), i(this.element)];
+					(e || n) && (this.element.style.width = a < this.defaultWidth ? a + "px" : this.scrollWidth || this.defaultWidth + "px"), (e || r) && (this.element.style.height = o < this.defaultHeight ? o + "px" : this.scrollHeight || this.defaultHeight + "px"), this.content.style.minHeight = this.content.style.minWidth = "", this.content.style.position = "", this.element.style.contain = "";
 				}
 			});
 		},
@@ -855,9 +505,9 @@ var ke = ["src"], Ae = {
 		},
 		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());
+				if (n(this.element)) {
+					let e = this.isBoth(), n = this.isVertical(), r = this.isHorizontal(), [a, o] = [t(this.element), i(this.element)], [s, c] = [a !== this.defaultWidth, o !== this.defaultHeight];
+					(e ? s || c : r ? s : n && c) && (this.d_numToleratedItems = this.numToleratedItems, this.defaultWidth = a, this.defaultHeight = o, this.defaultContentWidth = t(this.content), this.defaultContentHeight = i(this.content), this.init());
 				}
 			}, this.resizeDelay);
 		},
@@ -906,21 +556,21 @@ var ke = ["src"], Ae = {
 			this.content = e;
 		}
 	}
-}, z = ["tabindex"];
-function B(e, t, n, r, i, a) {
-	let o = w("SpinnerIcon");
-	return e.disabled ? (u(), C(E, { key: 1 }, [f(e.$slots, "default"), f(e.$slots, "content", {
+}, A = ["tabindex"];
+function j(e, t, n, r, i, a) {
+	let u = v("SpinnerIcon");
+	return e.disabled ? (s(), _(b, { key: 1 }, [c(e.$slots, "default"), c(e.$slots, "content", {
 		items: e.items,
 		rows: e.items,
 		columns: a.loadedColumns
-	})], 64)) : (u(), C("div", p({
+	})], 64)) : (s(), _("div", l({
 		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", {
+		c(e.$slots, "content", {
 			styleClass: a.contentClass,
 			items: a.loadedItems,
 			getItemOptions: a.getOptions,
@@ -935,29 +585,29 @@ function B(e, t, n, r, i, a) {
 			vertical: a.isVertical(),
 			horizontal: a.isHorizontal(),
 			both: a.isBoth()
-		}, () => [O("div", p({
+		}, () => [S("div", l({
 			ref: a.contentRef,
 			class: a.contentClass,
 			style: i.contentStyle
-		}, e.ptm("content")), [(u(!0), C(E, null, l(a.loadedItems, (t, n) => f(e.$slots, "item", {
+		}, e.ptm("content")), [(s(!0), _(b, null, o(a.loadedItems, (t, n) => c(e.$slots, "item", {
 			item: t,
 			options: a.getOptions(n)
 		}, void 0, void 0, a.resolveItemKey(t, n))), 128))], 16)]),
-		e.showSpacer ? (u(), C("div", p({
+		e.showSpacer ? (s(), _("div", l({
 			key: 0,
 			class: "p-virtualscroller-spacer",
 			style: i.spacerStyle
-		}, e.ptm("spacer")), null, 16)) : v("", !0),
-		!e.loaderDisabled && e.showLoader && i.d_loading ? (u(), C("div", p({
+		}, e.ptm("spacer")), null, 16)) : f("", !0),
+		!e.loaderDisabled && e.showLoader && i.d_loading ? (s(), _("div", l({
 			key: 1,
 			class: a.loaderClass
-		}, e.ptm("loader")), [e.$slots && e.$slots.loader ? (u(!0), C(E, { 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)) : v("", !0), f(e.$slots, "loadingicon", {}, () => [M(o, p({
+		}, e.ptm("loader")), [e.$slots && e.$slots.loader ? (s(!0), _(b, { key: 0 }, o(i.loaderArr, (t, n) => c(e.$slots, "loader", { options: a.getLoaderOptions(n, a.isBoth() && { numCols: e.d_numItemsInViewport.cols }) }, void 0, void 0, n)), 128)) : f("", !0), c(e.$slots, "loadingicon", {}, () => [T(u, l({
 			spin: "",
 			class: "p-virtualscroller-loading-icon"
-		}, e.ptm("loadingIcon")), null, 16)])], 16)) : v("", !0)
-	], 16, z));
+		}, e.ptm("loadingIcon")), null, 16)])], 16)) : f("", !0)
+	], 16, A));
 }
-var V = /*#__PURE__*/ F(R, [["render", B]]), H = /*#__PURE__*/ F(/* @__PURE__ */ A({
+var M = /*#__PURE__*/ E(k, [["render", j]]), N = /*#__PURE__*/ E(/* @__PURE__ */ C({
 	__name: "CuiRecordingsGrid",
 	props: {
 		items: {},
@@ -978,139 +628,108 @@ var V = /*#__PURE__*/ F(R, [["render", B]]), H = /*#__PURE__*/ F(/* @__PURE__ */
 		}
 	},
 	setup(e, { expose: t }) {
-		let n = e, r = D("containerRef"), { width: i, height: a } = we(r), o = b(() => a.value > 0 ? `${a.value}px` : void 0), s = b(() => {
+		let n = e, r = x("containerRef"), { width: i, height: a } = D(r), l = m(() => a.value > 0 ? `${a.value}px` : void 0), v = m(() => {
 			let e = i.value;
 			if (!e) return 0;
 			let t = n.gap;
 			return Math.max(1, Math.floor((e + t) / (n.minItemWidth + t)));
-		}), c = b(() => {
-			let e = i.value, t = s.value;
+		}), C = m(() => {
+			let e = i.value, t = v.value;
 			return !e || !t ? 0 : Math.floor((e - (t - 1) * n.gap) / t);
-		}), d = b(() => c.value ? Math.floor(c.value / n.aspectRatio) : 0), p = b(() => d.value ? d.value + n.gap : 0), h = b(() => {
-			let e = s.value;
+		}), T = m(() => C.value ? Math.floor(C.value / n.aspectRatio) : 0), E = m(() => T.value ? T.value + n.gap : 0), O = m(() => {
+			let e = v.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) {
+		function k(e) {
 			if (n.itemKey) return n.itemKey(e);
 			let t = e;
 			return t.id ?? t.key ?? JSON.stringify(e);
 		}
-		function w(e) {
+		function A(e) {
 			let t = e;
-			if (!(!t || t.length === 0)) return g(t[0]);
+			if (!(!t || t.length === 0)) return k(t[0]);
 		}
-		let k = !1, A = null;
-		async function M() {
-			if (k || !n.hasMore || !n.loadMore || A !== null && n.items.length === A) return;
-			k = !0;
+		let j = !1, N = null;
+		async function P() {
+			if (j || !n.hasMore || !n.loadMore || N !== null && n.items.length === N) return;
+			j = !0;
 			let e = n.items.length;
 			try {
 				await Promise.resolve(n.loadMore());
 			} finally {
-				k = !1, A = n.items.length === e ? e : null;
+				j = !1, N = n.items.length === e ? e : null;
 			}
 		}
-		let ee = j(0);
-		function te(e) {
+		let F = w(0);
+		function I(e) {
 			let t = e.target;
 			if (!t) return;
-			ee.value = t.scrollTop;
-			let n = p.value * 3;
-			t.scrollTop + t.clientHeight >= t.scrollHeight - n && M();
+			F.value = t.scrollTop;
+			let n = E.value * 3;
+			t.scrollTop + t.clientHeight >= t.scrollHeight - n && P();
 		}
-		function ne() {
+		function L() {
 			(r.value?.querySelector(".recordings-scroll"))?.scrollTo({
 				top: 0,
 				behavior: "smooth"
 			});
 		}
-		let N = !1;
-		return S([
+		let R = !1;
+		return g([
 			() => n.items.length,
 			a,
-			p,
+			E,
 			() => n.hasMore
 		], () => {
-			N || (N = !0, m(() => {
-				if (N = !1, !n.hasMore) return;
-				let e = a.value, t = h.value.length * p.value;
-				e > 0 && p.value > 0 && t < e + p.value && M();
+			R || (R = !0, u(() => {
+				if (R = !1, !n.hasMore) return;
+				let e = a.value, t = O.value.length * E.value;
+				e > 0 && E.value > 0 && t < e + E.value && P();
 			}));
 		}, { flush: "post" }), t({
-			scrollToTop: ne,
-			scrollY: ee
+			scrollToTop: L,
+			scrollY: F
 		}), (t, n) => {
-			let i = V;
-			return u(), C("div", {
+			let i = M;
+			return s(), _("div", {
 				ref_key: "containerRef",
 				ref: r,
 				class: "recordings-grid-root"
-			}, [y(h).length > 0 && y(c) > 0 ? (u(), _(i, {
+			}, [p(O).length > 0 && p(C) > 0 ? (s(), d(i, {
 				key: 0,
-				items: y(h),
-				"item-size": y(p),
-				"scroll-height": y(o),
+				items: p(O),
+				"item-size": p(E),
+				"scroll-height": p(l),
 				orientation: "vertical",
 				class: "recordings-scroll",
 				"num-tolerated-items": 2,
-				"item-key": w,
-				onScroll: te
+				"item-key": A,
+				onScroll: I
 			}, {
-				item: x(({ item: n }) => [O("div", {
+				item: h(({ item: n }) => [S("div", {
 					class: "recordings-row",
-					style: T({
-						height: `${y(p)}px`,
+					style: y({
+						height: `${p(E)}px`,
 						gap: `${e.gap}px`
 					})
-				}, [(u(!0), C(E, null, l(n, (e) => (u(), C("div", {
-					key: g(e),
-					style: T({
-						width: `${y(c)}px`,
-						height: `${y(d)}px`
+				}, [(s(!0), _(b, null, o(n, (e) => (s(), _("div", {
+					key: k(e),
+					style: y({
+						width: `${p(C)}px`,
+						height: `${p(T)}px`
 					})
-				}, [f(t.$slots, "item", { item: e }, void 0, !0)], 4))), 128))], 4)]),
+				}, [c(t.$slots, "item", { item: e }, void 0, !0)], 4))), 128))], 4)]),
 				_: 3
 			}, 8, [
 				"items",
 				"item-size",
 				"scroll-height"
-			])) : v("", !0)], 512);
+			])) : f("", !0)], 512);
 		};
 	}
 }), [["__scopeId", "data-v-e61b8b84"]]);
 //#endregion
-//#region src/components/CuiRecordings/ungrouped.ts
-function U(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 W(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) => U(t) - U(e)), t;
-}
-//#endregion
-export { L as i, U as n, H as r, W as t };
+export { N as t };