axidio-styleguide-library1-v2 0.6.24 → 0.6.25

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

@@ -6717,8 +6717,8 @@ class HorizontalBarsWithScrollZoomComponent extends ComponentUniqueId {
         let barWidth;
         let barPadding;
         if (!this.isZoomedOut && dataLength > this.CONSTANTS.ZOOM_IN_THRESHOLD) {
-            barWidth = 60;
-            barPadding = 50;
+            barWidth = 80;
+            barPadding = 40;
         }
         else if (isMobileOrTablet) {
             if (dataLength === 1) {
@@ -6760,11 +6760,6 @@ class HorizontalBarsWithScrollZoomComponent extends ComponentUniqueId {
             requiredSvgWidth,
         };
     }
-    scrollToCenter(scrollableContainer, svgWidth) {
-        const containerWidth = scrollableContainer.node().getBoundingClientRect().width;
-        const scrollPosition = (svgWidth - containerWidth) / 2;
-        scrollableContainer.node().scrollLeft = Math.max(0, scrollPosition);
-    }
     createSvgContainers(chartContainer, dimensions, margin, hasXLabel // Add this parameter
     ) {
         // Calculate total height including space for X-axis label if present
@@ -6847,7 +6842,7 @@ class HorizontalBarsWithScrollZoomComponent extends ComponentUniqueId {
             .style('align-items', 'center')
             .style('background-color', 'var(--card-bg)')
             .style('z-index', '10');
-        return { svg, svgYAxisLeft, svgYAxisRight, innerContainer, bottomLabelContainer, scrollableContainer };
+        return { svg, svgYAxisLeft, svgYAxisRight, innerContainer, bottomLabelContainer };
     }
     createScales(data, layers, lineData, dimensions) {
         const { width, height, barWidth, barPadding } = dimensions;
@@ -7187,7 +7182,7 @@ class HorizontalBarsWithScrollZoomComponent extends ComponentUniqueId {
         const margin = this.chartConfiguration.margin;
         const dimensions = this.calculateDimensions(chartContainer, verticalstackedcontainer, margin, data.length);
         const hasXLabel = !!metaData.xLabel;
-        const { svg, svgYAxisLeft, svgYAxisRight, bottomLabelContainer, scrollableContainer } = this.createSvgContainers(chartContainer, dimensions, margin, hasXLabel);
+        const { svg, svgYAxisLeft, svgYAxisRight, bottomLabelContainer } = this.createSvgContainers(chartContainer, dimensions, margin, hasXLabel);
         const stack = d3.stack().keys(keyList).offset(d3.stackOffsetNone);
         const layers = stack(data);
         data.sort((a, b) => b.total - a.total);
@@ -7201,11 +7196,6 @@ class HorizontalBarsWithScrollZoomComponent extends ComponentUniqueId {
         this.renderTargetLine(svg, svgYAxisRight, scales, dimensions, metaData);
         this.renderDataLabels(rect, scales, metaData, dimensions);
         this.renderLineChart(svg, lineData, scales, colors, metaData);
-        if (!this.isZoomedOut && data.length > this.CONSTANTS.ZOOM_IN_THRESHOLD) {
-            setTimeout(() => {
-                this.scrollToCenter(scrollableContainer, dimensions.requiredSvgWidth);
-            }, 0);
-        }
     }
     renderGrids(svg, scales, dimensions) {
         if (this.chartConfiguration.isXgridBetweenLabels) {