elements
elements copied to clipboard
ino-selection: Implement component
Now that the design of our selection component is done #984, we can continue our work on #985 and fully implement the component.
Acceptance criteria:
- [x] A proper name for the component is chosen (e.g.
ino-selection) - [x] The component ...
- [x] accepts a list of strings or key-value/label pairs (similar to the
ino-autocomplete) - [x] returns a list of selected string or key-value pairs (similar to the
ino-autocomplete) - [x] marks characters of entries that match the search string (similar to the
ino-autocomplete) - [x] supports adding new entries to the list
- [x] can be used with Angular forms (add a
ControlValueAccessor) - [x] is controlled
- [x] is properly tested
- [x] can be used via keyboard
- [x] provides the option to adjust the debounce of the search (similar to the
ino-autocomplete) - [x] provides the option to adjust the add item message (similar to the
ino-autocomplete) - [x] provides the option to stay open after selection
- [x] provides the option to hide the create functionality
- [x] accepts a list of strings or key-value/label pairs (similar to the
- [x] Ensure that things like accents are properly handled (e.g.: searching for Jan should also yield Jàn). Have a look at the native localeCompare string method and the sensibility option (also get in touch with me as I've implemented this case just recently)