@aswin.dev/editor 0.7.0 → 0.7.2

package/dist/CountdownToolbar-BuS8p5ju.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-wWRbcuEK.js";
+import { i as g, n as _, r as v, t as y } from "./NumberWithSuffix-Ca3vNY84.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-B8V_F2yF.js → DesignReferenceSidebar-RDlnhL-6.js}

@@ -1,14 +1,14 @@
-import { Dt as e, H as t, M as n, Mt as r, Ot as i, Q as a, S as o, V as ee, _ as s, b as c, g as l, h as te, it as u, k as d, m as f, p as ne, s as re, t as ie, y as p, z as ae } from "./vue.runtime.esm-bundler-DpvJL-nX.js";
+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 { O as m, i as oe, m as h } from "./keys-ciNfSSGj.js";
-import { t as g } from "./createLucideIcon-C3pa2siy.js";
-import { t as se } from "./circle-alert-DZuGWPX-.js";
-import { t as _ } from "./image-up-MBZKKg9p.js";
-import { t as v } from "./x-u2oVmjN_.js";
-import { t as ce } from "./LoadingTrack-B0CWFHXQ.js";
-import { t as y } from "./_plugin-vue_export-helper-B0hnzhyu.js";
-import { n as le } from "./useCloudI18n-BuIwR6OE.js";
-import { u as ue } from "./cloud-DEk_b4CR.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-CgIhNcT9.js";
+import { t as ce } from "./LoadingTrack-BJ59h9ok.js";
+import { t as y } from "./_plugin-vue_export-helper-Bwh4ceeO.js";
+import { n as le } from "./useCloudI18n-BTTNBk5i.js";
+import { u as ue } from "./cloud-DJG4tb4_.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",
@@ -83,19 +83,19 @@ var de = g("file-image", [
 }, ge = { class: "tpl:text-xs tpl:leading-snug tpl:text-[var(--tpl-text)]" }, _e = { class: "tpl:flex tpl:gap-2" }, ve = {
 	key: 1,
 	class: "tpl:flex tpl:items-start tpl:gap-2 tpl:rounded-lg tpl:px-3 tpl:py-2 tpl:text-xs tpl:bg-[var(--tpl-danger-light)] tpl:text-[var(--tpl-danger)]"
-}, ye = ["disabled"], be = { class: "tpl:m-0 tpl:pt-1 tpl:text-center tpl:text-[11px] tpl:text-[var(--tpl-text-dim)]" }, z = /* @__PURE__ */ y(/* @__PURE__ */ o({
+}, ye = ["disabled"], be = { class: "tpl:m-0 tpl:pt-1 tpl:text-center tpl:text-[11px] tpl:text-[var(--tpl-text-dim)]" }, z = /* @__PURE__ */ y(/* @__PURE__ */ n({
 	__name: "DesignReferenceSidebar",
 	props: {
 		visible: { type: Boolean },
 		hasExistingBlocks: { type: Boolean }
 	},
 	emits: ["close", "apply"],
-	setup(o, { emit: g }) {
-		let y = o, z = g, { t: B } = le(), xe = m(h, "DesignReferenceSidebar"), V = ue({
+	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 = a(null), U = a("image"), W = a(null), G = a(""), K = a(null), q = a(!1), J = a(!1), Y = ne(() => V.isGenerating.value ? !1 : W.value !== null);
+		}), 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();
 		}
@@ -151,11 +151,11 @@ var de = g("file-image", [
 		function Ee() {
 			q.value = !1;
 		}
-		return ae(() => y.visible, (e) => {
+		return a(() => y.visible, (e) => {
 			e || (q.value = !1);
-		}), d(() => {
+		}), e(() => {
 			K.value &&= (URL.revokeObjectURL(K.value), null);
-		}), (a, d) => (n(), te(ie, {
+		}), (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",
@@ -163,74 +163,74 @@ var de = g("file-image", [
 			"leave-from-class": "tpl:translate-x-0",
 			"leave-to-class": "tpl:translate-x-full"
 		}, {
-			default: ee(() => [o.visible ? (n(), s("div", pe, [f("div", me, [f("div", he, [c(u(_), {
+			default: ee(() => [n.visible ? (i(), f("div", pe, [l("div", me, [l("div", he, [p(d(_), {
 				size: 13,
 				"stroke-width": 2
-			}), f("span", null, r(u(B).designReference.title), 1)]), f("button", {
+			}), 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: d[0] ||= (e) => z("close")
-			}, [c(u(v), {
+				onClick: a[0] ||= (e) => z("close")
+			}, [p(d(v), {
 				size: 14,
 				"stroke-width": 2
-			})])]), f("div", x, [u(V).isGenerating.value ? (n(), s("div", S, [f("div", C, [c(ce), f("p", w, r(u(B).designReference.generating), 1)])])) : (n(), s("div", T, [
-				f("div", E, [f("button", {
+			})])]), 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: i({
+					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: d[1] ||= (e) => X("image")
-				}, [c(u(de), {
+					onClick: a[1] ||= (e) => X("image")
+				}, [p(d(de), {
 					size: 12,
 					"stroke-width": 2
-				}), p(" " + r(u(B).designReference.uploadImage), 1)], 4), f("button", {
+				}), 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: i({
+					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: d[2] ||= (e) => X("pdf")
-				}, [c(u(b), {
+					onClick: a[2] ||= (e) => X("pdf")
+				}, [p(d(b), {
 					size: 12,
 					"stroke-width": 2
-				}), p(" " + r(u(B).designReference.uploadPdf), 1)], 4)]),
-				f("div", null, [W.value ? (n(), s("div", D, [f("div", O, [K.value ? (n(), s("img", {
+				}), 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)) : (n(), s("div", A, [c(u(b), {
+				}, null, 8, k)) : (i(), f("div", A, [p(d(b), {
 					size: 32,
 					"stroke-width": 1.5,
 					class: "tpl:text-[var(--tpl-text-dim)]"
-				}), f("span", j, r(W.value.name), 1)])), f("button", {
+				}), 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
-				}, [c(u(v), {
+				}, [p(d(v), {
 					size: 12,
 					"stroke-width": 2
-				})])])])) : (n(), s("div", {
+				})])])])) : (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: i({
+					style: u({
 						borderColor: J.value ? "var(--tpl-primary)" : "var(--tpl-border-light)",
 						backgroundColor: J.value ? "var(--tpl-primary-light)" : "var(--tpl-bg)"
 					}),
-					onClick: d[3] ||= (e) => H.value?.click(),
+					onClick: a[3] ||= (e) => H.value?.click(),
 					onDragover: Ce,
 					onDragleave: we,
 					onDrop: Te
 				}, [
-					c(u(fe), {
+					p(d(fe), {
 						size: 24,
 						"stroke-width": 1.5,
 						class: "tpl:text-[var(--tpl-text-dim)]"
 					}),
-					f("span", M, r(u(B).designReference.dropHint), 1),
-					f("span", N, r(U.value === "image" ? u(B).designReference.acceptedImages : u(B).designReference.acceptedPdf), 1)
-				], 36)), f("input", {
+					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",
@@ -238,39 +238,39 @@ var de = g("file-image", [
 					accept: U.value === "image" ? "image/png,image/jpeg,image/webp" : "application/pdf",
 					onChange: Se
 				}, null, 40, P)]),
-				f("div", F, [f("label", I, r(u(B).designReference.promptLabel), 1), t(f("textarea", {
-					"onUpdate:modelValue": d[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: u(B).designReference.promptPlaceholder,
+				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), [[re, G.value]])]),
-				q.value ? (n(), s("div", R, [f("p", ge, r(u(B).designReference.replaceWarning), 1), f("div", _e, [f("button", {
+				}, 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(u(B).designReference.replaceCancel), 1), f("button", {
+				}, 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(u(B).designReference.replaceConfirm), 1)])])) : l("", !0),
-				u(V).error.value ? (n(), s("div", ve, [c(u(se), {
+				}, 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"
-				}), f("span", null, r(u(B).designReference.error), 1)])) : l("", !0),
-				q.value ? l("", !0) : (n(), s("button", {
+				}), 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: $
-				}, [c(u(_), {
+				}, [p(d(_), {
 					size: 16,
 					"stroke-width": 2
-				}), p(" " + r(u(B).designReference.generate), 1)], 8, ye)),
-				f("p", be, r(u(B).aiMenu.disclaimer), 1)
-			]))])])) : l("", !0)]),
+				}), s(" " + r(d(B).designReference.generate), 1)], 8, ye)),
+				l("p", be, r(d(B).aiMenu.disclaimer), 1)
+			]))])])) : o("", !0)]),
 			_: 1
 		}));
 	}
-}), [["__scopeId", "data-v-bdbf8d0d"]]);
+}), [["__scopeId", "data-v-b9358bf2"]]);
 //#endregion
 export { z as default };

package/dist/{LoadingTrack-B0CWFHXQ.js → LoadingTrack-BJ59h9ok.js}

@@ -1,5 +1,5 @@
-import { M as e, _ as t } from "./vue.runtime.esm-bundler-DpvJL-nX.js";
-import { t as n } from "./_plugin-vue_export-helper-B0hnzhyu.js";
+import { N as e, v as t } from "./vue.runtime.esm-bundler-CjauPXjj.js";
+import { t as n } from "./_plugin-vue_export-helper-Bwh4ceeO.js";
 //#region src/components/LoadingTrack.vue
 var r = {}, i = { class: "tpl-loading-track" };
 function a(n, r) {

package/dist/ModuleBrowserModal-b7HbpByz.js

@@ -0,0 +1,206 @@
+import { C as e, F as t, Ft as n, N as r, R as i, S as a, U as ee, V as o, W as s, _ as te, c as ne, d as c, et as l, f as u, g as d, h as f, jt as re, m as p, s as ie, st as m, v as h, x as g } from "./vue.runtime.esm-bundler-CjauPXjj.js";
+import "./useEditorCore-BGnzcT7p.js";
+import { A as _, T as ae, m as oe } from "./keys-CvX8D-8C.js";
+import { t as se } from "./useI18n-C2xQZ6K9.js";
+import { t as v } from "./createLucideIcon-ClREiSx3.js";
+import { n as y, t as b } from "./blockTypeIcons-QkC6f5UE.js";
+import { t as ce } from "./trash-2-CMWvQ5KX.js";
+import { t as le } from "./x-CgIhNcT9.js";
+import { n as ue } from "./useCloudI18n-BTTNBk5i.js";
+import { t as de } from "./TplModal-CBq1J1pG.js";
+var fe = v("search", [["path", {
+	d: "m21 21-4.34-4.34",
+	key: "14j7rj"
+}], ["circle", {
+	cx: "11",
+	cy: "11",
+	r: "8",
+	key: "4ej97u"
+}]]), pe = {
+	role: "dialog",
+	"aria-modal": "true",
+	"aria-labelledby": "tpl-module-browser-title",
+	class: "tpl-scale-in tpl:mx-4 tpl:flex tpl:w-full tpl:max-w-[1000px] tpl:flex-col tpl:rounded-[var(--tpl-radius-lg)]",
+	style: {
+		"background-color": "var(--tpl-bg-elevated)",
+		"box-shadow": "var(--tpl-shadow-xl)",
+		"max-height": "90vh"
+	}
+}, me = { class: "tpl:flex tpl:items-center tpl:justify-between tpl:border-b tpl:px-5 tpl:py-4 tpl:border-[var(--tpl-border)]" }, he = {
+	id: "tpl-module-browser-title",
+	class: "tpl:text-sm tpl:font-semibold tpl:text-[var(--tpl-text)]"
+}, x = ["aria-label"], S = { class: "tpl:flex tpl:min-h-0 tpl:flex-1 tpl:overflow-hidden" }, C = { class: "tpl:flex tpl:w-[300px] tpl:shrink-0 tpl:flex-col tpl:overflow-hidden" }, w = { class: "tpl:px-4 tpl:pt-4 tpl:pb-3" }, T = { class: "tpl:relative" }, E = ["placeholder"], D = { class: "tpl:flex-1 tpl:overflow-y-auto tpl:px-4 tpl:pb-4" }, O = {
+	key: 0,
+	class: "tpl:flex tpl:flex-col tpl:gap-1"
+}, k = ["aria-pressed", "onClick"], A = { class: "tpl:flex tpl:items-center tpl:gap-2" }, j = { class: "tpl:flex-1 tpl:truncate tpl:text-xs tpl:font-semibold tpl:text-[var(--tpl-text)]" }, M = { class: "tpl:shrink-0 tpl:rounded-full tpl:px-1.5 tpl:py-0.5 tpl:text-[10px] tpl:font-medium tpl:bg-[var(--tpl-bg-hover)] tpl:text-[var(--tpl-text-muted)]" }, N = { class: "tpl:mt-1 tpl:flex tpl:items-center tpl:gap-1" }, P = {
+	key: 0,
+	class: "tpl:text-[10px] tpl:text-[var(--tpl-text-dim)]"
+}, F = ["aria-label", "onClick"], I = [
+	"aria-label",
+	"title",
+	"onClick"
+], L = {
+	key: 1,
+	class: "tpl:flex tpl:flex-col tpl:items-center tpl:justify-center tpl:py-12"
+}, R = { class: "tpl:mt-2 tpl:text-xs tpl:text-[var(--tpl-text-dim)]" }, ge = { class: "tpl:flex tpl:flex-1 tpl:flex-col tpl:overflow-hidden tpl:border-l tpl:border-[var(--tpl-border)]" }, _e = {
+	key: 0,
+	class: "tpl:flex tpl:flex-1 tpl:flex-col tpl:overflow-hidden"
+}, ve = { class: "tpl:flex-1 tpl:overflow-y-auto tpl:p-4" }, ye = {
+	key: 1,
+	class: "tpl:flex tpl:flex-1 tpl:flex-col tpl:items-center tpl:justify-center tpl:px-4"
+}, be = { class: "tpl:mt-2 tpl:text-center tpl:text-xs tpl:text-[var(--tpl-text-dim)]" }, xe = { class: "tpl:flex tpl:items-center tpl:justify-between tpl:border-t tpl:px-5 tpl:py-3 tpl:border-[var(--tpl-border)]" }, Se = { class: "tpl:flex tpl:items-center tpl:gap-2" }, Ce = { class: "tpl:shrink-0 tpl:text-xs tpl:text-[var(--tpl-text-dim)]" }, we = ["value"], Te = { class: "tpl:flex tpl:gap-2" }, Ee = ["disabled"], z = /* @__PURE__ */ e({
+	__name: "ModuleBrowserModal",
+	props: { visible: { type: Boolean } },
+	emits: ["close", "insert"],
+	setup(e, { emit: v }) {
+		let z = e, B = v, De = a(() => import("./ModulePreviewCanvas-D__YlOLS.js")), { t: Oe } = se(), { t: V } = ue(), H = _(ae, "ModuleBrowserModal"), U = _(oe, "ModuleBrowserModal"), W = l(""), G = l(null), K = l(null), q = l("end"), J = p(() => {
+			let e = H.modules.value;
+			if (!W.value) return e;
+			let t = W.value.toLowerCase();
+			return e.filter((e) => e.name.toLowerCase().includes(t));
+		}), Y = p(() => G.value ? H.modules.value.find((e) => e.id === G.value) ?? null : null), X = p(() => {
+			let e = [{
+				value: "beginning",
+				label: V.modules.insertAtBeginning
+			}], t = U.content.value.blocks;
+			for (let n = 0; n < t.length; n++) {
+				let r = t[n], i = r.type, a = Oe.blocks[i] ?? r.type;
+				e.push({
+					value: r.id,
+					label: V.modules.insertAfterBlock.replace("{block}", `${a} ${n + 1}`)
+				});
+			}
+			return e.push({
+				value: "end",
+				label: V.modules.insertAtEnd
+			}), e;
+		}), ke = p(() => {
+			if (q.value === "end") return;
+			if (q.value === "beginning") return 0;
+			let e = U.content.value.blocks.findIndex((e) => e.id === q.value);
+			if (e !== -1) return e + 1;
+		});
+		o(() => z.visible, (e) => {
+			if (e) {
+				W.value = "", G.value = null, K.value = null;
+				let e = U.state.selectedBlockId;
+				e ? q.value = U.content.value.blocks.findIndex((t) => t.id === e) === -1 ? "end" : e : q.value = "end";
+			}
+		});
+		function Ae(e) {
+			let t = [], n = /* @__PURE__ */ new Set();
+			for (let r of e.content) if (!n.has(r.type) && b[r.type] && (n.add(r.type), t.push({
+				type: r.type,
+				icon: b[r.type]
+			})), t.length >= 5) break;
+			return t;
+		}
+		function Z(e) {
+			let t = new Set(e.content.map((e) => e.type));
+			return Math.max(0, t.size - 5);
+		}
+		async function je(e) {
+			try {
+				await H.deleteModule(e), G.value === e && (G.value = null);
+			} finally {
+				K.value = null;
+			}
+		}
+		function Q() {
+			Y.value && B("insert", Y.value, ke.value);
+		}
+		function $() {
+			B("close");
+		}
+		function Me(e) {
+			e.key === "Escape" && $(), e.key === "Enter" && Y.value && (e.preventDefault(), Q());
+		}
+		return (a, o) => (r(), d(de, {
+			visible: e.visible,
+			onClose: $,
+			onKeydown: Me
+		}, {
+			default: ee(() => [f("div", pe, [
+				f("div", me, [f("h3", he, n(m(V).modules.browse), 1), f("button", {
+					"aria-label": m(V).modules.close,
+					class: "tpl:cursor-pointer tpl:rounded-md tpl:border-none tpl:bg-transparent tpl:p-1 tpl:transition-colors tpl:duration-100 tpl:text-[var(--tpl-text-dim)]",
+					onClick: $
+				}, [g(m(le), {
+					size: 16,
+					"stroke-width": 2
+				})], 8, x)]),
+				f("div", S, [f("div", C, [f("div", w, [f("div", T, [g(m(fe), {
+					size: 14,
+					"stroke-width": 2,
+					class: "tpl:pointer-events-none tpl:absolute tpl:left-3 tpl:top-1/2 tpl:-translate-y-1/2 tpl:text-[var(--tpl-text-dim)]"
+				}), s(f("input", {
+					"onUpdate:modelValue": o[0] ||= (e) => W.value = e,
+					type: "text",
+					placeholder: m(V).modules.search,
+					class: "tpl:h-9 tpl:w-full tpl:rounded-md tpl:border tpl:pl-9 tpl:pr-3 tpl:text-sm tpl:outline-none tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:text-[var(--tpl-text)]"
+				}, null, 8, E), [[ne, W.value]])])]), f("div", D, [J.value.length > 0 ? (r(), h("div", O, [(r(!0), h(u, null, t(J.value, (e) => (r(), h("button", {
+					key: e.id,
+					type: "button",
+					"aria-pressed": G.value === e.id,
+					class: "tpl:group/card tpl:w-full tpl:cursor-pointer tpl:rounded-[var(--tpl-radius-md)] tpl:border tpl:bg-transparent tpl:px-3 tpl:py-2 tpl:text-left tpl:transition-all tpl:duration-[120ms]",
+					style: re({
+						borderColor: G.value === e.id ? "var(--tpl-primary)" : "var(--tpl-border)",
+						backgroundColor: G.value === e.id ? "var(--tpl-primary-light)" : "transparent"
+					}),
+					onClick: (t) => G.value = e.id
+				}, [f("div", A, [f("span", j, n(e.name), 1), f("span", M, n(m(V).modules.blockCount.replace("{count}", String(e.content.length))), 1)]), f("div", N, [
+					(r(!0), h(u, null, t(Ae(e), (e) => (r(), d(i(e.icon), {
+						key: e.type,
+						size: 14,
+						"stroke-width": 1.5,
+						class: "tpl:text-[var(--tpl-text-dim)]"
+					}))), 128)),
+					Z(e) > 0 ? (r(), h("span", P, " +" + n(Z(e)), 1)) : te("", !0),
+					K.value === e.id ? (r(), h("button", {
+						key: 1,
+						"aria-label": m(V).modules.deleteConfirm,
+						class: "tpl:ml-auto tpl:cursor-pointer tpl:rounded-md tpl:border tpl:px-2 tpl:py-0.5 tpl:text-[10px] tpl:font-medium tpl:transition-colors tpl:duration-100 tpl:border-[var(--tpl-danger)] tpl:text-[var(--tpl-danger)]",
+						style: { "background-color": "transparent" },
+						onClick: c((t) => je(e.id), ["stop"])
+					}, n(m(V).modules.deleteConfirm), 9, F)) : (r(), h("button", {
+						key: 2,
+						class: "tpl-module-delete-btn tpl:ml-auto tpl:cursor-pointer tpl:rounded-md tpl:border-none tpl:bg-transparent tpl:p-0.5 tpl:transition-colors tpl:duration-100 tpl:text-[var(--tpl-text-dim)]",
+						"aria-label": m(V).modules.delete,
+						title: m(V).modules.delete,
+						onClick: c((t) => K.value = e.id, ["stop"])
+					}, [g(m(ce), {
+						size: 12,
+						"stroke-width": 1.5
+					})], 8, I))
+				])], 12, k))), 128))])) : (r(), h("div", L, [g(m(y), {
+					size: 32,
+					"stroke-width": 1,
+					class: "tpl:text-[var(--tpl-text-dim)]"
+				}), f("p", R, n(W.value ? m(V).modules.noModules : m(V).modules.noModulesHint), 1)]))])]), f("div", ge, [Y.value ? (r(), h("div", _e, [f("div", ve, [g(m(De), { blocks: Y.value.content }, null, 8, ["blocks"])])])) : (r(), h("div", ye, [g(m(y), {
+					size: 32,
+					"stroke-width": 1,
+					class: "tpl:text-[var(--tpl-text-dim)]"
+				}), f("p", be, n(m(V).modules.selectToPreview), 1)]))])]),
+				f("div", xe, [f("div", Se, [f("label", Ce, n(m(V).modules.insertPosition), 1), s(f("select", {
+					"onUpdate:modelValue": o[1] ||= (e) => q.value = e,
+					class: "tpl:h-7 tpl:max-w-[220px] tpl:rounded-md tpl:border tpl:px-2 tpl:text-xs tpl:outline-none tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:text-[var(--tpl-text)]"
+				}, [(r(!0), h(u, null, t(X.value, (e) => (r(), h("option", {
+					key: e.value,
+					value: e.value
+				}, n(e.label), 9, we))), 128))], 512), [[ie, q.value]])]), f("div", Te, [f("button", {
+					type: "button",
+					class: "tpl:cursor-pointer tpl:rounded-md tpl:border tpl:px-3 tpl:py-1.5 tpl:text-sm tpl:font-medium tpl:shadow-xs tpl:transition-all tpl:duration-150 tpl:border-[var(--tpl-border)] tpl:text-[var(--tpl-text)] tpl:bg-[var(--tpl-bg)]",
+					onClick: $
+				}, n(m(V).modules.close), 1), f("button", {
+					type: "button",
+					class: "tpl:cursor-pointer tpl:rounded-md tpl:px-3 tpl:py-1.5 tpl:text-sm tpl:font-medium tpl:shadow-xs 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: Q
+				}, n(m(V).modules.insert), 9, Ee)])])
+			])]),
+			_: 1
+		}, 8, ["visible"]));
+	}
+});
+//#endregion
+export { z as default };