@templatical/editor 0.25.1 → 0.26.0

package/dist/cdn/chunks/{ParagraphEditor-o4hs9mgy.js → ParagraphEditor-Cuc83Blj.js}

@@ -1,13 +1,13 @@
-import { K as e, L as t, M as n, P as r, T as i, Z as a, c as o, ct as s, d as c, f as l, g as u, h as d, it as f, l as p, m, ot as h, p as g, st as _, u as v, v as y, x as b, y as x } from "./draggable-BRF_Q_jB.js";
-import { D as S, E as C, S as w, x as T } from "./useEditorCore-CTYH6u4r.js";
-import { t as E } from "./dist-BLF-S9_A.js";
-import { G as D, O, T as k, U as ee, V as te, g as ne, v as A } from "./keys-CZOBuCQd.js";
-import { t as j } from "./useI18n-aRMtgYRj.js";
-import { n as M } from "./usePopoverPosition-Dm1jv3y5.js";
-import { D as N, F as re, Rt as ie, S as ae, Vt as oe, _ as se, at as ce, dt as le, g as ue, h as de, l as fe, lt as pe, m as me, ot as he, st as ge, x as _e, y as ve, z as ye } from "./icons-DN008liP.js";
+import { K as e, L as t, M as n, P as r, T as i, Z as a, c as o, ct as s, d as c, f as l, g as u, h as d, it as f, l as p, lt as m, m as h, p as g, st as _, u as v, v as y, x as b, y as x } from "./draggable-DCs9qL-b.js";
+import { D as S, E as C, S as w, x as T } from "./useEditorCore-C_nUXiph.js";
+import { t as E } from "./dist-B2HKGHnc.js";
+import { G as D, O, T as k, U as ee, V as te, g as ne, v as A } from "./keys-Cmc2Yl3D.js";
+import { t as j } from "./useI18n-UMs0F71x.js";
+import { n as M } from "./usePopoverPosition-cf8Y-ynK.js";
+import { Ct as N, P as re, R as ie, Rt as ae, S as oe, Vt as se, _ as ce, at as le, ct as ue, g as de, h as fe, it as pe, l as me, m as he, ot as ge, ut as _e, x as ve, y as ye } from "./icons-CvYN6zrM.js";
 import { t as P } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { c as be, o as xe, r as Se, s as Ce, t as F } from "./ColorPicker-yxvrro60.js";
-import { n as I, t as L } from "./RichTextEditorContent-BAriGldd.js";
+import { c as be, o as xe, r as Se, s as Ce, t as F } from "./ColorPicker-W_UyiVGc.js";
+import { n as I, t as L } from "./RichTextEditorContent-DtL49Jpo.js";
 //#region src/components/blocks/EmojiPickerDropdown.vue?vue&type=script&setup=true&lang.ts
 var R = [
 	"aria-label",
@@ -17,9 +17,9 @@ var R = [
 	__name: "EmojiPickerDropdown",
 	emits: ["insert"],
 	setup(e, { emit: t }) {
-		let i = t, { categories: c, isOpen: m, toggle: _, close: y } = C(), { t: b, format: w } = j(), T = a(null), D = a(null), O = l(() => m.value);
+		let i = t, { categories: s, isOpen: c, toggle: h, close: y } = C(), { t: b, format: w } = j(), T = a(null), D = a(null), O = l(() => c.value);
 		S(T, O), E(D, () => {
-			m.value && y();
+			c.value && y();
 		});
 		function k(e) {
 			i("insert", e), y();
@@ -30,17 +30,17 @@ var R = [
 			class: "tpl:relative"
 		}, [g("button", {
 			type: "button",
-			class: h(["tpl-text-toolbar-btn", { "tpl-text-toolbar-btn--active": f(m) }]),
+			class: _(["tpl-text-toolbar-btn", { "tpl-text-toolbar-btn--active": f(c) }]),
 			"aria-label": f(b).paragraphEditor.insertEmoji,
 			title: f(b).paragraphEditor.insertEmoji,
-			"aria-expanded": f(m),
+			"aria-expanded": f(c),
 			"aria-haspopup": "dialog",
 			"aria-controls": "tpl-emoji-picker",
-			onClick: t[0] ||= (...e) => f(_) && f(_)(...e)
+			onClick: t[0] ||= (...e) => f(h) && f(h)(...e)
 		}, [x(f(N), {
 			size: 16,
 			"stroke-width": 2
-		})], 10, R), f(m) ? (n(), u("div", {
+		})], 10, R), f(c) ? (n(), u("div", {
 			key: 0,
 			id: "tpl-emoji-picker",
 			ref_key: "pickerRef",
@@ -51,16 +51,16 @@ var R = [
 			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] ||= o(p((...e) => f(y) && f(y)(...e), ["stop", "prevent"]), ["esc"])
-		}, [(n(!0), u(v, null, r(f(c), (e) => (n(), u("div", {
+		}, [(n(!0), u(v, null, r(f(s), (e) => (n(), u("div", {
 			key: e.key,
 			class: "tpl:mb-2 tpl:last:mb-0"
-		}, [g("div", B, s(f(b).emoji[e.key]), 1), g("div", V, [(n(!0), u(v, null, r(e.emojis, (e) => (n(), u("button", {
+		}, [g("div", B, m(f(b).emoji[e.key]), 1), g("div", V, [(n(!0), u(v, null, r(e.emojis, (e) => (n(), u("button", {
 			key: e,
 			type: "button",
 			"aria-label": f(w)(f(b).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) => k(e)
-		}, s(e), 9, H))), 128))])]))), 128))], 40, z)) : d("", !0)], 512));
+		}, m(e), 9, H))), 128))])]))), 128))], 40, z)) : d("", !0)], 512));
 	}
 }), U = [
 	"aria-label",
@@ -78,11 +78,11 @@ var R = [
 	setup(e) {
 		return (r, i) => (n(), u("button", {
 			type: "button",
-			class: h(["tpl-text-toolbar-btn", { "tpl-text-toolbar-btn--active": e.active }]),
+			class: _(["tpl-text-toolbar-btn", { "tpl-text-toolbar-btn--active": e.active }]),
 			"aria-label": e.label,
 			title: e.label,
 			"aria-pressed": e.active ? "true" : "false"
-		}, [(n(), m(t(e.icon), {
+		}, [(n(), h(t(e.icon), {
 			size: e.size ?? 16,
 			"stroke-width": e.strokeWidth ?? 2
 		}, null, 8, ["size", "stroke-width"]))], 10, U));
@@ -116,19 +116,19 @@ var J = /*#__PURE__*/ P(G, [["render", q]]), Y = [
 		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, i) => (n(), u("select", {
-			class: h(["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"]),
+			class: _(["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
-		}, [g("option", X, s(e.placeholder ?? ""), 1), (n(!0), u(v, null, r(e.options, (e) => (n(), u("option", {
+		}, [g("option", X, m(e.placeholder ?? ""), 1), (n(!0), u(v, null, r(e.options, (e) => (n(), u("option", {
 			key: o(e),
 			value: o(e)
-		}, s(c(e)), 9, Te))), 128))], 42, Y));
+		}, m(s(e)), 9, Te))), 128))], 42, Y));
 	}
 });
 //#endregion
@@ -156,7 +156,7 @@ var Ee = ["data-tpl-theme", "aria-label"], De = { class: "tpl:flex tpl:items-cen
 		"add-logic-tag"
 	],
 	setup(e, { emit: t }) {
-		let r = e, a = t, o = i(te, null), p = i(ee, null), h = D(A, "ParagraphToolbar"), b = M(), S = i(O, null), C = i(k, null), w = i(ne, null), T = l(() => (S?.isOpen.value ?? !1) || (C?.isOpen.value ?? !1)), { t: E } = j(), N = h.fonts;
+		let r = e, a = t, o = i(te, null), p = i(ee, null), _ = D(A, "ParagraphToolbar"), b = M(), S = i(O, null), C = i(k, null), w = i(ne, null), T = l(() => (S?.isOpen.value ?? !1) || (C?.isOpen.value ?? !1)), { t: E } = j(), N = _.fonts;
 		function P(e) {
 			r.editor?.chain().focus().insertContent(e).run();
 		}
@@ -206,7 +206,7 @@ var Ee = ["data-tpl-theme", "aria-label"], De = { class: "tpl:flex tpl:items-cen
 			let t = r.editor?.chain().focus();
 			e ? t?.setHighlight({ color: e }).run() : t?.unsetHighlight().run();
 		}
-		return (t, r) => f(b) && !T.value ? (n(), m(c, {
+		return (t, r) => f(b) && !T.value ? (n(), h(c, {
 			key: 0,
 			to: f(b)
 		}, [g("div", {
@@ -214,7 +214,7 @@ var Ee = ["data-tpl-theme", "aria-label"], De = { class: "tpl:flex tpl:items-cen
 			role: "toolbar",
 			"aria-label": f(E).paragraphEditor.toolbar,
 			class: "tpl tpl-text-toolbar tpl:absolute 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: _({
+			style: s({
 				...f(o),
 				top: `${e.toolbarPosition.top}px`,
 				left: `${e.toolbarPosition.left}px`,
@@ -277,7 +277,7 @@ var Ee = ["data-tpl-theme", "aria-label"], De = { class: "tpl:flex tpl:items-cen
 			]),
 			x(J),
 			x(W, {
-				icon: f(oe),
+				icon: f(se),
 				label: f(E).paragraphEditor.bold,
 				active: e.editor.isActive("bold"),
 				"stroke-width": 2.5,
@@ -288,7 +288,7 @@ var Ee = ["data-tpl-theme", "aria-label"], De = { class: "tpl:flex tpl:items-cen
 				"active"
 			]),
 			x(W, {
-				icon: f(le),
+				icon: f(_e),
 				label: f(E).paragraphEditor.italic,
 				active: e.editor.isActive("italic"),
 				onClick: r[1] ||= (t) => e.editor.chain().focus().toggleItalic().run()
@@ -298,7 +298,7 @@ var Ee = ["data-tpl-theme", "aria-label"], De = { class: "tpl:flex tpl:items-cen
 				"active"
 			]),
 			x(W, {
-				icon: f(fe),
+				icon: f(me),
 				label: f(E).paragraphEditor.underline,
 				active: e.editor.isActive("underline"),
 				onClick: r[2] ||= (t) => e.editor.chain().focus().toggleUnderline().run()
@@ -308,7 +308,7 @@ var Ee = ["data-tpl-theme", "aria-label"], De = { class: "tpl:flex tpl:items-cen
 				"active"
 			]),
 			x(W, {
-				icon: f(ae),
+				icon: f(oe),
 				label: f(E).paragraphEditor.strikethrough,
 				active: e.editor.isActive("strike"),
 				onClick: r[3] ||= (t) => e.editor.chain().focus().toggleStrike().run()
@@ -319,7 +319,7 @@ var Ee = ["data-tpl-theme", "aria-label"], De = { class: "tpl:flex tpl:items-cen
 			]),
 			x(J),
 			x(W, {
-				icon: f(_e),
+				icon: f(ve),
 				label: f(E).paragraphEditor.subscript,
 				active: e.editor.isActive("subscript"),
 				onClick: r[4] ||= (t) => e.editor.chain().focus().toggleSubscript().run()
@@ -329,7 +329,7 @@ var Ee = ["data-tpl-theme", "aria-label"], De = { class: "tpl:flex tpl:items-cen
 				"active"
 			]),
 			x(W, {
-				icon: f(ve),
+				icon: f(ye),
 				label: f(E).paragraphEditor.superscript,
 				active: e.editor.isActive("superscript"),
 				onClick: r[5] ||= (t) => e.editor.chain().focus().toggleSuperscript().run()
@@ -340,7 +340,7 @@ var Ee = ["data-tpl-theme", "aria-label"], De = { class: "tpl:flex tpl:items-cen
 			]),
 			x(J),
 			x(W, {
-				icon: f(pe),
+				icon: f(ue),
 				label: f(E).paragraphEditor.addLink,
 				active: e.editor.isActive("link"),
 				onClick: r[6] ||= (e) => a("open-link-dialog")
@@ -351,7 +351,7 @@ var Ee = ["data-tpl-theme", "aria-label"], De = { class: "tpl:flex tpl:items-cen
 			])
 		]), g("div", Oe, [
 			x(W, {
-				icon: f(he),
+				icon: f(le),
 				label: f(E).paragraphEditor.bulletList,
 				active: e.editor.isActive("bulletList"),
 				onClick: r[7] ||= (t) => e.editor.chain().focus().toggleBulletList().run()
@@ -372,7 +372,7 @@ var Ee = ["data-tpl-theme", "aria-label"], De = { class: "tpl:flex tpl:items-cen
 			]),
 			x(J),
 			x(W, {
-				icon: f(me),
+				icon: f(he),
 				label: f(E).paragraphEditor.alignLeft,
 				active: e.editor.isActive({ textAlign: "left" }),
 				onClick: r[9] ||= (t) => e.editor.chain().focus().setTextAlign("left").run()
@@ -382,7 +382,7 @@ var Ee = ["data-tpl-theme", "aria-label"], De = { class: "tpl:flex tpl:items-cen
 				"active"
 			]),
 			x(W, {
-				icon: f(se),
+				icon: f(ce),
 				label: f(E).paragraphEditor.alignCenter,
 				active: e.editor.isActive({ textAlign: "center" }),
 				onClick: r[10] ||= (t) => e.editor.chain().focus().setTextAlign("center").run()
@@ -392,7 +392,7 @@ var Ee = ["data-tpl-theme", "aria-label"], De = { class: "tpl:flex tpl:items-cen
 				"active"
 			]),
 			x(W, {
-				icon: f(ue),
+				icon: f(de),
 				label: f(E).paragraphEditor.alignRight,
 				active: e.editor.isActive({ textAlign: "right" }),
 				onClick: r[11] ||= (t) => e.editor.chain().focus().setTextAlign("right").run()
@@ -402,7 +402,7 @@ var Ee = ["data-tpl-theme", "aria-label"], De = { class: "tpl:flex tpl:items-cen
 				"active"
 			]),
 			x(W, {
-				icon: f(de),
+				icon: f(fe),
 				label: f(E).paragraphEditor.alignJustify,
 				active: e.editor.isActive({ textAlign: "justify" }),
 				onClick: r[12] ||= (t) => e.editor.chain().focus().setTextAlign("justify").run()
@@ -438,7 +438,7 @@ var Ee = ["data-tpl-theme", "aria-label"], De = { class: "tpl:flex tpl:items-cen
 			]),
 			x(J),
 			x(W, {
-				icon: f(ye),
+				icon: f(ie),
 				label: f(E).paragraphEditor.clearFormatting,
 				onClick: r[13] ||= (t) => e.editor.chain().focus().clearNodes().unsetAllMarks().run()
 			}, null, 8, ["icon", "label"]),
@@ -453,7 +453,7 @@ var Ee = ["data-tpl-theme", "aria-label"], De = { class: "tpl:flex tpl:items-cen
 			}, [x(f(re), {
 				size: 16,
 				"stroke-width": 2
-			}), y(" " + s(f(E).mergeTag.insertShort), 1)], 8, ke)], 64)) : d("", !0),
+			}), y(" " + m(f(E).mergeTag.insertShort), 1)], 8, ke)], 64)) : d("", !0),
 			e.canInsertLogicTag ? (n(), u(v, { key: 1 }, [x(J), 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)]",
@@ -461,15 +461,15 @@ var Ee = ["data-tpl-theme", "aria-label"], De = { class: "tpl:flex tpl:items-cen
 				title: f(E).logicTag.insert,
 				"data-testid": "insert-logic-button",
 				onClick: r[15] ||= (e) => a("add-logic-tag")
-			}, [x(f(ie), {
+			}, [x(f(ae), {
 				size: 16,
 				"stroke-width": 2
-			}), y(" " + s(f(E).logicTag.insertShort), 1)], 8, Ae)], 64)) : d("", !0)
-		])], 64)) : (n(), u("div", $, [x(f(ce), {
+			}), y(" " + m(f(E).logicTag.insertShort), 1)], 8, Ae)], 64)) : d("", !0)
+		])], 64)) : (n(), u("div", $, [x(f(pe), {
 			class: "tpl-spinner",
 			size: 14,
 			"stroke-width": 2
-		}), y(" " + s(f(E).errors.editorLoading), 1)]))], 12, Ee)], 8, ["to"])) : d("", !0);
+		}), y(" " + m(f(E).errors.editorLoading), 1)]))], 12, Ee)], 8, ["to"])) : d("", !0);
 	}
 }), Me = { class: "tpl-text-editor-wrapper tpl:relative" }, Ne = /* @__PURE__ */ b({
 	__name: "ParagraphEditor",
@@ -486,18 +486,18 @@ var Ee = ["data-tpl-theme", "aria-label"], De = { class: "tpl:flex tpl:items-cen
 			editorName: "ParagraphEditor",
 			async loadExtensions({ mergeTags: e, syntax: t, triggerChar: n, autocompleteEnabled: r, suggestionEmptyText: i }) {
 				let [{ Editor: a, EditorContent: s }, { default: c }, { default: l }, { default: u }, { default: d }, { default: f }, { default: p }, { TextStyle: m }, { default: h }, { default: g }, { default: _ }, { MergeTagNode: v, MergeTagSuggestion: y, LogicMergeTagNode: b, FontSize: x, LineHeight: S, LetterSpacing: C }] = await Promise.all([
-					import("./tiptap-CgwK_fKJ.js").then((e) => e.r),
-					import("./tiptap-CgwK_fKJ.js").then((e) => e.i),
-					import("./tiptap-CgwK_fKJ.js").then((e) => e.l),
-					import("./tiptap-CgwK_fKJ.js").then((e) => e.a),
-					import("./tiptap-CgwK_fKJ.js").then((e) => e.c),
-					import("./tiptap-CgwK_fKJ.js").then((e) => e.s),
-					import("./tiptap-CgwK_fKJ.js").then((e) => e.o),
-					import("./tiptap-CgwK_fKJ.js").then((e) => e.p),
-					import("./tiptap-CgwK_fKJ.js").then((e) => e.f),
-					import("./tiptap-CgwK_fKJ.js").then((e) => e.d),
-					import("./tiptap-CgwK_fKJ.js").then((e) => e.u),
-					import("./extensions-yNQlgLNE.js")
+					import("./tiptap-C44S1Cmh.js").then((e) => e.r),
+					import("./tiptap-C44S1Cmh.js").then((e) => e.i),
+					import("./tiptap-C44S1Cmh.js").then((e) => e.l),
+					import("./tiptap-C44S1Cmh.js").then((e) => e.a),
+					import("./tiptap-C44S1Cmh.js").then((e) => e.c),
+					import("./tiptap-C44S1Cmh.js").then((e) => e.s),
+					import("./tiptap-C44S1Cmh.js").then((e) => e.o),
+					import("./tiptap-C44S1Cmh.js").then((e) => e.p),
+					import("./tiptap-C44S1Cmh.js").then((e) => e.f),
+					import("./tiptap-C44S1Cmh.js").then((e) => e.d),
+					import("./tiptap-C44S1Cmh.js").then((e) => e.u),
+					import("./extensions-B7laxHjs.js")
 				]);
 				return {
 					TiptapEditor: a,
@@ -607,4 +607,4 @@ var Ee = ["data-tpl-theme", "aria-label"], De = { class: "tpl:flex tpl:items-cen
 //#endregion
 export { Ne as default };
 
-//# sourceMappingURL=ParagraphEditor-o4hs9mgy.js.map
+//# sourceMappingURL=ParagraphEditor-Cuc83Blj.js.map