@templatical/editor 0.10.4 → 0.11.0

package/dist/extensions-B2lSGCA8.js

@@ -0,0 +1,1720 @@
+import { A as e, B as t, E as n, M as r, S as i, X as a, a as o, at as s, b as c, c as l, d as u, f as d, h as f, l as p, m, n as h, ot as g, p as _, rt as v, s as y, st as b, z as x } from "./vue.runtime.esm-bundler-mPytWZFh.js";
+import { C as S, D as C, n as w, w as T } from "./dist-D6L_WdRL.js";
+import { t as ee } from "./useI18n-DNspT6uw.js";
+import { t as E } from "./useMergeTag-abutjUud.js";
+import { F as D, Sn as O, i as k, o as A, p as j, qt as M, u as te, vn as ne, xn as re, yn as ie } from "./dist-Dem8ODLh.js";
+import { n as ae, t as oe } from "./dist-c2sj5PQ5.js";
+//#region src/extensions/FontSize.ts
+var se = k.create({
+	name: "fontSize",
+	addOptions() {
+		return { types: ["textStyle"] };
+	},
+	addGlobalAttributes() {
+		return [{
+			types: this.options.types,
+			attributes: { fontSize: {
+				default: null,
+				parseHTML: (e) => e.style.fontSize?.replace(/['"]+/g, "") || null,
+				renderHTML: (e) => e.fontSize ? { style: `font-size: ${e.fontSize}` } : {}
+			} }
+		}];
+	},
+	addCommands() {
+		return {
+			setFontSize: (e) => ({ chain: t }) => t().setMark("textStyle", { fontSize: e }).run(),
+			unsetFontSize: () => ({ chain: e }) => e().setMark("textStyle", { fontSize: null }).removeEmptyTextStyle().run()
+		};
+	}
+}), ce = k.create({
+	name: "letterSpacing",
+	addOptions() {
+		return { types: ["textStyle"] };
+	},
+	addGlobalAttributes() {
+		return [{
+			types: this.options.types,
+			attributes: { letterSpacing: {
+				default: null,
+				parseHTML: (e) => e.style.letterSpacing?.replace(/['"]+/g, "") || null,
+				renderHTML: (e) => e.letterSpacing ? { style: `letter-spacing: ${e.letterSpacing}` } : {}
+			} }
+		}];
+	},
+	addCommands() {
+		return {
+			setLetterSpacing: (e) => ({ chain: t }) => t().setMark("textStyle", { letterSpacing: e }).run(),
+			unsetLetterSpacing: () => ({ chain: e }) => e().setMark("textStyle", { letterSpacing: null }).removeEmptyTextStyle().run()
+		};
+	}
+}), le = k.create({
+	name: "lineHeight",
+	addOptions() {
+		return {
+			types: ["paragraph"],
+			defaultLineHeight: "1.5"
+		};
+	},
+	addGlobalAttributes() {
+		return [{
+			types: this.options.types,
+			attributes: { lineHeight: {
+				default: null,
+				parseHTML: (e) => e.style.lineHeight || null,
+				renderHTML: (e) => e.lineHeight ? { style: `line-height: ${e.lineHeight}` } : {}
+			} }
+		}];
+	},
+	addCommands() {
+		return {
+			setLineHeight: (e) => ({ commands: t }) => this.options.types.every((n) => t.updateAttributes(n, { lineHeight: e })),
+			unsetLineHeight: () => ({ commands: e }) => this.options.types.every((t) => e.resetAttributes(t, "lineHeight"))
+		};
+	}
+}), ue = [
+	"aria-label",
+	"data-tooltip",
+	"onKeydown"
+], de = ["aria-label", "onKeydown"], fe = ["aria-label"], pe = /* @__PURE__ */ c({
+	__name: "LogicMergeTagNodeView",
+	props: {
+		node: {},
+		editor: {},
+		getPos: { type: Function },
+		deleteNode: { type: Function },
+		updateAttributes: { type: Function }
+	},
+	setup(r) {
+		let i = r, { syntax: c } = E(), { t: p } = ee(), h = u(() => C(i.node.attrs.value, c)), w = u(() => S(i.node.attrs.value, c)), T = a(!1), D = a(""), O = a(null), k = !1;
+		function A() {
+			D.value = i.node.attrs.value, k = !1, T.value = !0, n(() => {
+				O.value?.focus(), O.value?.select();
+			});
+		}
+		function j() {
+			if (k) return;
+			k = !0;
+			let e = D.value.trim();
+			if (!e) {
+				T.value = !1;
+				return;
+			}
+			e !== i.node.attrs.value && i.updateAttributes({
+				value: e,
+				keyword: C(e, c) ? S(e, c) : ""
+			}), T.value = !1;
+		}
+		function M(e) {
+			e.key === "Enter" ? (e.preventDefault(), j()) : e.key === "Escape" && (T.value = !1);
+		}
+		return (n, i) => (e(), _(v(oe), {
+			as: "span",
+			class: s(h.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: g(h.value ? "background-color: transparent; border: 1.5px solid color-mix(in srgb, var(--tpl-primary) 50%, transparent); color: var(--tpl-primary);" : ""),
+			contenteditable: "false"
+		}, {
+			default: x(() => [T.value ? t((e(), f("input", {
+				key: 0,
+				ref_key: "inputRef",
+				ref: O,
+				"onUpdate:modelValue": i[0] ||= (e) => D.value = e,
+				type: "text",
+				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: j,
+				onKeydown: M
+			}, null, 544)), [[o, D.value]]) : h.value ? (e(), f("span", {
+				key: 1,
+				role: "button",
+				tabindex: "0",
+				"aria-label": v(p).mergeTag.editValue,
+				class: "tpl-tooltip tpl:cursor-pointer",
+				"data-tooltip": r.node.attrs.value,
+				onClick: l(A, ["stop"]),
+				onKeydown: [y(l(A, ["stop"]), ["enter"]), y(l(A, ["prevent", "stop"]), ["space"])]
+			}, b(w.value), 41, ue)) : (e(), f("span", {
+				key: 2,
+				role: "button",
+				tabindex: "0",
+				"aria-label": v(p).mergeTag.editValue,
+				onClick: l(A, ["stop"]),
+				onKeydown: [y(l(A, ["stop"]), ["enter"]), y(l(A, ["prevent", "stop"]), ["space"])]
+			}, b(r.node.attrs.value), 41, de)), h.value ? (e(), f("button", {
+				key: 3,
+				type: "button",
+				"aria-label": v(p).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] ||= l((...e) => r.deleteNode && r.deleteNode(...e), ["stop", "prevent"])
+			}, [...i[2] ||= [d("svg", {
+				width: "10",
+				height: "10",
+				viewBox: "0 0 24 24",
+				fill: "none",
+				stroke: "currentColor",
+				"stroke-width": "3",
+				"aria-hidden": "true"
+			}, [d("line", {
+				x1: "18",
+				y1: "6",
+				x2: "6",
+				y2: "18"
+			}), d("line", {
+				x1: "6",
+				y1: "6",
+				x2: "18",
+				y2: "18"
+			})], -1)]], 8, fe)) : m("", !0)]),
+			_: 1
+		}, 8, ["class", "style"]));
+	}
+});
+//#endregion
+//#region src/extensions/isNodeSelected.ts
+function N(e, t) {
+	let { $from: n, $to: r } = e.state.selection;
+	return n.pos === r.pos ? n.pos > 0 && n.nodeBefore?.type.name === t || n.nodeAfter?.type.name === t : !1;
+}
+//#endregion
+//#region src/extensions/renderVueNodeView.ts
+function me(e) {
+	return ae(e);
+}
+//#endregion
+//#region src/extensions/LogicMergeTagNode.ts
+var he = te.create({
+	name: "logicMergeTagNode",
+	group: "inline",
+	inline: !0,
+	atom: !0,
+	addOptions() {
+		return { syntax: w.liquid };
+	},
+	addAttributes() {
+		return {
+			value: {
+				default: "",
+				parseHTML: (e) => e.getAttribute("data-logic-merge-tag") || ""
+			},
+			keyword: {
+				default: "",
+				parseHTML: (e) => e.getAttribute("data-keyword") || e.textContent || ""
+			}
+		};
+	},
+	parseHTML() {
+		return [{ tag: "span[data-logic-merge-tag]" }];
+	},
+	renderHTML({ node: e, HTMLAttributes: t }) {
+		if (!C(e.attrs.value, this.options.syntax)) return [
+			"span",
+			{},
+			e.attrs.value
+		];
+		let n = S(e.attrs.value, this.options.syntax);
+		return [
+			"span",
+			M(t, {
+				"data-logic-merge-tag": e.attrs.value,
+				"data-keyword": n
+			}),
+			n
+		];
+	},
+	addNodeView() {
+		return me(pe);
+	},
+	addKeyboardShortcuts() {
+		return {
+			Backspace: () => N(this.editor, this.name),
+			Delete: () => N(this.editor, this.name)
+		};
+	},
+	addInputRules() {
+		return [new A({
+			find: RegExp(this.options.syntax.logic.source + "$", ""),
+			handler: ({ state: e, range: t, match: n }) => {
+				let r = n[0];
+				if (!C(r, this.options.syntax)) return;
+				let i = S(r, this.options.syntax), a = this.type.create({
+					value: r,
+					keyword: i
+				});
+				e.tr.replaceWith(t.from, t.to, a);
+			}
+		})];
+	},
+	addPasteRules() {
+		return [new j({
+			find: new RegExp(this.options.syntax.logic.source, "g"),
+			handler: ({ state: e, range: t, match: n }) => {
+				let r = n[0];
+				if (!C(r, this.options.syntax)) return;
+				let i = S(r, this.options.syntax), a = this.type.create({
+					value: r,
+					keyword: i
+				});
+				e.tr.replaceWith(t.from, t.to, a);
+			}
+		})];
+	}
+}), ge = [
+	"aria-label",
+	"data-tooltip",
+	"onKeydown"
+], _e = ["aria-label"], ve = /* @__PURE__ */ c({
+	__name: "MergeTagNodeView",
+	props: {
+		node: {},
+		deleteNode: { type: Function },
+		updateAttributes: { type: Function }
+	},
+	setup(r) {
+		let i = r, { getMergeTagLabel: s } = E(), { t: c } = ee(), p = u(() => s(i.node.attrs.value)), m = a(!1), h = a(""), g = a(null);
+		function S() {
+			h.value = i.node.attrs.value, m.value = !0, n(() => {
+				g.value?.focus(), g.value?.select();
+			});
+		}
+		function C() {
+			let e = h.value.trim();
+			e && e !== i.node.attrs.value && i.updateAttributes({
+				value: e,
+				label: s(e)
+			}), m.value = !1;
+		}
+		function w(e) {
+			e.key === "Enter" ? (e.preventDefault(), C()) : e.key === "Escape" && (m.value = !1);
+		}
+		return (n, i) => (e(), _(v(oe), {
+			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: x(() => [m.value ? t((e(), f("input", {
+				key: 0,
+				ref_key: "inputRef",
+				ref: g,
+				"onUpdate:modelValue": i[0] ||= (e) => h.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: C,
+				onKeydown: w
+			}, null, 544)), [[o, h.value]]) : (e(), f("span", {
+				key: 1,
+				role: "button",
+				tabindex: "0",
+				"aria-label": v(c).mergeTag.editValue,
+				class: "tpl-tooltip tpl:cursor-pointer",
+				"data-tooltip": r.node.attrs.value,
+				onClick: l(S, ["stop"]),
+				onKeydown: [y(l(S, ["stop"]), ["enter"]), y(l(S, ["prevent", "stop"]), ["space"])]
+			}, b(p.value), 41, ge)), d("button", {
+				type: "button",
+				"aria-label": v(c).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] ||= l((...e) => r.deleteNode && r.deleteNode(...e), ["stop", "prevent"])
+			}, [...i[2] ||= [d("svg", {
+				width: "10",
+				height: "10",
+				viewBox: "0 0 24 24",
+				fill: "none",
+				stroke: "currentColor",
+				"stroke-width": "3",
+				"aria-hidden": "true"
+			}, [d("line", {
+				x1: "18",
+				y1: "6",
+				x2: "6",
+				y2: "18"
+			}), d("line", {
+				x1: "6",
+				y1: "6",
+				x2: "18",
+				y2: "18"
+			})], -1)]], 8, _e)]),
+			_: 1
+		}));
+	}
+}), ye = te.create({
+	name: "mergeTagNode",
+	group: "inline",
+	inline: !0,
+	atom: !0,
+	addOptions() {
+		return {
+			mergeTags: [],
+			syntax: w.liquid
+		};
+	},
+	addAttributes() {
+		return {
+			label: {
+				default: "",
+				parseHTML: (e) => e.getAttribute("data-label") || e.textContent || ""
+			},
+			value: {
+				default: "",
+				parseHTML: (e) => e.getAttribute("data-merge-tag") || ""
+			}
+		};
+	},
+	parseHTML() {
+		return [{ tag: "span[data-merge-tag]" }];
+	},
+	renderHTML({ node: e, HTMLAttributes: t }) {
+		let n = T(e.attrs.value, this.options.mergeTags);
+		return [
+			"span",
+			M(t, {
+				"data-merge-tag": e.attrs.value,
+				"data-label": n
+			}),
+			n
+		];
+	},
+	addNodeView() {
+		return me(ve);
+	},
+	addCommands() {
+		return { insertMergeTag: (e) => ({ commands: t }) => t.insertContent({
+			type: this.name,
+			attrs: {
+				label: e.label,
+				value: e.value
+			}
+		}) };
+	},
+	addKeyboardShortcuts() {
+		return {
+			Backspace: () => N(this.editor, this.name),
+			Delete: () => N(this.editor, this.name)
+		};
+	},
+	addInputRules() {
+		return [new A({
+			find: RegExp(this.options.syntax.value.source + "$", ""),
+			handler: ({ state: e, range: t, match: n }) => {
+				let r = n[0], i = T(r, this.options.mergeTags), a = this.type.create({
+					label: i,
+					value: r
+				});
+				e.tr.replaceWith(t.from, t.to, a);
+			}
+		})];
+	},
+	addPasteRules() {
+		return [new j({
+			find: new RegExp(this.options.syntax.value.source, "g"),
+			handler: ({ state: e, range: t, match: n }) => {
+				let r = n[0], i = T(r, this.options.mergeTags), a = this.type.create({
+					label: i,
+					value: r
+				});
+				e.tr.replaceWith(t.from, t.to, a);
+			}
+		})];
+	}
+}), be = Math.min, P = Math.max, F = Math.round, xe = Math.floor, I = (e) => ({
+	x: e,
+	y: e
+}), Se = {
+	left: "right",
+	right: "left",
+	bottom: "top",
+	top: "bottom"
+};
+function Ce(e, t) {
+	return typeof e == "function" ? e(t) : e;
+}
+function L(e) {
+	return e.split("-")[0];
+}
+function R(e) {
+	return e.split("-")[1];
+}
+function we(e) {
+	return e === "x" ? "y" : "x";
+}
+function Te(e) {
+	return e === "y" ? "height" : "width";
+}
+function z(e) {
+	let t = e[0];
+	return t === "t" || t === "b" ? "y" : "x";
+}
+function Ee(e) {
+	return we(z(e));
+}
+function De(e, t, n) {
+	n === void 0 && (n = !1);
+	let r = R(e), i = Ee(e), a = Te(i), o = i === "x" ? r === (n ? "end" : "start") ? "right" : "left" : r === "start" ? "bottom" : "top";
+	return t.reference[a] > t.floating[a] && (o = Ie(o)), [o, Ie(o)];
+}
+function Oe(e) {
+	let t = Ie(e);
+	return [
+		ke(e),
+		t,
+		ke(t)
+	];
+}
+function ke(e) {
+	return e.includes("start") ? e.replace("start", "end") : e.replace("end", "start");
+}
+var Ae = ["left", "right"], je = ["right", "left"], Me = ["top", "bottom"], Ne = ["bottom", "top"];
+function Pe(e, t, n) {
+	switch (e) {
+		case "top":
+		case "bottom": return n ? t ? je : Ae : t ? Ae : je;
+		case "left":
+		case "right": return t ? Me : Ne;
+		default: return [];
+	}
+}
+function Fe(e, t, n, r) {
+	let i = R(e), a = Pe(L(e), n === "start", r);
+	return i && (a = a.map((e) => e + "-" + i), t && (a = a.concat(a.map(ke)))), a;
+}
+function Ie(e) {
+	let t = L(e);
+	return Se[t] + e.slice(t.length);
+}
+function Le(e) {
+	return {
+		top: 0,
+		right: 0,
+		bottom: 0,
+		left: 0,
+		...e
+	};
+}
+function Re(e) {
+	return typeof e == "number" ? {
+		top: e,
+		right: e,
+		bottom: e,
+		left: e
+	} : Le(e);
+}
+function ze(e) {
+	let { x: t, y: n, width: r, height: i } = e;
+	return {
+		width: r,
+		height: i,
+		top: n,
+		left: t,
+		right: t + r,
+		bottom: n + i,
+		x: t,
+		y: n
+	};
+}
+//#endregion
+//#region ../../node_modules/.pnpm/@floating-ui+core@1.7.5/node_modules/@floating-ui/core/dist/floating-ui.core.mjs
+function Be(e, t, n) {
+	let { reference: r, floating: i } = e, a = z(t), o = Ee(t), s = Te(o), c = L(t), l = a === "y", u = r.x + r.width / 2 - i.width / 2, d = r.y + r.height / 2 - i.height / 2, f = r[s] / 2 - i[s] / 2, p;
+	switch (c) {
+		case "top":
+			p = {
+				x: u,
+				y: r.y - i.height
+			};
+			break;
+		case "bottom":
+			p = {
+				x: u,
+				y: r.y + r.height
+			};
+			break;
+		case "right":
+			p = {
+				x: r.x + r.width,
+				y: d
+			};
+			break;
+		case "left":
+			p = {
+				x: r.x - i.width,
+				y: d
+			};
+			break;
+		default: p = {
+			x: r.x,
+			y: r.y
+		};
+	}
+	switch (R(t)) {
+		case "start":
+			p[o] -= f * (n && l ? -1 : 1);
+			break;
+		case "end":
+			p[o] += f * (n && l ? -1 : 1);
+			break;
+	}
+	return p;
+}
+async function Ve(e, t) {
+	t === void 0 && (t = {});
+	let { x: n, y: r, platform: i, rects: a, elements: o, strategy: s } = e, { boundary: c = "clippingAncestors", rootBoundary: l = "viewport", elementContext: u = "floating", altBoundary: d = !1, padding: f = 0 } = Ce(t, e), p = Re(f), m = o[d ? u === "floating" ? "reference" : "floating" : u], h = ze(await i.getClippingRect({
+		element: await (i.isElement == null ? void 0 : i.isElement(m)) ?? !0 ? m : m.contextElement || await (i.getDocumentElement == null ? void 0 : i.getDocumentElement(o.floating)),
+		boundary: c,
+		rootBoundary: l,
+		strategy: s
+	})), g = u === "floating" ? {
+		x: n,
+		y: r,
+		width: a.floating.width,
+		height: a.floating.height
+	} : a.reference, _ = await (i.getOffsetParent == null ? void 0 : i.getOffsetParent(o.floating)), v = await (i.isElement == null ? void 0 : i.isElement(_)) && await (i.getScale == null ? void 0 : i.getScale(_)) || {
+		x: 1,
+		y: 1
+	}, y = ze(i.convertOffsetParentRelativeRectToViewportRelativeRect ? await i.convertOffsetParentRelativeRectToViewportRelativeRect({
+		elements: o,
+		rect: g,
+		offsetParent: _,
+		strategy: s
+	}) : g);
+	return {
+		top: (h.top - y.top + p.top) / v.y,
+		bottom: (y.bottom - h.bottom + p.bottom) / v.y,
+		left: (h.left - y.left + p.left) / v.x,
+		right: (y.right - h.right + p.right) / v.x
+	};
+}
+var He = 50, Ue = async (e, t, n) => {
+	let { placement: r = "bottom", strategy: i = "absolute", middleware: a = [], platform: o } = n, s = o.detectOverflow ? o : {
+		...o,
+		detectOverflow: Ve
+	}, c = await (o.isRTL == null ? void 0 : o.isRTL(t)), l = await o.getElementRects({
+		reference: e,
+		floating: t,
+		strategy: i
+	}), { x: u, y: d } = Be(l, r, c), f = r, p = 0, m = {};
+	for (let n = 0; n < a.length; n++) {
+		let h = a[n];
+		if (!h) continue;
+		let { name: g, fn: _ } = h, { x: v, y, data: b, reset: x } = await _({
+			x: u,
+			y: d,
+			initialPlacement: r,
+			placement: f,
+			strategy: i,
+			middlewareData: m,
+			rects: l,
+			platform: s,
+			elements: {
+				reference: e,
+				floating: t
+			}
+		});
+		u = v ?? u, d = y ?? d, m[g] = {
+			...m[g],
+			...b
+		}, x && p < He && (p++, typeof x == "object" && (x.placement && (f = x.placement), x.rects && (l = x.rects === !0 ? await o.getElementRects({
+			reference: e,
+			floating: t,
+			strategy: i
+		}) : x.rects), {x: u, y: d} = Be(l, f, c)), n = -1);
+	}
+	return {
+		x: u,
+		y: d,
+		placement: f,
+		strategy: i,
+		middlewareData: m
+	};
+}, We = function(e) {
+	return e === void 0 && (e = {}), {
+		name: "flip",
+		options: e,
+		async fn(t) {
+			var n;
+			let { placement: r, middlewareData: i, rects: a, initialPlacement: o, platform: s, elements: c } = t, { mainAxis: l = !0, crossAxis: u = !0, fallbackPlacements: d, fallbackStrategy: f = "bestFit", fallbackAxisSideDirection: p = "none", flipAlignment: m = !0, ...h } = Ce(e, t);
+			if ((n = i.arrow) != null && n.alignmentOffset) return {};
+			let g = L(r), _ = z(o), v = L(o) === o, y = await (s.isRTL == null ? void 0 : s.isRTL(c.floating)), b = d || (v || !m ? [Ie(o)] : Oe(o)), x = p !== "none";
+			!d && x && b.push(...Fe(o, m, p, y));
+			let S = [o, ...b], C = await s.detectOverflow(t, h), w = [], T = i.flip?.overflows || [];
+			if (l && w.push(C[g]), u) {
+				let e = De(r, a, y);
+				w.push(C[e[0]], C[e[1]]);
+			}
+			if (T = [...T, {
+				placement: r,
+				overflows: w
+			}], !w.every((e) => e <= 0)) {
+				let e = (i.flip?.index || 0) + 1, t = S[e];
+				if (t && (!(u === "alignment" && _ !== z(t)) || T.every((e) => z(e.placement) === _ ? e.overflows[0] > 0 : !0))) return {
+					data: {
+						index: e,
+						overflows: T
+					},
+					reset: { placement: t }
+				};
+				let n = T.filter((e) => e.overflows[0] <= 0).sort((e, t) => e.overflows[1] - t.overflows[1])[0]?.placement;
+				if (!n) switch (f) {
+					case "bestFit": {
+						let e = T.filter((e) => {
+							if (x) {
+								let t = z(e.placement);
+								return t === _ || t === "y";
+							}
+							return !0;
+						}).map((e) => [e.placement, e.overflows.filter((e) => e > 0).reduce((e, t) => e + t, 0)]).sort((e, t) => e[1] - t[1])[0]?.[0];
+						e && (n = e);
+						break;
+					}
+					case "initialPlacement":
+						n = o;
+						break;
+				}
+				if (r !== n) return { reset: { placement: n } };
+			}
+			return {};
+		}
+	};
+}, Ge = /*#__PURE__*/ new Set(["left", "top"]);
+async function Ke(e, t) {
+	let { placement: n, platform: r, elements: i } = e, a = await (r.isRTL == null ? void 0 : r.isRTL(i.floating)), o = L(n), s = R(n), c = z(n) === "y", l = Ge.has(o) ? -1 : 1, u = a && c ? -1 : 1, d = Ce(t, e), { mainAxis: f, crossAxis: p, alignmentAxis: m } = typeof d == "number" ? {
+		mainAxis: d,
+		crossAxis: 0,
+		alignmentAxis: null
+	} : {
+		mainAxis: d.mainAxis || 0,
+		crossAxis: d.crossAxis || 0,
+		alignmentAxis: d.alignmentAxis
+	};
+	return s && typeof m == "number" && (p = s === "end" ? m * -1 : m), c ? {
+		x: p * u,
+		y: f * l
+	} : {
+		x: f * l,
+		y: p * u
+	};
+}
+var qe = function(e) {
+	return e === void 0 && (e = 0), {
+		name: "offset",
+		options: e,
+		async fn(t) {
+			var n;
+			let { x: r, y: i, placement: a, middlewareData: o } = t, s = await Ke(t, e);
+			return a === o.offset?.placement && (n = o.arrow) != null && n.alignmentOffset ? {} : {
+				x: r + s.x,
+				y: i + s.y,
+				data: {
+					...s,
+					placement: a
+				}
+			};
+		}
+	};
+};
+//#endregion
+//#region ../../node_modules/.pnpm/@floating-ui+utils@0.2.11/node_modules/@floating-ui/utils/dist/floating-ui.utils.dom.mjs
+function Je() {
+	return typeof window < "u";
+}
+function B(e) {
+	return Ye(e) ? (e.nodeName || "").toLowerCase() : "#document";
+}
+function V(e) {
+	var t;
+	return (e == null || (t = e.ownerDocument) == null ? void 0 : t.defaultView) || window;
+}
+function H(e) {
+	return ((Ye(e) ? e.ownerDocument : e.document) || window.document)?.documentElement;
+}
+function Ye(e) {
+	return Je() ? e instanceof Node || e instanceof V(e).Node : !1;
+}
+function U(e) {
+	return Je() ? e instanceof Element || e instanceof V(e).Element : !1;
+}
+function W(e) {
+	return Je() ? e instanceof HTMLElement || e instanceof V(e).HTMLElement : !1;
+}
+function Xe(e) {
+	return !Je() || typeof ShadowRoot > "u" ? !1 : e instanceof ShadowRoot || e instanceof V(e).ShadowRoot;
+}
+function G(e) {
+	let { overflow: t, overflowX: n, overflowY: r, display: i } = Y(e);
+	return /auto|scroll|overlay|hidden|clip/.test(t + r + n) && i !== "inline" && i !== "contents";
+}
+function Ze(e) {
+	return /^(table|td|th)$/.test(B(e));
+}
+function K(e) {
+	try {
+		if (e.matches(":popover-open")) return !0;
+	} catch {}
+	try {
+		return e.matches(":modal");
+	} catch {
+		return !1;
+	}
+}
+var Qe = /transform|translate|scale|rotate|perspective|filter/, $e = /paint|layout|strict|content/, q = (e) => !!e && e !== "none", et;
+function tt(e) {
+	let t = U(e) ? Y(e) : e;
+	return q(t.transform) || q(t.translate) || q(t.scale) || q(t.rotate) || q(t.perspective) || !rt() && (q(t.backdropFilter) || q(t.filter)) || Qe.test(t.willChange || "") || $e.test(t.contain || "");
+}
+function nt(e) {
+	let t = X(e);
+	for (; W(t) && !J(t);) {
+		if (tt(t)) return t;
+		if (K(t)) return null;
+		t = X(t);
+	}
+	return null;
+}
+function rt() {
+	return et ??= typeof CSS < "u" && CSS.supports && CSS.supports("-webkit-backdrop-filter", "none"), et;
+}
+function J(e) {
+	return /^(html|body|#document)$/.test(B(e));
+}
+function Y(e) {
+	return V(e).getComputedStyle(e);
+}
+function it(e) {
+	return U(e) ? {
+		scrollLeft: e.scrollLeft,
+		scrollTop: e.scrollTop
+	} : {
+		scrollLeft: e.scrollX,
+		scrollTop: e.scrollY
+	};
+}
+function X(e) {
+	if (B(e) === "html") return e;
+	let t = e.assignedSlot || e.parentNode || Xe(e) && e.host || H(e);
+	return Xe(t) ? t.host : t;
+}
+function at(e) {
+	let t = X(e);
+	return J(t) ? e.ownerDocument ? e.ownerDocument.body : e.body : W(t) && G(t) ? t : at(t);
+}
+function Z(e, t, n) {
+	t === void 0 && (t = []), n === void 0 && (n = !0);
+	let r = at(e), i = r === e.ownerDocument?.body, a = V(r);
+	if (i) {
+		let e = ot(a);
+		return t.concat(a, a.visualViewport || [], G(r) ? r : [], e && n ? Z(e) : []);
+	} else return t.concat(r, Z(r, [], n));
+}
+function ot(e) {
+	return e.parent && Object.getPrototypeOf(e.parent) ? e.frameElement : null;
+}
+//#endregion
+//#region ../../node_modules/.pnpm/@floating-ui+dom@1.7.6/node_modules/@floating-ui/dom/dist/floating-ui.dom.mjs
+function st(e) {
+	let t = Y(e), n = parseFloat(t.width) || 0, r = parseFloat(t.height) || 0, i = W(e), a = i ? e.offsetWidth : n, o = i ? e.offsetHeight : r, s = F(n) !== a || F(r) !== o;
+	return s && (n = a, r = o), {
+		width: n,
+		height: r,
+		$: s
+	};
+}
+function ct(e) {
+	return U(e) ? e : e.contextElement;
+}
+function Q(e) {
+	let t = ct(e);
+	if (!W(t)) return I(1);
+	let n = t.getBoundingClientRect(), { width: r, height: i, $: a } = st(t), o = (a ? F(n.width) : n.width) / r, s = (a ? F(n.height) : n.height) / i;
+	return (!o || !Number.isFinite(o)) && (o = 1), (!s || !Number.isFinite(s)) && (s = 1), {
+		x: o,
+		y: s
+	};
+}
+var lt = /*#__PURE__*/ I(0);
+function ut(e) {
+	let t = V(e);
+	return !rt() || !t.visualViewport ? lt : {
+		x: t.visualViewport.offsetLeft,
+		y: t.visualViewport.offsetTop
+	};
+}
+function dt(e, t, n) {
+	return t === void 0 && (t = !1), !n || t && n !== V(e) ? !1 : t;
+}
+function $(e, t, n, r) {
+	t === void 0 && (t = !1), n === void 0 && (n = !1);
+	let i = e.getBoundingClientRect(), a = ct(e), o = I(1);
+	t && (r ? U(r) && (o = Q(r)) : o = Q(e));
+	let s = dt(a, n, r) ? ut(a) : I(0), c = (i.left + s.x) / o.x, l = (i.top + s.y) / o.y, u = i.width / o.x, d = i.height / o.y;
+	if (a) {
+		let e = V(a), t = r && U(r) ? V(r) : r, n = e, i = ot(n);
+		for (; i && r && t !== n;) {
+			let e = Q(i), t = i.getBoundingClientRect(), r = Y(i), a = t.left + (i.clientLeft + parseFloat(r.paddingLeft)) * e.x, o = t.top + (i.clientTop + parseFloat(r.paddingTop)) * e.y;
+			c *= e.x, l *= e.y, u *= e.x, d *= e.y, c += a, l += o, n = V(i), i = ot(n);
+		}
+	}
+	return ze({
+		width: u,
+		height: d,
+		x: c,
+		y: l
+	});
+}
+function ft(e, t) {
+	let n = it(e).scrollLeft;
+	return t ? t.left + n : $(H(e)).left + n;
+}
+function pt(e, t) {
+	let n = e.getBoundingClientRect();
+	return {
+		x: n.left + t.scrollLeft - ft(e, n),
+		y: n.top + t.scrollTop
+	};
+}
+function mt(e) {
+	let { elements: t, rect: n, offsetParent: r, strategy: i } = e, a = i === "fixed", o = H(r), s = t ? K(t.floating) : !1;
+	if (r === o || s && a) return n;
+	let c = {
+		scrollLeft: 0,
+		scrollTop: 0
+	}, l = I(1), u = I(0), d = W(r);
+	if ((d || !d && !a) && ((B(r) !== "body" || G(o)) && (c = it(r)), d)) {
+		let e = $(r);
+		l = Q(r), u.x = e.x + r.clientLeft, u.y = e.y + r.clientTop;
+	}
+	let f = o && !d && !a ? pt(o, c) : I(0);
+	return {
+		width: n.width * l.x,
+		height: n.height * l.y,
+		x: n.x * l.x - c.scrollLeft * l.x + u.x + f.x,
+		y: n.y * l.y - c.scrollTop * l.y + u.y + f.y
+	};
+}
+function ht(e) {
+	return Array.from(e.getClientRects());
+}
+function gt(e) {
+	let t = H(e), n = it(e), r = e.ownerDocument.body, i = P(t.scrollWidth, t.clientWidth, r.scrollWidth, r.clientWidth), a = P(t.scrollHeight, t.clientHeight, r.scrollHeight, r.clientHeight), o = -n.scrollLeft + ft(e), s = -n.scrollTop;
+	return Y(r).direction === "rtl" && (o += P(t.clientWidth, r.clientWidth) - i), {
+		width: i,
+		height: a,
+		x: o,
+		y: s
+	};
+}
+var _t = 25;
+function vt(e, t) {
+	let n = V(e), r = H(e), i = n.visualViewport, a = r.clientWidth, o = r.clientHeight, s = 0, c = 0;
+	if (i) {
+		a = i.width, o = i.height;
+		let e = rt();
+		(!e || e && t === "fixed") && (s = i.offsetLeft, c = i.offsetTop);
+	}
+	let l = ft(r);
+	if (l <= 0) {
+		let e = r.ownerDocument, t = e.body, n = getComputedStyle(t), i = e.compatMode === "CSS1Compat" && parseFloat(n.marginLeft) + parseFloat(n.marginRight) || 0, o = Math.abs(r.clientWidth - t.clientWidth - i);
+		o <= _t && (a -= o);
+	} else l <= _t && (a += l);
+	return {
+		width: a,
+		height: o,
+		x: s,
+		y: c
+	};
+}
+function yt(e, t) {
+	let n = $(e, !0, t === "fixed"), r = n.top + e.clientTop, i = n.left + e.clientLeft, a = W(e) ? Q(e) : I(1);
+	return {
+		width: e.clientWidth * a.x,
+		height: e.clientHeight * a.y,
+		x: i * a.x,
+		y: r * a.y
+	};
+}
+function bt(e, t, n) {
+	let r;
+	if (t === "viewport") r = vt(e, n);
+	else if (t === "document") r = gt(H(e));
+	else if (U(t)) r = yt(t, n);
+	else {
+		let n = ut(e);
+		r = {
+			x: t.x - n.x,
+			y: t.y - n.y,
+			width: t.width,
+			height: t.height
+		};
+	}
+	return ze(r);
+}
+function xt(e, t) {
+	let n = X(e);
+	return n === t || !U(n) || J(n) ? !1 : Y(n).position === "fixed" || xt(n, t);
+}
+function St(e, t) {
+	let n = t.get(e);
+	if (n) return n;
+	let r = Z(e, [], !1).filter((e) => U(e) && B(e) !== "body"), i = null, a = Y(e).position === "fixed", o = a ? X(e) : e;
+	for (; U(o) && !J(o);) {
+		let t = Y(o), n = tt(o);
+		!n && t.position === "fixed" && (i = null), (a ? !n && !i : !n && t.position === "static" && i && (i.position === "absolute" || i.position === "fixed") || G(o) && !n && xt(e, o)) ? r = r.filter((e) => e !== o) : i = t, o = X(o);
+	}
+	return t.set(e, r), r;
+}
+function Ct(e) {
+	let { element: t, boundary: n, rootBoundary: r, strategy: i } = e, a = [...n === "clippingAncestors" ? K(t) ? [] : St(t, this._c) : [].concat(n), r], o = bt(t, a[0], i), s = o.top, c = o.right, l = o.bottom, u = o.left;
+	for (let e = 1; e < a.length; e++) {
+		let n = bt(t, a[e], i);
+		s = P(n.top, s), c = be(n.right, c), l = be(n.bottom, l), u = P(n.left, u);
+	}
+	return {
+		width: c - u,
+		height: l - s,
+		x: u,
+		y: s
+	};
+}
+function wt(e) {
+	let { width: t, height: n } = st(e);
+	return {
+		width: t,
+		height: n
+	};
+}
+function Tt(e, t, n) {
+	let r = W(t), i = H(t), a = n === "fixed", o = $(e, !0, a, t), s = {
+		scrollLeft: 0,
+		scrollTop: 0
+	}, c = I(0);
+	function l() {
+		c.x = ft(i);
+	}
+	if (r || !r && !a) if ((B(t) !== "body" || G(i)) && (s = it(t)), r) {
+		let e = $(t, !0, a, t);
+		c.x = e.x + t.clientLeft, c.y = e.y + t.clientTop;
+	} else i && l();
+	a && !r && i && l();
+	let u = i && !r && !a ? pt(i, s) : I(0);
+	return {
+		x: o.left + s.scrollLeft - c.x - u.x,
+		y: o.top + s.scrollTop - c.y - u.y,
+		width: o.width,
+		height: o.height
+	};
+}
+function Et(e) {
+	return Y(e).position === "static";
+}
+function Dt(e, t) {
+	if (!W(e) || Y(e).position === "fixed") return null;
+	if (t) return t(e);
+	let n = e.offsetParent;
+	return H(e) === n && (n = n.ownerDocument.body), n;
+}
+function Ot(e, t) {
+	let n = V(e);
+	if (K(e)) return n;
+	if (!W(e)) {
+		let t = X(e);
+		for (; t && !J(t);) {
+			if (U(t) && !Et(t)) return t;
+			t = X(t);
+		}
+		return n;
+	}
+	let r = Dt(e, t);
+	for (; r && Ze(r) && Et(r);) r = Dt(r, t);
+	return r && J(r) && Et(r) && !tt(r) ? n : r || nt(e) || n;
+}
+var kt = async function(e) {
+	let t = this.getOffsetParent || Ot, n = this.getDimensions, r = await n(e.floating);
+	return {
+		reference: Tt(e.reference, await t(e.floating), e.strategy),
+		floating: {
+			x: 0,
+			y: 0,
+			width: r.width,
+			height: r.height
+		}
+	};
+};
+function At(e) {
+	return Y(e).direction === "rtl";
+}
+var jt = {
+	convertOffsetParentRelativeRectToViewportRelativeRect: mt,
+	getDocumentElement: H,
+	getClippingRect: Ct,
+	getOffsetParent: Ot,
+	getElementRects: kt,
+	getClientRects: ht,
+	getDimensions: wt,
+	getScale: Q,
+	isElement: U,
+	isRTL: At
+};
+function Mt(e, t) {
+	return e.x === t.x && e.y === t.y && e.width === t.width && e.height === t.height;
+}
+function Nt(e, t) {
+	let n = null, r, i = H(e);
+	function a() {
+		var e;
+		clearTimeout(r), (e = n) == null || e.disconnect(), n = null;
+	}
+	function o(s, c) {
+		s === void 0 && (s = !1), c === void 0 && (c = 1), a();
+		let l = e.getBoundingClientRect(), { left: u, top: d, width: f, height: p } = l;
+		if (s || t(), !f || !p) return;
+		let m = xe(d), h = xe(i.clientWidth - (u + f)), g = xe(i.clientHeight - (d + p)), _ = xe(u), v = {
+			rootMargin: -m + "px " + -h + "px " + -g + "px " + -_ + "px",
+			threshold: P(0, be(1, c)) || 1
+		}, y = !0;
+		function b(t) {
+			let n = t[0].intersectionRatio;
+			if (n !== c) {
+				if (!y) return o();
+				n ? o(!1, n) : r = setTimeout(() => {
+					o(!1, 1e-7);
+				}, 1e3);
+			}
+			n === 1 && !Mt(l, e.getBoundingClientRect()) && o(), y = !1;
+		}
+		try {
+			n = new IntersectionObserver(b, {
+				...v,
+				root: i.ownerDocument
+			});
+		} catch {
+			n = new IntersectionObserver(b, v);
+		}
+		n.observe(e);
+	}
+	return o(!0), a;
+}
+function Pt(e, t, n, r) {
+	r === void 0 && (r = {});
+	let { ancestorScroll: i = !0, ancestorResize: a = !0, elementResize: o = typeof ResizeObserver == "function", layoutShift: s = typeof IntersectionObserver == "function", animationFrame: c = !1 } = r, l = ct(e), u = i || a ? [...l ? Z(l) : [], ...t ? Z(t) : []] : [];
+	u.forEach((e) => {
+		i && e.addEventListener("scroll", n, { passive: !0 }), a && e.addEventListener("resize", n);
+	});
+	let d = l && s ? Nt(l, n) : null, f = -1, p = null;
+	o && (p = new ResizeObserver((e) => {
+		let [r] = e;
+		r && r.target === l && p && t && (p.unobserve(t), cancelAnimationFrame(f), f = requestAnimationFrame(() => {
+			var e;
+			(e = p) == null || e.observe(t);
+		})), n();
+	}), l && !c && p.observe(l), t && p.observe(t));
+	let m, h = c ? $(e) : null;
+	c && g();
+	function g() {
+		let t = $(e);
+		h && !Mt(h, t) && n(), h = t, m = requestAnimationFrame(g);
+	}
+	return n(), () => {
+		var e;
+		u.forEach((e) => {
+			i && e.removeEventListener("scroll", n), a && e.removeEventListener("resize", n);
+		}), d?.(), (e = p) == null || e.disconnect(), p = null, c && cancelAnimationFrame(m);
+	};
+}
+var Ft = qe, It = We, Lt = (e, t, n) => {
+	let r = /* @__PURE__ */ new Map(), i = {
+		platform: jt,
+		...n
+	}, a = {
+		...i.platform,
+		_c: r
+	};
+	return Ue(e, t, {
+		...i,
+		platform: a
+	});
+};
+//#endregion
+//#region ../../node_modules/.pnpm/@tiptap+suggestion@3.27.1_@floating-ui+dom@1.7.6_@tiptap+core@3.27.1_@tiptap+pm@3.27.1__@tiptap+pm@3.27.1/node_modules/@tiptap/suggestion/dist/index.js
+function Rt(e) {
+	let { char: t, allowSpaces: n, allowToIncludeChar: r, allowedPrefixes: i, startOfLine: a, $position: o } = e, s = n && !r, c = D(t), l = RegExp(`\\s${c}$`), u = a ? "^" : "", d = r ? "" : c, f = RegExp(s ? `${u}${c}.*?(?=\\s${d}|$)` : `${u}(?:^)?${c}[^\\s${d}]*`, "gm"), p = o.nodeBefore?.isText && o.nodeBefore.text;
+	if (!p) return null;
+	let m = o.pos - p.length, h = Array.from(p.matchAll(f)).pop();
+	if (!h || h.input === void 0 || h.index === void 0) return null;
+	let g = h.input.slice(Math.max(0, h.index - 1), h.index), _ = RegExp(`^[${i?.join("")}\0]?$`).test(g);
+	if (i !== null && !_) return null;
+	let v = m + h.index, y = v + h[0].length;
+	return s && l.test(p.slice(y - 1, y + 1)) && (h[0] += " ", y += 1), v < o.pos && y >= o.pos ? {
+		range: {
+			from: v,
+			to: y
+		},
+		query: h[0].slice(t.length),
+		text: h[0]
+	} : null;
+}
+function zt(e) {
+	return e.docChanged ? e.steps.some((e) => {
+		let t = e.slice;
+		if (!t?.content) return !1;
+		let n = t.content.textBetween(0, t.content.size, "\n");
+		return /\s/.test(n);
+	}) : !1;
+}
+function Bt(e) {
+	return () => {
+		let t = e.state.selection.$anchor.pos, { top: n, right: r, bottom: i, left: a } = e.view.coordsAtPos(t);
+		try {
+			return new DOMRect(a, n, r - a, i - n);
+		} catch {
+			return null;
+		}
+	};
+}
+function Vt(e, t, n, r) {
+	return n ? () => {
+		let n = r.getState(e.state)?.decorationId;
+		return t.dom.querySelector(`[data-decoration-id="${n}"]`)?.getBoundingClientRect() || null;
+	} : Bt(e);
+}
+function Ht({ match: e, dismissedRange: t, state: n, transaction: r, editor: i, shouldResetDismissed: a, effectiveAllowSpaces: o }) {
+	return a?.({
+		editor: i,
+		state: n,
+		range: t,
+		match: e,
+		transaction: r,
+		allowSpaces: o
+	}) ? !1 : o ? e.range.from === t.from : e.range.from === t.from && !zt(r);
+}
+function Ut({ view: e, pluginKeyRef: t }) {
+	let n = e.state.tr.setMeta(t, { exit: !0 });
+	e.dispatch(n);
+}
+function Wt({ pluginKey: e, decorationTag: t, decorationClass: n, decorationContent: r, decorationEmptyClass: i, renderer: a, dispatchExit: o }) {
+	return {
+		handleKeyDown(t, n) {
+			var r;
+			let i = e.getState(t.state);
+			return i.active ? n.key === "Escape" || n.key === "Esc" ? ((r = a?.onKeyDown) == null || r.call(a, {
+				view: t,
+				event: n,
+				range: i.range
+			}), o(t), !0) : (a?.onKeyDown)?.call(a, {
+				view: t,
+				event: n,
+				range: i.range
+			}) || !1 : !1;
+		},
+		decorations(a) {
+			let { active: o, range: s, decorationId: c, query: l } = e.getState(a);
+			if (!o) return null;
+			let u = !l?.length, d = [n];
+			return u && d.push(i), ie.create(a.doc, [ne.inline(s.from, s.to, {
+				nodeName: t,
+				class: d.join(" "),
+				"data-decoration-id": c || void 0,
+				"data-decoration-content": r
+			})]);
+		}
+	};
+}
+function Gt({ editor: e, char: t, effectiveAllowSpaces: n, allowToIncludeChar: r, allowedPrefixes: i, startOfLine: a, findSuggestionMatch: o, allow: s, shouldShow: c, shouldKeepDismissed: l, pluginKey: u }) {
+	return {
+		init() {
+			return {
+				active: !1,
+				range: {
+					from: 0,
+					to: 0
+				},
+				query: null,
+				text: null,
+				composing: !1,
+				dismissedRange: null
+			};
+		},
+		apply(d, f, p, m) {
+			let { isEditable: h } = e, { composing: g } = e.view, { selection: _ } = d, { empty: v, from: y } = _, b = { ...f }, x = d.getMeta(u);
+			if (x && x.exit) return b.active = !1, b.decorationId = null, b.range = {
+				from: 0,
+				to: 0
+			}, b.query = null, b.text = null, b.dismissedRange = f.active ? { ...f.range } : f.dismissedRange, b;
+			if (b.composing = g, d.docChanged && b.dismissedRange !== null && (b.dismissedRange = {
+				from: d.mapping.map(b.dismissedRange.from),
+				to: d.mapping.map(b.dismissedRange.to)
+			}), h && (v || e.view.composing)) {
+				(y < f.range.from || y > f.range.to) && !g && !f.composing && (b.active = !1);
+				let u = o({
+					char: t,
+					allowSpaces: n,
+					allowToIncludeChar: r,
+					allowedPrefixes: i,
+					startOfLine: a,
+					$position: _.$from
+				}), p = `id_${Math.floor(Math.random() * 4294967295)}`;
+				u && s({
+					editor: e,
+					state: m,
+					range: u.range,
+					isActive: f.active
+				}) && (!c || c({
+					editor: e,
+					range: u.range,
+					query: u.query,
+					text: u.text,
+					transaction: d
+				})) ? (b.dismissedRange !== null && !l({
+					match: u,
+					dismissedRange: b.dismissedRange,
+					state: m,
+					transaction: d
+				}) && (b.dismissedRange = null), b.dismissedRange === null ? (b.active = !0, b.decorationId = f.decorationId || p, b.range = u.range, b.query = u.query, b.text = u.text) : b.active = !1) : (u || (b.dismissedRange = null), b.active = !1);
+			} else b.active = !1;
+			return b.active || (b.decorationId = null, b.range = {
+				from: 0,
+				to: 0
+			}, b.query = null, b.text = null), b;
+		}
+	};
+}
+function Kt({ editor: e, items: t }) {
+	let n = null, r = null, i = null, a = () => {
+		r !== null && (clearTimeout(r), r = null), i?.(), i = null;
+	}, o = (e) => new Promise((t) => {
+		i = t, r = setTimeout(() => {
+			r = null;
+			let e = i;
+			i = null, e?.();
+		}, e);
+	}), s = () => {
+		n?.abort(), a(), n = null;
+	};
+	return {
+		abort: s,
+		fetch: async (r, i) => {
+			s(), n = new AbortController();
+			let a = n;
+			if (i > 0 && await o(i), n !== a || a.signal.aborted) return { status: "aborted" };
+			try {
+				let i = await t({
+					editor: e,
+					query: r,
+					signal: a.signal
+				});
+				return n !== a || a.signal.aborted ? { status: "aborted" } : {
+					status: "resolved",
+					items: i
+				};
+			} catch {
+				return n !== a || a.signal.aborted ? { status: "aborted" } : { status: "error" };
+			}
+		}
+	};
+}
+function qt({ placement: e, offset: t, flip: n, floatingUi: r }) {
+	let i = [Ft({
+		mainAxis: t.mainAxis ?? 4,
+		crossAxis: t.crossAxis ?? 0
+	})];
+	return n && i.push(It()), r?.middleware?.length && i.push(...r.middleware), {
+		placement: e,
+		strategy: r?.strategy ?? "absolute",
+		middleware: i
+	};
+}
+function Jt(e) {
+	if (e instanceof HTMLElement) return e;
+	if (typeof e == "string") try {
+		let t = document.querySelector(e);
+		if (t) return t;
+	} catch {
+		return document.body;
+	}
+	return document.body;
+}
+function Yt({ getReferenceRect: e, contextElement: t, config: n, container: r, dismissOnOutsideClick: i, dismiss: a }) {
+	return (o, s = {}) => {
+		let c = {
+			getBoundingClientRect: () => e() ?? new DOMRect(),
+			contextElement: t
+		}, l = !1, u = !o.isConnected;
+		u && Jt(r).appendChild(o), s.onPosition || (o.style.visibility = "hidden", o.style.width = "max-content");
+		let d = Pt(c, o, () => {
+			Lt(c, o, {
+				placement: n.placement,
+				strategy: n.strategy,
+				middleware: n.middleware
+			}).then(({ x: e, y: t, placement: n, strategy: r }) => {
+				if (s.onPosition) {
+					s.onPosition({
+						x: e,
+						y: t,
+						placement: n,
+						strategy: r
+					});
+					return;
+				}
+				Object.assign(o.style, {
+					position: r,
+					left: `${e}px`,
+					top: `${t}px`
+				}), l || (l = !0, o.style.visibility = "");
+			});
+		}, s.autoUpdate), f;
+		return i && (f = (e) => {
+			let n = e.target;
+			!(n instanceof Node) || o.contains(n) || t.contains(n) || a();
+		}, document.addEventListener("pointerdown", f, !0)), () => {
+			d(), f && document.removeEventListener("pointerdown", f, !0), u && o.remove();
+		};
+	};
+}
+function Xt({ editor: e, pluginKey: t, items: n, renderer: r, minQueryLength: i, debounce: a, initialItems: o, placement: s, offset: c, container: l, flip: u, floatingUi: d, dismissOnOutsideClick: f, command: p, clientRectFor: m, dispatchExit: h }) {
+	let g, _ = Kt({
+		editor: e,
+		items: n
+	}), v = qt({
+		placement: s,
+		offset: c,
+		flip: u,
+		floatingUi: d
+	});
+	function y(e, t) {
+		var n, i, a;
+		switch (e) {
+			case "started":
+				(n = r?.onStart) == null || n.call(r, t);
+				break;
+			case "updated":
+				(i = r?.onUpdate) == null || i.call(r, t);
+				break;
+			case "stopped":
+				(a = r?.onExit) == null || a.call(r, t);
+				break;
+			default: break;
+		}
+	}
+	return {
+		update: async (n, d) => {
+			var b, x;
+			let S = t.getState(d), C = t.getState(n.state);
+			if (!S || !C) return;
+			let w = null, T = S.query !== C.query, ee = S.text !== C.text, E = S.range.from !== C.range.from || S.range.to !== C.range.to, D = T || ee || E;
+			if (!S.active && C.active) w = "started";
+			else if (S.active && !C.active) w = "stopped";
+			else if (C.active && D) w = "updated";
+			else return;
+			let O = w === "stopped" ? S : C, k = n.dom.querySelector(`[data-decoration-id="${O.decorationId}"]`), A = m(n, k), j = i === 0 || (O.query ? O.query.length >= i : !1), M = (w === "started" || w === "updated") && j;
+			if (g = {
+				editor: e,
+				range: O.range,
+				query: O.query || "",
+				text: O.text || "",
+				items: o ?? [],
+				command: (t) => p({
+					editor: e,
+					range: O.range,
+					props: t
+				}),
+				decorationNode: k,
+				clientRect: A,
+				loading: M,
+				placement: s,
+				offset: {
+					mainAxis: c.mainAxis ?? 4,
+					crossAxis: c.crossAxis ?? 0
+				},
+				container: l,
+				flip: u,
+				floatingUi: v,
+				mount: Yt({
+					getReferenceRect: A,
+					contextElement: n.dom,
+					config: v,
+					container: l,
+					dismissOnOutsideClick: f,
+					dismiss: () => h(e.view)
+				})
+			}, w === "started" && ((b = r?.onBeforeStart) == null || b.call(r, g)), w === "updated" && ((x = r?.onBeforeUpdate) == null || x.call(r, g)), w === "started" && y(w, g), w === "started" || w === "updated") if (!M) _.abort(), g = {
+				...g,
+				items: o ?? [],
+				loading: !1
+			};
+			else {
+				g = {
+					...g,
+					items: o ?? [],
+					loading: !0
+				}, w = "updated", y(w, g);
+				let e = await _.fetch(O.query || "", a);
+				if (e.status === "aborted") return;
+				if (!t.getState(n.state)?.active) {
+					_.abort();
+					return;
+				}
+				g = e.status === "resolved" ? {
+					...g,
+					items: e.items,
+					loading: !1
+				} : {
+					...g,
+					loading: !1
+				};
+			}
+			if (w === "stopped") {
+				_.abort(), y(w, g), g = void 0;
+				return;
+			}
+			w === "updated" && y(w, g);
+		},
+		destroy: () => {
+			var e;
+			_.abort(), g && ((e = r?.onExit) == null || e.call(r, g));
+		}
+	};
+}
+var Zt = new O("suggestion");
+function Qt({ pluginKey: e = Zt, editor: t, char: n = "@", allowSpaces: r = !1, allowToIncludeChar: i = !1, allowedPrefixes: a = [" "], startOfLine: o = !1, decorationTag: s = "span", decorationClass: c = "suggestion", decorationContent: l = "", decorationEmptyClass: u = "is-empty", command: d = () => null, items: f = () => [], minQueryLength: p = 0, debounce: m = 0, initialItems: h, placement: g = "bottom-start", offset: _ = {}, container: v, flip: y = !0, floatingUi: b, dismissOnOutsideClick: x = !0, render: S = () => ({}), allow: C = () => !0, findSuggestionMatch: w = Rt, shouldShow: T, shouldResetDismissed: ee }) {
+	let E = S?.(), D = r && !i, O = (n, r) => Vt(t, n, r, e);
+	function k(e) {
+		return Ht({
+			...e,
+			editor: t,
+			shouldResetDismissed: ee,
+			effectiveAllowSpaces: D
+		});
+	}
+	let A = (t) => Ut({
+		view: t,
+		pluginKeyRef: e
+	});
+	return new re({
+		key: e,
+		view: () => Xt({
+			editor: t,
+			pluginKey: e,
+			items: f,
+			renderer: E,
+			minQueryLength: p,
+			debounce: m,
+			initialItems: h,
+			placement: g,
+			offset: _,
+			container: v,
+			flip: y,
+			floatingUi: b,
+			dismissOnOutsideClick: x,
+			command: d,
+			clientRectFor: O,
+			dispatchExit: A
+		}),
+		state: Gt({
+			editor: t,
+			char: n,
+			effectiveAllowSpaces: D,
+			allowToIncludeChar: i,
+			allowedPrefixes: a,
+			startOfLine: o,
+			findSuggestionMatch: w,
+			allow: C,
+			shouldShow: T,
+			shouldKeepDismissed: k,
+			pluginKey: e
+		}),
+		props: Wt({
+			pluginKey: e,
+			decorationTag: s,
+			decorationClass: c,
+			decorationContent: l,
+			decorationEmptyClass: u,
+			renderer: E,
+			dispatchExit: A
+		})
+	});
+}
+var $t = Qt, en = ["id"], tn = {
+	key: 0,
+	class: "tpl:px-3 tpl:py-2 tpl:text-xs tpl:text-[var(--tpl-text-dim)]",
+	"data-testid": "merge-tag-suggestion-empty"
+}, nn = [
+	"id",
+	"aria-selected",
+	"data-selected",
+	"data-merge-tag-value",
+	"onMousedown",
+	"onMousemove"
+], rn = { class: "tpl:font-medium" }, an = { class: "tpl:text-[var(--tpl-text-dim)] tpl:font-mono" }, on = /* @__PURE__ */ c({
+	__name: "MergeTagSuggestionList",
+	props: {
+		items: {},
+		selectedIndex: {},
+		emptyText: {},
+		listId: {}
+	},
+	emits: ["select", "hover"],
+	setup(t) {
+		let n = t;
+		function i(e) {
+			return n.listId ? `${n.listId}-opt-${e}` : void 0;
+		}
+		return (n, a) => (e(), f("div", {
+			id: t.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"
+		}, [t.items.length === 0 ? (e(), f("div", tn, b(t.emptyText), 1)) : m("", !0), (e(!0), f(p, null, r(t.items, (r, a) => (e(), f("button", {
+			key: r.value,
+			id: i(a),
+			type: "button",
+			role: "option",
+			"aria-selected": a === t.selectedIndex,
+			"data-selected": a === t.selectedIndex ? "true" : "false",
+			"data-merge-tag-value": r.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 === t.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: l((e) => n.$emit("select", r), ["prevent", "stop"]),
+			onMousemove: (e) => a !== t.selectedIndex && n.$emit("hover", a)
+		}, [d("span", rn, b(r.label), 1), d("span", an, b(r.value), 1)], 42, nn))), 128))], 8, en));
+	}
+}), sn = 10, cn = 0;
+function ln(e, t) {
+	let n = t.trim().toLowerCase();
+	return n === "" ? e.slice(0, sn) : e.filter((e) => {
+		let t = e.label.toLowerCase(), r = e.value.toLowerCase();
+		return t.includes(n) || r.includes(n);
+	}).slice(0, sn);
+}
+function un(e, t, n, r) {
+	return t.length === 0 ? e.key === "Enter" || e.key === "Tab" : e.key === "ArrowDown" ? (n.value = (n.value + 1) % t.length, !0) : e.key === "ArrowUp" ? (n.value = (n.value - 1 + t.length) % t.length, !0) : e.key === "Enter" || e.key === "Tab" ? (r(t[n.value]), !0) : !1;
+}
+function dn(e, t) {
+	return () => {
+		let n = null, r = null, o = null, s = a([]), c = a(0), l = null, u = `tpl-merge-tag-suggestion-${++cn}`, d = null, f = [], p = null;
+		function m() {
+			b(d?.() ?? null);
+		}
+		function g() {
+			m(), p !== null && cancelAnimationFrame(p), p = requestAnimationFrame(() => {
+				p = null, m();
+			});
+		}
+		function _(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;
+				/(auto|scroll|overlay)/.test(r) && t.push(n), n = n.parentElement;
+			}
+			return t;
+		}
+		function v(e) {
+			f = [window, ..._(e)];
+			for (let e of f) e.addEventListener("scroll", m, {
+				passive: !0,
+				capture: !0
+			});
+			window.addEventListener("resize", m, { passive: !0 });
+		}
+		function y() {
+			for (let e of f) e.removeEventListener("scroll", m, { capture: !0 });
+			window.removeEventListener("resize", m), f = [];
+		}
+		function b(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;
+			if (t !== 0 && window.innerHeight - e.bottom < t) {
+				let n = Math.max(0, e.top - t);
+				r.style.top = `${n}px`;
+			}
+		}
+		function x(e, t) {
+			let n = t?.closest("[data-tpl-theme]");
+			if (!n) return;
+			let r = n.getAttribute("data-tpl-theme");
+			r && e.setAttribute("data-tpl-theme", r);
+			let i = window.getComputedStyle(n);
+			for (let t = 0; t < i.length; t++) {
+				let n = i[t];
+				n.startsWith("--tpl-") && e.style.setProperty(n, i.getPropertyValue(n));
+			}
+			e.style.fontFamily = i.fontFamily, e.style.fontSize = i.fontSize, e.style.lineHeight = i.lineHeight;
+		}
+		function S(e) {
+			o && (e ? (o.setAttribute("role", "combobox"), o.setAttribute("aria-haspopup", "listbox"), o.setAttribute("aria-expanded", "true"), o.setAttribute("aria-controls", u)) : (o.removeAttribute("aria-expanded"), o.removeAttribute("aria-controls"), o.removeAttribute("aria-activedescendant"), o.removeAttribute("aria-haspopup"), o.removeAttribute("role")));
+		}
+		function C() {
+			if (o) {
+				if (s.value.length === 0) {
+					o.removeAttribute("aria-activedescendant");
+					return;
+				}
+				o.setAttribute("aria-activedescendant", `${u}-opt-${c.value}`);
+			}
+		}
+		function w(e) {
+			l?.(e);
+		}
+		return {
+			onStart: (a) => {
+				s.value = a.items, c.value = 0, l = (e) => a.command(e), r = document.createElement("div"), r.setAttribute("data-testid", "merge-tag-suggestion-popup");
+				let f = a.editor.view?.dom;
+				o = f ?? null, x(r, f ?? null), (t?.value ?? document.body).appendChild(r), n = h({ render() {
+					return i(on, {
+						items: s.value,
+						selectedIndex: c.value,
+						emptyText: e,
+						listId: u,
+						onSelect: (e) => w(e),
+						onHover: (e) => {
+							c.value = e, C();
+						}
+					});
+				} }), n.mount(r), S(!0), C(), d = a.clientRect ?? null, g(), v(f ?? null);
+			},
+			onUpdate: (e) => {
+				s.value = e.items, c.value >= e.items.length && (c.value = 0), l = (t) => e.command(t), C(), d = e.clientRect ?? null, g();
+			},
+			onKeyDown: (e) => {
+				if (e.event.key === "Escape") return !0;
+				let t = un(e.event, s.value, c, w);
+				return t && C(), t;
+			},
+			onExit: () => {
+				p !== null && (cancelAnimationFrame(p), p = null), y(), S(!1), n?.unmount(), r?.remove(), n = null, r = null, o = null, l = null, d = null;
+			}
+		};
+	};
+}
+var fn = k.create({
+	name: "mergeTagSuggestion",
+	addOptions() {
+		return {
+			mergeTags: [],
+			char: "{{",
+			emptyText: "No matching merge tags",
+			popoverRoot: null
+		};
+	},
+	addProseMirrorPlugins() {
+		let e = this.options.mergeTags, t = this.options.emptyText, n = this.options.popoverRoot, r = {
+			char: this.options.char,
+			allowSpaces: !1,
+			startOfLine: !1,
+			allowedPrefixes: null,
+			items: ({ query: t }) => ln(e, t),
+			command: ({ editor: e, range: t, props: n }) => {
+				e.chain().focus().insertContentAt(t, {
+					type: "mergeTagNode",
+					attrs: {
+						label: n.label,
+						value: n.value
+					}
+				}).run();
+			},
+			render: dn(t, n)
+		};
+		return [$t({
+			editor: this.editor,
+			...r
+		})];
+	}
+});
+//#endregion
+export { se as FontSize, ce as LetterSpacing, le as LineHeight, he as LogicMergeTagNode, ye as MergeTagNode, fn as MergeTagSuggestion, ln as filterMergeTags, un as handleSuggestionKeyDown };