@if (selectors().length > 0) {
  <div class="variant-selector" [class.variant-selector--compact]="compact()">
    @for (selector of selectors(); track selector.key) {
      <select
        class="form-select variant-selector__select"
        [attr.aria-label]="selector.label"
        [disabled]="disabled() || (!autoSelectFirst() && selector.options.length === 0)"
        [compareWith]="compareValues"
        [ngModel]="selectedValues()[selector.key] ?? null"
        (ngModelChange)="onValueChange(selector.key, $event)"
      >
        @if (!autoSelectFirst()) {
          <option [ngValue]="null" disabled>Seleccioná {{ selector.label }}</option>
        }
        @for (option of selector.options; track option.key) {
          <option [ngValue]="option.value">{{ option.label }}</option>
        }
      </select>
    }
  </div>
}
