axidio-styleguide-library1-v2 0.0.998 → 0.1.1

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

@@ -8783,13 +8783,13 @@ class HorizontalGroupedBarWithScrollZoomComponent extends ComponentUniqueId {
                 .attr('class', 'lib-xaxis-labels-texts-drilldown')
                 .style('font-size', this.isHeaderVisible ? '18px' : '14px')
                 .attr('y', function (d) {
-                // For grouped bar charts with many bars and xLabel present, do NOT add extra space (avoid overlap)
+                // For grouped bar charts with many bars and xLabel present, add extra space at top for date labels
                 if (subgroups.length > 1 && data.length > 8 && metaData.xLabel) {
-                    // In maximized (fullscreen) view, keep the gap minimal
+                    // In maximized (fullscreen) view, keep the gap minimal but add space
                     if (self.chartConfiguration.isFullScreen) {
-                        return short_tick_length_bg;
+                        return short_tick_length_bg + 15;
                     }
-                    return short_tick_length_bg;
+                    return short_tick_length_bg + 15;
                 }
                 // For grouped bar charts with many bars and NO xLabel, add space as before, but reduce in fullscreen
                 if (subgroups.length > 1 && data.length > 8 && !metaData.xLabel) {
@@ -8843,24 +8843,16 @@ class HorizontalGroupedBarWithScrollZoomComponent extends ComponentUniqueId {
                 if (dateRangeRegex.test(d.trim())) {
                     return d.trim().replace(dateRangeRegex, (m, d1, d2) => `${d1} - ${d2}`);
                 }
-                // If in zoomed-out view and label is a date, show only day and month (hide year)
+                // If in zoomed-out view and label is a date, show only month and date (MM/DD)
                 if (self.isZoomedOut) {
                     // Match date formats like '08/04/25', '2025-08-04', '08-04-2025', etc.
-                    const dateParts = d.match(/(\d{2,4})[-\/]?(\d{2})[-\/]?(\d{2,4})/);
-                    if (dateParts) {
-                        // Try to find month and day, ignore year
-                        // If format is MM/DD/YY or MM/DD/YYYY
-                        let month = dateParts[2];
-                        let day = dateParts[3];
-                        // If format is YYYY-MM-DD
-                        if (dateParts[1].length === 4) {
-                            month = dateParts[2];
-                            day = dateParts[3];
-                        }
-                        else if (dateParts[3].length === 4) {
-                            month = dateParts[1];
-                            day = dateParts[2];
-                        }
+                    // Try to extract MM/DD from various formats
+                    let match = d.match(/(\d{2,4})[-\/](\d{2})[-\/](\d{2,4})/);
+                    if (match) {
+                        let yearFirst = match[1].length === 4;
+                        let yearLast = match[3].length === 4;
+                        let month = yearFirst ? match[2] : match[1];
+                        let day = yearFirst ? match[3] : match[2];
                         return `${month}/${day}`;
                     }
                 }