@aswin.dev/editor 0.6.3 → 0.7.0

package/dist/RichTextEditorContent-DYkIauIk.js

@@ -0,0 +1,137 @@
+import { D as e, E as t, H as n, L as r, M as i, Mt as a, Ot as o, R as s, S as c, _ as l, b as u, f as d, g as f, h as p, it as m, m as h, s as g, u as _, y as v } from "./vue.runtime.esm-bundler-DpvJL-nX.js";
+import { D as y, T as b } from "./keys-ciNfSSGj.js";
+import { t as x } from "./useI18n-lb2DHDiu.js";
+import { t as S } from "./createLucideIcon-C3pa2siy.js";
+import { t as C } from "./x-u2oVmjN_.js";
+var w = S("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 = S("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 = S("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 = {
+	for: "tpl-link-dialog-url",
+	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__ */ c({
+	__name: "RichTextLinkDialog",
+	props: /* @__PURE__ */ e({
+		visible: { type: Boolean },
+		isEditingLink: { type: Boolean }
+	}, {
+		linkUrl: { required: !0 },
+		linkUrlModifiers: {},
+		dialogRef: { required: !0 },
+		dialogRefModifiers: {}
+	}),
+	emits: /* @__PURE__ */ e([
+		"close",
+		"insert",
+		"remove",
+		"keydown"
+	], ["update:linkUrl", "update:dialogRef"]),
+	setup(e, { emit: r }) {
+		let c = s(e, "linkUrl"), v = s(e, "dialogRef"), S = r, w = t(b, null), T = t(y, null), { t: E } = x();
+		return (t, r) => (i(), p(d, { to: "body" }, [e.visible ? (i(), l("div", {
+			key: 0,
+			"data-tpl-theme": m(T),
+			class: "tpl tpl-link-dialog tpl:fixed tpl:inset-0 tpl:z-modal tpl:flex tpl:items-center tpl:justify-center",
+			style: o(m(w)),
+			onClick: r[6] ||= _((e) => S("close"), ["self"])
+		}, [h("div", {
+			ref: (e) => v.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"
+		}, [
+			h("div", O, [h("h4", k, a(e.isEditingLink ? m(E).linkDialog.editLink : m(E).linkDialog.insertLink), 1), h("button", {
+				type: "button",
+				"aria-label": m(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: r[0] ||= (e) => S("close")
+			}, [u(m(C), {
+				size: 16,
+				"stroke-width": 2
+			})], 8, A)]),
+			h("div", j, [h("div", M, [h("label", N, a(m(E).linkDialog.urlLabel), 1), n(h("input", {
+				id: "tpl-link-dialog-url",
+				"onUpdate:modelValue": r[1] ||= (e) => c.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: m(E).linkDialog.urlPlaceholder,
+				autofocus: "",
+				onKeydown: r[2] ||= (e) => S("keydown", e)
+			}, null, 40, P), [[g, c.value]])])]),
+			h("div", F, [e.isEditingLink ? (i(), l("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: r[3] ||= (e) => S("remove")
+			}, a(m(E).linkDialog.removeLink), 1)) : f("", !0), h("div", I, [h("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: r[4] ||= (e) => S("close")
+			}, a(m(E).linkDialog.cancel), 1), h("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: r[5] ||= (e) => S("insert")
+			}, a(e.isEditingLink ? m(E).linkDialog.updateLink : m(E).linkDialog.insertLink), 1)])])
+		], 512)], 12, D)) : f("", !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__ */ c({
+	__name: "RichTextEditorContent",
+	props: {
+		editor: {},
+		editorContent: {},
+		isLoading: { type: Boolean },
+		initError: {}
+	},
+	emits: ["retry"],
+	setup(e, { emit: t }) {
+		let n = t, { t: o } = x();
+		return (t, s) => e.isLoading ? (i(), l("div", R, [h("div", z, a(m(o).errors.editorLoading), 1)])) : e.initError ? (i(), l("div", B, [v(a(m(o).errors.editorLoadFailed) + " ", 1), h("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: s[0] ||= (e) => n("retry")
+		}, a(m(o).errors.retry), 1)])) : e.editorContent && e.editor ? (i(), p(r(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"])) : f("", !0);
+	}
+});
+//#endregion
+export { w as a, T as i, L as n, E as r, V as t };

package/dist/SaveModuleDialog-FZ9lxY7_.js

@@ -0,0 +1,123 @@
+import { Dt as e, H as t, M as n, Mt as r, Ot as i, P as a, Q as o, S as s, V as c, _ as l, b as u, d, g as f, h as p, it as m, m as h, p as g, s as _, y as v, z as y } from "./vue.runtime.esm-bundler-DpvJL-nX.js";
+import "./useEditorCore-C6ost42Q.js";
+import { C as b, O as x, m as S } from "./keys-ciNfSSGj.js";
+import { t as ee } from "./useI18n-lb2DHDiu.js";
+import { t as te } from "./loader-circle-DsY5Yg33.js";
+import { n as ne } from "./useCloudI18n-BuIwR6OE.js";
+import { t as C } from "./TplModal-BwSfxIHf.js";
+//#region src/cloud/components/SaveModuleDialog.vue?vue&type=script&setup=true&lang.ts
+var w = ["aria-busy"], T = {
+	id: "tpl-save-module-title",
+	class: "tpl:mb-4 tpl:text-sm tpl:font-semibold tpl:text-[var(--tpl-text)]"
+}, E = { class: "tpl:mb-3" }, D = { class: "tpl:mb-1.5 tpl:block tpl:text-sm tpl:font-medium tpl:text-[var(--tpl-text-muted)]" }, O = ["placeholder", "disabled"], k = { class: "tpl:mb-3" }, A = { class: "tpl:mb-1.5 tpl:block tpl:text-sm tpl:font-medium tpl:text-[var(--tpl-text-muted)]" }, j = { 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)]" }, M = [
+	"checked",
+	"disabled",
+	"onChange"
+], N = {
+	key: 0,
+	role: "alert",
+	class: "tpl:mb-3 tpl:text-xs tpl:text-[var(--tpl-danger)]"
+}, P = { class: "tpl:flex tpl:justify-end tpl:gap-2" }, F = ["disabled"], I = ["disabled"], L = {
+	key: 0,
+	class: "tpl:flex tpl:items-center tpl:gap-1.5"
+}, re = { key: 1 }, R = /* @__PURE__ */ s({
+	__name: "SaveModuleDialog",
+	props: {
+		visible: { type: Boolean },
+		preSelectedBlockId: {}
+	},
+	emits: ["close", "saved"],
+	setup(s, { emit: R }) {
+		let z = s, B = R, { t: V } = ee(), { t: H } = ne(), U = x(S, "SaveModuleDialog"), W = x(b, "SaveModuleDialog"), G = o(""), K = o(/* @__PURE__ */ new Set()), q = o(!1), J = o(null), Y = g(() => U.content.value.blocks);
+		function X(e, t) {
+			let n = e.type;
+			return `${V.blocks[n] ?? e.type} ${t + 1}`;
+		}
+		y(() => z.visible, (e) => {
+			e && (G.value = "", J.value = null, K.value = new Set(z.preSelectedBlockId ? [z.preSelectedBlockId] : []));
+		});
+		function ie(e) {
+			let t = new Set(K.value);
+			t.has(e) ? t.delete(e) : t.add(e), K.value = t;
+		}
+		let Z = g(() => G.value.trim().length > 0 && K.value.size > 0 && !q.value);
+		async function Q() {
+			if (Z.value) {
+				q.value = !0, J.value = null;
+				try {
+					let e = Y.value.filter((e) => K.value.has(e.id));
+					await W.createModule(G.value.trim(), e), B("saved"), B("close");
+				} catch (e) {
+					J.value = e.message;
+				} finally {
+					q.value = !1;
+				}
+			}
+		}
+		function $() {
+			q.value || B("close");
+		}
+		function ae(e) {
+			e.key === "Enter" && !e.shiftKey && (e.preventDefault(), Q()), e.key === "Escape" && $();
+		}
+		return (o, g) => (n(), p(C, {
+			visible: s.visible,
+			onClose: $,
+			onKeydown: ae
+		}, {
+			default: c(() => [h("div", {
+				role: "dialog",
+				"aria-modal": "true",
+				"aria-busy": q.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)"
+				}
+			}, [
+				h("h3", T, r(m(H).modules.saveAsModule), 1),
+				h("div", E, [h("label", D, r(m(H).modules.moduleName), 1), t(h("input", {
+					"onUpdate:modelValue": g[0] ||= (e) => G.value = e,
+					type: "text",
+					placeholder: m(H).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: q.value
+				}, null, 8, O), [[_, G.value]])]),
+				h("div", k, [h("label", A, r(m(H).modules.selectBlocks), 1), h("div", j, [(n(!0), l(d, null, a(Y.value, (e, t) => (n(), 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: i({
+						color: "var(--tpl-text)",
+						backgroundColor: K.value.has(e.id) ? "var(--tpl-primary-light)" : "transparent"
+					})
+				}, [h("input", {
+					type: "checkbox",
+					checked: K.value.has(e.id),
+					class: "tpl:accent-[var(--tpl-primary)]",
+					disabled: q.value,
+					onChange: (t) => ie(e.id)
+				}, null, 40, M), v(" " + r(X(e, t)), 1)], 4))), 128))])]),
+				J.value ? (n(), l("p", N, r(J.value), 1)) : f("", !0),
+				h("div", P, [h("button", {
+					type: "button",
+					class: e(["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": q.value }]),
+					disabled: q.value,
+					onClick: $
+				}, r(m(H).modules.cancel), 11, F), h("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
+				}, [q.value ? (n(), l("span", L, [u(m(te), {
+					class: "tpl:animate-spin",
+					size: 12,
+					"stroke-width": 2
+				}), v(" " + r(m(H).modules.saving), 1)])) : (n(), l("span", re, r(m(H).modules.save), 1))], 8, I)])
+			], 8, w)]),
+			_: 1
+		}, 8, ["visible"]));
+	}
+});
+//#endregion
+export { R as default };

package/dist/SnapshotHistory-BR3eV120.js

@@ -0,0 +1,127 @@
+import { Dt as e, M as t, Mt as n, P as r, Q as i, S as a, V as o, _ as s, b as c, d as l, g as u, it as d, m as f, p, t as m, u as h, z as g } from "./vue.runtime.esm-bundler-DpvJL-nX.js";
+import "./useEditorCore-C6ost42Q.js";
+import { t as _ } from "./dist-B1IR0bpH.js";
+import { t as v } from "./useI18n-lb2DHDiu.js";
+import { t as y } from "./createLucideIcon-C3pa2siy.js";
+import { t as b } from "./chevron-down-R2uY34iD.js";
+import { t as x } from "./clock-CRp2sIub.js";
+import { t as S } from "./loader-circle-DsY5Yg33.js";
+import { n as C } from "./useCloudI18n-BuIwR6OE.js";
+import { t as w } from "./formatRelativeTime-BOEf47hq.js";
+var T = y("chevron-left", [["path", {
+	d: "m15 18-6-6 6-6",
+	key: "1wnfg3"
+}]]), E = y("chevron-right", [["path", {
+	d: "m9 18 6-6-6-6",
+	key: "mthhwq"
+}]]), D = ["disabled", "title"], O = ["title"], k = {
+	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)"
+	}
+}, A = { 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)]" }, j = {
+	key: 0,
+	class: "tpl:flex tpl:items-center tpl:justify-center tpl:py-8"
+}, M = {
+	key: 1,
+	class: "tpl:px-3 tpl:py-6 tpl:text-center tpl:text-xs tpl:text-[var(--tpl-text-muted)]"
+}, N = {
+	key: 2,
+	class: "tpl:max-h-64 tpl:overflow-y-auto"
+}, P = ["disabled", "onClick"], F = { class: "tpl:flex tpl:flex-col tpl:gap-0.5" }, I = { class: "tpl:flex tpl:items-center tpl:gap-1.5 tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-text)]" }, L = {
+	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)]"
+}, R = ["disabled", "title"], z = /* @__PURE__ */ a({
+	__name: "SnapshotHistory",
+	props: {
+		snapshots: {},
+		isLoading: { type: Boolean },
+		isRestoring: { type: Boolean }
+	},
+	emits: ["load", "navigate"],
+	setup(a, { emit: y }) {
+		let z = a, B = y, { format: V } = v(), { t: H } = C(), U = i(!1), W = i(null), G = i(-1);
+		g(() => z.snapshots.length, () => {
+			G.value = -1;
+		});
+		let K = p(() => G.value > 0 && z.snapshots.length > 0 && !z.isRestoring), q = p(() => G.value < z.snapshots.length - 1 && z.snapshots.length > 0 && !z.isRestoring);
+		function J() {
+			K.value && (G.value--, B("navigate", z.snapshots[G.value]));
+		}
+		function Y() {
+			q.value && (G.value++, B("navigate", z.snapshots[G.value]));
+		}
+		function X() {
+			U.value = !U.value, U.value && z.snapshots.length === 0 && B("load");
+		}
+		function Z(e) {
+			let t = z.snapshots.findIndex((t) => t.id === e);
+			t !== -1 && (G.value = t, B("navigate", z.snapshots[t])), U.value = !1;
+		}
+		function Q(e) {
+			let t = w(e, H.snapshotHistory, V, 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;
+		}), (i, p) => (t(), s("div", {
+			ref_key: "dropdownRef",
+			ref: W,
+			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: !q.value,
+				title: d(H).snapshotHistory.olderSnapshot,
+				onClick: h(Y, ["stop"])
+			}, [c(d(T), {
+				size: 14,
+				"stroke-width": 2
+			})], 8, D),
+			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: d(H).snapshotHistory.tooltip,
+				onClick: h(X, ["stop"])
+			}, [c(d(x), {
+				size: 16,
+				"stroke-width": 1.5
+			}), c(d(b), {
+				class: e(["tpl:transition-transform tpl:duration-150", { "tpl:rotate-180": U.value }]),
+				size: 10,
+				"stroke-width": 2
+			}, null, 8, ["class"])], 8, O),
+			c(m, { name: "tpl-dropdown" }, {
+				default: o(() => [U.value ? (t(), s("div", k, [f("div", A, n(d(H).snapshotHistory.dropdownTitle), 1), a.isLoading ? (t(), s("div", j, [c(d(S), {
+					class: "tpl:animate-spin tpl:text-[var(--tpl-primary)]",
+					size: 20,
+					"stroke-width": 2
+				})])) : a.snapshots.length === 0 ? (t(), s("div", M, n(d(H).snapshotHistory.noSnapshots), 1)) : (t(), s("div", N, [(t(!0), s(l, null, r(a.snapshots, (e) => (t(), s("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: a.isRestoring,
+					onClick: (t) => Z(e.id)
+				}, [f("div", F, [f("div", I, [f("span", null, n(Q(e.created_at)), 1), e.is_autosave ? (t(), s("span", L, n(d(H).snapshotHistory.auto), 1)) : u("", !0)])])], 8, P))), 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: !K.value,
+				title: d(H).snapshotHistory.newerSnapshot,
+				onClick: h(J, ["stop"])
+			}, [c(d(E), {
+				size: 14,
+				"stroke-width": 2
+			})], 8, R)
+		], 512));
+	}
+});
+//#endregion
+export { z as default };

package/dist/TemplateScoringPanel-4GTNHej5.js

@@ -0,0 +1,256 @@
+import { Dt as e, E as t, L as n, M as r, Mt as i, Ot as a, P as o, Q as s, S as c, V as ee, _ as l, b as u, d, g as f, h as p, it as m, m as h, t as te, y as g, z as ne } from "./vue.runtime.esm-bundler-DpvJL-nX.js";
+import { O as _, m as re, v as ie, w as v } from "./keys-ciNfSSGj.js";
+import { t as y } from "./createLucideIcon-C3pa2siy.js";
+import { t as b } from "./chevron-down-R2uY34iD.js";
+import { t as x } from "./circle-alert-DZuGWPX-.js";
+import { n as S, t as C } from "./refresh-cw-CE_AGtn8.js";
+import { t as ae } from "./info-CJEC7piy.js";
+import { t as w } from "./loader-circle-DsY5Yg33.js";
+import { t as T } from "./shield-check-CfJgs2Hd.js";
+import { t as E } from "./sparkles-CvRXGqFs.js";
+import { t as oe } from "./triangle-alert-aOXceTSe.js";
+import { t as se } from "./x-u2oVmjN_.js";
+import { t as ce } from "./LoadingTrack-B0CWFHXQ.js";
+import { t as D } from "./_plugin-vue_export-helper-B0hnzhyu.js";
+import { n as le } from "./useCloudI18n-BuIwR6OE.js";
+var O = y("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"
+	}]
+]), k = y("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"
+}]]);
+//#endregion
+//#region src/cloud/utils/scoringStyles.ts
+function A(e) {
+	return e >= 80 ? "var(--tpl-success)" : e >= 60 ? "var(--tpl-warning)" : "var(--tpl-danger)";
+}
+function j(e) {
+	return e >= 80 ? "var(--tpl-success-light)" : e >= 60 ? "var(--tpl-warning-light)" : "var(--tpl-danger-light)";
+}
+function M(e) {
+	return e === "high" ? "var(--tpl-danger)" : e === "medium" ? "var(--tpl-warning)" : "var(--tpl-text-muted)";
+}
+function N(e) {
+	return e === "high" ? "var(--tpl-danger-light)" : e === "medium" ? "var(--tpl-warning-light)" : "var(--tpl-bg-hover)";
+}
+//#endregion
+//#region src/cloud/components/TemplateScoringPanel.vue?vue&type=script&setup=true&lang.ts
+var P = {
+	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)]"
+}, F = { class: "tpl:flex tpl:items-center tpl:justify-between tpl:border-b tpl:border-[var(--tpl-border)] tpl:px-4 tpl:py-3" }, I = { class: "tpl:flex tpl:items-center tpl:gap-1.5 tpl:text-sm tpl:font-medium tpl:text-[var(--tpl-primary)]" }, L = { class: "tpl:flex tpl:items-center tpl:gap-1" }, R = ["title"], z = { class: "tpl:flex-1 tpl:overflow-y-auto tpl:p-4" }, B = {
+	key: 0,
+	class: "tpl:flex tpl:h-full tpl:flex-col tpl:items-center tpl:justify-center tpl:gap-3 tpl:text-center"
+}, V = { class: "tpl:text-sm tpl:text-[var(--tpl-text-muted)]" }, H = {
+	key: 1,
+	class: "tpl:flex tpl:h-full tpl:flex-col tpl:items-center tpl:justify-center tpl:gap-3 tpl:text-center"
+}, U = { class: "tpl:max-w-[240px] tpl:text-sm tpl:text-[var(--tpl-text-muted)]" }, W = {
+	key: 2,
+	class: "tpl:flex tpl:flex-col tpl:gap-4"
+}, ue = { class: "tpl:text-xs tpl:font-medium tpl:uppercase tpl:tracking-wider tpl:text-[var(--tpl-text-muted)]" }, de = {
+	key: 0,
+	class: "tpl:text-xs tpl:text-[var(--tpl-text-dim)]"
+}, fe = {
+	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)]"
+}, pe = ["onClick"], me = { class: "tpl:flex-1 tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-text)]" }, he = {
+	key: 0,
+	class: "tpl:text-[10px] tpl:text-[var(--tpl-text-dim)]"
+}, ge = {
+	key: 0,
+	class: "tpl:border-t tpl:border-[var(--tpl-border)]"
+}, _e = {
+	key: 0,
+	class: "tpl:px-3 tpl:py-3 tpl:text-center tpl:text-xs tpl:text-[var(--tpl-text-dim)]"
+}, ve = { class: "tpl:flex tpl:items-start tpl:gap-2" }, ye = { class: "tpl:flex-1 tpl:min-w-0" }, be = { class: "tpl:flex tpl:items-start tpl:gap-1.5" }, xe = { class: "tpl:text-xs tpl:leading-snug tpl:text-[var(--tpl-text)]" }, Se = {
+	key: 0,
+	class: "tpl:mt-1 tpl:text-[11px] tpl:leading-snug tpl:text-[var(--tpl-text-dim)]"
+}, Ce = {
+	key: 1,
+	class: "tpl:mt-2 tpl:flex tpl:justify-center"
+}, we = ["disabled", "onClick"], Te = {
+	key: 0,
+	class: "tpl:mt-1.5 tpl:text-[11px] tpl:text-[var(--tpl-danger)]"
+}, Ee = {
+	key: 3,
+	class: "tpl:flex tpl:h-full tpl:flex-col tpl:items-center tpl:justify-center tpl:gap-3 tpl:text-center"
+}, De = { class: "tpl:max-w-[240px] tpl:text-sm tpl:text-[var(--tpl-text-muted)]" }, Oe = { 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)]" }, G = /* @__PURE__ */ D(/* @__PURE__ */ c({
+	__name: "TemplateScoringPanel",
+	props: { visible: { type: Boolean } },
+	emits: ["close"],
+	setup(c, { emit: y }) {
+		let D = c, G = y, { t: K } = le(), q = _(re, "TemplateScoringPanel"), J = _(v, "TemplateScoringPanel"), Y = t(ie, []), X = s({
+			spam: !0,
+			readability: !0,
+			accessibility: !0,
+			bestPractices: !0
+		});
+		function ke(e) {
+			X.value[e] = !X.value[e];
+		}
+		let Z = [
+			"spam",
+			"readability",
+			"accessibility",
+			"bestPractices"
+		], Ae = {
+			spam: O,
+			readability: S,
+			accessibility: E,
+			bestPractices: k
+		};
+		function Q() {
+			J.score(q.content.value, Y);
+		}
+		ne(() => D.visible, (e) => {
+			e && !J.scoringResult.value && !J.isScoring.value && Q();
+		});
+		async function je(e) {
+			if (!e.blockId) return;
+			let t = q.content.value.blocks.find((t) => t.id === e.blockId);
+			if (!t) return;
+			let n = t.content;
+			if (!n) return;
+			let r = await J.fixFinding(n, e, Y);
+			r && (q.updateBlock(e.blockId, { content: r }), J.removeFinding(e.category, e.id));
+		}
+		function $() {
+			return J.scoringResult.value ? Z.reduce((e, t) => e + (J.scoringResult.value?.categories[t]?.findings.length ?? 0), 0) : 0;
+		}
+		return (t, s) => (r(), p(te, {
+			"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: ee(() => [c.visible ? (r(), l("div", P, [h("div", F, [h("div", I, [u(m(T), {
+				size: 13,
+				"stroke-width": 2
+			}), h("span", null, i(m(K).scoring.title), 1)]), h("div", L, [m(J).scoringResult.value && !m(J).isScoring.value ? (r(), l("button", {
+				key: 0,
+				class: "tpl:rounded-md tpl:p-0.5 tpl:transition-colors tpl:duration-150 tpl:text-[var(--tpl-text-muted)]",
+				title: m(K).scoring.rescore,
+				onClick: s[0] ||= (e) => Q()
+			}, [u(m(C), {
+				size: 14,
+				"stroke-width": 2
+			})], 8, R)) : f("", !0), h("button", {
+				class: "tpl:rounded-md tpl:p-0.5 tpl:transition-colors tpl:duration-150 tpl:text-[var(--tpl-text-muted)]",
+				onClick: s[1] ||= (e) => G("close")
+			}, [u(m(se), {
+				size: 14,
+				"stroke-width": 2
+			})])])]), h("div", z, [m(J).isScoring.value ? (r(), l("div", B, [h("p", V, i(m(K).scoring.scoring), 1), u(ce, { class: "tpl:w-3/4" })])) : m(J).error.value && !m(J).scoringResult.value ? (r(), l("div", H, [
+				u(m(x), {
+					size: 32,
+					"stroke-width": 1.5,
+					class: "tpl:text-[var(--tpl-danger)]"
+				}),
+				h("p", U, i(m(K).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: s[2] ||= (e) => Q()
+				}, [u(m(C), {
+					size: 12,
+					"stroke-width": 2
+				}), g(" " + i(m(K).scoring.rescore), 1)])
+			])) : m(J).scoringResult.value ? (r(), l("div", W, [
+				h("div", {
+					class: "tpl:flex tpl:flex-col tpl:items-center tpl:gap-2 tpl:rounded-[var(--tpl-radius)] tpl:p-5",
+					style: a({ backgroundColor: m(j)(m(J).scoringResult.value.score) })
+				}, [
+					h("span", {
+						class: "tpl:text-4xl tpl:font-bold tpl:tabular-nums",
+						style: a({ color: m(A)(m(J).scoringResult.value.score) })
+					}, i(m(J).scoringResult.value.score), 5),
+					h("span", ue, i(m(K).scoring.overallScore), 1),
+					$() > 0 ? (r(), l("span", de, i($()) + " " + i(m(K).scoring.findings), 1)) : f("", !0)
+				], 4),
+				m(J).fixError.value ? (r(), l("div", fe, [u(m(x), {
+					size: 14,
+					"stroke-width": 2,
+					class: "tpl:mt-0.5 tpl:shrink-0"
+				}), h("span", null, i(m(K).scoring.fixError), 1)])) : f("", !0),
+				(r(), l(d, null, o(Z, (t) => h("div", {
+					key: t,
+					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: (e) => ke(t)
+				}, [
+					(r(), p(n(Ae[t]), {
+						size: 14,
+						"stroke-width": 2,
+						style: a({ color: m(A)(m(J).scoringResult.value.categories[t].score) })
+					}, null, 8, ["style"])),
+					h("span", me, i(m(K).scoring.categories[t]), 1),
+					h("span", {
+						class: "tpl:rounded-full tpl:px-2 tpl:py-0.5 tpl:text-xs tpl:font-semibold tpl:tabular-nums",
+						style: a({
+							color: m(A)(m(J).scoringResult.value.categories[t].score),
+							backgroundColor: m(j)(m(J).scoringResult.value.categories[t].score)
+						})
+					}, i(m(J).scoringResult.value.categories[t].score), 5),
+					m(J).scoringResult.value.categories[t].findings.length > 0 ? (r(), l("span", he, i(m(J).scoringResult.value.categories[t].findings.length), 1)) : f("", !0),
+					u(m(b), {
+						size: 12,
+						"stroke-width": 2,
+						class: e(["tpl:transition-transform tpl:duration-200 tpl:text-[var(--tpl-text-dim)]", X.value[t] ? "tpl:rotate-0" : "tpl:-rotate-90"])
+					}, null, 8, ["class"])
+				], 8, pe), X.value[t] ? (r(), l("div", ge, [m(J).scoringResult.value.categories[t].findings.length === 0 ? (r(), l("div", _e, i(m(K).scoring.noFindings), 1)) : f("", !0), (r(!0), l(d, null, o(m(J).scoringResult.value.categories[t].findings, (e) => (r(), l("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", ve, [(r(), p(n(e.severity === "high" ? m(x) : e.severity === "medium" ? m(oe) : m(ae)), {
+					size: 13,
+					"stroke-width": 2,
+					class: "tpl:mt-0.5 tpl:shrink-0",
+					style: a({ color: m(M)(e.severity) })
+				}, null, 8, ["style"])), h("div", ye, [
+					h("div", be, [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: a({
+							color: m(M)(e.severity),
+							backgroundColor: m(N)(e.severity)
+						})
+					}, i(m(K).scoring.severity[e.severity]), 5), h("span", xe, i(e.message), 1)]),
+					e.suggestion ? (r(), l("p", Se, i(e.suggestion), 1)) : f("", !0),
+					e.blockId ? (r(), l("div", Ce, [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: m(J).fixingFindingId.value !== null,
+						onClick: (t) => je(e)
+					}, [m(J).fixingFindingId.value === e.id ? (r(), p(m(w), {
+						key: 0,
+						class: "tpl-spinner",
+						size: 11,
+						"stroke-width": 2
+					})) : (r(), p(m(E), {
+						key: 1,
+						size: 11,
+						"stroke-width": 2
+					})), g(" " + i(m(J).fixingFindingId.value === e.id ? m(K).scoring.fixing : m(K).scoring.fix), 1)], 8, we), m(J).fixError.value ? (r(), l("p", Te, i(m(J).fixError.value), 1)) : f("", !0)])) : f("", !0)
+				])])]))), 128))])) : f("", !0)])), 64))
+			])) : (r(), l("div", Ee, [u(m(T), {
+				size: 32,
+				"stroke-width": 1.5,
+				class: "tpl:text-[var(--tpl-text-dim)]"
+			}), h("p", De, i(m(K).scoring.emptyState), 1)])), h("p", Oe, i(m(K).aiMenu.disclaimer), 1)])])) : f("", !0)]),
+			_: 1
+		}));
+	}
+}), [["__scopeId", "data-v-3a059e8d"]]);
+//#endregion
+export { G as default };