@templatical/editor 0.34.2 → 0.35.0

package/dist/cdn/chunks/{ParagraphEditor-DCDHMcmx.js → ParagraphEditor-DQn0HMfV.js}

@@ -1,25 +1,26 @@
 import { E as e, F as t, N as n, Q as r, R as i, S as a, at as o, b as s, c, ct as l, d as u, f as d, g as f, h as p, l as m, lt as h, m as g, p as _, q as v, u as y, ut as b, y as x } from "./draggable-kbOhCgnk.js";
-import { E as S, S as C, T as w, x as T } from "./useEditorCore-ehUSEsbw.js";
-import { t as E } from "./dist-CAFTQ6Y2.js";
-import { J as D, K as O, O as k, U as ee, _ as te, h as ne, w as A } from "./keys-DQp8x7Nx.js";
-import { t as j } from "./useI18n-Ct1VIFcf.js";
-import { n as M } from "./usePopoverPosition-BxVWE5_0.js";
-import { Ct as N, P as re, R as ie, Rt as ae, S as oe, Vt as se, _ as ce, at as le, ct as ue, g as de, h as fe, it as pe, l as me, m as he, ot as ge, ut as _e, x as ve, y as ye } from "./icons-SP5Itd-A.js";
-import { t as P } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { a as be, n as xe, o as Se, s as Ce } from "./styleConstants-C_YAPdQS.js";
-import { t as F } from "./ColorPicker-BubTDiS1.js";
-import { n as I, t as L } from "./RichTextEditorContent-S4KogjIj.js";
+import { R as S } from "./src-Dwgq7hf4.js";
+import { E as C, S as w, T, x as E } from "./useEditorCore-D4MytYB9.js";
+import { t as D } from "./dist-CAFTQ6Y2.js";
+import { J as O, K as k, O as A, U as ee, _ as j, h as M, w as N } from "./keys-DQp8x7Nx.js";
+import { t as P } from "./useI18n-Ct1VIFcf.js";
+import { n as F } from "./usePopoverPosition-BxVWE5_0.js";
+import { Ct as I, P as te, R as ne, Rt as re, S as ie, Vt as ae, _ as oe, at as se, ct as ce, g as le, h as ue, it as de, l as fe, ot as pe, p as me, ut as he, x as ge, y as _e } from "./icons-BLxcQUck.js";
+import { t as L } from "./_plugin-vue_export-helper-B3ysoDQm.js";
+import { a as ve, n as ye, o as be, s as xe } from "./styleConstants-C_YAPdQS.js";
+import { t as R } from "./ColorPicker-C7yC58FK.js";
+import { n as z, t as B } from "./RichTextEditorContent-Drzwgh0J.js";
 //#region src/components/blocks/EmojiPickerDropdown.vue?vue&type=script&setup=true&lang.ts
-var R = [
+var V = [
 	"aria-label",
 	"title",
 	"aria-expanded"
-], 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"], we = /* @__PURE__ */ a({
+], H = ["aria-label"], U = { class: "tpl:mb-1.5 tpl:text-[10px] tpl:font-medium tpl:tracking-wide tpl:text-[var(--tpl-text-muted)] tpl:uppercase" }, W = { class: "tpl:grid tpl:grid-cols-10 tpl:gap-0.5" }, G = ["aria-label", "onClick"], Se = /* @__PURE__ */ a({
 	__name: "EmojiPickerDropdown",
 	emits: ["insert"],
 	setup(e, { emit: i }) {
-		let a = i, { categories: u, isOpen: h, toggle: g, close: v } = w(), { t: x, format: C } = j(), T = r(null), D = r(null), O = d(() => h.value);
-		S(T, O), E(D, () => {
+		let a = i, { categories: u, isOpen: h, toggle: g, close: v } = T(), { t: x, format: S } = P(), w = r(null), E = r(null), O = d(() => h.value);
+		C(w, O), D(E, () => {
 			h.value && v();
 		});
 		function k(e) {
@@ -27,7 +28,7 @@ var R = [
 		}
 		return (e, r) => (n(), f("div", {
 			ref_key: "rootRef",
-			ref: D,
+			ref: E,
 			class: "tpl:relative"
 		}, [_("button", {
 			type: "button",
@@ -38,14 +39,14 @@ var R = [
 			"aria-haspopup": "dialog",
 			"aria-controls": "tpl-emoji-picker",
 			onClick: r[0] ||= (...e) => o(g) && o(g)(...e)
-		}, [s(o(N), {
+		}, [s(o(I), {
 			size: 16,
 			"stroke-width": 2
-		})], 10, R), o(h) ? (n(), f("div", {
+		})], 10, V), o(h) ? (n(), f("div", {
 			key: 0,
 			id: "tpl-emoji-picker",
 			ref_key: "pickerRef",
-			ref: T,
+			ref: w,
 			role: "dialog",
 			"aria-modal": "false",
 			"aria-label": o(x).paragraphEditor.insertEmoji,
@@ -55,19 +56,19 @@ var R = [
 		}, [(n(!0), f(y, null, t(o(u), (e) => (n(), f("div", {
 			key: e.key,
 			class: "tpl:mb-2 tpl:last:mb-0"
-		}, [_("div", B, b(o(x).emoji[e.key]), 1), _("div", V, [(n(!0), f(y, null, t(e.emojis, (e) => (n(), f("button", {
+		}, [_("div", U, b(o(x).emoji[e.key]), 1), _("div", W, [(n(!0), f(y, null, t(e.emojis, (e) => (n(), f("button", {
 			key: e,
 			type: "button",
-			"aria-label": o(C)(o(x).paragraphEditor.emojiItemLabel, { emoji: e }),
+			"aria-label": o(S)(o(x).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)
-		}, b(e), 9, H))), 128))])]))), 128))], 40, z)) : p("", !0)], 512));
+		}, b(e), 9, G))), 128))])]))), 128))], 40, H)) : p("", !0)], 512));
 	}
-}), U = [
+}), K = [
 	"aria-label",
 	"title",
 	"aria-pressed"
-], W = /* @__PURE__ */ a({
+], q = /* @__PURE__ */ a({
 	__name: "ToolbarIconButton",
 	props: {
 		icon: {},
@@ -86,20 +87,20 @@ var R = [
 		}, [(n(), g(i(e.icon), {
 			size: e.size ?? 16,
 			"stroke-width": e.strokeWidth ?? 2
-		}, null, 8, ["size", "stroke-width"]))], 10, U));
+		}, null, 8, ["size", "stroke-width"]))], 10, K));
 	}
-}), G = {}, K = {
+}), J = {}, Y = {
 	class: "tpl:mx-1 tpl:h-6 tpl:w-px tpl:bg-[var(--tpl-border)]",
 	"aria-hidden": "true"
 };
-function q(e, t) {
-	return n(), f("span", K);
+function X(e, t) {
+	return n(), f("span", Y);
 }
-var J = /*#__PURE__*/ P(G, [["render", q]]), Y = [
+var Z = /*#__PURE__*/ L(J, [["render", X]]), Q = [
 	"value",
 	"aria-label",
 	"title"
-], X = { value: "" }, Te = ["value"], Z = /* @__PURE__ */ a({
+], Ce = { value: "" }, we = ["value"], $ = /* @__PURE__ */ a({
 	__name: "ToolbarSelect",
 	props: {
 		modelValue: {},
@@ -126,23 +127,23 @@ var J = /*#__PURE__*/ P(G, [["render", q]]), Y = [
 			"aria-label": e.label,
 			title: e.label,
 			onChange: a
-		}, [_("option", X, b(e.placeholder ?? ""), 1), (n(!0), f(y, null, t(e.options, (e) => (n(), f("option", {
+		}, [_("option", Ce, b(e.placeholder ?? ""), 1), (n(!0), f(y, null, t(e.options, (e) => (n(), f("option", {
 			key: o(e),
 			value: o(e)
-		}, b(s(e)), 9, Te))), 128))], 42, Y));
+		}, b(s(e)), 9, we))), 128))], 42, Q));
 	}
 });
 //#endregion
 //#region src/utils/richTextColor.ts
-function Q(e, t) {
+function Te(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"], $ = {
+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"], je = {
 	key: 1,
 	class: "tpl:flex tpl:items-center tpl:gap-2 tpl:px-2 tpl:text-xs tpl:text-[var(--tpl-text-dim)]"
-}, je = /* @__PURE__ */ a({
+}, Me = /* @__PURE__ */ a({
 	__name: "ParagraphToolbar",
 	props: {
 		editor: {},
@@ -157,53 +158,53 @@ var Ee = ["data-tpl-theme", "aria-label"], De = { class: "tpl:flex tpl:items-cen
 		"add-logic-tag"
 	],
 	setup(t, { emit: r }) {
-		let i = t, a = r, c = e(ee, null), l = e(O, null), m = D(te, "ParagraphToolbar"), v = M(), S = e(k, null), C = e(A, null), w = e(ne, null), T = d(() => (S?.isOpen.value ?? !1) || (C?.isOpen.value ?? !1)), { t: E } = j(), N = m.fonts;
-		function P(e) {
+		let i = t, a = r, c = e(ee, null), l = e(k, null), m = O(j, "ParagraphToolbar"), v = F(), S = e(A, null), C = e(N, null), w = e(M, null), T = d(() => (S?.isOpen.value ?? !1) || (C?.isOpen.value ?? !1)), { t: E } = P(), D = m.fonts;
+		function I(e) {
 			i.editor?.chain().focus().insertContent(e).run();
 		}
-		function I(e) {
+		function L(e) {
 			return i.editor?.getAttributes("textStyle")[e] || "";
 		}
-		function L(e) {
+		function z(e) {
 			let t = i.editor?.chain().focus();
 			e ? t?.setFontFamily(e).run() : t?.unsetFontFamily().run();
 		}
-		function R(e) {
+		function B(e) {
 			let t = i.editor?.chain().focus();
 			e ? t?.setFontSize(e).run() : t?.unsetFontSize().run();
 		}
-		function z() {
+		function V() {
 			return i.editor?.isActive("link") ?? !1;
 		}
-		function B() {
+		function H() {
 			return i.editor?.getAttributes("link").color || "";
 		}
-		function V(e) {
+		function U(e) {
 			let t = i.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(I("color"), e?.textColor);
-		}
-		function U() {
-			return z() ? B() : I("color");
+			return V() ? Te(H(), e?.linkColor || e?.textColor) : Te(L("color"), e?.textColor);
 		}
 		function G() {
+			return V() ? H() : L("color");
+		}
+		function K() {
 			return i.editor?.getAttributes("paragraph").lineHeight || "";
 		}
-		function K(e) {
+		function J(e) {
 			let t = i.editor?.chain().focus();
 			e ? t?.setLineHeight(e).run() : t?.unsetLineHeight().run();
 		}
-		function q(e) {
+		function Y(e) {
 			let t = i.editor?.chain().focus();
 			e && e !== "normal" ? t?.setLetterSpacing(e).run() : t?.unsetLetterSpacing().run();
 		}
-		function Y() {
+		function X() {
 			return i.editor?.getAttributes("highlight").color || "";
 		}
-		function X(e) {
+		function Q(e) {
 			let t = i.editor?.chain().focus();
 			e ? t?.setHighlight({ color: e }).run() : t?.unsetHighlight().run();
 		}
@@ -223,62 +224,62 @@ var Ee = ["data-tpl-theme", "aria-label"], De = { class: "tpl:flex tpl:items-cen
 				flexDirection: "column"
 			})
 		}, [!t.isLoading && t.editor ? (n(), f(y, { key: 0 }, [_("div", De, [
-			s(Z, {
-				"model-value": I("fontFamily"),
-				options: o(N),
+			s($, {
+				"model-value": L("fontFamily"),
+				options: o(D),
 				label: o(E).paragraphEditor.fontFamily,
 				placeholder: o(E).paragraphEditor.defaultFont,
 				"width-class": "tpl:w-32",
-				"onUpdate:modelValue": L
+				"onUpdate:modelValue": z
 			}, null, 8, [
 				"model-value",
 				"options",
 				"label",
 				"placeholder"
 			]),
-			s(Z, {
-				"model-value": I("fontSize"),
-				options: o(be),
+			s($, {
+				"model-value": L("fontSize"),
+				options: o(ve),
 				label: o(E).paragraphEditor.fontSize,
 				placeholder: o(E).paragraphEditor.defaultSize,
 				"width-class": "tpl:w-20",
-				"onUpdate:modelValue": R
+				"onUpdate:modelValue": B
 			}, null, 8, [
 				"model-value",
 				"options",
 				"label",
 				"placeholder"
 			]),
-			s(J),
-			s(F, {
+			s(Z),
+			s(R, {
 				"swatch-only": "",
 				size: "sm",
 				"data-testid": "text-color-picker",
-				"model-value": U(),
-				"seed-color": H(),
+				"model-value": G(),
+				"seed-color": W(),
 				"aria-label": o(E).paragraphEditor.textColor,
-				"onUpdate:modelValue": V
+				"onUpdate:modelValue": U
 			}, null, 8, [
 				"model-value",
 				"seed-color",
 				"aria-label"
 			]),
-			s(F, {
+			s(R, {
 				"swatch-only": "",
 				size: "sm",
 				"data-testid": "highlight-color-picker",
-				"model-value": Y(),
-				"seed-color": o(xe),
+				"model-value": X(),
+				"seed-color": o(ye),
 				"aria-label": o(E).paragraphEditor.highlightColor,
-				"onUpdate:modelValue": X
+				"onUpdate:modelValue": Q
 			}, null, 8, [
 				"model-value",
 				"seed-color",
 				"aria-label"
 			]),
-			s(J),
-			s(W, {
-				icon: o(se),
+			s(Z),
+			s(q, {
+				icon: o(ae),
 				label: o(E).paragraphEditor.bold,
 				active: t.editor.isActive("bold"),
 				"stroke-width": 2.5,
@@ -288,8 +289,8 @@ var Ee = ["data-tpl-theme", "aria-label"], De = { class: "tpl:flex tpl:items-cen
 				"label",
 				"active"
 			]),
-			s(W, {
-				icon: o(_e),
+			s(q, {
+				icon: o(he),
 				label: o(E).paragraphEditor.italic,
 				active: t.editor.isActive("italic"),
 				onClick: r[1] ||= (e) => t.editor.chain().focus().toggleItalic().run()
@@ -298,8 +299,8 @@ var Ee = ["data-tpl-theme", "aria-label"], De = { class: "tpl:flex tpl:items-cen
 				"label",
 				"active"
 			]),
-			s(W, {
-				icon: o(me),
+			s(q, {
+				icon: o(fe),
 				label: o(E).paragraphEditor.underline,
 				active: t.editor.isActive("underline"),
 				onClick: r[2] ||= (e) => t.editor.chain().focus().toggleUnderline().run()
@@ -308,8 +309,8 @@ var Ee = ["data-tpl-theme", "aria-label"], De = { class: "tpl:flex tpl:items-cen
 				"label",
 				"active"
 			]),
-			s(W, {
-				icon: o(oe),
+			s(q, {
+				icon: o(ie),
 				label: o(E).paragraphEditor.strikethrough,
 				active: t.editor.isActive("strike"),
 				onClick: r[3] ||= (e) => t.editor.chain().focus().toggleStrike().run()
@@ -318,9 +319,9 @@ var Ee = ["data-tpl-theme", "aria-label"], De = { class: "tpl:flex tpl:items-cen
 				"label",
 				"active"
 			]),
-			s(J),
-			s(W, {
-				icon: o(ve),
+			s(Z),
+			s(q, {
+				icon: o(ge),
 				label: o(E).paragraphEditor.subscript,
 				active: t.editor.isActive("subscript"),
 				onClick: r[4] ||= (e) => t.editor.chain().focus().toggleSubscript().run()
@@ -329,8 +330,8 @@ var Ee = ["data-tpl-theme", "aria-label"], De = { class: "tpl:flex tpl:items-cen
 				"label",
 				"active"
 			]),
-			s(W, {
-				icon: o(ye),
+			s(q, {
+				icon: o(_e),
 				label: o(E).paragraphEditor.superscript,
 				active: t.editor.isActive("superscript"),
 				onClick: r[5] ||= (e) => t.editor.chain().focus().toggleSuperscript().run()
@@ -339,9 +340,9 @@ var Ee = ["data-tpl-theme", "aria-label"], De = { class: "tpl:flex tpl:items-cen
 				"label",
 				"active"
 			]),
-			s(J),
-			s(W, {
-				icon: o(ue),
+			s(Z),
+			s(q, {
+				icon: o(ce),
 				label: o(E).paragraphEditor.addLink,
 				active: t.editor.isActive("link"),
 				onClick: r[6] ||= (e) => a("open-link-dialog")
@@ -351,8 +352,8 @@ var Ee = ["data-tpl-theme", "aria-label"], De = { class: "tpl:flex tpl:items-cen
 				"active"
 			])
 		]), _("div", Oe, [
-			s(W, {
-				icon: o(le),
+			s(q, {
+				icon: o(se),
 				label: o(E).paragraphEditor.bulletList,
 				active: t.editor.isActive("bulletList"),
 				onClick: r[7] ||= (e) => t.editor.chain().focus().toggleBulletList().run()
@@ -361,8 +362,8 @@ var Ee = ["data-tpl-theme", "aria-label"], De = { class: "tpl:flex tpl:items-cen
 				"label",
 				"active"
 			]),
-			s(W, {
-				icon: o(ge),
+			s(q, {
+				icon: o(pe),
 				label: o(E).paragraphEditor.numberedList,
 				active: t.editor.isActive("orderedList"),
 				onClick: r[8] ||= (e) => t.editor.chain().focus().toggleOrderedList().run()
@@ -371,9 +372,9 @@ var Ee = ["data-tpl-theme", "aria-label"], De = { class: "tpl:flex tpl:items-cen
 				"label",
 				"active"
 			]),
-			s(J),
-			s(W, {
-				icon: o(he),
+			s(Z),
+			s(q, {
+				icon: o(me),
 				label: o(E).paragraphEditor.alignLeft,
 				active: t.editor.isActive({ textAlign: "left" }),
 				onClick: r[9] ||= (e) => t.editor.chain().focus().setTextAlign("left").run()
@@ -382,8 +383,8 @@ var Ee = ["data-tpl-theme", "aria-label"], De = { class: "tpl:flex tpl:items-cen
 				"label",
 				"active"
 			]),
-			s(W, {
-				icon: o(ce),
+			s(q, {
+				icon: o(oe),
 				label: o(E).paragraphEditor.alignCenter,
 				active: t.editor.isActive({ textAlign: "center" }),
 				onClick: r[10] ||= (e) => t.editor.chain().focus().setTextAlign("center").run()
@@ -392,8 +393,8 @@ var Ee = ["data-tpl-theme", "aria-label"], De = { class: "tpl:flex tpl:items-cen
 				"label",
 				"active"
 			]),
-			s(W, {
-				icon: o(de),
+			s(q, {
+				icon: o(le),
 				label: o(E).paragraphEditor.alignRight,
 				active: t.editor.isActive({ textAlign: "right" }),
 				onClick: r[11] ||= (e) => t.editor.chain().focus().setTextAlign("right").run()
@@ -402,8 +403,8 @@ var Ee = ["data-tpl-theme", "aria-label"], De = { class: "tpl:flex tpl:items-cen
 				"label",
 				"active"
 			]),
-			s(W, {
-				icon: o(fe),
+			s(q, {
+				icon: o(ue),
 				label: o(E).paragraphEditor.alignJustify,
 				active: t.editor.isActive({ textAlign: "justify" }),
 				onClick: r[12] ||= (e) => t.editor.chain().focus().setTextAlign("justify").run()
@@ -412,81 +413,81 @@ var Ee = ["data-tpl-theme", "aria-label"], De = { class: "tpl:flex tpl:items-cen
 				"label",
 				"active"
 			]),
-			s(J),
-			s(Z, {
-				"model-value": G(),
-				options: o(Ce),
+			s(Z),
+			s($, {
+				"model-value": K(),
+				options: o(xe),
 				label: o(E).paragraphEditor.lineHeight,
 				placeholder: "LH",
 				"width-class": "tpl:w-16",
-				"onUpdate:modelValue": K
+				"onUpdate:modelValue": J
 			}, null, 8, [
 				"model-value",
 				"options",
 				"label"
 			]),
-			s(Z, {
-				"model-value": I("letterSpacing"),
-				options: o(Se),
+			s($, {
+				"model-value": L("letterSpacing"),
+				options: o(be),
 				label: o(E).paragraphEditor.letterSpacing,
 				placeholder: "LS",
 				"width-class": "tpl:w-20",
-				"onUpdate:modelValue": q
+				"onUpdate:modelValue": Y
 			}, null, 8, [
 				"model-value",
 				"options",
 				"label"
 			]),
-			s(J),
-			s(W, {
-				icon: o(ie),
+			s(Z),
+			s(q, {
+				icon: o(ne),
 				label: o(E).paragraphEditor.clearFormatting,
 				onClick: r[13] ||= (e) => t.editor.chain().focus().clearNodes().unsetAllMarks().run()
 			}, null, 8, ["icon", "label"]),
-			s(J),
-			s(we, { onInsert: P }),
-			t.canRequestMergeTag ? (n(), f(y, { key: 0 }, [s(J), _("button", {
+			s(Z),
+			s(Se, { onInsert: I }),
+			t.canRequestMergeTag ? (n(), f(y, { key: 0 }, [s(Z), _("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": o(E).mergeTag.insert,
 				title: o(E).mergeTag.insert,
 				onClick: r[14] ||= (e) => a("add-merge-tag")
-			}, [s(o(re), {
+			}, [s(o(te), {
 				size: 16,
 				"stroke-width": 2
 			}), x(" " + b(o(E).mergeTag.insertShort), 1)], 8, ke)], 64)) : p("", !0),
-			t.canInsertLogicTag ? (n(), f(y, { key: 1 }, [s(J), _("button", {
+			t.canInsertLogicTag ? (n(), f(y, { key: 1 }, [s(Z), _("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": o(E).logicTag.insert,
 				title: o(E).logicTag.insert,
 				"data-testid": "insert-logic-button",
 				onClick: r[15] ||= (e) => a("add-logic-tag")
-			}, [s(o(ae), {
+			}, [s(o(re), {
 				size: 16,
 				"stroke-width": 2
 			}), x(" " + b(o(E).logicTag.insertShort), 1)], 8, Ae)], 64)) : p("", !0)
-		])], 64)) : (n(), f("div", $, [s(o(pe), {
+		])], 64)) : (n(), f("div", je, [s(o(de), {
 			class: "tpl-spinner",
 			size: 14,
 			"stroke-width": 2
 		}), x(" " + b(o(E).errors.editorLoading), 1)]))], 12, Ee)], 8, ["to"])) : p("", !0);
 	}
-}), Me = { class: "tpl-text-editor-wrapper tpl:relative" }, Ne = /* @__PURE__ */ a({
+}), Ne = { class: "tpl-text-editor-wrapper tpl:relative" }, Pe = /* @__PURE__ */ a({
 	__name: "ParagraphEditor",
 	props: {
 		block: {},
 		toolbarPosition: {}
 	},
 	emits: ["done"],
-	setup(e, { emit: t }) {
-		let r = e, i = t, a = M(), { editor: c, EditorContent: l, isLoading: u, initError: d, retry: p, showLinkDialog: m, linkUrl: h, linkColor: g, linkDialogRef: _, canRequestMergeTag: y, canInsertLogicTag: b, openLinkDialog: x, insertLink: S, removeLink: w, closeLinkDialog: E, handleLinkKeydown: D, handleAddMergeTag: O, handleAddLogicTag: k } = T({
-			blockId: () => r.block.id,
-			blockContent: () => r.block.content,
-			onDone: () => i("done"),
+	setup(t, { emit: r }) {
+		let i = t, a = r, c = F(), l = e(M, null), u = S(l?.content?.value?.settings ?? { locale: "en" }) === "rtl" ? "right" : "left", { editor: d, EditorContent: p, isLoading: m, initError: h, retry: g, showLinkDialog: _, linkUrl: y, linkColor: b, linkDialogRef: x, canRequestMergeTag: C, canInsertLogicTag: T, openLinkDialog: D, insertLink: O, removeLink: k, closeLinkDialog: A, handleLinkKeydown: ee, handleAddMergeTag: j, handleAddLogicTag: N } = E({
+			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: 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: w, LineBoundaryKeys: T }] = await Promise.all([
+				let [{ Editor: a, EditorContent: o }, { default: s }, { 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: C, LetterSpacing: T, LineBoundaryKeys: E }] = await Promise.all([
 					import("./tiptap-Epe8m3Vo.js").then((e) => e.r),
 					import("./tiptap-Epe8m3Vo.js").then((e) => e.i),
 					import("./tiptap-Epe8m3Vo.js").then((e) => e.l),
@@ -498,13 +499,13 @@ var Ee = ["data-tpl-theme", "aria-label"], De = { class: "tpl:flex tpl:items-cen
 					import("./tiptap-Epe8m3Vo.js").then((e) => e.f),
 					import("./tiptap-Epe8m3Vo.js").then((e) => e.d),
 					import("./tiptap-Epe8m3Vo.js").then((e) => e.u),
-					import("./extensions-7z04EIGg.js")
+					import("./extensions-BpXY7jO5.js")
 				]);
 				return {
-					TiptapEditor: o,
-					EC: s,
+					TiptapEditor: a,
+					EC: o,
 					extensions: [
-						c.configure({
+						s.configure({
 							heading: !1,
 							codeBlock: !1,
 							blockquote: !1,
@@ -512,50 +513,53 @@ var Ee = ["data-tpl-theme", "aria-label"], De = { class: "tpl:flex tpl:items-cen
 							link: !1,
 							underline: !1
 						}),
-						u,
 						d,
 						f,
-						C(l).configure({
+						p,
+						w(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,
+						_,
+						v.configure({ multicolor: !0 }),
 						S,
-						w,
-						v.configure({
+						C,
+						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: c
 						})] : []
 					]
 				};
 			}
 		});
-		return (t, r) => (n(), f("div", Me, [
-			s(je, {
-				editor: o(c),
-				"toolbar-position": e.toolbarPosition,
-				"is-loading": o(u),
-				"can-request-merge-tag": o(y),
-				"can-insert-logic-tag": o(b),
-				onOpenLinkDialog: o(x),
-				onAddMergeTag: o(O),
-				onAddLogicTag: o(k)
+		return (e, r) => (n(), f("div", Ne, [
+			s(Me, {
+				editor: o(d),
+				"toolbar-position": t.toolbarPosition,
+				"is-loading": o(m),
+				"can-request-merge-tag": o(C),
+				"can-insert-logic-tag": o(T),
+				onOpenLinkDialog: o(D),
+				onAddMergeTag: o(j),
+				onAddLogicTag: o(N)
 			}, null, 8, [
 				"editor",
 				"toolbar-position",
@@ -566,12 +570,12 @@ var Ee = ["data-tpl-theme", "aria-label"], De = { class: "tpl:flex tpl:items-cen
 				"onAddMergeTag",
 				"onAddLogicTag"
 			]),
-			s(L, {
-				editor: o(c),
-				"editor-content": o(l),
-				"is-loading": o(u),
-				"init-error": o(d),
-				onRetry: o(p)
+			s(B, {
+				editor: o(d),
+				"editor-content": o(p),
+				"is-loading": o(m),
+				"init-error": o(h),
+				onRetry: o(g)
 			}, null, 8, [
 				"editor",
 				"editor-content",
@@ -579,19 +583,19 @@ var Ee = ["data-tpl-theme", "aria-label"], De = { class: "tpl:flex tpl:items-cen
 				"init-error",
 				"onRetry"
 			]),
-			s(I, {
-				visible: o(m),
-				"is-editing-link": o(c)?.isActive("link") ?? !1,
-				"dialog-ref": o(_),
-				"onUpdate:dialogRef": r[0] ||= (e) => v(_) ? _.value = e : null,
-				"link-url": o(h),
-				"onUpdate:linkUrl": r[1] ||= (e) => v(h) ? h.value = e : null,
-				"link-color": o(g),
-				"onUpdate:linkColor": r[2] ||= (e) => v(g) ? g.value = e : null,
-				onClose: o(E),
-				onInsert: o(S),
-				onRemove: o(w),
-				onKeydown: o(D)
+			s(z, {
+				visible: o(_),
+				"is-editing-link": o(d)?.isActive("link") ?? !1,
+				"dialog-ref": o(x),
+				"onUpdate:dialogRef": r[0] ||= (e) => v(x) ? x.value = e : null,
+				"link-url": o(y),
+				"onUpdate:linkUrl": r[1] ||= (e) => v(y) ? y.value = e : null,
+				"link-color": o(b),
+				"onUpdate:linkColor": r[2] ||= (e) => v(b) ? b.value = e : null,
+				onClose: o(A),
+				onInsert: o(O),
+				onRemove: o(k),
+				onKeydown: o(ee)
 			}, null, 8, [
 				"visible",
 				"is-editing-link",
@@ -607,6 +611,6 @@ var Ee = ["data-tpl-theme", "aria-label"], De = { class: "tpl:flex tpl:items-cen
 	}
 });
 //#endregion
-export { Ne as default };
+export { Pe as default };
 
-//# sourceMappingURL=ParagraphEditor-DCDHMcmx.js.map
+//# sourceMappingURL=ParagraphEditor-DQn0HMfV.js.map