@schukai/monster 4.143.5 → 4.143.6

package/package.json

@@ -1 +1 @@
-{"author":"Volker Schukai","dependencies":{"@floating-ui/dom":"^1.7.6"},"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.143.5"}
+{"author":"Volker Schukai","dependencies":{"@floating-ui/dom":"^1.7.6"},"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.143.6"}

package/source/components/datatable/filter.mjs

@@ -155,6 +155,18 @@ const debounceSizeSymbol = Symbol("debounceSize");
  */
 const hashChangeSymbol = Symbol("hashChange");
 
+/**
+ * @private
+ * @type {symbol}
+ */
+const pendingConfigWriteSymbol = Symbol("pendingConfigWrite");
+
+/**
+ * @private
+ * @type {symbol}
+ */
+const configWritePromiseSymbol = Symbol("configWritePromise");
+
 /**
  * The Filter component is used to show and handle the filter values.
  *
@@ -1637,12 +1649,51 @@ function updateConfig() {
 	if (!(host && hasConfigIdentity.call(this))) {
 		return;
 	}
+
 	const configKey = getFilterConfigKey.call(this);
+	this[pendingConfigWriteSymbol] = {
+		key: configKey,
+		value: this[settingsSymbol].getOptions(),
+	};
+
+	if (this[configWritePromiseSymbol]) {
+		return;
+	}
+
+	writePendingConfig.call(this, host);
+}
+
+/**
+ * @private
+ * @param {Host} host
+ */
+function writePendingConfig(host) {
+	const pending = this[pendingConfigWriteSymbol];
+	delete this[pendingConfigWriteSymbol];
+
+	if (!pending) {
+		return;
+	}
 
 	try {
-		host.setConfig(configKey, this[settingsSymbol].getOptions());
+		this[configWritePromiseSymbol] = Promise.resolve(
+			host.setConfig(pending.key, pending.value),
+		)
+			.catch((error) => {
+				addAttributeToken(this, ATTRIBUTE_ERRORMESSAGE, error?.message || error);
+			})
+			.finally(() => {
+				delete this[configWritePromiseSymbol];
+				if (this[pendingConfigWriteSymbol]) {
+					writePendingConfig.call(this, host);
+				}
+			});
 	} catch (error) {
+		delete this[configWritePromiseSymbol];
 		addAttributeToken(this, ATTRIBUTE_ERRORMESSAGE, error?.message || error);
+		if (this[pendingConfigWriteSymbol]) {
+			writePendingConfig.call(this, host);
+		}
 	}
 }