axidio-styleguide-library1-v2 0.0.923 → 0.0.925

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

@@ -8728,13 +8728,25 @@ class HorizontalGroupedBarWithScrollZoomComponent extends ComponentUniqueId {
                 .call(d3.axisBottom(x))
                 .call((g) => g.select('.domain').remove());
             svg.selectAll('g.x1.axis1 g.tick line').remove();
-            // Only move x-axis labels further down for grouped charts if there is no xLabel
-            if (subgroups.length > 1 && !metaData.xLabel) {
+            // Move x-axis date label down only for grouped bar chart
+            if (subgroups.length > 1 // grouped bar chart
+            ) {
                 svg
                     .selectAll('g.x1.axis1 g.tick text')
-                    .attr('class', 'lib-xaxis-labels-texts-drilldown')
-                    .style('fill', 'var(--chart-text-color)')
-                    .attr('y', 32); // Increase distance from bars (default is ~9)
+                    .each(function (d) {
+                    // Check if label is a date (e.g., 08/04/25 or 2025-08-04)
+                    if (/\d{2,4}[-\/]\d{2}[-\/]\d{2,4}/.test(d) || /\d{2,4}[-\/]\d{2,4}/.test(d)) {
+                        d3.select(this)
+                            .attr('class', 'lib-xaxis-labels-texts-drilldown')
+                            .style('fill', 'var(--chart-text-color)')
+                            .attr('y', 32); // Move date label down
+                    }
+                    else {
+                        d3.select(this)
+                            .attr('class', 'lib-xaxis-labels-texts-drilldown')
+                            .style('fill', 'var(--chart-text-color)');
+                    }
+                });
             }
             else {
                 svg