@templatical/editor 0.5.1 → 0.6.1

package/dist/AccessibilityPanel-CvQGLdu6.js

@@ -0,0 +1,108 @@
+import { Dt as e, E as t, L as n, M as r, Mt as i, P as a, S as o, _ as s, b as c, d as l, g as u, h as d, it as f, m as p, p as m, y as h } from "./vue.runtime.esm-bundler-DpvJL-nX.js";
+import { m as g, t as _ } from "./keys-ciNfSSGj.js";
+import { t as v } from "./useI18n-lb2DHDiu.js";
+import { t as y } from "./createLucideIcon-C3pa2siy.js";
+import { t as b } from "./accessibility-e8JYu_zd.js";
+import { t as x } from "./circle-alert-DZuGWPX-.js";
+import { t as S } from "./info-CJEC7piy.js";
+import { t as C } from "./triangle-alert-aOXceTSe.js";
+var w = y("arrow-right", [["path", {
+	d: "M5 12h14",
+	key: "1ays0h"
+}], ["path", {
+	d: "m12 5 7 7-7 7",
+	key: "xquz4c"
+}]]), T = y("wrench", [["path", {
+	d: "M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.106-3.105c.32-.322.863-.22.983.218a6 6 0 0 1-8.259 7.057l-7.91 7.91a1 1 0 0 1-2.999-3l7.91-7.91a6 6 0 0 1 7.057-8.259c.438.12.54.662.219.984z",
+	key: "1ngwbx"
+}]]), E = { class: "tpl:flex tpl:flex-col tpl:gap-4 tpl:p-4" }, D = { class: "tpl:flex tpl:items-center tpl:gap-2" }, O = { class: "tpl:m-0 tpl:text-sm tpl:font-semibold tpl:text-[var(--tpl-text)]" }, k = ["title"], A = {
+	key: 0,
+	class: "tpl:text-xs tpl:text-[var(--tpl-text-muted)]"
+}, j = {
+	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)]"
+}, M = { class: "tpl:ml-auto tpl:font-normal tpl:opacity-70" }, N = {
+	key: 1,
+	class: "tpl:m-0 tpl:mb-3 tpl:flex tpl:list-none tpl:flex-col tpl:gap-2 tpl:p-0"
+}, P = { class: "tpl:m-0 tpl:mb-2 tpl:text-xs tpl:text-[var(--tpl-text)]" }, F = { class: "tpl:m-0 tpl:mb-2 tpl:font-mono tpl:text-[10px] tpl:text-[var(--tpl-text-dim)]" }, I = { class: "tpl:flex tpl:gap-1.5" }, L = ["onClick"], R = ["title", "onClick"], z = /* @__PURE__ */ o({
+	__name: "AccessibilityPanel",
+	setup(o) {
+		let { t: y, format: z } = v(), B = t(_, null), V = t(g, null), H = m(() => (B?.issues.value ?? []).filter((e) => e.severity === "error")), U = m(() => (B?.issues.value ?? []).filter((e) => e.severity === "warning")), W = m(() => (B?.issues.value ?? []).filter((e) => e.severity === "info")), G = m(() => 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 (t, o) => (r(), s("div", E, [p("header", D, [
+			c(f(b), {
+				size: 16,
+				"stroke-width": 1.5
+			}),
+			p("h3", O, i(f(y).accessibility.panelTitle), 1),
+			G.value > 0 ? (r(), s("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: f(z)(f(y).accessibility.issueCountTooltip, { count: G.value })
+			}, i(G.value), 9, k)) : u("", !0)
+		]), !f(B) || f(B).unavailable.value ? (r(), s("div", A)) : G.value === 0 ? (r(), s("div", j, i(f(y).accessibility.emptyState), 1)) : (r(!0), s(l, { key: 2 }, a([
+			{
+				key: "errors",
+				title: f(y).accessibility.groupErrors,
+				icon: f(x),
+				items: H.value,
+				tone: "tpl:text-[var(--tpl-danger)]"
+			},
+			{
+				key: "warnings",
+				title: f(y).accessibility.groupWarnings,
+				icon: f(C),
+				items: U.value,
+				tone: "tpl:text-[var(--tpl-warning)]"
+			},
+			{
+				key: "info",
+				title: f(y).accessibility.groupInfo,
+				icon: f(S),
+				items: W.value,
+				tone: "tpl:text-[var(--tpl-text-muted)]"
+			}
+		], (t) => (r(), s("section", { key: t.key }, [t.items.length > 0 ? (r(), s("header", {
+			key: 0,
+			class: e(["tpl:mb-2 tpl:flex tpl:items-center tpl:gap-1.5 tpl:text-[11px] tpl:font-semibold tpl:uppercase tpl:tracking-wide", t.tone])
+		}, [
+			(r(), d(n(t.icon), {
+				size: 12,
+				"stroke-width": 2
+			})),
+			h(" " + i(t.title) + " ", 1),
+			p("span", M, i(t.items.length), 1)
+		], 2)) : u("", !0), t.items.length > 0 ? (r(), s("ul", N, [(r(!0), s(l, null, a(t.items, (e) => (r(), s("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"
+		}, [
+			p("p", P, i(e.message), 1),
+			p("p", F, i(e.ruleId), 1),
+			p("div", I, [e.blockId ? (r(), s("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)
+			}, [c(f(w), {
+				size: 10,
+				"stroke-width": 2
+			}), h(" " + i(f(y).accessibility.jump), 1)], 8, L)) : u("", !0), e.fix ? (r(), s("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)
+			}, [c(f(T), {
+				size: 10,
+				"stroke-width": 2
+			}), h(" " + i(f(y).accessibility.fix), 1)], 8, R)) : u("", !0)])
+		]))), 128))])) : u("", !0)]))), 128))]));
+	}
+});
+//#endregion
+export { z as default };

package/dist/{AiChatSidebar-Cg206ewI.js → AiChatSidebar-Br9dhkIB.js}

@@ -1,15 +1,16 @@
 import { Dt as e, E as t, H as n, M as r, Mt as i, O 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, k as h, m as g, s as te, t as ne, y as _, z as v } from "./vue.runtime.esm-bundler-DpvJL-nX.js";
-import { o as re, s as ie } from "./dist-CuyhAnuE.js";
-import { D as y, _ as ae, c as oe, p as se, r as ce } from "./keys-BeW4IrXP.js";
-import { n as b, t as x } from "./_plugin-vue_export-helper-GRmvIR5A.js";
-import { t as le } from "./circle-alert-De74azaX.js";
-import { t as ue } from "./loader-circle-IS16T05j.js";
-import { t as de } from "./send-DRkFf4hP.js";
-import { t as S } from "./sparkles-CD7TiNiC.js";
-import { t as fe } from "./trash-2-cEVwp-r_.js";
-import { t as pe } from "./x-BNc1bVzp.js";
-import { t as me } from "./LoadingTrack-DhxulLPM.js";
-import { i as C } from "./cloud-B1NAFg44.js";
+import { o as re, s as ie } from "./dist-B1IR0bpH.js";
+import { O as y, i as ae, l as oe, m as se, v as ce } from "./keys-ciNfSSGj.js";
+import { t as b } from "./createLucideIcon-C3pa2siy.js";
+import { t as le } from "./circle-alert-DZuGWPX-.js";
+import { t as ue } from "./loader-circle-DsY5Yg33.js";
+import { t as de } from "./send-DH4oDQqC.js";
+import { t as x } from "./sparkles-CvRXGqFs.js";
+import { t as fe } from "./trash-2-DbP2Y6t2.js";
+import { t as pe } from "./x-u2oVmjN_.js";
+import { t as me } from "./LoadingTrack-B0CWFHXQ.js";
+import { t as S } from "./_plugin-vue_export-helper-B0hnzhyu.js";
+import { i as C } from "./cloud-WfWdqZVK.js";
 var w = b("redo-2", [["path", {
 	d: "m15 14 5-5-5-5",
 	key: "12vg1m"
@@ -80,7 +81,7 @@ var D = {
 		"background-color": "color-mix(\n              in srgb,\n              var(--tpl-bg) 50%,\n              transparent\n            )",
 		"backdrop-filter": "blur(2px)"
 	}
-}, _e = { class: "tpl:flex tpl:flex-col tpl:gap-1.5" }, ve = ["onClick"], ye = { class: "tpl:border-t tpl:p-3 tpl:border-[var(--tpl-border)]" }, be = { class: "tpl-ai-input-wrapper tpl:flex tpl:items-end tpl:gap-2 tpl:rounded-[var(--tpl-radius)] tpl:border tpl:px-3 tpl:py-2 tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)]" }, xe = ["placeholder", "disabled"], Se = ["disabled"], Ce = { class: "tpl:m-0 tpl:px-1 tpl:pt-2 tpl:text-center tpl:text-[11px] tpl:text-[var(--tpl-text-dim)]" }, V = /* @__PURE__ */ x(/* @__PURE__ */ c({
+}, _e = { class: "tpl:flex tpl:flex-col tpl:gap-1.5" }, ve = ["onClick"], ye = { class: "tpl:border-t tpl:p-3 tpl:border-[var(--tpl-border)]" }, be = { class: "tpl-ai-input-wrapper tpl:flex tpl:items-end tpl:gap-2 tpl:rounded-[var(--tpl-radius)] tpl:border tpl:px-3 tpl:py-2 tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)]" }, xe = ["placeholder", "disabled"], Se = ["disabled"], Ce = { class: "tpl:m-0 tpl:px-1 tpl:pt-2 tpl:text-center tpl:text-[11px] tpl:text-[var(--tpl-text-dim)]" }, V = /* @__PURE__ */ S(/* @__PURE__ */ c({
 	__name: "AiChatSidebar",
 	props: {
 		visible: { type: Boolean },
@@ -88,7 +89,7 @@ var D = {
 	},
 	emits: ["close"],
 	setup(c, { emit: h }) {
-		let b = c, x = h, V = y(oe, "AiChatSidebar"), H = y(se, "AiChatSidebar"), we = y(ce, "AiChatSidebar"), U = t(ae, []), W = E(), G = C({
+		let b = c, S = h, V = y(oe, "AiChatSidebar"), H = y(se, "AiChatSidebar"), we = y(ae, "AiChatSidebar"), U = t(ce, []), W = E(), G = C({
 			authManager: we,
 			getTemplateId: () => H.state.template?.id ?? null,
 			onApply: b.onApply,
@@ -137,7 +138,7 @@ var D = {
 			"leave-to-class": "tpl:translate-x-full"
 		}, {
 			default: ee(() => [c.visible ? (r(), l("div", D, [
-				g("div", O, [g("div", k, [u(m(S), {
+				g("div", O, [g("div", k, [u(m(x), {
 					size: 13,
 					"stroke-width": 2
 				}), g("span", null, i(m(V).aiChat.title), 1)]), g("div", A, [(m(G).messages.value?.length ?? 0) > 0 ? (r(), l("button", {
@@ -150,7 +151,7 @@ var D = {
 					"stroke-width": 2
 				})], 8, j)) : f("", !0), g("button", {
 					class: "tpl:rounded-md tpl:p-0.5 tpl:transition-colors tpl:duration-150 tpl:text-[var(--tpl-text-muted)]",
-					onClick: a[1] ||= (e) => x("close")
+					onClick: a[1] ||= (e) => S("close")
 				}, [u(m(pe), {
 					size: 14,
 					"stroke-width": 2
@@ -164,7 +165,7 @@ var D = {
 						class: "tpl-spinner tpl:text-[var(--tpl-text-muted)]",
 						size: 24,
 						"stroke-width": 2
-					}), g("p", P, i(m(V).aiChat.loadingHistory), 1)])) : (m(G).messages.value?.length ?? 0) === 0 ? (r(), l("div", F, [u(m(S), {
+					}), g("p", P, i(m(V).aiChat.loadingHistory), 1)])) : (m(G).messages.value?.length ?? 0) === 0 ? (r(), l("div", F, [u(m(x), {
 						size: 32,
 						"stroke-width": 1.5,
 						class: "tpl:text-[var(--tpl-text-dim)]"

package/dist/{AiFeatureMenu-D7Od4cI2.js → AiFeatureMenu-Ceewb3uB.js}

@@ -1,11 +1,11 @@
 import { L as e, M as t, Mt as n, Ot as r, P as i, S as a, _ as o, d as s, h as c, m as l, p as u } from "./vue.runtime.esm-bundler-DpvJL-nX.js";
-import "./useEditorCore-D0uZbPKG.js";
-import { D as d, t as f } from "./keys-BeW4IrXP.js";
-import { t as p } from "./_plugin-vue_export-helper-GRmvIR5A.js";
-import { t as m } from "./image-up-10kxuulB.js";
-import { t as h } from "./shield-check-DtXk7JKN.js";
-import { t as g } from "./sparkles-CD7TiNiC.js";
-import { n as _ } from "./useCloudI18n-D0Fi0hBU.js";
+import "./useEditorCore-Dz-qbVXX.js";
+import { O as d, n as f } from "./keys-ciNfSSGj.js";
+import { t as p } from "./image-up-MBZKKg9p.js";
+import { t as m } from "./shield-check-CfJgs2Hd.js";
+import { t as h } from "./sparkles-CvRXGqFs.js";
+import { t as g } from "./_plugin-vue_export-helper-B0hnzhyu.js";
+import { n as _ } from "./useCloudI18n-BuIwR6OE.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)]",
@@ -13,27 +13,27 @@ var v = {
 		"backdrop-filter": "blur(8px)",
 		"-webkit-backdrop-filter": "blur(8px)"
 	}
-}, y = ["onClick"], b = { class: "tpl:flex tpl:min-w-0 tpl:flex-col tpl:gap-0.5" }, x = { class: "tpl:text-sm tpl:font-medium tpl:text-[var(--tpl-text)]" }, S = { class: "tpl:text-xs tpl:leading-snug tpl:text-[var(--tpl-text-muted)]" }, C = /* @__PURE__ */ p(/* @__PURE__ */ a({
+}, y = ["onClick"], b = { class: "tpl:flex tpl:min-w-0 tpl:flex-col tpl:gap-0.5" }, x = { class: "tpl:text-sm tpl:font-medium tpl:text-[var(--tpl-text)]" }, S = { class: "tpl:text-xs tpl:leading-snug tpl:text-[var(--tpl-text-muted)]" }, C = /* @__PURE__ */ g(/* @__PURE__ */ a({
 	__name: "AiFeatureMenu",
 	props: { activeFeature: {} },
 	emits: ["select"],
-	setup(a, { emit: p }) {
-		let C = p, { t: w } = _(), T = d(f, "AiFeatureMenu"), E = {
+	setup(a, { emit: g }) {
+		let C = g, { t: w } = _(), T = d(f, "AiFeatureMenu"), E = {
 			"ai-chat": "chat",
 			"design-reference": "designToTemplate",
 			scoring: "scoring"
 		}, D = [
 			{
 				key: "ai-chat",
-				icon: g
+				icon: h
 			},
 			{
 				key: "design-reference",
-				icon: m
+				icon: p
 			},
 			{
 				key: "scoring",
-				icon: h
+				icon: m
 			}
 		], O = u(() => D.filter((e) => T.isFeatureEnabled(E[e.key])));
 		function k(e) {

package/dist/BlockA11yBadge-CXDLqkcJ.js

@@ -0,0 +1,34 @@
+import { Dt as e, E as t, M as n, S as r, _ as i, g as a, h as o, it as s, p as c } from "./vue.runtime.esm-bundler-DpvJL-nX.js";
+import { t as l } from "./keys-ciNfSSGj.js";
+import { t as u } from "./useI18n-lb2DHDiu.js";
+import { t as d } from "./circle-alert-DZuGWPX-.js";
+import { t as f } from "./triangle-alert-aOXceTSe.js";
+//#region src/components/canvas/BlockA11yBadge.vue?vue&type=script&setup=true&lang.ts
+var p = ["title", "aria-label"], m = /* @__PURE__ */ r({
+	__name: "BlockA11yBadge",
+	props: { blockId: {} },
+	setup(r) {
+		let m = r, { t: h } = u(), g = t(l, null), _ = c(() => (g?.issues.value ?? []).filter((e) => e.blockId === m.blockId)), v = c(() => _.value.some((e) => e.severity === "error") ? "error" : _.value.some((e) => e.severity === "warning") ? "warning" : null), y = c(() => v.value === "error" ? h.accessibility.badgeError : h.accessibility.badgeWarning);
+		return (t, r) => v.value ? (n(), i("span", {
+			key: 0,
+			class: e(["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" ? (n(), o(s(d), {
+			key: 0,
+			size: 14,
+			"stroke-width": 2.25,
+			fill: "currentColor",
+			stroke: "var(--tpl-bg)"
+		})) : (n(), o(s(f), {
+			key: 1,
+			size: 14,
+			"stroke-width": 2.25,
+			fill: "currentColor",
+			stroke: "var(--tpl-bg)"
+		}))], 10, p)) : a("", !0);
+	}
+});
+//#endregion
+export { m as default };