axidio-styleguide-library1-v2 0.6.90 → 0.6.91

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

@@ -3529,30 +3529,24 @@ class GroupChartComponent extends ComponentUniqueId {
         let width = baseWidth;
         const isTablet = window.innerWidth <= 1024 && window.innerWidth > 768;
         const isMobile = window.innerWidth <= 768;
-        let widthMultiplier = 1;
-        if (isMobile) {
-            widthMultiplier = 1.4;
-        }
-        else if (isTablet) {
-            widthMultiplier = 1.25;
-        }
-        if (dataLength > 30 && this.isZoomedOut) {
-            const multiplier = this.chartData.dropdownData1 ? 60 : 40;
-            width = Math.max(width, dataLength * multiplier * widthMultiplier);
-        }
-        if (this.chartData.dropdownData2 && width < dataLength * 120 && this.isZoomedOut) {
-            width = dataLength * 120 * widthMultiplier;
-        }
-        if (dataLength > 8 && !this.isZoomedOut) {
-            if (this.chartData.dropdownData2 && width < dataLength * 250) {
-                width = dataLength * 250 * widthMultiplier;
+        if (this.isZoomedOut) {
+            let widthMultiplier = 1;
+            if (isMobile) {
+                widthMultiplier = 1.4;
             }
-            else {
-                width = dataLength * 160 * widthMultiplier;
+            else if (isTablet) {
+                widthMultiplier = 1.25;
+            }
+            if (dataLength > 30) {
+                const multiplier = this.chartData.dropdownData1 ? 60 : 40;
+                width = Math.max(width, dataLength * multiplier * widthMultiplier);
+            }
+            if (this.chartData.dropdownData2 && width < dataLength * 120) {
+                width = dataLength * 120 * widthMultiplier;
             }
         }
-        else if (!this.isZoomedOut) {
-            width = baseWidth * widthMultiplier;
+        else {
+            width = baseWidth;
         }
         return width;
     }
@@ -3585,7 +3579,6 @@ class GroupChartComponent extends ComponentUniqueId {
         const { width, height, margin } = dimensions;
         const leftAndRightSpaces = 50;
         const rightSvgWidth = 60;
-        const barPadding = 0.3;
         const groups = d3.map(data, (d) => d.name).keys();
         let x;
         if (this.chartConfiguration.isMultiChartGridLine !== undefined) {
@@ -3593,7 +3586,7 @@ class GroupChartComponent extends ComponentUniqueId {
                 .scaleBand()
                 .rangeRound([0, width])
                 .align(0.5)
-                .padding(barPadding)
+                .padding(0.5)
                 .domain(data.map((d) => d.name.toLowerCase()).reverse());
         }
         else {
@@ -3601,7 +3594,7 @@ class GroupChartComponent extends ComponentUniqueId {
                 .scaleBand()
                 .domain(groups.reverse())
                 .range([leftAndRightSpaces, width - rightSvgWidth - leftAndRightSpaces])
-                .padding(barPadding);
+                .padding(0.3);
         }
         const xScaleFromOrigin = d3.scaleBand().domain(groups).range([0, width - rightSvgWidth]);
         const xSubgroup = d3.scaleBand().domain(keyList).range([0, x.bandwidth()]);