chore: fix up template paths and include material icon font

.editorconfig

@@ -0,0 +1,12 @@
+# pow-style
+
+root = true
+
+[*]
+charset = utf-8
+insert_final_newline = true
+indent_style = space
+indent_size = 2
+
+[*.{ts,html}]
+max_line_length = 120

.gitignore

@@ -0,0 +1,8 @@
+.DS_Store
+.idea
+lib/
+ng2-material/**/*.css
+ng2-material/**/*.css.map
+ng2-material/**/*.js
+ng2-material/**/*.js.map
+ng2-material/**/*.d.ts

Gruntfile.js

@@ -0,0 +1,88 @@
+module.exports = function (grunt) {
+  grunt.initConfig({
+    pkg: grunt.file.readJSON('package.json'),
+    sourceRoot: 'ng2-material',
+    clean: [
+      "lib/",
+      "<%- sourceRoot %>/**/*.js",
+      "<%- sourceRoot %>/**/*.js.map",
+      "<%- sourceRoot %>/**/*.css",
+      "<%- sourceRoot %>/**/*.css.map"
+    ],
+    notify: {
+      options: {title: 'Material for Angular2'},
+      styles: {options: {message: 'Styles Compiled.'}},
+      source: {options: {message: 'Source Compiled.'}}
+    },
+    ts: {
+      source: {
+        tsconfig: true
+      }
+    },
+    sass: {
+      dist: {
+        files: [{
+          expand: true,
+          cwd: '<%- sourceRoot %>',
+          dest: '<%- sourceRoot %>',
+          src: ["<%- sourceRoot %>/all.scss", "<%- sourceRoot %>/**/*.scss"],
+          ext: '.css'
+        }]
+      }
+    },
+    'http-server': {
+      dev: {
+        root: 'public',
+        port: 8282,
+        host: 'localhost',
+        ext: 'html',
+        runInBackground: true,
+        https: true,
+        openBrowser: true
+      }
+    },
+    watch: {
+      sass: {
+        files: ['<%- sourceRoot %>/**/*.scss'],
+        tasks: ['sass', 'notify:styles']
+      },
+      ts: {
+        files: ['<%- sourceRoot %>/**/*.ts'],
+        tasks: ['ts', 'notify:source']
+      }
+    }
+  });
+
+  grunt.loadNpmTasks('grunt-http-server');
+  grunt.loadNpmTasks('grunt-contrib-clean');
+  grunt.loadNpmTasks('grunt-contrib-watch');
+  grunt.loadNpmTasks('grunt-contrib-sass');
+  grunt.loadNpmTasks('grunt-notify');
+  grunt.loadNpmTasks('grunt-ts');
+  grunt.registerTask('default', ['ts', 'sass']);
+  grunt.registerTask('develop-ide', ['default', 'http-server']);
+  grunt.registerTask('develop', ['develop-ide', 'watch']);
+
+
+  grunt.registerTask('dist-bundle', 'Build a single-file javascript output.', function () {
+    var done = this.async();
+    var Builder = require('systemjs-builder');
+    var builder = new Builder('./', './config.js');
+    builder
+      .bundle('ng2-material', 'lib/ng2-material/ng2-material.js', {
+        minify: false,
+        sourceMaps: true
+      })
+      .then(function () {
+        return builder.bundle('ng2-material', 'lib/ng2-material/ng2-material.min.js', {
+          minify: true,
+          sourceMaps: true
+        });
+      })
+      .then(function () {
+        done();
+      });
+  });
+
+
+};

README.md

@@ -0,0 +1,25 @@
+Material Design for Angular2
+---
+
+This project is intended to be a placeholder for material design components in Angular2 until an official
+implementation is provided.  
+
+These components are based very heavily on the components and styles defined in the 
+[Angular Material](https://github.com/angular/material) and [Angular 2](https://github.com/angular/angular) projects.  
+
+
+
+## License 
+
+### [Angular Material](https://github.com/angular/material)
+
+ - scss and source file reference for angular2 component implementations and services
+ - layout and typography styles (layout="row",layout-align="center center",...)
+
+License: [MIT](https://github.com/angular/material/blob/master/LICENSE)
+
+### [Angular 2.0.0-alpha.48](https://github.com/angular/angular)
+
+ - scss utilities for defining default material theme and theme function
+
+License: [Apache2](https://github.com/angular/angular/blob/master/LICENSE)

config.js

@@ -0,0 +1,23 @@
+System.config({
+  baseUrl: './',
+  transpiler: 'typescript',
+  typescriptOptions: {
+    resolveTypings: true,
+    emitDecoratorMetadata: true,
+    sourceMap: true,
+    inlineSourceMap: false
+  },
+  packages: {
+    'ng2-material': {
+      main: './all.ts',
+      defaultExtension: 'ts'
+    }
+  },
+  map: {
+    typescript: './node_modules/typescript/lib/typescript.js'
+  },
+  paths: {
+    "angular2/*": "./node_modules/angular2/bundles/angular2.dev.js"
+  },
+  defaultJSExtensions: true
+});

font/README.md

@@ -0,0 +1,9 @@
+The recommended way to use the Material Icons font is by linking to the web font hosted on Google Fonts:
+
+```html
+<link href="https://fonts.googleapis.com/icon?family=Material+Icons"
+      rel="stylesheet">
+```
+
+Read more in our full usage guide:
+http://google.github.io/material-design-icons/#icon-font-for-the-web