@schukai/monster 3.53.0 → 3.54.0

package/CHANGELOG.md

@@ -1,4 +1,10 @@
 
+## [3.54.0] - 2023-11-23
+
+### Add Features
+
+- new closeOnSelect feature
+
 ## [3.53.0] - 2023-11-11
 
 ### Add Features
@@ -6,6 +12,7 @@
 - new icons (css) [#130](https://gitlab.schukai.com/oss/libraries/javascript/monster/issues/130)
 ### Changes
 
+- release and publish to npm new version 3.53.0
 - tidy code
 - tidy code
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@schukai/monster",
-  "version": "3.53.0",
+  "version": "3.54.0",
   "description": "Monster is a simple library for creating fast, robust and lightweight websites.",
   "keywords": [
     "framework",

package/source/components/form/select.mjs

@@ -391,6 +391,7 @@ class Select extends CustomControl {
 	 * @property {Boolean} features.clearAll=true Display of a delete button to delete the entire selection
 	 * @property {Boolean} features.clear=true Display of a delete key for deleting the specific selection
 	 * @property {Boolean} features.loadOnOpen=false Load options when opening the dropdown
+	 * @property {Boolean} features.closeOnSelect=false Close the dropdown when an option is selected (since 3.54.0)
 	 * @property {Boolean} filter.defaultValue=* Default filter value, if the filter is empty
 	 * @property {Boolean} filter.mode=options Filter mode, values: options, remote, disabled
 	 * @property {Object} templates Template definitions
@@ -424,6 +425,7 @@ class Select extends CustomControl {
 					clearAll: true,
 					clear: true,
 					loadOnOpen: false,
+					closeOnSelect: false,
 				},
 				url: null,
 				labels: {
@@ -719,7 +721,7 @@ class Select extends CustomControl {
 		fireCustomEvent(this, "monster-options-set", {
 			options,
 		});
-
+		
 		return this;
 	}
 
@@ -852,7 +854,7 @@ function parseSlotsToOptions() {
 
 	let counter = 1;
 	getSlottedElements.call(this, "div").forEach((node) => {
-		let value = String(counter++);
+		let value = (counter++).toString();
 		let visibility = "visible";
 
 		if (node.hasAttribute("data-monster-value")) {
@@ -1532,6 +1534,10 @@ function gatherState() {
 		.catch((e) => {
 			addAttributeToken(this, ATTRIBUTE_ERRORMESSAGE, `${e}`);
 		});
+	
+	if (this.getOption("features.closeOnSelect") === true) {
+		toggle.call(this);
+	}
 
 	return this;
 }

package/source/types/version.mjs

@@ -152,7 +152,7 @@ function getMonsterVersion() {
 	}
 
 	/** don't touch, replaced by make with package.json version */
-	monsterVersion = new Version("3.53.0");
+	monsterVersion = new Version("3.54.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("3.53.0")
+        monsterVersion = new Version("3.54.0")
 
         let m = getMonsterVersion();