axidio-styleguide-library1-v2 0.4.5 → 0.4.7

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

@@ -7866,35 +7866,15 @@ class HorizontalGroupedBarWithScrollZoomComponent extends ComponentUniqueId {
             this.applyXLabelsOnSameLine(svg, subgroups, data, metaData, self, shortTickLengthBg, isMobile, isria);
         }
         // Mobile override for RIA
-        // if (isria && self.chartData.data.length >=2) {
-        //   svg.selectAll('g.x1.axis1 g.tick text')
-        //     .classed('mobile-xaxis-override', true)
-        //     // .text((d: string) => d.substring(0, 3))
-        //     .text((d: string) => d.substring(0, 4).toLowerCase())
-        //     .style('font-size', '12px')
-        //     .attr('y', 5)
-        //     .attr('x', 5)
-        //     .style('text-anchor', 'middle');
-        // }
-        if (isria && self.chartData.data.length >= 2) {
+        if (isria && self.chartData.data.length >= 3) {
             svg.selectAll('g.x1.axis1 g.tick text')
-                .each((d) => {
-                const textElement = d3.select(this);
-                const hasSpecialChars = /[\s\-_]/.test(d); // Check for space, hyphen, or underscore
-                // Only apply class if it has special characters
-                textElement.classed('mobile-xaxis-override', hasSpecialChars);
-                // if (hasSpecialChars) {
-                //   // Apply truncation for text with special chars
-                //   textElement.text(d.substring(0, 4).toLowerCase());
-                // } else {
-                //   // Keep full text for simple strings
-                //   textElement.text(d.toLowerCase());
-                // }
-            })
+                .classed('mobile-xaxis-override', true)
+                // .text((d: string) => d.substring(0, 3))
+                .text((d) => d.substring(0, 4).toLowerCase())
                 .style('font-size', '12px')
                 .attr('y', 5)
                 .attr('x', 5)
-                .attr('text-anchor', 'middle');
+                .style('text-anchor', 'middle');
         }
         // ✅ Tablet View — Rotate if text > 10 characters
         if (isTablet) {
@@ -8522,7 +8502,7 @@ class HorizontalGroupedBarWithScrollZoomComponent extends ComponentUniqueId {
                 .attr('transform', 'rotate(-90)')
                 .attr('y', yPosition)
                 .attr('x', 0 - height / 2)
-                .attr('dy', '1em')
+                .attr('dy', '0.5em')
                 .style('text-anchor', 'middle')
                 .attr('fill', 'var(--chart-text-color)');
             if (this.chartConfiguration.isMultiChartGridLine === undefined) {