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

package/dist/interface/ha/Updates-Dl_lLLR2.js

@@ -0,0 +1,343 @@
+import { G as e, H as t, Jt as n, Wt as r, _t as i, d as a, f as o, kt as s, l as c, lt as l, p as u, r as d, u as f, ut as p, v as m, x as h, xt as g, y as _, z as v } from "./runtime-core.esm-bundler-_TfE0DWz.js";
+import { t as ee } from "./tooltip-Z7VN-E1u.js";
+import { t as y } from "./message-D6dIy_hz.js";
+import { J as te, Or as b, br as x, gt as S, ht as C } from "./api-BmYisoxj.js";
+import { i as w } from "./intercomService-B7HkLs6z.js";
+import { r as T } from "./pinia-C6gt7A_Q.js";
+import { n as E } from "./vue-i18n-D5EAy78K.js";
+import { t as ne } from "./button-BouAFgf5.js";
+import { c as D } from "./plugins-BwwaWxye.js";
+import { t as re } from "./information-outline-DSSRyysT.js";
+import { t as O } from "./check-circle-B5OGJJIu.js";
+import { t as k } from "./alert-circle-C7oDe-WY.js";
+import { o as A } from "./server-YOLwDVAW.js";
+import { t as j } from "./back-filled-CaxrZv0Q.js";
+import { t as M } from "./refresh-CpjKkasY.js";
+import { t as N } from "./check-circle-outline-DS7eEinv.js";
+import { t as P } from "./updates-DVhiQhMM.js";
+//#region ~icons/mdi/text-box-outline
+var F = {
+	viewBox: "0 0 24 24",
+	width: "1.2em",
+	height: "1.2em"
+};
+function I(e, n) {
+	return t(), u("svg", F, [...n[0] ||= [f("path", {
+		fill: "currentColor",
+		d: "M5 3c-1.11 0-2 .89-2 2v14c0 1.11.89 2 2 2h14c1.11 0 2-.89 2-2V5c0-1.11-.89-2-2-2zm0 2h14v14H5zm2 2v2h10V7zm0 4v2h10v-2zm0 4v2h7v-2z"
+	}, null, -1)]]);
+}
+var ie = i({
+	name: "mdi-text-box-outline",
+	render: I
+}), L = {
+	viewBox: "0 0 24 24",
+	width: "1.2em",
+	height: "1.2em"
+};
+function R(e, n) {
+	return t(), u("svg", L, [...n[0] ||= [f("path", {
+		fill: "currentColor",
+		d: "M13 18v-8l3.5 3.5l1.42-1.42L12 6.16l-5.92 5.92L7.5 13.5L11 10v8zM12 2a10 10 0 0 1 10 10a10 10 0 0 1-10 10A10 10 0 0 1 2 12A10 10 0 0 1 12 2"
+	}, null, -1)]]);
+}
+var ae = i({
+	name: "mdi-arrow-up-circle",
+	render: R
+}), z = {
+	viewBox: "0 0 24 24",
+	width: "1.2em",
+	height: "1.2em"
+};
+function B(e, n) {
+	return t(), u("svg", z, [...n[0] ||= [f("path", {
+		fill: "currentColor",
+		d: "M13 18h-2v-8l-3.5 3.5l-1.42-1.42L12 6.16l5.92 5.92l-1.42 1.42L13 10zM12 2a10 10 0 0 1 10 10a10 10 0 0 1-10 10A10 10 0 0 1 2 12A10 10 0 0 1 12 2m0 2a8 8 0 0 0-8 8a8 8 0 0 0 8 8a8 8 0 0 0 8-8a8 8 0 0 0-8-8"
+	}, null, -1)]]);
+}
+var V = i({
+	name: "mdi-arrow-up-circle-outline",
+	render: B
+}), H = { class: "flex flex-col" }, U = { class: "text-base font-semibold border-b-[1px] border-color mb-3 pb-3" }, W = {
+	key: 0,
+	class: "flex items-center justify-center py-10"
+}, G = {
+	key: 2,
+	class: "text-sm text-muted"
+}, K = /* @__PURE__ */ h({
+	__name: "UpdateChangelog",
+	props: {
+		kind: {},
+		name: {},
+		version: {}
+	},
+	setup(e) {
+		let r = S(() => import("./CuiMarkdownContent-CrkZwv5j.js").then((e) => e.n)), i = e, o = g(""), c = g(!0);
+		return v(async () => {
+			let e = new AbortController();
+			try {
+				i.kind === "plugin" ? o.value = await D({
+					pluginName: i.name,
+					query: i.version ? { pluginversion: i.version } : void 0,
+					signal: e.signal
+				}) : o.value = await A({
+					version: i.version ?? "latest",
+					signal: e.signal
+				});
+			} catch {
+				o.value = "";
+			} finally {
+				c.value = !1;
+			}
+		}), (e, i) => {
+			let l = x;
+			return t(), u("div", H, [f("h3", U, n(e.$t("components.form.label.changelog")), 1), s(c) ? (t(), u("div", W, [_(l, {
+				class: "w-[30px] h-[30px] m-0",
+				"stroke-width": "5"
+			})])) : s(o) ? (t(), a(s(r), {
+				key: 1,
+				content: s(o)
+			}, null, 8, ["content"])) : (t(), u("span", G, n(e.$t("views.updates.no_changelog")), 1))]);
+		};
+	}
+}), q = {
+	key: 0,
+	class: "flex items-center justify-between"
+}, J = { class: "page-title" }, oe = {
+	key: 1,
+	class: "w-full flex items-center justify-center py-16"
+}, se = {
+	key: 2,
+	class: "flex flex-col gap-6"
+}, ce = {
+	key: 0,
+	class: "flex items-center gap-4"
+}, le = { class: "flex flex-col field-switch-gap min-w-0 flex-1" }, ue = { class: "text-sm font-bold text-color" }, de = {
+	key: 1,
+	class: "flex items-center gap-4"
+}, fe = { class: "flex flex-col field-switch-gap min-w-0 flex-1" }, pe = { class: "text-sm font-bold text-color" }, me = {
+	key: 2,
+	class: "flex flex-wrap items-center gap-4"
+}, he = { class: "flex flex-col field-switch-gap min-w-0 flex-1" }, ge = { class: "text-sm font-bold text-color" }, _e = { class: "card-title" }, ve = { class: "flex flex-col" }, ye = { class: "flex flex-col field-switch-gap min-w-0 flex-1" }, be = { class: "text-sm font-bold text-color truncate" }, xe = {
+	key: 0,
+	class: "text-xs text-muted truncate"
+}, Y = /* @__PURE__ */ h({
+	__name: "Updates",
+	setup(i) {
+		let { t: h } = E(), g = C(), { smBreakpoint: S } = b(), D = P(), { status: A, runActive: F, cancelRequested: I, isChecking: L, checkedAt: R, runTotal: z, runDone: B, pendingCount: H, updatingItem: U, restartingItem: W, serverBusy: G, busy: Y, allUpToDate: Se, serverPending: X } = T(D), Z = c(() => [
+			{
+				kind: "server",
+				title: h("views.updates.section_server")
+			},
+			{
+				kind: "plugin",
+				title: h("views.updates.section_plugins")
+			},
+			{
+				kind: "worker",
+				title: h("views.updates.section_workers")
+			}
+		].map((e) => ({
+			...e,
+			items: D.itemsOf(e.kind)
+		})).filter((e) => e.items.length > 0)), Q = c(() => new Date(R.value).toLocaleTimeString());
+		function Ce(e) {
+			return e.blockedReason === "legacy" ? h("views.updates.blocked_legacy") : h("views.updates.blocked_desktop");
+		}
+		function we(e) {
+			g.openComponentDialog(K, {
+				data: {
+					title: e.name,
+					confirmText: h("components.form.button.update"),
+					contentProps: {
+						kind: e.kind,
+						name: e.packageName ?? e.name,
+						version: e.latestVersion
+					}
+				},
+				onConfirm: () => D.updateItem(e.id)
+			});
+		}
+		return v(() => {
+			D.connect();
+		}), (i, c) => {
+			let h = M, g = ne, v = j, b = te, C = x, T = y, E = N, P = V, R = w, K = O, Te = k, Ee = re, De = ae, Oe = ie, $ = ee;
+			return t(), u("div", null, [
+				s(S) ? o("", !0) : (t(), u("div", q, [f("h1", J, n(i.$t("views.updates.title")), 1), p((t(), a(g, {
+					severity: "secondary",
+					text: "",
+					rounded: "",
+					class: "cui-icon-lg relative z-2",
+					loading: s(L),
+					disabled: s(Y),
+					onClick: c[0] ||= (e) => s(D).refresh()
+				}, {
+					icon: l(() => [_(h, {
+						width: "100%",
+						height: "100%"
+					})]),
+					_: 1
+				}, 8, ["loading", "disabled"])), [[
+					$,
+					{ value: i.$t("views.updates.check_now") },
+					void 0,
+					{ bottom: !0 }
+				]])])),
+				_(b, { position: "left" }, {
+					default: l(() => [_(g, {
+						severity: "secondary",
+						text: "",
+						class: "cui-button p-2 text-color non-draggable-region",
+						onClick: c[1] ||= (e) => i.$router.push("/menu")
+					}, {
+						icon: l(() => [_(v, { class: "w-6 h-6" })]),
+						_: 1
+					})]),
+					_: 1
+				}),
+				_(b, { position: "right" }, {
+					default: l(() => [_(g, {
+						severity: "secondary",
+						class: "cui-button p-2 text-color",
+						text: "",
+						rounded: "",
+						loading: s(L),
+						disabled: s(Y),
+						onClick: c[2] ||= (e) => s(D).refresh()
+					}, {
+						icon: l(() => [_(h, {
+							width: "100%",
+							height: "100%"
+						})]),
+						_: 1
+					}, 8, ["loading", "disabled"])]),
+					_: 1
+				}),
+				s(A) ? (t(), u("div", se, [_(R, { class: "cui-card" }, {
+					content: l(() => [s(F) ? (t(), u("div", ce, [
+						_(C, {
+							class: "w-[26px] h-[26px] m-0 shrink-0",
+							"stroke-width": "5"
+						}),
+						f("div", le, [f("span", ue, n(s(U) ? i.$t("views.updates.run_updating", { name: s(U).name }) : s(W) ? i.$t("connection.restarting") : i.$t("views.updates.run_preparing")), 1), _(T, {
+							severity: "secondary",
+							variant: "simple",
+							size: "small",
+							class: "cui-input-switch-hint"
+						}, {
+							default: l(() => [m(n(i.$t("views.updates.run_progress", {
+								done: s(B),
+								total: s(z)
+							})) + " ", 1), s(X) ? (t(), u(d, { key: 0 }, [m(" · " + n(i.$t("views.updates.run_server_last")), 1)], 64)) : o("", !0)]),
+							_: 1
+						})]),
+						_(g, {
+							severity: "secondary",
+							class: "cui-button-medium shrink-0",
+							disabled: s(I),
+							label: s(I) ? i.$t("views.updates.cancelling") : i.$t("components.form.button.cancel"),
+							onClick: c[3] ||= (e) => s(D).cancelRun()
+						}, null, 8, ["disabled", "label"])
+					])) : s(Se) ? (t(), u("div", de, [_(E, { class: "w-7 h-7 shrink-0 text-success" }), f("div", fe, [f("span", pe, n(i.$t("views.updates.all_up_to_date")), 1), _(T, {
+						severity: "secondary",
+						variant: "simple",
+						size: "small",
+						class: "cui-input-switch-hint"
+					}, {
+						default: l(() => [m(n(i.$t("views.updates.checked_at", { time: s(Q) })), 1)]),
+						_: 1
+					})])])) : (t(), u("div", me, [
+						_(P, { class: "w-7 h-7 shrink-0 text-primary" }),
+						f("div", he, [f("span", ge, n(i.$t("views.updates.pending_count", { count: s(H) })), 1), _(T, {
+							severity: "secondary",
+							variant: "simple",
+							size: "small",
+							class: "cui-input-switch-hint"
+						}, {
+							default: l(() => [m(n(s(X) ? i.$t("views.updates.summary_server_hint") : i.$t("views.updates.checked_at", { time: s(Q) })), 1)]),
+							_: 1
+						})]),
+						_(g, {
+							class: "cui-button-medium shrink-0 ml-auto",
+							disabled: s(Y),
+							label: i.$t("views.updates.update_all"),
+							onClick: c[4] ||= (e) => s(D).updateAll()
+						}, null, 8, ["disabled", "label"])
+					]))]),
+					_: 1
+				}), (t(!0), u(d, null, e(s(Z), (c) => (t(), u("div", { key: c.kind }, [f("span", _e, n(c.title), 1), _(R, { class: "cui-card" }, {
+					content: l(() => [f("div", ve, [(t(!0), u(d, null, e(c.items, (e, c) => (t(), u("div", {
+						key: e.id,
+						class: r(["flex items-center gap-4 py-3", { "border-t border-surface": c > 0 }])
+					}, [
+						e.status === "updating" || e.status === "restarting" ? (t(), a(C, {
+							key: 0,
+							class: "w-[22px] h-[22px] m-0 shrink-0",
+							"stroke-width": "5"
+						})) : e.status === "success" || e.status === "uptodate" ? (t(), a(K, {
+							key: 1,
+							class: "w-[22px] h-[22px] shrink-0 text-success"
+						})) : e.status === "error" ? (t(), a(Te, {
+							key: 2,
+							class: "w-[22px] h-[22px] shrink-0 text-red-500"
+						})) : e.status === "blocked" ? (t(), a(Ee, {
+							key: 3,
+							class: "w-[22px] h-[22px] shrink-0 text-muted"
+						})) : (t(), a(De, {
+							key: 4,
+							class: "w-[22px] h-[22px] shrink-0 text-primary"
+						})),
+						f("div", ye, [
+							f("span", be, n(e.name), 1),
+							e.packageName ? (t(), u("span", xe, n(e.packageName), 1)) : o("", !0),
+							_(T, {
+								severity: "secondary",
+								variant: "simple",
+								size: "small",
+								class: "cui-input-switch-hint truncate"
+							}, {
+								default: l(() => [e.status === "error" ? (t(), u(d, { key: 0 }, [m(n(e.error), 1)], 64)) : e.status === "restarting" ? (t(), u(d, { key: 1 }, [m(n(i.$t("connection.restarting")), 1)], 64)) : e.status === "blocked" ? (t(), u(d, { key: 2 }, [m(n(Ce(e)), 1)], 64)) : e.status === "uptodate" ? (t(), u(d, { key: 3 }, [m("v" + n(e.installedVersion) + " · " + n(i.$t("views.updates.up_to_date")), 1)], 64)) : e.status === "success" ? (t(), u(d, { key: 4 }, [m(n(i.$t("views.updates.updated_to", { version: e.latestVersion })), 1)], 64)) : (t(), u(d, { key: 5 }, [m("v" + n(e.installedVersion) + " → v" + n(e.latestVersion), 1)], 64))]),
+								_: 2
+							}, 1024)
+						]),
+						e.status === "pending" || e.status === "error" ? (t(), u(d, { key: 5 }, [p((t(), a(g, {
+							severity: "secondary",
+							text: "",
+							rounded: "",
+							class: "cui-icon-md shrink-0",
+							onClick: (t) => we(e)
+						}, {
+							icon: l(() => [_(Oe, {
+								width: "100%",
+								height: "100%"
+							})]),
+							_: 1
+						}, 8, ["onClick"])), [[
+							$,
+							{ value: i.$t("components.form.label.changelog") },
+							void 0,
+							{ top: !0 }
+						]]), _(g, {
+							severity: "secondary",
+							outlined: "",
+							class: "cui-button-medium shrink-0",
+							disabled: e.kind === "server" ? s(Y) : s(F) || s(G),
+							label: e.status === "error" ? i.$t("views.updates.retry") : i.$t("components.form.button.update"),
+							onClick: (t) => s(D).updateItem(e.id)
+						}, null, 8, [
+							"disabled",
+							"label",
+							"onClick"
+						])], 64)) : o("", !0)
+					], 2))), 128))])]),
+					_: 2
+				}, 1024)]))), 128))])) : (t(), u("div", oe, [_(C, {
+					class: "w-[30px] h-[30px] m-0",
+					"stroke-width": "5"
+				})]))
+			]);
+		};
+	}
+});
+//#endregion
+export { Y as default };

package/dist/interface/ha/VariableInput-C8Q81GUt.js

@@ -0,0 +1,52 @@
+import { H as e, Jt as t, d as n, kt as r, lt as i, u as a, x as o, xt as s } from "./runtime-core.esm-bundler-_TfE0DWz.js";
+import { t as c } from "./autocomplete-B94Amei3.js";
+import { i as l } from "./Automation-CqTPjCUh.js";
+//#region src/components/CuiAutomation/config/VariableInput.vue?vue&type=script&setup=true&lang.ts
+var u = { class: "flex items-center justify-between gap-3 w-full min-w-0" }, d = { class: "truncate" }, f = { class: "text-[10px] text-muted font-mono shrink-0" }, p = /* @__PURE__ */ o({
+	__name: "VariableInput",
+	props: {
+		modelValue: {},
+		nodeId: {},
+		placeholder: {}
+	},
+	emits: ["update:modelValue"],
+	setup(o, { emit: p }) {
+		let m = o, h = p, { options: g } = l(() => m.nodeId), _ = s([]), v = s("");
+		function y(e) {
+			let t = e.query.toLowerCase();
+			v.value = e.query, t ? _.value = g.value.filter((e) => e.label.toLowerCase().includes(t) || e.value.toLowerCase().includes(t)) : _.value = [...g.value];
+		}
+		function b(e) {
+			let t = m.modelValue ?? "";
+			v.value && t.toLowerCase().endsWith(v.value.toLowerCase()) && (t = t.slice(0, t.length - v.value.length)), h("update:modelValue", t + e.value.value);
+		}
+		function x(e) {
+			typeof e == "string" && h("update:modelValue", e);
+		}
+		return (s, l) => {
+			let p = c;
+			return e(), n(p, {
+				"model-value": o.modelValue,
+				suggestions: r(_),
+				"option-label": "label",
+				placeholder: o.placeholder,
+				class: "w-full",
+				fluid: "",
+				dropdown: "",
+				"dropdown-mode": "blank",
+				onComplete: y,
+				onItemSelect: b,
+				"onUpdate:modelValue": x
+			}, {
+				option: i(({ option: e }) => [a("div", u, [a("span", d, t(e.label), 1), a("span", f, t(e.value), 1)])]),
+				_: 1
+			}, 8, [
+				"model-value",
+				"suggestions",
+				"placeholder"
+			]);
+		};
+	}
+});
+//#endregion
+export { p as t };

package/dist/interface/ha/VariableSuggestions-DXV2b7S4.js

@@ -0,0 +1,201 @@
+import { b as e, c as t, f as n, i as r, s as i, t as a } from "./ripple-ZDATPc2w.js";
+import { G as o, H as s, Jt as c, K as l, M as u, Wt as d, Y as f, d as p, f as m, kt as h, lt as g, p as _, q as v, r as y, u as b, ut as x, x as S, y as C } from "./runtime-core.esm-bundler-_TfE0DWz.js";
+import { n as w } from "./vue-i18n-D5EAy78K.js";
+import { t as T } from "./button-BouAFgf5.js";
+import { t as E } from "./minus-Bp1AYyQv.js";
+import { t as D } from "./chip-BTHURsTF.js";
+import { t as O } from "./plus-brDoEzN2.js";
+//#endregion
+//#region node_modules/primevue/panel/style/index.mjs
+var k = i.extend({
+	name: "panel",
+	style: "\n    .p-panel {\n        display: block;\n        border: 1px solid dt('panel.border.color');\n        border-radius: dt('panel.border.radius');\n        background: dt('panel.background');\n        color: dt('panel.color');\n    }\n\n    .p-panel-header {\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        padding: dt('panel.header.padding');\n        background: dt('panel.header.background');\n        color: dt('panel.header.color');\n        border-style: solid;\n        border-width: dt('panel.header.border.width');\n        border-color: dt('panel.header.border.color');\n        border-radius: dt('panel.header.border.radius');\n    }\n\n    .p-panel-toggleable .p-panel-header {\n        padding: dt('panel.toggleable.header.padding');\n    }\n\n    .p-panel-title {\n        line-height: 1;\n        font-weight: dt('panel.title.font.weight');\n    }\n\n    .p-panel-content-container {\n        display: grid;\n        grid-template-rows: 1fr;\n    }\n\n    .p-panel-content-wrapper {\n        min-height: 0;\n    }\n\n    .p-panel-content {\n        padding: dt('panel.content.padding');\n    }\n\n    .p-panel-footer {\n        padding: dt('panel.footer.padding');\n    }\n",
+	classes: {
+		root: function(e) {
+			return ["p-panel p-component", { "p-panel-toggleable": e.props.toggleable }];
+		},
+		header: "p-panel-header",
+		title: "p-panel-title",
+		headerActions: "p-panel-header-actions",
+		pcToggleButton: "p-panel-toggle-button",
+		contentContainer: "p-panel-content-container",
+		contentWrapper: "p-panel-content-wrapper",
+		content: "p-panel-content",
+		footer: "p-panel-footer"
+	}
+}), A = {
+	name: "Panel",
+	extends: {
+		name: "BasePanel",
+		extends: r,
+		props: {
+			header: String,
+			toggleable: Boolean,
+			collapsed: Boolean,
+			toggleButtonProps: {
+				type: Object,
+				default: function() {
+					return {
+						severity: "secondary",
+						text: !0,
+						rounded: !0
+					};
+				}
+			}
+		},
+		style: k,
+		provide: function() {
+			return {
+				$pcPanel: this,
+				$parentInstance: this
+			};
+		}
+	},
+	inheritAttrs: !1,
+	emits: ["update:collapsed", "toggle"],
+	data: function() {
+		return { d_collapsed: this.collapsed };
+	},
+	watch: { collapsed: function(e) {
+		this.d_collapsed = e;
+	} },
+	methods: {
+		toggle: function(e) {
+			this.d_collapsed = !this.d_collapsed, this.$emit("update:collapsed", this.d_collapsed), this.$emit("toggle", {
+				originalEvent: e,
+				value: this.d_collapsed
+			});
+		},
+		onKeyDown: function(e) {
+			(e.code === "Enter" || e.code === "NumpadEnter" || e.code === "Space") && (this.toggle(e), e.preventDefault());
+		}
+	},
+	computed: {
+		buttonAriaLabel: function() {
+			return this.toggleButtonProps && this.toggleButtonProps.ariaLabel ? this.toggleButtonProps.ariaLabel : this.header;
+		},
+		dataP: function() {
+			return e({ toggleable: this.toggleable });
+		}
+	},
+	components: {
+		PlusIcon: O,
+		MinusIcon: E,
+		Button: T
+	},
+	directives: { ripple: a }
+}, j = ["data-p"], M = ["data-p"], N = ["id"], P = ["id", "aria-labelledby"];
+function F(e, r, i, a, o, h) {
+	var y = v("Button");
+	return s(), _("div", u({
+		class: e.cx("root"),
+		"data-p": h.dataP
+	}, e.ptmi("root")), [b("div", u({
+		class: e.cx("header"),
+		"data-p": h.dataP
+	}, e.ptm("header")), [l(e.$slots, "header", {
+		id: e.$id + "_header",
+		class: d(e.cx("title")),
+		collapsed: o.d_collapsed
+	}, function() {
+		return [e.header ? (s(), _("span", u({
+			key: 0,
+			id: e.$id + "_header",
+			class: e.cx("title")
+		}, e.ptm("title")), c(e.header), 17, N)) : m("", !0)];
+	}), b("div", u({ class: e.cx("headerActions") }, e.ptm("headerActions")), [l(e.$slots, "icons"), e.toggleable ? l(e.$slots, "togglebutton", {
+		key: 0,
+		collapsed: o.d_collapsed,
+		toggleCallback: function(e) {
+			return h.toggle(e);
+		},
+		keydownCallback: function(e) {
+			return h.onKeyDown(e);
+		}
+	}, function() {
+		return [C(y, u({
+			id: e.$id + "_header",
+			class: e.cx("pcToggleButton"),
+			"aria-label": h.buttonAriaLabel,
+			"aria-controls": e.$id + "_content",
+			"aria-expanded": !o.d_collapsed,
+			unstyled: e.unstyled,
+			onClick: r[0] ||= function(e) {
+				return h.toggle(e);
+			},
+			onKeydown: r[1] ||= function(e) {
+				return h.onKeyDown(e);
+			}
+		}, e.toggleButtonProps, { pt: e.ptm("pcToggleButton") }), {
+			icon: g(function(t) {
+				return [l(e.$slots, e.$slots.toggleicon ? "toggleicon" : "togglericon", { collapsed: o.d_collapsed }, function() {
+					return [(s(), p(f(o.d_collapsed ? "PlusIcon" : "MinusIcon"), u({ class: t.class }, e.ptm("pcToggleButton").icon), null, 16, ["class"]))];
+				})];
+			}),
+			_: 3
+		}, 16, [
+			"id",
+			"class",
+			"aria-label",
+			"aria-controls",
+			"aria-expanded",
+			"unstyled",
+			"pt"
+		])];
+	}) : m("", !0)], 16)], 16, M), C(t, u({ name: "p-collapsible" }, e.ptm("transition")), {
+		default: g(function() {
+			return [x(b("div", u({
+				id: e.$id + "_content",
+				class: e.cx("contentContainer"),
+				role: "region",
+				"aria-labelledby": e.$id + "_header"
+			}, e.ptm("contentContainer")), [b("div", u({ class: e.cx("contentWrapper") }, e.ptm("contentWrapper")), [b("div", u({ class: e.cx("content") }, e.ptm("content")), [l(e.$slots, "default")], 16), e.$slots.footer ? (s(), _("div", u({
+				key: 0,
+				class: e.cx("footer")
+			}, e.ptm("footer")), [l(e.$slots, "footer")], 16)) : m("", !0)], 16)], 16, P), [[n, !o.d_collapsed]])];
+		}),
+		_: 3
+	}, 16)], 16, j);
+}
+A.render = F;
+//#endregion
+//#region src/components/CuiAutomation/config/VariableSuggestions.vue?vue&type=script&setup=true&lang.ts
+var I = { class: "flex flex-wrap gap-1" }, L = /* @__PURE__ */ S({
+	__name: "VariableSuggestions",
+	props: { variables: {} },
+	emits: ["select"],
+	setup(e) {
+		let { t } = w();
+		return (n, r) => {
+			let i = D, a = A;
+			return e.variables.length ? (s(), p(a, {
+				key: 0,
+				header: h(t)("components.automation_nodes.available_variables"),
+				toggleable: "",
+				collapsed: "",
+				pt: {
+					root: { class: "border-0" },
+					header: { class: "py-1.5 px-0 text-xs" },
+					content: { class: "px-0 py-2" },
+					headerActions: { class: "flex" }
+				},
+				"toggle-button-props": {
+					class: "w-4 h-4 p-0",
+					text: !0,
+					rounded: !0,
+					severity: "secondary"
+				}
+			}, {
+				default: g(() => [b("div", I, [(s(!0), _(y, null, o(e.variables, (e) => (s(), p(i, {
+					key: e.value,
+					label: e.label,
+					class: "text-[10px] cursor-pointer hover:bg-primary/10 active:bg-primary/20",
+					onClick: (t) => n.$emit("select", e.value)
+				}, null, 8, ["label", "onClick"]))), 128))])]),
+				_: 1
+			}, 8, ["header"])) : m("", !0);
+		};
+	}
+});
+//#endregion
+export { L as t };