@ditojs/admin 3.1.2 → 3.1.3

package/dist/dito-admin.es.js

@@ -1302,6 +1302,9 @@ var ai = {
 		name() {
 			return this.schema.name;
 		},
+		formModel() {
+			return (this.dialogComponent ?? this.routeComponent).formModel;
+		},
 		type() {
 			return this.schema.type;
 		},
@@ -1760,12 +1763,14 @@ var Di = {
 				type: [String, Object]
 			}) || R(t || e.name) : R(t) || "";
 		},
-		getButtonAttributes(e, t = null) {
-			let n = t ? `${R(e)} ${t}` : R(e);
+		getButtonAttributes(e, t = null, n = null) {
+			let r = n ? null : `${R(e)}${t ? ` ${t}` : ""}`;
 			return {
 				class: `dito-button--${e}`,
-				title: n,
-				"aria-label": n
+				...r && {
+					title: r,
+					"aria-label": r
+				}
 			};
 		},
 		getQueryLink(e) {
@@ -7358,13 +7363,13 @@ function cc(e, n, r, i, a, o) {
 		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) }), E(e.text), 17, ac)) : e.creatableForms ? (x(), l(t, { key: 1 }, [u("button", v({
+	}, e.getButtonAttributes(e.verb, e.formLabel, e.text), { onClick: n[0] ||= (t) => e.createItem(e.creatableForm) }), E(e.text), 17, ac)) : e.creatableForms ? (x(), l(t, { key: 1 }, [u("button", v({
 		class: "dito-button",
 		type: "button",
 		disabled: e.disabled
 	}, {
 		...e.pulldownTriggerAttributes,
-		...e.getButtonAttributes(e.verb)
+		...e.getButtonAttributes(e.verb, null, e.text)
 	}, { onMousedown: n[1] ||= A((t) => e.onPulldownMouseDown(), ["stop"]) }), E(e.text), 17, oc), u("ul", {
 		class: y(["dito-pulldown", { "dito-pulldown--open": e.pulldown.open }]),
 		role: "menu"
@@ -9191,9 +9196,6 @@ var kl = /*#__PURE__*/ X(Q.register("checkbox", { nativeField: !0 }), [["render"
 		selectedOption() {
 			return this.getOptionForValue(this.selectedValue);
 		},
-		formModel() {
-			return (this.dialogComponent ?? this.routeComponent).formModel;
-		},
 		optionsResolver() {
 			return this.formModel.getOptionsResolver({
 				schema: this.schema,
@@ -10015,11 +10017,11 @@ var nu = {
 			this.query = this.$route.query, this.ensureData();
 		},
 		clearData() {
-			this.total = 0, this.value = null;
+			this.total = 0, this.setLoadedValue(null);
 		},
 		setData(e) {
 			if (this.isListSource && P(e)) this.setLoadedListItems(e);
-			else if (!e || this.isObjectSource && I(e)) this.value = e;
+			else if (!e || this.isObjectSource && I(e)) this.setLoadedValue(e);
 			else if (!this.unwrapListData(e) && I(e) && this.isInView) return this.viewComponent.setData(e);
 			return this.value;
 		},
@@ -10034,7 +10036,12 @@ var nu = {
 			if (this.isListResults(e)) return this.total = e.total, this.setLoadedListItems(e.results), this.value;
 		},
 		setLoadedListItems(e) {
-			this.value = Ir(this.sourceSchema, e, this.paginationRange);
+			this.setLoadedValue(Ir(this.sourceSchema, e, this.paginationRange));
+		},
+		setLoadedValue(e) {
+			this.formModel.applyCleanChanges(() => {
+				this.value = e;
+			}).catch(console.error);
 		},
 		createItem(e, t, n = null) {
 			let r = this.createData(e, t);
@@ -11814,12 +11821,14 @@ var wd = Q.register("markup", {
 	},
 	created() {
 		let e = !1, t = !1, n = () => this.onFocus(), r = () => {
-			o(), this.onBlur();
+			o(), this.onBlur(), s();
 		}, i = () => {
 			a(), this.onInput();
 		}, a = Ce(() => o(), 100), o = () => {
 			let n = this.editor.getHTML(), r = this.hardBreak ? n.replace(/^<p>(.*?)<\/p>$/s, "$1") : n;
-			r !== this.value && (e = !0, t = !0, this.value = r), !this.focused && e && (this.onChange(), e = !1);
+			r !== this.value && (e = !0, t = !0, this.value = r), this.focused || s();
+		}, s = () => {
+			e && (e = !1, this.onChange());
 		};
 		this.$watch("value", (e) => {
 			if (t) t = !1;