@templatical/editor 0.34.3 → 0.36.0

package/dist/ParagraphEditor-1E9yzOfk.js

@@ -0,0 +1,782 @@
+import { A as e, At as t, F as n, K as r, M as i, S as a, Z as o, at as s, c, d as l, g as u, h as d, i as f, jt as p, kt as m, l as h, r as g, s as _, u as v, v as y } from "./vue.runtime.esm-bundler-DShF3P6k.js";
+import { c as b, s as x } from "./runtime-dom.esm-bundler-PnoZU512.js";
+import { R as S } from "./dist-tGkjkX-v.js";
+import { C, D as w, E as T, S as E } from "./useEditorCore-DhlKOYwe.js";
+import { t as D } from "./dist-DBirAJIs.js";
+import { T as O, W as k, Y as A, g as j, k as M, q as N, v as ee } from "./keys-DQA2i1k1.js";
+import { t as P } from "./useI18n-BbdxxpOE.js";
+import { n as F } from "./usePopoverPosition-CprM5p-c.js";
+import { t as I } from "./createLucideIcon-Cwf_nTzE.js";
+import { i as te, n as L, r as ne, t as R } from "./RichTextEditorContent-BnxbQUV9.js";
+import { o as re, s as ie } from "./MergeTagInput-BEjzj4Iu.js";
+import { t as ae } from "./link-3R8it3J7.js";
+import { t as oe } from "./list-Ccdgj46T.js";
+import { t as se } from "./loader-circle-B_tAD4k6.js";
+import { n as ce, r as le, t as ue } from "./text-align-start-DSux2UNn.js";
+import { t as z } from "./_plugin-vue_export-helper-B3ysoDQm.js";
+import { a as de, n as fe, o as pe, s as me } from "./styleConstants-C_YAPdQS.js";
+import { t as B } from "./ColorPicker-BqlZ_TqG.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"]
+}), he = 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"
+		}]
+	]
+}), 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: "20",
+		y2: "20",
+		key: "nun2al"
+	}]]
+}), H = [
+	"aria-label",
+	"title",
+	"aria-expanded"
+], 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: a, isOpen: d, toggle: f, close: h } = T(), { t: y, format: S } = P(), C = o(null), E = o(null), O = _(() => d.value);
+		w(C, O), D(E, () => {
+			d.value && h();
+		});
+		function k(e) {
+			r("insert", e), h();
+		}
+		return (t, n) => (e(), l("div", {
+			ref_key: "rootRef",
+			ref: E,
+			class: "tpl:relative"
+		}, [c("button", {
+			type: "button",
+			class: m(["tpl-text-toolbar-btn", { "tpl-text-toolbar-btn--active": s(d) }]),
+			"aria-label": s(y).paragraphEditor.insertEmoji,
+			title: s(y).paragraphEditor.insertEmoji,
+			"aria-expanded": s(d),
+			"aria-haspopup": "dialog",
+			"aria-controls": "tpl-emoji-picker",
+			onClick: n[0] ||= (...e) => s(f) && s(f)(...e)
+		}, [u(s(V), {
+			size: 16,
+			"stroke-width": 2
+		})], 10, H), s(d) ? (e(), l("div", {
+			key: 0,
+			id: "tpl-emoji-picker",
+			ref_key: "pickerRef",
+			ref: C,
+			role: "dialog",
+			"aria-modal": "false",
+			"aria-label": s(y).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-[var(--tpl-shadow-lg)]",
+			onKeydown: n[1] ||= x(b((...e) => s(h) && s(h)(...e), ["stop", "prevent"]), ["esc"])
+		}, [(e(!0), l(g, null, i(s(a), (t) => (e(), l("div", {
+			key: t.key,
+			class: "tpl:mb-2 tpl:last:mb-0"
+		}, [c("div", W, p(s(y).emoji[t.key]), 1), c("div", G, [(e(!0), l(g, null, i(t.emojis, (t) => (e(), l("button", {
+			key: t,
+			type: "button",
+			"aria-label": s(S)(s(y).paragraphEditor.emojiItemLabel, { emoji: t }),
+			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: (e) => k(t)
+		}, p(t), 9, K))), 128))])]))), 128))], 40, U)) : v("", !0)], 512));
+	}
+}), q = [
+	"aria-label",
+	"title",
+	"aria-pressed"
+], J = /* @__PURE__ */ y({
+	__name: "ToolbarIconButton",
+	props: {
+		icon: {},
+		label: {},
+		active: { type: Boolean },
+		strokeWidth: {},
+		size: {}
+	},
+	setup(t) {
+		return (r, i) => (e(), l("button", {
+			type: "button",
+			class: m(["tpl-text-toolbar-btn", { "tpl-text-toolbar-btn--active": t.active }]),
+			"aria-label": t.label,
+			title: t.label,
+			"aria-pressed": t.active ? "true" : "false"
+		}, [(e(), h(n(t.icon), {
+			size: t.size ?? 16,
+			"stroke-width": t.strokeWidth ?? 2
+		}, null, 8, ["size", "stroke-width"]))], 10, q));
+	}
+}), Y = {}, X = {
+	class: "tpl:mx-1 tpl:h-6 tpl:w-px tpl:bg-[var(--tpl-border)]",
+	"aria-hidden": "true"
+};
+function Z(t, n) {
+	return e(), l("span", X);
+}
+var Q = /*#__PURE__*/ z(Y, [["render", Z]]), Ce = [
+	"value",
+	"aria-label",
+	"title"
+], we = { value: "" }, Te = ["value"], $ = /* @__PURE__ */ y({
+	__name: "ToolbarSelect",
+	props: {
+		modelValue: {},
+		options: {},
+		label: {},
+		placeholder: {},
+		widthClass: {}
+	},
+	emits: ["update:modelValue"],
+	setup(t, { emit: n }) {
+		let r = n;
+		function a(e) {
+			r("update:modelValue", e.target.value);
+		}
+		function o(e) {
+			return typeof e == "string" ? e : e.value;
+		}
+		function s(e) {
+			return typeof e == "string" ? e : e.label;
+		}
+		return (n, r) => (e(), l("select", {
+			class: m(["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", t.widthClass ?? "tpl:w-20"]),
+			value: t.modelValue,
+			"aria-label": t.label,
+			title: t.label,
+			onChange: a
+		}, [c("option", we, p(t.placeholder ?? ""), 1), (e(!0), l(g, null, i(t.options, (t) => (e(), l("option", {
+			key: o(t),
+			value: o(t)
+		}, p(s(t)), 9, Te))), 128))], 42, Ce));
+	}
+});
+//#endregion
+//#region src/utils/richTextColor.ts
+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"], 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)]"
+}, Ne = /* @__PURE__ */ y({
+	__name: "ParagraphToolbar",
+	props: {
+		editor: {},
+		toolbarPosition: {},
+		isLoading: { type: Boolean },
+		canRequestMergeTag: { type: Boolean },
+		canInsertLogicTag: { type: Boolean }
+	},
+	emits: [
+		"open-link-dialog",
+		"add-merge-tag",
+		"add-logic-tag"
+	],
+	setup(n, { emit: r }) {
+		let i = n, o = r, m = a(k, null), y = a(N, null), b = A(ee, "ParagraphToolbar"), x = F(), S = a(M, null), C = a(O, null), w = a(j, null), T = _(() => (S?.isOpen.value ?? !1) || (C?.isOpen.value ?? !1)), { t: E } = P(), D = b.fonts;
+		function I(e) {
+			i.editor?.chain().focus().insertContent(e).run();
+		}
+		function L(e) {
+			return i.editor?.getAttributes("textStyle")[e] || "";
+		}
+		function R(e) {
+			let t = i.editor?.chain().focus();
+			e ? t?.setFontFamily(e).run() : t?.unsetFontFamily().run();
+		}
+		function z(e) {
+			let t = i.editor?.chain().focus();
+			e ? t?.setFontSize(e).run() : t?.unsetFontSize().run();
+		}
+		function V() {
+			return i.editor?.isActive("link") ?? !1;
+		}
+		function H() {
+			return i.editor?.getAttributes("link").color || "";
+		}
+		function U(e) {
+			let t = i.editor?.chain().focus();
+			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 W() {
+			let e = w?.content.value.settings;
+			return V() ? Ee(H(), e?.linkColor || e?.textColor) : Ee(L("color"), e?.textColor);
+		}
+		function G() {
+			return V() ? H() : L("color");
+		}
+		function K() {
+			return i.editor?.getAttributes("paragraph").lineHeight || "";
+		}
+		function q(e) {
+			let t = i.editor?.chain().focus();
+			e ? t?.setLineHeight(e).run() : t?.unsetLineHeight().run();
+		}
+		function Y(e) {
+			let t = i.editor?.chain().focus();
+			e && e !== "normal" ? t?.setLetterSpacing(e).run() : t?.unsetLetterSpacing().run();
+		}
+		function X() {
+			return i.editor?.getAttributes("highlight").color || "";
+		}
+		function Z(e) {
+			let t = i.editor?.chain().focus();
+			e ? t?.setHighlight({ color: e }).run() : t?.unsetHighlight().run();
+		}
+		return (r, i) => s(x) && !T.value ? (e(), h(f, {
+			key: 0,
+			to: s(x)
+		}, [c("div", {
+			"data-tpl-theme": s(y),
+			role: "toolbar",
+			"aria-label": s(E).paragraphEditor.toolbar,
+			class: "tpl tpl-text-toolbar tpl:absolute 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: t({
+				...s(m),
+				top: `${n.toolbarPosition.top}px`,
+				left: `${n.toolbarPosition.left}px`,
+				transform: "translateY(-100%)",
+				flexDirection: "column"
+			})
+		}, [!n.isLoading && n.editor ? (e(), l(g, { key: 0 }, [c("div", Oe, [
+			u($, {
+				"model-value": L("fontFamily"),
+				options: s(D),
+				label: s(E).paragraphEditor.fontFamily,
+				placeholder: s(E).paragraphEditor.defaultFont,
+				"width-class": "tpl:w-32",
+				"onUpdate:modelValue": R
+			}, null, 8, [
+				"model-value",
+				"options",
+				"label",
+				"placeholder"
+			]),
+			u($, {
+				"model-value": L("fontSize"),
+				options: s(de),
+				label: s(E).paragraphEditor.fontSize,
+				placeholder: s(E).paragraphEditor.defaultSize,
+				"width-class": "tpl:w-20",
+				"onUpdate:modelValue": z
+			}, null, 8, [
+				"model-value",
+				"options",
+				"label",
+				"placeholder"
+			]),
+			u(Q),
+			u(B, {
+				"swatch-only": "",
+				size: "sm",
+				"data-testid": "text-color-picker",
+				"model-value": G(),
+				"seed-color": W(),
+				"aria-label": s(E).paragraphEditor.textColor,
+				"onUpdate:modelValue": U
+			}, null, 8, [
+				"model-value",
+				"seed-color",
+				"aria-label"
+			]),
+			u(B, {
+				"swatch-only": "",
+				size: "sm",
+				"data-testid": "highlight-color-picker",
+				"model-value": X(),
+				"seed-color": s(fe),
+				"aria-label": s(E).paragraphEditor.highlightColor,
+				"onUpdate:modelValue": Z
+			}, null, 8, [
+				"model-value",
+				"seed-color",
+				"aria-label"
+			]),
+			u(Q),
+			u(J, {
+				icon: s(te),
+				label: s(E).paragraphEditor.bold,
+				active: n.editor.isActive("bold"),
+				"stroke-width": 2.5,
+				onClick: i[0] ||= (e) => n.editor.chain().focus().toggleBold().run()
+			}, null, 8, [
+				"icon",
+				"label",
+				"active"
+			]),
+			u(J, {
+				icon: s(ne),
+				label: s(E).paragraphEditor.italic,
+				active: n.editor.isActive("italic"),
+				onClick: i[1] ||= (e) => n.editor.chain().focus().toggleItalic().run()
+			}, null, 8, [
+				"icon",
+				"label",
+				"active"
+			]),
+			u(J, {
+				icon: s(xe),
+				label: s(E).paragraphEditor.underline,
+				active: n.editor.isActive("underline"),
+				onClick: i[2] ||= (e) => n.editor.chain().focus().toggleUnderline().run()
+			}, null, 8, [
+				"icon",
+				"label",
+				"active"
+			]),
+			u(J, {
+				icon: s(_e),
+				label: s(E).paragraphEditor.strikethrough,
+				active: n.editor.isActive("strike"),
+				onClick: i[3] ||= (e) => n.editor.chain().focus().toggleStrike().run()
+			}, null, 8, [
+				"icon",
+				"label",
+				"active"
+			]),
+			u(Q),
+			u(J, {
+				icon: s(ve),
+				label: s(E).paragraphEditor.subscript,
+				active: n.editor.isActive("subscript"),
+				onClick: i[4] ||= (e) => n.editor.chain().focus().toggleSubscript().run()
+			}, null, 8, [
+				"icon",
+				"label",
+				"active"
+			]),
+			u(J, {
+				icon: s(ye),
+				label: s(E).paragraphEditor.superscript,
+				active: n.editor.isActive("superscript"),
+				onClick: i[5] ||= (e) => n.editor.chain().focus().toggleSuperscript().run()
+			}, null, 8, [
+				"icon",
+				"label",
+				"active"
+			]),
+			u(Q),
+			u(J, {
+				icon: s(ae),
+				label: s(E).paragraphEditor.addLink,
+				active: n.editor.isActive("link"),
+				onClick: i[6] ||= (e) => o("open-link-dialog")
+			}, null, 8, [
+				"icon",
+				"label",
+				"active"
+			])
+		]), c("div", ke, [
+			u(J, {
+				icon: s(oe),
+				label: s(E).paragraphEditor.bulletList,
+				active: n.editor.isActive("bulletList"),
+				onClick: i[7] ||= (e) => n.editor.chain().focus().toggleBulletList().run()
+			}, null, 8, [
+				"icon",
+				"label",
+				"active"
+			]),
+			u(J, {
+				icon: s(he),
+				label: s(E).paragraphEditor.numberedList,
+				active: n.editor.isActive("orderedList"),
+				onClick: i[8] ||= (e) => n.editor.chain().focus().toggleOrderedList().run()
+			}, null, 8, [
+				"icon",
+				"label",
+				"active"
+			]),
+			u(Q),
+			u(J, {
+				icon: s(ue),
+				label: s(E).paragraphEditor.alignLeft,
+				active: n.editor.isActive({ textAlign: "left" }),
+				onClick: i[9] ||= (e) => n.editor.chain().focus().setTextAlign("left").run()
+			}, null, 8, [
+				"icon",
+				"label",
+				"active"
+			]),
+			u(J, {
+				icon: s(le),
+				label: s(E).paragraphEditor.alignCenter,
+				active: n.editor.isActive({ textAlign: "center" }),
+				onClick: i[10] ||= (e) => n.editor.chain().focus().setTextAlign("center").run()
+			}, null, 8, [
+				"icon",
+				"label",
+				"active"
+			]),
+			u(J, {
+				icon: s(ce),
+				label: s(E).paragraphEditor.alignRight,
+				active: n.editor.isActive({ textAlign: "right" }),
+				onClick: i[11] ||= (e) => n.editor.chain().focus().setTextAlign("right").run()
+			}, null, 8, [
+				"icon",
+				"label",
+				"active"
+			]),
+			u(J, {
+				icon: s(be),
+				label: s(E).paragraphEditor.alignJustify,
+				active: n.editor.isActive({ textAlign: "justify" }),
+				onClick: i[12] ||= (e) => n.editor.chain().focus().setTextAlign("justify").run()
+			}, null, 8, [
+				"icon",
+				"label",
+				"active"
+			]),
+			u(Q),
+			u($, {
+				"model-value": K(),
+				options: s(me),
+				label: s(E).paragraphEditor.lineHeight,
+				placeholder: "LH",
+				"width-class": "tpl:w-16",
+				"onUpdate:modelValue": q
+			}, null, 8, [
+				"model-value",
+				"options",
+				"label"
+			]),
+			u($, {
+				"model-value": L("letterSpacing"),
+				options: s(pe),
+				label: s(E).paragraphEditor.letterSpacing,
+				placeholder: "LS",
+				"width-class": "tpl:w-20",
+				"onUpdate:modelValue": Y
+			}, null, 8, [
+				"model-value",
+				"options",
+				"label"
+			]),
+			u(Q),
+			u(J, {
+				icon: s(ge),
+				label: s(E).paragraphEditor.clearFormatting,
+				onClick: i[13] ||= (e) => n.editor.chain().focus().clearNodes().unsetAllMarks().run()
+			}, null, 8, ["icon", "label"]),
+			u(Q),
+			u(Se, { onInsert: I }),
+			n.canRequestMergeTag ? (e(), l(g, { key: 0 }, [u(Q), c("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": s(E).mergeTag.insert,
+				title: s(E).mergeTag.insert,
+				onClick: i[14] ||= (e) => o("add-merge-tag")
+			}, [u(s(re), {
+				size: 16,
+				"stroke-width": 2
+			}), d(" " + p(s(E).mergeTag.insertShort), 1)], 8, Ae)], 64)) : v("", !0),
+			n.canInsertLogicTag ? (e(), l(g, { key: 1 }, [u(Q), c("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": s(E).logicTag.insert,
+				title: s(E).logicTag.insert,
+				"data-testid": "insert-logic-button",
+				onClick: i[15] ||= (e) => o("add-logic-tag")
+			}, [u(s(ie), {
+				size: 16,
+				"stroke-width": 2
+			}), d(" " + p(s(E).logicTag.insertShort), 1)], 8, je)], 64)) : v("", !0)
+		])], 64)) : (e(), l("div", Me, [u(s(se), {
+			class: "tpl-spinner",
+			size: 14,
+			"stroke-width": 2
+		}), d(" " + p(s(E).errors.editorLoading), 1)]))], 12, De)], 8, ["to"])) : v("", !0);
+	}
+}), Pe = { class: "tpl-text-editor-wrapper tpl:relative" }, Fe = /* @__PURE__ */ y({
+	__name: "ParagraphEditor",
+	props: {
+		block: {},
+		toolbarPosition: {}
+	},
+	emits: ["done"],
+	setup(t, { emit: n }) {
+		let i = t, o = n, c = F(), d = a(j, null), f = S(d?.content?.value?.settings ?? { locale: "en" }) === "rtl" ? "right" : "left", { editor: p, EditorContent: m, isLoading: h, initError: g, retry: _, showLinkDialog: v, linkUrl: y, linkColor: b, linkDialogRef: x, canRequestMergeTag: w, canInsertLogicTag: T, openLinkDialog: D, insertLink: O, removeLink: k, closeLinkDialog: A, handleLinkKeydown: M, handleAddMergeTag: N, handleAddLogicTag: ee } = E({
+			blockId: () => i.block.id,
+			blockContent: () => i.block.content,
+			onDone: () => o("done"),
+			editorName: "ParagraphEditor",
+			async loadExtensions({ mergeTags: e, syntax: t, triggerChar: n, autocompleteEnabled: r, suggestionEmptyText: i }) {
+				let [{ Editor: a, EditorContent: o }, { default: s }, { default: l }, { default: u }, { default: d }, { 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-BVqAYoRB.js").then((e) => e.r),
+					import("./dist-DkcA6epL.js"),
+					import("./dist-C1tsW_99.js"),
+					import("./dist-DC-3T0ED.js"),
+					import("./dist-ByT5fgKq.js"),
+					import("./dist-CtMXAH7a.js"),
+					import("./dist-CtF9STPS.js"),
+					import("./dist-D7WY8VPq.js"),
+					import("./dist-D08oVYhr.js"),
+					import("./dist-DzdeVn-W.js"),
+					import("./dist-f7HXo6j6.js"),
+					import("./extensions-CHOBZRab.js")
+				]);
+				return {
+					TiptapEditor: a,
+					EC: o,
+					extensions: [
+						s.configure({
+							heading: !1,
+							codeBlock: !1,
+							blockquote: !1,
+							horizontalRule: !1,
+							link: !1,
+							underline: !1
+						}),
+						u,
+						d,
+						p,
+						C(l).configure({
+							openOnClick: !1,
+							HTMLAttributes: {
+								target: "_blank",
+								rel: "noopener noreferrer"
+							}
+						}),
+						m.configure({
+							types: ["paragraph"],
+							defaultAlignment: f
+						}),
+						h,
+						g,
+						_,
+						v.configure({ multicolor: !0 }),
+						S,
+						w,
+						T,
+						y.configure({
+							mergeTags: e,
+							syntax: t
+						}),
+						x.configure({ syntax: t }),
+						E,
+						...r && n && e.length > 0 ? [b.configure({
+							mergeTags: e,
+							char: n,
+							emptyText: i,
+							popoverRoot: c
+						})] : []
+					]
+				};
+			}
+		});
+		return (n, i) => (e(), l("div", Pe, [
+			u(Ne, {
+				editor: s(p),
+				"toolbar-position": t.toolbarPosition,
+				"is-loading": s(h),
+				"can-request-merge-tag": s(w),
+				"can-insert-logic-tag": s(T),
+				onOpenLinkDialog: s(D),
+				onAddMergeTag: s(N),
+				onAddLogicTag: s(ee)
+			}, null, 8, [
+				"editor",
+				"toolbar-position",
+				"is-loading",
+				"can-request-merge-tag",
+				"can-insert-logic-tag",
+				"onOpenLinkDialog",
+				"onAddMergeTag",
+				"onAddLogicTag"
+			]),
+			u(R, {
+				editor: s(p),
+				"editor-content": s(m),
+				"is-loading": s(h),
+				"init-error": s(g),
+				onRetry: s(_)
+			}, null, 8, [
+				"editor",
+				"editor-content",
+				"is-loading",
+				"init-error",
+				"onRetry"
+			]),
+			u(L, {
+				visible: s(v),
+				"is-editing-link": s(p)?.isActive("link") ?? !1,
+				"dialog-ref": s(x),
+				"onUpdate:dialogRef": i[0] ||= (e) => r(x) ? x.value = e : null,
+				"link-url": s(y),
+				"onUpdate:linkUrl": i[1] ||= (e) => r(y) ? y.value = e : null,
+				"link-color": s(b),
+				"onUpdate:linkColor": i[2] ||= (e) => r(b) ? b.value = e : null,
+				onClose: s(A),
+				onInsert: s(O),
+				onRemove: s(k),
+				onKeydown: s(M)
+			}, null, 8, [
+				"visible",
+				"is-editing-link",
+				"dialog-ref",
+				"link-url",
+				"link-color",
+				"onClose",
+				"onInsert",
+				"onRemove",
+				"onKeydown"
+			])
+		]));
+	}
+});
+//#endregion
+export { Fe as default };