@templatical/editor 0.23.0 → 0.24.1

package/dist/DesignReferenceSidebar-BxPo0zyx.js

@@ -1,264 +0,0 @@
-import { Dt as e, Et as t, I as n, O as r, Ot as i, R as ee, T as a, Y as o, _ as s, c, d as l, h as u, l as te, m as d, nt as f, s as ne, u as p, z as re } from "./vue.runtime.esm-bundler-B0xoGkDv.js";
-import { a as ie, t as ae } from "./runtime-dom.esm-bundler-GdMI8WqG.js";
-import { t as oe } from "./upload-BwwE0U6G.js";
-import { B as m, h, r as se } from "./keys-CHPcp-Nz.js";
-import { t as g } from "./createLucideIcon-JWHwTI6N.js";
-import { t as ce } from "./circle-alert-CgtE46ND.js";
-import { t as _ } from "./image-up-CQdtq8ge.js";
-import { t as v } from "./x-CkD6A1iB.js";
-import { t as le } from "./LoadingTrack-KIcREPlS.js";
-import { t as y } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { n as ue } from "./useCloudI18n-BmiygEM4.js";
-import { f as de } from "./cloud-CeZPgo1V.js";
-var fe = g("file-image", [
-	["path", {
-		d: "M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z",
-		key: "1oefj6"
-	}],
-	["path", {
-		d: "M14 2v5a1 1 0 0 0 1 1h5",
-		key: "wfsgrz"
-	}],
-	["circle", {
-		cx: "10",
-		cy: "12",
-		r: "2",
-		key: "737tya"
-	}],
-	["path", {
-		d: "m20 17-1.296-1.296a2.41 2.41 0 0 0-3.408 0L9 22",
-		key: "wt3hpn"
-	}]
-]), b = g("file-text", [
-	["path", {
-		d: "M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z",
-		key: "1oefj6"
-	}],
-	["path", {
-		d: "M14 2v5a1 1 0 0 0 1 1h5",
-		key: "wfsgrz"
-	}],
-	["path", {
-		d: "M10 9H8",
-		key: "b1mrlr"
-	}],
-	["path", {
-		d: "M16 13H8",
-		key: "t4e002"
-	}],
-	["path", {
-		d: "M16 17H8",
-		key: "z1uh3a"
-	}]
-]), pe = {
-	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__ */ s({
-	__name: "DesignReferenceSidebar",
-	props: {
-		visible: { type: Boolean },
-		hasExistingBlocks: { type: Boolean }
-	},
-	emits: ["close", "apply"],
-	setup(s, { emit: g }) {
-		let y = s, z = g, { t: B } = ue(), xe = m(h, "DesignReferenceSidebar"), V = de({
-			authManager: m(se, "DesignReferenceSidebar"),
-			getTemplateId: () => xe.state.template?.id ?? null,
-			onApply: (e) => z("apply", e)
-		}), H = o(null), U = o("image"), W = o(null), G = o(""), K = o(null), q = o(!1), J = o(!1), Y = ne(() => !V.isGenerating.value && 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 n(() => y.visible, (e) => {
-			e || (q.value = !1);
-		}), a(() => {
-			K.value &&= (URL.revokeObjectURL(K.value), null);
-		}), (n, a) => (r(), te(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(() => [s.visible ? (r(), l("div", pe, [c("div", me, [c("div", he, [u(f(_), {
-				size: 13,
-				"stroke-width": 2
-			}), c("span", null, i(f(B).designReference.title), 1)]), c("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")
-			}, [u(f(v), {
-				size: 14,
-				"stroke-width": 2
-			})])]), c("div", x, [f(V).isGenerating.value ? (r(), l("div", S, [c("div", C, [u(le), c("p", w, i(f(B).designReference.generating), 1)])])) : (r(), l("div", T, [
-				c("div", E, [c("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: e({
-						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")
-				}, [u(f(fe), {
-					size: 12,
-					"stroke-width": 2
-				}), d(" " + i(f(B).designReference.uploadImage), 1)], 4), c("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: e({
-						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")
-				}, [u(f(b), {
-					size: 12,
-					"stroke-width": 2
-				}), d(" " + i(f(B).designReference.uploadPdf), 1)], 4)]),
-				c("div", null, [W.value ? (r(), l("div", D, [c("div", O, [K.value ? (r(), l("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)) : (r(), l("div", A, [u(f(b), {
-					size: 32,
-					"stroke-width": 1.5,
-					class: "tpl:text-[var(--tpl-text-dim)]"
-				}), c("span", j, i(W.value.name), 1)])), c("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
-				}, [u(f(v), {
-					size: 12,
-					"stroke-width": 2
-				})])])])) : (r(), l("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: e({
-						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
-				}, [
-					u(f(oe), {
-						size: 24,
-						"stroke-width": 1.5,
-						class: "tpl:text-[var(--tpl-text-dim)]"
-					}),
-					c("span", M, i(f(B).designReference.dropHint), 1),
-					c("span", N, i(U.value === "image" ? f(B).designReference.acceptedImages : f(B).designReference.acceptedPdf), 1)
-				], 36)), c("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)]),
-				c("div", F, [c("label", I, i(f(B).designReference.promptLabel), 1), re(c("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: f(B).designReference.promptPlaceholder,
-					rows: "3"
-				}, null, 8, L), [[ie, G.value]])]),
-				q.value ? (r(), l("div", R, [c("p", ge, i(f(B).designReference.replaceWarning), 1), c("div", _e, [c("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
-				}, i(f(B).designReference.replaceCancel), 1), c("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: $
-				}, i(f(B).designReference.replaceConfirm), 1)])])) : p("", !0),
-				f(V).error.value ? (r(), l("div", ve, [u(f(ce), {
-					size: 14,
-					"stroke-width": 2,
-					class: "tpl:mt-0.5 tpl:shrink-0"
-				}), c("span", null, i(f(B).designReference.error), 1)])) : p("", !0),
-				q.value ? p("", !0) : (r(), l("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: $
-				}, [u(f(_), {
-					size: 16,
-					"stroke-width": 2
-				}), d(" " + i(f(B).designReference.generate), 1)], 8, ye)),
-				c("p", be, i(f(B).aiMenu.disclaimer), 1)
-			]))])])) : p("", !0)]),
-			_: 1
-		}));
-	}
-}), [["__scopeId", "data-v-bdbf8d0d"]]);
-//#endregion
-export { z as default };

package/dist/TplModal-CykwWFhF.js

@@ -1,49 +0,0 @@
-import { O as e, R as t, Y as n, _ as r, c as i, d as a, h as o, i as s, j as c, l, nt as u, s as d, u as f, x as p } from "./vue.runtime.esm-bundler-B0xoGkDv.js";
-import { c as m, t as h } from "./runtime-dom.esm-bundler-GdMI8WqG.js";
-import { O as g } from "./useEditorCore-CuMMIfiS.js";
-import { n as _ } from "./usePopoverPosition-BO2LNy5n.js";
-import { z as v } from "./keys-CHPcp-Nz.js";
-//#region src/components/TplModal.vue?vue&type=script&setup=true&lang.ts
-var y = ["data-tpl-theme"], b = /* @__PURE__ */ r({
-	__name: "TplModal",
-	props: { visible: { type: Boolean } },
-	emits: ["close", "keydown"],
-	setup(r, { emit: b }) {
-		let x = r, S = b, C = n(null);
-		g(C, d(() => x.visible));
-		let w = p(v), T = _();
-		function E(e) {
-			e.key === "Escape" && S("close"), S("keydown", e);
-		}
-		return (n, d) => u(T) ? (e(), l(s, {
-			key: 0,
-			to: u(T)
-		}, [o(h, {
-			"enter-active-class": "tpl:transition tpl:duration-150",
-			"enter-from-class": "tpl:opacity-0",
-			"enter-to-class": "tpl:opacity-100",
-			"leave-active-class": "tpl:transition tpl:duration-100",
-			"leave-from-class": "tpl:opacity-100",
-			"leave-to-class": "tpl:opacity-0"
-		}, {
-			default: t(() => [r.visible ? (e(), a("div", {
-				key: 0,
-				"data-tpl-theme": u(w),
-				class: "tpl tpl:fixed tpl:inset-0 tpl:z-modal tpl:flex tpl:items-center tpl:justify-center",
-				style: {
-					"background-color": "var(--tpl-overlay)",
-					"backdrop-filter": "blur(8px)",
-					"-webkit-backdrop-filter": "blur(8px)"
-				},
-				onClick: d[0] ||= m((e) => S("close"), ["self"]),
-				onKeydown: E
-			}, [i("div", {
-				ref_key: "dialogRef",
-				ref: C
-			}, [c(n.$slots, "default")], 512)], 40, y)) : f("", !0)]),
-			_: 3
-		})], 8, ["to"])) : f("", !0);
-	}
-});
-//#endregion
-export { b as t };

package/dist/ViewportToggle-BjmbNoao.js

@@ -1,97 +0,0 @@
-import { A as e, Dt as t, O as n, Ot as r, _ as i, c as a, d as o, l as s, nt as c, r as l, s as u } from "./vue.runtime.esm-bundler-B0xoGkDv.js";
-import { t as d } from "./useI18n-D2L9Mkik.js";
-import { t as f } from "./createLucideIcon-JWHwTI6N.js";
-var p = f("monitor", [
-	["rect", {
-		width: "20",
-		height: "14",
-		x: "2",
-		y: "3",
-		rx: "2",
-		key: "48i651"
-	}],
-	["line", {
-		x1: "8",
-		x2: "16",
-		y1: "21",
-		y2: "21",
-		key: "1svkeh"
-	}],
-	["line", {
-		x1: "12",
-		x2: "12",
-		y1: "17",
-		y2: "21",
-		key: "vw1qmm"
-	}]
-]), m = f("smartphone", [["rect", {
-	width: "14",
-	height: "20",
-	x: "5",
-	y: "2",
-	rx: "2",
-	ry: "2",
-	key: "1yt0o3"
-}], ["path", {
-	d: "M12 18h.01",
-	key: "mhygvu"
-}]]), h = ["aria-label"], g = [
-	"aria-checked",
-	"aria-label",
-	"title",
-	"onClick"
-], _ = /* @__PURE__ */ i({
-	__name: "ViewportToggle",
-	props: { viewport: {} },
-	emits: ["change"],
-	setup(i, { emit: f }) {
-		let _ = i, v = f, { t: y } = d(), b = u(() => [{
-			value: "desktop",
-			label: y.viewport.desktop
-		}, {
-			value: "mobile",
-			label: y.viewport.mobile
-		}]), x = u(() => `translateX(${b.value.findIndex((e) => e.value === _.viewport) * 100}%)`);
-		return (u, d) => (n(), o("div", {
-			role: "radiogroup",
-			"aria-label": c(y).viewport.label,
-			class: "tpl:relative tpl:grid tpl:rounded-[var(--tpl-radius-sm)] tpl:p-1",
-			style: t({
-				gridTemplateColumns: `repeat(${b.value.length}, 1fr)`,
-				backgroundColor: "var(--tpl-bg-hover)"
-			})
-		}, [a("div", {
-			class: "tpl:absolute tpl:inset-y-1 tpl:rounded-[var(--tpl-radius-sm)]",
-			style: t({
-				left: "4px",
-				width: `calc((100% - 8px) / ${b.value.length})`,
-				transform: x.value,
-				backgroundColor: "var(--tpl-bg)",
-				boxShadow: "var(--tpl-shadow)",
-				transition: "transform 120ms cubic-bezier(0.16, 1, 0.3, 1)"
-			})
-		}, null, 4), (n(!0), o(l, null, e(b.value, (e) => (n(), o("button", {
-			key: e.value,
-			role: "radio",
-			"aria-checked": i.viewport === e.value,
-			"aria-label": e.label,
-			class: "tpl:relative tpl:z-10 tpl:flex tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:gap-1.5 tpl:rounded-md tpl:border-none tpl:bg-transparent tpl:px-3 tpl:py-1.5 tpl:text-xs tpl:font-medium",
-			style: t({
-				color: i.viewport === e.value ? "var(--tpl-primary)" : "var(--tpl-text-muted)",
-				transition: "color 120ms cubic-bezier(0.16, 1, 0.3, 1)"
-			}),
-			title: e.label,
-			onClick: (t) => v("change", e.value)
-		}, [e.value === "desktop" ? (n(), s(c(p), {
-			key: 0,
-			size: 18,
-			"stroke-width": 1.5
-		})) : (n(), s(c(m), {
-			key: 1,
-			size: 18,
-			"stroke-width": 1.5
-		})), a("span", null, r(e.label), 1)], 12, g))), 128))], 12, h));
-	}
-});
-//#endregion
-export { m as n, p as r, _ as t };

package/dist/cdn/chunks/BlockPreviewCanvas-eASrdFSN.js

@@ -1,117 +0,0 @@
-import { n as e } from "./rolldown-runtime-Dqa2HsxW.js";
-import { I as t, L as n, M as r, P as i, T as a, f as o, g as s, it as c, m as l, p as u, st as d, u as f, x as p } from "./draggable-D840DIZB.js";
-import { _ as m, a as h, c as g, d as _, f as v, h as y, i as b, k as x, m as S, n as C, p as w, r as T, u as E, v as D, y as O } from "./useEditorCore-CzMhD6Gd.js";
-import { d as k, h as A, o as j } from "./keys-D7kUmfpE.js";
-import { n as M, t as N } from "./emailFrameWidth-BmFCN2dp.js";
-//#region src/components/blocks/PreviewSectionBlock.vue?vue&type=script&setup=true&lang.ts
-var P = { class: "tpl:w-full" }, F = { class: "tpl:flex tpl:gap-0" }, I = /* @__PURE__ */ p({
-	name: "PreviewSectionBlock",
-	__name: "PreviewSectionBlock",
-	props: {
-		block: {},
-		viewport: {}
-	},
-	setup(e) {
-		let p = {
-			title: g,
-			paragraph: w,
-			image: y,
-			video: C,
-			button: x,
-			divider: D,
-			social: h,
-			menu: S,
-			table: T,
-			spacer: b,
-			html: m,
-			custom: O
-		}, _ = e, k = a(j, null), A = o(() => {
-			switch (_.block.columns) {
-				case "2": return ["50%", "50%"];
-				case "3": return [
-					"33.33%",
-					"33.33%",
-					"33.33%"
-				];
-				case "1-2": return ["33.33%", "66.67%"];
-				case "2-1": return ["66.67%", "33.33%"];
-				default: return ["100%"];
-			}
-		}), M = o(() => {
-			let e = A.value.length, t = [..._.block.children];
-			for (; t.length < e;) t.push([]);
-			return t.slice(0, e);
-		});
-		function N(e) {
-			return M.value[e] || [];
-		}
-		function I(e) {
-			return v(e, k, p);
-		}
-		return (e, a) => {
-			let o = t("PreviewSectionBlock", !0);
-			return r(), s("div", P, [u("div", F, [(r(!0), s(f, null, i(M.value, (e, t) => (r(), s("div", {
-				key: t,
-				style: d({ width: A.value[t] })
-			}, [(r(!0), s(f, null, i(N(t), (e) => (r(), s("div", {
-				key: e.id,
-				style: d(c(E)(e))
-			}, [e.type === "section" ? (r(), l(o, {
-				key: 0,
-				block: e,
-				viewport: "desktop"
-			}, null, 8, ["block"])) : (r(), l(n(I(e)), {
-				key: 1,
-				block: e,
-				viewport: "desktop"
-			}, null, 8, ["block"]))], 4))), 128))], 4))), 128))])]);
-		};
-	}
-}), L = /*@__PURE__*/ p({
-	__name: "BlockPreviewCanvas",
-	props: {
-		blocks: {},
-		viewport: { default: "desktop" }
-	},
-	setup(e) {
-		let t = e, u = a(j), p = a(A, null), P = a(k, null), F = o(() => t.blocks.filter((e) => !P?.isHidden(e.id))), L = o(() => M(p?.content.value.settings, t.viewport)), R = o(() => p ? _(p.content.value.settings) : {}), z = {
-			section: I,
-			title: g,
-			paragraph: w,
-			image: y,
-			video: C,
-			button: x,
-			divider: D,
-			social: h,
-			menu: S,
-			table: T,
-			spacer: b,
-			html: m,
-			custom: O
-		};
-		function B(e) {
-			return v(e, u, z);
-		}
-		return (t, a) => (r(), s("div", {
-			"data-testid": "block-preview-canvas",
-			class: "tpl:pointer-events-none tpl:mx-auto tpl:select-none tpl:rounded-lg",
-			style: d({
-				width: `${L.value}px`,
-				transition: c(N),
-				backgroundColor: "var(--tpl-canvas-bg)",
-				boxShadow: "var(--tpl-shadow-sm)",
-				...R.value
-			})
-		}, [(r(!0), s(f, null, i(F.value, (t) => (r(), s("div", {
-			key: t.id,
-			style: d(c(E)(t))
-		}, [(r(), l(n(B(t)), {
-			block: t,
-			viewport: e.viewport
-		}, null, 8, ["block", "viewport"]))], 4))), 128))], 4));
-	}
-}), R = /* @__PURE__ */ e({ default: () => z }), z = L;
-//#endregion
-export { R as n, z as t };
-
-//# sourceMappingURL=BlockPreviewCanvas-eASrdFSN.js.map

package/dist/cdn/chunks/BlockPreviewCanvas-eASrdFSN.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BlockPreviewCanvas-eASrdFSN.js","names":[],"sources":["../../../src/components/blocks/PreviewSectionBlock.vue","../../../src/components/blocks/PreviewSectionBlock.vue","../../../src/components/BlockPreviewCanvas.vue","../../../src/components/BlockPreviewCanvas.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport ButtonBlock from \"./ButtonBlock.vue\";\nimport CustomBlock from \"./CustomBlock.vue\";\nimport DividerBlock from \"./DividerBlock.vue\";\nimport HtmlBlock from \"./HtmlBlock.vue\";\nimport ImageBlock from \"./ImageBlock.vue\";\nimport MenuBlock from \"./MenuBlock.vue\";\nimport SocialIconsBlock from \"./SocialIconsBlock.vue\";\nimport SpacerBlock from \"./SpacerBlock.vue\";\nimport TableBlock from \"./TableBlock.vue\";\nimport TitleBlock from \"./TitleBlock.vue\";\nimport ParagraphBlock from \"./ParagraphBlock.vue\";\nimport VideoBlock from \"./VideoBlock.vue\";\nimport {\n  resolveBlockComponent,\n  getBlockWrapperStyle,\n} from \"../../utils/blockComponentResolver\";\nimport type {\n  Block,\n  SectionBlock as SectionBlockType,\n} from \"@templatical/types\";\nimport { computed, inject, type Component } from \"vue\";\nimport { BLOCK_REGISTRY_KEY } from \"../../keys\";\n\nconst previewBlockComponentMap: Record<string, Component> = {\n  title: TitleBlock,\n  paragraph: ParagraphBlock,\n  image: ImageBlock,\n  video: VideoBlock,\n  button: ButtonBlock,\n  divider: DividerBlock,\n  social: SocialIconsBlock,\n  menu: MenuBlock,\n  table: TableBlock,\n  spacer: SpacerBlock,\n  html: HtmlBlock,\n  custom: CustomBlock,\n};\n\nconst props = defineProps<{\n  block: SectionBlockType;\n  viewport: \"desktop\";\n}>();\n\ndefineOptions({ name: \"PreviewSectionBlock\" });\n\nconst blockRegistry = inject(BLOCK_REGISTRY_KEY, null);\n\nconst columnWidths = computed(() => {\n  switch (props.block.columns) {\n    case \"2\":\n      return [\"50%\", \"50%\"];\n    case \"3\":\n      return [\"33.33%\", \"33.33%\", \"33.33%\"];\n    case \"1-2\":\n      return [\"33.33%\", \"66.67%\"];\n    case \"2-1\":\n      return [\"66.67%\", \"33.33%\"];\n    default:\n      return [\"100%\"];\n  }\n});\n\nconst columns = computed(() => {\n  const count = columnWidths.value.length;\n  const children = [...props.block.children];\n  while (children.length < count) {\n    children.push([]);\n  }\n  return children.slice(0, count);\n});\n\nfunction getColumnBlocks(colIndex: number): Block[] {\n  return columns.value[colIndex] || [];\n}\n\nfunction getBlockComponent(block: Block): Component | null {\n  return resolveBlockComponent(block, blockRegistry, previewBlockComponentMap);\n}\n</script>\n\n<template>\n  <div class=\"tpl:w-full\">\n    <div class=\"tpl:flex tpl:gap-0\">\n      <div\n        v-for=\"(_, colIndex) in columns\"\n        :key=\"colIndex\"\n        :style=\"{ width: columnWidths[colIndex] }\"\n      >\n        <div\n          v-for=\"childBlock in getColumnBlocks(colIndex)\"\n          :key=\"childBlock.id\"\n          :style=\"getBlockWrapperStyle(childBlock)\"\n        >\n          <!-- Recursive self-reference for nested sections -->\n          <PreviewSectionBlock\n            v-if=\"childBlock.type === 'section'\"\n            :block=\"childBlock\"\n            viewport=\"desktop\"\n          />\n          <component\n            :is=\"getBlockComponent(childBlock)\"\n            v-else\n            :block=\"childBlock\"\n            viewport=\"desktop\"\n          />\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport ButtonBlock from \"./ButtonBlock.vue\";\nimport CustomBlock from \"./CustomBlock.vue\";\nimport DividerBlock from \"./DividerBlock.vue\";\nimport HtmlBlock from \"./HtmlBlock.vue\";\nimport ImageBlock from \"./ImageBlock.vue\";\nimport MenuBlock from \"./MenuBlock.vue\";\nimport SocialIconsBlock from \"./SocialIconsBlock.vue\";\nimport SpacerBlock from \"./SpacerBlock.vue\";\nimport TableBlock from \"./TableBlock.vue\";\nimport TitleBlock from \"./TitleBlock.vue\";\nimport ParagraphBlock from \"./ParagraphBlock.vue\";\nimport VideoBlock from \"./VideoBlock.vue\";\nimport {\n  resolveBlockComponent,\n  getBlockWrapperStyle,\n} from \"../../utils/blockComponentResolver\";\nimport type {\n  Block,\n  SectionBlock as SectionBlockType,\n} from \"@templatical/types\";\nimport { computed, inject, type Component } from \"vue\";\nimport { BLOCK_REGISTRY_KEY } from \"../../keys\";\n\nconst previewBlockComponentMap: Record<string, Component> = {\n  title: TitleBlock,\n  paragraph: ParagraphBlock,\n  image: ImageBlock,\n  video: VideoBlock,\n  button: ButtonBlock,\n  divider: DividerBlock,\n  social: SocialIconsBlock,\n  menu: MenuBlock,\n  table: TableBlock,\n  spacer: SpacerBlock,\n  html: HtmlBlock,\n  custom: CustomBlock,\n};\n\nconst props = defineProps<{\n  block: SectionBlockType;\n  viewport: \"desktop\";\n}>();\n\ndefineOptions({ name: \"PreviewSectionBlock\" });\n\nconst blockRegistry = inject(BLOCK_REGISTRY_KEY, null);\n\nconst columnWidths = computed(() => {\n  switch (props.block.columns) {\n    case \"2\":\n      return [\"50%\", \"50%\"];\n    case \"3\":\n      return [\"33.33%\", \"33.33%\", \"33.33%\"];\n    case \"1-2\":\n      return [\"33.33%\", \"66.67%\"];\n    case \"2-1\":\n      return [\"66.67%\", \"33.33%\"];\n    default:\n      return [\"100%\"];\n  }\n});\n\nconst columns = computed(() => {\n  const count = columnWidths.value.length;\n  const children = [...props.block.children];\n  while (children.length < count) {\n    children.push([]);\n  }\n  return children.slice(0, count);\n});\n\nfunction getColumnBlocks(colIndex: number): Block[] {\n  return columns.value[colIndex] || [];\n}\n\nfunction getBlockComponent(block: Block): Component | null {\n  return resolveBlockComponent(block, blockRegistry, previewBlockComponentMap);\n}\n</script>\n\n<template>\n  <div class=\"tpl:w-full\">\n    <div class=\"tpl:flex tpl:gap-0\">\n      <div\n        v-for=\"(_, colIndex) in columns\"\n        :key=\"colIndex\"\n        :style=\"{ width: columnWidths[colIndex] }\"\n      >\n        <div\n          v-for=\"childBlock in getColumnBlocks(colIndex)\"\n          :key=\"childBlock.id\"\n          :style=\"getBlockWrapperStyle(childBlock)\"\n        >\n          <!-- Recursive self-reference for nested sections -->\n          <PreviewSectionBlock\n            v-if=\"childBlock.type === 'section'\"\n            :block=\"childBlock\"\n            viewport=\"desktop\"\n          />\n          <component\n            :is=\"getBlockComponent(childBlock)\"\n            v-else\n            :block=\"childBlock\"\n            viewport=\"desktop\"\n          />\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport ButtonBlock from \"./blocks/ButtonBlock.vue\";\nimport CustomBlock from \"./blocks/CustomBlock.vue\";\nimport DividerBlock from \"./blocks/DividerBlock.vue\";\nimport HtmlBlock from \"./blocks/HtmlBlock.vue\";\nimport ImageBlock from \"./blocks/ImageBlock.vue\";\nimport MenuBlock from \"./blocks/MenuBlock.vue\";\nimport PreviewSectionBlock from \"./blocks/PreviewSectionBlock.vue\";\nimport SocialIconsBlock from \"./blocks/SocialIconsBlock.vue\";\nimport SpacerBlock from \"./blocks/SpacerBlock.vue\";\nimport TableBlock from \"./blocks/TableBlock.vue\";\nimport TitleBlock from \"./blocks/TitleBlock.vue\";\nimport ParagraphBlock from \"./blocks/ParagraphBlock.vue\";\nimport VideoBlock from \"./blocks/VideoBlock.vue\";\nimport { BLOCK_REGISTRY_KEY, CONDITION_PREVIEW_KEY, EDITOR_KEY } from \"../keys\";\nimport {\n  resolveBlockComponent,\n  getBlockWrapperStyle,\n  getDocumentStyle,\n} from \"../utils/blockComponentResolver\";\nimport {\n  EMAIL_FRAME_WIDTH_TRANSITION,\n  getEmailFrameWidth,\n} from \"../utils/emailFrameWidth\";\nimport type { Block, ViewportSize } from \"@templatical/types\";\nimport { computed, inject, type Component } from \"vue\";\n\nconst props = withDefaults(\n  defineProps<{\n    blocks: Block[];\n    /**\n     * Which viewport to render. Defaults to `desktop`, so the saved-blocks\n     * surfaces — which have no viewport control — behave exactly as before.\n     * The test-email dialog passes the user's choice so responsive blocks show\n     * the variant a recipient on that device would receive.\n     */\n    viewport?: ViewportSize;\n  }>(),\n  { viewport: \"desktop\" },\n);\n\nconst blockRegistry = inject(BLOCK_REGISTRY_KEY);\nconst editor = inject(EDITOR_KEY, null);\nconst conditionPreview = inject(CONDITION_PREVIEW_KEY, null);\n\n/**\n * Blocks a display condition currently excludes, so a preview never shows\n * content the recipient won't get. The canvas does the same via\n * `v-show=\"!conditionPreview?.isHidden(block.id)\"`.\n *\n * A no-op for the saved-blocks browser: entries there carry their *stored* ids,\n * which aren't in the current template, so nothing is tracked as hidden. It\n * bites where it should — the save dialog and the test-email preview, both of\n * which show blocks that are live on the canvas.\n */\nconst visibleBlocks = computed(() =>\n  props.blocks.filter((block) => !conditionPreview?.isHidden(block.id)),\n);\n\n/**\n * Frame width, from the one helper the canvas and the scaled preview rows also\n * use — so all three agree by construction rather than by three constants that\n * happen to match. A template with a custom body width now previews at that\n * width instead of a flat 600.\n */\nconst frameWidth = computed(() =>\n  getEmailFrameWidth(editor?.content.value.settings, props.viewport),\n);\n\n/**\n * The same document-level style the canvas applies, so a previewed block\n * renders identically to the canvas one: without it the font falls back to the\n * editor UI's and the link rules hit their unset defaults, dropping the\n * underline and the link colour.\n *\n * Read from the *current* template even in the saved-blocks browser, where the\n * previewed content came from elsewhere — a saved block stores only `Block[]`,\n * and the current settings are what it will actually look like once inserted.\n */\nconst documentStyle = computed(() =>\n  editor ? getDocumentStyle(editor.content.value.settings) : {},\n);\n\nconst previewComponentMap: Record<string, Component> = {\n  section: PreviewSectionBlock,\n  title: TitleBlock,\n  paragraph: ParagraphBlock,\n  image: ImageBlock,\n  video: VideoBlock,\n  button: ButtonBlock,\n  divider: DividerBlock,\n  social: SocialIconsBlock,\n  menu: MenuBlock,\n  table: TableBlock,\n  spacer: SpacerBlock,\n  html: HtmlBlock,\n  custom: CustomBlock,\n};\n\nfunction getBlockComponent(block: Block): Component | null {\n  return resolveBlockComponent(block, blockRegistry, previewComponentMap);\n}\n</script>\n\n<template>\n  <div\n    data-testid=\"block-preview-canvas\"\n    class=\"tpl:pointer-events-none tpl:mx-auto tpl:select-none tpl:rounded-lg\"\n    :style=\"{\n      width: `${frameWidth}px`,\n      transition: EMAIL_FRAME_WIDTH_TRANSITION,\n      backgroundColor: 'var(--tpl-canvas-bg)',\n      boxShadow: 'var(--tpl-shadow-sm)',\n      ...documentStyle,\n    }\"\n  >\n    <div\n      v-for=\"block in visibleBlocks\"\n      :key=\"block.id\"\n      :style=\"getBlockWrapperStyle(block)\"\n    >\n      <component\n        :is=\"getBlockComponent(block)\"\n        :block=\"block\"\n        :viewport=\"viewport\"\n      />\n    </div>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport ButtonBlock from \"./blocks/ButtonBlock.vue\";\nimport CustomBlock from \"./blocks/CustomBlock.vue\";\nimport DividerBlock from \"./blocks/DividerBlock.vue\";\nimport HtmlBlock from \"./blocks/HtmlBlock.vue\";\nimport ImageBlock from \"./blocks/ImageBlock.vue\";\nimport MenuBlock from \"./blocks/MenuBlock.vue\";\nimport PreviewSectionBlock from \"./blocks/PreviewSectionBlock.vue\";\nimport SocialIconsBlock from \"./blocks/SocialIconsBlock.vue\";\nimport SpacerBlock from \"./blocks/SpacerBlock.vue\";\nimport TableBlock from \"./blocks/TableBlock.vue\";\nimport TitleBlock from \"./blocks/TitleBlock.vue\";\nimport ParagraphBlock from \"./blocks/ParagraphBlock.vue\";\nimport VideoBlock from \"./blocks/VideoBlock.vue\";\nimport { BLOCK_REGISTRY_KEY, CONDITION_PREVIEW_KEY, EDITOR_KEY } from \"../keys\";\nimport {\n  resolveBlockComponent,\n  getBlockWrapperStyle,\n  getDocumentStyle,\n} from \"../utils/blockComponentResolver\";\nimport {\n  EMAIL_FRAME_WIDTH_TRANSITION,\n  getEmailFrameWidth,\n} from \"../utils/emailFrameWidth\";\nimport type { Block, ViewportSize } from \"@templatical/types\";\nimport { computed, inject, type Component } from \"vue\";\n\nconst props = withDefaults(\n  defineProps<{\n    blocks: Block[];\n    /**\n     * Which viewport to render. Defaults to `desktop`, so the saved-blocks\n     * surfaces — which have no viewport control — behave exactly as before.\n     * The test-email dialog passes the user's choice so responsive blocks show\n     * the variant a recipient on that device would receive.\n     */\n    viewport?: ViewportSize;\n  }>(),\n  { viewport: \"desktop\" },\n);\n\nconst blockRegistry = inject(BLOCK_REGISTRY_KEY);\nconst editor = inject(EDITOR_KEY, null);\nconst conditionPreview = inject(CONDITION_PREVIEW_KEY, null);\n\n/**\n * Blocks a display condition currently excludes, so a preview never shows\n * content the recipient won't get. The canvas does the same via\n * `v-show=\"!conditionPreview?.isHidden(block.id)\"`.\n *\n * A no-op for the saved-blocks browser: entries there carry their *stored* ids,\n * which aren't in the current template, so nothing is tracked as hidden. It\n * bites where it should — the save dialog and the test-email preview, both of\n * which show blocks that are live on the canvas.\n */\nconst visibleBlocks = computed(() =>\n  props.blocks.filter((block) => !conditionPreview?.isHidden(block.id)),\n);\n\n/**\n * Frame width, from the one helper the canvas and the scaled preview rows also\n * use — so all three agree by construction rather than by three constants that\n * happen to match. A template with a custom body width now previews at that\n * width instead of a flat 600.\n */\nconst frameWidth = computed(() =>\n  getEmailFrameWidth(editor?.content.value.settings, props.viewport),\n);\n\n/**\n * The same document-level style the canvas applies, so a previewed block\n * renders identically to the canvas one: without it the font falls back to the\n * editor UI's and the link rules hit their unset defaults, dropping the\n * underline and the link colour.\n *\n * Read from the *current* template even in the saved-blocks browser, where the\n * previewed content came from elsewhere — a saved block stores only `Block[]`,\n * and the current settings are what it will actually look like once inserted.\n */\nconst documentStyle = computed(() =>\n  editor ? getDocumentStyle(editor.content.value.settings) : {},\n);\n\nconst previewComponentMap: Record<string, Component> = {\n  section: PreviewSectionBlock,\n  title: TitleBlock,\n  paragraph: ParagraphBlock,\n  image: ImageBlock,\n  video: VideoBlock,\n  button: ButtonBlock,\n  divider: DividerBlock,\n  social: SocialIconsBlock,\n  menu: MenuBlock,\n  table: TableBlock,\n  spacer: SpacerBlock,\n  html: HtmlBlock,\n  custom: CustomBlock,\n};\n\nfunction getBlockComponent(block: Block): Component | null {\n  return resolveBlockComponent(block, blockRegistry, previewComponentMap);\n}\n</script>\n\n<template>\n  <div\n    data-testid=\"block-preview-canvas\"\n    class=\"tpl:pointer-events-none tpl:mx-auto tpl:select-none tpl:rounded-lg\"\n    :style=\"{\n      width: `${frameWidth}px`,\n      transition: EMAIL_FRAME_WIDTH_TRANSITION,\n      backgroundColor: 'var(--tpl-canvas-bg)',\n      boxShadow: 'var(--tpl-shadow-sm)',\n      ...documentStyle,\n    }\"\n  >\n    <div\n      v-for=\"block in visibleBlocks\"\n      :key=\"block.id\"\n      :style=\"getBlockWrapperStyle(block)\"\n    >\n      <component\n        :is=\"getBlockComponent(block)\"\n        :block=\"block\"\n        :viewport=\"viewport\"\n      />\n    </div>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;EAwBA,IAAM,IAAsD;GAC1D,OAAO;GACP,WAAW;GACX,OAAO;GACP,OAAO;GACP,QAAQ;GACR,SAAS;GACT,QAAQ;GACR,MAAM;GACN,OAAO;GACP,QAAQ;GACR,MAAM;GACN,QAAQ;EACV,GAEM,IAAQ,GAOR,IAAgB,EAAO,GAAoB,IAAI,GAE/C,IAAe,QAAe;GAClC,QAAQ,EAAM,MAAM,SAApB;IACE,KAAK,KACH,OAAO,CAAC,OAAO,KAAK;IACtB,KAAK,KACH,OAAO;KAAC;KAAU;KAAU;IAAQ;IACtC,KAAK,OACH,OAAO,CAAC,UAAU,QAAQ;IAC5B,KAAK,OACH,OAAO,CAAC,UAAU,QAAQ;IAC5B,SACE,OAAO,CAAC,MAAM;GAClB;EACF,CAAC,GAEK,IAAU,QAAe;GAC7B,IAAM,IAAQ,EAAa,MAAM,QAC3B,IAAW,CAAC,GAAG,EAAM,MAAM,QAAQ;GACzC,OAAO,EAAS,SAAS,IACvB,EAAS,KAAK,CAAC,CAAC;GAElB,OAAO,EAAS,MAAM,GAAG,CAAK;EAChC,CAAC;EAED,SAAS,EAAgB,GAA2B;GAClD,OAAO,EAAQ,MAAM,MAAa,CAAC;EACrC;EAEA,SAAS,EAAkB,GAAgC;GACzD,OAAO,EAAsB,GAAO,GAAe,CAAwB;EAC7E;;;eAIE,EA2BM,OA3BN,GA2BM,CA1BJ,EAyBM,OAzBN,GAyBM,EAAA,EAAA,EAAA,GAxBJ,EAuBM,GAAA,MAAA,EAtBoB,EAAA,QAAhB,GAAG,YADb,EAuBM,OAAA;IArBH,KAAK;IACL,OAAK,EAAA,EAAA,OAAW,EAAA,MAAa,GAAQ,CAAA;eAEtC,EAiBM,GAAA,MAAA,EAhBiB,EAAgB,CAAQ,IAAtC,YADT,EAiBM,OAAA;IAfH,KAAK,EAAW;IAChB,OAAK,EAAE,EAAA,CAAA,CAAoB,CAAC,CAAU,CAAA;OAI/B,EAAW,SAAI,aAAA,EAAA,GADvB,EAIE,GAAA;;IAFC,OAAO;IACR,UAAS;mCAEX,EAKE,EAJK,EAAkB,CAAU,CAAA,GAAA;;IAEhC,OAAO;IACR,UAAS;;;;;;;;;;;EE7ErB,IAAM,IAAQ,GAcR,IAAgB,EAAO,CAAkB,GACzC,IAAS,EAAO,GAAY,IAAI,GAChC,IAAmB,EAAO,GAAuB,IAAI,GAYrD,IAAgB,QACpB,EAAM,OAAO,QAAQ,MAAU,CAAC,GAAkB,SAAS,EAAM,EAAE,CAAC,CACtE,GAQM,IAAa,QACjB,EAAmB,GAAQ,QAAQ,MAAM,UAAU,EAAM,QAAQ,CACnE,GAYM,IAAgB,QACpB,IAAS,EAAiB,EAAO,QAAQ,MAAM,QAAQ,IAAI,CAAC,CAC9D,GAEM,IAAiD;GACrD,SAAS;GACT,OAAO;GACP,WAAW;GACX,OAAO;GACP,OAAO;GACP,QAAQ;GACR,SAAS;GACT,QAAQ;GACR,MAAM;GACN,OAAO;GACP,QAAQ;GACR,MAAM;GACN,QAAQ;EACV;EAEA,SAAS,EAAkB,GAAgC;GACzD,OAAO,EAAsB,GAAO,GAAe,CAAmB;EACxE;yBAIE,EAsBM,OAAA;GArBJ,eAAY;GACZ,OAAM;GACL,OAAK,EAAA;cAAoB,EAAA,MAAU;gBAAwB,EAAA,CAAA;;;OAA+H,EAAA;;cAQ3L,EAUM,GAAA,MAAA,EATY,EAAA,QAAT,YADT,EAUM,OAAA;GARH,KAAK,EAAM;GACX,OAAK,EAAE,EAAA,CAAA,CAAoB,CAAC,CAAK,CAAA;YAElC,EAIE,EAHK,EAAkB,CAAK,CAAA,GAAA;GACpB;GACP,UAAU,EAAA"}