feat(Checkbox): enable support for form-associated

[dgonzalezr]

Description

This PR enables support for form-associated custom elements, allowing them to participate in HTML forms:

https://stenciljs.com/docs/forms#using-form-associated-custom-elements
https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/attachInternals

Currently, adding a <bq-checkbox> element to a form does not result in its participation in the form submission, even when a name and formId are provided. With this pull request, users need only to set the component's name attribute/property to link it to the form. Additionally, it enables validation of the element when 'required' is present, thus preventing form submission if the BqCheckbox is not selected or checked.

CleanShot.2024-08-15.at.20.28.32.mp4

Related Issue

Fixes #ISSUE_NUMBER

Documentation

Screenshots (if applicable)

Checklist

• I have read the CONTRIBUTING document.
• I have read the CODE OF CONDUCT document.
• I have reviewed my own code.
• I have tested the changes locally.
• I have updated the documentation (if applicable).
• I have added unit tests and e2e tests (if applicable).
• I have requested reviews from relevant team members.

Additional Notes

[nx-cloud]

☁️ Nx Cloud Report

CI is running/has finished running commands for commit d4b4c75. As they complete they will appear below. Click to see the status, the terminal output, and the build insights.

📂 See all runs for this CI Pipeline Execution

---

✅ Successfully ran 5 targets

• nx run beeq:storybook-build --output-style=stream-without-prefixes
• nx affected -t e2e --exclude=*,!tag:core --parallel=3 --base=622f88a5286fbac9163b38979615e2bcbef6ff79 --head=d4b4c756b97cf5719adb646ed918e77f18d4b6ac --ci --code-coverage --runInBand
• nx affected -t test --exclude=*,!tag:core --parallel=3 --base=622f88a5286fbac9163b38979615e2bcbef6ff79 --head=d4b4c756b97cf5719adb646ed918e77f18d4b6ac --ci --runInBand
• nx affected -t lint --exclude=*,!tag:publishable --parallel=3 --base=622f88a5286fbac9163b38979615e2bcbef6ff79 --head=d4b4c756b97cf5719adb646ed918e77f18d4b6ac
• nx affected -t build --exclude=*,!tag:publishable --parallel=3 --base=622f88a5286fbac9163b38979615e2bcbef6ff79 --head=d4b4c756b97cf5719adb646ed918e77f18d4b6ac

---

Sent with 💌 from NxCloud.

[sonarqubecloud]

Quality Gate passed

Issues
0 New issues
0 Accepted issues

Measures
0 Security Hotspots
0.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarCloud