Add OcFilterChip and ItemFilter components

[JammingBen]

Description

Two components for filtering data have been added:

• OcFilterChip - This component lies in the ODS and holds the basic design of the filter chip.
• ItemFilter - This component lies in web-pkg and holds the basic implementation of the filter. It fills the dropdown of OcFilterChip with content and can be fed with items, which then can be selected and filtered. The component also supports multi-selection and persists the current selection as route query.

Related Issue

• Fixes [Web, Design system] filter chip component #8354

Screenshots (if appropriate):

Types of changes

• Bug fix (non-breaking change which fixes an issue)
• New feature (non-breaking change which adds functionality)
• Breaking change (fix or feature that would cause existing functionality to change)
• Technical debt
• Tests

[JammingBen]

@kulmann The current implementation turned out to be very generic already.

We have OcFilterChip in the ODS, which holds the overall chip design and provides a slot for the dropdown content as well as an event for clearing the filter.

Then there's ItemFilter in web-pkg, which basically fills in the dropdown slot of OcFilterChip. This works with any kind of items as long as they have an ID and a name.

UsersList.vue currently holds an example on how to use it. That would be the entry point for the second story.

[tbsbdr]

that was fast 😳 and is already fun to click it

[kulmann]

🥳

[sonarcloud]

SonarCloud Quality Gate failed.   

1 Bug
0 Vulnerabilities
0 Security Hotspots
0 Code Smells

60.2% Coverage
0.0% Duplication