axidio-styleguide-library1-v2 0.0.906 → 0.0.907

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

@@ -7378,10 +7378,9 @@ class HorizontalBarsWithScrollZoomComponent extends ComponentUniqueId {
             innerContainer.style('overflow-x', 'auto');
         }
         else {
-            // Force bar width to a maximum of 80px for normal (zoom-in) view
-            barWidth = Math.min(80, Math.max(24, (width - rightSvgWidth - leftAndRightSpaces * 2) / data.length));
+            barWidth = Math.max(40, (width - rightSvgWidth - leftAndRightSpaces * 2) / data.length);
             barPadding = 0;
-            requiredSvgWidth = data.length * barWidth + leftAndRightSpaces * 2 + rightSvgWidth;
+            requiredSvgWidth = width - rightSvgWidth;
         }
         var svg = innerContainer
             .append('svg')
@@ -7413,6 +7412,10 @@ class HorizontalBarsWithScrollZoomComponent extends ComponentUniqueId {
         }
         // Calculate bar width for mobile to avoid overlap
         // ...barWidth is now calculated above, remove duplicate...
+        let maxBarWidth = 70;
+        let totalBarSpace = data.length * maxBarWidth;
+        let availableWidth = width - rightSvgWidth - leftAndRightSpaces * 2;
+        let xRangeEnd = Math.max(availableWidth, totalBarSpace);
         var xScale = d3
             .scaleBand()
             .rangeRound([
@@ -7593,12 +7596,12 @@ class HorizontalBarsWithScrollZoomComponent extends ComponentUniqueId {
             return 0;
         })
             .attr('width', function (d) {
-            // Use calculated barWidth for mobile, otherwise force to 80px max for normal view
+            // Use calculated barWidth for mobile, otherwise scale
             if (isMobile) {
                 return barWidth;
             }
             return self.chartConfiguration.isMultiChartGridLine == undefined
-                ? barWidth
+                ? xScale.bandwidth()
                 : self.chartConfiguration.isDrilldownChart &&
                     self.chartData.data.length <= 3
                     ? 70