@aswin.dev/editor 0.6.3 → 0.7.0

package/dist/TestEmailModal--ue5w9fT.js

@@ -0,0 +1,94 @@
+import { Dt as e, H as t, M as n, Mt as r, P as i, Q as a, S as o, V as s, _ as c, b as l, d as u, g as d, h as f, it as p, m, o as h, y as g, z as _ } from "./vue.runtime.esm-bundler-DpvJL-nX.js";
+import "./useEditorCore-C6ost42Q.js";
+import { t as v } from "./loader-circle-DsY5Yg33.js";
+import { n as y } from "./useCloudI18n-BuIwR6OE.js";
+import { t as b } from "./TplModal-BwSfxIHf.js";
+//#region src/cloud/components/TestEmailModal.vue?vue&type=script&setup=true&lang.ts
+var x = ["aria-busy"], S = {
+	id: "tpl-test-email-title",
+	class: "tpl:mb-4 tpl:text-sm tpl:font-semibold tpl:text-[var(--tpl-text)]"
+}, C = { class: "tpl:mb-3" }, w = { class: "tpl:mb-1.5 tpl:block tpl:text-sm tpl:font-medium tpl:text-[var(--tpl-text-muted)]" }, T = ["value"], E = ["disabled"], D = ["value"], O = {
+	key: 0,
+	role: "alert",
+	class: "tpl:mb-3 tpl:text-xs tpl:text-[var(--tpl-danger)]"
+}, k = { class: "tpl:flex tpl:justify-end tpl:gap-2" }, A = ["disabled"], j = ["disabled"], M = {
+	key: 0,
+	class: "tpl:flex tpl:items-center tpl:gap-1.5"
+}, N = { key: 1 }, P = /* @__PURE__ */ o({
+	__name: "TestEmailModal",
+	props: {
+		visible: { type: Boolean },
+		allowedEmails: {},
+		isSending: { type: Boolean },
+		error: {}
+	},
+	emits: ["send", "close"],
+	setup(o, { emit: P }) {
+		let F = o, I = P, { t: L } = y(), R = a("");
+		_(() => F.visible, (e) => {
+			e && (R.value = F.allowedEmails[0] ?? "");
+		});
+		function z() {
+			!R.value || F.isSending || I("send", R.value);
+		}
+		function B() {
+			F.isSending || I("close");
+		}
+		function V(e) {
+			e.key === "Enter" && !e.shiftKey && (e.preventDefault(), z()), e.key === "Escape" && B();
+		}
+		return (a, _) => (n(), f(b, {
+			visible: o.visible,
+			onClose: B,
+			onKeydown: V
+		}, {
+			default: s(() => [m("div", {
+				role: "dialog",
+				"aria-modal": "true",
+				"aria-busy": o.isSending,
+				"aria-labelledby": "tpl-test-email-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", S, r(p(L).testEmail.title), 1),
+				m("div", C, [m("label", w, r(p(L).testEmail.recipientLabel), 1), o.allowedEmails.length === 1 ? (n(), c("input", {
+					key: 0,
+					type: "text",
+					value: R.value,
+					disabled: "",
+					class: "tpl:h-9 tpl:w-full tpl:rounded-md tpl:border tpl:px-3 tpl:py-1 tpl:text-sm tpl:opacity-70 tpl:shadow-xs tpl:outline-none tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:text-[var(--tpl-text)]"
+				}, null, 8, T)) : t((n(), c("select", {
+					key: 1,
+					"onUpdate:modelValue": _[0] ||= (e) => R.value = e,
+					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: o.isSending
+				}, [(n(!0), c(u, null, i(o.allowedEmails, (e) => (n(), c("option", {
+					key: e,
+					value: e
+				}, r(e), 9, D))), 128))], 8, E)), [[h, R.value]])]),
+				o.error ? (n(), c("p", O, r(o.error), 1)) : d("", !0),
+				m("div", k, [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": o.isSending }]),
+					disabled: o.isSending,
+					onClick: B
+				}, r(p(L).testEmail.cancel), 11, A), 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: !R.value || o.isSending,
+					onClick: z
+				}, [o.isSending ? (n(), c("span", M, [l(p(v), {
+					class: "tpl:animate-spin",
+					size: 12,
+					"stroke-width": 2
+				}), g(" " + r(p(L).testEmail.sending), 1)])) : (n(), c("span", N, r(p(L).testEmail.send), 1))], 8, j)])
+			], 8, x)]),
+			_: 1
+		}, 8, ["visible"]));
+	}
+});
+//#endregion
+export { P as default };

package/dist/TitleEditor-fStSADI-.js

@@ -0,0 +1,172 @@
+import { Dt as e, E as t, M as n, Mt as r, Ot as i, S as a, _ as o, b as s, d as c, f as l, g as u, h as d, it as f, m as p, q as m, y as h } from "./vue.runtime.esm-bundler-DpvJL-nX.js";
+import { b as g } from "./useEditorCore-C6ost42Q.js";
+import { D as _, T as v } from "./keys-ciNfSSGj.js";
+import { t as y } from "./useI18n-lb2DHDiu.js";
+import { a as b, i as x, n as S, r as C, t as w } from "./RichTextEditorContent-DYkIauIk.js";
+import { t as T } from "./loader-circle-DsY5Yg33.js";
+import { t as E } from "./scan-line-D0vcUekt.js";
+//#region src/components/blocks/TitleEditor.vue?vue&type=script&setup=true&lang.ts
+var ee = { class: "tpl-text-editor-wrapper tpl:relative" }, D = ["data-tpl-theme", "aria-label"], O = ["aria-label", "title"], k = ["aria-label", "title"], A = ["aria-label", "title"], j = {
+	key: 0,
+	class: "tpl:mx-1.5 tpl:h-6 tpl:w-px tpl:bg-[var(--tpl-border)]"
+}, M = ["aria-label", "title"], N = {
+	key: 1,
+	class: "tpl:flex tpl:items-center tpl:gap-2 tpl:px-2 tpl:text-xs tpl:text-[var(--tpl-text-dim)]"
+}, P = /* @__PURE__ */ a({
+	__name: "TitleEditor",
+	props: {
+		block: {},
+		toolbarPosition: {}
+	},
+	emits: ["done"],
+	setup(a, { emit: P }) {
+		let F = a, I = P, L = t(v, null), R = t(_, null), { t: z } = y(), { editor: B, EditorContent: V, isLoading: H, initError: U, retry: W, showLinkDialog: G, linkUrl: K, linkDialogRef: q, canRequestMergeTag: J, openLinkDialog: Y, insertLink: X, removeLink: Z, closeLinkDialog: Q, handleLinkKeydown: te, handleAddMergeTag: $ } = g({
+			blockId: () => F.block.id,
+			blockContent: () => F.block.content,
+			onDone: () => I("done"),
+			editorName: "TitleEditor",
+			async loadExtensions({ mergeTags: e, syntax: t, triggerChar: n, autocompleteEnabled: r, suggestionEmptyText: i }) {
+				let [{ Editor: a, EditorContent: o }, { default: s }, { default: c }, { MergeTagNode: l, MergeTagSuggestion: u, LogicMergeTagNode: d }] = await Promise.all([
+					import("./dist-BFawx6IS.js").then((e) => e.r),
+					import("./dist-D90y8dvT.js"),
+					import("./dist-DDJIWTRY.js"),
+					import("./extensions-CUcl9Ok4.js")
+				]);
+				return {
+					TiptapEditor: a,
+					EC: o,
+					extensions: [
+						s.configure({
+							heading: !1,
+							codeBlock: !1,
+							blockquote: !1,
+							horizontalRule: !1,
+							bulletList: !1,
+							orderedList: !1,
+							listItem: !1,
+							strike: !1
+						}),
+						c.configure({
+							openOnClick: !1,
+							HTMLAttributes: {
+								target: "_blank",
+								rel: "noopener noreferrer"
+							}
+						}),
+						l.configure({
+							mergeTags: e,
+							syntax: t
+						}),
+						d.configure({ syntax: t }),
+						...r && n && e.length > 0 ? [u.configure({
+							mergeTags: e,
+							char: n,
+							emptyText: i
+						})] : []
+					]
+				};
+			}
+		});
+		return (t, g) => (n(), o("div", ee, [
+			(n(), d(l, { to: "body" }, [p("div", {
+				"data-tpl-theme": f(R),
+				role: "toolbar",
+				"aria-label": f(z).titleEditor.toolbar,
+				class: "tpl tpl-text-toolbar tpl:fixed tpl:z-popover tpl:flex tpl:items-center tpl:gap-1 tpl:rounded-lg tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:px-3 tpl:py-2 tpl:shadow-lg",
+				style: i({
+					...f(L),
+					top: `${a.toolbarPosition.top}px`,
+					left: `${a.toolbarPosition.left}px`,
+					transform: "translateY(-100%)"
+				})
+			}, [!f(H) && f(B) ? (n(), o(c, { key: 0 }, [
+				p("button", {
+					type: "button",
+					class: e(["tpl-text-toolbar-btn", { "tpl-text-toolbar-btn--active": f(B)?.isActive("bold") }]),
+					"aria-label": f(z).titleEditor.bold,
+					title: f(z).titleEditor.bold,
+					onClick: g[0] ||= (e) => f(B)?.chain().focus().toggleBold().run()
+				}, [s(f(b), {
+					size: 16,
+					"stroke-width": 2.5
+				})], 10, O),
+				p("button", {
+					type: "button",
+					class: e(["tpl-text-toolbar-btn", { "tpl-text-toolbar-btn--active": f(B)?.isActive("italic") }]),
+					"aria-label": f(z).titleEditor.italic,
+					title: f(z).titleEditor.italic,
+					onClick: g[1] ||= (e) => f(B)?.chain().focus().toggleItalic().run()
+				}, [s(f(x), {
+					size: 16,
+					"stroke-width": 2
+				})], 10, k),
+				g[6] ||= p("span", {
+					class: "tpl:mx-1.5 tpl:h-6 tpl:w-px tpl:bg-[var(--tpl-border)]",
+					"aria-hidden": "true"
+				}, null, -1),
+				p("button", {
+					type: "button",
+					class: e(["tpl-text-toolbar-btn", { "tpl-text-toolbar-btn--active": f(B)?.isActive("link") }]),
+					"aria-label": f(z).titleEditor.addLink,
+					title: f(z).titleEditor.addLink,
+					onClick: g[2] ||= (...e) => f(Y) && f(Y)(...e)
+				}, [s(f(C), {
+					size: 16,
+					"stroke-width": 2
+				})], 10, A),
+				f(J) ? (n(), o("span", j)) : u("", !0),
+				f(J) ? (n(), o("button", {
+					key: 1,
+					type: "button",
+					class: "tpl:flex tpl:h-8 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:gap-1.5 tpl:rounded tpl:border-none tpl:bg-transparent tpl:px-2.5 tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-text)] tpl:transition-all tpl:duration-150 tpl:hover:bg-[var(--tpl-bg-active)]",
+					"aria-label": f(z).mergeTag.add,
+					title: f(z).mergeTag.add,
+					onClick: g[3] ||= (...e) => f($) && f($)(...e)
+				}, [s(f(E), {
+					size: 16,
+					"stroke-width": 2
+				}), h(" " + r(f(z).mergeTag.add), 1)], 8, M)) : u("", !0)
+			], 64)) : (n(), o("div", N, [s(f(T), {
+				class: "tpl-spinner",
+				size: 14,
+				"stroke-width": 2
+			}), h(" " + r(f(z).errors.editorLoading), 1)]))], 12, D)])),
+			s(w, {
+				editor: f(B),
+				"editor-content": f(V),
+				"is-loading": f(H),
+				"init-error": f(U),
+				onRetry: f(W)
+			}, null, 8, [
+				"editor",
+				"editor-content",
+				"is-loading",
+				"init-error",
+				"onRetry"
+			]),
+			s(S, {
+				visible: f(G),
+				"is-editing-link": f(B)?.isActive("link") ?? !1,
+				"dialog-ref": f(q),
+				"onUpdate:dialogRef": g[4] ||= (e) => m(q) ? q.value = e : null,
+				"link-url": f(K),
+				"onUpdate:linkUrl": g[5] ||= (e) => m(K) ? K.value = e : null,
+				onClose: f(Q),
+				onInsert: f(X),
+				onRemove: f(Z),
+				onKeydown: f(te)
+			}, null, 8, [
+				"visible",
+				"is-editing-link",
+				"dialog-ref",
+				"link-url",
+				"onClose",
+				"onInsert",
+				"onRemove",
+				"onKeydown"
+			])
+		]));
+	}
+});
+//#endregion
+export { P as default };

package/dist/TplModal-BwSfxIHf.js

@@ -0,0 +1,44 @@
+import { E as e, F as t, M as n, Q as r, S as i, V as a, _ as o, b as s, f as c, g as l, h as u, it as d, m as f, p, t as m, u as h } from "./vue.runtime.esm-bundler-DpvJL-nX.js";
+import { w as g } from "./useEditorCore-C6ost42Q.js";
+import { D as _ } from "./keys-ciNfSSGj.js";
+//#region src/cloud/components/TplModal.vue?vue&type=script&setup=true&lang.ts
+var v = ["data-tpl-theme"], y = /* @__PURE__ */ i({
+	__name: "TplModal",
+	props: { visible: { type: Boolean } },
+	emits: ["close", "keydown"],
+	setup(i, { emit: y }) {
+		let b = i, x = y, S = r(null);
+		g(S, p(() => b.visible));
+		let C = e(_);
+		function w(e) {
+			e.key === "Escape" && x("close"), x("keydown", e);
+		}
+		return (e, r) => (n(), u(c, { to: "body" }, [s(m, {
+			"enter-active-class": "tpl:transition tpl:duration-150",
+			"enter-from-class": "tpl:opacity-0",
+			"enter-to-class": "tpl:opacity-100",
+			"leave-active-class": "tpl:transition tpl:duration-100",
+			"leave-from-class": "tpl:opacity-100",
+			"leave-to-class": "tpl:opacity-0"
+		}, {
+			default: a(() => [i.visible ? (n(), o("div", {
+				key: 0,
+				"data-tpl-theme": d(C),
+				class: "tpl tpl:fixed tpl:inset-0 tpl:z-modal tpl:flex tpl:items-center tpl:justify-center",
+				style: {
+					"background-color": "var(--tpl-overlay)",
+					"backdrop-filter": "blur(8px)",
+					"-webkit-backdrop-filter": "blur(8px)"
+				},
+				onClick: r[0] ||= h((e) => x("close"), ["self"]),
+				onKeydown: w
+			}, [f("div", {
+				ref_key: "dialogRef",
+				ref: S
+			}, [t(e.$slots, "default")], 512)], 40, v)) : l("", !0)]),
+			_: 3
+		})]));
+	}
+});
+//#endregion
+export { y as t };

package/dist/_plugin-vue_export-helper-B0hnzhyu.js

@@ -0,0 +1,8 @@
+//#region \0plugin-vue:export-helper
+var e = (e, t) => {
+	let n = e.__vccOpts || e;
+	for (let [e, r] of t) n[e] = r;
+	return n;
+};
+//#endregion
+export { e as t };

package/dist/accessibility-e8JYu_zd.js

@@ -0,0 +1,27 @@
+import { t as e } from "./createLucideIcon-C3pa2siy.js";
+var t = e("accessibility", [
+	["circle", {
+		cx: "16",
+		cy: "4",
+		r: "1",
+		key: "1grugj"
+	}],
+	["path", {
+		d: "m18 19 1-7-6 1",
+		key: "r0i19z"
+	}],
+	["path", {
+		d: "m5 8 3-3 5.5 3-2.36 3.5",
+		key: "9ptxx2"
+	}],
+	["path", {
+		d: "M4.24 14.5a5 5 0 0 0 6.88 6",
+		key: "10kmtu"
+	}],
+	["path", {
+		d: "M13.76 17.5a5 5 0 0 0-6.88-6",
+		key: "2qq6rc"
+	}]
+]);
+//#endregion
+export { t };

package/dist/blockTypeIcons-BcTrDjmH.js

@@ -0,0 +1,126 @@
+import { D as e, E as t, M as n, O as r, k as i } from "./useEditorCore-C6ost42Q.js";
+import { t as a } from "./createLucideIcon-C3pa2siy.js";
+var o = a("columns-3", [
+	["rect", {
+		width: "18",
+		height: "18",
+		x: "3",
+		y: "3",
+		rx: "2",
+		key: "afitv7"
+	}],
+	["path", {
+		d: "M9 3v18",
+		key: "fh3hqa"
+	}],
+	["path", {
+		d: "M15 3v18",
+		key: "14nvp0"
+	}]
+]), s = a("heading", [
+	["path", {
+		d: "M6 12h12",
+		key: "8npq4p"
+	}],
+	["path", {
+		d: "M6 20V4",
+		key: "1w1bmo"
+	}],
+	["path", {
+		d: "M18 20V4",
+		key: "o2hl4u"
+	}]
+]), c = a("minus", [["path", {
+	d: "M5 12h14",
+	key: "1ays0h"
+}]]), l = a("move-vertical", [
+	["path", {
+		d: "M12 2v20",
+		key: "t6zp3m"
+	}],
+	["path", {
+		d: "m8 18 4 4 4-4",
+		key: "bh5tu3"
+	}],
+	["path", {
+		d: "m8 6 4-4 4 4",
+		key: "ybng9g"
+	}]
+]), u = a("package", [
+	["path", {
+		d: "M11 21.73a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73z",
+		key: "1a0edw"
+	}],
+	["path", {
+		d: "M12 22V12",
+		key: "d0xqtd"
+	}],
+	["polyline", {
+		points: "3.29 7 12 12 20.71 7",
+		key: "ousv84"
+	}],
+	["path", {
+		d: "m7.5 4.27 9 5.15",
+		key: "1c824w"
+	}]
+]), d = a("pilcrow", [
+	["path", {
+		d: "M13 4v16",
+		key: "8vvj80"
+	}],
+	["path", {
+		d: "M17 4v16",
+		key: "7dpous"
+	}],
+	["path", {
+		d: "M19 4H9.5a4.5 4.5 0 0 0 0 9H13",
+		key: "sh4n9v"
+	}]
+]), f = a("play", [["path", {
+	d: "M5 5a2 2 0 0 1 3.008-1.728l11.997 6.998a2 2 0 0 1 .003 3.458l-12 7A2 2 0 0 1 5 19z",
+	key: "10ikf1"
+}]]), p = {
+	section: o,
+	title: s,
+	paragraph: d,
+	image: i,
+	button: a("rectangle-horizontal", [["rect", {
+		width: "20",
+		height: "12",
+		x: "2",
+		y: "6",
+		rx: "2",
+		key: "9lu3g6"
+	}]]),
+	divider: c,
+	video: f,
+	social: e,
+	menu: r,
+	table: t,
+	spacer: l,
+	countdown: a("timer", [
+		["line", {
+			x1: "10",
+			x2: "14",
+			y1: "2",
+			y2: "2",
+			key: "14vaq8"
+		}],
+		["line", {
+			x1: "12",
+			x2: "15",
+			y1: "14",
+			y2: "11",
+			key: "17fdiu"
+		}],
+		["circle", {
+			cx: "12",
+			cy: "14",
+			r: "8",
+			key: "1e1u0o"
+		}]
+	]),
+	html: n
+};
+//#endregion
+export { u as n, c as r, p as t };

package/dist/bundle-stats.json

@@ -0,0 +1,10 @@
+{
+  "version": "0.6.3",
+  "initialGzipBytes": 214031,
+  "initialRawBytes": 728243,
+  "initialFileCount": 33,
+  "lazyGzipBytes": 255677,
+  "lazyRawBytes": 891447,
+  "lazyFileCount": 45,
+  "generatedAt": "2026-05-09T11:56:13.496Z"
+}

package/dist/cdn/chunks/AccessibilityPanel-B6DOjojm.js

@@ -0,0 +1,97 @@
+import { E as e, F as t, N as n, R as r, S as i, _ as a, at as o, b as s, d as c, g as l, h as u, lt as d, m as f, p, st as m, y as h } from "./draggable-Bcb86AsV.js";
+import { Kt as g, Nt as _, Pt as v, Tt as y, _t as b, at as x } from "./features-DEMb13KS.js";
+import { Q as S, Z as C, t as w } from "./icons-CsLTcirh.js";
+//#region src/components/sidebar/AccessibilityPanel.vue?vue&type=script&setup=true&lang.ts
+var T = { class: "tpl:flex tpl:flex-col tpl:gap-4 tpl:p-4" }, E = { class: "tpl:flex tpl:items-center tpl:gap-2" }, D = { class: "tpl:m-0 tpl:text-sm tpl:font-semibold tpl:text-[var(--tpl-text)]" }, O = ["title"], k = {
+	key: 0,
+	class: "tpl:text-xs tpl:text-[var(--tpl-text-muted)]"
+}, A = {
+	key: 1,
+	class: "tpl:rounded-md tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:p-3 tpl:text-xs tpl:text-[var(--tpl-text-muted)]"
+}, j = { class: "tpl:ml-auto tpl:font-normal tpl:opacity-70" }, M = {
+	key: 1,
+	class: "tpl:m-0 tpl:mb-3 tpl:flex tpl:list-none tpl:flex-col tpl:gap-2 tpl:p-0"
+}, N = { class: "tpl:m-0 tpl:mb-2 tpl:text-xs tpl:text-[var(--tpl-text)]" }, P = { class: "tpl:m-0 tpl:mb-2 tpl:font-mono tpl:text-[10px] tpl:text-[var(--tpl-text-dim)]" }, F = { class: "tpl:flex tpl:gap-1.5" }, I = ["onClick"], L = ["title", "onClick"], R = /* @__PURE__ */ i({
+	__name: "AccessibilityPanel",
+	setup(i) {
+		let { t: R, format: z } = _(), B = e(v, null), V = e(g, null), H = p(() => (B?.issues.value ?? []).filter((e) => e.severity === "error")), U = p(() => (B?.issues.value ?? []).filter((e) => e.severity === "warning")), W = p(() => (B?.issues.value ?? []).filter((e) => e.severity === "info")), G = p(() => H.value.length + U.value.length + W.value.length);
+		function K(e) {
+			V && e.blockId && V.selectBlock(e.blockId);
+		}
+		function q(e) {
+			B?.applyFix(e);
+		}
+		return (e, i) => (n(), a("div", T, [f("header", E, [
+			s(o(S), {
+				size: 16,
+				"stroke-width": 1.5
+			}),
+			f("h3", D, d(o(R).accessibility.panelTitle), 1),
+			G.value > 0 ? (n(), a("span", {
+				key: 0,
+				class: "tpl:ml-auto tpl:rounded-full tpl:bg-[var(--tpl-bg-hover)] tpl:px-2 tpl:py-0.5 tpl:text-[11px] tpl:text-[var(--tpl-text-muted)]",
+				title: o(z)(o(R).accessibility.issueCountTooltip, { count: G.value })
+			}, d(G.value), 9, O)) : l("", !0)
+		]), !o(B) || o(B).unavailable.value ? (n(), a("div", k)) : G.value === 0 ? (n(), a("div", A, d(o(R).accessibility.emptyState), 1)) : (n(!0), a(c, { key: 2 }, t([
+			{
+				key: "errors",
+				title: o(R).accessibility.groupErrors,
+				icon: o(y),
+				items: H.value,
+				tone: "tpl:text-[var(--tpl-danger)]"
+			},
+			{
+				key: "warnings",
+				title: o(R).accessibility.groupWarnings,
+				icon: o(x),
+				items: U.value,
+				tone: "tpl:text-[var(--tpl-warning)]"
+			},
+			{
+				key: "info",
+				title: o(R).accessibility.groupInfo,
+				icon: o(b),
+				items: W.value,
+				tone: "tpl:text-[var(--tpl-text-muted)]"
+			}
+		], (e) => (n(), a("section", { key: e.key }, [e.items.length > 0 ? (n(), a("header", {
+			key: 0,
+			class: m(["tpl:mb-2 tpl:flex tpl:items-center tpl:gap-1.5 tpl:text-[11px] tpl:font-semibold tpl:uppercase tpl:tracking-wide", e.tone])
+		}, [
+			(n(), u(r(e.icon), {
+				size: 12,
+				"stroke-width": 2
+			})),
+			h(" " + d(e.title) + " ", 1),
+			f("span", j, d(e.items.length), 1)
+		], 2)) : l("", !0), e.items.length > 0 ? (n(), a("ul", M, [(n(!0), a(c, null, t(e.items, (e) => (n(), a("li", {
+			key: `${e.ruleId}-${e.blockId ?? "template"}`,
+			class: "tpl:rounded-md tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:p-3"
+		}, [
+			f("p", N, d(e.message), 1),
+			f("p", P, d(e.ruleId), 1),
+			f("div", F, [e.blockId ? (n(), a("button", {
+				key: 0,
+				type: "button",
+				class: "tpl:flex tpl:items-center tpl:gap-1 tpl:rounded-md tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg-hover)] tpl:px-2 tpl:py-1 tpl:text-[11px] tpl:font-medium tpl:text-[var(--tpl-text)]",
+				onClick: (t) => K(e)
+			}, [s(o(C), {
+				size: 10,
+				"stroke-width": 2
+			}), h(" " + d(o(R).accessibility.jump), 1)], 8, I)) : l("", !0), e.fix ? (n(), a("button", {
+				key: 1,
+				type: "button",
+				class: "tpl:flex tpl:items-center tpl:gap-1 tpl:rounded-md tpl:bg-[var(--tpl-primary)] tpl:px-2 tpl:py-1 tpl:text-[11px] tpl:font-medium tpl:text-white",
+				title: e.fix.description,
+				onClick: (t) => q(e)
+			}, [s(o(w), {
+				size: 10,
+				"stroke-width": 2
+			}), h(" " + d(o(R).accessibility.fix), 1)], 8, L)) : l("", !0)])
+		]))), 128))])) : l("", !0)]))), 128))]));
+	}
+});
+//#endregion
+export { R as default };
+
+//# sourceMappingURL=AccessibilityPanel-B6DOjojm.js.map

package/dist/cdn/chunks/AccessibilityPanel-B6DOjojm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccessibilityPanel-B6DOjojm.js","names":[],"sources":["../../../src/components/sidebar/AccessibilityPanel.vue","../../../src/components/sidebar/AccessibilityPanel.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, inject } from \"vue\";\nimport {\n  Accessibility,\n  AlertCircle,\n  AlertTriangle,\n  Info,\n  ArrowRight,\n  Wrench,\n} from \"@lucide/vue\";\nimport { useI18n } from \"../../composables/useI18n\";\nimport { ACCESSIBILITY_LINT_KEY, EDITOR_KEY } from \"../../keys\";\nimport type { A11yIssue } from \"../../composables/useAccessibilityLint\";\n\nconst { t, format } = useI18n();\nconst lint = inject(ACCESSIBILITY_LINT_KEY, null);\nconst editor = inject(EDITOR_KEY, null);\n\nconst errors = computed(() =>\n  (lint?.issues.value ?? []).filter((i) => i.severity === \"error\"),\n);\nconst warnings = computed(() =>\n  (lint?.issues.value ?? []).filter((i) => i.severity === \"warning\"),\n);\nconst infos = computed(() =>\n  (lint?.issues.value ?? []).filter((i) => i.severity === \"info\"),\n);\n\nconst totalCount = computed(\n  () => errors.value.length + warnings.value.length + infos.value.length,\n);\n\nfunction jumpTo(issue: A11yIssue): void {\n  if (!editor) return;\n  if (issue.blockId) editor.selectBlock(issue.blockId);\n}\n\nfunction applyFix(issue: A11yIssue): void {\n  lint?.applyFix(issue);\n}\n</script>\n\n<template>\n  <div class=\"tpl:flex tpl:flex-col tpl:gap-4 tpl:p-4\">\n    <header class=\"tpl:flex tpl:items-center tpl:gap-2\">\n      <Accessibility :size=\"16\" :stroke-width=\"1.5\" />\n      <h3\n        class=\"tpl:m-0 tpl:text-sm tpl:font-semibold tpl:text-[var(--tpl-text)]\"\n      >\n        {{ t.accessibility.panelTitle }}\n      </h3>\n      <span\n        v-if=\"totalCount > 0\"\n        class=\"tpl:ml-auto tpl:rounded-full tpl:bg-[var(--tpl-bg-hover)] tpl:px-2 tpl:py-0.5 tpl:text-[11px] tpl:text-[var(--tpl-text-muted)]\"\n        :title=\"\n          format(t.accessibility.issueCountTooltip, { count: totalCount })\n        \"\n      >\n        {{ totalCount }}\n      </span>\n    </header>\n\n    <div\n      v-if=\"!lint || lint.unavailable.value\"\n      class=\"tpl:text-xs tpl:text-[var(--tpl-text-muted)]\"\n    >\n      <!-- Quality package not available; render nothing visible beyond a hint. -->\n    </div>\n\n    <div\n      v-else-if=\"totalCount === 0\"\n      class=\"tpl:rounded-md tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:p-3 tpl:text-xs tpl:text-[var(--tpl-text-muted)]\"\n    >\n      {{ t.accessibility.emptyState }}\n    </div>\n\n    <template v-else>\n      <section\n        v-for=\"group in [\n          {\n            key: 'errors',\n            title: t.accessibility.groupErrors,\n            icon: AlertCircle,\n            items: errors,\n            tone: 'tpl:text-[var(--tpl-danger)]',\n          },\n          {\n            key: 'warnings',\n            title: t.accessibility.groupWarnings,\n            icon: AlertTriangle,\n            items: warnings,\n            tone: 'tpl:text-[var(--tpl-warning)]',\n          },\n          {\n            key: 'info',\n            title: t.accessibility.groupInfo,\n            icon: Info,\n            items: infos,\n            tone: 'tpl:text-[var(--tpl-text-muted)]',\n          },\n        ]\"\n        :key=\"group.key\"\n      >\n        <header\n          v-if=\"group.items.length > 0\"\n          class=\"tpl:mb-2 tpl:flex tpl:items-center tpl:gap-1.5 tpl:text-[11px] tpl:font-semibold tpl:uppercase tpl:tracking-wide\"\n          :class=\"group.tone\"\n        >\n          <component :is=\"group.icon\" :size=\"12\" :stroke-width=\"2\" />\n          {{ group.title }}\n          <span class=\"tpl:ml-auto tpl:font-normal tpl:opacity-70\">\n            {{ group.items.length }}\n          </span>\n        </header>\n        <ul\n          v-if=\"group.items.length > 0\"\n          class=\"tpl:m-0 tpl:mb-3 tpl:flex tpl:list-none tpl:flex-col tpl:gap-2 tpl:p-0\"\n        >\n          <li\n            v-for=\"issue in group.items\"\n            :key=\"`${issue.ruleId}-${issue.blockId ?? 'template'}`\"\n            class=\"tpl:rounded-md tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:p-3\"\n          >\n            <p class=\"tpl:m-0 tpl:mb-2 tpl:text-xs tpl:text-[var(--tpl-text)]\">\n              {{ issue.message }}\n            </p>\n            <p\n              class=\"tpl:m-0 tpl:mb-2 tpl:font-mono tpl:text-[10px] tpl:text-[var(--tpl-text-dim)]\"\n            >\n              {{ issue.ruleId }}\n            </p>\n            <div class=\"tpl:flex tpl:gap-1.5\">\n              <button\n                v-if=\"issue.blockId\"\n                type=\"button\"\n                class=\"tpl:flex tpl:items-center tpl:gap-1 tpl:rounded-md tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg-hover)] tpl:px-2 tpl:py-1 tpl:text-[11px] tpl:font-medium tpl:text-[var(--tpl-text)]\"\n                @click=\"jumpTo(issue)\"\n              >\n                <ArrowRight :size=\"10\" :stroke-width=\"2\" />\n                {{ t.accessibility.jump }}\n              </button>\n              <button\n                v-if=\"issue.fix\"\n                type=\"button\"\n                class=\"tpl:flex tpl:items-center tpl:gap-1 tpl:rounded-md tpl:bg-[var(--tpl-primary)] tpl:px-2 tpl:py-1 tpl:text-[11px] tpl:font-medium tpl:text-white\"\n                :title=\"issue.fix.description\"\n                @click=\"applyFix(issue)\"\n              >\n                <Wrench :size=\"10\" :stroke-width=\"2\" />\n                {{ t.accessibility.fix }}\n              </button>\n            </div>\n          </li>\n        </ul>\n      </section>\n    </template>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, inject } from \"vue\";\nimport {\n  Accessibility,\n  AlertCircle,\n  AlertTriangle,\n  Info,\n  ArrowRight,\n  Wrench,\n} from \"@lucide/vue\";\nimport { useI18n } from \"../../composables/useI18n\";\nimport { ACCESSIBILITY_LINT_KEY, EDITOR_KEY } from \"../../keys\";\nimport type { A11yIssue } from \"../../composables/useAccessibilityLint\";\n\nconst { t, format } = useI18n();\nconst lint = inject(ACCESSIBILITY_LINT_KEY, null);\nconst editor = inject(EDITOR_KEY, null);\n\nconst errors = computed(() =>\n  (lint?.issues.value ?? []).filter((i) => i.severity === \"error\"),\n);\nconst warnings = computed(() =>\n  (lint?.issues.value ?? []).filter((i) => i.severity === \"warning\"),\n);\nconst infos = computed(() =>\n  (lint?.issues.value ?? []).filter((i) => i.severity === \"info\"),\n);\n\nconst totalCount = computed(\n  () => errors.value.length + warnings.value.length + infos.value.length,\n);\n\nfunction jumpTo(issue: A11yIssue): void {\n  if (!editor) return;\n  if (issue.blockId) editor.selectBlock(issue.blockId);\n}\n\nfunction applyFix(issue: A11yIssue): void {\n  lint?.applyFix(issue);\n}\n</script>\n\n<template>\n  <div class=\"tpl:flex tpl:flex-col tpl:gap-4 tpl:p-4\">\n    <header class=\"tpl:flex tpl:items-center tpl:gap-2\">\n      <Accessibility :size=\"16\" :stroke-width=\"1.5\" />\n      <h3\n        class=\"tpl:m-0 tpl:text-sm tpl:font-semibold tpl:text-[var(--tpl-text)]\"\n      >\n        {{ t.accessibility.panelTitle }}\n      </h3>\n      <span\n        v-if=\"totalCount > 0\"\n        class=\"tpl:ml-auto tpl:rounded-full tpl:bg-[var(--tpl-bg-hover)] tpl:px-2 tpl:py-0.5 tpl:text-[11px] tpl:text-[var(--tpl-text-muted)]\"\n        :title=\"\n          format(t.accessibility.issueCountTooltip, { count: totalCount })\n        \"\n      >\n        {{ totalCount }}\n      </span>\n    </header>\n\n    <div\n      v-if=\"!lint || lint.unavailable.value\"\n      class=\"tpl:text-xs tpl:text-[var(--tpl-text-muted)]\"\n    >\n      <!-- Quality package not available; render nothing visible beyond a hint. -->\n    </div>\n\n    <div\n      v-else-if=\"totalCount === 0\"\n      class=\"tpl:rounded-md tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:p-3 tpl:text-xs tpl:text-[var(--tpl-text-muted)]\"\n    >\n      {{ t.accessibility.emptyState }}\n    </div>\n\n    <template v-else>\n      <section\n        v-for=\"group in [\n          {\n            key: 'errors',\n            title: t.accessibility.groupErrors,\n            icon: AlertCircle,\n            items: errors,\n            tone: 'tpl:text-[var(--tpl-danger)]',\n          },\n          {\n            key: 'warnings',\n            title: t.accessibility.groupWarnings,\n            icon: AlertTriangle,\n            items: warnings,\n            tone: 'tpl:text-[var(--tpl-warning)]',\n          },\n          {\n            key: 'info',\n            title: t.accessibility.groupInfo,\n            icon: Info,\n            items: infos,\n            tone: 'tpl:text-[var(--tpl-text-muted)]',\n          },\n        ]\"\n        :key=\"group.key\"\n      >\n        <header\n          v-if=\"group.items.length > 0\"\n          class=\"tpl:mb-2 tpl:flex tpl:items-center tpl:gap-1.5 tpl:text-[11px] tpl:font-semibold tpl:uppercase tpl:tracking-wide\"\n          :class=\"group.tone\"\n        >\n          <component :is=\"group.icon\" :size=\"12\" :stroke-width=\"2\" />\n          {{ group.title }}\n          <span class=\"tpl:ml-auto tpl:font-normal tpl:opacity-70\">\n            {{ group.items.length }}\n          </span>\n        </header>\n        <ul\n          v-if=\"group.items.length > 0\"\n          class=\"tpl:m-0 tpl:mb-3 tpl:flex tpl:list-none tpl:flex-col tpl:gap-2 tpl:p-0\"\n        >\n          <li\n            v-for=\"issue in group.items\"\n            :key=\"`${issue.ruleId}-${issue.blockId ?? 'template'}`\"\n            class=\"tpl:rounded-md tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:p-3\"\n          >\n            <p class=\"tpl:m-0 tpl:mb-2 tpl:text-xs tpl:text-[var(--tpl-text)]\">\n              {{ issue.message }}\n            </p>\n            <p\n              class=\"tpl:m-0 tpl:mb-2 tpl:font-mono tpl:text-[10px] tpl:text-[var(--tpl-text-dim)]\"\n            >\n              {{ issue.ruleId }}\n            </p>\n            <div class=\"tpl:flex tpl:gap-1.5\">\n              <button\n                v-if=\"issue.blockId\"\n                type=\"button\"\n                class=\"tpl:flex tpl:items-center tpl:gap-1 tpl:rounded-md tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg-hover)] tpl:px-2 tpl:py-1 tpl:text-[11px] tpl:font-medium tpl:text-[var(--tpl-text)]\"\n                @click=\"jumpTo(issue)\"\n              >\n                <ArrowRight :size=\"10\" :stroke-width=\"2\" />\n                {{ t.accessibility.jump }}\n              </button>\n              <button\n                v-if=\"issue.fix\"\n                type=\"button\"\n                class=\"tpl:flex tpl:items-center tpl:gap-1 tpl:rounded-md tpl:bg-[var(--tpl-primary)] tpl:px-2 tpl:py-1 tpl:text-[11px] tpl:font-medium tpl:text-white\"\n                :title=\"issue.fix.description\"\n                @click=\"applyFix(issue)\"\n              >\n                <Wrench :size=\"10\" :stroke-width=\"2\" />\n                {{ t.accessibility.fix }}\n              </button>\n            </div>\n          </li>\n        </ul>\n      </section>\n    </template>\n  </div>\n</template>\n"],"mappings":"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"}