@templatical/editor 0.7.0 → 0.7.1

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

@@ -2053,7 +2053,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 +2084,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 +2114,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 +2143,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 +2174,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 +2197,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 +2244,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 +2252,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 +2261,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 +2269,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 +2279,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 +2353,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 +2366,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 +2411,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 +2437,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 +2445,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 +2487,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 +2523,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: [
@@ -2555,7 +2541,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 +2549,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 +2572,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 +2581,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 +2594,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 +2603,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 +2625,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: {},
@@ -2710,7 +2696,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 +2710,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 +2724,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 +2741,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 +2832,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 +2871,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 +2910,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 +2945,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-lcwmaOou.js.map