chore: update project

flake.lock

@@ -168,11 +168,11 @@
     },
     "nixpkgs_3": {
       "locked": {
-        "lastModified": 1734323986,
-        "narHash": "sha256-m/lh6hYMIWDYHCAsn81CDAiXoT3gmxXI9J987W5tZrE=",
+        "lastModified": 1735264675,
+        "narHash": "sha256-MgdXpeX2GuJbtlBrH9EdsUeWl/yXEubyvxM1G+yO4Ak=",
         "owner": "nixos",
         "repo": "nixpkgs",
-        "rev": "394571358ce82dff7411395829aa6a3aad45b907",
+        "rev": "d49da4c08359e3c39c4e27c74ac7ac9b70085966",
         "type": "github"
       },
       "original": {

source/components/datatable/dataset.mjs

@@ -42,7 +42,7 @@ export {DataSet};
  *
  * @fragments /fragments/components/datatable/dataset
  *
- * @example /examples/components/datatable/dataset-simple
+ * @example /examples/components/datatable/dataset-dom
  * @example /examples/components/datatable/dataset-rest
  *
  * @issue https://localhost.alvine.dev:8443/development/issues/closed/272.html
@@ -224,7 +224,6 @@ class DataSet extends CustomElement {
 		super[assembleMethodSymbol]();
 
 		requestAnimationFrame(() => {
-
 			if (!this[datasourceLinkedElementSymbol]) {
 				const selector = this.getOption("datasource.selector");
 
@@ -257,9 +256,7 @@ class DataSet extends CustomElement {
 			}
 
 			initEventHandler.call(this);
-
 		});
-
 	}
 
 	/**
@@ -274,8 +271,8 @@ class DataSet extends CustomElement {
  * @private
  */
 function initEventHandler() {
-
-    this[attributeObserverSymbol][ATTRIBUTE_DATATABLE_INDEX] = () => { // @deprecated use data-monster-option-mapping-index
+	this[attributeObserverSymbol][ATTRIBUTE_DATATABLE_INDEX] = () => {
+		// @deprecated use data-monster-option-mapping-index
 		const index = this.getAttribute(ATTRIBUTE_DATATABLE_INDEX);
 		if (index) {
 			this.setOption("mapping.index", parseInt(index, 10));
@@ -292,7 +289,6 @@ function initEventHandler() {
 	};
 
 	if (this[datasourceLinkedElementSymbol]) {
-
 		this[datasourceLinkedElementSymbol].datasource.attachObserver(
 			new Observer(() => {
 				const page = this[datasourceLinkedElementSymbol]?.currentPage();
@@ -317,7 +313,6 @@ function initEventHandler() {
 
 		handleDataSourceChanges.call(this);
 	}
-
 }
 
 /**

source/components/datatable/datasource.mjs

@@ -115,12 +115,4 @@ class Datasource extends CustomElement {
 	read() {
 		this[dataSourceSymbol].read();
 	}
-
-	/**
-	 * @return {int}
-	 * @throws {Error} this method must be implemented by derived classes.
-	 */
-	currentPage() {
-		throw new Error("this method must be implemented by derived classes");
-	}
 }

source/components/datatable/datasource/dom.mjs

@@ -72,8 +72,8 @@ class Dom extends Datasource {
 					pages: 1,
 					objectsPerPage: 10,
 					currentPage: 1,
-				}
-			}
+				},
+			},
 		});
 	}
 
@@ -205,8 +205,6 @@ function updateDataSource() {
 
 	/** call setter */
 	this.data = data;
-
-
 }
 
 /**

source/components/datatable/datasource/rest.mjs

@@ -387,7 +387,6 @@ class Rest extends Datasource {
 	//     return 1;
 	//
 	// }
-
 }
 
 /**
@@ -532,8 +531,7 @@ function initAutoInit() {
 	}
 
 	queueMicrotask(() => {
-        this.fetch().catch(() => {
-        });
+		this.fetch().catch(() => {});
 	});
 }
 

source/components/datatable/pagination.mjs

@@ -270,9 +270,7 @@ class Pagination extends CustomElement {
 				new Observer(handleDataSourceChanges.bind(this)),
 			);
 
-            element.attachObserver(
-                new Observer(handleDataSourceChanges.bind(this)),
-            );
+			element.attachObserver(new Observer(handleDataSourceChanges.bind(this)));
 
 			handleDataSourceChanges.call(this);
 		}
@@ -423,9 +421,7 @@ function handleDataSourceChanges() {
 		const path = mapping[key];
 
 		if (pf.exists(path)) {
-            const value = pf.getVia(
-                path,
-            );
+			const value = pf.getVia(path);
 			this.setOption(key, value);
 		}
 
@@ -433,7 +429,6 @@ function handleDataSourceChanges() {
 		if (o !== undefined && o !== null) {
 			this.setOption(key, o);
 		}
-
 	}
 
 	pagination = buildPagination.call(
@@ -458,7 +453,6 @@ function handleDataSourceChanges() {
  * @return  {object}
  */
 function buildPagination(current, max) {
-
 	current = parseInt(current, 10);
 	max = parseInt(max, 10);
 

source/components/datatable/status.mjs

@@ -88,9 +88,7 @@ class DatasourceStatus extends CustomElement {
 	 * @return {symbol}
 	 */
 	static get [instanceSymbol]() {
-		return Symbol.for(
-			"@schukai/monster/components/datatable/status@@instance",
-		);
+		return Symbol.for("@schukai/monster/components/datatable/status@@instance");
 	}
 
 	/**

source/components/datatable/util.mjs

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

source/components/form/toggle-switch.mjs

@@ -108,12 +108,8 @@ class ToggleSwitch extends CustomControl {
 				main: getTemplate(),
 			},
 			actions: {
-				on: () => {
-
-				},
-				off: () => {
-
-				},
+				on: () => {},
+				off: () => {},
 			},
 		});
 	}

source/components/layout/tabs.mjs

@@ -443,8 +443,7 @@ function showPopper() {
 		this[popperElementSymbol].style.removeProperty("visibility");
 	})
 		.run(undefined)
-        .then(() => {
-        })
+		.then(() => {})
 		.catch((e) => {
 			addAttributeToken(this, ATTRIBUTE_ERRORMESSAGE, e.message);
 		});
@@ -666,7 +665,6 @@ function initEventHandler() {
 	 * @fires monster-tab-remove
 	 */
 	this[removeTabEventHandler] = (event) => {
-
 		const element = findTargetElementFromEvent(
 			event,
 			ATTRIBUTE_ROLE,
@@ -686,19 +684,19 @@ function initEventHandler() {
 				);
 
 				let doChange = false;
-                let nextName = null
+				let nextName = null;
 				let previousName = null;
 
-                const btn = this.getOption("buttons")
+				const btn = this.getOption("buttons");
 				for (let i = 0; i < btn.standard.length; i++) {
 					if (btn.standard[i].reference === reference) {
 						if (btn.standard[i].state === "active") {
-                            doChange = i
+							doChange = i;
 							if (i < btn.standard.length - 1) {
-                                nextName = btn.standard[i + 1]?.reference
+								nextName = btn.standard[i + 1]?.reference;
 							}
 							if (i > 0) {
-                                previousName = btn.standard[i - 1]?.reference
+								previousName = btn.standard[i - 1]?.reference;
 							}
 						}
 						break;
@@ -708,9 +706,7 @@ function initEventHandler() {
 				if (reference) {
 					const container = this.querySelector(`[id=${reference}]`);
 					if (container instanceof HTMLElement) {
-
 						if (doChange) {
-
 							switch (this.getOption("features.removeBehavior")) {
 								case "auto":
 									if (nextName !== null) {
@@ -744,7 +740,6 @@ function initEventHandler() {
 						});
 					}
 				}
-
 			}
 		}
 	};
@@ -753,7 +748,6 @@ function initEventHandler() {
 	 * @param {Event} event
 	 */
 	this[changeTabEventHandler] = (event) => {
-
 		const element = findTargetElementFromEvent(event, ATTRIBUTE_ROLE, "button");
 
 		if (element instanceof HTMLButtonElement && element.disabled !== true) {
@@ -776,7 +770,6 @@ function initEventHandler() {
 		hidePopper.call(this);
 	};
 
-
 	// the order is important, because the remove must be before the change
 	this[navElementSymbol].addEventListener("touch", this[removeTabEventHandler]);
 	this[navElementSymbol].addEventListener("click", this[removeTabEventHandler]);
@@ -935,8 +928,7 @@ function initTabButtons() {
 				}
 			})
 				.run(undefined)
-                .then(() => {
-                })
+				.then(() => {})
 				.catch((e) => {
 					addAttributeToken(this, ATTRIBUTE_ERRORMESSAGE, e.message);
 				});
@@ -1028,9 +1020,7 @@ function calcBoxWidth(node) {
  * @return {Object}
  */
 function rearrangeButtons() {
-
 	getWindow().requestAnimationFrame(() => {
-
 		const standardButtons = [];
 		const popperButtons = [];
 		let sum = 0;
@@ -1063,7 +1053,6 @@ function rearrangeButtons() {
 				this[switchElementSymbol].classList.add("hidden");
 			}
 		}
-
 	});
 }
 

source/components/notify/message.mjs

@@ -108,10 +108,7 @@ class Message extends CustomElement {
 	 * @property {string} content The content of the message
 	 */
 	get defaults() {
-		return Object.assign(
-			{},
-			super.defaults,
-			{
+		return Object.assign({}, super.defaults, {
 			timeout: 6000,
 			features: {
 				close: true,
@@ -121,8 +118,7 @@ class Message extends CustomElement {
 			templates: {
 				main: getTemplate(),
 			},
-			},
-		);
+		});
 	}
 
 	/**

source/components/notify/notify.mjs

@@ -73,20 +73,16 @@ class Notify extends CustomElement {
 	 * @property {string} classes.control The control class of the notify element.
 	 */
 	get defaults() {
-		return Object.assign(
-			{},
-			super.defaults,
-			{
+		return Object.assign({}, super.defaults, {
 			orientation: "left top",
 			templates: {
 				main: getTemplate(),
 			},
 			classes: {
 				container: "",
-					control: "center"
-				}
+				control: "center",
 			},
-		);
+		});
 	}
 
 	/**

source/components/notify/stylesheet/notify.mjs

@@ -13,7 +13,7 @@
 import { addAttributeToken } from "../../../dom/attributes.mjs";
 import { ATTRIBUTE_ERRORMESSAGE } from "../../../dom/constants.mjs";
 
-export {NotifyStyleSheet}
+export { NotifyStyleSheet };
 
 /**
  * @private
@@ -22,10 +22,17 @@ export {NotifyStyleSheet}
 const NotifyStyleSheet = new CSSStyleSheet();
 
 try {
-  NotifyStyleSheet.insertRule(`
+	NotifyStyleSheet.insertRule(
+		`
 @layer notify { 
 .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}.monster-border-primary-1,.monster-border-primary-2,.monster-border-primary-3,.monster-border-primary-4{border-radius:var(--monster-border-radius);border-style:var(--monster-border-style);border-width:var(--monster-border-width)}.monster-border-0{border-radius:0;border-style:none;border-width:0}.monster-border-primary-1{border-color:var(--monster-bg-color-primary-1)}.monster-border-primary-2{border-color:var(--monster-bg-color-primary-2)}.monster-border-primary-3{border-color:var(--monster-bg-color-primary-3)}.monster-border-primary-4{border-color:var(--monster-bg-color-primary-4)}.monster-border-secondary-1,.monster-border-secondary-2,.monster-border-secondary-3,.monster-border-secondary-4{border-radius:var(--monster-border-radius);border-style:var(--monster-border-style);border-width:var(--monster-border-width)}.monster-border-secondary-1{border-color:var(--monster-bg-color-secondary-1)}.monster-border-secondary-2{border-color:var(--monster-bg-color-secondary-2)}.monster-border-secondary-3{border-color:var(--monster-bg-color-secondary-3)}.monster-border-secondary-4{border-color:var(--monster-bg-color-secondary-4)}.monster-border-tertiary-1,.monster-border-tertiary-2,.monster-border-tertiary-3,.monster-border-tertiary-4{border-radius:var(--monster-border-radius);border-style:var(--monster-border-style);border-width:var(--monster-border-width)}.monster-border-tertiary-1{border-color:var(--monster-bg-color-tertiary-1)}.monster-border-tertiary-2{border-color:var(--monster-bg-color-tertiary-2)}.monster-border-tertiary-3{border-color:var(--monster-bg-color-tertiary-3)}.monster-border-tertiary-4{border-color:var(--monster-bg-color-tertiary-4)}[data-monster-role=control]{box-sizing:border-box;outline:none;width:100%}[data-monster-role=control].flex{align-items:center;display:flex;flex-direction:row}:host{box-sizing:border-box;display:block}div[data-monster-role=control]{align-items:flex-start;border:0;box-sizing:border-box;display:flex;flex-direction:row;justify-content:space-between;margin:0;max-height:100vH;pointer-events:none;right:0;top:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:25rem;z-index:var(--monster-z-index-modal-overlay)}div[data-monster-role=control]:not(.inline){position:absolute}div[data-monster-role=control].inline{--monster-message-border-shadow:none}[data-monster-role=control][data-monster-orientation*=left]{left:0;right:auto}[data-monster-role=control][data-monster-orientation*=right]{left:auto;right:0}[data-monster-role=control][data-monster-orientation*=center]{left:50%;transform:translate(-50%)}[data-monster-role=control][data-monster-orientation*=bottom]{align-items:flex-end;bottom:0}[data-monster-role=control][data-monster-orientation*=top]{align-items:flex-start;top:0}[data-monster-role=container]{width:100%}[data-monster-role=message]{background-clip:padding-box;background-color:var(--monster-bg-color-primary-1);border-color:var(--monster-message-border-color,rgba(0,0,0,.1));border-radius:var(--monster-message-border-radius,.25rem);border-style:var(--monster-message-border-style,solid);border-width:var(--monster-message-border-width,1px);box-shadow:var(--monster-message-border-shadow,0 .5rem 1rem rgba(0,0,0,.15));color:var(--monster-color-primary-1);display:flex;font-size:.875rem;margin:var(--monster-message-margin-top,15px) var(--monster-message-margin-right,5px) var(--monster-message-margin-bottom,0) var(--monster-message-margin-left,0);max-height:200px;max-width:100%;overflow:hidden;padding:var(--monster-message-padding-top,5px) var(--monster-message-padding-right,5px) var(--monster-message-padding-bottom,5px) var(--monster-message-padding-left,5px);pointer-events:auto;position:relative;text-overflow:ellipsis;-webkit-user-select:text;-moz-user-select:text;user-select:text;width:100%}[data-monster-role=message]:first-child{margin-top:0}[data-monster-role=message].fadeout{border:0;margin-bottom:0;margin-top:0;max-height:0;padding-bottom:0;padding-top:0;transition:all .2s cubic-bezier(1,-.04,0,1.03)} 
-}`, 0);
+}`,
+		0,
+	);
 } catch (e) {
-  addAttributeToken(document.getRootNode().querySelector('html'), ATTRIBUTE_ERRORMESSAGE, e + "");
+	addAttributeToken(
+		document.getRootNode().querySelector("html"),
+		ATTRIBUTE_ERRORMESSAGE,
+		e + "",
+	);
 }

source/components/state/log.mjs

@@ -233,7 +233,7 @@ function initEventHandler() {
 
 	setInterval(() => {
 		getWindow().requestAnimationFrame(() => {
-            const timestamp = (new Date()).toTimeString();
+			const timestamp = new Date().toTimeString();
 			this.setOption("timestamp", timestamp);
 		});
 	}, this.getOption("updateFrequency"));

source/components/state/stylesheet/log.mjs

@@ -13,7 +13,7 @@
 import { addAttributeToken } from "../../../dom/attributes.mjs";
 import { ATTRIBUTE_ERRORMESSAGE } from "../../../dom/constants.mjs";
 
-export {LogStyleSheet}
+export { LogStyleSheet };
 
 /**
  * @private
@@ -22,10 +22,17 @@ export {LogStyleSheet}
 const LogStyleSheet = new CSSStyleSheet();
 
 try {
-  LogStyleSheet.insertRule(`
+	LogStyleSheet.insertRule(
+		`
 @layer log { 
 [data-monster-role=control]{box-sizing:border-box;outline:none;width:100%}[data-monster-role=control].flex{align-items:center;display:flex;flex-direction:row}:host{box-sizing:border-box;display:block}.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}.monster-border-primary-1,.monster-border-primary-2,.monster-border-primary-3,.monster-border-primary-4{border-radius:var(--monster-border-radius);border-style:var(--monster-border-style);border-width:var(--monster-border-width)}.monster-border-0{border-radius:0;border-style:none;border-width:0}.monster-border-primary-1{border-color:var(--monster-bg-color-primary-1)}.monster-border-primary-2{border-color:var(--monster-bg-color-primary-2)}.monster-border-primary-3{border-color:var(--monster-bg-color-primary-3)}.monster-border-primary-4{border-color:var(--monster-bg-color-primary-4)}.monster-border-secondary-1,.monster-border-secondary-2,.monster-border-secondary-3,.monster-border-secondary-4{border-radius:var(--monster-border-radius);border-style:var(--monster-border-style);border-width:var(--monster-border-width)}.monster-border-secondary-1{border-color:var(--monster-bg-color-secondary-1)}.monster-border-secondary-2{border-color:var(--monster-bg-color-secondary-2)}.monster-border-secondary-3{border-color:var(--monster-bg-color-secondary-3)}.monster-border-secondary-4{border-color:var(--monster-bg-color-secondary-4)}.monster-border-tertiary-1,.monster-border-tertiary-2,.monster-border-tertiary-3,.monster-border-tertiary-4{border-radius:var(--monster-border-radius);border-style:var(--monster-border-style);border-width:var(--monster-border-width)}.monster-border-tertiary-1{border-color:var(--monster-bg-color-tertiary-1)}.monster-border-tertiary-2{border-color:var(--monster-bg-color-tertiary-2)}.monster-border-tertiary-3{border-color:var(--monster-bg-color-tertiary-3)}.monster-border-tertiary-4{border-color:var(--monster-bg-color-tertiary-4)}[data-monster-role=entries]{align-items:flex-start;border:0;box-sizing:border-box;display:flex;flex-direction:column;margin:0;padding:0;position:relative}[data-monster-role=entries] ul{list-style-type:none;margin:0;padding:0 0 0 1.8rem;width:100%}[data-monster-role=entries] ul:before{border-left:1px dotted var(--monster-bg-color-primary-3);bottom:0;content:\"\";display:block;height:100%;left:1rem;position:absolute;top:0;width:2px}[data-monster-role=entries] ul li{background-color:var(--monster-bg-color-primary-1);color:var(--monster-color-primary-1);margin:0;padding:.35rem .3rem;position:relative}:is([data-monster-role=entries] ul li) .title{font-stretch:expanded;font-weight:bolder}:is([data-monster-role=entries] ul li) .title:before{content:\"—\";font-weight:400;margin-right:.3rem}[data-monster-role=entries] ul li:before{background:var(--monster-bg-color-primary-3);border:1px solid var(--monster-color-primary-2);border-radius:50%;box-sizing:border-box;content:\"\";height:6px;left:calc(-1rem + 1.25px);position:absolute;top:.85rem;width:6px} 
-}`, 0);
+}`,
+		0,
+	);
 } catch (e) {
-  addAttributeToken(document.getRootNode().querySelector('html'), ATTRIBUTE_ERRORMESSAGE, e + "");
+	addAttributeToken(
+		document.getRootNode().querySelector("html"),
+		ATTRIBUTE_ERRORMESSAGE,
+		e + "",
+	);
 }

source/data/datasource/server/restapi.mjs

@@ -185,7 +185,6 @@ class RestAPI extends Server {
 		api.setOption("write", write);
 
 		return api;
-
 	}
 }
 

source/data/transformer.mjs

@@ -891,6 +891,3 @@ function evaluateCondition(value) {
 		value === true
 	);
 }
-
-
-