From 9d0a0b00b7ca88443985bf21fc4631bac3d2718c Mon Sep 17 00:00:00 2001
From: josefaidt <josef.aidt@gmail.com>
Date: Thu, 12 Nov 2020 08:03:20 -0600
Subject: [PATCH] feat(UIShell): add persistentHamburgerMenu prop to header

---
 src/UIShell/GlobalHeader/Header.svelte | 11 +++++++++--
 src/UIShell/SideNav/SideNav.svelte     |  2 +-
 2 files changed, 10 insertions(+), 3 deletions(-)

diff --git a/src/UIShell/GlobalHeader/Header.svelte b/src/UIShell/GlobalHeader/Header.svelte
index 6c27ad17..8f465e90 100644
--- a/src/UIShell/GlobalHeader/Header.svelte
+++ b/src/UIShell/GlobalHeader/Header.svelte
@@ -36,6 +36,12 @@
    */
   export let platformName = "";
 
+  /**
+   * Specify Hamburger Menu persistance
+   * @type {boolean} [persistentHamburgerMenu=false]
+   */
+  export let persistentHamburgerMenu = false;
+
   /**
    * Obtain a reference to the HTML anchor element
    * @type {null | HTMLAnchorElement} [ref=null]
@@ -46,7 +52,8 @@
 
   let winWidth = undefined;
 
-  $: isSideNavOpen = expandedByDefault && winWidth >= 1056;
+  $: isSideNavOpen =
+    expandedByDefault && winWidth >= 1056 && persistentHamburgerMenu !== true;
   $: ariaLabel = company
     ? `${company} `
     : "" + (uiShellAriaLabel || $$props["aria-label"] || platformName);
@@ -56,7 +63,7 @@
 
 <header role="banner" aria-label="{ariaLabel}" class:bx--header="{true}">
   <slot name="skip-to-content" />
-  {#if winWidth < 1056}
+  {#if winWidth < 1056 || persistentHamburgerMenu === true}
     <HamburgerMenu bind:isOpen="{isSideNavOpen}" />
   {/if}
   <a
diff --git a/src/UIShell/SideNav/SideNav.svelte b/src/UIShell/SideNav/SideNav.svelte
index 6efefeee..4f1e0b02 100644
--- a/src/UIShell/SideNav/SideNav.svelte
+++ b/src/UIShell/SideNav/SideNav.svelte
@@ -33,7 +33,7 @@
   class:bx--side-nav="{true}"
   class:bx--side-nav--ux="{true}"
   class:bx--side-nav--expanded="{isOpen}"
-  class:bx--side-nav--collapsed="{!isOpen && fixed}"
+  class:bx--side-nav--collapsed="{!isOpen && !fixed}"
   {...$$restProps}
 >
   <slot />