@templatical/editor 0.37.0 → 0.39.0

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

@@ -1,17 +1,18 @@
 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 { c as b } from "./runtime-dom.esm-bundler-PnoZU512.js";
+import { F as x, M as S, O as C, j as w } from "./dist-tGkjkX-v.js";
+import { w as T } from "./useEditorCore-jfwgLThK.js";
+import { q as E } from "./keys-DD1rl72F.js";
+import { t as D } from "./useI18n-VOtdfENx.js";
+import { n as O } from "./usePopoverPosition-gZjRywai.js";
+import { t as k } from "./createLucideIcon-CDDkF1Tm.js";
+import { t as A } from "./pencil-Bq-nbQ7F.js";
+import { t as j } from "./x-B7sgO_z8.js";
 import { t as M } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { t as N } from "./useMergeTag-DlvOBW_B.js";
+import { t as N } from "./useMergeTag-CQM9pFca.js";
 import { p as P } from "./styleConstants-C_YAPdQS.js";
-import { n as F, r as I } from "./MergeTagSuggestion-DKoLEeoj.js";
-var L = A({
+import { n as F, r as I } from "./MergeTagSuggestion-BXO3UIXW.js";
+var L = k({
 	name: "braces",
 	size: 24,
 	node: [["path", {
@@ -22,7 +23,7 @@ var L = A({
 		key: "e1hn23"
 	}]],
 	aliases: ["curly-braces"]
-}), R = A({
+}), R = k({
 	name: "scan-line",
 	size: 24,
 	node: [
@@ -107,78 +108,78 @@ var U = /* @__PURE__ */ new Set([
 	"End"
 ]);
 function W(e) {
-	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;
+	let { elementRef: i, modelValue: s, emit: c, mergeTags: l, syntax: u, enabled: d, onInsert: f } = e, p = S(u), m = w(u), h = _(() => d && p !== null && l.value.length > 0), g = a(E, null), v = (r(g) ? g.value : g)?.mergeTag?.suggestionEmpty ?? "No matching merge tags", y = O(), b = F(v, y), x = !1;
 	o() && n(() => {
-		b = !0, y.close();
+		x = !0, b.close();
 	});
-	function x(e) {
+	function C(e) {
 		let t = e.value ?? "";
 		return z(t, e.selectionStart ?? t.length, p, m);
 	}
-	function S(e, n, r) {
+	function T(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;
+		f?.(), c(p), b.close(), t(() => {
+			if (x) return;
 			let e = i.value;
 			e?.focus(), e?.setSelectionRange(h, h);
 		});
 	}
-	function w() {
-		if (!h || b) return;
+	function D() {
+		if (!h.value || x) return;
 		let e = i.value;
 		if (!e) {
-			y.close();
+			b.close();
 			return;
 		}
-		let t = x(e);
+		let t = C(e);
 		if (!t) {
-			y.close();
+			b.close();
 			return;
 		}
-		let n = I(l, t.query), r = () => H(e, t.triggerStart), a = (n) => S(e, t, n);
-		y.isOpen() ? y.update({
+		let n = I(l.value, t.query), r = () => H(e, t.triggerStart), a = (n) => T(e, t, n);
+		b.isOpen() ? b.update({
 			items: n,
 			getRect: r,
 			onCommand: a
-		}) : y.open({
+		}) : b.open({
 			items: n,
 			getRect: r,
 			anchorEl: e,
 			onCommand: a
 		});
 	}
-	function E(e) {
-		return y.isOpen() ? e.key === "Escape" ? (y.close(), !0) : U.has(e.key) ? (y.close(), !1) : y.handleKeyDown(e) : !1;
+	function k(e) {
+		return b.isOpen() ? e.key === "Escape" ? (b.close(), !0) : U.has(e.key) ? (b.close(), !1) : b.handleKeyDown(e) : !1;
 	}
 	return {
 		available: h,
-		refresh: w,
-		handleKeydown: E,
-		close: () => y.close(),
-		isOpen: () => y.isOpen()
+		refresh: D,
+		handleKeydown: k,
+		close: () => b.close(),
+		isOpen: () => b.isOpen()
 	};
 }
 //#endregion
 //#region src/composables/useMergeTagField.ts
 function G(e) {
-	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;
+	let { modelValue: r, emit: i, elementRef: a } = e, { mergeTags: c, canRequestMergeTag: l, isRequesting: u, isMergeTagValue: d, getMergeTagDisplayLabel: f, findMergeTag: p, requestMergeTag: m, syntax: h, autocomplete: g } = N(), { canInsertLogicTag: v, isRequesting: y, requestLogicTag: b } = T(), S = s(!1), w = !1, E = !1;
 	o() && n(() => {
-		C = !0;
+		E = !0;
 	});
-	let T = W({
+	let D = W({
 		elementRef: a,
 		modelValue: r,
 		emit: i,
 		mergeTags: c,
-		syntax: m,
-		enabled: h,
+		syntax: h,
+		enabled: g,
 		onInsert: () => {
-			b.value = !0;
+			S.value = !0;
 		}
-	}), D = _(() => {
+	}), O = _(() => {
 		let e = r();
 		if (!e) return [];
-		let t = [], n = `(${m.value.source}|${m.logic.source})`, i = new RegExp(n, "g"), a = 0, o;
+		let t = [], n = `(${h.value.source}|${h.logic.source})`, i = new RegExp(n, "g"), a = 0, o;
 		for (; (o = i.exec(e)) !== null;) {
 			o.index > a && t.push({
 				type: "text",
@@ -189,10 +190,10 @@ function G(e) {
 				type: "mergeTag",
 				value: n,
 				label: f(n)
-			}) : S(n, m) ? t.push({
+			}) : x(n, h) ? t.push({
 				type: "logicMergeTag",
 				value: n,
-				keyword: w(n, m)
+				keyword: C(n, h)
 			}) : t.push({
 				type: "text",
 				value: n
@@ -202,151 +203,200 @@ function G(e) {
 			type: "text",
 			value: e.slice(a)
 		}), t;
-	}), O = _(() => D.value.some((e) => e.type === "mergeTag" || e.type === "logicMergeTag"));
-	function k() {
-		b.value = !0, t(() => {
+	}), k = _(() => O.value.some((e) => e.type === "mergeTag" || e.type === "logicMergeTag"));
+	function A() {
+		S.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) {
-		i(e.target.value), T.refresh();
+	function j() {
+		w || (S.value = !1);
 	}
 	function M(e) {
-		return T.handleKeydown(e) ? (e.preventDefault(), !0) : (e.key === "Escape" && A(), !1);
+		i(e.target.value), D.refresh();
 	}
-	function P() {
-		T.refresh();
+	function P(e) {
+		return D.handleKeydown(e) ? (e.preventDefault(), !0) : (e.key === "Escape" && j(), !1);
 	}
 	function F() {
-		T.close(), A();
+		D.refresh();
 	}
 	function I() {
+		D.close(), j();
+	}
+	function L() {
 		i("");
 	}
-	async function L() {
-		let e = b.value && a.value ? a.value.selectionStart ?? r().length : r().length;
-		x = !0;
+	async function R() {
+		let e = S.value && a.value ? a.value.selectionStart ?? r().length : r().length;
+		w = !0;
 		let n;
 		try {
-			n = await p();
+			n = await m();
 		} finally {
-			x = !1;
+			w = !1;
 		}
-		if (!C && n) {
+		if (!E && 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;
+			i(c), S.value = !0, t(() => {
+				if (E) return;
 				let t = e + n.value.length;
 				a.value?.focus(), a.value?.setSelectionRange(t, t);
 			});
 		}
 	}
-	async function R() {
+	async function z(e) {
+		let t = O.value, n = t[e];
+		if (n?.type !== "mergeTag") return;
+		w = !0;
+		let r;
+		try {
+			r = await m({
+				reason: "edit",
+				current: p(n.value)
+			});
+		} finally {
+			w = !1;
+		}
+		!E && r && i(t.map((t, n) => n === e ? r.value : t.value).join(""));
+	}
+	async function B() {
 		let e = a.value, n = e?.selectionStart ?? r().length, o = e?.selectionEnd ?? n;
-		x = !0;
+		w = !0;
 		let s;
 		try {
-			s = await y();
+			s = await b();
 		} finally {
-			x = !1;
+			w = !1;
 		}
-		if (C || !s) return;
+		if (E || !s) return;
 		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));
+		"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), S.value = !0, t(() => {
+			E || (a.value?.focus(), a.value?.setSelectionRange(u, u));
 		});
 	}
 	return {
-		segments: D,
-		hasMergeTags: O,
+		segments: O,
+		hasMergeTags: k,
 		canRequestMergeTag: l,
 		isRequestingMergeTag: u,
-		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
+		canInsertLogicTag: v,
+		isRequestingLogicTag: y,
+		isEditing: S,
+		startEditing: A,
+		stopEditing: j,
+		handleInput: M,
+		handleKeydown: P,
+		handleClick: F,
+		handleBlur: I,
+		clearValue: L,
+		insertMergeTag: R,
+		replaceMergeTagAt: z,
+		insertLogicTag: B,
+		autocompleteAvailable: D.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,
+var K = ["aria-label"], q = [
+	"data-tooltip",
+	"aria-label",
+	"onClick"
+], J = ["data-tooltip"], Y = ["data-tooltip"], X = {
+	key: 3,
 	class: "tpl:text-sm tpl:text-[var(--tpl-text)]"
-}, X = ["aria-label", "title"], Z = /* @__PURE__ */ y({
+}, ee = ["aria-label", "title"], te = ["aria-label", "title"], Z = /* @__PURE__ */ y({
 	__name: "MergeTagSegments",
 	props: {
 		segments: {},
 		displayClass: {},
 		pulse: { type: Boolean }
 	},
-	emits: ["edit", "clear"],
+	emits: [
+		"edit",
+		"clear",
+		"repick"
+	],
 	setup(t, { emit: n }) {
-		let r = n, { t: a } = O();
-		function o() {
+		let r = n, { t: a, format: o } = D(), { canRepickMergeTag: s, showRawValue: f } = N();
+		function h() {
 			r("edit");
 		}
-		return (n, s) => (e(), u("div", {
-			role: "button",
-			tabindex: "0",
-			"aria-label": c(a).mergeTag.clickToEdit,
+		return (n, _) => (e(), u("div", {
+			role: "group",
+			"aria-label": c(a).mergeTag.fieldGroup,
 			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": t.value,
-			style: {
-				"background-color": "color-mix(\n            in srgb,\n            var(--tpl-primary) 20%,\n            transparent\n          )",
-				color: "var(--tpl-primary)"
-			}
-		}, 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": t.value,
-			style: {
-				"background-color": "transparent",
-				border: "1.5px solid\n            color-mix(in srgb, var(--tpl-primary) 50%, transparent)",
-				color: "var(--tpl-primary)"
-			}
-		}, 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": 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));
+			onClick: h
+		}, [
+			(e(!0), u(g, null, i(t.segments, (t, n) => (e(), u(g, { key: `${t.type}-${n}-${t.value}` }, [t.type === "mergeTag" && c(s)(t.value) ? (e(), u("button", {
+				key: 0,
+				type: "button",
+				class: m(["tpl:inline-flex tpl:cursor-pointer tpl:items-center tpl:gap-1 tpl:rounded tpl:border-none tpl:px-1.5 tpl:py-0.5 tpl:text-[0.9em] tpl:font-medium", c(f) ? "tpl-tooltip" : ""]),
+				"data-tooltip": c(f) ? t.value : void 0,
+				"aria-label": c(o)(c(a).mergeTag.changeTag, { label: t.label }),
+				"data-testid": "merge-tag-field-chip",
+				style: {
+					"background-color": "color-mix(\n            in srgb,\n            var(--tpl-primary) 20%,\n            transparent\n          )",
+					color: "var(--tpl-primary)"
+				},
+				onClick: b((e) => r("repick", n), ["stop"])
+			}, p(t.label), 11, q)) : t.type === "mergeTag" ? (e(), u("span", {
+				key: 1,
+				class: m(["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", c(f) ? "tpl-tooltip" : ""]),
+				"data-tooltip": c(f) ? t.value : void 0,
+				style: {
+					"background-color": "color-mix(\n            in srgb,\n            var(--tpl-primary) 20%,\n            transparent\n          )",
+					color: "var(--tpl-primary)"
+				}
+			}, p(t.label), 11, J)) : t.type === "logicMergeTag" ? (e(), u("span", {
+				key: 2,
+				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": t.value,
+				style: {
+					"background-color": "transparent",
+					border: "1.5px solid\n            color-mix(in srgb, var(--tpl-primary) 50%, transparent)",
+					color: "var(--tpl-primary)"
+				}
+			}, p(t.keyword), 9, Y)) : (e(), u("span", X, 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-primary)] tpl:hover:opacity-100",
+				"aria-label": c(a).mergeTag.editAsText,
+				title: c(a).mergeTag.editAsText,
+				"data-testid": "merge-tag-field-edit",
+				onClick: b(h, ["stop"])
+			}, [d(c(A), {
+				size: 12,
+				"stroke-width": 2
+			})], 8, ee),
+			l("button", {
+				type: "button",
+				class: "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": c(a).mergeTag.remove,
+				title: c(a).mergeTag.remove,
+				"data-testid": "merge-tag-field-clear",
+				onClick: _[0] ||= b((e) => r("clear"), ["stop"])
+			}, [d(c(j), {
+				size: 12,
+				"stroke-width": 2.5
+			})], 8, te)
+		], 10, K));
 	}
-}), ee = [
+}), ne = [
 	"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({
+], 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)]", Q = /* @__PURE__ */ y({
 	__name: "MergeTagInsertButton",
 	props: { disabled: { type: Boolean } },
 	emits: ["insert"],
 	setup(t) {
-		let { t: n } = O();
+		let { t: n } = D();
 		return (r, i) => (e(), u("button", {
 			type: "button",
-			class: m([te, "tpl:mt-1.5"]),
+			class: m([re, "tpl:mt-1.5"]),
 			"aria-label": c(n).mergeTag.insert,
 			title: c(n).mergeTag.insert,
 			disabled: t.disabled,
@@ -355,21 +405,21 @@ var K = ["aria-label", "onKeydown"], q = ["data-tooltip"], J = ["data-tooltip"],
 		}, [d(c(R), {
 			size: 12,
 			"stroke-width": 2
-		}), f(" " + p(c(n).mergeTag.insertShort), 1)], 42, ee));
+		}), f(" " + p(c(n).mergeTag.insertShort), 1)], 42, ne));
 	}
-}), ne = [
+}), ie = [
 	"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({
+], ae = "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();
+		let { t: n } = D();
 		return (r, i) => (e(), u("button", {
 			type: "button",
-			class: m([re, "tpl:mt-1.5"]),
+			class: m([ae, "tpl:mt-1.5"]),
 			"aria-label": c(n).logicTag.insert,
 			title: c(n).logicTag.insert,
 			disabled: t.disabled,
@@ -379,19 +429,19 @@ var K = ["aria-label", "onKeydown"], q = ["data-tooltip"], J = ["data-tooltip"],
 		}, [d(c(L), {
 			size: 12,
 			"stroke-width": 2
-		}), f(" " + p(c(n).logicTag.insertShort), 1)], 42, ne));
+		}), f(" " + p(c(n).logicTag.insertShort), 1)], 42, ie));
 	}
-}), ie = { key: 0 }, ae = {
+}), oe = { key: 0 }, se = {
 	key: 0,
 	class: "tpl:flex tpl:flex-wrap tpl:gap-1.5"
-}, oe = { key: 1 }, se = [
+}, ce = { key: 1 }, le = [
 	"type",
 	"value",
 	"placeholder"
-], ce = {
+], ue = {
 	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({
+}, de = "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)]", fe = /*#__PURE__*/ M(/* @__PURE__ */ y({
 	__name: "MergeTagInput",
 	props: {
 		modelValue: {},
@@ -404,26 +454,28 @@ var K = ["aria-label", "onKeydown"], q = ["data-tooltip"], J = ["data-tooltip"],
 	},
 	emits: ["update:modelValue", "keydown"],
 	setup(t, { emit: n }) {
-		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({
+		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, replaceMergeTagAt: k } = G({
 			modelValue: () => r.modelValue,
 			emit: (e) => i("update:modelValue", e),
 			elementRef: a
 		});
-		function k(e) {
+		function A(e) {
 			C(e) || i("keydown", e);
 		}
-		return (n, r) => c(f) && !c(b) ? (e(), u("div", ie, [d(Z, {
+		return (n, r) => c(f) && !c(b) ? (e(), u("div", oe, [d(Z, {
 			segments: c(o),
-			"display-class": le,
+			"display-class": de,
 			pulse: t.pulse,
 			onEdit: c(x),
-			onClear: c(E)
+			onClear: c(E),
+			onRepick: c(k)
 		}, null, 8, [
 			"segments",
 			"pulse",
 			"onEdit",
-			"onClear"
-		]), c(p) || c(_) ? (e(), u("div", ae, [c(p) ? (e(), h(Q, {
+			"onClear",
+			"onRepick"
+		]), c(p) || c(_) ? (e(), u("div", se, [c(p) ? (e(), h(Q, {
 			key: 0,
 			disabled: c(g),
 			onInsert: c(D)
@@ -431,7 +483,7 @@ var K = ["aria-label", "onKeydown"], q = ["data-tooltip"], J = ["data-tooltip"],
 			key: 1,
 			disabled: c(y),
 			onInsert: c(O)
-		}, null, 8, ["disabled", "onInsert"])) : v("", !0)])) : v("", !0)])) : (e(), u("div", oe, [l("input", {
+		}, null, 8, ["disabled", "onInsert"])) : v("", !0)])) : v("", !0)])) : (e(), u("div", ce, [l("input", {
 			ref_key: "inputRef",
 			ref: a,
 			type: t.type,
@@ -439,10 +491,10 @@ var K = ["aria-label", "onKeydown"], q = ["data-tooltip"], J = ["data-tooltip"],
 			value: t.modelValue,
 			placeholder: t.placeholder,
 			onInput: r[0] ||= (...e) => c(S) && c(S)(...e),
-			onKeydown: k,
+			onKeydown: A,
 			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, {
+		}, null, 42, le), c(p) || c(_) ? (e(), u("div", ue, [c(p) ? (e(), h(Q, {
 			key: 0,
 			disabled: c(g),
 			onInsert: c(D)
@@ -452,6 +504,6 @@ var K = ["aria-label", "onKeydown"], q = ["data-tooltip"], J = ["data-tooltip"],
 			onInsert: c(O)
 		}, null, 8, ["disabled", "onInsert"])) : v("", !0)])) : v("", !0)]));
 	}
-}), [["__scopeId", "data-v-31b31866"]]);
+}), [["__scopeId", "data-v-fca026e4"]]);
 //#endregion
-export { G as a, Z as i, $ as n, R as o, Q as r, L as s, ue as t };
+export { G as a, Z as i, $ as n, R as o, Q as r, L as s, fe as t };