@momentum-design/components 0.102.9 → 0.103.0

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

@@ -220,7 +220,7 @@ declare class Dialog extends Dialog_base {
      */
     private isOpenUpdated;
     /**
-     * Sets the focs back to the trigger element or the last active element.
+     * Sets the focus back to the trigger element or the last active element.
      * This is called when the dialog is closed to ensure that the user can continue interacting with the application.
      *
      * @internal

package/dist/components/dialog/dialog.component.js

@@ -376,7 +376,7 @@ class Dialog extends PreventScrollMixin(FocusTrapMixin(FooterMixin(Component)))
         }
     }
     /**
-     * Sets the focs back to the trigger element or the last active element.
+     * Sets the focus back to the trigger element or the last active element.
      * This is called when the dialog is closed to ensure that the user can continue interacting with the application.
      *
      * @internal

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

@@ -341,6 +341,11 @@ declare class Popover extends Popover_base {
      *  If the popover is hovered, it will not hide the popover.
      */
     private handleFocusOut;
+    /**
+     *  Handles focus in event on the trigger element.
+     *  This method checks if the trigger element has visible focus or is being hovered.
+     */
+    private handleFocusIn;
     /**
      * Starts the close delay timer.
      * If the popover is not interactive, it will close the popover after the delay.

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

@@ -330,7 +330,7 @@ class Popover extends PreventScrollMixin(FocusTrapMixin(Component)) {
                 this.addEventListener('mouseleave', this.startCloseDelay);
             }
             if (this.trigger.includes('focusin')) {
-                this.triggerElement.addEventListener('focusin', this.show);
+                this.triggerElement.addEventListener('focusin', this.handleFocusIn);
                 if (!this.interactive) {
                     this.triggerElement.addEventListener('focusout', this.handleFocusOut);
                 }
@@ -351,7 +351,7 @@ class Popover extends PreventScrollMixin(FocusTrapMixin(Component)) {
             this.removeEventListener('mouseenter', this.cancelCloseDelay);
             this.removeEventListener('mouseleave', this.startCloseDelay);
             // focusin trigger
-            (_d = this.triggerElement) === null || _d === void 0 ? void 0 : _d.removeEventListener('focusin', this.show);
+            (_d = this.triggerElement) === null || _d === void 0 ? void 0 : _d.removeEventListener('focusin', this.handleFocusIn);
             (_e = this.triggerElement) === null || _e === void 0 ? void 0 : _e.removeEventListener('focusout', this.handleFocusOut);
         };
         /**
@@ -443,6 +443,16 @@ class Popover extends PreventScrollMixin(FocusTrapMixin(Component)) {
                 this.hide();
             }
         };
+        /**
+         *  Handles focus in event on the trigger element.
+         *  This method checks if the trigger element has visible focus or is being hovered.
+         */
+        this.handleFocusIn = () => {
+            var _a;
+            if (((_a = this.triggerElement) === null || _a === void 0 ? void 0 : _a.matches(':focus-visible')) || this.isHovered) {
+                this.show();
+            }
+        };
         /**
          * Starts the close delay timer.
          * If the popover is not interactive, it will close the popover after the delay.