opened-changed event detail exposes opened state

[rajkeshwar]

What I Did

1. Replaced the Event with CustomEvent to include the opened state in the event's detail.
2. The CustomEvent now also references the host element in its event target.

Note:

The opened-changed event previously lacked detail, and the event.target was null, making it impossible to determine the dialog's state within the event. This caused issues when attempting to control the dialog's state dynamically via the opened property.

A potential scenario is where a user dynamically triggers the dialog through the opened property, expecting to open or close the dialog accordingly. However, when the ESC key is pressed and the dialog closes, the state is not synced externally. As a result, the dialog might not reopen the next time the opened property is set to true.

By including { detail: { opened: true/false } }, it becomes possible to accurately determine the dialog's state and update the opened property externally, ensuring it remains in sync with the actual dialog state.

[changeset-bot]

🦋 Changeset detected

Latest commit: 980bc3f

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 1 package

Name	Type
@lion/ui	Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

[CLAassistant]

Thank you for your submission! We really appreciate it. Like many open source projects, we ask that you sign our Contributor License Agreement before we can accept your contribution.

---

Rajkeshwar Prasad seems not to be a GitHub user. You need a GitHub account to be able to sign the CLA. If you have already a GitHub account, please add the email address used for this commit to your account.
_{You have signed the CLA already but the status is still pending? Let us recheck it.}

[gerjanvangeest]

Hi @rajkeshwar thanks for the PR 💪!

• Could you sign the CLA?
• Can you run npm run changeset, to add the change to our changelog?
• There is a linting issue, can you fix that?

[rajkeshwar]

Hi @rajkeshwar thanks for the PR 💪!

• Could you sign the CLA?
• Can you run npm run changeset, to add the change to our changelog?
• There is a linting issue, can you fix that?

I have signed the CLA multiple times. The below text also says the same.

You have signed the CLA already but the status is still pending? Let us recheck it.

Here is the screenshot from https://cla-assistant.io/my-cla