@schukai/monster 4.29.1 → 4.30.0

package/CHANGELOG.md

@@ -2,6 +2,14 @@
 
 
 
+## [4.30.0] - 2025-07-08
+
+### Add Features
+
+- Refactor Select and Updater for improved readability and functionality
+
+
+
 ## [4.29.1] - 2025-07-07
 
 ### Bug Fixes

package/package.json

@@ -1 +1 @@
-{"author":"schukai GmbH","dependencies":{"@floating-ui/dom":"^1.7.2","@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.29.1"}
+{"author":"schukai GmbH","dependencies":{"@floating-ui/dom":"^1.7.2","@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.30.0"}

package/source/components/form/select.mjs

@@ -608,9 +608,9 @@ class Select extends CustomControl {
 			let lastValue = self.value;
 			self[internalSymbol].attachObserver(
 				new Observer(function () {
+					// this is here not the Control, but the ProxyObserver
 					if (isObject(this) && this instanceof ProxyObserver) {
 						const n = this.getSubject()?.options?.value;
-
 						if (lastValue !== n && n !== undefined) {
 							lastValue = n;
 							setSelection
@@ -806,6 +806,7 @@ class Select extends CustomControl {
  * @returns {any}
  */
 function importOptionsIntern(data) {
+
 	const self = this;
 	const mappingOptions = this.getOption("mapping", {});
 	const selector = mappingOptions?.["selector"];

package/source/dom/updater.mjs

@@ -154,26 +154,25 @@ class Updater extends Base {
     }
     this[processingSymbol] = true;
 
-    while (this[pendingDiffsSymbol].length > 0) {
+    while (this[pendingDiffsSymbol].length) {
       const diffResult = this[pendingDiffsSymbol].shift();
-      for (const [, change] of Object.entries(diffResult)) {
-        await new Promise((resolve, reject) => {
-            try {
-              removeElement.call(this, change);
-              insertElement.call(this, change);
-              updateContent.call(this, change);
-              updateAttributes.call(this, change);
-              resolve();
-            } catch (err) {
-              reject(err);
-            }
-        });
+      for (const change of Object.values(diffResult)) {
+        await this.#applyChange(change);
       }
     }
 
     this[processingSymbol] = false;
   }
 
+  /** @private **/
+  async #applyChange(change) {
+    removeElement.call(this, change);
+    insertElement.call(this, change);
+    updateContent.call(this, change);
+    await Promise.resolve();
+    updateAttributes.call(this, change);
+  }
+
   /**
    * Defaults: 'keyup', 'click', 'change', 'drop', 'touchend'
    *