pass through `data-*` attributes

[GliderGeek]

currently the components do not allow for extra data-* attributes since they are not defined as explicit attributes. the package itself does use and create data-roos-* attributes.

Adding these attributes can be helpful to identify the element in javascript. More info on mdn: https://developer.mozilla.org/en-US/docs/Web/HTML/How_to/Use_data_attributes

In wies we have used it here to create a date range from two separate date inputs.

proposed fix

allow for all data-* attributes and pass them down to the rendered elements. do not allow for data-roos-* attributes to reserve a namespace we can use internally

open questions

• how do we treat data-* attributes for combined elements like c-menu?

[GliderGeek]

found an instance of data-utrecht-* in the codebase: https://github.com/RijksICTGilde/jinja-roos-components/blob/main/src/jinja_roos_components/templates/components/button.html.j2#L63

[GliderGeek]

when discussing we concluded that the current data attributes that are generated are not of value, so they can probably be removed. however it might still be good to keep a namespace reserved. maybe data-jrc-*?

[GliderGeek]

@uittenbroekrobbert : shall i remove the data-* attributes currently generated by the library and at the same time block usage of data-jrc* to reserve a namespace for ourselves if we ever need it in the future? i believe it can be helpful when we create high level blocks with javascript that needs to identify elements