axidio-styleguide-library1-v2 0.6.70 → 0.6.72

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

@@ -6745,7 +6745,7 @@ class HorizontalBarsWithScrollZoomComponent extends ComponentUniqueId {
             }
             else {
                 barWidth = 25;
-                barPadding = 25;
+                barPadding = 50;
             }
         }
         else {
@@ -6754,7 +6754,7 @@ class HorizontalBarsWithScrollZoomComponent extends ComponentUniqueId {
         }
         const totalBarsWidth = barWidth * dataLength;
         const totalGaps = barPadding * (dataLength - 1);
-        const minRequiredWidth = totalBarsWidth + totalGaps + (this.CONSTANTS.LEFT_RIGHT_SPACES * 2);
+        const minRequiredWidth = totalBarsWidth + totalGaps;
         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.1) // Small padding for visual spacing
+            .paddingOuter(0.2) // 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) - this.CONSTANTS.LEFT_RIGHT_SPACES;
+        return xScale(d.data.name) + xScale.bandwidth() / 2 - numericWidth / 2;
     }
     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${dimensions.requiredSvgWidth}`);
+            .attr('d', `M0,0.5H${scales.xScale.range()[1]}`);
         // Y-axis
         svg
             .append('g')
@@ -7529,7 +7529,7 @@ class HorizontalBarsWithScrollZoomComponent extends ComponentUniqueId {
         svg
             .append('line')
             .attr('x1', 0)
-            .attr('x2', dimensions.width)
+            .attr('x2', dimensions.requiredSvgWidth)
             .attr('y1', yZero)
             .attr('y2', yZero)
             .style('stroke-dasharray', '5 5')
@@ -7814,7 +7814,7 @@ class HorizontalGroupedBarWithScrollZoomComponent extends ComponentUniqueId {
             // more than one subgroup so grouped bars don't get congested.
             // On desktop: enable scrolling when there are many groups or
             // multiple subgroups (keeps previous behavior).
-            if ((isMobile) && subgroupsCount > 1) {
+            if ((isMobile || isTablet) && subgroupsCount > 1) {
                 innerContainer.style('overflow-x', 'auto');
                 innerContainer.classed('scroll-enabled', true);
             }