@templatical/editor 0.20.0 → 0.21.1

package/dist/SavedBlockPreviewCanvas-2-mzAnZE.js

@@ -0,0 +1,109 @@
+import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
+import { A as t, Dt as n, M as r, N as i, O as a, _ as o, c as s, d as c, l, nt as u, r as d, s as f, x as p } from "./vue.runtime.esm-bundler-B0xoGkDv.js";
+import { a as m, b as h, d as g, f as _, g as v, h as y, i as b, l as x, m as S, n as C, p as w, r as T, v as E, y as D, z as O } from "./useEditorCore-CT1slufs.js";
+import { h as k, o as A } from "./keys-CHPcp-Nz.js";
+//#region src/components/blocks/PreviewSectionBlock.vue?vue&type=script&setup=true&lang.ts
+var j = { class: "tpl:w-full" }, M = { class: "tpl:flex tpl:gap-0" }, N = /* @__PURE__ */ o({
+	name: "PreviewSectionBlock",
+	__name: "PreviewSectionBlock",
+	props: {
+		block: {},
+		viewport: {}
+	},
+	setup(e) {
+		let o = {
+			title: x,
+			paragraph: S,
+			image: v,
+			video: C,
+			button: O,
+			divider: D,
+			social: m,
+			menu: y,
+			table: T,
+			spacer: b,
+			html: E,
+			custom: h
+		}, _ = e, k = p(A, null), N = f(() => {
+			switch (_.block.columns) {
+				case "2": return ["50%", "50%"];
+				case "3": return [
+					"33.33%",
+					"33.33%",
+					"33.33%"
+				];
+				case "1-2": return ["33.33%", "66.67%"];
+				case "2-1": return ["66.67%", "33.33%"];
+				default: return ["100%"];
+			}
+		}), P = f(() => {
+			let e = N.value.length, t = [..._.block.children];
+			for (; t.length < e;) t.push([]);
+			return t.slice(0, e);
+		});
+		function F(e) {
+			return P.value[e] || [];
+		}
+		function I(e) {
+			return w(e, k, o);
+		}
+		return (e, o) => {
+			let f = r("PreviewSectionBlock", !0);
+			return a(), c("div", j, [s("div", M, [(a(!0), c(d, null, t(P.value, (e, r) => (a(), c("div", {
+				key: r,
+				style: n({ width: N.value[r] })
+			}, [(a(!0), c(d, null, t(F(r), (e) => (a(), c("div", {
+				key: e.id,
+				style: n(u(g)(e))
+			}, [e.type === "section" ? (a(), l(f, {
+				key: 0,
+				block: e,
+				viewport: "desktop"
+			}, null, 8, ["block"])) : (a(), l(i(I(e)), {
+				key: 1,
+				block: e,
+				viewport: "desktop"
+			}, null, 8, ["block"]))], 4))), 128))], 4))), 128))])]);
+		};
+	}
+}), P = /*@__PURE__*/ o({
+	__name: "SavedBlockPreviewCanvas",
+	props: { blocks: {} },
+	setup(e) {
+		let r = p(A), o = p(k, null), s = f(() => o ? _(o.content.value.settings) : {}), j = {
+			section: N,
+			title: x,
+			paragraph: S,
+			image: v,
+			video: C,
+			button: O,
+			divider: D,
+			social: m,
+			menu: y,
+			table: T,
+			spacer: b,
+			html: E,
+			custom: h
+		};
+		function M(e) {
+			return w(e, r, j);
+		}
+		return (r, o) => (a(), c("div", {
+			"data-testid": "saved-blocks-preview-canvas",
+			class: "tpl:pointer-events-none tpl:mx-auto tpl:w-[600px] tpl:select-none tpl:rounded-lg",
+			style: n({
+				backgroundColor: "var(--tpl-canvas-bg)",
+				boxShadow: "var(--tpl-shadow-sm)",
+				...s.value
+			})
+		}, [(a(!0), c(d, null, t(e.blocks, (e) => (a(), c("div", {
+			key: e.id,
+			style: n(u(g)(e))
+		}, [(a(), l(i(M(e)), {
+			block: e,
+			viewport: "desktop"
+		}, null, 8, ["block"]))], 4))), 128))], 4));
+	}
+}), F = /* @__PURE__ */ e({ default: () => I }), I = P;
+//#endregion
+export { F as n, I as t };

package/dist/SavedBlocksBrowserModal-D5V5yF_3.js

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

package/dist/SavedBlocksPanels-Dff38YXu.js

@@ -0,0 +1,36 @@
+import { O as e, _ as t, d as n, g as r, l as i, nt as a, r as o, u as s } from "./vue.runtime.esm-bundler-B0xoGkDv.js";
+//#endregion
+//#region src/components/SavedBlocksPanels.vue
+var c = /* @__PURE__ */ t({
+	__name: "SavedBlocksPanels",
+	props: { feature: {} },
+	setup(t) {
+		let c = t, l = r(() => import("./SavedBlocksPickBar-rB6iyji6.js")), u = r(() => import("./SaveBlockDialog-CYIEHABH.js")), d = r(() => import("./SavedBlocksBrowserModal-D5V5yF_3.js"));
+		function f(e, t) {
+			c.feature.insert(e, t);
+		}
+		return (r, c) => (e(), n(o, null, [
+			t.feature.isPicking.value ? (e(), i(a(l), {
+				key: 0,
+				count: t.feature.pickedCount.value,
+				onConfirm: c[0] ||= (e) => t.feature.confirmPicking(),
+				onCancel: c[1] ||= (e) => t.feature.cancelPicking()
+			}, null, 8, ["count"])) : s("", !0),
+			t.feature.isSaveDialogOpen.value ? (e(), i(a(u), {
+				key: 1,
+				visible: t.feature.isSaveDialogOpen.value,
+				"picked-ids": [...t.feature.pickedIds.value],
+				onClose: c[2] ||= (e) => t.feature.closeSaveDialog(),
+				onSaved: c[3] ||= (e) => t.feature.refresh()
+			}, null, 8, ["visible", "picked-ids"])) : s("", !0),
+			t.feature.isBrowserOpen.value ? (e(), i(a(d), {
+				key: 2,
+				visible: t.feature.isBrowserOpen.value,
+				onClose: c[4] ||= (e) => t.feature.closeBrowser(),
+				onInsert: f
+			}, null, 8, ["visible"])) : s("", !0)
+		], 64));
+	}
+});
+//#endregion
+export { c as default };

package/dist/SavedBlocksPickBar-rB6iyji6.js

@@ -0,0 +1,52 @@
+import { O as e, Ot as t, _ as n, c as r, d as i, h as a, m as o, nt as s } from "./vue.runtime.esm-bundler-B0xoGkDv.js";
+import { R as c } from "./useEditorCore-CT1slufs.js";
+import { t as l } from "./useI18n-D2L9Mkik.js";
+import { t as u } from "./x-CkD6A1iB.js";
+//#region src/components/SavedBlocksPickBar.vue?vue&type=script&setup=true&lang.ts
+var d = {
+	"data-testid": "saved-blocks-pick-bar",
+	class: "tpl:absolute tpl:bottom-10 tpl:left-12 tpl:right-[320px] tpl:z-50 tpl:flex tpl:justify-center tpl:px-4",
+	style: { "pointer-events": "none" }
+}, f = ["aria-label"], p = { class: "tpl:flex tpl:flex-col" }, m = {
+	"data-testid": "saved-blocks-pick-count",
+	class: "tpl:text-sm tpl:font-medium tpl:text-[var(--tpl-text)]"
+}, h = { class: "tpl:text-[11px] tpl:text-[var(--tpl-text-dim)]" }, g = { class: "tpl:flex tpl:items-center tpl:gap-1.5" }, _ = ["disabled"], v = /* @__PURE__ */ n({
+	__name: "SavedBlocksPickBar",
+	props: { count: {} },
+	emits: ["confirm", "cancel"],
+	setup(n, { emit: v }) {
+		let y = n, b = v, { t: x, format: S } = l();
+		function C() {
+			y.count > 0 && b("confirm");
+		}
+		return (l, v) => (e(), i("div", d, [r("div", {
+			role: "toolbar",
+			"aria-label": s(x).savedBlocks.pickToolbar,
+			class: "tpl-scale-in tpl:flex tpl:items-center tpl:gap-3 tpl:rounded-[var(--tpl-radius-lg)] tpl:border tpl:py-2 tpl:pl-4 tpl:pr-2 tpl:border-[var(--tpl-border)]",
+			style: {
+				"pointer-events": "auto",
+				"background-color": "var(--tpl-bg-elevated)",
+				"box-shadow": "var(--tpl-shadow-xl)"
+			}
+		}, [r("div", p, [r("span", m, t(s(S)(s(x).savedBlocks.pickCount, { count: n.count })), 1), r("span", h, t(s(x).savedBlocks.pickHint), 1)]), r("div", g, [r("button", {
+			type: "button",
+			"data-testid": "saved-blocks-pick-cancel",
+			class: "tpl:flex tpl:cursor-pointer tpl:items-center tpl:gap-1 tpl:rounded-md tpl:border tpl:px-2.5 tpl:py-1.5 tpl:text-sm tpl:font-medium tpl:transition-all tpl:duration-150 tpl:border-[var(--tpl-border)] tpl:text-[var(--tpl-text)] tpl:bg-[var(--tpl-bg)]",
+			onClick: v[0] ||= (e) => b("cancel")
+		}, [a(s(u), {
+			size: 13,
+			"stroke-width": 2
+		}), o(" " + t(s(x).savedBlocks.cancel), 1)]), r("button", {
+			type: "button",
+			"data-testid": "saved-blocks-pick-confirm",
+			class: "tpl:flex tpl:cursor-pointer tpl:items-center tpl:gap-1 tpl:rounded-md tpl:px-2.5 tpl:py-1.5 tpl:text-sm tpl:font-medium tpl:transition-all tpl:duration-150 tpl:hover:opacity-90 tpl:disabled:cursor-not-allowed tpl:disabled:opacity-50 tpl:bg-[var(--tpl-primary)] tpl:text-[var(--tpl-bg)]",
+			disabled: n.count === 0,
+			onClick: C
+		}, [a(s(c), {
+			size: 13,
+			"stroke-width": 2
+		}), o(" " + t(s(x).savedBlocks.save), 1)], 8, _)])], 8, f)]));
+	}
+});
+//#endregion
+export { v as default };

package/dist/{SnapshotHistory-DaVueFv6.js → SnapshotHistory-FtzDq8f0.js}

@@ -1,13 +1,13 @@
 import { A as e, Et as t, I as n, O as r, Ot as i, R as a, Y as o, _ as s, c, d as l, h as u, nt as d, r as f, s as p, u as m } from "./vue.runtime.esm-bundler-B0xoGkDv.js";
 import { c as h, t as g } from "./runtime-dom.esm-bundler-GdMI8WqG.js";
-import "./useEditorCore-kKUemYY6.js";
-import { s as _ } from "./usePopoverPosition-F9STHRIr.js";
-import { t as v } from "./useI18n-BNMzZTM5.js";
-import { t as y } from "./createLucideIcon-_peTZQtY.js";
-import { t as b } from "./chevron-down-COEcl2iP.js";
-import { t as x } from "./clock-CZZw62e8.js";
-import { t as S } from "./loader-circle-s9Rh5lLd.js";
-import { n as C } from "./useCloudI18n-PCDOC2kz.js";
+import "./useEditorCore-CT1slufs.js";
+import { s as _ } from "./usePopoverPosition-BO2LNy5n.js";
+import { t as v } from "./useI18n-D2L9Mkik.js";
+import { t as y } from "./createLucideIcon-JWHwTI6N.js";
+import { t as b } from "./chevron-down-j8GrdTyz.js";
+import { t as x } from "./clock-BzKLLW5L.js";
+import { t as S } from "./loader-circle-C-Z6kgI6.js";
+import { n as C } from "./useCloudI18n-BmiygEM4.js";
 import { t as w } from "./formatRelativeTime-CtUU-QZ8.js";
 var T = y("chevron-left", [["path", {
 	d: "m15 18-6-6 6-6",

package/dist/{TemplateScoringPanel-B0UHoTLx.js → TemplateScoringPanel-ifGGGWs5.js}

@@ -1,19 +1,19 @@
 import { A as e, Dt as t, Et as n, I as r, N as i, O as a, Ot as o, R as ee, Y as s, _ as c, c as l, d as u, h as d, l as f, m as p, nt as m, r as h, u as g, x as te } from "./vue.runtime.esm-bundler-B0xoGkDv.js";
 import { t as ne } from "./runtime-dom.esm-bundler-GdMI8WqG.js";
-import { B as _, F as re, T as ie, h as v } from "./keys-DFaIbGR8.js";
-import { t as y } from "./createLucideIcon-_peTZQtY.js";
-import { t as b } from "./chevron-down-COEcl2iP.js";
-import { t as x } from "./circle-alert-CvHi5etc.js";
-import { n as S, t as C } from "./refresh-cw-DlYfl65Y.js";
-import { t as ae } from "./info-CE3JSTqk.js";
-import { t as w } from "./loader-circle-s9Rh5lLd.js";
-import { t as T } from "./shield-check-Bnj9aRoJ.js";
-import { t as E } from "./sparkles-CncWT57a.js";
-import { t as oe } from "./triangle-alert-C18_ima6.js";
-import { t as se } from "./x-BCFQuE_q.js";
+import { B as _, F as re, T as ie, h as v } from "./keys-CHPcp-Nz.js";
+import { t as y } from "./createLucideIcon-JWHwTI6N.js";
+import { t as b } from "./chevron-down-j8GrdTyz.js";
+import { t as x } from "./circle-alert-CgtE46ND.js";
+import { n as S, t as C } from "./refresh-cw-maKlg0dl.js";
+import { t as ae } from "./info-BUJBXoE6.js";
+import { t as w } from "./loader-circle-C-Z6kgI6.js";
+import { t as T } from "./shield-check-B7x5OKt5.js";
+import { t as E } from "./sparkles-DVlm1Ipp.js";
+import { t as oe } from "./triangle-alert-Djg6IG8N.js";
+import { t as se } from "./x-CkD6A1iB.js";
 import { t as ce } from "./LoadingTrack-KIcREPlS.js";
 import { t as D } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { n as le } from "./useCloudI18n-PCDOC2kz.js";
+import { n as le } from "./useCloudI18n-BmiygEM4.js";
 var O = y("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",
@@ -28,8 +28,8 @@ var O = y("shield-x", [
 		key: "18nt4w"
 	}]
 ]), k = y("zap", [["path", {
-	d: "M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z",
-	key: "1xq2db"
+	d: "M15.914 4a1.5 1.5 0 00-2.474-1.561l-9 9A1.5 1.5 0 005.5 14h4.002a.5.5 0 01.471.666L8.086 20a1.5 1.5 0 002.475 1.56l9-9A1.5 1.5 0 0018.5 10h-3.997a.5.5 0 01-.472-.667z",
+	key: "1v7up4"
 }]]);
 //#endregion
 //#region src/cloud/utils/scoringStyles.ts

package/dist/{TestEmailModal-BkauxF7j.js → TestEmailModal-DL2O1H8M.js}

@@ -1,9 +1,9 @@
 import { A as e, Et as t, I as n, O as r, Ot as i, R as a, Y as o, _ as s, c, d as l, h as u, l as d, m as f, nt as p, r as m, u as h, z as g } from "./vue.runtime.esm-bundler-B0xoGkDv.js";
 import { i as _ } from "./runtime-dom.esm-bundler-GdMI8WqG.js";
-import "./useEditorCore-kKUemYY6.js";
-import { t as v } from "./loader-circle-s9Rh5lLd.js";
-import { n as y } from "./useCloudI18n-PCDOC2kz.js";
-import { t as b } from "./TplModal-BDDyvT-C.js";
+import "./useEditorCore-CT1slufs.js";
+import { t as v } from "./loader-circle-C-Z6kgI6.js";
+import { n as y } from "./useCloudI18n-BmiygEM4.js";
+import { t as b } from "./TplModal-C7Koj5gM.js";
 //#region src/cloud/components/TestEmailModal.vue?vue&type=script&setup=true&lang.ts
 var x = ["aria-busy"], S = {
 	id: "tpl-test-email-title",

package/dist/{TitleEditor-n6WDVDjW.js → TitleEditor-CPda5lh-.js}

@@ -1,11 +1,11 @@
 import { Dt as e, Et as t, O as n, Ot as r, W as i, _ as a, c as o, d as s, h as c, i as l, l as u, m as d, nt as f, r as p, s as m, u as h, x as g } from "./vue.runtime.esm-bundler-B0xoGkDv.js";
-import { S as ee, x as te } from "./useEditorCore-kKUemYY6.js";
-import { n as ne } from "./usePopoverPosition-F9STHRIr.js";
-import { D as _, L as v, w as y, z as b } from "./keys-DFaIbGR8.js";
-import { t as re } from "./useI18n-BNMzZTM5.js";
-import { a as ie, i as ae, n as oe, r as se, t as ce } from "./RichTextEditorContent-DwhDnMsG.js";
-import { n as x, t as S } from "./scan-line-CHadrYVb.js";
-import { t as C } from "./loader-circle-s9Rh5lLd.js";
+import { C as ee, S as te } from "./useEditorCore-CT1slufs.js";
+import { n as ne } from "./usePopoverPosition-BO2LNy5n.js";
+import { D as _, L as v, w as y, z as b } from "./keys-CHPcp-Nz.js";
+import { t as re } from "./useI18n-D2L9Mkik.js";
+import { a as ie, i as ae, n as oe, r as se, t as ce } from "./RichTextEditorContent-FbnWsh46.js";
+import { n as x, t as S } from "./scan-line-BFgesTOY.js";
+import { t as C } from "./loader-circle-C-Z6kgI6.js";
 //#region src/components/blocks/TitleEditor.vue?vue&type=script&setup=true&lang.ts
 var w = { class: "tpl-text-editor-wrapper tpl:relative" }, T = ["data-tpl-theme", "aria-label"], E = ["aria-label", "title"], D = ["aria-label", "title"], O = ["aria-label", "title"], k = {
 	key: 0,
@@ -31,10 +31,10 @@ var w = { class: "tpl-text-editor-wrapper tpl:relative" }, T = ["data-tpl-theme"
 			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 }] = await Promise.all([
-					import("./dist-8TKf-Jpg.js").then((e) => e.r),
-					import("./dist-Cx7IUM7J.js"),
-					import("./dist-CcX5sLpz.js"),
-					import("./extensions-BCA9pyer.js")
+					import("./dist-DYClLqy8.js").then((e) => e.r),
+					import("./dist-BgPYC_8-.js"),
+					import("./dist-BuNDAAVp.js"),
+					import("./extensions-ClY5Sh7S.js")
 				]);
 				return {
 					TiptapEditor: a,

package/dist/{TplModal-BDDyvT-C.js → TplModal-C7Koj5gM.js}

@@ -1,8 +1,8 @@
 import { O as e, R as t, Y as n, _ as r, c as i, d as a, h as o, i as s, j as c, l, nt as u, s as d, u as f, x as p } from "./vue.runtime.esm-bundler-B0xoGkDv.js";
 import { c as m, t as h } from "./runtime-dom.esm-bundler-GdMI8WqG.js";
-import { D as g } from "./useEditorCore-kKUemYY6.js";
-import { n as _ } from "./usePopoverPosition-F9STHRIr.js";
-import { z as v } from "./keys-DFaIbGR8.js";
+import { O as g } from "./useEditorCore-CT1slufs.js";
+import { n as _ } from "./usePopoverPosition-BO2LNy5n.js";
+import { z as v } from "./keys-CHPcp-Nz.js";
 //#region src/components/TplModal.vue?vue&type=script&setup=true&lang.ts
 var y = ["data-tpl-theme"], b = /* @__PURE__ */ r({
 	__name: "TplModal",