@cocoar/vue-page-builder 2.17.0 → 2.17.1

package/dist/index.js

@@ -1,6 +1,6 @@
-import { Fragment as e, computed as t, createBlock as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, createSlots as o, createTextVNode as s, createVNode as c, defineComponent as l, inject as u, markRaw as d, mergeModels as f, nextTick as p, normalizeClass as m, normalizeStyle as h, onBeforeUnmount as g, onMounted as _, openBlock as v, provide as y, ref as b, renderList as x, renderSlot as S, resolveComponent as C, resolveDynamicComponent as w, shallowRef as T, toDisplayString as E, toRaw as D, unref as O, useCssVars as ee, useModel as k, watch as te, watchEffect as ne, withCtx as A, withKeys as j, withModifiers as M } from "vue";
-import { useI18n as N } from "@cocoar/vue-localization";
-import { CoarButton as re, CoarCard as P, CoarCheckbox as F, CoarDivider as I, CoarFormField as L, CoarIcon as R, CoarMultiSelect as z, CoarNote as B, CoarNumberInput as V, CoarOtpInput as H, CoarPasswordInput as ie, CoarPlainDatePicker as U, CoarPlainDateTimePicker as W, CoarRadioButton as G, CoarRadioGroup as K, CoarSelect as q, CoarSwitch as ae, CoarTab as oe, CoarTabGroup as se, CoarTextInput as J } from "@cocoar/vue-ui";
+import { Fragment as e, computed as t, createBlock as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, createSlots as o, createTextVNode as s, createVNode as c, defineComponent as l, inject as u, markRaw as d, mergeModels as f, nextTick as p, normalizeClass as m, normalizeStyle as h, onBeforeUnmount as g, onMounted as _, openBlock as v, provide as y, ref as b, renderList as x, renderSlot as S, resolveComponent as C, resolveDynamicComponent as w, shallowRef as T, toDisplayString as E, toRaw as D, unref as O, useCssVars as k, useModel as A, watch as ee, watchEffect as te, withCtx as j, withKeys as M, withModifiers as N } from "vue";
+import { useI18n as P } from "@cocoar/vue-localization";
+import { CoarButton as F, CoarCard as I, CoarCheckbox as L, CoarDivider as R, CoarFormField as z, CoarIcon as B, CoarMultiSelect as V, CoarNote as H, CoarNumberInput as U, CoarOtpInput as W, CoarPasswordInput as ne, CoarPlainDatePicker as re, CoarPlainDateTimePicker as G, CoarRadioButton as K, CoarRadioGroup as ie, CoarSelect as q, CoarSwitch as ae, CoarTab as oe, CoarTabGroup as se, CoarTextInput as J } from "@cocoar/vue-ui";
 import { Temporal as ce } from "@js-temporal/polyfill";
 //#region src/schema.ts
 function le(e) {
@@ -200,7 +200,7 @@ var Oe = /* @__PURE__ */ l({
 				patch: { type: Function }
 			},
 			setup(t) {
-				let o = t, { t: s } = N();
+				let o = t, { t: s } = P();
 				return (t, c) => (v(), i(e, null, [a("div", Ae, [a("span", je, E(O(s)("coar.pageBuilder.props.direction", void 0, "Direction")), 1), a("div", {
 					class: "pb-prop-seg",
 					role: "radiogroup",
@@ -217,7 +217,7 @@ var Oe = /* @__PURE__ */ l({
 					role: "radio",
 					"aria-checked": o.node.props.direction === "row",
 					onClick: c[1] ||= (e) => o.patch({ props: { direction: "row" } })
-				}, " → " + E(O(s)("coar.pageBuilder.props.row", void 0, "Row")), 11, Pe)], 8, Me)]), o.node.props.direction === "row" ? (v(), n(O(F), {
+				}, " → " + E(O(s)("coar.pageBuilder.props.row", void 0, "Row")), 11, Pe)], 8, Me)]), o.node.props.direction === "row" ? (v(), n(O(L), {
 					key: 0,
 					"model-value": !!o.node.props.wrap,
 					label: O(s)("coar.pageBuilder.props.wrapChildren", void 0, "Wrap children"),
@@ -236,8 +236,8 @@ var Oe = /* @__PURE__ */ l({
 		props: { node: {} },
 		setup(e) {
 			let r = e, i = t(() => De(r.node.style));
-			return (t, r) => (v(), n(O(P), { title: e.node.props.title }, {
-				default: A(() => [a("div", {
+			return (t, r) => (v(), n(O(I), { title: e.node.props.title }, {
+				default: j(() => [a("div", {
 					class: "pb-card-body",
 					style: h(i.value)
 				}, [S(t.$slots, "default", {}, void 0, !0)], 4)]),
@@ -261,9 +261,9 @@ var Oe = /* @__PURE__ */ l({
 				patch: { type: Function }
 			},
 			setup(e) {
-				let t = e, { t: r } = N();
-				return (e, i) => (v(), n(O(L), { label: O(r)("coar.pageBuilder.props.title", void 0, "Title") }, {
-					default: A(() => [c(O(J), {
+				let t = e, { t: r } = P();
+				return (e, i) => (v(), n(O(z), { label: O(r)("coar.pageBuilder.props.title", void 0, "Title") }, {
+					default: j(() => [c(O(J), {
 						"model-value": t.node.props.title ?? "",
 						"onUpdate:modelValue": i[0] ||= (e) => t.patch({ props: { title: e } })
 					}, null, 8, ["model-value"])]),
@@ -307,9 +307,9 @@ var Oe = /* @__PURE__ */ l({
 				patch: { type: Function }
 			},
 			setup(e) {
-				let t = e, { t: r } = N();
-				return (e, i) => (v(), n(O(L), { label: O(r)("coar.pageBuilder.props.title", void 0, "Title") }, {
-					default: A(() => [c(O(J), {
+				let t = e, { t: r } = P();
+				return (e, i) => (v(), n(O(z), { label: O(r)("coar.pageBuilder.props.title", void 0, "Title") }, {
+					default: j(() => [c(O(J), {
 						"model-value": t.node.props.title ?? "",
 						"onUpdate:modelValue": i[0] ||= (e) => t.patch({ props: { title: e } })
 					}, null, 8, ["model-value"])]),
@@ -327,7 +327,7 @@ var Oe = /* @__PURE__ */ l({
 		__name: "DividerRenderer",
 		props: { node: {} },
 		setup(e) {
-			return (e, t) => (v(), n(O(I)));
+			return (e, t) => (v(), n(O(R)));
 		}
 	}),
 	builder: {
@@ -345,7 +345,7 @@ var Oe = /* @__PURE__ */ l({
 				resolveAsset: { type: Function }
 			},
 			setup(e) {
-				return (e, t) => (v(), n(O(I)));
+				return (e, t) => (v(), n(O(R)));
 			}
 		})
 	}
@@ -389,12 +389,12 @@ var Oe = /* @__PURE__ */ l({
 				patch: { type: Function }
 			},
 			setup(e) {
-				let t = e, { t: r } = N();
-				return (e, i) => (v(), n(O(L), {
+				let t = e, { t: r } = P();
+				return (e, i) => (v(), n(O(z), {
 					label: O(r)("coar.pageBuilder.props.sizeCss", void 0, "Size (CSS)"),
 					hint: O(r)("coar.pageBuilder.props.spacerSizeHint", void 0, "Leave empty to fill available space")
 				}, {
-					default: A(() => [c(O(J), {
+					default: j(() => [c(O(J), {
 						"model-value": t.node.props.size ?? "",
 						placeholder: "e.g. 24px",
 						"onUpdate:modelValue": i[0] ||= (e) => t.patch({ props: { size: e } })
@@ -463,7 +463,7 @@ var $e = Z({
 		props: { node: {} },
 		setup(e) {
 			return (t, r) => (v(), n(w(O(Ge)(e.node.props.level)), { class: "pb-heading" }, {
-				default: A(() => [s(E(e.node.props.text), 1)]),
+				default: j(() => [s(E(e.node.props.text), 1)]),
 				_: 1
 			}));
 		}
@@ -487,7 +487,7 @@ var $e = Z({
 			setup(e) {
 				let t = e;
 				return (e, r) => (v(), n(w(O(Ge)(t.node.props?.level)), { class: "canvas-node__heading" }, {
-					default: A(() => [s(E(t.node.props?.text || "Heading"), 1)]),
+					default: j(() => [s(E(t.node.props?.text || "Heading"), 1)]),
 					_: 1
 				}));
 			}
@@ -499,7 +499,7 @@ var $e = Z({
 				patch: { type: Function }
 			},
 			setup(t) {
-				let n = t, { t: r } = N(), a = [
+				let n = t, { t: r } = P(), a = [
 					{
 						value: 1,
 						label: "H1"
@@ -525,14 +525,14 @@ var $e = Z({
 						label: "H6"
 					}
 				];
-				return (t, o) => (v(), i(e, null, [c(O(L), { label: O(r)("coar.pageBuilder.props.text", void 0, "Text") }, {
-					default: A(() => [c(O(J), {
+				return (t, o) => (v(), i(e, null, [c(O(z), { label: O(r)("coar.pageBuilder.props.text", void 0, "Text") }, {
+					default: j(() => [c(O(J), {
 						"model-value": n.node.props.text ?? "",
 						"onUpdate:modelValue": o[0] ||= (e) => n.patch({ props: { text: e } })
 					}, null, 8, ["model-value"])]),
 					_: 1
-				}, 8, ["label"]), c(O(L), { label: O(r)("coar.pageBuilder.props.level", void 0, "Level") }, {
-					default: A(() => [c(O(q), {
+				}, 8, ["label"]), c(O(z), { label: O(r)("coar.pageBuilder.props.level", void 0, "Level") }, {
+					default: j(() => [c(O(q), {
 						"model-value": n.node.props.level ?? 2,
 						options: a,
 						"onUpdate:modelValue": o[1] ||= (e) => n.patch({ props: { level: e } })
@@ -579,9 +579,9 @@ var $e = Z({
 				patch: { type: Function }
 			},
 			setup(e) {
-				let t = e, { t: r } = N();
-				return (e, i) => (v(), n(O(L), { label: O(r)("coar.pageBuilder.props.text", void 0, "Text") }, {
-					default: A(() => [a("textarea", {
+				let t = e, { t: r } = P();
+				return (e, i) => (v(), n(O(z), { label: O(r)("coar.pageBuilder.props.text", void 0, "Text") }, {
+					default: j(() => [a("textarea", {
 						class: "pb-prop-textarea",
 						value: t.node.props.text ?? "",
 						rows: "3",
@@ -601,8 +601,8 @@ var $e = Z({
 		__name: "NoteRenderer",
 		props: { node: {} },
 		setup(e) {
-			return (t, r) => (v(), n(O(B), { variant: e.node.props.variant }, {
-				default: A(() => [s(E(e.node.props.text), 1)]),
+			return (t, r) => (v(), n(O(H), { variant: e.node.props.variant }, {
+				default: j(() => [s(E(e.node.props.text), 1)]),
 				_: 1
 			}, 8, ["variant"]));
 		}
@@ -625,8 +625,8 @@ var $e = Z({
 			},
 			setup(e) {
 				let t = e;
-				return (e, r) => (v(), n(O(B), { variant: t.node.props?.variant }, {
-					default: A(() => [s(E(t.node.props?.text || "Note text."), 1)]),
+				return (e, r) => (v(), n(O(H), { variant: t.node.props?.variant }, {
+					default: j(() => [s(E(t.node.props?.text || "Note text."), 1)]),
 					_: 1
 				}, 8, ["variant"]));
 			}
@@ -638,7 +638,7 @@ var $e = Z({
 				patch: { type: Function }
 			},
 			setup(t) {
-				let n = t, { t: r } = N(), a = [
+				let n = t, { t: r } = P(), a = [
 					{
 						value: "neutral",
 						label: "neutral"
@@ -664,15 +664,15 @@ var $e = Z({
 						label: "accent"
 					}
 				];
-				return (t, o) => (v(), i(e, null, [c(O(L), { label: O(r)("coar.pageBuilder.props.text", void 0, "Text") }, {
-					default: A(() => [c(O(J), {
+				return (t, o) => (v(), i(e, null, [c(O(z), { label: O(r)("coar.pageBuilder.props.text", void 0, "Text") }, {
+					default: j(() => [c(O(J), {
 						"model-value": n.node.props.text ?? "",
 						rows: 3,
 						"onUpdate:modelValue": o[0] ||= (e) => n.patch({ props: { text: e } })
 					}, null, 8, ["model-value"])]),
 					_: 1
-				}, 8, ["label"]), c(O(L), { label: O(r)("coar.pageBuilder.props.variant", void 0, "Variant") }, {
-					default: A(() => [c(O(q), {
+				}, 8, ["label"]), c(O(z), { label: O(r)("coar.pageBuilder.props.variant", void 0, "Variant") }, {
+					default: j(() => [c(O(q), {
 						"model-value": n.node.props.variant ?? "neutral",
 						options: a,
 						"onUpdate:modelValue": o[1] ||= (e) => n.patch({ props: { variant: e } })
@@ -722,13 +722,13 @@ var lt = Z({
 			function s(e) {
 				return e === "email" ? "email" : e === "url" ? "url" : void 0;
 			}
-			return (t, r) => (v(), n(O(L), {
+			return (t, r) => (v(), n(O(z), {
 				label: e.node.props.label,
 				required: e.node.validation?.required,
 				error: a.value ? O(i).getError(a.value) : "",
 				disabled: e.node.props.disabled
 			}, {
-				default: A(() => [c(O(J), {
+				default: j(() => [c(O(J), {
 					"model-value": a.value ? O(i).getValue(a.value) ?? "" : "",
 					type: o(e.node.props.inputType),
 					autocomplete: s(e.node.props.inputType),
@@ -775,11 +775,11 @@ var lt = Z({
 				resolveAsset: { type: Function }
 			},
 			setup(e) {
-				return (t, r) => (v(), n(O(L), {
+				return (t, r) => (v(), n(O(z), {
 					label: e.node.props.label,
 					required: e.node.validation?.required
 				}, {
-					default: A(() => [c(O(J), {
+					default: j(() => [c(O(J), {
 						"model-value": "",
 						rows: e.node.props.rows,
 						placeholder: e.node.props.placeholder,
@@ -796,7 +796,7 @@ var lt = Z({
 				patch: { type: Function }
 			},
 			setup(t) {
-				let n = t, { t: r } = N(), a = [
+				let n = t, { t: r } = P(), a = [
 					{
 						value: "text",
 						label: "text"
@@ -811,30 +811,30 @@ var lt = Z({
 					}
 				];
 				return (t, o) => (v(), i(e, null, [
-					c(O(L), { label: O(r)("coar.pageBuilder.props.label", void 0, "Label") }, {
-						default: A(() => [c(O(J), {
+					c(O(z), { label: O(r)("coar.pageBuilder.props.label", void 0, "Label") }, {
+						default: j(() => [c(O(J), {
 							"model-value": n.node.props.label ?? "",
 							"onUpdate:modelValue": o[0] ||= (e) => n.patch({ props: { label: e } })
 						}, null, 8, ["model-value"])]),
 						_: 1
 					}, 8, ["label"]),
-					c(O(L), { label: O(r)("coar.pageBuilder.props.placeholder", void 0, "Placeholder") }, {
-						default: A(() => [c(O(J), {
+					c(O(z), { label: O(r)("coar.pageBuilder.props.placeholder", void 0, "Placeholder") }, {
+						default: j(() => [c(O(J), {
 							"model-value": n.node.props.placeholder ?? "",
 							"onUpdate:modelValue": o[1] ||= (e) => n.patch({ props: { placeholder: e } })
 						}, null, 8, ["model-value"])]),
 						_: 1
 					}, 8, ["label"]),
-					c(O(L), { label: O(r)("coar.pageBuilder.props.inputType", void 0, "Input type") }, {
-						default: A(() => [c(O(q), {
+					c(O(z), { label: O(r)("coar.pageBuilder.props.inputType", void 0, "Input type") }, {
+						default: j(() => [c(O(q), {
 							"model-value": n.node.props.inputType ?? "text",
 							options: a,
 							"onUpdate:modelValue": o[2] ||= (e) => n.patch({ props: { inputType: e } })
 						}, null, 8, ["model-value"])]),
 						_: 1
 					}, 8, ["label"]),
-					c(O(L), { label: O(r)("coar.pageBuilder.props.rows", void 0, "Rows") }, {
-						default: A(() => [c(O(V), {
+					c(O(z), { label: O(r)("coar.pageBuilder.props.rows", void 0, "Rows") }, {
+						default: j(() => [c(O(U), {
 							clearable: "",
 							min: 1,
 							max: 20,
@@ -844,7 +844,7 @@ var lt = Z({
 						}, null, 8, ["model-value"])]),
 						_: 1
 					}, 8, ["label"]),
-					c(O(F), {
+					c(O(L), {
 						"model-value": !!n.node.props.disabled,
 						label: O(r)("coar.pageBuilder.props.disabled", void 0, "Disabled"),
 						"onUpdate:modelValue": o[4] ||= (e) => n.patch({ props: { disabled: e } })
@@ -863,13 +863,13 @@ var lt = Z({
 		props: { node: {} },
 		setup(e) {
 			let r = e, i = $(), a = t(() => r.node.name);
-			return (t, r) => (v(), n(O(L), {
+			return (t, r) => (v(), n(O(z), {
 				label: e.node.props.label,
 				required: e.node.validation?.required,
 				error: a.value ? O(i).getError(a.value) : "",
 				disabled: e.node.props.disabled
 			}, {
-				default: A(() => [c(O(ie), {
+				default: j(() => [c(O(ne), {
 					"model-value": a.value ? O(i).getValue(a.value) ?? "" : "",
 					placeholder: e.node.props.placeholder,
 					disabled: e.node.props.disabled,
@@ -910,11 +910,11 @@ var lt = Z({
 				resolveAsset: { type: Function }
 			},
 			setup(e) {
-				return (t, r) => (v(), n(O(L), {
+				return (t, r) => (v(), n(O(z), {
 					label: e.node.props.label,
 					required: e.node.validation?.required
 				}, {
-					default: A(() => [c(O(ie), {
+					default: j(() => [c(O(ne), {
 						"model-value": "",
 						placeholder: e.node.props.placeholder,
 						disabled: ""
@@ -930,23 +930,23 @@ var lt = Z({
 				patch: { type: Function }
 			},
 			setup(t) {
-				let n = t, { t: r } = N();
+				let n = t, { t: r } = P();
 				return (t, a) => (v(), i(e, null, [
-					c(O(L), { label: O(r)("coar.pageBuilder.props.label", void 0, "Label") }, {
-						default: A(() => [c(O(J), {
+					c(O(z), { label: O(r)("coar.pageBuilder.props.label", void 0, "Label") }, {
+						default: j(() => [c(O(J), {
 							"model-value": n.node.props.label ?? "",
 							"onUpdate:modelValue": a[0] ||= (e) => n.patch({ props: { label: e } })
 						}, null, 8, ["model-value"])]),
 						_: 1
 					}, 8, ["label"]),
-					c(O(L), { label: O(r)("coar.pageBuilder.props.placeholder", void 0, "Placeholder") }, {
-						default: A(() => [c(O(J), {
+					c(O(z), { label: O(r)("coar.pageBuilder.props.placeholder", void 0, "Placeholder") }, {
+						default: j(() => [c(O(J), {
 							"model-value": n.node.props.placeholder ?? "",
 							"onUpdate:modelValue": a[1] ||= (e) => n.patch({ props: { placeholder: e } })
 						}, null, 8, ["model-value"])]),
 						_: 1
 					}, 8, ["label"]),
-					c(O(F), {
+					c(O(L), {
 						"model-value": !!n.node.props.disabled,
 						label: O(r)("coar.pageBuilder.props.disabled", void 0, "Disabled"),
 						"onUpdate:modelValue": a[2] ||= (e) => n.patch({ props: { disabled: e } })
@@ -964,13 +964,13 @@ var lt = Z({
 	props: { node: {} },
 	setup(e) {
 		let r = e, i = $(), a = t(() => r.node.name);
-		return (t, r) => (v(), n(O(L), {
+		return (t, r) => (v(), n(O(z), {
 			label: e.node.props.label,
 			required: e.node.validation?.required,
 			error: a.value ? O(i).getError(a.value) : "",
 			disabled: e.node.props.disabled
 		}, {
-			default: A(() => [c(O(V), {
+			default: j(() => [c(O(U), {
 				"model-value": a.value ? O(i).getValue(a.value) ?? null : null,
 				placeholder: e.node.props.placeholder,
 				min: e.node.props.min,
@@ -1004,11 +1004,11 @@ var lt = Z({
 		resolveAsset: { type: Function }
 	},
 	setup(e) {
-		return (t, r) => (v(), n(O(L), {
+		return (t, r) => (v(), n(O(z), {
 			label: e.node.props.label,
 			required: e.node.validation?.required
 		}, {
-			default: A(() => [c(O(V), {
+			default: j(() => [c(O(U), {
 				"model-value": e.node.defaultValue ?? null,
 				placeholder: e.node.props.placeholder,
 				disabled: ""
@@ -1039,28 +1039,28 @@ var lt = Z({
 				patch: { type: Function }
 			},
 			setup(t) {
-				let n = t, { t: r } = N();
+				let n = t, { t: r } = P();
 				function o(e, t) {
 					n.patch({ props: { [e]: t ?? void 0 } });
 				}
 				return (t, s) => (v(), i(e, null, [
-					c(O(L), { label: O(r)("coar.pageBuilder.props.label", void 0, "Label") }, {
-						default: A(() => [c(O(J), {
+					c(O(z), { label: O(r)("coar.pageBuilder.props.label", void 0, "Label") }, {
+						default: j(() => [c(O(J), {
 							"model-value": n.node.props.label ?? "",
 							"onUpdate:modelValue": s[0] ||= (e) => n.patch({ props: { label: e } })
 						}, null, 8, ["model-value"])]),
 						_: 1
 					}, 8, ["label"]),
-					c(O(L), { label: O(r)("coar.pageBuilder.props.placeholder", void 0, "Placeholder") }, {
-						default: A(() => [c(O(J), {
+					c(O(z), { label: O(r)("coar.pageBuilder.props.placeholder", void 0, "Placeholder") }, {
+						default: j(() => [c(O(J), {
 							"model-value": n.node.props.placeholder ?? "",
 							"onUpdate:modelValue": s[1] ||= (e) => n.patch({ props: { placeholder: e } })
 						}, null, 8, ["model-value"])]),
 						_: 1
 					}, 8, ["label"]),
 					a("div", pt, [
-						c(O(L), { label: O(r)("coar.pageBuilder.props.min", void 0, "Min") }, {
-							default: A(() => [c(O(V), {
+						c(O(z), { label: O(r)("coar.pageBuilder.props.min", void 0, "Min") }, {
+							default: j(() => [c(O(U), {
 								size: "s",
 								clearable: "",
 								decimals: 6,
@@ -1069,8 +1069,8 @@ var lt = Z({
 							}, null, 8, ["model-value"])]),
 							_: 1
 						}, 8, ["label"]),
-						c(O(L), { label: O(r)("coar.pageBuilder.props.max", void 0, "Max") }, {
-							default: A(() => [c(O(V), {
+						c(O(z), { label: O(r)("coar.pageBuilder.props.max", void 0, "Max") }, {
+							default: j(() => [c(O(U), {
 								size: "s",
 								clearable: "",
 								decimals: 6,
@@ -1079,8 +1079,8 @@ var lt = Z({
 							}, null, 8, ["model-value"])]),
 							_: 1
 						}, 8, ["label"]),
-						c(O(L), { label: O(r)("coar.pageBuilder.props.step", void 0, "Step") }, {
-							default: A(() => [c(O(V), {
+						c(O(z), { label: O(r)("coar.pageBuilder.props.step", void 0, "Step") }, {
+							default: j(() => [c(O(U), {
 								size: "s",
 								clearable: "",
 								decimals: 6,
@@ -1089,8 +1089,8 @@ var lt = Z({
 							}, null, 8, ["model-value"])]),
 							_: 1
 						}, 8, ["label"]),
-						c(O(L), { label: O(r)("coar.pageBuilder.props.decimals", void 0, "Decimals") }, {
-							default: A(() => [c(O(V), {
+						c(O(z), { label: O(r)("coar.pageBuilder.props.decimals", void 0, "Decimals") }, {
+							default: j(() => [c(O(U), {
 								size: "s",
 								clearable: "",
 								min: 0,
@@ -1101,7 +1101,7 @@ var lt = Z({
 							_: 1
 						}, 8, ["label"])
 					]),
-					c(O(F), {
+					c(O(L), {
 						"model-value": !!n.node.props.disabled,
 						label: O(r)("coar.pageBuilder.props.disabled", void 0, "Disabled"),
 						"onUpdate:modelValue": s[6] ||= (e) => n.patch({ props: { disabled: e } })
@@ -1122,7 +1122,7 @@ var lt = Z({
 			emits: ["update:modelValue"],
 			setup(e, { emit: t }) {
 				let r = e, i = t;
-				return (e, t) => (v(), n(O(V), {
+				return (e, t) => (v(), n(O(U), {
 					clearable: "",
 					decimals: r.props.decimals ?? 6,
 					"model-value": r.modelValue ?? null,
@@ -1140,11 +1140,11 @@ var lt = Z({
 			function o(e) {
 				a.value && (i.setValue(a.value, e), i.markTouched(a.value));
 			}
-			return (t, r) => (v(), n(O(L), {
+			return (t, r) => (v(), n(O(z), {
 				error: a.value ? O(i).getError(a.value) : "",
 				disabled: e.node.props.disabled
 			}, {
-				default: A(() => [c(O(F), {
+				default: j(() => [c(O(L), {
 					"model-value": a.value ? O(i).getValue(a.value) ?? !1 : !1,
 					label: e.node.props.label,
 					required: e.node.validation?.required,
@@ -1179,7 +1179,7 @@ var lt = Z({
 				resolveAsset: { type: Function }
 			},
 			setup(e) {
-				return (t, r) => (v(), n(O(F), {
+				return (t, r) => (v(), n(O(L), {
 					"model-value": !!e.node.defaultValue,
 					label: e.node.props.label || "Checkbox",
 					required: e.node.validation?.required,
@@ -1198,14 +1198,14 @@ var lt = Z({
 				patch: { type: Function }
 			},
 			setup(t) {
-				let n = t, { t: r } = N();
-				return (t, a) => (v(), i(e, null, [c(O(L), { label: O(r)("coar.pageBuilder.props.label", void 0, "Label") }, {
-					default: A(() => [c(O(J), {
+				let n = t, { t: r } = P();
+				return (t, a) => (v(), i(e, null, [c(O(z), { label: O(r)("coar.pageBuilder.props.label", void 0, "Label") }, {
+					default: j(() => [c(O(J), {
 						"model-value": n.node.props.label ?? "",
 						"onUpdate:modelValue": a[0] ||= (e) => n.patch({ props: { label: e } })
 					}, null, 8, ["model-value"])]),
 					_: 1
-				}, 8, ["label"]), c(O(F), {
+				}, 8, ["label"]), c(O(L), {
 					"model-value": !!n.node.props.disabled,
 					label: O(r)("coar.pageBuilder.props.disabled", void 0, "Disabled"),
 					"onUpdate:modelValue": a[1] ||= (e) => n.patch({ props: { disabled: e } })
@@ -1224,8 +1224,8 @@ var lt = Z({
 			},
 			emits: ["update:modelValue"],
 			setup(e, { emit: t }) {
-				let r = e, i = t, { t: a } = N();
-				return (e, t) => (v(), n(O(F), {
+				let r = e, i = t, { t: a } = P();
+				return (e, t) => (v(), n(O(L), {
 					"model-value": !!r.modelValue,
 					label: O(a)("coar.pageBuilder.props.checkedByDefault", void 0, "Checked by default"),
 					"onUpdate:modelValue": t[0] ||= (e) => i("update:modelValue", e || void 0)
@@ -1242,11 +1242,11 @@ var lt = Z({
 			function o(e) {
 				a.value && (i.setValue(a.value, e), i.markTouched(a.value));
 			}
-			return (t, r) => (v(), n(O(L), {
+			return (t, r) => (v(), n(O(z), {
 				error: a.value ? O(i).getError(a.value) : "",
 				disabled: e.node.props.disabled
 			}, {
-				default: A(() => [c(O(ae), {
+				default: j(() => [c(O(ae), {
 					"model-value": a.value ? O(i).getValue(a.value) ?? !1 : !1,
 					label: e.node.props.label,
 					disabled: e.node.props.disabled,
@@ -1293,14 +1293,14 @@ var lt = Z({
 				patch: { type: Function }
 			},
 			setup(t) {
-				let n = t, { t: r } = N();
-				return (t, a) => (v(), i(e, null, [c(O(L), { label: O(r)("coar.pageBuilder.props.label", void 0, "Label") }, {
-					default: A(() => [c(O(J), {
+				let n = t, { t: r } = P();
+				return (t, a) => (v(), i(e, null, [c(O(z), { label: O(r)("coar.pageBuilder.props.label", void 0, "Label") }, {
+					default: j(() => [c(O(J), {
 						"model-value": n.node.props.label ?? "",
 						"onUpdate:modelValue": a[0] ||= (e) => n.patch({ props: { label: e } })
 					}, null, 8, ["model-value"])]),
 					_: 1
-				}, 8, ["label"]), c(O(F), {
+				}, 8, ["label"]), c(O(L), {
 					"model-value": !!n.node.props.disabled,
 					label: O(r)("coar.pageBuilder.props.disabled", void 0, "Disabled"),
 					"onUpdate:modelValue": a[1] ||= (e) => n.patch({ props: { disabled: e } })
@@ -1319,7 +1319,7 @@ var lt = Z({
 			},
 			emits: ["update:modelValue"],
 			setup(e, { emit: t }) {
-				let r = e, i = t, { t: a } = N();
+				let r = e, i = t, { t: a } = P();
 				return (e, t) => (v(), n(O(ae), {
 					"model-value": !!r.modelValue,
 					label: O(a)("coar.pageBuilder.props.onByDefault", void 0, "On by default"),
@@ -1336,7 +1336,7 @@ function _t(e) {
 }
 function vt(e) {
 	let t = $(), n = b([]), r = !1, i = 0;
-	return ne(() => {
+	return te(() => {
 		let a = e(), o = a.optionsSourceId, s = t.config?.optionsSource;
 		if (o && s) {
 			let e = ++i;
@@ -1358,13 +1358,13 @@ var yt = /* @__PURE__ */ l({
 		function d(e) {
 			l.value && (o.setValue(l.value, e), o.markTouched(l.value));
 		}
-		return (t, a) => (v(), n(O(L), {
+		return (t, a) => (v(), n(O(z), {
 			label: r.node.props.label,
 			required: r.node.validation?.required,
 			error: l.value ? O(o).getError(l.value) : "",
 			disabled: r.node.props.disabled
 		}, {
-			default: A(() => [c(O(K), {
+			default: j(() => [c(O(ie), {
 				"model-value": l.value ? O(o).getValue(l.value) ?? void 0 : void 0,
 				name: l.value ?? r.node.id,
 				label: r.node.props.label,
@@ -1373,12 +1373,12 @@ var yt = /* @__PURE__ */ l({
 				disabled: r.node.props.disabled,
 				"onUpdate:modelValue": d
 			}, {
-				default: A(() => [(v(!0), i(e, null, x(O(u), (e) => (v(), n(O(G), {
+				default: j(() => [(v(!0), i(e, null, x(O(u), (e) => (v(), n(O(K), {
 					key: e.value,
 					value: e.value,
 					disabled: r.node.props.disabled
 				}, {
-					default: A(() => [s(E(e.label), 1)]),
+					default: j(() => [s(E(e.label), 1)]),
 					_: 2
 				}, 1032, ["value", "disabled"]))), 128))]),
 				_: 1
@@ -1406,22 +1406,22 @@ var yt = /* @__PURE__ */ l({
 	},
 	setup(r) {
 		let a = r, o = t(() => typeof a.node.defaultValue == "string" ? a.node.defaultValue : void 0);
-		return (t, a) => (v(), n(O(L), {
+		return (t, a) => (v(), n(O(z), {
 			label: r.node.props.label,
 			required: r.node.validation?.required
 		}, {
-			default: A(() => [c(O(K), {
+			default: j(() => [c(O(ie), {
 				"model-value": o.value,
 				name: `preview-${r.node.id}`,
 				orientation: r.node.props.orientation,
 				disabled: ""
 			}, {
-				default: A(() => [(v(!0), i(e, null, x(r.node.props.options ?? [], (e) => (v(), n(O(G), {
+				default: j(() => [(v(!0), i(e, null, x(r.node.props.options ?? [], (e) => (v(), n(O(K), {
 					key: e.value,
 					value: e.value,
 					disabled: ""
 				}, {
-					default: A(() => [s(E(e.label), 1)]),
+					default: j(() => [s(E(e.label), 1)]),
 					_: 2
 				}, 1032, ["value"]))), 128))]),
 				_: 1
@@ -1446,7 +1446,7 @@ var yt = /* @__PURE__ */ l({
 	props: { options: {} },
 	emits: ["update:options"],
 	setup(t, { emit: n }) {
-		let r = t, o = n, { t: s } = N();
+		let r = t, o = n, { t: s } = P();
 		function l(e, t, n) {
 			o("update:options", r.options.map((r, i) => i === e ? {
 				...r,
@@ -1501,7 +1501,7 @@ var yt = /* @__PURE__ */ l({
 					disabled: n === 0,
 					title: O(s)("coar.pageBuilder.common.moveUp", void 0, "Move up"),
 					onClick: (e) => f(n, -1)
-				}, [c(O(R), {
+				}, [c(O(B), {
 					name: "chevron-up",
 					size: "xs"
 				})], 8, Ct),
@@ -1511,7 +1511,7 @@ var yt = /* @__PURE__ */ l({
 					disabled: n === t.options.length - 1,
 					title: O(s)("coar.pageBuilder.common.moveDown", void 0, "Move down"),
 					onClick: (e) => f(n, 1)
-				}, [c(O(R), {
+				}, [c(O(B), {
 					name: "chevron-down",
 					size: "xs"
 				})], 8, wt),
@@ -1520,7 +1520,7 @@ var yt = /* @__PURE__ */ l({
 					class: "pb-select-options__btn pb-select-options__btn--danger",
 					title: O(s)("coar.pageBuilder.props.removeOption", void 0, "Remove option"),
 					onClick: (e) => d(n)
-				}, [c(O(R), {
+				}, [c(O(B), {
 					name: "x",
 					size: "xs"
 				})], 8, Tt)
@@ -1529,7 +1529,7 @@ var yt = /* @__PURE__ */ l({
 				type: "button",
 				class: "pb-select-options__add",
 				onClick: u
-			}, [c(O(R), {
+			}, [c(O(B), {
 				name: "plus",
 				size: "xs"
 			}), a("span", null, E(O(s)("coar.pageBuilder.props.addOption", void 0, "Add option")), 1)])
@@ -1542,7 +1542,7 @@ var yt = /* @__PURE__ */ l({
 		patch: { type: Function }
 	},
 	setup(n) {
-		let r = n, { t: a } = N(), o = t(() => r.node.props.options ?? []);
+		let r = n, { t: a } = P(), o = t(() => r.node.props.options ?? []);
 		function s(e) {
 			let t = { props: { options: e.length > 0 ? e : void 0 } };
 			r.node.defaultValue !== void 0 && !e.some((e) => e.value === r.node.defaultValue) && (t.defaultValue = void 0), r.patch(t);
@@ -1555,8 +1555,8 @@ var yt = /* @__PURE__ */ l({
 			label: a("coar.pageBuilder.props.horizontal", void 0, "Horizontal")
 		}]);
 		return (t, n) => (v(), i(e, null, [
-			c(O(L), { label: O(a)("coar.pageBuilder.props.label", void 0, "Label") }, {
-				default: A(() => [c(O(J), {
+			c(O(z), { label: O(a)("coar.pageBuilder.props.label", void 0, "Label") }, {
+				default: j(() => [c(O(J), {
 					"model-value": r.node.props.label ?? "",
 					"onUpdate:modelValue": n[0] ||= (e) => r.patch({ props: { label: e } })
 				}, null, 8, ["model-value"])]),
@@ -1566,26 +1566,26 @@ var yt = /* @__PURE__ */ l({
 				options: o.value,
 				"onUpdate:options": s
 			}, null, 8, ["options"]),
-			c(O(L), {
+			c(O(z), {
 				label: O(a)("coar.pageBuilder.props.optionsSource", void 0, "Options source ID"),
 				hint: O(a)("coar.pageBuilder.props.optionsSourceHint", void 0, "Resolved via config.optionsSource at render time — overrides the static options")
 			}, {
-				default: A(() => [c(O(J), {
+				default: j(() => [c(O(J), {
 					"model-value": r.node.props.optionsSourceId ?? "",
 					placeholder: "e.g. countries",
 					"onUpdate:modelValue": n[1] ||= (e) => r.patch({ props: { optionsSourceId: e || void 0 } })
 				}, null, 8, ["model-value"])]),
 				_: 1
 			}, 8, ["label", "hint"]),
-			c(O(L), { label: O(a)("coar.pageBuilder.props.orientation", void 0, "Orientation") }, {
-				default: A(() => [c(O(q), {
+			c(O(z), { label: O(a)("coar.pageBuilder.props.orientation", void 0, "Orientation") }, {
+				default: j(() => [c(O(q), {
 					"model-value": r.node.props.orientation ?? "vertical",
 					options: l.value,
 					"onUpdate:modelValue": n[2] ||= (e) => r.patch({ props: { orientation: e } })
 				}, null, 8, ["model-value", "options"])]),
 				_: 1
 			}, 8, ["label"]),
-			c(O(F), {
+			c(O(L), {
 				"model-value": !!r.node.props.disabled,
 				label: O(a)("coar.pageBuilder.props.disabled", void 0, "Disabled"),
 				"onUpdate:modelValue": n[3] ||= (e) => r.patch({ props: { disabled: e } })
@@ -1640,7 +1640,7 @@ var kt = Z({
 			},
 			emits: ["update:modelValue"],
 			setup(e, { emit: r }) {
-				let i = e, a = r, { t: o } = N(), s = t(() => Ot(i.props.options));
+				let i = e, a = r, { t: o } = P(), s = t(() => Ot(i.props.options));
 				return (e, t) => (v(), n(O(q), {
 					"model-value": i.modelValue ?? null,
 					options: s.value,
@@ -1664,13 +1664,13 @@ var kt = Z({
 			function s(e) {
 				a.value && (i.setValue(a.value, e), i.markTouched(a.value));
 			}
-			return (t, r) => (v(), n(O(L), {
+			return (t, r) => (v(), n(O(z), {
 				label: e.node.props.label,
 				required: e.node.validation?.required,
 				error: a.value ? O(i).getError(a.value) : "",
 				disabled: e.node.props.disabled
 			}, {
-				default: A(() => [c(O(q), {
+				default: j(() => [c(O(q), {
 					"model-value": a.value ? O(i).getValue(a.value) ?? null : null,
 					options: O(Ot)(O(o)),
 					placeholder: e.node.props.placeholder,
@@ -1719,11 +1719,11 @@ var kt = Z({
 				resolveAsset: { type: Function }
 			},
 			setup(e) {
-				return (t, r) => (v(), n(O(L), {
+				return (t, r) => (v(), n(O(z), {
 					label: e.node.props.label,
 					required: e.node.validation?.required
 				}, {
-					default: A(() => [c(O(q), {
+					default: j(() => [c(O(q), {
 						"model-value": null,
 						options: O(Ot)(e.node.props.options),
 						placeholder: e.node.props.placeholder,
@@ -1740,21 +1740,21 @@ var kt = Z({
 				patch: { type: Function }
 			},
 			setup(n) {
-				let r = n, { t: a } = N(), o = t(() => r.node.props.options ?? []);
+				let r = n, { t: a } = P(), o = t(() => r.node.props.options ?? []);
 				function s(e) {
 					let t = { props: { options: e.length > 0 ? e : void 0 } };
 					r.node.defaultValue !== void 0 && !e.some((e) => e.value === r.node.defaultValue) && (t.defaultValue = void 0), r.patch(t);
 				}
 				return (t, n) => (v(), i(e, null, [
-					c(O(L), { label: O(a)("coar.pageBuilder.props.label", void 0, "Label") }, {
-						default: A(() => [c(O(J), {
+					c(O(z), { label: O(a)("coar.pageBuilder.props.label", void 0, "Label") }, {
+						default: j(() => [c(O(J), {
 							"model-value": r.node.props.label ?? "",
 							"onUpdate:modelValue": n[0] ||= (e) => r.patch({ props: { label: e } })
 						}, null, 8, ["model-value"])]),
 						_: 1
 					}, 8, ["label"]),
-					c(O(L), { label: O(a)("coar.pageBuilder.props.placeholder", void 0, "Placeholder") }, {
-						default: A(() => [c(O(J), {
+					c(O(z), { label: O(a)("coar.pageBuilder.props.placeholder", void 0, "Placeholder") }, {
+						default: j(() => [c(O(J), {
 							"model-value": r.node.props.placeholder ?? "",
 							"onUpdate:modelValue": n[1] ||= (e) => r.patch({ props: { placeholder: e } })
 						}, null, 8, ["model-value"])]),
@@ -1764,18 +1764,18 @@ var kt = Z({
 						options: o.value,
 						"onUpdate:options": s
 					}, null, 8, ["options"]),
-					c(O(L), {
+					c(O(z), {
 						label: O(a)("coar.pageBuilder.props.optionsSource", void 0, "Options source ID"),
 						hint: O(a)("coar.pageBuilder.props.optionsSourceHint", void 0, "Resolved via config.optionsSource at render time — overrides the static options")
 					}, {
-						default: A(() => [c(O(J), {
+						default: j(() => [c(O(J), {
 							"model-value": r.node.props.optionsSourceId ?? "",
 							placeholder: "e.g. countries",
 							"onUpdate:modelValue": n[2] ||= (e) => r.patch({ props: { optionsSourceId: e || void 0 } })
 						}, null, 8, ["model-value"])]),
 						_: 1
 					}, 8, ["label", "hint"]),
-					c(O(F), {
+					c(O(L), {
 						"model-value": !!r.node.props.disabled,
 						label: O(a)("coar.pageBuilder.props.disabled", void 0, "Disabled"),
 						"onUpdate:modelValue": n[3] ||= (e) => r.patch({ props: { disabled: e } })
@@ -1795,7 +1795,7 @@ var kt = Z({
 			},
 			emits: ["update:modelValue"],
 			setup(e, { emit: r }) {
-				let i = e, a = r, { t: o } = N(), s = t(() => Ot(i.props.options));
+				let i = e, a = r, { t: o } = P(), s = t(() => Ot(i.props.options));
 				return (e, t) => (v(), n(O(q), {
 					"model-value": i.modelValue ?? null,
 					options: s.value,
@@ -1819,13 +1819,13 @@ var kt = Z({
 			function s(e) {
 				a.value && (i.setValue(a.value, e), i.markTouched(a.value));
 			}
-			return (t, r) => (v(), n(O(L), {
+			return (t, r) => (v(), n(O(z), {
 				label: e.node.props.label,
 				required: e.node.validation?.required,
 				error: a.value ? O(i).getError(a.value) : "",
 				disabled: e.node.props.disabled
 			}, {
-				default: A(() => [c(O(z), {
+				default: j(() => [c(O(V), {
 					"model-value": a.value ? O(i).getValue(a.value) ?? [] : [],
 					options: O(Ot)(O(o)),
 					placeholder: e.node.props.placeholder,
@@ -1874,11 +1874,11 @@ var kt = Z({
 				resolveAsset: { type: Function }
 			},
 			setup(e) {
-				return (t, r) => (v(), n(O(L), {
+				return (t, r) => (v(), n(O(z), {
 					label: e.node.props.label,
 					required: e.node.validation?.required
 				}, {
-					default: A(() => [c(O(z), {
+					default: j(() => [c(O(V), {
 						"model-value": e.node.defaultValue ?? [],
 						options: O(Ot)(e.node.props.options),
 						placeholder: e.node.props.placeholder,
@@ -1899,7 +1899,7 @@ var kt = Z({
 				patch: { type: Function }
 			},
 			setup(n) {
-				let r = n, { t: a } = N(), o = t(() => r.node.props.options ?? []);
+				let r = n, { t: a } = P(), o = t(() => r.node.props.options ?? []);
 				function s(e) {
 					let t = { props: { options: e.length > 0 ? e : void 0 } }, n = r.node.defaultValue;
 					if (n !== void 0) {
@@ -1909,15 +1909,15 @@ var kt = Z({
 					r.patch(t);
 				}
 				return (t, n) => (v(), i(e, null, [
-					c(O(L), { label: O(a)("coar.pageBuilder.props.label", void 0, "Label") }, {
-						default: A(() => [c(O(J), {
+					c(O(z), { label: O(a)("coar.pageBuilder.props.label", void 0, "Label") }, {
+						default: j(() => [c(O(J), {
 							"model-value": r.node.props.label ?? "",
 							"onUpdate:modelValue": n[0] ||= (e) => r.patch({ props: { label: e } })
 						}, null, 8, ["model-value"])]),
 						_: 1
 					}, 8, ["label"]),
-					c(O(L), { label: O(a)("coar.pageBuilder.props.placeholder", void 0, "Placeholder") }, {
-						default: A(() => [c(O(J), {
+					c(O(z), { label: O(a)("coar.pageBuilder.props.placeholder", void 0, "Placeholder") }, {
+						default: j(() => [c(O(J), {
 							"model-value": r.node.props.placeholder ?? "",
 							"onUpdate:modelValue": n[1] ||= (e) => r.patch({ props: { placeholder: e } })
 						}, null, 8, ["model-value"])]),
@@ -1927,18 +1927,18 @@ var kt = Z({
 						options: o.value,
 						"onUpdate:options": s
 					}, null, 8, ["options"]),
-					c(O(L), {
+					c(O(z), {
 						label: O(a)("coar.pageBuilder.props.optionsSource", void 0, "Options source ID"),
 						hint: O(a)("coar.pageBuilder.props.optionsSourceHint", void 0, "Resolved via config.optionsSource at render time — overrides the static options")
 					}, {
-						default: A(() => [c(O(J), {
+						default: j(() => [c(O(J), {
 							"model-value": r.node.props.optionsSourceId ?? "",
 							placeholder: "e.g. countries",
 							"onUpdate:modelValue": n[2] ||= (e) => r.patch({ props: { optionsSourceId: e || void 0 } })
 						}, null, 8, ["model-value"])]),
 						_: 1
 					}, 8, ["label", "hint"]),
-					c(O(F), {
+					c(O(L), {
 						"model-value": !!r.node.props.disabled,
 						label: O(a)("coar.pageBuilder.props.disabled", void 0, "Disabled"),
 						"onUpdate:modelValue": n[3] ||= (e) => r.patch({ props: { disabled: e } })
@@ -1958,8 +1958,8 @@ var kt = Z({
 			},
 			emits: ["update:modelValue"],
 			setup(e, { emit: r }) {
-				let i = e, a = r, { t: o } = N(), s = t(() => Ot(i.props.options));
-				return (e, t) => (v(), n(O(z), {
+				let i = e, a = r, { t: o } = P(), s = t(() => Ot(i.props.options));
+				return (e, t) => (v(), n(O(V), {
 					"model-value": i.modelValue ?? [],
 					options: s.value,
 					placeholder: O(o)("coar.pageBuilder.props.none", void 0, "— none"),
@@ -1979,13 +1979,13 @@ var kt = Z({
 		props: { node: {} },
 		setup(e) {
 			let r = e, i = $(), a = t(() => r.node.name);
-			return (t, r) => (v(), n(O(L), {
+			return (t, r) => (v(), n(O(z), {
 				label: e.node.props.label,
 				required: e.node.validation?.required,
 				error: a.value ? O(i).getError(a.value) : "",
 				disabled: e.node.props.disabled
 			}, {
-				default: A(() => [c(O(H), {
+				default: j(() => [c(O(W), {
 					"model-value": a.value ? O(i).getValue(a.value) ?? "" : "",
 					length: e.node.props.length,
 					type: e.node.props.otpType,
@@ -2029,11 +2029,11 @@ var kt = Z({
 				resolveAsset: { type: Function }
 			},
 			setup(e) {
-				return (t, r) => (v(), n(O(L), {
+				return (t, r) => (v(), n(O(z), {
 					label: e.node.props.label,
 					required: e.node.validation?.required
 				}, {
-					default: A(() => [c(O(H), {
+					default: j(() => [c(O(W), {
 						"model-value": "",
 						length: e.node.props.length,
 						mask: e.node.props.mask,
@@ -2050,7 +2050,7 @@ var kt = Z({
 				patch: { type: Function }
 			},
 			setup(t) {
-				let n = t, { t: r } = N(), a = [
+				let n = t, { t: r } = P(), a = [
 					{
 						value: "numeric",
 						label: "numeric"
@@ -2065,15 +2065,15 @@ var kt = Z({
 					}
 				];
 				return (t, o) => (v(), i(e, null, [
-					c(O(L), { label: O(r)("coar.pageBuilder.props.label", void 0, "Label") }, {
-						default: A(() => [c(O(J), {
+					c(O(z), { label: O(r)("coar.pageBuilder.props.label", void 0, "Label") }, {
+						default: j(() => [c(O(J), {
 							"model-value": n.node.props.label ?? "",
 							"onUpdate:modelValue": o[0] ||= (e) => n.patch({ props: { label: e } })
 						}, null, 8, ["model-value"])]),
 						_: 1
 					}, 8, ["label"]),
-					c(O(L), { label: O(r)("coar.pageBuilder.props.length", void 0, "Length") }, {
-						default: A(() => [c(O(V), {
+					c(O(z), { label: O(r)("coar.pageBuilder.props.length", void 0, "Length") }, {
+						default: j(() => [c(O(U), {
 							clearable: "",
 							min: 3,
 							max: 12,
@@ -2083,20 +2083,20 @@ var kt = Z({
 						}, null, 8, ["model-value"])]),
 						_: 1
 					}, 8, ["label"]),
-					c(O(L), { label: O(r)("coar.pageBuilder.props.otpType", void 0, "Character set") }, {
-						default: A(() => [c(O(q), {
+					c(O(z), { label: O(r)("coar.pageBuilder.props.otpType", void 0, "Character set") }, {
+						default: j(() => [c(O(q), {
 							"model-value": n.node.props.otpType ?? "numeric",
 							options: a,
 							"onUpdate:modelValue": o[2] ||= (e) => n.patch({ props: { otpType: e } })
 						}, null, 8, ["model-value"])]),
 						_: 1
 					}, 8, ["label"]),
-					c(O(F), {
+					c(O(L), {
 						"model-value": !!n.node.props.mask,
 						label: O(r)("coar.pageBuilder.props.mask", void 0, "Mask input"),
 						"onUpdate:modelValue": o[3] ||= (e) => n.patch({ props: { mask: e || void 0 } })
 					}, null, 8, ["model-value", "label"]),
-					c(O(F), {
+					c(O(L), {
 						"model-value": !!n.node.props.disabled,
 						label: O(r)("coar.pageBuilder.props.disabled", void 0, "Disabled"),
 						"onUpdate:modelValue": o[4] ||= (e) => n.patch({ props: { disabled: e } })
@@ -2118,13 +2118,13 @@ var kt = Z({
 			function o(e) {
 				a.value && (i.setValue(a.value, e), i.markTouched(a.value));
 			}
-			return (t, r) => (v(), n(O(L), {
+			return (t, r) => (v(), n(O(z), {
 				label: e.node.props.label,
 				required: e.node.validation?.required,
 				error: a.value ? O(i).getError(a.value) : "",
 				disabled: e.node.props.disabled
 			}, {
-				default: A(() => [c(O(U), {
+				default: j(() => [c(O(re), {
 					"model-value": a.value ? O(Ze)(O(i).getValue(a.value)) : null,
 					placeholder: e.node.props.placeholder,
 					disabled: e.node.props.disabled,
@@ -2163,11 +2163,11 @@ var kt = Z({
 				resolveAsset: { type: Function }
 			},
 			setup(e) {
-				return (t, r) => (v(), n(O(L), {
+				return (t, r) => (v(), n(O(z), {
 					label: e.node.props.label,
 					required: e.node.validation?.required
 				}, {
-					default: A(() => [c(O(U), {
+					default: j(() => [c(O(re), {
 						"model-value": O(Ze)(e.node.defaultValue),
 						placeholder: e.node.props.placeholder,
 						disabled: ""
@@ -2183,23 +2183,23 @@ var kt = Z({
 				patch: { type: Function }
 			},
 			setup(t) {
-				let n = t, { t: r } = N();
+				let n = t, { t: r } = P();
 				return (t, a) => (v(), i(e, null, [
-					c(O(L), { label: O(r)("coar.pageBuilder.props.label", void 0, "Label") }, {
-						default: A(() => [c(O(J), {
+					c(O(z), { label: O(r)("coar.pageBuilder.props.label", void 0, "Label") }, {
+						default: j(() => [c(O(J), {
 							"model-value": n.node.props.label ?? "",
 							"onUpdate:modelValue": a[0] ||= (e) => n.patch({ props: { label: e } })
 						}, null, 8, ["model-value"])]),
 						_: 1
 					}, 8, ["label"]),
-					c(O(L), { label: O(r)("coar.pageBuilder.props.placeholder", void 0, "Placeholder") }, {
-						default: A(() => [c(O(J), {
+					c(O(z), { label: O(r)("coar.pageBuilder.props.placeholder", void 0, "Placeholder") }, {
+						default: j(() => [c(O(J), {
 							"model-value": n.node.props.placeholder ?? "",
 							"onUpdate:modelValue": a[1] ||= (e) => n.patch({ props: { placeholder: e } })
 						}, null, 8, ["model-value"])]),
 						_: 1
 					}, 8, ["label"]),
-					c(O(F), {
+					c(O(L), {
 						"model-value": !!n.node.props.disabled,
 						label: O(r)("coar.pageBuilder.props.disabled", void 0, "Disabled"),
 						"onUpdate:modelValue": a[2] ||= (e) => n.patch({ props: { disabled: e } })
@@ -2220,7 +2220,7 @@ var kt = Z({
 			emits: ["update:modelValue"],
 			setup(e, { emit: t }) {
 				let r = e, i = t;
-				return (e, t) => (v(), n(O(U), {
+				return (e, t) => (v(), n(O(re), {
 					clearable: "",
 					"model-value": O(Ze)(r.modelValue),
 					"onUpdate:modelValue": t[0] ||= (e) => i("update:modelValue", e ? e.toString() : void 0)
@@ -2237,13 +2237,13 @@ var kt = Z({
 			function o(e) {
 				a.value && (i.setValue(a.value, e), i.markTouched(a.value));
 			}
-			return (t, r) => (v(), n(O(L), {
+			return (t, r) => (v(), n(O(z), {
 				label: e.node.props.label,
 				required: e.node.validation?.required,
 				error: a.value ? O(i).getError(a.value) : "",
 				disabled: e.node.props.disabled
 			}, {
-				default: A(() => [c(O(W), {
+				default: j(() => [c(O(G), {
 					"model-value": a.value ? O(Qe)(O(i).getValue(a.value)) : null,
 					placeholder: e.node.props.placeholder,
 					disabled: e.node.props.disabled,
@@ -2282,11 +2282,11 @@ var kt = Z({
 				resolveAsset: { type: Function }
 			},
 			setup(e) {
-				return (t, r) => (v(), n(O(L), {
+				return (t, r) => (v(), n(O(z), {
 					label: e.node.props.label,
 					required: e.node.validation?.required
 				}, {
-					default: A(() => [c(O(W), {
+					default: j(() => [c(O(G), {
 						"model-value": O(Qe)(e.node.defaultValue),
 						placeholder: e.node.props.placeholder,
 						disabled: ""
@@ -2302,23 +2302,23 @@ var kt = Z({
 				patch: { type: Function }
 			},
 			setup(t) {
-				let n = t, { t: r } = N();
+				let n = t, { t: r } = P();
 				return (t, a) => (v(), i(e, null, [
-					c(O(L), { label: O(r)("coar.pageBuilder.props.label", void 0, "Label") }, {
-						default: A(() => [c(O(J), {
+					c(O(z), { label: O(r)("coar.pageBuilder.props.label", void 0, "Label") }, {
+						default: j(() => [c(O(J), {
 							"model-value": n.node.props.label ?? "",
 							"onUpdate:modelValue": a[0] ||= (e) => n.patch({ props: { label: e } })
 						}, null, 8, ["model-value"])]),
 						_: 1
 					}, 8, ["label"]),
-					c(O(L), { label: O(r)("coar.pageBuilder.props.placeholder", void 0, "Placeholder") }, {
-						default: A(() => [c(O(J), {
+					c(O(z), { label: O(r)("coar.pageBuilder.props.placeholder", void 0, "Placeholder") }, {
+						default: j(() => [c(O(J), {
 							"model-value": n.node.props.placeholder ?? "",
 							"onUpdate:modelValue": a[1] ||= (e) => n.patch({ props: { placeholder: e } })
 						}, null, 8, ["model-value"])]),
 						_: 1
 					}, 8, ["label"]),
-					c(O(F), {
+					c(O(L), {
 						"model-value": !!n.node.props.disabled,
 						label: O(r)("coar.pageBuilder.props.disabled", void 0, "Disabled"),
 						"onUpdate:modelValue": a[2] ||= (e) => n.patch({ props: { disabled: e } })
@@ -2339,7 +2339,7 @@ var kt = Z({
 			emits: ["update:modelValue"],
 			setup(e, { emit: t }) {
 				let r = e, i = t;
-				return (e, t) => (v(), n(O(W), {
+				return (e, t) => (v(), n(O(G), {
 					clearable: "",
 					"model-value": O(Qe)(r.modelValue),
 					"onUpdate:modelValue": t[0] ||= (e) => i("update:modelValue", e ? e.toString() : void 0)
@@ -2355,7 +2355,7 @@ var kt = Z({
 		function c(e, t) {
 			e && i.triggerAction(e, t);
 		}
-		return (t, i) => (v(), n(O(re), {
+		return (t, i) => (v(), n(O(F), {
 			class: "pb-button",
 			variant: e.node.props.variant ?? "primary",
 			size: e.node.props.size,
@@ -2364,7 +2364,7 @@ var kt = Z({
 			disabled: o.value && !a.value,
 			onClick: i[0] ||= (e) => c(r.node.props.action, r.node.props.validates)
 		}, {
-			default: A(() => [s(E(e.node.props.label), 1)]),
+			default: j(() => [s(E(e.node.props.label), 1)]),
 			_: 1
 		}, 8, [
 			"variant",
@@ -2390,13 +2390,13 @@ var Lt = /* @__PURE__ */ l({
 	},
 	setup(e) {
 		let r = e, i = t(() => It(r.node.style));
-		return (e, t) => (v(), n(O(re), {
+		return (e, t) => (v(), n(O(F), {
 			variant: r.node.props?.variant ?? "primary",
 			size: r.node.props?.size,
 			style: h(i.value),
 			disabled: ""
 		}, {
-			default: A(() => [s(E(r.node.props?.label || "Button"), 1)]),
+			default: j(() => [s(E(r.node.props?.label || "Button"), 1)]),
 			_: 1
 		}, 8, [
 			"variant",
@@ -2421,7 +2421,7 @@ var Lt = /* @__PURE__ */ l({
 				patch: { type: Function }
 			},
 			setup(r) {
-				let a = r, { t: o } = N(), s = u(zt), l = t(() => {
+				let a = r, { t: o } = P(), s = u(zt), l = t(() => {
 					let e = s?.value?.availableActions;
 					if (!e || e.length === 0) return null;
 					let t = /* @__PURE__ */ new Set(), n = [{
@@ -2477,18 +2477,18 @@ var Lt = /* @__PURE__ */ l({
 					}
 				]);
 				return (t, r) => (v(), i(e, null, [
-					c(O(L), { label: O(o)("coar.pageBuilder.props.label", void 0, "Label") }, {
-						default: A(() => [c(O(J), {
+					c(O(z), { label: O(o)("coar.pageBuilder.props.label", void 0, "Label") }, {
+						default: j(() => [c(O(J), {
 							"model-value": a.node.props.label ?? "",
 							"onUpdate:modelValue": r[0] ||= (e) => a.patch({ props: { label: e } })
 						}, null, 8, ["model-value"])]),
 						_: 1
 					}, 8, ["label"]),
-					c(O(L), {
+					c(O(z), {
 						label: O(o)("coar.pageBuilder.props.action", void 0, "Action"),
 						hint: O(o)("coar.pageBuilder.props.actionHint", void 0, "Matched against the actions map at render time")
 					}, {
-						default: A(() => [l.value ? (v(), n(O(q), {
+						default: j(() => [l.value ? (v(), n(O(q), {
 							key: 0,
 							"model-value": a.node.props.action ?? "",
 							options: l.value,
@@ -2501,36 +2501,36 @@ var Lt = /* @__PURE__ */ l({
 						}, null, 8, ["model-value"]))]),
 						_: 1
 					}, 8, ["label", "hint"]),
-					c(O(L), { label: O(o)("coar.pageBuilder.props.variant", void 0, "Variant") }, {
-						default: A(() => [c(O(q), {
+					c(O(z), { label: O(o)("coar.pageBuilder.props.variant", void 0, "Variant") }, {
+						default: j(() => [c(O(q), {
 							"model-value": a.node.props.variant ?? "primary",
 							options: d,
 							"onUpdate:modelValue": r[3] ||= (e) => a.patch({ props: { variant: e } })
 						}, null, 8, ["model-value"])]),
 						_: 1
 					}, 8, ["label"]),
-					c(O(L), { label: O(o)("coar.pageBuilder.props.size", void 0, "Size") }, {
-						default: A(() => [c(O(q), {
+					c(O(z), { label: O(o)("coar.pageBuilder.props.size", void 0, "Size") }, {
+						default: j(() => [c(O(q), {
 							"model-value": a.node.props.size ?? "",
 							options: f.value,
 							"onUpdate:modelValue": r[4] ||= (e) => a.patch({ props: { size: e || void 0 } })
 						}, null, 8, ["model-value", "options"])]),
 						_: 1
 					}, 8, ["label"]),
-					c(O(L), { label: O(o)("coar.pageBuilder.props.iconLeft", void 0, "Icon (left)") }, {
-						default: A(() => [c(O(J), {
+					c(O(z), { label: O(o)("coar.pageBuilder.props.iconLeft", void 0, "Icon (left)") }, {
+						default: j(() => [c(O(J), {
 							"model-value": a.node.props.icon ?? "",
 							placeholder: "e.g. log-in",
 							"onUpdate:modelValue": r[5] ||= (e) => a.patch({ props: { icon: e } })
 						}, null, 8, ["model-value"])]),
 						_: 1
 					}, 8, ["label"]),
-					c(O(F), {
+					c(O(L), {
 						"model-value": !!a.node.props.validates,
 						label: O(o)("coar.pageBuilder.props.validatesForm", void 0, "Validates form before firing"),
 						"onUpdate:modelValue": r[6] ||= (e) => a.patch({ props: { validates: e } })
 					}, null, 8, ["model-value", "label"]),
-					c(O(F), {
+					c(O(L), {
 						"model-value": !!a.node.props.default,
 						label: O(o)("coar.pageBuilder.props.defaultButton", void 0, "Default button (Enter submits here)"),
 						"onUpdate:modelValue": r[7] ||= (e) => a.patch({ props: { default: e || void 0 } })
@@ -2588,7 +2588,7 @@ var Lt = /* @__PURE__ */ l({
 				patch: { type: Function }
 			},
 			setup(r) {
-				let a = r, { t: o } = N(), s = u(zt), l = t(() => {
+				let a = r, { t: o } = P(), s = u(zt), l = t(() => {
 					let e = s?.value?.availableActions;
 					if (!e || e.length === 0) return null;
 					let t = /* @__PURE__ */ new Set(), n = [{
@@ -2605,14 +2605,14 @@ var Lt = /* @__PURE__ */ l({
 						label: o("coar.pageBuilder.props.notConfigured", { id: r }, "{id} (not configured)")
 					}), n;
 				});
-				return (t, r) => (v(), i(e, null, [c(O(L), { label: O(o)("coar.pageBuilder.props.label", void 0, "Label") }, {
-					default: A(() => [c(O(J), {
+				return (t, r) => (v(), i(e, null, [c(O(z), { label: O(o)("coar.pageBuilder.props.label", void 0, "Label") }, {
+					default: j(() => [c(O(J), {
 						"model-value": a.node.props.label ?? "",
 						"onUpdate:modelValue": r[0] ||= (e) => a.patch({ props: { label: e } })
 					}, null, 8, ["model-value"])]),
 					_: 1
-				}, 8, ["label"]), c(O(L), { label: O(o)("coar.pageBuilder.props.action", void 0, "Action") }, {
-					default: A(() => [l.value ? (v(), n(O(q), {
+				}, 8, ["label"]), c(O(z), { label: O(o)("coar.pageBuilder.props.action", void 0, "Action") }, {
+					default: j(() => [l.value ? (v(), n(O(q), {
 						key: 0,
 						"model-value": a.node.props.action ?? "",
 						options: l.value,
@@ -2663,7 +2663,7 @@ var Lt = /* @__PURE__ */ l({
 			alt: n.node.props?.alt ?? "",
 			class: "canvas-node__image-preview",
 			style: h(r.value)
-		}, null, 12, Kt)) : (v(), i("div", qt, [c(O(R), {
+		}, null, 12, Kt)) : (v(), i("div", qt, [c(O(B), {
 			name: "image",
 			size: "m"
 		}), a("span", null, E(n.node.props?.assetId || "No image"), 1)]));
@@ -2710,7 +2710,7 @@ var Lt = /* @__PURE__ */ l({
 					patch: { type: Function }
 				},
 				setup(o) {
-					let l = o, { t: d } = N(), f = u(zt), p = t(() => !!f?.value?.pickAsset), m = t(() => {
+					let l = o, { t: d } = P(), f = u(zt), p = t(() => !!f?.value?.pickAsset), m = t(() => {
 						let e = l.node.props.assetId;
 						return e ? f?.value?.assetResolver?.(e) ?? "" : "";
 					});
@@ -2723,46 +2723,46 @@ var Lt = /* @__PURE__ */ l({
 					function g() {
 						l.patch({ props: { assetId: "" } });
 					}
-					return (t, o) => (v(), i(e, null, [p.value ? (v(), n(O(L), {
+					return (t, o) => (v(), i(e, null, [p.value ? (v(), n(O(z), {
 						key: 0,
 						label: O(d)("coar.pageBuilder.props.asset", void 0, "Asset")
 					}, {
-						default: A(() => [a("div", Yt, [a("div", Xt, [m.value ? (v(), i("img", {
+						default: j(() => [a("div", Yt, [a("div", Xt, [m.value ? (v(), i("img", {
 							key: 0,
 							src: m.value,
 							alt: l.node.props.alt ?? ""
-						}, null, 8, Zt)) : (v(), i("span", Qt, [c(O(R), {
+						}, null, 8, Zt)) : (v(), i("span", Qt, [c(O(B), {
 							name: "image",
 							size: "m"
-						}), a("span", $t, E(l.node.props.assetId ? O(d)("coar.pageBuilder.props.noPreview", void 0, "No preview") : O(d)("coar.pageBuilder.props.noImage", void 0, "No image")), 1)]))]), a("div", en, [c(O(re), {
+						}), a("span", $t, E(l.node.props.assetId ? O(d)("coar.pageBuilder.props.noPreview", void 0, "No preview") : O(d)("coar.pageBuilder.props.noImage", void 0, "No image")), 1)]))]), a("div", en, [c(O(F), {
 							size: "s",
 							variant: "secondary",
 							onClick: h
 						}, {
-							default: A(() => [s(E(l.node.props.assetId ? O(d)("coar.pageBuilder.props.change", void 0, "Change…") : O(d)("coar.pageBuilder.props.choose", void 0, "Choose…")), 1)]),
+							default: j(() => [s(E(l.node.props.assetId ? O(d)("coar.pageBuilder.props.change", void 0, "Change…") : O(d)("coar.pageBuilder.props.choose", void 0, "Choose…")), 1)]),
 							_: 1
-						}), l.node.props.assetId ? (v(), n(O(re), {
+						}), l.node.props.assetId ? (v(), n(O(F), {
 							key: 0,
 							size: "s",
 							variant: "ghost",
 							onClick: g
 						}, {
-							default: A(() => [s(E(O(d)("coar.pageBuilder.props.clear", void 0, "Clear")), 1)]),
+							default: j(() => [s(E(O(d)("coar.pageBuilder.props.clear", void 0, "Clear")), 1)]),
 							_: 1
 						})) : r("", !0)])])]),
 						_: 1
-					}, 8, ["label"])) : (v(), n(O(L), {
+					}, 8, ["label"])) : (v(), n(O(z), {
 						key: 1,
 						label: O(d)("coar.pageBuilder.props.assetId", void 0, "Asset ID"),
 						hint: O(d)("coar.pageBuilder.props.assetIdHint", void 0, "Resolved via assetResolver at render time")
 					}, {
-						default: A(() => [c(O(J), {
+						default: j(() => [c(O(J), {
 							"model-value": l.node.props.assetId ?? "",
 							"onUpdate:modelValue": o[0] ||= (e) => l.patch({ props: { assetId: e } })
 						}, null, 8, ["model-value"])]),
 						_: 1
-					}, 8, ["label", "hint"])), c(O(L), { label: O(d)("coar.pageBuilder.props.altText", void 0, "Alt text") }, {
-						default: A(() => [c(O(J), {
+					}, 8, ["label", "hint"])), c(O(z), { label: O(d)("coar.pageBuilder.props.altText", void 0, "Alt text") }, {
+						default: j(() => [c(O(J), {
 							"model-value": l.node.props.alt ?? "",
 							"onUpdate:modelValue": o[1] ||= (e) => l.patch({ props: { alt: e } })
 						}, null, 8, ["model-value"])]),
@@ -3137,7 +3137,7 @@ var yn = Symbol("pb-parent-direction"), bn = /* @__PURE__ */ new Set(), xn = /*
 				"data-pb-enter-submit": _.value ? "true" : void 0
 			}, o({ _: 2 }, [f.value.container ? {
 				name: "default",
-				fn: A(() => [(v(!0), i(e, null, x(g.value, (e) => (v(), n(c, {
+				fn: j(() => [(v(!0), i(e, null, x(g.value, (e) => (v(), n(c, {
 					key: e.id,
 					node: e
 				}, null, 8, ["node"]))), 128))]),
@@ -3165,103 +3165,103 @@ var yn = Symbol("pb-parent-direction"), bn = /* @__PURE__ */ new Set(), xn = /*
 	},
 	emits: ["update:values"],
 	setup(e, { expose: n, emit: a }) {
-		let o = e, l = a, { t: u } = N(), d = b({}), f = b({}), m = b({}), h = b(!1), g = b(!1), _ = b(null), x = b(""), C = t(() => sn(cn(on(mn(o.schema))))), w = nn(t(() => o.config));
+		let o = e, l = a, { t: u } = P(), d = b({}), f = b({}), m = b({}), h = b(!1), g = b(!1), _ = b(null), x = b(""), C = t(() => sn(cn(on(mn(o.schema))))), w = nn(t(() => o.config));
 		function T(e) {
 			return e.type === "page" ? void 0 : w.value[e.type];
 		}
-		function ee(e) {
+		function k(e) {
 			let t = T(e), n = e.name;
 			return !!t?.value && typeof n == "string" && !!n && !Xe(n);
 		}
-		function k(e) {
+		function A(e) {
 			return ue(e.type, o.config);
 		}
-		function ne(e) {
+		function te(e) {
 			if (e.type === "page") return !0;
 			let t = e.visibleWhen;
 			if (!t || typeof t != "object" || typeof t.field != "string" || t.field === "") return !0;
 			let n = d.value[t.field];
-			return "equals" in t ? R(n, t.equals) : Array.isArray(t.in) ? t.in.some((e) => R(n, e)) : !0;
+			return "equals" in t ? B(n, t.equals) : Array.isArray(t.in) ? t.in.some((e) => B(n, e)) : !0;
 		}
-		function M() {
+		function N() {
 			let e = {}, t = (n) => {
-				!k(n) || !ne(n) || (ee(n) && n.name in d.value && (e[n.name] = d.value[n.name]), "children" in n && Array.isArray(n.children) && n.children.forEach(t));
+				!A(n) || !te(n) || (k(n) && n.name in d.value && (e[n.name] = d.value[n.name]), "children" in n && Array.isArray(n.children) && n.children.forEach(t));
 			};
 			return t(C.value), e;
 		}
-		function re() {
+		function F() {
 			let e = /* @__PURE__ */ new Set(), t = (n) => {
-				!k(n) || !ne(n) || (ee(n) && e.add(n.name), "children" in n && Array.isArray(n.children) && n.children.forEach(t));
+				!A(n) || !te(n) || (k(n) && e.add(n.name), "children" in n && Array.isArray(n.children) && n.children.forEach(t));
 			};
 			return t(C.value), e;
 		}
-		function P(e) {
+		function I(e) {
 			let t = {};
-			if (!k(e)) return t;
-			if (ee(e)) {
+			if (!A(e)) return t;
+			if (k(e)) {
 				let n = T(e)?.value?.defaultValue?.(e.props), r = e.defaultValue === void 0 ? n : e.defaultValue;
 				r !== void 0 && (t[e.name] = r);
 			}
-			if ("children" in e && Array.isArray(e.children)) for (let n of e.children) Object.assign(t, P(n));
+			if ("children" in e && Array.isArray(e.children)) for (let n of e.children) Object.assign(t, I(n));
 			return t;
 		}
-		function F(e, t) {
-			if (k(e) && (ee(e) && e.name && t.add(e.name), "children" in e && Array.isArray(e.children))) for (let n of e.children) F(n, t);
+		function L(e, t) {
+			if (A(e) && (k(e) && e.name && t.add(e.name), "children" in e && Array.isArray(e.children))) for (let n of e.children) L(n, t);
 		}
-		let I = {};
-		function L() {
-			let e = P(C.value);
+		let R = {};
+		function z() {
+			let e = I(C.value);
 			if (o.initialValues) {
 				let t = /* @__PURE__ */ new Set();
-				F(C.value, t);
+				L(C.value, t);
 				for (let [n, r] of Object.entries(o.initialValues)) t.has(n) && (e[n] = r);
 			}
-			d.value = e, I = { ...e }, f.value = {}, m.value = {}, x.value = "", l("update:values", M());
+			d.value = e, R = { ...e }, f.value = {}, m.value = {}, x.value = "", l("update:values", N());
 		}
-		function R(e, t, n = 0) {
+		function B(e, t, n = 0) {
 			let r = D(e), i = D(t);
 			if (Object.is(r, i)) return !0;
 			if (n > 32) return !1;
-			if (Array.isArray(r) && Array.isArray(i)) return r.length === i.length && r.every((e, t) => R(e, i[t], n + 1));
+			if (Array.isArray(r) && Array.isArray(i)) return r.length === i.length && r.every((e, t) => B(e, i[t], n + 1));
 			if (r !== null && i !== null && typeof r == "object" && typeof i == "object" && !Array.isArray(r) && !Array.isArray(i)) {
 				let e = Object.keys(r), t = Object.keys(i);
-				return e.length === t.length && e.every((e) => R(r[e], i[e], n + 1));
+				return e.length === t.length && e.every((e) => B(r[e], i[e], n + 1));
 			}
 			return !1;
 		}
-		function z(e, t) {
+		function V(e, t) {
 			if (e === t) return !0;
 			if (!e || !t) return !1;
 			let n = Object.keys(e);
-			return n.length === Object.keys(t).length ? n.every((n) => R(e[n], t[n])) : !1;
+			return n.length === Object.keys(t).length ? n.every((n) => B(e[n], t[n])) : !1;
 		}
-		L(), te(() => o.schema, L, { deep: !1 }), te(() => o.initialValues, (e, t) => {
+		z(), ee(() => o.schema, z, { deep: !1 }), ee(() => o.initialValues, (e, t) => {
 			let n = /* @__PURE__ */ new Set();
-			F(C.value, n);
+			L(C.value, n);
 			let r = (e) => {
 				let t = {};
 				for (let r of Object.keys(e ?? {})) n.has(r) && (t[r] = e[r]);
 				return t;
 			};
-			z(r(e), r(t)) || L();
+			V(r(e), r(t)) || z();
 		});
-		let V = /* @__PURE__ */ new Map();
-		function H(e) {
-			let t = V.get(e);
-			return t === void 0 && (t = Ke(e), t === null && console.warn(`[CoarPageRenderer] validation.pattern ${JSON.stringify(e)} is not a valid regular expression — rule ignored.`), V.set(e, t)), t;
+		let U = /* @__PURE__ */ new Map();
+		function W(e) {
+			let t = U.get(e);
+			return t === void 0 && (t = Ke(e), t === null && console.warn(`[CoarPageRenderer] validation.pattern ${JSON.stringify(e)} is not a valid regular expression — rule ignored.`), U.set(e, t)), t;
 		}
-		function ie(e) {
+		function ne(e) {
 			return e == null || e === "" || e === !1 || Array.isArray(e) && e.length === 0;
 		}
-		let U = /* @__PURE__ */ new Set();
-		function W(e, t) {
+		let re = /* @__PURE__ */ new Set();
+		function G(e, t) {
 			let n = d.value[e.name], r = e.validation;
-			if (r?.required && (t.value?.isEmpty ? t.value.isEmpty(n, e.props) : ie(n))) return r.message ?? u("coar.pageBuilder.validation.required", void 0, "This field is required");
+			if (r?.required && (t.value?.isEmpty ? t.value.isEmpty(n, e.props) : ne(n))) return r.message ?? u("coar.pageBuilder.validation.required", void 0, "This field is required");
 			if (r && t.value?.textRules && typeof n == "string") {
 				if (r.minLength && n.length < r.minLength) return r.message ?? u("coar.pageBuilder.validation.minLength", { n: r.minLength }, "Minimum {n} characters");
 				if (r.maxLength && n.length > r.maxLength) return r.message ?? u("coar.pageBuilder.validation.maxLength", { n: r.maxLength }, "Maximum {n} characters");
 				if (r.pattern) {
-					let e = H(r.pattern);
+					let e = W(r.pattern);
 					if (e && !e.test(n)) return r.message ?? u("coar.pageBuilder.validation.pattern", void 0, "Invalid format");
 				}
 			}
@@ -3271,25 +3271,25 @@ var yn = Symbol("pb-parent-direction"), bn = /* @__PURE__ */ new Set(), xn = /*
 				let r = t.value.validate(n, e, d.value);
 				if (r) return r;
 			} catch (t) {
-				U.has(e.type) || (U.add(e.type), console.warn(`[CoarPageRenderer] validate hook of element "${e.type}" threw — rule ignored.`, t));
+				re.has(e.type) || (re.add(e.type), console.warn(`[CoarPageRenderer] validate hook of element "${e.type}" threw — rule ignored.`, t));
 			}
 			return "";
 		}
-		function G(e, t) {
-			if (!(!k(e) || !ne(e))) {
-				if (ee(e)) {
-					let n = T(e), r = n ? W(e, n) : "";
+		function K(e, t) {
+			if (!(!A(e) || !te(e))) {
+				if (k(e)) {
+					let n = T(e), r = n ? G(e, n) : "";
 					r && (t[e.name] = r);
 				}
-				"children" in e && Array.isArray(e.children) && e.children.forEach((e) => G(e, t));
+				"children" in e && Array.isArray(e.children) && e.children.forEach((e) => K(e, t));
 			}
 		}
-		let K = t(() => {
+		let ie = t(() => {
 			let e = {};
-			return G(C.value, e), e;
-		}), q = t(() => Object.keys(K.value).length === 0), ae = t(() => !z(d.value, I));
+			return K(C.value, e), e;
+		}), q = t(() => Object.keys(ie.value).length === 0), ae = t(() => !V(d.value, R));
 		function oe(e) {
-			!k(e) || !ne(e) || (ee(e) && e.name && (f.value[e.name] = !0), "children" in e && Array.isArray(e.children) && e.children.forEach(oe));
+			!A(e) || !te(e) || (k(e) && e.name && (f.value[e.name] = !0), "children" in e && Array.isArray(e.children) && e.children.forEach(oe));
 		}
 		let se = /* @__PURE__ */ new Set(), J = /* @__PURE__ */ new Set();
 		function ce() {
@@ -3307,7 +3307,7 @@ var yn = Symbol("pb-parent-direction"), bn = /* @__PURE__ */ new Set(), xn = /*
 			if (n) {
 				g.value = !0;
 				try {
-					await n(t ?? M());
+					await n(t ?? N());
 				} catch (t) {
 					x.value = t instanceof Error && t.message || X(), console.error(`[CoarPageRenderer] action "${e}" failed.`, t);
 				} finally {
@@ -3320,14 +3320,14 @@ var yn = Symbol("pb-parent-direction"), bn = /* @__PURE__ */ new Set(), xn = /*
 				Y();
 				return;
 			}
-			let t = M();
+			let t = N();
 			if (o.onValidate) {
 				h.value = !0;
 				try {
 					let e = await o.onValidate(t), n = {}, r = [];
 					for (let [t, i] of Object.entries(e ?? {})) i && (Xe(t) ? r.push(i) : n[t] = i);
 					x.value = n._form ?? "", delete n[st];
-					let i = re(), a = Object.keys(n).filter((e) => !i.has(e));
+					let i = F(), a = Object.keys(n).filter((e) => !i.has(e));
 					x.value = [
 						x.value,
 						...a.map((e) => n[e]),
@@ -3363,7 +3363,7 @@ var yn = Symbol("pb-parent-direction"), bn = /* @__PURE__ */ new Set(), xn = /*
 			let e = C.value;
 			if (e.type !== "page" || !e.enterSubmits) return null;
 			let t = null, n = null, r = (e) => {
-				if (!(t || !k(e) || !ne(e))) {
+				if (!(t || !A(e) || !te(e))) {
 					if (e.type === "button") {
 						let r = e.props ?? {};
 						if (typeof r.action == "string" && r.action) {
@@ -3408,7 +3408,7 @@ var yn = Symbol("pb-parent-direction"), bn = /* @__PURE__ */ new Set(), xn = /*
 			reportUnknown(e) {
 				J.has(e) || (J.add(e), console.warn(`[CoarPageRenderer] No element registration for type "${e}" — instances were skipped at render time (register it via config.elements).`));
 			},
-			isVisible: ne,
+			isVisible: te,
 			isFormValid: q,
 			isValidating: h,
 			isSubmitting: g,
@@ -3421,10 +3421,10 @@ var yn = Symbol("pb-parent-direction"), bn = /* @__PURE__ */ new Set(), xn = /*
 						let t = { ...m.value };
 						delete t[e], m.value = t;
 					}
-					x.value &&= "", l("update:values", M());
+					x.value &&= "", l("update:values", N());
 				}
 			},
-			getError: (e) => !Xe(e) && f.value[e] ? K.value[e] ?? m.value[e] ?? "" : "",
+			getError: (e) => !Xe(e) && f.value[e] ? ie.value[e] ?? m.value[e] ?? "" : "",
 			markTouched: (e) => {
 				Xe(e) || (f.value[e] = !0);
 			},
@@ -3432,20 +3432,20 @@ var yn = Symbol("pb-parent-direction"), bn = /* @__PURE__ */ new Set(), xn = /*
 				pe(e, t);
 			}
 		}), n({
-			values: t(() => M()),
+			values: t(() => N()),
 			isDirty: ae,
 			isFormValid: q,
-			reset: () => L()
+			reset: () => z()
 		}), (e, t) => (v(), i("div", {
 			ref_key: "rootEl",
 			ref: le,
 			class: "coar-page-renderer",
-			onKeydown: j(he, ["enter"])
-		}, [S(e.$slots, "form-error", { error: x.value }, () => [x.value ? (v(), i("div", Sn, [c(O(B), {
+			onKeydown: M(he, ["enter"])
+		}, [S(e.$slots, "form-error", { error: x.value }, () => [x.value ? (v(), i("div", Sn, [c(O(H), {
 			variant: "error",
 			padding: "s"
 		}, {
-			default: A(() => [s(E(x.value), 1)]),
+			default: j(() => [s(E(x.value), 1)]),
 			_: 1
 		})])) : r("", !0)], !0), c(xn, { node: C.value }, null, 8, ["node"])], 544));
 	}
@@ -3844,23 +3844,23 @@ function Gn(e) {
 	function _(e) {
 		if (e.pointerId === n && (l = e.clientX, u = e.clientY, t === "pending")) {
 			let e = Math.hypot(l - s, u - c);
-			r ? e > Ln && k(!1) : e > In && S();
+			r ? e > Ln && A(!1) : e > In && S();
 		}
 	}
 	function v(r) {
-		r.pointerId === n && (t === "dragging" && h && e.onZoneDrop(h.path, h.index), k(t === "dragging"));
+		r.pointerId === n && (t === "dragging" && h && e.onZoneDrop(h.path, h.index), A(t === "dragging"));
 	}
 	function y(e) {
-		e.pointerId === n && k(t === "dragging");
+		e.pointerId === n && A(t === "dragging");
 	}
 	function b(e) {
-		e.key === "Escape" && (e.preventDefault(), k(!0));
+		e.key === "Escape" && (e.preventDefault(), A(!0));
 	}
 	function x(e) {
 		t !== "idle" && e.preventDefault();
 	}
 	function S() {
-		i && (t = "dragging", e.startDrag(i), window.addEventListener("keydown", b, !0), a && (p = ee(a)), m = document.createElement("style"), m.textContent = "* { cursor: grabbing !important; user-select: none !important; -webkit-user-select: none !important; }", document.head.appendChild(m), f = requestAnimationFrame(C));
+		i && (t = "dragging", e.startDrag(i), window.addEventListener("keydown", b, !0), a && (p = k(a)), m = document.createElement("style"), m.textContent = "* { cursor: grabbing !important; user-select: none !important; -webkit-user-select: none !important; }", document.head.appendChild(m), f = requestAnimationFrame(C));
 	}
 	function C() {
 		t === "dragging" && (O(), T(), E(), p && (p.style.transform = `translate(${l + 12}px, ${u + 10}px)`), f = requestAnimationFrame(C));
@@ -3913,7 +3913,7 @@ function Gn(e) {
 			n < Vn ? t.scrollTop -= Hn * (1 - n / Vn) : r < Vn && (t.scrollTop += Hn * (1 - r / Vn));
 		}
 	}
-	function ee(e) {
+	function k(e) {
 		let t = e.getBoundingClientRect(), n = e.cloneNode(!0);
 		n.style.margin = "0";
 		let r = document.createElement("div");
@@ -3933,7 +3933,7 @@ function Gn(e) {
 			transform: `translate(${l + 12}px, ${u + 10}px)`
 		}), r.appendChild(n), document.body.appendChild(r), r;
 	}
-	function k(r) {
+	function A(r) {
 		d !== null && (clearTimeout(d), d = null), cancelAnimationFrame(f), window.removeEventListener("pointermove", _), window.removeEventListener("pointerup", v), window.removeEventListener("pointercancel", y), window.removeEventListener("keydown", b, !0), window.removeEventListener("contextmenu", x, !0), p?.remove(), p = null, m?.remove(), m = null, D(), h = null, i = null, a = null, t = "idle", n = -1, r && e.endDrag(), o = null;
 	}
 	return { onHandlePointerDown: g };
@@ -4034,7 +4034,13 @@ var Xn = [
 	key: 0,
 	class: "pb-tree-add__menu",
 	role: "menu"
-}, dr = { class: "pb-tree-add__group-label" }, fr = ["onClick"], pr = { class: "pb-tree-add__group-label" }, mr = ["onClick"], hr = /* @__PURE__ */ Q(/* @__PURE__ */ l({
+}, dr = { class: "pb-tree-add__group-label" }, fr = ["onClick"], pr = {
+	key: 0,
+	class: "pb-tree-add__divider"
+}, mr = { class: "pb-tree-add__group-label" }, hr = ["onClick"], gr = {
+	key: 0,
+	class: "pb-tree-add__divider"
+}, _r = { class: "pb-tree-add__group-label" }, vr = ["onClick"], yr = /* @__PURE__ */ Q(/* @__PURE__ */ l({
 	name: "BuilderOutlineNode",
 	__name: "BuilderOutlineNode",
 	props: {
@@ -4043,18 +4049,19 @@ var Xn = [
 		depth: { default: 0 }
 	},
 	setup(n) {
-		let o = n, { t: s } = N(), l = u(Rt), d = u(zt), f = u(Bt), p = Yn(), y = nn(d), S = t(() => y.value[o.node.type]), w = t(() => o.node.type === "page" || S.value?.container === !0), T = t(() => {
+		let o = n, { t: s } = P(), l = u(Rt), d = u(zt), f = u(Bt), p = Yn(), y = nn(d), S = t(() => y.value[o.node.type]), w = t(() => o.node.type === "page" || S.value?.container === !0), T = t(() => {
 			let e = o.node.children;
 			return Array.isArray(e) ? e : [];
-		}), D = t(() => S.value?.builder?.icon ?? (o.node.type === "page" ? "file" : "circle-alert")), ee = t(() => Object.entries(y.value).filter(([e, t]) => t.builder && ue(e, d?.value)).map(([e, t]) => ({
+		}), D = t(() => S.value?.builder?.icon ?? (o.node.type === "page" ? "file" : "circle-alert")), k = t(() => Object.entries(y.value).filter(([e, t]) => t.builder && ue(e, d?.value)).map(([e, t]) => ({
 			type: e,
 			label: s(t.builder.label.key, void 0, t.builder.label.fallback),
 			icon: t.builder.icon ?? "circle-alert",
-			group: t.builder.group ?? "element"
-		}))), k = t(() => f?.byNodeId.value.get(o.node.id) ?? []), te = t(() => k.value.some((e) => e.severity === "error") ? "error" : k.value.length > 0 ? "warning" : null), ne = t(() => k.value.map((e) => `• ${e.message}`).join("\n")), A = t(() => o.path.length === 0), j = t(() => {
+			group: t.builder.group ?? "element",
+			hasValue: !!t.value
+		}))), A = t(() => k.value.filter((e) => e.group === "container")), ee = t(() => k.value.filter((e) => e.group === "element" && e.hasValue)), te = t(() => k.value.filter((e) => e.group === "element" && !e.hasValue)), j = t(() => d?.value?.hideElementPicker !== !0), M = t(() => f?.byNodeId.value.get(o.node.id) ?? []), F = t(() => M.value.some((e) => e.severity === "error") ? "error" : M.value.length > 0 ? "warning" : null), I = t(() => M.value.map((e) => `• ${e.message}`).join("\n")), L = t(() => o.path.length === 0), R = t(() => {
 			let e = l.selectedPath.value;
 			return e !== null && e.length === o.path.length && e.every((e, t) => e === o.path[t]);
-		}), re = t(() => {
+		}), z = t(() => {
 			let e = o.node;
 			if (e.type === "page") return s("coar.pageBuilder.type.page", void 0, "Page");
 			if (e.type === "stack") return e.props?.direction === "row" ? s("coar.pageBuilder.outline.row", void 0, "Row") : s("coar.pageBuilder.outline.column", void 0, "Column");
@@ -4063,56 +4070,56 @@ var Xn = [
 			if (e.props?.title) return String(e.props.title);
 			let t = S.value?.builder?.label;
 			return t ? s(t.key, void 0, t.fallback) : e.type;
-		}), P = t(() => {
+		}), V = t(() => {
 			let e = o.node;
 			return e.name ? String(e.name) : void 0;
-		}), F = b(!1), I = b(null);
-		function L() {
-			F.value = !F.value;
+		}), H = b(!1), U = b(null);
+		function W() {
+			H.value = !H.value;
 		}
-		function z(e) {
-			F.value = !1, l.addChild(o.path, e);
+		function ne(e) {
+			H.value = !1, l.addChild(o.path, e);
 		}
-		function B(e) {
-			if (!F.value) return;
+		function re(e) {
+			if (!H.value) return;
 			let t = e.target;
-			t && I.value && !I.value.contains(t) && (F.value = !1);
+			t && U.value && !U.value.contains(t) && (H.value = !1);
 		}
-		function V(e) {
-			e.key === "Escape" && (F.value = !1);
+		function G(e) {
+			e.key === "Escape" && (H.value = !1);
 		}
 		_(() => {
-			document.addEventListener("click", B), document.addEventListener("keydown", V);
+			document.addEventListener("click", re), document.addEventListener("keydown", G);
 		}), g(() => {
-			document.removeEventListener("click", B), document.removeEventListener("keydown", V);
+			document.removeEventListener("click", re), document.removeEventListener("keydown", G);
 		});
-		let H = t(() => o.path.join("/")), ie = t(() => T.value.length);
-		function U(e) {
-			return `o:${H.value}:${e}`;
+		let K = t(() => o.path.join("/")), ie = t(() => T.value.length);
+		function q(e) {
+			return `o:${K.value}:${e}`;
 		}
-		let W = t(() => `o:${H.value}:into`);
-		function G(e) {
+		let ae = t(() => `o:${K.value}:into`);
+		function oe(e) {
 			return {
 				"pb-outline-zone--active": p.isDragging.value && p.canDrop(o.path),
-				"pb-outline-zone--over": p.activeZoneKey.value === U(e)
+				"pb-outline-zone--over": p.activeZoneKey.value === q(e)
 			};
 		}
-		let K = t(() => p.isDragging.value && p.activeZoneKey.value === W.value);
-		function q(e) {
-			if (A.value) return;
+		let se = t(() => p.isDragging.value && p.activeZoneKey.value === ae.value);
+		function J(e) {
+			if (L.value) return;
 			let t = e.currentTarget?.closest(".pb-tree-row");
 			p.onHandlePointerDown(e, {
 				kind: "move",
 				path: [...o.path]
 			}, t);
 		}
-		function ae(e) {
+		function ce(e) {
 			e.target?.closest("button") || e.key !== "Enter" && e.key !== " " || (e.preventDefault(), l.select(o.path));
 		}
-		function oe() {
+		function le() {
 			return o.path.length > 0 && o.path[o.path.length - 1] > 0;
 		}
-		function se() {
+		function Y() {
 			if (o.path.length === 0) return !1;
 			let e = o.path.slice(0, -1), t = o.path[o.path.length - 1], n = l.schema.value;
 			for (let t of e) {
@@ -4126,95 +4133,95 @@ var Xn = [
 		return (t, o) => {
 			let u = C("BuilderOutlineNode", !0);
 			return v(), i("div", { class: m(["pb-tree-node", {
-				"pb-tree-node--selected": j.value,
-				"pb-tree-node--root": A.value
+				"pb-tree-node--selected": R.value,
+				"pb-tree-node--root": L.value
 			}]) }, [a("div", {
-				class: m(["pb-tree-row", { "pb-tree-row--dropinto": K.value }]),
+				class: m(["pb-tree-row", { "pb-tree-row--dropinto": se.value }]),
 				style: h({ paddingLeft: `${8 + n.depth * 16}px` }),
 				role: "treeitem",
 				"aria-level": n.depth + 1,
-				"aria-selected": j.value,
+				"aria-selected": R.value,
 				"aria-expanded": w.value ? !0 : void 0,
-				tabindex: j.value ? 0 : -1,
-				"data-dropzone": w.value ? W.value : void 0,
-				"data-pb-zone-path": w.value ? H.value : void 0,
+				tabindex: R.value ? 0 : -1,
+				"data-dropzone": w.value ? ae.value : void 0,
+				"data-pb-zone-path": w.value ? K.value : void 0,
 				"data-pb-zone-index": w.value ? ie.value : void 0,
-				onClick: o[4] ||= M((e) => O(l).select(n.path), ["stop"]),
-				onKeydown: ae
+				onClick: o[4] ||= N((e) => O(l).select(n.path), ["stop"]),
+				onKeydown: ce
 			}, [
-				A.value ? (v(), i("span", Zn)) : (v(), i("span", {
+				L.value ? (v(), i("span", Zn)) : (v(), i("span", {
 					key: 0,
 					class: "pb-tree-grip",
 					"aria-hidden": "true",
-					onPointerdown: M(q, ["stop"])
-				}, [c(O(R), {
+					onPointerdown: N(J, ["stop"])
+				}, [c(O(B), {
 					name: "grip-vertical",
 					size: "xs"
 				})], 32)),
-				a("span", Qn, [c(O(R), {
+				a("span", Qn, [c(O(B), {
 					name: D.value,
 					size: "s"
 				}, null, 8, ["name"])]),
-				a("span", $n, [a("span", er, E(re.value), 1), P.value ? (v(), i("span", tr, E(P.value), 1)) : r("", !0)]),
-				te.value ? (v(), i("span", {
+				a("span", $n, [a("span", er, E(z.value), 1), V.value ? (v(), i("span", tr, E(V.value), 1)) : r("", !0)]),
+				F.value ? (v(), i("span", {
 					key: 2,
-					class: m(["pb-tree-issue", `pb-tree-issue--${te.value}`]),
-					title: ne.value,
+					class: m(["pb-tree-issue", `pb-tree-issue--${F.value}`]),
+					title: I.value,
 					"aria-label": O(s)("coar.pageBuilder.outline.validationIssues", void 0, "Validation issues")
-				}, [c(O(R), {
-					name: te.value === "error" ? "circle-alert" : "triangle-alert",
+				}, [c(O(B), {
+					name: F.value === "error" ? "circle-alert" : "triangle-alert",
 					size: "s"
 				}, null, 8, ["name"])], 10, nr)) : r("", !0),
 				a("div", rr, [
-					A.value ? r("", !0) : (v(), i("button", {
+					L.value ? r("", !0) : (v(), i("button", {
 						key: 0,
 						type: "button",
 						class: "pb-tree-btn",
-						disabled: !oe(),
+						disabled: !le(),
 						title: O(s)("coar.pageBuilder.common.moveUp", void 0, "Move up"),
-						onClick: o[0] ||= M((e) => O(l).move(n.path, -1), ["stop"])
-					}, [c(O(R), {
+						onClick: o[0] ||= N((e) => O(l).move(n.path, -1), ["stop"])
+					}, [c(O(B), {
 						name: "chevron-up",
 						size: "s"
 					})], 8, ir)),
-					A.value ? r("", !0) : (v(), i("button", {
+					L.value ? r("", !0) : (v(), i("button", {
 						key: 1,
 						type: "button",
 						class: "pb-tree-btn",
-						disabled: !se(),
+						disabled: !Y(),
 						title: O(s)("coar.pageBuilder.common.moveDown", void 0, "Move down"),
-						onClick: o[1] ||= M((e) => O(l).move(n.path, 1), ["stop"])
-					}, [c(O(R), {
+						onClick: o[1] ||= N((e) => O(l).move(n.path, 1), ["stop"])
+					}, [c(O(B), {
 						name: "chevron-down",
 						size: "s"
 					})], 8, ar)),
-					A.value ? r("", !0) : (v(), i("button", {
+					L.value ? r("", !0) : (v(), i("button", {
 						key: 2,
 						type: "button",
 						class: "pb-tree-btn",
 						title: O(s)("coar.pageBuilder.common.duplicate", void 0, "Duplicate"),
-						onClick: o[2] ||= M((e) => O(l).duplicate(n.path), ["stop"])
-					}, [c(O(R), {
+						onClick: o[2] ||= N((e) => O(l).duplicate(n.path), ["stop"])
+					}, [c(O(B), {
 						name: "copy",
 						size: "s"
 					})], 8, or)),
-					A.value ? r("", !0) : (v(), i("button", {
+					L.value ? r("", !0) : (v(), i("button", {
 						key: 3,
 						type: "button",
 						class: "pb-tree-btn pb-tree-btn--danger",
 						title: O(s)("coar.pageBuilder.common.delete", void 0, "Delete"),
-						onClick: o[3] ||= M((e) => O(l).remove(n.path), ["stop"])
-					}, [c(O(R), {
+						onClick: o[3] ||= N((e) => O(l).remove(n.path), ["stop"])
+					}, [c(O(B), {
 						name: "trash-2",
 						size: "s"
 					})], 8, sr))
 				])
 			], 46, Xn), w.value ? (v(), i(e, { key: 0 }, [
 				(v(!0), i(e, null, x(T.value, (t, r) => (v(), i(e, { key: t.id }, [a("div", {
-					class: m(["pb-outline-zone", G(r)]),
+					class: m(["pb-outline-zone", oe(r)]),
 					style: h({ marginLeft: `${8 + (n.depth + 1) * 16}px` }),
-					"data-dropzone": U(r),
-					"data-pb-zone-path": H.value,
+					"data-dropzone": q(r),
+					"data-pb-zone-path": K.value,
 					"data-pb-zone-index": r,
 					"data-pb-zone-inflate": "6",
 					"aria-hidden": "true"
@@ -4229,60 +4236,75 @@ var Xn = [
 				])], 64))), 128)),
 				T.value.length > 0 ? (v(), i("div", {
 					key: 0,
-					class: m(["pb-outline-zone", G(T.value.length)]),
+					class: m(["pb-outline-zone", oe(T.value.length)]),
 					style: h({ marginLeft: `${8 + (n.depth + 1) * 16}px` }),
-					"data-dropzone": U(T.value.length),
-					"data-pb-zone-path": H.value,
+					"data-dropzone": q(T.value.length),
+					"data-pb-zone-path": K.value,
 					"data-pb-zone-index": T.value.length,
 					"data-pb-zone-inflate": "6",
 					"aria-hidden": "true"
 				}, null, 14, lr)) : r("", !0),
-				O(d)?.hideElementPicker === !0 ? r("", !0) : (v(), i("div", {
+				A.value.length > 0 || te.value.length > 0 || j.value && ee.value.length > 0 ? (v(), i("div", {
 					key: 1,
 					ref_key: "addMenuRoot",
-					ref: I,
+					ref: U,
 					class: "pb-tree-add",
 					style: h({ paddingLeft: `${8 + (n.depth + 1) * 16}px` })
 				}, [a("button", {
 					type: "button",
-					class: m(["pb-tree-add__trigger", { "pb-tree-add__trigger--open": F.value }]),
-					onClick: M(L, ["stop"])
-				}, [c(O(R), {
+					class: m(["pb-tree-add__trigger", { "pb-tree-add__trigger--open": H.value }]),
+					onClick: N(W, ["stop"])
+				}, [c(O(B), {
 					name: "plus",
 					size: "s"
-				}), a("span", null, E(O(s)("coar.pageBuilder.outline.addChild", void 0, "Add child")), 1)], 2), F.value ? (v(), i("div", ur, [
-					a("div", dr, E(O(s)("coar.pageBuilder.palette.containers", void 0, "Containers")), 1),
-					(v(!0), i(e, null, x(ee.value.filter((e) => e.group === "container"), (e) => (v(), i("button", {
+				}), a("span", null, E(O(s)("coar.pageBuilder.outline.addChild", void 0, "Add child")), 1)], 2), H.value ? (v(), i("div", ur, [
+					A.value.length > 0 ? (v(), i(e, { key: 0 }, [a("div", dr, E(O(s)("coar.pageBuilder.palette.containers", void 0, "Containers")), 1), (v(!0), i(e, null, x(A.value, (e) => (v(), i("button", {
 						key: e.type,
 						type: "button",
 						class: "pb-tree-add__item",
 						role: "menuitem",
-						onClick: M((t) => z(e.type), ["stop"])
-					}, [c(O(R), {
+						onClick: N((t) => ne(e.type), ["stop"])
+					}, [c(O(B), {
 						name: e.icon,
 						size: "s"
-					}, null, 8, ["name"]), a("span", null, E(e.label), 1)], 8, fr))), 128)),
-					o[5] ||= a("div", { class: "pb-tree-add__divider" }, null, -1),
-					a("div", pr, E(O(s)("coar.pageBuilder.palette.elements", void 0, "Elements")), 1),
-					(v(!0), i(e, null, x(ee.value.filter((e) => e.group === "element"), (e) => (v(), i("button", {
-						key: e.type,
-						type: "button",
-						class: "pb-tree-add__item",
-						role: "menuitem",
-						onClick: M((t) => z(e.type), ["stop"])
-					}, [c(O(R), {
-						name: e.icon,
-						size: "s"
-					}, null, 8, ["name"]), a("span", null, E(e.label), 1)], 8, mr))), 128))
-				])) : r("", !0)], 4))
+					}, null, 8, ["name"]), a("span", null, E(e.label), 1)], 8, fr))), 128))], 64)) : r("", !0),
+					j.value && ee.value.length > 0 ? (v(), i(e, { key: 1 }, [
+						A.value.length > 0 ? (v(), i("div", pr)) : r("", !0),
+						a("div", mr, E(O(s)("coar.pageBuilder.palette.inputs", void 0, "Inputs")), 1),
+						(v(!0), i(e, null, x(ee.value, (e) => (v(), i("button", {
+							key: e.type,
+							type: "button",
+							class: "pb-tree-add__item",
+							role: "menuitem",
+							onClick: N((t) => ne(e.type), ["stop"])
+						}, [c(O(B), {
+							name: e.icon,
+							size: "s"
+						}, null, 8, ["name"]), a("span", null, E(e.label), 1)], 8, hr))), 128))
+					], 64)) : r("", !0),
+					te.value.length > 0 ? (v(), i(e, { key: 2 }, [
+						A.value.length > 0 || j.value && ee.value.length > 0 ? (v(), i("div", gr)) : r("", !0),
+						a("div", _r, E(O(s)("coar.pageBuilder.palette.elements", void 0, "Elements")), 1),
+						(v(!0), i(e, null, x(te.value, (e) => (v(), i("button", {
+							key: e.type,
+							type: "button",
+							class: "pb-tree-add__item",
+							role: "menuitem",
+							onClick: N((t) => ne(e.type), ["stop"])
+						}, [c(O(B), {
+							name: e.icon,
+							size: "s"
+						}, null, 8, ["name"]), a("span", null, E(e.label), 1)], 8, vr))), 128))
+					], 64)) : r("", !0)
+				])) : r("", !0)], 4)) : r("", !0)
 			], 64)) : r("", !0)], 2);
 		};
 	}
-}), [["__scopeId", "data-v-40782a93"]]), gr = ["aria-label"], _r = /* @__PURE__ */ Q(/* @__PURE__ */ l({
+}), [["__scopeId", "data-v-bf63e38a"]]), br = ["aria-label"], xr = /* @__PURE__ */ Q(/* @__PURE__ */ l({
 	name: "BuilderOutline",
 	__name: "BuilderOutline",
 	setup(e) {
-		let { t } = N(), n = u(Rt), r = b(null);
+		let { t } = P(), n = u(Rt), r = b(null);
 		function a(e) {
 			if (![
 				"ArrowDown",
@@ -4302,30 +4324,30 @@ var Xn = [
 			role: "tree",
 			"aria-label": O(t)("coar.pageBuilder.outline.treeLabel", void 0, "Page structure"),
 			onKeydown: a
-		}, [c(hr, {
+		}, [c(yr, {
 			node: O(n).schema.value,
 			path: [],
 			depth: 0
-		}, null, 8, ["node"])], 40, gr));
+		}, null, 8, ["node"])], 40, br));
 	}
-}), [["__scopeId", "data-v-90246b78"]]), vr = ["title"], yr = { class: "canvas-node__tab-label" }, br = ["title"], xr = {
+}), [["__scopeId", "data-v-90246b78"]]), Sr = ["title"], Cr = { class: "canvas-node__tab-label" }, wr = ["title"], Tr = {
 	key: 0,
 	class: "canvas-node__blocked",
 	role: "note"
-}, Sr = ["title"], Cr = ["title"], wr = {
+}, Er = ["title"], Dr = ["title"], Or = {
 	key: 0,
 	class: "canvas-node__section-title"
-}, Tr = ["data-dropzone", "data-pb-zone-path"], Er = ["data-dropzone", "data-pb-zone-path"], Dr = [
+}, kr = ["data-dropzone", "data-pb-zone-path"], Ar = ["data-dropzone", "data-pb-zone-path"], jr = [
 	"data-dropzone",
 	"data-pb-zone-path",
 	"data-pb-zone-index"
-], Or = {
+], Mr = {
 	key: 4,
 	class: "canvas-node__preview"
-}, kr = {
+}, Nr = {
 	key: 1,
 	class: "canvas-node__generic-preview"
-}, Ar = Symbol("canvas-parent-direction"), jr = /* @__PURE__ */ Q(/* @__PURE__ */ l({
+}, Pr = Symbol("canvas-parent-direction"), Fr = /* @__PURE__ */ Q(/* @__PURE__ */ l({
 	name: "BuilderCanvasNode",
 	__name: "BuilderCanvasNode",
 	props: {
@@ -4333,41 +4355,41 @@ var Xn = [
 		path: {}
 	},
 	setup(o) {
-		let s = o, l = u(Rt), d = u(zt), f = Yn(), p = nn(d), { t: g } = N(), _ = t(() => s.node.type === "page" ? void 0 : p.value[s.node.type]);
+		let s = o, l = u(Rt), d = u(zt), f = Yn(), p = nn(d), { t: g } = P(), _ = t(() => s.node.type === "page" ? void 0 : p.value[s.node.type]);
 		function b(e) {
 			return d?.value?.assetResolver?.(e) ?? "";
 		}
 		let S = t(() => s.path.length === 0), T = t(() => s.path.join("/")), D = t(() => {
 			let e = f.payload.value;
 			return !e || e.kind !== "move" ? !1 : e.path.length === s.path.length && e.path.every((e, t) => e === s.path[t]);
-		}), ee = t(() => {
+		}), k = t(() => {
 			let e = l.selectedPath.value;
 			return e !== null && e.length === s.path.length && e.every((e, t) => e === s.path[t]);
-		}), k = t(() => {
+		}), A = t(() => {
 			let e = s.node;
 			return e.props?.text ? `${e.type} · ${String(e.props.text).slice(0, 24)}` : e.props?.label ? `${e.type} · ${String(e.props.label).slice(0, 24)}` : e.props?.title ? `${e.type} · ${String(e.props.title).slice(0, 24)}` : e.name ? `${e.type} · ${String(e.name)}` : e.type;
-		}), te = t(() => _.value?.builder?.icon ?? (s.node.type === "page" ? "file" : "circle-alert")), ne = t(() => s.node.visibleWhen), A = t(() => g("coar.pageBuilder.canvas.visibleWhen", { field: String(ne.value?.field ?? "") }, "Shown conditionally — depends on \"{field}\"")), j = t(() => s.node.type === "page" || _.value?.container === !0), re = t(() => j.value ? "container" : "element"), P = t(() => s.node.children ?? []), F = t(() => s.node.type !== "page" && !_.value), I = t(() => F.value || !ue(s.node.type, d?.value)), L = t(() => F.value ? g("coar.pageBuilder.canvas.unknownType", { type: String(s.node.type) }, "Unknown type \"{type}\" — skipped at runtime") : g("coar.pageBuilder.canvas.notAllowed", void 0, "Not in allowedElements — skipped at runtime")), z = t(() => {
+		}), ee = t(() => _.value?.builder?.icon ?? (s.node.type === "page" ? "file" : "circle-alert")), te = t(() => s.node.visibleWhen), j = t(() => g("coar.pageBuilder.canvas.visibleWhen", { field: String(te.value?.field ?? "") }, "Shown conditionally — depends on \"{field}\"")), M = t(() => s.node.type === "page" || _.value?.container === !0), F = t(() => M.value ? "container" : "element"), I = t(() => s.node.children ?? []), L = t(() => s.node.type !== "page" && !_.value), R = t(() => L.value || !ue(s.node.type, d?.value)), z = t(() => L.value ? g("coar.pageBuilder.canvas.unknownType", { type: String(s.node.type) }, "Unknown type \"{type}\" — skipped at runtime") : g("coar.pageBuilder.canvas.notAllowed", void 0, "Not in allowedElements — skipped at runtime")), V = t(() => {
 			let e = s.node;
 			return e.type === "stack" ? e.props.direction ?? "column" : "column";
-		}), B = u(Ar, void 0);
-		y(Ar, z);
-		let V = t(() => {
+		}), H = u(Pr, void 0);
+		y(Pr, V);
+		let U = t(() => {
 			let e = s.node;
-			if (!j.value) return {};
+			if (!M.value) return {};
 			let t = {
 				display: "flex",
-				flexDirection: z.value,
+				flexDirection: V.value,
 				...De(e.style)
 			};
 			return e.type !== "card" && e.style?.padding && (t.padding = e.style.padding), t;
-		}), H = t(() => Te(s.node.style, B?.value ?? "column"));
-		function ie(e) {
+		}), W = t(() => Te(s.node.style, H?.value ?? "column"));
+		function ne(e) {
 			e.stopPropagation(), l.select(s.path);
 		}
-		function U(e) {
+		function re(e) {
 			e.target === e.currentTarget && (e.key !== "Enter" && e.key !== " " || (e.preventDefault(), e.stopPropagation(), l.select(s.path)));
 		}
-		function W(e) {
+		function G(e) {
 			if (S.value) return;
 			let t = e.currentTarget?.closest(".canvas-node");
 			f.onHandlePointerDown(e, {
@@ -4375,144 +4397,145 @@ var Xn = [
 				path: [...s.path]
 			}, t);
 		}
-		function G(e) {
+		function K(e) {
 			return `${T.value}:${e}`;
 		}
-		function K(e) {
-			return f.activeZoneKey.value === G(e);
+		function ie(e) {
+			return f.activeZoneKey.value === K(e);
 		}
 		function q(e) {
 			let t = f.isDragging.value, n = f.canDrop(s.path);
 			return {
 				"canvas-dropzone--drag-active": t && n,
 				"canvas-dropzone--disabled": t && !n,
-				"canvas-dropzone--over": K(e)
+				"canvas-dropzone--over": ie(e)
 			};
 		}
 		return (t, s) => {
 			let u = C("BuilderCanvasNode", !0);
 			return v(), i("div", {
-				class: m(["canvas-node", [`canvas-node--${re.value}`, {
-					"canvas-node--selected": ee.value,
+				class: m(["canvas-node", [`canvas-node--${F.value}`, {
+					"canvas-node--selected": k.value,
 					"canvas-node--root": S.value,
 					"canvas-node--dragging": D.value,
-					"canvas-node--blocked": I.value
+					"canvas-node--blocked": R.value
 				}]]),
-				style: h(H.value),
+				style: h(W.value),
 				tabindex: "0",
-				onClick: ie,
-				onKeydown: U
+				onClick: ne,
+				onKeydown: re
 			}, [
 				a("span", {
 					class: m(["canvas-node__tab", { "canvas-node__tab--grabbable": !S.value }]),
-					title: k.value,
-					onPointerdown: W
+					title: A.value,
+					onPointerdown: G
 				}, [
-					c(O(R), {
-						name: te.value,
+					c(O(B), {
+						name: ee.value,
 						size: "xs"
 					}, null, 8, ["name"]),
-					a("span", yr, E(k.value), 1),
-					ne.value ? (v(), i("span", {
+					a("span", Cr, E(A.value), 1),
+					te.value ? (v(), i("span", {
 						key: 0,
 						class: "canvas-node__tab-eye",
-						title: A.value
-					}, [c(O(R), {
+						title: j.value
+					}, [c(O(B), {
 						name: "eye",
 						size: "xs"
-					})], 8, br)) : r("", !0)
-				], 42, vr),
-				I.value ? (v(), i("div", xr, [c(O(R), {
+					})], 8, wr)) : r("", !0)
+				], 42, Sr),
+				R.value ? (v(), i("div", Tr, [c(O(B), {
 					name: "circle-alert",
 					size: "xs"
-				}), a("span", null, E(L.value), 1)])) : r("", !0),
+				}), a("span", null, E(z.value), 1)])) : r("", !0),
 				S.value ? r("", !0) : (v(), i("button", {
 					key: 1,
 					type: "button",
 					class: "canvas-node__delete canvas-node__duplicate",
 					title: O(g)("coar.pageBuilder.common.duplicate", void 0, "Duplicate"),
-					onClick: s[0] ||= M((e) => O(l).duplicate(o.path), ["stop"])
-				}, [c(O(R), {
+					onClick: s[0] ||= N((e) => O(l).duplicate(o.path), ["stop"])
+				}, [c(O(B), {
 					name: "copy",
 					size: "xs"
-				})], 8, Sr)),
+				})], 8, Er)),
 				S.value ? r("", !0) : (v(), i("button", {
 					key: 2,
 					type: "button",
 					class: "canvas-node__delete",
 					title: O(g)("coar.pageBuilder.common.delete", void 0, "Delete"),
-					onClick: s[1] ||= M((e) => O(l).remove(o.path), ["stop"])
-				}, [c(O(R), {
+					onClick: s[1] ||= N((e) => O(l).remove(o.path), ["stop"])
+				}, [c(O(B), {
 					name: "x",
 					size: "xs"
-				})], 8, Cr)),
-				j.value ? (v(), i("div", {
+				})], 8, Dr)),
+				M.value ? (v(), i("div", {
 					key: 3,
-					class: m(["canvas-node__body", [`canvas-node__body--${o.node.type}`, `canvas-node__body--dir-${z.value}`]]),
-					style: h(V.value)
-				}, [o.node.type === "section" && o.node.props?.title ? (v(), i("div", wr, E(o.node.props.title), 1)) : r("", !0), P.value.length === 0 ? (v(), i("div", {
+					class: m(["canvas-node__body", [`canvas-node__body--${o.node.type}`, `canvas-node__body--dir-${V.value}`]]),
+					style: h(U.value)
+				}, [o.node.type === "section" && o.node.props?.title ? (v(), i("div", Or, E(o.node.props.title), 1)) : r("", !0), I.value.length === 0 ? (v(), i("div", {
 					key: 1,
 					class: m(["canvas-dropzone canvas-dropzone--empty", q(0)]),
-					"data-dropzone": G(0),
+					"data-dropzone": K(0),
 					"data-pb-zone-path": T.value,
 					"data-pb-zone-index": 0
-				}, E(O(g)("coar.pageBuilder.canvas.emptyContainer", { type: o.node.type }, "Empty {type} — drop something here")), 11, Tr)) : (v(), i(e, { key: 2 }, [a("div", {
-					class: m(["canvas-dropzone", [`canvas-dropzone--${z.value}`, q(0)]]),
-					"data-dropzone": G(0),
+				}, E(O(g)("coar.pageBuilder.canvas.emptyContainer", { type: o.node.type }, "Empty {type} — drop something here")), 11, kr)) : (v(), i(e, { key: 2 }, [a("div", {
+					class: m(["canvas-dropzone", [`canvas-dropzone--${V.value}`, q(0)]]),
+					"data-dropzone": K(0),
 					"data-pb-zone-path": T.value,
 					"data-pb-zone-index": 0,
 					"data-pb-zone-inflate": "8",
 					"aria-hidden": "true"
-				}, null, 10, Er), (v(!0), i(e, null, x(P.value, (t, n) => (v(), i(e, { key: t.id }, [c(u, {
+				}, null, 10, Ar), (v(!0), i(e, null, x(I.value, (t, n) => (v(), i(e, { key: t.id }, [c(u, {
 					node: t,
 					path: [...o.path, n]
 				}, null, 8, ["node", "path"]), a("div", {
-					class: m(["canvas-dropzone", [`canvas-dropzone--${z.value}`, q(n + 1)]]),
-					"data-dropzone": G(n + 1),
+					class: m(["canvas-dropzone", [`canvas-dropzone--${V.value}`, q(n + 1)]]),
+					"data-dropzone": K(n + 1),
 					"data-pb-zone-path": T.value,
 					"data-pb-zone-index": n + 1,
 					"data-pb-zone-inflate": "8",
 					"aria-hidden": "true"
-				}, null, 10, Dr)], 64))), 128))], 64))], 6)) : (v(), i("div", Or, [_.value?.builder?.preview ? (v(), n(w(_.value.builder.preview), {
+				}, null, 10, jr)], 64))), 128))], 64))], 6)) : (v(), i("div", Mr, [_.value?.builder?.preview ? (v(), n(w(_.value.builder.preview), {
 					key: 0,
 					node: o.node,
 					"resolve-asset": b
-				}, null, 8, ["node"])) : _.value ? (v(), i("div", kr, [c(O(R), {
+				}, null, 8, ["node"])) : _.value ? (v(), i("div", Nr, [c(O(B), {
 					name: _.value.builder?.icon ?? "puzzle",
 					size: "s"
-				}, null, 8, ["name"]), a("span", null, E(k.value), 1)])) : r("", !0)]))
+				}, null, 8, ["name"]), a("span", null, E(A.value), 1)])) : r("", !0)]))
 			], 38);
 		};
 	}
-}), [["__scopeId", "data-v-765f4f97"]]), Mr = { class: "pb-canvas-shell" }, Nr = { class: "pb-palette" }, Pr = {
+}), [["__scopeId", "data-v-765f4f97"]]), Ir = { class: "pb-canvas-shell" }, Lr = { class: "pb-palette" }, Rr = {
 	key: 0,
 	class: "pb-palette__group"
-}, Fr = { class: "pb-palette__label" }, Ir = ["title", "onPointerdown"], Lr = {
-	key: 1,
-	class: "pb-palette__divider"
-}, Rr = {
-	key: 2,
-	class: "pb-palette__group"
 }, zr = { class: "pb-palette__label" }, Br = ["title", "onPointerdown"], Vr = {
 	key: 0,
 	class: "pb-palette__divider"
-}, Hr = { class: "pb-palette__group" }, Ur = { class: "pb-palette__label" }, Wr = [
+}, Hr = { class: "pb-palette__group" }, Ur = { class: "pb-palette__label" }, Wr = ["title", "onPointerdown"], Gr = {
+	key: 0,
+	class: "pb-palette__divider"
+}, Kr = { class: "pb-palette__group" }, qr = { class: "pb-palette__label" }, Jr = ["title", "onPointerdown"], Yr = {
+	key: 0,
+	class: "pb-palette__divider"
+}, Xr = { class: "pb-palette__group" }, Zr = { class: "pb-palette__label" }, Qr = [
 	"disabled",
 	"title",
 	"onPointerdown"
-], Gr = {
+], $r = {
 	key: 0,
 	class: "pb-palette__field-required",
 	"aria-hidden": "true"
-}, Kr = /* @__PURE__ */ Q(/* @__PURE__ */ l({
+}, ei = /* @__PURE__ */ Q(/* @__PURE__ */ l({
 	name: "BuilderCanvas",
 	__name: "BuilderCanvas",
 	setup(n) {
-		let o = u(Rt), s = u(zt), l = Yn(), d = nn(s), { t: f } = N(), p = t(() => Object.entries(d.value).filter(([e, t]) => t.builder && ue(e, s?.value)).map(([e, t]) => ({
+		let o = u(Rt), s = u(zt), l = Yn(), d = nn(s), { t: f } = P(), p = t(() => Object.entries(d.value).filter(([e, t]) => t.builder && ue(e, s?.value)).map(([e, t]) => ({
 			type: e,
 			label: f(t.builder.label.key, void 0, t.builder.label.fallback),
 			icon: t.builder.icon ?? "circle-alert",
-			group: t.builder.group ?? "element"
+			group: t.builder.group ?? "element",
+			hasValue: !!t.value
 		})));
 		function h(e) {
 			let t = l.payload.value;
@@ -4543,12 +4566,12 @@ var Xn = [
 			bound: y.value.has(e.name),
 			icon: _[e.valueType] ?? "circle-alert",
 			label: e.label ?? e.name
-		}))), S = t(() => s?.value?.hideElementPicker !== !0);
-		function C(e) {
+		}))), S = t(() => s?.value?.hideElementPicker !== !0), C = t(() => p.value.filter((e) => e.group === "container")), w = t(() => p.value.filter((e) => e.group === "element" && e.hasValue)), T = t(() => p.value.filter((e) => e.group === "element" && !e.hasValue));
+		function D(e) {
 			let t = l.payload.value;
 			return !!(t && t.kind === "new" && t.bind?.name === e);
 		}
-		function w(e, t) {
+		function k(e, t) {
 			t.bound || !t.elementType || l.onHandlePointerDown(e, {
 				kind: "new",
 				type: t.elementType,
@@ -4559,55 +4582,64 @@ var Xn = [
 				}
 			});
 		}
-		function T() {
+		function A() {
 			o.select([]);
 		}
-		return (t, n) => (v(), i("div", Mr, [a("div", Nr, [
-			S.value ? (v(), i("div", Pr, [a("span", Fr, E(O(f)("coar.pageBuilder.palette.containers", void 0, "Containers")), 1), (v(!0), i(e, null, x(p.value.filter((e) => e.group === "container"), (e) => (v(), i("button", {
+		return (t, n) => (v(), i("div", Ir, [a("div", Lr, [
+			C.value.length > 0 ? (v(), i("div", Rr, [a("span", zr, E(O(f)("coar.pageBuilder.palette.containers", void 0, "Containers")), 1), (v(!0), i(e, null, x(C.value, (e) => (v(), i("button", {
 				key: e.type,
 				type: "button",
 				class: m(["pb-palette__card pb-palette__card--container", { "pb-palette__card--dragging": h(e.type) }]),
 				title: O(f)("coar.pageBuilder.palette.dragToAdd", { label: e.label }, "Drag to add {label}"),
 				onPointerdown: (t) => g(t, e.type)
-			}, [c(O(R), {
+			}, [c(O(B), {
 				name: e.icon,
 				size: "s"
-			}, null, 8, ["name"]), a("span", null, E(e.label), 1)], 42, Ir))), 128))])) : r("", !0),
-			S.value ? (v(), i("div", Lr)) : r("", !0),
-			S.value ? (v(), i("div", Rr, [a("span", zr, E(O(f)("coar.pageBuilder.palette.elements", void 0, "Elements")), 1), (v(!0), i(e, null, x(p.value.filter((e) => e.group === "element"), (e) => (v(), i("button", {
+			}, null, 8, ["name"]), a("span", null, E(e.label), 1)], 42, Br))), 128))])) : r("", !0),
+			S.value && w.value.length > 0 ? (v(), i(e, { key: 1 }, [C.value.length > 0 ? (v(), i("div", Vr)) : r("", !0), a("div", Hr, [a("span", Ur, E(O(f)("coar.pageBuilder.palette.inputs", void 0, "Inputs")), 1), (v(!0), i(e, null, x(w.value, (e) => (v(), i("button", {
 				key: e.type,
 				type: "button",
 				class: m(["pb-palette__card pb-palette__card--element", { "pb-palette__card--dragging": h(e.type) }]),
 				title: O(f)("coar.pageBuilder.palette.dragToAdd", { label: e.label }, "Drag to add {label}"),
 				onPointerdown: (t) => g(t, e.type)
-			}, [c(O(R), {
+			}, [c(O(B), {
 				name: e.icon,
 				size: "s"
-			}, null, 8, ["name"]), a("span", null, E(e.label), 1)], 42, Br))), 128))])) : r("", !0),
-			b.value.length > 0 ? (v(), i(e, { key: 3 }, [S.value ? (v(), i("div", Vr)) : r("", !0), a("div", Hr, [a("span", Ur, E(O(f)("coar.pageBuilder.palette.fields", void 0, "Fields")), 1), (v(!0), i(e, null, x(b.value, (e) => (v(), i("button", {
+			}, null, 8, ["name"]), a("span", null, E(e.label), 1)], 42, Wr))), 128))])], 64)) : r("", !0),
+			T.value.length > 0 ? (v(), i(e, { key: 2 }, [C.value.length > 0 || S.value && w.value.length > 0 ? (v(), i("div", Gr)) : r("", !0), a("div", Kr, [a("span", qr, E(O(f)("coar.pageBuilder.palette.elements", void 0, "Elements")), 1), (v(!0), i(e, null, x(T.value, (e) => (v(), i("button", {
+				key: e.type,
+				type: "button",
+				class: m(["pb-palette__card pb-palette__card--element", { "pb-palette__card--dragging": h(e.type) }]),
+				title: O(f)("coar.pageBuilder.palette.dragToAdd", { label: e.label }, "Drag to add {label}"),
+				onPointerdown: (t) => g(t, e.type)
+			}, [c(O(B), {
+				name: e.icon,
+				size: "s"
+			}, null, 8, ["name"]), a("span", null, E(e.label), 1)], 42, Jr))), 128))])], 64)) : r("", !0),
+			b.value.length > 0 ? (v(), i(e, { key: 3 }, [C.value.length > 0 || T.value.length > 0 || S.value && w.value.length > 0 ? (v(), i("div", Yr)) : r("", !0), a("div", Xr, [a("span", Zr, E(O(f)("coar.pageBuilder.palette.fields", void 0, "Fields")), 1), (v(!0), i(e, null, x(b.value, (e) => (v(), i("button", {
 				key: e.field.name,
 				type: "button",
-				class: m(["pb-palette__card pb-palette__card--field", { "pb-palette__card--dragging": C(e.field.name) }]),
+				class: m(["pb-palette__card pb-palette__card--field", { "pb-palette__card--dragging": D(e.field.name) }]),
 				disabled: e.bound || !e.elementType,
 				title: e.bound ? O(f)("coar.pageBuilder.palette.fieldBound", void 0, "Already on the page") : e.elementType ? O(f)("coar.pageBuilder.palette.dragToAdd", { label: e.label }, "Drag to add {label}") : O(f)("coar.pageBuilder.palette.fieldNoElement", void 0, "No compatible element available"),
-				onPointerdown: (t) => w(t, e)
+				onPointerdown: (t) => k(t, e)
 			}, [
-				c(O(R), {
+				c(O(B), {
 					name: e.icon,
 					size: "s"
 				}, null, 8, ["name"]),
 				a("span", null, E(e.label), 1),
-				e.field.required ? (v(), i("span", Gr, "*")) : r("", !0)
-			], 42, Wr))), 128))])], 64)) : r("", !0)
+				e.field.required ? (v(), i("span", $r, "*")) : r("", !0)
+			], 42, Qr))), 128))])], 64)) : r("", !0)
 		]), a("div", {
 			class: m(["pb-canvas", { "pb-canvas--dragging": O(l).isDragging.value }]),
-			onClick: M(T, ["self"])
-		}, [c(jr, {
+			onClick: N(A, ["self"])
+		}, [c(Fr, {
 			node: O(o).schema.value,
 			path: []
 		}, null, 8, ["node"])], 2)]));
 	}
-}), [["__scopeId", "data-v-d3516672"]]), qr = /* @__PURE__ */ l({
+}), [["__scopeId", "data-v-8a414058"]]), ti = /* @__PURE__ */ l({
 	__name: "StyleProps",
 	props: {
 		node: {},
@@ -4615,7 +4647,7 @@ var Xn = [
 		container: { type: Boolean }
 	},
 	setup(a) {
-		let o = a, { t: s } = N(), l = t(() => o.node.style ?? {}), u = t(() => l.value.size ?? (l.value.width ? "fixed" : "")), d = t(() => u.value === "fixed"), f = t(() => [
+		let o = a, { t: s } = P(), l = t(() => o.node.style ?? {}), u = t(() => l.value.size ?? (l.value.width ? "fixed" : "")), d = t(() => u.value === "fixed"), f = t(() => [
 			{
 				value: "",
 				label: s("coar.pageBuilder.props.inherit", void 0, "— inherit")
@@ -4689,76 +4721,76 @@ var Xn = [
 			});
 		}
 		return (t, a) => (v(), i(e, null, [
-			o.container ? (v(), n(O(L), {
+			o.container ? (v(), n(O(z), {
 				key: 0,
 				label: O(s)("coar.pageBuilder.props.gap", void 0, "Gap")
 			}, {
-				default: A(() => [c(O(J), {
+				default: j(() => [c(O(J), {
 					"model-value": l.value.gap ?? "",
 					placeholder: "e.g. 8px",
 					"onUpdate:modelValue": a[0] ||= (e) => o.patchStyle({ gap: e || void 0 })
 				}, null, 8, ["model-value"])]),
 				_: 1
 			}, 8, ["label"])) : r("", !0),
-			o.container ? (v(), n(O(L), {
+			o.container ? (v(), n(O(z), {
 				key: 1,
 				label: O(s)("coar.pageBuilder.props.justify", void 0, "Justify (main axis)")
 			}, {
-				default: A(() => [c(O(q), {
+				default: j(() => [c(O(q), {
 					"model-value": l.value.justify ?? "",
 					options: f.value,
 					"onUpdate:modelValue": a[1] ||= (e) => o.patchStyle({ justify: e || void 0 })
 				}, null, 8, ["model-value", "options"])]),
 				_: 1
 			}, 8, ["label"])) : r("", !0),
-			o.container ? (v(), n(O(L), {
+			o.container ? (v(), n(O(z), {
 				key: 2,
 				label: O(s)("coar.pageBuilder.props.alignItems", void 0, "Align items (cross axis)")
 			}, {
-				default: A(() => [c(O(q), {
+				default: j(() => [c(O(q), {
 					"model-value": l.value.align ?? "",
 					options: p.value,
 					"onUpdate:modelValue": a[2] ||= (e) => o.patchStyle({ align: e || void 0 })
 				}, null, 8, ["model-value", "options"])]),
 				_: 1
 			}, 8, ["label"])) : r("", !0),
-			c(O(L), { label: O(s)("coar.pageBuilder.props.alignSelf", void 0, "Align self") }, {
-				default: A(() => [c(O(q), {
+			c(O(z), { label: O(s)("coar.pageBuilder.props.alignSelf", void 0, "Align self") }, {
+				default: j(() => [c(O(q), {
 					"model-value": l.value.alignSelf ?? "",
 					options: p.value,
 					"onUpdate:modelValue": a[3] ||= (e) => o.patchStyle({ alignSelf: e || void 0 })
 				}, null, 8, ["model-value", "options"])]),
 				_: 1
 			}, 8, ["label"]),
-			c(O(L), { label: O(s)("coar.pageBuilder.props.size", void 0, "Size") }, {
-				default: A(() => [c(O(q), {
+			c(O(z), { label: O(s)("coar.pageBuilder.props.size", void 0, "Size") }, {
+				default: j(() => [c(O(q), {
 					"model-value": u.value,
 					options: m.value,
 					"onUpdate:modelValue": a[4] ||= (e) => h(e)
 				}, null, 8, ["model-value", "options"])]),
 				_: 1
 			}, 8, ["label"]),
-			d.value ? (v(), n(O(L), {
+			d.value ? (v(), n(O(z), {
 				key: 3,
 				label: O(s)("coar.pageBuilder.props.width", void 0, "Width")
 			}, {
-				default: A(() => [c(O(J), {
+				default: j(() => [c(O(J), {
 					"model-value": l.value.width ?? "",
 					placeholder: "e.g. 380px, 50%",
 					"onUpdate:modelValue": a[5] ||= (e) => o.patchStyle({ width: e || void 0 })
 				}, null, 8, ["model-value"])]),
 				_: 1
 			}, 8, ["label"])) : r("", !0),
-			c(O(L), { label: O(s)("coar.pageBuilder.props.minHeight", void 0, "Min height") }, {
-				default: A(() => [c(O(J), {
+			c(O(z), { label: O(s)("coar.pageBuilder.props.minHeight", void 0, "Min height") }, {
+				default: j(() => [c(O(J), {
 					"model-value": l.value.minHeight ?? "",
 					placeholder: "e.g. 100vh, 400px",
 					"onUpdate:modelValue": a[6] ||= (e) => o.patchStyle({ minHeight: e || void 0 })
 				}, null, 8, ["model-value"])]),
 				_: 1
 			}, 8, ["label"]),
-			c(O(L), { label: O(s)("coar.pageBuilder.props.padding", void 0, "Padding") }, {
-				default: A(() => [c(O(J), {
+			c(O(z), { label: O(s)("coar.pageBuilder.props.padding", void 0, "Padding") }, {
+				default: j(() => [c(O(J), {
 					"model-value": l.value.padding ?? "",
 					placeholder: "e.g. 16px",
 					"onUpdate:modelValue": a[7] ||= (e) => o.patchStyle({ padding: e || void 0 })
@@ -4767,64 +4799,64 @@ var Xn = [
 			}, 8, ["label"])
 		], 64));
 	}
-}), Jr = { class: "pb-props" }, Yr = { class: "pb-props__header" }, Xr = { class: "pb-props__title" }, Zr = {
+}), ni = { class: "pb-props" }, ri = { class: "pb-props__header" }, ii = { class: "pb-props__title" }, ai = {
 	key: 0,
 	class: "pb-props__empty"
-}, Qr = { class: "pb-props__empty-title" }, $r = { class: "pb-props__empty-hint" }, ei = {
+}, oi = { class: "pb-props__empty-title" }, si = { class: "pb-props__empty-hint" }, ci = {
 	key: 1,
 	class: "pb-props__body"
-}, ti = {
+}, li = {
 	key: 0,
 	class: "pb-props__issues"
-}, ni = {
+}, ui = {
 	key: 1,
 	class: "pb-props__section"
-}, ri = { class: "pb-props__section-title" }, ii = {
+}, di = { class: "pb-props__section-title" }, fi = {
 	key: 2,
 	class: "pb-props__section"
-}, ai = { class: "pb-props__section-title" }, oi = { class: "pb-props__section-title" }, si = { class: "pb-props__section-title" }, ci = {
+}, pi = { class: "pb-props__section-title" }, mi = { class: "pb-props__section-title" }, hi = { class: "pb-props__section-title" }, gi = {
 	key: 0,
 	class: "pb-props__hint"
-}, li = {
+}, _i = {
 	key: 1,
 	class: "pb-props__hint"
-}, ui = { class: "pb-props__section-title" }, di = /* @__PURE__ */ Q(/* @__PURE__ */ l({
+}, vi = { class: "pb-props__section-title" }, yi = /* @__PURE__ */ Q(/* @__PURE__ */ l({
 	name: "BuilderPropsPanel",
 	__name: "BuilderPropsPanel",
 	setup(o) {
-		let { t: s } = N(), l = u(Rt), d = u(zt), f = u(Bt), p = nn(d), h = t(() => l.selectedNode.value), g = t(() => l.selectedPath.value ?? []), _ = t(() => h.value ? p.value[h.value.type] : void 0), y = t(() => h.value && _.value?.value ? h.value : null), b = t(() => _.value?.builder?.inspector), S = t(() => _.value?.builder?.defaultValueInput), C = t(() => {
+		let { t: s } = P(), l = u(Rt), d = u(zt), f = u(Bt), p = nn(d), h = t(() => l.selectedNode.value), g = t(() => l.selectedPath.value ?? []), _ = t(() => h.value ? p.value[h.value.type] : void 0), y = t(() => h.value && _.value?.value ? h.value : null), b = t(() => _.value?.builder?.inspector), S = t(() => _.value?.builder?.defaultValueInput), C = t(() => {
 			let e = _.value?.builder;
 			if (!e) return "";
 			let t = e.inspectorTitle ?? e.label;
 			return s(t.key, void 0, t.fallback);
-		}), T = t(() => h.value?.type === "page" || _.value?.container === !0), D = t(() => h.value?.type === "page" ? h.value : null), ee = t(() => h.value ? f?.byNodeId.value.get(h.value.id) ?? [] : []);
-		function k(e) {
+		}), T = t(() => h.value?.type === "page" || _.value?.container === !0), D = t(() => h.value?.type === "page" ? h.value : null), k = t(() => h.value ? f?.byNodeId.value.get(h.value.id) ?? [] : []);
+		function A(e) {
 			g.value && l.patch(g.value, e);
 		}
-		function te(e) {
-			h.value && k({ style: {
+		function ee(e) {
+			h.value && A({ style: {
 				...h.value.style ?? {},
 				...e
 			} });
 		}
-		function ne(e) {
+		function te(e) {
 			let t = { ...y.value?.validation };
-			e ? t.required = !0 : delete t.required, k({ validation: Object.keys(t).length > 0 ? t : void 0 });
+			e ? t.required = !0 : delete t.required, A({ validation: Object.keys(t).length > 0 ? t : void 0 });
 		}
-		let j = t(() => d?.value?.fields), M = t(() => (j.value?.length ?? 0) > 0), re = t(() => d?.value?.allowCustomFields === !0), P = t(() => {
-			if (!j.value || !_.value) return [];
-			let e = Dn(_.value, j.value).map((e) => ({
+		let M = t(() => d?.value?.fields), N = t(() => (M.value?.length ?? 0) > 0), F = t(() => d?.value?.allowCustomFields === !0), I = t(() => {
+			if (!M.value || !_.value) return [];
+			let e = Dn(_.value, M.value).map((e) => ({
 				value: e.name,
 				label: e.label ? `${e.label} (${e.name})` : e.name
 			})), t = y.value?.name;
-			return t && !j.value.some((e) => e.name === t) && e.unshift({
+			return t && !M.value.some((e) => e.name === t) && e.unshift({
 				value: t,
 				label: `${t} (custom)`
 			}), e;
-		}), I = t(() => {
+		}), R = t(() => {
 			let e = h.value;
 			if (!e || !_.value?.value) return [];
-			let t = j.value?.find((e) => e.name === y.value?.name), n;
+			let t = M.value?.find((e) => e.name === y.value?.name), n;
 			if (t) n = On(p.value, t.valueType);
 			else {
 				let e = _.value.value.types;
@@ -4838,18 +4870,18 @@ var Xn = [
 				let t = p.value[e].builder;
 				return {
 					value: e,
-					label: z(t.label.key, t.label.fallback)
+					label: V(t.label.key, t.label.fallback)
 				};
 			});
 		});
-		function z(e, t) {
+		function V(e, t) {
 			return s(e, void 0, t);
 		}
-		function B(e) {
+		function H(e) {
 			!e || !h.value || e === h.value.type || l.convertTo(g.value, e);
 		}
-		let V = t(() => !!h.value && h.value.type !== "page"), H = t(() => h.value?.visibleWhen), ie = t(() => Array.isArray(H.value?.in));
-		function U(e) {
+		let U = t(() => !!h.value && h.value.type !== "page"), W = t(() => h.value?.visibleWhen), ne = t(() => Array.isArray(W.value?.in));
+		function re(e) {
 			let t = null, n = (r) => {
 				if (!t) {
 					if ((r.type === "page" ? void 0 : p.value[r.type])?.value && r.name === e) {
@@ -4861,16 +4893,16 @@ var Xn = [
 			};
 			return n(l.schema.value), t;
 		}
-		function W(e) {
+		function G(e) {
 			if (!e) return "string";
-			let t = j.value?.find((t) => t.name === e.name)?.valueType;
+			let t = M.value?.find((t) => t.name === e.name)?.valueType;
 			if (t === "boolean") return "boolean";
 			if (t === "number") return "number";
 			if (t) return "string";
 			let n = p.value[e.type]?.value?.types;
 			return n?.length === 1 && n[0] === "boolean" ? "boolean" : n?.length === 1 && n[0] === "number" ? "number" : "string";
 		}
-		let G = t(() => {
+		let K = t(() => {
 			let e = [], t = (n) => {
 				let r = n.type === "page" ? void 0 : p.value[n.type], i = n.name;
 				r?.value && typeof i == "string" && i && n.id !== h.value?.id && !r.value.types?.includes("string[]") && !e.some((e) => e.value === i) && e.push({
@@ -4879,20 +4911,20 @@ var Xn = [
 				}), "children" in n && Array.isArray(n.children) && n.children.forEach(t);
 			};
 			t(l.schema.value);
-			let n = H.value?.field;
+			let n = W.value?.field;
 			return n && !e.some((e) => e.value === n) && e.push({
 				value: n,
-				label: U(n) ? n : `${n} (?)`
+				label: re(n) ? n : `${n} (?)`
 			}), e;
-		}), K = t(() => H.value?.field ? U(H.value.field) : null), ae = t(() => {
-			let e = K.value;
+		}), ie = t(() => W.value?.field ? re(W.value.field) : null), ae = t(() => {
+			let e = ie.value;
 			if (!e) return !1;
-			let t = j.value?.find((t) => t.name === e.name)?.valueType;
+			let t = M.value?.find((t) => t.name === e.name)?.valueType;
 			return t ? t === "string[]" : !!p.value[e.type]?.value?.types?.includes("string[]");
 		}), oe = t(() => {
-			let e = K.value;
+			let e = ie.value;
 			if (!e) return null;
-			if (W(e) === "boolean") return [{
+			if (G(e) === "boolean") return [{
 				value: "true",
 				label: s("coar.pageBuilder.props.checked", void 0, "checked")
 			}, {
@@ -4905,11 +4937,11 @@ var Xn = [
 				label: e.label || e.value
 			})) : null;
 		}), se = t(() => {
-			let e = H.value?.equals;
+			let e = W.value?.equals;
 			return typeof e == "boolean" ? e ? "true" : "false" : e == null ? "" : String(e);
 		});
 		function ce(e, t) {
-			let n = W(t);
+			let n = G(t);
 			if (n === "boolean") return e === "true";
 			if (n === "number") {
 				let t = Number(e);
@@ -4919,28 +4951,28 @@ var Xn = [
 		}
 		function le(e) {
 			if (!e) {
-				k({ visibleWhen: void 0 });
+				A({ visibleWhen: void 0 });
 				return;
 			}
-			let t = U(e);
-			k({ visibleWhen: {
+			let t = re(e);
+			A({ visibleWhen: {
 				field: e,
-				equals: W(t) === "boolean" ? !0 : (t?.props)?.options?.[0]?.value ?? ""
+				equals: G(t) === "boolean" ? !0 : (t?.props)?.options?.[0]?.value ?? ""
 			} });
 		}
 		function Y(e) {
-			let t = H.value;
-			t && k({ visibleWhen: {
+			let t = W.value;
+			t && A({ visibleWhen: {
 				field: t.field,
-				equals: ce(e, K.value)
+				equals: ce(e, ie.value)
 			} });
 		}
 		function X(e) {
 			if (!e) {
-				k({ name: void 0 });
+				A({ name: void 0 });
 				return;
 			}
-			let t = { name: e }, n = j.value?.find((t) => t.name === e);
+			let t = { name: e }, n = M.value?.find((t) => t.name === e);
 			if (n) {
 				let e = _.value?.builder?.defaults(), r = y.value?.props?.label;
 				n.label && e && "label" in e && (r === void 0 || r === e.label) && (t.props = { label: n.label }), n.required && !y.value?.validation?.required && (t.validation = {
@@ -4948,31 +4980,31 @@ var Xn = [
 					required: !0
 				});
 			}
-			k(t);
+			A(t);
 		}
-		return (t, o) => (v(), i("aside", Jr, [a("header", Yr, [c(O(R), {
+		return (t, o) => (v(), i("aside", ni, [a("header", ri, [c(O(B), {
 			name: "settings",
 			size: "s"
-		}), a("span", Xr, E(O(s)("coar.pageBuilder.props.panelTitle", void 0, "Properties")), 1)]), h.value ? (v(), i("div", ei, [
-			ee.value.length > 0 ? (v(), i("ul", ti, [(v(!0), i(e, null, x(ee.value, (e, t) => (v(), i("li", {
+		}), a("span", ii, E(O(s)("coar.pageBuilder.props.panelTitle", void 0, "Properties")), 1)]), h.value ? (v(), i("div", ci, [
+			k.value.length > 0 ? (v(), i("ul", li, [(v(!0), i(e, null, x(k.value, (e, t) => (v(), i("li", {
 				key: t,
 				class: m(["pb-props__issue", `pb-props__issue--${e.severity}`])
-			}, [c(O(R), {
+			}, [c(O(B), {
 				name: e.severity === "error" ? "circle-alert" : "triangle-alert",
 				size: "s"
 			}, null, 8, ["name"]), a("span", null, E(e.message), 1)], 2))), 128))])) : r("", !0),
-			D.value ? (v(), i("section", ni, [a("h4", ri, E(O(s)("coar.pageBuilder.props.section.page", void 0, "Page")), 1), c(O(F), {
+			D.value ? (v(), i("section", ui, [a("h4", di, E(O(s)("coar.pageBuilder.props.section.page", void 0, "Page")), 1), c(O(L), {
 				"model-value": !!D.value.enterSubmits,
 				label: O(s)("coar.pageBuilder.props.enterSubmits", void 0, "Enter submits (fires the default button)"),
-				"onUpdate:modelValue": o[0] ||= (e) => k({ enterSubmits: e || void 0 })
+				"onUpdate:modelValue": o[0] ||= (e) => A({ enterSubmits: e || void 0 })
 			}, null, 8, ["model-value", "label"])])) : r("", !0),
-			y.value ? (v(), i("section", ii, [
-				a("h4", ai, E(O(s)("coar.pageBuilder.props.section.field", void 0, "Field")), 1),
-				c(O(L), { label: O(s)("coar.pageBuilder.props.fieldName", void 0, "Field name") }, {
-					default: A(() => [M.value ? (v(), n(O(q), {
+			y.value ? (v(), i("section", fi, [
+				a("h4", pi, E(O(s)("coar.pageBuilder.props.section.field", void 0, "Field")), 1),
+				c(O(z), { label: O(s)("coar.pageBuilder.props.fieldName", void 0, "Field name") }, {
+					default: j(() => [N.value ? (v(), n(O(q), {
 						key: 0,
 						"model-value": y.value.name ?? null,
-						options: P.value,
+						options: I.value,
 						clearable: "",
 						placeholder: O(s)("coar.pageBuilder.props.fieldUnbound", void 0, "Not bound"),
 						"onUpdate:modelValue": o[1] ||= (e) => X(e)
@@ -4983,46 +5015,46 @@ var Xn = [
 					])) : (v(), n(O(J), {
 						key: 1,
 						"model-value": y.value.name ?? "",
-						"onUpdate:modelValue": o[2] ||= (e) => k({ name: e })
+						"onUpdate:modelValue": o[2] ||= (e) => A({ name: e })
 					}, null, 8, ["model-value"]))]),
 					_: 1
 				}, 8, ["label"]),
-				M.value && re.value ? (v(), n(O(L), {
+				N.value && F.value ? (v(), n(O(z), {
 					key: 0,
 					label: O(s)("coar.pageBuilder.props.customFieldName", void 0, "Custom name")
 				}, {
-					default: A(() => [c(O(J), {
+					default: j(() => [c(O(J), {
 						"model-value": y.value.name ?? "",
-						"onUpdate:modelValue": o[3] ||= (e) => k({ name: e })
+						"onUpdate:modelValue": o[3] ||= (e) => A({ name: e })
 					}, null, 8, ["model-value"])]),
 					_: 1
 				}, 8, ["label"])) : r("", !0),
-				I.value.length > 0 ? (v(), n(O(L), {
+				R.value.length > 0 ? (v(), n(O(z), {
 					key: 1,
 					label: O(s)("coar.pageBuilder.props.elementType", void 0, "Element")
 				}, {
-					default: A(() => [c(O(q), {
+					default: j(() => [c(O(q), {
 						"model-value": h.value.type,
-						options: I.value,
-						"onUpdate:modelValue": o[4] ||= (e) => B(e)
+						options: R.value,
+						"onUpdate:modelValue": o[4] ||= (e) => H(e)
 					}, null, 8, ["model-value", "options"])]),
 					_: 1
 				}, 8, ["label"])) : r("", !0),
-				c(O(F), {
+				c(O(L), {
 					"model-value": !!y.value.validation?.required,
 					label: O(s)("coar.pageBuilder.props.required", void 0, "Required"),
-					"onUpdate:modelValue": ne
+					"onUpdate:modelValue": te
 				}, null, 8, ["model-value", "label"]),
-				c(O(L), { label: O(s)("coar.pageBuilder.props.defaultValue", void 0, "Default value") }, {
-					default: A(() => [S.value ? (v(), n(w(S.value), {
+				c(O(z), { label: O(s)("coar.pageBuilder.props.defaultValue", void 0, "Default value") }, {
+					default: j(() => [S.value ? (v(), n(w(S.value), {
 						key: 0,
 						"model-value": y.value.defaultValue,
 						props: y.value.props,
-						"onUpdate:modelValue": o[5] ||= (e) => k({ defaultValue: e ?? void 0 })
+						"onUpdate:modelValue": o[5] ||= (e) => A({ defaultValue: e ?? void 0 })
 					}, null, 8, ["model-value", "props"])) : (v(), n(O(J), {
 						key: 1,
 						"model-value": String(y.value.defaultValue ?? ""),
-						"onUpdate:modelValue": o[6] ||= (e) => k({ defaultValue: e || void 0 })
+						"onUpdate:modelValue": o[6] ||= (e) => A({ defaultValue: e || void 0 })
 					}, null, 8, ["model-value"]))]),
 					_: 1
 				}, 8, ["label"])
@@ -5030,19 +5062,19 @@ var Xn = [
 			b.value ? (v(), i("section", {
 				key: 3,
 				class: m(["pb-props__section", { "pb-props__section--separated": !!y.value }])
-			}, [a("h4", oi, E(C.value), 1), (v(), n(w(b.value), {
+			}, [a("h4", mi, E(C.value), 1), (v(), n(w(b.value), {
 				node: h.value,
-				patch: k
+				patch: A
 			}, null, 8, ["node"]))], 2)) : r("", !0),
-			V.value ? (v(), i("section", {
+			U.value ? (v(), i("section", {
 				key: 4,
 				class: m(["pb-props__section", { "pb-props__section--separated": !!b.value || !!y.value }])
 			}, [
-				a("h4", si, E(O(s)("coar.pageBuilder.props.section.visibility", void 0, "Visibility")), 1),
-				c(O(L), { label: O(s)("coar.pageBuilder.props.visibleWhenField", void 0, "Visible when") }, {
-					default: A(() => [c(O(q), {
-						"model-value": H.value?.field ?? null,
-						options: G.value,
+				a("h4", hi, E(O(s)("coar.pageBuilder.props.section.visibility", void 0, "Visibility")), 1),
+				c(O(z), { label: O(s)("coar.pageBuilder.props.visibleWhenField", void 0, "Visible when") }, {
+					default: j(() => [c(O(q), {
+						"model-value": W.value?.field ?? null,
+						options: K.value,
 						clearable: "",
 						placeholder: O(s)("coar.pageBuilder.props.alwaysVisible", void 0, "Always visible"),
 						"onUpdate:modelValue": o[7] ||= (e) => le(e)
@@ -5053,11 +5085,11 @@ var Xn = [
 					])]),
 					_: 1
 				}, 8, ["label"]),
-				ie.value ? (v(), i("p", ci, E(O(s)("coar.pageBuilder.props.visibleWhenIn", void 0, "Multi-value condition (in) — edit it in the JSON tab.")), 1)) : H.value && ae.value ? (v(), i("p", li, E(O(s)("coar.pageBuilder.props.visibleWhenArray", void 0, "\"equals\" cannot match a multi-value field — author this condition in the JSON tab.")), 1)) : H.value ? (v(), n(O(L), {
+				ne.value ? (v(), i("p", gi, E(O(s)("coar.pageBuilder.props.visibleWhenIn", void 0, "Multi-value condition (in) — edit it in the JSON tab.")), 1)) : W.value && ae.value ? (v(), i("p", _i, E(O(s)("coar.pageBuilder.props.visibleWhenArray", void 0, "\"equals\" cannot match a multi-value field — author this condition in the JSON tab.")), 1)) : W.value ? (v(), n(O(z), {
 					key: 2,
 					label: O(s)("coar.pageBuilder.props.visibleWhenEquals", void 0, "equals")
 				}, {
-					default: A(() => [oe.value ? (v(), n(O(q), {
+					default: j(() => [oe.value ? (v(), n(O(q), {
 						key: 0,
 						"model-value": se.value,
 						options: oe.value,
@@ -5072,28 +5104,28 @@ var Xn = [
 			], 2)) : r("", !0),
 			_.value?.builder?.hideStyleSection ? r("", !0) : (v(), i("section", {
 				key: 5,
-				class: m(["pb-props__section", { "pb-props__section--separated": !!b.value || !!y.value || !!D.value || V.value }])
-			}, [a("h4", ui, E(O(s)("coar.pageBuilder.props.section.style", void 0, "Style")), 1), c(qr, {
+				class: m(["pb-props__section", { "pb-props__section--separated": !!b.value || !!y.value || !!D.value || U.value }])
+			}, [a("h4", vi, E(O(s)("coar.pageBuilder.props.section.style", void 0, "Style")), 1), c(ti, {
 				node: h.value,
 				container: T.value,
-				"patch-style": te
+				"patch-style": ee
 			}, null, 8, ["node", "container"])], 2))
-		])) : (v(), i("div", Zr, [
-			c(O(R), {
+		])) : (v(), i("div", ai, [
+			c(O(B), {
 				name: "settings",
 				size: "l"
 			}),
-			a("p", Qr, E(O(s)("coar.pageBuilder.props.emptyTitle", void 0, "No node selected")), 1),
-			a("p", $r, E(O(s)("coar.pageBuilder.props.emptyHint", void 0, "Click a node in the outline or canvas to edit it.")), 1)
+			a("p", oi, E(O(s)("coar.pageBuilder.props.emptyTitle", void 0, "No node selected")), 1),
+			a("p", si, E(O(s)("coar.pageBuilder.props.emptyHint", void 0, "Click a node in the outline or canvas to edit it.")), 1)
 		]))]));
 	}
-}), [["__scopeId", "data-v-3bcb1779"]]), fi = { class: "pb-builder__pane-header" }, pi = { class: "pb-builder__pane-title" }, mi = ["title"], hi = { class: "pb-builder__tree-scroll" }, gi = ["title"], _i = { class: "pb-builder__pane pb-builder__pane--center" }, vi = ["disabled", "title"], yi = ["disabled", "title"], bi = { class: "pb-builder__tab-label" }, xi = { class: "pb-builder__tab-label" }, Si = { class: "pb-builder__preview-pane" }, Ci = { class: "pb-builder__preview-toolbar" }, wi = ["aria-label"], Ti = ["aria-checked", "title"], Ei = ["aria-checked", "title"], Di = ["aria-checked", "title"], Oi = { class: "pb-builder__preview" }, ki = { class: "pb-builder__tab-label" }, Ai = { class: "pb-builder__json-pane" }, ji = { class: "pb-builder__json-toolbar" }, Mi = { class: "pb-builder__json-hint" }, Ni = {
+}), [["__scopeId", "data-v-3bcb1779"]]), bi = { class: "pb-builder__pane-header" }, xi = { class: "pb-builder__pane-title" }, Si = ["title"], Ci = { class: "pb-builder__tree-scroll" }, wi = ["title"], Ti = { class: "pb-builder__pane pb-builder__pane--center" }, Ei = ["disabled", "title"], Di = ["disabled", "title"], Oi = { class: "pb-builder__tab-label" }, ki = { class: "pb-builder__tab-label" }, Ai = { class: "pb-builder__preview-pane" }, ji = { class: "pb-builder__preview-toolbar" }, Mi = ["aria-label"], Ni = ["aria-checked", "title"], Pi = ["aria-checked", "title"], Fi = ["aria-checked", "title"], Ii = { class: "pb-builder__preview" }, Li = { class: "pb-builder__tab-label" }, Ri = { class: "pb-builder__json-pane" }, zi = { class: "pb-builder__json-toolbar" }, Bi = { class: "pb-builder__json-hint" }, Vi = {
 	key: 0,
 	class: "pb-builder__json-error"
-}, Pi = {
+}, Hi = {
 	key: 1,
 	class: "pb-builder__json-warning"
-}, Fi = ["disabled"], Ii = ["value"], Li = ["title"], Ri = ["title"], zi = 260, Bi = 180, Vi = 280, Hi = 220, Ui = 360, Wi = 36, Gi = /* @__PURE__ */ Q(/* @__PURE__ */ l({
+}, Ui = ["disabled"], Wi = ["value"], Gi = ["title"], Ki = ["title"], qi = 260, Ji = 180, Yi = 280, Xi = 220, Zi = 360, Qi = 36, $i = /* @__PURE__ */ Q(/* @__PURE__ */ l({
 	__name: "CoarPageBuilder",
 	props: /* @__PURE__ */ f({ config: {} }, {
 		modelValue: { required: !1 },
@@ -5101,11 +5133,11 @@ var Xn = [
 	}),
 	emits: ["update:modelValue"],
 	setup(n) {
-		ee((e) => ({
-			v1af739b7: L.value,
-			v18f237ee: z.value
+		k((e) => ({
+			v1af739b7: z.value,
+			v18f237ee: V.value
 		}));
-		let { t: o } = N(), l = k(n, "modelValue"), u = n;
+		let { t: o } = P(), l = A(n, "modelValue"), u = n;
 		function d(e) {
 			let { schema: t, issues: n } = gn(e, { elements: x.value });
 			return n.length > 0 && `${n.map((e) => `${e.path}: ${e.message}`).join(" · ")}`, t;
@@ -5124,37 +5156,37 @@ var Xn = [
 			elements: x,
 			config: f
 		});
-		te(S.schema, (e) => {
+		ee(S.schema, (e) => {
 			D(l.value) !== e && (l.value = e);
-		}, { immediate: !0 }), te(l, (e) => {
+		}, { immediate: !0 }), ee(l, (e) => {
 			if (e == null) return;
 			let t = D(e);
 			t !== D(S.schema.value) && S.replaceSchema(d(t));
 		});
 		let C = jn(S.schema, f);
 		Jn(S), y(Rt, S), y(zt, f), y(Bt, C);
-		let w = b("editor"), T = b("full"), ne = {
+		let w = b("editor"), T = b("full"), te = {
 			tablet: 768,
 			mobile: 375
-		}, j = t(() => T.value === "full" ? {} : {
-			maxWidth: `${ne[T.value]}px`,
+		}, M = t(() => T.value === "full" ? {} : {
+			maxWidth: `${te[T.value]}px`,
 			width: "100%",
 			margin: "0 auto"
-		}), M = b(zi), re = b(Vi), P = b(!1), F = b(!1), I = b(null), L = b(`${zi}px`), z = b(`${Vi}px`);
-		te([P, M], () => {
-			L.value = P.value ? `${Wi}px` : `${M.value}px`;
-		}), te([F, re], () => {
-			z.value = F.value ? `${Wi}px` : `${re.value}px`;
+		}), N = b(qi), F = b(Yi), I = b(!1), L = b(!1), R = b(null), z = b(`${qi}px`), V = b(`${Yi}px`);
+		ee([I, N], () => {
+			z.value = I.value ? `${Qi}px` : `${N.value}px`;
+		}), ee([L, F], () => {
+			V.value = L.value ? `${Qi}px` : `${F.value}px`;
 		});
-		let B = b(null);
-		function V(e) {
+		let H = b(null);
+		function U(e) {
 			let t = e;
 			if (!t) return !1;
 			let n = t.tagName;
 			return n === "INPUT" || n === "TEXTAREA" || n === "SELECT" || t.isContentEditable;
 		}
-		function H(e) {
-			if (!B.value?.contains(document.activeElement) || V(e.target)) return;
+		function W(e) {
+			if (!H.value?.contains(document.activeElement) || U(e.target)) return;
 			let t = e.ctrlKey || e.metaKey;
 			if (t && (e.key === "z" || e.key === "Z")) {
 				e.preventDefault(), e.shiftKey ? S.redo() : S.undo();
@@ -5167,38 +5199,38 @@ var Xn = [
 			if (e.key !== "Delete" && e.key !== "Backspace") return;
 			let n = S.selectedPath.value;
 			!n || n.length === 0 || (e.preventDefault(), S.remove(n), p(() => {
-				B.value && !B.value.contains(document.activeElement) && B.value.focus({ preventScroll: !0 });
+				H.value && !H.value.contains(document.activeElement) && H.value.focus({ preventScroll: !0 });
 			}));
 		}
-		function ie() {
-			B.value && (B.value.contains(document.activeElement) || B.value.focus({ preventScroll: !0 }));
+		function ne() {
+			H.value && (H.value.contains(document.activeElement) || H.value.focus({ preventScroll: !0 }));
 		}
-		_(() => window.addEventListener("keydown", H)), g(() => window.removeEventListener("keydown", H));
-		function U(e, t) {
-			if (e === "outline" && P.value || e === "props" && F.value) return;
-			t.preventDefault(), I.value = e;
-			let n = t.clientX, r = M.value, i = re.value;
+		_(() => window.addEventListener("keydown", W)), g(() => window.removeEventListener("keydown", W));
+		function re(e, t) {
+			if (e === "outline" && I.value || e === "props" && L.value) return;
+			t.preventDefault(), R.value = e;
+			let n = t.clientX, r = N.value, i = F.value;
 			function a(t) {
-				let a = B.value?.getBoundingClientRect().width ?? 0;
+				let a = H.value?.getBoundingClientRect().width ?? 0;
 				if (!a) return;
-				let o = a - (e === "outline" ? F.value ? Wi : re.value : P.value ? Wi : M.value) - Ui - 2, s = t.clientX - n;
-				e === "outline" ? M.value = Math.min(Math.max(r + s, Bi), Math.max(Bi, o)) : re.value = Math.min(Math.max(i - s, Hi), Math.max(Hi, o));
+				let o = a - (e === "outline" ? L.value ? Qi : F.value : I.value ? Qi : N.value) - Zi - 2, s = t.clientX - n;
+				e === "outline" ? N.value = Math.min(Math.max(r + s, Ji), Math.max(Ji, o)) : F.value = Math.min(Math.max(i - s, Xi), Math.max(Xi, o));
 			}
 			function o() {
-				I.value = null, window.removeEventListener("pointermove", a), window.removeEventListener("pointerup", o), window.removeEventListener("pointercancel", o);
+				R.value = null, window.removeEventListener("pointermove", a), window.removeEventListener("pointerup", o), window.removeEventListener("pointercancel", o);
 			}
 			window.addEventListener("pointermove", a), window.addEventListener("pointerup", o), window.addEventListener("pointercancel", o);
 		}
-		let W = b(JSON.stringify(S.schema.value, null, 2)), G = b(""), K = b(""), q = !1;
-		te(S.schema, (e) => {
-			q || (W.value = JSON.stringify(e, null, 2));
+		let G = b(JSON.stringify(S.schema.value, null, 2)), K = b(""), ie = b(""), q = !1;
+		ee(S.schema, (e) => {
+			q || (G.value = JSON.stringify(e, null, 2));
 		}, { deep: !1 });
 		function ae(e) {
-			q = !0, K.value = "", W.value = e.target.value;
+			q = !0, ie.value = "", G.value = e.target.value;
 			try {
-				JSON.parse(W.value), G.value = "";
+				JSON.parse(G.value), K.value = "";
 			} catch {
-				G.value = "Invalid JSON";
+				K.value = "Invalid JSON";
 			}
 		}
 		function J() {
@@ -5211,98 +5243,98 @@ var Xn = [
 		function le() {
 			let e;
 			try {
-				e = JSON.parse(W.value);
+				e = JSON.parse(G.value);
 			} catch (e) {
-				G.value = e instanceof Error ? e.message : "Invalid JSON";
+				K.value = e instanceof Error ? e.message : "Invalid JSON";
 				return;
 			}
 			let { schema: t, issues: n } = gn(e, { elements: x.value }), r = n.filter((e) => e.severity === "error");
 			if (r.length > 0) {
-				G.value = ce(r);
+				K.value = ce(r);
 				return;
 			}
-			S.replaceSchema(t), G.value = "", K.value = n.length > 0 ? ce(n) : "", n.length === 0 && (w.value = "editor");
+			S.replaceSchema(t), K.value = "", ie.value = n.length > 0 ? ce(n) : "", n.length === 0 && (w.value = "editor");
 		}
 		return (t, l) => (v(), i("div", {
 			ref_key: "rootRef",
-			ref: B,
+			ref: H,
 			class: m(["pb-builder", {
-				"pb-builder--outline-collapsed": P.value,
-				"pb-builder--props-collapsed": F.value,
-				"pb-builder--resizing": I.value !== null
+				"pb-builder--outline-collapsed": I.value,
+				"pb-builder--props-collapsed": L.value,
+				"pb-builder--resizing": R.value !== null
 			}]),
 			tabindex: "-1",
-			onPointerdown: ie
+			onPointerdown: ne
 		}, [
-			a("section", { class: m(["pb-builder__pane pb-builder__pane--tree", { "pb-builder__pane--rail": P.value }]) }, [P.value ? (v(), i("button", {
+			a("section", { class: m(["pb-builder__pane pb-builder__pane--tree", { "pb-builder__pane--rail": I.value }]) }, [I.value ? (v(), i("button", {
 				key: 1,
 				type: "button",
 				class: "pb-builder__rail-btn",
 				title: O(o)("coar.pageBuilder.chrome.expandOutline", void 0, "Expand outline"),
-				onClick: l[1] ||= (e) => P.value = !1
-			}, [c(O(R), {
+				onClick: l[1] ||= (e) => I.value = !1
+			}, [c(O(B), {
 				name: "chevrons-right",
 				size: "s"
-			})], 8, gi)) : (v(), i(e, { key: 0 }, [a("header", fi, [
-				c(O(R), {
+			})], 8, wi)) : (v(), i(e, { key: 0 }, [a("header", bi, [
+				c(O(B), {
 					name: "list",
 					size: "s"
 				}),
-				a("span", pi, E(O(o)("coar.pageBuilder.chrome.outline", void 0, "Outline")), 1),
+				a("span", xi, E(O(o)("coar.pageBuilder.chrome.outline", void 0, "Outline")), 1),
 				a("button", {
 					type: "button",
 					class: "pb-builder__icon-btn",
 					title: O(o)("coar.pageBuilder.chrome.collapseOutline", void 0, "Collapse outline"),
-					onClick: l[0] ||= (e) => P.value = !0
-				}, [c(O(R), {
+					onClick: l[0] ||= (e) => I.value = !0
+				}, [c(O(B), {
 					name: "chevrons-left",
 					size: "s"
-				})], 8, mi)
-			]), a("div", hi, [c(_r)])], 64))], 2),
+				})], 8, Si)
+			]), a("div", Ci, [c(xr)])], 64))], 2),
 			a("div", {
-				class: m(["pb-builder__divider", { "pb-builder__divider--inert": P.value }]),
+				class: m(["pb-builder__divider", { "pb-builder__divider--inert": I.value }]),
 				role: "separator",
-				onPointerdown: l[2] ||= (e) => U("outline", e)
+				onPointerdown: l[2] ||= (e) => re("outline", e)
 			}, null, 34),
-			a("section", _i, [c(O(se), {
+			a("section", Ti, [c(O(se), {
 				modelValue: w.value,
 				"onUpdate:modelValue": l[8] ||= (e) => w.value = e,
 				class: "pb-builder__tabs"
 			}, {
-				actions: A(() => [a("button", {
+				actions: j(() => [a("button", {
 					type: "button",
 					class: "pb-builder__icon-btn",
 					disabled: !O(S).canUndo.value,
 					title: O(o)("coar.pageBuilder.chrome.undo", void 0, "Undo (Ctrl+Z)"),
 					onClick: l[3] ||= (e) => O(S).undo()
-				}, [c(O(R), {
+				}, [c(O(B), {
 					name: "undo-2",
 					size: "s"
-				})], 8, vi), a("button", {
+				})], 8, Ei), a("button", {
 					type: "button",
 					class: "pb-builder__icon-btn",
 					disabled: !O(S).canRedo.value,
 					title: O(o)("coar.pageBuilder.chrome.redo", void 0, "Redo (Ctrl+Y)"),
 					onClick: l[4] ||= (e) => O(S).redo()
-				}, [c(O(R), {
+				}, [c(O(B), {
 					name: "redo-2",
 					size: "s"
-				})], 8, yi)]),
-				default: A(() => [
+				})], 8, Di)]),
+				default: j(() => [
 					c(O(oe), { id: "editor" }, {
-						default: A(() => [a("span", bi, [c(O(R), {
+						default: j(() => [a("span", Oi, [c(O(B), {
 							name: "pencil",
 							size: "s"
 						}), s(" " + E(O(o)("coar.pageBuilder.chrome.tabEditor", void 0, "Editor")), 1)])]),
-						content: A(() => [c(Kr)]),
+						content: j(() => [c(ei)]),
 						_: 1
 					}),
 					c(O(oe), { id: "preview" }, {
-						default: A(() => [a("span", xi, [c(O(R), {
+						default: j(() => [a("span", ki, [c(O(B), {
 							name: "eye",
 							size: "s"
 						}), s(" " + E(O(o)("coar.pageBuilder.chrome.tabPreview", void 0, "Preview")), 1)])]),
-						content: A(() => [a("div", Si, [a("div", Ci, [a("div", {
+						content: j(() => [a("div", Ai, [a("div", ji, [a("div", {
 							class: "pb-builder__seg",
 							role: "radiogroup",
 							"aria-label": O(o)("coar.pageBuilder.chrome.previewWidth", void 0, "Preview width")
@@ -5314,7 +5346,7 @@ var Xn = [
 								"aria-checked": T.value === "full",
 								title: O(o)("coar.pageBuilder.chrome.previewFullTitle", void 0, "Full width"),
 								onClick: l[5] ||= (e) => T.value = "full"
-							}, E(O(o)("coar.pageBuilder.chrome.previewDesktop", void 0, "Desktop")), 11, Ti),
+							}, E(O(o)("coar.pageBuilder.chrome.previewDesktop", void 0, "Desktop")), 11, Ni),
 							a("button", {
 								type: "button",
 								class: m(["pb-builder__seg-btn", { "pb-builder__seg-btn--active": T.value === "tablet" }]),
@@ -5322,7 +5354,7 @@ var Xn = [
 								"aria-checked": T.value === "tablet",
 								title: O(o)("coar.pageBuilder.chrome.previewTabletTitle", void 0, "768px"),
 								onClick: l[6] ||= (e) => T.value = "tablet"
-							}, E(O(o)("coar.pageBuilder.chrome.previewTablet", void 0, "Tablet · 768")), 11, Ei),
+							}, E(O(o)("coar.pageBuilder.chrome.previewTablet", void 0, "Tablet · 768")), 11, Pi),
 							a("button", {
 								type: "button",
 								class: m(["pb-builder__seg-btn", { "pb-builder__seg-btn--active": T.value === "mobile" }]),
@@ -5330,10 +5362,10 @@ var Xn = [
 								"aria-checked": T.value === "mobile",
 								title: O(o)("coar.pageBuilder.chrome.previewMobileTitle", void 0, "375px"),
 								onClick: l[7] ||= (e) => T.value = "mobile"
-							}, E(O(o)("coar.pageBuilder.chrome.previewMobile", void 0, "Mobile · 375")), 11, Di)
-						], 8, wi)]), a("div", Oi, [a("div", {
+							}, E(O(o)("coar.pageBuilder.chrome.previewMobile", void 0, "Mobile · 375")), 11, Fi)
+						], 8, Mi)]), a("div", Ii, [a("div", {
 							class: "pb-builder__preview-frame",
-							style: h(j.value)
+							style: h(M.value)
 						}, [c(Cn, {
 							schema: O(S).schema.value,
 							config: n.config
@@ -5341,55 +5373,55 @@ var Xn = [
 						_: 1
 					}),
 					c(O(oe), { id: "json" }, {
-						default: A(() => [a("span", ki, [c(O(R), {
+						default: j(() => [a("span", Li, [c(O(B), {
 							name: "code",
 							size: "s"
 						}), s(" " + E(O(o)("coar.pageBuilder.chrome.tabJson", void 0, "JSON")), 1)])]),
-						content: A(() => [a("div", Ai, [a("div", ji, [
-							a("span", Mi, E(O(o)("coar.pageBuilder.chrome.jsonHint", void 0, "Paste or edit JSON, then click Apply")), 1),
-							G.value ? (v(), i("span", Ni, E(G.value), 1)) : K.value ? (v(), i("span", Pi, E(K.value), 1)) : r("", !0),
+						content: j(() => [a("div", Ri, [a("div", zi, [
+							a("span", Bi, E(O(o)("coar.pageBuilder.chrome.jsonHint", void 0, "Paste or edit JSON, then click Apply")), 1),
+							K.value ? (v(), i("span", Vi, E(K.value), 1)) : ie.value ? (v(), i("span", Hi, E(ie.value), 1)) : r("", !0),
 							a("button", {
 								class: "pb-builder__json-apply",
-								disabled: !!G.value,
+								disabled: !!K.value,
 								onClick: le
-							}, E(O(o)("coar.pageBuilder.chrome.jsonApply", void 0, "Apply →")), 9, Fi)
+							}, E(O(o)("coar.pageBuilder.chrome.jsonApply", void 0, "Apply →")), 9, Ui)
 						]), a("textarea", {
 							class: "pb-builder__json-editor",
-							value: W.value,
+							value: G.value,
 							spellcheck: "false",
 							onInput: ae,
 							onBlur: J
-						}, null, 40, Ii)])]),
+						}, null, 40, Wi)])]),
 						_: 1
 					})
 				]),
 				_: 1
 			}, 8, ["modelValue"])]),
 			a("div", {
-				class: m(["pb-builder__divider", { "pb-builder__divider--inert": F.value }]),
+				class: m(["pb-builder__divider", { "pb-builder__divider--inert": L.value }]),
 				role: "separator",
-				onPointerdown: l[9] ||= (e) => U("props", e)
+				onPointerdown: l[9] ||= (e) => re("props", e)
 			}, null, 34),
-			a("section", { class: m(["pb-builder__pane pb-builder__pane--props", { "pb-builder__pane--rail": F.value }]) }, [F.value ? (v(), i("button", {
+			a("section", { class: m(["pb-builder__pane pb-builder__pane--props", { "pb-builder__pane--rail": L.value }]) }, [L.value ? (v(), i("button", {
 				key: 1,
 				type: "button",
 				class: "pb-builder__rail-btn",
 				title: O(o)("coar.pageBuilder.chrome.expandProperties", void 0, "Expand properties"),
-				onClick: l[11] ||= (e) => F.value = !1
-			}, [c(O(R), {
+				onClick: l[11] ||= (e) => L.value = !1
+			}, [c(O(B), {
 				name: "chevrons-left",
 				size: "s"
-			})], 8, Ri)) : (v(), i(e, { key: 0 }, [a("button", {
+			})], 8, Ki)) : (v(), i(e, { key: 0 }, [a("button", {
 				type: "button",
 				class: "pb-builder__icon-btn pb-builder__icon-btn--corner",
 				title: O(o)("coar.pageBuilder.chrome.collapseProperties", void 0, "Collapse properties"),
-				onClick: l[10] ||= (e) => F.value = !0
-			}, [c(O(R), {
+				onClick: l[10] ||= (e) => L.value = !0
+			}, [c(O(B), {
 				name: "chevrons-right",
 				size: "s"
-			})], 8, Li), c(di, { class: "pb-builder__pane-inner" })], 64))], 2)
+			})], 8, Gi), c(yi, { class: "pb-builder__pane-inner" })], 64))], 2)
 		], 34));
 	}
 }), [["__scopeId", "data-v-a92ce3d0"]]);
 //#endregion
-export { Gi as CoarPageBuilder, Cn as CoarPageRenderer, Se as ELEMENT_KEY_PATTERN, st as FORM_ERROR_KEY, pn as KNOWN_ELEMENT_TYPES, Et as OptionsEditor, Ce as PAGE_ELEMENTS_KEY, On as compatibleElementTypes, Dn as compatibleFields, An as defaultElementForField, kn as defineFields, Z as definePageElement, le as isContainerNode, ue as isElementAllowed, En as isFieldCompatible, we as mergeElementRegistries, mn as migrateLegacyTypes, on as migrateV1PropsBag, gn as normalizePageSchema, $ as usePageElement, vt as useResolvedOptions };
+export { $i as CoarPageBuilder, Cn as CoarPageRenderer, Se as ELEMENT_KEY_PATTERN, st as FORM_ERROR_KEY, pn as KNOWN_ELEMENT_TYPES, Et as OptionsEditor, Ce as PAGE_ELEMENTS_KEY, On as compatibleElementTypes, Dn as compatibleFields, An as defaultElementForField, kn as defineFields, Z as definePageElement, le as isContainerNode, ue as isElementAllowed, En as isFieldCompatible, we as mergeElementRegistries, mn as migrateLegacyTypes, on as migrateV1PropsBag, gn as normalizePageSchema, $ as usePageElement, vt as useResolvedOptions };