[ADF-1038] - Dropddown Breadcrumb component (#2092)

* Update material to beta8

* Install @angular/cdk

* DropdownBreadcrumb component

* Style fixes

* Fix styling issues after rebase

* Fix Material issue in processlist

* Update material again, because of rebase errors... :/

* Fix new tslint rule raised errors

demo-shell-ng2/app/components/files/files.component.html

@@ -12,10 +12,16 @@
         <ng-container *ngIf="useCustomToolbar">
             <adf-toolbar>
                 <adf-toolbar-title>
-                    <adf-breadcrumb
+                    <adf-breadcrumb *ngIf="!useDropdownBreadcrumb"
+                        class="files-breadcrumb"
                         [target]="documentList"
                         [folderNode]="documentList.folderNode">
                     </adf-breadcrumb>
+                    <adf-dropdown-breadcrumb  *ngIf="useDropdownBreadcrumb"
+                        class="files-breadcrumb"
+                        [target]="documentList"
+                        [folderNode]="documentList.folderNode">
+                    </adf-dropdown-breadcrumb>
                 </adf-toolbar-title>
                 <button md-icon-button (click)="onCreateFolderClicked($event)">
                     <md-icon>create_new_folder</md-icon>
@@ -125,6 +131,10 @@
 <context-menu-holder></context-menu-holder>
 
 <div class="container">
+    <section>
+        <md-slide-toggle [(ngModel)]="useDropdownBreadcrumb">Dropdown breadcrumb</md-slide-toggle>
+    </section>
+
     <section>
         <md-slide-toggle [(ngModel)]="useCustomToolbar">Use custom toolbar</md-slide-toggle>
     </section>

demo-shell-ng2/app/components/files/files.component.ts

@@ -39,6 +39,7 @@ export class FilesComponent implements OnInit {
     fileShowed: boolean = false;
 
     useCustomToolbar = true;
+    useDropdownBreadcrumb = true;
 
     @Input()
     multipleFileUpload: boolean = false;