axidio-styleguide-library1-v2 0.6.72 → 0.6.73

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

@@ -6744,7 +6744,7 @@ class HorizontalBarsWithScrollZoomComponent extends ComponentUniqueId {
                 barPadding = 30;
             }
             else {
-                barWidth = 25;
+                barWidth = 40;
                 barPadding = 50;
             }
         }
@@ -6754,7 +6754,7 @@ class HorizontalBarsWithScrollZoomComponent extends ComponentUniqueId {
         }
         const totalBarsWidth = barWidth * dataLength;
         const totalGaps = barPadding * (dataLength - 1);
-        const minRequiredWidth = totalBarsWidth + totalGaps;
+        const minRequiredWidth = totalBarsWidth + totalGaps + (this.CONSTANTS.LEFT_RIGHT_SPACES * 2);
         const requiredSvgWidth = Math.max(availableWidth, minRequiredWidth);
         return {
             width,
@@ -6864,7 +6864,7 @@ class HorizontalBarsWithScrollZoomComponent extends ComponentUniqueId {
             .rangeRound([0, dimensions.requiredSvgWidth])
             .domain(data.map(d => d.name).reverse())
             .paddingInner(paddingRatio)
-            .paddingOuter(0.2) // Small padding for visual spacing
+            .paddingOuter(0.1) // Small padding for visual spacing
             .align(0.5);
         const xScaleFromOrigin = d3
             .scaleBand()
@@ -7057,7 +7057,7 @@ class HorizontalBarsWithScrollZoomComponent extends ComponentUniqueId {
             return xScale(d.data.name) - this.CONSTANTS.LEFT_RIGHT_SPACES +
                 (bandwidth + this.CONSTANTS.LEFT_RIGHT_SPACES * 2 - 180) / 2;
         }
-        return xScale(d.data.name) + xScale.bandwidth() / 2 - numericWidth / 2;
+        return xScale(d.data.name) - this.CONSTANTS.LEFT_RIGHT_SPACES;
     }
     generateTooltipHtml(d, metaData, value) {
         if (value === 0)
@@ -7279,7 +7279,7 @@ class HorizontalBarsWithScrollZoomComponent extends ComponentUniqueId {
             .select('.domain')
             .style('stroke', 'var(--chart-axis-color)')
             .style('stroke-width', '1px')
-            .attr('d', `M0,0.5H${scales.xScale.range()[1]}`);
+            .attr('d', `M0,0.5H${dimensions.requiredSvgWidth}`);
         // Y-axis
         svg
             .append('g')