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

package/dist/interface/ha/Plugins-C2fONspm.js

@@ -0,0 +1,692 @@
+import { c as e } from "./ripple-ZDATPc2w.js";
+import { B as t, Dt as n, F as r, G as i, H as a, Jt as o, _t as s, d as c, f as l, gt as ee, kt as u, l as d, lt as f, ot as p, p as m, q as h, qt as g, r as _, rt as v, u as y, ut as b, v as te, x, xt as S, y as C } from "./runtime-core.esm-bundler-_TfE0DWz.js";
+import { t as w } from "./tooltip-Z7VN-E1u.js";
+import { t as ne } from "./message-D6dIy_hz.js";
+import { $r as T, B as re, En as ie, Er as ae, Gr as oe, Hr as se, J as ce, Mr as le, Or as ue, Tr as de, Ur as fe, V as pe, W as me, bi as he, br as E, ca as ge, ht as _e, ri as D, ur as O, z as k } from "./api-BmYisoxj.js";
+import { i as ve } from "./intercomService-B7HkLs6z.js";
+import { r as ye } from "./pinia-C6gt7A_Q.js";
+import { n as be } from "./vue-i18n-D5EAy78K.js";
+import { n as A, t as xe } from "./button-BouAFgf5.js";
+import { n as Se, t as Ce } from "./inputicon-1w06U-Jl.js";
+import { t as we } from "./inputtext-C_ygnPrC.js";
+import { t as Te } from "./checkbox-CAKzZcqk.js";
+import { t as Ee } from "./close-CxFbonhd.js";
+import { i as De, t as Oe } from "./CuiDataTable-C_ndu5My.js";
+import { a as ke, i as j, l as Ae, n as je, r as Me, t as M } from "./plugins-BwwaWxye.js";
+import { t as Ne } from "./search-BViwEHdF.js";
+import { t as N } from "./PluginSearch-BTKBnjxb.js";
+import { a as Pe, c as P, i as Fe, n as Ie, o as Le, r as Re, s as ze, t as Be } from "./CuiPluginCard-BLQ1galy.js";
+import { t as Ve } from "./config-IG56wp6m.js";
+import { t as He } from "./dots-vertical-B0dv1-jL.js";
+import { t as Ue } from "./back-filled-CaxrZv0Q.js";
+import { t as We } from "./plus-CgxY7W0L.js";
+import { t as Ge } from "./settings-lWJfHaif.js";
+import { t as Ke } from "./useUpdatesSocket-B6ICpKKC.js";
+//#region src/components/CuiPluginCard/CuiPluginTableActions.vue?vue&type=script&setup=true&lang.ts
+var qe = { class: "flex items-center justify-end gap-1" }, Je = /* @__PURE__ */ x({
+	__name: "CuiPluginTableActions",
+	props: { plugin: {} },
+	setup(e) {
+		let { plugin: t } = n(e), { pluginUpdate: r, queued: i, updating: o, isLoading: s, items: ee, openDialog: d, handleInlineUpdate: p } = Ie(t), h = v("menuRef");
+		return (e, t) => {
+			let n = E, g = xe, _ = D, v = He, y = w;
+			return a(), m("div", qe, [
+				u(r)?.updateAvailable || u(o) ? b((a(), c(g, {
+					key: 0,
+					text: "",
+					rounded: "",
+					class: "cui-icon-md",
+					onClick: u(p)
+				}, {
+					icon: f(() => [u(o) ? (a(), c(n, {
+						key: 0,
+						class: "w-4! h-4! m-0",
+						"stroke-width": "6"
+					})) : (a(), c(u(T), {
+						key: 1,
+						width: "100%",
+						height: "100%"
+					}))]),
+					_: 1
+				}, 8, ["onClick"])), [[
+					y,
+					{ value: u(o) ? e.$t(u(i) ? "components.plugin_card.update_queued" : "components.plugin_card.update_running") : e.$t("components.plugin_card.update_now", { version: u(r)?.latestVersion }) },
+					void 0,
+					{ top: !0 }
+				]]) : l("", !0),
+				b((a(), c(g, {
+					severity: "secondary",
+					text: "",
+					rounded: "",
+					class: "cui-icon-md",
+					onClick: t[0] ||= (e) => u(d)("console")
+				}, {
+					icon: f(() => [C(_, {
+						width: "100%",
+						height: "100%"
+					})]),
+					_: 1
+				})), [[
+					y,
+					{ value: e.$t("components.form.tooltip.console") },
+					void 0,
+					{ top: !0 }
+				]]),
+				C(g, {
+					severity: "secondary",
+					text: "",
+					rounded: "",
+					class: "cui-icon-md",
+					disabled: u(s),
+					onClick: u(h)?.toggleMenu
+				}, {
+					icon: f(() => [C(v, {
+						width: "100%",
+						height: "100%"
+					})]),
+					_: 1
+				}, 8, ["disabled", "onClick"]),
+				C(ie, {
+					ref_key: "menuRef",
+					ref: h,
+					items: u(ee),
+					popover: { pt: { content: { class: "p-0! rounded-xl! overflow-hidden!" } } }
+				}, null, 8, ["items"])
+			]);
+		};
+	}
+}), Ye = /* @__PURE__ */ x({
+	__name: "CuiPluginStatusBadge",
+	props: { pluginName: {} },
+	setup(e) {
+		let t = Re(e.pluginName);
+		return r(() => {
+			t.connect();
+		}), (e, n) => {
+			let r = A, i = w;
+			return b((a(), c(r, { style: g({ background: u(t).statusColor.value }) }, null, 8, ["style"])), [[
+				i,
+				{ value: e.$t(`components.plugin_card.status_${u(t).status.value}`) },
+				void 0,
+				{ top: !0 }
+			]]);
+		};
+	}
+}), F = {
+	viewBox: "0 0 24 24",
+	width: "1.2em",
+	height: "1.2em"
+};
+function I(e, t) {
+	return a(), m("svg", F, [...t[0] ||= [y("path", {
+		fill: "none",
+		stroke: "currentColor",
+		"stroke-width": "2",
+		d: "M4 9h16M9 4v16m-4 0h14a1 1 0 0 0 1-1V5a1 1 0 0 0-1-1H5a1 1 0 0 0-1 1v14a1 1 0 0 0 1 1Z"
+	}, null, -1)]]);
+}
+var Xe = s({
+	name: "mingcute-table-2-line",
+	render: I
+}), Ze = { class: "flex flex-col" }, Qe = {
+	key: 0,
+	class: "page-title"
+}, $e = { class: "flex gap-2 mb-4" }, et = {
+	key: 1,
+	class: "flex flex-1 min-h-0 flex-col items-center justify-center w-full gap-4"
+}, tt = { class: "text-muted text-sm" }, nt = { class: "flex items-center justify-center" }, rt = { class: "flex items-center gap-3 min-w-0" }, it = { class: "font-bold text-color text-sm truncate" }, at = { class: "text-xs text-muted truncate" }, ot = { class: "flex flex-col" }, st = { class: "text-sm" }, ct = {
+	key: 0,
+	class: "text-xs text-green-500"
+}, L = /* @__PURE__ */ x({
+	__name: "Plugins",
+	setup(n) {
+		let r = new M(), s = new Ve(), x = _e(), E = he(), { t: D } = be(), { smBreakpoint: A } = ue(), { width: Ie, height: Re } = le(), { startUpdate: He } = P(), qe = Ke(), F = se(), { uiSettings: I } = ye(F), { data: L, isBusy: lt } = r.getPluginsQuery({
+			page: 1,
+			pageSize: -1
+		}), { data: R } = s.getConfigQuery(!0), { mutateAsync: ut } = s.patchConfigQuery(), dt = v("menuRef"), z = S(""), B = S({}), V = S(!1), { selectionMode: H, selectedIds: U, selectedItems: W, allSelected: ft, bulkBusy: G, enterSelectionMode: pt, exitSelectionMode: K, toggleSelectAll: mt, toggleSelection: ht } = k(() => Y.value, (e) => e.pluginName), q = d(() => qe.status.value?.runActive === !0), gt = d(() => [{
+			key: "betaVersions",
+			label: D("views.plugins.beta_versions"),
+			description: D("views.plugins.beta_versions_hint"),
+			toggle: !0,
+			toggleState: R.value?.plugins?.betaVersions ?? !1,
+			onClick: kt
+		}, {
+			key: "allowBuildScripts",
+			label: D("views.plugins.allow_build_scripts"),
+			description: D("views.plugins.allow_build_scripts_hint"),
+			toggle: !0,
+			toggleState: R.value?.plugins?.allowBuildScripts ?? !1,
+			onClick: Ot
+		}]), _t = d(() => lt.value && !L.value), J = d(() => I.value.plugins.view), Y = d(() => {
+			let e = L.value?.result ?? [], t = z.value.toLowerCase().trim();
+			return t ? e.filter((e) => e.pluginName.toLowerCase().includes(t) || e.displayName?.toLowerCase().includes(t)) : e;
+		}), X = d(() => (L.value?.result ?? []).filter((e) => B.value[e.pluginName]?.updateAvailable)), vt = d(() => W.value.filter((e) => B.value[e.pluginName]?.updateAvailable)), yt = d(() => (A.value ? 1 : Math.max(1, Math.floor(Ie.value / 450))) * Math.max(1, Math.ceil(Re.value / (Le.HEIGHT + 8))));
+		function bt() {
+			I.value.plugins.view = J.value === "cards" ? "table" : "cards";
+		}
+		async function xt() {
+			let e = L.value?.result ?? [];
+			await Promise.all(e.map(async (e) => {
+				B.value[e.pluginName] = await r.queryClient.fetchQuery({
+					queryKey: [
+						"plugins",
+						e.pluginName,
+						"update"
+					],
+					queryFn: ({ signal: t }) => Ae({
+						pluginName: e.pluginName,
+						signal: t
+					}),
+					staleTime: 6e4
+				}).catch(() => void 0);
+			}));
+		}
+		async function Z() {
+			await r.queryClient.refetchQueries({ queryKey: ["pluginsList"] }), await r.queryClient.refetchQueries({ queryKey: ["plugins"] }), await xt();
+		}
+		async function St(e) {
+			let t = e.map((e) => ({
+				plugin: e,
+				version: B.value[e.pluginName]?.latestVersion
+			})).filter((e) => !!e.version);
+			if (!t.length) return {
+				done: 0,
+				failed: []
+			};
+			let n = j({ plugins: t.map((e) => ({
+				pluginname: e.plugin.pluginName,
+				pluginversion: e.version
+			})) }), r = [], i = 0;
+			return await Promise.all(t.map(async ({ plugin: e, version: t }) => {
+				await He(e.pluginName, t, async () => {
+					let t = (await n).failed.find((t) => t.id === e.pluginName);
+					if (t) throw Error(t.error);
+				}) ? i++ : r.push(e.displayName || e.pluginName);
+			})), {
+				done: i,
+				failed: r
+			};
+		}
+		async function Ct() {
+			if (V.value) return;
+			V.value = !0;
+			let e = 0, t = [];
+			try {
+				({done: e, failed: t} = await St([...X.value]));
+			} finally {
+				V.value = !1;
+			}
+			await Z(), t.length && E.add({
+				severity: "error",
+				summary: D("views.plugins.update_all_failed", { count: t.length }),
+				detail: t.join(", "),
+				life: 8e3
+			}), e && E.add({
+				severity: "success",
+				detail: D("views.plugins.update_all_done", { count: e }),
+				life: 5e3
+			});
+		}
+		function Q(e, t, n) {
+			t.length && E.add({
+				severity: "error",
+				summary: D("views.plugins.bulk_failed", { count: t.length }),
+				detail: t.join(", "),
+				life: 8e3
+			}), e && E.add({
+				severity: "success",
+				detail: D(n, { count: e }),
+				life: 5e3
+			});
+		}
+		function $(e, t) {
+			return e.filter((e) => t.some((t) => t.id === e.pluginName)).map((e) => e.displayName || e.pluginName);
+		}
+		async function wt() {
+			G.value = !0;
+			let e = 0, t = [];
+			try {
+				({done: e, failed: t} = await St([...vt.value]));
+			} finally {
+				G.value = !1;
+			}
+			await Z(), K(), Q(e, t, "views.plugins.update_all_done");
+		}
+		async function Tt() {
+			let e = [...W.value];
+			G.value = !0;
+			try {
+				let t = await Me({ pluginNames: e.map((e) => e.pluginName) });
+				await Z(), K(), Q(t.succeeded.length, $(e, t.failed), "views.plugins.enable_selected_done");
+			} catch (e) {
+				E.add({
+					severity: "error",
+					detail: e?.response?.data?.message ?? e?.message ?? String(e),
+					life: 5e3
+				});
+			} finally {
+				G.value = !1;
+			}
+		}
+		async function Et() {
+			let e = [...W.value];
+			G.value = !0;
+			try {
+				let t = await je({ pluginNames: e.map((e) => e.pluginName) });
+				await Z(), K(), Q(t.succeeded.length, $(e, t.failed), "views.plugins.disable_selected_done");
+			} catch (e) {
+				E.add({
+					severity: "error",
+					detail: e?.response?.data?.message ?? e?.message ?? String(e),
+					life: 5e3
+				});
+			} finally {
+				G.value = !1;
+			}
+		}
+		function Dt() {
+			let e = [...W.value];
+			x.openTextDialog({
+				data: {
+					title: D("components.dialog.title.confirm"),
+					contentText: D("views.plugins.uninstall_selected_confirm", { count: e.length }),
+					confirmText: D("components.form.button.uninstall"),
+					confirmButtonProps: { severity: "danger" }
+				},
+				onConfirm: async () => {
+					G.value = !0;
+					try {
+						let t = await ke({ pluginNames: e.map((e) => e.pluginName) });
+						await Z(), K(), Q(t.succeeded.length, $(e, t.failed), "views.plugins.uninstall_selected_done");
+					} catch (e) {
+						E.add({
+							severity: "error",
+							detail: e?.response?.data?.message ?? e?.message ?? String(e),
+							life: 5e3
+						});
+					} finally {
+						G.value = !1;
+					}
+				}
+			});
+		}
+		async function Ot() {
+			let e = R.value;
+			if (!e || typeof e == "string") return;
+			let t = {
+				...e,
+				plugins: {
+					...e.plugins,
+					allowBuildScripts: !e.plugins?.allowBuildScripts
+				}
+			};
+			await ut({ configData: JSON.stringify(t) });
+		}
+		async function kt() {
+			let e = R.value;
+			if (!e || typeof e == "string") return;
+			let t = {
+				...e,
+				plugins: {
+					...e.plugins,
+					betaVersions: !e.plugins?.betaVersions
+				}
+			};
+			await ut({ configData: JSON.stringify(t) });
+		}
+		function At() {
+			x.openComponentDialog(N, { data: {
+				title: D("components.dialog.title.search_plugin"),
+				contentProps: {},
+				hideConfirmButton: !0,
+				fullscreen: !0
+			} });
+		}
+		p(() => L.value?.result, (e) => {
+			e?.length && xt();
+		}, { immediate: !0 });
+		let jt = r.queryClient.getQueryCache().subscribe((e) => {
+			let [t, n, r] = e.query.queryKey;
+			if (t !== "plugins" || r !== "update" || typeof n != "string") return;
+			let i = e.query.state.data;
+			i && (B.value[n] = i);
+		});
+		return t(jt), (t, n) => {
+			let r = ne, s = Ue, d = xe, p = ce, v = Ne, x = Ce, S = we, se = Se, le = Ge, ue = ie, he = ge, E = fe, _e = Te, k = De, ye = Ye, be = ze, ke = h("RouterLink"), j = Je, Ae = Oe, je = ve, Me = Be, M = de, N = ae, P = w;
+			return a(), m("div", Ze, [
+				u(A) ? l("", !0) : (a(), m("h1", Qe, o(t.$t(`views.${String(t.$route.name).toLowerCase()}.title`)), 1)),
+				u(q) ? (a(), c(r, {
+					key: 1,
+					severity: "warn",
+					class: "mb-4",
+					closable: !1
+				}, {
+					default: f(() => [te(o(u(D)("views.plugins.updates_run_active")), 1)]),
+					_: 1
+				})) : l("", !0),
+				C(p, { position: "left" }, {
+					default: f(() => [C(d, {
+						severity: "secondary",
+						text: "",
+						class: "cui-button p-2 text-color non-draggable-region",
+						onClick: n[0] ||= (e) => t.$router.push("/menu")
+					}, {
+						icon: f(() => [C(s, { class: "w-6 h-6" })]),
+						_: 1
+					})]),
+					_: 1
+				}),
+				y("div", $e, [C(se, { class: "flex-1" }, {
+					default: f(() => [C(x, null, {
+						default: f(() => [C(v, { class: "w-4 h-4" })]),
+						_: 1
+					}), C(S, {
+						modelValue: u(z),
+						"onUpdate:modelValue": n[1] ||= (e) => ee(z) ? z.value = e : null,
+						placeholder: u(D)("views.plugins.search"),
+						class: "w-full"
+					}, null, 8, ["modelValue", "placeholder"])]),
+					_: 1
+				}), ("hasPermission" in t ? t.hasPermission : u(O))(void 0, "admin") ? (a(), m(_, { key: 0 }, [
+					b((a(), c(d, {
+						severity: "secondary",
+						outlined: "",
+						class: "cui-button shrink-0",
+						onClick: n[2] ||= (e) => u(dt)?.toggleMenu(e)
+					}, {
+						icon: f(() => [C(le, { class: "w-4.5 h-4.5" })]),
+						_: 1
+					})), [[
+						P,
+						{ value: u(D)("views.plugins.settings") },
+						void 0,
+						{ left: !0 }
+					]]),
+					u(X).length ? b((a(), c(d, {
+						key: 0,
+						class: "cui-button shrink-0 whitespace-nowrap",
+						loading: u(V),
+						disabled: u(q),
+						label: u(A) ? String(u(X).length) : u(D)("views.plugins.update_all", { count: u(X).length }),
+						onClick: Ct
+					}, {
+						icon: f(() => [C(u(T), { class: "w-4.5 h-4.5" })]),
+						_: 1
+					}, 8, [
+						"loading",
+						"disabled",
+						"label"
+					])), [[
+						P,
+						{ value: u(D)("views.plugins.update_all_hint") },
+						void 0,
+						{ left: !0 }
+					]]) : l("", !0),
+					C(ue, {
+						ref_key: "menuRef",
+						ref: dt,
+						items: u(gt),
+						"auto-hide": !1,
+						popover: { pt: {
+							root: { class: "w-[22rem]" },
+							content: { class: "p-0! rounded-xl! overflow-hidden!" }
+						} }
+					}, null, 8, ["items"])
+				], 64)) : l("", !0)]),
+				C(e, {
+					name: "fade-2",
+					mode: "out-in"
+				}, {
+					default: f(() => [u(_t) ? (a(), m("div", {
+						key: "loading",
+						class: "grid w-full gap-2",
+						style: g({ gridTemplateColumns: `repeat(auto-fill, minmax(${u(A) ? "100%" : "450px"}, 1fr))` })
+					}, [(a(!0), m(_, null, i(u(yt), (e) => (a(), c(he, {
+						key: e,
+						height: `${u(Le).HEIGHT}px`,
+						class: "cui-card"
+					}, null, 8, ["height"]))), 128))], 4)) : !u(Y).length || !("hasPermission" in t ? t.hasPermission : u(O))(void 0, "admin") ? (a(), m("div", et, [C(E, { class: "w-12 h-12 text-muted" }), y("span", tt, o(t.$t("views.plugins.no_plugins")), 1)])) : u(J) === "table" ? (a(), c(je, {
+						key: "table",
+						class: "cui-card h-auto! self-start"
+					}, {
+						content: f(() => [C(Ae, {
+							value: u(Y),
+							paginator: "",
+							"striped-rows": "",
+							class: "w-full"
+						}, {
+							default: f(() => [
+								u(H) ? (a(), c(k, {
+									key: 0,
+									header: "",
+									"header-class": "p-2 pl-4 w-8 max-w-8",
+									class: "p-2 pl-4 w-8 max-w-8"
+								}, {
+									body: f(({ data: e }) => [C(_e, {
+										"model-value": u(U).has(e.pluginName),
+										binary: "",
+										size: "small",
+										"onUpdate:modelValue": (t) => u(ht)(e.pluginName)
+									}, null, 8, ["model-value", "onUpdate:modelValue"])]),
+									_: 1
+								})) : l("", !0),
+								C(k, {
+									header: "",
+									"header-class": "p-2 pl-4 w-5 max-w-5",
+									class: "p-2 pl-4 w-5 max-w-5"
+								}, {
+									body: f(({ data: e }) => [y("div", nt, [C(ye, { "plugin-name": e.pluginName }, null, 8, ["plugin-name"])])]),
+									_: 1
+								}),
+								C(k, {
+									field: "displayName",
+									header: u(D)("views.plugins.plugin"),
+									"header-class": "p-2 min-w-48",
+									class: "p-2 min-w-48"
+								}, {
+									body: f(({ data: e }) => [C(ke, {
+										to: `/plugins/${e.pluginName}`,
+										class: "flex flex-col min-w-0"
+									}, {
+										default: f(() => [y("div", rt, [y("span", it, o(e.displayName || e.pluginName), 1), u(B)[e.pluginName]?.updateAvailable ? b((a(), c(be, {
+											key: 0,
+											class: "text-green-500 shrink-0"
+										}, null, 512)), [[P, { value: t.$t("components.form.tooltip.update_available") }]]) : l("", !0)]), y("span", at, o(e.pluginName), 1)]),
+										_: 2
+									}, 1032, ["to"])]),
+									_: 1
+								}, 8, ["header"]),
+								C(k, {
+									field: "installedVersion",
+									header: u(D)("views.plugins.version"),
+									"header-class": "p-2",
+									class: "p-2"
+								}, {
+									body: f(({ data: e }) => [y("div", ot, [y("span", st, "v" + o(e.installedVersion || e.latestVersion), 1), u(B)[e.pluginName]?.updateAvailable ? (a(), m("span", ct, "v" + o(u(B)[e.pluginName]?.latestVersion), 1)) : l("", !0)])]),
+									_: 1
+								}, 8, ["header"]),
+								C(k, {
+									"header-class": "p-2 w-32",
+									class: "p-2 w-32"
+								}, {
+									body: f(({ data: e }) => [C(j, { plugin: e }, null, 8, ["plugin"])]),
+									_: 1
+								})
+							]),
+							_: 1
+						}, 8, ["value"])]),
+						_: 1
+					})) : (a(), m("div", {
+						key: "content",
+						class: "grid w-full gap-2",
+						style: g({ gridTemplateColumns: `repeat(auto-fill, minmax(${u(A) ? "100%" : "450px"}, 1fr))` })
+					}, [(a(!0), m(_, null, i(u(Y), (e) => (a(), c(Me, {
+						key: e.pluginName,
+						plugin: e,
+						"selection-mode": u(H),
+						selected: u(U).has(e.pluginName),
+						onSelect: (t) => u(ht)(e.pluginName)
+					}, null, 8, [
+						"plugin",
+						"selection-mode",
+						"selected",
+						"onSelect"
+					]))), 128))], 4))]),
+					_: 1
+				}),
+				("hasPermission" in t ? t.hasPermission : u(O))(void 0, "admin") ? (a(), c(N, {
+					key: 2,
+					"force-visible": u(H)
+				}, {
+					default: f(() => [u(H) ? (a(), m(_, { key: 1 }, [
+						C(M, {
+							grouped: "",
+							"tooltip-props": { value: t.$t("components.form.tooltip.cancel_selection") },
+							"button-props": { severity: "secondary" },
+							icon: u(Ee),
+							"icon-props": {
+								width: "100%",
+								height: "100%"
+							},
+							onClick: u(K)
+						}, null, 8, [
+							"tooltip-props",
+							"icon",
+							"onClick"
+						]),
+						C(M, {
+							grouped: "",
+							"tooltip-props": { value: u(ft) ? t.$t("components.form.tooltip.deselect_all") : t.$t("components.form.tooltip.select_all") },
+							"button-props": { severity: u(ft) ? "primary" : "secondary" },
+							icon: u(me),
+							"icon-props": {
+								width: "100%",
+								height: "100%"
+							},
+							onClick: u(mt)
+						}, null, 8, [
+							"tooltip-props",
+							"button-props",
+							"icon",
+							"onClick"
+						]),
+						C(M, {
+							grouped: "",
+							"tooltip-props": { value: u(D)("views.plugins.update_selected") },
+							"button-props": {
+								severity: "secondary",
+								disabled: !u(vt).length || u(G) || u(q)
+							},
+							icon: u(T),
+							"icon-props": {
+								width: "100%",
+								height: "100%"
+							},
+							onClick: wt
+						}, null, 8, [
+							"tooltip-props",
+							"button-props",
+							"icon"
+						]),
+						C(M, {
+							grouped: "",
+							"tooltip-props": { value: u(D)("views.plugins.enable_selected") },
+							"button-props": {
+								severity: "secondary",
+								disabled: !u(U).size || u(G) || u(q)
+							},
+							icon: u(Fe),
+							"icon-props": {
+								width: "100%",
+								height: "100%"
+							},
+							onClick: Tt
+						}, null, 8, [
+							"tooltip-props",
+							"button-props",
+							"icon"
+						]),
+						C(M, {
+							grouped: "",
+							"tooltip-props": { value: u(D)("views.plugins.disable_selected") },
+							"button-props": {
+								severity: "secondary",
+								disabled: !u(U).size || u(G) || u(q)
+							},
+							icon: u(Pe),
+							"icon-props": {
+								width: "100%",
+								height: "100%"
+							},
+							onClick: Et
+						}, null, 8, [
+							"tooltip-props",
+							"button-props",
+							"icon"
+						]),
+						C(M, {
+							grouped: "",
+							"tooltip-props": { value: u(D)("views.plugins.uninstall_selected") },
+							"button-props": {
+								severity: "danger",
+								disabled: !u(U).size || u(G) || u(q)
+							},
+							icon: u(pe),
+							"icon-props": {
+								width: "100%",
+								height: "100%"
+							},
+							onClick: Dt
+						}, null, 8, [
+							"tooltip-props",
+							"button-props",
+							"icon"
+						])
+					], 64)) : (a(), m(_, { key: 0 }, [
+						u(Y).length ? (a(), c(M, {
+							key: 0,
+							grouped: "",
+							"tooltip-props": { value: u(D)("views.plugins.select") },
+							"button-props": { severity: "secondary" },
+							icon: u(re),
+							"icon-props": {
+								width: "100%",
+								height: "100%"
+							},
+							onClick: u(pt)
+						}, null, 8, [
+							"tooltip-props",
+							"icon",
+							"onClick"
+						])) : l("", !0),
+						C(M, {
+							grouped: "",
+							"tooltip-props": { value: u(J) === "cards" ? u(D)("views.plugins.view_table") : u(D)("views.plugins.view_cards") },
+							"button-props": { severity: "secondary" },
+							icon: u(J) === "cards" ? u(Xe) : u(oe),
+							"icon-props": {
+								width: "100%",
+								height: "100%"
+							},
+							onClick: bt
+						}, null, 8, ["tooltip-props", "icon"]),
+						C(M, {
+							grouped: "",
+							"tooltip-props": { value: t.$t("views.plugins.search_plugins") },
+							"button-props": { class: "text-white" },
+							icon: u(We),
+							"icon-props": {
+								width: "30px",
+								height: "30px"
+							},
+							onClick: At
+						}, null, 8, ["tooltip-props", "icon"])
+					], 64))]),
+					_: 1
+				}, 8, ["force-visible"])) : l("", !0)
+			]);
+		};
+	}
+});
+//#endregion
+export { L as default };