@templatical/editor 0.0.1 → 0.0.2

package/dist/ParagraphEditor-BSyk5B6S.js

@@ -0,0 +1,670 @@
+import { C as e, b as t } from "./useEditorCore-DVp5qmtC.js";
+import { C as n, p as r, x as i } from "./keys-8B5MFafK.js";
+import { t as a } from "./useI18n-DzH4KXDk.js";
+import { n as o } from "./_plugin-vue_export-helper-B1-bu7yR.js";
+import { a as s, i as c, n as l, r as u, t as d } from "./RichTextEditorContent-BRpjJ6SV.js";
+import { t as f } from "./loader-circle-BTQQxC3l.js";
+import { t as p } from "./scan-line-7lZPfOdm.js";
+import { f as m, m as h, p as g } from "./styleConstants-CgtFM9hQ.js";
+import { Fragment as _, Teleport as v, createBlock as y, createCommentVNode as b, createElementBlock as x, createElementVNode as S, createTextVNode as C, createVNode as w, defineComponent as T, inject as E, isRef as D, normalizeClass as O, normalizeStyle as k, openBlock as A, renderList as j, toDisplayString as M, unref as N } from "vue";
+var ee = o("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"
+	}]
+]), te = o("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"
+	}]
+]), ne = o("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"
+	}]
+]), re = o("smile", [
+	["circle", {
+		cx: "12",
+		cy: "12",
+		r: "10",
+		key: "1mglay"
+	}],
+	["path", {
+		d: "M8 14s1.5 2 4 2 4-2 4-2",
+		key: "1y1vjs"
+	}],
+	["line", {
+		x1: "9",
+		x2: "9.01",
+		y1: "9",
+		y2: "9",
+		key: "yxxnd0"
+	}],
+	["line", {
+		x1: "15",
+		x2: "15.01",
+		y1: "9",
+		y2: "9",
+		key: "1p4y9e"
+	}]
+]), ie = o("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", {
+		x1: "4",
+		x2: "20",
+		y1: "12",
+		y2: "12",
+		key: "1e0a9i"
+	}]
+]), ae = o("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"
+	}]
+]), oe = o("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 = o("underline", [["path", {
+	d: "M6 4v6a6 6 0 0 0 12 0V4",
+	key: "9kb039"
+}], ["line", {
+	x1: "4",
+	x2: "20",
+	y1: "20",
+	y2: "20",
+	key: "nun2al"
+}]]), P = ["data-tpl-theme", "aria-label"], F = { class: "tpl:flex tpl:items-center tpl:gap-1" }, I = [
+	"value",
+	"aria-label",
+	"title"
+], L = { value: "" }, R = ["value"], z = [
+	"value",
+	"aria-label",
+	"title"
+], B = { value: "" }, V = ["value"], H = { class: "tpl:relative" }, U = [
+	"value",
+	"aria-label",
+	"title"
+], W = { class: "tpl:relative" }, G = [
+	"value",
+	"aria-label",
+	"title"
+], K = ["aria-label", "title"], ce = ["aria-label", "title"], le = ["aria-label", "title"], ue = ["aria-label", "title"], de = ["aria-label", "title"], fe = ["aria-label", "title"], pe = ["aria-label", "title"], me = { class: "tpl:flex tpl:items-center tpl:gap-1" }, he = ["aria-label", "title"], ge = ["aria-label", "title"], _e = ["aria-label", "title"], ve = ["aria-label", "title"], ye = ["aria-label", "title"], be = ["value", "title"], xe = ["value"], Se = ["value", "title"], Ce = ["value"], we = ["aria-label", "title"], Te = { class: "tpl:relative" }, Ee = ["aria-label", "title"], De = {
+	key: 0,
+	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"
+}, Oe = { class: "tpl:mb-1.5 tpl:text-[10px] tpl:font-medium tpl:tracking-wide tpl:text-[var(--tpl-text-muted)] tpl:uppercase" }, ke = { class: "tpl:grid tpl:grid-cols-10 tpl:gap-0.5" }, Ae = ["onClick"], je = {
+	key: 0,
+	class: "tpl:mx-1.5 tpl:h-6 tpl:w-px tpl:bg-[var(--tpl-border)]"
+}, Me = ["aria-label", "title"], Ne = {
+	key: 1,
+	class: "tpl:flex tpl:items-center tpl:gap-2 tpl:px-2 tpl:text-xs tpl:text-[var(--tpl-text-dim)]"
+}, q = /* @__PURE__ */ T({
+	__name: "ParagraphToolbar",
+	props: {
+		editor: {},
+		toolbarPosition: {},
+		isLoading: { type: Boolean },
+		mergeTagEnabled: { type: Boolean }
+	},
+	emits: ["open-link-dialog", "add-merge-tag"],
+	setup(t, { emit: o }) {
+		let l = t, d = o, T = E(i), D = E(n), q = E(r), { categories: J, isOpen: Y, toggle: X, close: Pe } = e(), { t: Z } = a();
+		function Fe(e) {
+			l.editor?.chain().focus().insertContent(e).run(), Pe();
+		}
+		let Ie = q.fonts, Le = [
+			"10px",
+			"12px",
+			"14px",
+			"16px",
+			"18px",
+			"20px",
+			"24px",
+			"28px",
+			"32px",
+			"36px",
+			"48px",
+			"64px"
+		], Re = [
+			"1",
+			"1.2",
+			"1.4",
+			"1.5",
+			"1.6",
+			"1.8",
+			"2",
+			"2.5"
+		], ze = [
+			{
+				label: "Normal",
+				value: "normal"
+			},
+			{
+				label: "-0.5px",
+				value: "-0.5px"
+			},
+			{
+				label: "0.5px",
+				value: "0.5px"
+			},
+			{
+				label: "1px",
+				value: "1px"
+			},
+			{
+				label: "1.5px",
+				value: "1.5px"
+			},
+			{
+				label: "2px",
+				value: "2px"
+			},
+			{
+				label: "3px",
+				value: "3px"
+			}
+		];
+		function Be() {
+			return l.editor?.getAttributes("textStyle").fontFamily || "";
+		}
+		function Ve() {
+			return l.editor?.getAttributes("textStyle").fontSize || "";
+		}
+		function He() {
+			return l.editor?.getAttributes("textStyle").color || "";
+		}
+		function Q(e) {
+			e ? l.editor?.chain().focus().setFontFamily(e).run() : l.editor?.chain().focus().unsetFontFamily().run();
+		}
+		function Ue(e) {
+			e ? l.editor?.chain().focus().setFontSize(e).run() : l.editor?.chain().focus().unsetFontSize().run();
+		}
+		function We(e) {
+			e ? l.editor?.chain().focus().setColor(e).run() : l.editor?.chain().focus().unsetColor().run();
+		}
+		function Ge() {
+			return l.editor?.getAttributes("paragraph").lineHeight || "";
+		}
+		function Ke(e) {
+			e ? l.editor?.chain().focus().setLineHeight(e).run() : l.editor?.chain().focus().unsetLineHeight().run();
+		}
+		function qe() {
+			return l.editor?.getAttributes("textStyle").letterSpacing || "";
+		}
+		function Je(e) {
+			e && e !== "normal" ? l.editor?.chain().focus().setLetterSpacing(e).run() : l.editor?.chain().focus().unsetLetterSpacing().run();
+		}
+		function $() {
+			return l.editor?.getAttributes("highlight").color || "";
+		}
+		function Ye(e) {
+			e ? l.editor?.chain().focus().setHighlight({ color: e }).run() : l.editor?.chain().focus().unsetHighlight().run();
+		}
+		return (e, n) => (A(), y(v, { to: "body" }, [S("div", {
+			"data-tpl-theme": N(D),
+			role: "toolbar",
+			"aria-label": N(Z).paragraphEditor.toolbar,
+			class: "tpl tpl-text-toolbar tpl:fixed tpl:z-popover tpl:flex tpl:gap-1 tpl:rounded-lg tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:px-3 tpl:py-2 tpl:shadow-lg",
+			style: k({
+				...N(T),
+				top: `${t.toolbarPosition.top}px`,
+				left: `${t.toolbarPosition.left}px`,
+				transform: "translateY(-100%)",
+				flexDirection: "column"
+			})
+		}, [!t.isLoading && t.editor ? (A(), x(_, { key: 0 }, [S("div", F, [
+			S("select", {
+				class: "tpl:h-8 tpl:w-32 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",
+				value: Be(),
+				"aria-label": N(Z).paragraphEditor.fontFamily,
+				title: N(Z).paragraphEditor.fontFamily,
+				onChange: n[0] ||= (e) => Q(e.target.value)
+			}, [S("option", L, M(N(Z).paragraphEditor.defaultFont), 1), (A(!0), x(_, null, j(N(Ie), (e) => (A(), x("option", {
+				key: e.value,
+				value: e.value
+			}, M(e.label), 9, R))), 128))], 40, I),
+			S("select", {
+				class: "tpl:h-8 tpl:w-20 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",
+				value: Ve(),
+				"aria-label": N(Z).paragraphEditor.fontSize,
+				title: N(Z).paragraphEditor.fontSize,
+				onChange: n[1] ||= (e) => Ue(e.target.value)
+			}, [S("option", B, M(N(Z).paragraphEditor.defaultSize), 1), (A(), x(_, null, j(Le, (e) => S("option", {
+				key: e,
+				value: e
+			}, M(e), 9, V)), 64))], 40, z),
+			n[21] ||= S("span", {
+				class: "tpl:mx-1 tpl:h-6 tpl:w-px tpl:bg-[var(--tpl-border)]",
+				"aria-hidden": "true"
+			}, null, -1),
+			S("div", H, [S("input", {
+				type: "color",
+				class: "tpl:size-8 tpl:cursor-pointer tpl:rounded tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:p-1",
+				value: He() || N("#000000"),
+				"aria-label": N(Z).paragraphEditor.textColor,
+				title: N(Z).paragraphEditor.textColor,
+				onInput: n[2] ||= (e) => We(e.target.value)
+			}, null, 40, U)]),
+			S("div", W, [S("input", {
+				type: "color",
+				class: "tpl:size-8 tpl:cursor-pointer tpl:rounded tpl:border tpl:border-[var(--tpl-border)] tpl:p-1",
+				style: k({ backgroundColor: $() || "var(--tpl-bg)" }),
+				value: $() || N("#ffff00"),
+				"aria-label": N(Z).paragraphEditor.highlightColor,
+				title: N(Z).paragraphEditor.highlightColor,
+				onInput: n[3] ||= (e) => Ye(e.target.value)
+			}, null, 44, G)]),
+			n[22] ||= S("span", {
+				class: "tpl:mx-1 tpl:h-6 tpl:w-px tpl:bg-[var(--tpl-border)]",
+				"aria-hidden": "true"
+			}, null, -1),
+			S("button", {
+				type: "button",
+				class: O(["tpl-text-toolbar-btn", { "tpl-text-toolbar-btn--active": t.editor?.isActive("bold") }]),
+				"aria-label": N(Z).paragraphEditor.bold,
+				title: N(Z).paragraphEditor.bold,
+				onClick: n[4] ||= (e) => t.editor?.chain().focus().toggleBold().run()
+			}, [w(N(s), {
+				size: 16,
+				"stroke-width": 2.5
+			})], 10, K),
+			S("button", {
+				type: "button",
+				class: O(["tpl-text-toolbar-btn", { "tpl-text-toolbar-btn--active": t.editor?.isActive("italic") }]),
+				"aria-label": N(Z).paragraphEditor.italic,
+				title: N(Z).paragraphEditor.italic,
+				onClick: n[5] ||= (e) => t.editor?.chain().focus().toggleItalic().run()
+			}, [w(N(c), {
+				size: 16,
+				"stroke-width": 2
+			})], 10, ce),
+			S("button", {
+				type: "button",
+				class: O(["tpl-text-toolbar-btn", { "tpl-text-toolbar-btn--active": t.editor?.isActive("underline") }]),
+				"aria-label": N(Z).paragraphEditor.underline,
+				title: N(Z).paragraphEditor.underline,
+				onClick: n[6] ||= (e) => t.editor?.chain().focus().toggleUnderline().run()
+			}, [w(N(se), {
+				size: 16,
+				"stroke-width": 2
+			})], 10, le),
+			S("button", {
+				type: "button",
+				class: O(["tpl-text-toolbar-btn", { "tpl-text-toolbar-btn--active": t.editor?.isActive("strike") }]),
+				"aria-label": N(Z).paragraphEditor.strikethrough,
+				title: N(Z).paragraphEditor.strikethrough,
+				onClick: n[7] ||= (e) => t.editor?.chain().focus().toggleStrike().run()
+			}, [w(N(ie), {
+				size: 16,
+				"stroke-width": 2
+			})], 10, ue),
+			n[23] ||= S("span", {
+				class: "tpl:mx-1 tpl:h-6 tpl:w-px tpl:bg-[var(--tpl-border)]",
+				"aria-hidden": "true"
+			}, null, -1),
+			S("button", {
+				type: "button",
+				class: O(["tpl-text-toolbar-btn", { "tpl-text-toolbar-btn--active": t.editor?.isActive("subscript") }]),
+				"aria-label": N(Z).paragraphEditor.subscript,
+				title: N(Z).paragraphEditor.subscript,
+				onClick: n[8] ||= (e) => t.editor?.chain().focus().toggleSubscript().run()
+			}, [w(N(ae), {
+				size: 16,
+				"stroke-width": 2
+			})], 10, de),
+			S("button", {
+				type: "button",
+				class: O(["tpl-text-toolbar-btn", { "tpl-text-toolbar-btn--active": t.editor?.isActive("superscript") }]),
+				"aria-label": N(Z).paragraphEditor.superscript,
+				title: N(Z).paragraphEditor.superscript,
+				onClick: n[9] ||= (e) => t.editor?.chain().focus().toggleSuperscript().run()
+			}, [w(N(oe), {
+				size: 16,
+				"stroke-width": 2
+			})], 10, fe),
+			n[24] ||= S("span", {
+				class: "tpl:mx-1 tpl:h-6 tpl:w-px tpl:bg-[var(--tpl-border)]",
+				"aria-hidden": "true"
+			}, null, -1),
+			S("button", {
+				type: "button",
+				class: O(["tpl-text-toolbar-btn", { "tpl-text-toolbar-btn--active": t.editor?.isActive("link") }]),
+				"aria-label": N(Z).paragraphEditor.addLink,
+				title: N(Z).paragraphEditor.addLink,
+				onClick: n[10] ||= (e) => d("open-link-dialog")
+			}, [w(N(u), {
+				size: 16,
+				"stroke-width": 2
+			})], 10, pe)
+		]), S("div", me, [
+			S("button", {
+				type: "button",
+				class: O(["tpl-text-toolbar-btn", { "tpl-text-toolbar-btn--active": t.editor?.isActive("bulletList") }]),
+				"aria-label": N(Z).paragraphEditor.bulletList,
+				title: N(Z).paragraphEditor.bulletList,
+				onClick: n[11] ||= (e) => t.editor?.chain().focus().toggleBulletList().run()
+			}, [w(N(te), {
+				size: 16,
+				"stroke-width": 2
+			})], 10, he),
+			S("button", {
+				type: "button",
+				class: O(["tpl-text-toolbar-btn", { "tpl-text-toolbar-btn--active": t.editor?.isActive("orderedList") }]),
+				"aria-label": N(Z).paragraphEditor.numberedList,
+				title: N(Z).paragraphEditor.numberedList,
+				onClick: n[12] ||= (e) => t.editor?.chain().focus().toggleOrderedList().run()
+			}, [w(N(ee), {
+				size: 16,
+				"stroke-width": 2
+			})], 10, ge),
+			n[27] ||= S("span", {
+				class: "tpl:mx-1.5 tpl:h-6 tpl:w-px tpl:bg-[var(--tpl-border)]",
+				"aria-hidden": "true"
+			}, null, -1),
+			S("button", {
+				type: "button",
+				class: O(["tpl-text-toolbar-btn", { "tpl-text-toolbar-btn--active": t.editor?.isActive({ textAlign: "left" }) }]),
+				"aria-label": N(Z).paragraphEditor.alignLeft,
+				title: N(Z).paragraphEditor.alignLeft,
+				onClick: n[13] ||= (e) => t.editor?.chain().focus().setTextAlign("left").run()
+			}, [w(N(m), {
+				size: 16,
+				"stroke-width": 2
+			})], 10, _e),
+			S("button", {
+				type: "button",
+				class: O(["tpl-text-toolbar-btn", { "tpl-text-toolbar-btn--active": t.editor?.isActive({ textAlign: "center" }) }]),
+				"aria-label": N(Z).paragraphEditor.alignCenter,
+				title: N(Z).paragraphEditor.alignCenter,
+				onClick: n[14] ||= (e) => t.editor?.chain().focus().setTextAlign("center").run()
+			}, [w(N(h), {
+				size: 16,
+				"stroke-width": 2
+			})], 10, ve),
+			S("button", {
+				type: "button",
+				class: O(["tpl-text-toolbar-btn", { "tpl-text-toolbar-btn--active": t.editor?.isActive({ textAlign: "right" }) }]),
+				"aria-label": N(Z).paragraphEditor.alignRight,
+				title: N(Z).paragraphEditor.alignRight,
+				onClick: n[15] ||= (e) => t.editor?.chain().focus().setTextAlign("right").run()
+			}, [w(N(g), {
+				size: 16,
+				"stroke-width": 2
+			})], 10, ye),
+			n[28] ||= S("span", {
+				class: "tpl:mx-1.5 tpl:h-6 tpl:w-px tpl:bg-[var(--tpl-border)]",
+				"aria-hidden": "true"
+			}, null, -1),
+			S("select", {
+				class: "tpl:h-8 tpl:w-16 tpl:cursor-pointer tpl:rounded tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:px-1 tpl:text-xs tpl:text-[var(--tpl-text)] tpl:outline-none",
+				value: Ge(),
+				title: N(Z).paragraphEditor.lineHeight,
+				onChange: n[16] ||= (e) => Ke(e.target.value)
+			}, [n[25] ||= S("option", { value: "" }, "LH", -1), (A(), x(_, null, j(Re, (e) => S("option", {
+				key: e,
+				value: e
+			}, M(e), 9, xe)), 64))], 40, be),
+			S("select", {
+				class: "tpl:h-8 tpl:w-20 tpl:cursor-pointer tpl:rounded tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:px-1 tpl:text-xs tpl:text-[var(--tpl-text)] tpl:outline-none",
+				value: qe(),
+				title: N(Z).paragraphEditor.letterSpacing,
+				onChange: n[17] ||= (e) => Je(e.target.value)
+			}, [n[26] ||= S("option", { value: "" }, "LS", -1), (A(), x(_, null, j(ze, (e) => S("option", {
+				key: e.value,
+				value: e.value
+			}, M(e.label), 9, Ce)), 64))], 40, Se),
+			n[29] ||= S("span", {
+				class: "tpl:mx-1.5 tpl:h-6 tpl:w-px tpl:bg-[var(--tpl-border)]",
+				"aria-hidden": "true"
+			}, null, -1),
+			S("button", {
+				type: "button",
+				class: "tpl-text-toolbar-btn",
+				"aria-label": N(Z).paragraphEditor.clearFormatting,
+				title: N(Z).paragraphEditor.clearFormatting,
+				onClick: n[18] ||= (e) => t.editor?.chain().focus().clearNodes().unsetAllMarks().run()
+			}, [w(N(ne), {
+				size: 16,
+				"stroke-width": 2
+			})], 8, we),
+			n[30] ||= S("span", {
+				class: "tpl:mx-1.5 tpl:h-6 tpl:w-px tpl:bg-[var(--tpl-border)]",
+				"aria-hidden": "true"
+			}, null, -1),
+			S("div", Te, [S("button", {
+				type: "button",
+				class: O(["tpl-text-toolbar-btn", { "tpl-text-toolbar-btn--active": N(Y) }]),
+				"aria-label": N(Z).paragraphEditor.insertEmoji,
+				title: N(Z).paragraphEditor.insertEmoji,
+				onClick: n[19] ||= (...e) => N(X) && N(X)(...e)
+			}, [w(N(re), {
+				size: 16,
+				"stroke-width": 2
+			})], 10, Ee), N(Y) ? (A(), x("div", De, [(A(!0), x(_, null, j(N(J), (e) => (A(), x("div", {
+				key: e.key,
+				class: "tpl:mb-2 tpl:last:mb-0"
+			}, [S("div", Oe, M(N(Z).emoji[e.key]), 1), S("div", ke, [(A(!0), x(_, null, j(e.emojis, (e) => (A(), x("button", {
+				key: e,
+				type: "button",
+				class: "tpl:flex tpl:size-6 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded tpl:border-none tpl:bg-transparent tpl:text-base tpl:transition-all tpl:duration-100 tpl:hover:scale-125 tpl:hover:bg-[var(--tpl-bg-active)]",
+				onClick: (t) => Fe(e)
+			}, M(e), 9, Ae))), 128))])]))), 128))])) : b("", !0)]),
+			t.mergeTagEnabled ? (A(), x("span", je)) : b("", !0),
+			t.mergeTagEnabled ? (A(), x("button", {
+				key: 1,
+				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": N(Z).mergeTag.add,
+				title: N(Z).mergeTag.add,
+				onClick: n[20] ||= (e) => d("add-merge-tag")
+			}, [w(N(p), {
+				size: 16,
+				"stroke-width": 2
+			}), C(" " + M(N(Z).mergeTag.add), 1)], 8, Me)) : b("", !0)
+		])], 64)) : (A(), x("div", Ne, [w(N(f), {
+			class: "tpl-spinner",
+			size: 14,
+			"stroke-width": 2
+		}), C(" " + M(N(Z).errors.editorLoading), 1)]))], 12, P)]));
+	}
+}), J = { class: "tpl-text-editor-wrapper tpl:relative" }, Y = /* @__PURE__ */ T({
+	__name: "ParagraphEditor",
+	props: {
+		block: {},
+		toolbarPosition: {}
+	},
+	emits: ["done"],
+	setup(e, { emit: n }) {
+		let r = e, i = n, { editor: a, EditorContent: o, isLoading: s, initError: c, retry: u, showLinkDialog: f, linkUrl: p, linkDialogRef: m, mergeTagEnabled: h, openLinkDialog: g, insertLink: _, removeLink: v, closeLinkDialog: y, handleLinkKeydown: b, handleAddMergeTag: S } = t({
+			blockId: () => r.block.id,
+			blockContent: () => r.block.content,
+			onDone: () => i("done"),
+			editorName: "ParagraphEditor",
+			async loadExtensions({ mergeTags: e, syntax: t }) {
+				let [{ Editor: n, EditorContent: r }, { default: i }, { default: a }, { default: o }, { default: s }, { default: c }, { default: l }, { TextStyle: u }, { default: d }, { default: f }, { default: p }, { MergeTagNode: m, LogicMergeTagNode: h, FontSize: g, LineHeight: _, LetterSpacing: v }] = await Promise.all([
+					import("./dist-DNjZKe2Z.js").then((e) => e.r),
+					import("./dist-DysAFIPy.js"),
+					import("./dist-Bu7veieH.js"),
+					import("./dist-C1BIRHCQ.js"),
+					import("./dist-ChAGLpWo.js"),
+					import("./dist-4LiM9FDd.js"),
+					import("./dist-DrvKRSU6.js"),
+					import("./dist-D_HQYSY-.js"),
+					import("./dist-Dxnd0GRf.js"),
+					import("./dist-DkypH7qG.js"),
+					import("./dist-DmOE-Ubp.js"),
+					import("./extensions-BA4NshZQ.js")
+				]);
+				return {
+					TiptapEditor: n,
+					EC: r,
+					extensions: [
+						i.configure({
+							heading: !1,
+							codeBlock: !1,
+							blockquote: !1,
+							horizontalRule: !1
+						}),
+						o,
+						s,
+						c,
+						a.configure({
+							openOnClick: !1,
+							HTMLAttributes: {
+								target: "_blank",
+								rel: "noopener noreferrer"
+							}
+						}),
+						l.configure({ types: ["paragraph"] }),
+						u,
+						d,
+						f,
+						p.configure({ multicolor: !0 }),
+						g,
+						_,
+						v,
+						m.configure({
+							mergeTags: e,
+							syntax: t
+						}),
+						h.configure({ syntax: t })
+					]
+				};
+			}
+		});
+		return (t, n) => (A(), x("div", J, [
+			w(q, {
+				editor: N(a),
+				"toolbar-position": e.toolbarPosition,
+				"is-loading": N(s),
+				"merge-tag-enabled": N(h),
+				onOpenLinkDialog: N(g),
+				onAddMergeTag: N(S)
+			}, null, 8, [
+				"editor",
+				"toolbar-position",
+				"is-loading",
+				"merge-tag-enabled",
+				"onOpenLinkDialog",
+				"onAddMergeTag"
+			]),
+			w(d, {
+				editor: N(a),
+				"editor-content": N(o),
+				"is-loading": N(s),
+				"init-error": N(c),
+				onRetry: N(u)
+			}, null, 8, [
+				"editor",
+				"editor-content",
+				"is-loading",
+				"init-error",
+				"onRetry"
+			]),
+			w(l, {
+				visible: N(f),
+				"is-editing-link": N(a)?.isActive("link") ?? !1,
+				"dialog-ref": N(m),
+				"onUpdate:dialogRef": n[0] ||= (e) => D(m) ? m.value = e : null,
+				"link-url": N(p),
+				"onUpdate:linkUrl": n[1] ||= (e) => D(p) ? p.value = e : null,
+				onClose: N(y),
+				onInsert: N(_),
+				onRemove: N(v),
+				onKeydown: N(b)
+			}, null, 8, [
+				"visible",
+				"is-editing-link",
+				"dialog-ref",
+				"link-url",
+				"onClose",
+				"onInsert",
+				"onRemove",
+				"onKeydown"
+			])
+		]));
+	}
+});
+//#endregion
+export { Y as default };