From 1b2bd6220ec895dfc91eb5dd6daeb5ee4c6619f1 Mon Sep 17 00:00:00 2001
From: camorra-skk <sumtsom@gmail.com>
Date: Wed, 18 Apr 2018 01:41:26 +0530
Subject: [PATCH] [ADF-2703] Info Drawer - Header does not navigate to name of
 default tab. (#3192)

* Selected Tab is getting highlited if value of selectedIndex is passed to adf-info-drawer.
---
 lib/core/viewer/components/viewer.component.html | 2 +-
 lib/core/viewer/components/viewer.component.ts   | 5 +++++
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/lib/core/viewer/components/viewer.component.html b/lib/core/viewer/components/viewer.component.html
index bcbce1f63c..01225e739c 100644
--- a/lib/core/viewer/components/viewer.component.html
+++ b/lib/core/viewer/components/viewer.component.html
@@ -134,7 +134,7 @@
         <div *ngIf="!isLoading" fxLayout="row" fxFlex="1 1 auto">
 
             <ng-container *ngIf="allowSidebar && showSidebar">
-                <div class="adf-viewer__sidebar adf-viewer__sidebar__{{sidebarPosition}}" fxFlexOrder="{{sidebarPosition === 'left'? 1 : 4 }}">
+                <div class="adf-viewer__sidebar" [ngClass]="getSideBarStyle()" fxFlexOrder="{{sidebarPosition === 'left'? 1 : 4 }}">
                     <ng-container *ngIf="sidebarTemplate">
                         <ng-container *ngTemplateOutlet="sidebarTemplate;context:sidebarTemplateContext"></ng-container>
                     </ng-container>
diff --git a/lib/core/viewer/components/viewer.component.ts b/lib/core/viewer/components/viewer.component.ts
index 08e389d5d5..4918b05ade 100644
--- a/lib/core/viewer/components/viewer.component.ts
+++ b/lib/core/viewer/components/viewer.component.ts
@@ -688,4 +688,9 @@ export class ViewerComponent implements OnChanges, OnInit, OnDestroy {
     private wait(ms: number): Promise<any> {
         return new Promise(resolve => setTimeout(resolve, ms));
     }
+
+    getSideBarStyle(): string {
+        return this.sidebarPosition === 'left' ? 'adf-viewer__sidebar__left' : 'adf-viewer__sidebar__right';
+    }
+
 }