@templatical/editor 0.0.6 → 0.1.1

package/dist/{ParagraphEditor-CYrzYJO5.js → ParagraphEditor-DivLBNWv.js}

@@ -1,14 +1,15 @@
-import { t as e } from "./dist-Ac4o1O4a.js";
-import { S as t, T as n, p as r, w as i } from "./keys-C0MQRs8d.js";
-import { t as a } from "./useI18n-D6m7ZUgY.js";
-import { C as o, b as s, w as c } from "./useEditorCore-ColJh1ST.js";
-import { n as l, t as u } from "./_plugin-vue_export-helper-5TQrnOhO.js";
-import { a as d, i as f, n as p, r as m, t as h } from "./RichTextEditorContent-BeqlWlWB.js";
-import { t as g } from "./loader-circle-DilFjHSk.js";
-import { t as _ } from "./scan-line-684IxPQ0.js";
-import { a as v, b as y, o as b, s as x, v as ee, y as te } from "./styleConstants-RV3eYwkD.js";
-import { Fragment as S, Teleport as ne, computed as C, createBlock as w, createCommentVNode as T, createElementBlock as E, createElementVNode as D, createTextVNode as O, createVNode as k, defineComponent as A, inject as j, isRef as M, normalizeClass as N, normalizeStyle as P, openBlock as F, ref as I, renderList as L, resolveDynamicComponent as R, toDisplayString as z, unref as B, withKeys as V, withModifiers as H } from "vue";
-var U = l("list-ordered", [
+import { Ct as e, E as t, G as n, L as r, M as i, Ot as a, P as o, S as s, Y as c, _ as l, b as u, d, f, g as p, h as m, l as h, m as g, p as _, tt as v, u as y, wt as b, y as x } from "./vue.runtime.esm-bundler-DryoQb-v.js";
+import { t as S } from "./dist-n0PkFNGl.js";
+import { S as C, T as w, p as T, w as E } from "./keys-CIw9mUI2.js";
+import { t as D } from "./useI18n-B8CN2iWs.js";
+import { C as O, b as k, w as A } from "./useEditorCore-DMH2QpUL.js";
+import { n as j, t as M } from "./_plugin-vue_export-helper-OO6pH1Dh.js";
+import { a as N, i as ee, n as P, r as F, t as I } from "./RichTextEditorContent-G1lXgVJR.js";
+import { t as te } from "./loader-circle-BYeKJ3to.js";
+import { t as ne } from "./scan-line-Bw8bauvt.js";
+import { n as re, r as ie, t as L } from "./text-align-start-4Hx15GUf.js";
+import { a as R, o as z, s as B } from "./styleConstants-Dqz9z3aa.js";
+var V = j("list-ordered", [
 	["path", {
 		d: "M11 5h10",
 		key: "1cz7ny"
@@ -33,7 +34,7 @@ var U = l("list-ordered", [
 		d: "M6.5 20H3.4c0-1 2.6-1.925 2.6-3.5a1.5 1.5 0 0 0-2.6-1.02",
 		key: "xtkcd5"
 	}]
-]), re = l("list", [
+]), H = j("list", [
 	["path", {
 		d: "M3 5h.01",
 		key: "18ugdj"
@@ -58,7 +59,7 @@ var U = l("list-ordered", [
 		d: "M8 19h13",
 		key: "m83p4d"
 	}]
-]), ie = l("remove-formatting", [
+]), U = j("remove-formatting", [
 	["path", {
 		d: "M4 7V4h16v3",
 		key: "9msm58"
@@ -79,7 +80,7 @@ var U = l("list-ordered", [
 		d: "m20 15-5 5",
 		key: "11p7ol"
 	}]
-]), W = l("smile", [
+]), W = j("smile", [
 	["circle", {
 		cx: "12",
 		cy: "12",
@@ -104,7 +105,7 @@ var U = l("list-ordered", [
 		y2: "9",
 		key: "1p4y9e"
 	}]
-]), G = l("strikethrough", [
+]), G = j("strikethrough", [
 	["path", {
 		d: "M16 4H9a3 3 0 0 0-2.83 4",
 		key: "43sutm"
@@ -120,7 +121,7 @@ var U = l("list-ordered", [
 		y2: "12",
 		key: "1e0a9i"
 	}]
-]), K = l("subscript", [
+]), K = j("subscript", [
 	["path", {
 		d: "m4 5 8 8",
 		key: "1eunvl"
@@ -133,7 +134,7 @@ var U = l("list-ordered", [
 		d: "M20 19h-4c0-1.5.44-2 1.5-2.5S20 15.33 20 14c0-.47-.17-.93-.48-1.29a2.11 2.11 0 0 0-2.62-.44c-.42.24-.74.62-.9 1.07",
 		key: "e8ta8j"
 	}]
-]), q = l("superscript", [
+]), q = j("superscript", [
 	["path", {
 		d: "m4 19 8-8",
 		key: "hr47gm"
@@ -146,7 +147,7 @@ var U = l("list-ordered", [
 		d: "M20 12h-4c0-1.5.442-2 1.5-2.5S20 8.334 20 7.002c0-.472-.17-.93-.484-1.29a2.105 2.105 0 0 0-2.617-.436c-.42.239-.738.614-.899 1.06",
 		key: "1dfcux"
 	}]
-]), J = l("underline", [["path", {
+]), J = j("underline", [["path", {
 	d: "M6 4v6a6 6 0 0 0 12 0V4",
 	key: "9kb039"
 }], ["line", {
@@ -159,60 +160,60 @@ var U = l("list-ordered", [
 	"aria-label",
 	"title",
 	"aria-expanded"
-], ae = ["aria-label"], X = { 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__ */ A({
+], ae = ["aria-label"], oe = { class: "tpl:mb-1.5 tpl:text-[10px] tpl:font-medium tpl:tracking-wide tpl:text-[var(--tpl-text-muted)] tpl:uppercase" }, se = { class: "tpl:grid tpl:grid-cols-10 tpl:gap-0.5" }, ce = ["aria-label", "onClick"], le = /* @__PURE__ */ s({
 	__name: "EmojiPickerDropdown",
 	emits: ["insert"],
 	setup(t, { emit: n }) {
-		let r = n, { categories: i, isOpen: s, toggle: l, close: u } = o(), { t: d, format: f } = a(), p = I(null), m = I(null);
-		c(p, C(() => s.value)), e(m, () => {
-			s.value && u();
+		let r = n, { categories: s, isOpen: f, toggle: m, close: b } = O(), { t: x, format: C } = D(), w = c(null), T = c(null);
+		A(w, _(() => f.value)), S(T, () => {
+			f.value && b();
 		});
-		function h(e) {
-			r("insert", e), u();
+		function E(e) {
+			r("insert", e), b();
 		}
-		return (e, t) => (F(), E("div", {
+		return (t, n) => (i(), l("div", {
 			ref_key: "rootRef",
-			ref: m,
+			ref: T,
 			class: "tpl:relative"
-		}, [D("button", {
+		}, [g("button", {
 			type: "button",
-			class: N(["tpl-text-toolbar-btn", { "tpl-text-toolbar-btn--active": B(s) }]),
-			"aria-label": B(d).paragraphEditor.insertEmoji,
-			title: B(d).paragraphEditor.insertEmoji,
-			"aria-expanded": B(s),
+			class: e(["tpl-text-toolbar-btn", { "tpl-text-toolbar-btn--active": v(f) }]),
+			"aria-label": v(x).paragraphEditor.insertEmoji,
+			title: v(x).paragraphEditor.insertEmoji,
+			"aria-expanded": v(f),
 			"aria-haspopup": "dialog",
 			"aria-controls": "tpl-emoji-picker",
-			onClick: t[0] ||= (...e) => B(l) && B(l)(...e)
-		}, [k(B(W), {
+			onClick: n[0] ||= (...e) => v(m) && v(m)(...e)
+		}, [u(v(W), {
 			size: 16,
 			"stroke-width": 2
-		})], 10, Y), B(s) ? (F(), E("div", {
+		})], 10, Y), v(f) ? (i(), l("div", {
 			key: 0,
 			id: "tpl-emoji-picker",
 			ref_key: "pickerRef",
-			ref: p,
+			ref: w,
 			role: "dialog",
 			"aria-modal": "false",
-			"aria-label": B(d).paragraphEditor.insertEmoji,
+			"aria-label": v(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] ||= V(H((...e) => B(u) && B(u)(...e), ["stop", "prevent"]), ["esc"])
-		}, [(F(!0), E(S, null, L(B(i), (e) => (F(), E("div", {
+			onKeydown: n[1] ||= h(y((...e) => v(b) && v(b)(...e), ["stop", "prevent"]), ["esc"])
+		}, [(i(!0), l(d, null, o(v(s), (e) => (i(), l("div", {
 			key: e.key,
 			class: "tpl:mb-2 tpl:last:mb-0"
-		}, [D("div", X, z(B(d).emoji[e.key]), 1), D("div", oe, [(F(!0), E(S, null, L(e.emojis, (e) => (F(), E("button", {
+		}, [g("div", oe, a(v(x).emoji[e.key]), 1), g("div", se, [(i(!0), l(d, null, o(e.emojis, (e) => (i(), l("button", {
 			key: e,
 			type: "button",
-			"aria-label": B(f)(B(d).paragraphEditor.emojiItemLabel, { emoji: e }),
+			"aria-label": v(C)(v(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) => h(e)
-		}, z(e), 9, se))), 128))])]))), 128))], 40, ae)) : T("", !0)], 512));
+			onClick: (t) => E(e)
+		}, a(e), 9, ce))), 128))])]))), 128))], 40, ae)) : p("", !0)], 512));
 	}
-}), le = [
+}), ue = [
 	"aria-label",
 	"title",
 	"aria-pressed"
-], Z = /* @__PURE__ */ A({
+], X = /* @__PURE__ */ s({
 	__name: "ToolbarIconButton",
 	props: {
 		icon: {},
@@ -221,30 +222,30 @@ var U = l("list-ordered", [
 		strokeWidth: {},
 		size: {}
 	},
-	setup(e) {
-		return (t, n) => (F(), E("button", {
+	setup(t) {
+		return (n, a) => (i(), l("button", {
 			type: "button",
-			class: N(["tpl-text-toolbar-btn", { "tpl-text-toolbar-btn--active": e.active }]),
-			"aria-label": e.label,
-			title: e.label,
-			"aria-pressed": e.active ? "true" : "false"
-		}, [(F(), w(R(e.icon), {
-			size: e.size ?? 16,
-			"stroke-width": e.strokeWidth ?? 2
-		}, null, 8, ["size", "stroke-width"]))], 10, le));
+			class: e(["tpl-text-toolbar-btn", { "tpl-text-toolbar-btn--active": t.active }]),
+			"aria-label": t.label,
+			title: t.label,
+			"aria-pressed": t.active ? "true" : "false"
+		}, [(i(), m(r(t.icon), {
+			size: t.size ?? 16,
+			"stroke-width": t.strokeWidth ?? 2
+		}, null, 8, ["size", "stroke-width"]))], 10, ue));
 	}
-}), ue = {}, de = {
+}), de = {}, fe = {
 	class: "tpl:mx-1 tpl:h-6 tpl:w-px tpl:bg-[var(--tpl-border)]",
 	"aria-hidden": "true"
 };
-function fe(e, t) {
-	return F(), E("span", de);
+function pe(e, t) {
+	return i(), l("span", fe);
 }
-var Q = /* @__PURE__ */ u(ue, [["render", fe]]), pe = [
+var Z = /* @__PURE__ */ M(de, [["render", pe]]), me = [
 	"value",
 	"aria-label",
 	"title"
-], me = { value: "" }, he = ["value"], $ = /* @__PURE__ */ A({
+], he = { value: "" }, ge = ["value"], Q = /* @__PURE__ */ s({
 	__name: "ToolbarSelect",
 	props: {
 		modelValue: {},
@@ -254,40 +255,40 @@ var Q = /* @__PURE__ */ u(ue, [["render", fe]]), pe = [
 		widthClass: {}
 	},
 	emits: ["update:modelValue"],
-	setup(e, { emit: t }) {
-		let n = t;
-		function r(e) {
-			n("update:modelValue", e.target.value);
+	setup(t, { emit: n }) {
+		let r = n;
+		function s(e) {
+			r("update:modelValue", e.target.value);
 		}
-		function i(e) {
+		function c(e) {
 			return typeof e == "string" ? e : e.value;
 		}
-		function a(e) {
+		function u(e) {
 			return typeof e == "string" ? e : e.label;
 		}
-		return (t, n) => (F(), E("select", {
-			class: N(["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: r
-		}, [D("option", me, z(e.placeholder ?? ""), 1), (F(!0), E(S, null, L(e.options, (e) => (F(), E("option", {
-			key: i(e),
-			value: i(e)
-		}, z(a(e)), 9, he))), 128))], 42, pe));
+		return (n, r) => (i(), l("select", {
+			class: e(["tpl:h-8 tpl:cursor-pointer tpl:rounded tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:px-2 tpl:text-xs tpl:text-[var(--tpl-text)] tpl:outline-none", t.widthClass ?? "tpl:w-20"]),
+			value: t.modelValue,
+			"aria-label": t.label,
+			title: t.label,
+			onChange: s
+		}, [g("option", he, a(t.placeholder ?? ""), 1), (i(!0), l(d, null, o(t.options, (e) => (i(), l("option", {
+			key: c(e),
+			value: c(e)
+		}, a(u(e)), 9, ge))), 128))], 42, me));
 	}
-}), ge = ["data-tpl-theme", "aria-label"], _e = { class: "tpl:flex tpl:items-center tpl:gap-1" }, ve = { class: "tpl:relative" }, ye = [
+}), _e = ["data-tpl-theme", "aria-label"], ve = { class: "tpl:flex tpl:items-center tpl:gap-1" }, ye = { class: "tpl:relative" }, be = [
 	"value",
 	"aria-label",
 	"title"
-], be = { class: "tpl:relative" }, xe = [
+], $ = { class: "tpl:relative" }, xe = [
 	"value",
 	"aria-label",
 	"title"
 ], Se = { class: "tpl:flex tpl:items-center tpl:gap-1" }, Ce = ["aria-label", "title"], we = {
 	key: 1,
 	class: "tpl:flex tpl:items-center tpl:gap-2 tpl:px-2 tpl:text-xs tpl:text-[var(--tpl-text-dim)]"
-}, Te = /* @__PURE__ */ A({
+}, Te = /* @__PURE__ */ s({
 	__name: "ParagraphToolbar",
 	props: {
 		editor: {},
@@ -296,105 +297,105 @@ var Q = /* @__PURE__ */ u(ue, [["render", fe]]), pe = [
 		mergeTagEnabled: { type: Boolean }
 	},
 	emits: ["open-link-dialog", "add-merge-tag"],
-	setup(e, { emit: o }) {
-		let s = e, c = o, l = j(t, null), u = j(i, null), p = n(r, "ParagraphToolbar"), { t: h } = a(), C = p.fonts;
-		function A(e) {
-			s.editor?.chain().focus().insertContent(e).run();
+	setup(e, { emit: n }) {
+		let r = e, o = n, s = t(C, null), c = t(E, null), h = w(T, "ParagraphToolbar"), { t: _ } = D(), y = h.fonts;
+		function S(e) {
+			r.editor?.chain().focus().insertContent(e).run();
 		}
-		function M(e) {
-			return s.editor?.getAttributes("textStyle")[e] || "";
+		function O(e) {
+			return r.editor?.getAttributes("textStyle")[e] || "";
 		}
-		function N(e) {
-			let t = s.editor?.chain().focus();
+		function k(e) {
+			let t = r.editor?.chain().focus();
 			e ? t?.setFontFamily(e).run() : t?.unsetFontFamily().run();
 		}
-		function I(e) {
-			let t = s.editor?.chain().focus();
+		function A(e) {
+			let t = r.editor?.chain().focus();
 			e ? t?.setFontSize(e).run() : t?.unsetFontSize().run();
 		}
-		function L(e) {
-			let t = s.editor?.chain().focus();
+		function j(e) {
+			let t = r.editor?.chain().focus();
 			e ? t?.setColor(e).run() : t?.unsetColor().run();
 		}
-		function R() {
-			return s.editor?.getAttributes("paragraph").lineHeight || "";
+		function M() {
+			return r.editor?.getAttributes("paragraph").lineHeight || "";
 		}
-		function V(e) {
-			let t = s.editor?.chain().focus();
+		function P(e) {
+			let t = r.editor?.chain().focus();
 			e ? t?.setLineHeight(e).run() : t?.unsetLineHeight().run();
 		}
-		function H(e) {
-			let t = s.editor?.chain().focus();
+		function I(e) {
+			let t = r.editor?.chain().focus();
 			e && e !== "normal" ? t?.setLetterSpacing(e).run() : t?.unsetLetterSpacing().run();
 		}
 		function W() {
-			return s.editor?.getAttributes("highlight").color || "";
+			return r.editor?.getAttributes("highlight").color || "";
 		}
 		function Y(e) {
-			let t = s.editor?.chain().focus();
+			let t = r.editor?.chain().focus();
 			e ? t?.setHighlight({ color: e }).run() : t?.unsetHighlight().run();
 		}
-		return (t, n) => (F(), w(ne, { to: "body" }, [D("div", {
-			"data-tpl-theme": B(u),
+		return (t, n) => (i(), m(f, { to: "body" }, [g("div", {
+			"data-tpl-theme": v(c),
 			role: "toolbar",
-			"aria-label": B(h).paragraphEditor.toolbar,
+			"aria-label": 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: P({
-				...B(l),
+			style: b({
+				...v(s),
 				top: `${e.toolbarPosition.top}px`,
 				left: `${e.toolbarPosition.left}px`,
 				transform: "translateY(-100%)",
 				flexDirection: "column"
 			})
-		}, [!e.isLoading && e.editor ? (F(), E(S, { key: 0 }, [D("div", _e, [
-			k($, {
-				"model-value": M("fontFamily"),
-				options: B(C),
-				label: B(h).paragraphEditor.fontFamily,
-				placeholder: B(h).paragraphEditor.defaultFont,
+		}, [!e.isLoading && e.editor ? (i(), l(d, { key: 0 }, [g("div", ve, [
+			u(Q, {
+				"model-value": O("fontFamily"),
+				options: v(y),
+				label: v(_).paragraphEditor.fontFamily,
+				placeholder: v(_).paragraphEditor.defaultFont,
 				"width-class": "tpl:w-32",
-				"onUpdate:modelValue": N
+				"onUpdate:modelValue": k
 			}, null, 8, [
 				"model-value",
 				"options",
 				"label",
 				"placeholder"
 			]),
-			k($, {
-				"model-value": M("fontSize"),
-				options: B(v),
-				label: B(h).paragraphEditor.fontSize,
-				placeholder: B(h).paragraphEditor.defaultSize,
+			u(Q, {
+				"model-value": O("fontSize"),
+				options: v(R),
+				label: v(_).paragraphEditor.fontSize,
+				placeholder: v(_).paragraphEditor.defaultSize,
 				"width-class": "tpl:w-20",
-				"onUpdate:modelValue": I
+				"onUpdate:modelValue": A
 			}, null, 8, [
 				"model-value",
 				"options",
 				"label",
 				"placeholder"
 			]),
-			k(Q),
-			D("div", ve, [D("input", {
+			u(Z),
+			g("div", ye, [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: M("color") || B("#000000"),
-				"aria-label": B(h).paragraphEditor.textColor,
-				title: B(h).paragraphEditor.textColor,
-				onInput: n[0] ||= (e) => L(e.target.value)
-			}, null, 40, ye)]),
-			D("div", be, [D("input", {
+				value: O("color") || v("#000000"),
+				"aria-label": v(_).paragraphEditor.textColor,
+				title: v(_).paragraphEditor.textColor,
+				onInput: n[0] ||= (e) => j(e.target.value)
+			}, null, 40, be)]),
+			g("div", $, [g("input", {
 				type: "color",
 				class: "tpl:size-8 tpl:cursor-pointer tpl:rounded tpl:border tpl:border-[var(--tpl-border)] tpl:p-1",
-				style: P({ backgroundColor: W() || "var(--tpl-bg)" }),
-				value: W() || B("#ffff00"),
-				"aria-label": B(h).paragraphEditor.highlightColor,
-				title: B(h).paragraphEditor.highlightColor,
+				style: b({ backgroundColor: W() || "var(--tpl-bg)" }),
+				value: W() || v("#ffff00"),
+				"aria-label": v(_).paragraphEditor.highlightColor,
+				title: v(_).paragraphEditor.highlightColor,
 				onInput: n[1] ||= (e) => Y(e.target.value)
 			}, null, 44, xe)]),
-			k(Q),
-			k(Z, {
-				icon: B(d),
-				label: B(h).paragraphEditor.bold,
+			u(Z),
+			u(X, {
+				icon: v(N),
+				label: v(_).paragraphEditor.bold,
 				active: e.editor.isActive("bold"),
 				"stroke-width": 2.5,
 				onClick: n[2] ||= (t) => e.editor.chain().focus().toggleBold().run()
@@ -403,9 +404,9 @@ var Q = /* @__PURE__ */ u(ue, [["render", fe]]), pe = [
 				"label",
 				"active"
 			]),
-			k(Z, {
-				icon: B(f),
-				label: B(h).paragraphEditor.italic,
+			u(X, {
+				icon: v(ee),
+				label: v(_).paragraphEditor.italic,
 				active: e.editor.isActive("italic"),
 				onClick: n[3] ||= (t) => e.editor.chain().focus().toggleItalic().run()
 			}, null, 8, [
@@ -413,9 +414,9 @@ var Q = /* @__PURE__ */ u(ue, [["render", fe]]), pe = [
 				"label",
 				"active"
 			]),
-			k(Z, {
-				icon: B(J),
-				label: B(h).paragraphEditor.underline,
+			u(X, {
+				icon: v(J),
+				label: v(_).paragraphEditor.underline,
 				active: e.editor.isActive("underline"),
 				onClick: n[4] ||= (t) => e.editor.chain().focus().toggleUnderline().run()
 			}, null, 8, [
@@ -423,9 +424,9 @@ var Q = /* @__PURE__ */ u(ue, [["render", fe]]), pe = [
 				"label",
 				"active"
 			]),
-			k(Z, {
-				icon: B(G),
-				label: B(h).paragraphEditor.strikethrough,
+			u(X, {
+				icon: v(G),
+				label: v(_).paragraphEditor.strikethrough,
 				active: e.editor.isActive("strike"),
 				onClick: n[5] ||= (t) => e.editor.chain().focus().toggleStrike().run()
 			}, null, 8, [
@@ -433,10 +434,10 @@ var Q = /* @__PURE__ */ u(ue, [["render", fe]]), pe = [
 				"label",
 				"active"
 			]),
-			k(Q),
-			k(Z, {
-				icon: B(K),
-				label: B(h).paragraphEditor.subscript,
+			u(Z),
+			u(X, {
+				icon: v(K),
+				label: v(_).paragraphEditor.subscript,
 				active: e.editor.isActive("subscript"),
 				onClick: n[6] ||= (t) => e.editor.chain().focus().toggleSubscript().run()
 			}, null, 8, [
@@ -444,9 +445,9 @@ var Q = /* @__PURE__ */ u(ue, [["render", fe]]), pe = [
 				"label",
 				"active"
 			]),
-			k(Z, {
-				icon: B(q),
-				label: B(h).paragraphEditor.superscript,
+			u(X, {
+				icon: v(q),
+				label: v(_).paragraphEditor.superscript,
 				active: e.editor.isActive("superscript"),
 				onClick: n[7] ||= (t) => e.editor.chain().focus().toggleSuperscript().run()
 			}, null, 8, [
@@ -454,21 +455,21 @@ var Q = /* @__PURE__ */ u(ue, [["render", fe]]), pe = [
 				"label",
 				"active"
 			]),
-			k(Q),
-			k(Z, {
-				icon: B(m),
-				label: B(h).paragraphEditor.addLink,
+			u(Z),
+			u(X, {
+				icon: v(F),
+				label: v(_).paragraphEditor.addLink,
 				active: e.editor.isActive("link"),
-				onClick: n[8] ||= (e) => c("open-link-dialog")
+				onClick: n[8] ||= (e) => o("open-link-dialog")
 			}, null, 8, [
 				"icon",
 				"label",
 				"active"
 			])
-		]), D("div", Se, [
-			k(Z, {
-				icon: B(re),
-				label: B(h).paragraphEditor.bulletList,
+		]), g("div", Se, [
+			u(X, {
+				icon: v(H),
+				label: v(_).paragraphEditor.bulletList,
 				active: e.editor.isActive("bulletList"),
 				onClick: n[9] ||= (t) => e.editor.chain().focus().toggleBulletList().run()
 			}, null, 8, [
@@ -476,9 +477,9 @@ var Q = /* @__PURE__ */ u(ue, [["render", fe]]), pe = [
 				"label",
 				"active"
 			]),
-			k(Z, {
-				icon: B(U),
-				label: B(h).paragraphEditor.numberedList,
+			u(X, {
+				icon: v(V),
+				label: v(_).paragraphEditor.numberedList,
 				active: e.editor.isActive("orderedList"),
 				onClick: n[10] ||= (t) => e.editor.chain().focus().toggleOrderedList().run()
 			}, null, 8, [
@@ -486,10 +487,10 @@ var Q = /* @__PURE__ */ u(ue, [["render", fe]]), pe = [
 				"label",
 				"active"
 			]),
-			k(Q),
-			k(Z, {
-				icon: B(ee),
-				label: B(h).paragraphEditor.alignLeft,
+			u(Z),
+			u(X, {
+				icon: v(L),
+				label: v(_).paragraphEditor.alignLeft,
 				active: e.editor.isActive({ textAlign: "left" }),
 				onClick: n[11] ||= (t) => e.editor.chain().focus().setTextAlign("left").run()
 			}, null, 8, [
@@ -497,9 +498,9 @@ var Q = /* @__PURE__ */ u(ue, [["render", fe]]), pe = [
 				"label",
 				"active"
 			]),
-			k(Z, {
-				icon: B(y),
-				label: B(h).paragraphEditor.alignCenter,
+			u(X, {
+				icon: v(ie),
+				label: v(_).paragraphEditor.alignCenter,
 				active: e.editor.isActive({ textAlign: "center" }),
 				onClick: n[12] ||= (t) => e.editor.chain().focus().setTextAlign("center").run()
 			}, null, 8, [
@@ -507,9 +508,9 @@ var Q = /* @__PURE__ */ u(ue, [["render", fe]]), pe = [
 				"label",
 				"active"
 			]),
-			k(Z, {
-				icon: B(te),
-				label: B(h).paragraphEditor.alignRight,
+			u(X, {
+				icon: v(re),
+				label: v(_).paragraphEditor.alignRight,
 				active: e.editor.isActive({ textAlign: "right" }),
 				onClick: n[13] ||= (t) => e.editor.chain().focus().setTextAlign("right").run()
 			}, null, 8, [
@@ -517,56 +518,56 @@ var Q = /* @__PURE__ */ u(ue, [["render", fe]]), pe = [
 				"label",
 				"active"
 			]),
-			k(Q),
-			k($, {
-				"model-value": R(),
-				options: B(x),
-				label: B(h).paragraphEditor.lineHeight,
+			u(Z),
+			u(Q, {
+				"model-value": M(),
+				options: v(B),
+				label: v(_).paragraphEditor.lineHeight,
 				placeholder: "LH",
 				"width-class": "tpl:w-16",
-				"onUpdate:modelValue": V
+				"onUpdate:modelValue": P
 			}, null, 8, [
 				"model-value",
 				"options",
 				"label"
 			]),
-			k($, {
-				"model-value": M("letterSpacing"),
-				options: B(b),
-				label: B(h).paragraphEditor.letterSpacing,
+			u(Q, {
+				"model-value": O("letterSpacing"),
+				options: v(z),
+				label: v(_).paragraphEditor.letterSpacing,
 				placeholder: "LS",
 				"width-class": "tpl:w-20",
-				"onUpdate:modelValue": H
+				"onUpdate:modelValue": I
 			}, null, 8, [
 				"model-value",
 				"options",
 				"label"
 			]),
-			k(Q),
-			k(Z, {
-				icon: B(ie),
-				label: B(h).paragraphEditor.clearFormatting,
+			u(Z),
+			u(X, {
+				icon: v(U),
+				label: v(_).paragraphEditor.clearFormatting,
 				onClick: n[14] ||= (t) => e.editor.chain().focus().clearNodes().unsetAllMarks().run()
 			}, null, 8, ["icon", "label"]),
-			k(Q),
-			k(ce, { onInsert: A }),
-			e.mergeTagEnabled ? (F(), E(S, { key: 0 }, [k(Q), D("button", {
+			u(Z),
+			u(le, { onInsert: S }),
+			e.mergeTagEnabled ? (i(), l(d, { key: 0 }, [u(Z), g("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": B(h).mergeTag.add,
-				title: B(h).mergeTag.add,
-				onClick: n[15] ||= (e) => c("add-merge-tag")
-			}, [k(B(_), {
+				"aria-label": v(_).mergeTag.add,
+				title: v(_).mergeTag.add,
+				onClick: n[15] ||= (e) => o("add-merge-tag")
+			}, [u(v(ne), {
 				size: 16,
 				"stroke-width": 2
-			}), O(" " + z(B(h).mergeTag.add), 1)], 8, Ce)], 64)) : T("", !0)
-		])], 64)) : (F(), E("div", we, [k(B(g), {
+			}), x(" " + a(v(_).mergeTag.add), 1)], 8, Ce)], 64)) : p("", !0)
+		])], 64)) : (i(), l("div", we, [u(v(te), {
 			class: "tpl-spinner",
 			size: 14,
 			"stroke-width": 2
-		}), O(" " + z(B(h).errors.editorLoading), 1)]))], 12, ge)]));
+		}), x(" " + a(v(_).errors.editorLoading), 1)]))], 12, _e)]));
 	}
-}), Ee = { class: "tpl-text-editor-wrapper tpl:relative" }, De = /* @__PURE__ */ A({
+}), Ee = { class: "tpl-text-editor-wrapper tpl:relative" }, De = /* @__PURE__ */ s({
 	__name: "ParagraphEditor",
 	props: {
 		block: {},
@@ -574,25 +575,25 @@ var Q = /* @__PURE__ */ u(ue, [["render", fe]]), pe = [
 	},
 	emits: ["done"],
 	setup(e, { emit: t }) {
-		let n = e, r = t, { editor: i, EditorContent: a, isLoading: o, initError: c, retry: l, showLinkDialog: u, linkUrl: d, linkDialogRef: f, mergeTagEnabled: m, openLinkDialog: g, insertLink: _, removeLink: v, closeLinkDialog: y, handleLinkKeydown: b, handleAddMergeTag: x } = s({
-			blockId: () => n.block.id,
-			blockContent: () => n.block.content,
-			onDone: () => r("done"),
+		let r = e, a = t, { editor: o, EditorContent: s, isLoading: c, initError: d, retry: f, showLinkDialog: p, linkUrl: m, linkDialogRef: h, mergeTagEnabled: g, openLinkDialog: _, insertLink: y, removeLink: b, closeLinkDialog: x, handleLinkKeydown: S, handleAddMergeTag: C } = k({
+			blockId: () => r.block.id,
+			blockContent: () => r.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-B4LTlrAn.js").then((e) => e.r),
-					import("./dist-DPM-DFvh.js"),
-					import("./dist-Crqkuf-w.js"),
-					import("./dist-CBr-qhie.js"),
-					import("./dist-BTtKPcd2.js"),
-					import("./dist-COguaIvm.js"),
-					import("./dist-DfqLGwSF.js"),
-					import("./dist-DHYuVJ_7.js"),
-					import("./dist-DmVOCJjI.js"),
-					import("./dist-DEJZ9iAU.js"),
-					import("./dist-COOFiBFV.js"),
-					import("./extensions-C6xp_B7K.js")
+					import("./dist-D42og5Sc.js").then((e) => e.r),
+					import("./dist-BnlZ_HwX.js"),
+					import("./dist-UZ8UzVZ-.js"),
+					import("./dist-Owxo48fF.js"),
+					import("./dist-C9yhcxsf.js"),
+					import("./dist-CGffNO8z.js"),
+					import("./dist-Cq0OFLMj.js"),
+					import("./dist-skgH9dyo.js"),
+					import("./dist-BibwE8Y0.js"),
+					import("./dist-CfGpCUSx.js"),
+					import("./dist-Chd-H2S3.js"),
+					import("./extensions-DQKaICBH.js")
 				]);
 				return {
 					TiptapEditor: n,
@@ -631,14 +632,14 @@ var Q = /* @__PURE__ */ u(ue, [["render", fe]]), pe = [
 				};
 			}
 		});
-		return (t, n) => (F(), E("div", Ee, [
-			k(Te, {
-				editor: B(i),
+		return (t, r) => (i(), l("div", Ee, [
+			u(Te, {
+				editor: v(o),
 				"toolbar-position": e.toolbarPosition,
-				"is-loading": B(o),
-				"merge-tag-enabled": B(m),
-				onOpenLinkDialog: B(g),
-				onAddMergeTag: B(x)
+				"is-loading": v(c),
+				"merge-tag-enabled": v(g),
+				onOpenLinkDialog: v(_),
+				onAddMergeTag: v(C)
 			}, null, 8, [
 				"editor",
 				"toolbar-position",
@@ -647,12 +648,12 @@ var Q = /* @__PURE__ */ u(ue, [["render", fe]]), pe = [
 				"onOpenLinkDialog",
 				"onAddMergeTag"
 			]),
-			k(h, {
-				editor: B(i),
-				"editor-content": B(a),
-				"is-loading": B(o),
-				"init-error": B(c),
-				onRetry: B(l)
+			u(I, {
+				editor: v(o),
+				"editor-content": v(s),
+				"is-loading": v(c),
+				"init-error": v(d),
+				onRetry: v(f)
 			}, null, 8, [
 				"editor",
 				"editor-content",
@@ -660,17 +661,17 @@ var Q = /* @__PURE__ */ u(ue, [["render", fe]]), pe = [
 				"init-error",
 				"onRetry"
 			]),
-			k(p, {
-				visible: B(u),
-				"is-editing-link": B(i)?.isActive("link") ?? !1,
-				"dialog-ref": B(f),
-				"onUpdate:dialogRef": n[0] ||= (e) => M(f) ? f.value = e : null,
-				"link-url": B(d),
-				"onUpdate:linkUrl": n[1] ||= (e) => M(d) ? d.value = e : null,
-				onClose: B(y),
-				onInsert: B(_),
-				onRemove: B(v),
-				onKeydown: B(b)
+			u(P, {
+				visible: v(p),
+				"is-editing-link": v(o)?.isActive("link") ?? !1,
+				"dialog-ref": v(h),
+				"onUpdate:dialogRef": r[0] ||= (e) => n(h) ? h.value = e : null,
+				"link-url": v(m),
+				"onUpdate:linkUrl": r[1] ||= (e) => n(m) ? m.value = e : null,
+				onClose: v(x),
+				onInsert: v(y),
+				onRemove: v(b),
+				onKeydown: v(S)
 			}, null, 8, [
 				"visible",
 				"is-editing-link",