@templatical/editor 0.6.4 → 0.6.6

package/dist/cdn/chunks/{extensions-DIxF31tA.js → extensions-BJOV1jre.js}

@@ -1,6 +1,6 @@
-import { $ as e, F as t, H as n, N as r, S as i, U as a, _ as o, at as s, ct as c, d as l, g as u, h as d, k as f, l as p, lt as m, m as h, p as g, r as _, s as v, st as y, u as b, w as x } from "./draggable-Bcb86AsV.js";
-import { Nt as S, Z as C, fn as w, gn as T, hn as E, mn as D } from "./features-DEMb13KS.js";
-import { _ as O, g as k, h as A, n as j, r as M, t as N, v as P, y as F } from "./tiptap-ZhwKyFp7.js";
+import { C as e, H as t, M as n, O as r, P as i, V as a, Z as o, at as s, c, f as l, g as u, h as d, l as f, m as p, o as m, ot as h, p as g, r as _, rt as v, st as y, u as b, x } from "./draggable-CNhyCGIO.js";
+import { Nt as S, Z as C, fn as w, gn as T, hn as E, mn as D } from "./features-D6FoOm8v.js";
+import { _ as O, g as k, h as A, n as j, r as M, t as N, v as P, y as F } from "./tiptap-IyIsncxY.js";
 //#region src/extensions/FontSize.ts
 var I = A.create({
 	name: "fontSize",
@@ -72,7 +72,7 @@ var I = A.create({
 	"aria-label",
 	"data-tooltip",
 	"onKeydown"
-], te = ["aria-label", "onKeydown"], ne = ["aria-label"], z = /* @__PURE__ */ i({
+], te = ["aria-label", "onKeydown"], ne = ["aria-label"], z = /* @__PURE__ */ x({
 	__name: "LogicMergeTagNodeView",
 	props: {
 		node: {},
@@ -81,10 +81,10 @@ var I = A.create({
 		deleteNode: { type: Function },
 		updateAttributes: { type: Function }
 	},
-	setup(t) {
-		let i = t, { syntax: l } = C(), { t: _ } = S(), x = g(() => T(i.node.attrs.value, l)), w = g(() => D(i.node.attrs.value, l)), E = e(!1), O = e(""), k = e(null), A = !1;
+	setup(e) {
+		let i = e, { syntax: _ } = C(), { t: b } = S(), x = l(() => T(i.node.attrs.value, _)), w = l(() => D(i.node.attrs.value, _)), E = o(!1), O = o(""), k = o(null), A = !1;
 		function M() {
-			O.value = i.node.attrs.value, A = !1, E.value = !0, f(() => {
+			O.value = i.node.attrs.value, A = !1, E.value = !0, r(() => {
 				k.value?.focus(), k.value?.select();
 			});
 		}
@@ -98,19 +98,19 @@ var I = A.create({
 			}
 			e !== i.node.attrs.value && i.updateAttributes({
 				value: e,
-				keyword: T(e, l) ? D(e, l) : ""
+				keyword: T(e, _) ? D(e, _) : ""
 			}), E.value = !1;
 		}
 		function P(e) {
 			e.key === "Enter" ? (e.preventDefault(), N()) : e.key === "Escape" && (E.value = !1);
 		}
-		return (e, i) => (r(), d(s(j), {
+		return (r, i) => (n(), p(v(j), {
 			as: "span",
-			class: y(x.value ? "tpl-logic-merge-tag-node tpl:group tpl:mx-0.5 tpl:inline-flex tpl:items-center tpl:gap-1 tpl:rounded tpl:px-1.5 tpl:py-0.5 tpl:text-[0.8em] tpl:font-bold tpl:tracking-wide tpl:uppercase tpl:select-none" : ""),
-			style: c(x.value ? "background-color: transparent; border: 1.5px solid color-mix(in srgb, var(--tpl-primary) 50%, transparent); color: var(--tpl-primary);" : ""),
+			class: s(x.value ? "tpl-logic-merge-tag-node tpl:group tpl:mx-0.5 tpl:inline-flex tpl:items-center tpl:gap-1 tpl:rounded tpl:px-1.5 tpl:py-0.5 tpl:text-[0.8em] tpl:font-bold tpl:tracking-wide tpl:uppercase tpl:select-none" : ""),
+			style: h(x.value ? "background-color: transparent; border: 1.5px solid color-mix(in srgb, var(--tpl-primary) 50%, transparent); color: var(--tpl-primary);" : ""),
 			contenteditable: "false"
 		}, {
-			default: n(() => [E.value ? a((r(), o("input", {
+			default: a(() => [E.value ? t((n(), u("input", {
 				key: 0,
 				ref_key: "inputRef",
 				ref: k,
@@ -119,30 +119,30 @@ var I = A.create({
 				class: "tpl:w-40 tpl:rounded tpl:border-none tpl:bg-transparent tpl:px-0.5 tpl:py-0 tpl:text-[1em] tpl:font-medium tpl:normal-case tpl:outline-none tpl:text-[var(--tpl-primary)]",
 				onBlur: N,
 				onKeydown: P
-			}, null, 544)), [[v, O.value]]) : x.value ? (r(), o("span", {
+			}, null, 544)), [[m, O.value]]) : x.value ? (n(), u("span", {
 				key: 1,
 				role: "button",
 				tabindex: "0",
-				"aria-label": s(_).mergeTag.editValue,
+				"aria-label": v(b).mergeTag.editValue,
 				class: "tpl-tooltip tpl:cursor-pointer",
-				"data-tooltip": t.node.attrs.value,
-				onClick: b(M, ["stop"]),
-				onKeydown: [p(b(M, ["stop"]), ["enter"]), p(b(M, ["prevent", "stop"]), ["space"])]
-			}, m(w.value), 41, ee)) : (r(), o("span", {
+				"data-tooltip": e.node.attrs.value,
+				onClick: f(M, ["stop"]),
+				onKeydown: [c(f(M, ["stop"]), ["enter"]), c(f(M, ["prevent", "stop"]), ["space"])]
+			}, y(w.value), 41, ee)) : (n(), u("span", {
 				key: 2,
 				role: "button",
 				tabindex: "0",
-				"aria-label": s(_).mergeTag.editValue,
-				onClick: b(M, ["stop"]),
-				onKeydown: [p(b(M, ["stop"]), ["enter"]), p(b(M, ["prevent", "stop"]), ["space"])]
-			}, m(t.node.attrs.value), 41, te)), x.value ? (r(), o("button", {
+				"aria-label": v(b).mergeTag.editValue,
+				onClick: f(M, ["stop"]),
+				onKeydown: [c(f(M, ["stop"]), ["enter"]), c(f(M, ["prevent", "stop"]), ["space"])]
+			}, y(e.node.attrs.value), 41, te)), x.value ? (n(), u("button", {
 				key: 3,
 				type: "button",
-				"aria-label": s(_).mergeTag.deleteMergeTag,
+				"aria-label": v(b).mergeTag.deleteMergeTag,
 				class: "tpl-merge-tag-delete tpl:flex tpl:size-5 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded-full tpl:border-none tpl:bg-transparent tpl:p-0 tpl:opacity-60 tpl:transition-all hover:tpl:opacity-100 tpl:text-[var(--tpl-primary)]",
 				contenteditable: "false",
-				onClick: i[1] ||= b((...e) => t.deleteNode && t.deleteNode(...e), ["stop", "prevent"])
-			}, [...i[2] ||= [h("svg", {
+				onClick: i[1] ||= f((...t) => e.deleteNode && e.deleteNode(...t), ["stop", "prevent"])
+			}, [...i[2] ||= [g("svg", {
 				width: "10",
 				height: "10",
 				viewBox: "0 0 24 24",
@@ -150,17 +150,17 @@ var I = A.create({
 				stroke: "currentColor",
 				"stroke-width": "3",
 				"aria-hidden": "true"
-			}, [h("line", {
+			}, [g("line", {
 				x1: "18",
 				y1: "6",
 				x2: "6",
 				y2: "18"
-			}), h("line", {
+			}), g("line", {
 				x1: "6",
 				y1: "6",
 				x2: "18",
 				y2: "18"
-			})], -1)]], 8, ne)) : u("", !0)]),
+			})], -1)]], 8, ne)) : d("", !0)]),
 			_: 1
 		}, 8, ["class", "style"]));
 	}
@@ -260,61 +260,61 @@ var H = O.create({
 	"aria-label",
 	"data-tooltip",
 	"onKeydown"
-], W = ["aria-label"], G = /* @__PURE__ */ i({
+], W = ["aria-label"], G = /* @__PURE__ */ x({
 	__name: "MergeTagNodeView",
 	props: {
 		node: {},
 		deleteNode: { type: Function },
 		updateAttributes: { type: Function }
 	},
-	setup(t) {
-		let i = t, { getMergeTagLabel: c } = C(), { t: l } = S(), u = g(() => c(i.node.attrs.value)), _ = e(!1), y = e(""), x = e(null);
+	setup(e) {
+		let i = e, { getMergeTagLabel: s } = C(), { t: d } = S(), h = l(() => s(i.node.attrs.value)), _ = o(!1), b = o(""), x = o(null);
 		function w() {
-			y.value = i.node.attrs.value, _.value = !0, f(() => {
+			b.value = i.node.attrs.value, _.value = !0, r(() => {
 				x.value?.focus(), x.value?.select();
 			});
 		}
 		function T() {
-			let e = y.value.trim();
+			let e = b.value.trim();
 			e && e !== i.node.attrs.value && i.updateAttributes({
 				value: e,
-				label: c(e)
+				label: s(e)
 			}), _.value = !1;
 		}
 		function E(e) {
 			e.key === "Enter" ? (e.preventDefault(), T()) : e.key === "Escape" && (_.value = !1);
 		}
-		return (e, i) => (r(), d(s(j), {
+		return (r, i) => (n(), p(v(j), {
 			as: "span",
 			class: "tpl-merge-tag-node tpl:group tpl:mx-0.5 tpl:inline-flex tpl:items-center tpl:gap-1 tpl:rounded tpl:px-1.5 tpl:py-0.5 tpl:text-[0.9em] tpl:font-medium tpl:select-none tpl:text-[var(--tpl-primary)]",
 			style: { "background-color": "color-mix(in srgb, var(--tpl-primary) 20%, transparent)" },
 			contenteditable: "false"
 		}, {
-			default: n(() => [_.value ? a((r(), o("input", {
+			default: a(() => [_.value ? t((n(), u("input", {
 				key: 0,
 				ref_key: "inputRef",
 				ref: x,
-				"onUpdate:modelValue": i[0] ||= (e) => y.value = e,
+				"onUpdate:modelValue": i[0] ||= (e) => b.value = e,
 				type: "text",
 				class: "tpl:w-32 tpl:rounded tpl:border-none tpl:bg-transparent tpl:px-0.5 tpl:py-0 tpl:text-[1em] tpl:font-medium tpl:outline-none tpl:text-[var(--tpl-primary)]",
 				onBlur: T,
 				onKeydown: E
-			}, null, 544)), [[v, y.value]]) : (r(), o("span", {
+			}, null, 544)), [[m, b.value]]) : (n(), u("span", {
 				key: 1,
 				role: "button",
 				tabindex: "0",
-				"aria-label": s(l).mergeTag.editValue,
+				"aria-label": v(d).mergeTag.editValue,
 				class: "tpl-tooltip tpl:cursor-pointer",
-				"data-tooltip": t.node.attrs.value,
-				onClick: b(w, ["stop"]),
-				onKeydown: [p(b(w, ["stop"]), ["enter"]), p(b(w, ["prevent", "stop"]), ["space"])]
-			}, m(u.value), 41, U)), h("button", {
+				"data-tooltip": e.node.attrs.value,
+				onClick: f(w, ["stop"]),
+				onKeydown: [c(f(w, ["stop"]), ["enter"]), c(f(w, ["prevent", "stop"]), ["space"])]
+			}, y(h.value), 41, U)), g("button", {
 				type: "button",
-				"aria-label": s(l).mergeTag.deleteMergeTag,
+				"aria-label": v(d).mergeTag.deleteMergeTag,
 				class: "tpl-merge-tag-delete tpl:flex tpl:size-5 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded-full tpl:border-none tpl:bg-transparent tpl:p-0 tpl:opacity-60 tpl:transition-all hover:tpl:opacity-100 tpl:text-[var(--tpl-primary)]",
 				contenteditable: "false",
-				onClick: i[1] ||= b((...e) => t.deleteNode && t.deleteNode(...e), ["stop", "prevent"])
-			}, [...i[2] ||= [h("svg", {
+				onClick: i[1] ||= f((...t) => e.deleteNode && e.deleteNode(...t), ["stop", "prevent"])
+			}, [...i[2] ||= [g("svg", {
 				width: "10",
 				height: "10",
 				viewBox: "0 0 24 24",
@@ -322,12 +322,12 @@ var H = O.create({
 				stroke: "currentColor",
 				"stroke-width": "3",
 				"aria-hidden": "true"
-			}, [h("line", {
+			}, [g("line", {
 				x1: "18",
 				y1: "6",
 				x2: "6",
 				y2: "18"
-			}), h("line", {
+			}), g("line", {
 				x1: "6",
 				y1: "6",
 				x2: "18",
@@ -423,7 +423,7 @@ var H = O.create({
 	"data-merge-tag-value",
 	"onMousedown",
 	"onMousemove"
-], X = { class: "tpl:font-medium" }, re = { class: "tpl:text-[var(--tpl-text-dim)] tpl:font-mono" }, ie = /* @__PURE__ */ i({
+], X = { class: "tpl:font-medium" }, re = { class: "tpl:text-[var(--tpl-text-dim)] tpl:font-mono" }, ie = /* @__PURE__ */ x({
 	__name: "MergeTagSuggestionList",
 	props: {
 		items: {},
@@ -433,27 +433,27 @@ var H = O.create({
 	},
 	emits: ["select", "hover"],
 	setup(e) {
-		let n = e;
-		function i(e) {
-			return n.listId ? `${n.listId}-opt-${e}` : void 0;
+		let t = e;
+		function r(e) {
+			return t.listId ? `${t.listId}-opt-${e}` : void 0;
 		}
-		return (n, a) => (r(), o("div", {
+		return (t, a) => (n(), u("div", {
 			id: e.listId,
 			class: "tpl:min-w-[200px] tpl:max-w-[320px] tpl:max-h-[50vh] tpl:overflow-y-auto tpl:rounded-[var(--tpl-radius)] tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg-elevated)] tpl:py-1 tpl:shadow-lg",
 			role: "listbox",
 			"data-testid": "merge-tag-suggestion-list"
-		}, [e.items.length === 0 ? (r(), o("div", J, m(e.emptyText), 1)) : u("", !0), (r(!0), o(l, null, t(e.items, (t, a) => (r(), o("button", {
-			key: t.value,
-			id: i(a),
+		}, [e.items.length === 0 ? (n(), u("div", J, y(e.emptyText), 1)) : d("", !0), (n(!0), u(b, null, i(e.items, (i, a) => (n(), u("button", {
+			key: i.value,
+			id: r(a),
 			type: "button",
 			role: "option",
 			"aria-selected": a === e.selectedIndex,
 			"data-selected": a === e.selectedIndex ? "true" : "false",
-			"data-merge-tag-value": t.value,
-			class: y(["tpl:flex tpl:w-full tpl:flex-col tpl:items-start tpl:gap-0.5 tpl:px-3 tpl:py-1.5 tpl:text-left tpl:text-xs tpl:transition-colors", a === e.selectedIndex ? "tpl:bg-[var(--tpl-primary-light)] tpl:text-[var(--tpl-primary)]" : "tpl:text-[var(--tpl-text)] hover:tpl:bg-[var(--tpl-bg-hover)]"]),
-			onMousedown: b((e) => n.$emit("select", t), ["prevent", "stop"]),
-			onMousemove: (t) => a !== e.selectedIndex && n.$emit("hover", a)
-		}, [h("span", X, m(t.label), 1), h("span", re, m(t.value), 1)], 42, Y))), 128))], 8, q));
+			"data-merge-tag-value": i.value,
+			class: s(["tpl:flex tpl:w-full tpl:flex-col tpl:items-start tpl:gap-0.5 tpl:px-3 tpl:py-1.5 tpl:text-left tpl:text-xs tpl:transition-colors", a === e.selectedIndex ? "tpl:bg-[var(--tpl-primary-light)] tpl:text-[var(--tpl-primary)]" : "tpl:text-[var(--tpl-text)] hover:tpl:bg-[var(--tpl-bg-hover)]"]),
+			onMousedown: f((e) => t.$emit("select", i), ["prevent", "stop"]),
+			onMousemove: (n) => a !== e.selectedIndex && t.$emit("hover", a)
+		}, [g("span", X, y(i.label), 1), g("span", re, y(i.value), 1)], 42, Y))), 128))], 8, q));
 	}
 }), Z = 10, ae = 0;
 function Q(e, t) {
@@ -492,14 +492,14 @@ var oe = A.create({
 				}).run();
 			},
 			render: () => {
-				let t = null, r = null, i = null, a = e([]), o = e(0), s = null, c = `tpl-merge-tag-suggestion-${++ae}`, l = null, u = [];
-				function d() {
-					g(l?.() ?? null);
-				}
+				let t = null, r = null, i = null, a = o([]), s = o(0), c = null, l = `tpl-merge-tag-suggestion-${++ae}`, u = null, d = [];
 				function f() {
-					d(), requestAnimationFrame(d);
+					v(u?.() ?? null);
 				}
-				function p(e) {
+				function p() {
+					f(), requestAnimationFrame(f);
+				}
+				function m(e) {
 					let t = [], n = e?.parentElement ?? null;
 					for (; n && n !== document.body && n !== document.documentElement;) {
 						let e = window.getComputedStyle(n), r = e.overflow + e.overflowX + e.overflowY;
@@ -507,19 +507,19 @@ var oe = A.create({
 					}
 					return t;
 				}
-				function m(e) {
-					u = [window, ...p(e)];
-					for (let e of u) e.addEventListener("scroll", d, {
+				function h(e) {
+					d = [window, ...m(e)];
+					for (let e of d) e.addEventListener("scroll", f, {
 						passive: !0,
 						capture: !0
 					});
-					window.addEventListener("resize", d, { passive: !0 });
+					window.addEventListener("resize", f, { passive: !0 });
 				}
-				function h() {
-					for (let e of u) e.removeEventListener("scroll", d, { capture: !0 });
-					window.removeEventListener("resize", d), u = [];
+				function g() {
+					for (let e of d) e.removeEventListener("scroll", f, { capture: !0 });
+					window.removeEventListener("resize", f), d = [];
 				}
-				function g(e) {
+				function v(e) {
 					if (!r || !e || e.bottom < 0 || e.top > window.innerHeight) return;
 					r.style.position = "fixed", r.style.left = `${e.left}px`, r.style.zIndex = "9999", r.style.top = `${e.bottom}px`;
 					let t = r.offsetHeight;
@@ -528,7 +528,7 @@ var oe = A.create({
 						r.style.top = `${n}px`;
 					}
 				}
-				function v(e, t) {
+				function y(e, t) {
 					let n = t?.closest("[data-tpl-theme]");
 					if (!n) return;
 					let r = n.getAttribute("data-tpl-theme");
@@ -540,48 +540,48 @@ var oe = A.create({
 					}
 					e.style.fontFamily = i.fontFamily, e.style.fontSize = i.fontSize, e.style.lineHeight = i.lineHeight;
 				}
-				function y(e) {
-					i && (e ? (i.setAttribute("role", "combobox"), i.setAttribute("aria-haspopup", "listbox"), i.setAttribute("aria-expanded", "true"), i.setAttribute("aria-controls", c)) : (i.removeAttribute("aria-expanded"), i.removeAttribute("aria-controls"), i.removeAttribute("aria-activedescendant"), i.removeAttribute("aria-haspopup"), i.removeAttribute("role")));
+				function b(e) {
+					i && (e ? (i.setAttribute("role", "combobox"), i.setAttribute("aria-haspopup", "listbox"), i.setAttribute("aria-expanded", "true"), i.setAttribute("aria-controls", l)) : (i.removeAttribute("aria-expanded"), i.removeAttribute("aria-controls"), i.removeAttribute("aria-activedescendant"), i.removeAttribute("aria-haspopup"), i.removeAttribute("role")));
 				}
-				function b() {
+				function x() {
 					if (i) {
 						if (a.value.length === 0) {
 							i.removeAttribute("aria-activedescendant");
 							return;
 						}
-						i.setAttribute("aria-activedescendant", `${c}-opt-${o.value}`);
+						i.setAttribute("aria-activedescendant", `${l}-opt-${s.value}`);
 					}
 				}
 				function S(e) {
-					s?.(e);
+					c?.(e);
 				}
 				return {
-					onStart: (e) => {
-						a.value = e.items, o.value = 0, s = (t) => e.command(t), r = document.createElement("div"), r.setAttribute("data-testid", "merge-tag-suggestion-popup");
-						let u = e.editor.view?.dom;
-						i = u ?? null, v(r, u ?? null), document.body.appendChild(r), t = _({ render() {
-							return x(ie, {
+					onStart: (o) => {
+						a.value = o.items, s.value = 0, c = (e) => o.command(e), r = document.createElement("div"), r.setAttribute("data-testid", "merge-tag-suggestion-popup");
+						let d = o.editor.view?.dom;
+						i = d ?? null, y(r, d ?? null), document.body.appendChild(r), t = _({ render() {
+							return e(ie, {
 								items: a.value,
-								selectedIndex: o.value,
+								selectedIndex: s.value,
 								emptyText: n,
-								listId: c,
+								listId: l,
 								onSelect: (e) => S(e),
 								onHover: (e) => {
-									o.value = e, b();
+									s.value = e, x();
 								}
 							});
-						} }), t.mount(r), y(!0), b(), l = e.clientRect ?? null, f(), m(u ?? null);
+						} }), t.mount(r), b(!0), x(), u = o.clientRect ?? null, p(), h(d ?? null);
 					},
 					onUpdate: (e) => {
-						a.value = e.items, o.value >= e.items.length && (o.value = 0), s = (t) => e.command(t), b(), l = e.clientRect ?? null, f();
+						a.value = e.items, s.value >= e.items.length && (s.value = 0), c = (t) => e.command(t), x(), u = e.clientRect ?? null, p();
 					},
 					onKeyDown: (e) => {
 						if (e.event.key === "Escape") return !0;
-						let t = $(e.event, a.value, o, S);
-						return t && b(), t;
+						let t = $(e.event, a.value, s, S);
+						return t && x(), t;
 					},
 					onExit: () => {
-						h(), y(!1), t?.unmount(), r?.remove(), t = null, r = null, i = null, s = null, l = null;
+						g(), b(!1), t?.unmount(), r?.remove(), t = null, r = null, i = null, c = null, u = null;
 					}
 				};
 			}
@@ -595,4 +595,4 @@ var oe = A.create({
 //#endregion
 export { I as FontSize, L as LetterSpacing, R as LineHeight, H as LogicMergeTagNode, K as MergeTagNode, oe as MergeTagSuggestion, Q as filterMergeTags, $ as handleSuggestionKeyDown };
 
-//# sourceMappingURL=extensions-DIxF31tA.js.map
+//# sourceMappingURL=extensions-BJOV1jre.js.map