Allow non-id selectors in hx-select-oob to fix #2561

[cadrgtsecond]

Description

This pull request fixes #2561. I retargeted it against v1 as suggested on discord. I found this issue with the hx-select-oob attribute while trying to help a beginner on discord. This technically breaks an obscure behavior of adding back # to a selector if it does not begin with a #. This behavior is neither documented nor tested. In fact, the documentation suggests you can use this with any CSS selector, not just id selectors(though it does not give an example).

Each value in the comma separated list of values can specify any valid hx-swap strategy by separating the selector and the swap strategy with a :.

As I have explained in the issue, this can cause really strange behavior when combined with non-id selectors by reinterpreting them as id selectors(and that too not even properly).

Testing

I added tests for non-id selectors and tests for non-id selectors with colons. I also added missing tests for hx-select-oob with different swap styles

Checklist

• I have read the contribution guidelines
• I have targeted this PR against the correct branch (master for website changes, dev for
  source changes)
• This is either a bugfix, a documentation update, or a new feature that has been explicitly
  approved via an issue
• I ran the test suite locally (npm run test) and verified that it succeeded

[cadrgtsecond]

Sorry I'm a bit late. I was a bit busy