@templatical/editor 0.35.0 → 0.37.0

package/dist/{x-BPKoRPTG.js → x-D_-42Ukq.js}

@@ -1,4 +1,4 @@
-import { t as e } from "./createLucideIcon-05lB8iWe.js";
+import { t as e } from "./createLucideIcon-Cwf_nTzE.js";
 var t = e({
 	name: "x",
 	size: 24,

package/package.json

@@ -1,13 +1,14 @@
 {
   "name": "@templatical/editor",
   "description": "Vue 3 visual drag-and-drop email editor powered by Templatical",
-  "version": "0.35.0",
+  "version": "0.37.0",
   "bugs": "https://github.com/templatical/sdk/issues",
   "devDependencies": {
-    "@lucide/vue": "^1.42.0",
-    "@templatical/core": "0.35.0",
-    "@templatical/quality": "0.35.0",
-    "@templatical/types": "0.35.0",
+    "@lucide/vue": "^1.43.0",
+    "@templatical/core": "0.37.0",
+    "@templatical/media-library": "0.37.0",
+    "@templatical/quality": "0.37.0",
+    "@templatical/types": "0.37.0",
     "@tiptap/core": "^3.31.3",
     "@tiptap/extension-color": "^3.31.3",
     "@tiptap/extension-font-family": "^3.31.3",
@@ -24,7 +25,7 @@
     "@vitejs/plugin-vue": "^6.0.8",
     "@vue/test-utils": "^2.5.0",
     "@vueuse/core": "^14.4.0",
-    "es-module-lexer": "^3.0.1",
+    "es-module-lexer": "^3.0.2",
     "happy-dom": "^20.14.0",
     "jsdom": "30.0.1",
     "liquidjs": "^10.29.0",
@@ -63,17 +64,13 @@
   "license": "FSL-1.1-MIT",
   "module": "./dist/templatical-editor.js",
   "peerDependencies": {
-    "@templatical/media-library": "0.35.0",
-    "@templatical/quality": "0.35.0",
-    "@templatical/renderer": "0.35.0"
+    "@templatical/quality": "0.37.0",
+    "@templatical/renderer": "0.37.0"
   },
   "peerDependenciesMeta": {
     "@templatical/renderer": {
       "optional": true
     },
-    "@templatical/media-library": {
-      "optional": true
-    },
     "@templatical/quality": {
       "optional": true
     }

package/dist/CloudHeaderExtras-CRUQvgSV.js

@@ -1,59 +0,0 @@
-import { Dt as e, _ as t, c as n, d as r, g as i, h as a, k as o, kt as s, l as c, r as l, rt as u, u as d, v as f, z as p } from "./vue.runtime.esm-bundler-D9JUcKrV.js";
-import { c as m, t as h } from "./runtime-dom.esm-bundler-BuG03jBM.js";
-import { t as g } from "./sparkles-DNdS9V_3.js";
-import { n as _ } from "./useCloudI18n-BKoiYsWZ.js";
-//#region src/cloud/components/CloudHeaderExtras.vue?vue&type=script&setup=true&lang.ts
-var v = {
-	key: 0,
-	"data-testid": "cloud-template-usage",
-	class: "tpl:text-xs tpl:opacity-60 tpl:text-[var(--tpl-text-muted)]"
-}, y = ["aria-expanded"], b = {
-	key: 0,
-	class: "tpl:absolute tpl:right-0 tpl:top-full tpl:z-50 tpl:mt-1 tpl:origin-top-right"
-}, x = /* @__PURE__ */ f({
-	__name: "CloudHeaderExtras",
-	props: {
-		part: {},
-		cloud: {}
-	},
-	setup(f) {
-		let x = t(() => import("./CollaboratorBar-DvwZm5u7.js")), S = t(() => import("./AiFeatureMenu--8z7qvg1.js")), { t: C, format: w } = _();
-		return (t, _) => f.part === "left" ? (o(), r(l, { key: 0 }, [f.cloud.featureFlags.templateLimit.value === null ? d("", !0) : (o(), r("span", v, s(u(w)(u(C).header.templatesUsed, {
-			used: f.cloud.featureFlags.templateCount.value,
-			max: f.cloud.featureFlags.templateLimit.value
-		})), 1)), f.cloud.collaboration && f.cloud.isCollaborationEnabled.value ? (o(), c(u(x), {
-			key: 1,
-			collaborators: f.cloud.collaboration.collaborators.value,
-			"is-connected": f.cloud.websocket.isConnected.value
-		}, null, 8, ["collaborators", "is-connected"])) : d("", !0)], 64)) : f.part === "right" ? (o(), r(l, { key: 1 }, [f.cloud.featureFlags.canUseAiGeneration.value && f.cloud.featureFlags.hasTemplateSaved.value ? (o(), r("div", {
-			key: 0,
-			ref: (e) => f.cloud.panelState.aiMenuRef.value = e,
-			class: "tpl:relative"
-		}, [n("button", {
-			type: "button",
-			"data-testid": "ai-menu-trigger",
-			"aria-expanded": f.cloud.panelState.aiMenuOpen.value,
-			class: e(["tpl-ai-btn tpl:inline-flex tpl:items-center tpl:gap-1.5 tpl:rounded-[var(--tpl-radius-sm)] tpl:border-none tpl:px-4 tpl:py-2 tpl:text-sm tpl:font-semibold tpl:whitespace-nowrap tpl:transition-all tpl:duration-200", f.cloud.panelState.aiButtonActive.value ? "tpl-ai-btn--active" : "tpl-ai-btn--idle"]),
-			onClick: _[0] ||= m((...e) => f.cloud.panelState.toggleAiMenu && f.cloud.panelState.toggleAiMenu(...e), ["stop"])
-		}, [i(u(g), {
-			size: 16,
-			"stroke-width": 2,
-			class: "tpl-ai-btn-icon"
-		}), a(" " + s(u(C).aiChat.button), 1)], 10, y), i(h, {
-			"enter-active-class": "tpl:transition-all tpl:ease-out",
-			"enter-from-class": "tpl:scale-95 tpl:opacity-0",
-			"enter-to-class": "tpl:scale-100 tpl:opacity-100",
-			"leave-active-class": "tpl:transition-all tpl:duration-100 tpl:ease-in",
-			"leave-from-class": "tpl:scale-100 tpl:opacity-100",
-			"leave-to-class": "tpl:scale-95 tpl:opacity-0"
-		}, {
-			default: p(() => [f.cloud.panelState.aiMenuOpen.value ? (o(), r("div", b, [i(u(S), {
-				"active-feature": f.cloud.panelState.activeAiFeature.value,
-				onSelect: f.cloud.panelState.handleAiFeatureSelect
-			}, null, 8, ["active-feature", "onSelect"])])) : d("", !0)]),
-			_: 1
-		})], 512)) : d("", !0)], 64)) : d("", !0);
-	}
-});
-//#endregion
-export { x as default };

package/dist/SavedBlocksBrowserModal-BORqqASb.js

@@ -1,322 +0,0 @@
-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-CYGvurZa.js";
-import { G as re, J as C, h as ie, z as ae } from "./keys-C3P1yxnr.js";
-import { t as oe } from "./useI18n-CL6RfPzK.js";
-import { n as se, r as w, t as T } from "./blockTypeIcons-D_4HdaY9.js";
-import { t as ce } from "./pencil-BhWTFcp4.js";
-import { t as le } from "./trash-C9bMXvw4.js";
-import { t as ue } from "./x-BPKoRPTG.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-DRx4ytx8.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)]"
-}, k = { class: "tpl:mt-2 tpl:text-xs tpl:text-[var(--tpl-text-dim)]" }, Ke = { class: "tpl:mt-1 tpl:max-w-[220px] tpl:text-center tpl:text-xs tpl:text-[var(--tpl-text-dim)]" }, qe = { class: "tpl:flex tpl:flex-1 tpl:flex-col tpl:overflow-hidden tpl:border-l tpl:border-[var(--tpl-border)]" }, Je = {
-	key: 0,
-	class: "tpl:flex tpl:flex-1 tpl:flex-col tpl:overflow-hidden"
-}, Ye = { class: "tpl:flex-1 tpl:overflow-y-auto tpl:p-4" }, Xe = {
-	key: 1,
-	class: "tpl:flex tpl:flex-1 tpl:flex-col tpl:items-center tpl:justify-center tpl:px-4"
-}, Ze = { class: "tpl:mt-2 tpl:text-center tpl:text-xs tpl:text-[var(--tpl-text-dim)]" }, Qe = { class: "tpl:flex tpl:items-center tpl:justify-between tpl:border-t tpl:px-5 tpl:py-3 tpl:border-[var(--tpl-border)]" }, $e = { class: "tpl:flex tpl:items-center tpl:gap-2" }, et = { class: "tpl:shrink-0 tpl:text-xs tpl:text-[var(--tpl-text-dim)]" }, tt = ["value"], nt = { class: "tpl:flex tpl:gap-2" }, rt = ["disabled"], A = /* @__PURE__ */ v({
-	__name: "SavedBlocksBrowserModal",
-	props: { visible: { type: Boolean } },
-	emits: ["close", "insert"],
-	setup(v, { emit: A }) {
-		let it = v, j = A, at = te(() => import("./BlockPreviewCanvas-DKspIy8V.js").then((e) => e.n)), { t: M, format: N } = oe(), P = C(ae, "SavedBlocksBrowserModal"), F = C(ie, "SavedBlocksBrowserModal"), ot = a(re, void 0), 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), st = g(() => I.value.trim().length > 0 || L.value !== ""), q = g(() => R.value ? P.savedBlocks.value.find((e) => e.id === R.value) ?? null : null), ct = 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;
-		}), lt = 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(() => it.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 ut(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 ? pe(t, M.time, N) ?? "" : "";
-		}
-		function dt(e) {
-			let t = e.updatedAt ?? e.createdAt;
-			return t ? fe(t, ot) : "";
-		}
-		async function ft(e) {
-			try {
-				await P.remove(e), R.value === e && (R.value = null);
-			} finally {
-				z.value = null;
-			}
-		}
-		async function pt(e) {
-			P.canUpdateBlock(e) && (B.value = e.id, V.value = e.name, H.value = e.category ?? "", z.value = null, await ee(), 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 mt(e, t) {
-			let n = e.currentTarget, r = e.relatedTarget;
-			r && n.contains(r) || Z(t);
-		}
-		function Q() {
-			q.value && j("insert", q.value, lt.value);
-		}
-		function $() {
-			j("close");
-		}
-		function ht(e) {
-			B.value || (e.key === "Escape" && $(), e.key === "Enter" && q.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(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(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) => 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, Ce), [[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", Te, 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, E))), 128))], 8, we)), [[x, L.value]]) : _("", !0)]),
-					s("datalist", D, [(d(!0), c(m, null, u(h(P).categories.value, (e) => (d(), c("option", {
-						key: e,
-						value: e
-					}, null, 8, O))), 128))]),
-					s("div", Ee, [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, De)) : G.value.length > 0 ? (d(), c("div", Oe, [(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) => mt(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, Ae), [[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, je), [[y, H.value]])], 40, ke)) : (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", Ne, [s("span", Pe, f(n.name), 1), s("span", Fe, f(h(N)(h(M).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(ut(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", ze, " +" + 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: dt(n)
-							}, f(Y(n)), 9, Be)) : _("", !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) => ft(n.id), ["stop"])
-							}, f(h(M).savedBlocks.deleteConfirm), 9, Ve)) : (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) => pt(n), ["stop"])
-							}, [l(h(ce), {
-								size: 12,
-								"stroke-width": 1.5
-							})], 8, He)) : _("", !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(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)]"
-					}), st.value ? (d(), c("p", Ge, f(h(M).savedBlocks.noResults), 1)) : (d(), c(m, { key: 1 }, [s("p", k, f(h(M).savedBlocks.empty), 1), s("p", Ke, f(h(M).savedBlocks.emptyHint), 1)], 64))]))])
-				]), s("div", qe, [q.value ? (d(), c("div", Je, [s("div", Ye, [l(h(at), { blocks: q.value.content }, null, 8, ["blocks"])])])) : (d(), c("div", Xe, [l(h(w), {
-					size: 32,
-					"stroke-width": 1,
-					class: "tpl:text-[var(--tpl-text-dim)]"
-				}), s("p", Ze, f(h(M).savedBlocks.selectToPreview), 1)]))])]),
-				s("div", Qe, [s("div", $e, [s("label", et, 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(ct.value, (e) => (d(), c("option", {
-					key: e.value,
-					value: e.value
-				}, f(e.label), 9, tt))), 128))], 512), [[x, W.value]])]), s("div", nt, [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(de)),
-					disabled: !q.value,
-					onClick: Q
-				}, f(h(M).savedBlocks.insert), 11, rt)])])
-			])]),
-			_: 1
-		}, 8, ["visible"]));
-	}
-});
-//#endregion
-export { A as default };

package/dist/TitleEditor-pYEUX6lR.js

@@ -1,198 +0,0 @@
-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-CYGvurZa.js";
-import { K as ne, O as re, U as _, w as v } from "./keys-C3P1yxnr.js";
-import { t as y } from "./useI18n-CL6RfPzK.js";
-import { n as b } from "./usePopoverPosition-CWxaIWd3.js";
-import { a as ie, i as x, n as S, r as ae, t as oe } from "./RichTextEditorContent-riOB-rKD.js";
-import { o as se, s as ce } from "./MergeTagInput-D1hzsn2b.js";
-import { t as le } from "./loader-circle-B2Y8xZQb.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,
-	class: "tpl:mx-1.5 tpl:h-6 tpl:w-px tpl:bg-[var(--tpl-border)]"
-}, k = ["aria-label", "title"], A = {
-	key: 2,
-	class: "tpl:mx-1.5 tpl:h-6 tpl:w-px tpl:bg-[var(--tpl-border)]"
-}, j = ["aria-label", "title"], M = {
-	key: 1,
-	class: "tpl:flex tpl:items-center tpl:gap-2 tpl:px-2 tpl:text-xs tpl:text-[var(--tpl-text-dim)]"
-}, N = /* @__PURE__ */ g({
-	__name: "TitleEditor",
-	props: {
-		block: {},
-		toolbarPosition: {}
-	},
-	emits: ["done"],
-	setup(g, { emit: N }) {
-		let P = g, F = N, I = r(_, null), L = r(ne, 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({
-			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-BxFbxpgW.js").then((e) => e.r),
-					import("./dist-DkcA6epL.js"),
-					import("./dist-C1tsW_99.js"),
-					import("./extensions-Bawm4BOM.js")
-				]);
-				return {
-					TiptapEditor: a,
-					EC: o,
-					extensions: [
-						s.configure({
-							heading: !1,
-							codeBlock: !1,
-							blockquote: !1,
-							horizontalRule: !1,
-							bulletList: !1,
-							orderedList: !1,
-							listItem: !1,
-							strike: !1,
-							link: !1
-						}),
-						ee(c).configure({
-							openOnClick: !1,
-							HTMLAttributes: {
-								target: "_blank",
-								rel: "noopener noreferrer"
-							}
-						}),
-						l.configure({
-							mergeTags: e,
-							syntax: t
-						}),
-						d.configure({ syntax: t }),
-						f,
-						...r && n && e.length > 0 ? [u.configure({
-							mergeTags: e,
-							char: n,
-							emptyText: i,
-							popoverRoot: R
-						})] : []
-					]
-				};
-			}
-		});
-		return (r, m) => (l(), a("div", C, [
-			p(R) && !V.value ? (l(), d(c, {
-				key: 0,
-				to: p(R)
-			}, [i("div", {
-				"data-tpl-theme": p(L),
-				role: "toolbar",
-				"aria-label": p(H).titleEditor.toolbar,
-				class: "tpl tpl-text-toolbar tpl:absolute tpl:flex tpl:items-center tpl:gap-1 tpl:rounded-lg tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:px-3 tpl:py-2 tpl:shadow-[var(--tpl-shadow-lg)]",
-				style: n({
-					...p(I),
-					top: `${g.toolbarPosition.top}px`,
-					left: `${g.toolbarPosition.left}px`,
-					transform: "translateY(-100%)"
-				})
-			}, [!p(G) && p(U) ? (l(), a(f, { key: 0 }, [
-				i("button", {
-					type: "button",
-					class: e(["tpl-text-toolbar-btn", { "tpl-text-toolbar-btn--active": p(U)?.isActive("bold") }]),
-					"aria-label": p(H).titleEditor.bold,
-					title: p(H).titleEditor.bold,
-					onClick: m[0] ||= (e) => p(U)?.chain().focus().toggleBold().run()
-				}, [o(p(ie), {
-					size: 16,
-					"stroke-width": 2.5
-				})], 10, T),
-				i("button", {
-					type: "button",
-					class: e(["tpl-text-toolbar-btn", { "tpl-text-toolbar-btn--active": p(U)?.isActive("italic") }]),
-					"aria-label": p(H).titleEditor.italic,
-					title: p(H).titleEditor.italic,
-					onClick: m[1] ||= (e) => p(U)?.chain().focus().toggleItalic().run()
-				}, [o(p(x), {
-					size: 16,
-					"stroke-width": 2
-				})], 10, E),
-				m[8] ||= i("span", {
-					class: "tpl:mx-1.5 tpl:h-6 tpl:w-px tpl:bg-[var(--tpl-border)]",
-					"aria-hidden": "true"
-				}, null, -1),
-				i("button", {
-					type: "button",
-					class: e(["tpl-text-toolbar-btn", { "tpl-text-toolbar-btn--active": p(U)?.isActive("link") }]),
-					"aria-label": p(H).titleEditor.addLink,
-					title: p(H).titleEditor.addLink,
-					onClick: m[2] ||= (...e) => p(Z) && p(Z)(...e)
-				}, [o(p(ae), {
-					size: 16,
-					"stroke-width": 2
-				})], 10, D),
-				p(Y) ? (l(), a("span", O)) : h("", !0),
-				p(Y) ? (l(), a("button", {
-					key: 1,
-					type: "button",
-					class: "tpl:flex tpl:h-8 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:gap-1.5 tpl:rounded tpl:border-none tpl:bg-transparent tpl:px-2.5 tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-text)] tpl:transition-all tpl:hover:bg-[var(--tpl-bg-active)]",
-					"aria-label": p(H).mergeTag.insert,
-					title: p(H).mergeTag.insert,
-					onClick: m[3] ||= (...e) => p(Q) && p(Q)(...e)
-				}, [o(p(se), {
-					size: 16,
-					"stroke-width": 2
-				}), s(" " + u(p(H).mergeTag.insertShort), 1)], 8, k)) : h("", !0),
-				p(X) ? (l(), a("span", A)) : h("", !0),
-				p(X) ? (l(), a("button", {
-					key: 3,
-					type: "button",
-					class: "tpl:flex tpl:h-8 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:gap-1.5 tpl:rounded tpl:border-none tpl:bg-transparent tpl:px-2.5 tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-text)] tpl:transition-all tpl:hover:bg-[var(--tpl-bg-active)]",
-					"aria-label": p(H).logicTag.insert,
-					title: p(H).logicTag.insert,
-					"data-testid": "insert-logic-button",
-					onClick: m[4] ||= (...e) => p($) && p($)(...e)
-				}, [o(p(ce), {
-					size: 16,
-					"stroke-width": 2
-				}), s(" " + u(p(H).logicTag.insertShort), 1)], 8, j)) : h("", !0)
-			], 64)) : (l(), a("div", M, [o(p(le), {
-				class: "tpl-spinner",
-				size: 14,
-				"stroke-width": 2
-			}), s(" " + u(p(H).errors.editorLoading), 1)]))], 12, w)], 8, ["to"])) : h("", !0),
-			o(oe, {
-				editor: p(U),
-				"editor-content": p(W),
-				"is-loading": p(G),
-				"init-error": p(ue),
-				onRetry: p(de)
-			}, null, 8, [
-				"editor",
-				"editor-content",
-				"is-loading",
-				"init-error",
-				"onRetry"
-			]),
-			o(S, {
-				visible: p(fe),
-				"is-editing-link": p(U)?.isActive("link") ?? !1,
-				"dialog-ref": p(J),
-				"onUpdate:dialogRef": m[5] ||= (e) => t(J) ? J.value = e : null,
-				"link-url": p(K),
-				"onUpdate:linkUrl": m[6] ||= (e) => t(K) ? K.value = e : null,
-				"link-color": p(q),
-				"onUpdate:linkColor": m[7] ||= (e) => t(q) ? q.value = e : null,
-				onClose: p(he),
-				onInsert: p(pe),
-				onRemove: p(me),
-				onKeydown: p(ge)
-			}, null, 8, [
-				"visible",
-				"is-editing-link",
-				"dialog-ref",
-				"link-url",
-				"link-color",
-				"onClose",
-				"onInsert",
-				"onRemove",
-				"onKeydown"
-			])
-		]));
-	}
-});
-//#endregion
-export { N as default };