axidio-styleguide-library1-v2 0.0.790 → 0.0.791

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

@@ -8947,8 +8947,8 @@ class HorizontalGroupedBarWithScrollZoomComponent extends ComponentUniqueId {
             }
         })
             .attr('x', function (d) {
-            // Keep original position calculation - no centering adjustments
-            return xSubgroup(d.key);
+            // Do not shift the bar position, always use the center of the subgroup slot
+            return xSubgroup(d.key) + (xSubgroup.bandwidth() - (self.isZoomedOut ? xSubgroup.bandwidth() : xSubgroup.bandwidth() * 0.7)) / 2;
         })
             .attr('y', function (d) {
             if (d.value == -1) {
@@ -8966,33 +8966,9 @@ class HorizontalGroupedBarWithScrollZoomComponent extends ComponentUniqueId {
             return y(0);
         })
             .attr('width', function (d) {
-            let baseWidth = xSubgroup.bandwidth();
-            if (self.chartConfiguration.isDrilldownChart) {
-                // Calculate reduced width based on your existing logic
-                data.map((indiv) => {
-                    if (indiv.name == d.name) {
-                        let keys = Object.keys(indiv).filter((temp, i) => i != 0);
-                        tempScale = d3.scaleBand().domain(keys).range([0, x.bandwidth()]);
-                        if (x.bandwidth() > 100) {
-                            if (self.chartData.data.length == 1) {
-                                if (Object.keys(self.chartData.data[0]).length == 2) {
-                                    // Reduce width by 200px total
-                                    baseWidth = tempScale.bandwidth() * (x.bandwidth() - 200) / x.bandwidth();
-                                }
-                                else {
-                                    // Reduce width by 300px total
-                                    baseWidth = tempScale.bandwidth() * (x.bandwidth() - 300) / x.bandwidth();
-                                }
-                            }
-                            else {
-                                // Reduce width by 125px total
-                                baseWidth = tempScale.bandwidth() * (x.bandwidth() - 125) / x.bandwidth();
-                            }
-                        }
-                    }
-                });
-            }
-            return baseWidth;
+            // Only reduce the width, do not move the bar position
+            const baseWidth = xSubgroup.bandwidth();
+            return self.isZoomedOut ? baseWidth : baseWidth * 0.7;
         })
             .attr('height', function (d) {
             if (d.value == -1) {