@schukai/monster 3.98.2 → 3.98.3

package/source/components/notify/monitor-attribute-errors.mjs

@@ -10,27 +10,27 @@
  * For more information about purchasing a commercial license, please contact schukai GmbH.
  */
 
-import {instanceSymbol} from "../../constants.mjs";
-import {addAttributeToken, hasObjectLink} from "../../dom/attributes.mjs";
+import { instanceSymbol } from "../../constants.mjs";
+import { addAttributeToken, hasObjectLink } from "../../dom/attributes.mjs";
 import {
-    ATTRIBUTE_ERRORMESSAGE,
-    ATTRIBUTE_ROLE,
-    customElementUpdaterLinkSymbol,
+	ATTRIBUTE_ERRORMESSAGE,
+	ATTRIBUTE_ROLE,
+	customElementUpdaterLinkSymbol,
 } from "../../dom/constants.mjs";
-import {CustomControl} from "../../dom/customcontrol.mjs";
-import {CustomElement} from "../../dom/customelement.mjs";
+import { CustomControl } from "../../dom/customcontrol.mjs";
+import { CustomElement } from "../../dom/customelement.mjs";
 import {
-    assembleMethodSymbol,
-    registerCustomElement,
+	assembleMethodSymbol,
+	registerCustomElement,
 } from "../../dom/customelement.mjs";
-import {findTargetElementFromEvent} from "../../dom/events.mjs";
-import {isFunction} from "../../types/is.mjs";
-import {MonitorAttributeErrorsStyleSheet} from "./stylesheet/monitor-attribute-errors.mjs";
-import {fireCustomEvent} from "../../dom/events.mjs";
-import {getDocument} from "../../dom/util.mjs";
-import {clone} from "../../util/clone.mjs";
+import { findTargetElementFromEvent } from "../../dom/events.mjs";
+import { isFunction } from "../../types/is.mjs";
+import { MonitorAttributeErrorsStyleSheet } from "./stylesheet/monitor-attribute-errors.mjs";
+import { fireCustomEvent } from "../../dom/events.mjs";
+import { getDocument } from "../../dom/util.mjs";
+import { clone } from "../../util/clone.mjs";
 
-export {MonitorAttributeErrors};
+export { MonitorAttributeErrors };
 
 /**
  * @private
@@ -50,88 +50,88 @@ const mutationObserversSymbol = Symbol("mutationObservers");
  * @summary A beautiful MonitorAttributeErrors that can make your life easier and also looks good.
  */
 class MonitorAttributeErrors extends CustomElement {
-    /**
-     * This method is called by the `instanceof` operator.
-     * @returns {symbol}
-     */
-    static get [instanceSymbol]() {
-        return Symbol.for(
-            "@schukai/monster/components/notify/monitor-attribute-errors@@instance",
-        );
-    }
-
-    /**
-     *
-     * @return {Components.Notify.MonitorAttributeErrors
-     */
-    [assembleMethodSymbol]() {
-        super[assembleMethodSymbol]();
-        return this;
-    }
-
-    /**
-     * @return {void}
-     */
-    connectedCallback() {
-        super.connectedCallback();
-        setupMutationObserver.call(this, getDocument());
-    }
-
-    /**
-     * @return {void}
-     */
-    disconnectedCallback() {
-        super.disconnectedCallback();
-        deactivateAllObservers.call(this);
-    }
-
-    /**
-     * To set the options via the HTML Tag, the attribute `data-monster-options` must be used.
-     * @see {@link https://monsterjs.org/en/doc/#configurate-a-monster-control}
-     *
-     * The individual configuration values can be found in the table.
-     *
-     * @property {Object} templates Template definitions
-     * @property {string} templates.main Main template
-     * @property {Object} features Features
-     * @property {boolean} features.notifyUser Notify user (monster-notify control is required)
-     * @property {Object} notifyUser Notify user
-     * @property {string} notifyUser.selector Selector for the notify user control (feature notifyUser must be enabled)
-     */
-    get defaults() {
-        return Object.assign({}, super.defaults, {
-            templates: {
-                main: getTemplate(),
-            },
-            features: {
-                notifyUser: false,
-            },
-
-            notifyUser: {
-                selector: "monster-notify",
-            },
-
-            actions: {
-                click: () => {
-                    throw new Error("the click action is not defined");
-                },
-            },
-        });
-    }
-
-    /**
-     * @return {string}
-     */
-    static getTag() {
-        return "monster-monitor-attribute-errors";
-    }
-
-    /**
-     * @return {CSSStyleSheet[]}
-     */
-    static getCSSStyleSheet() {
-        return [MonitorAttributeErrorsStyleSheet];
-    }
+	/**
+	 * This method is called by the `instanceof` operator.
+	 * @returns {symbol}
+	 */
+	static get [instanceSymbol]() {
+		return Symbol.for(
+			"@schukai/monster/components/notify/monitor-attribute-errors@@instance",
+		);
+	}
+
+	/**
+	 *
+	 * @return {Components.Notify.MonitorAttributeErrors
+	 */
+	[assembleMethodSymbol]() {
+		super[assembleMethodSymbol]();
+		return this;
+	}
+
+	/**
+	 * @return {void}
+	 */
+	connectedCallback() {
+		super.connectedCallback();
+		setupMutationObserver.call(this, getDocument());
+	}
+
+	/**
+	 * @return {void}
+	 */
+	disconnectedCallback() {
+		super.disconnectedCallback();
+		deactivateAllObservers.call(this);
+	}
+
+	/**
+	 * To set the options via the HTML Tag, the attribute `data-monster-options` must be used.
+	 * @see {@link https://monsterjs.org/en/doc/#configurate-a-monster-control}
+	 *
+	 * The individual configuration values can be found in the table.
+	 *
+	 * @property {Object} templates Template definitions
+	 * @property {string} templates.main Main template
+	 * @property {Object} features Features
+	 * @property {boolean} features.notifyUser Notify user (monster-notify control is required)
+	 * @property {Object} notifyUser Notify user
+	 * @property {string} notifyUser.selector Selector for the notify user control (feature notifyUser must be enabled)
+	 */
+	get defaults() {
+		return Object.assign({}, super.defaults, {
+			templates: {
+				main: getTemplate(),
+			},
+			features: {
+				notifyUser: false,
+			},
+
+			notifyUser: {
+				selector: "monster-notify",
+			},
+
+			actions: {
+				click: () => {
+					throw new Error("the click action is not defined");
+				},
+			},
+		});
+	}
+
+	/**
+	 * @return {string}
+	 */
+	static getTag() {
+		return "monster-monitor-attribute-errors";
+	}
+
+	/**
+	 * @return {CSSStyleSheet[]}
+	 */
+	static getCSSStyleSheet() {
+		return [MonitorAttributeErrorsStyleSheet];
+	}
 }
 
 /**
@@ -139,88 +139,89 @@ class MonitorAttributeErrors extends CustomElement {
  * @param root
  */
 function setupMutationObserver(root) {
-    const self = this;
-
-    if (!this?.[mutationObserversSymbol]) {
-        this[mutationObserversSymbol] = [];
-    }
-
-    const config = {
-        childList: true,
-        subtree: true,
-        attributes: true,
-        attributeFilter: ["data-monster-error"],
-    };
-
-    const callback = (mutationsList, observer) => {
-        for (const mutation of mutationsList) {
-            if (mutation.type === "childList") {
-                mutation.addedNodes.forEach((node) => {
-                    checkNodeForErrors(node);
-                    observeShadowRoots(node);
-                });
-            }
-            if (
-                mutation.type === "attributes" &&
-                mutation.attributeName === "data-monster-error"
-            ) {
-                const node = mutation.target;
-
-                checkNodeForErrors(node);
-            }
-        }
-    };
-
-    const observer = new MutationObserver(callback);
-    observer.observe(root, config);
-    this[mutationObserversSymbol].push(observer); // Speichert den Observer
-
-    root.querySelectorAll("*").forEach((node) => {
-        checkNodeForErrors(node);
-        observeShadowRoots(node);
-    });
-
-    function checkNodeForErrors(node) {
-        if (node.nodeType === 1 && node.hasAttribute("data-monster-error")) {
-
-            const fktOpen = console.groupCollapsed || console.group || console.log || function () {
-            };
-            const fktLog = console.log || function () {
-            };
-            const fktClose = console.groupEnd || function () {
-            };
-
-            fktOpen("MonitorAttributeErrors " + node.tagName);
-            fktLog(node);
-            fktLog(node.getAttribute('data-monster-error'));
-            fktClose();
-
-            if (self.getOption("features.notifyUser")) {
-                const notifyUser = getDocument().querySelector(self.getOption("notifyUser.selector"));
-                if (notifyUser) {
-                    notifyUser.push(node.getAttribute('data-monster-error'));
-                }
-            }
-
-        }
-    }
-
-    function observeShadowRoots(node) {
-        if (
-            node.nodeType === 1 &&
-            node.shadowRoot &&
-            node.shadowRoot.mode === "open"
-        ) {
-            setupMutationObserver.call(self, node.shadowRoot);
-        }
-    }
+	const self = this;
+
+	if (!this?.[mutationObserversSymbol]) {
+		this[mutationObserversSymbol] = [];
+	}
+
+	const config = {
+		childList: true,
+		subtree: true,
+		attributes: true,
+		attributeFilter: ["data-monster-error"],
+	};
+
+	const callback = (mutationsList, observer) => {
+		for (const mutation of mutationsList) {
+			if (mutation.type === "childList") {
+				mutation.addedNodes.forEach((node) => {
+					checkNodeForErrors(node);
+					observeShadowRoots(node);
+				});
+			}
+			if (
+				mutation.type === "attributes" &&
+				mutation.attributeName === "data-monster-error"
+			) {
+				const node = mutation.target;
+
+				checkNodeForErrors(node);
+			}
+		}
+	};
+
+	const observer = new MutationObserver(callback);
+	observer.observe(root, config);
+	this[mutationObserversSymbol].push(observer); // Speichert den Observer
+
+	root.querySelectorAll("*").forEach((node) => {
+		checkNodeForErrors(node);
+		observeShadowRoots(node);
+	});
+
+	function checkNodeForErrors(node) {
+		if (node.nodeType === 1 && node.hasAttribute("data-monster-error")) {
+			const fktOpen =
+				console.groupCollapsed ||
+				console.group ||
+				console.log ||
+				function () {};
+			const fktLog = console.log || function () {};
+			const fktClose = console.groupEnd || function () {};
+
+			fktOpen("MonitorAttributeErrors " + node.tagName);
+			fktLog(node);
+			fktLog(node.getAttribute("data-monster-error"));
+			fktClose();
+
+			if (self.getOption("features.notifyUser")) {
+				const notifyUser = getDocument().querySelector(
+					self.getOption("notifyUser.selector"),
+				);
+				if (notifyUser) {
+					notifyUser.push(node.getAttribute("data-monster-error"));
+				}
+			}
+		}
+	}
+
+	function observeShadowRoots(node) {
+		if (
+			node.nodeType === 1 &&
+			node.shadowRoot &&
+			node.shadowRoot.mode === "open"
+		) {
+			setupMutationObserver.call(self, node.shadowRoot);
+		}
+	}
 }
 
 function deactivateAllObservers() {
-    this[mutationObserversSymbol].forEach((observer) => {
-        observer.disconnect();
-    });
-    this[mutationObserversSymbol] = [];
+	this[mutationObserversSymbol].forEach((observer) => {
+		observer.disconnect();
+	});
+	this[mutationObserversSymbol] = [];
 }
 
 /**
@@ -228,8 +229,8 @@ function deactivateAllObservers() {
  * @return {string}
  */
 function getTemplate() {
-    // language=HTML
-    return `<div></div>`;
+	// language=HTML
+	return `<div></div>`;
 }
 
 registerCustomElement(MonitorAttributeErrors);

package/source/data/buildtree.mjs

@@ -125,7 +125,7 @@ const rootSymbol = Symbol("root");
  * @param {string} idKey - The property key to use as the unique ID of each node.
  * @param {string} parentIDKey - The property key to use as the parent ID of each node.
  * @param {object} [options] - Additional options to modify the function behavior.
- * @param {Array<*>} [options.rootReferences=[null, undefined]] - An array of values to treat as root references when creating the tree.
+ * @param {Array} [options.rootReferences=[null, undefined]] - An array of values to treat as root references when creating the tree.
  * @param {function} [options.filter] - A filter function to apply to each node.
  *
  * @return {*} The resulting tree structure as a NodeList.

package/source/monster.mjs

@@ -56,6 +56,7 @@ export * from "./components/form/toggle-switch.mjs";
 export * from "./components/form/types/state.mjs";
 export * from "./components/form/template.mjs";
 export * from "./components/form/constants.mjs";
+export * from "./components/notify/monitor-attribute-errors.mjs";
 export * from "./components/notify/message.mjs";
 export * from "./components/notify/notify.mjs";
 export * from "./components/notify/constants.mjs";

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.97.1");
+	monsterVersion = new Version("3.98.1");
 
 	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.97.1")
+        monsterVersion = new Version("3.98.1")
 
         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.97.1</h1>
-  <div id="lastupdate" style='font-size:0.7em'>last update So 5. Jan 14:38:20 CET 2025</div>
+  <h1 style='margin-bottom: 0.1em;'>Monster 3.98.1</h1>
+  <div id="lastupdate" style='font-size:0.7em'>last update Di 7. Jan 17:53:37 CET 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>