@schukai/monster 4.121.0 → 4.122.0

package/CHANGELOG.md

@@ -2,6 +2,14 @@
 
 
 
+## [4.122.0] - 2026-02-13
+
+### Add Features
+
+- Add option to control event emission in show function
+
+
+
 ## [4.121.0] - 2026-02-13
 
 ### Add Features

package/package.json

@@ -1 +1 @@
-{"author":"Volker Schukai","dependencies":{"@floating-ui/dom":"^1.7.4","@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":"4.121.0"}
+{"author":"Volker Schukai","dependencies":{"@floating-ui/dom":"^1.7.4","@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":"4.122.0"}

package/source/components/layout/tabs.mjs

@@ -712,11 +712,12 @@ function initPopper() {
  * @private
  * @param {HTMLElement} element
  */
-function show(element) {
+function show(element, options = {}) {
 	if (!this.shadowRoot) {
 		throw new Error("no shadow-root is defined");
 	}
 
+	const emitEvents = options?.emitEvents !== false;
 	const reference = element.getAttribute(`${ATTRIBUTE_PREFIX}tab-reference`);
 
 	const nodes = getSlottedElements.call(this);
@@ -726,9 +727,11 @@ function show(element) {
 		if (id === reference) {
 			node.classList.add("active");
 
-			fireCustomEvent(this, "monster-tab-change", {
-				reference,
-			});
+			if (emitEvents) {
+				fireCustomEvent(this, "monster-tab-change", {
+					reference,
+				});
+			}
 
 			const openDelay = Number.parseInt(
 				this.getOption("features.openDelay"),
@@ -774,18 +777,22 @@ function show(element) {
 				const filter = undefined;
 				loadAndAssignContent(node, url, options, filter)
 					.then(() => {
-						fireCustomEvent(this, "monster-tab-changed", {
-							reference,
-						});
+						if (emitEvents) {
+							fireCustomEvent(this, "monster-tab-changed", {
+								reference,
+							});
+						}
 					})
 					.catch((e) => {
 						addAttributeToken(this, ATTRIBUTE_ERRORMESSAGE, e.message);
 					});
 			} else {
-				fireCustomEvent(this, "monster-tab-changed", {
-					reference,
-					data,
-				});
+				if (emitEvents) {
+					fireCustomEvent(this, "monster-tab-changed", {
+						reference,
+						data,
+					});
+				}
 			}
 		} else {
 			node.classList.remove("active");
@@ -1126,7 +1133,7 @@ function initTabButtons() {
 					`[${ATTRIBUTE_PREFIX}tab-reference="${activeReference}"]`,
 				);
 				if (button instanceof HTMLButtonElement && button.disabled !== true) {
-					show.call(this, button);
+					show.call(this, button, { emitEvents: false });
 				}
 			})
 				.run(undefined)