@triptease/tt-navbar 0.0.33 → 0.0.34

package/dist/web/urlMappings.js

@@ -1,5 +1,5 @@
 /**
-* @triptease/tt-navbar v0.0.33
+* @triptease/tt-navbar v0.0.34
 */
 
 // src/urlMappings.ts

package/package.json

@@ -3,7 +3,7 @@
   "description": "Webcomponent tt-navbar following open-wc recommendations",
   "license": "MIT",
   "author": "tt-navbar",
-  "version": "0.0.33",
+  "version": "0.0.34",
   "type": "module",
   "main": "dist/src/index.js",
   "module": "dist/src/index.js",

package/src/TtNavbar.ts

@@ -141,6 +141,12 @@ export class TtNavbar extends LitElement {
     if (bestMatch) {
       bestMatch.classList.add('current-page');
       bestMatch.setAttribute('aria-current', 'page');
+
+      // Auto-expand parent details if the active link is within a collapsible section
+      const parentDetails = bestMatch.closest('details');
+      if (parentDetails) {
+        parentDetails.setAttribute('open', '');
+      }
     } else {
       console.error(`No matching nav link found for path: ${currentPath}`);
     }

package/test/tt-navbar.test.ts

@@ -345,4 +345,18 @@ describe('TtNavbar', () => {
     await expect(getComputedStyle(navbar).getPropertyValue('--nav-bar-width').trim()).to.equal('fit-content');
 
   });
+
+  it('should expand the details when the current page is within that section', async () => {
+    // eslint-disable-next-line no-restricted-globals
+    history.pushState({}, '', `/parity/${CLIENT_KEY}`);
+
+    const navbar = await fixture<TtNavbar>(
+      `<tt-navbar client-key=${CLIENT_KEY}></tt-navbar>`
+    );
+
+    const marketInsightsDetails = navbar.shadowRoot!.querySelector('#market-insights') as HTMLDetailsElement;
+
+    expect(marketInsightsDetails).to.exist;
+    expect(marketInsightsDetails.open).to.be.true;
+  })
 });