@templatical/editor 0.39.0 → 0.39.2

package/dist/cdn/chunks/LogicTagInsertButton-DpyPozop.js

@@ -0,0 +1,1035 @@
+import { E as e, F as t, H as n, K as r, N as i, Q as a, S as o, Y as s, at as c, b as l, c as u, ct as d, d as f, f as p, g as m, h, k as g, l as _, lt as v, m as y, n as b, p as x, q as S, r as C, u as w, ut as T, w as E, y as D } from "./draggable-IB4x6w2O.js";
+import { a as O, c as k, d as ee, l as A } from "./src-Dwgq7hf4.js";
+import { t as te } from "./dist-CXB2_kBa.js";
+import { K as ne, Y as re, d as ie, q as j } from "./keys-dJbD1QPs.js";
+import { t as M } from "./useI18n-DTZ9sIcv.js";
+import { a as ae, i as oe, n as se, r as ce, t as le } from "./usePopoverPosition-gB9q-ql7.js";
+import { K as N, P as ue, Rt as P, n as F } from "./icons-BKkJ-5xF.js";
+import { t as I } from "./useMergeTag-BE8oDoha.js";
+import { t as L } from "./useLogicTag-E2V0Xdcb.js";
+import { u as de } from "./styleConstants-C_YAPdQS.js";
+//#region ../../node_modules/.pnpm/vanilla-colorful@0.7.2/node_modules/vanilla-colorful/lib/utils/math.js
+var R = (e, t = 0, n = 1) => e > n ? n : e < t ? t : e, z = (e, t = 0, n = 10 ** t) => Math.round(n * e) / n, B = (e) => he(V(e)), V = (e) => (e[0] === "#" && (e = e.substring(1)), e.length < 6 ? {
+	r: parseInt(e[0] + e[0], 16),
+	g: parseInt(e[1] + e[1], 16),
+	b: parseInt(e[2] + e[2], 16),
+	a: e.length === 4 ? z(parseInt(e[3] + e[3], 16) / 255, 2) : 1
+} : {
+	r: parseInt(e.substring(0, 2), 16),
+	g: parseInt(e.substring(2, 4), 16),
+	b: parseInt(e.substring(4, 6), 16),
+	a: e.length === 8 ? z(parseInt(e.substring(6, 8), 16) / 255, 2) : 1
+}), H = (e) => me(pe(e)), fe = ({ h: e, s: t, v: n, a: r }) => {
+	let i = (200 - t) * n / 100;
+	return {
+		h: z(e),
+		s: z(i > 0 && i < 200 ? t * n / 100 / (i <= 100 ? i : 200 - i) * 100 : 0),
+		l: z(i / 2),
+		a: z(r, 2)
+	};
+}, U = (e) => {
+	let { h: t, s: n, l: r } = fe(e);
+	return `hsl(${t}, ${n}%, ${r}%)`;
+}, pe = ({ h: e, s: t, v: n, a: r }) => {
+	e = e / 360 * 6, t /= 100, n /= 100;
+	let i = Math.floor(e), a = n * (1 - t), o = n * (1 - (e - i) * t), s = n * (1 - (1 - e + i) * t), c = i % 6;
+	return {
+		r: z([
+			n,
+			o,
+			a,
+			a,
+			s,
+			n
+		][c] * 255),
+		g: z([
+			s,
+			n,
+			n,
+			o,
+			a,
+			a
+		][c] * 255),
+		b: z([
+			a,
+			a,
+			s,
+			n,
+			n,
+			o
+		][c] * 255),
+		a: z(r, 2)
+	};
+}, W = (e) => {
+	let t = e.toString(16);
+	return t.length < 2 ? "0" + t : t;
+}, me = ({ r: e, g: t, b: n, a: r }) => {
+	let i = r < 1 ? W(z(r * 255)) : "";
+	return "#" + W(e) + W(t) + W(n) + i;
+}, he = ({ r: e, g: t, b: n, a: r }) => {
+	let i = Math.max(e, t, n), a = i - Math.min(e, t, n), o = a ? i === e ? (t - n) / a : i === t ? 2 + (n - e) / a : 4 + (e - t) / a : 0;
+	return {
+		h: z(60 * (o < 0 ? o + 6 : o)),
+		s: z(i ? a / i * 100 : 0),
+		v: z(i / 255 * 100),
+		a: r
+	};
+}, G = (e, t) => {
+	if (e === t) return !0;
+	for (let n in e) if (e[n] !== t[n]) return !1;
+	return !0;
+}, K = (e, t) => e.toLowerCase() === t.toLowerCase() || G(V(e), V(t)), q = {}, J = (e) => {
+	let t = q[e];
+	return t || (t = document.createElement("template"), t.innerHTML = e, q[e] = t), t;
+}, Y = (e, t, n) => {
+	e.dispatchEvent(new CustomEvent(t, {
+		bubbles: !0,
+		detail: n
+	}));
+}, X = !1, Z = (e) => "touches" in e, ge = (e) => X && !Z(e) ? !1 : (X ||= Z(e), !0), _e = (e, t) => {
+	let n = Z(t) ? t.touches[0] : t, r = e.el.getBoundingClientRect();
+	Y(e.el, "move", e.getMove({
+		x: R((n.pageX - (r.left + window.pageXOffset)) / r.width),
+		y: R((n.pageY - (r.top + window.pageYOffset)) / r.height)
+	}));
+}, ve = (e, t) => {
+	let n = t.keyCode;
+	n > 40 || e.xy && n < 37 || n < 33 || (t.preventDefault(), Y(e.el, "move", e.getMove({
+		x: n === 39 ? .01 : n === 37 ? -.01 : n === 34 ? .05 : n === 33 ? -.05 : n === 35 ? 1 : n === 36 ? -1 : 0,
+		y: n === 40 ? .01 : n === 38 ? -.01 : 0
+	}, !0)));
+}, ye = class {
+	constructor(e, t, n, r) {
+		let i = J(`<div role="slider" tabindex="0" part="${t}" ${n}><div part="${t}-pointer"></div></div>`);
+		e.appendChild(i.content.cloneNode(!0));
+		let a = e.querySelector(`[part=${t}]`);
+		a.addEventListener("mousedown", this), a.addEventListener("touchstart", this), a.addEventListener("keydown", this), this.el = a, this.xy = r, this.nodes = [a.firstChild, a];
+	}
+	set dragging(e) {
+		let t = e ? document.addEventListener : document.removeEventListener;
+		t(X ? "touchmove" : "mousemove", this), t(X ? "touchend" : "mouseup", this);
+	}
+	handleEvent(e) {
+		switch (e.type) {
+			case "mousedown":
+			case "touchstart":
+				if (e.preventDefault(), !ge(e) || !X && e.button != 0) return;
+				this.el.focus(), _e(this, e), this.dragging = !0;
+				break;
+			case "mousemove":
+			case "touchmove":
+				e.preventDefault(), _e(this, e);
+				break;
+			case "mouseup":
+			case "touchend":
+				this.dragging = !1;
+				break;
+			case "keydown": ve(this, e);
+		}
+	}
+	style(e) {
+		e.forEach((e, t) => {
+			for (let n in e) this.nodes[t].style.setProperty(n, e[n]);
+		});
+	}
+}, be = class extends ye {
+	constructor(e) {
+		super(e, "hue", "aria-label=\"Hue\" aria-valuemin=\"0\" aria-valuemax=\"360\"", !1);
+	}
+	update({ h: e }) {
+		this.h = e, this.style([{
+			left: `${e / 360 * 100}%`,
+			color: U({
+				h: e,
+				s: 100,
+				v: 100,
+				a: 1
+			})
+		}]), this.el.setAttribute("aria-valuenow", `${z(e)}`);
+	}
+	getMove(e, t) {
+		return { h: t ? R(this.h + e.x * 360, 0, 360) : 360 * e.x };
+	}
+}, xe = class extends ye {
+	constructor(e) {
+		super(e, "saturation", "aria-label=\"Color\"", !0);
+	}
+	update(e) {
+		this.hsva = e, this.style([{
+			top: `${100 - e.v}%`,
+			left: `${e.s}%`,
+			color: U(e)
+		}, { "background-color": U({
+			h: e.h,
+			s: 100,
+			v: 100,
+			a: 1
+		}) }]), this.el.setAttribute("aria-valuetext", `Saturation ${z(e.s)}%, Brightness ${z(e.v)}%`);
+	}
+	getMove(e, t) {
+		return {
+			s: t ? R(this.hsva.s + e.x * 100, 0, 100) : e.x * 100,
+			v: t ? R(this.hsva.v - e.y * 100, 0, 100) : Math.round(100 - e.y * 100)
+		};
+	}
+}, Se = ":host{display:flex;flex-direction:column;position:relative;width:200px;height:200px;user-select:none;-webkit-user-select:none;cursor:default}:host([hidden]){display:none!important}[role=slider]{position:relative;touch-action:none;user-select:none;-webkit-user-select:none;outline:0}[role=slider]:last-child{border-radius:0 0 8px 8px}[part$=pointer]{position:absolute;z-index:1;box-sizing:border-box;width:28px;height:28px;display:flex;place-content:center center;transform:translate(-50%,-50%);background-color:#fff;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.2)}[part$=pointer]::after{content:\"\";width:100%;height:100%;border-radius:inherit;background-color:currentColor}[role=slider]:focus [part$=pointer]{transform:translate(-50%,-50%) scale(1.1)}", Ce = "[part=hue]{flex:0 0 24px;background:linear-gradient(to right,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%)}[part=hue-pointer]{top:50%;z-index:2}", we = "[part=saturation]{flex-grow:1;border-color:transparent;border-bottom:12px solid #000;border-radius:8px 8px 0 0;background-image:linear-gradient(to top,#000,transparent),linear-gradient(to right,#fff,rgba(255,255,255,0));box-shadow:inset 0 0 0 1px rgba(0,0,0,.05)}[part=saturation-pointer]{z-index:3}", Q = Symbol("same"), $ = Symbol("color"), Te = Symbol("hsva"), Ee = Symbol("update"), De = Symbol("parts"), Oe = Symbol("css"), ke = Symbol("sliders"), Ae = class extends HTMLElement {
+	static get observedAttributes() {
+		return ["color"];
+	}
+	get [Oe]() {
+		return [
+			Se,
+			Ce,
+			we
+		];
+	}
+	get [ke]() {
+		return [xe, be];
+	}
+	get color() {
+		return this[$];
+	}
+	set color(e) {
+		if (!this[Q](e)) {
+			let t = this.colorModel.toHsva(e);
+			this[Ee](t), this[$] = e;
+		}
+	}
+	constructor() {
+		super();
+		let e = J(`<style>${this[Oe].join("")}</style>`), t = this.attachShadow({ mode: "open" });
+		t.appendChild(e.content.cloneNode(!0)), t.addEventListener("move", this), this[De] = this[ke].map((e) => new e(t));
+	}
+	connectedCallback() {
+		if (this.hasOwnProperty("color")) {
+			let e = this.color;
+			delete this.color, this.color = e;
+		} else this.color ||= this.colorModel.defaultColor;
+	}
+	attributeChangedCallback(e, t, n) {
+		let r = this.colorModel.fromAttr(n);
+		this[Q](r) || (this.color = r);
+	}
+	handleEvent(e) {
+		let t = this[Te], n = {
+			...t,
+			...e.detail
+		};
+		this[Ee](n);
+		let r;
+		!G(n, t) && !this[Q](r = this.colorModel.fromHsva(n)) && (this[$] = r, Y(this, "color-changed", { value: r }));
+	}
+	[Q](e) {
+		return this.color && this.colorModel.equal(e, this.color);
+	}
+	[Ee](e) {
+		this[Te] = e, this[De].forEach((t) => t.update(e));
+	}
+}, je = {
+	defaultColor: "#000",
+	toHsva: B,
+	fromHsva: ({ h: e, s: t, v: n }) => H({
+		h: e,
+		s: t,
+		v: n,
+		a: 1
+	}),
+	equal: K,
+	fromAttr: (e) => e
+}, Me = class extends Ae {
+	get colorModel() {
+		return je;
+	}
+};
+customElements.define("hex-color-picker", class extends Me {});
+//#endregion
+//#region src/components/ColorPicker.vue?vue&type=script&setup=true&lang.ts
+var Ne = [
+	"disabled",
+	"aria-label",
+	"title",
+	"aria-expanded"
+], Pe = {
+	key: 0,
+	class: "tpl:relative tpl:flex-1"
+}, Fe = [
+	"value",
+	"placeholder",
+	"disabled",
+	"aria-label"
+], Ie = ["aria-label", "title"], Le = ["data-tpl-theme"], Re = ["aria-label"], ze = [
+	"aria-label",
+	"title",
+	"aria-checked",
+	"tabindex"
+], Be = [
+	"aria-label",
+	"title",
+	"aria-checked",
+	"tabindex",
+	"onClick"
+], Ve = ["color", "aria-label"], He = {
+	key: 2,
+	class: "tpl:relative tpl:mt-2"
+}, Ue = [
+	"value",
+	"placeholder",
+	"disabled",
+	"aria-label"
+], We = ["aria-label", "title"], Ge = /* @__PURE__ */ o({
+	__name: "ColorPicker",
+	props: {
+		modelValue: {},
+		placeholder: { default: "" },
+		seedColor: { default: "#ffffff" },
+		swatchOnly: {
+			type: Boolean,
+			default: !1
+		},
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		size: { default: "md" },
+		ariaLabel: { default: "" },
+		presets: { default: void 0 },
+		allowCustom: {
+			type: Boolean,
+			default: void 0
+		}
+	},
+	emits: ["update:modelValue"],
+	setup(r, { emit: o }) {
+		let s = r, g = o, { t: S } = M(), C = a(!1), T = a(), E = a(), D = a(!1);
+		te(T, () => {
+			C.value = !1;
+		}, { ignore: [E] });
+		let O = p(() => !s.modelValue), k = p(() => oe(s.modelValue)), ee = p(() => oe(s.modelValue || s.seedColor)), A = p(() => !s.disabled && !O.value), j = e(ie, ae), N = p(() => [...new Set(s.presets ?? j.presets)]), ue = p(() => s.allowCustom ?? j.allowCustom), P = p(() => N.value.length > 0), I = p(() => ue.value || !P.value), L = p(() => ce(s.modelValue));
+		function R(e) {
+			return L.value !== "" && ce(e) === L.value;
+		}
+		function z(e) {
+			g("update:modelValue", e);
+		}
+		let B = p(() => P.value && !I.value);
+		function V(e) {
+			return B.value ? e + 1 : e;
+		}
+		let H = p(() => {
+			if (B.value && O.value) return 0;
+			let e = N.value.findIndex((e) => R(e));
+			return e === -1 ? 0 : V(e);
+		});
+		function fe() {
+			return H.value === 0 ? 0 : -1;
+		}
+		function U(e) {
+			return V(e) === H.value ? 0 : -1;
+		}
+		function pe(e) {
+			if (![
+				"ArrowRight",
+				"ArrowDown",
+				"ArrowLeft",
+				"ArrowUp"
+			].includes(e.key)) return;
+			let t = Array.from(e.currentTarget.querySelectorAll("[role=\"radio\"]")), n = e.target.closest("[role=\"radio\"]"), r = n ? t.indexOf(n) : -1;
+			r !== -1 && (t[(r + (e.key === "ArrowRight" || e.key === "ArrowDown" ? 1 : -1) + t.length) % t.length]?.focus(), e.preventDefault());
+		}
+		function W(e) {
+			D.value = !0, g("update:modelValue", e.detail.value);
+		}
+		function me() {
+			D.value = !1;
+		}
+		function he() {
+			!D.value && O.value && g("update:modelValue", ee.value);
+		}
+		function G(e) {
+			g("update:modelValue", e.target.value);
+		}
+		function K() {
+			g("update:modelValue", "");
+		}
+		let q = se(), { toLocal: J } = le(), Y = e(ne, null), X = e(re, null), Z = a({
+			top: 0,
+			left: 0
+		});
+		function ge() {
+			if (!s.disabled) {
+				if (!C.value) {
+					let e = E.value?.getBoundingClientRect();
+					if (e) {
+						let t = e.bottom + 8 + 240 <= window.innerHeight ? e.bottom + 8 : Math.max(8, e.top - 240 - 8);
+						Z.value = J({
+							top: t,
+							left: e.left
+						});
+					}
+				}
+				C.value = !C.value;
+			}
+		}
+		return (e, a) => (i(), m("div", { class: d(["tpl:flex tpl:items-center tpl:gap-2 tpl:relative", r.disabled && "tpl:opacity-60 tpl:cursor-not-allowed"]) }, [
+			x("button", {
+				ref_key: "swatchRef",
+				ref: E,
+				type: "button",
+				disabled: r.disabled,
+				"aria-label": r.ariaLabel || c(S).colorPicker.pickColor,
+				title: r.ariaLabel || void 0,
+				"aria-expanded": C.value,
+				class: d([
+					"tpl:shrink-0 tpl:rounded-[var(--tpl-radius-sm)] tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:p-0.5 tpl:transition-all tpl:duration-[120ms] tpl:ease-[cubic-bezier(0.16,1,0.3,1)]",
+					r.disabled ? "tpl:cursor-not-allowed" : "tpl:cursor-pointer",
+					C.value ? "tpl:border-[var(--tpl-primary)] tpl:shadow-[var(--tpl-ring)]" : !r.disabled && "tpl:hover:border-[var(--tpl-text-dim)]",
+					r.size === "sm" ? "tpl:size-8" : "tpl:size-10"
+				]),
+				onClick: ge
+			}, [x("span", {
+				class: d(["tpl:block tpl:size-full tpl:rounded-[calc(var(--tpl-radius-sm)-2px)]", { "tpl-color-swatch-empty": O.value }]),
+				style: v(O.value ? void 0 : { backgroundColor: k.value })
+			}, null, 6)], 10, Ne),
+			!r.swatchOnly && I.value ? (i(), m("div", Pe, [x("input", {
+				type: "text",
+				class: d([c(de), "tpl:w-full"]),
+				style: v(A.value ? { paddingRight: "2.25rem" } : void 0),
+				value: k.value,
+				placeholder: r.placeholder || c(S).colorPicker.notSet,
+				disabled: r.disabled,
+				"aria-label": c(S).colorPicker.hexValue,
+				onInput: G
+			}, null, 46, Fe), A.value ? (i(), m("button", {
+				key: 0,
+				type: "button",
+				"aria-label": c(S).colorPicker.clear,
+				title: c(S).colorPicker.clear,
+				class: "tpl:absolute tpl:right-2 tpl:top-1/2 tpl:flex tpl:size-6 tpl:-translate-y-1/2 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded-[var(--tpl-radius-sm)] tpl:text-[var(--tpl-text-dim)] tpl:transition-colors tpl:duration-[120ms] tpl:ease-[cubic-bezier(0.16,1,0.3,1)] tpl:hover:bg-[var(--tpl-bg-hover)] tpl:hover:text-[var(--tpl-text)]",
+				onClick: K
+			}, [l(c(F), {
+				size: 14,
+				"stroke-width": 1.5
+			})], 8, Ie)) : h("", !0)])) : h("", !0),
+			(i(), y(f, {
+				to: c(q),
+				disabled: !c(q)
+			}, [l(b, {
+				"enter-active-class": "tpl:transition-all tpl:duration-[120ms] tpl:ease-[cubic-bezier(0.16,1,0.3,1)]",
+				"enter-from-class": "tpl:opacity-0 tpl:scale-95 tpl:translate-y-1",
+				"enter-to-class": "tpl:opacity-100 tpl:scale-100 tpl:translate-y-0",
+				"leave-active-class": "tpl:transition-all tpl:duration-[80ms] tpl:ease-[cubic-bezier(0.16,1,0.3,1)]",
+				"leave-from-class": "tpl:opacity-100 tpl:scale-100 tpl:translate-y-0",
+				"leave-to-class": "tpl:opacity-0 tpl:scale-95 tpl:translate-y-1"
+			}, {
+				default: n(() => [C.value ? (i(), m("div", {
+					key: 0,
+					ref_key: "popoverRef",
+					ref: T,
+					"data-tpl-theme": c(X),
+					class: "tpl-color-popover tpl:absolute tpl:rounded-[var(--tpl-radius)] tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:p-3 tpl:shadow-[var(--tpl-shadow-lg)]",
+					style: v({
+						top: `${Z.value.top}px`,
+						left: `${Z.value.left}px`,
+						...c(Y)
+					})
+				}, [
+					P.value ? (i(), m("div", {
+						key: 0,
+						role: "radiogroup",
+						"aria-label": c(S).colorPicker.presetColors,
+						class: d(["tpl:flex tpl:flex-wrap tpl:gap-1.5", I.value && "tpl:mb-2"]),
+						onKeydown: pe
+					}, [B.value ? (i(), m("button", {
+						key: 0,
+						type: "button",
+						role: "radio",
+						"aria-label": c(S).colorPicker.clear,
+						title: c(S).colorPicker.clear,
+						"aria-checked": O.value,
+						tabindex: fe(),
+						class: d(["tpl-color-swatch-empty tpl:size-6 tpl:shrink-0 tpl:cursor-pointer tpl:rounded-[var(--tpl-radius-sm)] tpl:border tpl:border-[var(--tpl-border)] tpl:outline-none tpl:transition-all tpl:duration-[120ms] tpl:ease-[cubic-bezier(0.16,1,0.3,1)] tpl:focus-visible:ring-2 tpl:focus-visible:ring-[var(--tpl-primary)] tpl:focus-visible:ring-offset-1 tpl:focus-visible:ring-offset-[var(--tpl-bg-elevated)]", O.value ? "tpl:ring-2 tpl:ring-[var(--tpl-primary)] tpl:ring-offset-1 tpl:ring-offset-[var(--tpl-bg-elevated)]" : "tpl:hover:border-[var(--tpl-text-dim)]"]),
+						onClick: K
+					}, null, 10, ze)) : h("", !0), (i(!0), m(w, null, t(N.value, (e, t) => (i(), m("button", {
+						key: e,
+						type: "button",
+						role: "radio",
+						"aria-label": e,
+						title: e,
+						"aria-checked": R(e),
+						tabindex: U(t),
+						style: v({ backgroundColor: e }),
+						class: d(["tpl:size-6 tpl:shrink-0 tpl:cursor-pointer tpl:rounded-[var(--tpl-radius-sm)] tpl:border tpl:border-[var(--tpl-border)] tpl:outline-none tpl:transition-all tpl:duration-[120ms] tpl:ease-[cubic-bezier(0.16,1,0.3,1)] tpl:focus-visible:ring-2 tpl:focus-visible:ring-[var(--tpl-primary)] tpl:focus-visible:ring-offset-1 tpl:focus-visible:ring-offset-[var(--tpl-bg-elevated)]", R(e) ? "tpl:ring-2 tpl:ring-[var(--tpl-primary)] tpl:ring-offset-1 tpl:ring-offset-[var(--tpl-bg-elevated)]" : "tpl:hover:border-[var(--tpl-text-dim)]"]),
+						onClick: (t) => z(e)
+					}, null, 14, Be))), 128))], 42, Re)) : h("", !0),
+					I.value ? (i(), m("hex-color-picker", {
+						key: 1,
+						color: ee.value,
+						"aria-label": c(S).colorPicker.pickColor,
+						onColorChanged: W,
+						onPointerdown: me,
+						onPointerup: he,
+						onKeydown: a[0] ||= u((e) => C.value = !1, ["escape"])
+					}, null, 40, Ve)) : h("", !0),
+					r.swatchOnly && I.value ? (i(), m("div", He, [x("input", {
+						type: "text",
+						class: d([c(de), "tpl:w-full"]),
+						style: v(A.value ? { paddingRight: "2.25rem" } : void 0),
+						value: k.value,
+						placeholder: r.placeholder || c(S).colorPicker.notSet,
+						disabled: r.disabled,
+						"aria-label": c(S).colorPicker.hexValue,
+						onChange: G,
+						onKeydown: a[1] ||= u(_((e) => e.target.blur(), ["prevent"]), ["enter"])
+					}, null, 46, Ue), A.value ? (i(), m("button", {
+						key: 0,
+						type: "button",
+						"aria-label": c(S).colorPicker.clear,
+						title: c(S).colorPicker.clear,
+						class: "tpl:absolute tpl:right-2 tpl:top-1/2 tpl:flex tpl:size-6 tpl:-translate-y-1/2 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded-[var(--tpl-radius-sm)] tpl:text-[var(--tpl-text-dim)] tpl:transition-colors tpl:duration-[120ms] tpl:ease-[cubic-bezier(0.16,1,0.3,1)] tpl:hover:bg-[var(--tpl-bg-hover)] tpl:hover:text-[var(--tpl-text)]",
+						onClick: K
+					}, [l(c(F), {
+						size: 14,
+						"stroke-width": 1.5
+					})], 8, We)) : h("", !0)])) : h("", !0)
+				], 12, Le)) : h("", !0)]),
+				_: 1
+			})], 8, ["to", "disabled"]))
+		], 2));
+	}
+}), Ke = ["id"], qe = {
+	key: 0,
+	class: "tpl:px-3 tpl:py-2 tpl:text-xs tpl:text-[var(--tpl-text-dim)]",
+	"data-testid": "merge-tag-suggestion-empty"
+}, Je = [
+	"id",
+	"aria-selected",
+	"data-selected",
+	"data-merge-tag-value",
+	"onMousedown",
+	"onMousemove"
+], Ye = { class: "tpl:font-medium" }, Xe = { class: "tpl:text-[var(--tpl-text-dim)] tpl:font-mono" }, Ze = /* @__PURE__ */ o({
+	__name: "MergeTagSuggestionList",
+	props: {
+		items: {},
+		selectedIndex: {},
+		emptyText: {},
+		listId: {}
+	},
+	emits: ["select", "hover"],
+	setup(e) {
+		let n = e;
+		function r(e) {
+			return n.listId ? `${n.listId}-opt-${e}` : void 0;
+		}
+		return (n, a) => (i(), m("div", {
+			id: e.listId,
+			class: "tpl:min-w-[200px] tpl:max-w-[320px] tpl:max-h-[50vh] tpl:overflow-y-auto tpl:rounded-[var(--tpl-radius)] tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:py-1 tpl:shadow-[var(--tpl-shadow-lg)]",
+			role: "listbox",
+			"data-testid": "merge-tag-suggestion-list"
+		}, [e.items.length === 0 ? (i(), m("div", qe, T(e.emptyText), 1)) : h("", !0), (i(!0), m(w, null, t(e.items, (t, a) => (i(), m("button", {
+			key: t.value,
+			id: r(a),
+			type: "button",
+			role: "option",
+			"aria-selected": a === e.selectedIndex,
+			"data-selected": a === e.selectedIndex ? "true" : "false",
+			"data-merge-tag-value": t.value,
+			class: d(["tpl:flex tpl:w-full tpl:flex-col tpl:items-start tpl:gap-0.5 tpl:px-3 tpl:py-1.5 tpl:text-left tpl:text-xs tpl:transition-colors", a === e.selectedIndex ? "tpl:bg-[var(--tpl-primary-light)] tpl:text-[var(--tpl-primary)]" : "tpl:text-[var(--tpl-text)] tpl:hover:bg-[var(--tpl-bg-hover)]"]),
+			onMousedown: _((e) => n.$emit("select", t), ["prevent", "stop"]),
+			onMousemove: (t) => a !== e.selectedIndex && n.$emit("hover", a)
+		}, [x("span", Ye, T(t.label), 1), x("span", Xe, T(t.value), 1)], 42, Je))), 128))], 8, Ke));
+	}
+}), Qe = 10, $e = 0;
+function et(e, t) {
+	let n = t.trim().toLowerCase();
+	return n === "" ? e.slice(0, Qe) : e.filter((e) => {
+		let t = e.label.toLowerCase(), r = e.value.toLowerCase();
+		return t.includes(n) || r.includes(n);
+	}).slice(0, Qe);
+}
+function tt(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 nt(e, t) {
+	let n = null, r = null, i = null, o = a([]), s = a(0), c = null, l = `tpl-merge-tag-suggestion-${++$e}`, u = null, d = [], f = null;
+	function p() {
+		v(u?.() ?? null);
+	}
+	function m() {
+		p(), f !== null && cancelAnimationFrame(f), f = requestAnimationFrame(() => {
+			f = null, p();
+		});
+	}
+	function h(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 g(e) {
+		d = [window, ...h(e)];
+		for (let e of d) e.addEventListener("scroll", p, {
+			passive: !0,
+			capture: !0
+		});
+		window.addEventListener("resize", p, { passive: !0 });
+	}
+	function _() {
+		for (let e of d) e.removeEventListener("scroll", p, { capture: !0 });
+		window.removeEventListener("resize", p), d = [];
+	}
+	function v(e) {
+		if (!r || !e || e.bottom < 0 || e.top > window.innerHeight) return;
+		r.style.position = "absolute", r.style.zIndex = "9999";
+		let t = r.offsetParent?.getBoundingClientRect(), n = t?.top ?? 0;
+		r.style.left = `${e.left - (t?.left ?? 0)}px`, r.style.top = `${e.bottom - n}px`;
+		let i = r.offsetHeight;
+		if (i !== 0 && window.innerHeight - e.bottom < i) {
+			let t = Math.max(0, e.top - i);
+			r.style.top = `${t - n}px`;
+		}
+	}
+	function y(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 b(e) {
+		i && (e ? (i.setAttribute("role", "combobox"), i.setAttribute("aria-haspopup", "listbox"), i.setAttribute("aria-expanded", "true"), i.setAttribute("aria-controls", l)) : (i.removeAttribute("aria-expanded"), i.removeAttribute("aria-controls"), i.removeAttribute("aria-activedescendant"), i.removeAttribute("aria-haspopup"), i.removeAttribute("role")));
+	}
+	function x() {
+		if (i) {
+			if (o.value.length === 0) {
+				i.removeAttribute("aria-activedescendant");
+				return;
+			}
+			i.setAttribute("aria-activedescendant", `${l}-opt-${s.value}`);
+		}
+	}
+	function S(e) {
+		c?.(e);
+	}
+	return {
+		open: ({ items: a, getRect: d, anchorEl: f, onCommand: p }) => {
+			o.value = a, s.value = 0, c = p, r = document.createElement("div"), r.setAttribute("data-testid", "merge-tag-suggestion-popup"), i = f, y(r, f), (t?.value ?? document.body).appendChild(r), n = C({ render() {
+				return E(Ze, {
+					items: o.value,
+					selectedIndex: s.value,
+					emptyText: e,
+					listId: l,
+					onSelect: (e) => S(e),
+					onHover: (e) => {
+						s.value = e, x();
+					}
+				});
+			} }), n.mount(r), b(!0), x(), u = d, m(), g(f);
+		},
+		update: ({ items: e, getRect: t, onCommand: n }) => {
+			o.value = e, s.value >= e.length && (s.value = 0), c = n, x(), u = t, m();
+		},
+		handleKeyDown: (e) => {
+			let t = tt(e, o.value, s, S);
+			return t && x(), t;
+		},
+		close: () => {
+			r !== null && (f !== null && (cancelAnimationFrame(f), f = null), _(), b(!1), n?.unmount(), r.remove(), n = null, r = null, i = null, c = null, u = null);
+		},
+		isOpen: () => r !== null
+	};
+}
+//#endregion
+//#region src/utils/mergeTagTrigger.ts
+function rt(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 it = /* @__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 at(e, t, n) {
+	return {
+		left: e,
+		top: t,
+		bottom: n,
+		right: e,
+		width: 0,
+		height: n - t,
+		x: e,
+		y: t,
+		toJSON: () => ({})
+	};
+}
+function ot(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 it) 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 at(y, h.top, h.bottom);
+	let b = h.top + p + g - e.scrollTop;
+	return at(y, b, b + v);
+}
+//#endregion
+//#region src/composables/useMergeTagAutocomplete.ts
+var st = /* @__PURE__ */ new Set([
+	"ArrowLeft",
+	"ArrowRight",
+	"Home",
+	"End"
+]);
+function ct(t) {
+	let { elementRef: n, modelValue: i, emit: a, mergeTags: o, syntax: c, enabled: l, onInsert: u } = t, d = A(c), f = k(c), m = p(() => l && d !== null && o.value.length > 0), h = e(j, null), _ = nt((S(h) ? h.value : h)?.mergeTag?.suggestionEmpty ?? "No matching merge tags", se()), v = !1;
+	r() && s(() => {
+		v = !0, _.close();
+	});
+	function y(e) {
+		let t = e.value ?? "";
+		return rt(t, e.selectionStart ?? t.length, d, f);
+	}
+	function b(e, t, r) {
+		let o = e.value ?? i(), s = o.slice(t.caret), c = f && s.startsWith(f) ? f.length : 0, l = o.slice(0, t.triggerStart), d = o.slice(t.caret + c), p = l + r.value + d, m = l.length + r.value.length;
+		u?.(), a(p), _.close(), g(() => {
+			if (v) return;
+			let e = n.value;
+			e?.focus(), e?.setSelectionRange(m, m);
+		});
+	}
+	function x() {
+		if (!m.value || v) return;
+		let e = n.value;
+		if (!e) {
+			_.close();
+			return;
+		}
+		let t = y(e);
+		if (!t) {
+			_.close();
+			return;
+		}
+		let r = et(o.value, t.query), i = () => ot(e, t.triggerStart), a = (n) => b(e, t, n);
+		_.isOpen() ? _.update({
+			items: r,
+			getRect: i,
+			onCommand: a
+		}) : _.open({
+			items: r,
+			getRect: i,
+			anchorEl: e,
+			onCommand: a
+		});
+	}
+	function C(e) {
+		return _.isOpen() ? e.key === "Escape" ? (_.close(), !0) : st.has(e.key) ? (_.close(), !1) : _.handleKeyDown(e) : !1;
+	}
+	return {
+		available: m,
+		refresh: x,
+		handleKeydown: C,
+		close: () => _.close(),
+		isOpen: () => _.isOpen()
+	};
+}
+//#endregion
+//#region src/composables/useMergeTagField.ts
+function lt(e) {
+	let { modelValue: t, emit: n, elementRef: i } = e, { mergeTags: o, canRequestMergeTag: c, isRequesting: l, isMergeTagValue: u, getMergeTagDisplayLabel: d, findMergeTag: f, requestMergeTag: m, syntax: h, autocomplete: _ } = I(), { canInsertLogicTag: v, isRequesting: y, requestLogicTag: b } = L(), x = a(!1), S = !1, C = !1;
+	r() && s(() => {
+		C = !0;
+	});
+	let w = ct({
+		elementRef: i,
+		modelValue: t,
+		emit: n,
+		mergeTags: o,
+		syntax: h,
+		enabled: _,
+		onInsert: () => {
+			x.value = !0;
+		}
+	}), T = p(() => {
+		let e = t();
+		if (!e) return [];
+		let n = [], r = `(${h.value.source}|${h.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)
+			}) : ee(t, h) ? n.push({
+				type: "logicMergeTag",
+				value: t,
+				keyword: O(t, h)
+			}) : n.push({
+				type: "text",
+				value: t
+			}), a = o.index + t.length;
+		}
+		return a < e.length && n.push({
+			type: "text",
+			value: e.slice(a)
+		}), n;
+	}), E = p(() => T.value.some((e) => e.type === "mergeTag" || e.type === "logicMergeTag"));
+	function D() {
+		x.value = !0, g(() => {
+			i.value?.focus();
+			let e = t()?.length || 0;
+			i.value?.setSelectionRange(e, e);
+		});
+	}
+	function k() {
+		S || (x.value = !1);
+	}
+	function A(e) {
+		n(e.target.value), w.refresh();
+	}
+	function te(e) {
+		return w.handleKeydown(e) ? (e.preventDefault(), !0) : (e.key === "Escape" && k(), !1);
+	}
+	function ne() {
+		w.refresh();
+	}
+	function re() {
+		w.close(), k();
+	}
+	function ie() {
+		n("");
+	}
+	async function j() {
+		let e = x.value && i.value ? i.value.selectionStart ?? t().length : t().length;
+		S = !0;
+		let r;
+		try {
+			r = await m();
+		} finally {
+			S = !1;
+		}
+		if (!C && r) {
+			let a = t().slice(0, e), o = t().slice(e), s = a + r.value + o;
+			n(s), x.value = !0, g(() => {
+				if (C) return;
+				let t = e + r.value.length;
+				i.value?.focus(), i.value?.setSelectionRange(t, t);
+			});
+		}
+	}
+	async function M(e) {
+		let t = T.value, r = t[e];
+		if (r?.type !== "mergeTag") return;
+		S = !0;
+		let i;
+		try {
+			i = await m({
+				reason: "edit",
+				current: f(r.value)
+			});
+		} finally {
+			S = !1;
+		}
+		!C && i && n(t.map((t, n) => n === e ? i.value : t.value).join(""));
+	}
+	async function ae() {
+		let e = i.value, r = e?.selectionStart ?? t().length, a = e?.selectionEnd ?? r;
+		S = !0;
+		let o;
+		try {
+			o = await b();
+		} finally {
+			S = !1;
+		}
+		if (C || !o) return;
+		let s = t(), c, l;
+		"before" in o ? (c = s.slice(0, r) + o.before + s.slice(r, a) + o.after + s.slice(a), l = r + o.before.length + (a - r)) : (c = s.slice(0, r) + o.value + s.slice(r), l = r + o.value.length), n(c), x.value = !0, g(() => {
+			C || (i.value?.focus(), i.value?.setSelectionRange(l, l));
+		});
+	}
+	return {
+		segments: T,
+		hasMergeTags: E,
+		canRequestMergeTag: c,
+		isRequestingMergeTag: l,
+		canInsertLogicTag: v,
+		isRequestingLogicTag: y,
+		isEditing: x,
+		startEditing: D,
+		stopEditing: k,
+		handleInput: A,
+		handleKeydown: te,
+		handleClick: ne,
+		handleBlur: re,
+		clearValue: ie,
+		insertMergeTag: j,
+		replaceMergeTagAt: M,
+		insertLogicTag: ae,
+		autocompleteAvailable: w.available
+	};
+}
+//#endregion
+//#region src/components/MergeTagSegments.vue?vue&type=script&setup=true&lang.ts
+var ut = ["aria-label"], dt = [
+	"data-tooltip",
+	"aria-label",
+	"onClick"
+], ft = ["data-tooltip"], pt = ["data-tooltip"], mt = {
+	key: 3,
+	class: "tpl:text-sm tpl:text-[var(--tpl-text)]"
+}, ht = ["aria-label", "title"], gt = ["aria-label", "title"], _t = /* @__PURE__ */ o({
+	__name: "MergeTagSegments",
+	props: {
+		segments: {},
+		displayClass: {},
+		pulse: { type: Boolean }
+	},
+	emits: [
+		"edit",
+		"clear",
+		"repick"
+	],
+	setup(e, { emit: n }) {
+		let r = n, { t: a, format: o } = M(), { canRepickMergeTag: s, showRawValue: u } = I();
+		function f() {
+			r("edit");
+		}
+		return (n, p) => (i(), m("div", {
+			role: "group",
+			"aria-label": c(a).mergeTag.fieldGroup,
+			class: d([e.displayClass, { "tpl-pulse-fill": e.pulse }]),
+			onClick: f
+		}, [
+			(i(!0), m(w, null, t(e.segments, (e, t) => (i(), m(w, { key: `${e.type}-${t}-${e.value}` }, [e.type === "mergeTag" && c(s)(e.value) ? (i(), m("button", {
+				key: 0,
+				type: "button",
+				class: d(["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(u) ? "tpl-tooltip" : ""]),
+				"data-tooltip": c(u) ? e.value : void 0,
+				"aria-label": c(o)(c(a).mergeTag.changeTag, { label: e.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: _((e) => r("repick", t), ["stop"])
+			}, T(e.label), 11, dt)) : e.type === "mergeTag" ? (i(), m("span", {
+				key: 1,
+				class: d(["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(u) ? "tpl-tooltip" : ""]),
+				"data-tooltip": c(u) ? e.value : void 0,
+				style: {
+					"background-color": "color-mix(\n            in srgb,\n            var(--tpl-primary) 20%,\n            transparent\n          )",
+					color: "var(--tpl-primary)"
+				}
+			}, T(e.label), 11, ft)) : e.type === "logicMergeTag" ? (i(), m("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": e.value,
+				style: {
+					"background-color": "transparent",
+					border: "1.5px solid\n            color-mix(in srgb, var(--tpl-primary) 50%, transparent)",
+					color: "var(--tpl-primary)"
+				}
+			}, T(e.keyword), 9, pt)) : (i(), m("span", mt, T(e.value), 1))], 64))), 128)),
+			x("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: _(f, ["stop"])
+			}, [l(c(N), {
+				size: 12,
+				"stroke-width": 2
+			})], 8, ht),
+			x("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: p[0] ||= _((e) => r("clear"), ["stop"])
+			}, [l(c(F), {
+				size: 12,
+				"stroke-width": 2.5
+			})], 8, gt)
+		], 10, ut));
+	}
+}), vt = [
+	"aria-label",
+	"title",
+	"disabled"
+], yt = "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)]", bt = /* @__PURE__ */ o({
+	__name: "MergeTagInsertButton",
+	props: { disabled: { type: Boolean } },
+	emits: ["insert"],
+	setup(e) {
+		let { t } = M();
+		return (n, r) => (i(), m("button", {
+			type: "button",
+			class: d([yt, "tpl:mt-1.5"]),
+			"aria-label": c(t).mergeTag.insert,
+			title: c(t).mergeTag.insert,
+			disabled: e.disabled,
+			onMousedown: r[0] ||= _(() => {}, ["prevent"]),
+			onClick: r[1] ||= (e) => n.$emit("insert")
+		}, [l(c(ue), {
+			size: 12,
+			"stroke-width": 2
+		}), D(" " + T(c(t).mergeTag.insertShort), 1)], 42, vt));
+	}
+}), xt = [
+	"aria-label",
+	"title",
+	"disabled"
+], St = "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)]", Ct = /* @__PURE__ */ o({
+	__name: "LogicTagInsertButton",
+	props: { disabled: { type: Boolean } },
+	emits: ["insert"],
+	setup(e) {
+		let { t } = M();
+		return (n, r) => (i(), m("button", {
+			type: "button",
+			class: d([St, "tpl:mt-1.5"]),
+			"aria-label": c(t).logicTag.insert,
+			title: c(t).logicTag.insert,
+			disabled: e.disabled,
+			"data-testid": "field-insert-logic-button",
+			onMousedown: r[0] ||= _(() => {}, ["prevent"]),
+			onClick: r[1] ||= (e) => n.$emit("insert")
+		}, [l(c(P), {
+			size: 12,
+			"stroke-width": 2
+		}), D(" " + T(c(t).logicTag.insertShort), 1)], 42, xt));
+	}
+});
+//#endregion
+export { nt as a, Ge as c, lt as i, bt as n, et as o, _t as r, tt as s, Ct as t };
+
+//# sourceMappingURL=LogicTagInsertButton-DpyPozop.js.map