@testgorilla/tgo-ui 7.13.0 → 8.0.0

package/fesm2022/testgorilla-tgo-ui-components-gaussian-chart.mjs

@@ -6,21 +6,20 @@ import gaussian from 'gaussian';
 import * as i1 from '@angular/common';
 import { NgClass, CommonModule } from '@angular/common';
 import * as i2 from 'ng2-charts';
-import { NgChartsModule } from 'ng2-charts';
+import { BaseChartDirective } from 'ng2-charts';
 import * as i3 from '@angular/material/tooltip';
 import { MatTooltipModule } from '@angular/material/tooltip';
 import * as i4 from '@testgorilla/tgo-ui/components/icon';
 import { IconComponentModule } from '@testgorilla/tgo-ui/components/icon';
 import { Chart, registerables } from 'chart.js';
 
-var PercentileThreshold;
-(function (PercentileThreshold) {
-    PercentileThreshold[PercentileThreshold["LOWEST"] = 20] = "LOWEST";
-    PercentileThreshold[PercentileThreshold["LOWER"] = 40] = "LOWER";
-    PercentileThreshold[PercentileThreshold["AVERAGE"] = 60] = "AVERAGE";
-    PercentileThreshold[PercentileThreshold["HIGHER"] = 80] = "HIGHER";
-    PercentileThreshold[PercentileThreshold["HIGHEST"] = 100] = "HIGHEST";
-})(PercentileThreshold || (PercentileThreshold = {}));
+const PercentileThreshold = {
+    LOWEST: 20,
+    LOWER: 40,
+    AVERAGE: 60,
+    HIGHER: 80,
+    HIGHEST: 100,
+};
 class GaussianChartComponent {
     constructor() {
         /**
@@ -107,7 +106,7 @@ class GaussianChartComponent {
             mode: 'nearest',
             displayColors: false,
             callbacks: {
-                label: tooltipItem => {
+                label: (tooltipItem) => {
                     const value = (this.gaussianDistribution.cdf(parseFloat(tooltipItem.label)) * 100).toFixed(2);
                     return `${value}%`;
                 },
@@ -242,12 +241,12 @@ class GaussianChartComponent {
             return 'PERCENTILE_LABEL_TYPES.WELL_ABOVE_AVERAGE';
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: GaussianChartComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: GaussianChartComponent, isStandalone: false, selector: "ui-gaussian-chart", inputs: { score: "score", bestCandidateScore: "bestCandidateScore", applicationTheme: "applicationTheme", legendPosition: "legendPosition" }, ngImport: i0, template: "<div\n  class=\"chart-section\"\n  *ngIf=\"score\"\n  [attr.aria-label]=\"\n    translationContext + 'ARIA_LABEL'\n      | uiTranslate\n        : {\n            score: score,\n            activeBucket: getScoreTranslationKey(score) | uiTranslate | async,\n            bestCandidateScore: bestCandidateScore,\n            activeBucketBestScore: getScoreTranslationKey(bestCandidateScore) | uiTranslate | async,\n          }\n      | async\n  \"\n  tabindex=\"0\"\n>\n  <!-- Legend positioned at top -->\n  @if (legendPosition === 'top-start' || legendPosition === 'top-end') {\n    <ng-container [ngTemplateOutlet]=\"legendTemplate\"></ng-container>\n  }\n\n  <div class=\"chart-range-wrapper\">\n    <div class=\"normal-chart-container\">\n      <div class=\"normal-chart\">\n        <canvas baseChart [data]=\"gaussianChartData\" [options]=\"gaussianChartOptions\" type=\"line\" class=\"chart\">\n        </canvas>\n        <div\n          class=\"overlay-icon\"\n          [style.bottom]=\"[overlayYValue, 3, 'subtract'] | memoizeFunc: getCalcPosition\"\n          [style.left]=\"[overlayXValue, 20, 'subtract'] | memoizeFunc: getCalcPosition\"\n        >\n          <div class=\"drop-icon\">\n            <ui-icon name=\"Pin-marker\" size=\"40\"></ui-icon>\n            <span class=\"curve-score\">{{ score }}</span>\n          </div>\n        </div>\n        <div\n          class=\"best-score\"\n          [style.height]=\"[100 - overlayYBestScoreValue, normalContainerPadding, 'add'] | memoizeFunc: getCalcPosition\"\n          [style.bottom]=\"overlayYBestScoreValue + '%'\"\n          [style.left]=\"overlayXBestScoreValue + '%'\"\n        >\n          <div\n            class=\"best-score-content\"\n            [style.left]=\"bestCandidateScore | memoizeFunc: getBestScoreContentPosition : this\"\n          >\n            <ui-icon name=\"Trophy\"></ui-icon>\n            {{ bestCandidateScore }}\n          </div>\n        </div>\n      </div>\n      <div class=\"overlay\">\n        <div class=\"overlay-column\" [class.active]=\"activeBucket === PercentileThreshold.LOWEST\">\n          <div\n            class=\"column-item\"\n            [class.text-bold]=\"activeBucket === PercentileThreshold.LOWEST\"\n            [matTooltip]=\"(translationContext + 'PERCENTAGE_BUCKETS_GRAPH.LOWEST_TOOLTIP' | uiTranslate | async) || ''\"\n          >\n            {{ translationContext + 'PERCENTAGE_BUCKETS_GRAPH.LOWEST' | uiTranslate | async }}\n          </div>\n        </div>\n        <div class=\"overlay-column\" [class.active]=\"activeBucket === PercentileThreshold.LOWER\">\n          <div\n            class=\"column-item\"\n            [class.text-bold]=\"activeBucket === PercentileThreshold.LOWER\"\n            [matTooltip]=\"(translationContext + 'PERCENTAGE_BUCKETS_GRAPH.LOWER_TOOLTIP' | uiTranslate | async) || ''\"\n          >\n            {{ translationContext + 'PERCENTAGE_BUCKETS_GRAPH.LOWER' | uiTranslate | async }}\n          </div>\n        </div>\n        <div class=\"overlay-column\" [class.active]=\"activeBucket === PercentileThreshold.AVERAGE\">\n          <div\n            class=\"column-item\"\n            [class.text-bold]=\"activeBucket === PercentileThreshold.AVERAGE\"\n            [matTooltip]=\"(translationContext + 'PERCENTAGE_BUCKETS_GRAPH.AVERAGE_TOOLTIP' | uiTranslate | async) || ''\"\n          >\n            {{ translationContext + 'PERCENTAGE_BUCKETS_GRAPH.AVERAGE' | uiTranslate | async }}\n          </div>\n        </div>\n        <div class=\"overlay-column\" [class.active]=\"activeBucket === PercentileThreshold.HIGHER\">\n          <div\n            class=\"column-item\"\n            [class.text-bold]=\"activeBucket === PercentileThreshold.HIGHER\"\n            [matTooltip]=\"(translationContext + 'PERCENTAGE_BUCKETS_GRAPH.HIGHER_TOOLTIP' | uiTranslate | async) || ''\"\n          >\n            {{ translationContext + 'PERCENTAGE_BUCKETS_GRAPH.HIGHER' | uiTranslate | async }}\n          </div>\n        </div>\n        <div class=\"overlay-column\" [class.active]=\"activeBucket === PercentileThreshold.HIGHEST\">\n          <div\n            class=\"column-item\"\n            [class.text-bold]=\"activeBucket === PercentileThreshold.HIGHEST\"\n            [matTooltip]=\"(translationContext + 'PERCENTAGE_BUCKETS_GRAPH.HIGHEST_TOOLTIP' | uiTranslate | async) || ''\"\n          >\n            {{ translationContext + 'PERCENTAGE_BUCKETS_GRAPH.HIGHEST' | uiTranslate | async }}\n          </div>\n        </div>\n      </div>\n    </div>\n\n    <div class=\"range\">\n      <div>1</div>\n      <div>20</div>\n      <div>40</div>\n      <div>60</div>\n      <div>80</div>\n      <div>99</div>\n    </div>\n  </div>\n\n  <!-- Legend positioned at bottom -->\n  @if (legendPosition === 'bottom-start' || legendPosition === 'bottom-end') {\n    <ng-container [ngTemplateOutlet]=\"legendTemplate\"></ng-container>\n  }\n</div>\n\n<!-- Reusable legend template -->\n<ng-template #legendTemplate>\n  <div class=\"legend-container\" [ngClass]=\"'legend-' + legendPosition\">\n    <div class=\"legend\">\n      <ui-icon name=\"Dot\" color=\"gray\"></ui-icon>\n      {{ translationContext + 'CANDIDATE_SCORE' | uiTranslate | async }}\n    </div>\n    <div class=\"legend\">\n      <ui-icon name=\"Trophy\" color=\"gray\"></ui-icon>\n      {{ translationContext + 'HIGHEST_SCORE' | uiTranslate | async }}\n    </div>\n  </div>\n</ng-template>\n", styles: [".bg-teal-60b{background:#1c443c}.bg-teal-30b{background:#31766a}.bg-teal-default{background:#46a997}.bg-teal-30w{background:#7ec3b6}.bg-teal-60w{background:#b5ddd5}.bg-teal-secondary{background:#cbd6cb}.bg-teal-90w{background:#ecf6f5}.bg-petrol-60b{background:#102930}.bg-petrol-30b{background:#1b4754}.bg-petrol-default{background:#276678}.bg-petrol-30w{background:#6894a0}.bg-petrol-60w{background:#a9c2c9}.bg-petrol-secondary{background:#c8d7de}.bg-petrol-90w{background:#e9f0f1}.bg-error-60b{background:#513131}.bg-error-30b{background:#8e5655}.bg-error-60w{background:#e3c3c6}.bg-error-secondary{background:#f0dad9}.bg-error-default{background:#cb7b7a}.bg-warning-secondary{background:#f0d6bb}.bg-warning-default{background:#cca45f}.bg-black{background:#000}.bg-dark{background:#888}.bg-medium{background:#e0e0e0}.bg-grey{background:#ededed}.bg-light{background:#f6f6f6}.bg-white{background:#fff}.bg-box-shadow{background:#00000014}.bg-navigation-subtitle{background:#528593}.bgc-teal-60b{background-color:#1c443c}.bgc-teal-30b{background-color:#31766a}.bgc-teal-default{background-color:#46a997}.bgc-teal-30w{background-color:#7ec3b6}.bgc-teal-60w{background-color:#b5ddd5}.bgc-teal-secondary{background-color:#cbd6cb}.bgc-teal-90w{background-color:#ecf6f5}.bgc-petrol-60b{background-color:#102930}.bgc-petrol-30b{background-color:#1b4754}.bgc-petrol-default{background-color:#276678}.bgc-petrol-30w{background-color:#6894a0}.bgc-petrol-60w{background-color:#a9c2c9}.bgc-petrol-secondary{background-color:#c8d7de}.bgc-petrol-90w{background-color:#e9f0f1}.bgc-error-60b{background-color:#513131}.bgc-error-30b{background-color:#8e5655}.bgc-error-60w{background-color:#e3c3c6}.bgc-error-secondary{background-color:#f0dad9}.bgc-error-default{background-color:#cb7b7a}.bgc-warning-secondary{background-color:#f0d6bb}.bgc-warning-default{background-color:#cca45f}.bgc-black{background-color:#000}.bgc-dark{background-color:#888}.bgc-medium{background-color:#e0e0e0}.bgc-grey{background-color:#ededed}.bgc-light{background-color:#f6f6f6}.bgc-white{background-color:#fff}.bgc-box-shadow{background-color:#00000014}.bgc-navigation-subtitle{background-color:#528593}.chart-section{display:flex;flex-direction:column;gap:16px;width:100%}.chart-section .chart-range-wrapper{display:flex;flex-direction:column;gap:8px;width:100%}.chart-section .chart-range-wrapper .normal-chart-container{position:relative;padding-bottom:32px;padding-top:50px;border:1px solid #d3d3d3;border-radius:10px;width:100%;height:230px}.chart-section .chart-range-wrapper .normal-chart-container .normal-chart{position:relative;z-index:1;width:100%;height:100%}.chart-section .chart-range-wrapper .normal-chart-container .overlay{position:absolute;top:0;left:0;height:100%;width:100%;display:flex}.chart-section .chart-range-wrapper .normal-chart-container .overlay .overlay-column{flex:1;font-size:12px;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;padding-bottom:8px}.chart-section .chart-range-wrapper .normal-chart-container .overlay .overlay-column .column-item{cursor:pointer}.chart-section .chart-range-wrapper .normal-chart-container .overlay .overlay-column:not(:last-child){border-right:1px solid #d3d3d3}.chart-section .chart-range-wrapper .normal-chart-container .overlay .overlay-column.active{background-color:#fff5ed;border-bottom:3px solid #242424}.chart-section .chart-range-wrapper .normal-chart-container .overlay .overlay-column.active:first-child,.chart-section .chart-range-wrapper .normal-chart-container .overlay .overlay-column.active:last-child{border:none;position:relative}.chart-section .chart-range-wrapper .normal-chart-container .overlay .overlay-column.active:first-child{border-right:1px solid #d3d3d3}.chart-section .chart-range-wrapper .normal-chart-container .overlay .overlay-column.active:first-child:before,.chart-section .chart-range-wrapper .normal-chart-container .overlay .overlay-column.active:last-child:after{content:\"\";position:absolute;bottom:0;width:calc(100% - 4px);height:2.5px;background-color:#000}.chart-section .chart-range-wrapper .normal-chart-container .overlay .overlay-column.active:first-child{border-top-left-radius:8px;border-bottom-left-radius:8px}.chart-section .chart-range-wrapper .normal-chart-container .overlay .overlay-column.active:first-child:before{right:0;border-bottom-left-radius:8px}.chart-section .chart-range-wrapper .normal-chart-container .overlay .overlay-column.active:last-child{border-top-right-radius:8px;border-bottom-right-radius:8px}.chart-section .chart-range-wrapper .normal-chart-container .overlay .overlay-column.active:last-child:after{left:0;border-bottom-left-radius:8px}.chart-section .chart-range-wrapper .normal-chart-container .overlay-icon{position:absolute;z-index:1;display:flex;flex-direction:column;align-items:center}.chart-section .chart-range-wrapper .normal-chart-container .overlay-icon .drop-icon{position:relative}.chart-section .chart-range-wrapper .normal-chart-container .overlay-icon .drop-icon .curve-score{font-size:14px;font-weight:700;position:absolute;width:100%;text-align:center;top:0;left:.5px;padding:4px 4px 9px}.chart-section .chart-range-wrapper .normal-chart-container .best-score{position:absolute;border-left:1px #242424 dashed}.chart-section .chart-range-wrapper .normal-chart-container .best-score .best-score-content{position:absolute;display:flex;gap:3px;align-items:center}.chart-section .chart-range-wrapper .range{display:flex;justify-content:space-between;color:#919191}.chart-section .chart-range-wrapper .range div{width:35px;text-align:center}.chart-section .chart-range-wrapper .range div:nth-child(2){text-align:left}.chart-section .chart-range-wrapper .range div:nth-last-child(2){text-align:right}.chart-section .legend-container{display:flex;gap:16px}.chart-section .legend-container.legend-top-start,.chart-section .legend-container.legend-bottom-start{justify-content:flex-start}.chart-section .legend-container.legend-top-end,.chart-section .legend-container.legend-bottom-end{justify-content:flex-end}.chart-section .legend-container .legend{display:flex;gap:8px;align-items:center;color:#666}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.BaseChartDirective, selector: "canvas[baseChart]", inputs: ["type", "legend", "data", "options", "plugins", "labels", "datasets"], outputs: ["chartClick", "chartHover"], exportAs: ["base-chart"] }, { kind: "directive", type: i3.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i4.IconComponent, selector: "ui-icon", inputs: ["size", "cssClass", "name", "color", "filled", "toggleIconStyle", "applicationTheme", "useFullIconName"] }, { kind: "pipe", type: i5.UiTranslatePipe, name: "uiTranslate" }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i5.MemoizeFuncPipe, name: "memoizeFunc" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.20", ngImport: i0, type: GaussianChartComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.20", type: GaussianChartComponent, isStandalone: false, selector: "ui-gaussian-chart", inputs: { score: "score", bestCandidateScore: "bestCandidateScore", applicationTheme: "applicationTheme", legendPosition: "legendPosition" }, ngImport: i0, template: "@if (score) {\n  <div\n    class=\"chart-section\"\n    [attr.aria-label]=\"\n      translationContext + 'ARIA_LABEL'\n        | uiTranslate\n          : {\n              score: score,\n              activeBucket: getScoreTranslationKey(score) | uiTranslate | async,\n              bestCandidateScore: bestCandidateScore,\n              activeBucketBestScore: getScoreTranslationKey(bestCandidateScore) | uiTranslate | async,\n            }\n        | async\n    \"\n    tabindex=\"0\"\n  >\n    <!-- Legend positioned at top -->\n    @if (legendPosition === 'top-start' || legendPosition === 'top-end') {\n      <ng-container [ngTemplateOutlet]=\"legendTemplate\"></ng-container>\n    }\n    <div class=\"chart-range-wrapper\">\n      <div class=\"normal-chart-container\">\n        <div class=\"normal-chart\">\n          <canvas baseChart [data]=\"gaussianChartData\" [options]=\"gaussianChartOptions\" type=\"line\" class=\"chart\">\n          </canvas>\n          <div\n            class=\"overlay-icon\"\n            [style.bottom]=\"[overlayYValue, 3, 'subtract'] | memoizeFunc: getCalcPosition\"\n            [style.left]=\"[overlayXValue, 20, 'subtract'] | memoizeFunc: getCalcPosition\"\n          >\n            <div class=\"drop-icon\">\n              <ui-icon name=\"Pin-marker\" size=\"40\"></ui-icon>\n              <span class=\"curve-score\">{{ score }}</span>\n            </div>\n          </div>\n          <div\n            class=\"best-score\"\n            [style.height]=\"\n              [100 - overlayYBestScoreValue, normalContainerPadding, 'add'] | memoizeFunc: getCalcPosition\n            \"\n            [style.bottom]=\"overlayYBestScoreValue + '%'\"\n            [style.left]=\"overlayXBestScoreValue + '%'\"\n          >\n            <div\n              class=\"best-score-content\"\n              [style.left]=\"bestCandidateScore | memoizeFunc: getBestScoreContentPosition : this\"\n            >\n              <ui-icon name=\"Trophy\"></ui-icon>\n              {{ bestCandidateScore }}\n            </div>\n          </div>\n        </div>\n        <div class=\"overlay\">\n          <div class=\"overlay-column\" [class.active]=\"activeBucket === PercentileThreshold.LOWEST\">\n            <div\n              class=\"column-item\"\n              [class.text-bold]=\"activeBucket === PercentileThreshold.LOWEST\"\n              [matTooltip]=\"\n                (translationContext + 'PERCENTAGE_BUCKETS_GRAPH.LOWEST_TOOLTIP' | uiTranslate | async) || ''\n              \"\n            >\n              {{ translationContext + 'PERCENTAGE_BUCKETS_GRAPH.LOWEST' | uiTranslate | async }}\n            </div>\n          </div>\n          <div class=\"overlay-column\" [class.active]=\"activeBucket === PercentileThreshold.LOWER\">\n            <div\n              class=\"column-item\"\n              [class.text-bold]=\"activeBucket === PercentileThreshold.LOWER\"\n              [matTooltip]=\"(translationContext + 'PERCENTAGE_BUCKETS_GRAPH.LOWER_TOOLTIP' | uiTranslate | async) || ''\"\n            >\n              {{ translationContext + 'PERCENTAGE_BUCKETS_GRAPH.LOWER' | uiTranslate | async }}\n            </div>\n          </div>\n          <div class=\"overlay-column\" [class.active]=\"activeBucket === PercentileThreshold.AVERAGE\">\n            <div\n              class=\"column-item\"\n              [class.text-bold]=\"activeBucket === PercentileThreshold.AVERAGE\"\n              [matTooltip]=\"\n                (translationContext + 'PERCENTAGE_BUCKETS_GRAPH.AVERAGE_TOOLTIP' | uiTranslate | async) || ''\n              \"\n            >\n              {{ translationContext + 'PERCENTAGE_BUCKETS_GRAPH.AVERAGE' | uiTranslate | async }}\n            </div>\n          </div>\n          <div class=\"overlay-column\" [class.active]=\"activeBucket === PercentileThreshold.HIGHER\">\n            <div\n              class=\"column-item\"\n              [class.text-bold]=\"activeBucket === PercentileThreshold.HIGHER\"\n              [matTooltip]=\"\n                (translationContext + 'PERCENTAGE_BUCKETS_GRAPH.HIGHER_TOOLTIP' | uiTranslate | async) || ''\n              \"\n            >\n              {{ translationContext + 'PERCENTAGE_BUCKETS_GRAPH.HIGHER' | uiTranslate | async }}\n            </div>\n          </div>\n          <div class=\"overlay-column\" [class.active]=\"activeBucket === PercentileThreshold.HIGHEST\">\n            <div\n              class=\"column-item\"\n              [class.text-bold]=\"activeBucket === PercentileThreshold.HIGHEST\"\n              [matTooltip]=\"\n                (translationContext + 'PERCENTAGE_BUCKETS_GRAPH.HIGHEST_TOOLTIP' | uiTranslate | async) || ''\n              \"\n            >\n              {{ translationContext + 'PERCENTAGE_BUCKETS_GRAPH.HIGHEST' | uiTranslate | async }}\n            </div>\n          </div>\n        </div>\n      </div>\n      <div class=\"range\">\n        <div>1</div>\n        <div>20</div>\n        <div>40</div>\n        <div>60</div>\n        <div>80</div>\n        <div>99</div>\n      </div>\n    </div>\n    <!-- Legend positioned at bottom -->\n    @if (legendPosition === 'bottom-start' || legendPosition === 'bottom-end') {\n      <ng-container [ngTemplateOutlet]=\"legendTemplate\"></ng-container>\n    }\n  </div>\n}\n\n<!-- Reusable legend template -->\n<ng-template #legendTemplate>\n  <div class=\"legend-container\" [ngClass]=\"'legend-' + legendPosition\">\n    <div class=\"legend\">\n      <ui-icon name=\"Dot\" color=\"gray\"></ui-icon>\n      {{ translationContext + 'CANDIDATE_SCORE' | uiTranslate | async }}\n    </div>\n    <div class=\"legend\">\n      <ui-icon name=\"Trophy\" color=\"gray\"></ui-icon>\n      {{ translationContext + 'HIGHEST_SCORE' | uiTranslate | async }}\n    </div>\n  </div>\n</ng-template>\n", styles: [".bg-teal-60b{background:#1c443c}.bg-teal-30b{background:#31766a}.bg-teal-default{background:#46a997}.bg-teal-30w{background:#7ec3b6}.bg-teal-60w{background:#b5ddd5}.bg-teal-secondary{background:#cbd6cb}.bg-teal-90w{background:#ecf6f5}.bg-petrol-60b{background:#102930}.bg-petrol-30b{background:#1b4754}.bg-petrol-default{background:#276678}.bg-petrol-30w{background:#6894a0}.bg-petrol-60w{background:#a9c2c9}.bg-petrol-secondary{background:#c8d7de}.bg-petrol-90w{background:#e9f0f1}.bg-error-60b{background:#513131}.bg-error-30b{background:#8e5655}.bg-error-60w{background:#e3c3c6}.bg-error-secondary{background:#f0dad9}.bg-error-default{background:#cb7b7a}.bg-warning-secondary{background:#f0d6bb}.bg-warning-default{background:#cca45f}.bg-black{background:#000}.bg-dark{background:#888}.bg-medium{background:#e0e0e0}.bg-grey{background:#ededed}.bg-light{background:#f6f6f6}.bg-white{background:#fff}.bg-box-shadow{background:#00000014}.bg-navigation-subtitle{background:#528593}.bgc-teal-60b{background-color:#1c443c}.bgc-teal-30b{background-color:#31766a}.bgc-teal-default{background-color:#46a997}.bgc-teal-30w{background-color:#7ec3b6}.bgc-teal-60w{background-color:#b5ddd5}.bgc-teal-secondary{background-color:#cbd6cb}.bgc-teal-90w{background-color:#ecf6f5}.bgc-petrol-60b{background-color:#102930}.bgc-petrol-30b{background-color:#1b4754}.bgc-petrol-default{background-color:#276678}.bgc-petrol-30w{background-color:#6894a0}.bgc-petrol-60w{background-color:#a9c2c9}.bgc-petrol-secondary{background-color:#c8d7de}.bgc-petrol-90w{background-color:#e9f0f1}.bgc-error-60b{background-color:#513131}.bgc-error-30b{background-color:#8e5655}.bgc-error-60w{background-color:#e3c3c6}.bgc-error-secondary{background-color:#f0dad9}.bgc-error-default{background-color:#cb7b7a}.bgc-warning-secondary{background-color:#f0d6bb}.bgc-warning-default{background-color:#cca45f}.bgc-black{background-color:#000}.bgc-dark{background-color:#888}.bgc-medium{background-color:#e0e0e0}.bgc-grey{background-color:#ededed}.bgc-light{background-color:#f6f6f6}.bgc-white{background-color:#fff}.bgc-box-shadow{background-color:#00000014}.bgc-navigation-subtitle{background-color:#528593}.chart-section{display:flex;flex-direction:column;gap:16px;width:100%}.chart-section .chart-range-wrapper{display:flex;flex-direction:column;gap:8px;width:100%}.chart-section .chart-range-wrapper .normal-chart-container{position:relative;padding-bottom:32px;padding-top:50px;border:1px solid #d3d3d3;border-radius:10px;width:100%;height:230px}.chart-section .chart-range-wrapper .normal-chart-container .normal-chart{position:relative;z-index:1;width:100%;height:100%}.chart-section .chart-range-wrapper .normal-chart-container .overlay{position:absolute;top:0;left:0;height:100%;width:100%;display:flex}.chart-section .chart-range-wrapper .normal-chart-container .overlay .overlay-column{flex:1;font-size:12px;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;padding-bottom:8px}.chart-section .chart-range-wrapper .normal-chart-container .overlay .overlay-column .column-item{cursor:pointer}.chart-section .chart-range-wrapper .normal-chart-container .overlay .overlay-column:not(:last-child){border-right:1px solid #d3d3d3}.chart-section .chart-range-wrapper .normal-chart-container .overlay .overlay-column.active{background-color:#fff5ed;border-bottom:3px solid #242424}.chart-section .chart-range-wrapper .normal-chart-container .overlay .overlay-column.active:first-child,.chart-section .chart-range-wrapper .normal-chart-container .overlay .overlay-column.active:last-child{border:none;position:relative}.chart-section .chart-range-wrapper .normal-chart-container .overlay .overlay-column.active:first-child{border-right:1px solid #d3d3d3}.chart-section .chart-range-wrapper .normal-chart-container .overlay .overlay-column.active:first-child:before,.chart-section .chart-range-wrapper .normal-chart-container .overlay .overlay-column.active:last-child:after{content:\"\";position:absolute;bottom:0;width:calc(100% - 4px);height:2.5px;background-color:#000}.chart-section .chart-range-wrapper .normal-chart-container .overlay .overlay-column.active:first-child{border-top-left-radius:8px;border-bottom-left-radius:8px}.chart-section .chart-range-wrapper .normal-chart-container .overlay .overlay-column.active:first-child:before{right:0;border-bottom-left-radius:8px}.chart-section .chart-range-wrapper .normal-chart-container .overlay .overlay-column.active:last-child{border-top-right-radius:8px;border-bottom-right-radius:8px}.chart-section .chart-range-wrapper .normal-chart-container .overlay .overlay-column.active:last-child:after{left:0;border-bottom-left-radius:8px}.chart-section .chart-range-wrapper .normal-chart-container .overlay-icon{position:absolute;z-index:1;display:flex;flex-direction:column;align-items:center}.chart-section .chart-range-wrapper .normal-chart-container .overlay-icon .drop-icon{position:relative}.chart-section .chart-range-wrapper .normal-chart-container .overlay-icon .drop-icon .curve-score{font-size:14px;font-weight:700;position:absolute;width:100%;text-align:center;top:0;left:.5px;padding:4px 4px 9px}.chart-section .chart-range-wrapper .normal-chart-container .best-score{position:absolute;border-left:1px #242424 dashed}.chart-section .chart-range-wrapper .normal-chart-container .best-score .best-score-content{position:absolute;display:flex;gap:3px;align-items:center}.chart-section .chart-range-wrapper .range{display:flex;justify-content:space-between;color:#919191}.chart-section .chart-range-wrapper .range div{width:35px;text-align:center}.chart-section .chart-range-wrapper .range div:nth-child(2){text-align:left}.chart-section .chart-range-wrapper .range div:nth-last-child(2){text-align:right}.chart-section .legend-container{display:flex;gap:16px}.chart-section .legend-container.legend-top-start,.chart-section .legend-container.legend-bottom-start{justify-content:flex-start}.chart-section .legend-container.legend-top-end,.chart-section .legend-container.legend-bottom-end{justify-content:flex-end}.chart-section .legend-container .legend{display:flex;gap:8px;align-items:center;color:#666}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.BaseChartDirective, selector: "canvas[baseChart]", inputs: ["type", "legend", "data", "options", "plugins", "labels", "datasets"], outputs: ["chartClick", "chartHover"], exportAs: ["base-chart"] }, { kind: "directive", type: i3.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i4.IconComponent, selector: "ui-icon", inputs: ["size", "cssClass", "name", "color", "filled", "toggleIconStyle", "applicationTheme", "useFullIconName"] }, { kind: "pipe", type: i5.UiTranslatePipe, name: "uiTranslate" }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i5.MemoizeFuncPipe, name: "memoizeFunc" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: GaussianChartComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.20", ngImport: i0, type: GaussianChartComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ui-gaussian-chart', standalone: false, template: "<div\n  class=\"chart-section\"\n  *ngIf=\"score\"\n  [attr.aria-label]=\"\n    translationContext + 'ARIA_LABEL'\n      | uiTranslate\n        : {\n            score: score,\n            activeBucket: getScoreTranslationKey(score) | uiTranslate | async,\n            bestCandidateScore: bestCandidateScore,\n            activeBucketBestScore: getScoreTranslationKey(bestCandidateScore) | uiTranslate | async,\n          }\n      | async\n  \"\n  tabindex=\"0\"\n>\n  <!-- Legend positioned at top -->\n  @if (legendPosition === 'top-start' || legendPosition === 'top-end') {\n    <ng-container [ngTemplateOutlet]=\"legendTemplate\"></ng-container>\n  }\n\n  <div class=\"chart-range-wrapper\">\n    <div class=\"normal-chart-container\">\n      <div class=\"normal-chart\">\n        <canvas baseChart [data]=\"gaussianChartData\" [options]=\"gaussianChartOptions\" type=\"line\" class=\"chart\">\n        </canvas>\n        <div\n          class=\"overlay-icon\"\n          [style.bottom]=\"[overlayYValue, 3, 'subtract'] | memoizeFunc: getCalcPosition\"\n          [style.left]=\"[overlayXValue, 20, 'subtract'] | memoizeFunc: getCalcPosition\"\n        >\n          <div class=\"drop-icon\">\n            <ui-icon name=\"Pin-marker\" size=\"40\"></ui-icon>\n            <span class=\"curve-score\">{{ score }}</span>\n          </div>\n        </div>\n        <div\n          class=\"best-score\"\n          [style.height]=\"[100 - overlayYBestScoreValue, normalContainerPadding, 'add'] | memoizeFunc: getCalcPosition\"\n          [style.bottom]=\"overlayYBestScoreValue + '%'\"\n          [style.left]=\"overlayXBestScoreValue + '%'\"\n        >\n          <div\n            class=\"best-score-content\"\n            [style.left]=\"bestCandidateScore | memoizeFunc: getBestScoreContentPosition : this\"\n          >\n            <ui-icon name=\"Trophy\"></ui-icon>\n            {{ bestCandidateScore }}\n          </div>\n        </div>\n      </div>\n      <div class=\"overlay\">\n        <div class=\"overlay-column\" [class.active]=\"activeBucket === PercentileThreshold.LOWEST\">\n          <div\n            class=\"column-item\"\n            [class.text-bold]=\"activeBucket === PercentileThreshold.LOWEST\"\n            [matTooltip]=\"(translationContext + 'PERCENTAGE_BUCKETS_GRAPH.LOWEST_TOOLTIP' | uiTranslate | async) || ''\"\n          >\n            {{ translationContext + 'PERCENTAGE_BUCKETS_GRAPH.LOWEST' | uiTranslate | async }}\n          </div>\n        </div>\n        <div class=\"overlay-column\" [class.active]=\"activeBucket === PercentileThreshold.LOWER\">\n          <div\n            class=\"column-item\"\n            [class.text-bold]=\"activeBucket === PercentileThreshold.LOWER\"\n            [matTooltip]=\"(translationContext + 'PERCENTAGE_BUCKETS_GRAPH.LOWER_TOOLTIP' | uiTranslate | async) || ''\"\n          >\n            {{ translationContext + 'PERCENTAGE_BUCKETS_GRAPH.LOWER' | uiTranslate | async }}\n          </div>\n        </div>\n        <div class=\"overlay-column\" [class.active]=\"activeBucket === PercentileThreshold.AVERAGE\">\n          <div\n            class=\"column-item\"\n            [class.text-bold]=\"activeBucket === PercentileThreshold.AVERAGE\"\n            [matTooltip]=\"(translationContext + 'PERCENTAGE_BUCKETS_GRAPH.AVERAGE_TOOLTIP' | uiTranslate | async) || ''\"\n          >\n            {{ translationContext + 'PERCENTAGE_BUCKETS_GRAPH.AVERAGE' | uiTranslate | async }}\n          </div>\n        </div>\n        <div class=\"overlay-column\" [class.active]=\"activeBucket === PercentileThreshold.HIGHER\">\n          <div\n            class=\"column-item\"\n            [class.text-bold]=\"activeBucket === PercentileThreshold.HIGHER\"\n            [matTooltip]=\"(translationContext + 'PERCENTAGE_BUCKETS_GRAPH.HIGHER_TOOLTIP' | uiTranslate | async) || ''\"\n          >\n            {{ translationContext + 'PERCENTAGE_BUCKETS_GRAPH.HIGHER' | uiTranslate | async }}\n          </div>\n        </div>\n        <div class=\"overlay-column\" [class.active]=\"activeBucket === PercentileThreshold.HIGHEST\">\n          <div\n            class=\"column-item\"\n            [class.text-bold]=\"activeBucket === PercentileThreshold.HIGHEST\"\n            [matTooltip]=\"(translationContext + 'PERCENTAGE_BUCKETS_GRAPH.HIGHEST_TOOLTIP' | uiTranslate | async) || ''\"\n          >\n            {{ translationContext + 'PERCENTAGE_BUCKETS_GRAPH.HIGHEST' | uiTranslate | async }}\n          </div>\n        </div>\n      </div>\n    </div>\n\n    <div class=\"range\">\n      <div>1</div>\n      <div>20</div>\n      <div>40</div>\n      <div>60</div>\n      <div>80</div>\n      <div>99</div>\n    </div>\n  </div>\n\n  <!-- Legend positioned at bottom -->\n  @if (legendPosition === 'bottom-start' || legendPosition === 'bottom-end') {\n    <ng-container [ngTemplateOutlet]=\"legendTemplate\"></ng-container>\n  }\n</div>\n\n<!-- Reusable legend template -->\n<ng-template #legendTemplate>\n  <div class=\"legend-container\" [ngClass]=\"'legend-' + legendPosition\">\n    <div class=\"legend\">\n      <ui-icon name=\"Dot\" color=\"gray\"></ui-icon>\n      {{ translationContext + 'CANDIDATE_SCORE' | uiTranslate | async }}\n    </div>\n    <div class=\"legend\">\n      <ui-icon name=\"Trophy\" color=\"gray\"></ui-icon>\n      {{ translationContext + 'HIGHEST_SCORE' | uiTranslate | async }}\n    </div>\n  </div>\n</ng-template>\n", styles: [".bg-teal-60b{background:#1c443c}.bg-teal-30b{background:#31766a}.bg-teal-default{background:#46a997}.bg-teal-30w{background:#7ec3b6}.bg-teal-60w{background:#b5ddd5}.bg-teal-secondary{background:#cbd6cb}.bg-teal-90w{background:#ecf6f5}.bg-petrol-60b{background:#102930}.bg-petrol-30b{background:#1b4754}.bg-petrol-default{background:#276678}.bg-petrol-30w{background:#6894a0}.bg-petrol-60w{background:#a9c2c9}.bg-petrol-secondary{background:#c8d7de}.bg-petrol-90w{background:#e9f0f1}.bg-error-60b{background:#513131}.bg-error-30b{background:#8e5655}.bg-error-60w{background:#e3c3c6}.bg-error-secondary{background:#f0dad9}.bg-error-default{background:#cb7b7a}.bg-warning-secondary{background:#f0d6bb}.bg-warning-default{background:#cca45f}.bg-black{background:#000}.bg-dark{background:#888}.bg-medium{background:#e0e0e0}.bg-grey{background:#ededed}.bg-light{background:#f6f6f6}.bg-white{background:#fff}.bg-box-shadow{background:#00000014}.bg-navigation-subtitle{background:#528593}.bgc-teal-60b{background-color:#1c443c}.bgc-teal-30b{background-color:#31766a}.bgc-teal-default{background-color:#46a997}.bgc-teal-30w{background-color:#7ec3b6}.bgc-teal-60w{background-color:#b5ddd5}.bgc-teal-secondary{background-color:#cbd6cb}.bgc-teal-90w{background-color:#ecf6f5}.bgc-petrol-60b{background-color:#102930}.bgc-petrol-30b{background-color:#1b4754}.bgc-petrol-default{background-color:#276678}.bgc-petrol-30w{background-color:#6894a0}.bgc-petrol-60w{background-color:#a9c2c9}.bgc-petrol-secondary{background-color:#c8d7de}.bgc-petrol-90w{background-color:#e9f0f1}.bgc-error-60b{background-color:#513131}.bgc-error-30b{background-color:#8e5655}.bgc-error-60w{background-color:#e3c3c6}.bgc-error-secondary{background-color:#f0dad9}.bgc-error-default{background-color:#cb7b7a}.bgc-warning-secondary{background-color:#f0d6bb}.bgc-warning-default{background-color:#cca45f}.bgc-black{background-color:#000}.bgc-dark{background-color:#888}.bgc-medium{background-color:#e0e0e0}.bgc-grey{background-color:#ededed}.bgc-light{background-color:#f6f6f6}.bgc-white{background-color:#fff}.bgc-box-shadow{background-color:#00000014}.bgc-navigation-subtitle{background-color:#528593}.chart-section{display:flex;flex-direction:column;gap:16px;width:100%}.chart-section .chart-range-wrapper{display:flex;flex-direction:column;gap:8px;width:100%}.chart-section .chart-range-wrapper .normal-chart-container{position:relative;padding-bottom:32px;padding-top:50px;border:1px solid #d3d3d3;border-radius:10px;width:100%;height:230px}.chart-section .chart-range-wrapper .normal-chart-container .normal-chart{position:relative;z-index:1;width:100%;height:100%}.chart-section .chart-range-wrapper .normal-chart-container .overlay{position:absolute;top:0;left:0;height:100%;width:100%;display:flex}.chart-section .chart-range-wrapper .normal-chart-container .overlay .overlay-column{flex:1;font-size:12px;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;padding-bottom:8px}.chart-section .chart-range-wrapper .normal-chart-container .overlay .overlay-column .column-item{cursor:pointer}.chart-section .chart-range-wrapper .normal-chart-container .overlay .overlay-column:not(:last-child){border-right:1px solid #d3d3d3}.chart-section .chart-range-wrapper .normal-chart-container .overlay .overlay-column.active{background-color:#fff5ed;border-bottom:3px solid #242424}.chart-section .chart-range-wrapper .normal-chart-container .overlay .overlay-column.active:first-child,.chart-section .chart-range-wrapper .normal-chart-container .overlay .overlay-column.active:last-child{border:none;position:relative}.chart-section .chart-range-wrapper .normal-chart-container .overlay .overlay-column.active:first-child{border-right:1px solid #d3d3d3}.chart-section .chart-range-wrapper .normal-chart-container .overlay .overlay-column.active:first-child:before,.chart-section .chart-range-wrapper .normal-chart-container .overlay .overlay-column.active:last-child:after{content:\"\";position:absolute;bottom:0;width:calc(100% - 4px);height:2.5px;background-color:#000}.chart-section .chart-range-wrapper .normal-chart-container .overlay .overlay-column.active:first-child{border-top-left-radius:8px;border-bottom-left-radius:8px}.chart-section .chart-range-wrapper .normal-chart-container .overlay .overlay-column.active:first-child:before{right:0;border-bottom-left-radius:8px}.chart-section .chart-range-wrapper .normal-chart-container .overlay .overlay-column.active:last-child{border-top-right-radius:8px;border-bottom-right-radius:8px}.chart-section .chart-range-wrapper .normal-chart-container .overlay .overlay-column.active:last-child:after{left:0;border-bottom-left-radius:8px}.chart-section .chart-range-wrapper .normal-chart-container .overlay-icon{position:absolute;z-index:1;display:flex;flex-direction:column;align-items:center}.chart-section .chart-range-wrapper .normal-chart-container .overlay-icon .drop-icon{position:relative}.chart-section .chart-range-wrapper .normal-chart-container .overlay-icon .drop-icon .curve-score{font-size:14px;font-weight:700;position:absolute;width:100%;text-align:center;top:0;left:.5px;padding:4px 4px 9px}.chart-section .chart-range-wrapper .normal-chart-container .best-score{position:absolute;border-left:1px #242424 dashed}.chart-section .chart-range-wrapper .normal-chart-container .best-score .best-score-content{position:absolute;display:flex;gap:3px;align-items:center}.chart-section .chart-range-wrapper .range{display:flex;justify-content:space-between;color:#919191}.chart-section .chart-range-wrapper .range div{width:35px;text-align:center}.chart-section .chart-range-wrapper .range div:nth-child(2){text-align:left}.chart-section .chart-range-wrapper .range div:nth-last-child(2){text-align:right}.chart-section .legend-container{display:flex;gap:16px}.chart-section .legend-container.legend-top-start,.chart-section .legend-container.legend-bottom-start{justify-content:flex-start}.chart-section .legend-container.legend-top-end,.chart-section .legend-container.legend-bottom-end{justify-content:flex-end}.chart-section .legend-container .legend{display:flex;gap:8px;align-items:center;color:#666}\n"] }]
+            args: [{ selector: 'ui-gaussian-chart', standalone: false, template: "@if (score) {\n  <div\n    class=\"chart-section\"\n    [attr.aria-label]=\"\n      translationContext + 'ARIA_LABEL'\n        | uiTranslate\n          : {\n              score: score,\n              activeBucket: getScoreTranslationKey(score) | uiTranslate | async,\n              bestCandidateScore: bestCandidateScore,\n              activeBucketBestScore: getScoreTranslationKey(bestCandidateScore) | uiTranslate | async,\n            }\n        | async\n    \"\n    tabindex=\"0\"\n  >\n    <!-- Legend positioned at top -->\n    @if (legendPosition === 'top-start' || legendPosition === 'top-end') {\n      <ng-container [ngTemplateOutlet]=\"legendTemplate\"></ng-container>\n    }\n    <div class=\"chart-range-wrapper\">\n      <div class=\"normal-chart-container\">\n        <div class=\"normal-chart\">\n          <canvas baseChart [data]=\"gaussianChartData\" [options]=\"gaussianChartOptions\" type=\"line\" class=\"chart\">\n          </canvas>\n          <div\n            class=\"overlay-icon\"\n            [style.bottom]=\"[overlayYValue, 3, 'subtract'] | memoizeFunc: getCalcPosition\"\n            [style.left]=\"[overlayXValue, 20, 'subtract'] | memoizeFunc: getCalcPosition\"\n          >\n            <div class=\"drop-icon\">\n              <ui-icon name=\"Pin-marker\" size=\"40\"></ui-icon>\n              <span class=\"curve-score\">{{ score }}</span>\n            </div>\n          </div>\n          <div\n            class=\"best-score\"\n            [style.height]=\"\n              [100 - overlayYBestScoreValue, normalContainerPadding, 'add'] | memoizeFunc: getCalcPosition\n            \"\n            [style.bottom]=\"overlayYBestScoreValue + '%'\"\n            [style.left]=\"overlayXBestScoreValue + '%'\"\n          >\n            <div\n              class=\"best-score-content\"\n              [style.left]=\"bestCandidateScore | memoizeFunc: getBestScoreContentPosition : this\"\n            >\n              <ui-icon name=\"Trophy\"></ui-icon>\n              {{ bestCandidateScore }}\n            </div>\n          </div>\n        </div>\n        <div class=\"overlay\">\n          <div class=\"overlay-column\" [class.active]=\"activeBucket === PercentileThreshold.LOWEST\">\n            <div\n              class=\"column-item\"\n              [class.text-bold]=\"activeBucket === PercentileThreshold.LOWEST\"\n              [matTooltip]=\"\n                (translationContext + 'PERCENTAGE_BUCKETS_GRAPH.LOWEST_TOOLTIP' | uiTranslate | async) || ''\n              \"\n            >\n              {{ translationContext + 'PERCENTAGE_BUCKETS_GRAPH.LOWEST' | uiTranslate | async }}\n            </div>\n          </div>\n          <div class=\"overlay-column\" [class.active]=\"activeBucket === PercentileThreshold.LOWER\">\n            <div\n              class=\"column-item\"\n              [class.text-bold]=\"activeBucket === PercentileThreshold.LOWER\"\n              [matTooltip]=\"(translationContext + 'PERCENTAGE_BUCKETS_GRAPH.LOWER_TOOLTIP' | uiTranslate | async) || ''\"\n            >\n              {{ translationContext + 'PERCENTAGE_BUCKETS_GRAPH.LOWER' | uiTranslate | async }}\n            </div>\n          </div>\n          <div class=\"overlay-column\" [class.active]=\"activeBucket === PercentileThreshold.AVERAGE\">\n            <div\n              class=\"column-item\"\n              [class.text-bold]=\"activeBucket === PercentileThreshold.AVERAGE\"\n              [matTooltip]=\"\n                (translationContext + 'PERCENTAGE_BUCKETS_GRAPH.AVERAGE_TOOLTIP' | uiTranslate | async) || ''\n              \"\n            >\n              {{ translationContext + 'PERCENTAGE_BUCKETS_GRAPH.AVERAGE' | uiTranslate | async }}\n            </div>\n          </div>\n          <div class=\"overlay-column\" [class.active]=\"activeBucket === PercentileThreshold.HIGHER\">\n            <div\n              class=\"column-item\"\n              [class.text-bold]=\"activeBucket === PercentileThreshold.HIGHER\"\n              [matTooltip]=\"\n                (translationContext + 'PERCENTAGE_BUCKETS_GRAPH.HIGHER_TOOLTIP' | uiTranslate | async) || ''\n              \"\n            >\n              {{ translationContext + 'PERCENTAGE_BUCKETS_GRAPH.HIGHER' | uiTranslate | async }}\n            </div>\n          </div>\n          <div class=\"overlay-column\" [class.active]=\"activeBucket === PercentileThreshold.HIGHEST\">\n            <div\n              class=\"column-item\"\n              [class.text-bold]=\"activeBucket === PercentileThreshold.HIGHEST\"\n              [matTooltip]=\"\n                (translationContext + 'PERCENTAGE_BUCKETS_GRAPH.HIGHEST_TOOLTIP' | uiTranslate | async) || ''\n              \"\n            >\n              {{ translationContext + 'PERCENTAGE_BUCKETS_GRAPH.HIGHEST' | uiTranslate | async }}\n            </div>\n          </div>\n        </div>\n      </div>\n      <div class=\"range\">\n        <div>1</div>\n        <div>20</div>\n        <div>40</div>\n        <div>60</div>\n        <div>80</div>\n        <div>99</div>\n      </div>\n    </div>\n    <!-- Legend positioned at bottom -->\n    @if (legendPosition === 'bottom-start' || legendPosition === 'bottom-end') {\n      <ng-container [ngTemplateOutlet]=\"legendTemplate\"></ng-container>\n    }\n  </div>\n}\n\n<!-- Reusable legend template -->\n<ng-template #legendTemplate>\n  <div class=\"legend-container\" [ngClass]=\"'legend-' + legendPosition\">\n    <div class=\"legend\">\n      <ui-icon name=\"Dot\" color=\"gray\"></ui-icon>\n      {{ translationContext + 'CANDIDATE_SCORE' | uiTranslate | async }}\n    </div>\n    <div class=\"legend\">\n      <ui-icon name=\"Trophy\" color=\"gray\"></ui-icon>\n      {{ translationContext + 'HIGHEST_SCORE' | uiTranslate | async }}\n    </div>\n  </div>\n</ng-template>\n", styles: [".bg-teal-60b{background:#1c443c}.bg-teal-30b{background:#31766a}.bg-teal-default{background:#46a997}.bg-teal-30w{background:#7ec3b6}.bg-teal-60w{background:#b5ddd5}.bg-teal-secondary{background:#cbd6cb}.bg-teal-90w{background:#ecf6f5}.bg-petrol-60b{background:#102930}.bg-petrol-30b{background:#1b4754}.bg-petrol-default{background:#276678}.bg-petrol-30w{background:#6894a0}.bg-petrol-60w{background:#a9c2c9}.bg-petrol-secondary{background:#c8d7de}.bg-petrol-90w{background:#e9f0f1}.bg-error-60b{background:#513131}.bg-error-30b{background:#8e5655}.bg-error-60w{background:#e3c3c6}.bg-error-secondary{background:#f0dad9}.bg-error-default{background:#cb7b7a}.bg-warning-secondary{background:#f0d6bb}.bg-warning-default{background:#cca45f}.bg-black{background:#000}.bg-dark{background:#888}.bg-medium{background:#e0e0e0}.bg-grey{background:#ededed}.bg-light{background:#f6f6f6}.bg-white{background:#fff}.bg-box-shadow{background:#00000014}.bg-navigation-subtitle{background:#528593}.bgc-teal-60b{background-color:#1c443c}.bgc-teal-30b{background-color:#31766a}.bgc-teal-default{background-color:#46a997}.bgc-teal-30w{background-color:#7ec3b6}.bgc-teal-60w{background-color:#b5ddd5}.bgc-teal-secondary{background-color:#cbd6cb}.bgc-teal-90w{background-color:#ecf6f5}.bgc-petrol-60b{background-color:#102930}.bgc-petrol-30b{background-color:#1b4754}.bgc-petrol-default{background-color:#276678}.bgc-petrol-30w{background-color:#6894a0}.bgc-petrol-60w{background-color:#a9c2c9}.bgc-petrol-secondary{background-color:#c8d7de}.bgc-petrol-90w{background-color:#e9f0f1}.bgc-error-60b{background-color:#513131}.bgc-error-30b{background-color:#8e5655}.bgc-error-60w{background-color:#e3c3c6}.bgc-error-secondary{background-color:#f0dad9}.bgc-error-default{background-color:#cb7b7a}.bgc-warning-secondary{background-color:#f0d6bb}.bgc-warning-default{background-color:#cca45f}.bgc-black{background-color:#000}.bgc-dark{background-color:#888}.bgc-medium{background-color:#e0e0e0}.bgc-grey{background-color:#ededed}.bgc-light{background-color:#f6f6f6}.bgc-white{background-color:#fff}.bgc-box-shadow{background-color:#00000014}.bgc-navigation-subtitle{background-color:#528593}.chart-section{display:flex;flex-direction:column;gap:16px;width:100%}.chart-section .chart-range-wrapper{display:flex;flex-direction:column;gap:8px;width:100%}.chart-section .chart-range-wrapper .normal-chart-container{position:relative;padding-bottom:32px;padding-top:50px;border:1px solid #d3d3d3;border-radius:10px;width:100%;height:230px}.chart-section .chart-range-wrapper .normal-chart-container .normal-chart{position:relative;z-index:1;width:100%;height:100%}.chart-section .chart-range-wrapper .normal-chart-container .overlay{position:absolute;top:0;left:0;height:100%;width:100%;display:flex}.chart-section .chart-range-wrapper .normal-chart-container .overlay .overlay-column{flex:1;font-size:12px;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;padding-bottom:8px}.chart-section .chart-range-wrapper .normal-chart-container .overlay .overlay-column .column-item{cursor:pointer}.chart-section .chart-range-wrapper .normal-chart-container .overlay .overlay-column:not(:last-child){border-right:1px solid #d3d3d3}.chart-section .chart-range-wrapper .normal-chart-container .overlay .overlay-column.active{background-color:#fff5ed;border-bottom:3px solid #242424}.chart-section .chart-range-wrapper .normal-chart-container .overlay .overlay-column.active:first-child,.chart-section .chart-range-wrapper .normal-chart-container .overlay .overlay-column.active:last-child{border:none;position:relative}.chart-section .chart-range-wrapper .normal-chart-container .overlay .overlay-column.active:first-child{border-right:1px solid #d3d3d3}.chart-section .chart-range-wrapper .normal-chart-container .overlay .overlay-column.active:first-child:before,.chart-section .chart-range-wrapper .normal-chart-container .overlay .overlay-column.active:last-child:after{content:\"\";position:absolute;bottom:0;width:calc(100% - 4px);height:2.5px;background-color:#000}.chart-section .chart-range-wrapper .normal-chart-container .overlay .overlay-column.active:first-child{border-top-left-radius:8px;border-bottom-left-radius:8px}.chart-section .chart-range-wrapper .normal-chart-container .overlay .overlay-column.active:first-child:before{right:0;border-bottom-left-radius:8px}.chart-section .chart-range-wrapper .normal-chart-container .overlay .overlay-column.active:last-child{border-top-right-radius:8px;border-bottom-right-radius:8px}.chart-section .chart-range-wrapper .normal-chart-container .overlay .overlay-column.active:last-child:after{left:0;border-bottom-left-radius:8px}.chart-section .chart-range-wrapper .normal-chart-container .overlay-icon{position:absolute;z-index:1;display:flex;flex-direction:column;align-items:center}.chart-section .chart-range-wrapper .normal-chart-container .overlay-icon .drop-icon{position:relative}.chart-section .chart-range-wrapper .normal-chart-container .overlay-icon .drop-icon .curve-score{font-size:14px;font-weight:700;position:absolute;width:100%;text-align:center;top:0;left:.5px;padding:4px 4px 9px}.chart-section .chart-range-wrapper .normal-chart-container .best-score{position:absolute;border-left:1px #242424 dashed}.chart-section .chart-range-wrapper .normal-chart-container .best-score .best-score-content{position:absolute;display:flex;gap:3px;align-items:center}.chart-section .chart-range-wrapper .range{display:flex;justify-content:space-between;color:#919191}.chart-section .chart-range-wrapper .range div{width:35px;text-align:center}.chart-section .chart-range-wrapper .range div:nth-child(2){text-align:left}.chart-section .chart-range-wrapper .range div:nth-last-child(2){text-align:right}.chart-section .legend-container{display:flex;gap:16px}.chart-section .legend-container.legend-top-start,.chart-section .legend-container.legend-bottom-start{justify-content:flex-start}.chart-section .legend-container.legend-top-end,.chart-section .legend-container.legend-bottom-end{justify-content:flex-end}.chart-section .legend-container .legend{display:flex;gap:8px;align-items:center;color:#666}\n"] }]
         }], propDecorators: { score: [{
                 type: Input
             }], bestCandidateScore: [{
@@ -260,20 +259,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
 
 Chart.register(...registerables);
 class GaussianChartComponentModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: GaussianChartComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.20", ngImport: i0, type: GaussianChartComponentModule, declarations: [GaussianChartComponent], imports: [NgClass,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.20", ngImport: i0, type: GaussianChartComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.20", ngImport: i0, type: GaussianChartComponentModule, declarations: [GaussianChartComponent], imports: [NgClass,
             UiTranslatePipe,
-            NgChartsModule,
+            BaseChartDirective,
             MatTooltipModule,
             CommonModule,
             IconComponentModule,
             MemoizeFuncPipe], exports: [GaussianChartComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: GaussianChartComponentModule, imports: [NgChartsModule,
-            MatTooltipModule,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.20", ngImport: i0, type: GaussianChartComponentModule, imports: [MatTooltipModule,
             CommonModule,
             IconComponentModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: GaussianChartComponentModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.20", ngImport: i0, type: GaussianChartComponentModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [GaussianChartComponent],
@@ -281,7 +279,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
                     imports: [
                         NgClass,
                         UiTranslatePipe,
-                        NgChartsModule,
+                        BaseChartDirective,
                         MatTooltipModule,
                         CommonModule,
                         IconComponentModule,

package/fesm2022/testgorilla-tgo-ui-components-gaussian-chart.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"testgorilla-tgo-ui-components-gaussian-chart.mjs","sources":["../../../components/gaussian-chart/gaussian-chart.component.ts","../../../components/gaussian-chart/gaussian-chart.component.html","../../../components/gaussian-chart/gaussian-chart.module.ts","../../../components/gaussian-chart/testgorilla-tgo-ui-components-gaussian-chart.ts"],"sourcesContent":["import { Component, Input, OnInit } from '@angular/core';\nimport { ApplicationTheme, Color } from '@testgorilla/tgo-ui/components/core';\nimport { Chart, ChartData, ChartOptions, TooltipOptions } from 'chart.js';\nimport { _DeepPartialObject } from 'chart.js/dist/types/utils';\nimport gaussian from 'gaussian';\n\nenum PercentileThreshold {\n  LOWEST = 20,\n  LOWER = 40,\n  AVERAGE = 60,\n  HIGHER = 80,\n  HIGHEST = 100,\n}\n\nexport type LegendPosition = 'top-start' | 'top-end' | 'bottom-start' | 'bottom-end';\n\n@Component({\n  selector: 'ui-gaussian-chart',\n  templateUrl: './gaussian-chart.component.html',\n  styleUrls: ['./gaussian-chart.component.scss'],\n  standalone: false,\n})\nexport class GaussianChartComponent implements OnInit {\n  /**\n   * The candidate score to be displayed on the chart.\n   * @type {number}\n   * @memberof GaussianChartComponent\n   */\n  @Input() score!: number;\n\n  /**\n   * The best candidate score to be displayed on the chart.\n   * @type {number}\n   * @memberof GaussianChartComponent\n   */\n  @Input() bestCandidateScore!: number;\n\n  /**\n   *\n   * Defines the application theme\n   *\n   * @type {ApplicationTheme}\n   * @memberof SpinnerComponent\n   */\n  @Input() applicationTheme: ApplicationTheme = 'light';\n\n  /**\n   * Controls the position of the legend relative to the chart.\n   * @type {LegendPosition}\n   * @memberof GaussianChartComponent\n   */\n  @Input() legendPosition: LegendPosition = 'bottom-start';\n\n  readonly minXValue = -3;\n  readonly maxXValue = 3;\n  readonly minYValue = 0;\n  readonly stepSize = 0.1;\n  readonly pointsToSkip = 2;\n  readonly actualMinXvalue = this.minXValue + this.pointsToSkip * this.stepSize;\n  readonly actualMaxXvalue = this.maxXValue - this.pointsToSkip * this.stepSize;\n  readonly normalContainerPadding = 50; //in px\n  readonly bestScoreThreshold = 92;\n  readonly bestScoreSpacingRight = '4px';\n  readonly bestScoreSpacingLeft = '-39px';\n\n  PercentileThreshold = PercentileThreshold;\n  chart: Chart;\n  gaussianDistribution: gaussian.Gaussian;\n  activeBucket: PercentileThreshold;\n  overlayXValue: number;\n  overlayYValue: number;\n  overlayXBestScoreValue: number;\n  overlayYBestScoreValue: number;\n  maxYValue: number;\n\n  gaussianChartData: ChartData<'line'> = {\n    labels: [],\n    datasets: [],\n  };\n  gaussianChartOptions: ChartOptions<'line'>;\n  protected readonly translationContext = 'CHARTS.GAUSSIAN_CHART.';\n\n  ngOnInit(): void {\n    if (this.score === undefined || this.score === null) {\n      throw new Error('Input \"score\" is required for GaussianChartComponent.');\n    }\n    if (this.bestCandidateScore === undefined || this.bestCandidateScore === null) {\n      throw new Error('Input \"bestCandidateScore\" is required for GaussianChartComponent.');\n    }\n    this.setActiveBucket();\n    this.gaussianDistribution = gaussian(0, 1);\n    this.maxYValue = this.gaussianDistribution.pdf(0);\n    this.setOverlayValues();\n    this.setOverlayValuesForBestScore();\n    this.setChartData();\n    this.setChartOptions();\n  }\n\n  private setChartData() {\n    const xValues: number[] = [];\n    const yValues: number[] = [];\n    const labels = this.generateLabels(this.minXValue, this.maxXValue, this.stepSize);\n\n    for (let x = this.minXValue; x < this.maxXValue + this.stepSize; x = Number((x + this.stepSize).toFixed(2))) {\n      xValues.push(x);\n      yValues.push(this.gaussianDistribution.pdf(x));\n    }\n\n    this.gaussianChartData = {\n      labels,\n      datasets: this.generateDataset(yValues),\n    };\n  }\n\n  private setChartOptions() {\n    this.gaussianChartOptions = {\n      responsive: true,\n      maintainAspectRatio: false,\n      scales: this.getScale(),\n      plugins: {\n        // To be used only for dev purpose\n        // tooltip: this.getTooltip(),\n        // Comment the below line if you enable the call for tooltip\n        tooltip: {\n          enabled: false,\n        },\n        legend: {\n          display: false,\n        },\n      },\n    };\n  }\n\n  private getTooltip(): _DeepPartialObject<TooltipOptions<'line'>> {\n    return {\n      intersect: false,\n      mode: 'nearest',\n      displayColors: false,\n      callbacks: {\n        label: tooltipItem => {\n          const value = (this.gaussianDistribution.cdf(parseFloat(tooltipItem.label)) * 100).toFixed(2);\n          return `${value}%`;\n        },\n        title: () => '', // Disable the default title\n      },\n    };\n  }\n\n  private getScale(): {\n    x: { display: boolean; grid: { display: boolean } };\n    y: { display: boolean; grid: { display: boolean } };\n  } {\n    return {\n      x: {\n        display: false,\n        grid: {\n          display: false, // Disable grid lines for x-axis\n        },\n      },\n      y: {\n        display: false,\n        grid: {\n          display: false, // Disable grid lines for y-axis\n        },\n      },\n    };\n  }\n\n  private generateDataset(\n    yValues: number[]\n  ): { data: any[]; label: string; borderColor: Color; borderWidth: number; pointRadius: number; fill: boolean }[] {\n    return [\n      {\n        data: [...yValues.slice(0, this.pointsToSkip), ...Array(yValues.length - this.pointsToSkip).fill(null)],\n        label: '',\n        borderColor: this.activeBucket === PercentileThreshold.LOWEST ? Color.ACCENT_20 : Color.TGO_WHITE,\n        borderWidth: 2,\n        pointRadius: 0,\n        fill: false,\n      },\n      {\n        data: [\n          ...Array(this.pointsToSkip).fill(null),\n          ...yValues.slice(this.pointsToSkip, yValues.length - this.pointsToSkip),\n          ...Array(this.pointsToSkip).fill(null),\n        ],\n        label: '',\n        borderColor: Color.BLACK,\n        borderWidth: 2,\n        pointRadius: 0,\n        fill: false,\n      },\n      {\n        data: [\n          ...Array(yValues.length - this.pointsToSkip).fill(null),\n          ...yValues.slice(yValues.length - this.pointsToSkip, yValues.length),\n        ],\n        label: '',\n        borderColor: this.activeBucket === PercentileThreshold.HIGHEST ? Color.ACCENT_20 : Color.TGO_WHITE,\n        borderWidth: 2,\n        pointRadius: 0,\n        fill: false,\n      },\n    ];\n  }\n\n  private generateLabels(min: number, max: number, step: number): string[] {\n    const labels = [];\n    for (let x = min; x < max + step; x = Number((x + step).toFixed(2))) {\n      labels.push(x.toFixed(1));\n    }\n    return labels;\n  }\n\n  private setActiveBucket(): void {\n    const score = this.score;\n    if (score < (PercentileThreshold.LOWEST as number)) {\n      this.activeBucket = PercentileThreshold.LOWEST;\n    } else if (score >= (PercentileThreshold.LOWEST as number) && score < (PercentileThreshold.LOWER as number)) {\n      this.activeBucket = PercentileThreshold.LOWER;\n    } else if (score >= (PercentileThreshold.LOWER as number) && score < (PercentileThreshold.AVERAGE as number)) {\n      this.activeBucket = PercentileThreshold.AVERAGE;\n    } else if (score >= (PercentileThreshold.AVERAGE as number) && score < (PercentileThreshold.HIGHER as number)) {\n      this.activeBucket = PercentileThreshold.HIGHER;\n    } else if (score >= (PercentileThreshold.HIGHER as number)) {\n      this.activeBucket = PercentileThreshold.HIGHEST;\n    }\n  }\n\n  // For more context: https://testgorilla.atlassian.net/wiki/spaces/SR/pages/1813905736/Percentiles+curve+FE+implementation\n  private setOverlayValues(): void {\n    const { overlayXValue, overlayYValue } = this.calculateOverlayValues(this.score);\n    this.overlayXValue = overlayXValue;\n    this.overlayYValue = overlayYValue;\n  }\n\n  private setOverlayValuesForBestScore(): void {\n    const { overlayXValue, overlayYValue } = this.calculateOverlayValues(this.bestCandidateScore);\n    this.overlayXBestScoreValue = overlayXValue;\n    this.overlayYBestScoreValue = overlayYValue;\n  }\n\n  private calculateOverlayValues(score: number): { overlayXValue: number; overlayYValue: number } {\n    const xValue = this.mapRange(score, 0, 100, this.minXValue, this.maxXValue);\n    const yValue = this.gaussianDistribution.pdf(xValue);\n    let overlayXValue = score;\n    let overlayYValue = this.mapRange(yValue, this.minYValue, this.maxYValue, 0, 100);\n\n    if (xValue <= this.actualMinXvalue || xValue >= this.actualMaxXvalue) {\n      const xValueExtreme = xValue <= this.actualMinXvalue ? this.actualMinXvalue : this.actualMaxXvalue;\n      const yValueExtreme = this.gaussianDistribution.pdf(xValueExtreme);\n      overlayXValue = this.mapRange(xValueExtreme, this.minXValue, this.maxXValue, 0, 100);\n      overlayYValue = this.mapRange(yValueExtreme, this.minYValue, this.maxYValue, 0, 100);\n    }\n\n    return { overlayXValue, overlayYValue };\n  }\n\n  private mapRange(value: number, inMin: number, inMax: number, outMin: number, outMax: number): number {\n    return ((value - inMin) * (outMax - outMin)) / (inMax - inMin) + outMin;\n  }\n\n  getCalcPosition([percentage, pixels, operation = 'add']: [number, number, 'add' | 'subtract']): string {\n    const operator = operation === 'add' ? '+' : '-';\n    return `calc(${percentage}% ${operator} ${pixels}px)`;\n  }\n\n  getBestScoreContentPosition(bestScore: number): string {\n    return bestScore < this.bestScoreThreshold ? this.bestScoreSpacingRight : this.bestScoreSpacingLeft;\n  }\n\n  getScoreTranslationKey(score: number): string {\n    if (score < (PercentileThreshold.LOWEST as number)) {\n      return 'PERCENTILE_LABEL_TYPES.WELL_BELOW_AVERAGE';\n    } else if (score >= (PercentileThreshold.LOWEST as number) && score < (PercentileThreshold.LOWER as number)) {\n      return 'PERCENTILE_LABEL_TYPES.BELOW_AVERAGE';\n    } else if (score >= (PercentileThreshold.LOWER as number) && score < (PercentileThreshold.AVERAGE as number)) {\n      return 'PERCENTILE_LABEL_TYPES.AVERAGE';\n    } else if (score >= (PercentileThreshold.AVERAGE as number) && score < (PercentileThreshold.HIGHER as number)) {\n      return 'PERCENTILE_LABEL_TYPES.ABOVE_AVERAGE';\n    } else {\n      return 'PERCENTILE_LABEL_TYPES.WELL_ABOVE_AVERAGE';\n    }\n  }\n}\n","<div\n  class=\"chart-section\"\n  *ngIf=\"score\"\n  [attr.aria-label]=\"\n    translationContext + 'ARIA_LABEL'\n      | uiTranslate\n        : {\n            score: score,\n            activeBucket: getScoreTranslationKey(score) | uiTranslate | async,\n            bestCandidateScore: bestCandidateScore,\n            activeBucketBestScore: getScoreTranslationKey(bestCandidateScore) | uiTranslate | async,\n          }\n      | async\n  \"\n  tabindex=\"0\"\n>\n  <!-- Legend positioned at top -->\n  @if (legendPosition === 'top-start' || legendPosition === 'top-end') {\n    <ng-container [ngTemplateOutlet]=\"legendTemplate\"></ng-container>\n  }\n\n  <div class=\"chart-range-wrapper\">\n    <div class=\"normal-chart-container\">\n      <div class=\"normal-chart\">\n        <canvas baseChart [data]=\"gaussianChartData\" [options]=\"gaussianChartOptions\" type=\"line\" class=\"chart\">\n        </canvas>\n        <div\n          class=\"overlay-icon\"\n          [style.bottom]=\"[overlayYValue, 3, 'subtract'] | memoizeFunc: getCalcPosition\"\n          [style.left]=\"[overlayXValue, 20, 'subtract'] | memoizeFunc: getCalcPosition\"\n        >\n          <div class=\"drop-icon\">\n            <ui-icon name=\"Pin-marker\" size=\"40\"></ui-icon>\n            <span class=\"curve-score\">{{ score }}</span>\n          </div>\n        </div>\n        <div\n          class=\"best-score\"\n          [style.height]=\"[100 - overlayYBestScoreValue, normalContainerPadding, 'add'] | memoizeFunc: getCalcPosition\"\n          [style.bottom]=\"overlayYBestScoreValue + '%'\"\n          [style.left]=\"overlayXBestScoreValue + '%'\"\n        >\n          <div\n            class=\"best-score-content\"\n            [style.left]=\"bestCandidateScore | memoizeFunc: getBestScoreContentPosition : this\"\n          >\n            <ui-icon name=\"Trophy\"></ui-icon>\n            {{ bestCandidateScore }}\n          </div>\n        </div>\n      </div>\n      <div class=\"overlay\">\n        <div class=\"overlay-column\" [class.active]=\"activeBucket === PercentileThreshold.LOWEST\">\n          <div\n            class=\"column-item\"\n            [class.text-bold]=\"activeBucket === PercentileThreshold.LOWEST\"\n            [matTooltip]=\"(translationContext + 'PERCENTAGE_BUCKETS_GRAPH.LOWEST_TOOLTIP' | uiTranslate | async) || ''\"\n          >\n            {{ translationContext + 'PERCENTAGE_BUCKETS_GRAPH.LOWEST' | uiTranslate | async }}\n          </div>\n        </div>\n        <div class=\"overlay-column\" [class.active]=\"activeBucket === PercentileThreshold.LOWER\">\n          <div\n            class=\"column-item\"\n            [class.text-bold]=\"activeBucket === PercentileThreshold.LOWER\"\n            [matTooltip]=\"(translationContext + 'PERCENTAGE_BUCKETS_GRAPH.LOWER_TOOLTIP' | uiTranslate | async) || ''\"\n          >\n            {{ translationContext + 'PERCENTAGE_BUCKETS_GRAPH.LOWER' | uiTranslate | async }}\n          </div>\n        </div>\n        <div class=\"overlay-column\" [class.active]=\"activeBucket === PercentileThreshold.AVERAGE\">\n          <div\n            class=\"column-item\"\n            [class.text-bold]=\"activeBucket === PercentileThreshold.AVERAGE\"\n            [matTooltip]=\"(translationContext + 'PERCENTAGE_BUCKETS_GRAPH.AVERAGE_TOOLTIP' | uiTranslate | async) || ''\"\n          >\n            {{ translationContext + 'PERCENTAGE_BUCKETS_GRAPH.AVERAGE' | uiTranslate | async }}\n          </div>\n        </div>\n        <div class=\"overlay-column\" [class.active]=\"activeBucket === PercentileThreshold.HIGHER\">\n          <div\n            class=\"column-item\"\n            [class.text-bold]=\"activeBucket === PercentileThreshold.HIGHER\"\n            [matTooltip]=\"(translationContext + 'PERCENTAGE_BUCKETS_GRAPH.HIGHER_TOOLTIP' | uiTranslate | async) || ''\"\n          >\n            {{ translationContext + 'PERCENTAGE_BUCKETS_GRAPH.HIGHER' | uiTranslate | async }}\n          </div>\n        </div>\n        <div class=\"overlay-column\" [class.active]=\"activeBucket === PercentileThreshold.HIGHEST\">\n          <div\n            class=\"column-item\"\n            [class.text-bold]=\"activeBucket === PercentileThreshold.HIGHEST\"\n            [matTooltip]=\"(translationContext + 'PERCENTAGE_BUCKETS_GRAPH.HIGHEST_TOOLTIP' | uiTranslate | async) || ''\"\n          >\n            {{ translationContext + 'PERCENTAGE_BUCKETS_GRAPH.HIGHEST' | uiTranslate | async }}\n          </div>\n        </div>\n      </div>\n    </div>\n\n    <div class=\"range\">\n      <div>1</div>\n      <div>20</div>\n      <div>40</div>\n      <div>60</div>\n      <div>80</div>\n      <div>99</div>\n    </div>\n  </div>\n\n  <!-- Legend positioned at bottom -->\n  @if (legendPosition === 'bottom-start' || legendPosition === 'bottom-end') {\n    <ng-container [ngTemplateOutlet]=\"legendTemplate\"></ng-container>\n  }\n</div>\n\n<!-- Reusable legend template -->\n<ng-template #legendTemplate>\n  <div class=\"legend-container\" [ngClass]=\"'legend-' + legendPosition\">\n    <div class=\"legend\">\n      <ui-icon name=\"Dot\" color=\"gray\"></ui-icon>\n      {{ translationContext + 'CANDIDATE_SCORE' | uiTranslate | async }}\n    </div>\n    <div class=\"legend\">\n      <ui-icon name=\"Trophy\" color=\"gray\"></ui-icon>\n      {{ translationContext + 'HIGHEST_SCORE' | uiTranslate | async }}\n    </div>\n  </div>\n</ng-template>\n","import { NgModule } from '@angular/core';\nimport { UiTranslatePipe } from '@testgorilla/tgo-ui/components/core';\nimport { GaussianChartComponent } from './gaussian-chart.component';\nimport { NgChartsModule } from 'ng2-charts';\nimport { Chart, registerables } from 'chart.js';\nimport { MatTooltipModule } from '@angular/material/tooltip';\nimport { CommonModule, NgClass } from '@angular/common';\nimport { IconComponentModule } from '@testgorilla/tgo-ui/components/icon';\nimport { MemoizeFuncPipe } from '@testgorilla/tgo-ui/components/core';\n\nChart.register(...registerables);\n\n@NgModule({\n  declarations: [GaussianChartComponent],\n  exports: [GaussianChartComponent],\n  imports: [\n    NgClass,\n    UiTranslatePipe,\n    NgChartsModule,\n    MatTooltipModule,\n    CommonModule,\n    IconComponentModule,\n    MemoizeFuncPipe,\n  ],\n})\nexport class GaussianChartComponentModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"testgorilla-tgo-ui-components-gaussian-chart.mjs","sources":["../../../components/gaussian-chart/gaussian-chart.component.ts","../../../components/gaussian-chart/gaussian-chart.component.html","../../../components/gaussian-chart/gaussian-chart.module.ts","../../../components/gaussian-chart/testgorilla-tgo-ui-components-gaussian-chart.ts"],"sourcesContent":["import { Component, Input, OnInit } from '@angular/core';\nimport { ApplicationTheme, Color } from '@testgorilla/tgo-ui/components/core';\nimport { Chart, ChartData, ChartOptions } from 'chart.js';\nimport gaussian from 'gaussian';\n\nconst PercentileThreshold = {\n  LOWEST: 20,\n  LOWER: 40,\n  AVERAGE: 60,\n  HIGHER: 80,\n  HIGHEST: 100,\n} as const;\ntype PercentileThreshold = (typeof PercentileThreshold)[keyof typeof PercentileThreshold];\n\nexport type LegendPosition = 'top-start' | 'top-end' | 'bottom-start' | 'bottom-end';\n\n@Component({\n  selector: 'ui-gaussian-chart',\n  templateUrl: './gaussian-chart.component.html',\n  styleUrls: ['./gaussian-chart.component.scss'],\n  standalone: false,\n})\nexport class GaussianChartComponent implements OnInit {\n  /**\n   * The candidate score to be displayed on the chart.\n   * @type {number}\n   * @memberof GaussianChartComponent\n   */\n  @Input() score!: number;\n\n  /**\n   * The best candidate score to be displayed on the chart.\n   * @type {number}\n   * @memberof GaussianChartComponent\n   */\n  @Input() bestCandidateScore!: number;\n\n  /**\n   *\n   * Defines the application theme\n   *\n   * @type {ApplicationTheme}\n   * @memberof SpinnerComponent\n   */\n  @Input() applicationTheme: ApplicationTheme = 'light';\n\n  /**\n   * Controls the position of the legend relative to the chart.\n   * @type {LegendPosition}\n   * @memberof GaussianChartComponent\n   */\n  @Input() legendPosition: LegendPosition = 'bottom-start';\n\n  readonly minXValue = -3;\n  readonly maxXValue = 3;\n  readonly minYValue = 0;\n  readonly stepSize = 0.1;\n  readonly pointsToSkip = 2;\n  readonly actualMinXvalue = this.minXValue + this.pointsToSkip * this.stepSize;\n  readonly actualMaxXvalue = this.maxXValue - this.pointsToSkip * this.stepSize;\n  readonly normalContainerPadding = 50; //in px\n  readonly bestScoreThreshold = 92;\n  readonly bestScoreSpacingRight = '4px';\n  readonly bestScoreSpacingLeft = '-39px';\n\n  PercentileThreshold = PercentileThreshold;\n  chart: Chart;\n  gaussianDistribution: gaussian.Gaussian;\n  activeBucket: PercentileThreshold;\n  overlayXValue: number;\n  overlayYValue: number;\n  overlayXBestScoreValue: number;\n  overlayYBestScoreValue: number;\n  maxYValue: number;\n\n  gaussianChartData: ChartData<'line'> = {\n    labels: [],\n    datasets: [],\n  };\n  gaussianChartOptions: ChartOptions<'line'>;\n  protected readonly translationContext = 'CHARTS.GAUSSIAN_CHART.';\n\n  ngOnInit(): void {\n    if (this.score === undefined || this.score === null) {\n      throw new Error('Input \"score\" is required for GaussianChartComponent.');\n    }\n    if (this.bestCandidateScore === undefined || this.bestCandidateScore === null) {\n      throw new Error('Input \"bestCandidateScore\" is required for GaussianChartComponent.');\n    }\n    this.setActiveBucket();\n    this.gaussianDistribution = gaussian(0, 1);\n    this.maxYValue = this.gaussianDistribution.pdf(0);\n    this.setOverlayValues();\n    this.setOverlayValuesForBestScore();\n    this.setChartData();\n    this.setChartOptions();\n  }\n\n  private setChartData() {\n    const xValues: number[] = [];\n    const yValues: number[] = [];\n    const labels = this.generateLabels(this.minXValue, this.maxXValue, this.stepSize);\n\n    for (let x = this.minXValue; x < this.maxXValue + this.stepSize; x = Number((x + this.stepSize).toFixed(2))) {\n      xValues.push(x);\n      yValues.push(this.gaussianDistribution.pdf(x));\n    }\n\n    this.gaussianChartData = {\n      labels,\n      datasets: this.generateDataset(yValues),\n    };\n  }\n\n  private setChartOptions() {\n    this.gaussianChartOptions = {\n      responsive: true,\n      maintainAspectRatio: false,\n      scales: this.getScale(),\n      plugins: {\n        // To be used only for dev purpose\n        // tooltip: this.getTooltip(),\n        // Comment the below line if you enable the call for tooltip\n        tooltip: {\n          enabled: false,\n        },\n        legend: {\n          display: false,\n        },\n      },\n    };\n  }\n\n  private getTooltip() {\n    return {\n      intersect: false,\n      mode: 'nearest',\n      displayColors: false,\n      callbacks: {\n        label: (tooltipItem: { label: string }) => {\n          const value = (this.gaussianDistribution.cdf(parseFloat(tooltipItem.label)) * 100).toFixed(2);\n          return `${value}%`;\n        },\n        title: () => '', // Disable the default title\n      },\n    };\n  }\n\n  private getScale(): {\n    x: { display: boolean; grid: { display: boolean } };\n    y: { display: boolean; grid: { display: boolean } };\n  } {\n    return {\n      x: {\n        display: false,\n        grid: {\n          display: false, // Disable grid lines for x-axis\n        },\n      },\n      y: {\n        display: false,\n        grid: {\n          display: false, // Disable grid lines for y-axis\n        },\n      },\n    };\n  }\n\n  private generateDataset(\n    yValues: number[]\n  ): { data: any[]; label: string; borderColor: Color; borderWidth: number; pointRadius: number; fill: boolean }[] {\n    return [\n      {\n        data: [...yValues.slice(0, this.pointsToSkip), ...Array(yValues.length - this.pointsToSkip).fill(null)],\n        label: '',\n        borderColor: this.activeBucket === PercentileThreshold.LOWEST ? Color.ACCENT_20 : Color.TGO_WHITE,\n        borderWidth: 2,\n        pointRadius: 0,\n        fill: false,\n      },\n      {\n        data: [\n          ...Array(this.pointsToSkip).fill(null),\n          ...yValues.slice(this.pointsToSkip, yValues.length - this.pointsToSkip),\n          ...Array(this.pointsToSkip).fill(null),\n        ],\n        label: '',\n        borderColor: Color.BLACK,\n        borderWidth: 2,\n        pointRadius: 0,\n        fill: false,\n      },\n      {\n        data: [\n          ...Array(yValues.length - this.pointsToSkip).fill(null),\n          ...yValues.slice(yValues.length - this.pointsToSkip, yValues.length),\n        ],\n        label: '',\n        borderColor: this.activeBucket === PercentileThreshold.HIGHEST ? Color.ACCENT_20 : Color.TGO_WHITE,\n        borderWidth: 2,\n        pointRadius: 0,\n        fill: false,\n      },\n    ];\n  }\n\n  private generateLabels(min: number, max: number, step: number): string[] {\n    const labels = [];\n    for (let x = min; x < max + step; x = Number((x + step).toFixed(2))) {\n      labels.push(x.toFixed(1));\n    }\n    return labels;\n  }\n\n  private setActiveBucket(): void {\n    const score = this.score;\n    if (score < PercentileThreshold.LOWEST) {\n      this.activeBucket = PercentileThreshold.LOWEST;\n    } else if (score >= PercentileThreshold.LOWEST && score < PercentileThreshold.LOWER) {\n      this.activeBucket = PercentileThreshold.LOWER;\n    } else if (score >= PercentileThreshold.LOWER && score < PercentileThreshold.AVERAGE) {\n      this.activeBucket = PercentileThreshold.AVERAGE;\n    } else if (score >= PercentileThreshold.AVERAGE && score < PercentileThreshold.HIGHER) {\n      this.activeBucket = PercentileThreshold.HIGHER;\n    } else if (score >= PercentileThreshold.HIGHER) {\n      this.activeBucket = PercentileThreshold.HIGHEST;\n    }\n  }\n\n  // For more context: https://testgorilla.atlassian.net/wiki/spaces/SR/pages/1813905736/Percentiles+curve+FE+implementation\n  private setOverlayValues(): void {\n    const { overlayXValue, overlayYValue } = this.calculateOverlayValues(this.score);\n    this.overlayXValue = overlayXValue;\n    this.overlayYValue = overlayYValue;\n  }\n\n  private setOverlayValuesForBestScore(): void {\n    const { overlayXValue, overlayYValue } = this.calculateOverlayValues(this.bestCandidateScore);\n    this.overlayXBestScoreValue = overlayXValue;\n    this.overlayYBestScoreValue = overlayYValue;\n  }\n\n  private calculateOverlayValues(score: number): { overlayXValue: number; overlayYValue: number } {\n    const xValue = this.mapRange(score, 0, 100, this.minXValue, this.maxXValue);\n    const yValue = this.gaussianDistribution.pdf(xValue);\n    let overlayXValue = score;\n    let overlayYValue = this.mapRange(yValue, this.minYValue, this.maxYValue, 0, 100);\n\n    if (xValue <= this.actualMinXvalue || xValue >= this.actualMaxXvalue) {\n      const xValueExtreme = xValue <= this.actualMinXvalue ? this.actualMinXvalue : this.actualMaxXvalue;\n      const yValueExtreme = this.gaussianDistribution.pdf(xValueExtreme);\n      overlayXValue = this.mapRange(xValueExtreme, this.minXValue, this.maxXValue, 0, 100);\n      overlayYValue = this.mapRange(yValueExtreme, this.minYValue, this.maxYValue, 0, 100);\n    }\n\n    return { overlayXValue, overlayYValue };\n  }\n\n  private mapRange(value: number, inMin: number, inMax: number, outMin: number, outMax: number): number {\n    return ((value - inMin) * (outMax - outMin)) / (inMax - inMin) + outMin;\n  }\n\n  getCalcPosition([percentage, pixels, operation = 'add']: [number, number, 'add' | 'subtract']): string {\n    const operator = operation === 'add' ? '+' : '-';\n    return `calc(${percentage}% ${operator} ${pixels}px)`;\n  }\n\n  getBestScoreContentPosition(bestScore: number): string {\n    return bestScore < this.bestScoreThreshold ? this.bestScoreSpacingRight : this.bestScoreSpacingLeft;\n  }\n\n  getScoreTranslationKey(score: number): string {\n    if (score < PercentileThreshold.LOWEST) {\n      return 'PERCENTILE_LABEL_TYPES.WELL_BELOW_AVERAGE';\n    } else if (score >= PercentileThreshold.LOWEST && score < PercentileThreshold.LOWER) {\n      return 'PERCENTILE_LABEL_TYPES.BELOW_AVERAGE';\n    } else if (score >= PercentileThreshold.LOWER && score < PercentileThreshold.AVERAGE) {\n      return 'PERCENTILE_LABEL_TYPES.AVERAGE';\n    } else if (score >= PercentileThreshold.AVERAGE && score < PercentileThreshold.HIGHER) {\n      return 'PERCENTILE_LABEL_TYPES.ABOVE_AVERAGE';\n    } else {\n      return 'PERCENTILE_LABEL_TYPES.WELL_ABOVE_AVERAGE';\n    }\n  }\n}\n","@if (score) {\n  <div\n    class=\"chart-section\"\n    [attr.aria-label]=\"\n      translationContext + 'ARIA_LABEL'\n        | uiTranslate\n          : {\n              score: score,\n              activeBucket: getScoreTranslationKey(score) | uiTranslate | async,\n              bestCandidateScore: bestCandidateScore,\n              activeBucketBestScore: getScoreTranslationKey(bestCandidateScore) | uiTranslate | async,\n            }\n        | async\n    \"\n    tabindex=\"0\"\n  >\n    <!-- Legend positioned at top -->\n    @if (legendPosition === 'top-start' || legendPosition === 'top-end') {\n      <ng-container [ngTemplateOutlet]=\"legendTemplate\"></ng-container>\n    }\n    <div class=\"chart-range-wrapper\">\n      <div class=\"normal-chart-container\">\n        <div class=\"normal-chart\">\n          <canvas baseChart [data]=\"gaussianChartData\" [options]=\"gaussianChartOptions\" type=\"line\" class=\"chart\">\n          </canvas>\n          <div\n            class=\"overlay-icon\"\n            [style.bottom]=\"[overlayYValue, 3, 'subtract'] | memoizeFunc: getCalcPosition\"\n            [style.left]=\"[overlayXValue, 20, 'subtract'] | memoizeFunc: getCalcPosition\"\n          >\n            <div class=\"drop-icon\">\n              <ui-icon name=\"Pin-marker\" size=\"40\"></ui-icon>\n              <span class=\"curve-score\">{{ score }}</span>\n            </div>\n          </div>\n          <div\n            class=\"best-score\"\n            [style.height]=\"\n              [100 - overlayYBestScoreValue, normalContainerPadding, 'add'] | memoizeFunc: getCalcPosition\n            \"\n            [style.bottom]=\"overlayYBestScoreValue + '%'\"\n            [style.left]=\"overlayXBestScoreValue + '%'\"\n          >\n            <div\n              class=\"best-score-content\"\n              [style.left]=\"bestCandidateScore | memoizeFunc: getBestScoreContentPosition : this\"\n            >\n              <ui-icon name=\"Trophy\"></ui-icon>\n              {{ bestCandidateScore }}\n            </div>\n          </div>\n        </div>\n        <div class=\"overlay\">\n          <div class=\"overlay-column\" [class.active]=\"activeBucket === PercentileThreshold.LOWEST\">\n            <div\n              class=\"column-item\"\n              [class.text-bold]=\"activeBucket === PercentileThreshold.LOWEST\"\n              [matTooltip]=\"\n                (translationContext + 'PERCENTAGE_BUCKETS_GRAPH.LOWEST_TOOLTIP' | uiTranslate | async) || ''\n              \"\n            >\n              {{ translationContext + 'PERCENTAGE_BUCKETS_GRAPH.LOWEST' | uiTranslate | async }}\n            </div>\n          </div>\n          <div class=\"overlay-column\" [class.active]=\"activeBucket === PercentileThreshold.LOWER\">\n            <div\n              class=\"column-item\"\n              [class.text-bold]=\"activeBucket === PercentileThreshold.LOWER\"\n              [matTooltip]=\"(translationContext + 'PERCENTAGE_BUCKETS_GRAPH.LOWER_TOOLTIP' | uiTranslate | async) || ''\"\n            >\n              {{ translationContext + 'PERCENTAGE_BUCKETS_GRAPH.LOWER' | uiTranslate | async }}\n            </div>\n          </div>\n          <div class=\"overlay-column\" [class.active]=\"activeBucket === PercentileThreshold.AVERAGE\">\n            <div\n              class=\"column-item\"\n              [class.text-bold]=\"activeBucket === PercentileThreshold.AVERAGE\"\n              [matTooltip]=\"\n                (translationContext + 'PERCENTAGE_BUCKETS_GRAPH.AVERAGE_TOOLTIP' | uiTranslate | async) || ''\n              \"\n            >\n              {{ translationContext + 'PERCENTAGE_BUCKETS_GRAPH.AVERAGE' | uiTranslate | async }}\n            </div>\n          </div>\n          <div class=\"overlay-column\" [class.active]=\"activeBucket === PercentileThreshold.HIGHER\">\n            <div\n              class=\"column-item\"\n              [class.text-bold]=\"activeBucket === PercentileThreshold.HIGHER\"\n              [matTooltip]=\"\n                (translationContext + 'PERCENTAGE_BUCKETS_GRAPH.HIGHER_TOOLTIP' | uiTranslate | async) || ''\n              \"\n            >\n              {{ translationContext + 'PERCENTAGE_BUCKETS_GRAPH.HIGHER' | uiTranslate | async }}\n            </div>\n          </div>\n          <div class=\"overlay-column\" [class.active]=\"activeBucket === PercentileThreshold.HIGHEST\">\n            <div\n              class=\"column-item\"\n              [class.text-bold]=\"activeBucket === PercentileThreshold.HIGHEST\"\n              [matTooltip]=\"\n                (translationContext + 'PERCENTAGE_BUCKETS_GRAPH.HIGHEST_TOOLTIP' | uiTranslate | async) || ''\n              \"\n            >\n              {{ translationContext + 'PERCENTAGE_BUCKETS_GRAPH.HIGHEST' | uiTranslate | async }}\n            </div>\n          </div>\n        </div>\n      </div>\n      <div class=\"range\">\n        <div>1</div>\n        <div>20</div>\n        <div>40</div>\n        <div>60</div>\n        <div>80</div>\n        <div>99</div>\n      </div>\n    </div>\n    <!-- Legend positioned at bottom -->\n    @if (legendPosition === 'bottom-start' || legendPosition === 'bottom-end') {\n      <ng-container [ngTemplateOutlet]=\"legendTemplate\"></ng-container>\n    }\n  </div>\n}\n\n<!-- Reusable legend template -->\n<ng-template #legendTemplate>\n  <div class=\"legend-container\" [ngClass]=\"'legend-' + legendPosition\">\n    <div class=\"legend\">\n      <ui-icon name=\"Dot\" color=\"gray\"></ui-icon>\n      {{ translationContext + 'CANDIDATE_SCORE' | uiTranslate | async }}\n    </div>\n    <div class=\"legend\">\n      <ui-icon name=\"Trophy\" color=\"gray\"></ui-icon>\n      {{ translationContext + 'HIGHEST_SCORE' | uiTranslate | async }}\n    </div>\n  </div>\n</ng-template>\n","import { NgModule } from '@angular/core';\nimport { UiTranslatePipe } from '@testgorilla/tgo-ui/components/core';\nimport { GaussianChartComponent } from './gaussian-chart.component';\nimport { BaseChartDirective } from 'ng2-charts';\nimport { Chart, registerables } from 'chart.js';\nimport { MatTooltipModule } from '@angular/material/tooltip';\nimport { CommonModule, NgClass } from '@angular/common';\nimport { IconComponentModule } from '@testgorilla/tgo-ui/components/icon';\nimport { MemoizeFuncPipe } from '@testgorilla/tgo-ui/components/core';\n\nChart.register(...registerables);\n\n@NgModule({\n  declarations: [GaussianChartComponent],\n  exports: [GaussianChartComponent],\n  imports: [\n    NgClass,\n    UiTranslatePipe,\n    BaseChartDirective,\n    MatTooltipModule,\n    CommonModule,\n    IconComponentModule,\n    MemoizeFuncPipe,\n  ],\n})\nexport class GaussianChartComponentModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/testgorilla-tgo-ui-components-icon-label.mjs

@@ -46,10 +46,10 @@ class IconLabelComponent {
             this.applicationTheme = defaultAppTheme;
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IconLabelComponent, deps: [{ token: 'CANOPYUI_DEFAULT_APPLICATION_THEME', optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: IconLabelComponent, isStandalone: false, selector: "ui-icon-label", inputs: { iconSize: "iconSize", iconName: "iconName", text: "text", iconColor: "iconColor", iconIndent: "iconIndent", applicationTheme: "applicationTheme" }, host: { properties: { "style.--icon-indent": "this.iconIndent" } }, ngImport: i0, template: "<ui-icon [name]=\"iconName\" [size]=\"iconSize\" [color]=\"iconColor\" aria-hidden=\"true\"></ui-icon>\n<span>{{ text }}</span>\n", styles: [":host{display:flex;align-items:center}:host ui-icon{margin-right:calc(var(--icon-indent) * 1px)}\n"], dependencies: [{ kind: "component", type: i1.IconComponent, selector: "ui-icon", inputs: ["size", "cssClass", "name", "color", "filled", "toggleIconStyle", "applicationTheme", "useFullIconName"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.20", ngImport: i0, type: IconLabelComponent, deps: [{ token: 'CANOPYUI_DEFAULT_APPLICATION_THEME', optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.20", type: IconLabelComponent, isStandalone: false, selector: "ui-icon-label", inputs: { iconSize: "iconSize", iconName: "iconName", text: "text", iconColor: "iconColor", iconIndent: "iconIndent", applicationTheme: "applicationTheme" }, host: { properties: { "style.--icon-indent": "this.iconIndent" } }, ngImport: i0, template: "<ui-icon [name]=\"iconName\" [size]=\"iconSize\" [color]=\"iconColor\" aria-hidden=\"true\"></ui-icon>\n<span>{{ text }}</span>\n", styles: [":host{display:flex;align-items:center}:host ui-icon{margin-right:calc(var(--icon-indent) * 1px)}\n"], dependencies: [{ kind: "component", type: i1.IconComponent, selector: "ui-icon", inputs: ["size", "cssClass", "name", "color", "filled", "toggleIconStyle", "applicationTheme", "useFullIconName"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IconLabelComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.20", ngImport: i0, type: IconLabelComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ui-icon-label', standalone: false, template: "<ui-icon [name]=\"iconName\" [size]=\"iconSize\" [color]=\"iconColor\" aria-hidden=\"true\"></ui-icon>\n<span>{{ text }}</span>\n", styles: [":host{display:flex;align-items:center}:host ui-icon{margin-right:calc(var(--icon-indent) * 1px)}\n"] }]
         }], ctorParameters: () => [{ type: undefined, decorators: [{
@@ -75,11 +75,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
             }] } });
 
 class IconLabelComponentModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IconLabelComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.20", ngImport: i0, type: IconLabelComponentModule, declarations: [IconLabelComponent], imports: [CommonModule, IconComponentModule], exports: [IconLabelComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IconLabelComponentModule, imports: [CommonModule, IconComponentModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.20", ngImport: i0, type: IconLabelComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.20", ngImport: i0, type: IconLabelComponentModule, declarations: [IconLabelComponent], imports: [CommonModule, IconComponentModule], exports: [IconLabelComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.20", ngImport: i0, type: IconLabelComponentModule, imports: [CommonModule, IconComponentModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IconLabelComponentModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.20", ngImport: i0, type: IconLabelComponentModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [IconLabelComponent],

package/fesm2022/testgorilla-tgo-ui-components-icon-label.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"testgorilla-tgo-ui-components-icon-label.mjs","sources":["../../../components/icon-label/icon-label.component.ts","../../../components/icon-label/icon-label.component.html","../../../components/icon-label/icon-label.component.module.ts","../../../components/icon-label/testgorilla-tgo-ui-components-icon-label.ts"],"sourcesContent":["import { Component, HostBinding, Inject, Input, Optional } from '@angular/core';\nimport { IconName, IconSize } from '@testgorilla/tgo-ui/components/icon';\nimport { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';\n\n@Component({\n  selector: 'ui-icon-label',\n  templateUrl: './icon-label.component.html',\n  styleUrls: ['./icon-label.component.scss'],\n  standalone: false,\n})\nexport class IconLabelComponent {\n  /**\n   * Icon size\n   *\n   * @type {IconSize}\n   * @memberof IconLabelComponent\n   */\n  @Input() iconSize: IconSize = '16';\n\n  /**\n   * Icon name\n   *\n   * @type {IconName}\n   * @memberof IconLabelComponent\n   */\n  @Input() iconName: IconName;\n\n  /**\n   * Label\n   *\n   * @memberof IconLabelComponent\n   */\n  @Input() text = '';\n\n  /**\n   * Icon color\n   *\n   * @type {IconColor}\n   * @memberof IconLabelComponent\n   */\n  @Input() iconColor? = '';\n\n  /**\n   * Indent between icon and label\n   *\n   * @type {string}\n   * @memberof IconLabelComponent\n   */\n  @HostBinding('style.--icon-indent')\n  @Input()\n  iconIndent? = '8';\n\n  /**\n   *\n   * Defines the application theme\n   *\n   * @type {ApplicationTheme}\n   * @memberof IconLabelComponent\n   */\n  @Input() applicationTheme: ApplicationTheme = 'light';\n\n  constructor(\n    @Optional() @Inject('CANOPYUI_DEFAULT_APPLICATION_THEME') private readonly defaultAppTheme: ApplicationTheme\n  ) {\n    if (defaultAppTheme) {\n      this.applicationTheme = defaultAppTheme;\n    }\n  }\n}\n","<ui-icon [name]=\"iconName\" [size]=\"iconSize\" [color]=\"iconColor\" aria-hidden=\"true\"></ui-icon>\n<span>{{ text }}</span>\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { IconComponentModule } from '@testgorilla/tgo-ui/components/icon';\nimport { IconLabelComponent } from './icon-label.component';\n\n@NgModule({\n  declarations: [IconLabelComponent],\n  imports: [CommonModule, IconComponentModule],\n  exports: [IconLabelComponent],\n  providers: [],\n})\nexport class IconLabelComponentModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"testgorilla-tgo-ui-components-icon-label.mjs","sources":["../../../components/icon-label/icon-label.component.ts","../../../components/icon-label/icon-label.component.html","../../../components/icon-label/icon-label.component.module.ts","../../../components/icon-label/testgorilla-tgo-ui-components-icon-label.ts"],"sourcesContent":["import { Component, HostBinding, Inject, Input, Optional } from '@angular/core';\nimport { IconName, IconSize } from '@testgorilla/tgo-ui/components/icon';\nimport { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';\n\n@Component({\n  selector: 'ui-icon-label',\n  templateUrl: './icon-label.component.html',\n  styleUrls: ['./icon-label.component.scss'],\n  standalone: false,\n})\nexport class IconLabelComponent {\n  /**\n   * Icon size\n   *\n   * @type {IconSize}\n   * @memberof IconLabelComponent\n   */\n  @Input() iconSize: IconSize = '16';\n\n  /**\n   * Icon name\n   *\n   * @type {IconName}\n   * @memberof IconLabelComponent\n   */\n  @Input() iconName: IconName;\n\n  /**\n   * Label\n   *\n   * @memberof IconLabelComponent\n   */\n  @Input() text = '';\n\n  /**\n   * Icon color\n   *\n   * @type {IconColor}\n   * @memberof IconLabelComponent\n   */\n  @Input() iconColor? = '';\n\n  /**\n   * Indent between icon and label\n   *\n   * @type {string}\n   * @memberof IconLabelComponent\n   */\n  @HostBinding('style.--icon-indent')\n  @Input()\n  iconIndent? = '8';\n\n  /**\n   *\n   * Defines the application theme\n   *\n   * @type {ApplicationTheme}\n   * @memberof IconLabelComponent\n   */\n  @Input() applicationTheme: ApplicationTheme = 'light';\n\n  constructor(\n    @Optional() @Inject('CANOPYUI_DEFAULT_APPLICATION_THEME') private readonly defaultAppTheme: ApplicationTheme\n  ) {\n    if (defaultAppTheme) {\n      this.applicationTheme = defaultAppTheme;\n    }\n  }\n}\n","<ui-icon [name]=\"iconName\" [size]=\"iconSize\" [color]=\"iconColor\" aria-hidden=\"true\"></ui-icon>\n<span>{{ text }}</span>\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { IconComponentModule } from '@testgorilla/tgo-ui/components/icon';\nimport { IconLabelComponent } from './icon-label.component';\n\n@NgModule({\n  declarations: [IconLabelComponent],\n  imports: [CommonModule, IconComponentModule],\n  exports: [IconLabelComponent],\n  providers: [],\n})\nexport class IconLabelComponentModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;MAUa,kBAAkB,CAAA;AAmD7B,IAAA,WAAA,CAC6E,eAAiC,EAAA;QAAjC,IAAA,CAAA,eAAe,GAAf,eAAe;AAnD5F;;;;;AAKG;QACM,IAAA,CAAA,QAAQ,GAAa,IAAI;AAUlC;;;;AAIG;QACM,IAAA,CAAA,IAAI,GAAG,EAAE;AAElB;;;;;AAKG;QACM,IAAA,CAAA,SAAS,GAAI,EAAE;AAExB;;;;;AAKG;QAGH,IAAA,CAAA,UAAU,GAAI,GAAG;AAEjB;;;;;;AAMG;QACM,IAAA,CAAA,gBAAgB,GAAqB,OAAO;QAKnD,IAAI,eAAe,EAAE;AACnB,YAAA,IAAI,CAAC,gBAAgB,GAAG,eAAe;QACzC;IACF;AAzDW,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,kBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,kBAAkB,kBAoDP,oCAAoC,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AApD/C,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,kBAAkB,4SCV/B,mIAEA,EAAA,MAAA,EAAA,CAAA,oGAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,aAAA,EAAA,QAAA,EAAA,SAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,OAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,kBAAA,EAAA,iBAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA;;4FDQa,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAN9B,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,eAAe,cAGb,KAAK,EAAA,QAAA,EAAA,mIAAA,EAAA,MAAA,EAAA,CAAA,oGAAA,CAAA,EAAA;;0BAsDd;;0BAAY,MAAM;2BAAC,oCAAoC;;sBA7CzD;;sBAQA;;sBAOA;;sBAQA;;sBAQA,WAAW;uBAAC,qBAAqB;;sBACjC;;sBAUA;;;MEhDU,wBAAwB,CAAA;+GAAxB,wBAAwB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAAxB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,wBAAwB,iBALpB,kBAAkB,CAAA,EAAA,OAAA,EAAA,CACvB,YAAY,EAAE,mBAAmB,aACjC,kBAAkB,CAAA,EAAA,CAAA,CAAA;gHAGjB,wBAAwB,EAAA,OAAA,EAAA,CAJzB,YAAY,EAAE,mBAAmB,CAAA,EAAA,CAAA,CAAA;;4FAIhC,wBAAwB,EAAA,UAAA,EAAA,CAAA;kBANpC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,YAAY,EAAE,CAAC,kBAAkB,CAAC;AAClC,oBAAA,OAAO,EAAE,CAAC,YAAY,EAAE,mBAAmB,CAAC;oBAC5C,OAAO,EAAE,CAAC,kBAAkB,CAAC;AAC7B,oBAAA,SAAS,EAAE,EAAE;AACd,iBAAA;;;ACVD;;AAEG;;;;"}

package/fesm2022/testgorilla-tgo-ui-components-icon.mjs

@@ -10,7 +10,7 @@ import { HttpClientModule } from '@angular/common/http';
 /* eslint-disable */
 /**
  * Auto-generated file containing SVG icon content
- * Generated on: 2026-05-12T15:12:38.366Z
+ * Generated on: 2026-05-15T14:18:53.643Z
  *
  * DO NOT EDIT THIS FILE MANUALLY
  * Run 'npm run generate:icons' to regenerate
@@ -533,7 +533,8 @@ const rebrandIconSvgContent = {
     'Unread-notification-in-line': `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><svg x="4.0008" y="1.9992" width="16.9992" height="20.0016" viewBox="0 0 17 20" fill="none" overflow="visible"><path id="Vector" d="M8 20C7.45 20 6.97917 19.8042 6.5875 19.4125C6.19583 19.0208 6 18.55 6 18H10C10 18.55 9.80417 19.0208 9.4125 19.4125C9.02083 19.8042 8.55 20 8 20ZM0 17V15H2V8C2 6.61667 2.41667 5.3875 3.25 4.3125C4.08333 3.2375 5.16667 2.53333 6.5 2.2V0H9.5V1.825C9.31667 2.19167 9.18333 2.56667 9.1 2.95C9.01667 3.33333 8.98333 3.725 9 4.125C8.83333 4.09167 8.67083 4.0625 8.5125 4.0375C8.35417 4.0125 8.18333 4 8 4C6.9 4 5.95833 4.39167 5.175 5.175C4.39167 5.95833 4 6.9 4 8V15H12V8.575C12.3 8.70833 12.6208 8.8125 12.9625 8.8875C13.3042 8.9625 13.65 9 14 9V15H16V17H0ZM11.875 6.125C11.2917 5.54167 11 4.83333 11 4C11 3.16667 11.2917 2.45833 11.875 1.875C12.4583 1.29167 13.1667 1 14 1C14.8333 1 15.5417 1.29167 16.125 1.875C16.7083 2.45833 17 3.16667 17 4C17 4.83333 16.7083 5.54167 16.125 6.125C15.5417 6.70833 14.8333 7 14 7C13.1667 7 12.4583 6.70833 11.875 6.125Z" fill="currentColor"/></svg></svg>`,
     'Upgrade-filled': `<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.4498 11.1215L6.6498 6.92148C6.88314 6.68815 7.15814 6.52148 7.4748 6.42148C7.79147 6.32148 8.11647 6.30482 8.4498 6.37148L9.7498 6.64648C8.8498 7.71315 8.14147 8.67982 7.6248 9.54648C7.10814 10.4132 6.60814 11.4632 6.1248 12.6965L2.4498 11.1215ZM7.5748 13.3965C7.95814 12.1965 8.47897 11.0632 9.1373 9.99649C9.79564 8.92982 10.5915 7.92982 11.5248 6.99648C12.9915 5.52982 14.6665 4.43398 16.5498 3.70898C18.4331 2.98398 20.1915 2.76315 21.8248 3.04648C22.1081 4.67982 21.8915 6.43815 21.1748 8.32148C20.4581 10.2048 19.3665 11.8798 17.8998 13.3465C16.9831 14.2632 15.9831 15.059 14.8998 15.734C13.8165 16.409 12.6748 16.9382 11.4748 17.3215L7.5748 13.3965ZM14.4748 10.3965C14.8581 10.7798 15.329 10.9715 15.8873 10.9715C16.4456 10.9715 16.9165 10.7798 17.2998 10.3965C17.6831 10.0132 17.8748 9.54232 17.8748 8.98398C17.8748 8.42565 17.6831 7.95482 17.2998 7.57148C16.9165 7.18815 16.4456 6.99648 15.8873 6.99648C15.329 6.99648 14.8581 7.18815 14.4748 7.57148C14.0915 7.95482 13.8998 8.42565 13.8998 8.98398C13.8998 9.54232 14.0915 10.0132 14.4748 10.3965ZM13.7748 22.4215L12.1748 18.7465C13.4081 18.2632 14.4623 17.7632 15.3373 17.2465C16.2123 16.7298 17.1831 16.0215 18.2498 15.1215L18.4998 16.4215C18.5665 16.7548 18.5498 17.084 18.4498 17.409C18.3498 17.734 18.1831 18.0132 17.9498 18.2465L13.7748 22.4215ZM4.0498 16.5965C4.63314 16.0132 5.34147 15.7173 6.1748 15.709C7.00814 15.7007 7.71647 15.9882 8.2998 16.5715C8.88314 17.1548 9.1748 17.8632 9.1748 18.6965C9.1748 19.5298 8.88314 20.2382 8.2998 20.8215C7.88314 21.2382 7.1873 21.5965 6.2123 21.8965C5.2373 22.1965 3.89147 22.4632 2.1748 22.6965C2.40814 20.9798 2.6748 19.6382 2.9748 18.6715C3.2748 17.7048 3.63314 17.0132 4.0498 16.5965Z" fill="currentColor"/></svg>`,
     'Upgrade-in-line': `<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.6498 10.5715L7.5998 11.3965C7.83314 10.9298 8.0748 10.4798 8.3248 10.0465C8.5748 9.61316 8.8498 9.17983 9.1498 8.74649L7.7498 8.47149L5.6498 10.5715ZM9.1998 12.6465L12.0498 15.4715C12.7498 15.2048 13.4998 14.7965 14.2998 14.2465C15.0998 13.6965 15.8498 13.0715 16.5498 12.3715C17.7165 11.2048 18.629 9.90899 19.2873 8.48399C19.9456 7.05899 20.2331 5.74649 20.1498 4.54649C18.9498 4.46316 17.6331 4.75066 16.1998 5.40899C14.7665 6.06733 13.4665 6.97983 12.2998 8.14649C11.5998 8.84649 10.9748 9.59649 10.4248 10.3965C9.8748 11.1965 9.46647 11.9465 9.1998 12.6465ZM13.6498 11.0215C13.2665 10.6382 13.0748 10.1673 13.0748 9.60899C13.0748 9.05066 13.2665 8.57983 13.6498 8.19649C14.0331 7.81316 14.5081 7.62149 15.0748 7.62149C15.6415 7.62149 16.1165 7.81316 16.4998 8.19649C16.8831 8.57983 17.0748 9.05066 17.0748 9.60899C17.0748 10.1673 16.8831 10.6382 16.4998 11.0215C16.1165 11.4048 15.6415 11.5965 15.0748 11.5965C14.5081 11.5965 14.0331 11.4048 13.6498 11.0215ZM14.1248 19.0465L16.2248 16.9465L15.9498 15.5465C15.5165 15.8465 15.0831 16.1173 14.6498 16.359C14.2165 16.6007 13.7665 16.8382 13.2998 17.0715L14.1248 19.0465ZM21.9498 2.72149C22.2665 4.73816 22.0706 6.70066 21.3623 8.60899C20.654 10.5173 19.4331 12.3382 17.6998 14.0715L18.1998 16.5465C18.2665 16.8798 18.2498 17.2048 18.1498 17.5215C18.0498 17.8382 17.8831 18.1132 17.6498 18.3465L13.4498 22.5465L11.3498 17.6215L7.0748 13.3465L2.1498 11.2465L6.3248 7.04649C6.55814 6.81316 6.8373 6.64649 7.1623 6.54649C7.4873 6.44649 7.81647 6.42983 8.1498 6.49649L10.6248 6.99649C12.3581 5.26316 14.1748 4.03816 16.0748 3.32149C17.9748 2.60483 19.9331 2.40483 21.9498 2.72149ZM3.9248 16.5215C4.50814 15.9382 5.22064 15.6423 6.0623 15.634C6.90397 15.6257 7.61647 15.9132 8.1998 16.4965C8.78314 17.0798 9.07064 17.7923 9.0623 18.634C9.05397 19.4757 8.75814 20.1882 8.1748 20.7715C7.75814 21.1882 7.0623 21.5465 6.0873 21.8465C5.1123 22.1465 3.76647 22.4132 2.0498 22.6465C2.28314 20.9298 2.5498 19.584 2.8498 18.609C3.1498 17.634 3.50814 16.9382 3.9248 16.5215ZM5.3498 17.9215C5.18314 18.0882 5.01647 18.3923 4.8498 18.834C4.68314 19.2757 4.56647 19.7215 4.4998 20.1715C4.9498 20.1048 5.39564 19.9923 5.8373 19.834C6.27897 19.6757 6.58314 19.5132 6.7498 19.3465C6.9498 19.1465 7.05814 18.9048 7.0748 18.6215C7.09147 18.3382 6.9998 18.0965 6.7998 17.8965C6.5998 17.6965 6.35814 17.6007 6.0748 17.609C5.79147 17.6173 5.5498 17.7215 5.3498 17.9215Z" fill="currentColor"/></svg>`,
-    'Upgrade-paint-filled': `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><svg x="1.9992" y="1.5" width="21.552" height="20.5008" viewBox="0 0 21.55 20.5" fill="none" overflow="visible"><path id="Vector" d="M0 20.5L5 6.5L14 15.5L0 20.5ZM3.3 17.2L10.35 14.7L5.8 10.15L3.3 17.2ZM12.55 11.05L11.5 10L19.025 2.475L21.55 5L20.5 6.05L19.025 4.575L12.55 11.05ZM8.55 7.05L7.5 6L8.95 4.55L7.45 3.05L8.5 2L11.05 4.55L8.55 7.05ZM10.55 9.05L9.5 8L13.975 3.525L11.5 1.05L12.55 0L16.075 3.525L10.55 9.05ZM14.55 13.05L13.5 12L17.025 8.475L20.55 12L19.5 13.05L17.025 10.575L14.55 13.05Z" fill="currentColor"/></svg></svg>`,
+    'Upgrade-paint-filled': `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><svg x="1.9992" y="1.5" width="21.552" height="20.5008" viewBox="0 0 21.55 20.5" fill="none" overflow="visible"><path id="Vector" d="M0 20.5L5 6.5L14 15.5L0 20.5ZM12.55 11.05L11.5 10L19.025 2.475L21.55 5L20.5 6.05L19.025 4.575L12.55 11.05ZM8.55 7.05L7.5 6L8.95 4.55L7.45 3.05L8.5 2L11.05 4.55L8.55 7.05ZM10.55 9.05L9.5 8L13.975 3.525L11.5 1.05L12.55 0L16.075 3.525L10.55 9.05ZM14.55 13.05L13.5 12L17.025 8.475L20.55 12L19.5 13.05L17.025 10.575L14.55 13.05Z" fill="currentColor"/></svg></svg>`,
+    'Upgrade-paint-in-line': `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><svg x="1.9992" y="1.5" width="21.552" height="20.5008" viewBox="0 0 21.55 20.5" fill="none" overflow="visible"><path id="Vector" d="M0 20.5L5 6.5L14 15.5L0 20.5ZM3.3 17.2L10.35 14.7L5.8 10.15L3.3 17.2ZM12.55 11.05L11.5 10L19.025 2.475L21.55 5L20.5 6.05L19.025 4.575L12.55 11.05ZM8.55 7.05L7.5 6L8.95 4.55L7.45 3.05L8.5 2L11.05 4.55L8.55 7.05ZM10.55 9.05L9.5 8L13.975 3.525L11.5 1.05L12.55 0L16.075 3.525L10.55 9.05ZM14.55 13.05L13.5 12L17.025 8.475L20.55 12L19.5 13.05L17.025 10.575L14.55 13.05Z" fill="currentColor"/></svg></svg>`,
     'Upload-filled': `<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 16.5465V8.39651L8.4 10.9965L7 9.54651L12 4.54651L17 9.54651L15.6 10.9965L13 8.39651V16.5465H11ZM4 20.5465V15.5465H6V18.5465H18V15.5465H20V20.5465H4Z" fill="currentColor"/></svg>`,
     'Upload-in-line': `<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 16.5465V8.39651L8.4 10.9965L7 9.54651L12 4.54651L17 9.54651L15.6 10.9965L13 8.39651V16.5465H11ZM4 20.5465V15.5465H6V18.5465H18V15.5465H20V20.5465H4Z" fill="currentColor"/></svg>`,
     'User-access-filled': `<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 21V18.2C3 17.6333 3.14583 17.1125 3.4375 16.6375C3.72917 16.1625 4.11667 15.8 4.6 15.55C5.63333 15.0333 6.68333 14.6458 7.75 14.3875C8.81667 14.1292 9.9 14 11 14C11.3333 14 11.6667 14.0125 12 14.0375C12.3333 14.0625 12.6667 14.1 13 14.15C12.9333 15.1167 13.1083 16.0292 13.525 16.8875C13.9417 17.7458 14.55 18.45 15.35 19V21H3ZM19 24L17.5 22.5V17.85C16.7667 17.6333 16.1667 17.2208 15.7 16.6125C15.2333 16.0042 15 15.3 15 14.5C15 13.5333 15.3417 12.7083 16.025 12.025C16.7083 11.3417 17.5333 11 18.5 11C19.4667 11 20.2917 11.3417 20.975 12.025C21.6583 12.7083 22 13.5333 22 14.5C22 15.25 21.7875 15.9167 21.3625 16.5C20.9375 17.0833 20.4 17.5 19.75 17.75L21 19L19.5 20.5L21 22L19 24ZM11 13C9.9 13 8.95833 12.6083 8.175 11.825C7.39167 11.0417 7 10.1 7 9C7 7.9 7.39167 6.95833 8.175 6.175C8.95833 5.39167 9.9 5 11 5C12.1 5 13.0417 5.39167 13.825 6.175C14.6083 6.95833 15 7.9 15 9C15 10.1 14.6083 11.0417 13.825 11.825C13.0417 12.6083 12.1 13 11 13ZM18.5 15C18.7833 15 19.0208 14.9042 19.2125 14.7125C19.4042 14.5208 19.5 14.2833 19.5 14C19.5 13.7167 19.4042 13.4792 19.2125 13.2875C19.0208 13.0958 18.7833 13 18.5 13C18.2167 13 17.9792 13.0958 17.7875 13.2875C17.5958 13.4792 17.5 13.7167 17.5 14C17.5 14.2833 17.5958 14.5208 17.7875 14.7125C17.9792 14.9042 18.2167 15 18.5 15Z" fill="currentColor"/></svg>`,
@@ -1092,6 +1093,7 @@ const tgoRebrandIcons = [
     'Analytics-v2-filled',
     'Analytics-v2-in-line',
     'Upgrade-paint-filled',
+    'Upgrade-paint-in-line',
     'Summary-filled',
     'Summary-in-line',
     'Analytics-filled-AI',
@@ -1487,6 +1489,7 @@ const groupedIcons = {
         'Analytics-v2-filled',
         'Analytics-v2-in-line',
         'Upgrade-paint-filled',
+        'Upgrade-paint-in-line',
         'Summary-filled',
         'Summary-in-line',
         'Chat-filled-AI',
@@ -1510,10 +1513,10 @@ class IconsService {
     isIconLoaded(icon) {
         return this._loadedIcons.includes(icon);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IconsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IconsService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.20", ngImport: i0, type: IconsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.20", ngImport: i0, type: IconsService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IconsService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.20", ngImport: i0, type: IconsService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -1658,10 +1661,10 @@ class IconComponent {
     get isIconLoaded() {
         return this.iconsService.isIconLoaded(this._name);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IconComponent, deps: [{ token: 'CANOPYUI_DEFAULT_APPLICATION_THEME', optional: true }, { token: i1.MatIconRegistry }, { token: i2.DomSanitizer }, { token: IconsService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: IconComponent, isStandalone: false, selector: "ui-icon", inputs: { size: "size", cssClass: "cssClass", name: "name", color: "color", filled: "filled", toggleIconStyle: "toggleIconStyle", applicationTheme: "applicationTheme", useFullIconName: "useFullIconName" }, host: { properties: { "style.--icon-size": "this.size" } }, usesOnChanges: true, ngImport: i0, template: "@if (isIconLoaded) {\n  <mat-icon [svgIcon]=\"_name\" [attr.class]=\"customCssClass\" [ngStyle]=\"cssStyle\"></mat-icon>\n} @else {\n  <div class=\"empty-icon-placeholder\"></div>\n}\n", styles: [".bg-teal-60b{background:#1c443c}.bg-teal-30b{background:#31766a}.bg-teal-default{background:#46a997}.bg-teal-30w{background:#7ec3b6}.bg-teal-60w{background:#b5ddd5}.bg-teal-secondary{background:#cbd6cb}.bg-teal-90w{background:#ecf6f5}.bg-petrol-60b{background:#102930}.bg-petrol-30b{background:#1b4754}.bg-petrol-default{background:#276678}.bg-petrol-30w{background:#6894a0}.bg-petrol-60w{background:#a9c2c9}.bg-petrol-secondary{background:#c8d7de}.bg-petrol-90w{background:#e9f0f1}.bg-error-60b{background:#513131}.bg-error-30b{background:#8e5655}.bg-error-60w{background:#e3c3c6}.bg-error-secondary{background:#f0dad9}.bg-error-default{background:#cb7b7a}.bg-warning-secondary{background:#f0d6bb}.bg-warning-default{background:#cca45f}.bg-black{background:#000}.bg-dark{background:#888}.bg-medium{background:#e0e0e0}.bg-grey{background:#ededed}.bg-light{background:#f6f6f6}.bg-white{background:#fff}.bg-box-shadow{background:#00000014}.bg-navigation-subtitle{background:#528593}.bgc-teal-60b{background-color:#1c443c}.bgc-teal-30b{background-color:#31766a}.bgc-teal-default{background-color:#46a997}.bgc-teal-30w{background-color:#7ec3b6}.bgc-teal-60w{background-color:#b5ddd5}.bgc-teal-secondary{background-color:#cbd6cb}.bgc-teal-90w{background-color:#ecf6f5}.bgc-petrol-60b{background-color:#102930}.bgc-petrol-30b{background-color:#1b4754}.bgc-petrol-default{background-color:#276678}.bgc-petrol-30w{background-color:#6894a0}.bgc-petrol-60w{background-color:#a9c2c9}.bgc-petrol-secondary{background-color:#c8d7de}.bgc-petrol-90w{background-color:#e9f0f1}.bgc-error-60b{background-color:#513131}.bgc-error-30b{background-color:#8e5655}.bgc-error-60w{background-color:#e3c3c6}.bgc-error-secondary{background-color:#f0dad9}.bgc-error-default{background-color:#cb7b7a}.bgc-warning-secondary{background-color:#f0d6bb}.bgc-warning-default{background-color:#cca45f}.bgc-black{background-color:#000}.bgc-dark{background-color:#888}.bgc-medium{background-color:#e0e0e0}.bgc-grey{background-color:#ededed}.bgc-light{background-color:#f6f6f6}.bgc-white{background-color:#fff}.bgc-box-shadow{background-color:#00000014}.bgc-navigation-subtitle{background-color:#528593}:host{width:calc(var(--icon-size) * 1px)!important;height:calc(var(--icon-size) * 1px)!important}.empty-icon-placeholder{width:calc(var(--icon-size) * 1px)!important;height:calc(var(--icon-size) * 1px)!important}mat-icon{display:flex;color:var(--icon-color)!important}mat-icon.size-16 svg{width:16px;height:16px}mat-icon.size-24 svg{width:24px;height:24px}mat-icon.size-40 svg{width:40px;height:40px}mat-icon.size-80 svg{width:80px;height:80px}mat-icon.dark svg{color:var(--cnp-icon-color, #888888)}mat-icon.white svg{color:var(--cnp-icon-color, #ffffff)}mat-icon.teal svg{color:var(--cnp-icon-color, #46a997)}mat-icon.petrol svg{color:var(--cnp-icon-color, #276678)}mat-icon.black svg{color:var(--cnp-icon-color, #000000)}mat-icon.red svg{color:var(--cnp-icon-color, #e02800)}mat-icon.gray svg,mat-icon.gray path{color:var(--cnp-icon-color, #666666);fill:var(--cnp-icon-color, #666666)}mat-icon.orange svg{color:var(--cnp-icon-color, #d07d00)}mat-icon.rebrand-black svg{color:var(--cnp-icon-color, #242424)}mat-icon.ai svg path{fill:url(#reusableAiInlineGradient)}\n"], dependencies: [{ kind: "directive", type: i4.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.20", ngImport: i0, type: IconComponent, deps: [{ token: 'CANOPYUI_DEFAULT_APPLICATION_THEME', optional: true }, { token: i1.MatIconRegistry }, { token: i2.DomSanitizer }, { token: IconsService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.20", type: IconComponent, isStandalone: false, selector: "ui-icon", inputs: { size: "size", cssClass: "cssClass", name: "name", color: "color", filled: "filled", toggleIconStyle: "toggleIconStyle", applicationTheme: "applicationTheme", useFullIconName: "useFullIconName" }, host: { properties: { "style.--icon-size": "this.size" } }, usesOnChanges: true, ngImport: i0, template: "@if (isIconLoaded) {\n  <mat-icon [svgIcon]=\"_name\" [attr.class]=\"customCssClass\" [ngStyle]=\"cssStyle\"></mat-icon>\n} @else {\n  <div class=\"empty-icon-placeholder\"></div>\n}\n", styles: [".bg-teal-60b{background:#1c443c}.bg-teal-30b{background:#31766a}.bg-teal-default{background:#46a997}.bg-teal-30w{background:#7ec3b6}.bg-teal-60w{background:#b5ddd5}.bg-teal-secondary{background:#cbd6cb}.bg-teal-90w{background:#ecf6f5}.bg-petrol-60b{background:#102930}.bg-petrol-30b{background:#1b4754}.bg-petrol-default{background:#276678}.bg-petrol-30w{background:#6894a0}.bg-petrol-60w{background:#a9c2c9}.bg-petrol-secondary{background:#c8d7de}.bg-petrol-90w{background:#e9f0f1}.bg-error-60b{background:#513131}.bg-error-30b{background:#8e5655}.bg-error-60w{background:#e3c3c6}.bg-error-secondary{background:#f0dad9}.bg-error-default{background:#cb7b7a}.bg-warning-secondary{background:#f0d6bb}.bg-warning-default{background:#cca45f}.bg-black{background:#000}.bg-dark{background:#888}.bg-medium{background:#e0e0e0}.bg-grey{background:#ededed}.bg-light{background:#f6f6f6}.bg-white{background:#fff}.bg-box-shadow{background:#00000014}.bg-navigation-subtitle{background:#528593}.bgc-teal-60b{background-color:#1c443c}.bgc-teal-30b{background-color:#31766a}.bgc-teal-default{background-color:#46a997}.bgc-teal-30w{background-color:#7ec3b6}.bgc-teal-60w{background-color:#b5ddd5}.bgc-teal-secondary{background-color:#cbd6cb}.bgc-teal-90w{background-color:#ecf6f5}.bgc-petrol-60b{background-color:#102930}.bgc-petrol-30b{background-color:#1b4754}.bgc-petrol-default{background-color:#276678}.bgc-petrol-30w{background-color:#6894a0}.bgc-petrol-60w{background-color:#a9c2c9}.bgc-petrol-secondary{background-color:#c8d7de}.bgc-petrol-90w{background-color:#e9f0f1}.bgc-error-60b{background-color:#513131}.bgc-error-30b{background-color:#8e5655}.bgc-error-60w{background-color:#e3c3c6}.bgc-error-secondary{background-color:#f0dad9}.bgc-error-default{background-color:#cb7b7a}.bgc-warning-secondary{background-color:#f0d6bb}.bgc-warning-default{background-color:#cca45f}.bgc-black{background-color:#000}.bgc-dark{background-color:#888}.bgc-medium{background-color:#e0e0e0}.bgc-grey{background-color:#ededed}.bgc-light{background-color:#f6f6f6}.bgc-white{background-color:#fff}.bgc-box-shadow{background-color:#00000014}.bgc-navigation-subtitle{background-color:#528593}:host{width:calc(var(--icon-size) * 1px)!important;height:calc(var(--icon-size) * 1px)!important}.empty-icon-placeholder{width:calc(var(--icon-size) * 1px)!important;height:calc(var(--icon-size) * 1px)!important}mat-icon{display:flex;color:var(--icon-color)!important}mat-icon.size-16 svg{width:16px;height:16px}mat-icon.size-24 svg{width:24px;height:24px}mat-icon.size-40 svg{width:40px;height:40px}mat-icon.size-80 svg{width:80px;height:80px}mat-icon.dark svg{color:var(--cnp-icon-color, #888888)}mat-icon.white svg{color:var(--cnp-icon-color, #ffffff)}mat-icon.teal svg{color:var(--cnp-icon-color, #46a997)}mat-icon.petrol svg{color:var(--cnp-icon-color, #276678)}mat-icon.black svg{color:var(--cnp-icon-color, #000000)}mat-icon.red svg{color:var(--cnp-icon-color, #e02800)}mat-icon.gray svg,mat-icon.gray path{color:var(--cnp-icon-color, #666666);fill:var(--cnp-icon-color, #666666)}mat-icon.orange svg{color:var(--cnp-icon-color, #d07d00)}mat-icon.rebrand-black svg{color:var(--cnp-icon-color, #242424)}mat-icon.ai svg path{fill:url(#reusableAiInlineGradient)}\n"], dependencies: [{ kind: "directive", type: i4.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IconComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.20", ngImport: i0, type: IconComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ui-icon', encapsulation: ViewEncapsulation.None, standalone: false, template: "@if (isIconLoaded) {\n  <mat-icon [svgIcon]=\"_name\" [attr.class]=\"customCssClass\" [ngStyle]=\"cssStyle\"></mat-icon>\n} @else {\n  <div class=\"empty-icon-placeholder\"></div>\n}\n", styles: [".bg-teal-60b{background:#1c443c}.bg-teal-30b{background:#31766a}.bg-teal-default{background:#46a997}.bg-teal-30w{background:#7ec3b6}.bg-teal-60w{background:#b5ddd5}.bg-teal-secondary{background:#cbd6cb}.bg-teal-90w{background:#ecf6f5}.bg-petrol-60b{background:#102930}.bg-petrol-30b{background:#1b4754}.bg-petrol-default{background:#276678}.bg-petrol-30w{background:#6894a0}.bg-petrol-60w{background:#a9c2c9}.bg-petrol-secondary{background:#c8d7de}.bg-petrol-90w{background:#e9f0f1}.bg-error-60b{background:#513131}.bg-error-30b{background:#8e5655}.bg-error-60w{background:#e3c3c6}.bg-error-secondary{background:#f0dad9}.bg-error-default{background:#cb7b7a}.bg-warning-secondary{background:#f0d6bb}.bg-warning-default{background:#cca45f}.bg-black{background:#000}.bg-dark{background:#888}.bg-medium{background:#e0e0e0}.bg-grey{background:#ededed}.bg-light{background:#f6f6f6}.bg-white{background:#fff}.bg-box-shadow{background:#00000014}.bg-navigation-subtitle{background:#528593}.bgc-teal-60b{background-color:#1c443c}.bgc-teal-30b{background-color:#31766a}.bgc-teal-default{background-color:#46a997}.bgc-teal-30w{background-color:#7ec3b6}.bgc-teal-60w{background-color:#b5ddd5}.bgc-teal-secondary{background-color:#cbd6cb}.bgc-teal-90w{background-color:#ecf6f5}.bgc-petrol-60b{background-color:#102930}.bgc-petrol-30b{background-color:#1b4754}.bgc-petrol-default{background-color:#276678}.bgc-petrol-30w{background-color:#6894a0}.bgc-petrol-60w{background-color:#a9c2c9}.bgc-petrol-secondary{background-color:#c8d7de}.bgc-petrol-90w{background-color:#e9f0f1}.bgc-error-60b{background-color:#513131}.bgc-error-30b{background-color:#8e5655}.bgc-error-60w{background-color:#e3c3c6}.bgc-error-secondary{background-color:#f0dad9}.bgc-error-default{background-color:#cb7b7a}.bgc-warning-secondary{background-color:#f0d6bb}.bgc-warning-default{background-color:#cca45f}.bgc-black{background-color:#000}.bgc-dark{background-color:#888}.bgc-medium{background-color:#e0e0e0}.bgc-grey{background-color:#ededed}.bgc-light{background-color:#f6f6f6}.bgc-white{background-color:#fff}.bgc-box-shadow{background-color:#00000014}.bgc-navigation-subtitle{background-color:#528593}:host{width:calc(var(--icon-size) * 1px)!important;height:calc(var(--icon-size) * 1px)!important}.empty-icon-placeholder{width:calc(var(--icon-size) * 1px)!important;height:calc(var(--icon-size) * 1px)!important}mat-icon{display:flex;color:var(--icon-color)!important}mat-icon.size-16 svg{width:16px;height:16px}mat-icon.size-24 svg{width:24px;height:24px}mat-icon.size-40 svg{width:40px;height:40px}mat-icon.size-80 svg{width:80px;height:80px}mat-icon.dark svg{color:var(--cnp-icon-color, #888888)}mat-icon.white svg{color:var(--cnp-icon-color, #ffffff)}mat-icon.teal svg{color:var(--cnp-icon-color, #46a997)}mat-icon.petrol svg{color:var(--cnp-icon-color, #276678)}mat-icon.black svg{color:var(--cnp-icon-color, #000000)}mat-icon.red svg{color:var(--cnp-icon-color, #e02800)}mat-icon.gray svg,mat-icon.gray path{color:var(--cnp-icon-color, #666666);fill:var(--cnp-icon-color, #666666)}mat-icon.orange svg{color:var(--cnp-icon-color, #d07d00)}mat-icon.rebrand-black svg{color:var(--cnp-icon-color, #242424)}mat-icon.ai svg path{fill:url(#reusableAiInlineGradient)}\n"] }]
         }], ctorParameters: () => [{ type: undefined, decorators: [{
@@ -1691,11 +1694,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
             }] } });
 
 class IconComponentModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IconComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.20", ngImport: i0, type: IconComponentModule, declarations: [IconComponent], imports: [CommonModule, MatIconModule, HttpClientModule], exports: [IconComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IconComponentModule, providers: [HttpClientModule], imports: [CommonModule, MatIconModule, HttpClientModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.20", ngImport: i0, type: IconComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.20", ngImport: i0, type: IconComponentModule, declarations: [IconComponent], imports: [CommonModule, MatIconModule, HttpClientModule], exports: [IconComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.20", ngImport: i0, type: IconComponentModule, providers: [HttpClientModule], imports: [CommonModule, MatIconModule, HttpClientModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IconComponentModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.20", ngImport: i0, type: IconComponentModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [IconComponent],