elements icon indicating copy to clipboard operation
elements copied to clipboard

ino-selection: Implement component

Open janivo opened this issue 2 years ago • 0 comments

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] 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)

janivo avatar Jul 06 '23 10:07 janivo