@templatical/editor 0.0.6 → 0.1.1

package/dist/{x-CU2XZOkQ.js → x-D-7GkO6Z.js}

@@ -1,4 +1,4 @@
-import { n as e } from "./_plugin-vue_export-helper-5TQrnOhO.js";
+import { n as e } from "./_plugin-vue_export-helper-OO6pH1Dh.js";
 var t = e("x", [["path", {
 	d: "M18 6 6 18",
 	key: "1bl5f8"

package/package.json

@@ -1,11 +1,10 @@
 {
   "name": "@templatical/editor",
   "description": "Vue 3 visual drag-and-drop email editor powered by Templatical",
-  "version": "0.0.6",
+  "version": "0.1.1",
+  "bugs": "https://github.com/templatical/sdk/issues",
   "dependencies": {
     "@lucide/vue": "^1.11.0",
-    "@templatical/core": "workspace:*",
-    "@templatical/types": "workspace:*",
     "@tiptap/core": "^3.22.4",
     "@tiptap/extension-color": "^3.22.4",
     "@tiptap/extension-font-family": "^3.22.4",
@@ -21,12 +20,15 @@
     "@vueuse/core": "^14.2.1",
     "liquidjs": "^10.25.7",
     "vanilla-colorful": "^0.7.2",
-    "vuedraggable": "^4.1.0"
+    "vuedraggable": "^4.1.0",
+    "@templatical/core": "0.1.1",
+    "@templatical/types": "0.1.1"
   },
   "devDependencies": {
     "@vitejs/plugin-vue": "^6.0.6",
     "@vue/test-utils": "^2.4.8",
     "happy-dom": "^20.9.0",
+    "tailwindcss": "^4.2.4",
     "typescript": "^6.0.3",
     "vite": "^8.0.10",
     "vite-plugin-dts": "^4.5.4",
@@ -37,22 +39,31 @@
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
-      "import": "./dist/templatical-editor.js",
-      "require": "./dist/templatical-editor.umd.cjs"
+      "import": "./dist/templatical-editor.js"
     },
     "./style.css": "./dist/style.css"
   },
   "files": [
     "dist"
   ],
+  "homepage": "https://templatical.com",
+  "keywords": [
+    "drag-and-drop",
+    "email",
+    "email-builder",
+    "email-editor",
+    "email-template",
+    "mjml",
+    "templatical",
+    "tiptap",
+    "vue",
+    "wysiwyg"
+  ],
   "license": "SEE LICENSE IN LICENSE",
-  "main": "./dist/templatical-editor.umd.cjs",
   "module": "./dist/templatical-editor.js",
   "peerDependencies": {
-    "@templatical/media-library": "workspace:*",
-    "@templatical/renderer": "^0.0.6",
-    "tailwindcss": "^4.2.4",
-    "vue": "^3.5.0"
+    "@templatical/media-library": "0.1.1",
+    "@templatical/renderer": "0.1.1"
   },
   "peerDependenciesMeta": {
     "@templatical/renderer": {
@@ -65,13 +76,18 @@
   "publishConfig": {
     "access": "public"
   },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/templatical/sdk.git",
+    "directory": "packages/editor"
+  },
+  "type": "module",
+  "types": "./dist/index.d.ts",
   "scripts": {
     "build": "vite build",
     "build:all": "vite build && vite build --config vite.cdn.config.ts",
     "build:cdn": "vite build --config vite.cdn.config.ts",
     "test": "vitest run",
     "typecheck": "vue-tsc --noEmit"
-  },
-  "type": "module",
-  "types": "./dist/index.d.ts"
-}
+  }
+}

package/dist/CommentsSidebar-CTeEAZTj.js

@@ -1,439 +0,0 @@
-import { T as e, c as t, f as n, r } from "./keys-C0MQRs8d.js";
-import { t as ee } from "./useI18n-D6m7ZUgY.js";
-import { n as i, t as te } from "./_plugin-vue_export-helper-5TQrnOhO.js";
-import { t as ne } from "./check-B5S-C0bz.js";
-import { t as re } from "./chevron-down-CjsV1T0W.js";
-import { t as a } from "./loader-circle-DilFjHSk.js";
-import { t as o } from "./message-circle-Dpcnc2oa.js";
-import { t as s } from "./send-ChDw64yL.js";
-import { t as c } from "./trash-2-CZkMtjeC.js";
-import { t as l } from "./x-CU2XZOkQ.js";
-import { t as ie } from "./formatRelativeTime-D8f6NR7i.js";
-import { Fragment as u, Transition as d, computed as f, createBlock as p, createCommentVNode as m, createElementBlock as h, createElementVNode as g, createTextVNode as ae, createVNode as _, defineComponent as v, nextTick as oe, normalizeClass as y, normalizeStyle as se, openBlock as b, ref as x, renderList as S, toDisplayString as C, unref as w, vModelText as T, watch as ce, withCtx as E, withDirectives as D } from "vue";
-var le = i("chevron-up", [["path", {
-	d: "m18 15-6-6-6 6",
-	key: "153udz"
-}]]), ue = i("circle-check", [["circle", {
-	cx: "12",
-	cy: "12",
-	r: "10",
-	key: "1mglay"
-}], ["path", {
-	d: "m9 12 2 2 4-4",
-	key: "dzmm74"
-}]]), O = i("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"
-}]]), de = i("reply", [["path", {
-	d: "M20 18v-2a4 4 0 0 0-4-4H4",
-	key: "5vmcpk"
-}], ["path", {
-	d: "m9 17-5-5 5-5",
-	key: "nvlc11"
-}]]), fe = {
-	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)]"
-}, pe = { class: "tpl:flex tpl:items-center tpl:justify-between tpl:border-b tpl:border-[var(--tpl-border)] tpl:px-4 tpl:py-3" }, me = { class: "tpl:flex tpl:items-center tpl:gap-1.5 tpl:text-sm tpl:font-medium tpl:text-[var(--tpl-text)]" }, he = {
-	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)]"
-}, ge = { class: "tpl:flex tpl:gap-1 tpl:border-b tpl:border-[var(--tpl-border)] tpl:px-4 tpl:py-2" }, _e = { class: "tpl:flex-1 tpl:overflow-y-auto" }, ve = {
-	key: 0,
-	class: "tpl:flex tpl:h-full tpl:items-center tpl:justify-center"
-}, ye = {
-	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"
-}, be = { class: "tpl:max-w-[240px] tpl:text-sm tpl:text-[var(--tpl-text-muted)]" }, xe = {
-	key: 2,
-	class: "tpl:flex tpl:flex-col tpl:gap-3 tpl:p-3"
-}, Se = { class: "tpl-comment-card tpl:rounded-lg tpl:border tpl:px-3.5 tpl:py-3" }, Ce = { class: "tpl:flex tpl:items-start tpl:justify-between tpl:gap-2" }, we = { class: "tpl:flex tpl:items-center tpl:gap-1.5" }, Te = { class: "tpl:text-xs tpl:font-semibold tpl:text-[var(--tpl-text)]" }, Ee = { class: "tpl:text-[10px] tpl:text-[var(--tpl-text-dim)]" }, De = {
-	key: 0,
-	class: "tpl:text-[10px] tpl:italic tpl:text-[var(--tpl-text-dim)]"
-}, Oe = { class: "tpl:flex tpl:items-center tpl:gap-0.5" }, ke = ["title", "onClick"], Ae = ["title", "onClick"], je = ["title", "onClick"], Me = {
-	key: 0,
-	class: "tpl:mt-1 tpl:flex tpl:items-center tpl:gap-1 tpl:text-[10px] tpl:text-[var(--tpl-primary)]"
-}, Ne = {
-	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)]"
-}, Pe = ["onClick"], Fe = {
-	key: 2,
-	class: "tpl:mt-2"
-}, Ie = ["onKeydown"], Le = { class: "tpl:mt-1.5 tpl:flex tpl:gap-1.5" }, Re = ["disabled", "onClick"], ze = {
-	key: 3,
-	class: "tpl:mt-1.5 tpl:text-xs tpl:leading-relaxed tpl:whitespace-pre-wrap tpl:text-[var(--tpl-text)]"
-}, Be = {
-	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)]"
-}, Ve = { class: "tpl:flex-1" }, He = ["onClick"], Ue = {
-	key: 5,
-	class: "tpl:mt-2 tpl:flex tpl:items-center tpl:gap-2"
-}, We = ["title", "onClick"], Ge = ["onClick"], Ke = {
-	key: 0,
-	class: "tpl-comment-replies tpl:ml-5 tpl:pl-3 tpl:pt-2"
-}, qe = { class: "tpl:flex tpl:items-start tpl:justify-between tpl:gap-2" }, Je = { class: "tpl:flex tpl:items-center tpl:gap-1.5" }, Ye = { class: "tpl:text-xs tpl:font-semibold tpl:text-[var(--tpl-text)]" }, Xe = { class: "tpl:text-[10px] tpl:text-[var(--tpl-text-dim)]" }, Ze = {
-	key: 0,
-	class: "tpl:text-[10px] tpl:italic tpl:text-[var(--tpl-text-dim)]"
-}, Qe = { class: "tpl:flex tpl:items-center tpl:gap-0.5" }, $e = ["title", "onClick"], et = ["title", "onClick"], tt = {
-	key: 0,
-	class: "tpl:mt-1.5"
-}, nt = ["onKeydown"], rt = { class: "tpl:mt-1.5 tpl:flex tpl:gap-1.5" }, it = ["disabled", "onClick"], at = {
-	key: 1,
-	class: "tpl:mt-1 tpl:text-xs tpl:leading-relaxed tpl:whitespace-pre-wrap tpl:text-[var(--tpl-text)]"
-}, ot = {
-	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)]"
-}, st = { class: "tpl:flex-1" }, ct = ["onClick"], lt = {
-	key: 0,
-	class: "tpl-comment-replies tpl:ml-5 tpl:pl-3 tpl:pt-2"
-}, ut = { class: "tpl:flex tpl:items-end tpl:gap-2" }, dt = ["placeholder", "onKeydown"], ft = { class: "tpl:flex tpl:shrink-0 tpl:flex-col tpl:gap-1" }, pt = ["disabled", "onClick"], mt = { class: "tpl:border-t tpl:p-3 tpl:border-[var(--tpl-border)]" }, ht = {
-	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)]"
-}, gt = {
-	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)]"
-}, _t = ["placeholder", "disabled"], vt = ["disabled"], k = /* @__PURE__ */ te(/* @__PURE__ */ v({
-	__name: "CommentsSidebar",
-	props: { visible: { type: Boolean } },
-	emits: ["close", "filterBlock"],
-	setup(i, { expose: te, emit: v }) {
-		let k = i, A = v, { t: j, format: M } = ee(), N = e(n, "CommentsSidebar"), yt = e(r, "CommentsSidebar"), P = e(t, "CommentsSidebar"), F = x("unresolved"), I = x(null), L = x(""), R = x(null), z = x(""), B = x(null), V = x(""), H = x(/* @__PURE__ */ new Set()), U = x(null), W = x(null), bt = f(() => yt.userConfig?.id ?? null), xt = f(() => {
-			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 St(e) {
-			return e ? !xt.value.has(e) : !1;
-		}
-		let Ct = f(() => F.value !== "block" || !I.value ? !1 : !(N.savedBlockIds?.value.has(I.value) ?? !0)), G = f(() => {
-			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;
-		});
-		ce(() => k.visible, (e) => {
-			e && P.loadComments();
-		}), ce(() => 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 wt(e) {
-			K("block", e), A("filterBlock", e);
-		}
-		function Tt(e) {
-			H.value.has(e) ? H.value.delete(e) : H.value.add(e);
-		}
-		function Et(e) {
-			R.value = e, z.value = "", B.value = null, H.value.has(e) || H.value.add(e);
-		}
-		function Dt() {
-			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 Ot(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 kt(e) {
-			await P.removeComment(e), U.value = null;
-		}
-		async function At(e) {
-			await P.toggleResolve(e);
-		}
-		function $(e) {
-			return e.author_identifier === bt.value;
-		}
-		function jt(e) {
-			return ie(e, j.snapshotHistory) ?? e;
-		}
-		function Mt(e) {
-			e.key === "Enter" && !e.shiftKey && (e.preventDefault(), Z());
-		}
-		function Nt(e, t) {
-			e.key === "Enter" && !e.shiftKey && (e.preventDefault(), Ot(t));
-		}
-		function Pt(e, t) {
-			e.key === "Enter" && !e.shiftKey && (e.preventDefault(), Q(t)), e.key === "Escape" && J();
-		}
-		function Ft() {
-			oe(() => {
-				W.value?.focus();
-			});
-		}
-		return te({
-			filterByBlock: wt,
-			focusNewComment: Ft
-		}), (e, t) => (b(), p(d, {
-			"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: E(() => [i.visible ? (b(), h("div", fe, [
-				g("div", pe, [g("div", me, [
-					_(w(o), {
-						size: 13,
-						"stroke-width": 2
-					}),
-					g("span", null, C(w(j).comments.title), 1),
-					w(P).unresolvedCount.value > 0 ? (b(), h("span", he, C(w(P).unresolvedCount.value), 1)) : m("", !0)
-				]), g("button", {
-					class: "tpl:rounded-md tpl:p-0.5 tpl:transition-colors tpl:duration-150 tpl:text-[var(--tpl-text-muted)]",
-					onClick: t[0] ||= (e) => A("close")
-				}, [_(w(l), {
-					size: 14,
-					"stroke-width": 2
-				})])]),
-				g("div", ge, [
-					g("button", {
-						class: y(["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: t[1] ||= (e) => K("unresolved")
-					}, C(w(j).comments.filterUnresolved), 3),
-					g("button", {
-						class: y(["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: t[2] ||= (e) => K("all")
-					}, C(w(j).comments.filterAll), 3),
-					w(N).state.selectedBlockId ? (b(), h("button", {
-						key: 0,
-						class: y(["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: t[3] ||= (e) => K("block", w(N).state.selectedBlockId ?? void 0)
-					}, C(w(j).comments.filterBlock), 3)) : m("", !0)
-				]),
-				g("div", _e, [w(P).isLoading.value ? (b(), h("div", ve, [_(w(a), {
-					class: "tpl-spinner tpl:text-[var(--tpl-text-muted)]",
-					size: 24,
-					"stroke-width": 2
-				})])) : G.value.length === 0 ? (b(), h("div", ye, [_(w(o), {
-					size: 32,
-					"stroke-width": 1.5,
-					class: "tpl:text-[var(--tpl-text-dim)]"
-				}), g("p", be, C(F.value === "all" ? w(j).comments.noCommentsHint : w(j).comments.noComments), 1)])) : (b(), h("div", xe, [(b(!0), h(u, null, S(G.value, (e) => (b(), h("div", {
-					key: e.id,
-					class: "tpl-comment-thread"
-				}, [
-					g("div", Se, [
-						g("div", Ce, [g("div", we, [
-							g("span", Te, C($(e) ? w(j).comments.ownedByYou : e.author_name), 1),
-							g("span", Ee, C(jt(e.created_at)), 1),
-							e.updated_at === e.created_at ? m("", !0) : (b(), h("span", De, " (" + C(w(j).comments.edited) + ") ", 1))
-						]), g("div", Oe, [
-							g("button", {
-								class: "tpl-comment-action tpl:rounded tpl:p-1 tpl:transition-colors tpl:duration-150",
-								title: e.resolved_at ? w(j).comments.unresolve : w(j).comments.resolve,
-								onClick: (t) => At(e.id)
-							}, [_(w(ue), {
-								size: 13,
-								"stroke-width": 2,
-								class: "tpl-resolve-icon",
-								style: se({ color: e.resolved_at ? "var(--tpl-primary)" : void 0 })
-							}, null, 8, ["style"])], 8, ke),
-							$(e) ? (b(), h("button", {
-								key: 0,
-								class: "tpl-comment-action tpl:rounded tpl:p-1 tpl:transition-colors tpl:duration-150",
-								title: w(j).comments.edit,
-								onClick: (t) => q(e)
-							}, [_(w(O), {
-								size: 12,
-								"stroke-width": 2
-							})], 8, Ae)) : m("", !0),
-							$(e) ? (b(), h("button", {
-								key: 1,
-								class: "tpl-comment-action tpl-comment-delete tpl:rounded tpl:p-1 tpl:transition-colors tpl:duration-150",
-								title: w(j).comments.delete,
-								onClick: (t) => Y(e.id)
-							}, [_(w(c), {
-								size: 12,
-								"stroke-width": 2
-							})], 8, je)) : m("", !0)
-						])]),
-						_(d, { name: "tpl-resolve" }, {
-							default: E(() => [e.resolved_at ? (b(), h("div", Me, [_(w(ne), {
-								size: 10,
-								"stroke-width": 2.5
-							}), g("span", null, C(w(M)(w(j).comments.resolvedBy, { name: e.resolved_by_name ?? "" })), 1)])) : m("", !0)]),
-							_: 2
-						}, 1024),
-						e.block_id && St(e.block_id) ? (b(), h("span", Ne, C(w(j).comments.missingBlock), 1)) : e.block_id ? (b(), h("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: (t) => w(N).selectBlock(e.block_id ?? "")
-						}, " Block ", 8, Pe)) : m("", !0),
-						B.value === e.id ? (b(), h("div", Fe, [D(g("textarea", {
-							"onUpdate:modelValue": t[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: (t) => Pt(t, e.id)
-						}, null, 40, Ie), [[T, V.value]]), g("div", Le, [g("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() || w(P).isSubmitting.value,
-							onClick: (t) => Q(e.id)
-						}, C(w(j).comments.save), 9, Re), g("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: t[5] ||= (e) => J()
-						}, C(w(j).comments.cancel), 1)])])) : (b(), h("p", ze, C(e.body), 1)),
-						U.value === e.id ? (b(), h("div", Be, [
-							g("span", Ve, C(w(j).comments.deleteConfirm), 1),
-							g("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) => kt(e.id)
-							}, C(w(j).comments.delete), 9, He),
-							g("button", {
-								class: "tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-text-muted)]",
-								onClick: t[6] ||= (e) => X()
-							}, C(w(j).comments.cancel), 1)
-						])) : m("", !0),
-						B.value !== e.id && U.value !== e.id ? (b(), h("div", Ue, [g("button", {
-							class: "tpl-comment-action tpl:rounded tpl:p-1 tpl:transition-colors tpl:duration-150",
-							title: w(j).comments.reply,
-							onClick: (t) => Et(e.id)
-						}, [_(w(de), {
-							size: 13,
-							"stroke-width": 2,
-							class: "tpl:text-[var(--tpl-primary)]"
-						})], 8, We), (e.replies?.length ?? 0) > 0 ? (b(), h("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: (t) => Tt(e.id)
-						}, [H.value.has(e.id) ? (b(), p(w(le), {
-							key: 0,
-							size: 11,
-							"stroke-width": 2
-						})) : (b(), p(w(re), {
-							key: 1,
-							size: 11,
-							"stroke-width": 2
-						})), ae(" " + C((e.replies?.length ?? 0) === 1 ? w(M)(w(j).comments.replyOne, { count: String(e.replies?.length ?? 0) }) : w(M)(w(j).comments.replyMany, { count: String(e.replies?.length ?? 0) })), 1)], 8, Ge)) : m("", !0)])) : m("", !0)
-					]),
-					_(d, { name: "tpl-replies" }, {
-						default: E(() => [H.value.has(e.id) && (e.replies?.length ?? 0) > 0 ? (b(), h("div", Ke, [(b(!0), h(u, null, S(e.replies, (n, r) => (b(), h("div", {
-							key: n.id,
-							class: y(["tpl-comment-reply-card tpl:relative tpl:rounded-lg tpl:border tpl:px-3.5 tpl:py-2.5", r < (e.replies?.length ?? 0) - 1 ? "tpl:mb-2" : ""])
-						}, [
-							g("div", qe, [g("div", Je, [
-								g("span", Ye, C($(n) ? w(j).comments.ownedByYou : n.author_name), 1),
-								g("span", Xe, C(jt(n.created_at)), 1),
-								n.updated_at === n.created_at ? m("", !0) : (b(), h("span", Ze, " (" + C(w(j).comments.edited) + ") ", 1))
-							]), g("div", Qe, [$(n) ? (b(), h("button", {
-								key: 0,
-								class: "tpl-comment-action tpl:rounded tpl:p-1 tpl:transition-colors tpl:duration-150",
-								title: w(j).comments.edit,
-								onClick: (e) => q(n)
-							}, [_(w(O), {
-								size: 11,
-								"stroke-width": 2
-							})], 8, $e)) : m("", !0), $(n) ? (b(), h("button", {
-								key: 1,
-								class: "tpl-comment-action tpl-comment-delete tpl:rounded tpl:p-1 tpl:transition-colors tpl:duration-150",
-								title: w(j).comments.delete,
-								onClick: (e) => Y(n.id)
-							}, [_(w(c), {
-								size: 11,
-								"stroke-width": 2
-							})], 8, et)) : m("", !0)])]),
-							B.value === n.id ? (b(), h("div", tt, [D(g("textarea", {
-								"onUpdate:modelValue": t[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: (e) => Pt(e, n.id)
-							}, null, 40, nt), [[T, V.value]]), g("div", rt, [g("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() || w(P).isSubmitting.value,
-								onClick: (e) => Q(n.id)
-							}, C(w(j).comments.save), 9, it), g("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: t[8] ||= (e) => J()
-							}, C(w(j).comments.cancel), 1)])])) : (b(), h("p", at, C(n.body), 1)),
-							U.value === n.id ? (b(), h("div", ot, [
-								g("span", st, C(w(j).comments.deleteConfirm), 1),
-								g("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) => kt(n.id)
-								}, C(w(j).comments.delete), 9, ct),
-								g("button", {
-									class: "tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-text-muted)]",
-									onClick: t[9] ||= (e) => X()
-								}, C(w(j).comments.cancel), 1)
-							])) : m("", !0)
-						], 2))), 128))])) : m("", !0)]),
-						_: 2
-					}, 1024),
-					_(d, { name: "tpl-replies" }, {
-						default: E(() => [R.value === e.id ? (b(), h("div", lt, [g("div", ut, [D(g("textarea", {
-							"onUpdate:modelValue": t[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: w(j).comments.replyPlaceholder,
-							rows: "2",
-							onKeydown: (t) => Nt(t, e.id)
-						}, null, 40, dt), [[T, z.value]]), g("div", ft, [g("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() || w(P).isSubmitting.value,
-							onClick: (t) => Ot(e.id)
-						}, [_(w(s), {
-							size: 14,
-							"stroke-width": 2
-						})], 8, pt), g("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: t[11] ||= (e) => Dt()
-						}, [_(w(l), {
-							size: 14,
-							"stroke-width": 2
-						})])])])])) : m("", !0)]),
-						_: 2
-					}, 1024)
-				]))), 128))]))]),
-				g("div", mt, [Ct.value ? (b(), h("div", ht, C(w(j).comments.saveTemplateFirst), 1)) : (b(), h("div", gt, [D(g("textarea", {
-					ref_key: "newCommentInput",
-					ref: W,
-					"onUpdate:modelValue": t[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: w(j).comments.placeholder,
-					disabled: w(P).isSubmitting.value,
-					rows: "2",
-					onKeydown: Mt
-				}, null, 40, _t), [[T, L.value]]), g("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() || w(P).isSubmitting.value,
-					onClick: Z
-				}, [w(P).isSubmitting.value ? (b(), p(w(a), {
-					key: 0,
-					class: "tpl-spinner",
-					size: 16,
-					"stroke-width": 2
-				})) : (b(), p(w(s), {
-					key: 1,
-					size: 16,
-					"stroke-width": 2
-				}))], 8, vt)]))])
-			])) : m("", !0)]),
-			_: 1
-		}));
-	}
-}), [["__scopeId", "data-v-5e7fbab3"]]);
-//#endregion
-export { k as default };

package/dist/LoadingTrack--aUassFH.js

@@ -1,10 +0,0 @@
-import { t as e } from "./_plugin-vue_export-helper-5TQrnOhO.js";
-import { createElementBlock as t, openBlock as n } from "vue";
-//#region src/components/LoadingTrack.vue
-var r = {}, i = { class: "tpl-loading-track" };
-function a(e, r) {
-	return n(), t("div", i);
-}
-var o = /* @__PURE__ */ e(r, [["render", a], ["__scopeId", "data-v-1ed538ec"]]);
-//#endregion
-export { o as t };