@templatical/editor 0.34.3 → 0.36.0

package/dist/{AiChatSidebar-CkHJ28sf.js → AiChatSidebar-tu4eLcf_.js}

@@ -1,31 +1,39 @@
-import { B as e, Dt as t, L as n, S as r, T as ee, X as i, c as a, d as o, g as s, h as c, j as l, k as u, kt as d, l as f, r as p, rt as m, u as h, v as g, z as te } from "./vue.runtime.esm-bundler-D9JUcKrV.js";
-import { a as ne, t as re } from "./runtime-dom.esm-bundler-BuG03jBM.js";
-import { m as ie, p as ae } from "./dist-heatwAdo.js";
-import { E as oe, J as _, h as se, i as v, l as ce } from "./keys-C3P1yxnr.js";
-import { t as y } from "./createLucideIcon-Bvw1Zx56.js";
-import { t as le } from "./circle-alert-CJDW5LZo.js";
-import { t as ue } from "./loader-circle-t-SVgmJ3.js";
-import { t as de } from "./send-BoqJliF6.js";
-import { t as b } from "./sparkles-Dy2BJjiX.js";
-import { t as fe } from "./trash-rYMzzHZd.js";
-import { t as pe } from "./x-DJOd1hS4.js";
-import { t as me } from "./LoadingTrack-SQXoZVf2.js";
+import { A as e, B as t, E as n, M as r, R as i, S as ee, V as te, Z as a, at as o, c as s, d as c, g as l, h as u, jt as d, kt as ne, l as f, r as p, u as m, v as h } from "./vue.runtime.esm-bundler-DShF3P6k.js";
+import { a as g, t as re } from "./runtime-dom.esm-bundler-PnoZU512.js";
+import { _ as ie, g as ae } from "./dist-D8i1ixHK.js";
+import { D as oe, Y as _, g as se, i as v, u as ce } from "./keys-DQA2i1k1.js";
+import { t as y } from "./createLucideIcon-Cwf_nTzE.js";
+import { t as le } from "./circle-alert-CjzUTwy3.js";
+import { t as ue } from "./loader-circle-B_tAD4k6.js";
+import { t as de } from "./send-CE6uvqop.js";
+import { t as b } from "./sparkles-R0ZQHa6F.js";
+import { t as fe } from "./trash-Cf_SqsER.js";
+import { t as pe } from "./x-D_-42Ukq.js";
+import { t as me } from "./LoadingTrack-BlTL4zFv.js";
 import { t as x } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { t as S } from "./useAliveFlag-PVmp95MT.js";
-import { f as C } from "./cloud-BMzRKCbk.js";
-var w = y("redo-2", [["path", {
-	d: "m15 14 5-5-5-5",
-	key: "12vg1m"
-}], ["path", {
-	d: "M20 9H9.5A5.5 5.5 0 0 0 4 14.5A5.5 5.5 0 0 0 9.5 20H13",
-	key: "6uklza"
-}]]), T = y("undo-2", [["path", {
-	d: "M9 14 4 9l5-5",
-	key: "102s5s"
-}], ["path", {
-	d: "M4 9h10.5a5.5 5.5 0 0 1 5.5 5.5a5.5 5.5 0 0 1-5.5 5.5H11",
-	key: "f3b9sd"
-}]]), E = {
+import { t as S } from "./useAliveFlag-oyByIcjy.js";
+import { p as C } from "./cloud-DdidMW6f.js";
+var w = y({
+	name: "redo-2",
+	size: 24,
+	node: [["path", {
+		d: "m15 14 5-5-5-5",
+		key: "12vg1m"
+	}], ["path", {
+		d: "M20 9H9.5A5.5 5.5 0 0 0 4 14.5A5.5 5.5 0 0 0 9.5 20H13",
+		key: "6uklza"
+	}]]
+}), T = y({
+	name: "undo-2",
+	size: 24,
+	node: [["path", {
+		d: "M9 14 4 9l5-5",
+		key: "102s5s"
+	}], ["path", {
+		d: "M4 9h10.5a5.5 5.5 0 0 1 5.5 5.5a5.5 5.5 0 0 1-5.5 5.5H11",
+		key: "f3b9sd"
+	}]]
+}), E = {
 	key: 0,
 	class: "tpl-ai-sidebar tpl:absolute tpl:top-14 tpl:right-0 tpl:bottom-0 tpl:flex tpl:w-[360px] tpl:flex-col tpl:border-l tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg-elevated)]"
 }, D = { class: "tpl:flex tpl:items-center tpl:justify-between tpl:border-b tpl:border-[var(--tpl-border)] tpl:px-4 tpl:py-3" }, O = { class: "tpl:flex tpl:items-center tpl:gap-1.5 tpl:text-sm tpl:font-medium tpl:text-[var(--tpl-primary)]" }, k = { class: "tpl:flex tpl:items-center tpl:gap-1" }, A = ["title"], j = { class: "tpl:relative tpl:flex tpl:min-h-0 tpl:flex-1 tpl:flex-col" }, M = {
@@ -72,24 +80,24 @@ var w = y("redo-2", [["path", {
 		"background-color": "color-mix(\n              in srgb,\n              var(--tpl-bg) 50%,\n              transparent\n            )",
 		"backdrop-filter": "blur(2px)"
 	}
-}, _e = { class: "tpl:flex tpl:flex-col tpl:gap-1.5" }, ve = ["onClick"], ye = { class: "tpl:border-t tpl:p-3 tpl:border-[var(--tpl-border)]" }, be = { class: "tpl-ai-input-wrapper tpl-focus-ring-host tpl:flex tpl:items-end tpl:gap-2 tpl:rounded-[var(--tpl-radius)] tpl:border tpl:px-3 tpl:py-2 tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)]" }, xe = ["placeholder", "disabled"], Se = ["disabled"], Ce = { class: "tpl:m-0 tpl:px-1 tpl:pt-2 tpl:text-center tpl:text-[11px] tpl:text-[var(--tpl-text-dim)]" }, B = /*#__PURE__*/ x(/* @__PURE__ */ g({
+}, _e = { class: "tpl:flex tpl:flex-col tpl:gap-1.5" }, ve = ["onClick"], ye = { class: "tpl:border-t tpl:p-3 tpl:border-[var(--tpl-border)]" }, be = { class: "tpl-ai-input-wrapper tpl-focus-ring-host tpl:flex tpl:items-end tpl:gap-2 tpl:rounded-[var(--tpl-radius)] tpl:border tpl:px-3 tpl:py-2 tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)]" }, xe = ["placeholder", "disabled"], Se = ["disabled"], Ce = { class: "tpl:m-0 tpl:px-1 tpl:pt-2 tpl:text-center tpl:text-[11px] tpl:text-[var(--tpl-text-dim)]" }, B = /*#__PURE__*/ x(/* @__PURE__ */ h({
 	__name: "AiChatSidebar",
 	props: {
 		visible: { type: Boolean },
 		onApply: { type: Function }
 	},
 	emits: ["close"],
-	setup(g, { emit: y }) {
-		let x = g, B = y, V = _(ce, "AiChatSidebar"), H = _(se, "AiChatSidebar"), we = _(v, "AiChatSidebar"), U = r(oe, []), W = S(), G = C({
+	setup(h, { emit: y }) {
+		let x = h, B = y, V = _(ce, "AiChatSidebar"), H = _(se, "AiChatSidebar"), we = _(v, "AiChatSidebar"), U = ee(oe, []), W = S(), G = C({
 			authManager: we,
 			getTemplateId: () => H.state.template?.id ?? null,
 			onApply: x.onApply,
 			onError: void 0
-		}), K = i(""), q = i(null), J = i(!1), Y = i(0), { pause: X, resume: Te } = ae(() => {
+		}), K = a(""), q = a(null), J = a(!1), Y = a(0), { pause: X, resume: Te } = ae(() => {
 			let e = G.suggestions.value?.length ?? 0;
 			Y.value < e ? Y.value++ : X();
 		}, 150, { immediate: !1 }), { start: Ee } = ie(() => Te(), 100, { immediate: !1 });
-		n(() => G.suggestions.value?.length ?? 0, (e) => {
+		i(() => G.suggestions.value?.length ?? 0, (e) => {
 			if (X(), e === 0) {
 				Y.value = 0;
 				return;
@@ -97,11 +105,11 @@ var w = y("redo-2", [["path", {
 			Y.value = 0, Ee();
 		});
 		function Z() {
-			ee(() => {
+			n(() => {
 				q.value && (q.value.scrollTop = q.value.scrollHeight);
 			});
 		}
-		n(() => G.messages.value?.length ?? 0, () => Z()), n(() => x.visible, async (e) => {
+		i(() => G.messages.value?.length ?? 0, () => Z()), i(() => x.visible, async (e) => {
 			if (e && !J.value) {
 				if (J.value = !0, await G.loadConversation(), !W.alive) return;
 				(G.messages.value?.length ?? 0) === 0 && H.content.value.blocks.length === 0 && G.loadSuggestions(H.content.value, U);
@@ -120,7 +128,7 @@ var w = y("redo-2", [["path", {
 		function Oe(e) {
 			e.key === "Enter" && !e.shiftKey && (e.preventDefault(), Q());
 		}
-		return (n, r) => (u(), f(re, {
+		return (n, i) => (e(), f(re, {
 			"enter-active-class": "tpl-ai-slide-enter-active",
 			"enter-from-class": "tpl:translate-x-full",
 			"enter-to-class": "tpl:translate-x-0",
@@ -128,42 +136,42 @@ var w = y("redo-2", [["path", {
 			"leave-from-class": "tpl:translate-x-0",
 			"leave-to-class": "tpl:translate-x-full"
 		}, {
-			default: te(() => [g.visible ? (u(), o("div", E, [
-				a("div", D, [a("div", O, [s(m(b), {
+			default: t(() => [h.visible ? (e(), c("div", E, [
+				s("div", D, [s("div", O, [l(o(b), {
 					size: 13,
 					"stroke-width": 2
-				}), a("span", null, d(m(V).aiChat.title), 1)]), a("div", k, [(m(G).messages.value?.length ?? 0) > 0 ? (u(), o("button", {
+				}), s("span", null, d(o(V).aiChat.title), 1)]), s("div", k, [(o(G).messages.value?.length ?? 0) > 0 ? (e(), c("button", {
 					key: 0,
 					class: "tpl:rounded-md tpl:p-0.5 tpl:transition-colors tpl:text-[var(--tpl-text-muted)]",
-					title: m(V).aiChat.clear,
-					onClick: r[0] ||= (e) => m(G).clearChat()
-				}, [s(m(fe), {
+					title: o(V).aiChat.clear,
+					onClick: i[0] ||= (e) => o(G).clearChat()
+				}, [l(o(fe), {
 					size: 14,
 					"stroke-width": 2
-				})], 8, A)) : h("", !0), a("button", {
+				})], 8, A)) : m("", !0), s("button", {
 					class: "tpl:rounded-md tpl:p-0.5 tpl:transition-colors tpl:text-[var(--tpl-text-muted)]",
-					onClick: r[1] ||= (e) => B("close")
-				}, [s(m(pe), {
+					onClick: i[1] ||= (e) => B("close")
+				}, [l(o(pe), {
 					size: 14,
 					"stroke-width": 2
 				})])])]),
-				a("div", j, [
-					a("div", {
+				s("div", j, [
+					s("div", {
 						ref_key: "messagesContainer",
 						ref: q,
 						class: "tpl:flex-1 tpl:overflow-y-auto tpl:p-4"
-					}, [m(G).isLoadingHistory.value ? (u(), o("div", M, [s(m(ue), {
+					}, [o(G).isLoadingHistory.value ? (e(), c("div", M, [l(o(ue), {
 						class: "tpl-spinner tpl:text-[var(--tpl-text-muted)]",
 						size: 24,
 						"stroke-width": 2
-					}), a("p", N, d(m(V).aiChat.loadingHistory), 1)])) : (m(G).messages.value?.length ?? 0) === 0 ? (u(), o("div", P, [s(m(b), {
+					}), s("p", N, d(o(V).aiChat.loadingHistory), 1)])) : (o(G).messages.value?.length ?? 0) === 0 ? (e(), c("div", P, [l(o(b), {
 						size: 32,
 						"stroke-width": 1.5,
 						class: "tpl:text-[var(--tpl-text-dim)]"
-					}), a("p", F, d(m(V).aiChat.placeholder), 1)])) : (u(), o("div", I, [(u(!0), o(p, null, l(m(G).messages.value, (e, t) => (u(), o("div", {
-						key: e.id,
+					}), s("p", F, d(o(V).aiChat.placeholder), 1)])) : (e(), c("div", I, [(e(!0), c(p, null, r(o(G).messages.value, (t, n) => (e(), c("div", {
+						key: t.id,
 						class: "tpl:flex tpl:flex-col tpl:gap-2"
-					}, [e.role === "user" ? (u(), o("div", L, d(e.content), 1)) : (u(), o("div", R, [!$(e.content) && m(G).isGenerating.value && t === (m(G).messages.value?.length ?? 0) - 1 ? (u(), f(me, { key: 0 })) : (u(), o("div", z, d($(e.content) || m(V).aiChat.applied), 1)), e.id === m(G).lastApplyMessageId.value && !m(G).isGenerating.value ? (u(), o("button", {
+					}, [t.role === "user" ? (e(), c("div", L, d(t.content), 1)) : (e(), c("div", R, [!$(t.content) && o(G).isGenerating.value && n === (o(G).messages.value?.length ?? 0) - 1 ? (e(), f(me, { key: 0 })) : (e(), c("div", z, d($(t.content) || o(V).aiChat.applied), 1)), t.id === o(G).lastApplyMessageId.value && !o(G).isGenerating.value ? (e(), c("button", {
 						key: 2,
 						class: "tpl:inline-flex tpl:items-center tpl:gap-1.5 tpl:self-start tpl:rounded-md tpl:border tpl:px-2.5 tpl:py-1.5 tpl:text-xs tpl:font-medium tpl:transition-all",
 						style: {
@@ -171,47 +179,47 @@ var w = y("redo-2", [["path", {
 							color: "var(--tpl-text-muted)",
 							"background-color": "transparent"
 						},
-						onClick: r[2] ||= (e) => m(G).toggleLastRevert()
-					}, [m(G).isLastChangeReverted.value ? (u(), o(p, { key: 0 }, [s(m(w), {
+						onClick: i[2] ||= (e) => o(G).toggleLastRevert()
+					}, [o(G).isLastChangeReverted.value ? (e(), c(p, { key: 0 }, [l(o(w), {
 						size: 12,
 						"stroke-width": 2
-					}), c(" " + d(m(V).aiChat.reapply), 1)], 64)) : (u(), o(p, { key: 1 }, [s(m(T), {
+					}), u(" " + d(o(V).aiChat.reapply), 1)], 64)) : (e(), c(p, { key: 1 }, [l(o(T), {
 						size: 12,
 						"stroke-width": 2
-					}), c(" " + d(m(V).aiChat.revert), 1)], 64))])) : h("", !0)]))]))), 128))]))], 512),
-					m(G).error.value ? (u(), o("div", he, [s(m(le), {
+					}), u(" " + d(o(V).aiChat.revert), 1)], 64))])) : m("", !0)]))]))), 128))]))], 512),
+					o(G).error.value ? (e(), c("div", he, [l(o(le), {
 						size: 14,
 						"stroke-width": 2,
 						class: "tpl:mt-0.5 tpl:shrink-0"
-					}), a("span", null, d(m(G).error.value === "ai_apply_failed" ? m(V).aiChat.applyFailed : m(V).aiChat.error), 1)])) : h("", !0),
-					(m(G).suggestions.value?.length ?? 0) > 0 ? (u(), o("div", ge, [a("div", _e, [(u(!0), o(p, null, l(m(G).suggestions.value ?? [], (e, n) => (u(), o("button", {
+					}), s("span", null, d(o(G).error.value === "ai_apply_failed" ? o(V).aiChat.applyFailed : o(V).aiChat.error), 1)])) : m("", !0),
+					(o(G).suggestions.value?.length ?? 0) > 0 ? (e(), c("div", ge, [s("div", _e, [(e(!0), c(p, null, r(o(G).suggestions.value ?? [], (t, n) => (e(), c("button", {
 						key: n,
-						class: t(["tpl-suggestion-btn tpl:cursor-pointer tpl:rounded-[var(--tpl-radius-sm)] tpl:border tpl:px-3 tpl:py-2 tpl:text-left tpl:text-xs tpl:leading-snug tpl:transition-all tpl:duration-300 tpl:ease-out", (m(G).suggestions.value?.length ?? 0) - 1 - n < Y.value ? "tpl:translate-y-0 tpl:opacity-100" : "tpl:pointer-events-none tpl:-translate-y-2 tpl:opacity-0"]),
+						class: ne(["tpl-suggestion-btn tpl:cursor-pointer tpl:rounded-[var(--tpl-radius-sm)] tpl:border tpl:px-3 tpl:py-2 tpl:text-left tpl:text-xs tpl:leading-snug tpl:transition-all tpl:duration-300 tpl:ease-out", (o(G).suggestions.value?.length ?? 0) - 1 - n < Y.value ? "tpl:translate-y-0 tpl:opacity-100" : "tpl:pointer-events-none tpl:-translate-y-2 tpl:opacity-0"]),
 						style: {
 							"border-color": "var(--tpl-border)",
 							color: "var(--tpl-primary)",
 							"background-color": "var(--tpl-bg)",
 							"box-shadow": "var(--tpl-shadow)"
 						},
-						onClick: (t) => De(e)
-					}, d(e), 11, ve))), 128))])])) : h("", !0)
+						onClick: (e) => De(t)
+					}, d(t), 11, ve))), 128))])])) : m("", !0)
 				]),
-				a("div", ye, [a("div", be, [e(a("textarea", {
-					"onUpdate:modelValue": r[3] ||= (e) => K.value = e,
+				s("div", ye, [s("div", be, [te(s("textarea", {
+					"onUpdate:modelValue": i[3] ||= (e) => K.value = e,
 					class: "tpl:max-h-32 tpl:min-h-[64px] tpl:flex-1 tpl:resize-none tpl:border-none tpl:bg-transparent tpl:font-sans tpl:text-sm tpl:outline-none tpl:text-[var(--tpl-text)]",
-					placeholder: m(V).aiChat.inputPlaceholder,
-					disabled: m(G).isGenerating.value,
+					placeholder: o(V).aiChat.inputPlaceholder,
+					disabled: o(G).isGenerating.value,
 					rows: "3",
 					onKeydown: Oe
-				}, null, 40, xe), [[ne, K.value]]), a("button", {
+				}, null, 40, xe), [[g, K.value]]), s("button", {
 					class: "tpl-ai-send-btn tpl:flex tpl:shrink-0 tpl:items-center tpl:justify-center tpl:rounded-md tpl:p-1.5 tpl:transition-all tpl:disabled:opacity-40 tpl:text-[var(--tpl-primary)]",
-					disabled: !K.value.trim() || m(G).isGenerating.value,
+					disabled: !K.value.trim() || o(G).isGenerating.value,
 					onClick: Q
-				}, [s(m(de), {
+				}, [l(o(de), {
 					size: 16,
 					"stroke-width": 2
-				})], 8, Se)]), a("p", Ce, d(m(V).aiMenu.disclaimer), 1)])
-			])) : h("", !0)]),
+				})], 8, Se)]), s("p", Ce, d(o(V).aiMenu.disclaimer), 1)])
+			])) : m("", !0)]),
 			_: 1
 		}));
 	}

package/dist/{AiFeatureMenu-DWdKguDN.js → AiFeatureMenu-BF0i0vA4.js}

@@ -1,11 +1,11 @@
-import { Ot as e, P as t, c as n, d as r, j as i, k as a, kt as o, l as s, r as c, s as l, v as u } from "./vue.runtime.esm-bundler-D9JUcKrV.js";
-import "./useEditorCore-DdkQuTHl.js";
-import { J as d, t as f } from "./keys-C3P1yxnr.js";
-import { t as p } from "./image-up-CuzFc1mu.js";
-import { t as m } from "./shield-check-D0dMaHtE.js";
-import { t as h } from "./sparkles-Dy2BJjiX.js";
+import { A as e, At as t, F as n, M as r, c as i, d as a, jt as o, l as s, r as c, s as l, v as u } from "./vue.runtime.esm-bundler-DShF3P6k.js";
+import "./useEditorCore-DhlKOYwe.js";
+import { Y as d, t as f } from "./keys-DQA2i1k1.js";
+import { t as p } from "./image-up-gH4JEpU5.js";
+import { t as m } from "./shield-check-DhD1Z3rd.js";
+import { t as h } from "./sparkles-R0ZQHa6F.js";
 import { t as g } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { n as _ } from "./useCloudI18n-BKoiYsWZ.js";
+import { n as _ } from "./useCloudI18n-BLyh_e2T.js";
 //#region src/cloud/components/AiFeatureMenu.vue?vue&type=script&setup=true&lang.ts
 var v = { class: "tpl-ai-feature-menu tpl:w-[280px] tpl:overflow-hidden tpl:rounded-[var(--tpl-radius)] tpl:py-1 tpl:bg-[var(--tpl-bg)] tpl:border tpl:border-[var(--tpl-border)] tpl:shadow-[var(--tpl-shadow-lg)]" }, y = ["onClick"], b = { class: "tpl:flex tpl:min-w-0 tpl:flex-col tpl:gap-0.5" }, x = { class: "tpl:text-sm tpl:font-medium tpl:text-[var(--tpl-text)]" }, S = { class: "tpl:text-xs tpl:leading-snug tpl:text-[var(--tpl-text-muted)]" }, C = /*#__PURE__*/ g(/* @__PURE__ */ u({
 	__name: "AiFeatureMenu",
@@ -36,21 +36,21 @@ var v = { class: "tpl-ai-feature-menu tpl:w-[280px] tpl:overflow-hidden tpl:roun
 		function A(e) {
 			return e === "ai-chat" ? w.aiMenu.aiAssistantDesc : e === "design-reference" ? w.aiMenu.designToTemplateDesc : w.aiMenu.templateScoreDesc;
 		}
-		return (l, d) => (a(), r("div", v, [(a(!0), r(c, null, i(O.value, (i) => (a(), r("button", {
-			key: i.key,
+		return (l, d) => (e(), a("div", v, [(e(!0), a(c, null, r(O.value, (r) => (e(), a("button", {
+			key: r.key,
 			class: "tpl-ai-feature-menu-item tpl:flex tpl:w-full tpl:cursor-pointer tpl:items-start tpl:gap-3 tpl:border-none tpl:px-3 tpl:py-2.5 tpl:text-left tpl:transition-colors",
-			style: e({ backgroundColor: u.activeFeature === i.key ? "var(--tpl-primary-light)" : "transparent" }),
-			onClick: (e) => C("select", i.key)
-		}, [n("div", {
+			style: t({ backgroundColor: u.activeFeature === r.key ? "var(--tpl-primary-light)" : "transparent" }),
+			onClick: (e) => C("select", r.key)
+		}, [i("div", {
 			class: "tpl:mt-0.5 tpl:flex tpl:size-7 tpl:shrink-0 tpl:items-center tpl:justify-center tpl:rounded-[var(--tpl-radius-sm)]",
-			style: e({
-				backgroundColor: u.activeFeature === i.key ? "var(--tpl-primary)" : "var(--tpl-bg-active)",
-				color: u.activeFeature === i.key ? "var(--tpl-bg)" : "var(--tpl-text-muted)"
+			style: t({
+				backgroundColor: u.activeFeature === r.key ? "var(--tpl-primary)" : "var(--tpl-bg-active)",
+				color: u.activeFeature === r.key ? "var(--tpl-bg)" : "var(--tpl-text-muted)"
 			})
-		}, [(a(), s(t(i.icon), {
+		}, [(e(), s(n(r.icon), {
 			size: 15,
 			"stroke-width": 2
-		}))], 4), n("div", b, [n("span", x, o(k(i.key)), 1), n("span", S, o(A(i.key)), 1)])], 12, y))), 128))]));
+		}))], 4), i("div", b, [i("span", x, o(k(r.key)), 1), i("span", S, o(A(r.key)), 1)])], 12, y))), 128))]));
 	}
 }), [["__scopeId", "data-v-bf59b787"]]);
 //#endregion

package/dist/{BlockIssueBadge-DcyHTAqw.js → BlockIssueBadge-DT-FqKeC.js}

@@ -1,27 +1,27 @@
-import { Dt as e, S as t, d as n, k as r, l as i, rt as a, s as o, u as s, v as c } from "./vue.runtime.esm-bundler-D9JUcKrV.js";
-import { V as l } from "./keys-C3P1yxnr.js";
-import { t as u } from "./useI18n-CL6RfPzK.js";
-import { t as d } from "./circle-alert-CJDW5LZo.js";
-import { t as f } from "./triangle-alert-DxnFj4-B.js";
+import { A as e, S as t, at as n, d as r, kt as i, l as a, s as o, u as s, v as c } from "./vue.runtime.esm-bundler-DShF3P6k.js";
+import { H as l } from "./keys-DQA2i1k1.js";
+import { t as u } from "./useI18n-BbdxxpOE.js";
+import { t as d } from "./circle-alert-CjzUTwy3.js";
+import { t as f } from "./triangle-alert-C6tGa6jw.js";
 //#region src/components/canvas/BlockIssueBadge.vue?vue&type=script&setup=true&lang.ts
 var p = ["title", "aria-label"], m = /* @__PURE__ */ c({
 	__name: "BlockIssueBadge",
 	props: { blockId: {} },
 	setup(c) {
 		let m = c, { t: h } = u(), g = t(l, null), _ = o(() => (g?.issues.value ?? []).filter((e) => e.blockId === m.blockId)), v = o(() => _.value.some((e) => e.severity === "error") ? "error" : _.value.some((e) => e.severity === "warning") ? "warning" : null), y = o(() => v.value === "error" ? h.issues.badgeError : h.issues.badgeWarning);
-		return (t, o) => v.value ? (r(), n("span", {
+		return (t, o) => v.value ? (e(), r("span", {
 			key: 0,
-			class: e(["tpl:absolute tpl:top-1 tpl:right-1 tpl:z-10 tpl:flex tpl:size-5 tpl:items-center tpl:justify-center tpl:rounded-full tpl:bg-[var(--tpl-bg)] tpl:shadow-[var(--tpl-shadow-sm)] tpl:ring-1 tpl:ring-[var(--tpl-border)]", v.value === "error" ? "tpl:text-[var(--tpl-danger)]" : "tpl:text-[var(--tpl-warning)]"]),
+			class: i(["tpl:absolute tpl:top-1 tpl:right-1 tpl:z-10 tpl:flex tpl:size-5 tpl:items-center tpl:justify-center tpl:rounded-full tpl:bg-[var(--tpl-bg)] tpl:shadow-[var(--tpl-shadow-sm)] tpl:ring-1 tpl:ring-[var(--tpl-border)]", v.value === "error" ? "tpl:text-[var(--tpl-danger)]" : "tpl:text-[var(--tpl-warning)]"]),
 			title: y.value,
 			"aria-label": y.value,
 			role: "img"
-		}, [v.value === "error" ? (r(), i(a(d), {
+		}, [v.value === "error" ? (e(), a(n(d), {
 			key: 0,
 			size: 14,
 			"stroke-width": 2.25,
 			fill: "currentColor",
 			stroke: "var(--tpl-bg)"
-		})) : (r(), i(a(f), {
+		})) : (e(), a(n(f), {
 			key: 1,
 			size: 14,
 			"stroke-width": 2.25,

package/dist/BlockPreviewCanvas-DDCmMram.js

@@ -0,0 +1,131 @@
+import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
+import { A as t, At as n, F as r, M as i, P as a, S as o, at as s, c, d as l, j as u, l as d, r as f, s as p, v as m } from "./vue.runtime.esm-bundler-DShF3P6k.js";
+import { R as h } from "./dist-tGkjkX-v.js";
+import { L as g, a as _, b as v, d as y, f as b, g as x, h as S, i as C, l as w, m as T, n as E, p as D, r as O, v as k, y as A } from "./useEditorCore-DhlKOYwe.js";
+import { J as j, f as M, g as N, j as P, s as F } from "./keys-DQA2i1k1.js";
+import { n as I, t as L } from "./emailFrameWidth-BmFCN2dp.js";
+//#region src/components/blocks/PreviewSectionBlock.vue?vue&type=script&setup=true&lang.ts
+var R = { class: "tpl:w-full" }, z = { class: "tpl:flex tpl:gap-0" }, B = /* @__PURE__ */ m({
+	name: "PreviewSectionBlock",
+	__name: "PreviewSectionBlock",
+	props: {
+		block: {},
+		viewport: {}
+	},
+	setup(e) {
+		let u = {
+			title: w,
+			paragraph: T,
+			image: x,
+			video: E,
+			button: g,
+			divider: A,
+			social: _,
+			menu: S,
+			table: O,
+			spacer: C,
+			html: k,
+			custom: v
+		}, m = e, h = o(F, null), b = p(() => {
+			switch (m.block.columns) {
+				case "2": return ["50%", "50%"];
+				case "3": return [
+					"33.33%",
+					"33.33%",
+					"33.33%"
+				];
+				case "1-2": return ["33.33%", "66.67%"];
+				case "2-1": return ["66.67%", "33.33%"];
+				default: return ["100%"];
+			}
+		}), j = p(() => {
+			let e = b.value.length, t = [...m.block.children];
+			for (; t.length < e;) t.push([]);
+			return t.slice(0, e);
+		});
+		function M(e) {
+			return j.value[e] || [];
+		}
+		function N(e) {
+			return D(e, h, u);
+		}
+		return (e, o) => {
+			let u = a("PreviewSectionBlock", !0);
+			return t(), l("div", R, [c("div", z, [(t(!0), l(f, null, i(j.value, (e, a) => (t(), l("div", {
+				key: a,
+				style: n({ width: b.value[a] })
+			}, [(t(!0), l(f, null, i(M(a), (e) => (t(), l("div", {
+				key: e.id,
+				style: n(s(y)(e))
+			}, [e.type === "section" ? (t(), d(u, {
+				key: 0,
+				block: e,
+				viewport: "desktop"
+			}, null, 8, ["block"])) : (t(), d(r(N(e)), {
+				key: 1,
+				block: e,
+				viewport: "desktop"
+			}, null, 8, ["block"]))], 4))), 128))], 4))), 128))])]);
+		};
+	}
+}), V = ["lang", "dir"], H = /*@__PURE__*/ m({
+	__name: "BlockPreviewCanvas",
+	props: {
+		blocks: {},
+		viewport: { default: "desktop" },
+		applyConditionFilter: {
+			type: Boolean,
+			default: !0
+		}
+	},
+	setup(e) {
+		let a = e, m = o(F), R = o(N, null), z = o(M, null), H = o(P, null);
+		u(j, p(() => H?.value ?? !1));
+		let U = p(() => a.applyConditionFilter ? a.blocks.filter((e) => !z?.isHidden(e.id)) : a.blocks), W = p(() => I(R?.content.value.settings, a.viewport)), G = p(() => R ? b(R.content.value.settings) : {}), K = p(() => R?.content.value.settings?.locale?.trim() || void 0), q = p(() => h(R?.content.value.settings ?? { locale: "en" })), J = p(() => R?.content.value.settings.backgroundColor || "var(--tpl-canvas-bg)"), Y = p(() => W.value + 192), X = {
+			section: B,
+			title: w,
+			paragraph: T,
+			image: x,
+			video: E,
+			button: g,
+			divider: A,
+			social: _,
+			menu: S,
+			table: O,
+			spacer: C,
+			html: k,
+			custom: v
+		};
+		function Z(e) {
+			return D(e, m, X);
+		}
+		return (a, o) => (t(), l("div", {
+			"data-testid": "block-preview-stage",
+			class: "tpl:pointer-events-none tpl:mx-auto tpl:flex tpl:select-none tpl:justify-center tpl:rounded-lg",
+			style: n({
+				width: `${Y.value}px`,
+				minWidth: `${W.value}px`,
+				maxWidth: "100%",
+				backgroundColor: J.value,
+				boxShadow: "var(--tpl-shadow-sm)"
+			})
+		}, [c("div", {
+			"data-testid": "block-preview-canvas",
+			lang: K.value,
+			dir: q.value,
+			style: n({
+				width: `${W.value}px`,
+				transition: s(L),
+				...G.value
+			})
+		}, [(t(!0), l(f, null, i(U.value, (i) => (t(), l("div", {
+			key: i.id,
+			style: n(s(y)(i))
+		}, [(t(), d(r(Z(i)), {
+			block: i,
+			viewport: e.viewport
+		}, null, 8, ["block", "viewport"]))], 4))), 128))], 12, V)], 4));
+	}
+}), U = /* @__PURE__ */ e({ default: () => W }), W = H;
+//#endregion
+export { U as n, W as t };

package/dist/CloudHeaderExtras-NPhudovT.js

@@ -0,0 +1,59 @@
+import { A as e, B as t, _ as n, at as r, c as i, d as a, g as o, h as s, jt as c, kt as l, l 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 "./sparkles-R0ZQHa6F.js";
+import { n as _ } from "./useCloudI18n-BLyh_e2T.js";
+//#region src/cloud/components/CloudHeaderExtras.vue?vue&type=script&setup=true&lang.ts
+var v = {
+	key: 0,
+	"data-testid": "cloud-template-usage",
+	class: "tpl:text-xs tpl:opacity-60 tpl:text-[var(--tpl-text-muted)]"
+}, y = ["aria-expanded"], b = {
+	key: 0,
+	class: "tpl:absolute tpl:right-0 tpl:top-full tpl:z-50 tpl:mt-1 tpl:origin-top-right"
+}, x = /* @__PURE__ */ p({
+	__name: "CloudHeaderExtras",
+	props: {
+		part: {},
+		cloud: {}
+	},
+	setup(p) {
+		let x = n(() => import("./CollaboratorBar-DAITu0hz.js")), S = n(() => import("./AiFeatureMenu-BF0i0vA4.js")), { t: C, format: w } = _();
+		return (n, _) => p.part === "left" ? (e(), a(d, { key: 0 }, [p.cloud.featureFlags.templateLimit.value === null ? f("", !0) : (e(), a("span", v, c(r(w)(r(C).header.templatesUsed, {
+			used: p.cloud.featureFlags.templateCount.value,
+			max: p.cloud.featureFlags.templateLimit.value
+		})), 1)), p.cloud.collaboration && p.cloud.isCollaborationEnabled.value ? (e(), u(r(x), {
+			key: 1,
+			collaborators: p.cloud.collaboration.collaborators.value,
+			"is-connected": p.cloud.websocket.isConnected.value
+		}, null, 8, ["collaborators", "is-connected"])) : f("", !0)], 64)) : p.part === "right" ? (e(), a(d, { key: 1 }, [p.cloud.featureFlags.canUseAiGeneration.value && p.cloud.featureFlags.hasTemplateSaved.value ? (e(), a("div", {
+			key: 0,
+			ref: (e) => p.cloud.panelState.aiMenuRef.value = e,
+			class: "tpl:relative"
+		}, [i("button", {
+			type: "button",
+			"data-testid": "ai-menu-trigger",
+			"aria-expanded": p.cloud.panelState.aiMenuOpen.value,
+			class: l(["tpl-ai-btn tpl:inline-flex tpl:items-center tpl:gap-1.5 tpl:rounded-[var(--tpl-radius-sm)] tpl:border-none tpl:px-4 tpl:py-2 tpl:text-sm tpl:font-semibold tpl:whitespace-nowrap tpl:transition-all tpl:duration-200", p.cloud.panelState.aiButtonActive.value ? "tpl-ai-btn--active" : "tpl-ai-btn--idle"]),
+			onClick: _[0] ||= m((...e) => p.cloud.panelState.toggleAiMenu && p.cloud.panelState.toggleAiMenu(...e), ["stop"])
+		}, [o(r(g), {
+			size: 16,
+			"stroke-width": 2,
+			class: "tpl-ai-btn-icon"
+		}), s(" " + c(r(C).aiChat.button), 1)], 10, y), o(h, {
+			"enter-active-class": "tpl:transition-all tpl:ease-out",
+			"enter-from-class": "tpl:scale-95 tpl:opacity-0",
+			"enter-to-class": "tpl:scale-100 tpl:opacity-100",
+			"leave-active-class": "tpl:transition-all tpl:duration-100 tpl:ease-in",
+			"leave-from-class": "tpl:scale-100 tpl:opacity-100",
+			"leave-to-class": "tpl:scale-95 tpl:opacity-0"
+		}, {
+			default: t(() => [p.cloud.panelState.aiMenuOpen.value ? (e(), a("div", b, [o(r(S), {
+				"active-feature": p.cloud.panelState.activeAiFeature.value,
+				onSelect: p.cloud.panelState.handleAiFeatureSelect
+			}, null, 8, ["active-feature", "onSelect"])])) : f("", !0)]),
+			_: 1
+		})], 512)) : f("", !0)], 64)) : f("", !0);
+	}
+});
+//#endregion
+export { x as default };