@camera.ui/server 2.1.16 → 2.1.17

package/dist/interface/ha/ungrouped-wz-KNJpA.js

@@ -1,426 +0,0 @@
-import { f as e, m as t } from "./ripple-BilzxWfY.js";
-import { D as n, G as r, H as i, Jt as a, Wt as o, Y as ee, d as s, f as c, kt as l, l as u, lt as d, ot as te, p as f, r as p, rt as m, u as h, ut as g, x as _, xt as v, y, z as ne } from "./runtime-core.esm-bundler-D8slQ3BU.js";
-import { t as re } from "./tooltip-BIrD_hC8.js";
-import { $ as ie, Bn as b, Cr as x, Gn as ae, Hn as oe, In as S, Q as C, Si as se, Sr as ce, Vn as w, X as le, Y as ue, Z as de, _r as fe, _t as pe, br as me, dr as he, fr as ge, it as _e, lr as ve, o as T, qn as ye, rr as be, rt as xe, ua as Se, wr as Ce, zn as we } from "./api-CmcbBFTx.js";
-import { _ as Te, o as Ee } from "./intercomService-jB2mTgsn.js";
-import { n as De } from "./vue-i18n-Dcb07o5U.js";
-import { M as Oe } from "./dist-BQFunPaA.js";
-import { t as ke } from "./button-BlYuI0Q7.js";
-//#region src/components/CuiRecordings/RecordingCard.vue?vue&type=script&setup=true&lang.ts
-var Ae = ["src"], je = {
-	key: 2,
-	class: "w-full h-full flex items-center justify-center bg-neutral-800/80"
-}, Me = { class: "absolute top-0 left-0 right-0 p-2 bg-gradient-to-b from-black/80 to-transparent z-[3]" }, Ne = { class: "flex items-center gap-1.5" }, Pe = { class: "text-xs font-semibold text-white truncate min-w-0 flex-1" }, Fe = {
-	key: 1,
-	class: "text-[10px] font-semibold text-white/80 bg-black/60 px-1.5 py-0.5 rounded-md shrink-0"
-}, Ie = { class: "text-[10px] text-white/70" }, Le = { class: "block text-[11px] text-white font-medium truncate bg-black/50 rounded-md px-2 py-0.5" }, Re = { class: "flex items-center gap-1 min-w-0" }, ze = ["title"], Be = {
-	key: 0,
-	class: "flex items-center gap-0.5 shrink-0 opacity-85 group-hover:opacity-100 transition-opacity duration-200"
-}, Ve = ["onClick"], He = ["src", "alt"], Ue = {
-	key: 0,
-	class: "text-[10px] text-white/60 font-medium"
-}, We = {
-	key: 6,
-	class: "absolute inset-0 z-[4] flex items-center justify-center pointer-events-none"
-}, Ge = {
-	key: 7,
-	class: "absolute bottom-10 left-1/2 -translate-x-1/2 z-[4] pointer-events-none"
-}, Ke = {
-	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" }
-}, qe = 24, Je = 30, Ye = 22, Xe = 28, Ze = 8, E = /*#__PURE__*/ x(/* @__PURE__ */ _({
-	__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(_, { emit: x }) {
-		let E = _, D = x, Qe = Ee(), $e = se(), { t: O } = De(), k = be("@camera.ui/camera-ui-nvr"), { plugin: et } = Oe("@camera.ui/camera-ui-nvr"), { icons: A } = pe(), j = k.getCachedThumbnails(E.event.id), tt = j ? S(j, E.event, "card", E.segIndex).url ? "loaded" : "empty" : "loading", M = n(we, void 0), nt = m("rootRef"), rt = m("previewCanvasRef"), it = m("footerRef"), N = v(!1), at = de(nt, () => Tt(), () => $()), P = v(!1), F = v(j ?? null), I = v(tt), L = v(!1), R = v(0), z = v(null), { width: ot } = Te(it), B = u(() => z.value ?? E.event.favorite ?? !1), st = u(() => (k.storeVersion.value, E.event.segments?.find((e) => e?.description)?.description?.title)), V = u(() => {
-			if (E.semanticScore == null) return;
-			let e = Math.max(0, Math.min(1, E.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"
-			};
-		}), H = u(() => F.value ? S(F.value, E.event, "card", E.segIndex) : null), ct = u(() => {
-			let e = E.segIndex ?? H.value?.segIndex;
-			return e === void 0 ? void 0 : E.event.segments?.[e];
-		}), lt = u(() => H.value?.url), ut = u(() => H.value?.label), dt = u(() => H.value?.type ?? E.event.types[0] ?? "motion"), ft = u(() => {
-			if (E.hideSegmentBadge) return;
-			let e = E.event.segments?.length ?? 0;
-			return E.segIndex !== void 0 && e > 1 ? `${E.segIndex + 1}/${e}` : void 0;
-		}), U = u(() => {
-			let e = F.value, t = H.value?.url;
-			if (!e || !t) return [];
-			let n = [{
-				url: t,
-				label: H.value?.label,
-				type: dt.value,
-				crop: !1
-			}];
-			for (let t of ye(e, E.segIndex)) n.some((e) => e.url === t.url) || n.push({
-				url: t.url,
-				label: t.label,
-				type: t.type,
-				crop: !0
-			});
-			if (E.segIndex === void 0) for (let t of Object.keys(e.cards ?? e.strips ?? {}).sort((e, t) => Number(e) - Number(t))) {
-				let r = ae(e.cards?.[t] ?? e.strips?.[t]);
-				if (!r || n.some((e) => e.url === r)) continue;
-				let i = ie(E.event, t);
-				n.push({
-					url: r,
-					label: i,
-					type: i,
-					crop: !1
-				});
-			}
-			return n.length > 1 ? n : [];
-		}), pt = u(() => U.value.length > 1), W = u(() => U.value.length ? Math.min(R.value, U.value.length - 1) : 0), G = u(() => pt.value ? U.value[W.value] : void 0), mt = u(() => !!G.value?.crop), K = u(() => G.value?.url ?? lt.value), ht = u(() => G.value?.label ?? ut.value), q = u(() => {
-			let e = ct.value;
-			return (e ? w(E.event, e) : [...new Set(E.event.types)]).filter((e) => e !== "motion" && e !== "audio");
-		}), gt = u(() => E.cameraName ?? E.event.cameraId), J = u(() => U.value.map((e) => ({
-			url: e.url,
-			type: e.type
-		}))), _t = u(() => q.value.slice(0, Y.value.icons)), Y = u(() => {
-			let e = ot.value;
-			if (!e) return {
-				icons: 2,
-				tiles: 2
-			};
-			let t = e - Ze;
-			E.selectionMode && (t -= Xe);
-			let n = J.value.length > 0 ? 52 : 0, r = xt(q.value.length, Math.max(0, t - n), qe), i = q.value.length > 0 ? Math.max(1, r) : 0, a = i * qe + (i < q.value.length ? Ye : 0);
-			return {
-				icons: i,
-				tiles: xt(J.value.length, Math.max(0, t - a), Je)
-			};
-		}), X = u(() => q.value.slice(Y.value.icons)), vt = u(() => J.value.slice(0, Y.value.tiles)), Z = u(() => J.value.length - Y.value.tiles), yt = u(() => {
-			let e = E.segIndex === void 0 ? void 0 : E.event.segments?.[E.segIndex]?.firstSeen, t = new Date(e ?? E.event.thumbnailAt ?? E.event.startTime), n = /* @__PURE__ */ new Date(), r = t.toDateString() === n.toDateString(), i = t.toLocaleTimeString([], {
-				hour: "2-digit",
-				minute: "2-digit"
-			});
-			return r ? i : `${t.toLocaleDateString([], {
-				month: "short",
-				day: "numeric"
-			})} ${i}`;
-		}), bt = u(() => !!(et.value && E.event.endTime && E.event.hasRecording !== !1)), Q = u(() => M ? N.value ? O("views.recordings.no_preview") : P.value ? M.status.value === "unavailable" ? O("views.recordings.no_preview") : M.status.value === "playing" && M.previewTimeMs.value ? wt(M.previewTimeMs.value) : "" : "" : "");
-		function xt(e, t, n) {
-			return e === 0 || t < n ? 0 : e * n <= t ? e : Math.max(0, Math.floor((t - Ye) / n));
-		}
-		function St(e) {
-			let t = U.value.length;
-			t && ($(), R.value = (W.value + e + t) % t);
-		}
-		function Ct(e, t) {
-			pt.value && (t.stopPropagation(), $(), R.value = e);
-		}
-		function $() {
-			N.value = !1, !(!M || !P.value) && (P.value = !1, M.onHoverEnd());
-		}
-		function wt(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 Tt() {
-			if (!M || W.value > 0) return;
-			let e = rt.value;
-			if (!e) return;
-			let t = b(E.event);
-			if (E.event.hasRecording === !1 || !t) {
-				N.value = !0;
-				return;
-			}
-			P.value = !0, M.onHoverStart(e, E.event.cameraId, E.event.id, E.event.startTime, t, E.camera?.zones?.privacy, oe(E.event));
-		}
-		function Et() {
-			at.blocksMouseEnter() || Tt();
-		}
-		function Dt() {
-			N.value = !1, M && (P.value = !1, M.onHoverEnd());
-		}
-		async function Ot(e = 2) {
-			let t = await E.loadThumbnails(E.event.id, E.event.startTime);
-			if (t) {
-				F.value = t;
-				let e = S(t, E.event, "card");
-				I.value = e.url ? "loaded" : "empty";
-			} else if (e > 0) return await new Promise((e) => setTimeout(e, 500)), Ot(e - 1);
-			else I.value = E.event.state === "active" ? "loading" : "empty";
-		}
-		function kt() {
-			if (!at.consumesClick()) {
-				if (E.selectionMode) {
-					D("select");
-					return;
-				}
-				D("scrollToEvent", ct.value?.firstSeen ?? C(E.event));
-			}
-		}
-		async function At() {
-			let e = !B.value;
-			z.value = e;
-			try {
-				await k.setEventFavorite(E.event.id, e);
-			} catch (e) {
-				z.value = null, $e.add({
-					severity: "error",
-					detail: T(e),
-					life: 5e3
-				});
-			}
-		}
-		async function jt() {
-			if (L.value) return;
-			let e = et.value;
-			if (!(!e?.nvrExport || !E.event.endTime)) {
-				L.value = !0;
-				try {
-					let t = await e.nvrExport(E.event.cameraId, E.event.startTime * 1e3, E.event.endTime * 1e3);
-					await me({
-						url: t.url,
-						filename: t.filename
-					});
-				} catch (e) {
-					Qe.error("Download failed:", e), $e.add({
-						severity: "error",
-						summary: O("views.recordings.download_failed"),
-						detail: T(e),
-						life: 5e3
-					});
-				} finally {
-					L.value = !1;
-				}
-			}
-		}
-		return te(() => k.storeVersion.value, () => {
-			let e = k.getCachedThumbnails(E.event.id);
-			e && (F.value = e, S(e, E.event, "card").url && (I.value = "loaded"));
-		}), ne(() => {
-			tt === "loading" && Ot();
-		}), (n, u) => {
-			let te = Se, m = ce, v = ve, ne = ue, ie = le, b = ke, x = xe, ae = _e, oe = he, S = ge, C = fe, se = Ce, w = re;
-			return i(), f("div", {
-				ref_key: "rootRef",
-				ref: nt,
-				class: "recording-card relative group cursor-pointer",
-				onClick: kt,
-				onMouseenter: Et,
-				onMouseleave: Dt
-			}, [h("div", {
-				class: o(["bg-neutral-900 w-full rounded-xl overflow-hidden relative transition-shadow duration-200", { "ring-2 ring-inset ring-primary/70": _.siblingActive }]),
-				style: { "aspect-ratio": "1/1" }
-			}, [
-				l(I) === "loading" ? (i(), s(te, {
-					key: 0,
-					width: "100%",
-					height: "100%",
-					class: "rounded-xl"
-				})) : l(K) ? (i(), f(p, { key: 1 }, [l(mt) ? (i(), f("img", {
-					key: 0,
-					src: l(K),
-					"aria-hidden": "true",
-					class: "absolute inset-0 w-full h-full object-cover blur-xl scale-110 opacity-50 pointer-events-none"
-				}, null, 8, Ae)) : c("", !0), y(m, {
-					src: l(K),
-					alt: l(gt),
-					class: "pointer-events-none w-full h-full transition-transform duration-300 group-hover:scale-105",
-					"image-style": { objectFit: l(mt) ? "contain" : "cover" },
-					"image-container-class": "w-full h-full"
-				}, null, 8, [
-					"src",
-					"alt",
-					"image-style"
-				])], 64)) : (i(), f("div", je, [(i(), s(ee(l(A)[l(dt)] ?? l(A).motion), { class: "w-10 h-10 text-white/20" }))])),
-				l(M) ? g((i(), f("canvas", {
-					key: 3,
-					ref_key: "previewCanvasRef",
-					ref: rt,
-					class: "absolute inset-0 w-full h-full object-cover pointer-events-none z-[1]"
-				}, null, 512)), [[e, l(P)]]) : c("", !0),
-				u[3] ||= h("div", { class: "absolute inset-0 bg-transparent group-hover:bg-black/30 pointer-events-none transition-colors duration-200 z-[2]" }, null, -1),
-				h("div", Me, [h("div", Ne, [
-					l(st) ? (i(), s(v, {
-						key: 0,
-						position: "inline"
-					})) : c("", !0),
-					h("p", Pe, a(l(gt)), 1),
-					l(ft) ? (i(), f("span", Fe, a(l(ft)), 1)) : c("", !0),
-					l(V) ? (i(), f("span", {
-						key: 2,
-						class: o(["text-[10px] font-bold text-white px-1.5 py-0.5 rounded-md shrink-0", l(V).color])
-					}, a(l(V).label), 3)) : c("", !0),
-					_.selectionMode ? c("", !0) : g((i(), s(b, {
-						key: 3,
-						rounded: "",
-						text: "",
-						severity: "secondary",
-						class: "!w-5 !h-5 !p-0 shrink-0 bg-black/60 hover:!bg-black/80",
-						onClick: t(At, ["stop"]),
-						onMouseenter: $
-					}, {
-						icon: d(() => [l(B) ? (i(), s(ne, {
-							key: 0,
-							class: "w-3 h-3 text-yellow-400"
-						})) : (i(), s(ie, {
-							key: 1,
-							class: "w-3 h-3 text-white"
-						}))]),
-						_: 1
-					})), [[
-						w,
-						{ value: l(B) ? n.$t("views.recordings.unfavorite") : n.$t("views.recordings.favorite") },
-						void 0,
-						{ left: !0 }
-					]]),
-					_.camera && !_.selectionMode ? g((i(), s(b, {
-						key: 4,
-						rounded: "",
-						text: "",
-						severity: "secondary",
-						class: "!w-5 !h-5 !p-0 shrink-0 bg-black/60 hover:!bg-black/80",
-						onClick: u[0] ||= t((e) => D("openTrace"), ["stop"]),
-						onMouseenter: $
-					}, {
-						icon: d(() => [y(x, { class: "w-3 h-3 text-white" })]),
-						_: 1
-					})), [[
-						w,
-						{ value: n.$t("views.recordings.open_trace") },
-						void 0,
-						{ left: !0 }
-					]]) : c("", !0),
-					l(bt) && !_.selectionMode ? g((i(), s(b, {
-						key: 5,
-						rounded: "",
-						text: "",
-						severity: "secondary",
-						loading: l(L),
-						class: "!w-5 !h-5 !p-0 shrink-0 bg-black/60 hover:!bg-black/80",
-						onClick: t(jt, ["stop"]),
-						onMouseenter: $
-					}, {
-						icon: d(() => [y(ae, { class: "w-3 h-3 text-white" })]),
-						_: 1
-					}, 8, ["loading"])), [[
-						w,
-						{ value: n.$t("views.recordings.download") },
-						void 0,
-						{ left: !0 }
-					]]) : c("", !0)
-				]), h("p", Ie, a(l(yt)), 1)]),
-				l(U).length > 1 ? (i(), f(p, { key: 4 }, [y(b, {
-					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": n.$t("views.recordings.prev_image"),
-					onClick: u[1] ||= t((e) => St(-1), ["stop"]),
-					onMouseenter: $
-				}, {
-					icon: d(() => [y(oe, { class: "w-5 h-5 text-white" })]),
-					_: 1
-				}, 8, ["aria-label"]), y(b, {
-					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": n.$t("views.recordings.next_image"),
-					onClick: u[2] ||= t((e) => St(1), ["stop"]),
-					onMouseenter: $
-				}, {
-					icon: d(() => [y(S, { class: "w-5 h-5 text-white" })]),
-					_: 1
-				}, 8, ["aria-label"])], 64)) : c("", !0),
-				l(ht) ? (i(), f("div", {
-					key: 5,
-					class: o(["absolute left-1/2 -translate-x-1/2 z-[3] max-w-[85%] pointer-events-none transition-all duration-200", l(Q) ? "bottom-16" : "bottom-10"])
-				}, [h("span", Le, a(l(ht)), 1)], 2)) : c("", !0),
-				h("div", {
-					ref_key: "footerRef",
-					ref: it,
-					class: "absolute bottom-2 left-2 right-2 flex items-center justify-between gap-2 z-[3]"
-				}, [h("div", Re, [
-					_.selectionMode ? (i(), f("div", {
-						key: 0,
-						class: o(["w-6 h-6 rounded-full border-2 flex items-center justify-center transition-colors shrink-0", _.selected ? "bg-primary border-primary" : "bg-black/40 border-white/80"])
-					}, [_.selected ? (i(), s(C, {
-						key: 0,
-						class: "w-4 h-4 text-white"
-					})) : c("", !0)], 2)) : c("", !0),
-					(i(!0), f(p, null, r(l(_t), (e) => (i(), f("div", {
-						key: e,
-						class: "flex items-center justify-center w-5 h-5 rounded-md bg-black/60 shrink-0"
-					}, [(i(), s(ee(l(A)[e] ?? l(A).motion), { class: "w-3 h-3 text-white/80" }))]))), 128)),
-					l(X).length > 0 ? (i(), f("span", {
-						key: 1,
-						title: l(X).join(", "),
-						class: "text-[10px] text-white/60 font-medium shrink-0"
-					}, " +" + a(l(X).length), 9, ze)) : c("", !0)
-				]), l(vt).length > 0 || l(Z) > 0 ? (i(), f("div", Be, [(i(!0), f(p, null, r(l(vt), (e, t) => (i(), f("div", {
-					key: t,
-					class: o(["w-7 h-7 rounded overflow-hidden border bg-neutral-800 cursor-pointer", t === l(W) ? "border-primary/80" : "border-white/20"]),
-					onClick: (e) => Ct(t, e)
-				}, [h("img", {
-					src: e.url,
-					alt: e.type,
-					decoding: "async",
-					loading: "lazy",
-					class: "w-full h-full object-cover"
-				}, null, 8, He)], 10, Ve))), 128)), l(Z) > 0 ? (i(), f("span", Ue, "+" + a(l(Z)), 1)) : c("", !0)])) : c("", !0)], 512),
-				l(M) && l(P) && l(M).isLoading.value ? (i(), f("div", We, [y(se, {
-					class: "w-[28px] h-[28px] m-0",
-					"stroke-width": "6"
-				})])) : c("", !0),
-				l(Q) ? (i(), f("div", Ge, [h("span", Ke, a(l(Q)), 1)])) : c("", !0)
-			], 2)], 544);
-		};
-	}
-}), [["__scopeId", "data-v-137049b6"]]);
-//#endregion
-//#region src/components/CuiRecordings/ungrouped.ts
-function D(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 Qe(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) => D(t) - D(e)), t;
-}
-//#endregion
-export { D as n, E as r, Qe as t };