Support multiple fragment selectors in data-swup-link-to-fragment attribute

[ovenum]

Description
Adds support for multiple comma-separated fragment selectors in the data-swup-link-to-fragment attribute. Previously, only a single selector was supported. Now users can specify multiple selectors where the first matching element will be used for updating the fragment link.

This is usefull for modals shown on-top of content which renders another swup fragment (filtered or paginated lists for example).

<!-- Before -->
<dialog data-swup-link-to-fragment="#filtered-list">[…]</dialog>

<!-- Possible with this PR -->
<dialog data-swup-link-to-fragment="#filtered-list, #main">[…]</dialog>

TODO

• Add better debug messages reflecting which fragment was resolved for data-swup-link-to-fragment.

Checks

• The PR is submitted to the main branch
• The code was linted before pushing (npm run lint)
• All tests are passing (npm run test)
• New or updated tests are included
• The documentation was updated as required

Additional information

[hirasso]

This looks great! Happy to merge when all boxes are ticked :)

[ovenum]

Looks like it’s ready for a review now.

[hirasso]

Great work! Thank you

[hirasso]

Released in 1.2.0