@momentum-design/components 0.129.41 → 0.129.42

package/dist/components/popover/popover.component.d.ts

@@ -441,9 +441,8 @@ declare class Popover extends Popover_base {
      */
     private handleMouseLeave;
     /**
-     *  Handles focus out event on the trigger element.
-     *  This method checks if the popover is not hovered and hides the popover.
-     *  If the popover is hovered, it will not hide the popover.
+     * Handles focus out event on the trigger element.
+     * Closes based on hideOnBlur property or hover state.
      */
     private handleFocusOut;
     /**

package/dist/components/popover/popover.component.js

@@ -415,6 +415,9 @@ class Popover extends BackdropMixin(PreventScrollMixin(FocusTrapMixin(Component)
         this.setupTriggerListeners = () => {
             if (this.trigger.includes('click')) {
                 document.addEventListener('click', this.togglePopoverVisible, { capture: true });
+                if (this.hideOnBlur) {
+                    document.addEventListener('focusout', this.handleFocusOut, { capture: true });
+                }
             }
             if (this.trigger.includes('mouseenter')) {
                 const hoverBridge = this.renderRoot.querySelector('div[part="popover-hover-bridge"]');
@@ -531,13 +534,20 @@ class Popover extends BackdropMixin(PreventScrollMixin(FocusTrapMixin(Component)
             this.startCloseDelay();
         };
         /**
-         *  Handles focus out event on the trigger element.
-         *  This method checks if the popover is not hovered and hides the popover.
-         *  If the popover is hovered, it will not hide the popover.
+         * Handles focus out event on the trigger element.
+         * Closes based on hideOnBlur property or hover state.
          */
         this.handleFocusOut = (event) => {
             if (!this.isEventFromTrigger(event))
                 return;
+            if (this.hideOnBlur) {
+                const { relatedTarget } = event;
+                // Don't hide if focus moves within the component
+                if (!this.contains(relatedTarget)) {
+                    this.hide();
+                }
+                return;
+            }
             if (!this.isHovered) {
                 this.hide();
             }

package/dist/custom-elements.json

@@ -12373,7 +12373,7 @@
               "kind": "field",
               "name": "handleFocusOut",
               "privacy": "private",
-              "description": "Handles focus out event on the trigger element.\nThis method checks if the popover is not hovered and hides the popover.\nIf the popover is hovered, it will not hide the popover.",
+              "description": "Handles focus out event on the trigger element.\nCloses based on hideOnBlur property or hover state.",
               "inheritedFrom": {
                 "name": "Popover",
                 "module": "components/popover/popover.component.js"
@@ -27692,7 +27692,7 @@
               "kind": "field",
               "name": "handleFocusOut",
               "privacy": "private",
-              "description": "Handles focus out event on the trigger element.\nThis method checks if the popover is not hovered and hides the popover.\nIf the popover is hovered, it will not hide the popover.",
+              "description": "Handles focus out event on the trigger element.\nCloses based on hideOnBlur property or hover state.",
               "inheritedFrom": {
                 "name": "Popover",
                 "module": "components/popover/popover.component.js"
@@ -34063,7 +34063,7 @@
               "kind": "field",
               "name": "handleFocusOut",
               "privacy": "private",
-              "description": "Handles focus out event on the trigger element.\nThis method checks if the popover is not hovered and hides the popover.\nIf the popover is hovered, it will not hide the popover."
+              "description": "Handles focus out event on the trigger element.\nCloses based on hideOnBlur property or hover state."
             },
             {
               "kind": "field",
@@ -49941,7 +49941,7 @@
               "kind": "field",
               "name": "handleFocusOut",
               "privacy": "private",
-              "description": "Handles focus out event on the trigger element.\nThis method checks if the popover is not hovered and hides the popover.\nIf the popover is hovered, it will not hide the popover.",
+              "description": "Handles focus out event on the trigger element.\nCloses based on hideOnBlur property or hover state.",
               "inheritedFrom": {
                 "name": "Popover",
                 "module": "components/popover/popover.component.js"
@@ -51985,7 +51985,7 @@
               "kind": "field",
               "name": "handleFocusOut",
               "privacy": "private",
-              "description": "Handles focus out event on the trigger element.\nThis method checks if the popover is not hovered and hides the popover.\nIf the popover is hovered, it will not hide the popover.",
+              "description": "Handles focus out event on the trigger element.\nCloses based on hideOnBlur property or hover state.",
               "inheritedFrom": {
                 "name": "Popover",
                 "module": "components/popover/popover.component.js"

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@momentum-design/components",
   "packageManager": "yarn@3.2.4",
-  "version": "0.129.41",
+  "version": "0.129.42",
   "engines": {
     "node": ">=20.0.0",
     "npm": ">=8.0.0"