[ADF-1518] Update material2 beta 10 and angular 4.3.6 (#2304)

* ignore pkg lock

* update pkg json

* date picker update material beta.10

* isDateInstance moment adapter

* style and  datepicker update material2 beta 10

* update test dateitem to beta10

* regenerate style files

* use material icons web font

* fix data range material 2 beta 10

* minors cleaning

* recreate styles

* remove unused componentHandler var

* fix failing test checkbox

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

@@ -51,8 +51,6 @@ import { Subscription } from 'rxjs/Rx';
 import { /*CustomEditorComponent*/ CustomStencil01 } from './custom-editor/custom-editor.component';
 import { DemoFieldValidator } from './demo-field-validator';
 
-declare var componentHandler;
-
 const currentProcessIdNew = '__NEW__';
 const currentTaskIdNew = '__NEW__';
 
@@ -384,11 +382,6 @@ export class ActivitiDemoComponent implements AfterViewInit, OnDestroy, OnInit {
     }
 
     ngAfterViewInit() {
-        // workaround for MDL issues with dynamic components
-        if (componentHandler) {
-            componentHandler.upgradeAllRegistered();
-        }
-
         this.loadStencilScriptsInPageFromActiviti();
     }
 

demo-shell-ng2/app/vendor.ts

@@ -38,7 +38,6 @@ require('script-loader!dialog-polyfill/dialog-polyfill');
 import 'dialog-polyfill/dialog-polyfill.css';
 
 // Google Material Design Lite
-import 'material-design-icons/iconfont/material-icons.css';
 import 'material-design-lite/dist/material.orange-blue.min.css';
 import 'material-design-lite/material.js';
 

demo-shell-ng2/index.html

@@ -7,7 +7,7 @@
 
     <link rel="icon" type="image/png" href="favicon-96x96.png" sizes="96x96">
     <link href="https://fonts.googleapis.com/css?family=Muli" rel="stylesheet">
-
+    <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
     <!--[if IE]>
     <script src=js/shim.min.js></script>
     <script src=//cdnjs.cloudflare.com/ajax/libs/dom4/1.8.3/dom4.js></script>

demo-shell-ng2/package.json

@@ -55,27 +55,26 @@
     "alfresco"
   ],
   "dependencies": {
-    "@angular/animations": "4.2.5",
-    "@angular/cdk": "2.0.0-beta.8",
-    "@angular/common": "4.2.5",
-    "@angular/compiler": "4.2.5",
-    "@angular/compiler-cli": "4.2.5",
-    "@angular/core": "4.2.5",
-    "@angular/flex-layout": "^2.0.0-beta.9",
-    "@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/animations": "4.3.6 ",
+    "@angular/cdk": "2.0.0-beta.10",
+    "@angular/common": "4.3.6 ",
+    "@angular/compiler": "4.3.6 ",
+    "@angular/compiler-cli": "4.3.6 ",
+    "@angular/core": "4.3.6 ",
+    "@angular/flex-layout": "2.0.0-beta.9",
+    "@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 ",
     "@ngx-translate/core": "7.0.0",
-    "alfresco-js-api": "1.8.0-9feb5d0164d6c5f994df8758e41ed126a8f69db2",
+    "alfresco-js-api": "1.8.0",
     "chart.js": "2.5.0",
     "core-js": "2.4.1",
     "dialog-polyfill": "0.4.7",
     "element.scrollintoviewifneeded-polyfill": "1.0.1",
     "intl": "1.2.5",
-    "material-design-icons": "2.2.3",
     "material-design-lite": "1.2.1",
     "minimatch": "3.0.4",
     "moment": "2.15.1",
@@ -101,7 +100,7 @@
     "raphael": "2.2.7",
     "reflect-metadata": "0.1.9",
     "rxjs": "5.1.0",
-    "zone.js": "0.8.11"
+    "zone.js": "0.8.12"
   },
   "devDependencies": {
     "@types/hammerjs": "2.0.34",
@@ -111,7 +110,7 @@
     "angular2-template-loader": "0.6.2",
     "codelyzer": "3.1.2",
     "copy-webpack-plugin": "4.0.1",
-    "css-loader": "0.26.1",
+    "css-loader": "0.25.0",
     "extract-text-webpack-plugin": "2.0.0-rc.3",
     "file-loader": "0.10.0",
     "fork-ts-checker-webpack-plugin": "0.2.4",