@camera.ui/server 2.4.2 → 2.4.4

package/dist/interface/ha/CuiCameraRecordings-Dtufs3Oo.js

@@ -0,0 +1,575 @@
+import { D as e, H as t, J as n, N as r, St as i, Xt as a, Y as o, d as s, f as c, gt as l, j as u, jt as d, l as f, lt as p, ot as m, p as h, r as ee, rt as g, tt as _, u as v, ut as y, vt as b, x, y as S } from "./runtime-core.esm-bundler-CrWKbcD2.js";
+import { Ar as C, Ir as w, Lr as T, Mt as E, Un as D, Wn as O, Yn as k, cr as A, ii as j, ur as M, zn as N, zr as P } from "./api-CXtQYIt7.js";
+import { D as F } from "./protocol-BB4jdtUC-CGK3LRf3.js";
+import { n as I } from "./vue-i18n-DzDRu5NH.js";
+import { c as L } from "./eventLabels-BtMQrzXf.js";
+import { _ as R, g as z } from "./dist-euRmladF.js";
+import { t as B } from "./CuiButton-CGAd8xvo.js";
+import { n as V, t as H } from "./inputicon-Cv_r9VoH.js";
+import { t as U } from "./inputtext-CMGQjYbf.js";
+import { t as W } from "./datepicker-lueaRsV3.js";
+import { t as G } from "./divider-DXM1KwGC.js";
+import { t as K } from "./utils-DYtBrGDz.js";
+import { n as q, t as J } from "./search-Bz-9_WEk.js";
+//#region ~icons/tabler/video-off
+var Y = {
+	viewBox: "0 0 24 24",
+	width: "1.2em",
+	height: "1.2em"
+};
+function X(e, n) {
+	return t(), h("svg", Y, [...n[0] ||= [v("g", {
+		fill: "none",
+		stroke: "currentColor",
+		"stroke-linecap": "round",
+		"stroke-linejoin": "round",
+		"stroke-width": "2"
+	}, [v("path", { d: "m3 3l18 18m-6-10v-1l4.553-2.276A1 1 0 0 1 21 8.618v6.764a1 1 0 0 1-.675.946" }), v("path", { d: "M10 6h3a2 2 0 0 1 2 2v3m0 4v1a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h1" })], -1)]]);
+}
+var Z = b({
+	name: "tabler-video-off",
+	render: X
+}), Q = {
+	viewBox: "0 0 24 24",
+	width: "1.2em",
+	height: "1.2em"
+};
+function $(e, n) {
+	return t(), h("svg", Q, [...n[0] ||= [v("path", {
+		fill: "none",
+		stroke: "currentColor",
+		"stroke-linecap": "round",
+		"stroke-linejoin": "round",
+		"stroke-width": "2",
+		d: "M16 17a1 1 0 1 0 2 0a1 1 0 1 0-2 0M6 7a1 1 0 1 0 2 0a1 1 0 1 0-2 0m0 11L18 6"
+	}, null, -1)]]);
+}
+var te = b({
+	name: "tabler-percentage",
+	render: $
+}), ne = {
+	viewBox: "0 0 24 24",
+	width: "1.2em",
+	height: "1.2em"
+};
+function re(e, n) {
+	return t(), h("svg", ne, [...n[0] ||= [v("path", {
+		fill: "none",
+		stroke: "currentColor",
+		"stroke-linecap": "round",
+		"stroke-linejoin": "round",
+		"stroke-width": "2",
+		d: "M4 7a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2zm12-4v4M8 3v4m-4 4h16m-9 4h1m0 0v3"
+	}, null, -1)]]);
+}
+var ie = b({
+	name: "tabler-calendar",
+	render: re
+}), ae = {
+	viewBox: "0 0 24 24",
+	width: "1.2em",
+	height: "1.2em"
+};
+function oe(e, n) {
+	return t(), h("svg", ae, [...n[0] ||= [v("path", {
+		fill: "none",
+		stroke: "currentColor",
+		"stroke-linecap": "round",
+		"stroke-linejoin": "round",
+		"stroke-width": "2",
+		d: "M10 8v8m4-8v8m-6-6h8m-8 4h8M3 7V5a2 2 0 0 1 2-2h2M3 17v2a2 2 0 0 0 2 2h2M17 3h2a2 2 0 0 1 2 2v2m-4 14h2a2 2 0 0 0 2-2v-2"
+	}, null, -1)]]);
+}
+var se = b({
+	name: "tabler-grid-scan",
+	render: oe
+}), ce = {
+	viewBox: "0 0 24 24",
+	width: "1.2em",
+	height: "1.2em"
+};
+function le(e, n) {
+	return t(), h("svg", ce, [...n[0] ||= [v("path", {
+		fill: "none",
+		stroke: "currentColor",
+		"stroke-linecap": "round",
+		"stroke-linejoin": "round",
+		"stroke-width": "2",
+		d: "M5 12h14M5 12l6 6m-6-6l6-6"
+	}, null, -1)]]);
+}
+var ue = b({
+	name: "tabler-arrow-left",
+	render: le
+}), de = { class: "recordings-toolbar flex flex-col gap-1 py-1.5" }, fe = {
+	key: 0,
+	class: "flex items-center gap-1"
+}, pe = {
+	key: 0,
+	class: "flex items-center gap-1"
+}, me = {
+	key: 1,
+	class: "flex items-center gap-1"
+}, he = { class: "flex items-center" }, ge = { class: "flex items-center gap-1 shrink-0" }, _e = { class: "flex items-center" }, ve = { class: "max-w-[305px]" }, ye = { class: "w-48 flex flex-col gap-2" }, be = { class: "flex items-center justify-between text-xs" }, xe = { class: "text-muted" }, Se = { class: "font-mono" }, Ce = /*#__PURE__*/ j(/* @__PURE__ */ x({
+	__name: "CuiCameraRecordingsToolbar",
+	props: /*@__PURE__*/ u({ compact: { type: Boolean } }, {
+		search: { required: !0 },
+		searchModifiers: {},
+		selectedTypes: { required: !0 },
+		selectedTypesModifiers: {},
+		selectedDate: {},
+		selectedDateModifiers: {},
+		minConfidence: { required: !0 },
+		minConfidenceModifiers: {}
+	}),
+	emits: [
+		"update:search",
+		"update:selectedTypes",
+		"update:selectedDate",
+		"update:minConfidence"
+	],
+	setup(l) {
+		let u = _(l, "search"), m = _(l, "selectedTypes"), b = _(l, "selectedDate"), x = _(l, "minConfidence"), { t: C } = I(), D = e(E, void 0), { icons: O, generic: k } = L(), A = /* @__PURE__ */ new Set(["motion", "audio"]), j = [
+			...R.filter((e) => !A.has(e)).map((e) => ({
+				label: C(`views.recordings.type_${e}`),
+				value: e,
+				icon: O[e] ?? k
+			})),
+			...z.map((e) => ({
+				label: C(`views.recordings.attr_${e}`),
+				value: e,
+				icon: O[e] ?? k
+			})),
+			{
+				label: C("views.recordings.type_other"),
+				value: M,
+				icon: O.other ?? k
+			}
+		], N = i(!1), F = g("mobileSearchInputRef"), K = g("datePopoverRef"), q = g("confidencePopoverRef"), Y = f(() => b.value ? b.value.toLocaleDateString([], {
+			day: "2-digit",
+			month: "2-digit",
+			year: "numeric"
+		}) : "");
+		function X() {
+			D && (D.active.value = !D.active.value, D.active.value || (D.regions.value = []));
+		}
+		function Z() {
+			N.value = !0, r(() => F.value?.$el?.focus());
+		}
+		function Q() {
+			N.value = !1, u.value = "";
+		}
+		return (e, r) => {
+			let i = ue, f = B, g = J, _ = H, C = U, E = V, O = se, k = ie, A = te, M = w, I = G, L = W, R = P, z = T, $ = n("tooltip");
+			return t(), h("div", de, [
+				d(N) ? (t(), h("div", fe, [S(f, {
+					text: "",
+					rounded: "",
+					severity: "secondary",
+					class: "shrink-0 cui-icon-md",
+					onClick: Q
+				}, {
+					icon: p(() => [S(i, {
+						width: "100%",
+						height: "100%"
+					})]),
+					_: 1
+				}), S(E, { class: "flex-1 min-w-0" }, {
+					default: p(() => [S(_, null, {
+						default: p(() => [S(g, { class: "w-3.5 h-3.5" })]),
+						_: 1
+					}), S(C, {
+						ref_key: "mobileSearchInputRef",
+						ref: F,
+						modelValue: u.value,
+						"onUpdate:modelValue": r[0] ||= (e) => u.value = e,
+						placeholder: e.$t("views.recordings.search_placeholder"),
+						class: "w-full !text-xs !py-1.5"
+					}, null, 8, ["modelValue", "placeholder"])]),
+					_: 1
+				})])) : (t(), h(ee, { key: 1 }, [
+					l.compact ? (t(), h("div", pe, [
+						S(E, { class: "flex-1 min-w-0" }, {
+							default: p(() => [S(_, null, {
+								default: p(() => [S(g, { class: "w-3.5 h-3.5" })]),
+								_: 1
+							}), S(C, {
+								modelValue: u.value,
+								"onUpdate:modelValue": r[1] ||= (e) => u.value = e,
+								placeholder: e.$t("views.recordings.search_placeholder"),
+								class: "w-full !text-xs !py-1.5"
+							}, null, 8, ["modelValue", "placeholder"])]),
+							_: 1
+						}),
+						d(D) ? y((t(), s(f, {
+							key: 0,
+							text: "",
+							rounded: "",
+							class: "cui-icon-md shrink-0",
+							severity: d(D).active.value ? "primary" : "secondary",
+							onClick: X
+						}, {
+							icon: p(() => [S(O, {
+								width: "100%",
+								height: "100%"
+							})]),
+							_: 1
+						}, 8, ["severity"])), [[
+							$,
+							{ value: e.$t("views.recordings.grid_search") },
+							void 0,
+							{ top: !0 }
+						]]) : c("", !0),
+						y((t(), s(f, {
+							text: "",
+							rounded: "",
+							class: "cui-icon-md shrink-0",
+							severity: b.value ? "primary" : "secondary",
+							onClick: r[2] ||= (e) => d(K)?.toggle(e)
+						}, {
+							icon: p(() => [S(k, {
+								width: "100%",
+								height: "100%"
+							})]),
+							_: 1
+						}, 8, ["severity"])), [[
+							$,
+							{ value: b.value ? d(Y) : e.$t("views.recordings.date") },
+							void 0,
+							{ top: !0 }
+						]]),
+						y((t(), s(f, {
+							text: "",
+							rounded: "",
+							class: "cui-icon-md shrink-0",
+							severity: x.value > 0 ? "primary" : "secondary",
+							onClick: r[3] ||= (e) => d(q)?.toggle(e)
+						}, {
+							icon: p(() => [S(A, {
+								width: "100%",
+								height: "100%"
+							})]),
+							_: 1
+						}, 8, ["severity"])), [[
+							$,
+							{ value: e.$t("views.recordings.confidence") },
+							void 0,
+							{ top: !0 }
+						]])
+					])) : c("", !0),
+					l.compact ? c("", !0) : (t(), h("div", me, [
+						S(M, {
+							modelValue: m.value,
+							"onUpdate:modelValue": r[4] ||= (e) => m.value = e,
+							options: j,
+							"option-label": "label",
+							"option-value": "value",
+							multiple: "",
+							pt: {
+								root: { class: "flex gap-0.5" },
+								pcToggleButton: { root: { class: "!px-2 !py-1.5 !text-xs" } }
+							}
+						}, {
+							option: p(({ option: e }) => [y((t(), h("div", he, [(t(), s(o(e.icon), { class: "w-3.5 h-3.5" }))])), [[
+								$,
+								e.label,
+								void 0,
+								{ top: !0 }
+							]])]),
+							_: 1
+						}, 8, ["modelValue"]),
+						S(I, {
+							class: "ml-auto",
+							layout: "vertical"
+						}),
+						v("div", ge, [
+							d(D) ? y((t(), s(f, {
+								key: 0,
+								text: "",
+								rounded: "",
+								class: "cui-icon-md",
+								severity: d(D).active.value ? "primary" : "secondary",
+								onClick: X
+							}, {
+								icon: p(() => [S(O, {
+									width: "100%",
+									height: "100%"
+								})]),
+								_: 1
+							}, 8, ["severity"])), [[
+								$,
+								{ value: e.$t("views.recordings.grid_search") },
+								void 0,
+								{ top: !0 }
+							]]) : c("", !0),
+							y((t(), s(f, {
+								text: "",
+								rounded: "",
+								class: "cui-icon-md",
+								severity: b.value ? "primary" : "secondary",
+								onClick: r[5] ||= (e) => d(K)?.toggle(e)
+							}, {
+								icon: p(() => [S(k, {
+									width: "100%",
+									height: "100%"
+								})]),
+								_: 1
+							}, 8, ["severity"])), [[
+								$,
+								{ value: b.value ? d(Y) : e.$t("views.recordings.date") },
+								void 0,
+								{ top: !0 }
+							]]),
+							y((t(), s(f, {
+								text: "",
+								rounded: "",
+								class: "cui-icon-md",
+								severity: x.value > 0 ? "primary" : "secondary",
+								onClick: r[6] ||= (e) => d(q)?.toggle(e)
+							}, {
+								icon: p(() => [S(A, {
+									width: "100%",
+									height: "100%"
+								})]),
+								_: 1
+							}, 8, ["severity"])), [[
+								$,
+								{ value: e.$t("views.recordings.confidence") },
+								void 0,
+								{ top: !0 }
+							]]),
+							S(E, { class: "hidden xl:flex" }, {
+								default: p(() => [S(_, null, {
+									default: p(() => [S(g, { class: "w-3.5 h-3.5" })]),
+									_: 1
+								}), S(C, {
+									modelValue: u.value,
+									"onUpdate:modelValue": r[7] ||= (e) => u.value = e,
+									placeholder: e.$t("views.recordings.search_placeholder"),
+									class: "!text-xs !py-1.5 !w-36"
+								}, null, 8, ["modelValue", "placeholder"])]),
+								_: 1
+							}),
+							y((t(), s(f, {
+								text: "",
+								rounded: "",
+								severity: "secondary",
+								class: "xl:hidden cui-icon-md",
+								onClick: Z
+							}, {
+								icon: p(() => [S(g, {
+									width: "100%",
+									height: "100%"
+								})]),
+								_: 1
+							})), [[
+								$,
+								{ value: e.$t("views.recordings.search") },
+								void 0,
+								{ top: !0 }
+							]])
+						])
+					])),
+					l.compact ? (t(), s(M, {
+						key: 2,
+						modelValue: m.value,
+						"onUpdate:modelValue": r[8] ||= (e) => m.value = e,
+						options: j,
+						"option-label": "label",
+						"option-value": "value",
+						fluid: "",
+						multiple: "",
+						pt: {
+							root: { class: "flex gap-0.5 flex-wrap" },
+							pcToggleButton: { root: { class: "!px-2 !py-1.5 !text-xs" } }
+						}
+					}, {
+						option: p(({ option: e }) => [y((t(), h("div", _e, [(t(), s(o(e.icon), { class: "w-3.5 h-3.5" }))])), [[
+							$,
+							e.label,
+							void 0,
+							{ top: !0 }
+						]])]),
+						_: 1
+					}, 8, ["modelValue"])) : c("", !0)
+				], 64)),
+				S(R, {
+					ref_key: "datePopoverRef",
+					ref: K,
+					class: "border-none",
+					pt: { content: { class: "p-0" } }
+				}, {
+					default: p(() => [v("div", ve, [S(L, {
+						modelValue: b.value,
+						"onUpdate:modelValue": r[9] ||= (e) => b.value = e,
+						"max-date": /* @__PURE__ */ new Date(),
+						inline: "",
+						"clear-button-props": { class: "hidden" },
+						class: "hover:text-primary active:text-primary focus:text-primary text-muted-color",
+						pt: {
+							pcInputText: { root: { class: "text-sm !text-color" } },
+							inputIconContainer: { class: "transition-all text-current" }
+						}
+					}, null, 8, ["modelValue", "max-date"]), b.value ? (t(), s(f, {
+						key: 0,
+						label: e.$t("views.recordings.grid_clear"),
+						severity: "secondary",
+						outlined: "",
+						size: "small",
+						class: "text-xs mt-2",
+						fluid: "",
+						onClick: r[10] ||= (e) => b.value = void 0
+					}, null, 8, ["label"])) : c("", !0)])]),
+					_: 1
+				}, 512),
+				S(R, {
+					ref_key: "confidencePopoverRef",
+					ref: q,
+					pt: { content: { class: "p-3" } }
+				}, {
+					default: p(() => [v("div", ye, [
+						v("div", be, [v("span", xe, a(e.$t("views.recordings.confidence")), 1), v("span", Se, a(Math.round(x.value * 100)) + "%", 1)]),
+						S(z, {
+							modelValue: x.value,
+							"onUpdate:modelValue": r[11] ||= (e) => x.value = e,
+							min: 0,
+							max: 1,
+							step: .05,
+							class: "w-full"
+						}, null, 8, ["modelValue"]),
+						x.value > 0 ? (t(), s(f, {
+							key: 0,
+							label: e.$t("views.recordings.grid_clear"),
+							severity: "secondary",
+							outlined: "",
+							size: "small",
+							class: "text-xs",
+							fluid: "",
+							onClick: r[12] ||= (e) => x.value = 0
+						}, null, 8, ["label"])) : c("", !0)
+					])]),
+					_: 1
+				}, 512)
+			]);
+		};
+	}
+}), [["__scopeId", "data-v-50f4a4aa"]]), we = { class: "flex flex-col h-full" }, Te = { class: "flex-1 min-h-0 flex flex-col mt-3" }, Ee = {
+	key: 1,
+	class: "flex justify-center py-4"
+}, De = {
+	key: 2,
+	class: "flex flex-col items-center justify-center py-10 gap-3"
+}, Oe = { class: "text-muted text-sm" }, ke = 12, Ae = 5, je = /* @__PURE__ */ x({
+	__name: "CuiCameraRecordings",
+	props: {
+		cameraId: {},
+		cameraName: {},
+		camera: {},
+		compact: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	emits: ["scrollToEvent"],
+	setup(n, { emit: r }) {
+		let o = n, u = r, { openEventTrace: ee } = N(), g = e(E, void 0);
+		D(10);
+		let _ = new Set(z), y = i(""), b = i([]), x = i([]), w = i(), T = i(0), j = F(y, 300), M = F(T, 300), P = 0, I = f(() => [o.cameraId]), L = f(() => {
+			let e = b.value.filter((e) => _.has(e)), t = b.value.length > 0 || x.value.length > 0, n = w.value;
+			return {
+				types: b.value.length > 0 ? b.value.filter((e) => !_.has(e)) : void 0,
+				triggers: x.value.length > 0 ? x.value : void 0,
+				attributes: e.length > 0 ? e : void 0,
+				search: j.value.trim() || void 0,
+				minConfidence: M.value > 0 ? M.value : void 0,
+				hasDetections: !t,
+				startMs: n ? new Date(n.getFullYear(), n.getMonth(), n.getDate()).getTime() : void 0,
+				endMs: n ? new Date(n.getFullYear(), n.getMonth(), n.getDate() + 1).getTime() - 1 : void 0
+			};
+		}), { events: R, isLoading: B, hasMore: V, loadMore: H, pluginUnavailable: U } = C({
+			availableCameraIds: I,
+			cameraIds: I,
+			realtime: !0,
+			pageSize: 30,
+			filter: L
+		}), W = f(() => {
+			let e = R.value.filter((e) => e.state === "ended" || (e.segments?.length ?? 0) > 0), t = g?.regions.value;
+			return t && t.length > 0 && (e = e.filter((e) => e.segments.some((e) => e.detections.some((e) => e.box && K(e.box, t))))), e;
+		}), G = f(() => q(W.value)), J = f(() => JSON.stringify(g?.regions.value ?? []));
+		function Y(e) {
+			return e.key;
+		}
+		function X(e, t) {
+			o.camera && ee(e, o.camera, t);
+		}
+		return m([J, L], () => {
+			P = 0;
+		}), m([
+			() => G.value.length,
+			V,
+			B,
+			J
+		], ([e, t, n]) => {
+			g?.regions.value.length && t && !n && (e >= ke || P >= Ae || (P++, H()));
+		}), (e, r) => {
+			let i = k, o = A, f = Z;
+			return t(), h("div", we, [S(Ce, {
+				search: d(y),
+				"onUpdate:search": r[0] ||= (e) => l(y) ? y.value = e : null,
+				"selected-types": d(b),
+				"onUpdate:selectedTypes": r[1] ||= (e) => l(b) ? b.value = e : null,
+				"selected-date": d(w),
+				"onUpdate:selectedDate": r[2] ||= (e) => l(w) ? w.value = e : null,
+				"min-confidence": d(T),
+				"onUpdate:minConfidence": r[3] ||= (e) => l(T) ? T.value = e : null,
+				compact: n.compact
+			}, null, 8, [
+				"search",
+				"selected-types",
+				"selected-date",
+				"min-confidence",
+				"compact"
+			]), v("div", Te, [
+				d(G).length ? (t(), s(O, {
+					key: 0,
+					items: d(G),
+					"min-item-width": 150,
+					gap: 8,
+					"has-more": d(V),
+					"load-more": d(H),
+					"item-key": Y,
+					class: "flex-1 min-h-0"
+				}, {
+					item: p(({ item: e }) => [S(i, {
+						event: e.event,
+						"seg-index": e.segIndex,
+						"hide-segment-badge": "",
+						"camera-name": n.cameraName,
+						camera: n.camera,
+						onScrollToEvent: r[4] ||= (e) => u("scrollToEvent", e),
+						onOpenTrace: (t) => X(e.event, t)
+					}, null, 8, [
+						"event",
+						"seg-index",
+						"camera-name",
+						"camera",
+						"onOpenTrace"
+					])]),
+					_: 1
+				}, 8, [
+					"items",
+					"has-more",
+					"load-more"
+				])) : c("", !0),
+				d(B) && !d(G).length ? (t(), h("div", Ee, [S(o, {
+					width: "24px",
+					height: "24px",
+					class: "text-muted"
+				})])) : c("", !0),
+				!d(W).length && !d(B) ? (t(), h("div", De, [S(f, { class: "w-12 h-12 text-muted opacity-30" }), v("p", Oe, a(d(U) ? e.$t("views.recordings.recordings_unavailable") : e.$t("views.recordings.no_recordings")), 1)])) : c("", !0)
+			])]);
+		};
+	}
+});
+//#endregion
+export { je as default };

package/dist/interface/ha/CuiCameraShares-ItGFNIIg.js

@@ -0,0 +1,120 @@
+import { H as e, J as t, Xt as n, d as r, jt as i, l as a, lt as o, p as s, u as c, ut as l, v as u, vt as d, x as f, y as p } from "./runtime-core.esm-bundler-CrWKbcD2.js";
+import { Fa as m, Ft as h, It as g, Nt as _, r as v } from "./api-CXtQYIt7.js";
+import { t as y } from "./CuiButton-CGAd8xvo.js";
+import { i as b, t as x } from "./CuiDataTable-5jytjTVD.js";
+//#region ~icons/fluent/delete-16-filled
+var S = {
+	viewBox: "0 0 16 16",
+	width: "1.2em",
+	height: "1.2em"
+};
+function C(t, n) {
+	return e(), s("svg", S, [...n[0] ||= [c("path", {
+		fill: "currentColor",
+		d: "M7 3h2a1 1 0 0 0-2 0M6 3a2 2 0 1 1 4 0h4a.5.5 0 0 1 0 1h-.564l-1.205 8.838A2.5 2.5 0 0 1 9.754 15H6.246a2.5 2.5 0 0 1-2.477-2.162L2.564 4H2a.5.5 0 0 1 0-1zm1 3.5a.5.5 0 0 0-1 0v5a.5.5 0 0 0 1 0zM9.5 6a.5.5 0 0 0-.5.5v5a.5.5 0 0 0 1 0v-5a.5.5 0 0 0-.5-.5"
+	}, null, -1)]]);
+}
+var w = d({
+	name: "fluent-delete-16-filled",
+	render: C
+}), T = { class: "flex flex-col gap-3" }, E = { class: "text-center text-muted py-4" }, D = { class: "flex gap-1 justify-end" }, O = /* @__PURE__ */ f({
+	__name: "CuiCameraShares",
+	props: {
+		cameraId: {},
+		cameraName: {}
+	},
+	setup(d) {
+		let f = new _(), S = d, { data: C, isLoading: O } = f.getSharesQuery(a(() => S.cameraId)), { mutateAsync: k } = f.revokeShareQuery(), A = a(() => C.value ?? []);
+		function j(e) {
+			return new Date(e).toLocaleString();
+		}
+		async function M(e) {
+			await k({ token: e });
+		}
+		return (a, d) => {
+			let f = b, _ = g, S = y, C = x, k = t("tooltip");
+			return e(), s("div", T, [p(C, {
+				value: i(A),
+				loading: i(O),
+				"striped-rows": "",
+				size: "small",
+				class: "text-sm"
+			}, {
+				empty: o(() => [c("div", E, n(a.$t("shares.no_shares")), 1)]),
+				default: o(() => [
+					p(f, {
+						field: "label",
+						header: a.$t("shares.label")
+					}, {
+						body: o(({ data: e }) => [u(n(e.label || "—"), 1)]),
+						_: 1
+					}, 8, ["header"]),
+					p(f, {
+						field: "sourceName",
+						header: a.$t("shares.source")
+					}, {
+						body: o(({ data: e }) => [u(n(e.sourceName || "—"), 1)]),
+						_: 1
+					}, 8, ["header"]),
+					p(f, {
+						field: "createdAt",
+						header: a.$t("shares.created")
+					}, {
+						body: o(({ data: e }) => [u(n(j(e.createdAt)), 1)]),
+						_: 1
+					}, 8, ["header"]),
+					p(f, {
+						field: "expiresAt",
+						header: a.$t("shares.expires")
+					}, {
+						body: o(({ data: e }) => [u(n(j(e.expiresAt)), 1)]),
+						_: 1
+					}, 8, ["header"]),
+					p(f, { header: a.$t("shares.viewers") }, {
+						body: o(({ data: e }) => [u(n(e.currentViewers) + n(e.maxViewers > 0 ? ` / ${e.maxViewers}` : ""), 1)]),
+						_: 1
+					}, 8, ["header"]),
+					p(f, { class: "w-24" }, {
+						body: o(({ data: t }) => [c("div", D, [p(_, {
+							"action-text": a.$t("components.form.tooltip.copied"),
+							icon: i(h),
+							"icon-class": "w-full h-full",
+							"button-props": {
+								severity: "secondary",
+								text: !0,
+								rounded: !0,
+								class: "cui-icon-md"
+							},
+							onAction: (e) => i(v)(`${i(m)}/${t._id}`)
+						}, null, 8, [
+							"action-text",
+							"icon",
+							"onAction"
+						]), l((e(), r(S, {
+							text: "",
+							rounded: "",
+							severity: "danger",
+							class: "cui-icon-md",
+							onClick: (e) => M(t._id)
+						}, {
+							icon: o(() => [p(i(w), {
+								width: "100%",
+								height: "100%"
+							})]),
+							_: 1
+						}, 8, ["onClick"])), [[
+							k,
+							a.$t("shares.revoke"),
+							void 0,
+							{ top: !0 }
+						]])])]),
+						_: 1
+					})
+				]),
+				_: 1
+			}, 8, ["value", "loading"])]);
+		};
+	}
+});
+//#endregion
+export { O as default };