@templatical/editor 0.19.0 → 0.21.0

package/dist/{useI18n-BNMzZTM5.js → useI18n-D2L9Mkik.js}

@@ -1,5 +1,5 @@
 import { W as e, x as t } from "./vue.runtime.esm-bundler-B0xoGkDv.js";
-import { R as n } from "./keys-DFaIbGR8.js";
+import { R as n } from "./keys-CHPcp-Nz.js";
 //#region src/composables/useI18n.ts
 function r(r) {
 	let i = r ?? t(n, null);

package/dist/{useMergeTag-DfEY0eK5.js → useMergeTag-BTdDq5DC.js}

@@ -1,6 +1,6 @@
 import { Y as e, x as t } from "./vue.runtime.esm-bundler-B0xoGkDv.js";
 import { D as n, M as r, a as i } from "./dist-BJbqgyPn.js";
-import { D as a, E as o, O as s, T as c, j as l } from "./keys-DFaIbGR8.js";
+import { D as a, E as o, O as s, T as c, j as l } from "./keys-CHPcp-Nz.js";
 //#region src/composables/useMergeTag.ts
 function u() {
 	let u = t(c, []), d = t(s, i.liquid), f = t(l, null), p = t(o, !0), m = t(a, null), h = e(!1);

package/dist/{usePopoverPosition-F9STHRIr.js → usePopoverPosition-BO2LNy5n.js}

@@ -1,6 +1,6 @@
 import { E as e, I as t, L as n, Y as r, Z as i, b as a, et as o, nt as s, s as c, v as l, x as u } from "./vue.runtime.esm-bundler-B0xoGkDv.js";
 import { _ as d, a as f, d as p, i as m, l as h, n as g, o as _, r as v, s as y, t as b, u as x } from "./dist-DYv_Pttj.js";
-import { N as S } from "./keys-DFaIbGR8.js";
+import { N as S } from "./keys-CHPcp-Nz.js";
 //#region ../../node_modules/.pnpm/@vueuse+core@14.3.0_vue@3.5.40_typescript@6.0.3_/node_modules/@vueuse/core/dist/index.js
 var C = g ? window : void 0;
 g && window.document, g && window.navigator, g && window.location;

package/dist/{x-Ctg_250T.js → x-CkD6A1iB.js}

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

package/package.json

@@ -1,28 +1,28 @@
 {
   "name": "@templatical/editor",
   "description": "Vue 3 visual drag-and-drop email editor powered by Templatical",
-  "version": "0.19.0",
+  "version": "0.21.0",
   "bugs": "https://github.com/templatical/sdk/issues",
   "devDependencies": {
-    "@lucide/vue": "^1.25.0",
-    "@tiptap/core": "^3.28.0",
-    "@tiptap/extension-color": "^3.28.0",
-    "@tiptap/extension-font-family": "^3.28.0",
-    "@tiptap/extension-highlight": "^3.28.0",
-    "@tiptap/extension-link": "^3.28.0",
-    "@tiptap/extension-subscript": "^3.28.0",
-    "@tiptap/extension-superscript": "^3.28.0",
-    "@tiptap/extension-text-align": "^3.28.0",
-    "@tiptap/extension-text-style": "^3.28.0",
-    "@tiptap/extension-underline": "^3.28.0",
-    "@tiptap/starter-kit": "^3.28.0",
-    "@tiptap/suggestion": "^3.28.0",
-    "@tiptap/vue-3": "^3.28.0",
+    "@lucide/vue": "^1.27.0",
+    "@tiptap/core": "^3.29.0",
+    "@tiptap/extension-color": "^3.29.0",
+    "@tiptap/extension-font-family": "^3.29.0",
+    "@tiptap/extension-highlight": "^3.29.0",
+    "@tiptap/extension-link": "^3.29.0",
+    "@tiptap/extension-subscript": "^3.29.0",
+    "@tiptap/extension-superscript": "^3.29.0",
+    "@tiptap/extension-text-align": "^3.29.0",
+    "@tiptap/extension-text-style": "^3.29.0",
+    "@tiptap/extension-underline": "^3.29.0",
+    "@tiptap/starter-kit": "^3.29.0",
+    "@tiptap/suggestion": "^3.29.0",
+    "@tiptap/vue-3": "^3.29.0",
     "@vitejs/plugin-vue": "^6.0.8",
     "@vue/test-utils": "^2.4.11",
     "@vueuse/core": "^14.3.0",
     "es-module-lexer": "^2.3.1",
-    "happy-dom": "^20.11.0",
+    "happy-dom": "^20.11.1",
     "liquidjs": "^10.27.2",
     "tailwindcss": "^4.3.3",
     "typescript": "^6.0.3",
@@ -31,10 +31,10 @@
     "vitest": "^4.1.10",
     "vue": "^3.5.40",
     "vue-draggable-plus": "^0.6.1",
-    "vue-tsc": "^3.3.7",
-    "@templatical/core": "0.19.0",
-    "@templatical/quality": "0.19.0",
-    "@templatical/types": "0.19.0"
+    "vue-tsc": "^3.3.8",
+    "@templatical/core": "0.21.0",
+    "@templatical/quality": "0.21.0",
+    "@templatical/types": "0.21.0"
   },
   "exports": {
     ".": {
@@ -62,9 +62,9 @@
   "license": "SEE LICENSE IN LICENSE",
   "module": "./dist/templatical-editor.js",
   "peerDependencies": {
-    "@templatical/media-library": "0.19.0",
-    "@templatical/quality": "0.19.0",
-    "@templatical/renderer": "0.19.0"
+    "@templatical/media-library": "0.21.0",
+    "@templatical/quality": "0.21.0",
+    "@templatical/renderer": "0.21.0"
   },
   "peerDependenciesMeta": {
     "@templatical/renderer": {

package/dist/CommentsSidebar-BYMVucZh.js

@@ -1,442 +0,0 @@
-import { A as e, Dt as t, Et as n, I as r, O as i, Ot as a, R as o, Y as s, _ as c, c as l, d as u, h as d, l as f, m as ee, nt as p, r as m, s as h, u as g, w as te, z as _ } from "./vue.runtime.esm-bundler-B0xoGkDv.js";
-import { a as v, t as y } from "./runtime-dom.esm-bundler-GdMI8WqG.js";
-import { B as b, h as ne, r as re, u as ie } from "./keys-DFaIbGR8.js";
-import { t as ae } from "./useI18n-BNMzZTM5.js";
-import { t as x } from "./createLucideIcon-FSF4peHQ.js";
-import { t as oe } from "./check-Cg6Mc2pP.js";
-import { t as se } from "./chevron-down-dClfxKrJ.js";
-import { t as S } from "./loader-circle-BT38qSm3.js";
-import { t as C } from "./message-circle-BAHcL9S-.js";
-import { t as w } from "./send-DvMay6bt.js";
-import { t as T } from "./trash-2-CRBDolnR.js";
-import { t as E } from "./x-Ctg_250T.js";
-import { t as D } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { n as ce } from "./useCloudI18n-PCDOC2kz.js";
-import { t as le } from "./formatRelativeTime-CtUU-QZ8.js";
-var ue = x("chevron-up", [["path", {
-	d: "m18 15-6-6-6 6",
-	key: "153udz"
-}]]), de = x("circle-check", [["circle", {
-	cx: "12",
-	cy: "12",
-	r: "10",
-	key: "1mglay"
-}], ["path", {
-	d: "m9 12 2 2 4-4",
-	key: "dzmm74"
-}]]), O = x("pencil", [["path", {
-	d: "M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z",
-	key: "1a8usu"
-}], ["path", {
-	d: "m15 5 4 4",
-	key: "1mk7zo"
-}]]), fe = x("reply", [["path", {
-	d: "M20 18v-2a4 4 0 0 0-4-4H4",
-	key: "5vmcpk"
-}], ["path", {
-	d: "m9 17-5-5 5-5",
-	key: "nvlc11"
-}]]), pe = {
-	key: 0,
-	class: "tpl-comments-sidebar tpl:absolute tpl:top-14 tpl:right-0 tpl:bottom-0 tpl:z-panel tpl:flex tpl:w-[360px] tpl:flex-col tpl:border-l tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg-elevated)]"
-}, me = { class: "tpl:flex tpl:items-center tpl:justify-between tpl:border-b tpl:border-[var(--tpl-border)] tpl:px-4 tpl:py-3" }, he = { class: "tpl:flex tpl:items-center tpl:gap-1.5 tpl:text-sm tpl:font-medium tpl:text-[var(--tpl-text)]" }, ge = {
-	key: 0,
-	class: "tpl:ml-1 tpl:inline-flex tpl:size-5 tpl:items-center tpl:justify-center tpl:rounded-full tpl:text-[10px] tpl:font-semibold tpl:bg-[var(--tpl-primary)] tpl:text-[var(--tpl-bg)]"
-}, _e = { class: "tpl:flex tpl:gap-1 tpl:border-b tpl:border-[var(--tpl-border)] tpl:px-4 tpl:py-2" }, ve = { class: "tpl:flex-1 tpl:overflow-y-auto" }, ye = {
-	key: 0,
-	class: "tpl:flex tpl:h-full tpl:items-center tpl:justify-center"
-}, be = {
-	key: 1,
-	class: "tpl:flex tpl:h-full tpl:flex-col tpl:items-center tpl:justify-center tpl:gap-3 tpl:px-6 tpl:text-center"
-}, xe = { class: "tpl:max-w-[240px] tpl:text-sm tpl:text-[var(--tpl-text-muted)]" }, Se = {
-	key: 2,
-	class: "tpl:flex tpl:flex-col tpl:gap-3 tpl:p-3"
-}, Ce = { class: "tpl-comment-card tpl:rounded-lg tpl:border tpl:px-3.5 tpl:py-3" }, we = { class: "tpl:flex tpl:items-start tpl:justify-between tpl:gap-2" }, Te = { class: "tpl:flex tpl:items-center tpl:gap-1.5" }, Ee = { class: "tpl:text-xs tpl:font-semibold tpl:text-[var(--tpl-text)]" }, De = { class: "tpl:text-[10px] tpl:text-[var(--tpl-text-dim)]" }, Oe = {
-	key: 0,
-	class: "tpl:text-[10px] tpl:italic tpl:text-[var(--tpl-text-dim)]"
-}, ke = { class: "tpl:flex tpl:items-center tpl:gap-0.5" }, Ae = ["title", "onClick"], je = ["title", "onClick"], Me = ["title", "onClick"], Ne = {
-	key: 0,
-	class: "tpl:mt-1 tpl:flex tpl:items-center tpl:gap-1 tpl:text-[10px] tpl:text-[var(--tpl-primary)]"
-}, Pe = {
-	key: 0,
-	class: "tpl:mt-1 tpl:inline-flex tpl:items-center tpl:gap-1 tpl:rounded tpl:px-1.5 tpl:py-0.5 tpl:text-[10px] tpl:font-medium tpl:bg-[var(--tpl-warning-light)] tpl:text-[var(--tpl-warning)]"
-}, Fe = ["onClick"], Ie = {
-	key: 2,
-	class: "tpl:mt-2"
-}, Le = ["onKeydown"], Re = { class: "tpl:mt-1.5 tpl:flex tpl:gap-1.5" }, ze = ["disabled", "onClick"], Be = {
-	key: 3,
-	class: "tpl:mt-1.5 tpl:text-xs tpl:leading-relaxed tpl:whitespace-pre-wrap tpl:text-[var(--tpl-text)]"
-}, Ve = {
-	key: 4,
-	class: "tpl:mt-2 tpl:flex tpl:items-center tpl:gap-2 tpl:rounded-md tpl:px-2.5 tpl:py-2 tpl:text-xs tpl:bg-[var(--tpl-danger-light)] tpl:text-[var(--tpl-danger)]"
-}, He = { class: "tpl:flex-1" }, Ue = ["onClick"], We = {
-	key: 5,
-	class: "tpl:mt-2 tpl:flex tpl:items-center tpl:gap-2"
-}, Ge = ["title", "onClick"], Ke = ["onClick"], qe = {
-	key: 0,
-	class: "tpl-comment-replies tpl:ml-5 tpl:pl-3 tpl:pt-2"
-}, Je = { class: "tpl:flex tpl:items-start tpl:justify-between tpl:gap-2" }, Ye = { class: "tpl:flex tpl:items-center tpl:gap-1.5" }, Xe = { class: "tpl:text-xs tpl:font-semibold tpl:text-[var(--tpl-text)]" }, Ze = { class: "tpl:text-[10px] tpl:text-[var(--tpl-text-dim)]" }, Qe = {
-	key: 0,
-	class: "tpl:text-[10px] tpl:italic tpl:text-[var(--tpl-text-dim)]"
-}, $e = { class: "tpl:flex tpl:items-center tpl:gap-0.5" }, et = ["title", "onClick"], tt = ["title", "onClick"], nt = {
-	key: 0,
-	class: "tpl:mt-1.5"
-}, rt = ["onKeydown"], it = { class: "tpl:mt-1.5 tpl:flex tpl:gap-1.5" }, at = ["disabled", "onClick"], ot = {
-	key: 1,
-	class: "tpl:mt-1 tpl:text-xs tpl:leading-relaxed tpl:whitespace-pre-wrap tpl:text-[var(--tpl-text)]"
-}, st = {
-	key: 2,
-	class: "tpl:mt-2 tpl:flex tpl:items-center tpl:gap-2 tpl:rounded-md tpl:px-2.5 tpl:py-2 tpl:text-xs tpl:bg-[var(--tpl-danger-light)] tpl:text-[var(--tpl-danger)]"
-}, ct = { class: "tpl:flex-1" }, lt = ["onClick"], ut = {
-	key: 0,
-	class: "tpl-comment-replies tpl:ml-5 tpl:pl-3 tpl:pt-2"
-}, dt = { class: "tpl:flex tpl:items-end tpl:gap-2" }, ft = ["placeholder", "onKeydown"], pt = { class: "tpl:flex tpl:shrink-0 tpl:flex-col tpl:gap-1" }, mt = ["disabled", "onClick"], ht = { class: "tpl:border-t tpl:p-3 tpl:border-[var(--tpl-border)]" }, gt = {
-	key: 0,
-	class: "tpl:flex tpl:min-h-[68px] tpl:items-center tpl:rounded-md tpl:px-3 tpl:py-2 tpl:text-xs tpl:bg-[var(--tpl-warning-light)] tpl:text-[var(--tpl-warning)]"
-}, _t = {
-	key: 1,
-	class: "tpl-comments-input-wrapper tpl:flex tpl:min-h-[68px] tpl:items-end tpl:gap-2 tpl:rounded-[var(--tpl-radius)] tpl:border tpl:px-3 tpl:py-2 tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)]"
-}, vt = ["placeholder", "disabled"], yt = ["disabled"], k = /*#__PURE__*/ D(/* @__PURE__ */ c({
-	__name: "CommentsSidebar",
-	props: { visible: { type: Boolean } },
-	emits: ["close", "filterBlock"],
-	setup(c, { expose: x, emit: D }) {
-		let k = c, A = D, { format: j } = ae(), { t: M } = ce(), N = b(ne, "CommentsSidebar"), bt = b(re, "CommentsSidebar"), P = b(ie, "CommentsSidebar"), F = s("unresolved"), I = s(null), L = s(""), R = s(null), z = s(""), B = s(null), V = s(""), H = s(/* @__PURE__ */ new Set()), U = s(null), W = s(null), xt = h(() => bt.userConfig?.id ?? null), St = h(() => {
-			let e = /* @__PURE__ */ new Set();
-			for (let t of N.content.value.blocks) if (e.add(t.id), t.type === "section") for (let n of t.children) for (let t of n) e.add(t.id);
-			return e;
-		});
-		function Ct(e) {
-			return e ? !St.value.has(e) : !1;
-		}
-		let wt = h(() => F.value !== "block" || !I.value ? !1 : !(N.savedBlockIds?.value.has(I.value) ?? !0)), G = h(() => {
-			let e = P.comments.value;
-			return F.value === "unresolved" ? e = e.filter((e) => !e.resolved_at) : F.value === "block" && I.value && (e = e.filter((e) => e.block_id === I.value)), e;
-		});
-		r(() => k.visible, (e) => {
-			e && P.loadComments();
-		}), r(() => N.state.selectedBlockId, (e) => {
-			F.value === "block" && e && (I.value = e);
-		});
-		function K(e, t) {
-			F.value = e, I.value = e === "block" ? t ?? null : null;
-		}
-		function Tt(e) {
-			K("block", e), A("filterBlock", e);
-		}
-		function Et(e) {
-			H.value.has(e) ? H.value.delete(e) : H.value.add(e);
-		}
-		function Dt(e) {
-			R.value = e, z.value = "", B.value = null, H.value.has(e) || H.value.add(e);
-		}
-		function Ot() {
-			R.value = null, z.value = "";
-		}
-		function q(e) {
-			B.value = e.id, V.value = e.body, R.value = null;
-		}
-		function J() {
-			B.value = null, V.value = "";
-		}
-		function Y(e) {
-			U.value = e;
-		}
-		function X() {
-			U.value = null;
-		}
-		async function Z() {
-			let e = L.value.trim();
-			if (!e) return;
-			let t = F.value === "block" ? I.value : void 0;
-			await P.addComment(e, t ?? void 0), L.value = "";
-		}
-		async function kt(e) {
-			let t = z.value.trim();
-			if (!t) return;
-			let n = P.comments.value.find((t) => t.id === e);
-			await P.addComment(t, n?.block_id ?? void 0, e), R.value = null, z.value = "";
-		}
-		async function Q(e) {
-			let t = V.value.trim();
-			t && (await P.editComment(e, t), B.value = null, V.value = "");
-		}
-		async function At(e) {
-			await P.removeComment(e), U.value = null;
-		}
-		async function jt(e) {
-			await P.toggleResolve(e);
-		}
-		function $(e) {
-			return e.author_identifier === xt.value;
-		}
-		function Mt(e) {
-			return le(e, M.snapshotHistory) ?? e;
-		}
-		function Nt(e) {
-			e.key === "Enter" && !e.shiftKey && (e.preventDefault(), Z());
-		}
-		function Pt(e, t) {
-			e.key === "Enter" && !e.shiftKey && (e.preventDefault(), kt(t));
-		}
-		function Ft(e, t) {
-			e.key === "Enter" && !e.shiftKey && (e.preventDefault(), Q(t)), e.key === "Escape" && J();
-		}
-		function It() {
-			te(() => {
-				W.value?.focus();
-			});
-		}
-		return x({
-			filterByBlock: Tt,
-			focusNewComment: It
-		}), (r, s) => (i(), f(y, {
-			"enter-active-class": "tpl-comments-slide-enter-active",
-			"enter-from-class": "tpl:translate-x-full",
-			"enter-to-class": "tpl:translate-x-0",
-			"leave-active-class": "tpl-comments-slide-leave-active",
-			"leave-from-class": "tpl:translate-x-0",
-			"leave-to-class": "tpl:translate-x-full"
-		}, {
-			default: o(() => [c.visible ? (i(), u("div", pe, [
-				l("div", me, [l("div", he, [
-					d(p(C), {
-						size: 13,
-						"stroke-width": 2
-					}),
-					l("span", null, a(p(M).comments.title), 1),
-					p(P).unresolvedCount.value > 0 ? (i(), u("span", ge, a(p(P).unresolvedCount.value), 1)) : g("", !0)
-				]), l("button", {
-					class: "tpl:rounded-md tpl:p-0.5 tpl:transition-colors tpl:duration-150 tpl:text-[var(--tpl-text-muted)]",
-					onClick: s[0] ||= (e) => A("close")
-				}, [d(p(E), {
-					size: 14,
-					"stroke-width": 2
-				})])]),
-				l("div", _e, [
-					l("button", {
-						class: n(["tpl-comment-filter tpl:rounded-md tpl:px-2.5 tpl:py-1 tpl:text-xs tpl:font-medium tpl:transition-colors tpl:duration-150", F.value === "unresolved" ? "tpl-comment-filter--active" : ""]),
-						onClick: s[1] ||= (e) => K("unresolved")
-					}, a(p(M).comments.filterUnresolved), 3),
-					l("button", {
-						class: n(["tpl-comment-filter tpl:rounded-md tpl:px-2.5 tpl:py-1 tpl:text-xs tpl:font-medium tpl:transition-colors tpl:duration-150", F.value === "all" ? "tpl-comment-filter--active" : ""]),
-						onClick: s[2] ||= (e) => K("all")
-					}, a(p(M).comments.filterAll), 3),
-					p(N).state.selectedBlockId ? (i(), u("button", {
-						key: 0,
-						class: n(["tpl-comment-filter tpl:rounded-md tpl:px-2.5 tpl:py-1 tpl:text-xs tpl:font-medium tpl:transition-colors tpl:duration-150", F.value === "block" ? "tpl-comment-filter--active" : ""]),
-						onClick: s[3] ||= (e) => K("block", p(N).state.selectedBlockId ?? void 0)
-					}, a(p(M).comments.filterBlock), 3)) : g("", !0)
-				]),
-				l("div", ve, [p(P).isLoading.value ? (i(), u("div", ye, [d(p(S), {
-					class: "tpl-spinner tpl:text-[var(--tpl-text-muted)]",
-					size: 24,
-					"stroke-width": 2
-				})])) : G.value.length === 0 ? (i(), u("div", be, [d(p(C), {
-					size: 32,
-					"stroke-width": 1.5,
-					class: "tpl:text-[var(--tpl-text-dim)]"
-				}), l("p", xe, a(F.value === "all" ? p(M).comments.noCommentsHint : p(M).comments.noComments), 1)])) : (i(), u("div", Se, [(i(!0), u(m, null, e(G.value, (r) => (i(), u("div", {
-					key: r.id,
-					class: "tpl-comment-thread"
-				}, [
-					l("div", Ce, [
-						l("div", we, [l("div", Te, [
-							l("span", Ee, a($(r) ? p(M).comments.ownedByYou : r.author_name), 1),
-							l("span", De, a(Mt(r.created_at)), 1),
-							r.updated_at === r.created_at ? g("", !0) : (i(), u("span", Oe, " (" + a(p(M).comments.edited) + ") ", 1))
-						]), l("div", ke, [
-							l("button", {
-								class: "tpl-comment-action tpl:rounded tpl:p-1 tpl:transition-colors tpl:duration-150",
-								title: r.resolved_at ? p(M).comments.unresolve : p(M).comments.resolve,
-								onClick: (e) => jt(r.id)
-							}, [d(p(de), {
-								size: 13,
-								"stroke-width": 2,
-								class: "tpl-resolve-icon",
-								style: t({ color: r.resolved_at ? "var(--tpl-primary)" : void 0 })
-							}, null, 8, ["style"])], 8, Ae),
-							$(r) ? (i(), u("button", {
-								key: 0,
-								class: "tpl-comment-action tpl:rounded tpl:p-1 tpl:transition-colors tpl:duration-150",
-								title: p(M).comments.edit,
-								onClick: (e) => q(r)
-							}, [d(p(O), {
-								size: 12,
-								"stroke-width": 2
-							})], 8, je)) : g("", !0),
-							$(r) ? (i(), u("button", {
-								key: 1,
-								class: "tpl-comment-action tpl-comment-delete tpl:rounded tpl:p-1 tpl:transition-colors tpl:duration-150",
-								title: p(M).comments.delete,
-								onClick: (e) => Y(r.id)
-							}, [d(p(T), {
-								size: 12,
-								"stroke-width": 2
-							})], 8, Me)) : g("", !0)
-						])]),
-						d(y, { name: "tpl-resolve" }, {
-							default: o(() => [r.resolved_at ? (i(), u("div", Ne, [d(p(oe), {
-								size: 10,
-								"stroke-width": 2.5
-							}), l("span", null, a(p(j)(p(M).comments.resolvedBy, { name: r.resolved_by_name ?? "" })), 1)])) : g("", !0)]),
-							_: 2
-						}, 1024),
-						r.block_id && Ct(r.block_id) ? (i(), u("span", Pe, a(p(M).comments.missingBlock), 1)) : r.block_id ? (i(), u("button", {
-							key: 1,
-							class: "tpl:mt-1 tpl:inline-flex tpl:items-center tpl:gap-1 tpl:rounded tpl:px-1.5 tpl:py-0.5 tpl:text-[10px] tpl:font-medium tpl:transition-colors tpl:duration-150 tpl:bg-[var(--tpl-bg-hover)] tpl:text-[var(--tpl-text-muted)]",
-							onClick: (e) => p(N).selectBlock(r.block_id ?? "")
-						}, " Block ", 8, Fe)) : g("", !0),
-						B.value === r.id ? (i(), u("div", Ie, [_(l("textarea", {
-							"onUpdate:modelValue": s[4] ||= (e) => V.value = e,
-							class: "tpl:w-full tpl:resize-none tpl:rounded-md tpl:border tpl:px-2.5 tpl:py-2 tpl:font-sans tpl:text-xs tpl:outline-none tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:text-[var(--tpl-text)]",
-							rows: "3",
-							onKeydown: (e) => Ft(e, r.id)
-						}, null, 40, Le), [[v, V.value]]), l("div", Re, [l("button", {
-							class: "tpl:rounded-md tpl:px-2.5 tpl:py-1 tpl:text-xs tpl:font-medium tpl:transition-colors tpl:duration-150 tpl:bg-[var(--tpl-primary)] tpl:text-[var(--tpl-bg)]",
-							disabled: !V.value.trim() || p(P).isSubmitting.value,
-							onClick: (e) => Q(r.id)
-						}, a(p(M).comments.save), 9, ze), l("button", {
-							class: "tpl:rounded-md tpl:px-2.5 tpl:py-1 tpl:text-xs tpl:font-medium tpl:transition-colors tpl:duration-150 tpl:text-[var(--tpl-text-muted)]",
-							onClick: s[5] ||= (e) => J()
-						}, a(p(M).comments.cancel), 1)])])) : (i(), u("p", Be, a(r.body), 1)),
-						U.value === r.id ? (i(), u("div", Ve, [
-							l("span", He, a(p(M).comments.deleteConfirm), 1),
-							l("button", {
-								class: "tpl:rounded tpl:px-2 tpl:py-0.5 tpl:text-xs tpl:font-medium tpl:bg-[var(--tpl-danger)] tpl:text-[var(--tpl-bg)]",
-								onClick: (e) => At(r.id)
-							}, a(p(M).comments.delete), 9, Ue),
-							l("button", {
-								class: "tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-text-muted)]",
-								onClick: s[6] ||= (e) => X()
-							}, a(p(M).comments.cancel), 1)
-						])) : g("", !0),
-						B.value !== r.id && U.value !== r.id ? (i(), u("div", We, [l("button", {
-							class: "tpl-comment-action tpl:rounded tpl:p-1 tpl:transition-colors tpl:duration-150",
-							title: p(M).comments.reply,
-							onClick: (e) => Dt(r.id)
-						}, [d(p(fe), {
-							size: 13,
-							"stroke-width": 2,
-							class: "tpl:text-[var(--tpl-primary)]"
-						})], 8, Ge), (r.replies?.length ?? 0) > 0 ? (i(), u("button", {
-							key: 0,
-							class: "tpl:flex tpl:items-center tpl:gap-0.5 tpl:text-[11px] tpl:font-medium tpl:transition-colors tpl:duration-150 tpl:text-[var(--tpl-text-muted)]",
-							onClick: (e) => Et(r.id)
-						}, [H.value.has(r.id) ? (i(), f(p(ue), {
-							key: 0,
-							size: 11,
-							"stroke-width": 2
-						})) : (i(), f(p(se), {
-							key: 1,
-							size: 11,
-							"stroke-width": 2
-						})), ee(" " + a((r.replies?.length ?? 0) === 1 ? p(j)(p(M).comments.replyOne, { count: String(r.replies?.length ?? 0) }) : p(j)(p(M).comments.replyMany, { count: String(r.replies?.length ?? 0) })), 1)], 8, Ke)) : g("", !0)])) : g("", !0)
-					]),
-					d(y, { name: "tpl-replies" }, {
-						default: o(() => [H.value.has(r.id) && (r.replies?.length ?? 0) > 0 ? (i(), u("div", qe, [(i(!0), u(m, null, e(r.replies, (e, t) => (i(), u("div", {
-							key: e.id,
-							class: n(["tpl-comment-reply-card tpl:relative tpl:rounded-lg tpl:border tpl:px-3.5 tpl:py-2.5", t < (r.replies?.length ?? 0) - 1 ? "tpl:mb-2" : ""])
-						}, [
-							l("div", Je, [l("div", Ye, [
-								l("span", Xe, a($(e) ? p(M).comments.ownedByYou : e.author_name), 1),
-								l("span", Ze, a(Mt(e.created_at)), 1),
-								e.updated_at === e.created_at ? g("", !0) : (i(), u("span", Qe, " (" + a(p(M).comments.edited) + ") ", 1))
-							]), l("div", $e, [$(e) ? (i(), u("button", {
-								key: 0,
-								class: "tpl-comment-action tpl:rounded tpl:p-1 tpl:transition-colors tpl:duration-150",
-								title: p(M).comments.edit,
-								onClick: (t) => q(e)
-							}, [d(p(O), {
-								size: 11,
-								"stroke-width": 2
-							})], 8, et)) : g("", !0), $(e) ? (i(), u("button", {
-								key: 1,
-								class: "tpl-comment-action tpl-comment-delete tpl:rounded tpl:p-1 tpl:transition-colors tpl:duration-150",
-								title: p(M).comments.delete,
-								onClick: (t) => Y(e.id)
-							}, [d(p(T), {
-								size: 11,
-								"stroke-width": 2
-							})], 8, tt)) : g("", !0)])]),
-							B.value === e.id ? (i(), u("div", nt, [_(l("textarea", {
-								"onUpdate:modelValue": s[7] ||= (e) => V.value = e,
-								class: "tpl:w-full tpl:resize-none tpl:rounded-md tpl:border tpl:px-2.5 tpl:py-2 tpl:font-sans tpl:text-xs tpl:outline-none tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:text-[var(--tpl-text)]",
-								rows: "2",
-								onKeydown: (t) => Ft(t, e.id)
-							}, null, 40, rt), [[v, V.value]]), l("div", it, [l("button", {
-								class: "tpl:rounded-md tpl:px-2.5 tpl:py-1 tpl:text-xs tpl:font-medium tpl:bg-[var(--tpl-primary)] tpl:text-[var(--tpl-bg)]",
-								disabled: !V.value.trim() || p(P).isSubmitting.value,
-								onClick: (t) => Q(e.id)
-							}, a(p(M).comments.save), 9, at), l("button", {
-								class: "tpl:rounded-md tpl:px-2.5 tpl:py-1 tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-text-muted)]",
-								onClick: s[8] ||= (e) => J()
-							}, a(p(M).comments.cancel), 1)])])) : (i(), u("p", ot, a(e.body), 1)),
-							U.value === e.id ? (i(), u("div", st, [
-								l("span", ct, a(p(M).comments.deleteConfirm), 1),
-								l("button", {
-									class: "tpl:rounded tpl:px-2 tpl:py-0.5 tpl:text-xs tpl:font-medium tpl:bg-[var(--tpl-danger)] tpl:text-[var(--tpl-bg)]",
-									onClick: (t) => At(e.id)
-								}, a(p(M).comments.delete), 9, lt),
-								l("button", {
-									class: "tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-text-muted)]",
-									onClick: s[9] ||= (e) => X()
-								}, a(p(M).comments.cancel), 1)
-							])) : g("", !0)
-						], 2))), 128))])) : g("", !0)]),
-						_: 2
-					}, 1024),
-					d(y, { name: "tpl-replies" }, {
-						default: o(() => [R.value === r.id ? (i(), u("div", ut, [l("div", dt, [_(l("textarea", {
-							"onUpdate:modelValue": s[10] ||= (e) => z.value = e,
-							class: "tpl:flex-1 tpl:resize-none tpl:rounded-md tpl:border tpl:px-2.5 tpl:py-2 tpl:font-sans tpl:text-xs tpl:outline-none tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:text-[var(--tpl-text)]",
-							placeholder: p(M).comments.replyPlaceholder,
-							rows: "2",
-							onKeydown: (e) => Pt(e, r.id)
-						}, null, 40, ft), [[v, z.value]]), l("div", pt, [l("button", {
-							class: "tpl:flex tpl:items-center tpl:justify-center tpl:rounded-md tpl:p-1.5 tpl:transition-colors tpl:duration-150 tpl:disabled:opacity-40 tpl:text-[var(--tpl-primary)]",
-							disabled: !z.value.trim() || p(P).isSubmitting.value,
-							onClick: (e) => kt(r.id)
-						}, [d(p(w), {
-							size: 14,
-							"stroke-width": 2
-						})], 8, mt), l("button", {
-							class: "tpl:flex tpl:items-center tpl:justify-center tpl:rounded-md tpl:p-1.5 tpl:transition-colors tpl:duration-150 tpl:text-[var(--tpl-text-muted)]",
-							onClick: s[11] ||= (e) => Ot()
-						}, [d(p(E), {
-							size: 14,
-							"stroke-width": 2
-						})])])])])) : g("", !0)]),
-						_: 2
-					}, 1024)
-				]))), 128))]))]),
-				l("div", ht, [wt.value ? (i(), u("div", gt, a(p(M).comments.saveTemplateFirst), 1)) : (i(), u("div", _t, [_(l("textarea", {
-					ref_key: "newCommentInput",
-					ref: W,
-					"onUpdate:modelValue": s[12] ||= (e) => L.value = e,
-					class: "tpl:max-h-24 tpl:min-h-[48px] tpl:flex-1 tpl:resize-none tpl:border-none tpl:bg-transparent tpl:font-sans tpl:text-xs tpl:outline-none tpl:text-[var(--tpl-text)]",
-					placeholder: p(M).comments.placeholder,
-					disabled: p(P).isSubmitting.value,
-					rows: "2",
-					onKeydown: Nt
-				}, null, 40, vt), [[v, L.value]]), l("button", {
-					class: "tpl-comments-send-btn tpl:flex tpl:shrink-0 tpl:items-center tpl:justify-center tpl:rounded-md tpl:p-1.5 tpl:transition-all tpl:duration-150 tpl:disabled:opacity-40 tpl:text-[var(--tpl-primary)]",
-					disabled: !L.value.trim() || p(P).isSubmitting.value,
-					onClick: Z
-				}, [p(P).isSubmitting.value ? (i(), f(p(S), {
-					key: 0,
-					class: "tpl-spinner",
-					size: 16,
-					"stroke-width": 2
-				})) : (i(), f(p(w), {
-					key: 1,
-					size: 16,
-					"stroke-width": 2
-				}))], 8, yt)]))])
-			])) : g("", !0)]),
-			_: 1
-		}));
-	}
-}), [["__scopeId", "data-v-d204f573"]]);
-//#endregion
-export { k as default };