@aswin.dev/editor 0.6.3 → 0.7.0

package/dist/ParagraphEditor-D75wl3BX.js

@@ -0,0 +1,695 @@
+import { Dt as e, E as t, L as n, M as r, Mt as i, Ot as a, P as o, Q as s, S as c, _ as l, b as u, d, f, g as p, h as m, it as h, l as g, m as _, p as v, q as y, u as b, y as x } from "./vue.runtime.esm-bundler-DpvJL-nX.js";
+import { C as S, b as C, w } from "./useEditorCore-C6ost42Q.js";
+import { t as T } from "./dist-B1IR0bpH.js";
+import { D as E, O as D, T as O, h as k } from "./keys-ciNfSSGj.js";
+import { t as A } from "./useI18n-lb2DHDiu.js";
+import { t as j } from "./createLucideIcon-C3pa2siy.js";
+import { a as ee, i as M, n as N, r as P, t as F } from "./RichTextEditorContent-DYkIauIk.js";
+import { t as te } from "./loader-circle-DsY5Yg33.js";
+import { t as ne } from "./scan-line-D0vcUekt.js";
+import { n as re, r as ie, t as I } from "./text-align-start-BT9VUDxK.js";
+import { t as L } from "./_plugin-vue_export-helper-B0hnzhyu.js";
+import { a as R, o as z, s as B } from "./styleConstants-fWzlIIwN.js";
+var V = j("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"
+	}]
+]), H = j("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"
+	}]
+]), U = j("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"
+	}]
+]), W = j("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"
+	}]
+]), G = j("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"
+	}]
+]), K = j("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"
+	}]
+]), q = j("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"
+	}]
+]), J = j("underline", [["path", {
+	d: "M6 4v6a6 6 0 0 0 12 0V4",
+	key: "9kb039"
+}], ["line", {
+	x1: "4",
+	x2: "20",
+	y1: "20",
+	y2: "20",
+	key: "nun2al"
+}]]), Y = [
+	"aria-label",
+	"title",
+	"aria-expanded"
+], ae = ["aria-label"], oe = { class: "tpl:mb-1.5 tpl:text-[10px] tpl:font-medium tpl:tracking-wide tpl:text-[var(--tpl-text-muted)] tpl:uppercase" }, se = { class: "tpl:grid tpl:grid-cols-10 tpl:gap-0.5" }, ce = ["aria-label", "onClick"], le = /* @__PURE__ */ c({
+	__name: "EmojiPickerDropdown",
+	emits: ["insert"],
+	setup(t, { emit: n }) {
+		let a = n, { categories: c, isOpen: f, toggle: m, close: y } = S(), { t: x, format: C } = A(), E = s(null), D = s(null);
+		w(E, v(() => f.value)), T(D, () => {
+			f.value && y();
+		});
+		function O(e) {
+			a("insert", e), y();
+		}
+		return (t, n) => (r(), l("div", {
+			ref_key: "rootRef",
+			ref: D,
+			class: "tpl:relative"
+		}, [_("button", {
+			type: "button",
+			class: e(["tpl-text-toolbar-btn", { "tpl-text-toolbar-btn--active": h(f) }]),
+			"aria-label": h(x).paragraphEditor.insertEmoji,
+			title: h(x).paragraphEditor.insertEmoji,
+			"aria-expanded": h(f),
+			"aria-haspopup": "dialog",
+			"aria-controls": "tpl-emoji-picker",
+			onClick: n[0] ||= (...e) => h(m) && h(m)(...e)
+		}, [u(h(W), {
+			size: 16,
+			"stroke-width": 2
+		})], 10, Y), h(f) ? (r(), l("div", {
+			key: 0,
+			id: "tpl-emoji-picker",
+			ref_key: "pickerRef",
+			ref: E,
+			role: "dialog",
+			"aria-modal": "false",
+			"aria-label": h(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: n[1] ||= g(b((...e) => h(y) && h(y)(...e), ["stop", "prevent"]), ["esc"])
+		}, [(r(!0), l(d, null, o(h(c), (e) => (r(), l("div", {
+			key: e.key,
+			class: "tpl:mb-2 tpl:last:mb-0"
+		}, [_("div", oe, i(h(x).emoji[e.key]), 1), _("div", se, [(r(!0), l(d, null, o(e.emojis, (e) => (r(), l("button", {
+			key: e,
+			type: "button",
+			"aria-label": h(C)(h(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:duration-100 tpl:hover:scale-125 tpl:hover:bg-[var(--tpl-bg-active)]",
+			onClick: (t) => O(e)
+		}, i(e), 9, ce))), 128))])]))), 128))], 40, ae)) : p("", !0)], 512));
+	}
+}), ue = [
+	"aria-label",
+	"title",
+	"aria-pressed"
+], X = /* @__PURE__ */ c({
+	__name: "ToolbarIconButton",
+	props: {
+		icon: {},
+		label: {},
+		active: { type: Boolean },
+		strokeWidth: {},
+		size: {}
+	},
+	setup(t) {
+		return (i, a) => (r(), l("button", {
+			type: "button",
+			class: e(["tpl-text-toolbar-btn", { "tpl-text-toolbar-btn--active": t.active }]),
+			"aria-label": t.label,
+			title: t.label,
+			"aria-pressed": t.active ? "true" : "false"
+		}, [(r(), m(n(t.icon), {
+			size: t.size ?? 16,
+			"stroke-width": t.strokeWidth ?? 2
+		}, null, 8, ["size", "stroke-width"]))], 10, ue));
+	}
+}), de = {}, fe = {
+	class: "tpl:mx-1 tpl:h-6 tpl:w-px tpl:bg-[var(--tpl-border)]",
+	"aria-hidden": "true"
+};
+function pe(e, t) {
+	return r(), l("span", fe);
+}
+var Z = /* @__PURE__ */ L(de, [["render", pe]]), me = [
+	"value",
+	"aria-label",
+	"title"
+], he = { value: "" }, ge = ["value"], Q = /* @__PURE__ */ c({
+	__name: "ToolbarSelect",
+	props: {
+		modelValue: {},
+		options: {},
+		label: {},
+		placeholder: {},
+		widthClass: {}
+	},
+	emits: ["update:modelValue"],
+	setup(t, { emit: n }) {
+		let a = n;
+		function s(e) {
+			a("update:modelValue", e.target.value);
+		}
+		function c(e) {
+			return typeof e == "string" ? e : e.value;
+		}
+		function u(e) {
+			return typeof e == "string" ? e : e.label;
+		}
+		return (n, a) => (r(), l("select", {
+			class: e(["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: s
+		}, [_("option", he, i(t.placeholder ?? ""), 1), (r(!0), l(d, null, o(t.options, (e) => (r(), l("option", {
+			key: c(e),
+			value: c(e)
+		}, i(u(e)), 9, ge))), 128))], 42, me));
+	}
+}), _e = ["data-tpl-theme", "aria-label"], ve = { class: "tpl:flex tpl:items-center tpl:gap-1" }, ye = { class: "tpl:relative" }, be = [
+	"value",
+	"aria-label",
+	"title"
+], $ = { class: "tpl:relative" }, xe = [
+	"value",
+	"aria-label",
+	"title"
+], Se = { class: "tpl:flex tpl:items-center tpl:gap-1" }, Ce = ["aria-label", "title"], we = {
+	key: 1,
+	class: "tpl:flex tpl:items-center tpl:gap-2 tpl:px-2 tpl:text-xs tpl:text-[var(--tpl-text-dim)]"
+}, Te = /* @__PURE__ */ c({
+	__name: "ParagraphToolbar",
+	props: {
+		editor: {},
+		toolbarPosition: {},
+		isLoading: { type: Boolean },
+		canRequestMergeTag: { type: Boolean }
+	},
+	emits: ["open-link-dialog", "add-merge-tag"],
+	setup(e, { emit: n }) {
+		let o = e, s = n, c = t(O, null), g = t(E, null), v = D(k, "ParagraphToolbar"), { t: y } = A(), b = v.fonts;
+		function S(e) {
+			o.editor?.chain().focus().insertContent(e).run();
+		}
+		function C(e) {
+			return o.editor?.getAttributes("textStyle")[e] || "";
+		}
+		function w(e) {
+			let t = o.editor?.chain().focus();
+			e ? t?.setFontFamily(e).run() : t?.unsetFontFamily().run();
+		}
+		function T(e) {
+			let t = o.editor?.chain().focus();
+			e ? t?.setFontSize(e).run() : t?.unsetFontSize().run();
+		}
+		function j(e) {
+			let t = o.editor?.chain().focus();
+			e ? t?.setColor(e).run() : t?.unsetColor().run();
+		}
+		function N() {
+			return o.editor?.getAttributes("paragraph").lineHeight || "";
+		}
+		function F(e) {
+			let t = o.editor?.chain().focus();
+			e ? t?.setLineHeight(e).run() : t?.unsetLineHeight().run();
+		}
+		function L(e) {
+			let t = o.editor?.chain().focus();
+			e && e !== "normal" ? t?.setLetterSpacing(e).run() : t?.unsetLetterSpacing().run();
+		}
+		function W() {
+			return o.editor?.getAttributes("highlight").color || "";
+		}
+		function Y(e) {
+			let t = o.editor?.chain().focus();
+			e ? t?.setHighlight({ color: e }).run() : t?.unsetHighlight().run();
+		}
+		return (t, n) => (r(), m(f, { to: "body" }, [_("div", {
+			"data-tpl-theme": h(g),
+			role: "toolbar",
+			"aria-label": h(y).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: a({
+				...h(c),
+				top: `${e.toolbarPosition.top}px`,
+				left: `${e.toolbarPosition.left}px`,
+				transform: "translateY(-100%)",
+				flexDirection: "column"
+			})
+		}, [!e.isLoading && e.editor ? (r(), l(d, { key: 0 }, [_("div", ve, [
+			u(Q, {
+				"model-value": C("fontFamily"),
+				options: h(b),
+				label: h(y).paragraphEditor.fontFamily,
+				placeholder: h(y).paragraphEditor.defaultFont,
+				"width-class": "tpl:w-32",
+				"onUpdate:modelValue": w
+			}, null, 8, [
+				"model-value",
+				"options",
+				"label",
+				"placeholder"
+			]),
+			u(Q, {
+				"model-value": C("fontSize"),
+				options: h(R),
+				label: h(y).paragraphEditor.fontSize,
+				placeholder: h(y).paragraphEditor.defaultSize,
+				"width-class": "tpl:w-20",
+				"onUpdate:modelValue": T
+			}, null, 8, [
+				"model-value",
+				"options",
+				"label",
+				"placeholder"
+			]),
+			u(Z),
+			_("div", ye, [_("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: C("color") || h("#000000"),
+				"aria-label": h(y).paragraphEditor.textColor,
+				title: h(y).paragraphEditor.textColor,
+				onInput: n[0] ||= (e) => j(e.target.value)
+			}, null, 40, be)]),
+			_("div", $, [_("input", {
+				type: "color",
+				class: "tpl:size-8 tpl:cursor-pointer tpl:rounded tpl:border tpl:border-[var(--tpl-border)] tpl:p-1",
+				style: a({ backgroundColor: W() || "var(--tpl-bg)" }),
+				value: W() || h("#ffff00"),
+				"aria-label": h(y).paragraphEditor.highlightColor,
+				title: h(y).paragraphEditor.highlightColor,
+				onInput: n[1] ||= (e) => Y(e.target.value)
+			}, null, 44, xe)]),
+			u(Z),
+			u(X, {
+				icon: h(ee),
+				label: h(y).paragraphEditor.bold,
+				active: e.editor.isActive("bold"),
+				"stroke-width": 2.5,
+				onClick: n[2] ||= (t) => e.editor.chain().focus().toggleBold().run()
+			}, null, 8, [
+				"icon",
+				"label",
+				"active"
+			]),
+			u(X, {
+				icon: h(M),
+				label: h(y).paragraphEditor.italic,
+				active: e.editor.isActive("italic"),
+				onClick: n[3] ||= (t) => e.editor.chain().focus().toggleItalic().run()
+			}, null, 8, [
+				"icon",
+				"label",
+				"active"
+			]),
+			u(X, {
+				icon: h(J),
+				label: h(y).paragraphEditor.underline,
+				active: e.editor.isActive("underline"),
+				onClick: n[4] ||= (t) => e.editor.chain().focus().toggleUnderline().run()
+			}, null, 8, [
+				"icon",
+				"label",
+				"active"
+			]),
+			u(X, {
+				icon: h(G),
+				label: h(y).paragraphEditor.strikethrough,
+				active: e.editor.isActive("strike"),
+				onClick: n[5] ||= (t) => e.editor.chain().focus().toggleStrike().run()
+			}, null, 8, [
+				"icon",
+				"label",
+				"active"
+			]),
+			u(Z),
+			u(X, {
+				icon: h(K),
+				label: h(y).paragraphEditor.subscript,
+				active: e.editor.isActive("subscript"),
+				onClick: n[6] ||= (t) => e.editor.chain().focus().toggleSubscript().run()
+			}, null, 8, [
+				"icon",
+				"label",
+				"active"
+			]),
+			u(X, {
+				icon: h(q),
+				label: h(y).paragraphEditor.superscript,
+				active: e.editor.isActive("superscript"),
+				onClick: n[7] ||= (t) => e.editor.chain().focus().toggleSuperscript().run()
+			}, null, 8, [
+				"icon",
+				"label",
+				"active"
+			]),
+			u(Z),
+			u(X, {
+				icon: h(P),
+				label: h(y).paragraphEditor.addLink,
+				active: e.editor.isActive("link"),
+				onClick: n[8] ||= (e) => s("open-link-dialog")
+			}, null, 8, [
+				"icon",
+				"label",
+				"active"
+			])
+		]), _("div", Se, [
+			u(X, {
+				icon: h(H),
+				label: h(y).paragraphEditor.bulletList,
+				active: e.editor.isActive("bulletList"),
+				onClick: n[9] ||= (t) => e.editor.chain().focus().toggleBulletList().run()
+			}, null, 8, [
+				"icon",
+				"label",
+				"active"
+			]),
+			u(X, {
+				icon: h(V),
+				label: h(y).paragraphEditor.numberedList,
+				active: e.editor.isActive("orderedList"),
+				onClick: n[10] ||= (t) => e.editor.chain().focus().toggleOrderedList().run()
+			}, null, 8, [
+				"icon",
+				"label",
+				"active"
+			]),
+			u(Z),
+			u(X, {
+				icon: h(I),
+				label: h(y).paragraphEditor.alignLeft,
+				active: e.editor.isActive({ textAlign: "left" }),
+				onClick: n[11] ||= (t) => e.editor.chain().focus().setTextAlign("left").run()
+			}, null, 8, [
+				"icon",
+				"label",
+				"active"
+			]),
+			u(X, {
+				icon: h(ie),
+				label: h(y).paragraphEditor.alignCenter,
+				active: e.editor.isActive({ textAlign: "center" }),
+				onClick: n[12] ||= (t) => e.editor.chain().focus().setTextAlign("center").run()
+			}, null, 8, [
+				"icon",
+				"label",
+				"active"
+			]),
+			u(X, {
+				icon: h(re),
+				label: h(y).paragraphEditor.alignRight,
+				active: e.editor.isActive({ textAlign: "right" }),
+				onClick: n[13] ||= (t) => e.editor.chain().focus().setTextAlign("right").run()
+			}, null, 8, [
+				"icon",
+				"label",
+				"active"
+			]),
+			u(Z),
+			u(Q, {
+				"model-value": N(),
+				options: h(B),
+				label: h(y).paragraphEditor.lineHeight,
+				placeholder: "LH",
+				"width-class": "tpl:w-16",
+				"onUpdate:modelValue": F
+			}, null, 8, [
+				"model-value",
+				"options",
+				"label"
+			]),
+			u(Q, {
+				"model-value": C("letterSpacing"),
+				options: h(z),
+				label: h(y).paragraphEditor.letterSpacing,
+				placeholder: "LS",
+				"width-class": "tpl:w-20",
+				"onUpdate:modelValue": L
+			}, null, 8, [
+				"model-value",
+				"options",
+				"label"
+			]),
+			u(Z),
+			u(X, {
+				icon: h(U),
+				label: h(y).paragraphEditor.clearFormatting,
+				onClick: n[14] ||= (t) => e.editor.chain().focus().clearNodes().unsetAllMarks().run()
+			}, null, 8, ["icon", "label"]),
+			u(Z),
+			u(le, { onInsert: S }),
+			e.canRequestMergeTag ? (r(), l(d, { key: 0 }, [u(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:duration-150 tpl:hover:bg-[var(--tpl-bg-active)]",
+				"aria-label": h(y).mergeTag.add,
+				title: h(y).mergeTag.add,
+				onClick: n[15] ||= (e) => s("add-merge-tag")
+			}, [u(h(ne), {
+				size: 16,
+				"stroke-width": 2
+			}), x(" " + i(h(y).mergeTag.add), 1)], 8, Ce)], 64)) : p("", !0)
+		])], 64)) : (r(), l("div", we, [u(h(te), {
+			class: "tpl-spinner",
+			size: 14,
+			"stroke-width": 2
+		}), x(" " + i(h(y).errors.editorLoading), 1)]))], 12, _e)]));
+	}
+}), Ee = { class: "tpl-text-editor-wrapper tpl:relative" }, De = /* @__PURE__ */ c({
+	__name: "ParagraphEditor",
+	props: {
+		block: {},
+		toolbarPosition: {}
+	},
+	emits: ["done"],
+	setup(e, { emit: t }) {
+		let n = e, i = t, { editor: a, EditorContent: o, isLoading: s, initError: c, retry: d, showLinkDialog: f, linkUrl: p, linkDialogRef: m, canRequestMergeTag: g, openLinkDialog: _, insertLink: v, removeLink: b, closeLinkDialog: x, handleLinkKeydown: S, handleAddMergeTag: w } = C({
+			blockId: () => n.block.id,
+			blockContent: () => n.block.content,
+			onDone: () => i("done"),
+			editorName: "ParagraphEditor",
+			async loadExtensions({ mergeTags: e, syntax: t, triggerChar: n, autocompleteEnabled: r, suggestionEmptyText: i }) {
+				let [{ Editor: a, EditorContent: o }, { default: s }, { default: c }, { default: l }, { default: u }, { default: d }, { default: f }, { TextStyle: p }, { default: m }, { default: h }, { default: g }, { MergeTagNode: _, MergeTagSuggestion: v, LogicMergeTagNode: y, FontSize: b, LineHeight: x, LetterSpacing: S }] = await Promise.all([
+					import("./dist-BFawx6IS.js").then((e) => e.r),
+					import("./dist-D90y8dvT.js"),
+					import("./dist-DDJIWTRY.js"),
+					import("./dist-KoBJjK1G.js"),
+					import("./dist-BaQIYPsn.js"),
+					import("./dist-aRzjfSRN.js"),
+					import("./dist-us-RpCWN.js"),
+					import("./dist-Cp0zXPAD.js"),
+					import("./dist-D6uC2xhi.js"),
+					import("./dist-wzMIGj-D.js"),
+					import("./dist-DjviJBCi.js"),
+					import("./extensions-CUcl9Ok4.js")
+				]);
+				return {
+					TiptapEditor: a,
+					EC: o,
+					extensions: [
+						s.configure({
+							heading: !1,
+							codeBlock: !1,
+							blockquote: !1,
+							horizontalRule: !1
+						}),
+						l,
+						u,
+						d,
+						c.configure({
+							openOnClick: !1,
+							HTMLAttributes: {
+								target: "_blank",
+								rel: "noopener noreferrer"
+							}
+						}),
+						f.configure({ types: ["paragraph"] }),
+						p,
+						m,
+						h,
+						g.configure({ multicolor: !0 }),
+						b,
+						x,
+						S,
+						_.configure({
+							mergeTags: e,
+							syntax: t
+						}),
+						y.configure({ syntax: t }),
+						...r && n && e.length > 0 ? [v.configure({
+							mergeTags: e,
+							char: n,
+							emptyText: i
+						})] : []
+					]
+				};
+			}
+		});
+		return (t, n) => (r(), l("div", Ee, [
+			u(Te, {
+				editor: h(a),
+				"toolbar-position": e.toolbarPosition,
+				"is-loading": h(s),
+				"can-request-merge-tag": h(g),
+				onOpenLinkDialog: h(_),
+				onAddMergeTag: h(w)
+			}, null, 8, [
+				"editor",
+				"toolbar-position",
+				"is-loading",
+				"can-request-merge-tag",
+				"onOpenLinkDialog",
+				"onAddMergeTag"
+			]),
+			u(F, {
+				editor: h(a),
+				"editor-content": h(o),
+				"is-loading": h(s),
+				"init-error": h(c),
+				onRetry: h(d)
+			}, null, 8, [
+				"editor",
+				"editor-content",
+				"is-loading",
+				"init-error",
+				"onRetry"
+			]),
+			u(N, {
+				visible: h(f),
+				"is-editing-link": h(a)?.isActive("link") ?? !1,
+				"dialog-ref": h(m),
+				"onUpdate:dialogRef": n[0] ||= (e) => y(m) ? m.value = e : null,
+				"link-url": h(p),
+				"onUpdate:linkUrl": n[1] ||= (e) => y(p) ? p.value = e : null,
+				onClose: h(x),
+				onInsert: h(v),
+				onRemove: h(b),
+				onKeydown: h(S)
+			}, null, 8, [
+				"visible",
+				"is-editing-link",
+				"dialog-ref",
+				"link-url",
+				"onClose",
+				"onInsert",
+				"onRemove",
+				"onKeydown"
+			])
+		]));
+	}
+});
+//#endregion
+export { De as default };