@schukai/monster 3.52.0 → 3.53.0

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

@@ -124,7 +124,7 @@ class ActionButton extends PopperButton {
 	 * @return {Monster.Components.Form.Popper}
 	 */
 	[assembleMethodSymbol]() {
-		super[assembleMethodSymbol]();;
+		super[assembleMethodSymbol]();
 		initControlReferences.call(this);
 		initEventHandler.call(this);
 
@@ -152,8 +152,7 @@ class ActionButton extends PopperButton {
  * @private
  * @return {Monster.Components.Form.Popper}
  */
-function initEventHandler() {;
-
+function initEventHandler() {
 	this[containerElementSymbol].addEventListener("click", (event) => {
 		const element = findTargetElementFromEvent(event, ATTRIBUTE_ROLE, "button");
 		const attr = element.getAttribute("data-monster-insert-reference");

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

@@ -158,8 +158,7 @@ class ApiButton extends ActionButton {
 	 *
 	 * @return {Promise}
 	 */
-	fetch(url) {;
-
+	fetch(url) {
 		if (url instanceof URL) {
 			url = url.toString();
 		}
@@ -188,8 +187,7 @@ class ApiButton extends ActionButton {
 	 * @throws {Error} map is not iterable
 	 * @throws {Error} missing label configuration
 	 */
-	importButtons(data) {;
-
+	importButtons(data) {
 		const mappingOptions = this.getOption("mapping", {});
 		const selector = mappingOptions?.["selector"];
 		const labelSelector = mappingOptions?.["labelSelector"];
@@ -271,7 +269,7 @@ class ApiButton extends ActionButton {
 	 * @return {Monster.Components.Form.Popper}
 	 */
 	[assembleMethodSymbol]() {
-		super[assembleMethodSymbol]();;
+		super[assembleMethodSymbol]();
 		initControlReferences.call(this);
 		initEventHandler.call(this);
 
@@ -450,8 +448,7 @@ function executeAPIButton(event, button, element) {
  * @throws {TypeError} the result cannot be parsed
  * @throws {TypeError} unsupported response
  */
-function fetchData(url) {;
-
+function fetchData(url) {
 	if (!url) url = this.getOption("url");
 	if (!url) return Promise.resolve();
 
@@ -481,8 +478,7 @@ function fetchData(url) {;
  * @private
  * @return {Monster.Components.Form.Popper}
  */
-function initEventHandler() {;
-
+function initEventHandler() {
 	this[containerElementSymbol].addEventListener("click", (event) => {
 		const element = findTargetElementFromEvent(
 			event,

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

@@ -188,7 +188,7 @@ class ButtonBar extends CustomElement {
 	/**
 	 * This method is called internal and should not be called directly.
 	 */
-	[assembleMethodSymbol]() {;
+	[assembleMethodSymbol]() {
 		super[assembleMethodSymbol]();
 
 		this[dimensionsSymbol] = new Pathfinder({ data: {} });
@@ -228,7 +228,7 @@ class ButtonBar extends CustomElement {
 	connectedCallback() {
 		super.connectedCallback();
 
-		const document = getDocument();;
+		const document = getDocument();
 
 		for (const [, type] of Object.entries(["click", "touch"])) {
 			// close on outside ui-events
@@ -303,8 +303,7 @@ class ButtonBar extends CustomElement {
  * @param obj
  * @returns {*}
  */
-function initDefaultsFromAttributes(obj) {;
-
+function initDefaultsFromAttributes(obj) {
 	if (this.hasAttribute(ATTRIBUTE_POPPER_POSITION)) {
 		obj.popper.placement = this.getAttribute(ATTRIBUTE_POPPER_POSITION);
 	}
@@ -375,15 +374,13 @@ function initEventhandler() {
 	initSlotChangedHandler.call(self);
 }
 
-function initSlotChangedHandler() {;
-
+function initSlotChangedHandler() {
 	this[buttonBarElementSymbol].addEventListener("slotchange", () => {
 		updateResizeObserverObservation.call(this);
 	});
 }
 
-function checkAndRearrangeButtons() {;
-
+function checkAndRearrangeButtons() {
 	if (this[dimensionsSymbol].getVia("data.calculated", false) !== true) {
 		calculateButtonBarDimensions.call(this);
 	}
@@ -395,8 +392,7 @@ function checkAndRearrangeButtons() {;
  * @private
  * @return {Object}
  */
-function rearrangeButtons() {;
-
+function rearrangeButtons() {
 	const switchWidth = this[switchElementSymbol].offsetWidth;
 
 	let sum = switchWidth;
@@ -476,8 +472,7 @@ function calcBoxWidth(node) {
  * @private
  * @return {Object}
  */
-function calculateButtonBarDimensions() {;
-
+function calculateButtonBarDimensions() {
 	const computedStyle = getComputedStyle(this.parentElement);
 	if (computedStyle === null) {
 		throw new Error("no computed style");
@@ -546,8 +541,7 @@ function calculateButtonBarDimensions() {;
 /**
  * @private
  */
-function updateResizeObserverObservation() {;
-
+function updateResizeObserverObservation() {
 	this[resizeObserverSymbol].disconnect();
 
 	const slottedNodes = getSlottedElements.call(this);
@@ -562,7 +556,7 @@ function updateResizeObserverObservation() {;
 /**
  * @private
  */
-function disconnectResizeObserver() {;
+function disconnectResizeObserver() {
 	if (this[resizeObserverSymbol] instanceof ResizeObserver) {
 		this[resizeObserverSymbol].disconnect();
 	}
@@ -582,8 +576,7 @@ function toggle() {
 /**
  * @private
  */
-function hide() {;
-
+function hide() {
 	this[popperElementSymbol].style.display = "none";
 	removeAttributeToken(this[controlElementSymbol], "class", "open");
 }
@@ -592,8 +585,7 @@ function hide() {;
  * @private
  * @this PopperButton
  */
-function show() {;
-
+function show() {
 	if (this.getOption("disabled", false) === true) {
 		return;
 	}
@@ -613,8 +605,7 @@ function show() {;
 /**
  * @private
  */
-function updatePopper() {;
-
+function updatePopper() {
 	if (this[popperElementSymbol].style.display !== STYLE_DISPLAY_MODE_BLOCK) {
 		return;
 	}
@@ -636,8 +627,7 @@ function updatePopper() {;
  * @return {Select}
  * @throws {Error} no shadow-root is defined
  */
-function initControlReferences() {;
-
+function initControlReferences() {
 	if (!this.shadowRoot) {
 		throw new Error("no shadow-root is defined");
 	}
@@ -674,8 +664,7 @@ function initControlReferences() {;
  * @throws {Error} no shadow-root is defined
  *
  */
-function initButtonBar() {;
-
+function initButtonBar() {
 	if (!this.shadowRoot) {
 		throw new Error("no shadow-root is defined");
 	}
@@ -688,8 +677,7 @@ function initButtonBar() {;
 /**
  * @private
  */
-function initPopperSwitch() {;
-
+function initPopperSwitch() {
 	/**
 	 * @param {Event} event
 	 */

package/source/components/form/button.mjs

@@ -84,7 +84,7 @@ class Button extends CustomControl {
 	 * @return {Monster.Components.Form.Button}
 	 */
 	[assembleMethodSymbol]() {
-		super[assembleMethodSymbol]();;
+		super[assembleMethodSymbol]();
 		initControlReferences.call(this);
 		initEventhandler.call(this);
 		return this;
@@ -327,7 +327,7 @@ function getTemplate() {
         </div>`;
 }
 
-function createRipple(event) {;
+function createRipple(event) {
 	const button = this[buttonElementSymbol];
 
 	const circle = document.createElement("span");

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

@@ -111,8 +111,7 @@ class ConfirmButton extends PopperButton {
 	 * @property {string} popper.placement=top PopperJS placement
 	 * @extends {PopperButton}
 	 */
-	get defaults() {;
-
+	get defaults() {
 		const obj = Object.assign({}, super.defaults, {
 			templates: {
 				main: getTemplate(),
@@ -138,7 +137,7 @@ class ConfirmButton extends PopperButton {
 		return obj;
 	}
 
-	hideDialog() {;
+	hideDialog() {
 		super.hideDialog();
 		this[confirmButtonElementSymbol].removeState();
 		return this;
@@ -149,7 +148,7 @@ class ConfirmButton extends PopperButton {
 	 * @return {Monster.Components.Form.PopperButton}
 	 */
 	[assembleMethodSymbol]() {
-		super[assembleMethodSymbol]();;
+		super[assembleMethodSymbol]();
 		initControlReferences.call(this);
 		initEventhandler.call(this);
 	}
@@ -174,7 +173,7 @@ class ConfirmButton extends PopperButton {
 	 *
 	 * @returns {Monster.Components.Form.PopperButton}
 	 */
-	showDialog() {;
+	showDialog() {
 		const confirmButtonClass = this.getOption("classes.confirmButton");
 		if (confirmButtonClass) {
 			this[confirmButtonElementSymbol].setOption(
@@ -201,7 +200,7 @@ class ConfirmButton extends PopperButton {
 	 * @param {number} timeout
 	 * @returns {Monster.Components.Form.ConfirmButton}
 	 */
-	setConfirmButtonState(state, timeout) {;
+	setConfirmButtonState(state, timeout) {
 		this[confirmButtonElementSymbol].setState(state, timeout);
 		return this;
 	}
@@ -213,7 +212,7 @@ class ConfirmButton extends PopperButton {
 	 * @param {number} timeout
 	 * @returns {Monster.Components.Form.ConfirmButton}
 	 */
-	showConfirmButtonMessage(message, timeout) {;
+	showConfirmButtonMessage(message, timeout) {
 		this[confirmButtonElementSymbol].setMessage(message);
 		setTimeout(() => {
 			this[confirmButtonElementSymbol].showMessage(timeout);
@@ -230,8 +229,7 @@ class ConfirmButton extends PopperButton {
 function getAction(type) {
 	const self = this;
 
-	return function (event) {;
-
+	return function (event) {
 		const callback = self.getOption(`actions.${type}`);
 		if (typeOf(callback) !== "function") {
 			return;
@@ -247,8 +245,7 @@ function getAction(type) {
  * @fires Monster.Components.Form.PopperButton#monster-confirm
  * @fires Monster.Components.Form.PopperButton#monster-confirmed
  */
-function initEventhandler() {;
-
+function initEventhandler() {
 	this[cancelButtonElementSymbol].setOption(
 		"clickEventType",
 		this.getOption("clickEventType", ["click"]),
@@ -276,7 +273,7 @@ function initEventhandler() {;
  * @private
  * @return {Select}
  */
-function initControlReferences() {;
+function initControlReferences() {
 	this[confirmButtonElementSymbol] = this.shadowRoot.querySelector(
 		`[${ATTRIBUTE_ROLE}=confirm]`,
 	);

package/source/components/form/form.mjs

@@ -200,8 +200,7 @@ class Form extends CustomElement {
 	 * @return {Form}
 	 * @throws {Error} undefined datasource
 	 */
-	refresh() {;
-
+	refresh() {
 		try {
 			this.setAttribute(ATTRIBUTE_DISABLED, "");
 			const datasource = this.getOption("datasource");
@@ -235,7 +234,7 @@ class Form extends CustomElement {
 	 *
 	 * @return {Monster.Components.Form.Form}
 	 */
-	[assembleMethodSymbol]() {;
+	[assembleMethodSymbol]() {
 		super[assembleMethodSymbol]();
 
 		initControlReferences.call(this);
@@ -331,8 +330,7 @@ class Form extends CustomElement {
 /**
  * @private
  */
-function initUpdater() {;
-
+function initUpdater() {
 	if (!this.shadowRoot) {
 		throw new Error("no shadow-root is defined");
 	}
@@ -370,8 +368,7 @@ function initUpdater() {;
 /**
  * @private
  */
-function initDatasource() {;
-
+function initDatasource() {
 	if (!this.shadowRoot) {
 		throw new Error("no shadow-root is defined");
 	}
@@ -405,8 +402,7 @@ function initDatasource() {;
  * @private
  * @param elements
  */
-function initWriteActions(elements) {;
-
+function initWriteActions(elements) {
 	elements.forEach((element) => {
 		if (element instanceof HTMLElement) {
 			element.addEventListener("click", () => {
@@ -437,8 +433,7 @@ function initWriteActions(elements) {;
 	});
 }
 
-function runWriteCallback(button) {;
-
+function runWriteCallback(button) {
 	if (typeof this.reportValidity === "function") {
 		if (this.reportValidity() === false) {
 			if (
@@ -508,7 +503,7 @@ function runWriteCallback(button) {;
  * @private
  * @return {object}
  */
-function initOptionsFromArguments() {;
+function initOptionsFromArguments() {
 	const options = {};
 
 	const datasource = this.getAttribute(ATTRIBUTE_FORM_DATASOURCE);
@@ -569,8 +564,7 @@ function initObserver() {
  * @private
  * @return {Monster.Components.Form.Form}
  */
-function initControlReferences() {;
-
+function initControlReferences() {
 	if (!this.shadowRoot) {
 		throw new Error("no shadow-root is defined");
 	}

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

@@ -138,7 +138,7 @@ class MessageStateButton extends Popper {
 	/**
 	 */
 	[assembleMethodSymbol]() {
-		super[assembleMethodSymbol]();;
+		super[assembleMethodSymbol]();
 		initControlReferences.call(this);
 
 		let modes = null;
@@ -221,7 +221,7 @@ class MessageStateButton extends Popper {
 	 * @param {number} timeout
 	 * @returns {Monster.Components.Form.MessageStateButton}
 	 */
-	showMessage(timeout) {;
+	showMessage(timeout) {
 		super.showDialog();
 
 		if (timeout !== undefined) {
@@ -330,8 +330,7 @@ class MessageStateButton extends Popper {
 	}
 }
 
-function initEventHandlerByMode(mode) {;
-
+function initEventHandlerByMode(mode) {
 	switch (mode) {
 		case "manual":
 			this[buttonElementSymbol].setOption("actions.click", (e) => {
@@ -359,7 +358,7 @@ function initEventHandlerByMode(mode) {;
  * @private
  * @return {Select}
  */
-function initControlReferences() {;
+function initControlReferences() {
 	this[buttonElementSymbol] = this.shadowRoot.querySelector(
 		`[${ATTRIBUTE_ROLE}=button]`,
 	);

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

@@ -142,8 +142,7 @@ class PopperButton extends Popper {
 	 * @property {object} popper - The popper options.
 	 * @extends {Button.defaults}
 	 */
-	get defaults() {;
-
+	get defaults() {
 		return Object.assign({}, super.defaults, {
 			templates: {
 				main: getTemplate(),
@@ -169,7 +168,7 @@ class PopperButton extends Popper {
 	 * @return {Monster.Components.Form.PopperButton}
 	 */
 	[assembleMethodSymbol]() {
-		super[assembleMethodSymbol]();;
+		super[assembleMethodSymbol]();
 		initControlReferences.call(this);
 		initEventhandler.call(this);
 
@@ -198,7 +197,7 @@ class PopperButton extends Popper {
 	connectedCallback() {
 		super.connectedCallback();
 
-		const document = getDocument();;
+		const document = getDocument();
 
 		for (const [, type] of Object.entries(["click", "touch"])) {
 			// close on outside ui-events
@@ -324,8 +323,7 @@ class PopperButton extends Popper {
  * @private
  * @return {initEventhandler}
  */
-function initEventhandler() {;
-
+function initEventhandler() {
 	this[closeEventHandler] = (event) => {
 		const path = event.composedPath();
 
@@ -343,8 +341,7 @@ function initEventhandler() {;
 /**
  * @private
  */
-function attachResizeObserver() {;
-
+function attachResizeObserver() {
 	// against flickering
 	this[resizeObserverSymbol] = new ResizeObserver(() => {
 		if (this[timerCallbackSymbol] instanceof DeadMansSwitch) {
@@ -364,7 +361,7 @@ function attachResizeObserver() {;
 	this[resizeObserverSymbol].observe(this.parentElement);
 }
 
-function disconnectResizeObserver() {;
+function disconnectResizeObserver() {
 	if (this[resizeObserverSymbol] instanceof ResizeObserver) {
 		this[resizeObserverSymbol].disconnect();
 	}
@@ -373,8 +370,7 @@ function disconnectResizeObserver() {;
 /**
  * @private
  */
-function updatePopper() {;
-
+function updatePopper() {
 	if (this[popperElementSymbol].style.display !== STYLE_DISPLAY_MODE_BLOCK) {
 		return;
 	}

package/source/components/form/popper.mjs

@@ -164,7 +164,7 @@ class Popper extends CustomControl {
 	 * @return {Monster.Components.Form.Popper}
 	 */
 	[assembleMethodSymbol]() {
-		super[assembleMethodSymbol]();;
+		super[assembleMethodSymbol]();
 		initControlReferences.call(this);
 		initEventhandler.call(this);
 
@@ -191,7 +191,7 @@ class Popper extends CustomControl {
 	connectedCallback() {
 		super.connectedCallback();
 
-		const document = getDocument();;
+		const document = getDocument();
 
 		for (const [, type] of Object.entries(["click", "touch"])) {
 			// close on outside ui-events
@@ -252,8 +252,7 @@ class Popper extends CustomControl {
  * @private
  * @return {Monster.Components.Form.Popper}
  */
-function initEventhandler() {;
-
+function initEventhandler() {
 	this[closeEventHandler] = (event) => {
 		const path = event.composedPath();
 
@@ -287,8 +286,7 @@ function initEventhandler() {;
 	return this;
 }
 
-function initEventHandlerByMode(mode) {;
-
+function initEventHandlerByMode(mode) {
 	switch (mode) {
 		case "manual":
 			break;
@@ -345,8 +343,7 @@ function initEventHandlerByMode(mode) {;
 /**
  * @private
  */
-function attachResizeObserver() {;
-
+function attachResizeObserver() {
 	// against flickering
 	this[resizeObserverSymbol] = new ResizeObserver((entries) => {
 		if (this[timerCallbackSymbol] instanceof DeadMansSwitch) {
@@ -366,7 +363,7 @@ function attachResizeObserver() {;
 	this[resizeObserverSymbol].observe(this.parentElement);
 }
 
-function disconnectResizeObserver() {;
+function disconnectResizeObserver() {
 	if (this[resizeObserverSymbol] instanceof ResizeObserver) {
 		this[resizeObserverSymbol].disconnect();
 	}
@@ -427,8 +424,7 @@ function show() {
 /**
  * @private
  */
-function updatePopper() {;
-
+function updatePopper() {
 	if (this[popperElementSymbol].style.display !== STYLE_DISPLAY_MODE_BLOCK) {
 		return;
 	}

package/source/components/form/reload.mjs

@@ -166,7 +166,7 @@ class Reload extends CustomElement {
 	/**
 	 *
 	 */
-	[initMethodSymbol]() {;
+	[initMethodSymbol]() {
 		super[initMethodSymbol]();
 
 		// data-monster-options
@@ -191,7 +191,7 @@ class Reload extends CustomElement {
 	 * @fires Monster.Components.Form.event:monster-fetched
 	 * @return {Monster.Components.Form.Form}
 	 */
-	[assembleMethodSymbol]() {;
+	[assembleMethodSymbol]() {
 		super[assembleMethodSymbol]();
 		initIntersectionObserver.call(this);
 	}
@@ -232,7 +232,7 @@ class Reload extends CustomElement {
  * @private
  * @return {object}
  */
-function initOptionsFromArguments() {;
+function initOptionsFromArguments() {
 	const options = {};
 
 	const url = this.getAttribute(ATTRIBUTE_FORM_URL);
@@ -259,8 +259,7 @@ function initOptionsFromArguments() {;
  * @throws {Error} undefined status or type
  * @fires Monster.Components.Form.event:monster-fetched
  */
-function initIntersectionObserver() {;
-
+function initIntersectionObserver() {
 	if (this[intersectionObserverWasInitialized] === true) {
 		return;
 	}
@@ -310,8 +309,7 @@ function initIntersectionObserver() {;
  * @fires Monster.Components.Form.event:monster-fetched
  * @return {Promise}
  */
-function loadContent() {;
-
+function loadContent() {
 	const url = this.getOption("url", undefined);
 	if (!isString(url) || url === "") {
 		throw new Error("missing url");