Element.matches + Element.closest

[toastal]

fixes #38. Copied querySelector-isms. It's looking like perhaps QuerySelector doesn't make a lot of sense stuck inside ParentNode with this though. 🤔

Prerequisites

• Before opening a pull request, please check the DOM standard (https://dom.spec.whatwg.org/). If it doesn't appear in this spec, it may be present in the spec for one of the other purescript-web projects. Although MDN is a great resource, it is not a suitable reference for this project.

https://dom.spec.whatwg.org/#dom-element-matches
https://dom.spec.whatwg.org/#dom-element-closest

Description of the change

Add missing Element feature

---

Checklist:

• Added the change to the changelog's "Unreleased" section with a reference to this PR (e.g. "- Made a change (#0000)")
• Linked any existing issues or proposals that this pull request should close
• Updated or added relevant documentation
• Added a test for the contribution (if applicable)

[garyb]

Yeah, we could perhaps move the QuerySelector type to its own module and have both this and ParentNode re-export it - but I dunno, ParentNode is already imported by Element and you're re-exporting QuerySelector here, so it perhaps doesn't matter too much where it comes from as long as it's convenient to use when importing either of modules in user code!

[toastal]

I getcha. How do you, @garyb, recommend fixing this build error?

 * Building project in /home/runner/work/purescript-web-dom/purescript-web-dom
[1/1 DuplicateSelectiveImport] src/Web/DOM/Element.purs:57:1

  57  import Web.DOM.ParentNode (ParentNode, QuerySelector)
      ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
  
  There is an existing import of Web.DOM.ParentNode, consider merging the import lists

[thomashoneyman]

Suggested change

import Web.DOM.ParentNode (QuerySelector) as Exports

[toastal]

Don't I still want to export it for convenience? (Sorry, I don't think I understand)

[thomashoneyman]

It’s also re-exported on the next line — this is the source of the duplicate error.

[toastal]

I added matches as well since it's a related function and is a requirement for polyfills for closest.

[garyb]

Thanks!