[ADF-1731] update material2 beta12 e angular2 4.4.5 (#2475)

* update material2 beta12
update angular2 4.4.5

* fix changed version js-api

* update types hammerjs

* fix test

* clean old doc

* fix pagination test

* fix test

* missing update packages

* fix <mat-form-field> for select box

* start task component test

ng2-components/ng2-alfresco-social/package.json

@@ -22,17 +22,17 @@
     "url": "https://github.com/Alfresco/alfresco-ng2-components/issues"
   },
   "dependencies": {
-    "@angular/animations": "4.3.6",
-    "@angular/cdk": "2.0.0-beta.10",
-    "@angular/common": "4.3.6",
-    "@angular/compiler": "4.3.6",
-    "@angular/core": "4.3.6",
-    "@angular/forms": "4.3.6",
-    "@angular/http": "4.3.6",
-    "@angular/material": "2.0.0-beta.10",
-    "@angular/platform-browser": "4.3.6",
-    "@angular/platform-browser-dynamic": "4.3.6",
-    "@angular/router": "4.3.6",
+    "@angular/animations": "4.4.5",
+    "@angular/cdk": "2.0.0-beta.12",
+    "@angular/common": "4.4.5",
+    "@angular/compiler": "4.4.5",
+    "@angular/core": "4.4.5",
+    "@angular/forms": "4.4.5",
+    "@angular/http": "4.4.5",
+    "@angular/material": "2.0.0-beta.12",
+    "@angular/platform-browser": "4.4.5",
+    "@angular/platform-browser-dynamic": "4.4.5",
+    "@angular/router": "4.4.5",
     "@ngx-translate/core": "7.0.0",
     "alfresco-js-api": "1.9.0",
     "core-js": "2.4.1",
@@ -44,7 +44,7 @@
     "zone.js": "0.8.12"
   },
   "devDependencies": {
-    "@types/hammerjs": "2.0.34",
+    "@types/hammerjs": "2.0.35",
     "@types/jasmine": "2.5.35",
     "@types/node": "6.0.45",
     "adf-tslint-rules": "0.0.3",

ng2-components/ng2-alfresco-social/src/components/like.component.html

@@ -2,7 +2,7 @@
     <div class="adf-like">
         <span id="adf-like-{{nodeId}}" [ngClass]="{'adf-like-select': isLike ,'adf-like-grey': !isLike  }"
               (click)="likeClick()">
-            <md-icon>thumb_up</md-icon>
+            <mat-icon>thumb_up</mat-icon>
         </span>
     </div>
     <div id="adf-like-counter" class="adf-like-counter">{{likesCounter}}</div>

ng2-components/ng2-alfresco-social/src/components/rating.component.html

@@ -1,12 +1,12 @@
-<md-list id="adf-rating-container" class="adf-rating-container">
-    <md-list-item class="adf-rating-star" *ngFor="let currentRate of stars; let idx = index">
+<mat-list id="adf-rating-container" class="adf-rating-container">
+    <mat-list-item class="adf-rating-star" *ngFor="let currentRate of stars; let idx = index">
             <span id="adf-rate-{{idx}}">
-                <md-icon id="adf-grey-star-{{idx}}" *ngIf="currentRate.fill" class="adf-colored-star"
+                <mat-icon id="adf-grey-star-{{idx}}" *ngIf="currentRate.fill" class="adf-colored-star"
                          (click)="updateVote(idx + 1)">star_rate
-                </md-icon>
-                <md-icon id="adf-colored-star-{{idx}}" *ngIf="!currentRate.fill" class="adf-grey-star"
+                </mat-icon>
+                <mat-icon id="adf-colored-star-{{idx}}" *ngIf="!currentRate.fill" class="adf-grey-star"
                          (click)="updateVote(idx + 1)">star_border
-                </md-icon>
+                </mat-icon>
             </span>
-    </md-list-item>
-</md-list>
+    </mat-list-item>
+</mat-list>

ng2-components/ng2-alfresco-social/src/material.module.ts

@@ -17,14 +17,14 @@
 
 import { NgModule } from '@angular/core';
 import {
-    MdIconModule,
-    MdListModule
+    MatIconModule,
+    MatListModule
 } from '@angular/material';
 
 export function modules() {
     return [
-        MdIconModule,
-        MdListModule
+        MatIconModule,
+        MatListModule
     ];
 }