@aswin.dev/editor 0.7.0 → 0.7.2

package/dist/cdn/chunks/{ParagraphEditor-B6Ygu-Mq.js → ParagraphEditor-BA1WbHI7.js}

@@ -1,67 +1,67 @@
-import { $ as e, E as t, F as n, J as r, N as i, R as a, S as o, _ as s, at as c, b as l, ct as u, d, f, g as p, h as m, l as h, lt as g, m as _, p as v, st as y, u as b, y as x } from "./draggable-Bcb86AsV.js";
-import { $t as S, Nt as C, Qt as w, X as T, en as E, et as D, gt as O, q as k, qt as ee, tn as A, tt as j } from "./features-DEMb13KS.js";
-import { B as M, H as N, R as P, X as F, _ as I, c as te, f as ne, i as re, o as ie, p as L, s as R, u as z, w as B, x as V, z as H } from "./icons-CsLTcirh.js";
-import { a as U, o as W, s as G } from "./styleConstants-DP1VOca8.js";
-import { n as K, t as q } from "./RichTextEditorContent-DL_y2SrR.js";
+import { C as e, D as t, I as n, P as r, X as i, _ as a, b as o, ct as s, d as c, dt as l, f as u, ft as d, g as f, h as p, m, p as h, tt as g, u as _, ut as v, v as y, x as b, z as x } from "./draggable-C-1_gch3.js";
+import { J as S, Lt as C, Qt as w, Z as T, an as E, ln as D, nt as O, on as k, sn as A, tt as j, yt as M } from "./features-DIBEo4xl.js";
+import { C as N, E as P, G as ee, K as te, W as ne, Y as re, c as ie, d as F, i as I, l as L, m as R, p as z, s as B, st as V, v as H } from "./icons-C1Gg-ov-.js";
+import { a as U, o as W, s as G } from "./styleConstants-PgmvNBzQ.js";
+import { n as K, t as q } from "./RichTextEditorContent-BtWCA_Oc.js";
 //#region src/components/blocks/EmojiPickerDropdown.vue?vue&type=script&setup=true&lang.ts
 var J = [
 	"aria-label",
 	"title",
 	"aria-expanded"
-], Y = ["aria-label"], ae = { class: "tpl:mb-1.5 tpl:text-[10px] tpl:font-medium tpl:tracking-wide tpl:text-[var(--tpl-text-muted)] tpl:uppercase" }, oe = { class: "tpl:grid tpl:grid-cols-10 tpl:gap-0.5" }, se = ["aria-label", "onClick"], ce = /* @__PURE__ */ o({
+], Y = ["aria-label"], ae = { class: "tpl:mb-1.5 tpl:text-[10px] tpl:font-medium tpl:tracking-wide tpl:text-[var(--tpl-text-muted)] tpl:uppercase" }, oe = { class: "tpl:grid tpl:grid-cols-10 tpl:gap-0.5" }, se = ["aria-label", "onClick"], ce = /* @__PURE__ */ e({
 	__name: "EmojiPickerDropdown",
 	emits: ["insert"],
-	setup(t, { emit: r }) {
-		let a = r, { categories: o, isOpen: u, toggle: f, close: m } = T(), { t: x, format: S } = C(), w = e(null), E = e(null);
-		D(w, v(() => u.value)), A(E, () => {
-			u.value && m();
+	setup(e, { emit: t }) {
+		let i = t, { categories: o, isOpen: l, toggle: f, close: h } = T(), { t: x, format: S } = C(), w = g(null), E = g(null);
+		j(w, m(() => l.value)), D(E, () => {
+			l.value && h();
 		});
 		function O(e) {
-			a("insert", e), m();
+			i("insert", e), h();
 		}
-		return (e, t) => (i(), s("div", {
+		return (e, t) => (r(), y("div", {
 			ref_key: "rootRef",
 			ref: E,
 			class: "tpl:relative"
-		}, [_("button", {
+		}, [p("button", {
 			type: "button",
-			class: y(["tpl-text-toolbar-btn", { "tpl-text-toolbar-btn--active": c(u) }]),
-			"aria-label": c(x).paragraphEditor.insertEmoji,
-			title: c(x).paragraphEditor.insertEmoji,
-			"aria-expanded": c(u),
+			class: v(["tpl-text-toolbar-btn", { "tpl-text-toolbar-btn--active": s(l) }]),
+			"aria-label": s(x).paragraphEditor.insertEmoji,
+			title: s(x).paragraphEditor.insertEmoji,
+			"aria-expanded": s(l),
 			"aria-haspopup": "dialog",
 			"aria-controls": "tpl-emoji-picker",
-			onClick: t[0] ||= (...e) => c(f) && c(f)(...e)
-		}, [l(c(I), {
+			onClick: t[0] ||= (...e) => s(f) && s(f)(...e)
+		}, [b(s(H), {
 			size: 16,
 			"stroke-width": 2
-		})], 10, J), c(u) ? (i(), s("div", {
+		})], 10, J), s(l) ? (r(), y("div", {
 			key: 0,
 			id: "tpl-emoji-picker",
 			ref_key: "pickerRef",
 			ref: w,
 			role: "dialog",
 			"aria-modal": "false",
-			"aria-label": c(x).paragraphEditor.insertEmoji,
+			"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] ||= h(b((...e) => c(m) && c(m)(...e), ["stop", "prevent"]), ["esc"])
-		}, [(i(!0), s(d, null, n(c(o), (e) => (i(), s("div", {
+			onKeydown: t[1] ||= _(c((...e) => s(h) && s(h)(...e), ["stop", "prevent"]), ["esc"])
+		}, [(r(!0), y(u, null, n(s(o), (e) => (r(), y("div", {
 			key: e.key,
 			class: "tpl:mb-2 tpl:last:mb-0"
-		}, [_("div", ae, g(c(x).emoji[e.key]), 1), _("div", oe, [(i(!0), s(d, null, n(e.emojis, (e) => (i(), s("button", {
+		}, [p("div", ae, d(s(x).emoji[e.key]), 1), p("div", oe, [(r(!0), y(u, null, n(e.emojis, (e) => (r(), y("button", {
 			key: e,
 			type: "button",
-			"aria-label": c(S)(c(x).paragraphEditor.emojiItemLabel, { emoji: e }),
+			"aria-label": s(S)(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)
-		}, g(e), 9, se))), 128))])]))), 128))], 40, Y)) : p("", !0)], 512));
+		}, d(e), 9, se))), 128))])]))), 128))], 40, Y)) : a("", !0)], 512));
 	}
 }), le = [
 	"aria-label",
 	"title",
 	"aria-pressed"
-], X = /* @__PURE__ */ o({
+], X = /* @__PURE__ */ e({
 	__name: "ToolbarIconButton",
 	props: {
 		icon: {},
@@ -71,13 +71,13 @@ var J = [
 		size: {}
 	},
 	setup(e) {
-		return (t, n) => (i(), s("button", {
+		return (t, n) => (r(), y("button", {
 			type: "button",
-			class: y(["tpl-text-toolbar-btn", { "tpl-text-toolbar-btn--active": e.active }]),
+			class: v(["tpl-text-toolbar-btn", { "tpl-text-toolbar-btn--active": e.active }]),
 			"aria-label": e.label,
 			title: e.label,
 			"aria-pressed": e.active ? "true" : "false"
-		}, [(i(), m(a(e.icon), {
+		}, [(r(), f(x(e.icon), {
 			size: e.size ?? 16,
 			"stroke-width": e.strokeWidth ?? 2
 		}, null, 8, ["size", "stroke-width"]))], 10, le));
@@ -87,13 +87,13 @@ var J = [
 	"aria-hidden": "true"
 };
 function fe(e, t) {
-	return i(), s("span", de);
+	return r(), y("span", de);
 }
-var Z = /* @__PURE__ */ j(ue, [["render", fe]]), pe = [
+var Z = /* @__PURE__ */ O(ue, [["render", fe]]), pe = [
 	"value",
 	"aria-label",
 	"title"
-], me = { value: "" }, he = ["value"], Q = /* @__PURE__ */ o({
+], me = { value: "" }, he = ["value"], Q = /* @__PURE__ */ e({
 	__name: "ToolbarSelect",
 	props: {
 		modelValue: {},
@@ -104,26 +104,26 @@ var Z = /* @__PURE__ */ j(ue, [["render", fe]]), pe = [
 	},
 	emits: ["update:modelValue"],
 	setup(e, { emit: t }) {
-		let r = t;
+		let i = t;
 		function a(e) {
-			r("update:modelValue", e.target.value);
+			i("update:modelValue", e.target.value);
 		}
 		function o(e) {
 			return typeof e == "string" ? e : e.value;
 		}
-		function c(e) {
+		function s(e) {
 			return typeof e == "string" ? e : e.label;
 		}
-		return (t, r) => (i(), s("select", {
-			class: y(["tpl:h-8 tpl:cursor-pointer tpl:rounded tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:px-2 tpl:text-xs tpl:text-[var(--tpl-text)] tpl:outline-none", e.widthClass ?? "tpl:w-20"]),
+		return (t, i) => (r(), y("select", {
+			class: v(["tpl:h-8 tpl:cursor-pointer tpl:rounded tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:px-2 tpl:text-xs tpl:text-[var(--tpl-text)] tpl:outline-none", e.widthClass ?? "tpl:w-20"]),
 			value: e.modelValue,
 			"aria-label": e.label,
 			title: e.label,
 			onChange: a
-		}, [_("option", me, g(e.placeholder ?? ""), 1), (i(!0), s(d, null, n(e.options, (e) => (i(), s("option", {
+		}, [p("option", me, d(e.placeholder ?? ""), 1), (r(!0), y(u, null, n(e.options, (e) => (r(), y("option", {
 			key: o(e),
 			value: o(e)
-		}, g(c(e)), 9, he))), 128))], 42, pe));
+		}, d(s(e)), 9, he))), 128))], 42, pe));
 	}
 }), ge = ["data-tpl-theme", "aria-label"], _e = { class: "tpl:flex tpl:items-center tpl:gap-1" }, ve = { class: "tpl:relative" }, ye = [
 	"value",
@@ -136,7 +136,7 @@ var Z = /* @__PURE__ */ j(ue, [["render", fe]]), pe = [
 ], xe = { class: "tpl:flex tpl:items-center tpl:gap-1" }, Se = ["aria-label", "title"], Ce = {
 	key: 1,
 	class: "tpl:flex tpl:items-center tpl:gap-2 tpl:px-2 tpl:text-xs tpl:text-[var(--tpl-text-dim)]"
-}, we = /* @__PURE__ */ o({
+}, we = /* @__PURE__ */ e({
 	__name: "ParagraphToolbar",
 	props: {
 		editor: {},
@@ -146,104 +146,104 @@ var Z = /* @__PURE__ */ j(ue, [["render", fe]]), pe = [
 	},
 	emits: ["open-link-dialog", "add-merge-tag"],
 	setup(e, { emit: n }) {
-		let r = e, a = n, o = t(w, null), h = t(S, null), v = E(ee, "ParagraphToolbar"), { t: y } = C(), b = v.fonts;
+		let i = e, c = n, m = t(E, null), g = t(k, null), _ = A(w, "ParagraphToolbar"), { t: v } = C(), x = _.fonts;
+		function S(e) {
+			i.editor?.chain().focus().insertContent(e).run();
+		}
 		function T(e) {
-			r.editor?.chain().focus().insertContent(e).run();
+			return i.editor?.getAttributes("textStyle")[e] || "";
 		}
 		function D(e) {
-			return r.editor?.getAttributes("textStyle")[e] || "";
-		}
-		function k(e) {
-			let t = r.editor?.chain().focus();
+			let t = i.editor?.chain().focus();
 			e ? t?.setFontFamily(e).run() : t?.unsetFontFamily().run();
 		}
-		function A(e) {
-			let t = r.editor?.chain().focus();
+		function O(e) {
+			let t = i.editor?.chain().focus();
 			e ? t?.setFontSize(e).run() : t?.unsetFontSize().run();
 		}
 		function j(e) {
-			let t = r.editor?.chain().focus();
+			let t = i.editor?.chain().focus();
 			e ? t?.setColor(e).run() : t?.unsetColor().run();
 		}
-		function I() {
-			return r.editor?.getAttributes("paragraph").lineHeight || "";
+		function H() {
+			return i.editor?.getAttributes("paragraph").lineHeight || "";
 		}
 		function K(e) {
-			let t = r.editor?.chain().focus();
+			let t = i.editor?.chain().focus();
 			e ? t?.setLineHeight(e).run() : t?.unsetLineHeight().run();
 		}
 		function q(e) {
-			let t = r.editor?.chain().focus();
+			let t = i.editor?.chain().focus();
 			e && e !== "normal" ? t?.setLetterSpacing(e).run() : t?.unsetLetterSpacing().run();
 		}
 		function J() {
-			return r.editor?.getAttributes("highlight").color || "";
+			return i.editor?.getAttributes("highlight").color || "";
 		}
 		function Y(e) {
-			let t = r.editor?.chain().focus();
+			let t = i.editor?.chain().focus();
 			e ? t?.setHighlight({ color: e }).run() : t?.unsetHighlight().run();
 		}
-		return (t, n) => (i(), m(f, { to: "body" }, [_("div", {
-			"data-tpl-theme": c(h),
+		return (t, n) => (r(), f(h, { to: "body" }, [p("div", {
+			"data-tpl-theme": s(g),
 			role: "toolbar",
-			"aria-label": c(y).paragraphEditor.toolbar,
+			"aria-label": s(v).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: u({
-				...c(o),
+			style: l({
+				...s(m),
 				top: `${e.toolbarPosition.top}px`,
 				left: `${e.toolbarPosition.left}px`,
 				transform: "translateY(-100%)",
 				flexDirection: "column"
 			})
-		}, [!e.isLoading && e.editor ? (i(), s(d, { key: 0 }, [_("div", _e, [
-			l(Q, {
-				"model-value": D("fontFamily"),
-				options: c(b),
-				label: c(y).paragraphEditor.fontFamily,
-				placeholder: c(y).paragraphEditor.defaultFont,
+		}, [!e.isLoading && e.editor ? (r(), y(u, { key: 0 }, [p("div", _e, [
+			b(Q, {
+				"model-value": T("fontFamily"),
+				options: s(x),
+				label: s(v).paragraphEditor.fontFamily,
+				placeholder: s(v).paragraphEditor.defaultFont,
 				"width-class": "tpl:w-32",
-				"onUpdate:modelValue": k
+				"onUpdate:modelValue": D
 			}, null, 8, [
 				"model-value",
 				"options",
 				"label",
 				"placeholder"
 			]),
-			l(Q, {
-				"model-value": D("fontSize"),
-				options: c(U),
-				label: c(y).paragraphEditor.fontSize,
-				placeholder: c(y).paragraphEditor.defaultSize,
+			b(Q, {
+				"model-value": T("fontSize"),
+				options: s(U),
+				label: s(v).paragraphEditor.fontSize,
+				placeholder: s(v).paragraphEditor.defaultSize,
 				"width-class": "tpl:w-20",
-				"onUpdate:modelValue": A
+				"onUpdate:modelValue": O
 			}, null, 8, [
 				"model-value",
 				"options",
 				"label",
 				"placeholder"
 			]),
-			l(Z),
-			_("div", ve, [_("input", {
+			b(Z),
+			p("div", ve, [p("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: D("color") || c("#000000"),
-				"aria-label": c(y).paragraphEditor.textColor,
-				title: c(y).paragraphEditor.textColor,
+				value: T("color") || s("#000000"),
+				"aria-label": s(v).paragraphEditor.textColor,
+				title: s(v).paragraphEditor.textColor,
 				onInput: n[0] ||= (e) => j(e.target.value)
 			}, null, 40, ye)]),
-			_("div", be, [_("input", {
+			p("div", be, [p("input", {
 				type: "color",
 				class: "tpl:size-8 tpl:cursor-pointer tpl:rounded tpl:border tpl:border-[var(--tpl-border)] tpl:p-1",
-				style: u({ backgroundColor: J() || "var(--tpl-bg)" }),
-				value: J() || c("#ffff00"),
-				"aria-label": c(y).paragraphEditor.highlightColor,
-				title: c(y).paragraphEditor.highlightColor,
+				style: l({ backgroundColor: J() || "var(--tpl-bg)" }),
+				value: J() || s("#ffff00"),
+				"aria-label": s(v).paragraphEditor.highlightColor,
+				title: s(v).paragraphEditor.highlightColor,
 				onInput: n[1] ||= (e) => Y(e.target.value)
 			}, null, 44, $)]),
-			l(Z),
-			l(X, {
-				icon: c(F),
-				label: c(y).paragraphEditor.bold,
+			b(Z),
+			b(X, {
+				icon: s(V),
+				label: s(v).paragraphEditor.bold,
 				active: e.editor.isActive("bold"),
 				"stroke-width": 2.5,
 				onClick: n[2] ||= (t) => e.editor.chain().focus().toggleBold().run()
@@ -252,9 +252,9 @@ var Z = /* @__PURE__ */ j(ue, [["render", fe]]), pe = [
 				"label",
 				"active"
 			]),
-			l(X, {
-				icon: c(N),
-				label: c(y).paragraphEditor.italic,
+			b(X, {
+				icon: s(re),
+				label: s(v).paragraphEditor.italic,
 				active: e.editor.isActive("italic"),
 				onClick: n[3] ||= (t) => e.editor.chain().focus().toggleItalic().run()
 			}, null, 8, [
@@ -262,9 +262,9 @@ var Z = /* @__PURE__ */ j(ue, [["render", fe]]), pe = [
 				"label",
 				"active"
 			]),
-			l(X, {
-				icon: c(re),
-				label: c(y).paragraphEditor.underline,
+			b(X, {
+				icon: s(I),
+				label: s(v).paragraphEditor.underline,
 				active: e.editor.isActive("underline"),
 				onClick: n[4] ||= (t) => e.editor.chain().focus().toggleUnderline().run()
 			}, null, 8, [
@@ -272,9 +272,9 @@ var Z = /* @__PURE__ */ j(ue, [["render", fe]]), pe = [
 				"label",
 				"active"
 			]),
-			l(X, {
-				icon: c(L),
-				label: c(y).paragraphEditor.strikethrough,
+			b(X, {
+				icon: s(R),
+				label: s(v).paragraphEditor.strikethrough,
 				active: e.editor.isActive("strike"),
 				onClick: n[5] ||= (t) => e.editor.chain().focus().toggleStrike().run()
 			}, null, 8, [
@@ -282,10 +282,10 @@ var Z = /* @__PURE__ */ j(ue, [["render", fe]]), pe = [
 				"label",
 				"active"
 			]),
-			l(Z),
-			l(X, {
-				icon: c(ne),
-				label: c(y).paragraphEditor.subscript,
+			b(Z),
+			b(X, {
+				icon: s(z),
+				label: s(v).paragraphEditor.subscript,
 				active: e.editor.isActive("subscript"),
 				onClick: n[6] ||= (t) => e.editor.chain().focus().toggleSubscript().run()
 			}, null, 8, [
@@ -293,9 +293,9 @@ var Z = /* @__PURE__ */ j(ue, [["render", fe]]), pe = [
 				"label",
 				"active"
 			]),
-			l(X, {
-				icon: c(z),
-				label: c(y).paragraphEditor.superscript,
+			b(X, {
+				icon: s(F),
+				label: s(v).paragraphEditor.superscript,
 				active: e.editor.isActive("superscript"),
 				onClick: n[7] ||= (t) => e.editor.chain().focus().toggleSuperscript().run()
 			}, null, 8, [
@@ -303,21 +303,21 @@ var Z = /* @__PURE__ */ j(ue, [["render", fe]]), pe = [
 				"label",
 				"active"
 			]),
-			l(Z),
-			l(X, {
-				icon: c(M),
-				label: c(y).paragraphEditor.addLink,
+			b(Z),
+			b(X, {
+				icon: s(te),
+				label: s(v).paragraphEditor.addLink,
 				active: e.editor.isActive("link"),
-				onClick: n[8] ||= (e) => a("open-link-dialog")
+				onClick: n[8] ||= (e) => c("open-link-dialog")
 			}, null, 8, [
 				"icon",
 				"label",
 				"active"
 			])
-		]), _("div", xe, [
-			l(X, {
-				icon: c(P),
-				label: c(y).paragraphEditor.bulletList,
+		]), p("div", xe, [
+			b(X, {
+				icon: s(ne),
+				label: s(v).paragraphEditor.bulletList,
 				active: e.editor.isActive("bulletList"),
 				onClick: n[9] ||= (t) => e.editor.chain().focus().toggleBulletList().run()
 			}, null, 8, [
@@ -325,9 +325,9 @@ var Z = /* @__PURE__ */ j(ue, [["render", fe]]), pe = [
 				"label",
 				"active"
 			]),
-			l(X, {
-				icon: c(H),
-				label: c(y).paragraphEditor.numberedList,
+			b(X, {
+				icon: s(ee),
+				label: s(v).paragraphEditor.numberedList,
 				active: e.editor.isActive("orderedList"),
 				onClick: n[10] ||= (t) => e.editor.chain().focus().toggleOrderedList().run()
 			}, null, 8, [
@@ -335,10 +335,10 @@ var Z = /* @__PURE__ */ j(ue, [["render", fe]]), pe = [
 				"label",
 				"active"
 			]),
-			l(Z),
-			l(X, {
-				icon: c(ie),
-				label: c(y).paragraphEditor.alignLeft,
+			b(Z),
+			b(X, {
+				icon: s(B),
+				label: s(v).paragraphEditor.alignLeft,
 				active: e.editor.isActive({ textAlign: "left" }),
 				onClick: n[11] ||= (t) => e.editor.chain().focus().setTextAlign("left").run()
 			}, null, 8, [
@@ -346,9 +346,9 @@ var Z = /* @__PURE__ */ j(ue, [["render", fe]]), pe = [
 				"label",
 				"active"
 			]),
-			l(X, {
-				icon: c(te),
-				label: c(y).paragraphEditor.alignCenter,
+			b(X, {
+				icon: s(L),
+				label: s(v).paragraphEditor.alignCenter,
 				active: e.editor.isActive({ textAlign: "center" }),
 				onClick: n[12] ||= (t) => e.editor.chain().focus().setTextAlign("center").run()
 			}, null, 8, [
@@ -356,9 +356,9 @@ var Z = /* @__PURE__ */ j(ue, [["render", fe]]), pe = [
 				"label",
 				"active"
 			]),
-			l(X, {
-				icon: c(R),
-				label: c(y).paragraphEditor.alignRight,
+			b(X, {
+				icon: s(ie),
+				label: s(v).paragraphEditor.alignRight,
 				active: e.editor.isActive({ textAlign: "right" }),
 				onClick: n[13] ||= (t) => e.editor.chain().focus().setTextAlign("right").run()
 			}, null, 8, [
@@ -366,11 +366,11 @@ var Z = /* @__PURE__ */ j(ue, [["render", fe]]), pe = [
 				"label",
 				"active"
 			]),
-			l(Z),
-			l(Q, {
-				"model-value": I(),
-				options: c(G),
-				label: c(y).paragraphEditor.lineHeight,
+			b(Z),
+			b(Q, {
+				"model-value": H(),
+				options: s(G),
+				label: s(v).paragraphEditor.lineHeight,
 				placeholder: "LH",
 				"width-class": "tpl:w-16",
 				"onUpdate:modelValue": K
@@ -379,10 +379,10 @@ var Z = /* @__PURE__ */ j(ue, [["render", fe]]), pe = [
 				"options",
 				"label"
 			]),
-			l(Q, {
-				"model-value": D("letterSpacing"),
-				options: c(W),
-				label: c(y).paragraphEditor.letterSpacing,
+			b(Q, {
+				"model-value": T("letterSpacing"),
+				options: s(W),
+				label: s(v).paragraphEditor.letterSpacing,
 				placeholder: "LS",
 				"width-class": "tpl:w-20",
 				"onUpdate:modelValue": q
@@ -391,31 +391,31 @@ var Z = /* @__PURE__ */ j(ue, [["render", fe]]), pe = [
 				"options",
 				"label"
 			]),
-			l(Z),
-			l(X, {
-				icon: c(B),
-				label: c(y).paragraphEditor.clearFormatting,
+			b(Z),
+			b(X, {
+				icon: s(P),
+				label: s(v).paragraphEditor.clearFormatting,
 				onClick: n[14] ||= (t) => e.editor.chain().focus().clearNodes().unsetAllMarks().run()
 			}, null, 8, ["icon", "label"]),
-			l(Z),
-			l(ce, { onInsert: T }),
-			e.canRequestMergeTag ? (i(), s(d, { key: 0 }, [l(Z), _("button", {
+			b(Z),
+			b(ce, { onInsert: S }),
+			e.canRequestMergeTag ? (r(), y(u, { key: 0 }, [b(Z), p("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": c(y).mergeTag.add,
-				title: c(y).mergeTag.add,
-				onClick: n[15] ||= (e) => a("add-merge-tag")
-			}, [l(c(V), {
+				"aria-label": s(v).mergeTag.add,
+				title: s(v).mergeTag.add,
+				onClick: n[15] ||= (e) => c("add-merge-tag")
+			}, [b(s(N), {
 				size: 16,
 				"stroke-width": 2
-			}), x(" " + g(c(y).mergeTag.add), 1)], 8, Se)], 64)) : p("", !0)
-		])], 64)) : (i(), s("div", Ce, [l(c(O), {
+			}), o(" " + d(s(v).mergeTag.add), 1)], 8, Se)], 64)) : a("", !0)
+		])], 64)) : (r(), y("div", Ce, [b(s(M), {
 			class: "tpl-spinner",
 			size: 14,
 			"stroke-width": 2
-		}), x(" " + g(c(y).errors.editorLoading), 1)]))], 12, ge)]));
+		}), o(" " + d(s(v).errors.editorLoading), 1)]))], 12, ge)]));
 	}
-}), Te = { class: "tpl-text-editor-wrapper tpl:relative" }, Ee = /* @__PURE__ */ o({
+}), Te = { class: "tpl-text-editor-wrapper tpl:relative" }, Ee = /* @__PURE__ */ e({
 	__name: "ParagraphEditor",
 	props: {
 		block: {},
@@ -423,25 +423,25 @@ var Z = /* @__PURE__ */ j(ue, [["render", fe]]), pe = [
 	},
 	emits: ["done"],
 	setup(e, { emit: t }) {
-		let n = e, a = t, { editor: o, EditorContent: u, isLoading: d, initError: f, retry: p, showLinkDialog: m, linkUrl: h, linkDialogRef: g, canRequestMergeTag: _, openLinkDialog: v, insertLink: y, removeLink: b, closeLinkDialog: x, handleLinkKeydown: S, handleAddMergeTag: C } = k({
+		let n = e, a = t, { editor: o, EditorContent: c, isLoading: l, initError: u, retry: d, showLinkDialog: f, linkUrl: p, linkDialogRef: m, canRequestMergeTag: h, openLinkDialog: g, insertLink: _, removeLink: v, closeLinkDialog: x, handleLinkKeydown: C, handleAddMergeTag: w } = S({
 			blockId: () => n.block.id,
 			blockContent: () => n.block.content,
 			onDone: () => a("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("./tiptap-ZhwKyFp7.js").then((e) => e.i),
-					import("./tiptap-ZhwKyFp7.js").then((e) => e.a),
-					import("./tiptap-ZhwKyFp7.js").then((e) => e.u),
-					import("./tiptap-ZhwKyFp7.js").then((e) => e.o),
-					import("./tiptap-ZhwKyFp7.js").then((e) => e.l),
-					import("./tiptap-ZhwKyFp7.js").then((e) => e.c),
-					import("./tiptap-ZhwKyFp7.js").then((e) => e.s),
-					import("./tiptap-ZhwKyFp7.js").then((e) => e.m),
-					import("./tiptap-ZhwKyFp7.js").then((e) => e.p),
-					import("./tiptap-ZhwKyFp7.js").then((e) => e.f),
-					import("./tiptap-ZhwKyFp7.js").then((e) => e.d),
-					import("./extensions-DIxF31tA.js")
+					import("./tiptap-CDzAbF2j.js").then((e) => e.i),
+					import("./tiptap-CDzAbF2j.js").then((e) => e.a),
+					import("./tiptap-CDzAbF2j.js").then((e) => e.u),
+					import("./tiptap-CDzAbF2j.js").then((e) => e.o),
+					import("./tiptap-CDzAbF2j.js").then((e) => e.l),
+					import("./tiptap-CDzAbF2j.js").then((e) => e.c),
+					import("./tiptap-CDzAbF2j.js").then((e) => e.s),
+					import("./tiptap-CDzAbF2j.js").then((e) => e.m),
+					import("./tiptap-CDzAbF2j.js").then((e) => e.p),
+					import("./tiptap-CDzAbF2j.js").then((e) => e.f),
+					import("./tiptap-CDzAbF2j.js").then((e) => e.d),
+					import("./extensions-BVKQw_sp.js")
 				]);
 				return {
 					TiptapEditor: a,
@@ -485,14 +485,14 @@ var Z = /* @__PURE__ */ j(ue, [["render", fe]]), pe = [
 				};
 			}
 		});
-		return (t, n) => (i(), s("div", Te, [
-			l(we, {
-				editor: c(o),
+		return (t, n) => (r(), y("div", Te, [
+			b(we, {
+				editor: s(o),
 				"toolbar-position": e.toolbarPosition,
-				"is-loading": c(d),
-				"can-request-merge-tag": c(_),
-				onOpenLinkDialog: c(v),
-				onAddMergeTag: c(C)
+				"is-loading": s(l),
+				"can-request-merge-tag": s(h),
+				onOpenLinkDialog: s(g),
+				onAddMergeTag: s(w)
 			}, null, 8, [
 				"editor",
 				"toolbar-position",
@@ -501,12 +501,12 @@ var Z = /* @__PURE__ */ j(ue, [["render", fe]]), pe = [
 				"onOpenLinkDialog",
 				"onAddMergeTag"
 			]),
-			l(q, {
-				editor: c(o),
-				"editor-content": c(u),
-				"is-loading": c(d),
-				"init-error": c(f),
-				onRetry: c(p)
+			b(q, {
+				editor: s(o),
+				"editor-content": s(c),
+				"is-loading": s(l),
+				"init-error": s(u),
+				onRetry: s(d)
 			}, null, 8, [
 				"editor",
 				"editor-content",
@@ -514,17 +514,17 @@ var Z = /* @__PURE__ */ j(ue, [["render", fe]]), pe = [
 				"init-error",
 				"onRetry"
 			]),
-			l(K, {
-				visible: c(m),
-				"is-editing-link": c(o)?.isActive("link") ?? !1,
-				"dialog-ref": c(g),
-				"onUpdate:dialogRef": n[0] ||= (e) => r(g) ? g.value = e : null,
-				"link-url": c(h),
-				"onUpdate:linkUrl": n[1] ||= (e) => r(h) ? h.value = e : null,
-				onClose: c(x),
-				onInsert: c(y),
-				onRemove: c(b),
-				onKeydown: c(S)
+			b(K, {
+				visible: s(f),
+				"is-editing-link": s(o)?.isActive("link") ?? !1,
+				"dialog-ref": s(m),
+				"onUpdate:dialogRef": n[0] ||= (e) => i(m) ? m.value = e : null,
+				"link-url": s(p),
+				"onUpdate:linkUrl": n[1] ||= (e) => i(p) ? p.value = e : null,
+				onClose: s(x),
+				onInsert: s(_),
+				onRemove: s(v),
+				onKeydown: s(C)
 			}, null, 8, [
 				"visible",
 				"is-editing-link",
@@ -541,4 +541,4 @@ var Z = /* @__PURE__ */ j(ue, [["render", fe]]), pe = [
 //#endregion
 export { Ee as default };
 
-//# sourceMappingURL=ParagraphEditor-B6Ygu-Mq.js.map
+//# sourceMappingURL=ParagraphEditor-BA1WbHI7.js.map