@momentum-design/components 0.85.1 → 0.85.3

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

@@ -62,6 +62,8 @@ declare class MenuPopover extends Popover {
      * This method is used to ensure that when a menu item is clicked,
      * all other open popovers are closed, maintaining a clean user interface.
      * It iterates through the `popoverStack` and hides each popover until the stack is empty.
+     *
+     * @param until - The popover to close until.
      */
     private closeAllMenuPopovers;
     /**

package/dist/components/menupopover/menupopover.component.js

@@ -68,6 +68,12 @@ class MenuPopover extends Popover {
         this.onOutsidePopoverClick = (event) => {
             if (popoverStack.peek() !== this)
                 return;
+            const popoverOfTarget = event.target.closest(MENU_POPOVER);
+            // If the click occurred on a submenu, close all popovers until the submenu
+            if (popoverOfTarget && popoverStack.has(popoverOfTarget)) {
+                this.closeAllMenuPopovers(popoverOfTarget);
+                return;
+            }
             let insidePopoverClick = false;
             const path = event.composedPath();
             insidePopoverClick = this.contains(event.target) || path.includes(this.triggerElement);
@@ -146,13 +152,18 @@ class MenuPopover extends Popover {
      * This method is used to ensure that when a menu item is clicked,
      * all other open popovers are closed, maintaining a clean user interface.
      * It iterates through the `popoverStack` and hides each popover until the stack is empty.
+     *
+     * @param until - The popover to close until.
      */
-    closeAllMenuPopovers() {
-        while (popoverStack.peek()) {
+    closeAllMenuPopovers(until) {
+        while (popoverStack.peek() !== until) {
             const popover = popoverStack.pop();
             if (popover) {
                 popover.hidePopover();
             }
+            else {
+                break;
+            }
         }
     }
     /**

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

@@ -36,6 +36,13 @@ declare class PopoverStack {
      * @param popover - Popover instance
      */
     remove(popover: Popover): void;
+    /**
+     * Checks if the stack has a specific popover
+     *
+     * @param popover - Popover instance
+     * @returns True if the stack has the popover, false otherwise
+     */
+    has(popover: Popover): boolean;
     /**
      * Clears the stack
      */

package/dist/components/popover/popover.stack.js

@@ -45,6 +45,15 @@ class PopoverStack {
     remove(popover) {
         this.stack = this.stack.filter(item => item !== popover);
     }
+    /**
+     * Checks if the stack has a specific popover
+     *
+     * @param popover - Popover instance
+     * @returns True if the stack has the popover, false otherwise
+     */
+    has(popover) {
+        return this.stack.includes(popover);
+    }
     /**
      * Clears the stack
      */