axidio-styleguide-library1-v2 0.0.928 → 0.0.930

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

@@ -8806,19 +8806,27 @@ class HorizontalGroupedBarWithScrollZoomComponent extends ComponentUniqueId {
                 .selectAll('g.x1.axis1 g.tick text')
                 .attr('class', 'lib-xaxis-labels-texts-drilldown')
                 .style('font-size', this.isHeaderVisible ? '18px' : '14px')
+                .style('font-weight', function (d) {
+                // Make bold if grouped, no xLabel, date, and header not visible (+25 case)
+                if (subgroups.length > 1 &&
+                    !metaData.xLabel &&
+                    !self.isHeaderVisible &&
+                    (/\d{2,4}[-\/]\d{2}[-\/]\d{2,4}/.test(d) || /\d{2,4}[-\/]\d{2,4}/.test(d))) {
+                    return 'bold';
+                }
+                return null;
+            })
                 .attr('y', function (d) {
-                // If grouped chart, no xLabel, and label is a date, add +25
+                // If grouped chart, no xLabel, and label is a date, add extra offset
                 if (subgroups.length > 1 &&
                     !metaData.xLabel &&
                     (/\d{2,4}[-\/]\d{2}[-\/]\d{2,4}/.test(d) || /\d{2,4}[-\/]\d{2,4}/.test(d))) {
-                    return (self.isHeaderVisible ? short_tick_length_bg + 25 : short_tick_length_bg) + 25;
+                    // If header is visible, use a smaller offset (e.g., +15), else +25
+                    return (self.isHeaderVisible ? short_tick_length_bg + 15 : short_tick_length_bg + 25);
                 }
                 return self.isHeaderVisible ? short_tick_length_bg + 25 : short_tick_length_bg;
             })
                 .attr('x', function (d) {
-                if (isria && self.chartData.data.length > 8) {
-                    return -10;
-                }
                 if (self.chartData.data.length > 8 && !self.isZoomedOut) {
                     return -25; // Move first line text slightly to the left too
                 }
@@ -8826,16 +8834,13 @@ class HorizontalGroupedBarWithScrollZoomComponent extends ComponentUniqueId {
             })
                 .text(function (d) {
                 var isValueToBeIgnored = false;
-                if (isria && self.chartData.data.length > 8) {
-                    // Show only first 3 letters, lowercase
-                    return d.substring(0, 3).toLowerCase();
-                }
                 if (isMobile && !self.isHeaderVisible) {
                     let firstPart = d.split(/[\s\-]+/)[0];
                     return firstPart.substring(0, 3).toLowerCase();
                 }
                 data.map((indiv) => {
-                    if (indiv.name.toLowerCase() == d.trim().toLowerCase() &&
+                    if (indiv.name &&
+                        indiv.name.toLowerCase() == d.trim().toLowerCase() &&
                         indiv[metaData.keyList[0]] == -1) {
                         isValueToBeIgnored = true;
                     }
@@ -8843,20 +8848,22 @@ class HorizontalGroupedBarWithScrollZoomComponent extends ComponentUniqueId {
                 if (isValueToBeIgnored) {
                     return '';
                 }
-                // If label looks like a date (contains digits and - or /), show full label as one line
+                // 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) {
+                        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;
                 }
                 if (d.trim().indexOf(' ') > -1) {
                     return d.trim().substring(0, d.indexOf(' ')).toLowerCase();
                 }
                 return d.toLowerCase();
-            }).attr('transform', function (d) {
-                // Rotate if RIA and >8
-                if (isria && self.chartData.data.length > 8) {
-                    return 'rotate(-45)';
-                }
-                return null;
             });
             if (!isMobile) {
                 svg
@@ -9567,15 +9574,25 @@ class HorizontalGroupedBarWithScrollZoomComponent extends ComponentUniqueId {
                 .each((d, i, nodes) => {
                 const text = d3.select(nodes[i]);
                 const label = text.text();
-                const words = label.split(' ');
-                text.text(null); // Clear current text
-                // Add each word to a new tspan
-                words.forEach((word, index) => {
-                    text.append('tspan').text(word);
-                    // .attr('x', '15')
-                    // .attr('dy', index === 0 ? '0em' : '0.9em') // Reduced vertical spacing
-                    // .attr('text-anchor', 'end');
-                });
+                // If label contains \n, split and use tspan for each line
+                if (label.indexOf('\n') > -1) {
+                    const lines = label.split('\n');
+                    text.text(null);
+                    lines.forEach((line, idx) => {
+                        text.append('tspan')
+                            .text(line)
+                            .attr('x', 0)
+                            .attr('dy', idx === 0 ? '0em' : '1.1em');
+                    });
+                }
+                else {
+                    // Fallback: split by space for other labels
+                    const words = label.split(' ');
+                    text.text(null);
+                    words.forEach((word, index) => {
+                        text.append('tspan').text(word);
+                    });
+                }
             })
                 .style('fill', 'var(--chart-text-color)')
                 .attr('transform', null); // Remove rotate if using line breaks