@templatical/editor 0.26.3 → 0.27.1

package/dist/{cdn/chunks/CountdownToolbar-DPjcgcVR.js → CountdownToolbar-d9QM4m5x.js}

@@ -1,7 +1,8 @@
-import { M as e, P as t, V as n, f as r, g as i, it as a, lt as o, m as s, p as c, st as l, u, x as d, y as f } from "./draggable-DCs9qL-b.js";
-import { t as p } from "./useI18n-UMs0F71x.js";
-import { f as m, t as h } from "./ColorPicker-W_UyiVGc.js";
-import { i as g, n as _, r as v, t as y } from "./NumberWithSuffix-BXrRdfq1.js";
+import { Dt as e, c as t, d as n, g as r, j as i, k as a, kt as o, l as s, r as c, rt as l, s as u, v as d, z as f } from "./vue.runtime.esm-bundler-DzEsDRtY.js";
+import { t as p } from "./useI18n-BfXff_Sy.js";
+import { p as m } from "./styleConstants-9oK5kn21.js";
+import { t as h } from "./ColorPicker-Di8L5TLQ.js";
+import { i as g, n as _, r as v, t as y } from "./NumberWithSuffix-D9mPtMJB.js";
 //#region src/components/toolbar/CountdownToolbar.vue?vue&type=script&setup=true&lang.ts
 var b = ["value"], x = ["value"], S = ["value"], C = { class: "tpl:grid tpl:grid-cols-2 tpl:gap-2" }, w = ["value"], T = { value: "" }, E = ["value"], D = { class: "tpl:grid tpl:grid-cols-2 tpl:gap-3" }, O = { class: "tpl:grid tpl:grid-cols-2 tpl:gap-3" }, k = { class: "tpl:grid tpl:grid-cols-2 tpl:gap-2" }, A = [
 	"value",
@@ -49,7 +50,7 @@ var b = ["value"], x = ["value"], S = ["value"], C = { class: "tpl:grid tpl:grid
 			"Hours",
 			"Minutes",
 			"Seconds"
-		], z = r(() => R.map((e) => ({
+		], z = u(() => R.map((e) => ({
 			unit: e,
 			showKey: `show${e}`,
 			labelKey: `label${e}`,
@@ -58,34 +59,34 @@ var b = ["value"], x = ["value"], S = ["value"], C = { class: "tpl:grid tpl:grid
 		function B(e, t) {
 			P("update", { [e]: t });
 		}
-		return (r, p) => (e(), i(u, null, [
-			f(_, { label: a(F).countdown.targetDate }, {
-				default: n(() => [c("input", {
+		return (u, p) => (a(), n(c, null, [
+			r(_, { label: l(F).countdown.targetDate }, {
+				default: f(() => [t("input", {
 					type: "datetime-local",
-					class: l(a(m)),
+					class: e(l(m)),
 					value: d.block.targetDate,
 					onInput: p[0] ||= (e) => B("targetDate", e.target.value)
 				}, null, 42, b)]),
 				_: 1
 			}, 8, ["label"]),
-			f(_, { label: a(F).countdown.timezone }, {
-				default: n(() => [c("select", {
-					class: l(a(m)),
+			r(_, { label: l(F).countdown.timezone }, {
+				default: f(() => [t("select", {
+					class: e(l(m)),
 					value: d.block.timezone,
 					onChange: p[1] ||= (e) => B("timezone", e.target.value)
-				}, [(e(), i(u, null, t(I, (e) => c("option", {
+				}, [(a(), n(c, null, i(I, (e) => t("option", {
 					key: e,
 					value: e
 				}, o(e), 9, S)), 64))], 42, x)]),
 				_: 1
 			}, 8, ["label"]),
-			f(_, { label: a(F).countdown.display }, {
-				default: n(() => [c("div", C, [(e(!0), i(u, null, t(z.value, (t) => (e(), s(g, {
-					key: t.unit,
+			r(_, { label: l(F).countdown.display }, {
+				default: f(() => [t("div", C, [(a(!0), n(c, null, i(z.value, (e) => (a(), s(g, {
+					key: e.unit,
 					class: "tpl:text-[12px] tpl:text-[var(--tpl-text)]",
-					"model-value": d.block[t.showKey],
-					label: a(F).countdown[t.translationKey],
-					"onUpdate:modelValue": (e) => B(t.showKey, e)
+					"model-value": d.block[e.showKey],
+					label: l(F).countdown[e.translationKey],
+					"onUpdate:modelValue": (t) => B(e.showKey, t)
 				}, null, 8, [
 					"model-value",
 					"label",
@@ -93,27 +94,27 @@ var b = ["value"], x = ["value"], S = ["value"], C = { class: "tpl:grid tpl:grid
 				]))), 128))])]),
 				_: 1
 			}, 8, ["label"]),
-			f(_, { label: a(F).countdown.separator }, {
-				default: n(() => [f(v, {
+			r(_, { label: l(F).countdown.separator }, {
+				default: f(() => [r(v, {
 					options: L,
 					"model-value": d.block.separator,
 					"onUpdate:modelValue": p[2] ||= (e) => B("separator", e)
 				}, null, 8, ["model-value"])]),
 				_: 1
 			}, 8, ["label"]),
-			f(_, { label: a(F).countdown.fontFamily }, {
-				default: n(() => [c("select", {
-					class: l(a(m)),
+			r(_, { label: l(F).countdown.fontFamily }, {
+				default: f(() => [t("select", {
+					class: e(l(m)),
 					value: d.block.fontFamily || "",
 					onChange: p[3] ||= (e) => B("fontFamily", e.target.value || void 0)
-				}, [c("option", T, o(a(F).countdown.inheritFont), 1), (e(!0), i(u, null, t(d.fontFamilies, (t) => (e(), i("option", {
-					key: t.value,
-					value: t.value
-				}, o(t.label), 9, E))), 128))], 42, w)]),
+				}, [t("option", T, o(l(F).countdown.inheritFont), 1), (a(!0), n(c, null, i(d.fontFamilies, (e) => (a(), n("option", {
+					key: e.value,
+					value: e.value
+				}, o(e.label), 9, E))), 128))], 42, w)]),
 				_: 1
 			}, 8, ["label"]),
-			c("div", D, [f(_, { label: a(F).countdown.digitFontSize }, {
-				default: n(() => [f(y, {
+			t("div", D, [r(_, { label: l(F).countdown.digitFontSize }, {
+				default: f(() => [r(y, {
 					"model-value": d.block.digitFontSize,
 					min: 12,
 					max: 72,
@@ -121,8 +122,8 @@ var b = ["value"], x = ["value"], S = ["value"], C = { class: "tpl:grid tpl:grid
 					"onUpdate:modelValue": p[4] ||= (e) => B("digitFontSize", e)
 				}, null, 8, ["model-value"])]),
 				_: 1
-			}, 8, ["label"]), f(_, { label: a(F).countdown.labelFontSize }, {
-				default: n(() => [f(y, {
+			}, 8, ["label"]), r(_, { label: l(F).countdown.labelFontSize }, {
+				default: f(() => [r(y, {
 					"model-value": d.block.labelFontSize,
 					min: 8,
 					max: 24,
@@ -131,61 +132,61 @@ var b = ["value"], x = ["value"], S = ["value"], C = { class: "tpl:grid tpl:grid
 				}, null, 8, ["model-value"])]),
 				_: 1
 			}, 8, ["label"])]),
-			c("div", O, [f(_, { label: a(F).countdown.digitColor }, {
-				default: n(() => [f(h, {
+			t("div", O, [r(_, { label: l(F).countdown.digitColor }, {
+				default: f(() => [r(h, {
 					"model-value": d.block.digitColor,
 					"onUpdate:modelValue": p[6] ||= (e) => B("digitColor", e)
 				}, null, 8, ["model-value"])]),
 				_: 1
-			}, 8, ["label"]), f(_, { label: a(F).countdown.labelColor }, {
-				default: n(() => [f(h, {
+			}, 8, ["label"]), r(_, { label: l(F).countdown.labelColor }, {
+				default: f(() => [r(h, {
 					"model-value": d.block.labelColor,
 					"onUpdate:modelValue": p[7] ||= (e) => B("labelColor", e)
 				}, null, 8, ["model-value"])]),
 				_: 1
 			}, 8, ["label"])]),
-			f(_, { label: a(F).countdown.background }, {
-				default: n(() => [f(h, {
+			r(_, { label: l(F).countdown.background }, {
+				default: f(() => [r(h, {
 					"model-value": d.block.backgroundColor,
 					"onUpdate:modelValue": p[8] ||= (e) => B("backgroundColor", e)
 				}, null, 8, ["model-value"])]),
 				_: 1
 			}, 8, ["label"]),
-			f(_, { label: a(F).countdown.labels }, {
-				default: n(() => [c("div", k, [(e(!0), i(u, null, t(z.value, (t) => (e(), i("input", {
+			r(_, { label: l(F).countdown.labels }, {
+				default: f(() => [t("div", k, [(a(!0), n(c, null, i(z.value, (t) => (a(), n("input", {
 					key: t.unit,
 					type: "text",
-					class: l(a(m)),
+					class: e(l(m)),
 					value: d.block[t.labelKey],
-					placeholder: a(F).countdown[t.translationKey],
+					placeholder: l(F).countdown[t.translationKey],
 					onInput: (e) => B(t.labelKey, e.target.value)
 				}, null, 42, A))), 128))])]),
 				_: 1
 			}, 8, ["label"]),
-			f(_, { label: a(F).countdown.expiry }, {
-				default: n(() => [c("input", {
+			r(_, { label: l(F).countdown.expiry }, {
+				default: f(() => [t("input", {
 					type: "text",
-					class: l(a(m)),
+					class: e(l(m)),
 					value: d.block.expiredMessage,
-					placeholder: a(F).countdown.expiredMessagePlaceholder,
+					placeholder: l(F).countdown.expiredMessagePlaceholder,
 					onInput: p[9] ||= (e) => B("expiredMessage", e.target.value)
 				}, null, 42, j)]),
 				_: 1
 			}, 8, ["label"]),
-			f(_, { label: a(F).countdown.expiredImageUrl }, {
-				default: n(() => [c("input", {
+			r(_, { label: l(F).countdown.expiredImageUrl }, {
+				default: f(() => [t("input", {
 					type: "url",
-					class: l(a(m)),
+					class: e(l(m)),
 					value: d.block.expiredImageUrl,
 					placeholder: "https://...",
 					onInput: p[10] ||= (e) => B("expiredImageUrl", e.target.value)
 				}, null, 42, M)]),
 				_: 1
 			}, 8, ["label"]),
-			f(g, {
+			r(g, {
 				class: "tpl:mb-3.5 tpl:text-[12px] tpl:text-[var(--tpl-text)]",
 				"model-value": d.block.hideOnExpiry,
-				label: a(F).countdown.hideOnExpiry,
+				label: l(F).countdown.hideOnExpiry,
 				"onUpdate:modelValue": p[11] ||= (e) => B("hideOnExpiry", e)
 			}, null, 8, ["model-value", "label"])
 		], 64));
@@ -193,5 +194,3 @@ var b = ["value"], x = ["value"], S = ["value"], C = { class: "tpl:grid tpl:grid
 });
 //#endregion
 export { N as default };
-
-//# sourceMappingURL=CountdownToolbar-DPjcgcVR.js.map

package/dist/{DesignReferenceSidebar-Bx96XFmK.js → DesignReferenceSidebar-DKsx2TiL.js}

@@ -1,16 +1,17 @@
-import { Dt as e, Et as t, I as n, O as r, Ot as i, R as ee, T as a, Y as o, _ as s, c, d as l, h as u, l as te, m as d, nt as f, s as ne, u as p, z as re } from "./vue.runtime.esm-bundler-D1diBMsm.js";
-import { a as ie, t as ae } from "./runtime-dom.esm-bundler-CepEmvwF.js";
-import { t as oe } from "./upload-sVqqppuv.js";
-import { G as m, g as se, i as ce } from "./keys-fwF3qZax.js";
-import { t as h } from "./createLucideIcon-C8WzBYCv.js";
-import { t as le } from "./circle-alert-cilwzafX.js";
-import { t as g } from "./image-up-Ceggh_R3.js";
-import { t as _ } from "./x-Mby7KlhS.js";
-import { t as ue } from "./LoadingTrack-BexpNuTV.js";
-import { t as v } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { n as de } from "./useCloudI18n-DKVm6PCa.js";
-import { f as fe } from "./cloud-qINCmQbn.js";
-var pe = h("file-image", [
+import { B as e, Dt as t, E as n, L as r, Ot as i, X as a, c as o, d as s, g as c, h as l, k as u, kt as d, l as ee, rt as f, s as te, u as p, v as m, z as ne } from "./vue.runtime.esm-bundler-DzEsDRtY.js";
+import { a as re, t as ie } from "./runtime-dom.esm-bundler-BgKXIPLV.js";
+import { W as h, h as ae, i as oe } from "./keys-BxixS0TN.js";
+import "./timeouts-DHPZQ0G3.js";
+import { t as g } from "./createLucideIcon-L-wQXW_R.js";
+import { t as se } from "./circle-alert-CuuK6thq.js";
+import { t as _ } from "./image-up-DouZRGVt.js";
+import { t as ce } from "./upload-D69C2CBx.js";
+import { t as v } from "./x-BjTlFqRv.js";
+import { t as le } from "./LoadingTrack-C2T8ixEL.js";
+import { t as y } from "./_plugin-vue_export-helper-B3ysoDQm.js";
+import { n as ue } from "./useCloudI18n-CAZTZ9_a.js";
+import { g as de } from "./cloud-BAefVBb_.js";
+var fe = g("file-image", [
 	["path", {
 		d: "M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z",
 		key: "1oefj6"
@@ -29,7 +30,7 @@ var pe = h("file-image", [
 		d: "m20 17-1.296-1.296a2.41 2.41 0 0 0-3.408 0L9 22",
 		key: "wt3hpn"
 	}]
-]), y = h("file-text", [
+]), b = g("file-text", [
 	["path", {
 		d: "M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z",
 		key: "1oefj6"
@@ -50,10 +51,10 @@ var pe = h("file-image", [
 		d: "M16 17H8",
 		key: "z1uh3a"
 	}]
-]), me = {
+]), pe = {
 	key: 0,
 	class: "tpl-design-sidebar tpl:absolute tpl:top-14 tpl:right-0 tpl:bottom-0 tpl:z-panel tpl:flex tpl:w-[360px] tpl:flex-col tpl:border-l tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg-elevated)]"
-}, he = { class: "tpl:flex tpl:items-center tpl:justify-between tpl:border-b tpl:border-[var(--tpl-border)] tpl:px-4 tpl:py-3" }, ge = { class: "tpl:flex tpl:items-center tpl:gap-1.5 tpl:text-sm tpl:font-medium tpl:text-[var(--tpl-primary)]" }, b = { class: "tpl:flex-1 tpl:overflow-y-auto tpl:p-4" }, x = {
+}, me = { class: "tpl:flex tpl:items-center tpl:justify-between tpl:border-b tpl:border-[var(--tpl-border)] tpl:px-4 tpl:py-3" }, he = { class: "tpl:flex tpl:items-center tpl:gap-1.5 tpl:text-sm tpl:font-medium tpl:text-[var(--tpl-primary)]" }, ge = { class: "tpl:flex-1 tpl:overflow-y-auto tpl:p-4" }, x = {
 	key: 0,
 	class: "tpl:flex tpl:h-full tpl:flex-col tpl:items-center tpl:justify-center tpl:gap-3 tpl:text-center"
 }, S = { class: "tpl:flex tpl:w-full tpl:flex-col tpl:items-center tpl:gap-3" }, C = { class: "tpl:text-sm tpl:text-[var(--tpl-text-muted)]" }, w = {
@@ -71,19 +72,19 @@ var pe = h("file-image", [
 }, _e = { class: "tpl:text-xs tpl:leading-snug tpl:text-[var(--tpl-text)]" }, ve = { class: "tpl:flex tpl:gap-2" }, ye = {
 	key: 1,
 	class: "tpl:flex tpl:items-start tpl:gap-2 tpl:rounded-lg tpl:px-3 tpl:py-2 tpl:text-xs tpl:bg-[var(--tpl-danger-light)] tpl:text-[var(--tpl-danger)]"
-}, be = ["disabled"], xe = { class: "tpl:m-0 tpl:pt-1 tpl:text-center tpl:text-[11px] tpl:text-[var(--tpl-text-dim)]" }, R = /*#__PURE__*/ v(/* @__PURE__ */ s({
+}, be = ["disabled"], xe = { class: "tpl:m-0 tpl:pt-1 tpl:text-center tpl:text-[11px] tpl:text-[var(--tpl-text-dim)]" }, R = /*#__PURE__*/ y(/* @__PURE__ */ m({
 	__name: "DesignReferenceSidebar",
 	props: {
 		visible: { type: Boolean },
 		hasExistingBlocks: { type: Boolean }
 	},
 	emits: ["close", "apply"],
-	setup(s, { emit: h }) {
-		let v = s, R = h, { t: z } = de(), Se = m(se, "DesignReferenceSidebar"), Ce = m(ce, "DesignReferenceSidebar"), B = fe({
+	setup(m, { emit: g }) {
+		let y = m, R = g, { t: z } = ue(), Se = h(ae, "DesignReferenceSidebar"), Ce = h(oe, "DesignReferenceSidebar"), B = de({
 			authManager: Ce,
 			getTemplateId: () => Se.state.template?.id ?? null,
 			onApply: (e) => R("apply", e)
-		}), V = o(null), H = o("image"), U = o(null), W = o(""), G = o(null), K = o(!1), q = o(!1), J = ne(() => !B.isGenerating.value && U.value !== null);
+		}), V = a(null), H = a("image"), U = a(null), W = a(""), G = a(null), K = a(!1), q = a(!1), J = te(() => !B.isGenerating.value && U.value !== null);
 		function Y(e) {
 			H.value = e, Z();
 		}
@@ -128,7 +129,7 @@ var pe = h("file-image", [
 		}
 		function $() {
 			if (!J.value) return;
-			if (v.hasExistingBlocks && !K.value) {
+			if (y.hasExistingBlocks && !K.value) {
 				K.value = !0;
 				return;
 			}
@@ -139,11 +140,11 @@ var pe = h("file-image", [
 		function De() {
 			K.value = !1;
 		}
-		return n(() => v.visible, (e) => {
+		return r(() => y.visible, (e) => {
 			e || (K.value = !1);
-		}), a(() => {
+		}), n(() => {
 			G.value &&= (URL.revokeObjectURL(G.value), null);
-		}), (n, a) => (r(), te(ae, {
+		}), (n, r) => (u(), ee(ie, {
 			"enter-active-class": "tpl-design-slide-enter-active",
 			"enter-from-class": "tpl:translate-x-full",
 			"enter-to-class": "tpl:translate-x-0",
@@ -151,74 +152,74 @@ var pe = h("file-image", [
 			"leave-from-class": "tpl:translate-x-0",
 			"leave-to-class": "tpl:translate-x-full"
 		}, {
-			default: ee(() => [s.visible ? (r(), l("div", me, [c("div", he, [c("div", ge, [u(f(g), {
+			default: ne(() => [m.visible ? (u(), s("div", pe, [o("div", me, [o("div", he, [c(f(_), {
 				size: 13,
 				"stroke-width": 2
-			}), c("span", null, i(f(z).designReference.title), 1)]), c("button", {
-				class: "tpl:rounded-md tpl:p-0.5 tpl:transition-colors tpl:duration-150 tpl:text-[var(--tpl-text-muted)]",
-				onClick: a[0] ||= (e) => R("close")
-			}, [u(f(_), {
+			}), o("span", null, d(f(z).designReference.title), 1)]), o("button", {
+				class: "tpl:rounded-md tpl:p-0.5 tpl:transition-colors tpl:text-[var(--tpl-text-muted)]",
+				onClick: r[0] ||= (e) => R("close")
+			}, [c(f(v), {
 				size: 14,
 				"stroke-width": 2
-			})])]), c("div", b, [f(B).isGenerating.value ? (r(), l("div", x, [c("div", S, [u(ue), c("p", C, i(f(z).designReference.generating), 1)])])) : (r(), l("div", w, [
-				c("div", T, [c("button", {
-					class: "tpl:flex tpl:flex-1 tpl:items-center tpl:justify-center tpl:gap-1.5 tpl:rounded-[var(--tpl-radius-sm)] tpl:px-2 tpl:py-1.5 tpl:text-xs tpl:font-medium tpl:transition-all tpl:duration-150",
-					style: e({
+			})])]), o("div", ge, [f(B).isGenerating.value ? (u(), s("div", x, [o("div", S, [c(le), o("p", C, d(f(z).designReference.generating), 1)])])) : (u(), s("div", w, [
+				o("div", T, [o("button", {
+					class: "tpl:flex tpl:flex-1 tpl:items-center tpl:justify-center tpl:gap-1.5 tpl:rounded-[var(--tpl-radius-sm)] tpl:px-2 tpl:py-1.5 tpl:text-xs tpl:font-medium tpl:transition-all",
+					style: i({
 						backgroundColor: H.value === "image" ? "var(--tpl-bg)" : "transparent",
 						color: H.value === "image" ? "var(--tpl-primary)" : "var(--tpl-text-muted)",
 						boxShadow: H.value === "image" ? "var(--tpl-shadow)" : "none"
 					}),
-					onClick: a[1] ||= (e) => Y("image")
-				}, [u(f(pe), {
+					onClick: r[1] ||= (e) => Y("image")
+				}, [c(f(fe), {
 					size: 12,
 					"stroke-width": 2
-				}), d(" " + i(f(z).designReference.uploadImage), 1)], 4), c("button", {
-					class: "tpl:flex tpl:flex-1 tpl:items-center tpl:justify-center tpl:gap-1.5 tpl:rounded-[var(--tpl-radius-sm)] tpl:px-2 tpl:py-1.5 tpl:text-xs tpl:font-medium tpl:transition-all tpl:duration-150",
-					style: e({
+				}), l(" " + d(f(z).designReference.uploadImage), 1)], 4), o("button", {
+					class: "tpl:flex tpl:flex-1 tpl:items-center tpl:justify-center tpl:gap-1.5 tpl:rounded-[var(--tpl-radius-sm)] tpl:px-2 tpl:py-1.5 tpl:text-xs tpl:font-medium tpl:transition-all",
+					style: i({
 						backgroundColor: H.value === "pdf" ? "var(--tpl-bg)" : "transparent",
 						color: H.value === "pdf" ? "var(--tpl-primary)" : "var(--tpl-text-muted)",
 						boxShadow: H.value === "pdf" ? "var(--tpl-shadow)" : "none"
 					}),
-					onClick: a[2] ||= (e) => Y("pdf")
-				}, [u(f(y), {
+					onClick: r[2] ||= (e) => Y("pdf")
+				}, [c(f(b), {
 					size: 12,
 					"stroke-width": 2
-				}), d(" " + i(f(z).designReference.uploadPdf), 1)], 4)]),
-				c("div", null, [U.value ? (r(), l("div", E, [c("div", D, [G.value ? (r(), l("img", {
+				}), l(" " + d(f(z).designReference.uploadPdf), 1)], 4)]),
+				o("div", null, [U.value ? (u(), s("div", E, [o("div", D, [G.value ? (u(), s("img", {
 					key: 0,
 					src: G.value,
 					alt: U.value.name,
 					class: "tpl:h-auto tpl:max-h-48 tpl:w-full tpl:object-contain"
-				}, null, 8, O)) : (r(), l("div", k, [u(f(y), {
+				}, null, 8, O)) : (u(), s("div", k, [c(f(b), {
 					size: 32,
 					"stroke-width": 1.5,
 					class: "tpl:text-[var(--tpl-text-dim)]"
-				}), c("span", A, i(U.value.name), 1)])), c("button", {
-					class: "tpl:absolute tpl:top-2 tpl:right-2 tpl:rounded-full tpl:p-1 tpl:transition-colors tpl:duration-150 tpl:bg-[var(--tpl-bg)] tpl:text-[var(--tpl-text-muted)] tpl:shadow-[var(--tpl-shadow)]",
+				}), o("span", A, d(U.value.name), 1)])), o("button", {
+					class: "tpl:absolute tpl:top-2 tpl:right-2 tpl:rounded-full tpl:p-1 tpl:transition-colors tpl:bg-[var(--tpl-bg)] tpl:text-[var(--tpl-text-muted)] tpl:shadow-[var(--tpl-shadow)]",
 					onClick: Z
-				}, [u(f(_), {
+				}, [c(f(v), {
 					size: 12,
 					"stroke-width": 2
-				})])])])) : (r(), l("div", {
+				})])])])) : (u(), s("div", {
 					key: 1,
-					class: "tpl-design-dropzone tpl:flex tpl:cursor-pointer tpl:flex-col tpl:items-center tpl:justify-center tpl:gap-2 tpl:rounded-[var(--tpl-radius)] tpl:border-2 tpl:border-dashed tpl:px-4 tpl:py-8 tpl:transition-colors tpl:duration-150",
-					style: e({
+					class: "tpl-design-dropzone tpl:flex tpl:cursor-pointer tpl:flex-col tpl:items-center tpl:justify-center tpl:gap-2 tpl:rounded-[var(--tpl-radius)] tpl:border-2 tpl:border-dashed tpl:px-4 tpl:py-8 tpl:transition-colors",
+					style: i({
 						borderColor: q.value ? "var(--tpl-primary)" : "var(--tpl-border-light)",
 						backgroundColor: q.value ? "var(--tpl-primary-light)" : "var(--tpl-bg)"
 					}),
-					onClick: a[3] ||= (e) => V.value?.click(),
+					onClick: r[3] ||= (e) => V.value?.click(),
 					onDragover: Q,
 					onDragleave: Te,
 					onDrop: Ee
 				}, [
-					u(f(oe), {
+					c(f(ce), {
 						size: 24,
 						"stroke-width": 1.5,
 						class: "tpl:text-[var(--tpl-text-dim)]"
 					}),
-					c("span", j, i(f(z).designReference.dropHint), 1),
-					c("span", M, i(H.value === "image" ? f(z).designReference.acceptedImages : f(z).designReference.acceptedPdf), 1)
-				], 36)), c("input", {
+					o("span", j, d(f(z).designReference.dropHint), 1),
+					o("span", M, d(H.value === "image" ? f(z).designReference.acceptedImages : f(z).designReference.acceptedPdf), 1)
+				], 36)), o("input", {
 					ref_key: "fileInput",
 					ref: V,
 					type: "file",
@@ -226,39 +227,39 @@ var pe = h("file-image", [
 					accept: H.value === "image" ? "image/png,image/jpeg,image/webp" : "application/pdf",
 					onChange: we
 				}, null, 40, N)]),
-				c("div", P, [c("label", F, i(f(z).designReference.promptLabel), 1), re(c("textarea", {
-					"onUpdate:modelValue": a[4] ||= (e) => W.value = e,
-					class: t(["tpl:min-h-[72px] tpl:w-full tpl:resize-none tpl:rounded-[var(--tpl-radius-sm)] tpl:border tpl:px-3 tpl:py-2 tpl:font-sans tpl:text-sm tpl:outline-none tpl:transition-colors tpl:duration-150 tpl:border-[var(--tpl-border)] tpl:text-[var(--tpl-text)] tpl:bg-[var(--tpl-bg)]", ["tpl-design-prompt-input"]]),
+				o("div", P, [o("label", F, d(f(z).designReference.promptLabel), 1), e(o("textarea", {
+					"onUpdate:modelValue": r[4] ||= (e) => W.value = e,
+					class: t(["tpl:min-h-[72px] tpl:w-full tpl:resize-none tpl:rounded-[var(--tpl-radius-sm)] tpl:border tpl:px-3 tpl:py-2 tpl:font-sans tpl:text-sm tpl:outline-none tpl:transition-colors tpl:border-[var(--tpl-border)] tpl:text-[var(--tpl-text)] tpl:bg-[var(--tpl-bg)]", ["tpl-design-prompt-input"]]),
 					placeholder: f(z).designReference.promptPlaceholder,
 					rows: "3"
-				}, null, 8, I), [[ie, W.value]])]),
-				K.value ? (r(), l("div", L, [c("p", _e, i(f(z).designReference.replaceWarning), 1), c("div", ve, [c("button", {
-					class: "tpl:flex-1 tpl:rounded-[var(--tpl-radius-sm)] tpl:px-3 tpl:py-1.5 tpl:text-xs tpl:font-medium tpl:transition-all tpl:duration-150 tpl:text-[var(--tpl-text-muted)] tpl:border tpl:border-[var(--tpl-border)]",
+				}, null, 8, I), [[re, W.value]])]),
+				K.value ? (u(), s("div", L, [o("p", _e, d(f(z).designReference.replaceWarning), 1), o("div", ve, [o("button", {
+					class: "tpl:flex-1 tpl:rounded-[var(--tpl-radius-sm)] tpl:px-3 tpl:py-1.5 tpl:text-xs tpl:font-medium tpl:transition-all tpl:text-[var(--tpl-text-muted)] tpl:border tpl:border-[var(--tpl-border)]",
 					style: { "background-color": "transparent" },
 					onClick: De
-				}, i(f(z).designReference.replaceCancel), 1), c("button", {
-					class: "tpl:flex-1 tpl:rounded-[var(--tpl-radius-sm)] tpl:px-3 tpl:py-1.5 tpl:text-xs tpl:font-medium tpl:transition-all tpl:duration-150 tpl:hover:opacity-90 tpl:bg-[var(--tpl-primary)] tpl:text-[var(--tpl-bg)]",
+				}, d(f(z).designReference.replaceCancel), 1), o("button", {
+					class: "tpl:flex-1 tpl:rounded-[var(--tpl-radius-sm)] tpl:px-3 tpl:py-1.5 tpl:text-xs tpl:font-medium tpl:transition-all tpl:hover:opacity-90 tpl:bg-[var(--tpl-primary)] tpl:text-[var(--tpl-on-primary)]",
 					onClick: $
-				}, i(f(z).designReference.replaceConfirm), 1)])])) : p("", !0),
-				f(B).error.value ? (r(), l("div", ye, [u(f(le), {
+				}, d(f(z).designReference.replaceConfirm), 1)])])) : p("", !0),
+				f(B).error.value ? (u(), s("div", ye, [c(f(se), {
 					size: 14,
 					"stroke-width": 2,
 					class: "tpl:mt-0.5 tpl:shrink-0"
-				}), c("span", null, i(f(z).designReference.error), 1)])) : p("", !0),
-				K.value ? p("", !0) : (r(), l("button", {
+				}), o("span", null, d(f(z).designReference.error), 1)])) : p("", !0),
+				K.value ? p("", !0) : (u(), s("button", {
 					key: 2,
-					class: "tpl:flex tpl:w-full tpl:items-center tpl:justify-center tpl:gap-2 tpl:rounded-[var(--tpl-radius-sm)] tpl:px-4 tpl:py-2.5 tpl:text-sm tpl:font-medium 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)]",
+					class: "tpl:flex tpl:w-full tpl:items-center tpl:justify-center tpl:gap-2 tpl:rounded-[var(--tpl-radius-sm)] tpl:px-4 tpl:py-2.5 tpl:text-sm tpl:font-medium tpl:transition-all tpl:hover:opacity-90 tpl:disabled:cursor-not-allowed tpl:disabled:opacity-50 tpl:bg-[var(--tpl-primary)] tpl:text-[var(--tpl-on-primary)]",
 					disabled: !J.value,
 					onClick: $
-				}, [u(f(g), {
+				}, [c(f(_), {
 					size: 16,
 					"stroke-width": 2
-				}), d(" " + i(f(z).designReference.generate), 1)], 8, be)),
-				c("p", xe, i(f(z).aiMenu.disclaimer), 1)
+				}), l(" " + d(f(z).designReference.generate), 1)], 8, be)),
+				o("p", xe, d(f(z).aiMenu.disclaimer), 1)
 			]))])])) : p("", !0)]),
 			_: 1
 		}));
 	}
-}), [["__scopeId", "data-v-bdbf8d0d"]]);
+}), [["__scopeId", "data-v-9a44c153"]]);
 //#endregion
 export { R as default };

package/dist/{IssuesPanel-Do7RLXsP.js → IssuesPanel-flKKwKpM.js}

@@ -1,11 +1,11 @@
-import { A as e, Et as t, N as n, O as r, Ot as i, _ as a, c as o, d as s, h as c, l, m as u, nt as d, r as f, s as p, u as m, x as h } from "./vue.runtime.esm-bundler-D1diBMsm.js";
-import { B as g, g as _ } from "./keys-fwF3qZax.js";
-import { t as v } from "./useI18n-DoVKdCTH.js";
-import { t as y } from "./createLucideIcon-C8WzBYCv.js";
-import { t as b } from "./circle-alert-cilwzafX.js";
-import { t as x } from "./info-DO5odBcZ.js";
-import { t as S } from "./list-checks-BSkPKbuI.js";
-import { t as C } from "./triangle-alert-BBi4n93g.js";
+import { Dt as e, P as t, S as n, c as r, d as i, g as a, h as o, j as s, k as c, kt as l, l as u, r as d, rt as f, s as p, u as m, v as h } from "./vue.runtime.esm-bundler-DzEsDRtY.js";
+import { h as g, z as _ } from "./keys-BxixS0TN.js";
+import { t as v } from "./useI18n-BfXff_Sy.js";
+import { t as y } from "./createLucideIcon-L-wQXW_R.js";
+import { t as b } from "./circle-alert-CuuK6thq.js";
+import { t as x } from "./info-puX5V6Iq.js";
+import { t as S } from "./list-checks-jw-ZlvWY.js";
+import { t as C } from "./triangle-alert-Fw0ce8oQ.js";
 var w = y("arrow-right", [["path", {
 	d: "M5 12h14",
 	key: "1ays0h"
@@ -24,83 +24,83 @@ var w = y("arrow-right", [["path", {
 }, 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__ */ a({
+}, 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__ */ h({
 	__name: "IssuesPanel",
-	setup(a) {
-		let { t: y, format: z } = v(), B = h(g, null), V = h(_, 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);
+	setup(h) {
+		let { t: y, format: z } = v(), B = n(_, null), V = n(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 (a, p) => (r(), s("div", E, [o("header", D, [
-			c(d(S), {
+		return (n, p) => (c(), i("div", E, [r("header", D, [
+			a(f(S), {
 				size: 16,
 				"stroke-width": 1.5
 			}),
-			o("h3", O, i(d(y).issues.panelTitle), 1),
-			G.value > 0 ? (r(), s("span", {
+			r("h3", O, l(f(y).issues.panelTitle), 1),
+			G.value > 0 ? (c(), i("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: d(z)(d(y).issues.issueCountTooltip, { count: G.value })
-			}, i(G.value), 9, k)) : m("", !0)
-		]), !d(B) || d(B).unavailable.value ? (r(), s("div", A)) : G.value === 0 ? (r(), s("div", j, i(d(y).issues.emptyState), 1)) : (r(!0), s(f, { key: 2 }, e([
+				title: f(z)(f(y).issues.issueCountTooltip, { count: G.value })
+			}, l(G.value), 9, k)) : m("", !0)
+		]), !f(B) || f(B).unavailable.value ? (c(), i("div", A)) : G.value === 0 ? (c(), i("div", j, l(f(y).issues.emptyState), 1)) : (c(!0), i(d, { key: 2 }, s([
 			{
 				key: "errors",
-				title: d(y).issues.groupErrors,
-				icon: d(b),
+				title: f(y).issues.groupErrors,
+				icon: f(b),
 				items: H.value,
 				tone: "tpl:text-[var(--tpl-danger)]"
 			},
 			{
 				key: "warnings",
-				title: d(y).issues.groupWarnings,
-				icon: d(C),
+				title: f(y).issues.groupWarnings,
+				icon: f(C),
 				items: U.value,
 				tone: "tpl:text-[var(--tpl-warning)]"
 			},
 			{
 				key: "info",
-				title: d(y).issues.groupInfo,
-				icon: d(x),
+				title: f(y).issues.groupInfo,
+				icon: f(x),
 				items: W.value,
 				tone: "tpl:text-[var(--tpl-text-muted)]"
 			}
-		], (a) => (r(), s("section", { key: a.key }, [a.items.length > 0 ? (r(), s("header", {
+		], (n) => (c(), i("section", { key: n.key }, [n.items.length > 0 ? (c(), i("header", {
 			key: 0,
-			class: t(["tpl:mb-2 tpl:flex tpl:items-center tpl:gap-1.5 tpl:text-[11px] tpl:font-semibold tpl:uppercase tpl:tracking-wide", a.tone])
+			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", n.tone])
 		}, [
-			(r(), l(n(a.icon), {
+			(c(), u(t(n.icon), {
 				size: 12,
 				"stroke-width": 2
 			})),
-			u(" " + i(a.title) + " ", 1),
-			o("span", M, i(a.items.length), 1)
-		], 2)) : m("", !0), a.items.length > 0 ? (r(), s("ul", N, [(r(!0), s(f, null, e(a.items, (e) => (r(), s("li", {
+			o(" " + l(n.title) + " ", 1),
+			r("span", M, l(n.items.length), 1)
+		], 2)) : m("", !0), n.items.length > 0 ? (c(), i("ul", N, [(c(!0), i(d, null, s(n.items, (e) => (c(), i("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"
 		}, [
-			o("p", P, i(e.message), 1),
-			o("p", F, i(e.ruleId), 1),
-			o("div", I, [e.blockId ? (r(), s("button", {
+			r("p", P, l(e.message), 1),
+			r("p", F, l(e.ruleId), 1),
+			r("div", I, [e.blockId ? (c(), i("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(d(w), {
+			}, [a(f(w), {
 				size: 10,
 				"stroke-width": 2
-			}), u(" " + i(d(y).issues.jump), 1)], 8, L)) : m("", !0), e.fix ? (r(), s("button", {
+			}), o(" " + l(f(y).issues.jump), 1)], 8, L)) : m("", !0), e.fix ? (c(), i("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",
+				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-[var(--tpl-on-primary)]",
 				title: e.fix.description,
 				onClick: (t) => q(e)
-			}, [c(d(T), {
+			}, [a(f(T), {
 				size: 10,
 				"stroke-width": 2
-			}), u(" " + i(d(y).issues.fix), 1)], 8, R)) : m("", !0)])
+			}), o(" " + l(f(y).issues.fix), 1)], 8, R)) : m("", !0)])
 		]))), 128))])) : m("", !0)]))), 128))]));
 	}
 });

package/dist/{LoadingTrack-BexpNuTV.js → LoadingTrack-C2T8ixEL.js}

@@ -1,10 +1,10 @@
-import { O as e, d as t } from "./vue.runtime.esm-bundler-D1diBMsm.js";
+import { d as e, k as t } from "./vue.runtime.esm-bundler-DzEsDRtY.js";
 import { t as n } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 //#region src/components/LoadingTrack.vue
 var r = {}, i = { class: "tpl-loading-track" };
 function a(n, r) {
-	return e(), t("div", i);
+	return t(), e("div", i);
 }
-var o = /*#__PURE__*/ n(r, [["render", a], ["__scopeId", "data-v-1ed538ec"]]);
+var o = /*#__PURE__*/ n(r, [["render", a], ["__scopeId", "data-v-c3d50014"]]);
 //#endregion
 export { o as t };