@templatical/editor 0.34.3 → 0.36.0

package/dist/{CloudPanels-BGz9ygo6.js → CloudPanels-Iwnky0iA.js}

@@ -1,98 +1,98 @@
-import { _ as e, c as t, d as n, g as r, j as i, k as a, kt as o, l as s, m as c, r as l, rt as u, u as d, v as f, z as p } from "./vue.runtime.esm-bundler-D9JUcKrV.js";
-import { c as m, t as h } from "./runtime-dom.esm-bundler-BuG03jBM.js";
-import { t as g } from "./useI18n-CL6RfPzK.js";
-import { t as _ } from "./circle-alert-CJDW5LZo.js";
-import { t as v } from "./triangle-alert-DxnFj4-B.js";
-import { n as y } from "./useCloudI18n-BKoiYsWZ.js";
+import { A as e, B as t, M as n, _ as r, at as i, c as a, d as o, g as s, jt as c, l, m as u, r as d, u as f, v as p } from "./vue.runtime.esm-bundler-DShF3P6k.js";
+import { c as m, t as h } from "./runtime-dom.esm-bundler-PnoZU512.js";
+import { t as g } from "./useI18n-BbdxxpOE.js";
+import { t as _ } from "./circle-alert-CjzUTwy3.js";
+import { t as v } from "./triangle-alert-C6tGa6jw.js";
+import { n as y } from "./useCloudI18n-BLyh_e2T.js";
 //#region src/cloud/components/CloudErrorOverlay.vue?vue&type=script&setup=true&lang.ts
 var b = {
 	key: 0,
 	role: "alert",
 	class: "tpl-error tpl:absolute tpl:inset-0 tpl:z-[100] tpl:flex tpl:flex-col tpl:items-center tpl:justify-center tpl:gap-6 tpl:px-8 tpl:bg-[var(--tpl-bg)]"
-}, x = { class: "tpl:flex tpl:size-16 tpl:items-center tpl:justify-center tpl:rounded-full tpl:bg-[var(--tpl-danger-light)]" }, S = { class: "tpl:flex tpl:flex-col tpl:items-center tpl:gap-2 tpl:text-center" }, C = { class: "tpl:text-lg tpl:font-semibold tpl:text-[var(--tpl-text)]" }, w = { class: "tpl:max-w-md tpl:text-sm tpl:text-[var(--tpl-text-muted)]" }, T = /* @__PURE__ */ f({
+}, x = { class: "tpl:flex tpl:size-16 tpl:items-center tpl:justify-center tpl:rounded-full tpl:bg-[var(--tpl-danger-light)]" }, S = { class: "tpl:flex tpl:flex-col tpl:items-center tpl:gap-2 tpl:text-center" }, C = { class: "tpl:text-lg tpl:font-semibold tpl:text-[var(--tpl-text)]" }, w = { class: "tpl:max-w-md tpl:text-sm tpl:text-[var(--tpl-text-muted)]" }, T = /* @__PURE__ */ p({
 	__name: "CloudErrorOverlay",
 	props: {
 		error: {},
 		visible: { type: Boolean }
 	},
 	emits: ["retry"],
-	setup(e, { emit: i }) {
-		let s = i, { t: c } = y();
-		function l(e) {
-			return "isUnauthorized" in e && e.isUnauthorized ? c.error.authFailed : "isNotFound" in e && e.isNotFound ? c.error.templateNotFound : c.error.defaultMessage;
+	setup(t, { emit: n }) {
+		let r = n, { t: l } = y();
+		function u(e) {
+			return "isUnauthorized" in e && e.isUnauthorized ? l.error.authFailed : "isNotFound" in e && e.isNotFound ? l.error.templateNotFound : l.error.defaultMessage;
 		}
-		function f(e) {
+		function d(e) {
 			return "isNotFound" in e && !!e.isNotFound;
 		}
-		return (i, p) => e.visible && e.error ? (a(), n("div", b, [
-			t("div", x, [r(u(_), {
+		return (n, p) => t.visible && t.error ? (e(), o("div", b, [
+			a("div", x, [s(i(_), {
 				size: 32,
 				"stroke-width": 1.5,
 				class: "tpl:text-[var(--tpl-danger)]"
 			})]),
-			t("div", S, [t("h2", C, o(u(c).error.title), 1), t("p", w, o(l(e.error)), 1)]),
-			f(e.error) ? d("", !0) : (a(), n("button", {
+			a("div", S, [a("h2", C, c(i(l).error.title), 1), a("p", w, c(u(t.error)), 1)]),
+			d(t.error) ? f("", !0) : (e(), o("button", {
 				key: 0,
 				class: "tpl-btn tpl-btn-primary tpl:inline-flex tpl:items-center tpl:gap-2 tpl:rounded-md tpl:px-4 tpl:py-2.5 tpl:text-sm tpl:font-medium tpl:shadow-[var(--tpl-shadow-sm)] tpl:transition-all tpl:hover:opacity-90 tpl:bg-[var(--tpl-primary)] tpl:text-[var(--tpl-on-primary)]",
-				onClick: p[0] ||= (e) => s("retry")
-			}, o(u(c).error.retry), 1))
-		])) : d("", !0);
+				onClick: p[0] ||= (e) => r("retry")
+			}, c(i(l).error.retry), 1))
+		])) : f("", !0);
 	}
 }), E = {
 	key: 0,
 	class: "tpl-loading tpl:absolute tpl:inset-0 tpl:z-[100] tpl:flex tpl:flex-col tpl:bg-[var(--tpl-bg)]"
-}, D = { class: "tpl:flex tpl:flex-1 tpl:overflow-hidden" }, O = { class: "tpl:flex tpl:w-12 tpl:shrink-0 tpl:flex-col tpl:items-center tpl:gap-4 tpl:py-5 tpl:border-r tpl:border-[var(--tpl-border)]" }, k = /* @__PURE__ */ f({
+}, D = { class: "tpl:flex tpl:flex-1 tpl:overflow-hidden" }, O = { class: "tpl:flex tpl:w-12 tpl:shrink-0 tpl:flex-col tpl:items-center tpl:gap-4 tpl:py-5 tpl:border-r tpl:border-[var(--tpl-border)]" }, k = /* @__PURE__ */ p({
 	__name: "CloudLoadingOverlay",
 	props: { visible: { type: Boolean } },
-	setup(e) {
-		return (r, o) => e.visible ? (a(), n("div", E, [o[1] ||= c("<div class=\"tpl:flex tpl:h-14 tpl:shrink-0 tpl:items-center tpl:justify-between tpl:px-4 tpl:border-b tpl:border-[var(--tpl-border)]\"><div class=\"tpl-shimmer tpl:h-5 tpl:w-28 tpl:rounded-[var(--tpl-radius-sm)]\"></div><div class=\"tpl:flex tpl:gap-3\"><div class=\"tpl-shimmer tpl:h-8 tpl:w-20 tpl:rounded-[var(--tpl-radius-sm)]\"></div><div class=\"tpl-shimmer tpl:h-8 tpl:w-20 tpl:rounded-[var(--tpl-radius-sm)]\"></div></div></div>", 1), t("div", D, [t("div", O, [(a(), n(l, null, i(5, (e) => t("div", {
+	setup(t) {
+		return (r, i) => t.visible ? (e(), o("div", E, [i[1] ||= u("<div class=\"tpl:flex tpl:h-14 tpl:shrink-0 tpl:items-center tpl:justify-between tpl:px-4 tpl:border-b tpl:border-[var(--tpl-border)]\"><div class=\"tpl-shimmer tpl:h-5 tpl:w-28 tpl:rounded-[var(--tpl-radius-sm)]\"></div><div class=\"tpl:flex tpl:gap-3\"><div class=\"tpl-shimmer tpl:h-8 tpl:w-20 tpl:rounded-[var(--tpl-radius-sm)]\"></div><div class=\"tpl-shimmer tpl:h-8 tpl:w-20 tpl:rounded-[var(--tpl-radius-sm)]\"></div></div></div>", 1), a("div", D, [a("div", O, [(e(), o(d, null, n(5, (e) => a("div", {
 			key: e,
 			class: "tpl-shimmer tpl:size-7 tpl:rounded-[var(--tpl-radius-sm)]"
-		})), 64))]), o[0] ||= c("<div class=\"tpl:flex tpl:flex-1 tpl:items-start tpl:justify-center tpl:overflow-auto tpl:p-8 tpl:bg-[var(--tpl-canvas-bg)]\"><div class=\"tpl:w-full tpl:max-w-[600px] tpl:rounded-[var(--tpl-radius)] tpl:p-6 tpl:bg-[var(--tpl-bg)] tpl:shadow-[var(--tpl-shadow-sm)]\"><div class=\"tpl:space-y-2 tpl:py-4\"><div class=\"tpl-shimmer tpl:h-3 tpl:w-3/4 tpl:rounded\"></div><div class=\"tpl-shimmer tpl:h-3 tpl:w-full tpl:rounded\"></div><div class=\"tpl-shimmer tpl:h-3 tpl:w-5/6 tpl:rounded\"></div></div><div class=\"tpl:py-4\"><div class=\"tpl-shimmer tpl:h-44 tpl:w-full tpl:rounded-[var(--tpl-radius-sm)]\"></div></div><div class=\"tpl:space-y-2 tpl:py-4\"><div class=\"tpl-shimmer tpl:h-3 tpl:w-full tpl:rounded\"></div><div class=\"tpl-shimmer tpl:h-3 tpl:w-2/3 tpl:rounded\"></div></div><div class=\"tpl:flex tpl:justify-center tpl:py-4\"><div class=\"tpl-shimmer tpl:h-10 tpl:w-36 tpl:rounded-[var(--tpl-radius-sm)]\"></div></div><div class=\"tpl:space-y-2 tpl:py-4\"><div class=\"tpl-shimmer tpl:mx-auto tpl:h-2.5 tpl:w-1/2 tpl:rounded\"></div><div class=\"tpl-shimmer tpl:mx-auto tpl:h-2.5 tpl:w-1/3 tpl:rounded\"></div></div></div></div><div class=\"tpl:flex tpl:w-[320px] tpl:shrink-0 tpl:flex-col tpl:gap-4 tpl:p-4 tpl:border-l tpl:border-[var(--tpl-border)]\"><div class=\"tpl-shimmer tpl:h-8 tpl:rounded-[var(--tpl-radius-sm)]\"></div><div class=\"tpl-shimmer tpl:h-32 tpl:rounded-[var(--tpl-radius)]\"></div><div class=\"tpl-shimmer tpl:h-32 tpl:rounded-[var(--tpl-radius)]\"></div></div>", 2)])])) : d("", !0);
+		})), 64))]), i[0] ||= u("<div class=\"tpl:flex tpl:flex-1 tpl:items-start tpl:justify-center tpl:overflow-auto tpl:p-8 tpl:bg-[var(--tpl-canvas-bg)]\"><div class=\"tpl:w-full tpl:max-w-[600px] tpl:rounded-[var(--tpl-radius)] tpl:p-6 tpl:bg-[var(--tpl-bg)] tpl:shadow-[var(--tpl-shadow-sm)]\"><div class=\"tpl:space-y-2 tpl:py-4\"><div class=\"tpl-shimmer tpl:h-3 tpl:w-3/4 tpl:rounded\"></div><div class=\"tpl-shimmer tpl:h-3 tpl:w-full tpl:rounded\"></div><div class=\"tpl-shimmer tpl:h-3 tpl:w-5/6 tpl:rounded\"></div></div><div class=\"tpl:py-4\"><div class=\"tpl-shimmer tpl:h-44 tpl:w-full tpl:rounded-[var(--tpl-radius-sm)]\"></div></div><div class=\"tpl:space-y-2 tpl:py-4\"><div class=\"tpl-shimmer tpl:h-3 tpl:w-full tpl:rounded\"></div><div class=\"tpl-shimmer tpl:h-3 tpl:w-2/3 tpl:rounded\"></div></div><div class=\"tpl:flex tpl:justify-center tpl:py-4\"><div class=\"tpl-shimmer tpl:h-10 tpl:w-36 tpl:rounded-[var(--tpl-radius-sm)]\"></div></div><div class=\"tpl:space-y-2 tpl:py-4\"><div class=\"tpl-shimmer tpl:mx-auto tpl:h-2.5 tpl:w-1/2 tpl:rounded\"></div><div class=\"tpl-shimmer tpl:mx-auto tpl:h-2.5 tpl:w-1/3 tpl:rounded\"></div></div></div></div><div class=\"tpl:flex tpl:w-[320px] tpl:shrink-0 tpl:flex-col tpl:gap-4 tpl:p-4 tpl:border-l tpl:border-[var(--tpl-border)]\"><div class=\"tpl-shimmer tpl:h-8 tpl:rounded-[var(--tpl-radius-sm)]\"></div><div class=\"tpl-shimmer tpl:h-32 tpl:rounded-[var(--tpl-radius)]\"></div><div class=\"tpl-shimmer tpl:h-32 tpl:rounded-[var(--tpl-radius)]\"></div></div>", 2)])])) : f("", !0);
 	}
-}), A = ["aria-label"], j = { class: "tpl:flex tpl:max-h-[80%] tpl:w-full tpl:max-w-md tpl:flex-col tpl:gap-4 tpl:rounded-lg tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:p-5 tpl:shadow-[var(--tpl-shadow-md)]" }, M = { class: "tpl:flex tpl:items-center tpl:gap-2" }, N = { class: "tpl:m-0 tpl:text-base tpl:font-semibold tpl:text-[var(--tpl-text)]" }, P = { class: "tpl:m-0 tpl:text-sm tpl:text-[var(--tpl-text-muted)]" }, F = { class: "tpl:m-0 tpl:flex tpl:max-h-64 tpl:list-none tpl:flex-col tpl:gap-1.5 tpl:overflow-y-auto tpl:rounded-md tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:p-2" }, I = { class: "tpl:text-xs tpl:text-[var(--tpl-text)]" }, L = { class: "tpl:font-mono tpl:text-[10px] tpl:text-[var(--tpl-text-dim)]" }, R = { class: "tpl:flex tpl:justify-end tpl:gap-2" }, z = /* @__PURE__ */ f({
+}), A = ["aria-label"], j = { class: "tpl:flex tpl:max-h-[80%] tpl:w-full tpl:max-w-md tpl:flex-col tpl:gap-4 tpl:rounded-lg tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:p-5 tpl:shadow-[var(--tpl-shadow-md)]" }, M = { class: "tpl:flex tpl:items-center tpl:gap-2" }, N = { class: "tpl:m-0 tpl:text-base tpl:font-semibold tpl:text-[var(--tpl-text)]" }, P = { class: "tpl:m-0 tpl:text-sm tpl:text-[var(--tpl-text-muted)]" }, F = { class: "tpl:m-0 tpl:flex tpl:max-h-64 tpl:list-none tpl:flex-col tpl:gap-1.5 tpl:overflow-y-auto tpl:rounded-md tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:p-2" }, I = { class: "tpl:text-xs tpl:text-[var(--tpl-text)]" }, L = { class: "tpl:font-mono tpl:text-[10px] tpl:text-[var(--tpl-text-dim)]" }, R = { class: "tpl:flex tpl:justify-end tpl:gap-2" }, z = /* @__PURE__ */ p({
 	__name: "CloudSaveGateModal",
 	props: {
 		open: { type: Boolean },
 		issues: {}
 	},
 	emits: ["cancel", "confirm"],
-	setup(e, { emit: c }) {
-		let f = c, { t: g } = y();
-		return (c, _) => (a(), s(h, {
+	setup(r, { emit: u }) {
+		let p = u, { t: g } = y();
+		return (u, _) => (e(), l(h, {
 			"enter-active-class": "tpl:transition-opacity",
 			"leave-active-class": "tpl:transition-opacity",
 			"enter-from-class": "tpl:opacity-0",
 			"leave-to-class": "tpl:opacity-0"
 		}, {
-			default: p(() => [e.open ? (a(), n("div", {
+			default: t(() => [r.open ? (e(), o("div", {
 				key: 0,
 				role: "dialog",
 				"aria-modal": "true",
-				"aria-label": u(g).saveGate.title,
+				"aria-label": i(g).saveGate.title,
 				class: "tpl:fixed tpl:inset-0 tpl:z-50 tpl:flex tpl:items-center tpl:justify-center tpl:bg-black/40 tpl:p-6",
-				onClick: _[2] ||= m((e) => f("cancel"), ["self"])
-			}, [t("div", j, [
-				t("header", M, [r(u(v), {
+				onClick: _[2] ||= m((e) => p("cancel"), ["self"])
+			}, [a("div", j, [
+				a("header", M, [s(i(v), {
 					size: 18,
 					"stroke-width": 2,
 					class: "tpl:text-[var(--tpl-warning)]"
-				}), t("h2", N, o(u(g).saveGate.title), 1)]),
-				t("p", P, o(u(g).saveGate.body), 1),
-				t("ul", F, [(a(!0), n(l, null, i(e.issues, (e) => (a(), n("li", {
-					key: `${e.ruleId}-${e.blockId ?? "template"}`,
+				}), a("h2", N, c(i(g).saveGate.title), 1)]),
+				a("p", P, c(i(g).saveGate.body), 1),
+				a("ul", F, [(e(!0), o(d, null, n(r.issues, (t) => (e(), o("li", {
+					key: `${t.ruleId}-${t.blockId ?? "template"}`,
 					class: "tpl:flex tpl:flex-col tpl:gap-0.5 tpl:rounded tpl:px-2 tpl:py-1.5"
-				}, [t("span", I, o(e.message), 1), t("span", L, o(e.ruleId), 1)]))), 128))]),
-				t("footer", R, [t("button", {
+				}, [a("span", I, c(t.message), 1), a("span", L, c(t.ruleId), 1)]))), 128))]),
+				a("footer", R, [a("button", {
 					type: "button",
 					class: "tpl:rounded-md tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:px-3 tpl:py-1.5 tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-text)]",
-					onClick: _[0] ||= (e) => f("cancel")
-				}, o(u(g).saveGate.cancel), 1), t("button", {
+					onClick: _[0] ||= (e) => p("cancel")
+				}, c(i(g).saveGate.cancel), 1), a("button", {
 					type: "button",
 					class: "tpl:rounded-md tpl:bg-[var(--tpl-danger)] tpl:px-3 tpl:py-1.5 tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-bg)]",
-					onClick: _[1] ||= (e) => f("confirm")
-				}, o(u(g).saveGate.confirm), 1)])
-			])], 8, A)) : d("", !0)]),
+					onClick: _[1] ||= (e) => p("confirm")
+				}, c(i(g).saveGate.confirm), 1)])
+			])], 8, A)) : f("", !0)]),
 			_: 1
 		}));
 	}
@@ -106,36 +106,29 @@ var b = {
 		color: "var(--tpl-text)",
 		border: "1px solid var(--tpl-warning)"
 	}
-}, V = /* @__PURE__ */ f({
+}, V = /* @__PURE__ */ p({
 	__name: "CollabUndoToast",
 	props: { visible: { type: Boolean } },
-	setup(e) {
-		let { t } = g();
-		return (r, i) => e.visible ? (a(), n("div", B, o(u(t).history.collabWarning), 1)) : d("", !0);
+	setup(t) {
+		let { t: n } = g();
+		return (r, a) => t.visible ? (e(), o("div", B, c(i(n).history.collabWarning), 1)) : f("", !0);
 	}
-}), H = /* @__PURE__ */ f({
+}), H = /* @__PURE__ */ p({
 	__name: "CloudPanels",
 	props: {
 		editor: {},
 		core: {},
 		runtime: {},
 		cloud: {},
-		ready: {},
-		locale: {}
+		ready: {}
 	},
-	setup(t) {
-		let i = e(() => import("./AiChatSidebar-CkHJ28sf.js")), o = e(() => import("./DesignReferenceSidebar-BDhEeaAh.js")), s = e(() => import("./TemplateScoringPanel-CpyEKMzC.js")), c = e(async () => {
-			try {
-				return (await import("@templatical/media-library")).MediaLibraryModal;
-			} catch {
-				throw Error("[Templatical] Cloud media library requires the optional peer dependency '@templatical/media-library'. Please install it.");
-			}
-		}), d = t;
+	setup(n) {
+		let a = r(() => import("./AiChatSidebar-tu4eLcf_.js")), c = r(() => import("./DesignReferenceSidebar--QtXjLrw.js")), l = r(() => import("./TemplateScoringPanel-CSin43YM.js")), u = n;
 		function f(e) {
-			d.core.history.record(), d.editor.setContent(e), d.core.conditionPreview.reset();
+			u.core.history.record(), u.editor.setContent(e), u.core.conditionPreview.reset();
 		}
-		return (e, d) => (a(), n(l, null, [
-			r(h, {
+		return (r, u) => (e(), o(d, null, [
+			s(h, {
 				"enter-active-class": "tpl:transition-opacity tpl:duration-200",
 				"enter-from-class": "tpl:opacity-100",
 				"enter-to-class": "tpl:opacity-100",
@@ -143,10 +136,10 @@ var b = {
 				"leave-from-class": "tpl:opacity-100",
 				"leave-to-class": "tpl:opacity-0"
 			}, {
-				default: p(() => [r(k, { visible: t.editor.state.isLoading }, null, 8, ["visible"])]),
+				default: t(() => [s(k, { visible: n.editor.state.isLoading }, null, 8, ["visible"])]),
 				_: 1
 			}),
-			r(h, {
+			s(h, {
 				"enter-active-class": "tpl:transition-opacity tpl:duration-200",
 				"enter-from-class": "tpl:opacity-0",
 				"enter-to-class": "tpl:opacity-100",
@@ -154,10 +147,10 @@ var b = {
 				"leave-from-class": "tpl:opacity-100",
 				"leave-to-class": "tpl:opacity-0"
 			}, {
-				default: p(() => [r(T, {
-					error: t.ready.sessionError.value,
-					visible: !!t.ready.sessionError.value,
-					onRetry: t.ready.retry
+				default: t(() => [s(T, {
+					error: n.ready.sessionError.value,
+					visible: !!n.ready.sessionError.value,
+					onRetry: n.ready.retry
 				}, null, 8, [
 					"error",
 					"visible",
@@ -165,18 +158,18 @@ var b = {
 				])]),
 				_: 1
 			}),
-			r(z, {
-				open: t.ready.saveGate.modalOpen.value,
-				issues: t.ready.saveGate.blockingIssues.value,
-				onCancel: t.ready.saveGate.cancel,
-				onConfirm: t.ready.saveGate.confirmAndSave
+			s(z, {
+				open: n.ready.saveGate.modalOpen.value,
+				issues: n.ready.saveGate.blockingIssues.value,
+				onCancel: n.ready.saveGate.cancel,
+				onConfirm: n.ready.saveGate.confirmAndSave
 			}, null, 8, [
 				"open",
 				"issues",
 				"onCancel",
 				"onConfirm"
 			]),
-			r(h, {
+			s(h, {
 				"enter-active-class": "tpl:transition-all tpl:duration-200 tpl:ease-out",
 				"enter-from-class": "tpl:translate-y-[-8px] tpl:opacity-0",
 				"enter-to-class": "tpl:translate-y-0 tpl:opacity-100",
@@ -184,47 +177,24 @@ var b = {
 				"leave-from-class": "tpl:translate-y-0 tpl:opacity-100",
 				"leave-to-class": "tpl:translate-y-[-8px] tpl:opacity-0"
 			}, {
-				default: p(() => [r(V, { visible: t.ready.collabWarning.collabUndoWarningVisible.value }, null, 8, ["visible"])]),
+				default: t(() => [s(V, { visible: n.ready.collabWarning.collabUndoWarningVisible.value }, null, 8, ["visible"])]),
 				_: 1
 			}),
-			r(u(i), {
-				visible: t.cloud.panelState.aiChatOpen.value,
+			s(i(a), {
+				visible: n.cloud.panelState.aiChatOpen.value,
 				"on-apply": f,
-				onClose: d[0] ||= (e) => t.cloud.panelState.aiChatOpen.value = !1
+				onClose: u[0] ||= (e) => n.cloud.panelState.aiChatOpen.value = !1
 			}, null, 8, ["visible"]),
-			r(u(s), {
-				visible: t.cloud.panelState.scoringPanelOpen.value,
-				onClose: d[1] ||= (e) => t.cloud.panelState.scoringPanelOpen.value = !1
+			s(i(l), {
+				visible: n.cloud.panelState.scoringPanelOpen.value,
+				onClose: u[1] ||= (e) => n.cloud.panelState.scoringPanelOpen.value = !1
 			}, null, 8, ["visible"]),
-			r(u(o), {
-				visible: t.cloud.panelState.designReferenceOpen.value,
-				"has-existing-blocks": t.editor.content.value.blocks.length > 0,
-				onClose: d[2] ||= (e) => t.cloud.panelState.designReferenceOpen.value = !1,
+			s(i(c), {
+				visible: n.cloud.panelState.designReferenceOpen.value,
+				"has-existing-blocks": n.editor.content.value.blocks.length > 0,
+				onClose: u[2] ||= (e) => n.cloud.panelState.designReferenceOpen.value = !1,
 				onApply: f
-			}, null, 8, ["visible", "has-existing-blocks"]),
-			r(u(c), {
-				visible: t.cloud.panelState.mediaLibraryOpen.value,
-				accept: t.cloud.panelState.mediaLibraryAccept.value,
-				"popover-target": t.core.popoverRoot.value,
-				locale: t.locale,
-				"ui-theme": t.core.resolvedTheme.value,
-				"auth-manager": t.cloud.mediaBrowser.authManager,
-				"project-id": t.cloud.mediaBrowser.projectId,
-				"plan-config": t.cloud.mediaBrowser.planConfig,
-				onSelect: t.cloud.mediaLib.handleMediaSelect,
-				onClose: t.cloud.mediaLib.handleMediaLibraryClose
-			}, null, 8, [
-				"visible",
-				"accept",
-				"popover-target",
-				"locale",
-				"ui-theme",
-				"auth-manager",
-				"project-id",
-				"plan-config",
-				"onSelect",
-				"onClose"
-			])
+			}, null, 8, ["visible", "has-existing-blocks"])
 		], 64));
 	}
 });

package/dist/CollaboratorBar-DAITu0hz.js

@@ -0,0 +1,103 @@
+import { A as e, At as t, M as n, at as r, c as i, d as a, jt as o, l as s, r as c, s as l, u, v as d } from "./vue.runtime.esm-bundler-DShF3P6k.js";
+import "./useEditorCore-DhlKOYwe.js";
+import { t as f } from "./createLucideIcon-Cwf_nTzE.js";
+import { n as p } from "./useCloudI18n-BLyh_e2T.js";
+import { t as m } from "./readableTextColor-f8Kykfnh.js";
+var h = f({
+	name: "wifi-off",
+	size: 24,
+	node: [
+		["path", {
+			d: "M12 20h.01",
+			key: "zekei9"
+		}],
+		["path", {
+			d: "M8.5 16.429a5 5 0 0 1 7 0",
+			key: "1bycff"
+		}],
+		["path", {
+			d: "M5 12.859a10 10 0 0 1 5.17-2.69",
+			key: "1dl1wf"
+		}],
+		["path", {
+			d: "M19 12.859a10 10 0 0 0-2.007-1.523",
+			key: "4k23kn"
+		}],
+		["path", {
+			d: "M2 8.82a15 15 0 0 1 4.177-2.643",
+			key: "1grhjp"
+		}],
+		["path", {
+			d: "M22 8.82a15 15 0 0 0-11.288-3.764",
+			key: "z3jwby"
+		}],
+		["path", {
+			d: "m2 2 20 20",
+			key: "1ooewy"
+		}]
+	]
+}), g = f({
+	name: "wifi",
+	size: 24,
+	node: [
+		["path", {
+			d: "M12 20h.01",
+			key: "zekei9"
+		}],
+		["path", {
+			d: "M2 8.82a15 15 0 0 1 20 0",
+			key: "dnpr2z"
+		}],
+		["path", {
+			d: "M5 12.859a10 10 0 0 1 14 0",
+			key: "1x1e6c"
+		}],
+		["path", {
+			d: "M8.5 16.429a5 5 0 0 1 7 0",
+			key: "1bycff"
+		}]
+	]
+}), _ = { class: "tpl-collaborator-bar tpl:flex tpl:items-center tpl:gap-2" }, v = ["title"], y = {
+	key: 0,
+	class: "tpl:flex tpl:items-center tpl:-space-x-1.5"
+}, b = ["title"], x = ["title"], S = 3, C = /* @__PURE__ */ d({
+	__name: "CollaboratorBar",
+	props: {
+		collaborators: {},
+		isConnected: { type: Boolean }
+	},
+	setup(d) {
+		let f = d, { t: C } = p(), w = l(() => f.collaborators.slice(0, S)), T = l(() => f.collaborators.slice(S)), E = l(() => T.value.length), D = l(() => T.value.map((e) => e.name).join("\n"));
+		function O(e) {
+			let t = e.trim().split(/\s+/);
+			return t.length >= 2 ? (t[0].charAt(0) + t[t.length - 1].charAt(0)).toUpperCase() : e.charAt(0).toUpperCase();
+		}
+		return (l, f) => (e(), a("div", _, [i("div", {
+			class: "tpl:flex tpl:items-center tpl:gap-1 tpl:text-[11px]",
+			style: t({ color: d.isConnected ? "var(--tpl-success)" : "var(--tpl-text-muted)" }),
+			title: d.isConnected ? r(C).collaboration.connected : r(C).collaboration.disconnected
+		}, [d.isConnected ? (e(), s(r(g), {
+			key: 0,
+			size: 12,
+			"stroke-width": 2
+		})) : (e(), s(r(h), {
+			key: 1,
+			size: 12,
+			"stroke-width": 2
+		}))], 12, v), d.collaborators.length > 0 ? (e(), a("div", y, [(e(!0), a(c, null, n(w.value, (n) => (e(), a("div", {
+			key: n.id,
+			class: "tpl-collaborator-avatar tpl:relative tpl:flex tpl:size-6 tpl:items-center tpl:justify-center tpl:rounded-full tpl:border-2 tpl:text-[10px] tpl:font-bold tpl:transition-transform tpl:hover:z-10 tpl:hover:scale-110 tpl:border-[var(--tpl-bg)]",
+			style: t({
+				backgroundColor: n.color,
+				color: r(m)(n.color)
+			}),
+			title: n.name
+		}, o(O(n.name)), 13, b))), 128)), E.value > 0 ? (e(), a("div", {
+			key: 0,
+			class: "tpl:relative tpl:flex tpl:size-6 tpl:items-center tpl:justify-center tpl:rounded-full tpl:border-2 tpl:text-[9px] tpl:font-bold tpl:border-[var(--tpl-bg)] tpl:bg-[var(--tpl-bg-hover)] tpl:text-[var(--tpl-text-muted)]",
+			title: D.value
+		}, " +" + o(E.value), 9, x)) : u("", !0)])) : u("", !0)]));
+	}
+});
+//#endregion
+export { C as default };