@schukai/monster 3.79.0 → 3.80.1

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

@@ -12,7 +12,7 @@
  * SPDX-License-Identifier: AGPL-3.0
  */
 
-import {instanceSymbol} from "../../constants.mjs";
+import { instanceSymbol } from "../../constants.mjs";
 import { buildTree } from "../../data/buildtree.mjs";
 import { Datasource } from "../datatable/datasource.mjs";
 import { addAttributeToken } from "../../dom/attributes.mjs";
@@ -73,35 +73,11 @@ const openEntryEventHandlerSymbol = Symbol("openEntryEventHandler");
 /**
  * TreeMenu
  *
- * <img src="./images/tree-menu.png">
- *
- * You can create this control either by specifying the HTML tag `<monster-tree-menu />` directly in the HTML
- *
- * ```html
- * <monster-tree-menu></monster-tree-menu>
- * ```
- *
- * or using Javascript via the `document.createElement('monster-tree-menu');` method.
- *
- * ```javascript
- * import {TreeMenu} from 'https://cdn.jsdelivr.net/npm/@schukai/component-treemenu@0.1.0/dist/modules/treemenu.js';
- * document.createElement('monster-treemenu');
- * ```
- *
- * @startuml tree-menu.png
- * skinparam monochrome true
- * skinparam shadowing false
- * HTMLElement <|-- CustomElement
- * CustomElement <|-- CustomControl
- * CustomControl <|-- TreeMenu
- * @enduml
  * @since 1.0.0
- * @copyright schukai GmbH
  * @summary A TreeMenu control
- * @fires Monster.Components.TreeMenu.event:monster-fetched
+ * @fires monster-fetched
  */
 class TreeMenu extends CustomElement {
-
 	/**
 	 * This method is called by the `instanceof` operator.
 	 * @returns {symbol}
@@ -251,7 +227,7 @@ class TreeMenu extends CustomElement {
 		if (!currentNode) {
 			return;
 		}
-		
+
 		currentNode.click();
 
 		let intend = parseInt(currentNode.getAttribute(ATTRIBUTE_INTEND));

package/source/dom/customelement.mjs

@@ -327,6 +327,10 @@ class CustomElement extends HTMLElement {
 	 * @property {Object} templates Specifies the templates used by the control.
 	 * @property {string} templates.main=undefined Specifies the main template used by the control.
 	 * @property {Object} templateMapping Specifies the mapping of templates.
+	 * @property {Object} templateFormatter Specifies the formatter for the templates.
+	 * @property {Object} templateFormatter.marker Specifies the marker for the templates.
+	 * @property {Function} templateFormatter.marker.open=null Specifies the opening marker for the templates.
+	 * @property {Function} templateFormatter.marker.close=null Specifies the closing marker for the templates.
 	 * @property {Boolean} eventProcessing=false Specifies whether the control processes events.
 	 * @since 1.8.0
 	 */
@@ -339,6 +343,12 @@ class CustomElement extends HTMLElement {
 				main: undefined,
 			},
 			templateMapping: {},
+			templateFormatter: {
+				marker: {
+					open: null,
+					close: null,
+				},
+			},
 
 			eventProcessing: false,
 		};
@@ -1200,7 +1210,14 @@ function initShadowRoot() {
 
 	const mapping = this.getOption("templateMapping", {});
 	if (isObject(mapping)) {
-		html = new Formatter(mapping).format(html);
+		const formatter = new Formatter(mapping);
+		if (this.getOption("templateFormatter.marker.open") !== null) {
+			formatter.setMarker(
+				this.getOption("templateFormatter.marker.open"),
+				this.getOption("templateFormatter.marker.close"),
+			);
+		}
+		html = formatter.format(html);
 	}
 
 	this.shadowRoot.innerHTML = html;

package/source/monster.mjs

@@ -27,6 +27,7 @@ export * from "./components/layout/width-toggle.mjs";
 export * from "./components/layout/panel.mjs";
 export * from "./components/layout/details.mjs";
 export * from "./components/layout/slider.mjs";
+export * from "./components/content/copy.mjs";
 export * from "./components/form/message-state-button.mjs";
 export * from "./components/form/button-bar.mjs";
 export * from "./components/form/reload.mjs";
@@ -55,7 +56,6 @@ export * from "./components/form/constants.mjs";
 export * from "./components/notify/message.mjs";
 export * from "./components/notify/notify.mjs";
 export * from "./components/notify/constants.mjs";
-//export * from "./components/tree-menu/dragable-tree-menu.mjs";
 export * from "./components/tree-menu/tree-menu.mjs";
 export * from "./components/host/collapse.mjs";
 export * from "./components/host/config-manager.mjs";

package/source/types/base.mjs

@@ -37,14 +37,12 @@ export { Base };
  *
  * The class was formerly called Object.
  *
- * @license AGPLv3
  * @since 1.5.0
  * @copyright schukai GmbH
- * @memberOf Monster.Types
+ * @summary The base class for the most classes in the monster library
  */
 class Base extends Object {
 	/**
-	 *
 	 * @returns {string}
 	 */
 	toString() {

package/source/types/nodelist.mjs

@@ -24,7 +24,6 @@ export { NodeList };
  * @license AGPLv3
  * @since 1.26.0
  * @copyright schukai GmbH
- * @memberOf Monster.Types
  * @summary A NodeList class
  */
 class NodeList extends Set {

package/source/types/proxyobserver.mjs

@@ -30,11 +30,9 @@ export { ProxyObserver };
  *
  * This also applies to nested objects.
  *
- * @externalExample ../../example/types/proxyobserver.mjs
  * @license AGPLv3
  * @since 1.0.0
  * @copyright schukai GmbH
- * @memberOf Monster.Types
  */
 class ProxyObserver extends Base {
 	/**

package/source/types/queue.mjs

@@ -26,11 +26,9 @@ export { Queue };
  *
  * You can create the instance via `new Queue()`.
  *
- * @externalExample ../../example/types/queue.mjs
  * @license AGPLv3
  * @since 1.4.0
  * @copyright schukai GmbH
- * @memberOf Monster.Types
  * @summary A Queue (Fifo)
  */
 class Queue extends Base {

package/source/types/randomid.mjs

@@ -30,7 +30,6 @@ let internalCounter = 0;
  * @license AGPLv3
  * @since 1.6.0
  * @copyright schukai GmbH
- * @memberOf Monster.Types
  * @summary class to generate random numbers
  */
 class RandomID extends ID {

package/source/types/regex.mjs

@@ -24,7 +24,6 @@ export { escapeString };
  * @license AGPLv3
  * @since 1.26.0
  * @copyright schukai GmbH
- * @memberOf Monster.Types
  * @throws {TypeError} value is not a string
  */
 function escapeString(value) {

package/source/types/stack.mjs

@@ -17,12 +17,11 @@ import { instanceSymbol } from "../constants.mjs";
 export { Stack };
 
 /**
- * You can call the method via the monster namespace `new Monster.Types.Queue()`.
+ * You can call the method via the monster namespace `new Queue()`.
  *
  * @license AGPLv3
  * @since 1.4.0
  * @copyright schukai GmbH
- * @memberOf Monster.Types
  */
 class Stack extends Base {
 	/**

package/source/types/tokenlist.mjs

@@ -25,11 +25,9 @@ export { TokenList };
  *
  * This class implements the [iteration protocol](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Iteration_protocols).
  *
- * @externalExample ../../example/types/tokenlist-1.mjs
  * @license AGPLv3
  * @since 1.2.0
  * @copyright schukai GmbH
- * @memberOf Monster.Types
  */
 class TokenList extends Base {
 	/**

package/source/types/typeof.mjs

@@ -17,13 +17,11 @@ export { typeOf };
 /**
  * The built-in typeof method is known to have some historical weaknesses. This function tries to provide a better and more accurate result.
  *
- * @externalExample ../../example/types/typeof.mjs
  * @param {*} value
  * @return {string}
  * @license AGPLv3
  * @since 1.7.0
  * @copyright schukai GmbH
- * @memberOf Monster.Types
  * @throws {TypeError} value is not a primitive
  */
 function typeOf(value) {

package/source/types/uniquequeue.mjs

@@ -24,7 +24,6 @@ export { UniqueQueue };
  * @license AGPLv3
  * @since 1.4.0
  * @copyright schukai GmbH
- * @memberOf Monster.Types
  * @summary A queue for unique values
  */
 class UniqueQueue extends Queue {

package/source/types/uuid.mjs

@@ -14,7 +14,7 @@
 
 import { internalSymbol } from "../constants.mjs";
 import { random } from "../math/random.mjs";
-import { isObject } from "../types/is.mjs";
+import { isObject } from "./is.mjs";
 import { Base } from "./base.mjs";
 import { getGlobalObject } from "./global.mjs";
 
@@ -26,7 +26,6 @@ export { UUID };
  * @license AGPLv3
  * @since 1.25.0
  * @copyright schukai GmbH
- * @memberOf Monster.Types
  * @throws {Error} unsupported
  */
 class UUID extends Base {

package/source/types/version.mjs

@@ -25,8 +25,7 @@ export { Version, getMonsterVersion };
  * @since 1.0.0
  * @author schukai GmbH
  * @copyright schukai GmbH
- * @memberOf Monster.Types
- * @summary The version object contains a sematic version number
+ * @summary The version object contains a semantic version number
  */
 class Version extends Base {
 	/**
@@ -145,13 +144,11 @@ let monsterVersion;
 /**
  * Version of monster
  *
- * @externalExample ../../example/types/version-2.mjs
- * @returns {Monster.Types.Version}
+ * @returns {Version}
  * @license AGPLv3
  * @since 1.0.0
  * @copyright schukai GmbH
  * @author schukai GmbH
- * @memberOf Monster
  */
 function getMonsterVersion() {
 	if (monsterVersion instanceof Version) {
@@ -159,7 +156,7 @@ function getMonsterVersion() {
 	}
 
 	/** don't touch, replaced by make with package.json version */
-	monsterVersion = new Version("3.74.0");
+	monsterVersion = new Version("3.79.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.74.0")
+        monsterVersion = new Version("3.79.0")
 
         let m = getMonsterVersion();
 

package/test/util/jsdom.mjs

@@ -78,8 +78,6 @@ function initJSDOM(options) {
                     } catch(e) {
                         console.error("Error setting key", key, e);
                     }
-                    
-                    
                 });
 
                 import("dom-storage").then(({default: Storage}) => {

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.74.0</h1>
-  <div id="lastupdate" style='font-size:0.7em'>last update Fr 20. Sep 17:42:55 CEST 2024</div>
+  <h1 style='margin-bottom: 0.1em;'>Monster 3.79.0</h1>
+  <div id="lastupdate" style='font-size:0.7em'>last update So 6. Okt 14:35:17 CEST 2024</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>