@templatical/editor 0.7.3 → 0.8.0

package/dist/{styles-BP15QmP3.js → styles-Ci7RdimQ.js}

@@ -1,30 +1,30 @@
 import { A as e, B as t, E as n, F as r, J as i, L as a, M as o, N as s, U as c, X as l, _ as u, a as d, at as f, b as p, c as m, d as h, f as g, h as _, l as v, m as y, o as b, ot as x, p as S, q as C, rt as w, s as T, st as E, t as D, v as O, w as k, y as A, z as j } from "./vue.runtime.esm-bundler-Bxqkjqhc.js";
 import { C as ee, D as M, E as te, S as N, a as P, l as F, n as ne, o as I } from "./dist-DJmnUmW9.js";
-import { A as L, F as re, I as ie, M as ae, N as oe, T as R, _ as se, a as ce, c as le, d as ue, g as de, h as fe, i as pe, j as me, k as he, l as ge, m as _e, n as ve, o as ye, p as be, r as xe, s as Se, u as Ce, v as we, y as Te } from "./useEditorCore-_rbu6iMu.js";
+import { A as L, F as re, I as ie, M as ae, N as oe, T as R, _ as se, a as ce, c as le, d as ue, g as de, h as fe, i as pe, j as me, k as he, l as ge, m as _e, n as ve, o as ye, p as be, r as xe, s as Se, u as Ce, v as we, y as Te } from "./useEditorCore-DT3VrvZS.js";
 import { s as Ee } from "./dist-BzRLLpfq.js";
-import { A as De, S as Oe, c as ke, d as Ae, f as je, g as Me, m as Ne, o as Pe, p as Fe, r as Ie, s as Le, t as Re, x as ze } from "./keys-B5SJtPWf.js";
-import { t as z } from "./useI18n-PEB8ioi_.js";
+import { A as De, E as Oe, a as ke, b as Ae, d as je, f as Me, h as Ne, n as Pe, o as Fe, p as Ie, s as Le, u as Re, x as ze } from "./keys-CY3tkCsv.js";
+import { t as z } from "./useI18n-CWX9ZTCW.js";
 import { t as B } from "./createLucideIcon-Di4mqmGn.js";
-import { t as Be } from "./accessibility-BgUEA-Ai.js";
-import { t as Ve } from "./chevron-down-tee-ghFi.js";
-import { t as He } from "./circle-alert-C0L9pUQ4.js";
-import { n as Ue, r as V, t as We } from "./blockTypeIcons-CUcYuWAO.js";
-import { n as Ge, t as Ke } from "./refresh-cw-BNAhAmtL.js";
-import { t as qe } from "./image-up-1D_3XDdO.js";
-import { t as Je } from "./info-DTGrc0Bx.js";
+import { t as Be } from "./chevron-down-4NzWtv6Y.js";
+import { t as Ve } from "./circle-alert-CPIth9bC.js";
+import { n as He, r as V, t as Ue } from "./blockTypeIcons-CJNuGjLX.js";
+import { n as We, t as Ge } from "./refresh-cw-C9_M6yB3.js";
+import { t as Ke } from "./image-up-CubAveUO.js";
+import { t as qe } from "./info-DiINxXfZ.js";
+import { t as Je } from "./list-checks-CMtEXe9l.js";
 import { t as Ye } from "./scan-line-DUEg6DoT.js";
 import { t as Xe } from "./sparkles-D1IGi_cC.js";
 import { n as Ze, r as Qe, t as $e } from "./text-align-start-DG3aAH7Y.js";
 import { t as et } from "./trash-2-424iqbpN.js";
 import { t as tt } from "./x-Dlaenqta.js";
 import { t as H } from "./_plugin-vue_export-helper-B0hnzhyu.js";
-import { t as nt } from "./useCloudI18n-ByEMykjO.js";
-import { t as rt } from "./useMergeTag-C47xwU7X.js";
+import { t as nt } from "./useCloudI18n-BPUHj2CZ.js";
+import { t as rt } from "./useMergeTag-B3F9VR04.js";
 import { t as it } from "./useAliveFlag-D8GoB4VE.js";
 import { t as at } from "./readableTextColor-CXzrEnNb.js";
-import { t as ot } from "./CountdownBlock-ByJ0_8Pk.js";
+import { t as ot } from "./CountdownBlock-D0IiMliC.js";
 import { _ as st, c as ct, f as U, g as lt, h as W, l as ut, m as G, p as K, t as dt } from "./styleConstants-DkfOPzGu.js";
-import { i as q, n as J, r as Y, t as ft } from "./NumberWithSuffix-CyFX9w1e.js";
+import { i as q, n as J, r as Y, t as ft } from "./NumberWithSuffix-n-cr7lpU.js";
 var pt = B("circle", [["circle", {
 	cx: "12",
 	cy: "12",
@@ -238,10 +238,10 @@ var pt = B("circle", [["circle", {
 	key: "1dp563"
 }]]);
 //#endregion
-//#region src/utils/resolveAccessibilityOptions.ts
+//#region src/utils/resolveLintOptions.ts
 function Ot(e) {
 	return {
-		...e.accessibility,
+		...e.lint,
 		locale: e.locale
 	};
 }
@@ -290,7 +290,7 @@ var kt = ["aria-label"], At = {
 			video: ve,
 			countdown: ot,
 			custom: Te
-		}, s = n, c = i, { t: d } = z(), { t: p } = nt(), m = De(Ne, "Canvas"), C = k(Ae, null), T = k(Le, null), D = k(ke, {}), A = h(() => (D.plan?.hasFeature("ai_generation") ?? !1) && (D.ai?.isFeatureEnabled("chat") ?? !1)), ee = h(() => (D.plan?.hasFeature("ai_generation") ?? !1) && (D.ai?.isFeatureEnabled("designToTemplate") ?? !1)), M = h({
+		}, s = n, c = i, { t: d } = z(), { t: p } = nt(), m = De(Ie, "Canvas"), C = k(Re, null), T = k(Fe, null), D = k(Le, {}), A = h(() => (D.plan?.hasFeature("ai_generation") ?? !1) && (D.ai?.isFeatureEnabled("chat") ?? !1)), ee = h(() => (D.plan?.hasFeature("ai_generation") ?? !1) && (D.ai?.isFeatureEnabled("designToTemplate") ?? !1)), M = h({
 			get: () => s.content.blocks,
 			set: (e) => {
 				m.setContent({
@@ -399,7 +399,7 @@ var kt = ["aria-label"], At = {
 					g("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) => c("open-design-reference")
-					}, [O(w(qe), {
+					}, [O(w(Ke), {
 						size: 14,
 						"stroke-width": 2
 					}), u(" " + E(w(p).aiMenu.designToTemplate), 1)]),
@@ -474,7 +474,7 @@ var kt = ["aria-label"], At = {
 }, qt = /* @__PURE__ */ p({
 	__name: "Sidebar",
 	setup(t) {
-		let { t: n, format: i } = z(), { t: a } = nt(), s = k(je, []), c = k(Pe, void 0), u = k(Ne, null), d = k(ke, {}), f = h(() => (d.savedModules?.moduleCount.value ?? 0) > 0), p = l(!1), m = l(!1);
+		let { t: n, format: i } = z(), { t: a } = nt(), s = k(je, []), c = k(ke, void 0), u = k(Ie, null), d = k(Le, {}), f = h(() => (d.savedModules?.moduleCount.value ?? 0) > 0), p = l(!1), m = l(!1);
 		function b() {
 			m.value || (p.value = !1);
 		}
@@ -548,7 +548,7 @@ var kt = ["aria-label"], At = {
 			style: x({ justifyContent: p.value ? "flex-start" : "center" }),
 			onClick: s[0] ||= (e) => w(d).savedModules?.openBrowser()
 		}, [
-			O(w(Ue), {
+			O(w(He), {
 				size: 20,
 				"stroke-width": 1.5,
 				class: "tpl:shrink-0"
@@ -580,7 +580,7 @@ var kt = ["aria-label"], At = {
 				style: x({ justifyContent: p.value ? "flex-start" : "center" }),
 				onClick: (e) => N(t),
 				onKeydown: (e) => P(e, t)
-			}, [g("div", Gt, [w(We)[t.type] ? (e(), S(r(w(We)[t.type]), {
+			}, [g("div", Gt, [w(Ue)[t.type] ? (e(), S(r(w(Ue)[t.type]), {
 				key: 0,
 				size: 20,
 				"stroke-width": 1.5
@@ -802,7 +802,7 @@ var Yt = ["aria-label", "onKeydown"], Xt = ["data-tooltip"], Zt = ["data-tooltip
 	props: { settings: {} },
 	emits: ["update"],
 	setup(t, { emit: n }) {
-		let r = t, i = n, { t: a } = z(), s = De(Me, "TemplateSettings"), c = h(() => s.fonts.value), l = h(() => c.value.some((e) => e.value === r.settings.fontFamily) ? r.settings.fontFamily : s.defaultFont.value), u = [
+		let r = t, i = n, { t: a } = z(), s = De(Ne, "TemplateSettings"), c = h(() => s.fonts.value), l = h(() => c.value.some((e) => e.value === r.settings.fontFamily) ? r.settings.fontFamily : s.defaultFont.value), u = [
 			{
 				value: 480,
 				label: "480px"
@@ -884,7 +884,7 @@ var Yt = ["aria-label", "onKeydown"], Xt = ["data-tooltip"], Zt = ["data-tooltip
 				}, null, 42, wn),
 				g("p", Tn, E(w(a).templateSettings.contentLocaleHint), 1)
 			])], 2),
-			g("div", { class: f(w(ut)) }, [g("div", En, [O(w(Ge), {
+			g("div", { class: f(w(ut)) }, [g("div", En, [O(w(We), {
 				class: "tpl:text-[var(--tpl-text-muted)]",
 				size: 14,
 				"stroke-width": 2
@@ -894,7 +894,7 @@ var Yt = ["aria-label", "onKeydown"], Xt = ["data-tooltip"], Zt = ["data-tooltip
 				rows: 2,
 				"onUpdate:modelValue": r[4] ||= (e) => i("update", { preheaderText: e.replace(/[\r\n]/g, " ") || void 0 })
 			}, null, 8, ["model-value", "placeholder"]), g("div", Dn, [g("span", On, E(w(a).templateSettings.preheaderTextHint), 1), g("span", kn, E((t.settings.preheaderText ?? "").length) + "/" + E(In), 1)])])], 2),
-			g("div", An, [g("div", jn, [O(w(Je), {
+			g("div", An, [g("div", jn, [O(w(qe), {
 				size: 14,
 				"stroke-width": 2
 			}), g("span", null, E(w(a).templateSettings.tips), 1)]), g("ul", Mn, [
@@ -1208,7 +1208,7 @@ var Yt = ["aria-label", "onKeydown"], Xt = ["data-tooltip"], Zt = ["data-tooltip
 			type: "button",
 			class: "tpl:flex tpl:w-full tpl:cursor-pointer tpl:items-center tpl:gap-1.5 tpl:border-none tpl:bg-transparent tpl:p-0 tpl:text-sm tpl:font-medium tpl:text-[var(--tpl-text-muted)]",
 			onClick: i[0] ||= (e) => r.$emit("toggle")
-		}, [O(w(Ve), {
+		}, [O(w(Be), {
 			class: f(["tpl:transition-transform tpl:duration-200", n.open ? "tpl:rotate-0" : "tpl:-rotate-90"]),
 			size: 12,
 			"stroke-width": 2
@@ -1234,7 +1234,7 @@ var Yt = ["aria-label", "onKeydown"], Xt = ["data-tooltip"], Zt = ["data-tooltip
 	},
 	emits: ["update"],
 	setup(n, { emit: s }) {
-		let c = n, p = s, { t: m } = z(), b = k(Fe, []), x = k(Ie, !1), C = i(/* @__PURE__ */ new Set()), T = l(!1), D = l(""), A = l(""), ee = [
+		let c = n, p = s, { t: m } = z(), b = k(Me, []), x = k(Pe, !1), C = i(/* @__PURE__ */ new Set()), T = l(!1), D = l(""), A = l(""), ee = [
 			{
 				key: "desktop",
 				icon: vt,
@@ -1535,7 +1535,7 @@ var Yt = ["aria-label", "onKeydown"], Xt = ["data-tooltip"], Zt = ["data-tooltip
 	},
 	emits: ["update:modelValue"],
 	setup(t, { emit: n }) {
-		let r = n, { t: i } = z(), a = k(Oe, null), o = it(), s = h(() => !!a);
+		let r = n, { t: i } = z(), a = k(ze, null), o = it(), s = h(() => !!a);
 		async function c() {
 			let e = await a?.({ accept: ["images"] });
 			o.alive && e && r("update:modelValue", e.url);
@@ -1877,7 +1877,7 @@ var Di = {
 				type: "button",
 				class: "tpl:flex tpl:w-full tpl:items-center tpl:justify-center tpl:gap-1.5 tpl:rounded-md tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:px-3 tpl:py-1.5 tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-text-muted)] tpl:transition-all tpl:duration-150 tpl:hover:border-[var(--tpl-primary)] tpl:hover:text-[var(--tpl-primary)]",
 				onClick: i[1] ||= (...e) => w(p) && w(p)(...e)
-			}, [O(w(Ke), { size: 12 }), u(" " + E(w(s).customBlocks.dataSource.changeButton), 1)]))])), w(f) ? (e(), _("p", Pi, [O(w(He), {
+			}, [O(w(Ge), { size: 12 }), u(" " + E(w(s).customBlocks.dataSource.changeButton), 1)]))])), w(f) ? (e(), _("p", Pi, [O(w(Ve), {
 				size: 14,
 				class: "tpl:shrink-0"
 			}), u(" " + E(w(s).customBlocks.dataSource.fetchError), 1)])) : y("", !0)])) : y("", !0),
@@ -1952,7 +1952,7 @@ var Di = {
 				class: f(w(lt)),
 				onInput: a[0] ||= (e) => r("update", { content: e.target.value })
 			}, null, 42, Ui),
-			g("p", Wi, [O(w(Je), {
+			g("p", Wi, [O(w(qe), {
 				size: 12,
 				class: "tpl:mt-0.5 tpl:shrink-0"
 			}), u(" " + E(w(i).html.sanitizationHint), 1)])
@@ -1969,7 +1969,7 @@ var Di = {
 	props: { block: {} },
 	emits: ["update"],
 	setup(t, { emit: n }) {
-		let r = n, { t: i } = z(), a = k(Oe, null), o = k(ze, ne.liquid), s = it(), c = h(() => !!a), d = l(!1), p = l(!1), { start: m } = Ee(() => {
+		let r = n, { t: i } = z(), a = k(ze, null), o = k(Ae, ne.liquid), s = it(), c = h(() => !!a), d = l(!1), p = l(!1), { start: m } = Ee(() => {
 			d.value = !1;
 		}, 1e3, { immediate: !1 });
 		function b(e, t) {
@@ -2270,43 +2270,68 @@ var Di = {
 			}, 8, ["label"])
 		], 64));
 	}
-}), ya = { class: "tpl:mb-3.5" }, ba = ["value"], xa = ["value"], Sa = /* @__PURE__ */ p({
+});
+//#endregion
+//#region src/utils/rebalanceColumnChildren.ts
+function ya(e) {
+	return e === "1" ? 1 : e === "3" ? 3 : 2;
+}
+function ba(e, t) {
+	let n = ya(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 xa = { class: "tpl:mb-3.5" }, Sa = ["value"], Ca = ["value"], wa = /* @__PURE__ */ p({
 	__name: "SectionToolbar",
 	props: { block: {} },
 	emits: ["update"],
 	setup(t, { emit: n }) {
-		let r = n, { t: i } = z(), a = h(() => [
+		let r = t, i = n, { t: a } = z(), s = h(() => [
 			{
 				value: "1",
-				label: i.section.column1
+				label: a.section.column1
 			},
 			{
 				value: "2",
-				label: i.section.column2
+				label: a.section.column2
 			},
 			{
 				value: "3",
-				label: i.section.column3
+				label: a.section.column3
 			},
 			{
 				value: "1-2",
-				label: i.section.ratio12
+				label: a.section.ratio12
 			},
 			{
 				value: "2-1",
-				label: i.section.ratio21
+				label: a.section.ratio21
 			}
 		]);
-		return (n, s) => (e(), _("div", ya, [g("label", { class: f(w(W)) }, E(w(i).section.columns), 3), g("select", {
+		function c(e) {
+			let t = e.target.value;
+			i("update", {
+				columns: t,
+				children: ba(r.block.children, t)
+			});
+		}
+		return (n, r) => (e(), _("div", xa, [g("label", { class: f(w(W)) }, E(w(a).section.columns), 3), g("select", {
 			class: f(w(U)),
 			value: t.block.columns,
-			onChange: s[0] ||= (e) => r("update", { columns: e.target.value })
-		}, [(e(!0), _(v, null, o(a.value, (t) => (e(), _("option", {
+			onChange: c
+		}, [(e(!0), _(v, null, o(s.value, (t) => (e(), _("option", {
 			key: t.value,
 			value: t.value
-		}, E(t.label), 9, xa))), 128))], 42, ba)]));
+		}, E(t.label), 9, Ca))), 128))], 42, Sa)]));
 	}
-}), Ca = { class: "tpl:mb-3.5" }, wa = { class: "tpl:flex tpl:flex-col tpl:gap-2" }, Ta = { class: "tpl:flex tpl:items-center tpl:gap-2" }, Ea = ["value", "onChange"], Da = ["value"], Oa = ["title", "onClick"], ka = { class: "tpl:mb-3.5" }, Aa = ["value"], ja = { value: "solid" }, Ma = { value: "outlined" }, Na = { value: "rounded" }, Pa = { value: "square" }, Fa = { value: "circle" }, Ia = { class: "tpl:mb-3.5" }, La = { class: "tpl:mb-3.5" }, Ra = { class: "tpl:flex tpl:items-stretch" }, za = ["value"], Ba = { class: "tpl:mb-3.5" }, Va = /* @__PURE__ */ p({
+}), Ta = { class: "tpl:mb-3.5" }, Ea = { class: "tpl:flex tpl:flex-col tpl:gap-2" }, Da = { class: "tpl:flex tpl:items-center tpl:gap-2" }, Oa = ["value", "onChange"], ka = ["value"], Aa = ["title", "onClick"], ja = { class: "tpl:mb-3.5" }, Ma = ["value"], Na = { value: "solid" }, Pa = { value: "outlined" }, Fa = { value: "rounded" }, Ia = { value: "square" }, La = { value: "circle" }, Ra = { class: "tpl:mb-3.5" }, za = { class: "tpl:mb-3.5" }, Ba = { class: "tpl:flex tpl:items-stretch" }, Va = ["value"], Ha = { class: "tpl:mb-3.5" }, Ua = /* @__PURE__ */ p({
 	__name: "SocialToolbar",
 	props: { block: {} },
 	emits: ["update"],
@@ -2333,10 +2358,10 @@ var Di = {
 			i("update", { icons: r.block.icons.filter((t) => t.id !== e) });
 		}
 		return (n, r) => (e(), _(v, null, [
-			g("div", Ca, [g("label", { class: f(w(W)) }, E(w(a).social.icons), 3), g("div", wa, [(e(!0), _(v, null, o(t.block.icons, (t) => (e(), _("div", {
+			g("div", Ta, [g("label", { class: f(w(W)) }, E(w(a).social.icons), 3), g("div", Ea, [(e(!0), _(v, null, o(t.block.icons, (t) => (e(), _("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"
-			}, [g("div", Ta, [g("select", {
+			}, [g("div", Da, [g("select", {
 				"data-testid": "social-platform-select",
 				class: f([w(U), "tpl:flex-1"]),
 				value: t.platform,
@@ -2344,14 +2369,14 @@ var Di = {
 			}, [(e(!0), _(v, null, o(w(Se), (t) => (e(), _("option", {
 				key: t,
 				value: t
-			}, E(w(ye)[t].name), 9, Da))), 128))], 42, Ea), g("button", {
+			}, E(w(ye)[t].name), 9, ka))), 128))], 42, Oa), g("button", {
 				class: f(w(st)),
 				title: w(a).social.removeIcon,
 				onClick: (e) => d(t.id)
 			}, [O(w(tt), {
 				size: 14,
 				"stroke-width": 2
-			})], 10, Oa)]), O(Z, {
+			})], 10, Aa)]), O(Z, {
 				"model-value": t.url,
 				type: "url",
 				placeholder: w(a).social.urlPlaceholder,
@@ -2367,18 +2392,18 @@ var Di = {
 				size: 14,
 				"stroke-width": 2
 			}), u(" " + E(w(a).social.addIcon), 1)], 2)])]),
-			g("div", ka, [g("label", { class: f(w(W)) }, E(w(a).social.style), 3), g("select", {
+			g("div", ja, [g("label", { class: f(w(W)) }, E(w(a).social.style), 3), g("select", {
 				class: f(w(U)),
 				value: t.block.iconStyle,
 				onChange: r[0] ||= (e) => s("iconStyle", e.target.value)
 			}, [
-				g("option", ja, E(w(a).social.styleSolid), 1),
-				g("option", Ma, E(w(a).social.styleOutlined), 1),
-				g("option", Na, E(w(a).social.styleRounded), 1),
-				g("option", Pa, E(w(a).social.styleSquare), 1),
-				g("option", Fa, E(w(a).social.styleCircle), 1)
-			], 42, Aa)]),
-			g("div", Ia, [g("label", { class: f(w(W)) }, E(w(a).social.size), 3), O(Y, {
+				g("option", Na, E(w(a).social.styleSolid), 1),
+				g("option", Pa, E(w(a).social.styleOutlined), 1),
+				g("option", Fa, E(w(a).social.styleRounded), 1),
+				g("option", Ia, E(w(a).social.styleSquare), 1),
+				g("option", La, E(w(a).social.styleCircle), 1)
+			], 42, Ma)]),
+			g("div", Ra, [g("label", { class: f(w(W)) }, E(w(a).social.size), 3), O(Y, {
 				options: [
 					{
 						value: "small",
@@ -2396,15 +2421,15 @@ var Di = {
 				"model-value": t.block.iconSize,
 				"onUpdate:modelValue": r[1] ||= (e) => s("iconSize", e)
 			}, null, 8, ["options", "model-value"])]),
-			g("div", La, [g("label", { class: f(w(W)) }, E(w(a).social.spacing), 3), g("div", Ra, [g("input", {
+			g("div", za, [g("label", { class: f(w(W)) }, E(w(a).social.spacing), 3), g("div", Ba, [g("input", {
 				type: "number",
 				class: f(w(K)),
 				value: t.block.spacing,
 				min: "0",
 				max: "50",
 				onInput: r[2] ||= (e) => s("spacing", Number(e.target.value))
-			}, null, 42, za), g("span", { class: f(w(G)) }, "px", 2)])]),
-			g("div", Ba, [g("label", { class: f(w(W)) }, E(w(a).social.align), 3), O(Y, {
+			}, null, 42, Va), g("span", { class: f(w(G)) }, "px", 2)])]),
+			g("div", Ha, [g("label", { class: f(w(W)) }, E(w(a).social.align), 3), O(Y, {
 				options: [
 					{
 						value: "left",
@@ -2427,22 +2452,22 @@ var Di = {
 			}, null, 8, ["options", "model-value"])])
 		], 64));
 	}
-}), Ha = { class: "tpl:mb-3.5" }, Ua = { class: "tpl:flex tpl:items-stretch" }, Wa = ["value"], Ga = ["value"], Ka = /* @__PURE__ */ p({
+}), Wa = { class: "tpl:mb-3.5" }, Ga = { class: "tpl:flex tpl:items-stretch" }, Ka = ["value"], qa = ["value"], Ja = /* @__PURE__ */ p({
 	__name: "SpacerToolbar",
 	props: { block: {} },
 	emits: ["update"],
 	setup(t, { emit: n }) {
 		let r = n, { t: i } = z();
-		return (n, a) => (e(), _("div", Ha, [
+		return (n, a) => (e(), _("div", Wa, [
 			g("label", { class: f(w(W)) }, E(w(i).spacer.height), 3),
-			g("div", Ua, [g("input", {
+			g("div", Ga, [g("input", {
 				type: "number",
 				class: f(w(K)),
 				value: t.block.height,
 				min: "10",
 				max: "100",
 				onInput: a[0] ||= (e) => r("update", { height: Number(e.target.value) })
-			}, null, 42, Wa), g("span", { class: f(w(G)) }, "px", 2)]),
+			}, null, 42, Ka), g("span", { class: f(w(G)) }, "px", 2)]),
 			g("input", {
 				type: "range",
 				class: "tpl:mt-2 tpl:w-full tpl:accent-[var(--tpl-primary)]",
@@ -2450,13 +2475,13 @@ var Di = {
 				min: "10",
 				max: "100",
 				onInput: a[1] ||= (e) => r("update", { height: Number(e.target.value) })
-			}, null, 40, Ga)
+			}, null, 40, qa)
 		]));
 	}
-}), qa = { class: "tpl:mb-3.5" }, Ja = { class: "tpl:flex tpl:items-center tpl:gap-3" }, 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:flex tpl:flex-1 tpl:items-center tpl:gap-1.5" }, to = { class: "tpl:text-xs tpl:text-[var(--tpl-text-muted)]" }, no = { class: "tpl:flex tpl:items-center tpl:rounded-md tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)]" }, ro = ["disabled"], io = { class: "tpl:min-w-[20px] tpl:text-center tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-text)]" }, ao = { class: "tpl:mb-3.5" }, oo = { 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)]" }, so = ["checked"], co = {
+}), Ya = { class: "tpl:mb-3.5" }, Xa = { class: "tpl:flex tpl:items-center tpl:gap-3" }, Za = { class: "tpl:flex tpl:flex-1 tpl:items-center tpl:gap-1.5" }, Qa = { class: "tpl:text-xs tpl:text-[var(--tpl-text-muted)]" }, $a = { class: "tpl:flex tpl:items-center tpl:rounded-md tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)]" }, eo = ["disabled"], to = { class: "tpl:min-w-[20px] tpl:text-center tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-text)]" }, no = { class: "tpl:flex tpl:flex-1 tpl:items-center tpl:gap-1.5" }, ro = { class: "tpl:text-xs tpl:text-[var(--tpl-text-muted)]" }, io = { class: "tpl:flex tpl:items-center tpl:rounded-md tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)]" }, ao = ["disabled"], oo = { class: "tpl:min-w-[20px] tpl:text-center tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-text)]" }, so = { class: "tpl:mb-3.5" }, co = { 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)]" }, lo = ["checked"], uo = {
 	key: 0,
 	class: "tpl:mb-3.5"
-}, lo = { class: "tpl:mb-3.5" }, uo = { class: "tpl:mb-3.5" }, fo = { class: "tpl:flex tpl:items-stretch" }, po = ["value"], mo = { class: "tpl:mb-3.5" }, ho = { class: "tpl:flex tpl:items-stretch" }, go = ["value"], _o = { class: "tpl:mb-3.5" }, vo = ["value"], yo = { value: "" }, bo = ["value"], xo = { class: "tpl:mb-3.5" }, So = { class: "tpl:flex tpl:items-stretch" }, Co = ["value"], wo = { class: "tpl:mb-3.5" }, To = { class: "tpl:mb-3.5" }, Eo = /* @__PURE__ */ p({
+}, fo = { class: "tpl:mb-3.5" }, po = { class: "tpl:mb-3.5" }, mo = { class: "tpl:flex tpl:items-stretch" }, ho = ["value"], go = { class: "tpl:mb-3.5" }, _o = { class: "tpl:flex tpl:items-stretch" }, vo = ["value"], yo = { class: "tpl:mb-3.5" }, bo = ["value"], xo = { value: "" }, So = ["value"], Co = { class: "tpl:mb-3.5" }, wo = { class: "tpl:flex tpl:items-stretch" }, To = ["value"], Eo = { class: "tpl:mb-3.5" }, Do = { class: "tpl:mb-3.5" }, Oo = /* @__PURE__ */ p({
 	__name: "TableToolbar",
 	props: {
 		block: {},
@@ -2497,7 +2522,7 @@ var Di = {
 			})) });
 		}
 		return (n, r) => (e(), _(v, null, [
-			g("div", qa, [g("label", { class: f(w(W)) }, E(w(a).table.dimensions), 3), g("div", Ja, [g("div", Ya, [g("span", Xa, E(w(a).table.rows), 1), g("div", Za, [
+			g("div", Ya, [g("label", { class: f(w(W)) }, E(w(a).table.dimensions), 3), g("div", Xa, [g("div", Za, [g("span", Qa, E(w(a).table.rows), 1), g("div", $a, [
 				g("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,
@@ -2505,8 +2530,8 @@ var Di = {
 				}, [O(w(V), {
 					size: 12,
 					"stroke-width": 2
-				})], 8, Qa),
-				g("span", $a, E(t.block.rows.length), 1),
+				})], 8, eo),
+				g("span", to, E(t.block.rows.length), 1),
 				g("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
@@ -2514,7 +2539,7 @@ var Di = {
 					size: 12,
 					"stroke-width": 2
 				})])
-			])]), g("div", eo, [g("span", to, E(w(a).table.columns), 1), g("div", no, [
+			])]), g("div", no, [g("span", ro, E(w(a).table.columns), 1), g("div", io, [
 				g("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,
@@ -2522,8 +2547,8 @@ var Di = {
 				}, [O(w(V), {
 					size: 12,
 					"stroke-width": 2
-				})], 8, ro),
-				g("span", io, E(s.value), 1),
+				})], 8, ao),
+				g("span", oo, E(s.value), 1),
 				g("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: p
@@ -2532,58 +2557,58 @@ var Di = {
 					"stroke-width": 2
 				})])
 			])])])]),
-			g("div", ao, [g("label", oo, [g("input", {
+			g("div", so, [g("label", co, [g("input", {
 				type: "checkbox",
 				checked: t.block.hasHeaderRow,
 				class: "tpl:accent-[var(--tpl-primary)]",
 				onChange: r[2] ||= (e) => c("hasHeaderRow", e.target.checked)
-			}, null, 40, so), u(" " + E(w(a).table.hasHeaderRow), 1)])]),
-			t.block.hasHeaderRow ? (e(), _("div", co, [g("label", { class: f(w(W)) }, E(w(a).table.headerBackgroundColor), 3), O(q, {
+			}, null, 40, lo), u(" " + E(w(a).table.hasHeaderRow), 1)])]),
+			t.block.hasHeaderRow ? (e(), _("div", uo, [g("label", { class: f(w(W)) }, E(w(a).table.headerBackgroundColor), 3), O(q, {
 				"model-value": t.block.headerBackgroundColor || w("#f2f2f2"),
 				placeholder: w(a).table.noHeaderBg,
 				"onUpdate:modelValue": r[3] ||= (e) => c("headerBackgroundColor", e || null)
 			}, null, 8, ["model-value", "placeholder"])])) : y("", !0),
-			g("div", lo, [g("label", { class: f(w(W)) }, E(w(a).table.borderColor), 3), O(q, {
+			g("div", fo, [g("label", { class: f(w(W)) }, E(w(a).table.borderColor), 3), O(q, {
 				"model-value": t.block.borderColor,
 				"onUpdate:modelValue": r[4] ||= (e) => c("borderColor", e)
 			}, null, 8, ["model-value"])]),
-			g("div", uo, [g("label", { class: f(w(W)) }, E(w(a).table.borderWidth), 3), g("div", fo, [g("input", {
+			g("div", po, [g("label", { class: f(w(W)) }, E(w(a).table.borderWidth), 3), g("div", mo, [g("input", {
 				type: "number",
 				class: f(w(K)),
 				value: t.block.borderWidth,
 				min: "0",
 				max: "10",
 				onInput: r[5] ||= (e) => c("borderWidth", Number(e.target.value))
-			}, null, 42, po), g("span", { class: f(w(G)) }, "px", 2)])]),
-			g("div", mo, [g("label", { class: f(w(W)) }, E(w(a).table.cellPadding), 3), g("div", ho, [g("input", {
+			}, null, 42, ho), g("span", { class: f(w(G)) }, "px", 2)])]),
+			g("div", go, [g("label", { class: f(w(W)) }, E(w(a).table.cellPadding), 3), g("div", _o, [g("input", {
 				type: "number",
 				class: f(w(K)),
 				value: t.block.cellPadding,
 				min: "0",
 				max: "30",
 				onInput: r[6] ||= (e) => c("cellPadding", Number(e.target.value))
-			}, null, 42, go), g("span", { class: f(w(G)) }, "px", 2)])]),
-			g("div", _o, [g("label", { class: f(w(W)) }, E(w(a).table.fontFamily), 3), g("select", {
+			}, null, 42, vo), g("span", { class: f(w(G)) }, "px", 2)])]),
+			g("div", yo, [g("label", { class: f(w(W)) }, E(w(a).table.fontFamily), 3), g("select", {
 				class: f(w(U)),
 				value: t.block.fontFamily || "",
 				onChange: r[7] ||= (e) => c("fontFamily", e.target.value || void 0)
-			}, [g("option", yo, E(w(a).title.inheritFont), 1), (e(!0), _(v, null, o(t.fontFamilies, (t) => (e(), _("option", {
+			}, [g("option", xo, E(w(a).title.inheritFont), 1), (e(!0), _(v, null, o(t.fontFamilies, (t) => (e(), _("option", {
 				key: t.value,
 				value: t.value
-			}, E(t.label), 9, bo))), 128))], 42, vo)]),
-			g("div", xo, [g("label", { class: f(w(W)) }, E(w(a).table.fontSize), 3), g("div", So, [g("input", {
+			}, E(t.label), 9, So))), 128))], 42, bo)]),
+			g("div", Co, [g("label", { class: f(w(W)) }, E(w(a).table.fontSize), 3), g("div", wo, [g("input", {
 				type: "number",
 				class: f(w(K)),
 				value: t.block.fontSize,
 				min: "10",
 				max: "32",
 				onInput: r[8] ||= (e) => c("fontSize", Number(e.target.value))
-			}, null, 42, Co), g("span", { class: f(w(G)) }, "px", 2)])]),
-			g("div", wo, [g("label", { class: f(w(W)) }, E(w(a).table.color), 3), O(q, {
+			}, null, 42, To), g("span", { class: f(w(G)) }, "px", 2)])]),
+			g("div", Eo, [g("label", { class: f(w(W)) }, E(w(a).table.color), 3), O(q, {
 				"model-value": t.block.color,
 				"onUpdate:modelValue": r[9] ||= (e) => c("color", e)
 			}, null, 8, ["model-value"])]),
-			g("div", To, [g("label", { class: f(w(W)) }, E(w(a).table.textAlign), 3), O(Y, {
+			g("div", Do, [g("label", { class: f(w(W)) }, E(w(a).table.textAlign), 3), O(Y, {
 				options: [
 					{
 						value: "left",
@@ -2606,7 +2631,7 @@ var Di = {
 			}, null, 8, ["options", "model-value"])])
 		], 64));
 	}
-}), Do = { class: "tpl:mb-3.5" }, Oo = ["value"], ko = { value: 1 }, Ao = { value: 2 }, jo = { value: 3 }, Mo = { value: 4 }, No = { class: "tpl:mb-3.5" }, Po = ["value"], Fo = { value: "" }, Io = ["value"], Lo = { class: "tpl:mb-3.5" }, Ro = { class: "tpl:mb-3.5" }, zo = /* @__PURE__ */ p({
+}), ko = { class: "tpl:mb-3.5" }, Ao = ["value"], jo = { value: 1 }, Mo = { value: 2 }, No = { value: 3 }, Po = { value: 4 }, Fo = { class: "tpl:mb-3.5" }, Io = ["value"], Lo = { value: "" }, Ro = ["value"], zo = { class: "tpl:mb-3.5" }, Bo = { class: "tpl:mb-3.5" }, Vo = /* @__PURE__ */ p({
 	__name: "TitleToolbar",
 	props: {
 		block: {},
@@ -2619,29 +2644,29 @@ var Di = {
 			r("update", { [e]: t });
 		}
 		return (n, r) => (e(), _(v, null, [
-			g("div", Do, [g("label", { class: f(w(W)) }, E(w(i).title.level), 3), g("select", {
+			g("div", ko, [g("label", { class: f(w(W)) }, E(w(i).title.level), 3), g("select", {
 				class: f(w(U)),
 				value: t.block.level,
 				onChange: r[0] ||= (e) => a("level", Number(e.target.value))
 			}, [
-				g("option", ko, E(w(i).title.heading1), 1),
-				g("option", Ao, E(w(i).title.heading2), 1),
-				g("option", jo, E(w(i).title.heading3), 1),
-				g("option", Mo, E(w(i).title.heading4), 1)
-			], 42, Oo)]),
-			g("div", No, [g("label", { class: f(w(W)) }, E(w(i).title.fontFamily), 3), g("select", {
+				g("option", jo, E(w(i).title.heading1), 1),
+				g("option", Mo, E(w(i).title.heading2), 1),
+				g("option", No, E(w(i).title.heading3), 1),
+				g("option", Po, E(w(i).title.heading4), 1)
+			], 42, Ao)]),
+			g("div", Fo, [g("label", { class: f(w(W)) }, E(w(i).title.fontFamily), 3), g("select", {
 				class: f(w(U)),
 				value: t.block.fontFamily || "",
 				onChange: r[1] ||= (e) => a("fontFamily", e.target.value || void 0)
-			}, [g("option", Fo, E(w(i).title.inheritFont), 1), (e(!0), _(v, null, o(t.fontFamilies, (t) => (e(), _("option", {
+			}, [g("option", Lo, E(w(i).title.inheritFont), 1), (e(!0), _(v, null, o(t.fontFamilies, (t) => (e(), _("option", {
 				key: t.value,
 				value: t.value
-			}, E(t.label), 9, Io))), 128))], 42, Po)]),
-			g("div", Lo, [g("label", { class: f(w(W)) }, E(w(i).title.color), 3), O(q, {
+			}, E(t.label), 9, Ro))), 128))], 42, Io)]),
+			g("div", zo, [g("label", { class: f(w(W)) }, E(w(i).title.color), 3), O(q, {
 				"model-value": t.block.color,
 				"onUpdate:modelValue": r[2] ||= (e) => a("color", e)
 			}, null, 8, ["model-value"])]),
-			g("div", Ro, [g("label", { class: f(w(W)) }, E(w(i).title.align), 3), O(Y, {
+			g("div", Bo, [g("label", { class: f(w(W)) }, E(w(i).title.align), 3), O(Y, {
 				options: [
 					{
 						value: "left",
@@ -2664,22 +2689,22 @@ var Di = {
 			}, null, 8, ["options", "model-value"])])
 		], 64));
 	}
-}), Bo = { class: "tpl:mb-3.5" }, Vo = {
+}), Ho = { class: "tpl:mb-3.5" }, Uo = {
 	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)]"
-}, Ho = ["checked"], Uo = {
+}, Wo = ["checked"], Go = {
 	key: 0,
 	class: "tpl:mb-3.5"
-}, Wo = { class: "tpl:font-normal tpl:text-[var(--tpl-text-dim)]" }, Go = [
+}, Ko = { class: "tpl:font-normal tpl:text-[var(--tpl-text-dim)]" }, qo = [
 	"value",
 	"placeholder",
 	"title"
-], Ko = { class: "tpl:mb-3.5" }, qo = { class: "tpl:font-normal tpl:text-[var(--tpl-text-dim)]" }, Jo = { class: "tpl:mb-3.5" }, Yo = { class: "tpl:mb-3.5" }, Xo = ["value"], Zo = { value: "full" }, Qo = { class: "tpl:mb-3.5" }, $o = /* @__PURE__ */ p({
+], Jo = { class: "tpl:mb-3.5" }, Yo = { class: "tpl:font-normal tpl:text-[var(--tpl-text-dim)]" }, Xo = { class: "tpl:mb-3.5" }, Zo = { class: "tpl:mb-3.5" }, Qo = ["value"], $o = { value: "full" }, es = { class: "tpl:mb-3.5" }, ts = /* @__PURE__ */ p({
 	__name: "VideoToolbar",
 	props: { block: {} },
 	emits: ["update"],
 	setup(t, { emit: n }) {
-		let r = t, i = n, { t: a } = z(), o = k(Oe, null), s = k(ze, ne.liquid), c = it(), d = h(() => !!o), p = h(() => P(r.block.url, s)), m = l(!1), { start: b } = Ee(() => {
+		let r = t, i = n, { t: a } = z(), o = k(ze, null), s = k(Ae, ne.liquid), c = it(), d = h(() => !!o), p = h(() => P(r.block.url, s)), m = l(!1), { start: b } = Ee(() => {
 			m.value = !1;
 		}, 1e3, { immediate: !1 });
 		function x(e, t) {
@@ -2690,7 +2715,7 @@ var Di = {
 			c.alive && e && (x("thumbnailUrl", e.url), m.value = !0, b());
 		}
 		return (n, r) => (e(), _(v, null, [
-			g("div", Bo, [
+			g("div", Ho, [
 				g("label", { class: f(w(W)) }, E(w(a).video.videoUrl), 3),
 				O(Z, {
 					"model-value": t.block.url,
@@ -2698,23 +2723,23 @@ var Di = {
 					placeholder: w(a).video.videoUrlPlaceholder,
 					"onUpdate:modelValue": r[0] ||= (e) => x("url", e)
 				}, null, 8, ["model-value", "placeholder"]),
-				t.block.url ? (e(), _("label", Vo, [g("input", {
+				t.block.url ? (e(), _("label", Uo, [g("input", {
 					type: "checkbox",
 					class: "tpl:size-3.5 tpl:cursor-pointer tpl:accent-[var(--tpl-primary)]",
 					checked: t.block.openInNewTab ?? !1,
 					onChange: r[1] ||= (e) => x("openInNewTab", e.target.checked)
-				}, null, 40, Ho), u(" " + E(w(a).video.openInNewTab), 1)])) : y("", !0)
+				}, null, 40, Wo), u(" " + E(w(a).video.openInNewTab), 1)])) : y("", !0)
 			]),
-			p.value ? (e(), _("div", Uo, [g("label", { class: f(w(W)) }, [u(E(w(a).video.placeholderUrl) + " ", 1), g("span", Wo, E(w(a).video.optional), 1)], 2), g("input", {
+			p.value ? (e(), _("div", Go, [g("label", { class: f(w(W)) }, [u(E(w(a).video.placeholderUrl) + " ", 1), g("span", Ko, E(w(a).video.optional), 1)], 2), g("input", {
 				type: "url",
 				class: f(w(U)),
 				value: t.block.placeholderUrl || "",
 				placeholder: w(a).video.placeholderUrlPlaceholder,
 				title: w(a).video.placeholderUrlTooltip,
 				onInput: r[2] ||= (e) => x("placeholderUrl", e.target.value)
-			}, null, 42, Go)])) : y("", !0),
-			g("div", Ko, [
-				g("label", { class: f(w(W)) }, [u(E(w(a).video.customThumbnail) + " ", 1), g("span", qo, E(w(a).video.optional), 1)], 2),
+			}, null, 42, qo)])) : y("", !0),
+			g("div", Jo, [
+				g("label", { class: f(w(W)) }, [u(E(w(a).video.customThumbnail) + " ", 1), g("span", Yo, E(w(a).video.optional), 1)], 2),
 				O(Z, {
 					"model-value": t.block.thumbnailUrl,
 					type: "url",
@@ -2740,23 +2765,23 @@ var Di = {
 					"stroke-width": 1.5
 				}), u(" " + E(w(a).image.browseMedia), 1)])) : y("", !0)
 			]),
-			g("div", Jo, [g("label", { class: f(w(W)) }, E(w(a).video.altText), 3), O(Z, {
+			g("div", Xo, [g("label", { class: f(w(W)) }, E(w(a).video.altText), 3), O(Z, {
 				"model-value": t.block.alt,
 				type: "text",
 				placeholder: w(a).video.altTextPlaceholder,
 				"onUpdate:modelValue": r[4] ||= (e) => x("alt", e)
 			}, null, 8, ["model-value", "placeholder"])]),
-			g("div", Yo, [g("label", { class: f(w(W)) }, E(w(a).video.width), 3), g("select", {
+			g("div", Zo, [g("label", { class: f(w(W)) }, E(w(a).video.width), 3), g("select", {
 				class: f(w(U)),
 				value: t.block.width,
 				onChange: r[5] ||= (e) => x("width", e.target.value === "full" ? "full" : Number(e.target.value))
 			}, [
-				g("option", Zo, E(w(a).video.fullWidth), 1),
+				g("option", $o, E(w(a).video.fullWidth), 1),
 				r[7] ||= g("option", { value: "300" }, "300px", -1),
 				r[8] ||= g("option", { value: "400" }, "400px", -1),
 				r[9] ||= g("option", { value: "500" }, "500px", -1)
-			], 42, Xo)]),
-			g("div", Qo, [g("label", { class: f(w(W)) }, E(w(a).title.align), 3), O(Y, {
+			], 42, Qo)]),
+			g("div", es, [g("label", { class: f(w(W)) }, E(w(a).title.align), 3), O(Y, {
 				options: [
 					{
 						value: "left",
@@ -2776,7 +2801,7 @@ var Di = {
 			}, null, 8, ["options", "model-value"])])
 		], 64));
 	}
-}), es = ["aria-label"], ts = { class: "tpl:flex tpl:items-center tpl:justify-between tpl:border-b tpl:border-[var(--tpl-border)] tpl:px-4 tpl:py-3.5" }, ns = { class: "tpl:flex tpl:items-center tpl:gap-2 tpl:text-[var(--tpl-primary)]" }, rs = { class: "tpl:m-0 tpl:text-sm tpl:font-semibold tpl:text-[var(--tpl-text)]" }, is = { class: "tpl:flex tpl:gap-1" }, as = ["title"], os = ["title"], ss = { class: "tpl:flex-1 tpl:overflow-y-auto tpl:p-4" }, cs = /* @__PURE__ */ H(/* @__PURE__ */ p({
+}), ns = ["aria-label"], rs = { class: "tpl:flex tpl:items-center tpl:justify-between tpl:border-b tpl:border-[var(--tpl-border)] tpl:px-4 tpl:py-3.5" }, is = { class: "tpl:flex tpl:items-center tpl:gap-2 tpl:text-[var(--tpl-primary)]" }, as = { class: "tpl:m-0 tpl:text-sm tpl:font-semibold tpl:text-[var(--tpl-text)]" }, os = { class: "tpl:flex tpl:gap-1" }, ss = ["title"], cs = ["title"], ls = { class: "tpl:flex-1 tpl:overflow-y-auto tpl:p-4" }, us = /* @__PURE__ */ H(/* @__PURE__ */ p({
 	__name: "Toolbar",
 	props: { block: {} },
 	emits: [
@@ -2785,7 +2810,7 @@ var Di = {
 		"duplicate"
 	],
 	setup(t, { emit: n }) {
-		let i = A(() => import("./CountdownToolbar-Bn4RwJVN.js")), a = t, o = n, { t: s } = z(), c = De(Me, "Toolbar"), l = k(je, []), u = h(() => a.block.type), d = h(() => te(a.block)), f = h(() => {
+		let i = A(() => import("./CountdownToolbar-BVVT8U5C.js")), a = t, o = n, { t: s } = z(), c = De(Ne, "Toolbar"), l = k(je, []), u = h(() => a.block.type), d = h(() => te(a.block)), f = h(() => {
 			if (d.value) return l.find((e) => e.type === a.block.customType);
 		}), p = h(() => d.value ? f.value?.name ?? a.block.customType : re(u.value, s)), m = c.fonts;
 		function b(e) {
@@ -2794,7 +2819,7 @@ var Di = {
 		return (n, a) => (e(), _("aside", {
 			"aria-label": w(s).landmarks.blockToolbar,
 			class: "tpl:flex tpl:w-full tpl:flex-1 tpl:flex-col tpl:bg-[var(--tpl-bg-elevated)]"
-		}, [g("div", ts, [g("div", ns, [w(We)[u.value] ? (e(), S(r(w(We)[u.value]), {
+		}, [g("div", rs, [g("div", is, [w(Ue)[u.value] ? (e(), S(r(w(Ue)[u.value]), {
 			key: 0,
 			size: 16,
 			"stroke-width": 1.5
@@ -2802,30 +2827,30 @@ var Di = {
 			key: 1,
 			size: 16,
 			"stroke-width": 1.5
-		})) : y("", !0), g("h3", rs, E(p.value), 1)]), g("div", is, [g("button", {
+		})) : y("", !0), g("h3", as, E(p.value), 1)]), g("div", os, [g("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: w(s).toolbar.duplicate,
 			onClick: a[0] ||= (e) => o("duplicate")
 		}, [O(w(me), {
 			size: 14,
 			"stroke-width": 2
-		})], 8, as), g("button", {
+		})], 8, ss), g("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: w(s).toolbar.delete,
 			onClick: a[1] ||= (e) => o("delete")
 		}, [O(w(et), {
 			size: 14,
 			"stroke-width": 2
-		})], 8, os)])]), g("div", ss, [d.value ? (e(), S(Fi, {
+		})], 8, cs)])]), g("div", ls, [d.value ? (e(), S(Fi, {
 			key: 0,
 			block: t.block,
 			onUpdateFieldValues: a[2] ||= (e) => o("update", { fieldValues: e }),
 			onUpdateDataSourceFetched: a[3] ||= (e) => o("update", { dataSourceFetched: e })
-		}, null, 8, ["block"])) : u.value === "section" ? (e(), S(Sa, {
+		}, null, 8, ["block"])) : u.value === "section" ? (e(), S(wa, {
 			key: 1,
 			block: t.block,
 			onUpdate: b
-		}, null, 8, ["block"])) : u.value === "title" ? (e(), S(zo, {
+		}, null, 8, ["block"])) : u.value === "title" ? (e(), S(Vo, {
 			key: 2,
 			block: t.block,
 			"font-families": w(m),
@@ -2834,7 +2859,7 @@ var Di = {
 			key: 4,
 			block: t.block,
 			onUpdate: b
-		}, null, 8, ["block"])) : u.value === "video" ? (e(), S($o, {
+		}, null, 8, ["block"])) : u.value === "video" ? (e(), S(ts, {
 			key: 5,
 			block: t.block,
 			onUpdate: b
@@ -2847,7 +2872,7 @@ var Di = {
 			key: 7,
 			block: t.block,
 			onUpdate: b
-		}, null, 8, ["block"])) : u.value === "social" ? (e(), S(Va, {
+		}, null, 8, ["block"])) : u.value === "social" ? (e(), S(Ua, {
 			key: 8,
 			block: t.block,
 			onUpdate: b
@@ -2856,12 +2881,12 @@ var Di = {
 			block: t.block,
 			"font-families": w(m),
 			onUpdate: b
-		}, null, 8, ["block", "font-families"])) : u.value === "table" ? (e(), S(Eo, {
+		}, null, 8, ["block", "font-families"])) : u.value === "table" ? (e(), S(Oo, {
 			key: 10,
 			block: t.block,
 			"font-families": w(m),
 			onUpdate: b
-		}, null, 8, ["block", "font-families"])) : u.value === "spacer" ? (e(), S(Ka, {
+		}, null, 8, ["block", "font-families"])) : u.value === "spacer" ? (e(), S(Ja, {
 			key: 11,
 			block: t.block,
 			onUpdate: b
@@ -2878,48 +2903,48 @@ var Di = {
 			block: t.block,
 			"is-first-section": u.value === "paragraph",
 			onUpdate: b
-		}, null, 8, ["block", "is-first-section"])])], 8, es));
+		}, null, 8, ["block", "is-first-section"])])], 8, ns));
 	}
-}), [["__scopeId", "data-v-2ac88283"]]), ls = ["aria-label"], us = {
+}), [["__scopeId", "data-v-2ac88283"]]), ds = ["aria-label"], fs = {
 	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"
-}, ds = [
+}, ps = [
 	"aria-selected",
 	"aria-label",
 	"title"
-], fs = { key: 0 }, ps = [
+], ms = { key: 0 }, hs = [
 	"aria-selected",
 	"aria-label",
 	"title"
-], ms = { key: 0 }, hs = [
+], gs = { key: 0 }, _s = [
 	"aria-selected",
 	"aria-label",
 	"title"
-], gs = { key: 0 }, _s = {
+], vs = { key: 0 }, ys = {
 	key: 1,
 	class: "tpl:ml-1 tpl:rounded-full tpl:bg-[var(--tpl-bg-hover)] tpl:px-1.5 tpl:text-[10px]"
-}, vs = {
+}, bs = {
 	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"
-}, ys = {
+}, xs = {
 	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)]"
-}, bs = { class: "tpl:mb-4 tpl:text-[var(--tpl-text-dim)]" }, xs = { class: "tpl:m-0 tpl:mb-2 tpl:text-sm tpl:font-semibold tpl:text-[var(--tpl-text)]" }, Ss = { class: "tpl:m-0 tpl:text-sm tpl:leading-normal" }, Cs = {
+}, Ss = { class: "tpl:mb-4 tpl:text-[var(--tpl-text-dim)]" }, Cs = { class: "tpl:m-0 tpl:mb-2 tpl:text-sm tpl:font-semibold tpl:text-[var(--tpl-text)]" }, ws = { class: "tpl:m-0 tpl:text-sm tpl:leading-normal" }, Ts = {
 	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"
-}, ws = {
+}, Es = {
 	key: 2,
-	id: "tpl-tabpanel-accessibility",
+	id: "tpl-tabpanel-issues",
 	role: "tabpanel",
-	"aria-labelledby": "tpl-tab-accessibility",
+	"aria-labelledby": "tpl-tab-issues",
 	class: "tpl:flex tpl:flex-1 tpl:flex-col tpl:overflow-y-auto"
-}, Ts = /* @__PURE__ */ p({
+}, Ds = /* @__PURE__ */ p({
 	__name: "RightSidebar",
 	props: {
 		selectedBlock: {},
@@ -2933,7 +2958,7 @@ var Di = {
 		"update-settings"
 	],
 	setup(t, { emit: n }) {
-		let r = A(() => import("./AccessibilityPanel-BeUibrUb.js")), i = t, o = n, { t: s } = z(), c = l("content"), u = k(Re, null), d = h(() => u !== null), p = h(() => u?.issues.value.length ?? 0);
+		let r = A(() => import("./IssuesPanel-XVdvrgmq.js")), i = t, o = n, { t: s } = z(), c = l("content"), u = k(Oe, null), d = h(() => u !== null), p = h(() => u?.issues.value.length ?? 0);
 		function m(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)]";
 		}
@@ -2949,7 +2974,7 @@ var Di = {
 			"aria-label": w(s).landmarks.rightSidebar,
 			class: f(["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)]", t.shiftedLeft ? "tpl:right-[360px]" : "tpl:right-0"])
 		}, [
-			g("div", us, [
+			g("div", fs, [
 				g("button", {
 					id: "tpl-tab-content",
 					role: "tab",
@@ -2963,7 +2988,7 @@ var Di = {
 				}, [O(w(bt), {
 					size: 14,
 					"stroke-width": 2
-				}), c.value === "content" ? (e(), _("span", fs, E(w(s).sidebar.content), 1)) : y("", !0)], 14, ds),
+				}), c.value === "content" ? (e(), _("span", ms, E(w(s).sidebar.content), 1)) : y("", !0)], 14, ps),
 				g("button", {
 					id: "tpl-tab-settings",
 					role: "tab",
@@ -2977,54 +3002,54 @@ var Di = {
 				}, [O(w(St), {
 					size: 14,
 					"stroke-width": 1.5
-				}), c.value === "settings" ? (e(), _("span", ms, E(w(s).sidebar.settings), 1)) : y("", !0)], 14, ps),
+				}), c.value === "settings" ? (e(), _("span", gs, E(w(s).sidebar.settings), 1)) : y("", !0)], 14, hs),
 				d.value ? (e(), _("button", {
 					key: 0,
-					id: "tpl-tab-accessibility",
+					id: "tpl-tab-issues",
 					role: "tab",
-					"aria-selected": c.value === "accessibility",
-					"aria-controls": "tpl-tabpanel-accessibility",
-					"aria-label": w(s).accessibility.panelTabLabel,
-					title: w(s).accessibility.panelTabLabel,
-					class: f(["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)]", m("accessibility")]),
-					style: x(v("accessibility")),
-					onClick: i[2] ||= (e) => c.value = "accessibility"
+					"aria-selected": c.value === "issues",
+					"aria-controls": "tpl-tabpanel-issues",
+					"aria-label": w(s).issues.panelTabLabel,
+					title: w(s).issues.panelTabLabel,
+					class: f(["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)]", m("issues")]),
+					style: x(v("issues")),
+					onClick: i[2] ||= (e) => c.value = "issues"
 				}, [
-					O(w(Be), {
+					O(w(Je), {
 						size: 14,
 						"stroke-width": 1.5
 					}),
-					c.value === "accessibility" ? (e(), _("span", gs, E(w(s).accessibility.panelTabLabel), 1)) : y("", !0),
-					p.value > 0 ? (e(), _("span", _s, E(p.value), 1)) : y("", !0)
-				], 14, hs)) : y("", !0)
+					c.value === "issues" ? (e(), _("span", vs, E(w(s).issues.panelTabLabel), 1)) : y("", !0),
+					p.value > 0 ? (e(), _("span", ys, E(p.value), 1)) : y("", !0)
+				], 14, _s)) : y("", !0)
 			]),
-			c.value === "content" ? (e(), _("div", vs, [t.selectedBlock ? (e(), S(cs, {
+			c.value === "content" ? (e(), _("div", bs, [t.selectedBlock ? (e(), S(us, {
 				key: 0,
 				block: t.selectedBlock,
 				onUpdate: i[3] ||= (e) => o("update-block", e),
 				onDelete: i[4] ||= (e) => o("delete-block"),
 				onDuplicate: i[5] ||= (e) => o("duplicate-block")
-			}, null, 8, ["block"])) : (e(), _("div", ys, [
-				g("div", bs, [O(w(ht), {
+			}, null, 8, ["block"])) : (e(), _("div", xs, [
+				g("div", Ss, [O(w(ht), {
 					size: 40,
 					"stroke-width": 1.5
 				})]),
-				g("h3", xs, E(w(s).sidebar.noSelection), 1),
-				g("p", Ss, E(w(s).sidebar.noSelectionHint), 1)
+				g("h3", Cs, E(w(s).sidebar.noSelection), 1),
+				g("p", ws, E(w(s).sidebar.noSelectionHint), 1)
 			]))])) : y("", !0),
-			c.value === "settings" ? (e(), _("div", Cs, [O(Ln, {
+			c.value === "settings" ? (e(), _("div", Ts, [O(Ln, {
 				settings: t.settings,
 				onUpdate: i[6] ||= (e) => o("update-settings", e)
 			}, null, 8, ["settings"])])) : y("", !0),
-			c.value === "accessibility" && d.value ? (e(), _("div", ws, [O(w(r))])) : y("", !0)
-		], 10, ls));
+			c.value === "issues" && d.value ? (e(), _("div", Es, [O(w(r))])) : y("", !0)
+		], 10, ds));
 	}
-}), Es = ["aria-label"], Ds = [
+}), Os = ["aria-label"], ks = [
 	"aria-checked",
 	"aria-label",
 	"title",
 	"onClick"
-], Os = /* @__PURE__ */ p({
+], As = /* @__PURE__ */ p({
 	__name: "ViewportToggle",
 	props: { viewport: {} },
 	emits: ["change"],
@@ -3085,13 +3110,13 @@ var Di = {
 			key: 2,
 			size: 18,
 			"stroke-width": 1.5
-		})), g("span", null, E(n.label), 1)], 12, Ds))), 128))], 12, Es));
+		})), g("span", null, E(n.label), 1)], 12, ks))), 128))], 12, Os));
 	}
-}), ks = [
+}), js = [
 	"aria-label",
 	"title",
 	"aria-pressed"
-], As = /* @__PURE__ */ H(/* @__PURE__ */ p({
+], Ms = /* @__PURE__ */ H(/* @__PURE__ */ p({
 	__name: "PreviewToggle",
 	props: { previewMode: { type: Boolean } },
 	emits: ["change"],
@@ -3114,7 +3139,7 @@ var Di = {
 			"leave-to-class": "tpl-icon-leave-to",
 			mode: "out-in"
 		}, {
-			default: j(() => [t.previewMode ? (e(), S(w(Ge), {
+			default: j(() => [t.previewMode ? (e(), S(w(We), {
 				key: "eye",
 				size: 18,
 				"stroke-width": 1.5
@@ -3124,13 +3149,13 @@ var Di = {
 				"stroke-width": 1.5
 			}))]),
 			_: 1
-		})], 12, ks));
+		})], 12, js));
 	}
-}), [["__scopeId", "data-v-af87d02a"]]), js = [
+}), [["__scopeId", "data-v-af87d02a"]]), Ns = [
 	"aria-label",
 	"title",
 	"aria-pressed"
-], Ms = /* @__PURE__ */ H(/* @__PURE__ */ p({
+], Ps = /* @__PURE__ */ H(/* @__PURE__ */ p({
 	__name: "DarkModeToggle",
 	props: { darkMode: { type: Boolean } },
 	emits: ["change"],
@@ -3163,27 +3188,27 @@ var Di = {
 				"stroke-width": 1.5
 			}))]),
 			_: 1
-		})], 12, js));
+		})], 12, Ns));
 	}
-}), [["__scopeId", "data-v-f8694f76"]]), Ns = {
+}), [["__scopeId", "data-v-f8694f76"]]), Fs = {
 	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)"
 	}
-}, Ps = {
+}, Is = {
 	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" }
-}, Fs = /* @__PURE__ */ p({
+}, Ls = /* @__PURE__ */ p({
 	__name: "EditorFooter",
 	props: { positionClass: {} },
 	setup(t) {
 		let { t: n } = z();
-		return (r, i) => (e(), _("footer", { class: f(["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)]", t.positionClass]) }, [g("div", Ns, [
+		return (r, i) => (e(), _("footer", { class: f(["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)]", t.positionClass]) }, [g("div", Fs, [
 			g("span", null, E(w(n).footer.poweredBy), 1),
 			i[0] ||= g("a", {
 				href: "https://templatical.com",
@@ -3198,9 +3223,9 @@ var Di = {
 				alt: ""
 			}), u(" Templatical ")], -1),
 			i[1] ||= g("span", { class: "tpl:text-[var(--tpl-border)]" }, "·", -1),
-			g("a", Ps, E(w(n).footer.openSource), 1)
+			g("a", Is, E(w(n).footer.openSource), 1)
 		])], 2));
 	}
 });
 //#endregion
-export { Ts as a, Ot as c, Os as i, xt as l, Ms as n, qt as o, As as r, Rt as s, Fs as t };
+export { Ds as a, Ot as c, As as i, xt as l, Ps as n, qt as o, Ms as r, Rt as s, Ls as t };