@schukai/monster 3.96.0 → 3.96.1

package/CHANGELOG.md

@@ -2,6 +2,18 @@
 
 
 
+## [3.96.1] - 2024-12-30
+
+### Bug Fixes
+
+- **monster-toggle-switch:** bouncing effekt [#274](https://gitlab.schukai.com/oss/libraries/javascript/monster/issues/274)
+- **toggle-switch:** repair test [#274](https://gitlab.schukai.com/oss/libraries/javascript/monster/issues/274)
+### Changes
+
+- update doc, small issues, etc [#274](https://gitlab.schukai.com/oss/libraries/javascript/monster/issues/274)
+
+
+
 ## [3.96.0] - 2024-12-29
 
 ### 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.0"}
+{"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"}

package/source/components/content/copy.mjs

@@ -84,7 +84,7 @@ const resizeObserverSymbol = Symbol("resizeObserver");
  *
  * @fragments /fragments/components/content/copy/
  *
- * @example /examples/components/content/copy-simple
+ * @example /examples/components/content/copy-simple Copy
  *
  * @since 3.77.0
  * @copyright schukai GmbH

package/source/components/datatable/dataset.mjs

@@ -20,7 +20,7 @@ import {
     attributeObserverSymbol,
     registerCustomElement,
 } from "../../dom/customelement.mjs";
-import {findElementWithSelectorUpwards} from "../../dom/util.mjs";
+import {findElementWithSelectorUpwards, getDocument, getWindow} from "../../dom/util.mjs";
 import {isString} from "../../types/is.mjs";
 import {Observer} from "../../types/observer.mjs";
 import {
@@ -42,8 +42,8 @@ export {DataSet};
  *
  * @fragments /fragments/components/datatable/dataset
  *
- * @example /examples/components/datatable/dataset-dom
- * @example /examples/components/datatable/dataset-rest
+ * @example /examples/components/datatable/dataset-dom Dom dataset
+ * @example /examples/components/datatable/dataset-rest Rest dataset
  *
  * @issue https://localhost.alvine.dev:8443/development/issues/closed/272.html
  *
@@ -56,7 +56,7 @@ class DataSet extends CustomElement {
      * @return {symbol}
      */
     static get [instanceSymbol]() {
-        return Symbol.for("@schukai/monster/components/dataset@@instance");
+        return Symbol.for("@schukai/monster/components/datatable/dataset@@instance");
     }
 
     /**
@@ -118,7 +118,7 @@ class DataSet extends CustomElement {
              * @type {boolean}
              */
             refreshOnMutation: {
-                selector: "input, select, textarea",
+                selector: "input, select, textarea, monster-select, monster-toggle-switch",
             },
 
             data: {},
@@ -139,12 +139,12 @@ class DataSet extends CustomElement {
     /**
      * This method is called when the component is created.
      * @since 3.70.0
-     * @return {DataSet}
+     * @return {Promise}
      */
     refresh() {
         // makes sure that handleDataSourceChanges is called
         this.setOption("data", {});
-        return this;
+        return Promise.resolve(this);
     }
 
     /**

package/source/components/datatable/datasource/rest.mjs

@@ -68,9 +68,9 @@ const filterObserverSymbol = Symbol("filterObserver");
  *
  * @fragments /fragments/components/datatable/datasource/rest
  *
- * @example /examples/components/datatable/datasource-rest-simple
- * @example /examples/components/datatable/datasource-rest-auto-init
- * @example /examples/components/datatable/datasource-rest-do-fetch
+ * @example /examples/components/datatable/datasource-rest-simple Simple Rest datasource
+ * @example /examples/components/datatable/datasource-rest-auto-init Auto init
+ * @example /examples/components/datatable/datasource-rest-do-fetch Rest datasource with fetch
  *
  * @issue https://localhost.alvine.dev:8443/development/issues/closed/272.html
  *

package/source/components/datatable/pagination.mjs

@@ -75,7 +75,7 @@ const debounceSizeSymbol = Symbol("debounceSize");
  *
  * @fragments /fragments/components/datatable/pagination
  *
- * @example /examples/components/datatable/pagination-simple
+ * @example /examples/components/datatable/pagination-simple Pagination
  *
  * @copyright schukai GmbH
  * @summary The Pagination component is used to show the current page and the total number of pages.

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

@@ -51,7 +51,7 @@ export { ApiBar };
  *
  * @fragments /fragments/components/form/api-bar/
  *
- * @example /examples/components/form/api-bar-simple
+ * @example /examples/components/form/api-bar-simple API Bar
  *
  * @since 3.90.0
  * @copyright schukai GmbH

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

@@ -56,7 +56,7 @@ const containerElementSymbol = Symbol("containerElement");
  *
  * @fragments /fragments/components/form/api-button/
  *
- * @example /examples/components/form/api-button-simple
+ * @example /examples/components/form/api-button-simple API Button
  *
  * @since 3.32.0
  * @copyright schukai GmbH

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

@@ -129,7 +129,7 @@ const ATTRIBUTE_POPPER_POSITION = "data-monster-popper-position";
  *
  * @fragments /fragments/components/form/button-bar/
  *
- * @example /examples/components/form/button-bar-simple
+ * @example /examples/components/form/button-bar-simple Button bar
  *
  * @copyright schukai GmbH
  * @summary This is a button bar control that can be used to display a set of buttons.

package/source/components/form/button.mjs

@@ -44,8 +44,8 @@ export const buttonElementSymbol = Symbol("buttonElement");
  *
  * @fragments /fragments/components/form/button/
  *
- * @example /examples/components/form/button-simple
- * @example /examples/components/form/button-with-click-event
+ * @example /examples/components/form/button-simple Simple Button
+ * @example /examples/components/form/button-with-click-event Button with event
  *
  * @copyright schukai GmbH
  * @summary A beautiful button that can make your life easier and also looks good.

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

@@ -93,7 +93,7 @@ const cancelButtonElementSymbol = Symbol("cancelButtonElement");
  *
  * @fragments /fragments/components/form/confirm-button/
  *
- * @example /examples/components/form/confirm-button-simple
+ * @example /examples/components/form/confirm-button-simple confirm button
  *
  * @since 1.5.0
  * @copyright schukai GmbH

package/source/components/form/form.mjs

@@ -83,7 +83,7 @@ class Form extends DataSet {
 			},
 
 			reportValidity: {
-				selector: "input,select,textarea",
+				selector: "input,select,textarea,monster-select,monster-toggle-switch",
 			},
 
 			eventProcessing: true,
@@ -130,12 +130,13 @@ class Form extends DataSet {
 	/**
 	 * This method is called when the component is created.
 	 * @since 3.70.0
-	 * @return {DataSet}
+	 * @return {Promise}
 	 */
 	refresh() {
-		this.write();
-		super.refresh();
-		return this;
+		return this.write().then(() => {
+			super.refresh();
+			return this;
+		})
 	}
 
 	/**
@@ -175,6 +176,7 @@ function initEventHandler() {
 		const events = this.getOption("writeBack.events");
 		for (const event of events) {
 			this.addEventListener(event, (e) => {
+
 				if (!this.reportValidity()) {
 					this.classList.add("invalid");
 					setTimeout(() => {