@templatical/editor 0.34.3 → 0.35.0

package/dist/{ParagraphEditor-C87tkmtE.js → ParagraphEditor-CT2AdMdZ.js}

@@ -1,182 +1,221 @@
 import { Dt as e, G as t, Ot as n, P as r, S as i, X as a, c as o, d as s, g as c, h as l, i as u, j as d, k as f, kt as p, l as m, r as h, rt as g, s as _, u as v, v as y } from "./vue.runtime.esm-bundler-D9JUcKrV.js";
 import { c as b, s as x } from "./runtime-dom.esm-bundler-BuG03jBM.js";
-import { C as S, D as C, E as w, S as T } from "./useEditorCore-DdkQuTHl.js";
-import { t as E } from "./dist-dNiknO7j.js";
-import { J as D, K as O, O as k, U as ee, _ as te, h as ne, w as re } from "./keys-C3P1yxnr.js";
-import { t as A } from "./useI18n-CL6RfPzK.js";
-import { n as j } from "./usePopoverPosition-CWxaIWd3.js";
-import { t as M } from "./createLucideIcon-Bvw1Zx56.js";
-import { a as N, i as ie, n as P, r as ae, t as F } from "./RichTextEditorContent-BmTcV2-a.js";
-import { o as oe, s as se } from "./MergeTagInput-RytOlh1A.js";
-import { t as ce } from "./loader-circle-t-SVgmJ3.js";
-import { n as le, r as ue, t as de } from "./text-align-start-DrxjxvIy.js";
-import { t as I } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { a as fe, n as pe, o as me, s as he } from "./styleConstants-C_YAPdQS.js";
-import { t as L } from "./ColorPicker-C6EOwtHC.js";
-var R = M("face-slightly-smiling", [
-	["path", {
-		d: "M15 10V9",
-		key: "4dkmfx"
-	}],
-	["path", {
-		d: "M16.472 15a6 6 0 01-8.943 0",
-		key: "7qomzy"
-	}],
-	["path", {
-		d: "M9 10V9",
-		key: "1lazqi"
-	}],
-	["circle", {
-		cx: "12",
-		cy: "12",
-		r: "10",
-		key: "1mglay"
-	}]
-]), ge = M("list-ordered", [
-	["path", {
-		d: "M11 5h10",
-		key: "1cz7ny"
-	}],
-	["path", {
-		d: "M11 12h10",
-		key: "1438ji"
-	}],
-	["path", {
-		d: "M11 19h10",
-		key: "11t30w"
-	}],
-	["path", {
-		d: "M4 4h1v5",
-		key: "10yrso"
-	}],
-	["path", {
-		d: "M4 9h2",
-		key: "r1h2o0"
-	}],
-	["path", {
-		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 = M("list", [
-	["path", {
-		d: "M3 5h.01",
-		key: "18ugdj"
-	}],
-	["path", {
-		d: "M3 12h.01",
-		key: "nlz23k"
-	}],
-	["path", {
-		d: "M3 19h.01",
-		key: "noohij"
-	}],
-	["path", {
-		d: "M8 5h13",
-		key: "1pao27"
-	}],
-	["path", {
-		d: "M8 12h13",
-		key: "1za7za"
-	}],
-	["path", {
-		d: "M8 19h13",
-		key: "m83p4d"
-	}]
-]), ve = M("remove-formatting", [
-	["path", {
-		d: "M4 7V4h16v3",
-		key: "9msm58"
-	}],
-	["path", {
-		d: "M5 20h6",
-		key: "1h6pxn"
-	}],
-	["path", {
-		d: "M13 4 8 20",
-		key: "kqq6aj"
-	}],
-	["path", {
-		d: "m15 15 5 5",
-		key: "me55sn"
-	}],
-	["path", {
-		d: "m20 15-5 5",
-		key: "11p7ol"
-	}]
-]), ye = M("strikethrough", [
-	["path", {
-		d: "M16 4H9a3 3 0 0 0-2.83 4",
-		key: "43sutm"
-	}],
-	["path", {
-		d: "M14 12a4 4 0 0 1 0 8H6",
-		key: "nlfj13"
-	}],
-	["line", {
+import { R as S } from "./dist-tGkjkX-v.js";
+import { C, D as w, E as T, S as E } from "./useEditorCore-CYGvurZa.js";
+import { t as D } from "./dist-dNiknO7j.js";
+import { J as O, K as k, O as A, U as j, _ as M, h as N, w as ee } from "./keys-C3P1yxnr.js";
+import { t as P } from "./useI18n-CL6RfPzK.js";
+import { n as F } from "./usePopoverPosition-CWxaIWd3.js";
+import { t as I } from "./createLucideIcon-05lB8iWe.js";
+import { a as te, i as ne, n as L, r as re, t as R } from "./RichTextEditorContent-riOB-rKD.js";
+import { o as ie, s as ae } from "./MergeTagInput-D1hzsn2b.js";
+import { t as oe } from "./loader-circle-B2Y8xZQb.js";
+import { n as se, r as ce, t as le } from "./text-align-start-Bcmo_VUY.js";
+import { t as z } from "./_plugin-vue_export-helper-B3ysoDQm.js";
+import { a as ue, n as de, o as fe, s as pe } from "./styleConstants-C_YAPdQS.js";
+import { t as B } from "./ColorPicker-DtozuN75.js";
+var V = I({
+	name: "face-slightly-smiling",
+	size: 24,
+	node: [
+		["path", {
+			d: "M15 10V9",
+			key: "4dkmfx"
+		}],
+		["path", {
+			d: "M16.472 15a6 6 0 01-8.943 0",
+			key: "7qomzy"
+		}],
+		["path", {
+			d: "M9 10V9",
+			key: "1lazqi"
+		}],
+		["circle", {
+			cx: "12",
+			cy: "12",
+			r: "10",
+			key: "1mglay"
+		}]
+	],
+	aliases: ["smile"]
+}), me = I({
+	name: "list-ordered",
+	size: 24,
+	node: [
+		["path", {
+			d: "M11 5h10",
+			key: "1cz7ny"
+		}],
+		["path", {
+			d: "M11 12h10",
+			key: "1438ji"
+		}],
+		["path", {
+			d: "M11 19h10",
+			key: "11t30w"
+		}],
+		["path", {
+			d: "M4 4h1v5",
+			key: "10yrso"
+		}],
+		["path", {
+			d: "M4 9h2",
+			key: "r1h2o0"
+		}],
+		["path", {
+			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"
+		}]
+	]
+}), he = I({
+	name: "list",
+	size: 24,
+	node: [
+		["path", {
+			d: "M3 5h.01",
+			key: "18ugdj"
+		}],
+		["path", {
+			d: "M3 12h.01",
+			key: "nlz23k"
+		}],
+		["path", {
+			d: "M3 19h.01",
+			key: "noohij"
+		}],
+		["path", {
+			d: "M8 5h13",
+			key: "1pao27"
+		}],
+		["path", {
+			d: "M8 12h13",
+			key: "1za7za"
+		}],
+		["path", {
+			d: "M8 19h13",
+			key: "m83p4d"
+		}]
+	]
+}), ge = I({
+	name: "remove-formatting",
+	size: 24,
+	node: [
+		["path", {
+			d: "M4 7V4h16v3",
+			key: "9msm58"
+		}],
+		["path", {
+			d: "M5 20h6",
+			key: "1h6pxn"
+		}],
+		["path", {
+			d: "M13 4 8 20",
+			key: "kqq6aj"
+		}],
+		["path", {
+			d: "m15 15 5 5",
+			key: "me55sn"
+		}],
+		["path", {
+			d: "m20 15-5 5",
+			key: "11p7ol"
+		}]
+	]
+}), _e = I({
+	name: "strikethrough",
+	size: 24,
+	node: [
+		["path", {
+			d: "M16 4H9a3 3 0 0 0-2.83 4",
+			key: "43sutm"
+		}],
+		["path", {
+			d: "M14 12a4 4 0 0 1 0 8H6",
+			key: "nlfj13"
+		}],
+		["line", {
+			x1: "4",
+			x2: "20",
+			y1: "12",
+			y2: "12",
+			key: "1e0a9i"
+		}]
+	]
+}), ve = I({
+	name: "subscript",
+	size: 24,
+	node: [
+		["path", {
+			d: "m4 5 8 8",
+			key: "1eunvl"
+		}],
+		["path", {
+			d: "m12 5-8 8",
+			key: "1ah0jp"
+		}],
+		["path", {
+			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"
+		}]
+	]
+}), ye = I({
+	name: "superscript",
+	size: 24,
+	node: [
+		["path", {
+			d: "m4 19 8-8",
+			key: "hr47gm"
+		}],
+		["path", {
+			d: "m12 19-8-8",
+			key: "1dhhmo"
+		}],
+		["path", {
+			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"
+		}]
+	]
+}), be = I({
+	name: "text-align-justify",
+	size: 24,
+	node: [
+		["path", {
+			d: "M3 5h18",
+			key: "1u36vt"
+		}],
+		["path", {
+			d: "M3 12h18",
+			key: "1i2n21"
+		}],
+		["path", {
+			d: "M3 19h18",
+			key: "awlh7x"
+		}]
+	],
+	aliases: ["align-justify"]
+}), xe = I({
+	name: "underline",
+	size: 24,
+	node: [["path", {
+		d: "M6 4v6a6 6 0 0 0 12 0V4",
+		key: "9kb039"
+	}], ["line", {
 		x1: "4",
 		x2: "20",
-		y1: "12",
-		y2: "12",
-		key: "1e0a9i"
-	}]
-]), be = M("subscript", [
-	["path", {
-		d: "m4 5 8 8",
-		key: "1eunvl"
-	}],
-	["path", {
-		d: "m12 5-8 8",
-		key: "1ah0jp"
-	}],
-	["path", {
-		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 = M("superscript", [
-	["path", {
-		d: "m4 19 8-8",
-		key: "hr47gm"
-	}],
-	["path", {
-		d: "m12 19-8-8",
-		key: "1dhhmo"
-	}],
-	["path", {
-		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 = M("text-align-justify", [
-	["path", {
-		d: "M3 5h18",
-		key: "1u36vt"
-	}],
-	["path", {
-		d: "M3 12h18",
-		key: "1i2n21"
-	}],
-	["path", {
-		d: "M3 19h18",
-		key: "awlh7x"
-	}]
-]), Ce = M("underline", [["path", {
-	d: "M6 4v6a6 6 0 0 0 12 0V4",
-	key: "9kb039"
-}], ["line", {
-	x1: "4",
-	x2: "20",
-	y1: "20",
-	y2: "20",
-	key: "nun2al"
-}]]), z = [
+		y1: "20",
+		y2: "20",
+		key: "nun2al"
+	}]]
+}), H = [
 	"aria-label",
 	"title",
 	"aria-expanded"
-], 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"], we = /* @__PURE__ */ y({
+], U = ["aria-label"], W = { class: "tpl:mb-1.5 tpl:text-[10px] tpl:font-medium tpl:tracking-wide tpl:text-[var(--tpl-text-muted)] tpl:uppercase" }, G = { class: "tpl:grid tpl:grid-cols-10 tpl:gap-0.5" }, K = ["aria-label", "onClick"], Se = /* @__PURE__ */ y({
 	__name: "EmojiPickerDropdown",
 	emits: ["insert"],
 	setup(t, { emit: n }) {
-		let r = n, { categories: i, isOpen: l, toggle: u, close: m } = w(), { t: y, format: S } = A(), T = a(null), D = a(null), O = _(() => l.value);
-		C(T, O), E(D, () => {
+		let r = n, { categories: i, isOpen: l, toggle: u, close: m } = T(), { t: y, format: S } = P(), C = a(null), E = a(null), O = _(() => l.value);
+		w(C, O), D(E, () => {
 			l.value && m();
 		});
 		function k(e) {
@@ -184,7 +223,7 @@ var R = M("face-slightly-smiling", [
 		}
 		return (t, n) => (f(), s("div", {
 			ref_key: "rootRef",
-			ref: D,
+			ref: E,
 			class: "tpl:relative"
 		}, [o("button", {
 			type: "button",
@@ -195,14 +234,14 @@ var R = M("face-slightly-smiling", [
 			"aria-haspopup": "dialog",
 			"aria-controls": "tpl-emoji-picker",
 			onClick: n[0] ||= (...e) => g(u) && g(u)(...e)
-		}, [c(g(R), {
+		}, [c(g(V), {
 			size: 16,
 			"stroke-width": 2
-		})], 10, z), g(l) ? (f(), s("div", {
+		})], 10, H), g(l) ? (f(), s("div", {
 			key: 0,
 			id: "tpl-emoji-picker",
 			ref_key: "pickerRef",
-			ref: T,
+			ref: C,
 			role: "dialog",
 			"aria-modal": "false",
 			"aria-label": g(y).paragraphEditor.insertEmoji,
@@ -212,19 +251,19 @@ var R = M("face-slightly-smiling", [
 		}, [(f(!0), s(h, null, d(g(i), (e) => (f(), s("div", {
 			key: e.key,
 			class: "tpl:mb-2 tpl:last:mb-0"
-		}, [o("div", V, p(g(y).emoji[e.key]), 1), o("div", H, [(f(!0), s(h, null, d(e.emojis, (e) => (f(), s("button", {
+		}, [o("div", W, p(g(y).emoji[e.key]), 1), o("div", G, [(f(!0), s(h, null, d(e.emojis, (e) => (f(), s("button", {
 			key: e,
 			type: "button",
 			"aria-label": g(S)(g(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:hover:scale-125 tpl:hover:bg-[var(--tpl-bg-active)]",
 			onClick: (t) => k(e)
-		}, p(e), 9, U))), 128))])]))), 128))], 40, B)) : v("", !0)], 512));
+		}, p(e), 9, K))), 128))])]))), 128))], 40, U)) : v("", !0)], 512));
 	}
-}), W = [
+}), q = [
 	"aria-label",
 	"title",
 	"aria-pressed"
-], G = /* @__PURE__ */ y({
+], J = /* @__PURE__ */ y({
 	__name: "ToolbarIconButton",
 	props: {
 		icon: {},
@@ -243,20 +282,20 @@ var R = M("face-slightly-smiling", [
 		}, [(f(), m(r(t.icon), {
 			size: t.size ?? 16,
 			"stroke-width": t.strokeWidth ?? 2
-		}, null, 8, ["size", "stroke-width"]))], 10, W));
+		}, null, 8, ["size", "stroke-width"]))], 10, q));
 	}
-}), K = {}, q = {
+}), Y = {}, X = {
 	class: "tpl:mx-1 tpl:h-6 tpl:w-px tpl:bg-[var(--tpl-border)]",
 	"aria-hidden": "true"
 };
-function J(e, t) {
-	return f(), s("span", q);
+function Z(e, t) {
+	return f(), s("span", X);
 }
-var Y = /*#__PURE__*/ I(K, [["render", J]]), X = [
+var Q = /*#__PURE__*/ z(Y, [["render", Z]]), Ce = [
 	"value",
 	"aria-label",
 	"title"
-], Te = { value: "" }, Ee = ["value"], Z = /* @__PURE__ */ y({
+], we = { value: "" }, Te = ["value"], $ = /* @__PURE__ */ y({
 	__name: "ToolbarSelect",
 	props: {
 		modelValue: {},
@@ -283,23 +322,23 @@ var Y = /*#__PURE__*/ I(K, [["render", J]]), X = [
 			"aria-label": t.label,
 			title: t.label,
 			onChange: i
-		}, [o("option", Te, p(t.placeholder ?? ""), 1), (f(!0), s(h, null, d(t.options, (e) => (f(), s("option", {
+		}, [o("option", we, p(t.placeholder ?? ""), 1), (f(!0), s(h, null, d(t.options, (e) => (f(), s("option", {
 			key: a(e),
 			value: a(e)
-		}, p(c(e)), 9, Ee))), 128))], 42, X));
+		}, p(c(e)), 9, Te))), 128))], 42, Ce));
 	}
 });
 //#endregion
 //#region src/utils/richTextColor.ts
-function Q(e, t) {
+function Ee(e, t) {
 	return e || t || "#000000";
 }
 //#endregion
 //#region src/components/blocks/ParagraphToolbar.vue?vue&type=script&setup=true&lang.ts
-var De = ["data-tpl-theme", "aria-label"], $ = { 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"], je = {
+var De = ["data-tpl-theme", "aria-label"], Oe = { class: "tpl:flex tpl:items-center tpl:gap-1" }, ke = { class: "tpl:flex tpl:items-center tpl:gap-1" }, Ae = ["aria-label", "title"], je = ["aria-label", "title"], Me = {
 	key: 1,
 	class: "tpl:flex tpl:items-center tpl:gap-2 tpl:px-2 tpl:text-xs tpl:text-[var(--tpl-text-dim)]"
-}, Me = /* @__PURE__ */ y({
+}, Ne = /* @__PURE__ */ y({
 	__name: "ParagraphToolbar",
 	props: {
 		editor: {},
@@ -314,53 +353,53 @@ var De = ["data-tpl-theme", "aria-label"], $ = { class: "tpl:flex tpl:items-cent
 		"add-logic-tag"
 	],
 	setup(e, { emit: t }) {
-		let r = e, a = t, d = i(ee, null), y = i(O, null), b = D(te, "ParagraphToolbar"), x = j(), S = i(k, null), C = i(re, null), w = i(ne, null), T = _(() => (S?.isOpen.value ?? !1) || (C?.isOpen.value ?? !1)), { t: E } = A(), M = b.fonts;
-		function P(e) {
+		let r = e, a = t, d = i(j, null), y = i(k, null), b = O(M, "ParagraphToolbar"), x = F(), S = i(A, null), C = i(ee, null), w = i(N, null), T = _(() => (S?.isOpen.value ?? !1) || (C?.isOpen.value ?? !1)), { t: E } = P(), D = b.fonts;
+		function I(e) {
 			r.editor?.chain().focus().insertContent(e).run();
 		}
-		function F(e) {
+		function L(e) {
 			return r.editor?.getAttributes("textStyle")[e] || "";
 		}
-		function I(e) {
+		function R(e) {
 			let t = r.editor?.chain().focus();
 			e ? t?.setFontFamily(e).run() : t?.unsetFontFamily().run();
 		}
-		function R(e) {
+		function z(e) {
 			let t = r.editor?.chain().focus();
 			e ? t?.setFontSize(e).run() : t?.unsetFontSize().run();
 		}
-		function z() {
+		function V() {
 			return r.editor?.isActive("link") ?? !1;
 		}
-		function B() {
+		function H() {
 			return r.editor?.getAttributes("link").color || "";
 		}
-		function V(e) {
+		function U(e) {
 			let t = r.editor?.chain().focus();
-			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());
+			t && (V() ? (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() {
+		function W() {
 			let e = w?.content.value.settings;
-			return z() ? Q(B(), e?.linkColor || e?.textColor) : Q(F("color"), e?.textColor);
+			return V() ? Ee(H(), e?.linkColor || e?.textColor) : Ee(L("color"), e?.textColor);
 		}
-		function U() {
-			return z() ? B() : F("color");
+		function G() {
+			return V() ? H() : L("color");
 		}
-		function W() {
+		function K() {
 			return r.editor?.getAttributes("paragraph").lineHeight || "";
 		}
-		function K(e) {
+		function q(e) {
 			let t = r.editor?.chain().focus();
 			e ? t?.setLineHeight(e).run() : t?.unsetLineHeight().run();
 		}
-		function q(e) {
+		function Y(e) {
 			let t = r.editor?.chain().focus();
 			e && e !== "normal" ? t?.setLetterSpacing(e).run() : t?.unsetLetterSpacing().run();
 		}
-		function J() {
+		function X() {
 			return r.editor?.getAttributes("highlight").color || "";
 		}
-		function X(e) {
+		function Z(e) {
 			let t = r.editor?.chain().focus();
 			e ? t?.setHighlight({ color: e }).run() : t?.unsetHighlight().run();
 		}
@@ -379,63 +418,63 @@ var De = ["data-tpl-theme", "aria-label"], $ = { class: "tpl:flex tpl:items-cent
 				transform: "translateY(-100%)",
 				flexDirection: "column"
 			})
-		}, [!e.isLoading && e.editor ? (f(), s(h, { key: 0 }, [o("div", $, [
-			c(Z, {
-				"model-value": F("fontFamily"),
-				options: g(M),
+		}, [!e.isLoading && e.editor ? (f(), s(h, { key: 0 }, [o("div", Oe, [
+			c($, {
+				"model-value": L("fontFamily"),
+				options: g(D),
 				label: g(E).paragraphEditor.fontFamily,
 				placeholder: g(E).paragraphEditor.defaultFont,
 				"width-class": "tpl:w-32",
-				"onUpdate:modelValue": I
+				"onUpdate:modelValue": R
 			}, null, 8, [
 				"model-value",
 				"options",
 				"label",
 				"placeholder"
 			]),
-			c(Z, {
-				"model-value": F("fontSize"),
-				options: g(fe),
+			c($, {
+				"model-value": L("fontSize"),
+				options: g(ue),
 				label: g(E).paragraphEditor.fontSize,
 				placeholder: g(E).paragraphEditor.defaultSize,
 				"width-class": "tpl:w-20",
-				"onUpdate:modelValue": R
+				"onUpdate:modelValue": z
 			}, null, 8, [
 				"model-value",
 				"options",
 				"label",
 				"placeholder"
 			]),
-			c(Y),
-			c(L, {
+			c(Q),
+			c(B, {
 				"swatch-only": "",
 				size: "sm",
 				"data-testid": "text-color-picker",
-				"model-value": U(),
-				"seed-color": H(),
+				"model-value": G(),
+				"seed-color": W(),
 				"aria-label": g(E).paragraphEditor.textColor,
-				"onUpdate:modelValue": V
+				"onUpdate:modelValue": U
 			}, null, 8, [
 				"model-value",
 				"seed-color",
 				"aria-label"
 			]),
-			c(L, {
+			c(B, {
 				"swatch-only": "",
 				size: "sm",
 				"data-testid": "highlight-color-picker",
-				"model-value": J(),
-				"seed-color": g(pe),
+				"model-value": X(),
+				"seed-color": g(de),
 				"aria-label": g(E).paragraphEditor.highlightColor,
-				"onUpdate:modelValue": X
+				"onUpdate:modelValue": Z
 			}, null, 8, [
 				"model-value",
 				"seed-color",
 				"aria-label"
 			]),
-			c(Y),
-			c(G, {
-				icon: g(N),
+			c(Q),
+			c(J, {
+				icon: g(te),
 				label: g(E).paragraphEditor.bold,
 				active: e.editor.isActive("bold"),
 				"stroke-width": 2.5,
@@ -445,8 +484,8 @@ var De = ["data-tpl-theme", "aria-label"], $ = { class: "tpl:flex tpl:items-cent
 				"label",
 				"active"
 			]),
-			c(G, {
-				icon: g(ie),
+			c(J, {
+				icon: g(ne),
 				label: g(E).paragraphEditor.italic,
 				active: e.editor.isActive("italic"),
 				onClick: r[1] ||= (t) => e.editor.chain().focus().toggleItalic().run()
@@ -455,8 +494,8 @@ var De = ["data-tpl-theme", "aria-label"], $ = { class: "tpl:flex tpl:items-cent
 				"label",
 				"active"
 			]),
-			c(G, {
-				icon: g(Ce),
+			c(J, {
+				icon: g(xe),
 				label: g(E).paragraphEditor.underline,
 				active: e.editor.isActive("underline"),
 				onClick: r[2] ||= (t) => e.editor.chain().focus().toggleUnderline().run()
@@ -465,8 +504,8 @@ var De = ["data-tpl-theme", "aria-label"], $ = { class: "tpl:flex tpl:items-cent
 				"label",
 				"active"
 			]),
-			c(G, {
-				icon: g(ye),
+			c(J, {
+				icon: g(_e),
 				label: g(E).paragraphEditor.strikethrough,
 				active: e.editor.isActive("strike"),
 				onClick: r[3] ||= (t) => e.editor.chain().focus().toggleStrike().run()
@@ -475,9 +514,9 @@ var De = ["data-tpl-theme", "aria-label"], $ = { class: "tpl:flex tpl:items-cent
 				"label",
 				"active"
 			]),
-			c(Y),
-			c(G, {
-				icon: g(be),
+			c(Q),
+			c(J, {
+				icon: g(ve),
 				label: g(E).paragraphEditor.subscript,
 				active: e.editor.isActive("subscript"),
 				onClick: r[4] ||= (t) => e.editor.chain().focus().toggleSubscript().run()
@@ -486,8 +525,8 @@ var De = ["data-tpl-theme", "aria-label"], $ = { class: "tpl:flex tpl:items-cent
 				"label",
 				"active"
 			]),
-			c(G, {
-				icon: g(xe),
+			c(J, {
+				icon: g(ye),
 				label: g(E).paragraphEditor.superscript,
 				active: e.editor.isActive("superscript"),
 				onClick: r[5] ||= (t) => e.editor.chain().focus().toggleSuperscript().run()
@@ -496,9 +535,9 @@ var De = ["data-tpl-theme", "aria-label"], $ = { class: "tpl:flex tpl:items-cent
 				"label",
 				"active"
 			]),
-			c(Y),
-			c(G, {
-				icon: g(ae),
+			c(Q),
+			c(J, {
+				icon: g(re),
 				label: g(E).paragraphEditor.addLink,
 				active: e.editor.isActive("link"),
 				onClick: r[6] ||= (e) => a("open-link-dialog")
@@ -507,9 +546,9 @@ var De = ["data-tpl-theme", "aria-label"], $ = { class: "tpl:flex tpl:items-cent
 				"label",
 				"active"
 			])
-		]), o("div", Oe, [
-			c(G, {
-				icon: g(_e),
+		]), o("div", ke, [
+			c(J, {
+				icon: g(he),
 				label: g(E).paragraphEditor.bulletList,
 				active: e.editor.isActive("bulletList"),
 				onClick: r[7] ||= (t) => e.editor.chain().focus().toggleBulletList().run()
@@ -518,8 +557,8 @@ var De = ["data-tpl-theme", "aria-label"], $ = { class: "tpl:flex tpl:items-cent
 				"label",
 				"active"
 			]),
-			c(G, {
-				icon: g(ge),
+			c(J, {
+				icon: g(me),
 				label: g(E).paragraphEditor.numberedList,
 				active: e.editor.isActive("orderedList"),
 				onClick: r[8] ||= (t) => e.editor.chain().focus().toggleOrderedList().run()
@@ -528,9 +567,9 @@ var De = ["data-tpl-theme", "aria-label"], $ = { class: "tpl:flex tpl:items-cent
 				"label",
 				"active"
 			]),
-			c(Y),
-			c(G, {
-				icon: g(de),
+			c(Q),
+			c(J, {
+				icon: g(le),
 				label: g(E).paragraphEditor.alignLeft,
 				active: e.editor.isActive({ textAlign: "left" }),
 				onClick: r[9] ||= (t) => e.editor.chain().focus().setTextAlign("left").run()
@@ -539,8 +578,8 @@ var De = ["data-tpl-theme", "aria-label"], $ = { class: "tpl:flex tpl:items-cent
 				"label",
 				"active"
 			]),
-			c(G, {
-				icon: g(ue),
+			c(J, {
+				icon: g(ce),
 				label: g(E).paragraphEditor.alignCenter,
 				active: e.editor.isActive({ textAlign: "center" }),
 				onClick: r[10] ||= (t) => e.editor.chain().focus().setTextAlign("center").run()
@@ -549,8 +588,8 @@ var De = ["data-tpl-theme", "aria-label"], $ = { class: "tpl:flex tpl:items-cent
 				"label",
 				"active"
 			]),
-			c(G, {
-				icon: g(le),
+			c(J, {
+				icon: g(se),
 				label: g(E).paragraphEditor.alignRight,
 				active: e.editor.isActive({ textAlign: "right" }),
 				onClick: r[11] ||= (t) => e.editor.chain().focus().setTextAlign("right").run()
@@ -559,8 +598,8 @@ var De = ["data-tpl-theme", "aria-label"], $ = { class: "tpl:flex tpl:items-cent
 				"label",
 				"active"
 			]),
-			c(G, {
-				icon: g(Se),
+			c(J, {
+				icon: g(be),
 				label: g(E).paragraphEditor.alignJustify,
 				active: e.editor.isActive({ textAlign: "justify" }),
 				onClick: r[12] ||= (t) => e.editor.chain().focus().setTextAlign("justify").run()
@@ -569,67 +608,67 @@ var De = ["data-tpl-theme", "aria-label"], $ = { class: "tpl:flex tpl:items-cent
 				"label",
 				"active"
 			]),
-			c(Y),
-			c(Z, {
-				"model-value": W(),
-				options: g(he),
+			c(Q),
+			c($, {
+				"model-value": K(),
+				options: g(pe),
 				label: g(E).paragraphEditor.lineHeight,
 				placeholder: "LH",
 				"width-class": "tpl:w-16",
-				"onUpdate:modelValue": K
+				"onUpdate:modelValue": q
 			}, null, 8, [
 				"model-value",
 				"options",
 				"label"
 			]),
-			c(Z, {
-				"model-value": F("letterSpacing"),
-				options: g(me),
+			c($, {
+				"model-value": L("letterSpacing"),
+				options: g(fe),
 				label: g(E).paragraphEditor.letterSpacing,
 				placeholder: "LS",
 				"width-class": "tpl:w-20",
-				"onUpdate:modelValue": q
+				"onUpdate:modelValue": Y
 			}, null, 8, [
 				"model-value",
 				"options",
 				"label"
 			]),
-			c(Y),
-			c(G, {
-				icon: g(ve),
+			c(Q),
+			c(J, {
+				icon: g(ge),
 				label: g(E).paragraphEditor.clearFormatting,
 				onClick: r[13] ||= (t) => e.editor.chain().focus().clearNodes().unsetAllMarks().run()
 			}, null, 8, ["icon", "label"]),
-			c(Y),
-			c(we, { onInsert: P }),
-			e.canRequestMergeTag ? (f(), s(h, { key: 0 }, [c(Y), o("button", {
+			c(Q),
+			c(Se, { onInsert: I }),
+			e.canRequestMergeTag ? (f(), s(h, { key: 0 }, [c(Q), o("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:hover:bg-[var(--tpl-bg-active)]",
 				"aria-label": g(E).mergeTag.insert,
 				title: g(E).mergeTag.insert,
 				onClick: r[14] ||= (e) => a("add-merge-tag")
-			}, [c(g(oe), {
+			}, [c(g(ie), {
 				size: 16,
 				"stroke-width": 2
-			}), l(" " + p(g(E).mergeTag.insertShort), 1)], 8, ke)], 64)) : v("", !0),
-			e.canInsertLogicTag ? (f(), s(h, { key: 1 }, [c(Y), o("button", {
+			}), l(" " + p(g(E).mergeTag.insertShort), 1)], 8, Ae)], 64)) : v("", !0),
+			e.canInsertLogicTag ? (f(), s(h, { key: 1 }, [c(Q), o("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:hover:bg-[var(--tpl-bg-active)]",
 				"aria-label": g(E).logicTag.insert,
 				title: g(E).logicTag.insert,
 				"data-testid": "insert-logic-button",
 				onClick: r[15] ||= (e) => a("add-logic-tag")
-			}, [c(g(se), {
+			}, [c(g(ae), {
 				size: 16,
 				"stroke-width": 2
-			}), l(" " + p(g(E).logicTag.insertShort), 1)], 8, Ae)], 64)) : v("", !0)
-		])], 64)) : (f(), s("div", je, [c(g(ce), {
+			}), l(" " + p(g(E).logicTag.insertShort), 1)], 8, je)], 64)) : v("", !0)
+		])], 64)) : (f(), s("div", Me, [c(g(oe), {
 			class: "tpl-spinner",
 			size: 14,
 			"stroke-width": 2
 		}), l(" " + p(g(E).errors.editorLoading), 1)]))], 12, De)], 8, ["to"])) : v("", !0);
 	}
-}), Ne = { class: "tpl-text-editor-wrapper tpl:relative" }, Pe = /* @__PURE__ */ y({
+}), Pe = { class: "tpl-text-editor-wrapper tpl:relative" }, Fe = /* @__PURE__ */ y({
 	__name: "ParagraphEditor",
 	props: {
 		block: {},
@@ -637,13 +676,13 @@ var De = ["data-tpl-theme", "aria-label"], $ = { class: "tpl:flex tpl:items-cent
 	},
 	emits: ["done"],
 	setup(e, { emit: n }) {
-		let r = e, i = n, a = j(), { editor: o, EditorContent: l, isLoading: u, initError: d, retry: p, showLinkDialog: m, linkUrl: h, linkColor: _, linkDialogRef: v, canRequestMergeTag: y, canInsertLogicTag: b, openLinkDialog: x, insertLink: C, removeLink: w, closeLinkDialog: E, handleLinkKeydown: D, handleAddMergeTag: O, handleAddLogicTag: k } = T({
+		let r = e, a = n, o = F(), l = i(N, null), u = S(l?.content?.value?.settings ?? { locale: "en" }) === "rtl" ? "right" : "left", { editor: d, EditorContent: p, isLoading: m, initError: h, retry: _, showLinkDialog: v, linkUrl: y, linkColor: b, linkDialogRef: x, canRequestMergeTag: w, canInsertLogicTag: T, openLinkDialog: D, insertLink: O, removeLink: k, closeLinkDialog: A, handleLinkKeydown: j, handleAddMergeTag: M, handleAddLogicTag: ee } = E({
 			blockId: () => r.block.id,
 			blockContent: () => r.block.content,
-			onDone: () => i("done"),
+			onDone: () => a("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: C, LetterSpacing: w, LineBoundaryKeys: T }] = await Promise.all([
+				let [{ Editor: a, EditorContent: s }, { default: c }, { default: l }, { default: d }, { default: f }, { default: p }, { default: m }, { TextStyle: h }, { default: g }, { default: _ }, { default: v }, { MergeTagNode: y, MergeTagSuggestion: b, LogicMergeTagNode: x, FontSize: S, LineHeight: w, LetterSpacing: T, LineBoundaryKeys: E }] = await Promise.all([
 					import("./dist-BxFbxpgW.js").then((e) => e.r),
 					import("./dist-DkcA6epL.js"),
 					import("./dist-C1tsW_99.js"),
@@ -655,10 +694,10 @@ var De = ["data-tpl-theme", "aria-label"], $ = { class: "tpl:flex tpl:items-cent
 					import("./dist-D08oVYhr.js"),
 					import("./dist-DzdeVn-W.js"),
 					import("./dist-f7HXo6j6.js"),
-					import("./extensions-Mf8iHey9.js")
+					import("./extensions-Bawm4BOM.js")
 				]);
 				return {
-					TiptapEditor: o,
+					TiptapEditor: a,
 					EC: s,
 					extensions: [
 						c.configure({
@@ -669,50 +708,53 @@ var De = ["data-tpl-theme", "aria-label"], $ = { class: "tpl:flex tpl:items-cent
 							link: !1,
 							underline: !1
 						}),
-						u,
 						d,
 						f,
-						S(l).configure({
+						p,
+						C(l).configure({
 							openOnClick: !1,
 							HTMLAttributes: {
 								target: "_blank",
 								rel: "noopener noreferrer"
 							}
 						}),
-						p.configure({ types: ["paragraph"] }),
-						m,
+						m.configure({
+							types: ["paragraph"],
+							defaultAlignment: u
+						}),
 						h,
 						g,
-						_.configure({ multicolor: !0 }),
-						x,
-						C,
+						_,
+						v.configure({ multicolor: !0 }),
+						S,
 						w,
-						v.configure({
+						T,
+						y.configure({
 							mergeTags: e,
 							syntax: t
 						}),
-						b.configure({ syntax: t }),
-						T,
-						...r && n && e.length > 0 ? [y.configure({
+						x.configure({ syntax: t }),
+						E,
+						...r && n && e.length > 0 ? [b.configure({
 							mergeTags: e,
 							char: n,
 							emptyText: i,
-							popoverRoot: a
+							popoverRoot: o
 						})] : []
 					]
 				};
 			}
 		});
-		return (n, r) => (f(), s("div", Ne, [
-			c(Me, {
-				editor: g(o),
+		return (n, r) => (f(), s("div", Pe, [
+			c(Ne, {
+				editor: g(d),
 				"toolbar-position": e.toolbarPosition,
-				"is-loading": g(u),
-				"can-request-merge-tag": g(y),
-				"can-insert-logic-tag": g(b),
-				onOpenLinkDialog: g(x),
-				onAddMergeTag: g(O),
-				onAddLogicTag: g(k)
+				"is-loading": g(m),
+				"can-request-merge-tag": g(w),
+				"can-insert-logic-tag": g(T),
+				onOpenLinkDialog: g(D),
+				onAddMergeTag: g(M),
+				onAddLogicTag: g(ee)
 			}, null, 8, [
 				"editor",
 				"toolbar-position",
@@ -723,12 +765,12 @@ var De = ["data-tpl-theme", "aria-label"], $ = { class: "tpl:flex tpl:items-cent
 				"onAddMergeTag",
 				"onAddLogicTag"
 			]),
-			c(F, {
-				editor: g(o),
-				"editor-content": g(l),
-				"is-loading": g(u),
-				"init-error": g(d),
-				onRetry: g(p)
+			c(R, {
+				editor: g(d),
+				"editor-content": g(p),
+				"is-loading": g(m),
+				"init-error": g(h),
+				onRetry: g(_)
 			}, null, 8, [
 				"editor",
 				"editor-content",
@@ -736,19 +778,19 @@ var De = ["data-tpl-theme", "aria-label"], $ = { class: "tpl:flex tpl:items-cent
 				"init-error",
 				"onRetry"
 			]),
-			c(P, {
-				visible: g(m),
-				"is-editing-link": g(o)?.isActive("link") ?? !1,
-				"dialog-ref": g(v),
-				"onUpdate:dialogRef": r[0] ||= (e) => t(v) ? v.value = e : null,
-				"link-url": g(h),
-				"onUpdate:linkUrl": r[1] ||= (e) => t(h) ? h.value = e : null,
-				"link-color": g(_),
-				"onUpdate:linkColor": r[2] ||= (e) => t(_) ? _.value = e : null,
-				onClose: g(E),
-				onInsert: g(C),
-				onRemove: g(w),
-				onKeydown: g(D)
+			c(L, {
+				visible: g(v),
+				"is-editing-link": g(d)?.isActive("link") ?? !1,
+				"dialog-ref": g(x),
+				"onUpdate:dialogRef": r[0] ||= (e) => t(x) ? x.value = e : null,
+				"link-url": g(y),
+				"onUpdate:linkUrl": r[1] ||= (e) => t(y) ? y.value = e : null,
+				"link-color": g(b),
+				"onUpdate:linkColor": r[2] ||= (e) => t(b) ? b.value = e : null,
+				onClose: g(A),
+				onInsert: g(O),
+				onRemove: g(k),
+				onKeydown: g(j)
 			}, null, 8, [
 				"visible",
 				"is-editing-link",
@@ -764,4 +806,4 @@ var De = ["data-tpl-theme", "aria-label"], $ = { class: "tpl:flex tpl:items-cent
 	}
 });
 //#endregion
-export { Pe as default };
+export { Fe as default };