@templatical/editor 0.26.3 → 0.27.1

package/dist/cdn/chunks/{ParagraphEditor-CZ5Z6AgG.js → ParagraphEditor-BBcIQQK2.js}

@@ -1,72 +1,73 @@
-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, lt as m, m as h, p as g, st as _, u as v, v as y, x as b, y as x } from "./draggable-DCs9qL-b.js";
-import { D as S, E as C, S as w, x as T } from "./useEditorCore-CcgxY-Gy.js";
-import { t as E } from "./dist-B2HKGHnc.js";
-import { G as D, O, T as k, U as ee, V as te, g as ne, v as A } from "./keys-Cmc2Yl3D.js";
-import { t as j } from "./useI18n-UMs0F71x.js";
-import { n as M } from "./usePopoverPosition-cf8Y-ynK.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-CvYN6zrM.js";
+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-BfpsXFg7.js";
+import { E as S, S as C, T as w, x as T } from "./useEditorCore-DC8gmfs6.js";
+import { t as E } from "./dist-CM8TB0VD.js";
+import { B as D, D as O, H as k, W as ee, _ as te, h as ne, w as A } from "./keys-CbQuRX85.js";
+import { t as j } from "./useI18n-DVWCJJFH.js";
+import { n as M } from "./usePopoverPosition-BC-HA7TK.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-C36Ha5VU.js";
 import { t as P } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { c as be, o as xe, r as Se, s as Ce, t as F } from "./ColorPicker-W_UyiVGc.js";
-import { n as I, t as L } from "./RichTextEditorContent-DtL49Jpo.js";
+import { a as be, n as xe, o as Se, s as Ce } from "./styleConstants-9oK5kn21.js";
+import { t as F } from "./ColorPicker-CxKYd_8N.js";
+import { n as I, t as L } from "./RichTextEditorContent-Cl-acKAD.js";
 //#region src/components/blocks/EmojiPickerDropdown.vue?vue&type=script&setup=true&lang.ts
 var R = [
 	"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__ */ 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"], we = /* @__PURE__ */ a({
 	__name: "EmojiPickerDropdown",
 	emits: ["insert"],
-	setup(e, { emit: t }) {
-		let i = t, { categories: s, isOpen: c, toggle: h, close: y } = C(), { t: b, format: w } = j(), T = a(null), D = a(null), O = l(() => c.value);
+	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, () => {
-			c.value && y();
+			h.value && v();
 		});
 		function k(e) {
-			i("insert", e), y();
+			a("insert", e), v();
 		}
-		return (e, t) => (n(), u("div", {
+		return (e, r) => (n(), f("div", {
 			ref_key: "rootRef",
 			ref: D,
 			class: "tpl:relative"
-		}, [g("button", {
+		}, [_("button", {
 			type: "button",
-			class: _(["tpl-text-toolbar-btn", { "tpl-text-toolbar-btn--active": f(c) }]),
-			"aria-label": f(b).paragraphEditor.insertEmoji,
-			title: f(b).paragraphEditor.insertEmoji,
-			"aria-expanded": f(c),
+			class: l(["tpl-text-toolbar-btn", { "tpl-text-toolbar-btn--active": o(h) }]),
+			"aria-label": o(x).paragraphEditor.insertEmoji,
+			title: o(x).paragraphEditor.insertEmoji,
+			"aria-expanded": o(h),
 			"aria-haspopup": "dialog",
 			"aria-controls": "tpl-emoji-picker",
-			onClick: t[0] ||= (...e) => f(h) && f(h)(...e)
-		}, [x(f(N), {
+			onClick: r[0] ||= (...e) => o(g) && o(g)(...e)
+		}, [s(o(N), {
 			size: 16,
 			"stroke-width": 2
-		})], 10, R), f(c) ? (n(), u("div", {
+		})], 10, R), o(h) ? (n(), f("div", {
 			key: 0,
 			id: "tpl-emoji-picker",
 			ref_key: "pickerRef",
 			ref: T,
 			role: "dialog",
 			"aria-modal": "false",
-			"aria-label": f(b).paragraphEditor.insertEmoji,
+			"aria-label": o(x).paragraphEditor.insertEmoji,
 			tabindex: "-1",
-			class: "tpl-emoji-picker tpl:absolute tpl:top-full tpl:left-0 tpl:z-10 tpl:mt-2 tpl:w-72 tpl:rounded-lg tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:p-2 tpl:shadow-lg",
-			onKeydown: t[1] ||= o(p((...e) => f(y) && f(y)(...e), ["stop", "prevent"]), ["esc"])
-		}, [(n(!0), u(v, null, r(f(s), (e) => (n(), u("div", {
+			class: "tpl-emoji-picker tpl:absolute tpl:top-full tpl:left-0 tpl:z-10 tpl:mt-2 tpl:w-72 tpl:rounded-lg tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:p-2 tpl:shadow-[var(--tpl-shadow-lg)]",
+			onKeydown: r[1] ||= c(m((...e) => o(v) && o(v)(...e), ["stop", "prevent"]), ["esc"])
+		}, [(n(!0), f(y, null, t(o(u), (e) => (n(), f("div", {
 			key: e.key,
 			class: "tpl:mb-2 tpl:last:mb-0"
-		}, [g("div", B, m(f(b).emoji[e.key]), 1), g("div", V, [(n(!0), u(v, null, r(e.emojis, (e) => (n(), u("button", {
+		}, [_("div", B, b(o(x).emoji[e.key]), 1), _("div", V, [(n(!0), f(y, null, t(e.emojis, (e) => (n(), f("button", {
 			key: e,
 			type: "button",
-			"aria-label": f(w)(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)]",
+			"aria-label": o(C)(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)
-		}, m(e), 9, H))), 128))])]))), 128))], 40, z)) : d("", !0)], 512));
+		}, b(e), 9, H))), 128))])]))), 128))], 40, z)) : p("", !0)], 512));
 	}
 }), U = [
 	"aria-label",
 	"title",
 	"aria-pressed"
-], W = /* @__PURE__ */ b({
+], W = /* @__PURE__ */ a({
 	__name: "ToolbarIconButton",
 	props: {
 		icon: {},
@@ -76,13 +77,13 @@ var R = [
 		size: {}
 	},
 	setup(e) {
-		return (r, i) => (n(), u("button", {
+		return (t, r) => (n(), f("button", {
 			type: "button",
-			class: _(["tpl-text-toolbar-btn", { "tpl-text-toolbar-btn--active": e.active }]),
+			class: l(["tpl-text-toolbar-btn", { "tpl-text-toolbar-btn--active": e.active }]),
 			"aria-label": e.label,
 			title: e.label,
 			"aria-pressed": e.active ? "true" : "false"
-		}, [(n(), h(t(e.icon), {
+		}, [(n(), g(i(e.icon), {
 			size: e.size ?? 16,
 			"stroke-width": e.strokeWidth ?? 2
 		}, null, 8, ["size", "stroke-width"]))], 10, U));
@@ -92,13 +93,13 @@ var R = [
 	"aria-hidden": "true"
 };
 function q(e, t) {
-	return n(), u("span", K);
+	return n(), f("span", K);
 }
 var J = /*#__PURE__*/ P(G, [["render", q]]), Y = [
 	"value",
 	"aria-label",
 	"title"
-], X = { value: "" }, Te = ["value"], Z = /* @__PURE__ */ b({
+], X = { value: "" }, Te = ["value"], Z = /* @__PURE__ */ a({
 	__name: "ToolbarSelect",
 	props: {
 		modelValue: {},
@@ -108,8 +109,8 @@ var J = /*#__PURE__*/ P(G, [["render", q]]), Y = [
 		widthClass: {}
 	},
 	emits: ["update:modelValue"],
-	setup(e, { emit: t }) {
-		let i = t;
+	setup(e, { emit: r }) {
+		let i = r;
 		function a(e) {
 			i("update:modelValue", e.target.value);
 		}
@@ -119,16 +120,16 @@ var J = /*#__PURE__*/ P(G, [["render", q]]), Y = [
 		function s(e) {
 			return typeof e == "string" ? e : e.label;
 		}
-		return (t, i) => (n(), u("select", {
-			class: _(["tpl:h-8 tpl:cursor-pointer tpl:rounded tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:px-2 tpl:text-xs tpl:text-[var(--tpl-text)] tpl:outline-none", e.widthClass ?? "tpl:w-20"]),
+		return (r, i) => (n(), f("select", {
+			class: l(["tpl:h-8 tpl:cursor-pointer tpl:rounded tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:px-2 tpl:text-xs tpl:text-[var(--tpl-text)] tpl:outline-none", e.widthClass ?? "tpl:w-20"]),
 			value: e.modelValue,
 			"aria-label": e.label,
 			title: e.label,
 			onChange: a
-		}, [g("option", X, m(e.placeholder ?? ""), 1), (n(!0), u(v, null, r(e.options, (e) => (n(), u("option", {
+		}, [_("option", X, b(e.placeholder ?? ""), 1), (n(!0), f(y, null, t(e.options, (e) => (n(), f("option", {
 			key: o(e),
 			value: o(e)
-		}, m(s(e)), 9, Te))), 128))], 42, Y));
+		}, b(s(e)), 9, Te))), 128))], 42, Y));
 	}
 });
 //#endregion
@@ -141,7 +142,7 @@ function Q(e, t) {
 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)]"
-}, je = /* @__PURE__ */ b({
+}, je = /* @__PURE__ */ a({
 	__name: "ParagraphToolbar",
 	props: {
 		editor: {},
@@ -155,30 +156,30 @@ var Ee = ["data-tpl-theme", "aria-label"], De = { class: "tpl:flex tpl:items-cen
 		"add-merge-tag",
 		"add-logic-tag"
 	],
-	setup(e, { emit: t }) {
-		let r = e, a = t, o = i(te, null), p = i(ee, null), _ = D(A, "ParagraphToolbar"), b = M(), S = i(O, null), C = i(k, null), w = i(ne, null), T = l(() => (S?.isOpen.value ?? !1) || (C?.isOpen.value ?? !1)), { t: E } = j(), N = _.fonts;
+	setup(t, { emit: r }) {
+		let i = t, a = r, c = e(D, null), l = e(k, null), m = ee(te, "ParagraphToolbar"), v = M(), S = e(O, 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) {
-			r.editor?.chain().focus().insertContent(e).run();
+			i.editor?.chain().focus().insertContent(e).run();
 		}
 		function I(e) {
-			return r.editor?.getAttributes("textStyle")[e] || "";
+			return i.editor?.getAttributes("textStyle")[e] || "";
 		}
 		function L(e) {
-			let t = r.editor?.chain().focus();
+			let t = i.editor?.chain().focus();
 			e ? t?.setFontFamily(e).run() : t?.unsetFontFamily().run();
 		}
 		function R(e) {
-			let t = r.editor?.chain().focus();
+			let t = i.editor?.chain().focus();
 			e ? t?.setFontSize(e).run() : t?.unsetFontSize().run();
 		}
 		function z() {
-			return r.editor?.isActive("link") ?? !1;
+			return i.editor?.isActive("link") ?? !1;
 		}
 		function B() {
-			return r.editor?.getAttributes("link").color || "";
+			return i.editor?.getAttributes("link").color || "";
 		}
 		function V(e) {
-			let t = r.editor?.chain().focus();
+			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());
 		}
 		function H() {
@@ -189,44 +190,44 @@ var Ee = ["data-tpl-theme", "aria-label"], De = { class: "tpl:flex tpl:items-cen
 			return z() ? B() : I("color");
 		}
 		function G() {
-			return r.editor?.getAttributes("paragraph").lineHeight || "";
+			return i.editor?.getAttributes("paragraph").lineHeight || "";
 		}
 		function K(e) {
-			let t = r.editor?.chain().focus();
+			let t = i.editor?.chain().focus();
 			e ? t?.setLineHeight(e).run() : t?.unsetLineHeight().run();
 		}
 		function q(e) {
-			let t = r.editor?.chain().focus();
+			let t = i.editor?.chain().focus();
 			e && e !== "normal" ? t?.setLetterSpacing(e).run() : t?.unsetLetterSpacing().run();
 		}
 		function Y() {
-			return r.editor?.getAttributes("highlight").color || "";
+			return i.editor?.getAttributes("highlight").color || "";
 		}
 		function X(e) {
-			let t = r.editor?.chain().focus();
+			let t = i.editor?.chain().focus();
 			e ? t?.setHighlight({ color: e }).run() : t?.unsetHighlight().run();
 		}
-		return (t, r) => f(b) && !T.value ? (n(), h(c, {
+		return (e, r) => o(v) && !T.value ? (n(), g(u, {
 			key: 0,
-			to: f(b)
-		}, [g("div", {
-			"data-tpl-theme": f(p),
+			to: o(v)
+		}, [_("div", {
+			"data-tpl-theme": o(l),
 			role: "toolbar",
-			"aria-label": f(E).paragraphEditor.toolbar,
-			class: "tpl tpl-text-toolbar tpl:absolute tpl:z-popover tpl:flex tpl:gap-1 tpl:rounded-lg tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:px-3 tpl:py-2 tpl:shadow-lg",
-			style: s({
-				...f(o),
-				top: `${e.toolbarPosition.top}px`,
-				left: `${e.toolbarPosition.left}px`,
+			"aria-label": o(E).paragraphEditor.toolbar,
+			class: "tpl tpl-text-toolbar tpl:absolute tpl:z-popover tpl:flex tpl:gap-1 tpl:rounded-lg tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:px-3 tpl:py-2 tpl:shadow-[var(--tpl-shadow-lg)]",
+			style: h({
+				...o(c),
+				top: `${t.toolbarPosition.top}px`,
+				left: `${t.toolbarPosition.left}px`,
 				transform: "translateY(-100%)",
 				flexDirection: "column"
 			})
-		}, [!e.isLoading && e.editor ? (n(), u(v, { key: 0 }, [g("div", De, [
-			x(Z, {
+		}, [!t.isLoading && t.editor ? (n(), f(y, { key: 0 }, [_("div", De, [
+			s(Z, {
 				"model-value": I("fontFamily"),
-				options: f(N),
-				label: f(E).paragraphEditor.fontFamily,
-				placeholder: f(E).paragraphEditor.defaultFont,
+				options: o(N),
+				label: o(E).paragraphEditor.fontFamily,
+				placeholder: o(E).paragraphEditor.defaultFont,
 				"width-class": "tpl:w-32",
 				"onUpdate:modelValue": L
 			}, null, 8, [
@@ -235,11 +236,11 @@ var Ee = ["data-tpl-theme", "aria-label"], De = { class: "tpl:flex tpl:items-cen
 				"label",
 				"placeholder"
 			]),
-			x(Z, {
+			s(Z, {
 				"model-value": I("fontSize"),
-				options: f(xe),
-				label: f(E).paragraphEditor.fontSize,
-				placeholder: f(E).paragraphEditor.defaultSize,
+				options: o(be),
+				label: o(E).paragraphEditor.fontSize,
+				placeholder: o(E).paragraphEditor.defaultSize,
 				"width-class": "tpl:w-20",
 				"onUpdate:modelValue": R
 			}, null, 8, [
@@ -248,174 +249,174 @@ var Ee = ["data-tpl-theme", "aria-label"], De = { class: "tpl:flex tpl:items-cen
 				"label",
 				"placeholder"
 			]),
-			x(J),
-			x(F, {
+			s(J),
+			s(F, {
 				"swatch-only": "",
 				size: "sm",
 				"data-testid": "text-color-picker",
 				"model-value": U(),
 				"seed-color": H(),
-				"aria-label": f(E).paragraphEditor.textColor,
+				"aria-label": o(E).paragraphEditor.textColor,
 				"onUpdate:modelValue": V
 			}, null, 8, [
 				"model-value",
 				"seed-color",
 				"aria-label"
 			]),
-			x(F, {
+			s(F, {
 				"swatch-only": "",
 				size: "sm",
 				"data-testid": "highlight-color-picker",
 				"model-value": Y(),
-				"seed-color": f(Se),
-				"aria-label": f(E).paragraphEditor.highlightColor,
+				"seed-color": o(xe),
+				"aria-label": o(E).paragraphEditor.highlightColor,
 				"onUpdate:modelValue": X
 			}, null, 8, [
 				"model-value",
 				"seed-color",
 				"aria-label"
 			]),
-			x(J),
-			x(W, {
-				icon: f(se),
-				label: f(E).paragraphEditor.bold,
-				active: e.editor.isActive("bold"),
+			s(J),
+			s(W, {
+				icon: o(se),
+				label: o(E).paragraphEditor.bold,
+				active: t.editor.isActive("bold"),
 				"stroke-width": 2.5,
-				onClick: r[0] ||= (t) => e.editor.chain().focus().toggleBold().run()
+				onClick: r[0] ||= (e) => t.editor.chain().focus().toggleBold().run()
 			}, null, 8, [
 				"icon",
 				"label",
 				"active"
 			]),
-			x(W, {
-				icon: f(_e),
-				label: f(E).paragraphEditor.italic,
-				active: e.editor.isActive("italic"),
-				onClick: r[1] ||= (t) => e.editor.chain().focus().toggleItalic().run()
+			s(W, {
+				icon: o(_e),
+				label: o(E).paragraphEditor.italic,
+				active: t.editor.isActive("italic"),
+				onClick: r[1] ||= (e) => t.editor.chain().focus().toggleItalic().run()
 			}, null, 8, [
 				"icon",
 				"label",
 				"active"
 			]),
-			x(W, {
-				icon: f(me),
-				label: f(E).paragraphEditor.underline,
-				active: e.editor.isActive("underline"),
-				onClick: r[2] ||= (t) => e.editor.chain().focus().toggleUnderline().run()
+			s(W, {
+				icon: o(me),
+				label: o(E).paragraphEditor.underline,
+				active: t.editor.isActive("underline"),
+				onClick: r[2] ||= (e) => t.editor.chain().focus().toggleUnderline().run()
 			}, null, 8, [
 				"icon",
 				"label",
 				"active"
 			]),
-			x(W, {
-				icon: f(oe),
-				label: f(E).paragraphEditor.strikethrough,
-				active: e.editor.isActive("strike"),
-				onClick: r[3] ||= (t) => e.editor.chain().focus().toggleStrike().run()
+			s(W, {
+				icon: o(oe),
+				label: o(E).paragraphEditor.strikethrough,
+				active: t.editor.isActive("strike"),
+				onClick: r[3] ||= (e) => t.editor.chain().focus().toggleStrike().run()
 			}, null, 8, [
 				"icon",
 				"label",
 				"active"
 			]),
-			x(J),
-			x(W, {
-				icon: f(ve),
-				label: f(E).paragraphEditor.subscript,
-				active: e.editor.isActive("subscript"),
-				onClick: r[4] ||= (t) => e.editor.chain().focus().toggleSubscript().run()
+			s(J),
+			s(W, {
+				icon: o(ve),
+				label: o(E).paragraphEditor.subscript,
+				active: t.editor.isActive("subscript"),
+				onClick: r[4] ||= (e) => t.editor.chain().focus().toggleSubscript().run()
 			}, null, 8, [
 				"icon",
 				"label",
 				"active"
 			]),
-			x(W, {
-				icon: f(ye),
-				label: f(E).paragraphEditor.superscript,
-				active: e.editor.isActive("superscript"),
-				onClick: r[5] ||= (t) => e.editor.chain().focus().toggleSuperscript().run()
+			s(W, {
+				icon: o(ye),
+				label: o(E).paragraphEditor.superscript,
+				active: t.editor.isActive("superscript"),
+				onClick: r[5] ||= (e) => t.editor.chain().focus().toggleSuperscript().run()
 			}, null, 8, [
 				"icon",
 				"label",
 				"active"
 			]),
-			x(J),
-			x(W, {
-				icon: f(ue),
-				label: f(E).paragraphEditor.addLink,
-				active: e.editor.isActive("link"),
+			s(J),
+			s(W, {
+				icon: o(ue),
+				label: o(E).paragraphEditor.addLink,
+				active: t.editor.isActive("link"),
 				onClick: r[6] ||= (e) => a("open-link-dialog")
 			}, null, 8, [
 				"icon",
 				"label",
 				"active"
 			])
-		]), g("div", Oe, [
-			x(W, {
-				icon: f(le),
-				label: f(E).paragraphEditor.bulletList,
-				active: e.editor.isActive("bulletList"),
-				onClick: r[7] ||= (t) => e.editor.chain().focus().toggleBulletList().run()
+		]), _("div", Oe, [
+			s(W, {
+				icon: o(le),
+				label: o(E).paragraphEditor.bulletList,
+				active: t.editor.isActive("bulletList"),
+				onClick: r[7] ||= (e) => t.editor.chain().focus().toggleBulletList().run()
 			}, null, 8, [
 				"icon",
 				"label",
 				"active"
 			]),
-			x(W, {
-				icon: f(ge),
-				label: f(E).paragraphEditor.numberedList,
-				active: e.editor.isActive("orderedList"),
-				onClick: r[8] ||= (t) => e.editor.chain().focus().toggleOrderedList().run()
+			s(W, {
+				icon: o(ge),
+				label: o(E).paragraphEditor.numberedList,
+				active: t.editor.isActive("orderedList"),
+				onClick: r[8] ||= (e) => t.editor.chain().focus().toggleOrderedList().run()
 			}, null, 8, [
 				"icon",
 				"label",
 				"active"
 			]),
-			x(J),
-			x(W, {
-				icon: f(he),
-				label: f(E).paragraphEditor.alignLeft,
-				active: e.editor.isActive({ textAlign: "left" }),
-				onClick: r[9] ||= (t) => e.editor.chain().focus().setTextAlign("left").run()
+			s(J),
+			s(W, {
+				icon: o(he),
+				label: o(E).paragraphEditor.alignLeft,
+				active: t.editor.isActive({ textAlign: "left" }),
+				onClick: r[9] ||= (e) => t.editor.chain().focus().setTextAlign("left").run()
 			}, null, 8, [
 				"icon",
 				"label",
 				"active"
 			]),
-			x(W, {
-				icon: f(ce),
-				label: f(E).paragraphEditor.alignCenter,
-				active: e.editor.isActive({ textAlign: "center" }),
-				onClick: r[10] ||= (t) => e.editor.chain().focus().setTextAlign("center").run()
+			s(W, {
+				icon: o(ce),
+				label: o(E).paragraphEditor.alignCenter,
+				active: t.editor.isActive({ textAlign: "center" }),
+				onClick: r[10] ||= (e) => t.editor.chain().focus().setTextAlign("center").run()
 			}, null, 8, [
 				"icon",
 				"label",
 				"active"
 			]),
-			x(W, {
-				icon: f(de),
-				label: f(E).paragraphEditor.alignRight,
-				active: e.editor.isActive({ textAlign: "right" }),
-				onClick: r[11] ||= (t) => e.editor.chain().focus().setTextAlign("right").run()
+			s(W, {
+				icon: o(de),
+				label: o(E).paragraphEditor.alignRight,
+				active: t.editor.isActive({ textAlign: "right" }),
+				onClick: r[11] ||= (e) => t.editor.chain().focus().setTextAlign("right").run()
 			}, null, 8, [
 				"icon",
 				"label",
 				"active"
 			]),
-			x(W, {
-				icon: f(fe),
-				label: f(E).paragraphEditor.alignJustify,
-				active: e.editor.isActive({ textAlign: "justify" }),
-				onClick: r[12] ||= (t) => e.editor.chain().focus().setTextAlign("justify").run()
+			s(W, {
+				icon: o(fe),
+				label: o(E).paragraphEditor.alignJustify,
+				active: t.editor.isActive({ textAlign: "justify" }),
+				onClick: r[12] ||= (e) => t.editor.chain().focus().setTextAlign("justify").run()
 			}, null, 8, [
 				"icon",
 				"label",
 				"active"
 			]),
-			x(J),
-			x(Z, {
+			s(J),
+			s(Z, {
 				"model-value": G(),
-				options: f(be),
-				label: f(E).paragraphEditor.lineHeight,
+				options: o(Ce),
+				label: o(E).paragraphEditor.lineHeight,
 				placeholder: "LH",
 				"width-class": "tpl:w-16",
 				"onUpdate:modelValue": K
@@ -424,10 +425,10 @@ var Ee = ["data-tpl-theme", "aria-label"], De = { class: "tpl:flex tpl:items-cen
 				"options",
 				"label"
 			]),
-			x(Z, {
+			s(Z, {
 				"model-value": I("letterSpacing"),
-				options: f(Ce),
-				label: f(E).paragraphEditor.letterSpacing,
+				options: o(Se),
+				label: o(E).paragraphEditor.letterSpacing,
 				placeholder: "LS",
 				"width-class": "tpl:w-20",
 				"onUpdate:modelValue": q
@@ -436,71 +437,71 @@ var Ee = ["data-tpl-theme", "aria-label"], De = { class: "tpl:flex tpl:items-cen
 				"options",
 				"label"
 			]),
-			x(J),
-			x(W, {
-				icon: f(ie),
-				label: f(E).paragraphEditor.clearFormatting,
-				onClick: r[13] ||= (t) => e.editor.chain().focus().clearNodes().unsetAllMarks().run()
+			s(J),
+			s(W, {
+				icon: o(ie),
+				label: o(E).paragraphEditor.clearFormatting,
+				onClick: r[13] ||= (e) => t.editor.chain().focus().clearNodes().unsetAllMarks().run()
 			}, null, 8, ["icon", "label"]),
-			x(J),
-			x(we, { onInsert: P }),
-			e.canRequestMergeTag ? (n(), u(v, { key: 0 }, [x(J), g("button", {
+			s(J),
+			s(we, { onInsert: P }),
+			t.canRequestMergeTag ? (n(), f(y, { key: 0 }, [s(J), _("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(E).mergeTag.insert,
-				title: f(E).mergeTag.insert,
+				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")
-			}, [x(f(re), {
+			}, [s(o(re), {
 				size: 16,
 				"stroke-width": 2
-			}), y(" " + m(f(E).mergeTag.insertShort), 1)], 8, ke)], 64)) : d("", !0),
-			e.canInsertLogicTag ? (n(), u(v, { key: 1 }, [x(J), g("button", {
+			}), x(" " + b(o(E).mergeTag.insertShort), 1)], 8, ke)], 64)) : p("", !0),
+			t.canInsertLogicTag ? (n(), f(y, { key: 1 }, [s(J), _("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(E).logicTag.insert,
-				title: f(E).logicTag.insert,
+				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")
-			}, [x(f(ae), {
+			}, [s(o(ae), {
 				size: 16,
 				"stroke-width": 2
-			}), y(" " + m(f(E).logicTag.insertShort), 1)], 8, Ae)], 64)) : d("", !0)
-		])], 64)) : (n(), u("div", $, [x(f(pe), {
+			}), x(" " + b(o(E).logicTag.insertShort), 1)], 8, Ae)], 64)) : p("", !0)
+		])], 64)) : (n(), f("div", $, [s(o(pe), {
 			class: "tpl-spinner",
 			size: 14,
 			"stroke-width": 2
-		}), y(" " + m(f(E).errors.editorLoading), 1)]))], 12, Ee)], 8, ["to"])) : d("", !0);
+		}), x(" " + b(o(E).errors.editorLoading), 1)]))], 12, Ee)], 8, ["to"])) : p("", !0);
 	}
-}), Me = { class: "tpl-text-editor-wrapper tpl:relative" }, Ne = /* @__PURE__ */ b({
+}), Me = { class: "tpl-text-editor-wrapper tpl:relative" }, Ne = /* @__PURE__ */ a({
 	__name: "ParagraphEditor",
 	props: {
 		block: {},
 		toolbarPosition: {}
 	},
 	emits: ["done"],
-	setup(t, { emit: r }) {
-		let i = t, a = r, o = M(), { 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: E, handleLinkKeydown: D, handleAddMergeTag: O, handleAddLogicTag: k } = T({
-			blockId: () => i.block.id,
-			blockContent: () => i.block.content,
-			onDone: () => a("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"),
 			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, LineBoundaryKeys: T }] = await Promise.all([
-					import("./tiptap-C44S1Cmh.js").then((e) => e.r),
-					import("./tiptap-C44S1Cmh.js").then((e) => e.i),
-					import("./tiptap-C44S1Cmh.js").then((e) => e.l),
-					import("./tiptap-C44S1Cmh.js").then((e) => e.a),
-					import("./tiptap-C44S1Cmh.js").then((e) => e.c),
-					import("./tiptap-C44S1Cmh.js").then((e) => e.s),
-					import("./tiptap-C44S1Cmh.js").then((e) => e.o),
-					import("./tiptap-C44S1Cmh.js").then((e) => e.p),
-					import("./tiptap-C44S1Cmh.js").then((e) => e.f),
-					import("./tiptap-C44S1Cmh.js").then((e) => e.d),
-					import("./tiptap-C44S1Cmh.js").then((e) => e.u),
-					import("./extensions-qhcN3RMT.js")
+				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([
+					import("./tiptap-DmpGap5g.js").then((e) => e.r),
+					import("./tiptap-DmpGap5g.js").then((e) => e.i),
+					import("./tiptap-DmpGap5g.js").then((e) => e.l),
+					import("./tiptap-DmpGap5g.js").then((e) => e.a),
+					import("./tiptap-DmpGap5g.js").then((e) => e.c),
+					import("./tiptap-DmpGap5g.js").then((e) => e.s),
+					import("./tiptap-DmpGap5g.js").then((e) => e.o),
+					import("./tiptap-DmpGap5g.js").then((e) => e.p),
+					import("./tiptap-DmpGap5g.js").then((e) => e.f),
+					import("./tiptap-DmpGap5g.js").then((e) => e.d),
+					import("./tiptap-DmpGap5g.js").then((e) => e.u),
+					import("./extensions-CMcVw2uu.js")
 				]);
 				return {
-					TiptapEditor: a,
+					TiptapEditor: o,
 					EC: s,
 					extensions: [
 						c.configure({
@@ -514,7 +515,7 @@ var Ee = ["data-tpl-theme", "aria-label"], De = { class: "tpl:flex tpl:items-cen
 						u,
 						d,
 						f,
-						w(l).configure({
+						C(l).configure({
 							openOnClick: !1,
 							HTMLAttributes: {
 								target: "_blank",
@@ -528,7 +529,7 @@ var Ee = ["data-tpl-theme", "aria-label"], De = { class: "tpl:flex tpl:items-cen
 						_.configure({ multicolor: !0 }),
 						x,
 						S,
-						C,
+						w,
 						v.configure({
 							mergeTags: e,
 							syntax: t
@@ -539,22 +540,22 @@ var Ee = ["data-tpl-theme", "aria-label"], De = { class: "tpl:flex tpl:items-cen
 							mergeTags: e,
 							char: n,
 							emptyText: i,
-							popoverRoot: o
+							popoverRoot: a
 						})] : []
 					]
 				};
 			}
 		});
-		return (r, i) => (n(), u("div", Me, [
-			x(je, {
-				editor: f(s),
-				"toolbar-position": t.toolbarPosition,
-				"is-loading": f(l),
-				"can-request-merge-tag": f(v),
-				"can-insert-logic-tag": f(y),
-				onOpenLinkDialog: f(b),
-				onAddMergeTag: f(O),
-				onAddLogicTag: f(k)
+		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)
 			}, null, 8, [
 				"editor",
 				"toolbar-position",
@@ -565,12 +566,12 @@ var Ee = ["data-tpl-theme", "aria-label"], De = { class: "tpl:flex tpl:items-cen
 				"onAddMergeTag",
 				"onAddLogicTag"
 			]),
-			x(L, {
-				editor: f(s),
-				"editor-content": f(c),
-				"is-loading": f(l),
-				"init-error": f(d),
-				onRetry: f(p)
+			s(L, {
+				editor: o(c),
+				"editor-content": o(l),
+				"is-loading": o(u),
+				"init-error": o(d),
+				onRetry: o(p)
 			}, null, 8, [
 				"editor",
 				"editor-content",
@@ -578,19 +579,19 @@ var Ee = ["data-tpl-theme", "aria-label"], De = { class: "tpl:flex tpl:items-cen
 				"init-error",
 				"onRetry"
 			]),
-			x(I, {
-				visible: f(m),
-				"is-editing-link": f(s)?.isActive("link") ?? !1,
-				"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,
-				"link-color": f(g),
-				"onUpdate:linkColor": i[2] ||= (t) => e(g) ? g.value = t : null,
-				onClose: f(E),
-				onInsert: f(S),
-				onRemove: f(C),
-				onKeydown: f(D)
+			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)
 			}, null, 8, [
 				"visible",
 				"is-editing-link",
@@ -608,4 +609,4 @@ var Ee = ["data-tpl-theme", "aria-label"], De = { class: "tpl:flex tpl:items-cen
 //#endregion
 export { Ne as default };
 
-//# sourceMappingURL=ParagraphEditor-CZ5Z6AgG.js.map
+//# sourceMappingURL=ParagraphEditor-BBcIQQK2.js.map