axidio-styleguide-library1-v2 0.0.934 → 0.0.936

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

@@ -8854,16 +8854,17 @@ class HorizontalGroupedBarWithScrollZoomComponent extends ComponentUniqueId {
                     return '';
                 }
                 // If label looks like a date (contains digits and - or /)
-                if (/\d{2,4}[-\/]/.test(d)) {
-                    // If there is a space, show the part after the space on the next line
-                    if (d.indexOf(' ') > -1) {
+                const isDateLabel = /\d{2,4}[-\/]/.test(d);
+                // Only split date/week labels if there are many grouped bars and header is not visible
+                if (isDateLabel) {
+                    if (!self.isHeaderVisible && data.length > 8 && d.indexOf(' ') > -1) {
                         var first = d.substring(0, d.indexOf(' '));
                         var second = d.substring(d.indexOf(' ') + 1).trim();
-                        // Use tspan for line break if supported, else join with \n
-                        // If SVG tspan is supported, this will be split into two lines by the .each below
                         return first + '\n' + second;
                     }
-                    return d;
+                    else {
+                        return d;
+                    }
                 }
                 if (d.trim().indexOf(' ') > -1) {
                     return d.trim().substring(0, d.indexOf(' ')).toLowerCase();
@@ -9600,8 +9601,7 @@ class HorizontalGroupedBarWithScrollZoomComponent extends ComponentUniqueId {
                 }
             })
                 .style('fill', 'var(--chart-text-color)')
-                .attr('transform', 'rotate(-90)')
-                .style('text-anchor', 'end'); // Rotate only for this chart in zoomed-out mode
+                .attr('transform', null); // Remove rotate if using line breaks
             // Optional: Adjust bottom margin or chart layout
             svg
                 .select('.x-axis')