@schukai/monster 4.95.0 → 4.96.0

package/CHANGELOG.md

@@ -2,6 +2,14 @@
 
 
 
+## [4.96.0] - 2026-01-13
+
+### Add Features
+
+- Improve dots visibility logic in columnbar component
+
+
+
 ## [4.95.0] - 2026-01-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.95.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.96.0"}

package/source/components/datatable/columnbar.mjs

@@ -502,25 +502,27 @@ function updateDotsVisibility() {
 			return;
 		}
 
-		if (maxDots >= dots.length) {
-			if (!enforceMaxVisible) {
-				return;
-			}
-		}
-
-		let visibleDots = Math.max(1, maxDots - 1);
-		if (enforceMaxVisible) {
-			visibleDots = Math.min(visibleDots, configuredMaxVisible);
+		const configLimit = enforceMaxVisible
+			? configuredMaxVisible
+			: Number.POSITIVE_INFINITY;
+		const baseLimit = Math.min(maxDots, configLimit, dots.length);
+		const needsIndicator = baseLimit < dots.length;
+
+		let visibleDots = baseLimit;
+		if (needsIndicator) {
+			visibleDots = Math.min(Math.max(1, maxDots - 1), configLimit, dots.length);
 		}
 		for (let i = visibleDots; i < dots.length; i++) {
 			dots[i].classList.add("dots-overflow-hidden");
 		}
 
 		const hiddenCount = dots.length - visibleDots;
-		const overflowIndicator = document.createElement("li");
-		overflowIndicator.className = "dots-overflow-indicator";
-		overflowIndicator.textContent = `+${hiddenCount}`;
-		dotsContainer.appendChild(overflowIndicator);
+		if (hiddenCount > 0) {
+			const overflowIndicator = document.createElement("li");
+			overflowIndicator.className = "dots-overflow-indicator";
+			overflowIndicator.textContent = `+${hiddenCount}`;
+			dotsContainer.appendChild(overflowIndicator);
+		}
 	} finally {
 		this[dotsUpdateInProgressSymbol] = false;
 	}