axidio-styleguide-library1-v2 0.0.906 → 0.0.908

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

@@ -7290,7 +7290,7 @@ class HorizontalBarsWithScrollZoomComponent extends ComponentUniqueId {
                 : this.chartData.data.length * (isMobile ? 15 : 25);
         }
         if (this.chartData.data.length > 8 && !this.isZoomedOut) {
-            width = this.chartData.data.length * (isMobile ? 60 : 130);
+            width = this.chartData.data.length * (isMobile ? 60 : 80);
         }
         // Fullscreen and drilldown adjustments
         if (this.chartConfiguration.isFullScreen != undefined && this.chartConfiguration.isFullScreen) {
@@ -7299,7 +7299,7 @@ class HorizontalBarsWithScrollZoomComponent extends ComponentUniqueId {
                 : containerHeight;
         }
         if (this.chartConfiguration.isDrilldownChart) {
-            height = containerHeight - margin.top - margin.bottom - (isMobile ? 60 : 130);
+            height = containerHeight - margin.top - margin.bottom - (isMobile ? 60 : 80);
         }
         // ...existing code...
         /**
@@ -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')
@@ -7593,12 +7592,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