@templatical/editor 0.7.1 → 0.7.3

package/dist/cdn/chunks/styles-lcwmaOou.js

@@ -1,2955 +0,0 @@
-import { F as e, H as t, L as n, M as r, O as i, P as a, T as o, V as s, Y as c, Z as l, b as u, c as d, ct as f, f as p, g as m, h, it as g, l as _, m as v, n as y, o as b, ot as x, p as S, s as C, st as w, t as T, u as E, v as D, x as O, y as k, z as A } from "./draggable-P6QWzy4g.js";
-import { $ as j, Bt as ee, Cn as M, Ct as te, Et as N, F as P, Ft as ne, G as re, Gt as F, H as ie, I, Jt as L, K as ae, Kt as oe, L as se, Lt as ce, M as le, N as ue, Nt as de, Ot as fe, P as pe, Pt as R, Q as me, R as he, St as ge, U as _e, V as ve, Vt as ye, W as be, Wt as xe, Xt as z, Yt as Se, _n as Ce, bn as we, bt as Te, dn as Ee, hn as De, it as Oe, j as ke, jt as Ae, lt as je, mn as Me, nt as B, pn as Ne, pt as Pe, q as Fe, qt as Ie, rt as Le, st as Re, tn as ze, un as Be, vt as Ve, wt as He, xn as V, xt as Ue, yn as We, yt as Ge, z as Ke, zt as qe } from "./features-DzIN-Nua.js";
-import { E as H, F as U, G as Je, I as Ye, L as Xe, N as Ze, P as Qe, Q as $e, V as et, Y as tt, c as nt, d as rt, g as it, h as at, j as ot, k as st, l as ct, o as lt, s as ut, v as dt, x as ft, y as pt } from "./icons-Nvr6w13E.js";
-import { t as mt } from "./readableTextColor-DhoK4XiZ.js";
-import { t as ht } from "./CountdownBlock-D1RoaOgF.js";
-import { t as gt } from "./blockTypeIcons-BeOhGtoo.js";
-import { _ as _t, c as vt, f as W, g as yt, h as G, l as bt, m as K, p as q, t as xt } from "./styleConstants-DP1VOca8.js";
-import { i as J, n as Y, r as X, t as St } from "./NumberWithSuffix-BIFgtqGs.js";
-//#region src/utils/resolveAccessibilityOptions.ts
-function Ct(e) {
-	return {
-		...e.accessibility,
-		locale: e.locale
-	};
-}
-//#endregion
-//#region src/components/Canvas.vue?vue&type=script&setup=true&lang.ts
-var wt = ["aria-label"], Tt = {
-	key: 0,
-	class: "tpl-canvas-empty-content tpl:flex tpl:flex-col tpl:items-center"
-}, Et = { class: "tpl-canvas-empty-icon tpl:mb-4 tpl:text-[var(--tpl-primary)]" }, Dt = { class: "tpl-canvas-empty-title tpl:m-0 tpl:mb-2 tpl:text-base tpl:font-semibold tpl:text-[var(--tpl-primary)]" }, Ot = { class: "tpl-canvas-empty-text tpl:m-0 tpl:text-sm tpl:text-[var(--tpl-text-dim)]" }, kt = {
-	key: 0,
-	class: "tpl:m-0 tpl:mt-2 tpl:flex tpl:flex-wrap tpl:items-center tpl:justify-center tpl:gap-x-1 tpl:gap-y-0.5 tpl:text-sm tpl:text-[var(--tpl-text-dim)]"
-}, At = {
-	key: 1,
-	class: "tpl:m-0 tpl:mt-4 tpl:flex tpl:flex-wrap tpl:items-center tpl:justify-center tpl:gap-x-1 tpl:gap-y-0.5 tpl:text-sm tpl:text-[var(--tpl-text-dim)]"
-}, jt = { class: "tpl:relative" }, Mt = {
-	class: "tpl:inline-flex tpl:size-3 tpl:items-center tpl:justify-center tpl:rounded-full tpl:text-[8px] tpl:font-bold",
-	style: { "background-color": "color-mix(\n                      in srgb,\n                      var(--tpl-bg) 30%,\n                      transparent\n                    )" }
-}, Nt = /* @__PURE__ */ B(/* @__PURE__ */ O({
-	__name: "Canvas",
-	props: {
-		viewport: {},
-		content: {},
-		selectedBlockId: {},
-		darkMode: { type: Boolean },
-		previewMode: { type: Boolean },
-		lockedBlocks: {}
-	},
-	emits: [
-		"select-block",
-		"open-ai-chat",
-		"open-design-reference"
-	],
-	setup(e, { emit: i }) {
-		let c = {
-			section: se,
-			title: he,
-			paragraph: ie,
-			image: be,
-			button: Ae,
-			divider: ae,
-			spacer: ue,
-			html: re,
-			social: pe,
-			menu: _e,
-			table: le,
-			video: ke,
-			countdown: ht,
-			custom: Fe
-		}, u = e, d = i, { t: _ } = R(), { t: y } = j(), b = ze(Ie, "Canvas"), O = o(xe, null), A = o(ee, null), M = o(ye, {}), te = p(() => (M.plan?.hasFeature("ai_generation") ?? !1) && (M.ai?.isFeatureEnabled("chat") ?? !1)), N = p(() => (M.plan?.hasFeature("ai_generation") ?? !1) && (M.ai?.isFeatureEnabled("designToTemplate") ?? !1)), P = p({
-			get: () => u.content.blocks,
-			set: (e) => {
-				b.setContent({
-					...u.content,
-					blocks: e
-				});
-			}
-		}), ne = p(() => {
-			switch (u.viewport) {
-				case "mobile": return 375;
-				case "tablet": return 768;
-				default: return u.content.settings.width;
-			}
-		}), F = p(() => ({
-			backgroundColor: u.content.settings.backgroundColor,
-			fontFamily: u.content.settings.fontFamily
-		})), I = p(() => P.value.length === 0 && !u.previewMode), L = l(0), oe = p(() => I.value && L.value > 0);
-		function ce() {
-			I.value && (L.value += 1);
-		}
-		function de() {
-			I.value && (L.value = Math.max(0, L.value - 1));
-		}
-		function fe() {
-			L.value = 0;
-		}
-		function me(e) {
-			u.previewMode || e.target === e.currentTarget && d("select-block", null);
-		}
-		function ge(e) {
-			return ve(e, A, c);
-		}
-		function z(e) {
-			return u.lockedBlocks?.get(e) ?? null;
-		}
-		function Se(e, t) {
-			e.type === "custom" && b.updateBlock(e.id, {
-				fieldValues: t.fieldValues,
-				dataSourceFetched: t.dataSourceFetched
-			});
-		}
-		return (i, o) => (r(), m("div", {
-			"data-testid": "canvas-wrapper",
-			role: "region",
-			"aria-label": g(_).landmarks.canvas,
-			class: "tpl-canvas-wrapper tpl:rounded-lg",
-			style: w({
-				width: `${ne.value}px`,
-				backgroundColor: e.content.settings.backgroundColor,
-				boxShadow: e.darkMode ? "none" : "var(--tpl-shadow-xl)",
-				filter: e.darkMode ? "invert(1) hue-rotate(180deg)" : "none",
-				transition: "width 300ms cubic-bezier(0.34, 1.56, 0.64, 1), filter 300ms ease"
-			})
-		}, [S("div", {
-			class: x(["tpl-canvas tpl:rounded-lg", {
-				"tpl-canvas--dark-mode": e.darkMode,
-				"tpl-preview-mode": e.previewMode
-			}]),
-			style: w(F.value),
-			onClick: me
-		}, [k(g(T), {
-			modelValue: P.value,
-			"onUpdate:modelValue": o[2] ||= (e) => P.value = e,
-			group: "blocks",
-			animation: 150,
-			"ghost-class": "tpl-ghost",
-			"drag-class": "tpl-dragging",
-			handle: ".tpl-block-btn",
-			"invert-swap": !0,
-			"inverted-swap-threshold": .65,
-			disabled: e.previewMode,
-			draggable: ".tpl-block-item",
-			class: x([
-				"tpl-canvas-blocks",
-				I.value ? "tpl-canvas-empty tpl:m-6 tpl:flex tpl:min-h-[400px] tpl:flex-col tpl:items-center tpl:justify-center tpl:rounded-xl tpl:border-2 tpl:border-dashed tpl:px-10 tpl:py-12 tpl:text-center tpl:bg-[var(--tpl-bg-elevated)] tpl:font-[var(--tpl-font-family)] tpl:transition-colors tpl:duration-150" : "",
-				I.value && oe.value ? "tpl-canvas-empty--drag-over tpl:border-[var(--tpl-primary-hover)] tpl:bg-[var(--tpl-primary-light)]" : "",
-				I.value && !oe.value ? "tpl:border-[var(--tpl-primary)]" : ""
-			]),
-			onDragenter: ce,
-			onDragleave: de,
-			onDrop: fe
-		}, {
-			default: s(() => [I.value ? (r(), m("div", Tt, [
-				S("div", Et, [k(g(it), {
-					size: 48,
-					"stroke-width": 1
-				})]),
-				S("p", Dt, f(g(_).canvas.noBlocks), 1),
-				S("p", Ot, f(g(_).canvas.dragHint), 1),
-				te.value && g(y) ? (r(), m("p", kt, [
-					D(f(g(_).canvas.aiHintChat) + " ", 1),
-					S("button", {
-						class: "tpl:inline-flex tpl:shrink-0 tpl:cursor-pointer tpl:items-center tpl:gap-1 tpl:whitespace-nowrap tpl:rounded-[var(--tpl-radius-sm)] tpl:border-none tpl:px-2 tpl:py-0.5 tpl:text-sm tpl:font-semibold tpl:transition-colors tpl:duration-150 tpl:bg-[var(--tpl-primary-light)] tpl:text-[var(--tpl-primary-hover)]",
-						onClick: o[0] ||= (e) => d("open-ai-chat")
-					}, [k(g(je), {
-						size: 14,
-						"stroke-width": 2
-					}), D(" " + f(g(y).aiMenu.aiAssistant), 1)]),
-					D(" " + f(g(_).canvas.aiHintChatSuffix), 1)
-				])) : h("", !0),
-				N.value && g(y) ? (r(), m("p", At, [
-					D(f(g(_).canvas.aiHintDesign) + " ", 1),
-					S("button", {
-						class: "tpl:inline-flex tpl:shrink-0 tpl:cursor-pointer tpl:items-center tpl:gap-1 tpl:whitespace-nowrap tpl:rounded-[var(--tpl-radius-sm)] tpl:border-none tpl:px-2 tpl:py-0.5 tpl:text-sm tpl:font-semibold tpl:transition-colors tpl:duration-150 tpl:bg-[var(--tpl-primary-light)] tpl:text-[var(--tpl-primary-hover)]",
-						onClick: o[1] ||= (e) => d("open-design-reference")
-					}, [k(g(Te), {
-						size: 14,
-						"stroke-width": 2
-					}), D(" " + f(g(y).aiMenu.designToTemplate), 1)]),
-					D(" " + f(g(_).canvas.aiHintDesignSuffix), 1)
-				])) : h("", !0)
-			])) : h("", !0), (r(!0), m(E, null, a(P.value, (i) => t((r(), m("div", {
-				key: i.id,
-				class: "tpl-block-item"
-			}, [S("div", jt, [z(i.id) ? (r(), m("div", {
-				key: 0,
-				class: "tpl-collab-lock tpl:pointer-events-none tpl:absolute tpl:inset-0 tpl:z-[4] tpl:rounded-sm",
-				style: w({
-					outline: `2px solid ${z(i.id).color}`,
-					outlineOffset: "-1px"
-				})
-			}, [S("span", {
-				class: "tpl:absolute tpl:-top-0.5 tpl:left-1/2 tpl:z-[5] tpl:flex tpl:-translate-x-1/2 tpl:-translate-y-full tpl:items-center tpl:gap-1 tpl:rounded-full tpl:px-2 tpl:py-0.5 tpl:text-[10px] tpl:font-medium tpl:whitespace-nowrap",
-				style: w({
-					backgroundColor: z(i.id).color,
-					color: g(mt)(z(i.id).color)
-				})
-			}, [S("span", Mt, f(z(i.id).name.charAt(0)), 1), D(" " + f(z(i.id).name), 1)], 4)], 4)) : h("", !0), k(Ke, {
-				block: i,
-				"is-selected": !e.previewMode && e.selectedBlockId === i.id && !z(i.id),
-				viewport: e.viewport,
-				"preview-mode": e.previewMode,
-				onSelect: (t) => e.previewMode || z(i.id) ? void 0 : d("select-block", i.id)
-			}, {
-				default: s(() => [(r(), v(n(ge(i)), {
-					block: i,
-					viewport: e.viewport,
-					onFetchData: (e) => Se(i, e),
-					onUpdate: (e) => g(b).updateBlock(i.id, e)
-				}, null, 40, [
-					"block",
-					"viewport",
-					"onFetchData",
-					"onUpdate"
-				]))]),
-				_: 2
-			}, 1032, [
-				"block",
-				"is-selected",
-				"viewport",
-				"preview-mode",
-				"onSelect"
-			])])])), [[C, !g(O)?.isHidden(i.id)]])), 128))]),
-			_: 1
-		}, 8, [
-			"modelValue",
-			"disabled",
-			"class"
-		])], 6)], 12, wt));
-	}
-}), [["__scopeId", "data-v-14168e8c"]]), Pt = ["aria-label"], Ft = {
-	key: 0,
-	class: "tpl:border-b tpl:px-1 tpl:pb-1 tpl:border-[var(--tpl-border)]"
-}, It = ["aria-label"], Lt = {
-	key: 0,
-	class: "tpl:flex-1 tpl:truncate tpl:text-sm tpl:font-medium"
-}, Rt = {
-	key: 1,
-	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)]"
-}, zt = [
-	"data-palette-type",
-	"aria-label",
-	"onClick",
-	"onKeydown"
-], Bt = { class: "tpl:flex tpl:shrink-0 tpl:items-center tpl:justify-center tpl:transition-transform tpl:duration-[120ms] tpl:ease-[cubic-bezier(0.16,1,0.3,1)] hover:tpl:scale-105" }, Vt = {
-	key: 0,
-	class: "tpl:truncate tpl:text-sm tpl:font-medium"
-}, Ht = /* @__PURE__ */ O({
-	__name: "Sidebar",
-	setup(e) {
-		let { t, format: i } = R(), { t: c } = j(), u = o(F, []), d = o(qe, void 0), _ = o(Ie, null), y = o(ye, {}), b = p(() => (y.savedModules?.moduleCount.value ?? 0) > 0), x = l(!1), C = [
-			"section",
-			"image",
-			"title",
-			"paragraph",
-			"button",
-			"divider",
-			"video",
-			"social",
-			"menu",
-			"table",
-			"spacer",
-			"html"
-		], D = p(() => {
-			let e = C.map((e) => ({
-				type: e,
-				label: de(e, t)
-			}));
-			return y.plan && e.splice(-1, 0, {
-				type: "countdown",
-				label: de("countdown", t)
-			}), e;
-		}), O = p(() => u.map((e) => ({
-			type: `custom:${e.type}`,
-			label: e.name,
-			isCustom: !0,
-			icon: e.icon
-		}))), A = p(() => [...D.value, ...O.value]);
-		function ee(e) {
-			if (e.isCustom) {
-				let t = e.type.replace("custom:", ""), n = u.find((e) => e.type === t);
-				if (n) return we(n);
-			}
-			return We(e.type, d);
-		}
-		function M(e) {
-			if (!_) return;
-			let t = ee(e);
-			_.addBlock(t), _.selectBlock(t.id);
-		}
-		function te(e, t) {
-			(e.key === "Enter" || e.key === " ") && (e.preventDefault(), M(t));
-		}
-		return (e, o) => (r(), m("aside", {
-			"aria-label": g(t).sidebarNav.palette,
-			class: "tpl-sidebar-rail tpl:absolute tpl:top-14 tpl:bottom-0 tpl:left-0 tpl:z-40 tpl:overflow-hidden",
-			style: w({
-				width: x.value ? "200px" : "48px",
-				backgroundColor: "var(--tpl-bg-elevated)",
-				borderRight: "1px solid var(--tpl-border)",
-				boxShadow: x.value ? "var(--tpl-shadow-lg)" : "none",
-				transition: "width 200ms cubic-bezier(0.16, 1, 0.3, 1), box-shadow 200ms cubic-bezier(0.16, 1, 0.3, 1)"
-			}),
-			onMouseenter: o[1] ||= (e) => x.value = !0,
-			onMouseleave: o[2] ||= (e) => x.value = !1,
-			onFocusin: o[3] ||= (e) => x.value = !0,
-			onFocusout: o[4] ||= (e) => x.value = !1
-		}, [b.value && g(c) ? (r(), m("div", Ft, [S("button", {
-			type: "button",
-			"aria-label": g(t).sidebarNav.browseModules,
-			class: "tpl:flex tpl:h-10 tpl:w-full tpl:cursor-pointer tpl:items-center tpl:gap-3 tpl:rounded-[var(--tpl-radius-sm)] tpl:border-none tpl:bg-transparent tpl:px-3 tpl:text-[var(--tpl-text-muted)] tpl:transition-all tpl:duration-[120ms] hover:tpl:bg-[var(--tpl-primary-light)] hover:tpl:text-[var(--tpl-primary)]",
-			style: w({ justifyContent: x.value ? "flex-start" : "center" }),
-			onClick: o[0] ||= (e) => g(y).savedModules?.openBrowser()
-		}, [
-			k(g(ot), {
-				size: 20,
-				"stroke-width": 1.5,
-				class: "tpl:shrink-0"
-			}),
-			x.value ? (r(), m("span", Lt, f(g(c).modules.title), 1)) : h("", !0),
-			x.value ? (r(), m("span", Rt, f(g(y).savedModules?.moduleCount.value ?? 0), 1)) : h("", !0)
-		], 12, It)])) : h("", !0), k(g(T), {
-			"model-value": A.value,
-			group: {
-				name: "blocks",
-				pull: "clone",
-				put: !1
-			},
-			clone: ee,
-			sort: !1,
-			animation: 150,
-			"ghost-class": "tpl-ghost",
-			class: "tpl:flex tpl:flex-col tpl:gap-0.5 tpl:p-1"
-		}, {
-			default: s(() => [(r(!0), m(E, null, a(A.value, (e) => (r(), m("button", {
-				key: e.type,
-				type: "button",
-				"data-palette-type": e.type,
-				"aria-label": g(i)(g(t).sidebarNav.insertBlock, { block: e.label }),
-				class: "tpl:flex tpl:h-10 tpl:w-full tpl:cursor-grab tpl:items-center tpl:gap-3 tpl:rounded-[var(--tpl-radius-sm)] tpl:border-none tpl:bg-transparent tpl:px-3 tpl:text-[var(--tpl-text-muted)] tpl:transition-all tpl:duration-[120ms] tpl:ease-[cubic-bezier(0.16,1,0.3,1)] hover:tpl:bg-[var(--tpl-primary-light)] hover:tpl:text-[var(--tpl-primary)] active:tpl:cursor-grabbing",
-				style: w({ justifyContent: x.value ? "flex-start" : "center" }),
-				onClick: (t) => M(e),
-				onKeydown: (t) => te(t, e)
-			}, [S("div", Bt, [g(gt)[e.type] ? (r(), v(n(g(gt)[e.type]), {
-				key: 0,
-				size: 20,
-				"stroke-width": 1.5
-			})) : e.isCustom ? (r(), v(Le, {
-				key: 1,
-				icon: e.icon,
-				size: 20
-			}, null, 8, ["icon"])) : h("", !0)]), x.value ? (r(), m("span", Vt, f(e.label), 1)) : h("", !0)], 44, zt))), 128))]),
-			_: 1
-		}, 8, ["model-value"])], 44, Pt));
-	}
-});
-//#endregion
-//#region src/composables/useMergeTagField.ts
-function Ut(e) {
-	let { modelValue: t, emit: n, elementRef: r } = e, { canRequestMergeTag: a, isRequesting: o, isMergeTagValue: s, getMergeTagLabel: c, requestMergeTag: u, syntax: d } = me(), f = l(!1), m = !1, h = p(() => {
-		let e = t();
-		if (!e) return [];
-		let n = [], r = `(${d.value.source}|${d.logic.source})`, i = new RegExp(r, "g"), a = 0, o;
-		for (; (o = i.exec(e)) !== null;) {
-			o.index > a && n.push({
-				type: "text",
-				value: e.slice(a, o.index)
-			});
-			let t = o[0];
-			s(t) ? n.push({
-				type: "mergeTag",
-				value: t,
-				label: c(t)
-			}) : Ce(t, d) ? n.push({
-				type: "logicMergeTag",
-				value: t,
-				keyword: De(t, d)
-			}) : n.push({
-				type: "text",
-				value: t
-			}), a = o.index + t.length;
-		}
-		return a < e.length && n.push({
-			type: "text",
-			value: e.slice(a)
-		}), n;
-	}), g = p(() => h.value.some((e) => e.type === "mergeTag" || e.type === "logicMergeTag"));
-	function _() {
-		f.value = !0, i(() => {
-			r.value?.focus();
-			let e = t()?.length || 0;
-			r.value?.setSelectionRange(e, e);
-		});
-	}
-	function v() {
-		m || (f.value = !1);
-	}
-	function y(e) {
-		n(e.target.value);
-	}
-	function b() {
-		n("");
-	}
-	async function x() {
-		let e = f.value && r.value ? r.value.selectionStart ?? t().length : t().length;
-		m = !0;
-		let a;
-		try {
-			a = await u();
-		} finally {
-			m = !1;
-		}
-		if (a) {
-			let o = t().slice(0, e), s = t().slice(e);
-			n(o + a.value + s), f.value = !0, i(() => {
-				let t = e + a.value.length;
-				r.value?.focus(), r.value?.setSelectionRange(t, t);
-			});
-		}
-	}
-	return {
-		segments: h,
-		hasMergeTags: g,
-		canRequestMergeTag: a,
-		isRequestingMergeTag: o,
-		isEditing: f,
-		startEditing: _,
-		stopEditing: v,
-		handleInput: y,
-		clearValue: b,
-		insertMergeTag: x
-	};
-}
-//#endregion
-//#region src/components/MergeTagSegments.vue?vue&type=script&setup=true&lang.ts
-var Wt = ["aria-label", "onKeydown"], Gt = ["data-tooltip"], Kt = ["data-tooltip"], qt = {
-	key: 2,
-	class: "tpl:text-sm tpl:text-[var(--tpl-text)]"
-}, Jt = ["aria-label", "title"], Yt = /* @__PURE__ */ O({
-	__name: "MergeTagSegments",
-	props: {
-		segments: {},
-		displayClass: {},
-		pulse: { type: Boolean }
-	},
-	emits: ["edit", "clear"],
-	setup(e, { emit: t }) {
-		let n = t, { t: i } = R();
-		function o() {
-			n("edit");
-		}
-		return (t, s) => (r(), m("div", {
-			role: "button",
-			tabindex: "0",
-			"aria-label": g(i).mergeTag.clickToEdit,
-			class: x([e.displayClass, { "tpl-pulse-fill": e.pulse }]),
-			onClick: o,
-			onKeydown: [d(o, ["enter"]), d(_(o, ["prevent"]), ["space"])]
-		}, [(r(!0), m(E, null, a(e.segments, (e, t) => (r(), m(E, { key: `${e.type}-${t}-${e.value}` }, [e.type === "mergeTag" ? (r(), m("span", {
-			key: 0,
-			class: "tpl-tooltip tpl:inline-flex tpl:items-center tpl:gap-1 tpl:rounded tpl:px-1.5 tpl:py-0.5 tpl:text-[0.9em] tpl:font-medium",
-			"data-tooltip": e.value,
-			style: {
-				"background-color": "color-mix(\n            in srgb,\n            var(--tpl-primary) 20%,\n            transparent\n          )",
-				color: "var(--tpl-primary)"
-			}
-		}, f(e.label), 9, Gt)) : e.type === "logicMergeTag" ? (r(), m("span", {
-			key: 1,
-			class: "tpl-tooltip tpl:inline-flex tpl:items-center tpl:rounded tpl:px-1.5 tpl:py-0.5 tpl:text-[0.8em] tpl:font-bold tpl:tracking-wide tpl:uppercase",
-			"data-tooltip": e.value,
-			style: {
-				"background-color": "transparent",
-				border: "1.5px solid\n            color-mix(in srgb, var(--tpl-primary) 50%, transparent)",
-				color: "var(--tpl-primary)"
-			}
-		}, f(e.keyword), 9, Kt)) : (r(), m("span", qt, f(e.value), 1))], 64))), 128)), S("button", {
-			type: "button",
-			class: "tpl:ml-auto tpl:flex tpl:size-6 tpl:shrink-0 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded-full tpl:border-none tpl:bg-transparent tpl:p-0 tpl:text-[var(--tpl-text-dim)] tpl:opacity-60 tpl:transition-all hover:tpl:text-[var(--tpl-danger)] hover:tpl:opacity-100",
-			"aria-label": g(i).mergeTag.remove,
-			title: g(i).mergeTag.remove,
-			onClick: s[0] ||= _((e) => n("clear"), ["stop"])
-		}, [k(g(Oe), {
-			size: 12,
-			"stroke-width": 2.5
-		})], 8, Jt)], 42, Wt));
-	}
-}), Xt = [
-	"aria-label",
-	"title",
-	"disabled"
-], Zt = "tpl:flex tpl:items-center tpl:justify-center tpl:gap-1 tpl:rounded-[var(--tpl-radius-sm)] tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg-hover)] tpl:px-2 tpl:py-1 tpl:text-xs tpl:text-[var(--tpl-text-muted)] tpl:transition-all tpl:duration-[120ms] hover:tpl:bg-[var(--tpl-primary-light)] hover:tpl:text-[var(--tpl-primary)] hover:tpl:border-[var(--tpl-primary)]", Qt = /* @__PURE__ */ O({
-	__name: "MergeTagInsertButton",
-	props: { disabled: { type: Boolean } },
-	emits: ["insert"],
-	setup(e) {
-		let { t } = R();
-		return (n, i) => (r(), m("button", {
-			type: "button",
-			class: x([Zt, "tpl:mt-1.5"]),
-			"aria-label": g(t).mergeTag.insert,
-			title: g(t).mergeTag.insert,
-			disabled: e.disabled,
-			onClick: i[0] ||= (e) => n.$emit("insert")
-		}, [k(g(ft), {
-			size: 12,
-			"stroke-width": 2
-		}), D(" " + f(g(t).mergeTag.insert), 1)], 10, Xt));
-	}
-}), $t = { key: 0 }, en = { key: 1 }, tn = [
-	"value",
-	"placeholder",
-	"rows"
-], nn = "tpl:w-full tpl:resize-y tpl:rounded-[var(--tpl-radius-sm)] tpl:border tpl:shadow-xs tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:px-3 tpl:py-2 tpl:text-sm tpl:text-[var(--tpl-text)] tpl:outline-none tpl:transition-all tpl:duration-[120ms] tpl:ease-[cubic-bezier(0.16,1,0.3,1)] tpl:placeholder:text-[var(--tpl-text-dim)] tpl:focus:border-[var(--tpl-primary)] tpl:focus:shadow-[var(--tpl-ring)]", rn = "tpl:flex tpl:w-full tpl:min-h-[5rem] tpl:cursor-pointer tpl:items-start tpl:flex-wrap tpl:gap-1 tpl:rounded-[var(--tpl-radius-sm)] tpl:border tpl:shadow-xs tpl:bg-[var(--tpl-bg)] tpl:border-[var(--tpl-border)] tpl:px-3 tpl:py-2 tpl:transition-all tpl:duration-[120ms] tpl:ease-[cubic-bezier(0.16,1,0.3,1)]", an = /* @__PURE__ */ O({
-	__name: "MergeTagTextarea",
-	props: {
-		modelValue: {},
-		placeholder: { default: "" },
-		rows: { default: 3 }
-	},
-	emits: ["update:modelValue"],
-	setup(e, { emit: t }) {
-		let n = e, i = t, a = l(null), { segments: o, hasMergeTags: s, canRequestMergeTag: c, isRequestingMergeTag: u, isEditing: f, startEditing: p, stopEditing: _, handleInput: y, clearValue: b, insertMergeTag: C } = Ut({
-			modelValue: () => n.modelValue,
-			emit: (e) => i("update:modelValue", e),
-			elementRef: a
-		});
-		return (t, n) => g(s) && !g(f) ? (r(), m("div", $t, [k(Yt, {
-			segments: g(o),
-			"display-class": rn,
-			onEdit: g(p),
-			onClear: g(b)
-		}, null, 8, [
-			"segments",
-			"onEdit",
-			"onClear"
-		]), g(c) ? (r(), v(Qt, {
-			key: 0,
-			disabled: g(u),
-			onInsert: g(C)
-		}, null, 8, ["disabled", "onInsert"])) : h("", !0)])) : (r(), m("div", en, [S("textarea", {
-			ref_key: "textareaRef",
-			ref: a,
-			class: x(nn),
-			value: e.modelValue,
-			placeholder: e.placeholder,
-			rows: e.rows,
-			onInput: n[0] ||= (...e) => g(y) && g(y)(...e),
-			onBlur: n[1] ||= (...e) => g(_) && g(_)(...e),
-			onKeydown: n[2] ||= d((...e) => g(_) && g(_)(...e), ["escape"])
-		}, null, 40, tn), g(c) ? (r(), v(Qt, {
-			key: 0,
-			disabled: g(u),
-			onInsert: g(C)
-		}, null, 8, ["disabled", "onInsert"])) : h("", !0)]));
-	}
-}), on = { class: "tpl:flex tpl:w-full tpl:flex-1 tpl:flex-col tpl:bg-[var(--tpl-bg-elevated)]" }, sn = { class: "tpl:flex tpl:flex-1 tpl:flex-col tpl:gap-3 tpl:overflow-y-auto tpl:p-4" }, cn = { class: "tpl:mb-3.5 tpl:flex tpl:items-center tpl:gap-2 tpl:text-sm tpl:font-semibold tpl:text-[var(--tpl-text)]" }, ln = { class: "tpl:mb-3.5" }, un = { class: "tpl:grid tpl:grid-cols-4 tpl:gap-1 tpl:rounded-[var(--tpl-radius-sm)] tpl:p-1 tpl:bg-[var(--tpl-bg-hover)]" }, dn = ["onClick"], fn = { class: "tpl:flex tpl:items-stretch" }, pn = ["value"], mn = { class: "tpl:mb-3.5 tpl:flex tpl:items-center tpl:gap-2 tpl:text-sm tpl:font-semibold tpl:text-[var(--tpl-text)]" }, hn = { class: "tpl:mb-3.5" }, gn = ["value"], _n = ["value"], vn = { class: "tpl:mb-3.5 tpl:flex tpl:items-center tpl:gap-2 tpl:text-sm tpl:font-semibold tpl:text-[var(--tpl-text)]" }, yn = ["value"], bn = { class: "tpl:mt-1 tpl:text-xs tpl:leading-relaxed tpl:text-[var(--tpl-text-dim)]" }, xn = { class: "tpl:mb-3.5 tpl:flex tpl:items-center tpl:gap-2 tpl:text-sm tpl:font-semibold tpl:text-[var(--tpl-text)]" }, Sn = { class: "tpl:mt-1 tpl:flex tpl:items-start tpl:justify-between tpl:gap-2" }, Cn = { class: "tpl:text-xs tpl:leading-relaxed tpl:text-[var(--tpl-text-dim)]" }, wn = { class: "tpl:shrink-0 tpl:text-xs tpl:tabular-nums tpl:text-[var(--tpl-text-dim)]" }, Tn = { class: "tpl:rounded-[var(--tpl-radius)] tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:p-3" }, En = { class: "tpl:mb-2.5 tpl:flex tpl:items-center tpl:gap-1.5 tpl:text-sm tpl:font-semibold tpl:text-[var(--tpl-text-muted)]" }, Dn = { class: "tpl:m-0 tpl:pl-[18px] tpl:text-xs tpl:leading-relaxed tpl:text-[var(--tpl-text-dim)]" }, On = { class: "tpl:mb-1 tpl:last:mb-0" }, kn = { class: "tpl:mb-1 tpl:last:mb-0" }, An = { class: "tpl:mb-1 tpl:last:mb-0" }, jn = 150, Mn = /* @__PURE__ */ O({
-	__name: "TemplateSettings",
-	props: { settings: {} },
-	emits: ["update"],
-	setup(e, { emit: t }) {
-		let n = e, i = t, { t: o } = R(), s = ze(L, "TemplateSettings"), c = p(() => s.fonts.value), l = p(() => c.value.some((e) => e.value === n.settings.fontFamily) ? n.settings.fontFamily : s.defaultFont.value), u = [
-			{
-				value: 480,
-				label: "480px"
-			},
-			{
-				value: 600,
-				label: "600px"
-			},
-			{
-				value: 700,
-				label: "700px"
-			},
-			{
-				value: 800,
-				label: "800px"
-			}
-		];
-		return (t, n) => (r(), m("aside", on, [S("div", sn, [
-			S("div", { class: x(g(bt)) }, [
-				S("div", cn, [k(g(at), {
-					class: "tpl:text-[var(--tpl-text-muted)]",
-					size: 14,
-					"stroke-width": 2
-				}), S("span", null, f(g(o).templateSettings.layout), 1)]),
-				S("div", ln, [S("label", { class: x(g(G)) }, f(g(o).templateSettings.widthPreset), 3), S("div", un, [(r(), m(E, null, a(u, (t) => S("button", {
-					key: t.value,
-					class: "tpl:cursor-pointer tpl:rounded-[var(--tpl-radius-sm)] tpl:border-none tpl:px-2 tpl:py-1.5 tpl:text-sm tpl:font-medium tpl:transition-all tpl:duration-[120ms] tpl:ease-[cubic-bezier(0.16,1,0.3,1)]",
-					style: w({
-						backgroundColor: e.settings.width === t.value ? "var(--tpl-bg)" : "transparent",
-						color: e.settings.width === t.value ? "var(--tpl-primary)" : "var(--tpl-text-muted)",
-						boxShadow: e.settings.width === t.value ? "var(--tpl-shadow)" : "none"
-					}),
-					onClick: (e) => i("update", { width: t.value })
-				}, f(t.label), 13, dn)), 64))])]),
-				S("div", null, [S("label", { class: x(g(G)) }, f(g(o).templateSettings.customWidth), 3), S("div", fn, [S("input", {
-					type: "number",
-					class: x(g(q)),
-					value: e.settings.width,
-					min: "300",
-					max: "900",
-					onInput: n[0] ||= (e) => i("update", { width: Number(e.target.value) })
-				}, null, 42, pn), S("span", { class: x(g(K)) }, "px", 2)])])
-			], 2),
-			S("div", { class: x(g(bt)) }, [
-				S("div", mn, [k(g(tt), {
-					class: "tpl:text-[var(--tpl-text-muted)]",
-					size: 14,
-					"stroke-width": 2
-				}), S("span", null, f(g(o).templateSettings.appearance), 1)]),
-				S("div", hn, [S("label", { class: x(g(G)) }, f(g(o).templateSettings.backgroundColor), 3), k(J, {
-					"model-value": e.settings.backgroundColor,
-					placeholder: g(xt),
-					"onUpdate:modelValue": n[1] ||= (e) => i("update", { backgroundColor: e })
-				}, null, 8, ["model-value", "placeholder"])]),
-				S("div", null, [S("label", { class: x(g(G)) }, f(g(o).templateSettings.fontFamily), 3), S("select", {
-					class: x(g(W)),
-					value: l.value,
-					onChange: n[2] ||= (e) => i("update", { fontFamily: e.target.value })
-				}, [(r(!0), m(E, null, a(c.value, (e) => (r(), m("option", {
-					key: e.value,
-					value: e.value
-				}, f(e.label), 9, _n))), 128))], 42, gn)])
-			], 2),
-			S("div", { class: x(g(bt)) }, [S("div", vn, [k(g(Je), {
-				class: "tpl:text-[var(--tpl-text-muted)]",
-				size: 14,
-				"stroke-width": 2
-			}), S("span", null, f(g(o).templateSettings.language), 1)]), S("div", null, [
-				S("label", { class: x(g(G)) }, f(g(o).templateSettings.contentLocale), 3),
-				S("input", {
-					type: "text",
-					class: x(g(W)),
-					value: e.settings.locale ?? "",
-					placeholder: "en",
-					spellcheck: "false",
-					autocapitalize: "off",
-					autocomplete: "off",
-					onInput: n[3] ||= (e) => i("update", { locale: e.target.value.trim() || void 0 })
-				}, null, 42, yn),
-				S("p", bn, f(g(o).templateSettings.contentLocaleHint), 1)
-			])], 2),
-			S("div", { class: x(g(bt)) }, [S("div", xn, [k(g(Ue), {
-				class: "tpl:text-[var(--tpl-text-muted)]",
-				size: 14,
-				"stroke-width": 2
-			}), S("span", null, f(g(o).templateSettings.preheaderText), 1)]), S("div", null, [k(an, {
-				"model-value": e.settings.preheaderText ?? "",
-				placeholder: g(o).templateSettings.preheaderTextPlaceholder,
-				rows: 2,
-				"onUpdate:modelValue": n[4] ||= (e) => i("update", { preheaderText: e.replace(/[\r\n]/g, " ") || void 0 })
-			}, null, 8, ["model-value", "placeholder"]), S("div", Sn, [S("span", Cn, f(g(o).templateSettings.preheaderTextHint), 1), S("span", wn, f((e.settings.preheaderText ?? "").length) + "/" + f(jn), 1)])])], 2),
-			S("div", Tn, [S("div", En, [k(g(Ve), {
-				size: 14,
-				"stroke-width": 2
-			}), S("span", null, f(g(o).templateSettings.tips), 1)]), S("ul", Dn, [
-				S("li", On, f(g(o).templateSettings.tip1), 1),
-				S("li", kn, f(g(o).templateSettings.tip2), 1),
-				S("li", An, f(g(o).templateSettings.tip3), 1)
-			])])
-		])]));
-	}
-}), Nn = { key: 0 }, Pn = { key: 1 }, Fn = [
-	"type",
-	"value",
-	"placeholder"
-], In = "tpl:flex tpl:w-full tpl:min-h-10 tpl:cursor-pointer tpl:items-center tpl:flex-wrap tpl:gap-1 tpl:rounded-[var(--tpl-radius-sm)] tpl:border tpl:shadow-xs tpl:bg-[var(--tpl-bg)] tpl:border-[var(--tpl-border)] tpl:px-3.5 tpl:py-1.5 tpl:transition-all tpl:duration-[120ms] tpl:ease-[cubic-bezier(0.16,1,0.3,1)]", Z = /* @__PURE__ */ B(/* @__PURE__ */ O({
-	__name: "MergeTagInput",
-	props: {
-		modelValue: {},
-		type: { default: "text" },
-		placeholder: { default: "" },
-		pulse: {
-			type: Boolean,
-			default: !1
-		}
-	},
-	emits: ["update:modelValue"],
-	setup(e, { emit: t }) {
-		let n = e, i = t, a = l(null), { segments: o, hasMergeTags: s, canRequestMergeTag: c, isRequestingMergeTag: u, isEditing: f, startEditing: p, stopEditing: _, handleInput: y, clearValue: b, insertMergeTag: C } = Ut({
-			modelValue: () => n.modelValue,
-			emit: (e) => i("update:modelValue", e),
-			elementRef: a
-		});
-		return (t, n) => g(s) && !g(f) ? (r(), m("div", Nn, [k(Yt, {
-			segments: g(o),
-			"display-class": In,
-			pulse: e.pulse,
-			onEdit: g(p),
-			onClear: g(b)
-		}, null, 8, [
-			"segments",
-			"pulse",
-			"onEdit",
-			"onClear"
-		]), g(c) ? (r(), v(Qt, {
-			key: 0,
-			disabled: g(u),
-			onInsert: g(C)
-		}, null, 8, ["disabled", "onInsert"])) : h("", !0)])) : (r(), m("div", Pn, [S("input", {
-			ref_key: "inputRef",
-			ref: a,
-			type: e.type,
-			class: x([g(W), { "tpl-pulse-fill": e.pulse }]),
-			value: e.modelValue,
-			placeholder: e.placeholder,
-			onInput: n[0] ||= (...e) => g(y) && g(y)(...e),
-			onBlur: n[1] ||= (...e) => g(_) && g(_)(...e),
-			onKeydown: n[2] ||= d((...e) => g(_) && g(_)(...e), ["escape"])
-		}, null, 42, Fn), g(c) ? (r(), v(Qt, {
-			key: 0,
-			disabled: g(u),
-			onInsert: g(C)
-		}, null, 8, ["disabled", "onInsert"])) : h("", !0)]));
-	}
-}), [["__scopeId", "data-v-358207dd"]]), Ln = { class: "tpl:mb-3.5" }, Rn = ["value"], zn = { value: "" }, Bn = ["value"], Vn = { class: "tpl:mb-3.5" }, Hn = { class: "tpl:mb-3.5" }, Un = {
-	key: 0,
-	class: "tpl:mt-2 tpl:flex tpl:cursor-pointer tpl:items-center tpl:gap-2 tpl:text-[12px] tpl:text-[var(--tpl-text-muted)]"
-}, Wn = ["checked"], Gn = { class: "tpl:grid tpl:grid-cols-2 tpl:gap-3" }, Kn = { class: "tpl:mb-3.5" }, qn = { class: "tpl:mb-3.5" }, Jn = { class: "tpl:grid tpl:grid-cols-2 tpl:gap-3" }, Yn = { class: "tpl:mb-3.5" }, Xn = { class: "tpl:flex tpl:items-stretch" }, Zn = ["value"], Qn = { class: "tpl:mb-3.5" }, $n = { class: "tpl:flex tpl:items-stretch" }, er = ["value"], tr = /* @__PURE__ */ O({
-	__name: "ButtonToolbar",
-	props: {
-		block: {},
-		fontFamilies: {}
-	},
-	emits: ["update"],
-	setup(e, { emit: t }) {
-		let n = t, { t: i } = R();
-		function o(e, t) {
-			n("update", { [e]: t });
-		}
-		return (t, n) => (r(), m(E, null, [
-			S("div", Ln, [S("label", { class: x(g(G)) }, f(g(i).button.fontFamily), 3), S("select", {
-				class: x(g(W)),
-				value: e.block.fontFamily || "",
-				onChange: n[0] ||= (e) => o("fontFamily", e.target.value || void 0)
-			}, [S("option", zn, f(g(i).button.inheritFont), 1), (r(!0), m(E, null, a(e.fontFamilies, (e) => (r(), m("option", {
-				key: e.value,
-				value: e.value
-			}, f(e.label), 9, Bn))), 128))], 42, Rn)]),
-			S("div", Vn, [S("label", { class: x(g(G)) }, f(g(i).button.text), 3), k(Z, {
-				"model-value": e.block.text,
-				type: "text",
-				"onUpdate:modelValue": n[1] ||= (e) => o("text", e)
-			}, null, 8, ["model-value"])]),
-			S("div", Hn, [
-				S("label", { class: x(g(G)) }, f(g(i).button.url), 3),
-				k(Z, {
-					"model-value": e.block.url,
-					type: "url",
-					placeholder: g(i).button.urlPlaceholder,
-					"onUpdate:modelValue": n[2] ||= (e) => o("url", e)
-				}, null, 8, ["model-value", "placeholder"]),
-				e.block.url ? (r(), m("label", Un, [S("input", {
-					type: "checkbox",
-					class: "tpl:size-3.5 tpl:cursor-pointer tpl:accent-[var(--tpl-primary)]",
-					checked: e.block.openInNewTab ?? !1,
-					onChange: n[3] ||= (e) => o("openInNewTab", e.target.checked)
-				}, null, 40, Wn), D(" " + f(g(i).button.openInNewTab), 1)])) : h("", !0)
-			]),
-			S("div", Gn, [S("div", Kn, [S("label", { class: x(g(G)) }, f(g(i).button.background), 3), k(J, {
-				"model-value": e.block.backgroundColor,
-				"onUpdate:modelValue": n[4] ||= (e) => o("backgroundColor", e)
-			}, null, 8, ["model-value"])]), S("div", qn, [S("label", { class: x(g(G)) }, f(g(i).button.textColor), 3), k(J, {
-				"model-value": e.block.textColor,
-				"onUpdate:modelValue": n[5] ||= (e) => o("textColor", e)
-			}, null, 8, ["model-value"])])]),
-			S("div", Jn, [S("div", Yn, [S("label", { class: x(g(G)) }, f(g(i).button.borderRadius), 3), S("div", Xn, [S("input", {
-				type: "number",
-				class: x(g(q)),
-				value: e.block.borderRadius,
-				min: "0",
-				max: "50",
-				onInput: n[6] ||= (e) => o("borderRadius", Number(e.target.value))
-			}, null, 42, Zn), S("span", { class: x(g(K)) }, "px", 2)])]), S("div", Qn, [S("label", { class: x(g(G)) }, f(g(i).button.fontSize), 3), S("div", $n, [S("input", {
-				type: "number",
-				class: x(g(q)),
-				value: e.block.fontSize,
-				min: "10",
-				max: "36",
-				onInput: n[7] ||= (e) => o("fontSize", Number(e.target.value))
-			}, null, 42, er), S("span", { class: x(g(K)) }, "px", 2)])])])
-		], 64));
-	}
-}), nr = { class: "spacing-control" }, rr = { class: "tpl:mb-2 tpl:block tpl:text-sm tpl:font-medium tpl:text-[var(--tpl-text-muted)]" }, ir = { class: "tpl:flex tpl:flex-col tpl:items-center tpl:gap-1.5" }, ar = { class: "tpl:flex tpl:items-center" }, or = ["aria-label"], sr = ["value", "aria-label"], cr = ["aria-label"], lr = { class: "tpl:flex tpl:items-center tpl:gap-2" }, ur = { class: "tpl:flex tpl:items-center" }, dr = ["aria-label"], fr = ["value", "aria-label"], pr = ["aria-label"], mr = ["aria-label", "title"], hr = { class: "tpl:flex tpl:items-center" }, gr = ["aria-label"], _r = ["value", "aria-label"], vr = ["aria-label"], yr = { class: "tpl:flex tpl:items-center" }, br = ["aria-label"], xr = ["value", "aria-label"], Sr = ["aria-label"], Q = "tpl:flex tpl:items-center tpl:justify-center tpl:w-8 tpl:h-8 tpl:text-[var(--tpl-text-muted)] tpl:bg-[var(--tpl-bg)] tpl:border tpl:border-[var(--tpl-border)] tpl:cursor-pointer tpl:transition-all tpl:duration-[120ms] tpl:ease-[cubic-bezier(0.16,1,0.3,1)] hover:tpl:bg-[var(--tpl-bg-hover)] hover:tpl:text-[var(--tpl-text)] active:tpl:bg-[var(--tpl-bg-active)]", Cr = "tpl:w-10 tpl:h-8 tpl:text-center tpl:text-xs tpl:font-medium tpl:border-y tpl:border-x-0 tpl:border-[var(--tpl-border)] tpl:text-[var(--tpl-text)] tpl:bg-[var(--tpl-bg)] tpl:outline-none tpl:transition-all tpl:duration-[120ms] focus:tpl:border-[var(--tpl-primary)] focus:tpl:shadow-[var(--tpl-ring)]", wr = /* @__PURE__ */ B(/* @__PURE__ */ O({
-	__name: "SpacingControl",
-	props: {
-		modelValue: {},
-		label: {}
-	},
-	emits: ["update:modelValue"],
-	setup(e, { emit: t }) {
-		let n = e, i = t, { t: a } = R(), o = p(() => n.modelValue.top === n.modelValue.right && n.modelValue.right === n.modelValue.bottom && n.modelValue.bottom === n.modelValue.left), s = l(o.value);
-		A(o, (e) => {
-			!e && s.value && (s.value = !1);
-		});
-		function c(e, t) {
-			let r = Math.max(0, n.modelValue[e] + t);
-			s.value ? i("update:modelValue", {
-				top: r,
-				right: r,
-				bottom: r,
-				left: r
-			}) : i("update:modelValue", {
-				...n.modelValue,
-				[e]: r
-			});
-		}
-		function u(e, t) {
-			let r = Math.max(0, t);
-			s.value ? i("update:modelValue", {
-				top: r,
-				right: r,
-				bottom: r,
-				left: r
-			}) : i("update:modelValue", {
-				...n.modelValue,
-				[e]: r
-			});
-		}
-		function d() {
-			if (s.value = !s.value, s.value) {
-				let e = n.modelValue.top;
-				i("update:modelValue", {
-					top: e,
-					right: e,
-					bottom: e,
-					left: e
-				});
-			}
-		}
-		return (t, n) => (r(), m("div", nr, [S("label", rr, f(e.label), 1), S("div", ir, [
-			S("div", ar, [
-				S("button", {
-					"aria-label": g(a).spacingControl.decreaseTop,
-					class: x([Q, "tpl:rounded-l-[var(--tpl-radius-sm)]"]),
-					onClick: n[0] ||= (e) => c("top", -1)
-				}, [k(g(U), {
-					size: 12,
-					"stroke-width": 2
-				})], 10, or),
-				S("input", {
-					type: "number",
-					class: x(Cr),
-					value: e.modelValue.top,
-					"aria-label": g(a).spacingControl.top,
-					min: "0",
-					onInput: n[1] ||= (e) => u("top", Number(e.target.value))
-				}, null, 40, sr),
-				S("button", {
-					"aria-label": g(a).spacingControl.increaseTop,
-					class: x([Q, "tpl:rounded-r-[var(--tpl-radius-sm)]"]),
-					onClick: n[2] ||= (e) => c("top", 1)
-				}, [k(g(H), {
-					size: 12,
-					"stroke-width": 2
-				})], 10, cr)
-			]),
-			S("div", lr, [
-				S("div", ur, [
-					S("button", {
-						"aria-label": g(a).spacingControl.decreaseLeft,
-						class: x([Q, "tpl:rounded-l-[var(--tpl-radius-sm)]"]),
-						onClick: n[3] ||= (e) => c("left", -1)
-					}, [k(g(U), {
-						size: 12,
-						"stroke-width": 2
-					})], 10, dr),
-					S("input", {
-						type: "number",
-						class: x(Cr),
-						value: e.modelValue.left,
-						"aria-label": g(a).spacingControl.left,
-						min: "0",
-						onInput: n[4] ||= (e) => u("left", Number(e.target.value))
-					}, null, 40, fr),
-					S("button", {
-						"aria-label": g(a).spacingControl.increaseLeft,
-						class: x([Q, "tpl:rounded-r-[var(--tpl-radius-sm)]"]),
-						onClick: n[5] ||= (e) => c("left", 1)
-					}, [k(g(H), {
-						size: 12,
-						"stroke-width": 2
-					})], 10, pr)
-				]),
-				S("button", {
-					class: x(["tpl:flex tpl:h-8 tpl:w-8 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded-[var(--tpl-radius-sm)] tpl:border tpl:transition-all tpl:duration-[120ms] tpl:ease-[cubic-bezier(0.16,1,0.3,1)]", s.value ? "tpl:border-[var(--tpl-primary)] tpl:bg-[var(--tpl-primary-light)] tpl:text-[var(--tpl-primary)]" : "tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:text-[var(--tpl-text-muted)] hover:tpl:bg-[var(--tpl-bg-hover)]"]),
-					"aria-label": s.value ? g(a).spacingControl.unlock : g(a).spacingControl.lockAll,
-					title: s.value ? g(a).spacingControl.unlock : g(a).spacingControl.lockAll,
-					onClick: d
-				}, [s.value ? (r(), v(g(Ye), {
-					key: 0,
-					size: 14,
-					"stroke-width": 2
-				})) : (r(), v(g(Xe), {
-					key: 1,
-					size: 14,
-					"stroke-width": 2
-				}))], 10, mr),
-				S("div", hr, [
-					S("button", {
-						"aria-label": g(a).spacingControl.decreaseRight,
-						class: x([Q, "tpl:rounded-l-[var(--tpl-radius-sm)]"]),
-						onClick: n[6] ||= (e) => c("right", -1)
-					}, [k(g(U), {
-						size: 12,
-						"stroke-width": 2
-					})], 10, gr),
-					S("input", {
-						type: "number",
-						class: x(Cr),
-						value: e.modelValue.right,
-						"aria-label": g(a).spacingControl.right,
-						min: "0",
-						onInput: n[7] ||= (e) => u("right", Number(e.target.value))
-					}, null, 40, _r),
-					S("button", {
-						"aria-label": g(a).spacingControl.increaseRight,
-						class: x([Q, "tpl:rounded-r-[var(--tpl-radius-sm)]"]),
-						onClick: n[8] ||= (e) => c("right", 1)
-					}, [k(g(H), {
-						size: 12,
-						"stroke-width": 2
-					})], 10, vr)
-				])
-			]),
-			S("div", yr, [
-				S("button", {
-					"aria-label": g(a).spacingControl.decreaseBottom,
-					class: x([Q, "tpl:rounded-l-[var(--tpl-radius-sm)]"]),
-					onClick: n[9] ||= (e) => c("bottom", -1)
-				}, [k(g(U), {
-					size: 12,
-					"stroke-width": 2
-				})], 10, br),
-				S("input", {
-					type: "number",
-					class: x(Cr),
-					value: e.modelValue.bottom,
-					"aria-label": g(a).spacingControl.bottom,
-					min: "0",
-					onInput: n[10] ||= (e) => u("bottom", Number(e.target.value))
-				}, null, 40, xr),
-				S("button", {
-					"aria-label": g(a).spacingControl.increaseBottom,
-					class: x([Q, "tpl:rounded-r-[var(--tpl-radius-sm)]"]),
-					onClick: n[11] ||= (e) => c("bottom", 1)
-				}, [k(g(H), {
-					size: 12,
-					"stroke-width": 2
-				})], 10, Sr)
-			])
-		])]));
-	}
-}), [["__scopeId", "data-v-9a9c8a07"]]), Tr = { class: "tpl:mt-3" }, Er = /* @__PURE__ */ O({
-	__name: "CollapsibleSection",
-	props: {
-		title: {},
-		open: { type: Boolean },
-		noBorder: { type: Boolean }
-	},
-	emits: ["toggle"],
-	setup(n) {
-		return (i, a) => (r(), m("div", { class: x(["tpl:py-3", n.noBorder ? "" : "tpl:border-t tpl:border-[var(--tpl-border)]"]) }, [S("button", {
-			type: "button",
-			class: "tpl:flex tpl:w-full tpl:cursor-pointer tpl:items-center tpl:gap-1.5 tpl:border-none tpl:bg-transparent tpl:p-0 tpl:text-sm tpl:font-medium tpl:text-[var(--tpl-text-muted)]",
-			onClick: a[0] ||= (e) => i.$emit("toggle")
-		}, [k(g(fe), {
-			class: x(["tpl:transition-transform tpl:duration-200", n.open ? "tpl:rotate-0" : "tpl:-rotate-90"]),
-			size: 12,
-			"stroke-width": 2
-		}, null, 8, ["class"]), S("span", null, f(n.title), 1)]), t(S("div", Tr, [e(i.$slots, "default")], 512), [[C, n.open]])], 2));
-	}
-}), Dr = { class: "tpl:mt-4" }, Or = { class: "tpl:space-y-2" }, kr = ["checked", "onChange"], Ar = ["value", "placeholder"], jr = { class: "tpl:space-y-2" }, Mr = ["value"], Nr = { value: "" }, Pr = ["label"], Fr = ["value"], Ir = ["value"], Lr = {
-	key: 0,
-	value: "__custom__"
-}, Rr = {
-	key: 0,
-	class: "tpl:space-y-2"
-}, zr = { class: "tpl:mb-1 tpl:block tpl:text-[11px] tpl:font-medium tpl:text-[var(--tpl-text-muted)]" }, Br = { class: "tpl:mb-1 tpl:block tpl:text-[11px] tpl:font-medium tpl:text-[var(--tpl-text-muted)]" }, Vr = { class: "tpl:flex tpl:justify-end" }, Hr = ["disabled"], Ur = {
-	key: 0,
-	class: "tpl:text-[11px] tpl:text-[var(--tpl-text-muted)]"
-}, Wr = { class: "tpl:space-y-1" }, Gr = { class: "tpl:m-0 tpl:overflow-x-auto tpl:rounded tpl:bg-[var(--tpl-bg)] tpl:p-2 tpl:font-mono tpl:text-[10px] tpl:text-[var(--tpl-text-muted)]" }, Kr = {
-	key: 0,
-	class: "tpl:m-0 tpl:overflow-x-auto tpl:rounded tpl:bg-[var(--tpl-bg)] tpl:p-2 tpl:font-mono tpl:text-[10px] tpl:text-[var(--tpl-text-muted)]"
-}, qr = /* @__PURE__ */ O({
-	__name: "CommonBlockSettings",
-	props: {
-		block: {},
-		isFirstSection: { type: Boolean }
-	},
-	emits: ["update"],
-	setup(e, { emit: i }) {
-		let u = e, d = i, { t: _ } = R(), y = o(oe, []), C = o(ce, !1), w = c(/* @__PURE__ */ new Set()), T = l(!1), O = l(""), j = l(""), ee = [
-			{
-				key: "desktop",
-				icon: Qe,
-				labelKey: "showOnDesktop"
-			},
-			{
-				key: "tablet",
-				icon: ct,
-				labelKey: "showOnTablet"
-			},
-			{
-				key: "mobile",
-				icon: dt,
-				labelKey: "showOnMobile"
-			}
-		];
-		function M(e) {
-			w.has(e) ? w.delete(e) : w.add(e);
-		}
-		let te = p(() => y.length > 0 || C), N = p(() => u.block.displayCondition ? !y.some((e) => e.label === u.block.displayCondition?.label) : !1);
-		function P() {
-			T.value = !0, N.value && u.block.displayCondition ? (O.value = u.block.displayCondition.before, j.value = u.block.displayCondition.after ?? "") : (O.value = "", j.value = "");
-		}
-		function ne() {
-			O.value.trim() && (d("update", { displayCondition: {
-				label: _.blockSettings.customCondition,
-				before: O.value.trim(),
-				after: j.value.trim()
-			} }), T.value = !1, O.value = "", j.value = "");
-		}
-		A(() => u.block.displayCondition, (e) => {
-			if (!e) {
-				T.value = !1, O.value = "", j.value = "";
-				return;
-			}
-			N.value && (O.value = e.before, j.value = e.after ?? "");
-		}, { immediate: !0 });
-		let re = p(() => {
-			let e = {};
-			for (let t of y) {
-				let n = t.group ?? "";
-				e[n] || (e[n] = []), e[n].push(t);
-			}
-			return e;
-		});
-		function F(e, t) {
-			d("update", { styles: {
-				...u.block.styles,
-				[e]: t
-			} });
-		}
-		function ie(e) {
-			return u.block.visibility?.[e] !== !1;
-		}
-		function I(e) {
-			let t = {
-				desktop: ie("desktop"),
-				tablet: ie("tablet"),
-				mobile: ie("mobile")
-			};
-			t[e] = !t[e], d("update", { visibility: t });
-		}
-		return (i, o) => (r(), m("div", { class: x(["tpl:flex tpl:flex-col", e.isFirstSection ? "" : "tpl:mt-4"]) }, [
-			k(Er, {
-				title: g(_).blockSettings.spacing,
-				open: w.has("spacing"),
-				"no-border": e.isFirstSection,
-				onToggle: o[2] ||= (e) => M("spacing")
-			}, {
-				default: s(() => [k(wr, {
-					label: g(_).blockSettings.padding,
-					"model-value": e.block.styles.padding,
-					"onUpdate:modelValue": o[0] ||= (e) => F("padding", e)
-				}, null, 8, ["label", "model-value"]), S("div", Dr, [k(wr, {
-					label: g(_).blockSettings.margin,
-					"model-value": e.block.styles.margin,
-					"onUpdate:modelValue": o[1] ||= (e) => F("margin", e)
-				}, null, 8, ["label", "model-value"])])]),
-				_: 1
-			}, 8, [
-				"title",
-				"open",
-				"no-border"
-			]),
-			k(Er, {
-				title: g(_).blockSettings.background,
-				open: w.has("bg"),
-				onToggle: o[4] ||= (e) => M("bg")
-			}, {
-				default: s(() => [S("label", { class: x(g(G)) }, f(g(_).blockSettings.color), 3), k(J, {
-					size: "large",
-					"model-value": e.block.styles.backgroundColor || g("#ffffff"),
-					"onUpdate:modelValue": o[3] ||= (e) => F("backgroundColor", e)
-				}, null, 8, ["model-value"])]),
-				_: 1
-			}, 8, ["title", "open"]),
-			k(Er, {
-				title: g(_).blockSettings.display,
-				open: w.has("display"),
-				onToggle: o[5] ||= (e) => M("display")
-			}, {
-				default: s(() => [S("div", Or, [(r(), m(E, null, a(ee, (e) => S("label", {
-					key: e.key,
-					class: "tpl:flex tpl:cursor-pointer tpl:items-center tpl:gap-2 tpl:text-xs tpl:text-[var(--tpl-text)]"
-				}, [
-					S("input", {
-						type: "checkbox",
-						class: "tpl:accent-[var(--tpl-primary)]",
-						checked: ie(e.key),
-						onChange: (t) => I(e.key)
-					}, null, 40, kr),
-					(r(), v(n(e.icon), {
-						size: 14,
-						"stroke-width": 1.5
-					})),
-					D(" " + f(g(_).blockSettings[e.labelKey]), 1)
-				])), 64))])]),
-				_: 1
-			}, 8, ["title", "open"]),
-			k(Er, {
-				title: g(_).blockSettings.customCss,
-				open: w.has("css"),
-				onToggle: o[7] ||= (e) => M("css")
-			}, {
-				default: s(() => [S("label", { class: x(g(G)) }, f(g(_).blockSettings.css), 3), S("textarea", {
-					value: e.block.customCss || "",
-					placeholder: g(_).blockSettings.cssPlaceholder,
-					rows: "3",
-					class: x(g(yt)),
-					onInput: o[6] ||= (e) => d("update", { customCss: e.target.value })
-				}, null, 42, Ar)]),
-				_: 1
-			}, 8, ["title", "open"]),
-			te.value ? (r(), v(Er, {
-				key: 0,
-				title: g(_).blockSettings.displayCondition,
-				open: w.has("condition"),
-				onToggle: o[11] ||= (e) => M("condition")
-			}, {
-				default: s(() => [S("div", jr, [S("select", {
-					class: x(["tpl:w-full tpl:rounded-md tpl:border tpl:px-2.5 tpl:py-2 tpl:text-xs tpl:outline-none tpl:transition-all tpl:duration-150 tpl:focus:border-[var(--tpl-primary)] tpl:focus:shadow-[0_0_0_3px_var(--tpl-primary-light)]", e.block.displayCondition ? "tpl:border-[var(--tpl-primary)] tpl:bg-[var(--tpl-primary-light)] tpl:text-[var(--tpl-text)]" : "tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:text-[var(--tpl-text)]"]),
-					value: T.value || N.value ? "__custom__" : e.block.displayCondition?.label ?? "",
-					onChange: o[8] ||= (e) => {
-						let t = e.target.value;
-						if (t === "__custom__") {
-							P();
-							return;
-						}
-						if (T.value = !1, !t) {
-							d("update", { displayCondition: void 0 });
-							return;
-						}
-						let n = g(y).find((e) => e.label === t);
-						n && d("update", { displayCondition: n });
-					}
-				}, [
-					S("option", Nr, f(g(_).blockSettings.noCondition), 1),
-					(r(!0), m(E, null, a(re.value, (e, t) => (r(), m(E, { key: t }, [t ? (r(), m("optgroup", {
-						key: 0,
-						label: String(t)
-					}, [(r(!0), m(E, null, a(e, (e) => (r(), m("option", {
-						key: e.label,
-						value: e.label
-					}, f(e.label), 9, Fr))), 128))], 8, Pr)) : (r(!0), m(E, { key: 1 }, a(e, (e) => (r(), m("option", {
-						key: e.label,
-						value: e.label
-					}, f(e.label), 9, Ir))), 128))], 64))), 128)),
-					g(C) ? (r(), m("option", Lr, f(g(_).blockSettings.customCondition), 1)) : h("", !0)
-				], 42, Mr), T.value || N.value ? (r(), m("div", Rr, [
-					S("div", null, [S("label", zr, f(g(_).blockSettings.customConditionBefore), 1), t(S("textarea", {
-						"onUpdate:modelValue": o[9] ||= (e) => O.value = e,
-						rows: "2",
-						class: x(g(yt))
-					}, null, 2), [[b, O.value]])]),
-					S("div", null, [S("label", Br, f(g(_).blockSettings.customConditionAfter), 1), t(S("textarea", {
-						"onUpdate:modelValue": o[10] ||= (e) => j.value = e,
-						rows: "2",
-						class: x(g(yt))
-					}, null, 2), [[b, j.value]])]),
-					S("div", Vr, [S("button", {
-						type: "button",
-						class: "tpl:cursor-pointer tpl:rounded-md tpl:border-none tpl:bg-[var(--tpl-primary)] tpl:px-3 tpl:py-1.5 tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-bg)] tpl:transition-all tpl:duration-150 tpl:hover:opacity-90 tpl:disabled:opacity-50",
-						disabled: !O.value.trim(),
-						onClick: ne
-					}, f(g(_).blockSettings.applyCondition), 9, Hr)])
-				])) : e.block.displayCondition && !N.value ? (r(), m(E, { key: 1 }, [e.block.displayCondition.description ? (r(), m("p", Ur, f(e.block.displayCondition.description), 1)) : h("", !0), S("div", Wr, [S("pre", Gr, f(e.block.displayCondition.before), 1), e.block.displayCondition.after ? (r(), m("pre", Kr, f(e.block.displayCondition.after), 1)) : h("", !0)])], 64)) : h("", !0)])]),
-				_: 1
-			}, 8, ["title", "open"])) : h("", !0)
-		], 2));
-	}
-}), Jr = ["title"], Yr = { class: "tpl:text-sm tpl:font-medium tpl:text-[var(--tpl-text-muted)]" }, Xr = {
-	key: 1,
-	class: "tpl:text-[var(--tpl-danger)]"
-}, Zr = [
-	"aria-checked",
-	"aria-label",
-	"disabled"
-], Qr = /* @__PURE__ */ O({
-	__name: "BooleanField",
-	props: {
-		field: {},
-		modelValue: { type: Boolean },
-		readOnly: { type: Boolean }
-	},
-	emits: ["update:modelValue"],
-	setup(e, { emit: t }) {
-		let n = t, { t: i } = R();
-		return (t, a) => (r(), m("div", {
-			class: "tpl:mb-3.5",
-			title: e.readOnly ? g(i).customBlocks.dataSource.readOnlyTooltip : void 0
-		}, [S("label", { class: x(["tpl:flex tpl:items-center tpl:justify-between tpl:gap-2", e.readOnly ? "tpl:cursor-not-allowed" : "tpl:cursor-pointer"]) }, [S("span", Yr, [
-			D(f(e.field.label) + " ", 1),
-			e.readOnly ? (r(), v(g(Ye), {
-				key: 0,
-				size: 12,
-				class: "tpl:inline tpl:text-[var(--tpl-text-dim)]"
-			})) : h("", !0),
-			e.field.required ? (r(), m("span", Xr, " * ")) : h("", !0)
-		]), S("button", {
-			type: "button",
-			role: "switch",
-			"aria-checked": e.modelValue,
-			"aria-label": e.field.label,
-			class: x([
-				"tpl:relative tpl:inline-flex tpl:h-5 tpl:w-9 tpl:shrink-0 tpl:rounded-full tpl:border-2 tpl:border-transparent tpl:transition-colors tpl:duration-200",
-				e.modelValue ? "tpl:bg-[var(--tpl-primary)]" : "tpl:bg-[var(--tpl-border)]",
-				e.readOnly ? "tpl:opacity-60 tpl:cursor-not-allowed" : "tpl:cursor-pointer"
-			]),
-			disabled: e.readOnly,
-			onClick: a[0] ||= (t) => !e.readOnly && n("update:modelValue", !e.modelValue)
-		}, [S("span", { class: x(["tpl:pointer-events-none tpl:inline-block tpl:size-4 tpl:rounded-full tpl:bg-[var(--tpl-bg)] tpl:shadow tpl:transition-transform tpl:duration-200", e.modelValue ? "tpl:translate-x-4" : "tpl:translate-x-0"]) }, null, 2)], 10, Zr)], 2)], 8, Jr));
-	}
-}), $r = { class: "tpl:mb-3.5" }, ei = {
-	key: 1,
-	class: "tpl:text-[var(--tpl-danger)]"
-}, $ = /* @__PURE__ */ O({
-	__name: "FieldWrapper",
-	props: {
-		label: {},
-		required: { type: Boolean },
-		readOnly: { type: Boolean }
-	},
-	setup(t) {
-		return (n, i) => (r(), m("div", $r, [S("label", { class: x(g(G)) }, [
-			D(f(t.label) + " ", 1),
-			t.readOnly ? (r(), v(g(Ye), {
-				key: 0,
-				size: 12,
-				class: "tpl:inline tpl:text-[var(--tpl-text-dim)]"
-			})) : h("", !0),
-			t.required ? (r(), m("span", ei, "*")) : h("", !0)
-		], 2), e(n.$slots, "default")]));
-	}
-}), ti = /* @__PURE__ */ O({
-	__name: "ColorField",
-	props: {
-		field: {},
-		modelValue: {},
-		readOnly: { type: Boolean }
-	},
-	emits: ["update:modelValue"],
-	setup(e, { emit: t }) {
-		let n = t, { t: i } = R();
-		return (t, a) => (r(), v($, {
-			label: e.field.label,
-			required: e.field.required,
-			"read-only": e.readOnly
-		}, {
-			default: s(() => [k(J, {
-				"model-value": e.modelValue || g("#000000"),
-				placeholder: e.field.placeholder || g("#000000"),
-				disabled: e.readOnly,
-				title: e.readOnly ? g(i).customBlocks.dataSource.readOnlyTooltip : void 0,
-				"onUpdate:modelValue": a[0] ||= (e) => n("update:modelValue", e)
-			}, null, 8, [
-				"model-value",
-				"placeholder",
-				"disabled",
-				"title"
-			])]),
-			_: 1
-		}, 8, [
-			"label",
-			"required",
-			"read-only"
-		]));
-	}
-}), ni = [
-	"value",
-	"placeholder",
-	"title"
-], ri = ["value", "placeholder"], ii = /* @__PURE__ */ O({
-	__name: "ImageField",
-	props: {
-		field: {},
-		modelValue: {},
-		readOnly: { type: Boolean }
-	},
-	emits: ["update:modelValue"],
-	setup(e, { emit: t }) {
-		let n = t, { t: i } = R(), a = o(z, null), c = p(() => !!a);
-		async function l() {
-			let e = await a?.({ accept: ["images"] });
-			e && n("update:modelValue", e.url);
-		}
-		return (t, a) => (r(), v($, {
-			label: e.field.label,
-			required: e.field.required,
-			"read-only": e.readOnly
-		}, {
-			default: s(() => [e.readOnly ? (r(), m("input", {
-				key: 0,
-				type: "url",
-				class: x([g(W), "tpl:opacity-60 tpl:cursor-not-allowed"]),
-				value: e.modelValue,
-				placeholder: e.field.placeholder || "https://...",
-				disabled: "",
-				title: g(i).customBlocks.dataSource.readOnlyTooltip
-			}, null, 10, ni)) : (r(), m("input", {
-				key: 1,
-				type: "url",
-				class: x(g(W)),
-				value: e.modelValue,
-				placeholder: e.field.placeholder || "https://...",
-				onInput: a[0] ||= (e) => n("update:modelValue", e.target.value)
-			}, null, 42, ri)), c.value && !e.readOnly ? (r(), m("button", {
-				key: 2,
-				class: "tpl:mt-2 tpl:flex tpl:w-full tpl:items-center tpl:justify-center tpl:gap-1.5 tpl:rounded-md tpl:border tpl:px-3 tpl:py-2 tpl:text-xs tpl:font-medium tpl:transition-all tpl:duration-150 tpl:border-[var(--tpl-border)] tpl:text-[var(--tpl-primary)] tpl:bg-[var(--tpl-bg)]",
-				onClick: a[1] ||= (e) => l()
-			}, [k(g(Ge), {
-				size: 14,
-				"stroke-width": 1.5
-			}), D(" " + f(g(i).image.browseMedia), 1)])) : h("", !0)]),
-			_: 1
-		}, 8, [
-			"label",
-			"required",
-			"read-only"
-		]));
-	}
-}), ai = [
-	"value",
-	"placeholder",
-	"min",
-	"max",
-	"step",
-	"disabled",
-	"title"
-], oi = /* @__PURE__ */ O({
-	__name: "NumberField",
-	props: {
-		field: {},
-		modelValue: {},
-		readOnly: { type: Boolean }
-	},
-	emits: ["update:modelValue"],
-	setup(e, { emit: t }) {
-		let n = t, { t: i } = R();
-		return (t, a) => (r(), v($, {
-			label: e.field.label,
-			required: e.field.required,
-			"read-only": e.readOnly
-		}, {
-			default: s(() => [S("input", {
-				type: "number",
-				class: x([g(W), e.readOnly && "tpl:opacity-60 tpl:cursor-not-allowed"]),
-				value: e.modelValue,
-				placeholder: e.field.placeholder,
-				min: e.field.min,
-				max: e.field.max,
-				step: e.field.step,
-				disabled: e.readOnly,
-				title: e.readOnly ? g(i).customBlocks.dataSource.readOnlyTooltip : void 0,
-				onInput: a[0] ||= (t) => !e.readOnly && n("update:modelValue", Number(t.target.value))
-			}, null, 42, ai)]),
-			_: 1
-		}, 8, [
-			"label",
-			"required",
-			"read-only"
-		]));
-	}
-}), si = { class: "tpl:flex tpl:flex-col tpl:gap-2" }, ci = { class: "tpl:mb-2 tpl:flex tpl:items-center tpl:justify-between" }, li = { class: "tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-text-dim)]" }, ui = ["title", "onClick"], di = {
-	key: 1,
-	class: "tpl:m-0 tpl:text-center tpl:text-xs tpl:text-[var(--tpl-text-dim)]"
-}, fi = /* @__PURE__ */ O({
-	__name: "RepeatableField",
-	props: {
-		field: {},
-		modelValue: {},
-		readOnly: { type: Boolean }
-	},
-	emits: ["update:modelValue"],
-	setup(e, { emit: t }) {
-		let i = e, o = t, { t: c } = R(), l = p(() => i.modelValue || []), u = p(() => !i.field.maxItems || l.value.length < i.field.maxItems), d = p(() => !i.field.minItems || l.value.length > i.field.minItems);
-		function _() {
-			if (!u.value || i.readOnly) return;
-			let e = {};
-			for (let t of i.field.fields) e[t.key] = t.default ?? "";
-			o("update:modelValue", [...l.value, e]);
-		}
-		function y(e) {
-			if (!d.value || i.readOnly) return;
-			let t = [...l.value];
-			t.splice(e, 1), o("update:modelValue", t);
-		}
-		function b(e, t, n) {
-			o("update:modelValue", l.value.map((r, i) => i === e ? {
-				...r,
-				[t]: n
-			} : r));
-		}
-		return (t, i) => (r(), v($, {
-			label: e.field.label,
-			required: e.field.required,
-			"read-only": e.readOnly
-		}, {
-			default: s(() => [S("div", si, [
-				(r(!0), m(E, null, a(l.value, (t, i) => (r(), m("div", {
-					key: `${e.field.key}-${i}`,
-					class: "tpl:rounded-md tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg-hover)] tpl:p-3"
-				}, [S("div", ci, [S("span", li, " #" + f(i + 1), 1), d.value && !e.readOnly ? (r(), m("button", {
-					key: 0,
-					type: "button",
-					class: "tpl:flex tpl:size-6 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:text-[var(--tpl-text-muted)] tpl:transition-all tpl:duration-150 tpl:hover:border-[var(--tpl-danger)] tpl:hover:bg-[var(--tpl-danger-light)] tpl:hover:text-[var(--tpl-danger)]",
-					title: g(c).customBlocks.fields.removeItem,
-					onClick: (e) => y(i)
-				}, [k(g(Re), {
-					size: 12,
-					"stroke-width": 2
-				})], 8, ui)) : h("", !0)]), (r(!0), m(E, null, a(e.field.fields, (a) => (r(), v(n(g(xi)(a.type)), {
-					key: a.key,
-					field: a,
-					"model-value": t[a.key],
-					"read-only": e.readOnly,
-					"onUpdate:modelValue": (e) => b(i, a.key, e)
-				}, null, 8, [
-					"field",
-					"model-value",
-					"read-only",
-					"onUpdate:modelValue"
-				]))), 128))]))), 128)),
-				u.value && !e.readOnly ? (r(), m("button", {
-					key: 0,
-					type: "button",
-					class: x(g(vt)),
-					onClick: _
-				}, [k(g(H), {
-					size: 14,
-					"stroke-width": 2
-				}), D(" " + f(g(c).customBlocks.fields.addItem), 1)], 2)) : h("", !0),
-				!u.value && !e.readOnly ? (r(), m("p", di, f(g(c).customBlocks.fields.maxItemsReached), 1)) : h("", !0)
-			])]),
-			_: 1
-		}, 8, [
-			"label",
-			"required",
-			"read-only"
-		]));
-	}
-}), pi = [
-	"value",
-	"disabled",
-	"title"
-], mi = ["value"], hi = /* @__PURE__ */ O({
-	__name: "SelectField",
-	props: {
-		field: {},
-		modelValue: {},
-		readOnly: { type: Boolean }
-	},
-	emits: ["update:modelValue"],
-	setup(e, { emit: t }) {
-		let n = t, { t: i } = R();
-		return (t, o) => (r(), v($, {
-			label: e.field.label,
-			required: e.field.required,
-			"read-only": e.readOnly
-		}, {
-			default: s(() => [S("select", {
-				class: x([g(W), e.readOnly && "tpl:opacity-60 tpl:cursor-not-allowed"]),
-				value: e.modelValue,
-				disabled: e.readOnly,
-				title: e.readOnly ? g(i).customBlocks.dataSource.readOnlyTooltip : void 0,
-				onChange: o[0] ||= (t) => !e.readOnly && n("update:modelValue", t.target.value)
-			}, [(r(!0), m(E, null, a(e.field.options, (e) => (r(), m("option", {
-				key: e.value,
-				value: e.value
-			}, f(e.label), 9, mi))), 128))], 42, pi)]),
-			_: 1
-		}, 8, [
-			"label",
-			"required",
-			"read-only"
-		]));
-	}
-}), gi = [
-	"value",
-	"placeholder",
-	"title"
-], _i = /* @__PURE__ */ O({
-	__name: "TextField",
-	props: {
-		field: {},
-		modelValue: {},
-		readOnly: { type: Boolean }
-	},
-	emits: ["update:modelValue"],
-	setup(e, { emit: t }) {
-		let n = t, { t: i } = R();
-		return (t, a) => (r(), v($, {
-			label: e.field.label,
-			required: e.field.required,
-			"read-only": e.readOnly
-		}, {
-			default: s(() => [e.readOnly ? (r(), m("input", {
-				key: 0,
-				type: "text",
-				class: x([g(W), "tpl:opacity-60 tpl:cursor-not-allowed"]),
-				value: e.modelValue,
-				placeholder: e.field.placeholder,
-				disabled: "",
-				title: g(i).customBlocks.dataSource.readOnlyTooltip
-			}, null, 10, gi)) : (r(), v(Z, {
-				key: 1,
-				"model-value": e.modelValue,
-				placeholder: e.field.placeholder,
-				"onUpdate:modelValue": a[0] ||= (e) => n("update:modelValue", e)
-			}, null, 8, ["model-value", "placeholder"]))]),
-			_: 1
-		}, 8, [
-			"label",
-			"required",
-			"read-only"
-		]));
-	}
-}), vi = [
-	"value",
-	"placeholder",
-	"title"
-], yi = "tpl:w-full tpl:resize-y tpl:rounded-md tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:px-3 tpl:py-2 tpl:text-sm tpl:text-[var(--tpl-text)] tpl:outline-none tpl:opacity-60 tpl:cursor-not-allowed", bi = {
-	text: _i,
-	textarea: /* @__PURE__ */ O({
-		__name: "TextareaField",
-		props: {
-			field: {},
-			modelValue: {},
-			readOnly: { type: Boolean }
-		},
-		emits: ["update:modelValue"],
-		setup(e, { emit: t }) {
-			let n = t, { t: i } = R();
-			return (t, a) => (r(), v($, {
-				label: e.field.label,
-				required: e.field.required,
-				"read-only": e.readOnly
-			}, {
-				default: s(() => [e.readOnly ? (r(), m("textarea", {
-					key: 0,
-					value: e.modelValue,
-					placeholder: e.field.placeholder,
-					rows: "3",
-					disabled: "",
-					title: g(i).customBlocks.dataSource.readOnlyTooltip,
-					class: x(yi)
-				}, null, 8, vi)) : (r(), v(an, {
-					key: 1,
-					"model-value": e.modelValue,
-					placeholder: e.field.placeholder,
-					"onUpdate:modelValue": a[0] ||= (e) => n("update:modelValue", e)
-				}, null, 8, ["model-value", "placeholder"]))]),
-				_: 1
-			}, 8, [
-				"label",
-				"required",
-				"read-only"
-			]));
-		}
-	}),
-	image: ii,
-	color: ti,
-	number: oi,
-	select: hi,
-	boolean: Qr,
-	repeatable: fi
-};
-function xi(e) {
-	return bi[e] ?? _i;
-}
-//#endregion
-//#region src/components/toolbar/CustomBlockToolbar.vue?vue&type=script&setup=true&lang.ts
-var Si = {
-	key: 0,
-	class: "tpl:p-4"
-}, Ci = { class: "tpl:m-0 tpl:text-center tpl:text-sm tpl:text-[var(--tpl-text-muted)]" }, wi = { key: 1 }, Ti = {
-	key: 0,
-	class: "tpl:m-0 tpl:mb-3 tpl:text-xs tpl:text-[var(--tpl-text-dim)]"
-}, Ei = {
-	key: 1,
-	class: "tpl:mb-4"
-}, Di = {
-	key: 1,
-	class: "tpl:flex tpl:h-[32px] tpl:items-center"
-}, Oi = {
-	key: 0,
-	class: "tpl:w-full tpl:text-center tpl:text-xs tpl:text-[var(--tpl-text-muted)]"
-}, ki = {
-	key: 2,
-	class: "tpl:m-0 tpl:mt-2 tpl:flex tpl:items-center tpl:gap-1.5 tpl:text-xs tpl:text-[var(--tpl-danger)]"
-}, Ai = /* @__PURE__ */ O({
-	__name: "CustomBlockToolbar",
-	props: { block: {} },
-	emits: ["updateFieldValues", "updateDataSourceFetched"],
-	setup(e, { emit: t }) {
-		let i = e, s = t, { t: c } = R(), l = o(F, []), u = p(() => l.find((e) => e.type === i.block.customType)), { isFetching: d, fetchError: _, fetch: y, hasDataSource: b, needsFetch: x } = Ee({
-			definition: u,
-			block: p(() => i.block),
-			onUpdate: (e, t) => {
-				s("updateFieldValues", e), s("updateDataSourceFetched", t);
-			}
-		});
-		function C(e) {
-			return e.readOnly === !0 && b.value && !!i.block.dataSourceFetched;
-		}
-		function w(e, t) {
-			s("updateFieldValues", {
-				...i.block.fieldValues,
-				[e]: t
-			});
-		}
-		return (t, i) => u.value ? (r(), m("div", wi, [
-			u.value.description ? (r(), m("p", Ti, f(u.value.description), 1)) : h("", !0),
-			g(b) ? (r(), m("div", Ei, [g(x) && !g(d) ? (r(), m("button", {
-				key: 0,
-				type: "button",
-				class: "tpl:flex tpl:w-full tpl:items-center tpl:justify-center tpl:gap-2 tpl:rounded-md tpl:px-3 tpl:py-2.5 tpl:text-sm tpl:font-medium tpl:text-[var(--tpl-bg)] tpl:transition-all tpl:duration-150 tpl:bg-[var(--tpl-primary)]",
-				onClick: i[0] ||= (...e) => g(y) && g(y)(...e)
-			}, f(u.value?.dataSource?.label || g(c).customBlocks.dataSource.fetchButton), 1)) : (r(), m("div", Di, [g(d) ? (r(), m("div", Oi, f(g(c).customBlocks.dataSource.fetching), 1)) : (r(), m("button", {
-				key: 1,
-				type: "button",
-				class: "tpl:flex tpl:w-full tpl:items-center tpl:justify-center tpl:gap-1.5 tpl:rounded-md tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:px-3 tpl:py-1.5 tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-text-muted)] tpl:transition-all tpl:duration-150 tpl:hover:border-[var(--tpl-primary)] tpl:hover:text-[var(--tpl-primary)]",
-				onClick: i[1] ||= (...e) => g(y) && g(y)(...e)
-			}, [k(g(Pe), { size: 12 }), D(" " + f(g(c).customBlocks.dataSource.changeButton), 1)]))])), g(_) ? (r(), m("p", ki, [k(g(N), {
-				size: 14,
-				class: "tpl:shrink-0"
-			}), D(" " + f(g(c).customBlocks.dataSource.fetchError), 1)])) : h("", !0)])) : h("", !0),
-			(r(!0), m(E, null, a(u.value.fields, (t) => (r(), v(n(g(xi)(t.type)), {
-				key: t.key,
-				field: t,
-				"model-value": e.block.fieldValues[t.key],
-				"read-only": C(t),
-				"onUpdate:modelValue": (e) => w(t.key, e)
-			}, null, 8, [
-				"field",
-				"model-value",
-				"read-only",
-				"onUpdate:modelValue"
-			]))), 128))
-		])) : (r(), m("div", Si, [S("p", Ci, f(g(c).customBlocks.toolbar.noDefinition), 1)]));
-	}
-}), ji = { class: "tpl:mb-3.5" }, Mi = { class: "tpl:mb-3.5" }, Ni = { class: "tpl:mb-3.5" }, Pi = { class: "tpl:flex tpl:items-stretch" }, Fi = ["value"], Ii = /* @__PURE__ */ O({
-	__name: "DividerToolbar",
-	props: { block: {} },
-	emits: ["update"],
-	setup(e, { emit: t }) {
-		let n = t, { t: i } = R();
-		function a(e, t) {
-			n("update", { [e]: t });
-		}
-		return (t, n) => (r(), m(E, null, [
-			S("div", ji, [S("label", { class: x(g(G)) }, f(g(i).divider.style), 3), k(X, {
-				options: [
-					{
-						value: "solid",
-						label: g(i).divider.solid
-					},
-					{
-						value: "dashed",
-						label: g(i).divider.dashed
-					},
-					{
-						value: "dotted",
-						label: g(i).divider.dotted
-					}
-				],
-				"model-value": e.block.lineStyle,
-				"onUpdate:modelValue": n[0] ||= (e) => a("lineStyle", e)
-			}, null, 8, ["options", "model-value"])]),
-			S("div", Mi, [S("label", { class: x(g(G)) }, f(g(i).divider.color), 3), k(J, {
-				"model-value": e.block.color,
-				"onUpdate:modelValue": n[1] ||= (e) => a("color", e)
-			}, null, 8, ["model-value"])]),
-			S("div", Ni, [S("label", { class: x(g(G)) }, f(g(i).divider.thickness), 3), S("div", Pi, [S("input", {
-				type: "number",
-				class: x(g(q)),
-				value: e.block.thickness,
-				min: "1",
-				max: "10",
-				onInput: n[2] ||= (e) => a("thickness", Number(e.target.value))
-			}, null, 42, Fi), S("span", { class: x(g(K)) }, "px", 2)])])
-		], 64));
-	}
-}), Li = { class: "tpl:mb-3.5" }, Ri = ["value"], zi = { class: "tpl:mt-1.5 tpl:flex tpl:items-start tpl:gap-1.5 tpl:text-[11px] tpl:text-[var(--tpl-text-dim)]" }, Bi = /* @__PURE__ */ O({
-	__name: "HtmlToolbar",
-	props: { block: {} },
-	emits: ["update"],
-	setup(e, { emit: t }) {
-		let n = t, { t: i } = R();
-		return (t, a) => (r(), m("div", Li, [
-			S("label", { class: x(g(G)) }, f(g(i).html.content), 3),
-			S("textarea", {
-				value: e.block.content,
-				placeholder: "<div>...</div>",
-				rows: "10",
-				class: x(g(yt)),
-				onInput: a[0] ||= (e) => n("update", { content: e.target.value })
-			}, null, 42, Ri),
-			S("p", zi, [k(g(Ve), {
-				size: 12,
-				class: "tpl:mt-0.5 tpl:shrink-0"
-			}), D(" " + f(g(i).html.sanitizationHint), 1)])
-		]));
-	}
-}), Vi = { class: "tpl:mb-3.5" }, Hi = {
-	key: 0,
-	class: "tpl:mb-3.5"
-}, Ui = ["value", "placeholder"], Wi = { class: "tpl:mb-3.5" }, Gi = { class: "tpl:mt-2 tpl:flex tpl:cursor-pointer tpl:items-center tpl:gap-2 tpl:text-[12px] tpl:text-[var(--tpl-text-muted)]" }, Ki = ["checked"], qi = { class: "tpl:block tpl:text-[var(--tpl-text-dim)]" }, Ji = { class: "tpl:mb-3.5" }, Yi = ["value"], Xi = { value: "full" }, Zi = { class: "tpl:mb-3.5" }, Qi = { class: "tpl:mb-3.5" }, $i = {
-	key: 0,
-	class: "tpl:mt-2 tpl:flex tpl:cursor-pointer tpl:items-center tpl:gap-2 tpl:text-[12px] tpl:text-[var(--tpl-text-muted)]"
-}, ea = ["checked"], ta = /* @__PURE__ */ O({
-	__name: "ImageToolbar",
-	props: { block: {} },
-	emits: ["update"],
-	setup(e, { emit: t }) {
-		let n = t, { t: i } = R(), a = o(z, null), s = o(Se, Ne.liquid), c = p(() => !!a), u = l(!1), d = l(!1), { start: _ } = Be(() => {
-			u.value = !1;
-		}, 1e3, { immediate: !1 });
-		function v(e, t) {
-			n("update", { [e]: t });
-		}
-		async function y() {
-			let e = await a?.({ accept: ["images"] });
-			e && (v("src", e.url), e.alt && (v("alt", e.alt), d.value = !0), u.value = !0, _());
-		}
-		return (t, n) => (r(), m(E, null, [
-			S("div", Vi, [
-				S("label", { class: x(g(G)) }, f(g(i).image.imageUrl), 3),
-				k(Z, {
-					"model-value": e.block.src,
-					type: "url",
-					placeholder: g(i).image.imageUrlPlaceholder,
-					pulse: u.value,
-					"onUpdate:modelValue": n[0] ||= (e) => v("src", e)
-				}, null, 8, [
-					"model-value",
-					"placeholder",
-					"pulse"
-				]),
-				c.value ? (r(), m("button", {
-					key: 0,
-					class: "tpl:mt-2 tpl:flex tpl:w-full tpl:items-center tpl:justify-center tpl:gap-1.5 tpl:rounded-md tpl:border tpl:px-3 tpl:py-2 tpl:text-xs tpl:font-medium tpl:transition-all tpl:duration-150",
-					style: {
-						"border-color": "var(--tpl-border)",
-						color: "var(--tpl-primary)",
-						"background-color": "var(--tpl-bg)"
-					},
-					onClick: y
-				}, [k(g(Ge), {
-					size: 14,
-					"stroke-width": 1.5
-				}), D(" " + f(g(i).image.browseMedia), 1)])) : h("", !0)
-			]),
-			g(Me)(e.block.src, g(s)) ? (r(), m("div", Hi, [S("label", { class: x(g(G)) }, [D(f(g(i).image.placeholderUrl) + " ", 1), n[8] ||= S("span", { class: "tpl:font-normal tpl:text-[var(--tpl-text-dim)]" }, f("(optional)"), -1)], 2), S("input", {
-				type: "url",
-				class: x(g(W)),
-				value: e.block.placeholderUrl || "",
-				placeholder: g(i).image.placeholderUrlPlaceholder,
-				onInput: n[1] ||= (e) => v("placeholderUrl", e.target.value)
-			}, null, 42, Ui)])) : h("", !0),
-			S("div", Wi, [
-				S("label", { class: x(g(G)) }, f(g(i).image.altText), 3),
-				k(Z, {
-					"model-value": e.block.alt,
-					type: "text",
-					placeholder: g(i).image.altTextPlaceholder,
-					pulse: d.value,
-					disabled: e.block.decorative === !0,
-					"onUpdate:modelValue": n[2] ||= (e) => v("alt", e)
-				}, null, 8, [
-					"model-value",
-					"placeholder",
-					"pulse",
-					"disabled"
-				]),
-				S("label", Gi, [S("input", {
-					type: "checkbox",
-					class: "tpl:size-3.5 tpl:cursor-pointer tpl:accent-[var(--tpl-primary)]",
-					checked: e.block.decorative === !0,
-					onChange: n[3] ||= (e) => v("decorative", e.target.checked)
-				}, null, 40, Ki), S("span", null, [D(f(g(i).image.decorative) + " ", 1), S("span", qi, f(g(i).image.decorativeHint), 1)])])
-			]),
-			S("div", Ji, [S("label", { class: x(g(G)) }, f(g(i).image.width), 3), S("select", {
-				class: x(g(W)),
-				value: e.block.width,
-				onChange: n[4] ||= (e) => v("width", e.target.value === "full" ? "full" : Number(e.target.value))
-			}, [
-				S("option", Xi, f(g(i).image.fullWidth), 1),
-				n[9] ||= S("option", { value: "300" }, "300px", -1),
-				n[10] ||= S("option", { value: "400" }, "400px", -1),
-				n[11] ||= S("option", { value: "500" }, "500px", -1)
-			], 42, Yi)]),
-			S("div", Zi, [S("label", { class: x(g(G)) }, f(g(i).title.align), 3), k(X, {
-				options: [
-					{
-						value: "left",
-						label: g(i).title.alignLeft
-					},
-					{
-						value: "center",
-						label: g(i).title.alignCenter
-					},
-					{
-						value: "right",
-						label: g(i).title.alignRight
-					}
-				],
-				"model-value": e.block.align,
-				"onUpdate:modelValue": n[5] ||= (e) => v("align", e)
-			}, null, 8, ["options", "model-value"])]),
-			S("div", Qi, [
-				S("label", { class: x(g(G)) }, f(g(i).image.linkUrl), 3),
-				k(Z, {
-					"model-value": e.block.linkUrl || "",
-					type: "url",
-					placeholder: g(i).image.imageUrlPlaceholder,
-					"onUpdate:modelValue": n[6] ||= (e) => v("linkUrl", e)
-				}, null, 8, ["model-value", "placeholder"]),
-				e.block.linkUrl ? (r(), m("label", $i, [S("input", {
-					type: "checkbox",
-					class: "tpl:size-3.5 tpl:cursor-pointer tpl:accent-[var(--tpl-primary)]",
-					checked: e.block.linkOpenInNewTab ?? !1,
-					onChange: n[7] ||= (e) => v("linkOpenInNewTab", e.target.checked)
-				}, null, 40, ea), D(" " + f(g(i).image.openInNewTab), 1)])) : h("", !0)
-			])
-		], 64));
-	}
-}), na = { class: "tpl:flex tpl:flex-col tpl:gap-2" }, ra = { class: "tpl:flex tpl:items-center tpl:gap-2" }, ia = [
-	"value",
-	"placeholder",
-	"onInput"
-], aa = ["title", "onClick"], oa = { class: "tpl:flex tpl:items-center tpl:gap-3 tpl:text-xs tpl:text-[var(--tpl-text-muted)]" }, sa = ["checked", "onChange"], ca = { class: "tpl:flex tpl:items-center tpl:gap-2" }, la = ["value"], ua = { value: "" }, da = ["value"], fa = ["value"], pa = /* @__PURE__ */ O({
-	__name: "MenuToolbar",
-	props: {
-		block: {},
-		fontFamilies: {}
-	},
-	emits: ["update"],
-	setup(e, { emit: t }) {
-		let n = e, i = t, { t: o } = R(), c = p(() => [
-			{
-				key: "openInNewTab",
-				label: o.menu.openInNewTab
-			},
-			{
-				key: "bold",
-				label: o.menu.bold
-			},
-			{
-				key: "underline",
-				label: o.menu.underline
-			}
-		]), l = p(() => [
-			{
-				value: "left",
-				label: o.title.alignLeft,
-				icon: lt
-			},
-			{
-				value: "center",
-				label: o.title.alignCenter,
-				icon: nt
-			},
-			{
-				value: "right",
-				label: o.title.alignRight,
-				icon: ut
-			}
-		]);
-		function u(e, t) {
-			i("update", { [e]: t });
-		}
-		function d() {
-			let e = {
-				id: V(),
-				text: "",
-				url: "",
-				openInNewTab: !1,
-				bold: !1,
-				underline: !1
-			};
-			i("update", { items: [...n.block.items, e] });
-		}
-		function h(e, t, r) {
-			i("update", { items: n.block.items.map((n) => n.id === e ? {
-				...n,
-				[t]: r
-			} : n) });
-		}
-		function _(e) {
-			i("update", { items: n.block.items.filter((t) => t.id !== e) });
-		}
-		return (t, n) => (r(), m(E, null, [
-			k(Y, { label: g(o).menu.items }, {
-				default: s(() => [S("div", na, [(r(!0), m(E, null, a(e.block.items, (t) => (r(), m("div", {
-					key: t.id,
-					class: "tpl:flex tpl:flex-col tpl:gap-1.5 tpl:rounded-md tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg-hover)] tpl:p-2"
-				}, [
-					S("div", ra, [S("input", {
-						type: "text",
-						class: x([g(W), "tpl:flex-1"]),
-						value: t.text,
-						placeholder: g(o).menu.text,
-						onInput: (e) => h(t.id, "text", e.target.value)
-					}, null, 42, ia), S("button", {
-						class: x(g(_t)),
-						title: g(o).menu.removeItem,
-						onClick: (e) => _(t.id)
-					}, [k(g(Oe), {
-						size: 14,
-						"stroke-width": 2
-					})], 10, aa)]),
-					k(Z, {
-						"model-value": t.url,
-						type: "url",
-						placeholder: g(o).menu.urlPlaceholder,
-						"onUpdate:modelValue": (e) => h(t.id, "url", e)
-					}, null, 8, [
-						"model-value",
-						"placeholder",
-						"onUpdate:modelValue"
-					]),
-					S("div", oa, [(r(!0), m(E, null, a(c.value, (e) => (r(), m("label", {
-						key: e.key,
-						class: "tpl:flex tpl:cursor-pointer tpl:items-center tpl:gap-1"
-					}, [S("input", {
-						type: "checkbox",
-						checked: t[e.key],
-						class: "tpl:accent-[var(--tpl-primary)]",
-						onChange: (n) => h(t.id, e.key, n.target.checked)
-					}, null, 40, sa), D(" " + f(e.label), 1)]))), 128))]),
-					S("div", ca, [S("label", { class: x([g(G), "tpl:!mb-0"]) }, f(g(o).menu.color), 3), k(J, {
-						"swatch-only": "",
-						"model-value": t.color || e.block.linkColor || e.block.color,
-						"onUpdate:modelValue": (e) => h(t.id, "color", e)
-					}, null, 8, ["model-value", "onUpdate:modelValue"])])
-				]))), 128)), S("button", {
-					class: x(g(vt)),
-					onClick: d
-				}, [k(g(H), {
-					size: 14,
-					"stroke-width": 2
-				}), D(" " + f(g(o).menu.addItem), 1)], 2)])]),
-				_: 1
-			}, 8, ["label"]),
-			k(Y, { label: g(o).menu.fontFamily }, {
-				default: s(() => [S("select", {
-					class: x(g(W)),
-					value: e.block.fontFamily || "",
-					onChange: n[0] ||= (e) => u("fontFamily", e.target.value || void 0)
-				}, [S("option", ua, f(g(o).title.inheritFont), 1), (r(!0), m(E, null, a(e.fontFamilies, (e) => (r(), m("option", {
-					key: e.value,
-					value: e.value
-				}, f(e.label), 9, da))), 128))], 42, la)]),
-				_: 1
-			}, 8, ["label"]),
-			k(Y, { label: g(o).menu.fontSize }, {
-				default: s(() => [k(St, {
-					"model-value": e.block.fontSize,
-					min: 8,
-					max: 48,
-					suffix: "px",
-					"onUpdate:modelValue": n[1] ||= (e) => u("fontSize", e)
-				}, null, 8, ["model-value"])]),
-				_: 1
-			}, 8, ["label"]),
-			k(Y, { label: g(o).menu.color }, {
-				default: s(() => [k(J, {
-					"model-value": e.block.color,
-					"onUpdate:modelValue": n[2] ||= (e) => u("color", e)
-				}, null, 8, ["model-value"])]),
-				_: 1
-			}, 8, ["label"]),
-			k(Y, { label: g(o).menu.linkColor }, {
-				default: s(() => [k(J, {
-					"model-value": e.block.linkColor || e.block.color,
-					"onUpdate:modelValue": n[3] ||= (e) => u("linkColor", e || void 0)
-				}, null, 8, ["model-value"])]),
-				_: 1
-			}, 8, ["label"]),
-			k(Y, { label: g(o).menu.textAlign }, {
-				default: s(() => [k(X, {
-					options: l.value,
-					"model-value": e.block.textAlign,
-					"onUpdate:modelValue": n[4] ||= (e) => u("textAlign", e)
-				}, null, 8, ["options", "model-value"])]),
-				_: 1
-			}, 8, ["label"]),
-			k(Y, { label: g(o).menu.separator }, {
-				default: s(() => [S("input", {
-					type: "text",
-					class: x(g(W)),
-					value: e.block.separator,
-					onInput: n[5] ||= (e) => u("separator", e.target.value)
-				}, null, 42, fa)]),
-				_: 1
-			}, 8, ["label"]),
-			k(Y, { label: g(o).menu.separatorColor }, {
-				default: s(() => [k(J, {
-					"model-value": e.block.separatorColor,
-					"onUpdate:modelValue": n[6] ||= (e) => u("separatorColor", e)
-				}, null, 8, ["model-value"])]),
-				_: 1
-			}, 8, ["label"]),
-			k(Y, { label: g(o).menu.spacing }, {
-				default: s(() => [k(St, {
-					"model-value": e.block.spacing,
-					min: 0,
-					max: 50,
-					suffix: "px",
-					"onUpdate:modelValue": n[7] ||= (e) => u("spacing", e)
-				}, null, 8, ["model-value"])]),
-				_: 1
-			}, 8, ["label"])
-		], 64));
-	}
-}), ma = { class: "tpl:mb-3.5" }, ha = ["value"], ga = ["value"], _a = /* @__PURE__ */ O({
-	__name: "SectionToolbar",
-	props: { block: {} },
-	emits: ["update"],
-	setup(e, { emit: t }) {
-		let n = t, { t: i } = R(), o = p(() => [
-			{
-				value: "1",
-				label: i.section.column1
-			},
-			{
-				value: "2",
-				label: i.section.column2
-			},
-			{
-				value: "3",
-				label: i.section.column3
-			},
-			{
-				value: "1-2",
-				label: i.section.ratio12
-			},
-			{
-				value: "2-1",
-				label: i.section.ratio21
-			}
-		]);
-		return (t, s) => (r(), m("div", ma, [S("label", { class: x(g(G)) }, f(g(i).section.columns), 3), S("select", {
-			class: x(g(W)),
-			value: e.block.columns,
-			onChange: s[0] ||= (e) => n("update", { columns: e.target.value })
-		}, [(r(!0), m(E, null, a(o.value, (e) => (r(), m("option", {
-			key: e.value,
-			value: e.value
-		}, f(e.label), 9, ga))), 128))], 42, ha)]));
-	}
-}), va = { class: "tpl:mb-3.5" }, ya = { class: "tpl:flex tpl:flex-col tpl:gap-2" }, ba = { class: "tpl:flex tpl:items-center tpl:gap-2" }, xa = ["value", "onChange"], Sa = ["value"], Ca = ["title", "onClick"], wa = { class: "tpl:mb-3.5" }, Ta = ["value"], Ea = { value: "solid" }, Da = { value: "outlined" }, Oa = { value: "rounded" }, ka = { value: "square" }, Aa = { value: "circle" }, ja = { class: "tpl:mb-3.5" }, Ma = { class: "tpl:mb-3.5" }, Na = { class: "tpl:flex tpl:items-stretch" }, Pa = ["value"], Fa = { class: "tpl:mb-3.5" }, Ia = /* @__PURE__ */ O({
-	__name: "SocialToolbar",
-	props: { block: {} },
-	emits: ["update"],
-	setup(e, { emit: t }) {
-		let n = e, i = t, { t: o } = R();
-		function s(e, t) {
-			i("update", { [e]: t });
-		}
-		function c() {
-			let e = {
-				id: V(),
-				platform: "facebook",
-				url: ""
-			};
-			i("update", { icons: [...n.block.icons, e] });
-		}
-		function l(e, t, r) {
-			i("update", { icons: n.block.icons.map((n) => n.id === e ? {
-				...n,
-				[t]: r
-			} : n) });
-		}
-		function u(e) {
-			i("update", { icons: n.block.icons.filter((t) => t.id !== e) });
-		}
-		return (t, n) => (r(), m(E, null, [
-			S("div", va, [S("label", { class: x(g(G)) }, f(g(o).social.icons), 3), S("div", ya, [(r(!0), m(E, null, a(e.block.icons, (e) => (r(), m("div", {
-				key: e.id,
-				class: "tpl:flex tpl:flex-col tpl:gap-1.5 tpl:rounded-md tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg-hover)] tpl:p-2"
-			}, [S("div", ba, [S("select", {
-				"data-testid": "social-platform-select",
-				class: x([g(W), "tpl:flex-1"]),
-				value: e.platform,
-				onChange: (t) => l(e.id, "platform", t.target.value)
-			}, [(r(!0), m(E, null, a(g(I), (e) => (r(), m("option", {
-				key: e,
-				value: e
-			}, f(g(P)[e].name), 9, Sa))), 128))], 42, xa), S("button", {
-				class: x(g(_t)),
-				title: g(o).social.removeIcon,
-				onClick: (t) => u(e.id)
-			}, [k(g(Oe), {
-				size: 14,
-				"stroke-width": 2
-			})], 10, Ca)]), k(Z, {
-				"model-value": e.url,
-				type: "url",
-				placeholder: g(o).social.urlPlaceholder,
-				"onUpdate:modelValue": (t) => l(e.id, "url", t)
-			}, null, 8, [
-				"model-value",
-				"placeholder",
-				"onUpdate:modelValue"
-			])]))), 128)), S("button", {
-				class: x(g(vt)),
-				onClick: c
-			}, [k(g(H), {
-				size: 14,
-				"stroke-width": 2
-			}), D(" " + f(g(o).social.addIcon), 1)], 2)])]),
-			S("div", wa, [S("label", { class: x(g(G)) }, f(g(o).social.style), 3), S("select", {
-				class: x(g(W)),
-				value: e.block.iconStyle,
-				onChange: n[0] ||= (e) => s("iconStyle", e.target.value)
-			}, [
-				S("option", Ea, f(g(o).social.styleSolid), 1),
-				S("option", Da, f(g(o).social.styleOutlined), 1),
-				S("option", Oa, f(g(o).social.styleRounded), 1),
-				S("option", ka, f(g(o).social.styleSquare), 1),
-				S("option", Aa, f(g(o).social.styleCircle), 1)
-			], 42, Ta)]),
-			S("div", ja, [S("label", { class: x(g(G)) }, f(g(o).social.size), 3), k(X, {
-				options: [
-					{
-						value: "small",
-						label: g(o).social.sizeSmall
-					},
-					{
-						value: "medium",
-						label: g(o).social.sizeMedium
-					},
-					{
-						value: "large",
-						label: g(o).social.sizeLarge
-					}
-				],
-				"model-value": e.block.iconSize,
-				"onUpdate:modelValue": n[1] ||= (e) => s("iconSize", e)
-			}, null, 8, ["options", "model-value"])]),
-			S("div", Ma, [S("label", { class: x(g(G)) }, f(g(o).social.spacing), 3), S("div", Na, [S("input", {
-				type: "number",
-				class: x(g(q)),
-				value: e.block.spacing,
-				min: "0",
-				max: "50",
-				onInput: n[2] ||= (e) => s("spacing", Number(e.target.value))
-			}, null, 42, Pa), S("span", { class: x(g(K)) }, "px", 2)])]),
-			S("div", Fa, [S("label", { class: x(g(G)) }, f(g(o).social.align), 3), k(X, {
-				options: [
-					{
-						value: "left",
-						label: g(o).title.alignLeft,
-						icon: g(lt)
-					},
-					{
-						value: "center",
-						label: g(o).title.alignCenter,
-						icon: g(nt)
-					},
-					{
-						value: "right",
-						label: g(o).title.alignRight,
-						icon: g(ut)
-					}
-				],
-				"model-value": e.block.align,
-				"onUpdate:modelValue": n[3] ||= (e) => s("align", e)
-			}, null, 8, ["options", "model-value"])])
-		], 64));
-	}
-}), La = { class: "tpl:mb-3.5" }, Ra = { class: "tpl:flex tpl:items-stretch" }, za = ["value"], Ba = ["value"], Va = /* @__PURE__ */ O({
-	__name: "SpacerToolbar",
-	props: { block: {} },
-	emits: ["update"],
-	setup(e, { emit: t }) {
-		let n = t, { t: i } = R();
-		return (t, a) => (r(), m("div", La, [
-			S("label", { class: x(g(G)) }, f(g(i).spacer.height), 3),
-			S("div", Ra, [S("input", {
-				type: "number",
-				class: x(g(q)),
-				value: e.block.height,
-				min: "10",
-				max: "100",
-				onInput: a[0] ||= (e) => n("update", { height: Number(e.target.value) })
-			}, null, 42, za), S("span", { class: x(g(K)) }, "px", 2)]),
-			S("input", {
-				type: "range",
-				class: "tpl:mt-2 tpl:w-full tpl:accent-[var(--tpl-primary)]",
-				value: e.block.height,
-				min: "10",
-				max: "100",
-				onInput: a[1] ||= (e) => n("update", { height: Number(e.target.value) })
-			}, null, 40, Ba)
-		]));
-	}
-}), Ha = { class: "tpl:mb-3.5" }, Ua = { class: "tpl:flex tpl:items-center tpl:gap-3" }, Wa = { class: "tpl:flex tpl:flex-1 tpl:items-center tpl:gap-1.5" }, Ga = { class: "tpl:text-xs tpl:text-[var(--tpl-text-muted)]" }, Ka = { class: "tpl:flex tpl:items-center tpl:rounded-md tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)]" }, qa = ["disabled"], Ja = { class: "tpl:min-w-[20px] tpl:text-center tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-text)]" }, Ya = { class: "tpl:flex tpl:flex-1 tpl:items-center tpl:gap-1.5" }, Xa = { class: "tpl:text-xs tpl:text-[var(--tpl-text-muted)]" }, Za = { class: "tpl:flex tpl:items-center tpl:rounded-md tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)]" }, Qa = ["disabled"], $a = { class: "tpl:min-w-[20px] tpl:text-center tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-text)]" }, eo = { class: "tpl:mb-3.5" }, to = { class: "tpl:mb-1.5 tpl:flex tpl:cursor-pointer tpl:items-center tpl:gap-2 tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-text-muted)]" }, no = ["checked"], ro = {
-	key: 0,
-	class: "tpl:mb-3.5"
-}, io = { class: "tpl:mb-3.5" }, ao = { class: "tpl:mb-3.5" }, oo = { class: "tpl:flex tpl:items-stretch" }, so = ["value"], co = { class: "tpl:mb-3.5" }, lo = { class: "tpl:flex tpl:items-stretch" }, uo = ["value"], fo = { class: "tpl:mb-3.5" }, po = ["value"], mo = { value: "" }, ho = ["value"], go = { class: "tpl:mb-3.5" }, _o = { class: "tpl:flex tpl:items-stretch" }, vo = ["value"], yo = { class: "tpl:mb-3.5" }, bo = { class: "tpl:mb-3.5" }, xo = /* @__PURE__ */ O({
-	__name: "TableToolbar",
-	props: {
-		block: {},
-		fontFamilies: {}
-	},
-	emits: ["update"],
-	setup(e, { emit: t }) {
-		let n = e, i = t, { t: o } = R(), s = p(() => n.block.rows.length > 0 ? n.block.rows[0].cells.length : 0);
-		function c(e, t) {
-			i("update", { [e]: t });
-		}
-		function l() {
-			let e = n.block.rows.length > 0 ? n.block.rows[0].cells.length : 3, t = {
-				id: V(),
-				cells: Array.from({ length: e }, () => ({
-					id: V(),
-					content: ""
-				}))
-			};
-			i("update", { rows: [...n.block.rows, t] });
-		}
-		function u(e) {
-			i("update", { rows: n.block.rows.filter((t) => t.id !== e) });
-		}
-		function d() {
-			i("update", { rows: n.block.rows.map((e) => ({
-				...e,
-				cells: [...e.cells, {
-					id: V(),
-					content: ""
-				}]
-			})) });
-		}
-		function _(e) {
-			i("update", { rows: n.block.rows.map((t) => ({
-				...t,
-				cells: t.cells.filter((t, n) => n !== e)
-			})) });
-		}
-		return (t, n) => (r(), m(E, null, [
-			S("div", Ha, [S("label", { class: x(g(G)) }, f(g(o).table.dimensions), 3), S("div", Ua, [S("div", Wa, [S("span", Ga, f(g(o).table.rows), 1), S("div", Ka, [
-				S("button", {
-					class: "tpl:flex tpl:items-center tpl:justify-center tpl:px-1.5 tpl:py-1 tpl:text-[var(--tpl-text-muted)] tpl:transition-colors tpl:duration-150 tpl:hover:text-[var(--tpl-primary)] tpl:disabled:opacity-30",
-					disabled: e.block.rows.length <= 1,
-					onClick: n[0] ||= (t) => u(e.block.rows[e.block.rows.length - 1].id)
-				}, [k(g(U), {
-					size: 12,
-					"stroke-width": 2
-				})], 8, qa),
-				S("span", Ja, f(e.block.rows.length), 1),
-				S("button", {
-					class: "tpl:flex tpl:items-center tpl:justify-center tpl:px-1.5 tpl:py-1 tpl:text-[var(--tpl-text-muted)] tpl:transition-colors tpl:duration-150 tpl:hover:text-[var(--tpl-primary)]",
-					onClick: l
-				}, [k(g(H), {
-					size: 12,
-					"stroke-width": 2
-				})])
-			])]), S("div", Ya, [S("span", Xa, f(g(o).table.columns), 1), S("div", Za, [
-				S("button", {
-					class: "tpl:flex tpl:items-center tpl:justify-center tpl:px-1.5 tpl:py-1 tpl:text-[var(--tpl-text-muted)] tpl:transition-colors tpl:duration-150 tpl:hover:text-[var(--tpl-primary)] tpl:disabled:opacity-30",
-					disabled: s.value <= 1,
-					onClick: n[1] ||= (e) => _(s.value - 1)
-				}, [k(g(U), {
-					size: 12,
-					"stroke-width": 2
-				})], 8, Qa),
-				S("span", $a, f(s.value), 1),
-				S("button", {
-					class: "tpl:flex tpl:items-center tpl:justify-center tpl:px-1.5 tpl:py-1 tpl:text-[var(--tpl-text-muted)] tpl:transition-colors tpl:duration-150 tpl:hover:text-[var(--tpl-primary)]",
-					onClick: d
-				}, [k(g(H), {
-					size: 12,
-					"stroke-width": 2
-				})])
-			])])])]),
-			S("div", eo, [S("label", to, [S("input", {
-				type: "checkbox",
-				checked: e.block.hasHeaderRow,
-				class: "tpl:accent-[var(--tpl-primary)]",
-				onChange: n[2] ||= (e) => c("hasHeaderRow", e.target.checked)
-			}, null, 40, no), D(" " + f(g(o).table.hasHeaderRow), 1)])]),
-			e.block.hasHeaderRow ? (r(), m("div", ro, [S("label", { class: x(g(G)) }, f(g(o).table.headerBackgroundColor), 3), k(J, {
-				"model-value": e.block.headerBackgroundColor || g("#f2f2f2"),
-				placeholder: g(o).table.noHeaderBg,
-				"onUpdate:modelValue": n[3] ||= (e) => c("headerBackgroundColor", e || null)
-			}, null, 8, ["model-value", "placeholder"])])) : h("", !0),
-			S("div", io, [S("label", { class: x(g(G)) }, f(g(o).table.borderColor), 3), k(J, {
-				"model-value": e.block.borderColor,
-				"onUpdate:modelValue": n[4] ||= (e) => c("borderColor", e)
-			}, null, 8, ["model-value"])]),
-			S("div", ao, [S("label", { class: x(g(G)) }, f(g(o).table.borderWidth), 3), S("div", oo, [S("input", {
-				type: "number",
-				class: x(g(q)),
-				value: e.block.borderWidth,
-				min: "0",
-				max: "10",
-				onInput: n[5] ||= (e) => c("borderWidth", Number(e.target.value))
-			}, null, 42, so), S("span", { class: x(g(K)) }, "px", 2)])]),
-			S("div", co, [S("label", { class: x(g(G)) }, f(g(o).table.cellPadding), 3), S("div", lo, [S("input", {
-				type: "number",
-				class: x(g(q)),
-				value: e.block.cellPadding,
-				min: "0",
-				max: "30",
-				onInput: n[6] ||= (e) => c("cellPadding", Number(e.target.value))
-			}, null, 42, uo), S("span", { class: x(g(K)) }, "px", 2)])]),
-			S("div", fo, [S("label", { class: x(g(G)) }, f(g(o).table.fontFamily), 3), S("select", {
-				class: x(g(W)),
-				value: e.block.fontFamily || "",
-				onChange: n[7] ||= (e) => c("fontFamily", e.target.value || void 0)
-			}, [S("option", mo, f(g(o).title.inheritFont), 1), (r(!0), m(E, null, a(e.fontFamilies, (e) => (r(), m("option", {
-				key: e.value,
-				value: e.value
-			}, f(e.label), 9, ho))), 128))], 42, po)]),
-			S("div", go, [S("label", { class: x(g(G)) }, f(g(o).table.fontSize), 3), S("div", _o, [S("input", {
-				type: "number",
-				class: x(g(q)),
-				value: e.block.fontSize,
-				min: "10",
-				max: "32",
-				onInput: n[8] ||= (e) => c("fontSize", Number(e.target.value))
-			}, null, 42, vo), S("span", { class: x(g(K)) }, "px", 2)])]),
-			S("div", yo, [S("label", { class: x(g(G)) }, f(g(o).table.color), 3), k(J, {
-				"model-value": e.block.color,
-				"onUpdate:modelValue": n[9] ||= (e) => c("color", e)
-			}, null, 8, ["model-value"])]),
-			S("div", bo, [S("label", { class: x(g(G)) }, f(g(o).table.textAlign), 3), k(X, {
-				options: [
-					{
-						value: "left",
-						label: g(o).title.alignLeft,
-						icon: g(lt)
-					},
-					{
-						value: "center",
-						label: g(o).title.alignCenter,
-						icon: g(nt)
-					},
-					{
-						value: "right",
-						label: g(o).title.alignRight,
-						icon: g(ut)
-					}
-				],
-				"model-value": e.block.textAlign,
-				"onUpdate:modelValue": n[10] ||= (e) => c("textAlign", e)
-			}, null, 8, ["options", "model-value"])])
-		], 64));
-	}
-}), So = { class: "tpl:mb-3.5" }, Co = ["value"], wo = { value: 1 }, To = { value: 2 }, Eo = { value: 3 }, Do = { value: 4 }, Oo = { class: "tpl:mb-3.5" }, ko = ["value"], Ao = { value: "" }, jo = ["value"], Mo = { class: "tpl:mb-3.5" }, No = { class: "tpl:mb-3.5" }, Po = /* @__PURE__ */ O({
-	__name: "TitleToolbar",
-	props: {
-		block: {},
-		fontFamilies: {}
-	},
-	emits: ["update"],
-	setup(e, { emit: t }) {
-		let n = t, { t: i } = R();
-		function o(e, t) {
-			n("update", { [e]: t });
-		}
-		return (t, n) => (r(), m(E, null, [
-			S("div", So, [S("label", { class: x(g(G)) }, f(g(i).title.level), 3), S("select", {
-				class: x(g(W)),
-				value: e.block.level,
-				onChange: n[0] ||= (e) => o("level", Number(e.target.value))
-			}, [
-				S("option", wo, f(g(i).title.heading1), 1),
-				S("option", To, f(g(i).title.heading2), 1),
-				S("option", Eo, f(g(i).title.heading3), 1),
-				S("option", Do, f(g(i).title.heading4), 1)
-			], 42, Co)]),
-			S("div", Oo, [S("label", { class: x(g(G)) }, f(g(i).title.fontFamily), 3), S("select", {
-				class: x(g(W)),
-				value: e.block.fontFamily || "",
-				onChange: n[1] ||= (e) => o("fontFamily", e.target.value || void 0)
-			}, [S("option", Ao, f(g(i).title.inheritFont), 1), (r(!0), m(E, null, a(e.fontFamilies, (e) => (r(), m("option", {
-				key: e.value,
-				value: e.value
-			}, f(e.label), 9, jo))), 128))], 42, ko)]),
-			S("div", Mo, [S("label", { class: x(g(G)) }, f(g(i).title.color), 3), k(J, {
-				"model-value": e.block.color,
-				"onUpdate:modelValue": n[2] ||= (e) => o("color", e)
-			}, null, 8, ["model-value"])]),
-			S("div", No, [S("label", { class: x(g(G)) }, f(g(i).title.align), 3), k(X, {
-				options: [
-					{
-						value: "left",
-						label: g(i).title.alignLeft,
-						icon: g(lt)
-					},
-					{
-						value: "center",
-						label: g(i).title.alignCenter,
-						icon: g(nt)
-					},
-					{
-						value: "right",
-						label: g(i).title.alignRight,
-						icon: g(ut)
-					}
-				],
-				"model-value": e.block.textAlign,
-				"onUpdate:modelValue": n[3] ||= (e) => o("textAlign", e)
-			}, null, 8, ["options", "model-value"])])
-		], 64));
-	}
-}), Fo = { class: "tpl:mb-3.5" }, Io = {
-	key: 0,
-	class: "tpl:mt-2 tpl:flex tpl:cursor-pointer tpl:items-center tpl:gap-2 tpl:text-[12px] tpl:text-[var(--tpl-text-muted)]"
-}, Lo = ["checked"], Ro = {
-	key: 0,
-	class: "tpl:mb-3.5"
-}, zo = { class: "tpl:font-normal tpl:text-[var(--tpl-text-dim)]" }, Bo = [
-	"value",
-	"placeholder",
-	"title"
-], Vo = { class: "tpl:mb-3.5" }, Ho = { class: "tpl:font-normal tpl:text-[var(--tpl-text-dim)]" }, Uo = { class: "tpl:mb-3.5" }, Wo = { class: "tpl:mb-3.5" }, Go = ["value"], Ko = { value: "full" }, qo = { class: "tpl:mb-3.5" }, Jo = /* @__PURE__ */ O({
-	__name: "VideoToolbar",
-	props: { block: {} },
-	emits: ["update"],
-	setup(e, { emit: t }) {
-		let n = e, i = t, { t: a } = R(), s = o(z, null), c = o(Se, Ne.liquid), u = p(() => !!s), d = p(() => Me(n.block.url, c)), _ = l(!1), { start: v } = Be(() => {
-			_.value = !1;
-		}, 1e3, { immediate: !1 });
-		function y(e, t) {
-			i("update", { [e]: t });
-		}
-		async function b() {
-			let e = await s?.({ accept: ["images"] });
-			e && (y("thumbnailUrl", e.url), _.value = !0, v());
-		}
-		return (t, n) => (r(), m(E, null, [
-			S("div", Fo, [
-				S("label", { class: x(g(G)) }, f(g(a).video.videoUrl), 3),
-				k(Z, {
-					"model-value": e.block.url,
-					type: "url",
-					placeholder: g(a).video.videoUrlPlaceholder,
-					"onUpdate:modelValue": n[0] ||= (e) => y("url", e)
-				}, null, 8, ["model-value", "placeholder"]),
-				e.block.url ? (r(), m("label", Io, [S("input", {
-					type: "checkbox",
-					class: "tpl:size-3.5 tpl:cursor-pointer tpl:accent-[var(--tpl-primary)]",
-					checked: e.block.openInNewTab ?? !1,
-					onChange: n[1] ||= (e) => y("openInNewTab", e.target.checked)
-				}, null, 40, Lo), D(" " + f(g(a).video.openInNewTab), 1)])) : h("", !0)
-			]),
-			d.value ? (r(), m("div", Ro, [S("label", { class: x(g(G)) }, [D(f(g(a).video.placeholderUrl) + " ", 1), S("span", zo, f(g(a).video.optional), 1)], 2), S("input", {
-				type: "url",
-				class: x(g(W)),
-				value: e.block.placeholderUrl || "",
-				placeholder: g(a).video.placeholderUrlPlaceholder,
-				title: g(a).video.placeholderUrlTooltip,
-				onInput: n[2] ||= (e) => y("placeholderUrl", e.target.value)
-			}, null, 42, Bo)])) : h("", !0),
-			S("div", Vo, [
-				S("label", { class: x(g(G)) }, [D(f(g(a).video.customThumbnail) + " ", 1), S("span", Ho, f(g(a).video.optional), 1)], 2),
-				k(Z, {
-					"model-value": e.block.thumbnailUrl,
-					type: "url",
-					placeholder: g(a).video.thumbnailPlaceholder,
-					pulse: _.value,
-					"onUpdate:modelValue": n[3] ||= (e) => y("thumbnailUrl", e)
-				}, null, 8, [
-					"model-value",
-					"placeholder",
-					"pulse"
-				]),
-				u.value ? (r(), m("button", {
-					key: 0,
-					class: "tpl:mt-2 tpl:flex tpl:w-full tpl:items-center tpl:justify-center tpl:gap-1.5 tpl:rounded-md tpl:border tpl:px-3 tpl:py-2 tpl:text-xs tpl:font-medium tpl:transition-all tpl:duration-150",
-					style: {
-						"border-color": "var(--tpl-border)",
-						color: "var(--tpl-primary)",
-						"background-color": "var(--tpl-bg)"
-					},
-					onClick: b
-				}, [k(g(Ge), {
-					size: 14,
-					"stroke-width": 1.5
-				}), D(" " + f(g(a).image.browseMedia), 1)])) : h("", !0)
-			]),
-			S("div", Uo, [S("label", { class: x(g(G)) }, f(g(a).video.altText), 3), k(Z, {
-				"model-value": e.block.alt,
-				type: "text",
-				placeholder: g(a).video.altTextPlaceholder,
-				"onUpdate:modelValue": n[4] ||= (e) => y("alt", e)
-			}, null, 8, ["model-value", "placeholder"])]),
-			S("div", Wo, [S("label", { class: x(g(G)) }, f(g(a).video.width), 3), S("select", {
-				class: x(g(W)),
-				value: e.block.width,
-				onChange: n[5] ||= (e) => y("width", e.target.value === "full" ? "full" : Number(e.target.value))
-			}, [
-				S("option", Ko, f(g(a).video.fullWidth), 1),
-				n[7] ||= S("option", { value: "300" }, "300px", -1),
-				n[8] ||= S("option", { value: "400" }, "400px", -1),
-				n[9] ||= S("option", { value: "500" }, "500px", -1)
-			], 42, Go)]),
-			S("div", qo, [S("label", { class: x(g(G)) }, f(g(a).title.align), 3), k(X, {
-				options: [
-					{
-						value: "left",
-						label: g(a).title.alignLeft
-					},
-					{
-						value: "center",
-						label: g(a).title.alignCenter
-					},
-					{
-						value: "right",
-						label: g(a).title.alignRight
-					}
-				],
-				"model-value": e.block.align,
-				"onUpdate:modelValue": n[6] ||= (e) => y("align", e)
-			}, null, 8, ["options", "model-value"])])
-		], 64));
-	}
-}), Yo = ["aria-label"], Xo = { class: "tpl:flex tpl:items-center tpl:justify-between tpl:border-b tpl:border-[var(--tpl-border)] tpl:px-4 tpl:py-3.5" }, Zo = { class: "tpl:flex tpl:items-center tpl:gap-2 tpl:text-[var(--tpl-primary)]" }, Qo = { class: "tpl:m-0 tpl:text-sm tpl:font-semibold tpl:text-[var(--tpl-text)]" }, $o = { class: "tpl:flex tpl:gap-1" }, es = ["title"], ts = ["title"], ns = { class: "tpl:flex-1 tpl:overflow-y-auto tpl:p-4" }, rs = /* @__PURE__ */ B(/* @__PURE__ */ O({
-	__name: "Toolbar",
-	props: { block: {} },
-	emits: [
-		"update",
-		"delete",
-		"duplicate"
-	],
-	setup(e, { emit: t }) {
-		let i = u(() => import("./CountdownToolbar-DltwuOer.js")), a = e, s = t, { t: c } = R(), l = ze(L, "Toolbar"), d = o(F, []), _ = p(() => a.block.type), y = p(() => M(a.block)), b = p(() => {
-			if (y.value) return d.find((e) => e.type === a.block.customType);
-		}), x = p(() => y.value ? b.value?.name ?? a.block.customType : de(_.value, c)), C = l.fonts;
-		function w(e) {
-			s("update", e);
-		}
-		return (t, a) => (r(), m("aside", {
-			"aria-label": g(c).landmarks.blockToolbar,
-			class: "tpl:flex tpl:w-full tpl:flex-1 tpl:flex-col tpl:bg-[var(--tpl-bg-elevated)]"
-		}, [S("div", Xo, [S("div", Zo, [g(gt)[_.value] ? (r(), v(n(g(gt)[_.value]), {
-			key: 0,
-			size: 16,
-			"stroke-width": 1.5
-		})) : y.value ? (r(), v(g(He), {
-			key: 1,
-			size: 16,
-			"stroke-width": 1.5
-		})) : h("", !0), S("h3", Qo, f(x.value), 1)]), S("div", $o, [S("button", {
-			class: "tpl:flex tpl:size-7 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded-md tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg-hover)] tpl:text-[var(--tpl-text-muted)] tpl:transition-all tpl:duration-150 tpl:hover:bg-[var(--tpl-bg-active)] tpl:hover:text-[var(--tpl-text)]",
-			title: g(c).toolbar.duplicate,
-			onClick: a[0] ||= (e) => s("duplicate")
-		}, [k(g(te), {
-			size: 14,
-			"stroke-width": 2
-		})], 8, es), S("button", {
-			class: "tpl:flex tpl:size-7 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded-md tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg-hover)] tpl:text-[var(--tpl-text-muted)] tpl:transition-all tpl:duration-150 tpl:hover:border-[var(--tpl-danger)] tpl:hover:bg-[var(--tpl-danger-light)] tpl:hover:text-[var(--tpl-danger)]",
-			title: g(c).toolbar.delete,
-			onClick: a[1] ||= (e) => s("delete")
-		}, [k(g(Re), {
-			size: 14,
-			"stroke-width": 2
-		})], 8, ts)])]), S("div", ns, [y.value ? (r(), v(Ai, {
-			key: 0,
-			block: e.block,
-			onUpdateFieldValues: a[2] ||= (e) => s("update", { fieldValues: e }),
-			onUpdateDataSourceFetched: a[3] ||= (e) => s("update", { dataSourceFetched: e })
-		}, null, 8, ["block"])) : _.value === "section" ? (r(), v(_a, {
-			key: 1,
-			block: e.block,
-			onUpdate: w
-		}, null, 8, ["block"])) : _.value === "title" ? (r(), v(Po, {
-			key: 2,
-			block: e.block,
-			"font-families": g(C),
-			onUpdate: w
-		}, null, 8, ["block", "font-families"])) : _.value === "paragraph" ? (r(), m(E, { key: 3 }, [], 64)) : _.value === "image" ? (r(), v(ta, {
-			key: 4,
-			block: e.block,
-			onUpdate: w
-		}, null, 8, ["block"])) : _.value === "video" ? (r(), v(Jo, {
-			key: 5,
-			block: e.block,
-			onUpdate: w
-		}, null, 8, ["block"])) : _.value === "button" ? (r(), v(tr, {
-			key: 6,
-			block: e.block,
-			"font-families": g(C),
-			onUpdate: w
-		}, null, 8, ["block", "font-families"])) : _.value === "divider" ? (r(), v(Ii, {
-			key: 7,
-			block: e.block,
-			onUpdate: w
-		}, null, 8, ["block"])) : _.value === "social" ? (r(), v(Ia, {
-			key: 8,
-			block: e.block,
-			onUpdate: w
-		}, null, 8, ["block"])) : _.value === "menu" ? (r(), v(pa, {
-			key: 9,
-			block: e.block,
-			"font-families": g(C),
-			onUpdate: w
-		}, null, 8, ["block", "font-families"])) : _.value === "table" ? (r(), v(xo, {
-			key: 10,
-			block: e.block,
-			"font-families": g(C),
-			onUpdate: w
-		}, null, 8, ["block", "font-families"])) : _.value === "spacer" ? (r(), v(Va, {
-			key: 11,
-			block: e.block,
-			onUpdate: w
-		}, null, 8, ["block"])) : _.value === "html" ? (r(), v(Bi, {
-			key: 12,
-			block: e.block,
-			onUpdate: w
-		}, null, 8, ["block"])) : _.value === "countdown" ? (r(), v(g(i), {
-			key: 13,
-			block: e.block,
-			"font-families": g(C),
-			onUpdate: w
-		}, null, 8, ["block", "font-families"])) : h("", !0), k(qr, {
-			block: e.block,
-			"is-first-section": _.value === "paragraph",
-			onUpdate: w
-		}, null, 8, ["block", "is-first-section"])])], 8, Yo));
-	}
-}), [["__scopeId", "data-v-2ac88283"]]), is = ["aria-label"], as = {
-	role: "tablist",
-	class: "tpl:relative tpl:flex tpl:gap-1 tpl:border-b tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg-active)] tpl:p-1.5"
-}, os = [
-	"aria-selected",
-	"aria-label",
-	"title"
-], ss = { key: 0 }, cs = [
-	"aria-selected",
-	"aria-label",
-	"title"
-], ls = { key: 0 }, us = [
-	"aria-selected",
-	"aria-label",
-	"title"
-], ds = { key: 0 }, fs = {
-	key: 1,
-	class: "tpl:ml-1 tpl:rounded-full tpl:bg-[var(--tpl-bg-hover)] tpl:px-1.5 tpl:text-[10px]"
-}, ps = {
-	key: 0,
-	id: "tpl-tabpanel-content",
-	role: "tabpanel",
-	"aria-labelledby": "tpl-tab-content",
-	class: "tpl:flex tpl:flex-1 tpl:flex-col tpl:overflow-y-auto"
-}, ms = {
-	key: 1,
-	class: "tpl:flex tpl:flex-col tpl:items-center tpl:justify-center tpl:px-6 tpl:py-10 tpl:text-center tpl:text-[var(--tpl-text-muted)]"
-}, hs = { class: "tpl:mb-4 tpl:text-[var(--tpl-text-dim)]" }, gs = { class: "tpl:m-0 tpl:mb-2 tpl:text-sm tpl:font-semibold tpl:text-[var(--tpl-text)]" }, _s = { class: "tpl:m-0 tpl:text-sm tpl:leading-normal" }, vs = {
-	key: 1,
-	id: "tpl-tabpanel-settings",
-	role: "tabpanel",
-	"aria-labelledby": "tpl-tab-settings",
-	class: "tpl:flex tpl:flex-1 tpl:flex-col tpl:overflow-y-auto"
-}, ys = {
-	key: 2,
-	id: "tpl-tabpanel-accessibility",
-	role: "tabpanel",
-	"aria-labelledby": "tpl-tab-accessibility",
-	class: "tpl:flex tpl:flex-1 tpl:flex-col tpl:overflow-y-auto"
-}, bs = /* @__PURE__ */ O({
-	__name: "RightSidebar",
-	props: {
-		selectedBlock: {},
-		settings: {},
-		shiftedLeft: { type: Boolean }
-	},
-	emits: [
-		"update-block",
-		"delete-block",
-		"duplicate-block",
-		"update-settings"
-	],
-	setup(e, { emit: t }) {
-		let n = u(() => import("./AccessibilityPanel-kgNBRaZV.js")), i = e, a = t, { t: s } = R(), c = l("content"), d = o(ne, null), _ = p(() => d !== null), y = p(() => d?.issues.value.length ?? 0);
-		function b(e) {
-			return c.value === e ? "tpl:flex-1 tpl:text-[var(--tpl-primary)]" : "tpl:shrink-0 tpl:text-[var(--tpl-text-muted)] hover:tpl:text-[var(--tpl-text)]";
-		}
-		function C(e) {
-			return c.value === e ? {
-				backgroundColor: "var(--tpl-bg)",
-				boxShadow: "var(--tpl-shadow-md)"
-			} : { backgroundColor: "transparent" };
-		}
-		return A(() => i.selectedBlock, (e) => {
-			e && (c.value = "content");
-		}), (t, i) => (r(), m("aside", {
-			"aria-label": g(s).landmarks.rightSidebar,
-			class: x(["tpl-right-sidebar tpl:absolute tpl:top-14 tpl:bottom-0 tpl:z-40 tpl:flex tpl:w-[320px] tpl:flex-col tpl:bg-[var(--tpl-bg-elevated)] tpl:transition-all tpl:duration-200 tpl:border-l tpl:border-[var(--tpl-border)]", e.shiftedLeft ? "tpl:right-[360px]" : "tpl:right-0"])
-		}, [
-			S("div", as, [
-				S("button", {
-					id: "tpl-tab-content",
-					role: "tab",
-					"aria-selected": c.value === "content",
-					"aria-controls": "tpl-tabpanel-content",
-					"aria-label": g(s).sidebar.content,
-					title: g(s).sidebar.content,
-					class: x(["tpl:flex tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:gap-1.5 tpl:rounded-[var(--tpl-radius-sm)] tpl:border-none tpl:px-3 tpl:py-2 tpl:text-xs tpl:font-medium tpl:transition-all tpl:duration-[120ms] tpl:ease-[cubic-bezier(0.16,1,0.3,1)]", b("content")]),
-					style: w(C("content")),
-					onClick: i[0] ||= (e) => c.value = "content"
-				}, [k(g(st), {
-					size: 14,
-					"stroke-width": 2
-				}), c.value === "content" ? (r(), m("span", ss, f(g(s).sidebar.content), 1)) : h("", !0)], 14, os),
-				S("button", {
-					id: "tpl-tab-settings",
-					role: "tab",
-					"aria-selected": c.value === "settings",
-					"aria-controls": "tpl-tabpanel-settings",
-					"aria-label": g(s).sidebar.settings,
-					title: g(s).sidebar.settings,
-					class: x(["tpl:flex tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:gap-1.5 tpl:rounded-[var(--tpl-radius-sm)] tpl:border-none tpl:px-3 tpl:py-2 tpl:text-xs tpl:font-medium tpl:transition-all tpl:duration-[120ms] tpl:ease-[cubic-bezier(0.16,1,0.3,1)]", b("settings")]),
-					style: w(C("settings")),
-					onClick: i[1] ||= (e) => c.value = "settings"
-				}, [k(g(pt), {
-					size: 14,
-					"stroke-width": 1.5
-				}), c.value === "settings" ? (r(), m("span", ls, f(g(s).sidebar.settings), 1)) : h("", !0)], 14, cs),
-				_.value ? (r(), m("button", {
-					key: 0,
-					id: "tpl-tab-accessibility",
-					role: "tab",
-					"aria-selected": c.value === "accessibility",
-					"aria-controls": "tpl-tabpanel-accessibility",
-					"aria-label": g(s).accessibility.panelTabLabel,
-					title: g(s).accessibility.panelTabLabel,
-					class: x(["tpl:flex tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:gap-1.5 tpl:rounded-[var(--tpl-radius-sm)] tpl:border-none tpl:px-3 tpl:py-2 tpl:text-xs tpl:font-medium tpl:transition-all tpl:duration-[120ms] tpl:ease-[cubic-bezier(0.16,1,0.3,1)]", b("accessibility")]),
-					style: w(C("accessibility")),
-					onClick: i[2] ||= (e) => c.value = "accessibility"
-				}, [
-					k(g($e), {
-						size: 14,
-						"stroke-width": 1.5
-					}),
-					c.value === "accessibility" ? (r(), m("span", ds, f(g(s).accessibility.panelTabLabel), 1)) : h("", !0),
-					y.value > 0 ? (r(), m("span", fs, f(y.value), 1)) : h("", !0)
-				], 14, us)) : h("", !0)
-			]),
-			c.value === "content" ? (r(), m("div", ps, [e.selectedBlock ? (r(), v(rs, {
-				key: 0,
-				block: e.selectedBlock,
-				onUpdate: i[3] ||= (e) => a("update-block", e),
-				onDelete: i[4] ||= (e) => a("delete-block"),
-				onDuplicate: i[5] ||= (e) => a("duplicate-block")
-			}, null, 8, ["block"])) : (r(), m("div", ms, [
-				S("div", hs, [k(g(et), {
-					size: 40,
-					"stroke-width": 1.5
-				})]),
-				S("h3", gs, f(g(s).sidebar.noSelection), 1),
-				S("p", _s, f(g(s).sidebar.noSelectionHint), 1)
-			]))])) : h("", !0),
-			c.value === "settings" ? (r(), m("div", vs, [k(Mn, {
-				settings: e.settings,
-				onUpdate: i[6] ||= (e) => a("update-settings", e)
-			}, null, 8, ["settings"])])) : h("", !0),
-			c.value === "accessibility" && _.value ? (r(), m("div", ys, [k(g(n))])) : h("", !0)
-		], 10, is));
-	}
-}), xs = ["aria-label"], Ss = [
-	"aria-checked",
-	"aria-label",
-	"title",
-	"onClick"
-], Cs = /* @__PURE__ */ O({
-	__name: "ViewportToggle",
-	props: { viewport: {} },
-	emits: ["change"],
-	setup(e, { emit: t }) {
-		let n = e, i = t, { t: o } = R(), s = p(() => [
-			{
-				value: "desktop",
-				label: o.viewport.desktop
-			},
-			{
-				value: "tablet",
-				label: o.viewport.tablet
-			},
-			{
-				value: "mobile",
-				label: o.viewport.mobile
-			}
-		]), c = p(() => `translateX(${s.value.findIndex((e) => e.value === n.viewport) * 100}%)`);
-		return (t, n) => (r(), m("div", {
-			role: "radiogroup",
-			"aria-label": g(o).viewport.label,
-			class: "tpl:relative tpl:grid tpl:rounded-[var(--tpl-radius-sm)] tpl:p-1",
-			style: w({
-				gridTemplateColumns: `repeat(${s.value.length}, 1fr)`,
-				backgroundColor: "var(--tpl-bg-hover)"
-			})
-		}, [S("div", {
-			class: "tpl:absolute tpl:inset-y-1 tpl:rounded-[var(--tpl-radius-sm)]",
-			style: w({
-				left: "4px",
-				width: `calc((100% - 8px) / ${s.value.length})`,
-				transform: c.value,
-				backgroundColor: "var(--tpl-bg)",
-				boxShadow: "var(--tpl-shadow)",
-				transition: "transform 120ms cubic-bezier(0.16, 1, 0.3, 1)"
-			})
-		}, null, 4), (r(!0), m(E, null, a(s.value, (t) => (r(), m("button", {
-			key: t.value,
-			role: "radio",
-			"aria-checked": e.viewport === t.value,
-			"aria-label": t.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: w({
-				color: e.viewport === t.value ? "var(--tpl-primary)" : "var(--tpl-text-muted)",
-				transition: "color 120ms cubic-bezier(0.16, 1, 0.3, 1)"
-			}),
-			title: t.label,
-			onClick: (e) => i("change", t.value)
-		}, [t.value === "desktop" ? (r(), v(g(Qe), {
-			key: 0,
-			size: 18,
-			"stroke-width": 1.5
-		})) : t.value === "tablet" ? (r(), v(g(ct), {
-			key: 1,
-			size: 18,
-			"stroke-width": 1.5
-		})) : (r(), v(g(dt), {
-			key: 2,
-			size: 18,
-			"stroke-width": 1.5
-		})), S("span", null, f(t.label), 1)], 12, Ss))), 128))], 12, xs));
-	}
-}), ws = [
-	"aria-label",
-	"title",
-	"aria-pressed"
-], Ts = /* @__PURE__ */ B(/* @__PURE__ */ O({
-	__name: "PreviewToggle",
-	props: { previewMode: { type: Boolean } },
-	emits: ["change"],
-	setup(e, { emit: t }) {
-		let n = t, { t: i } = R();
-		return (t, a) => (r(), m("button", {
-			class: "tpl-preview-toggle tpl:relative tpl:flex tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded-[var(--tpl-radius-sm)] tpl:border-none tpl:p-2 tpl:transition-all tpl:duration-150",
-			style: w({
-				color: e.previewMode ? "var(--tpl-primary)" : "var(--tpl-text-muted)",
-				backgroundColor: e.previewMode ? "var(--tpl-primary-light)" : "transparent"
-			}),
-			"aria-label": e.previewMode ? g(i).previewMode.disable : g(i).previewMode.enable,
-			title: e.previewMode ? g(i).previewMode.disable : g(i).previewMode.enable,
-			"aria-pressed": e.previewMode,
-			onClick: a[0] ||= (t) => n("change", !e.previewMode)
-		}, [k(y, {
-			"enter-active-class": "tpl-icon-enter-active",
-			"leave-active-class": "tpl-icon-leave-active",
-			"enter-from-class": "tpl-icon-enter-from",
-			"leave-to-class": "tpl-icon-leave-to",
-			mode: "out-in"
-		}, {
-			default: s(() => [e.previewMode ? (r(), v(g(Ue), {
-				key: "eye",
-				size: 18,
-				"stroke-width": 1.5
-			})) : (r(), v(g(ge), {
-				key: "eye-off",
-				size: 18,
-				"stroke-width": 1.5
-			}))]),
-			_: 1
-		})], 12, ws));
-	}
-}), [["__scopeId", "data-v-af87d02a"]]), Es = [
-	"aria-label",
-	"title",
-	"aria-pressed"
-], Ds = /* @__PURE__ */ B(/* @__PURE__ */ O({
-	__name: "DarkModeToggle",
-	props: { darkMode: { type: Boolean } },
-	emits: ["change"],
-	setup(e, { emit: t }) {
-		let n = t, { t: i } = R();
-		return (t, a) => (r(), m("button", {
-			class: "tpl-dark-mode-toggle tpl:relative tpl:flex tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded-[var(--tpl-radius-sm)] tpl:border-none tpl:p-2 tpl:transition-all tpl:duration-150",
-			style: w({
-				color: e.darkMode ? "var(--tpl-primary)" : "var(--tpl-text-muted)",
-				backgroundColor: e.darkMode ? "var(--tpl-primary-light)" : "transparent"
-			}),
-			"aria-label": e.darkMode ? g(i).darkMode.disable : g(i).darkMode.enable,
-			title: e.darkMode ? g(i).darkMode.disable : g(i).darkMode.enable,
-			"aria-pressed": e.darkMode,
-			onClick: a[0] ||= (t) => n("change", !e.darkMode)
-		}, [k(y, {
-			"enter-active-class": "tpl-icon-enter-active",
-			"leave-active-class": "tpl-icon-leave-active",
-			"enter-from-class": "tpl-icon-enter-from",
-			"leave-to-class": "tpl-icon-leave-to",
-			mode: "out-in"
-		}, {
-			default: s(() => [e.darkMode ? (r(), v(g(Ze), {
-				key: "moon",
-				size: 18,
-				"stroke-width": 1.5
-			})) : (r(), v(g(rt), {
-				key: "sun",
-				size: 18,
-				"stroke-width": 1.5
-			}))]),
-			_: 1
-		})], 12, Es));
-	}
-}), [["__scopeId", "data-v-f8694f76"]]), Os = {
-	class: "tpl:pointer-events-auto tpl:flex tpl:items-center tpl:gap-1.5 tpl:rounded-tl-lg tpl:p-1",
-	style: {
-		"background-color": "color-mix(\n          in srgb,\n          var(--tpl-canvas-bg) 85%,\n          transparent\n        )",
-		"backdrop-filter": "blur(8px)",
-		"-webkit-backdrop-filter": "blur(8px)"
-	}
-}, ks = {
-	href: "https://github.com/templatical/sdk",
-	target: "_blank",
-	rel: "noopener noreferrer",
-	class: "tpl:transition-colors tpl:duration-150 hover:tpl:opacity-80 tpl:text-[var(--tpl-text-dim)]",
-	style: { "text-decoration": "none" }
-}, As = /* @__PURE__ */ O({
-	__name: "EditorFooter",
-	props: { positionClass: {} },
-	setup(e) {
-		let { t } = R();
-		return (n, i) => (r(), m("footer", { class: x(["tpl:pointer-events-none tpl:absolute tpl:bottom-0 tpl:z-50 tpl:flex tpl:h-8 tpl:items-center tpl:justify-end tpl:pr-4 tpl:text-[9px] tpl:opacity-90 tpl:transition-all tpl:duration-300 tpl:text-[var(--tpl-text-dim)]", e.positionClass]) }, [S("div", Os, [
-			S("span", null, f(g(t).footer.poweredBy), 1),
-			i[0] ||= S("a", {
-				href: "https://templatical.com",
-				target: "_blank",
-				rel: "noopener noreferrer",
-				class: "tpl:inline-flex tpl:items-center tpl:gap-1 tpl:font-medium tpl:transition-colors tpl:duration-150 hover:tpl:opacity-80 tpl:text-[var(--tpl-text-muted)]",
-				style: { "text-decoration": "none" }
-			}, [S("img", {
-				width: "14",
-				height: "14",
-				src: "https://templatical.com/logo.svg",
-				alt: ""
-			}), D(" Templatical ")], -1),
-			i[1] ||= S("span", { class: "tpl:text-[var(--tpl-border)]" }, "·", -1),
-			S("a", ks, f(g(t).footer.openSource), 1)
-		])], 2));
-	}
-});
-//#endregion
-export { bs as a, Ct as c, Cs as i, Ds as n, Ht as o, Ts as r, Nt as s, As as t };
-
-//# sourceMappingURL=styles-lcwmaOou.js.map