@templatical/editor 0.39.0 → 0.39.1

package/dist/MergeTagInput-Cw1RoMly.js

@@ -1,509 +0,0 @@
-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 } 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-CQM9pFca.js";
-import { p as P } from "./styleConstants-C_YAPdQS.js";
-import { n as F, r as I } from "./MergeTagSuggestion-BXO3UIXW.js";
-var L = k({
-	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 = k({
-	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) {
-	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: 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(() => {
-		x = !0, b.close();
-	});
-	function C(e) {
-		let t = e.value ?? "";
-		return z(t, e.selectionStart ?? t.length, p, m);
-	}
-	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), b.close(), t(() => {
-			if (x) return;
-			let e = i.value;
-			e?.focus(), e?.setSelectionRange(h, h);
-		});
-	}
-	function D() {
-		if (!h.value || x) return;
-		let e = i.value;
-		if (!e) {
-			b.close();
-			return;
-		}
-		let t = C(e);
-		if (!t) {
-			b.close();
-			return;
-		}
-		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
-		}) : b.open({
-			items: n,
-			getRect: r,
-			anchorEl: e,
-			onCommand: a
-		});
-	}
-	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: 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, 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(() => {
-		E = !0;
-	});
-	let D = W({
-		elementRef: a,
-		modelValue: r,
-		emit: i,
-		mergeTags: c,
-		syntax: h,
-		enabled: g,
-		onInsert: () => {
-			S.value = !0;
-		}
-	}), O = _(() => {
-		let e = r();
-		if (!e) return [];
-		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",
-				value: e.slice(a, o.index)
-			});
-			let n = o[0];
-			d(n) ? t.push({
-				type: "mergeTag",
-				value: n,
-				label: f(n)
-			}) : x(n, h) ? t.push({
-				type: "logicMergeTag",
-				value: n,
-				keyword: C(n, h)
-			}) : t.push({
-				type: "text",
-				value: n
-			}), a = o.index + n.length;
-		}
-		return a < e.length && t.push({
-			type: "text",
-			value: e.slice(a)
-		}), 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 j() {
-		w || (S.value = !1);
-	}
-	function M(e) {
-		i(e.target.value), D.refresh();
-	}
-	function P(e) {
-		return D.handleKeydown(e) ? (e.preventDefault(), !0) : (e.key === "Escape" && j(), !1);
-	}
-	function F() {
-		D.refresh();
-	}
-	function I() {
-		D.close(), j();
-	}
-	function L() {
-		i("");
-	}
-	async function R() {
-		let e = S.value && a.value ? a.value.selectionStart ?? r().length : r().length;
-		w = !0;
-		let n;
-		try {
-			n = await m();
-		} finally {
-			w = !1;
-		}
-		if (!E && n) {
-			let o = r().slice(0, e), s = r().slice(e), c = o + n.value + s;
-			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 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;
-		w = !0;
-		let s;
-		try {
-			s = await b();
-		} finally {
-			w = !1;
-		}
-		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), S.value = !0, t(() => {
-			E || (a.value?.focus(), a.value?.setSelectionRange(u, u));
-		});
-	}
-	return {
-		segments: O,
-		hasMergeTags: k,
-		canRequestMergeTag: l,
-		isRequestingMergeTag: u,
-		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"], q = [
-	"data-tooltip",
-	"aria-label",
-	"onClick"
-], J = ["data-tooltip"], Y = ["data-tooltip"], X = {
-	key: 3,
-	class: "tpl:text-sm tpl:text-[var(--tpl-text)]"
-}, ee = ["aria-label", "title"], te = ["aria-label", "title"], Z = /* @__PURE__ */ y({
-	__name: "MergeTagSegments",
-	props: {
-		segments: {},
-		displayClass: {},
-		pulse: { type: Boolean }
-	},
-	emits: [
-		"edit",
-		"clear",
-		"repick"
-	],
-	setup(t, { emit: n }) {
-		let r = n, { t: a, format: o } = D(), { canRepickMergeTag: s, showRawValue: f } = N();
-		function h() {
-			r("edit");
-		}
-		return (n, _) => (e(), u("div", {
-			role: "group",
-			"aria-label": c(a).mergeTag.fieldGroup,
-			class: m([t.displayClass, { "tpl-pulse-fill": t.pulse }]),
-			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));
-	}
-}), 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)]", Q = /* @__PURE__ */ y({
-	__name: "MergeTagInsertButton",
-	props: { disabled: { type: Boolean } },
-	emits: ["insert"],
-	setup(t) {
-		let { t: n } = D();
-		return (r, i) => (e(), u("button", {
-			type: "button",
-			class: m([re, "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")
-		}, [d(c(R), {
-			size: 12,
-			"stroke-width": 2
-		}), f(" " + p(c(n).mergeTag.insertShort), 1)], 42, ne));
-	}
-}), ie = [
-	"aria-label",
-	"title",
-	"disabled"
-], 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 } = D();
-		return (r, i) => (e(), u("button", {
-			type: "button",
-			class: m([ae, "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")
-		}, [d(c(L), {
-			size: 12,
-			"stroke-width": 2
-		}), f(" " + p(c(n).logicTag.insertShort), 1)], 42, ie));
-	}
-}), oe = { key: 0 }, se = {
-	key: 0,
-	class: "tpl:flex tpl:flex-wrap tpl:gap-1.5"
-}, ce = { key: 1 }, le = [
-	"type",
-	"value",
-	"placeholder"
-], ue = {
-	key: 0,
-	class: "tpl:flex tpl:flex-wrap tpl:gap-1.5"
-}, 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: {},
-		type: { default: "text" },
-		placeholder: { default: "" },
-		pulse: {
-			type: Boolean,
-			default: !1
-		}
-	},
-	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, replaceMergeTagAt: k } = G({
-			modelValue: () => r.modelValue,
-			emit: (e) => i("update:modelValue", e),
-			elementRef: a
-		});
-		function A(e) {
-			C(e) || i("keydown", e);
-		}
-		return (n, r) => c(f) && !c(b) ? (e(), u("div", oe, [d(Z, {
-			segments: c(o),
-			"display-class": de,
-			pulse: t.pulse,
-			onEdit: c(x),
-			onClear: c(E),
-			onRepick: c(k)
-		}, null, 8, [
-			"segments",
-			"pulse",
-			"onEdit",
-			"onClear",
-			"onRepick"
-		]), c(p) || c(_) ? (e(), u("div", se, [c(p) ? (e(), h(Q, {
-			key: 0,
-			disabled: c(g),
-			onInsert: c(D)
-		}, null, 8, ["disabled", "onInsert"])) : v("", !0), c(_) ? (e(), h($, {
-			key: 1,
-			disabled: c(y),
-			onInsert: c(O)
-		}, null, 8, ["disabled", "onInsert"])) : v("", !0)])) : v("", !0)])) : (e(), u("div", ce, [l("input", {
-			ref_key: "inputRef",
-			ref: a,
-			type: t.type,
-			class: m([c(P), { "tpl-pulse-fill": t.pulse }]),
-			value: t.modelValue,
-			placeholder: t.placeholder,
-			onInput: r[0] ||= (...e) => c(S) && c(S)(...e),
-			onKeydown: A,
-			onClick: r[1] ||= (...e) => c(w) && c(w)(...e),
-			onBlur: r[2] ||= (...e) => c(T) && c(T)(...e)
-		}, null, 42, le), c(p) || c(_) ? (e(), u("div", ue, [c(p) ? (e(), h(Q, {
-			key: 0,
-			disabled: c(g),
-			onInsert: c(D)
-		}, null, 8, ["disabled", "onInsert"])) : v("", !0), c(_) ? (e(), h($, {
-			key: 1,
-			disabled: c(y),
-			onInsert: c(O)
-		}, null, 8, ["disabled", "onInsert"])) : v("", !0)])) : v("", !0)]));
-	}
-}), [["__scopeId", "data-v-fca026e4"]]);
-//#endregion
-export { G as a, Z as i, $ as n, R as o, Q as r, L as s, fe as t };