@aswin.dev/editor 0.6.3 → 0.7.1

package/dist/CountdownToolbar-Dg4F8MTk.js

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

package/dist/DesignReferenceSidebar-BSH7uNP_.js

@@ -0,0 +1,276 @@
+import { A as e, At as t, C as n, Ft as r, N as i, U as ee, V as a, W as te, _ as o, b as s, c as ne, et as c, g as re, h as l, jt as u, m as ie, st as d, t as ae, v as f, x as p } from "./vue.runtime.esm-bundler-CjauPXjj.js";
+import "./timeouts-BSGxjuUF.js";
+import { A as m, i as oe, m as h } from "./keys-CvX8D-8C.js";
+import { t as g } from "./createLucideIcon-ClREiSx3.js";
+import { t as se } from "./circle-alert-ZQQc98HC.js";
+import { t as _ } from "./image-up-DT7gcJLN.js";
+import { t as v } from "./x-BkaOMosX.js";
+import { t as ce } from "./LoadingTrack-Ba2pfF57.js";
+import { t as y } from "./_plugin-vue_export-helper-BVAJ4lgT.js";
+import { n as le } from "./useCloudI18n-DOKSZql1.js";
+import { u as ue } from "./cloud-6ZmAvF0j.js";
+var de = 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"
+	}]
+]), fe = g("upload", [
+	["path", {
+		d: "M12 3v12",
+		key: "1x0j5s"
+	}],
+	["path", {
+		d: "m17 8-5-5-5 5",
+		key: "7q97r8"
+	}],
+	["path", {
+		d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4",
+		key: "ih7n3h"
+	}]
+]), pe = {
+	key: 0,
+	class: "tpl-design-sidebar tpl:absolute tpl:top-14 tpl:right-0 tpl:bottom-0 tpl:z-panel tpl:flex tpl:w-[360px] tpl:flex-col tpl:border-l tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg-elevated)]"
+}, 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)]" }, x = { class: "tpl:flex-1 tpl:overflow-y-auto tpl:p-4" }, S = {
+	key: 0,
+	class: "tpl:flex tpl:h-full tpl:flex-col tpl:items-center tpl:justify-center tpl:gap-3 tpl:text-center"
+}, C = { class: "tpl:flex tpl:w-full tpl:flex-col tpl:items-center tpl:gap-3" }, w = { class: "tpl:text-sm tpl:text-[var(--tpl-text-muted)]" }, T = {
+	key: 1,
+	class: "tpl:flex tpl:flex-col tpl:gap-4"
+}, E = { class: "tpl:flex tpl:gap-1 tpl:rounded-[var(--tpl-radius-sm)] tpl:p-1 tpl:bg-[var(--tpl-bg-hover)]" }, D = {
+	key: 0,
+	class: "tpl:flex tpl:flex-col tpl:gap-2"
+}, O = { class: "tpl:relative tpl:overflow-hidden tpl:rounded-[var(--tpl-radius)] tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)]" }, k = ["src", "alt"], A = {
+	key: 1,
+	class: "tpl:flex tpl:h-32 tpl:flex-col tpl:items-center tpl:justify-center tpl:gap-2"
+}, j = { class: "tpl:text-xs tpl:text-[var(--tpl-text-muted)]" }, M = { class: "tpl:text-center tpl:text-xs tpl:text-[var(--tpl-text-muted)]" }, N = { class: "tpl:text-center tpl:text-[11px] tpl:text-[var(--tpl-text-dim)]" }, P = ["accept"], F = { class: "tpl:flex tpl:flex-col tpl:gap-1.5" }, I = { class: "tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-text-muted)]" }, L = ["placeholder"], R = {
+	key: 0,
+	class: "tpl:flex tpl:flex-col tpl:gap-2 tpl:rounded-[var(--tpl-radius)] tpl:px-3 tpl:py-3 tpl:bg-[var(--tpl-warning-light)] tpl:border tpl:border-[var(--tpl-warning)]"
+}, 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__ */ n({
+	__name: "DesignReferenceSidebar",
+	props: {
+		visible: { type: Boolean },
+		hasExistingBlocks: { type: Boolean }
+	},
+	emits: ["close", "apply"],
+	setup(n, { emit: g }) {
+		let y = n, z = g, { t: B } = le(), xe = m(h, "DesignReferenceSidebar"), V = ue({
+			authManager: m(oe, "DesignReferenceSidebar"),
+			getTemplateId: () => xe.state.template?.id ?? null,
+			onApply: (e) => z("apply", e)
+		}), H = c(null), U = c("image"), W = c(null), G = c(""), K = c(null), q = c(!1), J = c(!1), Y = ie(() => V.isGenerating.value ? !1 : W.value !== null);
+		function X(e) {
+			U.value = e, Q();
+		}
+		function Se(e) {
+			let t = e.target, n = t.files?.[0];
+			n && Z(n), t.value = "";
+		}
+		function Z(e) {
+			if (e.size > 10485760) {
+				V.error.value = B.designReference.fileTooLarge;
+				return;
+			}
+			if (U.value === "image") {
+				if (![
+					"image/png",
+					"image/jpeg",
+					"image/jpg",
+					"image/webp"
+				].includes(e.type)) {
+					V.error.value = B.designReference.invalidFileType;
+					return;
+				}
+			} else if (U.value === "pdf" && e.type !== "application/pdf") {
+				V.error.value = B.designReference.invalidFileType;
+				return;
+			}
+			W.value = e, V.error.value = null, K.value && URL.revokeObjectURL(K.value), e.type.startsWith("image/") ? K.value = URL.createObjectURL(e) : K.value = null;
+		}
+		function Q() {
+			K.value &&= (URL.revokeObjectURL(K.value), null), W.value = null;
+		}
+		function Ce(e) {
+			e.preventDefault(), J.value = !0;
+		}
+		function we() {
+			J.value = !1;
+		}
+		function Te(e) {
+			e.preventDefault(), J.value = !1;
+			let t = e.dataTransfer?.files?.[0];
+			t && Z(t);
+		}
+		function $() {
+			if (!Y.value) return;
+			if (y.hasExistingBlocks && !q.value) {
+				q.value = !0;
+				return;
+			}
+			q.value = !1;
+			let e = {};
+			G.value.trim() && (e.prompt = G.value.trim()), U.value === "image" && W.value ? e.imageUpload = W.value : U.value === "pdf" && W.value && (e.pdfUpload = W.value), V.generate(e);
+		}
+		function Ee() {
+			q.value = !1;
+		}
+		return a(() => y.visible, (e) => {
+			e || (q.value = !1);
+		}), e(() => {
+			K.value &&= (URL.revokeObjectURL(K.value), null);
+		}), (e, a) => (i(), re(ae, {
+			"enter-active-class": "tpl-design-slide-enter-active",
+			"enter-from-class": "tpl:translate-x-full",
+			"enter-to-class": "tpl:translate-x-0",
+			"leave-active-class": "tpl-design-slide-leave-active",
+			"leave-from-class": "tpl:translate-x-0",
+			"leave-to-class": "tpl:translate-x-full"
+		}, {
+			default: ee(() => [n.visible ? (i(), f("div", pe, [l("div", me, [l("div", he, [p(d(_), {
+				size: 13,
+				"stroke-width": 2
+			}), l("span", null, r(d(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: a[0] ||= (e) => z("close")
+			}, [p(d(v), {
+				size: 14,
+				"stroke-width": 2
+			})])]), l("div", x, [d(V).isGenerating.value ? (i(), f("div", S, [l("div", C, [p(ce), l("p", w, r(d(B).designReference.generating), 1)])])) : (i(), f("div", T, [
+				l("div", E, [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: u({
+						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: a[1] ||= (e) => X("image")
+				}, [p(d(de), {
+					size: 12,
+					"stroke-width": 2
+				}), s(" " + r(d(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: u({
+						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: a[2] ||= (e) => X("pdf")
+				}, [p(d(b), {
+					size: 12,
+					"stroke-width": 2
+				}), s(" " + r(d(B).designReference.uploadPdf), 1)], 4)]),
+				l("div", null, [W.value ? (i(), f("div", D, [l("div", O, [K.value ? (i(), f("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)) : (i(), f("div", A, [p(d(b), {
+					size: 32,
+					"stroke-width": 1.5,
+					class: "tpl:text-[var(--tpl-text-dim)]"
+				}), l("span", j, 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
+				}, [p(d(v), {
+					size: 12,
+					"stroke-width": 2
+				})])])])) : (i(), f("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({
+						borderColor: J.value ? "var(--tpl-primary)" : "var(--tpl-border-light)",
+						backgroundColor: J.value ? "var(--tpl-primary-light)" : "var(--tpl-bg)"
+					}),
+					onClick: a[3] ||= (e) => H.value?.click(),
+					onDragover: Ce,
+					onDragleave: we,
+					onDrop: Te
+				}, [
+					p(d(fe), {
+						size: 24,
+						"stroke-width": 1.5,
+						class: "tpl:text-[var(--tpl-text-dim)]"
+					}),
+					l("span", M, r(d(B).designReference.dropHint), 1),
+					l("span", N, r(U.value === "image" ? d(B).designReference.acceptedImages : d(B).designReference.acceptedPdf), 1)
+				], 36)), l("input", {
+					ref_key: "fileInput",
+					ref: H,
+					type: "file",
+					class: "tpl:hidden",
+					accept: U.value === "image" ? "image/png,image/jpeg,image/webp" : "application/pdf",
+					onChange: Se
+				}, null, 40, P)]),
+				l("div", F, [l("label", I, r(d(B).designReference.promptLabel), 1), te(l("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: d(B).designReference.promptPlaceholder,
+					rows: "3"
+				}, null, 8, L), [[ne, G.value]])]),
+				q.value ? (i(), f("div", R, [l("p", ge, r(d(B).designReference.replaceWarning), 1), l("div", _e, [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: Ee
+				}, r(d(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: $
+				}, r(d(B).designReference.replaceConfirm), 1)])])) : o("", !0),
+				d(V).error.value ? (i(), f("div", ve, [p(d(se), {
+					size: 14,
+					"stroke-width": 2,
+					class: "tpl:mt-0.5 tpl:shrink-0"
+				}), l("span", null, r(d(B).designReference.error), 1)])) : o("", !0),
+				q.value ? o("", !0) : (i(), f("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(_), {
+					size: 16,
+					"stroke-width": 2
+				}), s(" " + r(d(B).designReference.generate), 1)], 8, ye)),
+				l("p", be, r(d(B).aiMenu.disclaimer), 1)
+			]))])])) : o("", !0)]),
+			_: 1
+		}));
+	}
+}), [["__scopeId", "data-v-b9358bf2"]]);
+//#endregion
+export { z as default };

package/dist/LoadingTrack-Ba2pfF57.js

@@ -0,0 +1,10 @@
+import { N as e, v as t } from "./vue.runtime.esm-bundler-CjauPXjj.js";
+import { t as n } from "./_plugin-vue_export-helper-BVAJ4lgT.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 };