@testgorilla/tgo-ui 11.22.3 → 12.0.0

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 { NgTemplateOutlet, NgClass, AsyncPipe } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, Input, OnInit } from '@angular/core';\nimport { MatTooltip } from '@angular/material/tooltip';\nimport { Chart, ChartData, ChartOptions } from 'chart.js';\nimport gaussian from 'gaussian';\nimport { BaseChartDirective } from 'ng2-charts';\n\nimport { ApplicationTheme, Color, UiTranslatePipe, MemoizeFuncPipe } from '@testgorilla/tgo-ui/components/core';\nimport { IconComponentModule } from '@testgorilla/tgo-ui/components/icon';\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  changeDetection: ChangeDetectionStrategy.OnPush,\n  templateUrl: './gaussian-chart.component.html',\n  styleUrls: ['./gaussian-chart.component.scss'],\n  imports: [\n    NgTemplateOutlet,\n    BaseChartDirective,\n    IconComponentModule,\n    MatTooltip,\n    NgClass,\n    UiTranslatePipe,\n    AsyncPipe,\n    MemoizeFuncPipe,\n  ],\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(yValues: number[]): {\n    data: (number | null)[];\n    label: string;\n    borderColor: Color;\n    borderWidth: number;\n    pointRadius: number;\n    fill: boolean;\n  }[] {\n    return [\n      {\n        data: [\n          ...yValues.slice(0, this.pointsToSkip),\n          ...Array<number | null>(yValues.length - this.pointsToSkip).fill(null),\n        ],\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<number | null>(this.pointsToSkip).fill(null),\n          ...yValues.slice(this.pointsToSkip, yValues.length - this.pointsToSkip),\n          ...Array<number | null>(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<number | null>(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 { CommonModule, NgClass } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { MatTooltipModule } from '@angular/material/tooltip';\nimport { Chart, registerables } from 'chart.js';\nimport { BaseChartDirective } from 'ng2-charts';\n\nimport { UiTranslatePipe, MemoizeFuncPipe } from '@testgorilla/tgo-ui/components/core';\nimport { IconComponentModule } from '@testgorilla/tgo-ui/components/icon';\n\nimport { GaussianChartComponent } from './gaussian-chart.component';\n\nChart.register(...registerables);\n\n@NgModule({\n  exports: [GaussianChartComponent],\n  imports: [\n    NgClass,\n    UiTranslatePipe,\n    BaseChartDirective,\n    MatTooltipModule,\n    CommonModule,\n    IconComponentModule,\n    MemoizeFuncPipe,\n    GaussianChartComponent,\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","names":[],"sources":["../../../components/gaussian-chart/gaussian-chart.component.ts","../../../components/gaussian-chart/gaussian-chart.component.html","../../../components/gaussian-chart/gaussian-chart.module.ts"],"sourcesContent":["import { NgTemplateOutlet, NgClass, AsyncPipe } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, Input, OnInit } from '@angular/core';\nimport { MatTooltip } from '@angular/material/tooltip';\nimport { Chart, ChartData, ChartOptions } from 'chart.js';\nimport gaussian from 'gaussian';\nimport { BaseChartDirective } from 'ng2-charts';\n\nimport { ApplicationTheme, Color, UiTranslatePipe, MemoizeFuncPipe } from '@testgorilla/tgo-ui/components/core';\nimport { IconComponentModule } from '@testgorilla/tgo-ui/components/icon';\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  changeDetection: ChangeDetectionStrategy.OnPush,\n  templateUrl: './gaussian-chart.component.html',\n  styleUrls: ['./gaussian-chart.component.scss'],\n  imports: [\n    NgTemplateOutlet,\n    BaseChartDirective,\n    IconComponentModule,\n    MatTooltip,\n    NgClass,\n    UiTranslatePipe,\n    AsyncPipe,\n    MemoizeFuncPipe,\n  ],\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(yValues: number[]): {\n    data: (number | null)[];\n    label: string;\n    borderColor: Color;\n    borderWidth: number;\n    pointRadius: number;\n    fill: boolean;\n  }[] {\n    return [\n      {\n        data: [\n          ...yValues.slice(0, this.pointsToSkip),\n          ...Array<number | null>(yValues.length - this.pointsToSkip).fill(null),\n        ],\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<number | null>(this.pointsToSkip).fill(null),\n          ...yValues.slice(this.pointsToSkip, yValues.length - this.pointsToSkip),\n          ...Array<number | null>(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<number | null>(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 { CommonModule, NgClass } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { MatTooltipModule } from '@angular/material/tooltip';\nimport { Chart, registerables } from 'chart.js';\nimport { BaseChartDirective } from 'ng2-charts';\n\nimport { UiTranslatePipe, MemoizeFuncPipe } from '@testgorilla/tgo-ui/components/core';\nimport { IconComponentModule } from '@testgorilla/tgo-ui/components/icon';\n\nimport { GaussianChartComponent } from './gaussian-chart.component';\n\nChart.register(...registerables);\n\n@NgModule({\n  exports: [GaussianChartComponent],\n  imports: [\n    NgClass,\n    UiTranslatePipe,\n    BaseChartDirective,\n    MatTooltipModule,\n    CommonModule,\n    IconComponentModule,\n    MemoizeFuncPipe,\n    GaussianChartComponent,\n  ],\n})\nexport class GaussianChartComponentModule {}\n"],"mappings":"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"}

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

@@ -1,96 +1,163 @@
-import * as i0 from '@angular/core';
-import { Input, HostBinding, Optional, Inject, ChangeDetectionStrategy, Component, NgModule } from '@angular/core';
-import * as i1 from '@testgorilla/tgo-ui/components/icon';
-import { IconComponentModule } from '@testgorilla/tgo-ui/components/icon';
-import { CommonModule } from '@angular/common';
-
-class IconLabelComponent {
-    constructor(defaultAppTheme) {
-        this.defaultAppTheme = defaultAppTheme;
-        /**
-         * Icon size
-         *
-         * @type {IconSize}
-         * @memberof IconLabelComponent
-         */
-        this.iconSize = '16';
-        /**
-         * Label
-         *
-         * @memberof IconLabelComponent
-         */
-        this.text = '';
-        /**
-         * Icon color
-         *
-         * @type {IconColor}
-         * @memberof IconLabelComponent
-         */
-        this.iconColor = '';
-        /**
-         * Indent between icon and label
-         *
-         * @type {string}
-         * @memberof IconLabelComponent
-         */
-        this.iconIndent = '8';
-        /**
-         *
-         * Defines the application theme
-         *
-         * @type {ApplicationTheme}
-         * @memberof IconLabelComponent
-         */
-        this.applicationTheme = 'light';
-        if (defaultAppTheme) {
-            this.applicationTheme = defaultAppTheme;
-        }
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", 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: "21.2.25", type: IconLabelComponent, isStandalone: true, 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: "ngmodule", type: IconComponentModule }, { kind: "component", type: i1.IconComponent, selector: "ui-icon", inputs: ["size", "cssClass", "name", "color", "filled", "toggleIconStyle", "applicationTheme", "useFullIconName"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: IconLabelComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'ui-icon-label', changeDetection: ChangeDetectionStrategy.OnPush, imports: [IconComponentModule], 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: [{
-                    type: Optional
-                }, {
-                    type: Inject,
-                    args: ['CANOPYUI_DEFAULT_APPLICATION_THEME']
-                }] }], propDecorators: { iconSize: [{
-                type: Input
-            }], iconName: [{
-                type: Input
-            }], text: [{
-                type: Input
-            }], iconColor: [{
-                type: Input
-            }], iconIndent: [{
-                type: HostBinding,
-                args: ['style.--icon-indent']
-            }, {
-                type: Input
-            }], applicationTheme: [{
-                type: Input
-            }] } });
-
-class IconLabelComponentModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: IconLabelComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.25", ngImport: i0, type: IconLabelComponentModule, imports: [CommonModule, IconComponentModule, IconLabelComponent], exports: [IconLabelComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: IconLabelComponentModule, imports: [CommonModule, IconComponentModule, IconLabelComponent] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: IconLabelComponentModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [CommonModule, IconComponentModule, IconLabelComponent],
-                    exports: [IconLabelComponent],
-                    providers: [],
-                }]
-        }] });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, HostBinding, Inject, Input, NgModule, Optional } from "@angular/core";
+import * as i1 from "@testgorilla/tgo-ui/components/icon";
+import { IconComponentModule } from "@testgorilla/tgo-ui/components/icon";
+import { CommonModule } from "@angular/common";
+var IconLabelComponent = class IconLabelComponent {
+	constructor(defaultAppTheme) {
+		this.defaultAppTheme = defaultAppTheme;
+		this.iconSize = "16";
+		this.text = "";
+		this.iconColor = "";
+		this.iconIndent = "8";
+		this.applicationTheme = "light";
+		if (defaultAppTheme) this.applicationTheme = defaultAppTheme;
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.4",
+			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: "22.2.4",
+			type: IconLabelComponent,
+			isStandalone: true,
+			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: "ngmodule",
+				type: IconComponentModule
+			}, {
+				kind: "component",
+				type: i1.IconComponent,
+				selector: "ui-icon",
+				inputs: [
+					"size",
+					"cssClass",
+					"name",
+					"color",
+					"filled",
+					"toggleIconStyle",
+					"applicationTheme",
+					"useFullIconName"
+				]
+			}],
+			changeDetection: i0.ChangeDetectionStrategy.OnPush
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.4",
+	ngImport: i0,
+	type: IconLabelComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "ui-icon-label",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			imports: [IconComponentModule],
+			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: void 0,
+		decorators: [{ type: Optional }, {
+			type: Inject,
+			args: ["CANOPYUI_DEFAULT_APPLICATION_THEME"]
+		}]
+	}],
+	propDecorators: {
+		iconSize: [{ type: Input }],
+		iconName: [{ type: Input }],
+		text: [{ type: Input }],
+		iconColor: [{ type: Input }],
+		iconIndent: [{
+			type: HostBinding,
+			args: ["style.--icon-indent"]
+		}, { type: Input }],
+		applicationTheme: [{ type: Input }]
+	}
+});
+var IconLabelComponentModule = class IconLabelComponentModule {
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.4",
+			ngImport: i0,
+			type: IconLabelComponentModule,
+			deps: [],
+			target: i0.ɵɵFactoryTarget.NgModule
+		});
+	}
+	static {
+		this.ɵmod = i0.ɵɵngDeclareNgModule({
+			minVersion: "14.0.0",
+			version: "22.2.4",
+			ngImport: i0,
+			type: IconLabelComponentModule,
+			imports: [
+				CommonModule,
+				IconComponentModule,
+				IconLabelComponent
+			],
+			exports: [IconLabelComponent]
+		});
+	}
+	static {
+		this.ɵinj = i0.ɵɵngDeclareInjector({
+			minVersion: "12.0.0",
+			version: "22.2.4",
+			ngImport: i0,
+			type: IconLabelComponentModule,
+			imports: [
+				CommonModule,
+				IconComponentModule,
+				IconLabelComponent
+			]
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.4",
+	ngImport: i0,
+	type: IconLabelComponentModule,
+	decorators: [{
+		type: NgModule,
+		args: [{
+			imports: [
+				CommonModule,
+				IconComponentModule,
+				IconLabelComponent
+			],
+			exports: [IconLabelComponent],
+			providers: []
+		}]
+	}]
+});
 export { IconLabelComponent, IconLabelComponentModule };
-//# sourceMappingURL=testgorilla-tgo-ui-components-icon-label.mjs.map
+
+//# sourceMappingURL=testgorilla-tgo-ui-components-icon-label.mjs.map

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 { ChangeDetectionStrategy, Component, HostBinding, Inject, Input, Optional } from '@angular/core';\n\nimport { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';\nimport { IconName, IconSize, IconComponentModule } from '@testgorilla/tgo-ui/components/icon';\n\n@Component({\n  selector: 'ui-icon-label',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  templateUrl: './icon-label.component.html',\n  styleUrls: ['./icon-label.component.scss'],\n  imports: [IconComponentModule],\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';\n\nimport { IconComponentModule } from '@testgorilla/tgo-ui/components/icon';\n\nimport { IconLabelComponent } from './icon-label.component';\n\n@NgModule({\n  imports: [CommonModule, IconComponentModule, IconLabelComponent],\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","names":[],"sources":["../../../components/icon-label/icon-label.component.ts","../../../components/icon-label/icon-label.component.html","../../../components/icon-label/icon-label.component.module.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, HostBinding, Inject, Input, Optional } from '@angular/core';\n\nimport { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';\nimport { IconName, IconSize, IconComponentModule } from '@testgorilla/tgo-ui/components/icon';\n\n@Component({\n  selector: 'ui-icon-label',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  templateUrl: './icon-label.component.html',\n  styleUrls: ['./icon-label.component.scss'],\n  imports: [IconComponentModule],\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';\n\nimport { IconComponentModule } from '@testgorilla/tgo-ui/components/icon';\n\nimport { IconLabelComponent } from './icon-label.component';\n\n@NgModule({\n  imports: [CommonModule, IconComponentModule, IconLabelComponent],\n  exports: [IconLabelComponent],\n  providers: [],\n})\nexport class IconLabelComponentModule {}\n"],"mappings":";;;;;AAYA,IAAa,qBAAb,MAAa,mBAAkB;CAmD7B,YAC6E,iBAAiC;EAAjC,KAAA,kBAAA;EA7CpE,KAAA,WAAqB;EAerB,KAAA,OAAO;EAQP,KAAA,YAAa;EAUtB,KAAA,aAAc;EASL,KAAA,mBAAqC;EAK5C,IAAI,iBACF,KAAK,mBAAmB;CAE5B;CAzDW;EAAA,KAAA,OAAA,GAAA,mBAAA;GAAA,YAAA;GAAA,SAAA;GAAA,UAAA;GAAA,MAAA;GAAkB,MAAA,CAAA;IAAA,OAoDP;IAAoC,UAAA;GAAA,CAAA;GAAA,QAAA,GAAA,gBAAA;EAAA,CAAA;CAAA;CApD/C;EAAA,KAAA,OAAA,GAAA,qBAAA;GAAA,YAAA;GAAA,SAAA;GAAA,MAAA;GAAkB,cAAA;GAAA,UAAA;GAAA,QAAA;IAAA,UAAA;IAAA,UAAA;IAAA,MAAA;IAAA,WAAA;IAAA,YAAA;IAAA,kBAAA;GAAA;GAAA,MAAA,EAAA,YAAA,EAAA,uBAAA,kBAAA,EAAA;GAAA,UAAA;GAAA,UCZ/B;GAEA,QAAA,CAAA,oGAAA;GAAA,cAAA,CAAA;IAAA,MAAA;IAAA,MDQY;GAAmB,GAAA;IAAA,MAAA;IAAA,MAAA,GAAA;IAAA,UAAA;IAAA,QAAA;KAAA;KAAA;KAAA;KAAA;KAAA;KAAA;KAAA;KAAA;IAAA;GAAA,CAAA;GAAA,iBAAA,GAAA,wBAAA;EAAA,CAAA;CAAA;;AAElB,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAkB,YAAA,CAAA;EAP9B,MAAA;EACW,MAAA,CAAA;GAAA,UAAA;GAAe,iBACR,wBAAwB;GAAM,SAGtC,CAAC,mBAAmB;GAAC,UAAA;GAAA,QAAA,CAAA,oGAAA;EAAA,CAAA;;;;E,eAsD3B,MAAA,S;GAAY,MAAA;GAAO,MAAA,CAAA,oCAAoC;;;;E,aA7CzD,MAAA,M;E,aAQA,MAAA,M;E,SAOA,MAAA,M;E,cAQA,MAAA,M;;GAQA,MAAA;GAAY,MAAA,CAAA,qBAAqB;E,KACjC,MAAA,M;E,qBAUA,MAAA,M;;;AEjDH,IAAa,2BAAb,MAAa,yBAAwB;CAAxB;EAAA,KAAA,OAAA,GAAA,mBAAA;GAAA,YAAA;GAAA,SAAA;GAAA,UAAA;GAAA,MAAA;GAAwB,MAAA,CAAA;GAAA,QAAA,GAAA,gBAAA;EAAA,CAAA;CAAA;CAAxB;EAAA,KAAA,OAAA,GAAA,oBAAA;GAAA,YAAA;GAAA,SAAA;GAAA,UAAA;GAAA,MAAA;GAAwB,SAAA;IAJzB;IAAc;IAAqB;GAAkB;GAAA,SAAA,CACrD,kBAAkB;EAAA,CAAA;CAAA;CAGjB;EAAA,KAAA,OAAA,GAAA,oBAAA;GAAA,YAAA;GAAA,SAAA;GAAA,UAAA;GAAA,MAAA;GAAwB,SAAA;IAJzB;IAAc;IAAqB;GAAkB;EAAA,CAAA;CAAA;;AAIpD,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAwB,YAAA,CAAA;EALpC,MAAA;EAAS,MAAA,CAAA;GACR,SAAS;IAAC;IAAc;IAAqB;GAAkB;GAC/D,SAAS,CAAC,kBAAkB;GAC5B,WAAW,CAAA;EACZ,CAAA"}