@schukai/monster 3.117.1 → 3.117.3

package/source/components/form/select.mjs

@@ -370,7 +370,7 @@ class Select extends CustomControl {
 	 * @property {string} name Name of the form field
 	 * @property {string} url Load options from server per url
 	 * @property {object} lookup Load options from server per url
-	 * @property {string} lookup.url Load options from server per url
+	 * @property {string} lookup.url Load options from server per url, the playceholder ${filter} is replaced with the value of the selected option
 	 * @property {boolean} lookup.grouping Load all selected options from server per url at once (true) or one by one (false)
 	 * @property {Object} fetch Fetch [see Using Fetch mozilla.org](https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API/Using_Fetch)
 	 * @property {String} fetch.redirect
@@ -995,7 +995,7 @@ function lookupSelection() {
 		}
 
 		let url = self.getOption("url");
-		let lookupUrl = self.getOption("lookup.url");
+		const lookupUrl = self.getOption("lookup.url");
 		if (lookupUrl !== null) {
 			url = lookupUrl;
 		}
@@ -1774,12 +1774,14 @@ function filterFromRemote() {
 	}
 
 	let filterValue;
+	let showFlag = false;
 
 	switch (this.getOption("filter.position")) {
 		case FILTER_POSITION_INLINE:
 			if (this[inlineFilterElementSymbol] instanceof HTMLElement) {
 				filterValue = this[inlineFilterElementSymbol].value.toLowerCase();
 			}
+			showFlag = true;
 
 			break;
 		case FILTER_POSITION_POPPER:
@@ -1789,7 +1791,7 @@ function filterFromRemote() {
 			}
 	}
 
-	return filterFromRemoteByValue.call(this, url, filterValue);
+	return filterFromRemoteByValue.call(this, url, filterValue, showFlag);
 }
 
 function formatURL(url, value) {
@@ -1818,9 +1820,10 @@ function formatURL(url, value) {
  * @private
  * @param optionUrl
  * @param value
+ * @param openPopper
  * @returns {Promise<unknown>}
  */
-function filterFromRemoteByValue(optionUrl, value) {
+function filterFromRemoteByValue(optionUrl, value, openPopper) {
 	return new Processing(() => {
 		let url = formatURL.call(this, optionUrl, value);
 		if (url.indexOf(disabledRequestMarker.toString()) !== -1) {
@@ -1833,7 +1836,9 @@ function filterFromRemoteByValue(optionUrl, value) {
 			})
 			.then(() => {
 				checkOptionState.call(this);
-				show.call(this);
+				if (openPopper === true) {
+					show.call(this);
+				}
 			})
 			.catch((e) => {
 				throw e;

package/source/components/layout/stylesheet/board.mjs

@@ -10,10 +10,10 @@
  * For more information about purchasing a commercial license, please contact schukai GmbH.
  */
 
-import {addAttributeToken} from "../../../dom/attributes.mjs";
-import {ATTRIBUTE_ERRORMESSAGE} from "../../../dom/constants.mjs";
+import { addAttributeToken } from "../../../dom/attributes.mjs";
+import { ATTRIBUTE_ERRORMESSAGE } from "../../../dom/constants.mjs";
 
-export {BoardStyleSheet}
+export { BoardStyleSheet };
 
 /**
  * @private
@@ -22,10 +22,17 @@ export {BoardStyleSheet}
 const BoardStyleSheet = new CSSStyleSheet();
 
 try {
-  BoardStyleSheet.insertRule(`
+	BoardStyleSheet.insertRule(
+		`
 @layer board { 
 :host{display:block;height:100%;width:100%}[data-monster-role=control]{container-name:board;container-type:inline-size}[data-monster-role=control],[data-monster-role=grid]{box-sizing:border-box;height:100%;margin:0;padding:0;width:100%}[data-monster-role=grid]{display:grid}.dragging{opacity:.5;visibility:hidden} 
-}`, 0);
+}`,
+		0,
+	);
 } catch (e) {
-  addAttributeToken(document.getRootNode().querySelector('html'), ATTRIBUTE_ERRORMESSAGE, e + "");
+	addAttributeToken(
+		document.getRootNode().querySelector("html"),
+		ATTRIBUTE_ERRORMESSAGE,
+		e + "",
+	);
 }

package/source/types/dataurl.mjs

@@ -78,6 +78,15 @@ class DataUrl extends Base {
 		return this[internal].mediatype;
 	}
 
+	/**
+	 * Converts the current object to a URL instance.
+	 *
+	 * @return {URL} A URL instance created from the string representation of the object.
+	 */
+	toURL() {
+		return new URL(this.toString());
+	}
+
 	/**
 	 *
 	 * @return {string}

package/source/types/version.mjs

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

package/source/util/clone.mjs

@@ -75,6 +75,11 @@ function clone(obj) {
 			return copy;
 		}
 
+		// Handle URL
+		if (obj instanceof URL) {
+			return new URL(obj.toString());
+		}
+
 		/** Do not clone DOM nodes */
 		if (typeof Element !== "undefined" && obj instanceof Element) return obj;
 		if (typeof Document !== "undefined" && obj instanceof Document) return obj;

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.115.4")
+        monsterVersion = new Version("3.117.2")
 
         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 3.115.4</h1>
-  <div id="lastupdate" style='font-size:0.7em'>last update Mo 14. Apr 11:15:31 CEST 2025</div>
+  <h1 style='margin-bottom: 0.1em;'>Monster 3.117.2</h1>
+  <div id="lastupdate" style='font-size:0.7em'>last update Mi 30. Apr 18:21:58 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>