[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

ng2-components/ng2-activiti-processlist/package.json

@@ -35,15 +35,17 @@
   ],
   "dependencies": {
     "@angular/animations": "4.2.5",
+    "@angular/cdk": "2.0.0-beta.8",
     "@angular/common": "4.2.5",
     "@angular/compiler": "4.2.5",
     "@angular/core": "4.2.5",
     "@angular/forms": "4.2.5",
     "@angular/http": "4.2.5",
+    "@angular/material": "^2.0.0-beta.8",
     "@angular/platform-browser": "4.2.5",
     "@angular/platform-browser-dynamic": "4.2.5",
     "@angular/router": "4.2.5",
-    "@angular/material": "2.0.0-beta.6",
+    "@ngx-translate/core": "7.0.0",
     "alfresco-js-api": "~1.6.1",
     "core-js": "2.4.1",
     "hammerjs": "2.0.8",
@@ -53,7 +55,6 @@
     "ng2-activiti-tasklist": "1.6.1",
     "ng2-alfresco-core": "1.6.1",
     "ng2-alfresco-datatable": "1.6.1",
-    "@ngx-translate/core": "7.0.0",
     "reflect-metadata": "0.1.10",
     "rxjs": "5.1.0",
     "systemjs": "0.19.27",

ng2-components/ng2-activiti-processlist/src/assets/process.service.mock.ts

@@ -21,8 +21,8 @@ import {
     TaskDetailsModel,
     User
 } from 'ng2-activiti-tasklist';
-import { ProcessDefinitionRepresentation } from '../models/process-definition.model';
 import { FilterProcessRepresentationModel } from '../models/filter-process.model';
+import { ProcessDefinitionRepresentation } from '../models/process-definition.model';
 
 export let fakeFilters = {
     size: 1, total: 1, start: 0,

ng2-components/ng2-activiti-processlist/src/components/process-instance-variables.component.html

@@ -14,11 +14,11 @@
         <loading-content-template>
             <ng-template>
                 <!--Add your custom loading template here-->
-                <md-progress-spinner
+                <md-spinner
                     class="adf-variable-list-loading-margin"
                     [color]="'primary'"
                     [mode]="'indeterminate'">
-                </md-progress-spinner>
+                </md-spinner>
             </ng-template>
         </loading-content-template>
         <no-content-template>