@templatical/editor 0.30.0 → 0.32.0

package/dist/{useEditorRoot-Cdo8Vhxa.js → useEditorRoot-C92q8uV-.js}

@@ -1,5 +1,5 @@
-import { S as e } from "./vue.runtime.esm-bundler-BhOUdXMi.js";
-import { g as t } from "./keys-BJtoezGU.js";
+import { S as e } from "./vue.runtime.esm-bundler-D9JUcKrV.js";
+import { g as t } from "./keys-BOhFlHsv.js";
 //#region src/composables/useEditorRoot.ts
 function n() {
 	return e(t, document) ?? document;

package/dist/{useI18n-B135ASaG.js → useI18n-Ce_BRzYv.js}

@@ -1,5 +1,5 @@
-import { G as e, S as t } from "./vue.runtime.esm-bundler-BhOUdXMi.js";
-import { V as n } from "./keys-BJtoezGU.js";
+import { G as e, S as t } from "./vue.runtime.esm-bundler-D9JUcKrV.js";
+import { V as n } from "./keys-BOhFlHsv.js";
 //#region src/composables/useI18n.ts
 function r(r) {
 	let i = r ?? t(n, null);

package/dist/{useMergeTag-Cx36rtrt.js → useMergeTag-CrXJ49lr.js}

@@ -1,6 +1,6 @@
-import { S as e, X as t } from "./vue.runtime.esm-bundler-BhOUdXMi.js";
-import { F as n, O as r, o as i } from "./dist-CzVIVbSa.js";
-import { D as a, E as o, M as s, T as c, k as l } from "./keys-BJtoezGU.js";
+import { S as e, X as t } from "./vue.runtime.esm-bundler-D9JUcKrV.js";
+import { I as n, k as r, o as i } from "./dist-PL6vP4SC.js";
+import { D as a, E as o, M as s, T as c, k as l } from "./keys-BOhFlHsv.js";
 //#region src/composables/useMergeTag.ts
 function u() {
 	let u = e(c, []), d = e(l, i.liquid), f = e(s, null), p = e(o, !0), m = e(a, null), h = t(!1);

package/dist/{usePopoverPosition-DAOHr_iM.js → usePopoverPosition-CPk7Twye.js}

@@ -1,5 +1,5 @@
-import { S as e, X as t } from "./vue.runtime.esm-bundler-BhOUdXMi.js";
-import { P as n } from "./keys-BJtoezGU.js";
+import { S as e, X as t } from "./vue.runtime.esm-bundler-D9JUcKrV.js";
+import { P as n } from "./keys-BOhFlHsv.js";
 //#region src/utils/resolveColorsConfig.ts
 var r = {
 	presets: [],

package/dist/{useScrollToBlock-B0Qpjfa4.js → useScrollToBlock-DvpMfWs2.js}

@@ -1,6 +1,6 @@
-import { T as e } from "./vue.runtime.esm-bundler-BhOUdXMi.js";
-import { t } from "./createLucideIcon-DphAT3tw.js";
-import { t as n } from "./useEditorRoot-Cdo8Vhxa.js";
+import { T as e } from "./vue.runtime.esm-bundler-D9JUcKrV.js";
+import { t } from "./createLucideIcon-Bvw1Zx56.js";
+import { t as n } from "./useEditorRoot-C92q8uV-.js";
 var r = t("list-checks", [
 	["path", {
 		d: "M13 5h8",

package/dist/{vue.runtime.esm-bundler-BhOUdXMi.js → vue.runtime.esm-bundler-D9JUcKrV.js}

@@ -974,7 +974,7 @@ function Sn(e, n, i = t) {
 		};
 	}
 	let w = x ? Array(e.length).fill(vn) : vn, T = (e) => {
-		if (!(!(g.flags & 1) || !g.dirty && !e)) {
+		if (g.flags & 1 && (g.dirty || e)) {
 			if (n) {
 				let t = g.run();
 				if (e || o || b || (x ? t.some((e, t) => O(e, w[t])) : O(t, w))) {
@@ -2781,7 +2781,7 @@ function po(e, t, n, r, i) {
 		V("Missing required prop: \"" + e + "\"");
 		return;
 	}
-	if (!(t == null && !o)) {
+	if (t != null || o) {
 		if (a != null && a !== !0 && !c) {
 			let n = !1, r = d(a) ? a : [a], i = [];
 			for (let e = 0; e < r.length && !n; e++) {
@@ -3105,8 +3105,8 @@ function Fo(e, i) {
 		m & 8 ? (u & 16 && ye(l, i, a), d !== l && p(n, d)) : u & 16 ? m & 16 ? me(l, d, n, r, i, a, o, s, c) : ye(l, i, a, !0) : (u & 8 && p(n, ""), m & 16 && E(d, n, r, i, a, o, s, c));
 	}, pe = (e, t, r, i, a, o, s, c, l) => {
 		e ||= n, t ||= n;
-		let u = e.length, d = t.length, f = Math.min(u, d), p;
-		for (p = 0; p < f; p++) {
+		let u = e.length, d = t.length, f = Math.min(u, d), p = 0;
+		for (; p < f; p++) {
 			let n = t[p] = l ? _s(t[p]) : gs(t[p]);
 			v(e[p], n, r, null, a, o, s, c, l);
 		}

package/dist/{x-YiG-TUGN.js → x-DJOd1hS4.js}

@@ -1,4 +1,4 @@
-import { t as e } from "./createLucideIcon-DphAT3tw.js";
+import { t as e } from "./createLucideIcon-Bvw1Zx56.js";
 var t = e("x", [["path", {
 	d: "M18 6 6 18",
 	key: "1bl5f8"

package/package.json

@@ -1,38 +1,38 @@
 {
   "name": "@templatical/editor",
   "description": "Vue 3 visual drag-and-drop email editor powered by Templatical",
-  "version": "0.30.0",
+  "version": "0.32.0",
   "bugs": "https://github.com/templatical/sdk/issues",
   "devDependencies": {
-    "@lucide/vue": "^1.37.0",
-    "@templatical/core": "0.30.0",
-    "@templatical/quality": "0.30.0",
-    "@templatical/types": "0.30.0",
-    "@tiptap/core": "^3.30.5",
-    "@tiptap/extension-color": "^3.30.5",
-    "@tiptap/extension-font-family": "^3.30.5",
-    "@tiptap/extension-highlight": "^3.30.5",
-    "@tiptap/extension-link": "^3.30.5",
-    "@tiptap/extension-subscript": "^3.30.5",
-    "@tiptap/extension-superscript": "^3.30.5",
-    "@tiptap/extension-text-align": "^3.30.5",
-    "@tiptap/extension-text-style": "^3.30.5",
-    "@tiptap/extension-underline": "^3.30.5",
-    "@tiptap/starter-kit": "^3.30.5",
-    "@tiptap/suggestion": "^3.30.5",
-    "@tiptap/vue-3": "^3.30.5",
+    "@lucide/vue": "^1.41.0",
+    "@templatical/core": "0.32.0",
+    "@templatical/quality": "0.32.0",
+    "@templatical/types": "0.32.0",
+    "@tiptap/core": "^3.31.3",
+    "@tiptap/extension-color": "^3.31.3",
+    "@tiptap/extension-font-family": "^3.31.3",
+    "@tiptap/extension-highlight": "^3.31.3",
+    "@tiptap/extension-link": "^3.31.3",
+    "@tiptap/extension-subscript": "^3.31.3",
+    "@tiptap/extension-superscript": "^3.31.3",
+    "@tiptap/extension-text-align": "^3.31.3",
+    "@tiptap/extension-text-style": "^3.31.3",
+    "@tiptap/extension-underline": "^3.31.3",
+    "@tiptap/starter-kit": "^3.31.3",
+    "@tiptap/suggestion": "^3.31.3",
+    "@tiptap/vue-3": "^3.31.3",
     "@vitejs/plugin-vue": "^6.0.8",
     "@vue/test-utils": "^2.5.0",
     "@vueuse/core": "^14.4.0",
     "es-module-lexer": "^2.3.2",
-    "happy-dom": "^20.12.0",
+    "happy-dom": "^20.14.0",
     "jsdom": "30.0.1",
     "liquidjs": "^10.29.0",
     "tailwindcss": "^4.3.3",
     "typescript": "^6.0.3",
     "vanilla-colorful": "^0.7.2",
     "vite": "^8.2.2",
-    "vitest": "^4.1.11",
+    "vitest": "^5.0.0",
     "vue": "^3.5.42",
     "vue-draggable-plus": "^0.6.1",
     "vue-tsc": "^3.3.11"
@@ -63,9 +63,9 @@
   "license": "FSL-1.1-MIT",
   "module": "./dist/templatical-editor.js",
   "peerDependencies": {
-    "@templatical/media-library": "0.30.0",
-    "@templatical/quality": "0.30.0",
-    "@templatical/renderer": "0.30.0"
+    "@templatical/media-library": "0.32.0",
+    "@templatical/quality": "0.32.0",
+    "@templatical/renderer": "0.32.0"
   },
   "peerDependenciesMeta": {
     "@templatical/renderer": {

package/dist/SavedBlocksBrowserModal-ZQIQoARO.js

@@ -1,323 +0,0 @@
-import { B as e, Dt as t, L as n, Ot as r, P as i, T as a, X as o, _ as ee, 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 te } from "./vue.runtime.esm-bundler-BhOUdXMi.js";
-import { a as y, c as b, i as x, s as S } from "./runtime-dom.esm-bundler-Co_SPqAz.js";
-import "./useEditorCore-Du9Vx-qr.js";
-import { L as ne, W as C, h as re } from "./keys-BJtoezGU.js";
-import { t as ie } from "./useI18n-B135ASaG.js";
-import { n as ae, r as w, t as T } from "./blockTypeIcons-C7WedEOG.js";
-import { t as oe } from "./pencil-DkPlMca7.js";
-import { t as se } from "./trash-2-DRQzhY9R.js";
-import { t as ce } from "./x-YiG-TUGN.js";
-import { v as le } from "./styleConstants-C_YAPdQS.js";
-import { t as ue } from "./formatRelativeTime-CtUU-QZ8.js";
-import { t as de } from "./TplModal-Bw1i8_eE.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: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)"
-	}
-}, 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"], E = { class: "tpl:flex-1 tpl:overflow-y-auto tpl:px-4 tpl:pb-4" }, D = ["aria-label"], O = {
-	key: 1,
-	class: "tpl:flex tpl:flex-col tpl:gap-1"
-}, Ee = ["onFocusout"], De = ["aria-label", "onKeydown"], Oe = [
-	"aria-label",
-	"placeholder",
-	"onKeydown"
-], ke = ["aria-pressed", "onClick"], Ae = { class: "tpl:flex tpl:items-center tpl:gap-2" }, je = { class: "tpl:flex-1 tpl:truncate tpl:text-xs tpl:font-semibold tpl:text-[var(--tpl-text)]" }, Me = { 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)]" }, Ne = {
-	key: 0,
-	class: "tpl:mt-1 tpl:flex tpl:items-center"
-}, Pe = {
-	"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)]"
-}, Fe = { class: "tpl:mt-1 tpl:flex tpl:items-center tpl:gap-1" }, Ie = {
-	key: 0,
-	class: "tpl:text-[10px] tpl:text-[var(--tpl-text-dim)]"
-}, Le = ["title"], Re = ["aria-label", "onClick"], ze = [
-	"aria-label",
-	"title",
-	"onClick"
-], Be = [
-	"aria-label",
-	"title",
-	"onClick"
-], Ve = {
-	key: 2,
-	class: "tpl:flex tpl:flex-col tpl:items-center tpl:justify-center tpl:py-12"
-}, He = {
-	key: 0,
-	class: "tpl:mt-2 tpl:text-xs tpl:text-[var(--tpl-text-dim)]"
-}, Ue = { class: "tpl:mt-2 tpl:text-xs tpl:text-[var(--tpl-text-dim)]" }, We = { class: "tpl:mt-1 tpl:max-w-[220px] tpl:text-center tpl:text-xs tpl:text-[var(--tpl-text-dim)]" }, Ge = { class: "tpl:flex tpl:flex-1 tpl:flex-col tpl:overflow-hidden tpl:border-l tpl:border-[var(--tpl-border)]" }, Ke = {
-	key: 0,
-	class: "tpl:flex tpl:flex-1 tpl:flex-col tpl:overflow-hidden"
-}, qe = { class: "tpl:flex-1 tpl:overflow-y-auto tpl:p-4" }, Je = {
-	key: 1,
-	class: "tpl:flex tpl:flex-1 tpl:flex-col tpl:items-center tpl:justify-center tpl:px-4"
-}, Ye = { class: "tpl:mt-2 tpl:text-center tpl:text-xs tpl:text-[var(--tpl-text-dim)]" }, Xe = { class: "tpl:flex tpl:items-center tpl:justify-between tpl:border-t tpl:px-5 tpl:py-3 tpl:border-[var(--tpl-border)]" }, Ze = { class: "tpl:flex tpl:items-center tpl:gap-2" }, Qe = { class: "tpl:shrink-0 tpl:text-xs tpl:text-[var(--tpl-text-dim)]" }, $e = ["value"], k = { class: "tpl:flex tpl:gap-2" }, et = ["disabled"], A = /* @__PURE__ */ v({
-	__name: "SavedBlocksBrowserModal",
-	props: { visible: { type: Boolean } },
-	emits: ["close", "insert"],
-	setup(v, { emit: A }) {
-		let tt = v, j = A, nt = ee(() => import("./BlockPreviewCanvas-CqU1kwmG.js").then((e) => e.n)), { t: M, format: N } = ie(), P = C(ne, "SavedBlocksBrowserModal"), F = C(re, "SavedBlocksBrowserModal"), I = o(""), L = o(""), R = o(null), z = o(null), B = o(null), V = o(""), H = o(""), U = o(null), W = o("end"), G = g(() => {
-			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 = g(() => P.isLoading.value && P.savedBlocks.value.length === 0), rt = g(() => I.value.trim().length > 0 || L.value !== ""), q = g(() => R.value ? P.savedBlocks.value.find((e) => e.id === R.value) ?? null : null), it = g(() => {
-			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;
-		}), at = g(() => {
-			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;
-		});
-		n(() => tt.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 ot(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 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 ? ue(t, M.time, N) ?? "" : "";
-		}
-		function st(e) {
-			let t = e.updatedAt ?? e.createdAt;
-			if (!t) return "";
-			let n = new Date(t);
-			return Number.isNaN(n.getTime()) ? "" : n.toLocaleString();
-		}
-		async function ct(e) {
-			try {
-				await P.remove(e), R.value === e && (R.value = null);
-			} finally {
-				z.value = null;
-			}
-		}
-		async function lt(e) {
-			P.canUpdateBlock(e) && (B.value = e.id, V.value = e.name, H.value = e.category ?? "", z.value = null, await a(), 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 ut(e, t) {
-			let n = e.currentTarget, r = e.relatedTarget;
-			r && n.contains(r) || Z(t);
-		}
-		function Q() {
-			q.value && j("insert", q.value, at.value);
-		}
-		function $() {
-			j("close");
-		}
-		function dt(e) {
-			B.value || (e.key === "Escape" && $(), e.key === "Enter" && q.value && (e.preventDefault(), Q()));
-		}
-		return (n, a) => (d(), p(de, {
-			visible: v.visible,
-			onClose: $,
-			onKeydown: dt
-		}, {
-			default: te(() => [s("div", fe, [
-				s("div", pe, [s("h3", me, f(h(M).savedBlocks.browse), 1), s("button", {
-					"aria-label": h(M).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(ce), {
-					size: 16,
-					"stroke-width": 2
-				})], 8, he)]),
-				s("div", ge, [s("div", _e, [
-					s("div", ve, [s("div", ye, [l(h(ae), {
-						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) => I.value = e,
-						type: "text",
-						placeholder: h(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), [[y, I.value]])]), h(P).categories.value.length > 0 ? e((d(), c("select", {
-						key: 0,
-						"onUpdate:modelValue": a[1] ||= (e) => L.value = e,
-						"data-testid": "saved-blocks-category-filter",
-						"aria-label": h(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)]"
-					}, [s("option", Se, f(h(M).savedBlocks.allCategories), 1), (d(!0), c(m, null, u(h(P).categories.value, (e) => (d(), c("option", {
-						key: e,
-						value: e
-					}, f(e), 9, Ce))), 128))], 8, xe)), [[x, L.value]]) : _("", !0)]),
-					s("datalist", we, [(d(!0), c(m, null, u(h(P).categories.value, (e) => (d(), c("option", {
-						key: e,
-						value: e
-					}, null, 8, Te))), 128))]),
-					s("div", E, [K.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(M).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, D)) : G.value.length > 0 ? (d(), c("div", O, [(d(!0), c(m, null, u(G.value, (n) => (d(), c(m, { key: n.id }, [B.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) => ut(e, n.id)
-					}, [e(s("input", {
-						ref_for: !0,
-						ref: (e) => U.value = e,
-						"onUpdate:modelValue": a[2] ||= (e) => V.value = e,
-						type: "text",
-						"aria-label": h(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: [S(b((e) => Z(n.id), ["prevent", "stop"]), ["enter"]), a[3] ||= S(b((e) => X(), ["prevent", "stop"]), ["esc"])]
-					}, null, 40, De), [[y, V.value]]), e(s("input", {
-						"onUpdate:modelValue": a[4] ||= (e) => H.value = e,
-						type: "text",
-						"data-testid": "saved-blocks-edit-category",
-						"aria-label": h(M).savedBlocks.category,
-						placeholder: h(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: [S(b((e) => Z(n.id), ["prevent", "stop"]), ["enter"]), a[5] ||= S(b((e) => X(), ["prevent", "stop"]), ["esc"])]
-					}, null, 40, Oe), [[y, H.value]])], 40, Ee)) : (d(), c("button", {
-						key: 1,
-						type: "button",
-						"data-testid": "saved-block-card",
-						"aria-pressed": R.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: R.value === n.id ? "var(--tpl-primary)" : "var(--tpl-border)",
-							backgroundColor: R.value === n.id ? "var(--tpl-primary-light)" : "transparent"
-						}),
-						onClick: (e) => R.value = n.id
-					}, [
-						s("div", Ae, [s("span", je, f(n.name), 1), s("span", Me, f(h(N)(h(M).savedBlocks.blockCount, { count: n.content.length })), 1)]),
-						n.category ? (d(), c("div", Ne, [s("span", Pe, f(n.category), 1)])) : _("", !0),
-						s("div", Fe, [
-							(d(!0), c(m, null, u(ot(n), (e) => (d(), p(i(e.icon), {
-								key: e.type,
-								size: 14,
-								"stroke-width": 1.5,
-								class: "tpl:text-[var(--tpl-text-dim)]"
-							}))), 128)),
-							J(n) > 0 ? (d(), c("span", Ie, " +" + f(J(n)), 1)) : _("", !0),
-							Y(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: st(n)
-							}, f(Y(n)), 9, Le)) : _("", !0),
-							z.value === n.id ? (d(), c("button", {
-								key: 2,
-								"aria-label": h(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:border-[var(--tpl-danger)] tpl:text-[var(--tpl-danger)]",
-								style: { "background-color": "transparent" },
-								onClick: b((e) => ct(n.id), ["stop"])
-							}, f(h(M).savedBlocks.deleteConfirm), 9, Re)) : (d(), c(m, { key: 3 }, [h(P).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(M).savedBlocks.rename,
-								title: h(M).savedBlocks.rename,
-								onClick: b((e) => lt(n), ["stop"])
-							}, [l(h(oe), {
-								size: 12,
-								"stroke-width": 1.5
-							})], 8, ze)) : _("", !0), h(P).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(P).canUpdateBlock(n) }]),
-								"aria-label": h(M).savedBlocks.delete,
-								title: h(M).savedBlocks.delete,
-								onClick: b((e) => z.value = n.id, ["stop"])
-							}, [l(h(se), {
-								size: 12,
-								"stroke-width": 1.5
-							})], 10, Be)) : _("", !0)], 64))
-						])
-					], 12, ke))], 64))), 128))])) : (d(), c("div", Ve, [l(h(w), {
-						size: 32,
-						"stroke-width": 1,
-						class: "tpl:text-[var(--tpl-text-dim)]"
-					}), rt.value ? (d(), c("p", He, f(h(M).savedBlocks.noResults), 1)) : (d(), c(m, { key: 1 }, [s("p", Ue, f(h(M).savedBlocks.empty), 1), s("p", We, f(h(M).savedBlocks.emptyHint), 1)], 64))]))])
-				]), s("div", Ge, [q.value ? (d(), c("div", Ke, [s("div", qe, [l(h(nt), { blocks: q.value.content }, null, 8, ["blocks"])])])) : (d(), c("div", Je, [l(h(w), {
-					size: 32,
-					"stroke-width": 1,
-					class: "tpl:text-[var(--tpl-text-dim)]"
-				}), s("p", Ye, f(h(M).savedBlocks.selectToPreview), 1)]))])]),
-				s("div", Xe, [s("div", Ze, [s("label", Qe, f(h(M).savedBlocks.insertPosition), 1), e(s("select", {
-					"onUpdate:modelValue": a[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)]"
-				}, [(d(!0), c(m, null, u(it.value, (e) => (d(), c("option", {
-					key: e.value,
-					value: e.value
-				}, f(e.label), 9, $e))), 128))], 512), [[x, W.value]])]), s("div", k, [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(M).savedBlocks.close), 1), s("button", {
-					type: "button",
-					class: t(h(le)),
-					disabled: !q.value,
-					onClick: Q
-				}, f(h(M).savedBlocks.insert), 11, et)])])
-			])]),
-			_: 1
-		}, 8, ["visible"]));
-	}
-});
-//#endregion
-export { A as default };

package/dist/VersionHistoryMenu-B6zAcmAC.js

@@ -1,155 +0,0 @@
-import { Dt as e, X as t, c as n, d as r, g as i, h as a, j as o, k as s, kt as c, r as 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 { t as _ } from "./dist-CuuPnIMy.js";
-import { t as v } from "./useI18n-B135ASaG.js";
-import { t as y } from "./createLucideIcon-DphAT3tw.js";
-import { t as b } from "./chevron-down-BBThVMu-.js";
-import { t as x } from "./clock-CEj1c29j.js";
-import { t as S } from "./loader-circle-DJCZ_JMY.js";
-import { t as C } from "./formatRelativeTime-CtUU-QZ8.js";
-var w = y("chevron-left", [["path", {
-	d: "m15 18-6-6 6-6",
-	key: "1wnfg3"
-}]]), T = y("chevron-right", [["path", {
-	d: "m9 18 6-6-6-6",
-	key: "mthhwq"
-}]]), E = [
-	"disabled",
-	"title",
-	"aria-label"
-], D = [
-	"aria-expanded",
-	"title",
-	"aria-label"
-], O = {
-	key: 0,
-	class: "tpl-scale-in tpl:absolute tpl:top-full tpl:left-1/2 tpl:z-50 tpl:mt-2 tpl:w-72 tpl:-translate-x-1/2 tpl:overflow-hidden tpl:rounded-[var(--tpl-radius)] tpl:bg-[var(--tpl-bg)] tpl:border tpl:border-[var(--tpl-border)] tpl:shadow-[var(--tpl-shadow-lg)]",
-	"data-testid": "version-history-dropdown"
-}, k = { class: "tpl:border-b tpl:px-3 tpl:py-2 tpl:text-xs tpl:font-semibold tpl:text-[var(--tpl-text)] tpl:border-[var(--tpl-border)]" }, A = {
-	key: 0,
-	class: "tpl:flex tpl:items-center tpl:justify-center tpl:py-8",
-	role: "status",
-	"aria-busy": "true"
-}, j = {
-	key: 1,
-	class: "tpl:px-3 tpl:py-6 tpl:text-center tpl:text-xs tpl:text-[var(--tpl-text-muted)]",
-	"data-testid": "version-history-empty"
-}, M = {
-	key: 2,
-	class: "tpl:max-h-64 tpl:overflow-y-auto"
-}, N = [
-	"data-version-id",
-	"disabled",
-	"onClick"
-], P = { class: "tpl:flex tpl:flex-col tpl:gap-0.5" }, F = { class: "tpl:flex tpl:items-center tpl:gap-1.5 tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-text)]" }, I = {
-	key: 0,
-	class: "tpl:rounded tpl:px-1 tpl:py-0.5 tpl:text-xs tpl:font-normal tpl:bg-[var(--tpl-bg-active)] tpl:text-[var(--tpl-text-muted)]"
-}, L = {
-	key: 0,
-	class: "tpl:text-xs tpl:text-[var(--tpl-text-muted)]"
-}, R = [
-	"disabled",
-	"title",
-	"aria-label"
-], z = /* @__PURE__ */ p({
-	__name: "VersionHistoryMenu",
-	props: {
-		versions: {},
-		isLoading: { type: Boolean },
-		isRestoring: { type: Boolean },
-		previewingId: {}
-	},
-	emits: ["open", "navigate"],
-	setup(p, { emit: y }) {
-		let z = p, B = y, { t: V, format: H } = v(), U = t(!1), W = t(null), G = d(() => z.previewingId === null ? -1 : z.versions.findIndex((e) => e.id === z.previewingId)), K = d(() => G.value > 0 && !z.isRestoring && !z.isLoading), q = d(() => G.value < z.versions.length - 1 && z.versions.length > 0 && !z.isRestoring && !z.isLoading);
-		function J() {
-			K.value && B("navigate", z.versions[G.value - 1]);
-		}
-		function Y() {
-			q.value && B("navigate", z.versions[G.value + 1]);
-		}
-		function X() {
-			U.value = !U.value, U.value && B("open");
-		}
-		function Z(e) {
-			B("navigate", e), U.value = !1;
-		}
-		function Q(e) {
-			let t = C(e, V.time, H, 7);
-			return t === null ? new Date(e).toLocaleDateString(void 0, {
-				month: "short",
-				day: "numeric",
-				hour: "2-digit",
-				minute: "2-digit"
-			}) : t;
-		}
-		return _(W, () => {
-			U.value = !1;
-		}), (t, d) => (s(), r("div", {
-			ref_key: "dropdownRef",
-			ref: W,
-			class: "tpl:relative tpl:flex tpl:items-center tpl:gap-0.5",
-			"data-testid": "version-history"
-		}, [
-			n("button", {
-				class: "tpl:flex tpl:size-7 tpl:shrink-0 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded-[var(--tpl-radius-sm)] tpl:border-none tpl:bg-transparent tpl:transition-colors tpl:hover:bg-[var(--tpl-bg-hover)] tpl:disabled:cursor-not-allowed tpl:disabled:opacity-30 tpl:disabled:hover:bg-transparent tpl:text-[var(--tpl-text-muted)]",
-				"data-testid": "version-history-older",
-				disabled: !q.value,
-				title: u(V).versionHistory.olderVersion,
-				"aria-label": u(V).versionHistory.olderVersion,
-				onClick: h(Y, ["stop"])
-			}, [i(u(w), {
-				size: 14,
-				"stroke-width": 2
-			})], 8, E),
-			n("button", {
-				class: "tpl:flex tpl:h-7 tpl:shrink-0 tpl:cursor-pointer tpl:items-center tpl:gap-0.5 tpl:rounded-[var(--tpl-radius-sm)] tpl:border-none tpl:bg-transparent tpl:px-1.5 tpl:transition-colors tpl:hover:bg-[var(--tpl-bg-hover)] tpl:text-[var(--tpl-text-muted)]",
-				"data-testid": "version-history-toggle",
-				"aria-expanded": U.value,
-				title: u(V).versionHistory.tooltip,
-				"aria-label": u(V).versionHistory.tooltip,
-				onClick: h(X, ["stop"])
-			}, [i(u(x), {
-				size: 16,
-				"stroke-width": 1.5
-			}), i(u(b), {
-				class: e(["tpl:transition-transform", { "tpl:rotate-180": U.value }]),
-				size: 10,
-				"stroke-width": 2
-			}, null, 8, ["class"])], 8, D),
-			i(g, { name: "tpl-dropdown" }, {
-				default: m(() => [U.value ? (s(), r("div", O, [n("div", k, c(u(V).versionHistory.dropdownTitle), 1), p.isLoading && p.versions.length === 0 ? (s(), r("div", A, [i(u(S), {
-					class: "tpl:animate-spin tpl:text-[var(--tpl-primary)]",
-					size: 20,
-					"stroke-width": 2
-				})])) : p.versions.length === 0 ? (s(), r("div", j, c(u(V).versionHistory.empty), 1)) : (s(), r("div", M, [(s(!0), r(l, null, o(p.versions, (t) => (s(), r("button", {
-					key: t.id,
-					class: e(["tpl:flex tpl:w-full tpl:cursor-pointer tpl:items-center tpl:border-l-2 tpl:px-3 tpl:py-2.5 tpl:text-left tpl:transition-all tpl:hover:border-l-[var(--tpl-primary)] tpl:hover:bg-[var(--tpl-bg-hover)]", t.id === p.previewingId ? "tpl:border-l-[var(--tpl-primary)] tpl:bg-[var(--tpl-bg-active)]" : "tpl:border-l-transparent"]),
-					style: { "background-color": "transparent" },
-					"data-testid": "version-history-entry",
-					"data-version-id": t.id,
-					disabled: p.isRestoring,
-					onClick: (e) => Z(t)
-				}, [n("div", P, [n("div", F, [n("span", null, c(t.label ?? Q(t.createdAt)), 1), t.isAutomatic ? (s(), r("span", I, c(u(V).versionHistory.auto), 1)) : f("", !0)]), t.label || t.author?.name ? (s(), r("div", L, [
-					t.label ? (s(), r(l, { key: 0 }, [a(c(Q(t.createdAt)), 1)], 64)) : f("", !0),
-					t.label && t.author?.name ? (s(), r(l, { key: 1 }, [a(" · ")], 64)) : f("", !0),
-					t.author?.name ? (s(), r(l, { key: 2 }, [a(c(t.author.name), 1)], 64)) : f("", !0)
-				])) : f("", !0)])], 10, N))), 128))]))])) : f("", !0)]),
-				_: 1
-			}),
-			n("button", {
-				class: "tpl:flex tpl:size-7 tpl:shrink-0 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded-[var(--tpl-radius-sm)] tpl:border-none tpl:bg-transparent tpl:transition-colors tpl:hover:bg-[var(--tpl-bg-hover)] tpl:disabled:cursor-not-allowed tpl:disabled:opacity-30 tpl:disabled:hover:bg-transparent tpl:text-[var(--tpl-text-muted)]",
-				"data-testid": "version-history-newer",
-				disabled: !K.value,
-				title: u(V).versionHistory.newerVersion,
-				"aria-label": u(V).versionHistory.newerVersion,
-				onClick: h(J, ["stop"])
-			}, [i(u(T), {
-				size: 14,
-				"stroke-width": 2
-			})], 8, R)
-		], 512));
-	}
-});
-//#endregion
-export { z as default };