@templatical/editor 0.16.4 → 0.16.5

package/dist/{ParagraphEditor-BhsBi8p8.js → ParagraphEditor-nk5Vvr7M.js}

@@ -1,18 +1,17 @@
 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-DBq2689h.js";
-import { n as E } from "./color-DhoxCSMv.js";
-import { I as D, L as O, P as k, g as ee, m as te, w as ne, x as re } from "./keys-BbDgCU6K.js";
-import { t as A } from "./useI18n-eR1yVW0v.js";
-import { t as j } from "./createLucideIcon-FSF4peHQ.js";
-import { a as ie, i as ae, n as M, r as oe, t as N } from "./RichTextEditorContent-ef0fdj6e.js";
+import { D as S, E as C, S as w, x as T } from "./useEditorCore-DnOG2a_b.js";
+import { i as E, n as D } from "./usePopoverPosition-B3Byo68F.js";
+import { I as O, L as k, P as A, g as ee, m as te, w as ne, x as re } from "./keys-BbDgCU6K.js";
+import { t as j } from "./useI18n-eR1yVW0v.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-DBaCrvH0.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 P } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { t as F } from "./usePopoverRoot-C1j0D7cc.js";
-import { c as pe, o as me, r as he, s as ge, t as I } from "./ColorPicker-Cab6U2sH.js";
-var L = j("list-ordered", [
+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-CppJgX_T.js";
+var L = M("list-ordered", [
 	["path", {
 		d: "M11 5h10",
 		key: "1cz7ny"
@@ -37,7 +36,7 @@ var L = j("list-ordered", [
 		d: "M6.5 20H3.4c0-1 2.6-1.925 2.6-3.5a1.5 1.5 0 0 0-2.6-1.02",
 		key: "xtkcd5"
 	}]
-]), _e = j("list", [
+]), _e = M("list", [
 	["path", {
 		d: "M3 5h.01",
 		key: "18ugdj"
@@ -62,7 +61,7 @@ var L = j("list-ordered", [
 		d: "M8 19h13",
 		key: "m83p4d"
 	}]
-]), ve = j("remove-formatting", [
+]), ve = M("remove-formatting", [
 	["path", {
 		d: "M4 7V4h16v3",
 		key: "9msm58"
@@ -83,7 +82,7 @@ var L = j("list-ordered", [
 		d: "m20 15-5 5",
 		key: "11p7ol"
 	}]
-]), R = j("smile", [
+]), R = M("smile", [
 	["circle", {
 		cx: "12",
 		cy: "12",
@@ -108,7 +107,7 @@ var L = j("list-ordered", [
 		y2: "9",
 		key: "1p4y9e"
 	}]
-]), ye = j("strikethrough", [
+]), ye = M("strikethrough", [
 	["path", {
 		d: "M16 4H9a3 3 0 0 0-2.83 4",
 		key: "43sutm"
@@ -124,7 +123,7 @@ var L = j("list-ordered", [
 		y2: "12",
 		key: "1e0a9i"
 	}]
-]), be = j("subscript", [
+]), be = M("subscript", [
 	["path", {
 		d: "m4 5 8 8",
 		key: "1eunvl"
@@ -137,7 +136,7 @@ var L = j("list-ordered", [
 		d: "M20 19h-4c0-1.5.44-2 1.5-2.5S20 15.33 20 14c0-.47-.17-.93-.48-1.29a2.11 2.11 0 0 0-2.62-.44c-.42.24-.74.62-.9 1.07",
 		key: "e8ta8j"
 	}]
-]), xe = j("superscript", [
+]), xe = M("superscript", [
 	["path", {
 		d: "m4 19 8-8",
 		key: "hr47gm"
@@ -150,7 +149,7 @@ var L = j("list-ordered", [
 		d: "M20 12h-4c0-1.5.442-2 1.5-2.5S20 8.334 20 7.002c0-.472-.17-.93-.484-1.29a2.105 2.105 0 0 0-2.617-.436c-.42.239-.738.614-.899 1.06",
 		key: "1dfcux"
 	}]
-]), Se = j("underline", [["path", {
+]), Se = M("underline", [["path", {
 	d: "M6 4v6a6 6 0 0 0 12 0V4",
 	key: "9kb039"
 }], ["line", {
@@ -167,7 +166,7 @@ var L = j("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 } = A(), T = s(null), D = s(null);
+		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, () => {
 			f.value && m();
 		});
@@ -244,7 +243,7 @@ var L = j("list-ordered", [
 function J(e, t) {
 	return i(), u("span", q);
 }
-var Y = /*#__PURE__*/ P(K, [["render", J]]), X = [
+var Y = /*#__PURE__*/ F(K, [["render", J]]), X = [
 	"value",
 	"aria-label",
 	"title"
@@ -306,14 +305,14 @@ 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(k, null), c = y(D, null), b = O(ee, "ParagraphToolbar"), x = F(), S = y(ne, null), C = y(re, null), w = y(te, null), T = _(() => (S?.isOpen.value ?? !1) || (C?.isOpen.value ?? !1)), { t: E } = A(), j = b.fonts;
-		function M(e) {
+		let r = e, o = n, s = y(A, null), c = y(O, null), b = k(ee, "ParagraphToolbar"), x = D(), S = y(ne, null), C = y(re, null), w = y(te, null), T = _(() => (S?.isOpen.value ?? !1) || (C?.isOpen.value ?? !1)), { t: E } = j(), M = b.fonts;
+		function N(e) {
 			r.editor?.chain().focus().insertContent(e).run();
 		}
-		function N(e) {
+		function P(e) {
 			return r.editor?.getAttributes("textStyle")[e] || "";
 		}
-		function P(e) {
+		function F(e) {
 			let t = r.editor?.chain().focus();
 			e ? t?.setFontFamily(e).run() : t?.unsetFontFamily().run();
 		}
@@ -333,10 +332,10 @@ var Ee = ["data-tpl-theme", "aria-label"], De = { class: "tpl:flex tpl:items-cen
 		}
 		function H() {
 			let e = w?.content.value.settings;
-			return z() ? Q(B(), e?.linkColor || e?.textColor) : Q(N("color"), e?.textColor);
+			return z() ? Q(B(), e?.linkColor || e?.textColor) : Q(P("color"), e?.textColor);
 		}
 		function U() {
-			return z() ? B() : N("color");
+			return z() ? B() : P("color");
 		}
 		function W() {
 			return r.editor?.getAttributes("paragraph").lineHeight || "";
@@ -363,7 +362,7 @@ var Ee = ["data-tpl-theme", "aria-label"], De = { class: "tpl:flex tpl:items-cen
 			"data-tpl-theme": h(c),
 			role: "toolbar",
 			"aria-label": h(E).paragraphEditor.toolbar,
-			class: "tpl tpl-text-toolbar tpl:fixed 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",
+			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),
 				top: `${e.toolbarPosition.top}px`,
@@ -373,12 +372,12 @@ var Ee = ["data-tpl-theme", "aria-label"], De = { class: "tpl:flex tpl:items-cen
 			})
 		}, [!e.isLoading && e.editor ? (i(), u(g, { key: 0 }, [l("div", De, [
 			d(Z, {
-				"model-value": N("fontFamily"),
-				options: h(j),
+				"model-value": P("fontFamily"),
+				options: h(M),
 				label: h(E).paragraphEditor.fontFamily,
 				placeholder: h(E).paragraphEditor.defaultFont,
 				"width-class": "tpl:w-32",
-				"onUpdate:modelValue": P
+				"onUpdate:modelValue": F
 			}, null, 8, [
 				"model-value",
 				"options",
@@ -386,7 +385,7 @@ var Ee = ["data-tpl-theme", "aria-label"], De = { class: "tpl:flex tpl:items-cen
 				"placeholder"
 			]),
 			d(Z, {
-				"model-value": N("fontSize"),
+				"model-value": P("fontSize"),
 				options: h(me),
 				label: h(E).paragraphEditor.fontSize,
 				placeholder: h(E).paragraphEditor.defaultSize,
@@ -565,7 +564,7 @@ var Ee = ["data-tpl-theme", "aria-label"], De = { class: "tpl:flex tpl:items-cen
 				"label"
 			]),
 			d(Z, {
-				"model-value": N("letterSpacing"),
+				"model-value": P("letterSpacing"),
 				options: h(ge),
 				label: h(E).paragraphEditor.letterSpacing,
 				placeholder: "LS",
@@ -583,7 +582,7 @@ var Ee = ["data-tpl-theme", "aria-label"], De = { class: "tpl:flex tpl:items-cen
 				onClick: r[12] ||= (t) => e.editor.chain().focus().clearNodes().unsetAllMarks().run()
 			}, null, 8, ["icon", "label"]),
 			d(Y),
-			d(Ce, { onInsert: M }),
+			d(Ce, { onInsert: N }),
 			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)]",
@@ -619,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 = F(), { 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: D, handleAddMergeTag: O, handleAddLogicTag: k } = 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({
 			blockId: () => n.block.id,
 			blockContent: () => n.block.content,
 			onDone: () => r("done"),
@@ -637,7 +636,7 @@ var Ee = ["data-tpl-theme", "aria-label"], De = { class: "tpl:flex tpl:items-cen
 					import("./dist-BXR1aBJV.js"),
 					import("./dist-BE9m_i60.js"),
 					import("./dist-BPPeDw62.js"),
-					import("./extensions-B2poxDIo.js")
+					import("./extensions-Cjd-VAII.js")
 				]);
 				return {
 					TiptapEditor: o,
@@ -692,8 +691,8 @@ var Ee = ["data-tpl-theme", "aria-label"], De = { class: "tpl:flex tpl:items-cen
 				"can-request-merge-tag": h(y),
 				"can-insert-logic-tag": h(b),
 				onOpenLinkDialog: h(x),
-				onAddMergeTag: h(O),
-				onAddLogicTag: h(k)
+				onAddMergeTag: h(k),
+				onAddLogicTag: h(A)
 			}, null, 8, [
 				"editor",
 				"toolbar-position",
@@ -704,7 +703,7 @@ var Ee = ["data-tpl-theme", "aria-label"], De = { class: "tpl:flex tpl:items-cen
 				"onAddMergeTag",
 				"onAddLogicTag"
 			]),
-			d(N, {
+			d(P, {
 				editor: h(s),
 				"editor-content": h(c),
 				"is-loading": h(l),
@@ -717,7 +716,7 @@ var Ee = ["data-tpl-theme", "aria-label"], De = { class: "tpl:flex tpl:items-cen
 				"init-error",
 				"onRetry"
 			]),
-			d(M, {
+			d(N, {
 				visible: h(m),
 				"is-editing-link": h(s)?.isActive("link") ?? !1,
 				"dialog-ref": h(v),
@@ -729,7 +728,7 @@ var Ee = ["data-tpl-theme", "aria-label"], De = { class: "tpl:flex tpl:items-cen
 				onClose: h(E),
 				onInsert: h(S),
 				onRemove: h(C),
-				onKeydown: h(D)
+				onKeydown: h(O)
 			}, null, 8, [
 				"visible",
 				"is-editing-link",

package/dist/{RichTextEditorContent-ef0fdj6e.js → RichTextEditorContent-DBaCrvH0.js}

@@ -1,15 +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, 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-FSF4peHQ.js";
-import { t as T } from "./x-Ctg_250T.js";
-import { t as E } from "./usePopoverRoot-C1j0D7cc.js";
-import { t as D } from "./ColorPicker-Cab6U2sH.js";
-var O = w("bold", [["path", {
+import { n as b } from "./usePopoverPosition-B3Byo68F.js";
+import { I as x, P as S, m as C } from "./keys-BbDgCU6K.js";
+import { t as w } from "./useI18n-eR1yVW0v.js";
+import { t as T } from "./createLucideIcon-FSF4peHQ.js";
+import { t as E } from "./x-Ctg_250T.js";
+import { t as D } from "./ColorPicker-CppJgX_T.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"
-}]]), k = w("italic", [
+}]]), k = T("italic", [
 	["line", {
 		x1: "19",
 		x2: "10",
@@ -31,7 +31,7 @@ var O = w("bold", [["path", {
 		y2: "20",
 		key: "uljnxc"
 	}]
-]), A = w("link", [["path", {
+]), A = T("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", {
@@ -67,7 +67,7 @@ var O = w("bold", [["path", {
 		"update:dialogRef"
 	]),
 	setup(e, { emit: n }) {
-		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();
+		let o = a(e, "linkUrl"), f = a(e, "linkColor"), T = a(e, "dialogRef"), O = n, k = g(S, null), A = g(x, null), U = b(), W = g(C, 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)
@@ -78,7 +78,7 @@ var O = w("bold", [["path", {
 			style: t(p(k)),
 			onClick: a[7] ||= y((e) => O("close"), ["self"])
 		}, [s("div", {
-			ref: (e) => w.value = e,
+			ref: (e) => T.value = e,
 			role: "dialog",
 			"aria-modal": "true",
 			"aria-labelledby": "tpl-link-dialog-title",
@@ -89,7 +89,7 @@ var O = w("bold", [["path", {
 				"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) => O("close")
-			}, [l(p(T), {
+			}, [l(p(E), {
 				size: 16,
 				"stroke-width": 2
 			})], 8, P)]),
@@ -138,7 +138,7 @@ var O = w("bold", [["path", {
 	},
 	emits: ["retry"],
 	setup(e, { emit: t }) {
-		let a = t, { t: o } = C();
+		let a = t, { t: o } = w();
 		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")

package/dist/{SaveModuleDialog-BNN3dcxD.js → SaveModuleDialog-CYu5PhBz.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-DBq2689h.js";
+import "./useEditorCore-DnOG2a_b.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-BT38qSm3.js";
 import { n as ne } from "./useCloudI18n-WbfVWq5k.js";
 import { t as re } from "./ToggleSwitch-DUNuUPsZ.js";
-import { t as C } from "./TplModal-Niu4Y96-.js";
+import { t as C } from "./TplModal-BXnx3sLr.js";
 //#region src/cloud/components/SaveModuleDialog.vue?vue&type=script&setup=true&lang.ts
 var w = ["aria-busy"], T = {
 	id: "tpl-save-module-title",

package/dist/{SnapshotHistory-tWvgMCe6.js → SnapshotHistory-B38ImqMO.js}

@@ -1,7 +1,7 @@
 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-DBq2689h.js";
-import { n as _ } from "./color-DhoxCSMv.js";
+import "./useEditorCore-DnOG2a_b.js";
+import { i as _ } from "./usePopoverPosition-B3Byo68F.js";
 import { t as v } from "./useI18n-eR1yVW0v.js";
 import { t as y } from "./createLucideIcon-FSF4peHQ.js";
 import { t as b } from "./chevron-down-dClfxKrJ.js";

package/dist/{TestEmailModal-EdwEcsrD.js → TestEmailModal-DbstIzEf.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-DBq2689h.js";
+import "./useEditorCore-DnOG2a_b.js";
 import { t as v } from "./loader-circle-BT38qSm3.js";
 import { n as y } from "./useCloudI18n-WbfVWq5k.js";
-import { t as b } from "./TplModal-Niu4Y96-.js";
+import { t as b } from "./TplModal-BXnx3sLr.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-DdvRepBq.js → TitleEditor-CmfkOHJT.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-B0xoGkDv.js";
-import { S as ee, x as te } from "./useEditorCore-DBq2689h.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-ef0fdj6e.js";
-import { n as ce, t as x } from "./scan-line-IAMjPtRw.js";
-import { t as S } from "./loader-circle-BT38qSm3.js";
-import { t as C } from "./usePopoverRoot-C1j0D7cc.js";
+import { S as ee, x as te } from "./useEditorCore-DnOG2a_b.js";
+import { n as ne } from "./usePopoverPosition-B3Byo68F.js";
+import { I as _, P as v, w as y, x as b } from "./keys-BbDgCU6K.js";
+import { t as re } from "./useI18n-eR1yVW0v.js";
+import { a as ie, i as ae, n as oe, r as se, t as ce } from "./RichTextEditorContent-DBaCrvH0.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
 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,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(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({
+		let F = a, I = P, L = g(v, null), R = g(_, null), z = ne(), B = g(y, null), le = g(b, 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-BReUTadj.js").then((e) => e.r),
 					import("./dist-i_Z7t67A.js"),
 					import("./dist-CHLoeloJ.js"),
-					import("./extensions-B2poxDIo.js")
+					import("./extensions-Cjd-VAII.js")
 				]);
 				return {
 					TiptapEditor: a,
@@ -81,7 +81,7 @@ var w = { class: "tpl-text-editor-wrapper tpl:relative" }, T = ["data-tpl-theme"
 				"data-tpl-theme": f(R),
 				role: "toolbar",
 				"aria-label": f(H).titleEditor.toolbar,
-				class: "tpl tpl-text-toolbar tpl:fixed tpl:z-popover tpl:flex tpl:items-center 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",
+				class: "tpl tpl-text-toolbar tpl:absolute tpl:z-popover tpl:flex tpl:items-center 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: e({
 					...f(L),
 					top: `${a.toolbarPosition.top}px`,
@@ -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(re), {
+				}, [c(f(ie), {
 					size: 16,
 					"stroke-width": 2.5
 				})], 10, E),
@@ -105,7 +105,7 @@ 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(ie), {
+				}, [c(f(ae), {
 					size: 16,
 					"stroke-width": 2
 				})], 10, D),
@@ -119,7 +119,7 @@ var w = { class: "tpl-text-editor-wrapper tpl:relative" }, T = ["data-tpl-theme"
 					"aria-label": f(H).titleEditor.addLink,
 					title: f(H).titleEditor.addLink,
 					onClick: g[2] ||= (...e) => f(Z) && f(Z)(...e)
-				}, [c(f(oe), {
+				}, [c(f(se), {
 					size: 16,
 					"stroke-width": 2
 				})], 10, O),
@@ -131,7 +131,7 @@ var w = { class: "tpl-text-editor-wrapper tpl:relative" }, T = ["data-tpl-theme"
 					"aria-label": f(H).mergeTag.insert,
 					title: f(H).mergeTag.insert,
 					onClick: g[3] ||= (...e) => f(Q) && f(Q)(...e)
-				}, [c(f(x), {
+				}, [c(f(S), {
 					size: 16,
 					"stroke-width": 2
 				}), d(" " + r(f(H).mergeTag.insertShort), 1)], 8, A)) : h("", !0),
@@ -144,16 +144,16 @@ 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(ce), {
+				}, [c(f(x), {
 					size: 16,
 					"stroke-width": 2
 				}), d(" " + r(f(H).logicTag.insertShort), 1)], 8, M)) : h("", !0)
-			], 64)) : (n(), s("div", N, [c(f(S), {
+			], 64)) : (n(), s("div", N, [c(f(C), {
 				class: "tpl-spinner",
 				size: 14,
 				"stroke-width": 2
 			}), d(" " + r(f(H).errors.editorLoading), 1)]))], 12, T)], 8, ["to"])) : h("", !0),
-			c(se, {
+			c(ce, {
 				editor: f(U),
 				"editor-content": f(W),
 				"is-loading": f(G),
@@ -166,7 +166,7 @@ var w = { class: "tpl-text-editor-wrapper tpl:relative" }, T = ["data-tpl-theme"
 				"init-error",
 				"onRetry"
 			]),
-			c(ae, {
+			c(oe, {
 				visible: f(fe),
 				"is-editing-link": f(U)?.isActive("link") ?? !1,
 				"dialog-ref": f(J),

package/dist/{TplModal-Niu4Y96-.js → TplModal-BXnx3sLr.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-DBq2689h.js";
-import { I as _ } from "./keys-BbDgCU6K.js";
-import { t as v } from "./usePopoverRoot-C1j0D7cc.js";
+import { D as g } from "./useEditorCore-DnOG2a_b.js";
+import { n as _ } from "./usePopoverPosition-B3Byo68F.js";
+import { I as v } from "./keys-BbDgCU6K.js";
 //#region src/components/TplModal.vue?vue&type=script&setup=true&lang.ts
 var y = ["data-tpl-theme"], b = /* @__PURE__ */ r({
 	__name: "TplModal",
@@ -11,7 +11,7 @@ var y = ["data-tpl-theme"], b = /* @__PURE__ */ r({
 	setup(r, { emit: b }) {
 		let x = r, S = b, C = n(null);
 		g(C, d(() => x.visible));
-		let w = p(_), T = v();
+		let w = p(v), T = _();
 		function E(e) {
 			e.key === "Escape" && S("close"), S("keydown", e);
 		}

package/dist/{blockTypeIcons-DHcYPMB8.js → blockTypeIcons-BVIEw0XJ.js}

@@ -1,4 +1,4 @@
-import { A as e, F as t, M as n, j as r, k as i } from "./useEditorCore-DBq2689h.js";
+import { A as e, F as t, M as n, j as r, k as i } from "./useEditorCore-DnOG2a_b.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.16.4",
-  "initialGzipBytes": 282748,
-  "initialRawBytes": 1014679,
-  "initialFileCount": 43,
-  "lazyGzipBytes": 181386,
-  "lazyRawBytes": 595918,
+  "version": "0.16.5",
+  "initialGzipBytes": 282785,
+  "initialRawBytes": 1015111,
+  "initialFileCount": 42,
+  "lazyGzipBytes": 181398,
+  "lazyRawBytes": 595924,
   "lazyFileCount": 46,
-  "generatedAt": "2026-07-20T16:49:44.601Z"
+  "generatedAt": "2026-07-20T20:11:17.315Z"
 }

package/dist/cdn/chunks/{AiFeatureMenu-AoUwsqor.js → AiFeatureMenu-CuIg4yrB.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 { Bt as d, Tt as f, at as p, dn as m, ht as h, mt as g, st as _ } from "./features-Bo7H8WNI.js";
+import { Et as d, Vt as f, ct as p, fn as m, gt as h, ht as g, ot as _ } from "./features-BSpDuFFR.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__*/ _(/* @__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__*/ p(/* @__PURE__ */ u({
 	__name: "AiFeatureMenu",
 	props: { activeFeature: {} },
 	emits: ["select"],
-	setup(u, { emit: _ }) {
-		let C = _, { t: w } = p(), T = m(d, "AiFeatureMenu"), E = {
+	setup(u, { emit: p }) {
+		let C = p, { t: w } = _(), T = m(f, "AiFeatureMenu"), E = {
 			"ai-chat": "chat",
 			"design-reference": "designToTemplate",
 			scoring: "scoring"
@@ -23,7 +23,7 @@ var v = {
 			},
 			{
 				key: "design-reference",
-				icon: f
+				icon: d
 			},
 			{
 				key: "scoring",
@@ -56,4 +56,4 @@ var v = {
 //#endregion
 export { C as default };
 
-//# sourceMappingURL=AiFeatureMenu-AoUwsqor.js.map
+//# sourceMappingURL=AiFeatureMenu-CuIg4yrB.js.map

package/dist/cdn/chunks/{AiFeatureMenu-AoUwsqor.js.map → AiFeatureMenu-CuIg4yrB.js.map}

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

package/dist/cdn/chunks/{BlockIssueBadge-DZU3CfEN.js → BlockIssueBadge-BHEl_Hs7.js}

@@ -1,11 +1,11 @@
 import { M as e, T as t, f as n, g as r, h as i, it as a, m as o, ot as s, x as c } from "./draggable-D840DIZB.js";
-import { dt as l, jt as u, sn as d, zt as f } from "./features-Bo7H8WNI.js";
+import { Bt as l, Mt as u, cn as d, ft as f } from "./features-BSpDuFFR.js";
 //#region src/components/canvas/BlockIssueBadge.vue?vue&type=script&setup=true&lang.ts
 var p = ["title", "aria-label"], m = /* @__PURE__ */ c({
 	__name: "BlockIssueBadge",
 	props: { blockId: {} },
 	setup(c) {
-		let m = c, { t: h } = f(), g = t(d, null), _ = n(() => (g?.issues.value ?? []).filter((e) => e.blockId === m.blockId)), v = n(() => _.value.some((e) => e.severity === "error") ? "error" : _.value.some((e) => e.severity === "warning") ? "warning" : null), y = n(() => v.value === "error" ? h.issues.badgeError : h.issues.badgeWarning);
+		let m = c, { t: h } = l(), g = t(d, null), _ = n(() => (g?.issues.value ?? []).filter((e) => e.blockId === m.blockId)), v = n(() => _.value.some((e) => e.severity === "error") ? "error" : _.value.some((e) => e.severity === "warning") ? "warning" : null), y = n(() => v.value === "error" ? h.issues.badgeError : h.issues.badgeWarning);
 		return (t, n) => v.value ? (e(), r("span", {
 			key: 0,
 			class: s(["tpl:absolute tpl:top-1 tpl:right-1 tpl:z-10 tpl:flex tpl:size-5 tpl:items-center tpl:justify-center tpl:rounded-full tpl:bg-[var(--tpl-bg)] tpl:shadow-[var(--tpl-shadow-sm)] tpl:ring-1 tpl:ring-[var(--tpl-border)]", v.value === "error" ? "tpl:text-[var(--tpl-danger)]" : "tpl:text-[var(--tpl-warning)]"]),
@@ -18,7 +18,7 @@ var p = ["title", "aria-label"], m = /* @__PURE__ */ c({
 			"stroke-width": 2.25,
 			fill: "currentColor",
 			stroke: "var(--tpl-bg)"
-		})) : (e(), o(a(l), {
+		})) : (e(), o(a(f), {
 			key: 1,
 			size: 14,
 			"stroke-width": 2.25,
@@ -30,4 +30,4 @@ var p = ["title", "aria-label"], m = /* @__PURE__ */ c({
 //#endregion
 export { m as default };
 
-//# sourceMappingURL=BlockIssueBadge-DZU3CfEN.js.map
+//# sourceMappingURL=BlockIssueBadge-BHEl_Hs7.js.map