@templatical/editor 0.34.3 → 0.36.0

package/dist/{MergeTagInput-RytOlh1A.js → MergeTagInput-BEjzj4Iu.js}

@@ -1,44 +1,53 @@
-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 { A as e, E as t, J as n, K as r, M as i, S as a, W as o, Z as s, at as c, c as l, d as u, g as d, h as f, jt as p, kt as m, l as h, r as g, s as _, u as v, v as y } from "./vue.runtime.esm-bundler-DShF3P6k.js";
+import { c as b, s as x } from "./runtime-dom.esm-bundler-PnoZU512.js";
+import { F as S, M as C, O as w, j as T } from "./dist-tGkjkX-v.js";
+import { w as E } from "./useEditorCore-DhlKOYwe.js";
+import { G as D } from "./keys-DQA2i1k1.js";
+import { t as O } from "./useI18n-BbdxxpOE.js";
+import { n as k } from "./usePopoverPosition-CprM5p-c.js";
+import { t as A } from "./createLucideIcon-Cwf_nTzE.js";
+import { t as j } from "./x-D_-42Ukq.js";
 import { t as M } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { t as N } from "./useMergeTag-gSuYus-M.js";
+import { t as N } from "./useMergeTag-DlvOBW_B.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"
-	}]
-]);
+import { n as F, r as I } from "./MergeTagSuggestion-DKoLEeoj.js";
+var L = A({
+	name: "braces",
+	size: 24,
+	node: [["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"
+	}]],
+	aliases: ["curly-braces"]
+}), R = A({
+	name: "scan-line",
+	size: 24,
+	node: [
+		["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) {
@@ -98,25 +107,25 @@ var U = /* @__PURE__ */ new Set([
 	"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(() => {
+	let { elementRef: i, modelValue: s, emit: c, mergeTags: l, syntax: u, enabled: d, onInsert: f } = e, p = C(u), m = T(u), h = d && p !== null && l.length > 0, g = a(D, null), _ = (r(g) ? g.value : g)?.mergeTag?.suggestionEmpty ?? "No matching merge tags", v = k(), y = F(_, v), b = !1;
+	o() && n(() => {
 		b = !0, y.close();
 	});
 	function x(e) {
 		let t = e.value ?? "";
-		return z(t, e.selectionStart ?? t.length, f, p);
+		return z(t, e.selectionStart ?? t.length, p, m);
 	}
-	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(() => {
+	function S(e, n, r) {
+		let a = e.value ?? s(), o = a.slice(n.caret), l = m && o.startsWith(m) ? m.length : 0, u = a.slice(0, n.triggerStart), d = a.slice(n.caret + l), p = u + r.value + d, h = u.length + r.value.length;
+		f?.(), c(p), y.close(), t(() => {
 			if (b) return;
-			let e = a.value;
+			let e = i.value;
 			e?.focus(), e?.setSelectionRange(h, h);
 		});
 	}
 	function w() {
 		if (!h || b) return;
-		let e = a.value;
+		let e = i.value;
 		if (!e) {
 			y.close();
 			return;
@@ -126,16 +135,16 @@ function W(e) {
 			y.close();
 			return;
 		}
-		let n = I(c, t.query), r = () => H(e, t.triggerStart), i = (n) => S(e, t, n);
+		let n = I(l, t.query), r = () => H(e, t.triggerStart), a = (n) => S(e, t, n);
 		y.isOpen() ? y.update({
 			items: n,
 			getRect: r,
-			onCommand: i
+			onCommand: a
 		}) : y.open({
 			items: n,
 			getRect: r,
 			anchorEl: e,
-			onCommand: i
+			onCommand: a
 		});
 	}
 	function E(e) {
@@ -152,60 +161,60 @@ function W(e) {
 //#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(() => {
+	let { modelValue: r, emit: i, elementRef: a } = e, { mergeTags: c, canRequestMergeTag: l, isRequesting: u, isMergeTagValue: d, getMergeTagLabel: f, requestMergeTag: p, syntax: m, autocomplete: h } = N(), { canInsertLogicTag: g, isRequesting: v, requestLogicTag: y } = E(), b = s(!1), x = !1, C = !1;
+	o() && n(() => {
 		C = !0;
 	});
 	let T = W({
-		elementRef: o,
-		modelValue: t,
-		emit: n,
-		mergeTags: s,
-		syntax: p,
+		elementRef: a,
+		modelValue: r,
+		emit: i,
+		mergeTags: c,
+		syntax: m,
 		enabled: h,
 		onInsert: () => {
 			b.value = !0;
 		}
 	}), D = _(() => {
-		let e = t();
+		let e = r();
 		if (!e) return [];
-		let n = [], r = `(${p.value.source}|${p.logic.source})`, i = new RegExp(r, "g"), a = 0, o;
+		let t = [], n = `(${m.value.source}|${m.logic.source})`, i = new RegExp(n, "g"), a = 0, o;
 		for (; (o = i.exec(e)) !== null;) {
-			o.index > a && n.push({
+			o.index > a && t.push({
 				type: "text",
 				value: e.slice(a, o.index)
 			});
-			let t = o[0];
-			u(t) ? n.push({
+			let n = o[0];
+			d(n) ? t.push({
 				type: "mergeTag",
-				value: t,
-				label: d(t)
-			}) : S(t, p) ? n.push({
+				value: n,
+				label: f(n)
+			}) : S(n, m) ? t.push({
 				type: "logicMergeTag",
-				value: t,
-				keyword: w(t, p)
-			}) : n.push({
+				value: n,
+				keyword: w(n, m)
+			}) : t.push({
 				type: "text",
-				value: t
-			}), a = o.index + t.length;
+				value: n
+			}), a = o.index + n.length;
 		}
-		return a < e.length && n.push({
+		return a < e.length && t.push({
 			type: "text",
 			value: e.slice(a)
-		}), n;
+		}), t;
 	}), 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);
+		b.value = !0, t(() => {
+			a.value?.focus();
+			let e = r()?.length || 0;
+			a.value?.setSelectionRange(e, e);
 		});
 	}
 	function A() {
 		x || (b.value = !1);
 	}
 	function j(e) {
-		n(e.target.value), T.refresh();
+		i(e.target.value), T.refresh();
 	}
 	function M(e) {
 		return T.handleKeydown(e) ? (e.preventDefault(), !0) : (e.key === "Escape" && A(), !1);
@@ -217,28 +226,28 @@ function G(e) {
 		T.close(), A();
 	}
 	function I() {
-		n("");
+		i("");
 	}
 	async function L() {
-		let e = b.value && o.value ? o.value.selectionStart ?? t().length : t().length;
+		let e = b.value && a.value ? a.value.selectionStart ?? r().length : r().length;
 		x = !0;
-		let i;
+		let n;
 		try {
-			i = await f();
+			n = await p();
 		} 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 && n) {
+			let o = r().slice(0, e), s = r().slice(e), c = o + n.value + s;
+			i(c), b.value = !0, t(() => {
 				if (C) return;
-				let t = e + i.value.length;
-				o.value?.focus(), o.value?.setSelectionRange(t, t);
+				let t = e + n.value.length;
+				a.value?.focus(), a.value?.setSelectionRange(t, t);
 			});
 		}
 	}
 	async function R() {
-		let e = o.value, i = e?.selectionStart ?? t().length, a = e?.selectionEnd ?? i;
+		let e = a.value, n = e?.selectionStart ?? r().length, o = e?.selectionEnd ?? n;
 		x = !0;
 		let s;
 		try {
@@ -247,16 +256,16 @@ function G(e) {
 			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));
+		let c = r(), l, u;
+		"before" in s ? (l = c.slice(0, n) + s.before + c.slice(n, o) + s.after + c.slice(o), u = n + s.before.length + (o - n)) : (l = c.slice(0, n) + s.value + c.slice(n), u = n + s.value.length), i(l), b.value = !0, t(() => {
+			C || (a.value?.focus(), a.value?.setSelectionRange(u, u));
 		});
 	}
 	return {
 		segments: D,
 		hasMergeTags: O,
-		canRequestMergeTag: c,
-		isRequestingMergeTag: l,
+		canRequestMergeTag: l,
+		isRequestingMergeTag: u,
 		canInsertLogicTag: g,
 		isRequestingLogicTag: v,
 		isEditing: b,
@@ -286,41 +295,41 @@ var K = ["aria-label", "onKeydown"], q = ["data-tooltip"], J = ["data-tooltip"],
 	},
 	emits: ["edit", "clear"],
 	setup(t, { emit: n }) {
-		let r = n, { t: i } = O();
-		function a() {
+		let r = n, { t: a } = O();
+		function o() {
 			r("edit");
 		}
-		return (n, l) => (d(), s("div", {
+		return (n, s) => (e(), u("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", {
+			"aria-label": c(a).mergeTag.clickToEdit,
+			class: m([t.displayClass, { "tpl-pulse-fill": t.pulse }]),
+			onClick: o,
+			onKeydown: [x(o, ["enter"]), x(b(o, ["prevent"]), ["space"])]
+		}, [(e(!0), u(g, null, i(t.segments, (t, n) => (e(), u(g, { key: `${t.type}-${n}-${t.value}` }, [t.type === "mergeTag" ? (e(), u("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,
+			"data-tooltip": t.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", {
+		}, p(t.label), 9, q)) : t.type === "logicMergeTag" ? (e(), u("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,
+			"data-tooltip": t.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", {
+		}, p(t.keyword), 9, J)) : (e(), u("span", Y, p(t.value), 1))], 64))), 128)), l("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), {
+			"aria-label": c(a).mergeTag.remove,
+			title: c(a).mergeTag.remove,
+			onClick: s[0] ||= b((e) => r("clear"), ["stop"])
+		}, [d(c(j), {
 			size: 12,
 			"stroke-width": 2.5
 		})], 8, X)], 42, K));
@@ -335,18 +344,18 @@ var K = ["aria-label", "onKeydown"], q = ["data-tooltip"], J = ["data-tooltip"],
 	emits: ["insert"],
 	setup(t) {
 		let { t: n } = O();
-		return (r, i) => (d(), s("button", {
+		return (r, i) => (e(), u("button", {
 			type: "button",
-			class: e([te, "tpl:mt-1.5"]),
-			"aria-label": g(n).mergeTag.insert,
-			title: g(n).mergeTag.insert,
+			class: m([te, "tpl:mt-1.5"]),
+			"aria-label": c(n).mergeTag.insert,
+			title: c(n).mergeTag.insert,
 			disabled: t.disabled,
 			onMousedown: i[0] ||= b(() => {}, ["prevent"]),
 			onClick: i[1] ||= (e) => r.$emit("insert")
-		}, [c(g(R), {
+		}, [d(c(R), {
 			size: 12,
 			"stroke-width": 2
-		}), l(" " + f(g(n).mergeTag.insertShort), 1)], 42, ee));
+		}), f(" " + p(c(n).mergeTag.insertShort), 1)], 42, ee));
 	}
 }), ne = [
 	"aria-label",
@@ -358,19 +367,19 @@ var K = ["aria-label", "onKeydown"], q = ["data-tooltip"], J = ["data-tooltip"],
 	emits: ["insert"],
 	setup(t) {
 		let { t: n } = O();
-		return (r, i) => (d(), s("button", {
+		return (r, i) => (e(), u("button", {
 			type: "button",
-			class: e([re, "tpl:mt-1.5"]),
-			"aria-label": g(n).logicTag.insert,
-			title: g(n).logicTag.insert,
+			class: m([re, "tpl:mt-1.5"]),
+			"aria-label": c(n).logicTag.insert,
+			title: c(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), {
+		}, [d(c(L), {
 			size: 12,
 			"stroke-width": 2
-		}), l(" " + f(g(n).logicTag.insertShort), 1)], 42, ne));
+		}), f(" " + p(c(n).logicTag.insertShort), 1)], 42, ne));
 	}
 }), ie = { key: 0 }, ae = {
 	key: 0,
@@ -395,52 +404,52 @@ var K = ["aria-label", "onKeydown"], q = ["data-tooltip"], J = ["data-tooltip"],
 	},
 	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({
+		let r = t, i = n, a = s(null), { segments: o, hasMergeTags: f, canRequestMergeTag: p, isRequestingMergeTag: g, 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
+			elementRef: a
 		});
 		function k(e) {
 			C(e) || i("keydown", e);
 		}
-		return (n, r) => g(f) && !g(b) ? (d(), s("div", ie, [c(Z, {
-			segments: g(u),
+		return (n, r) => c(f) && !c(b) ? (e(), u("div", ie, [d(Z, {
+			segments: c(o),
 			"display-class": le,
 			pulse: t.pulse,
-			onEdit: g(x),
-			onClear: g(E)
+			onEdit: c(x),
+			onClear: c(E)
 		}, null, 8, [
 			"segments",
 			"pulse",
 			"onEdit",
 			"onClear"
-		]), g(m) || g(_) ? (d(), s("div", ae, [g(m) ? (d(), p(Q, {
+		]), c(p) || c(_) ? (e(), u("div", ae, [c(p) ? (e(), h(Q, {
 			key: 0,
-			disabled: g(h),
-			onInsert: g(D)
-		}, null, 8, ["disabled", "onInsert"])) : v("", !0), g(_) ? (d(), p($, {
+			disabled: c(g),
+			onInsert: c(D)
+		}, null, 8, ["disabled", "onInsert"])) : v("", !0), c(_) ? (e(), h($, {
 			key: 1,
-			disabled: g(y),
-			onInsert: g(O)
-		}, null, 8, ["disabled", "onInsert"])) : v("", !0)])) : v("", !0)])) : (d(), s("div", oe, [o("input", {
+			disabled: c(y),
+			onInsert: c(O)
+		}, null, 8, ["disabled", "onInsert"])) : v("", !0)])) : v("", !0)])) : (e(), u("div", oe, [l("input", {
 			ref_key: "inputRef",
-			ref: l,
+			ref: a,
 			type: t.type,
-			class: e([g(P), { "tpl-pulse-fill": t.pulse }]),
+			class: m([c(P), { "tpl-pulse-fill": t.pulse }]),
 			value: t.modelValue,
 			placeholder: t.placeholder,
-			onInput: r[0] ||= (...e) => g(S) && g(S)(...e),
+			onInput: r[0] ||= (...e) => c(S) && c(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, {
+			onClick: r[1] ||= (...e) => c(w) && c(w)(...e),
+			onBlur: r[2] ||= (...e) => c(T) && c(T)(...e)
+		}, null, 42, se), c(p) || c(_) ? (e(), u("div", ce, [c(p) ? (e(), h(Q, {
 			key: 0,
-			disabled: g(h),
-			onInsert: g(D)
-		}, null, 8, ["disabled", "onInsert"])) : v("", !0), g(_) ? (d(), p($, {
+			disabled: c(g),
+			onInsert: c(D)
+		}, null, 8, ["disabled", "onInsert"])) : v("", !0), c(_) ? (e(), h($, {
 			key: 1,
-			disabled: g(y),
-			onInsert: g(O)
+			disabled: c(y),
+			onInsert: c(O)
 		}, null, 8, ["disabled", "onInsert"])) : v("", !0)])) : v("", !0)]));
 	}
 }), [["__scopeId", "data-v-31b31866"]]);