@testgorilla/tgo-ui 11.22.2 → 12.0.0

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

@@ -1 +1 @@
-{"version":3,"file":"testgorilla-tgo-ui-components-spider-chart.mjs","sources":["../../../components/spider-chart/spider-chart.model.ts","../../../components/spider-chart/spider-chart.component.ts","../../../components/spider-chart/spider-chart.component.html","../../../components/spider-chart/spider-chart.module.ts","../../../components/spider-chart/testgorilla-tgo-ui-components-spider-chart.ts"],"sourcesContent":["export type SpiderChartSize = 'large' | 'small';\n// These are the sizes of the canvas, not the chart itself. It includes 40px of padding on all sides.\nexport const SmallSpiderChartSize = 200;\nexport const LargeSpiderChartSize = 280;\nexport type SpiderChartData = {\n  labels: string[];\n  labelDescription: string[];\n  plotData: [PlotData, PlotData] | [PlotData]; // Current implementation supports max 2 datasets.\n};\nexport type PlotData = {\n  databaseLabel: string;\n  data: number[];\n};\n","import { NgClass, AsyncPipe } from '@angular/common';\nimport {\n  ChangeDetectionStrategy,\n  AfterViewInit,\n  ChangeDetectorRef,\n  Component,\n  ElementRef,\n  inject,\n  Input,\n  OnInit,\n  QueryList,\n  ViewChild,\n  ViewChildren,\n} from '@angular/core';\nimport { MatTooltip } from '@angular/material/tooltip';\nimport { Chart, ChartData, ChartOptions, RadialLinearScale } from 'chart.js';\nimport { BaseChartDirective } from 'ng2-charts';\n\nimport { ApplicationTheme, Color, UiTranslatePipe, MemoizeFuncPipe } from '@testgorilla/tgo-ui/components/core';\nimport { SpinnerComponent } from '@testgorilla/tgo-ui/components/spinner';\n\nimport { LargeSpiderChartSize, SmallSpiderChartSize, SpiderChartData, SpiderChartSize } from './spider-chart.model';\n\n@Component({\n  selector: 'ui-spider-chart',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  templateUrl: './spider-chart.component.html',\n  styleUrls: ['./spider-chart.component.scss'],\n  imports: [NgClass, BaseChartDirective, SpinnerComponent, MatTooltip, UiTranslatePipe, MemoizeFuncPipe, AsyncPipe],\n})\nexport class SpiderChartComponent implements OnInit, AfterViewInit {\n  /**\n   * The size of the spider chart.\n   * @type {SpiderChartSize}\n   * @memberof SpiderChartComponent\n   */\n  @Input() size: SpiderChartSize = 'large';\n\n  /**\n   * The data to be used for the spider chart.\n   * @type {SpiderChartData}\n   * @memberof SpiderChartComponent\n   */\n  @Input() spiderChartData: SpiderChartData;\n\n  /**\n   * The step size for the spider chart.\n   * @type {number}\n   * @memberof SpiderChartComponent\n   */\n  @Input() stepSize = 20;\n\n  /**\n   * The aria label for the spider chart.\n   * @type {string}\n   * @memberof SpiderChartComponent\n   */\n  @Input() ariaLabel = 'Radar chart. Press tab to navigate through the chart.';\n\n  /**\n   * Whether the spider chart is loading.\n   * @type {boolean}\n   * @memberof SpiderChartComponent\n   */\n  @Input() loading = false;\n\n  /**\n   *\n   * Defines the application theme\n   *\n   * @type {ApplicationTheme}\n   * @memberof SpinnerComponent\n   */\n  @Input() applicationTheme: ApplicationTheme = 'light';\n\n  @ViewChild(BaseChartDirective) chart: BaseChartDirective;\n  @ViewChildren('labelContainer') labelContainers: QueryList<ElementRef<HTMLElement>>;\n  @ViewChildren('fakeDataPoints') fakeDataPoints: QueryList<ElementRef<HTMLElement>>;\n  @ViewChildren('fakeDataPointsSecondary') fakeDataPointsSecondary: QueryList<ElementRef<HTMLElement>>;\n  @ViewChildren('legendItem') legendItems: QueryList<ElementRef<HTMLElement>>;\n\n  radarChartData: ChartData<'radar'> = {\n    labels: [],\n    datasets: [],\n  };\n  radarChartOptions: ChartOptions<'radar'>;\n  labelPositions: { [key: string]: { x: number; y: number } } = {};\n  labelStyles: { [key: string]: { left: string; bottom: string } } = {};\n  labelPositionsVisible = false;\n  labelStylesCached = false;\n  focusedLabelIndex = 0;\n  focusedFakeDataPointIndex = 0;\n  loadingChartData: ChartData<'radar'> = {\n    labels: [1, 2, 3, 4, 5, 6],\n    datasets: [],\n  };\n  loadingChartOptions: ChartOptions<'radar'> = {\n    responsive: true,\n    layout: {\n      padding: {\n        left: 40,\n        right: 40,\n        top: 40,\n        bottom: 40,\n      },\n    },\n    scales: {\n      r: {\n        angleLines: {\n          display: true,\n          color: Color.GRAYSCALE_30,\n        },\n        grid: {\n          color: () => Color.GRAYSCALE_30,\n        },\n        pointLabels: {\n          display: false,\n        },\n        suggestedMin: 0,\n        suggestedMax: 100,\n        ticks: {\n          stepSize: this.stepSize,\n          display: false,\n        },\n      },\n    },\n  };\n  protected readonly translationContext = 'CHARTS.SPIDER.';\n\n  private readonly cdr = inject(ChangeDetectorRef);\n\n  ngOnInit(): void {\n    if (!this.loading) {\n      this.handleInputErrors();\n      this.setChartData();\n      this.setChartOptions();\n    }\n  }\n\n  private handleInputErrors() {\n    if (!this.spiderChartData.labels || this.spiderChartData.labels.length === 0) {\n      throw new Error('The \"labels\" input is required and cannot be empty.');\n    }\n    if (!this.spiderChartData.labelDescription || this.spiderChartData.labelDescription.length === 0) {\n      throw new Error('The \"labelDescription\" input is required and cannot be empty.');\n    }\n    if (\n      this.spiderChartData.labelDescription &&\n      this.spiderChartData.labelDescription.length !== this.spiderChartData.labels.length\n    ) {\n      throw new Error('The \"labelDescription\" input must have the same length as \"labels\".');\n    }\n    if (!this.spiderChartData.plotData[0].databaseLabel) {\n      throw new Error('The \"plotData.databaseLabel\" input is required.');\n    }\n    if (!this.spiderChartData.plotData[0].data || this.spiderChartData.plotData[0].data.length === 0) {\n      throw new Error('The \"plotData.data\" input is required and cannot be empty.');\n    }\n    if (this.spiderChartData.plotData[0].data.length !== this.spiderChartData.labels.length) {\n      throw new Error('The \"plotData.data\" input must have the same length as \"labels\".');\n    }\n    if (\n      this.spiderChartData.plotData.length === 2 &&\n      this.spiderChartData.labels.length > 0 &&\n      this.spiderChartData.plotData[1].data &&\n      this.spiderChartData.plotData[1].data.length !== this.spiderChartData.labels.length\n    ) {\n      throw new Error('The \"plotData.data\" input must have the same length as \"labels\".');\n    }\n  }\n\n  private setChartData() {\n    const datasets = [];\n    datasets.push({\n      label: this.spiderChartData.plotData[0].databaseLabel,\n      data: this.spiderChartData.plotData[0].data,\n      fill: true,\n      backgroundColor: 'rgba(212, 16, 170, 0.2)',\n      borderColor: Color.BRAND_50,\n      pointBackgroundColor: Color.BRAND_50,\n      pointBorderColor: Color.TGO_WHITE,\n      pointHoverBackgroundColor: Color.TGO_WHITE,\n      pointHoverBorderColor: Color.BRAND_50,\n    });\n    if (this.spiderChartData.plotData.length === 2) {\n      datasets.push({\n        label: this.spiderChartData.plotData[1].databaseLabel,\n        data: this.spiderChartData.plotData[1].data,\n        fill: false,\n        borderColor: Color.BLACK,\n        borderDash: [5, 5],\n        borderWidth: 1,\n        pointBackgroundColor: Color.BLACK,\n        pointBorderColor: Color.TGO_WHITE,\n        pointHoverBackgroundColor: Color.TGO_WHITE,\n        pointHoverBorderColor: Color.BLACK,\n      });\n    }\n    this.radarChartData = {\n      labels: this.spiderChartData.labels,\n      datasets,\n    };\n  }\n\n  private setChartOptions() {\n    this.radarChartOptions = {\n      responsive: true,\n      elements: {\n        line: {\n          borderWidth: 3,\n        },\n      },\n      layout: {\n        padding: {\n          left: 40,\n          right: 40,\n          top: 40,\n          bottom: 40,\n        },\n      },\n      scales: {\n        r: {\n          angleLines: {\n            display: true,\n            color: Color.BLACK,\n          },\n          grid: {\n            color: context => {\n              if (context.tick.value === 100) {\n                return Color.BLACK;\n              }\n              return Color.GRAYSCALE_30;\n            },\n          },\n          pointLabels: {\n            color: 'black',\n            font: {\n              family: 'Arial',\n              size: 14,\n            },\n            display: false,\n          },\n          suggestedMin: 0,\n          suggestedMax: 100,\n          ticks: {\n            stepSize: this.stepSize,\n            display: false,\n          },\n        },\n      },\n      plugins: {\n        legend: {\n          display: false,\n        },\n      },\n    };\n  }\n\n  ngAfterViewInit(): void {\n    if (this.chart?.chart && !this.loading) {\n      this.logCornerCoordinates(this.chart.chart);\n      // Under OnPush nothing re-checks this view between AfterViewInit and the\n      // measurement timeout, so render the (still hidden) label containers now —\n      // otherwise the `@if (labelPositionsVisible)` block hasn't been created yet\n      // and cacheLabelStyles() measures an empty ViewChildren list.\n      this.cdr.detectChanges();\n      // Cache label styles after positions are calculated and DOM is rendered.\n      // We deliberately use setTimeout(0) instead of afterNextRender here: the\n      // callback must fire after the browser has fully painted (fonts swapped,\n      // chart.js canvas drawn) so that offsetWidth/offsetHeight measurements\n      // are sub-pixel stable. afterNextRender fires earlier (pre-paint) and\n      // produced label-position drift in visual tests.\n      setTimeout(() => this.cacheLabelStyles());\n    }\n  }\n\n  private cacheLabelStyles(): void {\n    if (!this.labelContainers) {\n      return;\n    }\n    this.labelContainers.forEach((ref, index) => {\n      const label = this.spiderChartData.labels[index];\n      const el = ref.nativeElement;\n      this.labelStyles[label] = {\n        left: this.getCenteredLabelLeftPosition(label, el.offsetWidth),\n        bottom: this.getCenteredLabelBottomPosition(label, el.offsetHeight),\n      };\n    });\n    this.labelStylesCached = true;\n    this.cdr.detectChanges();\n  }\n\n  private logCornerCoordinates(chart: Chart) {\n    const scale = chart.scales['r'] as RadialLinearScale;\n    const canvasWidth = this.size === 'large' ? LargeSpiderChartSize : SmallSpiderChartSize;\n    const canvasHeight = this.size === 'large' ? LargeSpiderChartSize : SmallSpiderChartSize;\n\n    // Loop through the labels and calculate the percentage coordinates\n    this.spiderChartData.labels.forEach((label, index) => {\n      const position = scale.getPointPositionForValue(index, scale.max);\n\n      // Calculate percentage values relative to the canvas size\n      const xPercent = (position.x / canvasWidth) * 100;\n      const yPercent = ((canvasHeight - position.y) / canvasHeight) * 100; // Inverting the Y-axis\n\n      this.labelPositions[label] = { x: Number(xPercent.toFixed(2)), y: Number(yPercent.toFixed(2)) };\n    });\n    this.labelPositionsVisible = true;\n  }\n\n  getCenteredLabelBottomPosition(label: string, height: number) {\n    const position = this.labelPositions[label];\n    const padding = 7;\n    if (position.x > 50 || position.x < 50) {\n      return `calc(${position.y}% - ${height / 2}px)`;\n    } else if (position.y < 50) {\n      return `calc(${position.y}% - ${height}px - ${padding}px)`;\n    } else {\n      return `calc(${position.y}% + ${padding}px)`;\n    }\n  }\n\n  getCenteredLabelLeftPosition(label: string, width: number) {\n    const position = this.labelPositions[label];\n    const padding = 15;\n    if (position.x === 50) {\n      return `calc(${position.x}% - ${width / 2}px)`;\n    } else if (position.x < 50) {\n      return `calc(${position.x}% - ${width}px - ${padding}px)`;\n    } else {\n      return `calc(${position.x}% + ${padding}px)`;\n    }\n  }\n\n  onLabelKeyDown(event: KeyboardEvent, index: number) {\n    if (event.key === 'ArrowRight' || event.key === 'ArrowDown') {\n      this.focusNextLabel(index);\n    } else if (event.key === 'ArrowLeft' || event.key === 'ArrowUp') {\n      this.focusPreviousLabel(index);\n    }\n  }\n\n  private focusNextLabel(index: number) {\n    const nextIndex = index + 1;\n    if (nextIndex < this.labelContainers.length) {\n      this.labelContainers.get(nextIndex)?.nativeElement.focus();\n    } else {\n      this.labelContainers.first?.nativeElement.focus();\n    }\n    this.focusedLabelIndex = nextIndex;\n  }\n\n  private focusPreviousLabel(index: number) {\n    const previousIndex = index - 1;\n    if (previousIndex >= 0) {\n      this.labelContainers.get(previousIndex)?.nativeElement.focus();\n    } else {\n      this.labelContainers.last?.nativeElement.focus();\n    }\n    this.focusedLabelIndex = previousIndex;\n  }\n\n  onLegendItemKeyDown(event: KeyboardEvent, index: number) {\n    if (event.key === 'Enter') {\n      this.toggleDatasetVisibility(index);\n    } else if (event.key === 'ArrowRight' || event.key === 'ArrowDown') {\n      this.focusNextLegendItem(index);\n    } else if (event.key === 'ArrowLeft' || event.key === 'ArrowUp') {\n      this.focusPreviousLegendItem(index);\n    }\n  }\n\n  private focusNextLegendItem(index: number) {\n    const nextIndex = index + 1;\n    if (nextIndex < this.legendItems.length) {\n      this.legendItems.get(nextIndex)?.nativeElement.focus();\n    } else {\n      this.legendItems.first?.nativeElement.focus();\n    }\n  }\n\n  private focusPreviousLegendItem(index: number) {\n    const previousIndex = index - 1;\n    if (previousIndex >= 0) {\n      this.legendItems.get(previousIndex)?.nativeElement.focus();\n    } else {\n      this.legendItems.last?.nativeElement.focus();\n    }\n  }\n\n  onFakeDataPointsKeyDown(event: KeyboardEvent, index: number, isSecondary: boolean = false) {\n    if (event.key === 'ArrowRight' || event.key === 'ArrowDown') {\n      this.focusNextFakeDataPoint(index, isSecondary);\n      this.showTooltipForDataPoint(index + 1 > this.spiderChartData.labels.length ? 0 : index + 1, isSecondary);\n    } else if (event.key === 'ArrowLeft' || event.key === 'ArrowUp') {\n      this.focusPreviousFakeDataPoint(index, isSecondary);\n      this.showTooltipForDataPoint(index - 1 < 0 ? this.spiderChartData.labels.length - 1 : index - 1, isSecondary);\n    } else if (event.key === 'Tab') {\n      this.resetActiveElement();\n    }\n  }\n\n  private focusNextFakeDataPoint(index: number, isSecondary: boolean = false) {\n    const nextIndex = index + 1;\n    if (nextIndex < this.fakeDataPoints.length) {\n      const fakeDataPoints = isSecondary ? this.fakeDataPointsSecondary : this.fakeDataPoints;\n      fakeDataPoints.get(nextIndex)?.nativeElement.focus();\n    } else {\n      const fakeDataPoints = isSecondary ? this.fakeDataPointsSecondary : this.fakeDataPoints;\n      fakeDataPoints.first?.nativeElement.focus();\n    }\n    if (!isSecondary) {\n      this.focusedFakeDataPointIndex = nextIndex;\n    }\n  }\n\n  private focusPreviousFakeDataPoint(index: number, isSecondary: boolean = false) {\n    const previousIndex = index - 1;\n    if (previousIndex >= 0) {\n      const fakeDataPoints = isSecondary ? this.fakeDataPointsSecondary : this.fakeDataPoints;\n      fakeDataPoints.get(previousIndex)?.nativeElement.focus();\n    } else {\n      const fakeDataPoints = isSecondary ? this.fakeDataPointsSecondary : this.fakeDataPoints;\n      fakeDataPoints.last?.nativeElement.focus();\n    }\n    if (!isSecondary) {\n      this.focusedFakeDataPointIndex = previousIndex;\n    }\n  }\n\n  showTooltipForDataPoint(index: number, isSecondary: boolean = false) {\n    const chartInstance = this.chart?.chart;\n    if (!chartInstance) {\n      return;\n    }\n    const activeElement = [{ datasetIndex: isSecondary ? 1 : 0, index }];\n    const meta = chartInstance.getDatasetMeta(isSecondary ? 1 : 0);\n    const dataPoint = meta.data[index];\n    const eventPosition = {\n      x: dataPoint.x,\n      y: dataPoint.y,\n    };\n    if (!isSecondary) {\n      this.focusedFakeDataPointIndex = index;\n    }\n\n    chartInstance.tooltip?.setActiveElements(activeElement, eventPosition);\n\n    chartInstance.update();\n  }\n\n  private resetActiveElement() {\n    const chartInstance = this.chart?.chart;\n    if (!chartInstance) {\n      return;\n    }\n\n    // Clear the active elements to hide the tooltip\n    chartInstance.tooltip?.setActiveElements([], { x: 0, y: 0 });\n\n    chartInstance.update();\n  }\n\n  toggleDatasetVisibility(datasetIndex: number) {\n    const chartInstance = this.chart?.chart;\n    if (!chartInstance) {\n      return;\n    }\n\n    const dataset = chartInstance.data.datasets[datasetIndex];\n    dataset.hidden = !dataset.hidden;\n    chartInstance.update();\n  }\n\n  isDatasetVisible(datasetIndex: number) {\n    const chartInstance = this.chart?.chart;\n    if (!chartInstance) {\n      return;\n    }\n    return !chartInstance.data.datasets[datasetIndex].hidden;\n  }\n\n  getFirstLine(label: string): string {\n    const words = label.split(' ');\n    let firstLine = '';\n    for (const word of words) {\n      if ((firstLine + word).length <= 20) {\n        firstLine += (firstLine ? ' ' : '') + word;\n      } else {\n        break;\n      }\n    }\n    return firstLine;\n  }\n\n  getSecondLine(label: string): string {\n    const firstLine = this.getFirstLine(label);\n    return label.substring(firstLine.length).trim();\n  }\n}\n","<div class=\"spider-chart-container\" tabindex=\"0\" [attr.aria-label]=\"ariaLabel\">\n  <div\n    class=\"spacing-container\"\n    [ngClass]=\"{ 'small-spacing': radarChartData.labels && radarChartData.labels.length % 2 === 1 && !loading }\"\n  >\n    <div\n      class=\"chart-container\"\n      [style.width]=\"size === 'large' ? '280px' : '200px'\"\n      [style.height]=\"size === 'large' ? '280px' : '200px'\"\n    >\n      @if (!loading) {\n        <canvas baseChart [data]=\"radarChartData\" [options]=\"radarChartOptions\" type=\"radar\" class=\"chart\"> </canvas>\n      } @else {\n        <canvas baseChart [data]=\"loadingChartData\" [options]=\"loadingChartOptions\" type=\"radar\" class=\"chart\">\n        </canvas>\n        <ui-spinner></ui-spinner>\n      }\n\n      @if (labelPositionsVisible) {\n        <div class=\"overlay-container\" [style.visibility]=\"labelStylesCached ? 'visible' : 'hidden'\">\n          @for (label of spiderChartData.labels; track label) {\n            <div\n              class=\"label-container\"\n              #labelContainer\n              [matTooltip]=\"spiderChartData.labelDescription[$index]\"\n              [tabindex]=\"$index === 0 ? '0' : '-1'\"\n              (keydown)=\"onLabelKeyDown($event, $index)\"\n              [attr.aria-label]=\"spiderChartData.labelDescription[$index]\"\n              [style.left]=\"labelStyles[label]?.left\"\n              [style.bottom]=\"labelStyles[label]?.bottom\"\n            >\n              @if (!(label.length > 20 && size === 'large' && spiderChartData.labels.length < 9)) {\n                <div class=\"label\" [style.max-width]=\"size === 'large' ? '135px' : '100px'\">\n                  {{ label }}\n                </div>\n              } @else {\n                <div>\n                  <div class=\"label\" [style.max-width]=\"size === 'large' ? '135px' : '100px'\">\n                    {{ label | memoizeFunc: getFirstLine }}\n                  </div>\n                  <div class=\"label\" [style.max-width]=\"size === 'large' ? '135px' : '100px'\">\n                    {{ label | memoizeFunc: getSecondLine : this }}\n                  </div>\n                </div>\n              }\n              <span class=\"value\">{{ spiderChartData.plotData[0].data[$index] }}</span>\n            </div>\n            <span\n              class=\"fake-data-points\"\n              #fakeDataPoints\n              [tabindex]=\"focusedLabelIndex === $index ? '0' : '-1'\"\n              (focus)=\"$index === focusedLabelIndex ? showTooltipForDataPoint($index) : null\"\n              (keydown)=\"onFakeDataPointsKeyDown($event, $index)\"\n            >\n            </span>\n            @if (radarChartData.datasets.length > 1) {\n              <span\n                class=\"fake-data-points-secondary\"\n                #fakeDataPointsSecondary\n                [tabindex]=\"focusedFakeDataPointIndex === $index ? '0' : '-1'\"\n                (focus)=\"$index === focusedFakeDataPointIndex ? showTooltipForDataPoint($index, true) : null\"\n                (keydown)=\"onFakeDataPointsKeyDown($event, $index, true)\"\n              >\n              </span>\n            }\n          }\n        </div>\n      }\n    </div>\n  </div>\n  @if (radarChartData.datasets.length > 0) {\n    <div class=\"legend-container\">\n      @for (dataset of radarChartData.datasets; track dataset.label) {\n        <div\n          class=\"legend-item\"\n          (click)=\"toggleDatasetVisibility($index)\"\n          [tabindex]=\"$index === 0 ? '0' : '-1'\"\n          role=\"button\"\n          [attr.aria-pressed]=\"isDatasetVisible($index) ? false : true\"\n          [attr.aria-label]=\"\n            isDatasetVisible($index)\n              ? (translationContext + 'DATASET_VISIBLE' | uiTranslate: { dataset: dataset.label } | async)\n              : (translationContext + 'DATASET_HIDDEN' | uiTranslate: { dataset: dataset.label } | async)\n          \"\n          (keydown)=\"onLegendItemKeyDown($event, $index)\"\n          #legendItem\n        >\n          <span class=\"legend-line\" [ngClass]=\"{ 'solid-line': $index === 0, 'dashed-line': $index === 1 }\"></span>\n          <span class=\"legend-label\" [style.text-decoration]=\"isDatasetVisible($index) ? 'none' : 'line-through'\">\n            {{ dataset.label }}\n          </span>\n        </div>\n      }\n    </div>\n  }\n</div>\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 { SpinnerComponentModule } from '@testgorilla/tgo-ui/components/spinner';\n\nimport { SpiderChartComponent } from './spider-chart.component';\n\nChart.register(...registerables);\n\n@NgModule({\n  exports: [SpiderChartComponent],\n  imports: [\n    NgClass,\n    UiTranslatePipe,\n    BaseChartDirective,\n    MatTooltipModule,\n    MemoizeFuncPipe,\n    SpinnerComponentModule,\n    CommonModule,\n    SpiderChartComponent,\n  ],\n})\nexport class SpiderChartComponentModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;;;;AACA;AACO,MAAM,oBAAoB,GAAG;AAC7B,MAAM,oBAAoB,GAAG;;MC2BvB,oBAAoB,CAAA;AAPjC,IAAA,WAAA,GAAA;AAQE;;;;AAIG;QACM,IAAA,CAAA,IAAI,GAAoB,OAAO;AASxC;;;;AAIG;QACM,IAAA,CAAA,QAAQ,GAAG,EAAE;AAEtB;;;;AAIG;QACM,IAAA,CAAA,SAAS,GAAG,uDAAuD;AAE5E;;;;AAIG;QACM,IAAA,CAAA,OAAO,GAAG,KAAK;AAExB;;;;;;AAMG;QACM,IAAA,CAAA,gBAAgB,GAAqB,OAAO;AAQrD,QAAA,IAAA,CAAA,cAAc,GAAuB;AACnC,YAAA,MAAM,EAAE,EAAE;AACV,YAAA,QAAQ,EAAE,EAAE;SACb;QAED,IAAA,CAAA,cAAc,GAAgD,EAAE;QAChE,IAAA,CAAA,WAAW,GAAwD,EAAE;QACrE,IAAA,CAAA,qBAAqB,GAAG,KAAK;QAC7B,IAAA,CAAA,iBAAiB,GAAG,KAAK;QACzB,IAAA,CAAA,iBAAiB,GAAG,CAAC;QACrB,IAAA,CAAA,yBAAyB,GAAG,CAAC;AAC7B,QAAA,IAAA,CAAA,gBAAgB,GAAuB;AACrC,YAAA,MAAM,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;AAC1B,YAAA,QAAQ,EAAE,EAAE;SACb;AACD,QAAA,IAAA,CAAA,mBAAmB,GAA0B;AAC3C,YAAA,UAAU,EAAE,IAAI;AAChB,YAAA,MAAM,EAAE;AACN,gBAAA,OAAO,EAAE;AACP,oBAAA,IAAI,EAAE,EAAE;AACR,oBAAA,KAAK,EAAE,EAAE;AACT,oBAAA,GAAG,EAAE,EAAE;AACP,oBAAA,MAAM,EAAE,EAAE;AACX,iBAAA;AACF,aAAA;AACD,YAAA,MAAM,EAAE;AACN,gBAAA,CAAC,EAAE;AACD,oBAAA,UAAU,EAAE;AACV,wBAAA,OAAO,EAAE,IAAI;wBACb,KAAK,EAAE,KAAK,CAAC,YAAY;AAC1B,qBAAA;AACD,oBAAA,IAAI,EAAE;AACJ,wBAAA,KAAK,EAAE,MAAM,KAAK,CAAC,YAAY;AAChC,qBAAA;AACD,oBAAA,WAAW,EAAE;AACX,wBAAA,OAAO,EAAE,KAAK;AACf,qBAAA;AACD,oBAAA,YAAY,EAAE,CAAC;AACf,oBAAA,YAAY,EAAE,GAAG;AACjB,oBAAA,KAAK,EAAE;wBACL,QAAQ,EAAE,IAAI,CAAC,QAAQ;AACvB,wBAAA,OAAO,EAAE,KAAK;AACf,qBAAA;AACF,iBAAA;AACF,aAAA;SACF;QACkB,IAAA,CAAA,kBAAkB,GAAG,gBAAgB;AAEvC,QAAA,IAAA,CAAA,GAAG,GAAG,MAAM,CAAC,iBAAiB,CAAC;AAkXjD,IAAA;IAhXC,QAAQ,GAAA;AACN,QAAA,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE;YACjB,IAAI,CAAC,iBAAiB,EAAE;YACxB,IAAI,CAAC,YAAY,EAAE;YACnB,IAAI,CAAC,eAAe,EAAE;QACxB;IACF;IAEQ,iBAAiB,GAAA;AACvB,QAAA,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC,MAAM,IAAI,IAAI,CAAC,eAAe,CAAC,MAAM,CAAC,MAAM,KAAK,CAAC,EAAE;AAC5E,YAAA,MAAM,IAAI,KAAK,CAAC,qDAAqD,CAAC;QACxE;AACA,QAAA,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC,gBAAgB,IAAI,IAAI,CAAC,eAAe,CAAC,gBAAgB,CAAC,MAAM,KAAK,CAAC,EAAE;AAChG,YAAA,MAAM,IAAI,KAAK,CAAC,+DAA+D,CAAC;QAClF;AACA,QAAA,IACE,IAAI,CAAC,eAAe,CAAC,gBAAgB;AACrC,YAAA,IAAI,CAAC,eAAe,CAAC,gBAAgB,CAAC,MAAM,KAAK,IAAI,CAAC,eAAe,CAAC,MAAM,CAAC,MAAM,EACnF;AACA,YAAA,MAAM,IAAI,KAAK,CAAC,qEAAqE,CAAC;QACxF;AACA,QAAA,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,aAAa,EAAE;AACnD,YAAA,MAAM,IAAI,KAAK,CAAC,iDAAiD,CAAC;QACpE;QACA,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,IAAI,IAAI,IAAI,CAAC,eAAe,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,KAAK,CAAC,EAAE;AAChG,YAAA,MAAM,IAAI,KAAK,CAAC,4DAA4D,CAAC;QAC/E;QACA,IAAI,IAAI,CAAC,eAAe,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,KAAK,IAAI,CAAC,eAAe,CAAC,MAAM,CAAC,MAAM,EAAE;AACvF,YAAA,MAAM,IAAI,KAAK,CAAC,kEAAkE,CAAC;QACrF;QACA,IACE,IAAI,CAAC,eAAe,CAAC,QAAQ,CAAC,MAAM,KAAK,CAAC;AAC1C,YAAA,IAAI,CAAC,eAAe,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC;YACtC,IAAI,CAAC,eAAe,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,IAAI;YACrC,IAAI,CAAC,eAAe,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,KAAK,IAAI,CAAC,eAAe,CAAC,MAAM,CAAC,MAAM,EACnF;AACA,YAAA,MAAM,IAAI,KAAK,CAAC,kEAAkE,CAAC;QACrF;IACF;IAEQ,YAAY,GAAA;QAClB,MAAM,QAAQ,GAAG,EAAE;QACnB,QAAQ,CAAC,IAAI,CAAC;YACZ,KAAK,EAAE,IAAI,CAAC,eAAe,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,aAAa;YACrD,IAAI,EAAE,IAAI,CAAC,eAAe,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,IAAI;AAC3C,YAAA,IAAI,EAAE,IAAI;AACV,YAAA,eAAe,EAAE,yBAAyB;YAC1C,WAAW,EAAE,KAAK,CAAC,QAAQ;YAC3B,oBAAoB,EAAE,KAAK,CAAC,QAAQ;YACpC,gBAAgB,EAAE,KAAK,CAAC,SAAS;YACjC,yBAAyB,EAAE,KAAK,CAAC,SAAS;YAC1C,qBAAqB,EAAE,KAAK,CAAC,QAAQ;AACtC,SAAA,CAAC;QACF,IAAI,IAAI,CAAC,eAAe,CAAC,QAAQ,CAAC,MAAM,KAAK,CAAC,EAAE;YAC9C,QAAQ,CAAC,IAAI,CAAC;gBACZ,KAAK,EAAE,IAAI,CAAC,eAAe,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,aAAa;gBACrD,IAAI,EAAE,IAAI,CAAC,eAAe,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,IAAI;AAC3C,gBAAA,IAAI,EAAE,KAAK;gBACX,WAAW,EAAE,KAAK,CAAC,KAAK;AACxB,gBAAA,UAAU,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;AAClB,gBAAA,WAAW,EAAE,CAAC;gBACd,oBAAoB,EAAE,KAAK,CAAC,KAAK;gBACjC,gBAAgB,EAAE,KAAK,CAAC,SAAS;gBACjC,yBAAyB,EAAE,KAAK,CAAC,SAAS;gBAC1C,qBAAqB,EAAE,KAAK,CAAC,KAAK;AACnC,aAAA,CAAC;QACJ;QACA,IAAI,CAAC,cAAc,GAAG;AACpB,YAAA,MAAM,EAAE,IAAI,CAAC,eAAe,CAAC,MAAM;YACnC,QAAQ;SACT;IACH;IAEQ,eAAe,GAAA;QACrB,IAAI,CAAC,iBAAiB,GAAG;AACvB,YAAA,UAAU,EAAE,IAAI;AAChB,YAAA,QAAQ,EAAE;AACR,gBAAA,IAAI,EAAE;AACJ,oBAAA,WAAW,EAAE,CAAC;AACf,iBAAA;AACF,aAAA;AACD,YAAA,MAAM,EAAE;AACN,gBAAA,OAAO,EAAE;AACP,oBAAA,IAAI,EAAE,EAAE;AACR,oBAAA,KAAK,EAAE,EAAE;AACT,oBAAA,GAAG,EAAE,EAAE;AACP,oBAAA,MAAM,EAAE,EAAE;AACX,iBAAA;AACF,aAAA;AACD,YAAA,MAAM,EAAE;AACN,gBAAA,CAAC,EAAE;AACD,oBAAA,UAAU,EAAE;AACV,wBAAA,OAAO,EAAE,IAAI;wBACb,KAAK,EAAE,KAAK,CAAC,KAAK;AACnB,qBAAA;AACD,oBAAA,IAAI,EAAE;wBACJ,KAAK,EAAE,OAAO,IAAG;4BACf,IAAI,OAAO,CAAC,IAAI,CAAC,KAAK,KAAK,GAAG,EAAE;gCAC9B,OAAO,KAAK,CAAC,KAAK;4BACpB;4BACA,OAAO,KAAK,CAAC,YAAY;wBAC3B,CAAC;AACF,qBAAA;AACD,oBAAA,WAAW,EAAE;AACX,wBAAA,KAAK,EAAE,OAAO;AACd,wBAAA,IAAI,EAAE;AACJ,4BAAA,MAAM,EAAE,OAAO;AACf,4BAAA,IAAI,EAAE,EAAE;AACT,yBAAA;AACD,wBAAA,OAAO,EAAE,KAAK;AACf,qBAAA;AACD,oBAAA,YAAY,EAAE,CAAC;AACf,oBAAA,YAAY,EAAE,GAAG;AACjB,oBAAA,KAAK,EAAE;wBACL,QAAQ,EAAE,IAAI,CAAC,QAAQ;AACvB,wBAAA,OAAO,EAAE,KAAK;AACf,qBAAA;AACF,iBAAA;AACF,aAAA;AACD,YAAA,OAAO,EAAE;AACP,gBAAA,MAAM,EAAE;AACN,oBAAA,OAAO,EAAE,KAAK;AACf,iBAAA;AACF,aAAA;SACF;IACH;IAEA,eAAe,GAAA;QACb,IAAI,IAAI,CAAC,KAAK,EAAE,KAAK,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE;YACtC,IAAI,CAAC,oBAAoB,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC;;;;;AAK3C,YAAA,IAAI,CAAC,GAAG,CAAC,aAAa,EAAE;;;;;;;YAOxB,UAAU,CAAC,MAAM,IAAI,CAAC,gBAAgB,EAAE,CAAC;QAC3C;IACF;IAEQ,gBAAgB,GAAA;AACtB,QAAA,IAAI,CAAC,IAAI,CAAC,eAAe,EAAE;YACzB;QACF;QACA,IAAI,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,KAAK,KAAI;YAC1C,MAAM,KAAK,GAAG,IAAI,CAAC,eAAe,CAAC,MAAM,CAAC,KAAK,CAAC;AAChD,YAAA,MAAM,EAAE,GAAG,GAAG,CAAC,aAAa;AAC5B,YAAA,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,GAAG;gBACxB,IAAI,EAAE,IAAI,CAAC,4BAA4B,CAAC,KAAK,EAAE,EAAE,CAAC,WAAW,CAAC;gBAC9D,MAAM,EAAE,IAAI,CAAC,8BAA8B,CAAC,KAAK,EAAE,EAAE,CAAC,YAAY,CAAC;aACpE;AACH,QAAA,CAAC,CAAC;AACF,QAAA,IAAI,CAAC,iBAAiB,GAAG,IAAI;AAC7B,QAAA,IAAI,CAAC,GAAG,CAAC,aAAa,EAAE;IAC1B;AAEQ,IAAA,oBAAoB,CAAC,KAAY,EAAA;QACvC,MAAM,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC,GAAG,CAAsB;AACpD,QAAA,MAAM,WAAW,GAAG,IAAI,CAAC,IAAI,KAAK,OAAO,GAAG,oBAAoB,GAAG,oBAAoB;AACvF,QAAA,MAAM,YAAY,GAAG,IAAI,CAAC,IAAI,KAAK,OAAO,GAAG,oBAAoB,GAAG,oBAAoB;;AAGxF,QAAA,IAAI,CAAC,eAAe,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,KAAK,KAAI;AACnD,YAAA,MAAM,QAAQ,GAAG,KAAK,CAAC,wBAAwB,CAAC,KAAK,EAAE,KAAK,CAAC,GAAG,CAAC;;YAGjE,MAAM,QAAQ,GAAG,CAAC,QAAQ,CAAC,CAAC,GAAG,WAAW,IAAI,GAAG;AACjD,YAAA,MAAM,QAAQ,GAAG,CAAC,CAAC,YAAY,GAAG,QAAQ,CAAC,CAAC,IAAI,YAAY,IAAI,GAAG,CAAC;AAEpE,YAAA,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC,EAAE,MAAM,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,MAAM,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,EAAE;AACjG,QAAA,CAAC,CAAC;AACF,QAAA,IAAI,CAAC,qBAAqB,GAAG,IAAI;IACnC;IAEA,8BAA8B,CAAC,KAAa,EAAE,MAAc,EAAA;QAC1D,MAAM,QAAQ,GAAG,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC;QAC3C,MAAM,OAAO,GAAG,CAAC;AACjB,QAAA,IAAI,QAAQ,CAAC,CAAC,GAAG,EAAE,IAAI,QAAQ,CAAC,CAAC,GAAG,EAAE,EAAE;YACtC,OAAO,CAAA,KAAA,EAAQ,QAAQ,CAAC,CAAC,OAAO,MAAM,GAAG,CAAC,CAAA,GAAA,CAAK;QACjD;AAAO,aAAA,IAAI,QAAQ,CAAC,CAAC,GAAG,EAAE,EAAE;YAC1B,OAAO,CAAA,KAAA,EAAQ,QAAQ,CAAC,CAAC,OAAO,MAAM,CAAA,KAAA,EAAQ,OAAO,CAAA,GAAA,CAAK;QAC5D;aAAO;AACL,YAAA,OAAO,QAAQ,QAAQ,CAAC,CAAC,CAAA,IAAA,EAAO,OAAO,KAAK;QAC9C;IACF;IAEA,4BAA4B,CAAC,KAAa,EAAE,KAAa,EAAA;QACvD,MAAM,QAAQ,GAAG,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC;QAC3C,MAAM,OAAO,GAAG,EAAE;AAClB,QAAA,IAAI,QAAQ,CAAC,CAAC,KAAK,EAAE,EAAE;YACrB,OAAO,CAAA,KAAA,EAAQ,QAAQ,CAAC,CAAC,OAAO,KAAK,GAAG,CAAC,CAAA,GAAA,CAAK;QAChD;AAAO,aAAA,IAAI,QAAQ,CAAC,CAAC,GAAG,EAAE,EAAE;YAC1B,OAAO,CAAA,KAAA,EAAQ,QAAQ,CAAC,CAAC,OAAO,KAAK,CAAA,KAAA,EAAQ,OAAO,CAAA,GAAA,CAAK;QAC3D;aAAO;AACL,YAAA,OAAO,QAAQ,QAAQ,CAAC,CAAC,CAAA,IAAA,EAAO,OAAO,KAAK;QAC9C;IACF;IAEA,cAAc,CAAC,KAAoB,EAAE,KAAa,EAAA;AAChD,QAAA,IAAI,KAAK,CAAC,GAAG,KAAK,YAAY,IAAI,KAAK,CAAC,GAAG,KAAK,WAAW,EAAE;AAC3D,YAAA,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC;QAC5B;AAAO,aAAA,IAAI,KAAK,CAAC,GAAG,KAAK,WAAW,IAAI,KAAK,CAAC,GAAG,KAAK,SAAS,EAAE;AAC/D,YAAA,IAAI,CAAC,kBAAkB,CAAC,KAAK,CAAC;QAChC;IACF;AAEQ,IAAA,cAAc,CAAC,KAAa,EAAA;AAClC,QAAA,MAAM,SAAS,GAAG,KAAK,GAAG,CAAC;QAC3B,IAAI,SAAS,GAAG,IAAI,CAAC,eAAe,CAAC,MAAM,EAAE;AAC3C,YAAA,IAAI,CAAC,eAAe,CAAC,GAAG,CAAC,SAAS,CAAC,EAAE,aAAa,CAAC,KAAK,EAAE;QAC5D;aAAO;YACL,IAAI,CAAC,eAAe,CAAC,KAAK,EAAE,aAAa,CAAC,KAAK,EAAE;QACnD;AACA,QAAA,IAAI,CAAC,iBAAiB,GAAG,SAAS;IACpC;AAEQ,IAAA,kBAAkB,CAAC,KAAa,EAAA;AACtC,QAAA,MAAM,aAAa,GAAG,KAAK,GAAG,CAAC;AAC/B,QAAA,IAAI,aAAa,IAAI,CAAC,EAAE;AACtB,YAAA,IAAI,CAAC,eAAe,CAAC,GAAG,CAAC,aAAa,CAAC,EAAE,aAAa,CAAC,KAAK,EAAE;QAChE;aAAO;YACL,IAAI,CAAC,eAAe,CAAC,IAAI,EAAE,aAAa,CAAC,KAAK,EAAE;QAClD;AACA,QAAA,IAAI,CAAC,iBAAiB,GAAG,aAAa;IACxC;IAEA,mBAAmB,CAAC,KAAoB,EAAE,KAAa,EAAA;AACrD,QAAA,IAAI,KAAK,CAAC,GAAG,KAAK,OAAO,EAAE;AACzB,YAAA,IAAI,CAAC,uBAAuB,CAAC,KAAK,CAAC;QACrC;AAAO,aAAA,IAAI,KAAK,CAAC,GAAG,KAAK,YAAY,IAAI,KAAK,CAAC,GAAG,KAAK,WAAW,EAAE;AAClE,YAAA,IAAI,CAAC,mBAAmB,CAAC,KAAK,CAAC;QACjC;AAAO,aAAA,IAAI,KAAK,CAAC,GAAG,KAAK,WAAW,IAAI,KAAK,CAAC,GAAG,KAAK,SAAS,EAAE;AAC/D,YAAA,IAAI,CAAC,uBAAuB,CAAC,KAAK,CAAC;QACrC;IACF;AAEQ,IAAA,mBAAmB,CAAC,KAAa,EAAA;AACvC,QAAA,MAAM,SAAS,GAAG,KAAK,GAAG,CAAC;QAC3B,IAAI,SAAS,GAAG,IAAI,CAAC,WAAW,CAAC,MAAM,EAAE;AACvC,YAAA,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,SAAS,CAAC,EAAE,aAAa,CAAC,KAAK,EAAE;QACxD;aAAO;YACL,IAAI,CAAC,WAAW,CAAC,KAAK,EAAE,aAAa,CAAC,KAAK,EAAE;QAC/C;IACF;AAEQ,IAAA,uBAAuB,CAAC,KAAa,EAAA;AAC3C,QAAA,MAAM,aAAa,GAAG,KAAK,GAAG,CAAC;AAC/B,QAAA,IAAI,aAAa,IAAI,CAAC,EAAE;AACtB,YAAA,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,aAAa,CAAC,EAAE,aAAa,CAAC,KAAK,EAAE;QAC5D;aAAO;YACL,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE,aAAa,CAAC,KAAK,EAAE;QAC9C;IACF;AAEA,IAAA,uBAAuB,CAAC,KAAoB,EAAE,KAAa,EAAE,cAAuB,KAAK,EAAA;AACvF,QAAA,IAAI,KAAK,CAAC,GAAG,KAAK,YAAY,IAAI,KAAK,CAAC,GAAG,KAAK,WAAW,EAAE;AAC3D,YAAA,IAAI,CAAC,sBAAsB,CAAC,KAAK,EAAE,WAAW,CAAC;YAC/C,IAAI,CAAC,uBAAuB,CAAC,KAAK,GAAG,CAAC,GAAG,IAAI,CAAC,eAAe,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,GAAG,KAAK,GAAG,CAAC,EAAE,WAAW,CAAC;QAC3G;AAAO,aAAA,IAAI,KAAK,CAAC,GAAG,KAAK,WAAW,IAAI,KAAK,CAAC,GAAG,KAAK,SAAS,EAAE;AAC/D,YAAA,IAAI,CAAC,0BAA0B,CAAC,KAAK,EAAE,WAAW,CAAC;AACnD,YAAA,IAAI,CAAC,uBAAuB,CAAC,KAAK,GAAG,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,eAAe,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,GAAG,KAAK,GAAG,CAAC,EAAE,WAAW,CAAC;QAC/G;AAAO,aAAA,IAAI,KAAK,CAAC,GAAG,KAAK,KAAK,EAAE;YAC9B,IAAI,CAAC,kBAAkB,EAAE;QAC3B;IACF;AAEQ,IAAA,sBAAsB,CAAC,KAAa,EAAE,WAAA,GAAuB,KAAK,EAAA;AACxE,QAAA,MAAM,SAAS,GAAG,KAAK,GAAG,CAAC;QAC3B,IAAI,SAAS,GAAG,IAAI,CAAC,cAAc,CAAC,MAAM,EAAE;AAC1C,YAAA,MAAM,cAAc,GAAG,WAAW,GAAG,IAAI,CAAC,uBAAuB,GAAG,IAAI,CAAC,cAAc;YACvF,cAAc,CAAC,GAAG,CAAC,SAAS,CAAC,EAAE,aAAa,CAAC,KAAK,EAAE;QACtD;aAAO;AACL,YAAA,MAAM,cAAc,GAAG,WAAW,GAAG,IAAI,CAAC,uBAAuB,GAAG,IAAI,CAAC,cAAc;AACvF,YAAA,cAAc,CAAC,KAAK,EAAE,aAAa,CAAC,KAAK,EAAE;QAC7C;QACA,IAAI,CAAC,WAAW,EAAE;AAChB,YAAA,IAAI,CAAC,yBAAyB,GAAG,SAAS;QAC5C;IACF;AAEQ,IAAA,0BAA0B,CAAC,KAAa,EAAE,WAAA,GAAuB,KAAK,EAAA;AAC5E,QAAA,MAAM,aAAa,GAAG,KAAK,GAAG,CAAC;AAC/B,QAAA,IAAI,aAAa,IAAI,CAAC,EAAE;AACtB,YAAA,MAAM,cAAc,GAAG,WAAW,GAAG,IAAI,CAAC,uBAAuB,GAAG,IAAI,CAAC,cAAc;YACvF,cAAc,CAAC,GAAG,CAAC,aAAa,CAAC,EAAE,aAAa,CAAC,KAAK,EAAE;QAC1D;aAAO;AACL,YAAA,MAAM,cAAc,GAAG,WAAW,GAAG,IAAI,CAAC,uBAAuB,GAAG,IAAI,CAAC,cAAc;AACvF,YAAA,cAAc,CAAC,IAAI,EAAE,aAAa,CAAC,KAAK,EAAE;QAC5C;QACA,IAAI,CAAC,WAAW,EAAE;AAChB,YAAA,IAAI,CAAC,yBAAyB,GAAG,aAAa;QAChD;IACF;AAEA,IAAA,uBAAuB,CAAC,KAAa,EAAE,WAAA,GAAuB,KAAK,EAAA;AACjE,QAAA,MAAM,aAAa,GAAG,IAAI,CAAC,KAAK,EAAE,KAAK;QACvC,IAAI,CAAC,aAAa,EAAE;YAClB;QACF;AACA,QAAA,MAAM,aAAa,GAAG,CAAC,EAAE,YAAY,EAAE,WAAW,GAAG,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,CAAC;AACpE,QAAA,MAAM,IAAI,GAAG,aAAa,CAAC,cAAc,CAAC,WAAW,GAAG,CAAC,GAAG,CAAC,CAAC;QAC9D,MAAM,SAAS,GAAG,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC;AAClC,QAAA,MAAM,aAAa,GAAG;YACpB,CAAC,EAAE,SAAS,CAAC,CAAC;YACd,CAAC,EAAE,SAAS,CAAC,CAAC;SACf;QACD,IAAI,CAAC,WAAW,EAAE;AAChB,YAAA,IAAI,CAAC,yBAAyB,GAAG,KAAK;QACxC;QAEA,aAAa,CAAC,OAAO,EAAE,iBAAiB,CAAC,aAAa,EAAE,aAAa,CAAC;QAEtE,aAAa,CAAC,MAAM,EAAE;IACxB;IAEQ,kBAAkB,GAAA;AACxB,QAAA,MAAM,aAAa,GAAG,IAAI,CAAC,KAAK,EAAE,KAAK;QACvC,IAAI,CAAC,aAAa,EAAE;YAClB;QACF;;AAGA,QAAA,aAAa,CAAC,OAAO,EAAE,iBAAiB,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC;QAE5D,aAAa,CAAC,MAAM,EAAE;IACxB;AAEA,IAAA,uBAAuB,CAAC,YAAoB,EAAA;AAC1C,QAAA,MAAM,aAAa,GAAG,IAAI,CAAC,KAAK,EAAE,KAAK;QACvC,IAAI,CAAC,aAAa,EAAE;YAClB;QACF;QAEA,MAAM,OAAO,GAAG,aAAa,CAAC,IAAI,CAAC,QAAQ,CAAC,YAAY,CAAC;AACzD,QAAA,OAAO,CAAC,MAAM,GAAG,CAAC,OAAO,CAAC,MAAM;QAChC,aAAa,CAAC,MAAM,EAAE;IACxB;AAEA,IAAA,gBAAgB,CAAC,YAAoB,EAAA;AACnC,QAAA,MAAM,aAAa,GAAG,IAAI,CAAC,KAAK,EAAE,KAAK;QACvC,IAAI,CAAC,aAAa,EAAE;YAClB;QACF;QACA,OAAO,CAAC,aAAa,CAAC,IAAI,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAC,MAAM;IAC1D;AAEA,IAAA,YAAY,CAAC,KAAa,EAAA;QACxB,MAAM,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC;QAC9B,IAAI,SAAS,GAAG,EAAE;AAClB,QAAA,KAAK,MAAM,IAAI,IAAI,KAAK,EAAE;YACxB,IAAI,CAAC,SAAS,GAAG,IAAI,EAAE,MAAM,IAAI,EAAE,EAAE;AACnC,gBAAA,SAAS,IAAI,CAAC,SAAS,GAAG,GAAG,GAAG,EAAE,IAAI,IAAI;YAC5C;iBAAO;gBACL;YACF;QACF;AACA,QAAA,OAAO,SAAS;IAClB;AAEA,IAAA,aAAa,CAAC,KAAa,EAAA;QACzB,MAAM,SAAS,GAAG,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC;QAC1C,OAAO,KAAK,CAAC,SAAS,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE;IACjD;+GApdW,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAApB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,oBAAoB,wRA6CpB,kBAAkB,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,EAAA,YAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,CAAA,gBAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,EAAA,YAAA,EAAA,gBAAA,EAAA,SAAA,EAAA,CAAA,gBAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,EAAA,YAAA,EAAA,yBAAA,EAAA,SAAA,EAAA,CAAA,yBAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,EAAA,YAAA,EAAA,aAAA,EAAA,SAAA,EAAA,CAAA,YAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EC3E/B,syIAgGA,EAAA,MAAA,EAAA,CAAA,21HAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDpEY,OAAO,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,kBAAkB,EAAA,QAAA,EAAA,mBAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,QAAA,EAAA,MAAA,EAAA,SAAA,EAAA,SAAA,EAAA,QAAA,EAAA,UAAA,CAAA,EAAA,OAAA,EAAA,CAAA,YAAA,EAAA,YAAA,CAAA,EAAA,QAAA,EAAA,CAAA,YAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,gBAAgB,yIAAE,UAAU,EAAA,QAAA,EAAA,cAAA,EAAA,MAAA,EAAA,CAAA,oBAAA,EAAA,4BAAA,EAAA,oBAAA,EAAA,qBAAA,EAAA,qBAAA,EAAA,yBAAA,EAAA,YAAA,EAAA,iBAAA,CAAA,EAAA,QAAA,EAAA,CAAA,YAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAE,eAAe,EAAA,IAAA,EAAA,aAAA,EAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAE,eAAe,+CAAE,SAAS,EAAA,IAAA,EAAA,OAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;4FAErG,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBAPhC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,iBAAiB,mBACV,uBAAuB,CAAC,MAAM,EAAA,OAAA,EAGtC,CAAC,OAAO,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,UAAU,EAAE,eAAe,EAAE,eAAe,EAAE,SAAS,CAAC,EAAA,QAAA,EAAA,syIAAA,EAAA,MAAA,EAAA,CAAA,21HAAA,CAAA,EAAA;;sBAQhH;;sBAOA;;sBAOA;;sBAOA;;sBAOA;;sBASA;;sBAEA,SAAS;uBAAC,kBAAkB;;sBAC5B,YAAY;uBAAC,gBAAgB;;sBAC7B,YAAY;uBAAC,gBAAgB;;sBAC7B,YAAY;uBAAC,yBAAyB;;sBACtC,YAAY;uBAAC,YAAY;;;AEpE5B,KAAK,CAAC,QAAQ,CAAC,GAAG,aAAa,CAAC;MAenB,0BAA0B,CAAA;+GAA1B,0BAA0B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAA1B,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,0BAA0B,YAVnC,OAAO;YACP,eAAe;YACf,kBAAkB;YAClB,gBAAgB;YAChB,eAAe;YACf,sBAAsB;YACtB,YAAY;AACZ,YAAA,oBAAoB,aATZ,oBAAoB,CAAA,EAAA,CAAA,CAAA;AAYnB,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,0BAA0B,YAPnC,gBAAgB;YAEhB,sBAAsB;YACtB,YAAY;YACZ,oBAAoB,CAAA,EAAA,CAAA,CAAA;;4FAGX,0BAA0B,EAAA,UAAA,EAAA,CAAA;kBAbtC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,OAAO,EAAE,CAAC,oBAAoB,CAAC;AAC/B,oBAAA,OAAO,EAAE;wBACP,OAAO;wBACP,eAAe;wBACf,kBAAkB;wBAClB,gBAAgB;wBAChB,eAAe;wBACf,sBAAsB;wBACtB,YAAY;wBACZ,oBAAoB;AACrB,qBAAA;AACF,iBAAA;;;ACzBD;;AAEG;;"}
+{"version":3,"file":"testgorilla-tgo-ui-components-spider-chart.mjs","names":[],"sources":["../../../components/spider-chart/spider-chart.model.ts","../../../components/spider-chart/spider-chart.component.ts","../../../components/spider-chart/spider-chart.component.html","../../../components/spider-chart/spider-chart.module.ts"],"sourcesContent":["export type SpiderChartSize = 'large' | 'small';\n// These are the sizes of the canvas, not the chart itself. It includes 40px of padding on all sides.\nexport const SmallSpiderChartSize = 200;\nexport const LargeSpiderChartSize = 280;\nexport type SpiderChartData = {\n  labels: string[];\n  labelDescription: string[];\n  plotData: [PlotData, PlotData] | [PlotData]; // Current implementation supports max 2 datasets.\n};\nexport type PlotData = {\n  databaseLabel: string;\n  data: number[];\n};\n","import { NgClass, AsyncPipe } from '@angular/common';\nimport {\n  ChangeDetectionStrategy,\n  AfterViewInit,\n  ChangeDetectorRef,\n  Component,\n  ElementRef,\n  inject,\n  Input,\n  OnInit,\n  QueryList,\n  ViewChild,\n  ViewChildren,\n} from '@angular/core';\nimport { MatTooltip } from '@angular/material/tooltip';\nimport { Chart, ChartData, ChartOptions, RadialLinearScale } from 'chart.js';\nimport { BaseChartDirective } from 'ng2-charts';\n\nimport { ApplicationTheme, Color, UiTranslatePipe, MemoizeFuncPipe } from '@testgorilla/tgo-ui/components/core';\nimport { SpinnerComponent } from '@testgorilla/tgo-ui/components/spinner';\n\nimport { LargeSpiderChartSize, SmallSpiderChartSize, SpiderChartData, SpiderChartSize } from './spider-chart.model';\n\n@Component({\n  selector: 'ui-spider-chart',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  templateUrl: './spider-chart.component.html',\n  styleUrls: ['./spider-chart.component.scss'],\n  imports: [NgClass, BaseChartDirective, SpinnerComponent, MatTooltip, UiTranslatePipe, MemoizeFuncPipe, AsyncPipe],\n})\nexport class SpiderChartComponent implements OnInit, AfterViewInit {\n  /**\n   * The size of the spider chart.\n   * @type {SpiderChartSize}\n   * @memberof SpiderChartComponent\n   */\n  @Input() size: SpiderChartSize = 'large';\n\n  /**\n   * The data to be used for the spider chart.\n   * @type {SpiderChartData}\n   * @memberof SpiderChartComponent\n   */\n  @Input() spiderChartData: SpiderChartData;\n\n  /**\n   * The step size for the spider chart.\n   * @type {number}\n   * @memberof SpiderChartComponent\n   */\n  @Input() stepSize = 20;\n\n  /**\n   * The aria label for the spider chart.\n   * @type {string}\n   * @memberof SpiderChartComponent\n   */\n  @Input() ariaLabel = 'Radar chart. Press tab to navigate through the chart.';\n\n  /**\n   * Whether the spider chart is loading.\n   * @type {boolean}\n   * @memberof SpiderChartComponent\n   */\n  @Input() loading = false;\n\n  /**\n   *\n   * Defines the application theme\n   *\n   * @type {ApplicationTheme}\n   * @memberof SpinnerComponent\n   */\n  @Input() applicationTheme: ApplicationTheme = 'light';\n\n  @ViewChild(BaseChartDirective) chart: BaseChartDirective;\n  @ViewChildren('labelContainer') labelContainers: QueryList<ElementRef<HTMLElement>>;\n  @ViewChildren('fakeDataPoints') fakeDataPoints: QueryList<ElementRef<HTMLElement>>;\n  @ViewChildren('fakeDataPointsSecondary') fakeDataPointsSecondary: QueryList<ElementRef<HTMLElement>>;\n  @ViewChildren('legendItem') legendItems: QueryList<ElementRef<HTMLElement>>;\n\n  radarChartData: ChartData<'radar'> = {\n    labels: [],\n    datasets: [],\n  };\n  radarChartOptions: ChartOptions<'radar'>;\n  labelPositions: { [key: string]: { x: number; y: number } } = {};\n  labelStyles: { [key: string]: { left: string; bottom: string } } = {};\n  labelPositionsVisible = false;\n  labelStylesCached = false;\n  focusedLabelIndex = 0;\n  focusedFakeDataPointIndex = 0;\n  loadingChartData: ChartData<'radar'> = {\n    labels: [1, 2, 3, 4, 5, 6],\n    datasets: [],\n  };\n  loadingChartOptions: ChartOptions<'radar'> = {\n    responsive: true,\n    layout: {\n      padding: {\n        left: 40,\n        right: 40,\n        top: 40,\n        bottom: 40,\n      },\n    },\n    scales: {\n      r: {\n        angleLines: {\n          display: true,\n          color: Color.GRAYSCALE_30,\n        },\n        grid: {\n          color: () => Color.GRAYSCALE_30,\n        },\n        pointLabels: {\n          display: false,\n        },\n        suggestedMin: 0,\n        suggestedMax: 100,\n        ticks: {\n          stepSize: this.stepSize,\n          display: false,\n        },\n      },\n    },\n  };\n  protected readonly translationContext = 'CHARTS.SPIDER.';\n\n  private readonly cdr = inject(ChangeDetectorRef);\n\n  ngOnInit(): void {\n    if (!this.loading) {\n      this.handleInputErrors();\n      this.setChartData();\n      this.setChartOptions();\n    }\n  }\n\n  private handleInputErrors() {\n    if (!this.spiderChartData.labels || this.spiderChartData.labels.length === 0) {\n      throw new Error('The \"labels\" input is required and cannot be empty.');\n    }\n    if (!this.spiderChartData.labelDescription || this.spiderChartData.labelDescription.length === 0) {\n      throw new Error('The \"labelDescription\" input is required and cannot be empty.');\n    }\n    if (\n      this.spiderChartData.labelDescription &&\n      this.spiderChartData.labelDescription.length !== this.spiderChartData.labels.length\n    ) {\n      throw new Error('The \"labelDescription\" input must have the same length as \"labels\".');\n    }\n    if (!this.spiderChartData.plotData[0].databaseLabel) {\n      throw new Error('The \"plotData.databaseLabel\" input is required.');\n    }\n    if (!this.spiderChartData.plotData[0].data || this.spiderChartData.plotData[0].data.length === 0) {\n      throw new Error('The \"plotData.data\" input is required and cannot be empty.');\n    }\n    if (this.spiderChartData.plotData[0].data.length !== this.spiderChartData.labels.length) {\n      throw new Error('The \"plotData.data\" input must have the same length as \"labels\".');\n    }\n    if (\n      this.spiderChartData.plotData.length === 2 &&\n      this.spiderChartData.labels.length > 0 &&\n      this.spiderChartData.plotData[1].data &&\n      this.spiderChartData.plotData[1].data.length !== this.spiderChartData.labels.length\n    ) {\n      throw new Error('The \"plotData.data\" input must have the same length as \"labels\".');\n    }\n  }\n\n  private setChartData() {\n    const datasets = [];\n    datasets.push({\n      label: this.spiderChartData.plotData[0].databaseLabel,\n      data: this.spiderChartData.plotData[0].data,\n      fill: true,\n      backgroundColor: 'rgba(212, 16, 170, 0.2)',\n      borderColor: Color.BRAND_50,\n      pointBackgroundColor: Color.BRAND_50,\n      pointBorderColor: Color.TGO_WHITE,\n      pointHoverBackgroundColor: Color.TGO_WHITE,\n      pointHoverBorderColor: Color.BRAND_50,\n    });\n    if (this.spiderChartData.plotData.length === 2) {\n      datasets.push({\n        label: this.spiderChartData.plotData[1].databaseLabel,\n        data: this.spiderChartData.plotData[1].data,\n        fill: false,\n        borderColor: Color.BLACK,\n        borderDash: [5, 5],\n        borderWidth: 1,\n        pointBackgroundColor: Color.BLACK,\n        pointBorderColor: Color.TGO_WHITE,\n        pointHoverBackgroundColor: Color.TGO_WHITE,\n        pointHoverBorderColor: Color.BLACK,\n      });\n    }\n    this.radarChartData = {\n      labels: this.spiderChartData.labels,\n      datasets,\n    };\n  }\n\n  private setChartOptions() {\n    this.radarChartOptions = {\n      responsive: true,\n      elements: {\n        line: {\n          borderWidth: 3,\n        },\n      },\n      layout: {\n        padding: {\n          left: 40,\n          right: 40,\n          top: 40,\n          bottom: 40,\n        },\n      },\n      scales: {\n        r: {\n          angleLines: {\n            display: true,\n            color: Color.BLACK,\n          },\n          grid: {\n            color: context => {\n              if (context.tick.value === 100) {\n                return Color.BLACK;\n              }\n              return Color.GRAYSCALE_30;\n            },\n          },\n          pointLabels: {\n            color: 'black',\n            font: {\n              family: 'Arial',\n              size: 14,\n            },\n            display: false,\n          },\n          suggestedMin: 0,\n          suggestedMax: 100,\n          ticks: {\n            stepSize: this.stepSize,\n            display: false,\n          },\n        },\n      },\n      plugins: {\n        legend: {\n          display: false,\n        },\n      },\n    };\n  }\n\n  ngAfterViewInit(): void {\n    if (this.chart?.chart && !this.loading) {\n      this.logCornerCoordinates(this.chart.chart);\n      // Under OnPush nothing re-checks this view between AfterViewInit and the\n      // measurement timeout, so render the (still hidden) label containers now —\n      // otherwise the `@if (labelPositionsVisible)` block hasn't been created yet\n      // and cacheLabelStyles() measures an empty ViewChildren list.\n      this.cdr.detectChanges();\n      // Cache label styles after positions are calculated and DOM is rendered.\n      // We deliberately use setTimeout(0) instead of afterNextRender here: the\n      // callback must fire after the browser has fully painted (fonts swapped,\n      // chart.js canvas drawn) so that offsetWidth/offsetHeight measurements\n      // are sub-pixel stable. afterNextRender fires earlier (pre-paint) and\n      // produced label-position drift in visual tests.\n      setTimeout(() => this.cacheLabelStyles());\n    }\n  }\n\n  private cacheLabelStyles(): void {\n    if (!this.labelContainers) {\n      return;\n    }\n    this.labelContainers.forEach((ref, index) => {\n      const label = this.spiderChartData.labels[index];\n      const el = ref.nativeElement;\n      this.labelStyles[label] = {\n        left: this.getCenteredLabelLeftPosition(label, el.offsetWidth),\n        bottom: this.getCenteredLabelBottomPosition(label, el.offsetHeight),\n      };\n    });\n    this.labelStylesCached = true;\n    this.cdr.detectChanges();\n  }\n\n  private logCornerCoordinates(chart: Chart) {\n    const scale = chart.scales['r'] as RadialLinearScale;\n    const canvasWidth = this.size === 'large' ? LargeSpiderChartSize : SmallSpiderChartSize;\n    const canvasHeight = this.size === 'large' ? LargeSpiderChartSize : SmallSpiderChartSize;\n\n    // Loop through the labels and calculate the percentage coordinates\n    this.spiderChartData.labels.forEach((label, index) => {\n      const position = scale.getPointPositionForValue(index, scale.max);\n\n      // Calculate percentage values relative to the canvas size\n      const xPercent = (position.x / canvasWidth) * 100;\n      const yPercent = ((canvasHeight - position.y) / canvasHeight) * 100; // Inverting the Y-axis\n\n      this.labelPositions[label] = { x: Number(xPercent.toFixed(2)), y: Number(yPercent.toFixed(2)) };\n    });\n    this.labelPositionsVisible = true;\n  }\n\n  getCenteredLabelBottomPosition(label: string, height: number) {\n    const position = this.labelPositions[label];\n    const padding = 7;\n    if (position.x > 50 || position.x < 50) {\n      return `calc(${position.y}% - ${height / 2}px)`;\n    } else if (position.y < 50) {\n      return `calc(${position.y}% - ${height}px - ${padding}px)`;\n    } else {\n      return `calc(${position.y}% + ${padding}px)`;\n    }\n  }\n\n  getCenteredLabelLeftPosition(label: string, width: number) {\n    const position = this.labelPositions[label];\n    const padding = 15;\n    if (position.x === 50) {\n      return `calc(${position.x}% - ${width / 2}px)`;\n    } else if (position.x < 50) {\n      return `calc(${position.x}% - ${width}px - ${padding}px)`;\n    } else {\n      return `calc(${position.x}% + ${padding}px)`;\n    }\n  }\n\n  onLabelKeyDown(event: KeyboardEvent, index: number) {\n    if (event.key === 'ArrowRight' || event.key === 'ArrowDown') {\n      this.focusNextLabel(index);\n    } else if (event.key === 'ArrowLeft' || event.key === 'ArrowUp') {\n      this.focusPreviousLabel(index);\n    }\n  }\n\n  private focusNextLabel(index: number) {\n    const nextIndex = index + 1;\n    if (nextIndex < this.labelContainers.length) {\n      this.labelContainers.get(nextIndex)?.nativeElement.focus();\n    } else {\n      this.labelContainers.first?.nativeElement.focus();\n    }\n    this.focusedLabelIndex = nextIndex;\n  }\n\n  private focusPreviousLabel(index: number) {\n    const previousIndex = index - 1;\n    if (previousIndex >= 0) {\n      this.labelContainers.get(previousIndex)?.nativeElement.focus();\n    } else {\n      this.labelContainers.last?.nativeElement.focus();\n    }\n    this.focusedLabelIndex = previousIndex;\n  }\n\n  onLegendItemKeyDown(event: KeyboardEvent, index: number) {\n    if (event.key === 'Enter') {\n      this.toggleDatasetVisibility(index);\n    } else if (event.key === 'ArrowRight' || event.key === 'ArrowDown') {\n      this.focusNextLegendItem(index);\n    } else if (event.key === 'ArrowLeft' || event.key === 'ArrowUp') {\n      this.focusPreviousLegendItem(index);\n    }\n  }\n\n  private focusNextLegendItem(index: number) {\n    const nextIndex = index + 1;\n    if (nextIndex < this.legendItems.length) {\n      this.legendItems.get(nextIndex)?.nativeElement.focus();\n    } else {\n      this.legendItems.first?.nativeElement.focus();\n    }\n  }\n\n  private focusPreviousLegendItem(index: number) {\n    const previousIndex = index - 1;\n    if (previousIndex >= 0) {\n      this.legendItems.get(previousIndex)?.nativeElement.focus();\n    } else {\n      this.legendItems.last?.nativeElement.focus();\n    }\n  }\n\n  onFakeDataPointsKeyDown(event: KeyboardEvent, index: number, isSecondary: boolean = false) {\n    if (event.key === 'ArrowRight' || event.key === 'ArrowDown') {\n      this.focusNextFakeDataPoint(index, isSecondary);\n      this.showTooltipForDataPoint(index + 1 > this.spiderChartData.labels.length ? 0 : index + 1, isSecondary);\n    } else if (event.key === 'ArrowLeft' || event.key === 'ArrowUp') {\n      this.focusPreviousFakeDataPoint(index, isSecondary);\n      this.showTooltipForDataPoint(index - 1 < 0 ? this.spiderChartData.labels.length - 1 : index - 1, isSecondary);\n    } else if (event.key === 'Tab') {\n      this.resetActiveElement();\n    }\n  }\n\n  private focusNextFakeDataPoint(index: number, isSecondary: boolean = false) {\n    const nextIndex = index + 1;\n    if (nextIndex < this.fakeDataPoints.length) {\n      const fakeDataPoints = isSecondary ? this.fakeDataPointsSecondary : this.fakeDataPoints;\n      fakeDataPoints.get(nextIndex)?.nativeElement.focus();\n    } else {\n      const fakeDataPoints = isSecondary ? this.fakeDataPointsSecondary : this.fakeDataPoints;\n      fakeDataPoints.first?.nativeElement.focus();\n    }\n    if (!isSecondary) {\n      this.focusedFakeDataPointIndex = nextIndex;\n    }\n  }\n\n  private focusPreviousFakeDataPoint(index: number, isSecondary: boolean = false) {\n    const previousIndex = index - 1;\n    if (previousIndex >= 0) {\n      const fakeDataPoints = isSecondary ? this.fakeDataPointsSecondary : this.fakeDataPoints;\n      fakeDataPoints.get(previousIndex)?.nativeElement.focus();\n    } else {\n      const fakeDataPoints = isSecondary ? this.fakeDataPointsSecondary : this.fakeDataPoints;\n      fakeDataPoints.last?.nativeElement.focus();\n    }\n    if (!isSecondary) {\n      this.focusedFakeDataPointIndex = previousIndex;\n    }\n  }\n\n  showTooltipForDataPoint(index: number, isSecondary: boolean = false) {\n    const chartInstance = this.chart?.chart;\n    if (!chartInstance) {\n      return;\n    }\n    const activeElement = [{ datasetIndex: isSecondary ? 1 : 0, index }];\n    const meta = chartInstance.getDatasetMeta(isSecondary ? 1 : 0);\n    const dataPoint = meta.data[index];\n    const eventPosition = {\n      x: dataPoint.x,\n      y: dataPoint.y,\n    };\n    if (!isSecondary) {\n      this.focusedFakeDataPointIndex = index;\n    }\n\n    chartInstance.tooltip?.setActiveElements(activeElement, eventPosition);\n\n    chartInstance.update();\n  }\n\n  private resetActiveElement() {\n    const chartInstance = this.chart?.chart;\n    if (!chartInstance) {\n      return;\n    }\n\n    // Clear the active elements to hide the tooltip\n    chartInstance.tooltip?.setActiveElements([], { x: 0, y: 0 });\n\n    chartInstance.update();\n  }\n\n  toggleDatasetVisibility(datasetIndex: number) {\n    const chartInstance = this.chart?.chart;\n    if (!chartInstance) {\n      return;\n    }\n\n    const dataset = chartInstance.data.datasets[datasetIndex];\n    dataset.hidden = !dataset.hidden;\n    chartInstance.update();\n  }\n\n  isDatasetVisible(datasetIndex: number) {\n    const chartInstance = this.chart?.chart;\n    if (!chartInstance) {\n      return;\n    }\n    return !chartInstance.data.datasets[datasetIndex].hidden;\n  }\n\n  getFirstLine(label: string): string {\n    const words = label.split(' ');\n    let firstLine = '';\n    for (const word of words) {\n      if ((firstLine + word).length <= 20) {\n        firstLine += (firstLine ? ' ' : '') + word;\n      } else {\n        break;\n      }\n    }\n    return firstLine;\n  }\n\n  getSecondLine(label: string): string {\n    const firstLine = this.getFirstLine(label);\n    return label.substring(firstLine.length).trim();\n  }\n}\n","<div class=\"spider-chart-container\" tabindex=\"0\" [attr.aria-label]=\"ariaLabel\">\n  <div\n    class=\"spacing-container\"\n    [ngClass]=\"{ 'small-spacing': radarChartData.labels && radarChartData.labels.length % 2 === 1 && !loading }\"\n  >\n    <div\n      class=\"chart-container\"\n      [style.width]=\"size === 'large' ? '280px' : '200px'\"\n      [style.height]=\"size === 'large' ? '280px' : '200px'\"\n    >\n      @if (!loading) {\n        <canvas baseChart [data]=\"radarChartData\" [options]=\"radarChartOptions\" type=\"radar\" class=\"chart\"> </canvas>\n      } @else {\n        <canvas baseChart [data]=\"loadingChartData\" [options]=\"loadingChartOptions\" type=\"radar\" class=\"chart\">\n        </canvas>\n        <ui-spinner></ui-spinner>\n      }\n\n      @if (labelPositionsVisible) {\n        <div class=\"overlay-container\" [style.visibility]=\"labelStylesCached ? 'visible' : 'hidden'\">\n          @for (label of spiderChartData.labels; track label) {\n            <div\n              class=\"label-container\"\n              #labelContainer\n              [matTooltip]=\"spiderChartData.labelDescription[$index]\"\n              [tabindex]=\"$index === 0 ? '0' : '-1'\"\n              (keydown)=\"onLabelKeyDown($event, $index)\"\n              [attr.aria-label]=\"spiderChartData.labelDescription[$index]\"\n              [style.left]=\"labelStyles[label]?.left\"\n              [style.bottom]=\"labelStyles[label]?.bottom\"\n            >\n              @if (!(label.length > 20 && size === 'large' && spiderChartData.labels.length < 9)) {\n                <div class=\"label\" [style.max-width]=\"size === 'large' ? '135px' : '100px'\">\n                  {{ label }}\n                </div>\n              } @else {\n                <div>\n                  <div class=\"label\" [style.max-width]=\"size === 'large' ? '135px' : '100px'\">\n                    {{ label | memoizeFunc: getFirstLine }}\n                  </div>\n                  <div class=\"label\" [style.max-width]=\"size === 'large' ? '135px' : '100px'\">\n                    {{ label | memoizeFunc: getSecondLine : this }}\n                  </div>\n                </div>\n              }\n              <span class=\"value\">{{ spiderChartData.plotData[0].data[$index] }}</span>\n            </div>\n            <span\n              class=\"fake-data-points\"\n              #fakeDataPoints\n              [tabindex]=\"focusedLabelIndex === $index ? '0' : '-1'\"\n              (focus)=\"$index === focusedLabelIndex ? showTooltipForDataPoint($index) : null\"\n              (keydown)=\"onFakeDataPointsKeyDown($event, $index)\"\n            >\n            </span>\n            @if (radarChartData.datasets.length > 1) {\n              <span\n                class=\"fake-data-points-secondary\"\n                #fakeDataPointsSecondary\n                [tabindex]=\"focusedFakeDataPointIndex === $index ? '0' : '-1'\"\n                (focus)=\"$index === focusedFakeDataPointIndex ? showTooltipForDataPoint($index, true) : null\"\n                (keydown)=\"onFakeDataPointsKeyDown($event, $index, true)\"\n              >\n              </span>\n            }\n          }\n        </div>\n      }\n    </div>\n  </div>\n  @if (radarChartData.datasets.length > 0) {\n    <div class=\"legend-container\">\n      @for (dataset of radarChartData.datasets; track dataset.label) {\n        <div\n          class=\"legend-item\"\n          (click)=\"toggleDatasetVisibility($index)\"\n          [tabindex]=\"$index === 0 ? '0' : '-1'\"\n          role=\"button\"\n          [attr.aria-pressed]=\"isDatasetVisible($index) ? false : true\"\n          [attr.aria-label]=\"\n            isDatasetVisible($index)\n              ? (translationContext + 'DATASET_VISIBLE' | uiTranslate: { dataset: dataset.label } | async)\n              : (translationContext + 'DATASET_HIDDEN' | uiTranslate: { dataset: dataset.label } | async)\n          \"\n          (keydown)=\"onLegendItemKeyDown($event, $index)\"\n          #legendItem\n        >\n          <span class=\"legend-line\" [ngClass]=\"{ 'solid-line': $index === 0, 'dashed-line': $index === 1 }\"></span>\n          <span class=\"legend-label\" [style.text-decoration]=\"isDatasetVisible($index) ? 'none' : 'line-through'\">\n            {{ dataset.label }}\n          </span>\n        </div>\n      }\n    </div>\n  }\n</div>\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 { SpinnerComponentModule } from '@testgorilla/tgo-ui/components/spinner';\n\nimport { SpiderChartComponent } from './spider-chart.component';\n\nChart.register(...registerables);\n\n@NgModule({\n  exports: [SpiderChartComponent],\n  imports: [\n    NgClass,\n    UiTranslatePipe,\n    BaseChartDirective,\n    MatTooltipModule,\n    MemoizeFuncPipe,\n    SpinnerComponentModule,\n    CommonModule,\n    SpiderChartComponent,\n  ],\n})\nexport class SpiderChartComponentModule {}\n"],"mappings":";;;;;;;;AAEA,MAAa,uBAAuB;AACpC,MAAa,uBAAuB;AC2BpC,IAAa,uBAAb,MAAa,qBAAoB;CAPjC,cAAA;EAaW,KAAA,OAAwB;EAcxB,KAAA,WAAW;EAOX,KAAA,YAAY;EAOZ,KAAA,UAAU;EASV,KAAA,mBAAqC;EAQ9C,KAAA,iBAAqC;GACnC,QAAQ,CAAA;GACR,UAAU,CAAA;EACX;EAED,KAAA,iBAA8D,CAAA;EAC9D,KAAA,cAAmE,CAAA;EACnE,KAAA,wBAAwB;EACxB,KAAA,oBAAoB;EACpB,KAAA,oBAAoB;EACpB,KAAA,4BAA4B;EAC5B,KAAA,mBAAuC;GACrC,QAAQ;IAAC;IAAG;IAAG;IAAG;IAAG;IAAG;GAAC;GACzB,UAAU,CAAA;EACX;EACD,KAAA,sBAA6C;GAC3C,YAAY;GACZ,QAAQ,EACN,SAAS;IACP,MAAM;IACN,OAAO;IACP,KAAK;IACL,QAAQ;GACT,EACF;GACD,QAAQ,EACN,GAAG;IACD,YAAY;KACV,SAAS;KACT,OAAO,MAAM;IACd;IACD,MAAM,EACJ,aAAa,MAAM,aACpB;IACD,aAAa,EACX,SAAS,MACV;IACD,cAAc;IACd,cAAc;IACd,OAAO;KACL,UAAU,KAAK;KACf,SAAS;IACV;GACF,EACF;EACF;EACkB,KAAA,qBAAqB;EAEvB,KAAA,MAAM,OAAO,iBAAiB;CAkXhD;CAhXC,WAAQ;EACN,IAAI,CAAC,KAAK,SAAS;GACjB,KAAK,kBAAiB;GACtB,KAAK,aAAY;GACjB,KAAK,gBAAe;EACtB;CACF;CAEQ,oBAAiB;EACvB,IAAI,CAAC,KAAK,gBAAgB,UAAU,KAAK,gBAAgB,OAAO,WAAW,GACzE,MAAM,IAAI,MAAM,uDAAqD;EAEvE,IAAI,CAAC,KAAK,gBAAgB,oBAAoB,KAAK,gBAAgB,iBAAiB,WAAW,GAC7F,MAAM,IAAI,MAAM,iEAA+D;EAEjF,IACE,KAAK,gBAAgB,oBACrB,KAAK,gBAAgB,iBAAiB,WAAW,KAAK,gBAAgB,OAAO,QAE7E,MAAM,IAAI,MAAM,yEAAqE;EAEvF,IAAI,CAAC,KAAK,gBAAgB,SAAS,EAAE,CAAC,eACpC,MAAM,IAAI,MAAM,mDAAiD;EAEnE,IAAI,CAAC,KAAK,gBAAgB,SAAS,EAAE,CAAC,QAAQ,KAAK,gBAAgB,SAAS,EAAE,CAAC,KAAK,WAAW,GAC7F,MAAM,IAAI,MAAM,8DAA4D;EAE9E,IAAI,KAAK,gBAAgB,SAAS,EAAE,CAAC,KAAK,WAAW,KAAK,gBAAgB,OAAO,QAC/E,MAAM,IAAI,MAAM,sEAAkE;EAEpF,IACE,KAAK,gBAAgB,SAAS,WAAW,KACzC,KAAK,gBAAgB,OAAO,SAAS,KACrC,KAAK,gBAAgB,SAAS,EAAE,CAAC,QACjC,KAAK,gBAAgB,SAAS,EAAE,CAAC,KAAK,WAAW,KAAK,gBAAgB,OAAO,QAE7E,MAAM,IAAI,MAAM,sEAAkE;CAEtF;CAEQ,eAAY;EAClB,MAAM,WAAW,CAAA;EACjB,SAAS,KAAK;GACZ,OAAO,KAAK,gBAAgB,SAAS,EAAE,CAAC;GACxC,MAAM,KAAK,gBAAgB,SAAS,EAAE,CAAC;GACvC,MAAM;GACN,iBAAiB;GACjB,aAAa,MAAM;GACnB,sBAAsB,MAAM;GAC5B,kBAAkB,MAAM;GACxB,2BAA2B,MAAM;GACjC,uBAAuB,MAAM;EAC9B,CAAA;EACD,IAAI,KAAK,gBAAgB,SAAS,WAAW,GAC3C,SAAS,KAAK;GACZ,OAAO,KAAK,gBAAgB,SAAS,EAAE,CAAC;GACxC,MAAM,KAAK,gBAAgB,SAAS,EAAE,CAAC;GACvC,MAAM;GACN,aAAa,MAAM;GACnB,YAAY,CAAC,GAAG,CAAC;GACjB,aAAa;GACb,sBAAsB,MAAM;GAC5B,kBAAkB,MAAM;GACxB,2BAA2B,MAAM;GACjC,uBAAuB,MAAM;EAC9B,CAAA;EAEH,KAAK,iBAAiB;GACpB,QAAQ,KAAK,gBAAgB;GAC7B;EACD;CACH;CAEQ,kBAAe;EACrB,KAAK,oBAAoB;GACvB,YAAY;GACZ,UAAU,EACR,MAAM,EACJ,aAAa,EACd,EACF;GACD,QAAQ,EACN,SAAS;IACP,MAAM;IACN,OAAO;IACP,KAAK;IACL,QAAQ;GACT,EACF;GACD,QAAQ,EACN,GAAG;IACD,YAAY;KACV,SAAS;KACT,OAAO,MAAM;IACd;IACD,MAAM,EACJ,QAAO,YAAU;KACf,IAAI,QAAQ,KAAK,UAAU,KACzB,OAAO,MAAM;KAEf,OAAO,MAAM;IACf,EACD;IACD,aAAa;KACX,OAAO;KACP,MAAM;MACJ,QAAQ;MACR,MAAM;KACP;KACD,SAAS;IACV;IACD,cAAc;IACd,cAAc;IACd,OAAO;KACL,UAAU,KAAK;KACf,SAAS;IACV;GACF,EACF;GACD,SAAS,EACP,QAAQ,EACN,SAAS,MACV,EACF;EACF;CACH;CAEA,kBAAe;EACb,IAAI,KAAK,OAAO,SAAS,CAAC,KAAK,SAAS;GACtC,KAAK,qBAAqB,KAAK,MAAM,KAAK;GAK1C,KAAK,IAAI,cAAa;GAOtB,iBAAiB,KAAK,iBAAgB,CAAE;EAC1C;CACF;CAEQ,mBAAgB;EACtB,IAAI,CAAC,KAAK,iBACR;EAEF,KAAK,gBAAgB,SAAS,KAAK,UAAS;GAC1C,MAAM,QAAQ,KAAK,gBAAgB,OAAO;GAC1C,MAAM,KAAK,IAAI;GACf,KAAK,YAAY,SAAS;IACxB,MAAM,KAAK,6BAA6B,OAAO,GAAG,WAAW;IAC7D,QAAQ,KAAK,+BAA+B,OAAO,GAAG,YAAY;GACnE;EACH,CAAC;EACD,KAAK,oBAAoB;EACzB,KAAK,IAAI,cAAa;CACxB;CAEQ,qBAAqB,OAAY;EACvC,MAAM,QAAQ,MAAM,OAAO;EAC3B,MAAM,cAAc,KAAK,SAAS,UAAA,MAAA;EAClC,MAAM,eAAe,KAAK,SAAS,UAAA,MAAA;EAGnC,KAAK,gBAAgB,OAAO,SAAS,OAAO,UAAS;GACnD,MAAM,WAAW,MAAM,yBAAyB,OAAO,MAAM,GAAG;GAGhE,MAAM,WAAY,SAAS,IAAI,cAAe;GAC9C,MAAM,YAAa,eAAe,SAAS,KAAK,eAAgB;GAEhE,KAAK,eAAe,SAAS;IAAE,GAAG,OAAO,SAAS,QAAQ,CAAC,CAAC;IAAG,GAAG,OAAO,SAAS,QAAQ,CAAC,CAAC;GAAC;EAC/F,CAAC;EACD,KAAK,wBAAwB;CAC/B;CAEA,+BAA+B,OAAe,QAAc;EAC1D,MAAM,WAAW,KAAK,eAAe;EACrC,MAAM,UAAU;EAChB,IAAI,SAAS,IAAI,MAAM,SAAS,IAAI,IAClC,OAAO,QAAQ,SAAS,EAAC,MAAO,SAAS,EAAC;OACrC,IAAI,SAAS,IAAI,IACtB,OAAO,QAAQ,SAAS,EAAC,MAAO,OAAM,OAAQ,QAAO;OAErD,OAAO,QAAQ,SAAS,EAAC,MAAO,QAAO;CAE3C;CAEA,6BAA6B,OAAe,OAAa;EACvD,MAAM,WAAW,KAAK,eAAe;EACrC,MAAM,UAAU;EAChB,IAAI,SAAS,MAAM,IACjB,OAAO,QAAQ,SAAS,EAAC,MAAO,QAAQ,EAAC;OACpC,IAAI,SAAS,IAAI,IACtB,OAAO,QAAQ,SAAS,EAAC,MAAO,MAAK,OAAQ,QAAO;OAEpD,OAAO,QAAQ,SAAS,EAAC,MAAO,QAAO;CAE3C;CAEA,eAAe,OAAsB,OAAa;EAChD,IAAI,MAAM,QAAQ,gBAAgB,MAAM,QAAQ,aAC9C,KAAK,eAAe,KAAK;OACpB,IAAI,MAAM,QAAQ,eAAe,MAAM,QAAQ,WACpD,KAAK,mBAAmB,KAAK;CAEjC;CAEQ,eAAe,OAAa;EAClC,MAAM,YAAY,QAAQ;EAC1B,IAAI,YAAY,KAAK,gBAAgB,QACnC,KAAK,gBAAgB,IAAI,SAAS,CAAC,EAAE,cAAc,MAAK;OAExD,KAAK,gBAAgB,OAAO,cAAc,MAAK;EAEjD,KAAK,oBAAoB;CAC3B;CAEQ,mBAAmB,OAAa;EACtC,MAAM,gBAAgB,QAAQ;EAC9B,IAAI,iBAAiB,GACnB,KAAK,gBAAgB,IAAI,aAAa,CAAC,EAAE,cAAc,MAAK;OAE5D,KAAK,gBAAgB,MAAM,cAAc,MAAK;EAEhD,KAAK,oBAAoB;CAC3B;CAEA,oBAAoB,OAAsB,OAAa;EACrD,IAAI,MAAM,QAAQ,SAChB,KAAK,wBAAwB,KAAK;OAC7B,IAAI,MAAM,QAAQ,gBAAgB,MAAM,QAAQ,aACrD,KAAK,oBAAoB,KAAK;OACzB,IAAI,MAAM,QAAQ,eAAe,MAAM,QAAQ,WACpD,KAAK,wBAAwB,KAAK;CAEtC;CAEQ,oBAAoB,OAAa;EACvC,MAAM,YAAY,QAAQ;EAC1B,IAAI,YAAY,KAAK,YAAY,QAC/B,KAAK,YAAY,IAAI,SAAS,CAAC,EAAE,cAAc,MAAK;OAEpD,KAAK,YAAY,OAAO,cAAc,MAAK;CAE/C;CAEQ,wBAAwB,OAAa;EAC3C,MAAM,gBAAgB,QAAQ;EAC9B,IAAI,iBAAiB,GACnB,KAAK,YAAY,IAAI,aAAa,CAAC,EAAE,cAAc,MAAK;OAExD,KAAK,YAAY,MAAM,cAAc,MAAK;CAE9C;CAEA,wBAAwB,OAAsB,OAAe,cAAuB,OAAK;EACvF,IAAI,MAAM,QAAQ,gBAAgB,MAAM,QAAQ,aAAa;GAC3D,KAAK,uBAAuB,OAAO,WAAW;GAC9C,KAAK,wBAAwB,QAAQ,IAAI,KAAK,gBAAgB,OAAO,SAAS,IAAI,QAAQ,GAAG,WAAW;EAC1G,OAAO,IAAI,MAAM,QAAQ,eAAe,MAAM,QAAQ,WAAW;GAC/D,KAAK,2BAA2B,OAAO,WAAW;GAClD,KAAK,wBAAwB,QAAQ,IAAI,IAAI,KAAK,gBAAgB,OAAO,SAAS,IAAI,QAAQ,GAAG,WAAW;EAC9G,OAAO,IAAI,MAAM,QAAQ,OACvB,KAAK,mBAAkB;CAE3B;CAEQ,uBAAuB,OAAe,cAAuB,OAAK;EACxE,MAAM,YAAY,QAAQ;EAC1B,IAAI,YAAY,KAAK,eAAe,QAElC,CADuB,cAAc,KAAK,0BAA0B,KAAK,eACzE,CAAe,IAAI,SAAS,CAAC,EAAE,cAAc,MAAK;OAGlD,CADuB,cAAc,KAAK,0BAA0B,KAAK,eACzE,CAAe,OAAO,cAAc,MAAK;EAE3C,IAAI,CAAC,aACH,KAAK,4BAA4B;CAErC;CAEQ,2BAA2B,OAAe,cAAuB,OAAK;EAC5E,MAAM,gBAAgB,QAAQ;EAC9B,IAAI,iBAAiB,GAEnB,CADuB,cAAc,KAAK,0BAA0B,KAAK,eACzE,CAAe,IAAI,aAAa,CAAC,EAAE,cAAc,MAAK;OAGtD,CADuB,cAAc,KAAK,0BAA0B,KAAK,eACzE,CAAe,MAAM,cAAc,MAAK;EAE1C,IAAI,CAAC,aACH,KAAK,4BAA4B;CAErC;CAEA,wBAAwB,OAAe,cAAuB,OAAK;EACjE,MAAM,gBAAgB,KAAK,OAAO;EAClC,IAAI,CAAC,eACH;EAEF,MAAM,gBAAgB,CAAC;GAAE,cAAc,cAAc,IAAI;GAAG;EAAK,CAAE;EAEnE,MAAM,YADO,cAAc,eAAe,cAAc,IAAI,CAC1C,CAAA,CAAK,KAAK;EAC5B,MAAM,gBAAgB;GACpB,GAAG,UAAU;GACb,GAAG,UAAU;EACd;EACD,IAAI,CAAC,aACH,KAAK,4BAA4B;EAGnC,cAAc,SAAS,kBAAkB,eAAe,aAAa;EAErE,cAAc,OAAM;CACtB;CAEQ,qBAAkB;EACxB,MAAM,gBAAgB,KAAK,OAAO;EAClC,IAAI,CAAC,eACH;EAIF,cAAc,SAAS,kBAAkB,CAAA,GAAI;GAAE,GAAG;GAAG,GAAG;EAAC,CAAE;EAE3D,cAAc,OAAM;CACtB;CAEA,wBAAwB,cAAoB;EAC1C,MAAM,gBAAgB,KAAK,OAAO;EAClC,IAAI,CAAC,eACH;EAGF,MAAM,UAAU,cAAc,KAAK,SAAS;EAC5C,QAAQ,SAAS,CAAC,QAAQ;EAC1B,cAAc,OAAM;CACtB;CAEA,iBAAiB,cAAoB;EACnC,MAAM,gBAAgB,KAAK,OAAO;EAClC,IAAI,CAAC,eACH;EAEF,OAAO,CAAC,cAAc,KAAK,SAAS,aAAa,CAAC;CACpD;CAEA,aAAa,OAAa;EACxB,MAAM,QAAQ,MAAM,MAAM,GAAG;EAC7B,IAAI,YAAY;EAChB,KAAK,MAAM,QAAQ,OACjB,KAAK,YAAY,KAAA,CAAM,UAAU,IAC/B,cAAc,YAAY,MAAM,MAAM;OAEtC;EAGJ,OAAO;CACT;CAEA,cAAc,OAAa;EACzB,MAAM,YAAY,KAAK,aAAa,KAAK;EACzC,OAAO,MAAM,UAAU,UAAU,MAAM,CAAC,CAAC,KAAI;CAC/C;CApdW;EAAA,KAAA,OAAA,GAAA,mBAAA;GAAA,YAAA;GAAA,SAAA;GAAA,UAAA;GAAA,MAAA;GAAoB,MAAA,CAAA;GAAA,QAAA,GAAA,gBAAA;EAAA,CAAA;CAAA;CAApB;EAAA,KAAA,OAAA,GAAA,qBAAA;GAAA,YAAA;GAAA,SAAA;GAAA,MAAA;GAAoB,cAAA;GAAA,UAAA;GAAA,QAAA;IAAA,MAAA;IAAA,iBAAA;IAAA,UAAA;IAAA,WAAA;IAAA,SAAA;IAAA,kBAAA;GAAA;GAAA,aAAA;IAAA;KAAA,cAAA;KAAA,OAAA;KAAA,WA6CpB;KAAkB,aAAA;IAAA;IAAA;KAAA,cAAA;KAAA,WAAA,CAAA,gBAAA;KAAA,aAAA;IAAA;IAAA;KAAA,cAAA;KAAA,WAAA,CAAA,gBAAA;KAAA,aAAA;IAAA;IAAA;KAAA,cAAA;KAAA,WAAA,CAAA,yBAAA;KAAA,aAAA;IAAA;IAAA;KAAA,cAAA;KAAA,WAAA,CAAA,YAAA;KAAA,aAAA;IAAA;GAAA;GAAA,UAAA;GAAA,UC3E/B;GAgGA,QAAA,CAAA,21HAAA;GAAA,cAAA;IAAA;KAAA,MAAA;KAAA,MDpEY;KAAO,UAAA;KAAA,QAAA,CAAA,SAAA,SAAA;IAAA;IAAA;KAAA,MAAA;KAAA,MAAE;KAAkB,UAAA;KAAA,QAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;KAAA;KAAA,SAAA,CAAA,cAAA,YAAA;KAAA,UAAA,CAAA,YAAA;IAAA;IAAA;KAAA,MAAA;KAAA,MAAE;KAAgB,UAAA;KAAA,QAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;KAAA;IAAA;IAAA;KAAA,MAAA;KAAA,MAAE;KAAU,UAAA;KAAA,QAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;KAAA;KAAA,UAAA,CAAA,YAAA;IAAA;IAAA;KAAA,MAAA;KAAA,MAAE;KAAe,MAAA;IAAA;IAAA;KAAA,MAAA;KAAA,MAAE;KAAe,MAAA;IAAA;IAAA;KAAA,MAAA;KAAA,MAAE;KAAS,MAAA;IAAA;GAAA;GAAA,iBAAA,GAAA,wBAAA;EAAA,CAAA;CAAA;;AAErG,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAoB,YAAA,CAAA;EAPhC,MAAA;EACW,MAAA,CAAA;GAAA,UAAA;GAAiB,iBACV,wBAAwB;GAAM,SAGtC;IAAC;IAAS;IAAoB;IAAkB;IAAY;IAAiB;IAAiB;GAAS;GAAC,UAAA;GAAA,QAAA,CAAA,21HAAA;EAAA,CAAA;;;E,SAQhH,MAAA,M;E,oBAOA,MAAA,M;E,aAOA,MAAA,M;E,cAOA,MAAA,M;E,YAOA,MAAA,M;E,qBASA,MAAA,M;;GAEA,MAAA;GAAU,MAAA,CAAA,kBAAkB;;;GAC5B,MAAA;GAAa,MAAA,CAAA,gBAAgB;;;GAC7B,MAAA;GAAa,MAAA,CAAA,gBAAgB;;;GAC7B,MAAA;GAAa,MAAA,CAAA,yBAAyB;;;GACtC,MAAA;GAAa,MAAA,CAAA,YAAY;;;;AEpE5B,MAAM,SAAS,GAAG,aAAa;AAe/B,IAAa,6BAAb,MAAa,2BAA0B;CAA1B;EAAA,KAAA,OAAA,GAAA,mBAAA;GAAA,YAAA;GAAA,SAAA;GAAA,UAAA;GAAA,MAAA;GAA0B,MAAA,CAAA;GAAA,QAAA,GAAA,gBAAA;EAAA,CAAA;CAAA;CAA1B;EAAA,KAAA,OAAA,GAAA,oBAAA;GAAA,YAAA;GAAA,SAAA;GAAA,UAAA;GAAA,MAAA;GAA0B,SAAA;IAVnC;IACA;IACA;IACA;IACA;IACA;IACA;IACA;GAAoB;GAAA,SAAA,CATZ,oBAAoB;EAAA,CAAA;CAAA;CAYnB;EAAA,KAAA,OAAA,GAAA,oBAAA;GAAA,YAAA;GAAA,SAAA;GAAA,UAAA;GAAA,MAAA;GAA0B,SAAA;IAPnC;IAEA;IACA;IACA;GAAoB;EAAA,CAAA;CAAA;;AAGX,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAA0B,YAAA,CAAA;EAbtC,MAAA;EAAS,MAAA,CAAA;GACR,SAAS,CAAC,oBAAoB;GAC9B,SAAS;IACP;IACA;IACA;IACA;IACA;IACA;IACA;IACA;GACD;EACF,CAAA"}

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

@@ -1,105 +1,194 @@
-import { NgClass, AsyncPipe } from '@angular/common';
-import * as i0 from '@angular/core';
-import { Input, Optional, Inject, ChangeDetectionStrategy, Component, NgModule } from '@angular/core';
-import { UiTranslatePipe } from '@testgorilla/tgo-ui/components/core';
-import * as i1 from '@testgorilla/tgo-ui/components/icon';
-import { IconComponentModule } from '@testgorilla/tgo-ui/components/icon';
-
-class SpinnerComponent {
-    constructor(defaultAppTheme) {
-        this.defaultAppTheme = defaultAppTheme;
-        /**
-         * The size variant of the spinner. Can be 'small' or 'large'.
-         * Defaults to 'large'.
-         * @default 'large'
-         * @type {SpinnerSize}
-         * @memberof SpinnerComponent
-         */
-        this.size = 'large';
-        /**
-         * Set position fixed on page
-         * Defaults to 'true'.
-         * @default 'true'
-         * @type {SpinnerSize}
-         * @memberof SpinnerComponent
-         */
-        this.isLoader = true;
-        /**
-         * The text to display below the spinner.
-         * @type {string}
-         * @memberof SpinnerComponent
-         */
-        this.text = null;
-        /**
-         *
-         * Defines the application theme
-         *
-         * @type {ApplicationTheme}
-         * @memberof SpinnerComponent
-         */
-        this.applicationTheme = 'light';
-        /**
-         * Custom Icon size
-         *
-         * @type {IconSize}
-         * @memberof SpinnerComponent
-         */
-        this.iconSize = '24';
-        if (defaultAppTheme) {
-            this.applicationTheme = defaultAppTheme;
-        }
-    }
-    ngOnChanges() {
-        this.setSpinnerClasses();
-    }
-    ngOnInit() {
-        this.setSpinnerClasses();
-    }
-    setSpinnerClasses() {
-        this.classes = `${this.size === 'large' ? 'large' : 'small'} ${this.isLoader ? 'loader' : ''} ${this.text ? 'with-text' : ''} ${this.applicationTheme}`;
-        this.classes = this.classes.replace(/\s+/g, ' ');
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: SpinnerComponent, deps: [{ token: 'CANOPYUI_DEFAULT_APPLICATION_THEME', optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.25", type: SpinnerComponent, isStandalone: true, selector: "ui-spinner", inputs: { size: "size", isLoader: "isLoader", text: "text", applicationTheme: "applicationTheme", iconName: "iconName", iconSize: "iconSize" }, usesOnChanges: true, ngImport: i0, template: "<div\n  class=\"spinner-container\"\n  [ngClass]=\"classes\"\n  [attr.theme]=\"applicationTheme\"\n  [attr.aria-label]=\"'COMMON.LOADING' | uiTranslate | async\"\n  role=\"alert\"\n>\n  @if (!iconName) {\n    <svg class=\"spinner\" viewBox=\"0 0 50 50\">\n      <circle class=\"path\" cx=\"25\" cy=\"25\" r=\"20\" fill=\"none\"></circle>\n    </svg>\n  } @else {\n    <ui-icon [name]=\"iconName\" [size]=\"iconSize\"></ui-icon>\n  }\n\n  @if (text) {\n    <h3 class=\"spinner-text\">{{ text }}</h3>\n  }\n</div>\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}.spinner-container.large{width:48px;height:48px;stroke-width:8px}.spinner-container.large .spinner{width:48px;height:48px}.spinner-container.small{stroke-width:4px;width:16px;height:16px}.spinner-container.small .spinner{width:16px;height:16px}.spinner-container.with-text{display:flex;flex-direction:column;align-items:center;justify-content:center;width:unset;height:unset}.spinner-container .spinner{animation:rotate 2s linear infinite;width:48px;height:48px}.spinner-container .spinner .path{stroke:#d410aa;stroke-linecap:round;animation:dash 1.5s ease-in-out infinite}.spinner-container .spinner-text{margin-top:24px;max-width:330px;overflow-wrap:normal;text-align:center;font-size:16px;line-height:24px;font-weight:400;color:#242424;overflow:hidden;max-height:72px}.spinner-container.classic .spinner .path{stroke:#276678}.spinner-container.loader{position:fixed;top:50%;left:50%;z-index:999;transform:translate(-50%,-50%)}.spinner-container[theme=dark] .path{stroke:#fff!important}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}to{stroke-dasharray:90,150;stroke-dashoffset:-124}}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: IconComponentModule }, { kind: "component", type: i1.IconComponent, selector: "ui-icon", inputs: ["size", "cssClass", "name", "color", "filled", "toggleIconStyle", "applicationTheme", "useFullIconName"] }, { kind: "pipe", type: UiTranslatePipe, name: "uiTranslate" }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: SpinnerComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'ui-spinner', changeDetection: ChangeDetectionStrategy.OnPush, imports: [NgClass, IconComponentModule, UiTranslatePipe, AsyncPipe], template: "<div\n  class=\"spinner-container\"\n  [ngClass]=\"classes\"\n  [attr.theme]=\"applicationTheme\"\n  [attr.aria-label]=\"'COMMON.LOADING' | uiTranslate | async\"\n  role=\"alert\"\n>\n  @if (!iconName) {\n    <svg class=\"spinner\" viewBox=\"0 0 50 50\">\n      <circle class=\"path\" cx=\"25\" cy=\"25\" r=\"20\" fill=\"none\"></circle>\n    </svg>\n  } @else {\n    <ui-icon [name]=\"iconName\" [size]=\"iconSize\"></ui-icon>\n  }\n\n  @if (text) {\n    <h3 class=\"spinner-text\">{{ text }}</h3>\n  }\n</div>\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}.spinner-container.large{width:48px;height:48px;stroke-width:8px}.spinner-container.large .spinner{width:48px;height:48px}.spinner-container.small{stroke-width:4px;width:16px;height:16px}.spinner-container.small .spinner{width:16px;height:16px}.spinner-container.with-text{display:flex;flex-direction:column;align-items:center;justify-content:center;width:unset;height:unset}.spinner-container .spinner{animation:rotate 2s linear infinite;width:48px;height:48px}.spinner-container .spinner .path{stroke:#d410aa;stroke-linecap:round;animation:dash 1.5s ease-in-out infinite}.spinner-container .spinner-text{margin-top:24px;max-width:330px;overflow-wrap:normal;text-align:center;font-size:16px;line-height:24px;font-weight:400;color:#242424;overflow:hidden;max-height:72px}.spinner-container.classic .spinner .path{stroke:#276678}.spinner-container.loader{position:fixed;top:50%;left:50%;z-index:999;transform:translate(-50%,-50%)}.spinner-container[theme=dark] .path{stroke:#fff!important}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}to{stroke-dasharray:90,150;stroke-dashoffset:-124}}\n"] }]
-        }], ctorParameters: () => [{ type: undefined, decorators: [{
-                    type: Optional
-                }, {
-                    type: Inject,
-                    args: ['CANOPYUI_DEFAULT_APPLICATION_THEME']
-                }] }], propDecorators: { size: [{
-                type: Input
-            }], isLoader: [{
-                type: Input
-            }], text: [{
-                type: Input
-            }], applicationTheme: [{
-                type: Input
-            }], iconName: [{
-                type: Input
-            }], iconSize: [{
-                type: Input
-            }] } });
-
-class SpinnerComponentModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: SpinnerComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.25", ngImport: i0, type: SpinnerComponentModule, imports: [NgClass, UiTranslatePipe, AsyncPipe, IconComponentModule, SpinnerComponent], exports: [SpinnerComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: SpinnerComponentModule, imports: [IconComponentModule, SpinnerComponent] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: SpinnerComponentModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    exports: [SpinnerComponent],
-                    imports: [NgClass, UiTranslatePipe, AsyncPipe, IconComponentModule, SpinnerComponent],
-                }]
-        }] });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
+import { AsyncPipe, NgClass } from "@angular/common";
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, Inject, Input, NgModule, Optional } from "@angular/core";
+import { UiTranslatePipe } from "@testgorilla/tgo-ui/components/core";
+import * as i1 from "@testgorilla/tgo-ui/components/icon";
+import { IconComponentModule } from "@testgorilla/tgo-ui/components/icon";
+var SpinnerComponent = class SpinnerComponent {
+	constructor(defaultAppTheme) {
+		this.defaultAppTheme = defaultAppTheme;
+		this.size = "large";
+		this.isLoader = true;
+		this.text = null;
+		this.applicationTheme = "light";
+		this.iconSize = "24";
+		if (defaultAppTheme) this.applicationTheme = defaultAppTheme;
+	}
+	ngOnChanges() {
+		this.setSpinnerClasses();
+	}
+	ngOnInit() {
+		this.setSpinnerClasses();
+	}
+	setSpinnerClasses() {
+		this.classes = `${this.size === "large" ? "large" : "small"} ${this.isLoader ? "loader" : ""} ${this.text ? "with-text" : ""} ${this.applicationTheme}`;
+		this.classes = this.classes.replace(/\s+/g, " ");
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.4",
+			ngImport: i0,
+			type: SpinnerComponent,
+			deps: [{
+				token: "CANOPYUI_DEFAULT_APPLICATION_THEME",
+				optional: true
+			}],
+			target: i0.ɵɵFactoryTarget.Component
+		});
+	}
+	static {
+		this.ɵcmp = i0.ɵɵngDeclareComponent({
+			minVersion: "17.0.0",
+			version: "22.2.4",
+			type: SpinnerComponent,
+			isStandalone: true,
+			selector: "ui-spinner",
+			inputs: {
+				size: "size",
+				isLoader: "isLoader",
+				text: "text",
+				applicationTheme: "applicationTheme",
+				iconName: "iconName",
+				iconSize: "iconSize"
+			},
+			usesOnChanges: true,
+			ngImport: i0,
+			template: "<div\n  class=\"spinner-container\"\n  [ngClass]=\"classes\"\n  [attr.theme]=\"applicationTheme\"\n  [attr.aria-label]=\"'COMMON.LOADING' | uiTranslate | async\"\n  role=\"alert\"\n>\n  @if (!iconName) {\n    <svg class=\"spinner\" viewBox=\"0 0 50 50\">\n      <circle class=\"path\" cx=\"25\" cy=\"25\" r=\"20\" fill=\"none\"></circle>\n    </svg>\n  } @else {\n    <ui-icon [name]=\"iconName\" [size]=\"iconSize\"></ui-icon>\n  }\n\n  @if (text) {\n    <h3 class=\"spinner-text\">{{ text }}</h3>\n  }\n</div>\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}.spinner-container.large{width:48px;height:48px;stroke-width:8px}.spinner-container.large .spinner{width:48px;height:48px}.spinner-container.small{stroke-width:4px;width:16px;height:16px}.spinner-container.small .spinner{width:16px;height:16px}.spinner-container.with-text{display:flex;flex-direction:column;align-items:center;justify-content:center;width:unset;height:unset}.spinner-container .spinner{animation:rotate 2s linear infinite;width:48px;height:48px}.spinner-container .spinner .path{stroke:#d410aa;stroke-linecap:round;animation:dash 1.5s ease-in-out infinite}.spinner-container .spinner-text{margin-top:24px;max-width:330px;overflow-wrap:normal;text-align:center;font-size:16px;line-height:24px;font-weight:400;color:#242424;overflow:hidden;max-height:72px}.spinner-container.classic .spinner .path{stroke:#276678}.spinner-container.loader{position:fixed;top:50%;left:50%;z-index:999;transform:translate(-50%,-50%)}.spinner-container[theme=dark] .path{stroke:#fff!important}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}to{stroke-dasharray:90,150;stroke-dashoffset:-124}}\n"],
+			dependencies: [
+				{
+					kind: "directive",
+					type: NgClass,
+					selector: "[ngClass]",
+					inputs: ["class", "ngClass"]
+				},
+				{
+					kind: "ngmodule",
+					type: IconComponentModule
+				},
+				{
+					kind: "component",
+					type: i1.IconComponent,
+					selector: "ui-icon",
+					inputs: [
+						"size",
+						"cssClass",
+						"name",
+						"color",
+						"filled",
+						"toggleIconStyle",
+						"applicationTheme",
+						"useFullIconName"
+					]
+				},
+				{
+					kind: "pipe",
+					type: UiTranslatePipe,
+					name: "uiTranslate"
+				},
+				{
+					kind: "pipe",
+					type: AsyncPipe,
+					name: "async"
+				}
+			],
+			changeDetection: i0.ChangeDetectionStrategy.OnPush
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.4",
+	ngImport: i0,
+	type: SpinnerComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "ui-spinner",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			imports: [
+				NgClass,
+				IconComponentModule,
+				UiTranslatePipe,
+				AsyncPipe
+			],
+			template: "<div\n  class=\"spinner-container\"\n  [ngClass]=\"classes\"\n  [attr.theme]=\"applicationTheme\"\n  [attr.aria-label]=\"'COMMON.LOADING' | uiTranslate | async\"\n  role=\"alert\"\n>\n  @if (!iconName) {\n    <svg class=\"spinner\" viewBox=\"0 0 50 50\">\n      <circle class=\"path\" cx=\"25\" cy=\"25\" r=\"20\" fill=\"none\"></circle>\n    </svg>\n  } @else {\n    <ui-icon [name]=\"iconName\" [size]=\"iconSize\"></ui-icon>\n  }\n\n  @if (text) {\n    <h3 class=\"spinner-text\">{{ text }}</h3>\n  }\n</div>\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}.spinner-container.large{width:48px;height:48px;stroke-width:8px}.spinner-container.large .spinner{width:48px;height:48px}.spinner-container.small{stroke-width:4px;width:16px;height:16px}.spinner-container.small .spinner{width:16px;height:16px}.spinner-container.with-text{display:flex;flex-direction:column;align-items:center;justify-content:center;width:unset;height:unset}.spinner-container .spinner{animation:rotate 2s linear infinite;width:48px;height:48px}.spinner-container .spinner .path{stroke:#d410aa;stroke-linecap:round;animation:dash 1.5s ease-in-out infinite}.spinner-container .spinner-text{margin-top:24px;max-width:330px;overflow-wrap:normal;text-align:center;font-size:16px;line-height:24px;font-weight:400;color:#242424;overflow:hidden;max-height:72px}.spinner-container.classic .spinner .path{stroke:#276678}.spinner-container.loader{position:fixed;top:50%;left:50%;z-index:999;transform:translate(-50%,-50%)}.spinner-container[theme=dark] .path{stroke:#fff!important}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}to{stroke-dasharray:90,150;stroke-dashoffset:-124}}\n"]
+		}]
+	}],
+	ctorParameters: () => [{
+		type: void 0,
+		decorators: [{ type: Optional }, {
+			type: Inject,
+			args: ["CANOPYUI_DEFAULT_APPLICATION_THEME"]
+		}]
+	}],
+	propDecorators: {
+		size: [{ type: Input }],
+		isLoader: [{ type: Input }],
+		text: [{ type: Input }],
+		applicationTheme: [{ type: Input }],
+		iconName: [{ type: Input }],
+		iconSize: [{ type: Input }]
+	}
+});
+var SpinnerComponentModule = class SpinnerComponentModule {
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.4",
+			ngImport: i0,
+			type: SpinnerComponentModule,
+			deps: [],
+			target: i0.ɵɵFactoryTarget.NgModule
+		});
+	}
+	static {
+		this.ɵmod = i0.ɵɵngDeclareNgModule({
+			minVersion: "14.0.0",
+			version: "22.2.4",
+			ngImport: i0,
+			type: SpinnerComponentModule,
+			imports: [
+				NgClass,
+				UiTranslatePipe,
+				AsyncPipe,
+				IconComponentModule,
+				SpinnerComponent
+			],
+			exports: [SpinnerComponent]
+		});
+	}
+	static {
+		this.ɵinj = i0.ɵɵngDeclareInjector({
+			minVersion: "12.0.0",
+			version: "22.2.4",
+			ngImport: i0,
+			type: SpinnerComponentModule,
+			imports: [IconComponentModule, SpinnerComponent]
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.4",
+	ngImport: i0,
+	type: SpinnerComponentModule,
+	decorators: [{
+		type: NgModule,
+		args: [{
+			exports: [SpinnerComponent],
+			imports: [
+				NgClass,
+				UiTranslatePipe,
+				AsyncPipe,
+				IconComponentModule,
+				SpinnerComponent
+			]
+		}]
+	}]
+});
 export { SpinnerComponent, SpinnerComponentModule };
-//# sourceMappingURL=testgorilla-tgo-ui-components-spinner.mjs.map
+
+//# sourceMappingURL=testgorilla-tgo-ui-components-spinner.mjs.map

package/fesm2022/testgorilla-tgo-ui-components-spinner.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"testgorilla-tgo-ui-components-spinner.mjs","sources":["../../../components/spinner/spinner.component.ts","../../../components/spinner/spinner.component.html","../../../components/spinner/spinner.module.ts","../../../components/spinner/testgorilla-tgo-ui-components-spinner.ts"],"sourcesContent":["import { NgClass, AsyncPipe } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, Inject, Input, OnChanges, OnInit, Optional } from '@angular/core';\n\nimport { ApplicationTheme, UiTranslatePipe } from '@testgorilla/tgo-ui/components/core';\nimport { IconName, IconSize, IconComponentModule } from '@testgorilla/tgo-ui/components/icon';\n\nimport { SpinnerSize } from './spinner.model';\n\n@Component({\n  selector: 'ui-spinner',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  templateUrl: './spinner.component.html',\n  styleUrls: ['./spinner.component.scss'],\n  imports: [NgClass, IconComponentModule, UiTranslatePipe, AsyncPipe],\n})\nexport class SpinnerComponent implements OnInit, OnChanges {\n  /**\n   * The size variant of the spinner. Can be 'small' or 'large'.\n   * Defaults to 'large'.\n   * @default 'large'\n   * @type {SpinnerSize}\n   * @memberof SpinnerComponent\n   */\n  @Input() size: SpinnerSize = 'large';\n\n  /**\n   * Set position fixed on page\n   * Defaults to 'true'.\n   * @default 'true'\n   * @type {SpinnerSize}\n   * @memberof SpinnerComponent\n   */\n  @Input() isLoader = true;\n\n  /**\n   * The text to display below the spinner.\n   * @type {string}\n   * @memberof SpinnerComponent\n   */\n  @Input() text: string | null = null;\n\n  /**\n   *\n   * Defines the application theme\n   *\n   * @type {ApplicationTheme}\n   * @memberof SpinnerComponent\n   */\n  @Input() applicationTheme: ApplicationTheme = 'light';\n\n  /**\n   * Custom Icon name\n   *\n   * @type {IconName}\n   * @memberof SpinnerComponent\n   */\n  @Input() iconName: IconName;\n\n  /**\n   * Custom Icon size\n   *\n   * @type {IconSize}\n   * @memberof SpinnerComponent\n   */\n  @Input() iconSize: IconSize = '24';\n\n  classes: string;\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  ngOnChanges(): void {\n    this.setSpinnerClasses();\n  }\n\n  ngOnInit(): void {\n    this.setSpinnerClasses();\n  }\n\n  setSpinnerClasses(): void {\n    this.classes = `${this.size === 'large' ? 'large' : 'small'} ${this.isLoader ? 'loader' : ''} ${\n      this.text ? 'with-text' : ''\n    } ${this.applicationTheme}`;\n\n    this.classes = this.classes.replace(/\\s+/g, ' ');\n  }\n}\n","<div\n  class=\"spinner-container\"\n  [ngClass]=\"classes\"\n  [attr.theme]=\"applicationTheme\"\n  [attr.aria-label]=\"'COMMON.LOADING' | uiTranslate | async\"\n  role=\"alert\"\n>\n  @if (!iconName) {\n    <svg class=\"spinner\" viewBox=\"0 0 50 50\">\n      <circle class=\"path\" cx=\"25\" cy=\"25\" r=\"20\" fill=\"none\"></circle>\n    </svg>\n  } @else {\n    <ui-icon [name]=\"iconName\" [size]=\"iconSize\"></ui-icon>\n  }\n\n  @if (text) {\n    <h3 class=\"spinner-text\">{{ text }}</h3>\n  }\n</div>\n","import { AsyncPipe, NgClass } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport { UiTranslatePipe } from '@testgorilla/tgo-ui/components/core';\nimport { IconComponentModule } from '@testgorilla/tgo-ui/components/icon';\n\nimport { SpinnerComponent } from './spinner.component';\n\n@NgModule({\n  exports: [SpinnerComponent],\n  imports: [NgClass, UiTranslatePipe, AsyncPipe, IconComponentModule, SpinnerComponent],\n})\nexport class SpinnerComponentModule {}\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-spinner.mjs","names":[],"sources":["../../../components/spinner/spinner.component.ts","../../../components/spinner/spinner.component.html","../../../components/spinner/spinner.module.ts"],"sourcesContent":["import { NgClass, AsyncPipe } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, Inject, Input, OnChanges, OnInit, Optional } from '@angular/core';\n\nimport { ApplicationTheme, UiTranslatePipe } from '@testgorilla/tgo-ui/components/core';\nimport { IconName, IconSize, IconComponentModule } from '@testgorilla/tgo-ui/components/icon';\n\nimport { SpinnerSize } from './spinner.model';\n\n@Component({\n  selector: 'ui-spinner',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  templateUrl: './spinner.component.html',\n  styleUrls: ['./spinner.component.scss'],\n  imports: [NgClass, IconComponentModule, UiTranslatePipe, AsyncPipe],\n})\nexport class SpinnerComponent implements OnInit, OnChanges {\n  /**\n   * The size variant of the spinner. Can be 'small' or 'large'.\n   * Defaults to 'large'.\n   * @default 'large'\n   * @type {SpinnerSize}\n   * @memberof SpinnerComponent\n   */\n  @Input() size: SpinnerSize = 'large';\n\n  /**\n   * Set position fixed on page\n   * Defaults to 'true'.\n   * @default 'true'\n   * @type {SpinnerSize}\n   * @memberof SpinnerComponent\n   */\n  @Input() isLoader = true;\n\n  /**\n   * The text to display below the spinner.\n   * @type {string}\n   * @memberof SpinnerComponent\n   */\n  @Input() text: string | null = null;\n\n  /**\n   *\n   * Defines the application theme\n   *\n   * @type {ApplicationTheme}\n   * @memberof SpinnerComponent\n   */\n  @Input() applicationTheme: ApplicationTheme = 'light';\n\n  /**\n   * Custom Icon name\n   *\n   * @type {IconName}\n   * @memberof SpinnerComponent\n   */\n  @Input() iconName: IconName;\n\n  /**\n   * Custom Icon size\n   *\n   * @type {IconSize}\n   * @memberof SpinnerComponent\n   */\n  @Input() iconSize: IconSize = '24';\n\n  classes: string;\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  ngOnChanges(): void {\n    this.setSpinnerClasses();\n  }\n\n  ngOnInit(): void {\n    this.setSpinnerClasses();\n  }\n\n  setSpinnerClasses(): void {\n    this.classes = `${this.size === 'large' ? 'large' : 'small'} ${this.isLoader ? 'loader' : ''} ${\n      this.text ? 'with-text' : ''\n    } ${this.applicationTheme}`;\n\n    this.classes = this.classes.replace(/\\s+/g, ' ');\n  }\n}\n","<div\n  class=\"spinner-container\"\n  [ngClass]=\"classes\"\n  [attr.theme]=\"applicationTheme\"\n  [attr.aria-label]=\"'COMMON.LOADING' | uiTranslate | async\"\n  role=\"alert\"\n>\n  @if (!iconName) {\n    <svg class=\"spinner\" viewBox=\"0 0 50 50\">\n      <circle class=\"path\" cx=\"25\" cy=\"25\" r=\"20\" fill=\"none\"></circle>\n    </svg>\n  } @else {\n    <ui-icon [name]=\"iconName\" [size]=\"iconSize\"></ui-icon>\n  }\n\n  @if (text) {\n    <h3 class=\"spinner-text\">{{ text }}</h3>\n  }\n</div>\n","import { AsyncPipe, NgClass } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport { UiTranslatePipe } from '@testgorilla/tgo-ui/components/core';\nimport { IconComponentModule } from '@testgorilla/tgo-ui/components/icon';\n\nimport { SpinnerComponent } from './spinner.component';\n\n@NgModule({\n  exports: [SpinnerComponent],\n  imports: [NgClass, UiTranslatePipe, AsyncPipe, IconComponentModule, SpinnerComponent],\n})\nexport class SpinnerComponentModule {}\n"],"mappings":"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"}