@ditojs/admin 3.1.0 → 3.1.1

package/dist/dito-admin.es.js

@@ -1,4 +1,4 @@
-import { Comment as e, Fragment as t, Teleport as n, Transition as r, TransitionGroup as i, computed as a, createApp as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createTextVNode as d, createVNode as f, defineComponent as p, effectScope as m, guardReactiveProps as h, h as g, isRef as ee, markRaw as te, mergeProps as _, nextTick as ne, normalizeClass as v, normalizeProps as re, normalizeStyle as y, openBlock as b, reactive as ie, renderList as x, renderSlot as S, resolveComponent as C, resolveDirective as ae, resolveDynamicComponent as w, shallowRef as oe, toDisplayString as T, toRaw as se, toValue as ce, useSlots as le, vModelCheckbox as ue, vModelDynamic as de, vModelRadio as fe, vModelSelect as pe, vModelText as me, vShow as E, watch as D, withCtx as O, withDirectives as k, withKeys as he, withModifiers as A } from "vue";
+import { Comment as e, Fragment as t, Teleport as n, Transition as r, TransitionGroup as i, computed as a, createApp as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createTextVNode as d, createVNode as f, defineComponent as p, effectScope as m, guardReactiveProps as h, h as g, isRef as _, markRaw as ee, mergeProps as v, nextTick as te, normalizeClass as y, normalizeProps as ne, normalizeStyle as b, openBlock as x, reactive as re, renderList as S, renderSlot as C, resolveComponent as w, resolveDirective as ie, resolveDynamicComponent as T, shallowRef as ae, toDisplayString as E, toRaw as oe, toValue as se, useSlots as ce, vModelCheckbox as le, vModelDynamic as ue, vModelRadio as de, vModelSelect as fe, vModelText as pe, vShow as D, watch as me, withCtx as O, withDirectives as k, withKeys as he, withModifiers as A } from "vue";
 import { RouterView as ge, createRouter as _e, createWebHistory as ve } from "vue-router";
 import ye from "@kyvg/vue3-notification";
 import { asArray as j, assignDeeply as be, camelize as xe, capitalize as Se, clone as M, debounce as Ce, debounceAsync as we, defaultFormats as Te, deindent as Ee, equals as N, escapeHtml as De, format as Oe, formatPlainDate as ke, getCommonPrefix as Ae, getValueAtDataPath as je, hyphenate as Me, isAbsoluteUrl as Ne, isArray as P, isBoolean as Pe, isCreditCard as Fe, isDate as Ie, isDomain as Le, isEmail as Re, isFunction as F, isHostname as ze, isInteger as Be, isModule as Ve, isNumber as I, isObject as L, isPlainObject as He, isPromise as Ue, isRegExp as We, isString as R, isUrl as Ge, labelize as z, mapConcurrently as Ke, normalizeDataPath as B, parseDataPath as V, parsePlainDate as qe, pickBy as Je, stripHtml as Ye } from "@ditojs/utils";
@@ -61,7 +61,7 @@ function Ht(e = "") {
 }
 //#endregion
 //#region src/appState.js
-var Ut = ie({
+var Ut = re({
 	title: "",
 	routeComponents: [],
 	user: null,
@@ -247,7 +247,7 @@ function Ln(e) {
 //#region src/DitoContext.js
 var { hasOwnProperty: Rn } = Object.prototype, zn = /* @__PURE__ */ new WeakMap();
 function Bn(e) {
-	let t = se(e), n = t, r;
+	let t = oe(e), n = t, r;
 	do {
 		if (r = zn.get(n), r) break;
 		n = Object.getPrototypeOf(n);
@@ -519,7 +519,7 @@ var G = class e {
 	}
 }, Un = /* @__PURE__ */ new WeakMap(), Wn = 0;
 function Gn(e, t = null) {
-	let n = se(e), r = Un.get(n);
+	let n = oe(e), r = Un.get(n);
 	return !r && e && (r = t?.(e) || `@${++Wn}`, Un.set(n, r)), r;
 }
 //#endregion
@@ -665,7 +665,7 @@ function ar(e, t, n) {
 		};
 		else return {};
 	}
-	return a ||= { default: i }, Object.fromEntries(Object.entries(a).map(([e, r]) => (t && F(r.components) && (r = ie({
+	return a ||= { default: i }, Object.fromEntries(Object.entries(a).map(([e, r]) => (t && F(r.components) && (r = re({
 		...r,
 		components: r.components(t)
 	}), vi(t.api, r).catch(console.error)), [e, n?.(r) ?? r])));
@@ -763,20 +763,21 @@ function Sr(e) {
 function Cr(e, t, n, r, { shouldSetDefaultsOfComponentsWithCompute: i = !0 } = {}) {
 	return (i || !e.compute) && br(e, t, n, r) && !yr(e, r);
 }
-function wr(e, t = {}, n, { dataPath: r = null, rootData: i = t, shouldProcess: a, shouldSetDefaultsOfComponentsWithCompute: o = !0 } = {}) {
+function wr(e, t = {}, n, { dataPath: r = null, rootData: i = t, shouldProcess: a, shouldSkipSourcesWithResource: o = !1, shouldSetDefaultsOfComponentsWithCompute: s = !0 } = {}) {
 	return kr(e, t, {
 		dataPath: r,
 		before: ({ schema: e, data: t, name: r, dataPath: a }) => {
-			let s = () => new G(n, {
+			let o = () => new G(n, {
 				schema: e,
 				name: r,
 				data: t,
 				dataPath: a,
 				rootData: i
 			});
-			Cr(e, t, r, s, { shouldSetDefaultsOfComponentsWithCompute: o }) && (t[r] = _r(e, s)), Mr(e) && P(t[r]) && Nr(e, t[r]);
+			Cr(e, t, r, o, { shouldSetDefaultsOfComponentsWithCompute: s }) && (t[r] = _r(e, o)), Mr(e) && P(t[r]) && Nr(e, t[r]);
 		},
 		shouldProcess: a,
+		shouldSkipSourcesWithResource: o,
 		options: {
 			component: n,
 			rootData: i
@@ -862,60 +863,67 @@ function Or(e, t, n, r, { component: i, rootData: a, schemaOnly: o, target: s, s
 		options: l
 	}), d.process(t, u, l);
 }
-function kr(e, t, { dataPath: n = null, componentPath: r = "", processedData: i = null, wrappedPrimitiveName: a = null, before: o = null, after: s = null, shouldProcess: c = () => !0, options: l }) {
-	let u = {
+function kr(e, t, { dataPath: n = null, componentPath: r = "", processedData: i = null, wrappedPrimitiveName: a = null, before: o = null, after: s = null, shouldProcess: c = () => !0, shouldSkipSourcesWithResource: l = !1, options: u }) {
+	let d = {
 		before: o,
 		after: s,
 		shouldProcess: c,
-		options: l
-	}, d = (e, t) => e == null ? null : H(e, t), f = (e, r) => {
-		if (e) for (let [f, m] of Object.entries(e)) {
-			let e = An(m), h = e && f !== a ? d(n, f) : n, g = {
-				schema: m,
+		shouldSkipSourcesWithResource: l,
+		options: u
+	}, f = (e, t) => e == null ? null : H(e, t), p = (e, r) => {
+		if (e) for (let [p, h] of Object.entries(e)) {
+			let e = An(h), g = e && p !== a ? f(n, p) : n, _ = {
+				schema: h,
 				data: t,
-				name: f,
-				dataPath: h,
-				componentPath: H(r, f),
+				name: p,
+				dataPath: g,
+				componentPath: H(r, p),
 				processedData: i
 			};
-			if (c(g) && !wn(m)) {
-				if (!e) kr(m, t, {
-					...u,
-					dataPath: n,
-					componentPath: g.componentPath,
-					processedData: i
-				});
-				else {
-					let { wrapPrimitives: e } = m, n = (n, r = null) => {
-						e && !L(n) && (n = { [e]: n });
-						let a = r === null ? h : d(h, r), o = r === null ? g.componentPath : H(g.componentPath, r), s = new G(l.component, {
-							schema: m,
-							data: t,
-							dataPath: h,
-							name: f,
-							rootData: l.rootData
-						}), c = or((U(m)?.getFormSchemasForProcessing || ar)(m, s), n);
-						if (c) {
-							let t = i ? Dr(m, n, l) : null;
-							return kr(c, n, {
-								...u,
-								dataPath: a,
-								componentPath: o,
-								processedData: t,
-								wrappedPrimitiveName: e ?? null
-							});
+			if (c(_)) {
+				if (l && Ln(h)) {
+					m(h.panels, _.componentPath);
+					continue;
+				}
+				if (!wn(h)) {
+					if (!e) kr(h, t, {
+						...d,
+						dataPath: n,
+						componentPath: _.componentPath,
+						processedData: i
+					});
+					else {
+						let { wrapPrimitives: e } = h, n = (n, r = null) => {
+							e && !L(n) && (n = { [e]: n });
+							let a = r === null ? g : f(g, r), o = r === null ? _.componentPath : H(_.componentPath, r), s = new G(u.component, {
+								schema: h,
+								data: t,
+								dataPath: g,
+								name: p,
+								rootData: u.rootData
+							}), c = or((U(h)?.getFormSchemasForProcessing || ar)(h, s), n);
+							if (c) {
+								let t = i ? Dr(h, n, u) : null;
+								return kr(c, n, {
+									...d,
+									dataPath: a,
+									componentPath: o,
+									processedData: t,
+									wrappedPrimitiveName: e ?? null
+								});
+							}
+							return { ...n };
+						};
+						if (o?.(_), Qn(h)) {
+							let e = i ? i[p] : t[p];
+							e != null && (e = P(e) ? i ? e.map(n) : e.forEach(n) : n(e), i && (i[p] = e));
 						}
-						return { ...n };
-					};
-					if (o?.(g), Qn(m)) {
-						let e = i ? i[f] : t[f];
-						e != null && (e = P(e) ? i ? e.map(n) : e.forEach(n) : n(e), i && (i[f] = e));
+						s?.(_), m(h.panels, _.componentPath);
 					}
-					s?.(g), p(m.panels, g.componentPath);
 				}
 			}
 		}
-	}, p = (e, r) => {
+	}, m = (e, r) => {
 		for (let [a, o] of Object.entries(e || {})) {
 			let e = {
 				schema: o,
@@ -925,10 +933,10 @@ function kr(e, t, { dataPath: n = null, componentPath: r = "", processedData: i
 				componentPath: H(r, a),
 				processedData: i
 			};
-			c(e) && !wn(o) && f(o.components, e.componentPath);
+			c(e) && !wn(o) && p(o.components, e.componentPath);
 		}
 	};
-	return f(e.components, r), p(e.tabs, r), p(e.panels, r), i || t;
+	return p(e.components, r), m(e.tabs, r), m(e.panels, r), i || t;
 }
 function Ar(e, t, n, { componentPath: r = "", component: i = null, rootData: a = t } = {}) {
 	let o = {
@@ -1106,7 +1114,8 @@ function Qr(e, t, { dataPath: n = "", component: r = null, rootData: i = t } = {
 	});
 	return kr(e, t, {
 		dataPath: n,
-		shouldProcess: (e) => !Ln(e.schema) && hr(e.schema, o(e)),
+		shouldProcess: (e) => hr(e.schema, o(e)),
+		shouldSkipSourcesWithResource: !0,
 		before: (e) => {
 			let { schema: t, data: n, name: r, dataPath: i } = e, s = o(e), c = n[r], { format: l } = t;
 			F(l) && (c = l(s));
@@ -1456,7 +1465,7 @@ function si(e) {
 }
 async function ci(e) {
 	let { component: t } = e;
-	t && (t = await ii(t, !0), t && (e.component = te({
+	t && (t = await ii(t, !0), t && (e.component = ee({
 		...t,
 		mixins: [
 			wi,
@@ -1714,7 +1723,7 @@ var wi = {
 				let r = this.getStoreKeyByIndex(t);
 				n = this.getStore(r), n && (this.setStore(e, n), this.removeStore(r));
 			}
-			return n ||= this.setStore(e, ie({})), t != null && this.setStoreKeyByIndex(t, e), n;
+			return n ||= this.setStore(e, re({})), t != null && this.setStoreKeyByIndex(t, e), n;
 		},
 		removeChildStore(e, t) {
 			this.getChildStore(e, t), this.removeStore(e);
@@ -1946,7 +1955,7 @@ function ji(t) {
 	return t && j(t).some((t) => t.type !== e);
 }
 function Mi(e, t = {}) {
-	return e = R(e) ? le()[e] : e, ji(e?.(t));
+	return e = R(e) ? ce()[e] : e, ji(e?.(t));
 }
 //#endregion
 //#region ../ui/src/components/DitoButton.vue?vue&type=template&lang.js
@@ -1965,15 +1974,15 @@ var Ni = [
 	class: "dito-button__suffix"
 };
 function Li(e, t, n, r, i, a) {
-	return b(), l("button", _({
+	return x(), l("button", v({
 		class: ["dito-button", [a.classes, { "dito-button--affixed": a.hasAffixes }]],
 		type: n.type,
 		title: n.title,
 		disabled: n.disabled
 	}, a.attributes), [
-		a.hasAffixes ? (b(), l("div", Pi, [S(e.$slots, "prefix")])) : c("", !0),
-		n.text || a.hasAffixes ? (b(), l("div", Fi, [d(T(n.text || ""), 1), S(e.$slots, "default")])) : c("", !0),
-		a.hasAffixes ? (b(), l("div", Ii, [S(e.$slots, "suffix")])) : c("", !0)
+		a.hasAffixes ? (x(), l("div", Pi, [C(e.$slots, "prefix")])) : c("", !0),
+		n.text || a.hasAffixes ? (x(), l("div", Fi, [d(E(n.text || ""), 1), C(e.$slots, "default")])) : c("", !0),
+		a.hasAffixes ? (x(), l("div", Ii, [C(e.$slots, "suffix")])) : c("", !0)
 	], 16, Ni);
 }
 //#endregion
@@ -2141,7 +2150,7 @@ var Gi = {
 	"onClick"
 ];
 function la(e, n, r, i, a, o) {
-	return b(), l("div", Gi, [u("div", Ki, [u("div", qi, [a.currentMode === "day" ? (b(), l(t, { key: 0 }, [
+	return x(), l("div", Gi, [u("div", Ki, [u("div", qi, [a.currentMode === "day" ? (x(), l(t, { key: 0 }, [
 		u("div", Ji, [
 			u("a", {
 				class: "dito-calendar-step-prev dito-calendar-step-year",
@@ -2163,13 +2172,13 @@ function la(e, n, r, i, a, o) {
 				tabindex: "0",
 				"aria-label": "Switch to year selection",
 				onClick: n[2] ||= (e) => o.setMode("year")
-			}, T(o.dateToString(a.currentValue, { year: !0 })), 1), u("a", {
+			}, E(o.dateToString(a.currentValue, { year: !0 })), 1), u("a", {
 				class: "dito-calendar-select-month",
 				role: "button",
 				tabindex: "0",
 				"aria-label": "Switch to month selection",
 				onClick: n[3] ||= (e) => o.setMode("month")
-			}, T(o.dateToString(a.currentValue, { month: !0 })), 1)]),
+			}, E(o.dateToString(a.currentValue, { month: !0 })), 1)]),
 			u("a", {
 				class: "dito-calendar-step-next dito-calendar-step-month",
 				role: "button",
@@ -2185,14 +2194,14 @@ function la(e, n, r, i, a, o) {
 				onClick: n[5] ||= (e) => o.stepYear(1)
 			})
 		]),
-		u("div", Yi, [u("div", Xi, [(b(!0), l(t, null, x(a.weekdayNames, (e) => (b(), l("span", null, T(e.short), 1))), 256))]), u("div", Zi, [(b(!0), l(t, null, x(a.dateRange, (e) => (b(), l("span", {
-			class: v(e.state && `dito-calendar-item-${e.state}`),
+		u("div", Yi, [u("div", Xi, [(x(!0), l(t, null, S(a.weekdayNames, (e) => (x(), l("span", null, E(e.short), 1))), 256))]), u("div", Zi, [(x(!0), l(t, null, S(a.dateRange, (e) => (x(), l("span", {
+			class: y(e.state && `dito-calendar-item-${e.state}`),
 			role: "gridcell",
 			"aria-label": o.dateToString(e.date),
 			"aria-selected": e.state === "active",
 			"aria-disabled": e.state === "disabled",
 			onClick: (t) => e.state !== "disabled" && o.selectDate(e.date)
-		}, T(e.text), 11, Qi))), 256))])]),
+		}, E(e.text), 11, Qi))), 256))])]),
 		u("div", $i, [u("a", {
 			class: "dito-calendar-select-now",
 			role: "button",
@@ -2201,7 +2210,7 @@ function la(e, n, r, i, a, o) {
 			title: o.dateToString(/* @__PURE__ */ new Date()),
 			onClick: n[6] ||= (e) => o.selectDate(/* @__PURE__ */ new Date())
 		}, null, 8, ea)])
-	], 64)) : a.currentMode === "month" ? (b(), l(t, { key: 1 }, [u("div", ta, [
+	], 64)) : a.currentMode === "month" ? (x(), l(t, { key: 1 }, [u("div", ta, [
 		u("a", {
 			class: "dito-calendar-step-prev",
 			role: "button",
@@ -2215,7 +2224,7 @@ function la(e, n, r, i, a, o) {
 			tabindex: "0",
 			"aria-label": "Switch to year selection",
 			onClick: n[8] ||= (e) => o.setMode("year")
-		}, T(o.dateToString(a.currentValue, { year: !0 })), 1)]),
+		}, E(o.dateToString(a.currentValue, { year: !0 })), 1)]),
 		u("a", {
 			class: "dito-calendar-step-next",
 			role: "button",
@@ -2223,13 +2232,13 @@ function la(e, n, r, i, a, o) {
 			"aria-label": "Next year",
 			onClick: n[9] ||= (e) => o.stepYear(1)
 		})
-	]), u("div", na, [u("div", ra, [(b(!0), l(t, null, x(a.monthNames, (e, t) => (b(), l("span", {
-		class: v(o.getMonthClass(t)),
+	]), u("div", na, [u("div", ra, [(x(!0), l(t, null, S(a.monthNames, (e, t) => (x(), l("span", {
+		class: y(o.getMonthClass(t)),
 		role: "option",
 		"aria-label": e.long,
 		"aria-selected": o.getMonthClass(t)["dito-calendar-item-active"],
 		onClick: (e) => o.selectMonth(t)
-	}, T(e.short), 11, ia))), 256))])])], 64)) : a.currentMode === "year" ? (b(), l(t, { key: 2 }, [u("div", aa, [
+	}, E(e.short), 11, ia))), 256))])])], 64)) : a.currentMode === "year" ? (x(), l(t, { key: 2 }, [u("div", aa, [
 		u("a", {
 			class: "dito-calendar-step-prev",
 			role: "button",
@@ -2237,7 +2246,7 @@ function la(e, n, r, i, a, o) {
 			"aria-label": "Previous decade",
 			onClick: n[10] ||= (e) => o.stepDecade(-1)
 		}),
-		u("span", null, T(o.decadeToString(a.currentValue)), 1),
+		u("span", null, E(o.decadeToString(a.currentValue)), 1),
 		u("a", {
 			class: "dito-calendar-step-next",
 			role: "button",
@@ -2245,13 +2254,13 @@ function la(e, n, r, i, a, o) {
 			"aria-label": "Next decade",
 			onClick: n[11] ||= (e) => o.stepDecade(1)
 		})
-	]), u("div", oa, [u("div", sa, [(b(!0), l(t, null, x(a.yearRange, (e) => (b(), l("span", {
-		class: v(o.getYearClass(e)),
+	]), u("div", oa, [u("div", sa, [(x(!0), l(t, null, S(a.yearRange, (e) => (x(), l("span", {
+		class: y(o.getYearClass(e)),
 		role: "option",
 		"aria-label": String(e),
 		"aria-selected": o.getYearClass(e)["dito-calendar-item-active"],
 		onClick: (t) => o.selectYear(e)
-	}, T(e), 11, ca))), 256))])])], 64)) : c("", !0)])])]);
+	}, E(e), 11, ca))), 256))])])], 64)) : c("", !0)])])]);
 }
 //#endregion
 //#region ../ui/src/components/DitoCalendar.vue
@@ -2520,39 +2529,39 @@ function va(e) {
 //#region ../ui/src/components/DitoTrigger.vue?vue&type=template&lang.js
 var ya = { class: "dito-trigger-container" };
 function ba(e, t, n, i, a, o) {
-	return b(), l("div", ya, [n.alwaysShow ? (b(), l("div", {
+	return x(), l("div", ya, [n.alwaysShow ? (x(), l("div", {
 		key: 0,
-		class: v(["dito-trigger", o.triggerClass]),
+		class: y(["dito-trigger", o.triggerClass]),
 		ref: "trigger"
-	}, [S(e.$slots, "trigger")], 2)) : n.trigger === "click" ? (b(), l("div", {
+	}, [C(e.$slots, "trigger")], 2)) : n.trigger === "click" ? (x(), l("div", {
 		key: 1,
-		class: v(["dito-trigger", o.triggerClass]),
+		class: y(["dito-trigger", o.triggerClass]),
 		ref: "trigger",
 		onClick: t[0] ||= (...e) => o.onClick && o.onClick(...e)
-	}, [S(e.$slots, "trigger")], 2)) : n.trigger === "hover" ? (b(), l("div", {
+	}, [C(e.$slots, "trigger")], 2)) : n.trigger === "hover" ? (x(), l("div", {
 		key: 2,
-		class: v(["dito-trigger", o.triggerClass]),
+		class: y(["dito-trigger", o.triggerClass]),
 		ref: "trigger",
 		onMouseenter: t[1] ||= (e) => o.onHover(!0),
 		onMouseleave: t[2] ||= (e) => o.onHover(!1)
-	}, [S(e.$slots, "trigger")], 34)) : n.trigger === "focus" || n.trigger === "always" ? (b(), l("div", {
+	}, [C(e.$slots, "trigger")], 34)) : n.trigger === "focus" || n.trigger === "always" ? (x(), l("div", {
 		key: 3,
-		class: v(["dito-trigger", o.triggerClass]),
+		class: y(["dito-trigger", o.triggerClass]),
 		ref: "trigger"
-	}, [S(e.$slots, "trigger")], 2)) : c("", !0), f(r, { name: `dito-${n.transition}` }, {
-		default: O(() => [n.trigger === "hover" ? k((b(), l("div", {
+	}, [C(e.$slots, "trigger")], 2)) : c("", !0), f(r, { name: `dito-${n.transition}` }, {
+		default: O(() => [n.trigger === "hover" ? k((x(), l("div", {
 			key: 0,
-			class: v(["dito-popup", o.popupClass]),
+			class: y(["dito-popup", o.popupClass]),
 			ref: "popup",
-			style: y(o.popupStyle),
+			style: b(o.popupStyle),
 			onMouseenter: t[3] ||= (e) => o.onHover(!0),
 			onMouseleave: t[4] ||= (e) => o.onHover(!1)
-		}, [a.showPopup ? S(e.$slots, "popup", {}, void 0, void 0, 0) : c("", !0)], 38)), [[E, a.showPopup]]) : k((b(), l("div", {
+		}, [a.showPopup ? C(e.$slots, "popup", {}, void 0, void 0, 0) : c("", !0)], 38)), [[D, a.showPopup]]) : k((x(), l("div", {
 			key: 1,
-			class: v(["dito-popup", o.popupClass]),
+			class: y(["dito-popup", o.popupClass]),
 			ref: "popup",
-			style: y(o.popupStyle)
-		}, [a.showPopup ? S(e.$slots, "popup", {}, void 0, void 0, 0) : c("", !0)], 6)), [[E, a.showPopup]])]),
+			style: b(o.popupStyle)
+		}, [a.showPopup ? C(e.$slots, "popup", {}, void 0, void 0, 0) : c("", !0)], 6)), [[D, a.showPopup]])]),
 		_: 3
 	}, 8, ["name"])]);
 }
@@ -2752,12 +2761,12 @@ var xa = /*#__PURE__*/ X({
 	"aria-label"
 ];
 function Ca(e, t, n, r, i, a) {
-	return b(), l("div", {
-		class: v(["dito-input", a.classes]),
+	return x(), l("div", {
+		class: y(["dito-input", a.classes]),
 		onMousedown: t[2] ||= (...e) => a.onMouseDown && a.onMouseDown(...e)
 	}, [
-		S(e.$slots, "prefix"),
-		k(u("input", _({
+		C(e.$slots, "prefix"),
+		k(u("input", v({
 			id: n.id,
 			ref: "input",
 			"onUpdate:modelValue": t[0] ||= (e) => i.currentValue = e,
@@ -2770,8 +2779,8 @@ function Ca(e, t, n, r, i, a) {
 			placeholder: n.placeholder,
 			autocomplete: n.autocomplete,
 			"aria-label": n.title
-		}, a.attributes, { onMousedown: t[1] ||= (...e) => a.onMouseDown && a.onMouseDown(...e) }), null, 16, Sa), [[de, i.currentValue]]),
-		S(e.$slots, "suffix")
+		}, a.attributes, { onMousedown: t[1] ||= (...e) => a.onMouseDown && a.onMouseDown(...e) }), null, 16, Sa), [[ue, i.currentValue]]),
+		C(e.$slots, "suffix")
 	], 34);
 }
 var wa = /*#__PURE__*/ X({
@@ -2865,7 +2874,7 @@ var wa = /*#__PURE__*/ X({
 //#endregion
 //#region ../ui/src/components/DitoIcon.vue?vue&type=template&lang.js
 function Ta(e, t, n, r, i, a) {
-	return b(), l("i", { class: v(["dito-icon", a.classes]) }, null, 2);
+	return x(), l("i", { class: y(["dito-icon", a.classes]) }, null, 2);
 }
 var Ea = /*#__PURE__*/ X({
 	props: {
@@ -2900,8 +2909,8 @@ function Oa(e) {
 //#endregion
 //#region ../ui/src/components/DitoDatePicker.vue?vue&type=template&lang.js
 function ka(e, t, n, r, i, a) {
-	let o = C("DitoIcon"), c = C("DitoInput"), l = C("DitoCalendar"), u = C("DitoTrigger");
-	return b(), s(u, _({
+	let o = w("DitoIcon"), c = w("DitoInput"), l = w("DitoCalendar"), u = w("DitoTrigger");
+	return x(), s(u, v({
 		class: "dito-date-picker",
 		ref: "trigger",
 		show: i.showPopup,
@@ -2913,7 +2922,7 @@ function ka(e, t, n, r, i, a) {
 		disabled: n.disabled,
 		target: n.target
 	}), {
-		trigger: O(() => [e.$slots.trigger ? S(e.$slots, "trigger", {}, void 0, void 0, 0) : (b(), s(c, _({
+		trigger: O(() => [e.$slots.trigger ? C(e.$slots, "trigger", {}, void 0, void 0, 0) : (x(), s(c, v({
 			key: 1,
 			class: "dito-date-picker-input",
 			ref: "input",
@@ -2931,15 +2940,15 @@ function ka(e, t, n, r, i, a) {
 			onKeydown: a.onKeyDown,
 			onMousedown: t[4] ||= A((e) => a.onMouseDown(!1), ["stop"])
 		}), {
-			prefix: O(() => [S(e.$slots, "prefix")]),
+			prefix: O(() => [C(e.$slots, "prefix")]),
 			suffix: O(() => [f(o, {
 				name: "calendar",
 				disabled: n.disabled,
 				onMousedown: t[0] ||= A((e) => a.onMouseDown(!0), ["prevent"])
-			}, null, 8, ["disabled"]), S(e.$slots, "suffix")]),
+			}, null, 8, ["disabled"]), C(e.$slots, "suffix")]),
 			_: 3
 		}, 16, ["modelValue", "onKeydown"]))]),
-		popup: O(() => [f(l, _({
+		popup: O(() => [f(l, v({
 			class: "dito-date-picker-popup",
 			ref: "calendar",
 			modelValue: i.currentValue,
@@ -3129,8 +3138,8 @@ var Aa = /*#__PURE__*/ X({
 	"onClick"
 ];
 function Va(e, n, r, i, a, o) {
-	let d = C("DitoIcon"), p = C("DitoInput"), m = C("DitoTrigger");
-	return b(), s(m, _({
+	let d = w("DitoIcon"), p = w("DitoInput"), m = w("DitoTrigger");
+	return x(), s(m, v({
 		class: "dito-time-picker",
 		ref: "trigger",
 		show: a.showPopup,
@@ -3142,7 +3151,7 @@ function Va(e, n, r, i, a, o) {
 		disabled: r.disabled,
 		target: r.target
 	}), {
-		trigger: O(() => [e.$slots.trigger ? S(e.$slots, "trigger", {}, void 0, void 0, 0) : (b(), s(p, _({
+		trigger: O(() => [e.$slots.trigger ? C(e.$slots, "trigger", {}, void 0, void 0, 0) : (x(), s(p, v({
 			key: 1,
 			class: "dito-time-picker-input",
 			ref: "input",
@@ -3160,39 +3169,39 @@ function Va(e, n, r, i, a, o) {
 			onKeydown: o.onKeyDown,
 			onMousedown: n[4] ||= A((e) => o.onMouseDown(!1), ["stop"])
 		}), {
-			prefix: O(() => [S(e.$slots, "prefix")]),
+			prefix: O(() => [C(e.$slots, "prefix")]),
 			suffix: O(() => [f(d, {
 				name: "clock",
 				disabled: r.disabled,
 				onMousedown: n[0] ||= A((e) => o.onMouseDown(!0), ["prevent"])
-			}, null, 8, ["disabled"]), S(e.$slots, "suffix")]),
+			}, null, 8, ["disabled"]), C(e.$slots, "suffix")]),
 			_: 3
 		}, 16, ["modelValue", "onKeydown"]))]),
 		popup: O(() => [u("div", ja, [
-			u("div", Ma, [u("ul", Na, [(b(), l(t, null, x(24, (e) => (b(), l(t, null, [r.disabledHour(e - 1) ? c("", !0) : (b(), l("li", {
+			u("div", Ma, [u("ul", Na, [(x(), l(t, null, S(24, (e) => (x(), l(t, null, [r.disabledHour(e - 1) ? c("", !0) : (x(), l("li", {
 				key: 0,
 				role: "option",
 				"aria-label": o.leftPad(e - 1),
 				"aria-selected": o.hour === e - 1,
-				class: v({ selected: o.hour === e - 1 }),
+				class: y({ selected: o.hour === e - 1 }),
 				onClick: (t) => o.hour = e - 1
-			}, T(o.leftPad(e - 1)), 11, Pa))], 64))), 64))], 512)]),
-			u("div", Fa, [u("ul", Ia, [(b(), l(t, null, x(60, (e) => (b(), l(t, null, [r.disabledMinute(e - 1) ? c("", !0) : (b(), l("li", {
+			}, E(o.leftPad(e - 1)), 11, Pa))], 64))), 64))], 512)]),
+			u("div", Fa, [u("ul", Ia, [(x(), l(t, null, S(60, (e) => (x(), l(t, null, [r.disabledMinute(e - 1) ? c("", !0) : (x(), l("li", {
 				key: 0,
 				role: "option",
 				"aria-label": o.leftPad(e - 1),
 				"aria-selected": o.minute === e - 1,
-				class: v({ selected: o.minute === e - 1 }),
+				class: y({ selected: o.minute === e - 1 }),
 				onClick: (t) => o.minute = e - 1
-			}, T(o.leftPad(e - 1)), 11, La))], 64))), 64))], 512)]),
-			u("div", Ra, [u("ul", za, [(b(), l(t, null, x(60, (e) => (b(), l(t, null, [r.disabledSecond(e - 1) ? c("", !0) : (b(), l("li", {
+			}, E(o.leftPad(e - 1)), 11, La))], 64))), 64))], 512)]),
+			u("div", Ra, [u("ul", za, [(x(), l(t, null, S(60, (e) => (x(), l(t, null, [r.disabledSecond(e - 1) ? c("", !0) : (x(), l("li", {
 				key: 0,
 				role: "option",
 				"aria-label": o.leftPad(e - 1),
 				"aria-selected": o.second === e - 1,
-				class: v({ selected: o.second === e - 1 }),
+				class: y({ selected: o.second === e - 1 }),
 				onClick: (t) => o.second = e - 1
-			}, T(o.leftPad(e - 1)), 11, Ba))], 64))), 64))], 512)])
+			}, E(o.leftPad(e - 1)), 11, Ba))], 64))), 64))], 512)])
 		])]),
 		_: 3
 	}, 16, ["show"]);
@@ -3430,9 +3439,9 @@ var Ha = /*#__PURE__*/ X({
 	ref: "picker"
 };
 function Wa(e, t, n, r, i, a) {
-	let o = C("DitoIcon"), s = C("DitoInput"), c = C("DitoDatePicker"), d = C("DitoTimePicker");
-	return b(), l("div", Ua, [u("div", { class: v(["dito-date-time-picker__inner", { "dito-date-time-picker__inner--focus": a.focused }]) }, [
-		f(s, _({
+	let o = w("DitoIcon"), s = w("DitoInput"), c = w("DitoDatePicker"), d = w("DitoTimePicker");
+	return x(), l("div", Ua, [u("div", { class: y(["dito-date-time-picker__inner", { "dito-date-time-picker__inner--focus": a.focused }]) }, [
+		f(s, v({
 			class: "dito-date-time-picker__input",
 			ref: "input",
 			modelValue: a.currentText,
@@ -3449,15 +3458,15 @@ function Wa(e, t, n, r, i, a) {
 			onKeydown: a.onKeyDown,
 			onMousedown: t[4] ||= A((e) => a.onMouseDown(!1), ["stop"])
 		}), {
-			prefix: O(() => [S(e.$slots, "prefix")]),
+			prefix: O(() => [C(e.$slots, "prefix")]),
 			suffix: O(() => [f(o, {
 				name: "calendar",
 				disabled: n.disabled,
 				onMousedown: t[0] ||= A((e) => a.onMouseDown(!0), ["prevent"])
-			}, null, 8, ["disabled"]), S(e.$slots, "suffix")]),
+			}, null, 8, ["disabled"]), C(e.$slots, "suffix")]),
 			_: 3
 		}, 16, ["modelValue", "onKeydown"]),
-		f(c, _({
+		f(c, v({
 			ref: "date",
 			modelValue: i.currentValue,
 			"onUpdate:modelValue": t[5] ||= (e) => i.currentValue = e,
@@ -3473,7 +3482,7 @@ function Wa(e, t, n, r, i, a) {
 			"show",
 			"target"
 		]),
-		f(d, _({
+		f(d, v({
 			ref: "time",
 			modelValue: i.currentValue,
 			"onUpdate:modelValue": t[7] ||= (e) => i.currentValue = e,
@@ -3641,13 +3650,13 @@ var Ga = /*#__PURE__*/ X({
 	"onClick"
 ], Xa = { key: 0 };
 function Za(e, n, r, i, a, o) {
-	return b(), l("nav", Ka, [r.showTotal ? (b(), l("div", qa, [r.total > 0 ? (b(), l(t, { key: 0 }, [d(T(o.first) + " – " + T(o.last) + " / " + T(r.total), 1)], 64)) : c("", !0)])) : c("", !0), o.numPages > 1 ? (b(), l("div", Ja, [(b(!0), l(t, null, x(o.buttons, (e) => (b(), l("button", {
-		class: v(["dito-button", o.getButtonClasses(e)]),
+	return x(), l("nav", Ka, [r.showTotal ? (x(), l("div", qa, [r.total > 0 ? (x(), l(t, { key: 0 }, [d(E(o.first) + " – " + E(o.last) + " / " + E(r.total), 1)], 64)) : c("", !0)])) : c("", !0), o.numPages > 1 ? (x(), l("div", Ja, [(x(!0), l(t, null, S(o.buttons, (e) => (x(), l("button", {
+		class: y(["dito-button", o.getButtonClasses(e)]),
 		disabled: e.disabled,
 		"aria-label": o.getButtonLabel(e),
 		"aria-current": e.active ? "page" : null,
 		onClick: (t) => o.onClickButton(e)
-	}, [e.text ? (b(), l("span", Xa, T(e.text), 1)) : c("", !0)], 10, Ya))), 256))])) : c("", !0)]);
+	}, [e.text ? (x(), l("span", Xa, E(e.text), 1)) : c("", !0)], 10, Ya))), 256))])) : c("", !0)]);
 }
 var Qa = /*#__PURE__*/ X({
 	emits: ["update:page"],
@@ -3758,11 +3767,11 @@ var Qa = /*#__PURE__*/ X({
 	class: "dito-switch__label"
 };
 function no(e, t, n, r, i, a) {
-	return b(), l("div", {
-		class: v(["dito-switch", a.classes]),
-		style: y(a.styles)
+	return x(), l("div", {
+		class: y(["dito-switch", a.classes]),
+		style: b(a.styles)
 	}, [u("div", $a, [
-		k(u("input", _({
+		k(u("input", v({
 			id: n.id,
 			ref: "input"
 		}, a.attributes, {
@@ -3772,9 +3781,9 @@ function no(e, t, n, r, i, a) {
 			"aria-checked": i.checked,
 			name: n.name,
 			disabled: n.disabled
-		}), null, 16, eo), [[ue, i.checked]]),
+		}), null, 16, eo), [[le, i.checked]]),
 		t[1] ||= u("div", { class: "dito-switch__button" }, null, -1),
-		n.labels ? (b(), l("span", to, [i.checked ? S(e.$slots, "checked", {}, () => [d(T(n.labels.checked || "on"), 1)], void 0, 0) : S(e.$slots, "unchecked", {}, () => [d(T(n.labels.unchecked || "off"), 1)], void 0, 1)])) : c("", !0)
+		n.labels ? (x(), l("span", to, [i.checked ? C(e.$slots, "checked", {}, () => [d(E(n.labels.checked || "on"), 1)], void 0, 0) : C(e.$slots, "unchecked", {}, () => [d(E(n.labels.unchecked || "off"), 1)], void 0, 1)])) : c("", !0)
 	])], 6);
 }
 var ro = /*#__PURE__*/ X({
@@ -4015,7 +4024,7 @@ var ao = io, oo = (e, t) => Object.assign(e.style, t), so = (e) => setTimeout(e,
 		immediate: !0,
 		flush: "sync",
 		handler(e) {
-			e && (!this.routeRecord || e.path === this.routeRecord.path) && (this.routeRecord = te(e));
+			e && (!this.routeRecord || e.path === this.routeRecord.path) && (this.routeRecord = ee(e));
 		}
 	} },
 	beforeRouteUpdate(e, t) {
@@ -4051,7 +4060,7 @@ var ao = io, oo = (e, t) => Object.assign(e.style, t), so = (e) => setTimeout(e,
 }, go = class {
 	currentPromiseOrLoader = null;
 	currentLoadPromise = null;
-	lastFinishedLoad = oe({
+	lastFinishedLoad = ae({
 		promiseOrLoader: null,
 		value: void 0,
 		error: null
@@ -4113,11 +4122,11 @@ var vo = class {
 	computedValueRecords = /* @__PURE__ */ new Map();
 	optionsRecords = /* @__PURE__ */ new Map();
 	pendingLoads = /* @__PURE__ */ new Set();
-	processedDataSnapshot = oe(null);
+	processedDataSnapshot = ae(null);
 	derivedValueDataPaths = null;
 	constructor({ component: e, getSchema: t, getData: n, getSourceSchema: r = null }) {
 		this.component = e, this.getSchema = t, this.getData = n, this.getSourceSchema = r, this.rootScope = m(!0), this.rootScope.run(() => {
-			D([t, n], ([e, t]) => this.initializeData(e, t), { immediate: !0 }), this.dataEntries = a(() => this.getDataEntries()), D(() => this.dataEntries.value.computedValueEntries, (e) => this.updateComputedValueRecords(e), { immediate: !0 }), D(() => this.dataEntries.value.entriesWithMissingValues, (e) => this.setDefaultValues(e), { immediate: !0 }), r && D(n, () => this.takeProcessedDataSnapshot().catch(console.error), { immediate: !0 });
+			me([t, n], ([e, t]) => this.initializeData(e, t), { immediate: !0 }), this.dataEntries = a(() => this.getDataEntries()), me(() => this.dataEntries.value.computedValueEntries, (e) => this.updateComputedValueRecords(e), { immediate: !0 }), me(() => this.dataEntries.value.entriesWithMissingValues, (e) => this.setDefaultValues(e), { immediate: !0 }), r && me(n, () => this.takeProcessedDataSnapshot().catch(console.error), { immediate: !0 });
 		});
 	}
 	get dataPath() {
@@ -4139,7 +4148,7 @@ var vo = class {
 		this.rootScope.stop(), this.computedValueRecords.clear(), this.optionsRecords.clear(), this.pendingLoads.clear();
 	}
 	async waitForPendingLoads() {
-		for (; this.pendingLoads.size > 0;) await Promise.all(this.pendingLoads), await ne();
+		for (; this.pendingLoads.size > 0;) await Promise.all(this.pendingLoads), await te();
 	}
 	async takeProcessedDataSnapshot() {
 		let e = this.getData(), t = e ? /* @__PURE__ */ new Set() : null;
@@ -4147,7 +4156,7 @@ var vo = class {
 			data: e,
 			processedData: M(this.getProcessedDataForDirtyCheck())
 		} : null, !e) return;
-		await ne(), await this.waitForPendingLoads();
+		await te(), await this.waitForPendingLoads();
 		let n = this.derivedValueDataPaths !== t, r = !this.rootScope.active;
 		if (n || r) return;
 		this.derivedValueDataPaths = null;
@@ -4170,7 +4179,7 @@ var vo = class {
 	async applyCleanChanges(e) {
 		let t = this.getData(), n = this.processedDataSnapshot.value?.data === t, r = n ? M(this.getProcessedDataForDirtyCheck()) : null;
 		if (e(), n) {
-			await ne(), await this.waitForPendingLoads();
+			await te(), await this.waitForPendingLoads();
 			let e = this.processedDataSnapshot.value;
 			e?.data === t && this.rootScope.active && (this.processedDataSnapshot.value = {
 				data: t,
@@ -4185,7 +4194,7 @@ var vo = class {
 		t && !cr(e) && wr(e, t, this.component, {
 			dataPath: this.dataPath,
 			rootData: this.rootData,
-			shouldProcess: (e) => !Ln(e.schema),
+			shouldSkipSourcesWithResource: !0,
 			shouldSetDefaultsOfComponentsWithCompute: !1
 		});
 	}
@@ -4194,7 +4203,8 @@ var vo = class {
 		return t && !cr(e) && kr(e, t, {
 			dataPath: this.dataPath,
 			componentPath: this.componentPath,
-			shouldProcess: (e) => !Ln(e.schema) && this.isEntryShown(e),
+			shouldProcess: (e) => this.isEntryShown(e),
+			shouldSkipSourcesWithResource: !0,
 			before: (e) => {
 				So(e.schema) && n.set(e.componentPath, e), this.shouldSetDefaultValue(e) && r.push(e);
 			},
@@ -4241,11 +4251,11 @@ var vo = class {
 		let t = this.rootScope.run(() => m());
 		return t.run(() => {
 			let t = a(() => this.isEntryCurrent(e));
-			if (e.schema.compute && D(() => t.value ? { value: this.getComputedValue(e) } : null, (t) => {
+			if (e.schema.compute && me(() => t.value ? { value: this.getComputedValue(e) } : null, (t) => {
 				t && this.writeComputedValue(e, t.value);
 			}, { immediate: !0 }), xr(e.schema)) {
 				let n = this.createDataSchemaResolver(e.schema, e);
-				D(() => t.value && !n.isLoading ? { value: n.value } : null, (t) => {
+				me(() => t.value && !n.isLoading ? { value: n.value } : null, (t) => {
 					t && this.writeComputedValue(e, t.value);
 				}, { immediate: !0 });
 			}
@@ -4323,12 +4333,12 @@ function So(e) {
 //#region src/components/DitoView.vue?vue&type=template&lang.js
 var Co = ["data-resource"];
 function wo(e, n, r, i, a, o) {
-	let u = C("DitoRouterView"), d = C("DitoSchema");
-	return e.user && e.shouldRenderSchema(e.viewSchema) ? (b(), l(t, { key: 0 }, [e.isLastRoute ? (b(), l("div", {
+	let u = w("DitoRouterView"), d = w("DitoSchema");
+	return e.user && e.shouldRenderSchema(e.viewSchema) ? (x(), l(t, { key: 0 }, [e.isLastRoute ? (x(), l("div", {
 		key: 1,
 		class: "dito-view dito-scroll-parent",
 		"data-resource": e.sourceSchema.path
-	}, [(b(), s(d, {
+	}, [(x(), s(d, {
 		key: e.name,
 		schema: e.viewSchema,
 		data: e.data,
@@ -4344,7 +4354,7 @@ function wo(e, n, r, i, a, o) {
 		"meta",
 		"store",
 		"disabled"
-	]))], 8, Co)) : (b(), s(u, {
+	]))], 8, Co)) : (x(), s(u, {
 		key: 0,
 		routeLevel: e.routeLevel + 1
 	}, null, 8, ["routeLevel"]))], 64)) : c("", !0);
@@ -4428,18 +4438,18 @@ var To = /*#__PURE__*/ X(Y.component("DitoView", {
 //#endregion
 //#region ../../node_modules/@vueuse/integrations/dist/useFocusTrap.js
 function Eo(e, t = {}) {
-	let n, { immediate: r, ...i } = t, o = oe(!1), s = oe(!1), c = (e) => n && n.activate(e), l = (e) => n && n.deactivate(e), u = () => {
+	let n, { immediate: r, ...i } = t, o = ae(!1), s = ae(!1), c = (e) => n && n.activate(e), l = (e) => n && n.deactivate(e), u = () => {
 		n && (n.pause(), s.value = !0);
 	}, d = () => {
 		n && (n.unpause(), s.value = !1);
 	}, f = a(() => {
-		let t = ce(e);
+		let t = se(e);
 		return tt(t).map((e) => {
-			let t = ce(e);
+			let t = se(e);
 			return typeof t == "string" ? t : it(t);
 		}).filter($e);
 	});
-	return D(f, (e) => {
+	return me(f, (e) => {
 		if (e.length) {
 			if (!n) n = ot(e, {
 				...i,
@@ -4467,7 +4477,7 @@ function Eo(e, t = {}) {
 //#endregion
 //#region ../../node_modules/@vueuse/integrations/dist/useFocusTrap/component.js
 var Do = /* #__PURE__ */ p((e, { slots: t }) => {
-	let n = oe(), r = ie(Eo(n, e.options));
+	let n = ae(), r = re(Eo(n, e.options));
 	return () => {
 		if (t.default) return g(e.as || "div", { ref: n }, t.default(r));
 	};
@@ -4476,14 +4486,14 @@ var Do = /* #__PURE__ */ p((e, { slots: t }) => {
 	props: ["as", "options"]
 }), Oo = ["aria-label"];
 function ko(e, t, n, r, i, a) {
-	let o = C("DitoButtons"), s = C("DitoSchema"), c = C("UseFocusTrap");
-	return b(), l("div", {
+	let o = w("DitoButtons"), s = w("DitoSchema"), c = w("UseFocusTrap");
+	return x(), l("div", {
 		class: "dito-dialog",
 		ref: "dialog",
 		role: "dialog",
 		"aria-label": e.schema.label || "Dialog",
 		"aria-modal": "true",
-		style: y({ "--width": e.settings.width ? `${e.settings.width}px` : null }),
+		style: b({ "--width": e.settings.width ? `${e.settings.width}px` : null }),
 		onMouseup: t[2] ||= (...t) => e.onMouseUp && e.onMouseUp(...t)
 	}, [f(c, {
 		class: "dito-dialog__focus-trap",
@@ -4493,7 +4503,7 @@ function ko(e, t, n, r, i, a) {
 			class: "dito-scroll-parent",
 			onSubmit: t[0] ||= A((...t) => e.submit && e.submit(...t), ["prevent"]),
 			onKeydown: t[1] ||= he((...t) => e.onEnter && e.onEnter(...t), ["enter"])
-		}, [k(u("button", null, null, 512), [[E, !1]]), f(s, {
+		}, [k(u("button", null, null, 512), [[D, !1]]), f(s, {
 			schema: e.schema,
 			data: e.dialogData,
 			padding: "root",
@@ -4627,19 +4637,19 @@ var Ao = /*#__PURE__*/ X(Y.component("DitoDialog", {
 	class: "dito-drag-overlay"
 };
 function No(e, n, a, o, d, p) {
-	let m = C("DitoDialog"), h = C("DitoNavigation"), g = C("DitoHeader"), ee = C("DitoRouterView"), te = C("DitoAccount"), _ = C("DitoSidebar"), ne = C("DitoNotifications"), re = ae("resize");
-	return b(), l("div", {
+	let m = w("DitoDialog"), h = w("DitoNavigation"), g = w("DitoHeader"), _ = w("DitoRouterView"), ee = w("DitoAccount"), v = w("DitoSidebar"), te = w("DitoNotifications"), ne = ie("resize");
+	return x(), l("div", {
 		class: "dito-root",
 		"data-agent-browser": e.appState.agent.browser,
 		"data-agent-platform": e.appState.agent.platform,
 		"data-agent-version": e.appState.agent.versionNumber
 	}, [
 		f(r, { name: "dito-drag" }, {
-			default: O(() => [e.isDraggingFiles ? (b(), l("div", Mo)) : c("", !0)]),
+			default: O(() => [e.isDraggingFiles ? (x(), l("div", Mo)) : c("", !0)]),
 			_: 1
 		}),
 		f(i, { name: "dito-dialog" }, {
-			default: O(() => [(b(!0), l(t, null, x(e.dialogs, (t, n) => (b(), s(m, {
+			default: O(() => [(x(!0), l(t, null, S(e.dialogs, (t, n) => (x(), s(m, {
 				key: n,
 				components: t.components,
 				buttons: t.buttons,
@@ -4658,19 +4668,19 @@ function No(e, n, a, o, d, p) {
 			_: 1
 		}),
 		f(h),
-		k((b(), l("main", { class: v(["dito-page dito-scroll-parent", e.pageClasses]) }, [f(g, {
+		k((x(), l("main", { class: y(["dito-page dito-scroll-parent", e.pageClasses]) }, [f(g, {
 			spinner: e.options.spinner,
 			isLoading: e.isLoading
-		}, null, 8, ["spinner", "isLoading"]), f(ee, { routeLevel: 0 })], 2)), [[re, e.onResizePage]]),
-		f(_, null, {
-			default: O(() => [e.user ? (b(), s(te, { key: 0 })) : e.allowLogin ? (b(), l("a", {
+		}, null, 8, ["spinner", "isLoading"]), f(_, { routeLevel: 0 })], 2)), [[ne, e.onResizePage]]),
+		f(v, null, {
+			default: O(() => [e.user ? (x(), s(ee, { key: 0 })) : e.allowLogin ? (x(), l("a", {
 				key: 1,
 				class: "dito-login",
 				onClick: n[0] ||= (t) => e.rootComponent.login()
 			}, [...n[1] ||= [u("span", null, "Login", -1)]])) : c("", !0)]),
 			_: 1
 		}),
-		f(ne, { ref: "notifications" }, null, 512)
+		f(te, { ref: "notifications" }, null, 512)
 	], 8, jo);
 }
 //#endregion
@@ -4929,16 +4939,16 @@ var Lo = /*#__PURE__*/ X(Po, [["render", No]]), Ro = { class: "dito-menu__item"
 	"onClick"
 ];
 function Bo(e, n, r, i, a, o) {
-	let d = C("DitoMenu", !0), f = ae("resize");
-	return k((b(), l("ul", {
+	let d = w("DitoMenu", !0), f = ie("resize");
+	return k((x(), l("ul", {
 		class: "dito-menu",
-		style: y({ "--width": e.width ? `${e.width}px` : null })
-	}, [(b(!0), l(t, null, x(e.items, (n) => (b(), l("li", Ro, [e.shouldShowItem(n) ? (b(), l(t, { key: 0 }, [u("a", {
-		class: v(["dito-menu__link", { "dito-menu__link--active": e.isActiveItem(n) }]),
+		style: b({ "--width": e.width ? `${e.width}px` : null })
+	}, [(x(!0), l(t, null, S(e.items, (n) => (x(), l("li", Ro, [e.shouldShowItem(n) ? (x(), l(t, { key: 0 }, [u("a", {
+		class: y(["dito-menu__link", { "dito-menu__link--active": e.isActiveItem(n) }]),
 		href: e.getItemHref(n),
 		"aria-current": e.isActiveItem(n) ? "page" : null,
 		onClick: A((t) => e.onClickItem(n), ["prevent", "stop"])
-	}, T(e.getLabel(n)), 11, zo), n.items ? (b(), s(d, {
+	}, E(e.getLabel(n)), 11, zo), n.items ? (x(), s(d, {
 		key: 0,
 		class: "dito-menu__sub",
 		items: n.items,
@@ -4994,12 +5004,12 @@ var Vo = /*#__PURE__*/ X(Y.component("DitoMenu", {
 	"onClick"
 ];
 function Wo(e, n, r, i, a, o) {
-	return b(), l("div", Ho, [u("ul", null, [(b(!0), l(t, null, x(e.trail, (t) => (b(), l("li", null, [u("a", {
-		class: v(["dito-trail__link", { "dito-trail__link--active": t.path === e.$route.path }]),
+	return x(), l("div", Ho, [u("ul", null, [(x(!0), l(t, null, S(e.trail, (t) => (x(), l("li", null, [u("a", {
+		class: y(["dito-trail__link", { "dito-trail__link--active": t.path === e.$route.path }]),
 		"aria-current": t.path === e.$route.path ? "page" : null,
 		href: e.getComponentHref(t),
 		onClick: A((n) => e.onClickComponent(t), ["prevent", "stop"])
-	}, [u("span", { class: v(["dito-trail__text", { "dito-trail__text--dirty": t.isDirty }]) }, T(t.breadcrumb), 3)], 10, Uo)]))), 256))]), S(e.$slots, "default")]);
+	}, [u("span", { class: y(["dito-trail__text", { "dito-trail__text--dirty": t.isDirty }]) }, E(t.breadcrumb), 3)], 10, Uo)]))), 256))]), C(e.$slots, "default")]);
 }
 var Go = /*#__PURE__*/ X(Y.component("DitoTrail", {
 	computed: { trail() {
@@ -5022,13 +5032,13 @@ var Go = /*#__PURE__*/ X(Y.component("DitoTrail", {
 	}
 }), [["render", Wo]]), Ko = ["aria-busy"];
 function qo(e, t, n, r, i, a) {
-	let o = C("DitoSpinner"), d = C("DitoTrail");
-	return b(), l("nav", {
+	let o = w("DitoSpinner"), d = w("DitoTrail");
+	return x(), l("nav", {
 		class: "dito-header",
 		"aria-busy": e.isLoading
 	}, [
 		f(d, null, {
-			default: O(() => [e.isLoading ? (b(), s(o, {
+			default: O(() => [e.isLoading ? (x(), s(o, {
 				key: 0,
 				size: e.spinner?.size,
 				color: e.spinner?.color
@@ -5036,7 +5046,7 @@ function qo(e, t, n, r, i, a) {
 			_: 1
 		}),
 		t[0] ||= u("div", { class: "dito-header__teleport" }, null, -1),
-		S(e.$slots, "default")
+		C(e.$slots, "default")
 	], 8, Ko);
 }
 var Jo = /*#__PURE__*/ X(Y.component("DitoHeader", { props: {
@@ -5053,12 +5063,12 @@ var Jo = /*#__PURE__*/ X(Y.component("DitoHeader", { props: {
 	"aria-label": "Main navigation"
 };
 function Xo(e, t, n, r, i, a) {
-	let o = C("RouterLink"), s = C("DitoMenu");
-	return b(), l("nav", Yo, [u("h1", null, [f(o, {
+	let o = w("RouterLink"), s = w("DitoMenu");
+	return x(), l("nav", Yo, [u("h1", null, [f(o, {
 		class: "dito-link",
 		to: "/"
 	}, {
-		default: O(() => [d(T(e.appState.title), 1)]),
+		default: O(() => [d(E(e.appState.title), 1)]),
 		_: 1
 	})]), f(s, {
 		class: "dito-scroll",
@@ -5070,8 +5080,8 @@ var Zo = /*#__PURE__*/ X(Y.component("DitoNavigation", {}), [["render", Xo]]), Q
 	"aria-live": "polite"
 }, $o = { class: "dito-notifications__inner" };
 function es(e, t, n, r, i, a) {
-	let o = C("VueNotifications");
-	return b(), l("div", Qo, [t[0] ||= u("div", { class: "dito-header" }, [u("span")], -1), u("div", $o, [f(o, {
+	let o = w("VueNotifications");
+	return x(), l("div", Qo, [t[0] ||= u("div", { class: "dito-header" }, [u("span")], -1), u("div", $o, [f(o, {
 		ref: "notifications",
 		classes: "dito-notification",
 		dangerouslySetInnerHtml: !0,
@@ -5115,8 +5125,8 @@ var ts = /*#__PURE__*/ X(Y.component("DitoNotifications", {
 	}
 }), [["render", es]]), ns = { class: "dito-header" };
 function rs(e, t, n, r, i, a) {
-	let o = ae("resize");
-	return k((b(), l("aside", { class: v(["dito-sidebar dito-scroll-parent", e.classes]) }, [u("nav", ns, [S(e.$slots, "default")]), t[0] ||= u("div", { class: "dito-sidebar__teleport dito-scroll" }, null, -1)], 2)), [[o, e.onResizeSidebar]]);
+	let o = ie("resize");
+	return k((x(), l("aside", { class: y(["dito-sidebar dito-scroll-parent", e.classes]) }, [u("nav", ns, [C(e.$slots, "default")]), t[0] ||= u("div", { class: "dito-sidebar__teleport dito-scroll" }, null, -1)], 2)), [[o, e.onResizeSidebar]]);
 }
 var is = /*#__PURE__*/ X(Y.component("DitoSidebar", {
 	data() {
@@ -5171,15 +5181,15 @@ var is = /*#__PURE__*/ X(Y.component("DitoSidebar", {
 	}
 }, os = { class: "dito-account" }, ss = ["onMousedown", "onMouseup"];
 function cs(e, n, r, i, a, o) {
-	return b(), l("div", os, [u("a", _({ role: "button" }, e.pulldownTriggerAttributes, { onMousedown: n[0] ||= A((t) => e.onPulldownMouseDown(), ["stop"]) }), [u("span", null, T(e.user.username), 1)], 16), u("ul", {
-		class: v(["dito-pulldown", { "dito-pulldown--open": e.pulldown.open }]),
+	return x(), l("div", os, [u("a", v({ role: "button" }, e.pulldownTriggerAttributes, { onMousedown: n[0] ||= A((t) => e.onPulldownMouseDown(), ["stop"]) }), [u("span", null, E(e.user.username), 1)], 16), u("ul", {
+		class: y(["dito-pulldown", { "dito-pulldown--open": e.pulldown.open }]),
 		role: "menu"
-	}, [(b(!0), l(t, null, x(e.items, (t, n) => (b(), l("li", null, [u("a", {
+	}, [(x(!0), l(t, null, S(e.items, (t, n) => (x(), l("li", null, [u("a", {
 		class: "dito-pulldown__item",
 		role: "menuitem",
 		onMousedown: A((t) => e.onPulldownMouseDown(n), ["stop"]),
 		onMouseup: (t) => e.onPulldownMouseUp(n)
-	}, T(t), 41, ss)]))), 256))], 2)]);
+	}, E(t), 41, ss)]))), 256))], 2)]);
 }
 var ls = /*#__PURE__*/ X(Y.component("DitoAccount", {
 	mixins: [as],
@@ -5201,11 +5211,11 @@ var ls = /*#__PURE__*/ X(Y.component("DitoAccount", {
 //#endregion
 //#region src/components/DitoSpinner.vue?vue&type=template&lang.js
 function us(e, t, n, r, i, a) {
-	return k((b(), l("div", {
+	return k((x(), l("div", {
 		class: "dito-spinner",
 		role: "status",
 		"aria-label": "Loading",
-		style: y({
+		style: b({
 			"--color": e.color,
 			"--size": e.size,
 			"--margin": e.margin
@@ -5214,7 +5224,7 @@ function us(e, t, n, r, i, a) {
 		u("div", { class: "dito-spinner__pulse dito-spinner__pulse1" }, null, -1),
 		u("div", { class: "dito-spinner__pulse dito-spinner__pulse2" }, null, -1),
 		u("div", { class: "dito-spinner__pulse dito-spinner__pulse3" }, null, -1)
-	]], 4)), [[E, e.loading]]);
+	]], 4)), [[D, e.loading]]);
 }
 var ds = /*#__PURE__*/ X(Y.component("DitoSpinner", { props: {
 	loading: {
@@ -5237,22 +5247,22 @@ var ds = /*#__PURE__*/ X(Y.component("DitoSpinner", { props: {
 //#endregion
 //#region src/components/DitoAffix.vue?vue&type=template&lang.js
 function fs(e, t, n, r, i, a) {
-	let o = C("DitoSpinner"), l = C("DitoIcon");
-	return e.item.type === "text" ? (b(), s(w(e.item.as || "div"), { key: 0 }, {
-		default: O(() => [d(T(e.item.text), 1)]),
+	let o = w("DitoSpinner"), l = w("DitoIcon");
+	return e.item.type === "text" ? (x(), s(T(e.item.as || "div"), { key: 0 }, {
+		default: O(() => [d(E(e.item.text), 1)]),
 		_: 1
-	})) : e.item.type === "html" ? (b(), s(w(e.item.as || "div"), {
+	})) : e.item.type === "html" ? (x(), s(T(e.item.as || "div"), {
 		key: 1,
 		innerHTML: e.item.html
-	}, null, 8, ["innerHTML"])) : e.item.type === "spinner" ? (b(), s(o, {
+	}, null, 8, ["innerHTML"])) : e.item.type === "spinner" ? (x(), s(o, {
 		key: 2,
 		size: e.item.size,
 		color: e.item.color
-	}, null, 8, ["size", "color"])) : e.item.type === "icon" ? (b(), s(l, {
+	}, null, 8, ["size", "color"])) : e.item.type === "icon" ? (x(), s(l, {
 		key: 3,
 		name: e.item.name,
 		disabled: e.item.disabled
-	}, null, 8, ["name", "disabled"])) : e.item.type === "component" ? (b(), s(w(e.item.component), re(_({ key: 4 }, e.item.props)), null, 16)) : c("", !0);
+	}, null, 8, ["name", "disabled"])) : e.item.type === "component" ? (x(), s(T(e.item.component), ne(v({ key: 4 }, e.item.props)), null, 16)) : c("", !0);
 }
 var ps = /*#__PURE__*/ X(Y.component("DitoAffix", {
 	components: {
@@ -5274,16 +5284,16 @@ var ps = /*#__PURE__*/ X(Y.component("DitoAffix", {
 	} }
 }), [["render", fs]]), ms = ["disabled"], hs = ["data-info"];
 function gs(e, n, r, i, a, o) {
-	let u = C("DitoAffix");
-	return e.hasContent ? (b(), l("div", {
+	let u = w("DitoAffix");
+	return e.hasContent ? (x(), l("div", {
 		key: 0,
-		class: v(["dito-affixes", e.classes])
+		class: y(["dito-affixes", e.classes])
 	}, [
-		S(e.$slots, "prepend"),
-		(b(!0), l(t, null, x(e.visibleItems, (t, n) => (b(), s(u, {
-			class: v(["dito-affix", e.getItemClasses(t)]),
+		C(e.$slots, "prepend"),
+		(x(!0), l(t, null, S(e.visibleItems, (t, n) => (x(), s(u, {
+			class: y(["dito-affix", e.getItemClasses(t)]),
 			key: n,
-			style: y(t.style),
+			style: b(t.style),
 			item: t,
 			parentContext: e.parentContext
 		}, null, 8, [
@@ -5292,7 +5302,7 @@ function gs(e, n, r, i, a, o) {
 			"item",
 			"parentContext"
 		]))), 128)),
-		e.clearable ? (b(), l("button", {
+		e.clearable ? (x(), l("button", {
 			key: 0,
 			class: "dito-affixes__clear",
 			type: "button",
@@ -5301,8 +5311,8 @@ function gs(e, n, r, i, a, o) {
 			onClick: n[0] ||= A((t) => e.$emit("clear"), ["stop"]),
 			onMousedown: n[1] ||= A(() => {}, ["stop"])
 		}, null, 40, ms)) : c("", !0),
-		S(e.$slots, "append"),
-		e.inlineInfo ? (b(), l("div", {
+		C(e.$slots, "append"),
+		e.inlineInfo ? (x(), l("div", {
 			key: 1,
 			class: "dito-info",
 			"data-info": e.inlineInfo
@@ -5393,22 +5403,22 @@ var Z = /*#__PURE__*/ X(Y.component("DitoAffixes", {
 	class: "dito-label__inner"
 }, vs = ["for", "innerHTML"], ys = ["data-info"];
 function bs(e, t, n, r, i, a) {
-	let o = C("DitoAffixes");
-	return e.text || e.collapsible ? (b(), s(w(e.collapsible ? "button" : "div"), _({
+	let o = w("DitoAffixes");
+	return e.text || e.collapsible ? (x(), s(T(e.collapsible ? "button" : "div"), v({
 		key: 0,
 		class: "dito-label",
 		type: e.collapsible ? "button" : null
 	}, e.attributes, { class: { "dito-label--active": e.isActive } }), {
-		default: O(() => [e.collapsible ? (b(), l("div", {
+		default: O(() => [e.collapsible ? (x(), l("div", {
 			key: 0,
-			class: v(["dito-chevron", { "dito-chevron--open": !e.collapsed }])
-		}, null, 2)) : c("", !0), e.text || e.prefixes.length > 0 || e.suffixes.length > 0 ? (b(), l("div", _s, [
+			class: y(["dito-chevron", { "dito-chevron--open": !e.collapsed }])
+		}, null, 2)) : c("", !0), e.text || e.prefixes.length > 0 || e.suffixes.length > 0 ? (x(), l("div", _s, [
 			f(o, {
 				items: e.prefixes,
 				position: "prefix",
 				parentContext: e.context
 			}, null, 8, ["items", "parentContext"]),
-			e.text ? (b(), l("label", {
+			e.text ? (x(), l("label", {
 				key: 0,
 				for: e.htmlFor,
 				innerHTML: e.text
@@ -5419,7 +5429,7 @@ function bs(e, t, n, r, i, a) {
 				position: "suffix",
 				parentContext: e.context
 			}, null, 8, ["items", "parentContext"]),
-			e.info ? (b(), l("div", {
+			e.info ? (x(), l("div", {
 				key: 1,
 				class: "dito-info",
 				"data-info": e.info
@@ -5536,17 +5546,17 @@ var xs = /*#__PURE__*/ X(Y.component("DitoLabel", {
 	class: "dito-schema-header"
 };
 function ws(e, i, a, o, d, p) {
-	let m = C("DitoPanels"), h = C("DitoLabel"), g = C("DitoTabs"), ee = C("DitoClipboard"), te = C("DitoPane"), ne = C("TransitionHeight");
-	return b(), l(t, null, [
-		S(e.$slots, "prepend"),
-		u("div", _({ class: ["dito-schema", {
+	let m = w("DitoPanels"), h = w("DitoLabel"), g = w("DitoTabs"), _ = w("DitoClipboard"), ee = w("DitoPane"), te = w("TransitionHeight");
+	return x(), l(t, null, [
+		C(e.$slots, "prepend"),
+		u("div", v({ class: ["dito-schema", {
 			"dito-scroll-parent": e.scrollable,
 			"dito-schema--open": e.opened
 		}] }, e.$attrs), [
-			e.isPopulated && e.panelEntries.length > 0 ? (b(), s(n, {
+			e.isPopulated && e.panelEntries.length > 0 ? (x(), s(n, {
 				key: 0,
 				to: ".dito-sidebar__teleport"
-			}, [e.active ? (b(), s(m, {
+			}, [e.active ? (x(), s(m, {
 				key: 0,
 				panels: e.panelEntries,
 				data: e.data,
@@ -5560,12 +5570,12 @@ function ws(e, i, a, o, d, p) {
 				"store",
 				"disabled"
 			])) : c("", !0)])) : c("", !0),
-			e.hasHeader ? (b(), s(n, {
+			e.hasHeader ? (x(), s(n, {
 				key: 1,
 				to: e.headerTeleport,
 				disabled: !e.headerTeleport
-			}, [e.active ? (b(), l("div", Cs, [
-				e.hasLabel ? (b(), s(h, {
+			}, [e.active ? (x(), l("div", Cs, [
+				e.hasLabel ? (x(), s(h, {
 					key: 0,
 					label: e.label,
 					info: e.info,
@@ -5579,11 +5589,11 @@ function ws(e, i, a, o, d, p) {
 					"collapsed",
 					"onOpen"
 				])) : c("", !0),
-				e.tabs ? (b(), s(r, {
+				e.tabs ? (x(), s(r, {
 					key: 1,
 					name: "dito-fade"
 				}, {
-					default: O(() => [e.opened ? (b(), s(g, {
+					default: O(() => [e.opened ? (x(), s(g, {
 						key: 0,
 						modelValue: e.selectedTab,
 						"onUpdate:modelValue": i[0] ||= (t) => e.selectedTab = t,
@@ -5591,20 +5601,20 @@ function ws(e, i, a, o, d, p) {
 					}, null, 8, ["modelValue", "tabs"])) : c("", !0)]),
 					_: 1
 				})) : c("", !0),
-				e.clipboard ? (b(), s(ee, {
+				e.clipboard ? (x(), s(_, {
 					key: 2,
 					clipboard: e.clipboard,
 					schema: e.schema
 				}, null, 8, ["clipboard", "schema"])) : c("", !0),
-				S(e.$slots, "edit-buttons")
+				C(e.$slots, "edit-buttons")
 			])) : c("", !0)], 8, ["to", "disabled"])) : c("", !0),
-			f(ne, { enabled: e.inlined }, {
-				default: O(() => [e.opened ? (b(), l("div", {
+			f(te, { enabled: e.inlined }, {
+				default: O(() => [e.opened ? (x(), l("div", {
 					key: 0,
-					class: v(["dito-schema-content", { "dito-scroll": e.scrollable }]),
+					class: y(["dito-schema-content", { "dito-scroll": e.scrollable }]),
 					ref: "content"
 				}, [
-					e.hasTabs ? (b(!0), l(t, { key: 0 }, x(e.tabs, (t, n) => k((b(), s(te, {
+					e.hasTabs ? (x(!0), l(t, { key: 0 }, S(e.tabs, (t, n) => k((x(), s(ee, {
 						key: n,
 						class: "dito-pane__tab",
 						ref_for: !0,
@@ -5634,8 +5644,8 @@ function ws(e, i, a, o, d, p) {
 						"compact",
 						"generateLabels",
 						"accumulatedBasis"
-					])), [[E, e.selectedTab === n]])), 128)) : c("", !0),
-					e.hasMainPane ? (b(), s(te, {
+					])), [[D, e.selectedTab === n]])), 128)) : c("", !0),
+					e.hasMainPane ? (x(), s(ee, {
 						key: 1,
 						class: "dito-pane__main",
 						ref: "components",
@@ -5663,13 +5673,13 @@ function ws(e, i, a, o, d, p) {
 						"generateLabels",
 						"accumulatedBasis"
 					])) : c("", !0),
-					!e.inlined && e.isPopulated ? S(e.$slots, "buttons", {}, void 0, void 0, 2) : c("", !0)
+					!e.inlined && e.isPopulated ? C(e.$slots, "buttons", {}, void 0, void 0, 2) : c("", !0)
 				], 2)) : c("", !0)]),
 				_: 3
 			}, 8, ["enabled"]),
-			e.inlined && !e.hasHeader ? S(e.$slots, "edit-buttons", {}, void 0, void 0, 2) : c("", !0)
+			e.inlined && !e.hasHeader ? C(e.$slots, "edit-buttons", {}, void 0, void 0, 2) : c("", !0)
 		], 16),
-		S(e.$slots, "append")
+		C(e.$slots, "append")
 	], 64);
 }
 //#endregion
@@ -6151,8 +6161,8 @@ var Os = /*#__PURE__*/ X(Ts, [["render", ws]]);
 //#endregion
 //#region src/components/DitoSchemaInlined.vue?vue&type=template&lang.js
 function ks(e, t, n, r, i, a) {
-	let o = C("DitoEditButtons"), l = C("DitoSchema");
-	return b(), s(l, {
+	let o = w("DitoEditButtons"), l = w("DitoSchema");
+	return x(), s(l, {
 		class: "dito-schema-inlined",
 		schema: e.schema,
 		dataPath: e.dataPath,
@@ -6171,7 +6181,7 @@ function ks(e, t, n, r, i, a) {
 		labelNode: e.labelNode,
 		accumulatedBasis: e.accumulatedBasis
 	}, {
-		"edit-buttons": O(() => [e.deletable || e.draggable || e.editable || e.insertIndex != null ? (b(), s(o, {
+		"edit-buttons": O(() => [e.deletable || e.draggable || e.editable || e.insertIndex != null ? (x(), s(o, {
 			key: 0,
 			schema: e.schema,
 			dataPath: e.dataPath,
@@ -6321,16 +6331,16 @@ var As = /*#__PURE__*/ X(Y.component("DitoSchemaInlined", {
 	class: "dito-pane__break"
 };
 function Ps(e, n, r, i, a, o) {
-	let u = C("DitoContainer"), d = ae("resize");
-	return e.isPopulated && e.componentSchemas.length > 0 ? k((b(), l("div", {
+	let u = w("DitoContainer"), d = ie("resize");
+	return e.isPopulated && e.componentSchemas.length > 0 ? k((x(), l("div", {
 		key: 0,
-		class: v(["dito-pane", e.classes]),
+		class: y(["dito-pane", e.classes]),
 		id: e.tabPanelId,
 		role: e.tab ? "tabpanel" : null,
 		"aria-labelledby": e.tabId
-	}, [(b(!0), l(t, null, x(e.componentSchemas, ({ schema: n, dataPath: r, nestedDataPath: i, nested: a, store: o }, d) => (b(), l(t, null, [
-		["before", "both"].includes(n.break) ? (b(), l("span", Ms)) : c("", !0),
-		e.shouldRenderComponent(n, a, r) ? (b(), s(u, {
+	}, [(x(!0), l(t, null, S(e.componentSchemas, ({ schema: n, dataPath: r, nestedDataPath: i, nested: a, store: o }, d) => (x(), l(t, null, [
+		["before", "both"].includes(n.break) ? (x(), l("span", Ms)) : c("", !0),
+		e.shouldRenderComponent(n, a, r) ? (x(), s(u, {
 			ref_for: !0,
 			ref: "containers",
 			key: i,
@@ -6362,7 +6372,7 @@ function Ps(e, n, r, i, a, o) {
 			"verticalLabels",
 			"accumulatedBasis"
 		])) : c("", !0),
-		["after", "both"].includes(n.break) ? (b(), l("span", Ns)) : c("", !0)
+		["after", "both"].includes(n.break) ? (x(), l("span", Ns)) : c("", !0)
 	], 64))), 256))], 10, js)), [[d, e.onResizePane]]) : c("", !0);
 }
 var Fs = /*#__PURE__*/ X(Y.component("DitoPane", {
@@ -6552,12 +6562,12 @@ function Is(e) {
 //#endregion
 //#region src/components/DitoContainer.vue?vue&type=template&lang.js
 function Ls(e, t, r, i, a, o) {
-	let u = C("DitoPanels"), d = C("DitoLabel"), p = C("DitoErrors");
-	return k((b(), l("div", {
-		class: v(["dito-container", e.containerClasses]),
-		style: y(e.containerStyles)
+	let u = w("DitoPanels"), d = w("DitoLabel"), p = w("DitoErrors");
+	return k((x(), l("div", {
+		class: y(["dito-container", e.containerClasses]),
+		style: b(e.containerStyles)
 	}, [
-		e.isMounted && e.panelEntries.length > 0 ? (b(), s(n, {
+		e.isMounted && e.panelEntries.length > 0 ? (x(), s(n, {
 			key: 0,
 			to: ".dito-sidebar__teleport"
 		}, [f(u, {
@@ -6573,9 +6583,9 @@ function Ls(e, t, r, i, a, o) {
 			"store",
 			"disabled"
 		])])) : c("", !0),
-		e.hasLabel ? (b(), s(d, {
+		e.hasLabel ? (x(), s(d, {
 			key: 1,
-			class: v(e.labelClasses),
+			class: y(e.labelClasses),
 			htmlFor: e.labelHtmlFor,
 			label: e.label,
 			info: e.info
@@ -6585,9 +6595,9 @@ function Ls(e, t, r, i, a, o) {
 			"label",
 			"info"
 		])) : c("", !0),
-		e.hasLabel && e.isLabel ? c("", !0) : (b(), s(w(e.typeComponent), {
+		e.hasLabel && e.isLabel ? c("", !0) : (x(), s(T(e.typeComponent), {
 			key: 2,
-			class: v(["dito-component", e.componentClasses]),
+			class: y(["dito-component", e.componentClasses]),
 			ref: "component",
 			schema: e.schema,
 			dataPath: e.dataPath,
@@ -6616,7 +6626,7 @@ function Ls(e, t, r, i, a, o) {
 			"onErrors"
 		])),
 		f(p, { errors: e.errors }, null, 8, ["errors"])
-	], 6)), [[E, e.componentVisible]]);
+	], 6)), [[D, e.componentVisible]]);
 }
 var Rs = /*#__PURE__*/ X(Y.component("DitoContainer", {
 	mixins: [Fr, K],
@@ -6814,8 +6824,8 @@ var Rs = /*#__PURE__*/ X(Y.component("DitoContainer", {
 	"onClick"
 ];
 function Vs(e, n, r, i, a, o) {
-	return b(), l("div", zs, [(b(!0), l(t, null, x(e.tabs, (t, n) => (b(), l("a", {
-		class: v(["dito-tabs__link", { "dito-tabs__link--active": e.modelValue === n }]),
+	return x(), l("div", zs, [(x(!0), l(t, null, S(e.tabs, (t, n) => (x(), l("a", {
+		class: y(["dito-tabs__link", { "dito-tabs__link--active": e.modelValue === n }]),
 		id: e.getTabId(n),
 		key: n,
 		role: "tab",
@@ -6823,7 +6833,7 @@ function Vs(e, n, r, i, a, o) {
 		"aria-controls": e.getTabPanelId(n),
 		tabindex: e.modelValue === n ? 0 : -1,
 		onClick: (t) => e.$emit("update:modelValue", n)
-	}, T(e.getLabel(t, n)), 11, Bs))), 128))]);
+	}, E(e.getLabel(t, n)), 11, Bs))), 128))]);
 }
 var Hs = /*#__PURE__*/ X(Y.component("DitoTabs", {
 	emits: ["update:modelValue"],
@@ -6849,8 +6859,8 @@ var Hs = /*#__PURE__*/ X(Y.component("DitoTabs", {
 //#endregion
 //#region src/components/DitoPanel.vue?vue&type=template&lang.js
 function Us(e, t, n, r, i, a) {
-	let o = C("DitoButtons"), l = C("DitoSchema");
-	return e.shouldRenderSchema(e.panelSchema) ? k((b(), s(w(e.panelTag), {
+	let o = w("DitoButtons"), l = w("DitoSchema");
+	return e.shouldRenderSchema(e.panelSchema) ? k((x(), s(T(e.panelTag), {
 		key: 0,
 		class: "dito-panel",
 		role: "region",
@@ -6870,7 +6880,7 @@ function Us(e, t, n, r, i, a) {
 			hasOwnData: e.hasOwnData,
 			generateLabels: ""
 		}, {
-			prepend: O(() => [u("h2", { class: v(["dito-panel__header", { "dito-panel__header--sticky": e.sticky }]) }, [u("span", null, T(e.getLabel(e.schema)), 1), f(o, {
+			prepend: O(() => [u("h2", { class: y(["dito-panel__header", { "dito-panel__header--sticky": e.sticky }]) }, [u("span", null, E(e.getLabel(e.schema)), 1), f(o, {
 				class: "dito-buttons--small",
 				buttons: e.panelButtonSchemas,
 				buttonsName: "panelButtons",
@@ -6914,7 +6924,7 @@ function Us(e, t, n, r, i, a) {
 			"hasOwnData"
 		])]),
 		_: 1
-	}, 40, ["aria-label"])), [[E, e.visible && (!e.panelTabComponent || e.panelTabComponent.visible)]]) : c("", !0);
+	}, 40, ["aria-label"])), [[D, e.visible && (!e.panelTabComponent || e.panelTabComponent.visible)]]) : c("", !0);
 }
 var Ws = /*#__PURE__*/ X(Y.component("DitoPanel", {
 	mixins: [K, mo],
@@ -7037,8 +7047,8 @@ var Ws = /*#__PURE__*/ X(Y.component("DitoPanel", {
 	class: "dito-panels"
 };
 function Ks(e, n, r, i, a, o) {
-	let u = C("DitoPanel");
-	return e.panels.length > 0 ? (b(), l("div", Gs, [(b(!0), l(t, null, x(e.panels, ({ schema: n, dataPath: r, componentPath: i, tabComponent: a }) => (b(), l(t, null, [e.shouldRenderSchema(n) ? (b(), s(u, {
+	let u = w("DitoPanel");
+	return e.panels.length > 0 ? (x(), l("div", Gs, [(x(!0), l(t, null, S(e.panels, ({ schema: n, dataPath: r, componentPath: i, tabComponent: a }) => (x(), l(t, null, [e.shouldRenderSchema(n) ? (x(), s(u, {
 		key: e.getPanelKey(r, a),
 		schema: n,
 		dataPath: r,
@@ -7097,8 +7107,8 @@ var qs = /*#__PURE__*/ X(Y.component("DitoPanels", {
 	class: "dito-container"
 };
 function Xs(e, n, r, i, a, o) {
-	let u = C("DitoContainer"), d = C("DitoVnode");
-	return e.buttonSchemas || e.hasSlotContent(e.$slots.default) ? (b(), l("div", Js, [(b(!0), l(t, null, x(e.buttonSchemas, (n, r) => (b(), l(t, null, [e.shouldRenderSchema(n) ? (b(), s(u, {
+	let u = w("DitoContainer"), d = w("DitoVnode");
+	return e.buttonSchemas || e.hasSlotContent(e.$slots.default) ? (x(), l("div", Js, [(x(!0), l(t, null, S(e.buttonSchemas, (n, r) => (x(), l(t, null, [e.shouldRenderSchema(n) ? (x(), s(u, {
 		key: r,
 		schema: n,
 		dataPath: r,
@@ -7115,7 +7125,7 @@ function Xs(e, n, r, i, a, o) {
 		"nested",
 		"store",
 		"disabled"
-	])) : c("", !0)], 64))), 256)), (b(!0), l(t, null, x(e.$slots.default?.(), (n) => (b(), l(t, null, [e.hasVNodeContent(n) ? (b(), l("div", Ys, [f(d, { vnode: n }, null, 8, ["vnode"])])) : c("", !0)], 64))), 256))])) : c("", !0);
+	])) : c("", !0)], 64))), 256)), (x(!0), l(t, null, S(e.$slots.default?.(), (n) => (x(), l(t, null, [e.hasVNodeContent(n) ? (x(), l("div", Ys, [f(d, { vnode: n }, null, 8, ["vnode"])])) : c("", !0)], 64))), 256))])) : c("", !0);
 }
 var Zs = /*#__PURE__*/ X(Y.component("DitoButtons", {
 	mixins: [K],
@@ -7169,8 +7179,8 @@ var Zs = /*#__PURE__*/ X(Y.component("DitoButtons", {
 	}
 }), [["render", Xs]]), Qs = ["disabled"];
 function $s(e, t, n, r, i, a) {
-	let o = C("RouterLink"), u = C("DitoCreateButton"), d = C("DitoButtons");
-	return b(), s(d, {
+	let o = w("RouterLink"), u = w("DitoCreateButton"), d = w("DitoButtons");
+	return x(), s(d, {
 		class: "dito-edit-buttons dito-buttons--round",
 		buttons: e.buttons,
 		dataPath: e.dataPath,
@@ -7181,16 +7191,16 @@ function $s(e, t, n, r, i, a) {
 		onClick: t[1] ||= A(() => {}, ["stop"])
 	}, {
 		default: O(() => [
-			e.draggable ? (b(), l("a", _({
+			e.draggable ? (x(), l("a", v({
 				key: 0,
 				class: ["dito-button", { "dito-button--disabled": e.isDraggableDisabled }]
 			}, e.getButtonAttributes(e.verbs.drag)), null, 16)) : c("", !0),
-			e.editable ? (b(), s(o, _({
+			e.editable ? (x(), s(o, v({
 				key: 1,
 				class: ["dito-button", { "dito-button--disabled": e.isEditableDisabled }],
 				to: e.editPath ? { path: e.editPath } : {}
 			}, e.getButtonAttributes(e.verbs.edit)), null, 16, ["class", "to"])) : c("", !0),
-			e.creatable ? (b(), s(u, {
+			e.creatable ? (x(), s(u, {
 				key: 2,
 				schema: e.schema,
 				dataPath: e.dataPath,
@@ -7216,7 +7226,7 @@ function $s(e, t, n, r, i, a) {
 				"disabled",
 				"insertIndex"
 			])) : c("", !0),
-			e.deletable ? (b(), l("button", _({
+			e.deletable ? (x(), l("button", v({
 				key: 3,
 				class: "dito-button",
 				type: "button",
@@ -7326,27 +7336,27 @@ var ec = /*#__PURE__*/ X(Y.component("DitoEditButtons", {
 	} }
 }), [["render", $s]]), tc = { class: "dito-create-button" }, nc = ["type", "disabled"], rc = ["disabled"], ic = ["onMousedown", "onMouseup"];
 function ac(e, n, r, i, a, o) {
-	return b(), l("div", tc, [e.creatableForm ? (b(), l("button", _({
+	return x(), l("div", tc, [e.creatableForm ? (x(), l("button", v({
 		key: 0,
 		class: "dito-button",
 		type: e.isInlined ? "button" : "submit",
 		disabled: e.disabled
-	}, e.getButtonAttributes(e.verb, e.formLabel), { onClick: n[0] ||= (t) => e.createItem(e.creatableForm) }), T(e.text), 17, nc)) : e.creatableForms ? (b(), l(t, { key: 1 }, [u("button", _({
+	}, e.getButtonAttributes(e.verb, e.formLabel), { onClick: n[0] ||= (t) => e.createItem(e.creatableForm) }), E(e.text), 17, nc)) : e.creatableForms ? (x(), l(t, { key: 1 }, [u("button", v({
 		class: "dito-button",
 		type: "button",
 		disabled: e.disabled
 	}, {
 		...e.pulldownTriggerAttributes,
 		...e.getButtonAttributes(e.verb)
-	}, { onMousedown: n[1] ||= A((t) => e.onPulldownMouseDown(), ["stop"]) }), T(e.text), 17, rc), u("ul", {
-		class: v(["dito-pulldown", { "dito-pulldown--open": e.pulldown.open }]),
+	}, { onMousedown: n[1] ||= A((t) => e.onPulldownMouseDown(), ["stop"]) }), E(e.text), 17, rc), u("ul", {
+		class: y(["dito-pulldown", { "dito-pulldown--open": e.pulldown.open }]),
 		role: "menu"
-	}, [(b(!0), l(t, null, x(e.creatableForms, (t, n) => k((b(), l("li", null, [u("a", {
-		class: v(["dito-pulldown__item", { "dito-pulldown__item--disabled": e.shouldDisableSchema(t) }]),
+	}, [(x(!0), l(t, null, S(e.creatableForms, (t, n) => k((x(), l("li", null, [u("a", {
+		class: y(["dito-pulldown__item", { "dito-pulldown__item--disabled": e.shouldDisableSchema(t) }]),
 		role: "menuitem",
 		onMousedown: A((t) => e.onPulldownMouseDown(n), ["stop"]),
 		onMouseup: (t) => e.onPulldownMouseUp(n)
-	}, T(e.getLabel(t)), 43, ic)], 512)), [[E, e.shouldShowSchema(t)]])), 256))], 2)], 64)) : c("", !0)]);
+	}, E(e.getLabel(t)), 43, ic)], 512)), [[D, e.shouldShowSchema(t)]])), 256))], 2)], 64)) : c("", !0)]);
 }
 var oc = /*#__PURE__*/ X(Y.component("DitoCreateButton", {
 	mixins: [K, as],
@@ -7450,7 +7460,7 @@ var oc = /*#__PURE__*/ X(Y.component("DitoCreateButton", {
 	class: "dito-clipboard dito-buttons dito-buttons--round"
 }, cc = ["disabled"], lc = ["disabled"];
 function uc(e, t, n, r, i, a) {
-	return e.clipboard ? (b(), l("div", sc, [u("button", {
+	return e.clipboard ? (x(), l("div", sc, [u("button", {
 		class: "dito-button dito-button--copy",
 		ref: "copyData",
 		type: "button",
@@ -7823,18 +7833,18 @@ var gc = ["data-resource"], _c = {
 	disabled: ""
 };
 function vc(e, t, n, r, i, a) {
-	let o = C("DitoRouterView"), d = C("DitoButtons"), p = C("DitoSchema"), m = C("DitoFormInner");
-	return b(), l("div", {
-		class: v(["dito-form dito-scroll-parent", { "dito-form-nested": e.isNestedRoute }]),
+	let o = w("DitoRouterView"), d = w("DitoButtons"), p = w("DitoSchema"), m = w("DitoFormInner");
+	return x(), l("div", {
+		class: y(["dito-form dito-scroll-parent", { "dito-form-nested": e.isNestedRoute }]),
 		"data-resource": e.sourceSchema.path
-	}, [!e.isLastUnnestedRoute && !e.isNestedRoute ? k((b(), s(o, {
+	}, [!e.isLastUnnestedRoute && !e.isNestedRoute ? k((x(), s(o, {
 		key: 0,
 		routeLevel: e.routeLevel + 1
-	}, null, 8, ["routeLevel"])), [[E, !e.isActiveRoute]]) : c("", !0), k(f(m, {
+	}, null, 8, ["routeLevel"])), [[D, !e.isActiveRoute]]) : c("", !0), k(f(m, {
 		nested: e.isNestedRoute,
 		label: e.itemLabel
 	}, {
-		default: O(() => [k(u("button", _c, null, 512), [[E, !1]]), f(p, {
+		default: O(() => [k(u("button", _c, null, 512), [[D, !1]]), f(p, {
 			schema: e.schema,
 			dataPath: e.dataPath,
 			data: e.data,
@@ -7847,7 +7857,7 @@ function vc(e, t, n, r, i, a) {
 			generateLabels: ""
 		}, {
 			buttons: O(() => [f(d, {
-				class: v(["dito-buttons--round dito-buttons--large dito-buttons--main", { "dito-buttons--sticky": !e.isNestedRoute }]),
+				class: y(["dito-buttons--round dito-buttons--large dito-buttons--main", { "dito-buttons--sticky": !e.isNestedRoute }]),
 				buttons: e.buttonSchemas,
 				dataPath: e.dataPath,
 				data: e.data,
@@ -7876,7 +7886,7 @@ function vc(e, t, n, r, i, a) {
 			"scrollable"
 		])]),
 		_: 1
-	}, 8, ["nested", "label"]), [[E, e.isActiveRoute]])], 10, gc);
+	}, 8, ["nested", "label"]), [[D, e.isActiveRoute]])], 10, gc);
 }
 var yc = /*#__PURE__*/ X(Y.component("DitoForm", {
 	mixins: [ho, mc],
@@ -8138,12 +8148,12 @@ var yc = /*#__PURE__*/ X(Y.component("DitoForm", {
 	}
 }), [["render", vc]]), bc = { key: 0 }, xc = ["aria-label"];
 function Sc(e, t, n, r, i, a) {
-	return e.nested ? (b(), l("div", bc, [S(e.$slots, "default")])) : (b(), l("form", {
+	return e.nested ? (x(), l("div", bc, [C(e.$slots, "default")])) : (x(), l("form", {
 		key: 1,
 		class: "dito-scroll-parent",
 		"aria-label": e.label,
 		onSubmit: t[0] ||= A(() => {}, ["prevent"])
-	}, [S(e.$slots, "default")], 40, xc));
+	}, [C(e.$slots, "default")], 40, xc));
 }
 var Cc = /*#__PURE__*/ X(Y.component("DitoFormInner", { props: {
 	nested: {
@@ -8160,7 +8170,7 @@ var Cc = /*#__PURE__*/ X(Y.component("DitoFormInner", { props: {
 	role: "alert"
 };
 function Ec(e, n, r, i, a, o) {
-	return e.errors ? (b(), l("div", Tc, [u("ul", null, [(b(!0), l(t, null, x(e.errors, (e) => (b(), l("li", null, T(e), 1))), 256))])])) : c("", !0);
+	return e.errors ? (x(), l("div", Tc, [u("ul", null, [(x(!0), l(t, null, S(e.errors, (e) => (x(), l("li", null, E(e), 1))), 256))])])) : c("", !0);
 }
 var Dc = /*#__PURE__*/ X(Y.component("DitoErrors", {
 	props: { errors: {
@@ -8178,7 +8188,7 @@ var Dc = /*#__PURE__*/ X(Y.component("DitoErrors", {
 	},
 	methods: { updateErrors() {
 		let { tip: e } = this;
-		e?.hide(), this.errors && (e = this.tip ??= te(Xe(this.$el.closest(".dito-container"))), e.setProps({
+		e?.hide(), this.errors && (e = this.tip ??= ee(Xe(this.$el.closest(".dito-container"))), e.setProps({
 			content: this.errors.join("\n"),
 			theme: "error",
 			trigger: "manual",
@@ -8201,19 +8211,19 @@ var Dc = /*#__PURE__*/ X(Y.component("DitoErrors", {
 	"onClick"
 ];
 function Ac(e, n, r, i, a, o) {
-	let c = C("RouterLink");
-	return b(), l("div", Oc, [(b(!0), l(t, null, x(e.scopes, (t, n) => (b(), s(c, {
+	let c = w("RouterLink");
+	return x(), l("div", Oc, [(x(!0), l(t, null, S(e.scopes, (t, n) => (x(), s(c, {
 		key: n,
 		to: e.getScopeLink(t),
 		custom: ""
 	}, {
 		default: O(({ navigate: n }) => [u("button", {
-			class: v(["dito-button", { "dito-button--selected": t.name === e.query.scope }]),
+			class: y(["dito-button", { "dito-button--selected": t.name === e.query.scope }]),
 			type: "button",
 			"aria-pressed": t.name === e.query.scope,
 			title: t.hint || e.getLabel(t),
 			onClick: n
-		}, T(e.getLabel(t)), 11, kc)]),
+		}, E(e.getLabel(t)), 11, kc)]),
 		_: 2
 	}, 1032, ["to"]))), 128))]);
 }
@@ -8239,8 +8249,8 @@ var jc = /*#__PURE__*/ X(Y.component("DitoScopes", {
 //#endregion
 //#region src/components/DitoPagination.vue?vue&type=template&lang.js
 function Mc(e, t, n, r, i, a) {
-	let o = C("Pagination");
-	return b(), s(o, {
+	let o = w("Pagination");
+	return x(), s(o, {
 		page: e.page,
 		"onUpdate:page": t[0] ||= (t) => e.page = t,
 		pageSize: e.limit,
@@ -8321,17 +8331,17 @@ var Nc = /*#__PURE__*/ X(Y.component("DitoPagination", {
 	class: "dito-properties"
 };
 function Wc(e, n, r, i, a, o) {
-	let d = C("DitoLabel"), p = C("DitoTableCell"), m = C("DitoTreeItem", !0), h = C("DitoDraggable");
-	return b(), l("div", {
-		class: v(["dito-tree-item", {
+	let d = w("DitoLabel"), p = w("DitoTableCell"), m = w("DitoTreeItem", !0), h = w("DitoDraggable");
+	return x(), l("div", {
+		class: y(["dito-tree-item", {
 			"dito-tree-item--dragging": e.isDragging,
 			"dito-tree-item--active": e.active
 		}]),
 		id: e.componentPath,
-		style: y(e.level > 0 && { "--level": e.level }),
+		style: b(e.level > 0 && { "--level": e.level }),
 		"data-path": e.path
 	}, [
-		e.label ? (b(), l("div", Ic, [e.numEntries ? (b(), l("div", {
+		e.label ? (x(), l("div", Ic, [e.numEntries ? (x(), l("div", {
 			key: 0,
 			class: "dito-tree-branch",
 			role: "button",
@@ -8341,35 +8351,35 @@ function Wc(e, n, r, i, a, o) {
 			onClick: n[0] ||= A((t) => e.opened = !e.opened, ["stop"]),
 			onKeydown: n[1] ||= he(A((t) => e.opened = !e.opened, ["prevent"]), ["enter", "space"])
 		}, [
-			e.numEntries ? (b(), l("div", {
+			e.numEntries ? (x(), l("div", {
 				key: 0,
-				class: v(["dito-chevron", { "dito-chevron--open": e.opened }])
+				class: y(["dito-chevron", { "dito-chevron--open": e.opened }])
 			}, null, 2)) : c("", !0),
 			u("div", {
 				class: "dito-tree-label",
 				innerHTML: e.label
 			}, null, 8, Rc),
-			e.details ? (b(), l("div", zc, T(e.details), 1)) : c("", !0)
-		], 40, Lc)) : (b(), l("div", Bc, [u("div", {
+			e.details ? (x(), l("div", zc, E(e.details), 1)) : c("", !0)
+		], 40, Lc)) : (x(), l("div", Bc, [u("div", {
 			class: "dito-tree-label",
 			innerHTML: e.label
-		}, null, 8, Vc)])), e.hasEditButtons ? (b(), l("div", Hc, [
-			e.draggable ? (b(), l("a", _({
+		}, null, 8, Vc)])), e.hasEditButtons ? (x(), l("div", Hc, [
+			e.draggable ? (x(), l("a", v({
 				key: 0,
 				class: "dito-button"
 			}, e.getButtonAttributes(e.verbs.drag)), null, 16)) : c("", !0),
-			e.editable ? (b(), l("button", _({
+			e.editable ? (x(), l("button", v({
 				key: 1,
 				class: "dito-button",
 				type: "button"
 			}, e.getButtonAttributes(e.verbs.edit), { onClick: n[2] ||= (...t) => e.onEdit && e.onEdit(...t) }), null, 16)) : c("", !0),
-			e.deletable ? (b(), l("button", _({
+			e.deletable ? (x(), l("button", v({
 				key: 2,
 				class: "dito-button",
 				type: "button"
 			}, e.getButtonAttributes(e.verbs.delete), { onClick: n[3] ||= (...t) => e.onDelete && e.onDelete(...t) }), null, 16)) : c("", !0)
 		])) : c("", !0)])) : c("", !0),
-		e.properties ? k((b(), l("table", Uc, [(b(!0), l(t, null, x(e.properties, (t) => (b(), l("tr", null, [u("td", null, [t.label === !1 ? c("", !0) : (b(), s(d, {
+		e.properties ? k((x(), l("table", Uc, [(x(!0), l(t, null, S(e.properties, (t) => (x(), l("tr", null, [u("td", null, [t.label === !1 ? c("", !0) : (x(), s(d, {
 			key: 0,
 			label: e.getLabel(t)
 		}, null, 8, ["label"]))]), f(p, {
@@ -8388,15 +8398,15 @@ function Wc(e, n, r, i, a, o) {
 			"meta",
 			"store",
 			"disabled"
-		])]))), 256))], 512)), [[E, e.opened]]) : c("", !0),
-		e.childrenSchema ? k((b(), s(h, {
+		])]))), 256))], 512)), [[D, e.opened]]) : c("", !0),
+		e.childrenSchema ? k((x(), s(h, {
 			key: 2,
 			options: e.getDraggableOptions(!0),
 			draggable: e.childrenDraggable,
 			modelValue: e.childrenList,
 			"onUpdate:modelValue": n[4] ||= (t) => e.childrenList = t
 		}, {
-			default: O(() => [(b(!0), l(t, null, x(e.childrenItems, (t, n) => (b(), s(m, {
+			default: O(() => [(x(!0), l(t, null, S(e.childrenItems, (t, n) => (x(), s(m, {
 				key: e.getItemUid(e.childrenSchema, t.data),
 				schema: e.childrenSchema,
 				dataPath: e.getItemDataPath(e.childrenSchema, n),
@@ -8423,7 +8433,7 @@ function Wc(e, n, r, i, a, o) {
 			"options",
 			"draggable",
 			"modelValue"
-		])), [[E, e.opened]]) : c("", !0)
+		])), [[D, e.opened]]) : c("", !0)
 	], 14, Fc);
 }
 var Gc = /*#__PURE__*/ X(Y.component("DitoTreeItem", {
@@ -8595,24 +8605,24 @@ var Gc = /*#__PURE__*/ X(Y.component("DitoTreeItem", {
 	}
 }), [["render", Wc]]), Kc = { class: "dito-table-head" }, qc = ["aria-sort", "onClick"], Jc = { key: 1 }, Yc = { key: 0 };
 function Xc(e, n, r, i, a, o) {
-	let d = C("RouterLink");
-	return b(), l("thead", Kc, [u("tr", null, [(b(!0), l(t, null, x(e.columns, (r) => (b(), l(t, null, [e.shouldRenderSchema(r) ? (b(), l("th", {
+	let d = w("RouterLink");
+	return x(), l("thead", Kc, [u("tr", null, [(x(!0), l(t, null, S(e.columns, (r) => (x(), l(t, null, [e.shouldRenderSchema(r) ? (x(), l("th", {
 		key: 0,
 		scope: "col",
-		class: v(e.getColumnClass(r))
-	}, [r.sortable ? (b(), s(d, {
+		class: y(e.getColumnClass(r))
+	}, [r.sortable ? (x(), s(d, {
 		key: 0,
 		to: e.getSortLink(r),
 		custom: ""
 	}, {
 		default: O(({ navigate: t }) => [u("button", {
-			class: v(["dito-button", e.getSortClass(r)]),
+			class: y(["dito-button", e.getSortClass(r)]),
 			type: "button",
 			"aria-sort": e.getSortState(r),
 			onClick: t
-		}, [n[0] ||= u("div", { class: "dito-button__order-arrows" }, null, -1), u("span", null, T(e.getLabel(r)), 1)], 10, qc)]),
+		}, [n[0] ||= u("div", { class: "dito-button__order-arrows" }, null, -1), u("span", null, E(e.getLabel(r)), 1)], 10, qc)]),
 		_: 2
-	}, 1032, ["to"])) : (b(), l("span", Jc, T(e.getLabel(r)), 1))], 2)) : c("", !0)], 64))), 256)), e.hasEditButtons ? (b(), l("th", Yc, [...n[1] ||= [u("span", null, null, -1)]])) : c("", !0)])]);
+	}, 1032, ["to"])) : (x(), l("span", Jc, E(e.getLabel(r)), 1))], 2)) : c("", !0)], 64))), 256)), e.hasEditButtons ? (x(), l("th", Yc, [...n[1] ||= [u("span", null, null, -1)]])) : c("", !0)])]);
 }
 var Zc = /*#__PURE__*/ X(Y.component("DitoTableHead", {
 	props: {
@@ -8659,10 +8669,10 @@ var Zc = /*#__PURE__*/ X(Y.component("DitoTableHead", {
 	}
 }), [["render", Xc]]), Qc = ["innerHTML"];
 function $c(e, t, n, r, i, a) {
-	return b(), l("td", {
-		class: v(e.cell.class),
-		style: y(e.cell.style)
-	}, [e.cell.component ? (b(), s(w(e.cell.component), {
+	return x(), l("td", {
+		class: y(e.cell.class),
+		style: b(e.cell.style)
+	}, [e.cell.component ? (x(), s(T(e.cell.component), {
 		key: 0,
 		schema: e.schema,
 		dataPath: e.dataPath,
@@ -8679,7 +8689,7 @@ function $c(e, t, n, r, i, a) {
 		"store",
 		"nested",
 		"disabled"
-	])) : (b(), l("span", {
+	])) : (x(), l("span", {
 		key: 1,
 		innerHTML: e.renderCell(e.data)
 	}, null, 8, Qc))], 6);
@@ -8734,14 +8744,14 @@ var el = /*#__PURE__*/ X(Y.component("DitoTableCell", {
 	class: "dito-thumbnail__type"
 };
 function al(e, t, n, r, i, a) {
-	return b(), l("div", tl, [e.thumbnail ? (b(), l("div", {
+	return x(), l("div", tl, [e.thumbnail ? (x(), l("div", {
 		key: 0,
-		class: v(["dito-thumbnail", `dito-thumbnail--${e.thumbnail}`])
-	}, [u("div", nl, [e.source ? (b(), l("img", {
+		class: y(["dito-thumbnail", `dito-thumbnail--${e.thumbnail}`])
+	}, [u("div", nl, [e.source ? (x(), l("img", {
 		key: 0,
 		src: e.source,
 		crossorigin: "anonymous"
-	}, null, 8, rl)) : (b(), l("div", il, [u("span", null, T(e.type), 1)]))])], 2)) : c("", !0), u("span", null, T(e.file.name), 1)]);
+	}, null, 8, rl)) : (x(), l("div", il, [u("span", null, E(e.type), 1)]))])], 2)) : c("", !0), u("span", null, E(e.file.name), 1)]);
 }
 //#endregion
 //#region src/components/DitoUploadFile.vue
@@ -8817,7 +8827,7 @@ function ll(e, t, n = {}) {
 		if (t !== void 0) r?.option(e, t);
 		else return r?.option(e);
 	}, f;
-	return a && typeof e != "string" ? f = D(() => it(e), (e) => {
+	return a && typeof e != "string" ? f = me(() => it(e), (e) => {
 		c(), e && l(e);
 	}, {
 		immediate: !0,
@@ -8841,10 +8851,10 @@ function dl(e) {
 }
 function fl(e, t, n, r = null) {
 	r != null && (dl(r.item), ul(r.from, r.item, t));
-	let i = ee(e), a = i ? [...ce(e)] : ce(e);
+	let i = _(e), a = i ? [...se(e)] : se(e);
 	if (n >= 0 && n < a.length) {
 		let r = a.splice(t, 1)[0];
-		ne(() => {
+		te(() => {
 			a.splice(n, 0, r), i && (e.value = a);
 		});
 	}
@@ -8852,7 +8862,7 @@ function fl(e, t, n, r = null) {
 //#endregion
 //#region ../../node_modules/@vueuse/integrations/dist/useSortable/component.js
 var pl = /* #__PURE__ */ p((e, { slots: t }) => {
-	let n = at(e, "modelValue"), r = oe(), i = ie(ll(r, n, e.options));
+	let n = at(e, "modelValue"), r = ae(), i = re(ll(r, n, e.options));
 	return () => {
 		if (t.default) return g(e.as || "div", { ref: r }, t.default(i));
 	};
@@ -8867,10 +8877,10 @@ var pl = /* #__PURE__ */ p((e, { slots: t }) => {
 //#endregion
 //#region src/components/DitoDraggable.vue?vue&type=template&lang.js
 function ml(e, t, n, r, i, a) {
-	let o = C("UseSortable");
-	return e.draggable ? (b(), s(o, {
+	let o = w("UseSortable");
+	return e.draggable ? (x(), s(o, {
 		key: 0,
-		class: v(["dito-draggable", { "dito-draggable--dragging": e.isDragging }]),
+		class: y(["dito-draggable", { "dito-draggable--dragging": e.isDragging }]),
 		as: e.as,
 		modelValue: e.modelValue,
 		options: {
@@ -8880,15 +8890,15 @@ function ml(e, t, n, r, i, a) {
 		},
 		"onUpdate:modelValue": t[0] ||= (t) => e.$emit("update:modelValue", t)
 	}, {
-		default: O(() => [S(e.$slots, "default")]),
+		default: O(() => [C(e.$slots, "default")]),
 		_: 3
 	}, 8, [
 		"class",
 		"as",
 		"modelValue",
 		"options"
-	])) : (b(), s(w(e.as), { key: 1 }, {
-		default: O(() => [S(e.$slots, "default")]),
+	])) : (x(), s(T(e.as), { key: 1 }, {
+		default: O(() => [C(e.$slots, "default")]),
 		_: 3
 	}));
 }
@@ -9015,8 +9025,8 @@ function yl(e) {
 //#region src/types/DitoTypeButton.vue?vue&type=template&lang.js
 var bl = ["data-info"];
 function xl(e, t, n, r, i, a) {
-	let o = C("DitoAffixes"), u = C("DitoButton");
-	return b(), s(u, _({
+	let o = w("DitoAffixes"), u = w("DitoButton");
+	return x(), s(u, v({
 		class: ["dito-button", e.buttonClass],
 		id: e.componentPath,
 		ref: "element",
@@ -9025,7 +9035,7 @@ function xl(e, t, n, r, i, a) {
 		title: e.title,
 		disabled: e.disabled
 	}, e.attributes), {
-		prefix: O(() => [e.prefixes.length > 0 ? (b(), s(o, {
+		prefix: O(() => [e.prefixes.length > 0 ? (x(), s(o, {
 			key: 0,
 			items: e.prefixes,
 			position: "prefix",
@@ -9036,7 +9046,7 @@ function xl(e, t, n, r, i, a) {
 			"disabled",
 			"parentContext"
 		])) : c("", !0)]),
-		suffix: O(() => [e.suffixes.length > 0 ? (b(), s(o, {
+		suffix: O(() => [e.suffixes.length > 0 ? (x(), s(o, {
 			key: 0,
 			items: e.suffixes,
 			position: "suffix",
@@ -9046,7 +9056,7 @@ function xl(e, t, n, r, i, a) {
 			"items",
 			"disabled",
 			"parentContext"
-		])) : c("", !0), !e.label && e.info ? (b(), l("div", {
+		])) : c("", !0), !e.label && e.info ? (x(), l("div", {
 			key: 1,
 			class: "dito-info",
 			"data-info": e.info
@@ -9129,12 +9139,12 @@ var Sl = /*#__PURE__*/ X(Q.register(["button", "submit"], {
 	}
 }), [["render", xl]]), Cl = { class: "dito-checkbox" }, wl = ["id"];
 function Tl(e, t, n, r, i, a) {
-	return b(), l("div", Cl, [k(u("input", _({
+	return x(), l("div", Cl, [k(u("input", v({
 		id: e.componentPath,
 		ref: "element",
 		"onUpdate:modelValue": t[0] ||= (t) => e.value = t,
 		type: "checkbox"
-	}, e.attributes), null, 16, wl), [[ue, e.value]])]);
+	}, e.attributes), null, 16, wl), [[le, e.value]])]);
 }
 var El = /*#__PURE__*/ X(Q.register("checkbox", { nativeField: !0 }), [["render", Tl]]), Dl = {
 	computed: {
@@ -9295,7 +9305,7 @@ var El = /*#__PURE__*/ X(Q.register("checkbox", { nativeField: !0 }), [["render"
 			return this.optionValue ? t(this.activeOptions, e, this.groupBy) : e;
 		},
 		getValueForOption(e) {
-			if (this.shouldSetTemporaryId(e)) return se(e);
+			if (this.shouldSetTemporaryId(e)) return oe(e);
 			let { optionValue: t } = this;
 			return R(t) ? e?.[t] ?? null : F(t) ? t(new G(this, { option: e })) : e;
 		},
@@ -9315,18 +9325,18 @@ var El = /*#__PURE__*/ X(Q.register("checkbox", { nativeField: !0 }), [["render"
 	}
 }, Ol = ["id", "aria-label"], kl = { class: "dito-checkbox" }, Al = ["value"];
 function jl(e, n, r, i, a, o) {
-	return b(), l("ul", {
-		class: v(["dito-checkboxes", `dito-layout--${e.schema.layout || "vertical"}`]),
+	return x(), l("ul", {
+		class: y(["dito-checkboxes", `dito-layout--${e.schema.layout || "vertical"}`]),
 		id: e.componentPath,
 		role: "group",
 		"aria-label": e.label
-	}, [(b(!0), l(t, null, x(e.options, (t) => (b(), l("li", null, [u("label", null, [u("div", kl, [k(u("input", _({
+	}, [(x(!0), l(t, null, S(e.options, (t) => (x(), l("li", null, [u("label", null, [u("div", kl, [k(u("input", v({
 		ref_for: !0,
 		ref: "element",
 		"onUpdate:modelValue": n[0] ||= (t) => e.selectedOptions = t,
 		type: "checkbox",
 		value: e.getValueForOption(t)
-	}, { ref_for: !0 }, e.attributes), null, 16, Al), [[ue, e.selectedOptions]]), u("span", null, T(e.getLabelForOption(t)), 1)])])]))), 256))], 10, Ol);
+	}, { ref_for: !0 }, e.attributes), null, 16, Al), [[le, e.selectedOptions]]), u("span", null, E(e.getLabelForOption(t)), 1)])])]))), 256))], 10, Ol);
 }
 var Ml = /*#__PURE__*/ X(Q.register("checkboxes", {
 	mixins: [Dl],
@@ -9352,11 +9362,11 @@ var Ml = /*#__PURE__*/ X(Q.register("checkboxes", {
 	ref: "editor"
 };
 function Fl(e, t, n, r, i, a) {
-	return b(), l("div", {
+	return x(), l("div", {
 		class: "dito-code",
 		id: e.componentPath,
-		style: y(e.style)
-	}, [u("div", Pl, null, 512), e.resizable ? (b(), l("div", {
+		style: b(e.style)
+	}, [u("div", Pl, null, 512), e.resizable ? (x(), l("div", {
 		key: 0,
 		class: "dito-resize",
 		onMousedown: t[0] ||= A((...t) => e.onDragResize && e.onDragResize(...t), ["stop", "prevent"])
@@ -9442,14 +9452,14 @@ var Il = /*#__PURE__*/ X(Q.register("code", {
 	class: "dito-color__preview"
 };
 function Rl(e, t, n, r, i, a) {
-	let o = C("DitoAffixes"), d = C("DitoInput"), p = C("SketchPicker"), m = C("DitoTrigger");
-	return b(), s(m, {
+	let o = w("DitoAffixes"), d = w("DitoInput"), p = w("SketchPicker"), m = w("DitoTrigger");
+	return x(), s(m, {
 		class: "dito-color",
 		show: e.showPopup,
 		"onUpdate:show": t[2] ||= (t) => e.showPopup = t,
 		trigger: "focus"
 	}, {
-		trigger: O(() => [f(d, _({
+		trigger: O(() => [f(d, v({
 			id: e.componentPath,
 			ref: "element",
 			modelValue: e.hexValue,
@@ -9479,7 +9489,7 @@ function Rl(e, t, n, r, i, a) {
 				parentContext: e.context,
 				onClear: e.clear
 			}, {
-				append: O(() => [e.value ? (b(), l("div", Ll, [u("div", { style: y({ background: `#${e.hexValue || "00000000"}` }) }, null, 4)])) : c("", !0)]),
+				append: O(() => [e.value ? (x(), l("div", Ll, [u("div", { style: b({ background: `#${e.hexValue || "00000000"}` }) }, null, 4)])) : c("", !0)]),
 				_: 1
 			}, 8, [
 				"items",
@@ -9613,7 +9623,7 @@ var Hl = /*#__PURE__*/ X(zl, [["render", Rl]]);
 //#endregion
 //#region src/types/DitoTypeComponent.vue?vue&type=template&lang.js
 function Ul(e, t, n, r, i, a) {
-	return b(), s(w(e.schema.component), re(h(e.$props)), null, 16);
+	return x(), s(T(e.schema.component), ne(h(e.$props)), null, 16);
 }
 var Wl = /*#__PURE__*/ X(Q.register("component", {
 	defaultValue: () => void 0,
@@ -9628,7 +9638,7 @@ var Wl = /*#__PURE__*/ X(Q.register("component", {
 	"disabled"
 ];
 function Kl(e, t, n, r, i, a) {
-	return b(), l("input", {
+	return x(), l("input", {
 		class: "dito-text dito-input",
 		id: e.componentPath,
 		ref: "element",
@@ -9649,8 +9659,8 @@ var ql = /*#__PURE__*/ X(Q.register([
 	valueFromDataSchema: !0
 }), [["render", Kl]]), Jl = { class: "dito-date" };
 function Yl(e, t, n, r, i, a) {
-	let o = C("DitoAffixes");
-	return b(), l("div", Jl, [(b(), s(w(e.getComponent(e.type)), _({
+	let o = w("DitoAffixes");
+	return x(), l("div", Jl, [(x(), s(T(e.getComponent(e.type)), v({
 		id: e.componentPath,
 		ref: "element",
 		modelValue: e.dateValue,
@@ -10326,19 +10336,19 @@ var du = ["id", "aria-label"], fu = {
 	class: "dito-table__buttons"
 }, yu = { key: 1 }, bu = ["colspan"];
 function xu(e, n, r, i, a, o) {
-	let d = C("DitoScopes"), p = C("DitoPagination"), m = C("DitoTableHead"), h = C("DitoTableCell"), g = C("DitoSchemaInlined"), ee = C("DitoEditButtons"), te = C("DitoDraggable");
-	return e.isReady ? (b(), l("div", {
+	let d = w("DitoScopes"), p = w("DitoPagination"), m = w("DitoTableHead"), h = w("DitoTableCell"), g = w("DitoSchemaInlined"), _ = w("DitoEditButtons"), ee = w("DitoDraggable");
+	return e.isReady ? (x(), l("div", {
 		key: 0,
 		class: "dito-list",
 		id: e.componentPath,
 		role: "region",
 		"aria-label": e.label || e.labelize(e.schema.name)
 	}, [
-		e.scopes || e.hasPagination ? (b(), l("div", fu, [e.scopes ? (b(), s(d, {
+		e.scopes || e.hasPagination ? (x(), l("div", fu, [e.scopes ? (x(), s(d, {
 			key: 0,
 			query: e.query,
 			scopes: e.scopes
-		}, null, 8, ["query", "scopes"])) : e.hasPagination ? (b(), l("div", pu)) : c("", !0), e.hasPagination ? (b(), s(p, {
+		}, null, 8, ["query", "scopes"])) : e.hasPagination ? (x(), l("div", pu)) : c("", !0), e.hasPagination ? (x(), s(p, {
 			key: 2,
 			query: e.query,
 			limit: e.paginate,
@@ -10348,13 +10358,13 @@ function xu(e, n, r, i, a, o) {
 			"limit",
 			"total"
 		])) : c("", !0)])) : c("", !0),
-		u("table", { class: v(["dito-table", {
+		u("table", { class: y(["dito-table", {
 			"dito-table--separators": e.isInlined,
 			"dito-table--larger-padding": e.hasEditButtons && !e.isInlined,
 			"dito-table--alternate-colors": !e.isInlined,
 			"dito-table--even-count": e.hasEvenCount
 		}]) }, [
-			e.columns ? (b(), s(m, {
+			e.columns ? (x(), s(m, {
 				key: 0,
 				query: e.query,
 				columns: e.columns,
@@ -10364,19 +10374,19 @@ function xu(e, n, r, i, a, o) {
 				"columns",
 				"hasEditButtons"
 			])) : c("", !0),
-			f(te, {
+			f(ee, {
 				as: "tbody",
 				options: e.getDraggableOptions(),
 				draggable: e.draggable,
 				modelValue: e.listData,
 				"onUpdate:modelValue": n[0] ||= (t) => e.listData = t
 			}, {
-				default: O(() => [(b(!0), l(t, null, x(e.listData, (n, r) => (b(), l("tr", {
+				default: O(() => [(x(!0), l(t, null, S(e.listData, (n, r) => (x(), l("tr", {
 					id: e.getComponentPath(r),
 					key: e.getItemUid(e.schema, n)
-				}, [e.columns ? (b(!0), l(t, { key: 0 }, x(e.columns, (i) => (b(), l(t, null, [e.shouldRenderSchema(i) ? (b(), s(h, {
+				}, [e.columns ? (x(!0), l(t, { key: 0 }, S(e.columns, (i) => (x(), l(t, null, [e.shouldRenderSchema(i) ? (x(), s(h, {
 					key: i.name,
-					class: v(e.getCellClass(i)),
+					class: y(e.getCellClass(i)),
 					cell: i,
 					schema: e.schema,
 					dataPath: e.getDataPath(r),
@@ -10394,7 +10404,7 @@ function xu(e, n, r, i, a, o) {
 					"meta",
 					"store",
 					"disabled"
-				])) : c("", !0)], 64))), 256)) : (b(), l("td", hu, [e.isInlined ? (b(), s(g, {
+				])) : c("", !0)], 64))), 256)) : (x(), l("td", hu, [e.isInlined ? (x(), s(g, {
 					key: 0,
 					label: e.getItemLabel(e.schema, n, {
 						index: r,
@@ -10432,18 +10442,18 @@ function xu(e, n, r, i, a, o) {
 					"createPath",
 					"insertIndex",
 					"onDelete"
-				])) : e.schema.component ? (b(), s(w(e.schema.component), {
+				])) : e.schema.component ? (x(), s(T(e.schema.component), {
 					key: 1,
 					dataPath: e.getDataPath(r),
 					data: n,
 					nested: !1
-				}, null, 8, ["dataPath", "data"])) : e.render ? (b(), l("span", {
+				}, null, 8, ["dataPath", "data"])) : e.render ? (x(), l("span", {
 					key: 2,
 					innerHTML: e.render(e.getContext(n, r))
-				}, null, 8, gu)) : (b(), l("span", {
+				}, null, 8, gu)) : (x(), l("span", {
 					key: 3,
 					innerHTML: e.getItemLabel(e.schema, n, { index: r })
-				}, null, 8, _u))])), e.hasCellEditButtons ? (b(), l("td", vu, [f(ee, {
+				}, null, 8, _u))])), e.hasCellEditButtons ? (x(), l("td", vu, [f(_, {
 					nested: "",
 					schema: e.getItemFormSchema(e.schema, n, e.context),
 					dataPath: e.getDataPath(r),
@@ -10475,10 +10485,10 @@ function xu(e, n, r, i, a, o) {
 				"draggable",
 				"modelValue"
 			]),
-			e.hasListButtons && !e.single ? (b(), l("tfoot", yu, [u("tr", null, [u("td", {
+			e.hasListButtons && !e.single ? (x(), l("tfoot", yu, [u("tr", null, [u("td", {
 				class: "dito-table__buttons",
 				colspan: e.numColumns
-			}, [f(ee, {
+			}, [f(_, {
 				buttons: e.buttonSchemas,
 				schema: e.schema,
 				dataPath: e.dataPath,
@@ -10502,7 +10512,7 @@ function xu(e, n, r, i, a, o) {
 				"createPath"
 			])], 8, bu)])])) : c("", !0)
 		], 2),
-		e.hasListButtons && e.single ? (b(), s(ee, {
+		e.hasListButtons && e.single ? (x(), s(_, {
 			key: 1,
 			class: "dito-buttons--large dito-buttons--main dito-buttons--sticky",
 			buttons: e.buttonSchemas,
@@ -10606,8 +10616,8 @@ var Su = /*#__PURE__*/ X(Q.register("list", {
 //#endregion
 //#region src/types/DitoTypeLabel.vue?vue&type=template&lang.js
 function Cu(e, t, n, r, i, a) {
-	let o = C("DitoLabel");
-	return b(), s(o, {
+	let o = w("DitoLabel");
+	return x(), s(o, {
 		class: "dito-label-component",
 		label: e.value
 	}, null, 8, ["label"]);
@@ -11636,13 +11646,13 @@ var gd = ["id"], _d = {
 	"onClick"
 ];
 function bd(e, n, r, i, a, o) {
-	let s = C("DitoIcon"), u = C("EditorContent");
-	return b(), l("div", {
+	let s = w("DitoIcon"), u = w("EditorContent");
+	return x(), l("div", {
 		class: "dito-markup",
 		id: e.componentPath
 	}, [
-		e.groupedButtons.length > 0 ? (b(), l("div", _d, [(b(!0), l(t, null, x(e.groupedButtons, (e) => (b(), l("div", vd, [(b(!0), l(t, null, x(e, ({ id: e, label: t, icon: n, isActive: r, onClick: i }) => (b(), l("button", {
-			class: v(["dito-button", { "dito-button--active": r }]),
+		e.groupedButtons.length > 0 ? (x(), l("div", _d, [(x(!0), l(t, null, S(e.groupedButtons, (e) => (x(), l("div", vd, [(x(!0), l(t, null, S(e, ({ id: e, label: t, icon: n, isActive: r, onClick: i }) => (x(), l("button", {
+			class: y(["dito-button", { "dito-button--active": r }]),
 			key: e,
 			"aria-label": t,
 			"aria-pressed": r,
@@ -11652,9 +11662,9 @@ function bd(e, n, r, i, a, o) {
 			class: "dito-markup-editor",
 			ref: "editor",
 			editor: e.editor,
-			style: y(e.styles)
+			style: b(e.styles)
 		}, null, 8, ["editor", "style"]),
-		e.resizable ? (b(), l("div", {
+		e.resizable ? (x(), l("div", {
 			key: 1,
 			class: "dito-resize",
 			onMousedown: n[0] ||= A((...t) => e.onDragResize && e.onDragResize(...t), ["stop", "prevent"])
@@ -11995,8 +12005,8 @@ var xd = Q.register("markup", {
 	}
 }), wd = /*#__PURE__*/ X(xd, [["render", bd]]), Td = { class: "dito-multiselect" }, Ed = { class: "dito-multiselect__inner" };
 function Dd(e, t, n, r, i, a) {
-	let o = C("DitoAffixes"), d = C("VueMultiselect"), p = C("DitoEditButtons");
-	return b(), l("div", Td, [u("div", Ed, [
+	let o = w("DitoAffixes"), d = w("VueMultiselect"), p = w("DitoEditButtons");
+	return x(), l("div", Td, [u("div", Ed, [
 		f(o, {
 			items: e.schema.prefix,
 			position: "prefix",
@@ -12009,7 +12019,7 @@ function Dd(e, t, n, r, i, a) {
 			"disabled",
 			"parentContext"
 		]),
-		f(d, _({
+		f(d, v({
 			id: e.componentPath,
 			ref: "element",
 			modelValue: e.selectedOptions,
@@ -12079,7 +12089,7 @@ function Dd(e, t, n, r, i, a) {
 			"parentContext",
 			"onClear"
 		])
-	]), e.editable ? (b(), s(p, {
+	]), e.editable ? (x(), s(p, {
 		key: 0,
 		schema: e.schema,
 		dataPath: e.dataPath,
@@ -12275,8 +12285,8 @@ var Od = /*#__PURE__*/ X(Q.register("multiselect", {
 //#endregion
 //#region src/types/DitoTypeNumber.vue?vue&type=template&lang.js
 function Ad(e, t, n, r, i, a) {
-	let o = C("DitoAffixes"), c = C("DitoInput");
-	return b(), s(c, _({
+	let o = w("DitoAffixes"), c = w("DitoInput");
+	return x(), s(c, v({
 		class: "dito-number",
 		id: e.componentPath,
 		ref: "element",
@@ -12341,12 +12351,12 @@ var jd = /*#__PURE__*/ X(Q.register(["number", "integer"], {
 	class: "dito-object-content"
 }, Pd = ["innerHTML"], Fd = ["innerHTML"];
 function Id(e, t, n, r, i, a) {
-	let o = C("DitoSchemaInlined"), u = C("DitoEditButtons");
-	return e.isReady ? (b(), l("div", {
+	let o = w("DitoSchemaInlined"), u = w("DitoEditButtons");
+	return e.isReady ? (x(), l("div", {
 		key: 0,
 		class: "dito-object",
 		id: e.componentPath
-	}, [e.objectData ? (b(), l("div", Nd, [e.isInlined ? (b(), s(o, {
+	}, [e.objectData ? (x(), l("div", Nd, [e.isInlined ? (x(), s(o, {
 		key: 0,
 		label: e.objectLabel,
 		schema: e.getItemFormSchema(e.schema, e.objectData, e.context),
@@ -12372,15 +12382,15 @@ function Id(e, t, n, r, i, a) {
 		"collapsible",
 		"deletable",
 		"accumulatedBasis"
-	])) : e.schema.component ? (b(), s(w(e.schema.component), {
+	])) : e.schema.component ? (x(), s(T(e.schema.component), {
 		key: 1,
 		dataPath: e.dataPath,
 		data: e.objectData,
 		nested: !1
-	}, null, 8, ["dataPath", "data"])) : e.render ? (b(), l("span", {
+	}, null, 8, ["dataPath", "data"])) : e.render ? (x(), l("span", {
 		key: 2,
 		innerHTML: e.render(e.getContext())
-	}, null, 8, Pd)) : (b(), l("span", {
+	}, null, 8, Pd)) : (x(), l("span", {
 		key: 3,
 		innerHTML: e.getItemLabel(e.schema, e.objectData)
 	}, null, 8, Fd))])) : c("", !0), f(u, {
@@ -12447,7 +12457,7 @@ var Ld = /*#__PURE__*/ X(Q.register("object", {
 	"max"
 ];
 function Bd(e, t, n, r, i, a) {
-	return b(), l("progress", _({
+	return x(), l("progress", v({
 		class: "dito-progress",
 		id: e.componentPath,
 		ref: "element",
@@ -12469,19 +12479,19 @@ var Vd = /*#__PURE__*/ X(Q.register("progress", {
 	}
 }), [["render", Bd]]), Hd = ["id", "aria-label"], Ud = ["value"];
 function Wd(e, n, r, i, a, o) {
-	return b(), l("ul", {
-		class: v(["dito-radio-buttons", `dito-layout--${e.schema.layout || "vertical"}`]),
+	return x(), l("ul", {
+		class: y(["dito-radio-buttons", `dito-layout--${e.schema.layout || "vertical"}`]),
 		id: e.componentPath,
 		role: "radiogroup",
 		"aria-label": e.label
-	}, [(b(!0), l(t, null, x(e.options, (t) => (b(), l("li", null, [u("label", null, [k(u("input", _({
+	}, [(x(!0), l(t, null, S(e.options, (t) => (x(), l("li", null, [u("label", null, [k(u("input", v({
 		class: "dito-radio-button",
 		ref_for: !0,
 		ref: "element",
 		"onUpdate:modelValue": n[0] ||= (t) => e.selectedValue = t,
 		type: "radio",
 		value: e.getValueForOption(t)
-	}, { ref_for: !0 }, e.attributes), null, 16, Ud), [[fe, e.selectedValue]]), d(T(e.getLabelForOption(t)), 1)])]))), 256))], 10, Hd);
+	}, { ref_for: !0 }, e.attributes), null, 16, Ud), [[de, e.selectedValue]]), d(E(e.getLabelForOption(t)), 1)])]))), 256))], 10, Hd);
 }
 var Gd = /*#__PURE__*/ X(Q.register("radio", {
 	mixins: [Dl],
@@ -12491,8 +12501,8 @@ var Gd = /*#__PURE__*/ X(Q.register("radio", {
 //#endregion
 //#region src/types/DitoTypeSection.vue?vue&type=template&lang.js
 function Kd(e, t, n, r, i, a) {
-	let o = C("DitoSchemaInlined");
-	return b(), l("div", { class: v(["dito-section", { "dito-section--labelled": e.hasLabel }]) }, [f(o, {
+	let o = w("DitoSchemaInlined");
+	return x(), l("div", { class: y(["dito-section", { "dito-section--labelled": e.hasLabel }]) }, [f(o, {
 		class: "dito-section__schema",
 		schema: e.getItemFormSchema(e.schema, e.item, e.context),
 		dataPath: e.dataPath,
@@ -12559,8 +12569,8 @@ var qd = /*#__PURE__*/ X(Q.register("section", {
 	}
 }), [["render", Kd]]), Jd = { class: "dito-select" }, Yd = { class: "dito-select__inner" }, Xd = ["id"], Zd = ["label"], Qd = ["value"], $d = ["value"], ef = ["value"];
 function tf(e, n, r, i, a, o) {
-	let d = C("DitoAffixes"), p = C("DitoEditButtons");
-	return b(), l("div", Jd, [u("div", Yd, [
+	let d = w("DitoAffixes"), p = w("DitoEditButtons");
+	return x(), l("div", Jd, [u("div", Yd, [
 		f(d, {
 			items: e.schema.prefix,
 			position: "prefix",
@@ -12573,23 +12583,23 @@ function tf(e, n, r, i, a, o) {
 			"disabled",
 			"parentContext"
 		]),
-		k(u("select", _({
+		k(u("select", v({
 			id: e.componentPath,
 			ref: "element",
 			"onUpdate:modelValue": n[0] ||= (t) => e.selectedValue = t
 		}, e.attributes, {
 			onMousedown: n[1] ||= (t) => e.populate = !0,
 			onFocus: n[2] ||= (t) => e.populate = !0
-		}), [e.populate ? (b(!0), l(t, { key: 0 }, x(e.options, (n) => (b(), l(t, null, [e.groupBy ? (b(), l("optgroup", {
+		}), [e.populate ? (x(!0), l(t, { key: 0 }, S(e.options, (n) => (x(), l(t, null, [e.groupBy ? (x(), l("optgroup", {
 			key: 0,
 			label: n[e.groupByLabel]
-		}, [(b(!0), l(t, null, x(n[e.groupByOptions], (t) => (b(), l("option", { value: e.getValueForOption(t) }, T(e.getLabelForOption(t)), 9, Qd))), 256))], 8, Zd)) : (b(), l("option", {
+		}, [(x(!0), l(t, null, S(n[e.groupByOptions], (t) => (x(), l("option", { value: e.getValueForOption(t) }, E(e.getLabelForOption(t)), 9, Qd))), 256))], 8, Zd)) : (x(), l("option", {
 			key: 1,
 			value: e.getValueForOption(n)
-		}, T(e.getLabelForOption(n)), 9, $d))], 64))), 256)) : e.selectedOption ? (b(), l("option", {
+		}, E(e.getLabelForOption(n)), 9, $d))], 64))), 256)) : e.selectedOption ? (x(), l("option", {
 			key: 1,
 			value: e.selectedValue
-		}, T(e.getLabelForOption(e.selectedOption)), 9, ef)) : c("", !0)], 16, Xd), [[pe, e.selectedValue]]),
+		}, E(e.getLabelForOption(e.selectedOption)), 9, ef)) : c("", !0)], 16, Xd), [[fe, e.selectedValue]]),
 		f(d, {
 			items: e.schema.suffix,
 			position: "suffix",
@@ -12608,7 +12618,7 @@ function tf(e, n, r, i, a, o) {
 			"parentContext",
 			"onClear"
 		])
-	]), e.editable ? (b(), s(p, {
+	]), e.editable ? (x(), s(p, {
 		key: 0,
 		schema: e.schema,
 		dataPath: e.dataPath,
@@ -12642,8 +12652,8 @@ var nf = /*#__PURE__*/ X(Q.register("select", {
 	"step"
 ];
 function of(e, t, n, r, i, a) {
-	let o = C("DitoInput");
-	return b(), l("div", rf, [k(u("input", _({
+	let o = w("DitoInput");
+	return x(), l("div", rf, [k(u("input", v({
 		class: "dito-range",
 		id: e.componentPath,
 		ref: "element",
@@ -12653,7 +12663,7 @@ function of(e, t, n, r, i, a) {
 		min: e.min,
 		max: e.max,
 		step: e.stepValue
-	}), null, 16, af), [[me, e.inputValue]]), e.input ? (b(), s(o, _({
+	}), null, 16, af), [[pe, e.inputValue]]), e.input ? (x(), s(o, v({
 		key: 0,
 		class: "dito-number",
 		modelValue: e.inputValue,
@@ -12692,8 +12702,8 @@ var lf = /*#__PURE__*/ X(Q.register("spacer", {
 //#endregion
 //#region src/types/DitoTypeSwitch.vue?vue&type=template&lang.js
 function uf(e, t, n, r, i, a) {
-	let o = C("DitoSwitch");
-	return b(), s(o, _({
+	let o = w("DitoSwitch");
+	return x(), s(o, v({
 		class: "dito-switch",
 		id: e.componentPath,
 		ref: "element",
@@ -12726,8 +12736,8 @@ var df = /*#__PURE__*/ X(Q.register("switch", {
 //#endregion
 //#region src/types/DitoTypeText.vue?vue&type=template&lang.js
 function pf(e, t, n, r, i, a) {
-	let o = C("DitoAffixes"), c = C("DitoInput");
-	return b(), s(c, _({
+	let o = w("DitoAffixes"), c = w("DitoInput");
+	return x(), s(c, v({
 		class: "dito-text",
 		id: e.componentPath,
 		ref: "element",
@@ -12820,7 +12830,7 @@ var mf = "****************", hf = /*#__PURE__*/ X(Q.register([
 	}
 }), [["render", pf]]), gf = ["id", "rows"];
 function _f(e, t, n, r, i, a) {
-	return k((b(), l("textarea", _({
+	return k((x(), l("textarea", v({
 		class: "dito-textarea dito-input",
 		id: e.componentPath,
 		ref: "element",
@@ -12828,7 +12838,7 @@ function _f(e, t, n, r, i, a) {
 	}, e.attributes, {
 		rows: e.lines,
 		class: { "dito-textarea--resizable": e.resizable }
-	}), null, 16, gf)), [[me, e.value]]);
+	}), null, 16, gf)), [[pe, e.value]]);
 }
 var vf = /*#__PURE__*/ X(Q.register("textarea", {
 	mixins: [ff],
@@ -12848,8 +12858,8 @@ var vf = /*#__PURE__*/ X(Q.register("textarea", {
 	class: "dito-tree-form-container"
 };
 function Sf(e, t, n, r, i, a) {
-	let o = C("DitoScopes"), d = C("DitoTreeItem"), p = C("DitoRouterView");
-	return b(), l("div", yf, [e.scopes ? (b(), s(o, {
+	let o = w("DitoScopes"), d = w("DitoTreeItem"), p = w("DitoRouterView");
+	return x(), l("div", yf, [e.scopes ? (x(), s(o, {
 		key: 0,
 		query: e.query,
 		scopes: e.scopes
@@ -12865,7 +12875,7 @@ function Sf(e, t, n, r, i, a) {
 		"dataPath",
 		"data",
 		"draggable"
-	]), e.editPath && e.hasEditableForms ? (b(), l("div", xf, [f(p, { routeLevel: e.routeComponent.routeLevel + 1 }, null, 8, ["routeLevel"])])) : c("", !0)])]);
+	]), e.editPath && e.hasEditableForms ? (x(), l("div", xf, [f(p, { routeLevel: e.routeComponent.routeLevel + 1 }, null, 8, ["routeLevel"])])) : c("", !0)])]);
 }
 var Cf = /*#__PURE__*/ X(Q.register(["tree-list", "tree-object"], {
 	mixins: [$l],
@@ -12964,8 +12974,8 @@ var kf = { class: "dito-upload" }, Af = { class: "dito-table dito-table--separat
 	"onClick"
 ], Pf = { key: 2 }, Ff = { class: "dito-upload__size" }, If = { class: "dito-upload__status" }, Lf = { class: "dito-table__buttons" }, Rf = { class: "dito-buttons dito-buttons--round" }, zf = ["title"], Bf = ["onClick"], Vf = { key: 0 }, Hf = { colspan: 4 }, Uf = { class: "dito-upload-footer" }, Wf = ["value"], Gf = { class: "dito-buttons dito-buttons--round" }, Kf = ["title"];
 function qf(e, n, r, i, a, o) {
-	let s = C("VueUpload"), p = C("DitoUploadFile"), m = C("DitoDraggable");
-	return b(), l("div", kf, [f(s, {
+	let s = w("VueUpload"), p = w("DitoUploadFile"), m = w("DitoDraggable");
+	return x(), l("div", kf, [f(s, {
 		class: "dito-upload__input",
 		ref: "upload",
 		modelValue: e.uploads,
@@ -13009,11 +13019,11 @@ function qf(e, n, r, i, a, o) {
 			options: e.getDraggableOptions(),
 			draggable: e.draggable
 		}, {
-			default: O(() => [e.multiple || !e.isUploadActive ? (b(!0), l(t, { key: 0 }, x(e.files, (r, i) => (b(), l("tr", { key: r.name }, [
-				e.render ? (b(), l("td", {
+			default: O(() => [e.multiple || !e.isUploadActive ? (x(!0), l(t, { key: 0 }, S(e.files, (r, i) => (x(), l("tr", { key: r.name }, [
+				e.render ? (x(), l("td", {
 					key: 0,
 					innerHTML: e.renderFile(r, i)
-				}, null, 8, jf)) : e.downloadUrls[i] ? (b(), l("td", Mf, [u("a", {
+				}, null, 8, jf)) : e.downloadUrls[i] ? (x(), l("td", Mf, [u("a", {
 					download: r.name,
 					href: e.downloadUrls[i],
 					target: "_blank",
@@ -13026,7 +13036,7 @@ function qf(e, n, r, i, a, o) {
 					"file",
 					"thumbnail",
 					"thumbnailUrl"
-				])], 8, Nf)])) : (b(), l("td", Pf, [f(p, {
+				])], 8, Nf)])) : (x(), l("td", Pf, [f(p, {
 					file: r,
 					thumbnail: e.thumbnails,
 					thumbnailUrl: e.thumbnailUrls[i]
@@ -13035,20 +13045,20 @@ function qf(e, n, r, i, a, o) {
 					"thumbnail",
 					"thumbnailUrl"
 				])])),
-				u("td", Ff, T(e.formatFileSize(r.size)), 1),
-				u("td", If, [r.upload ? (b(), l(t, { key: 0 }, [r.upload.error ? (b(), l(t, { key: 0 }, [d("Error: " + T(r.upload.error), 1)], 64)) : r.upload.active ? (b(), l(t, { key: 1 }, [d("Uploading...")], 64)) : r.upload.success ? (b(), l(t, { key: 2 }, [d("Uploaded")], 64)) : c("", !0)], 64)) : (b(), l(t, { key: 1 }, [d("Stored")], 64))]),
+				u("td", Ff, E(e.formatFileSize(r.size)), 1),
+				u("td", If, [r.upload ? (x(), l(t, { key: 0 }, [r.upload.error ? (x(), l(t, { key: 0 }, [d("Error: " + E(r.upload.error), 1)], 64)) : r.upload.active ? (x(), l(t, { key: 1 }, [d("Uploading...")], 64)) : r.upload.success ? (x(), l(t, { key: 2 }, [d("Uploaded")], 64)) : c("", !0)], 64)) : (x(), l(t, { key: 1 }, [d("Stored")], 64))]),
 				u("td", Lf, [u("div", Rf, [
-					e.multiple ? c("", !0) : (b(), l("button", {
+					e.multiple ? c("", !0) : (x(), l("button", {
 						key: 0,
 						class: "dito-button dito-button--upload",
 						title: e.uploadTitle,
 						onClick: n[1] ||= (...t) => e.onClickUpload && e.onClickUpload(...t)
 					}, null, 8, zf)),
-					e.draggable ? (b(), l("a", _({
+					e.draggable ? (x(), l("a", v({
 						key: 1,
 						class: "dito-button"
 					}, { ref_for: !0 }, e.getButtonAttributes(e.verbs.drag)), null, 16)) : c("", !0),
-					e.deletable ? (b(), l("button", _({
+					e.deletable ? (x(), l("button", v({
 						key: 2,
 						class: "dito-button",
 						type: "button"
@@ -13061,17 +13071,17 @@ function qf(e, n, r, i, a, o) {
 			"options",
 			"draggable"
 		]),
-		e.multiple || e.isUploadActive || !e.hasFiles ? (b(), l("tfoot", Vf, [u("tr", null, [u("td", Hf, [u("div", Uf, [e.isUploadActive ? (b(), l("progress", {
+		e.multiple || e.isUploadActive || !e.hasFiles ? (x(), l("tfoot", Vf, [u("tr", null, [u("td", Hf, [u("div", Uf, [e.isUploadActive ? (x(), l("progress", {
 			key: 0,
 			class: "dito-progress",
 			value: e.uploadProgress,
 			max: "100"
-		}, null, 8, Wf)) : c("", !0), u("div", Gf, [e.isUploadActive ? (b(), l("button", {
+		}, null, 8, Wf)) : c("", !0), u("div", Gf, [e.isUploadActive ? (x(), l("button", {
 			key: 0,
 			class: "dito-button",
 			type: "button",
 			onClick: n[3] ||= A((t) => e.upload.active = !1, ["prevent"])
-		}, "Cancel")) : c("", !0), e.multiple || !e.hasFiles ? (b(), l("button", {
+		}, "Cancel")) : c("", !0), e.multiple || !e.hasFiles ? (x(), l("button", {
 			key: 1,
 			class: "dito-button dito-button--upload",
 			title: e.uploadTitle,