@templatical/editor 0.0.2 → 0.0.4

package/dist/cdn/chunks/ParagraphEditor-DHdu6lb3.js

@@ -0,0 +1,503 @@
+import { $ as e, E as t, F as n, J as r, N as i, S as a, _ as o, at as s, b as 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 _, st as v, u as y, y as b } from "./draggable-BQNU47zu.js";
+import { $t as x, At as S, Q as C, Ut as w, X as T, Zt as E, en as D, pt as O, q as k, tn as A } from "./features-ofOGnSC0.js";
+import { C as ee, J as j, L as M, R as N, V as P, a as F, b as I, d as te, f as ne, g as L, l as re, o as ie, r as ae, s as R, z } from "./icons-bIb7PBOE.js";
+import { a as B, o as V, s as H } from "./styleConstants-1KwsBMxJ.js";
+import { n as U, t as W } from "./RichTextEditorContent-DWUzizsC.js";
+//#region src/components/blocks/EmojiPickerDropdown.vue?vue&type=script&setup=true&lang.ts
+var G = [
+	"aria-label",
+	"title",
+	"aria-expanded"
+], K = ["aria-label"], q = { class: "tpl:mb-1.5 tpl:text-[10px] tpl:font-medium tpl:tracking-wide tpl:text-[var(--tpl-text-muted)] tpl:uppercase" }, J = { class: "tpl:grid tpl:grid-cols-10 tpl:gap-0.5" }, Y = ["aria-label", "onClick"], oe = /* @__PURE__ */ a({
+	__name: "EmojiPickerDropdown",
+	emits: ["insert"],
+	setup(t, { emit: r }) {
+		let a = r, { categories: l, isOpen: d, toggle: p, close: b } = T(), { t: x, format: w } = S(), E = e(null), D = e(null);
+		C(E, _(() => d.value)), A(D, () => {
+			d.value && b();
+		});
+		function O(e) {
+			a("insert", e), b();
+		}
+		return (e, t) => (i(), o("div", {
+			ref_key: "rootRef",
+			ref: D,
+			class: "tpl:relative"
+		}, [g("button", {
+			type: "button",
+			class: v(["tpl-text-toolbar-btn", { "tpl-text-toolbar-btn--active": s(d) }]),
+			"aria-label": s(x).paragraphEditor.insertEmoji,
+			title: s(x).paragraphEditor.insertEmoji,
+			"aria-expanded": s(d),
+			"aria-haspopup": "dialog",
+			"aria-controls": "tpl-emoji-picker",
+			onClick: t[0] ||= (...e) => s(p) && s(p)(...e)
+		}, [c(s(L), {
+			size: 16,
+			"stroke-width": 2
+		})], 10, G), s(d) ? (i(), o("div", {
+			key: 0,
+			id: "tpl-emoji-picker",
+			ref_key: "pickerRef",
+			ref: E,
+			role: "dialog",
+			"aria-modal": "false",
+			"aria-label": s(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] ||= m(y((...e) => s(b) && s(b)(...e), ["stop", "prevent"]), ["esc"])
+		}, [(i(!0), o(u, null, n(s(l), (e) => (i(), o("div", {
+			key: e.key,
+			class: "tpl:mb-2 tpl:last:mb-0"
+		}, [g("div", q, h(s(x).emoji[e.key]), 1), g("div", J, [(i(!0), o(u, null, n(e.emojis, (e) => (i(), o("button", {
+			key: e,
+			type: "button",
+			"aria-label": s(w)(s(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)
+		}, h(e), 9, Y))), 128))])]))), 128))], 40, K)) : f("", !0)], 512));
+	}
+}), se = ["data-tpl-theme", "aria-label"], ce = { class: "tpl:flex tpl:items-center tpl:gap-1" }, le = [
+	"value",
+	"aria-label",
+	"title"
+], ue = { value: "" }, de = ["value"], fe = [
+	"value",
+	"aria-label",
+	"title"
+], pe = { value: "" }, me = ["value"], he = { class: "tpl:relative" }, ge = [
+	"value",
+	"aria-label",
+	"title"
+], _e = { class: "tpl:relative" }, ve = [
+	"value",
+	"aria-label",
+	"title"
+], ye = ["aria-label", "title"], be = ["aria-label", "title"], xe = ["aria-label", "title"], Se = ["aria-label", "title"], Ce = ["aria-label", "title"], we = ["aria-label", "title"], Te = ["aria-label", "title"], Ee = { class: "tpl:flex tpl:items-center tpl:gap-1" }, De = ["aria-label", "title"], Oe = ["aria-label", "title"], ke = ["aria-label", "title"], Ae = ["aria-label", "title"], X = ["aria-label", "title"], je = ["value", "title"], Me = ["value"], Ne = ["value", "title"], Pe = ["value"], Fe = ["aria-label", "title"], Ie = {
+	key: 0,
+	class: "tpl:mx-1.5 tpl:h-6 tpl:w-px tpl:bg-[var(--tpl-border)]"
+}, Le = ["aria-label", "title"], Re = {
+	key: 1,
+	class: "tpl:flex tpl:items-center tpl:gap-2 tpl:px-2 tpl:text-xs tpl:text-[var(--tpl-text-dim)]"
+}, Z = /* @__PURE__ */ a({
+	__name: "ParagraphToolbar",
+	props: {
+		editor: {},
+		toolbarPosition: {},
+		isLoading: { type: Boolean },
+		mergeTagEnabled: { type: Boolean }
+	},
+	emits: ["open-link-dialog", "add-merge-tag"],
+	setup(e, { emit: r }) {
+		let a = e, m = r, _ = t(E, null), y = t(x, null), C = D(w, "ParagraphToolbar"), { t: T } = S(), k = C.fonts;
+		function A(e) {
+			a.editor?.chain().focus().insertContent(e).run();
+		}
+		function L() {
+			return a.editor?.getAttributes("textStyle").fontFamily || "";
+		}
+		function U() {
+			return a.editor?.getAttributes("textStyle").fontSize || "";
+		}
+		function W() {
+			return a.editor?.getAttributes("textStyle").color || "";
+		}
+		function G(e) {
+			e ? a.editor?.chain().focus().setFontFamily(e).run() : a.editor?.chain().focus().unsetFontFamily().run();
+		}
+		function K(e) {
+			e ? a.editor?.chain().focus().setFontSize(e).run() : a.editor?.chain().focus().unsetFontSize().run();
+		}
+		function q(e) {
+			e ? a.editor?.chain().focus().setColor(e).run() : a.editor?.chain().focus().unsetColor().run();
+		}
+		function J() {
+			return a.editor?.getAttributes("paragraph").lineHeight || "";
+		}
+		function Y(e) {
+			e ? a.editor?.chain().focus().setLineHeight(e).run() : a.editor?.chain().focus().unsetLineHeight().run();
+		}
+		function Z() {
+			return a.editor?.getAttributes("textStyle").letterSpacing || "";
+		}
+		function Q(e) {
+			e && e !== "normal" ? a.editor?.chain().focus().setLetterSpacing(e).run() : a.editor?.chain().focus().unsetLetterSpacing().run();
+		}
+		function $() {
+			return a.editor?.getAttributes("highlight").color || "";
+		}
+		function ze(e) {
+			e ? a.editor?.chain().focus().setHighlight({ color: e }).run() : a.editor?.chain().focus().unsetHighlight().run();
+		}
+		return (t, r) => (i(), p(d, { to: "body" }, [g("div", {
+			"data-tpl-theme": s(y),
+			role: "toolbar",
+			"aria-label": s(T).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: l({
+				...s(_),
+				top: `${e.toolbarPosition.top}px`,
+				left: `${e.toolbarPosition.left}px`,
+				transform: "translateY(-100%)",
+				flexDirection: "column"
+			})
+		}, [!e.isLoading && e.editor ? (i(), o(u, { key: 0 }, [g("div", ce, [
+			g("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: L(),
+				"aria-label": s(T).paragraphEditor.fontFamily,
+				title: s(T).paragraphEditor.fontFamily,
+				onChange: r[0] ||= (e) => G(e.target.value)
+			}, [g("option", ue, h(s(T).paragraphEditor.defaultFont), 1), (i(!0), o(u, null, n(s(k), (e) => (i(), o("option", {
+				key: e.value,
+				value: e.value
+			}, h(e.label), 9, de))), 128))], 40, le),
+			g("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: U(),
+				"aria-label": s(T).paragraphEditor.fontSize,
+				title: s(T).paragraphEditor.fontSize,
+				onChange: r[1] ||= (e) => K(e.target.value)
+			}, [g("option", pe, h(s(T).paragraphEditor.defaultSize), 1), (i(!0), o(u, null, n(s(B), (e) => (i(), o("option", {
+				key: e,
+				value: e
+			}, h(e), 9, me))), 128))], 40, fe),
+			r[20] ||= g("span", {
+				class: "tpl:mx-1 tpl:h-6 tpl:w-px tpl:bg-[var(--tpl-border)]",
+				"aria-hidden": "true"
+			}, null, -1),
+			g("div", he, [g("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: W() || s("#000000"),
+				"aria-label": s(T).paragraphEditor.textColor,
+				title: s(T).paragraphEditor.textColor,
+				onInput: r[2] ||= (e) => q(e.target.value)
+			}, null, 40, ge)]),
+			g("div", _e, [g("input", {
+				type: "color",
+				class: "tpl:size-8 tpl:cursor-pointer tpl:rounded tpl:border tpl:border-[var(--tpl-border)] tpl:p-1",
+				style: l({ backgroundColor: $() || "var(--tpl-bg)" }),
+				value: $() || s("#ffff00"),
+				"aria-label": s(T).paragraphEditor.highlightColor,
+				title: s(T).paragraphEditor.highlightColor,
+				onInput: r[3] ||= (e) => ze(e.target.value)
+			}, null, 44, ve)]),
+			r[21] ||= g("span", {
+				class: "tpl:mx-1 tpl:h-6 tpl:w-px tpl:bg-[var(--tpl-border)]",
+				"aria-hidden": "true"
+			}, null, -1),
+			g("button", {
+				type: "button",
+				class: v(["tpl-text-toolbar-btn", { "tpl-text-toolbar-btn--active": e.editor?.isActive("bold") }]),
+				"aria-label": s(T).paragraphEditor.bold,
+				title: s(T).paragraphEditor.bold,
+				onClick: r[4] ||= (t) => e.editor?.chain().focus().toggleBold().run()
+			}, [c(s(j), {
+				size: 16,
+				"stroke-width": 2.5
+			})], 10, ye),
+			g("button", {
+				type: "button",
+				class: v(["tpl-text-toolbar-btn", { "tpl-text-toolbar-btn--active": e.editor?.isActive("italic") }]),
+				"aria-label": s(T).paragraphEditor.italic,
+				title: s(T).paragraphEditor.italic,
+				onClick: r[5] ||= (t) => e.editor?.chain().focus().toggleItalic().run()
+			}, [c(s(P), {
+				size: 16,
+				"stroke-width": 2
+			})], 10, be),
+			g("button", {
+				type: "button",
+				class: v(["tpl-text-toolbar-btn", { "tpl-text-toolbar-btn--active": e.editor?.isActive("underline") }]),
+				"aria-label": s(T).paragraphEditor.underline,
+				title: s(T).paragraphEditor.underline,
+				onClick: r[6] ||= (t) => e.editor?.chain().focus().toggleUnderline().run()
+			}, [c(s(ae), {
+				size: 16,
+				"stroke-width": 2
+			})], 10, xe),
+			g("button", {
+				type: "button",
+				class: v(["tpl-text-toolbar-btn", { "tpl-text-toolbar-btn--active": e.editor?.isActive("strike") }]),
+				"aria-label": s(T).paragraphEditor.strikethrough,
+				title: s(T).paragraphEditor.strikethrough,
+				onClick: r[7] ||= (t) => e.editor?.chain().focus().toggleStrike().run()
+			}, [c(s(ne), {
+				size: 16,
+				"stroke-width": 2
+			})], 10, Se),
+			r[22] ||= g("span", {
+				class: "tpl:mx-1 tpl:h-6 tpl:w-px tpl:bg-[var(--tpl-border)]",
+				"aria-hidden": "true"
+			}, null, -1),
+			g("button", {
+				type: "button",
+				class: v(["tpl-text-toolbar-btn", { "tpl-text-toolbar-btn--active": e.editor?.isActive("subscript") }]),
+				"aria-label": s(T).paragraphEditor.subscript,
+				title: s(T).paragraphEditor.subscript,
+				onClick: r[8] ||= (t) => e.editor?.chain().focus().toggleSubscript().run()
+			}, [c(s(te), {
+				size: 16,
+				"stroke-width": 2
+			})], 10, Ce),
+			g("button", {
+				type: "button",
+				class: v(["tpl-text-toolbar-btn", { "tpl-text-toolbar-btn--active": e.editor?.isActive("superscript") }]),
+				"aria-label": s(T).paragraphEditor.superscript,
+				title: s(T).paragraphEditor.superscript,
+				onClick: r[9] ||= (t) => e.editor?.chain().focus().toggleSuperscript().run()
+			}, [c(s(re), {
+				size: 16,
+				"stroke-width": 2
+			})], 10, we),
+			r[23] ||= g("span", {
+				class: "tpl:mx-1 tpl:h-6 tpl:w-px tpl:bg-[var(--tpl-border)]",
+				"aria-hidden": "true"
+			}, null, -1),
+			g("button", {
+				type: "button",
+				class: v(["tpl-text-toolbar-btn", { "tpl-text-toolbar-btn--active": e.editor?.isActive("link") }]),
+				"aria-label": s(T).paragraphEditor.addLink,
+				title: s(T).paragraphEditor.addLink,
+				onClick: r[10] ||= (e) => m("open-link-dialog")
+			}, [c(s(z), {
+				size: 16,
+				"stroke-width": 2
+			})], 10, Te)
+		]), g("div", Ee, [
+			g("button", {
+				type: "button",
+				class: v(["tpl-text-toolbar-btn", { "tpl-text-toolbar-btn--active": e.editor?.isActive("bulletList") }]),
+				"aria-label": s(T).paragraphEditor.bulletList,
+				title: s(T).paragraphEditor.bulletList,
+				onClick: r[11] ||= (t) => e.editor?.chain().focus().toggleBulletList().run()
+			}, [c(s(M), {
+				size: 16,
+				"stroke-width": 2
+			})], 10, De),
+			g("button", {
+				type: "button",
+				class: v(["tpl-text-toolbar-btn", { "tpl-text-toolbar-btn--active": e.editor?.isActive("orderedList") }]),
+				"aria-label": s(T).paragraphEditor.numberedList,
+				title: s(T).paragraphEditor.numberedList,
+				onClick: r[12] ||= (t) => e.editor?.chain().focus().toggleOrderedList().run()
+			}, [c(s(N), {
+				size: 16,
+				"stroke-width": 2
+			})], 10, Oe),
+			r[26] ||= g("span", {
+				class: "tpl:mx-1.5 tpl:h-6 tpl:w-px tpl:bg-[var(--tpl-border)]",
+				"aria-hidden": "true"
+			}, null, -1),
+			g("button", {
+				type: "button",
+				class: v(["tpl-text-toolbar-btn", { "tpl-text-toolbar-btn--active": e.editor?.isActive({ textAlign: "left" }) }]),
+				"aria-label": s(T).paragraphEditor.alignLeft,
+				title: s(T).paragraphEditor.alignLeft,
+				onClick: r[13] ||= (t) => e.editor?.chain().focus().setTextAlign("left").run()
+			}, [c(s(F), {
+				size: 16,
+				"stroke-width": 2
+			})], 10, ke),
+			g("button", {
+				type: "button",
+				class: v(["tpl-text-toolbar-btn", { "tpl-text-toolbar-btn--active": e.editor?.isActive({ textAlign: "center" }) }]),
+				"aria-label": s(T).paragraphEditor.alignCenter,
+				title: s(T).paragraphEditor.alignCenter,
+				onClick: r[14] ||= (t) => e.editor?.chain().focus().setTextAlign("center").run()
+			}, [c(s(R), {
+				size: 16,
+				"stroke-width": 2
+			})], 10, Ae),
+			g("button", {
+				type: "button",
+				class: v(["tpl-text-toolbar-btn", { "tpl-text-toolbar-btn--active": e.editor?.isActive({ textAlign: "right" }) }]),
+				"aria-label": s(T).paragraphEditor.alignRight,
+				title: s(T).paragraphEditor.alignRight,
+				onClick: r[15] ||= (t) => e.editor?.chain().focus().setTextAlign("right").run()
+			}, [c(s(ie), {
+				size: 16,
+				"stroke-width": 2
+			})], 10, X),
+			r[27] ||= g("span", {
+				class: "tpl:mx-1.5 tpl:h-6 tpl:w-px tpl:bg-[var(--tpl-border)]",
+				"aria-hidden": "true"
+			}, null, -1),
+			g("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: J(),
+				title: s(T).paragraphEditor.lineHeight,
+				onChange: r[16] ||= (e) => Y(e.target.value)
+			}, [r[24] ||= g("option", { value: "" }, "LH", -1), (i(!0), o(u, null, n(s(H), (e) => (i(), o("option", {
+				key: e,
+				value: e
+			}, h(e), 9, Me))), 128))], 40, je),
+			g("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: Z(),
+				title: s(T).paragraphEditor.letterSpacing,
+				onChange: r[17] ||= (e) => Q(e.target.value)
+			}, [r[25] ||= g("option", { value: "" }, "LS", -1), (i(!0), o(u, null, n(s(V), (e) => (i(), o("option", {
+				key: e.value,
+				value: e.value
+			}, h(e.label), 9, Pe))), 128))], 40, Ne),
+			r[28] ||= g("span", {
+				class: "tpl:mx-1.5 tpl:h-6 tpl:w-px tpl:bg-[var(--tpl-border)]",
+				"aria-hidden": "true"
+			}, null, -1),
+			g("button", {
+				type: "button",
+				class: "tpl-text-toolbar-btn",
+				"aria-label": s(T).paragraphEditor.clearFormatting,
+				title: s(T).paragraphEditor.clearFormatting,
+				onClick: r[18] ||= (t) => e.editor?.chain().focus().clearNodes().unsetAllMarks().run()
+			}, [c(s(ee), {
+				size: 16,
+				"stroke-width": 2
+			})], 8, Fe),
+			r[29] ||= g("span", {
+				class: "tpl:mx-1.5 tpl:h-6 tpl:w-px tpl:bg-[var(--tpl-border)]",
+				"aria-hidden": "true"
+			}, null, -1),
+			c(oe, { onInsert: A }),
+			e.mergeTagEnabled ? (i(), o("span", Ie)) : f("", !0),
+			e.mergeTagEnabled ? (i(), o("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": s(T).mergeTag.add,
+				title: s(T).mergeTag.add,
+				onClick: r[19] ||= (e) => m("add-merge-tag")
+			}, [c(s(I), {
+				size: 16,
+				"stroke-width": 2
+			}), b(" " + h(s(T).mergeTag.add), 1)], 8, Le)) : f("", !0)
+		])], 64)) : (i(), o("div", Re, [c(s(O), {
+			class: "tpl-spinner",
+			size: 14,
+			"stroke-width": 2
+		}), b(" " + h(s(T).errors.editorLoading), 1)]))], 12, se)]));
+	}
+}), Q = { class: "tpl-text-editor-wrapper tpl:relative" }, $ = /* @__PURE__ */ a({
+	__name: "ParagraphEditor",
+	props: {
+		block: {},
+		toolbarPosition: {}
+	},
+	emits: ["done"],
+	setup(e, { emit: t }) {
+		let n = e, a = t, { editor: l, EditorContent: u, isLoading: d, initError: f, retry: p, showLinkDialog: m, linkUrl: h, linkDialogRef: g, mergeTagEnabled: _, openLinkDialog: v, insertLink: y, removeLink: b, closeLinkDialog: x, handleLinkKeydown: S, handleAddMergeTag: C } = k({
+			blockId: () => n.block.id,
+			blockContent: () => n.block.content,
+			onDone: () => a("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-CJcMnY7o.js"),
+					import("./dist-Bf1Op9A1.js"),
+					import("./dist-CllLxIMQ.js"),
+					import("./dist-DTXopj1a.js"),
+					import("./dist-B6AUkMyh.js"),
+					import("./dist-Cs0wFwdw.js"),
+					import("./dist-CWsl6S1K.js"),
+					import("./dist-DLWHlekl.js"),
+					import("./dist-DS3_HVpX.js"),
+					import("./dist-DnwLoNLm.js"),
+					import("./dist-BkETaOfw.js"),
+					import("./extensions-B_kcV0tK.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) => (i(), o("div", Q, [
+			c(Z, {
+				editor: s(l),
+				"toolbar-position": e.toolbarPosition,
+				"is-loading": s(d),
+				"merge-tag-enabled": s(_),
+				onOpenLinkDialog: s(v),
+				onAddMergeTag: s(C)
+			}, null, 8, [
+				"editor",
+				"toolbar-position",
+				"is-loading",
+				"merge-tag-enabled",
+				"onOpenLinkDialog",
+				"onAddMergeTag"
+			]),
+			c(W, {
+				editor: s(l),
+				"editor-content": s(u),
+				"is-loading": s(d),
+				"init-error": s(f),
+				onRetry: s(p)
+			}, null, 8, [
+				"editor",
+				"editor-content",
+				"is-loading",
+				"init-error",
+				"onRetry"
+			]),
+			c(U, {
+				visible: s(m),
+				"is-editing-link": s(l)?.isActive("link") ?? !1,
+				"dialog-ref": s(g),
+				"onUpdate:dialogRef": n[0] ||= (e) => r(g) ? g.value = e : null,
+				"link-url": s(h),
+				"onUpdate:linkUrl": n[1] ||= (e) => r(h) ? h.value = e : null,
+				onClose: s(x),
+				onInsert: s(y),
+				onRemove: s(b),
+				onKeydown: s(S)
+			}, null, 8, [
+				"visible",
+				"is-editing-link",
+				"dialog-ref",
+				"link-url",
+				"onClose",
+				"onInsert",
+				"onRemove",
+				"onKeydown"
+			])
+		]));
+	}
+});
+//#endregion
+export { $ as default };
+
+//# sourceMappingURL=ParagraphEditor-DHdu6lb3.js.map

package/dist/cdn/chunks/ParagraphEditor-DHdu6lb3.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ParagraphEditor-DHdu6lb3.js","names":[],"sources":["../../../src/components/blocks/EmojiPickerDropdown.vue","../../../src/components/blocks/EmojiPickerDropdown.vue","../../../src/components/blocks/ParagraphToolbar.vue","../../../src/components/blocks/ParagraphToolbar.vue","../../../src/components/blocks/ParagraphEditor.vue","../../../src/components/blocks/ParagraphEditor.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { useEmoji, useI18n } from \"../../composables\";\nimport { useFocusTrap } from \"../../composables/useFocusTrap\";\nimport { onClickOutside } from \"@vueuse/core\";\nimport { Smile } from \"@lucide/vue\";\nimport { computed, ref } from \"vue\";\n\nconst emit = defineEmits<{\n  (e: \"insert\", emoji: string): void;\n}>();\n\nconst {\n  categories: emojiCategories,\n  isOpen: showEmojiPicker,\n  toggle: toggleEmojiPicker,\n  close: closeEmojiPicker,\n} = useEmoji();\n\nconst { t, format } = useI18n();\n\nconst pickerRef = ref<HTMLElement | null>(null);\nconst rootRef = ref<HTMLElement | null>(null);\n\nconst isOpenRef = computed(() => showEmojiPicker.value);\nuseFocusTrap(pickerRef, isOpenRef);\n\nonClickOutside(rootRef, () => {\n  if (showEmojiPicker.value) {\n    closeEmojiPicker();\n  }\n});\n\nfunction handleInsert(emoji: string): void {\n  emit(\"insert\", emoji);\n  closeEmojiPicker();\n}\n</script>\n\n<template>\n  <div ref=\"rootRef\" class=\"tpl:relative\">\n    <button\n      type=\"button\"\n      class=\"tpl-text-toolbar-btn\"\n      :class=\"{\n        'tpl-text-toolbar-btn--active': showEmojiPicker,\n      }\"\n      :aria-label=\"t.paragraphEditor.insertEmoji\"\n      :title=\"t.paragraphEditor.insertEmoji\"\n      :aria-expanded=\"showEmojiPicker\"\n      aria-haspopup=\"dialog\"\n      aria-controls=\"tpl-emoji-picker\"\n      @click=\"toggleEmojiPicker\"\n    >\n      <Smile :size=\"16\" :stroke-width=\"2\" />\n    </button>\n    <div\n      v-if=\"showEmojiPicker\"\n      id=\"tpl-emoji-picker\"\n      ref=\"pickerRef\"\n      role=\"dialog\"\n      aria-modal=\"false\"\n      :aria-label=\"t.paragraphEditor.insertEmoji\"\n      tabindex=\"-1\"\n      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\"\n      @keydown.esc.stop.prevent=\"closeEmojiPicker\"\n    >\n      <div\n        v-for=\"category in emojiCategories\"\n        :key=\"category.key\"\n        class=\"tpl:mb-2 tpl:last:mb-0\"\n      >\n        <div\n          class=\"tpl:mb-1.5 tpl:text-[10px] tpl:font-medium tpl:tracking-wide tpl:text-[var(--tpl-text-muted)] tpl:uppercase\"\n        >\n          {{ t.emoji[category.key] }}\n        </div>\n        <div class=\"tpl:grid tpl:grid-cols-10 tpl:gap-0.5\">\n          <button\n            v-for=\"emoji in category.emojis\"\n            :key=\"emoji\"\n            type=\"button\"\n            :aria-label=\"\n              format(t.paragraphEditor.emojiItemLabel, { emoji })\n            \"\n            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)]\"\n            @click=\"handleInsert(emoji)\"\n          >\n            {{ emoji }}\n          </button>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { useEmoji, useI18n } from \"../../composables\";\nimport { useFocusTrap } from \"../../composables/useFocusTrap\";\nimport { onClickOutside } from \"@vueuse/core\";\nimport { Smile } from \"@lucide/vue\";\nimport { computed, ref } from \"vue\";\n\nconst emit = defineEmits<{\n  (e: \"insert\", emoji: string): void;\n}>();\n\nconst {\n  categories: emojiCategories,\n  isOpen: showEmojiPicker,\n  toggle: toggleEmojiPicker,\n  close: closeEmojiPicker,\n} = useEmoji();\n\nconst { t, format } = useI18n();\n\nconst pickerRef = ref<HTMLElement | null>(null);\nconst rootRef = ref<HTMLElement | null>(null);\n\nconst isOpenRef = computed(() => showEmojiPicker.value);\nuseFocusTrap(pickerRef, isOpenRef);\n\nonClickOutside(rootRef, () => {\n  if (showEmojiPicker.value) {\n    closeEmojiPicker();\n  }\n});\n\nfunction handleInsert(emoji: string): void {\n  emit(\"insert\", emoji);\n  closeEmojiPicker();\n}\n</script>\n\n<template>\n  <div ref=\"rootRef\" class=\"tpl:relative\">\n    <button\n      type=\"button\"\n      class=\"tpl-text-toolbar-btn\"\n      :class=\"{\n        'tpl-text-toolbar-btn--active': showEmojiPicker,\n      }\"\n      :aria-label=\"t.paragraphEditor.insertEmoji\"\n      :title=\"t.paragraphEditor.insertEmoji\"\n      :aria-expanded=\"showEmojiPicker\"\n      aria-haspopup=\"dialog\"\n      aria-controls=\"tpl-emoji-picker\"\n      @click=\"toggleEmojiPicker\"\n    >\n      <Smile :size=\"16\" :stroke-width=\"2\" />\n    </button>\n    <div\n      v-if=\"showEmojiPicker\"\n      id=\"tpl-emoji-picker\"\n      ref=\"pickerRef\"\n      role=\"dialog\"\n      aria-modal=\"false\"\n      :aria-label=\"t.paragraphEditor.insertEmoji\"\n      tabindex=\"-1\"\n      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\"\n      @keydown.esc.stop.prevent=\"closeEmojiPicker\"\n    >\n      <div\n        v-for=\"category in emojiCategories\"\n        :key=\"category.key\"\n        class=\"tpl:mb-2 tpl:last:mb-0\"\n      >\n        <div\n          class=\"tpl:mb-1.5 tpl:text-[10px] tpl:font-medium tpl:tracking-wide tpl:text-[var(--tpl-text-muted)] tpl:uppercase\"\n        >\n          {{ t.emoji[category.key] }}\n        </div>\n        <div class=\"tpl:grid tpl:grid-cols-10 tpl:gap-0.5\">\n          <button\n            v-for=\"emoji in category.emojis\"\n            :key=\"emoji\"\n            type=\"button\"\n            :aria-label=\"\n              format(t.paragraphEditor.emojiItemLabel, { emoji })\n            \"\n            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)]\"\n            @click=\"handleInsert(emoji)\"\n          >\n            {{ emoji }}\n          </button>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport EmojiPickerDropdown from \"./EmojiPickerDropdown.vue\";\nimport { useI18n } from \"../../composables\";\nimport type { Editor } from \"@tiptap/core\";\nimport {\n  AlignCenter,\n  AlignLeft,\n  AlignRight,\n  Bold,\n  Italic,\n  Link,\n  List,\n  ListOrdered,\n  LoaderCircle,\n  RemoveFormatting,\n  ScanLine,\n  Strikethrough,\n  Subscript,\n  Superscript,\n  Underline,\n} from \"@lucide/vue\";\nimport { inject } from \"vue\";\nimport {\n  THEME_STYLES_KEY,\n  UI_THEME_KEY,\n  FONTS_MANAGER_KEY,\n  requireInject,\n} from \"../../keys\";\nimport {\n  DEFAULT_TEXT_COLOR,\n  DEFAULT_HIGHLIGHT_COLOR,\n  FONT_SIZE_OPTIONS,\n  LINE_HEIGHT_OPTIONS,\n  LETTER_SPACING_OPTIONS,\n} from \"../../constants/styleConstants\";\n\nconst props = defineProps<{\n  editor: Editor | null;\n  toolbarPosition: { top: number; left: number };\n  isLoading: boolean;\n  mergeTagEnabled: boolean;\n}>();\n\nconst emit = defineEmits<{\n  (e: \"open-link-dialog\"): void;\n  (e: \"add-merge-tag\"): void;\n}>();\n\nconst themeStyles = inject(THEME_STYLES_KEY, null);\nconst tplUiTheme = inject(UI_THEME_KEY, null);\nconst fontsManager = requireInject(FONTS_MANAGER_KEY, \"ParagraphToolbar\");\n\nconst { t } = useI18n();\n\nconst fontFamilies = fontsManager.fonts;\n\nfunction insertEmoji(emoji: string): void {\n  props.editor?.chain().focus().insertContent(emoji).run();\n}\n\nfunction getCurrentFontFamily(): string {\n  return (props.editor?.getAttributes(\"textStyle\").fontFamily as string) || \"\";\n}\n\nfunction getCurrentFontSize(): string {\n  return (props.editor?.getAttributes(\"textStyle\").fontSize as string) || \"\";\n}\n\nfunction getCurrentColor(): string {\n  return (props.editor?.getAttributes(\"textStyle\").color as string) || \"\";\n}\n\nfunction setFontFamily(family: string): void {\n  if (family) {\n    props.editor?.chain().focus().setFontFamily(family).run();\n  } else {\n    props.editor?.chain().focus().unsetFontFamily().run();\n  }\n}\n\nfunction setFontSize(size: string): void {\n  if (size) {\n    props.editor?.chain().focus().setFontSize(size).run();\n  } else {\n    props.editor?.chain().focus().unsetFontSize().run();\n  }\n}\n\nfunction setColor(color: string): void {\n  if (color) {\n    props.editor?.chain().focus().setColor(color).run();\n  } else {\n    props.editor?.chain().focus().unsetColor().run();\n  }\n}\n\nfunction getCurrentLineHeight(): string {\n  return (props.editor?.getAttributes(\"paragraph\").lineHeight as string) || \"\";\n}\n\nfunction setLineHeight(value: string): void {\n  if (value) {\n    props.editor?.chain().focus().setLineHeight(value).run();\n  } else {\n    props.editor?.chain().focus().unsetLineHeight().run();\n  }\n}\n\nfunction getCurrentLetterSpacing(): string {\n  return (\n    (props.editor?.getAttributes(\"textStyle\").letterSpacing as string) || \"\"\n  );\n}\n\nfunction setLetterSpacing(value: string): void {\n  if (value && value !== \"normal\") {\n    props.editor?.chain().focus().setLetterSpacing(value).run();\n  } else {\n    props.editor?.chain().focus().unsetLetterSpacing().run();\n  }\n}\n\nfunction getCurrentHighlight(): string {\n  return (props.editor?.getAttributes(\"highlight\").color as string) || \"\";\n}\n\nfunction setHighlight(color: string): void {\n  if (color) {\n    props.editor?.chain().focus().setHighlight({ color }).run();\n  } else {\n    props.editor?.chain().focus().unsetHighlight().run();\n  }\n}\n</script>\n\n<template>\n  <Teleport to=\"body\">\n    <div\n      :data-tpl-theme=\"tplUiTheme\"\n      role=\"toolbar\"\n      :aria-label=\"t.paragraphEditor.toolbar\"\n      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\"\n      :style=\"{\n        ...themeStyles,\n        top: `${toolbarPosition.top}px`,\n        left: `${toolbarPosition.left}px`,\n        transform: 'translateY(-100%)',\n        flexDirection: 'column',\n      }\"\n    >\n      <template v-if=\"!isLoading && editor\">\n        <!-- Row 1: Font family, Font size, Text color, Bold/Italic/Underline/Strikethrough -->\n        <div class=\"tpl:flex tpl:items-center tpl:gap-1\">\n          <select\n            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\"\n            :value=\"getCurrentFontFamily()\"\n            :aria-label=\"t.paragraphEditor.fontFamily\"\n            :title=\"t.paragraphEditor.fontFamily\"\n            @change=\"setFontFamily(($event.target as HTMLSelectElement).value)\"\n          >\n            <option value=\"\">{{ t.paragraphEditor.defaultFont }}</option>\n            <option\n              v-for=\"font in fontFamilies\"\n              :key=\"font.value\"\n              :value=\"font.value\"\n            >\n              {{ font.label }}\n            </option>\n          </select>\n          <select\n            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\"\n            :value=\"getCurrentFontSize()\"\n            :aria-label=\"t.paragraphEditor.fontSize\"\n            :title=\"t.paragraphEditor.fontSize\"\n            @change=\"setFontSize(($event.target as HTMLSelectElement).value)\"\n          >\n            <option value=\"\">{{ t.paragraphEditor.defaultSize }}</option>\n            <option v-for=\"size in FONT_SIZE_OPTIONS\" :key=\"size\" :value=\"size\">\n              {{ size }}\n            </option>\n          </select>\n          <span\n            class=\"tpl:mx-1 tpl:h-6 tpl:w-px tpl:bg-[var(--tpl-border)]\"\n            aria-hidden=\"true\"\n          ></span>\n          <div class=\"tpl:relative\">\n            <input\n              type=\"color\"\n              class=\"tpl:size-8 tpl:cursor-pointer tpl:rounded tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:p-1\"\n              :value=\"getCurrentColor() || DEFAULT_TEXT_COLOR\"\n              :aria-label=\"t.paragraphEditor.textColor\"\n              :title=\"t.paragraphEditor.textColor\"\n              @input=\"setColor(($event.target as HTMLInputElement).value)\"\n            />\n          </div>\n          <div class=\"tpl:relative\">\n            <input\n              type=\"color\"\n              class=\"tpl:size-8 tpl:cursor-pointer tpl:rounded tpl:border tpl:border-[var(--tpl-border)] tpl:p-1\"\n              :style=\"{\n                backgroundColor: getCurrentHighlight() || 'var(--tpl-bg)',\n              }\"\n              :value=\"getCurrentHighlight() || DEFAULT_HIGHLIGHT_COLOR\"\n              :aria-label=\"t.paragraphEditor.highlightColor\"\n              :title=\"t.paragraphEditor.highlightColor\"\n              @input=\"setHighlight(($event.target as HTMLInputElement).value)\"\n            />\n          </div>\n          <span\n            class=\"tpl:mx-1 tpl:h-6 tpl:w-px tpl:bg-[var(--tpl-border)]\"\n            aria-hidden=\"true\"\n          ></span>\n          <!-- Bold/Italic/Underline/Strikethrough -->\n          <button\n            type=\"button\"\n            class=\"tpl-text-toolbar-btn\"\n            :class=\"{\n              'tpl-text-toolbar-btn--active': editor?.isActive('bold'),\n            }\"\n            :aria-label=\"t.paragraphEditor.bold\"\n            :title=\"t.paragraphEditor.bold\"\n            @click=\"editor?.chain().focus().toggleBold().run()\"\n          >\n            <Bold :size=\"16\" :stroke-width=\"2.5\" />\n          </button>\n          <button\n            type=\"button\"\n            class=\"tpl-text-toolbar-btn\"\n            :class=\"{\n              'tpl-text-toolbar-btn--active': editor?.isActive('italic'),\n            }\"\n            :aria-label=\"t.paragraphEditor.italic\"\n            :title=\"t.paragraphEditor.italic\"\n            @click=\"editor?.chain().focus().toggleItalic().run()\"\n          >\n            <Italic :size=\"16\" :stroke-width=\"2\" />\n          </button>\n          <button\n            type=\"button\"\n            class=\"tpl-text-toolbar-btn\"\n            :class=\"{\n              'tpl-text-toolbar-btn--active': editor?.isActive('underline'),\n            }\"\n            :aria-label=\"t.paragraphEditor.underline\"\n            :title=\"t.paragraphEditor.underline\"\n            @click=\"editor?.chain().focus().toggleUnderline().run()\"\n          >\n            <Underline :size=\"16\" :stroke-width=\"2\" />\n          </button>\n          <button\n            type=\"button\"\n            class=\"tpl-text-toolbar-btn\"\n            :class=\"{\n              'tpl-text-toolbar-btn--active': editor?.isActive('strike'),\n            }\"\n            :aria-label=\"t.paragraphEditor.strikethrough\"\n            :title=\"t.paragraphEditor.strikethrough\"\n            @click=\"editor?.chain().focus().toggleStrike().run()\"\n          >\n            <Strikethrough :size=\"16\" :stroke-width=\"2\" />\n          </button>\n          <span\n            class=\"tpl:mx-1 tpl:h-6 tpl:w-px tpl:bg-[var(--tpl-border)]\"\n            aria-hidden=\"true\"\n          ></span>\n          <!-- Subscript/Superscript -->\n          <button\n            type=\"button\"\n            class=\"tpl-text-toolbar-btn\"\n            :class=\"{\n              'tpl-text-toolbar-btn--active': editor?.isActive('subscript'),\n            }\"\n            :aria-label=\"t.paragraphEditor.subscript\"\n            :title=\"t.paragraphEditor.subscript\"\n            @click=\"editor?.chain().focus().toggleSubscript().run()\"\n          >\n            <Subscript :size=\"16\" :stroke-width=\"2\" />\n          </button>\n          <button\n            type=\"button\"\n            class=\"tpl-text-toolbar-btn\"\n            :class=\"{\n              'tpl-text-toolbar-btn--active': editor?.isActive('superscript'),\n            }\"\n            :aria-label=\"t.paragraphEditor.superscript\"\n            :title=\"t.paragraphEditor.superscript\"\n            @click=\"editor?.chain().focus().toggleSuperscript().run()\"\n          >\n            <Superscript :size=\"16\" :stroke-width=\"2\" />\n          </button>\n          <span\n            class=\"tpl:mx-1 tpl:h-6 tpl:w-px tpl:bg-[var(--tpl-border)]\"\n            aria-hidden=\"true\"\n          ></span>\n          <!-- Link -->\n          <button\n            type=\"button\"\n            class=\"tpl-text-toolbar-btn\"\n            :class=\"{\n              'tpl-text-toolbar-btn--active': editor?.isActive('link'),\n            }\"\n            :aria-label=\"t.paragraphEditor.addLink\"\n            :title=\"t.paragraphEditor.addLink\"\n            @click=\"emit('open-link-dialog')\"\n          >\n            <Link :size=\"16\" :stroke-width=\"2\" />\n          </button>\n        </div>\n        <!-- Row 2: Lists, Alignment, LH, LS, Clear, Emoji, Merge tags -->\n        <div class=\"tpl:flex tpl:items-center tpl:gap-1\">\n          <!-- Lists -->\n          <button\n            type=\"button\"\n            class=\"tpl-text-toolbar-btn\"\n            :class=\"{\n              'tpl-text-toolbar-btn--active': editor?.isActive('bulletList'),\n            }\"\n            :aria-label=\"t.paragraphEditor.bulletList\"\n            :title=\"t.paragraphEditor.bulletList\"\n            @click=\"editor?.chain().focus().toggleBulletList().run()\"\n          >\n            <List :size=\"16\" :stroke-width=\"2\" />\n          </button>\n          <button\n            type=\"button\"\n            class=\"tpl-text-toolbar-btn\"\n            :class=\"{\n              'tpl-text-toolbar-btn--active': editor?.isActive('orderedList'),\n            }\"\n            :aria-label=\"t.paragraphEditor.numberedList\"\n            :title=\"t.paragraphEditor.numberedList\"\n            @click=\"editor?.chain().focus().toggleOrderedList().run()\"\n          >\n            <ListOrdered :size=\"16\" :stroke-width=\"2\" />\n          </button>\n          <span\n            class=\"tpl:mx-1.5 tpl:h-6 tpl:w-px tpl:bg-[var(--tpl-border)]\"\n            aria-hidden=\"true\"\n          ></span>\n          <!-- Alignment -->\n          <button\n            type=\"button\"\n            class=\"tpl-text-toolbar-btn\"\n            :class=\"{\n              'tpl-text-toolbar-btn--active': editor?.isActive({\n                textAlign: 'left',\n              }),\n            }\"\n            :aria-label=\"t.paragraphEditor.alignLeft\"\n            :title=\"t.paragraphEditor.alignLeft\"\n            @click=\"editor?.chain().focus().setTextAlign('left').run()\"\n          >\n            <AlignLeft :size=\"16\" :stroke-width=\"2\" />\n          </button>\n          <button\n            type=\"button\"\n            class=\"tpl-text-toolbar-btn\"\n            :class=\"{\n              'tpl-text-toolbar-btn--active': editor?.isActive({\n                textAlign: 'center',\n              }),\n            }\"\n            :aria-label=\"t.paragraphEditor.alignCenter\"\n            :title=\"t.paragraphEditor.alignCenter\"\n            @click=\"editor?.chain().focus().setTextAlign('center').run()\"\n          >\n            <AlignCenter :size=\"16\" :stroke-width=\"2\" />\n          </button>\n          <button\n            type=\"button\"\n            class=\"tpl-text-toolbar-btn\"\n            :class=\"{\n              'tpl-text-toolbar-btn--active': editor?.isActive({\n                textAlign: 'right',\n              }),\n            }\"\n            :aria-label=\"t.paragraphEditor.alignRight\"\n            :title=\"t.paragraphEditor.alignRight\"\n            @click=\"editor?.chain().focus().setTextAlign('right').run()\"\n          >\n            <AlignRight :size=\"16\" :stroke-width=\"2\" />\n          </button>\n          <span\n            class=\"tpl:mx-1.5 tpl:h-6 tpl:w-px tpl:bg-[var(--tpl-border)]\"\n            aria-hidden=\"true\"\n          ></span>\n          <!-- Line Height -->\n          <select\n            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\"\n            :value=\"getCurrentLineHeight()\"\n            :title=\"t.paragraphEditor.lineHeight\"\n            @change=\"setLineHeight(($event.target as HTMLSelectElement).value)\"\n          >\n            <option value=\"\">LH</option>\n            <option v-for=\"lh in LINE_HEIGHT_OPTIONS\" :key=\"lh\" :value=\"lh\">\n              {{ lh }}\n            </option>\n          </select>\n          <!-- Letter Spacing -->\n          <select\n            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\"\n            :value=\"getCurrentLetterSpacing()\"\n            :title=\"t.paragraphEditor.letterSpacing\"\n            @change=\"\n              setLetterSpacing(($event.target as HTMLSelectElement).value)\n            \"\n          >\n            <option value=\"\">LS</option>\n            <option\n              v-for=\"ls in LETTER_SPACING_OPTIONS\"\n              :key=\"ls.value\"\n              :value=\"ls.value\"\n            >\n              {{ ls.label }}\n            </option>\n          </select>\n          <span\n            class=\"tpl:mx-1.5 tpl:h-6 tpl:w-px tpl:bg-[var(--tpl-border)]\"\n            aria-hidden=\"true\"\n          ></span>\n          <!-- Clear Formatting -->\n          <button\n            type=\"button\"\n            class=\"tpl-text-toolbar-btn\"\n            :aria-label=\"t.paragraphEditor.clearFormatting\"\n            :title=\"t.paragraphEditor.clearFormatting\"\n            @click=\"editor?.chain().focus().clearNodes().unsetAllMarks().run()\"\n          >\n            <RemoveFormatting :size=\"16\" :stroke-width=\"2\" />\n          </button>\n          <!-- Emoji Picker -->\n          <span\n            class=\"tpl:mx-1.5 tpl:h-6 tpl:w-px tpl:bg-[var(--tpl-border)]\"\n            aria-hidden=\"true\"\n          ></span>\n          <EmojiPickerDropdown @insert=\"insertEmoji\" />\n          <!-- Add Merge Tag -->\n          <span\n            v-if=\"mergeTagEnabled\"\n            class=\"tpl:mx-1.5 tpl:h-6 tpl:w-px tpl:bg-[var(--tpl-border)]\"\n          ></span>\n          <button\n            v-if=\"mergeTagEnabled\"\n            type=\"button\"\n            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)]\"\n            :aria-label=\"t.mergeTag.add\"\n            :title=\"t.mergeTag.add\"\n            @click=\"emit('add-merge-tag')\"\n          >\n            <ScanLine :size=\"16\" :stroke-width=\"2\" />\n            {{ t.mergeTag.add }}\n          </button>\n        </div>\n      </template>\n      <template v-else>\n        <div\n          class=\"tpl:flex tpl:items-center tpl:gap-2 tpl:px-2 tpl:text-xs tpl:text-[var(--tpl-text-dim)]\"\n        >\n          <LoaderCircle class=\"tpl-spinner\" :size=\"14\" :stroke-width=\"2\" />\n          {{ t.errors.editorLoading }}\n        </div>\n      </template>\n    </div>\n  </Teleport>\n</template>\n","<script setup lang=\"ts\">\nimport EmojiPickerDropdown from \"./EmojiPickerDropdown.vue\";\nimport { useI18n } from \"../../composables\";\nimport type { Editor } from \"@tiptap/core\";\nimport {\n  AlignCenter,\n  AlignLeft,\n  AlignRight,\n  Bold,\n  Italic,\n  Link,\n  List,\n  ListOrdered,\n  LoaderCircle,\n  RemoveFormatting,\n  ScanLine,\n  Strikethrough,\n  Subscript,\n  Superscript,\n  Underline,\n} from \"@lucide/vue\";\nimport { inject } from \"vue\";\nimport {\n  THEME_STYLES_KEY,\n  UI_THEME_KEY,\n  FONTS_MANAGER_KEY,\n  requireInject,\n} from \"../../keys\";\nimport {\n  DEFAULT_TEXT_COLOR,\n  DEFAULT_HIGHLIGHT_COLOR,\n  FONT_SIZE_OPTIONS,\n  LINE_HEIGHT_OPTIONS,\n  LETTER_SPACING_OPTIONS,\n} from \"../../constants/styleConstants\";\n\nconst props = defineProps<{\n  editor: Editor | null;\n  toolbarPosition: { top: number; left: number };\n  isLoading: boolean;\n  mergeTagEnabled: boolean;\n}>();\n\nconst emit = defineEmits<{\n  (e: \"open-link-dialog\"): void;\n  (e: \"add-merge-tag\"): void;\n}>();\n\nconst themeStyles = inject(THEME_STYLES_KEY, null);\nconst tplUiTheme = inject(UI_THEME_KEY, null);\nconst fontsManager = requireInject(FONTS_MANAGER_KEY, \"ParagraphToolbar\");\n\nconst { t } = useI18n();\n\nconst fontFamilies = fontsManager.fonts;\n\nfunction insertEmoji(emoji: string): void {\n  props.editor?.chain().focus().insertContent(emoji).run();\n}\n\nfunction getCurrentFontFamily(): string {\n  return (props.editor?.getAttributes(\"textStyle\").fontFamily as string) || \"\";\n}\n\nfunction getCurrentFontSize(): string {\n  return (props.editor?.getAttributes(\"textStyle\").fontSize as string) || \"\";\n}\n\nfunction getCurrentColor(): string {\n  return (props.editor?.getAttributes(\"textStyle\").color as string) || \"\";\n}\n\nfunction setFontFamily(family: string): void {\n  if (family) {\n    props.editor?.chain().focus().setFontFamily(family).run();\n  } else {\n    props.editor?.chain().focus().unsetFontFamily().run();\n  }\n}\n\nfunction setFontSize(size: string): void {\n  if (size) {\n    props.editor?.chain().focus().setFontSize(size).run();\n  } else {\n    props.editor?.chain().focus().unsetFontSize().run();\n  }\n}\n\nfunction setColor(color: string): void {\n  if (color) {\n    props.editor?.chain().focus().setColor(color).run();\n  } else {\n    props.editor?.chain().focus().unsetColor().run();\n  }\n}\n\nfunction getCurrentLineHeight(): string {\n  return (props.editor?.getAttributes(\"paragraph\").lineHeight as string) || \"\";\n}\n\nfunction setLineHeight(value: string): void {\n  if (value) {\n    props.editor?.chain().focus().setLineHeight(value).run();\n  } else {\n    props.editor?.chain().focus().unsetLineHeight().run();\n  }\n}\n\nfunction getCurrentLetterSpacing(): string {\n  return (\n    (props.editor?.getAttributes(\"textStyle\").letterSpacing as string) || \"\"\n  );\n}\n\nfunction setLetterSpacing(value: string): void {\n  if (value && value !== \"normal\") {\n    props.editor?.chain().focus().setLetterSpacing(value).run();\n  } else {\n    props.editor?.chain().focus().unsetLetterSpacing().run();\n  }\n}\n\nfunction getCurrentHighlight(): string {\n  return (props.editor?.getAttributes(\"highlight\").color as string) || \"\";\n}\n\nfunction setHighlight(color: string): void {\n  if (color) {\n    props.editor?.chain().focus().setHighlight({ color }).run();\n  } else {\n    props.editor?.chain().focus().unsetHighlight().run();\n  }\n}\n</script>\n\n<template>\n  <Teleport to=\"body\">\n    <div\n      :data-tpl-theme=\"tplUiTheme\"\n      role=\"toolbar\"\n      :aria-label=\"t.paragraphEditor.toolbar\"\n      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\"\n      :style=\"{\n        ...themeStyles,\n        top: `${toolbarPosition.top}px`,\n        left: `${toolbarPosition.left}px`,\n        transform: 'translateY(-100%)',\n        flexDirection: 'column',\n      }\"\n    >\n      <template v-if=\"!isLoading && editor\">\n        <!-- Row 1: Font family, Font size, Text color, Bold/Italic/Underline/Strikethrough -->\n        <div class=\"tpl:flex tpl:items-center tpl:gap-1\">\n          <select\n            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\"\n            :value=\"getCurrentFontFamily()\"\n            :aria-label=\"t.paragraphEditor.fontFamily\"\n            :title=\"t.paragraphEditor.fontFamily\"\n            @change=\"setFontFamily(($event.target as HTMLSelectElement).value)\"\n          >\n            <option value=\"\">{{ t.paragraphEditor.defaultFont }}</option>\n            <option\n              v-for=\"font in fontFamilies\"\n              :key=\"font.value\"\n              :value=\"font.value\"\n            >\n              {{ font.label }}\n            </option>\n          </select>\n          <select\n            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\"\n            :value=\"getCurrentFontSize()\"\n            :aria-label=\"t.paragraphEditor.fontSize\"\n            :title=\"t.paragraphEditor.fontSize\"\n            @change=\"setFontSize(($event.target as HTMLSelectElement).value)\"\n          >\n            <option value=\"\">{{ t.paragraphEditor.defaultSize }}</option>\n            <option v-for=\"size in FONT_SIZE_OPTIONS\" :key=\"size\" :value=\"size\">\n              {{ size }}\n            </option>\n          </select>\n          <span\n            class=\"tpl:mx-1 tpl:h-6 tpl:w-px tpl:bg-[var(--tpl-border)]\"\n            aria-hidden=\"true\"\n          ></span>\n          <div class=\"tpl:relative\">\n            <input\n              type=\"color\"\n              class=\"tpl:size-8 tpl:cursor-pointer tpl:rounded tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:p-1\"\n              :value=\"getCurrentColor() || DEFAULT_TEXT_COLOR\"\n              :aria-label=\"t.paragraphEditor.textColor\"\n              :title=\"t.paragraphEditor.textColor\"\n              @input=\"setColor(($event.target as HTMLInputElement).value)\"\n            />\n          </div>\n          <div class=\"tpl:relative\">\n            <input\n              type=\"color\"\n              class=\"tpl:size-8 tpl:cursor-pointer tpl:rounded tpl:border tpl:border-[var(--tpl-border)] tpl:p-1\"\n              :style=\"{\n                backgroundColor: getCurrentHighlight() || 'var(--tpl-bg)',\n              }\"\n              :value=\"getCurrentHighlight() || DEFAULT_HIGHLIGHT_COLOR\"\n              :aria-label=\"t.paragraphEditor.highlightColor\"\n              :title=\"t.paragraphEditor.highlightColor\"\n              @input=\"setHighlight(($event.target as HTMLInputElement).value)\"\n            />\n          </div>\n          <span\n            class=\"tpl:mx-1 tpl:h-6 tpl:w-px tpl:bg-[var(--tpl-border)]\"\n            aria-hidden=\"true\"\n          ></span>\n          <!-- Bold/Italic/Underline/Strikethrough -->\n          <button\n            type=\"button\"\n            class=\"tpl-text-toolbar-btn\"\n            :class=\"{\n              'tpl-text-toolbar-btn--active': editor?.isActive('bold'),\n            }\"\n            :aria-label=\"t.paragraphEditor.bold\"\n            :title=\"t.paragraphEditor.bold\"\n            @click=\"editor?.chain().focus().toggleBold().run()\"\n          >\n            <Bold :size=\"16\" :stroke-width=\"2.5\" />\n          </button>\n          <button\n            type=\"button\"\n            class=\"tpl-text-toolbar-btn\"\n            :class=\"{\n              'tpl-text-toolbar-btn--active': editor?.isActive('italic'),\n            }\"\n            :aria-label=\"t.paragraphEditor.italic\"\n            :title=\"t.paragraphEditor.italic\"\n            @click=\"editor?.chain().focus().toggleItalic().run()\"\n          >\n            <Italic :size=\"16\" :stroke-width=\"2\" />\n          </button>\n          <button\n            type=\"button\"\n            class=\"tpl-text-toolbar-btn\"\n            :class=\"{\n              'tpl-text-toolbar-btn--active': editor?.isActive('underline'),\n            }\"\n            :aria-label=\"t.paragraphEditor.underline\"\n            :title=\"t.paragraphEditor.underline\"\n            @click=\"editor?.chain().focus().toggleUnderline().run()\"\n          >\n            <Underline :size=\"16\" :stroke-width=\"2\" />\n          </button>\n          <button\n            type=\"button\"\n            class=\"tpl-text-toolbar-btn\"\n            :class=\"{\n              'tpl-text-toolbar-btn--active': editor?.isActive('strike'),\n            }\"\n            :aria-label=\"t.paragraphEditor.strikethrough\"\n            :title=\"t.paragraphEditor.strikethrough\"\n            @click=\"editor?.chain().focus().toggleStrike().run()\"\n          >\n            <Strikethrough :size=\"16\" :stroke-width=\"2\" />\n          </button>\n          <span\n            class=\"tpl:mx-1 tpl:h-6 tpl:w-px tpl:bg-[var(--tpl-border)]\"\n            aria-hidden=\"true\"\n          ></span>\n          <!-- Subscript/Superscript -->\n          <button\n            type=\"button\"\n            class=\"tpl-text-toolbar-btn\"\n            :class=\"{\n              'tpl-text-toolbar-btn--active': editor?.isActive('subscript'),\n            }\"\n            :aria-label=\"t.paragraphEditor.subscript\"\n            :title=\"t.paragraphEditor.subscript\"\n            @click=\"editor?.chain().focus().toggleSubscript().run()\"\n          >\n            <Subscript :size=\"16\" :stroke-width=\"2\" />\n          </button>\n          <button\n            type=\"button\"\n            class=\"tpl-text-toolbar-btn\"\n            :class=\"{\n              'tpl-text-toolbar-btn--active': editor?.isActive('superscript'),\n            }\"\n            :aria-label=\"t.paragraphEditor.superscript\"\n            :title=\"t.paragraphEditor.superscript\"\n            @click=\"editor?.chain().focus().toggleSuperscript().run()\"\n          >\n            <Superscript :size=\"16\" :stroke-width=\"2\" />\n          </button>\n          <span\n            class=\"tpl:mx-1 tpl:h-6 tpl:w-px tpl:bg-[var(--tpl-border)]\"\n            aria-hidden=\"true\"\n          ></span>\n          <!-- Link -->\n          <button\n            type=\"button\"\n            class=\"tpl-text-toolbar-btn\"\n            :class=\"{\n              'tpl-text-toolbar-btn--active': editor?.isActive('link'),\n            }\"\n            :aria-label=\"t.paragraphEditor.addLink\"\n            :title=\"t.paragraphEditor.addLink\"\n            @click=\"emit('open-link-dialog')\"\n          >\n            <Link :size=\"16\" :stroke-width=\"2\" />\n          </button>\n        </div>\n        <!-- Row 2: Lists, Alignment, LH, LS, Clear, Emoji, Merge tags -->\n        <div class=\"tpl:flex tpl:items-center tpl:gap-1\">\n          <!-- Lists -->\n          <button\n            type=\"button\"\n            class=\"tpl-text-toolbar-btn\"\n            :class=\"{\n              'tpl-text-toolbar-btn--active': editor?.isActive('bulletList'),\n            }\"\n            :aria-label=\"t.paragraphEditor.bulletList\"\n            :title=\"t.paragraphEditor.bulletList\"\n            @click=\"editor?.chain().focus().toggleBulletList().run()\"\n          >\n            <List :size=\"16\" :stroke-width=\"2\" />\n          </button>\n          <button\n            type=\"button\"\n            class=\"tpl-text-toolbar-btn\"\n            :class=\"{\n              'tpl-text-toolbar-btn--active': editor?.isActive('orderedList'),\n            }\"\n            :aria-label=\"t.paragraphEditor.numberedList\"\n            :title=\"t.paragraphEditor.numberedList\"\n            @click=\"editor?.chain().focus().toggleOrderedList().run()\"\n          >\n            <ListOrdered :size=\"16\" :stroke-width=\"2\" />\n          </button>\n          <span\n            class=\"tpl:mx-1.5 tpl:h-6 tpl:w-px tpl:bg-[var(--tpl-border)]\"\n            aria-hidden=\"true\"\n          ></span>\n          <!-- Alignment -->\n          <button\n            type=\"button\"\n            class=\"tpl-text-toolbar-btn\"\n            :class=\"{\n              'tpl-text-toolbar-btn--active': editor?.isActive({\n                textAlign: 'left',\n              }),\n            }\"\n            :aria-label=\"t.paragraphEditor.alignLeft\"\n            :title=\"t.paragraphEditor.alignLeft\"\n            @click=\"editor?.chain().focus().setTextAlign('left').run()\"\n          >\n            <AlignLeft :size=\"16\" :stroke-width=\"2\" />\n          </button>\n          <button\n            type=\"button\"\n            class=\"tpl-text-toolbar-btn\"\n            :class=\"{\n              'tpl-text-toolbar-btn--active': editor?.isActive({\n                textAlign: 'center',\n              }),\n            }\"\n            :aria-label=\"t.paragraphEditor.alignCenter\"\n            :title=\"t.paragraphEditor.alignCenter\"\n            @click=\"editor?.chain().focus().setTextAlign('center').run()\"\n          >\n            <AlignCenter :size=\"16\" :stroke-width=\"2\" />\n          </button>\n          <button\n            type=\"button\"\n            class=\"tpl-text-toolbar-btn\"\n            :class=\"{\n              'tpl-text-toolbar-btn--active': editor?.isActive({\n                textAlign: 'right',\n              }),\n            }\"\n            :aria-label=\"t.paragraphEditor.alignRight\"\n            :title=\"t.paragraphEditor.alignRight\"\n            @click=\"editor?.chain().focus().setTextAlign('right').run()\"\n          >\n            <AlignRight :size=\"16\" :stroke-width=\"2\" />\n          </button>\n          <span\n            class=\"tpl:mx-1.5 tpl:h-6 tpl:w-px tpl:bg-[var(--tpl-border)]\"\n            aria-hidden=\"true\"\n          ></span>\n          <!-- Line Height -->\n          <select\n            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\"\n            :value=\"getCurrentLineHeight()\"\n            :title=\"t.paragraphEditor.lineHeight\"\n            @change=\"setLineHeight(($event.target as HTMLSelectElement).value)\"\n          >\n            <option value=\"\">LH</option>\n            <option v-for=\"lh in LINE_HEIGHT_OPTIONS\" :key=\"lh\" :value=\"lh\">\n              {{ lh }}\n            </option>\n          </select>\n          <!-- Letter Spacing -->\n          <select\n            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\"\n            :value=\"getCurrentLetterSpacing()\"\n            :title=\"t.paragraphEditor.letterSpacing\"\n            @change=\"\n              setLetterSpacing(($event.target as HTMLSelectElement).value)\n            \"\n          >\n            <option value=\"\">LS</option>\n            <option\n              v-for=\"ls in LETTER_SPACING_OPTIONS\"\n              :key=\"ls.value\"\n              :value=\"ls.value\"\n            >\n              {{ ls.label }}\n            </option>\n          </select>\n          <span\n            class=\"tpl:mx-1.5 tpl:h-6 tpl:w-px tpl:bg-[var(--tpl-border)]\"\n            aria-hidden=\"true\"\n          ></span>\n          <!-- Clear Formatting -->\n          <button\n            type=\"button\"\n            class=\"tpl-text-toolbar-btn\"\n            :aria-label=\"t.paragraphEditor.clearFormatting\"\n            :title=\"t.paragraphEditor.clearFormatting\"\n            @click=\"editor?.chain().focus().clearNodes().unsetAllMarks().run()\"\n          >\n            <RemoveFormatting :size=\"16\" :stroke-width=\"2\" />\n          </button>\n          <!-- Emoji Picker -->\n          <span\n            class=\"tpl:mx-1.5 tpl:h-6 tpl:w-px tpl:bg-[var(--tpl-border)]\"\n            aria-hidden=\"true\"\n          ></span>\n          <EmojiPickerDropdown @insert=\"insertEmoji\" />\n          <!-- Add Merge Tag -->\n          <span\n            v-if=\"mergeTagEnabled\"\n            class=\"tpl:mx-1.5 tpl:h-6 tpl:w-px tpl:bg-[var(--tpl-border)]\"\n          ></span>\n          <button\n            v-if=\"mergeTagEnabled\"\n            type=\"button\"\n            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)]\"\n            :aria-label=\"t.mergeTag.add\"\n            :title=\"t.mergeTag.add\"\n            @click=\"emit('add-merge-tag')\"\n          >\n            <ScanLine :size=\"16\" :stroke-width=\"2\" />\n            {{ t.mergeTag.add }}\n          </button>\n        </div>\n      </template>\n      <template v-else>\n        <div\n          class=\"tpl:flex tpl:items-center tpl:gap-2 tpl:px-2 tpl:text-xs tpl:text-[var(--tpl-text-dim)]\"\n        >\n          <LoaderCircle class=\"tpl-spinner\" :size=\"14\" :stroke-width=\"2\" />\n          {{ t.errors.editorLoading }}\n        </div>\n      </template>\n    </div>\n  </Teleport>\n</template>\n","<script setup lang=\"ts\">\nimport { useRichTextEditor } from \"../../composables/useRichTextEditor\";\nimport type { ParagraphBlock as ParagraphBlockType } from \"@templatical/types\";\nimport ParagraphToolbar from \"./ParagraphToolbar.vue\";\nimport RichTextLinkDialog from \"./RichTextLinkDialog.vue\";\nimport RichTextEditorContent from \"./RichTextEditorContent.vue\";\n\nconst props = defineProps<{\n  block: ParagraphBlockType;\n  toolbarPosition: { top: number; left: number };\n}>();\n\nconst emit = defineEmits<{\n  (e: \"done\"): void;\n}>();\n\nconst {\n  editor,\n  EditorContent,\n  isLoading,\n  initError,\n  retry,\n  showLinkDialog,\n  linkUrl,\n  linkDialogRef,\n  mergeTagEnabled,\n  openLinkDialog,\n  insertLink,\n  removeLink,\n  closeLinkDialog,\n  handleLinkKeydown,\n  handleAddMergeTag,\n} = useRichTextEditor({\n  blockId: () => props.block.id,\n  blockContent: () => props.block.content,\n  onDone: () => emit(\"done\"),\n  editorName: \"ParagraphEditor\",\n  async loadExtensions({ mergeTags, syntax }) {\n    const [\n      { Editor: TiptapEditor, EditorContent: EC },\n      { default: StarterKit },\n      { default: LinkExt },\n      { default: UnderlineExt },\n      { default: SubscriptExt },\n      { default: SuperscriptExt },\n      { default: TextAlign },\n      { TextStyle },\n      { default: Color },\n      { default: FontFamily },\n      { default: Highlight },\n      { MergeTagNode, LogicMergeTagNode, FontSize, LineHeight, LetterSpacing },\n    ] = await Promise.all([\n      import(\"@tiptap/vue-3\"),\n      import(\"@tiptap/starter-kit\"),\n      import(\"@tiptap/extension-link\"),\n      import(\"@tiptap/extension-underline\"),\n      import(\"@tiptap/extension-subscript\"),\n      import(\"@tiptap/extension-superscript\"),\n      import(\"@tiptap/extension-text-align\"),\n      import(\"@tiptap/extension-text-style\"),\n      import(\"@tiptap/extension-color\"),\n      import(\"@tiptap/extension-font-family\"),\n      import(\"@tiptap/extension-highlight\"),\n      import(\"../../extensions\"),\n    ]);\n\n    return {\n      TiptapEditor,\n      EC,\n      extensions: [\n        StarterKit.configure({\n          heading: false,\n          codeBlock: false,\n          blockquote: false,\n          horizontalRule: false,\n        }),\n        UnderlineExt,\n        SubscriptExt,\n        SuperscriptExt,\n        LinkExt.configure({\n          openOnClick: false,\n          HTMLAttributes: {\n            target: \"_blank\",\n            rel: \"noopener noreferrer\",\n          },\n        }),\n        TextAlign.configure({ types: [\"paragraph\"] }),\n        TextStyle,\n        Color,\n        FontFamily,\n        Highlight.configure({ multicolor: true }),\n        FontSize,\n        LineHeight,\n        LetterSpacing,\n        MergeTagNode.configure({ mergeTags, syntax }),\n        LogicMergeTagNode.configure({ syntax }),\n      ],\n    };\n  },\n});\n</script>\n\n<template>\n  <div class=\"tpl-text-editor-wrapper tpl:relative\">\n    <ParagraphToolbar\n      :editor=\"editor\"\n      :toolbar-position=\"toolbarPosition\"\n      :is-loading=\"isLoading\"\n      :merge-tag-enabled=\"mergeTagEnabled\"\n      @open-link-dialog=\"openLinkDialog\"\n      @add-merge-tag=\"handleAddMergeTag\"\n    />\n\n    <RichTextEditorContent\n      :editor=\"editor\"\n      :editor-content=\"EditorContent\"\n      :is-loading=\"isLoading\"\n      :init-error=\"initError\"\n      @retry=\"retry\"\n    />\n\n    <RichTextLinkDialog\n      :visible=\"showLinkDialog\"\n      :is-editing-link=\"editor?.isActive('link') ?? false\"\n      v-model:dialog-ref=\"linkDialogRef\"\n      v-model:link-url=\"linkUrl\"\n      @close=\"closeLinkDialog\"\n      @insert=\"insertLink\"\n      @remove=\"removeLink\"\n      @keydown=\"handleLinkKeydown\"\n    />\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { useRichTextEditor } from \"../../composables/useRichTextEditor\";\nimport type { ParagraphBlock as ParagraphBlockType } from \"@templatical/types\";\nimport ParagraphToolbar from \"./ParagraphToolbar.vue\";\nimport RichTextLinkDialog from \"./RichTextLinkDialog.vue\";\nimport RichTextEditorContent from \"./RichTextEditorContent.vue\";\n\nconst props = defineProps<{\n  block: ParagraphBlockType;\n  toolbarPosition: { top: number; left: number };\n}>();\n\nconst emit = defineEmits<{\n  (e: \"done\"): void;\n}>();\n\nconst {\n  editor,\n  EditorContent,\n  isLoading,\n  initError,\n  retry,\n  showLinkDialog,\n  linkUrl,\n  linkDialogRef,\n  mergeTagEnabled,\n  openLinkDialog,\n  insertLink,\n  removeLink,\n  closeLinkDialog,\n  handleLinkKeydown,\n  handleAddMergeTag,\n} = useRichTextEditor({\n  blockId: () => props.block.id,\n  blockContent: () => props.block.content,\n  onDone: () => emit(\"done\"),\n  editorName: \"ParagraphEditor\",\n  async loadExtensions({ mergeTags, syntax }) {\n    const [\n      { Editor: TiptapEditor, EditorContent: EC },\n      { default: StarterKit },\n      { default: LinkExt },\n      { default: UnderlineExt },\n      { default: SubscriptExt },\n      { default: SuperscriptExt },\n      { default: TextAlign },\n      { TextStyle },\n      { default: Color },\n      { default: FontFamily },\n      { default: Highlight },\n      { MergeTagNode, LogicMergeTagNode, FontSize, LineHeight, LetterSpacing },\n    ] = await Promise.all([\n      import(\"@tiptap/vue-3\"),\n      import(\"@tiptap/starter-kit\"),\n      import(\"@tiptap/extension-link\"),\n      import(\"@tiptap/extension-underline\"),\n      import(\"@tiptap/extension-subscript\"),\n      import(\"@tiptap/extension-superscript\"),\n      import(\"@tiptap/extension-text-align\"),\n      import(\"@tiptap/extension-text-style\"),\n      import(\"@tiptap/extension-color\"),\n      import(\"@tiptap/extension-font-family\"),\n      import(\"@tiptap/extension-highlight\"),\n      import(\"../../extensions\"),\n    ]);\n\n    return {\n      TiptapEditor,\n      EC,\n      extensions: [\n        StarterKit.configure({\n          heading: false,\n          codeBlock: false,\n          blockquote: false,\n          horizontalRule: false,\n        }),\n        UnderlineExt,\n        SubscriptExt,\n        SuperscriptExt,\n        LinkExt.configure({\n          openOnClick: false,\n          HTMLAttributes: {\n            target: \"_blank\",\n            rel: \"noopener noreferrer\",\n          },\n        }),\n        TextAlign.configure({ types: [\"paragraph\"] }),\n        TextStyle,\n        Color,\n        FontFamily,\n        Highlight.configure({ multicolor: true }),\n        FontSize,\n        LineHeight,\n        LetterSpacing,\n        MergeTagNode.configure({ mergeTags, syntax }),\n        LogicMergeTagNode.configure({ syntax }),\n      ],\n    };\n  },\n});\n</script>\n\n<template>\n  <div class=\"tpl-text-editor-wrapper tpl:relative\">\n    <ParagraphToolbar\n      :editor=\"editor\"\n      :toolbar-position=\"toolbarPosition\"\n      :is-loading=\"isLoading\"\n      :merge-tag-enabled=\"mergeTagEnabled\"\n      @open-link-dialog=\"openLinkDialog\"\n      @add-merge-tag=\"handleAddMergeTag\"\n    />\n\n    <RichTextEditorContent\n      :editor=\"editor\"\n      :editor-content=\"EditorContent\"\n      :is-loading=\"isLoading\"\n      :init-error=\"initError\"\n      @retry=\"retry\"\n    />\n\n    <RichTextLinkDialog\n      :visible=\"showLinkDialog\"\n      :is-editing-link=\"editor?.isActive('link') ?? false\"\n      v-model:dialog-ref=\"linkDialogRef\"\n      v-model:link-url=\"linkUrl\"\n      @close=\"closeLinkDialog\"\n      @insert=\"insertLink\"\n      @remove=\"removeLink\"\n      @keydown=\"handleLinkKeydown\"\n    />\n  </div>\n</template>\n"],"mappings":"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"}