2020-01-15 16:53:51 +03:00
|
|
|
<GhTokenInput::SelectMultiple
|
|
|
|
class={{concat "gh-token-input " @class}}
|
|
|
|
@triggerRole={{@triggerRole}}
|
|
|
|
@ariaDescribedBy={{@ariaDescribedBy}}
|
|
|
|
@ariaInvalid={{@ariaInvalid}}
|
|
|
|
@ariaLabel={{@ariaLabel}}
|
|
|
|
@ariaLabelledBy={{@ariaLabelledBy}}
|
|
|
|
@afterOptionsComponent={{@afterOptionsComponent}}
|
|
|
|
@allowClear={{@allowClear}}
|
|
|
|
@beforeOptionsComponent={{@beforeOptionsComponent}}
|
|
|
|
@buildSelection={{@buildSelection}}
|
|
|
|
@calculatePosition={{@calculatePosition}}
|
2021-07-12 16:03:37 +03:00
|
|
|
@closeOnSelect={{or @closeOnSelect false}}
|
2020-01-15 16:53:51 +03:00
|
|
|
@defaultHighlighted={{this.defaultHighlighted}}
|
|
|
|
@destination={{@destination}}
|
|
|
|
@disabled={{@disabled}}
|
|
|
|
@dropdownClass={{@dropdownClass}}
|
|
|
|
@extra={{@extra}}
|
2021-04-26 10:17:50 +03:00
|
|
|
@groupComponent={{or @groupComponent "power-select/power-select-group"}}
|
2020-01-15 16:53:51 +03:00
|
|
|
@horizontalPosition={{@horizontalPosition}}
|
|
|
|
@initiallyOpened={{@initiallyOpened}}
|
|
|
|
@loadingMessage={{@loadingMessage}}
|
|
|
|
@matcher={{this.matcher}}
|
|
|
|
@matchTriggerWidth={{@matchTriggerWidth}}
|
|
|
|
@noMatchesMessage={{@noMatchesMessage}}
|
|
|
|
@onBlur={{this.handleBlur}}
|
|
|
|
@onChange={{this.selectOrCreate}}
|
|
|
|
@onClose={{@onClose}}
|
|
|
|
@onFocus={{this.handleFocus}}
|
|
|
|
@onInput={{@onInput}}
|
|
|
|
@onKeydown={{this.handleKeydown}}
|
|
|
|
@onOpen={{@onOpen}}
|
|
|
|
@options={{this.optionsWithoutSelected}}
|
2022-09-24 18:00:05 +03:00
|
|
|
@optionsComponent={{or @optionsComponent (component "power-select-vertical-collection-options")}}
|
2020-01-15 16:53:51 +03:00
|
|
|
@placeholder={{@placeholder}}
|
|
|
|
@placeholderComponent={{@placeholderComponent}}
|
|
|
|
@preventScroll={{@preventScroll}}
|
|
|
|
@registerAPI={{@registerAPI}}
|
|
|
|
@renderInPlace={{@renderInPlace}}
|
|
|
|
@required={{@required}}
|
|
|
|
@scrollTo={{@scrollTo}}
|
|
|
|
@search={{this.searchAndSuggest}}
|
|
|
|
@searchEnabled={{true}}
|
|
|
|
@searchField={{this.searchField}}
|
|
|
|
@searchMessage={{@searchMessage}}
|
|
|
|
@searchPlaceholder={{@searchPlaceholder}}
|
|
|
|
@selected={{@selected}}
|
|
|
|
@selectedItemComponent={{@selectedItemComponent}}
|
|
|
|
@eventType={{@eventType}}
|
|
|
|
@title={{@title}}
|
|
|
|
@triggerClass={{@triggerClass}}
|
2021-07-12 16:03:37 +03:00
|
|
|
@triggerComponent={{or @triggerComponent "gh-token-input/trigger"}}
|
2020-01-15 16:53:51 +03:00
|
|
|
@triggerId={{@triggerId}}
|
|
|
|
@verticalPosition={{@verticalPosition}}
|
|
|
|
@tabindex={{@tabindex}}
|
|
|
|
data-test-token-input="true"
|
|
|
|
as |option|
|
|
|
|
>
|
2017-10-31 12:10:49 +03:00
|
|
|
{{#if option.__isSuggestion__}}
|
2020-01-15 16:53:51 +03:00
|
|
|
<GhTokenInput::SuggestedOption @option={{option}} />
|
2017-10-31 12:10:49 +03:00
|
|
|
{{else}}
|
2021-04-26 10:17:50 +03:00
|
|
|
{{#if (has-block)}}
|
|
|
|
{{yield option}}
|
|
|
|
{{else}}
|
2021-07-12 16:03:37 +03:00
|
|
|
{{get option (or @labelField "name")}}
|
2021-04-26 10:17:50 +03:00
|
|
|
{{/if}}
|
2017-10-31 12:10:49 +03:00
|
|
|
{{/if}}
|
2020-01-15 16:53:51 +03:00
|
|
|
</GhTokenInput::SelectMultiple>
|