axidio-styleguide-library1-v2 0.7.22 → 0.7.24

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

@@ -8273,26 +8273,21 @@ class HorizontalGroupedBarWithScrollZoomComponent extends ComponentUniqueId {
         //    if (!isria && self.chartData.data.length > 11  && !self.isZoomedOut && (x.bandwidth< 100)) {
         //   svg.selectAll('g.x1.axis1 g.tick text')
         //     .attr('x', -20);
-        // }
-        // ✅ Tablet View — Rotate if text > 10 characters
         if (isTablet) {
             const isria = this.customChartConfiguration.isRia;
             const textNodes = svg.selectAll('g.x1.axis1 g.tick text');
-            textNodes.each((d) => {
+            textNodes.each(function (d) {
                 const text = d ? d.toString().trim() : '';
                 // Detect date formats (to skip them)
-                const isDateString = /^\d{1,4}[-\/]\d{1,2}[-\/]\d{1,4}$/.test(text) || // e.g. 2025-10-29 or 10/29/2025
+                const isDateString = /^\d{1,4}[-\/]\d{1,2}[-\/]\d{1,4}$/.test(text) ||
                     /^(\d{1,4}[-\/]\d{1,2}[-\/]\d{1,4})\s*[-–]\s*(\d{1,4}[-\/]\d{1,2}[-\/]\d{1,4})$/.test(text);
                 if (!isDateString && text.length > 10) {
+                    const currentText = d3.select(this);
                     const trimmed = text.slice(0, 9) + '…';
-                    //   textNodes
-                    //     .style('font-size', '9px')
-                    //   if (isria) {
-                    //     textNodes.text(trimmed);
-                    //  }
-                    d3.select(this)
-                        .style('font-size', '9px')
-                        .text(isria ? trimmed : text);
+                    currentText.style('font-size', '9px');
+                    if (isria) {
+                        currentText.text(trimmed);
+                    }
                 }
             });
         }