@ditojs/admin 3.2.5 → 3.2.6

package/dist/dito-admin.es.js

@@ -2729,8 +2729,8 @@ var Ta = /*#__PURE__*/ X({
 			r && (r.style.width = getComputedStyle(n).width);
 			let i = n.getBoundingClientRect(), a = i.left + window.scrollX, o = i.top + window.scrollY, s = i.width, c = i.height, l = t.offsetWidth, u = t.offsetHeight, [d, f] = this.popupPlacement.split("-") || [];
 			if (this.keepInView) {
-				let e = window.innerWidth, t = window.innerHeight;
-				d === "top" ? o < u && (d = "bottom") : d === "bottom" ? t - o - c < u && (d = "top") : d === "left" ? a < l && (d = "right") : d === "right" && e - a - s < l && (d = "left"), f === "top" ? t - o < u && (f = "bottom") : f === "bottom" ? o + c < u && (f = "top") : f === "left" ? e - a < l && (f = "right") : f === "right" && a + s < l && (f = "left");
+				let e = window.innerWidth, t = window.innerHeight, n = o, r = t - o - c, i = a, p = e - a - s, m = (e, t, n) => e < n && t > e;
+				d === "top" ? m(n, r, u) && (d = "bottom") : d === "bottom" ? m(r, n, u) && (d = "top") : d === "left" ? m(i, p, l) && (d = "right") : d === "right" && m(p, i, l) && (d = "left"), f === "top" ? m(t - o, o + c, u) && (f = "bottom") : f === "bottom" ? m(o + c, t - o, u) && (f = "top") : f === "left" ? m(e - a, a + s, l) && (f = "right") : f === "right" && m(a + s, e - a, l) && (f = "left");
 			}
 			let p = 0, m = 0;
 			switch (d) {
@@ -4602,7 +4602,7 @@ function Lo(e, t, n, r, i, a) {
 		options: e.focusTrapOptions
 	}, {
 		default: k(() => [u("form", {
-			class: "dito-scroll-parent",
+			class: "dito-dialog__form dito-scroll-parent",
 			onSubmit: t[0] ||= j((...t) => e.submit && e.submit(...t), ["prevent"]),
 			onKeydown: t[1] ||= me((...t) => e.onEnter && e.onEnter(...t), ["enter"])
 		}, [A(u("button", null, null, 512), [[O, !1]]), f(s, {
@@ -7206,11 +7206,12 @@ var tc = /*#__PURE__*/ X(Y.component("DitoPanels", {
 	class: "dito-buttons"
 }, rc = {
 	key: 0,
-	class: "dito-container"
+	class: "dito-container dito-buttons__container"
 };
 function ic(e, n, r, i, a, o) {
 	let u = T("DitoContainer"), d = T("DitoVnode");
 	return e.buttonSchemas || e.hasSlotContent(e.$slots.default) ? (S(), l("div", nc, [(S(!0), l(t, null, C(e.buttonSchemas, (n, r) => (S(), l(t, null, [e.shouldRenderSchema(n) ? (S(), s(u, {
+		class: "dito-buttons__container",
 		key: r,
 		schema: n,
 		dataPath: r,
@@ -7707,6 +7708,9 @@ var xc = Y.component("DitoRouterView", bc), Sc = {
 		};
 	},
 	computed: {
+		isInsideForm() {
+			return !this.isForm && !!this.formComponent;
+		},
 		resourceComponent() {
 			return this;
 		},
@@ -7809,7 +7813,8 @@ var xc = Y.component("DitoRouterView", bc), Sc = {
 				if (e) {
 					if (t) {
 						let { data: e } = t;
-						if (e?.type === "FilterValidation" && this.onFilterErrors?.(e.errors) || this.isUnauthorizedError(t)) return !0;
+						if (e?.type === "FilterValidation" && this.onFilterErrors?.(e.errors)) return !0;
+						if (this.isUnauthorizedError(t) && this.isInsideForm) return this.addUnauthorizedError(), !0;
 					}
 				} else this.isForm && this.isDirty || this.setData(t.data), this.emitSchemaEvent("load");
 			});
@@ -7820,6 +7825,10 @@ var xc = Y.component("DitoRouterView", bc), Sc = {
 		isUnauthorizedError(e) {
 			return e?.status === 401;
 		},
+		addUnauthorizedError() {
+			let e = "You don't have permission to load this data.";
+			this.errors?.includes(e) || this.addError(e);
+		},
 		async handleRequest({ method: e, resource: t = this.getResource({ method: e }), query: n, data: r }, i) {
 			let a = {
 				updateRoot: !0,
@@ -8111,7 +8120,7 @@ var Dc = /*#__PURE__*/ X(Y.component("DitoForm", {
 			flush: "post",
 			handler(e, t) {
 				let n = this.meta?.param;
-				n && this.providesData && t.matched[0].path === e.matched[0].path && t.params[n] !== "create" && e.params[n] !== t.params[n] && this.loadData(!0);
+				n && this.providesData && t.params[n] !== "create" && e.params[n] !== t.params[n] && this.loadData(!0);
 			}
 		},
 		sourceItem: {
@@ -8518,7 +8527,8 @@ function Qc(e, n, r, i, a, o) {
 				active: t.active,
 				draggable: e.childrenDraggable,
 				label: e.getItemLabel(e.childrenSchema, t.data, { index: n }),
-				level: e.level + 1
+				level: e.level + 1,
+				onDelete: (t) => e.deleteChild(n)
 			}, null, 8, [
 				"schema",
 				"dataPath",
@@ -8528,7 +8538,8 @@ function Qc(e, n, r, i, a, o) {
 				"active",
 				"draggable",
 				"label",
-				"level"
+				"level",
+				"onDelete"
 			]))), 128))]),
 			_: 1
 		}, 8, [
@@ -8540,7 +8551,7 @@ function Qc(e, n, r, i, a, o) {
 }
 var $c = /*#__PURE__*/ X(Y.component("DitoTreeItem", {
 	mixins: [As, Hc],
-	emits: ["update:data"],
+	emits: ["update:data", "delete"],
 	inject: ["container"],
 	props: {
 		schema: {
@@ -8693,7 +8704,31 @@ var $c = /*#__PURE__*/ X(Y.component("DitoTreeItem", {
 		onEdit() {
 			this.editPath(this.path);
 		},
-		onDelete() {},
+		onDelete() {
+			this.$emit("delete");
+		},
+		deleteChild(e) {
+			let { childrenSchema: t, container: n } = this, r = this.childrenList[e], i = this.getItemLabel(t, r, {
+				index: e,
+				extended: !0
+			});
+			window.confirm(`Do you really want to ${this.verbs.delete} ${i}?`) && (this.isEditingChildFrom(e) && this.$router.push({
+				path: n.path,
+				query: this.$route.query
+			}), this.childrenList = this.childrenList.toSpliced(e, 1), this.onChange(), this.notify({
+				type: "info",
+				title: "Successfully Removed",
+				text: [`${i} was ${this.verbs.deleted}.`, n.transientNote]
+			}));
+		},
+		isEditingChildFrom(e) {
+			let t = this.childrenSchema.path;
+			if (!t) return !1;
+			let n = `${this.path}/${t}/`, { editPath: r } = this.container;
+			if (!r.startsWith(n)) return !1;
+			let [i] = r.slice(n.length).split("/");
+			return Number(i) >= e;
+		},
 		onChange() {
 			this.container.onChange();
 		},
@@ -9264,7 +9299,7 @@ var Pl = /*#__PURE__*/ X(Q.register("checkbox", { nativeField: !0 }), [["render"
 			set(e) {
 				let t = (e) => {
 					if (!this.relate) return e;
-					let t = this.getOptionForValue(e);
+					let t = this.getOptionForValue(e) ?? this.getRelatedObject(e);
 					return this.shouldSetTemporaryId(t) && rn(t, "id"), t;
 				};
 				this.value = this.multiple && F(e) ? e.map(t) : t(e);
@@ -9406,6 +9441,9 @@ var Pl = /*#__PURE__*/ X(Q.register("checkbox", { nativeField: !0 }), [["render"
 			}, { optionValue: n, groupBy: r } = this;
 			return n ? t(this.activeOptions, e, r) ?? (this.areOptionsFiltered ? t(this.options, e, r) : void 0) : e;
 		},
+		getRelatedObject(e) {
+			return M(this.value).find((t) => this.getValueForOption(t) === e);
+		},
 		getValueForOption(e) {
 			if (this.shouldSetTemporaryId(e)) return ae(e);
 			let { optionValue: t } = this;
@@ -9497,7 +9535,7 @@ var Wl = /*#__PURE__*/ X(Q.register("code", {
 			default: !1
 		}),
 		style() {
-			return { height: this.height || `calc(${this.lines}em * var(--line-height))` };
+			return this.height ? { height: this.height } : { "--lines": this.lines };
 		}
 	},
 	mounted() {
@@ -12112,8 +12150,8 @@ var kd = Q.register("markup", {
 			0
 		];
 	}
-}), Md = /*#__PURE__*/ X(kd, [["render", Od]]), Nd = { class: "dito-multiselect" }, Pd = { class: "dito-multiselect__inner" };
-function Fd(e, t, n, r, i, a) {
+}), Md = /*#__PURE__*/ X(kd, [["render", Od]]), Nd = { class: "dito-multiselect" }, Pd = { class: "dito-multiselect__inner" }, Fd = ["title"], Id = ["onKeydown", "onMousedown"];
+function Ld(e, t, n, r, i, a) {
 	let o = T("DitoAffixes"), d = T("VueMultiselect"), p = T("DitoEditButtons");
 	return S(), l("div", Nd, [u("div", Pd, [
 		f(o, {
@@ -12132,7 +12170,7 @@ function Fd(e, t, n, r, i, a) {
 			id: e.componentPath,
 			ref: "element",
 			modelValue: e.selectedOptions,
-			"onUpdate:modelValue": t[0] ||= (t) => e.selectedOptions = t,
+			"onUpdate:modelValue": t[1] ||= (t) => e.selectedOptions = t,
 			"aria-label": e.label,
 			class: e.multiselectClasses,
 			showLabels: !1,
@@ -12156,7 +12194,19 @@ function Fd(e, t, n, r, i, a) {
 			onClose: e.onClose,
 			onTag: e.onAddTag,
 			onSearchChange: e.onSearchChange
-		}), null, 16, [
+		}), {
+			tag: k(({ option: n, remove: r }) => [u("span", {
+				class: b(["multiselect__tag dito-multiselect__tag", { "dito-multiselect__tag--unavailable": e.isUnavailableOption(n) }]),
+				title: e.isUnavailableOption(n) ? "Not among the options" : null,
+				onMousedown: t[0] ||= j(() => {}, ["prevent"])
+			}, [u("span", null, D(e.getLabelForOption(n)), 1), u("i", {
+				class: "multiselect__tag-icon",
+				tabindex: "1",
+				onKeydown: me(j((e) => r(n), ["prevent"]), ["enter"]),
+				onMousedown: j((e) => r(n), ["prevent"])
+			}, null, 40, Id)], 42, Fd)]),
+			_: 1
+		}, 16, [
 			"id",
 			"modelValue",
 			"aria-label",
@@ -12218,7 +12268,7 @@ function Fd(e, t, n, r, i, a) {
 		"editPath"
 	])) : c("", !0)]);
 }
-var Id = /*#__PURE__*/ X(Q.register("multiselect", {
+var Rd = /*#__PURE__*/ X(Q.register("multiselect", {
 	mixins: [Fl],
 	components: {
 		DitoAffixes: Z,
@@ -12235,7 +12285,10 @@ var Id = /*#__PURE__*/ X(Q.register("multiselect", {
 	computed: {
 		selectedOptions: {
 			get() {
-				return this.multiple ? (this.selectedValue || []).map((e) => this.getOptionForValue(e) || this.addTagOption(e)).filter(Boolean) : this.selectedOption;
+				return this.multiple ? this.hasOptions && F(this.value) ? this.value.map((e) => {
+					let t = this.relate ? this.getValueForOption(e) : e;
+					return this.getOptionForValue(t) || this.addTagOption(t) || this.getFallbackOption(e);
+				}) : [] : this.selectedOption;
 			},
 			set(e) {
 				this.selectedValue = this.multiple ? (e || []).map((e) => this.getValueForOption(e)) : this.getValueForOption(e), this.onChange();
@@ -12289,6 +12342,16 @@ var Id = /*#__PURE__*/ X(Q.register("multiselect", {
 				return this.options.push(r), r;
 			}
 		},
+		isUnavailableOption(e) {
+			return this.optionValue ? !this.getOptionForValue(this.getValueForOption(e)) : !this.options.includes(e);
+		},
+		getFallbackOption(e) {
+			let { optionValue: t, optionLabel: n } = this;
+			return L(e) || !R(t) ? e : {
+				[t]: e,
+				...R(n) && { [n]: `${e}` }
+			};
+		},
 		focusElement() {
 			this.$refs.element.activate();
 		},
@@ -12327,7 +12390,7 @@ var Id = /*#__PURE__*/ X(Q.register("multiselect", {
 			}
 		}
 	}
-}), [["render", Fd]]), Ld = {
+}), [["render", Ld]]), zd = {
 	getTypeValidations(e, t) {
 		let n = e.type === "integer", r = (n) => _r(n, {
 			type: Number,
@@ -12393,7 +12456,7 @@ var Id = /*#__PURE__*/ X(Q.register("multiselect", {
 };
 //#endregion
 //#region src/types/DitoTypeNumber.vue?vue&type=template&lang.js
-function Rd(e, t, n, r, i, a) {
+function Bd(e, t, n, r, i, a) {
 	let o = T("DitoAffixes"), c = T("DitoInput");
 	return S(), s(c, y({
 		class: "dito-number",
@@ -12444,8 +12507,8 @@ function Rd(e, t, n, r, i, a) {
 		"step"
 	]);
 }
-var zd = /*#__PURE__*/ X(Q.register(["number", "integer"], {
-	mixins: [Ld],
+var Vd = /*#__PURE__*/ X(Q.register(["number", "integer"], {
+	mixins: [zd],
 	components: {
 		DitoInput: Oa,
 		DitoAffixes: Z
@@ -12455,17 +12518,17 @@ var zd = /*#__PURE__*/ X(Q.register(["number", "integer"], {
 	computed: { isInteger() {
 		return this.type === "integer";
 	} }
-}), [["render", Rd]]), Bd = ["id"], Vd = {
+}), [["render", Bd]]), Hd = ["id"], Ud = {
 	key: 0,
 	class: "dito-object-content"
-}, Hd = ["innerHTML"], Ud = ["innerHTML"];
-function Wd(e, t, n, r, i, a) {
+}, Wd = ["innerHTML"], Gd = ["innerHTML"];
+function Kd(e, t, n, r, i, a) {
 	let o = T("DitoSchemaInlined"), u = T("DitoEditButtons");
 	return e.isReady ? (S(), l("div", {
 		key: 0,
 		class: "dito-object",
 		id: e.componentPath
-	}, [e.objectData ? (S(), l("div", Vd, [e.isInlined ? (S(), s(o, {
+	}, [e.objectData ? (S(), l("div", Ud, [e.isInlined ? (S(), s(o, {
 		key: 0,
 		label: e.objectLabel,
 		schema: e.getItemFormSchema(e.schema, e.objectData, e.context),
@@ -12499,10 +12562,10 @@ function Wd(e, t, n, r, i, a) {
 	}, null, 8, ["dataPath", "data"])) : e.render ? (S(), l("span", {
 		key: 2,
 		innerHTML: e.render(e.getContext())
-	}, null, 8, Hd)) : (S(), l("span", {
+	}, null, 8, Wd)) : (S(), l("span", {
 		key: 3,
 		innerHTML: e.getItemLabel(e.schema, e.objectData)
-	}, null, 8, Ud))])) : c("", !0), f(u, {
+	}, null, 8, Gd))])) : c("", !0), f(u, {
 		buttons: e.buttonSchemas,
 		schema: e.schema,
 		dataPath: e.dataPath,
@@ -12531,9 +12594,9 @@ function Wd(e, t, n, r, i, a) {
 		"editable",
 		"editPath",
 		"deletable"
-	])], 8, Bd)) : c("", !0);
+	])], 8, Hd)) : c("", !0);
 }
-var Gd = /*#__PURE__*/ X(Q.register("object", {
+var qd = /*#__PURE__*/ X(Q.register("object", {
 	mixins: [su],
 	getSourceType(e) {
 		return e;
@@ -12547,7 +12610,7 @@ var Gd = /*#__PURE__*/ X(Q.register("object", {
 	async processSchema(e, t, n, r, i, a = !1, o = !1, s = null) {
 		await Promise.all([fi(t), su.processSchema(e, t, n, r, i, a, o, s)]);
 	}
-}), [["render", Wd]]), Kd = Q.register("panel", {
+}), [["render", Kd]]), Jd = Q.register("panel", {
 	defaultNested: !1,
 	generateLabel: !1,
 	omitSpacing: !0,
@@ -12560,22 +12623,22 @@ var Gd = /*#__PURE__*/ X(Q.register("object", {
 	render() {
 		return null;
 	}
-}), qd = [
+}), Yd = [
 	"id",
 	"value",
 	"max"
 ];
-function Jd(e, t, n, r, i, a) {
+function Xd(e, t, n, r, i, a) {
 	return S(), l("progress", y({
 		class: "dito-progress",
 		id: e.componentPath,
 		ref: "element",
 		value: e.progressValue,
 		max: e.progressMax
-	}, e.attributes), null, 16, qd);
+	}, e.attributes), null, 16, Yd);
 }
-var Yd = /*#__PURE__*/ X(Q.register("progress", {
-	mixins: [Ld],
+var Zd = /*#__PURE__*/ X(Q.register("progress", {
+	mixins: [zd],
 	computed: {
 		progressValue() {
 			let { value: e, range: t, step: n } = this;
@@ -12586,8 +12649,8 @@ var Yd = /*#__PURE__*/ X(Q.register("progress", {
 			return e ? e[1] - e[0] : null;
 		}
 	}
-}), [["render", Jd]]), Xd = ["id", "aria-label"], Zd = ["value"];
-function Qd(e, n, r, i, a, o) {
+}), [["render", Xd]]), Qd = ["id", "aria-label"], $d = ["value"];
+function ef(e, n, r, i, a, o) {
 	return S(), l("ul", {
 		class: b(["dito-radio-buttons", `dito-layout--${e.schema.layout || "vertical"}`]),
 		id: e.componentPath,
@@ -12600,16 +12663,16 @@ function Qd(e, n, r, i, a, o) {
 		"onUpdate:modelValue": n[0] ||= (t) => e.selectedValue = t,
 		type: "radio",
 		value: e.getValueForOption(t)
-	}, { ref_for: !0 }, e.attributes), null, 16, Zd), [[ue, e.selectedValue]]), d(D(e.getLabelForOption(t)), 1)])]))), 256))], 10, Xd);
+	}, { ref_for: !0 }, e.attributes), null, 16, $d), [[ue, e.selectedValue]]), d(D(e.getLabelForOption(t)), 1)])]))), 256))], 10, Qd);
 }
-var $d = /*#__PURE__*/ X(Q.register("radio", {
+var tf = /*#__PURE__*/ X(Q.register("radio", {
 	mixins: [Fl],
 	nativeField: !0,
 	defaultWidth: "auto"
-}), [["render", Qd]]);
+}), [["render", ef]]);
 //#endregion
 //#region src/types/DitoTypeSection.vue?vue&type=template&lang.js
-function ef(e, t, n, r, i, a) {
+function nf(e, t, n, r, i, a) {
 	let o = T("DitoSchemaInlined");
 	return S(), l("div", { class: b(["dito-section", { "dito-section--labelled": e.hasLabel }]) }, [f(o, {
 		class: "dito-section__schema",
@@ -12640,7 +12703,7 @@ function ef(e, t, n, r, i, a) {
 		"labelNode"
 	])], 2);
 }
-var tf = /*#__PURE__*/ X(Q.register("section", {
+var rf = /*#__PURE__*/ X(Q.register("section", {
 	mixins: [_o],
 	defaultValue: ({ schema: e }) => e.nested ? {} : void 0,
 	ignoreMissingValue: ({ schema: e }) => !e.nested && !("default" in e),
@@ -12676,10 +12739,10 @@ var tf = /*#__PURE__*/ X(Q.register("section", {
 	async processSchema(e, t, n, r, i) {
 		await hi(e, t, r, i);
 	}
-}), [["render", ef]]), nf = { class: "dito-select" }, rf = { class: "dito-select__inner" }, af = ["id"], of = ["label"], sf = ["value"], cf = ["value"], lf = ["value"];
-function uf(e, n, r, i, a, o) {
+}), [["render", nf]]), af = { class: "dito-select" }, of = { class: "dito-select__inner" }, sf = ["id"], cf = ["label"], lf = ["value"], uf = ["value"], df = ["value"];
+function ff(e, n, r, i, a, o) {
 	let d = T("DitoAffixes"), p = T("DitoEditButtons");
-	return S(), l("div", nf, [u("div", rf, [
+	return S(), l("div", af, [u("div", of, [
 		f(d, {
 			items: e.schema.prefix,
 			position: "prefix",
@@ -12702,13 +12765,13 @@ function uf(e, n, r, i, a, o) {
 		}), [e.populate ? (S(!0), l(t, { key: 0 }, C(e.options, (n) => (S(), l(t, null, [e.groupBy ? (S(), l("optgroup", {
 			key: 0,
 			label: n[e.groupByLabel]
-		}, [(S(!0), l(t, null, C(n[e.groupByOptions], (t) => (S(), l("option", { value: e.getValueForOption(t) }, D(e.getLabelForOption(t)), 9, sf))), 256))], 8, of)) : (S(), l("option", {
+		}, [(S(!0), l(t, null, C(n[e.groupByOptions], (t) => (S(), l("option", { value: e.getValueForOption(t) }, D(e.getLabelForOption(t)), 9, lf))), 256))], 8, cf)) : (S(), l("option", {
 			key: 1,
 			value: e.getValueForOption(n)
-		}, D(e.getLabelForOption(n)), 9, cf))], 64))), 256)) : e.selectedOption ? (S(), l("option", {
+		}, D(e.getLabelForOption(n)), 9, uf))], 64))), 256)) : e.selectedOption ? (S(), l("option", {
 			key: 1,
 			value: e.selectedValue
-		}, D(e.getLabelForOption(e.selectedOption)), 9, lf)) : c("", !0)], 16, af), [[de, e.selectedValue]]),
+		}, D(e.getLabelForOption(e.selectedOption)), 9, df)) : c("", !0)], 16, sf), [[de, e.selectedValue]]),
 		f(d, {
 			items: e.schema.suffix,
 			position: "suffix",
@@ -12747,22 +12810,22 @@ function uf(e, n, r, i, a, o) {
 		"editPath"
 	])) : c("", !0)]);
 }
-var df = /*#__PURE__*/ X(Q.register("select", {
+var pf = /*#__PURE__*/ X(Q.register("select", {
 	mixins: [Fl],
 	components: { DitoAffixes: Z },
 	nativeField: !0,
 	data() {
 		return { populate: !0 };
 	}
-}), [["render", uf]]), ff = { class: "dito-slider" }, pf = [
+}), [["render", ff]]), mf = { class: "dito-slider" }, hf = [
 	"id",
 	"min",
 	"max",
 	"step"
 ];
-function mf(e, t, n, r, i, a) {
+function gf(e, t, n, r, i, a) {
 	let o = T("DitoInput");
-	return S(), l("div", ff, [A(u("input", y({
+	return S(), l("div", mf, [A(u("input", y({
 		class: "dito-range",
 		id: e.componentPath,
 		ref: "element",
@@ -12772,7 +12835,7 @@ function mf(e, t, n, r, i, a) {
 		min: e.min,
 		max: e.max,
 		step: e.stepValue
-	}), null, 16, pf), [[fe, e.inputValue]]), e.input ? (S(), s(o, y({
+	}), null, 16, hf), [[fe, e.inputValue]]), e.input ? (S(), s(o, y({
 		key: 0,
 		class: "dito-number",
 		modelValue: e.inputValue,
@@ -12789,28 +12852,28 @@ function mf(e, t, n, r, i, a) {
 		"step"
 	])) : c("", !0)]);
 }
-var hf = /*#__PURE__*/ X(Q.register("slider", {
-	mixins: [Ld],
+var _f = /*#__PURE__*/ X(Q.register("slider", {
+	mixins: [zd],
 	components: { DitoInput: Oa },
 	nativeField: !0,
 	computed: { input: q("input", {
 		type: Boolean,
 		default: !0
 	}) }
-}), [["render", mf]]);
+}), [["render", gf]]);
 //#endregion
 //#region src/types/DitoTypeSpacer.vue?vue&type=template&lang.js
-function gf(e, t, n, r, i, a) {
+function vf(e, t, n, r, i, a) {
 	return null;
 }
-var _f = /*#__PURE__*/ X(Q.register("spacer", {
+var yf = /*#__PURE__*/ X(Q.register("spacer", {
 	defaultValue: () => void 0,
 	excludeValue: !0,
 	generateLabel: !1
-}), [["render", gf]]);
+}), [["render", vf]]);
 //#endregion
 //#region src/types/DitoTypeSwitch.vue?vue&type=template&lang.js
-function vf(e, t, n, r, i, a) {
+function bf(e, t, n, r, i, a) {
 	let o = T("DitoSwitch");
 	return S(), s(o, y({
 		class: "dito-switch",
@@ -12825,14 +12888,14 @@ function vf(e, t, n, r, i, a) {
 		"labels"
 	]);
 }
-var yf = /*#__PURE__*/ X(Q.register("switch", {
+var xf = /*#__PURE__*/ X(Q.register("switch", {
 	defaultValue: !1,
 	defaultWidth: "auto",
 	components: { DitoSwitch: so },
 	computed: { labels() {
 		return this.schema.labels;
 	} }
-}), [["render", vf]]), bf = {
+}), [["render", bf]]), Sf = {
 	computed: { trim: q("trim", {
 		type: Boolean,
 		default: !1
@@ -12844,7 +12907,7 @@ var yf = /*#__PURE__*/ X(Q.register("switch", {
 };
 //#endregion
 //#region src/types/DitoTypeText.vue?vue&type=template&lang.js
-function xf(e, t, n, r, i, a) {
+function Cf(e, t, n, r, i, a) {
 	let o = T("DitoAffixes"), c = T("DitoInput");
 	return S(), s(c, y({
 		class: "dito-text",
@@ -12891,7 +12954,7 @@ function xf(e, t, n, r, i, a) {
 }
 //#endregion
 //#region src/types/DitoTypeText.vue
-var Sf = "****************", Cf = /*#__PURE__*/ X(Q.register([
+var wf = "****************", Tf = /*#__PURE__*/ X(Q.register([
 	"text",
 	"email",
 	"url",
@@ -12901,7 +12964,7 @@ var Sf = "****************", Cf = /*#__PURE__*/ X(Q.register([
 	"password",
 	"creditcard"
 ], {
-	mixins: [bf],
+	mixins: [Sf],
 	components: {
 		DitoInput: Oa,
 		DitoAffixes: Z
@@ -12930,15 +12993,15 @@ var Sf = "****************", Cf = /*#__PURE__*/ X(Q.register([
 		},
 		inputValue: {
 			get() {
-				return this.type === "password" && this.value === void 0 && !this.focused ? Sf : this.value;
+				return this.type === "password" && this.value === void 0 && !this.focused ? wf : this.value;
 			},
 			set(e) {
 				this.value = e;
 			}
 		}
 	}
-}), [["render", xf]]), wf = ["id", "rows"];
-function Tf(e, t, n, r, i, a) {
+}), [["render", Cf]]), Ef = ["id", "rows"];
+function Df(e, t, n, r, i, a) {
 	return A((S(), l("textarea", y({
 		class: "dito-textarea dito-input",
 		id: e.componentPath,
@@ -12947,10 +13010,10 @@ function Tf(e, t, n, r, i, a) {
 	}, e.attributes, {
 		rows: e.lines,
 		class: { "dito-textarea--resizable": e.resizable }
-	}), null, 16, wf)), [[fe, e.value]]);
+	}), null, 16, Ef)), [[fe, e.value]]);
 }
-var Ef = /*#__PURE__*/ X(Q.register("textarea", {
-	mixins: [bf],
+var Of = /*#__PURE__*/ X(Q.register("textarea", {
+	mixins: [Sf],
 	nativeField: !0,
 	textField: !0,
 	computed: {
@@ -12962,17 +13025,18 @@ var Ef = /*#__PURE__*/ X(Q.register("textarea", {
 			default: !1
 		})
 	}
-}), [["render", Tf]]), Df = { class: "dito-tree-list" }, Of = { class: "dito-tree-panel" }, kf = {
-	key: 0,
+}), [["render", Df]]), kf = { class: "dito-tree-list" }, Af = { class: "dito-tree-panel" }, jf = {
+	key: 1,
 	class: "dito-tree-form-container"
 };
-function Af(e, t, n, r, i, a) {
+function Mf(e, t, n, r, i, a) {
 	let o = T("DitoScopes"), d = T("DitoTreeItem"), p = T("DitoRouterView");
-	return S(), l("div", Df, [e.scopes ? (S(), s(o, {
+	return S(), l("div", kf, [e.scopes ? (S(), s(o, {
 		key: 0,
 		query: e.query,
 		scopes: e.scopes
-	}, null, 8, ["query", "scopes"])) : c("", !0), u("div", Of, [f(d, {
+	}, null, 8, ["query", "scopes"])) : c("", !0), u("div", Af, [e.treeData ? (S(), s(d, {
+		key: 0,
 		schema: e.treeSchema,
 		dataPath: e.treeDataPath,
 		data: e.treeData,
@@ -12984,9 +13048,9 @@ function Af(e, t, n, r, i, a) {
 		"dataPath",
 		"data",
 		"draggable"
-	]), e.editPath && e.hasEditableForms ? (S(), l("div", kf, [f(p, { routeLevel: e.routeComponent.routeLevel + 1 }, null, 8, ["routeLevel"])])) : c("", !0)])]);
+	])) : c("", !0), e.editPath && e.hasEditableForms ? (S(), l("div", jf, [f(p, { routeLevel: e.routeComponent.routeLevel + 1 }, null, 8, ["routeLevel"])])) : c("", !0)])]);
 }
-var jf = /*#__PURE__*/ X(Q.register(["tree-list", "tree-object"], {
+var Nf = /*#__PURE__*/ X(Q.register(["tree-list", "tree-object"], {
 	mixins: [su],
 	provide() {
 		return { container: this };
@@ -13039,7 +13103,7 @@ var jf = /*#__PURE__*/ X(Q.register(["tree-list", "tree-object"], {
 			}
 		}) : null);
 	}
-}), [["render", Af]]), Mf = [
+}), [["render", Mf]]), Pf = [
 	"",
 	"k",
 	"M",
@@ -13050,41 +13114,41 @@ var jf = /*#__PURE__*/ X(Q.register(["tree-list", "tree-object"], {
 	"Z",
 	"Y"
 ];
-function Nf(e, { base: t = 10 } = {}) {
-	let n = Ff(t), r = Math.abs(e), i = Math.min(r >= 1 ? Math.floor(Math.log(r) / Math.log(n)) : 0, Mf.length - 1), a = If(r, n, i);
-	a >= n && i < Mf.length - 1 && (a = If(r, n, ++i));
-	let o = Mf[i], s = o ? t === 10 ? `${o}B` : `${o.toUpperCase()}iB` : "B";
+function Ff(e, { base: t = 10 } = {}) {
+	let n = Lf(t), r = Math.abs(e), i = Math.min(r >= 1 ? Math.floor(Math.log(r) / Math.log(n)) : 0, Pf.length - 1), a = Rf(r, n, i);
+	a >= n && i < Pf.length - 1 && (a = Rf(r, n, ++i));
+	let o = Pf[i], s = o ? t === 10 ? `${o}B` : `${o.toUpperCase()}iB` : "B";
 	return `${e < 0 ? "-" : ""}${a} ${s}`;
 }
-function Pf(e, { base: t = 10 } = {}) {
+function If(e, { base: t = 10 } = {}) {
 	let [, n, r] = String(e).match(/^([\d.,]*)\s*(\D*)$/) || [], i = parseFloat(n?.replace(",", "."));
 	if (!isFinite(i)) throw Error(`Can't interpret file size: ${e}`);
-	let a = Ff(/^[kmgtpezy]ib?$/i.test(r) ? 2 : t), o = r.replace(/^bits?$/, "b").match(/^([KMGTPEZY]?)b$/);
+	let a = Lf(/^[kmgtpezy]ib?$/i.test(r) ? 2 : t), o = r.replace(/^bits?$/, "b").match(/^([KMGTPEZY]?)b$/);
 	if (o) {
-		let e = Mf.indexOf(o[1].replace("K", "k"));
+		let e = Pf.indexOf(o[1].replace("K", "k"));
 		return Math.round(i * a ** e / 8);
 	}
-	let s = Mf.findIndex((e) => e.toLowerCase() === r.toLowerCase().replace(/^(bytes?|b)$/, "").replace(/^(\w)(i?b|i)$/, "$1"));
+	let s = Pf.findIndex((e) => e.toLowerCase() === r.toLowerCase().replace(/^(bytes?|b)$/, "").replace(/^(\w)(i?b|i)$/, "$1"));
 	if (s >= 0) return Math.round(i * a ** s);
 	throw Error(`Invalid file size unit: ${r}`);
 }
-function Ff(e) {
+function Lf(e) {
 	return e === 10 ? 1e3 : 1024;
 }
-function If(e, t, n) {
+function Rf(e, t, n) {
 	let r = n > 0 ? 100 : 1;
 	return Math.round(e / t ** n * r) / r;
 }
 //#endregion
 //#region src/types/DitoTypeUpload.vue?vue&type=template&lang.js
-var Lf = { class: "dito-upload" }, Rf = { class: "dito-table dito-table--separators dito-table--background" }, zf = ["innerHTML"], Bf = { key: 1 }, Vf = [
+var zf = { class: "dito-upload" }, Bf = { class: "dito-table dito-table--separators dito-table--background" }, Vf = ["innerHTML"], Hf = { key: 1 }, Uf = [
 	"download",
 	"href",
 	"onClick"
-], Hf = { key: 2 }, Uf = { class: "dito-upload__size" }, Wf = { class: "dito-upload__status" }, Gf = { class: "dito-table__buttons" }, Kf = { class: "dito-buttons dito-buttons--round" }, qf = ["title"], Jf = ["onClick"], Yf = { key: 0 }, Xf = { colspan: 4 }, Zf = { class: "dito-upload-footer" }, Qf = ["value"], $f = { class: "dito-buttons dito-buttons--round" }, ep = ["title"];
-function tp(e, n, r, i, a, o) {
+], Wf = { key: 2 }, Gf = { class: "dito-upload__size" }, Kf = { class: "dito-upload__status" }, qf = { class: "dito-table__buttons" }, Jf = { class: "dito-buttons dito-buttons--round" }, Yf = ["title"], Xf = ["onClick"], Zf = { key: 0 }, Qf = { colspan: 4 }, $f = { class: "dito-upload-footer" }, ep = ["value"], tp = { class: "dito-buttons dito-buttons--round" }, np = ["title"];
+function rp(e, n, r, i, a, o) {
 	let s = T("VueUpload"), p = T("DitoUploadFile"), m = T("DitoDraggable");
-	return S(), l("div", Lf, [f(s, {
+	return S(), l("div", zf, [f(s, {
 		class: "dito-upload__input",
 		ref: "upload",
 		modelValue: e.uploads,
@@ -13114,7 +13178,7 @@ function tp(e, n, r, i, a, o) {
 		"drop",
 		"onInputFilter",
 		"onInputFile"
-	]), u("table", Rf, [
+	]), u("table", Bf, [
 		n[5] ||= u("thead", { class: "dito-table-head" }, [u("tr", null, [
 			u("th", { scope: "col" }, [u("span", null, "File")]),
 			u("th", { scope: "col" }, [u("span", null, "Size")]),
@@ -13132,7 +13196,7 @@ function tp(e, n, r, i, a, o) {
 				e.render ? (S(), l("td", {
 					key: 0,
 					innerHTML: e.renderFile(r, i)
-				}, null, 8, zf)) : e.downloadUrls[i] ? (S(), l("td", Bf, [u("a", {
+				}, null, 8, Vf)) : e.downloadUrls[i] ? (S(), l("td", Hf, [u("a", {
 					download: r.name,
 					href: e.downloadUrls[i],
 					target: "_blank",
@@ -13145,7 +13209,7 @@ function tp(e, n, r, i, a, o) {
 					"file",
 					"thumbnail",
 					"thumbnailUrl"
-				])], 8, Vf)])) : (S(), l("td", Hf, [f(p, {
+				])], 8, Uf)])) : (S(), l("td", Wf, [f(p, {
 					file: r,
 					thumbnail: e.thumbnails,
 					thumbnailUrl: e.thumbnailUrls[i]
@@ -13154,15 +13218,15 @@ function tp(e, n, r, i, a, o) {
 					"thumbnail",
 					"thumbnailUrl"
 				])])),
-				u("td", Uf, D(e.formatFileSize(r.size)), 1),
-				u("td", Wf, [r.upload ? (S(), l(t, { key: 0 }, [r.upload.error ? (S(), l(t, { key: 0 }, [d("Error: " + D(r.upload.error), 1)], 64)) : r.upload.active ? (S(), l(t, { key: 1 }, [d("Uploading...")], 64)) : r.upload.success ? (S(), l(t, { key: 2 }, [d("Uploaded")], 64)) : c("", !0)], 64)) : (S(), l(t, { key: 1 }, [d("Stored")], 64))]),
-				u("td", Gf, [u("div", Kf, [
+				u("td", Gf, D(e.formatFileSize(r.size)), 1),
+				u("td", Kf, [r.upload ? (S(), l(t, { key: 0 }, [r.upload.error ? (S(), l(t, { key: 0 }, [d("Error: " + D(r.upload.error), 1)], 64)) : r.upload.active ? (S(), l(t, { key: 1 }, [d("Uploading...")], 64)) : r.upload.success ? (S(), l(t, { key: 2 }, [d("Uploaded")], 64)) : c("", !0)], 64)) : (S(), l(t, { key: 1 }, [d("Stored")], 64))]),
+				u("td", qf, [u("div", Jf, [
 					e.multiple ? c("", !0) : (S(), l("button", {
 						key: 0,
 						class: "dito-button dito-button--upload",
 						title: e.uploadTitle,
 						onClick: n[1] ||= (...t) => e.onClickUpload && e.onClickUpload(...t)
-					}, null, 8, qf)),
+					}, null, 8, Yf)),
 					e.draggable ? (S(), l("a", y({
 						key: 1,
 						class: "dito-button"
@@ -13171,7 +13235,7 @@ function tp(e, n, r, i, a, o) {
 						key: 2,
 						class: "dito-button",
 						type: "button"
-					}, { ref_for: !0 }, e.getButtonAttributes(e.verbs.delete), { onClick: (t) => e.deleteFile(r, i) }), null, 16, Jf)) : c("", !0)
+					}, { ref_for: !0 }, e.getButtonAttributes(e.verbs.delete), { onClick: (t) => e.deleteFile(r, i) }), null, 16, Xf)) : c("", !0)
 				])])
 			]))), 128)) : c("", !0)]),
 			_: 1
@@ -13180,12 +13244,12 @@ function tp(e, n, r, i, a, o) {
 			"options",
 			"draggable"
 		]),
-		e.multiple || e.isUploadActive || !e.hasFiles ? (S(), l("tfoot", Yf, [u("tr", null, [u("td", Xf, [u("div", Zf, [e.isUploadActive ? (S(), l("progress", {
+		e.multiple || e.isUploadActive || !e.hasFiles ? (S(), l("tfoot", Zf, [u("tr", null, [u("td", Qf, [u("div", $f, [e.isUploadActive ? (S(), l("progress", {
 			key: 0,
 			class: "dito-progress",
 			value: e.uploadProgress,
 			max: "100"
-		}, null, 8, Qf)) : c("", !0), u("div", $f, [e.isUploadActive ? (S(), l("button", {
+		}, null, 8, ep)) : c("", !0), u("div", tp, [e.isUploadActive ? (S(), l("button", {
 			key: 0,
 			class: "dito-button",
 			type: "button",
@@ -13195,12 +13259,12 @@ function tp(e, n, r, i, a, o) {
 			class: "dito-button dito-button--upload",
 			title: e.uploadTitle,
 			onClick: n[4] ||= (...t) => e.onClickUpload && e.onClickUpload(...t)
-		}, null, 8, ep)) : c("", !0)])])])])])) : c("", !0)
+		}, null, 8, np)) : c("", !0)])])])])])) : c("", !0)
 	])]);
 }
 //#endregion
 //#region src/types/DitoTypeUpload.vue
-var np = Q.register("upload", {
+var ip = Q.register("upload", {
 	mixins: [Hc],
 	components: { VueUpload: zt },
 	data() {
@@ -13214,7 +13278,7 @@ var np = Q.register("upload", {
 			return this.multiple ? "Upload Files" : "Upload File";
 		},
 		files() {
-			return rp(this.value);
+			return ap(this.value);
 		},
 		downloadUrls() {
 			return this.files.map((e, t) => this.getDownloadUrl(e, t));
@@ -13241,7 +13305,7 @@ var np = Q.register("upload", {
 		maxSize: q("maxSize", {
 			type: [String, Number],
 			get(e) {
-				return e ? Pf(e) : void 0;
+				return e ? If(e) : void 0;
 			}
 		}),
 		draggable: q("draggable", {
@@ -13297,7 +13361,7 @@ var np = Q.register("upload", {
 		});
 	} },
 	methods: {
-		formatFileSize: Nf,
+		formatFileSize: Ff,
 		getFileContext(e, t) {
 			return this.multiple ? new G(this, {
 				value: e,
@@ -13370,7 +13434,7 @@ var np = Q.register("upload", {
 						extension: `Unsupported file-type: ${e.name}`,
 						network: "Network error encountered during upload",
 						server: "Server error occurred during upload",
-						size: `File is too large: ${Nf(e.size)}`,
+						size: `File is too large: ${Ff(e.size)}`,
 						timeout: "Timeout occurred during upload"
 					}[n] || `Unknown File Upload Error: '${n}'`;
 					this.notify({
@@ -13402,14 +13466,14 @@ var np = Q.register("upload", {
 		}
 	},
 	processValue({ schema: e, value: t }) {
-		let n = rp(t).map(({ upload: e, ...t }) => !e || e.success ? t : null).filter((e) => e);
+		let n = ap(t).map(({ upload: e, ...t }) => !e || e.success ? t : null).filter((e) => e);
 		return e.multiple ? n : n[0] || null;
 	}
 });
-function rp(e) {
+function ap(e) {
 	return e ? M(e) : [];
 }
-var ip = /*#__PURE__*/ X(np, [["render", tp]]), ap = /* @__PURE__ */ Vt({
+var op = /*#__PURE__*/ X(ip, [["render", rp]]), sp = /* @__PURE__ */ Vt({
 	DitoDitoTypeComponent: () => Ql,
 	DitoTypeButton: () => Al,
 	DitoTypeCheckbox: () => Pl,
@@ -13421,38 +13485,38 @@ var ip = /*#__PURE__*/ X(np, [["render", tp]]), ap = /* @__PURE__ */ Vt({
 	DitoTypeLabel: () => Mu,
 	DitoTypeList: () => Au,
 	DitoTypeMarkup: () => Md,
-	DitoTypeMultiselect: () => Id,
-	DitoTypeNumber: () => zd,
-	DitoTypeObject: () => Gd,
-	DitoTypePanel: () => Kd,
-	DitoTypeProgress: () => Yd,
-	DitoTypeRadio: () => $d,
-	DitoTypeSection: () => tf,
-	DitoTypeSelect: () => df,
-	DitoTypeSlider: () => hf,
-	DitoTypeSpacer: () => _f,
-	DitoTypeSwitch: () => yf,
-	DitoTypeText: () => Cf,
-	DitoTypeTextarea: () => Ef,
-	DitoTypeTreeList: () => jf,
-	DitoTypeUpload: () => ip
-}), op = {
+	DitoTypeMultiselect: () => Rd,
+	DitoTypeNumber: () => Vd,
+	DitoTypeObject: () => qd,
+	DitoTypePanel: () => Jd,
+	DitoTypeProgress: () => Zd,
+	DitoTypeRadio: () => tf,
+	DitoTypeSection: () => rf,
+	DitoTypeSelect: () => pf,
+	DitoTypeSlider: () => _f,
+	DitoTypeSpacer: () => yf,
+	DitoTypeSwitch: () => xf,
+	DitoTypeText: () => Tf,
+	DitoTypeTextarea: () => Of,
+	DitoTypeTreeList: () => Nf,
+	DitoTypeUpload: () => op
+}), cp = {
 	mounted(e, t) {
-		sp(e, t.value, t.arg);
+		lp(e, t.value, t.arg);
 	},
 	unmounted(e, t) {
-		cp(e, t.value, t.arg);
+		up(e, t.value, t.arg);
 	}
 };
-function sp(e, t, n) {
-	dp.getObserver(n).observe(e, t);
+function lp(e, t, n) {
+	pp.getObserver(n).observe(e, t);
 }
-function cp(e, t, n) {
-	dp.getObserver(n).unobserve(e, t);
+function up(e, t, n) {
+	pp.getObserver(n).unobserve(e, t);
 }
-var lp = typeof ResizeObserver < "u", up = {}, dp = class e {
+var dp = typeof ResizeObserver < "u", fp = {}, pp = class e {
 	constructor(e, t) {
-		this.key = e, this.options = t, this.observer = lp ? new ResizeObserver((e) => this.handle(e)) : null, this.handlersByNode = /* @__PURE__ */ new WeakMap(), this.nodeCount = 0;
+		this.key = e, this.options = t, this.observer = dp ? new ResizeObserver((e) => this.handle(e)) : null, this.handlersByNode = /* @__PURE__ */ new WeakMap(), this.nodeCount = 0;
 	}
 	observe(e, t) {
 		let n = this.handlersByNode.get(e);
@@ -13460,7 +13524,7 @@ var lp = typeof ResizeObserver < "u", up = {}, dp = class e {
 	}
 	unobserve(e, t) {
 		let n = this.handlersByNode.get(e);
-		n?.delete(t) && n.size === 0 && (this.handlersByNode.delete(e), this.observer?.unobserve(e), --this.nodeCount === 0 && delete up[this.key]);
+		n?.delete(t) && n.size === 0 && (this.handlersByNode.delete(e), this.observer?.unobserve(e), --this.nodeCount === 0 && delete fp[this.key]);
 	}
 	handle(e) {
 		for (let t of e) {
@@ -13479,14 +13543,14 @@ var lp = typeof ResizeObserver < "u", up = {}, dp = class e {
 	}
 	static getObserver({ box: t = "content-box" } = {}) {
 		let n = { box: t }, r = JSON.stringify(n);
-		return up[r] ||= new e(r, n), up[r];
+		return fp[r] ||= new e(r, n), fp[r];
 	}
-}, fp = class extends Error {
+}, mp = class extends Error {
 	constructor(e) {
 		super(`Request failed with status code: ${e.status} (${e.statusText})`), this.response = e;
 	}
 };
-async function pp(e, { url: t, method: n = "get", query: r = null, headers: i = null, data: a = null, signal: o = null, timeout: s = e.timeout ?? null }) {
+async function hp(e, { url: t, method: n = "get", query: r = null, headers: i = null, data: a = null, signal: o = null, timeout: s = e.timeout ?? null }) {
 	let c = e.isApiUrl(t), l = [o, s && AbortSignal.timeout(s)];
 	o = AbortSignal.any(l.filter(Boolean));
 	let u = await fetch(e.getApiUrl({
@@ -13502,23 +13566,23 @@ async function pp(e, { url: t, method: n = "get", query: r = null, headers: i =
 		credentials: c && e.cors?.credentials ? "include" : "same-origin",
 		signal: o
 	});
-	if (u.headers.get("Content-Type")?.includes("application/json") && (u.data = await u.json()), !u.ok) throw new fp(u);
+	if (u.headers.get("Content-Type")?.includes("application/json") && (u.data = await u.json()), !u.ok) throw new mp(u);
 	return u;
 }
-function mp(e, t) {
+function gp(e, t) {
 	return !Me(t) || t.startsWith(e.url);
 }
-function hp(e, { url: t, query: n }) {
-	!t.startsWith(e.url) && !Me(t) && (t = gp(e.url, t));
+function _p(e, { url: t, query: n }) {
+	!t.startsWith(e.url) && !Me(t) && (t = vp(e.url, t));
 	let r = au(n);
 	return r ? `${t}${t.includes("?") ? "&" : "?"}${r}` : t;
 }
-function gp(e, t) {
+function vp(e, t) {
 	return `${e.replace(/\/+$/, "")}/${t.replace(/^\/+/, "")}`;
 }
 //#endregion
 //#region src/verbs.js
-var _p = [
+var yp = [
 	"create",
 	"created",
 	"save",
@@ -13543,9 +13607,9 @@ var _p = [
 	"dragged",
 	"login",
 	"logged in"
-].reduce((e, t) => (e[t] = t, e), {}), vp = class {
+].reduce((e, t) => (e[t] = t, e), {}), bp = class {
 	constructor(e, { dito: t = {}, api: n, views: r = {}, ...i } = {}) {
-		this.el = e, this.api = n = ye({ base: "/" }, t.api, n), this.options = i, n.locale ||= "en-US", n.formats = ye({}, we, n.formats), n.request ||= (e) => pp(n, e), n.getApiUrl ||= (e) => hp(n, e), n.isApiUrl ||= (e) => mp(n, e), n.normalizePath ||= n.normalizePaths ? je : (e) => e, n.denormalizePath ||= n.normalizePaths ? be : (e) => e, n.defaults ||= {};
+		this.el = e, this.api = n = ye({ base: "/" }, t.api, n), this.options = i, n.locale ||= "en-US", n.formats = ye({}, we, n.formats), n.request ||= (e) => hp(n, e), n.getApiUrl ||= (e) => _p(n, e), n.isApiUrl ||= (e) => gp(n, e), n.normalizePath ||= n.normalizePaths ? je : (e) => e, n.denormalizePath ||= n.normalizePaths ? be : (e) => e, n.defaults ||= {};
 		let a = J(n.users, { type: "collection" }) || {};
 		a.login = J(a.login || "login", {
 			method: "post",
@@ -13584,11 +13648,11 @@ var _p = [
 				DitoRoot: Go,
 				VueNotifications: ve,
 				...El,
-				...ap
+				...sp
 			},
 			provide: {
 				api: n,
-				$verbs: () => _p,
+				$verbs: () => yp,
 				$views: () => {},
 				$isPopulated: () => !0,
 				$parentComponent: () => null,
@@ -13613,7 +13677,7 @@ var _p = [
 		s.config.errorHandler = console.error, s.use(ve, {
 			componentName: "VueNotifications",
 			name: "notify"
-		}), s.directive("resize", op), s.use(ge({
+		}), s.directive("resize", cp), s.use(ge({
 			routes: [{
 				name: "catch-all",
 				path: "/:_(.*)",
@@ -13629,4 +13693,4 @@ var _p = [
 	}
 };
 //#endregion
-export { vp as default };
+export { bp as default };