@momentum-design/components 0.91.1 → 0.92.0

package/dist/components/sidenavigation/sidenavigation.context.js

@@ -1,6 +1,6 @@
 import { createContext } from '@lit/context';
 import { TAG_NAME as MENUPOPOVER_TAGNAME } from '../menupopover/menupopover.constants';
-import { TAG_NAME as NAVITEM_TAGNAME } from '../navitem/navitem.constants';
+import { TAG_NAME as NAVMENUITEM_TAGNAME } from '../navmenuitem/navmenuitem.constants';
 import { POPOVER_PLACEMENT } from '../popover/popover.constants';
 import { TAG_NAME } from './sidenavigation.constants';
 class SideNavigationContext {
@@ -9,21 +9,21 @@ class SideNavigationContext {
         this.expanded = defaultExpanded;
         this.parentNavTooltipText = defaultParentNavTooltipText;
     }
-    hasSiblingWithTriggerId(navItem) {
+    hasSiblingWithTriggerId(navMenuItem) {
         var _a, _b;
-        const id = navItem === null || navItem === void 0 ? void 0 : navItem.getAttribute('id');
+        const id = navMenuItem === null || navMenuItem === void 0 ? void 0 : navMenuItem.getAttribute('id');
         if (!id)
             return false;
-        const siblings = Array.from((_b = (_a = navItem === null || navItem === void 0 ? void 0 : navItem.parentElement) === null || _a === void 0 ? void 0 : _a.children) !== null && _b !== void 0 ? _b : []);
-        return siblings.some(sibling => sibling !== navItem &&
+        const siblings = Array.from((_b = (_a = navMenuItem === null || navMenuItem === void 0 ? void 0 : navMenuItem.parentElement) === null || _a === void 0 ? void 0 : _a.children) !== null && _b !== void 0 ? _b : []);
+        return siblings.some(sibling => sibling !== navMenuItem &&
             sibling.tagName.toLowerCase() === MENUPOPOVER_TAGNAME &&
             sibling.getAttribute('triggerid') === id);
     }
-    getParentNavItems(navItem) {
-        if (!navItem)
+    getParentNavMenuItems(navMenuItem) {
+        if (!navMenuItem)
             return [];
         const parents = [];
-        let current = navItem;
+        let current = navMenuItem;
         while (current) {
             // Walk up to find the menupopover
             const popover = current === null || current === void 0 ? void 0 : current.closest(MENUPOPOVER_TAGNAME);
@@ -32,11 +32,11 @@ class SideNavigationContext {
             const triggerId = popover.getAttribute('triggerid');
             if (!triggerId)
                 break;
-            // Find the NavItem that triggered this menupopover
-            const triggeringNavItem = document.getElementById(triggerId);
-            if (triggeringNavItem && triggeringNavItem.tagName.toLowerCase() === NAVITEM_TAGNAME) {
-                parents.push(triggeringNavItem);
-                current = triggeringNavItem;
+            // Find the NavMenuItem that triggered this menupopover
+            const triggeringNavMenuItem = document.getElementById(triggerId);
+            if (triggeringNavMenuItem && triggeringNavMenuItem.tagName.toLowerCase() === NAVMENUITEM_TAGNAME) {
+                parents.push(triggeringNavMenuItem);
+                current = triggeringNavMenuItem;
             }
             else {
                 break;
@@ -44,29 +44,30 @@ class SideNavigationContext {
         }
         return parents;
     }
-    setCurrentActiveNavItem(navItem) {
+    setCurrentActiveNavMenuItem(navMenuItem) {
         var _a;
-        const isSameItem = ((_a = this.currentActiveNavItem) === null || _a === void 0 ? void 0 : _a.navId) === (navItem === null || navItem === void 0 ? void 0 : navItem.navId);
-        const shouldSkip = (navItem === null || navItem === void 0 ? void 0 : navItem.disableAriaCurrent) || this.hasSiblingWithTriggerId(navItem);
+        const isSameItem = ((_a = this.currentActiveNavMenuItem) === null || _a === void 0 ? void 0 : _a.navId) === (navMenuItem === null || navMenuItem === void 0 ? void 0 : navMenuItem.navId);
+        const shouldSkip = (navMenuItem === null || navMenuItem === void 0 ? void 0 : navMenuItem.disableAriaCurrent) || this.hasSiblingWithTriggerId(navMenuItem) || (navMenuItem === null || navMenuItem === void 0 ? void 0 : navMenuItem.softDisabled);
         if (isSameItem || shouldSkip)
             return;
         // Clean up previous active item
-        if (this.currentActiveNavItem) {
-            this.currentActiveNavItem.removeAttribute('aria-current');
-            this.currentActiveNavItem.removeAttribute('active');
-            const previousParents = this.getParentNavItems(this.currentActiveNavItem);
+        if (this.currentActiveNavMenuItem) {
+            this.currentActiveNavMenuItem.removeAttribute('aria-current');
+            this.currentActiveNavMenuItem.removeAttribute('active');
+            const previousParents = this.getParentNavMenuItems(this.currentActiveNavMenuItem);
             previousParents.forEach(parent => {
                 parent.removeAttribute('tooltip-text');
+                parent.removeAttribute('tooltip-placement');
                 parent.removeAttribute('active');
             });
         }
         // Apply attributes to new active item
-        if (!navItem)
+        if (!navMenuItem)
             return;
-        this.currentActiveNavItem = navItem;
-        navItem.setAttribute('aria-current', 'page');
-        navItem.setAttribute('active', '');
-        const newParents = this.getParentNavItems(navItem);
+        this.currentActiveNavMenuItem = navMenuItem;
+        navMenuItem.setAttribute('aria-current', 'page');
+        navMenuItem.setAttribute('active', '');
+        const newParents = this.getParentNavMenuItems(navMenuItem);
         newParents.forEach(parent => {
             parent.setAttribute('tooltip-text', this.parentNavTooltipText || '');
             parent.setAttribute('tooltip-placement', POPOVER_PLACEMENT.BOTTOM);