axidio-styleguide-library1-v2 0.2.57 → 0.2.58

package/fesm2022/axidio-styleguide-library1-v2.mjs

@@ -8930,7 +8930,10 @@ class HorizontalGroupedBarWithScrollZoomComponent extends ComponentUniqueId {
         try {
             const groupsCount = data.length || 0;
             const subgroupsCount = (keyList && keyList.length) || 0;
-            if (this.isZoomedOut && (isMobile || isTablet) && (groupsCount > 8 || subgroupsCount > 2)) {
+            // Show scrollbar on mobile/tablet when there are many groups or
+            // when multiple subgroups exist, regardless of zoom state (so both
+            // zoom-in and zoom-out will allow horizontal scrolling on small viewports).
+            if ((isMobile || isTablet) && (groupsCount > 8 || subgroupsCount > 2)) {
                 innerContainer.style('overflow-x', 'auto');
                 innerContainer.classed('scroll-enabled', true);
             }
@@ -9093,7 +9096,7 @@ class HorizontalGroupedBarWithScrollZoomComponent extends ComponentUniqueId {
                     hasDateValues = true;
                 }
             });
-            if (hasDateValues && subgroups && subgroups.length < 2) {
+            if (hasDateValues && subgroups && subgroups.length < 3) {
                 // For single chart with dates, ensure horizontal display
                 textNodes
                     .style('writing-mode', 'horizontal-tb') // Explicitly set horizontal
@@ -9175,7 +9178,7 @@ class HorizontalGroupedBarWithScrollZoomComponent extends ComponentUniqueId {
         // Mobile handling: keep date labels intact for single-series charts (do not trim)
         if (isMobile) {
             const isDateLabel = /\d{2,4}[-\/]\d{1,2}[-\/]\d{1,4}/.test(d) || !isNaN(Date.parse(d));
-            if (isDateLabel && subgroups && subgroups.length < 2) {
+            if (isDateLabel && subgroups && subgroups.length < 3) {
                 // For single-series charts on mobile, show full date labels (no trimming)
                 return d;
             }