@templatical/editor 0.35.0 → 0.36.0

package/dist/{CountdownToolbar-SLBuij7Q.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-DtozuN75.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-rcE_BvUd.js → DesignReferenceSidebar--QtXjLrw.js}

@@ -1,17 +1,17 @@
-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-05lB8iWe.js";
-import { t as se } from "./circle-alert-L5uGGFRP.js";
-import { t as _ } from "./image-up-ovhjl9u9.js";
-import { t as ce } from "./upload-DKgg1gno.js";
-import { t as v } from "./x-BPKoRPTG.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-B1c4XIsn.js";
-var fe = g({
+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: [
@@ -34,7 +34,7 @@ var fe = g({
 			key: "wt3hpn"
 		}]
 	]
-}), b = g({
+}), v = m({
 	name: "file-text",
 	size: 24,
 	node: [
@@ -59,10 +59,10 @@ var fe = g({
 			key: "z1uh3a"
 		}]
 	]
-}), pe = {
+}), 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 = {
@@ -80,19 +80,19 @@ var fe = g({
 }, _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();
 		}
@@ -137,7 +137,7 @@ var fe = g({
 		}
 		function $() {
 			if (!J.value) return;
-			if (y.hasExistingBlocks && !K.value) {
+			if (_.hasExistingBlocks && !K.value) {
 				K.value = !0;
 				return;
 			}
@@ -148,11 +148,11 @@ var fe = g({
 		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",
@@ -160,58 +160,58 @@ var fe = g({
 			"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)"
 					}),
@@ -220,13 +220,13 @@ var fe = g({
 					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,
@@ -235,36 +235,36 @@ var fe = g({
 					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
 		}));
 	}

package/dist/{FieldRow-BWt7ECqo.js → FieldRow-C8nOknr_.js}

@@ -1,4 +1,4 @@
-import { Dt as e, M as t, Ot as n, P as r, c as i, d 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-D9JUcKrV.js";
+import { A as e, At as t, F as n, M as r, N as i, at as a, c as o, d as s, h as c, jt as l, kt as u, l as d, r as f, s as p, u as m, v as h } from "./vue.runtime.esm-bundler-DShF3P6k.js";
 import { g, h as _, m as v } from "./styleConstants-C_YAPdQS.js";
 //#region src/components/ToggleSwitch.vue?vue&type=script&setup=true&lang.ts
 var y = { key: 0 }, b = {
@@ -17,21 +17,21 @@ var y = { key: 0 }, b = {
 		required: { type: Boolean }
 	},
 	emits: ["update:modelValue"],
-	setup(n, { emit: r }) {
-		let s = r;
-		return (r, u) => (c(), a("label", { class: e(["tpl:flex tpl:items-center tpl:justify-between tpl:gap-2", n.disabled ? "tpl:cursor-not-allowed" : "tpl:cursor-pointer"]) }, [r.$slots.default || n.label || n.required ? (c(), a("span", y, [t(r.$slots, "default", {}, () => [o(l(n.label), 1)]), n.required ? (c(), a("span", b, " *")) : m("", !0)])) : m("", !0), i("button", {
+	setup(t, { emit: n }) {
+		let r = n;
+		return (n, a) => (e(), s("label", { class: u(["tpl:flex tpl:items-center tpl:justify-between tpl:gap-2", t.disabled ? "tpl:cursor-not-allowed" : "tpl:cursor-pointer"]) }, [n.$slots.default || t.label || t.required ? (e(), s("span", y, [i(n.$slots, "default", {}, () => [c(l(t.label), 1)]), t.required ? (e(), s("span", b, " *")) : m("", !0)])) : m("", !0), o("button", {
 			type: "button",
 			role: "switch",
-			"aria-checked": n.modelValue,
-			"aria-label": n.label,
-			disabled: n.disabled,
-			class: e([
+			"aria-checked": t.modelValue,
+			"aria-label": t.label,
+			disabled: t.disabled,
+			class: u([
 				"tpl:relative tpl:inline-flex tpl:h-5 tpl:w-9 tpl:shrink-0 tpl:rounded-full tpl:border-2 tpl:border-transparent tpl:transition-colors tpl:duration-200",
-				n.modelValue ? "tpl:bg-[var(--tpl-primary)]" : "tpl:bg-[var(--tpl-border)]",
-				n.disabled ? "tpl:cursor-not-allowed tpl:opacity-60" : "tpl:cursor-pointer"
+				t.modelValue ? "tpl:bg-[var(--tpl-primary)]" : "tpl:bg-[var(--tpl-border)]",
+				t.disabled ? "tpl:cursor-not-allowed tpl:opacity-60" : "tpl:cursor-pointer"
 			]),
-			onClick: u[0] ||= (e) => !n.disabled && s("update:modelValue", !n.modelValue)
-		}, [i("span", { class: e(["tpl:pointer-events-none tpl:inline-block tpl:size-4 tpl:rounded-full tpl:bg-[var(--tpl-bg)] tpl:shadow-[var(--tpl-shadow)] tpl:transition-transform tpl:duration-200", n.modelValue ? "tpl:translate-x-4" : "tpl:translate-x-0"]) }, null, 2)], 10, x)], 2));
+			onClick: a[0] ||= (e) => !t.disabled && r("update:modelValue", !t.modelValue)
+		}, [o("span", { class: u(["tpl:pointer-events-none tpl:inline-block tpl:size-4 tpl:rounded-full tpl:bg-[var(--tpl-bg)] tpl:shadow-[var(--tpl-shadow)] tpl:transition-transform tpl:duration-200", t.modelValue ? "tpl:translate-x-4" : "tpl:translate-x-0"]) }, null, 2)], 10, x)], 2));
 	}
 }), C = [
 	"aria-checked",
@@ -45,43 +45,43 @@ var y = { key: 0 }, b = {
 		modelValue: {}
 	},
 	emits: ["update:modelValue"],
-	setup(e, { emit: t }) {
-		let i = e, o = t, f = p(() => i.options.findIndex((e) => e.value === i.modelValue)), h = p(() => `translateX(${Math.max(f.value, 0) * 100}%)`);
-		return (t, i) => (c(), a("div", {
+	setup(i, { emit: a }) {
+		let o = i, c = a, u = p(() => o.options.findIndex((e) => e.value === o.modelValue)), h = p(() => `translateX(${Math.max(u.value, 0) * 100}%)`);
+		return (a, o) => (e(), s("div", {
 			role: "radiogroup",
 			class: "tpl:relative tpl:grid tpl:rounded-[var(--tpl-radius-sm)] tpl:p-1",
-			style: n({
-				gridTemplateColumns: `repeat(${e.options.length}, 1fr)`,
+			style: t({
+				gridTemplateColumns: `repeat(${i.options.length}, 1fr)`,
 				backgroundColor: "var(--tpl-bg-hover)"
 			})
-		}, [f.value >= 0 ? (c(), a("div", {
+		}, [u.value >= 0 ? (e(), s("div", {
 			key: 0,
 			class: "tpl:absolute tpl:inset-y-1 tpl:rounded-[var(--tpl-radius-sm)]",
-			style: n({
+			style: t({
 				left: "4px",
-				width: `calc((100% - 8px) / ${e.options.length})`,
+				width: `calc((100% - 8px) / ${i.options.length})`,
 				transform: h.value,
 				backgroundColor: "var(--tpl-bg)",
 				boxShadow: "var(--tpl-shadow)",
 				transition: "transform 120ms cubic-bezier(0.16, 1, 0.3, 1)"
 			})
-		}, null, 4)) : m("", !0), (c(!0), a(d, null, s(e.options, (t) => (c(), a("button", {
-			key: t.value,
+		}, null, 4)) : m("", !0), (e(!0), s(f, null, r(i.options, (r) => (e(), s("button", {
+			key: r.value,
 			role: "radio",
-			"aria-checked": e.modelValue === t.value,
-			"aria-label": t.label,
+			"aria-checked": i.modelValue === r.value,
+			"aria-label": r.label,
 			class: "tpl:relative tpl:z-10 tpl:flex tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:gap-1 tpl:rounded-[var(--tpl-radius-sm)] tpl:border-none tpl:bg-transparent tpl:px-2.5 tpl:py-[5px] tpl:text-xs tpl:font-medium",
-			style: n({
-				color: e.modelValue === t.value ? "var(--tpl-primary)" : "var(--tpl-text-muted)",
+			style: t({
+				color: i.modelValue === r.value ? "var(--tpl-primary)" : "var(--tpl-text-muted)",
 				transition: "color 120ms cubic-bezier(0.16, 1, 0.3, 1)"
 			}),
-			title: t.label,
-			onClick: (e) => o("update:modelValue", t.value)
-		}, [t.icon ? (c(), u(r(t.icon), {
+			title: r.label,
+			onClick: (e) => c("update:modelValue", r.value)
+		}, [r.icon ? (e(), d(n(r.icon), {
 			key: 0,
 			size: 14,
 			"stroke-width": 2
-		})) : (c(), a("span", w, l(t.label), 1))], 12, C))), 128))], 4));
+		})) : (e(), s("span", w, l(r.label), 1))], 12, C))), 128))], 4));
 	}
 }), E = { class: "tpl:flex tpl:items-stretch" }, D = [
 	"data-testid",
@@ -100,28 +100,28 @@ var y = { key: 0 }, b = {
 	emits: ["update:modelValue"],
 	setup(t, { emit: n }) {
 		let r = n;
-		function o(e) {
+		function i(e) {
 			let t = e.target;
 			t.validity?.badInput || r("update:modelValue", Number(t.value));
 		}
-		return (n, r) => (c(), a("div", E, [i("input", {
+		return (n, r) => (e(), s("div", E, [o("input", {
 			type: "number",
 			"data-testid": t.testid,
-			class: e(f(v)),
+			class: u(a(v)),
 			value: t.modelValue,
 			min: t.min,
 			max: t.max,
-			onInput: o
-		}, null, 42, D), i("span", { class: e(f(_)) }, l(t.suffix), 3)]));
+			onInput: i
+		}, null, 42, D), o("span", { class: u(a(_)) }, l(t.suffix), 3)]));
 	}
 }), k = { class: "tpl:mb-3.5" }, A = /* @__PURE__ */ h({
 	__name: "FieldRow",
 	props: { label: {} },
-	setup(n) {
-		return (r, i) => (c(), a("div", k, [n.label ? (c(), a("label", {
+	setup(t) {
+		return (n, r) => (e(), s("div", k, [t.label ? (e(), s("label", {
 			key: 0,
-			class: e(f(g))
-		}, l(n.label), 3)) : m("", !0), t(r.$slots, "default")]));
+			class: u(a(g))
+		}, l(t.label), 3)) : m("", !0), i(n.$slots, "default")]));
 	}
 });
 //#endregion