fixes for IE (#1318)

demo-shell-ng2/app/vendor.ts

@@ -32,6 +32,8 @@ import 'dialog-polyfill/dialog-polyfill.css';
 
 // Flags
 import 'flag-icon-css/css/flag-icon.min.css';
+import '../public/css/app.css';
+import '../public/css/muli-font.css';
 
 import 'ng2-activiti-form/stencils/runtime.ng1';
 import 'ng2-activiti-form/stencils/runtime.adf';

demo-shell-ng2/config/webpack.common.js

@@ -168,11 +168,6 @@ module.exports = {
                 from:  'material-design-lite/material.min.js',
                 to: 'js/material.min.js',
                 flatten: true
-            }, {
-                context: 'public',
-                from: 'css/app.css',
-                to: 'css/app.css',
-                flatten: true
             }, {
                 context: 'public',
                 from: 'css/material.orange-blue.min.css',
@@ -183,16 +178,6 @@ module.exports = {
                 from: 'material-design-icons/iconfont/',
                 to: 'css/iconfont/',
                 flatten: true
-            },  {
-                context: 'node_modules',
-                from: 'flag-icon-css/css/flag-icon.min.css',
-                to: 'css/flag-icon.min.css',
-                flatten: true
-            }, {
-                context: 'public',
-                from: 'fonts',
-                to: 'css',
-                flatten: true
             }, {
                 context: 'public',
                 from: 'js/typedarray.js',

demo-shell-ng2/index.html

@@ -5,30 +5,26 @@
     <title>Demo Application - Angular 2</title>
     <meta name="viewport" content="width=device-width, initial-scale=1">
 
-    <link href="css/app.css" rel="stylesheet">
     <link rel="icon" type="image/png" href="favicon-96x96.png" sizes="96x96">
 
     <!-- 1. Load libraries -->
     <!-- Polyfill(s) for Safari (pre-10.x) -->
-    <!--[if lt IE 7]>
-    <script src="js/dialog-polyfill.js"></script>
+    <script src=js/Intl.min.js></script>
 
+    <!--[if IE]>
     <script src=js/shim.min.js></script>
     <script src=//cdnjs.cloudflare.com/ajax/libs/dom4/1.8.3/dom4.js></script>
     <script src=js/element.scrollintoviewifneeded-polyfill.js></script>
     <script src=js/classlist-polyfill.js></script>
-    <script src=js/Intl.min.js></script>
     <script src=js/web-animations.min.js></script>
     <script src=js/typedarray.js></script>
     <script src=js/Blob.js></script>
     <script src=js/formdata.js></script>
     <script src=https://npmcdn.com/angular2/es6/dev/src/testing/shims_for_IE.js></script>
-    <script src=js/es6-shim.min.js></script>
     <script src=js/es5-shim.min.js></script>
+    <script src=js/es6-shim.min.js></script>
     <script src=js/system-polyfills.js></script>
     <![endif]-->
-    <link href=css/flag-icon.min.css rel="stylesheet" type="text/css/">
-    <link href=css/muli-font.csss rel="stylesheet" type="text/css/">
 
     <!-- Google Material Design Lite -->
     <link href="css/material.orange-blue.min.css" rel="stylesheet">

demo-shell-ng2/package.json

@@ -101,6 +101,7 @@
     "classlist-polyfill": "^1.0.3",
     "copy-webpack-plugin": "^4.0.1",
     "css-loader": "^0.23.1",
+    "es5-shim": "^4.5.9",
     "es6-shim": "^0.35.2",
     "extract-text-webpack-plugin": "^1.0.1",
     "file-loader": "^0.8.5",