axidio-styleguide-library1-v2 0.0.944 → 0.0.946

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

@@ -8809,11 +8809,19 @@ class HorizontalGroupedBarWithScrollZoomComponent extends ComponentUniqueId {
                 .attr('y', function (d) {
                 // For grouped bar charts with many bars and xLabel present, do NOT add extra space (avoid overlap)
                 if (subgroups.length > 1 && data.length > 8 && metaData.xLabel) {
+                    // In maximized (fullscreen) view, keep the gap minimal
+                    if (self.chartConfiguration.isFullScreen) {
+                        return short_tick_length_bg;
+                    }
                     return short_tick_length_bg;
                 }
-                // For grouped bar charts with many bars and NO xLabel, add space as before
+                // 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) {
                     const chartHasExtraBottom = (self.chartConfiguration.margin && self.chartConfiguration.margin.bottom >= 40);
+                    if (self.chartConfiguration.isFullScreen) {
+                        // Reduce extra gap in maximized view
+                        return short_tick_length_bg + 2;
+                    }
                     return chartHasExtraBottom ? short_tick_length_bg : short_tick_length_bg + 10;
                 }
                 // Default/fallback logic for other cases
@@ -8826,6 +8834,10 @@ class HorizontalGroupedBarWithScrollZoomComponent extends ComponentUniqueId {
                 if (/\d{2,4}[-\/]\d{2,4}/.test(d) && d.indexOf(' ') > -1) {
                     baseY += 4;
                 }
+                // In maximized view, reduce baseY slightly for grouped bars
+                if (self.chartConfiguration.isFullScreen && subgroups.length > 1) {
+                    baseY = Math.max(short_tick_length_bg, baseY - 10);
+                }
                 return baseY;
             })
                 .attr('x', function (d) {
@@ -9396,12 +9408,9 @@ class HorizontalGroupedBarWithScrollZoomComponent extends ComponentUniqueId {
                 .attr('class', 'title')
                 .style('z-index', 99)
                 .html(function () {
-                // Show the x-axis label (bar name) for this bar, not the date or any other value
-                let barLabel = d.name; // This is the x-axis label for the bar
+                let barLabel = d.key;
                 let dataType = metaData.dataType ? metaData.dataType : '';
                 let value = d.value;
-                let key = d.key;
-                // Tooltip: show x-axis label and value, but do not show date
                 let desiredText = '<span class="title-bar-name">' + barLabel + '</span>';
                 desiredText +=
                     '<span class="title-bar-value"><span>' +