@momentum-design/components 0.102.8 → 0.102.10

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/listitem/listitem.styles.js

@@ -45,6 +45,11 @@ const styles = css `
     text-overflow: ellipsis;
     white-space: nowrap;
   }
+  
+  :host([disabled]) {
+    pointer-events: none;
+  }
+
   :host([disabled]),
   :host([disabled]:hover),
   :host([disabled]:active),

package/dist/components/navmenuitem/navmenuitem.styles.js

@@ -52,7 +52,6 @@ const styles = [
     :host([disabled]) {
       color: var(--mdc-navmenuitem-disabled-color);
       background-color: var(--mdc-navmenuitem-disabled-background-color);
-      pointer-events: none;
     }
 
     :host([active][disabled]) {

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.

package/dist/custom-elements.json

@@ -10364,6 +10364,16 @@
                 "module": "components/popover/popover.component.js"
               }
             },
+            {
+              "kind": "field",
+              "name": "handleFocusIn",
+              "privacy": "private",
+              "description": "Handles focus in event on the trigger element.\nThis method checks if the trigger element has visible focus or is being hovered.",
+              "inheritedFrom": {
+                "name": "Popover",
+                "module": "components/popover/popover.component.js"
+              }
+            },
             {
               "kind": "field",
               "name": "startCloseDelay",
@@ -22094,6 +22104,16 @@
                 "module": "components/popover/popover.component.js"
               }
             },
+            {
+              "kind": "field",
+              "name": "handleFocusIn",
+              "privacy": "private",
+              "description": "Handles focus in event on the trigger element.\nThis method checks if the trigger element has visible focus or is being hovered.",
+              "inheritedFrom": {
+                "name": "Popover",
+                "module": "components/popover/popover.component.js"
+              }
+            },
             {
               "kind": "field",
               "name": "startCloseDelay",
@@ -27018,6 +27038,12 @@
               "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."
             },
+            {
+              "kind": "field",
+              "name": "handleFocusIn",
+              "privacy": "private",
+              "description": "Handles focus in event on the trigger element.\nThis method checks if the trigger element has visible focus or is being hovered."
+            },
             {
               "kind": "field",
               "name": "startCloseDelay",
@@ -38612,6 +38638,16 @@
                 "module": "components/popover/popover.component.js"
               }
             },
+            {
+              "kind": "field",
+              "name": "handleFocusIn",
+              "privacy": "private",
+              "description": "Handles focus in event on the trigger element.\nThis method checks if the trigger element has visible focus or is being hovered.",
+              "inheritedFrom": {
+                "name": "Popover",
+                "module": "components/popover/popover.component.js"
+              }
+            },
             {
               "kind": "field",
               "name": "startCloseDelay",
@@ -40602,6 +40638,16 @@
                 "module": "components/popover/popover.component.js"
               }
             },
+            {
+              "kind": "field",
+              "name": "handleFocusIn",
+              "privacy": "private",
+              "description": "Handles focus in event on the trigger element.\nThis method checks if the trigger element has visible focus or is being hovered.",
+              "inheritedFrom": {
+                "name": "Popover",
+                "module": "components/popover/popover.component.js"
+              }
+            },
             {
               "kind": "field",
               "name": "startCloseDelay",

package/package.json

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