@templatical/editor 0.32.0 → 0.34.0

package/dist/MergeTagInput-RytOlh1A.js

@@ -0,0 +1,448 @@
+import { Dt as e, G as t, S as n, T as r, U as i, X as a, c as o, d as s, g as c, h as l, j as u, k as d, kt as f, l as p, q as m, r as h, rt as g, s as _, u as v, v as y } from "./vue.runtime.esm-bundler-D9JUcKrV.js";
+import { c as b, s as x } from "./runtime-dom.esm-bundler-BuG03jBM.js";
+import { F as S, M as C, O as w, j as T } from "./dist-PL6vP4SC.js";
+import { w as E } from "./useEditorCore-DdkQuTHl.js";
+import { W as D } from "./keys-C3P1yxnr.js";
+import { t as O } from "./useI18n-CL6RfPzK.js";
+import { n as k } from "./usePopoverPosition-CWxaIWd3.js";
+import { t as A } from "./createLucideIcon-Bvw1Zx56.js";
+import { t as j } from "./x-DJOd1hS4.js";
+import { t as M } from "./_plugin-vue_export-helper-B3ysoDQm.js";
+import { t as N } from "./useMergeTag-gSuYus-M.js";
+import { p as P } from "./styleConstants-C_YAPdQS.js";
+import { n as F, r as I } from "./MergeTagSuggestion-CoCuzEmW.js";
+var L = A("braces", [["path", {
+	d: "M8 3H7a2 2 0 0 0-2 2v5a2 2 0 0 1-2 2 2 2 0 0 1 2 2v5c0 1.1.9 2 2 2h1",
+	key: "ezmyqa"
+}], ["path", {
+	d: "M16 21h1a2 2 0 0 0 2-2v-5c0-1.1.9-2 2-2a2 2 0 0 1-2-2V5a2 2 0 0 0-2-2h-1",
+	key: "e1hn23"
+}]]), R = A("scan-line", [
+	["path", {
+		d: "M3 7V5a2 2 0 0 1 2-2h2",
+		key: "aa7l1z"
+	}],
+	["path", {
+		d: "M17 3h2a2 2 0 0 1 2 2v2",
+		key: "4qcy5o"
+	}],
+	["path", {
+		d: "M21 17v2a2 2 0 0 1-2 2h-2",
+		key: "6vwrx8"
+	}],
+	["path", {
+		d: "M7 21H5a2 2 0 0 1-2-2v-2",
+		key: "ioqczr"
+	}],
+	["path", {
+		d: "M7 12h10",
+		key: "b7w52i"
+	}]
+]);
+//#endregion
+//#region src/utils/mergeTagTrigger.ts
+function z(e, t, n, r) {
+	if (!n) return null;
+	let i = e.slice(0, t), a = i.lastIndexOf(n);
+	if (a === -1) return null;
+	let o = i.slice(a + n.length);
+	return /\s/.test(o) || r && o.includes(r) ? null : {
+		triggerStart: a,
+		caret: t,
+		query: o
+	};
+}
+//#endregion
+//#region src/utils/textFieldCaret.ts
+var B = /* @__PURE__ */ "boxSizing.width.borderTopWidth.borderRightWidth.borderBottomWidth.borderLeftWidth.borderStyle.paddingTop.paddingRight.paddingBottom.paddingLeft.fontStyle.fontVariant.fontWeight.fontStretch.fontSize.lineHeight.fontFamily.textAlign.textTransform.textIndent.letterSpacing.wordSpacing.tabSize.whiteSpace.wordWrap.wordBreak".split(".");
+function V(e, t, n) {
+	return {
+		left: e,
+		top: t,
+		bottom: n,
+		right: e,
+		width: 0,
+		height: n - t,
+		x: e,
+		y: t,
+		toJSON: () => ({})
+	};
+}
+function H(e, t) {
+	let n = e.ownerDocument, r = n.defaultView;
+	if (!r) return null;
+	let i = e.tagName === "INPUT", a = r.getComputedStyle(e), o = n.createElement("div");
+	o.setAttribute("aria-hidden", "true");
+	let s = o.style;
+	s.position = "absolute", s.visibility = "hidden", s.top = "0", s.left = "0", s.overflow = "hidden", s.whiteSpace = i ? "pre" : "pre-wrap", s.wordWrap = i ? "normal" : "break-word";
+	let c = s, l = a;
+	for (let e of B) c[e] = l[e];
+	i && (s.width = "auto", s.whiteSpace = "pre");
+	let u = e.value, d = u.slice(0, t);
+	i && (d = d.replace(/\s/g, "\xA0")), o.textContent = d;
+	let f = n.createElement("span");
+	f.textContent = u.slice(t) || ".", o.appendChild(f), n.body.appendChild(o);
+	let p = f.offsetTop, m = f.offsetLeft;
+	n.body.removeChild(o);
+	let h = e.getBoundingClientRect(), g = parseFloat(a.borderTopWidth) || 0, _ = parseFloat(a.borderLeftWidth) || 0, v = parseFloat(a.lineHeight) || parseFloat(a.fontSize) || 0, y = h.left + m + _ - e.scrollLeft;
+	if (i) return V(y, h.top, h.bottom);
+	let b = h.top + p + g - e.scrollTop;
+	return V(y, b, b + v);
+}
+//#endregion
+//#region src/composables/useMergeTagAutocomplete.ts
+var U = /* @__PURE__ */ new Set([
+	"ArrowLeft",
+	"ArrowRight",
+	"Home",
+	"End"
+]);
+function W(e) {
+	let { elementRef: a, modelValue: o, emit: s, mergeTags: c, syntax: l, enabled: u, onInsert: d } = e, f = C(l), p = T(l), h = u && f !== null && c.length > 0, g = n(D, null), _ = (t(g) ? g.value : g)?.mergeTag?.suggestionEmpty ?? "No matching merge tags", v = k(), y = F(_, v), b = !1;
+	i() && m(() => {
+		b = !0, y.close();
+	});
+	function x(e) {
+		let t = e.value ?? "";
+		return z(t, e.selectionStart ?? t.length, f, p);
+	}
+	function S(e, t, n) {
+		let i = e.value ?? o(), c = i.slice(t.caret), l = p && c.startsWith(p) ? p.length : 0, u = i.slice(0, t.triggerStart), f = i.slice(t.caret + l), m = u + n.value + f, h = u.length + n.value.length;
+		d?.(), s(m), y.close(), r(() => {
+			if (b) return;
+			let e = a.value;
+			e?.focus(), e?.setSelectionRange(h, h);
+		});
+	}
+	function w() {
+		if (!h || b) return;
+		let e = a.value;
+		if (!e) {
+			y.close();
+			return;
+		}
+		let t = x(e);
+		if (!t) {
+			y.close();
+			return;
+		}
+		let n = I(c, t.query), r = () => H(e, t.triggerStart), i = (n) => S(e, t, n);
+		y.isOpen() ? y.update({
+			items: n,
+			getRect: r,
+			onCommand: i
+		}) : y.open({
+			items: n,
+			getRect: r,
+			anchorEl: e,
+			onCommand: i
+		});
+	}
+	function E(e) {
+		return y.isOpen() ? e.key === "Escape" ? (y.close(), !0) : U.has(e.key) ? (y.close(), !1) : y.handleKeyDown(e) : !1;
+	}
+	return {
+		available: h,
+		refresh: w,
+		handleKeydown: E,
+		close: () => y.close(),
+		isOpen: () => y.isOpen()
+	};
+}
+//#endregion
+//#region src/composables/useMergeTagField.ts
+function G(e) {
+	let { modelValue: t, emit: n, elementRef: o } = e, { mergeTags: s, canRequestMergeTag: c, isRequesting: l, isMergeTagValue: u, getMergeTagLabel: d, requestMergeTag: f, syntax: p, autocomplete: h } = N(), { canInsertLogicTag: g, isRequesting: v, requestLogicTag: y } = E(), b = a(!1), x = !1, C = !1;
+	i() && m(() => {
+		C = !0;
+	});
+	let T = W({
+		elementRef: o,
+		modelValue: t,
+		emit: n,
+		mergeTags: s,
+		syntax: p,
+		enabled: h,
+		onInsert: () => {
+			b.value = !0;
+		}
+	}), D = _(() => {
+		let e = t();
+		if (!e) return [];
+		let n = [], r = `(${p.value.source}|${p.logic.source})`, i = new RegExp(r, "g"), a = 0, o;
+		for (; (o = i.exec(e)) !== null;) {
+			o.index > a && n.push({
+				type: "text",
+				value: e.slice(a, o.index)
+			});
+			let t = o[0];
+			u(t) ? n.push({
+				type: "mergeTag",
+				value: t,
+				label: d(t)
+			}) : S(t, p) ? n.push({
+				type: "logicMergeTag",
+				value: t,
+				keyword: w(t, p)
+			}) : n.push({
+				type: "text",
+				value: t
+			}), a = o.index + t.length;
+		}
+		return a < e.length && n.push({
+			type: "text",
+			value: e.slice(a)
+		}), n;
+	}), O = _(() => D.value.some((e) => e.type === "mergeTag" || e.type === "logicMergeTag"));
+	function k() {
+		b.value = !0, r(() => {
+			o.value?.focus();
+			let e = t()?.length || 0;
+			o.value?.setSelectionRange(e, e);
+		});
+	}
+	function A() {
+		x || (b.value = !1);
+	}
+	function j(e) {
+		n(e.target.value), T.refresh();
+	}
+	function M(e) {
+		return T.handleKeydown(e) ? (e.preventDefault(), !0) : (e.key === "Escape" && A(), !1);
+	}
+	function P() {
+		T.refresh();
+	}
+	function F() {
+		T.close(), A();
+	}
+	function I() {
+		n("");
+	}
+	async function L() {
+		let e = b.value && o.value ? o.value.selectionStart ?? t().length : t().length;
+		x = !0;
+		let i;
+		try {
+			i = await f();
+		} finally {
+			x = !1;
+		}
+		if (!C && i) {
+			let a = t().slice(0, e), s = t().slice(e), c = a + i.value + s;
+			n(c), b.value = !0, r(() => {
+				if (C) return;
+				let t = e + i.value.length;
+				o.value?.focus(), o.value?.setSelectionRange(t, t);
+			});
+		}
+	}
+	async function R() {
+		let e = o.value, i = e?.selectionStart ?? t().length, a = e?.selectionEnd ?? i;
+		x = !0;
+		let s;
+		try {
+			s = await y();
+		} finally {
+			x = !1;
+		}
+		if (C || !s) return;
+		let c = t(), l, u;
+		"before" in s ? (l = c.slice(0, i) + s.before + c.slice(i, a) + s.after + c.slice(a), u = i + s.before.length + (a - i)) : (l = c.slice(0, i) + s.value + c.slice(i), u = i + s.value.length), n(l), b.value = !0, r(() => {
+			C || (o.value?.focus(), o.value?.setSelectionRange(u, u));
+		});
+	}
+	return {
+		segments: D,
+		hasMergeTags: O,
+		canRequestMergeTag: c,
+		isRequestingMergeTag: l,
+		canInsertLogicTag: g,
+		isRequestingLogicTag: v,
+		isEditing: b,
+		startEditing: k,
+		stopEditing: A,
+		handleInput: j,
+		handleKeydown: M,
+		handleClick: P,
+		handleBlur: F,
+		clearValue: I,
+		insertMergeTag: L,
+		insertLogicTag: R,
+		autocompleteAvailable: T.available
+	};
+}
+//#endregion
+//#region src/components/MergeTagSegments.vue?vue&type=script&setup=true&lang.ts
+var K = ["aria-label", "onKeydown"], q = ["data-tooltip"], J = ["data-tooltip"], Y = {
+	key: 2,
+	class: "tpl:text-sm tpl:text-[var(--tpl-text)]"
+}, X = ["aria-label", "title"], Z = /* @__PURE__ */ y({
+	__name: "MergeTagSegments",
+	props: {
+		segments: {},
+		displayClass: {},
+		pulse: { type: Boolean }
+	},
+	emits: ["edit", "clear"],
+	setup(t, { emit: n }) {
+		let r = n, { t: i } = O();
+		function a() {
+			r("edit");
+		}
+		return (n, l) => (d(), s("div", {
+			role: "button",
+			tabindex: "0",
+			"aria-label": g(i).mergeTag.clickToEdit,
+			class: e([t.displayClass, { "tpl-pulse-fill": t.pulse }]),
+			onClick: a,
+			onKeydown: [x(a, ["enter"]), x(b(a, ["prevent"]), ["space"])]
+		}, [(d(!0), s(h, null, u(t.segments, (e, t) => (d(), s(h, { key: `${e.type}-${t}-${e.value}` }, [e.type === "mergeTag" ? (d(), s("span", {
+			key: 0,
+			class: "tpl-tooltip 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",
+			"data-tooltip": e.value,
+			style: {
+				"background-color": "color-mix(\n            in srgb,\n            var(--tpl-primary) 20%,\n            transparent\n          )",
+				color: "var(--tpl-primary)"
+			}
+		}, f(e.label), 9, q)) : e.type === "logicMergeTag" ? (d(), s("span", {
+			key: 1,
+			class: "tpl-tooltip tpl:inline-flex tpl:items-center tpl:rounded tpl:px-1.5 tpl:py-0.5 tpl:text-[0.8em] tpl:font-bold tpl:tracking-wide tpl:uppercase",
+			"data-tooltip": e.value,
+			style: {
+				"background-color": "transparent",
+				border: "1.5px solid\n            color-mix(in srgb, var(--tpl-primary) 50%, transparent)",
+				color: "var(--tpl-primary)"
+			}
+		}, f(e.keyword), 9, J)) : (d(), s("span", Y, f(e.value), 1))], 64))), 128)), o("button", {
+			type: "button",
+			class: "tpl:ml-auto tpl:flex tpl:size-6 tpl:shrink-0 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded-full tpl:border-none tpl:bg-transparent tpl:p-0 tpl:text-[var(--tpl-text-dim)] tpl:opacity-60 tpl:transition-all tpl:hover:text-[var(--tpl-danger)] tpl:hover:opacity-100",
+			"aria-label": g(i).mergeTag.remove,
+			title: g(i).mergeTag.remove,
+			onClick: l[0] ||= b((e) => r("clear"), ["stop"])
+		}, [c(g(j), {
+			size: 12,
+			"stroke-width": 2.5
+		})], 8, X)], 42, K));
+	}
+}), ee = [
+	"aria-label",
+	"title",
+	"disabled"
+], te = "tpl:flex tpl:items-center tpl:justify-center tpl:gap-1 tpl:rounded-[var(--tpl-radius-sm)] tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg-hover)] tpl:px-2 tpl:py-1 tpl:text-xs tpl:text-[var(--tpl-text-muted)] tpl:transition-all tpl:duration-[120ms] tpl:hover:bg-[var(--tpl-primary-light)] tpl:hover:text-[var(--tpl-primary)] tpl:hover:border-[var(--tpl-primary)]", Q = /* @__PURE__ */ y({
+	__name: "MergeTagInsertButton",
+	props: { disabled: { type: Boolean } },
+	emits: ["insert"],
+	setup(t) {
+		let { t: n } = O();
+		return (r, i) => (d(), s("button", {
+			type: "button",
+			class: e([te, "tpl:mt-1.5"]),
+			"aria-label": g(n).mergeTag.insert,
+			title: g(n).mergeTag.insert,
+			disabled: t.disabled,
+			onMousedown: i[0] ||= b(() => {}, ["prevent"]),
+			onClick: i[1] ||= (e) => r.$emit("insert")
+		}, [c(g(R), {
+			size: 12,
+			"stroke-width": 2
+		}), l(" " + f(g(n).mergeTag.insertShort), 1)], 42, ee));
+	}
+}), ne = [
+	"aria-label",
+	"title",
+	"disabled"
+], re = "tpl:flex tpl:items-center tpl:justify-center tpl:gap-1 tpl:rounded-[var(--tpl-radius-sm)] tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg-hover)] tpl:px-2 tpl:py-1 tpl:text-xs tpl:text-[var(--tpl-text-muted)] tpl:transition-all tpl:duration-[120ms] tpl:hover:bg-[var(--tpl-primary-light)] tpl:hover:text-[var(--tpl-primary)] tpl:hover:border-[var(--tpl-primary)]", $ = /* @__PURE__ */ y({
+	__name: "LogicTagInsertButton",
+	props: { disabled: { type: Boolean } },
+	emits: ["insert"],
+	setup(t) {
+		let { t: n } = O();
+		return (r, i) => (d(), s("button", {
+			type: "button",
+			class: e([re, "tpl:mt-1.5"]),
+			"aria-label": g(n).logicTag.insert,
+			title: g(n).logicTag.insert,
+			disabled: t.disabled,
+			"data-testid": "field-insert-logic-button",
+			onMousedown: i[0] ||= b(() => {}, ["prevent"]),
+			onClick: i[1] ||= (e) => r.$emit("insert")
+		}, [c(g(L), {
+			size: 12,
+			"stroke-width": 2
+		}), l(" " + f(g(n).logicTag.insertShort), 1)], 42, ne));
+	}
+}), ie = { key: 0 }, ae = {
+	key: 0,
+	class: "tpl:flex tpl:flex-wrap tpl:gap-1.5"
+}, oe = { key: 1 }, se = [
+	"type",
+	"value",
+	"placeholder"
+], ce = {
+	key: 0,
+	class: "tpl:flex tpl:flex-wrap tpl:gap-1.5"
+}, le = "tpl:flex tpl:w-full tpl:min-h-10 tpl:cursor-pointer tpl:items-center tpl:flex-wrap tpl:gap-1 tpl:rounded-[var(--tpl-radius-sm)] tpl:border tpl:shadow-[var(--tpl-shadow-sm)] tpl:bg-[var(--tpl-bg)] tpl:border-[var(--tpl-border)] tpl:px-3.5 tpl:py-1.5 tpl:transition-all tpl:duration-[120ms] tpl:ease-[cubic-bezier(0.16,1,0.3,1)]", ue = /*#__PURE__*/ M(/* @__PURE__ */ y({
+	__name: "MergeTagInput",
+	props: {
+		modelValue: {},
+		type: { default: "text" },
+		placeholder: { default: "" },
+		pulse: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	emits: ["update:modelValue", "keydown"],
+	setup(t, { emit: n }) {
+		let r = t, i = n, l = a(null), { segments: u, hasMergeTags: f, canRequestMergeTag: m, isRequestingMergeTag: h, canInsertLogicTag: _, isRequestingLogicTag: y, isEditing: b, startEditing: x, handleInput: S, handleKeydown: C, handleClick: w, handleBlur: T, clearValue: E, insertMergeTag: D, insertLogicTag: O } = G({
+			modelValue: () => r.modelValue,
+			emit: (e) => i("update:modelValue", e),
+			elementRef: l
+		});
+		function k(e) {
+			C(e) || i("keydown", e);
+		}
+		return (n, r) => g(f) && !g(b) ? (d(), s("div", ie, [c(Z, {
+			segments: g(u),
+			"display-class": le,
+			pulse: t.pulse,
+			onEdit: g(x),
+			onClear: g(E)
+		}, null, 8, [
+			"segments",
+			"pulse",
+			"onEdit",
+			"onClear"
+		]), g(m) || g(_) ? (d(), s("div", ae, [g(m) ? (d(), p(Q, {
+			key: 0,
+			disabled: g(h),
+			onInsert: g(D)
+		}, null, 8, ["disabled", "onInsert"])) : v("", !0), g(_) ? (d(), p($, {
+			key: 1,
+			disabled: g(y),
+			onInsert: g(O)
+		}, null, 8, ["disabled", "onInsert"])) : v("", !0)])) : v("", !0)])) : (d(), s("div", oe, [o("input", {
+			ref_key: "inputRef",
+			ref: l,
+			type: t.type,
+			class: e([g(P), { "tpl-pulse-fill": t.pulse }]),
+			value: t.modelValue,
+			placeholder: t.placeholder,
+			onInput: r[0] ||= (...e) => g(S) && g(S)(...e),
+			onKeydown: k,
+			onClick: r[1] ||= (...e) => g(w) && g(w)(...e),
+			onBlur: r[2] ||= (...e) => g(T) && g(T)(...e)
+		}, null, 42, se), g(m) || g(_) ? (d(), s("div", ce, [g(m) ? (d(), p(Q, {
+			key: 0,
+			disabled: g(h),
+			onInsert: g(D)
+		}, null, 8, ["disabled", "onInsert"])) : v("", !0), g(_) ? (d(), p($, {
+			key: 1,
+			disabled: g(y),
+			onInsert: g(O)
+		}, null, 8, ["disabled", "onInsert"])) : v("", !0)])) : v("", !0)]));
+	}
+}), [["__scopeId", "data-v-31b31866"]]);
+//#endregion
+export { G as a, Z as i, $ as n, R as o, Q as r, L as s, ue as t };

package/dist/{MergeTagModeToggle-Cdi_DmVw.js → MergeTagModeToggle-Bi-FydXj.js}

@@ -1,7 +1,7 @@
 import { Ot as e, S as t, c as n, d as r, j as i, k as a, kt as o, l as s, r as c, rt as l, s as u, u as d, v as f } from "./vue.runtime.esm-bundler-D9JUcKrV.js";
 import { N as p } from "./dist-PL6vP4SC.js";
-import { T as m } from "./keys-BOhFlHsv.js";
-import { t as h } from "./useI18n-Ce_BRzYv.js";
+import { E as m } from "./keys-C3P1yxnr.js";
+import { t as h } from "./useI18n-CL6RfPzK.js";
 import { t as g } from "./createLucideIcon-Bvw1Zx56.js";
 import { t as _ } from "./sparkles-Dy2BJjiX.js";
 var v = g("monitor", [

package/dist/{ParagraphEditor-DQEOFc0K.js → ParagraphEditor-C87tkmtE.js}

@@ -1,18 +1,18 @@
 import { Dt as e, G as t, Ot as n, P as r, S as i, X as a, c as o, d as s, g as c, h as l, i as u, j as d, k as f, kt as p, l as m, r as h, rt as g, s as _, u as v, v as y } from "./vue.runtime.esm-bundler-D9JUcKrV.js";
 import { c as b, s as x } from "./runtime-dom.esm-bundler-BuG03jBM.js";
-import { C as S, D as C, E as w, S as T } from "./useEditorCore-CwQYCSXO.js";
+import { C as S, D as C, E as w, S as T } from "./useEditorCore-DdkQuTHl.js";
 import { t as E } from "./dist-dNiknO7j.js";
-import { B as D, D as O, G as k, U as ee, _ as te, h as ne, w as re } from "./keys-BOhFlHsv.js";
-import { t as A } from "./useI18n-Ce_BRzYv.js";
-import { n as j } from "./usePopoverPosition-CPk7Twye.js";
+import { J as D, K as O, O as k, U as ee, _ as te, h as ne, w as re } from "./keys-C3P1yxnr.js";
+import { t as A } from "./useI18n-CL6RfPzK.js";
+import { n as j } from "./usePopoverPosition-CWxaIWd3.js";
 import { t as M } from "./createLucideIcon-Bvw1Zx56.js";
-import { a as N, i as ie, n as P, r as ae, t as F } from "./RichTextEditorContent-C_9xi7dD.js";
-import { n as oe, t as se } from "./scan-line-E7w4yQyv.js";
+import { a as N, i as ie, n as P, r as ae, t as F } from "./RichTextEditorContent-BmTcV2-a.js";
+import { o as oe, s as se } from "./MergeTagInput-RytOlh1A.js";
 import { t as ce } from "./loader-circle-t-SVgmJ3.js";
 import { n as le, r as ue, t as de } from "./text-align-start-DrxjxvIy.js";
 import { t as I } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { a as fe, n as pe, o as me, s as he } from "./styleConstants-C_YAPdQS.js";
-import { t as L } from "./ColorPicker-FL5Vb9bE.js";
+import { t as L } from "./ColorPicker-C6EOwtHC.js";
 var R = M("face-slightly-smiling", [
 	["path", {
 		d: "M15 10V9",
@@ -314,7 +314,7 @@ var De = ["data-tpl-theme", "aria-label"], $ = { class: "tpl:flex tpl:items-cent
 		"add-logic-tag"
 	],
 	setup(e, { emit: t }) {
-		let r = e, a = t, d = i(D, null), y = i(ee, null), b = k(te, "ParagraphToolbar"), x = j(), S = i(O, null), C = i(re, null), w = i(ne, null), T = _(() => (S?.isOpen.value ?? !1) || (C?.isOpen.value ?? !1)), { t: E } = A(), M = b.fonts;
+		let r = e, a = t, d = i(ee, null), y = i(O, null), b = D(te, "ParagraphToolbar"), x = j(), S = i(k, null), C = i(re, null), w = i(ne, null), T = _(() => (S?.isOpen.value ?? !1) || (C?.isOpen.value ?? !1)), { t: E } = A(), M = b.fonts;
 		function P(e) {
 			r.editor?.chain().focus().insertContent(e).run();
 		}
@@ -371,7 +371,7 @@ var De = ["data-tpl-theme", "aria-label"], $ = { class: "tpl:flex tpl:items-cent
 			"data-tpl-theme": g(y),
 			role: "toolbar",
 			"aria-label": g(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-[var(--tpl-shadow-lg)]",
+			class: "tpl tpl-text-toolbar tpl:absolute 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-[var(--tpl-shadow-lg)]",
 			style: n({
 				...g(d),
 				top: `${e.toolbarPosition.top}px`,
@@ -608,7 +608,7 @@ var De = ["data-tpl-theme", "aria-label"], $ = { class: "tpl:flex tpl:items-cent
 				"aria-label": g(E).mergeTag.insert,
 				title: g(E).mergeTag.insert,
 				onClick: r[14] ||= (e) => a("add-merge-tag")
-			}, [c(g(se), {
+			}, [c(g(oe), {
 				size: 16,
 				"stroke-width": 2
 			}), l(" " + p(g(E).mergeTag.insertShort), 1)], 8, ke)], 64)) : v("", !0),
@@ -619,7 +619,7 @@ var De = ["data-tpl-theme", "aria-label"], $ = { class: "tpl:flex tpl:items-cent
 				title: g(E).logicTag.insert,
 				"data-testid": "insert-logic-button",
 				onClick: r[15] ||= (e) => a("add-logic-tag")
-			}, [c(g(oe), {
+			}, [c(g(se), {
 				size: 16,
 				"stroke-width": 2
 			}), l(" " + p(g(E).logicTag.insertShort), 1)], 8, Ae)], 64)) : v("", !0)
@@ -655,7 +655,7 @@ var De = ["data-tpl-theme", "aria-label"], $ = { class: "tpl:flex tpl:items-cent
 					import("./dist-D08oVYhr.js"),
 					import("./dist-DzdeVn-W.js"),
 					import("./dist-f7HXo6j6.js"),
-					import("./extensions-kOYwOh72.js")
+					import("./extensions-Mf8iHey9.js")
 				]);
 				return {
 					TiptapEditor: o,

package/dist/{RestoreVersionDialog-CHwngBae.js → RestoreVersionDialog-Db5rZRMA.js}

@@ -1,9 +1,9 @@
 import { Dt as e, c as t, d as n, g as r, h as i, k as a, kt as o, l as s, rt as c, u as l, v as u, z as d } from "./vue.runtime.esm-bundler-D9JUcKrV.js";
-import { t as f } from "./useI18n-Ce_BRzYv.js";
+import { t as f } from "./useI18n-CL6RfPzK.js";
 import { t as p } from "./loader-circle-t-SVgmJ3.js";
 import { t as m } from "./triangle-alert-DxnFj4-B.js";
 import { d as h, v as g, x as _ } from "./styleConstants-C_YAPdQS.js";
-import { t as v } from "./TplModal-BMGmhquu.js";
+import { t as v } from "./TplModal-CowM3o_F.js";
 //#region src/components/RestoreVersionDialog.vue?vue&type=script&setup=true&lang.ts
 var y = ["aria-busy"], b = { class: "tpl:flex tpl:items-center tpl:gap-2" }, x = {
 	id: "tpl-restore-version-title",