@templatical/editor 0.17.1 → 0.19.0

package/dist/{IssuesPanel-Bq3yXg6M.js → IssuesPanel-CTjRgz8w.js}

@@ -1,6 +1,6 @@
 import { A as e, Et as t, N as n, O as r, Ot as i, _ as a, c as o, d as s, h as c, l, m as u, nt as d, r as f, s as p, u as m, x as h } from "./vue.runtime.esm-bundler-B0xoGkDv.js";
-import { P as g, m as _ } from "./keys-WVNarXg8.js";
-import { t as v } from "./useI18n-0EU_JVe7.js";
+import { I as g, h as _ } from "./keys-DFaIbGR8.js";
+import { t as v } from "./useI18n-BNMzZTM5.js";
 import { t as y } from "./createLucideIcon-FSF4peHQ.js";
 import { t as b } from "./circle-alert-Bhzm-fNA.js";
 import { t as x } from "./info-BNP8yGsK.js";

package/dist/{ModuleBrowserModal-XEHfEO0O.js → ModuleBrowserModal-BNalLx0k.js}

@@ -1,13 +1,13 @@
 import { A as e, Dt as t, I as n, N as r, O as i, Ot as a, R as o, Y as s, _ as c, c as l, d as u, g as ee, h as d, l as f, nt as p, r as m, s as h, u as te, z as g } from "./vue.runtime.esm-bundler-B0xoGkDv.js";
 import { a as ne, c as _, i as re } from "./runtime-dom.esm-bundler-GdMI8WqG.js";
-import "./useEditorCore-FLMIhtv1.js";
-import { M as ie, R as v, m as ae } from "./keys-WVNarXg8.js";
-import { t as oe } from "./useI18n-0EU_JVe7.js";
-import { n as se, r as y, t as b } from "./blockTypeIcons-CvSfLeyV.js";
+import "./useEditorCore-ea9OrrH3.js";
+import { B as v, P as ie, h as ae } from "./keys-DFaIbGR8.js";
+import { t as oe } from "./useI18n-BNMzZTM5.js";
+import { n as se, r as y, t as b } from "./blockTypeIcons-BlPKjD7M.js";
 import { t as ce } from "./trash-2-CRBDolnR.js";
 import { t as le } from "./x-Ctg_250T.js";
-import { n as ue } from "./useCloudI18n-CIKI0hCd.js";
-import { t as de } from "./TplModal-BW0FAtYe.js";
+import { n as ue } from "./useCloudI18n-PCDOC2kz.js";
+import { t as de } from "./TplModal-DoOwUKlT.js";
 //#region src/cloud/components/ModuleBrowserModal.vue?vue&type=script&setup=true&lang.ts
 var fe = {
 	role: "dialog",
@@ -46,7 +46,7 @@ var fe = {
 	props: { visible: { type: Boolean } },
 	emits: ["close", "insert"],
 	setup(c, { emit: B }) {
-		let Te = c, V = B, Ee = ee(() => import("./ModulePreviewCanvas-BM8XUgbc.js")), { t: De } = oe(), { t: H } = ue(), U = v(ie, "ModuleBrowserModal"), W = v(ae, "ModuleBrowserModal"), G = s(""), K = s(null), q = s(null), J = s("end"), Y = h(() => {
+		let Te = c, V = B, Ee = ee(() => import("./ModulePreviewCanvas-BwObwisa.js")), { t: De } = oe(), { t: H } = ue(), U = v(ie, "ModuleBrowserModal"), W = v(ae, "ModuleBrowserModal"), G = s(""), K = s(null), q = s(null), J = s("end"), Y = h(() => {
 			let e = U.modules.value;
 			if (!G.value) return e;
 			let t = G.value.toLowerCase();

package/dist/{ModulePreviewCanvas-BM8XUgbc.js → ModulePreviewCanvas-BwObwisa.js}

@@ -1,6 +1,6 @@
 import { A as e, Dt as t, M as n, N as r, O as i, _ as a, c as o, d as s, l as c, nt as l, r as u, s as d, x as f } from "./vue.runtime.esm-bundler-B0xoGkDv.js";
-import { I as p, _ as m, a as h, d as g, f as _, h as v, i as y, l as b, m as x, n as S, p as C, r as w, v as T, y as E } from "./useEditorCore-FLMIhtv1.js";
-import { o as D } from "./keys-WVNarXg8.js";
+import { I as p, _ as m, a as h, d as g, f as _, h as v, i as y, l as b, m as x, n as S, p as C, r as w, v as T, y as E } from "./useEditorCore-ea9OrrH3.js";
+import { o as D } from "./keys-DFaIbGR8.js";
 //#region src/components/blocks/PreviewSectionBlock.vue?vue&type=script&setup=true&lang.ts
 var O = { class: "tpl:w-full" }, k = { class: "tpl:flex tpl:gap-0" }, A = /* @__PURE__ */ a({
 	name: "PreviewSectionBlock",

package/dist/{NumberWithSuffix-9FG7mNnn.js → NumberWithSuffix-D3BKz66W.js}

@@ -1,5 +1,5 @@
 import { A as e, Dt as t, Et as n, N as r, O as i, Ot as a, _ as o, c as s, d as c, j as l, l as u, nt as d, r as f, s as p, u as m } from "./vue.runtime.esm-bundler-B0xoGkDv.js";
-import { h, m as g, p as _ } from "./ColorPicker-DfzDyNKe.js";
+import { h, m as g, p as _ } from "./ColorPicker-BsgpTJqK.js";
 //#region src/components/SlidingPillSelect.vue?vue&type=script&setup=true&lang.ts
 var v = [
 	"aria-checked",

package/dist/{ParagraphEditor-Cs47wU1V.js → ParagraphEditor-Cf75UfSo.js}

@@ -1,16 +1,16 @@
 import { A as e, Dt as t, Et as n, N as r, O as i, Ot as a, W as o, Y as s, _ as c, c as l, d as u, h as d, i as f, l as p, m, nt as h, r as g, s as _, u as v, x as y } from "./vue.runtime.esm-bundler-B0xoGkDv.js";
 import { c as b, s as x } from "./runtime-dom.esm-bundler-GdMI8WqG.js";
-import { D as S, E as C, S as w, x as T } from "./useEditorCore-FLMIhtv1.js";
-import { i as E, n as D } from "./usePopoverPosition-BDqqnMeo.js";
-import { F as O, L as k, R as A, S as ee, T as te, g as ne, m as re } from "./keys-WVNarXg8.js";
-import { t as j } from "./useI18n-0EU_JVe7.js";
+import { D as S, E as C, S as w, x as T } from "./useEditorCore-ea9OrrH3.js";
+import { n as E, s as D } from "./usePopoverPosition-F9STHRIr.js";
+import { B as O, D as k, L as A, _ as ee, h as te, w as ne, z as re } from "./keys-DFaIbGR8.js";
+import { t as j } from "./useI18n-BNMzZTM5.js";
 import { t as M } from "./createLucideIcon-FSF4peHQ.js";
-import { a as ie, i as ae, n as N, r as oe, t as P } from "./RichTextEditorContent-DCzmVeyb.js";
+import { a as ie, i as ae, n as N, r as oe, t as P } from "./RichTextEditorContent-MdaLz6Q3.js";
 import { n as se, t as ce } from "./scan-line-IAMjPtRw.js";
 import { t as le } from "./loader-circle-BT38qSm3.js";
 import { n as ue, r as de, t as fe } from "./text-align-start-BwsA6QzC.js";
 import { t as F } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { c as pe, o as me, r as he, s as ge, t as I } from "./ColorPicker-DfzDyNKe.js";
+import { c as pe, o as me, r as he, s as ge, t as I } from "./ColorPicker-BsgpTJqK.js";
 var L = M("list-ordered", [
 	["path", {
 		d: "M11 5h10",
@@ -166,8 +166,8 @@ var L = M("list-ordered", [
 	__name: "EmojiPickerDropdown",
 	emits: ["insert"],
 	setup(t, { emit: r }) {
-		let o = r, { categories: c, isOpen: f, toggle: p, close: m } = C(), { t: y, format: w } = j(), T = s(null), D = s(null);
-		S(T, _(() => f.value)), E(D, () => {
+		let o = r, { categories: c, isOpen: f, toggle: p, close: m } = C(), { t: y, format: w } = j(), T = s(null), E = s(null);
+		S(T, _(() => f.value)), D(E, () => {
 			f.value && m();
 		});
 		function O(e) {
@@ -175,7 +175,7 @@ var L = M("list-ordered", [
 		}
 		return (t, r) => (i(), u("div", {
 			ref_key: "rootRef",
-			ref: D,
+			ref: E,
 			class: "tpl:relative"
 		}, [l("button", {
 			type: "button",
@@ -305,7 +305,7 @@ var Ee = ["data-tpl-theme", "aria-label"], De = { class: "tpl:flex tpl:items-cen
 		"add-logic-tag"
 	],
 	setup(e, { emit: n }) {
-		let r = e, o = n, s = y(O, null), c = y(k, null), b = A(ne, "ParagraphToolbar"), x = D(), S = y(te, null), C = y(ee, null), w = y(re, null), T = _(() => (S?.isOpen.value ?? !1) || (C?.isOpen.value ?? !1)), { t: E } = j(), M = b.fonts;
+		let r = e, o = n, s = y(A, null), c = y(re, null), b = O(ee, "ParagraphToolbar"), x = E(), S = y(k, null), C = y(ne, null), w = y(te, null), T = _(() => (S?.isOpen.value ?? !1) || (C?.isOpen.value ?? !1)), { t: D } = j(), M = b.fonts;
 		function N(e) {
 			r.editor?.chain().focus().insertContent(e).run();
 		}
@@ -361,7 +361,7 @@ var Ee = ["data-tpl-theme", "aria-label"], De = { class: "tpl:flex tpl:items-cen
 		}, [l("div", {
 			"data-tpl-theme": h(c),
 			role: "toolbar",
-			"aria-label": h(E).paragraphEditor.toolbar,
+			"aria-label": h(D).paragraphEditor.toolbar,
 			class: "tpl tpl-text-toolbar tpl:absolute tpl:z-popover tpl:flex tpl:gap-1 tpl:rounded-lg tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:px-3 tpl:py-2 tpl:shadow-lg",
 			style: t({
 				...h(s),
@@ -374,8 +374,8 @@ var Ee = ["data-tpl-theme", "aria-label"], De = { class: "tpl:flex tpl:items-cen
 			d(Z, {
 				"model-value": P("fontFamily"),
 				options: h(M),
-				label: h(E).paragraphEditor.fontFamily,
-				placeholder: h(E).paragraphEditor.defaultFont,
+				label: h(D).paragraphEditor.fontFamily,
+				placeholder: h(D).paragraphEditor.defaultFont,
 				"width-class": "tpl:w-32",
 				"onUpdate:modelValue": F
 			}, null, 8, [
@@ -387,8 +387,8 @@ var Ee = ["data-tpl-theme", "aria-label"], De = { class: "tpl:flex tpl:items-cen
 			d(Z, {
 				"model-value": P("fontSize"),
 				options: h(me),
-				label: h(E).paragraphEditor.fontSize,
-				placeholder: h(E).paragraphEditor.defaultSize,
+				label: h(D).paragraphEditor.fontSize,
+				placeholder: h(D).paragraphEditor.defaultSize,
 				"width-class": "tpl:w-20",
 				"onUpdate:modelValue": R
 			}, null, 8, [
@@ -404,7 +404,7 @@ var Ee = ["data-tpl-theme", "aria-label"], De = { class: "tpl:flex tpl:items-cen
 				"data-testid": "text-color-picker",
 				"model-value": U(),
 				"seed-color": H(),
-				"aria-label": h(E).paragraphEditor.textColor,
+				"aria-label": h(D).paragraphEditor.textColor,
 				"onUpdate:modelValue": V
 			}, null, 8, [
 				"model-value",
@@ -417,7 +417,7 @@ var Ee = ["data-tpl-theme", "aria-label"], De = { class: "tpl:flex tpl:items-cen
 				"data-testid": "highlight-color-picker",
 				"model-value": J(),
 				"seed-color": h(he),
-				"aria-label": h(E).paragraphEditor.highlightColor,
+				"aria-label": h(D).paragraphEditor.highlightColor,
 				"onUpdate:modelValue": X
 			}, null, 8, [
 				"model-value",
@@ -427,7 +427,7 @@ var Ee = ["data-tpl-theme", "aria-label"], De = { class: "tpl:flex tpl:items-cen
 			d(Y),
 			d(G, {
 				icon: h(ie),
-				label: h(E).paragraphEditor.bold,
+				label: h(D).paragraphEditor.bold,
 				active: e.editor.isActive("bold"),
 				"stroke-width": 2.5,
 				onClick: r[0] ||= (t) => e.editor.chain().focus().toggleBold().run()
@@ -438,7 +438,7 @@ var Ee = ["data-tpl-theme", "aria-label"], De = { class: "tpl:flex tpl:items-cen
 			]),
 			d(G, {
 				icon: h(ae),
-				label: h(E).paragraphEditor.italic,
+				label: h(D).paragraphEditor.italic,
 				active: e.editor.isActive("italic"),
 				onClick: r[1] ||= (t) => e.editor.chain().focus().toggleItalic().run()
 			}, null, 8, [
@@ -448,7 +448,7 @@ var Ee = ["data-tpl-theme", "aria-label"], De = { class: "tpl:flex tpl:items-cen
 			]),
 			d(G, {
 				icon: h(Se),
-				label: h(E).paragraphEditor.underline,
+				label: h(D).paragraphEditor.underline,
 				active: e.editor.isActive("underline"),
 				onClick: r[2] ||= (t) => e.editor.chain().focus().toggleUnderline().run()
 			}, null, 8, [
@@ -458,7 +458,7 @@ var Ee = ["data-tpl-theme", "aria-label"], De = { class: "tpl:flex tpl:items-cen
 			]),
 			d(G, {
 				icon: h(ye),
-				label: h(E).paragraphEditor.strikethrough,
+				label: h(D).paragraphEditor.strikethrough,
 				active: e.editor.isActive("strike"),
 				onClick: r[3] ||= (t) => e.editor.chain().focus().toggleStrike().run()
 			}, null, 8, [
@@ -469,7 +469,7 @@ var Ee = ["data-tpl-theme", "aria-label"], De = { class: "tpl:flex tpl:items-cen
 			d(Y),
 			d(G, {
 				icon: h(be),
-				label: h(E).paragraphEditor.subscript,
+				label: h(D).paragraphEditor.subscript,
 				active: e.editor.isActive("subscript"),
 				onClick: r[4] ||= (t) => e.editor.chain().focus().toggleSubscript().run()
 			}, null, 8, [
@@ -479,7 +479,7 @@ var Ee = ["data-tpl-theme", "aria-label"], De = { class: "tpl:flex tpl:items-cen
 			]),
 			d(G, {
 				icon: h(xe),
-				label: h(E).paragraphEditor.superscript,
+				label: h(D).paragraphEditor.superscript,
 				active: e.editor.isActive("superscript"),
 				onClick: r[5] ||= (t) => e.editor.chain().focus().toggleSuperscript().run()
 			}, null, 8, [
@@ -490,7 +490,7 @@ var Ee = ["data-tpl-theme", "aria-label"], De = { class: "tpl:flex tpl:items-cen
 			d(Y),
 			d(G, {
 				icon: h(oe),
-				label: h(E).paragraphEditor.addLink,
+				label: h(D).paragraphEditor.addLink,
 				active: e.editor.isActive("link"),
 				onClick: r[6] ||= (e) => o("open-link-dialog")
 			}, null, 8, [
@@ -501,7 +501,7 @@ var Ee = ["data-tpl-theme", "aria-label"], De = { class: "tpl:flex tpl:items-cen
 		]), l("div", Oe, [
 			d(G, {
 				icon: h(_e),
-				label: h(E).paragraphEditor.bulletList,
+				label: h(D).paragraphEditor.bulletList,
 				active: e.editor.isActive("bulletList"),
 				onClick: r[7] ||= (t) => e.editor.chain().focus().toggleBulletList().run()
 			}, null, 8, [
@@ -511,7 +511,7 @@ var Ee = ["data-tpl-theme", "aria-label"], De = { class: "tpl:flex tpl:items-cen
 			]),
 			d(G, {
 				icon: h(L),
-				label: h(E).paragraphEditor.numberedList,
+				label: h(D).paragraphEditor.numberedList,
 				active: e.editor.isActive("orderedList"),
 				onClick: r[8] ||= (t) => e.editor.chain().focus().toggleOrderedList().run()
 			}, null, 8, [
@@ -522,7 +522,7 @@ var Ee = ["data-tpl-theme", "aria-label"], De = { class: "tpl:flex tpl:items-cen
 			d(Y),
 			d(G, {
 				icon: h(fe),
-				label: h(E).paragraphEditor.alignLeft,
+				label: h(D).paragraphEditor.alignLeft,
 				active: e.editor.isActive({ textAlign: "left" }),
 				onClick: r[9] ||= (t) => e.editor.chain().focus().setTextAlign("left").run()
 			}, null, 8, [
@@ -532,7 +532,7 @@ var Ee = ["data-tpl-theme", "aria-label"], De = { class: "tpl:flex tpl:items-cen
 			]),
 			d(G, {
 				icon: h(de),
-				label: h(E).paragraphEditor.alignCenter,
+				label: h(D).paragraphEditor.alignCenter,
 				active: e.editor.isActive({ textAlign: "center" }),
 				onClick: r[10] ||= (t) => e.editor.chain().focus().setTextAlign("center").run()
 			}, null, 8, [
@@ -542,7 +542,7 @@ var Ee = ["data-tpl-theme", "aria-label"], De = { class: "tpl:flex tpl:items-cen
 			]),
 			d(G, {
 				icon: h(ue),
-				label: h(E).paragraphEditor.alignRight,
+				label: h(D).paragraphEditor.alignRight,
 				active: e.editor.isActive({ textAlign: "right" }),
 				onClick: r[11] ||= (t) => e.editor.chain().focus().setTextAlign("right").run()
 			}, null, 8, [
@@ -554,7 +554,7 @@ var Ee = ["data-tpl-theme", "aria-label"], De = { class: "tpl:flex tpl:items-cen
 			d(Z, {
 				"model-value": W(),
 				options: h(pe),
-				label: h(E).paragraphEditor.lineHeight,
+				label: h(D).paragraphEditor.lineHeight,
 				placeholder: "LH",
 				"width-class": "tpl:w-16",
 				"onUpdate:modelValue": K
@@ -566,7 +566,7 @@ var Ee = ["data-tpl-theme", "aria-label"], De = { class: "tpl:flex tpl:items-cen
 			d(Z, {
 				"model-value": P("letterSpacing"),
 				options: h(ge),
-				label: h(E).paragraphEditor.letterSpacing,
+				label: h(D).paragraphEditor.letterSpacing,
 				placeholder: "LS",
 				"width-class": "tpl:w-20",
 				"onUpdate:modelValue": q
@@ -578,7 +578,7 @@ var Ee = ["data-tpl-theme", "aria-label"], De = { class: "tpl:flex tpl:items-cen
 			d(Y),
 			d(G, {
 				icon: h(ve),
-				label: h(E).paragraphEditor.clearFormatting,
+				label: h(D).paragraphEditor.clearFormatting,
 				onClick: r[12] ||= (t) => e.editor.chain().focus().clearNodes().unsetAllMarks().run()
 			}, null, 8, ["icon", "label"]),
 			d(Y),
@@ -586,29 +586,29 @@ var Ee = ["data-tpl-theme", "aria-label"], De = { class: "tpl:flex tpl:items-cen
 			e.canRequestMergeTag ? (i(), u(g, { key: 0 }, [d(Y), l("button", {
 				type: "button",
 				class: "tpl:flex tpl:h-8 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:gap-1.5 tpl:rounded tpl:border-none tpl:bg-transparent tpl:px-2.5 tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-text)] tpl:transition-all tpl:duration-150 tpl:hover:bg-[var(--tpl-bg-active)]",
-				"aria-label": h(E).mergeTag.insert,
-				title: h(E).mergeTag.insert,
+				"aria-label": h(D).mergeTag.insert,
+				title: h(D).mergeTag.insert,
 				onClick: r[13] ||= (e) => o("add-merge-tag")
 			}, [d(h(ce), {
 				size: 16,
 				"stroke-width": 2
-			}), m(" " + a(h(E).mergeTag.insertShort), 1)], 8, ke)], 64)) : v("", !0),
+			}), m(" " + a(h(D).mergeTag.insertShort), 1)], 8, ke)], 64)) : v("", !0),
 			e.canInsertLogicTag ? (i(), u(g, { key: 1 }, [d(Y), l("button", {
 				type: "button",
 				class: "tpl:flex tpl:h-8 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:gap-1.5 tpl:rounded tpl:border-none tpl:bg-transparent tpl:px-2.5 tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-text)] tpl:transition-all tpl:duration-150 tpl:hover:bg-[var(--tpl-bg-active)]",
-				"aria-label": h(E).logicTag.insert,
-				title: h(E).logicTag.insert,
+				"aria-label": h(D).logicTag.insert,
+				title: h(D).logicTag.insert,
 				"data-testid": "insert-logic-button",
 				onClick: r[14] ||= (e) => o("add-logic-tag")
 			}, [d(h(se), {
 				size: 16,
 				"stroke-width": 2
-			}), m(" " + a(h(E).logicTag.insertShort), 1)], 8, Ae)], 64)) : v("", !0)
+			}), m(" " + a(h(D).logicTag.insertShort), 1)], 8, Ae)], 64)) : v("", !0)
 		])], 64)) : (i(), u("div", $, [d(h(le), {
 			class: "tpl-spinner",
 			size: 14,
 			"stroke-width": 2
-		}), m(" " + a(h(E).errors.editorLoading), 1)]))], 12, Ee)], 8, ["to"])) : v("", !0);
+		}), m(" " + a(h(D).errors.editorLoading), 1)]))], 12, Ee)], 8, ["to"])) : v("", !0);
 	}
 }), Me = { class: "tpl-text-editor-wrapper tpl:relative" }, Ne = /* @__PURE__ */ c({
 	__name: "ParagraphEditor",
@@ -618,7 +618,7 @@ var Ee = ["data-tpl-theme", "aria-label"], De = { class: "tpl:flex tpl:items-cen
 	},
 	emits: ["done"],
 	setup(e, { emit: t }) {
-		let n = e, r = t, a = D(), { editor: s, EditorContent: c, isLoading: l, initError: f, retry: p, showLinkDialog: m, linkUrl: g, linkColor: _, linkDialogRef: v, canRequestMergeTag: y, canInsertLogicTag: b, openLinkDialog: x, insertLink: S, removeLink: C, closeLinkDialog: E, handleLinkKeydown: O, handleAddMergeTag: k, handleAddLogicTag: A } = T({
+		let n = e, r = t, a = E(), { editor: s, EditorContent: c, isLoading: l, initError: f, retry: p, showLinkDialog: m, linkUrl: g, linkColor: _, linkDialogRef: v, canRequestMergeTag: y, canInsertLogicTag: b, openLinkDialog: x, insertLink: S, removeLink: C, closeLinkDialog: D, handleLinkKeydown: O, handleAddMergeTag: k, handleAddLogicTag: A } = T({
 			blockId: () => n.block.id,
 			blockContent: () => n.block.content,
 			onDone: () => r("done"),
@@ -636,7 +636,7 @@ var Ee = ["data-tpl-theme", "aria-label"], De = { class: "tpl:flex tpl:items-cen
 					import("./dist-DbekZDmJ.js"),
 					import("./dist-BDVm2MrW.js"),
 					import("./dist-YSCPD13F.js"),
-					import("./extensions-DhgbhfBX.js")
+					import("./extensions-BCA9pyer.js")
 				]);
 				return {
 					TiptapEditor: o,
@@ -725,7 +725,7 @@ var Ee = ["data-tpl-theme", "aria-label"], De = { class: "tpl:flex tpl:items-cen
 				"onUpdate:linkUrl": n[1] ||= (e) => o(g) ? g.value = e : null,
 				"link-color": h(_),
 				"onUpdate:linkColor": n[2] ||= (e) => o(_) ? _.value = e : null,
-				onClose: h(E),
+				onClose: h(D),
 				onInsert: h(S),
 				onRemove: h(C),
 				onKeydown: h(O)

package/dist/{RichTextEditorContent-DCzmVeyb.js → RichTextEditorContent-MdaLz6Q3.js}

@@ -1,11 +1,11 @@
 import { C as e, Dt as t, N as n, O as r, Ot as i, P as a, _ as o, c as s, d as c, h as l, i as u, l as d, m as f, nt as p, s as m, u as h, x as g, z as _ } from "./vue.runtime.esm-bundler-B0xoGkDv.js";
 import { a as v, c as y } from "./runtime-dom.esm-bundler-GdMI8WqG.js";
-import { n as b } from "./usePopoverPosition-BDqqnMeo.js";
-import { F as x, L as S, m as C } from "./keys-WVNarXg8.js";
-import { t as w } from "./useI18n-0EU_JVe7.js";
+import { n as b } from "./usePopoverPosition-F9STHRIr.js";
+import { L as x, h as S, z as C } from "./keys-DFaIbGR8.js";
+import { t as w } from "./useI18n-BNMzZTM5.js";
 import { t as T } from "./createLucideIcon-FSF4peHQ.js";
 import { t as E } from "./x-Ctg_250T.js";
-import { t as D } from "./ColorPicker-DfzDyNKe.js";
+import { t as D } from "./ColorPicker-BsgpTJqK.js";
 var O = T("bold", [["path", {
 	d: "M6 12h9a4 4 0 0 1 0 8H7a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1h7a4 4 0 0 1 0 8",
 	key: "mg9rjx"
@@ -67,7 +67,7 @@ var O = T("bold", [["path", {
 		"update:dialogRef"
 	]),
 	setup(e, { emit: n }) {
-		let o = a(e, "linkUrl"), f = a(e, "linkColor"), T = a(e, "dialogRef"), O = n, k = g(x, null), A = g(S, null), U = b(), W = g(C, null), G = m(() => W?.content.value.settings.linkColor || "#2c85de"), { t: K } = w();
+		let o = a(e, "linkUrl"), f = a(e, "linkColor"), T = a(e, "dialogRef"), O = n, k = g(x, null), A = g(C, null), U = b(), W = g(S, null), G = m(() => W?.content.value.settings.linkColor || "#2c85de"), { t: K } = w();
 		return (n, a) => p(U) ? (r(), d(u, {
 			key: 0,
 			to: p(U)

package/dist/{SaveModuleDialog-BgOS9vCQ.js → SaveModuleDialog-MTjwiF9D.js}

@@ -1,12 +1,12 @@
 import { A as e, Dt as t, Et as n, I as r, O as i, Ot as a, R as o, Y as s, _ as c, c as l, d as u, h as d, l as f, m as p, nt as m, r as h, s as g, u as ee, z as _ } from "./vue.runtime.esm-bundler-B0xoGkDv.js";
 import { a as v } from "./runtime-dom.esm-bundler-GdMI8WqG.js";
-import "./useEditorCore-FLMIhtv1.js";
-import { M as y, R as b, m as x } from "./keys-WVNarXg8.js";
-import { t as S } from "./useI18n-0EU_JVe7.js";
+import "./useEditorCore-ea9OrrH3.js";
+import { B as y, P as b, h as x } from "./keys-DFaIbGR8.js";
+import { t as S } from "./useI18n-BNMzZTM5.js";
 import { t as te } from "./loader-circle-BT38qSm3.js";
-import { n as ne } from "./useCloudI18n-CIKI0hCd.js";
+import { n as ne } from "./useCloudI18n-PCDOC2kz.js";
 import { t as re } from "./ToggleSwitch-DUNuUPsZ.js";
-import { t as C } from "./TplModal-BW0FAtYe.js";
+import { t as C } from "./TplModal-DoOwUKlT.js";
 //#region src/cloud/components/SaveModuleDialog.vue?vue&type=script&setup=true&lang.ts
 var w = ["aria-busy"], T = {
 	id: "tpl-save-module-title",
@@ -26,7 +26,7 @@ var w = ["aria-busy"], T = {
 	},
 	emits: ["close", "saved"],
 	setup(c, { emit: R }) {
-		let z = c, B = R, { t: V } = S(), { t: H } = ne(), U = b(x, "SaveModuleDialog"), W = b(y, "SaveModuleDialog"), G = s(""), K = s(/* @__PURE__ */ new Set()), q = s(!1), J = s(null), Y = g(() => U.content.value.blocks);
+		let z = c, B = R, { t: V } = S(), { t: H } = ne(), U = y(x, "SaveModuleDialog"), W = y(b, "SaveModuleDialog"), G = s(""), K = s(/* @__PURE__ */ new Set()), q = s(!1), J = s(null), Y = g(() => U.content.value.blocks);
 		function X(e, t) {
 			let n = e.type;
 			return `${V.blocks[n] ?? e.type} ${t + 1}`;

package/dist/{SnapshotHistory-CLfYzwv9.js → SnapshotHistory-C_Y1LzAY.js}

@@ -1,13 +1,13 @@
 import { A as e, Et as t, I as n, O as r, Ot as i, R as a, Y as o, _ as s, c, d as l, h as u, nt as d, r as f, s as p, u as m } from "./vue.runtime.esm-bundler-B0xoGkDv.js";
 import { c as h, t as g } from "./runtime-dom.esm-bundler-GdMI8WqG.js";
-import "./useEditorCore-FLMIhtv1.js";
-import { i as _ } from "./usePopoverPosition-BDqqnMeo.js";
-import { t as v } from "./useI18n-0EU_JVe7.js";
+import "./useEditorCore-ea9OrrH3.js";
+import { s as _ } from "./usePopoverPosition-F9STHRIr.js";
+import { t as v } from "./useI18n-BNMzZTM5.js";
 import { t as y } from "./createLucideIcon-FSF4peHQ.js";
 import { t as b } from "./chevron-down-dClfxKrJ.js";
 import { t as x } from "./clock-m7TwQw4b.js";
 import { t as S } from "./loader-circle-BT38qSm3.js";
-import { n as C } from "./useCloudI18n-CIKI0hCd.js";
+import { n as C } from "./useCloudI18n-PCDOC2kz.js";
 import { t as w } from "./formatRelativeTime-CtUU-QZ8.js";
 var T = y("chevron-left", [["path", {
 	d: "m15 18-6-6 6-6",

package/dist/{TemplateScoringPanel-CMrfa9Rd.js → TemplateScoringPanel-DikuKc6i.js}

@@ -1,6 +1,6 @@
 import { A as e, Dt as t, Et as n, I as r, N as i, O as a, Ot as o, R as ee, Y as s, _ as c, c as l, d as u, h as d, l as f, m as p, nt as m, r as h, u as g, x as te } from "./vue.runtime.esm-bundler-B0xoGkDv.js";
 import { t as ne } from "./runtime-dom.esm-bundler-GdMI8WqG.js";
-import { C as re, N as ie, R as _, m as v } from "./keys-WVNarXg8.js";
+import { B as _, F as re, T as ie, h as v } from "./keys-DFaIbGR8.js";
 import { t as y } from "./createLucideIcon-FSF4peHQ.js";
 import { t as b } from "./chevron-down-dClfxKrJ.js";
 import { t as x } from "./circle-alert-Bhzm-fNA.js";
@@ -13,7 +13,7 @@ import { t as oe } from "./triangle-alert-B2g0ALvq.js";
 import { t as se } from "./x-Ctg_250T.js";
 import { t as ce } from "./LoadingTrack-KIcREPlS.js";
 import { t as D } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { n as le } from "./useCloudI18n-CIKI0hCd.js";
+import { n as le } from "./useCloudI18n-PCDOC2kz.js";
 var O = y("shield-x", [
 	["path", {
 		d: "M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z",
@@ -91,7 +91,7 @@ var P = {
 	props: { visible: { type: Boolean } },
 	emits: ["close"],
 	setup(c, { emit: y }) {
-		let D = c, G = y, { t: K } = le(), q = _(v, "TemplateScoringPanel"), J = _(ie, "TemplateScoringPanel"), Y = te(re, []), X = s({
+		let D = c, G = y, { t: K } = le(), q = _(v, "TemplateScoringPanel"), J = _(re, "TemplateScoringPanel"), Y = te(ie, []), X = s({
 			spam: !0,
 			readability: !0,
 			accessibility: !0,

package/dist/{TestEmailModal-DTLfATNt.js → TestEmailModal-BW8aTtzf.js}

@@ -1,9 +1,9 @@
 import { A as e, Et as t, I as n, O as r, Ot as i, R as a, Y as o, _ as s, c, d as l, h as u, l as d, m as f, nt as p, r as m, u as h, z as g } from "./vue.runtime.esm-bundler-B0xoGkDv.js";
 import { i as _ } from "./runtime-dom.esm-bundler-GdMI8WqG.js";
-import "./useEditorCore-FLMIhtv1.js";
+import "./useEditorCore-ea9OrrH3.js";
 import { t as v } from "./loader-circle-BT38qSm3.js";
-import { n as y } from "./useCloudI18n-CIKI0hCd.js";
-import { t as b } from "./TplModal-BW0FAtYe.js";
+import { n as y } from "./useCloudI18n-PCDOC2kz.js";
+import { t as b } from "./TplModal-DoOwUKlT.js";
 //#region src/cloud/components/TestEmailModal.vue?vue&type=script&setup=true&lang.ts
 var x = ["aria-busy"], S = {
 	id: "tpl-test-email-title",

package/dist/{TitleEditor-Bq9S0C8Z.js → TitleEditor-CCUkbRN0.js}

@@ -1,9 +1,9 @@
 import { Dt as e, Et as t, O as n, Ot as r, W as i, _ as a, c as o, d as s, h as c, i as l, l as u, m as d, nt as f, r as p, s as m, u as h, x as g } from "./vue.runtime.esm-bundler-B0xoGkDv.js";
-import { S as ee, x as te } from "./useEditorCore-FLMIhtv1.js";
-import { n as ne } from "./usePopoverPosition-BDqqnMeo.js";
-import { F as _, L as v, S as y, T as b } from "./keys-WVNarXg8.js";
-import { t as re } from "./useI18n-0EU_JVe7.js";
-import { a as ie, i as ae, n as oe, r as se, t as ce } from "./RichTextEditorContent-DCzmVeyb.js";
+import { S as ee, x as te } from "./useEditorCore-ea9OrrH3.js";
+import { n as ne } from "./usePopoverPosition-F9STHRIr.js";
+import { D as _, L as v, w as y, z as b } from "./keys-DFaIbGR8.js";
+import { t as re } from "./useI18n-BNMzZTM5.js";
+import { a as ie, i as ae, n as oe, r as se, t as ce } from "./RichTextEditorContent-MdaLz6Q3.js";
 import { n as x, t as S } from "./scan-line-IAMjPtRw.js";
 import { t as C } from "./loader-circle-BT38qSm3.js";
 //#region src/components/blocks/TitleEditor.vue?vue&type=script&setup=true&lang.ts
@@ -24,7 +24,7 @@ var w = { class: "tpl-text-editor-wrapper tpl:relative" }, T = ["data-tpl-theme"
 	},
 	emits: ["done"],
 	setup(a, { emit: P }) {
-		let F = a, I = P, L = g(_, null), R = g(v, null), z = ne(), B = g(b, null), le = g(y, null), V = m(() => (B?.isOpen.value ?? !1) || (le?.isOpen.value ?? !1)), { t: H } = re(), { editor: U, EditorContent: W, isLoading: G, initError: ue, retry: de, showLinkDialog: fe, linkUrl: K, linkColor: q, linkDialogRef: J, canRequestMergeTag: Y, canInsertLogicTag: X, openLinkDialog: Z, insertLink: pe, removeLink: me, closeLinkDialog: he, handleLinkKeydown: ge, handleAddMergeTag: Q, handleAddLogicTag: $ } = te({
+		let F = a, I = P, L = g(v, null), R = g(b, null), z = ne(), B = g(_, null), le = g(y, null), V = m(() => (B?.isOpen.value ?? !1) || (le?.isOpen.value ?? !1)), { t: H } = re(), { editor: U, EditorContent: W, isLoading: G, initError: ue, retry: de, showLinkDialog: fe, linkUrl: K, linkColor: q, linkDialogRef: J, canRequestMergeTag: Y, canInsertLogicTag: X, openLinkDialog: Z, insertLink: pe, removeLink: me, closeLinkDialog: he, handleLinkKeydown: ge, handleAddMergeTag: Q, handleAddLogicTag: $ } = te({
 			blockId: () => F.block.id,
 			blockContent: () => F.block.content,
 			onDone: () => I("done"),
@@ -34,7 +34,7 @@ var w = { class: "tpl-text-editor-wrapper tpl:relative" }, T = ["data-tpl-theme"
 					import("./dist-8TKf-Jpg.js").then((e) => e.r),
 					import("./dist-Cx7IUM7J.js"),
 					import("./dist-CcX5sLpz.js"),
-					import("./extensions-DhgbhfBX.js")
+					import("./extensions-BCA9pyer.js")
 				]);
 				return {
 					TiptapEditor: a,

package/dist/{TplModal-BW0FAtYe.js → TplModal-DoOwUKlT.js}

@@ -1,8 +1,8 @@
 import { O as e, R as t, Y as n, _ as r, c as i, d as a, h as o, i as s, j as c, l, nt as u, s as d, u as f, x as p } from "./vue.runtime.esm-bundler-B0xoGkDv.js";
 import { c as m, t as h } from "./runtime-dom.esm-bundler-GdMI8WqG.js";
-import { D as g } from "./useEditorCore-FLMIhtv1.js";
-import { n as _ } from "./usePopoverPosition-BDqqnMeo.js";
-import { L as v } from "./keys-WVNarXg8.js";
+import { D as g } from "./useEditorCore-ea9OrrH3.js";
+import { n as _ } from "./usePopoverPosition-F9STHRIr.js";
+import { z as v } from "./keys-DFaIbGR8.js";
 //#region src/components/TplModal.vue?vue&type=script&setup=true&lang.ts
 var y = ["data-tpl-theme"], b = /* @__PURE__ */ r({
 	__name: "TplModal",

package/dist/{blockTypeIcons-CvSfLeyV.js → blockTypeIcons-BlPKjD7M.js}

@@ -1,4 +1,4 @@
-import { A as e, F as t, M as n, j as r, k as i } from "./useEditorCore-FLMIhtv1.js";
+import { A as e, F as t, M as n, j as r, k as i } from "./useEditorCore-ea9OrrH3.js";
 import { t as a } from "./createLucideIcon-FSF4peHQ.js";
 var o = a("columns-3", [
 	["rect", {

package/dist/bundle-stats.json

@@ -1,10 +1,10 @@
 {
-  "version": "0.17.1",
-  "initialGzipBytes": 283170,
-  "initialRawBytes": 1016257,
-  "initialFileCount": 42,
-  "lazyGzipBytes": 181562,
-  "lazyRawBytes": 596343,
+  "version": "0.19.0",
+  "initialGzipBytes": 285642,
+  "initialRawBytes": 1025690,
+  "initialFileCount": 41,
+  "lazyGzipBytes": 181632,
+  "lazyRawBytes": 596544,
   "lazyFileCount": 46,
-  "generatedAt": "2026-07-23T09:20:55.737Z"
+  "generatedAt": "2026-07-24T15:19:47.558Z"
 }

package/dist/{ca-CSl--oWR.js → ca-DbWoy4rG.js}

@@ -393,7 +393,8 @@ var e = {
 		pickColor: "Tria un color",
 		hexValue: "Valor del color en Hex",
 		notSet: "No definit",
-		clear: "Neteja el color"
+		clear: "Neteja el color",
+		presetColors: "Colors predefinits"
 	},
 	mergeTag: {
 		clickToEdit: "Feu clic per editar",

package/dist/cdn/chunks/{AiFeatureMenu-B0zH66nO.js → AiFeatureMenu-RwJiaPXZ.js}

@@ -1,5 +1,5 @@
 import { L as e, M as t, P as n, ct as r, f as i, g as a, m as o, p as s, st as c, u as l, x as u } from "./draggable-D840DIZB.js";
-import { Et as d, Vt as f, ct as p, fn as m, gt as h, ht as g, ot as _ } from "./features-DLu_D-6j.js";
+import { Tt as d, Ut as f, at as p, hn as m, ht as h, mt as g, st as _ } from "./features-Cnfv4QAY.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-elevated)] tpl:border tpl:border-[var(--tpl-border)] tpl:shadow-[var(--tpl-shadow-lg)]",
@@ -7,12 +7,12 @@ var v = {
 		"backdrop-filter": "blur(8px)",
 		"-webkit-backdrop-filter": "blur(8px)"
 	}
-}, 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__*/ p(/* @__PURE__ */ u({
+}, 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__*/ _(/* @__PURE__ */ u({
 	__name: "AiFeatureMenu",
 	props: { activeFeature: {} },
 	emits: ["select"],
-	setup(u, { emit: p }) {
-		let C = p, { t: w } = _(), T = m(f, "AiFeatureMenu"), E = {
+	setup(u, { emit: _ }) {
+		let C = _, { t: w } = p(), T = m(f, "AiFeatureMenu"), E = {
 			"ai-chat": "chat",
 			"design-reference": "designToTemplate",
 			scoring: "scoring"
@@ -56,4 +56,4 @@ var v = {
 //#endregion
 export { C as default };
 
-//# sourceMappingURL=AiFeatureMenu-B0zH66nO.js.map
+//# sourceMappingURL=AiFeatureMenu-RwJiaPXZ.js.map

package/dist/cdn/chunks/{AiFeatureMenu-B0zH66nO.js.map → AiFeatureMenu-RwJiaPXZ.js.map}

@@ -1 +1 @@
-{"version":3,"file":"AiFeatureMenu-B0zH66nO.js","names":[],"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-elevated)] tpl:border tpl:border-[var(--tpl-border)] tpl:shadow-[var(--tpl-shadow-lg)]\"\n    style=\"backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px)\"\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 tpl:duration-100\"\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-elevated)] tpl:border tpl:border-[var(--tpl-border)] tpl:shadow-[var(--tpl-shadow-lg)]\"\n    style=\"backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px)\"\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 tpl:duration-100\"\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,IAAM,IAAO,GAIP,EAAE,GAAG,MAAW,EAAmB,GAEnC,IAAW,EAAc,GAAe,eAAe,GAEvD,IAAkD;GACtD,WAAW;GACX,oBAAoB;GACpB,SAAS;EACX,GAEM,IAA2D;GAC/D;IAAE,KAAK;IAAW,MAAM;GAAS;GACjC;IAAE,KAAK;IAAoB,MAAM;GAAQ;GACzC;IAAE,KAAK;IAAW,MAAM;GAAY;EACtC,GAEM,IAAW,QACf,EAAY,QAAQ,MAAM,EAAS,iBAAiB,EAAa,EAAE,IAAI,CAAC,CAC1E;EAEA,SAAS,EAAS,GAAwB;GAGxC,OAFI,MAAQ,YAAkB,EAAO,OAAO,cACxC,MAAQ,qBAA2B,EAAO,OAAO,mBAC9C,EAAO,OAAO;EACvB;EAEA,SAAS,EAAe,GAAwB;GAG9C,OAFI,MAAQ,YAAkB,EAAO,OAAO,kBACxC,MAAQ,qBAA2B,EAAO,OAAO,uBAC9C,EAAO,OAAO;EACvB;yBAIE,EA0CM,OA1CN,GA0CM,EAAA,EAAA,EAAA,GAtCJ,EAqCS,GAAA,MAAA,EApCW,EAAA,QAAX,YADT,EAqCS,UAAA;GAnCN,KAAK,EAAQ;GACd,OAAM;GACL,OAAK,EAAA,EAAA,iBAAuC,EAAA,kBAAkB,EAAQ,MAAA,6BAAA,cAAA,CAAA;GAMtE,UAAK,MAAE,EAAI,UAAW,EAAQ,GAAG;MAElC,EAcM,OAAA;GAbJ,OAAM;GACL,OAAK,EAAA;qBAA2C,EAAA,kBAAkB,EAAQ,MAAA,uBAAA;WAA8G,EAAA,kBAAkB,EAAQ,MAAA,kBAAA;;YAWnN,EAA6D,EAA7C,EAAQ,IAAI,GAAA;GAAG,MAAM;GAAK,gBAAc;YAE1D,EASM,OATN,GASM,CARJ,EAEO,QAFP,GAEO,EADF,EAAS,EAAQ,GAAG,CAAA,GAAA,CAAA,GAEzB,EAIO,QAJP,GAIO,EADF,EAAe,EAAQ,GAAG,CAAA,GAAA,CAAA,CAAA,CAAA,CAAA,GAAA,IAAA,CAAA"}
+{"version":3,"file":"AiFeatureMenu-RwJiaPXZ.js","names":[],"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-elevated)] tpl:border tpl:border-[var(--tpl-border)] tpl:shadow-[var(--tpl-shadow-lg)]\"\n    style=\"backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px)\"\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 tpl:duration-100\"\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-elevated)] tpl:border tpl:border-[var(--tpl-border)] tpl:shadow-[var(--tpl-shadow-lg)]\"\n    style=\"backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px)\"\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 tpl:duration-100\"\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,IAAM,IAAO,GAIP,EAAE,GAAG,MAAW,EAAmB,GAEnC,IAAW,EAAc,GAAe,eAAe,GAEvD,IAAkD;GACtD,WAAW;GACX,oBAAoB;GACpB,SAAS;EACX,GAEM,IAA2D;GAC/D;IAAE,KAAK;IAAW,MAAM;GAAS;GACjC;IAAE,KAAK;IAAoB,MAAM;GAAQ;GACzC;IAAE,KAAK;IAAW,MAAM;GAAY;EACtC,GAEM,IAAW,QACf,EAAY,QAAQ,MAAM,EAAS,iBAAiB,EAAa,EAAE,IAAI,CAAC,CAC1E;EAEA,SAAS,EAAS,GAAwB;GAGxC,OAFI,MAAQ,YAAkB,EAAO,OAAO,cACxC,MAAQ,qBAA2B,EAAO,OAAO,mBAC9C,EAAO,OAAO;EACvB;EAEA,SAAS,EAAe,GAAwB;GAG9C,OAFI,MAAQ,YAAkB,EAAO,OAAO,kBACxC,MAAQ,qBAA2B,EAAO,OAAO,uBAC9C,EAAO,OAAO;EACvB;yBAIE,EA0CM,OA1CN,GA0CM,EAAA,EAAA,EAAA,GAtCJ,EAqCS,GAAA,MAAA,EApCW,EAAA,QAAX,YADT,EAqCS,UAAA;GAnCN,KAAK,EAAQ;GACd,OAAM;GACL,OAAK,EAAA,EAAA,iBAAuC,EAAA,kBAAkB,EAAQ,MAAA,6BAAA,cAAA,CAAA;GAMtE,UAAK,MAAE,EAAI,UAAW,EAAQ,GAAG;MAElC,EAcM,OAAA;GAbJ,OAAM;GACL,OAAK,EAAA;qBAA2C,EAAA,kBAAkB,EAAQ,MAAA,uBAAA;WAA8G,EAAA,kBAAkB,EAAQ,MAAA,kBAAA;;YAWnN,EAA6D,EAA7C,EAAQ,IAAI,GAAA;GAAG,MAAM;GAAK,gBAAc;YAE1D,EASM,OATN,GASM,CARJ,EAEO,QAFP,GAEO,EADF,EAAS,EAAQ,GAAG,CAAA,GAAA,CAAA,GAEzB,EAIO,QAJP,GAIO,EADF,EAAe,EAAQ,GAAG,CAAA,GAAA,CAAA,CAAA,CAAA,CAAA,GAAA,IAAA,CAAA"}