@schukai/monster 3.65.21 → 3.66.0

package/source/dom/resource/data.mjs

@@ -12,28 +12,28 @@
  * SPDX-License-Identifier: AGPL-3.0
  */
 
-import {internalStateSymbol} from "../../constants.mjs";
-import {extend} from "../../data/extend.mjs";
-import {getGlobalFunction} from "../../types/global.mjs";
-import {addAttributeToken} from "../attributes.mjs";
+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,
-    ATTRIBUTE_ID,
-    ATTRIBUTE_SRC,
-    ATTRIBUTE_TITLE,
-    ATTRIBUTE_TYPE,
-    TAG_SCRIPT,
+	ATTRIBUTE_CLASS,
+	ATTRIBUTE_ERRORMESSAGE,
+	ATTRIBUTE_ID,
+	ATTRIBUTE_SRC,
+	ATTRIBUTE_TITLE,
+	ATTRIBUTE_TYPE,
+	TAG_SCRIPT,
 } from "../constants.mjs";
 import {
-    KEY_DOCUMENT,
-    KEY_QUERY,
-    referenceSymbol,
-    Resource,
+	KEY_DOCUMENT,
+	KEY_QUERY,
+	referenceSymbol,
+	Resource,
 } from "../resource.mjs";
-import {instanceSymbol} from "../../constants.mjs";
+import { instanceSymbol } from "../../constants.mjs";
 
-export {Data};
+export { Data };
 
 /**
  * This class is used by the resource manager to embed data.
@@ -45,59 +45,59 @@ export {Data};
  * @summary A Data Resource class
  */
 class Data extends Resource {
-    /**
-     * @property {string} mode=cors https://developer.mozilla.org/en-US/docs/Web/API/fetch
-     * @property {string} credentials=same-origin https://developer.mozilla.org/en-US/docs/Web/API/fetch
-     * @property {string} type=application/json {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/script#attr-type}
-     */
-    get defaults() {
-        return extend({}, super.defaults, {
-            mode: "cors",
-            credentials: "same-origin",
-            type: "application/json",
-        });
-    }
-
-    /**
-     *
-     * @return {Monster.DOM.Resource.Data}
-     */
-    create() {
-        createElement.call(this);
-        return this;
-    }
-
-    /**
-     * This method appends the HTMLElement to the specified document
-     *
-     * throws {Error} target not found
-     * @return {Monster.DOM.Resource}
-     */
-    connect() {
-        const self = this;
-        if (!(this[referenceSymbol] instanceof HTMLElement)) {
-            this.create();
-        }
-
-        appendToDocument.call(this);
-        return this;
-    }
-
-    /**
-     * This method is called by the `instanceof` operator.
-     * @returns {symbol}
-     * @since 2.1.0
-     */
-    static get [instanceSymbol]() {
-        return Symbol.for("@schukai/monster/dom/resource/data");
-    }
-
-    /**
-     * @return {string}
-     */
-    static getURLAttribute() {
-        return ATTRIBUTE_SRC;
-    }
+	/**
+	 * @property {string} mode=cors https://developer.mozilla.org/en-US/docs/Web/API/fetch
+	 * @property {string} credentials=same-origin https://developer.mozilla.org/en-US/docs/Web/API/fetch
+	 * @property {string} type=application/json {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/script#attr-type}
+	 */
+	get defaults() {
+		return extend({}, super.defaults, {
+			mode: "cors",
+			credentials: "same-origin",
+			type: "application/json",
+		});
+	}
+
+	/**
+	 *
+	 * @return {Monster.DOM.Resource.Data}
+	 */
+	create() {
+		createElement.call(this);
+		return this;
+	}
+
+	/**
+	 * This method appends the HTMLElement to the specified document
+	 *
+	 * throws {Error} target not found
+	 * @return {Monster.DOM.Resource}
+	 */
+	connect() {
+		const self = this;
+		if (!(this[referenceSymbol] instanceof HTMLElement)) {
+			this.create();
+		}
+
+		appendToDocument.call(this);
+		return this;
+	}
+
+	/**
+	 * This method is called by the `instanceof` operator.
+	 * @returns {symbol}
+	 * @since 2.1.0
+	 */
+	static get [instanceSymbol]() {
+		return Symbol.for("@schukai/monster/dom/resource/data");
+	}
+
+	/**
+	 * @return {string}
+	 */
+	static getURLAttribute() {
+		return ATTRIBUTE_SRC;
+	}
 }
 
 /**
@@ -105,21 +105,21 @@ class Data extends Resource {
  * @return {Monster.DOM.Resource.Data}
  */
 function createElement() {
-    const document = this.getOption(KEY_DOCUMENT);
-    this[referenceSymbol] = document.createElement(TAG_SCRIPT);
-
-    for (const key of [
-        ATTRIBUTE_TYPE,
-        ATTRIBUTE_ID,
-        ATTRIBUTE_CLASS,
-        ATTRIBUTE_TITLE,
-    ]) {
-        if (this.getOption(key) !== undefined) {
-            this[referenceSymbol][key] = this.getOption(key);
-        }
-    }
-
-    return this;
+	const document = this.getOption(KEY_DOCUMENT);
+	this[referenceSymbol] = document.createElement(TAG_SCRIPT);
+
+	for (const key of [
+		ATTRIBUTE_TYPE,
+		ATTRIBUTE_ID,
+		ATTRIBUTE_CLASS,
+		ATTRIBUTE_TITLE,
+	]) {
+		if (this.getOption(key) !== undefined) {
+			this[referenceSymbol][key] = this.getOption(key);
+		}
+	}
+
+	return this;
 }
 
 /**
@@ -128,41 +128,41 @@ function createElement() {
  * throws {Error} target not found
  */
 function appendToDocument() {
-    const targetNode = document.querySelector(this.getOption(KEY_QUERY, "head"));
-    if (!(targetNode instanceof HTMLElement)) {
-        throw new Error("target not found");
-    }
-
-    targetNode.appendChild(this[referenceSymbol]);
-
-    getGlobalFunction("fetch")(this.getOption(ATTRIBUTE_SRC), {
-        method: "GET", // *GET, POST, PUT, DELETE, etc.
-        mode: this.getOption("mode", "cors"), // no-cors, *cors, same-origin
-        cache: "no-cache", // *default, no-cache, reload, force-cache, only-if-cached
-        credentials: this.getOption("credentials", "same-origin"), // include, *same-origin, omit
-        headers: {
-            Accept: this.getOption("type", "application/json"),
-        },
-        redirect: "follow", // manual, *follow, error
-        referrerPolicy: "no-referrer", // no-referrer,
-    })
-        .then((response) => {
-            return response.text();
-        })
-        .then((text) => {
-            const textNode = document.createTextNode(text);
-            this[referenceSymbol].appendChild(textNode);
-
-            this[internalStateSymbol].getSubject()["loaded"] = true;
-        })
-        .catch((e) => {
-            this[internalStateSymbol].setSubject({
-                loaded: true,
-                error: e.toString(),
-            });
-
-            targetNode.setAttribute(ATTRIBUTE_ERRORMESSAGE, e.toString());
-        });
-
-    return this;
+	const targetNode = document.querySelector(this.getOption(KEY_QUERY, "head"));
+	if (!(targetNode instanceof HTMLElement)) {
+		throw new Error("target not found");
+	}
+
+	targetNode.appendChild(this[referenceSymbol]);
+
+	getGlobalFunction("fetch")(this.getOption(ATTRIBUTE_SRC), {
+		method: "GET", // *GET, POST, PUT, DELETE, etc.
+		mode: this.getOption("mode", "cors"), // no-cors, *cors, same-origin
+		cache: "no-cache", // *default, no-cache, reload, force-cache, only-if-cached
+		credentials: this.getOption("credentials", "same-origin"), // include, *same-origin, omit
+		headers: {
+			Accept: this.getOption("type", "application/json"),
+		},
+		redirect: "follow", // manual, *follow, error
+		referrerPolicy: "no-referrer", // no-referrer,
+	})
+		.then((response) => {
+			return response.text();
+		})
+		.then((text) => {
+			const textNode = document.createTextNode(text);
+			this[referenceSymbol].appendChild(textNode);
+
+			this[internalStateSymbol].getSubject()["loaded"] = true;
+		})
+		.catch((e) => {
+			this[internalStateSymbol].setSubject({
+				loaded: true,
+				error: e.toString(),
+			});
+
+			targetNode.setAttribute(ATTRIBUTE_ERRORMESSAGE, e.toString());
+		});
+
+	return this;
 }

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.`);
 }