@templatical/editor 0.0.1 → 0.0.2

package/dist/RichTextEditorContent-BRpjJ6SV.js

@@ -0,0 +1,133 @@
+import { C as e, x as t } from "./keys-8B5MFafK.js";
+import { t as n } from "./useI18n-DzH4KXDk.js";
+import { n as r } from "./_plugin-vue_export-helper-B1-bu7yR.js";
+import { t as i } from "./x-CGlq2XQe.js";
+import { Teleport as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createTextVNode as u, createVNode as d, defineComponent as f, inject as p, mergeModels as m, normalizeStyle as h, openBlock as g, resolveDynamicComponent as _, toDisplayString as v, unref as y, useModel as b, vModelText as x, withDirectives as S, withModifiers as C } from "vue";
+var w = r("bold", [["path", {
+	d: "M6 12h9a4 4 0 0 1 0 8H7a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1h7a4 4 0 0 1 0 8",
+	key: "mg9rjx"
+}]]), T = r("italic", [
+	["line", {
+		x1: "19",
+		x2: "10",
+		y1: "4",
+		y2: "4",
+		key: "15jd3p"
+	}],
+	["line", {
+		x1: "14",
+		x2: "5",
+		y1: "20",
+		y2: "20",
+		key: "bu0au3"
+	}],
+	["line", {
+		x1: "15",
+		x2: "9",
+		y1: "4",
+		y2: "20",
+		key: "uljnxc"
+	}]
+]), E = r("link", [["path", {
+	d: "M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71",
+	key: "1cjeqo"
+}], ["path", {
+	d: "M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71",
+	key: "19qd67"
+}]]), D = ["data-tpl-theme"], O = { class: "tpl:flex tpl:items-center tpl:justify-between tpl:border-b tpl:border-[var(--tpl-border)] tpl:px-5 tpl:py-4" }, k = {
+	id: "tpl-link-dialog-title",
+	class: "tpl:m-0 tpl:text-sm tpl:font-semibold tpl:text-[var(--tpl-text)]"
+}, A = ["aria-label"], j = { class: "tpl:p-5" }, M = { class: "tpl:mb-4 tpl:last:mb-0" }, N = { class: "tpl:mb-1.5 tpl:block tpl:text-xs tpl:font-medium tpl:tracking-wide tpl:text-[var(--tpl-text-muted)] tpl:uppercase" }, P = ["placeholder"], F = { class: "tpl:flex tpl:items-center tpl:justify-between tpl:border-t tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg-elevated)] tpl:px-5 tpl:py-4" }, I = { class: "tpl:ml-auto tpl:flex tpl:gap-2" }, L = /* @__PURE__ */ f({
+	__name: "RichTextLinkDialog",
+	props: /* @__PURE__ */ m({
+		visible: { type: Boolean },
+		isEditingLink: { type: Boolean }
+	}, {
+		linkUrl: { required: !0 },
+		linkUrlModifiers: {},
+		dialogRef: { required: !0 },
+		dialogRefModifiers: {}
+	}),
+	emits: /* @__PURE__ */ m([
+		"close",
+		"insert",
+		"remove",
+		"keydown"
+	], ["update:linkUrl", "update:dialogRef"]),
+	setup(r, { emit: u }) {
+		let f = b(r, "linkUrl"), m = b(r, "dialogRef"), _ = u, w = p(t), T = p(e), { t: E } = n();
+		return (e, t) => (g(), o(a, { to: "body" }, [r.visible ? (g(), c("div", {
+			key: 0,
+			"data-tpl-theme": y(T),
+			class: "tpl tpl-link-dialog tpl:fixed tpl:inset-0 tpl:z-modal tpl:flex tpl:items-center tpl:justify-center",
+			style: h(y(w)),
+			onClick: t[6] ||= C((e) => _("close"), ["self"])
+		}, [l("div", {
+			ref: (e) => m.value = e,
+			role: "dialog",
+			"aria-modal": "true",
+			"aria-labelledby": "tpl-link-dialog-title",
+			class: "tpl:w-[400px] tpl:overflow-hidden tpl:rounded-lg tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:shadow-lg"
+		}, [
+			l("div", O, [l("h4", k, v(r.isEditingLink ? y(E).linkDialog.editLink : y(E).linkDialog.insertLink), 1), l("button", {
+				type: "button",
+				"aria-label": y(E).linkDialog.cancel,
+				class: "tpl:flex tpl:size-7 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded tpl:border-none tpl:bg-transparent tpl:p-0 tpl:text-[var(--tpl-text-muted)] tpl:hover:bg-[var(--tpl-bg-hover)] tpl:hover:text-[var(--tpl-text)]",
+				onClick: t[0] ||= (e) => _("close")
+			}, [d(y(i), {
+				size: 16,
+				"stroke-width": 2
+			})], 8, A)]),
+			l("div", j, [l("div", M, [l("label", N, v(y(E).linkDialog.urlLabel), 1), S(l("input", {
+				"onUpdate:modelValue": t[1] ||= (e) => f.value = e,
+				type: "url",
+				class: "tpl:w-full tpl:rounded-md tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:px-3 tpl:py-2.5 tpl:text-sm tpl:text-[var(--tpl-text)] tpl:transition-all tpl:duration-150 tpl:outline-none tpl:placeholder:text-[var(--tpl-text-dim)] tpl:focus:border-[var(--tpl-primary)] tpl:focus:shadow-[0_0_0_3px_var(--tpl-primary-light)]",
+				placeholder: y(E).linkDialog.urlPlaceholder,
+				autofocus: "",
+				onKeydown: t[2] ||= (e) => _("keydown", e)
+			}, null, 40, P), [[x, f.value]])])]),
+			l("div", F, [r.isEditingLink ? (g(), c("button", {
+				key: 0,
+				type: "button",
+				class: "tpl:inline-flex tpl:cursor-pointer tpl:items-center tpl:rounded-md tpl:border tpl:border-[var(--tpl-danger)] tpl:bg-transparent tpl:px-4 tpl:py-2 tpl:text-[13px] tpl:font-medium tpl:text-[var(--tpl-danger)] tpl:transition-all tpl:duration-150 tpl:hover:bg-[var(--tpl-danger-light)]",
+				onClick: t[3] ||= (e) => _("remove")
+			}, v(y(E).linkDialog.removeLink), 1)) : s("", !0), l("div", I, [l("button", {
+				type: "button",
+				class: "tpl:inline-flex tpl:cursor-pointer tpl:items-center tpl:rounded-md tpl:border tpl:border-[var(--tpl-border)] tpl:bg-transparent tpl:px-4 tpl:py-2 tpl:text-[13px] tpl:font-medium tpl:text-[var(--tpl-text-muted)] tpl:transition-all tpl:duration-150 tpl:hover:bg-[var(--tpl-bg-hover)] tpl:hover:text-[var(--tpl-text)]",
+				onClick: t[4] ||= (e) => _("close")
+			}, v(y(E).linkDialog.cancel), 1), l("button", {
+				type: "button",
+				class: "tpl:inline-flex tpl:cursor-pointer tpl:items-center tpl:rounded-md tpl:border-none tpl:bg-[var(--tpl-primary)] tpl:px-4 tpl:py-2 tpl:text-[13px] tpl:font-medium tpl:transition-all tpl:duration-150 tpl:hover:bg-[var(--tpl-primary-hover)] tpl:text-[var(--tpl-bg)]",
+				onClick: t[5] ||= (e) => _("insert")
+			}, v(r.isEditingLink ? y(E).linkDialog.updateLink : y(E).linkDialog.insertLink), 1)])])
+		], 512)], 12, D)) : s("", !0)]));
+	}
+}), R = {
+	key: 0,
+	class: "tpl-text-editable tpl:min-h-[1.5em] tpl:rounded tpl:border tpl:border-dashed tpl:border-[var(--tpl-primary)] tpl:p-2"
+}, z = { class: "tpl:animate-pulse tpl:text-[var(--tpl-text-dim)]" }, B = {
+	key: 1,
+	class: "tpl-text-editable tpl:min-h-[1.5em] tpl:rounded tpl:border tpl:border-dashed tpl:p-2 tpl:text-center tpl:text-xs tpl:border-[var(--tpl-danger)] tpl:text-[var(--tpl-text-muted)]"
+}, V = /* @__PURE__ */ f({
+	__name: "RichTextEditorContent",
+	props: {
+		editor: {},
+		editorContent: {},
+		isLoading: { type: Boolean },
+		initError: {}
+	},
+	emits: ["retry"],
+	setup(e, { emit: t }) {
+		let r = t, { t: i } = n();
+		return (t, n) => e.isLoading ? (g(), c("div", R, [l("div", z, v(y(i).errors.editorLoading), 1)])) : e.initError ? (g(), c("div", B, [u(v(y(i).errors.editorLoadFailed) + " ", 1), l("button", {
+			class: "tpl:ml-1 tpl:cursor-pointer tpl:border-none tpl:bg-transparent tpl:p-0 tpl:underline tpl:text-[var(--tpl-primary)]",
+			onClick: n[0] ||= (e) => r("retry")
+		}, v(y(i).errors.retry), 1)])) : e.editorContent && e.editor ? (g(), o(_(e.editorContent), {
+			key: 2,
+			editor: e.editor,
+			class: "tpl-text-editable tpl:min-h-[1.5em] tpl:rounded tpl:border tpl:border-dashed tpl:border-[var(--tpl-primary)] tpl:p-2"
+		}, null, 8, ["editor"])) : s("", !0);
+	}
+});
+//#endregion
+export { w as a, T as i, L as n, E as r, V as t };

package/dist/SaveModuleDialog-BIZBQrd8.js

@@ -0,0 +1,122 @@
+import "./useEditorCore-DVp5qmtC.js";
+import { f as e, y as t } from "./keys-8B5MFafK.js";
+import { t as n } from "./useI18n-DzH4KXDk.js";
+import { t as r } from "./loader-circle-BTQQxC3l.js";
+import { t as i } from "./TplModal-LT3FXlgs.js";
+import { Fragment as a, computed as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createTextVNode as d, createVNode as f, defineComponent as p, inject as m, normalizeClass as h, normalizeStyle as g, openBlock as _, ref as v, renderList as y, toDisplayString as b, unref as x, vModelText as S, watch as C, withCtx as ee, withDirectives as te } from "vue";
+//#region src/cloud/components/SaveModuleDialog.vue?vue&type=script&setup=true&lang.ts
+var ne = ["aria-busy"], w = {
+	id: "tpl-save-module-title",
+	class: "tpl:mb-4 tpl:text-sm tpl:font-semibold tpl:text-[var(--tpl-text)]"
+}, T = { class: "tpl:mb-3" }, E = { class: "tpl:mb-1.5 tpl:block tpl:text-sm tpl:font-medium tpl:text-[var(--tpl-text-muted)]" }, D = ["placeholder", "disabled"], O = { class: "tpl:mb-3" }, k = { class: "tpl:mb-1.5 tpl:block tpl:text-sm tpl:font-medium tpl:text-[var(--tpl-text-muted)]" }, A = { class: "tpl:max-h-40 tpl:space-y-1 tpl:overflow-y-auto tpl:rounded-md tpl:border tpl:p-2 tpl:border-[var(--tpl-border)]" }, j = [
+	"checked",
+	"disabled",
+	"onChange"
+], M = {
+	key: 0,
+	role: "alert",
+	class: "tpl:mb-3 tpl:text-xs tpl:text-[var(--tpl-danger)]"
+}, N = { class: "tpl:flex tpl:justify-end tpl:gap-2" }, P = ["disabled"], F = ["disabled"], I = {
+	key: 0,
+	class: "tpl:flex tpl:items-center tpl:gap-1.5"
+}, L = { key: 1 }, R = /* @__PURE__ */ p({
+	__name: "SaveModuleDialog",
+	props: {
+		visible: { type: Boolean },
+		preSelectedBlockId: {}
+	},
+	emits: ["close", "saved"],
+	setup(p, { emit: R }) {
+		let z = p, B = R, { t: V } = n(), H = m(e), U = m(t), W = v(""), G = v(/* @__PURE__ */ new Set()), K = v(!1), q = v(null), J = o(() => H.content.value.blocks);
+		function Y(e, t) {
+			let n = e.type;
+			return `${V.blocks[n] ?? e.type} ${t + 1}`;
+		}
+		C(() => z.visible, (e) => {
+			e && (W.value = "", q.value = null, G.value = new Set(z.preSelectedBlockId ? [z.preSelectedBlockId] : []));
+		});
+		function X(e) {
+			let t = new Set(G.value);
+			t.has(e) ? t.delete(e) : t.add(e), G.value = t;
+		}
+		let Z = o(() => W.value.trim().length > 0 && G.value.size > 0 && !K.value);
+		async function Q() {
+			if (Z.value) {
+				K.value = !0, q.value = null;
+				try {
+					let e = J.value.filter((e) => G.value.has(e.id));
+					await U.createModule(W.value.trim(), e), B("saved"), B("close");
+				} catch (e) {
+					q.value = e.message;
+				} finally {
+					K.value = !1;
+				}
+			}
+		}
+		function $() {
+			K.value || B("close");
+		}
+		function re(e) {
+			e.key === "Enter" && !e.shiftKey && (e.preventDefault(), Q()), e.key === "Escape" && $();
+		}
+		return (e, t) => (_(), s(i, {
+			visible: p.visible,
+			onClose: $,
+			onKeydown: re
+		}, {
+			default: ee(() => [u("div", {
+				role: "dialog",
+				"aria-modal": "true",
+				"aria-busy": K.value,
+				"aria-labelledby": "tpl-save-module-title",
+				class: "tpl-scale-in tpl:mx-4 tpl:w-full tpl:max-w-sm tpl:rounded-[var(--tpl-radius-lg)] tpl:p-5",
+				style: {
+					"background-color": "var(--tpl-bg-elevated)",
+					"box-shadow": "var(--tpl-shadow-xl)"
+				}
+			}, [
+				u("h3", w, b(x(V).modules.saveAsModule), 1),
+				u("div", T, [u("label", E, b(x(V).modules.moduleName), 1), te(u("input", {
+					"onUpdate:modelValue": t[0] ||= (e) => W.value = e,
+					type: "text",
+					placeholder: x(V).modules.moduleNamePlaceholder,
+					class: "tpl:h-9 tpl:w-full tpl:rounded-md tpl:border tpl:px-3 tpl:py-1 tpl:text-sm tpl:shadow-xs tpl:outline-none tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:text-[var(--tpl-text)]",
+					disabled: K.value
+				}, null, 8, D), [[S, W.value]])]),
+				u("div", O, [u("label", k, b(x(V).modules.selectBlocks), 1), u("div", A, [(_(!0), l(a, null, y(J.value, (e, t) => (_(), l("label", {
+					key: e.id,
+					class: "tpl:flex tpl:cursor-pointer tpl:items-center tpl:gap-2 tpl:rounded-sm tpl:px-2 tpl:py-1.5 tpl:text-sm tpl:transition-colors tpl:duration-100",
+					style: g({
+						color: "var(--tpl-text)",
+						backgroundColor: G.value.has(e.id) ? "var(--tpl-primary-light)" : "transparent"
+					})
+				}, [u("input", {
+					type: "checkbox",
+					checked: G.value.has(e.id),
+					class: "tpl:accent-[var(--tpl-primary)]",
+					disabled: K.value,
+					onChange: (t) => X(e.id)
+				}, null, 40, j), d(" " + b(Y(e, t)), 1)], 4))), 128))])]),
+				q.value ? (_(), l("p", M, b(q.value), 1)) : c("", !0),
+				u("div", N, [u("button", {
+					type: "button",
+					class: h(["tpl:cursor-pointer tpl:rounded-md tpl:border tpl:px-3 tpl:py-1.5 tpl:text-sm tpl:font-medium tpl:shadow-xs tpl:transition-all tpl:duration-150 tpl:border-[var(--tpl-border)] tpl:text-[var(--tpl-text)] tpl:bg-[var(--tpl-bg)]", { "tpl:cursor-not-allowed tpl:opacity-50": K.value }]),
+					disabled: K.value,
+					onClick: $
+				}, b(x(V).modules.cancel), 11, P), u("button", {
+					type: "button",
+					class: "tpl:cursor-pointer tpl:rounded-md tpl:px-3 tpl:py-1.5 tpl:text-sm tpl:font-medium tpl:shadow-xs tpl:transition-all tpl:duration-150 tpl:hover:opacity-90 tpl:disabled:cursor-not-allowed tpl:disabled:opacity-50 tpl:bg-[var(--tpl-primary)] tpl:text-[var(--tpl-bg)]",
+					disabled: !Z.value,
+					onClick: Q
+				}, [K.value ? (_(), l("span", I, [f(x(r), {
+					class: "tpl:animate-spin",
+					size: 12,
+					"stroke-width": 2
+				}), d(" " + b(x(V).modules.saving), 1)])) : (_(), l("span", L, b(x(V).modules.save), 1))], 8, F)])
+			], 8, ne)]),
+			_: 1
+		}, 8, ["visible"]));
+	}
+});
+//#endregion
+export { R as default };

package/dist/SnapshotHistory-Ds1-QNbx.js

@@ -0,0 +1,126 @@
+import "./useEditorCore-DVp5qmtC.js";
+import { t as e } from "./dist-CG-vEqSU.js";
+import { t } from "./useI18n-DzH4KXDk.js";
+import { n } from "./_plugin-vue_export-helper-B1-bu7yR.js";
+import { t as r } from "./chevron-down-DJLW2Q9Z.js";
+import { t as i } from "./clock-lWIIQA3C.js";
+import { t as a } from "./loader-circle-BTQQxC3l.js";
+import { t as o } from "./formatRelativeTime-DX3FgqN9.js";
+import { Fragment as s, Transition as c, computed as l, createCommentVNode as u, createElementBlock as d, createElementVNode as f, createVNode as p, defineComponent as m, normalizeClass as h, openBlock as g, ref as _, renderList as v, toDisplayString as y, unref as b, watch as x, withCtx as S, withModifiers as C } from "vue";
+var w = n("chevron-left", [["path", {
+	d: "m15 18-6-6 6-6",
+	key: "1wnfg3"
+}]]), T = n("chevron-right", [["path", {
+	d: "m9 18 6-6-6-6",
+	key: "mthhwq"
+}]]), E = ["disabled", "title"], D = ["title"], 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-elevated)] tpl:border tpl:border-[var(--tpl-border)] tpl:shadow-[var(--tpl-shadow-lg)]",
+	style: {
+		"backdrop-filter": "blur(8px)",
+		"-webkit-backdrop-filter": "blur(8px)"
+	}
+}, 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"
+}, j = {
+	key: 1,
+	class: "tpl:px-3 tpl:py-6 tpl:text-center tpl:text-xs tpl:text-[var(--tpl-text-muted)]"
+}, M = {
+	key: 2,
+	class: "tpl:max-h-64 tpl:overflow-y-auto"
+}, N = ["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-[10px] tpl:font-normal tpl:bg-[var(--tpl-bg-active)] tpl:text-[var(--tpl-text-muted)]"
+}, L = ["disabled", "title"], R = /* @__PURE__ */ m({
+	__name: "SnapshotHistory",
+	props: {
+		snapshots: {},
+		isLoading: { type: Boolean },
+		isRestoring: { type: Boolean }
+	},
+	emits: ["load", "navigate"],
+	setup(n, { emit: m }) {
+		let R = n, z = m, { t: B, format: V } = t(), H = _(!1), U = _(null), W = _(-1);
+		x(() => R.snapshots.length, () => {
+			W.value = -1;
+		});
+		let G = l(() => W.value > 0 && R.snapshots.length > 0 && !R.isRestoring), K = l(() => W.value < R.snapshots.length - 1 && R.snapshots.length > 0 && !R.isRestoring);
+		function q() {
+			G.value && (W.value--, z("navigate", R.snapshots[W.value]));
+		}
+		function J() {
+			K.value && (W.value++, z("navigate", R.snapshots[W.value]));
+		}
+		function Y() {
+			H.value = !H.value, H.value && R.snapshots.length === 0 && z("load");
+		}
+		function X(e) {
+			let t = R.snapshots.findIndex((t) => t.id === e);
+			t !== -1 && (W.value = t, z("navigate", R.snapshots[t])), H.value = !1;
+		}
+		function Z(e) {
+			let t = o(e, B.snapshotHistory, V, 7);
+			return t === null ? new Date(e).toLocaleDateString(void 0, {
+				month: "short",
+				day: "numeric",
+				hour: "2-digit",
+				minute: "2-digit"
+			}) : t;
+		}
+		return e(U, () => {
+			H.value = !1;
+		}), (e, t) => (g(), d("div", {
+			ref_key: "dropdownRef",
+			ref: U,
+			class: "tpl:relative tpl:flex tpl:items-center tpl:gap-0.5"
+		}, [
+			f("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:duration-150 hover:tpl:bg-[var(--tpl-bg-hover)] disabled:tpl:cursor-not-allowed disabled:tpl:opacity-30 disabled:hover:tpl:bg-transparent tpl:text-[var(--tpl-text-muted)]",
+				disabled: !K.value,
+				title: b(B).snapshotHistory.olderSnapshot,
+				onClick: C(J, ["stop"])
+			}, [p(b(w), {
+				size: 14,
+				"stroke-width": 2
+			})], 8, E),
+			f("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:duration-150 hover:tpl:bg-[var(--tpl-bg-hover)] tpl:text-[var(--tpl-text-muted)]",
+				title: b(B).snapshotHistory.tooltip,
+				onClick: C(Y, ["stop"])
+			}, [p(b(i), {
+				size: 16,
+				"stroke-width": 1.5
+			}), p(b(r), {
+				class: h(["tpl:transition-transform tpl:duration-150", { "tpl:rotate-180": H.value }]),
+				size: 10,
+				"stroke-width": 2
+			}, null, 8, ["class"])], 8, D),
+			p(c, { name: "tpl-dropdown" }, {
+				default: S(() => [H.value ? (g(), d("div", O, [f("div", k, y(b(B).snapshotHistory.dropdownTitle), 1), n.isLoading ? (g(), d("div", A, [p(b(a), {
+					class: "tpl:animate-spin tpl:text-[var(--tpl-primary)]",
+					size: 20,
+					"stroke-width": 2
+				})])) : n.snapshots.length === 0 ? (g(), d("div", j, y(b(B).snapshotHistory.noSnapshots), 1)) : (g(), d("div", M, [(g(!0), d(s, null, v(n.snapshots, (e) => (g(), d("button", {
+					key: e.id,
+					class: "tpl:flex tpl:w-full tpl:cursor-pointer tpl:items-center tpl:border-b tpl:border-b-[var(--tpl-border-light)] tpl:border-l-2 tpl:border-l-transparent tpl:px-3 tpl:py-2.5 tpl:text-left tpl:transition-all tpl:duration-150 last:tpl:border-b-0 hover:tpl:border-l-[var(--tpl-primary)] hover:tpl:bg-[var(--tpl-bg-hover)]",
+					style: { "background-color": "transparent" },
+					disabled: n.isRestoring,
+					onClick: (t) => X(e.id)
+				}, [f("div", P, [f("div", F, [f("span", null, y(Z(e.created_at)), 1), e.is_autosave ? (g(), d("span", I, y(b(B).snapshotHistory.auto), 1)) : u("", !0)])])], 8, N))), 128))]))])) : u("", !0)]),
+				_: 1
+			}),
+			f("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:duration-150 hover:tpl:bg-[var(--tpl-bg-hover)] disabled:tpl:cursor-not-allowed disabled:tpl:opacity-30 disabled:hover:tpl:bg-transparent tpl:text-[var(--tpl-text-muted)]",
+				disabled: !G.value,
+				title: b(B).snapshotHistory.newerSnapshot,
+				onClick: C(q, ["stop"])
+			}, [p(b(T), {
+				size: 14,
+				"stroke-width": 2
+			})], 8, L)
+		], 512));
+	}
+});
+//#endregion
+export { R as default };

package/dist/TemplateScoringPanel-C8XSk_Ys.js

@@ -0,0 +1,249 @@
+import { b as e, f as t, h as n } from "./keys-8B5MFafK.js";
+import { t as r } from "./useI18n-DzH4KXDk.js";
+import { n as i, t as a } from "./_plugin-vue_export-helper-B1-bu7yR.js";
+import { t as ee } from "./chevron-down-DJLW2Q9Z.js";
+import { t as o } from "./circle-alert-E2vYPs5r.js";
+import { n as te, r as ne, t as s } from "./refresh-cw-Bb4PEeW1.js";
+import { t as re } from "./loader-circle-BTQQxC3l.js";
+import { t as c } from "./shield-check-f-qv4RKs.js";
+import { t as l } from "./sparkles-KhBCGlqB.js";
+import { t as u } from "./triangle-alert-DOSRIUYZ.js";
+import { t as ie } from "./x-CGlq2XQe.js";
+import { t as ae } from "./LoadingTrack-vK8W2PJf.js";
+import { Fragment as d, Transition as oe, createBlock as f, createCommentVNode as p, createElementBlock as m, createElementVNode as h, createTextVNode as g, createVNode as _, defineComponent as v, inject as y, normalizeClass as se, normalizeStyle as b, openBlock as x, ref as ce, renderList as S, resolveDynamicComponent as C, toDisplayString as w, unref as T, watch as le, withCtx as ue } from "vue";
+var de = i("shield-x", [
+	["path", {
+		d: "M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z",
+		key: "oel41y"
+	}],
+	["path", {
+		d: "m14.5 9.5-5 5",
+		key: "17q4r4"
+	}],
+	["path", {
+		d: "m9.5 9.5 5 5",
+		key: "18nt4w"
+	}]
+]), fe = i("zap", [["path", {
+	d: "M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z",
+	key: "1xq2db"
+}]]), E = {
+	key: 0,
+	class: "tpl-scoring-panel 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)]"
+}, D = { class: "tpl:flex tpl:items-center tpl:justify-between tpl:border-b tpl:border-[var(--tpl-border)] tpl:px-4 tpl:py-3" }, O = { class: "tpl:flex tpl:items-center tpl:gap-1.5 tpl:text-sm tpl:font-medium tpl:text-[var(--tpl-primary)]" }, k = { class: "tpl:flex tpl:items-center tpl:gap-1" }, A = ["title"], j = { class: "tpl:flex-1 tpl:overflow-y-auto tpl:p-4" }, M = {
+	key: 0,
+	class: "tpl:flex tpl:h-full tpl:flex-col tpl:items-center tpl:justify-center tpl:gap-3 tpl:text-center"
+}, N = { class: "tpl:text-sm tpl:text-[var(--tpl-text-muted)]" }, P = {
+	key: 1,
+	class: "tpl:flex tpl:h-full tpl:flex-col tpl:items-center tpl:justify-center tpl:gap-3 tpl:text-center"
+}, F = { class: "tpl:max-w-[240px] tpl:text-sm tpl:text-[var(--tpl-text-muted)]" }, I = {
+	key: 2,
+	class: "tpl:flex tpl:flex-col tpl:gap-4"
+}, L = { class: "tpl:text-xs tpl:font-medium tpl:uppercase tpl:tracking-wider tpl:text-[var(--tpl-text-muted)]" }, R = {
+	key: 0,
+	class: "tpl:text-xs tpl:text-[var(--tpl-text-dim)]"
+}, z = {
+	key: 0,
+	class: "tpl:flex tpl:items-start tpl:gap-2 tpl:rounded-lg tpl:px-3 tpl:py-2 tpl:text-xs tpl:bg-[var(--tpl-danger-light)] tpl:text-[var(--tpl-danger)]"
+}, B = ["onClick"], V = { class: "tpl:flex-1 tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-text)]" }, pe = {
+	key: 0,
+	class: "tpl:text-[10px] tpl:text-[var(--tpl-text-dim)]"
+}, me = {
+	key: 0,
+	class: "tpl:border-t tpl:border-[var(--tpl-border)]"
+}, he = {
+	key: 0,
+	class: "tpl:px-3 tpl:py-3 tpl:text-center tpl:text-xs tpl:text-[var(--tpl-text-dim)]"
+}, ge = { class: "tpl:flex tpl:items-start tpl:gap-2" }, _e = { class: "tpl:flex-1 tpl:min-w-0" }, ve = { class: "tpl:flex tpl:items-start tpl:gap-1.5" }, ye = { class: "tpl:text-xs tpl:leading-snug tpl:text-[var(--tpl-text)]" }, be = {
+	key: 0,
+	class: "tpl:mt-1 tpl:text-[11px] tpl:leading-snug tpl:text-[var(--tpl-text-dim)]"
+}, xe = {
+	key: 1,
+	class: "tpl:mt-2 tpl:flex tpl:justify-center"
+}, Se = ["disabled", "onClick"], Ce = {
+	key: 0,
+	class: "tpl:mt-1.5 tpl:text-[11px] tpl:text-[var(--tpl-danger)]"
+}, we = {
+	key: 3,
+	class: "tpl:flex tpl:h-full tpl:flex-col tpl:items-center tpl:justify-center tpl:gap-3 tpl:text-center"
+}, Te = { class: "tpl:max-w-[240px] tpl:text-sm tpl:text-[var(--tpl-text-muted)]" }, Ee = { class: "tpl:m-0 tpl:px-4 tpl:pb-2 tpl:pt-2 tpl:text-center tpl:text-[11px] tpl:text-[var(--tpl-text-dim)]" }, H = /* @__PURE__ */ a(/* @__PURE__ */ v({
+	__name: "TemplateScoringPanel",
+	props: { visible: { type: Boolean } },
+	emits: ["close"],
+	setup(i, { emit: a }) {
+		let v = i, H = a, { t: U } = r(), W = y(t), G = y(e), K = y(n, []), q = ce({
+			spam: !0,
+			readability: !0,
+			accessibility: !0,
+			bestPractices: !0
+		});
+		function De(e) {
+			q.value[e] = !q.value[e];
+		}
+		let J = [
+			"spam",
+			"readability",
+			"accessibility",
+			"bestPractices"
+		], Oe = {
+			spam: de,
+			readability: ne,
+			accessibility: l,
+			bestPractices: fe
+		};
+		function Y(e) {
+			return e >= 80 ? "var(--tpl-success)" : e >= 60 ? "var(--tpl-warning)" : "var(--tpl-danger)";
+		}
+		function X(e) {
+			return e >= 80 ? "var(--tpl-success-light)" : e >= 60 ? "var(--tpl-warning-light)" : "var(--tpl-danger-light)";
+		}
+		function Z(e) {
+			return e === "high" ? "var(--tpl-danger)" : e === "medium" ? "var(--tpl-warning)" : "var(--tpl-text-muted)";
+		}
+		function ke(e) {
+			return e === "high" ? "var(--tpl-danger-light)" : e === "medium" ? "var(--tpl-warning-light)" : "var(--tpl-bg-hover)";
+		}
+		function Q() {
+			G.score(W.content.value, K);
+		}
+		le(() => v.visible, (e) => {
+			e && !G.scoringResult.value && !G.isScoring.value && Q();
+		});
+		async function Ae(e) {
+			if (!e.blockId) return;
+			let t = W.content.value.blocks.find((t) => t.id === e.blockId);
+			if (!t) return;
+			let n = t.content;
+			if (!n) return;
+			let r = await G.fixFinding(n, e, K);
+			r && (W.updateBlock(e.blockId, { content: r }), G.removeFinding(e.category, e.id));
+		}
+		function $() {
+			return G.scoringResult.value ? J.reduce((e, t) => e + (G.scoringResult.value?.categories[t]?.findings.length ?? 0), 0) : 0;
+		}
+		return (e, t) => (x(), f(oe, {
+			"enter-active-class": "tpl-scoring-slide-enter-active",
+			"enter-from-class": "tpl:translate-x-full",
+			"enter-to-class": "tpl:translate-x-0",
+			"leave-active-class": "tpl-scoring-slide-leave-active",
+			"leave-from-class": "tpl:translate-x-0",
+			"leave-to-class": "tpl:translate-x-full"
+		}, {
+			default: ue(() => [i.visible ? (x(), m("div", E, [h("div", D, [h("div", O, [_(T(c), {
+				size: 13,
+				"stroke-width": 2
+			}), h("span", null, w(T(U).scoring.title), 1)]), h("div", k, [T(G).scoringResult.value && !T(G).isScoring.value ? (x(), m("button", {
+				key: 0,
+				class: "tpl:rounded-md tpl:p-0.5 tpl:transition-colors tpl:duration-150 tpl:text-[var(--tpl-text-muted)]",
+				title: T(U).scoring.rescore,
+				onClick: t[0] ||= (e) => Q()
+			}, [_(T(s), {
+				size: 14,
+				"stroke-width": 2
+			})], 8, A)) : p("", !0), h("button", {
+				class: "tpl:rounded-md tpl:p-0.5 tpl:transition-colors tpl:duration-150 tpl:text-[var(--tpl-text-muted)]",
+				onClick: t[1] ||= (e) => H("close")
+			}, [_(T(ie), {
+				size: 14,
+				"stroke-width": 2
+			})])])]), h("div", j, [T(G).isScoring.value ? (x(), m("div", M, [h("p", N, w(T(U).scoring.scoring), 1), _(ae, { class: "tpl:w-3/4" })])) : T(G).error.value && !T(G).scoringResult.value ? (x(), m("div", P, [
+				_(T(o), {
+					size: 32,
+					"stroke-width": 1.5,
+					class: "tpl:text-[var(--tpl-danger)]"
+				}),
+				h("p", F, w(T(U).scoring.error), 1),
+				h("button", {
+					class: "tpl:mt-2 tpl:inline-flex tpl:items-center tpl:gap-1.5 tpl:rounded-md tpl:border tpl:px-3 tpl:py-1.5 tpl:text-xs tpl:font-medium tpl:transition-all tpl:duration-150 tpl:border-[var(--tpl-border)] tpl:text-[var(--tpl-text-muted)]",
+					onClick: t[2] ||= (e) => Q()
+				}, [_(T(s), {
+					size: 12,
+					"stroke-width": 2
+				}), g(" " + w(T(U).scoring.rescore), 1)])
+			])) : T(G).scoringResult.value ? (x(), m("div", I, [
+				h("div", {
+					class: "tpl:flex tpl:flex-col tpl:items-center tpl:gap-2 tpl:rounded-[var(--tpl-radius)] tpl:p-5",
+					style: b({ backgroundColor: X(T(G).scoringResult.value.score) })
+				}, [
+					h("span", {
+						class: "tpl:text-4xl tpl:font-bold tpl:tabular-nums",
+						style: b({ color: Y(T(G).scoringResult.value.score) })
+					}, w(T(G).scoringResult.value.score), 5),
+					h("span", L, w(T(U).scoring.overallScore), 1),
+					$() > 0 ? (x(), m("span", R, w($()) + " " + w(T(U).scoring.findings), 1)) : p("", !0)
+				], 4),
+				T(G).fixError.value ? (x(), m("div", z, [_(T(o), {
+					size: 14,
+					"stroke-width": 2,
+					class: "tpl:mt-0.5 tpl:shrink-0"
+				}), h("span", null, w(T(U).scoring.fixError), 1)])) : p("", !0),
+				(x(), m(d, null, S(J, (e) => h("div", {
+					key: e,
+					class: "tpl:overflow-hidden tpl:rounded-[var(--tpl-radius)] tpl:border tpl:border-[var(--tpl-border)]"
+				}, [h("button", {
+					class: "tpl:flex tpl:w-full tpl:cursor-pointer tpl:items-center tpl:gap-2.5 tpl:px-3 tpl:py-2.5 tpl:text-left tpl:transition-colors tpl:duration-100 tpl:bg-[var(--tpl-bg)]",
+					onClick: (t) => De(e)
+				}, [
+					(x(), f(C(Oe[e]), {
+						size: 14,
+						"stroke-width": 2,
+						style: b({ color: Y(T(G).scoringResult.value.categories[e].score) })
+					}, null, 8, ["style"])),
+					h("span", V, w(T(U).scoring.categories[e]), 1),
+					h("span", {
+						class: "tpl:rounded-full tpl:px-2 tpl:py-0.5 tpl:text-xs tpl:font-semibold tpl:tabular-nums",
+						style: b({
+							color: Y(T(G).scoringResult.value.categories[e].score),
+							backgroundColor: X(T(G).scoringResult.value.categories[e].score)
+						})
+					}, w(T(G).scoringResult.value.categories[e].score), 5),
+					T(G).scoringResult.value.categories[e].findings.length > 0 ? (x(), m("span", pe, w(T(G).scoringResult.value.categories[e].findings.length), 1)) : p("", !0),
+					_(T(ee), {
+						size: 12,
+						"stroke-width": 2,
+						class: se(["tpl:transition-transform tpl:duration-200 tpl:text-[var(--tpl-text-dim)]", q.value[e] ? "tpl:rotate-0" : "tpl:-rotate-90"])
+					}, null, 8, ["class"])
+				], 8, B), q.value[e] ? (x(), m("div", me, [T(G).scoringResult.value.categories[e].findings.length === 0 ? (x(), m("div", he, w(T(U).scoring.noFindings), 1)) : p("", !0), (x(!0), m(d, null, S(T(G).scoringResult.value.categories[e].findings, (e) => (x(), m("div", {
+					key: e.id,
+					class: "tpl:border-t tpl:px-3 tpl:py-2.5 first:tpl:border-t-0 tpl:border-[var(--tpl-border-light)]"
+				}, [h("div", ge, [(x(), f(C(e.severity === "high" ? T(o) : e.severity === "medium" ? T(u) : T(te)), {
+					size: 13,
+					"stroke-width": 2,
+					class: "tpl:mt-0.5 tpl:shrink-0",
+					style: b({ color: Z(e.severity) })
+				}, null, 8, ["style"])), h("div", _e, [
+					h("div", ve, [h("span", {
+						class: "tpl:mt-0.5 tpl:shrink-0 tpl:rounded tpl:px-1 tpl:py-px tpl:text-[10px] tpl:font-medium tpl:leading-tight",
+						style: b({
+							color: Z(e.severity),
+							backgroundColor: ke(e.severity)
+						})
+					}, w(T(U).scoring.severity[e.severity]), 5), h("span", ye, w(e.message), 1)]),
+					e.suggestion ? (x(), m("p", be, w(e.suggestion), 1)) : p("", !0),
+					e.blockId ? (x(), m("div", xe, [h("button", {
+						class: "tpl-scoring-fix-btn tpl:inline-flex tpl:items-center tpl:gap-1.5 tpl:rounded tpl:border tpl:px-3 tpl:py-1.5 tpl:text-[11px] tpl:font-medium tpl:transition-all tpl:duration-150 tpl:disabled:opacity-50 tpl:border-[var(--tpl-border)] tpl:text-[var(--tpl-primary)]",
+						style: { "background-color": "transparent" },
+						disabled: T(G).fixingFindingId.value !== null,
+						onClick: (t) => Ae(e)
+					}, [T(G).fixingFindingId.value === e.id ? (x(), f(T(re), {
+						key: 0,
+						class: "tpl-spinner",
+						size: 11,
+						"stroke-width": 2
+					})) : (x(), f(T(l), {
+						key: 1,
+						size: 11,
+						"stroke-width": 2
+					})), g(" " + w(T(G).fixingFindingId.value === e.id ? T(U).scoring.fixing : T(U).scoring.fix), 1)], 8, Se), T(G).fixError.value ? (x(), m("p", Ce, w(T(G).fixError.value), 1)) : p("", !0)])) : p("", !0)
+				])])]))), 128))])) : p("", !0)])), 64))
+			])) : (x(), m("div", we, [_(T(c), {
+				size: 32,
+				"stroke-width": 1.5,
+				class: "tpl:text-[var(--tpl-text-dim)]"
+			}), h("p", Te, w(T(U).scoring.emptyState), 1)])), h("p", Ee, w(T(U).aiMenu.disclaimer), 1)])])) : p("", !0)]),
+			_: 1
+		}));
+	}
+}), [["__scopeId", "data-v-f4e29bc9"]]);
+//#endregion
+export { H as default };