axidio-styleguide-library1-v2 0.1.19 → 0.1.21

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

@@ -8787,9 +8787,9 @@ class HorizontalGroupedBarWithScrollZoomComponent extends ComponentUniqueId {
                 if (subgroups.length > 1 && data.length > 8 && metaData.xLabel) {
                     const isDateLabel = /\d{2,4}[-\/]/.test(d);
                     if (self.chartConfiguration.isFullScreen) {
-                        return isDateLabel ? short_tick_length_bg + 12 : short_tick_length_bg;
+                        return isDateLabel ? short_tick_length_bg + 14 : short_tick_length_bg;
                     }
-                    return isDateLabel ? short_tick_length_bg + 12 : short_tick_length_bg;
+                    return isDateLabel ? short_tick_length_bg + 14 : short_tick_length_bg;
                 }
                 // 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) {
@@ -8844,10 +8844,15 @@ class HorizontalGroupedBarWithScrollZoomComponent extends ComponentUniqueId {
                 if (dateRangeRegex.test(d.trim())) {
                     return d.trim().replace(dateRangeRegex, (m, d1, d2) => `${d1} - ${d2}`);
                 }
-                // Show the date label as it is, do not trim or hide the year
-                // If label looks like a date (contains digits and - or /)
+                // Split date and week labels into two lines in grouped bar zoom-in view (and minimized view)
                 const isDateLabel = /\d{2,4}[-\/]/.test(d);
-                // Only split date/week labels if there are many grouped bars and header is not visible
+                const isWeekLabel = /week|wk|w\d+/i.test(d);
+                if (subgroups.length > 1 && !self.isZoomedOut && data.length > 8 && d.indexOf(' ') > -1 && (isDateLabel || isWeekLabel)) {
+                    var first = d.substring(0, d.indexOf(' '));
+                    var second = d.substring(d.indexOf(' ') + 1).trim();
+                    return first + '\n' + second;
+                }
+                // Also keep previous logic for minimized view
                 if (isDateLabel) {
                     if (!self.isHeaderVisible && data.length > 8 && d.indexOf(' ') > -1) {
                         var first = d.substring(0, d.indexOf(' '));
@@ -9151,11 +9156,11 @@ class HorizontalGroupedBarWithScrollZoomComponent extends ComponentUniqueId {
             .attr('width', function (d) {
             // For grouped bar charts in zoom-in view, slightly increase bar width for both bars (shipped and planned)
             if (subgroups.length > 1 && !self.isZoomedOut) {
-                return xSubgroup.bandwidth() * 0.2;
+                return xSubgroup.bandwidth() * 0.3;
             }
             // For single-bar (non-grouped) charts in zoom-in view, set bar width to 80
             if (subgroups.length === 1 && !self.isZoomedOut) {
-                return 100;
+                return 80;
             }
             // Default logic for other chart types
             if (self.chartConfiguration.isDrilldownChart) {
@@ -9165,9 +9170,9 @@ class HorizontalGroupedBarWithScrollZoomComponent extends ComponentUniqueId {
                         tempScale = d3.scaleBand().domain(keys).range([0, x.bandwidth()]);
                         if (x.bandwidth() > 100) {
                             // Increase bar width a bit in zoom-in view
-                            let reducedBarWidth = 80;
+                            let reducedBarWidth = 60;
                             if (!self.isZoomedOut) {
-                                reducedBarWidth = 80;
+                                reducedBarWidth = 100;
                             }
                             if (self.chartData.data.length == 1) {
                                 if (Object.keys(self.chartData.data[0]).length == 2) {