product-variation-select-swatch product-variation-select-swatch.component.html

100% Statements 1/1

100% Branches 0/0

100% Functions 0/0

100% Lines 1/1

Press n or j to go to the next uncovered block, b, p or k for the previous block.


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22 2x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
  <ul>
  @for (option of group.options; track option.value) {
  <li [ngClass]="{ selected: option.active }">
    <a
      (click)="optionChange(group.id, option.value)"
      (keydown.enter)="optionChange(group.id, option.value)"
      [title]="option.label"
      tabindex="0"
    >
      @if (group.attributeType === 'colorCode') {
      <span
        [ngStyle]="{ 'background-color': '#' + option.metaData }"
        [ngClass]="{ 'light-color': option.label.toLowerCase() === 'white' }"
      ></span>
      } @if (group.attributeType === 'swatchImage') {
      <img [src]="option.metaData" alt="{{ option.label }}" />
      }
    </a>
  </li>
  }
</ul>