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
23 2x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
  <ul>
  @for (option of group.options; track option.value) {
    <li [ngClass]="{ selected: option.active }">
      <a
        tabindex="0"
        [title]="option.label"
        (click)="optionChange(group.id, option.value)"
        (keydown.enter)="optionChange(group.id, option.value)"
      >
        @if (group.attributeType === 'colorCode') {
          <span
            [ngClass]="{ 'light-color': option.label.toLowerCase() === 'white' }"
            [ngStyle]="{ 'background-color': '#' + option.metaData }"
          ></span>
        }
        @if (group.attributeType === 'swatchImage') {
          <img alt="{{ option.label }}" [src]="option.metaData" />
        }
      </a>
    </li>
  }
</ul>