axidio-styleguide-library1-v2 0.0.914 → 0.0.916

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

@@ -8694,17 +8694,11 @@ class HorizontalGroupedBarWithScrollZoomComponent extends ComponentUniqueId {
             }));
         }
         else {
-            // For normal drill down chart, increase padding to reduce bar width
-            let barPadding = 0.5; // Increased padding for thinner bars
-            if (this.isZoomedOut || (this.chartData.data.length > 8 && !this.isZoomedOut) || this.chartConfiguration.isMultiChartGridLine !== undefined) {
-                // Use default padding for zoomed in/out and other chart types
-                barPadding = 0.3;
-            }
             x = d3
                 .scaleBand()
                 .domain(groups)
                 .range([leftAndRightSpaces, width - rightSvgWidth - leftAndRightSpaces])
-                .padding([barPadding]);
+                .padding([0.3]);
         }
         // x.bandwidth(96);
         var xScaleFromOrigin = d3
@@ -8976,13 +8970,13 @@ class HorizontalGroupedBarWithScrollZoomComponent extends ComponentUniqueId {
         }
         var xSubgroup = d3.scaleBand().domain(subgroups);
         if (this.chartConfiguration.isMultiChartGridLine == undefined) {
-            xSubgroup.range([0, x.bandwidth()]);
+            // For normal drill down chart, reduce bar width to 60% of slot and center
+            const barWidthRatio = 0.6;
+            const offset = (x.bandwidth() * (1 - barWidthRatio)) / 2;
+            xSubgroup.range([offset, x.bandwidth() - offset]);
         }
         else {
-            /**
-             * used to make grouped bars with lesser width as we are not using padding for width
-             * used by weekly charts
-             */
+            // For grouped/weekly charts, keep full width
             xSubgroup.range([0, x.bandwidth()]);
         }
         // if (this.chartConfiguration.isDrilldownChart) {