@turquoisehealth/pit-viper 2.105.3 → 2.105.5

package/_site/assets/js/pit-viper.js

@@ -192,7 +192,6 @@ class PVAutoClose extends HTMLElement {
       this.addEventListener('mouseenter', () => this.handleHoverIn());
       this.addEventListener('mouseleave', () => this.handleHoverOut());
       document.addEventListener('click', (e) => this.handleMenuClick(e));
-      this.initializeSidebar();
     }
 
     setState(attributes) {
@@ -211,10 +210,20 @@ class PVAutoClose extends HTMLElement {
 
     collapseState() {
       this.setState({ 'data-collapsed': true, 'data-expanded': false });
+      this.dispatchEvent(new CustomEvent('pv-global-nav-state-change', {
+        detail: { state: 'collapsed' },
+        bubbles: true,
+        composed: true
+      }));
     }
 
     expandState() {
       this.setState({ 'data-collapsed': false, 'data-expanded': true });
+      this.dispatchEvent(new CustomEvent('pv-global-nav-state-change', {
+        detail: { state: 'expanded' },
+        bubbles: true,
+        composed: true
+      }));
     }
 
     hoverExpandState() {
@@ -226,15 +235,6 @@ class PVAutoClose extends HTMLElement {
       this.setState({ 'data-collapsed': true, 'data-expanded': false });
     }
 
-    getSidebarMinimizeState() {
-      const stored = localStorage.getItem('global-nav-sidebar-minimize');
-      return stored === 'true';
-    }
-
-    setSidebarMinimizeState(value) {
-      localStorage.setItem('global-nav-sidebar-minimize', value.toString());
-    }
-
     updateIcons(button, isExpanded) {
       const use = button.querySelector('svg use');
       const tooltip = document.getElementById('description');
@@ -245,11 +245,9 @@ class PVAutoClose extends HTMLElement {
     toggleSidebar(button) {
       const isExpanded = this.isExpandedState();
       if (isExpanded) {
-        this.setSidebarMinimizeState(true);
         this.collapseState();
         this.updateIcons(button, false);
       } else {
-        this.setSidebarMinimizeState(false);
         this.expandState();
         this.updateIcons(button, true);
       }
@@ -306,22 +304,6 @@ class PVAutoClose extends HTMLElement {
         }
       }
     }
-
-    initializeSidebar() {
-      const currentSidebarMinimize = this.layout.hasAttribute('data-collapsed');
-      if (currentSidebarMinimize) {
-        return;
-      }
-      const storedValue = this.getSidebarMinimizeState();
-
-      if (currentSidebarMinimize || storedValue) {
-        this.collapseState();
-        this.updateIcons(this.minimizeButton, false);
-      } else {
-        this.expandState();
-        this.updateIcons(this.minimizeButton, true);
-      }
-    }
   }
 
   customElements.define('pv-global-nav', PvGlobalNav, { extends: 'aside' });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@turquoisehealth/pit-viper",
-  "version": "2.105.3",
+  "version": "2.105.5",
   "description": "Turquoise Health's design system.",
   "main": "README.md",
   "publishConfig": {