@templatical/editor 0.0.6 → 0.1.1

package/dist/CountdownToolbar-Dv-Sz4ui.js

@@ -0,0 +1,210 @@
+import { Ct as e, M as t, Ot as n, P as r, S as i, V as a, _ as o, b as s, d as c, h as l, m as u, p as d, tt as f, y as p } from "./vue.runtime.esm-bundler-DryoQb-v.js";
+import { t as m } from "./useI18n-B8CN2iWs.js";
+import { f as h } from "./styleConstants-Dqz9z3aa.js";
+import { i as g, n as _, r as v, t as y } from "./NumberWithSuffix-D-5-AZc3.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__ */ i({
+	__name: "CheckboxItem",
+	props: {
+		modelValue: { type: Boolean },
+		label: {}
+	},
+	emits: ["update:modelValue"],
+	setup(e, { emit: r }) {
+		let i = r;
+		return (r, a) => (t(), o("label", b, [u("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), p(" " + n(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__ */ i({
+	__name: "CountdownToolbar",
+	props: {
+		block: {},
+		fontFamilies: {}
+	},
+	emits: ["update"],
+	setup(i, { emit: p }) {
+		let b = p, { 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 = d(() => R.map((e) => ({
+			unit: e,
+			showKey: `show${e}`,
+			labelKey: `label${e}`,
+			translationKey: e.toLowerCase()
+		})));
+		function B(e, t) {
+			b("update", { [e]: t });
+		}
+		return (d, p) => (t(), o(c, null, [
+			s(_, { label: f(x).countdown.targetDate }, {
+				default: a(() => [u("input", {
+					type: "datetime-local",
+					class: e(f(h)),
+					value: i.block.targetDate,
+					onInput: p[0] ||= (e) => B("targetDate", e.target.value)
+				}, null, 42, C)]),
+				_: 1
+			}, 8, ["label"]),
+			s(_, { label: f(x).countdown.timezone }, {
+				default: a(() => [u("select", {
+					class: e(f(h)),
+					value: i.block.timezone,
+					onChange: p[1] ||= (e) => B("timezone", e.target.value)
+				}, [(t(), o(c, null, r(I, (e) => u("option", {
+					key: e,
+					value: e
+				}, n(e), 9, T)), 64))], 42, w)]),
+				_: 1
+			}, 8, ["label"]),
+			s(_, { label: f(x).countdown.display }, {
+				default: a(() => [u("div", E, [(t(!0), o(c, null, r(z.value, (e) => (t(), l(S, {
+					key: e.unit,
+					"model-value": i.block[e.showKey],
+					label: f(x).countdown[e.translationKey],
+					"onUpdate:modelValue": (t) => B(e.showKey, t)
+				}, null, 8, [
+					"model-value",
+					"label",
+					"onUpdate:modelValue"
+				]))), 128))])]),
+				_: 1
+			}, 8, ["label"]),
+			s(_, { label: f(x).countdown.separator }, {
+				default: a(() => [s(v, {
+					options: L,
+					"model-value": i.block.separator,
+					"onUpdate:modelValue": p[2] ||= (e) => B("separator", e)
+				}, null, 8, ["model-value"])]),
+				_: 1
+			}, 8, ["label"]),
+			s(_, { label: f(x).countdown.fontFamily }, {
+				default: a(() => [u("select", {
+					class: e(f(h)),
+					value: i.block.fontFamily || "",
+					onChange: p[3] ||= (e) => B("fontFamily", e.target.value || void 0)
+				}, [u("option", O, n(f(x).countdown.inheritFont), 1), (t(!0), o(c, null, r(i.fontFamilies, (e) => (t(), o("option", {
+					key: e.value,
+					value: e.value
+				}, n(e.label), 9, k))), 128))], 42, D)]),
+				_: 1
+			}, 8, ["label"]),
+			u("div", A, [s(_, { label: f(x).countdown.digitFontSize }, {
+				default: a(() => [s(y, {
+					"model-value": i.block.digitFontSize,
+					min: 12,
+					max: 72,
+					suffix: "px",
+					"onUpdate:modelValue": p[4] ||= (e) => B("digitFontSize", e)
+				}, null, 8, ["model-value"])]),
+				_: 1
+			}, 8, ["label"]), s(_, { label: f(x).countdown.labelFontSize }, {
+				default: a(() => [s(y, {
+					"model-value": i.block.labelFontSize,
+					min: 8,
+					max: 24,
+					suffix: "px",
+					"onUpdate:modelValue": p[5] ||= (e) => B("labelFontSize", e)
+				}, null, 8, ["model-value"])]),
+				_: 1
+			}, 8, ["label"])]),
+			u("div", j, [s(_, { label: f(x).countdown.digitColor }, {
+				default: a(() => [s(g, {
+					"model-value": i.block.digitColor,
+					"onUpdate:modelValue": p[6] ||= (e) => B("digitColor", e)
+				}, null, 8, ["model-value"])]),
+				_: 1
+			}, 8, ["label"]), s(_, { label: f(x).countdown.labelColor }, {
+				default: a(() => [s(g, {
+					"model-value": i.block.labelColor,
+					"onUpdate:modelValue": p[7] ||= (e) => B("labelColor", e)
+				}, null, 8, ["model-value"])]),
+				_: 1
+			}, 8, ["label"])]),
+			s(_, { label: f(x).countdown.background }, {
+				default: a(() => [s(g, {
+					"model-value": i.block.backgroundColor,
+					"onUpdate:modelValue": p[8] ||= (e) => B("backgroundColor", e)
+				}, null, 8, ["model-value"])]),
+				_: 1
+			}, 8, ["label"]),
+			s(_, { label: f(x).countdown.labels }, {
+				default: a(() => [u("div", M, [(t(!0), o(c, null, r(z.value, (n) => (t(), o("input", {
+					key: n.unit,
+					type: "text",
+					class: e(f(h)),
+					value: i.block[n.labelKey],
+					placeholder: f(x).countdown[n.translationKey],
+					onInput: (e) => B(n.labelKey, e.target.value)
+				}, null, 42, N))), 128))])]),
+				_: 1
+			}, 8, ["label"]),
+			s(_, { label: f(x).countdown.expiry }, {
+				default: a(() => [u("input", {
+					type: "text",
+					class: e(f(h)),
+					value: i.block.expiredMessage,
+					placeholder: f(x).countdown.expiredMessagePlaceholder,
+					onInput: p[9] ||= (e) => B("expiredMessage", e.target.value)
+				}, null, 42, P)]),
+				_: 1
+			}, 8, ["label"]),
+			s(_, { label: f(x).countdown.expiredImageUrl }, {
+				default: a(() => [u("input", {
+					type: "url",
+					class: e(f(h)),
+					value: i.block.expiredImageUrl,
+					placeholder: "https://...",
+					onInput: p[10] ||= (e) => B("expiredImageUrl", e.target.value)
+				}, null, 42, F)]),
+				_: 1
+			}, 8, ["label"]),
+			s(S, {
+				"model-value": i.block.hideOnExpiry,
+				label: f(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-u2tKSQK0.js → DesignReferenceSidebar-D7zfvux6.js}

@@ -1,14 +1,14 @@
-import "./timeouts-CmBrLeZA.js";
-import { T as e, f as t, r as n } from "./keys-C0MQRs8d.js";
-import { t as ee } from "./useI18n-D6m7ZUgY.js";
-import { n as r, t as i } from "./_plugin-vue_export-helper-5TQrnOhO.js";
-import { t as te } from "./circle-alert-CVTmJHKW.js";
-import { t as a } from "./image-up-vZa1Txr-.js";
-import { t as o } from "./x-CU2XZOkQ.js";
-import { t as ne } from "./LoadingTrack--aUassFH.js";
-import { Transition as re, computed as ie, createBlock as ae, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createTextVNode as u, createVNode as d, defineComponent as f, normalizeClass as oe, normalizeStyle as p, openBlock as m, ref as h, toDisplayString as g, unref as _, vModelText as v, watch as se, withCtx as ce, withDirectives as le } from "vue";
-import { useDesignReference as ue } from "@templatical/core/cloud";
-var de = r("file-image", [
+import { Ct as e, H as t, M as n, Ot as r, S as i, V as ee, Y as a, _ as o, b as s, g as c, h as te, m as l, p as u, s as ne, t as d, tt as f, wt as p, y as m, z as re } from "./vue.runtime.esm-bundler-DryoQb-v.js";
+import "./timeouts-BSGxjuUF.js";
+import { T as h, f as ie, r as ae } from "./keys-CIw9mUI2.js";
+import { t as oe } from "./useI18n-B8CN2iWs.js";
+import { n as g, t as _ } from "./_plugin-vue_export-helper-OO6pH1Dh.js";
+import { t as se } from "./circle-alert-Dpr8MgkR.js";
+import { t as v } from "./image-up-B1AEiHCh.js";
+import { t as y } from "./x-D-7GkO6Z.js";
+import { t as ce } from "./LoadingTrack-Cdz2SSq9.js";
+import { useDesignReference as le } from "@templatical/core/cloud";
+var ue = 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"
@@ -27,7 +27,7 @@ var de = r("file-image", [
 		d: "m20 17-1.296-1.296a2.41 2.41 0 0 0-3.408 0L9 22",
 		key: "wt3hpn"
 	}]
-]), y = r("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"
@@ -48,7 +48,7 @@ var de = r("file-image", [
 		d: "M16 17H8",
 		key: "z1uh3a"
 	}]
-]), fe = r("upload", [
+]), de = g("upload", [
 	["path", {
 		d: "M12 3v12",
 		key: "1x0j5s"
@@ -61,10 +61,10 @@ var de = r("file-image", [
 		d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4",
 		key: "ih7n3h"
 	}]
-]), pe = {
+]), fe = {
 	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)]"
-}, 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)]" }, b = { class: "tpl:flex-1 tpl:overflow-y-auto tpl:p-4" }, x = {
+}, pe = { class: "tpl:flex tpl:items-center tpl:justify-between tpl:border-b tpl:border-[var(--tpl-border)] tpl:px-4 tpl:py-3" }, me = { class: "tpl:flex tpl:items-center tpl:gap-1.5 tpl:text-sm tpl:font-medium tpl:text-[var(--tpl-primary)]" }, he = { 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 = {
@@ -82,19 +82,19 @@ var de = r("file-image", [
 }, R = { class: "tpl:text-xs tpl:leading-snug tpl:text-[var(--tpl-text)]" }, ge = { class: "tpl:flex tpl:gap-2" }, _e = {
 	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)]"
-}, ve = ["disabled"], ye = { class: "tpl:m-0 tpl:pt-1 tpl:text-center tpl:text-[11px] tpl:text-[var(--tpl-text-dim)]" }, z = /* @__PURE__ */ i(/* @__PURE__ */ f({
+}, ve = ["disabled"], ye = { class: "tpl:m-0 tpl:pt-1 tpl:text-center tpl:text-[11px] tpl:text-[var(--tpl-text-dim)]" }, z = /* @__PURE__ */ _(/* @__PURE__ */ i({
 	__name: "DesignReferenceSidebar",
 	props: {
 		visible: { type: Boolean },
 		hasExistingBlocks: { type: Boolean }
 	},
 	emits: ["close", "apply"],
-	setup(r, { emit: i }) {
-		let f = r, z = i, { t: B } = ee(), be = e(t, "DesignReferenceSidebar"), V = ue({
-			authManager: e(n, "DesignReferenceSidebar"),
+	setup(i, { emit: g }) {
+		let _ = i, z = g, { t: B } = oe(), be = h(ie, "DesignReferenceSidebar"), V = le({
+			authManager: h(ae, "DesignReferenceSidebar"),
 			getTemplateId: () => be.state.template?.id ?? null,
 			onApply: (e) => z("apply", e)
-		}), H = h(null), U = h("image"), W = h(null), G = h(""), K = h(null), q = h(!1), J = h(!1), Y = ie(() => V.isGenerating.value ? !1 : W.value !== null);
+		}), H = a(null), U = a("image"), W = a(null), G = a(""), K = a(null), q = a(!1), J = a(!1), Y = u(() => V.isGenerating.value ? !1 : W.value !== null);
 		function X(e) {
 			U.value = e, Q();
 		}
@@ -139,7 +139,7 @@ var de = r("file-image", [
 		}
 		function $() {
 			if (!Y.value) return;
-			if (f.hasExistingBlocks && !q.value) {
+			if (_.hasExistingBlocks && !q.value) {
 				q.value = !0;
 				return;
 			}
@@ -150,9 +150,9 @@ var de = r("file-image", [
 		function Te() {
 			q.value = !1;
 		}
-		return se(() => f.visible, (e) => {
+		return re(() => _.visible, (e) => {
 			e || (q.value = !1);
-		}), (e, t) => (m(), ae(re, {
+		}), (a, u) => (n(), te(d, {
 			"enter-active-class": "tpl-design-slide-enter-active",
 			"enter-from-class": "tpl:translate-x-full",
 			"enter-to-class": "tpl:translate-x-0",
@@ -160,16 +160,16 @@ var de = r("file-image", [
 			"leave-from-class": "tpl:translate-x-0",
 			"leave-to-class": "tpl:translate-x-full"
 		}, {
-			default: ce(() => [r.visible ? (m(), c("div", pe, [l("div", me, [l("div", he, [d(_(a), {
+			default: ee(() => [i.visible ? (n(), o("div", fe, [l("div", pe, [l("div", me, [s(f(v), {
 				size: 13,
 				"stroke-width": 2
-			}), l("span", null, g(_(B).designReference.title), 1)]), l("button", {
+			}), l("span", null, r(f(B).designReference.title), 1)]), l("button", {
 				class: "tpl:rounded-md tpl:p-0.5 tpl:transition-colors tpl:duration-150 tpl:text-[var(--tpl-text-muted)]",
-				onClick: t[0] ||= (e) => z("close")
-			}, [d(_(o), {
+				onClick: u[0] ||= (e) => z("close")
+			}, [s(f(y), {
 				size: 14,
 				"stroke-width": 2
-			})])]), l("div", b, [_(V).isGenerating.value ? (m(), c("div", x, [l("div", S, [d(ne), l("p", C, g(_(B).designReference.generating), 1)])])) : (m(), c("div", w, [
+			})])]), l("div", he, [f(V).isGenerating.value ? (n(), o("div", x, [l("div", S, [s(ce), l("p", C, r(f(B).designReference.generating), 1)])])) : (n(), o("div", w, [
 				l("div", T, [l("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: p({
@@ -177,56 +177,56 @@ var de = r("file-image", [
 						color: U.value === "image" ? "var(--tpl-primary)" : "var(--tpl-text-muted)",
 						boxShadow: U.value === "image" ? "var(--tpl-shadow)" : "none"
 					}),
-					onClick: t[1] ||= (e) => X("image")
-				}, [d(_(de), {
+					onClick: u[1] ||= (e) => X("image")
+				}, [s(f(ue), {
 					size: 12,
 					"stroke-width": 2
-				}), u(" " + g(_(B).designReference.uploadImage), 1)], 4), l("button", {
+				}), m(" " + r(f(B).designReference.uploadImage), 1)], 4), l("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: p({
 						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: t[2] ||= (e) => X("pdf")
-				}, [d(_(y), {
+					onClick: u[2] ||= (e) => X("pdf")
+				}, [s(f(b), {
 					size: 12,
 					"stroke-width": 2
-				}), u(" " + g(_(B).designReference.uploadPdf), 1)], 4)]),
-				l("div", null, [W.value ? (m(), c("div", E, [l("div", D, [K.value ? (m(), c("img", {
+				}), m(" " + r(f(B).designReference.uploadPdf), 1)], 4)]),
+				l("div", null, [W.value ? (n(), o("div", E, [l("div", D, [K.value ? (n(), o("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, O)) : (m(), c("div", k, [d(_(y), {
+				}, null, 8, O)) : (n(), o("div", k, [s(f(b), {
 					size: 32,
 					"stroke-width": 1.5,
 					class: "tpl:text-[var(--tpl-text-dim)]"
-				}), l("span", A, g(W.value.name), 1)])), l("button", {
+				}), l("span", A, r(W.value.name), 1)])), l("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
-				}, [d(_(o), {
+				}, [s(f(y), {
 					size: 12,
 					"stroke-width": 2
-				})])])])) : (m(), c("div", {
+				})])])])) : (n(), o("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: p({
 						borderColor: J.value ? "var(--tpl-primary)" : "var(--tpl-border-light)",
 						backgroundColor: J.value ? "var(--tpl-primary-light)" : "var(--tpl-bg)"
 					}),
-					onClick: t[3] ||= (e) => H.value?.click(),
+					onClick: u[3] ||= (e) => H.value?.click(),
 					onDragover: Se,
 					onDragleave: Ce,
 					onDrop: we
 				}, [
-					d(_(fe), {
+					s(f(de), {
 						size: 24,
 						"stroke-width": 1.5,
 						class: "tpl:text-[var(--tpl-text-dim)]"
 					}),
-					l("span", j, g(_(B).designReference.dropHint), 1),
-					l("span", M, g(U.value === "image" ? _(B).designReference.acceptedImages : _(B).designReference.acceptedPdf), 1)
+					l("span", j, r(f(B).designReference.dropHint), 1),
+					l("span", M, r(U.value === "image" ? f(B).designReference.acceptedImages : f(B).designReference.acceptedPdf), 1)
 				], 36)), l("input", {
 					ref_key: "fileInput",
 					ref: H,
@@ -235,36 +235,36 @@ var de = r("file-image", [
 					accept: U.value === "image" ? "image/png,image/jpeg,image/webp" : "application/pdf",
 					onChange: xe
 				}, null, 40, N)]),
-				l("div", P, [l("label", F, g(_(B).designReference.promptLabel), 1), le(l("textarea", {
-					"onUpdate:modelValue": t[4] ||= (e) => G.value = e,
-					class: oe(["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: _(B).designReference.promptPlaceholder,
+				l("div", P, [l("label", F, r(f(B).designReference.promptLabel), 1), t(l("textarea", {
+					"onUpdate:modelValue": u[4] ||= (e) => G.value = e,
+					class: e(["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, I), [[v, G.value]])]),
-				q.value ? (m(), c("div", L, [l("p", R, g(_(B).designReference.replaceWarning), 1), l("div", ge, [l("button", {
+				}, null, 8, I), [[ne, G.value]])]),
+				q.value ? (n(), o("div", L, [l("p", R, r(f(B).designReference.replaceWarning), 1), l("div", ge, [l("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: Te
-				}, g(_(B).designReference.replaceCancel), 1), l("button", {
+				}, r(f(B).designReference.replaceCancel), 1), l("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: $
-				}, g(_(B).designReference.replaceConfirm), 1)])])) : s("", !0),
-				_(V).error.value ? (m(), c("div", _e, [d(_(te), {
+				}, r(f(B).designReference.replaceConfirm), 1)])])) : c("", !0),
+				f(V).error.value ? (n(), o("div", _e, [s(f(se), {
 					size: 14,
 					"stroke-width": 2,
 					class: "tpl:mt-0.5 tpl:shrink-0"
-				}), l("span", null, g(_(B).designReference.error), 1)])) : s("", !0),
-				q.value ? s("", !0) : (m(), c("button", {
+				}), l("span", null, r(f(B).designReference.error), 1)])) : c("", !0),
+				q.value ? c("", !0) : (n(), o("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: $
-				}, [d(_(a), {
+				}, [s(f(v), {
 					size: 16,
 					"stroke-width": 2
-				}), u(" " + g(_(B).designReference.generate), 1)], 8, ve)),
-				l("p", ye, g(_(B).aiMenu.disclaimer), 1)
-			]))])])) : s("", !0)]),
+				}), m(" " + r(f(B).designReference.generate), 1)], 8, ve)),
+				l("p", ye, r(f(B).aiMenu.disclaimer), 1)
+			]))])])) : c("", !0)]),
 			_: 1
 		}));
 	}

package/dist/LoadingTrack-Cdz2SSq9.js

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