@turquoisehealth/pit-viper 2.105.4 → 2.106.0

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

@@ -192,7 +192,11 @@ class PVAutoClose extends HTMLElement {
       this.addEventListener('mouseenter', () => this.handleHoverIn());
       this.addEventListener('mouseleave', () => this.handleHoverOut());
       document.addEventListener('click', (e) => this.handleMenuClick(e));
-      this.initializeSidebar();
+      // if data-collapsed is not set, add data-expanded by default
+      if (!this.layout.hasAttribute('data-collapsed') && !this.layout.hasAttribute('data-expanded')) {
+        this.setState({ 'data-collapsed': false, 'data-expanded': true });
+        this.updateIcons(this.minimizeButton, true);
+      }
     }
 
     setState(attributes) {
@@ -211,10 +215,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 +240,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 +250,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);
       }

package/package.json

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