@schukai/monster 4.79.1 → 4.80.0

package/CHANGELOG.md

@@ -2,6 +2,14 @@
 
 
 
+## [4.80.0] - 2026-01-07
+
+### Add Features
+
+- Enhance DataTable datasource element handling
+
+
+
 ## [4.79.1] - 2026-01-07
 
 ### Bug Fixes

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.79.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.80.0"}

package/source/components/datatable/datatable.mjs

@@ -67,7 +67,11 @@ import {
 } from "./util.mjs";
 import "./columnbar.mjs";
 import "./filter-button.mjs";
-import { findElementWithSelectorUpwards, getWindow } from "../../dom/util.mjs";
+import {
+	findElementWithSelectorUpwards,
+	getWindow,
+	waitForCustomElement,
+} from "../../dom/util.mjs";
 
 import { getDocumentTranslations } from "../../i18n/translations.mjs";
 import "../state/state.mjs";
@@ -410,23 +414,31 @@ class DataTable extends CustomElement {
 				if (isString(selector)) {
 					const element = findElementWithSelectorUpwards(this, selector);
 					if (element === null) {
-						throw new Error("the selector must match exactly one element");
-					}
-
-					if (!isInstance(element, Datasource)) {
-						throw new TypeError("the element must be a datasource");
+						addErrorAttribute(
+							this,
+							"the selector must match exactly one element",
+						);
+						return;
 					}
 
-					this[datasourceLinkedElementSymbol] = element;
-
-					queueMicrotask(() => {
-						handleDataSourceChanges.call(this, true);
-						if (element && "datasource" in element) {
-							element.datasource.attachObserver(
-								new Observer(handleDataSourceChanges.bind(this)),
-							);
-						}
-					});
+					waitForCustomElement(element, {
+						readyCheck: (el) => isInstance(el, Datasource),
+					})
+						.then((readyElement) => {
+							this[datasourceLinkedElementSymbol] = readyElement;
+
+							queueMicrotask(() => {
+								handleDataSourceChanges.call(this, true);
+								if (readyElement && "datasource" in readyElement) {
+									readyElement.datasource.attachObserver(
+										new Observer(handleDataSourceChanges.bind(this)),
+									);
+								}
+							});
+						})
+						.catch((error) => {
+							addErrorAttribute(this, error);
+						});
 				}
 			});