@templatical/editor 0.34.3 → 0.36.0

package/dist/{CountdownToolbar-B8J4i5Xp.js → CountdownToolbar-DBFoG3a6.js}

@@ -1,21 +1,21 @@
-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-D9JUcKrV.js";
-import { t as p } from "./useI18n-CL6RfPzK.js";
+import { A as e, B as t, M as n, at as r, c as i, d as a, g as o, jt as s, kt as c, l, r as u, s as d, v as f } from "./vue.runtime.esm-bundler-DShF3P6k.js";
+import { t as p } from "./useI18n-BbdxxpOE.js";
 import { p as m } from "./styleConstants-C_YAPdQS.js";
-import { t as h } from "./ColorPicker-C6EOwtHC.js";
-import { i as g, n as _, r as v, t as y } from "./FieldRow-BWt7ECqo.js";
+import { t as h } from "./ColorPicker-BqlZ_TqG.js";
+import { i as g, n as _, r as v, t as y } from "./FieldRow-C8nOknr_.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",
 	"placeholder",
 	"onInput"
-], j = ["value", "placeholder"], M = ["value"], N = /* @__PURE__ */ d({
+], j = ["value", "placeholder"], M = ["value"], N = /* @__PURE__ */ f({
 	__name: "CountdownToolbar",
 	props: {
 		block: {},
 		fontFamilies: {}
 	},
 	emits: ["update"],
-	setup(d, { emit: N }) {
+	setup(f, { emit: N }) {
 		let P = N, { t: F } = p(), I = [
 			"UTC",
 			"America/New_York",
@@ -50,7 +50,7 @@ var b = ["value"], x = ["value"], S = ["value"], C = { class: "tpl:grid tpl:grid
 			"Hours",
 			"Minutes",
 			"Seconds"
-		], z = u(() => R.map((e) => ({
+		], z = d(() => R.map((e) => ({
 			unit: e,
 			showKey: `show${e}`,
 			labelKey: `label${e}`,
@@ -59,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 (u, p) => (a(), n(c, null, [
-			r(y, { label: l(F).countdown.targetDate }, {
-				default: f(() => [t("input", {
+		return (d, p) => (e(), a(u, null, [
+			o(y, { label: r(F).countdown.targetDate }, {
+				default: t(() => [i("input", {
 					type: "datetime-local",
-					class: e(l(m)),
-					value: d.block.targetDate,
+					class: c(r(m)),
+					value: f.block.targetDate,
 					onInput: p[0] ||= (e) => B("targetDate", e.target.value)
 				}, null, 42, b)]),
 				_: 1
 			}, 8, ["label"]),
-			r(y, { label: l(F).countdown.timezone }, {
-				default: f(() => [t("select", {
-					class: e(l(m)),
-					value: d.block.timezone,
+			o(y, { label: r(F).countdown.timezone }, {
+				default: t(() => [i("select", {
+					class: c(r(m)),
+					value: f.block.timezone,
 					onChange: p[1] ||= (e) => B("timezone", e.target.value)
-				}, [(a(), n(c, null, i(I, (e) => t("option", {
+				}, [(e(), a(u, null, n(I, (e) => i("option", {
 					key: e,
 					value: e
-				}, o(e), 9, S)), 64))], 42, x)]),
+				}, s(e), 9, S)), 64))], 42, x)]),
 				_: 1
 			}, 8, ["label"]),
-			r(y, { 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,
+			o(y, { label: r(F).countdown.display }, {
+				default: t(() => [i("div", C, [(e(!0), a(u, null, n(z.value, (t) => (e(), l(g, {
+					key: t.unit,
 					class: "tpl:text-[12px] tpl:text-[var(--tpl-text)]",
-					"model-value": d.block[e.showKey],
-					label: l(F).countdown[e.translationKey],
-					"onUpdate:modelValue": (t) => B(e.showKey, t)
+					"model-value": f.block[t.showKey],
+					label: r(F).countdown[t.translationKey],
+					"onUpdate:modelValue": (e) => B(t.showKey, e)
 				}, null, 8, [
 					"model-value",
 					"label",
@@ -94,37 +94,37 @@ var b = ["value"], x = ["value"], S = ["value"], C = { class: "tpl:grid tpl:grid
 				]))), 128))])]),
 				_: 1
 			}, 8, ["label"]),
-			r(y, { label: l(F).countdown.separator }, {
-				default: f(() => [r(v, {
+			o(y, { label: r(F).countdown.separator }, {
+				default: t(() => [o(v, {
 					options: L,
-					"model-value": d.block.separator,
+					"model-value": f.block.separator,
 					"onUpdate:modelValue": p[2] ||= (e) => B("separator", e)
 				}, null, 8, ["model-value"])]),
 				_: 1
 			}, 8, ["label"]),
-			r(y, { label: l(F).countdown.fontFamily }, {
-				default: f(() => [t("select", {
-					class: e(l(m)),
-					value: d.block.fontFamily || "",
+			o(y, { label: r(F).countdown.fontFamily }, {
+				default: t(() => [i("select", {
+					class: c(r(m)),
+					value: f.block.fontFamily || "",
 					onChange: p[3] ||= (e) => B("fontFamily", e.target.value || void 0)
-				}, [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)]),
+				}, [i("option", T, s(r(F).countdown.inheritFont), 1), (e(!0), a(u, null, n(f.fontFamilies, (t) => (e(), a("option", {
+					key: t.value,
+					value: t.value
+				}, s(t.label), 9, E))), 128))], 42, w)]),
 				_: 1
 			}, 8, ["label"]),
-			t("div", D, [r(y, { label: l(F).countdown.digitFontSize }, {
-				default: f(() => [r(_, {
-					"model-value": d.block.digitFontSize,
+			i("div", D, [o(y, { label: r(F).countdown.digitFontSize }, {
+				default: t(() => [o(_, {
+					"model-value": f.block.digitFontSize,
 					min: 12,
 					max: 72,
 					suffix: "px",
 					"onUpdate:modelValue": p[4] ||= (e) => B("digitFontSize", e)
 				}, null, 8, ["model-value"])]),
 				_: 1
-			}, 8, ["label"]), r(y, { label: l(F).countdown.labelFontSize }, {
-				default: f(() => [r(_, {
-					"model-value": d.block.labelFontSize,
+			}, 8, ["label"]), o(y, { label: r(F).countdown.labelFontSize }, {
+				default: t(() => [o(_, {
+					"model-value": f.block.labelFontSize,
 					min: 8,
 					max: 24,
 					suffix: "px",
@@ -132,61 +132,61 @@ var b = ["value"], x = ["value"], S = ["value"], C = { class: "tpl:grid tpl:grid
 				}, null, 8, ["model-value"])]),
 				_: 1
 			}, 8, ["label"])]),
-			t("div", O, [r(y, { label: l(F).countdown.digitColor }, {
-				default: f(() => [r(h, {
-					"model-value": d.block.digitColor,
+			i("div", O, [o(y, { label: r(F).countdown.digitColor }, {
+				default: t(() => [o(h, {
+					"model-value": f.block.digitColor,
 					"onUpdate:modelValue": p[6] ||= (e) => B("digitColor", e)
 				}, null, 8, ["model-value"])]),
 				_: 1
-			}, 8, ["label"]), r(y, { label: l(F).countdown.labelColor }, {
-				default: f(() => [r(h, {
-					"model-value": d.block.labelColor,
+			}, 8, ["label"]), o(y, { label: r(F).countdown.labelColor }, {
+				default: t(() => [o(h, {
+					"model-value": f.block.labelColor,
 					"onUpdate:modelValue": p[7] ||= (e) => B("labelColor", e)
 				}, null, 8, ["model-value"])]),
 				_: 1
 			}, 8, ["label"])]),
-			r(y, { label: l(F).countdown.background }, {
-				default: f(() => [r(h, {
-					"model-value": d.block.backgroundColor,
+			o(y, { label: r(F).countdown.background }, {
+				default: t(() => [o(h, {
+					"model-value": f.block.backgroundColor,
 					"onUpdate:modelValue": p[8] ||= (e) => B("backgroundColor", e)
 				}, null, 8, ["model-value"])]),
 				_: 1
 			}, 8, ["label"]),
-			r(y, { label: l(F).countdown.labels }, {
-				default: f(() => [t("div", k, [(a(!0), n(c, null, i(z.value, (t) => (a(), n("input", {
+			o(y, { label: r(F).countdown.labels }, {
+				default: t(() => [i("div", k, [(e(!0), a(u, null, n(z.value, (t) => (e(), a("input", {
 					key: t.unit,
 					type: "text",
-					class: e(l(m)),
-					value: d.block[t.labelKey],
-					placeholder: l(F).countdown[t.translationKey],
+					class: c(r(m)),
+					value: f.block[t.labelKey],
+					placeholder: r(F).countdown[t.translationKey],
 					onInput: (e) => B(t.labelKey, e.target.value)
 				}, null, 42, A))), 128))])]),
 				_: 1
 			}, 8, ["label"]),
-			r(y, { label: l(F).countdown.expiry }, {
-				default: f(() => [t("input", {
+			o(y, { label: r(F).countdown.expiry }, {
+				default: t(() => [i("input", {
 					type: "text",
-					class: e(l(m)),
-					value: d.block.expiredMessage,
-					placeholder: l(F).countdown.expiredMessagePlaceholder,
+					class: c(r(m)),
+					value: f.block.expiredMessage,
+					placeholder: r(F).countdown.expiredMessagePlaceholder,
 					onInput: p[9] ||= (e) => B("expiredMessage", e.target.value)
 				}, null, 42, j)]),
 				_: 1
 			}, 8, ["label"]),
-			r(y, { label: l(F).countdown.expiredImageUrl }, {
-				default: f(() => [t("input", {
+			o(y, { label: r(F).countdown.expiredImageUrl }, {
+				default: t(() => [i("input", {
 					type: "url",
-					class: e(l(m)),
-					value: d.block.expiredImageUrl,
+					class: c(r(m)),
+					value: f.block.expiredImageUrl,
 					placeholder: "https://...",
 					onInput: p[10] ||= (e) => B("expiredImageUrl", e.target.value)
 				}, null, 42, M)]),
 				_: 1
 			}, 8, ["label"]),
-			r(g, {
+			o(g, {
 				class: "tpl:mb-3.5 tpl:text-[12px] tpl:text-[var(--tpl-text)]",
-				"model-value": d.block.hideOnExpiry,
-				label: l(F).countdown.hideOnExpiry,
+				"model-value": f.block.hideOnExpiry,
+				label: r(F).countdown.hideOnExpiry,
 				"onUpdate:modelValue": p[11] ||= (e) => B("hideOnExpiry", e)
 			}, null, 8, ["model-value", "label"])
 		], 64));

package/dist/{DesignReferenceSidebar-BDhEeaAh.js → DesignReferenceSidebar--QtXjLrw.js}

@@ -1,60 +1,68 @@
-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-D9JUcKrV.js";
-import { a as re, t as ie } from "./runtime-dom.esm-bundler-BuG03jBM.js";
-import { J as h, h as ae, i as oe } from "./keys-C3P1yxnr.js";
+import { A as e, At as t, B as n, D as ee, R as r, V as te, Z as i, at as a, c as o, d as s, g as c, h as l, jt as u, kt as ne, l as re, s as ie, u as d, v as f } from "./vue.runtime.esm-bundler-DShF3P6k.js";
+import { a as ae, t as oe } from "./runtime-dom.esm-bundler-PnoZU512.js";
+import { Y as p, g as se, i as ce } from "./keys-DQA2i1k1.js";
 import "./timeouts-DHPZQ0G3.js";
-import { t as g } from "./createLucideIcon-Bvw1Zx56.js";
-import { t as se } from "./circle-alert-CJDW5LZo.js";
-import { t as _ } from "./image-up-CuzFc1mu.js";
-import { t as ce } from "./upload-DZu1adQz.js";
-import { t as v } from "./x-DJOd1hS4.js";
-import { t as le } from "./LoadingTrack-SQXoZVf2.js";
-import { t as y } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { n as ue } from "./useCloudI18n-BKoiYsWZ.js";
-import { g as de } from "./cloud-BMzRKCbk.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"
-	}],
-	["path", {
-		d: "M14 2v5a1 1 0 0 0 1 1h5",
-		key: "wfsgrz"
-	}],
-	["circle", {
-		cx: "10",
-		cy: "12",
-		r: "2",
-		key: "737tya"
-	}],
-	["path", {
-		d: "m20 17-1.296-1.296a2.41 2.41 0 0 0-3.408 0L9 22",
-		key: "wt3hpn"
-	}]
-]), 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"
-	}],
-	["path", {
-		d: "M14 2v5a1 1 0 0 0 1 1h5",
-		key: "wfsgrz"
-	}],
-	["path", {
-		d: "M10 9H8",
-		key: "b1mrlr"
-	}],
-	["path", {
-		d: "M16 13H8",
-		key: "t4e002"
-	}],
-	["path", {
-		d: "M16 17H8",
-		key: "z1uh3a"
-	}]
-]), pe = {
+import { t as m } from "./createLucideIcon-Cwf_nTzE.js";
+import { t as le } from "./circle-alert-CjzUTwy3.js";
+import { t as h } from "./image-up-gH4JEpU5.js";
+import { t as ue } from "./upload-DusKjpVr.js";
+import { t as g } from "./x-D_-42Ukq.js";
+import { t as de } from "./LoadingTrack-BlTL4zFv.js";
+import { t as _ } from "./_plugin-vue_export-helper-B3ysoDQm.js";
+import { n as fe } from "./useCloudI18n-BLyh_e2T.js";
+import { _ as pe } from "./cloud-DdidMW6f.js";
+var me = m({
+	name: "file-image",
+	size: 24,
+	node: [
+		["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"
+		}],
+		["path", {
+			d: "M14 2v5a1 1 0 0 0 1 1h5",
+			key: "wfsgrz"
+		}],
+		["circle", {
+			cx: "10",
+			cy: "12",
+			r: "2",
+			key: "737tya"
+		}],
+		["path", {
+			d: "m20 17-1.296-1.296a2.41 2.41 0 0 0-3.408 0L9 22",
+			key: "wt3hpn"
+		}]
+	]
+}), v = m({
+	name: "file-text",
+	size: 24,
+	node: [
+		["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"
+		}],
+		["path", {
+			d: "M14 2v5a1 1 0 0 0 1 1h5",
+			key: "wfsgrz"
+		}],
+		["path", {
+			d: "M10 9H8",
+			key: "b1mrlr"
+		}],
+		["path", {
+			d: "M16 13H8",
+			key: "t4e002"
+		}],
+		["path", {
+			d: "M16 17H8",
+			key: "z1uh3a"
+		}]
+	]
+}), he = {
 	key: 0,
 	class: "tpl-design-sidebar tpl:absolute tpl:top-14 tpl:right-0 tpl:bottom-0 tpl:flex tpl:w-[360px] tpl:flex-col tpl:border-l tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg-elevated)]"
-}, 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 = {
+}, ge = { class: "tpl:flex tpl:items-center tpl:justify-between tpl:border-b tpl:border-[var(--tpl-border)] tpl:px-4 tpl:py-3" }, y = { 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 = {
 	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 = {
@@ -72,19 +80,19 @@ var fe = g("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__*/ y(/* @__PURE__ */ m({
+}, be = ["disabled"], xe = { class: "tpl:m-0 tpl:pt-1 tpl:text-center tpl:text-[11px] tpl:text-[var(--tpl-text-dim)]" }, R = /*#__PURE__*/ _(/* @__PURE__ */ f({
 	__name: "DesignReferenceSidebar",
 	props: {
 		visible: { type: Boolean },
 		hasExistingBlocks: { type: Boolean }
 	},
 	emits: ["close", "apply"],
-	setup(m, { emit: g }) {
-		let y = m, R = g, { t: z } = ue(), Se = h(ae, "DesignReferenceSidebar"), Ce = h(oe, "DesignReferenceSidebar"), B = de({
+	setup(f, { emit: m }) {
+		let _ = f, R = m, { t: z } = fe(), Se = p(se, "DesignReferenceSidebar"), Ce = p(ce, "DesignReferenceSidebar"), B = pe({
 			authManager: Ce,
 			getTemplateId: () => Se.state.template?.id ?? null,
 			onApply: (e) => R("apply", e)
-		}), 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);
+		}), V = i(null), H = i("image"), U = i(null), W = i(""), G = i(null), K = i(!1), q = i(!1), J = ie(() => !B.isGenerating.value && U.value !== null);
 		function Y(e) {
 			H.value = e, Z();
 		}
@@ -129,7 +137,7 @@ var fe = g("file-image", [
 		}
 		function $() {
 			if (!J.value) return;
-			if (y.hasExistingBlocks && !K.value) {
+			if (_.hasExistingBlocks && !K.value) {
 				K.value = !0;
 				return;
 			}
@@ -140,11 +148,11 @@ var fe = g("file-image", [
 		function De() {
 			K.value = !1;
 		}
-		return r(() => y.visible, (e) => {
+		return r(() => _.visible, (e) => {
 			e || (K.value = !1);
-		}), n(() => {
+		}), ee(() => {
 			G.value &&= (URL.revokeObjectURL(G.value), null);
-		}), (n, r) => (u(), ee(ie, {
+		}), (ee, r) => (e(), re(oe, {
 			"enter-active-class": "tpl-design-slide-enter-active",
 			"enter-from-class": "tpl:translate-x-full",
 			"enter-to-class": "tpl:translate-x-0",
@@ -152,58 +160,58 @@ var fe = g("file-image", [
 			"leave-from-class": "tpl:translate-x-0",
 			"leave-to-class": "tpl:translate-x-full"
 		}, {
-			default: ne(() => [m.visible ? (u(), s("div", pe, [o("div", me, [o("div", he, [c(f(_), {
+			default: n(() => [f.visible ? (e(), s("div", he, [o("div", ge, [o("div", y, [c(a(h), {
 				size: 13,
 				"stroke-width": 2
-			}), o("span", null, d(f(z).designReference.title), 1)]), o("button", {
+			}), o("span", null, u(a(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), {
+			}, [c(a(g), {
 				size: 14,
 				"stroke-width": 2
-			})])]), 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", b, [a(B).isGenerating.value ? (e(), s("div", x, [o("div", S, [c(de), o("p", C, u(a(z).designReference.generating), 1)])])) : (e(), 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({
+					style: t({
 						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: r[1] ||= (e) => Y("image")
-				}, [c(f(fe), {
+				}, [c(a(me), {
 					size: 12,
 					"stroke-width": 2
-				}), l(" " + d(f(z).designReference.uploadImage), 1)], 4), o("button", {
+				}), l(" " + u(a(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({
+					style: t({
 						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: r[2] ||= (e) => Y("pdf")
-				}, [c(f(b), {
+				}, [c(a(v), {
 					size: 12,
 					"stroke-width": 2
-				}), 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", {
+				}), l(" " + u(a(z).designReference.uploadPdf), 1)], 4)]),
+				o("div", null, [U.value ? (e(), s("div", E, [o("div", D, [G.value ? (e(), 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)) : (u(), s("div", k, [c(f(b), {
+				}, null, 8, O)) : (e(), s("div", k, [c(a(v), {
 					size: 32,
 					"stroke-width": 1.5,
 					class: "tpl:text-[var(--tpl-text-dim)]"
-				}), o("span", A, d(U.value.name), 1)])), o("button", {
+				}), o("span", A, u(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
-				}, [c(f(v), {
+				}, [c(a(g), {
 					size: 12,
 					"stroke-width": 2
-				})])])])) : (u(), s("div", {
+				})])])])) : (e(), 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",
-					style: i({
+					style: t({
 						borderColor: q.value ? "var(--tpl-primary)" : "var(--tpl-border-light)",
 						backgroundColor: q.value ? "var(--tpl-primary-light)" : "var(--tpl-bg)"
 					}),
@@ -212,13 +220,13 @@ var fe = g("file-image", [
 					onDragleave: Te,
 					onDrop: Ee
 				}, [
-					c(f(ce), {
+					c(a(ue), {
 						size: 24,
 						"stroke-width": 1.5,
 						class: "tpl:text-[var(--tpl-text-dim)]"
 					}),
-					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)
+					o("span", j, u(a(z).designReference.dropHint), 1),
+					o("span", M, u(H.value === "image" ? a(z).designReference.acceptedImages : a(z).designReference.acceptedPdf), 1)
 				], 36)), o("input", {
 					ref_key: "fileInput",
 					ref: V,
@@ -227,36 +235,36 @@ var fe = g("file-image", [
 					accept: H.value === "image" ? "image/png,image/jpeg,image/webp" : "application/pdf",
 					onChange: we
 				}, null, 40, N)]),
-				o("div", P, [o("label", F, d(f(z).designReference.promptLabel), 1), e(o("textarea", {
+				o("div", P, [o("label", F, u(a(z).designReference.promptLabel), 1), te(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,
+					class: ne(["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: a(z).designReference.promptPlaceholder,
 					rows: "3"
-				}, 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", {
+				}, null, 8, I), [[ae, W.value]])]),
+				K.value ? (e(), s("div", L, [o("p", _e, u(a(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
-				}, d(f(z).designReference.replaceCancel), 1), o("button", {
+				}, u(a(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: $
-				}, d(f(z).designReference.replaceConfirm), 1)])])) : p("", !0),
-				f(B).error.value ? (u(), s("div", ye, [c(f(se), {
+				}, u(a(z).designReference.replaceConfirm), 1)])])) : d("", !0),
+				a(B).error.value ? (e(), s("div", ye, [c(a(le), {
 					size: 14,
 					"stroke-width": 2,
 					class: "tpl:mt-0.5 tpl:shrink-0"
-				}), o("span", null, d(f(z).designReference.error), 1)])) : p("", !0),
-				K.value ? p("", !0) : (u(), s("button", {
+				}), o("span", null, u(a(z).designReference.error), 1)])) : d("", !0),
+				K.value ? d("", !0) : (e(), 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: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: $
-				}, [c(f(_), {
+				}, [c(a(h), {
 					size: 16,
 					"stroke-width": 2
-				}), l(" " + d(f(z).designReference.generate), 1)], 8, be)),
-				o("p", xe, d(f(z).aiMenu.disclaimer), 1)
-			]))])])) : p("", !0)]),
+				}), l(" " + u(a(z).designReference.generate), 1)], 8, be)),
+				o("p", xe, u(a(z).aiMenu.disclaimer), 1)
+			]))])])) : d("", !0)]),
 			_: 1
 		}));
 	}