@templatical/editor 0.14.0 → 0.15.1

package/dist/CountdownToolbar-CS0axcjz.js

@@ -0,0 +1,210 @@
+import { A as e, Et as t, O as n, Ot as r, R 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 } from "./vue.runtime.esm-bundler-l0XAqiyv.js";
+import { t as m } from "./useI18n-C-TDeJBt.js";
+import { f as h } from "./styleConstants-lGobwiLH.js";
+import { i as g, n as _, r as v, t as y } from "./NumberWithSuffix-CrA6quxx.js";
+//#region src/components/toolbar/CheckboxItem.vue?vue&type=script&setup=true&lang.ts
+var b = { class: "tpl:flex tpl:cursor-pointer tpl:items-center tpl:gap-2 tpl:text-[12px] tpl:text-[var(--tpl-text)]" }, x = ["checked"], S = /* @__PURE__ */ a({
+	__name: "CheckboxItem",
+	props: {
+		modelValue: { type: Boolean },
+		label: {}
+	},
+	emits: ["update:modelValue"],
+	setup(e, { emit: t }) {
+		let i = t;
+		return (t, a) => (n(), s("label", b, [o("input", {
+			type: "checkbox",
+			class: "tpl:size-3.5 tpl:cursor-pointer tpl:accent-[var(--tpl-primary)]",
+			checked: e.modelValue,
+			onChange: a[0] ||= (e) => i("update:modelValue", e.target.checked)
+		}, null, 40, x), u(" " + r(e.label), 1)]));
+	}
+}), C = ["value"], w = ["value"], T = ["value"], E = { class: "tpl:grid tpl:grid-cols-2 tpl:gap-2" }, D = ["value"], O = { value: "" }, k = ["value"], A = { class: "tpl:grid tpl:grid-cols-2 tpl:gap-3" }, j = { class: "tpl:grid tpl:grid-cols-2 tpl:gap-3" }, M = { class: "tpl:grid tpl:grid-cols-2 tpl:gap-2" }, N = [
+	"value",
+	"placeholder",
+	"onInput"
+], P = ["value", "placeholder"], F = ["value"], I = /* @__PURE__ */ a({
+	__name: "CountdownToolbar",
+	props: {
+		block: {},
+		fontFamilies: {}
+	},
+	emits: ["update"],
+	setup(a, { emit: u }) {
+		let b = u, { t: x } = m(), I = [
+			"UTC",
+			"America/New_York",
+			"America/Chicago",
+			"America/Denver",
+			"America/Los_Angeles",
+			"Europe/London",
+			"Europe/Berlin",
+			"Europe/Paris",
+			"Europe/Moscow",
+			"Asia/Dubai",
+			"Asia/Kolkata",
+			"Asia/Shanghai",
+			"Asia/Tokyo",
+			"Australia/Sydney",
+			"Pacific/Auckland"
+		], L = [
+			{
+				value: ":",
+				label: ":"
+			},
+			{
+				value: "-",
+				label: "-"
+			},
+			{
+				value: " ",
+				label: "␣"
+			}
+		], R = [
+			"Days",
+			"Hours",
+			"Minutes",
+			"Seconds"
+		], z = p(() => R.map((e) => ({
+			unit: e,
+			showKey: `show${e}`,
+			labelKey: `label${e}`,
+			translationKey: e.toLowerCase()
+		})));
+		function B(e, t) {
+			b("update", { [e]: t });
+		}
+		return (u, p) => (n(), s(f, null, [
+			c(_, { label: d(x).countdown.targetDate }, {
+				default: i(() => [o("input", {
+					type: "datetime-local",
+					class: t(d(h)),
+					value: a.block.targetDate,
+					onInput: p[0] ||= (e) => B("targetDate", e.target.value)
+				}, null, 42, C)]),
+				_: 1
+			}, 8, ["label"]),
+			c(_, { label: d(x).countdown.timezone }, {
+				default: i(() => [o("select", {
+					class: t(d(h)),
+					value: a.block.timezone,
+					onChange: p[1] ||= (e) => B("timezone", e.target.value)
+				}, [(n(), s(f, null, e(I, (e) => o("option", {
+					key: e,
+					value: e
+				}, r(e), 9, T)), 64))], 42, w)]),
+				_: 1
+			}, 8, ["label"]),
+			c(_, { label: d(x).countdown.display }, {
+				default: i(() => [o("div", E, [(n(!0), s(f, null, e(z.value, (e) => (n(), l(S, {
+					key: e.unit,
+					"model-value": a.block[e.showKey],
+					label: d(x).countdown[e.translationKey],
+					"onUpdate:modelValue": (t) => B(e.showKey, t)
+				}, null, 8, [
+					"model-value",
+					"label",
+					"onUpdate:modelValue"
+				]))), 128))])]),
+				_: 1
+			}, 8, ["label"]),
+			c(_, { label: d(x).countdown.separator }, {
+				default: i(() => [c(v, {
+					options: L,
+					"model-value": a.block.separator,
+					"onUpdate:modelValue": p[2] ||= (e) => B("separator", e)
+				}, null, 8, ["model-value"])]),
+				_: 1
+			}, 8, ["label"]),
+			c(_, { label: d(x).countdown.fontFamily }, {
+				default: i(() => [o("select", {
+					class: t(d(h)),
+					value: a.block.fontFamily || "",
+					onChange: p[3] ||= (e) => B("fontFamily", e.target.value || void 0)
+				}, [o("option", O, r(d(x).countdown.inheritFont), 1), (n(!0), s(f, null, e(a.fontFamilies, (e) => (n(), s("option", {
+					key: e.value,
+					value: e.value
+				}, r(e.label), 9, k))), 128))], 42, D)]),
+				_: 1
+			}, 8, ["label"]),
+			o("div", A, [c(_, { label: d(x).countdown.digitFontSize }, {
+				default: i(() => [c(y, {
+					"model-value": a.block.digitFontSize,
+					min: 12,
+					max: 72,
+					suffix: "px",
+					"onUpdate:modelValue": p[4] ||= (e) => B("digitFontSize", e)
+				}, null, 8, ["model-value"])]),
+				_: 1
+			}, 8, ["label"]), c(_, { label: d(x).countdown.labelFontSize }, {
+				default: i(() => [c(y, {
+					"model-value": a.block.labelFontSize,
+					min: 8,
+					max: 24,
+					suffix: "px",
+					"onUpdate:modelValue": p[5] ||= (e) => B("labelFontSize", e)
+				}, null, 8, ["model-value"])]),
+				_: 1
+			}, 8, ["label"])]),
+			o("div", j, [c(_, { label: d(x).countdown.digitColor }, {
+				default: i(() => [c(g, {
+					"model-value": a.block.digitColor,
+					"onUpdate:modelValue": p[6] ||= (e) => B("digitColor", e)
+				}, null, 8, ["model-value"])]),
+				_: 1
+			}, 8, ["label"]), c(_, { label: d(x).countdown.labelColor }, {
+				default: i(() => [c(g, {
+					"model-value": a.block.labelColor,
+					"onUpdate:modelValue": p[7] ||= (e) => B("labelColor", e)
+				}, null, 8, ["model-value"])]),
+				_: 1
+			}, 8, ["label"])]),
+			c(_, { label: d(x).countdown.background }, {
+				default: i(() => [c(g, {
+					"model-value": a.block.backgroundColor,
+					"onUpdate:modelValue": p[8] ||= (e) => B("backgroundColor", e)
+				}, null, 8, ["model-value"])]),
+				_: 1
+			}, 8, ["label"]),
+			c(_, { label: d(x).countdown.labels }, {
+				default: i(() => [o("div", M, [(n(!0), s(f, null, e(z.value, (e) => (n(), s("input", {
+					key: e.unit,
+					type: "text",
+					class: t(d(h)),
+					value: a.block[e.labelKey],
+					placeholder: d(x).countdown[e.translationKey],
+					onInput: (t) => B(e.labelKey, t.target.value)
+				}, null, 42, N))), 128))])]),
+				_: 1
+			}, 8, ["label"]),
+			c(_, { label: d(x).countdown.expiry }, {
+				default: i(() => [o("input", {
+					type: "text",
+					class: t(d(h)),
+					value: a.block.expiredMessage,
+					placeholder: d(x).countdown.expiredMessagePlaceholder,
+					onInput: p[9] ||= (e) => B("expiredMessage", e.target.value)
+				}, null, 42, P)]),
+				_: 1
+			}, 8, ["label"]),
+			c(_, { label: d(x).countdown.expiredImageUrl }, {
+				default: i(() => [o("input", {
+					type: "url",
+					class: t(d(h)),
+					value: a.block.expiredImageUrl,
+					placeholder: "https://...",
+					onInput: p[10] ||= (e) => B("expiredImageUrl", e.target.value)
+				}, null, 42, F)]),
+				_: 1
+			}, 8, ["label"]),
+			c(S, {
+				"model-value": a.block.hideOnExpiry,
+				label: d(x).countdown.hideOnExpiry,
+				class: "tpl:mb-3.5",
+				"onUpdate:modelValue": p[11] ||= (e) => B("hideOnExpiry", e)
+			}, null, 8, ["model-value", "label"])
+		], 64));
+	}
+});
+//#endregion
+export { I as default };

package/dist/{DesignReferenceSidebar-BHRlTqlT.js → DesignReferenceSidebar-DWYK9nTk.js}

@@ -1,15 +1,16 @@
-import { A as e, B as t, D as n, L as r, X as i, _ as a, a as ee, at as te, b as o, d as ne, f as s, h as c, m as l, ot as u, p as re, rt as d, st as f, t as ie, v as p, z as ae } from "./vue.runtime.esm-bundler-BPa483TZ.js";
+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-l0XAqiyv.js";
+import { a as ie, t as ae } from "./runtime-dom.esm-bundler-BzuoCyNp.js";
 import "./timeouts-Bmi_yePw.js";
-import { L as m, m as oe, r as se } from "./keys-DgYXDafq.js";
-import { t as h } from "./createLucideIcon-Bad2kKE0.js";
-import { t as ce } from "./circle-alert-wf5HUFZY.js";
-import { t as g } from "./image-up-x8-WXfsx.js";
-import { t as _ } from "./upload-e5kDRkPb.js";
-import { t as v } from "./x-DiPIbccg.js";
-import { t as le } from "./LoadingTrack-CV3ID80N.js";
+import { L as m, m as oe, r as se } from "./keys-Cv8-8GsD.js";
+import { t as h } from "./createLucideIcon-Dx-EjR9r.js";
+import { t as ce } from "./circle-alert-C8xmpMsK.js";
+import { t as g } from "./image-up-BwBCmQ4P.js";
+import { t as _ } from "./upload-CWBIoLd4.js";
+import { t as v } from "./x-CQSvXnGR.js";
+import { t as le } from "./LoadingTrack-DsecR8Rw.js";
 import { t as y } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { n as ue } from "./useCloudI18n-CYJKqXtI.js";
-import { u as de } from "./cloud-CoFDm9YA.js";
+import { n as ue } from "./useCloudI18n-AKCy98qD.js";
+import { u as de } from "./cloud-BQusL53H.js";
 var fe = h("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",
@@ -71,19 +72,19 @@ var fe = h("file-image", [
 }, ge = { class: "tpl:text-xs tpl:leading-snug tpl:text-[var(--tpl-text)]" }, _e = { class: "tpl:flex tpl:gap-2" }, ve = {
 	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)]"
-}, ye = ["disabled"], be = { class: "tpl:m-0 tpl:pt-1 tpl:text-center tpl:text-[11px] tpl:text-[var(--tpl-text-dim)]" }, z = /*#__PURE__*/ y(/* @__PURE__ */ o({
+}, ye = ["disabled"], be = { class: "tpl:m-0 tpl:pt-1 tpl:text-center tpl:text-[11px] tpl:text-[var(--tpl-text-dim)]" }, z = /*#__PURE__*/ y(/* @__PURE__ */ s({
 	__name: "DesignReferenceSidebar",
 	props: {
 		visible: { type: Boolean },
 		hasExistingBlocks: { type: Boolean }
 	},
 	emits: ["close", "apply"],
-	setup(o, { emit: h }) {
-		let y = o, z = h, { t: B } = ue(), xe = m(oe, "DesignReferenceSidebar"), V = de({
+	setup(s, { emit: h }) {
+		let y = s, z = h, { t: B } = ue(), xe = m(oe, "DesignReferenceSidebar"), V = de({
 			authManager: m(se, "DesignReferenceSidebar"),
 			getTemplateId: () => xe.state.template?.id ?? null,
 			onApply: (e) => z("apply", e)
-		}), H = i(null), U = i("image"), W = i(null), G = i(""), K = i(null), q = i(!1), J = i(!1), Y = ne(() => V.isGenerating.value ? !1 : W.value !== null);
+		}), H = o(null), U = o("image"), W = o(null), G = o(""), K = o(null), q = o(!1), J = o(!1), Y = ne(() => !V.isGenerating.value && W.value !== null);
 		function X(e) {
 			U.value = e, Q();
 		}
@@ -139,11 +140,11 @@ var fe = h("file-image", [
 		function Ee() {
 			q.value = !1;
 		}
-		return r(() => y.visible, (e) => {
+		return n(() => y.visible, (e) => {
 			e || (q.value = !1);
-		}), n(() => {
+		}), a(() => {
 			K.value &&= (URL.revokeObjectURL(K.value), null);
-		}), (n, r) => (e(), re(ie, {
+		}), (n, a) => (r(), te(ae, {
 			"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 fe = h("file-image", [
 			"leave-from-class": "tpl:translate-x-0",
 			"leave-to-class": "tpl:translate-x-full"
 		}, {
-			default: ae(() => [o.visible ? (e(), c("div", pe, [s("div", me, [s("div", he, [p(d(g), {
+			default: ee(() => [s.visible ? (r(), l("div", pe, [c("div", me, [c("div", he, [u(f(g), {
 				size: 13,
 				"stroke-width": 2
-			}), s("span", null, f(d(B).designReference.title), 1)]), s("button", {
+			}), c("span", null, i(f(B).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: r[0] ||= (e) => z("close")
-			}, [p(d(v), {
+				onClick: a[0] ||= (e) => z("close")
+			}, [u(f(v), {
 				size: 14,
 				"stroke-width": 2
-			})])]), s("div", x, [d(V).isGenerating.value ? (e(), c("div", S, [s("div", C, [p(le), s("p", w, f(d(B).designReference.generating), 1)])])) : (e(), c("div", T, [
-				s("div", E, [s("button", {
+			})])]), c("div", x, [f(V).isGenerating.value ? (r(), l("div", S, [c("div", C, [u(le), c("p", w, i(f(B).designReference.generating), 1)])])) : (r(), l("div", T, [
+				c("div", E, [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: u({
+					style: e({
 						backgroundColor: U.value === "image" ? "var(--tpl-bg)" : "transparent",
 						color: U.value === "image" ? "var(--tpl-primary)" : "var(--tpl-text-muted)",
 						boxShadow: U.value === "image" ? "var(--tpl-shadow)" : "none"
 					}),
-					onClick: r[1] ||= (e) => X("image")
-				}, [p(d(fe), {
+					onClick: a[1] ||= (e) => X("image")
+				}, [u(f(fe), {
 					size: 12,
 					"stroke-width": 2
-				}), a(" " + f(d(B).designReference.uploadImage), 1)], 4), s("button", {
+				}), d(" " + i(f(B).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: u({
+					style: e({
 						backgroundColor: U.value === "pdf" ? "var(--tpl-bg)" : "transparent",
 						color: U.value === "pdf" ? "var(--tpl-primary)" : "var(--tpl-text-muted)",
 						boxShadow: U.value === "pdf" ? "var(--tpl-shadow)" : "none"
 					}),
-					onClick: r[2] ||= (e) => X("pdf")
-				}, [p(d(b), {
+					onClick: a[2] ||= (e) => X("pdf")
+				}, [u(f(b), {
 					size: 12,
 					"stroke-width": 2
-				}), a(" " + f(d(B).designReference.uploadPdf), 1)], 4)]),
-				s("div", null, [W.value ? (e(), c("div", D, [s("div", O, [K.value ? (e(), c("img", {
+				}), d(" " + i(f(B).designReference.uploadPdf), 1)], 4)]),
+				c("div", null, [W.value ? (r(), l("div", D, [c("div", O, [K.value ? (r(), l("img", {
 					key: 0,
 					src: K.value,
 					alt: W.value.name,
 					class: "tpl:h-auto tpl:max-h-48 tpl:w-full tpl:object-contain"
-				}, null, 8, k)) : (e(), c("div", A, [p(d(b), {
+				}, null, 8, k)) : (r(), l("div", A, [u(f(b), {
 					size: 32,
 					"stroke-width": 1.5,
 					class: "tpl:text-[var(--tpl-text-dim)]"
-				}), s("span", j, f(W.value.name), 1)])), s("button", {
+				}), c("span", j, i(W.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)]",
 					onClick: Q
-				}, [p(d(v), {
+				}, [u(f(v), {
 					size: 12,
 					"stroke-width": 2
-				})])])])) : (e(), c("div", {
+				})])])])) : (r(), l("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: u({
+					style: e({
 						borderColor: J.value ? "var(--tpl-primary)" : "var(--tpl-border-light)",
 						backgroundColor: J.value ? "var(--tpl-primary-light)" : "var(--tpl-bg)"
 					}),
-					onClick: r[3] ||= (e) => H.value?.click(),
+					onClick: a[3] ||= (e) => H.value?.click(),
 					onDragover: Ce,
 					onDragleave: we,
 					onDrop: Te
 				}, [
-					p(d(_), {
+					u(f(_), {
 						size: 24,
 						"stroke-width": 1.5,
 						class: "tpl:text-[var(--tpl-text-dim)]"
 					}),
-					s("span", M, f(d(B).designReference.dropHint), 1),
-					s("span", N, f(U.value === "image" ? d(B).designReference.acceptedImages : d(B).designReference.acceptedPdf), 1)
-				], 36)), s("input", {
+					c("span", M, i(f(B).designReference.dropHint), 1),
+					c("span", N, i(U.value === "image" ? f(B).designReference.acceptedImages : f(B).designReference.acceptedPdf), 1)
+				], 36)), c("input", {
 					ref_key: "fileInput",
 					ref: H,
 					type: "file",
@@ -226,36 +227,36 @@ var fe = h("file-image", [
 					accept: U.value === "image" ? "image/png,image/jpeg,image/webp" : "application/pdf",
 					onChange: Se
 				}, null, 40, P)]),
-				s("div", F, [s("label", I, f(d(B).designReference.promptLabel), 1), t(s("textarea", {
-					"onUpdate:modelValue": r[4] ||= (e) => G.value = e,
-					class: te(["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"]]),
-					placeholder: d(B).designReference.promptPlaceholder,
+				c("div", F, [c("label", I, i(f(B).designReference.promptLabel), 1), re(c("textarea", {
+					"onUpdate:modelValue": a[4] ||= (e) => G.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"]]),
+					placeholder: f(B).designReference.promptPlaceholder,
 					rows: "3"
-				}, null, 8, L), [[ee, G.value]])]),
-				q.value ? (e(), c("div", R, [s("p", ge, f(d(B).designReference.replaceWarning), 1), s("div", _e, [s("button", {
+				}, null, 8, L), [[ie, G.value]])]),
+				q.value ? (r(), l("div", R, [c("p", ge, i(f(B).designReference.replaceWarning), 1), c("div", _e, [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)]",
 					style: { "background-color": "transparent" },
 					onClick: Ee
-				}, f(d(B).designReference.replaceCancel), 1), s("button", {
+				}, i(f(B).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)]",
 					onClick: $
-				}, f(d(B).designReference.replaceConfirm), 1)])])) : l("", !0),
-				d(V).error.value ? (e(), c("div", ve, [p(d(ce), {
+				}, i(f(B).designReference.replaceConfirm), 1)])])) : p("", !0),
+				f(V).error.value ? (r(), l("div", ve, [u(f(ce), {
 					size: 14,
 					"stroke-width": 2,
 					class: "tpl:mt-0.5 tpl:shrink-0"
-				}), s("span", null, f(d(B).designReference.error), 1)])) : l("", !0),
-				q.value ? l("", !0) : (e(), c("button", {
+				}), c("span", null, i(f(B).designReference.error), 1)])) : p("", !0),
+				q.value ? p("", !0) : (r(), l("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)]",
 					disabled: !Y.value,
 					onClick: $
-				}, [p(d(g), {
+				}, [u(f(g), {
 					size: 16,
 					"stroke-width": 2
-				}), a(" " + f(d(B).designReference.generate), 1)], 8, ye)),
-				s("p", be, f(d(B).aiMenu.disclaimer), 1)
-			]))])])) : l("", !0)]),
+				}), d(" " + i(f(B).designReference.generate), 1)], 8, ye)),
+				c("p", be, i(f(B).aiMenu.disclaimer), 1)
+			]))])])) : p("", !0)]),
 			_: 1
 		}));
 	}

package/dist/{IssuesPanel-u7ee3Wrl.js → IssuesPanel-CR1MPaDE.js}

@@ -1,11 +1,11 @@
-import { A as e, F as t, M as n, _ as r, at as i, b as a, d as o, f as s, h as c, l, m as u, p as d, rt as f, st as p, v as m, w as h } from "./vue.runtime.esm-bundler-BPa483TZ.js";
-import { N as g, m as _ } from "./keys-DgYXDafq.js";
-import { t as v } from "./useI18n-BWqM8i78.js";
-import { t as y } from "./createLucideIcon-Bad2kKE0.js";
-import { t as b } from "./circle-alert-wf5HUFZY.js";
-import { t as x } from "./info-RS_fGcGi.js";
-import { t as S } from "./list-checks-Bf7XdDyv.js";
-import { t as C } from "./triangle-alert-Chkny574.js";
+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-l0XAqiyv.js";
+import { N as g, m as _ } from "./keys-Cv8-8GsD.js";
+import { t as v } from "./useI18n-C-TDeJBt.js";
+import { t as y } from "./createLucideIcon-Dx-EjR9r.js";
+import { t as b } from "./circle-alert-C8xmpMsK.js";
+import { t as x } from "./info-TCn7uWR5.js";
+import { t as S } from "./list-checks-CSrOWNgq.js";
+import { t as C } from "./triangle-alert-BuRWnynk.js";
 var w = y("arrow-right", [["path", {
 	d: "M5 12h14",
 	key: "1ays0h"
@@ -27,81 +27,81 @@ var w = y("arrow-right", [["path", {
 }, 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({
 	__name: "IssuesPanel",
 	setup(a) {
-		let { t: y, format: z } = v(), B = h(g, null), V = h(_, null), H = o(() => (B?.issues.value ?? []).filter((e) => e.severity === "error")), U = o(() => (B?.issues.value ?? []).filter((e) => e.severity === "warning")), W = o(() => (B?.issues.value ?? []).filter((e) => e.severity === "info")), G = o(() => H.value.length + U.value.length + W.value.length);
+		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);
 		function K(e) {
 			V && e.blockId && V.selectBlock(e.blockId);
 		}
 		function q(e) {
 			B?.applyFix(e);
 		}
-		return (a, o) => (e(), c("div", E, [s("header", D, [
-			m(f(S), {
+		return (a, p) => (r(), s("div", E, [o("header", D, [
+			c(d(S), {
 				size: 16,
 				"stroke-width": 1.5
 			}),
-			s("h3", O, p(f(y).issues.panelTitle), 1),
-			G.value > 0 ? (e(), c("span", {
+			o("h3", O, i(d(y).issues.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).issues.issueCountTooltip, { count: G.value })
-			}, p(G.value), 9, k)) : u("", !0)
-		]), !f(B) || f(B).unavailable.value ? (e(), c("div", A)) : G.value === 0 ? (e(), c("div", j, p(f(y).issues.emptyState), 1)) : (e(!0), c(l, { key: 2 }, n([
+				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([
 			{
 				key: "errors",
-				title: f(y).issues.groupErrors,
-				icon: f(b),
+				title: d(y).issues.groupErrors,
+				icon: d(b),
 				items: H.value,
 				tone: "tpl:text-[var(--tpl-danger)]"
 			},
 			{
 				key: "warnings",
-				title: f(y).issues.groupWarnings,
-				icon: f(C),
+				title: d(y).issues.groupWarnings,
+				icon: d(C),
 				items: U.value,
 				tone: "tpl:text-[var(--tpl-warning)]"
 			},
 			{
 				key: "info",
-				title: f(y).issues.groupInfo,
-				icon: f(x),
+				title: d(y).issues.groupInfo,
+				icon: d(x),
 				items: W.value,
 				tone: "tpl:text-[var(--tpl-text-muted)]"
 			}
-		], (a) => (e(), c("section", { key: a.key }, [a.items.length > 0 ? (e(), c("header", {
+		], (a) => (r(), s("section", { key: a.key }, [a.items.length > 0 ? (r(), s("header", {
 			key: 0,
-			class: i(["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: 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])
 		}, [
-			(e(), d(t(a.icon), {
+			(r(), l(n(a.icon), {
 				size: 12,
 				"stroke-width": 2
 			})),
-			r(" " + p(a.title) + " ", 1),
-			s("span", M, p(a.items.length), 1)
-		], 2)) : u("", !0), a.items.length > 0 ? (e(), c("ul", N, [(e(!0), c(l, null, n(a.items, (t) => (e(), c("li", {
-			key: `${t.ruleId}-${t.blockId ?? "template"}`,
+			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", {
+			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"
 		}, [
-			s("p", P, p(t.message), 1),
-			s("p", F, p(t.ruleId), 1),
-			s("div", I, [t.blockId ? (e(), c("button", {
+			o("p", P, i(e.message), 1),
+			o("p", F, i(e.ruleId), 1),
+			o("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: (e) => K(t)
-			}, [m(f(w), {
+				onClick: (t) => K(e)
+			}, [c(d(w), {
 				size: 10,
 				"stroke-width": 2
-			}), r(" " + p(f(y).issues.jump), 1)], 8, L)) : u("", !0), t.fix ? (e(), c("button", {
+			}), u(" " + i(d(y).issues.jump), 1)], 8, L)) : m("", !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: t.fix.description,
-				onClick: (e) => q(t)
-			}, [m(f(T), {
+				title: e.fix.description,
+				onClick: (t) => q(e)
+			}, [c(d(T), {
 				size: 10,
 				"stroke-width": 2
-			}), r(" " + p(f(y).issues.fix), 1)], 8, R)) : u("", !0)])
-		]))), 128))])) : u("", !0)]))), 128))]));
+			}), u(" " + i(d(y).issues.fix), 1)], 8, R)) : m("", !0)])
+		]))), 128))])) : m("", !0)]))), 128))]));
 	}
 });
 //#endregion

package/dist/{LoadingTrack-CV3ID80N.js → LoadingTrack-DsecR8Rw.js}

@@ -1,4 +1,4 @@
-import { A as e, h as t } from "./vue.runtime.esm-bundler-BPa483TZ.js";
+import { O as e, d as t } from "./vue.runtime.esm-bundler-l0XAqiyv.js";
 import { t as n } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 //#region src/components/LoadingTrack.vue
 var r = {}, i = { class: "tpl-loading-track" };