@aswin.dev/editor 0.6.3 → 0.7.1

package/dist/RichTextEditorContent-CrqPQdnk.js

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

package/dist/SaveModuleDialog-zMQTpez7.js

@@ -0,0 +1,123 @@
+import { At as e, C as t, F as n, Ft as r, N as i, U as a, V as o, W as s, _ as c, b as l, c as u, et as d, f, g as p, h as m, jt as h, m as g, st as _, v, x as y } from "./vue.runtime.esm-bundler-CjauPXjj.js";
+import "./useEditorCore-wslttMH-.js";
+import { A as b, T as x, m as ee } from "./keys-CvX8D-8C.js";
+import { t as te } from "./useI18n-C2xQZ6K9.js";
+import { t as ne } from "./loader-circle-Balo8p3d.js";
+import { n as S } from "./useCloudI18n-DOKSZql1.js";
+import { t as C } from "./TplModal-BAsVzcTb.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__ */ t({
+	__name: "SaveModuleDialog",
+	props: {
+		visible: { type: Boolean },
+		preSelectedBlockId: {}
+	},
+	emits: ["close", "saved"],
+	setup(t, { emit: R }) {
+		let z = t, B = R, { t: V } = te(), { t: H } = S(), U = b(ee, "SaveModuleDialog"), W = b(x, "SaveModuleDialog"), G = d(""), K = d(/* @__PURE__ */ new Set()), q = d(!1), J = d(null), Y = g(() => U.content.value.blocks);
+		function X(e, t) {
+			let n = e.type;
+			return `${V.blocks[n] ?? e.type} ${t + 1}`;
+		}
+		o(() => 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, d) => (i(), p(C, {
+			visible: t.visible,
+			onClose: $,
+			onKeydown: ae
+		}, {
+			default: a(() => [m("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)"
+				}
+			}, [
+				m("h3", T, r(_(H).modules.saveAsModule), 1),
+				m("div", E, [m("label", D, r(_(H).modules.moduleName), 1), s(m("input", {
+					"onUpdate:modelValue": d[0] ||= (e) => G.value = e,
+					type: "text",
+					placeholder: _(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), [[u, G.value]])]),
+				m("div", k, [m("label", A, r(_(H).modules.selectBlocks), 1), m("div", j, [(i(!0), v(f, null, n(Y.value, (e, t) => (i(), v("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: h({
+						color: "var(--tpl-text)",
+						backgroundColor: K.value.has(e.id) ? "var(--tpl-primary-light)" : "transparent"
+					})
+				}, [m("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), l(" " + r(X(e, t)), 1)], 4))), 128))])]),
+				J.value ? (i(), v("p", N, r(J.value), 1)) : c("", !0),
+				m("div", P, [m("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(_(H).modules.cancel), 11, F), m("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 ? (i(), v("span", L, [y(_(ne), {
+					class: "tpl:animate-spin",
+					size: 12,
+					"stroke-width": 2
+				}), l(" " + r(_(H).modules.saving), 1)])) : (i(), v("span", re, r(_(H).modules.save), 1))], 8, I)])
+			], 8, w)]),
+			_: 1
+		}, 8, ["visible"]));
+	}
+});
+//#endregion
+export { R as default };

package/dist/SnapshotHistory-Do-A5rYU.js

@@ -0,0 +1,122 @@
+import { At as e, C as t, F as n, Ft as r, N as i, U as a, V as o, _ as s, d as c, et as l, f as u, h as d, m as f, st as p, t as m, v as h, x as g } from "./vue.runtime.esm-bundler-CjauPXjj.js";
+import "./useEditorCore-wslttMH-.js";
+import { t as _ } from "./dist-CivF9P8b.js";
+import { t as v } from "./useI18n-C2xQZ6K9.js";
+import { t as y } from "./chevron-down-C5oBUhT8.js";
+import { n as b, t as x } from "./chevron-right-BqCptpdp.js";
+import { t as S } from "./clock-ik2pRJKG.js";
+import { t as C } from "./loader-circle-Balo8p3d.js";
+import { n as w } from "./useCloudI18n-DOKSZql1.js";
+import { t as T } from "./formatRelativeTime-BhhO8yCl.js";
+//#region src/cloud/components/SnapshotHistory.vue?vue&type=script&setup=true&lang.ts
+var 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__ */ t({
+	__name: "SnapshotHistory",
+	props: {
+		snapshots: {},
+		isLoading: { type: Boolean },
+		isRestoring: { type: Boolean }
+	},
+	emits: ["load", "navigate"],
+	setup(t, { emit: R }) {
+		let z = t, B = R, { format: V } = v(), { t: H } = w(), U = l(!1), W = l(null), G = l(-1);
+		o(() => z.snapshots.length, () => {
+			G.value = -1;
+		});
+		let K = f(() => G.value > 0 && z.snapshots.length > 0 && !z.isRestoring), q = f(() => 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 = T(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;
+		}), (o, l) => (i(), h("div", {
+			ref_key: "dropdownRef",
+			ref: W,
+			class: "tpl:relative tpl:flex tpl:items-center tpl:gap-0.5"
+		}, [
+			d("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: p(H).snapshotHistory.olderSnapshot,
+				onClick: c(Y, ["stop"])
+			}, [g(p(b), {
+				size: 14,
+				"stroke-width": 2
+			})], 8, E),
+			d("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: p(H).snapshotHistory.tooltip,
+				onClick: c(X, ["stop"])
+			}, [g(p(S), {
+				size: 16,
+				"stroke-width": 1.5
+			}), g(p(y), {
+				class: e(["tpl:transition-transform tpl:duration-150", { "tpl:rotate-180": U.value }]),
+				size: 10,
+				"stroke-width": 2
+			}, null, 8, ["class"])], 8, D),
+			g(m, { name: "tpl-dropdown" }, {
+				default: a(() => [U.value ? (i(), h("div", O, [d("div", k, r(p(H).snapshotHistory.dropdownTitle), 1), t.isLoading ? (i(), h("div", A, [g(p(C), {
+					class: "tpl:animate-spin tpl:text-[var(--tpl-primary)]",
+					size: 20,
+					"stroke-width": 2
+				})])) : t.snapshots.length === 0 ? (i(), h("div", j, r(p(H).snapshotHistory.noSnapshots), 1)) : (i(), h("div", M, [(i(!0), h(u, null, n(t.snapshots, (e) => (i(), h("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: t.isRestoring,
+					onClick: (t) => Z(e.id)
+				}, [d("div", P, [d("div", F, [d("span", null, r(Q(e.created_at)), 1), e.is_autosave ? (i(), h("span", I, r(p(H).snapshotHistory.auto), 1)) : s("", !0)])])], 8, N))), 128))]))])) : s("", !0)]),
+				_: 1
+			}),
+			d("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: p(H).snapshotHistory.newerSnapshot,
+				onClick: c(J, ["stop"])
+			}, [g(p(x), {
+				size: 14,
+				"stroke-width": 2
+			})], 8, L)
+		], 512));
+	}
+});
+//#endregion
+export { R as default };

package/dist/TemplateScoringPanel-CS7o62zS.js

@@ -0,0 +1,256 @@
+import { At as e, C as t, D as n, F as r, Ft as i, N as a, R as o, U as ee, V as s, _ as c, b as l, et as u, f as d, g as f, h as p, jt as m, st as h, t as te, v as g, x as _ } from "./vue.runtime.esm-bundler-CjauPXjj.js";
+import { A as v, E as ne, m as re, y } from "./keys-CvX8D-8C.js";
+import { t as b } from "./createLucideIcon-ClREiSx3.js";
+import { t as ie } from "./chevron-down-C5oBUhT8.js";
+import { t as x } from "./circle-alert-ZQQc98HC.js";
+import { n as S, t as C } from "./refresh-cw-DwDqGUM0.js";
+import { t as ae } from "./info-BSPGcsSM.js";
+import { t as w } from "./loader-circle-Balo8p3d.js";
+import { t as T } from "./shield-check-jkpgcC0-.js";
+import { t as E } from "./sparkles-Chm5CZfb.js";
+import { t as oe } from "./triangle-alert-KpDVNbpn.js";
+import { t as se } from "./x-BkaOMosX.js";
+import { t as ce } from "./LoadingTrack-Ba2pfF57.js";
+import { t as D } from "./_plugin-vue_export-helper-BVAJ4lgT.js";
+import { n as le } from "./useCloudI18n-DOKSZql1.js";
+var O = b("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 = b("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__ */ t({
+	__name: "TemplateScoringPanel",
+	props: { visible: { type: Boolean } },
+	emits: ["close"],
+	setup(t, { emit: b }) {
+		let D = t, G = b, { t: K } = le(), q = v(re, "TemplateScoringPanel"), J = v(ne, "TemplateScoringPanel"), Y = n(y, []), X = u({
+			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);
+		}
+		s(() => 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 (n, s) => (a(), f(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(() => [t.visible ? (a(), g("div", P, [p("div", F, [p("div", I, [_(h(T), {
+				size: 13,
+				"stroke-width": 2
+			}), p("span", null, i(h(K).scoring.title), 1)]), p("div", L, [h(J).scoringResult.value && !h(J).isScoring.value ? (a(), g("button", {
+				key: 0,
+				class: "tpl:rounded-md tpl:p-0.5 tpl:transition-colors tpl:duration-150 tpl:text-[var(--tpl-text-muted)]",
+				title: h(K).scoring.rescore,
+				onClick: s[0] ||= (e) => Q()
+			}, [_(h(C), {
+				size: 14,
+				"stroke-width": 2
+			})], 8, R)) : c("", !0), p("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")
+			}, [_(h(se), {
+				size: 14,
+				"stroke-width": 2
+			})])])]), p("div", z, [h(J).isScoring.value ? (a(), g("div", B, [p("p", V, i(h(K).scoring.scoring), 1), _(ce, { class: "tpl:w-3/4" })])) : h(J).error.value && !h(J).scoringResult.value ? (a(), g("div", H, [
+				_(h(x), {
+					size: 32,
+					"stroke-width": 1.5,
+					class: "tpl:text-[var(--tpl-danger)]"
+				}),
+				p("p", U, i(h(K).scoring.error), 1),
+				p("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()
+				}, [_(h(C), {
+					size: 12,
+					"stroke-width": 2
+				}), l(" " + i(h(K).scoring.rescore), 1)])
+			])) : h(J).scoringResult.value ? (a(), g("div", W, [
+				p("div", {
+					class: "tpl:flex tpl:flex-col tpl:items-center tpl:gap-2 tpl:rounded-[var(--tpl-radius)] tpl:p-5",
+					style: m({ backgroundColor: h(j)(h(J).scoringResult.value.score) })
+				}, [
+					p("span", {
+						class: "tpl:text-4xl tpl:font-bold tpl:tabular-nums",
+						style: m({ color: h(A)(h(J).scoringResult.value.score) })
+					}, i(h(J).scoringResult.value.score), 5),
+					p("span", ue, i(h(K).scoring.overallScore), 1),
+					$() > 0 ? (a(), g("span", de, i($()) + " " + i(h(K).scoring.findings), 1)) : c("", !0)
+				], 4),
+				h(J).fixError.value ? (a(), g("div", fe, [_(h(x), {
+					size: 14,
+					"stroke-width": 2,
+					class: "tpl:mt-0.5 tpl:shrink-0"
+				}), p("span", null, i(h(K).scoring.fixError), 1)])) : c("", !0),
+				(a(), g(d, null, r(Z, (t) => p("div", {
+					key: t,
+					class: "tpl:overflow-hidden tpl:rounded-[var(--tpl-radius)] tpl:border tpl:border-[var(--tpl-border)]"
+				}, [p("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)
+				}, [
+					(a(), f(o(Ae[t]), {
+						size: 14,
+						"stroke-width": 2,
+						style: m({ color: h(A)(h(J).scoringResult.value.categories[t].score) })
+					}, null, 8, ["style"])),
+					p("span", me, i(h(K).scoring.categories[t]), 1),
+					p("span", {
+						class: "tpl:rounded-full tpl:px-2 tpl:py-0.5 tpl:text-xs tpl:font-semibold tpl:tabular-nums",
+						style: m({
+							color: h(A)(h(J).scoringResult.value.categories[t].score),
+							backgroundColor: h(j)(h(J).scoringResult.value.categories[t].score)
+						})
+					}, i(h(J).scoringResult.value.categories[t].score), 5),
+					h(J).scoringResult.value.categories[t].findings.length > 0 ? (a(), g("span", he, i(h(J).scoringResult.value.categories[t].findings.length), 1)) : c("", !0),
+					_(h(ie), {
+						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] ? (a(), g("div", ge, [h(J).scoringResult.value.categories[t].findings.length === 0 ? (a(), g("div", _e, i(h(K).scoring.noFindings), 1)) : c("", !0), (a(!0), g(d, null, r(h(J).scoringResult.value.categories[t].findings, (e) => (a(), g("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)]"
+				}, [p("div", ve, [(a(), f(o(e.severity === "high" ? h(x) : e.severity === "medium" ? h(oe) : h(ae)), {
+					size: 13,
+					"stroke-width": 2,
+					class: "tpl:mt-0.5 tpl:shrink-0",
+					style: m({ color: h(M)(e.severity) })
+				}, null, 8, ["style"])), p("div", ye, [
+					p("div", be, [p("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: m({
+							color: h(M)(e.severity),
+							backgroundColor: h(N)(e.severity)
+						})
+					}, i(h(K).scoring.severity[e.severity]), 5), p("span", xe, i(e.message), 1)]),
+					e.suggestion ? (a(), g("p", Se, i(e.suggestion), 1)) : c("", !0),
+					e.blockId ? (a(), g("div", Ce, [p("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: h(J).fixingFindingId.value !== null,
+						onClick: (t) => je(e)
+					}, [h(J).fixingFindingId.value === e.id ? (a(), f(h(w), {
+						key: 0,
+						class: "tpl-spinner",
+						size: 11,
+						"stroke-width": 2
+					})) : (a(), f(h(E), {
+						key: 1,
+						size: 11,
+						"stroke-width": 2
+					})), l(" " + i(h(J).fixingFindingId.value === e.id ? h(K).scoring.fixing : h(K).scoring.fix), 1)], 8, we), h(J).fixError.value ? (a(), g("p", Te, i(h(J).fixError.value), 1)) : c("", !0)])) : c("", !0)
+				])])]))), 128))])) : c("", !0)])), 64))
+			])) : (a(), g("div", Ee, [_(h(T), {
+				size: 32,
+				"stroke-width": 1.5,
+				class: "tpl:text-[var(--tpl-text-dim)]"
+			}), p("p", De, i(h(K).scoring.emptyState), 1)])), p("p", Oe, i(h(K).aiMenu.disclaimer), 1)])])) : c("", !0)]),
+			_: 1
+		}));
+	}
+}), [["__scopeId", "data-v-79e79258"]]);
+//#endregion
+export { G as default };