@camera.ui/server 2.2.7 → 2.3.0

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

@@ -0,0 +1,206 @@
+import { D as e, G as t, H as n, Jt as r, d as i, f as a, kt as o, l as s, lt as c, ot as l, p as u, r as d, u as f, v as p, x as m, y as h, yt as g } from "./runtime-core.esm-bundler-_TfE0DWz.js";
+import { t as _ } from "./message-D6dIy_hz.js";
+import { Kr as v, Sn as y, xn as b } from "./api-CH_Y8Hee.js";
+import { n as x } from "./vue-i18n-D5EAy78K.js";
+import { t as S } from "./button-BouAFgf5.js";
+import { t as C } from "./inputtext-C_ygnPrC.js";
+import { t as w } from "./select-DV7p2EDj.js";
+import { t as T } from "./multiselect-BOb4ScAZ.js";
+import { l as E } from "./types-CWogEoya.js";
+import { t as D } from "./useUserOptions-dZf6ejlz.js";
+import { n as O, o as k, r as A, t as j } from "./automationBlueprint-DGjftXFC.js";
+import { t as M } from "./plugins--eatOIaI.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__ */ m({
+	__name: "AutomationInputPicker",
+	props: {
+		input: {},
+		modelValue: {}
+	},
+	emits: ["update:modelValue"],
+	setup(e, { emit: t }) {
+		let l = new M(), m = e, g = t, { cameraOptions: v, useSensorOptions: y } = k(), { userOptions: b } = D(), { data: x } = l.getPluginsQuery({
+			page: 1,
+			pageSize: -1
+		}), { sensorOptions: S, sensorById: E, isLoading: O } = y(), A = s(() => {
+			let e = m.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 = s(() => m.modelValue?.sensorId ?? "");
+		function F(e) {
+			let t = E(String(e ?? ""));
+			t && g("update:modelValue", {
+				sensorId: t.id,
+				sensorType: String(t.type)
+			});
+		}
+		return (t, s) => {
+			let l = w, m = _, y = T, x = C;
+			return n(), u("div", N, [f("label", P, r(e.input.label || e.input.key), 1), e.input.type === "camera" ? (n(), i(l, {
+				key: 0,
+				"model-value": e.modelValue,
+				options: o(v),
+				"option-label": "label",
+				"option-value": "value",
+				placeholder: t.$t("components.automation_import.select_camera"),
+				class: "w-full",
+				"onUpdate:modelValue": s[0] ||= (e) => g("update:modelValue", e)
+			}, null, 8, [
+				"model-value",
+				"options",
+				"placeholder"
+			])) : e.input.type === "plugin" ? (n(), u(d, { key: 1 }, [h(l, {
+				"model-value": e.modelValue,
+				options: o(A),
+				"option-label": "label",
+				"option-value": "value",
+				placeholder: t.$t("components.automation_import.select_plugin"),
+				class: "w-full",
+				disabled: !o(A).length,
+				"onUpdate:modelValue": s[1] ||= (e) => g("update:modelValue", e)
+			}, null, 8, [
+				"model-value",
+				"options",
+				"placeholder",
+				"disabled"
+			]), o(A).length ? a("", !0) : (n(), i(m, {
+				key: 0,
+				severity: "warn",
+				variant: "simple",
+				size: "small",
+				class: "cui-input-hint"
+			}, {
+				default: c(() => [p(r(t.$t("components.automation_import.no_plugin_for_interface", { interface: e.input.interface })), 1)]),
+				_: 1
+			}))], 64)) : e.input.type === "notification-targets" ? (n(), i(y, {
+				key: 2,
+				"model-value": e.modelValue,
+				options: o(b),
+				"option-label": "label",
+				"option-value": "value",
+				placeholder: t.$t("components.automation_import.select_targets"),
+				class: "w-full",
+				"onUpdate:modelValue": s[2] ||= (e) => g("update:modelValue", e)
+			}, null, 8, [
+				"model-value",
+				"options",
+				"placeholder"
+			])) : e.input.type === "sensor" ? (n(), i(l, {
+				key: 3,
+				"model-value": o(j),
+				options: o(S),
+				"option-label": "label",
+				"option-value": "value",
+				placeholder: t.$t("components.automation_import.select_sensor"),
+				class: "w-full",
+				loading: o(O),
+				filter: "",
+				"onUpdate:modelValue": F
+			}, null, 8, [
+				"model-value",
+				"options",
+				"placeholder",
+				"loading"
+			])) : e.input.type === "system-target" ? (n(), i(x, {
+				key: 4,
+				"model-value": e.modelValue ?? "",
+				placeholder: t.$t("components.automation_import.enter_target_id"),
+				class: "w-full",
+				"onUpdate:modelValue": s[3] ||= (e) => g("update:modelValue", e ?? "")
+			}, null, 8, ["model-value", "placeholder"])) : e.input.type === "text" ? (n(), i(x, {
+				key: 5,
+				"model-value": e.modelValue ?? "",
+				placeholder: e.input.placeholder,
+				class: "w-full",
+				"onUpdate:modelValue": s[4] ||= (e) => g("update:modelValue", e ?? "")
+			}, null, 8, ["model-value", "placeholder"])) : a("", !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__ */ m({
+	__name: "AutomationImport",
+	props: { blueprint: {} },
+	setup(p, { expose: m }) {
+		let C = y(() => import("./PluginSearch-BPN4Opg5.js").then((e) => e.n)), w = new E(), T = new M(), D = p, k = v(), N = b(), { t: P } = x(), B = e("dialogRefProps"), { data: V } = T.getPluginsQuery({
+			page: 1,
+			pageSize: -1
+		}), { mutateAsync: H, isPending: U } = w.importBlueprintQuery(), W = g({}), G = s(() => A(D.blueprint)), K = s(() => j(D.blueprint, G.value)), q = s(() => {
+			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 = s(() => K.value.filter((e) => !q.value.has(e))), Y = s(() => G.value.every((e) => Z(e, W[e.key]))), X = s(() => 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 l(G, (e) => {
+			for (let t of e) W[t.key] === void 0 && t.default !== void 0 && (W[t.key] = t.default);
+		}, { immediate: !0 }), l(X, (e) => {
+			B.disabled.value = !e;
+		}, { immediate: !0 }), m({
+			isLoading: U,
+			onConfirm: te
+		}), (e, s) => {
+			let l = S, p = _;
+			return n(), u("div", I, [
+				f("p", L, r(e.$t("components.automation_import.intro")), 1),
+				o(J).length ? (n(), i(p, {
+					key: 0,
+					severity: "error",
+					class: "text-sm"
+				}, {
+					default: c(() => [f("div", R, [f("span", null, r(e.$t("components.automation_import.missing_plugins", { plugins: o(J).map($).join(", ") })), 1), h(l, {
+						size: "small",
+						severity: "contrast",
+						outlined: "",
+						class: "self-start",
+						label: e.$t("components.automation_import.open_plugin_store"),
+						onClick: ee
+					}, null, 8, ["label"])])]),
+					_: 1
+				})) : a("", !0),
+				!o(G).length && !o(J).length ? (n(), u("div", z, r(e.$t("components.automation_import.no_inputs")), 1)) : a("", !0),
+				(n(!0), u(d, null, t(o(G), (e) => (n(), u("div", {
+					key: e.key,
+					class: "flex flex-col"
+				}, [h(F, {
+					input: e,
+					"model-value": o(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-BXDD92wZ.js

@@ -0,0 +1,336 @@
+import { r as e } from "./rolldown-runtime-CEFd7nDs.js";
+import { p as t } from "./ripple-ZDATPc2w.js";
+import { G as n, H as r, Jt 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 m, u as h, ut as g, v as _, x as v, xt as y, y as b } from "./runtime-core.esm-bundler-_TfE0DWz.js";
+import { t as x } from "./tooltip-BDrlgLof.js";
+import { Ar as S, Sn as C, Sr as w, ga as T, si as E, xn as D } from "./api-CH_Y8Hee.js";
+import { n as O } from "./vue-i18n-D5EAy78K.js";
+import { r as k } from "./alert-outline-FcLLjoOK.js";
+import { h as A } from "./eventLabels-B5GrM5jO.js";
+import { n as ee, t as j } from "./button-BouAFgf5.js";
+import { n as M, t as te } from "./inputicon-1w06U-Jl.js";
+import { t as ne } from "./inputtext-C_ygnPrC.js";
+import { t as re } from "./select-DV7p2EDj.js";
+import { t as ie } from "./divider-DeFEXTGs.js";
+import { t as ae } from "./progressbar-CaUaM8Bt.js";
+import { c as N, l as P, o as F } from "./types-CWogEoya.js";
+import { i as I, n as L, r as R, t as z } from "./CuiPluginTrustBadge-CEtUJhCJ.js";
+import { t as B } from "./account-DJh6O-cw.js";
+import { t as V } from "./bell-ring-CBt11ejv.js";
+import { t as oe } from "./search-BViwEHdF.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(), p("svg", H, [...t[0] ||= [h("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 = o({
+	name: "mdi-calendar-clock",
+	render: U
+}), G = {
+	viewBox: "0 0 24 24",
+	width: "1.2em",
+	height: "1.2em"
+};
+function K(e, t) {
+	return r(), p("svg", G, [...t[0] ||= [h("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 = o({
+	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: A,
+		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: k,
+		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__*/ S(/* @__PURE__ */ v({
+	__name: "CuiAutomationCategoryChip",
+	props: { category: {} },
+	setup(e) {
+		let t = e, n = d(() => ce(t.category));
+		return (t, o) => e.category ? (r(), p("span", le, [(r(), s(a(u(n).icon), { class: "cui-category-chip-icon" })), h("span", Y, i(t.$t(u(n).labelKey)), 1)])) : c("", !0);
+	}
+}), [["__scopeId", "data-v-ea2e312f"]]), ue = {
+	viewBox: "0 0 24 24",
+	width: "1.2em",
+	height: "1.2em"
+};
+function de(e, t) {
+	return r(), p("svg", ue, [...t[0] ||= [h("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 = o({
+	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__*/ S(/* @__PURE__ */ v({
+	__name: "CuiAutomationStoreCard",
+	props: { entry: {} },
+	emits: ["open"],
+	setup(e, { emit: a }) {
+		let o = e, l = a, { t: f } = O(), v = d(() => Q(o.entry.requiredInputs, f));
+		function y(e) {
+			return e.replace(/([A-Z])/g, " $1").trim() || e;
+		}
+		return (a, o) => {
+			let d = z, f = Z, S = X, C = B, w = I, T = x;
+			return r(), p("div", {
+				class: "automation-store-card shadow-sm transition-default card-background",
+				role: "button",
+				tabindex: "0",
+				onClick: o[0] ||= (t) => l("open", e.entry),
+				onKeydown: o[1] ||= t((t) => l("open", e.entry), ["enter"])
+			}, [h("div", pe, [
+				h("div", me, [h("div", he, [h("div", ge, [h("h4", _e, i(e.entry.title), 1), b(d, {
+					trust: "official",
+					"show-label": !1,
+					class: "flex-shrink-0"
+				})])]), e.entry.featured ? g((r(), s(f, {
+					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 }
+				]]) : c("", !0)]),
+				e.entry.description ? (r(), p("p", ve, i(e.entry.description), 1)) : c("", !0),
+				h("div", ye, [b(S, { category: e.entry.category }, null, 8, ["category"]), e.entry.author ? (r(), p("span", be, [b(C, { class: "automation-store-meta-icon" }), _(" " + i(e.entry.author), 1)])) : c("", !0)]),
+				e.entry.requiredPlugins?.length ? (r(), p("div", xe, [(r(!0), p(m, null, n(e.entry.requiredPlugins, (e) => (r(), p("span", {
+					key: e,
+					class: "automation-store-plugin-chip"
+				}, [b(w, { class: "automation-store-meta-icon" }), _(" " + i(y(e)), 1)]))), 128))])) : c("", !0),
+				u(v).length ? (r(), p("div", Se, [h("span", Ce, i(a.$t("components.automation_store.needs")) + ":", 1), _(" " + i(u(v).join(", ")), 1)])) : c("", !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__*/ v({
+	__name: "AutomationStore",
+	setup(e, { expose: t }) {
+		let a = C(() => import("./AutomationStoreDetail-BYeq7FID.js")), o = new P(), _ = D(), { t: v } = O(), S = y(!1), k = y(""), A = y("all"), N = y("featured"), { data: F, isBusy: I, refetch: L } = o.getAutomationStoreQuery(S), R = d(() => [{
+			label: v("components.automation_store.filter_all_categories"),
+			value: "all"
+		}, ...se.map((e) => ({
+			label: v(J[e].labelKey),
+			value: e
+		}))]), z = d(() => [{
+			label: v("components.automation_store.sort_featured"),
+			value: "featured"
+		}, {
+			label: v("components.automation_store.sort_name"),
+			value: "name"
+		}]), B = d(() => {
+			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 = d(() => B.value.filter((e) => e.featured)), H = d(() => B.value.filter((e) => !e.featured));
+		function U(e) {
+			_.openComponentDialog(a, { data: {
+				title: v("components.dialog.title.details"),
+				hideConfirmButton: !0,
+				contentProps: { id: e.id }
+			} });
+		}
+		function W() {
+			S.value = !0, L().finally(() => {
+				S.value = !1;
+			});
+		}
+		return t({ isLoading: I }), (e, t) => {
+			let a = oe, o = te, d = ne, _ = M, v = re, y = we, S = w, C = j, D = ee, O = ae, P = ie, F = T, L = E, B = x;
+			return r(), p("div", null, [
+				b(_, null, {
+					default: f(() => [b(o, null, {
+						default: f(() => [b(a, { class: "w-4 h-4" })]),
+						_: 1
+					}), b(d, {
+						modelValue: u(k),
+						"onUpdate:modelValue": t[0] ||= (e) => l(k) ? k.value = e : null,
+						modelModifiers: { trim: !0 },
+						placeholder: e.$t("components.automation_store.search"),
+						class: "w-full"
+					}, null, 8, ["modelValue", "placeholder"])]),
+					_: 1
+				}),
+				h("div", Te, [b(v, {
+					modelValue: u(A),
+					"onUpdate:modelValue": t[1] ||= (e) => l(A) ? A.value = e : null,
+					options: u(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"
+				]), b(v, {
+					modelValue: u(N),
+					"onUpdate:modelValue": t[2] ||= (e) => l(N) ? N.value = e : null,
+					options: u(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"
+				])]),
+				!u(I) && u(V).length ? (r(), p("div", Ee, [h("h3", null, i(e.$t("components.automation_store.featured")), 1), h("div", De, [(r(!0), p(m, null, n(u(V), (e) => (r(), p("div", {
+					key: e.id,
+					class: "featured-item"
+				}, [b(y, {
+					entry: e,
+					onOpen: U
+				}, null, 8, ["entry"])]))), 128))])])) : c("", !0),
+				h("div", Oe, [
+					h("h3", null, i(e.$t("components.automation_store.automations")), 1),
+					g((r(), s(C, {
+						text: "",
+						rounded: "",
+						severity: "secondary",
+						class: "cui-icon-md ml-auto",
+						onClick: W
+					}, {
+						icon: f(() => [b(S, {
+							width: "100%",
+							height: "100%"
+						})]),
+						_: 1
+					})), [[
+						B,
+						{ value: e.$t("components.automation_store.refresh") },
+						void 0,
+						{ left: !0 }
+					]]),
+					b(D, {
+						size: "small",
+						class: "ml-2 rounded-full",
+						value: String(u(H).length)
+					}, null, 8, ["value"])
+				]),
+				u(I) ? (r(), s(O, {
+					key: 1,
+					mode: "indeterminate",
+					class: "my-3 !h-[1px]"
+				})) : (r(), s(P, {
+					key: 2,
+					class: "m-0 py-3"
+				})),
+				u(I) ? (r(), p("div", ke, [(r(), p(m, null, n(4, (e) => b(F, {
+					key: e,
+					class: "mb-2",
+					height: "120px"
+				})), 64))])) : !u(H).length && !u(V).length ? (r(), p("div", Ae, [h("div", je, [b(L, { class: "w-12 h-12 mx-auto opacity-30" })]), h("p", Me, i(e.$t("components.automation_store.empty")), 1)])) : (r(), p("div", Ne, [(r(!0), p(m, null, n(u(H), (e) => (r(), s(y, {
+					key: e.id,
+					entry: e,
+					onOpen: U
+				}, null, 8, ["entry"]))), 128))]))
+			]);
+		};
+	}
+}), Fe = /* @__PURE__ */ e({ default: () => $ }), $ = /*#__PURE__*/ S(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-BYeq7FID.js

@@ -0,0 +1,122 @@
+import { D as e, G as t, H as n, Jt as r, d as i, f as a, kt as o, l as s, lt as ee, ot as c, p as l, r as u, u as d, ut as te, v as f, x as p, y as m } from "./runtime-core.esm-bundler-_TfE0DWz.js";
+import { t as ne } from "./tooltip-BDrlgLof.js";
+import { t as re } from "./message-D6dIy_hz.js";
+import { Ar as h, Or as g, Sn as _, xn as v } from "./api-CH_Y8Hee.js";
+import { n as y } from "./vue-i18n-D5EAy78K.js";
+import { t as b } from "./divider-DeFEXTGs.js";
+import { l as x } from "./types-CWogEoya.js";
+import { t as S } from "./plugins--eatOIaI.js";
+import { t as C } from "./CuiPluginTrustBadge-CEtUJhCJ.js";
+import { t as ie } from "./account-DJh6O-cw.js";
+import { i as ae, n as w, r as T } from "./AutomationStore-BXDD92wZ.js";
+import { t as E } from "./close-circle-DfYSNAKm.js";
+import { t as D } from "./check-circle-B5OGJJIu.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__*/ h(/* @__PURE__ */ p({
+	__name: "AutomationStoreDetail",
+	props: { id: {} },
+	setup(p, { expose: h }) {
+		let U = _(() => import("./AutomationImport-nQUUvZcv.js")), W = new x(), G = new S(), K = p, q = v(), { t: J } = y(), 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 }), h({
+			isLoading: Z,
+			onConfirm: ue
+		}), (e, s) => {
+			let c = g, p = C, h = T, _ = ae, v = ie, y = b, x = D, S = E, w = re, U = ne;
+			return n(), l("div", O, [o(Z) ? (n(), l("div", k, [m(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),
+					m(p, {
+						trust: "official",
+						"show-label": !1
+					}),
+					o(X).featured ? te((n(), i(h, {
+						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, [m(_, { category: o(X).category }, null, 8, ["category"]), o(X).author ? (n(), l("span", N, [m(v, { class: "detail-meta-icon" }), f(" " + 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),
+				m(y),
+				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: ee(() => [f(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-49fb41b7"]]);
+//#endregion
+export { U as default };