@templatical/editor 0.31.0 → 0.33.0

package/dist/{SaveBlockDialog-CKw4Va6j.js → SaveBlockDialog-DABN4-Jf.js}

@@ -1,15 +1,15 @@
-import { B as e, D as t, Dt as n, E as r, L as i, Ot as a, P as o, S as s, X as c, c as l, d as u, g as d, h as f, j as p, k as m, kt as h, l as g, r as _, rt as v, s as y, u as b, v as x, z as S } from "./vue.runtime.esm-bundler-BhOUdXMi.js";
-import { a as C, c as w, s as T } from "./runtime-dom.esm-bundler-Co_SPqAz.js";
-import { B as E, N as D, c as O } from "./useEditorCore-CtR46sbJ.js";
-import { L as k, W as A, f as j, h as ee } from "./keys-BJtoezGU.js";
-import { t as te } from "./useI18n-B135ASaG.js";
-import { t as M } from "./chevron-down-BmkLsn2c.js";
-import { t as N } from "./chevron-up-DJSAzlUU.js";
-import { t as P } from "./loader-circle-Bwima0v8.js";
+import { B as e, D as t, Dt as n, E as r, L as i, Ot as a, P as o, S as s, X as c, c as l, d as u, g as d, h as f, j as p, k as m, kt as h, l as g, r as _, rt as v, s as y, u as b, v as x, z as S } from "./vue.runtime.esm-bundler-D9JUcKrV.js";
+import { a as C, c as w, s as T } from "./runtime-dom.esm-bundler-BuG03jBM.js";
+import { N as E, Y as ee, c as D } from "./useEditorCore-BWrxHVKW.js";
+import { K as O, L as k, f as A, h as j } from "./keys-BJJ4hJ4z.js";
+import { t as M } from "./useI18n-DUVIAju4.js";
+import { t as te } from "./chevron-down-a-fb_Ijn.js";
+import { t as N } from "./chevron-up-x4l0et_Y.js";
+import { t as P } from "./loader-circle-t-SVgmJ3.js";
 import { v as F } from "./styleConstants-C_YAPdQS.js";
 import { n as I } from "./emailFrameWidth-BmFCN2dp.js";
-import { t as L } from "./TplModal-DswccJRJ.js";
-import { t as R } from "./BlockPreviewCanvas-DQNxLy7u.js";
+import { t as L } from "./TplModal-CEYnwBBk.js";
+import { t as R } from "./BlockPreviewCanvas-mZIr9mY2.js";
 //#region src/components/SavedBlockPreviewRow.vue?vue&type=script&setup=true&lang.ts
 var z = ["data-block-id"], B = ["aria-label", "title"], V = { class: "tpl:relative tpl:min-w-0 tpl:flex-1" }, H = {
 	key: 0,
@@ -26,21 +26,21 @@ var z = ["data-block-id"], B = ["aria-label", "title"], V = { class: "tpl:relati
 	},
 	emits: ["move"],
 	setup(e, { emit: n }) {
-		let i = e, p = n, { t: _, format: x } = te(), S = s(j, []), C = s(ee, null), O = y(() => I(C?.content.value.settings)), k = c(null), A = c(null), P = c(1), F = c(null), L = c(!1), G = null, K = y(() => F.value !== null && F.value > W), q = y(() => F.value === null ? null : L.value || !K.value ? F.value : W);
+		let i = e, p = n, { t: _, format: x } = M(), S = s(A, []), C = s(j, null), D = y(() => I(C?.content.value.settings)), O = c(null), k = c(null), P = c(1), F = c(null), L = c(!1), G = null, K = y(() => F.value !== null && F.value > W), q = y(() => F.value === null ? null : L.value || !K.value ? F.value : W);
 		function J() {
-			let e = k.value, t = A.value;
+			let e = O.value, t = k.value;
 			if (!e || !t) return;
 			let n = e.clientWidth;
 			if (n <= 0) return;
-			let r = Math.min(1, n / O.value);
+			let r = Math.min(1, n / D.value);
 			P.value = r, F.value = t.offsetHeight * r;
 		}
 		t(() => {
-			J(), !(typeof ResizeObserver > "u") && (G = new ResizeObserver(() => J()), k.value && G.observe(k.value), A.value && G.observe(A.value));
+			J(), !(typeof ResizeObserver > "u") && (G = new ResizeObserver(() => J()), O.value && G.observe(O.value), k.value && G.observe(k.value));
 		}), r(() => {
 			G?.disconnect(), G = null;
 		});
-		let Y = y(() => E(i.block, _, S)), X = y(() => x(_.savedBlocks.reorderHandle, {
+		let Y = y(() => ee(i.block, _, S)), X = y(() => x(_.savedBlocks.reorderHandle, {
 			block: Y.value,
 			position: i.position,
 			total: i.total
@@ -57,20 +57,20 @@ var z = ["data-block-id"], B = ["aria-label", "title"], V = { class: "tpl:relati
 			"aria-label": X.value,
 			title: v(_).savedBlocks.reorderHint,
 			onKeydown: [n[0] ||= T(w((e) => p("move", -1), ["prevent"]), ["up"]), n[1] ||= T(w((e) => p("move", 1), ["prevent"]), ["down"])]
-		}, [d(v(D), {
+		}, [d(v(E), {
 			size: 14,
 			"stroke-width": 1.5
 		})], 40, B), l("div", V, [
 			l("div", {
 				ref_key: "frameEl",
-				ref: k,
+				ref: O,
 				class: "tpl:overflow-hidden",
 				style: a({ height: q.value === null ? void 0 : `${q.value}px` })
 			}, [l("div", {
 				ref_key: "contentEl",
-				ref: A,
+				ref: k,
 				style: a({
-					width: `${O.value}px`,
+					width: `${D.value}px`,
 					transform: `scale(${P.value})`,
 					transformOrigin: "top left"
 				})
@@ -84,7 +84,7 @@ var z = ["data-block-id"], B = ["aria-label", "title"], V = { class: "tpl:relati
 				"aria-label": Z.value,
 				"aria-expanded": L.value,
 				onClick: n[2] ||= (e) => L.value = !L.value
-			}, [(m(), g(o(L.value ? v(N) : v(M)), {
+			}, [(m(), g(o(L.value ? v(N) : v(te)), {
 				size: 11,
 				"stroke-width": 2
 			})), f(" " + h(L.value ? v(_).savedBlocks.collapse : v(_).savedBlocks.expand), 1)], 8, U)) : b("", !0)
@@ -122,7 +122,7 @@ var z = ["data-block-id"], B = ["aria-label", "title"], V = { class: "tpl:relati
 	},
 	emits: ["close", "saved"],
 	setup(t, { emit: r }) {
-		let a = t, o = r, { t: x, format: w } = te(), T = A(ee, "SaveBlockDialog"), D = A(k, "SaveBlockDialog"), M = s(j, []), N = c(""), I = c(""), R = c(!1), z = c(null), B = c(""), V = c([]), H = y(() => {
+		let a = t, o = r, { t: x, format: w } = M(), T = O(j, "SaveBlockDialog"), E = O(k, "SaveBlockDialog"), te = s(A, []), N = c(""), I = c(""), R = c(!1), z = c(null), B = c(""), V = c([]), H = y(() => {
 			let e = new Map(T.content.value.blocks.map((e) => [e.id, e]));
 			return V.value.map((t) => e.get(t)).filter((e) => e !== void 0);
 		}), U = y({
@@ -143,7 +143,7 @@ var z = ["data-block-id"], B = ["aria-label", "title"], V = { class: "tpl:relati
 			}) : "";
 		}
 		function Q(e) {
-			return E(e, x, M);
+			return ee(e, x, te);
 		}
 		let ge = y(() => H.value.map(Q).join(", "));
 		i(() => a.visible, (e) => {
@@ -156,7 +156,7 @@ var z = ["data-block-id"], B = ["aria-label", "title"], V = { class: "tpl:relati
 			if (e.length !== 0) {
 				R.value = !0, z.value = null;
 				try {
-					await D.create(N.value.trim(), e, I.value.trim() || void 0), o("saved"), o("close");
+					await E.create(N.value.trim(), e, I.value.trim() || void 0), o("saved"), o("close");
 				} catch (e) {
 					z.value = e.message;
 				} finally {
@@ -207,14 +207,14 @@ var z = ["data-block-id"], B = ["aria-label", "title"], V = { class: "tpl:relati
 						class: "tpl:h-9 tpl:w-full tpl:rounded-md tpl:border tpl:px-3 tpl:py-1 tpl:text-sm tpl:shadow-[var(--tpl-shadow-sm)] tpl:outline-none tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:text-[var(--tpl-text)]",
 						disabled: R.value
 					}, null, 8, re), [[C, I.value]]),
-					l("datalist", ie, [(m(!0), u(_, null, p(v(D).categories.value, (e) => (m(), u("option", {
+					l("datalist", ie, [(m(!0), u(_, null, p(v(E).categories.value, (e) => (m(), u("option", {
 						key: e,
 						value: e
 					}, null, 8, ae))), 128))])
 				]),
 				l("p", oe, [f(h(v(w)(v(x).savedBlocks.savingCount, { count: H.value.length })) + " ", 1), l("span", se, h(ge.value), 1)]),
 				H.value.length > 1 ? (m(), u("p", ce, h(v(x).savedBlocks.reorderHint), 1)) : b("", !0),
-				d(v(O), {
+				d(v(D), {
 					modelValue: U.value,
 					"onUpdate:modelValue": i[2] ||= (e) => U.value = e,
 					"data-testid": "saved-blocks-reorder-list",

package/dist/SavedBlocksBrowserModal-BoylzTEq.js

@@ -0,0 +1,322 @@
+import { B as e, Dt as t, L as n, Ot as r, P as i, S as a, T as ee, X as o, _ as te, c as s, d as c, g as l, j as u, k as d, kt as f, l as p, r as m, rt as h, s as g, u as _, v, z as ne } from "./vue.runtime.esm-bundler-D9JUcKrV.js";
+import { a as y, c as b, i as x, s as S } from "./runtime-dom.esm-bundler-BuG03jBM.js";
+import "./useEditorCore-BWrxHVKW.js";
+import { K as C, L as re, U as ie, h as ae } from "./keys-BJJ4hJ4z.js";
+import { t as oe } from "./useI18n-DUVIAju4.js";
+import { n as se, r as w, t as T } from "./blockTypeIcons-IhdBwbxp.js";
+import { t as ce } from "./pencil-2qhC-Y4q.js";
+import { t as le } from "./trash-rYMzzHZd.js";
+import { t as ue } from "./x-DJOd1hS4.js";
+import { v as de } from "./styleConstants-C_YAPdQS.js";
+import { t as fe } from "./formatAbsoluteDateTime-DMmop3C-.js";
+import { t as pe } from "./formatRelativeTime-CtUU-QZ8.js";
+import { t as me } from "./TplModal-CEYnwBBk.js";
+//#region src/components/SavedBlocksBrowserModal.vue?vue&type=script&setup=true&lang.ts
+var he = {
+	role: "dialog",
+	"aria-modal": "true",
+	"data-testid": "saved-blocks-browser",
+	"aria-labelledby": "tpl-saved-blocks-browser-title",
+	class: "tpl-scale-in tpl:flex tpl:max-h-[90%] tpl:w-[1000px] tpl:max-w-full tpl:flex-col tpl:rounded-[var(--tpl-radius-lg)]",
+	style: {
+		"background-color": "var(--tpl-bg-elevated)",
+		"box-shadow": "var(--tpl-shadow-xl)"
+	}
+}, ge = { class: "tpl:flex tpl:items-center tpl:justify-between tpl:border-b tpl:px-5 tpl:py-4 tpl:border-[var(--tpl-border)]" }, _e = {
+	id: "tpl-saved-blocks-browser-title",
+	class: "tpl:text-sm tpl:font-semibold tpl:text-[var(--tpl-text)]"
+}, ve = ["aria-label"], ye = { class: "tpl:flex tpl:min-h-0 tpl:flex-1 tpl:overflow-hidden" }, be = { class: "tpl:flex tpl:w-[300px] tpl:shrink-0 tpl:flex-col tpl:overflow-hidden" }, xe = { class: "tpl:flex tpl:flex-col tpl:gap-2 tpl:px-4 tpl:pt-4 tpl:pb-3" }, Se = { class: "tpl:relative" }, Ce = ["placeholder", "disabled"], we = ["aria-label"], Te = { value: "" }, E = ["value"], D = { id: "tpl-saved-block-browser-categories" }, O = ["value"], Ee = { class: "tpl:flex-1 tpl:overflow-y-auto tpl:px-4 tpl:pb-4" }, De = ["aria-label"], Oe = {
+	key: 1,
+	class: "tpl:flex tpl:flex-col tpl:gap-1"
+}, ke = ["onFocusout"], Ae = ["aria-label", "onKeydown"], je = [
+	"aria-label",
+	"placeholder",
+	"onKeydown"
+], Me = ["aria-pressed", "onClick"], Ne = { class: "tpl:flex tpl:items-center tpl:gap-2" }, Pe = { class: "tpl:flex-1 tpl:truncate tpl:text-xs tpl:font-semibold tpl:text-[var(--tpl-text)]" }, Fe = { class: "tpl:shrink-0 tpl:rounded-full tpl:px-1.5 tpl:py-0.5 tpl:text-[10px] tpl:font-medium tpl:bg-[var(--tpl-bg-hover)] tpl:text-[var(--tpl-text-muted)]" }, Ie = {
+	key: 0,
+	class: "tpl:mt-1 tpl:flex tpl:items-center"
+}, Le = {
+	"data-testid": "saved-block-category",
+	class: "tpl:max-w-full tpl:truncate tpl:rounded tpl:px-1.5 tpl:py-0.5 tpl:text-[10px] tpl:font-medium tpl:bg-[var(--tpl-primary-light)] tpl:text-[var(--tpl-primary)]"
+}, Re = { class: "tpl:mt-1 tpl:flex tpl:items-center tpl:gap-1" }, ze = {
+	key: 0,
+	class: "tpl:text-[10px] tpl:text-[var(--tpl-text-dim)]"
+}, Be = ["title"], Ve = ["aria-label", "onClick"], He = [
+	"aria-label",
+	"title",
+	"onClick"
+], Ue = [
+	"aria-label",
+	"title",
+	"onClick"
+], We = {
+	key: 2,
+	class: "tpl:flex tpl:flex-col tpl:items-center tpl:justify-center tpl:py-12"
+}, Ge = {
+	key: 0,
+	class: "tpl:mt-2 tpl:text-xs tpl:text-[var(--tpl-text-dim)]"
+}, Ke = { class: "tpl:mt-2 tpl:text-xs tpl:text-[var(--tpl-text-dim)]" }, qe = { class: "tpl:mt-1 tpl:max-w-[220px] tpl:text-center tpl:text-xs tpl:text-[var(--tpl-text-dim)]" }, Je = { class: "tpl:flex tpl:flex-1 tpl:flex-col tpl:overflow-hidden tpl:border-l tpl:border-[var(--tpl-border)]" }, Ye = {
+	key: 0,
+	class: "tpl:flex tpl:flex-1 tpl:flex-col tpl:overflow-hidden"
+}, Xe = { class: "tpl:flex-1 tpl:overflow-y-auto tpl:p-4" }, Ze = {
+	key: 1,
+	class: "tpl:flex tpl:flex-1 tpl:flex-col tpl:items-center tpl:justify-center tpl:px-4"
+}, Qe = { class: "tpl:mt-2 tpl:text-center tpl:text-xs tpl:text-[var(--tpl-text-dim)]" }, $e = { class: "tpl:flex tpl:items-center tpl:justify-between tpl:border-t tpl:px-5 tpl:py-3 tpl:border-[var(--tpl-border)]" }, et = { class: "tpl:flex tpl:items-center tpl:gap-2" }, tt = { class: "tpl:shrink-0 tpl:text-xs tpl:text-[var(--tpl-text-dim)]" }, nt = ["value"], rt = { class: "tpl:flex tpl:gap-2" }, it = ["disabled"], k = /* @__PURE__ */ v({
+	__name: "SavedBlocksBrowserModal",
+	props: { visible: { type: Boolean } },
+	emits: ["close", "insert"],
+	setup(v, { emit: k }) {
+		let at = v, A = k, ot = te(() => import("./BlockPreviewCanvas-mZIr9mY2.js").then((e) => e.n)), { t: j, format: M } = oe(), N = C(re, "SavedBlocksBrowserModal"), P = C(ae, "SavedBlocksBrowserModal"), st = a(ie, void 0), F = o(""), I = o(""), L = o(null), R = o(null), z = o(null), B = o(""), V = o(""), H = o(null), U = o("end"), W = g(() => {
+			let e = F.value.trim().toLowerCase(), t = I.value;
+			return N.savedBlocks.value.filter((n) => !(e && !n.name.toLowerCase().includes(e) || t && n.category !== t));
+		}), G = g(() => N.isLoading.value && N.savedBlocks.value.length === 0), ct = g(() => F.value.trim().length > 0 || I.value !== ""), K = g(() => L.value ? N.savedBlocks.value.find((e) => e.id === L.value) ?? null : null), lt = g(() => {
+			let e = [{
+				value: "beginning",
+				label: j.savedBlocks.insertAtBeginning
+			}], t = P.content.value.blocks;
+			for (let n = 0; n < t.length; n++) {
+				let r = t[n], i = r.type, a = j.blocks[i] ?? r.type;
+				e.push({
+					value: r.id,
+					label: M(j.savedBlocks.insertAfterBlock, { block: `${a} ${n + 1}` })
+				});
+			}
+			return e.push({
+				value: "end",
+				label: j.savedBlocks.insertAtEnd
+			}), e;
+		}), ut = g(() => {
+			if (U.value === "end") return;
+			if (U.value === "beginning") return 0;
+			let e = P.content.value.blocks.findIndex((e) => e.id === U.value);
+			if (e !== -1) return e + 1;
+		});
+		n(() => at.visible, (e) => {
+			if (e) {
+				F.value = "", I.value = "", L.value = null, R.value = null, z.value = null;
+				let e = P.state.selectedBlockId;
+				if (e) {
+					let t = P.content.value.blocks.findIndex((t) => t.id === e);
+					U.value = t === -1 ? "end" : e;
+				} else U.value = "end";
+			}
+		}, { immediate: !0 });
+		function dt(e) {
+			let t = [], n = /* @__PURE__ */ new Set();
+			for (let r of e.content) if (!n.has(r.type) && T[r.type] && (n.add(r.type), t.push({
+				type: r.type,
+				icon: T[r.type]
+			})), t.length >= 5) break;
+			return t;
+		}
+		function q(e) {
+			let t = new Set(e.content.map((e) => e.type));
+			return Math.max(0, t.size - 5);
+		}
+		function J(e) {
+			let t = e.updatedAt ?? e.createdAt;
+			return t ? pe(t, j.time, M) ?? "" : "";
+		}
+		function ft(e) {
+			let t = e.updatedAt ?? e.createdAt;
+			return t ? fe(t, st) : "";
+		}
+		async function pt(e) {
+			try {
+				await N.remove(e), L.value === e && (L.value = null);
+			} finally {
+				R.value = null;
+			}
+		}
+		async function Y(e) {
+			N.canUpdateBlock(e) && (z.value = e.id, B.value = e.name, V.value = e.category ?? "", R.value = null, await ee(), H.value?.focus(), H.value?.select());
+		}
+		function X() {
+			z.value = null, B.value = "", V.value = "";
+		}
+		async function Z(e) {
+			if (z.value !== e) return;
+			let t = B.value.trim(), n = V.value.trim(), r = N.savedBlocks.value.find((t) => t.id === e), i = {};
+			if (t && t !== r?.name && (i.name = t), n !== (r?.category ?? "") && (i.category = n), Object.keys(i).length === 0) {
+				X();
+				return;
+			}
+			try {
+				await N.update(e, i);
+			} finally {
+				X();
+			}
+		}
+		function mt(e, t) {
+			let n = e.currentTarget, r = e.relatedTarget;
+			r && n.contains(r) || Z(t);
+		}
+		function Q() {
+			K.value && A("insert", K.value, ut.value);
+		}
+		function $() {
+			A("close");
+		}
+		function ht(e) {
+			z.value || (e.key === "Escape" && $(), e.key === "Enter" && K.value && (e.preventDefault(), Q()));
+		}
+		return (n, a) => (d(), p(me, {
+			visible: v.visible,
+			onClose: $,
+			onKeydown: ht
+		}, {
+			default: ne(() => [s("div", he, [
+				s("div", ge, [s("h3", _e, f(h(j).savedBlocks.browse), 1), s("button", {
+					"aria-label": h(j).savedBlocks.close,
+					class: "tpl:cursor-pointer tpl:rounded-md tpl:border-none tpl:bg-transparent tpl:p-1 tpl:transition-colors tpl:text-[var(--tpl-text-dim)]",
+					onClick: $
+				}, [l(h(ue), {
+					size: 16,
+					"stroke-width": 2
+				})], 8, ve)]),
+				s("div", ye, [s("div", be, [
+					s("div", xe, [s("div", Se, [l(h(se), {
+						size: 14,
+						"stroke-width": 2,
+						class: "tpl:pointer-events-none tpl:absolute tpl:left-3 tpl:top-1/2 tpl:-translate-y-1/2 tpl:text-[var(--tpl-text-dim)]"
+					}), e(s("input", {
+						"onUpdate:modelValue": a[0] ||= (e) => F.value = e,
+						type: "text",
+						placeholder: h(j).savedBlocks.search,
+						disabled: G.value,
+						class: "tpl:h-9 tpl:w-full tpl:rounded-md tpl:border tpl:pl-9 tpl:pr-3 tpl:text-sm tpl:outline-none tpl:disabled:opacity-50 tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:text-[var(--tpl-text)]"
+					}, null, 8, Ce), [[y, F.value]])]), h(N).categories.value.length > 0 ? e((d(), c("select", {
+						key: 0,
+						"onUpdate:modelValue": a[1] ||= (e) => I.value = e,
+						"data-testid": "saved-blocks-category-filter",
+						"aria-label": h(j).savedBlocks.filterByCategory,
+						class: "tpl:h-8 tpl:w-full tpl:rounded-md tpl:border tpl:px-2 tpl:text-xs tpl:outline-none tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:text-[var(--tpl-text)]"
+					}, [s("option", Te, f(h(j).savedBlocks.allCategories), 1), (d(!0), c(m, null, u(h(N).categories.value, (e) => (d(), c("option", {
+						key: e,
+						value: e
+					}, f(e), 9, E))), 128))], 8, we)), [[x, I.value]]) : _("", !0)]),
+					s("datalist", D, [(d(!0), c(m, null, u(h(N).categories.value, (e) => (d(), c("option", {
+						key: e,
+						value: e
+					}, null, 8, O))), 128))]),
+					s("div", Ee, [G.value ? (d(), c("div", {
+						key: 0,
+						"data-testid": "saved-blocks-loading",
+						class: "tpl:flex tpl:flex-col tpl:gap-1",
+						role: "status",
+						"aria-busy": "true",
+						"aria-label": h(j).savedBlocks.loading
+					}, [(d(), c(m, null, u(3, (e) => s("div", {
+						key: e,
+						"aria-hidden": "true",
+						class: "tpl-saved-block-skeleton tpl:rounded-[var(--tpl-radius-md)] tpl:border tpl:px-3 tpl:py-2 tpl:border-[var(--tpl-border)]"
+					}, [...a[7] ||= [s("div", { class: "tpl:h-3 tpl:w-1/2 tpl:rounded tpl:bg-[var(--tpl-bg-hover)]" }, null, -1), s("div", { class: "tpl:mt-2 tpl:h-2.5 tpl:w-1/4 tpl:rounded tpl:bg-[var(--tpl-bg-hover)]" }, null, -1)]])), 64))], 8, De)) : W.value.length > 0 ? (d(), c("div", Oe, [(d(!0), c(m, null, u(W.value, (n) => (d(), c(m, { key: n.id }, [z.value === n.id ? (d(), c("div", {
+						key: 0,
+						class: "tpl:flex tpl:w-full tpl:flex-col tpl:gap-1 tpl:rounded-[var(--tpl-radius-md)] tpl:border tpl:px-3 tpl:py-2 tpl:border-[var(--tpl-primary)]",
+						style: { "background-color": "var(--tpl-primary-light)" },
+						onFocusout: (e) => mt(e, n.id)
+					}, [e(s("input", {
+						ref_for: !0,
+						ref: (e) => H.value = e,
+						"onUpdate:modelValue": a[2] ||= (e) => B.value = e,
+						type: "text",
+						"aria-label": h(j).savedBlocks.rename,
+						class: "tpl:h-7 tpl:w-full tpl:rounded-md tpl:border tpl:px-2 tpl:text-xs tpl:outline-none tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:text-[var(--tpl-text)]",
+						onKeydown: [S(b((e) => Z(n.id), ["prevent", "stop"]), ["enter"]), a[3] ||= S(b((e) => X(), ["prevent", "stop"]), ["esc"])]
+					}, null, 40, Ae), [[y, B.value]]), e(s("input", {
+						"onUpdate:modelValue": a[4] ||= (e) => V.value = e,
+						type: "text",
+						"data-testid": "saved-blocks-edit-category",
+						"aria-label": h(j).savedBlocks.category,
+						placeholder: h(j).savedBlocks.categoryPlaceholder,
+						list: "tpl-saved-block-browser-categories",
+						class: "tpl:h-7 tpl:w-full tpl:rounded-md tpl:border tpl:px-2 tpl:text-xs tpl:outline-none tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:text-[var(--tpl-text)]",
+						onKeydown: [S(b((e) => Z(n.id), ["prevent", "stop"]), ["enter"]), a[5] ||= S(b((e) => X(), ["prevent", "stop"]), ["esc"])]
+					}, null, 40, je), [[y, V.value]])], 40, ke)) : (d(), c("button", {
+						key: 1,
+						type: "button",
+						"data-testid": "saved-block-card",
+						"aria-pressed": L.value === n.id,
+						class: "tpl:group/card tpl:w-full tpl:cursor-pointer tpl:rounded-[var(--tpl-radius-md)] tpl:border tpl:bg-transparent tpl:px-3 tpl:py-2 tpl:text-left tpl:transition-all tpl:duration-[120ms]",
+						style: r({
+							borderColor: L.value === n.id ? "var(--tpl-primary)" : "var(--tpl-border)",
+							backgroundColor: L.value === n.id ? "var(--tpl-primary-light)" : "transparent"
+						}),
+						onClick: (e) => L.value = n.id
+					}, [
+						s("div", Ne, [s("span", Pe, f(n.name), 1), s("span", Fe, f(h(M)(h(j).savedBlocks.blockCount, { count: n.content.length })), 1)]),
+						n.category ? (d(), c("div", Ie, [s("span", Le, f(n.category), 1)])) : _("", !0),
+						s("div", Re, [
+							(d(!0), c(m, null, u(dt(n), (e) => (d(), p(i(e.icon), {
+								key: e.type,
+								size: 14,
+								"stroke-width": 1.5,
+								class: "tpl:text-[var(--tpl-text-dim)]"
+							}))), 128)),
+							q(n) > 0 ? (d(), c("span", ze, " +" + f(q(n)), 1)) : _("", !0),
+							J(n) ? (d(), c("span", {
+								key: 1,
+								"data-testid": "saved-block-updated",
+								class: "tpl:ml-1 tpl:truncate tpl:text-[10px] tpl:text-[var(--tpl-text-dim)]",
+								title: ft(n)
+							}, f(J(n)), 9, Be)) : _("", !0),
+							R.value === n.id ? (d(), c("button", {
+								key: 2,
+								"aria-label": h(j).savedBlocks.deleteConfirm,
+								class: "tpl:ml-auto tpl:cursor-pointer tpl:rounded-md tpl:border tpl:px-2 tpl:py-0.5 tpl:text-[10px] tpl:font-medium tpl:transition-colors tpl:border-[var(--tpl-danger)] tpl:text-[var(--tpl-danger)]",
+								style: { "background-color": "transparent" },
+								onClick: b((e) => pt(n.id), ["stop"])
+							}, f(h(j).savedBlocks.deleteConfirm), 9, Ve)) : (d(), c(m, { key: 3 }, [h(N).canUpdateBlock(n) ? (d(), c("button", {
+								key: 0,
+								class: "tpl-saved-block-rename-btn tpl:ml-auto tpl:cursor-pointer tpl:rounded-md tpl:border-none tpl:bg-transparent tpl:p-0.5 tpl:transition-colors tpl:text-[var(--tpl-text-dim)]",
+								"aria-label": h(j).savedBlocks.rename,
+								title: h(j).savedBlocks.rename,
+								onClick: b((e) => Y(n), ["stop"])
+							}, [l(h(ce), {
+								size: 12,
+								"stroke-width": 1.5
+							})], 8, He)) : _("", !0), h(N).canDeleteBlock(n) ? (d(), c("button", {
+								key: 1,
+								class: t(["tpl-saved-block-delete-btn tpl:cursor-pointer tpl:rounded-md tpl:border-none tpl:bg-transparent tpl:p-0.5 tpl:transition-colors tpl:text-[var(--tpl-text-dim)]", { "tpl:ml-auto": !h(N).canUpdateBlock(n) }]),
+								"aria-label": h(j).savedBlocks.delete,
+								title: h(j).savedBlocks.delete,
+								onClick: b((e) => R.value = n.id, ["stop"])
+							}, [l(h(le), {
+								size: 12,
+								"stroke-width": 1.5
+							})], 10, Ue)) : _("", !0)], 64))
+						])
+					], 12, Me))], 64))), 128))])) : (d(), c("div", We, [l(h(w), {
+						size: 32,
+						"stroke-width": 1,
+						class: "tpl:text-[var(--tpl-text-dim)]"
+					}), ct.value ? (d(), c("p", Ge, f(h(j).savedBlocks.noResults), 1)) : (d(), c(m, { key: 1 }, [s("p", Ke, f(h(j).savedBlocks.empty), 1), s("p", qe, f(h(j).savedBlocks.emptyHint), 1)], 64))]))])
+				]), s("div", Je, [K.value ? (d(), c("div", Ye, [s("div", Xe, [l(h(ot), { blocks: K.value.content }, null, 8, ["blocks"])])])) : (d(), c("div", Ze, [l(h(w), {
+					size: 32,
+					"stroke-width": 1,
+					class: "tpl:text-[var(--tpl-text-dim)]"
+				}), s("p", Qe, f(h(j).savedBlocks.selectToPreview), 1)]))])]),
+				s("div", $e, [s("div", et, [s("label", tt, f(h(j).savedBlocks.insertPosition), 1), e(s("select", {
+					"onUpdate:modelValue": a[6] ||= (e) => U.value = e,
+					class: "tpl:h-7 tpl:max-w-[220px] tpl:rounded-md tpl:border tpl:px-2 tpl:text-xs tpl:outline-none tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:text-[var(--tpl-text)]"
+				}, [(d(!0), c(m, null, u(lt.value, (e) => (d(), c("option", {
+					key: e.value,
+					value: e.value
+				}, f(e.label), 9, nt))), 128))], 512), [[x, U.value]])]), s("div", rt, [s("button", {
+					type: "button",
+					"data-testid": "saved-blocks-browser-close",
+					class: "tpl:cursor-pointer tpl:rounded-md tpl:border tpl:px-3 tpl:py-1.5 tpl:text-sm tpl:font-medium tpl:shadow-[var(--tpl-shadow-sm)] tpl:transition-all tpl:border-[var(--tpl-border)] tpl:text-[var(--tpl-text)] tpl:bg-[var(--tpl-bg)]",
+					onClick: $
+				}, f(h(j).savedBlocks.close), 1), s("button", {
+					type: "button",
+					class: t(h(de)),
+					disabled: !K.value,
+					onClick: Q
+				}, f(h(j).savedBlocks.insert), 11, it)])])
+			])]),
+			_: 1
+		}, 8, ["visible"]));
+	}
+});
+//#endregion
+export { k as default };

package/dist/{SavedBlocksPanels-ChV8bOgM.js → SavedBlocksPanels-2np4Yu1H.js}

@@ -1,11 +1,11 @@
-import { _ as e, d as t, k as n, l as r, r as i, rt as a, u as o, v as s } from "./vue.runtime.esm-bundler-BhOUdXMi.js";
+import { _ as e, d as t, k as n, l as r, r as i, rt as a, u as o, v as s } from "./vue.runtime.esm-bundler-D9JUcKrV.js";
 //#endregion
 //#region src/components/SavedBlocksPanels.vue
 var c = /* @__PURE__ */ s({
 	__name: "SavedBlocksPanels",
 	props: { feature: {} },
 	setup(s) {
-		let c = s, l = e(() => import("./SavedBlocksPickBar-BbEeD5RB.js")), u = e(() => import("./SaveBlockDialog-CKw4Va6j.js")), d = e(() => import("./SavedBlocksBrowserModal-SST-7EMK.js"));
+		let c = s, l = e(() => import("./SavedBlocksPickBar-BM7aTSK2.js")), u = e(() => import("./SaveBlockDialog-DABN4-Jf.js")), d = e(() => import("./SavedBlocksBrowserModal-BoylzTEq.js"));
 		function f(e, t) {
 			c.feature.insert(e, t);
 		}

package/dist/{SavedBlocksPickBar-BbEeD5RB.js → SavedBlocksPickBar-BM7aTSK2.js}

@@ -1,7 +1,7 @@
-import { c as e, d as t, g as n, h as r, k as i, kt as a, rt as o, v as s } from "./vue.runtime.esm-bundler-BhOUdXMi.js";
-import { L as c } from "./useEditorCore-CtR46sbJ.js";
-import { t as l } from "./useI18n-B135ASaG.js";
-import { t as u } from "./x-ChIQ7HwK.js";
+import { c as e, d as t, g as n, h as r, k as i, kt as a, rt as o, v as s } from "./vue.runtime.esm-bundler-D9JUcKrV.js";
+import { L as c } from "./useEditorCore-BWrxHVKW.js";
+import { t as l } from "./useI18n-DUVIAju4.js";
+import { t as u } from "./x-DJOd1hS4.js";
 //#region src/components/SavedBlocksPickBar.vue?vue&type=script&setup=true&lang.ts
 var d = {
 	"data-testid": "saved-blocks-pick-bar",

package/dist/{TemplateScoringPanel-De8BZpRU.js → TemplateScoringPanel-CzWoSM1V.js}

@@ -1,19 +1,19 @@
-import { Dt as e, L as t, Ot as n, P as r, S as i, X as a, c as o, d as s, g as c, h as l, j as u, k as d, kt as f, l as p, r as m, rt as h, u as g, v as _, z as ee } from "./vue.runtime.esm-bundler-BhOUdXMi.js";
-import { t as te } from "./runtime-dom.esm-bundler-Co_SPqAz.js";
-import { R as ne, T as re, W as v, h as y } from "./keys-BJtoezGU.js";
-import { t as b } from "./createLucideIcon-eeetEgBb.js";
-import { t as ie } from "./chevron-down-BmkLsn2c.js";
-import { t as x } from "./circle-alert-BsCfZryY.js";
-import { n as ae, t as S } from "./refresh-cw-BuzFX0wH.js";
-import { t as C } from "./info-LX4QFBr6.js";
-import { t as w } from "./loader-circle-Bwima0v8.js";
-import { t as T } from "./shield-check-Cz4BRYdv.js";
-import { t as E } from "./sparkles-DP8RqOeL.js";
-import { t as oe } from "./triangle-alert-Cx4mQGjx.js";
-import { t as se } from "./x-ChIQ7HwK.js";
-import { t as ce } from "./LoadingTrack-5KBr5cE8.js";
+import { Dt as e, L as t, Ot as n, P as r, S as i, X as a, c as o, d as s, g as c, h as l, j as u, k as d, kt as f, l as p, r as m, rt as h, u as g, v as _, z as ee } from "./vue.runtime.esm-bundler-D9JUcKrV.js";
+import { t as te } from "./runtime-dom.esm-bundler-BuG03jBM.js";
+import { K as v, R as ne, T as re, h as y } from "./keys-BJJ4hJ4z.js";
+import { t as b } from "./createLucideIcon-Bvw1Zx56.js";
+import { t as ie } from "./chevron-down-a-fb_Ijn.js";
+import { t as x } from "./circle-alert-CJDW5LZo.js";
+import { n as ae, t as S } from "./refresh-cw-C8SBuPdg.js";
+import { t as C } from "./info-DybAwcA3.js";
+import { t as w } from "./loader-circle-t-SVgmJ3.js";
+import { t as T } from "./shield-check-D0dMaHtE.js";
+import { t as E } from "./sparkles-Dy2BJjiX.js";
+import { t as oe } from "./triangle-alert-DxnFj4-B.js";
+import { t as se } from "./x-DJOd1hS4.js";
+import { t as ce } from "./LoadingTrack-SQXoZVf2.js";
 import { t as D } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { n as le } from "./useCloudI18n-BA69BpQ_.js";
+import { n as le } from "./useCloudI18n-DaKcDMDz.js";
 var O = b("shield-x", [
 	["path", {
 		d: "M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z",

package/dist/{TestEmailModal-4d2pXeHU.js → TestEmailModal-Cb0n7Dhj.js}

@@ -1,15 +1,15 @@
-import { B as e, Dt as t, L as n, S as r, X as i, c as a, d as o, g as s, h as c, j as l, k as u, kt as d, l as f, r as p, rt as m, s as h, u as g, v as _, z as ee } from "./vue.runtime.esm-bundler-BhOUdXMi.js";
-import { a as te, i as v } from "./runtime-dom.esm-bundler-Co_SPqAz.js";
-import { M as ne } from "./dist-CzVIVbSa.js";
-import { H as re } from "./useEditorCore-CtR46sbJ.js";
-import { I as ie, O as ae, T as oe, h as se } from "./keys-BJtoezGU.js";
-import { t as ce } from "./useI18n-B135ASaG.js";
-import { t as le } from "./check-80E6ZGin.js";
-import { t as ue } from "./loader-circle-Bwima0v8.js";
-import { n as de, t as fe } from "./MergeTagModeToggle-CZnJ2Gz_.js";
+import { B as e, Dt as t, L as n, S as r, X as i, c as a, d as o, g as s, h as c, j as l, k as u, kt as d, l as f, r as p, rt as m, s as h, u as g, v as _, z as ee } from "./vue.runtime.esm-bundler-D9JUcKrV.js";
+import { a as te, i as v } from "./runtime-dom.esm-bundler-BuG03jBM.js";
+import { N as ne } from "./dist-PL6vP4SC.js";
+import { Z as re } from "./useEditorCore-BWrxHVKW.js";
+import { I as ie, O as ae, T as oe, h as se } from "./keys-BJJ4hJ4z.js";
+import { t as ce } from "./useI18n-DUVIAju4.js";
+import { t as le } from "./check-JK8Uacq0.js";
+import { t as ue } from "./loader-circle-t-SVgmJ3.js";
+import { n as de, t as fe } from "./MergeTagModeToggle-DeI65T5k.js";
 import { v as pe } from "./styleConstants-C_YAPdQS.js";
-import { t as me } from "./TplModal-DswccJRJ.js";
-import { t as he } from "./BlockPreviewCanvas-DQNxLy7u.js";
+import { t as me } from "./TplModal-CEYnwBBk.js";
+import { t as he } from "./BlockPreviewCanvas-mZIr9mY2.js";
 //#region src/utils/validateEmailShape.ts
 var y = /[,;<>()[\]\\"'`|/?#@!$%^&*+=~{}]/;
 function b(e) {

package/dist/{TestEmailPanel-DEgCesNP.js → TestEmailPanel-52HjvuU7.js}

@@ -1,11 +1,11 @@
-import { _ as e, k as t, l as n, rt as r, u as i, v as a } from "./vue.runtime.esm-bundler-BhOUdXMi.js";
+import { _ as e, k as t, l as n, rt as r, u as i, v as a } from "./vue.runtime.esm-bundler-D9JUcKrV.js";
 //#endregion
 //#region src/components/TestEmailPanel.vue
 var o = /* @__PURE__ */ a({
 	__name: "TestEmailPanel",
 	props: { feature: {} },
 	setup(a) {
-		let o = a, s = e(() => import("./TestEmailModal-4d2pXeHU.js"));
+		let o = a, s = e(() => import("./TestEmailModal-Cb0n7Dhj.js"));
 		function c(e) {
 			o.feature.send(e);
 		}

package/dist/{TitleEditor-89pmKLVY.js → TitleEditor-_taBpBfB.js}

@@ -1,11 +1,11 @@
-import { Dt as e, G as t, Ot as n, S as r, c as i, d as a, g as o, h as s, i as c, k as l, kt as u, l as d, r as f, rt as p, s as m, u as h, v as g } from "./vue.runtime.esm-bundler-BhOUdXMi.js";
-import { C as ee, S as te } from "./useEditorCore-CtR46sbJ.js";
-import { B as ne, D as re, H as _, w as v } from "./keys-BJtoezGU.js";
-import { t as y } from "./useI18n-B135ASaG.js";
-import { n as b } from "./usePopoverPosition-DAOHr_iM.js";
-import { a as ie, i as x, n as S, r as ae, t as oe } from "./RichTextEditorContent-ChPNgHQ_.js";
-import { n as se, t as ce } from "./scan-line-Duq1WXoG.js";
-import { t as le } from "./loader-circle-Bwima0v8.js";
+import { Dt as e, G as t, Ot as n, S as r, c as i, d as a, g as o, h as s, i as c, k as l, kt as u, l as d, r as f, rt as p, s as m, u as h, v as g } from "./vue.runtime.esm-bundler-D9JUcKrV.js";
+import { C as ee, S as te } from "./useEditorCore-BWrxHVKW.js";
+import { D as ne, V as re, W as _, w as v } from "./keys-BJJ4hJ4z.js";
+import { t as y } from "./useI18n-DUVIAju4.js";
+import { n as b } from "./usePopoverPosition-APlWgXoQ.js";
+import { a as ie, i as x, n as S, r as ae, t as oe } from "./RichTextEditorContent-DKLVe6Io.js";
+import { n as se, t as ce } from "./scan-line-E7w4yQyv.js";
+import { t as le } from "./loader-circle-t-SVgmJ3.js";
 //#region src/components/blocks/TitleEditor.vue?vue&type=script&setup=true&lang.ts
 var C = { class: "tpl-text-editor-wrapper tpl:relative" }, w = ["data-tpl-theme", "aria-label"], T = ["aria-label", "title"], E = ["aria-label", "title"], D = ["aria-label", "title"], O = {
 	key: 0,
@@ -24,17 +24,17 @@ var C = { class: "tpl-text-editor-wrapper tpl:relative" }, w = ["data-tpl-theme"
 	},
 	emits: ["done"],
 	setup(g, { emit: N }) {
-		let P = g, F = N, I = r(ne, null), L = r(_, null), R = b(), z = r(re, null), B = r(v, null), V = m(() => (z?.isOpen.value ?? !1) || (B?.isOpen.value ?? !1)), { t: H } = y(), { editor: U, EditorContent: W, isLoading: G, initError: ue, retry: de, showLinkDialog: fe, linkUrl: K, linkColor: q, linkDialogRef: J, canRequestMergeTag: Y, canInsertLogicTag: X, openLinkDialog: Z, insertLink: pe, removeLink: me, closeLinkDialog: he, handleLinkKeydown: ge, handleAddMergeTag: Q, handleAddLogicTag: $ } = te({
+		let P = g, F = N, I = r(re, null), L = r(_, null), R = b(), z = r(ne, null), B = r(v, null), V = m(() => (z?.isOpen.value ?? !1) || (B?.isOpen.value ?? !1)), { t: H } = y(), { editor: U, EditorContent: W, isLoading: G, initError: ue, retry: de, showLinkDialog: fe, linkUrl: K, linkColor: q, linkDialogRef: J, canRequestMergeTag: Y, canInsertLogicTag: X, openLinkDialog: Z, insertLink: pe, removeLink: me, closeLinkDialog: he, handleLinkKeydown: ge, handleAddMergeTag: Q, handleAddLogicTag: $ } = te({
 			blockId: () => P.block.id,
 			blockContent: () => P.block.content,
 			onDone: () => F("done"),
 			editorName: "TitleEditor",
 			async loadExtensions({ mergeTags: e, syntax: t, triggerChar: n, autocompleteEnabled: r, suggestionEmptyText: i }) {
 				let [{ Editor: a, EditorContent: o }, { default: s }, { default: c }, { MergeTagNode: l, MergeTagSuggestion: u, LogicMergeTagNode: d, LineBoundaryKeys: f }] = await Promise.all([
-					import("./dist-BFcAowKZ.js").then((e) => e.r),
-					import("./dist-BkAVGSRr.js"),
-					import("./dist-CQ9T1yi-.js"),
-					import("./extensions-BYImwYeO.js")
+					import("./dist-BxFbxpgW.js").then((e) => e.r),
+					import("./dist-DkcA6epL.js"),
+					import("./dist-C1tsW_99.js"),
+					import("./extensions-5xeZR9U9.js")
 				]);
 				return {
 					TiptapEditor: a,

package/dist/{TplModal-DswccJRJ.js → TplModal-CEYnwBBk.js}

@@ -1,8 +1,8 @@
-import { M as e, Ot as t, S as n, X as r, c as i, d as a, g as o, i as s, k as c, l, rt as u, s as d, u as f, v as p, z as m } from "./vue.runtime.esm-bundler-BhOUdXMi.js";
-import { c as h, t as g } from "./runtime-dom.esm-bundler-Co_SPqAz.js";
-import { D as _ } from "./useEditorCore-CtR46sbJ.js";
-import { B as v, H as y } from "./keys-BJtoezGU.js";
-import { n as b } from "./usePopoverPosition-DAOHr_iM.js";
+import { M as e, Ot as t, S as n, X as r, c as i, d as a, g as o, i as s, k as c, l, rt as u, s as d, u as f, v as p, z as m } from "./vue.runtime.esm-bundler-D9JUcKrV.js";
+import { c as h, t as g } from "./runtime-dom.esm-bundler-BuG03jBM.js";
+import { D as _ } from "./useEditorCore-BWrxHVKW.js";
+import { V as v, W as y } from "./keys-BJJ4hJ4z.js";
+import { n as b } from "./usePopoverPosition-APlWgXoQ.js";
 //#region src/components/TplModal.vue?vue&type=script&setup=true&lang.ts
 var x = ["data-tpl-theme"], S = /* @__PURE__ */ p({
 	__name: "TplModal",