@schukai/monster 4.30.1 → 4.32.0

package/CHANGELOG.md

@@ -2,6 +2,22 @@
 
 
 
+## [4.32.0] - 2025-07-08
+
+### Add Features
+
+- Add reset functionality to Select component
+
+
+
+## [4.31.0] - 2025-07-08
+
+### Add Features
+
+- Disable monster issue 280 and update handling for attribute
+
+
+
 ## [4.30.1] - 2025-07-08
 
 ### 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.30.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.32.0"}

package/source/components/form/select.mjs

@@ -557,6 +557,41 @@ class Select extends CustomControl {
 		);
 	}
 
+	/**
+	 * Resets the select control: clears selection, resets options, removes status/errors.
+	 */
+	reset() {
+		try {
+
+			setSelection.call(this, null).then(() => {
+				const lazyLoadFlag = this.getOption("features.lazyLoad");
+				const remoteFilterFlag = getFilterMode.call(this) === FILTER_MODE_REMOTE;
+
+				if (lazyLoadFlag || remoteFilterFlag) {
+					this.setOption("options", []);
+				}
+
+				this.setOption("messages.selected", "");
+				this.setOption("messages.total", "");
+				this.setOption("messages.summary", "");
+
+				removeErrorAttribute(this);
+
+				this[lazyLoadDoneSymbol] = false;
+				this[runLookupOnceSymbol] = false;
+
+				checkOptionState.call(this);
+				calcAndSetOptionsDimension.call(this);
+				updatePopper.call(this);
+			}).catch((e) => {
+				addErrorAttribute(this, e);
+			});
+		} catch (e) {
+			addErrorAttribute(this, e);
+		}
+	}
+
+
 	/**
 	 * @return {Select}
 	 */

package/source/dom/customelement.mjs

@@ -1031,6 +1031,13 @@ function getOptionsFromScriptTag() {
  * @return {object}
  */
 function getOptionsFromAttributes() {
+
+	if(this.hasAttribute(ATTRIBUTE_DISABLED) && this.getAttribute(ATTRIBUTE_DISABLED) !== null) {
+		this.setOption(ATTRIBUTE_DISABLED, true);
+	} else {
+		this.setOption(ATTRIBUTE_DISABLED, undefined);
+	}
+
 	if (this.hasAttribute(ATTRIBUTE_OPTIONS)) {
 		try {
 			return parseOptionsJSON.call(this, this.getAttribute(ATTRIBUTE_OPTIONS));