@templatical/editor 0.5.1 → 0.6.1

package/dist/{SnapshotHistory-4aWE_-GM.js → SnapshotHistory-QBTbVrEK.js}

@@ -1,13 +1,13 @@
 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-D0uZbPKG.js";
-import { t as _ } from "./dist-CuyhAnuE.js";
-import { t as v } from "./useI18n-Jp3X6Q0t.js";
-import { n as y } from "./_plugin-vue_export-helper-GRmvIR5A.js";
-import { t as b } from "./chevron-down-SG7QNtDl.js";
-import { t as x } from "./clock-Dr7rX_PG.js";
-import { t as S } from "./loader-circle-IS16T05j.js";
-import { n as C } from "./useCloudI18n-D0Fi0hBU.js";
-import { t as w } from "./formatRelativeTime-MungD2xr.js";
+import "./useEditorCore-Dz-qbVXX.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-WvH3Au71.js";
 var T = y("chevron-left", [["path", {
 	d: "m15 18-6-6 6-6",
 	key: "1wnfg3"

package/dist/{TemplateScoringPanel-BmAHdgLF.js → TemplateScoringPanel-4GTNHej5.js}

@@ -1,16 +1,18 @@
 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 { C as re, D as _, _ as ie, p as v } from "./keys-BeW4IrXP.js";
-import { n as y, t as b } from "./_plugin-vue_export-helper-GRmvIR5A.js";
-import { t as x } from "./chevron-down-SG7QNtDl.js";
-import { t as S } from "./circle-alert-De74azaX.js";
-import { n as C, r as ae, t as w } from "./refresh-cw-CpmOfpPK.js";
-import { t as T } from "./loader-circle-IS16T05j.js";
-import { t as E } from "./shield-check-DtXk7JKN.js";
-import { t as D } from "./sparkles-CD7TiNiC.js";
-import { t as oe } from "./triangle-alert-8CkexIzx.js";
-import { t as se } from "./x-BNc1bVzp.js";
-import { t as ce } from "./LoadingTrack-DhxulLPM.js";
-import { n as le } from "./useCloudI18n-D0Fi0hBU.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",
@@ -83,12 +85,12 @@ var P = {
 }, 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__ */ b(/* @__PURE__ */ c({
+}, 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 b = c, G = y, { t: K } = le(), q = _(v, "TemplateScoringPanel"), J = _(re, "TemplateScoringPanel"), Y = t(ie, []), X = s({
+		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,
@@ -104,14 +106,14 @@ var P = {
 			"bestPractices"
 		], Ae = {
 			spam: O,
-			readability: ae,
-			accessibility: D,
+			readability: S,
+			accessibility: E,
 			bestPractices: k
 		};
 		function Q() {
 			J.score(q.content.value, Y);
 		}
-		ne(() => b.visible, (e) => {
+		ne(() => D.visible, (e) => {
 			e && !J.scoringResult.value && !J.isScoring.value && Q();
 		});
 		async function je(e) {
@@ -134,7 +136,7 @@ var P = {
 			"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(E), {
+			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", {
@@ -142,7 +144,7 @@ var P = {
 				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(w), {
+			}, [u(m(C), {
 				size: 14,
 				"stroke-width": 2
 			})], 8, R)) : f("", !0), h("button", {
@@ -152,7 +154,7 @@ var P = {
 				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(S), {
+				u(m(x), {
 					size: 32,
 					"stroke-width": 1.5,
 					class: "tpl:text-[var(--tpl-danger)]"
@@ -161,7 +163,7 @@ var P = {
 				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(w), {
+				}, [u(m(C), {
 					size: 12,
 					"stroke-width": 2
 				}), g(" " + i(m(K).scoring.rescore), 1)])
@@ -177,7 +179,7 @@ var P = {
 					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(S), {
+				m(J).fixError.value ? (r(), l("div", fe, [u(m(x), {
 					size: 14,
 					"stroke-width": 2,
 					class: "tpl:mt-0.5 tpl:shrink-0"
@@ -203,7 +205,7 @@ var P = {
 						})
 					}, 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(x), {
+					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"])
@@ -211,7 +213,7 @@ var P = {
 				], 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(S) : e.severity === "medium" ? m(oe) : m(C)), {
+				}, [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",
@@ -230,18 +232,18 @@ var P = {
 						style: { "background-color": "transparent" },
 						disabled: m(J).fixingFindingId.value !== null,
 						onClick: (t) => je(e)
-					}, [m(J).fixingFindingId.value === e.id ? (r(), p(m(T), {
+					}, [m(J).fixingFindingId.value === e.id ? (r(), p(m(w), {
 						key: 0,
 						class: "tpl-spinner",
 						size: 11,
 						"stroke-width": 2
-					})) : (r(), p(m(D), {
+					})) : (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(E), {
+			])) : (r(), l("div", Ee, [u(m(T), {
 				size: 32,
 				"stroke-width": 1.5,
 				class: "tpl:text-[var(--tpl-text-dim)]"

package/dist/{TestEmailModal-p-iH28wl.js → TestEmailModal-DaDMACHY.js}

@@ -1,8 +1,8 @@
 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-D0uZbPKG.js";
-import { t as v } from "./loader-circle-IS16T05j.js";
-import { n as y } from "./useCloudI18n-D0Fi0hBU.js";
-import { t as b } from "./TplModal-BiUCSfou.js";
+import "./useEditorCore-Dz-qbVXX.js";
+import { t as v } from "./loader-circle-DsY5Yg33.js";
+import { n as y } from "./useCloudI18n-BuIwR6OE.js";
+import { t as b } from "./TplModal-DzlNkBYQ.js";
 //#region src/cloud/components/TestEmailModal.vue?vue&type=script&setup=true&lang.ts
 var x = ["aria-busy"], S = {
 	id: "tpl-test-email-title",

package/dist/{TitleEditor-BHxJ6Oxd.js → TitleEditor-PHShl4tS.js}

@@ -1,10 +1,10 @@
 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-D0uZbPKG.js";
-import { E as _, w as v } from "./keys-BeW4IrXP.js";
-import { t as y } from "./useI18n-Jp3X6Q0t.js";
-import { a as b, i as x, n as S, r as C, t as w } from "./RichTextEditorContent-jxPxfbfZ.js";
-import { t as T } from "./loader-circle-IS16T05j.js";
-import { t as E } from "./scan-line-J_fzG2Wo.js";
+import { b as g } from "./useEditorCore-Dz-qbVXX.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,
@@ -27,10 +27,10 @@ var ee = { class: "tpl-text-editor-wrapper tpl:relative" }, D = ["data-tpl-theme
 			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-QoJxR1uP.js").then((e) => e.r),
-					import("./dist-BMMiVjHs.js"),
-					import("./dist--e2w6FN-.js"),
-					import("./extensions-Cmf6XVn9.js")
+					import("./dist-BFawx6IS.js").then((e) => e.r),
+					import("./dist-D90y8dvT.js"),
+					import("./dist-DDJIWTRY.js"),
+					import("./extensions-CUcl9Ok4.js")
 				]);
 				return {
 					TiptapEditor: a,

package/dist/{TplModal-BiUCSfou.js → TplModal-DzlNkBYQ.js}

@@ -1,6 +1,6 @@
 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-D0uZbPKG.js";
-import { E as _ } from "./keys-BeW4IrXP.js";
+import { w as g } from "./useEditorCore-Dz-qbVXX.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",

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-8GJD96Tw.js → blockTypeIcons-D0wkSpP9.js}

@@ -1,5 +1,5 @@
-import { D as e, E as t, M as n, O as r, k as i } from "./useEditorCore-D0uZbPKG.js";
-import { n as a } from "./_plugin-vue_export-helper-GRmvIR5A.js";
+import { D as e, E as t, M as n, O as r, k as i } from "./useEditorCore-Dz-qbVXX.js";
+import { t as a } from "./createLucideIcon-C3pa2siy.js";
 var o = a("columns-3", [
 	["rect", {
 		width: "18",

package/dist/bundle-stats.json

@@ -1,10 +1,10 @@
 {
-  "version": "0.5.1",
-  "initialGzipBytes": 211834,
-  "initialRawBytes": 717521,
-  "initialFileCount": 30,
-  "lazyGzipBytes": 251195,
-  "lazyRawBytes": 878051,
-  "lazyFileCount": 43,
-  "generatedAt": "2026-05-05T12:07:02.563Z"
+  "version": "0.6.1",
+  "initialGzipBytes": 213432,
+  "initialRawBytes": 723490,
+  "initialFileCount": 33,
+  "lazyGzipBytes": 255537,
+  "lazyRawBytes": 890869,
+  "lazyFileCount": 45,
+  "generatedAt": "2026-05-05T20:42:07.500Z"
 }

package/dist/cdn/chunks/AccessibilityPanel-fjNLcnxu.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-BdkV7kQP.js";
+import { Q as S, Z as C, t as w } from "./icons-oRXtYgc3.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-fjNLcnxu.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AccessibilityPanel-fjNLcnxu.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":";;;;;;;;;;;;;;;;EAcA,IAAM,EAAE,MAAG,cAAW,GAAS,EACzB,IAAO,EAAO,GAAwB,KAAK,EAC3C,IAAS,EAAO,GAAY,KAAK,EAEjC,IAAS,SACZ,GAAM,OAAO,SAAS,EAAE,EAAE,QAAQ,MAAM,EAAE,aAAa,QAAQ,CACjE,EACK,IAAW,SACd,GAAM,OAAO,SAAS,EAAE,EAAE,QAAQ,MAAM,EAAE,aAAa,UAAU,CACnE,EACK,IAAQ,SACX,GAAM,OAAO,SAAS,EAAE,EAAE,QAAQ,MAAM,EAAE,aAAa,OAAO,CAChE,EAEK,IAAa,QACX,EAAO,MAAM,SAAS,EAAS,MAAM,SAAS,EAAM,MAAM,OACjE;EAED,SAAS,EAAO,GAAwB;AACjC,QACD,EAAM,WAAS,EAAO,YAAY,EAAM,QAAQ;;EAGtD,SAAS,EAAS,GAAwB;AACxC,MAAM,SAAS,EAAM;;yBAKrB,EAiHM,OAjHN,GAiHM,CAhHJ,EAgBS,UAhBT,GAgBS;GAfP,EAAgD,EAAA,EAAA,EAAA;IAAhC,MAAM;IAAK,gBAAc;;GACzC,EAIK,MAJL,GAIK,EADA,EAAA,EAAC,CAAC,cAAc,WAAU,EAAA,EAAA;GAGvB,EAAA,QAAU,KAAA,GAAA,EADlB,EAQO,QAAA;;IANL,OAAM;IACL,OAAkB,EAAA,EAAM,CAAC,EAAA,EAAC,CAAC,cAAc,mBAAiB,EAAA,OAAW,EAAA,OAAU,CAAA;QAI7E,EAAA,MAAU,EAAA,GAAA,EAAA,IAAA,EAAA,IAAA,GAAA;OAKR,EAAA,EAAI,IAAI,EAAA,EAAI,CAAC,YAAY,SAAA,GAAA,EADlC,EAKM,OALN,EAKM,IAGO,EAAA,UAAU,KAAA,GAAA,EADvB,EAKM,OALN,GAKM,EADD,EAAA,EAAC,CAAC,cAAc,WAAU,EAAA,EAAA,KAAA,EAAA,GAAA,EAI7B,EA6EU,GAAA,EAAA,KAAA,GAAA,EAAA,EAAA;;;WA5EoE,EAAA,EAAC,CAAC,cAAc;UAA+B,EAAA,EAAW;WAAqB,EAAA;;;;;WAAmI,EAAA,EAAC,CAAC,cAAc;UAAiC,EAAA,EAAa;WAAqB,EAAA;;;;;WAAkI,EAAA,EAAC,CAAC,cAAc;UAA6B,EAAA,EAAI;WAAqB,EAAA;;;MAAljB,YADT,EA6EU,WAAA,EArDP,KAAK,EAAM,KAAA,EAAA,CAGJ,EAAM,MAAM,SAAM,KAAA,GAAA,EAD1B,EAUS,UAAA;;GARP,OAAK,EAAA,CAAC,oHACE,EAAM,KAAI,CAAA;;SAElB,EAA2D,EAA3C,EAAM,KAAI,EAAA;IAAG,MAAM;IAAK,gBAAc;;KAAK,MAC3D,EAAG,EAAM,MAAK,GAAG,KACjB,EAAA;GAAA,EAEO,QAFP,GAEO,EADF,EAAM,MAAM,OAAM,EAAA,EAAA;sBAIjB,EAAM,MAAM,SAAM,KAAA,GAAA,EAD1B,EAuCK,MAvCL,GAuCK,EAAA,EAAA,GAAA,EAnCH,EAkCK,GAAA,MAAA,EAjCa,EAAM,QAAf,YADT,EAkCK,MAAA;GAhCF,KAAG,GAAK,EAAM,OAAM,GAAI,EAAM,WAAO;GACtC,OAAM;;GAEN,EAEI,KAFJ,GAEI,EADC,EAAM,QAAO,EAAA,EAAA;GAElB,EAII,KAJJ,GAII,EADC,EAAM,OAAM,EAAA,EAAA;GAEjB,EAoBM,OApBN,GAoBM,CAlBI,EAAM,WAAA,GAAA,EADd,EAQS,UAAA;;IANP,MAAK;IACL,OAAM;IACL,UAAK,MAAE,EAAO,EAAK;OAEpB,EAA2C,EAAA,EAAA,EAAA;IAA9B,MAAM;IAAK,gBAAc;SAAK,MAC3C,EAAG,EAAA,EAAC,CAAC,cAAc,KAAI,EAAA,EAAA,CAAA,EAAA,GAAA,EAAA,IAAA,EAAA,IAAA,GAAA,EAGjB,EAAM,OAAA,GAAA,EADd,EASS,UAAA;;IAPP,MAAK;IACL,OAAM;IACL,OAAO,EAAM,IAAI;IACjB,UAAK,MAAE,EAAS,EAAK;OAEtB,EAAuC,EAAA,EAAA,EAAA;IAA9B,MAAM;IAAK,gBAAc;SAAK,MACvC,EAAG,EAAA,EAAC,CAAC,cAAc,IAAG,EAAA,EAAA,CAAA,EAAA,GAAA,EAAA,IAAA,EAAA,IAAA,GAAA,CAAA,CAAA"}

package/dist/cdn/chunks/{AiFeatureMenu-DSXAYiMk.js → AiFeatureMenu-DSamZ3ve.js}

@@ -1,5 +1,5 @@
 import { F as e, N as t, R as n, S as r, _ as i, ct as a, d as o, h as s, lt as c, m as l, p as u } from "./draggable-Bcb86AsV.js";
-import { $ as d, Nt as f, Qt as p, ct as m, st as h, tt as g, vt as _ } from "./features-BnG-dhzy.js";
+import { $ as d, Ft as f, ct as p, en as m, lt as h, tt as g, yt as _ } from "./features-BdkV7kQP.js";
 //#region src/cloud/components/AiFeatureMenu.vue?vue&type=script&setup=true&lang.ts
 var v = {
 	class: "tpl-ai-feature-menu tpl:w-[280px] tpl:overflow-hidden tpl:rounded-[var(--tpl-radius)] tpl:py-1 tpl:bg-[var(--tpl-bg-elevated)] tpl:border tpl:border-[var(--tpl-border)] tpl:shadow-[var(--tpl-shadow-lg)]",
@@ -12,14 +12,14 @@ var v = {
 	props: { activeFeature: {} },
 	emits: ["select"],
 	setup(r, { emit: g }) {
-		let C = g, { t: w } = d(), T = p(f, "AiFeatureMenu"), E = {
+		let C = g, { t: w } = d(), T = m(f, "AiFeatureMenu"), E = {
 			"ai-chat": "chat",
 			"design-reference": "designToTemplate",
 			scoring: "scoring"
 		}, D = [
 			{
 				key: "ai-chat",
-				icon: h
+				icon: p
 			},
 			{
 				key: "design-reference",
@@ -27,7 +27,7 @@ var v = {
 			},
 			{
 				key: "scoring",
-				icon: m
+				icon: h
 			}
 		], O = u(() => D.filter((e) => T.isFeatureEnabled(E[e.key])));
 		function k(e) {
@@ -56,4 +56,4 @@ var v = {
 //#endregion
 export { C as default };
 
-//# sourceMappingURL=AiFeatureMenu-DSXAYiMk.js.map
+//# sourceMappingURL=AiFeatureMenu-DSamZ3ve.js.map

package/dist/cdn/chunks/{AiFeatureMenu-DSXAYiMk.js.map → AiFeatureMenu-DSamZ3ve.js.map}

@@ -1 +1 @@
-{"version":3,"file":"AiFeatureMenu-DSXAYiMk.js","names":[],"sources":["../../../src/cloud/components/AiFeatureMenu.vue","../../../src/cloud/components/AiFeatureMenu.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { useCloudI18nStrict } from \"../../composables\";\nimport { AI_CONFIG_KEY, requireInject } from \"../../keys\";\nimport type { AiConfig } from \"@templatical/types\";\nimport { ImageUp, ShieldCheck, Sparkles } from \"@lucide/vue\";\nimport { computed } from \"vue\";\n\nexport type AiFeature = \"ai-chat\" | \"design-reference\" | \"scoring\";\n\ndefineProps<{\n  activeFeature: AiFeature | null;\n}>();\n\nconst emit = defineEmits<{\n  (e: \"select\", feature: AiFeature): void;\n}>();\n\nconst { t: cloudT } = useCloudI18nStrict();\n\nconst aiConfig = requireInject(AI_CONFIG_KEY, \"AiFeatureMenu\");\n\nconst configKeyMap: Record<AiFeature, keyof AiConfig> = {\n  \"ai-chat\": \"chat\",\n  \"design-reference\": \"designToTemplate\",\n  scoring: \"scoring\",\n};\n\nconst allFeatures: { key: AiFeature; icon: typeof Sparkles }[] = [\n  { key: \"ai-chat\", icon: Sparkles },\n  { key: \"design-reference\", icon: ImageUp },\n  { key: \"scoring\", icon: ShieldCheck },\n];\n\nconst features = computed(() =>\n  allFeatures.filter((f) => aiConfig.isFeatureEnabled(configKeyMap[f.key])),\n);\n\nfunction getTitle(key: AiFeature): string {\n  if (key === \"ai-chat\") return cloudT.aiMenu.aiAssistant;\n  if (key === \"design-reference\") return cloudT.aiMenu.designToTemplate;\n  return cloudT.aiMenu.templateScore;\n}\n\nfunction getDescription(key: AiFeature): string {\n  if (key === \"ai-chat\") return cloudT.aiMenu.aiAssistantDesc;\n  if (key === \"design-reference\") return cloudT.aiMenu.designToTemplateDesc;\n  return cloudT.aiMenu.templateScoreDesc;\n}\n</script>\n\n<template>\n  <div\n    class=\"tpl-ai-feature-menu tpl:w-[280px] tpl:overflow-hidden tpl:rounded-[var(--tpl-radius)] tpl:py-1 tpl:bg-[var(--tpl-bg-elevated)] tpl:border tpl:border-[var(--tpl-border)] tpl:shadow-[var(--tpl-shadow-lg)]\"\n    style=\"backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px)\"\n  >\n    <button\n      v-for=\"feature in features\"\n      :key=\"feature.key\"\n      class=\"tpl-ai-feature-menu-item tpl:flex tpl:w-full tpl:cursor-pointer tpl:items-start tpl:gap-3 tpl:border-none tpl:px-3 tpl:py-2.5 tpl:text-left tpl:transition-colors tpl:duration-100\"\n      :style=\"{\n        backgroundColor:\n          activeFeature === feature.key\n            ? 'var(--tpl-primary-light)'\n            : 'transparent',\n      }\"\n      @click=\"emit('select', feature.key)\"\n    >\n      <div\n        class=\"tpl:mt-0.5 tpl:flex tpl:size-7 tpl:shrink-0 tpl:items-center tpl:justify-center tpl:rounded-[var(--tpl-radius-sm)]\"\n        :style=\"{\n          backgroundColor:\n            activeFeature === feature.key\n              ? 'var(--tpl-primary)'\n              : 'var(--tpl-bg-active)',\n          color:\n            activeFeature === feature.key\n              ? 'var(--tpl-bg)'\n              : 'var(--tpl-text-muted)',\n        }\"\n      >\n        <component :is=\"feature.icon\" :size=\"15\" :stroke-width=\"2\" />\n      </div>\n      <div class=\"tpl:flex tpl:min-w-0 tpl:flex-col tpl:gap-0.5\">\n        <span class=\"tpl:text-sm tpl:font-medium tpl:text-[var(--tpl-text)]\">\n          {{ getTitle(feature.key) }}\n        </span>\n        <span\n          class=\"tpl:text-xs tpl:leading-snug tpl:text-[var(--tpl-text-muted)]\"\n        >\n          {{ getDescription(feature.key) }}\n        </span>\n      </div>\n    </button>\n  </div>\n</template>\n\n<style scoped>\n.tpl-ai-feature-menu-item:hover {\n  background-color: var(--tpl-bg-hover) !important;\n}\n</style>\n","<script setup lang=\"ts\">\nimport { useCloudI18nStrict } from \"../../composables\";\nimport { AI_CONFIG_KEY, requireInject } from \"../../keys\";\nimport type { AiConfig } from \"@templatical/types\";\nimport { ImageUp, ShieldCheck, Sparkles } from \"@lucide/vue\";\nimport { computed } from \"vue\";\n\nexport type AiFeature = \"ai-chat\" | \"design-reference\" | \"scoring\";\n\ndefineProps<{\n  activeFeature: AiFeature | null;\n}>();\n\nconst emit = defineEmits<{\n  (e: \"select\", feature: AiFeature): void;\n}>();\n\nconst { t: cloudT } = useCloudI18nStrict();\n\nconst aiConfig = requireInject(AI_CONFIG_KEY, \"AiFeatureMenu\");\n\nconst configKeyMap: Record<AiFeature, keyof AiConfig> = {\n  \"ai-chat\": \"chat\",\n  \"design-reference\": \"designToTemplate\",\n  scoring: \"scoring\",\n};\n\nconst allFeatures: { key: AiFeature; icon: typeof Sparkles }[] = [\n  { key: \"ai-chat\", icon: Sparkles },\n  { key: \"design-reference\", icon: ImageUp },\n  { key: \"scoring\", icon: ShieldCheck },\n];\n\nconst features = computed(() =>\n  allFeatures.filter((f) => aiConfig.isFeatureEnabled(configKeyMap[f.key])),\n);\n\nfunction getTitle(key: AiFeature): string {\n  if (key === \"ai-chat\") return cloudT.aiMenu.aiAssistant;\n  if (key === \"design-reference\") return cloudT.aiMenu.designToTemplate;\n  return cloudT.aiMenu.templateScore;\n}\n\nfunction getDescription(key: AiFeature): string {\n  if (key === \"ai-chat\") return cloudT.aiMenu.aiAssistantDesc;\n  if (key === \"design-reference\") return cloudT.aiMenu.designToTemplateDesc;\n  return cloudT.aiMenu.templateScoreDesc;\n}\n</script>\n\n<template>\n  <div\n    class=\"tpl-ai-feature-menu tpl:w-[280px] tpl:overflow-hidden tpl:rounded-[var(--tpl-radius)] tpl:py-1 tpl:bg-[var(--tpl-bg-elevated)] tpl:border tpl:border-[var(--tpl-border)] tpl:shadow-[var(--tpl-shadow-lg)]\"\n    style=\"backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px)\"\n  >\n    <button\n      v-for=\"feature in features\"\n      :key=\"feature.key\"\n      class=\"tpl-ai-feature-menu-item tpl:flex tpl:w-full tpl:cursor-pointer tpl:items-start tpl:gap-3 tpl:border-none tpl:px-3 tpl:py-2.5 tpl:text-left tpl:transition-colors tpl:duration-100\"\n      :style=\"{\n        backgroundColor:\n          activeFeature === feature.key\n            ? 'var(--tpl-primary-light)'\n            : 'transparent',\n      }\"\n      @click=\"emit('select', feature.key)\"\n    >\n      <div\n        class=\"tpl:mt-0.5 tpl:flex tpl:size-7 tpl:shrink-0 tpl:items-center tpl:justify-center tpl:rounded-[var(--tpl-radius-sm)]\"\n        :style=\"{\n          backgroundColor:\n            activeFeature === feature.key\n              ? 'var(--tpl-primary)'\n              : 'var(--tpl-bg-active)',\n          color:\n            activeFeature === feature.key\n              ? 'var(--tpl-bg)'\n              : 'var(--tpl-text-muted)',\n        }\"\n      >\n        <component :is=\"feature.icon\" :size=\"15\" :stroke-width=\"2\" />\n      </div>\n      <div class=\"tpl:flex tpl:min-w-0 tpl:flex-col tpl:gap-0.5\">\n        <span class=\"tpl:text-sm tpl:font-medium tpl:text-[var(--tpl-text)]\">\n          {{ getTitle(feature.key) }}\n        </span>\n        <span\n          class=\"tpl:text-xs tpl:leading-snug tpl:text-[var(--tpl-text-muted)]\"\n        >\n          {{ getDescription(feature.key) }}\n        </span>\n      </div>\n    </button>\n  </div>\n</template>\n\n<style scoped>\n.tpl-ai-feature-menu-item:hover {\n  background-color: var(--tpl-bg-hover) !important;\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;EAaA,IAAM,IAAO,GAIP,EAAE,GAAG,MAAW,GAAoB,EAEpC,IAAW,EAAc,GAAe,gBAAgB,EAExD,IAAkD;GACtD,WAAW;GACX,oBAAoB;GACpB,SAAS;GACV,EAEK,IAA2D;GAC/D;IAAE,KAAK;IAAW,MAAM;IAAU;GAClC;IAAE,KAAK;IAAoB,MAAM;IAAS;GAC1C;IAAE,KAAK;IAAW,MAAM;IAAa;GACtC,EAEK,IAAW,QACf,EAAY,QAAQ,MAAM,EAAS,iBAAiB,EAAa,EAAE,KAAK,CAAC,CAC1E;EAED,SAAS,EAAS,GAAwB;AAGxC,UAFI,MAAQ,YAAkB,EAAO,OAAO,cACxC,MAAQ,qBAA2B,EAAO,OAAO,mBAC9C,EAAO,OAAO;;EAGvB,SAAS,EAAe,GAAwB;AAG9C,UAFI,MAAQ,YAAkB,EAAO,OAAO,kBACxC,MAAQ,qBAA2B,EAAO,OAAO,uBAC9C,EAAO,OAAO;;yBAKrB,EA0CM,OA1CN,GA0CM,EAAA,EAAA,GAAA,EAtCJ,EAqCS,GAAA,MAAA,EApCW,EAAA,QAAX,YADT,EAqCS,UAAA;GAnCN,KAAK,EAAQ;GACd,OAAM;GACL,OAAK,EAAA,EAAA,iBAAuC,EAAA,kBAAkB,EAAQ,MAAA,6BAAA,eAAA,CAAA;GAMtE,UAAK,MAAE,EAAI,UAAW,EAAQ,IAAG;MAElC,EAcM,OAAA;GAbJ,OAAM;GACL,OAAK,EAAA;qBAA2C,EAAA,kBAAkB,EAAQ,MAAA,uBAAA;WAA8G,EAAA,kBAAkB,EAAQ,MAAA,kBAAA;;YAWnN,EAA6D,EAA7C,EAAQ,KAAI,EAAA;GAAG,MAAM;GAAK,gBAAc;YAE1D,EASM,OATN,GASM,CARJ,EAEO,QAFP,GAEO,EADF,EAAS,EAAQ,IAAG,CAAA,EAAA,EAAA,EAEzB,EAIO,QAJP,GAIO,EADF,EAAe,EAAQ,IAAG,CAAA,EAAA,EAAA,CAAA,CAAA,CAAA,EAAA,IAAA,EAAA"}
+{"version":3,"file":"AiFeatureMenu-DSamZ3ve.js","names":[],"sources":["../../../src/cloud/components/AiFeatureMenu.vue","../../../src/cloud/components/AiFeatureMenu.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { useCloudI18nStrict } from \"../../composables\";\nimport { AI_CONFIG_KEY, requireInject } from \"../../keys\";\nimport type { AiConfig } from \"@templatical/types\";\nimport { ImageUp, ShieldCheck, Sparkles } from \"@lucide/vue\";\nimport { computed } from \"vue\";\n\nexport type AiFeature = \"ai-chat\" | \"design-reference\" | \"scoring\";\n\ndefineProps<{\n  activeFeature: AiFeature | null;\n}>();\n\nconst emit = defineEmits<{\n  (e: \"select\", feature: AiFeature): void;\n}>();\n\nconst { t: cloudT } = useCloudI18nStrict();\n\nconst aiConfig = requireInject(AI_CONFIG_KEY, \"AiFeatureMenu\");\n\nconst configKeyMap: Record<AiFeature, keyof AiConfig> = {\n  \"ai-chat\": \"chat\",\n  \"design-reference\": \"designToTemplate\",\n  scoring: \"scoring\",\n};\n\nconst allFeatures: { key: AiFeature; icon: typeof Sparkles }[] = [\n  { key: \"ai-chat\", icon: Sparkles },\n  { key: \"design-reference\", icon: ImageUp },\n  { key: \"scoring\", icon: ShieldCheck },\n];\n\nconst features = computed(() =>\n  allFeatures.filter((f) => aiConfig.isFeatureEnabled(configKeyMap[f.key])),\n);\n\nfunction getTitle(key: AiFeature): string {\n  if (key === \"ai-chat\") return cloudT.aiMenu.aiAssistant;\n  if (key === \"design-reference\") return cloudT.aiMenu.designToTemplate;\n  return cloudT.aiMenu.templateScore;\n}\n\nfunction getDescription(key: AiFeature): string {\n  if (key === \"ai-chat\") return cloudT.aiMenu.aiAssistantDesc;\n  if (key === \"design-reference\") return cloudT.aiMenu.designToTemplateDesc;\n  return cloudT.aiMenu.templateScoreDesc;\n}\n</script>\n\n<template>\n  <div\n    class=\"tpl-ai-feature-menu tpl:w-[280px] tpl:overflow-hidden tpl:rounded-[var(--tpl-radius)] tpl:py-1 tpl:bg-[var(--tpl-bg-elevated)] tpl:border tpl:border-[var(--tpl-border)] tpl:shadow-[var(--tpl-shadow-lg)]\"\n    style=\"backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px)\"\n  >\n    <button\n      v-for=\"feature in features\"\n      :key=\"feature.key\"\n      class=\"tpl-ai-feature-menu-item tpl:flex tpl:w-full tpl:cursor-pointer tpl:items-start tpl:gap-3 tpl:border-none tpl:px-3 tpl:py-2.5 tpl:text-left tpl:transition-colors tpl:duration-100\"\n      :style=\"{\n        backgroundColor:\n          activeFeature === feature.key\n            ? 'var(--tpl-primary-light)'\n            : 'transparent',\n      }\"\n      @click=\"emit('select', feature.key)\"\n    >\n      <div\n        class=\"tpl:mt-0.5 tpl:flex tpl:size-7 tpl:shrink-0 tpl:items-center tpl:justify-center tpl:rounded-[var(--tpl-radius-sm)]\"\n        :style=\"{\n          backgroundColor:\n            activeFeature === feature.key\n              ? 'var(--tpl-primary)'\n              : 'var(--tpl-bg-active)',\n          color:\n            activeFeature === feature.key\n              ? 'var(--tpl-bg)'\n              : 'var(--tpl-text-muted)',\n        }\"\n      >\n        <component :is=\"feature.icon\" :size=\"15\" :stroke-width=\"2\" />\n      </div>\n      <div class=\"tpl:flex tpl:min-w-0 tpl:flex-col tpl:gap-0.5\">\n        <span class=\"tpl:text-sm tpl:font-medium tpl:text-[var(--tpl-text)]\">\n          {{ getTitle(feature.key) }}\n        </span>\n        <span\n          class=\"tpl:text-xs tpl:leading-snug tpl:text-[var(--tpl-text-muted)]\"\n        >\n          {{ getDescription(feature.key) }}\n        </span>\n      </div>\n    </button>\n  </div>\n</template>\n\n<style scoped>\n.tpl-ai-feature-menu-item:hover {\n  background-color: var(--tpl-bg-hover) !important;\n}\n</style>\n","<script setup lang=\"ts\">\nimport { useCloudI18nStrict } from \"../../composables\";\nimport { AI_CONFIG_KEY, requireInject } from \"../../keys\";\nimport type { AiConfig } from \"@templatical/types\";\nimport { ImageUp, ShieldCheck, Sparkles } from \"@lucide/vue\";\nimport { computed } from \"vue\";\n\nexport type AiFeature = \"ai-chat\" | \"design-reference\" | \"scoring\";\n\ndefineProps<{\n  activeFeature: AiFeature | null;\n}>();\n\nconst emit = defineEmits<{\n  (e: \"select\", feature: AiFeature): void;\n}>();\n\nconst { t: cloudT } = useCloudI18nStrict();\n\nconst aiConfig = requireInject(AI_CONFIG_KEY, \"AiFeatureMenu\");\n\nconst configKeyMap: Record<AiFeature, keyof AiConfig> = {\n  \"ai-chat\": \"chat\",\n  \"design-reference\": \"designToTemplate\",\n  scoring: \"scoring\",\n};\n\nconst allFeatures: { key: AiFeature; icon: typeof Sparkles }[] = [\n  { key: \"ai-chat\", icon: Sparkles },\n  { key: \"design-reference\", icon: ImageUp },\n  { key: \"scoring\", icon: ShieldCheck },\n];\n\nconst features = computed(() =>\n  allFeatures.filter((f) => aiConfig.isFeatureEnabled(configKeyMap[f.key])),\n);\n\nfunction getTitle(key: AiFeature): string {\n  if (key === \"ai-chat\") return cloudT.aiMenu.aiAssistant;\n  if (key === \"design-reference\") return cloudT.aiMenu.designToTemplate;\n  return cloudT.aiMenu.templateScore;\n}\n\nfunction getDescription(key: AiFeature): string {\n  if (key === \"ai-chat\") return cloudT.aiMenu.aiAssistantDesc;\n  if (key === \"design-reference\") return cloudT.aiMenu.designToTemplateDesc;\n  return cloudT.aiMenu.templateScoreDesc;\n}\n</script>\n\n<template>\n  <div\n    class=\"tpl-ai-feature-menu tpl:w-[280px] tpl:overflow-hidden tpl:rounded-[var(--tpl-radius)] tpl:py-1 tpl:bg-[var(--tpl-bg-elevated)] tpl:border tpl:border-[var(--tpl-border)] tpl:shadow-[var(--tpl-shadow-lg)]\"\n    style=\"backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px)\"\n  >\n    <button\n      v-for=\"feature in features\"\n      :key=\"feature.key\"\n      class=\"tpl-ai-feature-menu-item tpl:flex tpl:w-full tpl:cursor-pointer tpl:items-start tpl:gap-3 tpl:border-none tpl:px-3 tpl:py-2.5 tpl:text-left tpl:transition-colors tpl:duration-100\"\n      :style=\"{\n        backgroundColor:\n          activeFeature === feature.key\n            ? 'var(--tpl-primary-light)'\n            : 'transparent',\n      }\"\n      @click=\"emit('select', feature.key)\"\n    >\n      <div\n        class=\"tpl:mt-0.5 tpl:flex tpl:size-7 tpl:shrink-0 tpl:items-center tpl:justify-center tpl:rounded-[var(--tpl-radius-sm)]\"\n        :style=\"{\n          backgroundColor:\n            activeFeature === feature.key\n              ? 'var(--tpl-primary)'\n              : 'var(--tpl-bg-active)',\n          color:\n            activeFeature === feature.key\n              ? 'var(--tpl-bg)'\n              : 'var(--tpl-text-muted)',\n        }\"\n      >\n        <component :is=\"feature.icon\" :size=\"15\" :stroke-width=\"2\" />\n      </div>\n      <div class=\"tpl:flex tpl:min-w-0 tpl:flex-col tpl:gap-0.5\">\n        <span class=\"tpl:text-sm tpl:font-medium tpl:text-[var(--tpl-text)]\">\n          {{ getTitle(feature.key) }}\n        </span>\n        <span\n          class=\"tpl:text-xs tpl:leading-snug tpl:text-[var(--tpl-text-muted)]\"\n        >\n          {{ getDescription(feature.key) }}\n        </span>\n      </div>\n    </button>\n  </div>\n</template>\n\n<style scoped>\n.tpl-ai-feature-menu-item:hover {\n  background-color: var(--tpl-bg-hover) !important;\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;EAaA,IAAM,IAAO,GAIP,EAAE,GAAG,MAAW,GAAoB,EAEpC,IAAW,EAAc,GAAe,gBAAgB,EAExD,IAAkD;GACtD,WAAW;GACX,oBAAoB;GACpB,SAAS;GACV,EAEK,IAA2D;GAC/D;IAAE,KAAK;IAAW,MAAM;IAAU;GAClC;IAAE,KAAK;IAAoB,MAAM;IAAS;GAC1C;IAAE,KAAK;IAAW,MAAM;IAAa;GACtC,EAEK,IAAW,QACf,EAAY,QAAQ,MAAM,EAAS,iBAAiB,EAAa,EAAE,KAAK,CAAC,CAC1E;EAED,SAAS,EAAS,GAAwB;AAGxC,UAFI,MAAQ,YAAkB,EAAO,OAAO,cACxC,MAAQ,qBAA2B,EAAO,OAAO,mBAC9C,EAAO,OAAO;;EAGvB,SAAS,EAAe,GAAwB;AAG9C,UAFI,MAAQ,YAAkB,EAAO,OAAO,kBACxC,MAAQ,qBAA2B,EAAO,OAAO,uBAC9C,EAAO,OAAO;;yBAKrB,EA0CM,OA1CN,GA0CM,EAAA,EAAA,GAAA,EAtCJ,EAqCS,GAAA,MAAA,EApCW,EAAA,QAAX,YADT,EAqCS,UAAA;GAnCN,KAAK,EAAQ;GACd,OAAM;GACL,OAAK,EAAA,EAAA,iBAAuC,EAAA,kBAAkB,EAAQ,MAAA,6BAAA,eAAA,CAAA;GAMtE,UAAK,MAAE,EAAI,UAAW,EAAQ,IAAG;MAElC,EAcM,OAAA;GAbJ,OAAM;GACL,OAAK,EAAA;qBAA2C,EAAA,kBAAkB,EAAQ,MAAA,uBAAA;WAA8G,EAAA,kBAAkB,EAAQ,MAAA,kBAAA;;YAWnN,EAA6D,EAA7C,EAAQ,KAAI,EAAA;GAAG,MAAM;GAAK,gBAAc;YAE1D,EASM,OATN,GASM,CARJ,EAEO,QAFP,GAEO,EADF,EAAS,EAAQ,IAAG,CAAA,EAAA,EAAA,EAEzB,EAIO,QAJP,GAIO,EADF,EAAe,EAAQ,IAAG,CAAA,EAAA,EAAA,CAAA,CAAA,CAAA,EAAA,IAAA,EAAA"}

package/dist/cdn/chunks/BlockA11yBadge-D73PKVS8.js

@@ -0,0 +1,33 @@
+import { E as e, N as t, S as n, _ as r, at as i, g as a, h as o, p as s, st as c } from "./draggable-Bcb86AsV.js";
+import { Nt as l, Pt as u, Tt as d, at as f } from "./features-BdkV7kQP.js";
+//#region src/components/canvas/BlockA11yBadge.vue?vue&type=script&setup=true&lang.ts
+var p = ["title", "aria-label"], m = /* @__PURE__ */ n({
+	__name: "BlockA11yBadge",
+	props: { blockId: {} },
+	setup(n) {
+		let m = n, { t: h } = l(), g = e(u, null), _ = s(() => (g?.issues.value ?? []).filter((e) => e.blockId === m.blockId)), v = s(() => _.value.some((e) => e.severity === "error") ? "error" : _.value.some((e) => e.severity === "warning") ? "warning" : null), y = s(() => v.value === "error" ? h.accessibility.badgeError : h.accessibility.badgeWarning);
+		return (e, n) => v.value ? (t(), r("span", {
+			key: 0,
+			class: c(["tpl:absolute tpl:top-1 tpl:right-1 tpl:z-10 tpl:flex tpl:size-5 tpl:items-center tpl:justify-center tpl:rounded-full tpl:bg-[var(--tpl-bg)] tpl:shadow-[var(--tpl-shadow-sm)] tpl:ring-1 tpl:ring-[var(--tpl-border)]", v.value === "error" ? "tpl:text-[var(--tpl-danger)]" : "tpl:text-[var(--tpl-warning)]"]),
+			title: y.value,
+			"aria-label": y.value,
+			role: "img"
+		}, [v.value === "error" ? (t(), o(i(d), {
+			key: 0,
+			size: 14,
+			"stroke-width": 2.25,
+			fill: "currentColor",
+			stroke: "var(--tpl-bg)"
+		})) : (t(), o(i(f), {
+			key: 1,
+			size: 14,
+			"stroke-width": 2.25,
+			fill: "currentColor",
+			stroke: "var(--tpl-bg)"
+		}))], 10, p)) : a("", !0);
+	}
+});
+//#endregion
+export { m as default };
+
+//# sourceMappingURL=BlockA11yBadge-D73PKVS8.js.map

package/dist/cdn/chunks/BlockA11yBadge-D73PKVS8.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BlockA11yBadge-D73PKVS8.js","names":[],"sources":["../../../src/components/canvas/BlockA11yBadge.vue","../../../src/components/canvas/BlockA11yBadge.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, inject } from \"vue\";\nimport { CircleAlert, TriangleAlert } from \"@lucide/vue\";\nimport { useI18n } from \"../../composables/useI18n\";\nimport { ACCESSIBILITY_LINT_KEY } from \"../../keys\";\n\nconst props = defineProps<{ blockId: string }>();\nconst { t } = useI18n();\nconst lint = inject(ACCESSIBILITY_LINT_KEY, null);\n\nconst blockIssues = computed(() =>\n  (lint?.issues.value ?? []).filter((i) => i.blockId === props.blockId),\n);\n\nconst severity = computed<\"error\" | \"warning\" | null>(() => {\n  if (blockIssues.value.some((i) => i.severity === \"error\")) return \"error\";\n  if (blockIssues.value.some((i) => i.severity === \"warning\")) return \"warning\";\n  return null;\n});\n\nconst tooltip = computed(() =>\n  severity.value === \"error\"\n    ? t.accessibility.badgeError\n    : t.accessibility.badgeWarning,\n);\n</script>\n\n<template>\n  <span\n    v-if=\"severity\"\n    class=\"tpl:absolute tpl:top-1 tpl:right-1 tpl:z-10 tpl:flex tpl:size-5 tpl:items-center tpl:justify-center tpl:rounded-full tpl:bg-[var(--tpl-bg)] tpl:shadow-[var(--tpl-shadow-sm)] tpl:ring-1 tpl:ring-[var(--tpl-border)]\"\n    :class=\"\n      severity === 'error'\n        ? 'tpl:text-[var(--tpl-danger)]'\n        : 'tpl:text-[var(--tpl-warning)]'\n    \"\n    :title=\"tooltip\"\n    :aria-label=\"tooltip\"\n    role=\"img\"\n  >\n    <CircleAlert\n      v-if=\"severity === 'error'\"\n      :size=\"14\"\n      :stroke-width=\"2.25\"\n      fill=\"currentColor\"\n      stroke=\"var(--tpl-bg)\"\n    />\n    <TriangleAlert\n      v-else\n      :size=\"14\"\n      :stroke-width=\"2.25\"\n      fill=\"currentColor\"\n      stroke=\"var(--tpl-bg)\"\n    />\n  </span>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, inject } from \"vue\";\nimport { CircleAlert, TriangleAlert } from \"@lucide/vue\";\nimport { useI18n } from \"../../composables/useI18n\";\nimport { ACCESSIBILITY_LINT_KEY } from \"../../keys\";\n\nconst props = defineProps<{ blockId: string }>();\nconst { t } = useI18n();\nconst lint = inject(ACCESSIBILITY_LINT_KEY, null);\n\nconst blockIssues = computed(() =>\n  (lint?.issues.value ?? []).filter((i) => i.blockId === props.blockId),\n);\n\nconst severity = computed<\"error\" | \"warning\" | null>(() => {\n  if (blockIssues.value.some((i) => i.severity === \"error\")) return \"error\";\n  if (blockIssues.value.some((i) => i.severity === \"warning\")) return \"warning\";\n  return null;\n});\n\nconst tooltip = computed(() =>\n  severity.value === \"error\"\n    ? t.accessibility.badgeError\n    : t.accessibility.badgeWarning,\n);\n</script>\n\n<template>\n  <span\n    v-if=\"severity\"\n    class=\"tpl:absolute tpl:top-1 tpl:right-1 tpl:z-10 tpl:flex tpl:size-5 tpl:items-center tpl:justify-center tpl:rounded-full tpl:bg-[var(--tpl-bg)] tpl:shadow-[var(--tpl-shadow-sm)] tpl:ring-1 tpl:ring-[var(--tpl-border)]\"\n    :class=\"\n      severity === 'error'\n        ? 'tpl:text-[var(--tpl-danger)]'\n        : 'tpl:text-[var(--tpl-warning)]'\n    \"\n    :title=\"tooltip\"\n    :aria-label=\"tooltip\"\n    role=\"img\"\n  >\n    <CircleAlert\n      v-if=\"severity === 'error'\"\n      :size=\"14\"\n      :stroke-width=\"2.25\"\n      fill=\"currentColor\"\n      stroke=\"var(--tpl-bg)\"\n    />\n    <TriangleAlert\n      v-else\n      :size=\"14\"\n      :stroke-width=\"2.25\"\n      fill=\"currentColor\"\n      stroke=\"var(--tpl-bg)\"\n    />\n  </span>\n</template>\n"],"mappings":";;;;;;;EAMA,IAAM,IAAQ,GACR,EAAE,SAAM,GAAS,EACjB,IAAO,EAAO,GAAwB,KAAK,EAE3C,IAAc,SACjB,GAAM,OAAO,SAAS,EAAE,EAAE,QAAQ,MAAM,EAAE,YAAY,EAAM,QAAQ,CACtE,EAEK,IAAW,QACX,EAAY,MAAM,MAAM,MAAM,EAAE,aAAa,QAAQ,GAAS,UAC9D,EAAY,MAAM,MAAM,MAAM,EAAE,aAAa,UAAU,GAAS,YAC7D,KACP,EAEI,IAAU,QACd,EAAS,UAAU,UACf,EAAE,cAAc,aAChB,EAAE,cAAc,aACrB;mBAKS,EAAA,SAAA,GAAA,EADR,EA0BO,QAAA;;GAxBL,OAAK,EAAA,CAAC,yNACS,EAAA,UAAQ,UAAA,iCAAA,gCAAA,CAAA;GAKtB,OAAO,EAAA;GACP,cAAY,EAAA;GACb,MAAK;MAGG,EAAA,UAAQ,WAAA,GAAA,EADhB,EAME,EAAA,EAAA,EAAA;;GAJC,MAAM;GACN,gBAAc;GACf,MAAK;GACL,QAAO;cAET,EAME,EAAA,EAAA,EAAA;;GAJC,MAAM;GACN,gBAAc;GACf,MAAK;GACL,QAAO"}