@templatical/editor 0.7.0 → 0.7.2

package/dist/cdn/chunks/{styles-DaTht5d7.js → styles-BRN0i_zg.js}

@@ -1,11 +1,11 @@
 import { F as e, H as t, L as n, M as r, O as i, P as a, T as o, V as s, Y as c, Z as l, b as u, c as d, ct as f, f as p, g as m, h, it as g, l as _, m as v, n as y, o as b, ot as x, p as S, s as C, st as w, t as T, u as E, v as D, x as O, y as k, z as A } from "./draggable-P6QWzy4g.js";
-import { $ as j, Bt as ee, Cn as M, Ct as te, Et as N, F as P, Ft as ne, G as re, Gt as F, H as ie, I, Jt as L, K as ae, Kt as oe, L as se, Lt as ce, M as le, N as ue, Nt as de, Ot as fe, P as pe, Pt as R, Q as me, R as he, St as ge, U as _e, V as ve, Vt as ye, W as be, Wt as xe, Xt as z, Yt as Se, _n as Ce, bn as we, bt as Te, dn as Ee, hn as De, it as Oe, j as ke, jt as Ae, lt as je, mn as Me, nt as B, pn as Ne, pt as Pe, q as Fe, qt as Ie, rt as Le, st as Re, tn as ze, un as Be, vt as Ve, wt as He, xn as V, xt as Ue, yn as We, yt as Ge, z as Ke, zt as qe } from "./features-DzIN-Nua.js";
-import { E as H, F as U, G as Je, I as Ye, L as Xe, N as Ze, P as Qe, Q as $e, V as et, Y as tt, c as nt, d as rt, g as it, h as at, j as ot, k as st, l as ct, o as lt, s as ut, v as dt, x as ft, y as pt } from "./icons-Nvr6w13E.js";
+import { $ as j, Bt as ee, Cn as M, Ct as te, Et as N, F as P, Ft as ne, G as re, Gt as F, H as ie, I, Jt as L, K as ae, Kt as oe, L as se, Lt as ce, M as le, N as ue, Nt as de, Ot as fe, P as pe, Pt as R, Q as me, R as he, St as ge, U as _e, V as ve, Vt as ye, W as be, Wt as xe, Xt as z, Yt as Se, _n as Ce, bn as we, bt as Te, dn as Ee, hn as De, it as Oe, j as ke, jt as Ae, lt as je, mn as Me, nt as B, pn as Ne, pt as Pe, q as Fe, qt as Ie, rt as Le, st as Re, tn as ze, un as Be, vt as Ve, wt as He, xn as V, xt as Ue, yn as We, yt as Ge, z as Ke, zt as qe } from "./features-BouLRfOO.js";
+import { E as H, F as U, G as Je, I as Ye, L as Xe, N as Ze, P as Qe, Q as $e, V as et, Y as tt, c as nt, d as rt, g as it, h as at, j as ot, k as st, l as ct, o as lt, s as ut, v as dt, x as ft, y as pt } from "./icons-BBuZkqC3.js";
 import { t as mt } from "./readableTextColor-DhoK4XiZ.js";
-import { t as ht } from "./CountdownBlock-D1RoaOgF.js";
-import { t as gt } from "./blockTypeIcons-BeOhGtoo.js";
+import { t as ht } from "./CountdownBlock-LAlYJYWL.js";
+import { t as gt } from "./blockTypeIcons-Bgn69Q1-.js";
 import { _ as _t, c as vt, f as W, g as yt, h as G, l as bt, m as K, p as q, t as xt } from "./styleConstants-DP1VOca8.js";
-import { i as J, n as Y, r as X, t as St } from "./NumberWithSuffix-BIFgtqGs.js";
+import { i as J, n as Y, r as X, t as St } from "./NumberWithSuffix-EEDNj1my.js";
 //#region src/utils/resolveAccessibilityOptions.ts
 function Ct(e) {
 	return {
@@ -72,10 +72,7 @@ var wt = ["aria-label"], Tt = {
 				case "tablet": return 768;
 				default: return u.content.settings.width;
 			}
-		}), F = p(() => ({
-			backgroundColor: u.content.settings.backgroundColor,
-			fontFamily: u.content.settings.fontFamily
-		})), I = p(() => P.value.length === 0 && !u.previewMode), L = l(0), oe = p(() => I.value && L.value > 0);
+		}), F = p(() => ({ fontFamily: u.content.settings.fontFamily })), I = p(() => P.value.length === 0 && !u.previewMode), L = l(0), oe = p(() => I.value && L.value > 0);
 		function ce() {
 			I.value && (L.value += 1);
 		}
@@ -104,16 +101,21 @@ var wt = ["aria-label"], Tt = {
 			"data-testid": "canvas-wrapper",
 			role: "region",
 			"aria-label": g(_).landmarks.canvas,
-			class: "tpl-canvas-wrapper tpl:rounded-lg",
+			class: "tpl-canvas-wrapper tpl:relative tpl:rounded-lg",
 			style: w({
 				width: `${ne.value}px`,
-				backgroundColor: e.content.settings.backgroundColor,
 				boxShadow: e.darkMode ? "none" : "var(--tpl-shadow-xl)",
-				filter: e.darkMode ? "invert(1) hue-rotate(180deg)" : "none",
-				transition: "width 300ms cubic-bezier(0.34, 1.56, 0.64, 1), filter 300ms ease"
+				transition: "width 300ms cubic-bezier(0.34, 1.56, 0.64, 1)"
 			})
 		}, [S("div", {
-			class: x(["tpl-canvas tpl:rounded-lg", {
+			class: "tpl-canvas-bg tpl:absolute tpl:inset-0 tpl:rounded-lg tpl:pointer-events-none",
+			style: w({
+				backgroundColor: e.content.settings.backgroundColor,
+				...e.darkMode ? { filter: "invert(1) hue-rotate(180deg)" } : {},
+				transition: "filter 300ms ease"
+			})
+		}, null, 4), S("div", {
+			class: x(["tpl-canvas tpl:relative tpl:rounded-lg", {
 				"tpl-canvas--dark-mode": e.darkMode,
 				"tpl-preview-mode": e.previewMode
 			}]),
@@ -131,6 +133,7 @@ var wt = ["aria-label"], Tt = {
 			"inverted-swap-threshold": .65,
 			disabled: e.previewMode,
 			draggable: ".tpl-block-item",
+			"force-fallback": !0,
 			class: x([
 				"tpl-canvas-blocks",
 				I.value ? "tpl-canvas-empty tpl:m-6 tpl:flex tpl:min-h-[400px] tpl:flex-col tpl:items-center tpl:justify-center tpl:rounded-xl tpl:border-2 tpl:border-dashed tpl:px-10 tpl:py-12 tpl:text-center tpl:bg-[var(--tpl-bg-elevated)] tpl:font-[var(--tpl-font-family)] tpl:transition-colors tpl:duration-150" : "",
@@ -219,7 +222,7 @@ var wt = ["aria-label"], Tt = {
 			"class"
 		])], 6)], 12, wt));
 	}
-}), [["__scopeId", "data-v-14168e8c"]]), Pt = ["aria-label"], Ft = {
+}), [["__scopeId", "data-v-a4d3fa2d"]]), Pt = ["aria-label"], Ft = {
 	key: 0,
 	class: "tpl:border-b tpl:px-1 tpl:pb-1 tpl:border-[var(--tpl-border)]"
 }, It = ["aria-label"], Lt = {
@@ -239,7 +242,17 @@ var wt = ["aria-label"], Tt = {
 }, Ht = /* @__PURE__ */ O({
 	__name: "Sidebar",
 	setup(e) {
-		let { t, format: i } = R(), { t: c } = j(), u = o(F, []), d = o(qe, void 0), _ = o(Ie, null), y = o(ye, {}), b = p(() => (y.savedModules?.moduleCount.value ?? 0) > 0), x = l(!1), C = [
+		let { t, format: i } = R(), { t: c } = j(), u = o(F, []), d = o(qe, void 0), _ = o(Ie, null), y = o(ye, {}), b = p(() => (y.savedModules?.moduleCount.value ?? 0) > 0), x = l(!1), C = l(!1);
+		function D() {
+			C.value || (x.value = !1);
+		}
+		function O() {
+			C.value = !0;
+		}
+		function A() {
+			C.value = !1;
+		}
+		let ee = [
 			"section",
 			"image",
 			"title",
@@ -252,8 +265,8 @@ var wt = ["aria-label"], Tt = {
 			"table",
 			"spacer",
 			"html"
-		], D = p(() => {
-			let e = C.map((e) => ({
+		], M = p(() => {
+			let e = ee.map((e) => ({
 				type: e,
 				label: de(e, t)
 			}));
@@ -261,26 +274,26 @@ var wt = ["aria-label"], Tt = {
 				type: "countdown",
 				label: de("countdown", t)
 			}), e;
-		}), O = p(() => u.map((e) => ({
+		}), te = p(() => u.map((e) => ({
 			type: `custom:${e.type}`,
 			label: e.name,
 			isCustom: !0,
 			icon: e.icon
-		}))), A = p(() => [...D.value, ...O.value]);
-		function ee(e) {
+		}))), N = p(() => [...M.value, ...te.value]);
+		function P(e) {
 			if (e.isCustom) {
 				let t = e.type.replace("custom:", ""), n = u.find((e) => e.type === t);
 				if (n) return we(n);
 			}
 			return We(e.type, d);
 		}
-		function M(e) {
+		function ne(e) {
 			if (!_) return;
-			let t = ee(e);
+			let t = P(e);
 			_.addBlock(t), _.selectBlock(t.id);
 		}
-		function te(e, t) {
-			(e.key === "Enter" || e.key === " ") && (e.preventDefault(), M(t));
+		function re(e, t) {
+			(e.key === "Enter" || e.key === " ") && (e.preventDefault(), ne(t));
 		}
 		return (e, o) => (r(), m("aside", {
 			"aria-label": g(t).sidebarNav.palette,
@@ -293,9 +306,9 @@ var wt = ["aria-label"], Tt = {
 				transition: "width 200ms cubic-bezier(0.16, 1, 0.3, 1), box-shadow 200ms cubic-bezier(0.16, 1, 0.3, 1)"
 			}),
 			onMouseenter: o[1] ||= (e) => x.value = !0,
-			onMouseleave: o[2] ||= (e) => x.value = !1,
-			onFocusin: o[3] ||= (e) => x.value = !0,
-			onFocusout: o[4] ||= (e) => x.value = !1
+			onMouseleave: D,
+			onFocusin: o[2] ||= (e) => x.value = !0,
+			onFocusout: o[3] ||= (e) => x.value = !1
 		}, [b.value && g(c) ? (r(), m("div", Ft, [S("button", {
 			type: "button",
 			"aria-label": g(t).sidebarNav.browseModules,
@@ -311,27 +324,30 @@ var wt = ["aria-label"], Tt = {
 			x.value ? (r(), m("span", Lt, f(g(c).modules.title), 1)) : h("", !0),
 			x.value ? (r(), m("span", Rt, f(g(y).savedModules?.moduleCount.value ?? 0), 1)) : h("", !0)
 		], 12, It)])) : h("", !0), k(g(T), {
-			"model-value": A.value,
+			"model-value": N.value,
 			group: {
 				name: "blocks",
 				pull: "clone",
 				put: !1
 			},
-			clone: ee,
+			clone: P,
 			sort: !1,
 			animation: 150,
 			"ghost-class": "tpl-ghost",
-			class: "tpl:flex tpl:flex-col tpl:gap-0.5 tpl:p-1"
+			"force-fallback": !0,
+			class: "tpl:flex tpl:flex-col tpl:gap-0.5 tpl:p-1",
+			onChoose: O,
+			onEnd: A
 		}, {
-			default: s(() => [(r(!0), m(E, null, a(A.value, (e) => (r(), m("button", {
+			default: s(() => [(r(!0), m(E, null, a(N.value, (e) => (r(), m("button", {
 				key: e.type,
 				type: "button",
 				"data-palette-type": e.type,
 				"aria-label": g(i)(g(t).sidebarNav.insertBlock, { block: e.label }),
 				class: "tpl:flex tpl:h-10 tpl:w-full tpl:cursor-grab tpl:items-center tpl:gap-3 tpl:rounded-[var(--tpl-radius-sm)] tpl:border-none tpl:bg-transparent tpl:px-3 tpl:text-[var(--tpl-text-muted)] tpl:transition-all tpl:duration-[120ms] tpl:ease-[cubic-bezier(0.16,1,0.3,1)] hover:tpl:bg-[var(--tpl-primary-light)] hover:tpl:text-[var(--tpl-primary)] active:tpl:cursor-grabbing",
 				style: w({ justifyContent: x.value ? "flex-start" : "center" }),
-				onClick: (t) => M(e),
-				onKeydown: (t) => te(t, e)
+				onClick: (t) => ne(e),
+				onKeydown: (t) => re(t, e)
 			}, [S("div", Bt, [g(gt)[e.type] ? (r(), v(n(g(gt)[e.type]), {
 				key: 0,
 				size: 20,
@@ -2053,7 +2069,7 @@ var Si = {
 			value: e.value
 		}, f(e.label), 9, ga))), 128))], 42, ha)]));
 	}
-}), va = { class: "tpl:mb-3.5" }, ya = { class: "tpl:flex tpl:flex-col tpl:gap-2" }, ba = { class: "tpl:flex tpl:items-center tpl:gap-2" }, xa = ["value", "onChange"], Sa = ["value"], Ca = ["title", "onClick"], wa = { class: "tpl:mb-3.5" }, Ta = { class: "tpl:mb-3.5" }, Ea = { class: "tpl:mb-3.5" }, Da = { class: "tpl:flex tpl:items-stretch" }, Oa = ["value"], ka = { class: "tpl:mb-3.5" }, Aa = /* @__PURE__ */ O({
+}), va = { class: "tpl:mb-3.5" }, ya = { class: "tpl:flex tpl:flex-col tpl:gap-2" }, ba = { class: "tpl:flex tpl:items-center tpl:gap-2" }, xa = ["value", "onChange"], Sa = ["value"], Ca = ["title", "onClick"], wa = { class: "tpl:mb-3.5" }, Ta = ["value"], Ea = { value: "solid" }, Da = { value: "outlined" }, Oa = { value: "rounded" }, ka = { value: "square" }, Aa = { value: "circle" }, ja = { class: "tpl:mb-3.5" }, Ma = { class: "tpl:mb-3.5" }, Na = { class: "tpl:flex tpl:items-stretch" }, Pa = ["value"], Fa = { class: "tpl:mb-3.5" }, Ia = /* @__PURE__ */ O({
 	__name: "SocialToolbar",
 	props: { block: {} },
 	emits: ["update"],
@@ -2084,6 +2100,7 @@ var Si = {
 				key: e.id,
 				class: "tpl:flex tpl:flex-col tpl:gap-1.5 tpl:rounded-md tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg-hover)] tpl:p-2"
 			}, [S("div", ba, [S("select", {
+				"data-testid": "social-platform-select",
 				class: x([g(W), "tpl:flex-1"]),
 				value: e.platform,
 				onChange: (t) => l(e.id, "platform", t.target.value)
@@ -2113,33 +2130,18 @@ var Si = {
 				size: 14,
 				"stroke-width": 2
 			}), D(" " + f(g(o).social.addIcon), 1)], 2)])]),
-			S("div", wa, [S("label", { class: x(g(G)) }, f(g(o).social.style), 3), k(X, {
-				options: [
-					{
-						value: "solid",
-						label: g(o).social.styleSolid
-					},
-					{
-						value: "outlined",
-						label: g(o).social.styleOutlined
-					},
-					{
-						value: "rounded",
-						label: g(o).social.styleRounded
-					},
-					{
-						value: "square",
-						label: g(o).social.styleSquare
-					},
-					{
-						value: "circle",
-						label: g(o).social.styleCircle
-					}
-				],
-				"model-value": e.block.iconStyle,
-				"onUpdate:modelValue": n[0] ||= (e) => s("iconStyle", e)
-			}, null, 8, ["options", "model-value"])]),
-			S("div", Ta, [S("label", { class: x(g(G)) }, f(g(o).social.size), 3), k(X, {
+			S("div", wa, [S("label", { class: x(g(G)) }, f(g(o).social.style), 3), S("select", {
+				class: x(g(W)),
+				value: e.block.iconStyle,
+				onChange: n[0] ||= (e) => s("iconStyle", e.target.value)
+			}, [
+				S("option", Ea, f(g(o).social.styleSolid), 1),
+				S("option", Da, f(g(o).social.styleOutlined), 1),
+				S("option", Oa, f(g(o).social.styleRounded), 1),
+				S("option", ka, f(g(o).social.styleSquare), 1),
+				S("option", Aa, f(g(o).social.styleCircle), 1)
+			], 42, Ta)]),
+			S("div", ja, [S("label", { class: x(g(G)) }, f(g(o).social.size), 3), k(X, {
 				options: [
 					{
 						value: "small",
@@ -2157,15 +2159,15 @@ var Si = {
 				"model-value": e.block.iconSize,
 				"onUpdate:modelValue": n[1] ||= (e) => s("iconSize", e)
 			}, null, 8, ["options", "model-value"])]),
-			S("div", Ea, [S("label", { class: x(g(G)) }, f(g(o).social.spacing), 3), S("div", Da, [S("input", {
+			S("div", Ma, [S("label", { class: x(g(G)) }, f(g(o).social.spacing), 3), S("div", Na, [S("input", {
 				type: "number",
 				class: x(g(q)),
 				value: e.block.spacing,
 				min: "0",
 				max: "50",
 				onInput: n[2] ||= (e) => s("spacing", Number(e.target.value))
-			}, null, 42, Oa), S("span", { class: x(g(K)) }, "px", 2)])]),
-			S("div", ka, [S("label", { class: x(g(G)) }, f(g(o).social.align), 3), k(X, {
+			}, null, 42, Pa), S("span", { class: x(g(K)) }, "px", 2)])]),
+			S("div", Fa, [S("label", { class: x(g(G)) }, f(g(o).social.align), 3), k(X, {
 				options: [
 					{
 						value: "left",
@@ -2188,22 +2190,22 @@ var Si = {
 			}, null, 8, ["options", "model-value"])])
 		], 64));
 	}
-}), ja = { class: "tpl:mb-3.5" }, Ma = { class: "tpl:flex tpl:items-stretch" }, Na = ["value"], Pa = ["value"], Fa = /* @__PURE__ */ O({
+}), La = { class: "tpl:mb-3.5" }, Ra = { class: "tpl:flex tpl:items-stretch" }, za = ["value"], Ba = ["value"], Va = /* @__PURE__ */ O({
 	__name: "SpacerToolbar",
 	props: { block: {} },
 	emits: ["update"],
 	setup(e, { emit: t }) {
 		let n = t, { t: i } = R();
-		return (t, a) => (r(), m("div", ja, [
+		return (t, a) => (r(), m("div", La, [
 			S("label", { class: x(g(G)) }, f(g(i).spacer.height), 3),
-			S("div", Ma, [S("input", {
+			S("div", Ra, [S("input", {
 				type: "number",
 				class: x(g(q)),
 				value: e.block.height,
 				min: "10",
 				max: "100",
 				onInput: a[0] ||= (e) => n("update", { height: Number(e.target.value) })
-			}, null, 42, Na), S("span", { class: x(g(K)) }, "px", 2)]),
+			}, null, 42, za), S("span", { class: x(g(K)) }, "px", 2)]),
 			S("input", {
 				type: "range",
 				class: "tpl:mt-2 tpl:w-full tpl:accent-[var(--tpl-primary)]",
@@ -2211,13 +2213,13 @@ var Si = {
 				min: "10",
 				max: "100",
 				onInput: a[1] ||= (e) => n("update", { height: Number(e.target.value) })
-			}, null, 40, Pa)
+			}, null, 40, Ba)
 		]));
 	}
-}), Ia = { class: "tpl:mb-3.5" }, La = { class: "tpl:flex tpl:items-center tpl:gap-3" }, Ra = { class: "tpl:flex tpl:flex-1 tpl:items-center tpl:gap-1.5" }, za = { class: "tpl:text-xs tpl:text-[var(--tpl-text-muted)]" }, Ba = { class: "tpl:flex tpl:items-center tpl:rounded-md tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)]" }, Va = ["disabled"], Ha = { class: "tpl:min-w-[20px] tpl:text-center tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-text)]" }, Ua = { class: "tpl:flex tpl:flex-1 tpl:items-center tpl:gap-1.5" }, Wa = { class: "tpl:text-xs tpl:text-[var(--tpl-text-muted)]" }, Ga = { class: "tpl:flex tpl:items-center tpl:rounded-md tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)]" }, Ka = ["disabled"], qa = { class: "tpl:min-w-[20px] tpl:text-center tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-text)]" }, Ja = { class: "tpl:mb-3.5" }, Ya = { class: "tpl:mb-1.5 tpl:flex tpl:cursor-pointer tpl:items-center tpl:gap-2 tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-text-muted)]" }, Xa = ["checked"], Za = {
+}), Ha = { class: "tpl:mb-3.5" }, Ua = { class: "tpl:flex tpl:items-center tpl:gap-3" }, Wa = { class: "tpl:flex tpl:flex-1 tpl:items-center tpl:gap-1.5" }, Ga = { class: "tpl:text-xs tpl:text-[var(--tpl-text-muted)]" }, Ka = { class: "tpl:flex tpl:items-center tpl:rounded-md tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)]" }, qa = ["disabled"], Ja = { class: "tpl:min-w-[20px] tpl:text-center tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-text)]" }, Ya = { class: "tpl:flex tpl:flex-1 tpl:items-center tpl:gap-1.5" }, Xa = { class: "tpl:text-xs tpl:text-[var(--tpl-text-muted)]" }, Za = { class: "tpl:flex tpl:items-center tpl:rounded-md tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)]" }, Qa = ["disabled"], $a = { class: "tpl:min-w-[20px] tpl:text-center tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-text)]" }, eo = { class: "tpl:mb-3.5" }, to = { class: "tpl:mb-1.5 tpl:flex tpl:cursor-pointer tpl:items-center tpl:gap-2 tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-text-muted)]" }, no = ["checked"], ro = {
 	key: 0,
 	class: "tpl:mb-3.5"
-}, Qa = { class: "tpl:mb-3.5" }, $a = { class: "tpl:mb-3.5" }, eo = { class: "tpl:flex tpl:items-stretch" }, to = ["value"], no = { class: "tpl:mb-3.5" }, ro = { class: "tpl:flex tpl:items-stretch" }, io = ["value"], ao = { class: "tpl:mb-3.5" }, oo = ["value"], so = { value: "" }, co = ["value"], lo = { class: "tpl:mb-3.5" }, uo = { class: "tpl:flex tpl:items-stretch" }, fo = ["value"], po = { class: "tpl:mb-3.5" }, mo = { class: "tpl:mb-3.5" }, ho = /* @__PURE__ */ O({
+}, io = { class: "tpl:mb-3.5" }, ao = { class: "tpl:mb-3.5" }, oo = { class: "tpl:flex tpl:items-stretch" }, so = ["value"], co = { class: "tpl:mb-3.5" }, lo = { class: "tpl:flex tpl:items-stretch" }, uo = ["value"], fo = { class: "tpl:mb-3.5" }, po = ["value"], mo = { value: "" }, ho = ["value"], go = { class: "tpl:mb-3.5" }, _o = { class: "tpl:flex tpl:items-stretch" }, vo = ["value"], yo = { class: "tpl:mb-3.5" }, bo = { class: "tpl:mb-3.5" }, xo = /* @__PURE__ */ O({
 	__name: "TableToolbar",
 	props: {
 		block: {},
@@ -2258,7 +2260,7 @@ var Si = {
 			})) });
 		}
 		return (t, n) => (r(), m(E, null, [
-			S("div", Ia, [S("label", { class: x(g(G)) }, f(g(o).table.dimensions), 3), S("div", La, [S("div", Ra, [S("span", za, f(g(o).table.rows), 1), S("div", Ba, [
+			S("div", Ha, [S("label", { class: x(g(G)) }, f(g(o).table.dimensions), 3), S("div", Ua, [S("div", Wa, [S("span", Ga, f(g(o).table.rows), 1), S("div", Ka, [
 				S("button", {
 					class: "tpl:flex tpl:items-center tpl:justify-center tpl:px-1.5 tpl:py-1 tpl:text-[var(--tpl-text-muted)] tpl:transition-colors tpl:duration-150 tpl:hover:text-[var(--tpl-primary)] tpl:disabled:opacity-30",
 					disabled: e.block.rows.length <= 1,
@@ -2266,8 +2268,8 @@ var Si = {
 				}, [k(g(U), {
 					size: 12,
 					"stroke-width": 2
-				})], 8, Va),
-				S("span", Ha, f(e.block.rows.length), 1),
+				})], 8, qa),
+				S("span", Ja, f(e.block.rows.length), 1),
 				S("button", {
 					class: "tpl:flex tpl:items-center tpl:justify-center tpl:px-1.5 tpl:py-1 tpl:text-[var(--tpl-text-muted)] tpl:transition-colors tpl:duration-150 tpl:hover:text-[var(--tpl-primary)]",
 					onClick: l
@@ -2275,7 +2277,7 @@ var Si = {
 					size: 12,
 					"stroke-width": 2
 				})])
-			])]), S("div", Ua, [S("span", Wa, f(g(o).table.columns), 1), S("div", Ga, [
+			])]), S("div", Ya, [S("span", Xa, f(g(o).table.columns), 1), S("div", Za, [
 				S("button", {
 					class: "tpl:flex tpl:items-center tpl:justify-center tpl:px-1.5 tpl:py-1 tpl:text-[var(--tpl-text-muted)] tpl:transition-colors tpl:duration-150 tpl:hover:text-[var(--tpl-primary)] tpl:disabled:opacity-30",
 					disabled: s.value <= 1,
@@ -2283,8 +2285,8 @@ var Si = {
 				}, [k(g(U), {
 					size: 12,
 					"stroke-width": 2
-				})], 8, Ka),
-				S("span", qa, f(s.value), 1),
+				})], 8, Qa),
+				S("span", $a, f(s.value), 1),
 				S("button", {
 					class: "tpl:flex tpl:items-center tpl:justify-center tpl:px-1.5 tpl:py-1 tpl:text-[var(--tpl-text-muted)] tpl:transition-colors tpl:duration-150 tpl:hover:text-[var(--tpl-primary)]",
 					onClick: d
@@ -2293,58 +2295,58 @@ var Si = {
 					"stroke-width": 2
 				})])
 			])])])]),
-			S("div", Ja, [S("label", Ya, [S("input", {
+			S("div", eo, [S("label", to, [S("input", {
 				type: "checkbox",
 				checked: e.block.hasHeaderRow,
 				class: "tpl:accent-[var(--tpl-primary)]",
 				onChange: n[2] ||= (e) => c("hasHeaderRow", e.target.checked)
-			}, null, 40, Xa), D(" " + f(g(o).table.hasHeaderRow), 1)])]),
-			e.block.hasHeaderRow ? (r(), m("div", Za, [S("label", { class: x(g(G)) }, f(g(o).table.headerBackgroundColor), 3), k(J, {
+			}, null, 40, no), D(" " + f(g(o).table.hasHeaderRow), 1)])]),
+			e.block.hasHeaderRow ? (r(), m("div", ro, [S("label", { class: x(g(G)) }, f(g(o).table.headerBackgroundColor), 3), k(J, {
 				"model-value": e.block.headerBackgroundColor || g("#f2f2f2"),
 				placeholder: g(o).table.noHeaderBg,
 				"onUpdate:modelValue": n[3] ||= (e) => c("headerBackgroundColor", e || null)
 			}, null, 8, ["model-value", "placeholder"])])) : h("", !0),
-			S("div", Qa, [S("label", { class: x(g(G)) }, f(g(o).table.borderColor), 3), k(J, {
+			S("div", io, [S("label", { class: x(g(G)) }, f(g(o).table.borderColor), 3), k(J, {
 				"model-value": e.block.borderColor,
 				"onUpdate:modelValue": n[4] ||= (e) => c("borderColor", e)
 			}, null, 8, ["model-value"])]),
-			S("div", $a, [S("label", { class: x(g(G)) }, f(g(o).table.borderWidth), 3), S("div", eo, [S("input", {
+			S("div", ao, [S("label", { class: x(g(G)) }, f(g(o).table.borderWidth), 3), S("div", oo, [S("input", {
 				type: "number",
 				class: x(g(q)),
 				value: e.block.borderWidth,
 				min: "0",
 				max: "10",
 				onInput: n[5] ||= (e) => c("borderWidth", Number(e.target.value))
-			}, null, 42, to), S("span", { class: x(g(K)) }, "px", 2)])]),
-			S("div", no, [S("label", { class: x(g(G)) }, f(g(o).table.cellPadding), 3), S("div", ro, [S("input", {
+			}, null, 42, so), S("span", { class: x(g(K)) }, "px", 2)])]),
+			S("div", co, [S("label", { class: x(g(G)) }, f(g(o).table.cellPadding), 3), S("div", lo, [S("input", {
 				type: "number",
 				class: x(g(q)),
 				value: e.block.cellPadding,
 				min: "0",
 				max: "30",
 				onInput: n[6] ||= (e) => c("cellPadding", Number(e.target.value))
-			}, null, 42, io), S("span", { class: x(g(K)) }, "px", 2)])]),
-			S("div", ao, [S("label", { class: x(g(G)) }, f(g(o).table.fontFamily), 3), S("select", {
+			}, null, 42, uo), S("span", { class: x(g(K)) }, "px", 2)])]),
+			S("div", fo, [S("label", { class: x(g(G)) }, f(g(o).table.fontFamily), 3), S("select", {
 				class: x(g(W)),
 				value: e.block.fontFamily || "",
 				onChange: n[7] ||= (e) => c("fontFamily", e.target.value || void 0)
-			}, [S("option", so, f(g(o).title.inheritFont), 1), (r(!0), m(E, null, a(e.fontFamilies, (e) => (r(), m("option", {
+			}, [S("option", mo, f(g(o).title.inheritFont), 1), (r(!0), m(E, null, a(e.fontFamilies, (e) => (r(), m("option", {
 				key: e.value,
 				value: e.value
-			}, f(e.label), 9, co))), 128))], 42, oo)]),
-			S("div", lo, [S("label", { class: x(g(G)) }, f(g(o).table.fontSize), 3), S("div", uo, [S("input", {
+			}, f(e.label), 9, ho))), 128))], 42, po)]),
+			S("div", go, [S("label", { class: x(g(G)) }, f(g(o).table.fontSize), 3), S("div", _o, [S("input", {
 				type: "number",
 				class: x(g(q)),
 				value: e.block.fontSize,
 				min: "10",
 				max: "32",
 				onInput: n[8] ||= (e) => c("fontSize", Number(e.target.value))
-			}, null, 42, fo), S("span", { class: x(g(K)) }, "px", 2)])]),
-			S("div", po, [S("label", { class: x(g(G)) }, f(g(o).table.color), 3), k(J, {
+			}, null, 42, vo), S("span", { class: x(g(K)) }, "px", 2)])]),
+			S("div", yo, [S("label", { class: x(g(G)) }, f(g(o).table.color), 3), k(J, {
 				"model-value": e.block.color,
 				"onUpdate:modelValue": n[9] ||= (e) => c("color", e)
 			}, null, 8, ["model-value"])]),
-			S("div", mo, [S("label", { class: x(g(G)) }, f(g(o).table.textAlign), 3), k(X, {
+			S("div", bo, [S("label", { class: x(g(G)) }, f(g(o).table.textAlign), 3), k(X, {
 				options: [
 					{
 						value: "left",
@@ -2367,7 +2369,7 @@ var Si = {
 			}, null, 8, ["options", "model-value"])])
 		], 64));
 	}
-}), go = { class: "tpl:mb-3.5" }, _o = ["value"], vo = { value: 1 }, yo = { value: 2 }, bo = { value: 3 }, xo = { value: 4 }, So = { class: "tpl:mb-3.5" }, Co = ["value"], wo = { value: "" }, To = ["value"], Eo = { class: "tpl:mb-3.5" }, Do = { class: "tpl:mb-3.5" }, Oo = /* @__PURE__ */ O({
+}), So = { class: "tpl:mb-3.5" }, Co = ["value"], wo = { value: 1 }, To = { value: 2 }, Eo = { value: 3 }, Do = { value: 4 }, Oo = { class: "tpl:mb-3.5" }, ko = ["value"], Ao = { value: "" }, jo = ["value"], Mo = { class: "tpl:mb-3.5" }, No = { class: "tpl:mb-3.5" }, Po = /* @__PURE__ */ O({
 	__name: "TitleToolbar",
 	props: {
 		block: {},
@@ -2380,29 +2382,29 @@ var Si = {
 			n("update", { [e]: t });
 		}
 		return (t, n) => (r(), m(E, null, [
-			S("div", go, [S("label", { class: x(g(G)) }, f(g(i).title.level), 3), S("select", {
+			S("div", So, [S("label", { class: x(g(G)) }, f(g(i).title.level), 3), S("select", {
 				class: x(g(W)),
 				value: e.block.level,
 				onChange: n[0] ||= (e) => o("level", Number(e.target.value))
 			}, [
-				S("option", vo, f(g(i).title.heading1), 1),
-				S("option", yo, f(g(i).title.heading2), 1),
-				S("option", bo, f(g(i).title.heading3), 1),
-				S("option", xo, f(g(i).title.heading4), 1)
-			], 42, _o)]),
-			S("div", So, [S("label", { class: x(g(G)) }, f(g(i).title.fontFamily), 3), S("select", {
+				S("option", wo, f(g(i).title.heading1), 1),
+				S("option", To, f(g(i).title.heading2), 1),
+				S("option", Eo, f(g(i).title.heading3), 1),
+				S("option", Do, f(g(i).title.heading4), 1)
+			], 42, Co)]),
+			S("div", Oo, [S("label", { class: x(g(G)) }, f(g(i).title.fontFamily), 3), S("select", {
 				class: x(g(W)),
 				value: e.block.fontFamily || "",
 				onChange: n[1] ||= (e) => o("fontFamily", e.target.value || void 0)
-			}, [S("option", wo, f(g(i).title.inheritFont), 1), (r(!0), m(E, null, a(e.fontFamilies, (e) => (r(), m("option", {
+			}, [S("option", Ao, f(g(i).title.inheritFont), 1), (r(!0), m(E, null, a(e.fontFamilies, (e) => (r(), m("option", {
 				key: e.value,
 				value: e.value
-			}, f(e.label), 9, To))), 128))], 42, Co)]),
-			S("div", Eo, [S("label", { class: x(g(G)) }, f(g(i).title.color), 3), k(J, {
+			}, f(e.label), 9, jo))), 128))], 42, ko)]),
+			S("div", Mo, [S("label", { class: x(g(G)) }, f(g(i).title.color), 3), k(J, {
 				"model-value": e.block.color,
 				"onUpdate:modelValue": n[2] ||= (e) => o("color", e)
 			}, null, 8, ["model-value"])]),
-			S("div", Do, [S("label", { class: x(g(G)) }, f(g(i).title.align), 3), k(X, {
+			S("div", No, [S("label", { class: x(g(G)) }, f(g(i).title.align), 3), k(X, {
 				options: [
 					{
 						value: "left",
@@ -2425,17 +2427,17 @@ var Si = {
 			}, null, 8, ["options", "model-value"])])
 		], 64));
 	}
-}), ko = { class: "tpl:mb-3.5" }, Ao = {
+}), Fo = { class: "tpl:mb-3.5" }, Io = {
 	key: 0,
 	class: "tpl:mt-2 tpl:flex tpl:cursor-pointer tpl:items-center tpl:gap-2 tpl:text-[12px] tpl:text-[var(--tpl-text-muted)]"
-}, jo = ["checked"], Mo = {
+}, Lo = ["checked"], Ro = {
 	key: 0,
 	class: "tpl:mb-3.5"
-}, No = { class: "tpl:font-normal tpl:text-[var(--tpl-text-dim)]" }, Po = [
+}, zo = { class: "tpl:font-normal tpl:text-[var(--tpl-text-dim)]" }, Bo = [
 	"value",
 	"placeholder",
 	"title"
-], Fo = { class: "tpl:mb-3.5" }, Io = { class: "tpl:font-normal tpl:text-[var(--tpl-text-dim)]" }, Lo = { class: "tpl:mb-3.5" }, Ro = { class: "tpl:mb-3.5" }, zo = ["value"], Bo = { value: "full" }, Vo = { class: "tpl:mb-3.5" }, Ho = /* @__PURE__ */ O({
+], Vo = { class: "tpl:mb-3.5" }, Ho = { class: "tpl:font-normal tpl:text-[var(--tpl-text-dim)]" }, Uo = { class: "tpl:mb-3.5" }, Wo = { class: "tpl:mb-3.5" }, Go = ["value"], Ko = { value: "full" }, qo = { class: "tpl:mb-3.5" }, Jo = /* @__PURE__ */ O({
 	__name: "VideoToolbar",
 	props: { block: {} },
 	emits: ["update"],
@@ -2451,7 +2453,7 @@ var Si = {
 			e && (y("thumbnailUrl", e.url), _.value = !0, v());
 		}
 		return (t, n) => (r(), m(E, null, [
-			S("div", ko, [
+			S("div", Fo, [
 				S("label", { class: x(g(G)) }, f(g(a).video.videoUrl), 3),
 				k(Z, {
 					"model-value": e.block.url,
@@ -2459,23 +2461,23 @@ var Si = {
 					placeholder: g(a).video.videoUrlPlaceholder,
 					"onUpdate:modelValue": n[0] ||= (e) => y("url", e)
 				}, null, 8, ["model-value", "placeholder"]),
-				e.block.url ? (r(), m("label", Ao, [S("input", {
+				e.block.url ? (r(), m("label", Io, [S("input", {
 					type: "checkbox",
 					class: "tpl:size-3.5 tpl:cursor-pointer tpl:accent-[var(--tpl-primary)]",
 					checked: e.block.openInNewTab ?? !1,
 					onChange: n[1] ||= (e) => y("openInNewTab", e.target.checked)
-				}, null, 40, jo), D(" " + f(g(a).video.openInNewTab), 1)])) : h("", !0)
+				}, null, 40, Lo), D(" " + f(g(a).video.openInNewTab), 1)])) : h("", !0)
 			]),
-			d.value ? (r(), m("div", Mo, [S("label", { class: x(g(G)) }, [D(f(g(a).video.placeholderUrl) + " ", 1), S("span", No, f(g(a).video.optional), 1)], 2), S("input", {
+			d.value ? (r(), m("div", Ro, [S("label", { class: x(g(G)) }, [D(f(g(a).video.placeholderUrl) + " ", 1), S("span", zo, f(g(a).video.optional), 1)], 2), S("input", {
 				type: "url",
 				class: x(g(W)),
 				value: e.block.placeholderUrl || "",
 				placeholder: g(a).video.placeholderUrlPlaceholder,
 				title: g(a).video.placeholderUrlTooltip,
 				onInput: n[2] ||= (e) => y("placeholderUrl", e.target.value)
-			}, null, 42, Po)])) : h("", !0),
-			S("div", Fo, [
-				S("label", { class: x(g(G)) }, [D(f(g(a).video.customThumbnail) + " ", 1), S("span", Io, f(g(a).video.optional), 1)], 2),
+			}, null, 42, Bo)])) : h("", !0),
+			S("div", Vo, [
+				S("label", { class: x(g(G)) }, [D(f(g(a).video.customThumbnail) + " ", 1), S("span", Ho, f(g(a).video.optional), 1)], 2),
 				k(Z, {
 					"model-value": e.block.thumbnailUrl,
 					type: "url",
@@ -2501,23 +2503,23 @@ var Si = {
 					"stroke-width": 1.5
 				}), D(" " + f(g(a).image.browseMedia), 1)])) : h("", !0)
 			]),
-			S("div", Lo, [S("label", { class: x(g(G)) }, f(g(a).video.altText), 3), k(Z, {
+			S("div", Uo, [S("label", { class: x(g(G)) }, f(g(a).video.altText), 3), k(Z, {
 				"model-value": e.block.alt,
 				type: "text",
 				placeholder: g(a).video.altTextPlaceholder,
 				"onUpdate:modelValue": n[4] ||= (e) => y("alt", e)
 			}, null, 8, ["model-value", "placeholder"])]),
-			S("div", Ro, [S("label", { class: x(g(G)) }, f(g(a).video.width), 3), S("select", {
+			S("div", Wo, [S("label", { class: x(g(G)) }, f(g(a).video.width), 3), S("select", {
 				class: x(g(W)),
 				value: e.block.width,
 				onChange: n[5] ||= (e) => y("width", e.target.value === "full" ? "full" : Number(e.target.value))
 			}, [
-				S("option", Bo, f(g(a).video.fullWidth), 1),
+				S("option", Ko, f(g(a).video.fullWidth), 1),
 				n[7] ||= S("option", { value: "300" }, "300px", -1),
 				n[8] ||= S("option", { value: "400" }, "400px", -1),
 				n[9] ||= S("option", { value: "500" }, "500px", -1)
-			], 42, zo)]),
-			S("div", Vo, [S("label", { class: x(g(G)) }, f(g(a).title.align), 3), k(X, {
+			], 42, Go)]),
+			S("div", qo, [S("label", { class: x(g(G)) }, f(g(a).title.align), 3), k(X, {
 				options: [
 					{
 						value: "left",
@@ -2537,7 +2539,7 @@ var Si = {
 			}, null, 8, ["options", "model-value"])])
 		], 64));
 	}
-}), Uo = ["aria-label"], Wo = { class: "tpl:flex tpl:items-center tpl:justify-between tpl:border-b tpl:border-[var(--tpl-border)] tpl:px-4 tpl:py-3.5" }, Go = { class: "tpl:flex tpl:items-center tpl:gap-2 tpl:text-[var(--tpl-primary)]" }, Ko = { class: "tpl:m-0 tpl:text-sm tpl:font-semibold tpl:text-[var(--tpl-text)]" }, qo = { class: "tpl:flex tpl:gap-1" }, Jo = ["title"], Yo = ["title"], Xo = { class: "tpl:flex-1 tpl:overflow-y-auto tpl:p-4" }, Zo = /* @__PURE__ */ B(/* @__PURE__ */ O({
+}), Yo = ["aria-label"], Xo = { class: "tpl:flex tpl:items-center tpl:justify-between tpl:border-b tpl:border-[var(--tpl-border)] tpl:px-4 tpl:py-3.5" }, Zo = { class: "tpl:flex tpl:items-center tpl:gap-2 tpl:text-[var(--tpl-primary)]" }, Qo = { class: "tpl:m-0 tpl:text-sm tpl:font-semibold tpl:text-[var(--tpl-text)]" }, $o = { class: "tpl:flex tpl:gap-1" }, es = ["title"], ts = ["title"], ns = { class: "tpl:flex-1 tpl:overflow-y-auto tpl:p-4" }, rs = /* @__PURE__ */ B(/* @__PURE__ */ O({
 	__name: "Toolbar",
 	props: { block: {} },
 	emits: [
@@ -2546,7 +2548,7 @@ var Si = {
 		"duplicate"
 	],
 	setup(e, { emit: t }) {
-		let i = u(() => import("./CountdownToolbar-DltwuOer.js")), a = e, s = t, { t: c } = R(), l = ze(L, "Toolbar"), d = o(F, []), _ = p(() => a.block.type), y = p(() => M(a.block)), b = p(() => {
+		let i = u(() => import("./CountdownToolbar-CbIKGP7u.js")), a = e, s = t, { t: c } = R(), l = ze(L, "Toolbar"), d = o(F, []), _ = p(() => a.block.type), y = p(() => M(a.block)), b = p(() => {
 			if (y.value) return d.find((e) => e.type === a.block.customType);
 		}), x = p(() => y.value ? b.value?.name ?? a.block.customType : de(_.value, c)), C = l.fonts;
 		function w(e) {
@@ -2555,7 +2557,7 @@ var Si = {
 		return (t, a) => (r(), m("aside", {
 			"aria-label": g(c).landmarks.blockToolbar,
 			class: "tpl:flex tpl:w-full tpl:flex-1 tpl:flex-col tpl:bg-[var(--tpl-bg-elevated)]"
-		}, [S("div", Wo, [S("div", Go, [g(gt)[_.value] ? (r(), v(n(g(gt)[_.value]), {
+		}, [S("div", Xo, [S("div", Zo, [g(gt)[_.value] ? (r(), v(n(g(gt)[_.value]), {
 			key: 0,
 			size: 16,
 			"stroke-width": 1.5
@@ -2563,21 +2565,21 @@ var Si = {
 			key: 1,
 			size: 16,
 			"stroke-width": 1.5
-		})) : h("", !0), S("h3", Ko, f(x.value), 1)]), S("div", qo, [S("button", {
+		})) : h("", !0), S("h3", Qo, f(x.value), 1)]), S("div", $o, [S("button", {
 			class: "tpl:flex tpl:size-7 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded-md tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg-hover)] tpl:text-[var(--tpl-text-muted)] tpl:transition-all tpl:duration-150 tpl:hover:bg-[var(--tpl-bg-active)] tpl:hover:text-[var(--tpl-text)]",
 			title: g(c).toolbar.duplicate,
 			onClick: a[0] ||= (e) => s("duplicate")
 		}, [k(g(te), {
 			size: 14,
 			"stroke-width": 2
-		})], 8, Jo), S("button", {
+		})], 8, es), S("button", {
 			class: "tpl:flex tpl:size-7 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded-md tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg-hover)] tpl:text-[var(--tpl-text-muted)] tpl:transition-all tpl:duration-150 tpl:hover:border-[var(--tpl-danger)] tpl:hover:bg-[var(--tpl-danger-light)] tpl:hover:text-[var(--tpl-danger)]",
 			title: g(c).toolbar.delete,
 			onClick: a[1] ||= (e) => s("delete")
 		}, [k(g(Re), {
 			size: 14,
 			"stroke-width": 2
-		})], 8, Yo)])]), S("div", Xo, [y.value ? (r(), v(Ai, {
+		})], 8, ts)])]), S("div", ns, [y.value ? (r(), v(Ai, {
 			key: 0,
 			block: e.block,
 			onUpdateFieldValues: a[2] ||= (e) => s("update", { fieldValues: e }),
@@ -2586,7 +2588,7 @@ var Si = {
 			key: 1,
 			block: e.block,
 			onUpdate: w
-		}, null, 8, ["block"])) : _.value === "title" ? (r(), v(Oo, {
+		}, null, 8, ["block"])) : _.value === "title" ? (r(), v(Po, {
 			key: 2,
 			block: e.block,
 			"font-families": g(C),
@@ -2595,7 +2597,7 @@ var Si = {
 			key: 4,
 			block: e.block,
 			onUpdate: w
-		}, null, 8, ["block"])) : _.value === "video" ? (r(), v(Ho, {
+		}, null, 8, ["block"])) : _.value === "video" ? (r(), v(Jo, {
 			key: 5,
 			block: e.block,
 			onUpdate: w
@@ -2608,7 +2610,7 @@ var Si = {
 			key: 7,
 			block: e.block,
 			onUpdate: w
-		}, null, 8, ["block"])) : _.value === "social" ? (r(), v(Aa, {
+		}, null, 8, ["block"])) : _.value === "social" ? (r(), v(Ia, {
 			key: 8,
 			block: e.block,
 			onUpdate: w
@@ -2617,12 +2619,12 @@ var Si = {
 			block: e.block,
 			"font-families": g(C),
 			onUpdate: w
-		}, null, 8, ["block", "font-families"])) : _.value === "table" ? (r(), v(ho, {
+		}, null, 8, ["block", "font-families"])) : _.value === "table" ? (r(), v(xo, {
 			key: 10,
 			block: e.block,
 			"font-families": g(C),
 			onUpdate: w
-		}, null, 8, ["block", "font-families"])) : _.value === "spacer" ? (r(), v(Fa, {
+		}, null, 8, ["block", "font-families"])) : _.value === "spacer" ? (r(), v(Va, {
 			key: 11,
 			block: e.block,
 			onUpdate: w
@@ -2639,48 +2641,48 @@ var Si = {
 			block: e.block,
 			"is-first-section": _.value === "paragraph",
 			onUpdate: w
-		}, null, 8, ["block", "is-first-section"])])], 8, Uo));
+		}, null, 8, ["block", "is-first-section"])])], 8, Yo));
 	}
-}), [["__scopeId", "data-v-2ac88283"]]), Qo = ["aria-label"], $o = {
+}), [["__scopeId", "data-v-2ac88283"]]), is = ["aria-label"], as = {
 	role: "tablist",
 	class: "tpl:relative tpl:flex tpl:gap-1 tpl:border-b tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg-active)] tpl:p-1.5"
-}, es = [
+}, os = [
 	"aria-selected",
 	"aria-label",
 	"title"
-], ts = { key: 0 }, ns = [
+], ss = { key: 0 }, cs = [
 	"aria-selected",
 	"aria-label",
 	"title"
-], rs = { key: 0 }, is = [
+], ls = { key: 0 }, us = [
 	"aria-selected",
 	"aria-label",
 	"title"
-], as = { key: 0 }, os = {
+], ds = { key: 0 }, fs = {
 	key: 1,
 	class: "tpl:ml-1 tpl:rounded-full tpl:bg-[var(--tpl-bg-hover)] tpl:px-1.5 tpl:text-[10px]"
-}, ss = {
+}, ps = {
 	key: 0,
 	id: "tpl-tabpanel-content",
 	role: "tabpanel",
 	"aria-labelledby": "tpl-tab-content",
 	class: "tpl:flex tpl:flex-1 tpl:flex-col tpl:overflow-y-auto"
-}, cs = {
+}, ms = {
 	key: 1,
 	class: "tpl:flex tpl:flex-col tpl:items-center tpl:justify-center tpl:px-6 tpl:py-10 tpl:text-center tpl:text-[var(--tpl-text-muted)]"
-}, ls = { class: "tpl:mb-4 tpl:text-[var(--tpl-text-dim)]" }, us = { class: "tpl:m-0 tpl:mb-2 tpl:text-sm tpl:font-semibold tpl:text-[var(--tpl-text)]" }, ds = { class: "tpl:m-0 tpl:text-sm tpl:leading-normal" }, fs = {
+}, hs = { class: "tpl:mb-4 tpl:text-[var(--tpl-text-dim)]" }, gs = { class: "tpl:m-0 tpl:mb-2 tpl:text-sm tpl:font-semibold tpl:text-[var(--tpl-text)]" }, _s = { class: "tpl:m-0 tpl:text-sm tpl:leading-normal" }, vs = {
 	key: 1,
 	id: "tpl-tabpanel-settings",
 	role: "tabpanel",
 	"aria-labelledby": "tpl-tab-settings",
 	class: "tpl:flex tpl:flex-1 tpl:flex-col tpl:overflow-y-auto"
-}, ps = {
+}, ys = {
 	key: 2,
 	id: "tpl-tabpanel-accessibility",
 	role: "tabpanel",
 	"aria-labelledby": "tpl-tab-accessibility",
 	class: "tpl:flex tpl:flex-1 tpl:flex-col tpl:overflow-y-auto"
-}, ms = /* @__PURE__ */ O({
+}, bs = /* @__PURE__ */ O({
 	__name: "RightSidebar",
 	props: {
 		selectedBlock: {},
@@ -2694,7 +2696,7 @@ var Si = {
 		"update-settings"
 	],
 	setup(e, { emit: t }) {
-		let n = u(() => import("./AccessibilityPanel-kgNBRaZV.js")), i = e, a = t, { t: s } = R(), c = l("content"), d = o(ne, null), _ = p(() => d !== null), y = p(() => d?.issues.value.length ?? 0);
+		let n = u(() => import("./AccessibilityPanel-DaqF4Xzy.js")), i = e, a = t, { t: s } = R(), c = l("content"), d = o(ne, null), _ = p(() => d !== null), y = p(() => d?.issues.value.length ?? 0);
 		function b(e) {
 			return c.value === e ? "tpl:flex-1 tpl:text-[var(--tpl-primary)]" : "tpl:shrink-0 tpl:text-[var(--tpl-text-muted)] hover:tpl:text-[var(--tpl-text)]";
 		}
@@ -2710,7 +2712,7 @@ var Si = {
 			"aria-label": g(s).landmarks.rightSidebar,
 			class: x(["tpl-right-sidebar tpl:absolute tpl:top-14 tpl:bottom-0 tpl:z-40 tpl:flex tpl:w-[320px] tpl:flex-col tpl:bg-[var(--tpl-bg-elevated)] tpl:transition-all tpl:duration-200 tpl:border-l tpl:border-[var(--tpl-border)]", e.shiftedLeft ? "tpl:right-[360px]" : "tpl:right-0"])
 		}, [
-			S("div", $o, [
+			S("div", as, [
 				S("button", {
 					id: "tpl-tab-content",
 					role: "tab",
@@ -2724,7 +2726,7 @@ var Si = {
 				}, [k(g(st), {
 					size: 14,
 					"stroke-width": 2
-				}), c.value === "content" ? (r(), m("span", ts, f(g(s).sidebar.content), 1)) : h("", !0)], 14, es),
+				}), c.value === "content" ? (r(), m("span", ss, f(g(s).sidebar.content), 1)) : h("", !0)], 14, os),
 				S("button", {
 					id: "tpl-tab-settings",
 					role: "tab",
@@ -2738,7 +2740,7 @@ var Si = {
 				}, [k(g(pt), {
 					size: 14,
 					"stroke-width": 1.5
-				}), c.value === "settings" ? (r(), m("span", rs, f(g(s).sidebar.settings), 1)) : h("", !0)], 14, ns),
+				}), c.value === "settings" ? (r(), m("span", ls, f(g(s).sidebar.settings), 1)) : h("", !0)], 14, cs),
 				_.value ? (r(), m("button", {
 					key: 0,
 					id: "tpl-tab-accessibility",
@@ -2755,37 +2757,37 @@ var Si = {
 						size: 14,
 						"stroke-width": 1.5
 					}),
-					c.value === "accessibility" ? (r(), m("span", as, f(g(s).accessibility.panelTabLabel), 1)) : h("", !0),
-					y.value > 0 ? (r(), m("span", os, f(y.value), 1)) : h("", !0)
-				], 14, is)) : h("", !0)
+					c.value === "accessibility" ? (r(), m("span", ds, f(g(s).accessibility.panelTabLabel), 1)) : h("", !0),
+					y.value > 0 ? (r(), m("span", fs, f(y.value), 1)) : h("", !0)
+				], 14, us)) : h("", !0)
 			]),
-			c.value === "content" ? (r(), m("div", ss, [e.selectedBlock ? (r(), v(Zo, {
+			c.value === "content" ? (r(), m("div", ps, [e.selectedBlock ? (r(), v(rs, {
 				key: 0,
 				block: e.selectedBlock,
 				onUpdate: i[3] ||= (e) => a("update-block", e),
 				onDelete: i[4] ||= (e) => a("delete-block"),
 				onDuplicate: i[5] ||= (e) => a("duplicate-block")
-			}, null, 8, ["block"])) : (r(), m("div", cs, [
-				S("div", ls, [k(g(et), {
+			}, null, 8, ["block"])) : (r(), m("div", ms, [
+				S("div", hs, [k(g(et), {
 					size: 40,
 					"stroke-width": 1.5
 				})]),
-				S("h3", us, f(g(s).sidebar.noSelection), 1),
-				S("p", ds, f(g(s).sidebar.noSelectionHint), 1)
+				S("h3", gs, f(g(s).sidebar.noSelection), 1),
+				S("p", _s, f(g(s).sidebar.noSelectionHint), 1)
 			]))])) : h("", !0),
-			c.value === "settings" ? (r(), m("div", fs, [k(Mn, {
+			c.value === "settings" ? (r(), m("div", vs, [k(Mn, {
 				settings: e.settings,
 				onUpdate: i[6] ||= (e) => a("update-settings", e)
 			}, null, 8, ["settings"])])) : h("", !0),
-			c.value === "accessibility" && _.value ? (r(), m("div", ps, [k(g(n))])) : h("", !0)
-		], 10, Qo));
+			c.value === "accessibility" && _.value ? (r(), m("div", ys, [k(g(n))])) : h("", !0)
+		], 10, is));
 	}
-}), hs = ["aria-label"], gs = [
+}), xs = ["aria-label"], Ss = [
 	"aria-checked",
 	"aria-label",
 	"title",
 	"onClick"
-], _s = /* @__PURE__ */ O({
+], Cs = /* @__PURE__ */ O({
 	__name: "ViewportToggle",
 	props: { viewport: {} },
 	emits: ["change"],
@@ -2846,13 +2848,13 @@ var Si = {
 			key: 2,
 			size: 18,
 			"stroke-width": 1.5
-		})), S("span", null, f(t.label), 1)], 12, gs))), 128))], 12, hs));
+		})), S("span", null, f(t.label), 1)], 12, Ss))), 128))], 12, xs));
 	}
-}), vs = [
+}), ws = [
 	"aria-label",
 	"title",
 	"aria-pressed"
-], ys = /* @__PURE__ */ B(/* @__PURE__ */ O({
+], Ts = /* @__PURE__ */ B(/* @__PURE__ */ O({
 	__name: "PreviewToggle",
 	props: { previewMode: { type: Boolean } },
 	emits: ["change"],
@@ -2885,13 +2887,13 @@ var Si = {
 				"stroke-width": 1.5
 			}))]),
 			_: 1
-		})], 12, vs));
+		})], 12, ws));
 	}
-}), [["__scopeId", "data-v-af87d02a"]]), bs = [
+}), [["__scopeId", "data-v-af87d02a"]]), Es = [
 	"aria-label",
 	"title",
 	"aria-pressed"
-], xs = /* @__PURE__ */ B(/* @__PURE__ */ O({
+], Ds = /* @__PURE__ */ B(/* @__PURE__ */ O({
 	__name: "DarkModeToggle",
 	props: { darkMode: { type: Boolean } },
 	emits: ["change"],
@@ -2924,27 +2926,27 @@ var Si = {
 				"stroke-width": 1.5
 			}))]),
 			_: 1
-		})], 12, bs));
+		})], 12, Es));
 	}
-}), [["__scopeId", "data-v-f8694f76"]]), Ss = {
+}), [["__scopeId", "data-v-f8694f76"]]), Os = {
 	class: "tpl:pointer-events-auto tpl:flex tpl:items-center tpl:gap-1.5 tpl:rounded-tl-lg tpl:p-1",
 	style: {
 		"background-color": "color-mix(\n          in srgb,\n          var(--tpl-canvas-bg) 85%,\n          transparent\n        )",
 		"backdrop-filter": "blur(8px)",
 		"-webkit-backdrop-filter": "blur(8px)"
 	}
-}, Cs = {
+}, ks = {
 	href: "https://github.com/templatical/sdk",
 	target: "_blank",
 	rel: "noopener noreferrer",
 	class: "tpl:transition-colors tpl:duration-150 hover:tpl:opacity-80 tpl:text-[var(--tpl-text-dim)]",
 	style: { "text-decoration": "none" }
-}, ws = /* @__PURE__ */ O({
+}, As = /* @__PURE__ */ O({
 	__name: "EditorFooter",
 	props: { positionClass: {} },
 	setup(e) {
 		let { t } = R();
-		return (n, i) => (r(), m("footer", { class: x(["tpl:pointer-events-none tpl:absolute tpl:bottom-0 tpl:z-50 tpl:flex tpl:h-8 tpl:items-center tpl:justify-end tpl:pr-4 tpl:text-[9px] tpl:opacity-90 tpl:transition-all tpl:duration-300 tpl:text-[var(--tpl-text-dim)]", e.positionClass]) }, [S("div", Ss, [
+		return (n, i) => (r(), m("footer", { class: x(["tpl:pointer-events-none tpl:absolute tpl:bottom-0 tpl:z-50 tpl:flex tpl:h-8 tpl:items-center tpl:justify-end tpl:pr-4 tpl:text-[9px] tpl:opacity-90 tpl:transition-all tpl:duration-300 tpl:text-[var(--tpl-text-dim)]", e.positionClass]) }, [S("div", Os, [
 			S("span", null, f(g(t).footer.poweredBy), 1),
 			i[0] ||= S("a", {
 				href: "https://templatical.com",
@@ -2959,11 +2961,11 @@ var Si = {
 				alt: ""
 			}), D(" Templatical ")], -1),
 			i[1] ||= S("span", { class: "tpl:text-[var(--tpl-border)]" }, "·", -1),
-			S("a", Cs, f(g(t).footer.openSource), 1)
+			S("a", ks, f(g(t).footer.openSource), 1)
 		])], 2));
 	}
 });
 //#endregion
-export { ms as a, Ct as c, _s as i, xs as n, Ht as o, ys as r, Nt as s, ws as t };
+export { bs as a, Ct as c, Cs as i, Ds as n, Ht as o, Ts as r, Nt as s, As as t };
 
-//# sourceMappingURL=styles-DaTht5d7.js.map
+//# sourceMappingURL=styles-BRN0i_zg.js.map