@templatical/editor 0.26.2 → 0.27.0

package/dist/styles-BK36D1sy.js

@@ -1,4318 +0,0 @@
-import { A as e, Dt as t, Et as n, H as r, I as i, K as a, N as o, O as s, Ot as c, R as l, W as u, Y as d, _ as f, c as p, d as m, g as h, h as g, j as _, k as v, l as y, m as b, nt as x, q as S, r as C, s as w, u as T, w as E, x as D, y as O, z as k } from "./vue.runtime.esm-bundler-D1diBMsm.js";
-import { a as A, c as j, o as M, s as N, t as P } from "./runtime-dom.esm-bundler-CepEmvwF.js";
-import { t as F } from "./upload-sVqqppuv.js";
-import { A as ee, E as I, M as L, N as R, T as z, a as B, c as V, f as te, k as ne, l as re, s as ie } from "./dist-B1kLn1rs.js";
-import { B as ae, F as oe, I as H, J as se, K as ce, L as le, N as ue, U as de, V as fe, _ as pe, a as me, b as he, c as ge, f as _e, g as ve, h as ye, i as be, k as xe, l as Se, m as Ce, n as we, o as Te, p as Ee, r as De, s as Oe, u as ke, v as Ae, w as je, y as Me, z as Ne } from "./useEditorCore-idmPLUeb.js";
-import { c as Pe, m as Fe } from "./dist-BpKxrUi2.js";
-import { a as Ie, n as Le } from "./usePopoverPosition-C0dPEF4X.js";
-import { A as Re, B as ze, G as Be, H as Ve, I as He, M as Ue, O as We, P as Ge, R as Ke, T as qe, U as Je, V as Ye, W as Xe, c as Ze, f as Qe, g as $e, h as et, k as tt, m as nt, n as rt, o as it, p as at, r as ot, s as st, u as ct, v as lt } from "./keys-fwF3qZax.js";
-import { t as U } from "./useI18n-DoVKdCTH.js";
-import { t as W } from "./createLucideIcon-C8WzBYCv.js";
-import { n as ut, t as dt } from "./scan-line-DwSVj25O.js";
-import { t as ft } from "./chevron-down-69EiBGoB.js";
-import { t as pt } from "./circle-alert-cilwzafX.js";
-import { i as mt, n as ht, r as gt, t as _t } from "./blockTypeIcons-2_85L_CL.js";
-import { n as vt, t as yt } from "./refresh-cw-CkOYVzK5.js";
-import { t as bt } from "./image-up-Ceggh_R3.js";
-import { t as xt } from "./info-DO5odBcZ.js";
-import { t as St } from "./list-checks-BSkPKbuI.js";
-import { t as Ct } from "./loader-circle-bO7o7_HD.js";
-import { i as wt, r as Tt } from "./MergeTagModeToggle-P-UguQHc.js";
-import { t as Et } from "./sparkles-DumaWRW-.js";
-import { n as Dt, r as Ot, t as kt } from "./text-align-start-Ir8Ah4mT.js";
-import { t as At } from "./trash-2-CklAFCmO.js";
-import { t as jt } from "./x-Mby7KlhS.js";
-import { t as Mt } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { t as Nt } from "./useCloudI18n-DKVm6PCa.js";
-import { t as Pt } from "./useMergeTag-CYZk7dZD.js";
-import { t as Ft } from "./useAliveFlag-cvyBxHp7.js";
-import { n as It, t as Lt } from "./emailFrameWidth-BmFCN2dp.js";
-import { t as Rt } from "./readableTextColor-f8Kykfnh.js";
-import { _ as zt, f as G, g as Bt, h as K, i as Vt, l as Ht, m as q, n as Ut, p as J, t as Y, u as Wt } from "./ColorPicker-ClETsjA3.js";
-import { n as Gt, r as Kt } from "./MergeTagSuggestion-BJ43ihWR.js";
-import { i as X, n as Z, r as Q, t as qt } from "./NumberWithSuffix-D37ZWiZh.js";
-import { t as Jt } from "./TplModal-DoneXIj_.js";
-var Yt = W("circle", [["circle", {
-	cx: "12",
-	cy: "12",
-	r: "10",
-	key: "1mglay"
-}]]), Xt = W("globe", [
-	["circle", {
-		cx: "12",
-		cy: "12",
-		r: "10",
-		key: "1mglay"
-	}],
-	["path", {
-		d: "M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20",
-		key: "13o1zl"
-	}],
-	["path", {
-		d: "M2 12h20",
-		key: "9i4pu4"
-	}]
-]), Zt = W("layout-template", [
-	["rect", {
-		width: "18",
-		height: "7",
-		x: "3",
-		y: "3",
-		rx: "1",
-		key: "f1a2em"
-	}],
-	["rect", {
-		width: "9",
-		height: "7",
-		x: "3",
-		y: "14",
-		rx: "1",
-		key: "jqznyg"
-	}],
-	["rect", {
-		width: "5",
-		height: "7",
-		x: "16",
-		y: "14",
-		rx: "1",
-		key: "q5h2i8"
-	}]
-]), Qt = W("lock-open", [["rect", {
-	width: "18",
-	height: "11",
-	x: "3",
-	y: "11",
-	rx: "2",
-	ry: "2",
-	key: "1w4ew1"
-}], ["path", {
-	d: "M7 11V7a5 5 0 0 1 9.9-1",
-	key: "1mm8w8"
-}]]), $t = W("lock", [["rect", {
-	width: "18",
-	height: "11",
-	x: "3",
-	y: "11",
-	rx: "2",
-	ry: "2",
-	key: "1w4ew1"
-}], ["path", {
-	d: "M7 11V7a5 5 0 0 1 10 0v4",
-	key: "fwvmzm"
-}]]), en = W("moon", [["path", {
-	d: "M20.985 12.486a9 9 0 1 1-9.473-9.472c.405-.022.617.46.402.803a6 6 0 0 0 8.268 8.268c.344-.215.825-.004.803.401",
-	key: "kfwtm"
-}]]), tn = W("panel-top", [["rect", {
-	width: "18",
-	height: "18",
-	x: "3",
-	y: "3",
-	rx: "2",
-	key: "afitv7"
-}], ["path", {
-	d: "M3 9h18",
-	key: "1pudct"
-}]]), nn = W("plus", [["path", {
-	d: "M5 12h14",
-	key: "1ays0h"
-}], ["path", {
-	d: "M12 5v14",
-	key: "s699le"
-}]]), rn = W("rotate-ccw", [["path", {
-	d: "M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8",
-	key: "1357e3"
-}], ["path", {
-	d: "M3 3v5h5",
-	key: "1xhq8a"
-}]]), an = W("settings", [["path", {
-	d: "M9.671 4.136a2.34 2.34 0 0 1 4.659 0 2.34 2.34 0 0 0 3.319 1.915 2.34 2.34 0 0 1 2.33 4.033 2.34 2.34 0 0 0 0 3.831 2.34 2.34 0 0 1-2.33 4.033 2.34 2.34 0 0 0-3.319 1.915 2.34 2.34 0 0 1-4.659 0 2.34 2.34 0 0 0-3.32-1.915 2.34 2.34 0 0 1-2.33-4.033 2.34 2.34 0 0 0 0-3.831A2.34 2.34 0 0 1 6.35 6.051a2.34 2.34 0 0 0 3.319-1.915",
-	key: "1i5ecw"
-}], ["circle", {
-	cx: "12",
-	cy: "12",
-	r: "3",
-	key: "1v7zrd"
-}]]), on = W("square-plus", [
-	["rect", {
-		width: "18",
-		height: "18",
-		x: "3",
-		y: "3",
-		rx: "2",
-		key: "afitv7"
-	}],
-	["path", {
-		d: "M8 12h8",
-		key: "1wcyev"
-	}],
-	["path", {
-		d: "M12 8v8",
-		key: "napkw2"
-	}]
-]), sn = W("square", [["rect", {
-	width: "18",
-	height: "18",
-	x: "3",
-	y: "3",
-	rx: "2",
-	key: "afitv7"
-}]]), cn = W("sun", [
-	["circle", {
-		cx: "12",
-		cy: "12",
-		r: "4",
-		key: "4exip2"
-	}],
-	["path", {
-		d: "M12 2v2",
-		key: "tus03m"
-	}],
-	["path", {
-		d: "M12 20v2",
-		key: "1lh1kg"
-	}],
-	["path", {
-		d: "m4.93 4.93 1.41 1.41",
-		key: "149t6j"
-	}],
-	["path", {
-		d: "m17.66 17.66 1.41 1.41",
-		key: "ptbguv"
-	}],
-	["path", {
-		d: "M2 12h2",
-		key: "1t8f8n"
-	}],
-	["path", {
-		d: "M20 12h2",
-		key: "1q8mjw"
-	}],
-	["path", {
-		d: "m6.34 17.66-1.41 1.41",
-		key: "1m8zz5"
-	}],
-	["path", {
-		d: "m19.07 4.93-1.41 1.41",
-		key: "1shlcs"
-	}]
-]);
-//#endregion
-//#region src/composables/useSavedBlocksFeature.ts
-function ln(e) {
-	let { provider: t, editor: n } = e, r = se({
-		provider: t,
-		onError: e.onError
-	}), a = d(!1), o = d(!1), s = d(!1), c = d(/* @__PURE__ */ new Set()), l = w(() => s.value), u = w(() => c.value.size);
-	function f(e) {
-		r.canCreate.value && (n.state.previewMode || (c.value = /* @__PURE__ */ new Set([e]), s.value = !0));
-	}
-	function p(e) {
-		if (!s.value) return;
-		let t = new Set(c.value);
-		t.has(e) ? t.delete(e) : t.add(e), c.value = t;
-	}
-	function m(e) {
-		return c.value.has(e);
-	}
-	function h() {
-		s.value = !1, c.value = /* @__PURE__ */ new Set();
-	}
-	function g() {
-		u.value !== 0 && (s.value = !1, a.value = !0, S());
-	}
-	function _() {
-		a.value = !1, c.value = /* @__PURE__ */ new Set();
-	}
-	i(() => n.state.previewMode, (e) => {
-		e && s.value && h();
-	});
-	function y() {
-		o.value = !0, S();
-	}
-	function b() {
-		o.value = !1;
-	}
-	function x(e, t) {
-		for (let r = 0; r < e.content.length; r++) {
-			let i = ie(e.content[r]), a = t === void 0 ? void 0 : t + r;
-			n.addBlock(i, void 0, void 0, a);
-		}
-		o.value = !1;
-	}
-	function S() {
-		r.load().catch(() => {});
-	}
-	let C = w(() => r.savedBlocks.value.length), T = w(() => e.isAvailable?.() ?? !0);
-	return v(Ke, r), {
-		headless: r,
-		isPicking: l,
-		pickedIds: c,
-		pickedCount: u,
-		startPicking: f,
-		togglePick: p,
-		isPicked: m,
-		confirmPicking: g,
-		cancelPicking: h,
-		isSaveDialogOpen: a,
-		closeSaveDialog: _,
-		isBrowserOpen: o,
-		openBrowser: y,
-		closeBrowser: b,
-		insert: x,
-		refresh: S,
-		capability: {
-			startPicking: f,
-			togglePick: p,
-			isPicked: m,
-			isPicking: l,
-			confirmPicking: g,
-			cancelPicking: h,
-			openBrowser: y,
-			count: C,
-			isAvailable: T,
-			canCreate: r.canCreate,
-			canUpdate: r.canUpdate,
-			canDelete: r.canDelete
-		},
-		count: C,
-		isAvailable: T
-	};
-}
-//#endregion
-//#region src/utils/toMjml.ts
-async function un() {
-	try {
-		return await import("@templatical/renderer");
-	} catch {
-		return null;
-	}
-}
-async function dn(e) {
-	let t = await un();
-	if (!t) throw Error("[Templatical] toMjml() requires the @templatical/renderer package. Please install it.");
-	let n = e.getCustomBlockStylesheet;
-	return t.renderToMjml(e.getContent(), {
-		renderCustomBlock: e.renderCustomBlock,
-		...n ? { getCustomBlockStylesheet: (e) => n(e) } : {}
-	});
-}
-//#endregion
-//#region src/composables/useTestEmailFeature.ts
-var fn = 1200;
-function pn(e) {
-	let { provider: t } = e, n = d(!1), r = d(!1), i = d(!1), o = d(null), s = null, c = !1;
-	function l() {
-		s !== null && (clearTimeout(s), s = null);
-	}
-	a(l);
-	let u = w(() => t.allowedRecipients), f = w(() => {
-		let e = t.defaultRecipient;
-		if (e === void 0) return;
-		let n = u.value;
-		if (!(n && !n.includes(e))) return e;
-	}), p = w(() => u.value?.length === 0 ? !1 : e.isAvailable?.() ?? !0);
-	function m() {
-		p.value && (o.value = null, i.value = !1, l(), n.value = !0);
-	}
-	function h() {
-		l(), n.value = !1, i.value = !1;
-	}
-	async function g() {
-		if (!(!t.includeMjml || !e.renderMjml)) try {
-			return await e.renderMjml();
-		} catch (e) {
-			if (await un() === null) {
-				c || (c = !0, fe.warn("testEmail.includeMjml is set but @templatical/renderer is not installed — sending the template as JSON only. Install it to receive `payload.mjml`."));
-				return;
-			}
-			throw e;
-		}
-	}
-	async function _(n) {
-		if (r.value) return;
-		let a = u.value;
-		if (a && !a.includes(n)) {
-			o.value = { kind: "recipientNotAllowed" };
-			return;
-		}
-		r.value = !0, o.value = null;
-		try {
-			let r = await g();
-			await t.send({
-				recipient: n,
-				content: e.getContent(),
-				...r === void 0 ? {} : { mjml: r },
-				...a === void 0 ? {} : { allowedRecipients: a }
-			}), i.value = !0, s = setTimeout(h, fn);
-		} catch (t) {
-			let n = t instanceof Error ? t : Error(String(t));
-			o.value = {
-				kind: "provider",
-				message: n.message
-			}, e.onError?.(n);
-		} finally {
-			r.value = !1;
-		}
-	}
-	return {
-		isModalOpen: n,
-		open: m,
-		close: h,
-		isSending: r,
-		justSent: i,
-		error: o,
-		send: _,
-		allowedRecipients: u,
-		defaultRecipient: f,
-		isAvailable: p,
-		capability: {
-			open: m,
-			isAvailable: p
-		}
-	};
-}
-//#endregion
-//#region src/utils/resolveLintOptions.ts
-function mn(e) {
-	return {
-		...e.lint,
-		locale: e.locale
-	};
-}
-//#endregion
-//#region src/components/Canvas.vue?vue&type=script&setup=true&lang.ts
-var hn = ["aria-label"], gn = {
-	key: 0,
-	role: "status",
-	"aria-busy": "true",
-	"data-testid": "preview-resolution-loading",
-	class: "tpl:flex tpl:flex-col tpl:gap-3 tpl:p-6"
-}, _n = { class: "tpl:sr-only" }, vn = {
-	key: 1,
-	role: "status",
-	"data-testid": "preview-resolution-failed",
-	class: "tpl:mx-6 tpl:mt-4 tpl:rounded-md tpl:px-3 tpl:py-2 tpl:text-xs tpl:text-[var(--tpl-text-muted)] tpl:bg-[var(--tpl-bg-hover)]"
-}, yn = {
-	key: 0,
-	class: "tpl-canvas-empty-content tpl:flex tpl:flex-col tpl:items-center"
-}, bn = { class: "tpl-canvas-empty-icon tpl:mb-4 tpl:text-[var(--tpl-primary)]" }, xn = { class: "tpl-canvas-empty-title tpl:m-0 tpl:mb-2 tpl:text-base tpl:font-semibold tpl:text-[var(--tpl-primary)]" }, Sn = { class: "tpl-canvas-empty-text tpl:m-0 tpl:text-sm tpl:text-[var(--tpl-text-dim)]" }, Cn = {
-	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)]"
-}, wn = {
-	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)]"
-}, Tn = { class: "tpl:relative" }, En = {
-	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                      )" }
-}, Dn = /*#__PURE__*/ Mt(/* @__PURE__ */ f({
-	__name: "Canvas",
-	props: {
-		viewport: {},
-		content: {},
-		selectedBlockId: {},
-		darkMode: { type: Boolean },
-		previewMode: { type: Boolean },
-		lockedBlocks: {}
-	},
-	emits: [
-		"select-block",
-		"open-ai-chat",
-		"open-design-reference"
-	],
-	setup(r, { emit: i }) {
-		let a = {
-			section: Oe,
-			title: Se,
-			paragraph: Ce,
-			image: ve,
-			button: Ne,
-			divider: Me,
-			spacer: be,
-			html: Ae,
-			social: me,
-			menu: ye,
-			table: De,
-			video: we,
-			custom: he
-		}, u = r, f = i, { t: h } = U(), { t: _ } = Nt(), S = Be($e, "Canvas"), E = D(Qe, null), O = D(st, null), A = D(Ze, {}), j = D(tt, null), N = D(He, null);
-		v(Xe, w(() => u.previewMode && (j?.value ?? !1) && !N?.isConfigured));
-		let P = w(() => (A.plan?.hasFeature("ai_generation") ?? !1) && (A.ai?.isFeatureEnabled("chat") ?? !1)), F = w(() => (A.plan?.hasFeature("ai_generation") ?? !1) && (A.ai?.isFeatureEnabled("designToTemplate") ?? !1)), ee = D(ot, null), I = w({
-			get: () => u.content.blocks,
-			set: (e) => {
-				S.setContent({
-					...u.content,
-					blocks: e
-				});
-			}
-		}), L = w(() => It(u.content.settings, u.viewport)), R = w(() => L.value + 192), z = w(() => _e(u.content.settings)), B = w(() => I.value.length === 0 && !u.previewMode), V = d(0), te = w(() => B.value && V.value > 0);
-		function ne() {
-			B.value && (V.value += 1);
-		}
-		function re() {
-			B.value && (V.value = Math.max(0, V.value - 1));
-		}
-		function ie() {
-			V.value = 0;
-		}
-		function ae(e) {
-			u.previewMode || A.savedBlocks?.isPicking.value || e.target === e.currentTarget && f("select-block", null);
-		}
-		function oe(e) {
-			return Ee(e, O, a);
-		}
-		function H(e) {
-			return u.lockedBlocks?.get(e) ?? null;
-		}
-		function se(e) {
-			if (u.previewMode || H(e)) return;
-			let t = A.savedBlocks;
-			if (t?.isPicking.value) {
-				t.togglePick(e);
-				return;
-			}
-			f("select-block", e);
-		}
-		function ce(e) {
-			return A.savedBlocks?.isPicked(e) ?? !1;
-		}
-		let le = w(() => A.savedBlocks?.isPicking.value === !0);
-		function ue(e, t) {
-			e.type === "custom" && S.updateBlock(e.id, {
-				fieldValues: t.fieldValues,
-				dataSourceFetched: t.dataSourceFetched
-			});
-		}
-		return (i, a) => (s(), m("div", {
-			class: "tpl-canvas-stage tpl:relative tpl:flex tpl:justify-center tpl:rounded-lg",
-			style: t({
-				width: `${R.value}px`,
-				boxShadow: r.darkMode ? "none" : "var(--tpl-shadow-xl)",
-				transition: x(Lt)
-			})
-		}, [p("div", {
-			class: "tpl-canvas-bg tpl:absolute tpl:inset-0 tpl:rounded-lg tpl:pointer-events-none",
-			style: t({
-				backgroundColor: r.content.settings.backgroundColor,
-				...r.darkMode ? { filter: "invert(1) hue-rotate(180deg)" } : {},
-				transition: "filter 300ms ease"
-			})
-		}, null, 4), p("div", {
-			"data-testid": "canvas-wrapper",
-			role: "region",
-			"aria-label": x(h).landmarks.canvas,
-			class: "tpl-canvas-wrapper tpl:relative",
-			style: t({
-				width: `${L.value}px`,
-				transition: x(Lt)
-			})
-		}, [p("div", {
-			class: n(["tpl-canvas tpl:relative tpl:rounded-lg", {
-				"tpl-canvas--dark-mode": r.darkMode,
-				"tpl-preview-mode": r.previewMode
-			}]),
-			style: t(z.value),
-			onClick: ae
-		}, [x(N)?.isInitialResolve.value ? (s(), m("div", gn, [p("span", _n, c(x(h).previewResolution.resolving), 1), (s(), m(C, null, e(3, (e) => p("div", {
-			key: e,
-			"aria-hidden": "true",
-			class: "tpl-pulse tpl:h-16 tpl:rounded-md tpl:bg-[var(--tpl-bg-hover)]"
-		})), 64))])) : x(N)?.hasFailed.value ? (s(), m("p", vn, c(x(h).previewResolution.failed), 1)) : T("", !0), k(g(x(ge), {
-			modelValue: I.value,
-			"onUpdate:modelValue": a[2] ||= (e) => I.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: r.previewMode,
-			draggable: ".tpl-block-item",
-			"force-fallback": !0,
-			class: n([
-				"tpl-canvas-blocks",
-				B.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" : "",
-				B.value && te.value ? "tpl-canvas-empty--drag-over tpl:border-[var(--tpl-primary-hover)] tpl:bg-[var(--tpl-primary-light)]" : "",
-				B.value && !te.value ? "tpl:border-[var(--tpl-primary)]" : ""
-			]),
-			onDragenter: ne,
-			onDragleave: re,
-			onDrop: ie
-		}, {
-			default: l(() => [B.value ? (s(), m("div", yn, [
-				p("div", bn, [g(x(on), {
-					size: 48,
-					"stroke-width": 1
-				})]),
-				p("p", xn, c(x(h).canvas.noBlocks), 1),
-				p("p", Sn, c(x(h).canvas.dragHint), 1),
-				P.value && x(_) ? (s(), m("p", Cn, [
-					b(c(x(h).canvas.aiHintChat) + " ", 1),
-					p("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: a[0] ||= (e) => f("open-ai-chat")
-					}, [g(x(Et), {
-						size: 14,
-						"stroke-width": 2
-					}), b(" " + c(x(_).aiMenu.aiAssistant), 1)]),
-					b(" " + c(x(h).canvas.aiHintChatSuffix), 1)
-				])) : T("", !0),
-				F.value && x(_) ? (s(), m("p", wn, [
-					b(c(x(h).canvas.aiHintDesign) + " ", 1),
-					p("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: a[1] ||= (e) => f("open-design-reference")
-					}, [g(x(bt), {
-						size: 14,
-						"stroke-width": 2
-					}), b(" " + c(x(_).aiMenu.designToTemplate), 1)]),
-					b(" " + c(x(h).canvas.aiHintDesignSuffix), 1)
-				])) : T("", !0)
-			])) : T("", !0), (s(!0), m(C, null, e(I.value, (e) => k((s(), m("div", {
-				key: e.id,
-				class: "tpl-block-item"
-			}, [p("div", Tn, [H(e.id) ? (s(), m("div", {
-				key: 0,
-				class: "tpl-collab-lock tpl:pointer-events-none tpl:absolute tpl:inset-0 tpl:z-[4] tpl:rounded-sm",
-				style: t({
-					outline: `2px solid ${H(e.id).color}`,
-					outlineOffset: "-1px"
-				})
-			}, [p("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: t({
-					backgroundColor: H(e.id).color,
-					color: x(Rt)(H(e.id).color)
-				})
-			}, [p("span", En, c(H(e.id).name.charAt(0)), 1), b(" " + c(H(e.id).name), 1)], 4)], 4)) : T("", !0), g(ke, {
-				block: e,
-				"is-selected": !r.previewMode && !le.value && r.selectedBlockId === e.id && !H(e.id),
-				picked: ce(e.id),
-				viewport: r.viewport,
-				"preview-mode": r.previewMode,
-				onSelect: (t) => se(e.id)
-			}, {
-				default: l(() => [(s(), y(o(oe(e)), {
-					block: e,
-					viewport: r.viewport,
-					onFetchData: (t) => ue(e, t),
-					onUpdate: (t) => x(S).updateBlock(e.id, t)
-				}, null, 40, [
-					"block",
-					"viewport",
-					"onFetchData",
-					"onUpdate"
-				]))]),
-				_: 2
-			}, 1032, [
-				"block",
-				"is-selected",
-				"picked",
-				"viewport",
-				"preview-mode",
-				"onSelect"
-			])])])), [[M, x(ee) === !1 || !x(E)?.isHidden(e.id)]])), 128))]),
-			_: 1
-		}, 8, [
-			"modelValue",
-			"disabled",
-			"class"
-		]), [[M, !x(N)?.isInitialResolve.value]])], 6)], 12, hn)], 4));
-	}
-}), [["__scopeId", "data-v-0af1c100"]]), On = f({
-	name: "CustomBlockStylesheets",
-	setup() {
-		let e = D(nt, null);
-		return () => e ? e.value.map((e, t) => O("style", {
-			key: t,
-			"data-tpl-custom-block-stylesheet": "",
-			innerHTML: e
-		})) : null;
-	}
-});
-//#endregion
-//#region src/utils/resolvePaletteBlocks.ts
-function kn(e, t) {
-	if (!t || t.length === 0) return {
-		items: e,
-		unknown: []
-	};
-	let n = new Map(e.map((e) => [e.type, e])), r = [], i = [], a = /* @__PURE__ */ new Set();
-	for (let e of t) {
-		if (a.has(e)) continue;
-		a.add(e);
-		let t = n.get(e);
-		t ? r.push(t) : i.push(e);
-	}
-	return {
-		items: r,
-		unknown: i
-	};
-}
-//#endregion
-//#region src/components/Sidebar.vue?vue&type=script&setup=true&lang.ts
-var An = ["aria-label"], jn = {
-	key: 0,
-	class: "tpl:border-b tpl:px-1 tpl:pb-1 tpl:border-[var(--tpl-border)]"
-}, Mn = ["aria-label"], Nn = {
-	key: 0,
-	class: "tpl:truncate tpl:text-sm tpl:font-medium"
-}, Pn = [
-	"data-palette-type",
-	"aria-label",
-	"onClick",
-	"onKeydown"
-], Fn = { 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" }, In = {
-	key: 0,
-	class: "tpl:truncate tpl:text-sm tpl:font-medium"
-}, Ln = /* @__PURE__ */ f({
-	__name: "Sidebar",
-	setup(n) {
-		let { t: r, format: a } = U(), u = D(at, []), f = D(Ge, void 0), h = D(it, void 0), _ = D($e, null), v = D(Ze, {}), b = w(() => v.savedBlocks?.isAvailable.value === !0), S = d(!1), E = d(!1);
-		function O() {
-			E.value || (S.value = !1);
-		}
-		function k() {
-			E.value = !0;
-		}
-		function A() {
-			E.value = !1, S.value = !1;
-		}
-		let j = [
-			"section",
-			"image",
-			"title",
-			"paragraph",
-			"button",
-			"divider",
-			"video",
-			"social",
-			"menu",
-			"table",
-			"spacer",
-			"html"
-		], M = w(() => {
-			let e = j.map((e) => ({
-				type: e,
-				label: de(e, r)
-			}));
-			return v.plan && e.splice(-1, 0, {
-				type: "countdown",
-				label: de("countdown", r)
-			}), e;
-		}), N = w(() => u.map((e) => ({
-			type: `custom:${e.type}`,
-			label: e.name,
-			isCustom: !0,
-			icon: e.icon
-		}))), P = w(() => [...M.value, ...N.value]), F = w(() => kn(P.value, f)), ee = w(() => F.value.items), I = /* @__PURE__ */ new Set();
-		i(() => F.value.unknown, (e) => {
-			for (let t of e) I.has(t) || (I.add(t), fe.warn(`config.paletteBlocks: "${t}" is not a built-in or registered custom block (use the "custom:" prefix for custom blocks) — skipping it in the palette.`));
-		}, { immediate: !0 });
-		function L(e) {
-			if (e.isCustom) {
-				let t = e.type.replace("custom:", ""), n = u.find((e) => e.type === t);
-				if (n) return te(n);
-			}
-			return re(e.type, h);
-		}
-		function R(e) {
-			if (!_) return;
-			let t = L(e);
-			_.addBlock(t), _.selectBlock(t.id);
-		}
-		function z(e, t) {
-			(e.key === "Enter" || e.key === " ") && (e.preventDefault(), R(t));
-		}
-		return (n, i) => (s(), m("aside", {
-			"aria-label": x(r).sidebarNav.palette,
-			class: "tpl-sidebar-rail tpl:absolute tpl:top-14 tpl:bottom-0 tpl:left-0 tpl:z-40 tpl:flex tpl:flex-col tpl:overflow-hidden",
-			style: t({
-				width: S.value ? "200px" : "48px",
-				backgroundColor: "var(--tpl-bg-elevated)",
-				borderRight: "1px solid var(--tpl-border)",
-				boxShadow: S.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: i[1] ||= (e) => S.value = !0,
-			onMouseleave: O,
-			onFocusin: i[2] ||= (e) => S.value = !0,
-			onFocusout: i[3] ||= (e) => S.value = !1
-		}, [b.value ? (s(), m("div", jn, [p("button", {
-			type: "button",
-			"aria-label": x(r).sidebarNav.browseSavedBlocks,
-			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: t({ justifyContent: S.value ? "flex-start" : "center" }),
-			onClick: i[0] ||= (e) => x(v).savedBlocks?.openBrowser()
-		}, [g(x(gt), {
-			size: 20,
-			"stroke-width": 1.5,
-			class: "tpl:shrink-0"
-		}), S.value ? (s(), m("span", Nn, c(x(r).savedBlocks.title), 1)) : T("", !0)], 12, Mn)])) : T("", !0), g(x(ge), {
-			"model-value": ee.value,
-			group: {
-				name: "blocks",
-				pull: "clone",
-				put: !1
-			},
-			clone: L,
-			sort: !1,
-			animation: 150,
-			"force-fallback": !0,
-			class: "tpl:flex tpl:min-h-0 tpl:flex-1 tpl:flex-col tpl:gap-0.5 tpl:overflow-y-auto tpl:p-1",
-			onChoose: k,
-			onEnd: A
-		}, {
-			default: l(() => [(s(!0), m(C, null, e(ee.value, (e) => (s(), m("button", {
-				key: e.type,
-				type: "button",
-				"data-palette-type": e.type,
-				"aria-label": x(a)(x(r).sidebarNav.insertBlock, { block: e.label }),
-				class: "tpl:flex tpl:h-10 tpl:w-full tpl:shrink-0 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: t({ justifyContent: S.value ? "flex-start" : "center" }),
-				onClick: (t) => R(e),
-				onKeydown: (t) => z(t, e)
-			}, [p("div", Fn, [x(_t)[e.type] ? (s(), y(o(x(_t)[e.type]), {
-				key: 0,
-				size: 20,
-				"stroke-width": 1.5
-			})) : e.isCustom ? (s(), y(xe, {
-				key: 1,
-				icon: e.icon,
-				size: 20
-			}, null, 8, ["icon"])) : T("", !0)]), S.value ? (s(), m("span", In, c(e.label), 1)) : T("", !0)], 44, Pn))), 128))]),
-			_: 1
-		}, 8, ["model-value"])], 44, An));
-	}
-});
-//#endregion
-//#region src/utils/mergeTagTrigger.ts
-function Rn(e, t, n, r) {
-	if (!n) return null;
-	let i = e.slice(0, t), a = i.lastIndexOf(n);
-	if (a === -1) return null;
-	let o = i.slice(a + n.length);
-	return /\s/.test(o) || r && o.includes(r) ? null : {
-		triggerStart: a,
-		caret: t,
-		query: o
-	};
-}
-//#endregion
-//#region src/utils/textFieldCaret.ts
-var zn = /* @__PURE__ */ "boxSizing.width.borderTopWidth.borderRightWidth.borderBottomWidth.borderLeftWidth.borderStyle.paddingTop.paddingRight.paddingBottom.paddingLeft.fontStyle.fontVariant.fontWeight.fontStretch.fontSize.lineHeight.fontFamily.textAlign.textTransform.textIndent.letterSpacing.wordSpacing.tabSize.whiteSpace.wordWrap.wordBreak".split(".");
-function Bn(e, t, n) {
-	return {
-		left: e,
-		top: t,
-		bottom: n,
-		right: e,
-		width: 0,
-		height: n - t,
-		x: e,
-		y: t,
-		toJSON: () => ({})
-	};
-}
-function Vn(e, t) {
-	let n = e.ownerDocument, r = n.defaultView;
-	if (!r) return null;
-	let i = e.tagName === "INPUT", a = r.getComputedStyle(e), o = n.createElement("div");
-	o.setAttribute("aria-hidden", "true");
-	let s = o.style;
-	s.position = "absolute", s.visibility = "hidden", s.top = "0", s.left = "0", s.overflow = "hidden", s.whiteSpace = i ? "pre" : "pre-wrap", s.wordWrap = i ? "normal" : "break-word";
-	let c = s, l = a;
-	for (let e of zn) c[e] = l[e];
-	i && (s.width = "auto", s.whiteSpace = "pre");
-	let u = e.value, d = u.slice(0, t);
-	i && (d = d.replace(/\s/g, "\xA0")), o.textContent = d;
-	let f = n.createElement("span");
-	f.textContent = u.slice(t) || ".", o.appendChild(f), n.body.appendChild(o);
-	let p = f.offsetTop, m = f.offsetLeft;
-	n.body.removeChild(o);
-	let h = e.getBoundingClientRect(), g = parseFloat(a.borderTopWidth) || 0, _ = parseFloat(a.borderLeftWidth) || 0, v = parseFloat(a.lineHeight) || parseFloat(a.fontSize) || 0, y = h.left + m + _ - e.scrollLeft;
-	if (i) return Bn(y, h.top, h.bottom);
-	let b = h.top + p + g - e.scrollTop;
-	return Bn(y, b, b + v);
-}
-//#endregion
-//#region src/composables/useMergeTagAutocomplete.ts
-var Hn = /* @__PURE__ */ new Set([
-	"ArrowLeft",
-	"ArrowRight",
-	"Home",
-	"End"
-]);
-function Un(e) {
-	let { elementRef: t, modelValue: n, emit: i, mergeTags: o, syntax: s, enabled: c, onInsert: l } = e, d = ee(s), f = ne(s), p = c && d !== null && o.length > 0, m = D(Ve, null), h = (u(m) ? m.value : m)?.mergeTag?.suggestionEmpty ?? "No matching merge tags", g = Le(), _ = Gt(h, g), v = !1;
-	r() && a(() => {
-		v = !0, _.close();
-	});
-	function y(e) {
-		let t = e.value ?? "";
-		return Rn(t, e.selectionStart ?? t.length, d, f);
-	}
-	function b(e, r, a) {
-		let o = e.value ?? n(), s = o.slice(r.caret), c = f && s.startsWith(f) ? f.length : 0, u = o.slice(0, r.triggerStart), d = o.slice(r.caret + c), p = u + a.value + d, m = u.length + a.value.length;
-		l?.(), i(p), _.close(), E(() => {
-			if (v) return;
-			let e = t.value;
-			e?.focus(), e?.setSelectionRange(m, m);
-		});
-	}
-	function x() {
-		if (!p || v) return;
-		let e = t.value;
-		if (!e) {
-			_.close();
-			return;
-		}
-		let n = y(e);
-		if (!n) {
-			_.close();
-			return;
-		}
-		let r = Kt(o, n.query), i = () => Vn(e, n.triggerStart), a = (t) => b(e, n, t);
-		_.isOpen() ? _.update({
-			items: r,
-			getRect: i,
-			onCommand: a
-		}) : _.open({
-			items: r,
-			getRect: i,
-			anchorEl: e,
-			onCommand: a
-		});
-	}
-	function S(e) {
-		return _.isOpen() ? e.key === "Escape" ? (_.close(), !0) : Hn.has(e.key) ? (_.close(), !1) : _.handleKeyDown(e) : !1;
-	}
-	return {
-		available: p,
-		refresh: x,
-		handleKeydown: S,
-		close: () => _.close(),
-		isOpen: () => _.isOpen()
-	};
-}
-//#endregion
-//#region src/composables/useMergeTagField.ts
-function Wn(e) {
-	let { modelValue: t, emit: n, elementRef: i } = e, { mergeTags: o, canRequestMergeTag: s, isRequesting: c, isMergeTagValue: l, getMergeTagLabel: u, requestMergeTag: f, syntax: p, autocomplete: m } = Pt(), { canInsertLogicTag: h, isRequesting: g, requestLogicTag: _ } = je(), v = d(!1), y = !1, b = !1;
-	r() && a(() => {
-		b = !0;
-	});
-	let x = Un({
-		elementRef: i,
-		modelValue: t,
-		emit: n,
-		mergeTags: o,
-		syntax: p,
-		enabled: m,
-		onInsert: () => {
-			v.value = !0;
-		}
-	}), S = w(() => {
-		let e = t();
-		if (!e) return [];
-		let n = [], r = `(${p.value.source}|${p.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];
-			l(t) ? n.push({
-				type: "mergeTag",
-				value: t,
-				label: u(t)
-			}) : R(t, p) ? n.push({
-				type: "logicMergeTag",
-				value: t,
-				keyword: I(t, p)
-			}) : n.push({
-				type: "text",
-				value: t
-			}), a = o.index + t.length;
-		}
-		return a < e.length && n.push({
-			type: "text",
-			value: e.slice(a)
-		}), n;
-	}), C = w(() => S.value.some((e) => e.type === "mergeTag" || e.type === "logicMergeTag"));
-	function T() {
-		v.value = !0, E(() => {
-			i.value?.focus();
-			let e = t()?.length || 0;
-			i.value?.setSelectionRange(e, e);
-		});
-	}
-	function D() {
-		y || (v.value = !1);
-	}
-	function O(e) {
-		n(e.target.value), x.refresh();
-	}
-	function k(e) {
-		if (x.handleKeydown(e)) {
-			e.preventDefault();
-			return;
-		}
-		e.key === "Escape" && D();
-	}
-	function A() {
-		x.refresh();
-	}
-	function j() {
-		x.close(), D();
-	}
-	function M() {
-		n("");
-	}
-	async function N() {
-		let e = v.value && i.value ? i.value.selectionStart ?? t().length : t().length;
-		y = !0;
-		let r;
-		try {
-			r = await f();
-		} finally {
-			y = !1;
-		}
-		if (!b && r) {
-			let a = t().slice(0, e), o = t().slice(e), s = a + r.value + o;
-			n(s), v.value = !0, E(() => {
-				if (b) return;
-				let t = e + r.value.length;
-				i.value?.focus(), i.value?.setSelectionRange(t, t);
-			});
-		}
-	}
-	async function P() {
-		let e = i.value, r = e?.selectionStart ?? t().length, a = e?.selectionEnd ?? r;
-		y = !0;
-		let o;
-		try {
-			o = await _();
-		} finally {
-			y = !1;
-		}
-		if (b || !o) return;
-		let s = t(), c, l;
-		"before" in o ? (c = s.slice(0, r) + o.before + s.slice(r, a) + o.after + s.slice(a), l = r + o.before.length + (a - r)) : (c = s.slice(0, r) + o.value + s.slice(r), l = r + o.value.length), n(c), v.value = !0, E(() => {
-			b || (i.value?.focus(), i.value?.setSelectionRange(l, l));
-		});
-	}
-	return {
-		segments: S,
-		hasMergeTags: C,
-		canRequestMergeTag: s,
-		isRequestingMergeTag: c,
-		canInsertLogicTag: h,
-		isRequestingLogicTag: g,
-		isEditing: v,
-		startEditing: T,
-		stopEditing: D,
-		handleInput: O,
-		handleKeydown: k,
-		handleClick: A,
-		handleBlur: j,
-		clearValue: M,
-		insertMergeTag: N,
-		insertLogicTag: P,
-		autocompleteAvailable: x.available
-	};
-}
-//#endregion
-//#region src/components/MergeTagSegments.vue?vue&type=script&setup=true&lang.ts
-var Gn = ["aria-label", "onKeydown"], Kn = ["data-tooltip"], qn = ["data-tooltip"], Jn = {
-	key: 2,
-	class: "tpl:text-sm tpl:text-[var(--tpl-text)]"
-}, Yn = ["aria-label", "title"], Xn = /* @__PURE__ */ f({
-	__name: "MergeTagSegments",
-	props: {
-		segments: {},
-		displayClass: {},
-		pulse: { type: Boolean }
-	},
-	emits: ["edit", "clear"],
-	setup(t, { emit: r }) {
-		let i = r, { t: a } = U();
-		function o() {
-			i("edit");
-		}
-		return (r, l) => (s(), m("div", {
-			role: "button",
-			tabindex: "0",
-			"aria-label": x(a).mergeTag.clickToEdit,
-			class: n([t.displayClass, { "tpl-pulse-fill": t.pulse }]),
-			onClick: o,
-			onKeydown: [N(o, ["enter"]), N(j(o, ["prevent"]), ["space"])]
-		}, [(s(!0), m(C, null, e(t.segments, (e, t) => (s(), m(C, { key: `${e.type}-${t}-${e.value}` }, [e.type === "mergeTag" ? (s(), 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)"
-			}
-		}, c(e.label), 9, Kn)) : e.type === "logicMergeTag" ? (s(), 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)"
-			}
-		}, c(e.keyword), 9, qn)) : (s(), m("span", Jn, c(e.value), 1))], 64))), 128)), p("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": x(a).mergeTag.remove,
-			title: x(a).mergeTag.remove,
-			onClick: l[0] ||= j((e) => i("clear"), ["stop"])
-		}, [g(x(jt), {
-			size: 12,
-			"stroke-width": 2.5
-		})], 8, Yn)], 42, Gn));
-	}
-}), Zn = [
-	"aria-label",
-	"title",
-	"disabled"
-], Qn = "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)]", $n = /* @__PURE__ */ f({
-	__name: "MergeTagInsertButton",
-	props: { disabled: { type: Boolean } },
-	emits: ["insert"],
-	setup(e) {
-		let { t } = U();
-		return (r, i) => (s(), m("button", {
-			type: "button",
-			class: n([Qn, "tpl:mt-1.5"]),
-			"aria-label": x(t).mergeTag.insert,
-			title: x(t).mergeTag.insert,
-			disabled: e.disabled,
-			onMousedown: i[0] ||= j(() => {}, ["prevent"]),
-			onClick: i[1] ||= (e) => r.$emit("insert")
-		}, [g(x(dt), {
-			size: 12,
-			"stroke-width": 2
-		}), b(" " + c(x(t).mergeTag.insertShort), 1)], 42, Zn));
-	}
-}), er = [
-	"aria-label",
-	"title",
-	"disabled"
-], tr = "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)]", nr = /* @__PURE__ */ f({
-	__name: "LogicTagInsertButton",
-	props: { disabled: { type: Boolean } },
-	emits: ["insert"],
-	setup(e) {
-		let { t } = U();
-		return (r, i) => (s(), m("button", {
-			type: "button",
-			class: n([tr, "tpl:mt-1.5"]),
-			"aria-label": x(t).logicTag.insert,
-			title: x(t).logicTag.insert,
-			disabled: e.disabled,
-			"data-testid": "field-insert-logic-button",
-			onMousedown: i[0] ||= j(() => {}, ["prevent"]),
-			onClick: i[1] ||= (e) => r.$emit("insert")
-		}, [g(x(ut), {
-			size: 12,
-			"stroke-width": 2
-		}), b(" " + c(x(t).logicTag.insertShort), 1)], 42, er));
-	}
-}), rr = { key: 0 }, ir = {
-	key: 0,
-	class: "tpl:flex tpl:flex-wrap tpl:gap-1.5"
-}, ar = { key: 1 }, or = [
-	"value",
-	"placeholder",
-	"rows"
-], sr = {
-	key: 0,
-	class: "tpl:flex tpl:flex-wrap tpl:gap-1.5"
-}, cr = "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)]", lr = "tpl:flex tpl:w-full tpl:min-h-20 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)]", ur = /* @__PURE__ */ f({
-	__name: "MergeTagTextarea",
-	props: {
-		modelValue: {},
-		placeholder: { default: "" },
-		rows: { default: 3 }
-	},
-	emits: ["update:modelValue"],
-	setup(e, { emit: t }) {
-		let r = e, i = t, a = d(null), { segments: o, hasMergeTags: c, canRequestMergeTag: l, isRequestingMergeTag: u, canInsertLogicTag: f, isRequestingLogicTag: h, isEditing: _, startEditing: v, handleInput: b, handleKeydown: S, handleClick: C, handleBlur: w, clearValue: E, insertMergeTag: D, insertLogicTag: O } = Wn({
-			modelValue: () => r.modelValue,
-			emit: (e) => i("update:modelValue", e),
-			elementRef: a
-		});
-		return (t, r) => x(c) && !x(_) ? (s(), m("div", rr, [g(Xn, {
-			segments: x(o),
-			"display-class": lr,
-			onEdit: x(v),
-			onClear: x(E)
-		}, null, 8, [
-			"segments",
-			"onEdit",
-			"onClear"
-		]), x(l) || x(f) ? (s(), m("div", ir, [x(l) ? (s(), y($n, {
-			key: 0,
-			disabled: x(u),
-			onInsert: x(D)
-		}, null, 8, ["disabled", "onInsert"])) : T("", !0), x(f) ? (s(), y(nr, {
-			key: 1,
-			disabled: x(h),
-			onInsert: x(O)
-		}, null, 8, ["disabled", "onInsert"])) : T("", !0)])) : T("", !0)])) : (s(), m("div", ar, [p("textarea", {
-			ref_key: "textareaRef",
-			ref: a,
-			class: n(cr),
-			value: e.modelValue,
-			placeholder: e.placeholder,
-			rows: e.rows,
-			onInput: r[0] ||= (...e) => x(b) && x(b)(...e),
-			onKeydown: r[1] ||= (...e) => x(S) && x(S)(...e),
-			onClick: r[2] ||= (...e) => x(C) && x(C)(...e),
-			onBlur: r[3] ||= (...e) => x(w) && x(w)(...e)
-		}, null, 40, or), x(l) || x(f) ? (s(), m("div", sr, [x(l) ? (s(), y($n, {
-			key: 0,
-			disabled: x(u),
-			onInsert: x(D)
-		}, null, 8, ["disabled", "onInsert"])) : T("", !0), x(f) ? (s(), y(nr, {
-			key: 1,
-			disabled: x(h),
-			onInsert: x(O)
-		}, null, 8, ["disabled", "onInsert"])) : T("", !0)])) : T("", !0)]));
-	}
-}), dr = { class: "tpl:flex tpl:w-full tpl:flex-1 tpl:flex-col tpl:bg-[var(--tpl-bg-elevated)]" }, fr = { class: "tpl:flex tpl:flex-1 tpl:flex-col tpl:gap-3 tpl:overflow-y-auto tpl:p-4" }, pr = { class: "tpl:mb-3.5 tpl:flex tpl:items-center tpl:gap-2 tpl:text-sm tpl:font-semibold tpl:text-[var(--tpl-text)]" }, mr = { class: "tpl:mb-3.5" }, hr = { 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)]" }, gr = ["onClick"], _r = { class: "tpl:flex tpl:items-stretch" }, vr = ["value"], yr = { class: "tpl:mb-3.5 tpl:flex tpl:items-center tpl:gap-2 tpl:text-sm tpl:font-semibold tpl:text-[var(--tpl-text)]" }, br = { class: "tpl:mb-3.5" }, xr = { class: "tpl:mb-3.5" }, Sr = { class: "tpl:mb-3.5" }, Cr = { class: "tpl:mb-3.5" }, wr = ["value"], Tr = ["value"], Er = { class: "tpl:mb-3.5 tpl:flex tpl:items-center tpl:gap-2 tpl:text-sm tpl:font-semibold tpl:text-[var(--tpl-text)]" }, Dr = ["value"], Or = { class: "tpl:mt-1 tpl:text-xs tpl:leading-relaxed tpl:text-[var(--tpl-text-dim)]" }, kr = { class: "tpl:mb-3.5 tpl:flex tpl:items-center tpl:gap-2 tpl:text-sm tpl:font-semibold tpl:text-[var(--tpl-text)]" }, Ar = { class: "tpl:mt-1 tpl:flex tpl:items-start tpl:justify-between tpl:gap-2" }, jr = { class: "tpl:text-xs tpl:leading-relaxed tpl:text-[var(--tpl-text-dim)]" }, Mr = { class: "tpl:shrink-0 tpl:text-xs tpl:tabular-nums tpl:text-[var(--tpl-text-dim)]" }, Nr = { class: "tpl:rounded-[var(--tpl-radius)] tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:p-3" }, Pr = { 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)]" }, Fr = { class: "tpl:m-0 tpl:pl-[18px] tpl:text-xs tpl:leading-relaxed tpl:text-[var(--tpl-text-dim)]" }, Ir = { class: "tpl:mb-1 tpl:last:mb-0" }, Lr = { class: "tpl:mb-1 tpl:last:mb-0" }, Rr = { class: "tpl:mb-1 tpl:last:mb-0" }, zr = 150, Br = /* @__PURE__ */ f({
-	__name: "TemplateSettings",
-	props: { settings: {} },
-	emits: ["update"],
-	setup(r, { emit: i }) {
-		let a = r, o = i, { t: l } = U(), u = Be(lt, "TemplateSettings"), d = w(() => u.fonts.value), f = w(() => d.value.some((e) => e.value === a.settings.fontFamily) ? a.settings.fontFamily : u.defaultFont.value), h = [
-			{
-				value: 480,
-				label: "480px"
-			},
-			{
-				value: 600,
-				label: "600px"
-			},
-			{
-				value: 700,
-				label: "700px"
-			},
-			{
-				value: 800,
-				label: "800px"
-			}
-		];
-		return (i, a) => (s(), m("aside", dr, [p("div", fr, [
-			p("div", { class: n(x(Wt)) }, [
-				p("div", pr, [g(x(sn), {
-					class: "tpl:text-[var(--tpl-text-muted)]",
-					size: 14,
-					"stroke-width": 2
-				}), p("span", null, c(x(l).templateSettings.layout), 1)]),
-				p("div", mr, [p("label", { class: n(x(K)) }, c(x(l).templateSettings.widthPreset), 3), p("div", hr, [(s(), m(C, null, e(h, (e) => p("button", {
-					key: e.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: t({
-						backgroundColor: r.settings.width === e.value ? "var(--tpl-bg)" : "transparent",
-						color: r.settings.width === e.value ? "var(--tpl-primary)" : "var(--tpl-text-muted)",
-						boxShadow: r.settings.width === e.value ? "var(--tpl-shadow)" : "none"
-					}),
-					onClick: (t) => o("update", { width: e.value })
-				}, c(e.label), 13, gr)), 64))])]),
-				p("div", null, [p("label", { class: n(x(K)) }, c(x(l).templateSettings.customWidth), 3), p("div", _r, [p("input", {
-					type: "number",
-					class: n(x(J)),
-					value: r.settings.width,
-					min: "300",
-					max: "900",
-					onInput: a[0] ||= (e) => o("update", { width: Number(e.target.value) })
-				}, null, 42, vr), p("span", { class: n(x(q)) }, "px", 2)])])
-			], 2),
-			p("div", { class: n(x(Wt)) }, [
-				p("div", yr, [g(x(Yt), {
-					class: "tpl:text-[var(--tpl-text-muted)]",
-					size: 14,
-					"stroke-width": 2
-				}), p("span", null, c(x(l).templateSettings.appearance), 1)]),
-				p("div", br, [p("label", { class: n(x(K)) }, c(x(l).templateSettings.backgroundColor), 3), g(Y, {
-					"model-value": r.settings.backgroundColor,
-					placeholder: x(Ut),
-					"onUpdate:modelValue": a[1] ||= (e) => o("update", { backgroundColor: e })
-				}, null, 8, ["model-value", "placeholder"])]),
-				p("div", xr, [p("label", { class: n(x(K)) }, c(x(l).templateSettings.textColor), 3), g(Y, {
-					"model-value": r.settings.textColor ?? "",
-					"seed-color": "#1a1a1a",
-					"onUpdate:modelValue": a[2] ||= (e) => o("update", { textColor: e })
-				}, null, 8, ["model-value"])]),
-				p("div", Sr, [p("label", { class: n(x(K)) }, c(x(l).templateSettings.linkColor), 3), g(Y, {
-					"model-value": r.settings.linkColor ?? "",
-					"seed-color": "#0066cc",
-					"onUpdate:modelValue": a[3] ||= (e) => o("update", { linkColor: e || void 0 })
-				}, null, 8, ["model-value"])]),
-				p("div", Cr, [g(X, {
-					class: "tpl:text-sm tpl:font-medium tpl:text-[var(--tpl-text-muted)]",
-					"model-value": r.settings.linkUnderline,
-					label: x(l).templateSettings.linkUnderline,
-					"onUpdate:modelValue": a[4] ||= (e) => o("update", { linkUnderline: e })
-				}, null, 8, ["model-value", "label"])]),
-				p("div", null, [p("label", { class: n(x(K)) }, c(x(l).templateSettings.fontFamily), 3), p("select", {
-					class: n(x(G)),
-					value: f.value,
-					onChange: a[5] ||= (e) => o("update", { fontFamily: e.target.value })
-				}, [(s(!0), m(C, null, e(d.value, (e) => (s(), m("option", {
-					key: e.value,
-					value: e.value
-				}, c(e.label), 9, Tr))), 128))], 42, wr)])
-			], 2),
-			p("div", { class: n(x(Wt)) }, [p("div", Er, [g(x(Xt), {
-				class: "tpl:text-[var(--tpl-text-muted)]",
-				size: 14,
-				"stroke-width": 2
-			}), p("span", null, c(x(l).templateSettings.language), 1)]), p("div", null, [
-				p("label", { class: n(x(K)) }, c(x(l).templateSettings.contentLocale), 3),
-				p("input", {
-					type: "text",
-					class: n(x(G)),
-					value: r.settings.locale ?? "",
-					placeholder: "en",
-					spellcheck: "false",
-					autocapitalize: "off",
-					autocomplete: "off",
-					onInput: a[6] ||= (e) => o("update", { locale: e.target.value.trim() || void 0 })
-				}, null, 42, Dr),
-				p("p", Or, c(x(l).templateSettings.contentLocaleHint), 1)
-			])], 2),
-			p("div", { class: n(x(Wt)) }, [p("div", kr, [g(x(vt), {
-				class: "tpl:text-[var(--tpl-text-muted)]",
-				size: 14,
-				"stroke-width": 2
-			}), p("span", null, c(x(l).templateSettings.preheaderText), 1)]), p("div", null, [g(ur, {
-				"model-value": r.settings.preheaderText ?? "",
-				placeholder: x(l).templateSettings.preheaderTextPlaceholder,
-				rows: 2,
-				"onUpdate:modelValue": a[7] ||= (e) => o("update", { preheaderText: e.replace(/[\r\n]/g, " ") || void 0 })
-			}, null, 8, ["model-value", "placeholder"]), p("div", Ar, [p("span", jr, c(x(l).templateSettings.preheaderTextHint), 1), p("span", Mr, c((r.settings.preheaderText ?? "").length) + "/" + c(zr), 1)])])], 2),
-			p("div", Nr, [p("div", Pr, [g(x(xt), {
-				size: 14,
-				"stroke-width": 2
-			}), p("span", null, c(x(l).templateSettings.tips), 1)]), p("ul", Fr, [
-				p("li", Ir, c(x(l).templateSettings.tip1), 1),
-				p("li", Lr, c(x(l).templateSettings.tip2), 1),
-				p("li", Rr, c(x(l).templateSettings.tip3), 1)
-			])])
-		])]));
-	}
-}), Vr = { key: 0 }, Hr = {
-	key: 0,
-	class: "tpl:flex tpl:flex-wrap tpl:gap-1.5"
-}, Ur = { key: 1 }, Wr = [
-	"type",
-	"value",
-	"placeholder"
-], Gr = {
-	key: 0,
-	class: "tpl:flex tpl:flex-wrap tpl:gap-1.5"
-}, Kr = "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)]", $ = /*#__PURE__*/ Mt(/* @__PURE__ */ f({
-	__name: "MergeTagInput",
-	props: {
-		modelValue: {},
-		type: { default: "text" },
-		placeholder: { default: "" },
-		pulse: {
-			type: Boolean,
-			default: !1
-		}
-	},
-	emits: ["update:modelValue"],
-	setup(e, { emit: t }) {
-		let r = e, i = t, a = d(null), { segments: o, hasMergeTags: c, canRequestMergeTag: l, isRequestingMergeTag: u, canInsertLogicTag: f, isRequestingLogicTag: h, isEditing: _, startEditing: v, handleInput: b, handleKeydown: S, handleClick: C, handleBlur: w, clearValue: E, insertMergeTag: D, insertLogicTag: O } = Wn({
-			modelValue: () => r.modelValue,
-			emit: (e) => i("update:modelValue", e),
-			elementRef: a
-		});
-		return (t, r) => x(c) && !x(_) ? (s(), m("div", Vr, [g(Xn, {
-			segments: x(o),
-			"display-class": Kr,
-			pulse: e.pulse,
-			onEdit: x(v),
-			onClear: x(E)
-		}, null, 8, [
-			"segments",
-			"pulse",
-			"onEdit",
-			"onClear"
-		]), x(l) || x(f) ? (s(), m("div", Hr, [x(l) ? (s(), y($n, {
-			key: 0,
-			disabled: x(u),
-			onInsert: x(D)
-		}, null, 8, ["disabled", "onInsert"])) : T("", !0), x(f) ? (s(), y(nr, {
-			key: 1,
-			disabled: x(h),
-			onInsert: x(O)
-		}, null, 8, ["disabled", "onInsert"])) : T("", !0)])) : T("", !0)])) : (s(), m("div", Ur, [p("input", {
-			ref_key: "inputRef",
-			ref: a,
-			type: e.type,
-			class: n([x(G), { "tpl-pulse-fill": e.pulse }]),
-			value: e.modelValue,
-			placeholder: e.placeholder,
-			onInput: r[0] ||= (...e) => x(b) && x(b)(...e),
-			onKeydown: r[1] ||= (...e) => x(S) && x(S)(...e),
-			onClick: r[2] ||= (...e) => x(C) && x(C)(...e),
-			onBlur: r[3] ||= (...e) => x(w) && x(w)(...e)
-		}, null, 42, Wr), x(l) || x(f) ? (s(), m("div", Gr, [x(l) ? (s(), y($n, {
-			key: 0,
-			disabled: x(u),
-			onInsert: x(D)
-		}, null, 8, ["disabled", "onInsert"])) : T("", !0), x(f) ? (s(), y(nr, {
-			key: 1,
-			disabled: x(h),
-			onInsert: x(O)
-		}, null, 8, ["disabled", "onInsert"])) : T("", !0)])) : T("", !0)]));
-	}
-}), [["__scopeId", "data-v-d6563be6"]]), qr = { class: "tpl:mb-3.5" }, Jr = ["value"], Yr = { value: "" }, Xr = ["value"], Zr = { class: "tpl:mb-3.5" }, Qr = { class: "tpl:mb-3.5" }, $r = { class: "tpl:mb-3.5" }, ei = { class: "tpl:mb-3.5" }, ti = { class: "tpl:grid tpl:grid-cols-2 tpl:gap-3" }, ni = { class: "tpl:mb-3.5" }, ri = { class: "tpl:flex tpl:items-stretch" }, ii = ["value"], ai = { class: "tpl:mb-3.5" }, oi = { class: "tpl:flex tpl:items-stretch" }, si = ["value"], ci = { class: "tpl:mb-3.5" }, li = ["value"], ui = { value: "auto" }, di = { value: "full" }, fi = { value: "custom" }, pi = {
-	key: 0,
-	class: "tpl:mt-2 tpl:flex tpl:items-stretch"
-}, mi = ["value"], hi = { class: "tpl:mb-3.5" }, gi = 200, _i = /* @__PURE__ */ f({
-	__name: "ButtonToolbar",
-	props: {
-		block: {},
-		fontFamilies: {}
-	},
-	emits: ["update"],
-	setup(t, { emit: r }) {
-		let i = t, a = r, { t: o } = U(), l = w(() => i.block.width === "full" ? "full" : typeof i.block.width == "number" ? "custom" : "auto");
-		function u(e, t) {
-			a("update", { [e]: t });
-		}
-		function d(e) {
-			if (e === "full") {
-				u("width", "full");
-				return;
-			}
-			if (e === "custom") {
-				u("width", typeof i.block.width == "number" ? i.block.width : gi);
-				return;
-			}
-			u("width", void 0);
-		}
-		function f(e) {
-			let t = Number(e);
-			!Number.isFinite(t) || t <= 0 || u("width", t);
-		}
-		return (r, i) => (s(), m(C, null, [
-			p("div", qr, [p("label", { class: n(x(K)) }, c(x(o).button.fontFamily), 3), p("select", {
-				class: n(x(G)),
-				value: t.block.fontFamily || "",
-				onChange: i[0] ||= (e) => u("fontFamily", e.target.value || void 0)
-			}, [p("option", Yr, c(x(o).button.inheritFont), 1), (s(!0), m(C, null, e(t.fontFamilies, (e) => (s(), m("option", {
-				key: e.value,
-				value: e.value
-			}, c(e.label), 9, Xr))), 128))], 42, Jr)]),
-			p("div", Zr, [p("label", { class: n(x(K)) }, c(x(o).button.text), 3), g($, {
-				"model-value": t.block.text,
-				type: "text",
-				"onUpdate:modelValue": i[1] ||= (e) => u("text", e)
-			}, null, 8, ["model-value"])]),
-			p("div", Qr, [
-				p("label", { class: n(x(K)) }, c(x(o).button.url), 3),
-				g($, {
-					"model-value": t.block.url,
-					type: "url",
-					placeholder: x(o).button.urlPlaceholder,
-					"onUpdate:modelValue": i[2] ||= (e) => u("url", e)
-				}, null, 8, ["model-value", "placeholder"]),
-				t.block.url ? (s(), y(X, {
-					key: 0,
-					class: "tpl:mt-2 tpl:text-[12px] tpl:text-[var(--tpl-text-muted)]",
-					"model-value": t.block.openInNewTab ?? !1,
-					label: x(o).button.openInNewTab,
-					"onUpdate:modelValue": i[3] ||= (e) => u("openInNewTab", e)
-				}, null, 8, ["model-value", "label"])) : T("", !0)
-			]),
-			p("div", $r, [p("label", { class: n(x(K)) }, c(x(o).button.background), 3), g(Y, {
-				"model-value": t.block.backgroundColor,
-				"onUpdate:modelValue": i[4] ||= (e) => u("backgroundColor", e)
-			}, null, 8, ["model-value"])]),
-			p("div", ei, [p("label", { class: n(x(K)) }, c(x(o).button.textColor), 3), g(Y, {
-				"model-value": t.block.textColor,
-				"onUpdate:modelValue": i[5] ||= (e) => u("textColor", e)
-			}, null, 8, ["model-value"])]),
-			p("div", ti, [p("div", ni, [p("label", { class: n(x(K)) }, c(x(o).button.borderRadius), 3), p("div", ri, [p("input", {
-				type: "number",
-				class: n(x(J)),
-				value: t.block.borderRadius,
-				min: "0",
-				max: "50",
-				onInput: i[6] ||= (e) => u("borderRadius", Number(e.target.value))
-			}, null, 42, ii), p("span", { class: n(x(q)) }, "px", 2)])]), p("div", ai, [p("label", { class: n(x(K)) }, c(x(o).button.fontSize), 3), p("div", oi, [p("input", {
-				type: "number",
-				class: n(x(J)),
-				value: t.block.fontSize,
-				min: "10",
-				max: "36",
-				onInput: i[7] ||= (e) => u("fontSize", Number(e.target.value))
-			}, null, 42, si), p("span", { class: n(x(q)) }, "px", 2)])])]),
-			p("div", ci, [
-				p("label", { class: n(x(K)) }, c(x(o).button.width), 3),
-				p("select", {
-					class: n(x(G)),
-					value: l.value,
-					onChange: i[8] ||= (e) => d(e.target.value)
-				}, [
-					p("option", ui, c(x(o).button.widthAuto), 1),
-					p("option", di, c(x(o).button.fullWidth), 1),
-					p("option", fi, c(x(o).button.widthCustom), 1)
-				], 42, li),
-				l.value === "custom" ? (s(), m("div", pi, [p("input", {
-					type: "number",
-					class: n(x(J)),
-					value: typeof t.block.width == "number" ? t.block.width : gi,
-					min: "20",
-					onInput: i[9] ||= (e) => f(e.target.value)
-				}, null, 42, mi), p("span", { class: n(x(q)) }, "px", 2)])) : T("", !0)
-			]),
-			p("div", hi, [p("label", { class: n(x(K)) }, c(x(o).title.align), 3), g(Q, {
-				options: [
-					{
-						value: "left",
-						label: x(o).title.alignLeft
-					},
-					{
-						value: "center",
-						label: x(o).title.alignCenter
-					},
-					{
-						value: "right",
-						label: x(o).title.alignRight
-					}
-				],
-				"model-value": t.block.align ?? "center",
-				"onUpdate:modelValue": i[10] ||= (e) => u("align", e)
-			}, null, 8, ["options", "model-value"])])
-		], 64));
-	}
-}), vi = { class: "spacing-control" }, yi = { class: "tpl:mb-2 tpl:block tpl:text-sm tpl:font-medium tpl:text-[var(--tpl-text-muted)]" }, bi = { class: "tpl:flex tpl:flex-col tpl:items-center tpl:gap-1.5" }, xi = { class: "tpl:flex tpl:items-center" }, Si = ["aria-label"], Ci = ["value", "aria-label"], wi = ["aria-label"], Ti = { class: "tpl:flex tpl:items-center tpl:gap-2" }, Ei = { class: "tpl:flex tpl:items-center" }, Di = ["aria-label"], Oi = ["value", "aria-label"], ki = ["aria-label"], Ai = ["aria-label", "title"], ji = { class: "tpl:flex tpl:items-center" }, Mi = ["aria-label"], Ni = ["value", "aria-label"], Pi = ["aria-label"], Fi = { class: "tpl:flex tpl:items-center" }, Ii = ["aria-label"], Li = ["value", "aria-label"], Ri = ["aria-label"], zi = "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)]", Bi = "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)]", Vi = /*#__PURE__*/ Mt(/* @__PURE__ */ f({
-	__name: "SpacingControl",
-	props: {
-		modelValue: {},
-		label: {}
-	},
-	emits: ["update:modelValue"],
-	setup(e, { emit: t }) {
-		let r = e, a = t, { t: o } = U(), l = w(() => r.modelValue.top === r.modelValue.right && r.modelValue.right === r.modelValue.bottom && r.modelValue.bottom === r.modelValue.left), u = d(l.value);
-		i(l, (e) => {
-			!e && u.value && (u.value = !1);
-		});
-		function f(e, t) {
-			let n = r.modelValue[e], i = Math.max(0, n + t);
-			u.value ? a("update:modelValue", {
-				top: i,
-				right: i,
-				bottom: i,
-				left: i
-			}) : a("update:modelValue", {
-				...r.modelValue,
-				[e]: i
-			});
-		}
-		function h(e, t) {
-			let n = Math.max(0, t);
-			u.value ? a("update:modelValue", {
-				top: n,
-				right: n,
-				bottom: n,
-				left: n
-			}) : a("update:modelValue", {
-				...r.modelValue,
-				[e]: n
-			});
-		}
-		function _() {
-			if (u.value = !u.value, u.value) {
-				let e = r.modelValue.top;
-				a("update:modelValue", {
-					top: e,
-					right: e,
-					bottom: e,
-					left: e
-				});
-			}
-		}
-		return (t, r) => (s(), m("div", vi, [p("label", yi, c(e.label), 1), p("div", bi, [
-			p("div", xi, [
-				p("button", {
-					"aria-label": x(o).spacingControl.decreaseTop,
-					class: n([zi, "tpl:rounded-l-[var(--tpl-radius-sm)]"]),
-					onClick: r[0] ||= (e) => f("top", -1)
-				}, [g(x(mt), {
-					size: 12,
-					"stroke-width": 2
-				})], 10, Si),
-				p("input", {
-					type: "number",
-					class: n(Bi),
-					value: e.modelValue.top,
-					"aria-label": x(o).spacingControl.top,
-					min: "0",
-					onInput: r[1] ||= (e) => h("top", Number(e.target.value))
-				}, null, 40, Ci),
-				p("button", {
-					"aria-label": x(o).spacingControl.increaseTop,
-					class: n([zi, "tpl:rounded-r-[var(--tpl-radius-sm)]"]),
-					onClick: r[2] ||= (e) => f("top", 1)
-				}, [g(x(nn), {
-					size: 12,
-					"stroke-width": 2
-				})], 10, wi)
-			]),
-			p("div", Ti, [
-				p("div", Ei, [
-					p("button", {
-						"aria-label": x(o).spacingControl.decreaseLeft,
-						class: n([zi, "tpl:rounded-l-[var(--tpl-radius-sm)]"]),
-						onClick: r[3] ||= (e) => f("left", -1)
-					}, [g(x(mt), {
-						size: 12,
-						"stroke-width": 2
-					})], 10, Di),
-					p("input", {
-						type: "number",
-						class: n(Bi),
-						value: e.modelValue.left,
-						"aria-label": x(o).spacingControl.left,
-						min: "0",
-						onInput: r[4] ||= (e) => h("left", Number(e.target.value))
-					}, null, 40, Oi),
-					p("button", {
-						"aria-label": x(o).spacingControl.increaseLeft,
-						class: n([zi, "tpl:rounded-r-[var(--tpl-radius-sm)]"]),
-						onClick: r[5] ||= (e) => f("left", 1)
-					}, [g(x(nn), {
-						size: 12,
-						"stroke-width": 2
-					})], 10, ki)
-				]),
-				p("button", {
-					class: n(["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)]", u.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": u.value ? x(o).spacingControl.unlock : x(o).spacingControl.lockAll,
-					title: u.value ? x(o).spacingControl.unlock : x(o).spacingControl.lockAll,
-					onClick: _
-				}, [u.value ? (s(), y(x($t), {
-					key: 0,
-					size: 14,
-					"stroke-width": 2
-				})) : (s(), y(x(Qt), {
-					key: 1,
-					size: 14,
-					"stroke-width": 2
-				}))], 10, Ai),
-				p("div", ji, [
-					p("button", {
-						"aria-label": x(o).spacingControl.decreaseRight,
-						class: n([zi, "tpl:rounded-l-[var(--tpl-radius-sm)]"]),
-						onClick: r[6] ||= (e) => f("right", -1)
-					}, [g(x(mt), {
-						size: 12,
-						"stroke-width": 2
-					})], 10, Mi),
-					p("input", {
-						type: "number",
-						class: n(Bi),
-						value: e.modelValue.right,
-						"aria-label": x(o).spacingControl.right,
-						min: "0",
-						onInput: r[7] ||= (e) => h("right", Number(e.target.value))
-					}, null, 40, Ni),
-					p("button", {
-						"aria-label": x(o).spacingControl.increaseRight,
-						class: n([zi, "tpl:rounded-r-[var(--tpl-radius-sm)]"]),
-						onClick: r[8] ||= (e) => f("right", 1)
-					}, [g(x(nn), {
-						size: 12,
-						"stroke-width": 2
-					})], 10, Pi)
-				])
-			]),
-			p("div", Fi, [
-				p("button", {
-					"aria-label": x(o).spacingControl.decreaseBottom,
-					class: n([zi, "tpl:rounded-l-[var(--tpl-radius-sm)]"]),
-					onClick: r[9] ||= (e) => f("bottom", -1)
-				}, [g(x(mt), {
-					size: 12,
-					"stroke-width": 2
-				})], 10, Ii),
-				p("input", {
-					type: "number",
-					class: n(Bi),
-					value: e.modelValue.bottom,
-					"aria-label": x(o).spacingControl.bottom,
-					min: "0",
-					onInput: r[10] ||= (e) => h("bottom", Number(e.target.value))
-				}, null, 40, Li),
-				p("button", {
-					"aria-label": x(o).spacingControl.increaseBottom,
-					class: n([zi, "tpl:rounded-r-[var(--tpl-radius-sm)]"]),
-					onClick: r[11] ||= (e) => f("bottom", 1)
-				}, [g(x(nn), {
-					size: 12,
-					"stroke-width": 2
-				})], 10, Ri)
-			])
-		])]));
-	}
-}), [["__scopeId", "data-v-9a9c8a07"]]), Hi = ["data-testid"], Ui = { class: "tpl:mt-3" }, Wi = /* @__PURE__ */ f({
-	__name: "CollapsibleSection",
-	props: {
-		title: {},
-		open: { type: Boolean },
-		noBorder: { type: Boolean },
-		headerTestId: {}
-	},
-	emits: ["toggle"],
-	setup(e) {
-		return (t, r) => (s(), m("div", { class: n(["tpl:py-3", e.noBorder ? "" : "tpl:border-t tpl:border-[var(--tpl-border)]"]) }, [p("button", {
-			type: "button",
-			"data-testid": e.headerTestId,
-			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: r[0] ||= (e) => t.$emit("toggle")
-		}, [g(x(ft), {
-			class: n(["tpl:transition-transform tpl:duration-200", e.open ? "tpl:rotate-0" : "tpl:-rotate-90"]),
-			size: 12,
-			"stroke-width": 2
-		}, null, 8, ["class"]), p("span", null, c(e.title), 1)], 8, Hi), k(p("div", Ui, [_(t.$slots, "default")], 512), [[M, e.open]])], 2));
-	}
-}), Gi = { class: "tpl:space-y-2" }, Ki = { class: "tpl:flex tpl:items-center tpl:gap-2" }, qi = { class: "tpl:space-y-2" }, Ji = ["value"], Yi = { value: "" }, Xi = ["label"], Zi = ["value"], Qi = ["value"], $i = {
-	key: 0,
-	value: "__custom__"
-}, ea = {
-	key: 0,
-	class: "tpl:space-y-2"
-}, ta = { class: "tpl:mb-1 tpl:block tpl:text-[11px] tpl:font-medium tpl:text-[var(--tpl-text-muted)]" }, na = { class: "tpl:mb-1 tpl:block tpl:text-[11px] tpl:font-medium tpl:text-[var(--tpl-text-muted)]" }, ra = { class: "tpl:flex tpl:justify-end" }, ia = ["disabled"], aa = {
-	key: 0,
-	class: "tpl:text-[11px] tpl:text-[var(--tpl-text-muted)]"
-}, oa = { class: "tpl:space-y-1" }, sa = { 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)]" }, ca = {
-	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)]"
-}, la = /* @__PURE__ */ f({
-	__name: "CommonBlockSettings",
-	props: {
-		block: {},
-		isFirstSection: { type: Boolean }
-	},
-	emits: ["update"],
-	setup(t, { emit: r }) {
-		let a = t, u = r, { t: f } = U(), h = D(et, []), _ = D(rt, !1), v = S(/* @__PURE__ */ new Set()), E = d(!1), O = d(""), j = d(""), M = [{
-			key: "desktop",
-			icon: wt,
-			labelKey: "showOnDesktop"
-		}, {
-			key: "mobile",
-			icon: Tt,
-			labelKey: "showOnMobile"
-		}];
-		function N(e) {
-			v.has(e) ? v.delete(e) : v.add(e);
-		}
-		let P = w(() => h.length > 0 || _), F = w(() => a.block.displayCondition ? !h.some((e) => e.label === a.block.displayCondition?.label) : !1);
-		function ee() {
-			E.value = !0, F.value && a.block.displayCondition ? (O.value = a.block.displayCondition.before, j.value = a.block.displayCondition.after ?? "") : (O.value = "", j.value = "");
-		}
-		function I() {
-			O.value.trim() && (u("update", { displayCondition: {
-				label: f.blockSettings.customCondition,
-				before: O.value.trim(),
-				after: j.value.trim()
-			} }), E.value = !1, O.value = "", j.value = "");
-		}
-		i(() => a.block.displayCondition, (e) => {
-			if (!e) {
-				E.value = !1, O.value = "", j.value = "";
-				return;
-			}
-			F.value && (O.value = e.before, j.value = e.after ?? "");
-		}, { immediate: !0 });
-		let L = w(() => {
-			let e = {};
-			for (let t of h) {
-				let n = t.group ?? "";
-				e[n] || (e[n] = []), e[n].push(t);
-			}
-			return e;
-		});
-		function R(e, t) {
-			u("update", { styles: {
-				...a.block.styles,
-				[e]: t
-			} });
-		}
-		function z(e) {
-			return a.block.visibility?.[e] !== !1;
-		}
-		function B(e) {
-			let t = {
-				desktop: z("desktop"),
-				mobile: z("mobile")
-			};
-			t[e] = !t[e], u("update", { visibility: t });
-		}
-		return (r, i) => (s(), m("div", { class: n(["tpl:flex tpl:flex-col", t.isFirstSection ? "" : "tpl:mt-4"]) }, [
-			g(Wi, {
-				title: x(f).blockSettings.spacing,
-				open: v.has("spacing"),
-				"no-border": t.isFirstSection,
-				onToggle: i[1] ||= (e) => N("spacing")
-			}, {
-				default: l(() => [g(Vi, {
-					label: x(f).blockSettings.padding,
-					"model-value": t.block.styles.padding,
-					"onUpdate:modelValue": i[0] ||= (e) => R("padding", e)
-				}, null, 8, ["label", "model-value"])]),
-				_: 1
-			}, 8, [
-				"title",
-				"open",
-				"no-border"
-			]),
-			g(Wi, {
-				title: x(f).blockSettings.background,
-				open: v.has("bg"),
-				onToggle: i[3] ||= (e) => N("bg")
-			}, {
-				default: l(() => [p("label", { class: n(x(K)) }, c(x(f).blockSettings.color), 3), g(Y, {
-					"model-value": t.block.styles.backgroundColor ?? "",
-					"onUpdate:modelValue": i[2] ||= (e) => R("backgroundColor", e)
-				}, null, 8, ["model-value"])]),
-				_: 1
-			}, 8, ["title", "open"]),
-			g(Wi, {
-				title: x(f).blockSettings.display,
-				open: v.has("display"),
-				onToggle: i[4] ||= (e) => N("display")
-			}, {
-				default: l(() => [p("div", Gi, [(s(), m(C, null, e(M, (e) => g(X, {
-					key: e.key,
-					class: "tpl:text-xs tpl:text-[var(--tpl-text)]",
-					"model-value": z(e.key),
-					label: x(f).blockSettings[e.labelKey],
-					"onUpdate:modelValue": (t) => B(e.key)
-				}, {
-					default: l(() => [p("span", Ki, [(s(), y(o(e.icon), {
-						size: 14,
-						"stroke-width": 1.5
-					})), b(" " + c(x(f).blockSettings[e.labelKey]), 1)])]),
-					_: 2
-				}, 1032, [
-					"model-value",
-					"label",
-					"onUpdate:modelValue"
-				])), 64))])]),
-				_: 1
-			}, 8, ["title", "open"]),
-			P.value ? (s(), y(Wi, {
-				key: 0,
-				"header-test-id": "display-condition-section",
-				title: x(f).blockSettings.displayCondition,
-				open: v.has("condition"),
-				onToggle: i[8] ||= (e) => N("condition")
-			}, {
-				default: l(() => [p("div", qi, [p("select", {
-					"data-testid": "display-condition-select",
-					class: n(["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)]", t.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: E.value || F.value ? "__custom__" : t.block.displayCondition?.label ?? "",
-					onChange: i[5] ||= (e) => {
-						let t = e.target.value;
-						if (t === "__custom__") {
-							ee();
-							return;
-						}
-						if (E.value = !1, !t) {
-							u("update", { displayCondition: void 0 });
-							return;
-						}
-						let n = x(h).find((e) => e.label === t);
-						n && u("update", { displayCondition: n });
-					}
-				}, [
-					p("option", Yi, c(x(f).blockSettings.noCondition), 1),
-					(s(!0), m(C, null, e(L.value, (t, n) => (s(), m(C, { key: n }, [n ? (s(), m("optgroup", {
-						key: 0,
-						label: String(n)
-					}, [(s(!0), m(C, null, e(t, (e) => (s(), m("option", {
-						key: e.label,
-						value: e.label
-					}, c(e.label), 9, Zi))), 128))], 8, Xi)) : (s(!0), m(C, { key: 1 }, e(t, (e) => (s(), m("option", {
-						key: e.label,
-						value: e.label
-					}, c(e.label), 9, Qi))), 128))], 64))), 128)),
-					x(_) ? (s(), m("option", $i, c(x(f).blockSettings.customCondition), 1)) : T("", !0)
-				], 42, Ji), E.value || F.value ? (s(), m("div", ea, [
-					p("div", null, [p("label", ta, c(x(f).blockSettings.customConditionBefore), 1), k(p("textarea", {
-						"onUpdate:modelValue": i[6] ||= (e) => O.value = e,
-						rows: "2",
-						class: n(x(Bt))
-					}, null, 2), [[A, O.value]])]),
-					p("div", null, [p("label", na, c(x(f).blockSettings.customConditionAfter), 1), k(p("textarea", {
-						"onUpdate:modelValue": i[7] ||= (e) => j.value = e,
-						rows: "2",
-						class: n(x(Bt))
-					}, null, 2), [[A, j.value]])]),
-					p("div", ra, [p("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: I
-					}, c(x(f).blockSettings.applyCondition), 9, ia)])
-				])) : t.block.displayCondition && !F.value ? (s(), m(C, { key: 1 }, [t.block.displayCondition.description ? (s(), m("p", aa, c(t.block.displayCondition.description), 1)) : T("", !0), p("div", oa, [p("pre", sa, c(t.block.displayCondition.before), 1), t.block.displayCondition.after ? (s(), m("pre", ca, c(t.block.displayCondition.after), 1)) : T("", !0)])], 64)) : T("", !0)])]),
-				_: 1
-			}, 8, ["title", "open"])) : T("", !0)
-		], 2));
-	}
-}), ua = ["title"], da = /* @__PURE__ */ f({
-	__name: "BooleanField",
-	props: {
-		field: {},
-		modelValue: { type: Boolean },
-		readOnly: { type: Boolean }
-	},
-	emits: ["update:modelValue"],
-	setup(e, { emit: t }) {
-		let n = t, { t: r } = U();
-		return (t, i) => (s(), m("div", {
-			class: "tpl:mb-3.5",
-			title: e.readOnly ? x(r).customBlocks.dataSource.readOnlyTooltip : void 0
-		}, [g(X, {
-			class: "tpl:text-sm tpl:font-medium tpl:text-[var(--tpl-text-muted)]",
-			"model-value": e.modelValue,
-			label: e.field.label,
-			required: e.field.required,
-			disabled: e.readOnly,
-			"onUpdate:modelValue": i[0] ||= (e) => n("update:modelValue", e)
-		}, {
-			default: l(() => [b(c(e.field.label) + " ", 1), e.readOnly ? (s(), y(x($t), {
-				key: 0,
-				size: 12,
-				class: "tpl:inline tpl:text-[var(--tpl-text-dim)]"
-			})) : T("", !0)]),
-			_: 1
-		}, 8, [
-			"model-value",
-			"label",
-			"required",
-			"disabled"
-		])], 8, ua));
-	}
-}), fa = { class: "tpl:mb-3.5" }, pa = {
-	key: 1,
-	class: "tpl:text-[var(--tpl-danger)]"
-}, ma = /* @__PURE__ */ f({
-	__name: "FieldWrapper",
-	props: {
-		label: {},
-		required: { type: Boolean },
-		readOnly: { type: Boolean }
-	},
-	setup(e) {
-		return (t, r) => (s(), m("div", fa, [p("label", { class: n(x(K)) }, [
-			b(c(e.label) + " ", 1),
-			e.readOnly ? (s(), y(x($t), {
-				key: 0,
-				size: 12,
-				class: "tpl:inline tpl:text-[var(--tpl-text-dim)]"
-			})) : T("", !0),
-			e.required ? (s(), m("span", pa, "*")) : T("", !0)
-		], 2), _(t.$slots, "default")]));
-	}
-}), ha = /* @__PURE__ */ f({
-	__name: "ColorField",
-	props: {
-		field: {},
-		modelValue: {},
-		readOnly: { type: Boolean }
-	},
-	emits: ["update:modelValue"],
-	setup(e, { emit: t }) {
-		let n = e, r = t, { t: i } = U(), a = D(ct, Ie), o = w(() => ae(n.field, a));
-		return (t, n) => (s(), y(ma, {
-			label: e.field.label,
-			required: e.field.required,
-			"read-only": e.readOnly
-		}, {
-			default: l(() => [g(Y, {
-				"model-value": e.modelValue,
-				placeholder: e.field.placeholder,
-				disabled: e.readOnly,
-				presets: o.value.presets,
-				"allow-custom": o.value.allowCustom,
-				title: e.readOnly ? x(i).customBlocks.dataSource.readOnlyTooltip : void 0,
-				"onUpdate:modelValue": n[0] ||= (e) => r("update:modelValue", e)
-			}, null, 8, [
-				"model-value",
-				"placeholder",
-				"disabled",
-				"presets",
-				"allow-custom",
-				"title"
-			])]),
-			_: 1
-		}, 8, [
-			"label",
-			"required",
-			"read-only"
-		]));
-	}
-}), ga = {
-	key: 0,
-	class: "tpl:pointer-events-none tpl:absolute tpl:inset-0 tpl:z-10 tpl:flex tpl:flex-col tpl:items-center tpl:justify-center tpl:gap-1.5 tpl:rounded tpl:border-2 tpl:border-dashed tpl:text-xs tpl:font-medium tpl:border-[var(--tpl-primary)] tpl:text-[var(--tpl-primary)]",
-	style: { "background-color": "color-mix(in srgb, var(--tpl-bg) 90%, transparent)" }
-}, _a = [
-	"value",
-	"placeholder",
-	"title"
-], va = ["value", "placeholder"], ya = /* @__PURE__ */ f({
-	__name: "ImageField",
-	props: {
-		field: {},
-		modelValue: {},
-		readOnly: { type: Boolean }
-	},
-	emits: ["update:modelValue"],
-	setup(e, { emit: t }) {
-		let r = e, i = t, { t: a } = U(), o = D(Ue, null), u = Ft(), f = w(() => !!o);
-		async function h() {
-			let e = await o?.({ accept: ["images"] });
-			u.alive && e && i("update:modelValue", e.url);
-		}
-		let _ = d(), v = d(!1), S = w(() => f.value && !v.value && !r.readOnly);
-		async function E(e) {
-			if (o) {
-				v.value = !0;
-				try {
-					let t = await o({
-						accept: ["images"],
-						files: e
-					});
-					if (!u.alive) return;
-					t && i("update:modelValue", t.url);
-				} finally {
-					u.alive && (v.value = !1);
-				}
-			}
-		}
-		let { isOver: O } = pe({
-			target: _,
-			enabled: S,
-			onFiles: E
-		});
-		return (t, r) => (s(), y(ma, {
-			label: e.field.label,
-			required: e.field.required,
-			"read-only": e.readOnly
-		}, {
-			default: l(() => [p("div", {
-				ref_key: "dropZoneRef",
-				ref: _,
-				class: "tpl:relative"
-			}, [
-				S.value && (x(O) || v.value) ? (s(), m("div", ga, [v.value ? (s(), m(C, { key: 0 }, [g(x(Ct), {
-					class: "tpl-spinner",
-					size: 18,
-					"stroke-width": 2
-				}), b(" " + c(x(a).image.uploading), 1)], 64)) : (s(), m(C, { key: 1 }, [g(x(F), {
-					size: 18,
-					"stroke-width": 1.5
-				}), b(" " + c(x(a).image.dropToUpload), 1)], 64))])) : T("", !0),
-				e.readOnly ? (s(), m("input", {
-					key: 1,
-					type: "url",
-					class: n([x(G), "tpl:opacity-60 tpl:cursor-not-allowed"]),
-					value: e.modelValue,
-					placeholder: e.field.placeholder || "https://...",
-					disabled: "",
-					title: x(a).customBlocks.dataSource.readOnlyTooltip
-				}, null, 10, _a)) : (s(), m("input", {
-					key: 2,
-					type: "url",
-					class: n(x(G)),
-					value: e.modelValue,
-					placeholder: e.field.placeholder || "https://...",
-					onInput: r[0] ||= (e) => i("update:modelValue", e.target.value)
-				}, null, 42, va)),
-				f.value && !e.readOnly ? (s(), m("button", {
-					key: 3,
-					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: r[1] ||= (e) => h()
-				}, [g(x(ue), {
-					size: 14,
-					"stroke-width": 1.5
-				}), b(" " + c(x(a).image.browseMedia), 1)])) : T("", !0)
-			], 512)]),
-			_: 1
-		}, 8, [
-			"label",
-			"required",
-			"read-only"
-		]));
-	}
-}), ba = [
-	"value",
-	"placeholder",
-	"min",
-	"max",
-	"step",
-	"disabled",
-	"title"
-], xa = /* @__PURE__ */ f({
-	__name: "NumberField",
-	props: {
-		field: {},
-		modelValue: {},
-		readOnly: { type: Boolean }
-	},
-	emits: ["update:modelValue"],
-	setup(e, { emit: t }) {
-		let r = t, { t: i } = U();
-		return (t, a) => (s(), y(ma, {
-			label: e.field.label,
-			required: e.field.required,
-			"read-only": e.readOnly
-		}, {
-			default: l(() => [p("input", {
-				type: "number",
-				class: n([x(G), 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 ? x(i).customBlocks.dataSource.readOnlyTooltip : void 0,
-				onInput: a[0] ||= (t) => !e.readOnly && r("update:modelValue", Number(t.target.value))
-			}, null, 42, ba)]),
-			_: 1
-		}, 8, [
-			"label",
-			"required",
-			"read-only"
-		]));
-	}
-}), Sa = { class: "tpl:flex tpl:flex-col tpl:gap-2" }, Ca = { class: "tpl:mb-2 tpl:flex tpl:items-center tpl:justify-between" }, wa = { class: "tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-text-dim)]" }, Ta = ["title", "onClick"], Ea = {
-	key: 1,
-	class: "tpl:m-0 tpl:text-center tpl:text-xs tpl:text-[var(--tpl-text-dim)]"
-}, Da = /* @__PURE__ */ f({
-	__name: "RepeatableField",
-	props: {
-		field: {},
-		modelValue: {},
-		readOnly: { type: Boolean }
-	},
-	emits: ["update:modelValue"],
-	setup(t, { emit: r }) {
-		let i = t, a = r, { t: u } = U(), d = w(() => i.modelValue || []), f = w(() => !i.field.maxItems || d.value.length < i.field.maxItems), h = w(() => !i.field.minItems || d.value.length > i.field.minItems);
-		function _() {
-			if (!f.value || i.readOnly) return;
-			let e = {};
-			for (let t of i.field.fields) e[t.key] = t.default ?? "";
-			a("update:modelValue", [...d.value, e]);
-		}
-		function v(e) {
-			if (!h.value || i.readOnly) return;
-			let t = [...d.value];
-			t.splice(e, 1), a("update:modelValue", t);
-		}
-		function S(e, t, n) {
-			let r = d.value.map((r, i) => i === e ? {
-				...r,
-				[t]: n
-			} : r);
-			a("update:modelValue", r);
-		}
-		return (r, i) => (s(), y(ma, {
-			label: t.field.label,
-			required: t.field.required,
-			"read-only": t.readOnly
-		}, {
-			default: l(() => [p("div", Sa, [
-				(s(!0), m(C, null, e(d.value, (n, r) => (s(), m("div", {
-					key: `${t.field.key}-${r}`,
-					class: "tpl:rounded-md tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg-hover)] tpl:p-3"
-				}, [p("div", Ca, [p("span", wa, " #" + c(r + 1), 1), h.value && !t.readOnly ? (s(), 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: x(u).customBlocks.fields.removeItem,
-					onClick: (e) => v(r)
-				}, [g(x(At), {
-					size: 12,
-					"stroke-width": 2
-				})], 8, Ta)) : T("", !0)]), (s(!0), m(C, null, e(t.field.fields, (e) => (s(), y(o(x(Ia)(e.type)), {
-					key: e.key,
-					field: e,
-					"model-value": n[e.key],
-					"read-only": t.readOnly,
-					"onUpdate:modelValue": (t) => S(r, e.key, t)
-				}, null, 8, [
-					"field",
-					"model-value",
-					"read-only",
-					"onUpdate:modelValue"
-				]))), 128))]))), 128)),
-				f.value && !t.readOnly ? (s(), m("button", {
-					key: 0,
-					type: "button",
-					class: n(x(Ht)),
-					onClick: _
-				}, [g(x(nn), {
-					size: 14,
-					"stroke-width": 2
-				}), b(" " + c(x(u).customBlocks.fields.addItem), 1)], 2)) : T("", !0),
-				!f.value && !t.readOnly ? (s(), m("p", Ea, c(x(u).customBlocks.fields.maxItemsReached), 1)) : T("", !0)
-			])]),
-			_: 1
-		}, 8, [
-			"label",
-			"required",
-			"read-only"
-		]));
-	}
-}), Oa = [
-	"value",
-	"disabled",
-	"title"
-], ka = ["value"], Aa = /* @__PURE__ */ f({
-	__name: "SelectField",
-	props: {
-		field: {},
-		modelValue: {},
-		readOnly: { type: Boolean }
-	},
-	emits: ["update:modelValue"],
-	setup(t, { emit: r }) {
-		let i = r, { t: a } = U();
-		return (r, o) => (s(), y(ma, {
-			label: t.field.label,
-			required: t.field.required,
-			"read-only": t.readOnly
-		}, {
-			default: l(() => [p("select", {
-				class: n([x(G), t.readOnly && "tpl:opacity-60 tpl:cursor-not-allowed"]),
-				value: t.modelValue,
-				disabled: t.readOnly,
-				title: t.readOnly ? x(a).customBlocks.dataSource.readOnlyTooltip : void 0,
-				onChange: o[0] ||= (e) => !t.readOnly && i("update:modelValue", e.target.value)
-			}, [(s(!0), m(C, null, e(t.field.options, (e) => (s(), m("option", {
-				key: e.value,
-				value: e.value
-			}, c(e.label), 9, ka))), 128))], 42, Oa)]),
-			_: 1
-		}, 8, [
-			"label",
-			"required",
-			"read-only"
-		]));
-	}
-}), ja = [
-	"value",
-	"placeholder",
-	"title"
-], Ma = /* @__PURE__ */ f({
-	__name: "TextField",
-	props: {
-		field: {},
-		modelValue: {},
-		readOnly: { type: Boolean }
-	},
-	emits: ["update:modelValue"],
-	setup(e, { emit: t }) {
-		let r = t, { t: i } = U();
-		return (t, a) => (s(), y(ma, {
-			label: e.field.label,
-			required: e.field.required,
-			"read-only": e.readOnly
-		}, {
-			default: l(() => [e.readOnly ? (s(), m("input", {
-				key: 0,
-				type: "text",
-				class: n([x(G), "tpl:opacity-60 tpl:cursor-not-allowed"]),
-				value: e.modelValue,
-				placeholder: e.field.placeholder,
-				disabled: "",
-				title: x(i).customBlocks.dataSource.readOnlyTooltip
-			}, null, 10, ja)) : (s(), y($, {
-				key: 1,
-				"model-value": e.modelValue,
-				placeholder: e.field.placeholder,
-				"onUpdate:modelValue": a[0] ||= (e) => r("update:modelValue", e)
-			}, null, 8, ["model-value", "placeholder"]))]),
-			_: 1
-		}, 8, [
-			"label",
-			"required",
-			"read-only"
-		]));
-	}
-}), Na = [
-	"value",
-	"placeholder",
-	"title"
-], Pa = "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", Fa = {
-	text: Ma,
-	textarea: /* @__PURE__ */ f({
-		__name: "TextareaField",
-		props: {
-			field: {},
-			modelValue: {},
-			readOnly: { type: Boolean }
-		},
-		emits: ["update:modelValue"],
-		setup(e, { emit: t }) {
-			let r = t, { t: i } = U();
-			return (t, a) => (s(), y(ma, {
-				label: e.field.label,
-				required: e.field.required,
-				"read-only": e.readOnly
-			}, {
-				default: l(() => [e.readOnly ? (s(), m("textarea", {
-					key: 0,
-					value: e.modelValue,
-					placeholder: e.field.placeholder,
-					rows: "3",
-					disabled: "",
-					title: x(i).customBlocks.dataSource.readOnlyTooltip,
-					class: n(Pa)
-				}, null, 8, Na)) : (s(), y(ur, {
-					key: 1,
-					"model-value": e.modelValue,
-					placeholder: e.field.placeholder,
-					"onUpdate:modelValue": a[0] ||= (e) => r("update:modelValue", e)
-				}, null, 8, ["model-value", "placeholder"]))]),
-				_: 1
-			}, 8, [
-				"label",
-				"required",
-				"read-only"
-			]));
-		}
-	}),
-	image: ya,
-	color: ha,
-	number: xa,
-	select: Aa,
-	boolean: da,
-	repeatable: Da
-};
-function Ia(e) {
-	return Fa[e] ?? Ma;
-}
-//#endregion
-//#region src/components/toolbar/CustomBlockToolbar.vue?vue&type=script&setup=true&lang.ts
-var La = {
-	key: 0,
-	class: "tpl:p-4"
-}, Ra = { class: "tpl:m-0 tpl:text-center tpl:text-sm tpl:text-[var(--tpl-text-muted)]" }, za = { key: 1 }, Ba = {
-	key: 0,
-	class: "tpl:m-0 tpl:mb-3 tpl:text-xs tpl:text-[var(--tpl-text-dim)]"
-}, Va = {
-	key: 1,
-	class: "tpl:mb-4"
-}, Ha = {
-	key: 1,
-	class: "tpl:flex tpl:h-[32px] tpl:items-center"
-}, Ua = {
-	key: 0,
-	class: "tpl:w-full tpl:text-center tpl:text-xs tpl:text-[var(--tpl-text-muted)]"
-}, Wa = {
-	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)]"
-}, Ga = /* @__PURE__ */ f({
-	__name: "CustomBlockToolbar",
-	props: { block: {} },
-	emits: ["updateFieldValues", "updateDataSourceFetched"],
-	setup(t, { emit: n }) {
-		let r = t, i = n, { t: a } = U(), l = D(at, []), u = w(() => l.find((e) => e.type === r.block.customType)), d = w(() => r.block), { isFetching: f, fetchError: h, fetch: _, hasDataSource: v, needsFetch: S } = ce({
-			definition: u,
-			block: d,
-			onUpdate: (e, t) => {
-				i("updateFieldValues", e), i("updateDataSourceFetched", t);
-			}
-		});
-		function E(e) {
-			return e.readOnly === !0 && v.value && !!r.block.dataSourceFetched;
-		}
-		function O(e, t) {
-			i("updateFieldValues", {
-				...r.block.fieldValues,
-				[e]: t
-			});
-		}
-		return (n, r) => u.value ? (s(), m("div", za, [
-			u.value.description ? (s(), m("p", Ba, c(u.value.description), 1)) : T("", !0),
-			x(v) ? (s(), m("div", Va, [x(S) && !x(f) ? (s(), 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: r[0] ||= (...e) => x(_) && x(_)(...e)
-			}, c(u.value?.dataSource?.label || x(a).customBlocks.dataSource.fetchButton), 1)) : (s(), m("div", Ha, [x(f) ? (s(), m("div", Ua, c(x(a).customBlocks.dataSource.fetching), 1)) : (s(), 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: r[1] ||= (...e) => x(_) && x(_)(...e)
-			}, [g(x(yt), { size: 12 }), b(" " + c(x(a).customBlocks.dataSource.changeButton), 1)]))])), x(h) ? (s(), m("p", Wa, [g(x(pt), {
-				size: 14,
-				class: "tpl:shrink-0"
-			}), b(" " + c(x(a).customBlocks.dataSource.fetchError), 1)])) : T("", !0)])) : T("", !0),
-			(s(!0), m(C, null, e(u.value.fields, (e) => (s(), y(o(x(Ia)(e.type)), {
-				key: e.key,
-				field: e,
-				"model-value": t.block.fieldValues[e.key],
-				"read-only": E(e),
-				"onUpdate:modelValue": (t) => O(e.key, t)
-			}, null, 8, [
-				"field",
-				"model-value",
-				"read-only",
-				"onUpdate:modelValue"
-			]))), 128))
-		])) : (s(), m("div", La, [p("p", Ra, c(x(a).customBlocks.toolbar.noDefinition), 1)]));
-	}
-}), Ka = { class: "tpl:mb-3.5" }, qa = { class: "tpl:mb-3.5" }, Ja = { class: "tpl:mb-3.5" }, Ya = { class: "tpl:flex tpl:items-stretch" }, Xa = ["value"], Za = /* @__PURE__ */ f({
-	__name: "DividerToolbar",
-	props: { block: {} },
-	emits: ["update"],
-	setup(e, { emit: t }) {
-		let r = t, { t: i } = U();
-		function a(e, t) {
-			r("update", { [e]: t });
-		}
-		return (t, r) => (s(), m(C, null, [
-			p("div", Ka, [p("label", { class: n(x(K)) }, c(x(i).divider.style), 3), g(Q, {
-				options: [
-					{
-						value: "solid",
-						label: x(i).divider.solid
-					},
-					{
-						value: "dashed",
-						label: x(i).divider.dashed
-					},
-					{
-						value: "dotted",
-						label: x(i).divider.dotted
-					}
-				],
-				"model-value": e.block.lineStyle,
-				"onUpdate:modelValue": r[0] ||= (e) => a("lineStyle", e)
-			}, null, 8, ["options", "model-value"])]),
-			p("div", qa, [p("label", { class: n(x(K)) }, c(x(i).divider.color), 3), g(Y, {
-				"model-value": e.block.color,
-				"onUpdate:modelValue": r[1] ||= (e) => a("color", e)
-			}, null, 8, ["model-value"])]),
-			p("div", Ja, [p("label", { class: n(x(K)) }, c(x(i).divider.thickness), 3), p("div", Ya, [p("input", {
-				type: "number",
-				class: n(x(J)),
-				value: e.block.thickness,
-				min: "1",
-				max: "10",
-				onInput: r[2] ||= (e) => a("thickness", Number(e.target.value))
-			}, null, 42, Xa), p("span", { class: n(x(q)) }, "px", 2)])])
-		], 64));
-	}
-}), Qa = { class: "tpl:mb-3.5" }, $a = ["value"], eo = { class: "tpl:mt-1.5 tpl:flex tpl:items-start tpl:gap-1.5 tpl:text-[11px] tpl:text-[var(--tpl-text-dim)]" }, to = /* @__PURE__ */ f({
-	__name: "HtmlToolbar",
-	props: { block: {} },
-	emits: ["update"],
-	setup(e, { emit: t }) {
-		let r = t, { t: i } = U();
-		return (t, a) => (s(), m("div", Qa, [
-			p("label", { class: n(x(K)) }, c(x(i).html.content), 3),
-			p("textarea", {
-				value: e.block.content,
-				placeholder: "<div>...</div>",
-				rows: "10",
-				class: n(x(Bt)),
-				onInput: a[0] ||= (e) => r("update", { content: e.target.value })
-			}, null, 42, $a),
-			p("p", eo, [g(x(xt), {
-				size: 12,
-				class: "tpl:mt-0.5 tpl:shrink-0"
-			}), b(" " + c(x(i).html.sanitizationHint), 1)])
-		]));
-	}
-}), no = { class: "tpl:mb-3.5" }, ro = {
-	key: 0,
-	class: "tpl:pointer-events-none tpl:absolute tpl:inset-0 tpl:z-10 tpl:flex tpl:flex-col tpl:items-center tpl:justify-center tpl:gap-1.5 tpl:rounded tpl:border-2 tpl:border-dashed tpl:text-xs tpl:font-medium tpl:border-[var(--tpl-primary)] tpl:text-[var(--tpl-primary)]",
-	style: { "background-color": "color-mix(in srgb, var(--tpl-bg) 90%, transparent)" }
-}, io = {
-	key: 0,
-	class: "tpl:mb-3.5"
-}, ao = ["value", "placeholder"], oo = { class: "tpl:mb-3.5" }, so = { class: "tpl:block tpl:text-[var(--tpl-text-dim)]" }, co = { class: "tpl:mb-3.5" }, lo = ["value"], uo = { value: "full" }, fo = { value: "custom" }, po = {
-	key: 0,
-	class: "tpl:mt-2 tpl:flex tpl:items-stretch"
-}, mo = ["value"], ho = { class: "tpl:mb-3.5" }, go = { class: "tpl:mb-3.5" }, _o = 350, vo = /* @__PURE__ */ f({
-	__name: "ImageToolbar",
-	props: { block: {} },
-	emits: ["update"],
-	setup(e, { emit: t }) {
-		let r = e, i = t, { t: a } = U(), o = D(Ue, null), u = D(Re, B.liquid), f = Ft(), h = w(() => !!o), _ = d(!1), v = d(!1), { start: S } = Fe(() => {
-			_.value = !1;
-		}, 1e3, { immediate: !1 }), E = [
-			300,
-			400,
-			500
-		], O = w(() => {
-			let e = r.block.width;
-			return e === "full" ? "full" : E.includes(e) ? String(e) : "custom";
-		});
-		function k(e, t) {
-			i("update", { [e]: t });
-		}
-		function A(e) {
-			if (e === "custom") {
-				let e = r.block.width;
-				(typeof e != "number" || E.includes(e)) && k("width", _o);
-				return;
-			}
-			k("width", e === "full" ? "full" : Number(e));
-		}
-		function j(e) {
-			let t = Number(e);
-			!Number.isFinite(t) || t <= 0 || k("width", t);
-		}
-		async function M() {
-			let e = await o?.({ accept: ["images"] });
-			f.alive && e && (k("src", e.url), e.alt && (k("alt", e.alt), v.value = !0), _.value = !0, S());
-		}
-		let N = d(), P = d(!1), ee = w(() => V(r.block.src, u)), I = w(() => h.value && !P.value && !ee.value);
-		async function L(e) {
-			if (o) {
-				P.value = !0;
-				try {
-					let t = await o({
-						accept: ["images"],
-						files: e
-					});
-					if (!f.alive) return;
-					t && (k("src", t.url), t.alt && (k("alt", t.alt), v.value = !0), _.value = !0, S());
-				} finally {
-					f.alive && (P.value = !1);
-				}
-			}
-		}
-		let { isOver: R } = pe({
-			target: N,
-			enabled: I,
-			onFiles: L
-		});
-		return (t, r) => (s(), m(C, null, [
-			p("div", no, [p("label", { class: n(x(K)) }, c(x(a).image.imageUrl), 3), p("div", {
-				ref_key: "dropZoneRef",
-				ref: N,
-				class: "tpl:relative"
-			}, [
-				I.value && (x(R) || P.value) ? (s(), m("div", ro, [P.value ? (s(), m(C, { key: 0 }, [g(x(Ct), {
-					class: "tpl-spinner",
-					size: 18,
-					"stroke-width": 2
-				}), b(" " + c(x(a).image.uploading), 1)], 64)) : (s(), m(C, { key: 1 }, [g(x(F), {
-					size: 18,
-					"stroke-width": 1.5
-				}), b(" " + c(x(a).image.dropToUpload), 1)], 64))])) : T("", !0),
-				g($, {
-					"model-value": e.block.src,
-					type: "url",
-					placeholder: x(a).image.imageUrlPlaceholder,
-					pulse: _.value,
-					"onUpdate:modelValue": r[0] ||= (e) => k("src", e)
-				}, null, 8, [
-					"model-value",
-					"placeholder",
-					"pulse"
-				]),
-				h.value ? (s(), m("button", {
-					key: 1,
-					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: M
-				}, [g(x(ue), {
-					size: 14,
-					"stroke-width": 1.5
-				}), b(" " + c(x(a).image.browseMedia), 1)])) : T("", !0)
-			], 512)]),
-			x(V)(e.block.src, x(u)) ? (s(), m("div", io, [p("label", { class: n(x(K)) }, [b(c(x(a).image.placeholderUrl) + " ", 1), r[9] ||= p("span", { class: "tpl:font-normal tpl:text-[var(--tpl-text-dim)]" }, c("(optional)"), -1)], 2), p("input", {
-				type: "url",
-				class: n(x(G)),
-				value: e.block.placeholderUrl || "",
-				placeholder: x(a).image.placeholderUrlPlaceholder,
-				onInput: r[1] ||= (e) => k("placeholderUrl", e.target.value)
-			}, null, 42, ao)])) : T("", !0),
-			p("div", oo, [
-				p("label", { class: n(x(K)) }, c(x(a).image.altText), 3),
-				g($, {
-					"model-value": e.block.alt,
-					type: "text",
-					placeholder: x(a).image.altTextPlaceholder,
-					pulse: v.value,
-					disabled: e.block.decorative === !0,
-					"onUpdate:modelValue": r[2] ||= (e) => k("alt", e)
-				}, null, 8, [
-					"model-value",
-					"placeholder",
-					"pulse",
-					"disabled"
-				]),
-				g(X, {
-					class: "tpl:mt-2 tpl:text-[12px] tpl:text-[var(--tpl-text-muted)]",
-					"model-value": e.block.decorative === !0,
-					label: x(a).image.decorative,
-					"onUpdate:modelValue": r[3] ||= (e) => k("decorative", e)
-				}, {
-					default: l(() => [p("span", null, [b(c(x(a).image.decorative) + " ", 1), p("span", so, c(x(a).image.decorativeHint), 1)])]),
-					_: 1
-				}, 8, ["model-value", "label"])
-			]),
-			p("div", co, [
-				p("label", { class: n(x(K)) }, c(x(a).image.width), 3),
-				p("select", {
-					class: n(x(G)),
-					value: O.value,
-					onChange: r[4] ||= (e) => A(e.target.value)
-				}, [
-					p("option", uo, c(x(a).image.fullWidth), 1),
-					r[10] ||= p("option", { value: "300" }, "300px", -1),
-					r[11] ||= p("option", { value: "400" }, "400px", -1),
-					r[12] ||= p("option", { value: "500" }, "500px", -1),
-					p("option", fo, c(x(a).image.widthCustom), 1)
-				], 42, lo),
-				O.value === "custom" ? (s(), m("div", po, [p("input", {
-					type: "number",
-					class: n(x(J)),
-					value: typeof e.block.width == "number" ? e.block.width : _o,
-					min: "20",
-					onInput: r[5] ||= (e) => j(e.target.value)
-				}, null, 42, mo), p("span", { class: n(x(q)) }, "px", 2)])) : T("", !0)
-			]),
-			p("div", ho, [p("label", { class: n(x(K)) }, c(x(a).title.align), 3), g(Q, {
-				options: [
-					{
-						value: "left",
-						label: x(a).title.alignLeft
-					},
-					{
-						value: "center",
-						label: x(a).title.alignCenter
-					},
-					{
-						value: "right",
-						label: x(a).title.alignRight
-					}
-				],
-				"model-value": e.block.align,
-				"onUpdate:modelValue": r[6] ||= (e) => k("align", e)
-			}, null, 8, ["options", "model-value"])]),
-			p("div", go, [
-				p("label", { class: n(x(K)) }, c(x(a).image.linkUrl), 3),
-				g($, {
-					"model-value": e.block.linkUrl || "",
-					type: "url",
-					placeholder: x(a).image.imageUrlPlaceholder,
-					"onUpdate:modelValue": r[7] ||= (e) => k("linkUrl", e)
-				}, null, 8, ["model-value", "placeholder"]),
-				e.block.linkUrl ? (s(), y(X, {
-					key: 0,
-					class: "tpl:mt-2 tpl:text-[12px] tpl:text-[var(--tpl-text-muted)]",
-					"model-value": e.block.linkOpenInNewTab ?? !1,
-					label: x(a).image.openInNewTab,
-					"onUpdate:modelValue": r[8] ||= (e) => k("linkOpenInNewTab", e)
-				}, null, 8, ["model-value", "label"])) : T("", !0)
-			])
-		], 64));
-	}
-}), yo = { class: "tpl:flex tpl:flex-col tpl:gap-2" }, bo = { class: "tpl:flex tpl:items-center tpl:gap-2" }, xo = [
-	"value",
-	"placeholder",
-	"onInput"
-], So = ["title", "onClick"], Co = { class: "tpl:flex tpl:flex-wrap tpl:items-center tpl:gap-x-3 tpl:gap-y-1.5 tpl:text-xs tpl:text-[var(--tpl-text-muted)]" }, wo = { class: "tpl:flex tpl:items-center tpl:gap-2" }, To = ["value"], Eo = { value: "" }, Do = ["value"], Oo = ["value"], ko = /* @__PURE__ */ f({
-	__name: "MenuToolbar",
-	props: {
-		block: {},
-		fontFamilies: {}
-	},
-	emits: ["update"],
-	setup(t, { emit: r }) {
-		let i = t, a = r, { t: o } = U(), u = w(() => [
-			{
-				key: "openInNewTab",
-				label: o.menu.openInNewTab
-			},
-			{
-				key: "bold",
-				label: o.menu.bold
-			},
-			{
-				key: "underline",
-				label: o.menu.underline
-			}
-		]), d = w(() => [
-			{
-				value: "left",
-				label: o.title.alignLeft,
-				icon: kt
-			},
-			{
-				value: "center",
-				label: o.title.alignCenter,
-				icon: Ot
-			},
-			{
-				value: "right",
-				label: o.title.alignRight,
-				icon: Dt
-			}
-		]);
-		function f(e, t) {
-			a("update", { [e]: t });
-		}
-		function h() {
-			let e = {
-				id: z(),
-				text: "",
-				url: "",
-				openInNewTab: !1,
-				bold: !1,
-				underline: !1
-			};
-			a("update", { items: [...i.block.items, e] });
-		}
-		function _(e, t, n) {
-			let r = i.block.items.map((r) => r.id === e ? {
-				...r,
-				[t]: n
-			} : r);
-			a("update", { items: r });
-		}
-		function v(e) {
-			a("update", { items: i.block.items.filter((t) => t.id !== e) });
-		}
-		return (r, i) => (s(), m(C, null, [
-			g(Z, { label: x(o).menu.items }, {
-				default: l(() => [p("div", yo, [(s(!0), m(C, null, e(t.block.items, (r) => (s(), m("div", {
-					key: r.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"
-				}, [
-					p("div", bo, [p("input", {
-						type: "text",
-						class: n([x(G), "tpl:flex-1"]),
-						value: r.text,
-						placeholder: x(o).menu.text,
-						onInput: (e) => _(r.id, "text", e.target.value)
-					}, null, 42, xo), p("button", {
-						class: n(x(zt)),
-						title: x(o).menu.removeItem,
-						onClick: (e) => v(r.id)
-					}, [g(x(jt), {
-						size: 14,
-						"stroke-width": 2
-					})], 10, So)]),
-					g($, {
-						"model-value": r.url,
-						type: "url",
-						placeholder: x(o).menu.urlPlaceholder,
-						"onUpdate:modelValue": (e) => _(r.id, "url", e)
-					}, null, 8, [
-						"model-value",
-						"placeholder",
-						"onUpdate:modelValue"
-					]),
-					p("div", Co, [(s(!0), m(C, null, e(u.value, (e) => (s(), y(X, {
-						key: e.key,
-						"model-value": r[e.key],
-						label: e.label,
-						"onUpdate:modelValue": (t) => _(r.id, e.key, t)
-					}, null, 8, [
-						"model-value",
-						"label",
-						"onUpdate:modelValue"
-					]))), 128))]),
-					p("div", wo, [p("label", { class: n([x(K), "tpl:!mb-0"]) }, c(x(o).menu.color), 3), g(Y, {
-						"swatch-only": "",
-						"model-value": r.color || t.block.linkColor || t.block.color || "",
-						"onUpdate:modelValue": (e) => _(r.id, "color", e)
-					}, null, 8, ["model-value", "onUpdate:modelValue"])])
-				]))), 128)), p("button", {
-					class: n(x(Ht)),
-					onClick: h
-				}, [g(x(nn), {
-					size: 14,
-					"stroke-width": 2
-				}), b(" " + c(x(o).menu.addItem), 1)], 2)])]),
-				_: 1
-			}, 8, ["label"]),
-			g(Z, { label: x(o).menu.fontFamily }, {
-				default: l(() => [p("select", {
-					class: n(x(G)),
-					value: t.block.fontFamily || "",
-					onChange: i[0] ||= (e) => f("fontFamily", e.target.value || void 0)
-				}, [p("option", Eo, c(x(o).title.inheritFont), 1), (s(!0), m(C, null, e(t.fontFamilies, (e) => (s(), m("option", {
-					key: e.value,
-					value: e.value
-				}, c(e.label), 9, Do))), 128))], 42, To)]),
-				_: 1
-			}, 8, ["label"]),
-			g(Z, { label: x(o).menu.fontSize }, {
-				default: l(() => [g(qt, {
-					"model-value": t.block.fontSize,
-					min: 8,
-					max: 48,
-					suffix: "px",
-					"onUpdate:modelValue": i[1] ||= (e) => f("fontSize", e)
-				}, null, 8, ["model-value"])]),
-				_: 1
-			}, 8, ["label"]),
-			g(Z, { label: x(o).menu.color }, {
-				default: l(() => [g(Y, {
-					"model-value": t.block.color ?? "",
-					"onUpdate:modelValue": i[2] ||= (e) => f("color", e || void 0)
-				}, null, 8, ["model-value"])]),
-				_: 1
-			}, 8, ["label"]),
-			g(Z, { label: x(o).menu.linkColor }, {
-				default: l(() => [g(Y, {
-					"model-value": t.block.linkColor || t.block.color || "",
-					"onUpdate:modelValue": i[3] ||= (e) => f("linkColor", e || void 0)
-				}, null, 8, ["model-value"])]),
-				_: 1
-			}, 8, ["label"]),
-			g(Z, { label: x(o).menu.textAlign }, {
-				default: l(() => [g(Q, {
-					options: d.value,
-					"model-value": t.block.textAlign,
-					"onUpdate:modelValue": i[4] ||= (e) => f("textAlign", e)
-				}, null, 8, ["options", "model-value"])]),
-				_: 1
-			}, 8, ["label"]),
-			g(Z, { label: x(o).menu.separator }, {
-				default: l(() => [p("input", {
-					type: "text",
-					class: n(x(G)),
-					value: t.block.separator,
-					onInput: i[5] ||= (e) => f("separator", e.target.value)
-				}, null, 42, Oo)]),
-				_: 1
-			}, 8, ["label"]),
-			g(Z, { label: x(o).menu.separatorColor }, {
-				default: l(() => [g(Y, {
-					"model-value": t.block.separatorColor,
-					"onUpdate:modelValue": i[6] ||= (e) => f("separatorColor", e)
-				}, null, 8, ["model-value"])]),
-				_: 1
-			}, 8, ["label"]),
-			g(Z, { label: x(o).menu.spacing }, {
-				default: l(() => [g(qt, {
-					"model-value": t.block.spacing,
-					min: 0,
-					max: 50,
-					suffix: "px",
-					"onUpdate:modelValue": i[7] ||= (e) => f("spacing", e)
-				}, null, 8, ["model-value"])]),
-				_: 1
-			}, 8, ["label"])
-		], 64));
-	}
-});
-//#endregion
-//#region src/utils/rebalanceColumnChildren.ts
-function Ao(e) {
-	return e === "1" ? 1 : e === "3" ? 3 : 2;
-}
-function jo(e, t) {
-	let n = Ao(t);
-	if (e.length === n) return e;
-	if (e.length < n) {
-		let t = Array.from({ length: n - e.length }, () => []);
-		return [...e, ...t];
-	}
-	let r = e.slice(0, n), i = e.slice(n).flat(), a = [...r[n - 1], ...i];
-	return [...r.slice(0, n - 1), a];
-}
-//#endregion
-//#region src/components/toolbar/SectionToolbar.vue?vue&type=script&setup=true&lang.ts
-var Mo = { class: "tpl:mb-3.5" }, No = ["value"], Po = ["value"], Fo = {
-	key: 0,
-	class: "tpl:mb-3.5"
-}, Io = { class: "tpl:mb-3.5" }, Lo = { class: "tpl:flex tpl:items-stretch" }, Ro = ["value"], zo = { class: "tpl:mb-3.5" }, Bo = {
-	key: 0,
-	class: "tpl:mt-3 tpl:ml-0.5 tpl:space-y-3 tpl:border-l tpl:border-[var(--tpl-border)] tpl:pl-3"
-}, Vo = { class: "tpl:flex tpl:items-stretch" }, Ho = ["value"], Uo = /* @__PURE__ */ f({
-	__name: "SectionToolbar",
-	props: { block: {} },
-	emits: ["update"],
-	setup(t, { emit: r }) {
-		let i = t, a = r, { t: o } = U(), l = w(() => [
-			{
-				value: "1",
-				label: o.section.column1
-			},
-			{
-				value: "2",
-				label: o.section.column2
-			},
-			{
-				value: "3",
-				label: o.section.column3
-			},
-			{
-				value: "1-2",
-				label: o.section.ratio12
-			},
-			{
-				value: "2-1",
-				label: o.section.ratio21
-			}
-		]);
-		function u(e) {
-			let t = e.target.value, n = jo(i.block.children, t);
-			a("update", {
-				columns: t,
-				children: n
-			});
-		}
-		function d(e) {
-			a("update", { stackOnMobile: e });
-		}
-		function f(e) {
-			let t = Number(e.target.value);
-			a("update", { borderRadius: t });
-		}
-		function h(e) {
-			a("update", { wrapper: e ? { padding: {
-				top: 20,
-				right: 20,
-				bottom: 20,
-				left: 20
-			} } : void 0 });
-		}
-		function _(e) {
-			a("update", { wrapper: {
-				...i.block.wrapper,
-				...e
-			} });
-		}
-		function v(e) {
-			_({ padding: e });
-		}
-		function y(e) {
-			_({ borderRadius: Number(e.target.value) });
-		}
-		return (r, i) => (s(), m(C, null, [
-			p("div", Mo, [p("label", { class: n(x(K)) }, c(x(o).section.columns), 3), p("select", {
-				class: n(x(G)),
-				value: t.block.columns,
-				onChange: u
-			}, [(s(!0), m(C, null, e(l.value, (e) => (s(), m("option", {
-				key: e.value,
-				value: e.value
-			}, c(e.label), 9, Po))), 128))], 42, No)]),
-			t.block.columns === "1" ? T("", !0) : (s(), m("div", Fo, [g(X, {
-				class: "tpl:text-xs tpl:text-[var(--tpl-text)]",
-				"model-value": t.block.stackOnMobile !== !1,
-				label: x(o).section.stackOnMobile,
-				"onUpdate:modelValue": i[0] ||= (e) => d(e)
-			}, null, 8, ["model-value", "label"])])),
-			p("div", Io, [p("label", { class: n(x(K)) }, c(x(o).section.borderRadius), 3), p("div", Lo, [p("input", {
-				type: "number",
-				class: n(x(J)),
-				value: t.block.borderRadius ?? 0,
-				min: "0",
-				max: "50",
-				onInput: f
-			}, null, 42, Ro), p("span", { class: n(x(q)) }, "px", 2)])]),
-			p("div", zo, [g(X, {
-				class: "tpl:text-xs tpl:text-[var(--tpl-text)]",
-				"model-value": !!t.block.wrapper,
-				label: x(o).section.wrapperEnable,
-				"onUpdate:modelValue": i[1] ||= (e) => h(e)
-			}, null, 8, ["model-value", "label"]), t.block.wrapper ? (s(), m("div", Bo, [
-				p("div", null, [p("label", { class: n(x(K)) }, c(x(o).blockSettings.color), 3), g(Y, {
-					"model-value": t.block.wrapper.backgroundColor ?? "",
-					"onUpdate:modelValue": i[2] ||= (e) => _({ backgroundColor: e })
-				}, null, 8, ["model-value"])]),
-				g(Vi, {
-					label: x(o).blockSettings.padding,
-					"model-value": t.block.wrapper.padding ?? {
-						top: 0,
-						right: 0,
-						bottom: 0,
-						left: 0
-					},
-					"onUpdate:modelValue": v
-				}, null, 8, ["label", "model-value"]),
-				p("div", null, [p("label", { class: n(x(K)) }, c(x(o).section.borderRadius), 3), p("div", Vo, [p("input", {
-					type: "number",
-					class: n(x(J)),
-					value: t.block.wrapper.borderRadius ?? 0,
-					min: "0",
-					max: "50",
-					onInput: y
-				}, null, 42, Ho), p("span", { class: n(x(q)) }, "px", 2)])])
-			])) : T("", !0)])
-		], 64));
-	}
-}), Wo = { class: "tpl:mb-3.5" }, Go = { class: "tpl:flex tpl:flex-col tpl:gap-2" }, Ko = { class: "tpl:flex tpl:items-center tpl:gap-2" }, qo = ["value", "onChange"], Jo = ["value"], Yo = ["title", "onClick"], Xo = { class: "tpl:mb-3.5" }, Zo = ["value"], Qo = { value: "solid" }, $o = { value: "outlined" }, es = { value: "rounded" }, ts = { value: "square" }, ns = { value: "circle" }, rs = { class: "tpl:mb-3.5" }, is = { class: "tpl:mb-3.5" }, as = { class: "tpl:flex tpl:items-stretch" }, os = ["value"], ss = { class: "tpl:mb-3.5" }, cs = /* @__PURE__ */ f({
-	__name: "SocialToolbar",
-	props: { block: {} },
-	emits: ["update"],
-	setup(t, { emit: r }) {
-		let i = t, a = r, { t: o } = U();
-		function l(e, t) {
-			a("update", { [e]: t });
-		}
-		function u() {
-			let e = {
-				id: z(),
-				platform: "facebook",
-				url: ""
-			};
-			a("update", { icons: [...i.block.icons, e] });
-		}
-		function d(e, t, n) {
-			let r = i.block.icons.map((r) => r.id === e ? {
-				...r,
-				[t]: n
-			} : r);
-			a("update", { icons: r });
-		}
-		function f(e) {
-			a("update", { icons: i.block.icons.filter((t) => t.id !== e) });
-		}
-		return (r, i) => (s(), m(C, null, [
-			p("div", Wo, [p("label", { class: n(x(K)) }, c(x(o).social.icons), 3), p("div", Go, [(s(!0), m(C, null, e(t.block.icons, (t) => (s(), 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"
-			}, [p("div", Ko, [p("select", {
-				"data-testid": "social-platform-select",
-				class: n([x(G), "tpl:flex-1"]),
-				value: t.platform,
-				onChange: (e) => d(t.id, "platform", e.target.value)
-			}, [(s(!0), m(C, null, e(x(Te), (e) => (s(), m("option", {
-				key: e,
-				value: e
-			}, c(x(o).social.platforms[e]), 9, Jo))), 128))], 42, qo), p("button", {
-				class: n(x(zt)),
-				title: x(o).social.removeIcon,
-				onClick: (e) => f(t.id)
-			}, [g(x(jt), {
-				size: 14,
-				"stroke-width": 2
-			})], 10, Yo)]), g($, {
-				"model-value": t.url,
-				type: "url",
-				placeholder: x(o).social.urlPlaceholder,
-				"onUpdate:modelValue": (e) => d(t.id, "url", e)
-			}, null, 8, [
-				"model-value",
-				"placeholder",
-				"onUpdate:modelValue"
-			])]))), 128)), p("button", {
-				class: n(x(Ht)),
-				onClick: u
-			}, [g(x(nn), {
-				size: 14,
-				"stroke-width": 2
-			}), b(" " + c(x(o).social.addIcon), 1)], 2)])]),
-			p("div", Xo, [p("label", { class: n(x(K)) }, c(x(o).social.style), 3), p("select", {
-				class: n(x(G)),
-				value: t.block.iconStyle,
-				onChange: i[0] ||= (e) => l("iconStyle", e.target.value)
-			}, [
-				p("option", Qo, c(x(o).social.styleSolid), 1),
-				p("option", $o, c(x(o).social.styleOutlined), 1),
-				p("option", es, c(x(o).social.styleRounded), 1),
-				p("option", ts, c(x(o).social.styleSquare), 1),
-				p("option", ns, c(x(o).social.styleCircle), 1)
-			], 42, Zo)]),
-			p("div", rs, [p("label", { class: n(x(K)) }, c(x(o).social.size), 3), g(Q, {
-				options: [
-					{
-						value: "small",
-						label: x(o).social.sizeSmall
-					},
-					{
-						value: "medium",
-						label: x(o).social.sizeMedium
-					},
-					{
-						value: "large",
-						label: x(o).social.sizeLarge
-					}
-				],
-				"model-value": t.block.iconSize,
-				"onUpdate:modelValue": i[1] ||= (e) => l("iconSize", e)
-			}, null, 8, ["options", "model-value"])]),
-			p("div", is, [p("label", { class: n(x(K)) }, c(x(o).social.spacing), 3), p("div", as, [p("input", {
-				type: "number",
-				class: n(x(J)),
-				value: t.block.spacing,
-				min: "0",
-				max: "50",
-				onInput: i[2] ||= (e) => l("spacing", Number(e.target.value))
-			}, null, 42, os), p("span", { class: n(x(q)) }, "px", 2)])]),
-			p("div", ss, [p("label", { class: n(x(K)) }, c(x(o).social.align), 3), g(Q, {
-				options: [
-					{
-						value: "left",
-						label: x(o).title.alignLeft,
-						icon: x(kt)
-					},
-					{
-						value: "center",
-						label: x(o).title.alignCenter,
-						icon: x(Ot)
-					},
-					{
-						value: "right",
-						label: x(o).title.alignRight,
-						icon: x(Dt)
-					}
-				],
-				"model-value": t.block.align,
-				"onUpdate:modelValue": i[3] ||= (e) => l("align", e)
-			}, null, 8, ["options", "model-value"])])
-		], 64));
-	}
-}), ls = { class: "tpl:mb-3.5" }, us = { class: "tpl:flex tpl:items-stretch" }, ds = ["value"], fs = ["value"], ps = /* @__PURE__ */ f({
-	__name: "SpacerToolbar",
-	props: { block: {} },
-	emits: ["update"],
-	setup(e, { emit: t }) {
-		let r = t, { t: i } = U();
-		return (t, a) => (s(), m("div", ls, [
-			p("label", { class: n(x(K)) }, c(x(i).spacer.height), 3),
-			p("div", us, [p("input", {
-				type: "number",
-				class: n(x(J)),
-				value: e.block.height,
-				min: "10",
-				max: "100",
-				onInput: a[0] ||= (e) => r("update", { height: Number(e.target.value) })
-			}, null, 42, ds), p("span", { class: n(x(q)) }, "px", 2)]),
-			p("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) => r("update", { height: Number(e.target.value) })
-			}, null, 40, fs)
-		]));
-	}
-}), ms = { class: "tpl:mb-3.5" }, hs = { class: "tpl:flex tpl:items-center tpl:gap-3" }, gs = { class: "tpl:flex tpl:flex-1 tpl:items-center tpl:gap-1.5" }, _s = { class: "tpl:text-xs tpl:text-[var(--tpl-text-muted)]" }, vs = { class: "tpl:flex tpl:items-center tpl:rounded-md tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)]" }, ys = ["disabled"], bs = { class: "tpl:min-w-[20px] tpl:text-center tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-text)]" }, xs = { class: "tpl:flex tpl:flex-1 tpl:items-center tpl:gap-1.5" }, Ss = { class: "tpl:text-xs tpl:text-[var(--tpl-text-muted)]" }, Cs = { class: "tpl:flex tpl:items-center tpl:rounded-md tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)]" }, ws = ["disabled"], Ts = { class: "tpl:min-w-[20px] tpl:text-center tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-text)]" }, Es = { class: "tpl:mb-3.5" }, Ds = {
-	key: 0,
-	class: "tpl:mb-3.5"
-}, Os = { class: "tpl:mb-3.5" }, ks = { class: "tpl:mb-3.5" }, As = { class: "tpl:flex tpl:items-stretch" }, js = ["value"], Ms = { class: "tpl:mb-3.5" }, Ns = { class: "tpl:flex tpl:items-stretch" }, Ps = ["value"], Fs = { class: "tpl:mb-3.5" }, Is = ["value"], Ls = { value: "" }, Rs = ["value"], zs = { class: "tpl:mb-3.5" }, Bs = { class: "tpl:flex tpl:items-stretch" }, Vs = ["value"], Hs = { class: "tpl:mb-3.5" }, Us = { class: "tpl:mb-3.5" }, Ws = /* @__PURE__ */ f({
-	__name: "TableToolbar",
-	props: {
-		block: {},
-		fontFamilies: {}
-	},
-	emits: ["update"],
-	setup(t, { emit: r }) {
-		let i = t, a = r, { t: o } = U(), l = w(() => i.block.rows.length > 0 ? i.block.rows[0].cells.length : 0);
-		function u(e, t) {
-			a("update", { [e]: t });
-		}
-		function d() {
-			let e = i.block.rows.length > 0 ? i.block.rows[0].cells.length : 3, t = {
-				id: z(),
-				cells: Array.from({ length: e }, () => ({
-					id: z(),
-					content: ""
-				}))
-			};
-			a("update", { rows: [...i.block.rows, t] });
-		}
-		function f(e) {
-			a("update", { rows: i.block.rows.filter((t) => t.id !== e) });
-		}
-		function h() {
-			let e = i.block.rows.map((e) => ({
-				...e,
-				cells: [...e.cells, {
-					id: z(),
-					content: ""
-				}]
-			}));
-			a("update", { rows: e });
-		}
-		function _(e) {
-			let t = i.block.rows.map((t) => ({
-				...t,
-				cells: t.cells.filter((t, n) => n !== e)
-			}));
-			a("update", { rows: t });
-		}
-		return (r, i) => (s(), m(C, null, [
-			p("div", ms, [p("label", { class: n(x(K)) }, c(x(o).table.dimensions), 3), p("div", hs, [p("div", gs, [p("span", _s, c(x(o).table.rows), 1), p("div", vs, [
-				p("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: t.block.rows.length <= 1,
-					onClick: i[0] ||= (e) => f(t.block.rows[t.block.rows.length - 1].id)
-				}, [g(x(mt), {
-					size: 12,
-					"stroke-width": 2
-				})], 8, ys),
-				p("span", bs, c(t.block.rows.length), 1),
-				p("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
-				}, [g(x(nn), {
-					size: 12,
-					"stroke-width": 2
-				})])
-			])]), p("div", xs, [p("span", Ss, c(x(o).table.columns), 1), p("div", Cs, [
-				p("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: l.value <= 1,
-					onClick: i[1] ||= (e) => _(l.value - 1)
-				}, [g(x(mt), {
-					size: 12,
-					"stroke-width": 2
-				})], 8, ws),
-				p("span", Ts, c(l.value), 1),
-				p("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: h
-				}, [g(x(nn), {
-					size: 12,
-					"stroke-width": 2
-				})])
-			])])])]),
-			p("div", Es, [g(X, {
-				class: "tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-text-muted)]",
-				"model-value": t.block.hasHeaderRow,
-				label: x(o).table.hasHeaderRow,
-				"onUpdate:modelValue": i[2] ||= (e) => u("hasHeaderRow", e)
-			}, null, 8, ["model-value", "label"])]),
-			t.block.hasHeaderRow ? (s(), m("div", Ds, [p("label", { class: n(x(K)) }, c(x(o).table.headerBackgroundColor), 3), g(Y, {
-				"model-value": t.block.headerBackgroundColor ?? "",
-				"seed-color": x(Vt),
-				placeholder: x(o).table.noHeaderBg,
-				"onUpdate:modelValue": i[3] ||= (e) => u("headerBackgroundColor", e || null)
-			}, null, 8, [
-				"model-value",
-				"seed-color",
-				"placeholder"
-			])])) : T("", !0),
-			p("div", Os, [p("label", { class: n(x(K)) }, c(x(o).table.borderColor), 3), g(Y, {
-				"model-value": t.block.borderColor,
-				"onUpdate:modelValue": i[4] ||= (e) => u("borderColor", e)
-			}, null, 8, ["model-value"])]),
-			p("div", ks, [p("label", { class: n(x(K)) }, c(x(o).table.borderWidth), 3), p("div", As, [p("input", {
-				type: "number",
-				class: n(x(J)),
-				value: t.block.borderWidth,
-				min: "0",
-				max: "10",
-				onInput: i[5] ||= (e) => u("borderWidth", Number(e.target.value))
-			}, null, 42, js), p("span", { class: n(x(q)) }, "px", 2)])]),
-			p("div", Ms, [p("label", { class: n(x(K)) }, c(x(o).table.cellPadding), 3), p("div", Ns, [p("input", {
-				type: "number",
-				class: n(x(J)),
-				value: t.block.cellPadding,
-				min: "0",
-				max: "30",
-				onInput: i[6] ||= (e) => u("cellPadding", Number(e.target.value))
-			}, null, 42, Ps), p("span", { class: n(x(q)) }, "px", 2)])]),
-			p("div", Fs, [p("label", { class: n(x(K)) }, c(x(o).table.fontFamily), 3), p("select", {
-				class: n(x(G)),
-				value: t.block.fontFamily || "",
-				onChange: i[7] ||= (e) => u("fontFamily", e.target.value || void 0)
-			}, [p("option", Ls, c(x(o).title.inheritFont), 1), (s(!0), m(C, null, e(t.fontFamilies, (e) => (s(), m("option", {
-				key: e.value,
-				value: e.value
-			}, c(e.label), 9, Rs))), 128))], 42, Is)]),
-			p("div", zs, [p("label", { class: n(x(K)) }, c(x(o).table.fontSize), 3), p("div", Bs, [p("input", {
-				type: "number",
-				class: n(x(J)),
-				value: t.block.fontSize,
-				min: "10",
-				max: "32",
-				onInput: i[8] ||= (e) => u("fontSize", Number(e.target.value))
-			}, null, 42, Vs), p("span", { class: n(x(q)) }, "px", 2)])]),
-			p("div", Hs, [p("label", { class: n(x(K)) }, c(x(o).table.color), 3), g(Y, {
-				"model-value": t.block.color ?? "",
-				"onUpdate:modelValue": i[9] ||= (e) => u("color", e || void 0)
-			}, null, 8, ["model-value"])]),
-			p("div", Us, [p("label", { class: n(x(K)) }, c(x(o).table.textAlign), 3), g(Q, {
-				options: [
-					{
-						value: "left",
-						label: x(o).title.alignLeft,
-						icon: x(kt)
-					},
-					{
-						value: "center",
-						label: x(o).title.alignCenter,
-						icon: x(Ot)
-					},
-					{
-						value: "right",
-						label: x(o).title.alignRight,
-						icon: x(Dt)
-					}
-				],
-				"model-value": t.block.textAlign,
-				"onUpdate:modelValue": i[10] ||= (e) => u("textAlign", e)
-			}, null, 8, ["options", "model-value"])])
-		], 64));
-	}
-}), Gs = { class: "tpl:mb-3.5" }, Ks = ["value"], qs = { value: 1 }, Js = { value: 2 }, Ys = { value: 3 }, Xs = { value: 4 }, Zs = { class: "tpl:mb-3.5" }, Qs = ["value"], $s = { value: "" }, ec = ["value"], tc = { class: "tpl:mb-3.5" }, nc = { class: "tpl:mb-3.5" }, rc = /* @__PURE__ */ f({
-	__name: "TitleToolbar",
-	props: {
-		block: {},
-		fontFamilies: {}
-	},
-	emits: ["update"],
-	setup(t, { emit: r }) {
-		let i = r, { t: a } = U();
-		function o(e, t) {
-			i("update", { [e]: t });
-		}
-		return (r, i) => (s(), m(C, null, [
-			p("div", Gs, [p("label", { class: n(x(K)) }, c(x(a).title.level), 3), p("select", {
-				class: n(x(G)),
-				value: t.block.level,
-				onChange: i[0] ||= (e) => o("level", Number(e.target.value))
-			}, [
-				p("option", qs, c(x(a).title.heading1), 1),
-				p("option", Js, c(x(a).title.heading2), 1),
-				p("option", Ys, c(x(a).title.heading3), 1),
-				p("option", Xs, c(x(a).title.heading4), 1)
-			], 42, Ks)]),
-			p("div", Zs, [p("label", { class: n(x(K)) }, c(x(a).title.fontFamily), 3), p("select", {
-				class: n(x(G)),
-				value: t.block.fontFamily || "",
-				onChange: i[1] ||= (e) => o("fontFamily", e.target.value || void 0)
-			}, [p("option", $s, c(x(a).title.inheritFont), 1), (s(!0), m(C, null, e(t.fontFamilies, (e) => (s(), m("option", {
-				key: e.value,
-				value: e.value
-			}, c(e.label), 9, ec))), 128))], 42, Qs)]),
-			p("div", tc, [p("label", { class: n(x(K)) }, c(x(a).title.color), 3), g(Y, {
-				"model-value": t.block.color ?? "",
-				"onUpdate:modelValue": i[2] ||= (e) => o("color", e || void 0)
-			}, null, 8, ["model-value"])]),
-			p("div", nc, [p("label", { class: n(x(K)) }, c(x(a).title.align), 3), g(Q, {
-				options: [
-					{
-						value: "left",
-						label: x(a).title.alignLeft,
-						icon: x(kt)
-					},
-					{
-						value: "center",
-						label: x(a).title.alignCenter,
-						icon: x(Ot)
-					},
-					{
-						value: "right",
-						label: x(a).title.alignRight,
-						icon: x(Dt)
-					}
-				],
-				"model-value": t.block.textAlign,
-				"onUpdate:modelValue": i[3] ||= (e) => o("textAlign", e)
-			}, null, 8, ["options", "model-value"])])
-		], 64));
-	}
-}), ic = { class: "tpl:mb-3.5" }, ac = {
-	key: 0,
-	class: "tpl:mb-3.5"
-}, oc = { class: "tpl:font-normal tpl:text-[var(--tpl-text-dim)]" }, sc = [
-	"value",
-	"placeholder",
-	"title"
-], cc = { class: "tpl:mb-3.5" }, lc = { class: "tpl:font-normal tpl:text-[var(--tpl-text-dim)]" }, uc = { class: "tpl:mb-3.5" }, dc = { class: "tpl:mb-3.5" }, fc = ["value"], pc = { value: "full" }, mc = { class: "tpl:mb-3.5" }, hc = /* @__PURE__ */ f({
-	__name: "VideoToolbar",
-	props: { block: {} },
-	emits: ["update"],
-	setup(e, { emit: t }) {
-		let r = e, i = t, { t: a } = U(), o = D(Ue, null), l = D(Re, B.liquid), u = Ft(), f = w(() => !!o), h = w(() => V(r.block.url, l)), _ = d(!1), { start: v } = Fe(() => {
-			_.value = !1;
-		}, 1e3, { immediate: !1 });
-		function S(e, t) {
-			i("update", { [e]: t });
-		}
-		async function E() {
-			let e = await o?.({ accept: ["images"] });
-			u.alive && e && (S("thumbnailUrl", e.url), _.value = !0, v());
-		}
-		return (t, r) => (s(), m(C, null, [
-			p("div", ic, [
-				p("label", { class: n(x(K)) }, c(x(a).video.videoUrl), 3),
-				g($, {
-					"model-value": e.block.url,
-					type: "url",
-					placeholder: x(a).video.videoUrlPlaceholder,
-					"onUpdate:modelValue": r[0] ||= (e) => S("url", e)
-				}, null, 8, ["model-value", "placeholder"]),
-				e.block.url ? (s(), y(X, {
-					key: 0,
-					class: "tpl:mt-2 tpl:text-[12px] tpl:text-[var(--tpl-text-muted)]",
-					"model-value": e.block.openInNewTab ?? !1,
-					label: x(a).video.openInNewTab,
-					"onUpdate:modelValue": r[1] ||= (e) => S("openInNewTab", e)
-				}, null, 8, ["model-value", "label"])) : T("", !0)
-			]),
-			h.value ? (s(), m("div", ac, [p("label", { class: n(x(K)) }, [b(c(x(a).video.placeholderUrl) + " ", 1), p("span", oc, c(x(a).video.optional), 1)], 2), p("input", {
-				type: "url",
-				class: n(x(G)),
-				value: e.block.placeholderUrl || "",
-				placeholder: x(a).video.placeholderUrlPlaceholder,
-				title: x(a).video.placeholderUrlTooltip,
-				onInput: r[2] ||= (e) => S("placeholderUrl", e.target.value)
-			}, null, 42, sc)])) : T("", !0),
-			p("div", cc, [
-				p("label", { class: n(x(K)) }, [b(c(x(a).video.customThumbnail) + " ", 1), p("span", lc, c(x(a).video.optional), 1)], 2),
-				g($, {
-					"model-value": e.block.thumbnailUrl,
-					type: "url",
-					placeholder: x(a).video.thumbnailPlaceholder,
-					pulse: _.value,
-					"onUpdate:modelValue": r[3] ||= (e) => S("thumbnailUrl", e)
-				}, null, 8, [
-					"model-value",
-					"placeholder",
-					"pulse"
-				]),
-				f.value ? (s(), 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: E
-				}, [g(x(ue), {
-					size: 14,
-					"stroke-width": 1.5
-				}), b(" " + c(x(a).image.browseMedia), 1)])) : T("", !0)
-			]),
-			p("div", uc, [p("label", { class: n(x(K)) }, c(x(a).video.altText), 3), g($, {
-				"model-value": e.block.alt,
-				type: "text",
-				placeholder: x(a).video.altTextPlaceholder,
-				"onUpdate:modelValue": r[4] ||= (e) => S("alt", e)
-			}, null, 8, ["model-value", "placeholder"])]),
-			p("div", dc, [p("label", { class: n(x(K)) }, c(x(a).video.width), 3), p("select", {
-				class: n(x(G)),
-				value: e.block.width,
-				onChange: r[5] ||= (e) => S("width", e.target.value === "full" ? "full" : Number(e.target.value))
-			}, [
-				p("option", pc, c(x(a).video.fullWidth), 1),
-				r[7] ||= p("option", { value: "300" }, "300px", -1),
-				r[8] ||= p("option", { value: "400" }, "400px", -1),
-				r[9] ||= p("option", { value: "500" }, "500px", -1)
-			], 42, fc)]),
-			p("div", mc, [p("label", { class: n(x(K)) }, c(x(a).title.align), 3), g(Q, {
-				options: [
-					{
-						value: "left",
-						label: x(a).title.alignLeft
-					},
-					{
-						value: "center",
-						label: x(a).title.alignCenter
-					},
-					{
-						value: "right",
-						label: x(a).title.alignRight
-					}
-				],
-				"model-value": e.block.align,
-				"onUpdate:modelValue": r[6] ||= (e) => S("align", e)
-			}, null, 8, ["options", "model-value"])])
-		], 64));
-	}
-}), gc = ["aria-label"], _c = { class: "tpl:flex tpl:items-center tpl:justify-between tpl:border-b tpl:border-[var(--tpl-border)] tpl:px-4 tpl:py-3.5" }, vc = { class: "tpl:flex tpl:items-center tpl:gap-2 tpl:text-[var(--tpl-primary)]" }, yc = { class: "tpl:m-0 tpl:text-sm tpl:font-semibold tpl:text-[var(--tpl-text)]" }, bc = { class: "tpl:flex tpl:gap-1" }, xc = ["title"], Sc = ["title"], Cc = { class: "tpl:flex-1 tpl:overflow-y-auto tpl:p-4" }, wc = /*#__PURE__*/ Mt(/* @__PURE__ */ f({
-	__name: "Toolbar",
-	props: { block: {} },
-	emits: [
-		"update",
-		"delete",
-		"duplicate"
-	],
-	setup(e, { emit: t }) {
-		let n = h(() => import("./CountdownToolbar-CBE9wRaV.js")), r = e, i = t, { t: a } = U(), l = Be(lt, "Toolbar"), u = D(at, []), d = w(() => r.block.type), f = w(() => L(r.block)), _ = w(() => {
-			if (f.value) return u.find((e) => e.type === r.block.customType);
-		}), v = w(() => f.value ? _.value?.name ?? r.block.customType : de(d.value, a)), b = l.fonts;
-		function S(e) {
-			i("update", e);
-		}
-		return (t, r) => (s(), m("aside", {
-			"aria-label": x(a).landmarks.blockToolbar,
-			class: "tpl:flex tpl:w-full tpl:flex-1 tpl:flex-col tpl:bg-[var(--tpl-bg-elevated)]"
-		}, [p("div", _c, [p("div", vc, [x(_t)[d.value] ? (s(), y(o(x(_t)[d.value]), {
-			key: 0,
-			size: 16,
-			"stroke-width": 1.5
-		})) : f.value ? (s(), y(x(le), {
-			key: 1,
-			size: 16,
-			"stroke-width": 1.5
-		})) : T("", !0), p("h3", yc, c(v.value), 1)]), p("div", bc, [p("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: x(a).toolbar.duplicate,
-			onClick: r[0] ||= (e) => i("duplicate")
-		}, [g(x(H), {
-			size: 14,
-			"stroke-width": 2
-		})], 8, xc), p("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: x(a).toolbar.delete,
-			onClick: r[1] ||= (e) => i("delete")
-		}, [g(x(At), {
-			size: 14,
-			"stroke-width": 2
-		})], 8, Sc)])]), p("div", Cc, [f.value ? (s(), y(Ga, {
-			key: 0,
-			block: e.block,
-			onUpdateFieldValues: r[2] ||= (e) => i("update", { fieldValues: e }),
-			onUpdateDataSourceFetched: r[3] ||= (e) => i("update", { dataSourceFetched: e })
-		}, null, 8, ["block"])) : d.value === "section" ? (s(), y(Uo, {
-			key: 1,
-			block: e.block,
-			onUpdate: S
-		}, null, 8, ["block"])) : d.value === "title" ? (s(), y(rc, {
-			key: 2,
-			block: e.block,
-			"font-families": x(b),
-			onUpdate: S
-		}, null, 8, ["block", "font-families"])) : d.value === "paragraph" ? (s(), m(C, { key: 3 }, [], 64)) : d.value === "image" ? (s(), y(vo, {
-			key: 4,
-			block: e.block,
-			onUpdate: S
-		}, null, 8, ["block"])) : d.value === "video" ? (s(), y(hc, {
-			key: 5,
-			block: e.block,
-			onUpdate: S
-		}, null, 8, ["block"])) : d.value === "button" ? (s(), y(_i, {
-			key: 6,
-			block: e.block,
-			"font-families": x(b),
-			onUpdate: S
-		}, null, 8, ["block", "font-families"])) : d.value === "divider" ? (s(), y(Za, {
-			key: 7,
-			block: e.block,
-			onUpdate: S
-		}, null, 8, ["block"])) : d.value === "social" ? (s(), y(cs, {
-			key: 8,
-			block: e.block,
-			onUpdate: S
-		}, null, 8, ["block"])) : d.value === "menu" ? (s(), y(ko, {
-			key: 9,
-			block: e.block,
-			"font-families": x(b),
-			onUpdate: S
-		}, null, 8, ["block", "font-families"])) : d.value === "table" ? (s(), y(Ws, {
-			key: 10,
-			block: e.block,
-			"font-families": x(b),
-			onUpdate: S
-		}, null, 8, ["block", "font-families"])) : d.value === "spacer" ? (s(), y(ps, {
-			key: 11,
-			block: e.block,
-			onUpdate: S
-		}, null, 8, ["block"])) : d.value === "html" ? (s(), y(to, {
-			key: 12,
-			block: e.block,
-			onUpdate: S
-		}, null, 8, ["block"])) : d.value === "countdown" ? (s(), y(x(n), {
-			key: 13,
-			block: e.block,
-			"font-families": x(b),
-			onUpdate: S
-		}, null, 8, ["block", "font-families"])) : T("", !0), g(la, {
-			block: e.block,
-			"is-first-section": d.value === "paragraph",
-			onUpdate: S
-		}, null, 8, ["block", "is-first-section"])])], 8, gc));
-	}
-}), [["__scopeId", "data-v-2ac88283"]]), Tc = ["aria-label"], Ec = {
-	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"
-}, Dc = [
-	"aria-selected",
-	"aria-label",
-	"title"
-], Oc = { key: 0 }, kc = [
-	"aria-selected",
-	"aria-label",
-	"title"
-], Ac = { key: 0 }, jc = [
-	"aria-selected",
-	"aria-label",
-	"title"
-], Mc = { key: 0 }, Nc = {
-	key: 1,
-	class: "tpl:ml-1 tpl:rounded-full tpl:bg-[var(--tpl-bg-hover)] tpl:px-1.5 tpl:text-[10px]"
-}, Pc = {
-	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"
-}, Fc = {
-	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)]"
-}, Ic = { class: "tpl:mb-4 tpl:text-[var(--tpl-text-dim)]" }, Lc = { class: "tpl:m-0 tpl:mb-2 tpl:text-sm tpl:font-semibold tpl:text-[var(--tpl-text)]" }, Rc = { class: "tpl:m-0 tpl:text-sm tpl:leading-normal" }, zc = {
-	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"
-}, Bc = {
-	key: 2,
-	id: "tpl-tabpanel-issues",
-	role: "tabpanel",
-	"aria-labelledby": "tpl-tab-issues",
-	class: "tpl:flex tpl:flex-1 tpl:flex-col tpl:overflow-y-auto"
-}, Vc = /* @__PURE__ */ f({
-	__name: "RightSidebar",
-	props: {
-		selectedBlock: {},
-		settings: {},
-		shiftedLeft: { type: Boolean }
-	},
-	emits: [
-		"update-block",
-		"delete-block",
-		"duplicate-block",
-		"update-settings"
-	],
-	setup(e, { emit: r }) {
-		let a = h(() => import("./IssuesPanel-Do7RLXsP.js")), o = e, l = r, { t: u } = U(), f = d("content"), _ = D(ze, null), v = w(() => _ !== null), b = w(() => _?.issues.value.length ?? 0);
-		function S(e) {
-			return f.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 f.value === e ? {
-				backgroundColor: "var(--tpl-bg)",
-				boxShadow: "var(--tpl-shadow-md)"
-			} : { backgroundColor: "transparent" };
-		}
-		return i(() => o.selectedBlock, (e) => {
-			e && (f.value = "content");
-		}), (r, i) => (s(), m("aside", {
-			"aria-label": x(u).landmarks.rightSidebar,
-			class: n(["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"])
-		}, [
-			p("div", Ec, [
-				p("button", {
-					id: "tpl-tab-content",
-					role: "tab",
-					"aria-selected": f.value === "content",
-					"aria-controls": "tpl-tabpanel-content",
-					"aria-label": x(u).sidebar.content,
-					title: x(u).sidebar.content,
-					class: n(["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)]", S("content")]),
-					style: t(C("content")),
-					onClick: i[0] ||= (e) => f.value = "content"
-				}, [g(x(tn), {
-					size: 14,
-					"stroke-width": 2
-				}), f.value === "content" ? (s(), m("span", Oc, c(x(u).sidebar.content), 1)) : T("", !0)], 14, Dc),
-				p("button", {
-					id: "tpl-tab-settings",
-					role: "tab",
-					"aria-selected": f.value === "settings",
-					"aria-controls": "tpl-tabpanel-settings",
-					"aria-label": x(u).sidebar.settings,
-					title: x(u).sidebar.settings,
-					class: n(["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)]", S("settings")]),
-					style: t(C("settings")),
-					onClick: i[1] ||= (e) => f.value = "settings"
-				}, [g(x(an), {
-					size: 14,
-					"stroke-width": 1.5
-				}), f.value === "settings" ? (s(), m("span", Ac, c(x(u).sidebar.settings), 1)) : T("", !0)], 14, kc),
-				v.value ? (s(), m("button", {
-					key: 0,
-					id: "tpl-tab-issues",
-					role: "tab",
-					"aria-selected": f.value === "issues",
-					"aria-controls": "tpl-tabpanel-issues",
-					"aria-label": x(u).issues.panelTabLabel,
-					title: x(u).issues.panelTabLabel,
-					class: n(["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)]", S("issues")]),
-					style: t(C("issues")),
-					onClick: i[2] ||= (e) => f.value = "issues"
-				}, [
-					g(x(St), {
-						size: 14,
-						"stroke-width": 1.5
-					}),
-					f.value === "issues" ? (s(), m("span", Mc, c(x(u).issues.panelTabLabel), 1)) : T("", !0),
-					b.value > 0 ? (s(), m("span", Nc, c(b.value), 1)) : T("", !0)
-				], 14, jc)) : T("", !0)
-			]),
-			f.value === "content" ? (s(), m("div", Pc, [e.selectedBlock ? (s(), y(wc, {
-				key: 0,
-				block: e.selectedBlock,
-				onUpdate: i[3] ||= (e) => l("update-block", e),
-				onDelete: i[4] ||= (e) => l("delete-block"),
-				onDuplicate: i[5] ||= (e) => l("duplicate-block")
-			}, null, 8, ["block"])) : (s(), m("div", Fc, [
-				p("div", Ic, [g(x(Zt), {
-					size: 40,
-					"stroke-width": 1.5
-				})]),
-				p("h3", Lc, c(x(u).sidebar.noSelection), 1),
-				p("p", Rc, c(x(u).sidebar.noSelectionHint), 1)
-			]))])) : T("", !0),
-			f.value === "settings" ? (s(), m("div", zc, [g(Br, {
-				settings: e.settings,
-				onUpdate: i[6] ||= (e) => l("update-settings", e)
-			}, null, 8, ["settings"])])) : T("", !0),
-			f.value === "issues" && v.value ? (s(), m("div", Bc, [g(x(a))])) : T("", !0)
-		], 10, Tc));
-	}
-}), Hc = {
-	class: "tpl-small-screen-notice tpl:absolute tpl:inset-0 tpl:flex tpl:flex-col tpl:items-center tpl:justify-center tpl:gap-4 tpl:px-6 tpl:py-10 tpl:text-center tpl:bg-[var(--tpl-bg)] tpl:text-[var(--tpl-text-muted)]",
-	style: { "z-index": "10001" },
-	role: "status",
-	"data-testid": "small-screen-notice"
-}, Uc = { class: "tpl:text-[var(--tpl-text-dim)]" }, Wc = { class: "tpl:m-0 tpl:text-base tpl:font-semibold tpl:text-[var(--tpl-text)]" }, Gc = { class: "tpl:m-0 tpl:max-w-sm tpl:text-sm tpl:leading-normal" }, Kc = /* @__PURE__ */ f({
-	__name: "SmallScreenNotice",
-	setup(e) {
-		let { t } = U();
-		return (e, n) => (s(), m("div", Hc, [
-			p("div", Uc, [g(x(wt), {
-				size: 48,
-				"stroke-width": 1.5
-			})]),
-			p("h2", Wc, c(x(t).smallScreen.title), 1),
-			p("p", Gc, c(x(t).smallScreen.message), 1)
-		]));
-	}
-}), qc = [
-	"aria-label",
-	"title",
-	"aria-pressed"
-], Jc = /*#__PURE__*/ Mt(/* @__PURE__ */ f({
-	__name: "PreviewToggle",
-	props: { previewMode: { type: Boolean } },
-	emits: ["change"],
-	setup(e, { emit: n }) {
-		let r = n, { t: i } = U();
-		return (n, a) => (s(), 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: t({
-				color: e.previewMode ? "var(--tpl-primary)" : "var(--tpl-text-muted)",
-				backgroundColor: e.previewMode ? "var(--tpl-primary-light)" : "transparent"
-			}),
-			"aria-label": e.previewMode ? x(i).previewMode.disable : x(i).previewMode.enable,
-			title: e.previewMode ? x(i).previewMode.disable : x(i).previewMode.enable,
-			"aria-pressed": e.previewMode,
-			onClick: a[0] ||= (t) => r("change", !e.previewMode)
-		}, [g(P, {
-			"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: l(() => [e.previewMode ? (s(), y(x(vt), {
-				key: "eye",
-				size: 18,
-				"stroke-width": 1.5
-			})) : (s(), y(x(oe), {
-				key: "eye-off",
-				size: 18,
-				"stroke-width": 1.5
-			}))]),
-			_: 1
-		})], 12, qc));
-	}
-}), [["__scopeId", "data-v-af87d02a"]]), Yc = [
-	"aria-label",
-	"title",
-	"aria-pressed"
-], Xc = /*#__PURE__*/ Mt(/* @__PURE__ */ f({
-	__name: "DarkModeToggle",
-	props: { darkMode: { type: Boolean } },
-	emits: ["change"],
-	setup(e, { emit: n }) {
-		let r = n, { t: i } = U();
-		return (n, a) => (s(), 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: t({
-				color: e.darkMode ? "var(--tpl-primary)" : "var(--tpl-text-muted)",
-				backgroundColor: e.darkMode ? "var(--tpl-primary-light)" : "transparent"
-			}),
-			"aria-label": e.darkMode ? x(i).darkMode.disable : x(i).darkMode.enable,
-			title: e.darkMode ? x(i).darkMode.disable : x(i).darkMode.enable,
-			"aria-pressed": e.darkMode,
-			onClick: a[0] ||= (t) => r("change", !e.darkMode)
-		}, [g(P, {
-			"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: l(() => [e.darkMode ? (s(), y(x(en), {
-				key: "moon",
-				size: 18,
-				"stroke-width": 1.5
-			})) : (s(), y(x(cn), {
-				key: "sun",
-				size: 18,
-				"stroke-width": 1.5
-			}))]),
-			_: 1
-		})], 12, Yc));
-	}
-}), [["__scopeId", "data-v-f8694f76"]]), Zc = {
-	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)"
-	}
-}, Qc = {
-	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" }
-}, $c = /* @__PURE__ */ f({
-	__name: "EditorFooter",
-	props: { positionClass: {} },
-	setup(e) {
-		let { t } = U();
-		return (r, i) => (s(), m("footer", { class: n(["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]) }, [p("div", Zc, [
-			p("span", null, c(x(t).footer.poweredBy), 1),
-			i[0] ||= p("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" }
-			}, [p("img", {
-				width: "14",
-				height: "14",
-				src: "https://templatical.com/logo.svg",
-				alt: ""
-			}), b(" Templatical ")], -1),
-			i[1] ||= p("span", { class: "tpl:text-[var(--tpl-border)]" }, "·", -1),
-			p("a", Qc, c(x(t).footer.openSource), 1)
-		])], 2));
-	}
-}), el = ["aria-labelledby", "data-tpl-theme"], tl = { class: "tpl:flex tpl:items-center tpl:justify-between tpl:gap-3 tpl:border-b tpl:border-[var(--tpl-border)] tpl:px-3 tpl:py-2.5" }, nl = ["id"], rl = ["aria-label"], il = { class: "tpl:relative tpl:border-b tpl:border-[var(--tpl-border)] tpl:px-3 tpl:py-2.5" }, al = [
-	"id",
-	"placeholder",
-	"aria-label",
-	"aria-activedescendant"
-], ol = {
-	key: 0,
-	class: "tpl:flex tpl:gap-1.5 tpl:overflow-x-auto tpl:border-b tpl:border-[var(--tpl-border)] tpl:px-3 tpl:py-2",
-	"data-testid": "merge-tag-picker-group-pills"
-}, sl = ["data-group-name", "onClick"], cl = ["aria-label"], ll = {
-	key: 0,
-	class: "tpl:px-3 tpl:py-6 tpl:text-center tpl:text-xs tpl:text-[var(--tpl-text-dim)]",
-	"data-testid": "merge-tag-picker-empty"
-}, ul = {
-	key: 1,
-	class: "tpl:px-3 tpl:py-6 tpl:text-center tpl:text-xs tpl:text-[var(--tpl-text-dim)]",
-	"data-testid": "merge-tag-picker-empty"
-}, dl = [
-	"aria-expanded",
-	"data-group-name",
-	"data-group-collapsed",
-	"onClick"
-], fl = { class: "tpl:ml-1 tpl:font-normal" }, pl = [
-	"id",
-	"aria-selected",
-	"data-selected",
-	"data-merge-tag-index",
-	"data-merge-tag-value",
-	"title",
-	"onMousemove",
-	"onClick"
-], ml = { class: "tpl:text-sm tpl:font-medium" }, hl = { class: "tpl:line-clamp-2 tpl:font-mono tpl:text-xs tpl:text-ellipsis tpl:break-all tpl:text-[var(--tpl-text-dim)]" }, gl = {
-	key: 0,
-	class: "tpl:line-clamp-2 tpl:text-xs tpl:text-ellipsis tpl:text-[var(--tpl-text-dim)]"
-}, _l = {
-	key: 1,
-	"data-testid": "merge-tag-picker-sample",
-	class: "tpl:line-clamp-1 tpl:text-xs tpl:text-ellipsis tpl:text-[var(--tpl-text-dim)]"
-}, vl = "tpl-merge-tag-picker-list", yl = /* @__PURE__ */ f({
-	__name: "MergeTagPickerModal",
-	setup(r) {
-		let a = Be(We, "MergeTagPickerModal"), { t: o, format: u } = U(), f = D(Ye, null), h = D(Je, null), _ = d(""), v = Pe(_, 200), b = d(null), S = w(() => v.value.trim().length > 0), O = d(0), M = w(() => a.tags.value.some((e) => !!e.group)), P = d(/* @__PURE__ */ new Set());
-		function F(e) {
-			return P.value.has(e);
-		}
-		function ee(e) {
-			let t = new Set(P.value);
-			t.has(e) ? t.delete(e) : t.add(e), P.value = t, O.value = 0;
-		}
-		let I = w(() => {
-			let e = v.value.trim().toLowerCase();
-			return e ? a.tags.value.filter((t) => [
-				t.label,
-				t.value,
-				t.description ?? ""
-			].join(" ").toLowerCase().includes(e)) : a.tags.value;
-		}), L = w(() => {
-			if (!M.value) return [];
-			let e = o.mergeTag.picker.otherGroup, t = /* @__PURE__ */ new Set(), n = [];
-			for (let r of a.tags.value) {
-				let i = r.group ?? e;
-				t.has(i) || (t.add(i), n.push(i));
-			}
-			return n;
-		}), R = w(() => {
-			let e = I.value;
-			if (!M.value || S.value) return e.map((e, t) => ({
-				kind: "tag",
-				tag: e,
-				index: t
-			}));
-			let t = o.mergeTag.picker.otherGroup, n = /* @__PURE__ */ new Map(), r = [];
-			for (let i of e) {
-				let e = i.group ?? t;
-				n.has(e) || (n.set(e, []), r.push(e)), n.get(e).push(i);
-			}
-			let i = [], a = 0;
-			for (let e of r) {
-				let t = n.get(e);
-				if (i.push({
-					kind: "header",
-					group: e,
-					count: t.length
-				}), !P.value.has(e)) for (let e of t) i.push({
-					kind: "tag",
-					tag: e,
-					index: a
-				}), a++;
-			}
-			return i;
-		}), z = w(() => R.value.flatMap((e) => e.kind === "tag" ? [e.tag] : []));
-		i(() => a.isOpen.value, (e) => {
-			e && (_.value = "", O.value = 0, P.value = /* @__PURE__ */ new Set(), E(() => {
-				b.value?.focus();
-			}));
-		}), i(z, (e) => {
-			O.value >= e.length && (O.value = Math.max(0, e.length - 1));
-		});
-		function B(e) {
-			a.resolve(e);
-		}
-		function V() {
-			a.resolve(null);
-		}
-		function te(e) {
-			if (z.value.length === 0) return;
-			let t = O.value + e;
-			O.value = Math.max(0, Math.min(z.value.length - 1, t)), ae();
-		}
-		let ne = d(null), re = d({});
-		function ie(e, t) {
-			re.value[e] = t ?? null;
-		}
-		function ae() {
-			E(() => {
-				let e = ne.value;
-				e && e.querySelector(`[data-merge-tag-index="${O.value}"]`)?.scrollIntoView({ block: "nearest" });
-			});
-		}
-		function oe(e) {
-			if (P.value.has(e)) {
-				let t = new Set(P.value);
-				t.delete(e), P.value = t;
-			}
-			E(() => {
-				let t = ne.value;
-				if (!t) return;
-				let n = 0, r = !1;
-				for (let i of Array.from(t.children)) {
-					if (i.dataset.testid === "merge-tag-picker-group-header" && i.dataset.groupName === e) {
-						r = !0;
-						break;
-					}
-					n += i.offsetHeight;
-				}
-				r && t.scrollTo({
-					top: n,
-					behavior: "smooth"
-				});
-			});
-		}
-		function H(e) {
-			if (e.key === "ArrowDown") e.preventDefault(), te(1);
-			else if (e.key === "ArrowUp") e.preventDefault(), te(-1);
-			else if (e.key === "Enter") {
-				e.preventDefault();
-				let t = z.value[O.value];
-				t && B(t);
-			}
-		}
-		function se() {
-			if (z.value.length !== 0) return `${vl}-opt-${O.value}`;
-		}
-		function ce(e) {
-			return `${vl}-opt-${e}`;
-		}
-		let le = w(() => a.tags.value.length === 0), ue = w(() => !le.value && I.value.length === 0), de = w(() => M.value && L.value.length > 1 && !S.value);
-		return (r, i) => (s(), y(Jt, {
-			visible: x(a).isOpen.value,
-			onClose: V,
-			onKeydown: H
-		}, {
-			default: l(() => [p("div", {
-				role: "dialog",
-				"aria-modal": "true",
-				"aria-labelledby": `${vl}-title`,
-				"data-tpl-theme": x(h),
-				"data-testid": "merge-tag-picker-modal",
-				class: "tpl tpl:flex tpl:max-h-[80vh] tpl:w-[min(420px,92vw)] tpl:flex-col tpl:rounded-[var(--tpl-radius)] tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg-elevated)] tpl:shadow-[var(--tpl-shadow-lg)]",
-				style: t(x(f))
-			}, [
-				p("header", tl, [p("h2", {
-					id: `${vl}-title`,
-					class: "tpl:m-0 tpl:text-sm tpl:font-semibold tpl:text-[var(--tpl-text)]"
-				}, c(x(o).mergeTag.picker.title), 9, nl), p("button", {
-					type: "button",
-					class: "tpl:flex tpl:h-7 tpl:w-7 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded-[var(--tpl-radius-sm)] tpl:border-none tpl:bg-transparent tpl:text-[var(--tpl-text-dim)] tpl:transition-colors tpl:hover:bg-[var(--tpl-bg-hover)] tpl:hover:text-[var(--tpl-text)]",
-					"aria-label": x(o).mergeTag.picker.close,
-					"data-testid": "merge-tag-picker-close",
-					onClick: V
-				}, [g(x(jt), {
-					size: 16,
-					"stroke-width": 2
-				})], 8, rl)]),
-				p("div", il, [g(x(ht), {
-					class: "tpl:pointer-events-none tpl:absolute tpl:top-1/2 tpl:left-5 tpl:-translate-y-1/2 tpl:text-[var(--tpl-text-dim)]",
-					size: 14,
-					"stroke-width": 2
-				}), k(p("input", {
-					id: `${vl}-search`,
-					ref_key: "searchInputRef",
-					ref: b,
-					"onUpdate:modelValue": i[0] ||= (e) => _.value = e,
-					type: "text",
-					class: "tpl:w-full tpl:rounded-[var(--tpl-radius-sm)] tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:py-1.5 tpl:pr-3 tpl:pl-8 tpl:text-sm tpl:text-[var(--tpl-text)] tpl:outline-none tpl:focus:border-[var(--tpl-primary)]",
-					placeholder: x(o).mergeTag.picker.searchPlaceholder,
-					"aria-label": x(o).mergeTag.picker.searchAriaLabel,
-					"aria-controls": vl,
-					"aria-activedescendant": se(),
-					"data-testid": "merge-tag-picker-search",
-					onKeydown: i[1] ||= N(j(() => {}, ["prevent"]), ["enter"])
-				}, null, 40, al), [[A, _.value]])]),
-				de.value ? (s(), m("div", ol, [(s(!0), m(C, null, e(L.value, (e) => (s(), m("button", {
-					key: e,
-					type: "button",
-					class: "tpl:flex tpl:flex-shrink-0 tpl:cursor-pointer tpl:items-center tpl:rounded-full tpl:border tpl:border-[var(--tpl-border)] tpl:bg-transparent tpl:px-2.5 tpl:py-0.5 tpl:text-[11px] tpl:font-medium tpl:text-[var(--tpl-text-dim)] tpl:transition-colors tpl:hover:bg-[var(--tpl-bg-hover)] tpl:hover:text-[var(--tpl-text)]",
-					"data-testid": "merge-tag-picker-group-pill",
-					"data-group-name": e,
-					onClick: (t) => oe(e)
-				}, c(e), 9, sl))), 128))])) : T("", !0),
-				p("div", {
-					id: vl,
-					ref_key: "listRef",
-					ref: ne,
-					class: "tpl:relative tpl:max-h-[60vh] tpl:flex-1 tpl:overflow-y-auto",
-					role: "listbox",
-					"aria-label": x(o).mergeTag.picker.title,
-					"data-testid": "merge-tag-picker-list"
-				}, [le.value ? (s(), m("div", ll, c(x(o).mergeTag.picker.empty), 1)) : ue.value ? (s(), m("div", ul, c(x(o).mergeTag.picker.noResults), 1)) : (s(!0), m(C, { key: 2 }, e(R.value, (e, t) => (s(), m(C, { key: t }, [e.kind === "header" ? (s(), m("button", {
-					key: 0,
-					ref_for: !0,
-					ref: (t) => ie(e.group, t),
-					type: "button",
-					"aria-expanded": !F(e.group),
-					"aria-controls": vl,
-					class: "tpl:sticky tpl:top-0 tpl:z-10 tpl:flex tpl:w-full tpl:cursor-pointer tpl:items-center tpl:gap-1.5 tpl:border-none tpl:bg-[var(--tpl-bg-elevated)] tpl:px-3 tpl:pt-2.5 tpl:pb-1 tpl:text-left tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-text-dim)] tpl:transition-colors tpl:hover:bg-[var(--tpl-bg-hover)]",
-					"data-testid": "merge-tag-picker-group-header",
-					"data-group-name": e.group,
-					"data-group-collapsed": F(e.group) ? "true" : "false",
-					onClick: (t) => ee(e.group)
-				}, [
-					g(x(ft), {
-						size: 12,
-						"stroke-width": 2,
-						class: n(["tpl:transition-transform", F(e.group) ? "tpl:-rotate-90" : ""])
-					}, null, 8, ["class"]),
-					p("span", null, c(e.group), 1),
-					p("span", fl, " (" + c(x(u)(x(o).mergeTag.picker.groupCount, { count: e.count })) + ") ", 1)
-				], 8, dl)) : (s(), m("button", {
-					key: 1,
-					id: ce(e.index),
-					type: "button",
-					role: "option",
-					"aria-selected": e.index === O.value,
-					"data-selected": e.index === O.value ? "true" : "false",
-					"data-merge-tag-index": e.index,
-					"data-merge-tag-value": e.tag.value,
-					title: e.tag.description ? `${e.tag.value} — ${e.tag.description}` : e.tag.value,
-					class: n(["tpl:flex tpl:w-full tpl:cursor-pointer tpl:flex-col tpl:items-start tpl:gap-0.5 tpl:border-none tpl:px-3 tpl:py-1.5 tpl:text-left tpl:transition-colors", e.index === O.value ? "tpl:bg-[var(--tpl-primary-light)] tpl:text-[var(--tpl-primary)]" : "tpl:bg-transparent tpl:text-[var(--tpl-text)] tpl:hover:bg-[var(--tpl-bg-hover)]"]),
-					"data-testid": "merge-tag-picker-item",
-					onMousemove: (t) => O.value = e.index,
-					onClick: (t) => B(e.tag)
-				}, [
-					p("span", ml, c(e.tag.label), 1),
-					p("span", hl, c(e.tag.value), 1),
-					e.tag.description ? (s(), m("span", gl, c(e.tag.description), 1)) : T("", !0),
-					e.tag.sample === void 0 ? T("", !0) : (s(), m("span", _l, c(x(u)(x(o).mergeTag.picker.sample, { sample: e.tag.sample })), 1))
-				], 42, pl))], 64))), 128))], 8, cl)
-			], 12, el)]),
-			_: 1
-		}, 8, ["visible"]));
-	}
-}), bl = ["data-logic-keyword"], xl = /* @__PURE__ */ f({
-	__name: "LogicTagBadge",
-	props: {
-		value: {},
-		syntax: {}
-	},
-	setup(e) {
-		let t = e, n = w(() => R(t.value, t.syntax)), r = w(() => I(t.value, t.syntax));
-		return (e, t) => n.value ? (s(), m("span", {
-			key: 0,
-			class: "tpl:inline-flex tpl:flex-shrink-0 tpl:items-center tpl:rounded tpl:px-1.5 tpl:py-0.5 tpl:text-[10px] tpl:leading-none tpl:font-bold tpl:tracking-wide tpl:uppercase",
-			style: {
-				border: "1.5px solid\n        color-mix(in srgb, var(--tpl-primary) 50%, transparent)",
-				color: "var(--tpl-primary)"
-			},
-			"data-testid": "merge-tag-logic-badge",
-			"data-logic-keyword": r.value
-		}, c(r.value), 9, bl)) : T("", !0);
-	}
-}), Sl = ["aria-labelledby", "data-tpl-theme"], Cl = { class: "tpl:flex tpl:items-center tpl:justify-between tpl:gap-3 tpl:border-b tpl:border-[var(--tpl-border)] tpl:px-3 tpl:py-2.5" }, wl = ["id"], Tl = ["aria-label"], El = { class: "tpl:relative tpl:border-b tpl:border-[var(--tpl-border)] tpl:px-3 tpl:py-2.5" }, Dl = [
-	"id",
-	"placeholder",
-	"aria-label",
-	"aria-activedescendant"
-], Ol = ["aria-label"], kl = {
-	key: 0,
-	class: "tpl:px-3 tpl:py-6 tpl:text-center tpl:text-xs tpl:text-[var(--tpl-text-dim)]",
-	"data-testid": "logic-picker-empty"
-}, Al = {
-	key: 1,
-	class: "tpl:px-3 tpl:py-6 tpl:text-center tpl:text-xs tpl:text-[var(--tpl-text-dim)]",
-	"data-testid": "logic-picker-empty"
-}, jl = ["data-group-name"], Ml = [
-	"id",
-	"aria-selected",
-	"data-selected",
-	"data-logic-index",
-	"data-logic-kind",
-	"onMousemove",
-	"onClick"
-], Nl = { class: "tpl:flex tpl:w-full tpl:items-center tpl:justify-between tpl:gap-2" }, Pl = { class: "tpl:text-sm tpl:font-medium" }, Fl = {
-	key: 0,
-	class: "tpl:flex tpl:items-center"
-}, Il = {
-	key: 1,
-	class: "tpl:flex tpl:items-center tpl:gap-1"
-}, Ll = { class: "tpl:line-clamp-2 tpl:font-mono tpl:text-xs tpl:text-ellipsis tpl:break-all tpl:text-[var(--tpl-text-dim)]" }, Rl = {
-	key: 0,
-	class: "tpl:line-clamp-2 tpl:text-xs tpl:text-ellipsis tpl:text-[var(--tpl-text-dim)]"
-}, zl = "tpl-logic-picker-list", Bl = /* @__PURE__ */ f({
-	__name: "LogicTagPickerModal",
-	setup(r) {
-		let a = Be(qe, "LogicTagPickerModal"), { t: o } = U(), u = D(Re, B.liquid), f = D(Ye, null), h = D(Je, null), _ = d(""), v = Pe(_, 200), b = d(null), S = w(() => v.value.trim().length > 0), O = d(0);
-		function M(e) {
-			let t = v.value.trim().toLowerCase();
-			return !t || e.filter(Boolean).join(" ").toLowerCase().includes(t);
-		}
-		let P = w(() => a.tags.value.filter((e) => M([
-			e.label,
-			e.value,
-			e.description
-		]))), F = w(() => a.pairs.value.filter((e) => M([
-			e.label,
-			e.before,
-			e.after,
-			e.description
-		]))), ee = w(() => [...F.value.map((e) => ({
-			kind: "pair",
-			pair: e,
-			group: e.group
-		})), ...P.value.map((e) => ({
-			kind: "tag",
-			tag: e,
-			group: e.group
-		}))]), I = w(() => a.tags.value.some((e) => !!e.group) || a.pairs.value.some((e) => !!e.group));
-		function L(e) {
-			let t = o.logicTag.picker.otherGroup, n = /* @__PURE__ */ new Map(), r = [];
-			for (let i of e) {
-				let e = i.group ?? t;
-				n.has(e) || (n.set(e, []), r.push(e)), n.get(e).push(i);
-			}
-			return r.map((e) => [e, n.get(e)]);
-		}
-		let R = w(() => {
-			let e = [], t = [], n = 0, r = (r) => {
-				r.kind === "tag" ? (e.push({
-					kind: "tag",
-					tag: r.tag,
-					index: n
-				}), t.push(r.tag)) : (e.push({
-					kind: "pair",
-					pair: r.pair,
-					index: n
-				}), t.push(r.pair)), n++;
-			}, i = ee.value;
-			if (S.value || !I.value) for (let e of i) r(e);
-			else for (let [t, n] of L(i)) {
-				e.push({
-					kind: "header",
-					label: t
-				});
-				for (let e of n) r(e);
-			}
-			return {
-				rows: e,
-				items: t
-			};
-		}), z = w(() => R.value.items), V = w(() => a.tags.value.length === 0 && a.pairs.value.length === 0), te = w(() => !V.value && z.value.length === 0);
-		i(() => a.isOpen.value, (e) => {
-			e && (_.value = "", O.value = 0, E(() => b.value?.focus()));
-		}), i(z, (e) => {
-			O.value >= e.length && (O.value = Math.max(0, e.length - 1));
-		});
-		let ne = d(null);
-		function re(e) {
-			a.resolve(e);
-		}
-		function ie() {
-			a.resolve(null);
-		}
-		function ae(e) {
-			z.value.length !== 0 && (O.value = Math.max(0, Math.min(z.value.length - 1, O.value + e)), E(() => {
-				ne.value?.querySelector(`[data-logic-index="${O.value}"]`)?.scrollIntoView({ block: "nearest" });
-			}));
-		}
-		function oe(e) {
-			if (e.key === "ArrowDown") e.preventDefault(), ae(1);
-			else if (e.key === "ArrowUp") e.preventDefault(), ae(-1);
-			else if (e.key === "Enter") {
-				e.preventDefault();
-				let t = z.value[O.value];
-				t && re(t);
-			}
-		}
-		function H(e) {
-			return `${zl}-opt-${e}`;
-		}
-		function se() {
-			return z.value.length === 0 ? void 0 : `${zl}-opt-${O.value}`;
-		}
-		return (r, i) => (s(), y(Jt, {
-			visible: x(a).isOpen.value,
-			onClose: ie,
-			onKeydown: oe
-		}, {
-			default: l(() => [p("div", {
-				role: "dialog",
-				"aria-modal": "true",
-				"aria-labelledby": `${zl}-title`,
-				"data-tpl-theme": x(h),
-				"data-testid": "logic-picker-modal",
-				class: "tpl tpl:flex tpl:max-h-[80vh] tpl:w-[min(420px,92vw)] tpl:flex-col tpl:rounded-[var(--tpl-radius)] tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg-elevated)] tpl:shadow-[var(--tpl-shadow-lg)]",
-				style: t(x(f))
-			}, [
-				p("header", Cl, [p("h2", {
-					id: `${zl}-title`,
-					class: "tpl:m-0 tpl:text-sm tpl:font-semibold tpl:text-[var(--tpl-text)]"
-				}, c(x(o).logicTag.picker.title), 9, wl), p("button", {
-					type: "button",
-					class: "tpl:flex tpl:h-7 tpl:w-7 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded-[var(--tpl-radius-sm)] tpl:border-none tpl:bg-transparent tpl:text-[var(--tpl-text-dim)] tpl:transition-colors tpl:hover:bg-[var(--tpl-bg-hover)] tpl:hover:text-[var(--tpl-text)]",
-					"aria-label": x(o).logicTag.picker.close,
-					"data-testid": "logic-picker-close",
-					onClick: ie
-				}, [g(x(jt), {
-					size: 16,
-					"stroke-width": 2
-				})], 8, Tl)]),
-				p("div", El, [g(x(ht), {
-					class: "tpl:pointer-events-none tpl:absolute tpl:top-1/2 tpl:left-5 tpl:-translate-y-1/2 tpl:text-[var(--tpl-text-dim)]",
-					size: 14,
-					"stroke-width": 2
-				}), k(p("input", {
-					id: `${zl}-search`,
-					ref_key: "searchInputRef",
-					ref: b,
-					"onUpdate:modelValue": i[0] ||= (e) => _.value = e,
-					type: "text",
-					class: "tpl:w-full tpl:rounded-[var(--tpl-radius-sm)] tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:py-1.5 tpl:pr-3 tpl:pl-8 tpl:text-sm tpl:text-[var(--tpl-text)] tpl:outline-none tpl:focus:border-[var(--tpl-primary)]",
-					placeholder: x(o).logicTag.picker.searchPlaceholder,
-					"aria-label": x(o).logicTag.picker.searchAriaLabel,
-					"aria-controls": zl,
-					"aria-activedescendant": se(),
-					"data-testid": "logic-picker-search",
-					onKeydown: i[1] ||= N(j(() => {}, ["prevent"]), ["enter"])
-				}, null, 40, Dl), [[A, _.value]])]),
-				p("div", {
-					id: zl,
-					ref_key: "listRef",
-					ref: ne,
-					class: "tpl:relative tpl:max-h-[60vh] tpl:flex-1 tpl:overflow-y-auto",
-					role: "listbox",
-					"aria-label": x(o).logicTag.picker.title,
-					"data-testid": "logic-picker-list"
-				}, [V.value ? (s(), m("div", kl, c(x(o).logicTag.picker.empty), 1)) : te.value ? (s(), m("div", Al, c(x(o).logicTag.picker.noResults), 1)) : (s(!0), m(C, { key: 2 }, e(R.value.rows, (e, t) => (s(), m(C, { key: t }, [e.kind === "header" ? (s(), m("div", {
-					key: 0,
-					class: "tpl:px-3 tpl:pt-2.5 tpl:pb-1 tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-text-dim)]",
-					"data-testid": "logic-picker-header",
-					"data-group-name": e.label
-				}, c(e.label), 9, jl)) : (s(), m("button", {
-					key: 1,
-					id: H(e.index),
-					type: "button",
-					role: "option",
-					"aria-selected": e.index === O.value,
-					"data-selected": e.index === O.value ? "true" : "false",
-					"data-logic-index": e.index,
-					"data-logic-kind": e.kind,
-					class: n(["tpl:flex tpl:w-full tpl:cursor-pointer tpl:flex-col tpl:items-start tpl:gap-0.5 tpl:border-none tpl:px-3 tpl:py-1.5 tpl:text-left tpl:transition-colors", e.index === O.value ? "tpl:bg-[var(--tpl-primary-light)] tpl:text-[var(--tpl-primary)]" : "tpl:bg-transparent tpl:text-[var(--tpl-text)] tpl:hover:bg-[var(--tpl-bg-hover)]"]),
-					"data-testid": "logic-picker-item",
-					onMousemove: (t) => O.value = e.index,
-					onClick: (t) => re(e.kind === "tag" ? e.tag : e.pair)
-				}, [
-					p("span", Nl, [p("span", Pl, c(e.kind === "tag" ? e.tag.label : e.pair.label), 1), e.kind === "tag" ? (s(), m("span", Fl, [g(xl, {
-						value: e.tag.value,
-						syntax: x(u)
-					}, null, 8, ["value", "syntax"])])) : (s(), m("span", Il, [
-						g(xl, {
-							value: e.pair.before,
-							syntax: x(u)
-						}, null, 8, ["value", "syntax"]),
-						i[2] ||= p("span", { class: "tpl:text-[var(--tpl-text-dim)]" }, "…", -1),
-						g(xl, {
-							value: e.pair.after,
-							syntax: x(u)
-						}, null, 8, ["value", "syntax"])
-					]))]),
-					p("span", Ll, c(e.kind === "tag" ? e.tag.value : `${e.pair.before} … ${e.pair.after}`), 1),
-					(e.kind === "tag" ? e.tag.description : e.pair.description) ? (s(), m("span", Rl, c(e.kind === "tag" ? e.tag.description : e.pair.description), 1)) : T("", !0)
-				], 42, Ml))], 64))), 128))], 8, Ol)
-			], 12, Sl)]),
-			_: 1
-		}, 8, ["visible"]));
-	}
-});
-//#endregion
-export { Jc as a, Ln as c, mn as d, pn as f, rn as h, Xc as i, On as l, ln as m, yl as n, Kc as o, dn as p, $c as r, Vc as s, Bl as t, Dn as u };