axidio-styleguide-library1-v2 0.0.785 → 0.0.787

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,7 +8676,8 @@ 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 () {
@@ -8765,6 +8766,9 @@ class HorizontalGroupedBarWithScrollZoomComponent extends ComponentUniqueId {
             });
             svg
                 .selectAll('g.x1.axis1 g.tick')
+                .filter(function (d) {
+                return !/\d{2,4}[-\/]/.test(d); // Only process non-date labels
+            })
                 .append('text')
                 .attr('class', 'lib-xaxis-labels-texts-drilldown')
                 .attr('y', long_tick_length_bg)
@@ -8888,14 +8892,14 @@ class HorizontalGroupedBarWithScrollZoomComponent extends ComponentUniqueId {
         }
         var xSubgroup = d3.scaleBand().domain(subgroups);
         if (this.chartConfiguration.isMultiChartGridLine == undefined) {
-            xSubgroup.range([0, x.bandwidth()]);
+            xSubgroup.range([0, x.bandwidth()]).padding(0.5);
         }
         else {
             /**
              * used to make grouped bars with lesser width as we are not using padding for width
              * used by weekly charts
              */
-            xSubgroup.range([0, x.bandwidth()]);
+            xSubgroup.range([0, x.bandwidth()]).padding(0.5);
         }
         // if (this.chartConfiguration.isDrilldownChart) {
         // }
@@ -9024,7 +9028,7 @@ class HorizontalGroupedBarWithScrollZoomComponent extends ComponentUniqueId {
                 });
                 return tempScale.bandwidth();
             }
-            return xSubgroup.bandwidth();
+            return xSubgroup.bandwidth() * 0.6;
         })
             .attr('height', function (d) {
             if (d.value == -1) {
@@ -9455,8 +9459,7 @@ 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');
@@ -9465,7 +9468,8 @@ 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})`);
         }
         /**
@@ -9477,7 +9481,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')