@schukai/monster 3.102.3 → 3.102.4

package/CHANGELOG.md

@@ -2,6 +2,17 @@
 
 
 
+## [3.102.4] - 2025-01-29
+
+### Bug Fixes
+
+- remove request frame as it causes problems (performance) [#290](https://gitlab.schukai.com/oss/libraries/javascript/monster/issues/290)
+### Changes
+
+- update webtest
+
+
+
 ## [3.102.3] - 2025-01-29
 
 ### Bug Fixes

package/package.json

@@ -1 +1 @@
-{"author":"schukai GmbH","dependencies":{"@floating-ui/dom":"^1.6.13","@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":"3.102.3"}
+{"author":"schukai GmbH","dependencies":{"@floating-ui/dom":"^1.6.13","@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":"3.102.4"}

package/source/components/datatable/dataset.mjs

@@ -236,7 +236,7 @@ class DataSet extends CustomElement {
 	[assembleMethodSymbol]() {
 		super[assembleMethodSymbol]();
 
-		requestAnimationFrame(() => {
+		setTimeout(() => {
 			if (!this[datasourceLinkedElementSymbol]) {
 				const selector = this.getOption("datasource.selector");
 
@@ -278,7 +278,7 @@ class DataSet extends CustomElement {
 			}
 
 			initEventHandler.call(this);
-		});
+		},10);
 	}
 
 	/**

package/source/components/datatable/datatable.mjs

@@ -414,7 +414,7 @@ class DataTable extends CustomElement {
 
 					this[datasourceLinkedElementSymbol] = element;
 
-					getWindow().requestAnimationFrame(() => {
+					queueMicrotask(() => {
 						handleDataSourceChanges.call(this);
 						if (element && "datasource" in element) {
 							element.datasource.attachObserver(

package/source/components/datatable/filter.mjs

@@ -547,11 +547,9 @@ function updateFilterSelections() {
 		this[filterSelectElementSymbol].setOption("options", options);
 
 		setTimeout(() => {
-			window.requestAnimationFrame(() => {
-				this[filterSelectElementSymbol].value =
-					this[settingsSymbol].getSelected();
-			});
-		}, 0);
+			this[filterSelectElementSymbol].value =
+				this[settingsSymbol].getSelected();
+		}, 10);
 	});
 }
 

package/source/components/datatable/pagination.mjs

@@ -516,7 +516,7 @@ function handleDataSourceChanges() {
 		pagination.items = [];
 	}
 
-	getWindow().requestAnimationFrame(() => {
+	queueMicrotask(() => {
 		this.setOption("pagination", pagination);
 	});
 }