@schukai/monster 3.111.0 → 3.112.1

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

@@ -70,6 +70,12 @@ const controlElementSymbol = Symbol("controlElement");
  */
 const openEntryEventHandlerSymbol = Symbol("openEntryEventHandler");
 
+/**
+ * @private
+ * @type {symbol}
+ */
+const firstRunDoneSymbol = Symbol("firstRunDone");
+
 /**
  * TreeMenu
  *
@@ -161,23 +167,16 @@ class TreeMenu extends CustomElement {
 		});
 	}
 
-	/**
-	 *
-	 */
-	[initMethodSymbol]() {
-		super[initMethodSymbol]();
-	}
-
 	/**
 	 * @return {void}
 	 */
 	[assembleMethodSymbol]() {
 		super[assembleMethodSymbol]();
 
-		initControlReferences.call(this);
-		initEventHandler.call(this);
-		initObserver.call(this);
 		queueMicrotask(() => {
+			initControlReferences.call(this);
+			initEventHandler.call(this);
+			initObserver.call(this);
 			copyIconMap.call(this);
 		});
 	}
@@ -230,15 +229,15 @@ class TreeMenu extends CustomElement {
 
 		currentNode.click();
 
-		let intend = parseInt(currentNode.getAttribute(ATTRIBUTE_INTEND));
+		let intend = Number.parseInt(currentNode.getAttribute(ATTRIBUTE_INTEND));
 
 		if (intend > 0) {
 			const refSet = new Set();
 			let ref = currentNode.previousElementSibling;
-			while (ref && ref.hasAttribute(ATTRIBUTE_INTEND)) {
-				const i = parseInt(ref.getAttribute(ATTRIBUTE_INTEND));
+			while (ref?.hasAttribute(ATTRIBUTE_INTEND)) {
+				const i = Number.parseInt(ref.getAttribute(ATTRIBUTE_INTEND));
 
-				if (isNaN(i)) {
+				if (Number.isNaN(i)) {
 					break;
 				}
 
@@ -342,10 +341,10 @@ function initEventHandler() {
 			let intend = currentEntry.intend;
 			if (intend > 0) {
 				let ref = container.previousElementSibling;
-				while (ref && ref.hasAttribute(ATTRIBUTE_INTEND)) {
-					const i = parseInt(ref.getAttribute(ATTRIBUTE_INTEND));
+				while (ref?.hasAttribute(ATTRIBUTE_INTEND)) {
+					const i = Number.parseInt(ref.getAttribute(ATTRIBUTE_INTEND));
 
-					if (isNaN(i)) {
+					if (Number.isNaN(i)) {
 						break;
 					}
 
@@ -393,10 +392,10 @@ function initEventHandler() {
 				return a >= b;
 			};
 
-			while (ref && ref.hasAttribute(ATTRIBUTE_INTEND)) {
+			while (ref?.hasAttribute(ATTRIBUTE_INTEND)) {
 				const refIntend = ref.getAttribute(ATTRIBUTE_INTEND);
 
-				if (!cmp(parseInt(refIntend), childIntend)) {
+				if (!cmp(Number.parseInt(refIntend), childIntend)) {
 					if (refIntend === intend) {
 						break;
 					}
@@ -456,9 +455,26 @@ function importEntries() {
 
 	const selector = mappingOptions?.["selector"];
 
+	let filteredData;
+	if (this[firstRunDoneSymbol] !== true) {
+		filteredData = data.filter(
+			(entry) =>
+				!entry[parentKey] ||
+				entry[parentKey] === null ||
+				entry[parentKey] === undefined ||
+				entry[parentKey] === 0,
+		);
+		setTimeout(() => {
+			this[firstRunDoneSymbol] = true;
+			importEntries.call(this);
+		}, 0);
+	} else {
+		filteredData = data;
+	}
+
 	let nodes;
 	try {
-		nodes = buildTree(data, selector, id, parentKey, {
+		nodes = buildTree(filteredData, selector, id, parentKey, {
 			filter,
 			rootReferences,
 		});

package/source/data/datasource/server/restapi/data-fetch-error.mjs

@@ -33,19 +33,19 @@ class DataFetchError extends Error {
 	constructor(message, response) {
 		super(message);
 
-		let body = null
+		let body = null;
 
 		if (response instanceof Response) {
 			body = response.text();
 		}
 
-		if(!(body instanceof Promise)) {
+		if (!(body instanceof Promise)) {
 			body = Promise.resolve(body);
 		}
 
 		this[internalSymbol] = {
 			response: response,
-			body : body
+			body: body,
 		};
 	}
 

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

@@ -245,7 +245,7 @@ function fetchData(init, key, callback) {
 				if (body.length > 100) {
 					body = `${body.substring(0, 97)}...`;
 				}
-				
+
 				throw new DataFetchError(
 					getInternalLocalizationMessage(
 						`i18n{the-response-does-not-contain-a-valid-json::actual=${body}}`,

package/source/data/transformer.mjs

@@ -33,6 +33,7 @@ import {
 import { clone } from "../util/clone.mjs";
 import { Pathfinder } from "./pathfinder.mjs";
 import { formatTimeAgo } from "../i18n/time-ago.mjs";
+import { UUID } from "../types/uuid.mjs";
 
 export { Transformer };
 
@@ -323,6 +324,14 @@ function transform(value) {
 			validateString(value);
 			return value.trim();
 
+		case "ltrim":
+			validateString(value);
+			return value.replace(/^\s+/, "");
+
+		case "rtrim":
+			validateString(value);
+			return value.replace(/\s+$/, "");
+
 		case "rawurlencode":
 			validateString(value);
 			return encodeURIComponent(value)
@@ -367,6 +376,16 @@ function transform(value) {
 			const doc = new DOMParser().parseFromString(value, "text/html");
 			return doc.body.textContent || "";
 
+		case "replace":
+			const search = args.shift();
+			const replace = args.shift();
+
+			validateString(search);
+			validateString(replace);
+			validateString(value);
+
+			return value.replace(new RegExp(search, "g"), replace);
+
 		case "if":
 		case "?":
 			validatePrimitive(value);
@@ -395,6 +414,44 @@ function transform(value) {
 				},
 			);
 
+		case "gt":
+		case "greaterthan":
+		case "greater-than":
+		case ">":
+			validatePrimitive(value);
+			const compareValue = args.shift();
+			validatePrimitive(compareValue);
+
+			return value > compareValue;
+
+		case "gte":
+		case "greaterthanorequal":
+		case "greater-than-or-equal":
+			validatePrimitive(value);
+			const compareValue3 = args.shift();
+			validatePrimitive(compareValue3);
+
+			return value >= compareValue3;
+
+		case "lt":
+		case "lessthan":
+		case "less-than":
+		case "<":
+			validatePrimitive(value);
+			const compareValue2 = args.shift();
+			validatePrimitive(compareValue2);
+
+			return value < compareValue2;
+
+		case "lte":
+		case "lessthanorequal":
+		case "less-than-or-equal":
+			validatePrimitive(value);
+			const compareValue4 = args.shift();
+			validatePrimitive(compareValue4);
+
+			return value <= compareValue4;
+
 		case "count":
 		case "length":
 			if (
@@ -444,6 +501,9 @@ function transform(value) {
 		case "uniqid":
 			return new ID().toString();
 
+		case "uuid":
+			return new UUID().toString();
+
 		case "first-key":
 		case "last-key":
 		case "nth-last-key":

package/source/monster.mjs

@@ -29,6 +29,10 @@ export * from "./components/layout/details.mjs";
 export * from "./components/layout/slider.mjs";
 export * from "./components/content/viewer.mjs";
 export * from "./components/content/copy.mjs";
+export * from "./components/content/camera.mjs";
+export * from "./components/time/timeline/segment.mjs";
+export * from "./components/time/timeline/item.mjs";
+export * from "./components/time/month-calendar.mjs";
 export * from "./components/form/message-state-button.mjs";
 export * from "./components/form/password.mjs";
 export * from "./components/form/button-bar.mjs";

package/source/text/bracketed-key-value-hash.mjs

@@ -12,7 +12,7 @@
  * SPDX-License-Identifier: AGPL-3.0
  */
 
-export {parseBracketedKeyValueHash, createBracketedKeyValueHash};
+export { parseBracketedKeyValueHash, createBracketedKeyValueHash };
 
 /**
  * Parses a string containing bracketed key-value pairs and returns an object representing the parsed result.
@@ -51,155 +51,155 @@ export {parseBracketedKeyValueHash, createBracketedKeyValueHash};
  * @return {Object} - An object representing the parsed result, with keys representing the selectors and values representing the key-value pairs associated with each selector.
  *                    - Returns an empty object if there was an error during parsing. */
 function parseBracketedKeyValueHash(hashString) {
-    const selectors = {};
-    //const selectorStack = [];
-    //const keyValueStack = [];
-
-    const trimmedHashString = hashString.trim();
-    const cleanedHashString =
-        trimmedHashString.charAt(0) === "#"
-            ? trimmedHashString.slice(1)
-            : trimmedHashString;
-
-    //const selectors = (keyValueStack.length > 0) ? result[selectorStack[selectorStack.length - 1]] : result;
-    let currentSelector = "";
-
-    function addToResult(key, value) {
-        if (currentSelector && key) {
-            if (!selectors[currentSelector]) {
-                selectors[currentSelector] = {};
-            }
-
-            selectors[currentSelector][key] = value;
-        }
-    }
-
-    let currentKey = "";
-    let currentValue = "";
-    let inKey = true;
-    let inValue = false;
-    let inQuotedValue = false;
-    let inSelector = true;
-    let escaped = false;
-    let quotedValueStartChar = "";
-
-    for (let i = 0; i < cleanedHashString.length; i++) {
-        const c = cleanedHashString[i];
-        const nextChar = cleanedHashString?.[i + 1];
-
-        if (c === "\\" && !escaped) {
-            escaped = true;
-            continue;
-        }
-
-        if (escaped) {
-            if (inSelector) {
-                currentSelector += c;
-            } else if (inKey) {
-                currentKey += c;
-            } else if (inValue) {
-                currentValue += c;
-            }
-            escaped = false;
-            continue;
-        }
-
-        if (inQuotedValue && quotedValueStartChar !== c) {
-            if (inSelector) {
-                currentSelector += c;
-            } else if (inKey) {
-                currentKey += c;
-            } else if (inValue) {
-                currentValue += c;
-            }
-
-            continue;
-        }
-
-        if (c === ";" && inSelector) {
-            inSelector = true;
-            currentSelector = "";
-            continue;
-        }
-
-        if (inSelector === true && c !== "(") {
-            currentSelector += c;
-            continue;
-        }
-
-        if (c === "(" && inSelector) {
-            inSelector = false;
-            inKey = true;
-
-            currentKey = "";
-            continue;
-        }
-
-        if (inKey === true && c !== "=") {
-            currentKey += c;
-            continue;
-        }
-
-        if (c === "=" && inKey) {
-            inKey = false;
-            inValue = true;
-
-            if (nextChar === '"' || nextChar === "'") {
-                inQuotedValue = true;
-                quotedValueStartChar = nextChar;
-                i++;
-                continue;
-            }
-
-            currentValue = "";
-            continue;
-        }
-
-        if (inValue === true) {
-            if (inQuotedValue) {
-                if (c === quotedValueStartChar) {
-                    inQuotedValue = false;
-                    continue;
-                }
-
-                currentValue += c;
-                continue;
-            }
-
-            if (c === ",") {
-                inValue = false;
-                inKey = true;
-                const decodedCurrentValue = decodeURIComponent(currentValue);
-                addToResult(currentKey, decodedCurrentValue);
-                currentKey = "";
-                currentValue = "";
-                continue;
-            }
-
-            if (c === ")") {
-                inValue = false;
-                //inKey = true;
-                inSelector = true;
-
-                const decodedCurrentValue = decodeURIComponent(currentValue);
-                addToResult(currentKey, decodedCurrentValue);
-                currentKey = "";
-                currentValue = "";
-                currentSelector = "";
-                continue;
-            }
-
-            currentValue += c;
-
-            continue;
-        }
-    }
-
-    if (inSelector) {
-        return selectors;
-    }
-
-    return {};
+	const selectors = {};
+	//const selectorStack = [];
+	//const keyValueStack = [];
+
+	const trimmedHashString = hashString.trim();
+	const cleanedHashString =
+		trimmedHashString.charAt(0) === "#"
+			? trimmedHashString.slice(1)
+			: trimmedHashString;
+
+	//const selectors = (keyValueStack.length > 0) ? result[selectorStack[selectorStack.length - 1]] : result;
+	let currentSelector = "";
+
+	function addToResult(key, value) {
+		if (currentSelector && key) {
+			if (!selectors[currentSelector]) {
+				selectors[currentSelector] = {};
+			}
+
+			selectors[currentSelector][key] = value;
+		}
+	}
+
+	let currentKey = "";
+	let currentValue = "";
+	let inKey = true;
+	let inValue = false;
+	let inQuotedValue = false;
+	let inSelector = true;
+	let escaped = false;
+	let quotedValueStartChar = "";
+
+	for (let i = 0; i < cleanedHashString.length; i++) {
+		const c = cleanedHashString[i];
+		const nextChar = cleanedHashString?.[i + 1];
+
+		if (c === "\\" && !escaped) {
+			escaped = true;
+			continue;
+		}
+
+		if (escaped) {
+			if (inSelector) {
+				currentSelector += c;
+			} else if (inKey) {
+				currentKey += c;
+			} else if (inValue) {
+				currentValue += c;
+			}
+			escaped = false;
+			continue;
+		}
+
+		if (inQuotedValue && quotedValueStartChar !== c) {
+			if (inSelector) {
+				currentSelector += c;
+			} else if (inKey) {
+				currentKey += c;
+			} else if (inValue) {
+				currentValue += c;
+			}
+
+			continue;
+		}
+
+		if (c === ";" && inSelector) {
+			inSelector = true;
+			currentSelector = "";
+			continue;
+		}
+
+		if (inSelector === true && c !== "(") {
+			currentSelector += c;
+			continue;
+		}
+
+		if (c === "(" && inSelector) {
+			inSelector = false;
+			inKey = true;
+
+			currentKey = "";
+			continue;
+		}
+
+		if (inKey === true && c !== "=") {
+			currentKey += c;
+			continue;
+		}
+
+		if (c === "=" && inKey) {
+			inKey = false;
+			inValue = true;
+
+			if (nextChar === '"' || nextChar === "'") {
+				inQuotedValue = true;
+				quotedValueStartChar = nextChar;
+				i++;
+				continue;
+			}
+
+			currentValue = "";
+			continue;
+		}
+
+		if (inValue === true) {
+			if (inQuotedValue) {
+				if (c === quotedValueStartChar) {
+					inQuotedValue = false;
+					continue;
+				}
+
+				currentValue += c;
+				continue;
+			}
+
+			if (c === ",") {
+				inValue = false;
+				inKey = true;
+				const decodedCurrentValue = decodeURIComponent(currentValue);
+				addToResult(currentKey, decodedCurrentValue);
+				currentKey = "";
+				currentValue = "";
+				continue;
+			}
+
+			if (c === ")") {
+				inValue = false;
+				//inKey = true;
+				inSelector = true;
+
+				const decodedCurrentValue = decodeURIComponent(currentValue);
+				addToResult(currentKey, decodedCurrentValue);
+				currentKey = "";
+				currentValue = "";
+				currentSelector = "";
+				continue;
+			}
+
+			currentValue += c;
+
+			continue;
+		}
+	}
+
+	if (inSelector) {
+		return selectors;
+	}
+
+	return {};
 }
 
 /**
@@ -211,41 +211,41 @@ function parseBracketedKeyValueHash(hashString) {
  * @since 3.37.0
  */
 function createBracketedKeyValueHash(object, addHashPrefix = true) {
-    if (!object) {
-        return addHashPrefix ? "#" : "";
-    }
-
-    let hashString = "";
-
-    function encodeKeyValue(key, value) {
-        return encodeURIComponent(key) + "=" + encodeURIComponent(value);
-    }
-
-    for (const selector in object) {
-        if (object.hasOwnProperty(selector)) {
-            const keyValuePairs = object[selector];
-            let selectorString = selector;
-            let keyValueString = "";
-
-            for (const key in keyValuePairs) {
-                if (keyValuePairs.hasOwnProperty(key)) {
-                    const value = keyValuePairs[key];
-                    keyValueString += keyValueString.length === 0 ? "" : ",";
-                    keyValueString += encodeKeyValue(key, value);
-                }
-            }
-
-            if (keyValueString.length > 0) {
-                selectorString += "(" + keyValueString + ")";
-                hashString += hashString.length === 0 ? "" : ";";
-                hashString += selectorString;
-            }
-        }
-    }
-
-    if (hashString.length>0 && addHashPrefix) {
-        hashString = "#" + hashString;
-    }
-
-    return hashString;
+	if (!object) {
+		return addHashPrefix ? "#" : "";
+	}
+
+	let hashString = "";
+
+	function encodeKeyValue(key, value) {
+		return encodeURIComponent(key) + "=" + encodeURIComponent(value);
+	}
+
+	for (const selector in object) {
+		if (object.hasOwnProperty(selector)) {
+			const keyValuePairs = object[selector];
+			let selectorString = selector;
+			let keyValueString = "";
+
+			for (const key in keyValuePairs) {
+				if (keyValuePairs.hasOwnProperty(key)) {
+					const value = keyValuePairs[key];
+					keyValueString += keyValueString.length === 0 ? "" : ",";
+					keyValueString += encodeKeyValue(key, value);
+				}
+			}
+
+			if (keyValueString.length > 0) {
+				selectorString += "(" + keyValueString + ")";
+				hashString += hashString.length === 0 ? "" : ";";
+				hashString += selectorString;
+			}
+		}
+	}
+
+	if (hashString.length > 0 && addHashPrefix) {
+		hashString = "#" + hashString;
+	}
+
+	return hashString;
 }

package/source/types/base.mjs

@@ -22,18 +22,18 @@ export { Base };
  * This class has besides a `toString` which returns the json representation of the object
  * also a functionality to check if an object is an instance of a class.
  *
- * Therefore, the class has a static method ` [Symbol.hasInstance](that)` which returns true if the object
+ * Therefore, the class has a static method <code>[Symbol.hasInstance](that)</code> which returns true if the object
  * is an instance of the class.
  *
- * @see [https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Symbol/hasInstance](developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Symbol/hasInstance)
+ * <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Symbol/hasInstance">MDN Symbol.hasInstance</a>
  *
  * Derived classes should implement a static getter `instanceSymbol` which returns a unique symbol.
  *
- * ```javascript
+ * <code lang="javascript">
  * static get [instanceSymbol]() {
  *    return Symbol.for("@schukai/monster/types/base");
  * }
- * ```
+ * </code>
  *
  * The class was formerly called Object.
  *
@@ -92,7 +92,8 @@ class Base extends Object {
 }
 
 /**
- * this function checks if the class has a static getter `instanceSymbol` and if the value of this getter is equal to the
+ * this function checks if the class has a static getter <code>instanceSymbol</code>,
+ * and if the value of this getter is equal to the
  *
  * @private
  * @param obj