@templatical/editor 0.41.0 → 0.42.1

package/dist/{TplModal-CVO-2KrU.js → TplModal-BiAf7tWe.js}

@@ -1,8 +1,8 @@
 import { A as e, At as t, B as n, N as r, S as i, Z as a, at as o, c as s, d as c, g as l, i as u, l as d, s as f, u as p, v as m } from "./vue.runtime.esm-bundler-CyqhBwpY.js";
 import { c as h, t as g } from "./runtime-dom.esm-bundler-BGbPz4-g.js";
-import { T as _ } from "./useEditorCore-dcdHB_7H.js";
+import { x as _ } from "./useEditorCore-Dhit8Ygg.js";
 import { J as v, Z as y } from "./keys-CDqfZIRt.js";
-import { n as b } from "./usePopoverPosition-DH7z3Ghm.js";
+import { n as b } from "./usePopoverPosition-BYmd-lhR.js";
 //#region src/components/TplModal.vue?vue&type=script&setup=true&lang.ts
 var x = ["data-tpl-theme"], S = /* @__PURE__ */ m({
 	__name: "TplModal",

package/dist/{VersionHistoryMenu-b0A8mS2_.js → VersionHistoryMenu-DdspCRSA.js}

@@ -3,11 +3,11 @@ import { c as g, t as _ } from "./runtime-dom.esm-bundler-BGbPz4-g.js";
 import { t as v } from "./dist-BDuPwOyn.js";
 import { X as y } from "./keys-CDqfZIRt.js";
 import { t as b } from "./useI18n-B_CdcBwG.js";
-import { t as x } from "./createLucideIcon-BxY5yz5u.js";
-import { t as S } from "./chevron-down-Dkr-7Ywl.js";
-import { t as C } from "./chevron-right-Bge4XF_B.js";
-import { t as w } from "./clock-BgSJZJP5.js";
-import { t as ee } from "./loader-circle-z5eeqasv.js";
+import { t as x } from "./createLucideIcon-C2YOVVWx.js";
+import { t as S } from "./chevron-down-KZf5mh9_.js";
+import { t as C } from "./chevron-right-BLZ60Vxw.js";
+import { t as w } from "./clock-CiiTBfF3.js";
+import { t as ee } from "./loader-circle-BVBgkRGz.js";
 import { t as T } from "./formatAbsoluteDateTime-DMmop3C-.js";
 import { t as E } from "./formatRelativeTime-CtUU-QZ8.js";
 var D = x({

package/dist/{VersionHistoryPanels-BzF7dmwa.js → VersionHistoryPanels-C589Jm_B.js}

@@ -5,7 +5,7 @@ var c = /* @__PURE__ */ s({
 	__name: "VersionHistoryPanels",
 	props: { feature: {} },
 	setup(s) {
-		let c = s, l = t(() => import("./VersionPreviewBanner-xB9r83r0.js")), u = t(() => import("./RestoreVersionDialog-DHb1mPoF.js"));
+		let c = s, l = t(() => import("./VersionPreviewBanner-XUuLe36h.js")), u = t(() => import("./RestoreVersionDialog-DE8aqmdi.js"));
 		async function d() {
 			try {
 				await c.feature.requestRestore();

package/dist/{VersionPreviewBanner-xB9r83r0.js → VersionPreviewBanner-XUuLe36h.js}

@@ -1,6 +1,6 @@
 import { A as e, at as t, c as n, d as r, g as i, jt as a, kt as o, u as s, v as c } from "./vue.runtime.esm-bundler-CyqhBwpY.js";
 import { t as l } from "./useI18n-B_CdcBwG.js";
-import { t as u } from "./clock-BgSJZJP5.js";
+import { t as u } from "./clock-CiiTBfF3.js";
 import { f as d, v as f } from "./styleConstants-C_YAPdQS.js";
 //#region src/components/VersionPreviewBanner.vue?vue&type=script&setup=true&lang.ts
 var p = {

package/dist/{WrapperBlock-BDjOn3fY.js → WrapperBlock-CVQ4t1tY.js}

@@ -1,5 +1,5 @@
 import { A as e, At as t, F as n, M as r, S as i, at as a, d as o, l as s, r as c, s as l, v as u } from "./vue.runtime.esm-bundler-CyqhBwpY.js";
-import { f as d, p as f, u as p } from "./useEditorCore-dcdHB_7H.js";
+import { A as d, D as f, k as p } from "./useEditorCore-Dhit8Ygg.js";
 import { s as m } from "./keys-CDqfZIRt.js";
 function h(e, t = "desktop") {
 	return t === "mobile" ? 375 : e?.width ?? 600;
@@ -12,9 +12,9 @@ var g = "width 300ms cubic-bezier(0.34, 1.56, 0.64, 1)", _ = ["data-block-id"],
 		viewport: {}
 	},
 	setup(u) {
-		let h = u, g = i(m, null), v = l(() => d(h.block) ?? {});
+		let h = u, g = i(m, null), v = l(() => p(h.block) ?? {});
 		function y(e) {
-			return f(e, g, {});
+			return d(e, g, {});
 		}
 		return (i, l) => (e(), o("div", {
 			"data-testid": "layout-wrapper",
@@ -23,7 +23,7 @@ var g = "width 300ms cubic-bezier(0.34, 1.56, 0.64, 1)", _ = ["data-block-id"],
 		}, [(e(!0), o(c, null, r(u.block.children, (r) => (e(), o("div", {
 			key: r.id,
 			"data-block-id": r.id,
-			style: t(a(p)(r))
+			style: t(a(f)(r))
 		}, [(e(), s(n(y(r)), {
 			block: r,
 			viewport: u.viewport

package/dist/{blockTypeIcons-B0Bq1WT1.js → blockTypeIcons-Sg8SY1NQ.js}

@@ -1,5 +1,5 @@
-import { a as e, c as t, l as n, o as r, s as i } from "./socialIcons-O7PZCW2P.js";
-import { t as a } from "./createLucideIcon-BxY5yz5u.js";
+import { a as e, c as t, l as n, o as r, s as i } from "./socialIcons-CzRJskEk.js";
+import { t as a } from "./createLucideIcon-C2YOVVWx.js";
 var o = a({
 	name: "columns-3",
 	size: 24,

package/dist/bundle-stats.json

@@ -1,10 +1,10 @@
 {
-  "version": "0.41.0",
-  "initialGzipBytes": 175519,
-  "initialRawBytes": 585077,
+  "version": "0.42.1",
+  "initialGzipBytes": 176576,
+  "initialRawBytes": 587937,
   "initialFileCount": 48,
-  "lazyGzipBytes": 424844,
-  "lazyRawBytes": 1497600,
+  "lazyGzipBytes": 427758,
+  "lazyRawBytes": 1510742,
   "lazyFileCount": 84,
-  "generatedAt": "2026-09-25T07:08:00.122Z"
+  "generatedAt": "2026-09-29T07:48:42.066Z"
 }

package/dist/{cdn/chunks/ca-Ckgw9yd0.js → ca--zGWn9AU.js}

@@ -359,6 +359,19 @@ var e = {
 		spacing: "Espaiat",
 		padding: "Farciment",
 		background: "Fons",
+		borderWidth: "Amplada de la vora",
+		borderStyle: "Estil de la vora",
+		borderColor: "Color de la vora",
+		border: "Vora",
+		borderSide: "Costat",
+		linkSides: "La mateixa vora a tots els costats",
+		unlinkSides: "Defineix cada costat per separat",
+		linkCorners: "El mateix radi a totes les cantonades",
+		unlinkCorners: "Defineix cada cantonada per separat",
+		cornerTopLeft: "A dalt a l'esquerra",
+		cornerTopRight: "A dalt a la dreta",
+		cornerBottomRight: "A baix a la dreta",
+		cornerBottomLeft: "A baix a l'esquerra",
 		color: "Color",
 		display: "Visualització",
 		showOnDesktop: "Mostra a l'escriptori",
@@ -422,6 +435,7 @@ var e = {
 		hexValue: "Valor del color en Hex",
 		notSet: "No definit",
 		clear: "Neteja el color",
+		transparent: "Transparent",
 		presetColors: "Colors predefinits"
 	},
 	mergeTag: {
@@ -621,5 +635,3 @@ var e = {
 };
 //#endregion
 export { e as default };
-
-//# sourceMappingURL=ca-Ckgw9yd0.js.map

package/dist/cdn/chunks/{AiChatSidebar-mKImUXi6.js → AiChatSidebar-DiG-EQ-E.js}

@@ -1,11 +1,11 @@
 import { B as e, E as t, F as n, H as r, N as i, Q as a, S as o, U as ee, at as s, b as c, ct as te, g as l, h as u, k as ne, m as d, n as re, o as ie, p as f, u as p, ut as m, y as h } from "./draggable-IB4x6w2O.js";
 import { _ as g, g as ae } from "./dist-BRZhN8qJ.js";
 import { $ as _, F as oe, O as se, g as ce, i as le, u as ue } from "./keys-DCWeHkSF.js";
-import { B as de, E as v, M as fe, Mt as pe, d as me, it as y, l as b, n as x } from "./icons-BKkJ-5xF.js";
+import { D as v, N as de, Nt as fe, V as pe, at as me, f as y, l as b, n as x } from "./icons-CQnjugjy.js";
 import { t as S } from "./LoadingTrack-_7DH_5aw.js";
 import { t as C } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { t as w } from "./useAliveFlag-DAlQLbM2.js";
-import { b as T } from "./cloud-CIT4yPp4.js";
+import { b as T } from "./cloud-De-eh1u6.js";
 //#region src/cloud/components/AiChatSidebar.vue?vue&type=script&setup=true&lang.ts
 var E = ["aria-label"], 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 = ["aria-label", "title"], j = ["aria-label"], M = { class: "tpl:relative tpl:flex tpl:min-h-0 tpl:flex-1 tpl:flex-col" }, N = {
 	key: 0,
@@ -122,7 +122,7 @@ var E = ["aria-label"], D = { class: "tpl:flex tpl:items-center tpl:justify-betw
 					"aria-label": s(V).aiChat.clear,
 					title: s(V).aiChat.clear,
 					onClick: t[0] ||= (e) => s(G).clearChat()
-				}, [c(s(me), {
+				}, [c(s(y), {
 					size: 14,
 					"stroke-width": 2
 				})], 8, A)) : u("", !0), f("button", {
@@ -139,7 +139,7 @@ var E = ["aria-label"], D = { class: "tpl:flex tpl:items-center tpl:justify-betw
 						ref_key: "messagesContainer",
 						ref: q,
 						class: "tpl:flex-1 tpl:overflow-y-auto tpl:p-4"
-					}, [s(G).isLoadingHistory.value ? (i(), l("div", N, [c(s(y), {
+					}, [s(G).isLoadingHistory.value ? (i(), l("div", N, [c(s(me), {
 						class: "tpl-spinner tpl:text-[var(--tpl-text-muted)]",
 						size: 24,
 						"stroke-width": 2
@@ -159,14 +159,14 @@ var E = ["aria-label"], D = { class: "tpl:flex tpl:items-center tpl:justify-betw
 							"background-color": "transparent"
 						},
 						onClick: t[2] ||= (e) => s(G).toggleLastRevert()
-					}, [s(G).isLastChangeReverted.value ? (i(), l(p, { key: 0 }, [c(s(de), {
+					}, [s(G).isLastChangeReverted.value ? (i(), l(p, { key: 0 }, [c(s(pe), {
 						size: 12,
 						"stroke-width": 2
 					}), h(" " + m(s(V).aiChat.reapply), 1)], 64)) : (i(), l(p, { key: 1 }, [c(s(b), {
 						size: 12,
 						"stroke-width": 2
 					}), h(" " + m(s(V).aiChat.revert), 1)], 64))])) : u("", !0)]))]))), 128))]))], 512),
-					s(G).error.value ? (i(), l("div", ge, [c(s(pe), {
+					s(G).error.value ? (i(), l("div", ge, [c(s(fe), {
 						size: 14,
 						"stroke-width": 2,
 						class: "tpl:mt-0.5 tpl:shrink-0"
@@ -194,7 +194,7 @@ var E = ["aria-label"], D = { class: "tpl:flex tpl:items-center tpl:justify-betw
 					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() || s(G).isGenerating.value,
 					onClick: Q
-				}, [c(s(fe), {
+				}, [c(s(de), {
 					size: 16,
 					"stroke-width": 2
 				})], 8, Ce)]), f("p", we, m(s(V).aiMenu.disclaimer), 1)])
@@ -206,4 +206,4 @@ var E = ["aria-label"], D = { class: "tpl:flex tpl:items-center tpl:justify-betw
 //#endregion
 export { B as default };
 
-//# sourceMappingURL=AiChatSidebar-mKImUXi6.js.map
+//# sourceMappingURL=AiChatSidebar-DiG-EQ-E.js.map

package/dist/cdn/chunks/AiChatSidebar-DiG-EQ-E.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AiChatSidebar-DiG-EQ-E.js","names":["_openBlock","_createBlock","_Transition","_withCtx","_createElementBlock","_unref","_createElementVNode","_createVNode","_toDisplayString","Trash2","_createCommentVNode","_Fragment","_renderList","LoadingTrack","_createTextVNode","_normalizeClass","_withDirectives","_vModelText","_sfc_main","watch","inject","renderList","withCtx","openBlock","ref","defineComponent","withDirectives","unref","createVNode","normalizeClass","createElementBlock","createCommentVNode","nextTick","createBlock","Transition","vModelText","createBaseVNode","Fragment","toDisplayString","createTextVNode","useTimeoutFn","useIntervalFn","requireInject","NO_MERGE_TAGS","MERGE_TAGS_KEY","EDITOR_KEY","AUTH_MANAGER_KEY","CLOUD_TRANSLATIONS_KEY","Sparkles","Send","CircleAlert","Redo2","LoaderCircle","Trash","Undo2","X","LoadingTrack_default","_plugin_vue_export_helper_default","useAliveFlag","useAiChat","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","_hoisted_11","_hoisted_12","_hoisted_13","\"color\"","_hoisted_14","_hoisted_15","_hoisted_16","_hoisted_17","_hoisted_18","_hoisted_19","_hoisted_20","_hoisted_21","_hoisted_22","_hoisted_23","_hoisted_24","AiChatSidebar_default","__emit","props","__props","emit","cloudTranslations","editor","authManager","mergeTags","aliveFlag","aiChat","promptInput","messagesContainer","historyLoaded","visibleSuggestionCount","pauseReveal","resumeReveal","startRevealTimeout","count","scrollToBottom","isVisible","handleSend","prompt","stripJsonBlock","text","handleSuggestionClick","suggestion","handleKeydown","event","_cache","message","index","$event"],"sources":["../../../src/cloud/components/AiChatSidebar.vue","../../../src/cloud/components/AiChatSidebar.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport LoadingTrack from \"../../components/LoadingTrack.vue\";\nimport { useAiChat } from \"@templatical/core/cloud\";\nimport {\n  CLOUD_TRANSLATIONS_KEY,\n  EDITOR_KEY,\n  AUTH_MANAGER_KEY,\n  MERGE_TAGS_KEY,\n  NO_MERGE_TAGS,\n  requireInject,\n} from \"../../keys\";\nimport { useAliveFlag } from \"../../composables/useAliveFlag\";\nimport type { TemplateContent } from \"@templatical/types\";\nimport {\n  CircleAlert,\n  LoaderCircle,\n  Redo2,\n  Send,\n  Sparkles,\n  Trash2,\n  Undo2,\n  X,\n} from \"@lucide/vue\";\nimport { inject, nextTick, ref, watch } from \"vue\";\nimport { useIntervalFn, useTimeoutFn } from \"@vueuse/core\";\n\nconst props = defineProps<{\n  visible: boolean;\n  onApply?: (content: TemplateContent) => void;\n}>();\n\nconst emit = defineEmits<{\n  (e: \"close\"): void;\n}>();\n\nconst cloudTranslations = requireInject(\n  CLOUD_TRANSLATIONS_KEY,\n  \"AiChatSidebar\",\n);\nconst editor = requireInject(EDITOR_KEY, \"AiChatSidebar\");\nconst authManager = requireInject(AUTH_MANAGER_KEY, \"AiChatSidebar\");\nconst mergeTags = inject(MERGE_TAGS_KEY, NO_MERGE_TAGS);\nconst aliveFlag = useAliveFlag();\n\nconst aiChat = useAiChat({\n  authManager,\n  getTemplateId: () => editor.state.template?.id ?? null,\n  onApply: props.onApply,\n  onError: undefined,\n});\n\nconst promptInput = ref(\"\");\nconst messagesContainer = ref<HTMLElement | null>(null);\nconst historyLoaded = ref(false);\nconst visibleSuggestionCount = ref(0);\n\nconst { pause: pauseReveal, resume: resumeReveal } = useIntervalFn(\n  () => {\n    const count = aiChat.suggestions.value?.length ?? 0;\n    if (visibleSuggestionCount.value < count) {\n      visibleSuggestionCount.value++;\n    } else {\n      pauseReveal();\n    }\n  },\n  150,\n  { immediate: false },\n);\n\nconst { start: startRevealTimeout } = useTimeoutFn(() => resumeReveal(), 100, {\n  immediate: false,\n});\n\nwatch(\n  () => aiChat.suggestions.value?.length ?? 0,\n  (count) => {\n    pauseReveal();\n    if (count === 0) {\n      visibleSuggestionCount.value = 0;\n      return;\n    }\n\n    visibleSuggestionCount.value = 0;\n    startRevealTimeout();\n  },\n);\n\nfunction scrollToBottom(): void {\n  nextTick(() => {\n    if (messagesContainer.value) {\n      messagesContainer.value.scrollTop = messagesContainer.value.scrollHeight;\n    }\n  });\n}\n\nwatch(\n  () => aiChat.messages.value?.length ?? 0,\n  () => scrollToBottom(),\n);\n\nwatch(\n  () => props.visible,\n  async (isVisible) => {\n    if (isVisible && !historyLoaded.value) {\n      historyLoaded.value = true;\n      await aiChat.loadConversation();\n      if (!aliveFlag.alive) return;\n\n      if (\n        (aiChat.messages.value?.length ?? 0) === 0 &&\n        editor.content.value.blocks.length === 0\n      ) {\n        aiChat.loadSuggestions(editor.content.value, mergeTags.value);\n      }\n    }\n  },\n);\n\nasync function handleSend(): Promise<void> {\n  const prompt = promptInput.value.trim();\n  if (!prompt || aiChat.isGenerating.value) {\n    return;\n  }\n\n  promptInput.value = \"\";\n  aiChat.error.value = null;\n  aiChat.failedPrompt.value = null;\n  scrollToBottom();\n\n  await aiChat.sendPrompt(prompt, editor.content.value, mergeTags.value);\n  if (!aliveFlag.alive) return;\n\n  if (aiChat.failedPrompt.value) {\n    promptInput.value = aiChat.failedPrompt.value;\n  }\n\n  scrollToBottom();\n}\n\nfunction stripJsonBlock(text: string): string {\n  return text\n    .replace(/```json[\\s\\S]*?```/g, \"\")\n    .replace(/```json[\\s\\S]*/g, \"\")\n    .trim();\n}\n\nfunction handleSuggestionClick(suggestion: string): void {\n  pauseReveal();\n  promptInput.value = suggestion;\n  handleSend();\n}\n\nfunction handleKeydown(event: KeyboardEvent): void {\n  if (event.key === \"Enter\" && !event.shiftKey) {\n    event.preventDefault();\n    handleSend();\n  }\n}\n</script>\n\n<template>\n  <Transition\n    enter-active-class=\"tpl-ai-slide-enter-active\"\n    enter-from-class=\"tpl:translate-x-full\"\n    enter-to-class=\"tpl:translate-x-0\"\n    leave-active-class=\"tpl-ai-slide-leave-active\"\n    leave-from-class=\"tpl:translate-x-0\"\n    leave-to-class=\"tpl:translate-x-full\"\n  >\n    <div\n      v-if=\"visible\"\n      role=\"complementary\"\n      :aria-label=\"cloudTranslations.aiChat.title\"\n      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)]\"\n    >\n      <!-- Header -->\n      <div\n        class=\"tpl:flex tpl:items-center tpl:justify-between tpl:border-b tpl:border-[var(--tpl-border)] tpl:px-4 tpl:py-3\"\n      >\n        <div\n          class=\"tpl:flex tpl:items-center tpl:gap-1.5 tpl:text-sm tpl:font-medium tpl:text-[var(--tpl-primary)]\"\n        >\n          <Sparkles :size=\"13\" :stroke-width=\"2\" />\n          <span>\n            {{ cloudTranslations.aiChat.title }}\n          </span>\n        </div>\n        <div class=\"tpl:flex tpl:items-center tpl:gap-1\">\n          <button\n            v-if=\"(aiChat.messages.value?.length ?? 0) > 0\"\n            type=\"button\"\n            class=\"tpl:rounded-md tpl:p-0.5 tpl:transition-colors tpl:text-[var(--tpl-text-muted)]\"\n            :aria-label=\"cloudTranslations.aiChat.clear\"\n            :title=\"cloudTranslations.aiChat.clear\"\n            @click=\"aiChat.clearChat()\"\n          >\n            <Trash2 :size=\"14\" :stroke-width=\"2\" />\n          </button>\n          <button\n            type=\"button\"\n            class=\"tpl:rounded-md tpl:p-0.5 tpl:transition-colors tpl:text-[var(--tpl-text-muted)]\"\n            :aria-label=\"cloudTranslations.aiChat.close\"\n            @click=\"emit('close')\"\n          >\n            <X :size=\"14\" :stroke-width=\"2\" />\n          </button>\n        </div>\n      </div>\n\n      <!-- Messages wrapper -->\n      <div class=\"tpl:relative tpl:flex tpl:min-h-0 tpl:flex-1 tpl:flex-col\">\n        <!-- Messages -->\n        <div\n          ref=\"messagesContainer\"\n          class=\"tpl:flex-1 tpl:overflow-y-auto tpl:p-4\"\n        >\n          <!-- Loading history state -->\n          <div\n            v-if=\"aiChat.isLoadingHistory.value\"\n            class=\"tpl:flex tpl:h-full tpl:flex-col tpl:items-center tpl:justify-center tpl:gap-3 tpl:text-center\"\n          >\n            <LoaderCircle\n              class=\"tpl-spinner tpl:text-[var(--tpl-text-muted)]\"\n              :size=\"24\"\n              :stroke-width=\"2\"\n            />\n            <p class=\"tpl:text-sm tpl:text-[var(--tpl-text-muted)]\">\n              {{ cloudTranslations.aiChat.loadingHistory }}\n            </p>\n          </div>\n\n          <!-- Empty state -->\n          <div\n            v-else-if=\"(aiChat.messages.value?.length ?? 0) === 0\"\n            class=\"tpl:flex tpl:h-full tpl:flex-col tpl:items-center tpl:justify-center tpl:gap-3 tpl:text-center\"\n          >\n            <Sparkles\n              :size=\"32\"\n              :stroke-width=\"1.5\"\n              class=\"tpl:text-[var(--tpl-text-dim)]\"\n            />\n            <p\n              class=\"tpl:max-w-[240px] tpl:text-sm tpl:text-[var(--tpl-text-muted)]\"\n            >\n              {{ cloudTranslations.aiChat.placeholder }}\n            </p>\n          </div>\n\n          <!-- Message list -->\n          <div v-else class=\"tpl:flex tpl:flex-col tpl:gap-4\">\n            <div\n              v-for=\"(message, index) in aiChat.messages.value\"\n              :key=\"message.id\"\n              class=\"tpl:flex tpl:flex-col tpl:gap-2\"\n            >\n              <!-- User message -->\n              <div\n                v-if=\"message.role === 'user'\"\n                class=\"tpl:self-end tpl:rounded-[var(--tpl-radius-sm)] tpl:px-3.5 tpl:py-2.5 tpl:text-sm\"\n                style=\"\n                  background-color: var(--tpl-primary-light);\n                  color: var(--tpl-text);\n                  max-width: 85%;\n                  box-shadow: var(--tpl-shadow);\n                \"\n              >\n                {{ message.content }}\n              </div>\n\n              <!-- Assistant message -->\n              <div v-else class=\"tpl:flex tpl:flex-col tpl:gap-2\">\n                <LoadingTrack\n                  v-if=\"\n                    !stripJsonBlock(message.content) &&\n                    aiChat.isGenerating.value &&\n                    index === (aiChat.messages.value?.length ?? 0) - 1\n                  \"\n                />\n                <div\n                  v-else\n                  class=\"tpl:rounded-[var(--tpl-radius-sm)] tpl:px-3.5 tpl:py-2.5 tpl:text-sm tpl:whitespace-pre-wrap\"\n                  style=\"\n                    max-width: 85%;\n                    background-color: var(--tpl-bg);\n                    color: var(--tpl-text);\n                    box-shadow: var(--tpl-shadow);\n                  \"\n                >\n                  {{\n                    stripJsonBlock(message.content) ||\n                    cloudTranslations.aiChat.applied\n                  }}\n                </div>\n                <button\n                  v-if=\"\n                    message.id === aiChat.lastApplyMessageId.value &&\n                    !aiChat.isGenerating.value\n                  \"\n                  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\"\n                  style=\"\n                    border-color: var(--tpl-border);\n                    color: var(--tpl-text-muted);\n                    background-color: transparent;\n                  \"\n                  @click=\"aiChat.toggleLastRevert()\"\n                >\n                  <template v-if=\"aiChat.isLastChangeReverted.value\">\n                    <Redo2 :size=\"12\" :stroke-width=\"2\" />\n                    {{ cloudTranslations.aiChat.reapply }}\n                  </template>\n                  <template v-else>\n                    <Undo2 :size=\"12\" :stroke-width=\"2\" />\n                    {{ cloudTranslations.aiChat.revert }}\n                  </template>\n                </button>\n              </div>\n            </div>\n          </div>\n        </div>\n\n        <!-- Error message -->\n        <div\n          v-if=\"aiChat.error.value\"\n          class=\"tpl:mx-3 tpl:mb-2 tpl:flex tpl:items-start tpl:gap-2 tpl:rounded-lg tpl:px-3 tpl:py-2 tpl:text-xs\"\n          style=\"\n            background-color: var(--tpl-danger-light);\n            color: var(--tpl-danger);\n          \"\n        >\n          <CircleAlert\n            :size=\"14\"\n            :stroke-width=\"2\"\n            class=\"tpl:mt-0.5 tpl:shrink-0\"\n          />\n          <span>{{\n            aiChat.error.value === \"ai_apply_failed\"\n              ? cloudTranslations.aiChat.applyFailed\n              : cloudTranslations.aiChat.error\n          }}</span>\n        </div>\n\n        <!-- Suggestions (overlay) -->\n        <div\n          v-if=\"(aiChat.suggestions.value?.length ?? 0) > 0\"\n          class=\"tpl:absolute tpl:right-0 tpl:bottom-0 tpl:left-0 tpl:z-10 tpl:px-3 tpl:pb-3\"\n          style=\"\n            background-color: color-mix(\n              in srgb,\n              var(--tpl-bg) 50%,\n              transparent\n            );\n            backdrop-filter: blur(2px);\n          \"\n        >\n          <div class=\"tpl:flex tpl:flex-col tpl:gap-1.5\">\n            <button\n              v-for=\"(suggestion, index) in aiChat.suggestions.value ?? []\"\n              :key=\"index\"\n              class=\"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\"\n              :class=\"\n                (aiChat.suggestions.value?.length ?? 0) - 1 - index <\n                visibleSuggestionCount\n                  ? 'tpl:translate-y-0 tpl:opacity-100'\n                  : 'tpl:pointer-events-none tpl:-translate-y-2 tpl:opacity-0'\n              \"\n              style=\"\n                border-color: var(--tpl-border);\n                color: var(--tpl-primary);\n                background-color: var(--tpl-bg);\n                box-shadow: var(--tpl-shadow);\n              \"\n              @click=\"handleSuggestionClick(suggestion)\"\n            >\n              {{ suggestion }}\n            </button>\n          </div>\n        </div>\n      </div>\n\n      <!-- Input area -->\n      <div class=\"tpl:border-t tpl:p-3 tpl:border-[var(--tpl-border)]\">\n        <div\n          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)]\"\n        >\n          <textarea\n            v-model=\"promptInput\"\n            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)]\"\n            :placeholder=\"cloudTranslations.aiChat.inputPlaceholder\"\n            :disabled=\"aiChat.isGenerating.value\"\n            rows=\"3\"\n            @keydown=\"handleKeydown\"\n          />\n          <button\n            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)]\"\n            :disabled=\"!promptInput.trim() || aiChat.isGenerating.value\"\n            @click=\"handleSend\"\n          >\n            <Send :size=\"16\" :stroke-width=\"2\" />\n          </button>\n        </div>\n\n        <!-- AI disclaimer -->\n        <p\n          class=\"tpl:m-0 tpl:px-1 tpl:pt-2 tpl:text-center tpl:text-[10px] tpl:text-[var(--tpl-text-dim)]\"\n        >\n          {{ cloudTranslations.aiMenu.disclaimer }}\n        </p>\n      </div>\n    </div>\n  </Transition>\n</template>\n\n<style scoped>\n.tpl-ai-slide-enter-active {\n  transition: transform 280ms cubic-bezier(0.16, 1, 0.3, 1);\n}\n\n.tpl-ai-slide-leave-active {\n  transition: transform 200ms cubic-bezier(0.16, 1, 0.3, 1);\n}\n\n.tpl-ai-input-wrapper:focus-within {\n  border-color: var(--tpl-primary);\n  box-shadow: var(--tpl-ring);\n}\n\n.tpl-ai-send-btn:not(:disabled):hover {\n  transform: scale(1.05);\n}\n\n.tpl-suggestion-btn:hover {\n  border-color: var(--tpl-primary) !important;\n  background-color: var(--tpl-primary-light) !important;\n}\n</style>\n","<script setup lang=\"ts\">\nimport LoadingTrack from \"../../components/LoadingTrack.vue\";\nimport { useAiChat } from \"@templatical/core/cloud\";\nimport {\n  CLOUD_TRANSLATIONS_KEY,\n  EDITOR_KEY,\n  AUTH_MANAGER_KEY,\n  MERGE_TAGS_KEY,\n  NO_MERGE_TAGS,\n  requireInject,\n} from \"../../keys\";\nimport { useAliveFlag } from \"../../composables/useAliveFlag\";\nimport type { TemplateContent } from \"@templatical/types\";\nimport {\n  CircleAlert,\n  LoaderCircle,\n  Redo2,\n  Send,\n  Sparkles,\n  Trash2,\n  Undo2,\n  X,\n} from \"@lucide/vue\";\nimport { inject, nextTick, ref, watch } from \"vue\";\nimport { useIntervalFn, useTimeoutFn } from \"@vueuse/core\";\n\nconst props = defineProps<{\n  visible: boolean;\n  onApply?: (content: TemplateContent) => void;\n}>();\n\nconst emit = defineEmits<{\n  (e: \"close\"): void;\n}>();\n\nconst cloudTranslations = requireInject(\n  CLOUD_TRANSLATIONS_KEY,\n  \"AiChatSidebar\",\n);\nconst editor = requireInject(EDITOR_KEY, \"AiChatSidebar\");\nconst authManager = requireInject(AUTH_MANAGER_KEY, \"AiChatSidebar\");\nconst mergeTags = inject(MERGE_TAGS_KEY, NO_MERGE_TAGS);\nconst aliveFlag = useAliveFlag();\n\nconst aiChat = useAiChat({\n  authManager,\n  getTemplateId: () => editor.state.template?.id ?? null,\n  onApply: props.onApply,\n  onError: undefined,\n});\n\nconst promptInput = ref(\"\");\nconst messagesContainer = ref<HTMLElement | null>(null);\nconst historyLoaded = ref(false);\nconst visibleSuggestionCount = ref(0);\n\nconst { pause: pauseReveal, resume: resumeReveal } = useIntervalFn(\n  () => {\n    const count = aiChat.suggestions.value?.length ?? 0;\n    if (visibleSuggestionCount.value < count) {\n      visibleSuggestionCount.value++;\n    } else {\n      pauseReveal();\n    }\n  },\n  150,\n  { immediate: false },\n);\n\nconst { start: startRevealTimeout } = useTimeoutFn(() => resumeReveal(), 100, {\n  immediate: false,\n});\n\nwatch(\n  () => aiChat.suggestions.value?.length ?? 0,\n  (count) => {\n    pauseReveal();\n    if (count === 0) {\n      visibleSuggestionCount.value = 0;\n      return;\n    }\n\n    visibleSuggestionCount.value = 0;\n    startRevealTimeout();\n  },\n);\n\nfunction scrollToBottom(): void {\n  nextTick(() => {\n    if (messagesContainer.value) {\n      messagesContainer.value.scrollTop = messagesContainer.value.scrollHeight;\n    }\n  });\n}\n\nwatch(\n  () => aiChat.messages.value?.length ?? 0,\n  () => scrollToBottom(),\n);\n\nwatch(\n  () => props.visible,\n  async (isVisible) => {\n    if (isVisible && !historyLoaded.value) {\n      historyLoaded.value = true;\n      await aiChat.loadConversation();\n      if (!aliveFlag.alive) return;\n\n      if (\n        (aiChat.messages.value?.length ?? 0) === 0 &&\n        editor.content.value.blocks.length === 0\n      ) {\n        aiChat.loadSuggestions(editor.content.value, mergeTags.value);\n      }\n    }\n  },\n);\n\nasync function handleSend(): Promise<void> {\n  const prompt = promptInput.value.trim();\n  if (!prompt || aiChat.isGenerating.value) {\n    return;\n  }\n\n  promptInput.value = \"\";\n  aiChat.error.value = null;\n  aiChat.failedPrompt.value = null;\n  scrollToBottom();\n\n  await aiChat.sendPrompt(prompt, editor.content.value, mergeTags.value);\n  if (!aliveFlag.alive) return;\n\n  if (aiChat.failedPrompt.value) {\n    promptInput.value = aiChat.failedPrompt.value;\n  }\n\n  scrollToBottom();\n}\n\nfunction stripJsonBlock(text: string): string {\n  return text\n    .replace(/```json[\\s\\S]*?```/g, \"\")\n    .replace(/```json[\\s\\S]*/g, \"\")\n    .trim();\n}\n\nfunction handleSuggestionClick(suggestion: string): void {\n  pauseReveal();\n  promptInput.value = suggestion;\n  handleSend();\n}\n\nfunction handleKeydown(event: KeyboardEvent): void {\n  if (event.key === \"Enter\" && !event.shiftKey) {\n    event.preventDefault();\n    handleSend();\n  }\n}\n</script>\n\n<template>\n  <Transition\n    enter-active-class=\"tpl-ai-slide-enter-active\"\n    enter-from-class=\"tpl:translate-x-full\"\n    enter-to-class=\"tpl:translate-x-0\"\n    leave-active-class=\"tpl-ai-slide-leave-active\"\n    leave-from-class=\"tpl:translate-x-0\"\n    leave-to-class=\"tpl:translate-x-full\"\n  >\n    <div\n      v-if=\"visible\"\n      role=\"complementary\"\n      :aria-label=\"cloudTranslations.aiChat.title\"\n      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)]\"\n    >\n      <!-- Header -->\n      <div\n        class=\"tpl:flex tpl:items-center tpl:justify-between tpl:border-b tpl:border-[var(--tpl-border)] tpl:px-4 tpl:py-3\"\n      >\n        <div\n          class=\"tpl:flex tpl:items-center tpl:gap-1.5 tpl:text-sm tpl:font-medium tpl:text-[var(--tpl-primary)]\"\n        >\n          <Sparkles :size=\"13\" :stroke-width=\"2\" />\n          <span>\n            {{ cloudTranslations.aiChat.title }}\n          </span>\n        </div>\n        <div class=\"tpl:flex tpl:items-center tpl:gap-1\">\n          <button\n            v-if=\"(aiChat.messages.value?.length ?? 0) > 0\"\n            type=\"button\"\n            class=\"tpl:rounded-md tpl:p-0.5 tpl:transition-colors tpl:text-[var(--tpl-text-muted)]\"\n            :aria-label=\"cloudTranslations.aiChat.clear\"\n            :title=\"cloudTranslations.aiChat.clear\"\n            @click=\"aiChat.clearChat()\"\n          >\n            <Trash2 :size=\"14\" :stroke-width=\"2\" />\n          </button>\n          <button\n            type=\"button\"\n            class=\"tpl:rounded-md tpl:p-0.5 tpl:transition-colors tpl:text-[var(--tpl-text-muted)]\"\n            :aria-label=\"cloudTranslations.aiChat.close\"\n            @click=\"emit('close')\"\n          >\n            <X :size=\"14\" :stroke-width=\"2\" />\n          </button>\n        </div>\n      </div>\n\n      <!-- Messages wrapper -->\n      <div class=\"tpl:relative tpl:flex tpl:min-h-0 tpl:flex-1 tpl:flex-col\">\n        <!-- Messages -->\n        <div\n          ref=\"messagesContainer\"\n          class=\"tpl:flex-1 tpl:overflow-y-auto tpl:p-4\"\n        >\n          <!-- Loading history state -->\n          <div\n            v-if=\"aiChat.isLoadingHistory.value\"\n            class=\"tpl:flex tpl:h-full tpl:flex-col tpl:items-center tpl:justify-center tpl:gap-3 tpl:text-center\"\n          >\n            <LoaderCircle\n              class=\"tpl-spinner tpl:text-[var(--tpl-text-muted)]\"\n              :size=\"24\"\n              :stroke-width=\"2\"\n            />\n            <p class=\"tpl:text-sm tpl:text-[var(--tpl-text-muted)]\">\n              {{ cloudTranslations.aiChat.loadingHistory }}\n            </p>\n          </div>\n\n          <!-- Empty state -->\n          <div\n            v-else-if=\"(aiChat.messages.value?.length ?? 0) === 0\"\n            class=\"tpl:flex tpl:h-full tpl:flex-col tpl:items-center tpl:justify-center tpl:gap-3 tpl:text-center\"\n          >\n            <Sparkles\n              :size=\"32\"\n              :stroke-width=\"1.5\"\n              class=\"tpl:text-[var(--tpl-text-dim)]\"\n            />\n            <p\n              class=\"tpl:max-w-[240px] tpl:text-sm tpl:text-[var(--tpl-text-muted)]\"\n            >\n              {{ cloudTranslations.aiChat.placeholder }}\n            </p>\n          </div>\n\n          <!-- Message list -->\n          <div v-else class=\"tpl:flex tpl:flex-col tpl:gap-4\">\n            <div\n              v-for=\"(message, index) in aiChat.messages.value\"\n              :key=\"message.id\"\n              class=\"tpl:flex tpl:flex-col tpl:gap-2\"\n            >\n              <!-- User message -->\n              <div\n                v-if=\"message.role === 'user'\"\n                class=\"tpl:self-end tpl:rounded-[var(--tpl-radius-sm)] tpl:px-3.5 tpl:py-2.5 tpl:text-sm\"\n                style=\"\n                  background-color: var(--tpl-primary-light);\n                  color: var(--tpl-text);\n                  max-width: 85%;\n                  box-shadow: var(--tpl-shadow);\n                \"\n              >\n                {{ message.content }}\n              </div>\n\n              <!-- Assistant message -->\n              <div v-else class=\"tpl:flex tpl:flex-col tpl:gap-2\">\n                <LoadingTrack\n                  v-if=\"\n                    !stripJsonBlock(message.content) &&\n                    aiChat.isGenerating.value &&\n                    index === (aiChat.messages.value?.length ?? 0) - 1\n                  \"\n                />\n                <div\n                  v-else\n                  class=\"tpl:rounded-[var(--tpl-radius-sm)] tpl:px-3.5 tpl:py-2.5 tpl:text-sm tpl:whitespace-pre-wrap\"\n                  style=\"\n                    max-width: 85%;\n                    background-color: var(--tpl-bg);\n                    color: var(--tpl-text);\n                    box-shadow: var(--tpl-shadow);\n                  \"\n                >\n                  {{\n                    stripJsonBlock(message.content) ||\n                    cloudTranslations.aiChat.applied\n                  }}\n                </div>\n                <button\n                  v-if=\"\n                    message.id === aiChat.lastApplyMessageId.value &&\n                    !aiChat.isGenerating.value\n                  \"\n                  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\"\n                  style=\"\n                    border-color: var(--tpl-border);\n                    color: var(--tpl-text-muted);\n                    background-color: transparent;\n                  \"\n                  @click=\"aiChat.toggleLastRevert()\"\n                >\n                  <template v-if=\"aiChat.isLastChangeReverted.value\">\n                    <Redo2 :size=\"12\" :stroke-width=\"2\" />\n                    {{ cloudTranslations.aiChat.reapply }}\n                  </template>\n                  <template v-else>\n                    <Undo2 :size=\"12\" :stroke-width=\"2\" />\n                    {{ cloudTranslations.aiChat.revert }}\n                  </template>\n                </button>\n              </div>\n            </div>\n          </div>\n        </div>\n\n        <!-- Error message -->\n        <div\n          v-if=\"aiChat.error.value\"\n          class=\"tpl:mx-3 tpl:mb-2 tpl:flex tpl:items-start tpl:gap-2 tpl:rounded-lg tpl:px-3 tpl:py-2 tpl:text-xs\"\n          style=\"\n            background-color: var(--tpl-danger-light);\n            color: var(--tpl-danger);\n          \"\n        >\n          <CircleAlert\n            :size=\"14\"\n            :stroke-width=\"2\"\n            class=\"tpl:mt-0.5 tpl:shrink-0\"\n          />\n          <span>{{\n            aiChat.error.value === \"ai_apply_failed\"\n              ? cloudTranslations.aiChat.applyFailed\n              : cloudTranslations.aiChat.error\n          }}</span>\n        </div>\n\n        <!-- Suggestions (overlay) -->\n        <div\n          v-if=\"(aiChat.suggestions.value?.length ?? 0) > 0\"\n          class=\"tpl:absolute tpl:right-0 tpl:bottom-0 tpl:left-0 tpl:z-10 tpl:px-3 tpl:pb-3\"\n          style=\"\n            background-color: color-mix(\n              in srgb,\n              var(--tpl-bg) 50%,\n              transparent\n            );\n            backdrop-filter: blur(2px);\n          \"\n        >\n          <div class=\"tpl:flex tpl:flex-col tpl:gap-1.5\">\n            <button\n              v-for=\"(suggestion, index) in aiChat.suggestions.value ?? []\"\n              :key=\"index\"\n              class=\"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\"\n              :class=\"\n                (aiChat.suggestions.value?.length ?? 0) - 1 - index <\n                visibleSuggestionCount\n                  ? 'tpl:translate-y-0 tpl:opacity-100'\n                  : 'tpl:pointer-events-none tpl:-translate-y-2 tpl:opacity-0'\n              \"\n              style=\"\n                border-color: var(--tpl-border);\n                color: var(--tpl-primary);\n                background-color: var(--tpl-bg);\n                box-shadow: var(--tpl-shadow);\n              \"\n              @click=\"handleSuggestionClick(suggestion)\"\n            >\n              {{ suggestion }}\n            </button>\n          </div>\n        </div>\n      </div>\n\n      <!-- Input area -->\n      <div class=\"tpl:border-t tpl:p-3 tpl:border-[var(--tpl-border)]\">\n        <div\n          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)]\"\n        >\n          <textarea\n            v-model=\"promptInput\"\n            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)]\"\n            :placeholder=\"cloudTranslations.aiChat.inputPlaceholder\"\n            :disabled=\"aiChat.isGenerating.value\"\n            rows=\"3\"\n            @keydown=\"handleKeydown\"\n          />\n          <button\n            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)]\"\n            :disabled=\"!promptInput.trim() || aiChat.isGenerating.value\"\n            @click=\"handleSend\"\n          >\n            <Send :size=\"16\" :stroke-width=\"2\" />\n          </button>\n        </div>\n\n        <!-- AI disclaimer -->\n        <p\n          class=\"tpl:m-0 tpl:px-1 tpl:pt-2 tpl:text-center tpl:text-[10px] tpl:text-[var(--tpl-text-dim)]\"\n        >\n          {{ cloudTranslations.aiMenu.disclaimer }}\n        </p>\n      </div>\n    </div>\n  </Transition>\n</template>\n\n<style scoped>\n.tpl-ai-slide-enter-active {\n  transition: transform 280ms cubic-bezier(0.16, 1, 0.3, 1);\n}\n\n.tpl-ai-slide-leave-active {\n  transition: transform 200ms cubic-bezier(0.16, 1, 0.3, 1);\n}\n\n.tpl-ai-input-wrapper:focus-within {\n  border-color: var(--tpl-primary);\n  box-shadow: var(--tpl-ring);\n}\n\n.tpl-ai-send-btn:not(:disabled):hover {\n  transform: scale(1.05);\n}\n\n.tpl-suggestion-btn:hover {\n  border-color: var(--tpl-primary) !important;\n  background-color: var(--tpl-primary-light) !important;\n}\n</style>\n"],"mappings":"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"}

package/dist/cdn/chunks/{AiFeatureMenu-Cx3qdStQ.js → AiFeatureMenu-BXSPgOzA.js}

@@ -1,7 +1,7 @@
 import { F as e, N as t, R as n, S as r, f as i, g as a, lt as o, m as s, p as c, u as l, ut as u } from "./draggable-IB4x6w2O.js";
-import "./useEditorCore-DZmtKwJh.js";
+import "./useEditorCore-D4kzTMtQ.js";
 import { $ as d, t as f } from "./keys-DCWeHkSF.js";
-import { E as p, k as m, pt as h } from "./icons-BKkJ-5xF.js";
+import { A as p, D as m, mt as h } from "./icons-CQnjugjy.js";
 import { t as g } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { n as _ } from "./useCloudI18n-CrjWbpbu.js";
 //#region src/cloud/components/AiFeatureMenu.vue?vue&type=script&setup=true&lang.ts
@@ -17,7 +17,7 @@ var v = { class: "tpl-ai-feature-menu tpl:w-[280px] tpl:overflow-hidden tpl:roun
 		}, D = [
 			{
 				key: "ai-chat",
-				icon: p
+				icon: m
 			},
 			{
 				key: "design-reference",
@@ -25,7 +25,7 @@ var v = { class: "tpl-ai-feature-menu tpl:w-[280px] tpl:overflow-hidden tpl:roun
 			},
 			{
 				key: "scoring",
-				icon: m
+				icon: p
 			}
 		], O = i(() => D.filter((e) => T.isFeatureEnabled(E[e.key])));
 		function k(e) {
@@ -54,4 +54,4 @@ var v = { class: "tpl-ai-feature-menu tpl:w-[280px] tpl:overflow-hidden tpl:roun
 //#endregion
 export { C as default };
 
-//# sourceMappingURL=AiFeatureMenu-Cx3qdStQ.js.map
+//# sourceMappingURL=AiFeatureMenu-BXSPgOzA.js.map

package/dist/cdn/chunks/AiFeatureMenu-BXSPgOzA.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AiFeatureMenu-BXSPgOzA.js","names":["_openBlock","_createElementBlock","_Fragment","_renderList","_normalizeStyle","_createElementVNode","_createBlock","_resolveDynamicComponent","_toDisplayString","_sfc_main","renderList","openBlock","resolveDynamicComponent","defineComponent","computed","createElementBlock","normalizeStyle","createBlock","createBaseVNode","Fragment","toDisplayString","requireInject","AI_CONFIG_KEY","ShieldCheck","Sparkles","ImageUp","_plugin_vue_export_helper_default","useCloudI18nStrict","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","AiFeatureMenu_default","__emit","emit","cloudT","aiConfig","configKeyMap","allFeatures","features","f","getTitle","key","getDescription","feature","__props"],"sources":["../../../src/cloud/components/AiFeatureMenu.vue","../../../src/cloud/components/AiFeatureMenu.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { useCloudI18nStrict } from \"../../composables\";\nimport { AI_CONFIG_KEY, requireInject } from \"../../keys\";\nimport type { AiConfig } from \"@templatical/types\";\nimport { ImageUp, ShieldCheck, Sparkles } from \"@lucide/vue\";\nimport { computed } from \"vue\";\n\nexport type AiFeature = \"ai-chat\" | \"design-reference\" | \"scoring\";\n\ndefineProps<{\n  activeFeature: AiFeature | null;\n}>();\n\nconst emit = defineEmits<{\n  (e: \"select\", feature: AiFeature): void;\n}>();\n\nconst { t: cloudT } = useCloudI18nStrict();\n\nconst aiConfig = requireInject(AI_CONFIG_KEY, \"AiFeatureMenu\");\n\nconst configKeyMap: Record<AiFeature, keyof AiConfig> = {\n  \"ai-chat\": \"chat\",\n  \"design-reference\": \"designToTemplate\",\n  scoring: \"scoring\",\n};\n\nconst allFeatures: { key: AiFeature; icon: typeof Sparkles }[] = [\n  { key: \"ai-chat\", icon: Sparkles },\n  { key: \"design-reference\", icon: ImageUp },\n  { key: \"scoring\", icon: ShieldCheck },\n];\n\nconst features = computed(() =>\n  allFeatures.filter((f) => aiConfig.isFeatureEnabled(configKeyMap[f.key])),\n);\n\nfunction getTitle(key: AiFeature): string {\n  if (key === \"ai-chat\") return cloudT.aiMenu.aiAssistant;\n  if (key === \"design-reference\") return cloudT.aiMenu.designToTemplate;\n  return cloudT.aiMenu.templateScore;\n}\n\nfunction getDescription(key: AiFeature): string {\n  if (key === \"ai-chat\") return cloudT.aiMenu.aiAssistantDesc;\n  if (key === \"design-reference\") return cloudT.aiMenu.designToTemplateDesc;\n  return cloudT.aiMenu.templateScoreDesc;\n}\n</script>\n\n<template>\n  <div\n    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)]\"\n  >\n    <button\n      v-for=\"feature in features\"\n      :key=\"feature.key\"\n      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\"\n      :style=\"{\n        backgroundColor:\n          activeFeature === feature.key\n            ? 'var(--tpl-primary-light)'\n            : 'transparent',\n      }\"\n      @click=\"emit('select', feature.key)\"\n    >\n      <div\n        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)]\"\n        :style=\"{\n          backgroundColor:\n            activeFeature === feature.key\n              ? 'var(--tpl-primary)'\n              : 'var(--tpl-bg-active)',\n          color:\n            activeFeature === feature.key\n              ? 'var(--tpl-bg)'\n              : 'var(--tpl-text-muted)',\n        }\"\n      >\n        <component :is=\"feature.icon\" :size=\"15\" :stroke-width=\"2\" />\n      </div>\n      <div class=\"tpl:flex tpl:min-w-0 tpl:flex-col tpl:gap-0.5\">\n        <span class=\"tpl:text-sm tpl:font-medium tpl:text-[var(--tpl-text)]\">\n          {{ getTitle(feature.key) }}\n        </span>\n        <span\n          class=\"tpl:text-xs tpl:leading-snug tpl:text-[var(--tpl-text-muted)]\"\n        >\n          {{ getDescription(feature.key) }}\n        </span>\n      </div>\n    </button>\n  </div>\n</template>\n\n<style scoped>\n.tpl-ai-feature-menu-item:hover {\n  background-color: var(--tpl-bg-hover) !important;\n}\n</style>\n","<script setup lang=\"ts\">\nimport { useCloudI18nStrict } from \"../../composables\";\nimport { AI_CONFIG_KEY, requireInject } from \"../../keys\";\nimport type { AiConfig } from \"@templatical/types\";\nimport { ImageUp, ShieldCheck, Sparkles } from \"@lucide/vue\";\nimport { computed } from \"vue\";\n\nexport type AiFeature = \"ai-chat\" | \"design-reference\" | \"scoring\";\n\ndefineProps<{\n  activeFeature: AiFeature | null;\n}>();\n\nconst emit = defineEmits<{\n  (e: \"select\", feature: AiFeature): void;\n}>();\n\nconst { t: cloudT } = useCloudI18nStrict();\n\nconst aiConfig = requireInject(AI_CONFIG_KEY, \"AiFeatureMenu\");\n\nconst configKeyMap: Record<AiFeature, keyof AiConfig> = {\n  \"ai-chat\": \"chat\",\n  \"design-reference\": \"designToTemplate\",\n  scoring: \"scoring\",\n};\n\nconst allFeatures: { key: AiFeature; icon: typeof Sparkles }[] = [\n  { key: \"ai-chat\", icon: Sparkles },\n  { key: \"design-reference\", icon: ImageUp },\n  { key: \"scoring\", icon: ShieldCheck },\n];\n\nconst features = computed(() =>\n  allFeatures.filter((f) => aiConfig.isFeatureEnabled(configKeyMap[f.key])),\n);\n\nfunction getTitle(key: AiFeature): string {\n  if (key === \"ai-chat\") return cloudT.aiMenu.aiAssistant;\n  if (key === \"design-reference\") return cloudT.aiMenu.designToTemplate;\n  return cloudT.aiMenu.templateScore;\n}\n\nfunction getDescription(key: AiFeature): string {\n  if (key === \"ai-chat\") return cloudT.aiMenu.aiAssistantDesc;\n  if (key === \"design-reference\") return cloudT.aiMenu.designToTemplateDesc;\n  return cloudT.aiMenu.templateScoreDesc;\n}\n</script>\n\n<template>\n  <div\n    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)]\"\n  >\n    <button\n      v-for=\"feature in features\"\n      :key=\"feature.key\"\n      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\"\n      :style=\"{\n        backgroundColor:\n          activeFeature === feature.key\n            ? 'var(--tpl-primary-light)'\n            : 'transparent',\n      }\"\n      @click=\"emit('select', feature.key)\"\n    >\n      <div\n        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)]\"\n        :style=\"{\n          backgroundColor:\n            activeFeature === feature.key\n              ? 'var(--tpl-primary)'\n              : 'var(--tpl-bg-active)',\n          color:\n            activeFeature === feature.key\n              ? 'var(--tpl-bg)'\n              : 'var(--tpl-text-muted)',\n        }\"\n      >\n        <component :is=\"feature.icon\" :size=\"15\" :stroke-width=\"2\" />\n      </div>\n      <div class=\"tpl:flex tpl:min-w-0 tpl:flex-col tpl:gap-0.5\">\n        <span class=\"tpl:text-sm tpl:font-medium tpl:text-[var(--tpl-text)]\">\n          {{ getTitle(feature.key) }}\n        </span>\n        <span\n          class=\"tpl:text-xs tpl:leading-snug tpl:text-[var(--tpl-text-muted)]\"\n        >\n          {{ getDescription(feature.key) }}\n        </span>\n      </div>\n    </button>\n  </div>\n</template>\n\n<style scoped>\n.tpl-ai-feature-menu-item:hover {\n  background-color: var(--tpl-bg-hover) !important;\n}\n</style>\n"],"mappings":";;;;;;;;;;;;EAaA,IAAMmC,IAAOD,GAIP,EAAE,GAAGE,MAAWT,EAAmB,GAEnCU,IAAWhB,EAAcC,GAAe,eAAe,GAEvDgB,IAAkD;GACtD,WAAW;GACX,oBAAoB;GACpB,SAAS;EACX,GAEMC,IAA2D;GAC/D;IAAE,KAAK;IAAW,MAAMf;GAAS;GACjC;IAAE,KAAK;IAAoB,MAAMC;GAAQ;GACzC;IAAE,KAAK;IAAW,MAAMF;GAAY;EACtC,GAEMiB,IAAW1B,QACfyB,EAAY,QAAQ,MAAMF,EAAS,iBAAiBC,EAAaG,EAAE,IAAI,CAAC,CAC1E;EAEA,SAASC,EAAS,GAAwB;GAGxC,OAFIC,MAAQ,YAAkBP,EAAO,OAAO,cACxCO,MAAQ,qBAA2BP,EAAO,OAAO,mBAC9CA,EAAO,OAAO;EACvB;EAEA,SAASQ,EAAe,GAAwB;GAG9C,OAFID,MAAQ,YAAkBP,EAAO,OAAO,kBACxCO,MAAQ,qBAA2BP,EAAO,OAAO,uBAC9CA,EAAO,OAAO;EACvB;oBAIEpC,EAAA,GAAAC,EAyCM,OAzCN2B,GAyCM,EAtCJ5B,EAAA,EAAA,GAAAC,EAqCSC,GAAA,MAAAC,EApCWqC,EAAA,QAAX,OADTxC,EAAA,GAAAC,EAqCS,UAAA;GAnCN,KAAK4C,EAAQ;GACd,OAAM;GACL,OAAKzC,EAAA,EAAA,iBAAuC0C,EAAA,kBAAkBD,EAAQ,MAAA,6BAAA,cAAA,CAAA;GAMtE,UAAK,MAAEV,EAAI,UAAWU,EAAQ,GAAG;EAElCxC,GAAAA,CAAAA,EAcM,OAAA;GAbJ,OAAM;GACL,OAAKD,EAAA;IAA2C,iBAAA0C,EAAA,kBAAkBD,EAAQ,MAAA,uBAAA;IAA8G,OAAAC,EAAA,kBAAkBD,EAAQ,MAAA,kBAAA;;EAWnN7C,GAAAA,EAAAA,EAAA,GAAAM,EAA6DC,EAA7CsC,EAAQ,IAAI,GAAA;GAAG,MAAM;GAAK,gBAAc;EAE1DxC,CAAAA,EAAAA,GAAAA,CAAAA,GAAAA,EASM,OATNyB,GASM,CARJzB,EAEO,QAFP0B,GAEOvB,EADFkC,EAASG,EAAQ,GAAG,CAAA,GAAA,CAAA,GAEzBxC,EAIO,QAJP2B,GAIOxB,EADFoC,EAAeC,EAAQ,GAAG,CAAA,GAAA,CAAA,CAAA,CAAA,CAAA,GAAA,IAAAhB,CAAA"}

package/dist/cdn/chunks/{BlockIssueBadge-DS1pUf5g.js → BlockIssueBadge-ChQ0mPf5.js}

@@ -1,7 +1,7 @@
 import { E as e, N as t, S as n, at as r, ct as i, f as a, g as o, h as s, m as c } from "./draggable-IB4x6w2O.js";
 import { K as l } from "./keys-DCWeHkSF.js";
 import { t as u } from "./useI18n-CyO_Nmca.js";
-import { Mt as d, u as f } from "./icons-BKkJ-5xF.js";
+import { Nt as d, d as f } from "./icons-CQnjugjy.js";
 //#region src/components/canvas/BlockIssueBadge.vue?vue&type=script&setup=true&lang.ts
 var p = ["title", "aria-label"], m = /* @__PURE__ */ n({
 	__name: "BlockIssueBadge",
@@ -32,4 +32,4 @@ var p = ["title", "aria-label"], m = /* @__PURE__ */ n({
 //#endregion
 export { m as default };
 
-//# sourceMappingURL=BlockIssueBadge-DS1pUf5g.js.map
+//# sourceMappingURL=BlockIssueBadge-ChQ0mPf5.js.map

package/dist/cdn/chunks/BlockIssueBadge-ChQ0mPf5.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BlockIssueBadge-ChQ0mPf5.js","names":["_openBlock","_createElementBlock","_normalizeClass","_createBlock","_unref","_createCommentVNode","_sfc_main","inject","openBlock","defineComponent","unref","normalizeClass","computed","createElementBlock","createCommentVNode","createBlock","TEMPLATE_LINT_KEY","useI18n","CircleAlert","TriangleAlert","_hoisted_1","BlockIssueBadge_default","props","__props","lint","blockIssues","i","severity","tooltip","t"],"sources":["../../../src/components/canvas/BlockIssueBadge.vue","../../../src/components/canvas/BlockIssueBadge.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, inject } from \"vue\";\nimport { CircleAlert, TriangleAlert } from \"@lucide/vue\";\nimport { useI18n } from \"../../composables/useI18n\";\nimport { TEMPLATE_LINT_KEY } from \"../../keys\";\n\nconst props = defineProps<{ blockId: string }>();\nconst { t } = useI18n();\nconst lint = inject(TEMPLATE_LINT_KEY, null);\n\nconst blockIssues = computed(() =>\n  (lint?.issues.value ?? []).filter((i) => i.blockId === props.blockId),\n);\n\nconst severity = computed<\"error\" | \"warning\" | null>(() => {\n  if (blockIssues.value.some((i) => i.severity === \"error\")) return \"error\";\n  if (blockIssues.value.some((i) => i.severity === \"warning\")) return \"warning\";\n  return null;\n});\n\nconst tooltip = computed(() =>\n  severity.value === \"error\" ? t.issues.badgeError : t.issues.badgeWarning,\n);\n</script>\n\n<template>\n  <span\n    v-if=\"severity\"\n    class=\"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)]\"\n    :class=\"\n      severity === 'error'\n        ? 'tpl:text-[var(--tpl-danger)]'\n        : 'tpl:text-[var(--tpl-warning)]'\n    \"\n    :title=\"tooltip\"\n    :aria-label=\"tooltip\"\n    role=\"img\"\n  >\n    <CircleAlert\n      v-if=\"severity === 'error'\"\n      :size=\"14\"\n      :stroke-width=\"2.25\"\n      fill=\"currentColor\"\n      stroke=\"var(--tpl-bg)\"\n    />\n    <TriangleAlert\n      v-else\n      :size=\"14\"\n      :stroke-width=\"2.25\"\n      fill=\"currentColor\"\n      stroke=\"var(--tpl-bg)\"\n    />\n  </span>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, inject } from \"vue\";\nimport { CircleAlert, TriangleAlert } from \"@lucide/vue\";\nimport { useI18n } from \"../../composables/useI18n\";\nimport { TEMPLATE_LINT_KEY } from \"../../keys\";\n\nconst props = defineProps<{ blockId: string }>();\nconst { t } = useI18n();\nconst lint = inject(TEMPLATE_LINT_KEY, null);\n\nconst blockIssues = computed(() =>\n  (lint?.issues.value ?? []).filter((i) => i.blockId === props.blockId),\n);\n\nconst severity = computed<\"error\" | \"warning\" | null>(() => {\n  if (blockIssues.value.some((i) => i.severity === \"error\")) return \"error\";\n  if (blockIssues.value.some((i) => i.severity === \"warning\")) return \"warning\";\n  return null;\n});\n\nconst tooltip = computed(() =>\n  severity.value === \"error\" ? t.issues.badgeError : t.issues.badgeWarning,\n);\n</script>\n\n<template>\n  <span\n    v-if=\"severity\"\n    class=\"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)]\"\n    :class=\"\n      severity === 'error'\n        ? 'tpl:text-[var(--tpl-danger)]'\n        : 'tpl:text-[var(--tpl-warning)]'\n    \"\n    :title=\"tooltip\"\n    :aria-label=\"tooltip\"\n    role=\"img\"\n  >\n    <CircleAlert\n      v-if=\"severity === 'error'\"\n      :size=\"14\"\n      :stroke-width=\"2.25\"\n      fill=\"currentColor\"\n      stroke=\"var(--tpl-bg)\"\n    />\n    <TriangleAlert\n      v-else\n      :size=\"14\"\n      :stroke-width=\"2.25\"\n      fill=\"currentColor\"\n      stroke=\"var(--tpl-bg)\"\n    />\n  </span>\n</template>\n"],"mappings":";;;;;;;;;EAMA,IAAMsB,IAAQC,GACR,EAAE,SAAMN,EAAQ,GAChBO,IAAOjB,EAAOS,GAAmB,IAAI,GAErCS,IAAcb,SACjBY,GAAM,OAAO,SAAS,CAAC,EAAA,CAAG,QAAQ,MAAME,EAAE,YAAYJ,EAAM,OAAO,CACtE,GAEMK,IAAWf,QACXa,EAAY,MAAM,MAAM,MAAMC,EAAE,aAAa,OAAO,IAAU,UAC9DD,EAAY,MAAM,MAAM,MAAMC,EAAE,aAAa,SAAS,IAAU,YAC7D,IACR,GAEKE,IAAUhB,QACde,EAAS,UAAU,UAAUE,EAAE,OAAO,aAAaA,EAAE,OAAO,YAC9D;mBAKUF,EAAA,SADR3B,EAAA,GAAAC,EA0BO,QAAA;;GAxBL,OAAKC,EAAA,CAAC,yNACSyB,EAAA,UAAQ,UAAA,iCAAA,+BAAA,CAAA;GAKtB,OAAOC,EAAA;GACP,cAAYA,EAAA;GACb,MAAK;EAGG,GAAA,CAAAD,EAAA,UAAQ,WADhB3B,EAAA,GAAAG,EAMEC,EAAAc,CAAA,GAAA;;GAJC,MAAM;GACN,gBAAc;GACf,MAAK;GACL,QAAO;EAETlB,CAAAA,MAAAA,EAAA,GAAAG,EAMEC,EAAAe,CAAA,GAAA;;GAJC,MAAM;GACN,gBAAc;GACf,MAAK;GACL,QAAO"}

package/dist/cdn/chunks/{BlockPreviewCanvas-D31TNib3.js → BlockPreviewCanvas-CMmv1FTA.js}

@@ -1,9 +1,9 @@
 import { n as e } from "./rolldown-runtime-B0aSnxlc.js";
 import { E as t, F as n, L as r, N as i, P as a, R as o, S as s, at as c, f as l, g as u, lt as d, m as f, p, u as m } from "./draggable-IB4x6w2O.js";
-import { G as h } from "./src-DveVYoWS.js";
-import { E as g, _, a as v, f as y, g as b, h as x, i as S, l as C, m as w, n as T, p as E, r as D, s as O, u as k, v as A } from "./useEditorCore-DZmtKwJh.js";
+import { G as h } from "./src-BR3I3gOW.js";
+import { C as g, E as _, S as v, a as y, d as b, f as x, i as S, l as C, m as w, n as T, p as E, r as D, s as O, u as k, w as A } from "./useEditorCore-D4kzTMtQ.js";
 import { M as j, Q as M, f as N, g as P, s as F } from "./keys-DCWeHkSF.js";
-import { n as I, r as L, t as R } from "./WrapperBlock-CpRvfAV0.js";
+import { n as I, r as L, t as R } from "./WrapperBlock-DI8vSvTO.js";
 //#region src/components/blocks/PreviewSectionBlock.vue?vue&type=script&setup=true&lang.ts
 var z = { class: "tpl:w-full" }, B = { class: "tpl:flex tpl:gap-0" }, V = /* @__PURE__ */ s({
 	name: "PreviewSectionBlock",
@@ -15,18 +15,18 @@ var z = { class: "tpl:w-full" }, B = { class: "tpl:flex tpl:gap-0" }, V = /* @__
 	setup(e) {
 		let a = {
 			title: O,
-			paragraph: E,
-			image: x,
+			paragraph: C,
+			image: b,
 			video: T,
-			button: g,
-			divider: _,
-			social: v,
-			menu: w,
+			button: v,
+			divider: E,
+			social: y,
+			menu: k,
 			table: D,
 			spacer: S,
-			html: b,
-			custom: A
-		}, s = e, h = t(F, null), k = l(() => {
+			html: x,
+			custom: w
+		}, s = e, h = t(F, null), A = l(() => {
 			switch (s.block.columns) {
 				case "2": return ["50%", "50%"];
 				case "3": return [
@@ -39,7 +39,7 @@ var z = { class: "tpl:w-full" }, B = { class: "tpl:flex tpl:gap-0" }, V = /* @__
 				default: return ["100%"];
 			}
 		}), j = l(() => {
-			let e = k.value.length, t = [...s.block.children];
+			let e = A.value.length, t = [...s.block.children];
 			for (; t.length < e;) t.push([]);
 			return t.slice(0, e);
 		});
@@ -47,16 +47,16 @@ var z = { class: "tpl:w-full" }, B = { class: "tpl:flex tpl:gap-0" }, V = /* @__
 			return j.value[e] || [];
 		}
 		function N(e) {
-			return y(e, h, a);
+			return _(e, h, a);
 		}
 		return (e, t) => {
 			let a = r("PreviewSectionBlock", !0);
 			return i(), u("div", z, [p("div", B, [(i(!0), u(m, null, n(j.value, (e, t) => (i(), u("div", {
 				key: t,
-				style: d({ width: k.value[t] })
+				style: d({ width: A.value[t] })
 			}, [(i(!0), u(m, null, n(M(t), (e) => (i(), u("div", {
 				key: e.id,
-				style: d(c(C)(e))
+				style: d(c(g)(e))
 			}, [e.type === "section" ? (i(), f(a, {
 				key: 0,
 				block: e,
@@ -82,24 +82,24 @@ var z = { class: "tpl:w-full" }, B = { class: "tpl:flex tpl:gap-0" }, V = /* @__
 	setup(e) {
 		let r = e, s = t(F), z = t(P, null), B = t(N, null), U = t(j, null);
 		a(M, l(() => U?.value ?? !1));
-		let W = l(() => r.applyConditionFilter ? r.blocks.filter((e) => !B?.isHidden(e.id)) : r.blocks), G = l(() => r.settings ?? z?.content.value.settings), K = l(() => L(G.value, r.viewport)), q = l(() => G.value ? k(G.value) : {}), J = l(() => G.value?.locale?.trim() || void 0), Y = l(() => h(G.value ?? { locale: "en" })), X = l(() => G.value?.backgroundColor || "var(--tpl-canvas-bg)"), Z = l(() => K.value + 192), Q = {
+		let W = l(() => r.applyConditionFilter ? r.blocks.filter((e) => !B?.isHidden(e.id)) : r.blocks), G = l(() => r.settings ?? z?.content.value.settings), K = l(() => L(G.value, r.viewport)), q = l(() => G.value ? A(G.value) : {}), J = l(() => G.value?.locale?.trim() || void 0), Y = l(() => h(G.value ?? { locale: "en" })), X = l(() => G.value?.backgroundColor || "var(--tpl-canvas-bg)"), Z = l(() => K.value + 192), Q = {
 			section: V,
 			title: O,
-			paragraph: E,
-			image: x,
+			paragraph: C,
+			image: b,
 			video: T,
-			button: g,
-			divider: _,
-			social: v,
-			menu: w,
+			button: v,
+			divider: E,
+			social: y,
+			menu: k,
 			table: D,
 			spacer: S,
-			html: b,
-			custom: A,
+			html: x,
+			custom: w,
 			wrapper: R
 		};
 		function $(e) {
-			return y(e, s, Q);
+			return _(e, s, Q);
 		}
 		return (t, r) => (i(), u("div", {
 			"data-testid": "block-preview-stage",
@@ -122,7 +122,7 @@ var z = { class: "tpl:w-full" }, B = { class: "tpl:flex tpl:gap-0" }, V = /* @__
 			})
 		}, [(i(!0), u(m, null, n(W.value, (t) => (i(), u("div", {
 			key: t.id,
-			style: d(c(C)(t))
+			style: d(c(g)(t))
 		}, [(i(), f(o($(t)), {
 			block: t,
 			viewport: e.viewport
@@ -132,4 +132,4 @@ var z = { class: "tpl:w-full" }, B = { class: "tpl:flex tpl:gap-0" }, V = /* @__
 //#endregion
 export { W as n, G as t };
 
-//# sourceMappingURL=BlockPreviewCanvas-D31TNib3.js.map
+//# sourceMappingURL=BlockPreviewCanvas-CMmv1FTA.js.map

package/dist/cdn/chunks/BlockPreviewCanvas-CMmv1FTA.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BlockPreviewCanvas-CMmv1FTA.js","names":["_hoisted_1","TitleBlock","ParagraphBlock","ImageBlock","VideoBlock","ButtonBlock","DividerBlock","SocialIconsBlock","MenuBlock","TableBlock","SpacerBlock","HtmlBlock","CustomBlock","_resolveComponent","_openBlock","_createElementBlock","_createElementVNode","_Fragment","_renderList","_normalizeStyle","_unref","_createBlock","_resolveDynamicComponent","_sfc_main","PreviewSectionBlock","TitleBlock","ParagraphBlock","ImageBlock","VideoBlock","ButtonBlock","DividerBlock","SocialIconsBlock","MenuBlock","TableBlock","SpacerBlock","HtmlBlock","CustomBlock","WrapperBlock","_openBlock","_createElementBlock","_normalizeStyle","_createElementVNode","_unref","_Fragment","_renderList","_createBlock","_resolveDynamicComponent","_sfc_main","__exportAll","inject","renderList","resolveComponent","openBlock","provide","resolveDynamicComponent","defineComponent","unref","computed","createElementBlock","normalizeStyle","createBlock","Fragment","resolveContentDirection","getBlockWrapperStyle","resolveBlockComponent","ButtonBlock_default","SocialIconsBlock_default","ImageBlock_default","HtmlBlock_default","SpacerBlock_default","ParagraphBlock_default","CustomBlock_default","VideoBlock_default","DividerBlock_default","TableBlock_default","TitleBlock_default","MenuBlock_default","getDocumentStyle","MERGE_TAG_SAMPLE_MODE_KEY","USE_MERGE_TAG_SAMPLES_KEY","CONDITION_PREVIEW_KEY","EDITOR_KEY","BLOCK_REGISTRY_KEY","EMAIL_FRAME_WIDTH_TRANSITION","getEmailFrameWidth","WrapperBlock_default","_hoisted_1$1","_hoisted_2","PreviewSectionBlock_default","previewBlockComponentMap","props","__props","blockRegistry","columnWidths","columns","count","children","getColumnBlocks","colIndex","getBlockComponent","block","_component_PreviewSectionBlock","createBaseVNode","childBlock","_hoisted_1","BlockPreviewCanvas_vue_vue_type_script_setup_true_lang_default","editor","conditionPreview","mergeTagSampleMode","visibleBlocks","previewSettings","frameWidth","documentStyle","contentLang","contentDir","emailBackground","stageWidth","previewComponentMap","BlockPreviewCanvas_exports","BlockPreviewCanvas_default"],"sources":["../../../src/components/blocks/PreviewSectionBlock.vue","../../../src/components/blocks/PreviewSectionBlock.vue","../../../src/components/BlockPreviewCanvas.vue","../../../src/components/BlockPreviewCanvas.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport ButtonBlock from \"./ButtonBlock.vue\";\nimport CustomBlock from \"./CustomBlock.vue\";\nimport DividerBlock from \"./DividerBlock.vue\";\nimport HtmlBlock from \"./HtmlBlock.vue\";\nimport ImageBlock from \"./ImageBlock.vue\";\nimport MenuBlock from \"./MenuBlock.vue\";\nimport SocialIconsBlock from \"./SocialIconsBlock.vue\";\nimport SpacerBlock from \"./SpacerBlock.vue\";\nimport TableBlock from \"./TableBlock.vue\";\nimport TitleBlock from \"./TitleBlock.vue\";\nimport ParagraphBlock from \"./ParagraphBlock.vue\";\nimport VideoBlock from \"./VideoBlock.vue\";\nimport {\n  resolveBlockComponent,\n  getBlockWrapperStyle,\n} from \"../../utils/blockComponentResolver\";\nimport type {\n  Block,\n  SectionBlock as SectionBlockType,\n} from \"@templatical/types\";\nimport { computed, inject, type Component } from \"vue\";\nimport { BLOCK_REGISTRY_KEY } from \"../../keys\";\n\nconst previewBlockComponentMap: Record<string, Component> = {\n  title: TitleBlock,\n  paragraph: ParagraphBlock,\n  image: ImageBlock,\n  video: VideoBlock,\n  button: ButtonBlock,\n  divider: DividerBlock,\n  social: SocialIconsBlock,\n  menu: MenuBlock,\n  table: TableBlock,\n  spacer: SpacerBlock,\n  html: HtmlBlock,\n  custom: CustomBlock,\n};\n\nconst props = defineProps<{\n  block: SectionBlockType;\n  viewport: \"desktop\";\n}>();\n\ndefineOptions({ name: \"PreviewSectionBlock\" });\n\nconst blockRegistry = inject(BLOCK_REGISTRY_KEY, null);\n\nconst columnWidths = computed(() => {\n  switch (props.block.columns) {\n    case \"2\":\n      return [\"50%\", \"50%\"];\n    case \"3\":\n      return [\"33.33%\", \"33.33%\", \"33.33%\"];\n    case \"1-2\":\n      return [\"33.33%\", \"66.67%\"];\n    case \"2-1\":\n      return [\"66.67%\", \"33.33%\"];\n    default:\n      return [\"100%\"];\n  }\n});\n\nconst columns = computed(() => {\n  const count = columnWidths.value.length;\n  const children = [...props.block.children];\n  while (children.length < count) {\n    children.push([]);\n  }\n  return children.slice(0, count);\n});\n\nfunction getColumnBlocks(colIndex: number): Block[] {\n  return columns.value[colIndex] || [];\n}\n\nfunction getBlockComponent(block: Block): Component | null {\n  return resolveBlockComponent(block, blockRegistry, previewBlockComponentMap);\n}\n</script>\n\n<template>\n  <div class=\"tpl:w-full\">\n    <div class=\"tpl:flex tpl:gap-0\">\n      <div\n        v-for=\"(_, colIndex) in columns\"\n        :key=\"colIndex\"\n        :style=\"{ width: columnWidths[colIndex] }\"\n      >\n        <div\n          v-for=\"childBlock in getColumnBlocks(colIndex)\"\n          :key=\"childBlock.id\"\n          :style=\"getBlockWrapperStyle(childBlock)\"\n        >\n          <!-- Recursive self-reference for nested sections -->\n          <PreviewSectionBlock\n            v-if=\"childBlock.type === 'section'\"\n            :block=\"childBlock\"\n            viewport=\"desktop\"\n          />\n          <component\n            :is=\"getBlockComponent(childBlock)\"\n            v-else\n            :block=\"childBlock\"\n            viewport=\"desktop\"\n          />\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport ButtonBlock from \"./ButtonBlock.vue\";\nimport CustomBlock from \"./CustomBlock.vue\";\nimport DividerBlock from \"./DividerBlock.vue\";\nimport HtmlBlock from \"./HtmlBlock.vue\";\nimport ImageBlock from \"./ImageBlock.vue\";\nimport MenuBlock from \"./MenuBlock.vue\";\nimport SocialIconsBlock from \"./SocialIconsBlock.vue\";\nimport SpacerBlock from \"./SpacerBlock.vue\";\nimport TableBlock from \"./TableBlock.vue\";\nimport TitleBlock from \"./TitleBlock.vue\";\nimport ParagraphBlock from \"./ParagraphBlock.vue\";\nimport VideoBlock from \"./VideoBlock.vue\";\nimport {\n  resolveBlockComponent,\n  getBlockWrapperStyle,\n} from \"../../utils/blockComponentResolver\";\nimport type {\n  Block,\n  SectionBlock as SectionBlockType,\n} from \"@templatical/types\";\nimport { computed, inject, type Component } from \"vue\";\nimport { BLOCK_REGISTRY_KEY } from \"../../keys\";\n\nconst previewBlockComponentMap: Record<string, Component> = {\n  title: TitleBlock,\n  paragraph: ParagraphBlock,\n  image: ImageBlock,\n  video: VideoBlock,\n  button: ButtonBlock,\n  divider: DividerBlock,\n  social: SocialIconsBlock,\n  menu: MenuBlock,\n  table: TableBlock,\n  spacer: SpacerBlock,\n  html: HtmlBlock,\n  custom: CustomBlock,\n};\n\nconst props = defineProps<{\n  block: SectionBlockType;\n  viewport: \"desktop\";\n}>();\n\ndefineOptions({ name: \"PreviewSectionBlock\" });\n\nconst blockRegistry = inject(BLOCK_REGISTRY_KEY, null);\n\nconst columnWidths = computed(() => {\n  switch (props.block.columns) {\n    case \"2\":\n      return [\"50%\", \"50%\"];\n    case \"3\":\n      return [\"33.33%\", \"33.33%\", \"33.33%\"];\n    case \"1-2\":\n      return [\"33.33%\", \"66.67%\"];\n    case \"2-1\":\n      return [\"66.67%\", \"33.33%\"];\n    default:\n      return [\"100%\"];\n  }\n});\n\nconst columns = computed(() => {\n  const count = columnWidths.value.length;\n  const children = [...props.block.children];\n  while (children.length < count) {\n    children.push([]);\n  }\n  return children.slice(0, count);\n});\n\nfunction getColumnBlocks(colIndex: number): Block[] {\n  return columns.value[colIndex] || [];\n}\n\nfunction getBlockComponent(block: Block): Component | null {\n  return resolveBlockComponent(block, blockRegistry, previewBlockComponentMap);\n}\n</script>\n\n<template>\n  <div class=\"tpl:w-full\">\n    <div class=\"tpl:flex tpl:gap-0\">\n      <div\n        v-for=\"(_, colIndex) in columns\"\n        :key=\"colIndex\"\n        :style=\"{ width: columnWidths[colIndex] }\"\n      >\n        <div\n          v-for=\"childBlock in getColumnBlocks(colIndex)\"\n          :key=\"childBlock.id\"\n          :style=\"getBlockWrapperStyle(childBlock)\"\n        >\n          <!-- Recursive self-reference for nested sections -->\n          <PreviewSectionBlock\n            v-if=\"childBlock.type === 'section'\"\n            :block=\"childBlock\"\n            viewport=\"desktop\"\n          />\n          <component\n            :is=\"getBlockComponent(childBlock)\"\n            v-else\n            :block=\"childBlock\"\n            viewport=\"desktop\"\n          />\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport ButtonBlock from \"./blocks/ButtonBlock.vue\";\nimport CustomBlock from \"./blocks/CustomBlock.vue\";\nimport DividerBlock from \"./blocks/DividerBlock.vue\";\nimport HtmlBlock from \"./blocks/HtmlBlock.vue\";\nimport ImageBlock from \"./blocks/ImageBlock.vue\";\nimport MenuBlock from \"./blocks/MenuBlock.vue\";\nimport PreviewSectionBlock from \"./blocks/PreviewSectionBlock.vue\";\nimport SocialIconsBlock from \"./blocks/SocialIconsBlock.vue\";\nimport SpacerBlock from \"./blocks/SpacerBlock.vue\";\nimport TableBlock from \"./blocks/TableBlock.vue\";\nimport TitleBlock from \"./blocks/TitleBlock.vue\";\nimport ParagraphBlock from \"./blocks/ParagraphBlock.vue\";\nimport VideoBlock from \"./blocks/VideoBlock.vue\";\nimport WrapperBlock from \"./blocks/WrapperBlock.vue\";\nimport {\n  BLOCK_REGISTRY_KEY,\n  CONDITION_PREVIEW_KEY,\n  EDITOR_KEY,\n  MERGE_TAG_SAMPLE_MODE_KEY,\n  USE_MERGE_TAG_SAMPLES_KEY,\n} from \"../keys\";\nimport {\n  resolveBlockComponent,\n  getBlockWrapperStyle,\n  getDocumentStyle,\n} from \"../utils/blockComponentResolver\";\nimport {\n  EMAIL_FRAME_WIDTH_TRANSITION,\n  EMAIL_GUTTER,\n  getEmailFrameWidth,\n} from \"../utils/emailFrameWidth\";\nimport {\n  resolveContentDirection,\n  type Block,\n  type TemplateSettings,\n  type ViewportSize,\n} from \"@templatical/types\";\nimport { computed, inject, provide, type Component } from \"vue\";\n\nconst props = withDefaults(\n  defineProps<{\n    blocks: Block[];\n    /**\n     * Which viewport to render. Defaults to `desktop`, so the saved-blocks\n     * surfaces — which have no viewport control — behave exactly as before.\n     * The test-email dialog passes the user's choice so responsive blocks show\n     * the variant a recipient on that device would receive.\n     */\n    viewport?: ViewportSize;\n    /**\n     * Whether the hand-toggled display-condition filter still applies here.\n     * `false` where a resolver owns the preview: it has already evaluated every\n     * condition against real data, so layering a manual hide on top would veto\n     * the answer that was asked for.\n     *\n     * A prop rather than an injected `PREVIEW_RESOLUTION_KEY` read, because the\n     * test-email dialog builds its *own* resolution instance (keyed to the\n     * selected recipient) — injecting would consult the shared canvas instance\n     * and get the wrong answer.\n     */\n    applyConditionFilter?: boolean;\n    /**\n     * Document settings for this surface. Test-email passes the composed\n     * document so the mat is layout `backgroundColor` (`mj-body`). Saved-block\n     * previews omit it and read the live editor template.\n     */\n    settings?: TemplateSettings;\n  }>(),\n  { viewport: \"desktop\", applyConditionFilter: true, settings: undefined },\n);\n\nconst blockRegistry = inject(BLOCK_REGISTRY_KEY);\nconst editor = inject(EDITOR_KEY, null);\nconst conditionPreview = inject(CONDITION_PREVIEW_KEY, null);\n\n/**\n * This canvas is only ever a preview — nothing here is editable — so it honours\n * the user's mode directly, with no `previewMode` gate of the kind `Canvas.vue`\n * needs. Re-provided rather than left to inherit, because a `BlockPreviewCanvas`\n * inside a dialog may sit under an editing `Canvas` that provides `false`.\n */\nconst mergeTagSampleMode = inject(MERGE_TAG_SAMPLE_MODE_KEY, null);\nprovide(\n  USE_MERGE_TAG_SAMPLES_KEY,\n  computed(() => mergeTagSampleMode?.value ?? false),\n);\n\n/**\n * Blocks a display condition currently excludes, so a preview never shows\n * content the recipient won't get. The canvas does the same via\n * `v-show=\"!conditionPreview?.isHidden(block.id)\"`.\n *\n * A no-op for the saved-blocks browser: entries there carry their *stored* ids,\n * which aren't in the current template, so nothing is tracked as hidden. It\n * bites where it should — the save dialog and the test-email preview, both of\n * which show blocks that are live on the canvas.\n *\n * Skipped entirely when `applyConditionFilter` is false — see the prop.\n */\nconst visibleBlocks = computed(() =>\n  props.applyConditionFilter\n    ? props.blocks.filter((block) => !conditionPreview?.isHidden(block.id))\n    : props.blocks,\n);\n\nconst previewSettings = computed(\n  () => props.settings ?? editor?.content.value.settings,\n);\n\n/**\n * Frame width, from the one helper the canvas and the scaled preview rows also\n * use — so all three agree by construction rather than by three constants that\n * happen to match. A template with a custom body width now previews at that\n * width instead of a flat 600.\n */\nconst frameWidth = computed(() =>\n  getEmailFrameWidth(previewSettings.value, props.viewport),\n);\n\n/**\n * The same document-level style the canvas applies, so a previewed block\n * renders identically to the canvas one: without it the font falls back to the\n * editor UI's and the link rules hit their unset defaults, dropping the\n * underline and the link colour.\n *\n * Read from the *current* template even in the saved-blocks browser, where the\n * previewed content came from elsewhere — a saved block stores only `Block[]`,\n * and the current settings are what it will actually look like once inserted.\n */\nconst documentStyle = computed(() =>\n  previewSettings.value ? getDocumentStyle(previewSettings.value) : {},\n);\n\n/**\n * The email's own language, for the browser's spellchecker and hyphenation —\n * the same binding the editing canvas carries, so a preview is checked by the\n * same rules as the block it mirrors.\n *\n * From `settings.locale`, never `config.locale`: the chrome's language says\n * nothing about the content's. Read from the *current* template for the same\n * reason `documentStyle` is — a saved block stores only `Block[]`. Undefined\n * rather than `\"\"`, which would declare \"unknown language\" and suppress\n * spellcheck instead of falling back.\n */\nconst contentLang = computed(\n  () => previewSettings.value?.locale?.trim() || undefined,\n);\nconst contentDir = computed(() =>\n  resolveContentDirection(previewSettings.value ?? { locale: \"en\" }),\n);\n\n/**\n * The email's body background — `mj-body background-color` when sent, and the\n * `.tpl-canvas-bg` layer on the editing canvas.\n *\n * Deliberately NOT part of `getDocumentStyle`: the canvas applies that helper\n * to `.tpl-canvas`, which must stay transparent so the invertible background\n * layer beneath it shows through. A background there would double-paint and\n * defeat the dark-mode preview.\n *\n * Truthiness, not `??`: the colour pickers clear to an empty string to mean\n * \"unset\", which as an inline style renders the frame transparent rather than\n * falling back to the neutral preview surface.\n */\nconst emailBackground = computed(\n  () => previewSettings.value?.backgroundColor || \"var(--tpl-canvas-bg)\",\n);\n\n/**\n * Width the stage asks for: the content column plus a full gutter on each side,\n * the same stage the canvas builds. It is an ask rather than a fixed size —\n * paired with `max-width: 100%` below, so a container with less room hands over\n * what it has and shows a narrower band instead of overflowing.\n *\n * It has to be a specified width, not `100%`: `TplModal`'s wrapper is\n * shrink-to-fit, so a percentage there resolves against a container whose size\n * the stage is itself supposed to influence, and the stage collapses to its\n * `min-width` — no gutters, on the one surface this exists for.\n */\nconst stageWidth = computed(() => frameWidth.value + EMAIL_GUTTER * 2);\n\nconst previewComponentMap: Record<string, Component> = {\n  section: PreviewSectionBlock,\n  title: TitleBlock,\n  paragraph: ParagraphBlock,\n  image: ImageBlock,\n  video: VideoBlock,\n  button: ButtonBlock,\n  divider: DividerBlock,\n  social: SocialIconsBlock,\n  menu: MenuBlock,\n  table: TableBlock,\n  spacer: SpacerBlock,\n  html: HtmlBlock,\n  custom: CustomBlock,\n  wrapper: WrapperBlock,\n};\n\nfunction getBlockComponent(block: Block): Component | null {\n  return resolveBlockComponent(block, blockRegistry, previewComponentMap);\n}\n</script>\n\n<template>\n  <!-- STAGE — the email body, holding the background and a gutter of it on\n       each side of the content column, the same shape `Canvas.vue` builds.\n       `max-width: 100%` is what makes it fit anywhere: a roomy surface shows\n       the full band, a dialog shows as much as it has, and a container sized to\n       the content column shows none. `min-width` keeps it from squeezing the\n       column, so a cramped surface clips exactly as it did when the frame\n       carried the width itself. -->\n  <div\n    data-testid=\"block-preview-stage\"\n    class=\"tpl:pointer-events-none tpl:mx-auto tpl:flex tpl:select-none tpl:justify-center tpl:rounded-lg\"\n    :style=\"{\n      width: `${stageWidth}px`,\n      minWidth: `${frameWidth}px`,\n      maxWidth: '100%',\n      backgroundColor: emailBackground,\n      boxShadow: 'var(--tpl-shadow-sm)',\n    }\"\n  >\n    <!-- CONTENT COLUMN — the blocks at their true email width. Keeps the\n         testid: this is the element whose width *is* the email width, which is\n         what every viewport assertion measures. -->\n    <div\n      data-testid=\"block-preview-canvas\"\n      :lang=\"contentLang\"\n      :dir=\"contentDir\"\n      :style=\"{\n        width: `${frameWidth}px`,\n        transition: EMAIL_FRAME_WIDTH_TRANSITION,\n        ...documentStyle,\n      }\"\n    >\n      <div\n        v-for=\"block in visibleBlocks\"\n        :key=\"block.id\"\n        :style=\"getBlockWrapperStyle(block)\"\n      >\n        <component\n          :is=\"getBlockComponent(block)\"\n          :block=\"block\"\n          :viewport=\"viewport\"\n        />\n      </div>\n    </div>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport ButtonBlock from \"./blocks/ButtonBlock.vue\";\nimport CustomBlock from \"./blocks/CustomBlock.vue\";\nimport DividerBlock from \"./blocks/DividerBlock.vue\";\nimport HtmlBlock from \"./blocks/HtmlBlock.vue\";\nimport ImageBlock from \"./blocks/ImageBlock.vue\";\nimport MenuBlock from \"./blocks/MenuBlock.vue\";\nimport PreviewSectionBlock from \"./blocks/PreviewSectionBlock.vue\";\nimport SocialIconsBlock from \"./blocks/SocialIconsBlock.vue\";\nimport SpacerBlock from \"./blocks/SpacerBlock.vue\";\nimport TableBlock from \"./blocks/TableBlock.vue\";\nimport TitleBlock from \"./blocks/TitleBlock.vue\";\nimport ParagraphBlock from \"./blocks/ParagraphBlock.vue\";\nimport VideoBlock from \"./blocks/VideoBlock.vue\";\nimport WrapperBlock from \"./blocks/WrapperBlock.vue\";\nimport {\n  BLOCK_REGISTRY_KEY,\n  CONDITION_PREVIEW_KEY,\n  EDITOR_KEY,\n  MERGE_TAG_SAMPLE_MODE_KEY,\n  USE_MERGE_TAG_SAMPLES_KEY,\n} from \"../keys\";\nimport {\n  resolveBlockComponent,\n  getBlockWrapperStyle,\n  getDocumentStyle,\n} from \"../utils/blockComponentResolver\";\nimport {\n  EMAIL_FRAME_WIDTH_TRANSITION,\n  EMAIL_GUTTER,\n  getEmailFrameWidth,\n} from \"../utils/emailFrameWidth\";\nimport {\n  resolveContentDirection,\n  type Block,\n  type TemplateSettings,\n  type ViewportSize,\n} from \"@templatical/types\";\nimport { computed, inject, provide, type Component } from \"vue\";\n\nconst props = withDefaults(\n  defineProps<{\n    blocks: Block[];\n    /**\n     * Which viewport to render. Defaults to `desktop`, so the saved-blocks\n     * surfaces — which have no viewport control — behave exactly as before.\n     * The test-email dialog passes the user's choice so responsive blocks show\n     * the variant a recipient on that device would receive.\n     */\n    viewport?: ViewportSize;\n    /**\n     * Whether the hand-toggled display-condition filter still applies here.\n     * `false` where a resolver owns the preview: it has already evaluated every\n     * condition against real data, so layering a manual hide on top would veto\n     * the answer that was asked for.\n     *\n     * A prop rather than an injected `PREVIEW_RESOLUTION_KEY` read, because the\n     * test-email dialog builds its *own* resolution instance (keyed to the\n     * selected recipient) — injecting would consult the shared canvas instance\n     * and get the wrong answer.\n     */\n    applyConditionFilter?: boolean;\n    /**\n     * Document settings for this surface. Test-email passes the composed\n     * document so the mat is layout `backgroundColor` (`mj-body`). Saved-block\n     * previews omit it and read the live editor template.\n     */\n    settings?: TemplateSettings;\n  }>(),\n  { viewport: \"desktop\", applyConditionFilter: true, settings: undefined },\n);\n\nconst blockRegistry = inject(BLOCK_REGISTRY_KEY);\nconst editor = inject(EDITOR_KEY, null);\nconst conditionPreview = inject(CONDITION_PREVIEW_KEY, null);\n\n/**\n * This canvas is only ever a preview — nothing here is editable — so it honours\n * the user's mode directly, with no `previewMode` gate of the kind `Canvas.vue`\n * needs. Re-provided rather than left to inherit, because a `BlockPreviewCanvas`\n * inside a dialog may sit under an editing `Canvas` that provides `false`.\n */\nconst mergeTagSampleMode = inject(MERGE_TAG_SAMPLE_MODE_KEY, null);\nprovide(\n  USE_MERGE_TAG_SAMPLES_KEY,\n  computed(() => mergeTagSampleMode?.value ?? false),\n);\n\n/**\n * Blocks a display condition currently excludes, so a preview never shows\n * content the recipient won't get. The canvas does the same via\n * `v-show=\"!conditionPreview?.isHidden(block.id)\"`.\n *\n * A no-op for the saved-blocks browser: entries there carry their *stored* ids,\n * which aren't in the current template, so nothing is tracked as hidden. It\n * bites where it should — the save dialog and the test-email preview, both of\n * which show blocks that are live on the canvas.\n *\n * Skipped entirely when `applyConditionFilter` is false — see the prop.\n */\nconst visibleBlocks = computed(() =>\n  props.applyConditionFilter\n    ? props.blocks.filter((block) => !conditionPreview?.isHidden(block.id))\n    : props.blocks,\n);\n\nconst previewSettings = computed(\n  () => props.settings ?? editor?.content.value.settings,\n);\n\n/**\n * Frame width, from the one helper the canvas and the scaled preview rows also\n * use — so all three agree by construction rather than by three constants that\n * happen to match. A template with a custom body width now previews at that\n * width instead of a flat 600.\n */\nconst frameWidth = computed(() =>\n  getEmailFrameWidth(previewSettings.value, props.viewport),\n);\n\n/**\n * The same document-level style the canvas applies, so a previewed block\n * renders identically to the canvas one: without it the font falls back to the\n * editor UI's and the link rules hit their unset defaults, dropping the\n * underline and the link colour.\n *\n * Read from the *current* template even in the saved-blocks browser, where the\n * previewed content came from elsewhere — a saved block stores only `Block[]`,\n * and the current settings are what it will actually look like once inserted.\n */\nconst documentStyle = computed(() =>\n  previewSettings.value ? getDocumentStyle(previewSettings.value) : {},\n);\n\n/**\n * The email's own language, for the browser's spellchecker and hyphenation —\n * the same binding the editing canvas carries, so a preview is checked by the\n * same rules as the block it mirrors.\n *\n * From `settings.locale`, never `config.locale`: the chrome's language says\n * nothing about the content's. Read from the *current* template for the same\n * reason `documentStyle` is — a saved block stores only `Block[]`. Undefined\n * rather than `\"\"`, which would declare \"unknown language\" and suppress\n * spellcheck instead of falling back.\n */\nconst contentLang = computed(\n  () => previewSettings.value?.locale?.trim() || undefined,\n);\nconst contentDir = computed(() =>\n  resolveContentDirection(previewSettings.value ?? { locale: \"en\" }),\n);\n\n/**\n * The email's body background — `mj-body background-color` when sent, and the\n * `.tpl-canvas-bg` layer on the editing canvas.\n *\n * Deliberately NOT part of `getDocumentStyle`: the canvas applies that helper\n * to `.tpl-canvas`, which must stay transparent so the invertible background\n * layer beneath it shows through. A background there would double-paint and\n * defeat the dark-mode preview.\n *\n * Truthiness, not `??`: the colour pickers clear to an empty string to mean\n * \"unset\", which as an inline style renders the frame transparent rather than\n * falling back to the neutral preview surface.\n */\nconst emailBackground = computed(\n  () => previewSettings.value?.backgroundColor || \"var(--tpl-canvas-bg)\",\n);\n\n/**\n * Width the stage asks for: the content column plus a full gutter on each side,\n * the same stage the canvas builds. It is an ask rather than a fixed size —\n * paired with `max-width: 100%` below, so a container with less room hands over\n * what it has and shows a narrower band instead of overflowing.\n *\n * It has to be a specified width, not `100%`: `TplModal`'s wrapper is\n * shrink-to-fit, so a percentage there resolves against a container whose size\n * the stage is itself supposed to influence, and the stage collapses to its\n * `min-width` — no gutters, on the one surface this exists for.\n */\nconst stageWidth = computed(() => frameWidth.value + EMAIL_GUTTER * 2);\n\nconst previewComponentMap: Record<string, Component> = {\n  section: PreviewSectionBlock,\n  title: TitleBlock,\n  paragraph: ParagraphBlock,\n  image: ImageBlock,\n  video: VideoBlock,\n  button: ButtonBlock,\n  divider: DividerBlock,\n  social: SocialIconsBlock,\n  menu: MenuBlock,\n  table: TableBlock,\n  spacer: SpacerBlock,\n  html: HtmlBlock,\n  custom: CustomBlock,\n  wrapper: WrapperBlock,\n};\n\nfunction getBlockComponent(block: Block): Component | null {\n  return resolveBlockComponent(block, blockRegistry, previewComponentMap);\n}\n</script>\n\n<template>\n  <!-- STAGE — the email body, holding the background and a gutter of it on\n       each side of the content column, the same shape `Canvas.vue` builds.\n       `max-width: 100%` is what makes it fit anywhere: a roomy surface shows\n       the full band, a dialog shows as much as it has, and a container sized to\n       the content column shows none. `min-width` keeps it from squeezing the\n       column, so a cramped surface clips exactly as it did when the frame\n       carried the width itself. -->\n  <div\n    data-testid=\"block-preview-stage\"\n    class=\"tpl:pointer-events-none tpl:mx-auto tpl:flex tpl:select-none tpl:justify-center tpl:rounded-lg\"\n    :style=\"{\n      width: `${stageWidth}px`,\n      minWidth: `${frameWidth}px`,\n      maxWidth: '100%',\n      backgroundColor: emailBackground,\n      boxShadow: 'var(--tpl-shadow-sm)',\n    }\"\n  >\n    <!-- CONTENT COLUMN — the blocks at their true email width. Keeps the\n         testid: this is the element whose width *is* the email width, which is\n         what every viewport assertion measures. -->\n    <div\n      data-testid=\"block-preview-canvas\"\n      :lang=\"contentLang\"\n      :dir=\"contentDir\"\n      :style=\"{\n        width: `${frameWidth}px`,\n        transition: EMAIL_FRAME_WIDTH_TRANSITION,\n        ...documentStyle,\n      }\"\n    >\n      <div\n        v-for=\"block in visibleBlocks\"\n        :key=\"block.id\"\n        :style=\"getBlockWrapperStyle(block)\"\n      >\n        <component\n          :is=\"getBlockComponent(block)\"\n          :block=\"block\"\n          :viewport=\"viewport\"\n        />\n      </div>\n    </div>\n  </div>\n</template>\n"],"mappings":"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"}