@ni/nimble-components 7.5.0 → 7.6.0

package/dist/all-components-bundle.js

@@ -14932,6 +14932,7 @@
             this.propertiesToWatch = ['hidden', 'location', 'state'];
             this.animationDurationMilliseconds = animationDurationWhenDisabledMilliseconds;
         }
+        /** @internal */
         connectedCallback() {
             // disable trapFocus before super.connectedCallback as FAST Dialog will immediately queue work to
             // change focus if it's true before connectedCallback
@@ -14949,6 +14950,7 @@
             this.propertyChangeSubscriber = subscriber;
             this.propertyChangeNotifier = notifier;
         }
+        /** @internal */
         disconnectedCallback() {
             super.disconnectedCallback();
             this.cancelCurrentAnimation();
@@ -14970,8 +14972,16 @@
             // Not calling super.hide() as that will immediately hide the drawer, whereas 'Closing' state will animate
             this.state = DrawerState.Closing;
         }
+        /**
+         * Handler for overlay clicks (user-initiated dismiss requests) only.
+         * @internal
+         */
         dismiss() {
-            if (!this.preventDismiss) {
+            const shouldDismiss = this.$emit('cancel', {}, 
+            // Aligned with the configuration of HTMLDialogElement cancel event:
+            // https://developer.mozilla.org/en-US/docs/Web/API/HTMLDialogElement/cancel_event
+            { bubbles: false, cancelable: true, composed: false });
+            if (shouldDismiss && !this.preventDismiss) {
                 super.dismiss();
                 this.hide();
             }