@schukai/monster 3.65.20 → 3.66.0

package/source/components/stylesheet/link.mjs

@@ -1,5 +1,5 @@
 /**
- * Copyright © schukai GmbH and all contributing authors, {{copyRightYear}}. All rights reserved.
+ * Copyright © schukai GmbH and all contributing authors, 2024. All rights reserved.
  * Node module: @schukai/monster
  *
  * This source code is licensed under the GNU Affero General Public License version 3 (AGPLv3).
@@ -8,8 +8,6 @@
  * For those who do not wish to adhere to the AGPLv3, a commercial license is available.
  * Acquiring a commercial license allows you to use this software without complying with the AGPLv3 terms.
  * For more information about purchasing a commercial license, please contact schukai GmbH.
- *
- * SPDX-License-Identifier: AGPL-3.0
  */
 
 import { addAttributeToken } from "../../dom/attributes.mjs";

package/source/components/stylesheet/mixin/property.mjs

@@ -1,5 +1,5 @@
 /**
- * Copyright © schukai GmbH and all contributing authors, {{copyRightYear}}. All rights reserved.
+ * Copyright © schukai GmbH and all contributing authors, 2024. All rights reserved.
  * Node module: @schukai/monster
  *
  * This source code is licensed under the GNU Affero General Public License version 3 (AGPLv3).
@@ -8,8 +8,6 @@
  * For those who do not wish to adhere to the AGPLv3, a commercial license is available.
  * Acquiring a commercial license allows you to use this software without complying with the AGPLv3 terms.
  * For more information about purchasing a commercial license, please contact schukai GmbH.
- *
- * SPDX-License-Identifier: AGPL-3.0
  */
 
 import { addAttributeToken } from "../../../dom/attributes.mjs";

package/source/data/datasource/dom.mjs

@@ -13,6 +13,7 @@
  */
 
 import { instanceSymbol } from "../../constants.mjs";
+import { findElementWithSelectorUpwards } from "../../dom/util.mjs";
 import { isObject } from "../../types/is.mjs";
 import { Datasource } from "../datasource.mjs";
 
@@ -74,9 +75,9 @@ class DomStorage extends Datasource {
 			throw new Error("The read selector is not defined");
 		}
 
-		const storage = document.querySelector(selector);
+		const storage = findElementWithSelectorUpwards(this, selector);
 		if (!storage) {
-			throw new Error("There are no storage element");
+			throw new Error("There is no storage element");
 		}
 
 		return new Promise((resolve, reject) => {
@@ -98,12 +99,12 @@ class DomStorage extends Datasource {
 	write() {
 		const selector = this.getOption("write.selector");
 		if (!selector) {
-			throw new Error("The write selector is not defined");
+			throw new Error("The option write.selector is not defined");
 		}
 
-		const storage = document.querySelector(selector);
+		const storage = findElementWithSelectorUpwards(this, selector);
 		if (!storage) {
-			throw new Error("There are no storage element");
+			throw new Error("There is no storage element");
 		}
 
 		return new Promise((resolve, reject) => {

package/source/dom/resource/data.mjs

@@ -15,6 +15,7 @@
 import { internalStateSymbol } from "../../constants.mjs";
 import { extend } from "../../data/extend.mjs";
 import { getGlobalFunction } from "../../types/global.mjs";
+import { addAttributeToken } from "../attributes.mjs";
 import {
 	ATTRIBUTE_CLASS,
 	ATTRIBUTE_ERRORMESSAGE,
@@ -31,6 +32,7 @@ import {
 	Resource,
 } from "../resource.mjs";
 import { instanceSymbol } from "../../constants.mjs";
+
 export { Data };
 
 /**
@@ -72,6 +74,7 @@ class Data extends Resource {
 	 * @return {Monster.DOM.Resource}
 	 */
 	connect() {
+		const self = this;
 		if (!(this[referenceSymbol] instanceof HTMLElement)) {
 			this.create();
 		}

package/source/dom/resource.mjs

@@ -242,7 +242,6 @@ function addEvents() {
 		this[referenceSymbol].removeEventListener("error", onError);
 		this[referenceSymbol].removeEventListener("load", onLoad);
 		this[internalStateSymbol].getSubject()["loaded"] = true;
-		return;
 	};
 
 	this[referenceSymbol].addEventListener("load", onLoad, false);

package/source/dom/template.mjs

@@ -12,15 +12,15 @@
  * SPDX-License-Identifier: AGPL-3.0
  */
 
-import {Base} from "../types/base.mjs";
-import {getGlobalFunction, getGlobalObject} from "../types/global.mjs";
-import {validateInstance, validateString} from "../types/validate.mjs";
-import {ATTRIBUTE_TEMPLATE_PREFIX} from "./constants.mjs";
-import {getDocumentTheme} from "./theme.mjs";
-import {instanceSymbol} from "../constants.mjs";
-import {findElementWithIdUpwards} from "./util.mjs";
+import { Base } from "../types/base.mjs";
+import { getGlobalFunction, getGlobalObject } from "../types/global.mjs";
+import { validateInstance, validateString } from "../types/validate.mjs";
+import { ATTRIBUTE_TEMPLATE_PREFIX } from "./constants.mjs";
+import { getDocumentTheme } from "./theme.mjs";
+import { instanceSymbol } from "../constants.mjs";
+import { findElementWithIdUpwards } from "./util.mjs";
 
-export {Template};
+export { Template };
 
 /**
  * The template class provides methods for creating templates.
@@ -32,45 +32,45 @@ export {Template};
  * @summary A template class
  */
 class Template extends Base {
-    /**
-     *
-     * @param {HTMLTemplateElement} template
-     * @throws {TypeError} value is not an instance of
-     * @throws {TypeError} value is not a function
-     * @throws {Error} the function is not defined
-     */
-    constructor(template) {
-        super();
-        const HTMLTemplateElement = getGlobalFunction("HTMLTemplateElement");
-        validateInstance(template, HTMLTemplateElement);
-        this.template = template;
-    }
-
-    /**
-     * This method is called by the `instanceof` operator.
-     * @returns {symbol}
-     * @since 2.1.0
-     */
-    static get [instanceSymbol]() {
-        return Symbol.for("@schukai/monster/dom/resource/template");
-    }
-
-    /**
-     *
-     * @returns {HTMLTemplateElement}
-     */
-    getTemplateElement() {
-        return this.template;
-    }
-
-    /**
-     *
-     * @return {DocumentFragment}
-     * @throws {TypeError} value is not an instance of
-     */
-    createDocumentFragment() {
-        return this.template.content.cloneNode(true);
-    }
+	/**
+	 *
+	 * @param {HTMLTemplateElement} template
+	 * @throws {TypeError} value is not an instance of
+	 * @throws {TypeError} value is not a function
+	 * @throws {Error} the function is not defined
+	 */
+	constructor(template) {
+		super();
+		const HTMLTemplateElement = getGlobalFunction("HTMLTemplateElement");
+		validateInstance(template, HTMLTemplateElement);
+		this.template = template;
+	}
+
+	/**
+	 * This method is called by the `instanceof` operator.
+	 * @returns {symbol}
+	 * @since 2.1.0
+	 */
+	static get [instanceSymbol]() {
+		return Symbol.for("@schukai/monster/dom/resource/template");
+	}
+
+	/**
+	 *
+	 * @returns {HTMLTemplateElement}
+	 */
+	getTemplateElement() {
+		return this.template;
+	}
+
+	/**
+	 *
+	 * @return {DocumentFragment}
+	 * @throws {TypeError} value is not an instance of
+	 */
+	createDocumentFragment() {
+		return this.template.content.cloneNode(true);
+	}
 }
 
 /**
@@ -137,70 +137,70 @@ class Template extends Base {
  * @throws {TypeError} value is not a string
  */
 export function findDocumentTemplate(id, currentNode) {
-    validateString(id);
-
-    const document = getGlobalObject("document");
-    const HTMLTemplateElement = getGlobalFunction("HTMLTemplateElement");
-    const DocumentFragment = getGlobalFunction("DocumentFragment");
-    const Document = getGlobalFunction("Document");
-
-    let prefixID;
-
-    if (
-        !(
-            currentNode instanceof Document || currentNode instanceof DocumentFragment
-        )
-    ) {
-        if (currentNode instanceof Node) {
-            if (currentNode.hasAttribute(ATTRIBUTE_TEMPLATE_PREFIX)) {
-                prefixID = currentNode.getAttribute(ATTRIBUTE_TEMPLATE_PREFIX);
-            }
-
-            currentNode = currentNode.getRootNode();
-
-            if (
-                !(
-                    currentNode instanceof Document ||
-                    currentNode instanceof DocumentFragment
-                )
-            ) {
-                currentNode = currentNode.ownerDocument;
-            }
-        }
-
-        if (
-            !(
-                currentNode instanceof Document ||
-                currentNode instanceof DocumentFragment
-            )
-        ) {
-            currentNode = document;
-        }
-    }
-
-    let template;
-    const theme = getDocumentTheme();
-
-    if (prefixID) {
-        const themedPrefixID = `${prefixID}-${id}-${theme.getName()}`;
-
-        template = findElementWithIdUpwards(currentNode, themedPrefixID);
-        if (template instanceof HTMLTemplateElement) {
-            return new Template(template);
-        }
-    }
-
-    const themedID = `${id}-${theme.getName()}`;
-
-    template = findElementWithIdUpwards(currentNode, themedID);
-    if (template instanceof HTMLTemplateElement) {
-        return new Template(template);
-    }
-
-    template = findElementWithIdUpwards(currentNode, id);
-    if (template instanceof HTMLTemplateElement) {
-        return new Template(template);
-    }
-
-    throw new Error(`template ${id} not found.`);
+	validateString(id);
+
+	const document = getGlobalObject("document");
+	const HTMLTemplateElement = getGlobalFunction("HTMLTemplateElement");
+	const DocumentFragment = getGlobalFunction("DocumentFragment");
+	const Document = getGlobalFunction("Document");
+
+	let prefixID;
+
+	if (
+		!(
+			currentNode instanceof Document || currentNode instanceof DocumentFragment
+		)
+	) {
+		if (currentNode instanceof Node) {
+			if (currentNode.hasAttribute(ATTRIBUTE_TEMPLATE_PREFIX)) {
+				prefixID = currentNode.getAttribute(ATTRIBUTE_TEMPLATE_PREFIX);
+			}
+
+			currentNode = currentNode.getRootNode();
+
+			if (
+				!(
+					currentNode instanceof Document ||
+					currentNode instanceof DocumentFragment
+				)
+			) {
+				currentNode = currentNode.ownerDocument;
+			}
+		}
+
+		if (
+			!(
+				currentNode instanceof Document ||
+				currentNode instanceof DocumentFragment
+			)
+		) {
+			currentNode = document;
+		}
+	}
+
+	let template;
+	const theme = getDocumentTheme();
+
+	if (prefixID) {
+		const themedPrefixID = `${prefixID}-${id}-${theme.getName()}`;
+
+		template = findElementWithIdUpwards(currentNode, themedPrefixID);
+		if (template instanceof HTMLTemplateElement) {
+			return new Template(template);
+		}
+	}
+
+	const themedID = `${id}-${theme.getName()}`;
+
+	template = findElementWithIdUpwards(currentNode, themedID);
+	if (template instanceof HTMLTemplateElement) {
+		return new Template(template);
+	}
+
+	template = findElementWithIdUpwards(currentNode, id);
+	if (template instanceof HTMLTemplateElement) {
+		return new Template(template);
+	}
+
+	throw new Error(`template ${id} not found.`);
 }