discourse/app/assets/javascripts/select-kit/templates/components/multi-select/multi-select-header.hbs

<ul class="choices">
  {{#each computedContent.selectedComputedContents as |selectedComputedContent|}}
    {{component selectedNameComponent onDeselect=onDeselect content=selectedComputedContent}}
  {{/each}}
  <li class="filter choice" tabindex="-1">
    {{component "select-kit/select-kit-filter"
      onFilter=onFilter
      shouldDisplayFilter=shouldDisplayFilter
      isFocused=isFocused
      filter=filter
    }}
  </li>
</ul>
Introduces select-kit * renames `select-box-kit` into `select-kit` * introduces `single-select` and `multi-select` as base components * introduces {{search-advanced-category-chooser}} as a better component for selecting category in advanced search * improves events handling in select-kit * recreates color selection inputs using {{multi-select}} and a custom {{selected-color}} component * replaces category-selector by a component using select-kit and based on multi-select * improves positioning of wrapper * removes the need for offscreen, and instead use `select-kit-header` as a base focus point for all select-kit based components * introduces a formal plugin api for select-kit based components * introduces a formal pattern for loading and updating select-kit based components: ``` computeValue() computeContent() mutateValue() ``` 2017-11-21 05:53:09 -05:00			`<ul class="choices">`
			`{{#each computedContent.selectedComputedContents as \|selectedComputedContent\|}}`
			`{{component selectedNameComponent onDeselect=onDeselect content=selectedComputedContent}}`
			`{{/each}}`
			`<li class="filter choice" tabindex="-1">`
			`{{component "select-kit/select-kit-filter"`
			`onFilter=onFilter`
			`shouldDisplayFilter=shouldDisplayFilter`
			`isFocused=isFocused`
			`filter=filter`
			`}}`
			`</li>`
			`</ul>`