axidio-styleguide-library1-v2 0.0.822 → 0.0.824

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

@@ -8765,10 +8765,8 @@ class HorizontalGroupedBarWithScrollZoomComponent extends ComponentUniqueId {
                 .text(function (d) {
                 var isValueToBeIgnored = false;
                 if (isMobile) {
-                    let trmLabel = d.trim();
-                    if (trmLabel.length > 3) {
-                        return trmLabel.substring(0, 3).toLowerCase();
-                    }
+                    let firstPart = d.split(/[\s\-]+/)[0];
+                    return firstPart.substring(0, 3).toLowerCase();
                 }
                 data.map((indiv) => {
                     if (indiv.name.toLowerCase() == d.trim().toLowerCase() &&
@@ -8788,21 +8786,23 @@ class HorizontalGroupedBarWithScrollZoomComponent extends ComponentUniqueId {
                 }
                 return d.toLowerCase();
             });
-            svg
-                .selectAll('g.x1.axis1 g.tick')
-                .filter(function (d) {
-                return !/\d{2,4}[-\/]/.test(d); // Only process non-date labels
-            })
-                .append('text')
-                .attr('class', 'lib-xaxis-labels-texts-drilldown')
-                .attr('y', long_tick_length_bg)
-                .attr('fill', 'var(--chart-text-color)')
-                .text(function (d) {
-                if (d.trim().indexOf(' ') > -1) {
-                    return d.trim().substring(d.indexOf(' '), d.length).toLowerCase();
-                }
-                return '';
-            });
+            if (!isMobile) {
+                svg
+                    .selectAll('g.x1.axis1 g.tick')
+                    .filter(function (d) {
+                    return !/\d{2,4}[-\/]/.test(d); // Only process non-date labels
+                })
+                    .append('text')
+                    .attr('class', 'lib-xaxis-labels-texts-drilldown')
+                    .attr('y', long_tick_length_bg)
+                    .attr('fill', 'var(--chart-text-color)')
+                    .text(function (d) {
+                    if (d.trim().indexOf(' ') > -1) {
+                        return d.trim().substring(d.indexOf(' '), d.length).toLowerCase();
+                    }
+                    return '';
+                });
+            }
         }
         if (isMobile && !this.isHeaderVisible) {
             svg
@@ -9604,6 +9604,30 @@ class HorizontalGroupedBarWithScrollZoomComponent extends ComponentUniqueId {
                 .style('font-size', 'smaller')
                 .text(metaData.lineyLabel);
         }
+        if (metaData.xLabel) {
+            function isAcronym(label) {
+                return (label.length <= 4 && /^[A-Z]+$/.test(label)) || (label === label.toUpperCase() && /[A-Z]/.test(label));
+            }
+            const xLabelText = metaData.xLabel;
+            const isAcr = isAcronym(xLabelText.replace(/[^A-Za-z]/g, ''));
+            svg
+                .append('text')
+                .attr('class', function () {
+                let baseClass = 'lib-axis-group-label';
+                if (self.chartConfiguration.isDrilldownChart)
+                    return baseClass + ' lib-xlabel-drilldowncharts';
+                if (self.chartConfiguration.isMultiChartGridLine != undefined)
+                    return baseClass + ' lib-xlabel-weeklyCharts';
+                return baseClass + ' lib-axis-waterfall-label font-size-1';
+            })
+                .attr('style', self.chartConfiguration.xAxisCustomlabelStyles)
+                .attr('transform', 'translate(' + width / 2 + ' ,' + (height + margin.top + 40) + ')')
+                .style('text-anchor', 'middle')
+                .style('fill', 'var(--chart-text-color)')
+                .style('color', 'var(--chart-text-color)')
+                .text(isAcr ? xLabelText.toUpperCase() : xLabelText.toLowerCase())
+                .style('text-transform', isAcr ? 'none' : 'capitalize');
+        }
         if (lineData) {
             svg
                 .append('path')