@schukai/monster 3.108.5 → 3.109.0

package/CHANGELOG.md

@@ -2,6 +2,17 @@
 
 
 
+## [3.109.0] - 2025-02-18
+
+### Add Features
+
+- **slider:** add more breakpoints
+### Changes
+
+- add doku
+
+
+
 ## [3.108.5] - 2025-02-16
 
 ### Bug Fixes

package/package.json

@@ -1 +1 @@
-{"author":"schukai GmbH","dependencies":{"@floating-ui/dom":"^1.6.13","@popperjs/core":"^2.11.8","buffer":"^6.0.3"},"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.108.5"}
+{"author":"schukai GmbH","dependencies":{"@floating-ui/dom":"^1.6.13","@popperjs/core":"^2.11.8","buffer":"^6.0.3"},"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.109.0"}

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

@@ -104,9 +104,7 @@ class ConfirmButton extends PopperButton {
 			this.hideDialog();
 		};
 
-		obj["actions"]["confirm"] = (e) => {
-			throw new Error("this callback must be implemented");
-		};
+		obj["actions"]["confirm"] = () => {};
 
 		return obj;
 	}
@@ -119,7 +117,7 @@ class ConfirmButton extends PopperButton {
 
 	/**
 	 *
-	 * @return {Monster.Components.Form.PopperButton}
+	 * @return {PopperButton}
 	 */
 	[assembleMethodSymbol]() {
 		super[assembleMethodSymbol]();
@@ -145,7 +143,7 @@ class ConfirmButton extends PopperButton {
 
 	/**
 	 *
-	 * @return {Monster.Components.Form.PopperButton}
+	 * @return {ConfirmButton}
 	 */
 	showDialog() {
 		const confirmButtonClass = this.getOption("classes.confirmButton");
@@ -172,7 +170,7 @@ class ConfirmButton extends PopperButton {
 	 *
 	 * @param {string} state
 	 * @param {number} timeout
-	 * @return {Monster.Components.Form.ConfirmButton}
+	 * @return {ConfirmButton}
 	 */
 	setConfirmButtonState(state, timeout) {
 		this[confirmButtonElementSymbol].setState(state, timeout);
@@ -184,7 +182,7 @@ class ConfirmButton extends PopperButton {
 	 *
 	 * @param {string} message
 	 * @param {number} timeout
-	 * @return {Monster.Components.Form.ConfirmButton}
+	 * @return {ConfirmButton}
 	 */
 	showConfirmButtonMessage(message, timeout) {
 		this[confirmButtonElementSymbol].setMessage(message);
@@ -216,8 +214,8 @@ function getAction(type) {
 /**
  * @private
  * @return {initEventhandler}
- * @fires Monster.Components.Form.PopperButton#monster-confirm
- * @fires Monster.Components.Form.PopperButton#monster-confirmed
+ * @fires ConfirmButton#monster-confirm
+ * @fires ConfirmButton#monster-confirmed
  */
 function initEventhandler() {
 	this[cancelButtonElementSymbol].setOption(
@@ -235,9 +233,13 @@ function initEventhandler() {
 	);
 	this[confirmButtonElementSymbol].setOption("actions.click", () => {
 		const callback = getAction.call(this, "confirm");
-		fireCustomEvent(this, "monster-confirm", {});
+		fireCustomEvent(this, "monster-confirm", {
+			button: this,
+		});
 		callback.call(this);
-		fireCustomEvent(this, "monster-confirmed", {});
+		fireCustomEvent(this, "monster-confirmed", {
+			button: this,
+		});
 	});
 
 	return this;

package/source/components/layout/slider.mjs

@@ -131,6 +131,10 @@ class Slider extends CustomElement {
 	 * @property {boolean} features.thumbnails Thumbnails feature
 	 * @property {boolean} features.drag Drag feature
 	 * @property {Object} slides Slides configuration, an object with breakpoints and the number of slides to show
+	 * @property {Object} slides.0 Number of slides to show at 0px
+	 * @property {Object} slides.600 Number of slides to show at 600px @since 3.109.0
+	 * @property {Object} slides.1200 Number of slides to show at 1200px @since 3.109.0
+	 * @property {Object} slides.1800 Number of slides to show at 1800px @since 3.109.0
 	 * @property {Object} carousel Carousel configuration
 	 * @property {number} carousel.transition Transition time between a full rotation of the carousel
 	 * @property {Object} autoPlay Auto play configuration
@@ -160,6 +164,9 @@ class Slider extends CustomElement {
 
 			slides: {
 				0: 1,
+				600: 2,
+				1200: 3,
+				1800: 4,
 			},
 
 			carousel: {