axidio-styleguide-library1-v2 0.0.813 → 0.0.815

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

@@ -8694,17 +8694,7 @@ class HorizontalGroupedBarWithScrollZoomComponent extends ComponentUniqueId {
             svg
                 .selectAll('g.x1.axis1 g.tick text')
                 .attr('class', 'lib-xaxis-labels-texts-drilldown')
-                .style('fill', 'var(--chart-text-color)')
-                .attr('transform', function (d) {
-                if (self.isZoomedOut) {
-                    return 'translate(0, 0)'; // Default position when zoomed out
-                }
-                else {
-                    // When zoomed in, shift labels left
-                    const leftOffset = -x.bandwidth() * 0.1; // Shift left by 10% of bandwidth
-                    return `translate(${leftOffset}, 0)`;
-                }
-            });
+                .style('fill', 'var(--chart-text-color)');
             // .attr('y', function () {
             //   if (alternate_text) {
             //     alternate_text = false;
@@ -8769,8 +8759,6 @@ class HorizontalGroupedBarWithScrollZoomComponent extends ComponentUniqueId {
                 .selectAll('g.x1.axis1 g.tick text')
                 .attr('class', 'lib-xaxis-labels-texts-drilldown')
                 .attr('y', short_tick_length_bg)
-                .attr('x', 0) // Keep at center
-                .attr('text-anchor', 'middle')
                 .text(function (d) {
                 var isValueToBeIgnored = false;
                 data.map((indiv) => {
@@ -8799,8 +8787,6 @@ class HorizontalGroupedBarWithScrollZoomComponent extends ComponentUniqueId {
                 .append('text')
                 .attr('class', 'lib-xaxis-labels-texts-drilldown')
                 .attr('y', long_tick_length_bg)
-                .attr('x', 0) // Keep at center
-                .attr('text-anchor', 'middle')
                 .attr('fill', 'var(--chart-text-color)')
                 .text(function (d) {
                 if (d.trim().indexOf(' ') > -1) {
@@ -9057,11 +9043,11 @@ class HorizontalGroupedBarWithScrollZoomComponent extends ComponentUniqueId {
                 });
                 return self.isZoomedOut
                     ? tempScale.bandwidth()
-                    : tempScale.bandwidth() * 0.5;
+                    : tempScale.bandwidth();
             }
             return self.isZoomedOut
                 ? xSubgroup.bandwidth()
-                : xSubgroup.bandwidth();
+                : xSubgroup.bandwidth() * 0.5;
         })
             .attr('height', function (d) {
             if (d.value == -1) {
@@ -9604,30 +9590,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')