@schukai/monster 3.96.1 → 3.96.2

package/CHANGELOG.md

@@ -2,6 +2,14 @@
 
 
 
+## [3.96.2] - 2024-12-31
+
+### Bug Fixes
+
+- update small things ....
+
+
+
 ## [3.96.1] - 2024-12-30
 
 ### Bug Fixes
@@ -19,15 +27,16 @@
 ### Add Features
 
 - **tabs:** add auto open feature [#273](https://gitlab.schukai.com/oss/libraries/javascript/monster/issues/273)
+
 ### Bug Fixes
 
 - the form tests are outdated
+
 ### Changes
 
 - update project
 
 
-
 ## [3.95.2] - 2024-12-28
 
 ### Bug Fixes
@@ -35,7 +44,6 @@
 - datatable, datasource optimisation [#272](https://gitlab.schukai.com/oss/libraries/javascript/monster/issues/272)
 
 
-
 ## [3.95.1] - 2024-12-23
 
 ### Bug Fixes
@@ -43,7 +51,6 @@
 - check rendering [#271](https://gitlab.schukai.com/oss/libraries/javascript/monster/issues/271)
 
 
-
 ## [3.95.0] - 2024-12-23
 
 ### Add Features
@@ -51,7 +58,6 @@
 - **log:** set direction
 
 
-
 ## [3.94.1] - 2024-12-22
 
 ### Bug Fixes
@@ -59,7 +65,6 @@
 - **log:** optimize layout [#270](https://gitlab.schukai.com/oss/libraries/javascript/monster/issues/270)
 
 
-
 ## [3.94.0] - 2024-12-22
 
 ### Add Features

package/package.json

@@ -1 +1 @@
-{"author":"schukai GmbH","dependencies":{"@floating-ui/dom":"^1.6.12","@popperjs/core":"^2.11.8"},"description":"Monster is a simple library for creating fast, robust and lightweight websites.","homepage":"https://monsterjs.org/","keywords":["framework","web","dom","css","sass","mobile-first","app","front-end","templates","schukai","core","shopcloud","alvine","monster","buildmap","stack","observer","observable","uuid","node","nodelist","css-in-js","logger","log","theme"],"license":"AGPL 3.0","main":"source/monster.mjs","module":"source/monster.mjs","name":"@schukai/monster","repository":{"type":"git","url":"https://gitlab.schukai.com/oss/libraries/javascript/monster.git"},"type":"module","version":"3.96.1"}
+{"author":"schukai GmbH","dependencies":{"@floating-ui/dom":"^1.6.12","@popperjs/core":"^2.11.8"},"description":"Monster is a simple library for creating fast, robust and lightweight websites.","homepage":"https://monsterjs.org/","keywords":["framework","web","dom","css","sass","mobile-first","app","front-end","templates","schukai","core","shopcloud","alvine","monster","buildmap","stack","observer","observable","uuid","node","nodelist","css-in-js","logger","log","theme"],"license":"AGPL 3.0","main":"source/monster.mjs","module":"source/monster.mjs","name":"@schukai/monster","repository":{"type":"git","url":"https://gitlab.schukai.com/oss/libraries/javascript/monster.git"},"type":"module","version":"3.96.2"}

package/source/components/datatable/change-button.mjs

@@ -47,42 +47,16 @@ const datasetLinkedElementSymbol = Symbol("datasetLinkedElement");
 const overlayLinkedElementSymbol = Symbol("overlayLinkedElement");
 
 /**
- * The ColumnBar component is used to show and configure the columns of a datatable.
+ * The change button component is used to change the data of a dataset.
  *
- * <img src="./images/change-button.png">
+ * @fragments /fragments/components/datatable/change-button/
  *
- * You can create this control either by specifying the HTML tag <monster-datatable-change-button />` directly in the HTML or using
- * Javascript via the `document.createElement('monster-datatable-change-button');` method.
+ * @example /examples/components/datatable/change-button-simple Simple change button
  *
- * ```html
- * <monster-datatable-change-button></monster-datatable-change-button>
- * ```
- *
- * Or you can create this CustomControl directly in Javascript:
- *
- * ```js
- * import '@schukai/monster/components/datatable/change-button.mjs';
- * document.createElement('monster-datatable-change-button');
- * ```
- *
- * The Body should have a class "hidden" to ensure that the
- * styles are applied correctly.
- *
- * ```css
- * body.hidden {
- *    visibility: hidden;
- * }
- * ```
- *
- * @startuml change-button.png
- * skinparam monochrome true
- * skinparam shadowing false
- * HTMLElement <|-- CustomElement
- * CustomElement <|-- ChangeButton
- * @enduml
+ * @issue https://localhost.alvine.dev:8443/development/issues/closed/274.html
  *
  * @copyright schukai GmbH
- * @summary A data set
+ * @summary The Status component is used to show the current status of a datasource.
  */
 class ChangeButton extends CustomElement {
 	/**
@@ -179,7 +153,16 @@ class ChangeButton extends CustomElement {
 
 /**
  * @private
- * @return {Monster.Components.Datatable.Form}
+ * @return {ChangeButton}
+ * @throws {Error} no shadow-root is defined
+ * @throws {TypeError} the element must be a dataset
+ * @throws {Error} the selector must match exactly one element
+ * @throws {TypeError} the element must be a overlay
+ * @throws {Error} the selector must match exactly one element
+ * @throws {Error} no reference found
+ * @throws {Error} reference is missing or empty
+ * @throws {Error} index is not a number
+ * @throws {TypeError} this must be a HTMLElement
  */
 function initControlReferences() {
 	if (!this.shadowRoot) {
@@ -244,15 +227,21 @@ function initControlReferences() {
 	return this;
 }
 
+/**
+ * @private
+ * @returns {number}
+ * @throws {TypeError}
+ * @throws {Error}
+ */
 function getIndex() {
 	if (!(this instanceof HTMLElement)) {
-		return;
+		throw new TypeError("this must be a HTMLElement");
 	}
 
 	const row = this.closest("[data-monster-insert-reference]");
 	if (!row) {
 		addAttributeToken(this, ATTRIBUTE_ERRORMESSAGE, "no reference found");
-		return;
+		throw new Error("no reference found");
 	}
 
 	const ref = row.getAttribute("data-monster-insert-reference");
@@ -262,12 +251,12 @@ function getIndex() {
 			ATTRIBUTE_ERRORMESSAGE,
 			"reference is missing or empty",
 		);
-		return;
+		throw new Error("reference is missing or empty");
 	}
 
 	const index = Number(ref.split("-").pop());
 	if (isNaN(index)) {
-		return;
+		throw new Error("index is not a number");
 	}
 
 	return index;
@@ -279,17 +268,26 @@ function getIndex() {
 function initEventHandler() {
 	queueMicrotask(() => {
 		this[stateButtonElementSymbol].setOption("actions.click", () => {
-			const index = getIndex.call(this);
-
-			if (!isNaN(index)) {
-				this[datasetLinkedElementSymbol].setOption("mapping.index", index);
-				this[overlayLinkedElementSymbol].open();
+			try {
+				const index = getIndex.call(this);
+
+				if (!isNaN(index)) {
+					this[datasetLinkedElementSymbol].setOption("mapping.index", index);
+					this[overlayLinkedElementSymbol].open();
+				}
+			} catch (error) {
+				addAttributeToken(
+					this,
+					ATTRIBUTE_ERRORMESSAGE,
+					error.message || `${error}`,
+				);
 			}
 		});
 	});
 }
 
 /**
+ * @private
  * @param {Object} options
  */
 function updateOptionsFromArguments(options) {