@camera.ui/server 2.2.1 → 2.2.3

package/dist/interface/ha/RecentEventsFilter-C1deXNIS.js

@@ -0,0 +1,79 @@
+import { G as e, H as t, Jt as n, Y as r, d as i, kt as a, l as o, p as s, r as c, u as l, v as u, x as d, xt as f, y as p } from "./runtime-core.esm-bundler-DCktklpY.js";
+import { n as m } from "./vue-i18n-BBObX4QY.js";
+import { g as h } from "./dist-BTp4AyuI.js";
+import { t as g } from "./eventIcons-DrjNuTS2.js";
+import { t as _ } from "./multiselect-B0fAnW75.js";
+import { r as v, t as y } from "./eventLabels-B4C1_4vT.js";
+//#region src/components/CuiDialog/templates/RecentEventsFilter/types.ts
+var b = [
+	"person",
+	"vehicle",
+	"animal",
+	"face",
+	"license_plate"
+], x = { class: "flex flex-col gap-5 w-full" }, S = { class: "text-sm text-muted" }, C = ["for"], w = /* @__PURE__ */ d({
+	__name: "RecentEventsFilter",
+	props: {
+		cameras: {},
+		hidden: {}
+	},
+	setup(d, { expose: w }) {
+		let T = d, { t: E } = m(), { icons: D, generic: O } = g(), k = f(Object.fromEntries(Object.entries(T.hidden).map(([e, t]) => [e, [...t]]))), A = o(() => T.cameras.map((e) => ({
+			label: e.name,
+			value: e._id
+		}))), j = o(() => b.map((e) => ({
+			value: e,
+			label: E(h.includes(e) ? y(e) : v(e)),
+			icon: D[e] ?? O
+		})));
+		function M(e) {
+			return T.cameras.filter((t) => !k.value[t._id]?.includes(e)).map((e) => e._id);
+		}
+		function N(e) {
+			let t = M(e).length;
+			return t === T.cameras.length ? E("components.camera_events.filter_all_cameras") : E("components.camera_events.filter_shown_on", {
+				n: t,
+				total: T.cameras.length
+			});
+		}
+		function P(e, t) {
+			let n = new Set(t), r = { ...k.value };
+			for (let t of T.cameras) {
+				let i = (r[t._id] ?? []).filter((t) => t !== e);
+				r[t._id] = n.has(t._id) ? i : [...i, e];
+			}
+			k.value = r;
+		}
+		return w({ onConfirm: async () => Object.fromEntries(Object.entries(k.value).filter(([, e]) => e.length > 0)) }), (o, d) => {
+			let f = _;
+			return t(), s("div", x, [l("span", S, n(o.$t("components.camera_events.filter_hint")), 1), (t(!0), s(c, null, e(a(j), (e) => (t(), s("div", {
+				key: e.value,
+				class: "flex flex-col field-gap"
+			}, [l("label", {
+				for: `shown-${e.value}`,
+				class: "cui-label flex items-center gap-2"
+			}, [(t(), i(r(e.icon), { class: "w-4 h-4 text-muted" })), u(" " + n(e.label), 1)], 8, C), p(f, {
+				"model-value": M(e.value),
+				"input-id": `shown-${e.value}`,
+				options: a(A),
+				"option-label": "label",
+				"option-value": "value",
+				"max-selected-labels": 2,
+				"selected-items-label": N(e.value),
+				placeholder: o.$t("components.camera_events.filter_hidden_everywhere"),
+				filter: "",
+				fluid: "",
+				"onUpdate:modelValue": (t) => P(e.value, t)
+			}, null, 8, [
+				"model-value",
+				"input-id",
+				"options",
+				"selected-items-label",
+				"placeholder",
+				"onUpdate:modelValue"
+			])]))), 128))]);
+		};
+	}
+});
+//#endregion
+export { w as default };