axidio-styleguide-library1-v2 0.4.62 → 0.4.64

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

@@ -7871,6 +7871,11 @@ class HorizontalGroupedBarWithScrollZoomComponent extends ComponentUniqueId {
                 // RIA + single subgroup → remove domain
                 if (isria && (subgroups.length > 1 && self.chartData.data.length === 1)) {
                     g.select('.domain').remove();
+                    // Increase domain line length
+                    const extra = 20; // increase by 20px on right
+                    const originalWidth = x.range()[1];
+                    const domain = g.select('.domain');
+                    domain.attr('d', `M0,0 H${originalWidth + extra}`);
                     return;
                 }
                 // Default behavior
@@ -7959,6 +7964,10 @@ class HorizontalGroupedBarWithScrollZoomComponent extends ComponentUniqueId {
                 .attr('x', 5)
                 .style('text-anchor', 'middle');
         }
+        if (isria && self.chartData.data.length >= 8) {
+            svg.selectAll('g.x1.axis1 g.tick text')
+                .attr('x', -20);
+        }
         // ✅ Tablet View — Rotate if text > 10 characters
         if (isTablet) {
             const textNodes = svg.selectAll('g.x1.axis1 g.tick text');
@@ -8252,7 +8261,13 @@ class HorizontalGroupedBarWithScrollZoomComponent extends ComponentUniqueId {
             .on('click', (d) => this.handleBarClick(d, metaData, self))
             .attr('x', (d) => this.calculateBarX(d, data, x, xSubgroup, self, tempScale))
             .attr('y', (d) => this.calculateBarY(d, y, height, self))
-            .attr('width', (d) => this.calculateBarWidth(d, data, subgroups, x, xSubgroup, self, tempScale))
+            .attr('width', (d) => {
+            let width = this.calculateBarWidth(d, data, subgroups, x, xSubgroup, self, tempScale);
+            if (isria && self.chartData.data.length >= 8) {
+                width = Math.max(0, width - 30); // Prevent negative width
+            }
+            return width;
+        })
             .attr('height', (d) => this.calculateBarHeight(d, y, height, self))
             .style('cursor', () => (metaData.hasDrillDown && !isria) ? 'pointer' : 'default')
             .attr('fill', (d) => this.getBarColor(d, metaData, self));