@templatical/editor 0.34.3 → 0.36.0

package/dist/{MergeTagModeToggle-Bi-FydXj.js → MergeTagModeToggle-DKN6ihI5.js}

@@ -1,65 +1,77 @@
-import { Ot as e, S as t, c as n, d as r, j as i, k as a, kt as o, l as s, r as c, rt as l, s as u, u as d, v as f } from "./vue.runtime.esm-bundler-D9JUcKrV.js";
-import { N as p } from "./dist-PL6vP4SC.js";
-import { E as m } from "./keys-C3P1yxnr.js";
-import { t as h } from "./useI18n-CL6RfPzK.js";
-import { t as g } from "./createLucideIcon-Bvw1Zx56.js";
-import { t as _ } from "./sparkles-Dy2BJjiX.js";
-var v = g("monitor", [
-	["rect", {
-		width: "20",
-		height: "14",
-		x: "2",
-		y: "3",
+import { A as e, At as t, M as n, S as r, at as i, c as a, d as o, jt as s, l as c, r as l, s as u, u as d, v as f } from "./vue.runtime.esm-bundler-DShF3P6k.js";
+import { N as p } from "./dist-tGkjkX-v.js";
+import { D as m } from "./keys-DQA2i1k1.js";
+import { t as h } from "./useI18n-BbdxxpOE.js";
+import { t as g } from "./createLucideIcon-Cwf_nTzE.js";
+import { t as _ } from "./sparkles-R0ZQHa6F.js";
+var v = g({
+	name: "monitor",
+	size: 24,
+	node: [
+		["rect", {
+			width: "20",
+			height: "14",
+			x: "2",
+			y: "3",
+			rx: "2",
+			key: "48i651"
+		}],
+		["line", {
+			x1: "8",
+			x2: "16",
+			y1: "21",
+			y2: "21",
+			key: "1svkeh"
+		}],
+		["line", {
+			x1: "12",
+			x2: "12",
+			y1: "17",
+			y2: "21",
+			key: "vw1qmm"
+		}]
+	]
+}), y = g({
+	name: "smartphone",
+	size: 24,
+	node: [["rect", {
+		width: "14",
+		height: "20",
+		x: "5",
+		y: "2",
 		rx: "2",
-		key: "48i651"
-	}],
-	["line", {
-		x1: "8",
-		x2: "16",
-		y1: "21",
-		y2: "21",
-		key: "1svkeh"
-	}],
-	["line", {
-		x1: "12",
-		x2: "12",
-		y1: "17",
-		y2: "21",
-		key: "vw1qmm"
-	}]
-]), y = g("smartphone", [["rect", {
-	width: "14",
-	height: "20",
-	x: "5",
-	y: "2",
-	rx: "2",
-	ry: "2",
-	key: "1yt0o3"
-}], ["path", {
-	d: "M12 18h.01",
-	key: "mhygvu"
-}]]), b = g("text-cursor-input", [
-	["path", {
-		d: "M12 20h-1a2 2 0 0 1-2-2 2 2 0 0 1-2 2H6",
-		key: "1528k5"
-	}],
-	["path", {
-		d: "M13 8h7a2 2 0 0 1 2 2v4a2 2 0 0 1-2 2h-7",
-		key: "13ksps"
-	}],
-	["path", {
-		d: "M5 16H4a2 2 0 0 1-2-2v-4a2 2 0 0 1 2-2h1",
-		key: "1n9rhb"
-	}],
-	["path", {
-		d: "M6 4h1a2 2 0 0 1 2 2 2 2 0 0 1 2-2h1",
-		key: "1mj8rg"
-	}],
-	["path", {
-		d: "M9 6v12",
-		key: "velyjx"
-	}]
-]), x = ["aria-label"], S = [
+		ry: "2",
+		key: "1yt0o3"
+	}], ["path", {
+		d: "M12 18h.01",
+		key: "mhygvu"
+	}]]
+}), b = g({
+	name: "text-cursor-input",
+	size: 24,
+	node: [
+		["path", {
+			d: "M12 20h-1a2 2 0 0 1-2-2 2 2 0 0 1-2 2H6",
+			key: "1528k5"
+		}],
+		["path", {
+			d: "M13 8h7a2 2 0 0 1 2 2v4a2 2 0 0 1-2 2h-7",
+			key: "13ksps"
+		}],
+		["path", {
+			d: "M5 16H4a2 2 0 0 1-2-2v-4a2 2 0 0 1 2-2h1",
+			key: "1n9rhb"
+		}],
+		["path", {
+			d: "M6 4h1a2 2 0 0 1 2 2 2 2 0 0 1 2-2h1",
+			key: "1mj8rg"
+		}],
+		["path", {
+			d: "M9 6v12",
+			key: "velyjx"
+		}]
+	]
+}), x = ["aria-label"], S = [
 	"aria-checked",
 	"aria-label",
 	"title",
@@ -68,25 +80,25 @@ var v = g("monitor", [
 	__name: "ViewportToggle",
 	props: { viewport: {} },
 	emits: ["change"],
-	setup(t, { emit: d }) {
-		let f = t, p = d, { t: m } = h(), g = u(() => [{
+	setup(r, { emit: d }) {
+		let f = r, p = d, { t: m } = h(), g = u(() => [{
 			value: "desktop",
 			label: m.viewport.desktop
 		}, {
 			value: "mobile",
 			label: m.viewport.mobile
 		}]), _ = u(() => `translateX(${g.value.findIndex((e) => e.value === f.viewport) * 100}%)`);
-		return (u, d) => (a(), r("div", {
+		return (u, d) => (e(), o("div", {
 			role: "radiogroup",
-			"aria-label": l(m).viewport.label,
+			"aria-label": i(m).viewport.label,
 			class: "tpl:relative tpl:grid tpl:rounded-[var(--tpl-radius-sm)] tpl:p-1",
-			style: e({
+			style: t({
 				gridTemplateColumns: `repeat(${g.value.length}, 1fr)`,
 				backgroundColor: "var(--tpl-bg-hover)"
 			})
-		}, [n("div", {
+		}, [a("div", {
 			class: "tpl:absolute tpl:inset-y-1 tpl:rounded-[var(--tpl-radius-sm)]",
-			style: e({
+			style: t({
 				left: "4px",
 				width: `calc((100% - 8px) / ${g.value.length})`,
 				transform: _.value,
@@ -94,27 +106,27 @@ var v = g("monitor", [
 				boxShadow: "var(--tpl-shadow)",
 				transition: "transform 120ms cubic-bezier(0.16, 1, 0.3, 1)"
 			})
-		}, null, 4), (a(!0), r(c, null, i(g.value, (i) => (a(), r("button", {
-			key: i.value,
+		}, null, 4), (e(!0), o(l, null, n(g.value, (n) => (e(), o("button", {
+			key: n.value,
 			role: "radio",
-			"aria-checked": t.viewport === i.value,
-			"aria-label": i.label,
+			"aria-checked": r.viewport === n.value,
+			"aria-label": n.label,
 			class: "tpl:relative tpl:z-10 tpl:flex tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:gap-1.5 tpl:rounded-md tpl:border-none tpl:bg-transparent tpl:px-3 tpl:py-1.5 tpl:text-xs tpl:font-medium",
-			style: e({
-				color: t.viewport === i.value ? "var(--tpl-primary)" : "var(--tpl-text-muted)",
+			style: t({
+				color: r.viewport === n.value ? "var(--tpl-primary)" : "var(--tpl-text-muted)",
 				transition: "color 120ms cubic-bezier(0.16, 1, 0.3, 1)"
 			}),
-			title: i.label,
-			onClick: (e) => p("change", i.value)
-		}, [i.value === "desktop" ? (a(), s(l(v), {
+			title: n.label,
+			onClick: (e) => p("change", n.value)
+		}, [n.value === "desktop" ? (e(), c(i(v), {
 			key: 0,
 			size: 18,
 			"stroke-width": 1.5
-		})) : (a(), s(l(y), {
+		})) : (e(), c(i(y), {
 			key: 1,
 			size: 18,
 			"stroke-width": 1.5
-		})), n("span", null, o(i.label), 1)], 12, S))), 128))], 12, x));
+		})), a("span", null, s(n.label), 1)], 12, S))), 128))], 12, x));
 	}
 }), w = ["aria-label"], T = [
 	"aria-checked",
@@ -126,26 +138,26 @@ var v = g("monitor", [
 	props: { sampleMode: { type: Boolean } },
 	emits: ["change"],
 	setup(f, { emit: g }) {
-		let v = f, y = g, { t: x } = h(), S = t(m, []), C = u(() => p(S)), E = u(() => [{
+		let v = f, y = g, { t: x } = h(), S = r(m, []), C = u(() => p(S)), E = u(() => [{
 			value: !0,
 			label: x.mergeTagPreview.sample
 		}, {
 			value: !1,
 			label: x.mergeTagPreview.labelView
 		}]), D = u(() => `translateX(${E.value.findIndex((e) => e.value === v.sampleMode) * 100}%)`);
-		return (t, u) => C.value ? (a(), r("div", {
+		return (r, u) => C.value ? (e(), o("div", {
 			key: 0,
 			role: "radiogroup",
-			"aria-label": l(x).mergeTagPreview.label,
+			"aria-label": i(x).mergeTagPreview.label,
 			"data-testid": "merge-tag-mode-toggle",
 			class: "tpl:relative tpl:grid tpl:rounded-[var(--tpl-radius-sm)] tpl:p-1",
-			style: e({
+			style: t({
 				gridTemplateColumns: `repeat(${E.value.length}, 1fr)`,
 				backgroundColor: "var(--tpl-bg-hover)"
 			})
-		}, [n("div", {
+		}, [a("div", {
 			class: "tpl:absolute tpl:inset-y-1 tpl:rounded-[var(--tpl-radius-sm)]",
-			style: e({
+			style: t({
 				left: "4px",
 				width: `calc((100% - 8px) / ${E.value.length})`,
 				transform: D.value,
@@ -153,27 +165,27 @@ var v = g("monitor", [
 				boxShadow: "var(--tpl-shadow)",
 				transition: "transform 120ms cubic-bezier(0.16, 1, 0.3, 1)"
 			})
-		}, null, 4), (a(!0), r(c, null, i(E.value, (t) => (a(), r("button", {
-			key: String(t.value),
+		}, null, 4), (e(!0), o(l, null, n(E.value, (n) => (e(), o("button", {
+			key: String(n.value),
 			role: "radio",
-			"aria-checked": f.sampleMode === t.value,
-			"aria-label": t.label,
+			"aria-checked": f.sampleMode === n.value,
+			"aria-label": n.label,
 			class: "tpl:relative tpl:z-10 tpl:flex tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:gap-1.5 tpl:rounded-md tpl:border-none tpl:bg-transparent tpl:px-3 tpl:py-1.5 tpl:text-xs tpl:font-medium",
-			style: e({
-				color: f.sampleMode === t.value ? "var(--tpl-primary)" : "var(--tpl-text-muted)",
+			style: t({
+				color: f.sampleMode === n.value ? "var(--tpl-primary)" : "var(--tpl-text-muted)",
 				transition: "color 120ms cubic-bezier(0.16, 1, 0.3, 1)"
 			}),
-			title: t.label,
-			onClick: (e) => y("change", t.value)
-		}, [t.value ? (a(), s(l(_), {
+			title: n.label,
+			onClick: (e) => y("change", n.value)
+		}, [n.value ? (e(), c(i(_), {
 			key: 0,
 			size: 18,
 			"stroke-width": 1.5
-		})) : (a(), s(l(b), {
+		})) : (e(), c(i(b), {
 			key: 1,
 			size: 18,
 			"stroke-width": 1.5
-		})), n("span", null, o(t.label), 1)], 12, T))), 128))], 12, w)) : d("", !0);
+		})), a("span", null, s(n.label), 1)], 12, T))), 128))], 12, w)) : d("", !0);
 	}
 });
 //#endregion

package/dist/{MergeTagSuggestion-CoCuzEmW.js → MergeTagSuggestion-DKoLEeoj.js}

@@ -1,5 +1,5 @@
-import { Dt as e, X as t, b as n, c as r, d as i, j as a, k as o, kt as s, r as c, u as l, v as u } from "./vue.runtime.esm-bundler-D9JUcKrV.js";
-import { c as d, n as f } from "./runtime-dom.esm-bundler-BuG03jBM.js";
+import { A as e, M as t, Z as n, b as r, c as i, d as a, jt as o, kt as s, r as c, u as l, v as u } from "./vue.runtime.esm-bundler-DShF3P6k.js";
+import { c as d, n as f } from "./runtime-dom.esm-bundler-PnoZU512.js";
 import { Gn as p, H as m, Hn as h, Vn as g, Wn as _, s as v } from "./dist-DL9334yz.js";
 //#region ../../node_modules/.pnpm/@floating-ui+utils@0.2.12/node_modules/@floating-ui/utils/dist/floating-ui.utils.mjs
 var y = Math.min, b = Math.max, x = Math.round, S = Math.floor, C = (e) => ({
@@ -1136,28 +1136,28 @@ var _t = gt, vt = ["id"], yt = {
 		listId: {}
 	},
 	emits: ["select", "hover"],
-	setup(t) {
-		let n = t;
+	setup(n) {
+		let r = n;
 		function u(e) {
-			return n.listId ? `${n.listId}-opt-${e}` : void 0;
+			return r.listId ? `${r.listId}-opt-${e}` : void 0;
 		}
-		return (n, f) => (o(), i("div", {
-			id: t.listId,
+		return (r, f) => (e(), a("div", {
+			id: n.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"
-		}, [t.items.length === 0 ? (o(), i("div", yt, s(t.emptyText), 1)) : l("", !0), (o(!0), i(c, null, a(t.items, (a, c) => (o(), i("button", {
-			key: a.value,
+		}, [n.items.length === 0 ? (e(), a("div", yt, o(n.emptyText), 1)) : l("", !0), (e(!0), a(c, null, t(n.items, (t, c) => (e(), a("button", {
+			key: t.value,
 			id: u(c),
 			type: "button",
 			role: "option",
-			"aria-selected": c === t.selectedIndex,
-			"data-selected": c === t.selectedIndex ? "true" : "false",
-			"data-merge-tag-value": a.value,
-			class: e(["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", c === t.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: d((e) => n.$emit("select", a), ["prevent", "stop"]),
-			onMousemove: (e) => c !== t.selectedIndex && n.$emit("hover", c)
-		}, [r("span", xt, s(a.label), 1), r("span", St, s(a.value), 1)], 42, bt))), 128))], 8, vt));
+			"aria-selected": c === n.selectedIndex,
+			"data-selected": c === n.selectedIndex ? "true" : "false",
+			"data-merge-tag-value": t.value,
+			class: s(["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", c === n.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: d((e) => r.$emit("select", t), ["prevent", "stop"]),
+			onMousemove: (e) => c !== n.selectedIndex && r.$emit("hover", c)
+		}, [i("span", xt, o(t.label), 1), i("span", St, o(t.value), 1)], 42, bt))), 128))], 8, vt));
 	}
 }), wt = 10, Tt = 0;
 function Et(e, t) {
@@ -1170,8 +1170,8 @@ function Et(e, t) {
 function Dt(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 Ot(e, r) {
-	let i = null, a = null, o = null, s = t([]), c = t(0), l = null, u = `tpl-merge-tag-suggestion-${++Tt}`, d = null, p = [], m = null;
+function Ot(e, t) {
+	let i = null, a = null, o = null, s = n([]), c = n(0), l = null, u = `tpl-merge-tag-suggestion-${++Tt}`, d = null, p = [], m = null;
 	function h() {
 		b(d?.() ?? null);
 	}
@@ -1239,9 +1239,9 @@ function Ot(e, r) {
 		l?.(e);
 	}
 	return {
-		open: ({ items: t, getRect: p, anchorEl: m, onCommand: h }) => {
-			s.value = t, c.value = 0, l = h, a = document.createElement("div"), a.setAttribute("data-testid", "merge-tag-suggestion-popup"), o = m, x(a, m), (r?.value ?? document.body).appendChild(a), i = f({ render() {
-				return n(Ct, {
+		open: ({ items: n, getRect: p, anchorEl: m, onCommand: h }) => {
+			s.value = n, c.value = 0, l = h, a = document.createElement("div"), a.setAttribute("data-testid", "merge-tag-suggestion-popup"), o = m, x(a, m), (t?.value ?? document.body).appendChild(a), i = f({ render() {
+				return r(Ct, {
 					items: s.value,
 					selectedIndex: c.value,
 					emptyText: e,