JS API: Is there a way to pass data between dialog.open() and dialog.on("open")?

[ZerdoX-x]

Why open and hide methods can't accept CustomEvent rather than Event?

Problematic example:
Implementing wrapper that will two-way bind dialog's state with URLSearchParams

// Some button component JS code
dialog.show({
  detail: {
    URLSearchParamKey: "fruit",
    URLSearchParamValue: "apple",
  },
});

// some dialog with fruits
let fruitToDisplay;
dialog.on("show", function(element, { detail }) {
  fruitToDisplay = detail.URLSearchParamValue;
  URLSearchParamsRouterHelper.set($page, detail.URLSearchParamKey, fruitToDisplay);
})
render(`<Dialog>${fruitToDisplay}</Dialog>`)

[KittyGiraudel]

Hello.

Looking at the code, this should work. What problem did you encounter?

[ZerdoX-x]

Hi @KittyGiraudel.

If this code should work then typing is wrong.
Event type can't have detail property as it's CustomEvent property

a11y-dialog/a11y-dialog.js

Lines 76 to 79 in bc5cd77

	* @param {Event} event
	* @return {this}
	*/
	A11yDialog.prototype.show = function (event) {

a11y-dialog/a11y-dialog.js

Lines 111 to 114 in bc5cd77

	* @param {Event} event
	* @return {this}
	*/
	A11yDialog.prototype.hide = function (event) {

[KittyGiraudel]

I see! Then I guess it should just be a matter of updating the typing. Do you want to give that a spin? :)