@camera.ui/server 2.2.7 → 2.3.0

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

@@ -0,0 +1,533 @@
+import { D as e, H as t, Jt as n, N as r, U as i, Y as a, _t as o, d as s, f as c, gt as l, kt as u, l as d, lt as f, p, r as ee, rt as m, u as h, ut as g, x as _, xt as v, y } from "./runtime-core.esm-bundler-_TfE0DWz.js";
+import { t as te } from "./tooltip-BDrlgLof.js";
+import { Ar as b, Gn as x, Mn as ne, Zn as S, bn as re, cr as ie, ft as C, jn as ae, nr as w, rr as T, sr as oe, tr as E, tt as D, ur as se } from "./api-CH_Y8Hee.js";
+import { M as O } from "./protocol-BB4jdtUC-BhEwymva.js";
+import { n as k } from "./vue-i18n-D5EAy78K.js";
+import { _ as A, g as j } from "./dist-euRmladF.js";
+import { c as M } from "./eventLabels-B5GrM5jO.js";
+import { t as ce } from "./button-BouAFgf5.js";
+import { n as le, t as ue } from "./inputicon-1w06U-Jl.js";
+import { t as de } from "./inputtext-C_ygnPrC.js";
+import { t as fe } from "./datepicker-DXk97lTw.js";
+import { t as pe } from "./divider-DeFEXTGs.js";
+import { r as me, t as he } from "./ungrouped-Ch4UX4dy.js";
+import { t as ge } from "./utils-DYtBrGDz.js";
+//#region ~icons/tabler/video-off
+var N = {
+	viewBox: "0 0 24 24",
+	width: "1.2em",
+	height: "1.2em"
+};
+function P(e, n) {
+	return t(), p("svg", N, [...n[0] ||= [h("g", {
+		fill: "none",
+		stroke: "currentColor",
+		"stroke-linecap": "round",
+		"stroke-linejoin": "round",
+		"stroke-width": "2"
+	}, [h("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" }), h("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 _e = o({
+	name: "tabler-video-off",
+	render: P
+}), F = {
+	viewBox: "0 0 24 24",
+	width: "1.2em",
+	height: "1.2em"
+};
+function I(e, n) {
+	return t(), p("svg", F, [...n[0] ||= [h("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 ve = o({
+	name: "tabler-percentage",
+	render: I
+}), L = {
+	viewBox: "0 0 24 24",
+	width: "1.2em",
+	height: "1.2em"
+};
+function R(e, n) {
+	return t(), p("svg", L, [...n[0] ||= [h("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 ye = o({
+	name: "tabler-calendar",
+	render: R
+}), z = {
+	viewBox: "0 0 24 24",
+	width: "1.2em",
+	height: "1.2em"
+};
+function B(e, n) {
+	return t(), p("svg", z, [...n[0] ||= [h("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 be = o({
+	name: "tabler-grid-scan",
+	render: B
+}), V = {
+	viewBox: "0 0 24 24",
+	width: "1.2em",
+	height: "1.2em"
+};
+function H(e, n) {
+	return t(), p("svg", V, [...n[0] ||= [h("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 xe = o({
+	name: "tabler-arrow-left",
+	render: H
+}), Se = { class: "flex flex-col h-full" }, Ce = { class: "recordings-toolbar flex flex-col gap-1 py-1.5" }, we = {
+	key: 0,
+	class: "flex items-center gap-1"
+}, Te = {
+	key: 0,
+	class: "flex items-center gap-1"
+}, Ee = {
+	key: 1,
+	class: "flex items-center gap-1"
+}, De = { class: "flex items-center" }, Oe = { class: "flex items-center gap-1 shrink-0" }, ke = { class: "flex items-center" }, Ae = { class: "max-w-[305px]" }, je = { class: "w-48 flex flex-col gap-2" }, Me = { class: "flex items-center justify-between text-xs" }, Ne = { class: "text-muted" }, Pe = { class: "font-mono" }, Fe = { class: "flex-1 min-h-0 flex flex-col mt-3" }, Ie = {
+	key: 1,
+	class: "flex justify-center py-4"
+}, Le = {
+	key: 2,
+	class: "flex flex-col items-center justify-center py-10 gap-3"
+}, Re = { class: "text-muted text-sm" }, U = /*#__PURE__*/ b(/* @__PURE__ */ _({
+	__name: "CuiCameraRecordings",
+	props: {
+		cameraId: {},
+		cameraName: {},
+		camera: {},
+		compact: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	emits: ["scrollToEvent"],
+	setup(o, { emit: _ }) {
+		let b = o, N = _, { openEventTrace: P } = D(), { t: F } = k(), I = e(C, void 0);
+		if (typeof VideoDecoder < "u") {
+			let e = E({ cacheSize: 10 });
+			i(T, e), O(() => e.dispose());
+		}
+		let { icons: L, generic: R } = M(), z = /* @__PURE__ */ new Set(["motion", "audio"]), B = new Set(j), V = [
+			...A.filter((e) => !z.has(e)).map((e) => ({
+				label: F(`views.recordings.type_${e}`),
+				value: e,
+				icon: L[e] ?? R
+			})),
+			...j.map((e) => ({
+				label: F(`views.recordings.attr_${e}`),
+				value: e,
+				icon: L[e] ?? R
+			})),
+			{
+				label: F("views.recordings.type_other"),
+				value: w,
+				icon: L.other ?? R
+			}
+		], H = v(!1), U = m("mobileSearchInputRef"), W = v(""), G = v([]), K = v([]), q = v(), J = v(0), Y = m("datePopoverRef"), X = m("confidencePopoverRef"), Z = d(() => [b.cameraId]), ze = d(() => {
+			let e = G.value.filter((e) => B.has(e)), t = G.value.length > 0 || K.value.length > 0;
+			return {
+				types: G.value.length > 0 ? G.value.filter((e) => !B.has(e)) : void 0,
+				triggers: K.value.length > 0 ? K.value : void 0,
+				attributes: e.length > 0 ? e : void 0,
+				search: W.value || void 0,
+				hasDetections: !t
+			};
+		}), { events: Be, isLoading: Q, hasMore: Ve, loadMore: He, loadThumbnails: Ue, pluginUnavailable: We } = S({
+			availableCameraIds: Z,
+			cameraIds: Z,
+			realtime: !0,
+			pageSize: 30,
+			filter: ze
+		}), Ge = d(() => q.value ? q.value.toLocaleDateString([], {
+			day: "2-digit",
+			month: "2-digit",
+			year: "numeric"
+		}) : ""), Ke = d(() => {
+			let e = Be.value.filter((e) => e.state === "ended" || (e.segments?.length ?? 0) > 0);
+			if (q.value) {
+				let t = q.value, n = new Date(t.getFullYear(), t.getMonth(), t.getDate()).getTime(), r = n + 864e5;
+				e = e.filter((e) => e.startTime >= n && e.startTime < r);
+			}
+			J.value > 0 && (e = e.filter((e) => x(e) >= J.value));
+			let t = I?.regions.value;
+			return t && t.length > 0 && (e = e.filter((e) => e.segments.some((e) => e.detections.some((e) => e.box && ge(e.box, t))))), e;
+		}), qe = d(() => he(Ke.value));
+		function $() {
+			I && (I.active.value = !I.active.value, I.active.value || (I.regions.value = []));
+		}
+		function Je() {
+			H.value = !0, r(() => U.value?.$el?.querySelector("input")?.focus());
+		}
+		function Ye() {
+			H.value = !1, W.value = "";
+		}
+		function Xe(e, t) {
+			b.camera && P(e, b.camera, t);
+		}
+		return (e, r) => {
+			let i = xe, d = ce, m = me, _ = ue, v = de, b = le, x = be, S = ye, C = ve, w = ie, T = pe, E = fe, D = se, O = oe, k = re, A = ne, j = _e, M = te;
+			return t(), p("div", Se, [
+				h("div", Ce, [u(H) ? (t(), p("div", we, [y(d, {
+					text: "",
+					rounded: "",
+					severity: "secondary",
+					class: "shrink-0 cui-icon-md",
+					onClick: Ye
+				}, {
+					icon: f(() => [y(i, {
+						width: "100%",
+						height: "100%"
+					})]),
+					_: 1
+				}), y(b, { class: "flex-1 min-w-0" }, {
+					default: f(() => [y(_, null, {
+						default: f(() => [y(m, { class: "w-3.5 h-3.5" })]),
+						_: 1
+					}), y(v, {
+						ref_key: "mobileSearchInputRef",
+						ref: U,
+						modelValue: u(W),
+						"onUpdate:modelValue": r[0] ||= (e) => l(W) ? W.value = e : null,
+						placeholder: e.$t("views.recordings.search_placeholder"),
+						class: "w-full !text-xs !py-1.5"
+					}, null, 8, ["modelValue", "placeholder"])]),
+					_: 1
+				})])) : (t(), p(ee, { key: 1 }, [
+					o.compact ? (t(), p("div", Te, [
+						y(b, { class: "flex-1 min-w-0" }, {
+							default: f(() => [y(_, null, {
+								default: f(() => [y(m, { class: "w-3.5 h-3.5" })]),
+								_: 1
+							}), y(v, {
+								modelValue: u(W),
+								"onUpdate:modelValue": r[1] ||= (e) => l(W) ? W.value = e : null,
+								placeholder: e.$t("views.recordings.search_placeholder"),
+								class: "w-full !text-xs !py-1.5"
+							}, null, 8, ["modelValue", "placeholder"])]),
+							_: 1
+						}),
+						u(I) ? g((t(), s(d, {
+							key: 0,
+							text: "",
+							rounded: "",
+							class: "cui-icon-md shrink-0",
+							severity: u(I).active.value ? "primary" : "secondary",
+							onClick: $
+						}, {
+							icon: f(() => [y(x, {
+								width: "100%",
+								height: "100%"
+							})]),
+							_: 1
+						}, 8, ["severity"])), [[
+							M,
+							{ value: e.$t("views.recordings.grid_search") },
+							void 0,
+							{ top: !0 }
+						]]) : c("", !0),
+						g((t(), s(d, {
+							text: "",
+							rounded: "",
+							class: "cui-icon-md shrink-0",
+							severity: u(q) ? "primary" : "secondary",
+							onClick: r[2] ||= (e) => u(Y)?.toggle(e)
+						}, {
+							icon: f(() => [y(S, {
+								width: "100%",
+								height: "100%"
+							})]),
+							_: 1
+						}, 8, ["severity"])), [[
+							M,
+							{ value: u(q) ? u(Ge) : e.$t("views.recordings.date") },
+							void 0,
+							{ top: !0 }
+						]]),
+						g((t(), s(d, {
+							text: "",
+							rounded: "",
+							class: "cui-icon-md shrink-0",
+							severity: u(J) > 0 ? "primary" : "secondary",
+							onClick: r[3] ||= (e) => u(X)?.toggle(e)
+						}, {
+							icon: f(() => [y(C, {
+								width: "100%",
+								height: "100%"
+							})]),
+							_: 1
+						}, 8, ["severity"])), [[
+							M,
+							{ value: e.$t("views.recordings.confidence") },
+							void 0,
+							{ top: !0 }
+						]])
+					])) : c("", !0),
+					o.compact ? c("", !0) : (t(), p("div", Ee, [
+						y(w, {
+							modelValue: u(G),
+							"onUpdate:modelValue": r[4] ||= (e) => l(G) ? G.value = e : null,
+							options: V,
+							"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: f(({ option: e }) => [g((t(), p("div", De, [(t(), s(a(e.icon), { class: "w-3.5 h-3.5" }))])), [[
+								M,
+								e.label,
+								void 0,
+								{ top: !0 }
+							]])]),
+							_: 1
+						}, 8, ["modelValue"]),
+						y(T, {
+							class: "ml-auto",
+							layout: "vertical"
+						}),
+						h("div", Oe, [
+							u(I) ? g((t(), s(d, {
+								key: 0,
+								text: "",
+								rounded: "",
+								class: "cui-icon-md",
+								severity: u(I).active.value ? "primary" : "secondary",
+								onClick: $
+							}, {
+								icon: f(() => [y(x, {
+									width: "100%",
+									height: "100%"
+								})]),
+								_: 1
+							}, 8, ["severity"])), [[
+								M,
+								{ value: e.$t("views.recordings.grid_search") },
+								void 0,
+								{ top: !0 }
+							]]) : c("", !0),
+							g((t(), s(d, {
+								text: "",
+								rounded: "",
+								class: "cui-icon-md",
+								severity: u(q) ? "primary" : "secondary",
+								onClick: r[5] ||= (e) => u(Y)?.toggle(e)
+							}, {
+								icon: f(() => [y(S, {
+									width: "100%",
+									height: "100%"
+								})]),
+								_: 1
+							}, 8, ["severity"])), [[
+								M,
+								{ value: u(q) ? u(Ge) : e.$t("views.recordings.date") },
+								void 0,
+								{ top: !0 }
+							]]),
+							g((t(), s(d, {
+								text: "",
+								rounded: "",
+								class: "cui-icon-md",
+								severity: u(J) > 0 ? "primary" : "secondary",
+								onClick: r[6] ||= (e) => u(X)?.toggle(e)
+							}, {
+								icon: f(() => [y(C, {
+									width: "100%",
+									height: "100%"
+								})]),
+								_: 1
+							}, 8, ["severity"])), [[
+								M,
+								{ value: e.$t("views.recordings.confidence") },
+								void 0,
+								{ top: !0 }
+							]]),
+							y(b, { class: "hidden xl:flex" }, {
+								default: f(() => [y(_, null, {
+									default: f(() => [y(m, { class: "w-3.5 h-3.5" })]),
+									_: 1
+								}), y(v, {
+									modelValue: u(W),
+									"onUpdate:modelValue": r[7] ||= (e) => l(W) ? W.value = e : null,
+									placeholder: e.$t("views.recordings.search_placeholder"),
+									class: "!text-xs !py-1.5 !w-36"
+								}, null, 8, ["modelValue", "placeholder"])]),
+								_: 1
+							}),
+							g((t(), s(d, {
+								text: "",
+								rounded: "",
+								severity: "secondary",
+								class: "xl:hidden cui-icon-md",
+								onClick: Je
+							}, {
+								icon: f(() => [y(m, {
+									width: "100%",
+									height: "100%"
+								})]),
+								_: 1
+							})), [[
+								M,
+								{ value: e.$t("views.recordings.search") },
+								void 0,
+								{ top: !0 }
+							]])
+						])
+					])),
+					o.compact ? (t(), s(w, {
+						key: 2,
+						modelValue: u(G),
+						"onUpdate:modelValue": r[8] ||= (e) => l(G) ? G.value = e : null,
+						options: V,
+						"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: f(({ option: e }) => [g((t(), p("div", ke, [(t(), s(a(e.icon), { class: "w-3.5 h-3.5" }))])), [[
+							M,
+							e.label,
+							void 0,
+							{ top: !0 }
+						]])]),
+						_: 1
+					}, 8, ["modelValue"])) : c("", !0)
+				], 64))]),
+				y(D, {
+					ref_key: "datePopoverRef",
+					ref: Y,
+					class: "border-none",
+					pt: { content: { class: "p-0" } }
+				}, {
+					default: f(() => [h("div", Ae, [y(E, {
+						modelValue: u(q),
+						"onUpdate:modelValue": r[9] ||= (e) => l(q) ? q.value = e : null,
+						"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"]), u(q) ? (t(), s(d, {
+						key: 0,
+						label: e.$t("views.recordings.grid_clear"),
+						severity: "secondary",
+						outlined: "",
+						size: "small",
+						class: "text-xs mt-2",
+						fluid: "",
+						onClick: r[10] ||= (e) => q.value = void 0
+					}, null, 8, ["label"])) : c("", !0)])]),
+					_: 1
+				}, 512),
+				y(D, {
+					ref_key: "confidencePopoverRef",
+					ref: X,
+					pt: { content: { class: "p-3" } }
+				}, {
+					default: f(() => [h("div", je, [
+						h("div", Me, [h("span", Ne, n(e.$t("views.recordings.confidence")), 1), h("span", Pe, n(Math.round(u(J) * 100)) + "%", 1)]),
+						y(O, {
+							modelValue: u(J),
+							"onUpdate:modelValue": r[11] ||= (e) => l(J) ? J.value = e : null,
+							min: 0,
+							max: 1,
+							step: .05,
+							class: "w-full"
+						}, null, 8, ["modelValue"]),
+						u(J) > 0 ? (t(), s(d, {
+							key: 0,
+							label: e.$t("views.recordings.grid_clear"),
+							severity: "secondary",
+							outlined: "",
+							size: "small",
+							class: "text-xs",
+							fluid: "",
+							onClick: r[12] ||= (e) => J.value = 0
+						}, null, 8, ["label"])) : c("", !0)
+					])]),
+					_: 1
+				}, 512),
+				h("div", Fe, [
+					u(qe).length ? (t(), s(ae, {
+						key: 0,
+						items: u(qe),
+						"min-item-width": 150,
+						gap: 8,
+						"has-more": u(Ve),
+						"load-more": u(He),
+						"item-key": (e) => e.key,
+						class: "flex-1 min-h-0"
+					}, {
+						item: f(({ item: e }) => [y(k, {
+							event: e.event,
+							"seg-index": e.segIndex,
+							"hide-segment-badge": "",
+							"camera-name": o.cameraName,
+							camera: o.camera,
+							"load-thumbnails": u(Ue),
+							onScrollToEvent: r[13] ||= (e) => N("scrollToEvent", e),
+							onOpenTrace: (t) => Xe(e.event, t)
+						}, null, 8, [
+							"event",
+							"seg-index",
+							"camera-name",
+							"camera",
+							"load-thumbnails",
+							"onOpenTrace"
+						])]),
+						_: 1
+					}, 8, [
+						"items",
+						"has-more",
+						"load-more",
+						"item-key"
+					])) : c("", !0),
+					u(Q) ? (t(), p("div", Ie, [y(A, {
+						width: "24px",
+						height: "24px",
+						class: "text-muted"
+					})])) : c("", !0),
+					!u(Ke).length && !u(Q) ? (t(), p("div", Le, [y(j, { class: "w-12 h-12 text-muted opacity-30" }), h("p", Re, n(u(We) ? e.$t("views.recordings.recordings_unavailable") : e.$t("views.recordings.no_recordings")), 1)])) : c("", !0)
+				])
+			]);
+		};
+	}
+}), [["__scopeId", "data-v-06790bfa"]]);
+//#endregion
+export { U as default };

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

@@ -0,0 +1,121 @@
+import { H as e, Jt as t, _t as n, d as r, kt as i, l as a, lt as o, p as s, u as c, ut as l, v as u, x as d, y as f } from "./runtime-core.esm-bundler-_TfE0DWz.js";
+import { t as p } from "./tooltip-BDrlgLof.js";
+import { ht as m, mt as h, pt as g, r as _, ra as v } from "./api-CH_Y8Hee.js";
+import { t as y } from "./button-BouAFgf5.js";
+import { i as b, t as x } from "./CuiDataTable-Cy8EjCk9.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 = n({
+	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__ */ d({
+	__name: "CuiCameraShares",
+	props: {
+		cameraId: {},
+		cameraName: {}
+	},
+	setup(n) {
+		let d = new g(), S = n, { data: C, isLoading: O } = d.getSharesQuery(a(() => S.cameraId)), { mutateAsync: k } = d.revokeShareQuery(), A = a(() => C.value ?? []);
+		function j(e) {
+			return new Date(e).toLocaleString();
+		}
+		async function M(e) {
+			await k({ token: e });
+		}
+		return (n, a) => {
+			let d = b, g = m, S = y, C = x, k = p;
+			return e(), s("div", T, [f(C, {
+				value: i(A),
+				loading: i(O),
+				"striped-rows": "",
+				size: "small",
+				class: "text-sm"
+			}, {
+				empty: o(() => [c("div", E, t(n.$t("shares.no_shares")), 1)]),
+				default: o(() => [
+					f(d, {
+						field: "label",
+						header: n.$t("shares.label")
+					}, {
+						body: o(({ data: e }) => [u(t(e.label || "—"), 1)]),
+						_: 1
+					}, 8, ["header"]),
+					f(d, {
+						field: "sourceName",
+						header: n.$t("shares.source")
+					}, {
+						body: o(({ data: e }) => [u(t(e.sourceName || "—"), 1)]),
+						_: 1
+					}, 8, ["header"]),
+					f(d, {
+						field: "createdAt",
+						header: n.$t("shares.created")
+					}, {
+						body: o(({ data: e }) => [u(t(j(e.createdAt)), 1)]),
+						_: 1
+					}, 8, ["header"]),
+					f(d, {
+						field: "expiresAt",
+						header: n.$t("shares.expires")
+					}, {
+						body: o(({ data: e }) => [u(t(j(e.expiresAt)), 1)]),
+						_: 1
+					}, 8, ["header"]),
+					f(d, { header: n.$t("shares.viewers") }, {
+						body: o(({ data: e }) => [u(t(e.currentViewers) + t(e.maxViewers > 0 ? ` / ${e.maxViewers}` : ""), 1)]),
+						_: 1
+					}, 8, ["header"]),
+					f(d, { class: "w-24" }, {
+						body: o(({ data: t }) => [c("div", D, [f(g, {
+							"action-text": n.$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(_)(`${i(v)}/${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(() => [f(i(w), {
+								width: "100%",
+								height: "100%"
+							})]),
+							_: 1
+						}, 8, ["onClick"])), [[
+							k,
+							n.$t("shares.revoke"),
+							void 0,
+							{ top: !0 }
+						]])])]),
+						_: 1
+					})
+				]),
+				_: 1
+			}, 8, ["value", "loading"])]);
+		};
+	}
+});
+//#endregion
+export { O as default };