@aswin.dev/editor 0.7.0 → 0.7.1

package/dist/{extensions-CUcl9Ok4.js → extensions-D__hOlV1.js}

@@ -1,9 +1,9 @@
-import { Dt as e, H as t, M as n, Mt as r, O as i, Ot as a, P as o, Q as s, S as c, V as l, _ as u, d, g as f, h as p, it as m, l as h, m as g, n as _, p as v, s as y, u as b, w as x } from "./vue.runtime.esm-bundler-DpvJL-nX.js";
-import { C as S, D as C, n as w, w as T } from "./dist-DJmnUmW9.js";
-import { t as E } from "./useI18n-lb2DHDiu.js";
-import { t as D } from "./useMergeTag-CBwKnnNB.js";
-import { F as O, Gt as k, _n as A, bn as j, i as M, o as N, p as P, u as F, vn as ee, xn as I } from "./dist-iLBdeBDR.js";
-import { n as L, t as R } from "./dist-BFawx6IS.js";
+import { At as e, C as t, F as n, Ft as r, N as i, T as a, U as o, W as s, _ as c, c as l, d as u, et as d, f, g as p, h as m, jt as h, k as g, m as _, n as v, st as y, u as b, v as x } from "./vue.runtime.esm-bundler-CjauPXjj.js";
+import { D as S, O as C, i as w, j as T } from "./dist-C04s_fLA.js";
+import { t as E } from "./useI18n-C2xQZ6K9.js";
+import { t as D } from "./useMergeTag-DX0XG5V9.js";
+import { F as O, Gt as k, _n as A, bn as j, i as M, o as N, p as P, u as F, vn as ee, xn as I } from "./dist-DXa1uAMh.js";
+import { n as L, t as R } from "./dist-C9ckKEZL.js";
 //#region src/extensions/FontSize.ts
 var te = M.create({
 	name: "fontSize",
@@ -75,7 +75,7 @@ var te = M.create({
 	"aria-label",
 	"data-tooltip",
 	"onKeydown"
-], B = ["aria-label", "onKeydown"], V = ["aria-label"], H = /* @__PURE__ */ c({
+], B = ["aria-label", "onKeydown"], V = ["aria-label"], H = /* @__PURE__ */ t({
 	__name: "LogicMergeTagNodeView",
 	props: {
 		node: {},
@@ -84,10 +84,10 @@ var te = M.create({
 		deleteNode: { type: Function },
 		updateAttributes: { type: Function }
 	},
-	setup(o) {
-		let c = o, { syntax: d } = D(), { t: _ } = E(), x = v(() => C(c.node.attrs.value, d)), w = v(() => S(c.node.attrs.value, d)), T = s(!1), O = s(""), k = s(null), A = !1;
+	setup(t) {
+		let n = t, { syntax: a } = D(), { t: f } = E(), v = _(() => T(n.node.attrs.value, a)), C = _(() => S(n.node.attrs.value, a)), w = d(!1), O = d(""), k = d(null), A = !1;
 		function j() {
-			O.value = c.node.attrs.value, A = !1, T.value = !0, i(() => {
+			O.value = n.node.attrs.value, A = !1, w.value = !0, g(() => {
 				k.value?.focus(), k.value?.select();
 			});
 		}
@@ -96,56 +96,56 @@ var te = M.create({
 			A = !0;
 			let e = O.value.trim();
 			if (!e) {
-				T.value = !1;
+				w.value = !1;
 				return;
 			}
-			e !== c.node.attrs.value && c.updateAttributes({
+			e !== n.node.attrs.value && n.updateAttributes({
 				value: e,
-				keyword: C(e, d) ? S(e, d) : ""
-			}), T.value = !1;
+				keyword: T(e, a) ? S(e, a) : ""
+			}), w.value = !1;
 		}
 		function N(e) {
-			e.key === "Enter" ? (e.preventDefault(), M()) : e.key === "Escape" && (T.value = !1);
+			e.key === "Enter" ? (e.preventDefault(), M()) : e.key === "Escape" && (w.value = !1);
 		}
-		return (i, s) => (n(), p(m(R), {
+		return (n, a) => (i(), p(y(R), {
 			as: "span",
-			class: e(x.value ? "tpl-logic-merge-tag-node tpl:group tpl:mx-0.5 tpl:inline-flex tpl:items-center tpl:gap-1 tpl:rounded tpl:px-1.5 tpl:py-0.5 tpl:text-[0.8em] tpl:font-bold tpl:tracking-wide tpl:uppercase tpl:select-none" : ""),
-			style: a(x.value ? "background-color: transparent; border: 1.5px solid color-mix(in srgb, var(--tpl-primary) 50%, transparent); color: var(--tpl-primary);" : ""),
+			class: e(v.value ? "tpl-logic-merge-tag-node tpl:group tpl:mx-0.5 tpl:inline-flex tpl:items-center tpl:gap-1 tpl:rounded tpl:px-1.5 tpl:py-0.5 tpl:text-[0.8em] tpl:font-bold tpl:tracking-wide tpl:uppercase tpl:select-none" : ""),
+			style: h(v.value ? "background-color: transparent; border: 1.5px solid color-mix(in srgb, var(--tpl-primary) 50%, transparent); color: var(--tpl-primary);" : ""),
 			contenteditable: "false"
 		}, {
-			default: l(() => [T.value ? t((n(), u("input", {
+			default: o(() => [w.value ? s((i(), x("input", {
 				key: 0,
 				ref_key: "inputRef",
 				ref: k,
-				"onUpdate:modelValue": s[0] ||= (e) => O.value = e,
+				"onUpdate:modelValue": a[0] ||= (e) => O.value = e,
 				type: "text",
 				class: "tpl:w-40 tpl:rounded tpl:border-none tpl:bg-transparent tpl:px-0.5 tpl:py-0 tpl:text-[1em] tpl:font-medium tpl:normal-case tpl:outline-none tpl:text-[var(--tpl-primary)]",
 				onBlur: M,
 				onKeydown: N
-			}, null, 544)), [[y, O.value]]) : x.value ? (n(), u("span", {
+			}, null, 544)), [[l, O.value]]) : v.value ? (i(), x("span", {
 				key: 1,
 				role: "button",
 				tabindex: "0",
-				"aria-label": m(_).mergeTag.editValue,
+				"aria-label": y(f).mergeTag.editValue,
 				class: "tpl-tooltip tpl:cursor-pointer",
-				"data-tooltip": o.node.attrs.value,
-				onClick: b(j, ["stop"]),
-				onKeydown: [h(b(j, ["stop"]), ["enter"]), h(b(j, ["prevent", "stop"]), ["space"])]
-			}, r(w.value), 41, z)) : (n(), u("span", {
+				"data-tooltip": t.node.attrs.value,
+				onClick: u(j, ["stop"]),
+				onKeydown: [b(u(j, ["stop"]), ["enter"]), b(u(j, ["prevent", "stop"]), ["space"])]
+			}, r(C.value), 41, z)) : (i(), x("span", {
 				key: 2,
 				role: "button",
 				tabindex: "0",
-				"aria-label": m(_).mergeTag.editValue,
-				onClick: b(j, ["stop"]),
-				onKeydown: [h(b(j, ["stop"]), ["enter"]), h(b(j, ["prevent", "stop"]), ["space"])]
-			}, r(o.node.attrs.value), 41, B)), x.value ? (n(), u("button", {
+				"aria-label": y(f).mergeTag.editValue,
+				onClick: u(j, ["stop"]),
+				onKeydown: [b(u(j, ["stop"]), ["enter"]), b(u(j, ["prevent", "stop"]), ["space"])]
+			}, r(t.node.attrs.value), 41, B)), v.value ? (i(), x("button", {
 				key: 3,
 				type: "button",
-				"aria-label": m(_).mergeTag.deleteMergeTag,
+				"aria-label": y(f).mergeTag.deleteMergeTag,
 				class: "tpl-merge-tag-delete tpl:flex tpl:size-5 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded-full tpl:border-none tpl:bg-transparent tpl:p-0 tpl:opacity-60 tpl:transition-all hover:tpl:opacity-100 tpl:text-[var(--tpl-primary)]",
 				contenteditable: "false",
-				onClick: s[1] ||= b((...e) => o.deleteNode && o.deleteNode(...e), ["stop", "prevent"])
-			}, [...s[2] ||= [g("svg", {
+				onClick: a[1] ||= u((...e) => t.deleteNode && t.deleteNode(...e), ["stop", "prevent"])
+			}, [...a[2] ||= [m("svg", {
 				width: "10",
 				height: "10",
 				viewBox: "0 0 24 24",
@@ -153,17 +153,17 @@ var te = M.create({
 				stroke: "currentColor",
 				"stroke-width": "3",
 				"aria-hidden": "true"
-			}, [g("line", {
+			}, [m("line", {
 				x1: "18",
 				y1: "6",
 				x2: "6",
 				y2: "18"
-			}), g("line", {
+			}), m("line", {
 				x1: "6",
 				y1: "6",
 				x2: "18",
 				y2: "18"
-			})], -1)]], 8, V)) : f("", !0)]),
+			})], -1)]], 8, V)) : c("", !0)]),
 			_: 1
 		}, 8, ["class", "style"]));
 	}
@@ -207,7 +207,7 @@ var G = F.create({
 		return [{ tag: "span[data-logic-merge-tag]" }];
 	},
 	renderHTML({ node: e, HTMLAttributes: t }) {
-		if (!C(e.attrs.value, this.options.syntax)) return [
+		if (!T(e.attrs.value, this.options.syntax)) return [
 			"span",
 			{},
 			e.attrs.value
@@ -236,7 +236,7 @@ var G = F.create({
 			find: RegExp(this.options.syntax.logic.source + "$", ""),
 			handler: ({ state: e, range: t, match: n }) => {
 				let r = n[0];
-				if (!C(r, this.options.syntax)) return;
+				if (!T(r, this.options.syntax)) return;
 				let i = S(r, this.options.syntax), a = this.type.create({
 					value: r,
 					keyword: i
@@ -250,7 +250,7 @@ var G = F.create({
 			find: new RegExp(this.options.syntax.logic.source, "g"),
 			handler: ({ state: e, range: t, match: n }) => {
 				let r = n[0];
-				if (!C(r, this.options.syntax)) return;
+				if (!T(r, this.options.syntax)) return;
 				let i = S(r, this.options.syntax), a = this.type.create({
 					value: r,
 					keyword: i
@@ -263,7 +263,7 @@ var G = F.create({
 	"aria-label",
 	"data-tooltip",
 	"onKeydown"
-], q = ["aria-label"], J = /* @__PURE__ */ c({
+], q = ["aria-label"], J = /* @__PURE__ */ t({
 	__name: "MergeTagNodeView",
 	props: {
 		node: {},
@@ -271,53 +271,53 @@ var G = F.create({
 		updateAttributes: { type: Function }
 	},
 	setup(e) {
-		let a = e, { getMergeTagLabel: o } = D(), { t: c } = E(), d = v(() => o(a.node.attrs.value)), f = s(!1), _ = s(""), x = s(null);
+		let t = e, { getMergeTagLabel: n } = D(), { t: a } = E(), c = _(() => n(t.node.attrs.value)), f = d(!1), h = d(""), v = d(null);
 		function S() {
-			_.value = a.node.attrs.value, f.value = !0, i(() => {
-				x.value?.focus(), x.value?.select();
+			h.value = t.node.attrs.value, f.value = !0, g(() => {
+				v.value?.focus(), v.value?.select();
 			});
 		}
 		function C() {
-			let e = _.value.trim();
-			e && e !== a.node.attrs.value && a.updateAttributes({
+			let e = h.value.trim();
+			e && e !== t.node.attrs.value && t.updateAttributes({
 				value: e,
-				label: o(e)
+				label: n(e)
 			}), f.value = !1;
 		}
 		function w(e) {
 			e.key === "Enter" ? (e.preventDefault(), C()) : e.key === "Escape" && (f.value = !1);
 		}
-		return (i, a) => (n(), p(m(R), {
+		return (t, n) => (i(), p(y(R), {
 			as: "span",
 			class: "tpl-merge-tag-node tpl:group tpl:mx-0.5 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 tpl:select-none tpl:text-[var(--tpl-primary)]",
 			style: { "background-color": "color-mix(in srgb, var(--tpl-primary) 20%, transparent)" },
 			contenteditable: "false"
 		}, {
-			default: l(() => [f.value ? t((n(), u("input", {
+			default: o(() => [f.value ? s((i(), x("input", {
 				key: 0,
 				ref_key: "inputRef",
-				ref: x,
-				"onUpdate:modelValue": a[0] ||= (e) => _.value = e,
+				ref: v,
+				"onUpdate:modelValue": n[0] ||= (e) => h.value = e,
 				type: "text",
 				class: "tpl:w-32 tpl:rounded tpl:border-none tpl:bg-transparent tpl:px-0.5 tpl:py-0 tpl:text-[1em] tpl:font-medium tpl:outline-none tpl:text-[var(--tpl-primary)]",
 				onBlur: C,
 				onKeydown: w
-			}, null, 544)), [[y, _.value]]) : (n(), u("span", {
+			}, null, 544)), [[l, h.value]]) : (i(), x("span", {
 				key: 1,
 				role: "button",
 				tabindex: "0",
-				"aria-label": m(c).mergeTag.editValue,
+				"aria-label": y(a).mergeTag.editValue,
 				class: "tpl-tooltip tpl:cursor-pointer",
 				"data-tooltip": e.node.attrs.value,
-				onClick: b(S, ["stop"]),
-				onKeydown: [h(b(S, ["stop"]), ["enter"]), h(b(S, ["prevent", "stop"]), ["space"])]
-			}, r(d.value), 41, K)), g("button", {
+				onClick: u(S, ["stop"]),
+				onKeydown: [b(u(S, ["stop"]), ["enter"]), b(u(S, ["prevent", "stop"]), ["space"])]
+			}, r(c.value), 41, K)), m("button", {
 				type: "button",
-				"aria-label": m(c).mergeTag.deleteMergeTag,
+				"aria-label": y(a).mergeTag.deleteMergeTag,
 				class: "tpl-merge-tag-delete tpl:flex tpl:size-5 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded-full tpl:border-none tpl:bg-transparent tpl:p-0 tpl:opacity-60 tpl:transition-all hover:tpl:opacity-100 tpl:text-[var(--tpl-primary)]",
 				contenteditable: "false",
-				onClick: a[1] ||= b((...t) => e.deleteNode && e.deleteNode(...t), ["stop", "prevent"])
-			}, [...a[2] ||= [g("svg", {
+				onClick: n[1] ||= u((...t) => e.deleteNode && e.deleteNode(...t), ["stop", "prevent"])
+			}, [...n[2] ||= [m("svg", {
 				width: "10",
 				height: "10",
 				viewBox: "0 0 24 24",
@@ -325,12 +325,12 @@ var G = F.create({
 				stroke: "currentColor",
 				"stroke-width": "3",
 				"aria-hidden": "true"
-			}, [g("line", {
+			}, [m("line", {
 				x1: "18",
 				y1: "6",
 				x2: "6",
 				y2: "18"
-			}), g("line", {
+			}), m("line", {
 				x1: "6",
 				y1: "6",
 				x2: "18",
@@ -366,7 +366,7 @@ var G = F.create({
 		return [{ tag: "span[data-merge-tag]" }];
 	},
 	renderHTML({ node: e, HTMLAttributes: t }) {
-		let n = T(e.attrs.value, this.options.mergeTags);
+		let n = C(e.attrs.value, this.options.mergeTags);
 		return [
 			"span",
 			k(t, {
@@ -395,7 +395,7 @@ var G = F.create({
 		return [new N({
 			find: RegExp(this.options.syntax.value.source + "$", ""),
 			handler: ({ state: e, range: t, match: n }) => {
-				let r = n[0], i = T(r, this.options.mergeTags), a = this.type.create({
+				let r = n[0], i = C(r, this.options.mergeTags), a = this.type.create({
 					label: i,
 					value: r
 				});
@@ -407,7 +407,7 @@ var G = F.create({
 		return [new P({
 			find: new RegExp(this.options.syntax.value.source, "g"),
 			handler: ({ state: e, range: t, match: n }) => {
-				let r = n[0], i = T(r, this.options.mergeTags), a = this.type.create({
+				let r = n[0], i = C(r, this.options.mergeTags), a = this.type.create({
 					label: i,
 					value: r
 				});
@@ -626,7 +626,7 @@ var ce = se, le = ["id"], ue = {
 	"data-merge-tag-value",
 	"onMousedown",
 	"onMousemove"
-], X = { class: "tpl:font-medium" }, fe = { class: "tpl:text-[var(--tpl-text-dim)] tpl:font-mono" }, pe = /* @__PURE__ */ c({
+], X = { class: "tpl:font-medium" }, fe = { class: "tpl:text-[var(--tpl-text-dim)] tpl:font-mono" }, pe = /* @__PURE__ */ t({
 	__name: "MergeTagSuggestionList",
 	props: {
 		items: {},
@@ -636,27 +636,27 @@ var ce = se, le = ["id"], ue = {
 	},
 	emits: ["select", "hover"],
 	setup(t) {
-		let i = t;
-		function a(e) {
-			return i.listId ? `${i.listId}-opt-${e}` : void 0;
+		let a = t;
+		function o(e) {
+			return a.listId ? `${a.listId}-opt-${e}` : void 0;
 		}
-		return (i, s) => (n(), u("div", {
+		return (a, s) => (i(), x("div", {
 			id: t.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-elevated)] tpl:py-1 tpl:shadow-lg",
 			role: "listbox",
 			"data-testid": "merge-tag-suggestion-list"
-		}, [t.items.length === 0 ? (n(), u("div", ue, r(t.emptyText), 1)) : f("", !0), (n(!0), u(d, null, o(t.items, (o, s) => (n(), u("button", {
-			key: o.value,
-			id: a(s),
+		}, [t.items.length === 0 ? (i(), x("div", ue, r(t.emptyText), 1)) : c("", !0), (i(!0), x(f, null, n(t.items, (n, s) => (i(), x("button", {
+			key: n.value,
+			id: o(s),
 			type: "button",
 			role: "option",
 			"aria-selected": s === t.selectedIndex,
 			"data-selected": s === t.selectedIndex ? "true" : "false",
-			"data-merge-tag-value": o.value,
+			"data-merge-tag-value": n.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", s === t.selectedIndex ? "tpl:bg-[var(--tpl-primary-light)] tpl:text-[var(--tpl-primary)]" : "tpl:text-[var(--tpl-text)] hover:tpl:bg-[var(--tpl-bg-hover)]"]),
-			onMousedown: b((e) => i.$emit("select", o), ["prevent", "stop"]),
-			onMousemove: (e) => s !== t.selectedIndex && i.$emit("hover", s)
-		}, [g("span", X, r(o.label), 1), g("span", fe, r(o.value), 1)], 42, de))), 128))], 8, le));
+			onMousedown: u((e) => a.$emit("select", n), ["prevent", "stop"]),
+			onMousemove: (e) => s !== t.selectedIndex && a.$emit("hover", s)
+		}, [m("span", X, r(n.label), 1), m("span", fe, r(n.value), 1)], 42, de))), 128))], 8, le));
 	}
 }), Z = 10, me = 0;
 function Q(e, t) {
@@ -695,14 +695,14 @@ var he = M.create({
 				}).run();
 			},
 			render: () => {
-				let e = null, n = null, r = null, i = s([]), a = s(0), o = null, c = `tpl-merge-tag-suggestion-${++me}`, l = null, u = [];
-				function d() {
-					g(l?.() ?? null);
-				}
+				let e = null, n = null, r = null, i = d([]), o = d(0), s = null, c = `tpl-merge-tag-suggestion-${++me}`, l = null, u = [];
 				function f() {
-					d(), requestAnimationFrame(d);
+					_(l?.() ?? null);
+				}
+				function p() {
+					f(), requestAnimationFrame(f);
 				}
-				function p(e) {
+				function m(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;
@@ -710,19 +710,19 @@ var he = M.create({
 					}
 					return t;
 				}
-				function m(e) {
-					u = [window, ...p(e)];
-					for (let e of u) e.addEventListener("scroll", d, {
+				function h(e) {
+					u = [window, ...m(e)];
+					for (let e of u) e.addEventListener("scroll", f, {
 						passive: !0,
 						capture: !0
 					});
-					window.addEventListener("resize", d, { passive: !0 });
+					window.addEventListener("resize", f, { passive: !0 });
 				}
-				function h() {
-					for (let e of u) e.removeEventListener("scroll", d, { capture: !0 });
-					window.removeEventListener("resize", d), u = [];
+				function g() {
+					for (let e of u) e.removeEventListener("scroll", f, { capture: !0 });
+					window.removeEventListener("resize", f), u = [];
 				}
-				function g(e) {
+				function _(e) {
 					if (!n || !e || e.bottom < 0 || e.top > window.innerHeight) return;
 					n.style.position = "fixed", n.style.left = `${e.left}px`, n.style.zIndex = "9999", n.style.top = `${e.bottom}px`;
 					let t = n.offsetHeight;
@@ -731,7 +731,7 @@ var he = M.create({
 						n.style.top = `${r}px`;
 					}
 				}
-				function v(e, t) {
+				function y(e, t) {
 					let n = t?.closest("[data-tpl-theme]");
 					if (!n) return;
 					let r = n.getAttribute("data-tpl-theme");
@@ -743,48 +743,48 @@ var he = M.create({
 					}
 					e.style.fontFamily = i.fontFamily, e.style.fontSize = i.fontSize, e.style.lineHeight = i.lineHeight;
 				}
-				function y(e) {
+				function b(e) {
 					r && (e ? (r.setAttribute("role", "combobox"), r.setAttribute("aria-haspopup", "listbox"), r.setAttribute("aria-expanded", "true"), r.setAttribute("aria-controls", c)) : (r.removeAttribute("aria-expanded"), r.removeAttribute("aria-controls"), r.removeAttribute("aria-activedescendant"), r.removeAttribute("aria-haspopup"), r.removeAttribute("role")));
 				}
-				function b() {
+				function x() {
 					if (r) {
 						if (i.value.length === 0) {
 							r.removeAttribute("aria-activedescendant");
 							return;
 						}
-						r.setAttribute("aria-activedescendant", `${c}-opt-${a.value}`);
+						r.setAttribute("aria-activedescendant", `${c}-opt-${o.value}`);
 					}
 				}
 				function S(e) {
-					o?.(e);
+					s?.(e);
 				}
 				return {
-					onStart: (s) => {
-						i.value = s.items, a.value = 0, o = (e) => s.command(e), n = document.createElement("div"), n.setAttribute("data-testid", "merge-tag-suggestion-popup");
-						let u = s.editor.view?.dom;
-						r = u ?? null, v(n, u ?? null), document.body.appendChild(n), e = _({ render() {
-							return x(pe, {
+					onStart: (u) => {
+						i.value = u.items, o.value = 0, s = (e) => u.command(e), n = document.createElement("div"), n.setAttribute("data-testid", "merge-tag-suggestion-popup");
+						let d = u.editor.view?.dom;
+						r = d ?? null, y(n, d ?? null), document.body.appendChild(n), e = v({ render() {
+							return a(pe, {
 								items: i.value,
-								selectedIndex: a.value,
+								selectedIndex: o.value,
 								emptyText: t,
 								listId: c,
 								onSelect: (e) => S(e),
 								onHover: (e) => {
-									a.value = e, b();
+									o.value = e, x();
 								}
 							});
-						} }), e.mount(n), y(!0), b(), l = s.clientRect ?? null, f(), m(u ?? null);
+						} }), e.mount(n), b(!0), x(), l = u.clientRect ?? null, p(), h(d ?? null);
 					},
 					onUpdate: (e) => {
-						i.value = e.items, a.value >= e.items.length && (a.value = 0), o = (t) => e.command(t), b(), l = e.clientRect ?? null, f();
+						i.value = e.items, o.value >= e.items.length && (o.value = 0), s = (t) => e.command(t), x(), l = e.clientRect ?? null, p();
 					},
 					onKeyDown: (e) => {
 						if (e.event.key === "Escape") return !0;
-						let t = $(e.event, i.value, a, S);
-						return t && b(), t;
+						let t = $(e.event, i.value, o, S);
+						return t && x(), t;
 					},
 					onExit: () => {
-						h(), y(!1), e?.unmount(), n?.remove(), e = null, n = null, r = null, o = null, l = null;
+						g(), b(!1), e?.unmount(), n?.remove(), e = null, n = null, r = null, s = null, l = null;
 					}
 				};
 			}

package/dist/{image-up-MBZKKg9p.js → image-up-DT7gcJLN.js}

@@ -1,4 +1,4 @@
-import { t as e } from "./createLucideIcon-C3pa2siy.js";
+import { t as e } from "./createLucideIcon-ClREiSx3.js";
 var t = e("image-up", [
 	["path", {
 		d: "M10.3 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v10l-3.1-3.1a2 2 0 0 0-2.814.014L6 21",

package/dist/index.d.ts

@@ -43,6 +43,8 @@ export { CustomBlockDefinition }
 
 export { CustomFont }
 
+export declare const DEFAULT_EDITOR_TOUR_STORAGE_KEY = "templatical-editor-tour-dismissed";
+
 export { DisplayConditionsConfig }
 
 export declare interface EditorCapabilities {
@@ -63,6 +65,48 @@ export declare interface EditorCapabilities {
     };
 }
 
+export declare interface EditorTourConfig {
+    /**
+     * Steps to show in order. Omit to use built-in defaults (canvas, block rail, right sidebar).
+     */
+    steps?: EditorTourStep[];
+    /** Start automatically after mount when the tour has not been dismissed. Default `false`. */
+    autoStart?: boolean;
+    /**
+     * `localStorage` key for dismissal persistence.
+     * Set to `false` to disable persistence (tour can restart every load).
+     * Default key is `DEFAULT_EDITOR_TOUR_STORAGE_KEY` when omitted.
+     */
+    storageKey?: string | false;
+}
+
+export declare interface EditorTourStartOptions {
+    /** Zero-based index into the active (filtered) step list */
+    stepIndex?: number;
+}
+
+export declare interface EditorTourStep {
+    /** Any valid `document.querySelector` selector (editor internals or host DOM). */
+    target: string;
+    title: string;
+    text: string;
+    placement?: EditorTourStepPlacement;
+    /**
+     * When the target is absent, skip this step. Default `true`.
+     * Set `false` to keep the step even if the node is missing (rect will be null — avoided).
+     */
+    skipIfMissing?: boolean;
+}
+
+/**
+ * Guided tour types for Templatical Editor `init()` / `initCloud()`.
+ */
+/** Reserved tooltip placement hints for layout inside the viewport. */
+export declare type EditorTourStepPlacement = "canvas" | "sidebar" | "rightSidebar" | "below";
+
+/** Email vs popup builder chrome (sidebar layout). */
+export declare type EditorType = "email" | "popup";
+
 export declare interface FontOption {
     value: string;
     label: string;
@@ -123,6 +167,14 @@ export declare interface TemplaticalCloudEditorConfig {
      * Cloud white-label plans hide the footer regardless of this setting.
      */
     branding?: boolean;
+    /**
+     * Multi-step canvas for popup-style flows. See {@link TemplaticalEditorConfig.multiPageCanvas}.
+     */
+    multiPageCanvas?: boolean;
+    /**
+     * Same semantics as {@link TemplaticalEditorConfig.editorType} (popup adds icon rail).
+     */
+    editorType?: EditorType | string;
     ai?: AiConfig | false;
     commenting?: boolean;
     collaboration?: CollaborationConfig;
@@ -146,25 +198,27 @@ export declare interface TemplaticalCloudEditorConfig {
     onRequestMedia?: (context: MediaRequestContext_2) => Promise<MediaItem | null>;
     onBeforeTestEmail?: (html: string) => string | Promise<string>;
     /**
-     * Accessibility linter (`@templatical/quality`) configuration. Cloud
+     * Accessibility linter (`@aswin.dev/quality`) configuration. Cloud
      * additionally merges `planConfig.accessibility` from the server (server
      * policy wins on conflict) — this option sets the consumer-supplied baseline.
      */
     accessibility?: A11yOptions_2;
+    /** Optional guided tour (same shape as the OSS editor `tour` option). */
+    tour?: EditorTourConfig;
 }
 
 export declare interface TemplaticalEditor extends TemplaticalEditorBase {
     /**
      * Render the current template to an MJML string. Resolves custom blocks
      * via the editor's internal block registry. Throws if the optional
-     * `@templatical/renderer` package is not installed.
+     * `@aswin.dev/renderer` package is not installed.
      */
     toMjml(): Promise<string>;
     /**
      * Render a single custom block to its HTML representation, using the
      * registered custom block definition's template and the block's current
      * field values. Exposed for headless callers that want to reuse the
-     * editor's renderer (e.g., to drive `@templatical/renderer`'s
+     * editor's renderer (e.g., to drive `@aswin.dev/renderer`'s
      * `renderCustomBlock` option from outside the editor instance).
      */
     renderCustomBlock(block: CustomBlock): Promise<string>;
@@ -175,6 +229,12 @@ declare interface TemplaticalEditorBase {
     setContent(content: TemplateContent): void;
     setTheme(theme: UiTheme): void;
     unmount(): void;
+    /** Requires `tour` in editor config; otherwise no-ops. */
+    startTour(options?: EditorTourStartOptions): void;
+    dismissTour(): void;
+    resetTourDismissed(): void;
+    /** `true` when no tour is configured or the user dismissed a persisted tour. */
+    isTourDismissed(): boolean;
 }
 
 export declare interface TemplaticalEditorConfig {
@@ -199,14 +259,31 @@ export declare interface TemplaticalEditorConfig {
      */
     branding?: boolean;
     /**
-     * Accessibility linter (`@templatical/quality`) configuration.
+     * Multi-step canvas (popup flows): step strip above the canvas; content exposes
+     * {@link TemplateContent.canvasPages} and {@link TemplateContent.activeCanvasPageId}.
+     */
+    multiPageCanvas?: boolean;
+    /**
+     * `'email'` (default): single hover-expand block rail. `'popup'`: adds a left icon rail
+     * (Design, Blocks, Tab, …) beside the same block palette when Blocks is selected.
+     * The value is provided through `EDITOR_TYPE_KEY`. Case-insensitive strings such as
+     * `'POPUP'` are accepted.
+     */
+    editorType?: EditorType | string;
+    /**
+     * Accessibility linter (`@aswin.dev/quality`) configuration.
      *
      * - When unset, the linter loads on demand once the user opens the panel.
      * - When `disabled: true`, the optional peer is never imported (saves the
      *   chunk download) and the sidebar tab + inline badges are suppressed.
-     * - `rules`/`thresholds` follow the shape exported by `@templatical/quality`.
+     * - `rules`/`thresholds` follow the shape exported by `@aswin.dev/quality`.
      */
     accessibility?: A11yOptions;
+    /**
+     * Optional spotlight tour (inside or outside the editor DOM via selectors).
+     * Use `startTour` / `isTourDismissed` on the instance; default copy lives under locale `tour.defaults`.
+     */
+    tour?: EditorTourConfig;
 }
 
 export { ThemeOverrides }
@@ -248,9 +325,9 @@ declare module "@tiptap/core" {
 
 declare module "@tiptap/core" {
     interface Commands<ReturnType> {
-        lineHeight: {
-            setLineHeight: (lineHeight: string) => ReturnType;
-            unsetLineHeight: () => ReturnType;
+        fontSize: {
+            setFontSize: (size: string) => ReturnType;
+            unsetFontSize: () => ReturnType;
         };
     }
 }
@@ -267,9 +344,9 @@ declare module "@tiptap/core" {
 
 declare module "@tiptap/core" {
     interface Commands<ReturnType> {
-        fontSize: {
-            setFontSize: (size: string) => ReturnType;
-            unsetFontSize: () => ReturnType;
+        lineHeight: {
+            setLineHeight: (lineHeight: string) => ReturnType;
+            unsetLineHeight: () => ReturnType;
         };
     }
 }

package/dist/{info-CJEC7piy.js → info-BSPGcsSM.js}

@@ -1,4 +1,4 @@
-import { t as e } from "./createLucideIcon-C3pa2siy.js";
+import { t as e } from "./createLucideIcon-ClREiSx3.js";
 var t = e("info", [
 	["circle", {
 		cx: "12",

package/dist/keys-CvX8D-8C.js

@@ -0,0 +1,10 @@
+import { D as e } from "./vue.runtime.esm-bundler-CjauPXjj.js";
+//#region src/keys.ts
+var t = Symbol("translations"), n = Symbol("editor"), r = Symbol("editorType"), i = Symbol("popupRailTab"), a = Symbol("history"), o = Symbol("blockActions"), s = Symbol("conditionPreview"), c = Symbol("fontsManager"), l = Symbol("themeStyles"), u = Symbol("tplUiTheme"), d = Symbol("blockDefaults"), f = Symbol("blockRegistry"), p = Symbol("customBlockDefinitions"), m = Symbol("mergeTags"), h = Symbol("mergeTagSyntax"), g = Symbol("onRequestMergeTag"), _ = Symbol("mergeTagAutocomplete"), v = Symbol("onRequestMedia"), y = Symbol("displayConditions"), b = Symbol("allowCustomConditions"), x = Symbol("capabilities"), S = Symbol("keyboardReorder"), C = Symbol("accessibilityLint"), w = Symbol("authManager"), T = Symbol("aiConfig"), E = Symbol("comments"), D = Symbol("savedModulesHeadless"), O = Symbol("scoring"), k = Symbol("cloudTranslations");
+function A(t, n) {
+	let r = e(t, null);
+	if (r == null) throw Error(`${n} requires a provider for ${t.description ?? "unknown key"}. Ensure it is a descendant of Editor or CloudEditor.`);
+	return r;
+}
+//#endregion
+export { A, g as C, l as D, O as E, t as O, v as S, D as T, a as _, o as a, _ as b, x as c, s as d, p as f, c as g, r as h, w as i, u as k, k as l, n as m, T as n, d as o, y as p, b as r, f as s, C as t, E as u, S as v, i as w, h as x, m as y };