From f0a03c8a3056aa3dbe46276002e0ddad9b0d12ab Mon Sep 17 00:00:00 2001
From: Martin Muller <martin.muller@alfresco.com>
Date: Wed, 6 Nov 2019 11:00:36 +0100
Subject: [PATCH] [ACA-2782] Header - sidenav menu button expanded/collapsed
 state not exposed via ARIA (#1239)

* Implement the expanded aria for the sidenav toogle button
---
 src/app/components/header/header.component.html              | 1 +
 src/app/components/header/header.component.ts                | 5 ++++-
 .../components/layout/app-layout/app-layout.component.html   | 1 +
 3 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/app/components/header/header.component.html b/src/app/components/header/header.component.html
index 694fec49f..c716185dd 100644
--- a/src/app/components/header/header.component.html
+++ b/src/app/components/header/header.component.html
@@ -5,6 +5,7 @@
   [color]="headerColor$ | async"
   [title]="appName$ | async"
   (clicked)="toggleClicked.emit($event)"
+  [expandedSidenav]="expandedSidenav"
 >
   <div class="adf-toolbar--spacer adf-toolbar-divider"></div>
 
diff --git a/src/app/components/header/header.component.ts b/src/app/components/header/header.component.ts
index c592a9ecc..5d08c243c 100644
--- a/src/app/components/header/header.component.ts
+++ b/src/app/components/header/header.component.ts
@@ -28,7 +28,8 @@ import {
   ViewEncapsulation,
   Output,
   EventEmitter,
-  OnInit
+  OnInit,
+  Input
 } from '@angular/core';
 import { Store } from '@ngrx/store';
 import { Observable } from 'rxjs';
@@ -51,6 +52,8 @@ export class AppHeaderComponent implements OnInit {
   @Output()
   toggleClicked = new EventEmitter();
 
+  @Input() expandedSidenav = true;
+
   appName$: Observable<string>;
   headerColor$: Observable<string>;
   logo$: Observable<string>;
diff --git a/src/app/components/layout/app-layout/app-layout.component.html b/src/app/components/layout/app-layout/app-layout.component.html
index b114dc453..c65e36ee0 100644
--- a/src/app/components/layout/app-layout/app-layout.component.html
+++ b/src/app/components/layout/app-layout/app-layout.component.html
@@ -15,6 +15,7 @@
           aria-level="1"
           *ngIf="!hideSidenav"
           (toggleClicked)="layout.toggleMenu($event)"
+          [expandedSidenav]="expandedSidenav"
         >
         </app-header>
       </ng-template>