@templatical/editor 0.26.3 → 0.27.0

package/dist/TitleEditor-DnB0EJ_g.js

@@ -0,0 +1,198 @@
+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-DzEsDRtY.js";
+import { C as ee, S as te } from "./useEditorCore-B-kONNRw.js";
+import { B as ne, D as re, H as _, w as v } from "./keys-BxixS0TN.js";
+import { t as y } from "./useI18n-BfXff_Sy.js";
+import { n as b } from "./usePopoverPosition-CxhCX3SQ.js";
+import { a as ie, i as x, n as S, r as ae, t as oe } from "./RichTextEditorContent-I83k5DtQ.js";
+import { n as se, t as ce } from "./scan-line-DyaSTsJ5.js";
+import { t as le } from "./loader-circle-DqTxB7Kr.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(ne, null), L = r(_, null), R = b(), z = r(re, null), B = r(v, null), V = m(() => (z?.isOpen.value ?? !1) || (B?.isOpen.value ?? !1)), { t: H } = y(), { editor: U, EditorContent: W, isLoading: G, initError: ue, retry: de, showLinkDialog: fe, linkUrl: K, linkColor: q, linkDialogRef: J, canRequestMergeTag: Y, canInsertLogicTag: X, openLinkDialog: Z, insertLink: pe, removeLink: me, closeLinkDialog: he, handleLinkKeydown: ge, handleAddMergeTag: Q, handleAddLogicTag: $ } = te({
+			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-Ck9roB6K.js").then((e) => e.r),
+					import("./dist-DMJRSouD.js"),
+					import("./dist-M7m1lYRe.js"),
+					import("./extensions-CX87G4aL.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:z-popover 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(ce), {
+					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(se), {
+					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 };

package/dist/TplModal-chvLhXmC.js

@@ -0,0 +1,49 @@
+import { M as e, Ot as t, S as n, X as r, c as i, d as a, g as o, i as s, k as c, l, rt as u, s as d, u as f, v as p, z as m } from "./vue.runtime.esm-bundler-DzEsDRtY.js";
+import { c as h, t as g } from "./runtime-dom.esm-bundler-BgKXIPLV.js";
+import { D as _ } from "./useEditorCore-B-kONNRw.js";
+import { B as v, H as y } from "./keys-BxixS0TN.js";
+import { n as b } from "./usePopoverPosition-CxhCX3SQ.js";
+//#region src/components/TplModal.vue?vue&type=script&setup=true&lang.ts
+var x = ["data-tpl-theme"], S = /* @__PURE__ */ p({
+	__name: "TplModal",
+	props: { visible: { type: Boolean } },
+	emits: ["close", "keydown"],
+	setup(p, { emit: S }) {
+		let C = p, w = S, T = r(null), E = d(() => C.visible);
+		_(T, E);
+		let D = n(y), O = n(v, null), k = b();
+		function A(e) {
+			e.key === "Escape" && w("close"), w("keydown", e);
+		}
+		return (n, r) => u(k) ? (c(), l(s, {
+			key: 0,
+			to: u(k)
+		}, [o(g, {
+			"enter-active-class": "tpl:transition",
+			"enter-from-class": "tpl:opacity-0",
+			"enter-to-class": "tpl:opacity-100",
+			"leave-active-class": "tpl:transition tpl:duration-100",
+			"leave-from-class": "tpl:opacity-100",
+			"leave-to-class": "tpl:opacity-0"
+		}, {
+			default: m(() => [p.visible ? (c(), a("div", {
+				key: 0,
+				"data-tpl-theme": u(D),
+				class: "tpl tpl:fixed tpl:inset-0 tpl:z-modal tpl:flex tpl:items-center tpl:justify-center",
+				style: t([{
+					"background-color": "var(--tpl-overlay)",
+					"backdrop-filter": "blur(8px)",
+					"-webkit-backdrop-filter": "blur(8px)"
+				}, u(O)]),
+				onClick: r[0] ||= h((e) => w("close"), ["self"]),
+				onKeydown: A
+			}, [i("div", {
+				ref_key: "dialogRef",
+				ref: T
+			}, [e(n.$slots, "default")], 512)], 44, x)) : f("", !0)]),
+			_: 3
+		})], 8, ["to"])) : f("", !0);
+	}
+});
+//#endregion
+export { S as t };

package/dist/VersionHistoryMenu-Cq4rH56t.js

@@ -0,0 +1,155 @@
+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-DzEsDRtY.js";
+import { c as h, t as g } from "./runtime-dom.esm-bundler-BgKXIPLV.js";
+import { t as _ } from "./dist-B5iReTtK.js";
+import { t as v } from "./useI18n-BfXff_Sy.js";
+import { t as y } from "./createLucideIcon-L-wQXW_R.js";
+import { t as b } from "./chevron-down-nYScOLeZ.js";
+import { t as x } from "./clock-DxkrtqOr.js";
+import { t as S } from "./loader-circle-DqTxB7Kr.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 };

package/dist/VersionHistoryPanels-D7k_F7-9.js

@@ -0,0 +1,46 @@
+import { _ as e, d as t, k as n, l as r, r as i, rt as a, u as o, v as s } from "./vue.runtime.esm-bundler-DzEsDRtY.js";
+//#endregion
+//#region src/components/VersionHistoryPanels.vue
+var c = /* @__PURE__ */ s({
+	__name: "VersionHistoryPanels",
+	props: { feature: {} },
+	setup(s) {
+		let c = s, l = e(() => import("./VersionPreviewBanner-DthyHe6C.js")), u = e(() => import("./RestoreVersionDialog-DIn1muFD.js"));
+		async function d() {
+			try {
+				await c.feature.requestRestore();
+			} catch {}
+		}
+		async function f() {
+			try {
+				await c.feature.saveAndRestore();
+			} catch {}
+		}
+		async function p() {
+			try {
+				await c.feature.discardAndRestore();
+			} catch {}
+		}
+		return (e, c) => (n(), t(i, null, [s.feature.isPreviewing.value ? (n(), r(a(l), {
+			key: 0,
+			visible: s.feature.isPreviewing.value,
+			"can-restore": s.feature.canRestore.value,
+			onCancel: c[0] ||= (e) => s.feature.cancelPreview(),
+			onConfirm: d
+		}, null, 8, ["visible", "can-restore"])) : o("", !0), s.feature.isConfirmingRestore.value ? (n(), r(a(u), {
+			key: 1,
+			visible: s.feature.isConfirmingRestore.value,
+			"can-save": s.feature.canSaveBeforeRestore.value,
+			"is-busy": s.feature.isConfirmBusy.value,
+			onCancel: c[1] ||= (e) => s.feature.cancelRestoreConfirm(),
+			onSaveAndRestore: f,
+			onDiscardAndRestore: p
+		}, null, 8, [
+			"visible",
+			"can-save",
+			"is-busy"
+		])) : o("", !0)], 64));
+	}
+});
+//#endregion
+export { c as default };

package/dist/VersionPreviewBanner-DthyHe6C.js

@@ -0,0 +1,38 @@
+import { Dt as e, c as t, d as n, g as r, k as i, kt as a, rt as o, u as s, v as c } from "./vue.runtime.esm-bundler-DzEsDRtY.js";
+import { t as l } from "./useI18n-BfXff_Sy.js";
+import { t as u } from "./clock-DxkrtqOr.js";
+import { f as d, v as f } from "./styleConstants-ByDqaYj_.js";
+//#region src/components/VersionPreviewBanner.vue?vue&type=script&setup=true&lang.ts
+var p = {
+	key: 0,
+	class: "tpl-preview-banner tpl:absolute tpl:top-14 tpl:right-0 tpl:left-0 tpl:z-40 tpl:flex tpl:items-center tpl:justify-center tpl:gap-4 tpl:px-4 tpl:py-3 tpl:bg-[var(--tpl-primary-light)] tpl:border-b tpl:border-[var(--tpl-primary)]",
+	"data-testid": "version-preview-banner",
+	role: "status"
+}, m = { class: "tpl:flex tpl:items-center tpl:gap-2 tpl:text-sm tpl:text-[var(--tpl-text)]" }, h = { class: "tpl:flex tpl:items-center tpl:gap-2" }, g = /* @__PURE__ */ c({
+	__name: "VersionPreviewBanner",
+	props: {
+		visible: { type: Boolean },
+		canRestore: { type: Boolean }
+	},
+	emits: ["cancel", "confirm"],
+	setup(c, { emit: g }) {
+		let _ = g, { t: v } = l();
+		return (l, g) => c.visible ? (i(), n("div", p, [t("div", m, [r(o(u), {
+			size: 18,
+			"stroke-width": 2,
+			class: "tpl:text-[var(--tpl-primary)]"
+		}), t("span", null, a(o(v).versionPreview.message), 1)]), t("div", h, [t("button", {
+			class: e(o(d)),
+			style: { "background-color": "transparent" },
+			"data-testid": "version-preview-cancel",
+			onClick: g[0] ||= (e) => _("cancel")
+		}, a(o(v).versionPreview.cancel), 3), c.canRestore ? (i(), n("button", {
+			key: 0,
+			class: e(o(f)),
+			"data-testid": "version-preview-restore",
+			onClick: g[1] ||= (e) => _("confirm")
+		}, a(o(v).versionPreview.restore), 3)) : s("", !0)])])) : s("", !0);
+	}
+});
+//#endregion
+export { g as default };

package/dist/{blockTypeIcons-C7wRSaT3.js → blockTypeIcons-B8r4jMBn.js}

@@ -1,5 +1,5 @@
-import { A as e, L as t, M as n, N as r, j as i } from "./useEditorCore-P4UkhcyS.js";
-import { t as a } from "./createLucideIcon-C8WzBYCv.js";
+import { A as e, I as t, M as n, j as r, k as i } from "./useEditorCore-B-kONNRw.js";
+import { t as a } from "./createLucideIcon-L-wQXW_R.js";
 var o = a("columns-3", [
 	["rect", {
 		width: "18",
@@ -119,13 +119,13 @@ var o = a("columns-3", [
 	section: o,
 	title: s,
 	paragraph: d,
-	image: r,
+	image: n,
 	button: p,
 	divider: c,
 	video: f,
-	social: i,
-	menu: n,
-	table: e,
+	social: e,
+	menu: r,
+	table: i,
 	spacer: l,
 	countdown: h,
 	html: t

package/dist/bundle-stats.json

@@ -1,10 +1,10 @@
 {
-  "version": "0.26.3",
-  "initialGzipBytes": 297148,
-  "initialRawBytes": 1068314,
-  "initialFileCount": 41,
-  "lazyGzipBytes": 210277,
-  "lazyRawBytes": 686125,
-  "lazyFileCount": 54,
-  "generatedAt": "2026-08-19T15:22:31.506Z"
+  "version": "0.27.0",
+  "initialGzipBytes": 304909,
+  "initialRawBytes": 1099925,
+  "initialFileCount": 46,
+  "lazyGzipBytes": 211010,
+  "lazyRawBytes": 678013,
+  "lazyFileCount": 59,
+  "generatedAt": "2026-08-19T15:54:22.639Z"
 }

package/dist/{ca-D1zgI9fQ.js → ca-Cqg9O8mx.js}

@@ -4,6 +4,27 @@ var e = {
 		poweredBy: "Amb la tecnologia de",
 		openSource: "Codi obert"
 	},
+	header: {
+		save: "Desa",
+		saving: "S'està desant...",
+		saved: "Desat",
+		unsaved: "Sense desar",
+		saveFailed: "No s'ha pogut desar",
+		saveNoTemplate: "Primer carrega o crea una plantilla",
+		templateName: "Nom de la plantilla",
+		rename: "Canvia el nom de la plantilla",
+		untitled: "Sense títol",
+		updatedAt: "Actualitzat {time}",
+		createdAt: "Creat {time}",
+		updatedJustNow: "Actualitzat ara mateix",
+		createdJustNow: "Creat ara mateix"
+	},
+	time: {
+		justNow: "Ara mateix",
+		minutesAgo: "fa {minutes} min",
+		hoursAgo: "fa {hours} h",
+		daysAgo: "fa {days} d"
+	},
 	history: {
 		undo: "Desfer",
 		redo: "Refer",
@@ -563,12 +584,54 @@ var e = {
 		expand: "Amplia",
 		collapse: "Redueix",
 		expandPreview: "Amplia la vista prèvia de {block}",
-		collapsePreview: "Redueix la vista prèvia de {block}",
-		time: {
-			justNow: "Ara mateix",
-			minutesAgo: "fa {minutes} min",
-			hoursAgo: "fa {hours} h",
-			daysAgo: "fa {days} d"
+		collapsePreview: "Redueix la vista prèvia de {block}"
+	},
+	comments: {
+		button: "Comentaris",
+		title: "Comentaris",
+		placeholder: "Escriu un comentari...",
+		replyPlaceholder: "Escriu una resposta...",
+		reply: "Respondre",
+		resolve: "Resoldre",
+		unresolve: "Reobrir",
+		delete: "Eliminar",
+		edit: "Editar",
+		cancel: "Cancel·lar",
+		save: "Desar",
+		noComments: "Encara no hi ha comentaris",
+		noCommentsHint: "Comença una conversa afegint un comentari a la plantilla o a un bloc concret.",
+		deleteConfirm: "Vols eliminar aquest comentari?",
+		filterAll: "Tots",
+		filterUnresolved: "Sense resoldre",
+		filterBlock: "Aquest bloc",
+		jumpToBlock: "Bloc",
+		ownedByYou: "Tu",
+		edited: "editat",
+		resolvedBy: "Resolt per {name}",
+		replyOne: "{count} resposta",
+		replyMany: "{count} respostes",
+		missingBlock: "Bloc no trobat",
+		saveTemplateFirst: "Desa la plantilla abans de comentar en aquest bloc."
+	},
+	versionHistory: {
+		tooltip: "Historial de versions",
+		dropdownTitle: "Historial de versions",
+		empty: "Encara no hi ha versions",
+		auto: "auto",
+		olderVersion: "Versió anterior",
+		newerVersion: "Versió més recent"
+	},
+	versionPreview: {
+		message: "Estàs veient una versió anterior d’aquesta plantilla.",
+		cancel: "Cancel·la",
+		restore: "Restaura aquesta versió",
+		restoreConfirm: {
+			title: "Vols restaurar aquesta versió?",
+			unsavedWithSave: "Tens canvis sense desar. Desa’ls primer i es mantindran a l’historial; si restaures sense desar, es perdran.",
+			unsavedNoSave: "Tens canvis sense desar i cap lloc on desar-los. Si restaures aquesta versió, es perdran.",
+			saveAndRestore: "Desa i restaura",
+			restoreAnyway: "Restaura igualment",
+			cancel: "Cancel·la"
 		}
 	},
 	previewResolution: {