@schukai/monster 3.55.0 → 3.55.2

package/source/components/form/context-error.mjs

@@ -4,18 +4,21 @@
  * This file is licensed under the AGPLv3 License.
  * License text available at https://www.gnu.org/licenses/agpl-3.0.en.html
  */
-import {instanceSymbol} from "../../constants.mjs";
-import {assembleMethodSymbol, registerCustomElement} from "../../dom/customelement.mjs";
-import {CustomControl} from "../../dom/customcontrol.mjs";
-import {ContextErrorStyleSheet} from "./stylesheet/context-error.mjs";
-import {ThemeStyleSheet} from "../stylesheet/theme.mjs";
-import {Popper} from "./popper.mjs";
+import { instanceSymbol } from "../../constants.mjs";
 import {
-    ATTRIBUTE_ERRORMESSAGE,
-    ATTRIBUTE_ROLE,
+	assembleMethodSymbol,
+	registerCustomElement,
+} from "../../dom/customelement.mjs";
+import { CustomControl } from "../../dom/customcontrol.mjs";
+import { ContextErrorStyleSheet } from "./stylesheet/context-error.mjs";
+import { ThemeStyleSheet } from "../stylesheet/theme.mjs";
+import { Popper } from "./popper.mjs";
+import {
+	ATTRIBUTE_ERRORMESSAGE,
+	ATTRIBUTE_ROLE,
 } from "../../dom/constants.mjs";
 
-export {ContextError};
+export { ContextError };
 
 /**
  * @private
@@ -80,147 +83,141 @@ const iconElementSymbol = Symbol("iconElement");
  * @summary A control that can be used to display a tooltip or a popover with an error message.
  */
 class ContextError extends Popper {
-    /**
-     * This method is called by the `instanceof` operator.
-     * @returns {symbol}
-     * @since 2.1.0
-     */
-    static get [instanceSymbol]() {
-        return Symbol.for("@schukai/monster/components/form/context-error@@instance");
-    }
-
-    /**
-     *
-     * @return {Monster.Components.Form.PopperButton}
-     */
-    [assembleMethodSymbol]() {
-        super[assembleMethodSymbol]();
-        initControlReferences.call(this);
-
-        if (this.hasErrorMessage()) {
-            this[iconElementSymbol].classList.remove("hidden");
-        }
-
-    }
-
-    /**
-     * 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 - The templates for the control.
-     * @property {string} templates.main - The main template.
-     * @property {string} mode - The mode of the popper. Possible values are `click`, `enter` and `hover`.
-     * @property {string} content - The content of the popper.
-     * @property {object} popper - The popper options.
-     * @property {string} popper.placement - The placement of the popper. Possible values are `top`, `bottom`, `left`, `right`, `auto`, `auto-start`, `auto-end`, `top-start`, `top-end`, `bottom-start`, `bottom-end`, `right-start`, `right-end`, `left-start`, `left-end`.
-     * @extends {CustomControl}
-     */
-    get defaults() {
-        return Object.assign({}, super.defaults, {
-            templates: {
-                main: getTemplate(),
-            },
-            mode: "auto",
-
-            content: "",
-
-            classes: {
-                button: "monster-theme-error-2",
-            }
-        });
-    }
-
-    /**
-     *
-     * @return {Monster.Components.Form.Popper}
-     */
-    showDialog() {
-
-        if (!this.hasErrorMessage()) {
-            return this;
-        }
-
-        super.showDialog();
-        return this;
-    }
-
-    /**
-     *
-     * @return {Monster.Components.Form.Popper}
-     */
-    hideDialog() {
-        super.hideDialog();
-        return this;
-    }
-
-    /**
-     *
-     * @param message
-     * @param show {boolean|number} - If true the dialog is shown immediately. If false the dialog is hidden by default. If a number is specified the dialog is shown for the specified time in milliseconds.
-     * @returns {Monster.Components.Form.ContextError}
-     */
-    setErrorMessage(message, show = false) {
-
-        message = message.trim();
-
-        if (message === "") {
-            return this.resetErrorMessage();
-        }
-
-        this.setOption("content", message);
-        this[iconElementSymbol].classList.remove("hidden");
-
-        if (show === true || show === 1 || show === "true") {
-            this.showDialog();
-            return this;
-        }
-        
-        if (show === false || show === 0 || show === "false") {
-            return this;
-        }
-
-        try {
-            
-            let interval = parseInt(show);
-            this.showDialog();
-            setTimeout(() => {
-                this.hideDialog();
-            }, interval);
-
-
-        } catch (e) {
-        }
-
-
-        return this;
-    }
-
-    resetErrorMessage() {
-        this.hideDialog();
-        this.setOption("content", "");
-        this[iconElementSymbol].classList.add("hidden");
-        return this;
-    }
-
-    hasErrorMessage() {
-        return this.getOption("content", "") !== "";
-    }
-
-    /**
-     * @return {string}
-     */
-    static getTag() {
-        return "monster-context-error";
-    }
-
-    /**
-     * @return {Array<CSSStyleSheet>}
-     */
-    static getCSSStyleSheet() {
-        return [ContextErrorStyleSheet, ThemeStyleSheet];
-    }
+	/**
+	 * This method is called by the `instanceof` operator.
+	 * @returns {symbol}
+	 * @since 2.1.0
+	 */
+	static get [instanceSymbol]() {
+		return Symbol.for(
+			"@schukai/monster/components/form/context-error@@instance",
+		);
+	}
+
+	/**
+	 *
+	 * @return {Monster.Components.Form.PopperButton}
+	 */
+	[assembleMethodSymbol]() {
+		super[assembleMethodSymbol]();
+		initControlReferences.call(this);
+
+		if (this.hasErrorMessage()) {
+			this[iconElementSymbol].classList.remove("hidden");
+		}
+	}
+
+	/**
+	 * 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 - The templates for the control.
+	 * @property {string} templates.main - The main template.
+	 * @property {string} mode - The mode of the popper. Possible values are `click`, `enter` and `hover`.
+	 * @property {string} content - The content of the popper.
+	 * @property {object} popper - The popper options.
+	 * @property {string} popper.placement - The placement of the popper. Possible values are `top`, `bottom`, `left`, `right`, `auto`, `auto-start`, `auto-end`, `top-start`, `top-end`, `bottom-start`, `bottom-end`, `right-start`, `right-end`, `left-start`, `left-end`.
+	 * @extends {CustomControl}
+	 */
+	get defaults() {
+		return Object.assign({}, super.defaults, {
+			templates: {
+				main: getTemplate(),
+			},
+			mode: "auto",
+
+			content: "",
+
+			classes: {
+				button: "monster-theme-error-2",
+			},
+		});
+	}
+
+	/**
+	 *
+	 * @return {Monster.Components.Form.Popper}
+	 */
+	showDialog() {
+		if (!this.hasErrorMessage()) {
+			return this;
+		}
+
+		super.showDialog();
+		return this;
+	}
+
+	/**
+	 *
+	 * @return {Monster.Components.Form.Popper}
+	 */
+	hideDialog() {
+		super.hideDialog();
+		return this;
+	}
+
+	/**
+	 *
+	 * @param message
+	 * @param show {boolean|number} - If true the dialog is shown immediately. If false the dialog is hidden by default. If a number is specified the dialog is shown for the specified time in milliseconds.
+	 * @returns {Monster.Components.Form.ContextError}
+	 */
+	setErrorMessage(message, show = false) {
+		message = message.trim();
+
+		if (message === "") {
+			return this.resetErrorMessage();
+		}
+
+		this.setOption("content", message);
+		this[iconElementSymbol].classList.remove("hidden");
+
+		if (show === true || show === 1 || show === "true") {
+			this.showDialog();
+			return this;
+		}
+
+		if (show === false || show === 0 || show === "false") {
+			return this;
+		}
+
+		try {
+			const interval = parseInt(show);
+			this.showDialog();
+			setTimeout(() => {
+				this.hideDialog();
+			}, interval);
+		} catch (e) {}
+
+		return this;
+	}
+
+	resetErrorMessage() {
+		this.hideDialog();
+		this.setOption("content", "");
+		this[iconElementSymbol].classList.add("hidden");
+		return this;
+	}
+
+	hasErrorMessage() {
+		return this.getOption("content", "") !== "";
+	}
+
+	/**
+	 * @return {string}
+	 */
+	static getTag() {
+		return "monster-context-error";
+	}
+
+	/**
+	 * @return {Array<CSSStyleSheet>}
+	 */
+	static getCSSStyleSheet() {
+		return [ContextErrorStyleSheet, ThemeStyleSheet];
+	}
 }
 
 /**
@@ -228,18 +225,18 @@ class ContextError extends Popper {
  * @return {Select}
  */
 function initControlReferences() {
-    this[controlElementSymbol] = this.shadowRoot.querySelector(
-        `[${ATTRIBUTE_ROLE}=control]`,
-    );
-    this[buttonElementSymbol] = this.shadowRoot.querySelector(
-        `[${ATTRIBUTE_ROLE}=button]`,
-    );
-    this[popperElementSymbol] = this.shadowRoot.querySelector(
-        `[${ATTRIBUTE_ROLE}=popper]`,
-    );
-    this[iconElementSymbol] = this.shadowRoot.querySelector(
-        "[data-monster-role=button] svg",
-    );
+	this[controlElementSymbol] = this.shadowRoot.querySelector(
+		`[${ATTRIBUTE_ROLE}=control]`,
+	);
+	this[buttonElementSymbol] = this.shadowRoot.querySelector(
+		`[${ATTRIBUTE_ROLE}=button]`,
+	);
+	this[popperElementSymbol] = this.shadowRoot.querySelector(
+		`[${ATTRIBUTE_ROLE}=popper]`,
+	);
+	this[iconElementSymbol] = this.shadowRoot.querySelector(
+		"[data-monster-role=button] svg",
+	);
 }
 
 /**
@@ -247,8 +244,8 @@ function initControlReferences() {
  * @return {string}
  */
 function getTemplate() {
-    // language=HTML
-    return `
+	// language=HTML
+	return `
         <div data-monster-role="control" part="control">
 
             <div data-monster-role="button"

package/source/components/form/context-help.mjs

@@ -55,7 +55,9 @@ class ContextHelp extends Popper {
 	 * @since 2.1.0
 	 */
 	static get [instanceSymbol]() {
-		return Symbol.for("@schukai/monster/components/form/context-help@@instance");
+		return Symbol.for(
+			"@schukai/monster/components/form/context-help@@instance",
+		);
 	}
 
 	/**

package/source/components/form/form.mjs

@@ -56,7 +56,9 @@ const ATTRIBUTE_FORM_DATASOURCE_ACTION = `${ATTRIBUTE_PREFIX}datasource-action`;
  * @type {symbol}
  * @since 1.7.0
  */
-const formDataSymbol = Symbol.for("@schukai/monster/components/form/form@@formdata");
+const formDataSymbol = Symbol.for(
+	"@schukai/monster/components/form/form@@formdata",
+);
 
 /**
  * @private

package/source/components/form/message-state-button.mjs

@@ -68,7 +68,9 @@ class MessageStateButton extends Popper {
 	 * @since 2.1.0
 	 */
 	static get [instanceSymbol]() {
-		return Symbol.for("@schukai/monster/components/form/message-state-button@@instance");
+		return Symbol.for(
+			"@schukai/monster/components/form/message-state-button@@instance",
+		);
 	}
 
 	/**

package/source/components/form/popper-button.mjs

@@ -125,7 +125,9 @@ class PopperButton extends Popper {
 	 * @since 2.1.0
 	 */
 	static get [instanceSymbol]() {
-		return Symbol.for("@schukai/monster/components/form/popper-button@@instance");
+		return Symbol.for(
+			"@schukai/monster/components/form/popper-button@@instance",
+		);
 	}
 
 	/**
@@ -395,15 +397,15 @@ function initControlReferences() {
 	this[controlElementSymbol] = this.shadowRoot.querySelector(
 		`[${ATTRIBUTE_ROLE}=control]`,
 	);
-	
+
 	this[buttonElementSymbol] = this.shadowRoot.querySelector(
 		`[${ATTRIBUTE_ROLE}=button]`,
 	);
-	
+
 	this[popperElementSymbol] = this.shadowRoot.querySelector(
 		`[${ATTRIBUTE_ROLE}=popper]`,
 	);
-	
+
 	this[arrowElementSymbol] = this.shadowRoot.querySelector(
 		`[${ATTRIBUTE_ROLE}=arrow]`,
 	);