chore: tidy code

source/components/datatable/columnbar.mjs

@@ -133,7 +133,7 @@ class ColumnBar extends CustomElement {
 	 *
 	 * @return {Monster.Components.Form.Form}
 	 */
-	[assembleMethodSymbol]() {;
+	[assembleMethodSymbol]() {
 		super[assembleMethodSymbol]();
 
 		initControlReferences.call(this);
@@ -152,7 +152,7 @@ class ColumnBar extends CustomElement {
  * @private
  * @return {Monster.Components.Datatable.Form}
  */
-function initControlReferences() {;
+function initControlReferences() {
 
 	if (!this.shadowRoot) {
 		throw new Error("no shadow-root is defined");

source/components/datatable/dataset.mjs

@@ -130,7 +130,7 @@ class DataSet extends CustomElement {
 	 *
 	 * @return {Monster.Components.Form.Form}
 	 */
-	[assembleMethodSymbol]() {;
+	[assembleMethodSymbol]() {
 		super[assembleMethodSymbol]();
 
 		// initControlReferences.call(self);
@@ -174,7 +174,7 @@ class DataSet extends CustomElement {
 /**
  * @private
  */
-function initEventHandler() {;
+function initEventHandler() {
 
 	this[attributeObserverSymbol][ATTRIBUTE_DATATABLE_INDEX] = () => {
 		const index = this.getAttribute(ATTRIBUTE_DATATABLE_INDEX);
@@ -188,7 +188,7 @@ function initEventHandler() {;
  *
  * @param {Onject} options
  */
-function updateOptionsFromArguments(options) {;
+function updateOptionsFromArguments(options) {
 
 	const index = this.getAttribute(ATTRIBUTE_DATATABLE_INDEX);
 

source/components/datatable/datasource.mjs

@@ -72,7 +72,7 @@ class Datasource extends CustomElement {
 	 *
 	 * @return {Monster.Components.Form.Form}
 	 */
-	[assembleMethodSymbol]() {;
+	[assembleMethodSymbol]() {
 		super[assembleMethodSymbol]();
 	}
 

source/components/datatable/datasource/dom.mjs

@@ -74,7 +74,7 @@ class Dom extends Datasource {
 	 *
 	 * @return {Monster.Components.Form.Form}
 	 */
-	[assembleMethodSymbol]() {;
+	[assembleMethodSymbol]() {
 		super[assembleMethodSymbol]();
 		initEventHandler.call(this);
 		updateDataSource.call(this);
@@ -100,11 +100,10 @@ class Dom extends Datasource {
 	 * Reloads the data
 	 * @returns {Promise<never>|*}
 	 */
-	reload() {;
-	}
+	reload() {}
 
 	connectedCallback() {
-		super.connectedCallback();;
+		super.connectedCallback();
 
 		if (this.getOption("features.autoInit")) {
 			updateDataSource.call(this);
@@ -115,7 +114,7 @@ class Dom extends Datasource {
 /**
  * @private
  */
-function initEventHandler() {;
+function initEventHandler() {
 
 	/**
 	 * @param {Event} event
@@ -134,7 +133,7 @@ function initEventHandler() {;
 /**
  * @private
  */
-function updateDataSource() {;
+function updateDataSource() {
 
 	let data = null;
 	getSlottedElements.call(this).forEach((element) => {

source/components/datatable/datasource/rest.mjs

@@ -139,7 +139,7 @@ class Rest extends Datasource {
 	 * @param {string} orderBy
 	 * @returns {Monster.Components.Datatable.Datasource.Rest}
 	 */
-	setParameters({ page, query, orderBy }) {;
+	setParameters({ page, query, orderBy }) {
 		const parameters = this.getOption("read.parameters");
 		if (query !== undefined) {
 			parameters.query = `${query}`;
@@ -157,7 +157,7 @@ class Rest extends Datasource {
 	 *
 	 * @return {Monster.Components.Form.Form}
 	 */
-	[assembleMethodSymbol]() {;
+	[assembleMethodSymbol]() {
 		super[assembleMethodSymbol]();
 
 		initEventHandler.call(this);
@@ -176,7 +176,7 @@ class Rest extends Datasource {
 	 * Fetches the data from the rest api
 	 * @returns {Promise<never>|*}
 	 */
-	fetch() {;
+	fetch() {
 
 		const opt = clone(this.getOption("read"));
 		this[dataSourceSymbol].setOption("read", opt);
@@ -225,7 +225,7 @@ class Rest extends Datasource {
 	 * @private
 	 */
 	connectedCallback() {
-		super.connectedCallback();;
+		super.connectedCallback();
 
 		setTimeout(() => {
 			if (this.getOption("features.filter", false) === true) {
@@ -238,7 +238,7 @@ class Rest extends Datasource {
 	 * @private
 	 */
 	disconnectedCallback() {
-		super.disconnectedCallback();;
+		super.disconnectedCallback();
 		removeFilter.call(this);
 	}
 }
@@ -246,7 +246,7 @@ class Rest extends Datasource {
 /**
  * @private
  */
-function removeFilter() {;
+function removeFilter() {
 	const filterID = this.getOption("filter.id", undefined);
 	if (!filterID) return;
 
@@ -260,7 +260,7 @@ function removeFilter() {;
 /**
  * @private
  */
-function initFilter() {;
+function initFilter() {
 	const filterID = this.getOption("filter.id", undefined);
 
 	if (!filterID)
@@ -277,8 +277,7 @@ function initFilter() {;
 	this[filterObserverSymbol] = new Observer(() => {
 		const query = filterControl.getOption("query", undefined);
 		this.setParameters({ query: query });
-		this
-			.fetch()
+		this.fetch()
 			.then(() => {
 				this.dispatchEvent(new CustomEvent("reload", { bubbles: true }));
 				filterControl?.showSuccess();
@@ -319,7 +318,7 @@ function initFilter() {;
 /**
  * @private
  */
-function initAutoInit() {;
+function initAutoInit() {
 
 	const autoInit = this.getOption("features.autoInit");
 	validateBoolean(autoInit);
@@ -332,8 +331,7 @@ function initAutoInit() {;
 	}
 
 	setTimeout(() => {
-		this
-			.fetch()
+		this.fetch()
 			.then(() => {
 				fireCustomEvent(this, "monster-datasource-fetched", {
 					datasource: this,
@@ -349,7 +347,7 @@ function initAutoInit() {;
 	}, 0);
 }
 
-function initEventHandler() {;
+function initEventHandler() {
 
 	this[intersectionObserverHandlerSymbol] = (entries) => {
 		entries.forEach((entry) => {
@@ -370,7 +368,7 @@ function initEventHandler() {;
 	};
 }
 
-function initIntersectionObserver() {;
+function initIntersectionObserver() {
 
 	this.classList.add("intersection-observer");
 

source/components/datatable/datatable.mjs

@@ -218,7 +218,7 @@ class DataTable extends CustomElement {
 	 *
 	 * @return {Monster.Components.Form.Form}
 	 */
-	[assembleMethodSymbol]() {;
+	[assembleMethodSymbol]() {
 
 		const rawKey = this.getOption("templateMapping.row-key");
 
@@ -328,7 +328,7 @@ function getFilterConfigKey() {
  * @private
  * @returns {Promise}
  */
-function getHostConfig(callback) {;
+function getHostConfig(callback) {
 	const document = getDocument();
 	const host = document.querySelector("monster-host");
 
@@ -354,7 +354,7 @@ function getHostConfig(callback) {;
 /**
  * @private
  */
-function updateColumnBar() {;
+function updateColumnBar() {
 	if (!this[columnBarElementSymbol]) {
 		return;
 	}
@@ -380,7 +380,7 @@ function updateColumnBar() {;
 /**
  * @private
  */
-function updateHeaderFromColumnBar() {;
+function updateHeaderFromColumnBar() {
 
 	if (!this[columnBarElementSymbol]) {
 		return;
@@ -414,7 +414,7 @@ function updateHeaderFromColumnBar() {;
 /**
  * @private
  */
-function updateConfigColumnBar() {;
+function updateConfigColumnBar() {
 
 	if (!this[columnBarElementSymbol]) {
 		return;
@@ -496,7 +496,7 @@ function initEventHandler() {
 /**
  * @private
  */
-function initGridAndStructs(hostConfig) {;
+function initGridAndStructs(hostConfig) {
 
 	const rowID = this.getOption("templateMapping.row-key");
 
@@ -618,7 +618,7 @@ function initGridAndStructs(hostConfig) {;
 /**
  * @private
  */
-function updateGrid() {;
+function updateGrid() {
 
 	if (!this[gridElementSymbol]) {
 		throw new Error("no grid element is defined");
@@ -667,7 +667,7 @@ function updateGrid() {;
  * @param {Monster.Components.Datatable.Header[]} headers
  * @param {bool} doFetch
  */
-function setDataSource({ orderBy }, doFetch) {;
+function setDataSource({ orderBy }, doFetch) {
 	const datasource = this[datasourceLinkedElementSymbol];
 
 	if (!datasource) {
@@ -687,7 +687,7 @@ function setDataSource({ orderBy }, doFetch) {;
  * @private
  * @return {Monster.Components.Datatable.Form}
  */
-function initControlReferences() {;
+function initControlReferences() {
 
 	if (!this.shadowRoot) {
 		throw new Error("no shadow-root is defined");
@@ -711,7 +711,7 @@ function initControlReferences() {;
  * @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);
@@ -720,7 +720,9 @@ function initOptionsFromArguments() {;
 		options.datasource = { selector: selector };
 	}
 
-	const breakpoint = this.getAttribute(ATTRIBUTE_DATATABLE_RESPONSIVE_BREAKPOINT);
+	const breakpoint = this.getAttribute(
+		ATTRIBUTE_DATATABLE_RESPONSIVE_BREAKPOINT,
+	);
 	if (breakpoint) {
 		options.responsive = {};
 		options.responsive.breakpoint = parseInt(breakpoint);

source/components/datatable/datatable/header.mjs

@@ -52,7 +52,7 @@ const DIRECTION_NONE = "";
  */
 class Header extends Base {
 	constructor() {
-		super();;
+		super();
 
 		/**
 		 * - attachInternalObserver
@@ -98,7 +98,7 @@ class Header extends Base {
 		};
 	}
 
-	changeDirection() {;
+	changeDirection() {
 
 		let direction = this.getInternal("direction");
 		if (direction === DIRECTION_ASC) {
@@ -242,7 +242,7 @@ function createOrderStatement(headers) {
 /**
  * @private
  */
-function updateStruct() {;
+function updateStruct() {
 
 	const label = this.getInternal("label");
 	const direction = this.getInternal("direction");

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,7 +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,7 +293,7 @@ function initControlReferences() {;
  * @private
  * @throws {Error} no filter label is defined
  */
-function initFilter() {;
+function initFilter() {
 
 	const storedConfig = this[settingsSymbol];
 	this[settingsSymbol] = new Settings();
@@ -499,7 +499,7 @@ function initEventHandler() {
 /**
  * @private
  */
-function doSearch({ showEffect } = { showEffect: true }) {;
+function doSearch({ showEffect } = { showEffect: true }) {
 
 	this.resetFailureMessage();
 
@@ -555,7 +555,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,7 +578,7 @@ function buildSearchQuery(queries) {;
  * @private
  * @returns {Promise<unknown>}
  */
-function collectSearchQueries() {;
+function collectSearchQueries() {
 
 	const currentHash = parseBracketedKeyValueHash(getGlobal().location.hash);
 
@@ -840,7 +840,7 @@ function getFilterConfigKey() {
  * @private
  * @returns {Promise<unknown>}
  */
-function initFromConfig() {;
+function initFromConfig() {
 
 	const document = getDocument();
 	const host = document.querySelector("monster-host");
@@ -875,7 +875,7 @@ function initFromConfig() {;
 /**
  * @private
  */
-function updateConfig() {;
+function updateConfig() {
 
 	const document = getDocument();
 	const host = document.querySelector("monster-host");

source/components/datatable/filter/date-range.mjs

@@ -152,7 +152,7 @@ class DateRange extends AbstractBase {
 	 *
 	 * @return {FilterButton}
 	 */
-	[assembleMethodSymbol]() {;
+	[assembleMethodSymbol]() {
 		super[assembleMethodSymbol]();
 
 		initControlReferences.call(this);
@@ -249,7 +249,7 @@ class DateRange extends AbstractBase {
 	connectedCallback() {
 		super.connectedCallback();
 
-		const document = getDocument();;
+		const document = getDocument();
 
 		for (const [, type] of Object.entries(["click", "touch"])) {
 			// close on outside ui-events
@@ -311,7 +311,7 @@ class DateRange extends AbstractBase {
  * @param {HTMLElement} group
  * @param {string} type
  */
-function updateMainFilterValueFromPopperChange(group, type) {;
+function updateMainFilterValueFromPopperChange(group, type) {
 
 	function calculateTargetDate(diff) {
 		if (isNaN(diff)) {
@@ -405,7 +405,7 @@ function updateMainFilterValueFromPopperChange(group, type) {;
  * @private
  * @return {initEventHandler}
  */
-function initEventHandler() {;
+function initEventHandler() {
 
 	this[closeEventHandler] = (event) => {
 		const path = event.composedPath();
@@ -536,7 +536,7 @@ function initEventHandler() {;
 /**
  * @private
  */
-function attachResizeObserver() {;
+function attachResizeObserver() {
 
 	// against flickering
 	this[resizeObserverSymbol] = new ResizeObserver((entries) => {
@@ -557,7 +557,7 @@ function attachResizeObserver() {;
 	this[resizeObserverSymbol].observe(this.parentElement);
 }
 
-function disconnectResizeObserver() {;
+function disconnectResizeObserver() {
 	if (this[resizeObserverSymbol] instanceof ResizeObserver) {
 		this[resizeObserverSymbol].disconnect();
 	}
@@ -566,7 +566,7 @@ function disconnectResizeObserver() {;
 /**
  * @private
  */
-function hide() {;
+function hide() {
 
 	this[popperElementSymbol].style.display = "none";
 	removeAttributeToken(this[controlElementSymbol], "class", "open");
@@ -576,7 +576,7 @@ function hide() {;
  * @private
  * @this PopperButton
  */
-function show() {;
+function show() {
 
 	if (this.getOption("disabled", false) === true) {
 		return;
@@ -605,7 +605,7 @@ function show() {;
 /**
  * @private
  */
-function clearAndDisableFormGroups() {;
+function clearAndDisableFormGroups() {
 
 	this[radioInputsElementSymbol].forEach((radio) => {
 		radio.checked = false;
@@ -626,7 +626,7 @@ function clearAndDisableFormGroups() {;
  * @private
  * @returns {string}
  */
-function guessRangeTypeFromCurrentValue() {;
+function guessRangeTypeFromCurrentValue() {
 
 	const value = this[inputElementSymbol].value.trim();
 
@@ -658,7 +658,7 @@ function guessRangeTypeFromCurrentValue() {;
 	return "invalid";
 }
 
-function getRangeTypeFromForm() {;
+function getRangeTypeFromForm() {
 
 	const group = this[formContainerElementSymbol].querySelector(
 		"input[type=radio][name=rangeType]:checked",
@@ -714,7 +714,7 @@ function calculateDateRangeFromToday(date, unit) {
 /**
  * @private
  */
-function updatePopperInputsFromMainValue() {;
+function updatePopperInputsFromMainValue() {
 
 	const featuresMoreThan = this.getOption("features.moreThan", false);
 	const featuresWithin = this.getOption("features.within", false);
@@ -886,7 +886,7 @@ function updatePopperInputsFromMainValue() {;
  * @private
  * @return {Monster.Components.Datatable.Filter.Range}
  */
-function initControlReferences() {;
+function initControlReferences() {
 
 	if (!this.shadowRoot) {
 		throw new Error("no shadow-root is defined");
@@ -926,7 +926,7 @@ function initControlReferences() {;
  * @param {object} options
  * @return {object}
  */
-function initOptionsFromArguments(options) {;
+function initOptionsFromArguments(options) {
 
 	return options;
 }
@@ -934,7 +934,7 @@ function initOptionsFromArguments(options) {;
 /**
  * @private
  */
-function updatePopper() {;
+function updatePopper() {
 
 	if (this[popperElementSymbol].style.display !== STYLE_DISPLAY_MODE_BLOCK) {
 		return;

source/components/datatable/filter/input.mjs

@@ -105,7 +105,7 @@ class Input extends AbstractBase {
 	 *
 	 * @return {FilterButton}
 	 */
-	[assembleMethodSymbol]() {;
+	[assembleMethodSymbol]() {
 		super[assembleMethodSymbol]();
 
 		initControlReferences.call(this);
@@ -140,7 +140,7 @@ class Input extends AbstractBase {
  * @private
  * @return {FilterButton}
  */
-function initControlReferences() {;
+function initControlReferences() {
 
 	if (!this.shadowRoot) {
 		throw new Error("no shadow-root is defined");
@@ -155,8 +155,7 @@ function initControlReferences() {;
 /**
  * @private
  */
-function initEventHandler() {;
-}
+function initEventHandler() {}
 
 /**
  * @private

source/components/datatable/filter/range.mjs

@@ -122,7 +122,7 @@ class Range extends AbstractBase {
 	 *
 	 * @return {FilterButton}
 	 */
-	[assembleMethodSymbol]() {;
+	[assembleMethodSymbol]() {
 		super[assembleMethodSymbol]();
 
 		initControlReferences.call(this);
@@ -205,7 +205,7 @@ class Range extends AbstractBase {
 	connectedCallback() {
 		super.connectedCallback();
 
-		const document = getDocument();;
+		const document = getDocument();
 
 		for (const [, type] of Object.entries(["click", "touch"])) {
 			// close on outside ui-events
@@ -319,7 +319,7 @@ function updateFilterValue(type, self, value, element) {
  * @private
  * @return {initEventHandler}
  */
-function initEventHandler() {;
+function initEventHandler() {
 
 	this[closeEventHandler] = (event) => {
 		const path = event.composedPath();
@@ -450,7 +450,7 @@ function initEventHandler() {;
 /**
  * @private
  */
-function attachResizeObserver() {;
+function attachResizeObserver() {
 
 	// against flickering
 	this[resizeObserverSymbol] = new ResizeObserver((entries) => {
@@ -471,7 +471,7 @@ function attachResizeObserver() {;
 	this[resizeObserverSymbol].observe(this.parentElement);
 }
 
-function disconnectResizeObserver() {;
+function disconnectResizeObserver() {
 	if (this[resizeObserverSymbol] instanceof ResizeObserver) {
 		this[resizeObserverSymbol].disconnect();
 	}
@@ -480,7 +480,7 @@ function disconnectResizeObserver() {;
 /**
  * @private
  */
-function hide() {;
+function hide() {
 
 	this[popperElementSymbol].style.display = "none";
 	removeAttributeToken(this[controlElementSymbol], "class", "open");
@@ -490,7 +490,7 @@ function hide() {;
  * @private
  * @this PopperButton
  */
-function show() {;
+function show() {
 
 	if (this.getOption("disabled", false) === true) {
 		return;
@@ -563,7 +563,7 @@ function updateInputFromValue() {
  * @private
  * @return {Monster.Components.Datatable.Filter.Range}
  */
-function initControlReferences() {;
+function initControlReferences() {
 
 	if (!this.shadowRoot) {
 		throw new Error("no shadow-root is defined");
@@ -593,7 +593,7 @@ function initControlReferences() {;
  * @param {object} options
  * @return {object}
  */
-function initOptionsFromArguments(options) {;
+function initOptionsFromArguments(options) {
 
 	return options;
 }
@@ -601,7 +601,7 @@ function initOptionsFromArguments(options) {;
 /**
  * @private
  */
-function updatePopper() {;
+function updatePopper() {
 
 	if (this[popperElementSymbol].style.display !== STYLE_DISPLAY_MODE_BLOCK) {
 		return;

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,7 +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) {
@@ -70,7 +70,7 @@ class Settings extends Base {
 	 *
 	 * @returns {Array}
 	 */
-	getOptions() {;
+	getOptions() {
 		const option = this.getInternal("option");
 
 		const options = [];
@@ -90,7 +90,7 @@ class Settings extends Base {
 	 * @param options
 	 * @returns {Settings}
 	 */
-	setOptions(options) {;
+	setOptions(options) {
 		for (const key in options) {
 			this.set(options[key]);
 		}
@@ -101,7 +101,7 @@ class Settings extends Base {
 	 *
 	 * @returns {Array}
 	 */
-	getSelected() {;
+	getSelected() {
 		const option = this.getInternal("option");
 
 		const selectedValues = [];

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,7 +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 +279,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 +292,7 @@ function initOptionsFromArguments() {;
 /**
  * @private
  */
-function handleDataSourceChanges() {;
+function handleDataSourceChanges() {
 	let pagination;
 
 	if (!this[datasourceLinkedElementSymbol]) {
@@ -328,7 +328,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;

source/components/datatable/stylesheet/datasource.mjs

-
 /**
  * Copyright schukai GmbH and contributors 2023. All Rights Reserved.
  * Node module: @schukai/monster
@@ -9,7 +8,7 @@
 import { addAttributeToken } from "../../../dom/attributes.mjs";
 import { ATTRIBUTE_ERRORMESSAGE } from "../../../dom/constants.mjs";
 
-export {DatasourceStyleSheet}
+export { DatasourceStyleSheet };
 
 /**
  * @private
@@ -18,10 +17,17 @@ export {DatasourceStyleSheet}
 const DatasourceStyleSheet = new CSSStyleSheet();
 
 try {
-  DatasourceStyleSheet.insertRule(`
+	DatasourceStyleSheet.insertRule(
+		`
 @layer datasource { 
 :host{display:none}:host(.intersection-observer){display:block;height:1px;overflow:hidden;width:1px} 
-}`, 0);
+}`,
+		0,
+	);
 } catch (e) {
-  addAttributeToken(document.getRootNode().querySelector('html'), ATTRIBUTE_ERRORMESSAGE, e + "");
+	addAttributeToken(
+		document.getRootNode().querySelector("html"),
+		ATTRIBUTE_ERRORMESSAGE,
+		e + "",
+	);
 }

source/components/datatable/stylesheet/embedded-pagination.mjs

-
 /**
  * Copyright schukai GmbH and contributors 2023. All Rights Reserved.
  * Node module: @schukai/monster
@@ -9,7 +8,7 @@
 import { addAttributeToken } from "../../../dom/attributes.mjs";
 import { ATTRIBUTE_ERRORMESSAGE } from "../../../dom/constants.mjs";
 
-export {EmbeddedPaginationStyleSheet}
+export { EmbeddedPaginationStyleSheet };
 
 /**
  * @private
@@ -18,10 +17,17 @@ export {EmbeddedPaginationStyleSheet}
 const EmbeddedPaginationStyleSheet = new CSSStyleSheet();
 
 try {
-  EmbeddedPaginationStyleSheet.insertRule(`
+	EmbeddedPaginationStyleSheet.insertRule(
+		`
 @layer embeddedpagination { 
 :where(html){line-height:1.15}:where(h1){font-size:2em;margin-block-end:.67em;margin-block-start:.67em}:where(dl,ol,ul) :where(dl,ol,ul){margin-block-end:0;margin-block-start:0}:where(hr){box-sizing:content-box;color:inherit;height:0}:where(pre){font-family:monospace,monospace;font-size:1em}:where(abbr[title]){text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}:where(b,strong){font-weight:bolder}:where(code,kbd,samp){font-family:monospace,monospace;font-size:1em}:where(small){font-size:80%}:where(table){border-color:currentColor;text-indent:0}:where(button,input,select){margin:0}:where(button){text-transform:none}:where(button,input:is([type=button i],[type=reset i],[type=submit i])){-webkit-appearance:button}:where(progress){vertical-align:baseline}:where(select){text-transform:none}:where(textarea){margin:0}:where(input[type=search i]){-webkit-appearance:textfield;outline-offset:-2px}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}:where(button,input:is([type=button i],[type=color i],[type=reset i],[type=submit i]))::-moz-focus-inner{border-style:none;padding:0}:where(button,input:is([type=button i],[type=color i],[type=reset i],[type=submit i]))::-moz-focusring{outline:1px dotted ButtonText}:where(:-moz-ui-invalid){box-shadow:none}:where(dialog){background-color:#fff;border:solid;color:#000;height:-moz-fit-content;height:fit-content;left:0;margin:auto;padding:1em;position:absolute;right:0;width:-moz-fit-content;width:fit-content}:where(dialog:not([open])){display:none}:where(summary){display:list-item}html{height:100%;min-height:100%}body{box-sizing:border-box;margin:0;min-height:99%;padding:0;word-break:break-word}.block{display:block}.inline{display:inline}.inline-block{display:inline-block}.grid{display:grid}.inline-grid{display:inline-grid}.flex{display:flex}.inline-flex{display:inline-flex}.hidden,.hide,.none{display:none}.visible{visibility:visible}.invisible{visibility:hidden}[data-monster-role=control]{outline:none;width:100%}[data-monster-role=control].flex{align-items:center;display:flex;flex-direction:row}:after,:before,:root{--monster-font-family:-apple-system,BlinkMacSystemFont,\"Quicksand\",\"Segoe UI\",\"Roboto\",\"Oxygen\",\"Ubuntu\",\"Cantarell\",\"Fira Sans\",\"Droid Sans\",\"Helvetica Neue\",Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\";--monster-color-primary-1:var(--monster-color-gray-6);--monster-color-primary-2:var(--monster-color-gray-6);--monster-color-primary-3:var(--monster-color-gray-1);--monster-color-primary-4:var(--monster-color-gray-1);--monster-bg-color-primary-1:var(--monster-color-gray-1);--monster-bg-color-primary-2:var(--monster-color-gray-2);--monster-bg-color-primary-3:var(--monster-color-gray-3);--monster-bg-color-primary-4:var(--monster-color-gray-6);--monster-color-secondary-1:var(--monster-color-red-4);--monster-color-secondary-2:var(--monster-color-red-4);--monster-color-secondary-3:var(--monster-color-red-1);--monster-color-secondary-4:var(--monster-color-red-1);--monster-bg-color-secondary-1:var(--monster-color-gray-1);--monster-bg-color-secondary-2:var(--monster-color-red-2);--monster-bg-color-secondary-3:var(--monster-color-red-3);--monster-bg-color-secondary-4:var(--monster-color-red-6);--monster-color-tertiary-1:var(--monster-color-magenta-4);--monster-color-tertiary-2:var(--monster-color-magenta-4);--monster-color-tertiary-3:var(--monster-color-magenta-6);--monster-color-tertiary-4:var(--monster-color-magenta-1);--monster-bg-color-tertiary-1:var(--monster-color-gray-1);--monster-bg-color-tertiary-2:var(--monster-color-magenta-1);--monster-bg-color-tertiary-3:var(--monster-color-magenta-2);--monster-bg-color-tertiary-4:var(--monster-color-magenta-6);--monster-color-destructive-1:var(--monster-color-red-1);--monster-color-destructive-2:var(--monster-color-red-4);--monster-color-destructive-3:var(--monster-color-red-6);--monster-color-destructive-4:var(--monster-color-red-1);--monster-bg-color-destructive-1:var(--monster-color-red-4);--monster-bg-color-destructive-2:var(--monster-color-gray-1);--monster-bg-color-destructive-3:var(--monster-color-red-2);--monster-bg-color-destructive-4:var(--monster-color-red-5);--monster-color-success-1:var(--monster-color-green-1);--monster-color-success-2:var(--monster-color-green-4);--monster-color-success-3:var(--monster-color-green-6);--monster-color-success-4:var(--monster-color-green-1);--monster-bg-color-success-1:var(--monster-color-green-3);--monster-bg-color-success-2:var(--monster-color-gray-1);--monster-bg-color-success-3:var(--monster-color-green-2);--monster-bg-color-success-4:var(--monster-color-green-5);--monster-color-warning-1:var(--monster-color-orange-1);--monster-color-warning-2:var(--monster-color-orange-4);--monster-color-warning-3:var(--monster-color-orange-6);--monster-color-warning-4:var(--monster-color-orange-1);--monster-bg-color-warning-1:var(--monster-color-orange-3);--monster-bg-color-warning-2:var(--monster-color-gray-1);--monster-bg-color-warning-3:var(--monster-color-orange-2);--monster-bg-color-warning-4:var(--monster-color-orange-5);--monster-color-error-1:var(--monster-color-red-1);--monster-color-error-2:var(--monster-color-red-4);--monster-color-error-3:var(--monster-color-red-6);--monster-color-error-4:var(--monster-color-red-1);--monster-bg-color-error-1:var(--monster-color-red-4);--monster-bg-color-error-2:var(--monster-color-gray-1);--monster-bg-color-error-3:var(--monster-color-red-2);--monster-bg-color-error-4:var(--monster-color-red-5);--monster-color-selection-1:var(--monster-color-gray-6);--monster-color-selection-2:var(--monster-color-gray-6);--monster-color-selection-3:var(--monster-color-gray-6);--monster-color-selection-4:var(--monster-color-gray-1);--monster-bg-color-selection-1:var(--monster-color-yellow-2);--monster-bg-color-selection-2:var(--monster-color-yellow-1);--monster-bg-color-selection-3:var(--monster-color-yellow-2);--monster-bg-color-selection-4:var(--monster-color-yellow-6);--monster-color-primary-disabled-1:var(--monster-color-gray-3);--monster-color-primary-disabled-2:var(--monster-color-gray-1);--monster-color-primary-disabled-3:var(--monster-color-gray-4);--monster-color-primary-disabled-4:var(--monster-color-gray-4);--monster-bg-color-primary-disabled-1:var(--monster-color-gray-1);--monster-bg-color-primary-disabled-2:var(--monster-color-gray-2);--monster-bg-color-primary-disabled-3:var(--monster-color-gray-3);--monster-bg-color-primary-disabled-4:var(--monster-color-gray-6);--monster-color-gradient-1:#833ab4;--monster-color-gradient-2:#fd1d1d;--monster-color-gradient-3:#fcb045;--monster-box-shadow-1:none;--monster-box-shadow-2:-1px 1px 10px 1px hsla(0,0%,76%,.61);--monster-text-shadow:none;--monster-border-style:solid;--monster-border-width:2px;--monster-border-radius:0;--monster-popper-witharrrow-distance:-4px;--monster-z-index-default:0;--monster-z-index-outline:10;--monster-z-index-dropdown:200;--monster-z-index-dropdown-overlay:210;--monster-z-index-sticky:300;--monster-z-index-sticky-overlay:310;--monster-z-index-fixed:400;--monster-z-index-fixed-overlay:410;--monster-z-index-modal-backdrop:500;--monster-z-index-modal-backdrop-overlay:510;--monster-z-index-offcanvas:600;--monster-z-index-offcanvas-overlay:610;--monster-z-index-modal:700;--monster-z-index-modal-overlay:710;--monster-z-index-popover:800;--monster-z-index-popover-overlay:810;--monster-z-index-tooltip:800;--monster-z-index-tooltip-overlay:910;--monster-space-0:0;--monster-space-1:2px;--monster-space-2:4px;--monster-space-3:6px;--monster-space-4:10px;--monster-space-5:16px;--monster-space-6:26px;--monster-space-7:42px;--monster-breakpoint-0:480px;--monster-breakpoint-4:480px;--monster-breakpoint-7:768px;--monster-breakpoint-9:992px;--monster-breakpoint-12:1200px}@media (prefers-color-scheme:dark){:after,:before,:root{--monster-color-primary-1:var(--monster-color-gray-1);--monster-color-primary-2:var(--monster-color-gray-1);--monster-color-primary-3:var(--monster-color-gray-6);--monster-color-primary-4:var(--monster-color-gray-6);--monster-bg-color-primary-1:var(--monster-color-gray-6);--monster-bg-color-primary-2:var(--monster-color-gray-3);--monster-bg-color-primary-3:var(--monster-color-gray-2);--monster-bg-color-primary-4:var(--monster-color-gray-1);--monster-color-secondary-1:var(--monster-color-red-1);--monster-color-secondary-2:var(--monster-color-red-1);--monster-color-secondary-3:var(--monster-color-red-6);--monster-color-secondary-4:var(--monster-color-red-4);--monster-bg-color-secondary-1:var(--monster-color-gray-6);--monster-bg-color-secondary-2:var(--monster-color-red-3);--monster-bg-color-secondary-3:var(--monster-color-red-2);--monster-bg-color-secondary-4:var(--monster-color-red-1);--monster-color-tertiary-1:var(--monster-color-magenta-1);--monster-color-tertiary-2:var(--monster-color-magenta-6);--monster-color-tertiary-3:var(--monster-color-magenta-4);--monster-color-tertiary-4:var(--monster-color-magenta-4);--monster-bg-color-tertiary-1:var(--monster-color-gray-6);--monster-bg-color-tertiary-2:var(--monster-color-magenta-2);--monster-bg-color-tertiary-3:var(--monster-color-magenta-1);--monster-bg-color-tertiary-4:var(--monster-color-magenta-1);--monster-color-destructive-1:var(--monster-color-red-1);--monster-color-destructive-2:var(--monster-color-red-3);--monster-color-destructive-3:var(--monster-color-red-4);--monster-color-destructive-4:var(--monster-color-red-1);--monster-bg-color-destructive-1:var(--monster-color-red-5);--monster-bg-color-destructive-2:var(--monster-color-gray-6);--monster-bg-color-destructive-3:var(--monster-color-red-1);--monster-bg-color-destructive-4:var(--monster-color-red-4);--monster-color-success-1:var(--monster-color-green-1);--monster-color-success-2:var(--monster-color-green-2);--monster-color-success-3:var(--monster-color-green-4);--monster-color-success-4:var(--monster-color-green-1);--monster-bg-color-success-1:var(--monster-color-green-5);--monster-bg-color-success-2:var(--monster-color-gray-6);--monster-bg-color-success-3:var(--monster-color-green-1);--monster-bg-color-success-4:var(--monster-color-green-3);--monster-color-warning-1:var(--monster-color-orange-1);--monster-color-warning-2:var(--monster-color-orange-3);--monster-color-warning-3:var(--monster-color-orange-4);--monster-color-warning-4:var(--monster-color-orange-1);--monster-bg-color-warning-1:var(--monster-color-orange-5);--monster-bg-color-warning-2:var(--monster-color-gray-6);--monster-bg-color-warning-3:var(--monster-color-orange-1);--monster-bg-color-warning-4:var(--monster-color-orange-3);--monster-color-error-1:var(--monster-color-red-1);--monster-color-error-2:var(--monster-color-red-3);--monster-color-error-3:var(--monster-color-red-4);--monster-color-error-4:var(--monster-color-red-1);--monster-bg-color-error-1:var(--monster-color-red-5);--monster-bg-color-error-2:var(--monster-color-gray-6);--monster-bg-color-error-3:var(--monster-color-red-1);--monster-bg-color-error-4:var(--monster-color-red-4);--monster-color-selection-1:var(--monster-color-gray-6);--monster-color-selection-2:var(--monster-color-gray-6);--monster-color-selection-3:var(--monster-color-gray-6);--monster-color-selection-4:var(--monster-color-gray-1);--monster-bg-color-selection-1:var(--monster-color-yellow-2);--monster-bg-color-selection-2:var(--monster-color-yellow-1);--monster-bg-color-selection-3:var(--monster-color-yellow-2);--monster-bg-color-selection-4:var(--monster-color-yellow-6);--monster-color-primary-disabled-1:var(--monster-color-gray-4);--monster-color-primary-disabled-2:var(--monster-color-gray-4);--monster-color-primary-disabled-3:var(--monster-color-gray-3);--monster-color-primary-disabled-4:var(--monster-color-gray-3);--monster-bg-color-primary-disabled-1:var(--monster-color-gray-6);--monster-bg-color-primary-disabled-2:var(--monster-color-gray-3);--monster-bg-color-primary-disabled-3:var(--monster-color-gray-2);--monster-bg-color-primary-disabled-4:var(--monster-color-gray-1)}}[data-monster-role=pagination]{box-sizing:border-box;display:flex;font-size:1rem;font-weight:400;justify-content:center;line-height:1.4}[data-monster-role=pagination] ul{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;list-style:none;margin:20px 0;padding-left:0}[data-monster-role=pagination] ul li{border-left:1px solid #000;margin:0;padding:0 10px}[data-monster-role=pagination] ul li a,[data-monster-role=pagination] ul li a:active,[data-monster-role=pagination] ul li a:focus,[data-monster-role=pagination] ul li a:hover,[data-monster-role=pagination] ul li a:link,[data-monster-role=pagination] ul li a:visited{background-color:var(--monster-bg-color-primary-2);color:var(--monster-color-primary-2);outline:none;padding:0 .4rem;text-decoration:none;width:-moz-max-content;width:max-content}[data-monster-role=pagination] ul li a:active,[data-monster-role=pagination] ul li a:focus,[data-monster-role=pagination] ul li a:hover{outline:none}[data-monster-role=pagination] ul li a:focus{outline:1px dashed var(--monster-color-selection-4);outline-offset:2px}@media (prefers-color-scheme:light){[data-monster-role=pagination] ul li a:focus{outline:1px dashed var(--monster-color-selection-3);outline-offset:2px}}[data-monster-role=pagination] ul li a.current{background-color:var(--monster-bg-color-primary-3);color:var(--monster-color-primary-3);cursor:unset}[data-monster-role=pagination] ul li a.disabled{cursor:not-allowed}[data-monster-role=pagination] ul li:first-child{border-left:none}@media (max-width:768px){[data-monster-role=pagination] ul li{padding:0 2px}[data-monster-role=pagination] ul li:first-child,[data-monster-role=pagination] ul li:nth-child(2){display:none}[data-monster-role=pagination] ul li:nth-child(3){border-left:none}} 
-}`, 0);
+}`,
+		0,
+	);
 } catch (e) {
-  addAttributeToken(document.getRootNode().querySelector('html'), ATTRIBUTE_ERRORMESSAGE, e + "");
+	addAttributeToken(
+		document.getRootNode().querySelector("html"),
+		ATTRIBUTE_ERRORMESSAGE,
+		e + "",
+	);
 }

source/components/datatable/stylesheet/filter-button.mjs

-
 /**
  * Copyright schukai GmbH and contributors 2023. All Rights Reserved.
  * Node module: @schukai/monster
@@ -9,7 +8,7 @@
 import { addAttributeToken } from "../../../dom/attributes.mjs";
 import { ATTRIBUTE_ERRORMESSAGE } from "../../../dom/constants.mjs";
 
-export {FilterButtonStyleSheet}
+export { FilterButtonStyleSheet };
 
 /**
  * @private
@@ -18,10 +17,17 @@ export {FilterButtonStyleSheet}
 const FilterButtonStyleSheet = new CSSStyleSheet();
 
 try {
-  FilterButtonStyleSheet.insertRule(`
+	FilterButtonStyleSheet.insertRule(
+		`
 @layer filterbutton { 
 :host{display:flex}[data-monster-role=control] a{align-items:center;background:none;color:var(--monster-color-primary-1);display:flex}[data-monster-role=control] a:after{content:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-filter-square'%3E%3Cpath d='M14 1a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h12zM2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2z'/%3E%3Cpath d='M6 11.5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 0 1h-3a.5.5 0 0 1-.5-.5zm-2-3a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5zm-2-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E\");margin:2px 3px 0 5px;padding-top:4px} 
-}`, 0);
+}`,
+		0,
+	);
 } catch (e) {
-  addAttributeToken(document.getRootNode().querySelector('html'), ATTRIBUTE_ERRORMESSAGE, e + "");
+	addAttributeToken(
+		document.getRootNode().querySelector("html"),
+		ATTRIBUTE_ERRORMESSAGE,
+		e + "",
+	);
 }

source/components/datatable/stylesheet/filter-controls-defaults.mjs

-
 /**
  * Copyright schukai GmbH and contributors 2023. All Rights Reserved.
  * Node module: @schukai/monster
@@ -9,7 +8,7 @@
 import { addAttributeToken } from "../../../dom/attributes.mjs";
 import { ATTRIBUTE_ERRORMESSAGE } from "../../../dom/constants.mjs";
 
-export {FilterControlsDefaultsStyleSheet}
+export { FilterControlsDefaultsStyleSheet };
 
 /**
  * @private
@@ -18,10 +17,17 @@ export {FilterControlsDefaultsStyleSheet}
 const FilterControlsDefaultsStyleSheet = new CSSStyleSheet();
 
 try {
-  FilterControlsDefaultsStyleSheet.insertRule(`
+	FilterControlsDefaultsStyleSheet.insertRule(
+		`
 @layer filtercontrolsdefaults { 
 [data-monster-role=control]{outline:none;width:100%}[data-monster-role=control].flex{align-items:center;display:flex;flex-direction:row}div[data-monster-role=popper]{align-content:center;background:var(--monster-bg-color-primary-1);border-color:var(--monster-bg-color-primary-4);border-radius:var(--monster-border-radius);border-style:var(--monster-border-style);border-width:var(--monster-border-width);box-shadow:var(--monster-box-shadow-1);box-sizing:border-box;color:var(--monster-color-primary-1);display:none;justify-content:space-between;left:0;padding:1.1em;position:absolute;top:0;width:-moz-max-content;width:max-content;z-index:var(--monster-z-index-modal)}div[data-monster-role=popper] div[data-monster-role=arrow]{background:var(--monster-bg-color-primary-1);height:calc(max(var(--monster-popper-witharrrow-distance), -1 * var(--monster-popper-witharrrow-distance))*2);pointer-events:none;position:absolute;width:calc(max(var(--monster-popper-witharrrow-distance), -1 * var(--monster-popper-witharrrow-distance))*2);z-index:-1}div[data-monster-role=control]{display:flex;height:100%;position:relative}div[data-monster-role=control] .form-container{margin:0 auto;max-width:600px}div[data-monster-role=control] .form-container .form-group{margin-bottom:.2rem}div[data-monster-role=control] .form-container .form-group input[type=number]{text-align:right;width:5rem}div[data-monster-role=control] .form-container .form-group input[type=number]::-webkit-inner-spin-button,div[data-monster-role=control] .form-container .form-group input[type=number]::-webkit-outer-spin-button{margin-left:10px}div[data-monster-role=control] .form-container .form-group input[type=radio]{accent-color:var(--monster-bg-color-primary-3)}[data-monster-role=popper]{position:absolute} 
-}`, 0);
+}`,
+		0,
+	);
 } catch (e) {
-  addAttributeToken(document.getRootNode().querySelector('html'), ATTRIBUTE_ERRORMESSAGE, e + "");
+	addAttributeToken(
+		document.getRootNode().querySelector("html"),
+		ATTRIBUTE_ERRORMESSAGE,
+		e + "",
+	);
 }