@templatical/editor 0.16.0 → 0.16.2

package/dist/{ParagraphEditor-fg9Ljy_Z.js → ParagraphEditor-DGsTFMxg.js}

@@ -1,18 +1,18 @@
-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-l0XAqiyv.js";
-import { c as b, s as x } from "./runtime-dom.esm-bundler-BzuoCyNp.js";
-import { E as S, T as C, x as w } from "./useEditorCore-AQ0BN1ug.js";
-import { t as T } from "./dist-BEWiuOMi.js";
-import { I as E, L as D, P as O, g as ee, w as te, x as ne } from "./keys-Cv8-8GsD.js";
-import { t as k } from "./useI18n-C-TDeJBt.js";
-import { t as A } from "./createLucideIcon-Dx-EjR9r.js";
-import { a as j, i as M, n as N, r as re, t as P } from "./RichTextEditorContent-BqLHIZY7.js";
-import { n as ie, t as ae } from "./scan-line-DgijVq9y.js";
-import { t as oe } from "./loader-circle-BLmicnPG.js";
-import { n as se, r as ce, t as le } from "./text-align-start-CMya5pCQ.js";
-import { t as F } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { a as ue, o as I, s as L } from "./styleConstants-lGobwiLH.js";
-import { t as R } from "./usePopoverRoot-DKUDnr55.js";
-var z = A("list-ordered", [
+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-DtZkR7Vk.js";
+import { t as E } from "./dist-CFOQvhSC.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-Bh9xOmlW.js";
+import { a as ie, i as ae, n as M, r as oe, t as N } from "./RichTextEditorContent-BB_n8vgB.js";
+import { n as se, t as ce } from "./scan-line-QgyDIgn_.js";
+import { t as le } from "./loader-circle-DFU0HPAa.js";
+import { n as ue, r as de, t as fe } from "./text-align-start-BMU70uAm.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-CXAbjTaG.js";
+var L = j("list-ordered", [
 	["path", {
 		d: "M11 5h10",
 		key: "1cz7ny"
@@ -37,7 +37,7 @@ var z = A("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"
 	}]
-]), B = A("list", [
+]), _e = j("list", [
 	["path", {
 		d: "M3 5h.01",
 		key: "18ugdj"
@@ -62,7 +62,7 @@ var z = A("list-ordered", [
 		d: "M8 19h13",
 		key: "m83p4d"
 	}]
-]), V = A("remove-formatting", [
+]), ve = j("remove-formatting", [
 	["path", {
 		d: "M4 7V4h16v3",
 		key: "9msm58"
@@ -83,7 +83,7 @@ var z = A("list-ordered", [
 		d: "m20 15-5 5",
 		key: "11p7ol"
 	}]
-]), H = A("smile", [
+]), R = j("smile", [
 	["circle", {
 		cx: "12",
 		cy: "12",
@@ -108,7 +108,7 @@ var z = A("list-ordered", [
 		y2: "9",
 		key: "1p4y9e"
 	}]
-]), U = A("subscript", [
+]), ye = j("subscript", [
 	["path", {
 		d: "m4 5 8 8",
 		key: "1eunvl"
@@ -121,7 +121,7 @@ var z = A("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"
 	}]
-]), de = A("strikethrough", [
+]), be = j("strikethrough", [
 	["path", {
 		d: "M16 4H9a3 3 0 0 0-2.83 4",
 		key: "43sutm"
@@ -137,7 +137,7 @@ var z = A("list-ordered", [
 		y2: "12",
 		key: "1e0a9i"
 	}]
-]), fe = A("superscript", [
+]), xe = j("superscript", [
 	["path", {
 		d: "m4 19 8-8",
 		key: "hr47gm"
@@ -150,7 +150,7 @@ var z = A("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"
 	}]
-]), pe = A("underline", [["path", {
+]), Se = j("underline", [["path", {
 	d: "M6 4v6a6 6 0 0 0 12 0V4",
 	key: "9kb039"
 }], ["line", {
@@ -159,16 +159,16 @@ var z = A("list-ordered", [
 	y1: "20",
 	y2: "20",
 	key: "nun2al"
-}]]), W = [
+}]]), z = [
 	"aria-label",
 	"title",
 	"aria-expanded"
-], G = ["aria-label"], K = { class: "tpl:mb-1.5 tpl:text-[10px] tpl:font-medium tpl:tracking-wide tpl:text-[var(--tpl-text-muted)] tpl:uppercase" }, q = { class: "tpl:grid tpl:grid-cols-10 tpl:gap-0.5" }, J = ["aria-label", "onClick"], me = /* @__PURE__ */ c({
+], B = ["aria-label"], V = { class: "tpl:mb-1.5 tpl:text-[10px] tpl:font-medium tpl:tracking-wide tpl:text-[var(--tpl-text-muted)] tpl:uppercase" }, H = { class: "tpl:grid tpl:grid-cols-10 tpl:gap-0.5" }, U = ["aria-label", "onClick"], Ce = /* @__PURE__ */ c({
 	__name: "EmojiPickerDropdown",
 	emits: ["insert"],
 	setup(t, { emit: r }) {
-		let o = r, { categories: c, isOpen: f, toggle: p, close: m } = C(), { t: y, format: w } = k(), E = s(null), D = s(null);
-		S(E, _(() => f.value)), T(D, () => {
+		let o = r, { categories: c, isOpen: f, toggle: p, close: m } = C(), { t: y, format: w } = A(), T = s(null), D = s(null);
+		S(T, _(() => f.value)), E(D, () => {
 			f.value && m();
 		});
 		function O(e) {
@@ -187,14 +187,14 @@ var z = A("list-ordered", [
 			"aria-haspopup": "dialog",
 			"aria-controls": "tpl-emoji-picker",
 			onClick: r[0] ||= (...e) => h(p) && h(p)(...e)
-		}, [d(h(H), {
+		}, [d(h(R), {
 			size: 16,
 			"stroke-width": 2
-		})], 10, W), h(f) ? (i(), u("div", {
+		})], 10, z), h(f) ? (i(), u("div", {
 			key: 0,
 			id: "tpl-emoji-picker",
 			ref_key: "pickerRef",
-			ref: E,
+			ref: T,
 			role: "dialog",
 			"aria-modal": "false",
 			"aria-label": h(y).paragraphEditor.insertEmoji,
@@ -204,19 +204,19 @@ var z = A("list-ordered", [
 		}, [(i(!0), u(g, null, e(h(c), (t) => (i(), u("div", {
 			key: t.key,
 			class: "tpl:mb-2 tpl:last:mb-0"
-		}, [l("div", K, a(h(y).emoji[t.key]), 1), l("div", q, [(i(!0), u(g, null, e(t.emojis, (e) => (i(), u("button", {
+		}, [l("div", V, a(h(y).emoji[t.key]), 1), l("div", H, [(i(!0), u(g, null, e(t.emojis, (e) => (i(), u("button", {
 			key: e,
 			type: "button",
 			"aria-label": h(w)(h(y).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) => O(e)
-		}, a(e), 9, J))), 128))])]))), 128))], 40, G)) : v("", !0)], 512));
+		}, a(e), 9, U))), 128))])]))), 128))], 40, B)) : v("", !0)], 512));
 	}
-}), Y = [
+}), W = [
 	"aria-label",
 	"title",
 	"aria-pressed"
-], X = /* @__PURE__ */ c({
+], G = /* @__PURE__ */ c({
 	__name: "ToolbarIconButton",
 	props: {
 		icon: {},
@@ -235,20 +235,20 @@ var z = A("list-ordered", [
 		}, [(i(), p(r(e.icon), {
 			size: e.size ?? 16,
 			"stroke-width": e.strokeWidth ?? 2
-		}, null, 8, ["size", "stroke-width"]))], 10, Y));
+		}, null, 8, ["size", "stroke-width"]))], 10, W));
 	}
-}), he = {}, ge = {
+}), K = {}, q = {
 	class: "tpl:mx-1 tpl:h-6 tpl:w-px tpl:bg-[var(--tpl-border)]",
 	"aria-hidden": "true"
 };
-function _e(e, t) {
-	return i(), u("span", ge);
+function J(e, t) {
+	return i(), u("span", q);
 }
-var Z = /*#__PURE__*/ F(he, [["render", _e]]), ve = [
+var Y = /*#__PURE__*/ P(K, [["render", J]]), X = [
 	"value",
 	"aria-label",
 	"title"
-], ye = { value: "" }, be = ["value"], Q = /* @__PURE__ */ c({
+], we = { value: "" }, Te = ["value"], Z = /* @__PURE__ */ c({
 	__name: "ToolbarSelect",
 	props: {
 		modelValue: {},
@@ -275,23 +275,23 @@ var Z = /*#__PURE__*/ F(he, [["render", _e]]), ve = [
 			"aria-label": t.label,
 			title: t.label,
 			onChange: s
-		}, [l("option", ye, a(t.placeholder ?? ""), 1), (i(!0), u(g, null, e(t.options, (e) => (i(), u("option", {
+		}, [l("option", we, a(t.placeholder ?? ""), 1), (i(!0), u(g, null, e(t.options, (e) => (i(), u("option", {
 			key: c(e),
 			value: c(e)
-		}, a(d(e)), 9, be))), 128))], 42, ve));
+		}, a(d(e)), 9, Te))), 128))], 42, X));
 	}
-}), $ = ["data-tpl-theme", "aria-label"], xe = { class: "tpl:flex tpl:items-center tpl:gap-1" }, Se = { class: "tpl:relative" }, Ce = [
-	"value",
-	"aria-label",
-	"title"
-], we = { class: "tpl:relative" }, Te = [
-	"value",
-	"aria-label",
-	"title"
-], Ee = { class: "tpl:flex tpl:items-center tpl:gap-1" }, De = ["aria-label", "title"], Oe = ["aria-label", "title"], ke = {
+});
+//#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 Ee = ["data-tpl-theme", "aria-label"], De = { class: "tpl:flex tpl:items-center tpl:gap-1" }, Oe = { class: "tpl:flex tpl:items-center tpl:gap-1" }, ke = ["aria-label", "title"], Ae = ["aria-label", "title"], $ = {
 	key: 1,
 	class: "tpl:flex tpl:items-center tpl:gap-2 tpl:px-2 tpl:text-xs tpl:text-[var(--tpl-text-dim)]"
-}, Ae = /* @__PURE__ */ c({
+}, je = /* @__PURE__ */ c({
 	__name: "ParagraphToolbar",
 	props: {
 		editor: {},
@@ -306,26 +306,39 @@ var Z = /*#__PURE__*/ F(he, [["render", _e]]), ve = [
 		"add-logic-tag"
 	],
 	setup(e, { emit: n }) {
-		let r = e, o = n, s = y(O, null), c = y(E, null), b = D(ee, "ParagraphToolbar"), x = R(), S = y(te, null), C = y(ne, null), w = _(() => (S?.isOpen.value ?? !1) || (C?.isOpen.value ?? !1)), { t: T } = k(), A = b.fonts;
-		function N(e) {
+		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) {
 			r.editor?.chain().focus().insertContent(e).run();
 		}
-		function P(e) {
+		function N(e) {
 			return r.editor?.getAttributes("textStyle")[e] || "";
 		}
-		function F(e) {
+		function P(e) {
 			let t = r.editor?.chain().focus();
 			e ? t?.setFontFamily(e).run() : t?.unsetFontFamily().run();
 		}
-		function H(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 = w?.content.value.settings;
+			return z() ? Q(B(), e?.linkColor || e?.textColor) : Q(N("color"), e?.textColor);
 		}
-		function G() {
+		function U() {
+			return z() ? B() : N("color");
+		}
+		function W() {
 			return r.editor?.getAttributes("paragraph").lineHeight || "";
 		}
 		function K(e) {
@@ -339,17 +352,17 @@ var Z = /*#__PURE__*/ F(he, [["render", _e]]), ve = [
 		function J() {
 			return r.editor?.getAttributes("highlight").color || "";
 		}
-		function Y(e) {
+		function X(e) {
 			let t = r.editor?.chain().focus();
 			e ? t?.setHighlight({ color: e }).run() : t?.unsetHighlight().run();
 		}
-		return (n, r) => h(x) && !w.value ? (i(), p(f, {
+		return (n, r) => h(x) && !T.value ? (i(), p(f, {
 			key: 0,
 			to: h(x)
 		}, [l("div", {
 			"data-tpl-theme": h(c),
 			role: "toolbar",
-			"aria-label": h(T).paragraphEditor.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",
 			style: t({
 				...h(s),
@@ -358,182 +371,191 @@ var Z = /*#__PURE__*/ F(he, [["render", _e]]), ve = [
 				transform: "translateY(-100%)",
 				flexDirection: "column"
 			})
-		}, [!e.isLoading && e.editor ? (i(), u(g, { key: 0 }, [l("div", xe, [
-			d(Q, {
-				"model-value": P("fontFamily"),
-				options: h(A),
-				label: h(T).paragraphEditor.fontFamily,
-				placeholder: h(T).paragraphEditor.defaultFont,
+		}, [!e.isLoading && e.editor ? (i(), u(g, { key: 0 }, [l("div", De, [
+			d(Z, {
+				"model-value": N("fontFamily"),
+				options: h(j),
+				label: h(E).paragraphEditor.fontFamily,
+				placeholder: h(E).paragraphEditor.defaultFont,
 				"width-class": "tpl:w-32",
-				"onUpdate:modelValue": F
+				"onUpdate:modelValue": P
 			}, null, 8, [
 				"model-value",
 				"options",
 				"label",
 				"placeholder"
 			]),
-			d(Q, {
-				"model-value": P("fontSize"),
-				options: h(ue),
-				label: h(T).paragraphEditor.fontSize,
-				placeholder: h(T).paragraphEditor.defaultSize,
+			d(Z, {
+				"model-value": N("fontSize"),
+				options: h(me),
+				label: h(E).paragraphEditor.fontSize,
+				placeholder: h(E).paragraphEditor.defaultSize,
 				"width-class": "tpl:w-20",
-				"onUpdate:modelValue": H
+				"onUpdate:modelValue": R
 			}, null, 8, [
 				"model-value",
 				"options",
 				"label",
 				"placeholder"
 			]),
-			d(Z),
-			l("div", Se, [l("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: P("color") || h("#000000"),
-				"aria-label": h(T).paragraphEditor.textColor,
-				title: h(T).paragraphEditor.textColor,
-				onInput: r[0] ||= (e) => W(e.target.value)
-			}, null, 40, Ce)]),
-			l("div", we, [l("input", {
-				type: "color",
-				class: "tpl:size-8 tpl:cursor-pointer tpl:rounded tpl:border tpl:border-[var(--tpl-border)] tpl:p-1",
-				style: t({ backgroundColor: J() || "var(--tpl-bg)" }),
-				value: J() || h("#ffff00"),
-				"aria-label": h(T).paragraphEditor.highlightColor,
-				title: h(T).paragraphEditor.highlightColor,
-				onInput: r[1] ||= (e) => Y(e.target.value)
-			}, null, 44, Te)]),
-			d(Z),
-			d(X, {
-				icon: h(j),
-				label: h(T).paragraphEditor.bold,
+			d(Y),
+			d(I, {
+				"swatch-only": "",
+				size: "sm",
+				"data-testid": "text-color-picker",
+				"model-value": U(),
+				"seed-color": H(),
+				"aria-label": h(E).paragraphEditor.textColor,
+				"onUpdate:modelValue": V
+			}, null, 8, [
+				"model-value",
+				"seed-color",
+				"aria-label"
+			]),
+			d(I, {
+				"swatch-only": "",
+				size: "sm",
+				"data-testid": "highlight-color-picker",
+				"model-value": J(),
+				"seed-color": h(he),
+				"aria-label": h(E).paragraphEditor.highlightColor,
+				"onUpdate:modelValue": X
+			}, null, 8, [
+				"model-value",
+				"seed-color",
+				"aria-label"
+			]),
+			d(Y),
+			d(G, {
+				icon: h(ie),
+				label: h(E).paragraphEditor.bold,
 				active: e.editor.isActive("bold"),
 				"stroke-width": 2.5,
-				onClick: r[2] ||= (t) => e.editor.chain().focus().toggleBold().run()
+				onClick: r[0] ||= (t) => e.editor.chain().focus().toggleBold().run()
 			}, null, 8, [
 				"icon",
 				"label",
 				"active"
 			]),
-			d(X, {
-				icon: h(M),
-				label: h(T).paragraphEditor.italic,
+			d(G, {
+				icon: h(ae),
+				label: h(E).paragraphEditor.italic,
 				active: e.editor.isActive("italic"),
-				onClick: r[3] ||= (t) => e.editor.chain().focus().toggleItalic().run()
+				onClick: r[1] ||= (t) => e.editor.chain().focus().toggleItalic().run()
 			}, null, 8, [
 				"icon",
 				"label",
 				"active"
 			]),
-			d(X, {
-				icon: h(pe),
-				label: h(T).paragraphEditor.underline,
+			d(G, {
+				icon: h(Se),
+				label: h(E).paragraphEditor.underline,
 				active: e.editor.isActive("underline"),
-				onClick: r[4] ||= (t) => e.editor.chain().focus().toggleUnderline().run()
+				onClick: r[2] ||= (t) => e.editor.chain().focus().toggleUnderline().run()
 			}, null, 8, [
 				"icon",
 				"label",
 				"active"
 			]),
-			d(X, {
-				icon: h(de),
-				label: h(T).paragraphEditor.strikethrough,
+			d(G, {
+				icon: h(be),
+				label: h(E).paragraphEditor.strikethrough,
 				active: e.editor.isActive("strike"),
-				onClick: r[5] ||= (t) => e.editor.chain().focus().toggleStrike().run()
+				onClick: r[3] ||= (t) => e.editor.chain().focus().toggleStrike().run()
 			}, null, 8, [
 				"icon",
 				"label",
 				"active"
 			]),
-			d(Z),
-			d(X, {
-				icon: h(U),
-				label: h(T).paragraphEditor.subscript,
+			d(Y),
+			d(G, {
+				icon: h(ye),
+				label: h(E).paragraphEditor.subscript,
 				active: e.editor.isActive("subscript"),
-				onClick: r[6] ||= (t) => e.editor.chain().focus().toggleSubscript().run()
+				onClick: r[4] ||= (t) => e.editor.chain().focus().toggleSubscript().run()
 			}, null, 8, [
 				"icon",
 				"label",
 				"active"
 			]),
-			d(X, {
-				icon: h(fe),
-				label: h(T).paragraphEditor.superscript,
+			d(G, {
+				icon: h(xe),
+				label: h(E).paragraphEditor.superscript,
 				active: e.editor.isActive("superscript"),
-				onClick: r[7] ||= (t) => e.editor.chain().focus().toggleSuperscript().run()
+				onClick: r[5] ||= (t) => e.editor.chain().focus().toggleSuperscript().run()
 			}, null, 8, [
 				"icon",
 				"label",
 				"active"
 			]),
-			d(Z),
-			d(X, {
-				icon: h(re),
-				label: h(T).paragraphEditor.addLink,
+			d(Y),
+			d(G, {
+				icon: h(oe),
+				label: h(E).paragraphEditor.addLink,
 				active: e.editor.isActive("link"),
-				onClick: r[8] ||= (e) => o("open-link-dialog")
+				onClick: r[6] ||= (e) => o("open-link-dialog")
 			}, null, 8, [
 				"icon",
 				"label",
 				"active"
 			])
-		]), l("div", Ee, [
-			d(X, {
-				icon: h(B),
-				label: h(T).paragraphEditor.bulletList,
+		]), l("div", Oe, [
+			d(G, {
+				icon: h(_e),
+				label: h(E).paragraphEditor.bulletList,
 				active: e.editor.isActive("bulletList"),
-				onClick: r[9] ||= (t) => e.editor.chain().focus().toggleBulletList().run()
+				onClick: r[7] ||= (t) => e.editor.chain().focus().toggleBulletList().run()
 			}, null, 8, [
 				"icon",
 				"label",
 				"active"
 			]),
-			d(X, {
-				icon: h(z),
-				label: h(T).paragraphEditor.numberedList,
+			d(G, {
+				icon: h(L),
+				label: h(E).paragraphEditor.numberedList,
 				active: e.editor.isActive("orderedList"),
-				onClick: r[10] ||= (t) => e.editor.chain().focus().toggleOrderedList().run()
+				onClick: r[8] ||= (t) => e.editor.chain().focus().toggleOrderedList().run()
 			}, null, 8, [
 				"icon",
 				"label",
 				"active"
 			]),
-			d(Z),
-			d(X, {
-				icon: h(le),
-				label: h(T).paragraphEditor.alignLeft,
+			d(Y),
+			d(G, {
+				icon: h(fe),
+				label: h(E).paragraphEditor.alignLeft,
 				active: e.editor.isActive({ textAlign: "left" }),
-				onClick: r[11] ||= (t) => e.editor.chain().focus().setTextAlign("left").run()
+				onClick: r[9] ||= (t) => e.editor.chain().focus().setTextAlign("left").run()
 			}, null, 8, [
 				"icon",
 				"label",
 				"active"
 			]),
-			d(X, {
-				icon: h(se),
-				label: h(T).paragraphEditor.alignCenter,
+			d(G, {
+				icon: h(ue),
+				label: h(E).paragraphEditor.alignCenter,
 				active: e.editor.isActive({ textAlign: "center" }),
-				onClick: r[12] ||= (t) => e.editor.chain().focus().setTextAlign("center").run()
+				onClick: r[10] ||= (t) => e.editor.chain().focus().setTextAlign("center").run()
 			}, null, 8, [
 				"icon",
 				"label",
 				"active"
 			]),
-			d(X, {
-				icon: h(ce),
-				label: h(T).paragraphEditor.alignRight,
+			d(G, {
+				icon: h(de),
+				label: h(E).paragraphEditor.alignRight,
 				active: e.editor.isActive({ textAlign: "right" }),
-				onClick: r[13] ||= (t) => e.editor.chain().focus().setTextAlign("right").run()
+				onClick: r[11] ||= (t) => e.editor.chain().focus().setTextAlign("right").run()
 			}, null, 8, [
 				"icon",
 				"label",
 				"active"
 			]),
-			d(Z),
-			d(Q, {
-				"model-value": G(),
-				options: h(L),
-				label: h(T).paragraphEditor.lineHeight,
+			d(Y),
+			d(Z, {
+				"model-value": W(),
+				options: h(pe),
+				label: h(E).paragraphEditor.lineHeight,
 				placeholder: "LH",
 				"width-class": "tpl:w-16",
 				"onUpdate:modelValue": K
@@ -542,10 +564,10 @@ var Z = /*#__PURE__*/ F(he, [["render", _e]]), ve = [
 				"options",
 				"label"
 			]),
-			d(Q, {
-				"model-value": P("letterSpacing"),
-				options: h(I),
-				label: h(T).paragraphEditor.letterSpacing,
+			d(Z, {
+				"model-value": N("letterSpacing"),
+				options: h(ge),
+				label: h(E).paragraphEditor.letterSpacing,
 				placeholder: "LS",
 				"width-class": "tpl:w-20",
 				"onUpdate:modelValue": q
@@ -554,42 +576,42 @@ var Z = /*#__PURE__*/ F(he, [["render", _e]]), ve = [
 				"options",
 				"label"
 			]),
-			d(Z),
-			d(X, {
-				icon: h(V),
-				label: h(T).paragraphEditor.clearFormatting,
-				onClick: r[14] ||= (t) => e.editor.chain().focus().clearNodes().unsetAllMarks().run()
+			d(Y),
+			d(G, {
+				icon: h(ve),
+				label: h(E).paragraphEditor.clearFormatting,
+				onClick: r[12] ||= (t) => e.editor.chain().focus().clearNodes().unsetAllMarks().run()
 			}, null, 8, ["icon", "label"]),
-			d(Z),
-			d(me, { onInsert: N }),
-			e.canRequestMergeTag ? (i(), u(g, { key: 0 }, [d(Z), l("button", {
+			d(Y),
+			d(Ce, { onInsert: M }),
+			e.canRequestMergeTag ? (i(), u(g, { key: 0 }, [d(Y), l("button", {
 				type: "button",
 				class: "tpl:flex tpl:h-8 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:gap-1.5 tpl:rounded tpl:border-none tpl:bg-transparent tpl:px-2.5 tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-text)] tpl:transition-all tpl:duration-150 tpl:hover:bg-[var(--tpl-bg-active)]",
-				"aria-label": h(T).mergeTag.insert,
-				title: h(T).mergeTag.insert,
-				onClick: r[15] ||= (e) => o("add-merge-tag")
-			}, [d(h(ae), {
+				"aria-label": h(E).mergeTag.insert,
+				title: h(E).mergeTag.insert,
+				onClick: r[13] ||= (e) => o("add-merge-tag")
+			}, [d(h(ce), {
 				size: 16,
 				"stroke-width": 2
-			}), m(" " + a(h(T).mergeTag.insertShort), 1)], 8, De)], 64)) : v("", !0),
-			e.canInsertLogicTag ? (i(), u(g, { key: 1 }, [d(Z), l("button", {
+			}), m(" " + a(h(E).mergeTag.insertShort), 1)], 8, ke)], 64)) : v("", !0),
+			e.canInsertLogicTag ? (i(), u(g, { key: 1 }, [d(Y), l("button", {
 				type: "button",
 				class: "tpl:flex tpl:h-8 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:gap-1.5 tpl:rounded tpl:border-none tpl:bg-transparent tpl:px-2.5 tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-text)] tpl:transition-all tpl:duration-150 tpl:hover:bg-[var(--tpl-bg-active)]",
-				"aria-label": h(T).logicTag.insert,
-				title: h(T).logicTag.insert,
+				"aria-label": h(E).logicTag.insert,
+				title: h(E).logicTag.insert,
 				"data-testid": "insert-logic-button",
-				onClick: r[16] ||= (e) => o("add-logic-tag")
-			}, [d(h(ie), {
+				onClick: r[14] ||= (e) => o("add-logic-tag")
+			}, [d(h(se), {
 				size: 16,
 				"stroke-width": 2
-			}), m(" " + a(h(T).logicTag.insertShort), 1)], 8, Oe)], 64)) : v("", !0)
-		])], 64)) : (i(), u("div", ke, [d(h(oe), {
+			}), m(" " + a(h(E).logicTag.insertShort), 1)], 8, Ae)], 64)) : v("", !0)
+		])], 64)) : (i(), u("div", $, [d(h(le), {
 			class: "tpl-spinner",
 			size: 14,
 			"stroke-width": 2
-		}), m(" " + a(h(T).errors.editorLoading), 1)]))], 12, $)], 8, ["to"])) : v("", !0);
+		}), m(" " + a(h(E).errors.editorLoading), 1)]))], 12, Ee)], 8, ["to"])) : v("", !0);
 	}
-}), je = { class: "tpl-text-editor-wrapper tpl:relative" }, Me = /* @__PURE__ */ c({
+}), Me = { class: "tpl-text-editor-wrapper tpl:relative" }, Ne = /* @__PURE__ */ c({
 	__name: "ParagraphEditor",
 	props: {
 		block: {},
@@ -597,25 +619,25 @@ var Z = /*#__PURE__*/ F(he, [["render", _e]]), ve = [
 	},
 	emits: ["done"],
 	setup(e, { emit: t }) {
-		let n = e, r = t, a = R(), { editor: s, EditorContent: c, isLoading: l, initError: f, retry: p, showLinkDialog: m, linkUrl: g, linkDialogRef: _, canRequestMergeTag: v, canInsertLogicTag: y, openLinkDialog: b, insertLink: x, removeLink: S, closeLinkDialog: C, handleLinkKeydown: T, handleAddMergeTag: E, handleAddLogicTag: D } = w({
+		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({
 			blockId: () => n.block.id,
 			blockContent: () => n.block.content,
 			onDone: () => r("done"),
 			editorName: "ParagraphEditor",
 			async loadExtensions({ mergeTags: e, syntax: t, triggerChar: n, autocompleteEnabled: r, suggestionEmptyText: i }) {
 				let [{ Editor: o, 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("./dist-DEcNpSJi.js").then((e) => e.r),
-					import("./dist-FVawx7ou.js"),
-					import("./dist-Ci5GHd96.js"),
-					import("./dist-Drm7i-yw.js"),
-					import("./dist-Dsoq4knU.js"),
-					import("./dist-0VHbLR6h.js"),
-					import("./dist-r_2rJCMg.js"),
-					import("./dist-D_-AsMP4.js"),
-					import("./dist-DR-6IpV6.js"),
-					import("./dist-DW8b0TO6.js"),
-					import("./dist-C5-0GG3g.js"),
-					import("./extensions-3jhgwhV-.js")
+					import("./dist-BReUTadj.js").then((e) => e.r),
+					import("./dist-i_Z7t67A.js"),
+					import("./dist-CHLoeloJ.js"),
+					import("./dist-DGEaAAIb.js"),
+					import("./dist-DcKlLQ8d.js"),
+					import("./dist-D1WmF8BF.js"),
+					import("./dist-Bm07Z3Es.js"),
+					import("./dist-DhY2di4U.js"),
+					import("./dist-BXR1aBJV.js"),
+					import("./dist-BE9m_i60.js"),
+					import("./dist-BPPeDw62.js"),
+					import("./extensions-B2poxDIo.js")
 				]);
 				return {
 					TiptapEditor: o,
@@ -632,7 +654,7 @@ var Z = /*#__PURE__*/ F(he, [["render", _e]]), ve = [
 						u,
 						d,
 						f,
-						l.configure({
+						w(l).configure({
 							openOnClick: !1,
 							HTMLAttributes: {
 								target: "_blank",
@@ -662,16 +684,16 @@ var Z = /*#__PURE__*/ F(he, [["render", _e]]), ve = [
 				};
 			}
 		});
-		return (t, n) => (i(), u("div", je, [
-			d(Ae, {
+		return (t, n) => (i(), u("div", Me, [
+			d(je, {
 				editor: h(s),
 				"toolbar-position": e.toolbarPosition,
 				"is-loading": h(l),
-				"can-request-merge-tag": h(v),
-				"can-insert-logic-tag": h(y),
-				onOpenLinkDialog: h(b),
-				onAddMergeTag: h(E),
-				onAddLogicTag: h(D)
+				"can-request-merge-tag": h(y),
+				"can-insert-logic-tag": h(b),
+				onOpenLinkDialog: h(x),
+				onAddMergeTag: h(O),
+				onAddLogicTag: h(k)
 			}, null, 8, [
 				"editor",
 				"toolbar-position",
@@ -682,7 +704,7 @@ var Z = /*#__PURE__*/ F(he, [["render", _e]]), ve = [
 				"onAddMergeTag",
 				"onAddLogicTag"
 			]),
-			d(P, {
+			d(N, {
 				editor: h(s),
 				"editor-content": h(c),
 				"is-loading": h(l),
@@ -695,22 +717,25 @@ var Z = /*#__PURE__*/ F(he, [["render", _e]]), ve = [
 				"init-error",
 				"onRetry"
 			]),
-			d(N, {
+			d(M, {
 				visible: h(m),
 				"is-editing-link": h(s)?.isActive("link") ?? !1,
-				"dialog-ref": h(_),
-				"onUpdate:dialogRef": n[0] ||= (e) => o(_) ? _.value = e : null,
+				"dialog-ref": h(v),
+				"onUpdate:dialogRef": n[0] ||= (e) => o(v) ? v.value = e : null,
 				"link-url": h(g),
 				"onUpdate:linkUrl": n[1] ||= (e) => o(g) ? g.value = e : null,
-				onClose: h(C),
-				onInsert: h(x),
-				onRemove: h(S),
-				onKeydown: h(T)
+				"link-color": h(_),
+				"onUpdate:linkColor": n[2] ||= (e) => o(_) ? _.value = e : null,
+				onClose: h(E),
+				onInsert: h(S),
+				onRemove: h(C),
+				onKeydown: h(D)
 			}, null, 8, [
 				"visible",
 				"is-editing-link",
 				"dialog-ref",
 				"link-url",
+				"link-color",
 				"onClose",
 				"onInsert",
 				"onRemove",
@@ -720,4 +745,4 @@ var Z = /*#__PURE__*/ F(he, [["render", _e]]), ve = [
 	}
 });
 //#endregion
-export { Me as default };
+export { Ne as default };