@schukai/monster 3.95.2 → 3.96.1

package/CHANGELOG.md

@@ -2,6 +2,32 @@
 
 
 
+## [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
+
+- **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

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.95.2"}
+{"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-simple
- * @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);
     }
 
     /**
@@ -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,32 +289,39 @@ function initEventHandler() {
     };
 
     if (this[datasourceLinkedElementSymbol]) {
-
         this[datasourceLinkedElementSymbol].datasource.attachObserver(
             new Observer(() => {
-                const page = this[datasourceLinkedElementSymbol]?.currentPage();
-                if (page !== null && page !== undefined && page !== "") {
-                    const index = parseInt(page, 10) - 1;
-                    this.setOption("mapping.index", index);
-                    handleDataSourceChanges.call(this);
+
+                let index = 0;
+                if (typeof this[datasourceLinkedElementSymbol]?.currentPage === "function") {
+                    const page = this[datasourceLinkedElementSymbol].currentPage();
+                    if (page !== null && page !== undefined && page !== "") {
+                        index = parseInt(page, 10) - 1;
+                    }
                 }
+
+                this.setOption("mapping.index", index);
+                handleDataSourceChanges.call(this);
             }),
         );
 
         this[datasourceLinkedElementSymbol].attachObserver(
             new Observer(() => {
-                const page = this[datasourceLinkedElementSymbol]?.currentPage();
-                if (page !== null && page !== undefined && page !== "") {
-                    const index = parseInt(page, 10) - 1;
-                    this.setOption("mapping.index", index);
-                    handleDataSourceChanges.call(this);
+                let index = 0;
+                if (typeof this[datasourceLinkedElementSymbol]?.currentPage === "function") {
+                    const page = this[datasourceLinkedElementSymbol].currentPage();
+                    if (page !== null && page !== undefined && page !== "") {
+                        index = parseInt(page, 10) - 1;
+                    }
                 }
+
+                this.setOption("mapping.index", index);
+                handleDataSourceChanges.call(this);
             }),
         );
 
         handleDataSourceChanges.call(this);
     }
-
 }
 
 /**
@@ -325,7 +329,7 @@ function initEventHandler() {
  * @param {Object} options
  */
 function updateOptionsFromArguments(options) {
-    const index = this.getAttribute(ATTRIBUTE_DATATABLE_INDEX);  // @deprecated use data-monster-option-mapping-index
+    const index = this.getAttribute(ATTRIBUTE_DATATABLE_INDEX); // @deprecated use data-monster-option-mapping-index
 
     if (index !== null && index !== undefined) {
         options.mapping.index = parseInt(index, 10);

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

@@ -72,8 +72,8 @@ class Dom extends Datasource {
 					pages: 1,
 					objectsPerPage: 10,
 					currentPage: 1,
-				}
-			}
+				},
+			},
 		});
 	}
 
@@ -92,7 +92,7 @@ class Dom extends Datasource {
 	 * @param {string} page
 	 * @return {Dom}
 	 */
-	setParameters({page}) {
+	setParameters({ page }) {
 		this.setOption("sys.pagination.currentPage", page);
 		return this;
 	}
@@ -199,14 +199,12 @@ function updateDataSource() {
 	}
 
 	// set pagination
-	this.setOption("sys.pagination.objectsPerPage", 1 );
+	this.setOption("sys.pagination.objectsPerPage", 1);
 	this.setOption("sys.pagination.pages", data.length);
 	this.setOption("sys.pagination.currentPage", 1);
 
 	/** call setter */
 	this.data = data;
-
-
 }
 
 /**