@schukai/monster 4.77.1 → 4.77.2

package/CHANGELOG.md

@@ -2,6 +2,17 @@
 
 
 
+## [4.77.2] - 2026-01-05
+
+### Bug Fixes
+
+- cahgen wait time to 10
+### Changes
+
+- update test timeout
+
+
+
 ## [4.77.1] - 2026-01-05
 
 ### 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.77.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.77.2"}

package/source/dom/util.mjs

@@ -16,14 +16,14 @@ import { getGlobal } from "../types/global.mjs";
 import { validateString } from "../types/validate.mjs";
 
 export {
-	getDocument,
-	getWindow,
-	getDocumentFragmentFromString,
-	findElementWithIdUpwards,
-	getContainingDocument,
-	getRegisteredCustomElements,
-	findElementWithSelectorUpwards,
-	waitForCustomElement,
+  getDocument,
+  getWindow,
+  getDocumentFragmentFromString,
+  findElementWithIdUpwards,
+  getContainingDocument,
+  getRegisteredCustomElements,
+  findElementWithSelectorUpwards,
+  waitForCustomElement,
 };
 
 /**
@@ -63,12 +63,12 @@ export {
  * @throws {Error} not supported environment
  */
 function getDocument() {
-	const document = getGlobal()?.["document"];
-	if (typeof document !== "object") {
-		throw new Error("not supported environment");
-	}
+  const document = getGlobal()?.["document"];
+  if (typeof document !== "object") {
+    throw new Error("not supported environment");
+  }
 
-	return document;
+  return document;
 }
 
 /**
@@ -110,12 +110,12 @@ function getDocument() {
  * @throws {Error} not supported environment
  */
 function getWindow() {
-	const window = getGlobal()?.["window"];
-	if (typeof window !== "object") {
-		throw new Error("not supported environment");
-	}
+  const window = getGlobal()?.["window"];
+  if (typeof window !== "object") {
+    throw new Error("not supported environment");
+  }
 
-	return window;
+  return window;
 }
 
 /**
@@ -156,13 +156,13 @@ function getWindow() {
  * @throws {TypeError} value is not a string
  */
 function getDocumentFragmentFromString(html) {
-	validateString(html);
+  validateString(html);
 
-	const document = getDocument();
-	const template = document.createElement("template");
-	template.innerHTML = html;
+  const document = getDocument();
+  const template = document.createElement("template");
+  template.innerHTML = html;
 
-	return template.content;
+  return template.content;
 }
 
 /**
@@ -177,39 +177,39 @@ function getDocumentFragmentFromString(html) {
  * @copyright Volker Schukai
  */
 function findElementWithIdUpwards(element, targetId) {
-	if (!element) {
-		return null;
-	}
-
-	// Check if the current element has the target ID
-	if (element.id === targetId) {
-		return element;
-	}
-
-	// Search within the current element's shadow root, if it exists
-	if (element.shadowRoot) {
-		const target = element.shadowRoot.getElementById(targetId);
-		if (target) {
-			return target;
-		}
-	}
-
-	// If the current element is the document.documentElement, search within the main document
-	if (element === document.documentElement || element === document) {
-		const target = document.getElementById(targetId);
-		if (target) {
-			return target;
-		}
-	}
-
-	// If the current element is inside a shadow root, search its host's ancestors
-	const rootNode = element.getRootNode();
-	if (rootNode && rootNode instanceof ShadowRoot) {
-		return findElementWithIdUpwards(rootNode.host, targetId);
-	}
-
-	// Otherwise, search the current element's parent
-	return findElementWithIdUpwards(element.parentElement, targetId);
+  if (!element) {
+    return null;
+  }
+
+  // Check if the current element has the target ID
+  if (element.id === targetId) {
+    return element;
+  }
+
+  // Search within the current element's shadow root, if it exists
+  if (element.shadowRoot) {
+    const target = element.shadowRoot.getElementById(targetId);
+    if (target) {
+      return target;
+    }
+  }
+
+  // If the current element is the document.documentElement, search within the main document
+  if (element === document.documentElement || element === document) {
+    const target = document.getElementById(targetId);
+    if (target) {
+      return target;
+    }
+  }
+
+  // If the current element is inside a shadow root, search its host's ancestors
+  const rootNode = element.getRootNode();
+  if (rootNode && rootNode instanceof ShadowRoot) {
+    return findElementWithIdUpwards(rootNode.host, targetId);
+  }
+
+  // Otherwise, search the current element's parent
+  return findElementWithIdUpwards(element.parentElement, targetId);
 }
 
 /**
@@ -223,33 +223,33 @@ function findElementWithIdUpwards(element, targetId) {
  * @since 3.55.0
  */
 function findElementWithSelectorUpwards(element, selector) {
-	if (!element || !selector) {
-		return null;
-	}
-
-	// Search within the current element's shadow root, if it exists
-	if (element.shadowRoot) {
-		const target = element.shadowRoot.querySelector(selector);
-		if (target) {
-			return target;
-		}
-	}
-
-	if (element === document.documentElement) {
-		const target = document.querySelector(selector);
-		if (target) {
-			return target;
-		}
-	}
-
-	// If the current element is inside a shadow root, search its host's ancestors
-	const rootNode = element.getRootNode();
-	if (rootNode && rootNode instanceof ShadowRoot) {
-		return findElementWithSelectorUpwards(rootNode.host, selector);
-	}
-
-	// Otherwise, search the current element's parent
-	return findElementWithSelectorUpwards(element.parentElement, selector);
+  if (!element || !selector) {
+    return null;
+  }
+
+  // Search within the current element's shadow root, if it exists
+  if (element.shadowRoot) {
+    const target = element.shadowRoot.querySelector(selector);
+    if (target) {
+      return target;
+    }
+  }
+
+  if (element === document.documentElement) {
+    const target = document.querySelector(selector);
+    if (target) {
+      return target;
+    }
+  }
+
+  // If the current element is inside a shadow root, search its host's ancestors
+  const rootNode = element.getRootNode();
+  if (rootNode && rootNode instanceof ShadowRoot) {
+    return findElementWithSelectorUpwards(rootNode.host, selector);
+  }
+
+  // Otherwise, search the current element's parent
+  return findElementWithSelectorUpwards(element.parentElement, selector);
 }
 
 /**
@@ -258,34 +258,34 @@ function findElementWithSelectorUpwards(element, selector) {
  * @return {HTMLElement|null}
  */
 function traverseShadowRoots(element) {
-	let currentRoot = element.shadowRoot;
-	let currentParent = element.parentNode;
-
-	while (
-		currentParent &&
-		currentParent.nodeType !== Node.DOCUMENT_NODE &&
-		currentParent.nodeType !== Node.DOCUMENT_FRAGMENT_NODE
-	) {
-		if (currentRoot && currentRoot.parentNode) {
-			currentParent = currentRoot.parentNode;
-			currentRoot = currentParent.shadowRoot;
-		} else if (currentParent.parentNode) {
-			currentParent = currentParent.parentNode;
-			currentRoot = null;
-		} else if (
-			currentRoot &&
-			currentRoot.host &&
-			currentRoot.host.nodeType === Node.DOCUMENT_NODE
-		) {
-			currentParent = currentRoot.host;
-			currentRoot = null;
-		} else {
-			currentParent = null;
-			currentRoot = null;
-		}
-	}
-
-	return currentParent;
+  let currentRoot = element.shadowRoot;
+  let currentParent = element.parentNode;
+
+  while (
+    currentParent &&
+    currentParent.nodeType !== Node.DOCUMENT_NODE &&
+    currentParent.nodeType !== Node.DOCUMENT_FRAGMENT_NODE
+  ) {
+    if (currentRoot && currentRoot.parentNode) {
+      currentParent = currentRoot.parentNode;
+      currentRoot = currentParent.shadowRoot;
+    } else if (currentParent.parentNode) {
+      currentParent = currentParent.parentNode;
+      currentRoot = null;
+    } else if (
+      currentRoot &&
+      currentRoot.host &&
+      currentRoot.host.nodeType === Node.DOCUMENT_NODE
+    ) {
+      currentParent = currentRoot.host;
+      currentRoot = null;
+    } else {
+      currentParent = null;
+      currentRoot = null;
+    }
+  }
+
+  return currentParent;
 }
 
 /**
@@ -297,17 +297,17 @@ function traverseShadowRoots(element) {
  * @since 3.36.0
  */
 function getContainingDocument(element) {
-	if (
-		!element ||
-		!(
-			element instanceof HTMLElement ||
-			element instanceof element.ownerDocument.defaultView.HTMLElement
-		)
-	) {
-		throw new Error("Invalid argument. Expected an HTMLElement.");
-	}
-
-	return traverseShadowRoots(element) || null;
+  if (
+    !element ||
+    !(
+      element instanceof HTMLElement ||
+      element instanceof element.ownerDocument.defaultView.HTMLElement
+    )
+  ) {
+    throw new Error("Invalid argument. Expected an HTMLElement.");
+  }
+
+  return traverseShadowRoots(element) || null;
 }
 
 /**
@@ -318,11 +318,11 @@ function getContainingDocument(element) {
  * @return {string[]}
  */
 function getRegisteredCustomElements() {
-	const customElementTags = Array.from(document.querySelectorAll("*"))
-		.map((tag) => tag.tagName.toLowerCase())
-		.filter((tagName) => tagName.includes("-") && customElements.get(tagName));
+  const customElementTags = Array.from(document.querySelectorAll("*"))
+    .map((tag) => tag.tagName.toLowerCase())
+    .filter((tagName) => tagName.includes("-") && customElements.get(tagName));
 
-	return Array.from(new Set(customElementTags));
+  return Array.from(new Set(customElementTags));
 }
 
 /**
@@ -337,67 +337,67 @@ function getRegisteredCustomElements() {
  * @since 4.1.0
  */
 function waitForCustomElement(
-	element,
-	{ method = null, tagName = null, timeout = 2000, readyCheck = null } = {},
+  element,
+  { method = null, tagName = null, timeout = 2000, readyCheck = null } = {},
 ) {
-	if (!(element instanceof HTMLElement)) {
-		return Promise.reject(
-			new Error("Invalid argument. Expected an HTMLElement."),
-		);
-	}
-
-	const name = (tagName || element.tagName || "").toLowerCase();
-	if (!name.includes("-")) {
-		return Promise.reject(
-			new Error("Invalid argument. Expected a custom element tag name."),
-		);
-	}
-
-	const window = getWindow();
-	const registry = window.customElements;
-	if (!registry) {
-		return Promise.reject(new Error("customElements is not supported."));
-	}
-
-	return registry.whenDefined(name).then(
-		() =>
-			new Promise((resolve, reject) => {
-				if (typeof registry.upgrade === "function") {
-					registry.upgrade(element);
-				}
-
-				const start = Date.now();
-				const isReady = () => {
-					if (method && typeof element[method] !== "function") {
-						return false;
-					}
-					if (typeof readyCheck === "function") {
-						return readyCheck(element) === true;
-					}
-					return true;
-				};
-
-				const check = () => {
-					if (isReady()) {
-						resolve(element);
-						return;
-					}
-
-					if (
-						typeof timeout === "number" &&
-						timeout >= 0 &&
-						Date.now() - start > timeout
-					) {
-						reject(
-							new Error(`Timed out waiting for "${method}" on <${name}>.`),
-						);
-						return;
-					}
-
-					window.setTimeout(check, 0);
-				};
-
-				window.setTimeout(check, 0);
-			}),
-	);
+  if (!(element instanceof HTMLElement)) {
+    return Promise.reject(
+      new Error("Invalid argument. Expected an HTMLElement."),
+    );
+  }
+
+  const name = (tagName || element.tagName || "").toLowerCase();
+  if (!name.includes("-")) {
+    return Promise.reject(
+      new Error("Invalid argument. Expected a custom element tag name."),
+    );
+  }
+
+  const window = getWindow();
+  const registry = window.customElements;
+  if (!registry) {
+    return Promise.reject(new Error("customElements is not supported."));
+  }
+
+  return registry.whenDefined(name).then(
+    () =>
+      new Promise((resolve, reject) => {
+        if (typeof registry.upgrade === "function") {
+          registry.upgrade(element);
+        }
+
+        const start = Date.now();
+        const isReady = () => {
+          if (method && typeof element[method] !== "function") {
+            return false;
+          }
+          if (typeof readyCheck === "function") {
+            return readyCheck(element) === true;
+          }
+          return true;
+        };
+
+        const check = () => {
+          if (isReady()) {
+            resolve(element);
+            return;
+          }
+
+          if (
+            typeof timeout === "number" &&
+            timeout >= 0 &&
+            Date.now() - start > timeout
+          ) {
+            reject(
+              new Error(`Timed out waiting for "${method}" on <${name}>.`),
+            );
+            return;
+          }
+
+          window.setTimeout(check, 10);
+        };
+
+        window.setTimeout(check, 10);
+      }),
+  );
 }

package/test/cases/components/form/button-bar.mjs

@@ -15,6 +15,7 @@ let ButtonBar;
 
 describe("ButtonBar", function () {
   before(function (done) {
+    this.timeout(5000);
     initJSDOM()
       .then(() => {
         import("../../../../source/components/form/button-bar.mjs")