@templatical/editor 0.16.0 → 0.16.2

package/dist/{RichTextEditorContent-BqLHIZY7.js → RichTextEditorContent-BB_n8vgB.js}

@@ -1,14 +1,15 @@
-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, u as m, x as h, z as g } from "./vue.runtime.esm-bundler-l0XAqiyv.js";
-import { a as _, c as v } from "./runtime-dom.esm-bundler-BzuoCyNp.js";
-import { I as y, P as b } from "./keys-Cv8-8GsD.js";
-import { t as x } from "./useI18n-C-TDeJBt.js";
-import { t as S } from "./createLucideIcon-Dx-EjR9r.js";
-import { t as C } from "./x-CQSvXnGR.js";
-import { t as w } from "./usePopoverRoot-DKUDnr55.js";
-var T = S("bold", [["path", {
+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 { I as b, P as x, m as S } from "./keys-BbDgCU6K.js";
+import { t as C } from "./useI18n-eR1yVW0v.js";
+import { t as w } from "./createLucideIcon-Bh9xOmlW.js";
+import { t as T } from "./x-CG_NV3nP.js";
+import { t as E } from "./usePopoverRoot-C1j0D7cc.js";
+import { t as D } from "./ColorPicker-CXAbjTaG.js";
+var O = w("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"
-}]]), E = S("italic", [
+}]]), k = w("italic", [
 	["line", {
 		x1: "19",
 		x2: "10",
@@ -30,19 +31,19 @@ var T = S("bold", [["path", {
 		y2: "20",
 		key: "uljnxc"
 	}]
-]), D = S("link", [["path", {
+]), A = w("link", [["path", {
 	d: "M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71",
 	key: "1cjeqo"
 }], ["path", {
 	d: "M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71",
 	key: "19qd67"
-}]]), O = ["data-tpl-theme"], k = { class: "tpl:flex tpl:items-center tpl:justify-between tpl:border-b tpl:border-[var(--tpl-border)] tpl:px-5 tpl:py-4" }, A = {
+}]]), j = ["data-tpl-theme"], M = { class: "tpl:flex tpl:items-center tpl:justify-between tpl:border-b tpl:border-[var(--tpl-border)] tpl:px-5 tpl:py-4" }, N = {
 	id: "tpl-link-dialog-title",
 	class: "tpl:m-0 tpl:text-sm tpl:font-semibold tpl:text-[var(--tpl-text)]"
-}, j = ["aria-label"], M = { class: "tpl:p-5" }, N = { class: "tpl:mb-4 tpl:last:mb-0" }, P = {
+}, P = ["aria-label"], F = { class: "tpl:p-5" }, I = { class: "tpl:mb-4 tpl:last:mb-0" }, L = {
 	for: "tpl-link-dialog-url",
 	class: "tpl:mb-1.5 tpl:block tpl:text-xs tpl:font-medium tpl:tracking-wide tpl:text-[var(--tpl-text-muted)] tpl:uppercase"
-}, F = ["placeholder"], I = { class: "tpl:flex tpl:items-center tpl:justify-between tpl:border-t tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg-elevated)] tpl:px-5 tpl:py-4" }, L = { class: "tpl:ml-auto tpl:flex tpl:gap-2" }, R = /* @__PURE__ */ o({
+}, R = ["placeholder"], z = { class: "tpl:mb-4 tpl:last:mb-0" }, B = { class: "tpl:mb-1.5 tpl:block tpl:text-xs tpl:font-medium tpl:tracking-wide tpl:text-[var(--tpl-text-muted)] tpl:uppercase" }, V = { class: "tpl:flex tpl:items-center tpl:justify-between tpl:border-t tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg-elevated)] tpl:px-5 tpl:py-4" }, H = { class: "tpl:ml-auto tpl:flex tpl:gap-2" }, U = /* @__PURE__ */ o({
 	__name: "RichTextLinkDialog",
 	props: /*@__PURE__*/ e({
 		visible: { type: Boolean },
@@ -50,6 +51,8 @@ var T = S("bold", [["path", {
 	}, {
 		linkUrl: { required: !0 },
 		linkUrlModifiers: {},
+		linkColor: { default: "" },
+		linkColorModifiers: {},
 		dialogRef: { required: !0 },
 		dialogRefModifiers: {}
 	}),
@@ -58,66 +61,74 @@ var T = S("bold", [["path", {
 		"insert",
 		"remove",
 		"keydown"
-	], ["update:linkUrl", "update:dialogRef"]),
+	], [
+		"update:linkUrl",
+		"update:linkColor",
+		"update:dialogRef"
+	]),
 	setup(e, { emit: n }) {
-		let o = a(e, "linkUrl"), f = a(e, "dialogRef"), S = n, T = h(b, null), E = h(y, null), D = w(), { t: R } = x();
-		return (n, a) => p(D) ? (r(), d(u, {
+		let o = a(e, "linkUrl"), f = a(e, "linkColor"), w = a(e, "dialogRef"), O = n, k = g(x, null), A = g(b, null), U = E(), W = g(S, null), G = m(() => W?.content.value.settings.linkColor || "#2c85de"), { t: K } = C();
+		return (n, a) => p(U) ? (r(), d(u, {
 			key: 0,
-			to: p(D)
+			to: p(U)
 		}, [e.visible ? (r(), c("div", {
 			key: 0,
-			"data-tpl-theme": p(E),
+			"data-tpl-theme": p(A),
 			class: "tpl tpl-link-dialog tpl:fixed tpl:inset-0 tpl:z-modal tpl:flex tpl:items-center tpl:justify-center",
-			style: t(p(T)),
-			onClick: a[6] ||= v((e) => S("close"), ["self"])
+			style: t(p(k)),
+			onClick: a[7] ||= y((e) => O("close"), ["self"])
 		}, [s("div", {
-			ref: (e) => f.value = e,
+			ref: (e) => w.value = e,
 			role: "dialog",
 			"aria-modal": "true",
 			"aria-labelledby": "tpl-link-dialog-title",
 			class: "tpl:w-[400px] tpl:overflow-hidden tpl:rounded-lg tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:shadow-lg"
 		}, [
-			s("div", k, [s("h4", A, i(e.isEditingLink ? p(R).linkDialog.editLink : p(R).linkDialog.insertLink), 1), s("button", {
+			s("div", M, [s("h4", N, i(e.isEditingLink ? p(K).linkDialog.editLink : p(K).linkDialog.insertLink), 1), s("button", {
 				type: "button",
-				"aria-label": p(R).linkDialog.cancel,
+				"aria-label": p(K).linkDialog.cancel,
 				class: "tpl:flex tpl:size-7 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded tpl:border-none tpl:bg-transparent tpl:p-0 tpl:text-[var(--tpl-text-muted)] tpl:hover:bg-[var(--tpl-bg-hover)] tpl:hover:text-[var(--tpl-text)]",
-				onClick: a[0] ||= (e) => S("close")
-			}, [l(p(C), {
+				onClick: a[0] ||= (e) => O("close")
+			}, [l(p(T), {
 				size: 16,
 				"stroke-width": 2
-			})], 8, j)]),
-			s("div", M, [s("div", N, [s("label", P, i(p(R).linkDialog.urlLabel), 1), g(s("input", {
+			})], 8, P)]),
+			s("div", F, [s("div", I, [s("label", L, i(p(K).linkDialog.urlLabel), 1), _(s("input", {
 				id: "tpl-link-dialog-url",
 				"onUpdate:modelValue": a[1] ||= (e) => o.value = e,
 				type: "url",
 				class: "tpl:w-full tpl:rounded-md tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:px-3 tpl:py-2.5 tpl:text-sm tpl:text-[var(--tpl-text)] tpl:transition-all tpl:duration-150 tpl:outline-none tpl:placeholder:text-[var(--tpl-text-dim)] tpl:focus:border-[var(--tpl-primary)] tpl:focus:shadow-[0_0_0_3px_var(--tpl-primary-light)]",
-				placeholder: p(R).linkDialog.urlPlaceholder,
+				placeholder: p(K).linkDialog.urlPlaceholder,
 				autofocus: "",
-				onKeydown: a[2] ||= (e) => S("keydown", e)
-			}, null, 40, F), [[_, o.value]])])]),
-			s("div", I, [e.isEditingLink ? (r(), c("button", {
+				onKeydown: a[2] ||= (e) => O("keydown", e)
+			}, null, 40, R), [[v, o.value]])]), s("div", z, [s("label", B, i(p(K).linkDialog.colorLabel), 1), l(D, {
+				"model-value": f.value,
+				"seed-color": G.value,
+				"onUpdate:modelValue": a[3] ||= (e) => f.value = e
+			}, null, 8, ["model-value", "seed-color"])])]),
+			s("div", V, [e.isEditingLink ? (r(), c("button", {
 				key: 0,
 				type: "button",
 				class: "tpl:inline-flex tpl:cursor-pointer tpl:items-center tpl:rounded-md tpl:border tpl:border-[var(--tpl-danger)] tpl:bg-transparent tpl:px-4 tpl:py-2 tpl:text-[13px] tpl:font-medium tpl:text-[var(--tpl-danger)] tpl:transition-all tpl:duration-150 tpl:hover:bg-[var(--tpl-danger-light)]",
-				onClick: a[3] ||= (e) => S("remove")
-			}, i(p(R).linkDialog.removeLink), 1)) : m("", !0), s("div", L, [s("button", {
+				onClick: a[4] ||= (e) => O("remove")
+			}, i(p(K).linkDialog.removeLink), 1)) : h("", !0), s("div", H, [s("button", {
 				type: "button",
 				class: "tpl:inline-flex tpl:cursor-pointer tpl:items-center tpl:rounded-md tpl:border tpl:border-[var(--tpl-border)] tpl:bg-transparent tpl:px-4 tpl:py-2 tpl:text-[13px] tpl:font-medium tpl:text-[var(--tpl-text-muted)] tpl:transition-all tpl:duration-150 tpl:hover:bg-[var(--tpl-bg-hover)] tpl:hover:text-[var(--tpl-text)]",
-				onClick: a[4] ||= (e) => S("close")
-			}, i(p(R).linkDialog.cancel), 1), s("button", {
+				onClick: a[5] ||= (e) => O("close")
+			}, i(p(K).linkDialog.cancel), 1), s("button", {
 				type: "button",
 				class: "tpl:inline-flex tpl:cursor-pointer tpl:items-center tpl:rounded-md tpl:border-none tpl:bg-[var(--tpl-primary)] tpl:px-4 tpl:py-2 tpl:text-[13px] tpl:font-medium tpl:transition-all tpl:duration-150 tpl:hover:bg-[var(--tpl-primary-hover)] tpl:text-[var(--tpl-bg)]",
-				onClick: a[5] ||= (e) => S("insert")
-			}, i(e.isEditingLink ? p(R).linkDialog.updateLink : p(R).linkDialog.insertLink), 1)])])
-		], 512)], 12, O)) : m("", !0)], 8, ["to"])) : m("", !0);
+				onClick: a[6] ||= (e) => O("insert")
+			}, i(e.isEditingLink ? p(K).linkDialog.updateLink : p(K).linkDialog.insertLink), 1)])])
+		], 512)], 12, j)) : h("", !0)], 8, ["to"])) : h("", !0);
 	}
-}), z = {
+}), W = {
 	key: 0,
 	class: "tpl-text-editable tpl:min-h-[1.5em] tpl:rounded tpl:border tpl:border-dashed tpl:border-[var(--tpl-primary)] tpl:p-2"
-}, B = { class: "tpl:animate-pulse tpl:text-[var(--tpl-text-dim)]" }, V = {
+}, G = { class: "tpl:animate-pulse tpl:text-[var(--tpl-text-dim)]" }, K = {
 	key: 1,
 	class: "tpl-text-editable tpl:min-h-[1.5em] tpl:rounded tpl:border tpl:border-dashed tpl:p-2 tpl:text-center tpl:text-xs tpl:border-[var(--tpl-danger)] tpl:text-[var(--tpl-text-muted)]"
-}, H = /* @__PURE__ */ o({
+}, q = /* @__PURE__ */ o({
 	__name: "RichTextEditorContent",
 	props: {
 		editor: {},
@@ -127,16 +138,16 @@ var T = S("bold", [["path", {
 	},
 	emits: ["retry"],
 	setup(e, { emit: t }) {
-		let a = t, { t: o } = x();
-		return (t, l) => e.isLoading ? (r(), c("div", z, [s("div", B, i(p(o).errors.editorLoading), 1)])) : e.initError ? (r(), c("div", V, [f(i(p(o).errors.editorLoadFailed) + " ", 1), s("button", {
+		let a = t, { t: o } = C();
+		return (t, l) => e.isLoading ? (r(), c("div", W, [s("div", G, i(p(o).errors.editorLoading), 1)])) : e.initError ? (r(), c("div", K, [f(i(p(o).errors.editorLoadFailed) + " ", 1), s("button", {
 			class: "tpl:ml-1 tpl:cursor-pointer tpl:border-none tpl:bg-transparent tpl:p-0 tpl:underline tpl:text-[var(--tpl-primary)]",
 			onClick: l[0] ||= (e) => a("retry")
 		}, i(p(o).errors.retry), 1)])) : e.editorContent && e.editor ? (r(), d(n(e.editorContent), {
 			key: 2,
 			editor: e.editor,
 			class: "tpl-text-editable tpl:min-h-[1.5em] tpl:rounded tpl:border tpl:border-dashed tpl:border-[var(--tpl-primary)] tpl:p-2"
-		}, null, 8, ["editor"])) : m("", !0);
+		}, null, 8, ["editor"])) : h("", !0);
 	}
 });
 //#endregion
-export { T as a, E as i, R as n, D as r, H as t };
+export { O as a, k as i, U as n, A as r, q as t };

package/dist/{SaveModuleDialog-D27ufH5q.js → SaveModuleDialog-Cypt_qOB.js}

@@ -1,11 +1,11 @@
-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-l0XAqiyv.js";
-import { a as v } from "./runtime-dom.esm-bundler-BzuoCyNp.js";
-import "./useEditorCore-AQ0BN1ug.js";
-import { L as y, j as b, m as x } from "./keys-Cv8-8GsD.js";
-import { t as S } from "./useI18n-C-TDeJBt.js";
-import { t as te } from "./loader-circle-BLmicnPG.js";
-import { n as ne } from "./useCloudI18n-AKCy98qD.js";
-import { t as re } from "./TplModal-dYXt3vyd.js";
+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-DtZkR7Vk.js";
+import { L as y, j as b, m as x } from "./keys-BbDgCU6K.js";
+import { t as S } from "./useI18n-eR1yVW0v.js";
+import { t as te } from "./loader-circle-DFU0HPAa.js";
+import { n as ne } from "./useCloudI18n-WbfVWq5k.js";
+import { t as re } from "./TplModal-Ca-29YDD.js";
 //#region src/cloud/components/SaveModuleDialog.vue?vue&type=script&setup=true&lang.ts
 var C = ["aria-busy"], w = {
 	id: "tpl-save-module-title",

package/dist/{SnapshotHistory-Cymqkk9_.js → SnapshotHistory-DQTH8TCS.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-l0XAqiyv.js";
-import { c as h, t as g } from "./runtime-dom.esm-bundler-BzuoCyNp.js";
-import "./useEditorCore-AQ0BN1ug.js";
-import { t as _ } from "./dist-BEWiuOMi.js";
-import { t as v } from "./useI18n-C-TDeJBt.js";
-import { t as y } from "./createLucideIcon-Dx-EjR9r.js";
-import { t as b } from "./chevron-down-BKe__NOD.js";
-import { t as x } from "./clock-BW4JuDCN.js";
-import { t as S } from "./loader-circle-BLmicnPG.js";
-import { n as C } from "./useCloudI18n-AKCy98qD.js";
+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-DtZkR7Vk.js";
+import { t as _ } from "./dist-CFOQvhSC.js";
+import { t as v } from "./useI18n-eR1yVW0v.js";
+import { t as y } from "./createLucideIcon-Bh9xOmlW.js";
+import { t as b } from "./chevron-down-ByXpufZD.js";
+import { t as x } from "./clock-5lWLadUn.js";
+import { t as S } from "./loader-circle-DFU0HPAa.js";
+import { n as C } from "./useCloudI18n-WbfVWq5k.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-CZ62rGHz.js → TemplateScoringPanel-C8VOC6gn.js}

@@ -1,19 +1,19 @@
-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-l0XAqiyv.js";
-import { t as ne } from "./runtime-dom.esm-bundler-BzuoCyNp.js";
-import { L as _, M as re, S as ie, m as v } from "./keys-Cv8-8GsD.js";
-import { t as y } from "./createLucideIcon-Dx-EjR9r.js";
-import { t as b } from "./chevron-down-BKe__NOD.js";
-import { t as x } from "./circle-alert-C8xmpMsK.js";
-import { n as S, t as C } from "./refresh-cw-D1JQ1LNa.js";
-import { t as ae } from "./info-TCn7uWR5.js";
-import { t as w } from "./loader-circle-BLmicnPG.js";
-import { t as T } from "./shield-check-Bqluu8FS.js";
-import { t as E } from "./sparkles-M4azPVSP.js";
-import { t as oe } from "./triangle-alert-BuRWnynk.js";
-import { t as se } from "./x-CQSvXnGR.js";
-import { t as ce } from "./LoadingTrack-DsecR8Rw.js";
+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 { L as _, M as re, S as ie, m as v } from "./keys-BbDgCU6K.js";
+import { t as y } from "./createLucideIcon-Bh9xOmlW.js";
+import { t as b } from "./chevron-down-ByXpufZD.js";
+import { t as x } from "./circle-alert-CjcAORUw.js";
+import { n as S, t as C } from "./refresh-cw--lvWGy0_.js";
+import { t as ae } from "./info-BhSQCxBV.js";
+import { t as w } from "./loader-circle-DFU0HPAa.js";
+import { t as T } from "./shield-check-C49M20le.js";
+import { t as E } from "./sparkles-DV7Dman6.js";
+import { t as oe } from "./triangle-alert-D1lzx6ds.js";
+import { t as se } from "./x-CG_NV3nP.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-AKCy98qD.js";
+import { n as le } from "./useCloudI18n-WbfVWq5k.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",

package/dist/{TestEmailModal-BIvdHidU.js → TestEmailModal-DqxrL-U9.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-l0XAqiyv.js";
-import { i as _ } from "./runtime-dom.esm-bundler-BzuoCyNp.js";
-import "./useEditorCore-AQ0BN1ug.js";
-import { t as v } from "./loader-circle-BLmicnPG.js";
-import { n as y } from "./useCloudI18n-AKCy98qD.js";
-import { t as b } from "./TplModal-dYXt3vyd.js";
+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-DtZkR7Vk.js";
+import { t as v } from "./loader-circle-DFU0HPAa.js";
+import { n as y } from "./useCloudI18n-WbfVWq5k.js";
+import { t as b } from "./TplModal-Ca-29YDD.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-D0a4NdOn.js → TitleEditor-DoGgnrcb.js}

@@ -1,11 +1,11 @@
-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-l0XAqiyv.js";
-import { x as _ } from "./useEditorCore-AQ0BN1ug.js";
-import { I as v, P as y, w as b, x as ee } from "./keys-Cv8-8GsD.js";
-import { t as te } from "./useI18n-C-TDeJBt.js";
-import { a as ne, i as re, n as ie, r as ae, t as oe } from "./RichTextEditorContent-BqLHIZY7.js";
-import { n as se, t as x } from "./scan-line-DgijVq9y.js";
-import { t as S } from "./loader-circle-BLmicnPG.js";
-import { t as C } from "./usePopoverRoot-DKUDnr55.js";
+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-DtZkR7Vk.js";
+import { I as ne, P as _, w as v, x as y } from "./keys-BbDgCU6K.js";
+import { t as b } from "./useI18n-eR1yVW0v.js";
+import { a as re, i as ie, n as ae, r as oe, t as se } from "./RichTextEditorContent-BB_n8vgB.js";
+import { n as ce, t as x } from "./scan-line-QgyDIgn_.js";
+import { t as S } from "./loader-circle-DFU0HPAa.js";
+import { t as C } from "./usePopoverRoot-C1j0D7cc.js";
 //#region src/components/blocks/TitleEditor.vue?vue&type=script&setup=true&lang.ts
 var w = { class: "tpl-text-editor-wrapper tpl:relative" }, T = ["data-tpl-theme", "aria-label"], E = ["aria-label", "title"], D = ["aria-label", "title"], O = ["aria-label", "title"], k = {
 	key: 0,
@@ -24,17 +24,17 @@ 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(y, null), R = g(v, null), z = C(), B = g(b, null), ce = g(ee, null), V = m(() => (B?.isOpen.value ?? !1) || (ce?.isOpen.value ?? !1)), { t: H } = te(), { editor: U, EditorContent: W, isLoading: G, initError: le, retry: ue, showLinkDialog: de, linkUrl: K, linkDialogRef: q, canRequestMergeTag: J, canInsertLogicTag: Y, openLinkDialog: X, insertLink: Z, removeLink: fe, closeLinkDialog: pe, handleLinkKeydown: me, handleAddMergeTag: Q, handleAddLogicTag: $ } = _({
+		let F = a, I = P, L = g(_, null), R = g(ne, null), z = C(), B = g(v, null), le = g(y, null), V = m(() => (B?.isOpen.value ?? !1) || (le?.isOpen.value ?? !1)), { t: H } = b(), { 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"),
 			editorName: "TitleEditor",
 			async loadExtensions({ mergeTags: e, syntax: t, triggerChar: n, autocompleteEnabled: r, suggestionEmptyText: i }) {
 				let [{ Editor: a, EditorContent: o }, { default: s }, { default: c }, { MergeTagNode: l, MergeTagSuggestion: u, LogicMergeTagNode: d }] = await Promise.all([
-					import("./dist-DEcNpSJi.js").then((e) => e.r),
-					import("./dist-FVawx7ou.js"),
-					import("./dist-Ci5GHd96.js"),
-					import("./extensions-3jhgwhV-.js")
+					import("./dist-BReUTadj.js").then((e) => e.r),
+					import("./dist-i_Z7t67A.js"),
+					import("./dist-CHLoeloJ.js"),
+					import("./extensions-B2poxDIo.js")
 				]);
 				return {
 					TiptapEditor: a,
@@ -51,7 +51,7 @@ var w = { class: "tpl-text-editor-wrapper tpl:relative" }, T = ["data-tpl-theme"
 							strike: !1,
 							link: !1
 						}),
-						c.configure({
+						ee(c).configure({
 							openOnClick: !1,
 							HTMLAttributes: {
 								target: "_blank",
@@ -95,7 +95,7 @@ var w = { class: "tpl-text-editor-wrapper tpl:relative" }, T = ["data-tpl-theme"
 					"aria-label": f(H).titleEditor.bold,
 					title: f(H).titleEditor.bold,
 					onClick: g[0] ||= (e) => f(U)?.chain().focus().toggleBold().run()
-				}, [c(f(ne), {
+				}, [c(f(re), {
 					size: 16,
 					"stroke-width": 2.5
 				})], 10, E),
@@ -105,11 +105,11 @@ var w = { class: "tpl-text-editor-wrapper tpl:relative" }, T = ["data-tpl-theme"
 					"aria-label": f(H).titleEditor.italic,
 					title: f(H).titleEditor.italic,
 					onClick: g[1] ||= (e) => f(U)?.chain().focus().toggleItalic().run()
-				}, [c(f(re), {
+				}, [c(f(ie), {
 					size: 16,
 					"stroke-width": 2
 				})], 10, D),
-				g[7] ||= o("span", {
+				g[8] ||= o("span", {
 					class: "tpl:mx-1.5 tpl:h-6 tpl:w-px tpl:bg-[var(--tpl-border)]",
 					"aria-hidden": "true"
 				}, null, -1),
@@ -118,13 +118,13 @@ var w = { class: "tpl-text-editor-wrapper tpl:relative" }, T = ["data-tpl-theme"
 					class: t(["tpl-text-toolbar-btn", { "tpl-text-toolbar-btn--active": f(U)?.isActive("link") }]),
 					"aria-label": f(H).titleEditor.addLink,
 					title: f(H).titleEditor.addLink,
-					onClick: g[2] ||= (...e) => f(X) && f(X)(...e)
-				}, [c(f(ae), {
+					onClick: g[2] ||= (...e) => f(Z) && f(Z)(...e)
+				}, [c(f(oe), {
 					size: 16,
 					"stroke-width": 2
 				})], 10, O),
-				f(J) ? (n(), s("span", k)) : h("", !0),
-				f(J) ? (n(), s("button", {
+				f(Y) ? (n(), s("span", k)) : h("", !0),
+				f(Y) ? (n(), s("button", {
 					key: 1,
 					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)]",
@@ -135,8 +135,8 @@ var w = { class: "tpl-text-editor-wrapper tpl:relative" }, T = ["data-tpl-theme"
 					size: 16,
 					"stroke-width": 2
 				}), d(" " + r(f(H).mergeTag.insertShort), 1)], 8, A)) : h("", !0),
-				f(Y) ? (n(), s("span", j)) : h("", !0),
-				f(Y) ? (n(), s("button", {
+				f(X) ? (n(), s("span", j)) : h("", !0),
+				f(X) ? (n(), s("button", {
 					key: 3,
 					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)]",
@@ -144,7 +144,7 @@ var w = { class: "tpl-text-editor-wrapper tpl:relative" }, T = ["data-tpl-theme"
 					title: f(H).logicTag.insert,
 					"data-testid": "insert-logic-button",
 					onClick: g[4] ||= (...e) => f($) && f($)(...e)
-				}, [c(f(se), {
+				}, [c(f(ce), {
 					size: 16,
 					"stroke-width": 2
 				}), d(" " + r(f(H).logicTag.insertShort), 1)], 8, M)) : h("", !0)
@@ -153,12 +153,12 @@ var w = { class: "tpl-text-editor-wrapper tpl:relative" }, T = ["data-tpl-theme"
 				size: 14,
 				"stroke-width": 2
 			}), d(" " + r(f(H).errors.editorLoading), 1)]))], 12, T)], 8, ["to"])) : h("", !0),
-			c(oe, {
+			c(se, {
 				editor: f(U),
 				"editor-content": f(W),
 				"is-loading": f(G),
-				"init-error": f(le),
-				onRetry: f(ue)
+				"init-error": f(ue),
+				onRetry: f(de)
 			}, null, 8, [
 				"editor",
 				"editor-content",
@@ -166,22 +166,25 @@ var w = { class: "tpl-text-editor-wrapper tpl:relative" }, T = ["data-tpl-theme"
 				"init-error",
 				"onRetry"
 			]),
-			c(ie, {
-				visible: f(de),
+			c(ae, {
+				visible: f(fe),
 				"is-editing-link": f(U)?.isActive("link") ?? !1,
-				"dialog-ref": f(q),
-				"onUpdate:dialogRef": g[5] ||= (e) => i(q) ? q.value = e : null,
+				"dialog-ref": f(J),
+				"onUpdate:dialogRef": g[5] ||= (e) => i(J) ? J.value = e : null,
 				"link-url": f(K),
 				"onUpdate:linkUrl": g[6] ||= (e) => i(K) ? K.value = e : null,
-				onClose: f(pe),
-				onInsert: f(Z),
-				onRemove: f(fe),
-				onKeydown: f(me)
+				"link-color": f(q),
+				"onUpdate:linkColor": g[7] ||= (e) => i(q) ? q.value = e : null,
+				onClose: f(he),
+				onInsert: f(pe),
+				onRemove: f(me),
+				onKeydown: f(ge)
 			}, null, 8, [
 				"visible",
 				"is-editing-link",
 				"dialog-ref",
 				"link-url",
+				"link-color",
 				"onClose",
 				"onInsert",
 				"onRemove",

package/dist/{TplModal-dYXt3vyd.js → TplModal-Ca-29YDD.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-l0XAqiyv.js";
-import { c as m, t as h } from "./runtime-dom.esm-bundler-BzuoCyNp.js";
-import { E as g } from "./useEditorCore-AQ0BN1ug.js";
-import { I as _ } from "./keys-Cv8-8GsD.js";
-import { t as v } from "./usePopoverRoot-DKUDnr55.js";
+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-DtZkR7Vk.js";
+import { I as _ } from "./keys-BbDgCU6K.js";
+import { t as v } from "./usePopoverRoot-C1j0D7cc.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-JSBvsa0M.js → blockTypeIcons-DVJXg5si.js}

@@ -1,5 +1,5 @@
-import { A as e, O as t, P as n, j as r, k as i } from "./useEditorCore-AQ0BN1ug.js";
-import { t as a } from "./createLucideIcon-Dx-EjR9r.js";
+import { A as e, F as t, M as n, j as r, k as i } from "./useEditorCore-DtZkR7Vk.js";
+import { t as a } from "./createLucideIcon-Bh9xOmlW.js";
 var o = a("columns-3", [
 	["rect", {
 		width: "18",
@@ -98,13 +98,13 @@ var o = a("columns-3", [
 	section: o,
 	title: s,
 	paragraph: d,
-	image: r,
+	image: n,
 	button: p,
 	divider: c,
 	video: f,
-	social: i,
-	menu: e,
-	table: t,
+	social: e,
+	menu: r,
+	table: i,
 	spacer: l,
 	countdown: a("timer", [
 		["line", {
@@ -128,7 +128,7 @@ var o = a("columns-3", [
 			key: "1e1u0o"
 		}]
 	]),
-	html: n
+	html: t
 };
 //#endregion
 export { c as i, m as n, u as r, h as t };

package/dist/bundle-stats.json

@@ -1,10 +1,10 @@
 {
-  "version": "0.16.0",
-  "initialGzipBytes": 280824,
-  "initialRawBytes": 1011195,
+  "version": "0.16.2",
+  "initialGzipBytes": 281884,
+  "initialRawBytes": 1013672,
   "initialFileCount": 42,
-  "lazyGzipBytes": 181001,
-  "lazyRawBytes": 594853,
+  "lazyGzipBytes": 181483,
+  "lazyRawBytes": 596216,
   "lazyFileCount": 46,
-  "generatedAt": "2026-07-17T13:19:12.730Z"
+  "generatedAt": "2026-07-19T13:54:26.248Z"
 }

package/dist/{ca-C58VqAgo.js → ca-B3eR47lE.js}

@@ -112,7 +112,8 @@ var e = {
 		removeLink: "Elimina l'enllaç",
 		cancel: "Cancel·la",
 		urlPlaceholder: "https://example.com",
-		urlLabel: "URL"
+		urlLabel: "URL",
+		colorLabel: "Color de l'enllaç"
 	},
 	title: {
 		level: "Nivell d'encapçalament",

package/dist/cdn/chunks/{AiFeatureMenu-B6V5CzCc.js → AiFeatureMenu-roPglhox.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-kG-D5Xsm.js";
-import { Ct as d, Rt as f, at as p, ft as m, ln as h, pt as g, rt as _ } from "./features-DO71hPJr.js";
+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 { it as d, mt as f, ot as p, pt as m, un as h, wt as g, zt as _ } from "./features-C-cjT_8L.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)]",
@@ -12,7 +12,7 @@ var v = {
 	props: { activeFeature: {} },
 	emits: ["select"],
 	setup(u, { emit: p }) {
-		let C = p, { t: w } = _(), T = h(f, "AiFeatureMenu"), E = {
+		let C = p, { t: w } = d(), T = h(_, "AiFeatureMenu"), E = {
 			"ai-chat": "chat",
 			"design-reference": "designToTemplate",
 			scoring: "scoring"
@@ -23,11 +23,11 @@ var v = {
 			},
 			{
 				key: "design-reference",
-				icon: d
+				icon: g
 			},
 			{
 				key: "scoring",
-				icon: g
+				icon: f
 			}
 		], O = i(() => D.filter((e) => T.isFeatureEnabled(E[e.key])));
 		function k(e) {
@@ -56,4 +56,4 @@ var v = {
 //#endregion
 export { C as default };
 
-//# sourceMappingURL=AiFeatureMenu-B6V5CzCc.js.map
+//# sourceMappingURL=AiFeatureMenu-roPglhox.js.map

package/dist/cdn/chunks/{AiFeatureMenu-B6V5CzCc.js.map → AiFeatureMenu-roPglhox.js.map}

@@ -1 +1 @@
-{"version":3,"file":"AiFeatureMenu-B6V5CzCc.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-roPglhox.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"}