axidio-styleguide-library1-v2 0.0.984 → 0.0.986

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

@@ -8858,8 +8858,10 @@ class HorizontalGroupedBarWithScrollZoomComponent extends ComponentUniqueId {
             });
             // Now apply writing-mode: sideways-lr for grouped charts with date labels in zoomed-out view and many bars
             xAxisLabels.each(function (d) {
-                const isDateLabel = /\d{2,4}[-\/]/.test(d);
-                if (subgroups.length > 1 && self.isZoomedOut && data.length > 8 && isDateLabel) {
+                // Only apply writing-mode for exact date labels, not those containing 'week' or similar
+                const isDateLabel = /^(\d{2,4}[-\/])?\d{2,4}[-\/]\d{2,4}$/.test(d.trim());
+                const isWeekLabel = /week|wk|w\d+/i.test(d);
+                if (subgroups.length > 1 && self.isZoomedOut && data.length > 8 && isDateLabel && !isWeekLabel) {
                     d3.select(this).style('writing-mode', 'sideways-lr');
                 }
             });
@@ -9015,7 +9017,18 @@ class HorizontalGroupedBarWithScrollZoomComponent extends ComponentUniqueId {
             });
         }
         var xSubgroup = d3.scaleBand().domain(subgroups);
-        if (subgroups.length > 1 && !this.isZoomedOut) {
+        // Check if chart is grouped and labels are exact dates
+        const isGroupedWithExactDateLabels = subgroups.length > 1 && data.some((datum) => {
+            const label = datum.name;
+            const isDateLabel = /^\d{2,4}[-\/]\d{2,4}([-\/]\d{2,4})?$/.test(label.trim());
+            const isWeekLabel = /week|wk|w\d+/i.test(label);
+            return isDateLabel && !isWeekLabel;
+        });
+        if (isGroupedWithExactDateLabels) {
+            // Increase bar width for both zoom-in and zoom-out views
+            xSubgroup.range([0, x.bandwidth() * 0.5]);
+        }
+        else if (subgroups.length > 1 && !this.isZoomedOut) {
             // For grouped bar charts in zoom-in view, reduce padding between bars
             xSubgroup.range([0, x.bandwidth()]);
         }