axidio-styleguide-library1-v2 0.0.783 → 0.0.784

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

@@ -8453,7 +8453,7 @@ class HorizontalGroupedBarWithScrollZoomComponent extends ComponentUniqueId {
         return false;
     }
     get isAlertEnabled() {
-        return this.chartConfiguration?.headerMenuOptions?.some((option) => option.id === 'editAlert');
+        return this.chartConfiguration?.headerMenuOptions?.some(option => option.id === 'editAlert');
     }
     initializegroupChart() {
         var self = this;
@@ -8594,7 +8594,7 @@ class HorizontalGroupedBarWithScrollZoomComponent extends ComponentUniqueId {
         var svgYAxisLeft = outerContainer
             .append('svg')
             .attr('width', '100')
-            .attr('height', height + margin.top + margin.bottom + 10)
+            .attr('height', (height + margin.top + margin.bottom) + 10)
             .style('position', 'absolute')
             .style('left', '0')
             .style('z-index', 1)
@@ -8603,7 +8603,7 @@ class HorizontalGroupedBarWithScrollZoomComponent extends ComponentUniqueId {
         var svgYAxisRight = outerContainer
             .append('svg')
             .attr('width', rightSvgWidth)
-            .attr('height', height + margin.top + margin.bottom + 10)
+            .attr('height', (height + margin.top + margin.bottom) + 10)
             .style('position', 'absolute')
             .style('right', '12px')
             .style('z-index', 1)
@@ -8618,7 +8618,7 @@ class HorizontalGroupedBarWithScrollZoomComponent extends ComponentUniqueId {
             .append('svg')
             // .attr('id', self.uniqueId)
             .attr('width', width - rightSvgWidth)
-            .attr('height', height + margin.top + margin.bottom + 30)
+            .attr('height', (height + margin.top + margin.bottom) + 30)
             // .call(ChartHelper.responsivefy)
             .append('g')
             .attr('transform', 'translate(' + 0 + ',' + margin.top + ')');
@@ -8676,8 +8676,7 @@ class HorizontalGroupedBarWithScrollZoomComponent extends ComponentUniqueId {
                 .call(d3.axisBottom(x))
                 .call((g) => g.select('.domain').remove());
             svg.selectAll('g.x1.axis1 g.tick line').remove();
-            svg
-                .selectAll('g.x1.axis1 g.tick text')
+            svg.selectAll('g.x1.axis1 g.tick text')
                 .attr('class', 'lib-xaxis-labels-texts-drilldown')
                 .style('fill', 'var(--chart-text-color)');
             // .attr('y', function () {
@@ -8764,7 +8763,9 @@ class HorizontalGroupedBarWithScrollZoomComponent extends ComponentUniqueId {
                 }
                 return d.toLowerCase();
             });
-            svg.selectAll('g.x1.axis1 g.tick').each((d) => {
+            svg
+                .selectAll('g.x1.axis1 g.tick')
+                .each((d) => {
                 // Only append second <text> for non-date labels
                 if (!/\d{2,4}[-\/]/.test(d) && d.trim().indexOf(' ') > -1) {
                     d3.select(this)
@@ -8887,14 +8888,6 @@ class HorizontalGroupedBarWithScrollZoomComponent extends ComponentUniqueId {
             });
         }
         var xSubgroup = d3.scaleBand().domain(subgroups);
-        if (this.isZoomedOut) {
-            // Wider bars in zoomed-out view
-            xSubgroup.range([0, x.bandwidth()]).padding(0.1);
-        }
-        else {
-            // Narrower bars in zoomed-in view
-            xSubgroup.range([0, x.bandwidth()]).padding(0.3); // Increased padding makes bars narrower
-        }
         if (this.chartConfiguration.isMultiChartGridLine == undefined) {
             xSubgroup.range([0, x.bandwidth()]);
         }
@@ -9028,9 +9021,6 @@ class HorizontalGroupedBarWithScrollZoomComponent extends ComponentUniqueId {
                 });
                 return tempScale.bandwidth();
             }
-            if (!self.isZoomedOut) {
-                return xSubgroup.bandwidth() * 0.8; // Reduce width by 20%
-            }
             return xSubgroup.bandwidth();
         })
             .attr('height', function (d) {
@@ -9459,7 +9449,8 @@ class HorizontalGroupedBarWithScrollZoomComponent extends ComponentUniqueId {
                 text.text(null); // Clear current text
                 // Add each word to a new tspan
                 words.forEach((word, index) => {
-                    text.append('tspan').text(word);
+                    text.append('tspan')
+                        .text(word);
                     // .attr('x', '15')
                     // .attr('dy', index === 0 ? '0em' : '0.9em') // Reduced vertical spacing
                     // .attr('text-anchor', 'end');
@@ -9468,8 +9459,7 @@ class HorizontalGroupedBarWithScrollZoomComponent extends ComponentUniqueId {
                 .style('fill', 'var(--chart-text-color)')
                 .attr('transform', null); // Remove rotate if using line breaks
             // Optional: Adjust bottom margin or chart layout
-            svg
-                .select('.x-axis')
+            svg.select('.x-axis')
                 .attr('transform', `translate(0, ${height - margin.bottom + 10})`);
         }
         /**
@@ -9481,7 +9471,7 @@ class HorizontalGroupedBarWithScrollZoomComponent extends ComponentUniqueId {
                 .attr('class', 'lib-axis-group-label font-size-1')
                 .attr('style', self.chartConfiguration.yAxisCustomlabelStyles)
                 .attr('transform', 'rotate(-90)')
-                .attr('y', 0 - margin.left / 2 - 30)
+                .attr('y', 0 - (margin.left / 2) - 30)
                 .attr('x', 0 - height / 2)
                 .attr('dy', '1em')
                 .style('text-anchor', 'middle')