<ul id="ember-power-select-multiple-options-{{select.uniqueId}}" class="ember-power-select-multiple-options">
  {{#each select.selected as |opt idx|}}
    <li class="ember-power-select-multiple-option {{if opt.disabled "ember-power-select-multiple-option--disabled"}}">
      {{#unless select.disabled }}
        <span role="button"
          aria-label="remove element"
          class="ember-power-select-multiple-remove-btn"
          data-selected-index={{idx}}>
          &times;
        </span>
      {{/unless}}
      {{#if selectedItemComponent}}
        {{component selectedItemComponent extra=(readonly extra) option=(readonly opt) select=(readonly select)}}
      {{else}}
        {{yield opt select}}
      {{/if}}
    </li>
  {{else}}
    {{#if (and placeholder (not searchEnabled))}}
      <span class="ember-power-select-placeholder">{{placeholder}}</span>
    {{/if}}
  {{/each}}
  {{#if searchEnabled}}
    <input type="search" class="ember-power-select-trigger-multiple-input"
      autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false"
      id="ember-power-select-trigger-multiple-input-{{select.uniqueId}}"
      value={{select.searchText}}
      aria-controls={{listboxId}}
      style={{triggerMultipleInputStyle}}
      placeholder={{maybePlaceholder}}
      disabled={{select.disabled}}
      oninput={{action "onInput"}}
      onfocus={{onFocus}}
      onblur={{onBlur}}
      tabindex={{tabindex}}
      onkeydown={{action "onKeydown"}}>
  {{/if}}
</ul>
<span class="ember-power-select-status-icon"></span>
