@schukai/monster 3.52.1 → 3.53.0

package/source/components/datatable/filter/settings.mjs

@@ -13,7 +13,7 @@ export { Settings };
  */
 class Settings extends Base {
 	constructor() {
-		super();;
+		super();
 
 		/**
 		 * - attachInternalObserver
@@ -31,7 +31,7 @@ class Settings extends Base {
 	 * @param value
 	 * @returns {*}
 	 */
-	get(value) {;
+	get(value) {
 		return this.getInternal("option." + value);
 	}
 
@@ -43,8 +43,7 @@ class Settings extends Base {
 	 * @param visible
 	 * @returns {Settings}
 	 */
-	set({ value, label, visible = true }) {;
-
+	set({ value, label, visible = true }) {
 		let d = this.getInternal("option." + value);
 		if (d) {
 			if (d.label !== label && label) {
@@ -70,7 +69,7 @@ class Settings extends Base {
 	 *
 	 * @returns {Array}
 	 */
-	getOptions() {;
+	getOptions() {
 		const option = this.getInternal("option");
 
 		const options = [];
@@ -90,7 +89,7 @@ class Settings extends Base {
 	 * @param options
 	 * @returns {Settings}
 	 */
-	setOptions(options) {;
+	setOptions(options) {
 		for (const key in options) {
 			this.set(options[key]);
 		}
@@ -101,7 +100,7 @@ class Settings extends Base {
 	 *
 	 * @returns {Array}
 	 */
-	getSelected() {;
+	getSelected() {
 		const option = this.getInternal("option");
 
 		const selectedValues = [];

package/source/components/datatable/filter.mjs

@@ -114,7 +114,7 @@ class Filter extends CustomElement {
 	 *
 	 */
 	constructor() {
-		super();;
+		super();
 		this[settingsSymbol] = new Settings();
 	}
 
@@ -131,7 +131,7 @@ class Filter extends CustomElement {
 	 * @param {string} message
 	 * @returns {Monster.Components.Datatable.Filter}
 	 */
-	showFailureMessage(message) {;
+	showFailureMessage(message) {
 		this[searchButtonElementSymbol].setState("failed", 10000);
 		this[searchButtonElementSymbol]
 			.setMessage(String(message))
@@ -143,7 +143,7 @@ class Filter extends CustomElement {
 	 *
 	 * @returns {Monster.Components.Datatable.Filter}
 	 */
-	resetFailureMessage() {;
+	resetFailureMessage() {
 		this[searchButtonElementSymbol].hideMessage();
 		this[searchButtonElementSymbol].removeState();
 		return this;
@@ -153,7 +153,7 @@ class Filter extends CustomElement {
 	 *
 	 * @returns {Monster.Components.Datatable.Filter}
 	 */
-	showSuccess() {;
+	showSuccess() {
 		this[searchButtonElementSymbol].setState("successful", 5000);
 		return this;
 	}
@@ -216,7 +216,7 @@ class Filter extends CustomElement {
 	/**
 	 * @return {FilterButton}
 	 */
-	[assembleMethodSymbol]() {;
+	[assembleMethodSymbol]() {
 		super[assembleMethodSymbol]();
 
 		initControlReferences.call(this);
@@ -235,7 +235,7 @@ class Filter extends CustomElement {
 	/**
 	 *
 	 */
-	connectedCallback() {;
+	connectedCallback() {
 		super.connectedCallback();
 
 		getWindow().addEventListener(
@@ -247,7 +247,7 @@ class Filter extends CustomElement {
 	/**
 	 *
 	 */
-	disconnectedCallback() {;
+	disconnectedCallback() {
 		super.disconnectedCallback();
 
 		getWindow().removeEventListener(
@@ -268,8 +268,7 @@ class Filter extends CustomElement {
  * @private
  * @return {FilterButton}
  */
-function initControlReferences() {;
-
+function initControlReferences() {
 	if (!this.shadowRoot) {
 		throw new Error("no shadow-root is defined");
 	}
@@ -293,8 +292,7 @@ function initControlReferences() {;
  * @private
  * @throws {Error} no filter label is defined
  */
-function initFilter() {;
-
+function initFilter() {
 	const storedConfig = this[settingsSymbol];
 	this[settingsSymbol] = new Settings();
 
@@ -499,8 +497,7 @@ function initEventHandler() {
 /**
  * @private
  */
-function doSearch({ showEffect } = { showEffect: true }) {;
-
+function doSearch({ showEffect } = { showEffect: true }) {
 	this.resetFailureMessage();
 
 	if (showEffect) {
@@ -555,8 +552,7 @@ function doSearch({ showEffect } = { showEffect: true }) {;
  * @param queries
  * @returns {string|undefind}
  */
-function buildSearchQuery(queries) {;
-
+function buildSearchQuery(queries) {
 	if (!isArray(queries) || queries.length === 0) {
 		return this.getOption("defaultQuery");
 	}
@@ -578,8 +574,7 @@ function buildSearchQuery(queries) {;
  * @private
  * @returns {Promise<unknown>}
  */
-function collectSearchQueries() {;
-
+function collectSearchQueries() {
 	const currentHash = parseBracketedKeyValueHash(getGlobal().location.hash);
 
 	return new Promise((resolve, reject) => {
@@ -840,8 +835,7 @@ function getFilterConfigKey() {
  * @private
  * @returns {Promise<unknown>}
  */
-function initFromConfig() {;
-
+function initFromConfig() {
 	const document = getDocument();
 	const host = document.querySelector("monster-host");
 
@@ -875,8 +869,7 @@ function initFromConfig() {;
 /**
  * @private
  */
-function updateConfig() {;
-
+function updateConfig() {
 	const document = getDocument();
 	const host = document.querySelector("monster-host");
 	if (!(host && this.id)) {

package/source/components/datatable/pagination.mjs

@@ -156,7 +156,7 @@ class Pagination extends CustomElement {
 	 *
 	 * @return {Monster.Components.Form.Form}
 	 */
-	[assembleMethodSymbol]() {;
+	[assembleMethodSymbol]() {
 		super[assembleMethodSymbol]();
 
 		initControlReferences.call(this);
@@ -196,8 +196,7 @@ class Pagination extends CustomElement {
  * @return {Select}
  * @throws {Error} no shadow-root is defined
  */
-function initControlReferences() {;
-
+function initControlReferences() {
 	if (!this.shadowRoot) {
 		throw new Error("no shadow-root is defined");
 	}
@@ -279,7 +278,7 @@ function initEventHandler() {
  * @throws {TypeError} incorrect arguments passed for the datasource
  * @throws {Error} the datasource could not be initialized
  */
-function initOptionsFromArguments() {;
+function initOptionsFromArguments() {
 	const options = {};
 	const selector = this.getAttribute(ATTRIBUTE_DATASOURCE_SELECTOR);
 	if (selector) {
@@ -292,7 +291,7 @@ function initOptionsFromArguments() {;
 /**
  * @private
  */
-function handleDataSourceChanges() {;
+function handleDataSourceChanges() {
 	let pagination;
 
 	if (!this[datasourceLinkedElementSymbol]) {
@@ -328,8 +327,7 @@ function handleDataSourceChanges() {;
  * @param max
  * @returns  {object}
  */
-function buildPagination(current, max) {;
-
+function buildPagination(current, max) {
 	let prev = current === 1 ? null : current - 1;
 	let next = current === max ? null : current + 1;
 	const itemList = [1];

package/source/components/datatable/util.mjs

@@ -18,8 +18,7 @@ const datasourceLinkedElementSymbol = Symbol("datasourceLinkedElement");
 /**
  * @private
  */
-function handleDataSourceChanges() {;
-
+function handleDataSourceChanges() {
 	if (!this[datasourceLinkedElementSymbol]) {
 		return;
 	}

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]`,
 	);