{{wizard-mapper-connector
  connector=input.type
  connectors=inputTypes
  inputTypes=true}}

{{#if hasPairs}}
  <div class="mapper-pairs mapper-block">
    {{#each input.pairs as |pair|}}
      {{wizard-mapper-pair
        pair=pair
        last=pair.last
        inputType=inputType
        options=options
        removePair=(action 'removePair')}}
    {{/each}}
    
    {{#if hasOutput}}
      <a {{action 'addPair'}} class="add-pair">
        {{d-icon 'plus'}}
      </a>
    {{/if}}
  </div>
{{/if}}

{{#if hasOutput}}
  {{#if hasPairs}}
    {{wizard-mapper-connector
      connector=input.connector
      connectors=connectors}}
  {{/if}}

  <div class="output mapper-block">
    {{wizard-mapper-selector
      selectorType='output'
      inputType=input.type
      value=input.output
      activeType=input.output_type
      options=options}}
  </div>
{{/if}}

<a class="remove-input" {{action remove input}}>
  {{d-icon 'times'}}
</a>