Triggering the `cancel` event when the close button is clicked.

diff --git a/ts/WoltLabSuite/Core/Element/woltlab-core-dialog.ts b/ts/WoltLabSuite/Core/Element/woltlab-core-dialog.ts
index 01aeca053703e8687309380811c1d69698ec263f..2e5a907a58f11a7d40365e2b2f115b5e67af7cb3 100644 (file)
--- a/ts/WoltLabSuite/Core/Element/woltlab-core-dialog.ts
+++ b/ts/WoltLabSuite/Core/Element/woltlab-core-dialog.ts
@@ -261,6 +261,9 @@ export class WoltlabCoreDialogElement extends HTMLElement {
       closeButton.title = Language.get("wcf.dialog.button.close");
       closeButton.addEventListener("click", () => {
         if (this.#shouldClose()) {
+          const evt = new CustomEvent("cancel", { cancelable: false });
+          this.dispatchEvent(evt);
+
           this.close();
         }
       });

diff --git a/wcfsetup/install/files/js/WoltLabSuite/Core/Element/woltlab-core-dialog.js b/wcfsetup/install/files/js/WoltLabSuite/Core/Element/woltlab-core-dialog.js
index 632bd30e3b46123e2cceeaa0b34b98817948459c..876f098da24b502570c74e3e63a0ea32c2c487d2 100644 (file)
--- a/wcfsetup/install/files/js/WoltLabSuite/Core/Element/woltlab-core-dialog.js
+++ b/wcfsetup/install/files/js/WoltLabSuite/Core/Element/woltlab-core-dialog.js
@@ -200,6 +200,8 @@ define(["require", "exports", "tslib", "../Dom/Util", "../Helper/PageOverlay", "
                 closeButton.title = Language.get("wcf.dialog.button.close");
                 closeButton.addEventListener("click", () => {
                     if (this.#shouldClose()) {
+                        const evt = new CustomEvent("cancel", { cancelable: false });
+                        this.dispatchEvent(evt);
                         this.close();
                     }
                 });