@camera.ui/server 2.2.1 → 2.2.3

package/dist/interface/ha/{CuiPluginCard-CaJWPBXm.js → CuiPluginCard-B3vU57eD.js}

@@ -1,17 +1,17 @@
 import { Dt as e, F as t, H as n, Jt as r, Wt as i, _ as a, _t as o, d as s, f as c, ft as l, kt as u, l as d, lt as f, ot as p, p as m, q as h, qt as g, rt as _, u as v, ut as y, v as ee, x as b, xt as x, y as S, yt as C } from "./runtime-core.esm-bundler-DCktklpY.js";
 import { t as te } from "./tooltip-X5MY9FoG.js";
-import { Dr as ne, Fn as w, Jr as re, Ln as T, Or as E, bi as D, br as O, ft as ie, ii as ae, ki as oe, kr as k, li as se, pi as A, pt as j } from "./api-C0pVlzsW.js";
+import { $r as ne, En as re, Jr as ie, On as ae, br as w, dr as oe, gt as T, ht as E, ri as D, ui as O, vr as k, yi as se, yr as A, zr as j } from "./api-BI6_Fcag.js";
 import { M } from "./protocol-BB4jdtUC-BcZnYd-h.js";
 import { i as N } from "./intercomService-Dwd0bhSN.js";
-import { q as P } from "./pinia-Dk3LfWcE.js";
+import { V as P } from "./pinia-DoDLbPZ3.js";
 import { n as F } from "./vue-i18n-BBObX4QY.js";
-import { pt as I, ut as L } from "./dist-aGnBxAoZ.js";
+import { O as I, T as L } from "./dist-BTp4AyuI.js";
 import { n as ce, t as le } from "./button-DJDZxmKj.js";
-import { t as R } from "./plugins-XTsvVLj3.js";
-import { t as z } from "./useLogsSocket-Du83S3Wz.js";
-import { t as ue } from "./CuiPluginOAuthButton--RbsaIiq.js";
+import { t as R } from "./plugins-2jjU7TfW.js";
+import { t as z } from "./useLogsSocket-BZq9GXfy.js";
+import { t as ue } from "./CuiPluginOAuthButton-DgOFfP5e.js";
 import { t as B } from "./trash-fill-B__41VdN.js";
-import { t as de } from "./useUpdatesSocket-DI15Udke.js";
+import { t as de } from "./useUpdatesSocket-BnVaNioY.js";
 //#region src/composables/usePluginUpdates.ts
 var V = 2e3, H = C({});
 function U() {
@@ -144,7 +144,7 @@ var ye = o({
 			})
 		], -1)]], 8, be));
 	}
-}), Se = ["fill"], Ce = /*#__PURE__*/ E(/* @__PURE__ */ b({
+}), Se = ["fill"], Ce = /*#__PURE__*/ A(/* @__PURE__ */ b({
 	__name: "CuiGoIcon",
 	props: { color: { default: "currentColor" } },
 	setup(t) {
@@ -287,7 +287,7 @@ async function Ue() {
 }
 function We() {
 	return Q || (Be = l(!0), Be.run(() => {
-		let e = D("/plugins");
+		let e = O("/plugins");
 		Q = e, e.on("manage-queue", (e) => {
 			Z.value = e;
 		}), e.onReady(() => {
@@ -333,20 +333,20 @@ function Ke(e) {
 }
 //#endregion
 //#region src/components/CuiPluginCard/usePluginActions.ts
-var qe = j(() => import("./PluginConsole-Cpd8sx5a.js")), Je = j(() => import("./PluginUpdateProgress-Izcgxa6-.js")), Ye = j(() => import("./VersionsHandler-CjzF5jII.js"));
+var qe = T(() => import("./PluginConsole-Dx84BNoO.js")), Je = T(() => import("./PluginUpdateProgress-CfyI2Qdp.js")), Ye = T(() => import("./VersionsHandler-CXvbeKbl.js"));
 function Xe(e) {
-	let n = new R(), r = re(), i = ie(), a = oe(), { t: o } = F(), s = Ke(e.value.pluginName), { isUpdating: c, runOf: l, startUpdate: f } = U(), m = de(), { data: h } = n.getPluginUpdateQuery(e.value.pluginName), { mutateAsync: g } = n.installPluginQuery(), { mutate: _, isPending: v } = n.enablePluginQuery(), { mutate: y, isPending: ee } = n.disablePluginQuery(), { mutate: b, isPending: S } = n.startPluginQuery(), { mutate: C, isPending: te } = n.stopPluginQuery(), { mutate: ne, isPending: w } = n.restartPluginQuery(), T = x(!e.value.disabled), E = d(() => m.status.value?.runActive === !0), D = d(() => s.manageEntry.value?.status === "queued"), O = d(() => {
+	let n = new R(), r = j(), i = E(), a = se(), { t: o } = F(), s = Ke(e.value.pluginName), { isUpdating: c, runOf: l, startUpdate: f } = U(), m = de(), { data: h } = n.getPluginUpdateQuery(e.value.pluginName), { mutateAsync: g } = n.installPluginQuery(), { mutate: _, isPending: v } = n.enablePluginQuery(), { mutate: y, isPending: ee } = n.disablePluginQuery(), { mutate: b, isPending: S } = n.startPluginQuery(), { mutate: C, isPending: te } = n.stopPluginQuery(), { mutate: re, isPending: ae } = n.restartPluginQuery(), w = x(!e.value.disabled), oe = d(() => m.status.value?.runActive === !0), T = d(() => s.manageEntry.value?.status === "queued"), D = d(() => {
 		if (c(e.value.pluginName)) return !0;
 		let t = s.manageEntry.value;
 		return t?.action === "install" || t?.action === "update";
-	}), k = d(() => E.value || v.value || ee.value || w.value || S.value || te.value || O.value || !!s.manageEntry.value), A = d(() => s.status.value === P.STOPPED || s.status.value === P.DISABLED || s.status.value === P.ERROR || s.status.value === P.UNKNOWN || s.status.value === P.UPDATE_REQUIRED || s.status.value === P.SERVER_UPDATE_REQUIRED), j = d(() => {
+	}), O = d(() => oe.value || v.value || ee.value || ae.value || S.value || te.value || D.value || !!s.manageEntry.value), k = d(() => s.status.value === P.STOPPED || s.status.value === P.DISABLED || s.status.value === P.ERROR || s.status.value === P.UNKNOWN || s.status.value === P.UPDATE_REQUIRED || s.status.value === P.SERVER_UPDATE_REQUIRED), A = d(() => {
 		let t = [
 			{
 				label: o("components.plugin_card.update"),
-				icon: se,
+				icon: ne,
 				hide: !h.value?.updateAvailable,
 				buttonProps: {
-					disabled: k.value,
+					disabled: O.value,
 					severity: "primary"
 				},
 				iconProps: { class: "text-primary" },
@@ -357,32 +357,32 @@ function Xe(e) {
 			},
 			{
 				label: o("components.plugin_card.settings"),
-				icon: ae,
+				icon: ie,
 				to: `/plugins/${e.value.pluginName}`
 			},
 			{
 				label: o("components.plugin_card.select_version"),
 				icon: Re,
 				hide: e.value.private,
-				buttonProps: { disabled: k.value },
+				buttonProps: { disabled: O.value },
 				onClick: () => {
 					L("versions");
 				}
 			},
 			{
-				label: A.value ? o("components.plugin_card.start") : o("components.plugin_card.stop"),
-				icon: A.value ? Fe : Me,
+				label: k.value ? o("components.plugin_card.start") : o("components.plugin_card.stop"),
+				icon: k.value ? Fe : Me,
 				hide: e.value.disabled,
-				buttonProps: { disabled: k.value },
+				buttonProps: { disabled: O.value },
 				onClick: () => {
-					A.value ? b({ pluginName: e.value.pluginName }) : C({ pluginName: e.value.pluginName });
+					k.value ? b({ pluginName: e.value.pluginName }) : C({ pluginName: e.value.pluginName });
 				}
 			},
 			{
 				label: o("components.plugin_card.restart"),
 				icon: Oe,
-				hide: A.value,
-				buttonProps: { disabled: k.value },
+				hide: k.value,
+				buttonProps: { disabled: O.value },
 				onClick: () => {
 					L("restart");
 				}
@@ -393,7 +393,7 @@ function Xe(e) {
 				iconProps: { class: "text-red-500" },
 				labelProps: { class: "text-red-500" },
 				buttonProps: {
-					disabled: k.value,
+					disabled: O.value,
 					severity: "danger"
 				},
 				onClick: () => {
@@ -433,19 +433,19 @@ function Xe(e) {
 		} });
 	}
 	function I() {
-		T.value ? y({ pluginName: e.value.pluginName }, {
+		w.value ? y({ pluginName: e.value.pluginName }, {
 			onError: () => {
-				T.value = !0;
+				w.value = !0;
 			},
 			onSuccess: () => {
-				T.value = !1;
+				w.value = !1;
 			}
 		}) : _({ pluginName: e.value.pluginName }, {
 			onError: () => {
-				T.value = !1;
+				w.value = !1;
 			},
 			onSuccess: () => {
-				T.value = !0;
+				w.value = !0;
 			}
 		});
 	}
@@ -455,7 +455,7 @@ function Xe(e) {
 				i.openComponentDialog(qe, { data: {
 					title: o("components.dialog.title.log"),
 					confirmText: o("components.form.button.download"),
-					loading: k,
+					loading: O,
 					stayActive: !0,
 					contentProps: { plugin: u(e) },
 					dialogContentClass: "not-md:px-0 h-full md:h-[50vh]"
@@ -466,7 +466,7 @@ function Xe(e) {
 				i.openComponentDialog(Ye, { data: {
 					title: o("components.dialog.title.install_version"),
 					confirmText: o(t === "install" ? "components.form.button.restart" : "components.form.button.install"),
-					loading: k,
+					loading: O,
 					contentProps: {
 						target: u(e),
 						installVersion: t === "install" ? h.value?.latestVersion : void 0
@@ -481,7 +481,7 @@ function Xe(e) {
 						confirmText: o("components.form.button.restart")
 					},
 					onConfirm: () => {
-						ne({ pluginName: e.value.pluginName });
+						re({ pluginName: e.value.pluginName });
 					}
 				});
 				break;
@@ -489,7 +489,7 @@ function Xe(e) {
 				title: o("components.dialog.title.confirm"),
 				confirmText: o("components.form.button.uninstall"),
 				confirmButtonProps: { severity: "danger" },
-				loading: k,
+				loading: O,
 				contentProps: {
 					target: u(e),
 					action: "uninstall"
@@ -498,18 +498,18 @@ function Xe(e) {
 		}
 	}
 	return p(s.status, (e) => {
-		(e === P.STARTING || e === P.READY || e === P.STARTED) && (T.value = !0);
+		(e === P.STARTING || e === P.READY || e === P.STARTED) && (w.value = !0);
 	}), t(() => {
 		s.connect();
 	}), {
 		pluginsSocket: s,
 		pluginUpdate: h,
-		state: T,
-		queued: D,
-		updating: O,
-		isLoading: k,
-		isPluginStopped: A,
-		items: j,
+		state: w,
+		queued: T,
+		updating: D,
+		isLoading: O,
+		isPluginStopped: k,
+		items: A,
 		togglePlugin: I,
 		openDialog: L,
 		handleInlineUpdate: M,
@@ -518,7 +518,7 @@ function Xe(e) {
 }
 //#endregion
 //#region src/components/CuiPluginCard/CuiPluginCard.vue?vue&type=script&setup=true&lang.ts
-var Ze = { class: "flex flex-col h-full" }, Qe = { class: "flex items-center w-full gap-4" }, $e = { class: "w-16 h-16 relative rounded-full flex-shrink-0 border-2 border-color" }, et = { class: "flex gap-1 items-center min-w-0 w-full" }, tt = { class: "text-xl font-semibold truncate" }, nt = { class: "text-xs text-muted truncate max-w-full" }, rt = { class: "text-sm text-muted my-4 line-clamp-2" }, it = { class: "flex items-center space-x-1" }, at = { class: "relative w-6 h-6" }, ot = /*#__PURE__*/ E(/* @__PURE__ */ b({
+var Ze = { class: "flex flex-col h-full" }, Qe = { class: "flex items-center w-full gap-4" }, $e = { class: "w-16 h-16 relative rounded-full flex-shrink-0 border-2 border-color" }, et = { class: "flex gap-1 items-center min-w-0 w-full" }, tt = { class: "text-xl font-semibold truncate" }, nt = { class: "text-xs text-muted truncate max-w-full" }, rt = { class: "text-sm text-muted my-4 line-clamp-2" }, it = { class: "flex items-center space-x-1" }, at = { class: "relative w-6 h-6" }, ot = /*#__PURE__*/ A(/* @__PURE__ */ b({
 	__name: "CuiPluginCard",
 	props: {
 		plugin: {},
@@ -527,7 +527,7 @@ var Ze = { class: "flex flex-col h-full" }, Qe = { class: "flex items-center w-f
 	},
 	emits: ["select"],
 	setup(t) {
-		let a = new R(), o = t, { t: l } = F(), { plugin: p } = e(o), { pluginsSocket: b, pluginUpdate: x, state: C, queued: re, updating: E, isLoading: D, items: ie, togglePlugin: oe, openDialog: j, handleInlineUpdate: M } = Xe(p), { data: P } = a.getPluginLogoQuery(p.value.pluginName), z = _("menuRef"), B = p.value.contract && L(p.value.contract, I.NVR), de = p.value.contract && L(p.value.contract, I.OAuthCapable), V = d(() => {
+		let a = new R(), o = t, { t: l } = F(), { plugin: p } = e(o), { pluginsSocket: b, pluginUpdate: x, state: C, queued: T, updating: E, isLoading: O, items: se, togglePlugin: A, openDialog: j, handleInlineUpdate: M } = Xe(p), { data: P } = a.getPluginLogoQuery(p.value.pluginName), z = _("menuRef"), B = p.value.contract && L(p.value.contract, I.NVR), de = p.value.contract && L(p.value.contract, I.OAuthCapable), V = d(() => {
 			let e = [];
 			if (!p.value.compatible) {
 				let t = [];
@@ -544,7 +544,7 @@ var Ze = { class: "flex flex-col h-full" }, Qe = { class: "flex items-center w-f
 			return p.value.protocolCompat === "pluginTooOld" ? e.push(l("components.plugin_card.compat_protocol_plugin")) : p.value.protocolCompat === "serverTooOld" && e.push(l("components.plugin_card.compat_protocol_server")), e;
 		});
 		return (e, a) => {
-			let o = O, l = Te, d = Ce, _ = xe, F = ce, I = ne, L = ye, R = he, H = h("RouterLink"), U = T, fe = pe, W = le, me = k, G = A, ge = ae, _e = N, K = te;
+			let o = oe, l = Te, d = Ce, _ = xe, F = ce, I = k, L = ye, R = he, H = h("RouterLink"), U = ae, fe = pe, W = le, me = w, G = D, ge = ie, _e = N, K = te;
 			return n(), m("div", {
 				class: "relative",
 				style: g({ height: `${u(ke).HEIGHT}px` })
@@ -605,8 +605,8 @@ var Ze = { class: "flex flex-col h-full" }, Qe = { class: "flex items-center w-f
 							"model-value": u(C),
 							class: "ml-auto flex-shrink-0",
 							"pt:handle:class": "bg-white",
-							disabled: u(D),
-							onChange: u(oe)
+							disabled: u(O),
+							onChange: u(A)
 						}, null, 8, [
 							"model-value",
 							"disabled",
@@ -634,7 +634,7 @@ var Ze = { class: "flex flex-col h-full" }, Qe = { class: "flex items-center w-f
 							text: "",
 							rounded: "",
 							class: "cui-icon-md",
-							disabled: u(D),
+							disabled: u(O),
 							onClick: a[2] ||= (e) => u(j)("restart")
 						}, {
 							icon: f(() => [S(u(Oe), {
@@ -659,7 +659,7 @@ var Ze = { class: "flex flex-col h-full" }, Qe = { class: "flex items-center w-f
 								key: 0,
 								class: "w-4! h-4! m-0",
 								"stroke-width": "6"
-							})) : (n(), s(u(se), {
+							})) : (n(), s(u(ne), {
 								key: 1,
 								width: "100%",
 								height: "100%"
@@ -667,7 +667,7 @@ var Ze = { class: "flex flex-col h-full" }, Qe = { class: "flex items-center w-f
 							_: 1
 						}, 8, ["onClick"])), [[
 							K,
-							{ value: u(E) ? e.$t(u(re) ? "components.plugin_card.update_queued" : "components.plugin_card.update_running") : e.$t("components.plugin_card.update_now", { version: u(x)?.latestVersion }) },
+							{ value: u(E) ? e.$t(u(T) ? "components.plugin_card.update_queued" : "components.plugin_card.update_running") : e.$t("components.plugin_card.update_now", { version: u(x)?.latestVersion }) },
 							void 0,
 							{ top: !0 }
 						]]) : c("", !0),
@@ -728,7 +728,7 @@ var Ze = { class: "flex flex-col h-full" }, Qe = { class: "flex items-center w-f
 							text: "",
 							rounded: "",
 							class: "cui-icon-md",
-							disabled: u(D),
+							disabled: u(O),
 							onClick: u(z)?.toggleMenu
 						}, {
 							icon: f(() => [v("div", at, [
@@ -755,10 +755,10 @@ var Ze = { class: "flex flex-col h-full" }, Qe = { class: "flex items-center w-f
 					])]),
 					_: 1
 				}),
-				S(w, {
+				S(re, {
 					ref_key: "menuRef",
 					ref: z,
-					items: u(ie),
+					items: u(se),
 					popover: { pt: { content: { class: "p-0! rounded-xl! overflow-hidden!" } } }
 				}, null, 8, ["items"])
 			], 4);

package/dist/interface/ha/{CuiPluginOAuthButton--RbsaIiq.js → CuiPluginOAuthButton-DgOFfP5e.js}

@@ -1,9 +1,9 @@
 import { H as e, d as t, kt as n, l as r, lt as i, ut as a, x as o } from "./runtime-core.esm-bundler-DCktklpY.js";
 import { t as s } from "./tooltip-X5MY9FoG.js";
-import { R as c, Yr as l, ft as u, kr as d, pt as f } from "./api-C0pVlzsW.js";
+import { Br as c, R as l, br as u, gt as d, ht as f } from "./api-BI6_Fcag.js";
 import { n as p } from "./vue-i18n-BBObX4QY.js";
-import { k as m } from "./dist-aGnBxAoZ.js";
-import { t as h } from "./button-DJDZxmKj.js";
+import { t as m } from "./button-DJDZxmKj.js";
+import { k as h } from "./dist-BV3OfApt.js";
 import { n as g, t as _ } from "./cloud-check-gKe6M70h.js";
 //#endregion
 //#region src/components/CuiPluginCard/CuiPluginOAuthButton.vue
@@ -14,7 +14,7 @@ var v = /* @__PURE__ */ o({
 		routeTo: {}
 	},
 	setup(o) {
-		let v = f(() => import("./OAuthDeviceFlow-kYPoT4p2.js")), y = o, b = u(), x = l(), { t: S } = p(), { state: C } = m(y.pluginName), w = r(() => {
+		let v = d(() => import("./OAuthDeviceFlow-CXp9NvbY.js")), y = o, b = f(), x = c(), { t: S } = p(), { state: C } = h(y.pluginName), w = r(() => {
 			switch (C.value.status) {
 				case "connected": return S("components.oauth.tooltip_connected", { email: C.value.userEmail || "—" });
 				case "awaiting_user":
@@ -38,20 +38,20 @@ var v = /* @__PURE__ */ o({
 			} });
 		}
 		return (r, o) => {
-			let l = _, u = d, f = g, p = c, m = h, v = s;
-			return a((e(), t(m, {
+			let c = _, d = u, f = g, p = l, h = m, v = s;
+			return a((e(), t(h, {
 				severity: "secondary",
 				text: "",
 				rounded: "",
 				class: "cui-icon-md",
 				onClick: T
 			}, {
-				icon: i(() => [n(C).status === "connected" ? (e(), t(l, {
+				icon: i(() => [n(C).status === "connected" ? (e(), t(c, {
 					key: 0,
 					class: "text-green-500",
 					width: "100%",
 					height: "100%"
-				})) : n(C).status === "awaiting_user" || n(C).status === "polling" ? (e(), t(u, {
+				})) : n(C).status === "awaiting_user" || n(C).status === "polling" ? (e(), t(d, {
 					key: 1,
 					class: "w-5 h-5 m-0",
 					"stroke-width": "6"

package/dist/interface/ha/{CuiPluginTrustBadge-G79t87hq.js → CuiPluginTrustBadge-udmtgGHt.js}

@@ -1,6 +1,6 @@
 import { H as e, Jt as t, Wt as n, Y as r, _t as i, d as a, f as o, kt as s, l as c, p as l, u, ut as d, x as f } from "./runtime-core.esm-bundler-DCktklpY.js";
 import { t as p } from "./tooltip-X5MY9FoG.js";
-import { Or as m, ti as h } from "./api-C0pVlzsW.js";
+import { Kr as m, yr as h } from "./api-BI6_Fcag.js";
 //#region ~icons/mdi/puzzle
 var g = {
 	viewBox: "0 0 24 24",
@@ -80,7 +80,7 @@ var A = i({
 		class: "cui-trust-official"
 	},
 	verified: {
-		icon: h,
+		icon: m,
 		labelKey: "components.plugin_search.trust_verified",
 		descriptionKey: "components.plugin_search.trust_verified_description",
 		class: "cui-trust-verified"
@@ -94,7 +94,7 @@ var A = i({
 }, M = {
 	key: 0,
 	class: "cui-trust-badge-label"
-}, N = /*#__PURE__*/ m(/* @__PURE__ */ f({
+}, N = /*#__PURE__*/ h(/* @__PURE__ */ f({
 	__name: "CuiPluginTrustBadge",
 	props: {
 		trust: {},

package/dist/interface/ha/{CuiQRCode-C0o0cS3C.js → CuiQRCode-8yDZMC3o.js}

@@ -1,15 +1,15 @@
 import { o as e } from "./rolldown-runtime-CEFd7nDs.js";
 import { c as t } from "./ripple-B_itunQV.js";
 import { H as n, N as r, Wt as i, f as a, kt as o, l as s, lt as c, ot as l, p as u, rt as d, u as f, x as p, xt as m, y as h, z as g } from "./runtime-core.esm-bundler-DCktklpY.js";
-import { Or as _, Zi as v, kr as y } from "./api-C0pVlzsW.js";
+import { Vi as _, br as v, yr as y } from "./api-BI6_Fcag.js";
 import { o as b } from "./intercomService-Dwd0bhSN.js";
 import { t as x } from "./browser-CoHG3-nU.js";
-import { p as S } from "./cards-Cn0baEOx.js";
+import { p as S } from "./cards-BW9I5B5Z.js";
 //#region src/components/CuiQRCode/CuiQRCode.vue?vue&type=script&setup=true&lang.ts
 var C = /* @__PURE__ */ e(x(), 1), w = { class: "cui-qrcode" }, T = {
 	key: 0,
 	class: "qrcode-loading"
-}, E = /*#__PURE__*/ _(/* @__PURE__ */ p({
+}, E = /*#__PURE__*/ y(/* @__PURE__ */ p({
 	__name: "CuiQRCode",
 	props: {
 		value: {},
@@ -18,7 +18,7 @@ var C = /* @__PURE__ */ e(x(), 1), w = { class: "cui-qrcode" }, T = {
 		margin: { default: 2 }
 	},
 	setup(e) {
-		let p = e, _ = b(), x = S(), E = d("canvasRef"), D = m(!0), O = m(null), k = s(() => x.theme === "dark"), A = s(() => ({
+		let p = e, y = b(), x = S(), E = d("canvasRef"), D = m(!0), O = m(null), k = s(() => x.theme === "dark"), A = s(() => ({
 			dark: k.value ? "#ffffff" : "#171717",
 			light: k.value ? "#171717" : "#ffffff"
 		}));
@@ -31,7 +31,7 @@ var C = /* @__PURE__ */ e(x(), 1), w = { class: "cui-qrcode" }, T = {
 				let n = new Image();
 				n.onload = () => {
 					O.value = n, e(n);
-				}, n.onerror = t, n.src = v;
+				}, n.onerror = t, n.src = _;
 			});
 		}
 		function M(e, t) {
@@ -52,7 +52,7 @@ var C = /* @__PURE__ */ e(x(), 1), w = { class: "cui-qrcode" }, T = {
 					})]);
 					M(E.value, e);
 				} catch (e) {
-					_.error("Failed to generate QR code:", e);
+					y.error("Failed to generate QR code:", e);
 				} finally {
 					D.value = !1;
 				}
@@ -67,7 +67,7 @@ var C = /* @__PURE__ */ e(x(), 1), w = { class: "cui-qrcode" }, T = {
 		}), g(() => {
 			p.value && N();
 		}), (e, r) => {
-			let s = y;
+			let s = v;
 			return n(), u("div", w, [f("canvas", {
 				ref_key: "canvasRef",
 				ref: E,