@camera.ui/server 2.4.2 → 2.4.4

package/dist/interface/ha/AutomationImport-CopBhZrI.js

@@ -0,0 +1,206 @@
+import { D as e, G as t, H as n, Xt as r, bt as i, d as a, f as o, jt as s, l as c, lt as l, ot as u, p as d, r as f, u as p, v as m, x as h, y as g } from "./runtime-core.esm-bundler-CrWKbcD2.js";
+import { t as _ } from "./message-CZC3zWwJ.js";
+import { Qn as v, Zn as y, bi as b } from "./api-CXtQYIt7.js";
+import { n as x } from "./vue-i18n-DzDRu5NH.js";
+import { t as S } from "./CuiButton-CGAd8xvo.js";
+import { t as C } from "./inputtext-CMGQjYbf.js";
+import { t as w } from "./select-Dx9X_nNU.js";
+import { t as T } from "./multiselect-DBmOmJqR.js";
+import { l as E } from "./types-NKw1LIVA.js";
+import { t as D } from "./useUserOptions-BmH3hZ1U.js";
+import { n as O, o as k, r as A, t as j } from "./automationBlueprint-BL30KWhS.js";
+import { t as M } from "./plugins-DErZqBrd.js";
+//#region src/components/CuiDialog/templates/AutomationImport/AutomationInputPicker.vue?vue&type=script&setup=true&lang.ts
+var N = { class: "flex flex-col field-gap" }, P = { class: "cui-label" }, F = /* @__PURE__ */ h({
+	__name: "AutomationInputPicker",
+	props: {
+		input: {},
+		modelValue: {}
+	},
+	emits: ["update:modelValue"],
+	setup(e, { emit: t }) {
+		let i = new M(), u = e, h = t, { cameraOptions: v, useSensorOptions: y } = k(), { userOptions: b } = D(), { data: x } = i.getPluginsQuery({
+			page: 1,
+			pageSize: -1
+		}), { sensorOptions: S, sensorById: E, isLoading: O } = y(), A = c(() => {
+			let e = u.input.interface;
+			return (x.value?.result ?? []).filter((t) => e ? (t.contract?.interfaces ?? []).includes(e) : (t.contract?.interfaces?.length ?? 0) > 0).map((e) => ({
+				label: e.displayName || e.pluginName,
+				value: e.pluginName
+			}));
+		}), j = c(() => u.modelValue?.sensorId ?? "");
+		function F(e) {
+			let t = E(String(e ?? ""));
+			t && h("update:modelValue", {
+				sensorId: t.id,
+				sensorType: String(t.type)
+			});
+		}
+		return (t, i) => {
+			let c = w, u = _, y = T, x = C;
+			return n(), d("div", N, [p("label", P, r(e.input.label || e.input.key), 1), e.input.type === "camera" ? (n(), a(c, {
+				key: 0,
+				"model-value": e.modelValue,
+				options: s(v),
+				"option-label": "label",
+				"option-value": "value",
+				placeholder: t.$t("components.automation_import.select_camera"),
+				class: "w-full",
+				"onUpdate:modelValue": i[0] ||= (e) => h("update:modelValue", e)
+			}, null, 8, [
+				"model-value",
+				"options",
+				"placeholder"
+			])) : e.input.type === "plugin" ? (n(), d(f, { key: 1 }, [g(c, {
+				"model-value": e.modelValue,
+				options: s(A),
+				"option-label": "label",
+				"option-value": "value",
+				placeholder: t.$t("components.automation_import.select_plugin"),
+				class: "w-full",
+				disabled: !s(A).length,
+				"onUpdate:modelValue": i[1] ||= (e) => h("update:modelValue", e)
+			}, null, 8, [
+				"model-value",
+				"options",
+				"placeholder",
+				"disabled"
+			]), s(A).length ? o("", !0) : (n(), a(u, {
+				key: 0,
+				severity: "warn",
+				variant: "simple",
+				size: "small",
+				class: "cui-input-hint"
+			}, {
+				default: l(() => [m(r(t.$t("components.automation_import.no_plugin_for_interface", { interface: e.input.interface })), 1)]),
+				_: 1
+			}))], 64)) : e.input.type === "notification-targets" ? (n(), a(y, {
+				key: 2,
+				"model-value": e.modelValue,
+				options: s(b),
+				"option-label": "label",
+				"option-value": "value",
+				placeholder: t.$t("components.automation_import.select_targets"),
+				class: "w-full",
+				"onUpdate:modelValue": i[2] ||= (e) => h("update:modelValue", e)
+			}, null, 8, [
+				"model-value",
+				"options",
+				"placeholder"
+			])) : e.input.type === "sensor" ? (n(), a(c, {
+				key: 3,
+				"model-value": s(j),
+				options: s(S),
+				"option-label": "label",
+				"option-value": "value",
+				placeholder: t.$t("components.automation_import.select_sensor"),
+				class: "w-full",
+				loading: s(O),
+				filter: "",
+				"onUpdate:modelValue": F
+			}, null, 8, [
+				"model-value",
+				"options",
+				"placeholder",
+				"loading"
+			])) : e.input.type === "system-target" ? (n(), a(x, {
+				key: 4,
+				"model-value": e.modelValue ?? "",
+				placeholder: t.$t("components.automation_import.enter_target_id"),
+				class: "w-full",
+				"onUpdate:modelValue": i[3] ||= (e) => h("update:modelValue", e ?? "")
+			}, null, 8, ["model-value", "placeholder"])) : e.input.type === "text" ? (n(), a(x, {
+				key: 5,
+				"model-value": e.modelValue ?? "",
+				placeholder: e.input.placeholder,
+				class: "w-full",
+				"onUpdate:modelValue": i[4] ||= (e) => h("update:modelValue", e ?? "")
+			}, null, 8, ["model-value", "placeholder"])) : o("", !0)]);
+		};
+	}
+}), I = { class: "flex flex-col gap-4" }, L = { class: "text-sm text-muted" }, R = { class: "flex flex-col gap-2" }, z = {
+	key: 1,
+	class: "text-sm text-muted"
+}, B = /* @__PURE__ */ h({
+	__name: "AutomationImport",
+	props: { blueprint: {} },
+	setup(m, { expose: h }) {
+		let C = v(() => import("./PluginSearch-CUF6uUYE.js").then((e) => e.n)), w = new E(), T = new M(), D = m, k = b(), N = y(), { t: P } = x(), B = e("dialogRefProps"), { data: V } = T.getPluginsQuery({
+			page: 1,
+			pageSize: -1
+		}), { mutateAsync: H, isPending: U } = w.importBlueprintQuery(), W = i({}), G = c(() => A(D.blueprint)), K = c(() => j(D.blueprint, G.value)), q = c(() => {
+			let e = /* @__PURE__ */ new Set();
+			for (let t of V.value?.result ?? []) for (let n of t.contract?.interfaces ?? []) e.add(n);
+			return e;
+		}), J = c(() => K.value.filter((e) => !q.value.has(e))), Y = c(() => G.value.every((e) => Z(e, W[e.key]))), X = c(() => J.value.length === 0 && Y.value);
+		function Z(e, t) {
+			switch (e.type) {
+				case "notification-targets": return Array.isArray(t) && t.length > 0;
+				case "sensor": return !!t?.sensorId;
+				default: return typeof t == "string" && t.length > 0;
+			}
+		}
+		function Q(e, t) {
+			W[e] = t;
+		}
+		function $(e) {
+			return e.replace(/([A-Z])/g, " $1").trim() || e;
+		}
+		function ee() {
+			N.openComponentDialog(C, { data: {
+				title: P("components.dialog.title.search_plugin"),
+				contentProps: {},
+				hideConfirmButton: !0,
+				fullscreen: !0
+			} });
+		}
+		async function te() {
+			if (!X.value) return null;
+			let e = O(D.blueprint, G.value, { ...W }), t = await H({ blueprint: e });
+			k.push(`/automations/${t._id}`);
+		}
+		return u(G, (e) => {
+			for (let t of e) W[t.key] === void 0 && t.default !== void 0 && (W[t.key] = t.default);
+		}, { immediate: !0 }), u(X, (e) => {
+			B.disabled.value = !e;
+		}, { immediate: !0 }), h({
+			isLoading: U,
+			onConfirm: te
+		}), (e, i) => {
+			let c = S, u = _;
+			return n(), d("div", I, [
+				p("p", L, r(e.$t("components.automation_import.intro")), 1),
+				s(J).length ? (n(), a(u, {
+					key: 0,
+					severity: "error",
+					class: "text-sm"
+				}, {
+					default: l(() => [p("div", R, [p("span", null, r(e.$t("components.automation_import.missing_plugins", { plugins: s(J).map($).join(", ") })), 1), g(c, {
+						size: "small",
+						severity: "contrast",
+						outlined: "",
+						class: "self-start",
+						label: e.$t("components.automation_import.open_plugin_store"),
+						onClick: ee
+					}, null, 8, ["label"])])]),
+					_: 1
+				})) : o("", !0),
+				!s(G).length && !s(J).length ? (n(), d("div", z, r(e.$t("components.automation_import.no_inputs")), 1)) : o("", !0),
+				(n(!0), d(f, null, t(s(G), (e) => (n(), d("div", {
+					key: e.key,
+					class: "flex flex-col"
+				}, [g(F, {
+					input: e,
+					"model-value": s(W)[e.key],
+					"onUpdate:modelValue": (t) => Q(e.key, t)
+				}, null, 8, [
+					"input",
+					"model-value",
+					"onUpdate:modelValue"
+				])]))), 128))
+			]);
+		};
+	}
+});
+//#endregion
+export { B as default };

package/dist/interface/ha/AutomationStore-BI8nUkvZ.js

@@ -0,0 +1,336 @@
+import { r as e } from "./rolldown-runtime-BItFwnF5.js";
+import { p as t } from "./ripple-CGl9oC16.js";
+import { G as n, H as r, J as i, St as a, Xt as o, Y as s, d as c, f as l, gt as u, jt as d, l as f, lt as p, p as m, r as h, u as g, ut as _, v, vt as y, x as b, y as x } from "./runtime-core.esm-bundler-CrWKbcD2.js";
+import { Fi as S, Qn as C, Qr as w, Xa as T, Zn as E, ii as D } from "./api-CXtQYIt7.js";
+import { n as O } from "./vue-i18n-DzDRu5NH.js";
+import { h as k } from "./eventLabels-BtMQrzXf.js";
+import { r as A } from "./lightbulb-outline-DzvRUz5O.js";
+import { t as ee } from "./CuiButton-CGAd8xvo.js";
+import { r as te } from "./button-D9sS6H0w.js";
+import { n as j, t as ne } from "./inputicon-Cv_r9VoH.js";
+import { t as re } from "./inputtext-CMGQjYbf.js";
+import { t as ie } from "./select-Dx9X_nNU.js";
+import { t as M } from "./divider-DXM1KwGC.js";
+import { t as ae } from "./progressbar-PUG00hyZ.js";
+import { c as N, l as P, o as F } from "./types-NKw1LIVA.js";
+import { i as I, n as L, r as R, t as z } from "./CuiPluginTrustBadge-tRUa9nOH.js";
+import { t as B } from "./account-BT-IJtY5.js";
+import { t as V } from "./bell-ring-CG6o33rX.js";
+import { t as oe } from "./search-BFDoeYxq.js";
+//#region ~icons/mdi/calendar-clock
+var H = {
+	viewBox: "0 0 24 24",
+	width: "1.2em",
+	height: "1.2em"
+};
+function U(e, t) {
+	return r(), m("svg", H, [...t[0] ||= [g("path", {
+		fill: "currentColor",
+		d: "M15 13h1.5v2.82l2.44 1.41l-.75 1.3L15 16.69zm4-5H5v11h4.67c-.43-.91-.67-1.93-.67-3a7 7 0 0 1 7-7c1.07 0 2.09.24 3 .67zM5 21a2 2 0 0 1-2-2V5c0-1.11.89-2 2-2h1V1h2v2h8V1h2v2h1a2 2 0 0 1 2 2v6.1c1.24 1.26 2 2.99 2 4.9a7 7 0 0 1-7 7c-1.91 0-3.64-.76-4.9-2zm11-9.85A4.85 4.85 0 0 0 11.15 16c0 2.68 2.17 4.85 4.85 4.85A4.85 4.85 0 0 0 20.85 16c0-2.68-2.17-4.85-4.85-4.85"
+	}, null, -1)]]);
+}
+var W = y({
+	name: "mdi-calendar-clock",
+	render: U
+}), G = {
+	viewBox: "0 0 24 24",
+	width: "1.2em",
+	height: "1.2em"
+};
+function K(e, t) {
+	return r(), m("svg", G, [...t[0] ||= [g("path", {
+		fill: "currentColor",
+		d: "m20.84 2.18l-3.93.78l2.74 3.54l1.97-.4zm-6.87 1.36L12 3.93l2.75 3.53l1.96-.39zm-4.9.96l-1.97.41l2.75 3.53l1.96-.39zm-4.91 1l-.98.19a2 2 0 0 0-1.57 2.35L2 10l4.9-.97zM2 10v10a2 2 0 0 0 2 2h16c1.11 0 2-.89 2-2V10z"
+	}, null, -1)]]);
+}
+var q = y({
+	name: "mdi-movie-open",
+	render: K
+}), J = {
+	notification: {
+		icon: V,
+		labelKey: "components.automation_store.category_notification"
+	},
+	recording: {
+		icon: R,
+		labelKey: "components.automation_store.category_recording"
+	},
+	presence: {
+		icon: N,
+		labelKey: "components.automation_store.category_presence"
+	},
+	detection: {
+		icon: k,
+		labelKey: "components.automation_store.category_detection"
+	},
+	schedule: {
+		icon: W,
+		labelKey: "components.automation_store.category_schedule"
+	},
+	webhook: {
+		icon: F,
+		labelKey: "components.automation_store.category_webhook"
+	},
+	mqtt: {
+		icon: A,
+		labelKey: "components.automation_store.category_mqtt"
+	},
+	scene: {
+		icon: q,
+		labelKey: "components.automation_store.category_scene"
+	},
+	utility: {
+		icon: L,
+		labelKey: "components.automation_store.category_utility"
+	},
+	other: {
+		icon: I,
+		labelKey: "components.automation_store.category_other"
+	}
+}, se = [
+	"notification",
+	"recording",
+	"presence",
+	"detection",
+	"schedule",
+	"webhook",
+	"mqtt",
+	"scene",
+	"utility",
+	"other"
+];
+function ce(e) {
+	return e && e in J ? J[e] : J.other;
+}
+//#endregion
+//#region src/components/CuiAutomationCategoryChip/CuiAutomationCategoryChip.vue?vue&type=script&setup=true&lang.ts
+var le = {
+	key: 0,
+	class: "cui-category-chip"
+}, Y = { class: "cui-category-chip-label" }, X = /*#__PURE__*/ D(/* @__PURE__ */ b({
+	__name: "CuiAutomationCategoryChip",
+	props: { category: {} },
+	setup(e) {
+		let t = e, n = f(() => ce(t.category));
+		return (t, i) => e.category ? (r(), m("span", le, [(r(), c(s(d(n).icon), { class: "cui-category-chip-icon" })), g("span", Y, o(t.$t(d(n).labelKey)), 1)])) : l("", !0);
+	}
+}), [["__scopeId", "data-v-ea2e312f"]]), ue = {
+	viewBox: "0 0 24 24",
+	width: "1.2em",
+	height: "1.2em"
+};
+function de(e, t) {
+	return r(), m("svg", ue, [...t[0] ||= [g("path", {
+		fill: "currentColor",
+		d: "M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.62L12 2L9.19 8.62L2 9.24l5.45 4.73L5.82 21z"
+	}, null, -1)]]);
+}
+var Z = y({
+	name: "mdi-star",
+	render: de
+}), fe = {
+	camera: "components.automation_store.input_camera",
+	plugin: "components.automation_store.input_plugin",
+	sensor: "components.automation_store.input_sensor",
+	"notification-targets": "components.automation_store.input_notification_targets",
+	"system-target": "components.automation_store.input_system_target",
+	text: "components.automation_store.input_text"
+};
+function Q(e, t) {
+	return e?.length ? e.map((e) => t(fe[e.type], { count: e.count ?? 1 })) : [];
+}
+//#endregion
+//#region src/components/CuiAutomationStoreCard/CuiAutomationStoreCard.vue?vue&type=script&setup=true&lang.ts
+var pe = { class: "automation-store-card-body" }, me = { class: "flex items-start gap-2 min-w-0" }, he = { class: "min-w-0 flex-1" }, ge = { class: "flex items-center gap-2 min-w-0" }, _e = { class: "font-medium text-base truncate" }, ve = {
+	key: 0,
+	class: "automation-store-card-description"
+}, ye = { class: "flex flex-wrap items-center gap-x-3 gap-y-1 mt-2" }, be = {
+	key: 0,
+	class: "automation-store-meta"
+}, xe = {
+	key: 1,
+	class: "flex flex-wrap gap-1 mt-2"
+}, Se = {
+	key: 2,
+	class: "automation-store-inputs mt-auto pt-2"
+}, Ce = { class: "text-muted" }, we = /*#__PURE__*/ D(/* @__PURE__ */ b({
+	__name: "CuiAutomationStoreCard",
+	props: { entry: {} },
+	emits: ["open"],
+	setup(e, { emit: a }) {
+		let s = e, u = a, { t: p } = O(), y = f(() => Q(s.entry.requiredInputs, p));
+		function b(e) {
+			return e.replace(/([A-Z])/g, " $1").trim() || e;
+		}
+		return (a, s) => {
+			let f = z, p = Z, S = X, C = B, w = I, T = i("tooltip");
+			return r(), m("div", {
+				class: "automation-store-card shadow-sm transition-default card-background",
+				role: "button",
+				tabindex: "0",
+				onClick: s[0] ||= (t) => u("open", e.entry),
+				onKeydown: s[1] ||= t((t) => u("open", e.entry), ["enter"])
+			}, [g("div", pe, [
+				g("div", me, [g("div", he, [g("div", ge, [g("h4", _e, o(e.entry.title), 1), x(f, {
+					trust: "official",
+					"show-label": !1,
+					class: "flex-shrink-0"
+				})])]), e.entry.featured ? _((r(), c(p, {
+					key: 0,
+					class: "w-4 h-4 flex-shrink-0 text-primary"
+				}, null, 512)), [[
+					T,
+					{ value: a.$t("components.automation_store.featured") },
+					void 0,
+					{ top: !0 }
+				]]) : l("", !0)]),
+				e.entry.description ? (r(), m("p", ve, o(e.entry.description), 1)) : l("", !0),
+				g("div", ye, [x(S, { category: e.entry.category }, null, 8, ["category"]), e.entry.author ? (r(), m("span", be, [x(C, { class: "automation-store-meta-icon" }), v(" " + o(e.entry.author), 1)])) : l("", !0)]),
+				e.entry.requiredPlugins?.length ? (r(), m("div", xe, [(r(!0), m(h, null, n(e.entry.requiredPlugins, (e) => (r(), m("span", {
+					key: e,
+					class: "automation-store-plugin-chip"
+				}, [x(w, { class: "automation-store-meta-icon" }), v(" " + o(b(e)), 1)]))), 128))])) : l("", !0),
+				d(y).length ? (r(), m("div", Se, [g("span", Ce, o(a.$t("components.automation_store.needs")) + ":", 1), v(" " + o(d(y).join(", ")), 1)])) : l("", !0)
+			])], 32);
+		};
+	}
+}), [["__scopeId", "data-v-50879f29"]]), Te = { class: "flex flex-wrap gap-2 mt-4" }, Ee = {
+	key: 0,
+	class: "mt-6"
+}, De = { class: "featured-row custom-scrollbar mt-3" }, Oe = { class: "flex flex-row items-center justify-center w-full mt-8" }, ke = {
+	key: 3,
+	class: "w-full"
+}, Ae = {
+	key: 4,
+	class: "text-center py-10"
+}, je = { class: "text-muted mb-2" }, Me = { class: "text-muted" }, Ne = {
+	key: 5,
+	class: "automation-store-list"
+}, Pe = /*@__PURE__*/ b({
+	__name: "AutomationStore",
+	setup(e, { expose: t }) {
+		let s = C(() => import("./AutomationStoreDetail-G_tEQ8Sl.js")), v = new P(), y = E(), { t: b } = O(), D = a(!1), k = a(""), A = a("all"), N = a("featured"), { data: F, isBusy: I, refetch: L } = v.getAutomationStoreQuery(D), R = f(() => [{
+			label: b("components.automation_store.filter_all_categories"),
+			value: "all"
+		}, ...se.map((e) => ({
+			label: b(J[e].labelKey),
+			value: e
+		}))]), z = f(() => [{
+			label: b("components.automation_store.sort_featured"),
+			value: "featured"
+		}, {
+			label: b("components.automation_store.sort_name"),
+			value: "name"
+		}]), B = f(() => {
+			let e = (F.value ?? []).slice(), t = k.value.toLowerCase().trim();
+			return t && (e = e.filter((e) => e.title.toLowerCase().includes(t) || (e.description ?? "").toLowerCase().includes(t) || (e.tags ?? []).some((e) => e.toLowerCase().includes(t)))), A.value !== "all" && (e = e.filter((e) => e.category === A.value)), e.sort((e, t) => N.value === "featured" && !!e.featured != !!t.featured ? e.featured ? -1 : 1 : e.title.localeCompare(t.title)), e;
+		}), V = f(() => B.value.filter((e) => e.featured)), H = f(() => B.value.filter((e) => !e.featured));
+		function U(e) {
+			y.openComponentDialog(s, { data: {
+				title: b("components.dialog.title.details"),
+				hideConfirmButton: !0,
+				contentProps: { id: e.id }
+			} });
+		}
+		function W() {
+			D.value = !0, L().finally(() => {
+				D.value = !1;
+			});
+		}
+		return t({ isLoading: I }), (e, t) => {
+			let a = oe, s = ne, f = re, v = j, y = ie, b = we, C = w, E = ee, D = te, O = ae, P = M, F = T, L = S, B = i("tooltip");
+			return r(), m("div", null, [
+				x(v, null, {
+					default: p(() => [x(s, null, {
+						default: p(() => [x(a, { class: "w-4 h-4" })]),
+						_: 1
+					}), x(f, {
+						modelValue: d(k),
+						"onUpdate:modelValue": t[0] ||= (e) => u(k) ? k.value = e : null,
+						modelModifiers: { trim: !0 },
+						placeholder: e.$t("components.automation_store.search"),
+						class: "w-full"
+					}, null, 8, ["modelValue", "placeholder"])]),
+					_: 1
+				}),
+				g("div", Te, [x(y, {
+					modelValue: d(A),
+					"onUpdate:modelValue": t[1] ||= (e) => u(A) ? A.value = e : null,
+					options: d(R),
+					"option-label": "label",
+					"option-value": "value",
+					class: "flex-1 min-w-[140px]",
+					placeholder: e.$t("components.automation_store.filter_category")
+				}, null, 8, [
+					"modelValue",
+					"options",
+					"placeholder"
+				]), x(y, {
+					modelValue: d(N),
+					"onUpdate:modelValue": t[2] ||= (e) => u(N) ? N.value = e : null,
+					options: d(z),
+					"option-label": "label",
+					"option-value": "value",
+					class: "flex-1 min-w-[140px]",
+					placeholder: e.$t("components.automation_store.sort_by")
+				}, null, 8, [
+					"modelValue",
+					"options",
+					"placeholder"
+				])]),
+				!d(I) && d(V).length ? (r(), m("div", Ee, [g("h3", null, o(e.$t("components.automation_store.featured")), 1), g("div", De, [(r(!0), m(h, null, n(d(V), (e) => (r(), m("div", {
+					key: e.id,
+					class: "featured-item"
+				}, [x(b, {
+					entry: e,
+					onOpen: U
+				}, null, 8, ["entry"])]))), 128))])])) : l("", !0),
+				g("div", Oe, [
+					g("h3", null, o(e.$t("components.automation_store.automations")), 1),
+					_((r(), c(E, {
+						text: "",
+						rounded: "",
+						severity: "secondary",
+						class: "cui-icon-md ml-auto",
+						onClick: W
+					}, {
+						icon: p(() => [x(C, {
+							width: "100%",
+							height: "100%"
+						})]),
+						_: 1
+					})), [[
+						B,
+						{ value: e.$t("components.automation_store.refresh") },
+						void 0,
+						{ left: !0 }
+					]]),
+					x(D, {
+						size: "small",
+						class: "ml-2 rounded-full",
+						value: String(d(H).length)
+					}, null, 8, ["value"])
+				]),
+				d(I) ? (r(), c(O, {
+					key: 1,
+					mode: "indeterminate",
+					class: "my-3 !h-[1px]"
+				})) : (r(), c(P, {
+					key: 2,
+					class: "m-0 py-3"
+				})),
+				d(I) ? (r(), m("div", ke, [(r(), m(h, null, n(4, (e) => x(F, {
+					key: e,
+					class: "mb-2",
+					height: "120px"
+				})), 64))])) : !d(H).length && !d(V).length ? (r(), m("div", Ae, [g("div", je, [x(L, { class: "w-12 h-12 mx-auto opacity-30" })]), g("p", Me, o(e.$t("components.automation_store.empty")), 1)])) : (r(), m("div", Ne, [(r(!0), m(h, null, n(d(H), (e) => (r(), c(b, {
+					key: e.id,
+					entry: e,
+					onOpen: U
+				}, null, 8, ["entry"]))), 128))]))
+			]);
+		};
+	}
+}), Fe = /* @__PURE__ */ e({ default: () => $ }), $ = /*#__PURE__*/ D(Pe, [["__scopeId", "data-v-316964e2"]]);
+//#endregion
+export { $ as default, X as i, Q as n, Z as r, Fe as t };

package/dist/interface/ha/AutomationStoreDetail-G_tEQ8Sl.js

@@ -0,0 +1,121 @@
+import { D as e, G as t, H as n, J as ee, Xt as r, d as i, f as a, jt as o, l as s, lt as te, ot as c, p as l, r as u, u as d, ut as f, v as p, x as m, y as h } from "./runtime-core.esm-bundler-CrWKbcD2.js";
+import { t as ne } from "./message-CZC3zWwJ.js";
+import { Qn as g, Zn as _, ii as v, ni as y } from "./api-CXtQYIt7.js";
+import { n as b } from "./vue-i18n-DzDRu5NH.js";
+import { t as re } from "./divider-DXM1KwGC.js";
+import { l as x } from "./types-NKw1LIVA.js";
+import { t as S } from "./plugins-DErZqBrd.js";
+import { t as ie } from "./CuiPluginTrustBadge-tRUa9nOH.js";
+import { t as ae } from "./account-BT-IJtY5.js";
+import { i as C, n as w, r as T } from "./AutomationStore-BI8nUkvZ.js";
+import { t as E } from "./close-circle-CC-KBgKa.js";
+import { t as D } from "./check-circle-DK7DYt7s.js";
+//#region src/components/CuiDialog/templates/AutomationStoreDetail/AutomationStoreDetail.vue?vue&type=script&setup=true&lang.ts
+var O = { class: "automation-store-detail" }, k = {
+	key: 0,
+	class: "flex w-full items-center justify-center py-10"
+}, A = { class: "flex items-start gap-2 flex-wrap" }, j = { class: "text-xl font-semibold" }, M = { class: "flex flex-wrap items-center gap-2 mt-3" }, N = {
+	key: 0,
+	class: "detail-meta"
+}, P = {
+	key: 0,
+	class: "text-sm mt-4"
+}, F = {
+	key: 1,
+	class: "flex flex-wrap gap-1 mt-3"
+}, I = { key: 2 }, L = { class: "text-base font-semibold mb-2" }, R = { class: "flex flex-col gap-1" }, z = {
+	key: 3,
+	class: "mt-4"
+}, oe = { class: "text-base font-semibold mb-2" }, B = { class: "flex flex-wrap gap-1" }, V = {
+	key: 2,
+	class: "text-center py-10"
+}, H = { class: "text-muted" }, U = /*#__PURE__*/ v(/* @__PURE__ */ m({
+	__name: "AutomationStoreDetail",
+	props: { id: {} },
+	setup(m, { expose: v }) {
+		let U = g(() => import("./AutomationImport-CopBhZrI.js")), W = new x(), G = new S(), K = m, q = _(), { t: J } = b(), Y = e("dialogRefProps"), { data: X, isBusy: Z } = W.getAutomationStoreItemQuery(s(() => K.id)), { data: se } = G.getPluginsQuery({
+			page: 1,
+			pageSize: -1
+		}), ce = s(() => {
+			let e = /* @__PURE__ */ new Set();
+			for (let t of se.value?.result ?? []) for (let n of t.contract?.interfaces ?? []) e.add(n);
+			return e;
+		}), Q = s(() => (X.value?.requiredPlugins ?? []).map((e) => ({
+			interface: e,
+			label: e.replace(/([A-Z])/g, " $1").trim() || e,
+			installed: ce.value.has(e)
+		}))), le = s(() => Q.value.some((e) => !e.installed)), $ = s(() => w(X.value?.requiredInputs, J));
+		function ue() {
+			X.value && q.openComponentDialog(U, { data: {
+				title: J("components.automation_import.title"),
+				confirmText: J("components.automation_import.import"),
+				contentProps: { blueprint: X.value.blueprint }
+			} });
+		}
+		return c(X, (e) => {
+			e ? (Y.hideConfirmButton.value = !1, Y.confirmText.value = J("components.automation_store.import")) : Y.hideConfirmButton.value = !0;
+		}, { immediate: !0 }), v({
+			isLoading: Z,
+			onConfirm: ue
+		}), (e, s) => {
+			let c = y, m = ie, g = T, _ = C, v = ae, b = re, x = D, S = E, w = ne, U = ee("tooltip");
+			return n(), l("div", O, [o(Z) ? (n(), l("div", k, [h(c, {
+				class: "w-[30px] h-[30px] m-0",
+				"stroke-width": "5"
+			})])) : o(X) ? (n(), l(u, { key: 1 }, [
+				d("div", A, [
+					d("h2", j, r(o(X).title), 1),
+					h(m, {
+						trust: "official",
+						"show-label": !1
+					}),
+					o(X).featured ? f((n(), i(g, {
+						key: 0,
+						class: "w-5 h-5 text-primary"
+					}, null, 512)), [[
+						U,
+						{ value: e.$t("components.automation_store.featured") },
+						void 0,
+						{ top: !0 }
+					]]) : a("", !0)
+				]),
+				d("div", M, [h(_, { category: o(X).category }, null, 8, ["category"]), o(X).author ? (n(), l("span", N, [h(v, { class: "detail-meta-icon" }), p(" " + r(o(X).author), 1)])) : a("", !0)]),
+				o(X).description ? (n(), l("p", P, r(o(X).description), 1)) : a("", !0),
+				o(X).tags?.length ? (n(), l("div", F, [(n(!0), l(u, null, t(o(X).tags, (e) => (n(), l("span", {
+					key: e,
+					class: "detail-tag"
+				}, "#" + r(e), 1))), 128))])) : a("", !0),
+				h(b),
+				o(Q).length ? (n(), l("div", I, [
+					d("h3", L, r(e.$t("components.automation_store.required_plugins")), 1),
+					d("div", R, [(n(!0), l(u, null, t(o(Q), (e) => (n(), l("div", {
+						key: e.interface,
+						class: "flex items-center gap-2 text-sm"
+					}, [e.installed ? (n(), i(x, {
+						key: 0,
+						class: "w-4 h-4 text-success"
+					})) : (n(), i(S, {
+						key: 1,
+						class: "w-4 h-4 text-danger"
+					})), d("span", null, r(e.label), 1)]))), 128))]),
+					o(le) ? (n(), i(w, {
+						key: 0,
+						severity: "warn",
+						variant: "simple",
+						size: "small",
+						class: "mt-2"
+					}, {
+						default: te(() => [p(r(e.$t("components.automation_store.missing_plugins_hint")), 1)]),
+						_: 1
+					})) : a("", !0)
+				])) : a("", !0),
+				o($).length ? (n(), l("div", z, [d("h3", oe, r(e.$t("components.automation_store.required_inputs")), 1), d("div", B, [(n(!0), l(u, null, t(o($), (e, t) => (n(), l("span", {
+					key: t,
+					class: "detail-tag"
+				}, r(e), 1))), 128))])])) : a("", !0)
+			], 64)) : (n(), l("div", V, [d("p", H, r(e.$t("components.automation_store.not_found")), 1)]))]);
+		};
+	}
+}), [["__scopeId", "data-v-135a7a6f"]]);
+//#endregion
+export { U as default };