axidio-styleguide-library1-v2 0.3.31 → 0.3.33

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

@@ -7902,24 +7902,27 @@ class HorizontalGroupedBarWithScrollZoomComponent extends ComponentUniqueId {
                 textNodes.classed('mobile-xaxis-override', true);
             }
         }
-        // Tablet: if any tick text contains exactly 3 tspans, move the 3rd tspan to its own new line
+        // 💻 TABLET VIEW HANDLING
         if (isTablet) {
-            const tickTexts = svg.selectAll('g.x1.axis1 g.tick text');
-            tickTexts.each(function () {
-                const textEl = d3.select(this);
-                const tspans = textEl.selectAll('tspan').nodes();
-                try {
-                    if (tspans && tspans.length === 3) {
-                        // ensure each tspan has x=0 and proper dy to stack as three lines
-                        d3.select(tspans[0]).attr('x', 0).attr('dy', '0em');
-                        d3.select(tspans[1]).attr('x', 0).attr('dy', '1.1em');
-                        d3.select(tspans[2]).attr('x', 0).attr('dy', '1.1em');
-                        // push the whole label down a bit to avoid overlap with axis
-                        textEl.attr('y', 30);
-                    }
+            const textNodes = svg.selectAll('g.x1.axis1 g.tick text');
+            textNodes.each((d) => {
+                const textElement = d3.select(this);
+                const words = d.split(/\s+/);
+                // Clear existing text
+                textElement.text(null);
+                // If more than 2 words, break into multiple lines using tspans
+                if (words.length >= 3) {
+                    words.forEach((word, i) => {
+                        textElement
+                            .append('tspan')
+                            .text(word)
+                            .attr('x', 0)
+                            .attr('dy', i === 0 ? 0 : 12); // line spacing between words
+                    });
                 }
-                catch (e) {
-                    // ignore any measurement/DOM errors
+                else {
+                    // Keep normal text
+                    textElement.text(d);
                 }
             });
         }