[release] 0.7.4

Develop

.babelrc

@@ -7,7 +7,7 @@
       "env",
       {
         "targets": {
-          "browsers": ["last 3 versions", "not IE < 11"]
+          "browsers": ["last 3 versions", "not IE < 10"]
         }
       }
     ]
@@ -16,4 +16,4 @@
     "transform-runtime",
     "add-module-exports"
   ]
-}
+}

.editorconfig

@@ -1,13 +0,0 @@
-# http://editorconfig.org
-root = true
-
-[*]
-charset = utf-8
-end_of_line = lf
-indent_size = 2
-indent_style = space
-insert_final_newline = true
-trim_trailing_whitespace = true
-
-[*.md]
-trim_trailing_whitespace = false

LICENSE

@@ -1,22 +0,0 @@
-
-The MIT License (MIT)
-
-Copyright (c) 2016 Marcos Moura
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in
-all copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
-THE SOFTWARE.

README.md

@@ -7,13 +7,29 @@
 <p align="center">Material Design for Vue.js</p>
 
 <p align="center">
-  <a href="https://www.npmjs.com/package/vue-material"><img src="https://img.shields.io/npm/dt/vue-material.svg" alt="Downloads"></a>
+  <a href="https://www.npmjs.com/package/vue-material">
+    <img src="https://img.shields.io/npm/dt/vue-material.svg" alt="Downloads">
+  </a>
 
-  <a href="https://www.npmjs.com/package/vue-material"><img src="https://img.shields.io/npm/v/vue-material.svg" alt="Version"></a>
+  <a href="https://www.npmjs.com/package/vue-material">
+    <img src="https://img.shields.io/npm/v/vue-material.svg" alt="Version">
+</a>
 
-  <a href="https://www.npmjs.com/package/vue-material"><img src="https://img.shields.io/npm/l/vue-material.svg" alt="License"></a>
+  <a href="https://cdnjs.com/libraries/vue-material">
+    <img src="https://img.shields.io/cdnjs/v/vue-material.svg" alt="Version">
+  </a>
 
-  <a href="https://gitter.im/vuematerial"><img src="https://img.shields.io/gitter/room/vuematerial/home.svg" alt="Gitter Chat"></a> <br>
+  <a href="https://cdnjs.com/libraries/vue-material">
+    <img src="https://img.shields.io/cdnjs/v/vue-material.svg" alt="Version">
+  </a>
+
+  <a href="https://www.npmjs.com/package/vue-material">
+    <img src="https://img.shields.io/npm/l/vue-material.svg" alt="License">
+  </a>
+
+  <a href="https://gitter.im/vuematerial">
+    <img src="https://img.shields.io/gitter/room/vuematerial/home.svg" alt="Gitter Chat">
+  </a>
 </p>
 
 Vue Material is lightweight framework built exactly according to the <a href="http://material.google.com" target="_blank">Material Design</a> specs. 

build/release.sh

@@ -31,6 +31,7 @@ if [[ $REPLY =~ ^[Yy]$ ]]; then
   PACKAGE_VERSION=$(get_package_version)
   cp -Rf dist/docs/releases tmp-releases
   cp -Rf dist/docs tmp-releases/v$PACKAGE_VERSION
+  rm -Rf tmp-releases/v$PACKAGE_VERSION/releases
 
   # append version
   sed -i '' -e "s|\"]|\", \"$VERSION\"]|g" docs/versions.json
@@ -54,7 +55,8 @@ if [[ $REPLY =~ ^[Yy]$ ]]; then
     git remote remove site
   fi
 
-  git remote add site https://github.com/vuematerial/vuematerial.github.io.git
+#  git remote add site https://github.com/vuematerial/vuematerial.github.io.git
+  git remote add site git@github.com:vuematerial/vuematerial.github.io.git
   git push site `git subtree split --prefix dist/docs master`:master --force --progress
 
   npm publish

build/server/build-docs.js

@@ -1,5 +1,27 @@
+import ora from 'ora';
+import chalk from 'chalk';
 import webpack from 'webpack';
-import build from './build';
 import webpackConfig from '../webpack/prod-docs';
 
-webpack(webpackConfig, build);
+const spinner = ora(chalk.cyan('Building website'));
+
+process.stdout.write('\n');
+spinner.start();
+
+webpack(webpackConfig, (error, stats) => {
+  if (error) {
+    spinner.fail(chalk.red('Something wrong happened:\n'));
+
+    throw error;
+  }
+
+  process.stdout.write('\n\n' + stats.toString({
+    colors: true,
+    modules: false,
+    children: false,
+    chunks: false,
+    chunkModules: false
+  }) + '\n\n');
+
+  spinner.succeed(chalk.green('Documentation builded with success!\n'));
+});

build/server/build-lib.js

@@ -1,6 +1,28 @@
+import ora from 'ora';
+import chalk from 'chalk';
 import webpack from 'webpack';
-import build from './build';
 import webpackConfig from '../webpack/prod-lib';
 import webpackDebugConfig from '../webpack/debug-lib';
 
-webpack([webpackConfig, webpackDebugConfig], build);
+const spinner = ora(chalk.cyan('Building library'));
+
+process.stdout.write('\n');
+spinner.start();
+
+webpack([webpackConfig, webpackDebugConfig], (error, stats) => {
+  if (error) {
+    spinner.fail(chalk.red('Something wrong happened:\n'));
+
+    throw error;
+  }
+
+  process.stdout.write('\n\n' + stats.toString({
+    colors: true,
+    modules: false,
+    children: false,
+    chunks: false,
+    chunkModules: false
+  }) + '\n\n');
+
+  spinner.succeed(chalk.green('Build finished with success!\n'));
+});

build/server/build.js

@@ -1,25 +0,0 @@
-import ora from 'ora';
-
-const spinner = ora({
-  text: 'Building...',
-  spinner: 'circleQuarters',
-  color: 'green'
-});
-
-spinner.start();
-
-export default function done(error, stats) {
-  if (error) {
-    throw error;
-  }
-
-  process.stdout.write('\n\n' + stats.toString({
-    colors: true,
-    modules: false,
-    children: false,
-    chunks: false,
-    chunkModules: false
-  }) + '\n');
-
-  spinner.stop();
-}

build/server/index.js

@@ -8,7 +8,6 @@ import historyApiFallback from 'connect-history-api-fallback';
 import config from '../config';
 import webpackConfig from '../webpack/dev';
 
-
 const app = express();
 const compiler = webpack(webpackConfig);
 const rootPath = path.join(__dirname, '..', '..');

build/webpack/dev.js

@@ -10,7 +10,7 @@ Object.keys(baseWebpackConfig.entry).forEach((name) => {
 });
 
 export default merge(baseWebpackConfig, {
-  devtool: 'cheap-module-eval-source-map',
+  devtool: '#cheap-module-eval-source-map',
   module: {
     rules: [
       {

build/webpack/prod-docs.js

@@ -6,6 +6,8 @@ import ExtractTextPlugin from 'extract-text-webpack-plugin';
 import CopyWebpackPlugin from 'copy-webpack-plugin';
 import HtmlWebpackPlugin from 'html-webpack-plugin';
 import OptimizeJsPlugin from 'optimize-js-plugin';
+import OptimizeCssAssetsPlugin from 'optimize-css-assets-webpack-plugin';
+import mediaPacker from 'css-mqpacker';
 import config from '../config';
 import baseConfig from './base';
 
@@ -36,8 +38,9 @@ const conf = merge(baseConfig, {
           },
           postcss: [
             autoprefixer({
-              browsers: ['last 3 versions', 'not IE < 11']
-            })
+              browsers: ['last 3 versions', 'not IE < 10']
+            }),
+            mediaPacker()
           ]
         }
       },
@@ -64,7 +67,16 @@ const conf = merge(baseConfig, {
     }),
     new webpack.optimize.UglifyJsPlugin({
       compress: {
-        warnings: false
+        warnings: false,
+        screw_ie8: true,
+        conditionals: true,
+        unused: true,
+        comparisons: true,
+        sequences: true,
+        dead_code: true,
+        evaluate: true,
+        join_vars: true,
+        if_return: true
       },
       output: {
         comments: false
@@ -130,6 +142,9 @@ const conf = merge(baseConfig, {
     new webpack.optimize.CommonsChunkPlugin({
       name: 'manifest',
       chunks: ['vendor']
+    }),
+    new OptimizeCssAssetsPlugin({
+      canPrint: false
     })
   ]
 });

build/webpack/prod-lib.js

@@ -5,6 +5,8 @@ import merge from 'webpack-merge';
 import autoprefixer from 'autoprefixer';
 import ExtractTextPlugin from 'extract-text-webpack-plugin';
 import OptimizeJsPlugin from 'optimize-js-plugin';
+import OptimizeCssAssetsPlugin from 'optimize-css-assets-webpack-plugin';
+import mediaPacker from 'css-mqpacker';
 import config from '../config';
 import baseConfig from './base';
 
@@ -53,8 +55,9 @@ export default merge(baseConfig, {
           },
           postcss: [
             autoprefixer({
-              browsers: ['last 3 versions', 'not IE < 11']
-            })
+              browsers: ['last 3 versions', 'not IE < 10']
+            }),
+            mediaPacker()
           ]
         }
       },
@@ -90,7 +93,16 @@ export default merge(baseConfig, {
     }),
     new webpack.optimize.UglifyJsPlugin({
       compress: {
-        warnings: false
+        warnings: false,
+        screw_ie8: true,
+        conditionals: true,
+        unused: true,
+        comparisons: true,
+        sequences: true,
+        dead_code: true,
+        evaluate: true,
+        join_vars: true,
+        if_return: true
       },
       output: {
         comments: false
@@ -109,6 +121,9 @@ export default merge(baseConfig, {
       raw: true,
       entryOnly: true
     }),
-    new ExtractTextPlugin('[name].css')
+    new ExtractTextPlugin('[name].css'),
+    new OptimizeCssAssetsPlugin({
+      canPrint: false
+    })
   ]
 });

changelog.html

@@ -0,0 +1,484 @@
+<section>
+  <h2 class="md-headline">
+    <a href="https://vuematerial.github.io/">v0.7.1 - Standalone fixes</a>
+  </h2>
+  <h3 class="md-title">Fixes:</h3>
+  <ul>
+    <li>fix regression of @click handler <a href="https://github.com/marcosmoura/vue-material/issues/454" target="_blank" rel="noopener">#454</a></li>
+    <li>add href support to mdMenuItem <a href="https://github.com/marcosmoura/vue-material/issues/463" target="_blank" rel="noopener">#463</a></li>
+    <li>fix IE11 support <a href="https://github.com/marcosmoura/vue-material/issues/459" target="_blank" rel="noopener">#459</a></li>
+    <li>fix ripple not reseting after second click <a href="https://github.com/marcosmoura/vue-material/issues/461" target="_blank" rel="noopener">#461</a></li>
+    <li>add fallback loading to cross-domain images <a href="https://github.com/marcosmoura/vue-material/issues/424" target="_blank" rel="noopener">#424</a></li>
+    <li>add better examples to list page <a href="https://github.com/marcosmoura/vue-material/issues/457" target="_blank" rel="noopener">#457</a></li>
+    <li>fix and optimize layout media queries after upgrade to webpack 2 <a href="https://github.com/marcosmoura/vue-material/issues/456" target="_blank" rel="noopener">#456</a></li>
+    <li>fix gutter example on documentation website</li>
+  </ul>
+</section>
+
+<section>
+  <h2 class="md-headline">
+    <a href="https://vuematerial.github.io/releases/v0.7.0">v0.7.0 - A lot of fixes and improvements!</a>
+  </h2>
+
+  <h3 class="md-title">New Components:</h3>
+  <ul>
+    <li>Speed Dial</li>
+  </ul>
+
+  <h3 class="md-title">New Features:</h3>
+  <ul>
+    <li>
+      <h4 class="md-body-2">Support to icons without ligatures</h4>
+      <p>Now you can use icon font like Font Awesome! (Thanks to <a href="https://github.com/sombriks" target="_blank" rel="noopener">@sombriks</a>)</p>
+    </li>
+
+    <li>
+      <h4 class="md-body-2">Support to SVG icon on bottom bar</h4>
+      <p>(Thanks to <a href="https://github.com/sombriks" target="_blank" rel="noopener">@sombriks</a>)</p>
+    </li>
+
+    <li>
+      <h4 class="md-body-2">Select working without v-model</h4>
+      <p>For those who use Laravel with Vue.js...</p>
+    </li>
+
+    <li>
+      <h4 class="md-body-2">List item component recriated from scratch</h4>
+      <p>Now more performant and more stable.</p>
+    </li>
+
+    <li>
+      <h4 class="md-body-2">Swipe gestures on left Sidenav</h4>
+      <p>More responsive and fluid experience on mobile devices. (Thanks to <a href="https://github.com/igor-ribeiro" target="_blank" rel="noopener">@igor-ribeiro</a>)</p>
+    </li>
+
+    <li>
+      <h4 class="md-body-2">Support to Theme Color on Android</h4>
+      <p>Change the browser window color inside Chrome for Android based on the current theme.</p>
+    </li>
+  </ul>
+
+  <h3 class="md-title">Breaking changes:</h3>
+  <ul>
+    <li>
+      <p>To avoid issues and conflicts between multiple events on buttons and other "clickable" components the internal <code>@click</code> event don't work anymore. Use <code>@click.native</code> instead.</p>
+    </li>
+
+    <li>
+      <p><strong>Only for contributors:</strong> To build Vue Material is now needed to upgrade all dependencies. Vue Material uses Webpack 2 under the hood and all dependencies were bumped to the latest.</p>
+    </li>
+  </ul>
+
+  <h3 class="md-title">Fixes:</h3>
+  <ul>
+    <li>check for null parent elements in mdInkRipple <a href="https://github.com/marcosmoura/vue-material/issues/313" target="_blank" rel="noopener">#313</a> (Thanks to <a href="https://github.com/korylprince" target="_blank" rel="noopener">@korylprince</a>)</li>
+    <li>update the number of rows if the data set changes on mdTable <a href="https://github.com/marcosmoura/vue-material/issues/320" target="_blank" rel="noopener">#320</a> (Thanks to <a href="https://github.com/pablohpsilva" target="_blank" rel="noopener">@pablohpsilva</a>)</li>
+    <li>disable pointer events on snackbar container <a href="https://github.com/marcosmoura/vue-material/issues/327" target="_blank" rel="noopener">#327</a> (Thanks to <a href="https://github.com/korylprince" target="_blank" rel="noopener">@korylprince</a>)</li>
+    <li>allow null value to be passed to parent of md-select <a href="https://github.com/marcosmoura/vue-material/issues/338" target="_blank" rel="noopener">#338</a> (Thanks to <a href="https://github.com/korylprince" target="_blank" rel="noopener">@korylprince</a>)</li>
+    <li>fix textarea autosize on initial value <a href="https://github.com/marcosmoura/vue-material/issues/341" target="_blank" rel="noopener">#341</a> (Thanks to <a href="https://github.com/korylprince" target="_blank" rel="noopener">@korylprince</a>)</li>
+    <li>fix char counter not updating after model change <a href="https://github.com/marcosmoura/vue-material/issues/384" target="_blank" rel="noopener">#384</a></li>
+    <li>prevent parent forms from submitting when adding chips <a href="https://github.com/marcosmoura/vue-material/issues/383" target="_blank" rel="noopener">#383</a></li>
+    <li>prevent body from scroll on dialogs and menus <a href="https://github.com/marcosmoura/vue-material/issues/373" target="_blank" rel="noopener">#373</a></li>
+    <li>fix error message not moving down on textarea <a href="https://github.com/marcosmoura/vue-material/issues/362" target="_blank" rel="noopener">#362</a></li>
+    <li>add checked attribute to checkbox <a href="https://github.com/marcosmoura/vue-material/issues/366" target="_blank" rel="noopener">#366</a></li>
+    <li>add select events when open and close mdSelect <a href="https://github.com/marcosmoura/vue-material/issues/357" target="_blank" rel="noopener">#357</a></li>
+    <li>fix radio parsing md-value wrongly when null <a href="https://github.com/marcosmoura/vue-material/issues/378" target="_blank" rel="noopener">#378</a></li>
+    <li>fix md-input colors inside cards <a href="https://github.com/marcosmoura/vue-material/issues/421" target="_blank" rel="noopener">#421</a></li>
+    <li>fix overflow button color theme in cards <a href="https://github.com/marcosmoura/vue-material/issues/421" target="_blank" rel="noopener">#421</a></li>
+    <li>pause snackbar timeout on hover <a href="https://github.com/marcosmoura/vue-material/issues/434" target="_blank" rel="noopener">#434</a> (Thanks to <a href="https://github.com/igor-ribeiro" target="_blank" rel="noopener">@igor-ribeiro</a>)</li>
+    <li>enable multiple expansions in mdList <a href="https://github.com/marcosmoura/vue-material/issues/442" target="_blank" rel="noopener">#442</a> (Thanks to <a href="https://github.com/ivictbor" target="_blank" rel="noopener">@ivictbor</a>)</li>
+    <li>allow preventDefault in md-switch <a href="https://github.com/marcosmoura/vue-material/issues/435" target="_blank" rel="noopener">#435</a> (Thanks to <a href="https://github.com/ivictbor" target="_blank" rel="noopener">@ivictbor</a>)</li>
+    <li>add styles for input inside toolbar <a href="https://github.com/marcosmoura/vue-material/issues/395" target="_blank" rel="noopener">#395</a></li>
+    <li>prevent ripple from getting undefined when parent elements doesnt exists</li>
+    <li>normalize mobile and desktop events on ripple</li>
+    <li>normalize mobile and desktop events on ripple</li>
+    <li>remove unnecessary Vue.extend on component definition</li>
+    <li>upgrade to webpack 2 with tree shaking support</li>
+    <li>update supported browsers</li>
+  </ul>
+</section>
+
+<section>
+  <h2 class="md-headline">
+    <a href="https://vuematerial.github.io/releases/v0.6.3">v0.6.3 - Standalone fixes</a>
+  </h2>
+  <h3 class="md-title">Fixes:</h3>
+  <ul>
+    <li>fix broken standalone build <a href="https://github.com/marcosmoura/vue-material/issues/312" target="_blank" rel="noopener">#312</a> (Thanks to <a href="https://github.com/korylprince" target="_blank" rel="noopener">@korylprince</a>)</li>
+  </ul>
+
+  <p>Sorry about so many updates!</p>
+</section>
+</section>
+
+<section>
+  <h2 class="md-headline">
+    <a href="https://vuematerial.github.io/releases/v0.6.2">v0.6.2 - Webpack fixes</a>
+  </h2>
+  <h3 class="md-title">Fixes:</h3>
+  <ul>
+    <li>fix alias for webpack <a href="https://github.com/marcosmoura/vue-material/issues/311" target="_blank" rel="noopener">#311</a></li>
+  </ul>
+</section>
+
+<section>
+  <h2 class="md-headline">
+    <a href="https://vuematerial.github.io/releases/v0.6.1">v0.6.1 - Hotfixes</a>
+  </h2>
+  <h3 class="md-title">Fixes:</h3>
+  <ul>
+    <li>fix bundle removing internal components at build time <a href="https://github.com/marcosmoura/vue-material/issues/273" target="_blank" rel="noopener">#273</a> <a href="https://github.com/marcosmoura/vue-material/issues/309" target="_blank" rel="noopener">#309</a></li>
+    <li>fix md-icon-button with pallete colors inside cards <a href="https://github.com/marcosmoura/vue-material/issues/307" target="_blank" rel="noopener">#307</a></li>
+  </ul>
+</section>
+
+<section>
+  <h2 class="md-headline">
+    <a href="https://vuematerial.github.io/releases/v0.6.0">v0.6.0 - New components and Improved performance</a>
+  </h2>
+
+  <h3 class="md-title">New Components:</h3>
+  <ul>
+    <li>Chips</li>
+    <li>File</li>
+    <li>Image Loader</li>
+    <li>Progress</li>
+    <li>Snackbar</li>
+  </ul>
+
+  <h3 class="md-title">New Features:</h3>
+  <ul>
+    <li>
+      <h4 class="md-body-2">SVG and PNG ICONS!!!</h4>
+      <p>Another long time requested feature. Use external SVG icons inside the md-icon component with a lazy load and cache features.</p>
+    </li>
+
+    <li>
+      <h4 class="md-body-2">New icon sizes</h4>
+      <p>1x, 2x, 3x, 4x or 5x. Choose your icon size!</p>
+    </li>
+
+    <li>
+      <h4 class="md-body-2">New ripple component</h4>
+      <p>A more performant ripple component with great support for touch devices.</p>
+    </li>
+
+    <li>
+      <h4 class="md-body-2">Disable ripple globally</h4>
+      <p>If you don't want that extra effect you can disable the ripple globally calling the API. Just follow the <a href="/#/components/ink-ripple">guide</a>.</p>
+    </li>
+
+    <li>
+      <h4 class="md-body-2">Reduced file size</h4>
+      <p>Now Vue Material is ~20% lighter</p>
+    </li>
+
+    <li>
+      <h4 class="md-body-2">Responsive md-offset on md-layout</h4>
+      <p>md-flex-offset-{type}</p>
+    </li>
+
+    <li>
+      <h4 class="md-body-2">New md-layout alignment options with md-align</h4>
+      <p>Apply an alignment to the container. Accepts <code>start</code>|<code>center</code>|<code>end</code> Example: <code>md-align="end"</code></p>
+    </li>
+  </ul>
+
+  <h3 class="md-title">Breaking changes:</h3>
+  <ul>
+    <li>
+      <p>The old v-md-ink-ripple is now removed</p>
+    </li>
+  </ul>
+
+  <h3 class="md-title">Fixes:</h3>
+  <ul>
+    <li>recalculate indicator tab when parent changes <a href="https://github.com/marcosmoura/vue-material/issues/258" target="_blank" rel="noopener">#258</a></li>
+    <li>fix md-input-container not reseting when model is null <a href="https://github.com/marcosmoura/vue-material/issues/277" target="_blank" rel="noopener">#277</a> (Thanks to <a href="https://github.com/korylprince" target="_blank" rel="noopener">@korylprince</a>)</li>
+    <li>fix expansion lists size on resize <a href="https://github.com/marcosmoura/vue-material/issues/278" target="_blank" rel="noopener">#278</a></li>
+    <li>set empty file when click on cancel button in md-file <a href="https://github.com/marcosmoura/vue-material/issues/290" target="_blank" rel="noopener">#290</a> (Thanks to <a href="https://github.com/korylprince" target="_blank" rel="noopener">@korylprince</a>)</li>
+  </ul>
+</section>
+
+<section>
+  <h2 class="md-headline">
+    <a href="https://vuematerial.github.io/releases/v0.5.1">v0.5.2 - Bugfixes</a>
+  </h2>
+  <h3 class="md-title">Fixes:</h3>
+  <ul>
+    <li>add cdn references to docs</li>
+    <li>fix card expand negative margin</li>
+    <li>split documentation pages into multiple bundles</li>
+    <li>remove menu scroll <a href="https://github.com/marcosmoura/vue-material/issues/242" target="_blank" rel="noopener">#242</a></li>
+    <li>rename sidenav show method to open <a href="https://github.com/marcosmoura/vue-material/issues/238" target="_blank" rel="noopener">#238</a></li>
+    <li>fire "selected" event when select changes <a href="https://github.com/marcosmoura/vue-material/issues/230" target="_blank" rel="noopener">#230</a></li>
+    <li>fix grey/white theme colors <a href="https://github.com/marcosmoura/vue-material/issues/233" target="_blank" rel="noopener">#233</a></li>
+    <li>improve the icon component documentation <a href="https://github.com/marcosmoura/vue-material/issues/226" target="_blank" rel="noopener">#226</a> (Thanks to <a href="https://github.com/Nicolapps" target="_blank" rel="noopener">@Nicolapps</a>)</li>
+    <li>fix mdTheme.vue filename case <a href="https://github.com/marcosmoura/vue-material/issues/252" target="_blank" rel="noopener">#252</a> (Thanks to <a href="https://github.com/korylprince" target="_blank" rel="noopener">@korylprince</a>)</li>
+    <li>fix version selector <a href="https://github.com/marcosmoura/vue-material/issues/240" target="_blank" rel="noopener">#240</a></li>
+    <li>check initial value for multiple selects <a href="https://github.com/marcosmoura/vue-material/issues/245" target="_blank" rel="noopener">#245</a></li>
+    <li>watch for dom changes on tab parent <a href="https://github.com/marcosmoura/vue-material/issues/248" target="_blank" rel="noopener">#248</a></li>
+    <li>remove menu theming <a href="https://github.com/marcosmoura/vue-material/issues/253" target="_blank" rel="noopener">#253</a></li>
+  </ul>
+</section>
+
+<section>
+  <h2 class="md-headline">
+    <a href="https://vuematerial.github.io/releases/v0.5.1">v0.5.1 - Bugfixes</a>
+  </h2>
+  <h3 class="md-title">Fixes:</h3>
+  <ul>
+    <li>remove invalid toggle option for expansion list <a href="https://github.com/marcosmoura/vue-material/issues/215" target="_blank" rel="noopener">#215</a></li>
+    <li>revert demo code for layout page <a href="https://github.com/marcosmoura/vue-material/issues/216" target="_blank" rel="noopener">#216</a></li>
+    <li>fix docs not scrolling on firefox <a href="https://github.com/marcosmoura/vue-material/issues/218" target="_blank" rel="noopener">#218</a></li>
+    <li>fix vue material instance on non commonjs env <a href="https://github.com/marcosmoura/vue-material/issues/220" target="_blank" rel="noopener">#220</a></li>
+    <li>recalculate the expansion element if a child is added</li>
+  </ul>
+</section>
+
+<section>
+  <h2 class="md-headline">v0.5.0 - New Grid System Engine!</h2>
+
+  <h3 class="md-title">New Components:</h3>
+  <ul>
+    <li>Theme</li>
+    <li>Layout</li>
+    <li>Spinner</li>
+  </ul>
+  <p>The long time requested feature is here! Vue Material has a new and easy-to-use Grid System. Enjoy!</p>
+
+  <h3 class="md-title">Breaking changes:</h3>
+  <p>The first breaking change we never forget. The themes engine has changed and it's more simple now. This change make the themes reactive to make the themes dynamic using the theme component or the API. The performance of the engine is waaay better and the theme styles are now fixed and have a better scope.</p>
+  <p>Check all theme changes in the new <a href="#/themes/configuration">themes section</a> inside the documentation website. There are some changes in the theme API:</p>
+
+  <h5 class="md-body-2">v-md-theme directive removed</h5>
+  <p>The <code>v-md-theme</code> do not exists anymore and should be replaced by the brand new <code>&lt;md-theme&gt;</code> component.</p>
+
+  <h5 class="md-body-2">Register method renamed</h5>
+  <p><code>Vue.material.theme.register</code> changed to <code>Vue.material.registerTheme</code>. This will make the API smore simple and easy to write.</p>
+
+  <h5 class="md-body-2">Register All removed</h5>
+  <p><code>Vue.material.theme.registerAll</code> was removed. The <code>Vue.material.registerTheme</code> function now accepts a object:</p>
+  <pre>
+Vue.material.registerTheme('about', {
+  primary: {
+    color: 'indigo',
+    hue: 'A200'
+  },
+  accent: {
+    color: 'grey',
+    hue: 300
+  }
+})
+  </pre>
+
+  <h5 class="md-body-2">No need to use a default theme</h5>
+  <p>Vue Material now comes with a default theme, according with the specifications.</p>
+
+  <h5 class="md-body-2">Applying other themes as the default (A.K.A. dynamic themes)</h5>
+  <p>There is a new function to set the theme of you application dynamically:</p>
+  <pre>
+Vue.material.setCurrentTheme('about')
+  </pre>
+
+  <h3 class="md-title">New:</h3>
+  <ul>
+    <li>pass $event to on click inside md-list-item <a href="https://github.com/marcosmoura/vue-material/issues/175" target="_blank" rel="noopener">#175</a></li>
+    <li>add support for theming on Cards <a href="https://github.com/marcosmoura/vue-material/issues/173" target="_blank" rel="noopener">#173</a></li>
+    <li>add md-tooltip for tabheader <a href="https://github.com/marcosmoura/vue-material/issues/171" target="_blank" rel="noopener">#171</a></li>
+  </ul>
+
+  <h3 class="md-title">Fixes:</h3>
+  <ul>
+    <li>adjust menu offset position when scroll is present <a href="https://github.com/marcosmoura/vue-material/issues/180" target="_blank" rel="noopener">#180</a></li>
+  </ul>
+
+  <small>* Also it's not possible to see the code from previous version due to a change in the build system.</small>
+</section>
+
+<section>
+  <h2 class="md-headline">v0.4.3 - Bugfixes</h2>
+  <h3 class="md-title">Fixes:</h3>
+  <ul>
+    <li>fix releases tree, load versions and changelog externaly</li>
+    <li>fix build structure</li>
+  </ul>
+</section>
+
+<section>
+  <h2 class="md-headline">v0.4.2 - Bugfixes</h2>
+  <h3 class="md-title">Fixes:</h3>
+  <ul>
+    <li>fix switch not updating state after value change <a href="https://github.com/marcosmoura/vue-material/issues/200" target="_blank" rel="noopener">#200</a></li>
+    <li>fix dialog with input closing after typing <a href="https://github.com/marcosmoura/vue-material/issues/183" target="_blank" rel="noopener">#183</a></li>
+    <li>fix tooltip errors in console <a href="https://github.com/marcosmoura/vue-material/issues/188" target="_blank" rel="noopener">#188</a></li>
+    <li>fix value in select with option with v-if <a href="https://github.com/marcosmoura/vue-material/issues/198" target="_blank" rel="noopener">#198</a></li>
+  </ul>
+</section>
+
+<section>
+  <h2 class="md-headline">v0.4.1 - Bugfixes</h2>
+  <h3 class="md-title">Fixes:</h3>
+  <ul>
+    <li>create custom tags in whiteframe component <a href="https://github.com/marcosmoura/vue-material/issues/169" target="_blank" rel="noopener">#169</a></li>
+    <li>fix undefined object.values method and emit @change event <a href="https://github.com/marcosmoura/vue-material/issues/167" target="_blank" rel="noopener">#167</a> <a href="https://github.com/marcosmoura/vue-material/issues/165" target="_blank" rel="noopener">#165</a> (Thanks to <a href="https://github.com/jtouzy" target="_blank" rel="noopener">@jtouzy</a>)</li>
+    <li>add reference of currentPage in mdTablePagination <a href="https://github.com/marcosmoura/vue-material/issues/163" target="_blank" rel="noopener">#163</a> (Thanks to <a href="https://github.com/jonataswalker" target="_blank" rel="noopener">@jonataswalker</a>)</li>
+    <li>add scrollbar behaviour in dialog content <a href="https://github.com/marcosmoura/vue-material/issues/161" target="_blank" rel="noopener">#161</a></li>
+    <li>resize textarea when a value change <a href="https://github.com/marcosmoura/vue-material/issues/160" target="_blank" rel="noopener">#160</a></li>
+    <li>fix disabled selects being selectable <a href="https://github.com/marcosmoura/vue-material/issues/159" target="_blank" rel="noopener">#159</a></li>
+    <li>add code sample to switch <a href="https://github.com/marcosmoura/vue-material/issues/157" target="_blank" rel="noopener">#157</a> (Thanks to <a href="https://github.com/vuchl" target="_blank" rel="noopener">@vuchl</a>)</li>
+    <li>fix tooltip not being removed <a href="https://github.com/marcosmoura/vue-material/issues/156" target="_blank" rel="noopener">#156</a></li>
+    <li>update prompt code example to be a prompt <a href="https://github.com/marcosmoura/vue-material/issues/150" target="_blank" rel="noopener">#150</a> (Thanks to <a href="https://github.com/vuchl" target="_blank" rel="noopener">@vuchl</a>)</li>
+  </ul>
+</section>
+
+<section>
+  <h2 class="md-headline">v0.4.0 - New Documentation Website</h2>
+  <h3 class="md-title">New Documentation:</h3>
+  <ul>
+    <li>Better Getting started</li>
+    <li>Themes guide</li>
+    <li>Version selector</li>
+    <li>API Guide</li>
+    <li>Better Examples</li>
+  </ul>
+
+  <h3 class="md-title">New Components:</h3>
+  <ul>
+    <li>Dialog</li>
+  </ul>
+
+  <h3 class="md-title">Fixes:</h3>
+  <ul>
+    <li>fix shadow transition inside menus <a href="https://github.com/marcosmoura/vue-material/issues/141" target="_blank" rel="noopener">#141</a> <a href="https://github.com/marcosmoura/vue-material/issues/129" target="_blank" rel="noopener">#129</a></li>
+    <li>fix table row not watching item <a href="https://github.com/marcosmoura/vue-material/issues/116" target="_blank" rel="noopener">#116</a> <a href="https://github.com/marcosmoura/vue-material/issues/113" target="_blank" rel="noopener">#113</a></li>
+    <li>add href support for mdBottomBar <a href="https://github.com/marcosmoura/vue-material/issues/121" target="_blank" rel="noopener">#121</a></li>
+  </ul>
+</section>
+
+<section>
+  <h2 class="md-headline">v0.3.3 - Bugfixes</h2>
+  <h3 class="md-title">Fixes:</h3>
+  <ul>
+    <li>Fix regression on inputs getting wrong value after manual update <a href="https://github.com/marcosmoura/vue-material/issues/101" target="_blank" rel="noopener">#101</a> <a href="https://github.com/marcosmoura/vue-material/issues/100" target="_blank" rel="noopener">#100</a> <a href="https://github.com/marcosmoura/vue-material/issues/96" target="_blank" rel="noopener">#96</a></li>
+  </ul>
+</section>
+
+<section>
+  <h2 class="md-headline">v0.3.2 - Bugfixes</h2>
+  <h3 class="md-title">Fixes:</h3>
+  <ul>
+    <li>Fix babel export default module.exports <a href="https://github.com/marcosmoura/vue-material/issues/92" target="_blank" rel="noopener">#92</a></li>
+    <li>Fix tooltips jumping when screen resize <a href="https://github.com/marcosmoura/vue-material/issues/85" target="_blank" rel="noopener">#85</a></li>
+    <li>Fix table not getting instance <a href="https://github.com/marcosmoura/vue-material/issues/91" target="_blank" rel="noopener">#91</a> <a href="https://github.com/marcosmoura/vue-material/issues/88" target="_blank" rel="noopener">#88</a></li>
+    <li>Fix regression on password review <a href="https://github.com/marcosmoura/vue-material/issues/95" target="_blank" rel="noopener">#95</a></li>
+    <li>Fix input getting wrong value after manual update <a href="https://github.com/marcosmoura/vue-material/issues/100" target="_blank" rel="noopener">#100</a> <a href="https://github.com/marcosmoura/vue-material/issues/96" target="_blank" rel="noopener">#96</a></li>
+    <li>Use the internal value of md-input to set the value of the container <a href="https://github.com/marcosmoura/vue-material/pull/97" target="_blank" rel="noopener">#97</a> (Thanks to <a href="https://github.com/Cabbaggio" target="_blank" rel="noopener">@Cabbaggio</a>)</li>
+    <li>Add material.debug.js to dist folder <a href="https://github.com/marcosmoura/vue-material/pull/90" target="_blank" rel="noopener">#90</a> (Thanks to <a href="https://github.com/pauloramires" target="_blank" rel="noopener">@pauloramires</a>)</li>
+  </ul>
+</section>
+
+<section>
+  <h2 class="md-headline">v0.3.1 - Bugfixes</h2>
+  <h3 class="md-title">Fixes:</h3>
+  <ul>
+    <li>md-select not being reactive <a href="https://github.com/marcosmoura/vue-material/issues/74" target="_blank" rel="noopener">#74</a></li>
+    <li>Fix components not being updated inside v-once <a href="https://github.com/marcosmoura/vue-material/issues/69" target="_blank" rel="noopener">#69</a> <a href="https://github.com/marcosmoura/vue-material/issues/70" target="_blank" rel="noopener">#70</a></li>
+    <li>Fix input number not accepting numbers <a href="https://github.com/marcosmoura/vue-material/issues/67" target="_blank" rel="noopener">#67</a> <a href="https://github.com/marcosmoura/vue-material/issues/70" target="_blank" rel="noopener">#70</a></li>
+    <li>Fix md-input-container crashing when the select value is null <a href="https://github.com/marcosmoura/vue-material/issues/64" target="_blank" rel="noopener">#64</a></li>
+  </ul>
+</section>
+
+<section>
+  <h2 class="md-headline">v0.3.0 - Huge Release</h2>
+  <h3 class="md-title">New Components:</h3>
+  <ul>
+    <li>Data Table</li>
+    <li>Menu</li>
+    <li>Select with multiple selection</li>
+  </ul>
+
+  <h3 class="md-title">Fixes:</h3>
+  <ul>
+    <li>md-input not reactive when initial value empty <a href="https://github.com/marcosmoura/vue-material/issues/40" target="_blank" rel="noopener">#40</a></li>
+    <li>md-textarea with maxlength not writable <a href="https://github.com/marcosmoura/vue-material/issues/43" target="_blank" rel="noopener"></a>#43</li>
+    <li>Do not style scrollbars by default <a href="https://github.com/marcosmoura/vue-material/issues/46" target="_blank" rel="noopener">#46</a></li>
+    <li>SELECT component: display issue in IE11 <a href="https://github.com/marcosmoura/vue-material/issues/34" target="_blank" rel="noopener">#34</a></li>
+    <li>Select component popup shows behind other components <a href="https://github.com/marcosmoura/vue-material/issues/26" target="_blank" rel="noopener">#26</a></li>
+    <li>md-select text vs value <a href="https://github.com/marcosmoura/vue-material/issues/24" target="_blank" rel="noopener"></a>#24</li>
+    <li>md-button ignores type prop <a href="https://github.com/marcosmoura/vue-material/issues/41" target="_blank" rel="noopener">#41</a> (Thanks to <a href="https://github.com/pauloramires" target="_blank" rel="noopener">@pauloramires</a>)</li>
+    <li>md-select displaying selected text (rather than value) <a href="https://github.com/marcosmoura/vue-material/issues/36" target="_blank" rel="noopener">#36</a></li>
+    <li>Added 'type' props to switch button <a href="https://github.com/marcosmoura/vue-material/pull/27" target="_blank" rel="noopener">#27</a> (Thanks to <a href="https://github.com/guillaumerxl" target="_blank" rel="noopener">@guillaumerxl</a>)</li>
+    <li>Add babel-cli as dev dependency <a href="https://github.com/marcosmoura/vue-material/pull/28" target="_blank" rel="noopener">#28</a> (Thanks to <a href="https://github.com/lucassouza1" target="_blank" rel="noopener">@lucassouza1</a>)</li>
+    <li>Remove dotted outline around button in firefox <a href="https://github.com/marcosmoura/vue-material/pull/52" target="_blank" rel="noopener">#52</a> (Thanks to <a href="https://github.com/yeknava" target="_blank" rel="noopener">@yeknava</a>)</li>
+  </ul>
+</section>
+
+<section>
+  <h2 class="md-headline">v0.2.0 - New components</h2>
+  <h3 class="md-title">New Components:</h3>
+  <ul>
+    <li>Cards</li>
+  </ul>
+
+  <h3 class="md-title">Fixes:</h3>
+  <ul>
+    <li>Add Roboto font and google icons to the docs <a href="https://github.com/marcosmoura/vue-material/commit/421ce7bb21a1489c8f98ee12d0d525eec6b0ee12" target="_blank" rel="noopener">421ce7b</a></li>
+    <li>Explains better how to install and configure vue-material <a href="https://github.com/marcosmoura/vue-material/commit/cc43985fc1d30403a7c95bfeb2dc38bbcc1acb9e" target="_blank" rel="noopener">cc43985</a></li>
+    <li>Emit change &amp; input events from mdTextarea <a href="https://github.com/marcosmoura/vue-material/commit/b474af9fd8d5f4563914e5aae47d14b7c8c62fb2" target="_blank" rel="noopener">b474af9</a> (Thanks to <a href="https://github.com/jvanbrug" target="_blank" rel="noopener">@jvanbrug</a>)</li>
+  </ul>
+</section>
+
+<section>
+  <h2 class="md-headline">v0.1.2 - Bugfixes</h2>
+  <h3 class="md-title">Fixes:</h3>
+  <ul>
+    <li>Fixed tooltips on Firefox</li>
+    <li>Misaligned icons inside buttons on Firefox</li>
+    <li>Documentation fixes</li>
+  </ul>
+</section>
+
+<section>
+  <h2 class="md-headline">v0.1.1 - Bugfixes</h2>
+  <h3 class="md-title">Changes:</h3>
+  <ul>
+    <li>Bugfixes</li>
+    <li>Firefox support</li>
+    <li>Initial documentation</li>
+  </ul>
+</section>
+
+<section>
+  <h2 class="md-headline">v0.1.0 - Initial Release</h2>
+  <h3 class="md-title">New Components:</h3>
+  <ul>
+    <li>Avatar</li>
+    <li>Bottom Bar</li>
+    <li>Button</li>
+    <li>Button Toggle</li>
+    <li>Checkbox</li>
+    <li>Divider</li>
+    <li>Icon</li>
+    <li>Input</li>
+    <li>List</li>
+    <li>Radio</li>
+    <li>Select</li>
+    <li>Sidenav</li>
+    <li>Subheader</li>
+    <li>Switch</li>
+    <li>Tabs</li>
+    <li>Toolbar</li>
+    <li>Tooltip</li>
+    <li>Whiteframe</li>
+  </ul>
+
+  <h3 class="md-title">UI Elements:</h3>
+  <ul>
+    <li>Themes</li>
+    <li>Typography</li>
+    <li>Fluid Media</li>
+    <li>Custom Scrollbar</li>
+    <li>Selection Styles</li>
+  </ul>
+</section>

dist/components/mdAvatar/index.css

@@ -1,6 +1,72 @@
-/*!
-* Vue Material v0.7.0
-* Made with love by Marcos Moura
-* Released under the MIT License.
-*/   
-.md-avatar{width:40px;min-width:40px;height:40px;min-height:40px;margin:auto;display:inline-block;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;border-radius:40px;vertical-align:middle}.md-avatar.md-large{width:64px;min-width:64px;height:64px;min-height:64px;border-radius:64px}.md-avatar.md-large .md-icon{width:40px;min-width:40px;height:40px;min-height:40px;font-size:40px;line-height:40px}.md-avatar.md-avatar-icon{background-color:rgba(0,0,0,.38)}.md-avatar.md-avatar-icon .md-icon{color:#fff}.md-avatar .md-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.md-avatar img{width:100%;height:100%;display:block}.md-avatar .md-ink-ripple{border-radius:50%}.md-avatar .md-ink-ripple .md-ripple.md-active{animation-duration:.9s}.md-avatar-tooltip.md-tooltip-top{margin-top:-8px}.md-avatar-tooltip.md-tooltip-right{margin-left:8px}.md-avatar-tooltip.md-tooltip-bottom{margin-top:8px}.md-avatar-tooltip.md-tooltip-left{margin-left:-8px}
+/* Common */
+/* Responsive Breakpoints */
+/* Transitions - Based on Angular Material */
+/* Elevation - Based on Angular Material */
+.md-avatar {
+  width: 40px;
+  min-width: 40px;
+  height: 40px;
+  min-height: 40px;
+  margin: auto;
+  display: inline-block;
+  overflow: hidden;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
+  position: relative;
+  border-radius: 40px;
+  vertical-align: middle;
+}
+.md-avatar.md-large {
+    width: 64px;
+    min-width: 64px;
+    height: 64px;
+    min-height: 64px;
+    border-radius: 64px;
+}
+.md-avatar.md-large .md-icon {
+      width: 40px;
+      min-width: 40px;
+      height: 40px;
+      min-height: 40px;
+      font-size: 40px;
+      line-height: 40px;
+}
+.md-avatar.md-avatar-icon {
+    background-color: rgba(0, 0, 0, 0.38);
+}
+.md-avatar.md-avatar-icon .md-icon {
+      color: #fff;
+}
+.md-avatar .md-icon {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+}
+.md-avatar img {
+    width: 100%;
+    height: 100%;
+    display: block;
+}
+.md-avatar .md-ink-ripple {
+    border-radius: 50%;
+}
+.md-avatar .md-ink-ripple .md-ripple.md-active {
+      animation-duration: .9s;
+}
+.md-avatar-tooltip.md-tooltip-top {
+  margin-top: -8px;
+}
+.md-avatar-tooltip.md-tooltip-right {
+  margin-left: 8px;
+}
+.md-avatar-tooltip.md-tooltip-bottom {
+  margin-top: 8px;
+}
+.md-avatar-tooltip.md-tooltip-left {
+  margin-left: -8px;
+}
+
+/*# sourceMappingURL=index.css.map*/

dist/components/mdAvatar/index.debug.js

@@ -73,7 +73,7 @@ return /******/ (function(modules) { // webpackBootstrap
 /******/ 	__webpack_require__.p = "/";
 
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 397);
+/******/ 	return __webpack_require__(__webpack_require__.s = 447);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -81,11 +81,17 @@ return /******/ (function(modules) { // webpackBootstrap
 /***/ 0:
 /***/ (function(module, exports) {
 
+/* globals __VUE_SSR_CONTEXT__ */
+
+// this module is a runtime utility for cleaner component module output and will
+// be included in the final webpack user bundle
+
 module.exports = function normalizeComponent (
   rawScriptExports,
   compiledTemplate,
+  injectStyles,
   scopeId,
-  cssModules
+  moduleIdentifier /* server only */
 ) {
   var esModule
   var scriptExports = rawScriptExports = rawScriptExports || {}
@@ -113,13 +119,51 @@ module.exports = function normalizeComponent (
     options._scopeId = scopeId
   }
 
-  // inject cssModules
-  if (cssModules) {
-    var computed = options.computed || (options.computed = {})
-    Object.keys(cssModules).forEach((function (key) {
-      var module = cssModules[key]
-      computed[key] = function () { return module }
-    }))
+  var hook
+  if (moduleIdentifier) { // server build
+    hook = function (context) {
+      // 2.3 injection
+      context =
+        context || // cached call
+        (this.$vnode && this.$vnode.ssrContext) || // stateful
+        (this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext) // functional
+      // 2.2 with runInNewContext: true
+      if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {
+        context = __VUE_SSR_CONTEXT__
+      }
+      // inject component styles
+      if (injectStyles) {
+        injectStyles.call(this, context)
+      }
+      // register component module identifier for async chunk inferrence
+      if (context && context._registeredComponents) {
+        context._registeredComponents.add(moduleIdentifier)
+      }
+    }
+    // used by ssr in case component is cached and beforeCreate
+    // never gets called
+    options._ssrRegister = hook
+  } else if (injectStyles) {
+    hook = injectStyles
+  }
+
+  if (hook) {
+    var functional = options.functional
+    var existing = functional
+      ? options.render
+      : options.beforeCreate
+    if (!functional) {
+      // inject component registration as beforeCreate hook
+      options.beforeCreate = existing
+        ? [].concat(existing, hook)
+        : [hook]
+    } else {
+      // register for functioal component in vue file
+      options.render = function renderWithStyleInjection (h, context) {
+        hook.call(context)
+        return existing(h, context)
+      }
+    }
   }
 
   return {
@@ -141,60 +185,52 @@ module.exports = function normalizeComponent (
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+// Theme mixin
+
+// Grab the closest ancestor component's `md-theme` attribute OR grab the
+// `md-name` attribute from an `<md-theme>` component.
+function getAncestorThemeName(component) {
+  if (!component) {
+    return null;
+  }
+
+  var name = component.mdTheme;
+
+  if (!name && component.$options._componentTag === 'md-theme') {
+    name = component.mdName;
+  }
+
+  return name || getAncestorThemeName(component.$parent);
+}
+
 exports.default = {
   props: {
     mdTheme: String
   },
-  data: function data() {
-    return {
-      closestThemedParent: false
-    };
-  },
-  methods: {
-    getClosestThemedParent: function getClosestThemedParent($parent) {
-      if (!$parent || !$parent.$el || $parent._uid === 0) {
-        return false;
-      }
-
-      if ($parent.mdTheme || $parent.mdName) {
-        return $parent;
-      }
-
-      return this.getClosestThemedParent($parent.$parent);
-    }
-  },
   computed: {
+    mdEffectiveTheme: function mdEffectiveTheme() {
+      return getAncestorThemeName(this) || this.$material.currentTheme;
+    },
     themeClass: function themeClass() {
-      if (this.mdTheme) {
-        return 'md-theme-' + this.mdTheme;
-      }
-
-      var theme = this.closestThemedParent.mdTheme;
-
-      if (!theme) {
-        if (this.closestThemedParent) {
-          theme = this.closestThemedParent.mdName;
-        } else {
-          theme = this.$material.currentTheme;
-        }
-      }
-
-      return 'md-theme-' + theme;
+      return this.$material.prefix + this.mdEffectiveTheme;
     }
   },
-  mounted: function mounted() {
-    this.closestThemedParent = this.getClosestThemedParent(this.$parent);
-
-    if (!this.$material.currentTheme) {
-      this.$material.setCurrentTheme('default');
+  watch: {
+    mdTheme: function mdTheme(value) {
+      this.$material.useTheme(value);
     }
+  },
+  beforeMount: function beforeMount() {
+    var localTheme = this.mdTheme;
+
+    this.$material.useTheme(localTheme ? localTheme : 'default');
   }
 };
 module.exports = exports['default'];
 
 /***/ }),
 
-/***/ 131:
+/***/ 126:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -211,6 +247,7 @@ var _mixin2 = _interopRequireDefault(_mixin);
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 exports.default = {
+  name: 'md-avatar',
   mixins: [_mixin2.default]
 }; //
 //
@@ -225,39 +262,42 @@ module.exports = exports['default'];
 
 /***/ }),
 
-/***/ 215:
+/***/ 246:
 /***/ (function(module, exports) {
 
 // removed by extract-text-webpack-plugin
 
 /***/ }),
 
-/***/ 233:
+/***/ 266:
 /***/ (function(module, exports) {
 
 module.exports = ".THEME_NAME.md-avatar.md-primary.md-avatar-icon {\n  background-color: PRIMARY-COLOR; }\n  .THEME_NAME.md-avatar.md-primary.md-avatar-icon .md-icon {\n    color: PRIMARY-CONTRAST-0.99999; }\n\n.THEME_NAME.md-avatar.md-accent.md-avatar-icon {\n  background-color: ACCENT-COLOR; }\n  .THEME_NAME.md-avatar.md-accent.md-avatar-icon .md-icon {\n    color: ACCENT-CONTRAST-0.99999; }\n\n.THEME_NAME.md-avatar.md-warn.md-avatar-icon {\n  background-color: WARN-COLOR; }\n  .THEME_NAME.md-avatar.md-warn.md-avatar-icon .md-icon {\n    color: WARN-CONTRAST-0.99999; }\n"
 
 /***/ }),
 
-/***/ 260:
+/***/ 296:
 /***/ (function(module, exports, __webpack_require__) {
 
-
-/* styles */
-__webpack_require__(215)
-
+var disposed = false
+function injectStyle (ssrContext) {
+  if (disposed) return
+  __webpack_require__(246)
+}
 var Component = __webpack_require__(0)(
   /* script */
-  __webpack_require__(131),
+  __webpack_require__(126),
   /* template */
-  __webpack_require__(364),
+  __webpack_require__(412),
+  /* styles */
+  injectStyle,
   /* scopeId */
   null,
-  /* cssModules */
+  /* moduleIdentifier (server only) */
   null
 )
-Component.options.__file = "/Users/marcosmoura/Projects/github/vue-material/src/components/mdAvatar/mdAvatar.vue"
-if (Component.esModule && Object.keys(Component.esModule).some((function (key) {return key !== "default" && key !== "__esModule"}))) {console.error("named exports are not supported in *.vue files.")}
+Component.options.__file = "/Users/pablohpsilva/Code/vue-material/src/components/mdAvatar/mdAvatar.vue"
+if (Component.esModule && Object.keys(Component.esModule).some((function (key) {return key !== "default" && key.substr(0, 2) !== "__"}))) {console.error("named exports are not supported in *.vue files.")}
 if (Component.options.functional) {console.error("[vue-loader] mdAvatar.vue: functional components are not supported with templates, they should use render functions.")}
 
 /* hot reload */
@@ -271,6 +311,9 @@ if (false) {(function () {
   } else {
     hotAPI.reload("data-v-4fb5ecf8", Component.options)
   }
+  module.hot.dispose((function (data) {
+    disposed = true
+  }))
 })()}
 
 module.exports = Component.exports
@@ -278,7 +321,7 @@ module.exports = Component.exports
 
 /***/ }),
 
-/***/ 364:
+/***/ 412:
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
@@ -297,15 +340,15 @@ if (false) {
 
 /***/ }),
 
-/***/ 397:
+/***/ 447:
 /***/ (function(module, exports, __webpack_require__) {
 
-module.exports = __webpack_require__(90);
+module.exports = __webpack_require__(80);
 
 
 /***/ }),
 
-/***/ 90:
+/***/ 80:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -316,11 +359,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = install;
 
-var _mdAvatar = __webpack_require__(260);
+var _mdAvatar = __webpack_require__(296);
 
 var _mdAvatar2 = _interopRequireDefault(_mdAvatar);
 
-var _mdAvatar3 = __webpack_require__(233);
+var _mdAvatar3 = __webpack_require__(266);
 
 var _mdAvatar4 = _interopRequireDefault(_mdAvatar3);
 

dist/components/mdAvatar/index.js

@@ -1,6 +1,6 @@
 /*!
-* Vue Material v0.7.0
+* Vue Material v0.7.4
 * Made with love by Marcos Moura
 * Released under the MIT License.
 */   
-!(function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.VueMaterial=t():e.VueMaterial=t()})(this,(function(){return (function(e){function t(n){if(r[n])return r[n].exports;var o=r[n]={i:n,l:!1,exports:{}};return e[n].call(o.exports,o,o.exports,t),o.l=!0,o.exports}var r={};return t.m=e,t.c=r,t.i=function(e){return e},t.d=function(e,r,n){t.o(e,r)||Object.defineProperty(e,r,{configurable:!1,enumerable:!0,get:n})},t.n=function(e){var r=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(r,"a",r),r},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="/",t(t.s=397)})({0:function(e,t){e.exports=function(e,t,r,n){var o,a=e=e||{},u=typeof e.default;"object"!==u&&"function"!==u||(o=e,a=e.default);var d="function"==typeof a?a.options:a;if(t&&(d.render=t.render,d.staticRenderFns=t.staticRenderFns),r&&(d._scopeId=r),n){var c=d.computed||(d.computed={});Object.keys(n).forEach((function(e){var t=n[e];c[e]=function(){return t}}))}return{esModule:o,exports:a,options:d}}},1:function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={props:{mdTheme:String},data:function(){return{closestThemedParent:!1}},methods:{getClosestThemedParent:function(e){return!(!e||!e.$el||0===e._uid)&&(e.mdTheme||e.mdName?e:this.getClosestThemedParent(e.$parent))}},computed:{themeClass:function(){if(this.mdTheme)return"md-theme-"+this.mdTheme;var e=this.closestThemedParent.mdTheme;return e||(e=this.closestThemedParent?this.closestThemedParent.mdName:this.$material.currentTheme),"md-theme-"+e}},mounted:function(){this.closestThemedParent=this.getClosestThemedParent(this.$parent),this.$material.currentTheme||this.$material.setCurrentTheme("default")}},e.exports=t.default},131:function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var o=r(1),a=n(o);t.default={mixins:[a.default]},e.exports=t.default},215:function(e,t){},233:function(e,t){e.exports=".THEME_NAME.md-avatar.md-primary.md-avatar-icon{background-color:PRIMARY-COLOR}.THEME_NAME.md-avatar.md-primary.md-avatar-icon .md-icon{color:PRIMARY-CONTRAST-0.99999}.THEME_NAME.md-avatar.md-accent.md-avatar-icon{background-color:ACCENT-COLOR}.THEME_NAME.md-avatar.md-accent.md-avatar-icon .md-icon{color:ACCENT-CONTRAST-0.99999}.THEME_NAME.md-avatar.md-warn.md-avatar-icon{background-color:WARN-COLOR}.THEME_NAME.md-avatar.md-warn.md-avatar-icon .md-icon{color:WARN-CONTRAST-0.99999}\n"},260:function(e,t,r){r(215);var n=r(0)(r(131),r(364),null,null);e.exports=n.exports},364:function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,r=e._self._c||t;return r("div",{staticClass:"md-avatar",class:[e.themeClass]},[e._t("default")],2)},staticRenderFns:[]}},397:function(e,t,r){e.exports=r(90)},90:function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}function o(e){e.component("md-avatar",u.default),e.material.styles.push(c.default)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=o;var a=r(260),u=n(a),d=r(233),c=n(d);e.exports=t.default}})}));
+!(function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.VueMaterial=t():e.VueMaterial=t()})(this,(function(){return (function(e){function t(r){if(n[r])return n[r].exports;var o=n[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,t),o.l=!0,o.exports}var n={};return t.m=e,t.c=n,t.i=function(e){return e},t.d=function(e,n,r){t.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:r})},t.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(n,"a",n),n},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="/",t(t.s=446)})({0:function(e,t){e.exports=function(e,t,n,r,o){var a,i=e=e||{},u=typeof e.default;"object"!==u&&"function"!==u||(a=e,i=e.default);var c="function"==typeof i?i.options:i;t&&(c.render=t.render,c.staticRenderFns=t.staticRenderFns),r&&(c._scopeId=r);var d;if(o?(d=function(e){e=e||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext,e||"undefined"==typeof __VUE_SSR_CONTEXT__||(e=__VUE_SSR_CONTEXT__),n&&n.call(this,e),e&&e._registeredComponents&&e._registeredComponents.add(o)},c._ssrRegister=d):n&&(d=n),d){var s=c.functional,f=s?c.render:c.beforeCreate;s?c.render=function(e,t){return d.call(t),f(e,t)}:c.beforeCreate=f?[].concat(f,d):[d]}return{esModule:a,exports:i,options:c}}},1:function(e,t,n){"use strict";function r(e){if(!e)return null;var t=e.mdTheme;return t||"md-theme"!==e.$options._componentTag||(t=e.mdName),t||r(e.$parent)}Object.defineProperty(t,"__esModule",{value:!0}),t.default={props:{mdTheme:String},computed:{mdEffectiveTheme:function(){return r(this)||this.$material.currentTheme},themeClass:function(){return this.$material.prefix+this.mdEffectiveTheme}},watch:{mdTheme:function(e){this.$material.useTheme(e)}},beforeMount:function(){var e=this.mdTheme;this.$material.useTheme(e?e:"default")}},e.exports=t.default},126:function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(1),a=r(o);t.default={name:"md-avatar",mixins:[a.default]},e.exports=t.default},246:function(e,t){},265:function(e,t){e.exports=".THEME_NAME.md-avatar.md-primary.md-avatar-icon{background-color:PRIMARY-COLOR}.THEME_NAME.md-avatar.md-primary.md-avatar-icon .md-icon{color:PRIMARY-CONTRAST-0.99999}.THEME_NAME.md-avatar.md-accent.md-avatar-icon{background-color:ACCENT-COLOR}.THEME_NAME.md-avatar.md-accent.md-avatar-icon .md-icon{color:ACCENT-CONTRAST-0.99999}.THEME_NAME.md-avatar.md-warn.md-avatar-icon{background-color:WARN-COLOR}.THEME_NAME.md-avatar.md-warn.md-avatar-icon .md-icon{color:WARN-CONTRAST-0.99999}\n"},295:function(e,t,n){function r(e){n(246)}var o=n(0)(n(126),n(411),r,null,null);e.exports=o.exports},411:function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{staticClass:"md-avatar",class:[e.themeClass]},[e._t("default")],2)},staticRenderFns:[]}},446:function(e,t,n){e.exports=n(80)},80:function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}function o(e){e.component("md-avatar",i.default),e.material.styles.push(c.default)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=o;var a=n(295),i=r(a),u=n(265),c=r(u);e.exports=t.default}})}));

dist/components/mdBackdrop/index.css

@@ -1,6 +1,26 @@
-/*!
-* Vue Material v0.7.0
-* Made with love by Marcos Moura
-* Released under the MIT License.
-*/   
-.md-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:99;pointer-events:none;background-color:rgba(0,0,0,.54);transform:translateZ(0);opacity:0;transition:all .5s cubic-bezier(.35,0,.25,1)}.md-backdrop.md-active{opacity:1;pointer-events:auto}.md-backdrop.md-transparent{background:rgba(0,0,0,.005)}
+/* Common */
+/* Responsive Breakpoints */
+/* Transitions - Based on Angular Material */
+/* Elevation - Based on Angular Material */
+.md-backdrop {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  z-index: 99;
+  pointer-events: none;
+  background-color: rgba(0, 0, 0, 0.54);
+  transform: translate3d(0, 0, 0);
+  opacity: 0;
+  transition: all 0.5s cubic-bezier(0.35, 0, 0.25, 1);
+}
+.md-backdrop.md-active {
+    opacity: 1;
+    pointer-events: auto;
+}
+.md-backdrop.md-transparent {
+    background: rgba(0, 0, 0, 0.005);
+}
+
+/*# sourceMappingURL=index.css.map*/

dist/components/mdBackdrop/index.debug.js

@@ -73,7 +73,7 @@ return /******/ (function(modules) { // webpackBootstrap
 /******/ 	__webpack_require__.p = "/";
 
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 398);
+/******/ 	return __webpack_require__(__webpack_require__.s = 448);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -81,11 +81,17 @@ return /******/ (function(modules) { // webpackBootstrap
 /***/ 0:
 /***/ (function(module, exports) {
 
+/* globals __VUE_SSR_CONTEXT__ */
+
+// this module is a runtime utility for cleaner component module output and will
+// be included in the final webpack user bundle
+
 module.exports = function normalizeComponent (
   rawScriptExports,
   compiledTemplate,
+  injectStyles,
   scopeId,
-  cssModules
+  moduleIdentifier /* server only */
 ) {
   var esModule
   var scriptExports = rawScriptExports = rawScriptExports || {}
@@ -113,13 +119,51 @@ module.exports = function normalizeComponent (
     options._scopeId = scopeId
   }
 
-  // inject cssModules
-  if (cssModules) {
-    var computed = options.computed || (options.computed = {})
-    Object.keys(cssModules).forEach((function (key) {
-      var module = cssModules[key]
-      computed[key] = function () { return module }
-    }))
+  var hook
+  if (moduleIdentifier) { // server build
+    hook = function (context) {
+      // 2.3 injection
+      context =
+        context || // cached call
+        (this.$vnode && this.$vnode.ssrContext) || // stateful
+        (this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext) // functional
+      // 2.2 with runInNewContext: true
+      if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {
+        context = __VUE_SSR_CONTEXT__
+      }
+      // inject component styles
+      if (injectStyles) {
+        injectStyles.call(this, context)
+      }
+      // register component module identifier for async chunk inferrence
+      if (context && context._registeredComponents) {
+        context._registeredComponents.add(moduleIdentifier)
+      }
+    }
+    // used by ssr in case component is cached and beforeCreate
+    // never gets called
+    options._ssrRegister = hook
+  } else if (injectStyles) {
+    hook = injectStyles
+  }
+
+  if (hook) {
+    var functional = options.functional
+    var existing = functional
+      ? options.render
+      : options.beforeCreate
+    if (!functional) {
+      // inject component registration as beforeCreate hook
+      options.beforeCreate = existing
+        ? [].concat(existing, hook)
+        : [hook]
+    } else {
+      // register for functioal component in vue file
+      options.render = function renderWithStyleInjection (h, context) {
+        hook.call(context)
+        return existing(h, context)
+      }
+    }
   }
 
   return {
@@ -132,7 +176,7 @@ module.exports = function normalizeComponent (
 
 /***/ }),
 
-/***/ 132:
+/***/ 127:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -149,6 +193,7 @@ Object.defineProperty(exports, "__esModule", {
 //
 
 exports.default = {
+  name: 'md-backdrop',
   methods: {
     close: function close() {
       this.$emit('close');
@@ -159,32 +204,35 @@ module.exports = exports['default'];
 
 /***/ }),
 
-/***/ 232:
+/***/ 264:
 /***/ (function(module, exports) {
 
 // removed by extract-text-webpack-plugin
 
 /***/ }),
 
-/***/ 261:
+/***/ 297:
 /***/ (function(module, exports, __webpack_require__) {
 
-
-/* styles */
-__webpack_require__(232)
-
+var disposed = false
+function injectStyle (ssrContext) {
+  if (disposed) return
+  __webpack_require__(264)
+}
 var Component = __webpack_require__(0)(
   /* script */
-  __webpack_require__(132),
+  __webpack_require__(127),
   /* template */
-  __webpack_require__(393),
+  __webpack_require__(443),
+  /* styles */
+  injectStyle,
   /* scopeId */
   null,
-  /* cssModules */
+  /* moduleIdentifier (server only) */
   null
 )
-Component.options.__file = "/Users/marcosmoura/Projects/github/vue-material/src/components/mdBackdrop/mdBackdrop.vue"
-if (Component.esModule && Object.keys(Component.esModule).some((function (key) {return key !== "default" && key !== "__esModule"}))) {console.error("named exports are not supported in *.vue files.")}
+Component.options.__file = "/Users/pablohpsilva/Code/vue-material/src/components/mdBackdrop/mdBackdrop.vue"
+if (Component.esModule && Object.keys(Component.esModule).some((function (key) {return key !== "default" && key.substr(0, 2) !== "__"}))) {console.error("named exports are not supported in *.vue files.")}
 if (Component.options.functional) {console.error("[vue-loader] mdBackdrop.vue: functional components are not supported with templates, they should use render functions.")}
 
 /* hot reload */
@@ -198,6 +246,9 @@ if (false) {(function () {
   } else {
     hotAPI.reload("data-v-e09d01b8", Component.options)
   }
+  module.hot.dispose((function (data) {
+    disposed = true
+  }))
 })()}
 
 module.exports = Component.exports
@@ -205,7 +256,7 @@ module.exports = Component.exports
 
 /***/ }),
 
-/***/ 393:
+/***/ 443:
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
@@ -214,7 +265,7 @@ module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c
     on: {
       "click": _vm.close,
       "keyup": function($event) {
-        if (_vm._k($event.keyCode, "esc", 27)) { return; }
+        if (!('button' in $event) && _vm._k($event.keyCode, "esc", 27)) { return null; }
         _vm.close($event)
       }
     }
@@ -230,15 +281,15 @@ if (false) {
 
 /***/ }),
 
-/***/ 398:
+/***/ 448:
 /***/ (function(module, exports, __webpack_require__) {
 
-module.exports = __webpack_require__(91);
+module.exports = __webpack_require__(81);
 
 
 /***/ }),
 
-/***/ 91:
+/***/ 81:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -249,7 +300,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = install;
 
-var _mdBackdrop = __webpack_require__(261);
+var _mdBackdrop = __webpack_require__(297);
 
 var _mdBackdrop2 = _interopRequireDefault(_mdBackdrop);
 

dist/components/mdBackdrop/index.js

@@ -1,6 +1,6 @@
 /*!
-* Vue Material v0.7.0
+* Vue Material v0.7.4
 * Made with love by Marcos Moura
 * Released under the MIT License.
 */   
-!(function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.VueMaterial=t():e.VueMaterial=t()})(this,(function(){return (function(e){function t(o){if(n[o])return n[o].exports;var r=n[o]={i:o,l:!1,exports:{}};return e[o].call(r.exports,r,r.exports,t),r.l=!0,r.exports}var n={};return t.m=e,t.c=n,t.i=function(e){return e},t.d=function(e,n,o){t.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:o})},t.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(n,"a",n),n},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="/",t(t.s=398)})({0:function(e,t){e.exports=function(e,t,n,o){var r,u=e=e||{},c=typeof e.default;"object"!==c&&"function"!==c||(r=e,u=e.default);var i="function"==typeof u?u.options:u;if(t&&(i.render=t.render,i.staticRenderFns=t.staticRenderFns),n&&(i._scopeId=n),o){var f=i.computed||(i.computed={});Object.keys(o).forEach((function(e){var t=o[e];f[e]=function(){return t}}))}return{esModule:r,exports:u,options:i}}},132:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={methods:{close:function(){this.$emit("close")}}},e.exports=t.default},232:function(e,t){},261:function(e,t,n){n(232);var o=n(0)(n(132),n(393),null,null);e.exports=o.exports},393:function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{staticClass:"md-backdrop",on:{click:e.close,keyup:function(t){e._k(t.keyCode,"esc",27)||e.close(t)}}})},staticRenderFns:[]}},398:function(e,t,n){e.exports=n(91)},91:function(e,t,n){"use strict";function o(e){return e&&e.__esModule?e:{default:e}}function r(e){e.component("md-backdrop",c.default)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=r;var u=n(261),c=o(u);e.exports=t.default}})}));
+!(function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.VueMaterial=t():e.VueMaterial=t()})(this,(function(){return (function(e){function t(o){if(n[o])return n[o].exports;var r=n[o]={i:o,l:!1,exports:{}};return e[o].call(r.exports,r,r.exports,t),r.l=!0,r.exports}var n={};return t.m=e,t.c=n,t.i=function(e){return e},t.d=function(e,n,o){t.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:o})},t.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(n,"a",n),n},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="/",t(t.s=447)})({0:function(e,t){e.exports=function(e,t,n,o,r){var u,i=e=e||{},s=typeof e.default;"object"!==s&&"function"!==s||(u=e,i=e.default);var c="function"==typeof i?i.options:i;t&&(c.render=t.render,c.staticRenderFns=t.staticRenderFns),o&&(c._scopeId=o);var f;if(r?(f=function(e){e=e||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext,e||"undefined"==typeof __VUE_SSR_CONTEXT__||(e=__VUE_SSR_CONTEXT__),n&&n.call(this,e),e&&e._registeredComponents&&e._registeredComponents.add(r)},c._ssrRegister=f):n&&(f=n),f){var d=c.functional,a=d?c.render:c.beforeCreate;d?c.render=function(e,t){return f.call(t),a(e,t)}:c.beforeCreate=a?[].concat(a,f):[f]}return{esModule:u,exports:i,options:c}}},127:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={name:"md-backdrop",methods:{close:function(){this.$emit("close")}}},e.exports=t.default},264:function(e,t){},296:function(e,t,n){function o(e){n(264)}var r=n(0)(n(127),n(442),o,null,null);e.exports=r.exports},442:function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{staticClass:"md-backdrop",on:{click:e.close,keyup:function(t){return"button"in t||!e._k(t.keyCode,"esc",27)?void e.close(t):null}}})},staticRenderFns:[]}},447:function(e,t,n){e.exports=n(81)},81:function(e,t,n){"use strict";function o(e){return e&&e.__esModule?e:{default:e}}function r(e){e.component("md-backdrop",i.default)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=r;var u=n(296),i=o(u);e.exports=t.default}})}));

dist/components/mdBottomBar/index.css

@@ -1,6 +1,97 @@
-/*!
-* Vue Material v0.7.0
-* Made with love by Marcos Moura
-* Released under the MIT License.
-*/   
-.md-bottom-bar{width:100%;min-width:100%;height:56px;-ms-flex-pack:center;justify-content:center;box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12);transition:all .4s cubic-bezier(.25,.8,.25,1)}.md-bottom-bar,.md-bottom-bar-item{position:relative;display:-ms-flexbox;display:flex}.md-bottom-bar-item{max-width:168px;min-width:80px;height:100%;padding:8px 12px 10px;-ms-flex-flow:column nowrap;flex-flow:column nowrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;-ms-flex:1;flex:1;cursor:pointer;border:none;background:transparent;transform:translateZ(0);color:currentColor;font-family:inherit;font-size:14px;line-height:1em;text-decoration:none}.md-bottom-bar-item.md-active{padding-top:6px}.md-bottom-bar-item.md-active .md-text{transform:scale(1) translateZ(0)}.md-bottom-bar-item.md-active .md-icon,.md-bottom-bar-item.md-active .md-text{color:currentColor}.md-bottom-bar-item[disabled]{opacity:.38}.md-bottom-bar.md-shift .md-bottom-bar-item{min-width:56px;max-width:96px;position:static;-ms-flex:1 1 32px;flex:1 1 32px;transition:.4s cubic-bezier(.25,.8,.25,1);transition-property:flex,min-width,max-width;transition-property:flex,min-width,max-width,-ms-flex}.md-bottom-bar.md-shift .md-bottom-bar-item .md-icon{transform:translate3d(0,8px,0)}.md-bottom-bar.md-shift .md-bottom-bar-item .md-text{opacity:0;transform:scale(1) translate3d(0,6px,0)}.md-bottom-bar.md-shift .md-bottom-bar-item.md-active{min-width:96px;max-width:168px;-ms-flex:1 1 72px;flex:1 1 72px}.md-bottom-bar.md-shift .md-bottom-bar-item.md-active .md-icon,.md-bottom-bar.md-shift .md-bottom-bar-item.md-active .md-text{opacity:1}.md-bottom-bar.md-shift .md-bottom-bar-item.md-active .md-icon{transform:scale(1) translateZ(0)}.md-bottom-bar.md-shift .md-bottom-bar-item.md-active .md-text{transform:scale(1) translate3d(0,2px,0)}.md-bottom-bar-item .md-text{transform:scale(.8571) translateY(2px);transition:all .4s cubic-bezier(.25,.8,.25,1),color .15s linear,opacity .15s linear}.md-bottom-bar-item .md-icon{transition:all .4s cubic-bezier(.25,.8,.25,1),color .15s linear}
+/* Common */
+/* Responsive Breakpoints */
+/* Transitions - Based on Angular Material */
+/* Elevation - Based on Angular Material */
+.md-bottom-bar {
+  width: 100%;
+  min-width: 100%;
+  height: 56px;
+  position: relative;
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-pack: center;
+      justify-content: center;
+  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
+  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
+}
+.md-bottom-bar-item {
+  max-width: 168px;
+  min-width: 80px;
+  height: 100%;
+  padding: 8px 12px 10px;
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-flow: column nowrap;
+      flex-flow: column nowrap;
+  -ms-flex-align: center;
+      align-items: center;
+  -ms-flex-pack: justify;
+      justify-content: space-between;
+  -ms-flex: 1;
+      flex: 1;
+  position: relative;
+  cursor: pointer;
+  border: none;
+  background: transparent;
+  transform: translate3d(0, 0, 0);
+  color: currentColor;
+  font-family: inherit;
+  font-size: 14px;
+  line-height: 1em;
+  text-decoration: none;
+}
+.md-bottom-bar-item.md-active {
+    padding-top: 6px;
+}
+.md-bottom-bar-item.md-active .md-text {
+      transform: scale(1) translate3d(0, 0, 0);
+}
+.md-bottom-bar-item.md-active .md-text,
+    .md-bottom-bar-item.md-active .md-icon {
+      color: currentColor;
+}
+.md-bottom-bar-item[disabled] {
+    opacity: .38;
+}
+.md-bottom-bar.md-shift .md-bottom-bar-item {
+    min-width: 56px;
+    max-width: 96px;
+    position: static;
+    -ms-flex: 1 1 32px;
+        flex: 1 1 32px;
+    transition: 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
+    transition-property: flex, min-width, max-width;
+    transition-property: flex, min-width, max-width, -ms-flex;
+}
+.md-bottom-bar.md-shift .md-bottom-bar-item .md-icon {
+      transform: translate3d(0, 8px, 0);
+}
+.md-bottom-bar.md-shift .md-bottom-bar-item .md-text {
+      opacity: 0;
+      transform: scale(1) translate3d(0, 6px, 0);
+}
+.md-bottom-bar.md-shift .md-bottom-bar-item.md-active {
+      min-width: 96px;
+      max-width: 168px;
+      -ms-flex: 1 1 72px;
+          flex: 1 1 72px;
+}
+.md-bottom-bar.md-shift .md-bottom-bar-item.md-active .md-icon,
+      .md-bottom-bar.md-shift .md-bottom-bar-item.md-active .md-text {
+        opacity: 1;
+}
+.md-bottom-bar.md-shift .md-bottom-bar-item.md-active .md-icon {
+        transform: scale(1) translate3d(0, 0, 0);
+}
+.md-bottom-bar.md-shift .md-bottom-bar-item.md-active .md-text {
+        transform: scale(1) translate3d(0, 2px, 0);
+}
+.md-bottom-bar-item .md-text {
+    transform: scale(0.8571) translateY(2px);
+    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), color 0.15s linear, opacity 0.15s linear;
+}
+.md-bottom-bar-item .md-icon {
+    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), color 0.15s linear;
+}
+
+/*# sourceMappingURL=index.css.map*/

dist/components/mdBottomBar/index.debug.js

@@ -73,7 +73,7 @@ return /******/ (function(modules) { // webpackBootstrap
 /******/ 	__webpack_require__.p = "/";
 
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 399);
+/******/ 	return __webpack_require__(__webpack_require__.s = 449);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -81,11 +81,17 @@ return /******/ (function(modules) { // webpackBootstrap
 /***/ 0:
 /***/ (function(module, exports) {
 
+/* globals __VUE_SSR_CONTEXT__ */
+
+// this module is a runtime utility for cleaner component module output and will
+// be included in the final webpack user bundle
+
 module.exports = function normalizeComponent (
   rawScriptExports,
   compiledTemplate,
+  injectStyles,
   scopeId,
-  cssModules
+  moduleIdentifier /* server only */
 ) {
   var esModule
   var scriptExports = rawScriptExports = rawScriptExports || {}
@@ -113,13 +119,51 @@ module.exports = function normalizeComponent (
     options._scopeId = scopeId
   }
 
-  // inject cssModules
-  if (cssModules) {
-    var computed = options.computed || (options.computed = {})
-    Object.keys(cssModules).forEach((function (key) {
-      var module = cssModules[key]
-      computed[key] = function () { return module }
-    }))
+  var hook
+  if (moduleIdentifier) { // server build
+    hook = function (context) {
+      // 2.3 injection
+      context =
+        context || // cached call
+        (this.$vnode && this.$vnode.ssrContext) || // stateful
+        (this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext) // functional
+      // 2.2 with runInNewContext: true
+      if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {
+        context = __VUE_SSR_CONTEXT__
+      }
+      // inject component styles
+      if (injectStyles) {
+        injectStyles.call(this, context)
+      }
+      // register component module identifier for async chunk inferrence
+      if (context && context._registeredComponents) {
+        context._registeredComponents.add(moduleIdentifier)
+      }
+    }
+    // used by ssr in case component is cached and beforeCreate
+    // never gets called
+    options._ssrRegister = hook
+  } else if (injectStyles) {
+    hook = injectStyles
+  }
+
+  if (hook) {
+    var functional = options.functional
+    var existing = functional
+      ? options.render
+      : options.beforeCreate
+    if (!functional) {
+      // inject component registration as beforeCreate hook
+      options.beforeCreate = existing
+        ? [].concat(existing, hook)
+        : [hook]
+    } else {
+      // register for functioal component in vue file
+      options.render = function renderWithStyleInjection (h, context) {
+        hook.call(context)
+        return existing(h, context)
+      }
+    }
   }
 
   return {
@@ -141,60 +185,52 @@ module.exports = function normalizeComponent (
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+// Theme mixin
+
+// Grab the closest ancestor component's `md-theme` attribute OR grab the
+// `md-name` attribute from an `<md-theme>` component.
+function getAncestorThemeName(component) {
+  if (!component) {
+    return null;
+  }
+
+  var name = component.mdTheme;
+
+  if (!name && component.$options._componentTag === 'md-theme') {
+    name = component.mdName;
+  }
+
+  return name || getAncestorThemeName(component.$parent);
+}
+
 exports.default = {
   props: {
     mdTheme: String
   },
-  data: function data() {
-    return {
-      closestThemedParent: false
-    };
-  },
-  methods: {
-    getClosestThemedParent: function getClosestThemedParent($parent) {
-      if (!$parent || !$parent.$el || $parent._uid === 0) {
-        return false;
-      }
-
-      if ($parent.mdTheme || $parent.mdName) {
-        return $parent;
-      }
-
-      return this.getClosestThemedParent($parent.$parent);
-    }
-  },
   computed: {
+    mdEffectiveTheme: function mdEffectiveTheme() {
+      return getAncestorThemeName(this) || this.$material.currentTheme;
+    },
     themeClass: function themeClass() {
-      if (this.mdTheme) {
-        return 'md-theme-' + this.mdTheme;
-      }
-
-      var theme = this.closestThemedParent.mdTheme;
-
-      if (!theme) {
-        if (this.closestThemedParent) {
-          theme = this.closestThemedParent.mdName;
-        } else {
-          theme = this.$material.currentTheme;
-        }
-      }
-
-      return 'md-theme-' + theme;
+      return this.$material.prefix + this.mdEffectiveTheme;
     }
   },
-  mounted: function mounted() {
-    this.closestThemedParent = this.getClosestThemedParent(this.$parent);
-
-    if (!this.$material.currentTheme) {
-      this.$material.setCurrentTheme('default');
+  watch: {
+    mdTheme: function mdTheme(value) {
+      this.$material.useTheme(value);
     }
+  },
+  beforeMount: function beforeMount() {
+    var localTheme = this.mdTheme;
+
+    this.$material.useTheme(localTheme ? localTheme : 'default');
   }
 };
 module.exports = exports['default'];
 
 /***/ }),
 
-/***/ 133:
+/***/ 128:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -211,6 +247,7 @@ var _mixin2 = _interopRequireDefault(_mixin);
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 exports.default = {
+  name: 'md-bottom-bar',
   props: {
     mdShift: Boolean
   },
@@ -244,7 +281,7 @@ module.exports = exports['default'];
 
 /***/ }),
 
-/***/ 134:
+/***/ 129:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -275,16 +312,15 @@ Object.defineProperty(exports, "__esModule", {
 //
 //
 //
-//
-//
 
 exports.default = {
+  name: 'md-bottom-bar-item',
   props: {
     mdIcon: String,
     mdIconSrc: String,
     mdIconset: String,
     mdActive: Boolean,
-    disabled: String,
+    disabled: Boolean,
     href: String
   },
   data: function data() {
@@ -306,10 +342,14 @@ exports.default = {
     }
   },
   methods: {
-    setActive: function setActive(active) {
+    setActive: function setActive(active, $event) {
       if (active) {
         this.$parent.setActive(this);
       }
+
+      if ($event) {
+        this.$emit('click', $event);
+      }
     }
   },
   mounted: function mounted() {
@@ -328,39 +368,42 @@ module.exports = exports['default'];
 
 /***/ }),
 
-/***/ 205:
+/***/ 234:
 /***/ (function(module, exports) {
 
 // removed by extract-text-webpack-plugin
 
 /***/ }),
 
-/***/ 234:
+/***/ 267:
 /***/ (function(module, exports) {
 
 module.exports = ".THEME_NAME.md-bottom-bar.md-fixed {\n  background-color: BACKGROUND-COLOR; }\n  .THEME_NAME.md-bottom-bar.md-fixed .md-bottom-bar-item {\n    color: BACKGROUND-CONTRAST-0.54; }\n    .THEME_NAME.md-bottom-bar.md-fixed .md-bottom-bar-item:hover:not([disabled]):not(.md-active) {\n      color: BACKGROUND-CONTRAST-0.87; }\n    .THEME_NAME.md-bottom-bar.md-fixed .md-bottom-bar-item.md-active {\n      color: PRIMARY-COLOR; }\n  .THEME_NAME.md-bottom-bar.md-fixed.md-accent .md-bottom-bar-item.md-active {\n    color: ACCENT-COLOR; }\n  .THEME_NAME.md-bottom-bar.md-fixed.md-warn .md-bottom-bar-item.md-active {\n    color: WARN-COLOR; }\n  .THEME_NAME.md-bottom-bar.md-fixed.md-transparent .md-bottom-bar-item.md-active {\n    color: BACKGROUND-CONTRAST; }\n\n.THEME_NAME.md-bottom-bar.md-shift {\n  background-color: PRIMARY-COLOR;\n  color: PRIMARY-CONTRAST; }\n  .THEME_NAME.md-bottom-bar.md-shift .md-bottom-bar-item {\n    color: PRIMARY-CONTRAST-0.54; }\n    .THEME_NAME.md-bottom-bar.md-shift .md-bottom-bar-item:hover:not([disabled]):not(.md-active) {\n      color: PRIMARY-CONTRAST-0.87; }\n    .THEME_NAME.md-bottom-bar.md-shift .md-bottom-bar-item.md-active {\n      color: PRIMARY-CONTRAST; }\n  .THEME_NAME.md-bottom-bar.md-shift.md-accent {\n    background-color: ACCENT-COLOR; }\n    .THEME_NAME.md-bottom-bar.md-shift.md-accent .md-bottom-bar-item {\n      color: ACCENT-CONTRAST-0.54; }\n      .THEME_NAME.md-bottom-bar.md-shift.md-accent .md-bottom-bar-item:hover:not([disabled]):not(.md-active) {\n        color: ACCENT-CONTRAST-0.87; }\n      .THEME_NAME.md-bottom-bar.md-shift.md-accent .md-bottom-bar-item.md-active {\n        color: ACCENT-CONTRAST; }\n  .THEME_NAME.md-bottom-bar.md-shift.md-warn {\n    background-color: WARN-COLOR; }\n    .THEME_NAME.md-bottom-bar.md-shift.md-warn .md-bottom-bar-item {\n      color: WARN-CONTRAST-0.54; }\n      .THEME_NAME.md-bottom-bar.md-shift.md-warn .md-bottom-bar-item:hover:not([disabled]):not(.md-active) {\n        color: WARN-CONTRAST-0.87; }\n      .THEME_NAME.md-bottom-bar.md-shift.md-warn .md-bottom-bar-item.md-active {\n        color: WARN-CONTRAST; }\n  .THEME_NAME.md-bottom-bar.md-shift.md-transparent {\n    background-color: transparent; }\n    .THEME_NAME.md-bottom-bar.md-shift.md-transparent .md-bottom-bar-item {\n      color: BACKGROUND-CONTRAST-0.54; }\n      .THEME_NAME.md-bottom-bar.md-shift.md-transparent .md-bottom-bar-item:hover:not([disabled]):not(.md-active) {\n        color: BACKGROUND-CONTRAST-0.87; }\n      .THEME_NAME.md-bottom-bar.md-shift.md-transparent .md-bottom-bar-item.md-active {\n        color: BACKGROUND-CONTRAST; }\n"
 
 /***/ }),
 
-/***/ 262:
+/***/ 298:
 /***/ (function(module, exports, __webpack_require__) {
 
-
-/* styles */
-__webpack_require__(205)
-
+var disposed = false
+function injectStyle (ssrContext) {
+  if (disposed) return
+  __webpack_require__(234)
+}
 var Component = __webpack_require__(0)(
   /* script */
-  __webpack_require__(133),
+  __webpack_require__(128),
   /* template */
-  __webpack_require__(343),
+  __webpack_require__(386),
+  /* styles */
+  injectStyle,
   /* scopeId */
   null,
-  /* cssModules */
+  /* moduleIdentifier (server only) */
   null
 )
-Component.options.__file = "/Users/marcosmoura/Projects/github/vue-material/src/components/mdBottomBar/mdBottomBar.vue"
-if (Component.esModule && Object.keys(Component.esModule).some((function (key) {return key !== "default" && key !== "__esModule"}))) {console.error("named exports are not supported in *.vue files.")}
+Component.options.__file = "/Users/pablohpsilva/Code/vue-material/src/components/mdBottomBar/mdBottomBar.vue"
+if (Component.esModule && Object.keys(Component.esModule).some((function (key) {return key !== "default" && key.substr(0, 2) !== "__"}))) {console.error("named exports are not supported in *.vue files.")}
 if (Component.options.functional) {console.error("[vue-loader] mdBottomBar.vue: functional components are not supported with templates, they should use render functions.")}
 
 /* hot reload */
@@ -374,6 +417,9 @@ if (false) {(function () {
   } else {
     hotAPI.reload("data-v-197179a8", Component.options)
   }
+  module.hot.dispose((function (data) {
+    disposed = true
+  }))
 })()}
 
 module.exports = Component.exports
@@ -381,21 +427,24 @@ module.exports = Component.exports
 
 /***/ }),
 
-/***/ 263:
+/***/ 299:
 /***/ (function(module, exports, __webpack_require__) {
 
+var disposed = false
 var Component = __webpack_require__(0)(
   /* script */
-  __webpack_require__(134),
+  __webpack_require__(129),
   /* template */
-  __webpack_require__(345),
+  __webpack_require__(388),
+  /* styles */
+  null,
   /* scopeId */
   null,
-  /* cssModules */
+  /* moduleIdentifier (server only) */
   null
 )
-Component.options.__file = "/Users/marcosmoura/Projects/github/vue-material/src/components/mdBottomBar/mdBottomBarItem.vue"
-if (Component.esModule && Object.keys(Component.esModule).some((function (key) {return key !== "default" && key !== "__esModule"}))) {console.error("named exports are not supported in *.vue files.")}
+Component.options.__file = "/Users/pablohpsilva/Code/vue-material/src/components/mdBottomBar/mdBottomBarItem.vue"
+if (Component.esModule && Object.keys(Component.esModule).some((function (key) {return key !== "default" && key.substr(0, 2) !== "__"}))) {console.error("named exports are not supported in *.vue files.")}
 if (Component.options.functional) {console.error("[vue-loader] mdBottomBarItem.vue: functional components are not supported with templates, they should use render functions.")}
 
 /* hot reload */
@@ -409,6 +458,9 @@ if (false) {(function () {
   } else {
     hotAPI.reload("data-v-1b798f5b", Component.options)
   }
+  module.hot.dispose((function (data) {
+    disposed = true
+  }))
 })()}
 
 module.exports = Component.exports
@@ -416,7 +468,7 @@ module.exports = Component.exports
 
 /***/ }),
 
-/***/ 343:
+/***/ 386:
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
@@ -435,7 +487,7 @@ if (false) {
 
 /***/ }),
 
-/***/ 345:
+/***/ 388:
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
@@ -447,11 +499,13 @@ module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c
       "disabled": _vm.disabled
     },
     on: {
-      "click": _vm.setActive
+      "click": function($event) {
+        _vm.setActive(true, $event)
+      }
     }
   }, [(_vm.mdIcon || _vm.mdIconSrc || _vm.mdIconset) ? _c('md-icon', {
     attrs: {
-      "md-icon-src": _vm.mdIconSrc,
+      "md-src": _vm.mdIconSrc,
       "md-iconset": _vm.mdIconset
     }
   }, [_vm._v(_vm._s(_vm.mdIcon))]) : _vm._e(), _vm._v(" "), _c('md-ink-ripple', {
@@ -468,7 +522,9 @@ module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c
       "disabled": _vm.disabled
     },
     on: {
-      "click": _vm.setActive
+      "click": function($event) {
+        _vm.setActive(true, $event)
+      }
     }
   }, [(_vm.mdIcon || _vm.mdIconSrc || _vm.mdIconset) ? _c('md-icon', {
     attrs: {
@@ -493,15 +549,15 @@ if (false) {
 
 /***/ }),
 
-/***/ 399:
+/***/ 449:
 /***/ (function(module, exports, __webpack_require__) {
 
-module.exports = __webpack_require__(92);
+module.exports = __webpack_require__(82);
 
 
 /***/ }),
 
-/***/ 92:
+/***/ 82:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -512,15 +568,15 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = install;
 
-var _mdBottomBar = __webpack_require__(262);
+var _mdBottomBar = __webpack_require__(298);
 
 var _mdBottomBar2 = _interopRequireDefault(_mdBottomBar);
 
-var _mdBottomBarItem = __webpack_require__(263);
+var _mdBottomBarItem = __webpack_require__(299);
 
 var _mdBottomBarItem2 = _interopRequireDefault(_mdBottomBarItem);
 
-var _mdBottomBar3 = __webpack_require__(234);
+var _mdBottomBar3 = __webpack_require__(267);
 
 var _mdBottomBar4 = _interopRequireDefault(_mdBottomBar3);
 

dist/components/mdButton/index.css

@@ -1,6 +1,203 @@
-/*!
-* Vue Material v0.7.0
-* Made with love by Marcos Moura
-* Released under the MIT License.
-*/   
-.md-button{min-width:88px;min-height:36px;margin:6px 8px;padding:0 16px;display:inline-block;position:relative;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;background:none;border:0;border-radius:2px;transition:all .4s cubic-bezier(.25,.8,.25,1);color:currentColor;font-family:inherit;font-size:14px;font-style:inherit;font-variant:inherit;font-weight:500;letter-spacing:inherit;line-height:36px;text-align:center;text-transform:uppercase;text-decoration:none;vertical-align:top;white-space:nowrap}.md-button,.md-button:focus{outline:none}.md-button::-moz-focus-inner{border:0}.md-button:hover:not([disabled]):not(.md-raised){background-color:hsla(0,0%,60%,.2);text-decoration:none}.md-button:hover:not([disabled]).md-raised{background-color:rgba(0,0,0,.12)}.md-button:active:not([disabled]){background-color:hsla(0,0%,60%,.4)}.md-button.md-raised:not([disabled]){box-shadow:0 1px 5px rgba(0,0,0,.2),0 2px 2px rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12)}.md-button.md-dense{min-height:32px;line-height:32px;font-size:13px}.md-button.md-fab .md-icon,.md-button.md-icon-button .md-icon{position:absolute;top:1px;right:0;bottom:0;left:0}.md-button.md-icon-button{width:40px;min-width:40px;height:40px;margin:0 6px;padding:8px;border-radius:50%;line-height:24px}.md-button.md-icon-button:not([disabled]):hover{background:none}.md-button.md-icon-button.md-dense{width:32px;min-width:32px;height:32px;min-height:32px;padding:4px;line-height:32px}.md-button.md-icon-button .md-ink-ripple{border-radius:50%}.md-button.md-icon-button .md-ink-ripple .md-ripple{top:0!important;right:0!important;bottom:0!important;left:0!important}.md-button.md-icon-button .md-ripple.md-active{animation-duration:.9s}.md-button.md-fab{width:56px;height:56px;padding:0;min-width:0;overflow:hidden;box-shadow:0 1px 5px rgba(0,0,0,.2),0 2px 2px rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12);border-radius:56px;line-height:56px;background-clip:padding-box;transition:all .4s cubic-bezier(.25,.8,.25,1);transition-property:background-color,box-shadow,transform}.md-button.md-fab:focus,.md-button.md-fab:hover{box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 5px 8px rgba(0,0,0,.14),0 1px 14px rgba(0,0,0,.12)}.md-button.md-fab.md-mini{width:40px;height:40px;line-height:40px}.md-button.md-fab .md-ink-ripple{border-radius:56px}.md-button[disabled]{color:rgba(0,0,0,.26);cursor:default;pointer-events:none}.md-button[disabled].md-fab,.md-button[disabled].md-raised{background-color:rgba(0,0,0,.12)}.md-button[disabled].md-fab{box-shadow:none}.md-button:after{transition:all .4s cubic-bezier(.25,.8,.25,1)}.md-button .md-ink-ripple{border-radius:2px;background-clip:padding-box;overflow:hidden}.md-button.md-fab .md-icon,.md-button.md-icon-button .md-icon{display:block}.md-fab.md-fab-bottom-center,.md-fab.md-fab-bottom-left,.md-fab.md-fab-bottom-right,.md-fab.md-fab-top-center,.md-fab.md-fab-top-left,.md-fab.md-fab-top-right,.md-speed-dial.md-fab-bottom-center,.md-speed-dial.md-fab-bottom-left,.md-speed-dial.md-fab-bottom-right,.md-speed-dial.md-fab-top-center,.md-speed-dial.md-fab-top-left,.md-speed-dial.md-fab-top-right{margin:0;position:absolute;z-index:10}.md-fab.md-fab-top-left,.md-speed-dial.md-fab-top-left{top:24px;left:24px}.md-fab.md-fab-top-center,.md-speed-dial.md-fab-top-center{top:24px;left:50%;transform:translateX(-50%)}.md-fab.md-fab-top-right,.md-speed-dial.md-fab-top-right{top:24px;right:24px}.md-fab.md-fab-bottom-left,.md-speed-dial.md-fab-bottom-left{bottom:24px;left:24px}.md-fab.md-fab-bottom-center,.md-speed-dial.md-fab-bottom-center{bottom:24px;left:50%;transform:translateX(-50%)}.md-fab.md-fab-bottom-right,.md-speed-dial.md-fab-bottom-right{right:24px;bottom:24px}.md-button-tooltip.md-tooltip-top{margin-top:-8px}.md-button-tooltip.md-tooltip-right{margin-left:8px}.md-button-tooltip.md-tooltip-bottom{margin-top:8px}.md-button-tooltip.md-tooltip-left{margin-left:-8px}
+/* Common */
+/* Responsive Breakpoints */
+/* Transitions - Based on Angular Material */
+/* Elevation - Based on Angular Material */
+.md-button {
+  min-width: 88px;
+  min-height: 36px;
+  margin: 6px 8px;
+  padding: 0 16px;
+  display: inline-block;
+  position: relative;
+  overflow: hidden;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
+  cursor: pointer;
+  outline: none;
+  background: none;
+  border: 0;
+  border-radius: 2px;
+  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
+  color: currentColor;
+  font-family: inherit;
+  font-size: 14px;
+  font-style: inherit;
+  font-variant: inherit;
+  font-weight: 500;
+  letter-spacing: inherit;
+  line-height: 36px;
+  text-align: center;
+  text-transform: uppercase;
+  text-decoration: none;
+  vertical-align: top;
+  white-space: nowrap;
+}
+.md-button:focus {
+    outline: none;
+}
+.md-button::-moz-focus-inner {
+    border: 0;
+}
+.md-button:hover:not([disabled]):not(.md-raised) {
+    background-color: rgba(153, 153, 153, 0.2);
+    text-decoration: none;
+}
+.md-button:hover:not([disabled]).md-raised {
+    background-color: rgba(0, 0, 0, 0.12);
+}
+.md-button:active:not([disabled]) {
+    background-color: rgba(153, 153, 153, 0.4);
+}
+.md-button.md-raised:not([disabled]) {
+    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2), 0 2px 2px rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12);
+}
+.md-button.md-dense {
+    min-height: 32px;
+    line-height: 32px;
+    font-size: 13px;
+}
+.md-button.md-icon-button .md-icon, .md-button.md-fab .md-icon {
+    position: absolute;
+    top: 1px;
+    right: 0;
+    bottom: 0;
+    left: 0;
+}
+.md-button.md-icon-button {
+    width: 40px;
+    min-width: 40px;
+    height: 40px;
+    margin: 0 6px;
+    padding: 8px;
+    border-radius: 50%;
+    line-height: 24px;
+}
+.md-button.md-icon-button:not([disabled]):hover {
+      background: none;
+}
+.md-button.md-icon-button.md-dense {
+      width: 32px;
+      min-width: 32px;
+      height: 32px;
+      min-height: 32px;
+      padding: 4px;
+      line-height: 32px;
+}
+.md-button.md-icon-button .md-ink-ripple {
+      border-radius: 50%;
+}
+.md-button.md-icon-button .md-ink-ripple .md-ripple {
+        top: 0 !important;
+        right: 0 !important;
+        bottom: 0 !important;
+        left: 0 !important;
+}
+.md-button.md-icon-button .md-ripple.md-active {
+      animation-duration: .9s;
+}
+.md-button.md-fab {
+    width: 56px;
+    height: 56px;
+    padding: 0;
+    min-width: 0;
+    overflow: hidden;
+    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2), 0 2px 2px rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12);
+    border-radius: 56px;
+    line-height: 56px;
+    background-clip: padding-box;
+    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
+    transition-property: background-color, box-shadow, transform;
+}
+.md-button.md-fab:hover, .md-button.md-fab:focus {
+      box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 5px 8px rgba(0, 0, 0, 0.14), 0 1px 14px rgba(0, 0, 0, 0.12);
+}
+.md-button.md-fab.md-mini {
+      width: 40px;
+      height: 40px;
+      line-height: 40px;
+}
+.md-button.md-fab .md-ink-ripple {
+      border-radius: 56px;
+}
+.md-button[disabled] {
+    color: rgba(0, 0, 0, 0.26);
+    cursor: default;
+    pointer-events: none;
+}
+.md-button[disabled].md-raised, .md-button[disabled].md-fab {
+      background-color: rgba(0, 0, 0, 0.12);
+}
+.md-button[disabled].md-fab {
+      box-shadow: none;
+}
+.md-button:after {
+    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
+}
+.md-button .md-ink-ripple {
+    border-radius: 2px;
+    background-clip: padding-box;
+    overflow: hidden;
+}
+.md-button.md-icon-button .md-icon,
+.md-button.md-fab .md-icon {
+  display: block;
+}
+.md-fab.md-fab-top-left, .md-fab.md-fab-top-center, .md-fab.md-fab-top-right, .md-fab.md-fab-bottom-left, .md-fab.md-fab-bottom-center, .md-fab.md-fab-bottom-right,
+.md-speed-dial.md-fab-top-left,
+.md-speed-dial.md-fab-top-center,
+.md-speed-dial.md-fab-top-right,
+.md-speed-dial.md-fab-bottom-left,
+.md-speed-dial.md-fab-bottom-center,
+.md-speed-dial.md-fab-bottom-right {
+  margin: 0;
+  position: absolute;
+  z-index: 10;
+}
+.md-fab.md-fab-top-left,
+.md-speed-dial.md-fab-top-left {
+  top: 24px;
+  left: 24px;
+}
+.md-fab.md-fab-top-center,
+.md-speed-dial.md-fab-top-center {
+  top: 24px;
+  left: 50%;
+  transform: translateX(-50%);
+}
+.md-fab.md-fab-top-right,
+.md-speed-dial.md-fab-top-right {
+  top: 24px;
+  right: 24px;
+}
+.md-fab.md-fab-bottom-left,
+.md-speed-dial.md-fab-bottom-left {
+  bottom: 24px;
+  left: 24px;
+}
+.md-fab.md-fab-bottom-center,
+.md-speed-dial.md-fab-bottom-center {
+  bottom: 24px;
+  left: 50%;
+  transform: translateX(-50%);
+}
+.md-fab.md-fab-bottom-right,
+.md-speed-dial.md-fab-bottom-right {
+  right: 24px;
+  bottom: 24px;
+}
+.md-button-tooltip.md-tooltip-top {
+  margin-top: -8px;
+}
+.md-button-tooltip.md-tooltip-right {
+  margin-left: 8px;
+}
+.md-button-tooltip.md-tooltip-bottom {
+  margin-top: 8px;
+}
+.md-button-tooltip.md-tooltip-left {
+  margin-left: -8px;
+}
+
+/*# sourceMappingURL=index.css.map*/

dist/components/mdButton/index.debug.js

@@ -73,7 +73,7 @@ return /******/ (function(modules) { // webpackBootstrap
 /******/ 	__webpack_require__.p = "/";
 
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 400);
+/******/ 	return __webpack_require__(__webpack_require__.s = 450);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -81,11 +81,17 @@ return /******/ (function(modules) { // webpackBootstrap
 /***/ 0:
 /***/ (function(module, exports) {
 
+/* globals __VUE_SSR_CONTEXT__ */
+
+// this module is a runtime utility for cleaner component module output and will
+// be included in the final webpack user bundle
+
 module.exports = function normalizeComponent (
   rawScriptExports,
   compiledTemplate,
+  injectStyles,
   scopeId,
-  cssModules
+  moduleIdentifier /* server only */
 ) {
   var esModule
   var scriptExports = rawScriptExports = rawScriptExports || {}
@@ -113,13 +119,51 @@ module.exports = function normalizeComponent (
     options._scopeId = scopeId
   }
 
-  // inject cssModules
-  if (cssModules) {
-    var computed = options.computed || (options.computed = {})
-    Object.keys(cssModules).forEach((function (key) {
-      var module = cssModules[key]
-      computed[key] = function () { return module }
-    }))
+  var hook
+  if (moduleIdentifier) { // server build
+    hook = function (context) {
+      // 2.3 injection
+      context =
+        context || // cached call
+        (this.$vnode && this.$vnode.ssrContext) || // stateful
+        (this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext) // functional
+      // 2.2 with runInNewContext: true
+      if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {
+        context = __VUE_SSR_CONTEXT__
+      }
+      // inject component styles
+      if (injectStyles) {
+        injectStyles.call(this, context)
+      }
+      // register component module identifier for async chunk inferrence
+      if (context && context._registeredComponents) {
+        context._registeredComponents.add(moduleIdentifier)
+      }
+    }
+    // used by ssr in case component is cached and beforeCreate
+    // never gets called
+    options._ssrRegister = hook
+  } else if (injectStyles) {
+    hook = injectStyles
+  }
+
+  if (hook) {
+    var functional = options.functional
+    var existing = functional
+      ? options.render
+      : options.beforeCreate
+    if (!functional) {
+      // inject component registration as beforeCreate hook
+      options.beforeCreate = existing
+        ? [].concat(existing, hook)
+        : [hook]
+    } else {
+      // register for functioal component in vue file
+      options.render = function renderWithStyleInjection (h, context) {
+        hook.call(context)
+        return existing(h, context)
+      }
+    }
   }
 
   return {
@@ -141,60 +185,52 @@ module.exports = function normalizeComponent (
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+// Theme mixin
+
+// Grab the closest ancestor component's `md-theme` attribute OR grab the
+// `md-name` attribute from an `<md-theme>` component.
+function getAncestorThemeName(component) {
+  if (!component) {
+    return null;
+  }
+
+  var name = component.mdTheme;
+
+  if (!name && component.$options._componentTag === 'md-theme') {
+    name = component.mdName;
+  }
+
+  return name || getAncestorThemeName(component.$parent);
+}
+
 exports.default = {
   props: {
     mdTheme: String
   },
-  data: function data() {
-    return {
-      closestThemedParent: false
-    };
-  },
-  methods: {
-    getClosestThemedParent: function getClosestThemedParent($parent) {
-      if (!$parent || !$parent.$el || $parent._uid === 0) {
-        return false;
-      }
-
-      if ($parent.mdTheme || $parent.mdName) {
-        return $parent;
-      }
-
-      return this.getClosestThemedParent($parent.$parent);
-    }
-  },
   computed: {
+    mdEffectiveTheme: function mdEffectiveTheme() {
+      return getAncestorThemeName(this) || this.$material.currentTheme;
+    },
     themeClass: function themeClass() {
-      if (this.mdTheme) {
-        return 'md-theme-' + this.mdTheme;
-      }
-
-      var theme = this.closestThemedParent.mdTheme;
-
-      if (!theme) {
-        if (this.closestThemedParent) {
-          theme = this.closestThemedParent.mdName;
-        } else {
-          theme = this.$material.currentTheme;
-        }
-      }
-
-      return 'md-theme-' + theme;
+      return this.$material.prefix + this.mdEffectiveTheme;
     }
   },
-  mounted: function mounted() {
-    this.closestThemedParent = this.getClosestThemedParent(this.$parent);
-
-    if (!this.$material.currentTheme) {
-      this.$material.setCurrentTheme('default');
+  watch: {
+    mdTheme: function mdTheme(value) {
+      this.$material.useTheme(value);
     }
+  },
+  beforeMount: function beforeMount() {
+    var localTheme = this.mdTheme;
+
+    this.$material.useTheme(localTheme ? localTheme : 'default');
   }
 };
 module.exports = exports['default'];
 
 /***/ }),
 
-/***/ 135:
+/***/ 130:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -211,6 +247,7 @@ var _mixin2 = _interopRequireDefault(_mixin);
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 exports.default = {
+  name: 'md-button',
   props: {
     href: String,
     target: String,
@@ -250,39 +287,42 @@ module.exports = exports['default'];
 
 /***/ }),
 
-/***/ 223:
+/***/ 254:
 /***/ (function(module, exports) {
 
 // removed by extract-text-webpack-plugin
 
 /***/ }),
 
-/***/ 235:
+/***/ 268:
 /***/ (function(module, exports) {
 
 module.exports = ".THEME_NAME.md-button:not([disabled]).md-raised:not(.md-icon-button) {\n  color: BACKGROUND-CONTRAST;\n  background-color: BACKGROUND-COLOR; }\n  .THEME_NAME.md-button:not([disabled]).md-raised:not(.md-icon-button):hover {\n    background-color: BACKGROUND-COLOR-200; }\n\n.THEME_NAME.md-button:not([disabled]).md-raised.md-icon-button:not(.md-raised) {\n  color: BACKGROUND-CONTRAST; }\n\n.THEME_NAME.md-button:not([disabled]).md-fab {\n  color: ACCENT-CONTRAST;\n  background-color: ACCENT-COLOR; }\n  .THEME_NAME.md-button:not([disabled]).md-fab:hover {\n    background-color: ACCENT-COLOR-600; }\n  .THEME_NAME.md-button:not([disabled]).md-fab.md-clean {\n    color: BACKGROUND-CONTRAST;\n    background-color: BACKGROUND-COLOR; }\n    .THEME_NAME.md-button:not([disabled]).md-fab.md-clean:hover {\n      background-color: BACKGROUND-COLOR-200; }\n\n.THEME_NAME.md-button:not([disabled]).md-primary:not(.md-icon-button) {\n  color: PRIMARY-COLOR; }\n\n.THEME_NAME.md-button:not([disabled]).md-primary.md-raised, .THEME_NAME.md-button:not([disabled]).md-primary.md-fab {\n  background-color: PRIMARY-COLOR;\n  color: PRIMARY-CONTRAST; }\n  .THEME_NAME.md-button:not([disabled]).md-primary.md-raised:hover, .THEME_NAME.md-button:not([disabled]).md-primary.md-fab:hover {\n    background-color: PRIMARY-COLOR-600; }\n\n.THEME_NAME.md-button:not([disabled]).md-primary.md-icon-button:not(.md-raised) {\n  color: PRIMARY-COLOR; }\n\n.THEME_NAME.md-button:not([disabled]).md-accent:not(.md-icon-button) {\n  color: ACCENT-COLOR; }\n\n.THEME_NAME.md-button:not([disabled]).md-accent.md-raised {\n  background-color: ACCENT-COLOR;\n  color: ACCENT-CONTRAST; }\n  .THEME_NAME.md-button:not([disabled]).md-accent.md-raised:hover {\n    background-color: ACCENT-COLOR-600; }\n\n.THEME_NAME.md-button:not([disabled]).md-accent.md-icon-button:not(.md-raised) {\n  color: ACCENT-COLOR; }\n\n.THEME_NAME.md-button:not([disabled]).md-warn:not(.md-icon-button) {\n  color: WARN-COLOR; }\n\n.THEME_NAME.md-button:not([disabled]).md-warn.md-raised, .THEME_NAME.md-button:not([disabled]).md-warn.md-fab {\n  background-color: WARN-COLOR;\n  color: WARN-CONTRAST; }\n  .THEME_NAME.md-button:not([disabled]).md-warn.md-raised:hover, .THEME_NAME.md-button:not([disabled]).md-warn.md-fab:hover {\n    background-color: WARN-COLOR-600; }\n\n.THEME_NAME.md-button:not([disabled]).md-warn.md-icon-button:not(.md-raised) {\n  color: WARN-COLOR; }\n"
 
 /***/ }),
 
-/***/ 264:
+/***/ 300:
 /***/ (function(module, exports, __webpack_require__) {
 
-
-/* styles */
-__webpack_require__(223)
-
+var disposed = false
+function injectStyle (ssrContext) {
+  if (disposed) return
+  __webpack_require__(254)
+}
 var Component = __webpack_require__(0)(
   /* script */
-  __webpack_require__(135),
+  __webpack_require__(130),
   /* template */
-  __webpack_require__(381),
+  __webpack_require__(430),
+  /* styles */
+  injectStyle,
   /* scopeId */
   null,
-  /* cssModules */
+  /* moduleIdentifier (server only) */
   null
 )
-Component.options.__file = "/Users/marcosmoura/Projects/github/vue-material/src/components/mdButton/mdButton.vue"
-if (Component.esModule && Object.keys(Component.esModule).some((function (key) {return key !== "default" && key !== "__esModule"}))) {console.error("named exports are not supported in *.vue files.")}
+Component.options.__file = "/Users/pablohpsilva/Code/vue-material/src/components/mdButton/mdButton.vue"
+if (Component.esModule && Object.keys(Component.esModule).some((function (key) {return key !== "default" && key.substr(0, 2) !== "__"}))) {console.error("named exports are not supported in *.vue files.")}
 if (Component.options.functional) {console.error("[vue-loader] mdButton.vue: functional components are not supported with templates, they should use render functions.")}
 
 /* hot reload */
@@ -296,6 +336,9 @@ if (false) {(function () {
   } else {
     hotAPI.reload("data-v-6dc87da4", Component.options)
   }
+  module.hot.dispose((function (data) {
+    disposed = true
+  }))
 })()}
 
 module.exports = Component.exports
@@ -303,22 +346,11 @@ module.exports = Component.exports
 
 /***/ }),
 
-/***/ 381:
+/***/ 430:
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
-  return (!_vm.href) ? _c('button', {
-    staticClass: "md-button",
-    class: [_vm.themeClass],
-    attrs: {
-      "type": _vm.type,
-      "disabled": _vm.disabled
-    }
-  }, [_c('md-ink-ripple', {
-    attrs: {
-      "md-disabled": _vm.disabled
-    }
-  }), _vm._v(" "), _vm._t("default")], 2) : _c('a', {
+  return (_vm.href) ? _c('a', {
     staticClass: "md-button",
     class: [_vm.themeClass],
     attrs: {
@@ -326,6 +358,27 @@ module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c
       "disabled": _vm.disabled,
       "target": _vm.target,
       "rel": _vm.newRel
+    },
+    on: {
+      "click": function($event) {
+        _vm.$emit('click', $event)
+      }
+    }
+  }, [_c('md-ink-ripple', {
+    attrs: {
+      "md-disabled": _vm.disabled
+    }
+  }), _vm._v(" "), _vm._t("default")], 2) : _c('button', {
+    staticClass: "md-button",
+    class: [_vm.themeClass],
+    attrs: {
+      "type": _vm.type,
+      "disabled": _vm.disabled
+    },
+    on: {
+      "click": function($event) {
+        _vm.$emit('click', $event)
+      }
     }
   }, [_c('md-ink-ripple', {
     attrs: {
@@ -343,15 +396,15 @@ if (false) {
 
 /***/ }),
 
-/***/ 400:
+/***/ 450:
 /***/ (function(module, exports, __webpack_require__) {
 
-module.exports = __webpack_require__(93);
+module.exports = __webpack_require__(83);
 
 
 /***/ }),
 
-/***/ 93:
+/***/ 83:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -362,11 +415,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = install;
 
-var _mdButton = __webpack_require__(264);
+var _mdButton = __webpack_require__(300);
 
 var _mdButton2 = _interopRequireDefault(_mdButton);
 
-var _mdButton3 = __webpack_require__(235);
+var _mdButton3 = __webpack_require__(268);
 
 var _mdButton4 = _interopRequireDefault(_mdButton3);
 

dist/components/mdButtonToggle/index.css

@@ -1,6 +1,37 @@
-/*!
-* Vue Material v0.7.0
-* Made with love by Marcos Moura
-* Released under the MIT License.
-*/   
-.md-button-toggle{width:auto;display:-ms-flexbox;display:flex}.md-button-toggle>.md-button{margin:0;overflow:hidden;border-width:1px 0 1px 1px;border-radius:0;text-align:center;text-overflow:ellipsis;white-space:nowrap}.md-button-toggle>.md-button:first-child{border-radius:2px 0 0 2px}.md-button-toggle>.md-button:last-child{border-right-width:1px;border-radius:0 2px 2px 0}.md-button-toggle>.md-button:not([disabled]){color:rgba(0,0,0,.54)}.md-button-toggle>.md-button:not([disabled]):hover:not(.md-toggle):not(.md-raised){background-color:hsla(0,0%,60%,.2);text-decoration:none}.md-button-toggle>.md-button .md-ink-ripple{border-radius:2px}
+/* Common */
+/* Responsive Breakpoints */
+/* Transitions - Based on Angular Material */
+/* Elevation - Based on Angular Material */
+.md-button-toggle {
+  width: auto;
+  display: -ms-flexbox;
+  display: flex;
+}
+.md-button-toggle > .md-button {
+    margin: 0;
+    overflow: hidden;
+    border-width: 1px 0 1px 1px;
+    border-radius: 0;
+    text-align: center;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+}
+.md-button-toggle > .md-button:first-child {
+      border-radius: 2px 0 0 2px;
+}
+.md-button-toggle > .md-button:last-child {
+      border-right-width: 1px;
+      border-radius: 0 2px 2px 0;
+}
+.md-button-toggle > .md-button:not([disabled]) {
+      color: rgba(0, 0, 0, 0.54);
+}
+.md-button-toggle > .md-button:not([disabled]):hover:not(.md-toggle):not(.md-raised) {
+        background-color: rgba(153, 153, 153, 0.2);
+        text-decoration: none;
+}
+.md-button-toggle > .md-button .md-ink-ripple {
+      border-radius: 2px;
+}
+
+/*# sourceMappingURL=index.css.map*/

dist/components/mdButtonToggle/index.debug.js

@@ -73,7 +73,7 @@ return /******/ (function(modules) { // webpackBootstrap
 /******/ 	__webpack_require__.p = "/";
 
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 401);
+/******/ 	return __webpack_require__(__webpack_require__.s = 451);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -81,11 +81,17 @@ return /******/ (function(modules) { // webpackBootstrap
 /***/ 0:
 /***/ (function(module, exports) {
 
+/* globals __VUE_SSR_CONTEXT__ */
+
+// this module is a runtime utility for cleaner component module output and will
+// be included in the final webpack user bundle
+
 module.exports = function normalizeComponent (
   rawScriptExports,
   compiledTemplate,
+  injectStyles,
   scopeId,
-  cssModules
+  moduleIdentifier /* server only */
 ) {
   var esModule
   var scriptExports = rawScriptExports = rawScriptExports || {}
@@ -113,13 +119,51 @@ module.exports = function normalizeComponent (
     options._scopeId = scopeId
   }
 
-  // inject cssModules
-  if (cssModules) {
-    var computed = options.computed || (options.computed = {})
-    Object.keys(cssModules).forEach((function (key) {
-      var module = cssModules[key]
-      computed[key] = function () { return module }
-    }))
+  var hook
+  if (moduleIdentifier) { // server build
+    hook = function (context) {
+      // 2.3 injection
+      context =
+        context || // cached call
+        (this.$vnode && this.$vnode.ssrContext) || // stateful
+        (this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext) // functional
+      // 2.2 with runInNewContext: true
+      if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {
+        context = __VUE_SSR_CONTEXT__
+      }
+      // inject component styles
+      if (injectStyles) {
+        injectStyles.call(this, context)
+      }
+      // register component module identifier for async chunk inferrence
+      if (context && context._registeredComponents) {
+        context._registeredComponents.add(moduleIdentifier)
+      }
+    }
+    // used by ssr in case component is cached and beforeCreate
+    // never gets called
+    options._ssrRegister = hook
+  } else if (injectStyles) {
+    hook = injectStyles
+  }
+
+  if (hook) {
+    var functional = options.functional
+    var existing = functional
+      ? options.render
+      : options.beforeCreate
+    if (!functional) {
+      // inject component registration as beforeCreate hook
+      options.beforeCreate = existing
+        ? [].concat(existing, hook)
+        : [hook]
+    } else {
+      // register for functioal component in vue file
+      options.render = function renderWithStyleInjection (h, context) {
+        hook.call(context)
+        return existing(h, context)
+      }
+    }
   }
 
   return {
@@ -141,60 +185,52 @@ module.exports = function normalizeComponent (
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+// Theme mixin
+
+// Grab the closest ancestor component's `md-theme` attribute OR grab the
+// `md-name` attribute from an `<md-theme>` component.
+function getAncestorThemeName(component) {
+  if (!component) {
+    return null;
+  }
+
+  var name = component.mdTheme;
+
+  if (!name && component.$options._componentTag === 'md-theme') {
+    name = component.mdName;
+  }
+
+  return name || getAncestorThemeName(component.$parent);
+}
+
 exports.default = {
   props: {
     mdTheme: String
   },
-  data: function data() {
-    return {
-      closestThemedParent: false
-    };
-  },
-  methods: {
-    getClosestThemedParent: function getClosestThemedParent($parent) {
-      if (!$parent || !$parent.$el || $parent._uid === 0) {
-        return false;
-      }
-
-      if ($parent.mdTheme || $parent.mdName) {
-        return $parent;
-      }
-
-      return this.getClosestThemedParent($parent.$parent);
-    }
-  },
   computed: {
+    mdEffectiveTheme: function mdEffectiveTheme() {
+      return getAncestorThemeName(this) || this.$material.currentTheme;
+    },
     themeClass: function themeClass() {
-      if (this.mdTheme) {
-        return 'md-theme-' + this.mdTheme;
-      }
-
-      var theme = this.closestThemedParent.mdTheme;
-
-      if (!theme) {
-        if (this.closestThemedParent) {
-          theme = this.closestThemedParent.mdName;
-        } else {
-          theme = this.$material.currentTheme;
-        }
-      }
-
-      return 'md-theme-' + theme;
+      return this.$material.prefix + this.mdEffectiveTheme;
     }
   },
-  mounted: function mounted() {
-    this.closestThemedParent = this.getClosestThemedParent(this.$parent);
-
-    if (!this.$material.currentTheme) {
-      this.$material.setCurrentTheme('default');
+  watch: {
+    mdTheme: function mdTheme(value) {
+      this.$material.useTheme(value);
     }
+  },
+  beforeMount: function beforeMount() {
+    var localTheme = this.mdTheme;
+
+    this.$material.useTheme(localTheme ? localTheme : 'default');
   }
 };
 module.exports = exports['default'];
 
 /***/ }),
 
-/***/ 136:
+/***/ 131:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -220,6 +256,7 @@ var onClickButton = void 0; //
 //
 
 exports.default = {
+  name: 'md-button-toggle',
   props: {
     mdSingle: Boolean
   },
@@ -262,39 +299,42 @@ module.exports = exports['default'];
 
 /***/ }),
 
-/***/ 202:
+/***/ 231:
 /***/ (function(module, exports) {
 
 // removed by extract-text-webpack-plugin
 
 /***/ }),
 
-/***/ 236:
+/***/ 269:
 /***/ (function(module, exports) {
 
 module.exports = ".THEME_NAME.md-button-toggle .md-button:after {\n  width: 1px;\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  content: \" \"; }\n\n.THEME_NAME.md-button-toggle .md-toggle {\n  color: BACKGROUND-CONTRAST-0.54;\n  background-color: BACKGROUND-CONTRAST-0.26; }\n  .THEME_NAME.md-button-toggle .md-toggle:hover:not([disabled]) {\n    background-color: BACKGROUND-CONTRAST-0.38; }\n  .THEME_NAME.md-button-toggle .md-toggle + .md-toggle:after {\n    background-color: BACKGROUND-CONTRAST-0.12; }\n\n.THEME_NAME.md-button-toggle.md-primary .md-toggle {\n  color: PRIMARY-CONTRAST;\n  background-color: PRIMARY-COLOR; }\n  .THEME_NAME.md-button-toggle.md-primary .md-toggle:hover:not([disabled]) {\n    background-color: PRIMARY-COLOR; }\n  .THEME_NAME.md-button-toggle.md-primary .md-toggle + .md-toggle:after {\n    background-color: PRIMARY-COLOR-600; }\n\n.THEME_NAME.md-button-toggle.md-accent .md-toggle {\n  color: ACCENT-CONTRAST;\n  background-color: ACCENT-COLOR; }\n  .THEME_NAME.md-button-toggle.md-accent .md-toggle:hover:not([disabled]) {\n    background-color: ACCENT-COLOR; }\n  .THEME_NAME.md-button-toggle.md-accent .md-toggle + .md-toggle:after {\n    background-color: ACCENT-COLOR-600; }\n\n.THEME_NAME.md-button-toggle.md-warn .md-toggle {\n  color: WARN-CONTRAST;\n  background-color: WARN-COLOR; }\n  .THEME_NAME.md-button-toggle.md-warn .md-toggle:hover:not([disabled]) {\n    background-color: WARN-COLOR; }\n  .THEME_NAME.md-button-toggle.md-warn .md-toggle + .md-toggle:after {\n    background-color: WARN-COLOR-600; }\n\n.THEME_NAME.md-button-toggle [disabled] {\n  color: rgba(0, 0, 0, 0.26); }\n  .THEME_NAME.md-button-toggle [disabled].md-toggle {\n    color: BACKGROUND-CONTRAST-0.2;\n    background-color: rgba(0, 0, 0, 0.26); }\n"
 
 /***/ }),
 
-/***/ 265:
+/***/ 301:
 /***/ (function(module, exports, __webpack_require__) {
 
-
-/* styles */
-__webpack_require__(202)
-
+var disposed = false
+function injectStyle (ssrContext) {
+  if (disposed) return
+  __webpack_require__(231)
+}
 var Component = __webpack_require__(0)(
   /* script */
-  __webpack_require__(136),
+  __webpack_require__(131),
   /* template */
-  __webpack_require__(335),
+  __webpack_require__(378),
+  /* styles */
+  injectStyle,
   /* scopeId */
   null,
-  /* cssModules */
+  /* moduleIdentifier (server only) */
   null
 )
-Component.options.__file = "/Users/marcosmoura/Projects/github/vue-material/src/components/mdButtonToggle/mdButtonToggle.vue"
-if (Component.esModule && Object.keys(Component.esModule).some((function (key) {return key !== "default" && key !== "__esModule"}))) {console.error("named exports are not supported in *.vue files.")}
+Component.options.__file = "/Users/pablohpsilva/Code/vue-material/src/components/mdButtonToggle/mdButtonToggle.vue"
+if (Component.esModule && Object.keys(Component.esModule).some((function (key) {return key !== "default" && key.substr(0, 2) !== "__"}))) {console.error("named exports are not supported in *.vue files.")}
 if (Component.options.functional) {console.error("[vue-loader] mdButtonToggle.vue: functional components are not supported with templates, they should use render functions.")}
 
 /* hot reload */
@@ -308,6 +348,9 @@ if (false) {(function () {
   } else {
     hotAPI.reload("data-v-0c5891b8", Component.options)
   }
+  module.hot.dispose((function (data) {
+    disposed = true
+  }))
 })()}
 
 module.exports = Component.exports
@@ -315,7 +358,7 @@ module.exports = Component.exports
 
 /***/ }),
 
-/***/ 335:
+/***/ 378:
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
@@ -334,15 +377,15 @@ if (false) {
 
 /***/ }),
 
-/***/ 401:
+/***/ 451:
 /***/ (function(module, exports, __webpack_require__) {
 
-module.exports = __webpack_require__(94);
+module.exports = __webpack_require__(84);
 
 
 /***/ }),
 
-/***/ 94:
+/***/ 84:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -353,11 +396,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = install;
 
-var _mdButtonToggle = __webpack_require__(265);
+var _mdButtonToggle = __webpack_require__(301);
 
 var _mdButtonToggle2 = _interopRequireDefault(_mdButtonToggle);
 
-var _mdButtonToggle3 = __webpack_require__(236);
+var _mdButtonToggle3 = __webpack_require__(269);
 
 var _mdButtonToggle4 = _interopRequireDefault(_mdButtonToggle3);
 

dist/components/mdButtonToggle/index.js

@@ -1,6 +1,6 @@
 /*!
-* Vue Material v0.7.0
+* Vue Material v0.7.4
 * Made with love by Marcos Moura
 * Released under the MIT License.
 */   
-!(function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define([],e):"object"==typeof exports?exports.VueMaterial=e():t.VueMaterial=e()})(this,(function(){return (function(t){function e(n){if(o[n])return o[n].exports;var r=o[n]={i:n,l:!1,exports:{}};return t[n].call(r.exports,r,r.exports,e),r.l=!0,r.exports}var o={};return e.m=t,e.c=o,e.i=function(t){return t},e.d=function(t,o,n){e.o(t,o)||Object.defineProperty(t,o,{configurable:!1,enumerable:!0,get:n})},e.n=function(t){var o=t&&t.__esModule?function(){return t.default}:function(){return t};return e.d(o,"a",o),o},e.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},e.p="/",e(e.s=401)})({0:function(t,e){t.exports=function(t,e,o,n){var r,d=t=t||{},l=typeof t.default;"object"!==l&&"function"!==l||(r=t,d=t.default);var u="function"==typeof d?d.options:d;if(e&&(u.render=e.render,u.staticRenderFns=e.staticRenderFns),o&&(u._scopeId=o),n){var c=u.computed||(u.computed={});Object.keys(n).forEach((function(t){var e=n[t];c[t]=function(){return e}}))}return{esModule:r,exports:d,options:u}}},1:function(t,e,o){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={props:{mdTheme:String},data:function(){return{closestThemedParent:!1}},methods:{getClosestThemedParent:function(t){return!(!t||!t.$el||0===t._uid)&&(t.mdTheme||t.mdName?t:this.getClosestThemedParent(t.$parent))}},computed:{themeClass:function(){if(this.mdTheme)return"md-theme-"+this.mdTheme;var t=this.closestThemedParent.mdTheme;return t||(t=this.closestThemedParent?this.closestThemedParent.mdName:this.$material.currentTheme),"md-theme-"+t}},mounted:function(){this.closestThemedParent=this.getClosestThemedParent(this.$parent),this.$material.currentTheme||this.$material.setCurrentTheme("default")}},t.exports=e.default},136:function(t,e,o){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var r=o(1),d=n(r),l=void 0;e.default={props:{mdSingle:Boolean},mixins:[d.default],mounted:function(){var t=this;this.$children.forEach((function(e){var o=e.$el,n="md-toggle";l=function(){t.mdSingle?(t.$children.forEach((function(t){t.$el.classList.remove(n)})),o.classList.add(n)):o.classList.toggle(n)},o&&o.classList.contains("md-button")&&o.addEventListener("click",l)}))},beforeDestroy:function(){this.$children.forEach((function(t){var e=t.$el;e&&e.classList.contains("md-button")&&e.removeEventListener("click",l)}))}},t.exports=e.default},202:function(t,e){},236:function(t,e){t.exports='.THEME_NAME.md-button-toggle .md-button:after{width:1px;position:absolute;top:0;bottom:0;left:0;content:" "}.THEME_NAME.md-button-toggle .md-toggle{color:BACKGROUND-CONTRAST-0.54;background-color:BACKGROUND-CONTRAST-0.26}.THEME_NAME.md-button-toggle .md-toggle:hover:not([disabled]){background-color:BACKGROUND-CONTRAST-0.38}.THEME_NAME.md-button-toggle .md-toggle+.md-toggle:after{background-color:BACKGROUND-CONTRAST-0.12}.THEME_NAME.md-button-toggle.md-primary .md-toggle{color:PRIMARY-CONTRAST;background-color:PRIMARY-COLOR}.THEME_NAME.md-button-toggle.md-primary .md-toggle:hover:not([disabled]){background-color:PRIMARY-COLOR}.THEME_NAME.md-button-toggle.md-primary .md-toggle+.md-toggle:after{background-color:PRIMARY-COLOR-600}.THEME_NAME.md-button-toggle.md-accent .md-toggle{color:ACCENT-CONTRAST;background-color:ACCENT-COLOR}.THEME_NAME.md-button-toggle.md-accent .md-toggle:hover:not([disabled]){background-color:ACCENT-COLOR}.THEME_NAME.md-button-toggle.md-accent .md-toggle+.md-toggle:after{background-color:ACCENT-COLOR-600}.THEME_NAME.md-button-toggle.md-warn .md-toggle{color:WARN-CONTRAST;background-color:WARN-COLOR}.THEME_NAME.md-button-toggle.md-warn .md-toggle:hover:not([disabled]){background-color:WARN-COLOR}.THEME_NAME.md-button-toggle.md-warn .md-toggle+.md-toggle:after{background-color:WARN-COLOR-600}.THEME_NAME.md-button-toggle [disabled]{color:rgba(0,0,0,0.26)}.THEME_NAME.md-button-toggle [disabled].md-toggle{color:BACKGROUND-CONTRAST-0.2;background-color:rgba(0,0,0,0.26)}\n'},265:function(t,e,o){o(202);var n=o(0)(o(136),o(335),null,null);t.exports=n.exports},335:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("div",{staticClass:"md-button-toggle",class:[t.themeClass]},[t._t("default")],2)},staticRenderFns:[]}},401:function(t,e,o){t.exports=o(94)},94:function(t,e,o){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}function r(t){t.component("md-button-toggle",l.default),t.material.styles.push(c.default)}Object.defineProperty(e,"__esModule",{value:!0}),e.default=r;var d=o(265),l=n(d),u=o(236),c=n(u);t.exports=e.default}})}));
+!(function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define([],e):"object"==typeof exports?exports.VueMaterial=e():t.VueMaterial=e()})(this,(function(){return (function(t){function e(n){if(o[n])return o[n].exports;var r=o[n]={i:n,l:!1,exports:{}};return t[n].call(r.exports,r,r.exports,e),r.l=!0,r.exports}var o={};return e.m=t,e.c=o,e.i=function(t){return t},e.d=function(t,o,n){e.o(t,o)||Object.defineProperty(t,o,{configurable:!1,enumerable:!0,get:n})},e.n=function(t){var o=t&&t.__esModule?function(){return t.default}:function(){return t};return e.d(o,"a",o),o},e.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},e.p="/",e(e.s=450)})({0:function(t,e){t.exports=function(t,e,o,n,r){var d,l=t=t||{},u=typeof t.default;"object"!==u&&"function"!==u||(d=t,l=t.default);var c="function"==typeof l?l.options:l;e&&(c.render=e.render,c.staticRenderFns=e.staticRenderFns),n&&(c._scopeId=n);var i;if(r?(i=function(t){t=t||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext,t||"undefined"==typeof __VUE_SSR_CONTEXT__||(t=__VUE_SSR_CONTEXT__),o&&o.call(this,t),t&&t._registeredComponents&&t._registeredComponents.add(r)},c._ssrRegister=i):o&&(i=o),i){var a=c.functional,s=a?c.render:c.beforeCreate;a?c.render=function(t,e){return i.call(e),s(t,e)}:c.beforeCreate=s?[].concat(s,i):[i]}return{esModule:d,exports:l,options:c}}},1:function(t,e,o){"use strict";function n(t){if(!t)return null;var e=t.mdTheme;return e||"md-theme"!==t.$options._componentTag||(e=t.mdName),e||n(t.$parent)}Object.defineProperty(e,"__esModule",{value:!0}),e.default={props:{mdTheme:String},computed:{mdEffectiveTheme:function(){return n(this)||this.$material.currentTheme},themeClass:function(){return this.$material.prefix+this.mdEffectiveTheme}},watch:{mdTheme:function(t){this.$material.useTheme(t)}},beforeMount:function(){var t=this.mdTheme;this.$material.useTheme(t?t:"default")}},t.exports=e.default},131:function(t,e,o){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var r=o(1),d=n(r),l=void 0;e.default={name:"md-button-toggle",props:{mdSingle:Boolean},mixins:[d.default],mounted:function(){var t=this;this.$children.forEach((function(e){var o=e.$el,n="md-toggle";l=function(){t.mdSingle?(t.$children.forEach((function(t){t.$el.classList.remove(n)})),o.classList.add(n)):o.classList.toggle(n)},o&&o.classList.contains("md-button")&&o.addEventListener("click",l)}))},beforeDestroy:function(){this.$children.forEach((function(t){var e=t.$el;e&&e.classList.contains("md-button")&&e.removeEventListener("click",l)}))}},t.exports=e.default},231:function(t,e){},268:function(t,e){t.exports='.THEME_NAME.md-button-toggle .md-button:after{width:1px;position:absolute;top:0;bottom:0;left:0;content:" "}.THEME_NAME.md-button-toggle .md-toggle{color:BACKGROUND-CONTRAST-0.54;background-color:BACKGROUND-CONTRAST-0.26}.THEME_NAME.md-button-toggle .md-toggle:hover:not([disabled]){background-color:BACKGROUND-CONTRAST-0.38}.THEME_NAME.md-button-toggle .md-toggle+.md-toggle:after{background-color:BACKGROUND-CONTRAST-0.12}.THEME_NAME.md-button-toggle.md-primary .md-toggle{color:PRIMARY-CONTRAST;background-color:PRIMARY-COLOR}.THEME_NAME.md-button-toggle.md-primary .md-toggle:hover:not([disabled]){background-color:PRIMARY-COLOR}.THEME_NAME.md-button-toggle.md-primary .md-toggle+.md-toggle:after{background-color:PRIMARY-COLOR-600}.THEME_NAME.md-button-toggle.md-accent .md-toggle{color:ACCENT-CONTRAST;background-color:ACCENT-COLOR}.THEME_NAME.md-button-toggle.md-accent .md-toggle:hover:not([disabled]){background-color:ACCENT-COLOR}.THEME_NAME.md-button-toggle.md-accent .md-toggle+.md-toggle:after{background-color:ACCENT-COLOR-600}.THEME_NAME.md-button-toggle.md-warn .md-toggle{color:WARN-CONTRAST;background-color:WARN-COLOR}.THEME_NAME.md-button-toggle.md-warn .md-toggle:hover:not([disabled]){background-color:WARN-COLOR}.THEME_NAME.md-button-toggle.md-warn .md-toggle+.md-toggle:after{background-color:WARN-COLOR-600}.THEME_NAME.md-button-toggle [disabled]{color:rgba(0,0,0,0.26)}.THEME_NAME.md-button-toggle [disabled].md-toggle{color:BACKGROUND-CONTRAST-0.2;background-color:rgba(0,0,0,0.26)}\n'},300:function(t,e,o){function n(t){o(231)}var r=o(0)(o(131),o(377),n,null,null);t.exports=r.exports},377:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("div",{staticClass:"md-button-toggle",class:[t.themeClass]},[t._t("default")],2)},staticRenderFns:[]}},450:function(t,e,o){t.exports=o(84)},84:function(t,e,o){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}function r(t){t.component("md-button-toggle",l.default),t.material.styles.push(c.default)}Object.defineProperty(e,"__esModule",{value:!0}),e.default=r;var d=o(300),l=n(d),u=o(268),c=n(u);t.exports=e.default}})}));

dist/components/mdCheckbox/index.css

@@ -1,6 +1,86 @@
-/*!
-* Vue Material v0.7.0
-* Made with love by Marcos Moura
-* Released under the MIT License.
-*/   
-.md-checkbox{width:auto;margin:16px 8px 16px 0;display:-ms-inline-flexbox;display:inline-flex;position:relative}.md-checkbox .md-checkbox-container{width:20px;height:20px;position:relative;border-radius:2px;border:2px solid rgba(0,0,0,.54);transition:all .4s cubic-bezier(.25,.8,.25,1)}.md-checkbox .md-checkbox-container:focus{outline:none}.md-checkbox .md-checkbox-container:before{width:48px;height:48px;position:absolute;top:50%;left:50%;border-radius:50%;transform:translate(-50%,-50%);transition:all .3s cubic-bezier(.55,0,.55,.2);content:" "}.md-checkbox .md-checkbox-container:after{width:6px;height:13px;position:absolute;top:0;left:5px;border:2px solid #fff;border-top:0;border-left:0;opacity:0;transform:rotate(45deg) scale3D(.15,.15,1);transition:all .3s cubic-bezier(.55,0,.55,.2);content:" "}.md-checkbox .md-checkbox-container input{position:absolute;left:-999em}.md-checkbox .md-checkbox-container .md-ink-ripple{top:-16px;right:-16px;bottom:-16px;left:-16px;border-radius:50%;color:rgba(0,0,0,.54)}.md-checkbox .md-checkbox-container .md-ink-ripple .md-ripple{width:48px!important;height:48px!important;top:0!important;right:0!important;bottom:0!important;left:0!important}.md-checkbox .md-checkbox-label{height:20px;padding-left:8px;line-height:20px}.md-checkbox.md-checked .md-checkbox-container:after{opacity:1;transform:rotate(45deg) scale3D(1,1,1);transition:all .4s cubic-bezier(.25,.8,.25,1)}
+/* Common */
+/* Responsive Breakpoints */
+/* Transitions - Based on Angular Material */
+/* Elevation - Based on Angular Material */
+.md-checkbox {
+  width: auto;
+  margin: 16px 8px 16px 0;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  position: relative;
+}
+.md-checkbox:not(.md-disabled) {
+    cursor: pointer;
+}
+.md-checkbox:not(.md-disabled) .md-checkbox-label {
+      cursor: pointer;
+}
+.md-checkbox .md-checkbox-container {
+    width: 20px;
+    min-width: 20px;
+    height: 20px;
+    position: relative;
+    border-radius: 2px;
+    border: 2px solid rgba(0, 0, 0, 0.54);
+    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
+}
+.md-checkbox .md-checkbox-container:focus {
+      outline: none;
+}
+.md-checkbox .md-checkbox-container:before {
+      width: 48px;
+      height: 48px;
+      position: absolute;
+      top: 50%;
+      left: 50%;
+      border-radius: 50%;
+      transform: translate(-50%, -50%);
+      transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
+      content: " ";
+}
+.md-checkbox .md-checkbox-container:after {
+      width: 6px;
+      height: 13px;
+      position: absolute;
+      top: 0;
+      left: 5px;
+      border: 2px solid #fff;
+      border-top: 0;
+      border-left: 0;
+      opacity: 0;
+      transform: rotate(45deg) scale3D(0.15, 0.15, 1);
+      transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
+      content: " ";
+}
+.md-checkbox .md-checkbox-container input {
+      position: absolute;
+      left: -999em;
+}
+.md-checkbox .md-checkbox-container .md-ink-ripple {
+      top: -16px;
+      right: -16px;
+      bottom: -16px;
+      left: -16px;
+      border-radius: 50%;
+      color: rgba(0, 0, 0, 0.54);
+}
+.md-checkbox .md-checkbox-container .md-ink-ripple .md-ripple {
+        width: 48px !important;
+        height: 48px !important;
+        top: 0 !important;
+        right: 0 !important;
+        bottom: 0 !important;
+        left: 0 !important;
+}
+.md-checkbox .md-checkbox-label {
+    height: 20px;
+    padding-left: 8px;
+    line-height: 20px;
+}
+.md-checkbox.md-checked .md-checkbox-container:after {
+  opacity: 1;
+  transform: rotate(45deg) scale3D(1, 1, 1);
+  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
+}
+
+/*# sourceMappingURL=index.css.map*/

dist/components/mdCheckbox/index.debug.js

@@ -73,7 +73,7 @@ return /******/ (function(modules) { // webpackBootstrap
 /******/ 	__webpack_require__.p = "/";
 
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 403);
+/******/ 	return __webpack_require__(__webpack_require__.s = 453);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -81,11 +81,17 @@ return /******/ (function(modules) { // webpackBootstrap
 /***/ 0:
 /***/ (function(module, exports) {
 
+/* globals __VUE_SSR_CONTEXT__ */
+
+// this module is a runtime utility for cleaner component module output and will
+// be included in the final webpack user bundle
+
 module.exports = function normalizeComponent (
   rawScriptExports,
   compiledTemplate,
+  injectStyles,
   scopeId,
-  cssModules
+  moduleIdentifier /* server only */
 ) {
   var esModule
   var scriptExports = rawScriptExports = rawScriptExports || {}
@@ -113,13 +119,51 @@ module.exports = function normalizeComponent (
     options._scopeId = scopeId
   }
 
-  // inject cssModules
-  if (cssModules) {
-    var computed = options.computed || (options.computed = {})
-    Object.keys(cssModules).forEach((function (key) {
-      var module = cssModules[key]
-      computed[key] = function () { return module }
-    }))
+  var hook
+  if (moduleIdentifier) { // server build
+    hook = function (context) {
+      // 2.3 injection
+      context =
+        context || // cached call
+        (this.$vnode && this.$vnode.ssrContext) || // stateful
+        (this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext) // functional
+      // 2.2 with runInNewContext: true
+      if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {
+        context = __VUE_SSR_CONTEXT__
+      }
+      // inject component styles
+      if (injectStyles) {
+        injectStyles.call(this, context)
+      }
+      // register component module identifier for async chunk inferrence
+      if (context && context._registeredComponents) {
+        context._registeredComponents.add(moduleIdentifier)
+      }
+    }
+    // used by ssr in case component is cached and beforeCreate
+    // never gets called
+    options._ssrRegister = hook
+  } else if (injectStyles) {
+    hook = injectStyles
+  }
+
+  if (hook) {
+    var functional = options.functional
+    var existing = functional
+      ? options.render
+      : options.beforeCreate
+    if (!functional) {
+      // inject component registration as beforeCreate hook
+      options.beforeCreate = existing
+        ? [].concat(existing, hook)
+        : [hook]
+    } else {
+      // register for functioal component in vue file
+      options.render = function renderWithStyleInjection (h, context) {
+        hook.call(context)
+        return existing(h, context)
+      }
+    }
   }
 
   return {
@@ -141,60 +185,52 @@ module.exports = function normalizeComponent (
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+// Theme mixin
+
+// Grab the closest ancestor component's `md-theme` attribute OR grab the
+// `md-name` attribute from an `<md-theme>` component.
+function getAncestorThemeName(component) {
+  if (!component) {
+    return null;
+  }
+
+  var name = component.mdTheme;
+
+  if (!name && component.$options._componentTag === 'md-theme') {
+    name = component.mdName;
+  }
+
+  return name || getAncestorThemeName(component.$parent);
+}
+
 exports.default = {
   props: {
     mdTheme: String
   },
-  data: function data() {
-    return {
-      closestThemedParent: false
-    };
-  },
-  methods: {
-    getClosestThemedParent: function getClosestThemedParent($parent) {
-      if (!$parent || !$parent.$el || $parent._uid === 0) {
-        return false;
-      }
-
-      if ($parent.mdTheme || $parent.mdName) {
-        return $parent;
-      }
-
-      return this.getClosestThemedParent($parent.$parent);
-    }
-  },
   computed: {
+    mdEffectiveTheme: function mdEffectiveTheme() {
+      return getAncestorThemeName(this) || this.$material.currentTheme;
+    },
     themeClass: function themeClass() {
-      if (this.mdTheme) {
-        return 'md-theme-' + this.mdTheme;
-      }
-
-      var theme = this.closestThemedParent.mdTheme;
-
-      if (!theme) {
-        if (this.closestThemedParent) {
-          theme = this.closestThemedParent.mdName;
-        } else {
-          theme = this.$material.currentTheme;
-        }
-      }
-
-      return 'md-theme-' + theme;
+      return this.$material.prefix + this.mdEffectiveTheme;
     }
   },
-  mounted: function mounted() {
-    this.closestThemedParent = this.getClosestThemedParent(this.$parent);
-
-    if (!this.$material.currentTheme) {
-      this.$material.setCurrentTheme('default');
+  watch: {
+    mdTheme: function mdTheme(value) {
+      this.$material.useTheme(value);
     }
+  },
+  beforeMount: function beforeMount() {
+    var localTheme = this.mdTheme;
+
+    this.$material.useTheme(localTheme ? localTheme : 'default');
   }
 };
 module.exports = exports['default'];
 
 /***/ }),
 
-/***/ 143:
+/***/ 142:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -211,6 +247,7 @@ var _mixin2 = _interopRequireDefault(_mixin);
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 exports.default = {
+  name: 'md-checkbox',
   props: {
     name: String,
     value: [String, Boolean],
@@ -220,7 +257,7 @@ exports.default = {
   mixins: [_mixin2.default],
   data: function data() {
     return {
-      checked: this.value
+      checked: this.value || false
     };
   },
 
@@ -266,39 +303,42 @@ module.exports = exports['default'];
 
 /***/ }),
 
-/***/ 225:
+/***/ 257:
 /***/ (function(module, exports) {
 
 // removed by extract-text-webpack-plugin
 
 /***/ }),
 
-/***/ 238:
+/***/ 271:
 /***/ (function(module, exports) {
 
 module.exports = ".THEME_NAME.md-checkbox.md-checked .md-checkbox-container {\n  background-color: ACCENT-COLOR;\n  border-color: ACCENT-COLOR; }\n  .THEME_NAME.md-checkbox.md-checked .md-checkbox-container:after {\n    border-color: ACCENT-CONTRAST; }\n\n.THEME_NAME.md-checkbox .md-ink-ripple {\n  color: ACCENT-COLOR; }\n\n.THEME_NAME.md-checkbox .md-ripple {\n  opacity: .26; }\n\n.THEME_NAME.md-checkbox.md-primary.md-checked .md-checkbox-container {\n  background-color: PRIMARY-COLOR;\n  border-color: PRIMARY-COLOR; }\n  .THEME_NAME.md-checkbox.md-primary.md-checked .md-checkbox-container:after {\n    border-color: PRIMARY-CONTRAST; }\n\n.THEME_NAME.md-checkbox.md-primary .md-ink-ripple {\n  color: PRIMARY-COLOR; }\n\n.THEME_NAME.md-checkbox.md-warn.md-checked .md-checkbox-container {\n  background-color: WARN-COLOR;\n  border-color: WARN-COLOR; }\n  .THEME_NAME.md-checkbox.md-warn.md-checked .md-checkbox-container:after {\n    border-color: WARN-CONTRAST; }\n\n.THEME_NAME.md-checkbox.md-warn .md-ink-ripple {\n  color: WARN-COLOR; }\n\n.THEME_NAME.md-checkbox.md-disabled.md-checked .md-checkbox-container {\n  background-color: rgba(0, 0, 0, 0.26);\n  border-color: transparent; }\n\n.THEME_NAME.md-checkbox.md-disabled:not(.md-checked) .md-checkbox-container {\n  border-color: rgba(0, 0, 0, 0.26); }\n"
 
 /***/ }),
 
-/***/ 276:
+/***/ 312:
 /***/ (function(module, exports, __webpack_require__) {
 
-
-/* styles */
-__webpack_require__(225)
-
+var disposed = false
+function injectStyle (ssrContext) {
+  if (disposed) return
+  __webpack_require__(257)
+}
 var Component = __webpack_require__(0)(
   /* script */
-  __webpack_require__(143),
+  __webpack_require__(142),
   /* template */
-  __webpack_require__(386),
+  __webpack_require__(436),
+  /* styles */
+  injectStyle,
   /* scopeId */
   null,
-  /* cssModules */
+  /* moduleIdentifier (server only) */
   null
 )
-Component.options.__file = "/Users/marcosmoura/Projects/github/vue-material/src/components/mdCheckbox/mdCheckbox.vue"
-if (Component.esModule && Object.keys(Component.esModule).some((function (key) {return key !== "default" && key !== "__esModule"}))) {console.error("named exports are not supported in *.vue files.")}
+Component.options.__file = "/Users/pablohpsilva/Code/vue-material/src/components/mdCheckbox/mdCheckbox.vue"
+if (Component.esModule && Object.keys(Component.esModule).some((function (key) {return key !== "default" && key.substr(0, 2) !== "__"}))) {console.error("named exports are not supported in *.vue files.")}
 if (Component.options.functional) {console.error("[vue-loader] mdCheckbox.vue: functional components are not supported with templates, they should use render functions.")}
 
 /* hot reload */
@@ -312,6 +352,9 @@ if (false) {(function () {
   } else {
     hotAPI.reload("data-v-9f41cdf8", Component.options)
   }
+  module.hot.dispose((function (data) {
+    disposed = true
+  }))
 })()}
 
 module.exports = Component.exports
@@ -319,7 +362,7 @@ module.exports = Component.exports
 
 /***/ }),
 
-/***/ 386:
+/***/ 436:
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
@@ -357,6 +400,12 @@ module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c
     staticClass: "md-checkbox-label",
     attrs: {
       "for": _vm.id || _vm.name
+    },
+    on: {
+      "click": function($event) {
+        $event.preventDefault();
+        _vm.toggleCheck($event)
+      }
     }
   }, [_vm._t("default")], 2) : _vm._e()])
 },staticRenderFns: []}
@@ -370,15 +419,15 @@ if (false) {
 
 /***/ }),
 
-/***/ 403:
+/***/ 453:
 /***/ (function(module, exports, __webpack_require__) {
 
-module.exports = __webpack_require__(96);
+module.exports = __webpack_require__(86);
 
 
 /***/ }),
 
-/***/ 96:
+/***/ 86:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -389,11 +438,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = install;
 
-var _mdCheckbox = __webpack_require__(276);
+var _mdCheckbox = __webpack_require__(312);
 
 var _mdCheckbox2 = _interopRequireDefault(_mdCheckbox);
 
-var _mdCheckbox3 = __webpack_require__(238);
+var _mdCheckbox3 = __webpack_require__(271);
 
 var _mdCheckbox4 = _interopRequireDefault(_mdCheckbox3);
 

dist/components/mdCheckbox/index.js

@@ -1,6 +1,6 @@
 /*!
-* Vue Material v0.7.0
+* Vue Material v0.7.4
 * Made with love by Marcos Moura
 * Released under the MIT License.
 */   
-!(function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.VueMaterial=t():e.VueMaterial=t()})(this,(function(){return (function(e){function t(c){if(o[c])return o[c].exports;var r=o[c]={i:c,l:!1,exports:{}};return e[c].call(r.exports,r,r.exports,t),r.l=!0,r.exports}var o={};return t.m=e,t.c=o,t.i=function(e){return e},t.d=function(e,o,c){t.o(e,o)||Object.defineProperty(e,o,{configurable:!1,enumerable:!0,get:c})},t.n=function(e){var o=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(o,"a",o),o},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="/",t(t.s=403)})({0:function(e,t){e.exports=function(e,t,o,c){var r,n=e=e||{},d=typeof e.default;"object"!==d&&"function"!==d||(r=e,n=e.default);var i="function"==typeof n?n.options:n;if(t&&(i.render=t.render,i.staticRenderFns=t.staticRenderFns),o&&(i._scopeId=o),c){var a=i.computed||(i.computed={});Object.keys(c).forEach((function(e){var t=c[e];a[e]=function(){return t}}))}return{esModule:r,exports:n,options:i}}},1:function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={props:{mdTheme:String},data:function(){return{closestThemedParent:!1}},methods:{getClosestThemedParent:function(e){return!(!e||!e.$el||0===e._uid)&&(e.mdTheme||e.mdName?e:this.getClosestThemedParent(e.$parent))}},computed:{themeClass:function(){if(this.mdTheme)return"md-theme-"+this.mdTheme;var e=this.closestThemedParent.mdTheme;return e||(e=this.closestThemedParent?this.closestThemedParent.mdName:this.$material.currentTheme),"md-theme-"+e}},mounted:function(){this.closestThemedParent=this.getClosestThemedParent(this.$parent),this.$material.currentTheme||this.$material.setCurrentTheme("default")}},e.exports=t.default},143:function(e,t,o){"use strict";function c(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var r=o(1),n=c(r);t.default={props:{name:String,value:[String,Boolean],id:String,disabled:Boolean},mixins:[n.default],data:function(){return{checked:this.value}},computed:{classes:function(){return{"md-checked":this.checked,"md-disabled":this.disabled}}},watch:{value:function(){this.checked=!!this.value}},methods:{toggleCheck:function(e){this.disabled||(this.checked=!this.checked,this.$emit("change",this.checked,e),this.$emit("input",this.checked,e))}}},e.exports=t.default},225:function(e,t){},238:function(e,t){e.exports=".THEME_NAME.md-checkbox.md-checked .md-checkbox-container{background-color:ACCENT-COLOR;border-color:ACCENT-COLOR}.THEME_NAME.md-checkbox.md-checked .md-checkbox-container:after{border-color:ACCENT-CONTRAST}.THEME_NAME.md-checkbox .md-ink-ripple{color:ACCENT-COLOR}.THEME_NAME.md-checkbox .md-ripple{opacity:.26}.THEME_NAME.md-checkbox.md-primary.md-checked .md-checkbox-container{background-color:PRIMARY-COLOR;border-color:PRIMARY-COLOR}.THEME_NAME.md-checkbox.md-primary.md-checked .md-checkbox-container:after{border-color:PRIMARY-CONTRAST}.THEME_NAME.md-checkbox.md-primary .md-ink-ripple{color:PRIMARY-COLOR}.THEME_NAME.md-checkbox.md-warn.md-checked .md-checkbox-container{background-color:WARN-COLOR;border-color:WARN-COLOR}.THEME_NAME.md-checkbox.md-warn.md-checked .md-checkbox-container:after{border-color:WARN-CONTRAST}.THEME_NAME.md-checkbox.md-warn .md-ink-ripple{color:WARN-COLOR}.THEME_NAME.md-checkbox.md-disabled.md-checked .md-checkbox-container{background-color:rgba(0,0,0,0.26);border-color:transparent}.THEME_NAME.md-checkbox.md-disabled:not(.md-checked) .md-checkbox-container{border-color:rgba(0,0,0,0.26)}\n"},276:function(e,t,o){o(225);var c=o(0)(o(143),o(386),null,null);e.exports=c.exports},386:function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("div",{staticClass:"md-checkbox",class:[e.themeClass,e.classes]},[o("div",{staticClass:"md-checkbox-container",attrs:{tabindex:"0"},on:{click:function(t){t.stopPropagation(),e.toggleCheck(t)}}},[o("input",{attrs:{type:"checkbox",name:e.name,id:e.id,disabled:e.disabled,tabindex:"-1"},domProps:{value:e.value,checked:e.checked}}),e._v(" "),o("md-ink-ripple",{attrs:{"md-disabled":e.disabled}})],1),e._v(" "),e.$slots.default?o("label",{staticClass:"md-checkbox-label",attrs:{for:e.id||e.name}},[e._t("default")],2):e._e()])},staticRenderFns:[]}},403:function(e,t,o){e.exports=o(96)},96:function(e,t,o){"use strict";function c(e){return e&&e.__esModule?e:{default:e}}function r(e){e.component("md-checkbox",d.default),e.material.styles.push(a.default)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=r;var n=o(276),d=c(n),i=o(238),a=c(i);e.exports=t.default}})}));
+!(function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.VueMaterial=t():e.VueMaterial=t()})(this,(function(){return (function(e){function t(n){if(o[n])return o[n].exports;var c=o[n]={i:n,l:!1,exports:{}};return e[n].call(c.exports,c,c.exports,t),c.l=!0,c.exports}var o={};return t.m=e,t.c=o,t.i=function(e){return e},t.d=function(e,o,n){t.o(e,o)||Object.defineProperty(e,o,{configurable:!1,enumerable:!0,get:n})},t.n=function(e){var o=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(o,"a",o),o},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="/",t(t.s=452)})({0:function(e,t){e.exports=function(e,t,o,n,c){var r,d=e=e||{},i=typeof e.default;"object"!==i&&"function"!==i||(r=e,d=e.default);var a="function"==typeof d?d.options:d;t&&(a.render=t.render,a.staticRenderFns=t.staticRenderFns),n&&(a._scopeId=n);var s;if(c?(s=function(e){e=e||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext,e||"undefined"==typeof __VUE_SSR_CONTEXT__||(e=__VUE_SSR_CONTEXT__),o&&o.call(this,e),e&&e._registeredComponents&&e._registeredComponents.add(c)},a._ssrRegister=s):o&&(s=o),s){var u=a.functional,l=u?a.render:a.beforeCreate;u?a.render=function(e,t){return s.call(t),l(e,t)}:a.beforeCreate=l?[].concat(l,s):[s]}return{esModule:r,exports:d,options:a}}},1:function(e,t,o){"use strict";function n(e){if(!e)return null;var t=e.mdTheme;return t||"md-theme"!==e.$options._componentTag||(t=e.mdName),t||n(e.$parent)}Object.defineProperty(t,"__esModule",{value:!0}),t.default={props:{mdTheme:String},computed:{mdEffectiveTheme:function(){return n(this)||this.$material.currentTheme},themeClass:function(){return this.$material.prefix+this.mdEffectiveTheme}},watch:{mdTheme:function(e){this.$material.useTheme(e)}},beforeMount:function(){var e=this.mdTheme;this.$material.useTheme(e?e:"default")}},e.exports=t.default},142:function(e,t,o){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var c=o(1),r=n(c);t.default={name:"md-checkbox",props:{name:String,value:[String,Boolean],id:String,disabled:Boolean},mixins:[r.default],data:function(){return{checked:this.value||!1}},computed:{classes:function(){return{"md-checked":this.checked,"md-disabled":this.disabled}}},watch:{value:function(){this.checked=!!this.value}},methods:{toggleCheck:function(e){this.disabled||(this.checked=!this.checked,this.$emit("change",this.checked,e),this.$emit("input",this.checked,e))}}},e.exports=t.default},257:function(e,t){},270:function(e,t){e.exports=".THEME_NAME.md-checkbox.md-checked .md-checkbox-container{background-color:ACCENT-COLOR;border-color:ACCENT-COLOR}.THEME_NAME.md-checkbox.md-checked .md-checkbox-container:after{border-color:ACCENT-CONTRAST}.THEME_NAME.md-checkbox .md-ink-ripple{color:ACCENT-COLOR}.THEME_NAME.md-checkbox .md-ripple{opacity:.26}.THEME_NAME.md-checkbox.md-primary.md-checked .md-checkbox-container{background-color:PRIMARY-COLOR;border-color:PRIMARY-COLOR}.THEME_NAME.md-checkbox.md-primary.md-checked .md-checkbox-container:after{border-color:PRIMARY-CONTRAST}.THEME_NAME.md-checkbox.md-primary .md-ink-ripple{color:PRIMARY-COLOR}.THEME_NAME.md-checkbox.md-warn.md-checked .md-checkbox-container{background-color:WARN-COLOR;border-color:WARN-COLOR}.THEME_NAME.md-checkbox.md-warn.md-checked .md-checkbox-container:after{border-color:WARN-CONTRAST}.THEME_NAME.md-checkbox.md-warn .md-ink-ripple{color:WARN-COLOR}.THEME_NAME.md-checkbox.md-disabled.md-checked .md-checkbox-container{background-color:rgba(0,0,0,0.26);border-color:transparent}.THEME_NAME.md-checkbox.md-disabled:not(.md-checked) .md-checkbox-container{border-color:rgba(0,0,0,0.26)}\n"},311:function(e,t,o){function n(e){o(257)}var c=o(0)(o(142),o(435),n,null,null);e.exports=c.exports},435:function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("div",{staticClass:"md-checkbox",class:[e.themeClass,e.classes]},[o("div",{staticClass:"md-checkbox-container",attrs:{tabindex:"0"},on:{click:function(t){t.stopPropagation(),e.toggleCheck(t)}}},[o("input",{attrs:{type:"checkbox",name:e.name,id:e.id,disabled:e.disabled,tabindex:"-1"},domProps:{value:e.value,checked:e.checked}}),e._v(" "),o("md-ink-ripple",{attrs:{"md-disabled":e.disabled}})],1),e._v(" "),e.$slots.default?o("label",{staticClass:"md-checkbox-label",attrs:{for:e.id||e.name},on:{click:function(t){t.preventDefault(),e.toggleCheck(t)}}},[e._t("default")],2):e._e()])},staticRenderFns:[]}},452:function(e,t,o){e.exports=o(86)},86:function(e,t,o){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}function c(e){e.component("md-checkbox",d.default),e.material.styles.push(a.default)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=c;var r=o(311),d=n(r),i=o(270),a=n(i);e.exports=t.default}})}));

dist/components/mdChips/index.css

@@ -1,6 +1,77 @@
-/*!
-* Vue Material v0.7.0
-* Made with love by Marcos Moura
-* Released under the MIT License.
-*/   
-.md-chip{height:32px;padding:8px 12px;display:inline-block;border-radius:32px;transition:all .4s cubic-bezier(.25,.8,.25,1);font-size:13px;line-height:16px;white-space:nowrap}.md-chip.md-deletable{position:relative;padding-right:32px}.md-chip:active,.md-chip:focus{outline:none}.md-chip:active:not(.md-disabled),.md-chip:focus:not(.md-disabled){cursor:pointer;box-shadow:0 1px 5px rgba(0,0,0,.2),0 2px 2px rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12)}.md-chip.md-disabled .md-button{pointer-events:none;cursor:default}.md-chip .md-button.md-delete{width:24px;min-width:24px;height:24px;min-height:24px;margin:0;padding:0;position:absolute;top:4px;right:4px;border-radius:24px;transition:all .4s cubic-bezier(.25,.8,.25,1)}.md-chip .md-button.md-delete .md-icon{width:20px;min-width:20px;height:20px;min-height:20px;margin:0;font-size:20px}.md-chip .md-button.md-delete .md-ink-ripple{border-radius:32px}.md-chip .md-button.md-delete .md-ripple{opacity:.54}.md-chips .md-chip{margin-right:8px;margin-bottom:4px}.md-chips .md-input-container{min-height:54px;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.md-chips .md-input{width:128px;-ms-flex:1;flex:1}
+/* Common */
+/* Responsive Breakpoints */
+/* Transitions - Based on Angular Material */
+/* Elevation - Based on Angular Material */
+.md-chip {
+  height: 32px;
+  padding: 8px 12px;
+  display: inline-block;
+  border-radius: 32px;
+  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
+  font-size: 13px;
+  line-height: 16px;
+  white-space: nowrap;
+}
+.md-chip.md-deletable {
+    position: relative;
+    padding-right: 32px;
+}
+.md-chip.md-editable .md-chip-container {
+    cursor: pointer;
+}
+.md-chip:focus, .md-chip:active {
+    outline: none;
+}
+.md-chip:focus:not(.md-disabled), .md-chip:active:not(.md-disabled) {
+      cursor: pointer;
+      box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2), 0 2px 2px rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12);
+}
+.md-chip.md-disabled .md-button {
+    pointer-events: none;
+    cursor: default;
+}
+.md-chip .md-button.md-delete {
+    width: 24px;
+    min-width: 24px;
+    height: 24px;
+    min-height: 24px;
+    margin: 0;
+    padding: 0;
+    position: absolute;
+    top: 4px;
+    right: 4px;
+    border-radius: 24px;
+    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
+}
+.md-chip .md-button.md-delete .md-icon {
+      width: 20px;
+      min-width: 20px;
+      height: 20px;
+      min-height: 20px;
+      margin: 0;
+      font-size: 20px;
+}
+.md-chip .md-button.md-delete .md-ink-ripple {
+      border-radius: 32px;
+}
+.md-chip .md-button.md-delete .md-ripple {
+      opacity: .54;
+}
+.md-chips {
+  min-height: 54px;
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-wrap: wrap;
+      flex-wrap: wrap;
+}
+.md-chips .md-chip {
+    margin-right: 8px;
+    margin-bottom: 4px;
+}
+.md-chips .md-input {
+    width: 128px;
+    -ms-flex: 1;
+        flex: 1;
+}
+
+/*# sourceMappingURL=index.css.map*/

dist/components/mdChips/index.debug.js

@@ -73,7 +73,7 @@ return /******/ (function(modules) { // webpackBootstrap
 /******/ 	__webpack_require__.p = "/";
 
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 404);
+/******/ 	return __webpack_require__(__webpack_require__.s = 454);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -81,11 +81,17 @@ return /******/ (function(modules) { // webpackBootstrap
 /***/ 0:
 /***/ (function(module, exports) {
 
+/* globals __VUE_SSR_CONTEXT__ */
+
+// this module is a runtime utility for cleaner component module output and will
+// be included in the final webpack user bundle
+
 module.exports = function normalizeComponent (
   rawScriptExports,
   compiledTemplate,
+  injectStyles,
   scopeId,
-  cssModules
+  moduleIdentifier /* server only */
 ) {
   var esModule
   var scriptExports = rawScriptExports = rawScriptExports || {}
@@ -113,13 +119,51 @@ module.exports = function normalizeComponent (
     options._scopeId = scopeId
   }
 
-  // inject cssModules
-  if (cssModules) {
-    var computed = options.computed || (options.computed = {})
-    Object.keys(cssModules).forEach((function (key) {
-      var module = cssModules[key]
-      computed[key] = function () { return module }
-    }))
+  var hook
+  if (moduleIdentifier) { // server build
+    hook = function (context) {
+      // 2.3 injection
+      context =
+        context || // cached call
+        (this.$vnode && this.$vnode.ssrContext) || // stateful
+        (this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext) // functional
+      // 2.2 with runInNewContext: true
+      if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {
+        context = __VUE_SSR_CONTEXT__
+      }
+      // inject component styles
+      if (injectStyles) {
+        injectStyles.call(this, context)
+      }
+      // register component module identifier for async chunk inferrence
+      if (context && context._registeredComponents) {
+        context._registeredComponents.add(moduleIdentifier)
+      }
+    }
+    // used by ssr in case component is cached and beforeCreate
+    // never gets called
+    options._ssrRegister = hook
+  } else if (injectStyles) {
+    hook = injectStyles
+  }
+
+  if (hook) {
+    var functional = options.functional
+    var existing = functional
+      ? options.render
+      : options.beforeCreate
+    if (!functional) {
+      // inject component registration as beforeCreate hook
+      options.beforeCreate = existing
+        ? [].concat(existing, hook)
+        : [hook]
+    } else {
+      // register for functioal component in vue file
+      options.render = function renderWithStyleInjection (h, context) {
+        hook.call(context)
+        return existing(h, context)
+      }
+    }
   }
 
   return {
@@ -141,60 +185,52 @@ module.exports = function normalizeComponent (
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+// Theme mixin
+
+// Grab the closest ancestor component's `md-theme` attribute OR grab the
+// `md-name` attribute from an `<md-theme>` component.
+function getAncestorThemeName(component) {
+  if (!component) {
+    return null;
+  }
+
+  var name = component.mdTheme;
+
+  if (!name && component.$options._componentTag === 'md-theme') {
+    name = component.mdName;
+  }
+
+  return name || getAncestorThemeName(component.$parent);
+}
+
 exports.default = {
   props: {
     mdTheme: String
   },
-  data: function data() {
-    return {
-      closestThemedParent: false
-    };
-  },
-  methods: {
-    getClosestThemedParent: function getClosestThemedParent($parent) {
-      if (!$parent || !$parent.$el || $parent._uid === 0) {
-        return false;
-      }
-
-      if ($parent.mdTheme || $parent.mdName) {
-        return $parent;
-      }
-
-      return this.getClosestThemedParent($parent.$parent);
-    }
-  },
   computed: {
+    mdEffectiveTheme: function mdEffectiveTheme() {
+      return getAncestorThemeName(this) || this.$material.currentTheme;
+    },
     themeClass: function themeClass() {
-      if (this.mdTheme) {
-        return 'md-theme-' + this.mdTheme;
-      }
-
-      var theme = this.closestThemedParent.mdTheme;
-
-      if (!theme) {
-        if (this.closestThemedParent) {
-          theme = this.closestThemedParent.mdName;
-        } else {
-          theme = this.$material.currentTheme;
-        }
-      }
-
-      return 'md-theme-' + theme;
+      return this.$material.prefix + this.mdEffectiveTheme;
     }
   },
-  mounted: function mounted() {
-    this.closestThemedParent = this.getClosestThemedParent(this.$parent);
-
-    if (!this.$material.currentTheme) {
-      this.$material.setCurrentTheme('default');
+  watch: {
+    mdTheme: function mdTheme(value) {
+      this.$material.useTheme(value);
     }
+  },
+  beforeMount: function beforeMount() {
+    var localTheme = this.mdTheme;
+
+    this.$material.useTheme(localTheme ? localTheme : 'default');
   }
 };
 module.exports = exports['default'];
 
 /***/ }),
 
-/***/ 144:
+/***/ 143:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -211,16 +247,19 @@ var _mixin2 = _interopRequireDefault(_mixin);
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 exports.default = {
+  name: 'md-chip',
   props: {
     disabled: Boolean,
-    mdDeletable: Boolean
+    mdDeletable: Boolean,
+    mdEditable: Boolean
   },
   mixins: [_mixin2.default],
   computed: {
     classes: function classes() {
       return {
         'md-deletable': this.mdDeletable,
-        'md-disabled': this.disabled
+        'md-disabled': this.disabled,
+        'md-editable': this.mdEditable
       };
     }
   }
@@ -239,12 +278,14 @@ exports.default = {
 //
 //
 //
+//
+//
 
 module.exports = exports['default'];
 
 /***/ }),
 
-/***/ 145:
+/***/ 144:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -258,7 +299,7 @@ var _mixin = __webpack_require__(1);
 
 var _mixin2 = _interopRequireDefault(_mixin);
 
-var _uniqueId = __webpack_require__(48);
+var _uniqueId = __webpack_require__(36);
 
 var _uniqueId2 = _interopRequireDefault(_uniqueId);
 
@@ -295,11 +336,20 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 //
 //
 //
+//
+//
+//
+//
 
 exports.default = {
+  name: 'md-chips',
   props: {
     value: Array,
     disabled: Boolean,
+    debounce: {
+      type: Number,
+      default: 1E2
+    },
     mdInputId: String,
     mdInputName: String,
     mdInputPlaceholder: String,
@@ -331,7 +381,8 @@ exports.default = {
     classes: function classes() {
       return {
         'md-static': this.mdStatic,
-        'md-disabled': this.disabled
+        'md-disabled': this.disabled,
+        'md-chips': true
       };
     }
   },
@@ -366,6 +417,17 @@ exports.default = {
       this.$emit('change', this.selectedChips);
       this.applyInputFocus();
     },
+    editChip: function editChip(chip) {
+      var index = this.selectedChips.indexOf(chip);
+
+      if (index >= 0) {
+        this.selectedChips.splice(index, 1);
+      }
+
+      this.currentChip = chip;
+      this.$emit('change', this.selectedChips);
+      this.applyInputFocus();
+    },
     deleteLastChip: function deleteLastChip() {
       if (!this.currentChip) {
         this.selectedChips.pop();
@@ -379,35 +441,38 @@ module.exports = exports['default'];
 
 /***/ }),
 
-/***/ 219:
+/***/ 250:
 /***/ (function(module, exports) {
 
 // removed by extract-text-webpack-plugin
 
 /***/ }),
 
-/***/ 239:
+/***/ 272:
 /***/ (function(module, exports) {
 
-module.exports = ".THEME_NAME.md-chip {\n  background-color: BACKGROUND-CONTRAST-0.12; }\n  .THEME_NAME.md-chip.md-deletable:hover, .THEME_NAME.md-chip.md-deletable:focus {\n    background-color: BACKGROUND-CONTRAST-0.54;\n    color: BACKGROUND-COLOR; }\n    .THEME_NAME.md-chip.md-deletable:hover .md-delete, .THEME_NAME.md-chip.md-deletable:focus .md-delete {\n      color: BACKGROUND-COLOR; }\n  .THEME_NAME.md-chip .md-delete {\n    color: BACKGROUND-CONTRAST-0.38; }\n    .THEME_NAME.md-chip .md-delete .md-ripple {\n      color: BACKGROUND-COLOR; }\n"
+module.exports = ".THEME_NAME.md-chip {\n  background-color: BACKGROUND-CONTRAST-0.12; }\n  .THEME_NAME.md-chip.md-deletable:hover, .THEME_NAME.md-chip.md-deletable:focus, .THEME_NAME.md-chip.md-editable:hover, .THEME_NAME.md-chip.md-editable:focus {\n    background-color: BACKGROUND-CONTRAST-0.54;\n    color: BACKGROUND-COLOR; }\n    .THEME_NAME.md-chip.md-deletable:hover .md-delete, .THEME_NAME.md-chip.md-deletable:focus .md-delete, .THEME_NAME.md-chip.md-editable:hover .md-delete, .THEME_NAME.md-chip.md-editable:focus .md-delete {\n      color: BACKGROUND-COLOR; }\n  .THEME_NAME.md-chip .md-delete {\n    color: BACKGROUND-CONTRAST-0.38; }\n    .THEME_NAME.md-chip .md-delete .md-ripple {\n      color: BACKGROUND-COLOR; }\n  .THEME_NAME.md-chip.md-primary {\n    color: PRIMARY-CONTRAST;\n    background-color: PRIMARY-COLOR; }\n  .THEME_NAME.md-chip.md-accent {\n    color: ACCENT-CONTRAST;\n    background-color: ACCENT-COLOR; }\n  .THEME_NAME.md-chip.md-warn {\n    color: WARN-CONTRAST;\n    background-color: WARN-COLOR; }\n"
 
 /***/ }),
 
-/***/ 277:
+/***/ 313:
 /***/ (function(module, exports, __webpack_require__) {
 
+var disposed = false
 var Component = __webpack_require__(0)(
   /* script */
-  __webpack_require__(144),
+  __webpack_require__(143),
   /* template */
-  __webpack_require__(352),
+  __webpack_require__(396),
+  /* styles */
+  null,
   /* scopeId */
   null,
-  /* cssModules */
+  /* moduleIdentifier (server only) */
   null
 )
-Component.options.__file = "/Users/marcosmoura/Projects/github/vue-material/src/components/mdChips/mdChip.vue"
-if (Component.esModule && Object.keys(Component.esModule).some((function (key) {return key !== "default" && key !== "__esModule"}))) {console.error("named exports are not supported in *.vue files.")}
+Component.options.__file = "/Users/pablohpsilva/Code/vue-material/src/components/mdChips/mdChip.vue"
+if (Component.esModule && Object.keys(Component.esModule).some((function (key) {return key !== "default" && key.substr(0, 2) !== "__"}))) {console.error("named exports are not supported in *.vue files.")}
 if (Component.options.functional) {console.error("[vue-loader] mdChip.vue: functional components are not supported with templates, they should use render functions.")}
 
 /* hot reload */
@@ -421,6 +486,9 @@ if (false) {(function () {
   } else {
     hotAPI.reload("data-v-2c2a829d", Component.options)
   }
+  module.hot.dispose((function (data) {
+    disposed = true
+  }))
 })()}
 
 module.exports = Component.exports
@@ -428,25 +496,28 @@ module.exports = Component.exports
 
 /***/ }),
 
-/***/ 278:
+/***/ 314:
 /***/ (function(module, exports, __webpack_require__) {
 
-
-/* styles */
-__webpack_require__(219)
-
+var disposed = false
+function injectStyle (ssrContext) {
+  if (disposed) return
+  __webpack_require__(250)
+}
 var Component = __webpack_require__(0)(
   /* script */
-  __webpack_require__(145),
+  __webpack_require__(144),
   /* template */
-  __webpack_require__(369),
+  __webpack_require__(418),
+  /* styles */
+  injectStyle,
   /* scopeId */
   null,
-  /* cssModules */
+  /* moduleIdentifier (server only) */
   null
 )
-Component.options.__file = "/Users/marcosmoura/Projects/github/vue-material/src/components/mdChips/mdChips.vue"
-if (Component.esModule && Object.keys(Component.esModule).some((function (key) {return key !== "default" && key !== "__esModule"}))) {console.error("named exports are not supported in *.vue files.")}
+Component.options.__file = "/Users/pablohpsilva/Code/vue-material/src/components/mdChips/mdChips.vue"
+if (Component.esModule && Object.keys(Component.esModule).some((function (key) {return key !== "default" && key.substr(0, 2) !== "__"}))) {console.error("named exports are not supported in *.vue files.")}
 if (Component.options.functional) {console.error("[vue-loader] mdChips.vue: functional components are not supported with templates, they should use render functions.")}
 
 /* hot reload */
@@ -460,6 +531,9 @@ if (false) {(function () {
   } else {
     hotAPI.reload("data-v-5cd17226", Component.options)
   }
+  module.hot.dispose((function (data) {
+    disposed = true
+  }))
 })()}
 
 module.exports = Component.exports
@@ -467,135 +541,7 @@ module.exports = Component.exports
 
 /***/ }),
 
-/***/ 352:
-/***/ (function(module, exports, __webpack_require__) {
-
-module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
-  return _c('div', {
-    staticClass: "md-chip",
-    class: [_vm.themeClass, _vm.classes],
-    attrs: {
-      "tabindex": "0"
-    }
-  }, [_vm._t("default"), _vm._v(" "), (_vm.mdDeletable) ? _c('md-button', {
-    staticClass: "md-icon-button md-dense md-delete",
-    attrs: {
-      "tabindex": "-1"
-    },
-    nativeOn: {
-      "click": function($event) {
-        !_vm.disabled && _vm.$emit('delete')
-      },
-      "keyup": function($event) {
-        if (_vm._k($event.keyCode, "delete", [8, 46])) { return; }
-        !_vm.disabled && _vm.$emit('delete')
-      }
-    }
-  }, [_c('md-icon', {
-    staticClass: "md-icon-delete"
-  }, [_vm._v("cancel")])], 1) : _vm._e()], 2)
-},staticRenderFns: []}
-module.exports.render._withStripped = true
-if (false) {
-  module.hot.accept()
-  if (module.hot.data) {
-     require("vue-hot-reload-api").rerender("data-v-2c2a829d", module.exports)
-  }
-}
-
-/***/ }),
-
-/***/ 369:
-/***/ (function(module, exports, __webpack_require__) {
-
-module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
-  return _c('div', {
-    staticClass: "md-chips",
-    class: [_vm.themeClass, _vm.classes]
-  }, [_c('md-input-container', {
-    nativeOn: {
-      "click": function($event) {
-        _vm.applyInputFocus($event)
-      }
-    }
-  }, [_vm._l((_vm.selectedChips), (function(chip) {
-    return _c('md-chip', {
-      attrs: {
-        "md-deletable": !_vm.mdStatic,
-        "disabled": _vm.disabled
-      },
-      on: {
-        "delete": function($event) {
-          _vm.deleteChip(chip)
-        }
-      }
-    }, [_vm._t("default", null, {
-      value: chip
-    })], 2)
-  })), _vm._v(" "), _c('md-input', {
-    directives: [{
-      name: "show",
-      rawName: "v-show",
-      value: (!_vm.mdStatic),
-      expression: "!mdStatic"
-    }, {
-      name: "model",
-      rawName: "v-model",
-      value: (_vm.currentChip),
-      expression: "currentChip"
-    }],
-    ref: "input",
-    attrs: {
-      "type": _vm.mdInputType,
-      "placeholder": _vm.mdInputPlaceholder,
-      "id": _vm.inputId,
-      "name": _vm.mdInputName,
-      "disabled": _vm.disabled,
-      "tabindex": "0"
-    },
-    domProps: {
-      "value": (_vm.currentChip)
-    },
-    on: {
-      "input": function($event) {
-        _vm.currentChip = $event
-      }
-    },
-    nativeOn: {
-      "keydown": [function($event) {
-        if (_vm._k($event.keyCode, "delete", [8, 46])) { return; }
-        _vm.deleteLastChip($event)
-      }, function($event) {
-        if (_vm._k($event.keyCode, "enter", 13)) { return; }
-        $event.preventDefault();
-        _vm.addChip($event)
-      }, function($event) {
-        if ($event.keyCode !== 186) { return; }
-        $event.preventDefault();
-        _vm.addChip($event)
-      }]
-    }
-  })], 2)], 1)
-},staticRenderFns: []}
-module.exports.render._withStripped = true
-if (false) {
-  module.hot.accept()
-  if (module.hot.data) {
-     require("vue-hot-reload-api").rerender("data-v-5cd17226", module.exports)
-  }
-}
-
-/***/ }),
-
-/***/ 404:
-/***/ (function(module, exports, __webpack_require__) {
-
-module.exports = __webpack_require__(97);
-
-
-/***/ }),
-
-/***/ 48:
+/***/ 36:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -613,7 +559,141 @@ module.exports = exports["default"];
 
 /***/ }),
 
-/***/ 97:
+/***/ 396:
+/***/ (function(module, exports, __webpack_require__) {
+
+module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
+  return _c('div', {
+    staticClass: "md-chip",
+    class: [_vm.themeClass, _vm.classes],
+    attrs: {
+      "tabindex": "0"
+    }
+  }, [_c('div', {
+    staticClass: "md-chip-container",
+    on: {
+      "click": function($event) {
+        !_vm.disabled && _vm.mdEditable && _vm.$emit('edit')
+      }
+    }
+  }, [_vm._t("default")], 2), _vm._v(" "), (_vm.mdDeletable) ? _c('md-button', {
+    staticClass: "md-icon-button md-dense md-delete",
+    attrs: {
+      "tabindex": "-1"
+    },
+    on: {
+      "click": function($event) {
+        !_vm.disabled && _vm.$emit('delete')
+      }
+    },
+    nativeOn: {
+      "keyup": function($event) {
+        if (!('button' in $event) && _vm._k($event.keyCode, "delete", [8, 46])) { return null; }
+        !_vm.disabled && _vm.$emit('delete')
+      }
+    }
+  }, [_c('md-icon', {
+    staticClass: "md-icon-delete"
+  }, [_vm._v("cancel")])], 1) : _vm._e()], 1)
+},staticRenderFns: []}
+module.exports.render._withStripped = true
+if (false) {
+  module.hot.accept()
+  if (module.hot.data) {
+     require("vue-hot-reload-api").rerender("data-v-2c2a829d", module.exports)
+  }
+}
+
+/***/ }),
+
+/***/ 418:
+/***/ (function(module, exports, __webpack_require__) {
+
+module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
+  return _c('md-input-container', {
+    staticClass: "md-chips",
+    class: [_vm.themeClass, _vm.classes],
+    on: {
+      "click": _vm.applyInputFocus
+    }
+  }, [_vm._l((_vm.selectedChips), (function(chip) {
+    return _c('md-chip', {
+      key: chip,
+      attrs: {
+        "md-editable": !_vm.mdStatic,
+        "md-deletable": !_vm.mdStatic,
+        "disabled": _vm.disabled
+      },
+      on: {
+        "edit": function($event) {
+          _vm.editChip(chip)
+        },
+        "delete": function($event) {
+          _vm.deleteChip(chip)
+        }
+      }
+    }, [_vm._t("chip", [_vm._v(_vm._s(chip))], {
+      value: chip
+    })], 2)
+  })), _vm._v(" "), _c('md-input', {
+    directives: [{
+      name: "show",
+      rawName: "v-show",
+      value: (!_vm.mdStatic),
+      expression: "!mdStatic"
+    }],
+    ref: "input",
+    attrs: {
+      "type": _vm.mdInputType,
+      "placeholder": _vm.mdInputPlaceholder,
+      "id": _vm.inputId,
+      "name": _vm.mdInputName,
+      "disabled": _vm.disabled,
+      "tabindex": "0",
+      "debounce": 0
+    },
+    nativeOn: {
+      "keydown": [function($event) {
+        if (!('button' in $event) && _vm._k($event.keyCode, "delete", [8, 46])) { return null; }
+        _vm.deleteLastChip($event)
+      }, function($event) {
+        if (!('button' in $event) && _vm._k($event.keyCode, "enter", 13)) { return null; }
+        $event.preventDefault();
+        _vm.addChip($event)
+      }, function($event) {
+        if (!('button' in $event) && $event.keyCode !== 186) { return null; }
+        $event.preventDefault();
+        _vm.addChip($event)
+      }]
+    },
+    model: {
+      value: (_vm.currentChip),
+      callback: function($$v) {
+        _vm.currentChip = $$v
+      },
+      expression: "currentChip"
+    }
+  }), _vm._v(" "), _vm._t("default")], 2)
+},staticRenderFns: []}
+module.exports.render._withStripped = true
+if (false) {
+  module.hot.accept()
+  if (module.hot.data) {
+     require("vue-hot-reload-api").rerender("data-v-5cd17226", module.exports)
+  }
+}
+
+/***/ }),
+
+/***/ 454:
+/***/ (function(module, exports, __webpack_require__) {
+
+module.exports = __webpack_require__(87);
+
+
+/***/ }),
+
+/***/ 87:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -624,15 +704,15 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = install;
 
-var _mdChips = __webpack_require__(278);
+var _mdChips = __webpack_require__(314);
 
 var _mdChips2 = _interopRequireDefault(_mdChips);
 
-var _mdChip = __webpack_require__(277);
+var _mdChip = __webpack_require__(313);
 
 var _mdChip2 = _interopRequireDefault(_mdChip);
 
-var _mdChips3 = __webpack_require__(239);
+var _mdChips3 = __webpack_require__(272);
 
 var _mdChips4 = _interopRequireDefault(_mdChips3);
 

dist/components/mdCore/index.css

@@ -1,6 +1,278 @@
-/*!
-* Vue Material v0.7.0
-* Made with love by Marcos Moura
-* Released under the MIT License.
-*/   
-.md-ink-ripple{pointer-events:none;overflow:hidden;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-mask-image:radial-gradient(circle,#fff 100%,#000 0);transition:all .3s cubic-bezier(.55,0,.55,.2)}.md-ripple{position:absolute;background-color:currentColor;border-radius:50%;opacity:.2;transform:scale(0) translateZ(0);transition:none;will-change:background-color,opacity,transform,width,height,top,left}.md-ripple.md-active{animation:ripple 1s cubic-bezier(.25,.8,.25,1) forwards}.md-ripple.md-active.md-fadeout{opacity:0!important;transition:all .4s cubic-bezier(.25,.8,.25,1);transition-duration:.6s}@keyframes ripple{to{transform:scale(2.2) translateZ(0)}}html{height:100%;box-sizing:border-box}html *,html :after,html :before{box-sizing:inherit}body{min-height:100%;margin:0;position:relative;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;color:rgba(0,0,0,.87);font-family:Roboto,Noto Sans,Noto,sans-serif}ul:not(.md-list)>li+li{margin-top:8px}audio,canvas,embed,iframe,img,object,svg,video{max-width:100%;font-style:italic;vertical-align:middle}audio:not(.md-image),canvas:not(.md-image),embed:not(.md-image),iframe:not(.md-image),img:not(.md-image),object:not(.md-image),svg:not(.md-image),video:not(.md-image){height:auto}[tabindex="-1"]:focus{outline:none!important}.md-scrollbar::-webkit-scrollbar,.md-scrollbar ::-webkit-scrollbar{width:10px;height:10px;box-shadow:inset 1px 1px 0 rgba(0,0,0,.12);transition:all .5s cubic-bezier(.35,0,.25,1);background-color:rgba(0,0,0,.05)}.md-scrollbar::-webkit-scrollbar:hover,.md-scrollbar ::-webkit-scrollbar:hover{box-shadow:inset 1px 1px 0 rgba(0,0,0,.054),inset 0 -1px 0 rgba(0,0,0,.038);background-color:rgba(0,0,0,.087)}.md-scrollbar::-webkit-scrollbar-button,.md-scrollbar ::-webkit-scrollbar-button{display:none}.md-scrollbar::-webkit-scrollbar-corner,.md-scrollbar ::-webkit-scrollbar-corner{background-color:transparent}.md-scrollbar::-webkit-scrollbar-thumb,.md-scrollbar ::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.26);box-shadow:inset 1px 1px 0 rgba(0,0,0,.054),inset 0 -1px 0 rgba(0,0,0,.087);transition:all .5s cubic-bezier(.35,0,.25,1)}.md-caption{font-size:12px;font-weight:400;letter-spacing:.02em;line-height:17px}.md-body-1,body{font-weight:400;line-height:20px}.md-body-1,.md-body-2,body{font-size:14px;letter-spacing:.01em}.md-body-2{font-weight:500;line-height:24px}.md-subheading{font-size:16px;font-weight:400;letter-spacing:.01em;line-height:24px}.md-title{font-size:20px;font-weight:500;letter-spacing:.005em;line-height:26px}.md-headline{font-size:24px;line-height:32px}.md-display-1,.md-headline{font-weight:400;letter-spacing:0}.md-display-1{font-size:34px;line-height:40px}.md-display-2{font-size:45px;font-weight:400;letter-spacing:0;line-height:48px}.md-display-3{font-size:56px;font-weight:400;letter-spacing:-.005em;line-height:58px}.md-display-4{font-size:112px;font-weight:300;letter-spacing:-.01em;line-height:112px}a:not(.md-button):not(.md-bottom-bar-item){text-decoration:none}a:not(.md-button):not(.md-bottom-bar-item):hover{text-decoration:underline}button:focus{outline:none}
+/* Common */
+/* Responsive Breakpoints */
+/* Transitions - Based on Angular Material */
+/* Elevation - Based on Angular Material */
+.md-ink-ripple {
+  pointer-events: none;
+  overflow: hidden;
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  -webkit-mask-image: radial-gradient(circle, white 100%, black 100%);
+  transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
+}
+.md-ripple {
+  position: absolute;
+  background-color: currentColor;
+  border-radius: 50%;
+  opacity: .2;
+  transform: scale(0) translateZ(0);
+  transition: none;
+  will-change: background-color, opacity, transform, width, height, top, left;
+}
+.md-ripple.md-active {
+    animation: ripple 1s cubic-bezier(0.25, 0.8, 0.25, 1) forwards;
+}
+.md-ripple.md-active.md-fadeout {
+      opacity: 0 !important;
+      transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
+      transition-duration: .6s;
+}
+@keyframes ripple {
+to {
+    transform: scale(2.2) translateZ(0);
+}
+}
+/* Common */
+/* Responsive Breakpoints */
+/* Transitions - Based on Angular Material */
+/* Elevation - Based on Angular Material */
+/* Common */
+/* Responsive Breakpoints */
+/* Transitions - Based on Angular Material */
+/* Elevation - Based on Angular Material */
+/*  Text and Titles
+   ========================================================================== */
+.md-caption {
+  font-size: 12px;
+  font-weight: 400;
+  letter-spacing: .02em;
+  line-height: 17px; }
+
+.md-body-1, body {
+  font-size: 14px;
+  font-weight: 400;
+  letter-spacing: .01em;
+  line-height: 20px; }
+
+.md-body-2 {
+  font-size: 14px;
+  font-weight: 500;
+  letter-spacing: .01em;
+  line-height: 24px; }
+
+.md-subheading {
+  font-size: 16px;
+  font-weight: 400;
+  letter-spacing: .01em;
+  line-height: 24px; }
+
+.md-title {
+  font-size: 20px;
+  font-weight: 500;
+  letter-spacing: .005em;
+  line-height: 26px; }
+
+.md-headline {
+  font-size: 24px;
+  font-weight: 400;
+  letter-spacing: 0;
+  line-height: 32px; }
+
+.md-display-1 {
+  font-size: 34px;
+  font-weight: 400;
+  letter-spacing: 0;
+  line-height: 40px; }
+
+.md-display-2 {
+  font-size: 45px;
+  font-weight: 400;
+  letter-spacing: 0;
+  line-height: 48px; }
+
+.md-display-3 {
+  font-size: 56px;
+  font-weight: 400;
+  letter-spacing: -.005em;
+  line-height: 58px; }
+
+.md-display-4 {
+  font-size: 112px;
+  font-weight: 300;
+  letter-spacing: -.01em;
+  line-height: 112px; }
+
+/*  Links & Buttons
+   ========================================================================== */
+a:not(.md-button):not(.md-bottom-bar-item) {
+  text-decoration: none; }
+  a:not(.md-button):not(.md-bottom-bar-item):hover {
+    text-decoration: underline; }
+
+button:focus {
+  outline: none; }
+
+/*  Structure
+   ========================================================================== */
+html {
+  height: 100%;
+  box-sizing: border-box; }
+  html *,
+  html *:before,
+  html *:after {
+    box-sizing: inherit; }
+
+body {
+  min-height: 100%;
+  margin: 0;
+  position: relative;
+  -webkit-tap-highlight-color: transparent;
+  -webkit-touch-callout: none;
+  -webkit-text-size-adjust: 100%;
+  -ms-text-size-adjust: 100%;
+  -moz-osx-font-smoothing: grayscale;
+  -webkit-font-smoothing: antialiased;
+  color: rgba(0, 0, 0, 0.87);
+  font-family: Roboto, "Noto Sans", Noto, sans-serif; }
+
+/*  Fluid Media
+   ========================================================================== */
+ul:not(.md-list) > li + li {
+  margin-top: 8px; }
+
+/*  Fluid Media
+   ========================================================================== */
+audio,
+img,
+svg,
+object,
+embed,
+canvas,
+video,
+iframe {
+  max-width: 100%;
+  font-style: italic;
+  vertical-align: middle; }
+  audio:not(.md-image),
+  img:not(.md-image),
+  svg:not(.md-image),
+  object:not(.md-image),
+  embed:not(.md-image),
+  canvas:not(.md-image),
+  video:not(.md-image),
+  iframe:not(.md-image) {
+    height: auto; }
+
+/*  Suppress the focus outline on links that cannot be accessed via keyboard.
+    This prevents an unwanted focus outline from appearing around elements
+    that might still respond to pointer events.
+   ========================================================================== */
+[tabindex="-1"]:focus {
+  outline: none !important; }
+
+/* Common */
+/* Responsive Breakpoints */
+/* Transitions - Based on Angular Material */
+/* Elevation - Based on Angular Material */
+.md-scrollbar::-webkit-scrollbar,
+.md-scrollbar ::-webkit-scrollbar {
+  width: 10px;
+  height: 10px;
+  box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.12);
+  transition: all 0.5s cubic-bezier(0.35, 0, 0.25, 1);
+  background-color: rgba(0, 0, 0, 0.05); }
+  .md-scrollbar::-webkit-scrollbar:hover,
+  .md-scrollbar ::-webkit-scrollbar:hover {
+    box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.054), inset 0 -1px 0 rgba(0, 0, 0, 0.038);
+    background-color: rgba(0, 0, 0, 0.087); }
+
+.md-scrollbar::-webkit-scrollbar-button,
+.md-scrollbar ::-webkit-scrollbar-button {
+  display: none; }
+
+.md-scrollbar::-webkit-scrollbar-corner,
+.md-scrollbar ::-webkit-scrollbar-corner {
+  background-color: transparent; }
+
+.md-scrollbar::-webkit-scrollbar-thumb,
+.md-scrollbar ::-webkit-scrollbar-thumb {
+  background-color: rgba(0, 0, 0, 0.26);
+  box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.054), inset 0 -1px 0 rgba(0, 0, 0, 0.087);
+  transition: all 0.5s cubic-bezier(0.35, 0, 0.25, 1); }
+
+/*  Text and Titles
+   ========================================================================== */
+.md-caption {
+  font-size: 12px;
+  font-weight: 400;
+  letter-spacing: .02em;
+  line-height: 17px; }
+
+.md-body-1, body {
+  font-size: 14px;
+  font-weight: 400;
+  letter-spacing: .01em;
+  line-height: 20px; }
+
+.md-body-2 {
+  font-size: 14px;
+  font-weight: 500;
+  letter-spacing: .01em;
+  line-height: 24px; }
+
+.md-subheading {
+  font-size: 16px;
+  font-weight: 400;
+  letter-spacing: .01em;
+  line-height: 24px; }
+
+.md-title {
+  font-size: 20px;
+  font-weight: 500;
+  letter-spacing: .005em;
+  line-height: 26px; }
+
+.md-headline {
+  font-size: 24px;
+  font-weight: 400;
+  letter-spacing: 0;
+  line-height: 32px; }
+
+.md-display-1 {
+  font-size: 34px;
+  font-weight: 400;
+  letter-spacing: 0;
+  line-height: 40px; }
+
+.md-display-2 {
+  font-size: 45px;
+  font-weight: 400;
+  letter-spacing: 0;
+  line-height: 48px; }
+
+.md-display-3 {
+  font-size: 56px;
+  font-weight: 400;
+  letter-spacing: -.005em;
+  line-height: 58px; }
+
+.md-display-4 {
+  font-size: 112px;
+  font-weight: 300;
+  letter-spacing: -.01em;
+  line-height: 112px; }
+
+/*  Links & Buttons
+   ========================================================================== */
+a:not(.md-button):not(.md-bottom-bar-item) {
+  text-decoration: none; }
+  a:not(.md-button):not(.md-bottom-bar-item):hover {
+    text-decoration: underline; }
+
+button:focus {
+  outline: none; }
+
+/*# sourceMappingURL=index.css.map*/

dist/components/mdDatePicker/index.debug.js

@@ -1,90 +0,0 @@
-(function webpackUniversalModuleDefinition(root, factory) {
-	if(typeof exports === 'object' && typeof module === 'object')
-		module.exports = factory();
-	else if(typeof define === 'function' && define.amd)
-		define([], factory);
-	else if(typeof exports === 'object')
-		exports["VueMaterial"] = factory();
-	else
-		root["VueMaterial"] = factory();
-})(this, (function() {
-return /******/ (function(modules) { // webpackBootstrap
-/******/ 	// The module cache
-/******/ 	var installedModules = {};
-
-/******/ 	// The require function
-/******/ 	function __webpack_require__(moduleId) {
-
-/******/ 		// Check if module is in cache
-/******/ 		if(installedModules[moduleId])
-/******/ 			return installedModules[moduleId].exports;
-
-/******/ 		// Create a new module (and put it into the cache)
-/******/ 		var module = installedModules[moduleId] = {
-/******/ 			i: moduleId,
-/******/ 			l: false,
-/******/ 			exports: {}
-/******/ 		};
-
-/******/ 		// Execute the module function
-/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
-
-/******/ 		// Flag the module as loaded
-/******/ 		module.l = true;
-
-/******/ 		// Return the exports of the module
-/******/ 		return module.exports;
-/******/ 	}
-
-
-/******/ 	// expose the modules object (__webpack_modules__)
-/******/ 	__webpack_require__.m = modules;
-
-/******/ 	// expose the module cache
-/******/ 	__webpack_require__.c = installedModules;
-
-/******/ 	// identity function for calling harmony imports with the correct context
-/******/ 	__webpack_require__.i = function(value) { return value; };
-
-/******/ 	// define getter function for harmony exports
-/******/ 	__webpack_require__.d = function(exports, name, getter) {
-/******/ 		if(!__webpack_require__.o(exports, name)) {
-/******/ 			Object.defineProperty(exports, name, {
-/******/ 				configurable: false,
-/******/ 				enumerable: true,
-/******/ 				get: getter
-/******/ 			});
-/******/ 		}
-/******/ 	};
-
-/******/ 	// getDefaultExport function for compatibility with non-harmony modules
-/******/ 	__webpack_require__.n = function(module) {
-/******/ 		var getter = module && module.__esModule ?
-/******/ 			function getDefault() { return module['default']; } :
-/******/ 			function getModuleExports() { return module; };
-/******/ 		__webpack_require__.d(getter, 'a', getter);
-/******/ 		return getter;
-/******/ 	};
-
-/******/ 	// Object.prototype.hasOwnProperty.call
-/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
-
-/******/ 	// __webpack_public_path__
-/******/ 	__webpack_require__.p = "/";
-
-/******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 405);
-/******/ })
-/************************************************************************/
-/******/ ({
-
-/***/ 405:
-/***/ (function(module, exports, __webpack_require__) {
-
-(function webpackMissingModule() { throw new Error("Cannot find module \"./src/components/mdDatePicker\""); }());
-
-
-/***/ })
-
-/******/ });
-}));

dist/components/mdDatePicker/index.js

@@ -1,6 +0,0 @@
-/*!
-* Vue Material v0.7.0
-* Made with love by Marcos Moura
-* Released under the MIT License.
-*/   
-!(function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.VueMaterial=t():e.VueMaterial=t()})(this,(function(){return (function(e){function t(o){if(n[o])return n[o].exports;var r=n[o]={i:o,l:!1,exports:{}};return e[o].call(r.exports,r,r.exports,t),r.l=!0,r.exports}var n={};return t.m=e,t.c=n,t.i=function(e){return e},t.d=function(e,n,o){t.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:o})},t.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(n,"a",n),n},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="/",t(t.s=405)})({405:function(e,t,n){!(function(){throw new Error('Cannot find module "./src/components/mdDatePicker"')})()}})}));

dist/components/mdDialog/index.css

@@ -1,6 +1,119 @@
-/*!
-* Vue Material v0.7.0
-* Made with love by Marcos Moura
-* Released under the MIT License.
-*/   
-.md-dialog-container{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;pointer-events:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:108}.md-dialog-container.md-active{pointer-events:auto}.md-dialog-container.md-active .md-dialog{opacity:1!important;transform:scale(1)!important;transition:all .4s cubic-bezier(.25,.8,.25,1);transition-property:opacity,transform}.md-dialog-backdrop{position:fixed;z-index:109}.md-dialog{min-width:280px;max-width:80%;max-height:80%;display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;overflow:hidden;position:relative;z-index:110;outline:none;border-radius:2px;opacity:0;box-shadow:0 7px 9px -4px rgba(0,0,0,.2),0 14px 21px 2px rgba(0,0,0,.14),0 5px 26px 4px rgba(0,0,0,.12);transform:scale(.9,.85);transform-origin:center center;transition:opacity .4s cubic-bezier(.25,.8,.25,1),transform .4s cubic-bezier(.25,.8,.25,1) .05s;will-change:opacity,transform}.md-dialog.md-reference{transform-origin:top center}.md-dialog.md-transition-off{transition:none!important}.md-dialog p{margin:0}.md-dialog-title{margin-bottom:20px;padding:24px 24px 0}.md-dialog-content{padding:0 24px 24px;-ms-flex:1;flex:1;-ms-flex-preferred-size:auto;flex-basis:auto;overflow:auto;position:relative;background:linear-gradient(180deg,#fff 0,#fff 1px,transparent 0),linear-gradient(0deg,#fff 0,#fff 3px,transparent 0),linear-gradient(180deg,rgba(0,0,0,.12) 0,rgba(0,0,0,.12) 1px,transparent 0),linear-gradient(0deg,rgba(0,0,0,.2) 1px,rgba(0,0,0,.2) 2px,transparent 0);background-attachment:local,local,scroll,scroll}.md-dialog-content:first-child{padding-top:24px}.md-dialog-content p:first-child:not(:only-child){margin-top:0}.md-dialog-content p:last-child:not(:only-child){margin-bottom:0}.md-dialog-body{margin:0 -24px;padding:0 24px;overflow:auto}.md-dialog-actions{min-height:52px;padding:8px 8px 8px 24px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end;position:relative}.md-dialog-actions:before{height:1px;position:absolute;top:-1px;right:0;left:0;background-color:#fff;content:" "}.md-dialog-actions .md-button{min-width:64px;margin:0;padding:0 8px}.md-dialog-actions .md-button+.md-button{margin-left:8px}
+/* Common */
+/* Responsive Breakpoints */
+/* Transitions - Based on Angular Material */
+/* Elevation - Based on Angular Material */
+.md-dialog-container {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-flow: column;
+      flex-flow: column;
+  -ms-flex-pack: center;
+      justify-content: center;
+  -ms-flex-align: center;
+      align-items: center;
+  pointer-events: none;
+  position: fixed;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  z-index: 108;
+}
+.md-dialog-container.md-active {
+    pointer-events: auto;
+}
+.md-dialog-container.md-active .md-dialog {
+      opacity: 1 !important;
+      transform: scale(1) !important;
+      transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
+      transition-property: opacity, transform;
+}
+.md-dialog-backdrop {
+  position: fixed;
+  z-index: 109;
+}
+.md-dialog {
+  min-width: 280px;
+  max-width: 80%;
+  max-height: 80%;
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-flow: column;
+      flex-flow: column;
+  overflow: hidden;
+  position: relative;
+  z-index: 110;
+  outline: none;
+  border-radius: 2px;
+  opacity: 0;
+  box-shadow: 0 7px 9px -4px rgba(0, 0, 0, 0.2), 0 14px 21px 2px rgba(0, 0, 0, 0.14), 0 5px 26px 4px rgba(0, 0, 0, 0.12);
+  transform: scale(0.9, 0.85);
+  transform-origin: center center;
+  transition: opacity 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), transform 0.4s 0.05s cubic-bezier(0.25, 0.8, 0.25, 1);
+  will-change: opacity, transform;
+}
+.md-dialog.md-reference {
+    transform-origin: top center;
+}
+.md-dialog.md-transition-off {
+    transition: none !important;
+}
+.md-dialog p {
+    margin: 0;
+}
+.md-dialog-title {
+  margin-bottom: 20px;
+  padding: 24px 24px 0;
+}
+.md-dialog-content {
+  padding: 0 24px 24px;
+  -ms-flex: 1;
+      flex: 1;
+  -ms-flex-preferred-size: auto;
+      flex-basis: auto;
+  overflow: auto;
+  position: relative;
+}
+.md-dialog-content:first-child {
+    padding-top: 24px;
+}
+.md-dialog-content p:first-child:not(:only-child) {
+    margin-top: 0;
+}
+.md-dialog-content p:last-child:not(:only-child) {
+    margin-bottom: 0;
+}
+.md-dialog-body {
+  margin: 0 -24px;
+  padding: 0 24px;
+  overflow: auto;
+}
+.md-dialog-actions {
+  min-height: 52px;
+  padding: 8px 8px 8px 24px;
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-align: center;
+      align-items: center;
+  -ms-flex-pack: end;
+      justify-content: flex-end;
+  position: relative;
+}
+.md-dialog-actions:before {
+    height: 1px;
+    position: absolute;
+    top: -1px;
+    right: 0;
+    left: 0;
+    content: " ";
+}
+.md-dialog-actions .md-button {
+    min-width: 64px;
+    margin: 0;
+    padding: 0 8px;
+}
+.md-dialog-actions .md-button + .md-button {
+      margin-left: 8px;
+}
+
+/*# sourceMappingURL=index.css.map*/

dist/components/mdDialog/index.debug.js

@@ -73,7 +73,7 @@ return /******/ (function(modules) { // webpackBootstrap
 /******/ 	__webpack_require__.p = "/";
 
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 406);
+/******/ 	return __webpack_require__(__webpack_require__.s = 455);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -81,11 +81,17 @@ return /******/ (function(modules) { // webpackBootstrap
 /***/ 0:
 /***/ (function(module, exports) {
 
+/* globals __VUE_SSR_CONTEXT__ */
+
+// this module is a runtime utility for cleaner component module output and will
+// be included in the final webpack user bundle
+
 module.exports = function normalizeComponent (
   rawScriptExports,
   compiledTemplate,
+  injectStyles,
   scopeId,
-  cssModules
+  moduleIdentifier /* server only */
 ) {
   var esModule
   var scriptExports = rawScriptExports = rawScriptExports || {}
@@ -113,13 +119,51 @@ module.exports = function normalizeComponent (
     options._scopeId = scopeId
   }
 
-  // inject cssModules
-  if (cssModules) {
-    var computed = options.computed || (options.computed = {})
-    Object.keys(cssModules).forEach((function (key) {
-      var module = cssModules[key]
-      computed[key] = function () { return module }
-    }))
+  var hook
+  if (moduleIdentifier) { // server build
+    hook = function (context) {
+      // 2.3 injection
+      context =
+        context || // cached call
+        (this.$vnode && this.$vnode.ssrContext) || // stateful
+        (this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext) // functional
+      // 2.2 with runInNewContext: true
+      if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {
+        context = __VUE_SSR_CONTEXT__
+      }
+      // inject component styles
+      if (injectStyles) {
+        injectStyles.call(this, context)
+      }
+      // register component module identifier for async chunk inferrence
+      if (context && context._registeredComponents) {
+        context._registeredComponents.add(moduleIdentifier)
+      }
+    }
+    // used by ssr in case component is cached and beforeCreate
+    // never gets called
+    options._ssrRegister = hook
+  } else if (injectStyles) {
+    hook = injectStyles
+  }
+
+  if (hook) {
+    var functional = options.functional
+    var existing = functional
+      ? options.render
+      : options.beforeCreate
+    if (!functional) {
+      // inject component registration as beforeCreate hook
+      options.beforeCreate = existing
+        ? [].concat(existing, hook)
+        : [hook]
+    } else {
+      // register for functioal component in vue file
+      options.render = function renderWithStyleInjection (h, context) {
+        hook.call(context)
+        return existing(h, context)
+      }
+    }
   }
 
   return {
@@ -141,60 +185,52 @@ module.exports = function normalizeComponent (
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+// Theme mixin
+
+// Grab the closest ancestor component's `md-theme` attribute OR grab the
+// `md-name` attribute from an `<md-theme>` component.
+function getAncestorThemeName(component) {
+  if (!component) {
+    return null;
+  }
+
+  var name = component.mdTheme;
+
+  if (!name && component.$options._componentTag === 'md-theme') {
+    name = component.mdName;
+  }
+
+  return name || getAncestorThemeName(component.$parent);
+}
+
 exports.default = {
   props: {
     mdTheme: String
   },
-  data: function data() {
-    return {
-      closestThemedParent: false
-    };
-  },
-  methods: {
-    getClosestThemedParent: function getClosestThemedParent($parent) {
-      if (!$parent || !$parent.$el || $parent._uid === 0) {
-        return false;
-      }
-
-      if ($parent.mdTheme || $parent.mdName) {
-        return $parent;
-      }
-
-      return this.getClosestThemedParent($parent.$parent);
-    }
-  },
   computed: {
+    mdEffectiveTheme: function mdEffectiveTheme() {
+      return getAncestorThemeName(this) || this.$material.currentTheme;
+    },
     themeClass: function themeClass() {
-      if (this.mdTheme) {
-        return 'md-theme-' + this.mdTheme;
-      }
-
-      var theme = this.closestThemedParent.mdTheme;
-
-      if (!theme) {
-        if (this.closestThemedParent) {
-          theme = this.closestThemedParent.mdName;
-        } else {
-          theme = this.$material.currentTheme;
-        }
-      }
-
-      return 'md-theme-' + theme;
+      return this.$material.prefix + this.mdEffectiveTheme;
     }
   },
-  mounted: function mounted() {
-    this.closestThemedParent = this.getClosestThemedParent(this.$parent);
-
-    if (!this.$material.currentTheme) {
-      this.$material.setCurrentTheme('default');
+  watch: {
+    mdTheme: function mdTheme(value) {
+      this.$material.useTheme(value);
     }
+  },
+  beforeMount: function beforeMount() {
+    var localTheme = this.mdTheme;
+
+    this.$material.useTheme(localTheme ? localTheme : 'default');
   }
 };
 module.exports = exports['default'];
 
 /***/ }),
 
-/***/ 146:
+/***/ 145:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -208,7 +244,7 @@ var _mixin = __webpack_require__(1);
 
 var _mixin2 = _interopRequireDefault(_mixin);
 
-var _transitionEndEventName = __webpack_require__(39);
+var _transitionEndEventName = __webpack_require__(41);
 
 var _transitionEndEventName2 = _interopRequireDefault(_transitionEndEventName);
 
@@ -228,6 +264,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 //
 
 exports.default = {
+  name: 'md-dialog',
   props: {
     mdClickOutsideToClose: {
       type: Boolean,
@@ -374,12 +411,81 @@ module.exports = exports['default'];
 
 /***/ }),
 
+/***/ 146:
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+//
+//
+//
+//
+//
+//
+
+exports.default = {
+  name: 'md-dialog-actions'
+};
+module.exports = exports['default'];
+
+/***/ }),
+
 /***/ 147:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
 
 
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+//
+//
+//
+//
+//
+//
+
+exports.default = {
+  name: 'md-dialog-content'
+};
+module.exports = exports['default'];
+
+/***/ }),
+
+/***/ 148:
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+//
+//
+//
+//
+//
+//
+
+exports.default = {
+  name: 'md-dialog-title'
+};
+module.exports = exports['default'];
+
+/***/ }),
+
+/***/ 149:
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -398,6 +504,7 @@ Object.defineProperty(exports, "__esModule", {
 //
 
 exports.default = {
+  name: 'md-dialog-alert',
   props: {
     mdTitle: String,
     mdContent: String,
@@ -439,7 +546,7 @@ module.exports = exports['default'];
 
 /***/ }),
 
-/***/ 148:
+/***/ 150:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -464,6 +571,7 @@ Object.defineProperty(exports, "__esModule", {
 //
 
 exports.default = {
+  name: 'md-dialog-confirm',
   props: {
     mdTitle: String,
     mdContent: String,
@@ -509,7 +617,7 @@ module.exports = exports['default'];
 
 /***/ }),
 
-/***/ 149:
+/***/ 151:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -547,6 +655,7 @@ Object.defineProperty(exports, "__esModule", {
 //
 
 exports.default = {
+  name: 'md-dialog-prompt',
   props: {
     value: {
       type: [String, Number],
@@ -605,39 +714,42 @@ module.exports = exports['default'];
 
 /***/ }),
 
-/***/ 210:
+/***/ 239:
 /***/ (function(module, exports) {
 
 // removed by extract-text-webpack-plugin
 
 /***/ }),
 
-/***/ 240:
+/***/ 273:
 /***/ (function(module, exports) {
 
 module.exports = ".THEME_NAME.md-dialog-container .md-dialog {\n  background-color: BACKGROUND-COLOR;\n  color: BACKGROUND-CONTRAST; }\n"
 
 /***/ }),
 
-/***/ 279:
+/***/ 315:
 /***/ (function(module, exports, __webpack_require__) {
 
-
-/* styles */
-__webpack_require__(210)
-
+var disposed = false
+function injectStyle (ssrContext) {
+  if (disposed) return
+  __webpack_require__(239)
+}
 var Component = __webpack_require__(0)(
   /* script */
-  __webpack_require__(146),
+  __webpack_require__(145),
   /* template */
-  __webpack_require__(355),
+  __webpack_require__(399),
+  /* styles */
+  injectStyle,
   /* scopeId */
   null,
-  /* cssModules */
+  /* moduleIdentifier (server only) */
   null
 )
-Component.options.__file = "/Users/marcosmoura/Projects/github/vue-material/src/components/mdDialog/mdDialog.vue"
-if (Component.esModule && Object.keys(Component.esModule).some((function (key) {return key !== "default" && key !== "__esModule"}))) {console.error("named exports are not supported in *.vue files.")}
+Component.options.__file = "/Users/pablohpsilva/Code/vue-material/src/components/mdDialog/mdDialog.vue"
+if (Component.esModule && Object.keys(Component.esModule).some((function (key) {return key !== "default" && key.substr(0, 2) !== "__"}))) {console.error("named exports are not supported in *.vue files.")}
 if (Component.options.functional) {console.error("[vue-loader] mdDialog.vue: functional components are not supported with templates, they should use render functions.")}
 
 /* hot reload */
@@ -651,6 +763,9 @@ if (false) {(function () {
   } else {
     hotAPI.reload("data-v-341e9664", Component.options)
   }
+  module.hot.dispose((function (data) {
+    disposed = true
+  }))
 })()}
 
 module.exports = Component.exports
@@ -658,21 +773,24 @@ module.exports = Component.exports
 
 /***/ }),
 
-/***/ 280:
+/***/ 316:
 /***/ (function(module, exports, __webpack_require__) {
 
+var disposed = false
 var Component = __webpack_require__(0)(
   /* script */
-  null,
+  __webpack_require__(146),
   /* template */
-  __webpack_require__(385),
+  __webpack_require__(434),
+  /* styles */
+  null,
   /* scopeId */
   null,
-  /* cssModules */
+  /* moduleIdentifier (server only) */
   null
 )
-Component.options.__file = "/Users/marcosmoura/Projects/github/vue-material/src/components/mdDialog/mdDialogActions.vue"
-if (Component.esModule && Object.keys(Component.esModule).some((function (key) {return key !== "default" && key !== "__esModule"}))) {console.error("named exports are not supported in *.vue files.")}
+Component.options.__file = "/Users/pablohpsilva/Code/vue-material/src/components/mdDialog/mdDialogActions.vue"
+if (Component.esModule && Object.keys(Component.esModule).some((function (key) {return key !== "default" && key.substr(0, 2) !== "__"}))) {console.error("named exports are not supported in *.vue files.")}
 if (Component.options.functional) {console.error("[vue-loader] mdDialogActions.vue: functional components are not supported with templates, they should use render functions.")}
 
 /* hot reload */
@@ -686,6 +804,9 @@ if (false) {(function () {
   } else {
     hotAPI.reload("data-v-89c748ae", Component.options)
   }
+  module.hot.dispose((function (data) {
+    disposed = true
+  }))
 })()}
 
 module.exports = Component.exports
@@ -693,21 +814,24 @@ module.exports = Component.exports
 
 /***/ }),
 
-/***/ 281:
+/***/ 317:
 /***/ (function(module, exports, __webpack_require__) {
 
+var disposed = false
 var Component = __webpack_require__(0)(
   /* script */
-  null,
+  __webpack_require__(147),
   /* template */
-  __webpack_require__(359),
+  __webpack_require__(404),
+  /* styles */
+  null,
   /* scopeId */
   null,
-  /* cssModules */
+  /* moduleIdentifier (server only) */
   null
 )
-Component.options.__file = "/Users/marcosmoura/Projects/github/vue-material/src/components/mdDialog/mdDialogContent.vue"
-if (Component.esModule && Object.keys(Component.esModule).some((function (key) {return key !== "default" && key !== "__esModule"}))) {console.error("named exports are not supported in *.vue files.")}
+Component.options.__file = "/Users/pablohpsilva/Code/vue-material/src/components/mdDialog/mdDialogContent.vue"
+if (Component.esModule && Object.keys(Component.esModule).some((function (key) {return key !== "default" && key.substr(0, 2) !== "__"}))) {console.error("named exports are not supported in *.vue files.")}
 if (Component.options.functional) {console.error("[vue-loader] mdDialogContent.vue: functional components are not supported with templates, they should use render functions.")}
 
 /* hot reload */
@@ -721,6 +845,9 @@ if (false) {(function () {
   } else {
     hotAPI.reload("data-v-44792925", Component.options)
   }
+  module.hot.dispose((function (data) {
+    disposed = true
+  }))
 })()}
 
 module.exports = Component.exports
@@ -728,21 +855,24 @@ module.exports = Component.exports
 
 /***/ }),
 
-/***/ 282:
+/***/ 318:
 /***/ (function(module, exports, __webpack_require__) {
 
+var disposed = false
 var Component = __webpack_require__(0)(
   /* script */
-  null,
+  __webpack_require__(148),
   /* template */
-  __webpack_require__(353),
+  __webpack_require__(397),
+  /* styles */
+  null,
   /* scopeId */
   null,
-  /* cssModules */
+  /* moduleIdentifier (server only) */
   null
 )
-Component.options.__file = "/Users/marcosmoura/Projects/github/vue-material/src/components/mdDialog/mdDialogTitle.vue"
-if (Component.esModule && Object.keys(Component.esModule).some((function (key) {return key !== "default" && key !== "__esModule"}))) {console.error("named exports are not supported in *.vue files.")}
+Component.options.__file = "/Users/pablohpsilva/Code/vue-material/src/components/mdDialog/mdDialogTitle.vue"
+if (Component.esModule && Object.keys(Component.esModule).some((function (key) {return key !== "default" && key.substr(0, 2) !== "__"}))) {console.error("named exports are not supported in *.vue files.")}
 if (Component.options.functional) {console.error("[vue-loader] mdDialogTitle.vue: functional components are not supported with templates, they should use render functions.")}
 
 /* hot reload */
@@ -756,6 +886,9 @@ if (false) {(function () {
   } else {
     hotAPI.reload("data-v-2ec2b6f8", Component.options)
   }
+  module.hot.dispose((function (data) {
+    disposed = true
+  }))
 })()}
 
 module.exports = Component.exports
@@ -763,21 +896,24 @@ module.exports = Component.exports
 
 /***/ }),
 
-/***/ 283:
+/***/ 319:
 /***/ (function(module, exports, __webpack_require__) {
 
+var disposed = false
 var Component = __webpack_require__(0)(
   /* script */
-  __webpack_require__(147),
+  __webpack_require__(149),
   /* template */
-  __webpack_require__(370),
+  __webpack_require__(419),
+  /* styles */
+  null,
   /* scopeId */
   null,
-  /* cssModules */
+  /* moduleIdentifier (server only) */
   null
 )
-Component.options.__file = "/Users/marcosmoura/Projects/github/vue-material/src/components/mdDialog/presets/mdDialogAlert.vue"
-if (Component.esModule && Object.keys(Component.esModule).some((function (key) {return key !== "default" && key !== "__esModule"}))) {console.error("named exports are not supported in *.vue files.")}
+Component.options.__file = "/Users/pablohpsilva/Code/vue-material/src/components/mdDialog/presets/mdDialogAlert.vue"
+if (Component.esModule && Object.keys(Component.esModule).some((function (key) {return key !== "default" && key.substr(0, 2) !== "__"}))) {console.error("named exports are not supported in *.vue files.")}
 if (Component.options.functional) {console.error("[vue-loader] mdDialogAlert.vue: functional components are not supported with templates, they should use render functions.")}
 
 /* hot reload */
@@ -791,6 +927,9 @@ if (false) {(function () {
   } else {
     hotAPI.reload("data-v-5d32a2a6", Component.options)
   }
+  module.hot.dispose((function (data) {
+    disposed = true
+  }))
 })()}
 
 module.exports = Component.exports
@@ -798,21 +937,24 @@ module.exports = Component.exports
 
 /***/ }),
 
-/***/ 284:
+/***/ 320:
 /***/ (function(module, exports, __webpack_require__) {
 
+var disposed = false
 var Component = __webpack_require__(0)(
   /* script */
-  __webpack_require__(148),
+  __webpack_require__(150),
   /* template */
-  __webpack_require__(392),
+  __webpack_require__(442),
+  /* styles */
+  null,
   /* scopeId */
   null,
-  /* cssModules */
+  /* moduleIdentifier (server only) */
   null
 )
-Component.options.__file = "/Users/marcosmoura/Projects/github/vue-material/src/components/mdDialog/presets/mdDialogConfirm.vue"
-if (Component.esModule && Object.keys(Component.esModule).some((function (key) {return key !== "default" && key !== "__esModule"}))) {console.error("named exports are not supported in *.vue files.")}
+Component.options.__file = "/Users/pablohpsilva/Code/vue-material/src/components/mdDialog/presets/mdDialogConfirm.vue"
+if (Component.esModule && Object.keys(Component.esModule).some((function (key) {return key !== "default" && key.substr(0, 2) !== "__"}))) {console.error("named exports are not supported in *.vue files.")}
 if (Component.options.functional) {console.error("[vue-loader] mdDialogConfirm.vue: functional components are not supported with templates, they should use render functions.")}
 
 /* hot reload */
@@ -826,6 +968,9 @@ if (false) {(function () {
   } else {
     hotAPI.reload("data-v-c309205e", Component.options)
   }
+  module.hot.dispose((function (data) {
+    disposed = true
+  }))
 })()}
 
 module.exports = Component.exports
@@ -833,21 +978,24 @@ module.exports = Component.exports
 
 /***/ }),
 
-/***/ 285:
+/***/ 321:
 /***/ (function(module, exports, __webpack_require__) {
 
+var disposed = false
 var Component = __webpack_require__(0)(
   /* script */
-  __webpack_require__(149),
+  __webpack_require__(151),
   /* template */
-  __webpack_require__(351),
+  __webpack_require__(395),
+  /* styles */
+  null,
   /* scopeId */
   null,
-  /* cssModules */
+  /* moduleIdentifier (server only) */
   null
 )
-Component.options.__file = "/Users/marcosmoura/Projects/github/vue-material/src/components/mdDialog/presets/mdDialogPrompt.vue"
-if (Component.esModule && Object.keys(Component.esModule).some((function (key) {return key !== "default" && key !== "__esModule"}))) {console.error("named exports are not supported in *.vue files.")}
+Component.options.__file = "/Users/pablohpsilva/Code/vue-material/src/components/mdDialog/presets/mdDialogPrompt.vue"
+if (Component.esModule && Object.keys(Component.esModule).some((function (key) {return key !== "default" && key.substr(0, 2) !== "__"}))) {console.error("named exports are not supported in *.vue files.")}
 if (Component.options.functional) {console.error("[vue-loader] mdDialogPrompt.vue: functional components are not supported with templates, they should use render functions.")}
 
 /* hot reload */
@@ -861,6 +1009,9 @@ if (false) {(function () {
   } else {
     hotAPI.reload("data-v-288a5063", Component.options)
   }
+  module.hot.dispose((function (data) {
+    disposed = true
+  }))
 })()}
 
 module.exports = Component.exports
@@ -868,7 +1019,7 @@ module.exports = Component.exports
 
 /***/ }),
 
-/***/ 351:
+/***/ 395:
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
@@ -895,7 +1046,7 @@ module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c
     },
     nativeOn: {
       "keydown": function($event) {
-        if (_vm._k($event.keyCode, "enter", 13)) { return; }
+        if (!('button' in $event) && _vm._k($event.keyCode, "enter", 13)) { return null; }
         _vm.confirmValue($event)
       }
     }
@@ -923,7 +1074,7 @@ if (false) {
 
 /***/ }),
 
-/***/ 353:
+/***/ 397:
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
@@ -941,7 +1092,7 @@ if (false) {
 
 /***/ }),
 
-/***/ 355:
+/***/ 399:
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
@@ -953,7 +1104,7 @@ module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c
     },
     on: {
       "keyup": function($event) {
-        if (_vm._k($event.keyCode, "esc", 27)) { return; }
+        if (!('button' in $event) && _vm._k($event.keyCode, "esc", 27)) { return null; }
         $event.stopPropagation();
         _vm.closeOnEsc($event)
       }
@@ -984,7 +1135,7 @@ if (false) {
 
 /***/ }),
 
-/***/ 359:
+/***/ 404:
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
@@ -1002,7 +1153,37 @@ if (false) {
 
 /***/ }),
 
-/***/ 370:
+/***/ 41:
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+function transitionEndEventName() {
+  var el = document.createElement('span');
+  var transitions = {
+    transition: 'transitionend',
+    OTransition: 'oTransitionEnd',
+    MozTransition: 'transitionend',
+    WebkitTransition: 'webkitTransitionEnd'
+  };
+
+  for (var transition in transitions) {
+    if (el.style[transition] !== undefined) {
+      return transitions[transition];
+    }
+  }
+}
+
+exports.default = transitionEndEventName();
+module.exports = exports['default'];
+
+/***/ }),
+
+/***/ 419:
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
@@ -1037,7 +1218,7 @@ if (false) {
 
 /***/ }),
 
-/***/ 385:
+/***/ 434:
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
@@ -1055,37 +1236,7 @@ if (false) {
 
 /***/ }),
 
-/***/ 39:
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-function transitionEndEventName() {
-  var el = document.createElement('span');
-  var transitions = {
-    transition: 'transitionend',
-    OTransition: 'oTransitionEnd',
-    MozTransition: 'transitionend',
-    WebkitTransition: 'webkitTransitionEnd'
-  };
-
-  for (var transition in transitions) {
-    if (el.style[transition] !== undefined) {
-      return transitions[transition];
-    }
-  }
-}
-
-exports.default = transitionEndEventName();
-module.exports = exports['default'];
-
-/***/ }),
-
-/***/ 392:
+/***/ 442:
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
@@ -1127,15 +1278,15 @@ if (false) {
 
 /***/ }),
 
-/***/ 406:
+/***/ 455:
 /***/ (function(module, exports, __webpack_require__) {
 
-module.exports = __webpack_require__(98);
+module.exports = __webpack_require__(88);
 
 
 /***/ }),
 
-/***/ 98:
+/***/ 88:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -1146,35 +1297,35 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = install;
 
-var _mdDialog = __webpack_require__(279);
+var _mdDialog = __webpack_require__(315);
 
 var _mdDialog2 = _interopRequireDefault(_mdDialog);
 
-var _mdDialogTitle = __webpack_require__(282);
+var _mdDialogTitle = __webpack_require__(318);
 
 var _mdDialogTitle2 = _interopRequireDefault(_mdDialogTitle);
 
-var _mdDialogContent = __webpack_require__(281);
+var _mdDialogContent = __webpack_require__(317);
 
 var _mdDialogContent2 = _interopRequireDefault(_mdDialogContent);
 
-var _mdDialogActions = __webpack_require__(280);
+var _mdDialogActions = __webpack_require__(316);
 
 var _mdDialogActions2 = _interopRequireDefault(_mdDialogActions);
 
-var _mdDialogAlert = __webpack_require__(283);
+var _mdDialogAlert = __webpack_require__(319);
 
 var _mdDialogAlert2 = _interopRequireDefault(_mdDialogAlert);
 
-var _mdDialogConfirm = __webpack_require__(284);
+var _mdDialogConfirm = __webpack_require__(320);
 
 var _mdDialogConfirm2 = _interopRequireDefault(_mdDialogConfirm);
 
-var _mdDialogPrompt = __webpack_require__(285);
+var _mdDialogPrompt = __webpack_require__(321);
 
 var _mdDialogPrompt2 = _interopRequireDefault(_mdDialogPrompt);
 
-var _mdDialog3 = __webpack_require__(240);
+var _mdDialog3 = __webpack_require__(273);
 
 var _mdDialog4 = _interopRequireDefault(_mdDialog3);
 

dist/components/mdDivider/index.css

@@ -1,6 +1,17 @@
-/*!
-* Vue Material v0.7.0
-* Made with love by Marcos Moura
-* Released under the MIT License.
-*/   
-.md-divider{height:1px;margin:0;padding:0;display:block;border:0;background-color:rgba(0,0,0,.12)}.md-divider.md-inset{margin-left:72px}
+/* Common */
+/* Responsive Breakpoints */
+/* Transitions - Based on Angular Material */
+/* Elevation - Based on Angular Material */
+.md-divider {
+  height: 1px;
+  margin: 0;
+  padding: 0;
+  display: block;
+  border: 0;
+  background-color: rgba(0, 0, 0, 0.12);
+}
+.md-divider.md-inset {
+    margin-left: 72px;
+}
+
+/*# sourceMappingURL=index.css.map*/

dist/components/mdDivider/index.debug.js

@@ -73,7 +73,7 @@ return /******/ (function(modules) { // webpackBootstrap
 /******/ 	__webpack_require__.p = "/";
 
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 407);
+/******/ 	return __webpack_require__(__webpack_require__.s = 456);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -81,11 +81,17 @@ return /******/ (function(modules) { // webpackBootstrap
 /***/ 0:
 /***/ (function(module, exports) {
 
+/* globals __VUE_SSR_CONTEXT__ */
+
+// this module is a runtime utility for cleaner component module output and will
+// be included in the final webpack user bundle
+
 module.exports = function normalizeComponent (
   rawScriptExports,
   compiledTemplate,
+  injectStyles,
   scopeId,
-  cssModules
+  moduleIdentifier /* server only */
 ) {
   var esModule
   var scriptExports = rawScriptExports = rawScriptExports || {}
@@ -113,13 +119,51 @@ module.exports = function normalizeComponent (
     options._scopeId = scopeId
   }
 
-  // inject cssModules
-  if (cssModules) {
-    var computed = options.computed || (options.computed = {})
-    Object.keys(cssModules).forEach((function (key) {
-      var module = cssModules[key]
-      computed[key] = function () { return module }
-    }))
+  var hook
+  if (moduleIdentifier) { // server build
+    hook = function (context) {
+      // 2.3 injection
+      context =
+        context || // cached call
+        (this.$vnode && this.$vnode.ssrContext) || // stateful
+        (this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext) // functional
+      // 2.2 with runInNewContext: true
+      if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {
+        context = __VUE_SSR_CONTEXT__
+      }
+      // inject component styles
+      if (injectStyles) {
+        injectStyles.call(this, context)
+      }
+      // register component module identifier for async chunk inferrence
+      if (context && context._registeredComponents) {
+        context._registeredComponents.add(moduleIdentifier)
+      }
+    }
+    // used by ssr in case component is cached and beforeCreate
+    // never gets called
+    options._ssrRegister = hook
+  } else if (injectStyles) {
+    hook = injectStyles
+  }
+
+  if (hook) {
+    var functional = options.functional
+    var existing = functional
+      ? options.render
+      : options.beforeCreate
+    if (!functional) {
+      // inject component registration as beforeCreate hook
+      options.beforeCreate = existing
+        ? [].concat(existing, hook)
+        : [hook]
+    } else {
+      // register for functioal component in vue file
+      options.render = function renderWithStyleInjection (h, context) {
+        hook.call(context)
+        return existing(h, context)
+      }
+    }
   }
 
   return {
@@ -132,32 +176,58 @@ module.exports = function normalizeComponent (
 
 /***/ }),
 
-/***/ 220:
+/***/ 152:
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+//
+//
+//
+//
+//
+//
+
+exports.default = {
+  name: 'md-divider'
+};
+module.exports = exports['default'];
+
+/***/ }),
+
+/***/ 251:
 /***/ (function(module, exports) {
 
 // removed by extract-text-webpack-plugin
 
 /***/ }),
 
-/***/ 286:
+/***/ 322:
 /***/ (function(module, exports, __webpack_require__) {
 
-
-/* styles */
-__webpack_require__(220)
-
+var disposed = false
+function injectStyle (ssrContext) {
+  if (disposed) return
+  __webpack_require__(251)
+}
 var Component = __webpack_require__(0)(
   /* script */
-  null,
+  __webpack_require__(152),
   /* template */
-  __webpack_require__(371),
+  __webpack_require__(420),
+  /* styles */
+  injectStyle,
   /* scopeId */
   null,
-  /* cssModules */
+  /* moduleIdentifier (server only) */
   null
 )
-Component.options.__file = "/Users/marcosmoura/Projects/github/vue-material/src/components/mdDivider/mdDivider.vue"
-if (Component.esModule && Object.keys(Component.esModule).some((function (key) {return key !== "default" && key !== "__esModule"}))) {console.error("named exports are not supported in *.vue files.")}
+Component.options.__file = "/Users/pablohpsilva/Code/vue-material/src/components/mdDivider/mdDivider.vue"
+if (Component.esModule && Object.keys(Component.esModule).some((function (key) {return key !== "default" && key.substr(0, 2) !== "__"}))) {console.error("named exports are not supported in *.vue files.")}
 if (Component.options.functional) {console.error("[vue-loader] mdDivider.vue: functional components are not supported with templates, they should use render functions.")}
 
 /* hot reload */
@@ -171,6 +241,9 @@ if (false) {(function () {
   } else {
     hotAPI.reload("data-v-5e9f054a", Component.options)
   }
+  module.hot.dispose((function (data) {
+    disposed = true
+  }))
 })()}
 
 module.exports = Component.exports
@@ -178,7 +251,7 @@ module.exports = Component.exports
 
 /***/ }),
 
-/***/ 371:
+/***/ 420:
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
@@ -196,15 +269,15 @@ if (false) {
 
 /***/ }),
 
-/***/ 407:
+/***/ 456:
 /***/ (function(module, exports, __webpack_require__) {
 
-module.exports = __webpack_require__(99);
+module.exports = __webpack_require__(89);
 
 
 /***/ }),
 
-/***/ 99:
+/***/ 89:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -215,7 +288,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = install;
 
-var _mdDivider = __webpack_require__(286);
+var _mdDivider = __webpack_require__(322);
 
 var _mdDivider2 = _interopRequireDefault(_mdDivider);
 

dist/components/mdDivider/index.js

@@ -1,6 +1,6 @@
 /*!
-* Vue Material v0.7.0
+* Vue Material v0.7.4
 * Made with love by Marcos Moura
 * Released under the MIT License.
 */   
-!(function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.VueMaterial=t():e.VueMaterial=t()})(this,(function(){return (function(e){function t(r){if(n[r])return n[r].exports;var o=n[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,t),o.l=!0,o.exports}var n={};return t.m=e,t.c=n,t.i=function(e){return e},t.d=function(e,n,r){t.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:r})},t.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(n,"a",n),n},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="/",t(t.s=407)})({0:function(e,t){e.exports=function(e,t,n,r){var o,u=e=e||{},i=typeof e.default;"object"!==i&&"function"!==i||(o=e,u=e.default);var c="function"==typeof u?u.options:u;if(t&&(c.render=t.render,c.staticRenderFns=t.staticRenderFns),n&&(c._scopeId=n),r){var f=c.computed||(c.computed={});Object.keys(r).forEach((function(e){var t=r[e];f[e]=function(){return t}}))}return{esModule:o,exports:u,options:c}}},220:function(e,t){},286:function(e,t,n){n(220);var r=n(0)(null,n(371),null,null);e.exports=r.exports},371:function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("hr",{staticClass:"md-divider"})},staticRenderFns:[]}},407:function(e,t,n){e.exports=n(99)},99:function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}function o(e){e.component("md-divider",i.default)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=o;var u=n(286),i=r(u);e.exports=t.default}})}));
+!(function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.VueMaterial=t():e.VueMaterial=t()})(this,(function(){return (function(e){function t(r){if(n[r])return n[r].exports;var o=n[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,t),o.l=!0,o.exports}var n={};return t.m=e,t.c=n,t.i=function(e){return e},t.d=function(e,n,r){t.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:r})},t.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(n,"a",n),n},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="/",t(t.s=455)})({0:function(e,t){e.exports=function(e,t,n,r,o){var u,i=e=e||{},s=typeof e.default;"object"!==s&&"function"!==s||(u=e,i=e.default);var f="function"==typeof i?i.options:i;t&&(f.render=t.render,f.staticRenderFns=t.staticRenderFns),r&&(f._scopeId=r);var c;if(o?(c=function(e){e=e||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext,e||"undefined"==typeof __VUE_SSR_CONTEXT__||(e=__VUE_SSR_CONTEXT__),n&&n.call(this,e),e&&e._registeredComponents&&e._registeredComponents.add(o)},f._ssrRegister=c):n&&(c=n),c){var d=f.functional,a=d?f.render:f.beforeCreate;d?f.render=function(e,t){return c.call(t),a(e,t)}:f.beforeCreate=a?[].concat(a,c):[c]}return{esModule:u,exports:i,options:f}}},152:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={name:"md-divider"},e.exports=t.default},251:function(e,t){},321:function(e,t,n){function r(e){n(251)}var o=n(0)(n(152),n(419),r,null,null);e.exports=o.exports},419:function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("hr",{staticClass:"md-divider"})},staticRenderFns:[]}},455:function(e,t,n){e.exports=n(89)},89:function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}function o(e){e.component("md-divider",i.default)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=o;var u=n(321),i=r(u);e.exports=t.default}})}));

dist/components/mdFile/index.css

@@ -1,6 +1,25 @@
-/*!
-* Vue Material v0.7.0
-* Made with love by Marcos Moura
-* Released under the MIT License.
-*/   
-.md-file{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1}.md-file input[type=file]{width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute;clip:rect(0 0 0 0);border:0}.md-file .md-icon{cursor:pointer}
+/* Common */
+/* Responsive Breakpoints */
+/* Transitions - Based on Angular Material */
+/* Elevation - Based on Angular Material */
+.md-file {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex: 1;
+      flex: 1;
+}
+.md-file input[type="file"] {
+    width: 1px;
+    height: 1px;
+    margin: -1px;
+    padding: 0;
+    overflow: hidden;
+    position: absolute;
+    clip: rect(0 0 0 0);
+    border: 0;
+}
+.md-file .md-icon {
+    cursor: pointer;
+}
+
+/*# sourceMappingURL=index.css.map*/

dist/components/mdIcon/index.css

@@ -1,6 +1,60 @@
-/*!
-* Vue Material v0.7.0
-* Made with love by Marcos Moura
-* Released under the MIT License.
-*/   
-.md-icon{width:24px;min-width:24px;height:24px;min-height:24px;font-size:24px;margin:auto;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;fill:currentColor;text-rendering:optimizeLegibility;vertical-align:middle}.md-icon.md-size-2x{width:48px;min-width:48px;height:48px;min-height:48px;font-size:48px}.md-icon.md-size-3x{width:72px;min-width:72px;height:72px;min-height:72px;font-size:72px}.md-icon.md-size-4x{width:96px;min-width:96px;height:96px;min-height:96px;font-size:96px}.md-icon.md-size-5x{width:120px;min-width:120px;height:120px;min-height:120px;font-size:120px}.md-icon svg{width:100%;height:100%}img.md-icon{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none}
+/* Common */
+/* Responsive Breakpoints */
+/* Transitions - Based on Angular Material */
+/* Elevation - Based on Angular Material */
+.md-icon {
+  width: 24px;
+  min-width: 24px;
+  height: 24px;
+  min-height: 24px;
+  font-size: 24px;
+  margin: auto;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  -ms-flex-align: center;
+      align-items: center;
+  fill: currentColor;
+  text-rendering: optimizeLegibility;
+  vertical-align: middle;
+}
+.md-icon.md-size-2x {
+    width: 48px;
+    min-width: 48px;
+    height: 48px;
+    min-height: 48px;
+    font-size: 48px;
+}
+.md-icon.md-size-3x {
+    width: 72px;
+    min-width: 72px;
+    height: 72px;
+    min-height: 72px;
+    font-size: 72px;
+}
+.md-icon.md-size-4x {
+    width: 96px;
+    min-width: 96px;
+    height: 96px;
+    min-height: 96px;
+    font-size: 96px;
+}
+.md-icon.md-size-5x {
+    width: 120px;
+    min-width: 120px;
+    height: 120px;
+    min-height: 120px;
+    font-size: 120px;
+}
+.md-icon svg {
+    width: 100%;
+    height: 100%;
+}
+img.md-icon {
+  -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
+  -webkit-user-drag: none;
+}
+
+/*# sourceMappingURL=index.css.map*/

dist/components/mdIcon/index.debug.js

@@ -73,7 +73,7 @@ return /******/ (function(modules) { // webpackBootstrap
 /******/ 	__webpack_require__.p = "/";
 
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 409);
+/******/ 	return __webpack_require__(__webpack_require__.s = 458);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -81,11 +81,17 @@ return /******/ (function(modules) { // webpackBootstrap
 /***/ 0:
 /***/ (function(module, exports) {
 
+/* globals __VUE_SSR_CONTEXT__ */
+
+// this module is a runtime utility for cleaner component module output and will
+// be included in the final webpack user bundle
+
 module.exports = function normalizeComponent (
   rawScriptExports,
   compiledTemplate,
+  injectStyles,
   scopeId,
-  cssModules
+  moduleIdentifier /* server only */
 ) {
   var esModule
   var scriptExports = rawScriptExports = rawScriptExports || {}
@@ -113,13 +119,51 @@ module.exports = function normalizeComponent (
     options._scopeId = scopeId
   }
 
-  // inject cssModules
-  if (cssModules) {
-    var computed = options.computed || (options.computed = {})
-    Object.keys(cssModules).forEach((function (key) {
-      var module = cssModules[key]
-      computed[key] = function () { return module }
-    }))
+  var hook
+  if (moduleIdentifier) { // server build
+    hook = function (context) {
+      // 2.3 injection
+      context =
+        context || // cached call
+        (this.$vnode && this.$vnode.ssrContext) || // stateful
+        (this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext) // functional
+      // 2.2 with runInNewContext: true
+      if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {
+        context = __VUE_SSR_CONTEXT__
+      }
+      // inject component styles
+      if (injectStyles) {
+        injectStyles.call(this, context)
+      }
+      // register component module identifier for async chunk inferrence
+      if (context && context._registeredComponents) {
+        context._registeredComponents.add(moduleIdentifier)
+      }
+    }
+    // used by ssr in case component is cached and beforeCreate
+    // never gets called
+    options._ssrRegister = hook
+  } else if (injectStyles) {
+    hook = injectStyles
+  }
+
+  if (hook) {
+    var functional = options.functional
+    var existing = functional
+      ? options.render
+      : options.beforeCreate
+    if (!functional) {
+      // inject component registration as beforeCreate hook
+      options.beforeCreate = existing
+        ? [].concat(existing, hook)
+        : [hook]
+    } else {
+      // register for functioal component in vue file
+      options.render = function renderWithStyleInjection (h, context) {
+        hook.call(context)
+        return existing(h, context)
+      }
+    }
   }
 
   return {
@@ -141,90 +185,52 @@ module.exports = function normalizeComponent (
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+// Theme mixin
+
+// Grab the closest ancestor component's `md-theme` attribute OR grab the
+// `md-name` attribute from an `<md-theme>` component.
+function getAncestorThemeName(component) {
+  if (!component) {
+    return null;
+  }
+
+  var name = component.mdTheme;
+
+  if (!name && component.$options._componentTag === 'md-theme') {
+    name = component.mdName;
+  }
+
+  return name || getAncestorThemeName(component.$parent);
+}
+
 exports.default = {
   props: {
     mdTheme: String
   },
-  data: function data() {
-    return {
-      closestThemedParent: false
-    };
-  },
-  methods: {
-    getClosestThemedParent: function getClosestThemedParent($parent) {
-      if (!$parent || !$parent.$el || $parent._uid === 0) {
-        return false;
-      }
-
-      if ($parent.mdTheme || $parent.mdName) {
-        return $parent;
-      }
-
-      return this.getClosestThemedParent($parent.$parent);
-    }
-  },
   computed: {
+    mdEffectiveTheme: function mdEffectiveTheme() {
+      return getAncestorThemeName(this) || this.$material.currentTheme;
+    },
     themeClass: function themeClass() {
-      if (this.mdTheme) {
-        return 'md-theme-' + this.mdTheme;
-      }
-
-      var theme = this.closestThemedParent.mdTheme;
-
-      if (!theme) {
-        if (this.closestThemedParent) {
-          theme = this.closestThemedParent.mdName;
-        } else {
-          theme = this.$material.currentTheme;
-        }
-      }
-
-      return 'md-theme-' + theme;
+      return this.$material.prefix + this.mdEffectiveTheme;
     }
   },
-  mounted: function mounted() {
-    this.closestThemedParent = this.getClosestThemedParent(this.$parent);
-
-    if (!this.$material.currentTheme) {
-      this.$material.setCurrentTheme('default');
+  watch: {
+    mdTheme: function mdTheme(value) {
+      this.$material.useTheme(value);
     }
+  },
+  beforeMount: function beforeMount() {
+    var localTheme = this.mdTheme;
+
+    this.$material.useTheme(localTheme ? localTheme : 'default');
   }
 };
 module.exports = exports['default'];
 
 /***/ }),
 
-/***/ 101:
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = install;
-
-var _mdIcon = __webpack_require__(288);
-
-var _mdIcon2 = _interopRequireDefault(_mdIcon);
-
-var _mdIcon3 = __webpack_require__(242);
-
-var _mdIcon4 = _interopRequireDefault(_mdIcon3);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function install(Vue) {
-  Vue.component('md-icon', _mdIcon2.default);
-
-  Vue.material.styles.push(_mdIcon4.default);
-}
-module.exports = exports['default'];
-
-/***/ }),
-
-/***/ 151:
+/***/ 154:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -254,6 +260,7 @@ var registeredIcons = {}; //
 //
 
 exports.default = {
+  name: 'md-icon',
   props: {
     mdSrc: String,
     mdIconset: {
@@ -292,32 +299,28 @@ exports.default = {
       }));
     },
     loadSVG: function loadSVG() {
-      var _this2 = this;
-
       if (!registeredIcons[this.mdSrc]) {
-        (function () {
-          var request = new XMLHttpRequest();
-          var self = _this2;
+        var request = new XMLHttpRequest();
+        var self = this;
 
-          request.open('GET', _this2.mdSrc, true);
+        request.open('GET', this.mdSrc, true);
 
-          request.onload = function () {
-            var mimetype = this.getResponseHeader('content-type');
+        request.onload = function () {
+          var mimetype = this.getResponseHeader('content-type');
 
-            if (this.status >= 200 && this.status < 400 && self.isImage(mimetype)) {
-              if (self.isSVG(mimetype)) {
-                registeredIcons[self.mdSrc] = this.response;
-                self.setSVGContent(this.response);
-              } else {
-                self.loadImage();
-              }
+          if (this.status >= 200 && this.status < 400 && self.isImage(mimetype)) {
+            if (self.isSVG(mimetype)) {
+              registeredIcons[self.mdSrc] = this.response;
+              self.setSVGContent(this.response);
             } else {
-              console.warn('The file ' + self.mdSrc + ' is not a valid image.');
+              self.loadImage();
             }
-          };
+          } else {
+            console.warn('The file ' + self.mdSrc + ' is not a valid image.');
+          }
+        };
 
-          request.send();
-        })();
+        request.send();
       } else {
         this.setSVGContent(registeredIcons[this.mdSrc]);
       }
@@ -343,39 +346,42 @@ module.exports = exports['default'];
 
 /***/ }),
 
-/***/ 207:
+/***/ 236:
 /***/ (function(module, exports) {
 
 // removed by extract-text-webpack-plugin
 
 /***/ }),
 
-/***/ 242:
+/***/ 275:
 /***/ (function(module, exports) {
 
 module.exports = ".THEME_NAME.md-icon.md-primary {\n  color: PRIMARY-COLOR; }\n\n.THEME_NAME.md-icon.md-accent {\n  color: ACCENT-COLOR; }\n\n.THEME_NAME.md-icon.md-warn {\n  color: WARN-COLOR; }\n"
 
 /***/ }),
 
-/***/ 288:
+/***/ 324:
 /***/ (function(module, exports, __webpack_require__) {
 
-
-/* styles */
-__webpack_require__(207)
-
+var disposed = false
+function injectStyle (ssrContext) {
+  if (disposed) return
+  __webpack_require__(236)
+}
 var Component = __webpack_require__(0)(
   /* script */
-  __webpack_require__(151),
+  __webpack_require__(154),
   /* template */
-  __webpack_require__(348),
+  __webpack_require__(391),
+  /* styles */
+  injectStyle,
   /* scopeId */
   null,
-  /* cssModules */
+  /* moduleIdentifier (server only) */
   null
 )
-Component.options.__file = "/Users/marcosmoura/Projects/github/vue-material/src/components/mdIcon/mdIcon.vue"
-if (Component.esModule && Object.keys(Component.esModule).some((function (key) {return key !== "default" && key !== "__esModule"}))) {console.error("named exports are not supported in *.vue files.")}
+Component.options.__file = "/Users/pablohpsilva/Code/vue-material/src/components/mdIcon/mdIcon.vue"
+if (Component.esModule && Object.keys(Component.esModule).some((function (key) {return key !== "default" && key.substr(0, 2) !== "__"}))) {console.error("named exports are not supported in *.vue files.")}
 if (Component.options.functional) {console.error("[vue-loader] mdIcon.vue: functional components are not supported with templates, they should use render functions.")}
 
 /* hot reload */
@@ -389,6 +395,9 @@ if (false) {(function () {
   } else {
     hotAPI.reload("data-v-2423dfc4", Component.options)
   }
+  module.hot.dispose((function (data) {
+    disposed = true
+  }))
 })()}
 
 module.exports = Component.exports
@@ -396,7 +405,7 @@ module.exports = Component.exports
 
 /***/ }),
 
-/***/ 348:
+/***/ 391:
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
@@ -430,12 +439,42 @@ if (false) {
 
 /***/ }),
 
-/***/ 409:
+/***/ 458:
 /***/ (function(module, exports, __webpack_require__) {
 
-module.exports = __webpack_require__(101);
+module.exports = __webpack_require__(91);
 
 
+/***/ }),
+
+/***/ 91:
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = install;
+
+var _mdIcon = __webpack_require__(324);
+
+var _mdIcon2 = _interopRequireDefault(_mdIcon);
+
+var _mdIcon3 = __webpack_require__(275);
+
+var _mdIcon4 = _interopRequireDefault(_mdIcon3);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function install(Vue) {
+  Vue.component('md-icon', _mdIcon2.default);
+
+  Vue.material.styles.push(_mdIcon4.default);
+}
+module.exports = exports['default'];
+
 /***/ })
 
 /******/ });