@templatical/editor 0.38.0 → 0.39.1

package/dist/MergeTagInput-BEjzj4Iu.js

@@ -1,457 +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, 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-DlvOBW_B.js";
-import { p as P } from "./styleConstants-C_YAPdQS.js";
-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) {
-	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 = 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, p, m);
-	}
-	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 = i.value;
-			e?.focus(), e?.setSelectionRange(h, h);
-		});
-	}
-	function w() {
-		if (!h || b) return;
-		let e = i.value;
-		if (!e) {
-			y.close();
-			return;
-		}
-		let t = x(e);
-		if (!t) {
-			y.close();
-			return;
-		}
-		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: a
-		}) : y.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;
-	}
-	return {
-		available: h,
-		refresh: w,
-		handleKeydown: E,
-		close: () => y.close(),
-		isOpen: () => y.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;
-	o() && n(() => {
-		C = !0;
-	});
-	let T = W({
-		elementRef: a,
-		modelValue: r,
-		emit: i,
-		mergeTags: c,
-		syntax: m,
-		enabled: h,
-		onInsert: () => {
-			b.value = !0;
-		}
-	}), D = _(() => {
-		let e = r();
-		if (!e) return [];
-		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 && 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)
-			}) : S(n, m) ? t.push({
-				type: "logicMergeTag",
-				value: n,
-				keyword: w(n, m)
-			}) : t.push({
-				type: "text",
-				value: n
-			}), a = o.index + n.length;
-		}
-		return a < e.length && t.push({
-			type: "text",
-			value: e.slice(a)
-		}), t;
-	}), O = _(() => D.value.some((e) => e.type === "mergeTag" || e.type === "logicMergeTag"));
-	function k() {
-		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) {
-		i(e.target.value), T.refresh();
-	}
-	function M(e) {
-		return T.handleKeydown(e) ? (e.preventDefault(), !0) : (e.key === "Escape" && A(), !1);
-	}
-	function P() {
-		T.refresh();
-	}
-	function F() {
-		T.close(), A();
-	}
-	function I() {
-		i("");
-	}
-	async function L() {
-		let e = b.value && a.value ? a.value.selectionStart ?? r().length : r().length;
-		x = !0;
-		let n;
-		try {
-			n = await p();
-		} finally {
-			x = !1;
-		}
-		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 + n.value.length;
-				a.value?.focus(), a.value?.setSelectionRange(t, t);
-			});
-		}
-	}
-	async function R() {
-		let e = a.value, n = e?.selectionStart ?? r().length, o = e?.selectionEnd ?? n;
-		x = !0;
-		let s;
-		try {
-			s = await y();
-		} finally {
-			x = !1;
-		}
-		if (C || !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));
-		});
-	}
-	return {
-		segments: D,
-		hasMergeTags: O,
-		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
-	};
-}
-//#endregion
-//#region src/components/MergeTagSegments.vue?vue&type=script&setup=true&lang.ts
-var K = ["aria-label", "onKeydown"], q = ["data-tooltip"], J = ["data-tooltip"], Y = {
-	key: 2,
-	class: "tpl:text-sm tpl:text-[var(--tpl-text)]"
-}, X = ["aria-label", "title"], Z = /* @__PURE__ */ y({
-	__name: "MergeTagSegments",
-	props: {
-		segments: {},
-		displayClass: {},
-		pulse: { type: Boolean }
-	},
-	emits: ["edit", "clear"],
-	setup(t, { emit: n }) {
-		let r = n, { t: a } = O();
-		function o() {
-			r("edit");
-		}
-		return (n, s) => (e(), u("div", {
-			role: "button",
-			tabindex: "0",
-			"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": 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));
-	}
-}), ee = [
-	"aria-label",
-	"title",
-	"disabled"
-], te = "tpl:flex tpl:items-center tpl:justify-center tpl:gap-1 tpl:rounded-[var(--tpl-radius-sm)] tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg-hover)] tpl:px-2 tpl:py-1 tpl:text-xs tpl:text-[var(--tpl-text-muted)] tpl:transition-all tpl:duration-[120ms] tpl:hover:bg-[var(--tpl-primary-light)] tpl:hover:text-[var(--tpl-primary)] tpl:hover:border-[var(--tpl-primary)]", Q = /* @__PURE__ */ y({
-	__name: "MergeTagInsertButton",
-	props: { disabled: { type: Boolean } },
-	emits: ["insert"],
-	setup(t) {
-		let { t: n } = O();
-		return (r, i) => (e(), u("button", {
-			type: "button",
-			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")
-		}, [d(c(R), {
-			size: 12,
-			"stroke-width": 2
-		}), f(" " + p(c(n).mergeTag.insertShort), 1)], 42, ee));
-	}
-}), ne = [
-	"aria-label",
-	"title",
-	"disabled"
-], re = "tpl:flex tpl:items-center tpl:justify-center tpl:gap-1 tpl:rounded-[var(--tpl-radius-sm)] tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg-hover)] tpl:px-2 tpl:py-1 tpl:text-xs tpl:text-[var(--tpl-text-muted)] tpl:transition-all tpl:duration-[120ms] tpl:hover:bg-[var(--tpl-primary-light)] tpl:hover:text-[var(--tpl-primary)] tpl:hover:border-[var(--tpl-primary)]", $ = /* @__PURE__ */ y({
-	__name: "LogicTagInsertButton",
-	props: { disabled: { type: Boolean } },
-	emits: ["insert"],
-	setup(t) {
-		let { t: n } = O();
-		return (r, i) => (e(), u("button", {
-			type: "button",
-			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")
-		}, [d(c(L), {
-			size: 12,
-			"stroke-width": 2
-		}), f(" " + p(c(n).logicTag.insertShort), 1)], 42, ne));
-	}
-}), ie = { key: 0 }, ae = {
-	key: 0,
-	class: "tpl:flex tpl:flex-wrap tpl:gap-1.5"
-}, oe = { key: 1 }, se = [
-	"type",
-	"value",
-	"placeholder"
-], ce = {
-	key: 0,
-	class: "tpl:flex tpl:flex-wrap tpl:gap-1.5"
-}, le = "tpl:flex tpl:w-full tpl:min-h-10 tpl:cursor-pointer tpl:items-center tpl:flex-wrap tpl:gap-1 tpl:rounded-[var(--tpl-radius-sm)] tpl:border tpl:shadow-[var(--tpl-shadow-sm)] tpl:bg-[var(--tpl-bg)] tpl:border-[var(--tpl-border)] tpl:px-3.5 tpl:py-1.5 tpl:transition-all tpl:duration-[120ms] tpl:ease-[cubic-bezier(0.16,1,0.3,1)]", ue = /*#__PURE__*/ M(/* @__PURE__ */ y({
-	__name: "MergeTagInput",
-	props: {
-		modelValue: {},
-		type: { default: "text" },
-		placeholder: { default: "" },
-		pulse: {
-			type: Boolean,
-			default: !1
-		}
-	},
-	emits: ["update:modelValue", "keydown"],
-	setup(t, { emit: n }) {
-		let r = t, i = n, 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: a
-		});
-		function k(e) {
-			C(e) || i("keydown", e);
-		}
-		return (n, r) => c(f) && !c(b) ? (e(), u("div", ie, [d(Z, {
-			segments: c(o),
-			"display-class": le,
-			pulse: t.pulse,
-			onEdit: c(x),
-			onClear: c(E)
-		}, null, 8, [
-			"segments",
-			"pulse",
-			"onEdit",
-			"onClear"
-		]), c(p) || c(_) ? (e(), u("div", ae, [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", oe, [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: k,
-			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: 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-31b31866"]]);
-//#endregion
-export { G as a, Z as i, $ as n, R as o, Q as r, L as s, ue as t };