axidio-styleguide-library1-v2 0.0.827 → 0.0.829

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

@@ -8568,7 +8568,7 @@ class HorizontalGroupedBarWithScrollZoomComponent extends ComponentUniqueId {
                 parseInt(verticalstackedcontainer.style('height')) -
                     margin.top -
                     margin.bottom -
-                    140;
+                    100;
         }
         /**
          * for hiding header
@@ -8654,7 +8654,7 @@ class HorizontalGroupedBarWithScrollZoomComponent extends ComponentUniqueId {
                 .scaleBand()
                 .rangeRound([width, 0])
                 .align(0.5)
-                .padding([0.7])
+                .padding([0.5])
                 .domain(data.map(function (d) {
                 return d.name.toLowerCase();
             }));
@@ -8761,10 +8761,10 @@ class HorizontalGroupedBarWithScrollZoomComponent extends ComponentUniqueId {
             svg
                 .selectAll('g.x1.axis1 g.tick text')
                 .attr('class', 'lib-xaxis-labels-texts-drilldown')
-                .attr('y', short_tick_length_bg)
+                .attr('y', this.isHeaderVisible ? short_tick_length_bg + 45 : short_tick_length_bg)
                 .text(function (d) {
                 var isValueToBeIgnored = false;
-                if (isMobile) {
+                if (isMobile && !self.isHeaderVisible) {
                     let firstPart = d.split(/[\s\-]+/)[0];
                     return firstPart.substring(0, 3).toLowerCase();
                 }
@@ -9604,30 +9604,6 @@ 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')