@schukai/monster 3.55.6 → 3.56.0

package/source/components/form/state-button.mjs

@@ -101,7 +101,7 @@ class StateButton extends Button {
 	 *
 	 * @since 3.18.0 a previously set timeout is cleared
 	 *
-	 * @param {state} state
+	 * @param {string} state
 	 * @param {number} timeout
 	 * @return {Monster.Components.Form.StateButton}
 	 * @throws {TypeError} value is not a string

package/source/components/form/tabs.mjs

@@ -330,7 +330,7 @@ function initPopperSwitch() {
 		switchButton.setAttribute(ATTRIBUTE_ROLE, "switch");
 		switchButton.setAttribute("part", "switch");
 		switchButton.classList.add("hidden");
-		let classList = this.getOption("classes.button");
+		const classList = this.getOption("classes.button");
 		if (classList) {
 			switchButton.classList.add(classList);
 		}
@@ -510,7 +510,7 @@ function initPopper() {
  * @private
  * @param {HTMLElement} element
  */
-function show(element) {;
+function show(element) {
 	if (!this.shadowRoot) {
 		throw new Error("no shadow-root is defined");
 	}
@@ -593,7 +593,7 @@ function show(element) {;
 /**
  * @private
  */
-function initEventHandler() {;
+function initEventHandler() {
 
 	if (!this.shadowRoot) {
 		throw new Error("no shadow-root is defined");

package/source/components/form/tree-select.mjs

@@ -16,7 +16,11 @@ import {
 	assembleMethodSymbol,
 	registerCustomElement,
 } from "../../dom/customelement.mjs";
-import {findTargetElementFromEvent, fireCustomEvent, fireEvent} from "../../dom/events.mjs";
+import {
+	findTargetElementFromEvent,
+	fireCustomEvent,
+	fireEvent,
+} from "../../dom/events.mjs";
 import { Formatter } from "../../text/formatter.mjs";
 import { isString } from "../../types/is.mjs";
 import { Node } from "../../types/node.mjs";
@@ -204,7 +208,7 @@ class TreeSelect extends Select {
 		fireCustomEvent(this, "monster-options-set", {
 			options,
 		});
-		
+
 		return this;
 	}
 

package/source/components/host/overlay.mjs

@@ -127,6 +127,7 @@ class Overlay extends CustomElement {
 	 * @property {string} classes.overlay Css class to hide the overlay. This class is removed when the component is ready.
 	 * @property {Object} features Feature definitions
 	 * @property {boolean} features.escapeKey If true the overlay can be closed with the escape key
+	 * @property {boolean} features.openButton If true the overlay can be opened with a button
 	 */
 	get defaults() {
 		return Object.assign({}, super.defaults, {
@@ -146,6 +147,7 @@ class Overlay extends CustomElement {
 			},
 			features: {
 				escapeKey: true,
+				openButton: true,
 			},
 		});
 	}
@@ -326,7 +328,8 @@ function getTemplate() {
                  data-monster-attributes="part path:host-overlay.name, data-monster-role path:host-container.overlay"></div>
         </template>
 
-        <div data-monster-role="overlay-open" part="open"></div>
+        <div data-monster-role="overlay-open" part="open"
+			 data-monster-attributes="class path:features.openButton | if:visible:hidden"></div>
 
         <div id="overlay" data-monster-role="overlay" part="overlay" data-monster-insert="host-overlay path:overlay"
              data-monster-attributes="class path:classes.overlay">

package/source/components/tree-menu/tree-menu.mjs

@@ -515,7 +515,6 @@ function switchToConfig() {
 	};
 
 	this[dragEventHandlerSymbol] = (event) => {
-		console.log(event);
 		event.preventDefault();
 	};
 

package/source/data/datasource/server/restapi.mjs

@@ -88,7 +88,7 @@ class RestAPI extends Server {
 				},
 				responseCallback: undefined,
 				acceptedStatus: [200, 201],
-				url: undefined,
+				url: null,
 				mapping: {
 					transformer: undefined,
 					callbacks: [],
@@ -107,7 +107,7 @@ class RestAPI extends Server {
 				},
 				responseCallback: undefined,
 				acceptedStatus: [200],
-				url: undefined,
+				url: null,
 				mapping: {
 					transformer: undefined,
 					callbacks: [],
@@ -123,7 +123,6 @@ class RestAPI extends Server {
 	 * @throws {Error} the data cannot be read
 	 */
 	read() {
-
 		let init = this.getOption("read.init");
 		if (!isObject(init)) init = {};
 		if (!init["method"]) init["method"] = "GET";

package/source/data/datasource/server.mjs

@@ -81,7 +81,7 @@ class Server extends Datasource {
  */
 function doTransform(type, obj) {
 	const transformation = this.getOption(`${type}.mapping.transformer`);
-	if (transformation !== undefined) {
+	if (transformation !== undefined && transformation !== null) {
 		const pipe = new Pipe(transformation);
 		const callbacks = this.getOption(`${type}.mapping.callbacks`);
 

package/source/data/extend.mjs

@@ -5,10 +5,10 @@
  * License text available at https://www.gnu.org/licenses/agpl-3.0.en.html
  */
 
-import {isArray, isObject} from "../types/is.mjs";
-import {typeOf} from "../types/typeof.mjs";
+import { isArray, isObject } from "../types/is.mjs";
+import { typeOf } from "../types/typeof.mjs";
 
-export {extend};
+export { extend };
 
 /**
  * Extend copies all enumerable own properties from one or
@@ -25,65 +25,65 @@ export {extend};
  * @param args
  */
 function extend(...args) {
-    let o;
-    let i;
+	let o;
+	let i;
 
-    if (typeof args !== "object" || args[0] === null) {
-        throw new Error(`unsupported argument ${JSON.stringify(args[0])}`);
-    }
+	if (typeof args !== "object" || args[0] === null) {
+		throw new Error(`unsupported argument ${JSON.stringify(args[0])}`);
+	}
 
-    for (i = 0; i < args.length; i++) {
-        const a = args[i];
+	for (i = 0; i < args.length; i++) {
+		const a = args[i];
 
-        if (!(isObject(a) || isArray(a))) {
-            throw new Error(`unsupported argument ${JSON.stringify(a)}`);
-        }
+		if (!(isObject(a) || isArray(a))) {
+			throw new Error(`unsupported argument ${JSON.stringify(a)}`);
+		}
 
-        if (o === undefined) {
-            o = a;
-            continue;
-        }
+		if (o === undefined) {
+			o = a;
+			continue;
+		}
 
-        for (const k in a) {
-            const v = a?.[k];
+		for (const k in a) {
+			const v = a?.[k];
 
-            if (v === o?.[k]) {
-                continue;
-            }
+			if (v === o?.[k]) {
+				continue;
+			}
 
-            if ((isObject(v) && typeOf(v) === "object") || isArray(v)) {
-                if (o[k] === undefined) {
-                    if (isArray(v)) {
-                        o[k] = [];
-                    } else {
-                        o[k] = {};
-                    }
-                } else {
-                    if (typeOf(o[k]) !== typeOf(v)) {
-                        throw new Error(
-                            `type mismatch: ${JSON.stringify(o[k])}(${typeOf(
-                                o[k],
-                            )}) != ${JSON.stringify(v)}(${typeOf(v)})`,
-                        );
-                    }
-                }
-                
-                if (isArray(o[k])) {
-                    o[k] = [];
-                    o[k].push(...v);
-                    continue;
-                }
+			if ((isObject(v) && typeOf(v) === "object") || isArray(v)) {
+				if (o[k] === undefined) {
+					if (isArray(v)) {
+						o[k] = [];
+					} else {
+						o[k] = {};
+					}
+				} else {
+					if (typeOf(o[k]) !== typeOf(v)) {
+						throw new Error(
+							`type mismatch: ${JSON.stringify(o[k])}(${typeOf(
+								o[k],
+							)}) != ${JSON.stringify(v)}(${typeOf(v)})`,
+						);
+					}
+				}
 
-                o[k] = extend(o[k], v);
-            } else {
-                if (isArray(o)) {
-                    o.push(v);
-                    continue;
-                }
-                o[k] = v;
-            }
-        }
-    }
+				if (isArray(o[k])) {
+					o[k] = [];
+					o[k].push(...v);
+					continue;
+				}
 
-    return o;
+				o[k] = extend(o[k], v);
+			} else {
+				if (isArray(o)) {
+					o.push(v);
+					continue;
+				}
+				o[k] = v;
+			}
+		}
+	}
+
+	return o;
 }

package/source/data/pathfinder.mjs

@@ -83,10 +83,12 @@ const WILDCARD = "*";
  */
 class Pathfinder extends Base {
 	/**
-	 * @param {array|object|Map|Set} value
-	 * @since 1.4.0
-	 * @throws  {Error} the parameter must not be a simple type
-	 **/
+	 * Creates a new instance of the constructor.
+	 *
+	 * @param {object} object - The object parameter for the constructor.
+	 *
+	 * @throws {Error} Throws an error if the provided object parameter is a simple type.
+	 */
 	constructor(object) {
 		super();
 

package/source/dom/constants.mjs

@@ -19,6 +19,7 @@ export {
 	ATTRIBUTE_UPDATER_INSERT_REFERENCE,
 	ATTRIBUTE_UPDATER_REMOVE,
 	ATTRIBUTE_UPDATER_BIND,
+	ATTRIBUTE_UPDATER_BIND_TYPE,
 	ATTRIBUTE_TEMPLATE_PREFIX,
 	ATTRIBUTE_ROLE,
 	ATTRIBUTE_DISABLED,
@@ -199,6 +200,14 @@ const ATTRIBUTE_UPDATER_REMOVE = `${ATTRIBUTE_PREFIX}remove`;
  */
 const ATTRIBUTE_UPDATER_BIND = `${ATTRIBUTE_PREFIX}bind`;
 
+/**
+ * @memberOf Monster.DOM
+ * @type {string}
+ * @license AGPLv3
+ * @since 1.9.0
+ */
+const ATTRIBUTE_UPDATER_BIND_TYPE = `${ATTRIBUTE_UPDATER_BIND}-type`;
+
 /**
  * @memberOf Monster.DOM
  * @type {string}

package/source/dom/customelement.mjs

@@ -95,6 +95,12 @@ const attributeMutationObserverSymbol = Symbol(
 	"@schukai/monster/dom/@@mutationObserver",
 );
 
+/**
+ * @private
+ * @type {symbol}
+ */
+const updateCloneDataSymbol = Symbol("@schukai/monster/dom/@@updateCloneData");
+
 /**
  * @private
  * @type {symbol}
@@ -465,7 +471,7 @@ class CustomElement extends HTMLElement {
 	 * @return {*}
 	 * @since 1.10.0
 	 */
-	getOption(path, defaultValue=undefined) {
+	getOption(path, defaultValue = undefined) {
 		let value;
 
 		try {
@@ -503,13 +509,10 @@ class CustomElement extends HTMLElement {
 		if (isString(options)) {
 			options = parseOptionsJSON.call(this, options);
 		}
-		// 2024-01-21: remove this.defaults, otherwise it will overwrite 
+		// 2024-01-21: remove this.defaults, otherwise it will overwrite
 		// the current settings that have already been made.
 		// https://gitlab.schukai.com/oss/libraries/javascript/monster/-/issues/136
-		extend(
-			this[internalSymbol].getSubject()["options"],
-			options,
-		);
+		extend(this[internalSymbol].getSubject()["options"], options);
 
 		return this;
 	}
@@ -583,11 +586,16 @@ class CustomElement extends HTMLElement {
 		} catch (e) {
 			nodeList = elements;
 		}
+
+		this[updateCloneDataSymbol] = clone(
+			this[internalSymbol].getRealSubject()["options"],
+		);
+
 		addObjectWithUpdaterToElement.call(
 			this,
 			nodeList,
 			customElementUpdaterLinkSymbol,
-			clone(this[internalSymbol].getRealSubject()["options"]),
+			this[updateCloneDataSymbol],
 		);
 
 		// Attach a mutation observer to observe changes to the attributes of the element
@@ -596,6 +604,16 @@ class CustomElement extends HTMLElement {
 		return this;
 	}
 
+	/**
+	 * You know what you are doing? This function is only for advanced users.
+	 * The result is a clone of the internal data.
+	 *
+	 * @returns {*}
+	 */
+	getInternalUpdateCloneData() {
+		return clone(this[updateCloneDataSymbol]);
+	}
+
 	/**
 	 * This method is called every time the element is inserted into the DOM. It checks if the custom element
 	 * has already been initialized and if not, calls the assembleMethod to initialize it.

package/source/dom/updater.mjs

@@ -13,6 +13,7 @@ import {
 	ATTRIBUTE_ERRORMESSAGE,
 	ATTRIBUTE_UPDATER_ATTRIBUTES,
 	ATTRIBUTE_UPDATER_BIND,
+	ATTRIBUTE_UPDATER_BIND_TYPE,
 	ATTRIBUTE_UPDATER_INSERT,
 	ATTRIBUTE_UPDATER_INSERT_REFERENCE,
 	ATTRIBUTE_UPDATER_REMOVE,
@@ -21,7 +22,7 @@ import {
 } from "./constants.mjs";
 
 import { Base } from "../types/base.mjs";
-import { isArray, isInstance, isIterable } from "../types/is.mjs";
+import { isArray, isString, isInstance, isIterable } from "../types/is.mjs";
 import { Observer } from "../types/observer.mjs";
 import { ProxyObserver } from "../types/proxyobserver.mjs";
 import { validateArray, validateInstance } from "../types/validate.mjs";
@@ -311,7 +312,7 @@ function retrieveAndSetValue(element) {
 		throw new Error("the bind argument must start as a value with a path");
 	}
 
-	path = path.substring(5);
+	path = path.substring(5); // remove path: from the string
 
 	let value;
 
@@ -342,7 +343,7 @@ function retrieveAndSetValue(element) {
 				break;
 		}
 
-		// values from customelements
+		// values from custom elements
 	} else if (
 		(element?.constructor?.prototype &&
 			!!Object.getOwnPropertyDescriptor(
@@ -356,6 +357,36 @@ function retrieveAndSetValue(element) {
 		throw new Error("unsupported object");
 	}
 
+	if (isString(value)) {
+		const type = element.getAttribute(ATTRIBUTE_UPDATER_BIND_TYPE);
+		switch (type) {
+			case "number":
+			case "int":
+			case "float":
+			case "integer":
+				value = Number(value);
+				if (isNaN(value)) {
+					value = 0;
+				}
+				break;
+			case "boolean":
+			case "bool":
+			case "checkbox":
+				value = value === "true" || value === "1" || value === "on";
+				break;
+			case "array":
+			case "list":
+				value = value.split(",");
+				break;
+			case "object":
+			case "json":
+				value = JSON.parse(value);
+				break;
+			default:
+				break;
+		}
+	}
+
 	const copy = clone(this[internalSymbol].subject.getRealSubject());
 	const pf = new Pathfinder(copy);
 	pf.setVia(path, value);

package/source/i18n/translations.mjs

@@ -90,7 +90,7 @@ class Translations extends Base {
 	 * The appropriate text for this number is then selected. If no suitable key is found, `defaultText` is taken.
 	 *
 	 * @param {string} key
-	 * @param {integer|count} count
+	 * @param {integer|string} count
 	 * @param {string|undefined} defaultText
 	 * @return {string}
 	 */

package/source/monster.mjs

@@ -1,4 +1,3 @@
-
 /**
  * Copyright schukai GmbH and contributors 2023. All Rights Reserved.
  * Node module: @schukai/monster

package/source/types/noderecursiveiterator.mjs

@@ -44,10 +44,10 @@ class NodeRecursiveIterator extends Base {
 		// iterator is a NodeList
 		if (isInstance(node, NodeList)) {
 			const children = node;
-			let n = new Node();
+			const n = new Node();
 			n.childNodes = children;
 			this[isNodeListSymbol] = true;
-			this[internalSymbol]  = n;
+			this[internalSymbol] = n;
 			return;
 		}
 
@@ -80,7 +80,6 @@ class NodeRecursiveIterator extends Base {
 				yield* new NodeRecursiveIterator(node);
 			}
 		}
-		
 	};
 
 	/**

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.55.6");
+	monsterVersion = new Version("3.56.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.55.6")
+        monsterVersion = new Version("3.56.0")
 
         let m = getMonsterVersion();