axidio-styleguide-library1-v2 0.0.798 → 0.0.799

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

@@ -8150,11 +8150,8 @@ class HorizontalBarsWithScrollZoomComponent extends ComponentUniqueId {
                 .style('stroke-width', '1px');
         }
         styleAxisDomain();
-        // Always render y-axis label after axis/grid so it is visible
         if (metaData.yLabel) {
-            // Remove any previous y-axis label to avoid duplicates
             svgYAxisLeft.selectAll('.lib-axis-group-label, .lib-ylabel-drilldowncharts, .lib-ylabel-weeklyCharts').remove();
-            // Helper to check if label is an acronym (all uppercase or <=4 chars and all letters)
             function isAcronym(label) {
                 return (label.length <= 4 && /^[A-Z]+$/.test(label)) || (label === label.toUpperCase() && /[A-Z]/.test(label));
             }
@@ -8240,13 +8237,27 @@ class HorizontalBarsWithScrollZoomComponent extends ComponentUniqueId {
                 .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', 'lib-axis-waterfall-label')
-                .attr('transform', 'translate(' + width / 2 + ' ,' + (height + margin.top + 20) + ')')
+                .attr('class', function () {
+                if (self.chartConfiguration.isDrilldownChart)
+                    return 'lib-xlabel-drilldowncharts';
+                if (self.chartConfiguration.isMultiChartGridLine != undefined)
+                    return 'lib-xlabel-weeklyCharts';
+                return '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')
-                .text(metaData.xLabel.toLowerCase())
-                .style('text-transform', 'capitalize');
+                .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 && colors) {
             var dataGroup = d3