@templatical/editor 0.15.1 → 0.16.1

package/dist/cdn/chunks/{ParagraphEditor-iG5cDjH0.js → ParagraphEditor-CB5FGRs3.js}

@@ -1,19 +1,19 @@
-import { K as e, L as t, M as n, P as r, T as i, Z as a, c as o, ct as s, d as c, f as l, g as u, h as d, it as f, l as p, m, ot as h, p as g, st as _, u as v, v as y, x as b, y as x } from "./draggable-kG-D5Xsm.js";
-import { $t as S, Lt as C, Qt as w, X as T, Zt as E, at as D, bt as O, cn as ee, et as k, it as A, k as j, ln as te, on as ne, un as M } from "./features-CHE3YjQE.js";
-import { B as re, C as ie, H as ae, L as oe, R as se, X as ce, Z as le, b as ue, c as de, d as fe, f as pe, g as N, i as P, l as F, o as I, s as L } from "./icons-M4uqBV-_.js";
-import { a as R, o as z, s as B } from "./styleConstants-lGobwiLH.js";
-import { n as V, t as H } from "./RichTextEditorContent-DQpgeGMj.js";
+import { K as e, L as t, M as n, P as r, T as i, Z as a, c as o, ct as s, d as c, f as l, g as u, h as d, it as f, l as p, m, ot as h, p as g, st as _, u as v, v as y, x as b, y as x } from "./draggable-D840DIZB.js";
+import { $t as S, Qt as C, Rt as w, X as T, Z as E, Zt as D, at as O, ct as k, dn as A, en as ee, k as j, ln as te, ot as M, sn as ne, tt as N, un as re, xt as ie } from "./features-CgbSSCgv.js";
+import { B as ae, C as oe, H as se, L as ce, R as le, X as ue, Z as de, b as fe, c as pe, d as me, f as he, g as P, i as ge, l as _e, o as ve, s as F } from "./icons-Dlx5MT1V.js";
+import { c as ye, o as be, s as xe } from "./ColorPicker-DmxMDn-t.js";
+import { n as I, t as L } from "./RichTextEditorContent-CPelbtck.js";
 //#region src/components/blocks/EmojiPickerDropdown.vue?vue&type=script&setup=true&lang.ts
-var U = [
+var R = [
 	"aria-label",
 	"title",
 	"aria-expanded"
-], W = ["aria-label"], G = { class: "tpl:mb-1.5 tpl:text-[10px] tpl:font-medium tpl:tracking-wide tpl:text-[var(--tpl-text-muted)] tpl:uppercase" }, K = { class: "tpl:grid tpl:grid-cols-10 tpl:gap-0.5" }, q = ["aria-label", "onClick"], me = /* @__PURE__ */ b({
+], z = ["aria-label"], B = { class: "tpl:mb-1.5 tpl:text-[10px] tpl:font-medium tpl:tracking-wide tpl:text-[var(--tpl-text-muted)] tpl:uppercase" }, V = { class: "tpl:grid tpl:grid-cols-10 tpl:gap-0.5" }, H = ["aria-label", "onClick"], Se = /* @__PURE__ */ b({
 	__name: "EmojiPickerDropdown",
 	emits: ["insert"],
 	setup(e, { emit: t }) {
-		let i = t, { categories: c, isOpen: m, toggle: _, close: y } = k(), { t: b, format: S } = C(), w = a(null), T = a(null);
-		A(w, l(() => m.value)), M(T, () => {
+		let i = t, { categories: c, isOpen: m, toggle: _, close: y } = N(), { t: b, format: S } = w(), C = a(null), T = a(null);
+		O(C, l(() => m.value)), A(T, () => {
 			m.value && y();
 		});
 		function E(e) {
@@ -32,14 +32,14 @@ var U = [
 			"aria-haspopup": "dialog",
 			"aria-controls": "tpl-emoji-picker",
 			onClick: t[0] ||= (...e) => f(_) && f(_)(...e)
-		}, [x(f(N), {
+		}, [x(f(P), {
 			size: 16,
 			"stroke-width": 2
-		})], 10, U), f(m) ? (n(), u("div", {
+		})], 10, R), f(m) ? (n(), u("div", {
 			key: 0,
 			id: "tpl-emoji-picker",
 			ref_key: "pickerRef",
-			ref: w,
+			ref: C,
 			role: "dialog",
 			"aria-modal": "false",
 			"aria-label": f(b).paragraphEditor.insertEmoji,
@@ -49,19 +49,19 @@ var U = [
 		}, [(n(!0), u(v, null, r(f(c), (e) => (n(), u("div", {
 			key: e.key,
 			class: "tpl:mb-2 tpl:last:mb-0"
-		}, [g("div", G, s(f(b).emoji[e.key]), 1), g("div", K, [(n(!0), u(v, null, r(e.emojis, (e) => (n(), u("button", {
+		}, [g("div", B, s(f(b).emoji[e.key]), 1), g("div", V, [(n(!0), u(v, null, r(e.emojis, (e) => (n(), u("button", {
 			key: e,
 			type: "button",
 			"aria-label": f(S)(f(b).paragraphEditor.emojiItemLabel, { emoji: e }),
 			class: "tpl:flex tpl:size-6 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded tpl:border-none tpl:bg-transparent tpl:text-base tpl:transition-all tpl:duration-100 tpl:hover:scale-125 tpl:hover:bg-[var(--tpl-bg-active)]",
 			onClick: (t) => E(e)
-		}, s(e), 9, q))), 128))])]))), 128))], 40, W)) : d("", !0)], 512));
+		}, s(e), 9, H))), 128))])]))), 128))], 40, z)) : d("", !0)], 512));
 	}
-}), J = [
+}), U = [
 	"aria-label",
 	"title",
 	"aria-pressed"
-], Y = /* @__PURE__ */ b({
+], W = /* @__PURE__ */ b({
 	__name: "ToolbarIconButton",
 	props: {
 		icon: {},
@@ -80,20 +80,20 @@ var U = [
 		}, [(n(), m(t(e.icon), {
 			size: e.size ?? 16,
 			"stroke-width": e.strokeWidth ?? 2
-		}, null, 8, ["size", "stroke-width"]))], 10, J));
+		}, null, 8, ["size", "stroke-width"]))], 10, U));
 	}
-}), X = {}, he = {
+}), G = {}, K = {
 	class: "tpl:mx-1 tpl:h-6 tpl:w-px tpl:bg-[var(--tpl-border)]",
 	"aria-hidden": "true"
 };
-function ge(e, t) {
-	return n(), u("span", he);
+function q(e, t) {
+	return n(), u("span", K);
 }
-var Z = /*#__PURE__*/ D(X, [["render", ge]]), _e = [
+var J = /*#__PURE__*/ M(G, [["render", q]]), Y = [
 	"value",
 	"aria-label",
 	"title"
-], ve = { value: "" }, ye = ["value"], Q = /* @__PURE__ */ b({
+], X = { value: "" }, Ce = ["value"], Z = /* @__PURE__ */ b({
 	__name: "ToolbarSelect",
 	props: {
 		modelValue: {},
@@ -120,23 +120,31 @@ var Z = /*#__PURE__*/ D(X, [["render", ge]]), _e = [
 			"aria-label": e.label,
 			title: e.label,
 			onChange: a
-		}, [g("option", ve, s(e.placeholder ?? ""), 1), (n(!0), u(v, null, r(e.options, (e) => (n(), u("option", {
+		}, [g("option", X, s(e.placeholder ?? ""), 1), (n(!0), u(v, null, r(e.options, (e) => (n(), u("option", {
 			key: o(e),
 			value: o(e)
-		}, s(c(e)), 9, ye))), 128))], 42, _e));
+		}, s(c(e)), 9, Ce))), 128))], 42, Y));
 	}
-}), be = ["data-tpl-theme", "aria-label"], $ = { class: "tpl:flex tpl:items-center tpl:gap-1" }, xe = { class: "tpl:relative" }, Se = [
+});
+//#endregion
+//#region src/utils/richTextColor.ts
+function Q(e, t) {
+	return e || t || "#000000";
+}
+//#endregion
+//#region src/components/blocks/ParagraphToolbar.vue?vue&type=script&setup=true&lang.ts
+var we = ["data-tpl-theme", "aria-label"], Te = { class: "tpl:flex tpl:items-center tpl:gap-1" }, Ee = { class: "tpl:relative" }, De = [
 	"value",
 	"aria-label",
 	"title"
-], Ce = { class: "tpl:relative" }, we = [
+], $ = ["aria-label", "title"], Oe = { class: "tpl:relative" }, ke = [
 	"value",
 	"aria-label",
 	"title"
-], Te = { class: "tpl:flex tpl:items-center tpl:gap-1" }, Ee = ["aria-label", "title"], De = ["aria-label", "title"], Oe = {
+], Ae = { class: "tpl:flex tpl:items-center tpl:gap-1" }, je = ["aria-label", "title"], Me = ["aria-label", "title"], Ne = {
 	key: 1,
 	class: "tpl:flex tpl:items-center tpl:gap-2 tpl:px-2 tpl:text-xs tpl:text-[var(--tpl-text-dim)]"
-}, ke = /* @__PURE__ */ b({
+}, Pe = /* @__PURE__ */ b({
 	__name: "ParagraphToolbar",
 	props: {
 		editor: {},
@@ -151,24 +159,37 @@ var Z = /*#__PURE__*/ D(X, [["render", ge]]), _e = [
 		"add-logic-tag"
 	],
 	setup(e, { emit: t }) {
-		let r = e, a = t, o = i(ne, null), p = i(ee, null), h = te(E, "ParagraphToolbar"), b = j(), T = i(S, null), D = i(w, null), k = l(() => (T?.isOpen.value ?? !1) || (D?.isOpen.value ?? !1)), { t: A } = C(), M = h.fonts;
-		function N(e) {
+		let r = e, a = t, o = i(ne, null), p = i(te, null), h = re(C, "ParagraphToolbar"), b = j(), T = i(ee, null), E = i(S, null), O = i(D, null), A = l(() => (T?.isOpen.value ?? !1) || (E?.isOpen.value ?? !1)), { t: M } = w(), N = h.fonts;
+		function P(e) {
 			r.editor?.chain().focus().insertContent(e).run();
 		}
-		function V(e) {
+		function I(e) {
 			return r.editor?.getAttributes("textStyle")[e] || "";
 		}
-		function H(e) {
+		function L(e) {
 			let t = r.editor?.chain().focus();
 			e ? t?.setFontFamily(e).run() : t?.unsetFontFamily().run();
 		}
-		function U(e) {
+		function R(e) {
 			let t = r.editor?.chain().focus();
 			e ? t?.setFontSize(e).run() : t?.unsetFontSize().run();
 		}
-		function W(e) {
+		function z() {
+			return r.editor?.isActive("link") ?? !1;
+		}
+		function B() {
+			return r.editor?.getAttributes("link").color || "";
+		}
+		function V(e) {
 			let t = r.editor?.chain().focus();
-			e ? t?.setColor(e).run() : t?.unsetColor().run();
+			t && (z() ? (t.extendMarkRange("link").updateAttributes("link", { color: e || null }), e && t.unsetColor(), t.run()) : e ? t.setColor(e).updateAttributes("link", { color: e }).run() : t.unsetColor().run());
+		}
+		function H() {
+			let e = O?.content.value.settings;
+			return z() ? Q(B(), e?.linkColor || e?.textColor) : Q(I("color"), e?.textColor);
+		}
+		function U() {
+			return z() ? B() !== "" : I("color") !== "";
 		}
 		function G() {
 			return r.editor?.getAttributes("paragraph").lineHeight || "";
@@ -181,20 +202,20 @@ var Z = /*#__PURE__*/ D(X, [["render", ge]]), _e = [
 			let t = r.editor?.chain().focus();
 			e && e !== "normal" ? t?.setLetterSpacing(e).run() : t?.unsetLetterSpacing().run();
 		}
-		function J() {
+		function Y() {
 			return r.editor?.getAttributes("highlight").color || "";
 		}
 		function X(e) {
 			let t = r.editor?.chain().focus();
 			e ? t?.setHighlight({ color: e }).run() : t?.unsetHighlight().run();
 		}
-		return (t, r) => f(b) && !k.value ? (n(), m(c, {
+		return (t, r) => f(b) && !A.value ? (n(), m(c, {
 			key: 0,
 			to: f(b)
 		}, [g("div", {
 			"data-tpl-theme": f(p),
 			role: "toolbar",
-			"aria-label": f(A).paragraphEditor.toolbar,
+			"aria-label": f(M).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",
 			style: _({
 				...f(o),
@@ -203,182 +224,192 @@ var Z = /*#__PURE__*/ D(X, [["render", ge]]), _e = [
 				transform: "translateY(-100%)",
 				flexDirection: "column"
 			})
-		}, [!e.isLoading && e.editor ? (n(), u(v, { key: 0 }, [g("div", $, [
-			x(Q, {
-				"model-value": V("fontFamily"),
-				options: f(M),
-				label: f(A).paragraphEditor.fontFamily,
-				placeholder: f(A).paragraphEditor.defaultFont,
+		}, [!e.isLoading && e.editor ? (n(), u(v, { key: 0 }, [g("div", Te, [
+			x(Z, {
+				"model-value": I("fontFamily"),
+				options: f(N),
+				label: f(M).paragraphEditor.fontFamily,
+				placeholder: f(M).paragraphEditor.defaultFont,
 				"width-class": "tpl:w-32",
-				"onUpdate:modelValue": H
+				"onUpdate:modelValue": L
 			}, null, 8, [
 				"model-value",
 				"options",
 				"label",
 				"placeholder"
 			]),
-			x(Q, {
-				"model-value": V("fontSize"),
-				options: f(R),
-				label: f(A).paragraphEditor.fontSize,
-				placeholder: f(A).paragraphEditor.defaultSize,
+			x(Z, {
+				"model-value": I("fontSize"),
+				options: f(be),
+				label: f(M).paragraphEditor.fontSize,
+				placeholder: f(M).paragraphEditor.defaultSize,
 				"width-class": "tpl:w-20",
-				"onUpdate:modelValue": U
+				"onUpdate:modelValue": R
 			}, null, 8, [
 				"model-value",
 				"options",
 				"label",
 				"placeholder"
 			]),
-			x(Z),
-			g("div", xe, [g("input", {
+			x(J),
+			g("div", Ee, [g("input", {
 				type: "color",
 				class: "tpl:size-8 tpl:cursor-pointer tpl:rounded tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:p-1",
-				value: V("color") || f("#000000"),
-				"aria-label": f(A).paragraphEditor.textColor,
-				title: f(A).paragraphEditor.textColor,
-				onInput: r[0] ||= (e) => W(e.target.value)
-			}, null, 40, Se)]),
-			g("div", Ce, [g("input", {
+				value: H(),
+				"aria-label": f(M).paragraphEditor.textColor,
+				title: f(M).paragraphEditor.textColor,
+				onInput: r[0] ||= (e) => V(e.target.value)
+			}, null, 40, De), U() ? (n(), u("button", {
+				key: 0,
+				type: "button",
+				class: "tpl:absolute tpl:-right-1 tpl:-top-1 tpl:flex tpl:size-4 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded-full tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:text-[var(--tpl-text-dim)] tpl:shadow-sm tpl:transition-colors tpl:duration-150 hover:tpl:text-[var(--tpl-text)]",
+				"aria-label": f(M).colorPicker.clear,
+				title: f(M).colorPicker.clear,
+				onClick: r[1] ||= (e) => V("")
+			}, [x(f(k), {
+				size: 10,
+				"stroke-width": 2.5
+			})], 8, $)) : d("", !0)]),
+			g("div", Oe, [g("input", {
 				type: "color",
 				class: "tpl:size-8 tpl:cursor-pointer tpl:rounded tpl:border tpl:border-[var(--tpl-border)] tpl:p-1",
-				style: _({ backgroundColor: J() || "var(--tpl-bg)" }),
-				value: J() || f("#ffff00"),
-				"aria-label": f(A).paragraphEditor.highlightColor,
-				title: f(A).paragraphEditor.highlightColor,
-				onInput: r[1] ||= (e) => X(e.target.value)
-			}, null, 44, we)]),
-			x(Z),
-			x(Y, {
-				icon: f(le),
-				label: f(A).paragraphEditor.bold,
+				style: _({ backgroundColor: Y() || "var(--tpl-bg)" }),
+				value: Y() || f("#ffff00"),
+				"aria-label": f(M).paragraphEditor.highlightColor,
+				title: f(M).paragraphEditor.highlightColor,
+				onInput: r[2] ||= (e) => X(e.target.value)
+			}, null, 44, ke)]),
+			x(J),
+			x(W, {
+				icon: f(de),
+				label: f(M).paragraphEditor.bold,
 				active: e.editor.isActive("bold"),
 				"stroke-width": 2.5,
-				onClick: r[2] ||= (t) => e.editor.chain().focus().toggleBold().run()
+				onClick: r[3] ||= (t) => e.editor.chain().focus().toggleBold().run()
 			}, null, 8, [
 				"icon",
 				"label",
 				"active"
 			]),
-			x(Y, {
-				icon: f(ae),
-				label: f(A).paragraphEditor.italic,
+			x(W, {
+				icon: f(se),
+				label: f(M).paragraphEditor.italic,
 				active: e.editor.isActive("italic"),
-				onClick: r[3] ||= (t) => e.editor.chain().focus().toggleItalic().run()
+				onClick: r[4] ||= (t) => e.editor.chain().focus().toggleItalic().run()
 			}, null, 8, [
 				"icon",
 				"label",
 				"active"
 			]),
-			x(Y, {
-				icon: f(P),
-				label: f(A).paragraphEditor.underline,
+			x(W, {
+				icon: f(ge),
+				label: f(M).paragraphEditor.underline,
 				active: e.editor.isActive("underline"),
-				onClick: r[4] ||= (t) => e.editor.chain().focus().toggleUnderline().run()
+				onClick: r[5] ||= (t) => e.editor.chain().focus().toggleUnderline().run()
 			}, null, 8, [
 				"icon",
 				"label",
 				"active"
 			]),
-			x(Y, {
-				icon: f(fe),
-				label: f(A).paragraphEditor.strikethrough,
+			x(W, {
+				icon: f(me),
+				label: f(M).paragraphEditor.strikethrough,
 				active: e.editor.isActive("strike"),
-				onClick: r[5] ||= (t) => e.editor.chain().focus().toggleStrike().run()
+				onClick: r[6] ||= (t) => e.editor.chain().focus().toggleStrike().run()
 			}, null, 8, [
 				"icon",
 				"label",
 				"active"
 			]),
-			x(Z),
-			x(Y, {
-				icon: f(pe),
-				label: f(A).paragraphEditor.subscript,
+			x(J),
+			x(W, {
+				icon: f(he),
+				label: f(M).paragraphEditor.subscript,
 				active: e.editor.isActive("subscript"),
-				onClick: r[6] ||= (t) => e.editor.chain().focus().toggleSubscript().run()
+				onClick: r[7] ||= (t) => e.editor.chain().focus().toggleSubscript().run()
 			}, null, 8, [
 				"icon",
 				"label",
 				"active"
 			]),
-			x(Y, {
-				icon: f(F),
-				label: f(A).paragraphEditor.superscript,
+			x(W, {
+				icon: f(_e),
+				label: f(M).paragraphEditor.superscript,
 				active: e.editor.isActive("superscript"),
-				onClick: r[7] ||= (t) => e.editor.chain().focus().toggleSuperscript().run()
+				onClick: r[8] ||= (t) => e.editor.chain().focus().toggleSuperscript().run()
 			}, null, 8, [
 				"icon",
 				"label",
 				"active"
 			]),
-			x(Z),
-			x(Y, {
-				icon: f(re),
-				label: f(A).paragraphEditor.addLink,
+			x(J),
+			x(W, {
+				icon: f(ae),
+				label: f(M).paragraphEditor.addLink,
 				active: e.editor.isActive("link"),
-				onClick: r[8] ||= (e) => a("open-link-dialog")
+				onClick: r[9] ||= (e) => a("open-link-dialog")
 			}, null, 8, [
 				"icon",
 				"label",
 				"active"
 			])
-		]), g("div", Te, [
-			x(Y, {
-				icon: f(oe),
-				label: f(A).paragraphEditor.bulletList,
+		]), g("div", Ae, [
+			x(W, {
+				icon: f(ce),
+				label: f(M).paragraphEditor.bulletList,
 				active: e.editor.isActive("bulletList"),
-				onClick: r[9] ||= (t) => e.editor.chain().focus().toggleBulletList().run()
+				onClick: r[10] ||= (t) => e.editor.chain().focus().toggleBulletList().run()
 			}, null, 8, [
 				"icon",
 				"label",
 				"active"
 			]),
-			x(Y, {
-				icon: f(se),
-				label: f(A).paragraphEditor.numberedList,
+			x(W, {
+				icon: f(le),
+				label: f(M).paragraphEditor.numberedList,
 				active: e.editor.isActive("orderedList"),
-				onClick: r[10] ||= (t) => e.editor.chain().focus().toggleOrderedList().run()
+				onClick: r[11] ||= (t) => e.editor.chain().focus().toggleOrderedList().run()
 			}, null, 8, [
 				"icon",
 				"label",
 				"active"
 			]),
-			x(Z),
-			x(Y, {
-				icon: f(I),
-				label: f(A).paragraphEditor.alignLeft,
+			x(J),
+			x(W, {
+				icon: f(ve),
+				label: f(M).paragraphEditor.alignLeft,
 				active: e.editor.isActive({ textAlign: "left" }),
-				onClick: r[11] ||= (t) => e.editor.chain().focus().setTextAlign("left").run()
+				onClick: r[12] ||= (t) => e.editor.chain().focus().setTextAlign("left").run()
 			}, null, 8, [
 				"icon",
 				"label",
 				"active"
 			]),
-			x(Y, {
-				icon: f(L),
-				label: f(A).paragraphEditor.alignCenter,
+			x(W, {
+				icon: f(F),
+				label: f(M).paragraphEditor.alignCenter,
 				active: e.editor.isActive({ textAlign: "center" }),
-				onClick: r[12] ||= (t) => e.editor.chain().focus().setTextAlign("center").run()
+				onClick: r[13] ||= (t) => e.editor.chain().focus().setTextAlign("center").run()
 			}, null, 8, [
 				"icon",
 				"label",
 				"active"
 			]),
-			x(Y, {
-				icon: f(de),
-				label: f(A).paragraphEditor.alignRight,
+			x(W, {
+				icon: f(pe),
+				label: f(M).paragraphEditor.alignRight,
 				active: e.editor.isActive({ textAlign: "right" }),
-				onClick: r[13] ||= (t) => e.editor.chain().focus().setTextAlign("right").run()
+				onClick: r[14] ||= (t) => e.editor.chain().focus().setTextAlign("right").run()
 			}, null, 8, [
 				"icon",
 				"label",
 				"active"
 			]),
-			x(Z),
-			x(Q, {
+			x(J),
+			x(Z, {
 				"model-value": G(),
-				options: f(B),
-				label: f(A).paragraphEditor.lineHeight,
+				options: f(ye),
+				label: f(M).paragraphEditor.lineHeight,
 				placeholder: "LH",
 				"width-class": "tpl:w-16",
 				"onUpdate:modelValue": K
@@ -387,10 +418,10 @@ var Z = /*#__PURE__*/ D(X, [["render", ge]]), _e = [
 				"options",
 				"label"
 			]),
-			x(Q, {
-				"model-value": V("letterSpacing"),
-				options: f(z),
-				label: f(A).paragraphEditor.letterSpacing,
+			x(Z, {
+				"model-value": I("letterSpacing"),
+				options: f(xe),
+				label: f(M).paragraphEditor.letterSpacing,
 				placeholder: "LS",
 				"width-class": "tpl:w-20",
 				"onUpdate:modelValue": q
@@ -399,42 +430,42 @@ var Z = /*#__PURE__*/ D(X, [["render", ge]]), _e = [
 				"options",
 				"label"
 			]),
-			x(Z),
-			x(Y, {
-				icon: f(ie),
-				label: f(A).paragraphEditor.clearFormatting,
-				onClick: r[14] ||= (t) => e.editor.chain().focus().clearNodes().unsetAllMarks().run()
+			x(J),
+			x(W, {
+				icon: f(oe),
+				label: f(M).paragraphEditor.clearFormatting,
+				onClick: r[15] ||= (t) => e.editor.chain().focus().clearNodes().unsetAllMarks().run()
 			}, null, 8, ["icon", "label"]),
-			x(Z),
-			x(me, { onInsert: N }),
-			e.canRequestMergeTag ? (n(), u(v, { key: 0 }, [x(Z), g("button", {
+			x(J),
+			x(Se, { onInsert: P }),
+			e.canRequestMergeTag ? (n(), u(v, { key: 0 }, [x(J), g("button", {
 				type: "button",
 				class: "tpl:flex tpl:h-8 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:gap-1.5 tpl:rounded tpl:border-none tpl:bg-transparent tpl:px-2.5 tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-text)] tpl:transition-all tpl:duration-150 tpl:hover:bg-[var(--tpl-bg-active)]",
-				"aria-label": f(A).mergeTag.insert,
-				title: f(A).mergeTag.insert,
-				onClick: r[15] ||= (e) => a("add-merge-tag")
-			}, [x(f(ue), {
+				"aria-label": f(M).mergeTag.insert,
+				title: f(M).mergeTag.insert,
+				onClick: r[16] ||= (e) => a("add-merge-tag")
+			}, [x(f(fe), {
 				size: 16,
 				"stroke-width": 2
-			}), y(" " + s(f(A).mergeTag.insertShort), 1)], 8, Ee)], 64)) : d("", !0),
-			e.canInsertLogicTag ? (n(), u(v, { key: 1 }, [x(Z), g("button", {
+			}), y(" " + s(f(M).mergeTag.insertShort), 1)], 8, je)], 64)) : d("", !0),
+			e.canInsertLogicTag ? (n(), u(v, { key: 1 }, [x(J), g("button", {
 				type: "button",
 				class: "tpl:flex tpl:h-8 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:gap-1.5 tpl:rounded tpl:border-none tpl:bg-transparent tpl:px-2.5 tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-text)] tpl:transition-all tpl:duration-150 tpl:hover:bg-[var(--tpl-bg-active)]",
-				"aria-label": f(A).logicTag.insert,
-				title: f(A).logicTag.insert,
+				"aria-label": f(M).logicTag.insert,
+				title: f(M).logicTag.insert,
 				"data-testid": "insert-logic-button",
-				onClick: r[16] ||= (e) => a("add-logic-tag")
-			}, [x(f(ce), {
+				onClick: r[17] ||= (e) => a("add-logic-tag")
+			}, [x(f(ue), {
 				size: 16,
 				"stroke-width": 2
-			}), y(" " + s(f(A).logicTag.insertShort), 1)], 8, De)], 64)) : d("", !0)
-		])], 64)) : (n(), u("div", Oe, [x(f(O), {
+			}), y(" " + s(f(M).logicTag.insertShort), 1)], 8, Me)], 64)) : d("", !0)
+		])], 64)) : (n(), u("div", Ne, [x(f(ie), {
 			class: "tpl-spinner",
 			size: 14,
 			"stroke-width": 2
-		}), y(" " + s(f(A).errors.editorLoading), 1)]))], 12, be)], 8, ["to"])) : d("", !0);
+		}), y(" " + s(f(M).errors.editorLoading), 1)]))], 12, we)], 8, ["to"])) : d("", !0);
 	}
-}), Ae = { class: "tpl-text-editor-wrapper tpl:relative" }, je = /* @__PURE__ */ b({
+}), Fe = { class: "tpl-text-editor-wrapper tpl:relative" }, Ie = /* @__PURE__ */ b({
 	__name: "ParagraphEditor",
 	props: {
 		block: {},
@@ -442,25 +473,25 @@ var Z = /*#__PURE__*/ D(X, [["render", ge]]), _e = [
 	},
 	emits: ["done"],
 	setup(t, { emit: r }) {
-		let i = t, a = r, o = j(), { editor: s, EditorContent: c, isLoading: l, initError: d, retry: p, showLinkDialog: m, linkUrl: h, linkDialogRef: g, canRequestMergeTag: _, canInsertLogicTag: v, openLinkDialog: y, insertLink: b, removeLink: S, closeLinkDialog: C, handleLinkKeydown: w, handleAddMergeTag: E, handleAddLogicTag: D } = T({
+		let i = t, a = r, o = j(), { editor: s, EditorContent: c, isLoading: l, initError: d, retry: p, showLinkDialog: m, linkUrl: h, linkColor: g, linkDialogRef: _, canRequestMergeTag: v, canInsertLogicTag: y, openLinkDialog: b, insertLink: S, removeLink: C, closeLinkDialog: w, handleLinkKeydown: D, handleAddMergeTag: O, handleAddLogicTag: k } = T({
 			blockId: () => i.block.id,
 			blockContent: () => i.block.content,
 			onDone: () => a("done"),
 			editorName: "ParagraphEditor",
 			async loadExtensions({ mergeTags: e, syntax: t, triggerChar: n, autocompleteEnabled: r, suggestionEmptyText: i }) {
 				let [{ Editor: a, EditorContent: s }, { default: c }, { default: l }, { default: u }, { default: d }, { default: f }, { default: p }, { TextStyle: m }, { default: h }, { default: g }, { default: _ }, { MergeTagNode: v, MergeTagSuggestion: y, LogicMergeTagNode: b, FontSize: x, LineHeight: S, LetterSpacing: C }] = await Promise.all([
-					import("./tiptap-DF9PEiqH.js").then((e) => e.r),
-					import("./tiptap-DF9PEiqH.js").then((e) => e.i),
-					import("./tiptap-DF9PEiqH.js").then((e) => e.l),
-					import("./tiptap-DF9PEiqH.js").then((e) => e.a),
-					import("./tiptap-DF9PEiqH.js").then((e) => e.c),
-					import("./tiptap-DF9PEiqH.js").then((e) => e.s),
-					import("./tiptap-DF9PEiqH.js").then((e) => e.o),
-					import("./tiptap-DF9PEiqH.js").then((e) => e.p),
-					import("./tiptap-DF9PEiqH.js").then((e) => e.f),
-					import("./tiptap-DF9PEiqH.js").then((e) => e.d),
-					import("./tiptap-DF9PEiqH.js").then((e) => e.u),
-					import("./extensions-C2pTX899.js")
+					import("./tiptap-zpXk5mN4.js").then((e) => e.r),
+					import("./tiptap-zpXk5mN4.js").then((e) => e.i),
+					import("./tiptap-zpXk5mN4.js").then((e) => e.l),
+					import("./tiptap-zpXk5mN4.js").then((e) => e.a),
+					import("./tiptap-zpXk5mN4.js").then((e) => e.c),
+					import("./tiptap-zpXk5mN4.js").then((e) => e.s),
+					import("./tiptap-zpXk5mN4.js").then((e) => e.o),
+					import("./tiptap-zpXk5mN4.js").then((e) => e.p),
+					import("./tiptap-zpXk5mN4.js").then((e) => e.f),
+					import("./tiptap-zpXk5mN4.js").then((e) => e.d),
+					import("./tiptap-zpXk5mN4.js").then((e) => e.u),
+					import("./extensions-BJ7vaBol.js")
 				]);
 				return {
 					TiptapEditor: a,
@@ -477,7 +508,7 @@ var Z = /*#__PURE__*/ D(X, [["render", ge]]), _e = [
 						u,
 						d,
 						f,
-						l.configure({
+						E(l).configure({
 							openOnClick: !1,
 							HTMLAttributes: {
 								target: "_blank",
@@ -507,16 +538,16 @@ var Z = /*#__PURE__*/ D(X, [["render", ge]]), _e = [
 				};
 			}
 		});
-		return (r, i) => (n(), u("div", Ae, [
-			x(ke, {
+		return (r, i) => (n(), u("div", Fe, [
+			x(Pe, {
 				editor: f(s),
 				"toolbar-position": t.toolbarPosition,
 				"is-loading": f(l),
-				"can-request-merge-tag": f(_),
-				"can-insert-logic-tag": f(v),
-				onOpenLinkDialog: f(y),
-				onAddMergeTag: f(E),
-				onAddLogicTag: f(D)
+				"can-request-merge-tag": f(v),
+				"can-insert-logic-tag": f(y),
+				onOpenLinkDialog: f(b),
+				onAddMergeTag: f(O),
+				onAddLogicTag: f(k)
 			}, null, 8, [
 				"editor",
 				"toolbar-position",
@@ -527,7 +558,7 @@ var Z = /*#__PURE__*/ D(X, [["render", ge]]), _e = [
 				"onAddMergeTag",
 				"onAddLogicTag"
 			]),
-			x(H, {
+			x(L, {
 				editor: f(s),
 				"editor-content": f(c),
 				"is-loading": f(l),
@@ -540,22 +571,25 @@ var Z = /*#__PURE__*/ D(X, [["render", ge]]), _e = [
 				"init-error",
 				"onRetry"
 			]),
-			x(V, {
+			x(I, {
 				visible: f(m),
 				"is-editing-link": f(s)?.isActive("link") ?? !1,
-				"dialog-ref": f(g),
-				"onUpdate:dialogRef": i[0] ||= (t) => e(g) ? g.value = t : null,
+				"dialog-ref": f(_),
+				"onUpdate:dialogRef": i[0] ||= (t) => e(_) ? _.value = t : null,
 				"link-url": f(h),
 				"onUpdate:linkUrl": i[1] ||= (t) => e(h) ? h.value = t : null,
-				onClose: f(C),
-				onInsert: f(b),
-				onRemove: f(S),
-				onKeydown: f(w)
+				"link-color": f(g),
+				"onUpdate:linkColor": i[2] ||= (t) => e(g) ? g.value = t : null,
+				onClose: f(w),
+				onInsert: f(S),
+				onRemove: f(C),
+				onKeydown: f(D)
 			}, null, 8, [
 				"visible",
 				"is-editing-link",
 				"dialog-ref",
 				"link-url",
+				"link-color",
 				"onClose",
 				"onInsert",
 				"onRemove",
@@ -565,6 +599,6 @@ var Z = /*#__PURE__*/ D(X, [["render", ge]]), _e = [
 	}
 });
 //#endregion
-export { je as default };
+export { Ie as default };
 
-//# sourceMappingURL=ParagraphEditor-iG5cDjH0.js.map
+//# sourceMappingURL=ParagraphEditor-CB5FGRs3.js.map