axidio-styleguide-library1-v2 0.0.892 → 0.0.894

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

@@ -3683,7 +3683,7 @@ class GroupChartComponent extends ComponentUniqueId {
             headerMenuOptions: HeaderConfigHelper.headerConfig.headerMenuOptions,
             xAxisGrid: undefined,
             yAxisGrid: false,
-            legendVisible: false,
+            legendVisible: true,
             isHeaderVisible: undefined,
             isTransparentBackground: undefined,
             isMultiChartGridLine: undefined,
@@ -3708,17 +3708,16 @@ class GroupChartComponent extends ComponentUniqueId {
             xLabelsOnSameLine: undefined,
             textAlwaysHorizontal: undefined,
             legendAtTopRight: undefined,
-            isDrilldownChart: true,
+            isDrilldownChart: undefined,
             displayTitleOnTop: undefined,
             isToggleVisible: undefined,
             isTitleHidden: undefined,
             isDisplayBarDetailsAtBottom: undefined,
             howmanyBarDetailsToDisplay: 0,
             barVauleColor: undefined,
-            defaultBarHeight: 2,
         };
         this.uniqueId = this.getUniqueId();
-        this.isZoomedOut = true;
+        this.isZoomedOut = false;
         this.isDD1Open = false;
         this.isDD2Open = false;
         this.keepOrder = (a, b) => {
@@ -3749,7 +3748,7 @@ class GroupChartComponent 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;
@@ -3760,10 +3759,6 @@ class GroupChartComponent extends ComponentUniqueId {
         let colorMap = {};
         var formatFromBackend;
         var formatForHugeNumbers;
-        const isMobile = window.innerWidth < 576;
-        const isTablet = window.innerWidth >= 576 && window.innerWidth < 992;
-        const isDesktop = window.innerWidth >= 992;
-        let isria = this.customChartConfiguration.isRia;
         var x;
         var alternate_text = false;
         var short_tick_length = 4;
@@ -3838,20 +3833,13 @@ class GroupChartComponent extends ComponentUniqueId {
                     ? this.chartConfiguration.svgHeight
                     : parseInt(verticalstackedcontainer.style('height'));
         }
-        if (this.chartConfiguration.isDrilldownChart && !this.isHeaderVisible) {
+        if (this.chartConfiguration.isDrilldownChart) {
             height =
                 parseInt(verticalstackedcontainer.style('height')) -
                     margin.top -
                     margin.bottom -
                     130;
         }
-        if (this.chartConfiguration.isHeaderVisible) {
-            height =
-                parseInt(verticalstackedcontainer.style('height')) -
-                    margin.top -
-                    margin.bottom -
-                    100;
-        }
         /**
          * for hiding header
          * used by weekly charts
@@ -3936,7 +3924,6 @@ class GroupChartComponent extends ComponentUniqueId {
                 .scaleBand()
                 .rangeRound([width, 0])
                 .align(0.5)
-                .padding([0.5])
                 .domain(data.map(function (d) {
                 return d.name.toLowerCase();
             }));
@@ -3946,7 +3933,7 @@ class GroupChartComponent extends ComponentUniqueId {
                 .scaleBand()
                 .domain(groups)
                 .range([leftAndRightSpaces, width - rightSvgWidth - leftAndRightSpaces])
-                .padding([0.3]);
+                .padding([0.2]);
         }
         // x.bandwidth(96);
         var xScaleFromOrigin = d3
@@ -3972,14 +3959,12 @@ class GroupChartComponent extends ComponentUniqueId {
             svg
                 .append('g')
                 .attr('class', 'x1 axis1')
-                .attr('transform', 'translate(0,' + height + ')')
+                .attr('transform', 'translate(-25,' + height + ')')
                 .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')
-                .attr('class', 'lib-xaxis-labels-texts-drilldown')
-                .style('fill', 'var(--chart-text-color)');
+            svg.selectAll('g.x1.axis1 g.tick text')
+                .attr('class', 'lib-xaxis-labels-texts-drilldown');
             // .attr('y', function () {
             //   if (alternate_text) {
             //     alternate_text = false;
@@ -4000,7 +3985,7 @@ class GroupChartComponent extends ComponentUniqueId {
             svg
                 .append('g')
                 .attr('class', 'x1 axis1')
-                .attr('transform', 'translate(0,' + height + ')')
+                .attr('transform', 'translate(-25,' + height + ')')
                 .call(d3.axisBottom(x).tickSize(0))
                 .call((g) => g.select('.domain').attr('fill', 'none'));
             /**
@@ -4043,22 +4028,9 @@ class GroupChartComponent extends ComponentUniqueId {
             svg
                 .selectAll('g.x1.axis1 g.tick text')
                 .attr('class', 'lib-xaxis-labels-texts-drilldown')
-                .style('font-size', this.isHeaderVisible ? '18px' : '14px')
-                .attr('y', this.isHeaderVisible
-                ? short_tick_length_bg + 25
-                : short_tick_length_bg)
-                .attr('x', function (d) {
-                if (self.chartData.data.length > 8 && !self.isZoomedOut) {
-                    return -25; // Move first line text slightly to the left too
-                }
-                return 0; // Default position
-            })
+                .attr('y', short_tick_length_bg)
                 .text(function (d) {
                 var isValueToBeIgnored = false;
-                if (isMobile && !self.isHeaderVisible) {
-                    let firstPart = d.split(/[\s\-]+/)[0];
-                    return firstPart.substring(0, 3).toLowerCase();
-                }
                 data.map((indiv) => {
                     if (indiv.name.toLowerCase() == d.trim().toLowerCase() &&
                         indiv[metaData.keyList[0]] == -1) {
@@ -4068,43 +4040,23 @@ class GroupChartComponent extends ComponentUniqueId {
                 if (isValueToBeIgnored) {
                     return '';
                 }
-                // If label looks like a date (contains digits and - or /), show full label as one line
-                if (/\d{2,4}[-\/]/.test(d)) {
-                    return d;
-                }
                 if (d.trim().indexOf(' ') > -1) {
                     return d.trim().substring(0, d.indexOf(' ')).toLowerCase();
                 }
                 return d.toLowerCase();
             });
-            if (!isMobile) {
-                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)
-                    .attr('fill', 'var(--chart-text-color)')
-                    .attr('x', function (d) {
-                    if (self.chartData.data.length > 8 && !self.isZoomedOut) {
-                        return -25; // Move text slightly to the left
-                    }
-                    return 0; // Default position
-                })
-                    .text(function (d) {
-                    if (d.trim().indexOf(' ') > -1) {
-                        return d.trim().substring(d.indexOf(' '), d.length).toLowerCase();
-                    }
-                    return '';
-                });
-            }
-        }
-        if (isMobile && !this.isHeaderVisible) {
             svg
-                .selectAll('g.x1.axis1 g.tick text')
-                .classed('mobile-xaxis-override', true);
+                .selectAll('g.x1.axis1 g.tick')
+                .append('text')
+                .attr('class', 'lib-xaxis-labels-texts-drilldown')
+                .attr('y', long_tick_length_bg)
+                .attr('fill', 'currentColor')
+                .text(function (d) {
+                if (d.trim().indexOf(' ') > -1) {
+                    return d.trim().substring(d.indexOf(' '), d.length).toLowerCase();
+                }
+                return '';
+            });
         }
         /**y scale for left y axis */
         var y = d3.scaleLinear().rangeRound([height, 0]);
@@ -4186,35 +4138,30 @@ class GroupChartComponent extends ComponentUniqueId {
                 .attr('transform', 'translate(' + x.bandwidth() / 2 + ',' + height + ')')
                 .call(d3.axisBottom(x).tickSize(-height).tickFormat(''))
                 .style('stroke-dasharray', '5 5')
-                .style('color', 'var(--chart-grid-color, #999999)') // Use CSS variable
+                .style('color', '#999999')
                 .call((g) => g.select('.domain').remove());
         }
         if (this.chartConfiguration.yAxisGrid) {
+            /**
+             * draw y axis
+             */
             svg
                 .append('g')
                 .call(d3
                 .axisLeft(y)
                 .ticks(self.chartConfiguration.numberOfYTicks)
                 .tickSize(-width))
-                .style('color', 'var(--chart-axis-color, #B9B9B9)')
+                .style('color', '#B9B9B9')
                 .style('opacity', '0.5')
-                .call((g) => {
-                g.select('.domain')
-                    .remove()
-                    .style('stroke', 'var(--chart-domain-color, #000000)'); // Add CSS variable for domain
-            });
+                .call((g) => g.select('.domain').remove());
         }
         else {
             svg
                 .append('g')
                 .call(d3.axisLeft(y).ticks(self.chartConfiguration.numberOfYTicks))
-                .style('color', 'var(--chart-axis-color, #B9B9B9)')
+                .style('color', '#B9B9B9')
                 .style('opacity', '0.5')
-                .call((g) => {
-                g.select('.domain')
-                    .style('stroke', 'var(--chart-domain-color, #000000)') // Add CSS variable for domain
-                    .style('stroke-width', '1px'); // Ensure visibility
-            });
+                .call((g) => g.select('.domain').remove());
         }
         var xSubgroup = d3.scaleBand().domain(subgroups);
         if (this.chartConfiguration.isMultiChartGridLine == undefined) {
@@ -4281,15 +4228,15 @@ class GroupChartComponent extends ComponentUniqueId {
                             if (self.chartData.data.length == 1) {
                                 if (Object.keys(self.chartData.data[0]).length == 2) {
                                     tempScale.range([
-                                        0 + (x.bandwidth() - 125) / 2,
-                                        x.bandwidth() - (x.bandwidth() - 125) / 2,
+                                        0 + (x.bandwidth() - 200) / 2,
+                                        x.bandwidth() - (x.bandwidth() - 200) / 2,
                                     ]);
                                     // .padding(0.05);
                                 }
                                 else
                                     tempScale.range([
-                                        0 + (x.bandwidth() - 125) / 2,
-                                        x.bandwidth() - (x.bandwidth() - 125) / 2,
+                                        0 + (x.bandwidth() - 300) / 2,
+                                        x.bandwidth() - (x.bandwidth() - 300) / 2,
                                     ]);
                                 // .padding(0.05);
                             }
@@ -4306,15 +4253,7 @@ class GroupChartComponent extends ComponentUniqueId {
             return xSubgroup(d.key);
         })
             .attr('y', function (d) {
-            if (d.value == -1) {
-                return y(0);
-            }
-            if (d.value >= 0) {
-                const barHeight = height - y(d.value);
-                const minHeight = self.chartConfiguration.defaultBarHeight || 2;
-                return barHeight < minHeight ? y(0) - minHeight : y(d.value);
-            }
-            return y(0);
+            return y(d.value);
         })
             .attr('width', function (d) {
             if (self.chartConfiguration.isDrilldownChart) {
@@ -4328,15 +4267,15 @@ class GroupChartComponent extends ComponentUniqueId {
                             if (self.chartData.data.length == 1) {
                                 if (Object.keys(self.chartData.data[0]).length == 2) {
                                     tempScale.range([
-                                        0 + (x.bandwidth() - 125) / 2,
-                                        x.bandwidth() - (x.bandwidth() - 125) / 2,
+                                        0 + (x.bandwidth() - 200) / 2,
+                                        x.bandwidth() - (x.bandwidth() - 200) / 2,
                                     ]);
                                     // .padding(0.05);
                                 }
                                 else
                                     tempScale.range([
-                                        0 + (x.bandwidth() - 125) / 2,
-                                        x.bandwidth() - (x.bandwidth() - 125) / 2,
+                                        0 + (x.bandwidth() - 300) / 2,
+                                        x.bandwidth() - (x.bandwidth() - 300) / 2,
                                     ]);
                                 // .padding(0.05);
                             }
@@ -4348,30 +4287,25 @@ class GroupChartComponent extends ComponentUniqueId {
                         }
                     }
                 });
-                return self.isZoomedOut
-                    ? tempScale.bandwidth()
-                    : self.chartData.data.length && self.chartData.data.length > 8
-                        ? tempScale.bandwidth() * 0.5
-                        : tempScale.bandwidth();
+                return tempScale.bandwidth();
             }
-            return self.isZoomedOut
-                ? tempScale.bandwidth()
-                : self.chartData.data.length && self.chartData.data.length > 8
-                    ? tempScale.bandwidth() * 0.5
-                    : tempScale.bandwidth();
+            return xSubgroup.bandwidth();
         })
             .attr('height', function (d) {
             if (d.value == -1) {
                 return height - y(0);
             }
-            if (d.value >= 0) {
-                const barHeight = height - y(d.value);
-                const minHeight = self.chartConfiguration.defaultBarHeight || 2;
-                return Math.max(barHeight, minHeight);
-            }
+            if (d.value)
+                return height - y(d.value);
             return height - y(0);
         })
-            .style('cursor', () => self.chartData.metaData.hasDrillDown ? 'pointer' : 'default')
+            // .style('cursor', 'pointer')
+            .style('cursor', function (d) {
+            if (metaData.hasDrillDown)
+                return 'pointer';
+            else
+                return 'default';
+        })
             .attr('fill', function (d) {
             if (d.value &&
                 self.chartData.targetLineData &&
@@ -4396,7 +4330,6 @@ class GroupChartComponent extends ComponentUniqueId {
             })
                 .enter()
                 .append('text')
-                .attr('fill', 'var(--chart-text-color)')
                 .attr('x', function (d) {
                 return 0;
             })
@@ -4416,9 +4349,6 @@ class GroupChartComponent extends ComponentUniqueId {
             })
                 .style('font-weight', 'bold')
                 .style('font-size', function (d) {
-                if (self.isZoomedOut) {
-                    return '9px'; // 👈 Zoomed out mode
-                }
                 if (self.chartConfiguration.isDrilldownChart) {
                     if (window.innerWidth > 1900) {
                         return '18px';
@@ -4512,7 +4442,7 @@ class GroupChartComponent extends ComponentUniqueId {
             svg
                 .append('foreignObject')
                 .attr('x', function () {
-                // ...existing code for tempScale calculation...
+                // var tempScale;
                 var elementsCounter;
                 data.map((indiv) => {
                     if (indiv.name == d.name) {
@@ -4526,12 +4456,14 @@ class GroupChartComponent extends ComponentUniqueId {
                                         0 + (x.bandwidth() - 200) / 2,
                                         x.bandwidth() - (x.bandwidth() - 200) / 2,
                                     ]);
+                                    // .padding(0.05);
                                 }
                                 else
                                     tempScale.range([
                                         0 + (x.bandwidth() - 300) / 2,
                                         x.bandwidth() - (x.bandwidth() - 300) / 2,
                                     ]);
+                                // .padding(0.05);
                             }
                             else
                                 tempScale.range([
@@ -4555,12 +4487,13 @@ class GroupChartComponent extends ComponentUniqueId {
             })
                 .attr('class', 'lib-verticalstack-title-ontop')
                 .attr('y', function () {
-                return y(d.value) - 3 - 40 - 10;
+                return y(d.value) - 3 - 40;
             })
                 .attr('dy', function () {
                 return d.class;
             })
                 .attr('width', function () {
+                // var tempScale;
                 data.map((indiv) => {
                     if (indiv.name == d.name) {
                         let keys = Object.keys(indiv).filter((temp, i) => i != 0);
@@ -4572,12 +4505,14 @@ class GroupChartComponent extends ComponentUniqueId {
                                         0 + (x.bandwidth() - 200) / 2,
                                         x.bandwidth() - (x.bandwidth() - 200) / 2,
                                     ]);
+                                    // .padding(0.05);
                                 }
                                 else
                                     tempScale.range([
                                         0 + (x.bandwidth() - 300) / 2,
                                         x.bandwidth() - (x.bandwidth() - 300) / 2,
                                     ]);
+                                // .padding(0.05);
                             }
                             else
                                 tempScale.range([
@@ -4601,20 +4536,29 @@ class GroupChartComponent extends ComponentUniqueId {
                 .attr('class', 'title')
                 .style('z-index', 99)
                 .html(function () {
-                // Show the x-axis label (bar name) for this bar, not the date or any other value
-                let barLabel = d.name; // This is the x-axis label for the bar
                 let dataType = metaData.dataType ? metaData.dataType : '';
-                let value = d.value;
-                let key = d.key;
-                // Tooltip: show x-axis label and value, but do not show date
-                let desiredText = '<span class="title-bar-name">' + barLabel + '</span>';
-                desiredText +=
-                    '<span class="title-bar-value"><span>' +
-                        value +
-                        '</span>' +
+                if (!self.isZoomedOut) {
+                    let desiredText = '<span class="title-bar-name">' + d.key + '</span>';
+                    desiredText +=
+                        '<span class="title-bar-value"><span>' +
+                            d.value +
+                            '</span>' +
+                            dataType +
+                            '</span>';
+                    return desiredText;
+                }
+                else {
+                    let tempKey = d.key.length <= 8 ? d.key : d.key.substring(0, 5) + '...';
+                    let desiredText = '<span class="title-bar-name">' +
+                        tempKey +
+                        ':' +
+                        d.value +
                         dataType +
                         '</span>';
-                return desiredText;
+                    desiredText +=
+                        '<span class="title-bar-value">' + d.name + '</span>';
+                    return desiredText;
+                }
             });
         }
         function handleMouseOut(d, i) {
@@ -4652,7 +4596,6 @@ class GroupChartComponent extends ComponentUniqueId {
                 })
                     .enter()
                     .append('text')
-                    .attr('fill', 'var(--chart-text-color)')
                     .attr('class', 'barstext')
                     .attr('x', function (d) {
                     return xSubgroup(d.key);
@@ -4664,7 +4607,7 @@ class GroupChartComponent extends ComponentUniqueId {
                     .style('fill', function (d) {
                     return metaData.colors[d.key];
                 })
-                    .attr('width', self.isZoomedOut ? xSubgroup.bandwidth() : xSubgroup.bandwidth())
+                    .attr('width', xSubgroup.bandwidth())
                     .text(function (d) {
                     return d.value;
                 });
@@ -4674,7 +4617,7 @@ class GroupChartComponent extends ComponentUniqueId {
             .append('g')
             .attr('class', 'x2 axis2')
             .attr('transform', 'translate(0,' + height + ')')
-            .style('color', 'var(--chart-axis-color, #000)') // Use CSS variable instead of hardcoded #000
+            .style('color', '#000')
             .call(d3.axisBottom(xScaleFromOrigin).tickSize(0))
             .call((g) => g.select('.domain').attr('fill', 'none'));
         svg.selectAll('g.x2.axis2 g.tick text').style('display', 'none');
@@ -4686,7 +4629,6 @@ class GroupChartComponent extends ComponentUniqueId {
             .call(y)
             .style('display', 'none');
         svgYAxisLeft
-            .append('g')
             .append('g')
             .attr('class', 'lib-yaxis-labels-texts-drilldown yaxis-dashed')
             .attr('style', self.chartConfiguration.yAxisCustomTextStyles)
@@ -4695,20 +4637,7 @@ class GroupChartComponent extends ComponentUniqueId {
             .axisLeft(y)
             .tickSize(0)
             .ticks(self.chartConfiguration.numberOfYTicks)
-            .tickFormat(function (d) {
-            const formatted = self.chartConfiguration.yAxisLabelFomatter
-                ? self.chartConfiguration.yAxisLabelFomatter(d)
-                : d;
-            return formatted >= 1000 ? formatted / 1000 + 'k' : formatted;
-        }))
-            .call((g) => {
-            // Style the domain line for theme support
-            g.select('.domain')
-                .style('stroke', 'var(--chart-domain-color, #000000)')
-                .style('stroke-width', '1px');
-        })
-            .selectAll('text')
-            .style('fill', 'var(--chart-text-color)');
+            .tickFormat(self.chartConfiguration.yAxisLabelFomatter));
         svgYAxisRight
             .append('g')
             .attr('class', 'lib-yaxis-labels-texts-drilldown yaxis-dashed')
@@ -4749,7 +4678,7 @@ class GroupChartComponent extends ComponentUniqueId {
             this.chartConfiguration.isYaxisDashed) {
             d3.selectAll('.yaxis-dashed')
                 .style('stroke-dasharray', '5 5')
-                .style('color', 'var(--chart-axis-color, #999999)'); // Use CSS variable
+                .style('color', '#999999');
         }
         if (lineData != null) {
             if (lineData && self.chartConfiguration.showLineChartAxis) {
@@ -4764,69 +4693,64 @@ class GroupChartComponent extends ComponentUniqueId {
         /**
          * used to display y label
          */
-        // if (this.isZoomedOut) {
-        //   svg
-        //     .selectAll('.lib-xaxis-labels-texts-drilldown')
-        //     .attr('class', 'lib-display-hidden');
-        // }
         if (this.isZoomedOut) {
-            // svg
-            //   .selectAll('.lib-xaxis-labels-texts-drilldown')
-            //   .attr('transform', 'rotate(-30)')
-            //   .attr('text-anchor', 'end')
-            //   .attr('x', '-5')
-            //   .attr('dy', null)
-            //   .style('fill', 'var(--chart-text-color)');
             svg
                 .selectAll('.lib-xaxis-labels-texts-drilldown')
-                .each((d, i, nodes) => {
-                const text = d3.select(nodes[i]);
-                const label = text.text();
-                const words = label.split(' ');
-                text.text(null); // Clear current text
-                // Add each word to a new tspan
-                words.forEach((word, index) => {
-                    text.append('tspan').text(word);
-                    // .attr('x', '15')
-                    // .attr('dy', index === 0 ? '0em' : '0.9em') // Reduced vertical spacing
-                    // .attr('text-anchor', 'end');
-                });
-            })
-                .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')
-                .attr('transform', `translate(0, ${height - margin.bottom + 10})`);
+                .attr('class', 'lib-display-hidden');
         }
         /**
          * used to write y labels based on configuration
          */
         if (metaData.yLabel) {
-            const yPosition = isria ? 0 - margin.left / 2 - 30 : 0 - margin.left / 2 - 40;
             svgYAxisLeft
                 .append('text')
                 .attr('class', 'lib-axis-group-label font-size-1')
                 .attr('style', self.chartConfiguration.yAxisCustomlabelStyles)
                 .attr('transform', 'rotate(-90)')
-                .attr('y', yPosition)
+                .attr('y', 0 - margin.left / 2 - 30)
                 .attr('x', 0 - height / 2)
                 .attr('dy', '1em')
-                .style('text-anchor', 'middle')
-                .attr('fill', 'var(--chart-text-color)');
-            if (this.chartConfiguration.isMultiChartGridLine === undefined) {
+                .style('text-anchor', 'middle');
+            if (this.chartConfiguration.isMultiChartGridLine == undefined) {
                 svgYAxisLeft
                     .selectAll('.lib-axis-group-label')
                     .style('font-size', 'smaller')
                     .text(metaData.yLabel);
             }
             else {
+                /**
+                 * used by weekly charts
+                 */
                 svg
                     .selectAll('.lib-axis-group-label')
                     .attr('class', 'lib-ylabel-weeklyCharts')
                     .text(metaData.yLabel.toLowerCase());
             }
         }
+        if (metaData.xLabel) {
+            function isAcronym(label) {
+                return ((label.length <= 4 && /^[A-Z]+$/.test(label)) ||
+                    (label === label.toUpperCase() && /[A-Z]/.test(label)));
+            }
+            const xLabelText = metaData.xLabel;
+            const isAcr = isAcronym(xLabelText.replace(/[^A-Za-z]/g, ''));
+            svg
+                .append('text')
+                .attr('class', function () {
+                let baseClass = 'lib-axis-group-label font-size-1';
+                if (self.chartConfiguration.isDrilldownChart)
+                    return baseClass + ' lib-xlabel-drilldowncharts';
+                if (self.chartConfiguration.isMultiChartGridLine != undefined)
+                    return baseClass + ' lib-xlabel-weeklyCharts';
+                return baseClass + ' lib-axis-waterfall-label';
+            })
+                .attr('style', self.chartConfiguration.xAxisCustomlabelStyles)
+                .attr('transform', 'translate(' + width / 2 + ' ,' + (height + margin.top + 20) + ')')
+                .style('text-anchor', 'middle')
+                .style('fill', 'var(--chart-text-color)')
+                .text(isAcr ? xLabelText.toUpperCase() : xLabelText.toLowerCase())
+                .style('text-transform', isAcr ? 'none' : 'capitalize');
+        }
         if (this.chartData.targetLineData) {
             const yZero = y(this.chartData.targetLineData.target);
             svg
@@ -4880,36 +4804,10 @@ class GroupChartComponent extends ComponentUniqueId {
             //   .text(metaData.yLabel.toLowerCase());
             svg.selectAll('g.x1.axis1 g.tick line').style('display', 'none');
         }
-        if (metaData.xLabel) {
-            function isAcronym(label) {
-                return ((label.length <= 4 && /^[A-Z]+$/.test(label)) ||
-                    (label === label.toUpperCase() && /[A-Z]/.test(label)));
-            }
-            const xLabelText = metaData.xLabel;
-            const isAcr = isAcronym(xLabelText.replace(/[^A-Za-z]/g, ''));
-            const xPosition = isria ? (height + margin.top + margin.bottom) : (height + margin.top + margin.bottom + 10);
-            svg
-                .append('text')
-                .attr('class', function () {
-                let baseClass = 'lib-axis-group-label font-size-1';
-                if (self.chartConfiguration.isDrilldownChart)
-                    return baseClass + ' lib-xlabel-drilldowncharts';
-                if (self.chartConfiguration.isMultiChartGridLine != undefined)
-                    return baseClass + ' lib-xlabel-weeklyCharts';
-                return baseClass + ' lib-axis-waterfall-label';
-            })
-                .attr('style', self.chartConfiguration.xAxisCustomlabelStyles)
-                .attr('transform', 'translate(' + width / 2 + ' ,' + xPosition + ')')
-                .style('text-anchor', 'middle')
-                .style('fill', 'var(--chart-text-color)')
-                .text(isAcr ? xLabelText.toUpperCase() : xLabelText.toLowerCase())
-                .style('text-transform', isAcr ? 'none' : 'capitalize');
-        }
         if (metaData.lineyLabel) {
             svgYAxisRight
                 .append('text')
                 .attr('class', 'lib-axis-group-label lib-line-axis')
-                .attr('fill', 'var(--chart-text-color)')
                 .attr('style', self.chartConfiguration.yAxisCustomlabelStyles)
                 .attr('transform', 'translate(0,0) rotate(90)')
                 .attr('y', 0 - 100)
@@ -4958,13 +4856,12 @@ class GroupChartComponent extends ComponentUniqueId {
                 .attr('cy', function (d) {
                 return lineYscale(d.value);
             })
-                .style('cursor', () => self.chartData.metaData.hasDrillDown ? 'pointer' : 'default')
+                .style('cursor', 'pointer')
                 .attr('r', 3);
             if (self.chartConfiguration.lineGraphColor) {
                 dot
                     .append('text')
                     .attr('class', 'dot')
-                    .attr('fill', 'var(--chart-text-color)')
                     .attr('color', self.chartConfiguration.lineGraphColor)
                     .attr('style', 'font-size: ' + '.85em')
                     .attr('x', function (d, i) {
@@ -4999,11 +4896,11 @@ class GroupChartComponent extends ComponentUniqueId {
         this.clickEvent.emit(event);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: GroupChartComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: GroupChartComponent, selector: "lib-group-chart", inputs: { chartData: "chartData", customChartConfiguration: "customChartConfiguration" }, outputs: { clickEvent: "clickEvent", headerMenuclickEvent: "headerMenuclickEvent" }, viewQueries: [{ propertyName: "containerElt", first: true, predicate: ["groupchartcontainer"], descendants: true, static: true }, { propertyName: "groupcontainerElt", first: true, predicate: ["groupcontainer"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<div\r\n  #groupcontainer\r\n  class=\"lib-chart-wrapper\"\r\n  [ngClass]=\"{ 'lib-no-background': isTransparentBackground }\"\r\n  [style.background-color]=\"chartConfiguration.backgroundColor\"\r\n  (resized)=\"onResized($event)\"\r\n>\r\n\r\n<div class=\"header-alt\" *ngIf=\"!isHeaderVisible\">\r\n  <lib-chart-header-v2\r\n    [chartData]=\"chartData\"\r\n    [chartConfiguration]=\"chartConfiguration\"\r\n    (clickEvent)=\"handleClick($event)\"\r\n  ></lib-chart-header-v2>\r\n  <lib-chart-header-v3\r\n    [chartData]=\"chartData\"\r\n    [chartConfiguration]=\"chartConfiguration\"\r\n    (compareByFilterSelection)=\"handleCompareByFilterSelection($event)\"\r\n    (zoomInZoomOutClick)=\"handleZoominZoomoutClick($event)\"\r\n  ></lib-chart-header-v3>\r\n</div>\r\n\r\n  <lib-chart-header-v1\r\n  [title]=\"chartData.metaData.title\"\r\n  [hasDrillDown]=\"chartData.metaData.hasDrillDown\"\r\n  [isEditEnabled]=\"chartData.metaData.isEditEnabled\"\r\n  [menuOptions]=\"chartConfiguration.headerMenuOptions\"\r\n  [isria]=\"customChartConfiguration.isRia\"\r\n  [selectedKpiTooltop]=\"chartConfiguration.selectedKpiTooltop\"\r\n  (menuOptionClickEvent)=\"handleHeaderMenuClick($event)\"\r\n  [isAlertEnabled]=\"isAlertEnabled\"\r\n  *ngIf=\"isHeaderVisible\"\r\n></lib-chart-header-v1>\r\n\r\n  <div\r\n    [style.height]=\"chartConfiguration.svgHeight\"\r\n    id=\"groupchartcontainer\"\r\n    #groupchartcontainer\r\n    class=\"lib-chart-svg\"\r\n  ></div>\r\n</div>\r\n", styles: [".lib-axis-group-label{font-size:.85em;font-weight:600;letter-spacing:0px;color:#000;opacity:1}.text-transform-uppercase{text-transform:uppercase!important}.text-transform-capitalize{text-transform:capitalize!important}.legend-holder-right{display:flex;justify-content:flex-end}.display-flex{display:flex}.legends-positioning-inline{display:flex;align-items:center;justify-content:center;margin-right:10px;margin-left:35px;font-size:18px;font-weight:700;letter-spacing:0px;color:#000;opacity:1}.title{background-color:#d9d9d9;height:35px;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:3px;line-height:1}.title:after{content:\"\";position:absolute;bottom:0;margin-bottom:-10px;left:50%;margin-left:-10px;width:0;height:0;border-top:solid 10px #d3d3d3;border-left:solid 10px transparent;border-right:solid 10px transparent}.title-bar-name{color:var(--font-color)!important;font-size:17px;font-weight:700;text-transform:capitalize}.title-bar-value{color:var(--font-color)!important;font-size:14px}.title-bar-value>span{font-weight:600}.zoomIcons-holder{display:flex;align-items:center}.legends-latest{height:14px;width:14px;display:flex;margin-right:10px}.legend-latest-holder{font-size:12px;display:flex;justify-content:flex-start;align-items:center}.marginRight-30{margin-right:30px}.zoomIcons-holder{display:flex;align-items:center;margin-right:15px}.zoomIcons{border:.5px solid #b6b6b6;cursor:pointer;display:flex;justify-content:center;align-items:center;width:30px;height:30px;color:var(--color)!important}.zoom-active{background-color:#2d5ca0;opacity:1}.zoom-inactive{background-color:#d9d9d9;opacity:.5}.flex-inline{display:flex;justify-content:center;align-items:center;font-size:14px}.marginLeft-20{margin-left:20px}.target-display{font-size:12px;line-height:14.52px;font-weight:700;text-transform:uppercase;float:right}.legend-style{font-weight:600;text-transform:capitalize}.bar-values{margin-top:10px}.bar-name{font-weight:600;margin-right:10px;text-transform:capitalize}.lib-chart-svg{margin-top:10px}.bar-value{height:29px;background-color:#f4f4f4;padding-left:15px;padding-right:15px;border-radius:8px;box-shadow:-2px 2px 10px #0000004d,2px 2px 10px #0000004d;font-weight:600}.mobile-xaxis-override{writing-mode:sideways-lr}@media (min-height: 900px){.legends-latest{height:17px;width:17px}}\n", ".lib-chart-wrapper{width:100%;height:100%;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto;background:#fff 0% 0% no-repeat padding-box;position:relative}.lib-chart-wrapper-wo-shadow{width:100%;height:100%;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto}.lib-chart-wrapper:hover .chart-header-v1{background-color:#2e3640}.lib-chart-wrapper:hover .chart-title{color:#fff}.lib-chart-svg{width:100%}.lib-chart-header{text-align:center;background-color:#052340;color:#fff;width:100%;height:17%;word-spacing:.5px;line-height:1.8;font-weight:700;padding-top:2%;letter-spacing:0;font-size:1.2em}.lib-donut-chart-footer{width:100%;text-align:right}.lib-donut-label-text{font-size:.9em;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto;font-weight:400;letter-spacing:0px;color:#000;opacity:1}.lib-donut-label-icon{display:inline-block;width:10px;height:10px;margin-right:20px;border-radius:3px}.lib-donut-label-item{font-weight:400;font-size:.85em;color:#2f2f2f}.lib-donut-justified-label-wrapper{width:100%;display:inline-block;text-align:center;list-style-type:none}.lib-donut-justified-label-item{font-weight:400;font-size:.85em;color:#2f2f2f;display:inline-block;text-align:left;padding:0 10px}.lib-donut-justified-label-icon{display:inline-block;width:10px;height:10px;margin-right:5px;border-radius:3px}.lib-no-background{background:none!important}.lib-display-hidden{display:none}.lib-ylabel-weeklyCharts{font-style:normal;font-variant:normal;font-weight:800;font-size:10px;line-height:12px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto;letter-spacing:-.07px;text-transform:capitalize;color:#000}.lib-data-labels-weeklycharts{font-style:normal;font-variant:normal;font-weight:400;font-size:12px;line-height:14px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto;letter-spacing:-.06px;color:#000}.lib-data-labels-angled-weeklycharts{font-style:normal;font-variant:normal;font-weight:800;font-size:9.5px;line-height:11px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto;letter-spacing:.4px;text-anchor:start}.lib-xaxis-labels-texts-weeklycharts{font-style:normal;font-variant:normal;font-weight:800;font-size:10px;line-height:11px;letter-spacing:-.05px;fill:#000}.lib-xaxis-labels-texts-drilldown{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto;font-size:14px;letter-spacing:-1px;color:#000;opacity:1;text-transform:capitalize}.lib-white-space-nowrap{white-space:nowrap}.lib-xaxis-labels-texts-drilldown-alt{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto;font-size:10px;letter-spacing:0px;color:#000;opacity:1;text-transform:capitalize}.lib-yaxis-labels-texts-drilldown{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto;font-size:14px;letter-spacing:0px;color:#000!important;opacity:1}.lib-ylabel-drilldowncharts,.lib-xlabel-drilldowncharts{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto;font-size:16px;letter-spacing:-.1px;color:#000!important;opacity:1}.lib-donut-justified-label-icon-drilldown{display:inline-block;width:14px;height:14px;margin-right:10px;border-radius:50%}.marginright-2{margin-right:2%}.margintop-5{margin-top:5%}.width-100{width:100%}.float-right{float:right}.marginBottom-10{margin-bottom:10px}.header-alt{align-items:center;margin-bottom:10px}input::placeholder{font-size:20px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto;letter-spacing:0px;color:#000;opacity:1}.padding-5{padding:5px}.hidden{visibility:hidden}.font-weight-bold{font-weight:900}.textalign-center{text-align:center}.cursor-pointer{cursor:pointer}.cursor-default{cursor:default}.font-weight-600{font-weight:600}.marginRight-15{margin-right:15px}.marginRight-20{margin-right:20px}.switch{position:relative;display:inline-block;width:46px;height:24px;margin-left:5px;margin-right:5px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:#2d5ca0;-webkit-transition:.4s;transition:.4s}.slider:before{position:absolute;content:\"\";height:18px;width:18px;right:3px;bottom:3px;background-color:#fff;-webkit-transition:.4s;transition:.4s}.slider.round{border-radius:18px}.slider.round:before{border-radius:50%}.slider1{position:absolute;cursor:pointer;inset:0;background-color:#015ba2cf;-webkit-transition:.4s;transition:.4s}.slider1:before{position:absolute;content:\"\";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;-webkit-transition:.4s;transition:.4s}.slider1.round1{border-radius:18px}.slider1.round1:before{border-radius:50%}.lib-display-flex{display:flex}.lib-align-items-center{align-items:center}.lib-flex-direction-column{flex-direction:column}.lib-justify-content-space-between{justify-content:space-between}.lib-justify-content-space-around{justify-content:space-around}.lib-justify-content-center{justify-content:center}.lib-justify-content-start{justify-content:start}.lib-justify-content-end{justify-content:end}.lib-ml-20{margin-left:20px}.lib-position-absolute{position:absolute}.lib-z-index-9{z-index:9}.marginright-3{margin-right:3px}@media (min-height: 900px){.lib-chart-wrapper{border-radius:8px}.header-font-size-1{font-size:18px!important}.font-size-1{font-size:14px!important}.font-size-2{font-size:16px!important}.font-size-3{font-size:14px!important}.font-size-4{font-size:22px!important}.font-size-5{font-size:24px!important}}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.ResizedDirective, selector: "[resized]", outputs: ["resized"] }, { kind: "component", type: ChartHeaderV1Component, selector: "lib-chart-header-v1", inputs: ["isAlertEnabled", "title", "menuOptions", "isEditEnabled", "isria", "hasDrillDown", "selectedKpiTooltop"], outputs: ["menuOptionClickEvent"] }, { kind: "component", type: ChartHeaderV2Component, selector: "lib-chart-header-v2", inputs: ["chartData", "chartConfiguration"], outputs: ["clickEvent", "zoomInZoomOutClick"] }, { kind: "component", type: ChartHeaderV3Component, selector: "lib-chart-header-v3", inputs: ["chartData", "chartConfiguration"], outputs: ["compareByFilterSelection", "zoomInZoomOutClick"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: GroupChartComponent, selector: "lib-group-chart", inputs: { chartData: "chartData", customChartConfiguration: "customChartConfiguration" }, outputs: { clickEvent: "clickEvent", headerMenuclickEvent: "headerMenuclickEvent" }, viewQueries: [{ propertyName: "containerElt", first: true, predicate: ["groupchartcontainer"], descendants: true, static: true }, { propertyName: "groupcontainerElt", first: true, predicate: ["groupcontainer"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<div\r\n  #groupcontainer\r\n  class=\"lib-chart-wrapper\"\r\n  [ngClass]=\"{ 'lib-no-background': isTransparentBackground }\"\r\n  style=\"background-color: var(--card-bg);\"\r\n  (resized)=\"onResized($event)\"\r\n>\r\n\r\n<div class=\"header-alt\" *ngIf=\"!isHeaderVisible\">\r\n  <lib-chart-header-v2\r\n    [chartData]=\"chartData\"\r\n    [chartConfiguration]=\"chartConfiguration\"\r\n    (clickEvent)=\"handleClick($event)\"\r\n  ></lib-chart-header-v2>\r\n  <lib-chart-header-v3\r\n    [chartData]=\"chartData\"\r\n    [chartConfiguration]=\"chartConfiguration\"\r\n    (compareByFilterSelection)=\"handleCompareByFilterSelection($event)\"\r\n    (zoomInZoomOutClick)=\"handleZoominZoomoutClick($event)\"\r\n  ></lib-chart-header-v3>\r\n</div>\r\n\r\n  <lib-chart-header-v1\r\n  [title]=\"chartData.metaData.title\"\r\n  [hasDrillDown]=\"chartData.metaData.hasDrillDown\"\r\n  [isEditEnabled]=\"chartData.metaData.isEditEnabled\"\r\n  [menuOptions]=\"chartConfiguration.headerMenuOptions\"\r\n  [isria]=\"customChartConfiguration.isRia\"\r\n  [selectedKpiTooltop]=\"chartConfiguration.selectedKpiTooltop\"\r\n  (menuOptionClickEvent)=\"handleHeaderMenuClick($event)\"\r\n  [isAlertEnabled]=\"isAlertEnabled\"\r\n  *ngIf=\"isHeaderVisible\"\r\n></lib-chart-header-v1>\r\n\r\n  <div\r\n    [style.height]=\"chartConfiguration.svgHeight\"\r\n    id=\"groupchartcontainer\"\r\n    #groupchartcontainer\r\n    class=\"lib-chart-svg\"\r\n  ></div>\r\n</div>\r\n", styles: [".lib-stacked-y-axis-text text,.lib-stacked-x-axis-text text{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto;font-weight:400;letter-spacing:0px;color:#000;opacity:1;font-size:1.2em}.lib-axis-group-label{font-size:.85em;font-weight:600;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto;letter-spacing:0px;color:#000;opacity:1}.dots{font-size:10px}.inline__display{display:flex;justify-content:space-around;padding-top:2%}.verticalbar__text{font-style:normal;font-variant:normal;font-weight:400;font-size:13px;line-height:20px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto;letter-spacing:0px;opacity:1}.lib-line-label-item{display:inline-block!important;font-size:.85em;margin-right:10px;font-weight:600}.lib-line-label-wrapper-vertical{display:flex;justify-content:center}.target-display{font-size:12px;line-height:14.52px;font-weight:700;text-transform:uppercase;float:right}.title{background-color:#d9d9d9;height:35px;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:3px;line-height:1}.title:after{content:\"\";position:absolute;bottom:0;left:50%;margin-left:-10px;width:0;height:0;border-top:solid 10px #d3d3d3;border-left:solid 10px transparent;border-right:solid 10px transparent}.title-top-text{color:#000;font-size:14px;font-weight:600}.title-bar-name{color:#000;font-size:12px;font-weight:700;text-transform:capitalize}.title-bottom-text{color:#4f4f4f;font-size:12px}.zoomIcons-holder{display:flex;align-items:center;margin-right:15px}.zoomIcons{border:.5px solid #b6b6b6;cursor:pointer;display:flex;justify-content:center;align-items:center;width:30px;height:30px;color:var(--color)!important}.zoom-active{background-color:#2d5ca0;opacity:1}.zoom-inactive{background-color:#d9d9d9;opacity:.5}@media screen and (min-width: 1024px) and (min-height: 400px){.lib-stacked-y-axis-text text,.lib-stacked-x-axis-text text{font-size:10px!important}.dots{font-size:10px!important}}@media screen and (min-width: 1024px) and (min-height: 1000px){.lib-stacked-y-axis-text text,.lib-stacked-x-axis-text text{font-size:10px!important}.dots{font-size:10px!important}}@media screen and (min-width: 1024px) and (min-height: 1500px){.lib-stacked-y-axis-text text,.lib-stacked-x-axis-text text{font-size:10px!important}.dots{font-size:10px!important}}@media screen and (min-width: 1366px) and (min-height: 400px){.lib-stacked-y-axis-text text,.lib-stacked-x-axis-text text{font-size:12px!important}.dots{font-size:12px!important}}@media screen and (min-width: 1366px) and (min-height: 1000px){.lib-stacked-y-axis-text text,.lib-stacked-x-axis-text text{font-size:12px!important}.dots{font-size:12px!important}}@media screen and (min-width: 1366px) and (min-height: 1500px){.lib-stacked-y-axis-text text,.lib-stacked-x-axis-text text{font-size:12px!important}.dots{font-size:12px!important}}@media screen and (min-width: 1920px) and (min-height: 400px){.lib-stacked-y-axis-text text,.lib-stacked-x-axis-text text{font-size:14px!important}.dots{font-size:14px!important}}@media screen and (min-width: 1920px) and (min-height: 1000px){.lib-stacked-y-axis-text text,.lib-stacked-x-axis-text text{font-size:14px!important}.dots{font-size:14px!important}}@media screen and (min-width: 1920px) and (min-height: 1500px){.lib-stacked-y-axis-text text,.lib-stacked-x-axis-text text{font-size:14px!important}.dots{font-size:14px!important}}@media screen and (min-width: 2560px) and (min-height: 500px){.lib-stacked-y-axis-text text,.lib-stacked-x-axis-text text{font-size:16px!important}.dots{font-size:16px!important}}@media screen and (min-width: 2560px) and (min-height: 1000px){.lib-stacked-y-axis-text text,.lib-stacked-x-axis-text text{font-size:16px!important}.dots{font-size:16px!important}}@media screen and (min-width: 2560px) and (min-height: 1500px){.lib-stacked-y-axis-text text,.lib-stacked-x-axis-text text{font-size:16px!important}}.bottom__text{position:absolute!important;bottom:0!important;display:flex!important;justify-content:center!important;align-items:center!important;width:100%!important}.box__heightwidth{opacity:1;height:10px;width:10px;border:none!important;border-radius:50%}.label__text{margin-right:10px;display:flex;justify-content:center;align-items:center;font-style:normal;font-variant:normal;font-weight:400;font-size:10px;line-height:13px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;letter-spacing:.2px;color:#707070!important}.lib-verticalstack-labels-ontop-weklycharts{font-style:normal;font-variant:normal;font-weight:700;font-size:10px;line-height:11px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto;letter-spacing:-.05px;text-anchor:middle;fill:#000}.lib-verticalstack-title-ontop{font-style:normal;font-variant:normal;font-size:14px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto;letter-spacing:-.05px;text-anchor:middle;fill:#000}.marginLeft-20{margin-left:20px}.flex-inline{display:flex;justify-content:center;align-items:center;font-size:14px}\n", ".lib-chart-wrapper{width:100%;height:100%;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto;background:#fff 0% 0% no-repeat padding-box;position:relative}.lib-chart-wrapper-wo-shadow{width:100%;height:100%;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto}.lib-chart-wrapper:hover .chart-header-v1{background-color:#2e3640}.lib-chart-wrapper:hover .chart-title{color:#fff}.lib-chart-svg{width:100%}.lib-chart-header{text-align:center;background-color:#052340;color:#fff;width:100%;height:17%;word-spacing:.5px;line-height:1.8;font-weight:700;padding-top:2%;letter-spacing:0;font-size:1.2em}.lib-donut-chart-footer{width:100%;text-align:right}.lib-donut-label-text{font-size:.9em;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto;font-weight:400;letter-spacing:0px;color:#000;opacity:1}.lib-donut-label-icon{display:inline-block;width:10px;height:10px;margin-right:20px;border-radius:3px}.lib-donut-label-item{font-weight:400;font-size:.85em;color:#2f2f2f}.lib-donut-justified-label-wrapper{width:100%;display:inline-block;text-align:center;list-style-type:none}.lib-donut-justified-label-item{font-weight:400;font-size:.85em;color:#2f2f2f;display:inline-block;text-align:left;padding:0 10px}.lib-donut-justified-label-icon{display:inline-block;width:10px;height:10px;margin-right:5px;border-radius:3px}.lib-no-background{background:none!important}.lib-display-hidden{display:none}.lib-ylabel-weeklyCharts{font-style:normal;font-variant:normal;font-weight:800;font-size:10px;line-height:12px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto;letter-spacing:-.07px;text-transform:capitalize;color:#000}.lib-data-labels-weeklycharts{font-style:normal;font-variant:normal;font-weight:400;font-size:12px;line-height:14px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto;letter-spacing:-.06px;color:#000}.lib-data-labels-angled-weeklycharts{font-style:normal;font-variant:normal;font-weight:800;font-size:9.5px;line-height:11px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto;letter-spacing:.4px;text-anchor:start}.lib-xaxis-labels-texts-weeklycharts{font-style:normal;font-variant:normal;font-weight:800;font-size:10px;line-height:11px;letter-spacing:-.05px;fill:#000}.lib-xaxis-labels-texts-drilldown{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto;font-size:14px;letter-spacing:-1px;color:#000;opacity:1;text-transform:capitalize}.lib-white-space-nowrap{white-space:nowrap}.lib-xaxis-labels-texts-drilldown-alt{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto;font-size:10px;letter-spacing:0px;color:#000;opacity:1;text-transform:capitalize}.lib-yaxis-labels-texts-drilldown{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto;font-size:14px;letter-spacing:0px;color:#000!important;opacity:1}.lib-ylabel-drilldowncharts,.lib-xlabel-drilldowncharts{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto;font-size:16px;letter-spacing:-.1px;color:#000!important;opacity:1}.lib-donut-justified-label-icon-drilldown{display:inline-block;width:14px;height:14px;margin-right:10px;border-radius:50%}.marginright-2{margin-right:2%}.margintop-5{margin-top:5%}.width-100{width:100%}.float-right{float:right}.marginBottom-10{margin-bottom:10px}.header-alt{align-items:center;margin-bottom:10px}input::placeholder{font-size:20px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto;letter-spacing:0px;color:#000;opacity:1}.padding-5{padding:5px}.hidden{visibility:hidden}.font-weight-bold{font-weight:900}.textalign-center{text-align:center}.cursor-pointer{cursor:pointer}.cursor-default{cursor:default}.font-weight-600{font-weight:600}.marginRight-15{margin-right:15px}.marginRight-20{margin-right:20px}.switch{position:relative;display:inline-block;width:46px;height:24px;margin-left:5px;margin-right:5px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:#2d5ca0;-webkit-transition:.4s;transition:.4s}.slider:before{position:absolute;content:\"\";height:18px;width:18px;right:3px;bottom:3px;background-color:#fff;-webkit-transition:.4s;transition:.4s}.slider.round{border-radius:18px}.slider.round:before{border-radius:50%}.slider1{position:absolute;cursor:pointer;inset:0;background-color:#015ba2cf;-webkit-transition:.4s;transition:.4s}.slider1:before{position:absolute;content:\"\";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;-webkit-transition:.4s;transition:.4s}.slider1.round1{border-radius:18px}.slider1.round1:before{border-radius:50%}.lib-display-flex{display:flex}.lib-align-items-center{align-items:center}.lib-flex-direction-column{flex-direction:column}.lib-justify-content-space-between{justify-content:space-between}.lib-justify-content-space-around{justify-content:space-around}.lib-justify-content-center{justify-content:center}.lib-justify-content-start{justify-content:start}.lib-justify-content-end{justify-content:end}.lib-ml-20{margin-left:20px}.lib-position-absolute{position:absolute}.lib-z-index-9{z-index:9}.marginright-3{margin-right:3px}@media (min-height: 900px){.lib-chart-wrapper{border-radius:8px}.header-font-size-1{font-size:18px!important}.font-size-1{font-size:14px!important}.font-size-2{font-size:16px!important}.font-size-3{font-size:14px!important}.font-size-4{font-size:22px!important}.font-size-5{font-size:24px!important}}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.ResizedDirective, selector: "[resized]", outputs: ["resized"] }, { kind: "component", type: ChartHeaderV1Component, selector: "lib-chart-header-v1", inputs: ["isAlertEnabled", "title", "menuOptions", "isEditEnabled", "isria", "hasDrillDown", "selectedKpiTooltop"], outputs: ["menuOptionClickEvent"] }, { kind: "component", type: ChartHeaderV2Component, selector: "lib-chart-header-v2", inputs: ["chartData", "chartConfiguration"], outputs: ["clickEvent", "zoomInZoomOutClick"] }, { kind: "component", type: ChartHeaderV3Component, selector: "lib-chart-header-v3", inputs: ["chartData", "chartConfiguration"], outputs: ["compareByFilterSelection", "zoomInZoomOutClick"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: GroupChartComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lib-group-chart', encapsulation: ViewEncapsulation.None, template: "<div\r\n  #groupcontainer\r\n  class=\"lib-chart-wrapper\"\r\n  [ngClass]=\"{ 'lib-no-background': isTransparentBackground }\"\r\n  [style.background-color]=\"chartConfiguration.backgroundColor\"\r\n  (resized)=\"onResized($event)\"\r\n>\r\n\r\n<div class=\"header-alt\" *ngIf=\"!isHeaderVisible\">\r\n  <lib-chart-header-v2\r\n    [chartData]=\"chartData\"\r\n    [chartConfiguration]=\"chartConfiguration\"\r\n    (clickEvent)=\"handleClick($event)\"\r\n  ></lib-chart-header-v2>\r\n  <lib-chart-header-v3\r\n    [chartData]=\"chartData\"\r\n    [chartConfiguration]=\"chartConfiguration\"\r\n    (compareByFilterSelection)=\"handleCompareByFilterSelection($event)\"\r\n    (zoomInZoomOutClick)=\"handleZoominZoomoutClick($event)\"\r\n  ></lib-chart-header-v3>\r\n</div>\r\n\r\n  <lib-chart-header-v1\r\n  [title]=\"chartData.metaData.title\"\r\n  [hasDrillDown]=\"chartData.metaData.hasDrillDown\"\r\n  [isEditEnabled]=\"chartData.metaData.isEditEnabled\"\r\n  [menuOptions]=\"chartConfiguration.headerMenuOptions\"\r\n  [isria]=\"customChartConfiguration.isRia\"\r\n  [selectedKpiTooltop]=\"chartConfiguration.selectedKpiTooltop\"\r\n  (menuOptionClickEvent)=\"handleHeaderMenuClick($event)\"\r\n  [isAlertEnabled]=\"isAlertEnabled\"\r\n  *ngIf=\"isHeaderVisible\"\r\n></lib-chart-header-v1>\r\n\r\n  <div\r\n    [style.height]=\"chartConfiguration.svgHeight\"\r\n    id=\"groupchartcontainer\"\r\n    #groupchartcontainer\r\n    class=\"lib-chart-svg\"\r\n  ></div>\r\n</div>\r\n", styles: [".lib-axis-group-label{font-size:.85em;font-weight:600;letter-spacing:0px;color:#000;opacity:1}.text-transform-uppercase{text-transform:uppercase!important}.text-transform-capitalize{text-transform:capitalize!important}.legend-holder-right{display:flex;justify-content:flex-end}.display-flex{display:flex}.legends-positioning-inline{display:flex;align-items:center;justify-content:center;margin-right:10px;margin-left:35px;font-size:18px;font-weight:700;letter-spacing:0px;color:#000;opacity:1}.title{background-color:#d9d9d9;height:35px;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:3px;line-height:1}.title:after{content:\"\";position:absolute;bottom:0;margin-bottom:-10px;left:50%;margin-left:-10px;width:0;height:0;border-top:solid 10px #d3d3d3;border-left:solid 10px transparent;border-right:solid 10px transparent}.title-bar-name{color:var(--font-color)!important;font-size:17px;font-weight:700;text-transform:capitalize}.title-bar-value{color:var(--font-color)!important;font-size:14px}.title-bar-value>span{font-weight:600}.zoomIcons-holder{display:flex;align-items:center}.legends-latest{height:14px;width:14px;display:flex;margin-right:10px}.legend-latest-holder{font-size:12px;display:flex;justify-content:flex-start;align-items:center}.marginRight-30{margin-right:30px}.zoomIcons-holder{display:flex;align-items:center;margin-right:15px}.zoomIcons{border:.5px solid #b6b6b6;cursor:pointer;display:flex;justify-content:center;align-items:center;width:30px;height:30px;color:var(--color)!important}.zoom-active{background-color:#2d5ca0;opacity:1}.zoom-inactive{background-color:#d9d9d9;opacity:.5}.flex-inline{display:flex;justify-content:center;align-items:center;font-size:14px}.marginLeft-20{margin-left:20px}.target-display{font-size:12px;line-height:14.52px;font-weight:700;text-transform:uppercase;float:right}.legend-style{font-weight:600;text-transform:capitalize}.bar-values{margin-top:10px}.bar-name{font-weight:600;margin-right:10px;text-transform:capitalize}.lib-chart-svg{margin-top:10px}.bar-value{height:29px;background-color:#f4f4f4;padding-left:15px;padding-right:15px;border-radius:8px;box-shadow:-2px 2px 10px #0000004d,2px 2px 10px #0000004d;font-weight:600}.mobile-xaxis-override{writing-mode:sideways-lr}@media (min-height: 900px){.legends-latest{height:17px;width:17px}}\n", ".lib-chart-wrapper{width:100%;height:100%;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto;background:#fff 0% 0% no-repeat padding-box;position:relative}.lib-chart-wrapper-wo-shadow{width:100%;height:100%;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto}.lib-chart-wrapper:hover .chart-header-v1{background-color:#2e3640}.lib-chart-wrapper:hover .chart-title{color:#fff}.lib-chart-svg{width:100%}.lib-chart-header{text-align:center;background-color:#052340;color:#fff;width:100%;height:17%;word-spacing:.5px;line-height:1.8;font-weight:700;padding-top:2%;letter-spacing:0;font-size:1.2em}.lib-donut-chart-footer{width:100%;text-align:right}.lib-donut-label-text{font-size:.9em;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto;font-weight:400;letter-spacing:0px;color:#000;opacity:1}.lib-donut-label-icon{display:inline-block;width:10px;height:10px;margin-right:20px;border-radius:3px}.lib-donut-label-item{font-weight:400;font-size:.85em;color:#2f2f2f}.lib-donut-justified-label-wrapper{width:100%;display:inline-block;text-align:center;list-style-type:none}.lib-donut-justified-label-item{font-weight:400;font-size:.85em;color:#2f2f2f;display:inline-block;text-align:left;padding:0 10px}.lib-donut-justified-label-icon{display:inline-block;width:10px;height:10px;margin-right:5px;border-radius:3px}.lib-no-background{background:none!important}.lib-display-hidden{display:none}.lib-ylabel-weeklyCharts{font-style:normal;font-variant:normal;font-weight:800;font-size:10px;line-height:12px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto;letter-spacing:-.07px;text-transform:capitalize;color:#000}.lib-data-labels-weeklycharts{font-style:normal;font-variant:normal;font-weight:400;font-size:12px;line-height:14px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto;letter-spacing:-.06px;color:#000}.lib-data-labels-angled-weeklycharts{font-style:normal;font-variant:normal;font-weight:800;font-size:9.5px;line-height:11px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto;letter-spacing:.4px;text-anchor:start}.lib-xaxis-labels-texts-weeklycharts{font-style:normal;font-variant:normal;font-weight:800;font-size:10px;line-height:11px;letter-spacing:-.05px;fill:#000}.lib-xaxis-labels-texts-drilldown{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto;font-size:14px;letter-spacing:-1px;color:#000;opacity:1;text-transform:capitalize}.lib-white-space-nowrap{white-space:nowrap}.lib-xaxis-labels-texts-drilldown-alt{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto;font-size:10px;letter-spacing:0px;color:#000;opacity:1;text-transform:capitalize}.lib-yaxis-labels-texts-drilldown{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto;font-size:14px;letter-spacing:0px;color:#000!important;opacity:1}.lib-ylabel-drilldowncharts,.lib-xlabel-drilldowncharts{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto;font-size:16px;letter-spacing:-.1px;color:#000!important;opacity:1}.lib-donut-justified-label-icon-drilldown{display:inline-block;width:14px;height:14px;margin-right:10px;border-radius:50%}.marginright-2{margin-right:2%}.margintop-5{margin-top:5%}.width-100{width:100%}.float-right{float:right}.marginBottom-10{margin-bottom:10px}.header-alt{align-items:center;margin-bottom:10px}input::placeholder{font-size:20px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto;letter-spacing:0px;color:#000;opacity:1}.padding-5{padding:5px}.hidden{visibility:hidden}.font-weight-bold{font-weight:900}.textalign-center{text-align:center}.cursor-pointer{cursor:pointer}.cursor-default{cursor:default}.font-weight-600{font-weight:600}.marginRight-15{margin-right:15px}.marginRight-20{margin-right:20px}.switch{position:relative;display:inline-block;width:46px;height:24px;margin-left:5px;margin-right:5px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:#2d5ca0;-webkit-transition:.4s;transition:.4s}.slider:before{position:absolute;content:\"\";height:18px;width:18px;right:3px;bottom:3px;background-color:#fff;-webkit-transition:.4s;transition:.4s}.slider.round{border-radius:18px}.slider.round:before{border-radius:50%}.slider1{position:absolute;cursor:pointer;inset:0;background-color:#015ba2cf;-webkit-transition:.4s;transition:.4s}.slider1:before{position:absolute;content:\"\";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;-webkit-transition:.4s;transition:.4s}.slider1.round1{border-radius:18px}.slider1.round1:before{border-radius:50%}.lib-display-flex{display:flex}.lib-align-items-center{align-items:center}.lib-flex-direction-column{flex-direction:column}.lib-justify-content-space-between{justify-content:space-between}.lib-justify-content-space-around{justify-content:space-around}.lib-justify-content-center{justify-content:center}.lib-justify-content-start{justify-content:start}.lib-justify-content-end{justify-content:end}.lib-ml-20{margin-left:20px}.lib-position-absolute{position:absolute}.lib-z-index-9{z-index:9}.marginright-3{margin-right:3px}@media (min-height: 900px){.lib-chart-wrapper{border-radius:8px}.header-font-size-1{font-size:18px!important}.font-size-1{font-size:14px!important}.font-size-2{font-size:16px!important}.font-size-3{font-size:14px!important}.font-size-4{font-size:22px!important}.font-size-5{font-size:24px!important}}\n"] }]
+            args: [{ selector: 'lib-group-chart', encapsulation: ViewEncapsulation.None, template: "<div\r\n  #groupcontainer\r\n  class=\"lib-chart-wrapper\"\r\n  [ngClass]=\"{ 'lib-no-background': isTransparentBackground }\"\r\n  style=\"background-color: var(--card-bg);\"\r\n  (resized)=\"onResized($event)\"\r\n>\r\n\r\n<div class=\"header-alt\" *ngIf=\"!isHeaderVisible\">\r\n  <lib-chart-header-v2\r\n    [chartData]=\"chartData\"\r\n    [chartConfiguration]=\"chartConfiguration\"\r\n    (clickEvent)=\"handleClick($event)\"\r\n  ></lib-chart-header-v2>\r\n  <lib-chart-header-v3\r\n    [chartData]=\"chartData\"\r\n    [chartConfiguration]=\"chartConfiguration\"\r\n    (compareByFilterSelection)=\"handleCompareByFilterSelection($event)\"\r\n    (zoomInZoomOutClick)=\"handleZoominZoomoutClick($event)\"\r\n  ></lib-chart-header-v3>\r\n</div>\r\n\r\n  <lib-chart-header-v1\r\n  [title]=\"chartData.metaData.title\"\r\n  [hasDrillDown]=\"chartData.metaData.hasDrillDown\"\r\n  [isEditEnabled]=\"chartData.metaData.isEditEnabled\"\r\n  [menuOptions]=\"chartConfiguration.headerMenuOptions\"\r\n  [isria]=\"customChartConfiguration.isRia\"\r\n  [selectedKpiTooltop]=\"chartConfiguration.selectedKpiTooltop\"\r\n  (menuOptionClickEvent)=\"handleHeaderMenuClick($event)\"\r\n  [isAlertEnabled]=\"isAlertEnabled\"\r\n  *ngIf=\"isHeaderVisible\"\r\n></lib-chart-header-v1>\r\n\r\n  <div\r\n    [style.height]=\"chartConfiguration.svgHeight\"\r\n    id=\"groupchartcontainer\"\r\n    #groupchartcontainer\r\n    class=\"lib-chart-svg\"\r\n  ></div>\r\n</div>\r\n", styles: [".lib-stacked-y-axis-text text,.lib-stacked-x-axis-text text{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto;font-weight:400;letter-spacing:0px;color:#000;opacity:1;font-size:1.2em}.lib-axis-group-label{font-size:.85em;font-weight:600;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto;letter-spacing:0px;color:#000;opacity:1}.dots{font-size:10px}.inline__display{display:flex;justify-content:space-around;padding-top:2%}.verticalbar__text{font-style:normal;font-variant:normal;font-weight:400;font-size:13px;line-height:20px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto;letter-spacing:0px;opacity:1}.lib-line-label-item{display:inline-block!important;font-size:.85em;margin-right:10px;font-weight:600}.lib-line-label-wrapper-vertical{display:flex;justify-content:center}.target-display{font-size:12px;line-height:14.52px;font-weight:700;text-transform:uppercase;float:right}.title{background-color:#d9d9d9;height:35px;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:3px;line-height:1}.title:after{content:\"\";position:absolute;bottom:0;left:50%;margin-left:-10px;width:0;height:0;border-top:solid 10px #d3d3d3;border-left:solid 10px transparent;border-right:solid 10px transparent}.title-top-text{color:#000;font-size:14px;font-weight:600}.title-bar-name{color:#000;font-size:12px;font-weight:700;text-transform:capitalize}.title-bottom-text{color:#4f4f4f;font-size:12px}.zoomIcons-holder{display:flex;align-items:center;margin-right:15px}.zoomIcons{border:.5px solid #b6b6b6;cursor:pointer;display:flex;justify-content:center;align-items:center;width:30px;height:30px;color:var(--color)!important}.zoom-active{background-color:#2d5ca0;opacity:1}.zoom-inactive{background-color:#d9d9d9;opacity:.5}@media screen and (min-width: 1024px) and (min-height: 400px){.lib-stacked-y-axis-text text,.lib-stacked-x-axis-text text{font-size:10px!important}.dots{font-size:10px!important}}@media screen and (min-width: 1024px) and (min-height: 1000px){.lib-stacked-y-axis-text text,.lib-stacked-x-axis-text text{font-size:10px!important}.dots{font-size:10px!important}}@media screen and (min-width: 1024px) and (min-height: 1500px){.lib-stacked-y-axis-text text,.lib-stacked-x-axis-text text{font-size:10px!important}.dots{font-size:10px!important}}@media screen and (min-width: 1366px) and (min-height: 400px){.lib-stacked-y-axis-text text,.lib-stacked-x-axis-text text{font-size:12px!important}.dots{font-size:12px!important}}@media screen and (min-width: 1366px) and (min-height: 1000px){.lib-stacked-y-axis-text text,.lib-stacked-x-axis-text text{font-size:12px!important}.dots{font-size:12px!important}}@media screen and (min-width: 1366px) and (min-height: 1500px){.lib-stacked-y-axis-text text,.lib-stacked-x-axis-text text{font-size:12px!important}.dots{font-size:12px!important}}@media screen and (min-width: 1920px) and (min-height: 400px){.lib-stacked-y-axis-text text,.lib-stacked-x-axis-text text{font-size:14px!important}.dots{font-size:14px!important}}@media screen and (min-width: 1920px) and (min-height: 1000px){.lib-stacked-y-axis-text text,.lib-stacked-x-axis-text text{font-size:14px!important}.dots{font-size:14px!important}}@media screen and (min-width: 1920px) and (min-height: 1500px){.lib-stacked-y-axis-text text,.lib-stacked-x-axis-text text{font-size:14px!important}.dots{font-size:14px!important}}@media screen and (min-width: 2560px) and (min-height: 500px){.lib-stacked-y-axis-text text,.lib-stacked-x-axis-text text{font-size:16px!important}.dots{font-size:16px!important}}@media screen and (min-width: 2560px) and (min-height: 1000px){.lib-stacked-y-axis-text text,.lib-stacked-x-axis-text text{font-size:16px!important}.dots{font-size:16px!important}}@media screen and (min-width: 2560px) and (min-height: 1500px){.lib-stacked-y-axis-text text,.lib-stacked-x-axis-text text{font-size:16px!important}}.bottom__text{position:absolute!important;bottom:0!important;display:flex!important;justify-content:center!important;align-items:center!important;width:100%!important}.box__heightwidth{opacity:1;height:10px;width:10px;border:none!important;border-radius:50%}.label__text{margin-right:10px;display:flex;justify-content:center;align-items:center;font-style:normal;font-variant:normal;font-weight:400;font-size:10px;line-height:13px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;letter-spacing:.2px;color:#707070!important}.lib-verticalstack-labels-ontop-weklycharts{font-style:normal;font-variant:normal;font-weight:700;font-size:10px;line-height:11px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto;letter-spacing:-.05px;text-anchor:middle;fill:#000}.lib-verticalstack-title-ontop{font-style:normal;font-variant:normal;font-size:14px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto;letter-spacing:-.05px;text-anchor:middle;fill:#000}.marginLeft-20{margin-left:20px}.flex-inline{display:flex;justify-content:center;align-items:center;font-size:14px}\n", ".lib-chart-wrapper{width:100%;height:100%;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto;background:#fff 0% 0% no-repeat padding-box;position:relative}.lib-chart-wrapper-wo-shadow{width:100%;height:100%;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto}.lib-chart-wrapper:hover .chart-header-v1{background-color:#2e3640}.lib-chart-wrapper:hover .chart-title{color:#fff}.lib-chart-svg{width:100%}.lib-chart-header{text-align:center;background-color:#052340;color:#fff;width:100%;height:17%;word-spacing:.5px;line-height:1.8;font-weight:700;padding-top:2%;letter-spacing:0;font-size:1.2em}.lib-donut-chart-footer{width:100%;text-align:right}.lib-donut-label-text{font-size:.9em;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto;font-weight:400;letter-spacing:0px;color:#000;opacity:1}.lib-donut-label-icon{display:inline-block;width:10px;height:10px;margin-right:20px;border-radius:3px}.lib-donut-label-item{font-weight:400;font-size:.85em;color:#2f2f2f}.lib-donut-justified-label-wrapper{width:100%;display:inline-block;text-align:center;list-style-type:none}.lib-donut-justified-label-item{font-weight:400;font-size:.85em;color:#2f2f2f;display:inline-block;text-align:left;padding:0 10px}.lib-donut-justified-label-icon{display:inline-block;width:10px;height:10px;margin-right:5px;border-radius:3px}.lib-no-background{background:none!important}.lib-display-hidden{display:none}.lib-ylabel-weeklyCharts{font-style:normal;font-variant:normal;font-weight:800;font-size:10px;line-height:12px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto;letter-spacing:-.07px;text-transform:capitalize;color:#000}.lib-data-labels-weeklycharts{font-style:normal;font-variant:normal;font-weight:400;font-size:12px;line-height:14px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto;letter-spacing:-.06px;color:#000}.lib-data-labels-angled-weeklycharts{font-style:normal;font-variant:normal;font-weight:800;font-size:9.5px;line-height:11px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto;letter-spacing:.4px;text-anchor:start}.lib-xaxis-labels-texts-weeklycharts{font-style:normal;font-variant:normal;font-weight:800;font-size:10px;line-height:11px;letter-spacing:-.05px;fill:#000}.lib-xaxis-labels-texts-drilldown{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto;font-size:14px;letter-spacing:-1px;color:#000;opacity:1;text-transform:capitalize}.lib-white-space-nowrap{white-space:nowrap}.lib-xaxis-labels-texts-drilldown-alt{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto;font-size:10px;letter-spacing:0px;color:#000;opacity:1;text-transform:capitalize}.lib-yaxis-labels-texts-drilldown{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto;font-size:14px;letter-spacing:0px;color:#000!important;opacity:1}.lib-ylabel-drilldowncharts,.lib-xlabel-drilldowncharts{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto;font-size:16px;letter-spacing:-.1px;color:#000!important;opacity:1}.lib-donut-justified-label-icon-drilldown{display:inline-block;width:14px;height:14px;margin-right:10px;border-radius:50%}.marginright-2{margin-right:2%}.margintop-5{margin-top:5%}.width-100{width:100%}.float-right{float:right}.marginBottom-10{margin-bottom:10px}.header-alt{align-items:center;margin-bottom:10px}input::placeholder{font-size:20px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto;letter-spacing:0px;color:#000;opacity:1}.padding-5{padding:5px}.hidden{visibility:hidden}.font-weight-bold{font-weight:900}.textalign-center{text-align:center}.cursor-pointer{cursor:pointer}.cursor-default{cursor:default}.font-weight-600{font-weight:600}.marginRight-15{margin-right:15px}.marginRight-20{margin-right:20px}.switch{position:relative;display:inline-block;width:46px;height:24px;margin-left:5px;margin-right:5px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:#2d5ca0;-webkit-transition:.4s;transition:.4s}.slider:before{position:absolute;content:\"\";height:18px;width:18px;right:3px;bottom:3px;background-color:#fff;-webkit-transition:.4s;transition:.4s}.slider.round{border-radius:18px}.slider.round:before{border-radius:50%}.slider1{position:absolute;cursor:pointer;inset:0;background-color:#015ba2cf;-webkit-transition:.4s;transition:.4s}.slider1:before{position:absolute;content:\"\";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;-webkit-transition:.4s;transition:.4s}.slider1.round1{border-radius:18px}.slider1.round1:before{border-radius:50%}.lib-display-flex{display:flex}.lib-align-items-center{align-items:center}.lib-flex-direction-column{flex-direction:column}.lib-justify-content-space-between{justify-content:space-between}.lib-justify-content-space-around{justify-content:space-around}.lib-justify-content-center{justify-content:center}.lib-justify-content-start{justify-content:start}.lib-justify-content-end{justify-content:end}.lib-ml-20{margin-left:20px}.lib-position-absolute{position:absolute}.lib-z-index-9{z-index:9}.marginright-3{margin-right:3px}@media (min-height: 900px){.lib-chart-wrapper{border-radius:8px}.header-font-size-1{font-size:18px!important}.font-size-1{font-size:14px!important}.font-size-2{font-size:16px!important}.font-size-3{font-size:14px!important}.font-size-4{font-size:22px!important}.font-size-5{font-size:24px!important}}\n"] }]
         }], ctorParameters: () => [], propDecorators: { containerElt: [{
                 type: ViewChild,
                 args: ['groupchartcontainer', { static: true }]