@schukai/monster 4.36.0 → 4.37.1

package/CHANGELOG.md

@@ -2,6 +2,22 @@
 
 
 
+## [4.37.1] - 2025-07-19
+
+### Bug Fixes
+
+- add import statement
+
+
+
+## [4.37.0] - 2025-07-19
+
+### Add Features
+
+- add resetAttributeError function
+
+
+
 ## [4.36.0] - 2025-07-19
 
 ### Add Features

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.36.0"}
+{"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.37.1"}

package/source/components/form/select.mjs

@@ -27,7 +27,11 @@ import {
   getSlottedElements,
   registerCustomElement,
 } from "../../dom/customelement.mjs";
-import { addErrorAttribute, removeErrorAttribute } from "../../dom/error.mjs";
+import {
+  resetErrorAttribute,
+  addErrorAttribute,
+  removeErrorAttribute,
+} from "../../dom/error.mjs";
 import {
   findTargetElementFromEvent,
   fireCustomEvent,
@@ -579,7 +583,7 @@ class Select extends CustomControl {
           this.setOption("messages.total", "");
           this.setOption("messages.summary", "");
 
-          removeErrorAttribute(this);
+          resetErrorAttribute.call(this);
 
           this[lazyLoadDoneSymbol] = false;
           this[runLookupOnceSymbol] = false;

package/source/dom/error.mjs

@@ -15,7 +15,15 @@
 import { validateInstance, validateString } from "../types/validate.mjs";
 import { ATTRIBUTE_ERRORMESSAGE } from "./constants.mjs";
 
-export { addErrorAttribute, removeErrorAttribute };
+export { resetErrorAttribute, addErrorAttribute, removeErrorAttribute };
+
+function resetErrorAttribute(element) {
+  validateInstance(element, HTMLElement);
+  if (element.hasAttribute(ATTRIBUTE_ERRORMESSAGE)) {
+    element.removeAttribute(ATTRIBUTE_ERRORMESSAGE);
+  }
+  return element;
+}
 
 /**
  * This method can be used to add an error message to an element.
@@ -28,45 +36,45 @@ export { addErrorAttribute, removeErrorAttribute };
  * @return {HTMLElement}
  */
 function addErrorAttribute(element, message) {
-	validateInstance(element, HTMLElement);
+  validateInstance(element, HTMLElement);
 
-	if (message instanceof Error) {
-		message = message.message;
-	}
+  if (message instanceof Error) {
+    message = message.message;
+  }
 
-	if (typeof message !== "string") {
-		if (typeof message === "object" && message !== null) {
-			if (typeof message.toString === "function") {
-				message = message.toString();
-			} else {
-				message = JSON.stringify(message);
-			}
-		} else {
-			message = String(message);
-		}
-	}
+  if (typeof message !== "string") {
+    if (typeof message === "object" && message !== null) {
+      if (typeof message.toString === "function") {
+        message = message.toString();
+      } else {
+        message = JSON.stringify(message);
+      }
+    } else {
+      message = String(message);
+    }
+  }
 
-	validateString(message);
+  validateString(message);
 
-	if (!element.hasAttribute(ATTRIBUTE_ERRORMESSAGE)) {
-		element.setAttribute(ATTRIBUTE_ERRORMESSAGE, message);
-		return element;
-	}
+  if (!element.hasAttribute(ATTRIBUTE_ERRORMESSAGE)) {
+    element.setAttribute(ATTRIBUTE_ERRORMESSAGE, message);
+    return element;
+  }
 
-	const current = element.getAttribute(ATTRIBUTE_ERRORMESSAGE);
-	const list = current.split("::");
+  const current = element.getAttribute(ATTRIBUTE_ERRORMESSAGE);
+  const list = current.split("::");
 
-	for (let i = 0; i < list.length; i++) {
-		if (list[i] === message) {
-			return element;
-		}
-	}
+  for (let i = 0; i < list.length; i++) {
+    if (list[i] === message) {
+      return element;
+    }
+  }
 
-	list.push(message);
+  list.push(message);
 
-	element.setAttribute(ATTRIBUTE_ERRORMESSAGE, list.join("::"));
+  element.setAttribute(ATTRIBUTE_ERRORMESSAGE, list.join("::"));
 
-	return element;
+  return element;
 }
 
 /**
@@ -80,20 +88,20 @@ function addErrorAttribute(element, message) {
  * @return {HTMLElement}
  */
 function removeErrorAttribute(element, message) {
-	validateInstance(element, HTMLElement);
-	validateString(message);
+  validateInstance(element, HTMLElement);
+  validateString(message);
 
-	if (!element.hasAttribute(ATTRIBUTE_ERRORMESSAGE)) {
-		return element;
-	}
+  if (!element.hasAttribute(ATTRIBUTE_ERRORMESSAGE)) {
+    return element;
+  }
 
-	const current = element.getAttribute(ATTRIBUTE_ERRORMESSAGE);
-	const list = current.split("::");
-	const newList = list.filter(function (token) {
-		return token !== message;
-	});
+  const current = element.getAttribute(ATTRIBUTE_ERRORMESSAGE);
+  const list = current.split("::");
+  const newList = list.filter(function (token) {
+    return token !== message;
+  });
 
-	element.setAttribute(ATTRIBUTE_ERRORMESSAGE, newList.join("::"));
+  element.setAttribute(ATTRIBUTE_ERRORMESSAGE, newList.join("::"));
 
-	return element;
+  return element;
 }

package/source/types/version.mjs

@@ -156,7 +156,7 @@ function getMonsterVersion() {
 	}
 
 	/** don't touch, replaced by make with package.json version */
-	monsterVersion = new Version("4.32.2");
+	monsterVersion = new Version("4.36.0");
 
 	return monsterVersion;
 }

package/test/cases/monster.mjs

@@ -7,7 +7,7 @@ describe('Monster', function () {
         let monsterVersion
 
         /** don´t touch, replaced by make with package.json version */
-        monsterVersion = new Version("4.32.2")
+        monsterVersion = new Version("4.36.0")
 
         let m = getMonsterVersion();
 

package/test/web/test.html

@@ -9,8 +9,8 @@
 </head>
 <body>
 <div id="headline" style="display: flex;align-items: center;justify-content: center;flex-direction: column;">
-  <h1 style='margin-bottom: 0.1em;'>Monster 4.32.2</h1>
-  <div id="lastupdate" style='font-size:0.7em'>last update Sa 12. Jul 18:12:57 CEST 2025</div>
+  <h1 style='margin-bottom: 0.1em;'>Monster 4.36.0</h1>
+  <div id="lastupdate" style='font-size:0.7em'>last update Sa 19. Jul 18:39:06 CEST 2025</div>
 </div>
 <div id="mocha-errors"
      style="color: red;font-weight: bold;display: flex;align-items: center;justify-content: center;flex-direction: column;margin:20px;"></div>