@schukai/monster 4.86.0 → 4.87.0

package/CHANGELOG.md

@@ -2,6 +2,14 @@
 
 
 
+## [4.87.0] - 2026-01-11
+
+### Add Features
+
+- Add functionality for change events in text fields for issue [#371](https://gitlab.schukai.com/oss/libraries/javascript/monster/issues/371)
+
+
+
 ## [4.86.0] - 2026-01-10
 
 ### Add Features

package/package.json

@@ -1 +1 @@
-{"author":"Volker Schukai","dependencies":{"@floating-ui/dom":"^1.7.4","@popperjs/core":"^2.11.8"},"description":"Monster is a simple library for creating fast, robust and lightweight websites.","homepage":"https://monsterjs.org/","keywords":["framework","web","dom","css","sass","mobile-first","app","front-end","templates","schukai","core","shopcloud","alvine","monster","buildmap","stack","observer","observable","uuid","node","nodelist","css-in-js","logger","log","theme"],"license":"AGPL 3.0","main":"source/monster.mjs","module":"source/monster.mjs","name":"@schukai/monster","repository":{"type":"git","url":"https://gitlab.schukai.com/oss/libraries/javascript/monster.git"},"type":"module","version":"4.86.0"}
+{"author":"Volker Schukai","dependencies":{"@floating-ui/dom":"^1.7.4","@popperjs/core":"^2.11.8"},"description":"Monster is a simple library for creating fast, robust and lightweight websites.","homepage":"https://monsterjs.org/","keywords":["framework","web","dom","css","sass","mobile-first","app","front-end","templates","schukai","core","shopcloud","alvine","monster","buildmap","stack","observer","observable","uuid","node","nodelist","css-in-js","logger","log","theme"],"license":"AGPL 3.0","main":"source/monster.mjs","module":"source/monster.mjs","name":"@schukai/monster","repository":{"type":"git","url":"https://gitlab.schukai.com/oss/libraries/javascript/monster.git"},"type":"module","version":"4.87.0"}

package/source/components/datatable/save-button.mjs

@@ -14,14 +14,24 @@
 
 import { instanceSymbol } from "../../constants.mjs";
 import { diff } from "../../data/diff.mjs";
-import { addAttributeToken } from "../../dom/attributes.mjs";
-import { ATTRIBUTE_ERRORMESSAGE } from "../../dom/constants.mjs";
+import {
+	addAttributeToken,
+	getLinkedObjects,
+	hasObjectLink,
+} from "../../dom/attributes.mjs";
+import {
+	ATTRIBUTE_ERRORMESSAGE,
+	customElementUpdaterLinkSymbol,
+} from "../../dom/constants.mjs";
 import {
 	assembleMethodSymbol,
 	CustomElement,
 	registerCustomElement,
 } from "../../dom/customelement.mjs";
-import { findElementWithSelectorUpwards } from "../../dom/util.mjs";
+import {
+	findElementWithSelectorUpwards,
+	getDocument,
+} from "../../dom/util.mjs";
 import { isString, isArray } from "../../types/is.mjs";
 import { Observer } from "../../types/observer.mjs";
 import { TokenList } from "../../types/tokenlist.mjs";
@@ -346,8 +356,8 @@ function initEventHandler() {
 			this[saveInFlightSymbol] = true;
 			this[stateButtonElementSymbol].setOption("disabled", true);
 
-			this[datasourceLinkedElementSymbol]
-				.write()
+			flushLinkedForms.call(this)
+				.then(() => this[datasourceLinkedElementSymbol].write())
 				.then(() => {
 					this[originValuesSymbol] = null;
 					this[originValuesSymbol] = clone(
@@ -378,6 +388,49 @@ function initEventHandler() {
 	});
 }
 
+/**
+ * @private
+ * @return {Promise<void>}
+ */
+function flushLinkedForms() {
+	const datasource = this[datasourceLinkedElementSymbol];
+	if (!datasource) {
+		return Promise.resolve();
+	}
+
+	const doc = getDocument();
+	const forms = doc.querySelectorAll("monster-form");
+	const writes = [];
+
+	for (const form of forms) {
+		if (!(form instanceof HTMLElement)) {
+			continue;
+		}
+		if (form[datasourceLinkedElementSymbol] !== datasource) {
+			continue;
+		}
+
+		if (hasObjectLink(form, customElementUpdaterLinkSymbol)) {
+			const updaters = getLinkedObjects(form, customElementUpdaterLinkSymbol);
+			for (const list of updaters) {
+				for (const updater of list) {
+					updater.retrieve();
+				}
+			}
+		}
+
+		if (typeof form.write === "function") {
+			writes.push(form.write());
+		}
+	}
+
+	if (writes.length === 0) {
+		return Promise.resolve();
+	}
+
+	return Promise.all(writes).then(() => {});
+}
+
 /**
  * @private
  */