@camera.ui/server 2.2.5-beta.1 → 2.2.5-beta.2

package/dist/interface/ha/ConfigActionCameraControl-BPpzE9-F.js

@@ -0,0 +1,152 @@
+import { G as e, H as t, Jt as n, d as r, f as i, kt as a, p as o, r as s, u as c, x as l, y as u } from "./runtime-core.esm-bundler-_TfE0DWz.js";
+import { On as d } from "./api-BmYisoxj.js";
+import { n as f } from "./vue-i18n-D5EAy78K.js";
+import { t as p } from "./checkbox-CAKzZcqk.js";
+import { t as m } from "./select-UR3ZRDew.js";
+import { t as h } from "./inputnumber-DZRwKgXr.js";
+import { t as g } from "./multiselect-Dp4XDBRR.js";
+import { t as _ } from "./types-B8B9MqK0.js";
+import { o as v } from "./automationBlueprint-C-12Yjl7.js";
+//#region src/components/CuiAutomation/config/ConfigActionCameraControl.vue?vue&type=script&setup=true&lang.ts
+var y = { class: "flex flex-col gap-4" }, b = { class: "flex flex-col field-gap" }, x = { class: "cui-label" }, S = { class: "flex flex-col field-gap" }, C = { class: "cui-label" }, w = { class: "text-xs text-muted" }, T = { class: "flex items-center gap-2" }, E = ["onClick"], D = {
+	key: 0,
+	class: "pl-7"
+}, O = /* @__PURE__ */ l({
+	__name: "ConfigActionCameraControl",
+	props: { data: {} },
+	emits: ["update:data"],
+	setup(l, { emit: O }) {
+		let k = l, A = O, { t: j } = f();
+		function M(e) {
+			return (e.options ?? []).map((e) => ({
+				label: j(e.labelKey),
+				value: e.value
+			}));
+		}
+		let { cameraOptions: N } = v();
+		function P(e) {
+			return k.data.properties.some((t) => t.property === e);
+		}
+		function F(e) {
+			return k.data.properties.find((t) => t.property === e)?.value ?? "";
+		}
+		function I(e) {
+			try {
+				let t = JSON.parse(F(e) || "[]");
+				return Array.isArray(t) ? t : [];
+			} catch {
+				return [];
+			}
+		}
+		function L(e, t) {
+			let n = [...k.data.properties];
+			if (t) {
+				if (!n.some((t) => t.property === e)) {
+					let t = _.find((t) => t.key === e);
+					n.push({
+						property: e,
+						value: t?.defaultValue ?? ""
+					});
+				}
+			} else {
+				let t = n.findIndex((t) => t.property === e);
+				t >= 0 && n.splice(t, 1);
+			}
+			A("update:data", { properties: n });
+		}
+		function R(e, t) {
+			let n = k.data.properties.map((n) => n.property === e ? {
+				...n,
+				value: t
+			} : n);
+			A("update:data", { properties: n });
+		}
+		function z(e, t) {
+			A("update:data", { [e]: t });
+		}
+		return (f, v) => {
+			let O = m, k = p, A = d, B = g, V = h;
+			return t(), o("div", y, [
+				c("div", b, [c("label", x, n(a(j)("components.automation_nodes.camera")), 1), u(O, {
+					"model-value": l.data.cameraId,
+					options: a(N),
+					"option-label": "label",
+					"option-value": "value",
+					placeholder: a(j)("components.automation_nodes.camera_select"),
+					class: "w-full",
+					"onUpdate:modelValue": v[0] ||= (e) => z("cameraId", e)
+				}, null, 8, [
+					"model-value",
+					"options",
+					"placeholder"
+				])]),
+				c("div", S, [c("label", C, n(a(j)("components.automation_nodes.camera_control_properties")), 1), c("span", w, n(a(j)("components.automation_nodes.camera_control_properties_hint")), 1)]),
+				(t(!0), o(s, null, e(a(_), (e) => (t(), o("div", {
+					key: e.key,
+					class: "flex flex-col gap-2"
+				}, [c("div", T, [
+					u(k, {
+						"model-value": P(e.key),
+						binary: "",
+						"onUpdate:modelValue": (t) => L(e.key, t)
+					}, null, 8, ["model-value", "onUpdate:modelValue"]),
+					c("label", {
+						class: "cui-label-switch cursor-pointer flex-1 min-w-0 truncate",
+						onClick: (t) => L(e.key, !P(e.key))
+					}, n(a(j)(e.labelKey)), 9, E),
+					P(e.key) && e.inputType === "boolean" ? (t(), r(A, {
+						key: 0,
+						"model-value": F(e.key) === "true",
+						class: "shrink-0",
+						"onUpdate:modelValue": (t) => R(e.key, String(t))
+					}, null, 8, ["model-value", "onUpdate:modelValue"])) : i("", !0)
+				]), P(e.key) && e.inputType !== "boolean" ? (t(), o("div", D, [e.inputType === "select" ? (t(), r(O, {
+					key: 0,
+					"model-value": F(e.key),
+					options: M(e),
+					"option-label": "label",
+					"option-value": "value",
+					class: "w-full",
+					"onUpdate:modelValue": (t) => R(e.key, t)
+				}, null, 8, [
+					"model-value",
+					"options",
+					"onUpdate:modelValue"
+				])) : e.inputType === "multiselect" ? (t(), r(B, {
+					key: 1,
+					"model-value": I(e.key),
+					options: M(e),
+					"option-label": "label",
+					"option-value": "value",
+					"show-toggle-all": !1,
+					class: "w-full",
+					"onUpdate:modelValue": (t) => R(e.key, JSON.stringify(t))
+				}, null, 8, [
+					"model-value",
+					"options",
+					"onUpdate:modelValue"
+				])) : e.inputType === "number" ? (t(), r(V, {
+					key: 2,
+					"model-value": Number(F(e.key)) || e.min,
+					min: e.min,
+					max: e.max,
+					step: e.step ?? 1,
+					"min-fraction-digits": e.step && e.step < 1 ? 2 : 0,
+					"max-fraction-digits": e.step && e.step < 1 ? 2 : 0,
+					class: "w-full",
+					"onUpdate:modelValue": (t) => R(e.key, String(t))
+				}, null, 8, [
+					"model-value",
+					"min",
+					"max",
+					"step",
+					"min-fraction-digits",
+					"max-fraction-digits",
+					"onUpdate:modelValue"
+				])) : i("", !0)])) : i("", !0)]))), 128))
+			]);
+		};
+	}
+});
+//#endregion
+export { O as default };

package/dist/interface/ha/ConfigActionDelay-zU6H75hY.js

@@ -0,0 +1,61 @@
+import { H as e, Jt as t, kt as n, lt as r, p as i, u as a, v as o, x as s, y as c } from "./runtime-core.esm-bundler-_TfE0DWz.js";
+import { t as l } from "./message-D6dIy_hz.js";
+import { n as u } from "./vue-i18n-D5EAy78K.js";
+import { t as d } from "./select-UR3ZRDew.js";
+import { t as f } from "./inputnumber-DZRwKgXr.js";
+//#region src/components/CuiAutomation/config/ConfigActionDelay.vue?vue&type=script&setup=true&lang.ts
+var p = { class: "flex flex-col gap-4" }, m = { class: "flex flex-col field-gap" }, h = { class: "cui-label" }, g = { class: "flex flex-col field-gap" }, _ = { class: "cui-label" }, v = /* @__PURE__ */ s({
+	__name: "ConfigActionDelay",
+	props: { data: {} },
+	emits: ["update:data"],
+	setup(s, { emit: v }) {
+		let y = v, { t: b } = u(), x = [
+			{
+				label: b("components.automation_nodes.unit_seconds"),
+				value: "seconds"
+			},
+			{
+				label: b("components.automation_nodes.unit_minutes"),
+				value: "minutes"
+			},
+			{
+				label: b("components.automation_nodes.unit_hours"),
+				value: "hours"
+			}
+		];
+		function S(e, t) {
+			y("update:data", { [e]: t });
+		}
+		return (u, v) => {
+			let y = f, C = d, w = l;
+			return e(), i("div", p, [a("div", m, [a("label", h, t(n(b)("components.automation_nodes.delay_duration")), 1), c(y, {
+				"model-value": s.data.duration,
+				min: 1,
+				max: 9999,
+				class: "w-full",
+				"onUpdate:modelValue": v[0] ||= (e) => S("duration", e)
+			}, null, 8, ["model-value"])]), a("div", g, [
+				a("label", _, t(n(b)("components.automation_nodes.delay_unit")), 1),
+				c(C, {
+					"model-value": s.data.unit,
+					options: x,
+					"option-label": "label",
+					"option-value": "value",
+					class: "w-full",
+					"onUpdate:modelValue": v[1] ||= (e) => S("unit", e)
+				}, null, 8, ["model-value"]),
+				c(w, {
+					severity: "secondary",
+					variant: "simple",
+					size: "small",
+					class: "cui-input-hint"
+				}, {
+					default: r(() => [o(t(n(b)("components.automation_nodes.action_delay_desc")), 1)]),
+					_: 1
+				})
+			])]);
+		};
+	}
+});
+//#endregion
+export { v as default };

package/dist/interface/ha/ConfigActionHttp-BsNy03j4.js

@@ -0,0 +1,134 @@
+import { G as e, H as t, Jt as n, kt as r, lt as i, p as a, r as o, u as s, x as c, xt as l, y as u } from "./runtime-core.esm-bundler-_TfE0DWz.js";
+import { n as d } from "./vue-i18n-D5EAy78K.js";
+import { t as f } from "./button-BouAFgf5.js";
+import { t as p } from "./inputtext-C_ygnPrC.js";
+import { t as m } from "./select-UR3ZRDew.js";
+import { t as h } from "./VariableSuggestions-DXV2b7S4.js";
+import { t as g } from "./textarea-ByXnzJzx.js";
+import { t as _ } from "./VariableInput-C8Q81GUt.js";
+import { t as v } from "./delete-DWdURc9X.js";
+import { i as y } from "./Automation-CqTPjCUh.js";
+//#region src/components/CuiAutomation/config/ConfigActionHttp.vue?vue&type=script&setup=true&lang.ts
+var b = { class: "flex flex-col gap-4" }, x = { class: "flex flex-col field-gap" }, S = { class: "cui-label" }, C = { class: "flex flex-col field-gap" }, w = { class: "cui-label" }, T = { class: "flex flex-col field-gap" }, E = { class: "cui-label" }, D = { class: "flex flex-col field-gap" }, O = { class: "cui-label" }, k = /* @__PURE__ */ c({
+	__name: "ConfigActionHttp",
+	props: {
+		data: {},
+		nodeId: {}
+	},
+	emits: ["update:data"],
+	setup(c, { emit: k }) {
+		let A = c, j = k, { t: M } = d(), N = [
+			"GET",
+			"POST",
+			"PUT",
+			"DELETE",
+			"PATCH"
+		], { options: P } = y(() => A.nodeId), F = l(Object.entries(A.data.headers ?? {}).map(([e, t]) => ({
+			name: e,
+			value: t
+		})));
+		function I() {
+			F.value.push({
+				name: "",
+				value: ""
+			});
+		}
+		function L(e, t, n) {
+			let r = F.value[e];
+			r && (r[t] = n, z());
+		}
+		function R(e) {
+			F.value.splice(e, 1), z();
+		}
+		function z() {
+			let e = {};
+			for (let t of F.value) t.name.trim() && (e[t.name.trim()] = t.value);
+			j("update:data", { headers: e });
+		}
+		function B(e) {
+			let t = A.data.body ?? "";
+			j("update:data", { body: t + e });
+		}
+		function V(e, t) {
+			j("update:data", { [e]: t });
+		}
+		return (l, d) => {
+			let y = m, k = p, A = v, j = f, z = g;
+			return t(), a("div", b, [
+				s("div", x, [s("label", S, n(r(M)("components.automation_nodes.http_url")), 1), u(_, {
+					"model-value": c.data.url,
+					"node-id": c.nodeId,
+					placeholder: "https://example.com/webhook",
+					"onUpdate:modelValue": d[0] ||= (e) => V("url", e)
+				}, null, 8, ["model-value", "node-id"])]),
+				s("div", C, [s("label", w, n(r(M)("components.automation_nodes.http_method")), 1), u(y, {
+					"model-value": c.data.method,
+					options: N,
+					class: "w-full",
+					"onUpdate:modelValue": d[1] ||= (e) => V("method", e)
+				}, null, 8, ["model-value"])]),
+				s("div", T, [
+					s("label", E, n(r(M)("components.automation_nodes.http_headers")), 1),
+					(t(!0), a(o, null, e(r(F), (e, n) => (t(), a("div", {
+						key: n,
+						class: "flex items-center gap-2"
+					}, [
+						u(k, {
+							"model-value": e.name,
+							placeholder: r(M)("components.automation_nodes.http_header_name"),
+							class: "flex-1 min-w-0",
+							"onUpdate:modelValue": (e) => L(n, "name", e ?? "")
+						}, null, 8, [
+							"model-value",
+							"placeholder",
+							"onUpdate:modelValue"
+						]),
+						u(k, {
+							"model-value": e.value,
+							placeholder: r(M)("components.automation_nodes.http_header_value"),
+							class: "flex-1 min-w-0",
+							"onUpdate:modelValue": (e) => L(n, "value", e ?? "")
+						}, null, 8, [
+							"model-value",
+							"placeholder",
+							"onUpdate:modelValue"
+						]),
+						u(j, {
+							text: "",
+							severity: "danger",
+							size: "small",
+							onClick: (e) => R(n)
+						}, {
+							default: i(() => [u(A, { class: "w-4 h-4" })]),
+							_: 1
+						}, 8, ["onClick"])
+					]))), 128)),
+					u(j, {
+						severity: "secondary",
+						outlined: "",
+						size: "small",
+						class: "self-start",
+						label: r(M)("components.automation_nodes.http_add_header"),
+						onClick: I
+					}, null, 8, ["label"])
+				]),
+				s("div", D, [
+					s("label", O, n(r(M)("components.automation_nodes.http_body")), 1),
+					u(z, {
+						"model-value": c.data.body,
+						placeholder: "{\"key\": \"value\"}",
+						rows: "4",
+						class: "w-full font-mono text-xs",
+						"onUpdate:modelValue": d[2] ||= (e) => V("body", e)
+					}, null, 8, ["model-value"]),
+					u(h, {
+						variables: r(P),
+						onSelect: d[3] ||= (e) => B(e)
+					}, null, 8, ["variables"])
+				])
+			]);
+		};
+	}
+});
+//#endregion
+export { k as default };

package/dist/interface/ha/ConfigActionImageInput-JUvNYn0w.js

@@ -0,0 +1,171 @@
+import { H as e, Jt as t, d as n, f as r, kt as i, l as a, lt as o, p as s, rt as c, u as l, ut as u, v as d, x as f, y as p } from "./runtime-core.esm-bundler-_TfE0DWz.js";
+import { t as m } from "./tooltip-Z7VN-E1u.js";
+import { t as h } from "./message-D6dIy_hz.js";
+import { n as g } from "./vue-i18n-D5EAy78K.js";
+import { t as _ } from "./button-BouAFgf5.js";
+import { t as v } from "./inputtext-C_ygnPrC.js";
+import { t as y } from "./divider-DeFEXTGs.js";
+import { t as b } from "./select-UR3ZRDew.js";
+import { t as x } from "./inputnumber-DZRwKgXr.js";
+import { t as S } from "./VariableInput-C8Q81GUt.js";
+import { t as C } from "./upload-B-9Mumdm.js";
+//#region src/components/CuiAutomation/config/ConfigActionImageInput.vue?vue&type=script&setup=true&lang.ts
+var w = { class: "flex flex-col gap-4" }, T = { class: "flex flex-col field-gap" }, E = { class: "cui-label" }, D = { class: "flex gap-2" }, O = {
+	key: 0,
+	class: "rounded-lg overflow-hidden border-[1px] border-color bg-black"
+}, k = ["src"], A = { class: "flex flex-col field-gap" }, j = { class: "cui-label" }, M = { class: "flex flex-col field-gap" }, N = { class: "cui-label" }, P = { class: "flex flex-col field-gap" }, F = { class: "cui-label" }, I = { class: "flex flex-col field-gap" }, L = { class: "cui-label" }, R = /* @__PURE__ */ f({
+	__name: "ConfigActionImageInput",
+	props: {
+		data: {},
+		nodeId: {}
+	},
+	emits: ["update:data"],
+	setup(f, { emit: R }) {
+		let z = f, B = R, { t: V } = g(), H = [
+			{
+				label: "JPEG",
+				value: "jpeg"
+			},
+			{
+				label: "Raw RGB",
+				value: "raw-rgb"
+			},
+			{
+				label: "Raw RGBA",
+				value: "raw-rgba"
+			},
+			{
+				label: "Raw Grayscale",
+				value: "raw-gray"
+			}
+		], U = c("fileInput"), W = a(() => {
+			let e = z.data.source;
+			if (e) {
+				if (e.startsWith("http://") || e.startsWith("https://") || e.startsWith("data:")) return e;
+				if (e.length > 100 && !e.startsWith("{{")) return `data:image/jpeg;base64,${e}`;
+			}
+		});
+		function G() {
+			U.value?.click();
+		}
+		function K(e) {
+			let t = e.target.files?.[0];
+			if (!t) return;
+			let n = new FileReader();
+			n.onload = () => {
+				let e = n.result.split(",")[1];
+				e && B("update:data", { source: e });
+			}, n.readAsDataURL(t);
+		}
+		function q(e, t) {
+			B("update:data", { [e]: t });
+		}
+		return (a, c) => {
+			let g = C, R = _, z = h, B = v, J = y, Y = x, X = b, Z = m;
+			return e(), s("div", w, [
+				l("div", T, [
+					l("label", E, t(i(V)("components.automation_nodes.image_source")), 1),
+					l("div", D, [
+						p(S, {
+							"model-value": f.data.source,
+							"node-id": f.nodeId,
+							placeholder: i(V)("components.automation_nodes.image_source_placeholder"),
+							class: "flex-1",
+							"onUpdate:modelValue": c[0] ||= (e) => q("source", e)
+						}, null, 8, [
+							"model-value",
+							"node-id",
+							"placeholder"
+						]),
+						u((e(), n(R, {
+							severity: "secondary",
+							outlined: "",
+							class: "shrink-0 h-[42px] w-[42px] p-0",
+							onClick: G
+						}, {
+							icon: o(() => [p(g, { class: "w-4 h-4" })]),
+							_: 1
+						})), [[
+							Z,
+							i(V)("components.automation_nodes.image_upload"),
+							void 0,
+							{ top: !0 }
+						]]),
+						l("input", {
+							ref_key: "fileInput",
+							ref: U,
+							type: "file",
+							accept: "image/*",
+							class: "hidden",
+							onChange: K
+						}, null, 544)
+					]),
+					p(z, {
+						severity: "secondary",
+						variant: "simple",
+						size: "small",
+						class: "cui-input-hint"
+					}, {
+						default: o(() => [d(t(i(V)("components.automation_nodes.image_source_hint")), 1)]),
+						_: 1
+					})
+				]),
+				i(W) ? (e(), s("div", O, [l("img", {
+					src: i(W),
+					class: "w-full max-h-32 object-cover"
+				}, null, 8, k)])) : r("", !0),
+				l("div", A, [
+					l("label", j, t(i(V)("components.automation_nodes.variable_name")), 1),
+					p(B, {
+						"model-value": f.data.variableName,
+						placeholder: "image",
+						"onUpdate:modelValue": c[1] ||= (e) => q("variableName", e)
+					}, null, 8, ["model-value"]),
+					p(z, {
+						severity: "secondary",
+						variant: "simple",
+						size: "small",
+						class: "cui-input-hint"
+					}, {
+						default: o(() => [d(t(i(V)("components.automation_nodes.image_variable_hint")), 1)]),
+						_: 1
+					})
+				]),
+				p(J),
+				l("div", M, [l("label", N, t(i(V)("components.automation_nodes.image_width")), 1), p(Y, {
+					"model-value": f.data.resizeWidth ?? 0,
+					min: 0,
+					max: 7680,
+					class: "w-full",
+					"onUpdate:modelValue": c[2] ||= (e) => q("resizeWidth", e)
+				}, null, 8, ["model-value"])]),
+				l("div", P, [l("label", F, t(i(V)("components.automation_nodes.image_height")), 1), p(Y, {
+					"model-value": f.data.resizeHeight ?? 0,
+					min: 0,
+					max: 4320,
+					class: "w-full",
+					"onUpdate:modelValue": c[3] ||= (e) => q("resizeHeight", e)
+				}, null, 8, ["model-value"])]),
+				p(z, {
+					severity: "secondary",
+					variant: "simple",
+					size: "small",
+					class: "cui-input-hint"
+				}, {
+					default: o(() => [d(t(i(V)("components.automation_nodes.image_resize_hint")), 1)]),
+					_: 1
+				}),
+				l("div", I, [l("label", L, t(i(V)("components.automation_nodes.image_output_format")), 1), p(X, {
+					"model-value": f.data.outputFormat ?? "jpeg",
+					options: H,
+					"option-label": "label",
+					"option-value": "value",
+					class: "w-full",
+					"onUpdate:modelValue": c[4] ||= (e) => q("outputFormat", e)
+				}, null, 8, ["model-value"])])
+			]);
+		};
+	}
+});
+//#endregion
+export { R as default };

package/dist/interface/ha/ConfigActionMqtt-PZqAKfTo.js

@@ -0,0 +1,81 @@
+import { G as e, H as t, Jt as n, d as r, f as i, kt as a, l as o, lt as s, p as c, r as l, u, v as d, x as f, y as p } from "./runtime-core.esm-bundler-_TfE0DWz.js";
+import { t as m } from "./message-D6dIy_hz.js";
+import { On as h } from "./api-BmYisoxj.js";
+import { n as g } from "./vue-i18n-D5EAy78K.js";
+import { t as _ } from "./button-BouAFgf5.js";
+import { t as v } from "./VariableSuggestions-DXV2b7S4.js";
+import { t as y } from "./textarea-ByXnzJzx.js";
+import { t as b } from "./VariableInput-C8Q81GUt.js";
+import { t as x } from "./mqtt-pl13wSmG.js";
+import { i as S } from "./Automation-CqTPjCUh.js";
+//#region src/components/CuiAutomation/config/ConfigActionMqtt.vue?vue&type=script&setup=true&lang.ts
+var C = { class: "flex flex-col gap-4" }, w = { class: "flex flex-col field-gap" }, T = { class: "cui-label" }, E = {
+	key: 0,
+	class: "flex flex-col field-gap"
+}, D = { class: "cui-label" }, O = { class: "flex flex-wrap gap-1.5" }, k = { class: "flex flex-col field-gap" }, A = { class: "cui-label" }, j = { class: "flex items-center gap-4 cui-toggle-switch" }, M = { class: "flex flex-col field-switch-gap" }, N = { class: "cui-label-switch" }, P = /* @__PURE__ */ f({
+	__name: "ConfigActionMqtt",
+	props: {
+		data: {},
+		nodeId: {}
+	},
+	emits: ["update:data"],
+	setup(f, { emit: P }) {
+		let F = new x(), I = f, L = P, { t: R } = g(), { options: z } = S(() => I.nodeId), { data: B } = F.getMqttTopicsQuery(), V = o(() => (B.value ?? []).slice(0, 15));
+		function H(e) {
+			let t = I.data.payload ?? "";
+			L("update:data", { payload: t + e });
+		}
+		function U(e, t) {
+			L("update:data", { [e]: t });
+		}
+		return (o, g) => {
+			let x = _, S = y, P = m, F = h;
+			return t(), c("div", C, [
+				u("div", w, [u("label", T, n(a(R)("components.automation_nodes.mqtt_topic")), 1), p(b, {
+					"model-value": f.data.topic,
+					"node-id": f.nodeId,
+					placeholder: "home/notify/doorbell",
+					"onUpdate:modelValue": g[0] ||= (e) => U("topic", e)
+				}, null, 8, ["model-value", "node-id"])]),
+				a(V).length ? (t(), c("div", E, [u("label", D, n(a(R)("components.automation_nodes.mqtt_recent_topics")), 1), u("div", O, [(t(!0), c(l, null, e(a(V), (e) => (t(), r(x, {
+					key: e,
+					severity: "secondary",
+					outlined: "",
+					size: "small",
+					label: e,
+					class: "font-mono",
+					onClick: (t) => U("topic", e)
+				}, null, 8, ["label", "onClick"]))), 128))])])) : i("", !0),
+				u("div", k, [
+					u("label", A, n(a(R)("components.automation_nodes.mqtt_payload")), 1),
+					p(S, {
+						"model-value": f.data.payload,
+						placeholder: "{\"event\": \"{{event.label}}\"}",
+						rows: "4",
+						class: "w-full font-mono text-xs",
+						"onUpdate:modelValue": g[1] ||= (e) => U("payload", e)
+					}, null, 8, ["model-value"]),
+					p(v, {
+						variables: a(z),
+						onSelect: g[2] ||= (e) => H(e)
+					}, null, 8, ["variables"])
+				]),
+				u("div", j, [u("div", M, [u("label", N, n(a(R)("components.automation_nodes.mqtt_retain")), 1), p(P, {
+					severity: "secondary",
+					variant: "simple",
+					size: "small",
+					class: "cui-input-switch-hint"
+				}, {
+					default: s(() => [d(n(a(R)("components.automation_nodes.mqtt_retain_hint")), 1)]),
+					_: 1
+				})]), p(F, {
+					"model-value": f.data.retain,
+					class: "ml-auto shrink-0",
+					"onUpdate:modelValue": g[3] ||= (e) => U("retain", e)
+				}, null, 8, ["model-value"])])
+			]);
+		};
+	}
+});
+//#endregion
+export { P as default };