diff --git a/avatar.1c2ea266.js b/avatar.a4498c8a.js
similarity index 92%
rename from avatar.1c2ea266.js
rename to avatar.a4498c8a.js
index b86cd3a..d4f9ff6 100644
--- a/avatar.1c2ea266.js
+++ b/avatar.a4498c8a.js
@@ -1 +1 @@
-webpackJsonp([14,34],{463:function(a,t,d){d(611);var n=d(0)(null,d(581),"data-v-fa87ed6a",null);a.exports=n.exports},543:function(a,t,d){t=a.exports=d(4)(),t.push([a.i,".md-avatar+.md-avatar[data-v-fa87ed6a]{margin-left:8px}",""])},581:function(a,t){a.exports={render:function(){var a=this,t=a.$createElement,d=a._self._c||t;return d("page-content",{attrs:{"page-title":"Components - Avatar"}},[d("docs-component",[d("div",{slot:"description"},[d("p",[a._v("Avatars can be used to represent people. When used with a specific logo, avatars can also be used to represent brand.")]),a._v(" "),d("p",[a._v("The following classes can be applied to change the color palette:")]),a._v(" "),d("ul",{staticClass:"md-body-2"},[d("li",[d("code",[a._v("md-primary")])]),a._v(" "),d("li",[d("code",[a._v("md-accent")])]),a._v(" "),d("li",[d("code",[a._v("md-warn")])])])]),a._v(" "),d("div",{slot:"api"},[d("api-table",{attrs:{name:"md-avatar"}},[d("md-table",{slot:"classes"},[d("md-table-header",[d("md-table-row",[d("md-table-head",[a._v("Name")]),a._v(" "),d("md-table-head",[a._v("Description")])],1)],1),a._v(" "),d("md-table-body",[d("md-table-row",[d("md-table-cell",[a._v("md-avatar-icon")]),a._v(" "),d("md-table-cell",[a._v("Display an icon using md-icon component")])],1),a._v(" "),d("md-table-row",[d("md-table-cell",[a._v("md-large")]),a._v(" "),d("md-table-cell",[a._v("Display large avatar")])],1)],1)],1)],1)],1),a._v(" "),d("div",{slot:"example"},[d("example-box",{attrs:{"card-title":"Default"}},[d("div",{staticClass:"avatar-holder",slot:"demo"},[d("md-avatar",[d("img",{attrs:{src:"assets/avatar.png",alt:"Avatar"}})]),a._v(" "),d("md-avatar",{staticClass:"md-avatar-icon"},[d("md-icon",[a._v("home")])],1),a._v(" "),d("md-avatar",{staticClass:"md-avatar-icon md-primary"},[d("md-icon",[a._v("folder")])],1),a._v(" "),d("md-avatar",{staticClass:"md-avatar-icon md-accent"},[d("md-icon",[a._v("favorite")])],1),a._v(" "),d("md-avatar",{staticClass:"md-avatar-icon md-warn"},[d("md-icon",[a._v("notes")])],1)],1),a._v(" "),d("div",{slot:"code"},[d("code-block",{attrs:{lang:"xml"}},[a._v('\n            <md-avatar>\n              <img src="assets/avatar.png" alt="Avatar">\n            </md-avatar>\n\n            <md-avatar class="md-avatar-icon">\n              <md-icon>home</md-icon>\n            </md-avatar>\n\n            <md-avatar class="md-avatar-icon md-primary">\n              <md-icon>folder</md-icon>\n            </md-avatar>\n\n            <md-avatar class="md-avatar-icon md-accent">\n              <md-icon>favorite</md-icon>\n            </md-avatar>\n\n            <md-avatar class="md-avatar-icon md-warn">\n              <md-icon>notes</md-icon>\n            </md-avatar>\n          ')])],1)]),a._v(" "),d("example-box",{attrs:{"card-title":"Large"}},[d("div",{staticClass:"avatar-holder",slot:"demo"},[d("md-avatar",{staticClass:"md-large"},[d("img",{attrs:{src:"assets/avatar-2.jpg",alt:"People"}})]),a._v(" "),d("md-avatar",{staticClass:"md-avatar-icon md-large"},[d("md-icon",[a._v("home")])],1),a._v(" "),d("md-avatar",{staticClass:"md-avatar-icon md-large md-primary"},[d("md-icon",[a._v("folder")])],1),a._v(" "),d("md-avatar",{staticClass:"md-avatar-icon md-large md-accent"},[d("md-icon",[a._v("favorite")])],1),a._v(" "),d("md-avatar",{staticClass:"md-avatar-icon md-large md-warn"},[d("md-icon",[a._v("notes")])],1)],1),a._v(" "),d("div",{slot:"code"},[d("code-block",{attrs:{lang:"xml"}},[a._v('\n            <md-avatar class="md-large">\n              <img src="assets/avatar-2.jpg" alt="People">\n            </md-avatar>\n\n            <md-avatar class="md-avatar-icon md-large">\n              <md-icon>home</md-icon>\n            </md-avatar>\n\n            <md-avatar class="md-avatar-icon md-large md-primary">\n              <md-icon>folder</md-icon>\n            </md-avatar>\n\n            <md-avatar class="md-avatar-icon md-large md-accent">\n              <md-icon>favorite</md-icon>\n            </md-avatar>\n\n            <md-avatar class="md-avatar-icon md-large md-warn">\n              <md-icon>notes</md-icon>\n            </md-avatar>\n          ')])],1)])],1)])],1)},staticRenderFns:[]}},611:function(a,t,d){var n=d(543);"string"==typeof n&&(n=[[a.i,n,""]]),n.locals&&(a.exports=n.locals);d(5)("5034cab1",n,!0)}});
\ No newline at end of file
+webpackJsonp([13,34],{463:function(a,t,d){d(610);var n=d(0)(null,d(580),"data-v-fa87ed6a",null);a.exports=n.exports},542:function(a,t,d){t=a.exports=d(4)(),t.push([a.i,".md-avatar+.md-avatar[data-v-fa87ed6a]{margin-left:8px}",""])},580:function(a,t){a.exports={render:function(){var a=this,t=a.$createElement,d=a._self._c||t;return d("page-content",{attrs:{"page-title":"Components - Avatar"}},[d("docs-component",[d("div",{slot:"description"},[d("p",[a._v("Avatars can be used to represent people. When used with a specific logo, avatars can also be used to represent brand.")]),a._v(" "),d("p",[a._v("The following classes can be applied to change the color palette:")]),a._v(" "),d("ul",{staticClass:"md-body-2"},[d("li",[d("code",[a._v("md-primary")])]),a._v(" "),d("li",[d("code",[a._v("md-accent")])]),a._v(" "),d("li",[d("code",[a._v("md-warn")])])])]),a._v(" "),d("div",{slot:"api"},[d("api-table",{attrs:{name:"md-avatar"}},[d("md-table",{slot:"classes"},[d("md-table-header",[d("md-table-row",[d("md-table-head",[a._v("Name")]),a._v(" "),d("md-table-head",[a._v("Description")])],1)],1),a._v(" "),d("md-table-body",[d("md-table-row",[d("md-table-cell",[a._v("md-avatar-icon")]),a._v(" "),d("md-table-cell",[a._v("Display an icon using md-icon component")])],1),a._v(" "),d("md-table-row",[d("md-table-cell",[a._v("md-large")]),a._v(" "),d("md-table-cell",[a._v("Display large avatar")])],1)],1)],1)],1)],1),a._v(" "),d("div",{slot:"example"},[d("example-box",{attrs:{"card-title":"Default"}},[d("div",{staticClass:"avatar-holder",slot:"demo"},[d("md-avatar",[d("img",{attrs:{src:"assets/avatar.png",alt:"Avatar"}})]),a._v(" "),d("md-avatar",{staticClass:"md-avatar-icon"},[d("md-icon",[a._v("home")])],1),a._v(" "),d("md-avatar",{staticClass:"md-avatar-icon md-primary"},[d("md-icon",[a._v("folder")])],1),a._v(" "),d("md-avatar",{staticClass:"md-avatar-icon md-accent"},[d("md-icon",[a._v("favorite")])],1),a._v(" "),d("md-avatar",{staticClass:"md-avatar-icon md-warn"},[d("md-icon",[a._v("notes")])],1)],1),a._v(" "),d("div",{slot:"code"},[d("code-block",{attrs:{lang:"xml"}},[a._v('\n            <md-avatar>\n              <img src="assets/avatar.png" alt="Avatar">\n            </md-avatar>\n\n            <md-avatar class="md-avatar-icon">\n              <md-icon>home</md-icon>\n            </md-avatar>\n\n            <md-avatar class="md-avatar-icon md-primary">\n              <md-icon>folder</md-icon>\n            </md-avatar>\n\n            <md-avatar class="md-avatar-icon md-accent">\n              <md-icon>favorite</md-icon>\n            </md-avatar>\n\n            <md-avatar class="md-avatar-icon md-warn">\n              <md-icon>notes</md-icon>\n            </md-avatar>\n          ')])],1)]),a._v(" "),d("example-box",{attrs:{"card-title":"Large"}},[d("div",{staticClass:"avatar-holder",slot:"demo"},[d("md-avatar",{staticClass:"md-large"},[d("img",{attrs:{src:"assets/avatar-2.jpg",alt:"People"}})]),a._v(" "),d("md-avatar",{staticClass:"md-avatar-icon md-large"},[d("md-icon",[a._v("home")])],1),a._v(" "),d("md-avatar",{staticClass:"md-avatar-icon md-large md-primary"},[d("md-icon",[a._v("folder")])],1),a._v(" "),d("md-avatar",{staticClass:"md-avatar-icon md-large md-accent"},[d("md-icon",[a._v("favorite")])],1),a._v(" "),d("md-avatar",{staticClass:"md-avatar-icon md-large md-warn"},[d("md-icon",[a._v("notes")])],1)],1),a._v(" "),d("div",{slot:"code"},[d("code-block",{attrs:{lang:"xml"}},[a._v('\n            <md-avatar class="md-large">\n              <img src="assets/avatar-2.jpg" alt="People">\n            </md-avatar>\n\n            <md-avatar class="md-avatar-icon md-large">\n              <md-icon>home</md-icon>\n            </md-avatar>\n\n            <md-avatar class="md-avatar-icon md-large md-primary">\n              <md-icon>folder</md-icon>\n            </md-avatar>\n\n            <md-avatar class="md-avatar-icon md-large md-accent">\n              <md-icon>favorite</md-icon>\n            </md-avatar>\n\n            <md-avatar class="md-avatar-icon md-large md-warn">\n              <md-icon>notes</md-icon>\n            </md-avatar>\n          ')])],1)])],1)])],1)},staticRenderFns:[]}},610:function(a,t,d){var n=d(542);"string"==typeof n&&(n=[[a.i,n,""]]),n.locals&&(a.exports=n.locals);d(5)("5034cab1",n,!0)}});
\ No newline at end of file
diff --git a/base.468dbabb.js b/base.695f7a2d.js
similarity index 89%
rename from base.468dbabb.js
rename to base.695f7a2d.js
index 29ef58b..521445c 100644
--- a/base.468dbabb.js
+++ b/base.695f7a2d.js
@@ -1 +1 @@
-webpackJsonp([0,34],{458:function(t,e,a){a(609);var n=a(0)(null,a(578),"data-v-d5fc8bb4",null);t.exports=n.exports},459:function(t,e,a){a(598);var n=a(0)(a(496),a(564),null,null);t.exports=n.exports},460:function(t,e,a){a(584);var n=a(0)(null,a(547),"data-v-0f0099be",null);t.exports=n.exports},461:function(t,e,a){a(601);var n=a(0)(null,a(567),"data-v-5856f158",null);t.exports=n.exports},462:function(t,e,a){a(597);var n=a(0)(null,a(562),"data-v-4b645811",null);t.exports=n.exports},496:function(t,e,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={data:function(){return{content:""}},mounted:function(){var t=new XMLHttpRequest,e=this;t.open("GET","/changelog.html",!0),t.setRequestHeader("Content-Type","text/html"),t.onload=function(){e.content=this.response},t.send()}},t.exports=e.default},516:function(t,e,a){e=t.exports=a(4)(),e.push([t.i,"section[data-v-0f0099be]{margin-top:64px;text-align:center}",""])},529:function(t,e,a){e=t.exports=a(4)(),e.push([t.i,".introduction[data-v-4b645811]{max-width:960px;margin:0 auto}.example[data-v-4b645811]{margin-bottom:24px;overflow:hidden}.example img[data-v-4b645811]{margin:-45px auto;display:block}.button-actions[data-v-4b645811]{margin-bottom:16px;text-align:center}.button-actions .introduction[data-v-4b645811]{margin-bottom:.8em;font-size:20px;line-height:1.6em}.button-actions .md-button[data-v-4b645811]{margin-left:0;color:#fff!important}.row[data-v-4b645811]{margin:0 -10px;display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap}.column[data-v-4b645811]{margin:0 10px;-ms-flex:1 1 30%;flex:1 1 30%}@media (max-width:640px){.column[data-v-4b645811]{-ms-flex:1 1 100%;flex:1 1 100%}}",""])},530:function(t,e,a){e=t.exports=a(4)(),e.push([t.i,".changelog section{max-width:960px}.changelog section+section{margin-top:56px}.changelog section .md-headline a{color:inherit}.changelog section ul a{font-weight:700}",""])},533:function(t,e,a){e=t.exports=a(4)(),e.push([t.i,".main-content[data-v-5856f158]{position:relative}article[data-v-5856f158]{max-width:960px}article+article[data-v-5856f158],section+section[data-v-5856f158]{margin-top:36px}.code-block[data-v-5856f158],.md-tabs[data-v-5856f158]{max-width:100%}.md-tab[data-v-5856f158]{border-top:1px solid rgba(0,0,0,.12);padding:0}iframe[data-v-5856f158]{height:auto;min-height:620px}",""])},541:function(t,e,a){e=t.exports=a(4)(),e.push([t.i,"section[data-v-d5fc8bb4]{max-width:960px}section+section[data-v-d5fc8bb4]{margin-top:56px}.author-card[data-v-d5fc8bb4]{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.author-card .md-avatar[data-v-d5fc8bb4]{margin-right:16px}.author-card .author-card-info[data-v-d5fc8bb4]{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-ms-flex:1;flex:1}.author-card span[data-v-d5fc8bb4]{font-size:16px}.author-card .author-card-links[data-v-d5fc8bb4]{display:-ms-flexbox;display:flex}.author-card .author-card-links a+a[data-v-d5fc8bb4]{margin-left:8px}",""])},547:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("page-content",{attrs:{"page-title":"Error"}},[a("div",{staticClass:"main-content"},[a("section",[a("h2",{staticClass:"md-headline"},[t._v("Hmmm. Too bad")]),t._v(" "),a("p",[t._v("Are you searching for a new component? Or maybe you have an question? Get in touch!")]),t._v(" "),a("md-button",{staticClass:"md-primary md-raised",attrs:{href:"mailto:marcosvmmoura@gmail.com?Subject=Vue%20Material%20-%20Question",target:"_blank",rel:"noopener"}},[t._v("E-mail")]),t._v(" "),a("md-button",{staticClass:"md-primary md-raised",attrs:{href:"https://github.com/marcosmoura/vue-material/issues/new",target:"_blank",rel:"noopener"}},[t._v("New Issue")])],1)])])},staticRenderFns:[]}},562:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("page-content",{attrs:{"page-title":"Introduction"}},[a("div",{staticClass:"main-content"},[a("div",{staticClass:"introduction"},[a("div",{staticClass:"button-actions"},[a("div",{staticClass:"example"},[a("img",{attrs:{src:"assets/vue-material-example.png",alt:"Material Design"}})]),t._v(" "),a("div",{staticClass:"introduction"},[t._v("Build well-crafted apps with Material Design and Vue 2")]),t._v(" "),a("md-button",{staticClass:"md-primary md-raised",attrs:{href:"#/getting-started"}},[t._v("Getting Started")]),t._v(" "),a("md-button",{staticClass:"md-primary md-raised",attrs:{href:"https://github.com/marcosmoura/vue-material",target:"_blank",rel:"noopener"}},[t._v("Github")])],1),t._v(" "),a("div",{staticClass:"row"},[a("div",{staticClass:"column"},[a("h2",{staticClass:"md-headline"},[t._v("Material Design")]),t._v(" "),a("p",[t._v("Vue Material is lightweight framework built exactly according to the "),a("a",{attrs:{href:"http://material.google.com",target:"_blank",rel:"noopener"}},[t._v("Material Design")]),t._v(" specs. Build powerful and well-designed web apps that can can fit on every screen.")])]),t._v(" "),a("div",{staticClass:"column"},[a("h2",{staticClass:"md-headline"},[t._v("Full-featured")]),t._v(" "),a("p",[t._v("You can generate and use themes dynamically, use components on demand, take advantage of UI Elements and Components with an ease-to-use API and more...")])]),t._v(" "),a("div",{staticClass:"column"},[a("h2",{staticClass:"md-headline"},[t._v("Compatible")]),t._v(" "),a("p",[t._v("It aims to deliver a collection of reusable components and a series of UI Elements to build applications with support to all modern Web Browsers through Vue 2.0.")])])])])])])},staticRenderFns:[]}},564:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("page-content",{attrs:{"page-title":"Changelog"}},[a("div",{staticClass:"main-content changelog",domProps:{innerHTML:t._s(t.content)}})])},staticRenderFns:[]}},567:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("page-content",{attrs:{"page-title":"Getting Started"}},[a("div",{staticClass:"main-content"},[a("article",[a("section",[a("h2",{staticClass:"md-headline"},[t._v("Include Fonts and Icons")]),t._v(" "),a("p",[t._v("Use Roboto and Google Icons from Google CDN:")]),t._v(" "),a("code-block",{attrs:{lang:"xml"}},[t._v('\n          <link rel="stylesheet" href="//fonts.googleapis.com/css?family=Roboto:300,400,500,700,400italic">\n          <link rel="stylesheet" href="//fonts.googleapis.com/icon?family=Material+Icons">\n        ')])],1)]),t._v(" "),a("article",[a("h2",{staticClass:"md-headline"},[t._v("Installation")]),t._v(" "),a("section",[a("h3",{staticClass:"md-title"},[t._v("NPM")]),t._v(" "),a("p",[t._v("Install Vue Material through npm or yarn "),a("br"),a("small",[t._v("* Others package managers like JSPM and Bower are not supported yet.")])]),t._v(" "),a("code-block",{attrs:{lang:"bash"}},[t._v("\n          $ npm install vue-material --save\n          $ yarn add vue-material\n        ")])],1),t._v(" "),a("section",[a("h3",{staticClass:"md-title"},[t._v("Standalone")]),t._v(" "),a("p",[t._v("Download from Github and reference the script and the stylesheet in your HTML:")]),t._v(" "),a("md-button",{staticClass:"md-raised md-primary",attrs:{href:"https://github.com/marcosmoura/vue-material/archive/master.zip",target:"_blank",rel:"noopener"}},[t._v("download")])],1),t._v(" "),a("section",[a("h3",{staticClass:"md-title"},[t._v("CDN")]),t._v(" "),a("p",[t._v("Include the Vue Material files from unpkg:")]),t._v(" "),a("md-button",{staticClass:"md-raised md-primary",attrs:{href:"https://unpkg.com/vue-material",target:"_blank",rel:"noopener"}},[t._v("Javascript")]),t._v(" "),a("md-button",{staticClass:"md-raised md-primary",attrs:{href:"https://unpkg.com/vue-material/dist/vue-material.css",target:"_blank",rel:"noopener"}},[t._v("CSS")])],1)]),t._v(" "),a("article",[a("h2",{staticClass:"md-headline"},[t._v("Usage")]),t._v(" "),a("section",[a("h3",{staticClass:"md-title"},[t._v("AMD Modules")]),t._v(" "),a("p",[t._v("Import and use the whole library:")]),t._v(" "),a("code-block",{attrs:{lang:"xml"}},[t._v('\n          <link rel="stylesheet" href="path/to/vue-material.css">\n        ')]),t._v(" "),a("code-block",{attrs:{lang:"javascript"}},[t._v("\n          var Vue = require('vue')\n          var VueMaterial = require('vue-material')\n\n          Vue.use(VueMaterial)\n        ")]),t._v(" "),a("p",[t._v("Or to import individual components:")]),t._v(" "),a("code-block",{attrs:{lang:"xml"}},[t._v('\n          <link rel="stylesheet" href="path/to/vue-material/dist/components/mdCore.css">\n          <link rel="stylesheet" href="path/to/vue-material/dist/components/mdButton.css">\n          <link rel="stylesheet" href="path/to/vue-material/dist/components/mdIcon.css">\n          <link rel="stylesheet" href="path/to/vue-material/dist/components/mdSidenav.css">\n          <link rel="stylesheet" href="path/to/vue-material/dist/components/mdToolbar.css">\n        ')]),t._v(" "),a("code-block",{attrs:{lang:"javascript"}},[t._v("\n          var Vue = require('vue')\n          var VueMaterial = require('vue-material')\n\n          Vue.use(VueMaterial.mdCore) //Required to boot vue material\n          Vue.use(VueMaterial.mdButton)\n          Vue.use(VueMaterial.mdIcon)\n          Vue.use(VueMaterial.mdSidenav)\n          Vue.use(VueMaterial.mdToolbar)\n        ")]),t._v(" "),a("p",[a("strong",[t._v("Note:")]),t._v(" If you are using Webpack you can still import the css files inside your modules. And you can also write everything using ES6 with Babel or Bublé.")])],1),t._v(" "),a("section",[a("h3",{staticClass:"md-title"},[t._v("Standalone")]),t._v(" "),a("code-block",{attrs:{lang:"xml"}},[t._v('\n          <link rel="stylesheet" href="path/to/vue-material.css">\n          <script src="path/to/vue-material.js"></script>\n        ')]),t._v(" "),a("code-block",{attrs:{lang:"javascript"}},[t._v("\n          // The VueMaterial variable is global\n          Vue.use(VueMaterial)\n        ")])],1)]),t._v(" "),a("article",[a("h2",{staticClass:"md-headline"},[t._v("Codepen Examples")]),t._v(" "),a("section",[a("h3",{staticClass:"md-title"},[t._v("Playground")]),t._v(" "),a("iframe",{staticStyle:{width:"100%"},attrs:{height:"620",scrolling:"no",title:"Empty Setup",src:"//codepen.io/vue-material/embed/VmMrYW/?height=620&theme-id=dark&default-tab=html,result&embed-version=2",frameborder:"no",allowtransparency:"true",allowfullscreen:"true"}},[t._v("See the Pen "),a("a",{attrs:{href:"http://codepen.io/vue-material/pen/VmMrYW/"}},[t._v("Empty Setup")]),t._v(" by Vue Material ("),a("a",{attrs:{href:"http://codepen.io/vue-material"}},[t._v("@vue-material")]),t._v(") on "),a("a",{attrs:{href:"http://codepen.io"}},[t._v("CodePen")]),t._v(".")])],1),t._v(" "),a("section",[a("h3",{staticClass:"md-title"},[t._v("File Application UI")]),t._v(" "),a("iframe",{attrs:{width:"360",height:"610",scrolling:"no",title:"File Application UI",src:"//codepen.io/vue-material/embed/WoZpMR/?height=610&theme-id=dark&default-tab=result&embed-version=2",frameborder:"no",allowtransparency:"true",allowfullscreen:"true"}},[t._v("See the Pen "),a("a",{attrs:{href:"http://codepen.io/vue-material/pen/WoZpMR/"}},[t._v("Vue Material Example")]),t._v(" by Vue Material ("),a("a",{attrs:{href:"http://codepen.io/vue-material"}},[t._v("@vue-material")]),t._v(") on "),a("a",{attrs:{href:"http://codepen.io"}},[t._v("CodePen")]),t._v(".")])],1)])])])},staticRenderFns:[]}},578:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("page-content",{attrs:{"page-title":"About"}},[a("div",{staticClass:"main-content"},[a("section",[a("h2",{staticClass:"md-headline"},[t._v("Author")]),t._v(" "),a("div",{staticClass:"author-card"},[a("md-avatar",{staticClass:"md-large"},[a("img",{attrs:{src:"assets/marcosmoura.jpg",alt:"Marcos Moura"}})]),t._v(" "),a("div",{staticClass:"author-card-info"},[a("span",[t._v("Marcos Moura")]),t._v(" "),a("div",{staticClass:"author-card-links"},[a("a",{attrs:{href:"https://github.com/marcosmoura",target:"_blank",rel:"noopener"}},[t._v("GitHub")]),t._v(" "),a("a",{attrs:{href:"https://linkedin.com/in/marcosvmmoura",target:"_blank",rel:"noopener"}},[t._v("Linkedin")])])])],1)]),t._v(" "),a("section",[a("h2",{staticClass:"md-headline"},[t._v("Browser Support")]),t._v(" "),a("p",[t._v("Vue Material supports the latest version of all Browsers. This means:")]),t._v(" "),a("ul",[a("li",[t._v("Google Chrome 52+")]),t._v(" "),a("li",[t._v("Firefox 48+ ")]),t._v(" "),a("li",[t._v("Safari 9+ ")]),t._v(" "),a("li",[t._v("Opera 38+ ")]),t._v(" "),a("li",[t._v("Edge 12+ ")]),t._v(" "),a("li",[t._v("IE 11")])])]),t._v(" "),a("section",[a("h2",{staticClass:"md-headline"},[t._v("Credits and Thanks")]),t._v(" "),a("ul",[a("li",[t._v("This library aims to delivery components using almost the same API of "),a("a",{attrs:{href:"https://material.angularjs.org/latest/",target:"_blank"}},[t._v("Angular Material")])]),t._v(" "),a("li",[t._v("Thanks a lot to "),a("a",{attrs:{href:"https://github.com/elviskang",target:"_blank"}},[t._v("elviskang")]),t._v(" for donating the npm package name!")]),t._v(" "),a("li",[t._v("Thanks to "),a("a",{attrs:{href:"https://github.com/yyx990803",target:"_blank"}},[t._v("Evan You")]),t._v(" for allowing me to use Vue.js Logo.")])])]),t._v(" "),a("section",[a("h2",{staticClass:"md-headline"},[t._v("Internal Dependencies")]),t._v("\n      You don't need to include any other library to work with vue-material. The focus of this project is to have a standalone build with no external dependence, but aiming to deliver the best experience without break the compatibility with the Vue.js core.\n      "),a("ul",[a("li",[a("a",{attrs:{href:"http://vuejs.org",rel:"noopener",target:"_blank"}},[t._v("Vue")])]),t._v(" "),a("li",[a("a",{attrs:{href:"http://www.jacklmoore.com/autosize/",rel:"noopener",target:"_blank"}},[t._v("autosize")])]),t._v(" "),a("li",[a("a",{attrs:{href:"https://www.npmjs.com/package/element.scrollintoviewifneeded-polyfill",rel:"noopener",target:"_blank"}},[t._v("element.scrollintoviewifneeded-polyfill")])])])]),t._v(" "),a("section",[a("h2",{staticClass:"md-headline"},[t._v("License")]),t._v(" "),a("p",[t._v("MIT")])])])])},staticRenderFns:[]}},584:function(t,e,a){var n=a(516);"string"==typeof n&&(n=[[t.i,n,""]]),n.locals&&(t.exports=n.locals);a(5)("352e59d3",n,!0)},597:function(t,e,a){var n=a(529);"string"==typeof n&&(n=[[t.i,n,""]]),n.locals&&(t.exports=n.locals);a(5)("199395ae",n,!0)},598:function(t,e,a){var n=a(530);"string"==typeof n&&(n=[[t.i,n,""]]),n.locals&&(t.exports=n.locals);a(5)("26805dbd",n,!0)},601:function(t,e,a){var n=a(533);"string"==typeof n&&(n=[[t.i,n,""]]),n.locals&&(t.exports=n.locals);a(5)("2dbdff63",n,!0)},609:function(t,e,a){var n=a(541);"string"==typeof n&&(n=[[t.i,n,""]]),n.locals&&(t.exports=n.locals);a(5)("67e1d49f",n,!0)}});
\ No newline at end of file
+webpackJsonp([0,34],{458:function(t,e,a){a(608);var n=a(0)(null,a(577),"data-v-d5fc8bb4",null);t.exports=n.exports},459:function(t,e,a){a(597);var n=a(0)(a(496),a(563),null,null);t.exports=n.exports},460:function(t,e,a){a(583);var n=a(0)(null,a(546),"data-v-0f0099be",null);t.exports=n.exports},461:function(t,e,a){a(600);var n=a(0)(null,a(566),"data-v-5856f158",null);t.exports=n.exports},462:function(t,e,a){a(596);var n=a(0)(null,a(561),"data-v-4b645811",null);t.exports=n.exports},496:function(t,e,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={data:function(){return{content:""}},mounted:function(){var t=new XMLHttpRequest,e=this;t.open("GET","/changelog.html",!0),t.setRequestHeader("Content-Type","text/html"),t.onload=function(){e.content=this.response},t.send()}},t.exports=e.default},515:function(t,e,a){e=t.exports=a(4)(),e.push([t.i,"section[data-v-0f0099be]{margin-top:64px;text-align:center}",""])},528:function(t,e,a){e=t.exports=a(4)(),e.push([t.i,".introduction[data-v-4b645811]{max-width:960px;margin:0 auto}.example[data-v-4b645811]{margin-bottom:24px;overflow:hidden}.example img[data-v-4b645811]{margin:-45px auto;display:block}.button-actions[data-v-4b645811]{margin-bottom:16px;text-align:center}.button-actions .introduction[data-v-4b645811]{margin-bottom:.8em;font-size:20px;line-height:1.6em}.button-actions .md-button[data-v-4b645811]{margin-left:0;color:#fff!important}.row[data-v-4b645811]{margin:0 -10px;display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap}.column[data-v-4b645811]{margin:0 10px;-ms-flex:1 1 30%;flex:1 1 30%}@media (max-width:640px){.column[data-v-4b645811]{-ms-flex:1 1 100%;flex:1 1 100%}}",""])},529:function(t,e,a){e=t.exports=a(4)(),e.push([t.i,".changelog section{max-width:960px}.changelog section+section{margin-top:56px}.changelog section .md-headline a{color:inherit}.changelog section ul a{font-weight:700}",""])},532:function(t,e,a){e=t.exports=a(4)(),e.push([t.i,".main-content[data-v-5856f158]{position:relative}article[data-v-5856f158]{max-width:960px}article+article[data-v-5856f158],section+section[data-v-5856f158]{margin-top:36px}.code-block[data-v-5856f158],.md-tabs[data-v-5856f158]{max-width:100%}.md-tab[data-v-5856f158]{border-top:1px solid rgba(0,0,0,.12);padding:0}iframe[data-v-5856f158]{height:auto;min-height:620px}",""])},540:function(t,e,a){e=t.exports=a(4)(),e.push([t.i,"section[data-v-d5fc8bb4]{max-width:960px}section+section[data-v-d5fc8bb4]{margin-top:56px}.author-card[data-v-d5fc8bb4]{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.author-card .md-avatar[data-v-d5fc8bb4]{margin-right:16px}.author-card .author-card-info[data-v-d5fc8bb4]{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-ms-flex:1;flex:1}.author-card span[data-v-d5fc8bb4]{font-size:16px}.author-card .author-card-links[data-v-d5fc8bb4]{display:-ms-flexbox;display:flex}.author-card .author-card-links a+a[data-v-d5fc8bb4]{margin-left:8px}",""])},546:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("page-content",{attrs:{"page-title":"Error"}},[a("div",{staticClass:"main-content"},[a("section",[a("h2",{staticClass:"md-headline"},[t._v("Hmmm. Too bad")]),t._v(" "),a("p",[t._v("Are you searching for a new component? Or maybe you have an question? Get in touch!")]),t._v(" "),a("md-button",{staticClass:"md-primary md-raised",attrs:{href:"mailto:marcosvmmoura@gmail.com?Subject=Vue%20Material%20-%20Question",target:"_blank",rel:"noopener"}},[t._v("E-mail")]),t._v(" "),a("md-button",{staticClass:"md-primary md-raised",attrs:{href:"https://github.com/marcosmoura/vue-material/issues/new",target:"_blank",rel:"noopener"}},[t._v("New Issue")])],1)])])},staticRenderFns:[]}},561:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("page-content",{attrs:{"page-title":"Introduction"}},[a("div",{staticClass:"main-content"},[a("div",{staticClass:"introduction"},[a("div",{staticClass:"button-actions"},[a("div",{staticClass:"example"},[a("img",{attrs:{src:"assets/vue-material-example.png",alt:"Material Design"}})]),t._v(" "),a("div",{staticClass:"introduction"},[t._v("Build well-crafted apps with Material Design and Vue 2")]),t._v(" "),a("md-button",{staticClass:"md-primary md-raised",attrs:{href:"#/getting-started"}},[t._v("Getting Started")]),t._v(" "),a("md-button",{staticClass:"md-primary md-raised",attrs:{href:"https://github.com/marcosmoura/vue-material",target:"_blank",rel:"noopener"}},[t._v("Github")])],1),t._v(" "),a("div",{staticClass:"row"},[a("div",{staticClass:"column"},[a("h2",{staticClass:"md-headline"},[t._v("Material Design")]),t._v(" "),a("p",[t._v("Vue Material is lightweight framework built exactly according to the "),a("a",{attrs:{href:"http://material.google.com",target:"_blank",rel:"noopener"}},[t._v("Material Design")]),t._v(" specs. Build powerful and well-designed web apps that can can fit on every screen.")])]),t._v(" "),a("div",{staticClass:"column"},[a("h2",{staticClass:"md-headline"},[t._v("Full-featured")]),t._v(" "),a("p",[t._v("You can generate and use themes dynamically, use components on demand, take advantage of UI Elements and Components with an ease-to-use API and more...")])]),t._v(" "),a("div",{staticClass:"column"},[a("h2",{staticClass:"md-headline"},[t._v("Compatible")]),t._v(" "),a("p",[t._v("It aims to deliver a collection of reusable components and a series of UI Elements to build applications with support to all modern Web Browsers through Vue 2.0.")])])])])])])},staticRenderFns:[]}},563:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("page-content",{attrs:{"page-title":"Changelog"}},[a("div",{staticClass:"main-content changelog",domProps:{innerHTML:t._s(t.content)}})])},staticRenderFns:[]}},566:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("page-content",{attrs:{"page-title":"Getting Started"}},[a("div",{staticClass:"main-content"},[a("article",[a("section",[a("h2",{staticClass:"md-headline"},[t._v("Include Fonts and Icons")]),t._v(" "),a("p",[t._v("Use Roboto and Google Icons from Google CDN:")]),t._v(" "),a("code-block",{attrs:{lang:"xml"}},[t._v('\n          <link rel="stylesheet" href="//fonts.googleapis.com/css?family=Roboto:300,400,500,700,400italic">\n          <link rel="stylesheet" href="//fonts.googleapis.com/icon?family=Material+Icons">\n        ')])],1)]),t._v(" "),a("article",[a("h2",{staticClass:"md-headline"},[t._v("Installation")]),t._v(" "),a("section",[a("h3",{staticClass:"md-title"},[t._v("NPM")]),t._v(" "),a("p",[t._v("Install Vue Material through npm or yarn "),a("br"),a("small",[t._v("* Others package managers like JSPM and Bower are not supported yet.")])]),t._v(" "),a("code-block",{attrs:{lang:"bash"}},[t._v("\n          $ npm install vue-material --save\n          $ yarn add vue-material\n        ")])],1),t._v(" "),a("section",[a("h3",{staticClass:"md-title"},[t._v("Standalone")]),t._v(" "),a("p",[t._v("Download from Github and reference the script and the stylesheet in your HTML:")]),t._v(" "),a("md-button",{staticClass:"md-raised md-primary",attrs:{href:"https://github.com/marcosmoura/vue-material/archive/master.zip",target:"_blank",rel:"noopener"}},[t._v("download")])],1),t._v(" "),a("section",[a("h3",{staticClass:"md-title"},[t._v("CDN")]),t._v(" "),a("p",[t._v("Include the Vue Material files from unpkg:")]),t._v(" "),a("md-button",{staticClass:"md-raised md-primary",attrs:{href:"https://unpkg.com/vue-material",target:"_blank",rel:"noopener"}},[t._v("Javascript")]),t._v(" "),a("md-button",{staticClass:"md-raised md-primary",attrs:{href:"https://unpkg.com/vue-material/dist/vue-material.css",target:"_blank",rel:"noopener"}},[t._v("CSS")])],1)]),t._v(" "),a("article",[a("h2",{staticClass:"md-headline"},[t._v("Usage")]),t._v(" "),a("section",[a("h3",{staticClass:"md-title"},[t._v("AMD Modules")]),t._v(" "),a("p",[t._v("Import and use the whole library:")]),t._v(" "),a("code-block",{attrs:{lang:"xml"}},[t._v('\n          <link rel="stylesheet" href="path/to/vue-material.css">\n        ')]),t._v(" "),a("code-block",{attrs:{lang:"javascript"}},[t._v("\n          var Vue = require('vue')\n          var VueMaterial = require('vue-material')\n\n          Vue.use(VueMaterial)\n        ")]),t._v(" "),a("p",[t._v("Or to import individual components:")]),t._v(" "),a("code-block",{attrs:{lang:"xml"}},[t._v('\n          <link rel="stylesheet" href="path/to/vue-material/dist/components/mdCore.css">\n          <link rel="stylesheet" href="path/to/vue-material/dist/components/mdButton.css">\n          <link rel="stylesheet" href="path/to/vue-material/dist/components/mdIcon.css">\n          <link rel="stylesheet" href="path/to/vue-material/dist/components/mdSidenav.css">\n          <link rel="stylesheet" href="path/to/vue-material/dist/components/mdToolbar.css">\n        ')]),t._v(" "),a("code-block",{attrs:{lang:"javascript"}},[t._v("\n          var Vue = require('vue')\n          var VueMaterial = require('vue-material')\n\n          Vue.use(VueMaterial.mdCore) //Required to boot vue material\n          Vue.use(VueMaterial.mdButton)\n          Vue.use(VueMaterial.mdIcon)\n          Vue.use(VueMaterial.mdSidenav)\n          Vue.use(VueMaterial.mdToolbar)\n        ")]),t._v(" "),a("p",[a("strong",[t._v("Note:")]),t._v(" If you are using Webpack you can still import the css files inside your modules. And you can also write everything using ES6 with Babel or Bublé.")])],1),t._v(" "),a("section",[a("h3",{staticClass:"md-title"},[t._v("Standalone")]),t._v(" "),a("code-block",{attrs:{lang:"xml"}},[t._v('\n          <link rel="stylesheet" href="path/to/vue-material.css">\n          <script src="path/to/vue-material.js"></script>\n        ')]),t._v(" "),a("code-block",{attrs:{lang:"javascript"}},[t._v("\n          // The VueMaterial variable is global\n          Vue.use(VueMaterial)\n        ")])],1)]),t._v(" "),a("article",[a("h2",{staticClass:"md-headline"},[t._v("Codepen Examples")]),t._v(" "),a("section",[a("h3",{staticClass:"md-title"},[t._v("Playground")]),t._v(" "),a("iframe",{staticStyle:{width:"100%"},attrs:{height:"620",scrolling:"no",title:"Empty Setup",src:"//codepen.io/vue-material/embed/VmMrYW/?height=620&theme-id=dark&default-tab=html,result&embed-version=2",frameborder:"no",allowtransparency:"true",allowfullscreen:"true"}},[t._v("See the Pen "),a("a",{attrs:{href:"http://codepen.io/vue-material/pen/VmMrYW/"}},[t._v("Empty Setup")]),t._v(" by Vue Material ("),a("a",{attrs:{href:"http://codepen.io/vue-material"}},[t._v("@vue-material")]),t._v(") on "),a("a",{attrs:{href:"http://codepen.io"}},[t._v("CodePen")]),t._v(".")])],1),t._v(" "),a("section",[a("h3",{staticClass:"md-title"},[t._v("File Application UI")]),t._v(" "),a("iframe",{attrs:{width:"360",height:"610",scrolling:"no",title:"File Application UI",src:"//codepen.io/vue-material/embed/WoZpMR/?height=610&theme-id=dark&default-tab=result&embed-version=2",frameborder:"no",allowtransparency:"true",allowfullscreen:"true"}},[t._v("See the Pen "),a("a",{attrs:{href:"http://codepen.io/vue-material/pen/WoZpMR/"}},[t._v("Vue Material Example")]),t._v(" by Vue Material ("),a("a",{attrs:{href:"http://codepen.io/vue-material"}},[t._v("@vue-material")]),t._v(") on "),a("a",{attrs:{href:"http://codepen.io"}},[t._v("CodePen")]),t._v(".")])],1)])])])},staticRenderFns:[]}},577:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("page-content",{attrs:{"page-title":"About"}},[a("div",{staticClass:"main-content"},[a("section",[a("h2",{staticClass:"md-headline"},[t._v("Author")]),t._v(" "),a("div",{staticClass:"author-card"},[a("md-avatar",{staticClass:"md-large"},[a("img",{attrs:{src:"assets/marcosmoura.jpg",alt:"Marcos Moura"}})]),t._v(" "),a("div",{staticClass:"author-card-info"},[a("span",[t._v("Marcos Moura")]),t._v(" "),a("div",{staticClass:"author-card-links"},[a("a",{attrs:{href:"https://github.com/marcosmoura",target:"_blank",rel:"noopener"}},[t._v("GitHub")]),t._v(" "),a("a",{attrs:{href:"https://linkedin.com/in/marcosvmmoura",target:"_blank",rel:"noopener"}},[t._v("Linkedin")])])])],1)]),t._v(" "),a("section",[a("h2",{staticClass:"md-headline"},[t._v("Browser Support")]),t._v(" "),a("p",[t._v("Vue Material supports the latest version of all Browsers. This means:")]),t._v(" "),a("ul",[a("li",[t._v("Google Chrome 52+")]),t._v(" "),a("li",[t._v("Firefox 48+ ")]),t._v(" "),a("li",[t._v("Safari 9+ ")]),t._v(" "),a("li",[t._v("Opera 38+ ")]),t._v(" "),a("li",[t._v("Edge 12+ ")]),t._v(" "),a("li",[t._v("IE 11")])])]),t._v(" "),a("section",[a("h2",{staticClass:"md-headline"},[t._v("Credits and Thanks")]),t._v(" "),a("ul",[a("li",[t._v("This library aims to delivery components using almost the same API of "),a("a",{attrs:{href:"https://material.angularjs.org/latest/",target:"_blank"}},[t._v("Angular Material")])]),t._v(" "),a("li",[t._v("Thanks a lot to "),a("a",{attrs:{href:"https://github.com/elviskang",target:"_blank"}},[t._v("elviskang")]),t._v(" for donating the npm package name!")]),t._v(" "),a("li",[t._v("Thanks to "),a("a",{attrs:{href:"https://github.com/yyx990803",target:"_blank"}},[t._v("Evan You")]),t._v(" for allowing me to use Vue.js Logo.")])])]),t._v(" "),a("section",[a("h2",{staticClass:"md-headline"},[t._v("Internal Dependencies")]),t._v("\n      You don't need to include any other library to work with vue-material. The focus of this project is to have a standalone build with no external dependence, but aiming to deliver the best experience without break the compatibility with the Vue.js core.\n      "),a("ul",[a("li",[a("a",{attrs:{href:"http://vuejs.org",rel:"noopener",target:"_blank"}},[t._v("Vue")])]),t._v(" "),a("li",[a("a",{attrs:{href:"http://www.jacklmoore.com/autosize/",rel:"noopener",target:"_blank"}},[t._v("autosize")])]),t._v(" "),a("li",[a("a",{attrs:{href:"https://www.npmjs.com/package/element.scrollintoviewifneeded-polyfill",rel:"noopener",target:"_blank"}},[t._v("element.scrollintoviewifneeded-polyfill")])])])]),t._v(" "),a("section",[a("h2",{staticClass:"md-headline"},[t._v("License")]),t._v(" "),a("p",[t._v("MIT")])])])])},staticRenderFns:[]}},583:function(t,e,a){var n=a(515);"string"==typeof n&&(n=[[t.i,n,""]]),n.locals&&(t.exports=n.locals);a(5)("352e59d3",n,!0)},596:function(t,e,a){var n=a(528);"string"==typeof n&&(n=[[t.i,n,""]]),n.locals&&(t.exports=n.locals);a(5)("199395ae",n,!0)},597:function(t,e,a){var n=a(529);"string"==typeof n&&(n=[[t.i,n,""]]),n.locals&&(t.exports=n.locals);a(5)("26805dbd",n,!0)},600:function(t,e,a){var n=a(532);"string"==typeof n&&(n=[[t.i,n,""]]),n.locals&&(t.exports=n.locals);a(5)("2dbdff63",n,!0)},608:function(t,e,a){var n=a(540);"string"==typeof n&&(n=[[t.i,n,""]]),n.locals&&(t.exports=n.locals);a(5)("67e1d49f",n,!0)}});
\ No newline at end of file
diff --git a/bottom-bar.d91c96eb.js b/bottom-bar.e6f88ccc.js
similarity index 96%
rename from bottom-bar.d91c96eb.js
rename to bottom-bar.e6f88ccc.js
index e816626..b9eb3ff 100644
--- a/bottom-bar.d91c96eb.js
+++ b/bottom-bar.e6f88ccc.js
@@ -1 +1 @@
-webpackJsonp([13,34],{464:function(t,e,o){o(610);var m=o(0)(o(497),o(579),"data-v-e0487734",null);t.exports=m.exports},497:function(t,e,o){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={data:function(){return{playground:{theme:"brown"}}},methods:{setTheme:function(t){this.playground.theme=t}}},t.exports=e.default},542:function(t,e,o){e=t.exports=o(4)(),e.push([t.i,".md-bottom-bar[data-v-e0487734]{position:absolute;right:0;bottom:0;left:0}.phone-viewport[data-v-e0487734]{width:320px;height:150px;margin-right:16px;display:inline-block;position:relative;overflow:hidden;background-color:#ededed}",""])},579:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("page-content",{attrs:{"page-title":"Components - Bottom Bar"}},[o("docs-component",[o("div",{slot:"description"},[o("p",[t._v("Bottom navigation bars make it easy to explore and switch between top-level views in a single tap.")]),t._v(" "),o("p",[t._v("The following classes can be applied to change the color palette:")]),t._v(" "),o("ul",{staticClass:"md-body-2"},[o("li",[o("code",[t._v("md-accent")])]),t._v(" "),o("li",[o("code",[t._v("md-warn")])]),t._v(" "),o("li",[o("code",[t._v("md-transparent")])])])]),t._v(" "),o("div",{slot:"api"},[o("api-table",{attrs:{name:"md-bottom-bar"}},[o("md-table",{slot:"properties"},[o("md-table-header",[o("md-table-row",[o("md-table-head",[t._v("Name")]),t._v(" "),o("md-table-head",[t._v("Type")]),t._v(" "),o("md-table-head",[t._v("Description")])],1)],1),t._v(" "),o("md-table-body",[o("md-table-row",[o("md-table-cell",[t._v("md-shift")]),t._v(" "),o("md-table-cell",[o("code",[t._v("Boolean")])]),t._v(" "),o("md-table-cell",[t._v("Enable the shifting variant. Default "),o("code",[t._v("false")])])],1)],1)],1),t._v(" "),o("md-table",{slot:"events"},[o("md-table-header",[o("md-table-row",[o("md-table-head",[t._v("Name")]),t._v(" "),o("md-table-head",[t._v("Value")]),t._v(" "),o("md-table-head",[t._v("Description")])],1)],1),t._v(" "),o("md-table-body",[o("md-table-row",[o("md-table-cell",[t._v("change")]),t._v(" "),o("md-table-cell",[t._v("Receive the item index")]),t._v(" "),o("md-table-cell",[t._v("Triggered when an item is activated.")])],1)],1)],1)],1),t._v(" "),o("api-table",{attrs:{name:"md-bottom-bar-item"}},[o("md-table",{slot:"properties"},[o("md-table-header",[o("md-table-row",[o("md-table-head",[t._v("Name")]),t._v(" "),o("md-table-head",[t._v("Type")]),t._v(" "),o("md-table-head",[t._v("Description")])],1)],1),t._v(" "),o("md-table-body",[o("md-table-row",[o("md-table-cell",[t._v("md-icon")]),t._v(" "),o("md-table-cell",[o("code",[t._v("String")])]),t._v(" "),o("md-table-cell",[t._v("Icon name on the "),o("a",{attrs:{href:"https://material.io/icons/",target:"_blank",rel:"noopener"}},[t._v("Material Icons")]),t._v(" docs.")])],1),t._v(" "),o("md-table-row",[o("md-table-cell",[t._v("md-icon-src")]),t._v(" "),o("md-table-cell",[o("code",[t._v("String")])]),t._v(" "),o("md-table-cell",[t._v("Set icon src url. See "),o("a",{attrs:{href:"#/components/Icon"}},[t._v("Icon ")]),t._v(" component for more details.")])],1),t._v(" "),o("md-table-row",[o("md-table-cell",[t._v("md-iconset")]),t._v(" "),o("md-table-cell",[o("code",[t._v("String")])]),t._v(" "),o("md-table-cell",[t._v("Set the 3rd party iconset to use. See "),o("a",{attrs:{href:"#/components/Icon"}},[t._v("Icon ")]),t._v(" component for more details.")])],1),t._v(" "),o("md-table-row",[o("md-table-cell",[t._v("md-active")]),t._v(" "),o("md-table-cell",[o("code",[t._v("Boolean")])]),t._v(" "),o("md-table-cell",[t._v("Set initial selection. Default "),o("code",[t._v("false")])])],1),t._v(" "),o("md-table-row",[o("md-table-cell",[t._v("href")]),t._v(" "),o("md-table-cell",[o("code",[t._v("String")])]),t._v(" "),o("md-table-cell",[t._v("Create a anchor on the item - In this case the generated tag will be "),o("code",[t._v("<a>")]),t._v(".")])],1),t._v(" "),o("md-table-row",[o("md-table-cell",[t._v("disabled")]),t._v(" "),o("md-table-cell",[o("code",[t._v("Boolean")])]),t._v(" "),o("md-table-cell",[t._v("Disable the item and prevent his actions. Default "),o("code",[t._v("false")])])],1)],1)],1)],1)],1),t._v(" "),o("div",{slot:"example"},[o("example-box",{attrs:{"card-title":"Default"}},[o("div",{slot:"demo"},[o("div",{staticClass:"phone-viewport"},[o("md-bottom-bar",[o("md-bottom-bar-item",{attrs:{"md-icon":"history"}},[t._v("Recents")]),t._v(" "),o("md-bottom-bar-item",{attrs:{"md-icon":"favorite","md-active":""}},[t._v("Favorites")]),t._v(" "),o("md-bottom-bar-item",{attrs:{"md-icon":"near_me"}},[t._v("Nearby")])],1)],1)]),t._v(" "),o("div",{slot:"code"},[o("code-block",{attrs:{lang:"xml"}},[t._v('\n            <md-bottom-bar>\n              <md-bottom-bar-item md-icon="history">Recents</md-bottom-bar-item>\n              <md-bottom-bar-item md-icon="favorite" md-active>Favorites</md-bottom-bar-item>\n              <md-bottom-bar-item md-icon="near_me">Nearby</md-bottom-bar-item>\n            </md-bottom-bar>\n          ')])],1)]),t._v(" "),o("example-box",{attrs:{"card-title":"Using SVG"}},[o("div",{slot:"demo"},[o("div",{staticClass:"phone-viewport"},[o("md-bottom-bar",[o("md-bottom-bar-item",{attrs:{"md-icon-src":"assets/icon-home.svg"}},[t._v("Recents")]),t._v(" "),o("md-bottom-bar-item",{attrs:{"md-icon-src":"assets/icon-home.svg","md-active":""}},[t._v("Favorites")]),t._v(" "),o("md-bottom-bar-item",{attrs:{"md-icon-src":"assets/icon-home.svg"}},[t._v("Nearby")])],1)],1)]),t._v(" "),o("div",{slot:"code"},[o("code-block",{attrs:{lang:"xml"}},[t._v('\n            <md-bottom-bar>\n              <md-bottom-bar-item md-icon-src="assets/icon-home.svg">Recents</md-bottom-bar-item>\n              <md-bottom-bar-item md-icon-src="assets/icon-home.svg" md-active>Favorites</md-bottom-bar-item>\n              <md-bottom-bar-item md-icon-src="assets/icon-home.svg">Nearby</md-bottom-bar-item>\n            </md-bottom-bar>\n          ')])],1)]),t._v(" "),o("example-box",{attrs:{"card-title":"Using Iconsets"}},[o("div",{slot:"demo"},[o("link",{attrs:{rel:"stylesheet",href:"https://cdnjs.cloudflare.com/ajax/libs/simple-line-icons/2.4.1/css/simple-line-icons.min.css"}}),t._v(" "),o("div",[t._v("This example uses "),o("a",{attrs:{href:"http://simplelineicons.com/",target:"simple_line"}},[t._v("Simple Line Icons")])]),t._v(" "),o("div",{staticClass:"phone-viewport"},[o("md-bottom-bar",[o("md-bottom-bar-item",{attrs:{"md-iconset":"icon-speedometer"}},[t._v("Recents")]),t._v(" "),o("md-bottom-bar-item",{attrs:{"md-iconset":"icon-heart","md-active":""}},[t._v("Favorites")]),t._v(" "),o("md-bottom-bar-item",{attrs:{"md-iconset":"icon-cursor"}},[t._v("Nearby")])],1)],1)]),t._v(" "),o("div",{slot:"code"},[o("code-block",{attrs:{lang:"xml"}},[t._v('\n            <md-bottom-bar>\n              <md-bottom-bar-item md-iconset="icon-speedometer">Recents</md-bottom-bar-item>\n              <md-bottom-bar-item md-iconset="icon-heart" md-active>Favorites</md-bottom-bar-item>\n              <md-bottom-bar-item md-iconset="icon-cursor">Nearby</md-bottom-bar-item>\n            </md-bottom-bar>\n          ')])],1)]),t._v(" "),o("example-box",{attrs:{"card-title":"Shifting"}},[o("div",{slot:"demo"},[o("div",{staticClass:"phone-viewport"},[o("md-bottom-bar",{attrs:{"md-shift":""}},[o("md-bottom-bar-item",{attrs:{"md-icon":"ondemand_video"}},[t._v("Movies")]),t._v(" "),o("md-bottom-bar-item",{attrs:{"md-icon":"music_note"}},[t._v("Music")]),t._v(" "),o("md-bottom-bar-item",{attrs:{"md-icon":"books","md-active":""}},[t._v("Books")]),t._v(" "),o("md-bottom-bar-item",{attrs:{"md-icon":"photo"}},[t._v("Pictures")])],1)],1)]),t._v(" "),o("div",{slot:"code"},[o("code-block",{attrs:{lang:"xml"}},[t._v('\n            <md-bottom-bar md-shift>\n              <md-bottom-bar-item md-icon="ondemand_video">Movies</md-bottom-bar-item>\n              <md-bottom-bar-item md-icon="music_note">Music</md-bottom-bar-item>\n              <md-bottom-bar-item md-icon="books" md-active>Books</md-bottom-bar-item>\n              <md-bottom-bar-item md-icon="photo">Pictures</md-bottom-bar-item>\n            </md-bottom-bar>\n          ')])],1)]),t._v(" "),o("example-box",{attrs:{"card-title":"Themes"}},[o("div",{slot:"demo"},[o("div",{staticClass:"phone-viewport"},[o("md-bottom-bar",{attrs:{"md-theme":"teal"}},[o("md-bottom-bar-item",{attrs:{"md-icon":"history"}},[t._v("Recents")]),t._v(" "),o("md-bottom-bar-item",{attrs:{"md-icon":"favorite","md-active":""}},[t._v("Favorites")]),t._v(" "),o("md-bottom-bar-item",{attrs:{"md-icon":"near_me"}},[t._v("Nearby")])],1)],1),t._v(" "),o("div",{staticClass:"phone-viewport"},[o("md-bottom-bar",{attrs:{"md-shift":"","md-theme":"indigo"}},[o("md-bottom-bar-item",{attrs:{"md-icon":"ondemand_video"}},[t._v("Movies")]),t._v(" "),o("md-bottom-bar-item",{attrs:{"md-icon":"music_note"}},[t._v("Music")]),t._v(" "),o("md-bottom-bar-item",{attrs:{"md-icon":"books","md-active":""}},[t._v("Books")]),t._v(" "),o("md-bottom-bar-item",{attrs:{"md-icon":"photo"}},[t._v("Pictures")])],1)],1)]),t._v(" "),o("div",{slot:"code"},[o("code-block",{attrs:{lang:"xml"}},[t._v('\n            <div class="phone-viewport">\n              <md-bottom-bar md-theme="teal">\n                <md-bottom-bar-item md-icon="history">Recents</md-bottom-bar-item>\n                <md-bottom-bar-item md-icon="favorite" md-active>Favorites</md-bottom-bar-item>\n                <md-bottom-bar-item md-icon="near_me">Nearby</md-bottom-bar-item>\n              </md-bottom-bar>\n            </div>\n\n            <div class="phone-viewport">\n              <md-bottom-bar md-shift md-theme="indigo">\n                <md-bottom-bar-item md-icon="ondemand_video">Movies</md-bottom-bar-item>\n                <md-bottom-bar-item md-icon="music_note">Music</md-bottom-bar-item>\n                <md-bottom-bar-item md-icon="books" md-active>Books</md-bottom-bar-item>\n                <md-bottom-bar-item md-icon="photo">Pictures</md-bottom-bar-item>\n              </md-bottom-bar>\n            </div>\n          ')])],1)]),t._v(" "),o("example-box",{attrs:{"card-title":"Dynamic Theme Example"}},[o("div",{slot:"demo"},[o("div",{staticClass:"phone-viewport"},[o("md-bottom-bar",{attrs:{"md-shift":"","md-theme":t.playground.theme}},[o("md-bottom-bar-item",{attrs:{"md-icon":"ondemand_video"},nativeOn:{click:function(e){t.setTheme("blue")}}},[t._v("Movies")]),t._v(" "),o("md-bottom-bar-item",{attrs:{"md-icon":"music_note"},nativeOn:{click:function(e){t.setTheme("teal")}}},[t._v("Music")]),t._v(" "),o("md-bottom-bar-item",{attrs:{"md-icon":"books","md-active":""},nativeOn:{click:function(e){t.setTheme("brown")}}},[t._v("Books")]),t._v(" "),o("md-bottom-bar-item",{attrs:{"md-icon":"photo"},nativeOn:{click:function(e){t.setTheme("indigo")}}},[t._v("Pictures")])],1)],1)]),t._v(" "),o("div",{slot:"code"},[o("code-block",{attrs:{lang:"xml"}},[t._v('\n            <md-theme :md-name="playground.theme">\n              <md-bottom-bar md-shift>\n                <md-bottom-bar-item @click.native="setTheme(\'blue\')" md-icon="ondemand_video">Movies</md-bottom-bar-item>\n                <md-bottom-bar-item @click.native="setTheme(\'teal\')" md-icon="music_note">Music</md-bottom-bar-item>\n                <md-bottom-bar-item @click.native="setTheme(\'brown\')" md-icon="books" md-active>Books</md-bottom-bar-item>\n                <md-bottom-bar-item @click.native="setTheme(\'indigo\')" md-icon="photo">Pictures</md-bottom-bar-item>\n              </md-bottom-bar>\n            </div>\n          ')]),t._v(" "),o("code-block",{attrs:{lang:"javascript"}},[t._v("\n            export default {\n              data() {\n                return {\n                  playground: {\n                    theme: 'brown'\n                  }\n                };\n              },\n              methods: {\n                setTheme(theme) {\n                  this.playground.theme = theme;\n                }\n              }\n            };\n          ")])],1)])],1)])],1)},staticRenderFns:[]}},610:function(t,e,o){var m=o(542);"string"==typeof m&&(m=[[t.i,m,""]]),m.locals&&(t.exports=m.locals);o(5)("7e5b1024",m,!0)}});
\ No newline at end of file
+webpackJsonp([12,34],{464:function(t,e,o){o(609);var m=o(0)(o(497),o(578),"data-v-e0487734",null);t.exports=m.exports},497:function(t,e,o){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={data:function(){return{playground:{theme:"brown"}}},methods:{setTheme:function(t){this.playground.theme=t}}},t.exports=e.default},541:function(t,e,o){e=t.exports=o(4)(),e.push([t.i,".md-bottom-bar[data-v-e0487734]{position:absolute;right:0;bottom:0;left:0}.phone-viewport[data-v-e0487734]{width:320px;height:150px;margin-right:16px;display:inline-block;position:relative;overflow:hidden;background-color:#ededed}",""])},578:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("page-content",{attrs:{"page-title":"Components - Bottom Bar"}},[o("docs-component",[o("div",{slot:"description"},[o("p",[t._v("Bottom navigation bars make it easy to explore and switch between top-level views in a single tap.")]),t._v(" "),o("p",[t._v("The following classes can be applied to change the color palette:")]),t._v(" "),o("ul",{staticClass:"md-body-2"},[o("li",[o("code",[t._v("md-accent")])]),t._v(" "),o("li",[o("code",[t._v("md-warn")])]),t._v(" "),o("li",[o("code",[t._v("md-transparent")])])])]),t._v(" "),o("div",{slot:"api"},[o("api-table",{attrs:{name:"md-bottom-bar"}},[o("md-table",{slot:"properties"},[o("md-table-header",[o("md-table-row",[o("md-table-head",[t._v("Name")]),t._v(" "),o("md-table-head",[t._v("Type")]),t._v(" "),o("md-table-head",[t._v("Description")])],1)],1),t._v(" "),o("md-table-body",[o("md-table-row",[o("md-table-cell",[t._v("md-shift")]),t._v(" "),o("md-table-cell",[o("code",[t._v("Boolean")])]),t._v(" "),o("md-table-cell",[t._v("Enable the shifting variant. Default "),o("code",[t._v("false")])])],1)],1)],1),t._v(" "),o("md-table",{slot:"events"},[o("md-table-header",[o("md-table-row",[o("md-table-head",[t._v("Name")]),t._v(" "),o("md-table-head",[t._v("Value")]),t._v(" "),o("md-table-head",[t._v("Description")])],1)],1),t._v(" "),o("md-table-body",[o("md-table-row",[o("md-table-cell",[t._v("change")]),t._v(" "),o("md-table-cell",[t._v("Receive the item index")]),t._v(" "),o("md-table-cell",[t._v("Triggered when an item is activated.")])],1)],1)],1)],1),t._v(" "),o("api-table",{attrs:{name:"md-bottom-bar-item"}},[o("md-table",{slot:"properties"},[o("md-table-header",[o("md-table-row",[o("md-table-head",[t._v("Name")]),t._v(" "),o("md-table-head",[t._v("Type")]),t._v(" "),o("md-table-head",[t._v("Description")])],1)],1),t._v(" "),o("md-table-body",[o("md-table-row",[o("md-table-cell",[t._v("md-icon")]),t._v(" "),o("md-table-cell",[o("code",[t._v("String")])]),t._v(" "),o("md-table-cell",[t._v("Icon name on the "),o("a",{attrs:{href:"https://material.io/icons/",target:"_blank",rel:"noopener"}},[t._v("Material Icons")]),t._v(" docs.")])],1),t._v(" "),o("md-table-row",[o("md-table-cell",[t._v("md-icon-src")]),t._v(" "),o("md-table-cell",[o("code",[t._v("String")])]),t._v(" "),o("md-table-cell",[t._v("Set icon src url. See "),o("a",{attrs:{href:"#/components/Icon"}},[t._v("Icon ")]),t._v(" component for more details.")])],1),t._v(" "),o("md-table-row",[o("md-table-cell",[t._v("md-iconset")]),t._v(" "),o("md-table-cell",[o("code",[t._v("String")])]),t._v(" "),o("md-table-cell",[t._v("Set the 3rd party iconset to use. See "),o("a",{attrs:{href:"#/components/Icon"}},[t._v("Icon ")]),t._v(" component for more details.")])],1),t._v(" "),o("md-table-row",[o("md-table-cell",[t._v("md-active")]),t._v(" "),o("md-table-cell",[o("code",[t._v("Boolean")])]),t._v(" "),o("md-table-cell",[t._v("Set initial selection. Default "),o("code",[t._v("false")])])],1),t._v(" "),o("md-table-row",[o("md-table-cell",[t._v("href")]),t._v(" "),o("md-table-cell",[o("code",[t._v("String")])]),t._v(" "),o("md-table-cell",[t._v("Create a anchor on the item - In this case the generated tag will be "),o("code",[t._v("<a>")]),t._v(".")])],1),t._v(" "),o("md-table-row",[o("md-table-cell",[t._v("disabled")]),t._v(" "),o("md-table-cell",[o("code",[t._v("Boolean")])]),t._v(" "),o("md-table-cell",[t._v("Disable the item and prevent his actions. Default "),o("code",[t._v("false")])])],1)],1)],1)],1)],1),t._v(" "),o("div",{slot:"example"},[o("example-box",{attrs:{"card-title":"Default"}},[o("div",{slot:"demo"},[o("div",{staticClass:"phone-viewport"},[o("md-bottom-bar",[o("md-bottom-bar-item",{attrs:{"md-icon":"history"}},[t._v("Recents")]),t._v(" "),o("md-bottom-bar-item",{attrs:{"md-icon":"favorite","md-active":""}},[t._v("Favorites")]),t._v(" "),o("md-bottom-bar-item",{attrs:{"md-icon":"near_me"}},[t._v("Nearby")])],1)],1)]),t._v(" "),o("div",{slot:"code"},[o("code-block",{attrs:{lang:"xml"}},[t._v('\n            <md-bottom-bar>\n              <md-bottom-bar-item md-icon="history">Recents</md-bottom-bar-item>\n              <md-bottom-bar-item md-icon="favorite" md-active>Favorites</md-bottom-bar-item>\n              <md-bottom-bar-item md-icon="near_me">Nearby</md-bottom-bar-item>\n            </md-bottom-bar>\n          ')])],1)]),t._v(" "),o("example-box",{attrs:{"card-title":"Using SVG"}},[o("div",{slot:"demo"},[o("div",{staticClass:"phone-viewport"},[o("md-bottom-bar",[o("md-bottom-bar-item",{attrs:{"md-icon-src":"assets/icon-home.svg"}},[t._v("Recents")]),t._v(" "),o("md-bottom-bar-item",{attrs:{"md-icon-src":"assets/icon-home.svg","md-active":""}},[t._v("Favorites")]),t._v(" "),o("md-bottom-bar-item",{attrs:{"md-icon-src":"assets/icon-home.svg"}},[t._v("Nearby")])],1)],1)]),t._v(" "),o("div",{slot:"code"},[o("code-block",{attrs:{lang:"xml"}},[t._v('\n            <md-bottom-bar>\n              <md-bottom-bar-item md-icon-src="assets/icon-home.svg">Recents</md-bottom-bar-item>\n              <md-bottom-bar-item md-icon-src="assets/icon-home.svg" md-active>Favorites</md-bottom-bar-item>\n              <md-bottom-bar-item md-icon-src="assets/icon-home.svg">Nearby</md-bottom-bar-item>\n            </md-bottom-bar>\n          ')])],1)]),t._v(" "),o("example-box",{attrs:{"card-title":"Using Iconsets"}},[o("div",{slot:"demo"},[o("link",{attrs:{rel:"stylesheet",href:"https://cdnjs.cloudflare.com/ajax/libs/simple-line-icons/2.4.1/css/simple-line-icons.min.css"}}),t._v(" "),o("div",[t._v("This example uses "),o("a",{attrs:{href:"http://simplelineicons.com/",target:"simple_line"}},[t._v("Simple Line Icons")])]),t._v(" "),o("div",{staticClass:"phone-viewport"},[o("md-bottom-bar",[o("md-bottom-bar-item",{attrs:{"md-iconset":"icon-speedometer"}},[t._v("Recents")]),t._v(" "),o("md-bottom-bar-item",{attrs:{"md-iconset":"icon-heart","md-active":""}},[t._v("Favorites")]),t._v(" "),o("md-bottom-bar-item",{attrs:{"md-iconset":"icon-cursor"}},[t._v("Nearby")])],1)],1)]),t._v(" "),o("div",{slot:"code"},[o("code-block",{attrs:{lang:"xml"}},[t._v('\n            <md-bottom-bar>\n              <md-bottom-bar-item md-iconset="icon-speedometer">Recents</md-bottom-bar-item>\n              <md-bottom-bar-item md-iconset="icon-heart" md-active>Favorites</md-bottom-bar-item>\n              <md-bottom-bar-item md-iconset="icon-cursor">Nearby</md-bottom-bar-item>\n            </md-bottom-bar>\n          ')])],1)]),t._v(" "),o("example-box",{attrs:{"card-title":"Shifting"}},[o("div",{slot:"demo"},[o("div",{staticClass:"phone-viewport"},[o("md-bottom-bar",{attrs:{"md-shift":""}},[o("md-bottom-bar-item",{attrs:{"md-icon":"ondemand_video"}},[t._v("Movies")]),t._v(" "),o("md-bottom-bar-item",{attrs:{"md-icon":"music_note"}},[t._v("Music")]),t._v(" "),o("md-bottom-bar-item",{attrs:{"md-icon":"books","md-active":""}},[t._v("Books")]),t._v(" "),o("md-bottom-bar-item",{attrs:{"md-icon":"photo"}},[t._v("Pictures")])],1)],1)]),t._v(" "),o("div",{slot:"code"},[o("code-block",{attrs:{lang:"xml"}},[t._v('\n            <md-bottom-bar md-shift>\n              <md-bottom-bar-item md-icon="ondemand_video">Movies</md-bottom-bar-item>\n              <md-bottom-bar-item md-icon="music_note">Music</md-bottom-bar-item>\n              <md-bottom-bar-item md-icon="books" md-active>Books</md-bottom-bar-item>\n              <md-bottom-bar-item md-icon="photo">Pictures</md-bottom-bar-item>\n            </md-bottom-bar>\n          ')])],1)]),t._v(" "),o("example-box",{attrs:{"card-title":"Themes"}},[o("div",{slot:"demo"},[o("div",{staticClass:"phone-viewport"},[o("md-bottom-bar",{attrs:{"md-theme":"teal"}},[o("md-bottom-bar-item",{attrs:{"md-icon":"history"}},[t._v("Recents")]),t._v(" "),o("md-bottom-bar-item",{attrs:{"md-icon":"favorite","md-active":""}},[t._v("Favorites")]),t._v(" "),o("md-bottom-bar-item",{attrs:{"md-icon":"near_me"}},[t._v("Nearby")])],1)],1),t._v(" "),o("div",{staticClass:"phone-viewport"},[o("md-bottom-bar",{attrs:{"md-shift":"","md-theme":"indigo"}},[o("md-bottom-bar-item",{attrs:{"md-icon":"ondemand_video"}},[t._v("Movies")]),t._v(" "),o("md-bottom-bar-item",{attrs:{"md-icon":"music_note"}},[t._v("Music")]),t._v(" "),o("md-bottom-bar-item",{attrs:{"md-icon":"books","md-active":""}},[t._v("Books")]),t._v(" "),o("md-bottom-bar-item",{attrs:{"md-icon":"photo"}},[t._v("Pictures")])],1)],1)]),t._v(" "),o("div",{slot:"code"},[o("code-block",{attrs:{lang:"xml"}},[t._v('\n            <div class="phone-viewport">\n              <md-bottom-bar md-theme="teal">\n                <md-bottom-bar-item md-icon="history">Recents</md-bottom-bar-item>\n                <md-bottom-bar-item md-icon="favorite" md-active>Favorites</md-bottom-bar-item>\n                <md-bottom-bar-item md-icon="near_me">Nearby</md-bottom-bar-item>\n              </md-bottom-bar>\n            </div>\n\n            <div class="phone-viewport">\n              <md-bottom-bar md-shift md-theme="indigo">\n                <md-bottom-bar-item md-icon="ondemand_video">Movies</md-bottom-bar-item>\n                <md-bottom-bar-item md-icon="music_note">Music</md-bottom-bar-item>\n                <md-bottom-bar-item md-icon="books" md-active>Books</md-bottom-bar-item>\n                <md-bottom-bar-item md-icon="photo">Pictures</md-bottom-bar-item>\n              </md-bottom-bar>\n            </div>\n          ')])],1)]),t._v(" "),o("example-box",{attrs:{"card-title":"Dynamic Theme Example"}},[o("div",{slot:"demo"},[o("div",{staticClass:"phone-viewport"},[o("md-bottom-bar",{attrs:{"md-shift":"","md-theme":t.playground.theme}},[o("md-bottom-bar-item",{attrs:{"md-icon":"ondemand_video"},nativeOn:{click:function(e){t.setTheme("blue")}}},[t._v("Movies")]),t._v(" "),o("md-bottom-bar-item",{attrs:{"md-icon":"music_note"},nativeOn:{click:function(e){t.setTheme("teal")}}},[t._v("Music")]),t._v(" "),o("md-bottom-bar-item",{attrs:{"md-icon":"books","md-active":""},nativeOn:{click:function(e){t.setTheme("brown")}}},[t._v("Books")]),t._v(" "),o("md-bottom-bar-item",{attrs:{"md-icon":"photo"},nativeOn:{click:function(e){t.setTheme("indigo")}}},[t._v("Pictures")])],1)],1)]),t._v(" "),o("div",{slot:"code"},[o("code-block",{attrs:{lang:"xml"}},[t._v('\n            <md-theme :md-name="playground.theme">\n              <md-bottom-bar md-shift>\n                <md-bottom-bar-item @click.native="setTheme(\'blue\')" md-icon="ondemand_video">Movies</md-bottom-bar-item>\n                <md-bottom-bar-item @click.native="setTheme(\'teal\')" md-icon="music_note">Music</md-bottom-bar-item>\n                <md-bottom-bar-item @click.native="setTheme(\'brown\')" md-icon="books" md-active>Books</md-bottom-bar-item>\n                <md-bottom-bar-item @click.native="setTheme(\'indigo\')" md-icon="photo">Pictures</md-bottom-bar-item>\n              </md-bottom-bar>\n            </div>\n          ')]),t._v(" "),o("code-block",{attrs:{lang:"javascript"}},[t._v("\n            export default {\n              data() {\n                return {\n                  playground: {\n                    theme: 'brown'\n                  }\n                };\n              },\n              methods: {\n                setTheme(theme) {\n                  this.playground.theme = theme;\n                }\n              }\n            };\n          ")])],1)])],1)])],1)},staticRenderFns:[]}},609:function(t,e,o){var m=o(541);"string"==typeof m&&(m=[[t.i,m,""]]),m.locals&&(t.exports=m.locals);o(5)("7e5b1024",m,!0)}});
\ No newline at end of file
diff --git a/button-toggle.c6150e67.js b/button-toggle.5458c921.js
similarity index 97%
rename from button-toggle.c6150e67.js
rename to button-toggle.5458c921.js
index 30813bf..fe777b5 100644
--- a/button-toggle.c6150e67.js
+++ b/button-toggle.5458c921.js
@@ -1 +1 @@
-webpackJsonp([19,34],{465:function(t,n,o){o(591);var d=o(0)(null,o(554),"data-v-2f0a6f18",null);t.exports=d.exports},523:function(t,n,o){n=t.exports=o(4)(),n.push([t.i,".md-button-toggle+.md-button-toggle[data-v-2f0a6f18]{margin-top:16px}",""])},554:function(t,n){t.exports={render:function(){var t=this,n=t.$createElement,o=t._self._c||n;return o("page-content",{attrs:{"page-title":"Components - Button Toggle"}},[o("docs-component",[o("div",{slot:"description"},[o("p",[t._v("Toggle buttons may be used to group related options. Arrange layout and spacing to convey that certain toggle buttons are part of a group.")]),t._v(" "),o("p",[t._v("The following classes can be applied to change the color palette:")]),t._v(" "),o("ul",{staticClass:"md-body-2"},[o("li",[o("code",[t._v("md-primary")])]),t._v(" "),o("li",[o("code",[t._v("md-accent")])]),t._v(" "),o("li",[o("code",[t._v("md-warn")])])])]),t._v(" "),o("div",{slot:"api"},[o("api-table",{attrs:{name:"md-button-toggle"}},[o("md-table",{slot:"properties"},[o("md-table-header",[o("md-table-row",[o("md-table-head",[t._v("Name")]),t._v(" "),o("md-table-head",[t._v("Type")]),t._v(" "),o("md-table-head",[t._v("Description")])],1)],1),t._v(" "),o("md-table-body",[o("md-table-row",[o("md-table-cell",[t._v("md-single")]),t._v(" "),o("md-table-cell",[o("code",[t._v("Boolean")])]),t._v(" "),o("md-table-cell",[t._v("Enable single selection. Default "),o("code",[t._v("false")])])],1)],1)],1)],1),t._v(" "),o("api-table",{attrs:{name:"md-button"}},[o("md-table",{slot:"classes"},[o("md-table-header",[o("md-table-row",[o("md-table-head",[t._v("Name")]),t._v(" "),o("md-table-head",[t._v("Description")])],1)],1),t._v(" "),o("md-table-body",[o("md-table-row",[o("md-table-cell",[t._v("md-toggle")]),t._v(" "),o("md-table-cell",[t._v("Active selection")])],1)],1)],1)],1)],1),t._v(" "),o("div",{slot:"example"},[o("example-box",{attrs:{"card-title":"Multiple"}},[o("div",{slot:"demo"},[o("md-button-toggle",[o("md-button",{staticClass:"md-icon-button md-toggle"},[o("md-icon",[t._v("format_bold")])],1),t._v(" "),o("md-button",{staticClass:"md-icon-button"},[o("md-icon",[t._v("format_italic")])],1),t._v(" "),o("md-button",{staticClass:"md-icon-button"},[o("md-icon",[t._v("strikethrough_s")])],1),t._v(" "),o("md-button",{staticClass:"md-icon-button md-toggle"},[o("md-icon",[t._v("title")])],1)],1),t._v(" "),o("md-button-toggle",{staticClass:"md-primary"},[o("md-button",{staticClass:"md-icon-button md-toggle"},[o("md-icon",[t._v("format_bold")])],1),t._v(" "),o("md-button",{staticClass:"md-icon-button md-toggle"},[o("md-icon",[t._v("format_italic")])],1),t._v(" "),o("md-button",{staticClass:"md-icon-button"},[o("md-icon",[t._v("format_underline")])],1),t._v(" "),o("md-button",{staticClass:"md-icon-button"},[o("md-icon",[t._v("title")])],1)],1),t._v(" "),o("md-button-toggle",{staticClass:"md-accent"},[o("md-button",{staticClass:"md-icon-button md-toggle"},[o("md-icon",[t._v("format_bold")])],1),t._v(" "),o("md-button",{staticClass:"md-icon-button md-toggle"},[o("md-icon",[t._v("format_italic")])],1),t._v(" "),o("md-button",{staticClass:"md-icon-button"},[o("md-icon",[t._v("format_underline")])],1),t._v(" "),o("md-button",{staticClass:"md-icon-button"},[o("md-icon",[t._v("title")])],1)],1),t._v(" "),o("md-button-toggle",{staticClass:"md-warn"},[o("md-button",{staticClass:"md-icon-button md-toggle"},[o("md-icon",[t._v("format_bold")])],1),t._v(" "),o("md-button",{staticClass:"md-icon-button md-toggle"},[o("md-icon",[t._v("format_italic")])],1),t._v(" "),o("md-button",{staticClass:"md-icon-button"},[o("md-icon",[t._v("strikethrough_s")])],1),t._v(" "),o("md-button",{staticClass:"md-icon-button"},[o("md-icon",[t._v("title")])],1)],1),t._v(" "),o("md-button-toggle",{staticClass:"md-primary"},[o("md-button",{staticClass:"md-icon-button"},[o("md-icon",[t._v("format_bold")])],1),t._v(" "),o("md-button",{staticClass:"md-icon-button",attrs:{disabled:""}},[o("md-icon",[t._v("format_italic")])],1),t._v(" "),o("md-button",{staticClass:"md-icon-button",attrs:{disabled:""}},[o("md-icon",[t._v("strikethrough_s")])],1),t._v(" "),o("md-button",{staticClass:"md-icon-button"},[o("md-icon",[t._v("title")])],1)],1),t._v(" "),o("md-button-toggle",[o("md-button",{staticClass:"md-toggle"},[t._v("Works")]),t._v(" "),o("md-button",{staticClass:"md-toggle"},[t._v("With")]),t._v(" "),o("md-button",[t._v("Text")]),t._v(" "),o("md-button",[t._v("Too")])],1)],1),t._v(" "),o("div",{slot:"code"},[o("code-block",{attrs:{lang:"xml"}},[t._v('\n            <md-button-toggle>\n              <md-button class="md-icon-button md-toggle">\n                <md-icon>format_bold</md-icon>\n              </md-button>\n\n              <md-button class="md-icon-button">\n                <md-icon>format_italic</md-icon>\n              </md-button>\n\n              <md-button class="md-icon-button">\n                <md-icon>strikethrough_s</md-icon>\n              </md-button>\n\n              <md-button class="md-icon-button md-toggle">\n                <md-icon>title</md-icon>\n              </md-button>\n            </md-button-toggle>\n\n            <md-button-toggle class="md-primary">\n              <md-button class="md-icon-button md-toggle">\n                <md-icon>format_bold</md-icon>\n              </md-button>\n\n              <md-button class="md-icon-button md-toggle">\n                <md-icon>format_italic</md-icon>\n              </md-button>\n\n              <md-button class="md-icon-button">\n                <md-icon>format_underline</md-icon>\n              </md-button>\n\n              <md-button class="md-icon-button">\n                <md-icon>title</md-icon>\n              </md-button>\n            </md-button-toggle>\n\n            <md-button-toggle class="md-accent">\n              <md-button class="md-icon-button md-toggle">\n                <md-icon>format_bold</md-icon>\n              </md-button>\n\n              <md-button class="md-icon-button md-toggle">\n                <md-icon>format_italic</md-icon>\n              </md-button>\n\n              <md-button class="md-icon-button">\n                <md-icon>format_underline</md-icon>\n              </md-button>\n\n              <md-button class="md-icon-button">\n                <md-icon>title</md-icon>\n              </md-button>\n            </md-button-toggle>\n\n            <md-button-toggle class="md-warn">\n              <md-button class="md-icon-button md-toggle">\n                <md-icon>format_bold</md-icon>\n              </md-button>\n\n              <md-button class="md-icon-button md-toggle">\n                <md-icon>format_italic</md-icon>\n              </md-button>\n\n              <md-button class="md-icon-button">\n                <md-icon>strikethrough_s</md-icon>\n              </md-button>\n\n              <md-button class="md-icon-button">\n                <md-icon>title</md-icon>\n              </md-button>\n            </md-button-toggle>\n\n            <md-button-toggle class="md-primary">\n              <md-button class="md-icon-button">\n                <md-icon>format_bold</md-icon>\n              </md-button>\n\n              <md-button class="md-icon-button" disabled>\n                <md-icon>format_italic</md-icon>\n              </md-button>\n\n              <md-button class="md-icon-button" disabled>\n                <md-icon>strikethrough_s</md-icon>\n              </md-button>\n\n              <md-button class="md-icon-button">\n                <md-icon>title</md-icon>\n              </md-button>\n            </md-button-toggle>\n\n            <md-button-toggle>\n              <md-button class="md-toggle">Works</md-button>\n              <md-button class="md-toggle">With</md-button>\n              <md-button>Text</md-button>\n              <md-button>Too</md-button>\n            </md-button-toggle>\n          ')])],1)]),t._v(" "),o("example-box",{attrs:{"card-title":"Single Selection"}},[o("div",{slot:"demo"},[o("md-button-toggle",{attrs:{"md-single":""}},[o("md-button",{staticClass:"md-icon-button"},[o("md-icon",[t._v("format_bold")])],1),t._v(" "),o("md-button",{staticClass:"md-icon-button"},[o("md-icon",[t._v("format_italic")])],1),t._v(" "),o("md-button",{staticClass:"md-icon-button"},[o("md-icon",[t._v("strikethrough_s")])],1),t._v(" "),o("md-button",{staticClass:"md-icon-button md-toggle"},[o("md-icon",[t._v("title")])],1)],1),t._v(" "),o("md-button-toggle",{staticClass:"md-primary",attrs:{"md-single":""}},[o("md-button",{staticClass:"md-icon-button"},[o("md-icon",[t._v("format_bold")])],1),t._v(" "),o("md-button",{staticClass:"md-icon-button md-toggle"},[o("md-icon",[t._v("format_italic")])],1),t._v(" "),o("md-button",{staticClass:"md-icon-button"},[o("md-icon",[t._v("format_underline")])],1),t._v(" "),o("md-button",{staticClass:"md-icon-button"},[o("md-icon",[t._v("title")])],1)],1),t._v(" "),o("md-button-toggle",{staticClass:"md-accent",attrs:{"md-single":""}},[o("md-button",{staticClass:"md-icon-button md-toggle"},[o("md-icon",[t._v("format_bold")])],1),t._v(" "),o("md-button",{staticClass:"md-icon-button"},[o("md-icon",[t._v("format_italic")])],1),t._v(" "),o("md-button",{staticClass:"md-icon-button"},[o("md-icon",[t._v("format_underline")])],1),t._v(" "),o("md-button",{staticClass:"md-icon-button"},[o("md-icon",[t._v("title")])],1)],1),t._v(" "),o("md-button-toggle",{staticClass:"md-warn",attrs:{"md-single":""}},[o("md-button",{staticClass:"md-icon-button"},[o("md-icon",[t._v("format_bold")])],1),t._v(" "),o("md-button",{staticClass:"md-icon-button"},[o("md-icon",[t._v("format_italic")])],1),t._v(" "),o("md-button",{staticClass:"md-icon-button md-toggle"},[o("md-icon",[t._v("strikethrough_s")])],1),t._v(" "),o("md-button",{staticClass:"md-icon-button"},[o("md-icon",[t._v("title")])],1)],1),t._v(" "),o("md-button-toggle",{staticClass:"md-primary",attrs:{"md-single":""}},[o("md-button",{staticClass:"md-icon-button"},[o("md-icon",[t._v("format_bold")])],1),t._v(" "),o("md-button",{staticClass:"md-icon-button",attrs:{disabled:""}},[o("md-icon",[t._v("format_italic")])],1),t._v(" "),o("md-button",{staticClass:"md-icon-button",attrs:{disabled:""}},[o("md-icon",[t._v("strikethrough_s")])],1),t._v(" "),o("md-button",{staticClass:"md-icon-button"},[o("md-icon",[t._v("title")])],1)],1),t._v(" "),o("md-button-toggle",{attrs:{"md-single":""}},[o("md-button",[t._v("Works")]),t._v(" "),o("md-button",[t._v("With")]),t._v(" "),o("md-button",[t._v("Text")]),t._v(" "),o("md-button",[t._v("Too")])],1)],1),t._v(" "),o("div",{slot:"code"},[o("code-block",{attrs:{lang:"xml"}},[t._v('\n            <md-button-toggle md-single>\n              <md-button class="md-icon-button">\n                <md-icon>format_bold</md-icon>\n              </md-button>\n\n              <md-button class="md-icon-button">\n                <md-icon>format_italic</md-icon>\n              </md-button>\n\n              <md-button class="md-icon-button">\n                <md-icon>strikethrough_s</md-icon>\n              </md-button>\n\n              <md-button class="md-icon-button md-toggle">\n                <md-icon>title</md-icon>\n              </md-button>\n            </md-button-toggle>\n\n            <md-button-toggle md-single class="md-primary">\n              <md-button class="md-icon-button">\n                <md-icon>format_bold</md-icon>\n              </md-button>\n\n              <md-button class="md-icon-button md-toggle">\n                <md-icon>format_italic</md-icon>\n              </md-button>\n\n              <md-button class="md-icon-button">\n                <md-icon>format_underline</md-icon>\n              </md-button>\n\n              <md-button class="md-icon-button">\n                <md-icon>title</md-icon>\n              </md-button>\n            </md-button-toggle>\n\n            <md-button-toggle md-single class="md-accent">\n              <md-button class="md-icon-button md-toggle">\n                <md-icon>format_bold</md-icon>\n              </md-button>\n\n              <md-button class="md-icon-button">\n                <md-icon>format_italic</md-icon>\n              </md-button>\n\n              <md-button class="md-icon-button">\n                <md-icon>format_underline</md-icon>\n              </md-button>\n\n              <md-button class="md-icon-button">\n                <md-icon>title</md-icon>\n              </md-button>\n            </md-button-toggle>\n\n            <md-button-toggle md-single class="md-warn">\n              <md-button class="md-icon-button">\n                <md-icon>format_bold</md-icon>\n              </md-button>\n\n              <md-button class="md-icon-button">\n                <md-icon>format_italic</md-icon>\n              </md-button>\n\n              <md-button class="md-icon-button md-toggle">\n                <md-icon>strikethrough_s</md-icon>\n              </md-button>\n\n              <md-button class="md-icon-button">\n                <md-icon>title</md-icon>\n              </md-button>\n            </md-button-toggle>\n\n            <md-button-toggle md-single class="md-primary">\n              <md-button class="md-icon-button">\n                <md-icon>format_bold</md-icon>\n              </md-button>\n\n              <md-button class="md-icon-button" disabled>\n                <md-icon>format_italic</md-icon>\n              </md-button>\n\n              <md-button class="md-icon-button" disabled>\n                <md-icon>strikethrough_s</md-icon>\n              </md-button>\n\n              <md-button class="md-icon-button">\n                <md-icon>title</md-icon>\n              </md-button>\n            </md-button-toggle>\n\n            <md-button-toggle md-single>\n              <md-button>Works</md-button>\n              <md-button>With</md-button>\n              <md-button>Text</md-button>\n              <md-button>Too</md-button>\n            </md-button-toggle>\n          ')])],1)])],1)])],1)},staticRenderFns:[]}},591:function(t,n,o){var d=o(523);"string"==typeof d&&(d=[[t.i,d,""]]),d.locals&&(t.exports=d.locals);o(5)("3ba2418c",d,!0)}});
\ No newline at end of file
+webpackJsonp([19,34],{465:function(t,n,o){o(590);var d=o(0)(null,o(553),"data-v-2f0a6f18",null);t.exports=d.exports},522:function(t,n,o){n=t.exports=o(4)(),n.push([t.i,".md-button-toggle+.md-button-toggle[data-v-2f0a6f18]{margin-top:16px}",""])},553:function(t,n){t.exports={render:function(){var t=this,n=t.$createElement,o=t._self._c||n;return o("page-content",{attrs:{"page-title":"Components - Button Toggle"}},[o("docs-component",[o("div",{slot:"description"},[o("p",[t._v("Toggle buttons may be used to group related options. Arrange layout and spacing to convey that certain toggle buttons are part of a group.")]),t._v(" "),o("p",[t._v("The following classes can be applied to change the color palette:")]),t._v(" "),o("ul",{staticClass:"md-body-2"},[o("li",[o("code",[t._v("md-primary")])]),t._v(" "),o("li",[o("code",[t._v("md-accent")])]),t._v(" "),o("li",[o("code",[t._v("md-warn")])])])]),t._v(" "),o("div",{slot:"api"},[o("api-table",{attrs:{name:"md-button-toggle"}},[o("md-table",{slot:"properties"},[o("md-table-header",[o("md-table-row",[o("md-table-head",[t._v("Name")]),t._v(" "),o("md-table-head",[t._v("Type")]),t._v(" "),o("md-table-head",[t._v("Description")])],1)],1),t._v(" "),o("md-table-body",[o("md-table-row",[o("md-table-cell",[t._v("md-single")]),t._v(" "),o("md-table-cell",[o("code",[t._v("Boolean")])]),t._v(" "),o("md-table-cell",[t._v("Enable single selection. Default "),o("code",[t._v("false")])])],1)],1)],1)],1),t._v(" "),o("api-table",{attrs:{name:"md-button"}},[o("md-table",{slot:"classes"},[o("md-table-header",[o("md-table-row",[o("md-table-head",[t._v("Name")]),t._v(" "),o("md-table-head",[t._v("Description")])],1)],1),t._v(" "),o("md-table-body",[o("md-table-row",[o("md-table-cell",[t._v("md-toggle")]),t._v(" "),o("md-table-cell",[t._v("Active selection")])],1)],1)],1)],1)],1),t._v(" "),o("div",{slot:"example"},[o("example-box",{attrs:{"card-title":"Multiple"}},[o("div",{slot:"demo"},[o("md-button-toggle",[o("md-button",{staticClass:"md-icon-button md-toggle"},[o("md-icon",[t._v("format_bold")])],1),t._v(" "),o("md-button",{staticClass:"md-icon-button"},[o("md-icon",[t._v("format_italic")])],1),t._v(" "),o("md-button",{staticClass:"md-icon-button"},[o("md-icon",[t._v("strikethrough_s")])],1),t._v(" "),o("md-button",{staticClass:"md-icon-button md-toggle"},[o("md-icon",[t._v("title")])],1)],1),t._v(" "),o("md-button-toggle",{staticClass:"md-primary"},[o("md-button",{staticClass:"md-icon-button md-toggle"},[o("md-icon",[t._v("format_bold")])],1),t._v(" "),o("md-button",{staticClass:"md-icon-button md-toggle"},[o("md-icon",[t._v("format_italic")])],1),t._v(" "),o("md-button",{staticClass:"md-icon-button"},[o("md-icon",[t._v("format_underline")])],1),t._v(" "),o("md-button",{staticClass:"md-icon-button"},[o("md-icon",[t._v("title")])],1)],1),t._v(" "),o("md-button-toggle",{staticClass:"md-accent"},[o("md-button",{staticClass:"md-icon-button md-toggle"},[o("md-icon",[t._v("format_bold")])],1),t._v(" "),o("md-button",{staticClass:"md-icon-button md-toggle"},[o("md-icon",[t._v("format_italic")])],1),t._v(" "),o("md-button",{staticClass:"md-icon-button"},[o("md-icon",[t._v("format_underline")])],1),t._v(" "),o("md-button",{staticClass:"md-icon-button"},[o("md-icon",[t._v("title")])],1)],1),t._v(" "),o("md-button-toggle",{staticClass:"md-warn"},[o("md-button",{staticClass:"md-icon-button md-toggle"},[o("md-icon",[t._v("format_bold")])],1),t._v(" "),o("md-button",{staticClass:"md-icon-button md-toggle"},[o("md-icon",[t._v("format_italic")])],1),t._v(" "),o("md-button",{staticClass:"md-icon-button"},[o("md-icon",[t._v("strikethrough_s")])],1),t._v(" "),o("md-button",{staticClass:"md-icon-button"},[o("md-icon",[t._v("title")])],1)],1),t._v(" "),o("md-button-toggle",{staticClass:"md-primary"},[o("md-button",{staticClass:"md-icon-button"},[o("md-icon",[t._v("format_bold")])],1),t._v(" "),o("md-button",{staticClass:"md-icon-button",attrs:{disabled:""}},[o("md-icon",[t._v("format_italic")])],1),t._v(" "),o("md-button",{staticClass:"md-icon-button",attrs:{disabled:""}},[o("md-icon",[t._v("strikethrough_s")])],1),t._v(" "),o("md-button",{staticClass:"md-icon-button"},[o("md-icon",[t._v("title")])],1)],1),t._v(" "),o("md-button-toggle",[o("md-button",{staticClass:"md-toggle"},[t._v("Works")]),t._v(" "),o("md-button",{staticClass:"md-toggle"},[t._v("With")]),t._v(" "),o("md-button",[t._v("Text")]),t._v(" "),o("md-button",[t._v("Too")])],1)],1),t._v(" "),o("div",{slot:"code"},[o("code-block",{attrs:{lang:"xml"}},[t._v('\n            <md-button-toggle>\n              <md-button class="md-icon-button md-toggle">\n                <md-icon>format_bold</md-icon>\n              </md-button>\n\n              <md-button class="md-icon-button">\n                <md-icon>format_italic</md-icon>\n              </md-button>\n\n              <md-button class="md-icon-button">\n                <md-icon>strikethrough_s</md-icon>\n              </md-button>\n\n              <md-button class="md-icon-button md-toggle">\n                <md-icon>title</md-icon>\n              </md-button>\n            </md-button-toggle>\n\n            <md-button-toggle class="md-primary">\n              <md-button class="md-icon-button md-toggle">\n                <md-icon>format_bold</md-icon>\n              </md-button>\n\n              <md-button class="md-icon-button md-toggle">\n                <md-icon>format_italic</md-icon>\n              </md-button>\n\n              <md-button class="md-icon-button">\n                <md-icon>format_underline</md-icon>\n              </md-button>\n\n              <md-button class="md-icon-button">\n                <md-icon>title</md-icon>\n              </md-button>\n            </md-button-toggle>\n\n            <md-button-toggle class="md-accent">\n              <md-button class="md-icon-button md-toggle">\n                <md-icon>format_bold</md-icon>\n              </md-button>\n\n              <md-button class="md-icon-button md-toggle">\n                <md-icon>format_italic</md-icon>\n              </md-button>\n\n              <md-button class="md-icon-button">\n                <md-icon>format_underline</md-icon>\n              </md-button>\n\n              <md-button class="md-icon-button">\n                <md-icon>title</md-icon>\n              </md-button>\n            </md-button-toggle>\n\n            <md-button-toggle class="md-warn">\n              <md-button class="md-icon-button md-toggle">\n                <md-icon>format_bold</md-icon>\n              </md-button>\n\n              <md-button class="md-icon-button md-toggle">\n                <md-icon>format_italic</md-icon>\n              </md-button>\n\n              <md-button class="md-icon-button">\n                <md-icon>strikethrough_s</md-icon>\n              </md-button>\n\n              <md-button class="md-icon-button">\n                <md-icon>title</md-icon>\n              </md-button>\n            </md-button-toggle>\n\n            <md-button-toggle class="md-primary">\n              <md-button class="md-icon-button">\n                <md-icon>format_bold</md-icon>\n              </md-button>\n\n              <md-button class="md-icon-button" disabled>\n                <md-icon>format_italic</md-icon>\n              </md-button>\n\n              <md-button class="md-icon-button" disabled>\n                <md-icon>strikethrough_s</md-icon>\n              </md-button>\n\n              <md-button class="md-icon-button">\n                <md-icon>title</md-icon>\n              </md-button>\n            </md-button-toggle>\n\n            <md-button-toggle>\n              <md-button class="md-toggle">Works</md-button>\n              <md-button class="md-toggle">With</md-button>\n              <md-button>Text</md-button>\n              <md-button>Too</md-button>\n            </md-button-toggle>\n          ')])],1)]),t._v(" "),o("example-box",{attrs:{"card-title":"Single Selection"}},[o("div",{slot:"demo"},[o("md-button-toggle",{attrs:{"md-single":""}},[o("md-button",{staticClass:"md-icon-button"},[o("md-icon",[t._v("format_bold")])],1),t._v(" "),o("md-button",{staticClass:"md-icon-button"},[o("md-icon",[t._v("format_italic")])],1),t._v(" "),o("md-button",{staticClass:"md-icon-button"},[o("md-icon",[t._v("strikethrough_s")])],1),t._v(" "),o("md-button",{staticClass:"md-icon-button md-toggle"},[o("md-icon",[t._v("title")])],1)],1),t._v(" "),o("md-button-toggle",{staticClass:"md-primary",attrs:{"md-single":""}},[o("md-button",{staticClass:"md-icon-button"},[o("md-icon",[t._v("format_bold")])],1),t._v(" "),o("md-button",{staticClass:"md-icon-button md-toggle"},[o("md-icon",[t._v("format_italic")])],1),t._v(" "),o("md-button",{staticClass:"md-icon-button"},[o("md-icon",[t._v("format_underline")])],1),t._v(" "),o("md-button",{staticClass:"md-icon-button"},[o("md-icon",[t._v("title")])],1)],1),t._v(" "),o("md-button-toggle",{staticClass:"md-accent",attrs:{"md-single":""}},[o("md-button",{staticClass:"md-icon-button md-toggle"},[o("md-icon",[t._v("format_bold")])],1),t._v(" "),o("md-button",{staticClass:"md-icon-button"},[o("md-icon",[t._v("format_italic")])],1),t._v(" "),o("md-button",{staticClass:"md-icon-button"},[o("md-icon",[t._v("format_underline")])],1),t._v(" "),o("md-button",{staticClass:"md-icon-button"},[o("md-icon",[t._v("title")])],1)],1),t._v(" "),o("md-button-toggle",{staticClass:"md-warn",attrs:{"md-single":""}},[o("md-button",{staticClass:"md-icon-button"},[o("md-icon",[t._v("format_bold")])],1),t._v(" "),o("md-button",{staticClass:"md-icon-button"},[o("md-icon",[t._v("format_italic")])],1),t._v(" "),o("md-button",{staticClass:"md-icon-button md-toggle"},[o("md-icon",[t._v("strikethrough_s")])],1),t._v(" "),o("md-button",{staticClass:"md-icon-button"},[o("md-icon",[t._v("title")])],1)],1),t._v(" "),o("md-button-toggle",{staticClass:"md-primary",attrs:{"md-single":""}},[o("md-button",{staticClass:"md-icon-button"},[o("md-icon",[t._v("format_bold")])],1),t._v(" "),o("md-button",{staticClass:"md-icon-button",attrs:{disabled:""}},[o("md-icon",[t._v("format_italic")])],1),t._v(" "),o("md-button",{staticClass:"md-icon-button",attrs:{disabled:""}},[o("md-icon",[t._v("strikethrough_s")])],1),t._v(" "),o("md-button",{staticClass:"md-icon-button"},[o("md-icon",[t._v("title")])],1)],1),t._v(" "),o("md-button-toggle",{attrs:{"md-single":""}},[o("md-button",[t._v("Works")]),t._v(" "),o("md-button",[t._v("With")]),t._v(" "),o("md-button",[t._v("Text")]),t._v(" "),o("md-button",[t._v("Too")])],1)],1),t._v(" "),o("div",{slot:"code"},[o("code-block",{attrs:{lang:"xml"}},[t._v('\n            <md-button-toggle md-single>\n              <md-button class="md-icon-button">\n                <md-icon>format_bold</md-icon>\n              </md-button>\n\n              <md-button class="md-icon-button">\n                <md-icon>format_italic</md-icon>\n              </md-button>\n\n              <md-button class="md-icon-button">\n                <md-icon>strikethrough_s</md-icon>\n              </md-button>\n\n              <md-button class="md-icon-button md-toggle">\n                <md-icon>title</md-icon>\n              </md-button>\n            </md-button-toggle>\n\n            <md-button-toggle md-single class="md-primary">\n              <md-button class="md-icon-button">\n                <md-icon>format_bold</md-icon>\n              </md-button>\n\n              <md-button class="md-icon-button md-toggle">\n                <md-icon>format_italic</md-icon>\n              </md-button>\n\n              <md-button class="md-icon-button">\n                <md-icon>format_underline</md-icon>\n              </md-button>\n\n              <md-button class="md-icon-button">\n                <md-icon>title</md-icon>\n              </md-button>\n            </md-button-toggle>\n\n            <md-button-toggle md-single class="md-accent">\n              <md-button class="md-icon-button md-toggle">\n                <md-icon>format_bold</md-icon>\n              </md-button>\n\n              <md-button class="md-icon-button">\n                <md-icon>format_italic</md-icon>\n              </md-button>\n\n              <md-button class="md-icon-button">\n                <md-icon>format_underline</md-icon>\n              </md-button>\n\n              <md-button class="md-icon-button">\n                <md-icon>title</md-icon>\n              </md-button>\n            </md-button-toggle>\n\n            <md-button-toggle md-single class="md-warn">\n              <md-button class="md-icon-button">\n                <md-icon>format_bold</md-icon>\n              </md-button>\n\n              <md-button class="md-icon-button">\n                <md-icon>format_italic</md-icon>\n              </md-button>\n\n              <md-button class="md-icon-button md-toggle">\n                <md-icon>strikethrough_s</md-icon>\n              </md-button>\n\n              <md-button class="md-icon-button">\n                <md-icon>title</md-icon>\n              </md-button>\n            </md-button-toggle>\n\n            <md-button-toggle md-single class="md-primary">\n              <md-button class="md-icon-button">\n                <md-icon>format_bold</md-icon>\n              </md-button>\n\n              <md-button class="md-icon-button" disabled>\n                <md-icon>format_italic</md-icon>\n              </md-button>\n\n              <md-button class="md-icon-button" disabled>\n                <md-icon>strikethrough_s</md-icon>\n              </md-button>\n\n              <md-button class="md-icon-button">\n                <md-icon>title</md-icon>\n              </md-button>\n            </md-button-toggle>\n\n            <md-button-toggle md-single>\n              <md-button>Works</md-button>\n              <md-button>With</md-button>\n              <md-button>Text</md-button>\n              <md-button>Too</md-button>\n            </md-button-toggle>\n          ')])],1)])],1)])],1)},staticRenderFns:[]}},590:function(t,n,o){var d=o(522);"string"==typeof d&&(d=[[t.i,d,""]]),d.locals&&(t.exports=d.locals);o(5)("3ba2418c",d,!0)}});
\ No newline at end of file
diff --git a/buttons.b9a70faf.js b/buttons.81edf435.js
similarity index 97%
rename from buttons.b9a70faf.js
rename to buttons.81edf435.js
index 4b9008c..62cd983 100644
--- a/buttons.b9a70faf.js
+++ b/buttons.81edf435.js
@@ -1 +1 @@
-webpackJsonp([12,34],{466:function(t,d,n){n(600);var m=n(0)(n(498),n(566),"data-v-57e41aff",null);t.exports=m.exports},498:function(t,d,n){"use strict";Object.defineProperty(d,"__esModule",{value:!0}),d.default={data:function(){return{buttonDisabled:!0}},methods:{disablePrimaryButton:function(){this.buttonDisabled=!this.buttonDisabled}}},t.exports=d.default},532:function(t,d,n){d=t.exports=n(4)(),d.push([t.i,".disabled-button[data-v-57e41aff]{margin-left:8px}.fab-holder[data-v-57e41aff]{height:300px}",""])},566:function(t,d){t.exports={render:function(){var t=this,d=t.$createElement,n=t._self._c||d;return n("page-content",{attrs:{"page-title":"Components - Button"}},[n("docs-component",[n("div",{slot:"description"},[n("p",[t._v("Buttons communicate the action that will occur when the user touches them.")]),t._v(" "),n("p",[t._v("The following classes can be applied to change the color palette:")]),t._v(" "),n("ul",{staticClass:"md-body-2"},[n("li",[n("code",[t._v("md-primary")])]),t._v(" "),n("li",[n("code",[t._v("md-accent")])]),t._v(" "),n("li",[n("code",[t._v("md-warn")])])])]),t._v(" "),n("div",{slot:"api"},[n("api-table",{attrs:{name:"md-button"}},[n("md-table",{slot:"properties"},[n("md-table-header",[n("md-table-row",[n("md-table-head",[t._v("Name")]),t._v(" "),n("md-table-head",[t._v("Type")]),t._v(" "),n("md-table-head",[t._v("Description")])],1)],1),t._v(" "),n("md-table-body",[n("md-table-row",[n("md-table-cell",[t._v("disabled")]),t._v(" "),n("md-table-cell",[n("code",[t._v("Boolean")])]),t._v(" "),n("md-table-cell",[t._v("Disable the button and prevent his actions. Default "),n("code",[t._v("false")])])],1),t._v(" "),n("md-table-row",[n("md-table-cell",[t._v("type")]),t._v(" "),n("md-table-cell",[n("code",[t._v("String")])]),t._v(" "),n("md-table-cell",[t._v("Apply a type to button - Doesn't apply for links.")])],1),t._v(" "),n("md-table-row",[n("md-table-cell",[t._v("href")]),t._v(" "),n("md-table-cell",[n("code",[t._v("String")])]),t._v(" "),n("md-table-cell",[t._v("Create a anchor on the button - In this case the generated tag will be "),n("code",[t._v("<a>")]),t._v(".")])],1)],1)],1),t._v(" "),n("md-table",{slot:"classes"},[n("md-table-header",[n("md-table-row",[n("md-table-head",[t._v("Name")]),t._v(" "),n("md-table-head",[t._v("Description")])],1)],1),t._v(" "),n("md-table-body",[n("md-table-row",[n("md-table-cell",[t._v("md-raised")]),t._v(" "),n("md-table-cell",[t._v("Raised button")])],1),t._v(" "),n("md-table-row",[n("md-table-cell",[t._v("md-icon-button")]),t._v(" "),n("md-table-cell",[t._v("Create rounded buttons - Need a <md-icon> inside")])],1),t._v(" "),n("md-table-row",[n("md-table-cell",[t._v("md-dense")]),t._v(" "),n("md-table-cell",[t._v("Small dense buttons")])],1),t._v(" "),n("md-table-row",[n("md-table-cell",[t._v("md-fab")]),t._v(" "),n("md-table-cell",[t._v("Create an Floating Action Button")])],1),t._v(" "),n("md-table-row",[n("md-table-cell",[t._v("md-mini")]),t._v(" "),n("md-table-cell",[t._v("Small md-fab")])],1),t._v(" "),n("md-table-row",[n("md-table-cell",[t._v("md-fab-top-left")]),t._v(" "),n("md-table-cell",[t._v("Position the md-fab absolutely on the top left of his parent")])],1),t._v(" "),n("md-table-row",[n("md-table-cell",[t._v("md-fab-top-center")]),t._v(" "),n("md-table-cell",[t._v("Position the md-fab absolutely on the top center of his parent")])],1),t._v(" "),n("md-table-row",[n("md-table-cell",[t._v("md-fab-top-right")]),t._v(" "),n("md-table-cell",[t._v("Position the md-fab absolutely on the top right of his parent")])],1),t._v(" "),n("md-table-row",[n("md-table-cell",[t._v("md-fab-bottom-left")]),t._v(" "),n("md-table-cell",[t._v("Position the md-fab absolutely on the bottom left of his parent")])],1),t._v(" "),n("md-table-row",[n("md-table-cell",[t._v("md-fab-bottom-center")]),t._v(" "),n("md-table-cell",[t._v("Position the md-fab absolutely on the bottom center of his parent")])],1),t._v(" "),n("md-table-row",[n("md-table-cell",[t._v("md-fab-bottom-right")]),t._v(" "),n("md-table-cell",[t._v("Position the md-fab absolutely on the bottom right of his parent")])],1)],1)],1)],1)],1),t._v(" "),n("div",{slot:"example"},[n("example-box",{attrs:{"card-title":"Flat"}},[n("div",{slot:"demo"},[n("md-button",[t._v("Default")]),t._v(" "),n("md-button",{staticClass:"md-primary"},[t._v("Primary")]),t._v(" "),n("md-button",{staticClass:"md-accent"},[t._v("Accent")]),t._v(" "),n("md-button",{staticClass:"md-warn"},[t._v("Warn")]),t._v(" "),n("md-button",{staticClass:"md-primary",attrs:{disabled:""}},[t._v("Disabled")]),t._v(" "),n("md-button",{staticClass:"md-dense"},[t._v("Dense")])],1),t._v(" "),n("div",{slot:"code"},[n("code-block",{attrs:{lang:"xml"}},[t._v('\n            <md-button>Default</md-button>\n            <md-button class="md-primary">Primary</md-button>\n            <md-button class="md-accent">Accent</md-button>\n            <md-button class="md-warn">Warn</md-button>\n            <md-button class="md-primary" disabled>Disabled</md-button>\n            <md-button class="md-dense">Dense</md-button>\n          ')])],1)]),t._v(" "),n("example-box",{attrs:{"card-title":"Raised"}},[n("div",{slot:"demo"},[n("md-button",{staticClass:"md-raised"},[t._v("Default")]),t._v(" "),n("md-button",{staticClass:"md-raised md-primary"},[t._v("Primary")]),t._v(" "),n("md-button",{staticClass:"md-raised md-accent"},[t._v("Accent")]),t._v(" "),n("md-button",{staticClass:"md-raised md-warn"},[t._v("Warn")]),t._v(" "),n("md-button",{staticClass:"md-raised md-primary",attrs:{disabled:""}},[t._v("Disabled")]),t._v(" "),n("md-button",{staticClass:"md-raised md-dense"},[t._v("Dense")])],1),t._v(" "),n("div",{slot:"code"},[n("code-block",{attrs:{lang:"xml"}},[t._v('\n            <md-button class="md-raised">Default</md-button>\n            <md-button class="md-raised md-primary">Primary</md-button>\n            <md-button class="md-raised md-accent">Accent</md-button>\n            <md-button class="md-raised md-warn">Warn</md-button>\n            <md-button class="md-raised md-primary" disabled>Disabled</md-button>\n            <md-button class="md-raised md-dense">Dense</md-button>\n          ')])],1)]),t._v(" "),n("example-box",{attrs:{"card-title":"Button vs Link vs Router Link"}},[n("div",{slot:"demo"},[n("md-button",{staticClass:"md-raised md-primary"},[t._v("Button")]),t._v(" "),n("md-button",{staticClass:"md-raised md-primary",attrs:{href:"#/components/button"}},[t._v("Link")]),t._v(" "),n("router-link",{staticClass:"md-raised md-primary",attrs:{tag:"md-button",to:"/components/button"}},[t._v("Router Link")])],1),t._v(" "),n("div",{slot:"code"},[n("code-block",{attrs:{lang:"xml"}},[t._v('\n            <md-button class="md-raised md-primary">Button</md-button>\n            <md-button href="#/components/button" class="md-raised md-primary">Link</md-button>\n            <router-link tag="md-button" to="/components/button" class="md-raised md-primary">Router Link</router-link>\n          ')])],1)]),t._v(" "),n("example-box",{attrs:{"card-title":"Icons - Flat"}},[n("div",{slot:"demo"},[n("md-button",{staticClass:"md-icon-button"},[n("md-icon",[t._v("more_vert")])],1),t._v(" "),n("md-button",{staticClass:"md-icon-button md-primary"},[n("md-icon",[t._v("more_vert")])],1),t._v(" "),n("md-button",{staticClass:"md-icon-button md-accent"},[n("md-icon",[t._v("more_vert")])],1),t._v(" "),n("md-button",{staticClass:"md-icon-button md-warn"},[n("md-icon",[t._v("more_vert")])],1),t._v(" "),n("md-button",{staticClass:"md-icon-button",attrs:{disabled:""}},[n("md-icon",[t._v("more_vert")])],1),t._v(" "),n("md-button",{staticClass:"md-icon-button md-dense"},[n("md-icon",[t._v("more_vert")])],1)],1),t._v(" "),n("div",{slot:"code"},[n("code-block",{attrs:{lang:"xml"}},[t._v('\n            <md-button class="md-icon-button">\n              <md-icon>more_vert</md-icon>\n            </md-button>\n\n            <md-button class="md-icon-button md-primary">\n              <md-icon>more_vert</md-icon>\n            </md-button>\n\n            <md-button class="md-icon-button md-accent">\n              <md-icon>more_vert</md-icon>\n            </md-button>\n\n            <md-button class="md-icon-button md-warn">\n              <md-icon>more_vert</md-icon>\n            </md-button>\n\n            <md-button class="md-icon-button" disabled>\n              <md-icon>more_vert</md-icon>\n            </md-button>\n\n            <md-button class="md-icon-button md-dense">\n              <md-icon>more_vert</md-icon>\n            </md-button>\n          ')])],1)]),t._v(" "),n("example-box",{attrs:{"card-title":"Icons - Raised"}},[n("div",{slot:"demo"},[n("md-button",{staticClass:"md-icon-button md-raised"},[n("md-icon",[t._v("add")])],1),t._v(" "),n("md-button",{staticClass:"md-icon-button md-raised md-primary"},[n("md-icon",[t._v("add")])],1),t._v(" "),n("md-button",{staticClass:"md-icon-button md-raised md-accent"},[n("md-icon",[t._v("add")])],1),t._v(" "),n("md-button",{staticClass:"md-icon-button md-raised md-warn"},[n("md-icon",[t._v("add")])],1),t._v(" "),n("md-button",{staticClass:"md-icon-button md-raised",attrs:{disabled:""}},[n("md-icon",[t._v("add")])],1),t._v(" "),n("md-button",{staticClass:"md-icon-button md-raised md-dense"},[n("md-icon",[t._v("add")])],1)],1),t._v(" "),n("div",{slot:"code"},[n("code-block",{attrs:{lang:"xml"}},[t._v('\n            <md-button class="md-icon-button md-raised">\n              <md-icon>add</md-icon>\n            </md-button>\n\n            <md-button class="md-icon-button md-raised md-primary">\n              <md-icon>add</md-icon>\n            </md-button>\n\n            <md-button class="md-icon-button md-raised md-accent">\n              <md-icon>add</md-icon>\n            </md-button>\n\n            <md-button class="md-icon-button md-raised md-warn">\n              <md-icon>add</md-icon>\n            </md-button>\n\n            <md-button class="md-icon-button md-raised" disabled>\n              <md-icon>add</md-icon>\n            </md-button>\n\n            <md-button class="md-icon-button md-raised md-dense">\n              <md-icon>add</md-icon>\n            </md-button>\n          ')])],1)]),t._v(" "),n("example-box",{attrs:{"card-title":"Floating Action Button"}},[n("div",{staticClass:"fab-holder",slot:"demo"},[n("div",[n("md-button",{staticClass:"md-fab"},[n("md-icon",[t._v("edit")])],1),t._v(" "),n("md-button",{staticClass:"md-fab md-primary"},[n("md-icon",[t._v("email")])],1),t._v(" "),n("md-button",{staticClass:"md-fab md-warn"},[n("md-icon",[t._v("save")])],1),t._v(" "),n("md-button",{staticClass:"md-fab md-clean"},[n("md-icon",[t._v("dialpad")])],1),t._v(" "),n("md-button",{staticClass:"md-fab",attrs:{disabled:""}},[n("md-icon",[t._v("message")])],1)],1),t._v(" "),n("div",[n("md-button",{staticClass:"md-fab md-mini"},[n("md-icon",[t._v("edit")])],1),t._v(" "),n("md-button",{staticClass:"md-fab md-primary md-mini"},[n("md-icon",[t._v("email")])],1),t._v(" "),n("md-button",{staticClass:"md-fab md-warn md-mini"},[n("md-icon",[t._v("save")])],1),t._v(" "),n("md-button",{staticClass:"md-fab md-clean md-mini"},[n("md-icon",[t._v("dialpad")])],1),t._v(" "),n("md-button",{staticClass:"md-fab md-mini",attrs:{disabled:""}},[n("md-icon",[t._v("message")])],1)],1),t._v(" "),n("md-button",{staticClass:"md-fab md-fab-bottom-left"},[n("md-icon",[t._v("save")])],1),t._v(" "),n("md-button",{staticClass:"md-fab md-primary md-fab-bottom-center"},[n("md-icon",[t._v("dialpad")])],1),t._v(" "),n("md-button",{staticClass:"md-fab md-fab-bottom-right"},[n("md-icon",[t._v("add")])],1)],1),t._v(" "),n("div",{slot:"code"},[n("code-block",{attrs:{lang:"xml"}},[t._v('\n            <div>\n              <md-button class="md-fab">\n                <md-icon>edit</md-icon>\n              </md-button>\n\n              <md-button class="md-fab md-primary">\n                <md-icon>email</md-icon>\n              </md-button>\n\n              <md-button class="md-fab md-warn">\n                <md-icon>save</md-icon>\n              </md-button>\n\n              <md-button class="md-fab md-clean">\n                <md-icon>dialpad</md-icon>\n              </md-button>\n\n              <md-button class="md-fab" disabled>\n                <md-icon>message</md-icon>\n              </md-button>\n            </div>\n\n            <div>\n              <md-button class="md-fab md-mini">\n                <md-icon>edit</md-icon>\n              </md-button>\n\n              <md-button class="md-fab md-primary md-mini">\n                <md-icon>email</md-icon>\n              </md-button>\n\n              <md-button class="md-fab md-warn md-mini">\n                <md-icon>save</md-icon>\n              </md-button>\n\n              <md-button class="md-fab md-clean md-mini">\n                <md-icon>dialpad</md-icon>\n              </md-button>\n\n              <md-button class="md-fab md-mini" disabled>\n                <md-icon>message</md-icon>\n              </md-button>\n            </div>\n\n            <md-button class="md-fab md-fab-bottom-left">\n              <md-icon>save</md-icon>\n            </md-button>\n\n            <md-button class="md-fab md-primary md-fab-bottom-center">\n              <md-icon>dialpad</md-icon>\n            </md-button>\n\n            <md-button class="md-fab md-fab-bottom-right">\n              <md-icon>add</md-icon>\n            </md-button>\n          ')])],1)]),t._v(" "),n("example-box",{attrs:{"card-title":"Themes"}},[n("div",{slot:"demo"},[n("md-button",{staticClass:"md-primary",attrs:{"md-theme":"indigo"}},[t._v("Indigo")]),t._v(" "),n("md-button",{staticClass:"md-raised md-primary",attrs:{"md-theme":"teal"}},[t._v("Teal")]),t._v(" "),n("md-button",{staticClass:"md-icon-button md-primary",attrs:{"md-theme":"orange"}},[n("md-icon",[t._v("add")])],1),t._v(" "),n("md-button",{staticClass:"md-icon-button md-raised md-primary",attrs:{"md-theme":"green"}},[n("md-icon",[t._v("message")])],1),t._v(" "),n("md-button",{staticClass:"md-fab md-primary",attrs:{"md-theme":"brown"}},[n("md-icon",[t._v("dialpad")])],1)],1),t._v(" "),n("div",{slot:"code"},[n("code-block",{attrs:{lang:"xml"}},[t._v('\n            <md-button md-theme="indigo" class="md-primary">Indigo</md-button>\n\n            <md-button md-theme="teal" class="md-raised md-primary">Teal</md-button>\n\n            <md-button md-theme="orange" class="md-icon-button md-primary">\n              <md-icon>add</md-icon>\n            </md-button>\n\n            <md-button md-theme="green" class="md-icon-button md-raised md-primary">\n              <md-icon>message</md-icon>\n            </md-button>\n\n            <md-button md-theme="brown" class="md-fab md-primary">\n              <md-icon>dialpad</md-icon>\n            </md-button>\n          ')])],1)])],1)])],1)},staticRenderFns:[]}},600:function(t,d,n){var m=n(532);"string"==typeof m&&(m=[[t.i,m,""]]),m.locals&&(t.exports=m.locals);n(5)("3e21c4e6",m,!0)}});
\ No newline at end of file
+webpackJsonp([11,34],{466:function(t,d,n){n(599);var m=n(0)(n(498),n(565),"data-v-57e41aff",null);t.exports=m.exports},498:function(t,d,n){"use strict";Object.defineProperty(d,"__esModule",{value:!0}),d.default={data:function(){return{buttonDisabled:!0}},methods:{disablePrimaryButton:function(){this.buttonDisabled=!this.buttonDisabled}}},t.exports=d.default},531:function(t,d,n){d=t.exports=n(4)(),d.push([t.i,".disabled-button[data-v-57e41aff]{margin-left:8px}.fab-holder[data-v-57e41aff]{height:300px}",""])},565:function(t,d){t.exports={render:function(){var t=this,d=t.$createElement,n=t._self._c||d;return n("page-content",{attrs:{"page-title":"Components - Button"}},[n("docs-component",[n("div",{slot:"description"},[n("p",[t._v("Buttons communicate the action that will occur when the user touches them.")]),t._v(" "),n("p",[t._v("The following classes can be applied to change the color palette:")]),t._v(" "),n("ul",{staticClass:"md-body-2"},[n("li",[n("code",[t._v("md-primary")])]),t._v(" "),n("li",[n("code",[t._v("md-accent")])]),t._v(" "),n("li",[n("code",[t._v("md-warn")])])])]),t._v(" "),n("div",{slot:"api"},[n("api-table",{attrs:{name:"md-button"}},[n("md-table",{slot:"properties"},[n("md-table-header",[n("md-table-row",[n("md-table-head",[t._v("Name")]),t._v(" "),n("md-table-head",[t._v("Type")]),t._v(" "),n("md-table-head",[t._v("Description")])],1)],1),t._v(" "),n("md-table-body",[n("md-table-row",[n("md-table-cell",[t._v("disabled")]),t._v(" "),n("md-table-cell",[n("code",[t._v("Boolean")])]),t._v(" "),n("md-table-cell",[t._v("Disable the button and prevent his actions. Default "),n("code",[t._v("false")])])],1),t._v(" "),n("md-table-row",[n("md-table-cell",[t._v("type")]),t._v(" "),n("md-table-cell",[n("code",[t._v("String")])]),t._v(" "),n("md-table-cell",[t._v("Apply a type to button - Doesn't apply for links.")])],1),t._v(" "),n("md-table-row",[n("md-table-cell",[t._v("href")]),t._v(" "),n("md-table-cell",[n("code",[t._v("String")])]),t._v(" "),n("md-table-cell",[t._v("Create a anchor on the button - In this case the generated tag will be "),n("code",[t._v("<a>")]),t._v(".")])],1)],1)],1),t._v(" "),n("md-table",{slot:"classes"},[n("md-table-header",[n("md-table-row",[n("md-table-head",[t._v("Name")]),t._v(" "),n("md-table-head",[t._v("Description")])],1)],1),t._v(" "),n("md-table-body",[n("md-table-row",[n("md-table-cell",[t._v("md-raised")]),t._v(" "),n("md-table-cell",[t._v("Raised button")])],1),t._v(" "),n("md-table-row",[n("md-table-cell",[t._v("md-icon-button")]),t._v(" "),n("md-table-cell",[t._v("Create rounded buttons - Need a <md-icon> inside")])],1),t._v(" "),n("md-table-row",[n("md-table-cell",[t._v("md-dense")]),t._v(" "),n("md-table-cell",[t._v("Small dense buttons")])],1),t._v(" "),n("md-table-row",[n("md-table-cell",[t._v("md-fab")]),t._v(" "),n("md-table-cell",[t._v("Create an Floating Action Button")])],1),t._v(" "),n("md-table-row",[n("md-table-cell",[t._v("md-mini")]),t._v(" "),n("md-table-cell",[t._v("Small md-fab")])],1),t._v(" "),n("md-table-row",[n("md-table-cell",[t._v("md-fab-top-left")]),t._v(" "),n("md-table-cell",[t._v("Position the md-fab absolutely on the top left of his parent")])],1),t._v(" "),n("md-table-row",[n("md-table-cell",[t._v("md-fab-top-center")]),t._v(" "),n("md-table-cell",[t._v("Position the md-fab absolutely on the top center of his parent")])],1),t._v(" "),n("md-table-row",[n("md-table-cell",[t._v("md-fab-top-right")]),t._v(" "),n("md-table-cell",[t._v("Position the md-fab absolutely on the top right of his parent")])],1),t._v(" "),n("md-table-row",[n("md-table-cell",[t._v("md-fab-bottom-left")]),t._v(" "),n("md-table-cell",[t._v("Position the md-fab absolutely on the bottom left of his parent")])],1),t._v(" "),n("md-table-row",[n("md-table-cell",[t._v("md-fab-bottom-center")]),t._v(" "),n("md-table-cell",[t._v("Position the md-fab absolutely on the bottom center of his parent")])],1),t._v(" "),n("md-table-row",[n("md-table-cell",[t._v("md-fab-bottom-right")]),t._v(" "),n("md-table-cell",[t._v("Position the md-fab absolutely on the bottom right of his parent")])],1)],1)],1)],1)],1),t._v(" "),n("div",{slot:"example"},[n("example-box",{attrs:{"card-title":"Flat"}},[n("div",{slot:"demo"},[n("md-button",[t._v("Default")]),t._v(" "),n("md-button",{staticClass:"md-primary"},[t._v("Primary")]),t._v(" "),n("md-button",{staticClass:"md-accent"},[t._v("Accent")]),t._v(" "),n("md-button",{staticClass:"md-warn"},[t._v("Warn")]),t._v(" "),n("md-button",{staticClass:"md-primary",attrs:{disabled:""}},[t._v("Disabled")]),t._v(" "),n("md-button",{staticClass:"md-dense"},[t._v("Dense")])],1),t._v(" "),n("div",{slot:"code"},[n("code-block",{attrs:{lang:"xml"}},[t._v('\n            <md-button>Default</md-button>\n            <md-button class="md-primary">Primary</md-button>\n            <md-button class="md-accent">Accent</md-button>\n            <md-button class="md-warn">Warn</md-button>\n            <md-button class="md-primary" disabled>Disabled</md-button>\n            <md-button class="md-dense">Dense</md-button>\n          ')])],1)]),t._v(" "),n("example-box",{attrs:{"card-title":"Raised"}},[n("div",{slot:"demo"},[n("md-button",{staticClass:"md-raised"},[t._v("Default")]),t._v(" "),n("md-button",{staticClass:"md-raised md-primary"},[t._v("Primary")]),t._v(" "),n("md-button",{staticClass:"md-raised md-accent"},[t._v("Accent")]),t._v(" "),n("md-button",{staticClass:"md-raised md-warn"},[t._v("Warn")]),t._v(" "),n("md-button",{staticClass:"md-raised md-primary",attrs:{disabled:""}},[t._v("Disabled")]),t._v(" "),n("md-button",{staticClass:"md-raised md-dense"},[t._v("Dense")])],1),t._v(" "),n("div",{slot:"code"},[n("code-block",{attrs:{lang:"xml"}},[t._v('\n            <md-button class="md-raised">Default</md-button>\n            <md-button class="md-raised md-primary">Primary</md-button>\n            <md-button class="md-raised md-accent">Accent</md-button>\n            <md-button class="md-raised md-warn">Warn</md-button>\n            <md-button class="md-raised md-primary" disabled>Disabled</md-button>\n            <md-button class="md-raised md-dense">Dense</md-button>\n          ')])],1)]),t._v(" "),n("example-box",{attrs:{"card-title":"Button vs Link vs Router Link"}},[n("div",{slot:"demo"},[n("md-button",{staticClass:"md-raised md-primary"},[t._v("Button")]),t._v(" "),n("md-button",{staticClass:"md-raised md-primary",attrs:{href:"#/components/button"}},[t._v("Link")]),t._v(" "),n("router-link",{staticClass:"md-raised md-primary",attrs:{tag:"md-button",to:"/components/button"}},[t._v("Router Link")])],1),t._v(" "),n("div",{slot:"code"},[n("code-block",{attrs:{lang:"xml"}},[t._v('\n            <md-button class="md-raised md-primary">Button</md-button>\n            <md-button href="#/components/button" class="md-raised md-primary">Link</md-button>\n            <router-link tag="md-button" to="/components/button" class="md-raised md-primary">Router Link</router-link>\n          ')])],1)]),t._v(" "),n("example-box",{attrs:{"card-title":"Icons - Flat"}},[n("div",{slot:"demo"},[n("md-button",{staticClass:"md-icon-button"},[n("md-icon",[t._v("more_vert")])],1),t._v(" "),n("md-button",{staticClass:"md-icon-button md-primary"},[n("md-icon",[t._v("more_vert")])],1),t._v(" "),n("md-button",{staticClass:"md-icon-button md-accent"},[n("md-icon",[t._v("more_vert")])],1),t._v(" "),n("md-button",{staticClass:"md-icon-button md-warn"},[n("md-icon",[t._v("more_vert")])],1),t._v(" "),n("md-button",{staticClass:"md-icon-button",attrs:{disabled:""}},[n("md-icon",[t._v("more_vert")])],1),t._v(" "),n("md-button",{staticClass:"md-icon-button md-dense"},[n("md-icon",[t._v("more_vert")])],1)],1),t._v(" "),n("div",{slot:"code"},[n("code-block",{attrs:{lang:"xml"}},[t._v('\n            <md-button class="md-icon-button">\n              <md-icon>more_vert</md-icon>\n            </md-button>\n\n            <md-button class="md-icon-button md-primary">\n              <md-icon>more_vert</md-icon>\n            </md-button>\n\n            <md-button class="md-icon-button md-accent">\n              <md-icon>more_vert</md-icon>\n            </md-button>\n\n            <md-button class="md-icon-button md-warn">\n              <md-icon>more_vert</md-icon>\n            </md-button>\n\n            <md-button class="md-icon-button" disabled>\n              <md-icon>more_vert</md-icon>\n            </md-button>\n\n            <md-button class="md-icon-button md-dense">\n              <md-icon>more_vert</md-icon>\n            </md-button>\n          ')])],1)]),t._v(" "),n("example-box",{attrs:{"card-title":"Icons - Raised"}},[n("div",{slot:"demo"},[n("md-button",{staticClass:"md-icon-button md-raised"},[n("md-icon",[t._v("add")])],1),t._v(" "),n("md-button",{staticClass:"md-icon-button md-raised md-primary"},[n("md-icon",[t._v("add")])],1),t._v(" "),n("md-button",{staticClass:"md-icon-button md-raised md-accent"},[n("md-icon",[t._v("add")])],1),t._v(" "),n("md-button",{staticClass:"md-icon-button md-raised md-warn"},[n("md-icon",[t._v("add")])],1),t._v(" "),n("md-button",{staticClass:"md-icon-button md-raised",attrs:{disabled:""}},[n("md-icon",[t._v("add")])],1),t._v(" "),n("md-button",{staticClass:"md-icon-button md-raised md-dense"},[n("md-icon",[t._v("add")])],1)],1),t._v(" "),n("div",{slot:"code"},[n("code-block",{attrs:{lang:"xml"}},[t._v('\n            <md-button class="md-icon-button md-raised">\n              <md-icon>add</md-icon>\n            </md-button>\n\n            <md-button class="md-icon-button md-raised md-primary">\n              <md-icon>add</md-icon>\n            </md-button>\n\n            <md-button class="md-icon-button md-raised md-accent">\n              <md-icon>add</md-icon>\n            </md-button>\n\n            <md-button class="md-icon-button md-raised md-warn">\n              <md-icon>add</md-icon>\n            </md-button>\n\n            <md-button class="md-icon-button md-raised" disabled>\n              <md-icon>add</md-icon>\n            </md-button>\n\n            <md-button class="md-icon-button md-raised md-dense">\n              <md-icon>add</md-icon>\n            </md-button>\n          ')])],1)]),t._v(" "),n("example-box",{attrs:{"card-title":"Floating Action Button"}},[n("div",{staticClass:"fab-holder",slot:"demo"},[n("div",[n("md-button",{staticClass:"md-fab"},[n("md-icon",[t._v("edit")])],1),t._v(" "),n("md-button",{staticClass:"md-fab md-primary"},[n("md-icon",[t._v("email")])],1),t._v(" "),n("md-button",{staticClass:"md-fab md-warn"},[n("md-icon",[t._v("save")])],1),t._v(" "),n("md-button",{staticClass:"md-fab md-clean"},[n("md-icon",[t._v("dialpad")])],1),t._v(" "),n("md-button",{staticClass:"md-fab",attrs:{disabled:""}},[n("md-icon",[t._v("message")])],1)],1),t._v(" "),n("div",[n("md-button",{staticClass:"md-fab md-mini"},[n("md-icon",[t._v("edit")])],1),t._v(" "),n("md-button",{staticClass:"md-fab md-primary md-mini"},[n("md-icon",[t._v("email")])],1),t._v(" "),n("md-button",{staticClass:"md-fab md-warn md-mini"},[n("md-icon",[t._v("save")])],1),t._v(" "),n("md-button",{staticClass:"md-fab md-clean md-mini"},[n("md-icon",[t._v("dialpad")])],1),t._v(" "),n("md-button",{staticClass:"md-fab md-mini",attrs:{disabled:""}},[n("md-icon",[t._v("message")])],1)],1),t._v(" "),n("md-button",{staticClass:"md-fab md-fab-bottom-left"},[n("md-icon",[t._v("save")])],1),t._v(" "),n("md-button",{staticClass:"md-fab md-primary md-fab-bottom-center"},[n("md-icon",[t._v("dialpad")])],1),t._v(" "),n("md-button",{staticClass:"md-fab md-fab-bottom-right"},[n("md-icon",[t._v("add")])],1)],1),t._v(" "),n("div",{slot:"code"},[n("code-block",{attrs:{lang:"xml"}},[t._v('\n            <div>\n              <md-button class="md-fab">\n                <md-icon>edit</md-icon>\n              </md-button>\n\n              <md-button class="md-fab md-primary">\n                <md-icon>email</md-icon>\n              </md-button>\n\n              <md-button class="md-fab md-warn">\n                <md-icon>save</md-icon>\n              </md-button>\n\n              <md-button class="md-fab md-clean">\n                <md-icon>dialpad</md-icon>\n              </md-button>\n\n              <md-button class="md-fab" disabled>\n                <md-icon>message</md-icon>\n              </md-button>\n            </div>\n\n            <div>\n              <md-button class="md-fab md-mini">\n                <md-icon>edit</md-icon>\n              </md-button>\n\n              <md-button class="md-fab md-primary md-mini">\n                <md-icon>email</md-icon>\n              </md-button>\n\n              <md-button class="md-fab md-warn md-mini">\n                <md-icon>save</md-icon>\n              </md-button>\n\n              <md-button class="md-fab md-clean md-mini">\n                <md-icon>dialpad</md-icon>\n              </md-button>\n\n              <md-button class="md-fab md-mini" disabled>\n                <md-icon>message</md-icon>\n              </md-button>\n            </div>\n\n            <md-button class="md-fab md-fab-bottom-left">\n              <md-icon>save</md-icon>\n            </md-button>\n\n            <md-button class="md-fab md-primary md-fab-bottom-center">\n              <md-icon>dialpad</md-icon>\n            </md-button>\n\n            <md-button class="md-fab md-fab-bottom-right">\n              <md-icon>add</md-icon>\n            </md-button>\n          ')])],1)]),t._v(" "),n("example-box",{attrs:{"card-title":"Themes"}},[n("div",{slot:"demo"},[n("md-button",{staticClass:"md-primary",attrs:{"md-theme":"indigo"}},[t._v("Indigo")]),t._v(" "),n("md-button",{staticClass:"md-raised md-primary",attrs:{"md-theme":"teal"}},[t._v("Teal")]),t._v(" "),n("md-button",{staticClass:"md-icon-button md-primary",attrs:{"md-theme":"orange"}},[n("md-icon",[t._v("add")])],1),t._v(" "),n("md-button",{staticClass:"md-icon-button md-raised md-primary",attrs:{"md-theme":"green"}},[n("md-icon",[t._v("message")])],1),t._v(" "),n("md-button",{staticClass:"md-fab md-primary",attrs:{"md-theme":"brown"}},[n("md-icon",[t._v("dialpad")])],1)],1),t._v(" "),n("div",{slot:"code"},[n("code-block",{attrs:{lang:"xml"}},[t._v('\n            <md-button md-theme="indigo" class="md-primary">Indigo</md-button>\n\n            <md-button md-theme="teal" class="md-raised md-primary">Teal</md-button>\n\n            <md-button md-theme="orange" class="md-icon-button md-primary">\n              <md-icon>add</md-icon>\n            </md-button>\n\n            <md-button md-theme="green" class="md-icon-button md-raised md-primary">\n              <md-icon>message</md-icon>\n            </md-button>\n\n            <md-button md-theme="brown" class="md-fab md-primary">\n              <md-icon>dialpad</md-icon>\n            </md-button>\n          ')])],1)])],1)])],1)},staticRenderFns:[]}},599:function(t,d,n){var m=n(531);"string"==typeof m&&(m=[[t.i,m,""]]),m.locals&&(t.exports=m.locals);n(5)("3e21c4e6",m,!0)}});
\ No newline at end of file
diff --git a/card.813a55b3.js b/card.37f54da4.js
similarity index 99%
rename from card.813a55b3.js
rename to card.37f54da4.js
index b238f85..e884f49 100644
--- a/card.813a55b3.js
+++ b/card.37f54da4.js
@@ -1,2 +1,2 @@
-webpackJsonp([21,34],{467:function(t,e,a){a(589);var d=a(0)(null,a(552),"data-v-2b6a83fc",null);t.exports=d.exports},521:function(t,e,a){e=t.exports=a(4)(),e.push([t.i,".card-holder .md-card[data-v-2b6a83fc]{width:100%;max-width:320px;margin:0 4px 16px;display:inline-block;vertical-align:top}.card-example .md-subhead .md-icon[data-v-2b6a83fc]{width:16px;min-width:16px;height:16px;min-height:16px;font-size:16px;line-height:16px}.card-example .md-subhead span[data-v-2b6a83fc]{vertical-align:middle}.card-example .card-reservation[data-v-2b6a83fc]{margin-top:8px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:distribute;justify-content:space-around}.card-example .card-reservation .md-icon[data-v-2b6a83fc]{margin:8px;color:rgba(0,0,0,.54)!important}.card-example .card-reservation .md-button[data-v-2b6a83fc]{border-radius:2px!important}",""])},552:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("page-content",{attrs:{"page-title":"Components - Card"}},[a("docs-component",[a("div",{slot:"description"},[a("p",[t._v("Cards may contain a photo, text, and a link about a single subject. They may display content containing elements of varying size, such as photos with captions of variable length.")]),t._v(" "),a("p",[t._v("The card components are very granular. Every single part of a card is a component. You can combine them in any order that you want, following the same logic of the examples.")]),t._v(" "),a("p",[t._v('You can also use other Material components inside the card, like the "Complete Example".')]),t._v(" "),a("p",[t._v("The following classes can be applied to change the color palette:")]),t._v(" "),a("ul",{staticClass:"md-body-2"},[a("li",[a("code",[t._v("md-primary")])]),t._v(" "),a("li",[a("code",[t._v("md-accent")])]),t._v(" "),a("li",[a("code",[t._v("md-warn")])])])]),t._v(" "),a("div",{slot:"api"},[a("api-table",{attrs:{name:"md-card"}},[a("md-table",{slot:"properties"},[a("md-table-header",[a("md-table-row",[a("md-table-head",[t._v("Name")]),t._v(" "),a("md-table-head",[t._v("Type")]),t._v(" "),a("md-table-head",[t._v("Description")])],1)],1),t._v(" "),a("md-table-body",[a("md-table-row",[a("md-table-cell",[t._v("md-with-hover")]),t._v(" "),a("md-table-cell",[a("code",[t._v("Boolean")])]),t._v(" "),a("md-table-cell",[t._v("Enable full hover elevation in card. Default "),a("code",[t._v("false")])])],1)],1)],1)],1),t._v(" "),a("api-table",{attrs:{name:"md-card-header"}},[a("p",[t._v("Can display titles, subheads, medias and avatars in a header.")]),t._v(" "),a("p",[t._v("No options available")])]),t._v(" "),a("api-table",{attrs:{name:"md-card-header-text"}},[a("p",[t._v('Used inside a card header to group the title and the subhead. Useful to align with an action (like a overflow button) or a media inside headers, like on the "Media" example.')]),t._v(" "),a("p",[t._v("No options available")])]),t._v(" "),a("api-table",{attrs:{name:"md-card-content"}},[a("p",[t._v("Display the content of the card. Most used with plain text or with simple HTML content, like bold and italic tags.")]),t._v(" "),a("p",[t._v("No options available")])]),t._v(" "),a("api-table",{attrs:{name:"md-card-actions"}},[a("p",[t._v("Hold the actions of a card align them on the right. Here you can add "),a("code",[t._v("<md-button>")]),t._v(" with or without icons.")]),t._v(" "),a("p",[t._v("No options available")])]),t._v(" "),a("api-table",{attrs:{name:"md-card-area"}},[a("div",{slot:"properties"},[a("p",[t._v("A card area create a division inside the card. This will apply a border on the bottom (only works if the card area is not the last element).")]),t._v(" "),a("p",[t._v('You can see an example of use on the "Complete example".')]),t._v(" "),a("md-table",[a("md-table-header",[a("md-table-row",[a("md-table-head",[t._v("Name")]),t._v(" "),a("md-table-head",[t._v("Type")]),t._v(" "),a("md-table-head",[t._v("Description")])],1)],1),t._v(" "),a("md-table-body",[a("md-table-row",[a("md-table-cell",[t._v("md-inset")]),t._v(" "),a("md-table-cell",[a("code",[t._v("Boolean")])]),t._v(" "),a("md-table-cell",[t._v("Apply a inset border. Default "),a("code",[t._v("false")])])],1)],1)],1)],1)]),t._v(" "),a("api-table",{attrs:{name:"md-card-media"}},[a("div",{slot:"properties"},[a("p",[t._v("The card media display images (and other types of media) inside cards. Can be used inside and outsite a card header.")]),t._v(" "),a("md-table",[a("md-table-header",[a("md-table-row",[a("md-table-head",[t._v("Name")]),t._v(" "),a("md-table-head",[t._v("Type")]),t._v(" "),a("md-table-head",[t._v("Description")])],1)],1),t._v(" "),a("md-table-body",[a("md-table-row",[a("md-table-cell",[t._v("md-ratio")]),t._v(" "),a("md-table-cell",[a("code",[t._v("String")])]),t._v(" "),a("md-table-cell",[t._v("Resize or clip the image automatically based on the following options: "),a("br"),t._v("1:1 or 1/1, 4:3 or 4/3 and 16:9 or 16/9.")])],1),t._v(" "),a("md-table-row",[a("md-table-cell",[t._v("md-medium")]),t._v(" "),a("md-table-cell",[a("code",[t._v("Boolean")])]),t._v(" "),a("md-table-cell",[t._v("Applies medium size to the media. Works only inside md-card-header. Default "),a("code",[t._v("false")])])],1),t._v(" "),a("md-table-row",[a("md-table-cell",[t._v("md-big")]),t._v(" "),a("md-table-cell",[a("code",[t._v("Boolean")])]),t._v(" "),a("md-table-cell",[t._v("Applies big size to the media. Works only inside md-card-header. Default "),a("code",[t._v("false")])])],1)],1)],1)],1)]),t._v(" "),a("api-table",{attrs:{name:"md-card-media-actions"}},[a("p",[t._v("Used to align a media and actions side by side.")]),t._v(" "),a("p",[t._v("No options available")])]),t._v(" "),a("api-table",{attrs:{name:"md-card-media-cover"}},[a("div",{slot:"properties"},[a("p",[t._v("You will need to give a "),a("code",[t._v("<md-card-media>")]),t._v(" inside this component and a "),a("code",[t._v("<md-card-area>")]),t._v(". The media and the area will be automatically be placed in order inside the card.")]),t._v(" "),a("p",[t._v('Take a look at the example: "Image cover with predefined aspect ratio".')]),t._v(" "),a("md-table",[a("md-table-header",[a("md-table-row",[a("md-table-head",[t._v("Name")]),t._v(" "),a("md-table-head",[t._v("Type")]),t._v(" "),a("md-table-head",[t._v("Description")])],1)],1),t._v(" "),a("md-table-body",[a("md-table-row",[a("md-table-cell",[t._v("md-text-scrim")]),t._v(" "),a("md-table-cell",[a("code",[t._v("Boolean")])]),t._v(" "),a("md-table-cell",[t._v("Apply a gradient background based on the image. This option increase the legibility of the text applying background colors by extracting the amount of lightness on the image. If the image is dark so the background of the text will be lighter. If it's not dark then the background will be darker. This will be calculated automatically. Default "),a("code",[t._v("false")])])],1),t._v(" "),a("md-table-row",[a("md-table-cell",[t._v("md-solid")]),t._v(" "),a("md-table-cell",[a("code",[t._v("Boolean")])]),t._v(" "),a("md-table-cell",[t._v("Applies a solid background with the same calculation logic of the md-text-scrim. Default "),a("code",[t._v("false")])])],1)],1)],1)],1)]),t._v(" "),a("api-table",{attrs:{name:"md-card-expand"}},[a("p",[t._v('Create a expansible content area inside cards. Useful to "show more" content or load them on demand.')]),t._v(" "),a("p",[t._v("You will need a "),a("code",[t._v("<md-card-actions>")]),t._v(" with an element with a "),a("code",[t._v("md-expand-trigger")]),t._v(" attribute and a "),a("code",[t._v("<md-card-content>")]),t._v(" with the content that you want to show. The trigger will automatically toggle the content on click.")]),t._v(" "),a("p",[t._v("A simple HTML markup can be like that:")]),t._v(" "),a("code-block",{attrs:{lang:"xml"}},[t._v('\n          <md-card-expand>\n            <md-card-actions>\n              <md-button class="md-icon-button" md-expand-trigger>\n                <md-icon>keyboard_arrow_down</md-icon>\n              </md-button>\n            </md-card-actions>\n\n            <md-card-content>\n              Lorem ipsum dolor sit amet, consectetur adipisicing elit.\n            </md-card-content>\n          </md-card-expand>\n        ')]),t._v(" "),a("p",[t._v("No options available")])],1)],1),t._v(" "),a("div",{slot:"example"},[a("example-box",{attrs:{"card-title":"Regular Cards"}},[a("div",{staticClass:"card-holder",slot:"demo"},[a("md-card",[a("md-card-media",[a("img",{attrs:{src:"assets/card-image-1.jpg",alt:"People"}})]),t._v(" "),a("md-card-header",[a("div",{staticClass:"md-title"},[t._v("Title goes here")]),t._v(" "),a("div",{staticClass:"md-subhead"},[t._v("Subtitle here")])]),t._v(" "),a("md-card-actions",[a("md-button",[t._v("Action")]),t._v(" "),a("md-button",[t._v("Action")])],1),t._v(" "),a("md-card-content",[t._v("\n              Lorem ipsum dolor sit amet, consectetur adipisicing elit. Optio itaque ea, nostrum odio. Dolores, sed accusantium quasi non, voluptas eius illo quas, saepe voluptate pariatur in deleniti minus sint. Excepturi.\n            ")])],1),t._v(" "),a("md-card",[a("md-card-header",[a("md-card-header-text",[a("div",{staticClass:"md-title"},[t._v("Title goes here")]),t._v(" "),a("div",{staticClass:"md-subhead"},[t._v("Subtitle here")])]),t._v(" "),a("md-menu",{attrs:{"md-size":"4","md-direction":"bottom left"}},[a("md-button",{staticClass:"md-icon-button",attrs:{"md-menu-trigger":""}},[a("md-icon",[t._v("more_vert")])],1),t._v(" "),a("md-menu-content",[a("md-menu-item",[a("span",[t._v("Call")]),t._v(" "),a("md-icon",[t._v("phone")])],1),t._v(" "),a("md-menu-item",[a("span",[t._v("Send a message")]),t._v(" "),a("md-icon",[t._v("message")])],1)],1)],1)],1),t._v(" "),a("md-card-media",[a("img",{attrs:{src:"assets/card-image-1.jpg",alt:"People"}})]),t._v(" "),a("md-card-content",[t._v("\n              Lorem ipsum dolor sit amet, consectetur adipisicing elit. Optio itaque ea, nostrum odio. Dolores, sed accusantium quasi non, voluptas eius illo quas, saepe voluptate pariatur in deleniti minus sint. Excepturi.\n            ")])],1),t._v(" "),a("md-card",[a("md-card-media",[a("img",{attrs:{src:"assets/card-image-2.jpg",alt:"People"}})]),t._v(" "),a("md-card-content",[t._v("\n              Lorem ipsum dolor sit amet, consectetur adipisicing elit. Optio itaque ea nostrum.\n            ")])],1),t._v(" "),a("md-card",[a("md-card-media",[a("img",{attrs:{src:"assets/card-image-2.jpg",alt:"People"}})]),t._v(" "),a("md-card-header",[a("div",{staticClass:"md-title"},[t._v("Title goes here")]),t._v(" "),a("div",{staticClass:"md-subhead"},[t._v("Subtitle here")])]),t._v(" "),a("md-card-actions",[a("md-button",[t._v("Action")]),t._v(" "),a("md-button",[t._v("Action")])],1)],1)],1),t._v(" "),a("div",{slot:"code"},[a("code-block",{attrs:{lang:"xml"}},[t._v('\n            <md-card>\n              <md-card-media>\n                <img src="assets/card-image-1.jpg" alt="People">\n              </md-card-media>\n\n              <md-card-header>\n                <div class="md-title">Title goes here</div>\n                <div class="md-subhead">Subtitle here</div>\n              </md-card-header>\n\n              <md-card-actions>\n                <md-button>Action</md-button>\n                <md-button>Action</md-button>\n              </md-card-actions>\n\n              <md-card-content>\n                Lorem ipsum dolor sit amet, consectetur adipisicing elit. Optio itaque ea, nostrum odio. Dolores, sed accusantium quasi non, voluptas eius illo quas, saepe voluptate pariatur in deleniti minus sint. Excepturi.\n              </md-card-content>\n            </md-card>\n\n            <md-card>\n              <md-card-header>\n                <md-card-header-text>\n                  <div class="md-title">Title goes here</div>\n                  <div class="md-subhead">Subtitle here</div>\n                </md-card-header-text>\n\n                <md-menu md-size="4" md-direction="bottom left">\n                  <md-button class="md-icon-button" md-menu-trigger>\n                    <md-icon>more_vert</md-icon>\n                  </md-button>\n\n                  <md-menu-content>\n                    <md-menu-item>\n                      <span>Call</span>\n                      <md-icon>phone</md-icon>\n                    </md-menu-item>\n\n                    <md-menu-item>\n                      <span>Send a message</span>\n                      <md-icon>message</md-icon>\n                    </md-menu-item>\n                  </md-menu-content>\n                </md-menu>\n              </md-card-header>\n\n              <md-card-media>\n                <img src="assets/card-image-1.jpg" alt="People">\n              </md-card-media>\n\n              <md-card-content>\n                Lorem ipsum dolor sit amet, consectetur adipisicing elit. Optio itaque ea, nostrum odio. Dolores, sed accusantium quasi non, voluptas eius illo quas, saepe voluptate pariatur in deleniti minus sint. Excepturi.\n              </md-card-content>\n            </md-card>\n\n            <md-card>\n              <md-card-media>\n                <img src="assets/card-image-2.jpg" alt="People">\n              </md-card-media>\n\n              <md-card-content>\n                Lorem ipsum dolor sit amet, consectetur adipisicing elit. Optio itaque ea nostrum.\n              </md-card-content>\n            </md-card>\n\n            <md-card>\n              <md-card-media>\n                <img src="assets/card-image-2.jpg" alt="People">\n              </md-card-media>\n\n              <md-card-header>\n                <div class="md-title">Title goes here</div>\n                <div class="md-subhead">Subtitle here</div>\n              </md-card-header>\n\n              <md-card-actions>\n                <md-button>Action</md-button>\n                <md-button>Action</md-button>\n              </md-card-actions>\n            </md-card>\n          ')])],1)]),t._v(" "),a("example-box",{attrs:{"card-title":"Hover Effect"}},[a("div",{staticClass:"card-holder",slot:"demo"},[a("md-card",{attrs:{"md-with-hover":""}},[a("md-card-header",[a("div",{staticClass:"md-title"},[t._v("Title goes here")]),t._v(" "),a("div",{staticClass:"md-subhead"},[t._v("Subtitle here")])]),t._v(" "),a("md-card-content",[t._v("\n              Lorem ipsum dolor sit amet, consectetur adipisicing elit. Optio itaque ea, nostrum odio. Dolores, sed accusantium quasi non, voluptas eius illo quas, saepe voluptate pariatur in deleniti minus sint. Excepturi.\n            ")]),t._v(" "),a("md-card-actions",[a("md-button",[t._v("Action")]),t._v(" "),a("md-button",[t._v("Action")])],1)],1),t._v(" "),a("md-card",{attrs:{"md-with-hover":""}},[a("md-card-media",[a("img",{attrs:{src:"assets/card-image-1.jpg",alt:"People"}}),t._v(" "),a("md-ink-ripple")],1),t._v(" "),a("md-card-actions",[a("md-button",{staticClass:"md-icon-button"},[a("md-icon",[t._v("favorite")])],1),t._v(" "),a("md-button",{staticClass:"md-icon-button"},[a("md-icon",[t._v("bookmark")])],1),t._v(" "),a("md-button",{staticClass:"md-icon-button"},[a("md-icon",[t._v("share")])],1)],1)],1),t._v(" "),a("md-card",{attrs:{"md-with-hover":""}},[a("md-card-header",[a("md-avatar",[a("img",{attrs:{src:"assets/avatar.png",alt:"People"}})]),t._v(" "),a("div",{staticClass:"md-title"},[t._v("Title goes here")]),t._v(" "),a("div",{staticClass:"md-subhead"},[t._v("Subtitle here")])],1),t._v(" "),a("md-card-media",[a("img",{attrs:{src:"assets/card-image-1.jpg",alt:"People"}})]),t._v(" "),a("md-card-content",[t._v("\n              Lorem ipsum dolor sit amet, consectetur adipisicing elit. Optio itaque ea nostrum.\n            ")]),t._v(" "),a("md-card-actions",[a("md-button",[t._v("Action")]),t._v(" "),a("md-button",[t._v("Action")])],1)],1)],1),t._v(" "),a("div",{slot:"code"},[a("code-block",{attrs:{lang:"xml"}},[t._v('\n            <md-card md-with-hover>\n              <md-card-header>\n                <div class="md-title">Title goes here</div>\n                <div class="md-subhead">Subtitle here</div>\n              </md-card-header>\n\n              <md-card-content>\n                Lorem ipsum dolor sit amet, consectetur adipisicing elit. Optio itaque ea, nostrum odio. Dolores, sed accusantium quasi non, voluptas eius illo quas, saepe voluptate pariatur in deleniti minus sint. Excepturi.\n              </md-card-content>\n\n              <md-card-actions>\n                <md-button>Action</md-button>\n                <md-button>Action</md-button>\n              </md-card-actions>\n            </md-card>\n\n            <md-card md-with-hover>\n              <md-card-media>\n                <img src="assets/card-image-1.jpg" alt="People">\n\n                <md-ink-ripple></md-ink-ripple>\n              </md-card-media>\n\n              <md-card-actions>\n                <md-button class="md-icon-button">\n                  <md-icon>favorite</md-icon>\n                </md-button>\n\n                <md-button class="md-icon-button">\n                  <md-icon>bookmark</md-icon>\n                </md-button>\n\n                <md-button class="md-icon-button">\n                  <md-icon>share</md-icon>\n                </md-button>\n              </md-card-actions>\n            </md-card>\n\n            <md-card md-with-hover>\n              <md-card-header>\n                <md-avatar>\n                  <img src="assets/avatar.png" alt="People">\n                </md-avatar>\n\n                <div class="md-title">Title goes here</div>\n                <div class="md-subhead">Subtitle here</div>\n              </md-card-header>\n\n              <md-card-media>\n                <img src="assets/card-image-1.jpg" alt="People">\n              </md-card-media>\n\n              <md-card-content>\n                Lorem ipsum dolor sit amet, consectetur adipisicing elit. Optio itaque ea nostrum.\n              </md-card-content>\n\n              <md-card-actions>\n                <md-button>Action</md-button>\n                <md-button>Action</md-button>\n              </md-card-actions>\n            </md-card>\n          ')])],1)]),t._v(" "),a("example-box",{attrs:{"card-title":"Image cover with predefined aspect ratio"}},[a("div",{staticClass:"card-holder",slot:"demo"},[a("md-card",[a("md-card-media-cover",{attrs:{"md-text-scrim":""}},[a("md-card-media",{attrs:{"md-ratio":"16:9"}},[a("img",{attrs:{src:"assets/card-sky.jpg",alt:"Skyscraper"}})]),t._v(" "),a("md-card-area",[a("md-card-header",[a("div",{staticClass:"md-title"},[t._v("Title goes here")]),t._v(" "),a("div",{staticClass:"md-subhead"},[t._v("Subtitle here")])]),t._v(" "),a("md-card-actions",[a("md-button",[t._v("Action")]),t._v(" "),a("md-button",[t._v("Action")])],1)],1)],1)],1),t._v(" "),a("md-card",[a("md-card-media-cover",{attrs:{"md-solid":""}},[a("md-card-media",{attrs:{"md-ratio":"1:1"}},[a("img",{attrs:{src:"assets/card-sky.jpg",alt:"Skyscraper"}})]),t._v(" "),a("md-card-area",[a("md-card-header",[a("div",{staticClass:"md-title"},[t._v("Title goes here")]),t._v(" "),a("div",{staticClass:"md-subhead"},[t._v("Subtitle here")])]),t._v(" "),a("md-card-actions",[a("md-button",[t._v("Action")]),t._v(" "),a("md-button",[t._v("Action")])],1)],1)],1)],1)],1),t._v(" "),a("div",{slot:"code"},[a("code-block",{attrs:{lang:"xml"}},[t._v('\n            <md-card>\n              <md-card-media-cover md-text-scrim>\n                <md-card-media md-ratio="16:9">\n                  <img src="assets/card-sky.jpg" alt="Skyscraper">\n                </md-card-media>\n\n                <md-card-area>\n                  <md-card-header>\n                    <div class="md-title">Title goes here</div>\n                    <div class="md-subhead">Subtitle here</div>\n                  </md-card-header>\n\n                  <md-card-actions>\n                    <md-button>Action</md-button>\n                    <md-button>Action</md-button>\n                  </md-card-actions>\n                </md-card-area>\n              </md-card-media-cover>\n            </md-card>\n\n            <md-card>\n              <md-card-media-cover md-solid>\n                <md-card-media md-ratio="1:1">\n                  <img src="assets/card-sky.jpg" alt="Skyscraper">\n                </md-card-media>\n\n                <md-card-area>\n                  <md-card-header>\n                    <div class="md-title">Title goes here</div>\n                    <div class="md-subhead">Subtitle here</div>\n                  </md-card-header>\n\n                  <md-card-actions>\n                    <md-button>Action</md-button>\n                    <md-button>Action</md-button>\n                  </md-card-actions>\n                </md-card-area>\n              </md-card-media-cover>\n            </md-card>\n          ')])],1)]),t._v(" "),a("example-box",{attrs:{"card-title":"Media"}},[a("div",{staticClass:"card-holder",slot:"demo"},[a("md-card",[a("md-card-header",[a("md-card-header-text",[a("div",{staticClass:"md-title"},[t._v("Title goes here")]),t._v(" "),a("div",{staticClass:"md-subhead"},[t._v("Subtitle here")])]),t._v(" "),a("md-card-media",[a("img",{attrs:{src:"assets/avatar-2.jpg",alt:"People"}})])],1),t._v(" "),a("md-card-actions",[a("md-button",[t._v("Action")]),t._v(" "),a("md-button",[t._v("Action")])],1)],1),t._v(" "),a("md-card",[a("md-card-header",[a("md-card-header-text",[a("div",{staticClass:"md-title"},[t._v("Title goes here")]),t._v(" "),a("div",{staticClass:"md-subhead"},[t._v("Subtitle here")])]),t._v(" "),a("md-card-media",{attrs:{"md-medium":""}},[a("img",{attrs:{src:"assets/card-weather.png",alt:"People"}})])],1),t._v(" "),a("md-card-actions",[a("md-button",[t._v("Action")]),t._v(" "),a("md-button",[t._v("Action")])],1)],1),t._v(" "),a("md-card",[a("md-card-header",[a("md-card-header-text",[a("div",{staticClass:"md-title"},[t._v("Title goes")]),t._v(" "),a("div",{staticClass:"md-subhead"},[t._v("Subtitle here")])]),t._v(" "),a("md-card-media",{attrs:{"md-big":""}},[a("img",{attrs:{src:"assets/card-weather.png",alt:"People"}})])],1),t._v(" "),a("md-card-actions",[a("md-button",[t._v("Action")]),t._v(" "),a("md-button",[t._v("Action")])],1)],1),t._v(" "),a("md-card",[a("md-card-media-actions",[a("md-card-media",[a("img",{attrs:{src:"assets/cover.png",alt:"Cover"}})]),t._v(" "),a("md-card-actions",[a("md-button",{staticClass:"md-icon-button"},[a("md-icon",[t._v("favorite")])],1),t._v(" "),a("md-button",{staticClass:"md-icon-button"},[a("md-icon",[t._v("bookmark")])],1),t._v(" "),a("md-button",{staticClass:"md-icon-button"},[a("md-icon",[t._v("share")])],1)],1)],1)],1)],1),t._v(" "),a("div",{slot:"code"},[a("code-block",{attrs:{lang:"xml"}},[t._v('\n            <md-card>\n              <md-card-header>\n                <md-card-header-text>\n                  <div class="md-title">Title goes here</div>\n                  <div class="md-subhead">Subtitle here</div>\n                </md-card-header-text>\n\n                <md-card-media>\n                  <img src="assets/avatar-2.jpg" alt="People">\n                </md-card-media>\n              </md-card-header>\n\n              <md-card-actions>\n                <md-button>Action</md-button>\n                <md-button>Action</md-button>\n              </md-card-actions>\n            </md-card>\n\n            <md-card>\n              <md-card-header>\n                <md-card-header-text>\n                  <div class="md-title">Title goes here</div>\n                  <div class="md-subhead">Subtitle here</div>\n                </md-card-header-text>\n\n                <md-card-media md-medium>\n                  <img src="assets/card-weather.png" alt="People">\n                </md-card-media>\n              </md-card-header>\n\n              <md-card-actions>\n                <md-button>Action</md-button>\n                <md-button>Action</md-button>\n              </md-card-actions>\n            </md-card>\n\n            <md-card>\n              <md-card-header>\n                <md-card-header-text>\n                  <div class="md-title">Title goes</div>\n                  <div class="md-subhead">Subtitle here</div>\n                </md-card-header-text>\n\n                <md-card-media md-big>\n                  <img src="assets/card-weather.png" alt="People">\n                </md-card-media>\n              </md-card-header>\n\n              <md-card-actions>\n                <md-button>Action</md-button>\n                <md-button>Action</md-button>\n              </md-card-actions>\n            </md-card>\n\n            <md-card>\n              <md-card-media-actions>\n                <md-card-media>\n                  <img src="assets/cover.png" alt="Cover">\n                </md-card-media>\n\n                <md-card-actions>\n                  <md-button class="md-icon-button">\n                    <md-icon>favorite</md-icon>\n                  </md-button>\n\n                  <md-button class="md-icon-button">\n                    <md-icon>bookmark</md-icon>\n                  </md-button>\n\n                  <md-button class="md-icon-button">\n                    <md-icon>share</md-icon>\n                  </md-button>\n                </md-card-actions>\n              </md-card-media-actions>\n            </md-card>\n          ')])],1)]),t._v(" "),a("example-box",{attrs:{"card-title":"Full Control"}},[a("div",{staticClass:"card-holder",slot:"demo"},[a("md-card",[a("md-card-area",[a("md-card-media",[a("img",{attrs:{src:"assets/card-image-1.jpg",alt:"People"}})]),t._v(" "),a("md-card-header",[a("div",{staticClass:"md-title"},[t._v("Title goes here")]),t._v(" "),a("div",{staticClass:"md-subhead"},[t._v("Subtitle here")])]),t._v(" "),a("md-card-content",[t._v("\n                Lorem ipsum dolor sit amet, consectetur adipisicing elit. Optio itaque ea, nostrum odio. Dolores, sed accusantium quasi non, voluptas eius illo quas, saepe voluptate pariatur in deleniti minus sint. Excepturi.\n              ")])],1),t._v(" "),a("md-card-actions",[a("md-button",[t._v("Action")]),t._v(" "),a("md-button",[t._v("Action")])],1)],1),t._v(" "),a("md-card",[a("md-card-media",[a("img",{attrs:{src:"assets/card-image-1.jpg",alt:"People"}})]),t._v(" "),a("md-card-header",[a("div",{staticClass:"md-title"},[t._v("Title goes here")]),t._v(" "),a("div",{staticClass:"md-subhead"},[t._v("Subtitle here")])]),t._v(" "),a("md-card-expand",[a("md-card-actions",[a("md-button",[t._v("Action")]),t._v(" "),a("md-button",[t._v("Action")]),t._v(" "),a("span",{staticStyle:{flex:"1"}}),t._v(" "),a("md-button",{staticClass:"md-icon-button",attrs:{"md-expand-trigger":""}},[a("md-icon",[t._v("keyboard_arrow_down")])],1)],1),t._v(" "),a("md-card-content",[t._v("\n                Lorem ipsum dolor sit amet, consectetur adipisicing elit. Optio itaque ea, nostrum odio. Dolores, sed accusantium quasi non, voluptas eius illo quas, saepe voluptate pariatur in deleniti minus sint. Excepturi.\n              ")])],1)],1)],1),t._v(" "),a("div",{slot:"code"},[a("code-block",{attrs:{lang:"xml"}},[t._v('\n            <md-card>\n              <md-card-area>\n                <md-card-media>\n                  <img src="assets/card-image-1.jpg" alt="People">\n                </md-card-media>\n\n                <md-card-header>\n                  <div class="md-title">Title goes here</div>\n                  <div class="md-subhead">Subtitle here</div>\n                </md-card-header>\n\n                <md-card-content>\n                  Lorem ipsum dolor sit amet, consectetur adipisicing elit. Optio itaque ea, nostrum odio. Dolores, sed accusantium quasi non, voluptas eius illo quas, saepe voluptate pariatur in deleniti minus sint. Excepturi.\n                </md-card-content>\n              </md-card-area>\n\n              <md-card-actions>\n                <md-button>Action</md-button>\n                <md-button>Action</md-button>\n              </md-card-actions>\n            </md-card>\n\n            <md-card>\n              <md-card-media>\n                <img src="assets/card-image-1.jpg" alt="People">\n              </md-card-media>\n\n              <md-card-header>\n                <div class="md-title">Title goes here</div>\n                <div class="md-subhead">Subtitle here</div>\n              </md-card-header>\n\n              <md-card-expand>\n                <md-card-actions>\n                  <md-button>Action</md-button>\n                  <md-button>Action</md-button>\n                  <span style="flex: 1"></span>\n                  <md-button class="md-icon-button" md-expand-trigger>\n                    <md-icon>keyboard_arrow_down</md-icon>\n                  </md-button>\n                </md-card-actions>\n\n                <md-card-content>\n                  Lorem ipsum dolor sit amet, consectetur adipisicing elit. Optio itaque ea, nostrum odio. Dolores, sed accusantium quasi non, voluptas eius illo quas, saepe voluptate pariatur in deleniti minus sint. Excepturi.\n                </md-card-content>\n              </md-card-expand>\n            </md-card>\n          ')])],1)]),t._v(" "),a("example-box",{attrs:{"card-title":"Themes"}},[a("div",{staticClass:"card-holder",slot:"demo"},[a("md-card",{staticClass:"md-primary"},[a("md-card-media",[a("img",{attrs:{src:"assets/card-image-1.jpg",alt:"People"}})]),t._v(" "),a("md-card-header",[a("div",{staticClass:"md-title"},[t._v("Title goes here")]),t._v(" "),a("div",{staticClass:"md-subhead"},[t._v("Subtitle here")])]),t._v(" "),a("md-card-actions",[a("md-button",[t._v("Action")]),t._v(" "),a("md-button",[t._v("Action")])],1),t._v(" "),a("md-card-content",[t._v("\n              Lorem ipsum dolor sit amet, consectetur adipisicing elit. Optio itaque ea, nostrum odio. Dolores, sed accusantium quasi non, voluptas eius illo quas, saepe voluptate pariatur in deleniti minus sint. Excepturi.\n            ")])],1),t._v(" "),a("md-card",{staticClass:"md-accent"},[a("md-card-header",[a("md-card-header-text",[a("div",{staticClass:"md-title"},[t._v("Title goes here")]),t._v(" "),a("div",{staticClass:"md-subhead"},[t._v("Subtitle here")])]),t._v(" "),a("md-menu",{attrs:{"md-size":"4","md-direction":"bottom left"}},[a("md-button",{staticClass:"md-icon-button",attrs:{"md-menu-trigger":""}},[a("md-icon",[t._v("more_vert")])],1),t._v(" "),a("md-menu-content",[a("md-menu-item",[a("span",[t._v("Call")]),t._v(" "),a("md-icon",[t._v("phone")])],1),t._v(" "),a("md-menu-item",[a("span",[t._v("Send a message")]),t._v(" "),a("md-icon",[t._v("message")])],1)],1)],1)],1),t._v(" "),a("md-card-media",[a("img",{attrs:{src:"assets/card-image-1.jpg",alt:"People"}})]),t._v(" "),a("md-card-content",[t._v("\n              Lorem ipsum dolor sit amet, consectetur adipisicing elit. Optio itaque ea, nostrum odio. Dolores, sed accusantium quasi non, voluptas eius illo quas, saepe voluptate pariatur in deleniti minus sint. Excepturi.\n            ")])],1),t._v(" "),a("md-card",{staticClass:"md-warn"},[a("md-card-media",[a("img",{attrs:{src:"assets/card-image-2.jpg",alt:"People"}})]),t._v(" "),a("md-card-header",[a("div",{staticClass:"md-title"},[t._v("Title goes here")]),t._v(" "),a("div",{staticClass:"md-subhead"},[t._v("Subtitle here")])]),t._v(" "),a("md-card-actions",[a("md-button",[t._v("Action")]),t._v(" "),a("md-button",[t._v("Action")])],1)],1)],1),t._v(" "),a("div",{slot:"code"},[a("code-block",{attrs:{lang:"xml"}},[t._v('\n            <md-card class="md-primary">\n              <md-card-media>\n                <img src="assets/card-image-1.jpg" alt="People">\n              </md-card-media>\n\n              <md-card-header>\n                <div class="md-title">Title goes here</div>\n                <div class="md-subhead">Subtitle here</div>\n              </md-card-header>\n\n              <md-card-actions>\n                <md-button>Action</md-button>\n                <md-button>Action</md-button>\n              </md-card-actions>\n\n              <md-card-content>\n                Lorem ipsum dolor sit amet, consectetur adipisicing elit. Optio itaque ea, nostrum odio. Dolores, sed accusantium quasi non, voluptas eius illo quas, saepe voluptate pariatur in deleniti minus sint. Excepturi.\n              </md-card-content>\n            </md-card>\n\n            <md-card class="md-accent">\n              <md-card-header>\n                <md-card-header-text>\n                  <div class="md-title">Title goes here</div>\n                  <div class="md-subhead">Subtitle here</div>\n                </md-card-header-text>\n\n                <md-menu md-size="4" md-direction="bottom left">\n                  <md-button class="md-icon-button" md-menu-trigger>\n                    <md-icon>more_vert</md-icon>\n                  </md-button>\n\n                  <md-menu-content>\n                    <md-menu-item>\n                      <span>Call</span>\n                      <md-icon>phone</md-icon>\n                    </md-menu-item>\n\n                    <md-menu-item>\n                      <span>Send a message</span>\n                      <md-icon>message</md-icon>\n                    </md-menu-item>\n                  </md-menu-content>\n                </md-menu>\n              </md-card-header>\n\n              <md-card-media>\n                <img src="assets/card-image-1.jpg" alt="People">\n              </md-card-media>\n\n              <md-card-content>\n                Lorem ipsum dolor sit amet, consectetur adipisicing elit. Optio itaque ea, nostrum odio. Dolores, sed accusantium quasi non, voluptas eius illo quas, saepe voluptate pariatur in deleniti minus sint. Excepturi.\n              </md-card-content>\n            </md-card>\n\n            <md-card class="md-warn">\n              <md-card-media>\n                <img src="assets/card-image-2.jpg" alt="People">\n              </md-card-media>\n\n              <md-card-header>\n                <div class="md-title">Title goes here</div>\n                <div class="md-subhead">Subtitle here</div>\n              </md-card-header>\n\n              <md-card-actions >\n                <md-button>Action</md-button>\n                <md-button>Action</md-button>\n              </md-card-actions>\n            </md-card>\n          ')])],1)]),t._v(" "),a("example-box",{
-attrs:{"card-title":"Complete Example"}},[a("div",{staticClass:"card-holder",slot:"demo"},[a("md-card",{staticClass:"card-example"},[a("md-card-area",{attrs:{"md-inset":""}},[a("md-card-media",{attrs:{"md-ratio":"16:9"}},[a("img",{attrs:{src:"assets/card-example.jpg",alt:"Coffee House"}})]),t._v(" "),a("md-card-header",[a("h2",{staticClass:"md-title"},[t._v("Coffee House")]),t._v(" "),a("div",{staticClass:"md-subhead"},[a("md-icon",[t._v("location_on")]),t._v(" "),a("span",[t._v("2 miles")])],1)]),t._v(" "),a("md-card-content",[t._v("\n                Illy Coffee served with a complimentary Leonidas Belgian Chocolate with all beverages.\n              ")])],1),t._v(" "),a("md-card-content",[a("h3",{staticClass:"md-subheading"},[t._v("Today's availability")]),t._v(" "),a("div",{staticClass:"card-reservation"},[a("md-icon",[t._v("access_time")]),t._v(" "),a("md-button-toggle",{staticClass:"md-button-group",attrs:{"md-single":""}},[a("md-button",[t._v("5:30PM")]),t._v(" "),a("md-button",[t._v("7:30PM")]),t._v(" "),a("md-button",[t._v("9:00PM")])],1)],1)]),t._v(" "),a("md-card-actions",[a("md-button",{staticClass:"md-primary"},[t._v("Reserve")])],1)],1)],1),t._v(" "),a("div",{slot:"code"},[a("code-block",{attrs:{lang:"xml"}},[t._v('\n            <md-card class="card-example">\n              <md-card-area md-inset>\n                <md-card-media md-ratio="16:9">\n                  <img src="assets/card-example.jpg" alt="Coffee House">\n                </md-card-media>\n\n                <md-card-header>\n                  <h2 class="md-title">Coffee House</h2>\n                  <div class="md-subhead">\n                    <md-icon>location_on</md-icon>\n                    <span>2 miles</span>\n                  </div>\n                </md-card-header>\n\n                <md-card-content>\n                  Illy Coffee served with a complimentary Leonidas Belgian Chocolate with all beverages.\n                </md-card-content>\n              </md-card-area>\n\n              <md-card-content>\n                <h3 class="md-subheading">Today\'s availability</h3>\n                <div class="card-reservation">\n                  <md-icon>access_time</md-icon>\n                  <md-button-toggle md-single class="md-button-group">\n                    <md-button>5:30PM</md-button>\n                    <md-button>7:30PM</md-button>\n                    <md-button>9:00PM</md-button>\n                  </md-button-toggle>\n                </div>\n              </md-card-content>\n\n              <md-card-actions>\n                <md-button class="md-primary">Reserve</md-button>\n              </md-card-actions>\n            </md-card>\n          ')]),t._v(" "),a("code-block",{attrs:{lang:"sass"}},[t._v("\n            .card-example {\n              .md-subhead {\n                .md-icon {\n                  $size: 16px;\n\n                  width: $size;\n                  min-width: $size;\n                  height: $size;\n                  min-height: $size;\n                  font-size: $size;\n                  line-height: $size;\n                }\n\n                span {\n                  vertical-align: middle;\n                }\n              }\n\n              .card-reservation {\n                margin-top: 8px;\n                display: flex;\n                align-items: center;\n                justify-content: space-around;\n\n                .md-icon {\n                  margin: 8px;\n                  color: rgba(#000, .54) !important;\n                }\n\n                .md-button {\n                  border-radius: 2px !important;\n                }\n              }\n            }\n          ")])],1)])],1)])],1)},staticRenderFns:[]}},589:function(t,e,a){var d=a(521);"string"==typeof d&&(d=[[t.i,d,""]]),d.locals&&(t.exports=d.locals);a(5)("098f116b",d,!0)}});
\ No newline at end of file
+webpackJsonp([21,34],{467:function(t,e,a){a(588);var d=a(0)(null,a(551),"data-v-2b6a83fc",null);t.exports=d.exports},520:function(t,e,a){e=t.exports=a(4)(),e.push([t.i,".card-holder .md-card[data-v-2b6a83fc]{width:100%;max-width:320px;margin:0 4px 16px;display:inline-block;vertical-align:top}.card-example .md-subhead .md-icon[data-v-2b6a83fc]{width:16px;min-width:16px;height:16px;min-height:16px;font-size:16px;line-height:16px}.card-example .md-subhead span[data-v-2b6a83fc]{vertical-align:middle}.card-example .card-reservation[data-v-2b6a83fc]{margin-top:8px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:distribute;justify-content:space-around}.card-example .card-reservation .md-icon[data-v-2b6a83fc]{margin:8px;color:rgba(0,0,0,.54)!important}.card-example .card-reservation .md-button[data-v-2b6a83fc]{border-radius:2px!important}",""])},551:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("page-content",{attrs:{"page-title":"Components - Card"}},[a("docs-component",[a("div",{slot:"description"},[a("p",[t._v("Cards may contain a photo, text, and a link about a single subject. They may display content containing elements of varying size, such as photos with captions of variable length.")]),t._v(" "),a("p",[t._v("The card components are very granular. Every single part of a card is a component. You can combine them in any order that you want, following the same logic of the examples.")]),t._v(" "),a("p",[t._v('You can also use other Material components inside the card, like the "Complete Example".')]),t._v(" "),a("p",[t._v("The following classes can be applied to change the color palette:")]),t._v(" "),a("ul",{staticClass:"md-body-2"},[a("li",[a("code",[t._v("md-primary")])]),t._v(" "),a("li",[a("code",[t._v("md-accent")])]),t._v(" "),a("li",[a("code",[t._v("md-warn")])])])]),t._v(" "),a("div",{slot:"api"},[a("api-table",{attrs:{name:"md-card"}},[a("md-table",{slot:"properties"},[a("md-table-header",[a("md-table-row",[a("md-table-head",[t._v("Name")]),t._v(" "),a("md-table-head",[t._v("Type")]),t._v(" "),a("md-table-head",[t._v("Description")])],1)],1),t._v(" "),a("md-table-body",[a("md-table-row",[a("md-table-cell",[t._v("md-with-hover")]),t._v(" "),a("md-table-cell",[a("code",[t._v("Boolean")])]),t._v(" "),a("md-table-cell",[t._v("Enable full hover elevation in card. Default "),a("code",[t._v("false")])])],1)],1)],1)],1),t._v(" "),a("api-table",{attrs:{name:"md-card-header"}},[a("p",[t._v("Can display titles, subheads, medias and avatars in a header.")]),t._v(" "),a("p",[t._v("No options available")])]),t._v(" "),a("api-table",{attrs:{name:"md-card-header-text"}},[a("p",[t._v('Used inside a card header to group the title and the subhead. Useful to align with an action (like a overflow button) or a media inside headers, like on the "Media" example.')]),t._v(" "),a("p",[t._v("No options available")])]),t._v(" "),a("api-table",{attrs:{name:"md-card-content"}},[a("p",[t._v("Display the content of the card. Most used with plain text or with simple HTML content, like bold and italic tags.")]),t._v(" "),a("p",[t._v("No options available")])]),t._v(" "),a("api-table",{attrs:{name:"md-card-actions"}},[a("p",[t._v("Hold the actions of a card align them on the right. Here you can add "),a("code",[t._v("<md-button>")]),t._v(" with or without icons.")]),t._v(" "),a("p",[t._v("No options available")])]),t._v(" "),a("api-table",{attrs:{name:"md-card-area"}},[a("div",{slot:"properties"},[a("p",[t._v("A card area create a division inside the card. This will apply a border on the bottom (only works if the card area is not the last element).")]),t._v(" "),a("p",[t._v('You can see an example of use on the "Complete example".')]),t._v(" "),a("md-table",[a("md-table-header",[a("md-table-row",[a("md-table-head",[t._v("Name")]),t._v(" "),a("md-table-head",[t._v("Type")]),t._v(" "),a("md-table-head",[t._v("Description")])],1)],1),t._v(" "),a("md-table-body",[a("md-table-row",[a("md-table-cell",[t._v("md-inset")]),t._v(" "),a("md-table-cell",[a("code",[t._v("Boolean")])]),t._v(" "),a("md-table-cell",[t._v("Apply a inset border. Default "),a("code",[t._v("false")])])],1)],1)],1)],1)]),t._v(" "),a("api-table",{attrs:{name:"md-card-media"}},[a("div",{slot:"properties"},[a("p",[t._v("The card media display images (and other types of media) inside cards. Can be used inside and outsite a card header.")]),t._v(" "),a("md-table",[a("md-table-header",[a("md-table-row",[a("md-table-head",[t._v("Name")]),t._v(" "),a("md-table-head",[t._v("Type")]),t._v(" "),a("md-table-head",[t._v("Description")])],1)],1),t._v(" "),a("md-table-body",[a("md-table-row",[a("md-table-cell",[t._v("md-ratio")]),t._v(" "),a("md-table-cell",[a("code",[t._v("String")])]),t._v(" "),a("md-table-cell",[t._v("Resize or clip the image automatically based on the following options: "),a("br"),t._v("1:1 or 1/1, 4:3 or 4/3 and 16:9 or 16/9.")])],1),t._v(" "),a("md-table-row",[a("md-table-cell",[t._v("md-medium")]),t._v(" "),a("md-table-cell",[a("code",[t._v("Boolean")])]),t._v(" "),a("md-table-cell",[t._v("Applies medium size to the media. Works only inside md-card-header. Default "),a("code",[t._v("false")])])],1),t._v(" "),a("md-table-row",[a("md-table-cell",[t._v("md-big")]),t._v(" "),a("md-table-cell",[a("code",[t._v("Boolean")])]),t._v(" "),a("md-table-cell",[t._v("Applies big size to the media. Works only inside md-card-header. Default "),a("code",[t._v("false")])])],1)],1)],1)],1)]),t._v(" "),a("api-table",{attrs:{name:"md-card-media-actions"}},[a("p",[t._v("Used to align a media and actions side by side.")]),t._v(" "),a("p",[t._v("No options available")])]),t._v(" "),a("api-table",{attrs:{name:"md-card-media-cover"}},[a("div",{slot:"properties"},[a("p",[t._v("You will need to give a "),a("code",[t._v("<md-card-media>")]),t._v(" inside this component and a "),a("code",[t._v("<md-card-area>")]),t._v(". The media and the area will be automatically be placed in order inside the card.")]),t._v(" "),a("p",[t._v('Take a look at the example: "Image cover with predefined aspect ratio".')]),t._v(" "),a("md-table",[a("md-table-header",[a("md-table-row",[a("md-table-head",[t._v("Name")]),t._v(" "),a("md-table-head",[t._v("Type")]),t._v(" "),a("md-table-head",[t._v("Description")])],1)],1),t._v(" "),a("md-table-body",[a("md-table-row",[a("md-table-cell",[t._v("md-text-scrim")]),t._v(" "),a("md-table-cell",[a("code",[t._v("Boolean")])]),t._v(" "),a("md-table-cell",[t._v("Apply a gradient background based on the image. This option increase the legibility of the text applying background colors by extracting the amount of lightness on the image. If the image is dark so the background of the text will be lighter. If it's not dark then the background will be darker. This will be calculated automatically. Default "),a("code",[t._v("false")])])],1),t._v(" "),a("md-table-row",[a("md-table-cell",[t._v("md-solid")]),t._v(" "),a("md-table-cell",[a("code",[t._v("Boolean")])]),t._v(" "),a("md-table-cell",[t._v("Applies a solid background with the same calculation logic of the md-text-scrim. Default "),a("code",[t._v("false")])])],1)],1)],1)],1)]),t._v(" "),a("api-table",{attrs:{name:"md-card-expand"}},[a("p",[t._v('Create a expansible content area inside cards. Useful to "show more" content or load them on demand.')]),t._v(" "),a("p",[t._v("You will need a "),a("code",[t._v("<md-card-actions>")]),t._v(" with an element with a "),a("code",[t._v("md-expand-trigger")]),t._v(" attribute and a "),a("code",[t._v("<md-card-content>")]),t._v(" with the content that you want to show. The trigger will automatically toggle the content on click.")]),t._v(" "),a("p",[t._v("A simple HTML markup can be like that:")]),t._v(" "),a("code-block",{attrs:{lang:"xml"}},[t._v('\n          <md-card-expand>\n            <md-card-actions>\n              <md-button class="md-icon-button" md-expand-trigger>\n                <md-icon>keyboard_arrow_down</md-icon>\n              </md-button>\n            </md-card-actions>\n\n            <md-card-content>\n              Lorem ipsum dolor sit amet, consectetur adipisicing elit.\n            </md-card-content>\n          </md-card-expand>\n        ')]),t._v(" "),a("p",[t._v("No options available")])],1)],1),t._v(" "),a("div",{slot:"example"},[a("example-box",{attrs:{"card-title":"Regular Cards"}},[a("div",{staticClass:"card-holder",slot:"demo"},[a("md-card",[a("md-card-media",[a("img",{attrs:{src:"assets/card-image-1.jpg",alt:"People"}})]),t._v(" "),a("md-card-header",[a("div",{staticClass:"md-title"},[t._v("Title goes here")]),t._v(" "),a("div",{staticClass:"md-subhead"},[t._v("Subtitle here")])]),t._v(" "),a("md-card-actions",[a("md-button",[t._v("Action")]),t._v(" "),a("md-button",[t._v("Action")])],1),t._v(" "),a("md-card-content",[t._v("\n              Lorem ipsum dolor sit amet, consectetur adipisicing elit. Optio itaque ea, nostrum odio. Dolores, sed accusantium quasi non, voluptas eius illo quas, saepe voluptate pariatur in deleniti minus sint. Excepturi.\n            ")])],1),t._v(" "),a("md-card",[a("md-card-header",[a("md-card-header-text",[a("div",{staticClass:"md-title"},[t._v("Title goes here")]),t._v(" "),a("div",{staticClass:"md-subhead"},[t._v("Subtitle here")])]),t._v(" "),a("md-menu",{attrs:{"md-size":"4","md-direction":"bottom left"}},[a("md-button",{staticClass:"md-icon-button",attrs:{"md-menu-trigger":""}},[a("md-icon",[t._v("more_vert")])],1),t._v(" "),a("md-menu-content",[a("md-menu-item",[a("span",[t._v("Call")]),t._v(" "),a("md-icon",[t._v("phone")])],1),t._v(" "),a("md-menu-item",[a("span",[t._v("Send a message")]),t._v(" "),a("md-icon",[t._v("message")])],1)],1)],1)],1),t._v(" "),a("md-card-media",[a("img",{attrs:{src:"assets/card-image-1.jpg",alt:"People"}})]),t._v(" "),a("md-card-content",[t._v("\n              Lorem ipsum dolor sit amet, consectetur adipisicing elit. Optio itaque ea, nostrum odio. Dolores, sed accusantium quasi non, voluptas eius illo quas, saepe voluptate pariatur in deleniti minus sint. Excepturi.\n            ")])],1),t._v(" "),a("md-card",[a("md-card-media",[a("img",{attrs:{src:"assets/card-image-2.jpg",alt:"People"}})]),t._v(" "),a("md-card-content",[t._v("\n              Lorem ipsum dolor sit amet, consectetur adipisicing elit. Optio itaque ea nostrum.\n            ")])],1),t._v(" "),a("md-card",[a("md-card-media",[a("img",{attrs:{src:"assets/card-image-2.jpg",alt:"People"}})]),t._v(" "),a("md-card-header",[a("div",{staticClass:"md-title"},[t._v("Title goes here")]),t._v(" "),a("div",{staticClass:"md-subhead"},[t._v("Subtitle here")])]),t._v(" "),a("md-card-actions",[a("md-button",[t._v("Action")]),t._v(" "),a("md-button",[t._v("Action")])],1)],1)],1),t._v(" "),a("div",{slot:"code"},[a("code-block",{attrs:{lang:"xml"}},[t._v('\n            <md-card>\n              <md-card-media>\n                <img src="assets/card-image-1.jpg" alt="People">\n              </md-card-media>\n\n              <md-card-header>\n                <div class="md-title">Title goes here</div>\n                <div class="md-subhead">Subtitle here</div>\n              </md-card-header>\n\n              <md-card-actions>\n                <md-button>Action</md-button>\n                <md-button>Action</md-button>\n              </md-card-actions>\n\n              <md-card-content>\n                Lorem ipsum dolor sit amet, consectetur adipisicing elit. Optio itaque ea, nostrum odio. Dolores, sed accusantium quasi non, voluptas eius illo quas, saepe voluptate pariatur in deleniti minus sint. Excepturi.\n              </md-card-content>\n            </md-card>\n\n            <md-card>\n              <md-card-header>\n                <md-card-header-text>\n                  <div class="md-title">Title goes here</div>\n                  <div class="md-subhead">Subtitle here</div>\n                </md-card-header-text>\n\n                <md-menu md-size="4" md-direction="bottom left">\n                  <md-button class="md-icon-button" md-menu-trigger>\n                    <md-icon>more_vert</md-icon>\n                  </md-button>\n\n                  <md-menu-content>\n                    <md-menu-item>\n                      <span>Call</span>\n                      <md-icon>phone</md-icon>\n                    </md-menu-item>\n\n                    <md-menu-item>\n                      <span>Send a message</span>\n                      <md-icon>message</md-icon>\n                    </md-menu-item>\n                  </md-menu-content>\n                </md-menu>\n              </md-card-header>\n\n              <md-card-media>\n                <img src="assets/card-image-1.jpg" alt="People">\n              </md-card-media>\n\n              <md-card-content>\n                Lorem ipsum dolor sit amet, consectetur adipisicing elit. Optio itaque ea, nostrum odio. Dolores, sed accusantium quasi non, voluptas eius illo quas, saepe voluptate pariatur in deleniti minus sint. Excepturi.\n              </md-card-content>\n            </md-card>\n\n            <md-card>\n              <md-card-media>\n                <img src="assets/card-image-2.jpg" alt="People">\n              </md-card-media>\n\n              <md-card-content>\n                Lorem ipsum dolor sit amet, consectetur adipisicing elit. Optio itaque ea nostrum.\n              </md-card-content>\n            </md-card>\n\n            <md-card>\n              <md-card-media>\n                <img src="assets/card-image-2.jpg" alt="People">\n              </md-card-media>\n\n              <md-card-header>\n                <div class="md-title">Title goes here</div>\n                <div class="md-subhead">Subtitle here</div>\n              </md-card-header>\n\n              <md-card-actions>\n                <md-button>Action</md-button>\n                <md-button>Action</md-button>\n              </md-card-actions>\n            </md-card>\n          ')])],1)]),t._v(" "),a("example-box",{attrs:{"card-title":"Hover Effect"}},[a("div",{staticClass:"card-holder",slot:"demo"},[a("md-card",{attrs:{"md-with-hover":""}},[a("md-card-header",[a("div",{staticClass:"md-title"},[t._v("Title goes here")]),t._v(" "),a("div",{staticClass:"md-subhead"},[t._v("Subtitle here")])]),t._v(" "),a("md-card-content",[t._v("\n              Lorem ipsum dolor sit amet, consectetur adipisicing elit. Optio itaque ea, nostrum odio. Dolores, sed accusantium quasi non, voluptas eius illo quas, saepe voluptate pariatur in deleniti minus sint. Excepturi.\n            ")]),t._v(" "),a("md-card-actions",[a("md-button",[t._v("Action")]),t._v(" "),a("md-button",[t._v("Action")])],1)],1),t._v(" "),a("md-card",{attrs:{"md-with-hover":""}},[a("md-card-media",[a("img",{attrs:{src:"assets/card-image-1.jpg",alt:"People"}}),t._v(" "),a("md-ink-ripple")],1),t._v(" "),a("md-card-actions",[a("md-button",{staticClass:"md-icon-button"},[a("md-icon",[t._v("favorite")])],1),t._v(" "),a("md-button",{staticClass:"md-icon-button"},[a("md-icon",[t._v("bookmark")])],1),t._v(" "),a("md-button",{staticClass:"md-icon-button"},[a("md-icon",[t._v("share")])],1)],1)],1),t._v(" "),a("md-card",{attrs:{"md-with-hover":""}},[a("md-card-header",[a("md-avatar",[a("img",{attrs:{src:"assets/avatar.png",alt:"People"}})]),t._v(" "),a("div",{staticClass:"md-title"},[t._v("Title goes here")]),t._v(" "),a("div",{staticClass:"md-subhead"},[t._v("Subtitle here")])],1),t._v(" "),a("md-card-media",[a("img",{attrs:{src:"assets/card-image-1.jpg",alt:"People"}})]),t._v(" "),a("md-card-content",[t._v("\n              Lorem ipsum dolor sit amet, consectetur adipisicing elit. Optio itaque ea nostrum.\n            ")]),t._v(" "),a("md-card-actions",[a("md-button",[t._v("Action")]),t._v(" "),a("md-button",[t._v("Action")])],1)],1)],1),t._v(" "),a("div",{slot:"code"},[a("code-block",{attrs:{lang:"xml"}},[t._v('\n            <md-card md-with-hover>\n              <md-card-header>\n                <div class="md-title">Title goes here</div>\n                <div class="md-subhead">Subtitle here</div>\n              </md-card-header>\n\n              <md-card-content>\n                Lorem ipsum dolor sit amet, consectetur adipisicing elit. Optio itaque ea, nostrum odio. Dolores, sed accusantium quasi non, voluptas eius illo quas, saepe voluptate pariatur in deleniti minus sint. Excepturi.\n              </md-card-content>\n\n              <md-card-actions>\n                <md-button>Action</md-button>\n                <md-button>Action</md-button>\n              </md-card-actions>\n            </md-card>\n\n            <md-card md-with-hover>\n              <md-card-media>\n                <img src="assets/card-image-1.jpg" alt="People">\n\n                <md-ink-ripple></md-ink-ripple>\n              </md-card-media>\n\n              <md-card-actions>\n                <md-button class="md-icon-button">\n                  <md-icon>favorite</md-icon>\n                </md-button>\n\n                <md-button class="md-icon-button">\n                  <md-icon>bookmark</md-icon>\n                </md-button>\n\n                <md-button class="md-icon-button">\n                  <md-icon>share</md-icon>\n                </md-button>\n              </md-card-actions>\n            </md-card>\n\n            <md-card md-with-hover>\n              <md-card-header>\n                <md-avatar>\n                  <img src="assets/avatar.png" alt="People">\n                </md-avatar>\n\n                <div class="md-title">Title goes here</div>\n                <div class="md-subhead">Subtitle here</div>\n              </md-card-header>\n\n              <md-card-media>\n                <img src="assets/card-image-1.jpg" alt="People">\n              </md-card-media>\n\n              <md-card-content>\n                Lorem ipsum dolor sit amet, consectetur adipisicing elit. Optio itaque ea nostrum.\n              </md-card-content>\n\n              <md-card-actions>\n                <md-button>Action</md-button>\n                <md-button>Action</md-button>\n              </md-card-actions>\n            </md-card>\n          ')])],1)]),t._v(" "),a("example-box",{attrs:{"card-title":"Image cover with predefined aspect ratio"}},[a("div",{staticClass:"card-holder",slot:"demo"},[a("md-card",[a("md-card-media-cover",{attrs:{"md-text-scrim":""}},[a("md-card-media",{attrs:{"md-ratio":"16:9"}},[a("img",{attrs:{src:"assets/card-sky.jpg",alt:"Skyscraper"}})]),t._v(" "),a("md-card-area",[a("md-card-header",[a("div",{staticClass:"md-title"},[t._v("Title goes here")]),t._v(" "),a("div",{staticClass:"md-subhead"},[t._v("Subtitle here")])]),t._v(" "),a("md-card-actions",[a("md-button",[t._v("Action")]),t._v(" "),a("md-button",[t._v("Action")])],1)],1)],1)],1),t._v(" "),a("md-card",[a("md-card-media-cover",{attrs:{"md-solid":""}},[a("md-card-media",{attrs:{"md-ratio":"1:1"}},[a("img",{attrs:{src:"assets/card-sky.jpg",alt:"Skyscraper"}})]),t._v(" "),a("md-card-area",[a("md-card-header",[a("div",{staticClass:"md-title"},[t._v("Title goes here")]),t._v(" "),a("div",{staticClass:"md-subhead"},[t._v("Subtitle here")])]),t._v(" "),a("md-card-actions",[a("md-button",[t._v("Action")]),t._v(" "),a("md-button",[t._v("Action")])],1)],1)],1)],1)],1),t._v(" "),a("div",{slot:"code"},[a("code-block",{attrs:{lang:"xml"}},[t._v('\n            <md-card>\n              <md-card-media-cover md-text-scrim>\n                <md-card-media md-ratio="16:9">\n                  <img src="assets/card-sky.jpg" alt="Skyscraper">\n                </md-card-media>\n\n                <md-card-area>\n                  <md-card-header>\n                    <div class="md-title">Title goes here</div>\n                    <div class="md-subhead">Subtitle here</div>\n                  </md-card-header>\n\n                  <md-card-actions>\n                    <md-button>Action</md-button>\n                    <md-button>Action</md-button>\n                  </md-card-actions>\n                </md-card-area>\n              </md-card-media-cover>\n            </md-card>\n\n            <md-card>\n              <md-card-media-cover md-solid>\n                <md-card-media md-ratio="1:1">\n                  <img src="assets/card-sky.jpg" alt="Skyscraper">\n                </md-card-media>\n\n                <md-card-area>\n                  <md-card-header>\n                    <div class="md-title">Title goes here</div>\n                    <div class="md-subhead">Subtitle here</div>\n                  </md-card-header>\n\n                  <md-card-actions>\n                    <md-button>Action</md-button>\n                    <md-button>Action</md-button>\n                  </md-card-actions>\n                </md-card-area>\n              </md-card-media-cover>\n            </md-card>\n          ')])],1)]),t._v(" "),a("example-box",{attrs:{"card-title":"Media"}},[a("div",{staticClass:"card-holder",slot:"demo"},[a("md-card",[a("md-card-header",[a("md-card-header-text",[a("div",{staticClass:"md-title"},[t._v("Title goes here")]),t._v(" "),a("div",{staticClass:"md-subhead"},[t._v("Subtitle here")])]),t._v(" "),a("md-card-media",[a("img",{attrs:{src:"assets/avatar-2.jpg",alt:"People"}})])],1),t._v(" "),a("md-card-actions",[a("md-button",[t._v("Action")]),t._v(" "),a("md-button",[t._v("Action")])],1)],1),t._v(" "),a("md-card",[a("md-card-header",[a("md-card-header-text",[a("div",{staticClass:"md-title"},[t._v("Title goes here")]),t._v(" "),a("div",{staticClass:"md-subhead"},[t._v("Subtitle here")])]),t._v(" "),a("md-card-media",{attrs:{"md-medium":""}},[a("img",{attrs:{src:"assets/card-weather.png",alt:"People"}})])],1),t._v(" "),a("md-card-actions",[a("md-button",[t._v("Action")]),t._v(" "),a("md-button",[t._v("Action")])],1)],1),t._v(" "),a("md-card",[a("md-card-header",[a("md-card-header-text",[a("div",{staticClass:"md-title"},[t._v("Title goes")]),t._v(" "),a("div",{staticClass:"md-subhead"},[t._v("Subtitle here")])]),t._v(" "),a("md-card-media",{attrs:{"md-big":""}},[a("img",{attrs:{src:"assets/card-weather.png",alt:"People"}})])],1),t._v(" "),a("md-card-actions",[a("md-button",[t._v("Action")]),t._v(" "),a("md-button",[t._v("Action")])],1)],1),t._v(" "),a("md-card",[a("md-card-media-actions",[a("md-card-media",[a("img",{attrs:{src:"assets/cover.png",alt:"Cover"}})]),t._v(" "),a("md-card-actions",[a("md-button",{staticClass:"md-icon-button"},[a("md-icon",[t._v("favorite")])],1),t._v(" "),a("md-button",{staticClass:"md-icon-button"},[a("md-icon",[t._v("bookmark")])],1),t._v(" "),a("md-button",{staticClass:"md-icon-button"},[a("md-icon",[t._v("share")])],1)],1)],1)],1)],1),t._v(" "),a("div",{slot:"code"},[a("code-block",{attrs:{lang:"xml"}},[t._v('\n            <md-card>\n              <md-card-header>\n                <md-card-header-text>\n                  <div class="md-title">Title goes here</div>\n                  <div class="md-subhead">Subtitle here</div>\n                </md-card-header-text>\n\n                <md-card-media>\n                  <img src="assets/avatar-2.jpg" alt="People">\n                </md-card-media>\n              </md-card-header>\n\n              <md-card-actions>\n                <md-button>Action</md-button>\n                <md-button>Action</md-button>\n              </md-card-actions>\n            </md-card>\n\n            <md-card>\n              <md-card-header>\n                <md-card-header-text>\n                  <div class="md-title">Title goes here</div>\n                  <div class="md-subhead">Subtitle here</div>\n                </md-card-header-text>\n\n                <md-card-media md-medium>\n                  <img src="assets/card-weather.png" alt="People">\n                </md-card-media>\n              </md-card-header>\n\n              <md-card-actions>\n                <md-button>Action</md-button>\n                <md-button>Action</md-button>\n              </md-card-actions>\n            </md-card>\n\n            <md-card>\n              <md-card-header>\n                <md-card-header-text>\n                  <div class="md-title">Title goes</div>\n                  <div class="md-subhead">Subtitle here</div>\n                </md-card-header-text>\n\n                <md-card-media md-big>\n                  <img src="assets/card-weather.png" alt="People">\n                </md-card-media>\n              </md-card-header>\n\n              <md-card-actions>\n                <md-button>Action</md-button>\n                <md-button>Action</md-button>\n              </md-card-actions>\n            </md-card>\n\n            <md-card>\n              <md-card-media-actions>\n                <md-card-media>\n                  <img src="assets/cover.png" alt="Cover">\n                </md-card-media>\n\n                <md-card-actions>\n                  <md-button class="md-icon-button">\n                    <md-icon>favorite</md-icon>\n                  </md-button>\n\n                  <md-button class="md-icon-button">\n                    <md-icon>bookmark</md-icon>\n                  </md-button>\n\n                  <md-button class="md-icon-button">\n                    <md-icon>share</md-icon>\n                  </md-button>\n                </md-card-actions>\n              </md-card-media-actions>\n            </md-card>\n          ')])],1)]),t._v(" "),a("example-box",{attrs:{"card-title":"Full Control"}},[a("div",{staticClass:"card-holder",slot:"demo"},[a("md-card",[a("md-card-area",[a("md-card-media",[a("img",{attrs:{src:"assets/card-image-1.jpg",alt:"People"}})]),t._v(" "),a("md-card-header",[a("div",{staticClass:"md-title"},[t._v("Title goes here")]),t._v(" "),a("div",{staticClass:"md-subhead"},[t._v("Subtitle here")])]),t._v(" "),a("md-card-content",[t._v("\n                Lorem ipsum dolor sit amet, consectetur adipisicing elit. Optio itaque ea, nostrum odio. Dolores, sed accusantium quasi non, voluptas eius illo quas, saepe voluptate pariatur in deleniti minus sint. Excepturi.\n              ")])],1),t._v(" "),a("md-card-actions",[a("md-button",[t._v("Action")]),t._v(" "),a("md-button",[t._v("Action")])],1)],1),t._v(" "),a("md-card",[a("md-card-media",[a("img",{attrs:{src:"assets/card-image-1.jpg",alt:"People"}})]),t._v(" "),a("md-card-header",[a("div",{staticClass:"md-title"},[t._v("Title goes here")]),t._v(" "),a("div",{staticClass:"md-subhead"},[t._v("Subtitle here")])]),t._v(" "),a("md-card-expand",[a("md-card-actions",[a("md-button",[t._v("Action")]),t._v(" "),a("md-button",[t._v("Action")]),t._v(" "),a("span",{staticStyle:{flex:"1"}}),t._v(" "),a("md-button",{staticClass:"md-icon-button",attrs:{"md-expand-trigger":""}},[a("md-icon",[t._v("keyboard_arrow_down")])],1)],1),t._v(" "),a("md-card-content",[t._v("\n                Lorem ipsum dolor sit amet, consectetur adipisicing elit. Optio itaque ea, nostrum odio. Dolores, sed accusantium quasi non, voluptas eius illo quas, saepe voluptate pariatur in deleniti minus sint. Excepturi.\n              ")])],1)],1)],1),t._v(" "),a("div",{slot:"code"},[a("code-block",{attrs:{lang:"xml"}},[t._v('\n            <md-card>\n              <md-card-area>\n                <md-card-media>\n                  <img src="assets/card-image-1.jpg" alt="People">\n                </md-card-media>\n\n                <md-card-header>\n                  <div class="md-title">Title goes here</div>\n                  <div class="md-subhead">Subtitle here</div>\n                </md-card-header>\n\n                <md-card-content>\n                  Lorem ipsum dolor sit amet, consectetur adipisicing elit. Optio itaque ea, nostrum odio. Dolores, sed accusantium quasi non, voluptas eius illo quas, saepe voluptate pariatur in deleniti minus sint. Excepturi.\n                </md-card-content>\n              </md-card-area>\n\n              <md-card-actions>\n                <md-button>Action</md-button>\n                <md-button>Action</md-button>\n              </md-card-actions>\n            </md-card>\n\n            <md-card>\n              <md-card-media>\n                <img src="assets/card-image-1.jpg" alt="People">\n              </md-card-media>\n\n              <md-card-header>\n                <div class="md-title">Title goes here</div>\n                <div class="md-subhead">Subtitle here</div>\n              </md-card-header>\n\n              <md-card-expand>\n                <md-card-actions>\n                  <md-button>Action</md-button>\n                  <md-button>Action</md-button>\n                  <span style="flex: 1"></span>\n                  <md-button class="md-icon-button" md-expand-trigger>\n                    <md-icon>keyboard_arrow_down</md-icon>\n                  </md-button>\n                </md-card-actions>\n\n                <md-card-content>\n                  Lorem ipsum dolor sit amet, consectetur adipisicing elit. Optio itaque ea, nostrum odio. Dolores, sed accusantium quasi non, voluptas eius illo quas, saepe voluptate pariatur in deleniti minus sint. Excepturi.\n                </md-card-content>\n              </md-card-expand>\n            </md-card>\n          ')])],1)]),t._v(" "),a("example-box",{attrs:{"card-title":"Themes"}},[a("div",{staticClass:"card-holder",slot:"demo"},[a("md-card",{staticClass:"md-primary"},[a("md-card-media",[a("img",{attrs:{src:"assets/card-image-1.jpg",alt:"People"}})]),t._v(" "),a("md-card-header",[a("div",{staticClass:"md-title"},[t._v("Title goes here")]),t._v(" "),a("div",{staticClass:"md-subhead"},[t._v("Subtitle here")])]),t._v(" "),a("md-card-actions",[a("md-button",[t._v("Action")]),t._v(" "),a("md-button",[t._v("Action")])],1),t._v(" "),a("md-card-content",[t._v("\n              Lorem ipsum dolor sit amet, consectetur adipisicing elit. Optio itaque ea, nostrum odio. Dolores, sed accusantium quasi non, voluptas eius illo quas, saepe voluptate pariatur in deleniti minus sint. Excepturi.\n            ")])],1),t._v(" "),a("md-card",{staticClass:"md-accent"},[a("md-card-header",[a("md-card-header-text",[a("div",{staticClass:"md-title"},[t._v("Title goes here")]),t._v(" "),a("div",{staticClass:"md-subhead"},[t._v("Subtitle here")])]),t._v(" "),a("md-menu",{attrs:{"md-size":"4","md-direction":"bottom left"}},[a("md-button",{staticClass:"md-icon-button",attrs:{"md-menu-trigger":""}},[a("md-icon",[t._v("more_vert")])],1),t._v(" "),a("md-menu-content",[a("md-menu-item",[a("span",[t._v("Call")]),t._v(" "),a("md-icon",[t._v("phone")])],1),t._v(" "),a("md-menu-item",[a("span",[t._v("Send a message")]),t._v(" "),a("md-icon",[t._v("message")])],1)],1)],1)],1),t._v(" "),a("md-card-media",[a("img",{attrs:{src:"assets/card-image-1.jpg",alt:"People"}})]),t._v(" "),a("md-card-content",[t._v("\n              Lorem ipsum dolor sit amet, consectetur adipisicing elit. Optio itaque ea, nostrum odio. Dolores, sed accusantium quasi non, voluptas eius illo quas, saepe voluptate pariatur in deleniti minus sint. Excepturi.\n            ")])],1),t._v(" "),a("md-card",{staticClass:"md-warn"},[a("md-card-media",[a("img",{attrs:{src:"assets/card-image-2.jpg",alt:"People"}})]),t._v(" "),a("md-card-header",[a("div",{staticClass:"md-title"},[t._v("Title goes here")]),t._v(" "),a("div",{staticClass:"md-subhead"},[t._v("Subtitle here")])]),t._v(" "),a("md-card-actions",[a("md-button",[t._v("Action")]),t._v(" "),a("md-button",[t._v("Action")])],1)],1)],1),t._v(" "),a("div",{slot:"code"},[a("code-block",{attrs:{lang:"xml"}},[t._v('\n            <md-card class="md-primary">\n              <md-card-media>\n                <img src="assets/card-image-1.jpg" alt="People">\n              </md-card-media>\n\n              <md-card-header>\n                <div class="md-title">Title goes here</div>\n                <div class="md-subhead">Subtitle here</div>\n              </md-card-header>\n\n              <md-card-actions>\n                <md-button>Action</md-button>\n                <md-button>Action</md-button>\n              </md-card-actions>\n\n              <md-card-content>\n                Lorem ipsum dolor sit amet, consectetur adipisicing elit. Optio itaque ea, nostrum odio. Dolores, sed accusantium quasi non, voluptas eius illo quas, saepe voluptate pariatur in deleniti minus sint. Excepturi.\n              </md-card-content>\n            </md-card>\n\n            <md-card class="md-accent">\n              <md-card-header>\n                <md-card-header-text>\n                  <div class="md-title">Title goes here</div>\n                  <div class="md-subhead">Subtitle here</div>\n                </md-card-header-text>\n\n                <md-menu md-size="4" md-direction="bottom left">\n                  <md-button class="md-icon-button" md-menu-trigger>\n                    <md-icon>more_vert</md-icon>\n                  </md-button>\n\n                  <md-menu-content>\n                    <md-menu-item>\n                      <span>Call</span>\n                      <md-icon>phone</md-icon>\n                    </md-menu-item>\n\n                    <md-menu-item>\n                      <span>Send a message</span>\n                      <md-icon>message</md-icon>\n                    </md-menu-item>\n                  </md-menu-content>\n                </md-menu>\n              </md-card-header>\n\n              <md-card-media>\n                <img src="assets/card-image-1.jpg" alt="People">\n              </md-card-media>\n\n              <md-card-content>\n                Lorem ipsum dolor sit amet, consectetur adipisicing elit. Optio itaque ea, nostrum odio. Dolores, sed accusantium quasi non, voluptas eius illo quas, saepe voluptate pariatur in deleniti minus sint. Excepturi.\n              </md-card-content>\n            </md-card>\n\n            <md-card class="md-warn">\n              <md-card-media>\n                <img src="assets/card-image-2.jpg" alt="People">\n              </md-card-media>\n\n              <md-card-header>\n                <div class="md-title">Title goes here</div>\n                <div class="md-subhead">Subtitle here</div>\n              </md-card-header>\n\n              <md-card-actions >\n                <md-button>Action</md-button>\n                <md-button>Action</md-button>\n              </md-card-actions>\n            </md-card>\n          ')])],1)]),t._v(" "),a("example-box",{
+attrs:{"card-title":"Complete Example"}},[a("div",{staticClass:"card-holder",slot:"demo"},[a("md-card",{staticClass:"card-example"},[a("md-card-area",{attrs:{"md-inset":""}},[a("md-card-media",{attrs:{"md-ratio":"16:9"}},[a("img",{attrs:{src:"assets/card-example.jpg",alt:"Coffee House"}})]),t._v(" "),a("md-card-header",[a("h2",{staticClass:"md-title"},[t._v("Coffee House")]),t._v(" "),a("div",{staticClass:"md-subhead"},[a("md-icon",[t._v("location_on")]),t._v(" "),a("span",[t._v("2 miles")])],1)]),t._v(" "),a("md-card-content",[t._v("\n                Illy Coffee served with a complimentary Leonidas Belgian Chocolate with all beverages.\n              ")])],1),t._v(" "),a("md-card-content",[a("h3",{staticClass:"md-subheading"},[t._v("Today's availability")]),t._v(" "),a("div",{staticClass:"card-reservation"},[a("md-icon",[t._v("access_time")]),t._v(" "),a("md-button-toggle",{staticClass:"md-button-group",attrs:{"md-single":""}},[a("md-button",[t._v("5:30PM")]),t._v(" "),a("md-button",[t._v("7:30PM")]),t._v(" "),a("md-button",[t._v("9:00PM")])],1)],1)]),t._v(" "),a("md-card-actions",[a("md-button",{staticClass:"md-primary"},[t._v("Reserve")])],1)],1)],1),t._v(" "),a("div",{slot:"code"},[a("code-block",{attrs:{lang:"xml"}},[t._v('\n            <md-card class="card-example">\n              <md-card-area md-inset>\n                <md-card-media md-ratio="16:9">\n                  <img src="assets/card-example.jpg" alt="Coffee House">\n                </md-card-media>\n\n                <md-card-header>\n                  <h2 class="md-title">Coffee House</h2>\n                  <div class="md-subhead">\n                    <md-icon>location_on</md-icon>\n                    <span>2 miles</span>\n                  </div>\n                </md-card-header>\n\n                <md-card-content>\n                  Illy Coffee served with a complimentary Leonidas Belgian Chocolate with all beverages.\n                </md-card-content>\n              </md-card-area>\n\n              <md-card-content>\n                <h3 class="md-subheading">Today\'s availability</h3>\n                <div class="card-reservation">\n                  <md-icon>access_time</md-icon>\n                  <md-button-toggle md-single class="md-button-group">\n                    <md-button>5:30PM</md-button>\n                    <md-button>7:30PM</md-button>\n                    <md-button>9:00PM</md-button>\n                  </md-button-toggle>\n                </div>\n              </md-card-content>\n\n              <md-card-actions>\n                <md-button class="md-primary">Reserve</md-button>\n              </md-card-actions>\n            </md-card>\n          ')]),t._v(" "),a("code-block",{attrs:{lang:"sass"}},[t._v("\n            .card-example {\n              .md-subhead {\n                .md-icon {\n                  $size: 16px;\n\n                  width: $size;\n                  min-width: $size;\n                  height: $size;\n                  min-height: $size;\n                  font-size: $size;\n                  line-height: $size;\n                }\n\n                span {\n                  vertical-align: middle;\n                }\n              }\n\n              .card-reservation {\n                margin-top: 8px;\n                display: flex;\n                align-items: center;\n                justify-content: space-around;\n\n                .md-icon {\n                  margin: 8px;\n                  color: rgba(#000, .54) !important;\n                }\n\n                .md-button {\n                  border-radius: 2px !important;\n                }\n              }\n            }\n          ")])],1)])],1)])],1)},staticRenderFns:[]}},588:function(t,e,a){var d=a(520);"string"==typeof d&&(d=[[t.i,d,""]]),d.locals&&(t.exports=d.locals);a(5)("098f116b",d,!0)}});
\ No newline at end of file
diff --git a/checkbox.3d60ec17.js b/checkbox.7603dc1d.js
similarity index 98%
rename from checkbox.3d60ec17.js
rename to checkbox.7603dc1d.js
index a0e21b7..c7f7798 100644
--- a/checkbox.3d60ec17.js
+++ b/checkbox.7603dc1d.js
@@ -1 +1 @@
-webpackJsonp([29,34],{468:function(e,t,c){var m=c(0)(c(499),c(563),null,null);e.exports=m.exports},499:function(e,t,c){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={data:function(){return{checkbox:!0,checkbox2:!1}}},e.exports=t.default},563:function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,c=e._self._c||t;return c("page-content",{attrs:{"page-title":"Components - Checkbox"}},[c("docs-component",[c("div",{slot:"description"},[c("p",[e._v("Checkboxes allow the user to select multiple options from a set.")]),e._v(" "),c("p",[e._v("The following classes can be applied to change the color palette:")]),e._v(" "),c("ul",{staticClass:"md-body-2"},[c("li",[c("code",[e._v("md-primary")])]),e._v(" "),c("li",[c("code",[e._v("md-warn")])])])]),e._v(" "),c("div",{slot:"api"},[c("api-table",{attrs:{name:"md-checkbox"}},[c("md-table",{slot:"properties"},[c("md-table-header",[c("md-table-row",[c("md-table-head",[e._v("Name")]),e._v(" "),c("md-table-head",[e._v("Type")]),e._v(" "),c("md-table-head",[e._v("Description")])],1)],1),e._v(" "),c("md-table-body",[c("md-table-row",[c("md-table-cell",[e._v("v-model")]),e._v(" "),c("md-table-cell",[c("code",[e._v("String")])]),e._v(" "),c("md-table-cell",[e._v("A required model object to bind the value.")])],1),e._v(" "),c("md-table-row",[c("md-table-cell",[e._v("name")]),e._v(" "),c("md-table-cell",[c("code",[e._v("String")])]),e._v(" "),c("md-table-cell",[e._v("Set the checkbox name.")])],1),e._v(" "),c("md-table-row",[c("md-table-cell",[e._v("id")]),e._v(" "),c("md-table-cell",[c("code",[e._v("String")])]),e._v(" "),c("md-table-cell",[e._v("Set the checkbox id.")])],1),e._v(" "),c("md-table-row",[c("md-table-cell",[e._v("disabled")]),e._v(" "),c("md-table-cell",[c("code",[e._v("Boolean")])]),e._v(" "),c("md-table-cell",[e._v("Disable the checkbox and prevent his actions. Default "),c("code",[e._v("false")])])],1)],1)],1),e._v(" "),c("md-table",{slot:"events"},[c("md-table-header",[c("md-table-row",[c("md-table-head",[e._v("Name")]),e._v(" "),c("md-table-head",[e._v("Value")]),e._v(" "),c("md-table-head",[e._v("Description")])],1)],1),e._v(" "),c("md-table-body",[c("md-table-row",[c("md-table-cell",[e._v("change")]),e._v(" "),c("md-table-cell",[e._v("Receive the state of the checkbox")]),e._v(" "),c("md-table-cell",[e._v("Triggered when the checkbox changes his value.")])],1)],1)],1)],1)],1),e._v(" "),c("div",{slot:"example"},[c("example-box",{attrs:{"card-title":"Default"}},[c("div",{slot:"demo"},[c("md-checkbox",{directives:[{name:"model",rawName:"v-model",value:e.checkbox,expression:"checkbox"}],attrs:{id:"my-test1",name:"my-test1"},domProps:{value:e.checkbox},on:{input:function(t){e.checkbox=t}}},[e._v("Regular Checkbox")]),e._v(" "),c("md-checkbox",{directives:[{name:"model",rawName:"v-model",value:e.checkbox,expression:"checkbox"}],staticClass:"md-primary",attrs:{id:"my-test2",name:"my-test2"},domProps:{value:e.checkbox},on:{input:function(t){e.checkbox=t}}},[e._v("Primary Color")]),e._v(" "),c("md-checkbox",{directives:[{name:"model",rawName:"v-model",value:e.checkbox,expression:"checkbox"}],staticClass:"md-warn",attrs:{id:"my-test3",name:"my-test3"},domProps:{value:e.checkbox},on:{input:function(t){e.checkbox=t}}},[e._v("Warn Color")]),e._v(" "),c("md-checkbox",{directives:[{name:"model",rawName:"v-model",value:e.checkbox,expression:"checkbox"}],attrs:{id:"my-test4",name:"my-test4",disabled:""},domProps:{value:e.checkbox},on:{input:function(t){e.checkbox=t}}},[e._v("Disabled")])],1),e._v(" "),c("div",{slot:"code"},[c("code-block",{attrs:{lang:"xml"}},[e._v('\n            <md-checkbox id="my-test1" name="my-test1" v-model="checkbox">Regular Checkbox</md-checkbox>\n            <md-checkbox id="my-test2" name="my-test2" v-model="checkbox" class="md-primary">Primary Color</md-checkbox>\n            <md-checkbox id="my-test3" name="my-test3" v-model="checkbox" class="md-warn">Warn Color</md-checkbox>\n            <md-checkbox id="my-test4" name="my-test4" v-model="checkbox" disabled>Disabled</md-checkbox>\n          ')])],1)]),e._v(" "),c("example-box",{attrs:{"card-title":"Themes"}},[c("div",{slot:"demo"},[c("md-checkbox",{directives:[{name:"model",rawName:"v-model",value:e.checkbox2,expression:"checkbox2"}],staticClass:"md-primary",attrs:{"md-theme":"orange",id:"my-test5",name:"my-test5"},domProps:{value:e.checkbox2},on:{input:function(t){e.checkbox2=t}}},[e._v("Primary Orange")]),e._v(" "),c("md-checkbox",{directives:[{name:"model",rawName:"v-model",value:e.checkbox2,expression:"checkbox2"}],staticClass:"md-primary",attrs:{"md-theme":"green",id:"my-test6",name:"my-test6"},domProps:{value:e.checkbox2},on:{input:function(t){e.checkbox2=t}}},[e._v("Primary Green")]),e._v(" "),c("md-checkbox",{directives:[{name:"model",rawName:"v-model",value:e.checkbox2,expression:"checkbox2"}],staticClass:"md-primary",attrs:{"md-theme":"light-blue",id:"my-test7",name:"my-test7"},domProps:{value:e.checkbox2},on:{input:function(t){e.checkbox2=t}}},[e._v("Primary Light Blue")]),e._v(" "),c("md-checkbox",{directives:[{name:"model",rawName:"v-model",value:e.checkbox2,expression:"checkbox2"}],staticClass:"md-primary",attrs:{"md-theme":"indigo",id:"my-test8",name:"my-test8"},domProps:{value:e.checkbox2},on:{input:function(t){e.checkbox2=t}}},[e._v("Primary Indigo")]),e._v(" "),c("md-checkbox",{directives:[{name:"model",rawName:"v-model",value:e.checkbox2,expression:"checkbox2"}],staticClass:"md-primary",attrs:{"md-theme":"brown",id:"my-test9",name:"my-test9",disabled:""},domProps:{value:e.checkbox2},on:{input:function(t){e.checkbox2=t}}},[e._v("Primary Brown Disabled")])],1),e._v(" "),c("div",{slot:"code"},[c("code-block",{attrs:{lang:"xml"}},[e._v('\n            <md-checkbox md-theme="orange"  id="my-test5" name="my-test5" v-model="checkbox2" class="md-primary">Primary Orange</md-checkbox>\n            <md-checkbox md-theme="green"  id="my-test6" name="my-test6" v-model="checkbox2" class="md-primary">Primary Green</md-checkbox>\n            <md-checkbox md-theme="light-blue" id="my-test7" name="my-test7" v-model="checkbox2" class="md-primary">Primary Light Blue</md-checkbox>\n            <md-checkbox md-theme="indigo"  id="my-test8" name="my-test8" v-model="checkbox2" class="md-primary">Primary Indigo</md-checkbox>\n            <md-checkbox md-theme="brown"  id="my-test9" name="my-test9" v-model="checkbox2" class="md-primary" disabled>Primary Brown Disabled</md-checkbox>\n          ')])],1)])],1)])],1)},staticRenderFns:[]}}});
\ No newline at end of file
+webpackJsonp([29,34],{468:function(e,t,c){var m=c(0)(c(499),c(562),null,null);e.exports=m.exports},499:function(e,t,c){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={data:function(){return{checkbox:!0,checkbox2:!1}}},e.exports=t.default},562:function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,c=e._self._c||t;return c("page-content",{attrs:{"page-title":"Components - Checkbox"}},[c("docs-component",[c("div",{slot:"description"},[c("p",[e._v("Checkboxes allow the user to select multiple options from a set.")]),e._v(" "),c("p",[e._v("The following classes can be applied to change the color palette:")]),e._v(" "),c("ul",{staticClass:"md-body-2"},[c("li",[c("code",[e._v("md-primary")])]),e._v(" "),c("li",[c("code",[e._v("md-warn")])])])]),e._v(" "),c("div",{slot:"api"},[c("api-table",{attrs:{name:"md-checkbox"}},[c("md-table",{slot:"properties"},[c("md-table-header",[c("md-table-row",[c("md-table-head",[e._v("Name")]),e._v(" "),c("md-table-head",[e._v("Type")]),e._v(" "),c("md-table-head",[e._v("Description")])],1)],1),e._v(" "),c("md-table-body",[c("md-table-row",[c("md-table-cell",[e._v("v-model")]),e._v(" "),c("md-table-cell",[c("code",[e._v("String")])]),e._v(" "),c("md-table-cell",[e._v("A required model object to bind the value.")])],1),e._v(" "),c("md-table-row",[c("md-table-cell",[e._v("name")]),e._v(" "),c("md-table-cell",[c("code",[e._v("String")])]),e._v(" "),c("md-table-cell",[e._v("Set the checkbox name.")])],1),e._v(" "),c("md-table-row",[c("md-table-cell",[e._v("id")]),e._v(" "),c("md-table-cell",[c("code",[e._v("String")])]),e._v(" "),c("md-table-cell",[e._v("Set the checkbox id.")])],1),e._v(" "),c("md-table-row",[c("md-table-cell",[e._v("disabled")]),e._v(" "),c("md-table-cell",[c("code",[e._v("Boolean")])]),e._v(" "),c("md-table-cell",[e._v("Disable the checkbox and prevent his actions. Default "),c("code",[e._v("false")])])],1)],1)],1),e._v(" "),c("md-table",{slot:"events"},[c("md-table-header",[c("md-table-row",[c("md-table-head",[e._v("Name")]),e._v(" "),c("md-table-head",[e._v("Value")]),e._v(" "),c("md-table-head",[e._v("Description")])],1)],1),e._v(" "),c("md-table-body",[c("md-table-row",[c("md-table-cell",[e._v("change")]),e._v(" "),c("md-table-cell",[e._v("Receive the state of the checkbox")]),e._v(" "),c("md-table-cell",[e._v("Triggered when the checkbox changes his value.")])],1)],1)],1)],1)],1),e._v(" "),c("div",{slot:"example"},[c("example-box",{attrs:{"card-title":"Default"}},[c("div",{slot:"demo"},[c("md-checkbox",{directives:[{name:"model",rawName:"v-model",value:e.checkbox,expression:"checkbox"}],attrs:{id:"my-test1",name:"my-test1"},domProps:{value:e.checkbox},on:{input:function(t){e.checkbox=t}}},[e._v("Regular Checkbox")]),e._v(" "),c("md-checkbox",{directives:[{name:"model",rawName:"v-model",value:e.checkbox,expression:"checkbox"}],staticClass:"md-primary",attrs:{id:"my-test2",name:"my-test2"},domProps:{value:e.checkbox},on:{input:function(t){e.checkbox=t}}},[e._v("Primary Color")]),e._v(" "),c("md-checkbox",{directives:[{name:"model",rawName:"v-model",value:e.checkbox,expression:"checkbox"}],staticClass:"md-warn",attrs:{id:"my-test3",name:"my-test3"},domProps:{value:e.checkbox},on:{input:function(t){e.checkbox=t}}},[e._v("Warn Color")]),e._v(" "),c("md-checkbox",{directives:[{name:"model",rawName:"v-model",value:e.checkbox,expression:"checkbox"}],attrs:{id:"my-test4",name:"my-test4",disabled:""},domProps:{value:e.checkbox},on:{input:function(t){e.checkbox=t}}},[e._v("Disabled")])],1),e._v(" "),c("div",{slot:"code"},[c("code-block",{attrs:{lang:"xml"}},[e._v('\n            <md-checkbox id="my-test1" name="my-test1" v-model="checkbox">Regular Checkbox</md-checkbox>\n            <md-checkbox id="my-test2" name="my-test2" v-model="checkbox" class="md-primary">Primary Color</md-checkbox>\n            <md-checkbox id="my-test3" name="my-test3" v-model="checkbox" class="md-warn">Warn Color</md-checkbox>\n            <md-checkbox id="my-test4" name="my-test4" v-model="checkbox" disabled>Disabled</md-checkbox>\n          ')])],1)]),e._v(" "),c("example-box",{attrs:{"card-title":"Themes"}},[c("div",{slot:"demo"},[c("md-checkbox",{directives:[{name:"model",rawName:"v-model",value:e.checkbox2,expression:"checkbox2"}],staticClass:"md-primary",attrs:{"md-theme":"orange",id:"my-test5",name:"my-test5"},domProps:{value:e.checkbox2},on:{input:function(t){e.checkbox2=t}}},[e._v("Primary Orange")]),e._v(" "),c("md-checkbox",{directives:[{name:"model",rawName:"v-model",value:e.checkbox2,expression:"checkbox2"}],staticClass:"md-primary",attrs:{"md-theme":"green",id:"my-test6",name:"my-test6"},domProps:{value:e.checkbox2},on:{input:function(t){e.checkbox2=t}}},[e._v("Primary Green")]),e._v(" "),c("md-checkbox",{directives:[{name:"model",rawName:"v-model",value:e.checkbox2,expression:"checkbox2"}],staticClass:"md-primary",attrs:{"md-theme":"light-blue",id:"my-test7",name:"my-test7"},domProps:{value:e.checkbox2},on:{input:function(t){e.checkbox2=t}}},[e._v("Primary Light Blue")]),e._v(" "),c("md-checkbox",{directives:[{name:"model",rawName:"v-model",value:e.checkbox2,expression:"checkbox2"}],staticClass:"md-primary",attrs:{"md-theme":"indigo",id:"my-test8",name:"my-test8"},domProps:{value:e.checkbox2},on:{input:function(t){e.checkbox2=t}}},[e._v("Primary Indigo")]),e._v(" "),c("md-checkbox",{directives:[{name:"model",rawName:"v-model",value:e.checkbox2,expression:"checkbox2"}],staticClass:"md-primary",attrs:{"md-theme":"brown",id:"my-test9",name:"my-test9",disabled:""},domProps:{value:e.checkbox2},on:{input:function(t){e.checkbox2=t}}},[e._v("Primary Brown Disabled")])],1),e._v(" "),c("div",{slot:"code"},[c("code-block",{attrs:{lang:"xml"}},[e._v('\n            <md-checkbox md-theme="orange"  id="my-test5" name="my-test5" v-model="checkbox2" class="md-primary">Primary Orange</md-checkbox>\n            <md-checkbox md-theme="green"  id="my-test6" name="my-test6" v-model="checkbox2" class="md-primary">Primary Green</md-checkbox>\n            <md-checkbox md-theme="light-blue" id="my-test7" name="my-test7" v-model="checkbox2" class="md-primary">Primary Light Blue</md-checkbox>\n            <md-checkbox md-theme="indigo"  id="my-test8" name="my-test8" v-model="checkbox2" class="md-primary">Primary Indigo</md-checkbox>\n            <md-checkbox md-theme="brown"  id="my-test9" name="my-test9" v-model="checkbox2" class="md-primary" disabled>Primary Brown Disabled</md-checkbox>\n          ')])],1)])],1)])],1)},staticRenderFns:[]}}});
\ No newline at end of file
diff --git a/chips.0dd4d690.js b/chips.996b2d4b.js
similarity index 98%
rename from chips.0dd4d690.js
rename to chips.996b2d4b.js
index 8422530..10d4d7e 100644
--- a/chips.0dd4d690.js
+++ b/chips.996b2d4b.js
@@ -1 +1 @@
-webpackJsonp([28,34],{469:function(e,t,l){var a=l(0)(l(500),l(571),null,null);e.exports=a.exports},500:function(e,t,l){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={data:function(){return{fruits:["Orange","Apple","Pineapple"],contacts:["Marcos Moura"],cities:["Amsterdam","London","Tokio"]}}},e.exports=t.default},571:function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,l=e._self._c||t;return l("page-content",{attrs:{"page-title":"Components - Chips"}},[l("docs-component",[l("div",{slot:"description"},[l("p",[e._v("A chip may contain entities such as a photo, text, rules, an icon, or a contact.")])]),e._v(" "),l("div",{slot:"api"},[l("api-table",{attrs:{name:"md-chip"}},[l("md-table",{slot:"properties"},[l("md-table-header",[l("md-table-row",[l("md-table-head",[e._v("Name")]),e._v(" "),l("md-table-head",[e._v("Type")]),e._v(" "),l("md-table-head",[e._v("Description")])],1)],1),e._v(" "),l("md-table-body",[l("md-table-row",[l("md-table-cell",[e._v("disabled")]),e._v(" "),l("md-table-cell",[l("code",[e._v("Boolean")])]),e._v(" "),l("md-table-cell",[e._v("Disable the chip and prevent his actions. Default: "),l("code",[e._v("false")])])],1),e._v(" "),l("md-table-row",[l("md-table-cell",[e._v("md-deletable")]),e._v(" "),l("md-table-cell",[l("code",[e._v("Boolean")])]),e._v(" "),l("md-table-cell",[e._v("Enable delete button. Default: "),l("code",[e._v("false")])])],1)],1)],1),e._v(" "),l("md-table",{slot:"events"},[l("md-table-header",[l("md-table-row",[l("md-table-head",[e._v("Name")]),e._v(" "),l("md-table-head",[e._v("Value")]),e._v(" "),l("md-table-head",[e._v("Description")])],1)],1),e._v(" "),l("md-table-body",[l("md-table-row",[l("md-table-cell",[e._v("delete")]),e._v(" "),l("md-table-cell",[e._v("None")]),e._v(" "),l("md-table-cell",[e._v("Triggered when delete button is clicked.")])],1)],1)],1)],1),e._v(" "),l("api-table",{attrs:{name:"md-chips"}},[l("md-table",{slot:"properties"},[l("md-table-header",[l("md-table-row",[l("md-table-head",[e._v("Name")]),e._v(" "),l("md-table-head",[e._v("Type")]),e._v(" "),l("md-table-head",[e._v("Description")])],1)],1),e._v(" "),l("md-table-body",[l("md-table-row",[l("md-table-cell",[e._v("v-model")]),e._v(" "),l("md-table-cell",[l("code",[e._v("Array")])]),e._v(" "),l("md-table-cell",[e._v("A required model object to bind the value.")])],1),e._v(" "),l("md-table-row",[l("md-table-cell",[e._v("disabled")]),e._v(" "),l("md-table-cell",[l("code",[e._v("Boolean")])]),e._v(" "),l("md-table-cell",[e._v("Disable the chips and prevent his actions. Default: "),l("code",[e._v("false")])])],1),e._v(" "),l("md-table-row",[l("md-table-cell",[e._v("md-input-id")]),e._v(" "),l("md-table-cell",[l("code",[e._v("String")])]),e._v(" "),l("md-table-cell",[e._v("The chips input id.")])],1),e._v(" "),l("md-table-row",[l("md-table-cell",[e._v("md-input-name")]),e._v(" "),l("md-table-cell",[l("code",[e._v("String")])]),e._v(" "),l("md-table-cell",[e._v("The chips input name.")])],1),e._v(" "),l("md-table-row",[l("md-table-cell",[e._v("md-input-placeholder")]),e._v(" "),l("md-table-cell",[l("code",[e._v("String")])]),e._v(" "),l("md-table-cell",[e._v("The chips input placeholder.")])],1),e._v(" "),l("md-table-row",[l("md-table-cell",[e._v("md-input-type")]),e._v(" "),l("md-table-cell",[l("code",[e._v("String")])]),e._v(" "),l("md-table-cell",[e._v('The chips input type. Cannot be "file". Default: '),l("code",[e._v("text")])])],1),e._v(" "),l("md-table-row",[l("md-table-cell",[e._v("md-static")]),e._v(" "),l("md-table-cell",[l("code",[e._v("Boolean")])]),e._v(" "),l("md-table-cell",[e._v("Display read only chips. Default: "),l("code",[e._v("false")])])],1),e._v(" "),l("md-table-row",[l("md-table-cell",[e._v("md-max")]),e._v(" "),l("md-table-cell",[l("code",[e._v("Number")])]),e._v(" "),l("md-table-cell",[e._v("The max number of chips to be added. This property works only for new chips. If the initial value in the v-model have more chips than the max value, all the chips will be rendered. Default: "),l("code",[e._v("Infinity")])])],1)],1)],1),e._v(" "),l("md-table",{slot:"events"},[l("md-table-header",[l("md-table-row",[l("md-table-head",[e._v("Name")]),e._v(" "),l("md-table-head",[e._v("Value")]),e._v(" "),l("md-table-head",[e._v("Description")])],1)],1),e._v(" "),l("md-table-body",[l("md-table-row",[l("md-table-cell",[e._v("change")]),e._v(" "),l("md-table-cell",[e._v("The selcted chips Array")]),e._v(" "),l("md-table-cell",[e._v("Triggered when the chips is created or deleted.")])],1)],1)],1)],1)],1),e._v(" "),l("div",{slot:"example"},[l("example-box",{attrs:{"card-title":"Single Chips"}},[l("div",{slot:"demo"},[l("md-chip",[e._v("Marcos Moura")]),e._v(" "),l("md-chip",{attrs:{"md-deletable":""}},[e._v("Luiza Ivanenko")])],1),e._v(" "),l("div",{slot:"code"},[l("code-block",{attrs:{lang:"xml"}},[e._v("\n            <md-chip>Marcos Moura</md-chip>\n            <md-chip md-deletable>Luiza Ivanenko</md-chip>\n          ")])],1)]),e._v(" "),l("example-box",{attrs:{"card-title":"Static"}},[l("div",{slot:"demo"},[l("md-chips",{directives:[{name:"model",rawName:"v-model",value:e.fruits,expression:"fruits"}],attrs:{"md-static":""},domProps:{value:e.fruits},on:{input:function(t){e.fruits=t}},scopedSlots:{default:function(t){return[e._v(e._s(t.value))]}}})],1),e._v(" "),l("div",{slot:"code"},[l("code-block",{attrs:{lang:"xml"}},[e._v('\n            <md-chips v-model="fruits" md-static>\n              <template scope="chip">'+e._s("{{ chip.value }}")+"</template>\n            </md-chips>\n          ")]),e._v(" "),l("code-block",{attrs:{lang:"javascript"}},[e._v("\n            export default {\n              data: () => ({\n                fruits: ['Orange', 'Apple', 'Pineapple']\n              })\n            };\n          ")])],1)]),e._v(" "),l("example-box",{attrs:{"card-title":"Editable"}},[l("div",{slot:"demo"},[l("md-chips",{directives:[{name:"model",rawName:"v-model",value:e.contacts,expression:"contacts"}],attrs:{"md-input-placeholder":"Add a contact"},domProps:{value:e.contacts},on:{input:function(t){e.contacts=t}},scopedSlots:{default:function(t){return[e._v(e._s(t.value))]}}})],1),e._v(" "),l("div",{slot:"code"},[l("code-block",{attrs:{lang:"xml"}},[e._v('\n            <md-chips v-model="contacts" md-input-placeholder="Add a contact">\n              <template scope="chip">'+e._s("{{ chip.value }}")+"</template>\n            </md-chips>\n          ")]),e._v(" "),l("code-block",{attrs:{lang:"javascript"}},[e._v("\n            export default {\n              data: () => ({\n                contacts: ['Marcos Moura'],\n              })\n            };\n          ")])],1)]),e._v(" "),l("example-box",{attrs:{"card-title":"Limit"}},[l("div",{slot:"demo"},[l("md-chips",{directives:[{name:"model",rawName:"v-model",value:e.cities,expression:"cities"}],attrs:{"md-max":5,"md-input-placeholder":"Cities..."},domProps:{value:e.cities},on:{input:function(t){e.cities=t}},scopedSlots:{default:function(t){return[l("span",[e._v(e._s(t.value))]),e._v(" "),"Amsterdam"===t.value?l("small",[e._v("(favorite)")]):e._e()]}}})],1),e._v(" "),l("div",{slot:"code"},[l("code-block",{attrs:{lang:"xml"}},[e._v('\n            <md-chips v-model="cities" :md-max="5" md-input-placeholder="Cities...">\n              <template scope="chip">\n                <span>'+e._s("{{ chip.value }}")+"</span>\n                <small v-if=\"chip.value === 'Amsterdam'\">(favorite)</small>\n              </template>\n            </md-chips>\n          ")]),e._v(" "),l("code-block",{attrs:{lang:"javascript"}},[e._v("\n            export default {\n              data: () => ({\n                  cities: ['Amsterdam', 'London', 'Tokio']\n              })\n            };\n          ")])],1)])],1)])],1)},staticRenderFns:[]}}});
\ No newline at end of file
+webpackJsonp([28,34],{469:function(e,t,l){var a=l(0)(l(500),l(570),null,null);e.exports=a.exports},500:function(e,t,l){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={data:function(){return{fruits:["Orange","Apple","Pineapple"],contacts:["Marcos Moura"],cities:["Amsterdam","London","Tokio"]}}},e.exports=t.default},570:function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,l=e._self._c||t;return l("page-content",{attrs:{"page-title":"Components - Chips"}},[l("docs-component",[l("div",{slot:"description"},[l("p",[e._v("A chip may contain entities such as a photo, text, rules, an icon, or a contact.")])]),e._v(" "),l("div",{slot:"api"},[l("api-table",{attrs:{name:"md-chip"}},[l("md-table",{slot:"properties"},[l("md-table-header",[l("md-table-row",[l("md-table-head",[e._v("Name")]),e._v(" "),l("md-table-head",[e._v("Type")]),e._v(" "),l("md-table-head",[e._v("Description")])],1)],1),e._v(" "),l("md-table-body",[l("md-table-row",[l("md-table-cell",[e._v("disabled")]),e._v(" "),l("md-table-cell",[l("code",[e._v("Boolean")])]),e._v(" "),l("md-table-cell",[e._v("Disable the chip and prevent his actions. Default: "),l("code",[e._v("false")])])],1),e._v(" "),l("md-table-row",[l("md-table-cell",[e._v("md-deletable")]),e._v(" "),l("md-table-cell",[l("code",[e._v("Boolean")])]),e._v(" "),l("md-table-cell",[e._v("Enable delete button. Default: "),l("code",[e._v("false")])])],1)],1)],1),e._v(" "),l("md-table",{slot:"events"},[l("md-table-header",[l("md-table-row",[l("md-table-head",[e._v("Name")]),e._v(" "),l("md-table-head",[e._v("Value")]),e._v(" "),l("md-table-head",[e._v("Description")])],1)],1),e._v(" "),l("md-table-body",[l("md-table-row",[l("md-table-cell",[e._v("delete")]),e._v(" "),l("md-table-cell",[e._v("None")]),e._v(" "),l("md-table-cell",[e._v("Triggered when delete button is clicked.")])],1)],1)],1)],1),e._v(" "),l("api-table",{attrs:{name:"md-chips"}},[l("md-table",{slot:"properties"},[l("md-table-header",[l("md-table-row",[l("md-table-head",[e._v("Name")]),e._v(" "),l("md-table-head",[e._v("Type")]),e._v(" "),l("md-table-head",[e._v("Description")])],1)],1),e._v(" "),l("md-table-body",[l("md-table-row",[l("md-table-cell",[e._v("v-model")]),e._v(" "),l("md-table-cell",[l("code",[e._v("Array")])]),e._v(" "),l("md-table-cell",[e._v("A required model object to bind the value.")])],1),e._v(" "),l("md-table-row",[l("md-table-cell",[e._v("disabled")]),e._v(" "),l("md-table-cell",[l("code",[e._v("Boolean")])]),e._v(" "),l("md-table-cell",[e._v("Disable the chips and prevent his actions. Default: "),l("code",[e._v("false")])])],1),e._v(" "),l("md-table-row",[l("md-table-cell",[e._v("md-input-id")]),e._v(" "),l("md-table-cell",[l("code",[e._v("String")])]),e._v(" "),l("md-table-cell",[e._v("The chips input id.")])],1),e._v(" "),l("md-table-row",[l("md-table-cell",[e._v("md-input-name")]),e._v(" "),l("md-table-cell",[l("code",[e._v("String")])]),e._v(" "),l("md-table-cell",[e._v("The chips input name.")])],1),e._v(" "),l("md-table-row",[l("md-table-cell",[e._v("md-input-placeholder")]),e._v(" "),l("md-table-cell",[l("code",[e._v("String")])]),e._v(" "),l("md-table-cell",[e._v("The chips input placeholder.")])],1),e._v(" "),l("md-table-row",[l("md-table-cell",[e._v("md-input-type")]),e._v(" "),l("md-table-cell",[l("code",[e._v("String")])]),e._v(" "),l("md-table-cell",[e._v('The chips input type. Cannot be "file". Default: '),l("code",[e._v("text")])])],1),e._v(" "),l("md-table-row",[l("md-table-cell",[e._v("md-static")]),e._v(" "),l("md-table-cell",[l("code",[e._v("Boolean")])]),e._v(" "),l("md-table-cell",[e._v("Display read only chips. Default: "),l("code",[e._v("false")])])],1),e._v(" "),l("md-table-row",[l("md-table-cell",[e._v("md-max")]),e._v(" "),l("md-table-cell",[l("code",[e._v("Number")])]),e._v(" "),l("md-table-cell",[e._v("The max number of chips to be added. This property works only for new chips. If the initial value in the v-model have more chips than the max value, all the chips will be rendered. Default: "),l("code",[e._v("Infinity")])])],1)],1)],1),e._v(" "),l("md-table",{slot:"events"},[l("md-table-header",[l("md-table-row",[l("md-table-head",[e._v("Name")]),e._v(" "),l("md-table-head",[e._v("Value")]),e._v(" "),l("md-table-head",[e._v("Description")])],1)],1),e._v(" "),l("md-table-body",[l("md-table-row",[l("md-table-cell",[e._v("change")]),e._v(" "),l("md-table-cell",[e._v("The selcted chips Array")]),e._v(" "),l("md-table-cell",[e._v("Triggered when the chips is created or deleted.")])],1)],1)],1)],1)],1),e._v(" "),l("div",{slot:"example"},[l("example-box",{attrs:{"card-title":"Single Chips"}},[l("div",{slot:"demo"},[l("md-chip",[e._v("Marcos Moura")]),e._v(" "),l("md-chip",{attrs:{"md-deletable":""}},[e._v("Luiza Ivanenko")])],1),e._v(" "),l("div",{slot:"code"},[l("code-block",{attrs:{lang:"xml"}},[e._v("\n            <md-chip>Marcos Moura</md-chip>\n            <md-chip md-deletable>Luiza Ivanenko</md-chip>\n          ")])],1)]),e._v(" "),l("example-box",{attrs:{"card-title":"Static"}},[l("div",{slot:"demo"},[l("md-chips",{directives:[{name:"model",rawName:"v-model",value:e.fruits,expression:"fruits"}],attrs:{"md-static":""},domProps:{value:e.fruits},on:{input:function(t){e.fruits=t}},scopedSlots:{default:function(t){return[e._v(e._s(t.value))]}}})],1),e._v(" "),l("div",{slot:"code"},[l("code-block",{attrs:{lang:"xml"}},[e._v('\n            <md-chips v-model="fruits" md-static>\n              <template scope="chip">'+e._s("{{ chip.value }}")+"</template>\n            </md-chips>\n          ")]),e._v(" "),l("code-block",{attrs:{lang:"javascript"}},[e._v("\n            export default {\n              data: () => ({\n                fruits: ['Orange', 'Apple', 'Pineapple']\n              })\n            };\n          ")])],1)]),e._v(" "),l("example-box",{attrs:{"card-title":"Editable"}},[l("div",{slot:"demo"},[l("md-chips",{directives:[{name:"model",rawName:"v-model",value:e.contacts,expression:"contacts"}],attrs:{"md-input-placeholder":"Add a contact"},domProps:{value:e.contacts},on:{input:function(t){e.contacts=t}},scopedSlots:{default:function(t){return[e._v(e._s(t.value))]}}})],1),e._v(" "),l("div",{slot:"code"},[l("code-block",{attrs:{lang:"xml"}},[e._v('\n            <md-chips v-model="contacts" md-input-placeholder="Add a contact">\n              <template scope="chip">'+e._s("{{ chip.value }}")+"</template>\n            </md-chips>\n          ")]),e._v(" "),l("code-block",{attrs:{lang:"javascript"}},[e._v("\n            export default {\n              data: () => ({\n                contacts: ['Marcos Moura'],\n              })\n            };\n          ")])],1)]),e._v(" "),l("example-box",{attrs:{"card-title":"Limit"}},[l("div",{slot:"demo"},[l("md-chips",{directives:[{name:"model",rawName:"v-model",value:e.cities,expression:"cities"}],attrs:{"md-max":5,"md-input-placeholder":"Cities..."},domProps:{value:e.cities},on:{input:function(t){e.cities=t}},scopedSlots:{default:function(t){return[l("span",[e._v(e._s(t.value))]),e._v(" "),"Amsterdam"===t.value?l("small",[e._v("(favorite)")]):e._e()]}}})],1),e._v(" "),l("div",{slot:"code"},[l("code-block",{attrs:{lang:"xml"}},[e._v('\n            <md-chips v-model="cities" :md-max="5" md-input-placeholder="Cities...">\n              <template scope="chip">\n                <span>'+e._s("{{ chip.value }}")+"</span>\n                <small v-if=\"chip.value === 'Amsterdam'\">(favorite)</small>\n              </template>\n            </md-chips>\n          ")]),e._v(" "),l("code-block",{attrs:{lang:"javascript"}},[e._v("\n            export default {\n              data: () => ({\n                  cities: ['Amsterdam', 'London', 'Tokio']\n              })\n            };\n          ")])],1)])],1)])],1)},staticRenderFns:[]}}});
\ No newline at end of file
diff --git a/dialog.d27bc67f.js b/dialog.774bdbaf.js
similarity index 98%
rename from dialog.d27bc67f.js
rename to dialog.774bdbaf.js
index 4d40316..872a034 100644
--- a/dialog.d27bc67f.js
+++ b/dialog.774bdbaf.js
@@ -1 +1 @@
-webpackJsonp([11,34],{470:function(e,t,o){o(596);var l=o(0)(o(501),o(561),"data-v-4835b5ba",null);e.exports=l.exports},501:function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={data:function(){return{alert:{content:"Your post has been deleted!",ok:"Cool!"},alert2:{title:"Post created!",contentHtml:"Your post <strong>Material Design is awesome</strong> has been created."},confirm:{title:"Use Google's location service?",contentHtml:"Let Google help apps determine location. <br> This means sending <strong>anonymous</strong> location data to Google, even when no apps are running.",ok:"Agree",cancel:"Disagree"},prompt:{title:"What's your name?",ok:"Done",cancel:"Cancel",id:"name",name:"name",placeholder:"Type your name...",maxlength:30,value:""}}},methods:{openDialog:function(e){this.$refs[e].open()},closeDialog:function(e){this.$refs[e].close()},onOpen:function(){console.log("Opened")},onClose:function(e){console.log("Closed",e)}}},e.exports=t.default},528:function(e,t,o){t=e.exports=o(4)(),t.push([e.i,".dialog-fab[data-v-4835b5ba]{height:200px}",""])},561:function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("page-content",{attrs:{"page-title":"Components - Dialog"}},[o("docs-component",[o("div",{slot:"description"},[o("p",[e._v("Dialogs inform users about a specific task and may contain critical information, require decisions, or involve multiple tasks.")]),e._v(" "),o("p",[e._v("The dialog component works with any plain html content. You can have tabs, all form components and more.")]),e._v(" "),o("p",[e._v("Alternativelly you can use three presets to build Alerts, Confirms and Prompt dialogs.")]),e._v(" "),o("p",[e._v("The preset component is created on top of "),o("code",[e._v("<md-dialog>")]),e._v(". You should provide the content or the HTML content at least.")]),e._v(" "),o("p",[e._v("All the pressets can use the same options and events from the "),o("code",[e._v("<md-dialog>")]),e._v(" component.")])]),e._v(" "),o("div",{slot:"api"},[o("api-table",{attrs:{name:"md-dialog"}},[o("md-table",{slot:"properties"},[o("md-table-header",[o("md-table-row",[o("md-table-head",[e._v("Name")]),e._v(" "),o("md-table-head",[e._v("Type")]),e._v(" "),o("md-table-head",[e._v("Description")])],1)],1),e._v(" "),o("md-table-body",[o("md-table-row",[o("md-table-cell",[e._v("md-click-outside-to-close")]),e._v(" "),o("md-table-cell",[o("code",[e._v("Boolean")])]),e._v(" "),o("md-table-cell",[e._v("Enable or disable click outside to close. Default: "),o("code",[e._v("true")])])],1),e._v(" "),o("md-table-row",[o("md-table-cell",[e._v("md-esc-to-close")]),e._v(" "),o("md-table-cell",[o("code",[e._v("Boolean")])]),e._v(" "),o("md-table-cell",[e._v("Enable or disable close on esc key. Default: "),o("code",[e._v("true")])])],1),e._v(" "),o("md-table-row",[o("md-table-cell",[e._v("md-backdrop")]),e._v(" "),o("md-table-cell",[o("code",[e._v("Boolean")])]),e._v(" "),o("md-table-cell",[e._v("Create an opaque backdrop behind the dialog. Default: "),o("code",[e._v("true")])])],1),e._v(" "),o("md-table-row",[o("md-table-cell",[e._v("md-open-from")]),e._v(" "),o("md-table-cell",[o("code",[e._v("String")])]),e._v(" "),o("md-table-cell",[e._v("The query selector of the element that is used to determine from which the Dialog will open.")])],1),e._v(" "),o("md-table-row",[o("md-table-cell",[e._v("md-close-to")]),e._v(" "),o("md-table-cell",[o("code",[e._v("String")])]),e._v(" "),o("md-table-cell",[e._v("The query selector of the element that is used to determine from which the Dialog will close.")])],1)],1)],1),e._v(" "),o("md-table",{slot:"events"},[o("md-table-header",[o("md-table-row",[o("md-table-head",[e._v("Name")]),e._v(" "),o("md-table-head",[e._v("Value")]),e._v(" "),o("md-table-head",[e._v("Description")])],1)],1),e._v(" "),o("md-table-body",[o("md-table-row",[o("md-table-cell",[e._v("open")]),e._v(" "),o("md-table-cell",[e._v("Receive the state of the dialog: "),o("code",[e._v("ok")]),e._v("| "),o("code",[e._v("cancel")]),e._v(" "),o("br"),e._v("Works only for Confirm and Prompt")]),e._v(" "),o("md-table-cell",[e._v("Triggered when the dialog open.")])],1),e._v(" "),o("md-table-row",[o("md-table-cell",[e._v("close")]),e._v(" "),o("md-table-cell",[e._v("Receive the state of the dialog: "),o("code",[e._v("ok")]),e._v("| "),o("code",[e._v("cancel")]),e._v(" "),o("br"),e._v("Works only for Confirm and Prompt")]),e._v(" "),o("md-table-cell",[e._v("Triggered when the dialog closes.")])],1)],1)],1),e._v(" "),o("md-table",{slot:"methods"},[o("md-table-header",[o("md-table-row",[o("md-table-head",[e._v("Name")]),e._v(" "),o("md-table-head",[e._v("Description")])],1)],1),e._v(" "),o("md-table-body",[o("md-table-row",[o("md-table-cell",[e._v("open")]),e._v(" "),o("md-table-cell",[e._v("Open the dialog.")])],1),e._v(" "),o("md-table-row",[o("md-table-cell",[e._v("close")]),e._v(" "),o("md-table-cell",[e._v("Close the dialog.")])],1)],1)],1)],1),e._v(" "),o("api-table",{attrs:{name:"md-dialog-title"}},[o("p",[e._v("Can display a title on the top of the Dialog.")]),e._v(" "),o("p",[e._v("No options available")])]),e._v(" "),o("api-table",{attrs:{name:"md-dialog-content"}},[o("p",[e._v("Used to display rich content inside the Dialog.")]),e._v(" "),o("p",[e._v("No options available")])]),e._v(" "),o("api-table",{attrs:{name:"md-dialog-actions"}},[o("p",[e._v("Hold the actions of a dialog and align them on the right. Here you can add "),o("code",[e._v("<md-button>")]),e._v(" with or without icons.")]),e._v(" "),o("p",[e._v("No options available")])]),e._v(" "),o("api-table",{attrs:{name:"md-dialog-alert"}},[o("div",{slot:"properties"},[o("md-table",[o("md-table-header",[o("md-table-row",[o("md-table-head",[e._v("Name")]),e._v(" "),o("md-table-head",[e._v("Type")]),e._v(" "),o("md-table-head",[e._v("Description")])],1)],1),e._v(" "),o("md-table-body",[o("md-table-row",[o("md-table-cell",[e._v("md-title")]),e._v(" "),o("md-table-cell",[o("code",[e._v("String")])]),e._v(" "),o("md-table-cell",[e._v("Sets the alert title. Optional.")])],1),e._v(" "),o("md-table-row",[o("md-table-cell",[e._v("md-content")]),e._v(" "),o("md-table-cell",[o("code",[e._v("String")])]),e._v(" "),o("md-table-cell",[e._v("Sets the alert content.")])],1),e._v(" "),o("md-table-row",[o("md-table-cell",[e._v("md-content-html")]),e._v(" "),o("md-table-cell",[o("code",[e._v("String")])]),e._v(" "),o("md-table-cell",[e._v("Sets the alert content with a custom html.")])],1),e._v(" "),o("md-table-row",[o("md-table-cell",[e._v("md-ok-text")]),e._v(" "),o("md-table-cell",[o("code",[e._v("String")])]),e._v(" "),o("md-table-cell",[e._v('Sets the alert "Okay" button text.')])],1)],1)],1)],1)]),e._v(" "),o("api-table",{attrs:{name:"md-dialog-confirm"}},[o("div",{slot:"properties"},[o("md-table",[o("md-table-header",[o("md-table-row",[o("md-table-head",[e._v("Name")]),e._v(" "),o("md-table-head",[e._v("Type")]),e._v(" "),o("md-table-head",[e._v("Description")])],1)],1),e._v(" "),o("md-table-body",[o("md-table-row",[o("md-table-cell",[e._v("md-title")]),e._v(" "),o("md-table-cell",[o("code",[e._v("String")])]),e._v(" "),o("md-table-cell",[e._v("Sets the confirm title. Optional.")])],1),e._v(" "),o("md-table-row",[o("md-table-cell",[e._v("md-content")]),e._v(" "),o("md-table-cell",[o("code",[e._v("String")])]),e._v(" "),o("md-table-cell",[e._v("Sets the confirm content.")])],1),e._v(" "),o("md-table-row",[o("md-table-cell",[e._v("md-content-html")]),e._v(" "),o("md-table-cell",[o("code",[e._v("String")])]),e._v(" "),o("md-table-cell",[e._v("Sets the confirm content with a custom html.")])],1),e._v(" "),o("md-table-row",[o("md-table-cell",[e._v("md-ok-text")]),e._v(" "),o("md-table-cell",[o("code",[e._v("String")])]),e._v(" "),o("md-table-cell",[e._v('Sets the confirm "Okay" button text.')])],1),e._v(" "),o("md-table-row",[o("md-table-cell",[e._v("md-cancel-text")]),e._v(" "),o("md-table-cell",[o("code",[e._v("String")])]),e._v(" "),o("md-table-cell",[e._v('Sets the confirm "Cancel" button text.')])],1)],1)],1)],1)]),e._v(" "),o("api-table",{attrs:{name:"md-dialog-prompt"}},[o("div",{slot:"properties"},[o("md-table",[o("md-table-header",[o("md-table-row",[o("md-table-head",[e._v("Name")]),e._v(" "),o("md-table-head",[e._v("Type")]),e._v(" "),o("md-table-head",[e._v("Description")])],1)],1),e._v(" "),o("md-table-body",[o("md-table-row",[o("md-table-cell",[e._v("md-title")]),e._v(" "),o("md-table-cell",[o("code",[e._v("String")])]),e._v(" "),o("md-table-cell",[e._v("Sets the prompt title. Optional.")])],1),e._v(" "),o("md-table-row",[o("md-table-cell",[e._v("md-content")]),e._v(" "),o("md-table-cell",[o("code",[e._v("String")])]),e._v(" "),o("md-table-cell",[e._v("Sets the prompt content.")])],1),e._v(" "),o("md-table-row",[o("md-table-cell",[e._v("md-content-html")]),e._v(" "),o("md-table-cell",[o("code",[e._v("String")])]),e._v(" "),o("md-table-cell",[e._v("Sets the prompt content with a custom html.")])],1),e._v(" "),o("md-table-row",[o("md-table-cell",[e._v("md-ok-text")]),e._v(" "),o("md-table-cell",[o("code",[e._v("String")])]),e._v(" "),o("md-table-cell",[e._v('Sets the prompt "Okay" button text.')])],1),e._v(" "),o("md-table-row",[o("md-table-cell",[e._v("md-cancel-text")]),e._v(" "),o("md-table-cell",[o("code",[e._v("String")])]),e._v(" "),o("md-table-cell",[e._v('Sets the prompt "Cancel" button text.')])],1),e._v(" "),o("md-table-row",[o("md-table-cell",[e._v("v-model")]),e._v(" "),o("md-table-cell",[o("code",[e._v("String")])]),e._v(" "),o("md-table-cell",[e._v("A required model object to be bind when the value is confirmed.")])],1),e._v(" "),o("md-table-row",[o("md-table-cell",[e._v("md-input-id")]),e._v(" "),o("md-table-cell",[o("code",[e._v("String")])]),e._v(" "),o("md-table-cell",[e._v("Set the ID of the field inside the prompt dialog.")])],1),e._v(" "),o("md-table-row",[o("md-table-cell",[e._v("md-input-name")]),e._v(" "),o("md-table-cell",[o("code",[e._v("String")])]),e._v(" "),o("md-table-cell",[e._v("Set the name of the field inside the prompt dialog.")])],1),e._v(" "),o("md-table-row",[o("md-table-cell",[e._v("md-input-maxlength")]),e._v(" "),o("md-table-cell",[o("code",[e._v("String")])]),e._v(" "),o("md-table-cell",[e._v("Set the optional maxlength of the field inside the prompt dialog with the text count.")])],1),e._v(" "),o("md-table-row",[o("md-table-cell",[e._v("md-input-placeholder")]),e._v(" "),o("md-table-cell",[o("code",[e._v("String")])]),e._v(" "),o("md-table-cell",[e._v("Set the optional placeholder of the field inside the prompt dialog.")])],1)],1)],1)],1)])],1),e._v(" "),o("div",{slot:"example"},[o("example-box",{attrs:{"card-title":"Custom"}},[o("div",{staticClass:"dialog-fab",slot:"demo"},[o("md-dialog",{ref:"dialog1",attrs:{"md-open-from":"#custom","md-close-to":"#custom"}},[o("md-dialog-title",[e._v("Lorem ipsum dolor sit amet")]),e._v(" "),o("md-dialog-content",[e._v("Nemo, nobis necessitatibus ut illo, ducimus ex.")]),e._v(" "),o("md-dialog-actions",[o("md-button",{staticClass:"md-primary",nativeOn:{click:function(t){e.closeDialog("dialog1")}}},[e._v("Cancel")]),e._v(" "),o("md-button",{staticClass:"md-primary",nativeOn:{click:function(t){e.closeDialog("dialog1")}}},[e._v("Ok")])],1)],1),e._v(" "),o("md-dialog",{ref:"dialog2",attrs:{"md-open-from":"#fab","md-close-to":"#fab"}},[o("md-dialog-title",[e._v("Create new note")]),e._v(" "),o("md-dialog-content",[o("form",[o("md-input-container",[o("label",[e._v("Note")]),e._v(" "),o("md-textarea")],1)],1)]),e._v(" "),o("md-dialog-actions",[o("md-button",{staticClass:"md-primary",nativeOn:{click:function(t){e.closeDialog("dialog2")}}},[e._v("Cancel")]),e._v(" "),o("md-button",{staticClass:"md-primary",nativeOn:{click:function(t){e.closeDialog("dialog2")}}},[e._v("Create")])],1)],1),e._v(" "),o("md-button",{staticClass:"md-primary md-raised",attrs:{id:"custom"},nativeOn:{click:function(t){e.openDialog("dialog1")}}},[e._v("Custom")]),e._v(" "),o("md-button",{staticClass:"md-fab md-fab-bottom-right",attrs:{id:"fab"},nativeOn:{click:function(t){e.openDialog("dialog2")}}},[o("md-icon",[e._v("add")])],1)],1),e._v(" "),o("div",{slot:"code"},[o("code-block",{attrs:{lang:"xml"}},[e._v('\n            <md-dialog md-open-from="#custom" md-close-to="#custom" ref="dialog1">\n              <md-dialog-title>Lorem ipsum dolor sit amet</md-dialog-title>\n\n              <md-dialog-content>Nemo, nobis necessitatibus ut illo, ducimus ex.</md-dialog-content>\n\n              <md-dialog-actions>\n                <md-button class="md-primary" @click.native="closeDialog(\'dialog1\')">Cancel</md-button>\n                <md-button class="md-primary" @click.native="closeDialog(\'dialog1\')">Ok</md-button>\n              </md-dialog-actions>\n            </md-dialog>\n\n            <md-dialog md-open-from="#fab" md-close-to="#fab" ref="dialog2">\n              <md-dialog-title>Create new note</md-dialog-title>\n\n              <md-dialog-content>\n                <form>\n                  <md-input-container>\n                    <label>Note</label>\n                    <md-textarea></md-textarea>\n                  </md-input-container>\n                </form>\n              </md-dialog-content>\n\n              <md-dialog-actions>\n                <md-button class="md-primary" @click.native="closeDialog(\'dialog2\')">Cancel</md-button>\n                <md-button class="md-primary" @click.native="closeDialog(\'dialog2\')">Create</md-button>\n              </md-dialog-actions>\n            </md-dialog>\n\n            <md-button class="md-primary md-raised" id="custom" @click.native="openDialog(\'dialog1\')">Custom</md-button>\n            <md-button class="md-fab md-fab-bottom-right" id="fab" @click.native="openDialog(\'dialog2\')">\n              <md-icon>add</md-icon>\n            </md-button>\n          ')]),e._v(" "),o("code-block",{attrs:{lang:"javascript"}},[e._v("\n            export default {\n              methods: {\n                openDialog(ref) {\n                  this.$refs[ref].open();\n                },\n                closeDialog(ref) {\n                  this.$refs[ref].close();\n                },\n                onOpen() {\n                  console.log('Opened');\n                },\n                onClose(type) {\n                  console.log('Closed', type);\n                }\n              }\n            };\n          ")])],1)]),e._v(" "),o("example-box",{attrs:{"card-title":"Alerts"}},[o("div",{slot:"demo"},[o("md-dialog-alert",{ref:"dialog3",attrs:{"md-content":e.alert.content,"md-ok-text":e.alert.ok},on:{open:e.onOpen,close:e.onClose}}),e._v(" "),o("md-dialog-alert",{ref:"dialog4",attrs:{"md-title":e.alert2.title,"md-content-html":e.alert2.contentHtml},on:{open:e.onOpen,close:e.onClose}}),e._v(" "),o("md-button",{staticClass:"md-primary md-raised",nativeOn:{click:function(t){e.openDialog("dialog3")}}},[e._v("Alert")]),e._v(" "),o("md-button",{staticClass:"md-primary md-raised",nativeOn:{click:function(t){e.openDialog("dialog4")}}},[e._v("Alert with HTML")])],1),e._v(" "),o("div",{slot:"code"},[o("code-block",{attrs:{lang:"xml"}},[e._v('\n            <md-dialog-alert\n              :md-content="alert.content"\n              :md-ok-text="alert.ok"\n              @open="onOpen"\n              @close="onClose"\n              ref="dialog3">\n            </md-dialog-alert>\n\n            <md-dialog-alert\n              :md-title="alert2.title"\n              :md-content-html="alert2.contentHtml"\n              @open="onOpen"\n              @close="onClose"\n              ref="dialog4">\n            </md-dialog-alert>\n\n            <md-button class="md-primary md-raised" @click.native="openDialog(\'dialog3\')">Alert</md-button>\n            <md-button class="md-primary md-raised" @click.native="openDialog(\'dialog4\')">Alert with HTML</md-button>\n          ')]),e._v(" "),o("code-block",{attrs:{lang:"javascript"}},[e._v("\n            export default {\n              data: () => ({\n                alert: {\n                  content: 'Your post has been deleted!',\n                  ok: 'Cool!'\n                },\n                alert2: {\n                  title: 'Post created!',\n                  contentHtml: 'Your post <strong>Material Design is awesome</strong> has been created.'\n                }\n              }),\n              methods: {\n                openDialog(ref) {\n                  this.$refs[ref].open();\n                },\n                closeDialog(ref) {\n                  this.$refs[ref].close();\n                },\n                onOpen() {\n                  console.log('Opened');\n                },\n                onClose(type) {\n                  console.log('Closed', type);\n                }\n              }\n            };\n          ")])],1)]),e._v(" "),o("example-box",{attrs:{"card-title":"Confirm"}},[o("div",{slot:"demo"},[o("md-dialog-confirm",{ref:"dialog5",attrs:{"md-title":e.confirm.title,"md-content-html":e.confirm.contentHtml,"md-ok-text":e.confirm.ok,"md-cancel-text":e.confirm.cancel},on:{open:e.onOpen,close:e.onClose}}),e._v(" "),o("md-button",{staticClass:"md-primary md-raised",nativeOn:{click:function(t){e.openDialog("dialog5")}}},[e._v("Confirm")])],1),e._v(" "),o("div",{slot:"code"},[o("code-block",{attrs:{lang:"xml"}},[e._v('\n            <md-dialog-confirm\n              :md-title="confirm.title"\n              :md-content-html="confirm.contentHtml"\n              :md-ok-text="confirm.ok"\n              :md-cancel-text="confirm.cancel"\n              @open="onOpen"\n              @close="onClose"\n              ref="dialog5">\n            </md-dialog-confirm>\n\n            <md-button class="md-primary md-raised" @click.native="openDialog(\'dialog5\')">Confirm</md-button>\n          ')]),e._v(" "),o("code-block",{attrs:{lang:"javascript"}},[e._v("\n            export default {\n              data: () => ({\n                confirm: {\n                  title: 'Use Google\\'s location service?',\n                  contentHtml: 'Let Google help apps determine location. <br> This means sending <strong>anonymous</strong> location data to Google, even when no apps are running.',\n                  ok: 'Agree',\n                  cancel: 'Disagree'\n                }\n              }),\n              methods: {\n                openDialog(ref) {\n                  this.$refs[ref].open();\n                },\n                closeDialog(ref) {\n                  this.$refs[ref].close();\n                },\n                onOpen() {\n                  console.log('Opened');\n                },\n                onClose(type) {\n                  console.log('Closed', type);\n                }\n              }\n            };\n          ")])],1)]),e._v(" "),o("example-box",{attrs:{"card-title":"Prompt"}},[o("div",{slot:"demo"},[o("md-dialog-prompt",{directives:[{name:"model",rawName:"v-model",value:e.prompt.value,expression:"prompt.value"}],ref:"dialog6",attrs:{"md-title":e.prompt.title,"md-ok-text":e.prompt.ok,"md-cancel-text":e.prompt.cancel,"md-input-id":e.prompt.id,"md-input-name":e.prompt.name,"md-input-maxlength":e.prompt.maxlength,"md-input-placeholder":e.prompt.placeholder},domProps:{value:e.prompt.value},on:{open:e.onOpen,close:e.onClose,input:function(t){e.prompt.value=t}}}),e._v(" "),o("md-button",{staticClass:"md-primary md-raised",nativeOn:{click:function(t){e.openDialog("dialog6")}}},[e._v("Prompt")])],1),e._v(" "),o("div",{slot:"code"},[o("code-block",{attrs:{lang:"xml"}},[e._v('\n            <md-dialog-prompt\n              :md-title="prompt.title"\n              :md-ok-text="prompt.ok"\n              :md-cancel-text="prompt.cancel"\n              @open="onOpen"\n              @close="onClose"\n              ref="dialog6">\n            </md-dialog-prompt>\n\n            <md-button class="md-primary md-raised" @click.native="openDialog(\'dialog6\')">Prompt</md-button>\n          ')]),e._v(" "),o("code-block",{attrs:{lang:"javascript"}},[e._v("\n            export default {\n              data: () => ({\n                prompt: {\n                  title: 'What\\'s your name?',\n                  ok: 'Done',\n                  cancel: 'Cancel',\n                  id: 'name',\n                  name: 'name',\n                  placeholder: 'Type your name...',\n                  maxlength: 30,\n                  value: ''\n                }\n              }),\n              methods: {\n                openDialog(ref) {\n                  this.$refs[ref].open();\n                },\n                closeDialog(ref) {\n                  this.$refs[ref].close();\n                },\n                onOpen() {\n                  console.log('Opened');\n                },\n                onClose(type) {\n                  console.log('Closed', type);\n                }\n              }\n            };\n          ")])],1)])],1)])],1)},staticRenderFns:[]}},596:function(e,t,o){var l=o(528);"string"==typeof l&&(l=[[e.i,l,""]]),l.locals&&(e.exports=l.locals);o(5)("60a491ee",l,!0)}});
\ No newline at end of file
+webpackJsonp([10,34],{470:function(e,t,o){o(595);var l=o(0)(o(501),o(560),"data-v-4835b5ba",null);e.exports=l.exports},501:function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={data:function(){return{alert:{content:"Your post has been deleted!",ok:"Cool!"},alert2:{title:"Post created!",contentHtml:"Your post <strong>Material Design is awesome</strong> has been created."},confirm:{title:"Use Google's location service?",contentHtml:"Let Google help apps determine location. <br> This means sending <strong>anonymous</strong> location data to Google, even when no apps are running.",ok:"Agree",cancel:"Disagree"},prompt:{title:"What's your name?",ok:"Done",cancel:"Cancel",id:"name",name:"name",placeholder:"Type your name...",maxlength:30,value:""}}},methods:{openDialog:function(e){this.$refs[e].open()},closeDialog:function(e){this.$refs[e].close()},onOpen:function(){console.log("Opened")},onClose:function(e){console.log("Closed",e)}}},e.exports=t.default},527:function(e,t,o){t=e.exports=o(4)(),t.push([e.i,".dialog-fab[data-v-4835b5ba]{height:200px}",""])},560:function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("page-content",{attrs:{"page-title":"Components - Dialog"}},[o("docs-component",[o("div",{slot:"description"},[o("p",[e._v("Dialogs inform users about a specific task and may contain critical information, require decisions, or involve multiple tasks.")]),e._v(" "),o("p",[e._v("The dialog component works with any plain html content. You can have tabs, all form components and more.")]),e._v(" "),o("p",[e._v("Alternativelly you can use three presets to build Alerts, Confirms and Prompt dialogs.")]),e._v(" "),o("p",[e._v("The preset component is created on top of "),o("code",[e._v("<md-dialog>")]),e._v(". You should provide the content or the HTML content at least.")]),e._v(" "),o("p",[e._v("All the pressets can use the same options and events from the "),o("code",[e._v("<md-dialog>")]),e._v(" component.")])]),e._v(" "),o("div",{slot:"api"},[o("api-table",{attrs:{name:"md-dialog"}},[o("md-table",{slot:"properties"},[o("md-table-header",[o("md-table-row",[o("md-table-head",[e._v("Name")]),e._v(" "),o("md-table-head",[e._v("Type")]),e._v(" "),o("md-table-head",[e._v("Description")])],1)],1),e._v(" "),o("md-table-body",[o("md-table-row",[o("md-table-cell",[e._v("md-click-outside-to-close")]),e._v(" "),o("md-table-cell",[o("code",[e._v("Boolean")])]),e._v(" "),o("md-table-cell",[e._v("Enable or disable click outside to close. Default: "),o("code",[e._v("true")])])],1),e._v(" "),o("md-table-row",[o("md-table-cell",[e._v("md-esc-to-close")]),e._v(" "),o("md-table-cell",[o("code",[e._v("Boolean")])]),e._v(" "),o("md-table-cell",[e._v("Enable or disable close on esc key. Default: "),o("code",[e._v("true")])])],1),e._v(" "),o("md-table-row",[o("md-table-cell",[e._v("md-backdrop")]),e._v(" "),o("md-table-cell",[o("code",[e._v("Boolean")])]),e._v(" "),o("md-table-cell",[e._v("Create an opaque backdrop behind the dialog. Default: "),o("code",[e._v("true")])])],1),e._v(" "),o("md-table-row",[o("md-table-cell",[e._v("md-open-from")]),e._v(" "),o("md-table-cell",[o("code",[e._v("String")])]),e._v(" "),o("md-table-cell",[e._v("The query selector of the element that is used to determine from which the Dialog will open.")])],1),e._v(" "),o("md-table-row",[o("md-table-cell",[e._v("md-close-to")]),e._v(" "),o("md-table-cell",[o("code",[e._v("String")])]),e._v(" "),o("md-table-cell",[e._v("The query selector of the element that is used to determine from which the Dialog will close.")])],1)],1)],1),e._v(" "),o("md-table",{slot:"events"},[o("md-table-header",[o("md-table-row",[o("md-table-head",[e._v("Name")]),e._v(" "),o("md-table-head",[e._v("Value")]),e._v(" "),o("md-table-head",[e._v("Description")])],1)],1),e._v(" "),o("md-table-body",[o("md-table-row",[o("md-table-cell",[e._v("open")]),e._v(" "),o("md-table-cell",[e._v("Receive the state of the dialog: "),o("code",[e._v("ok")]),e._v("| "),o("code",[e._v("cancel")]),e._v(" "),o("br"),e._v("Works only for Confirm and Prompt")]),e._v(" "),o("md-table-cell",[e._v("Triggered when the dialog open.")])],1),e._v(" "),o("md-table-row",[o("md-table-cell",[e._v("close")]),e._v(" "),o("md-table-cell",[e._v("Receive the state of the dialog: "),o("code",[e._v("ok")]),e._v("| "),o("code",[e._v("cancel")]),e._v(" "),o("br"),e._v("Works only for Confirm and Prompt")]),e._v(" "),o("md-table-cell",[e._v("Triggered when the dialog closes.")])],1)],1)],1),e._v(" "),o("md-table",{slot:"methods"},[o("md-table-header",[o("md-table-row",[o("md-table-head",[e._v("Name")]),e._v(" "),o("md-table-head",[e._v("Description")])],1)],1),e._v(" "),o("md-table-body",[o("md-table-row",[o("md-table-cell",[e._v("open")]),e._v(" "),o("md-table-cell",[e._v("Open the dialog.")])],1),e._v(" "),o("md-table-row",[o("md-table-cell",[e._v("close")]),e._v(" "),o("md-table-cell",[e._v("Close the dialog.")])],1)],1)],1)],1),e._v(" "),o("api-table",{attrs:{name:"md-dialog-title"}},[o("p",[e._v("Can display a title on the top of the Dialog.")]),e._v(" "),o("p",[e._v("No options available")])]),e._v(" "),o("api-table",{attrs:{name:"md-dialog-content"}},[o("p",[e._v("Used to display rich content inside the Dialog.")]),e._v(" "),o("p",[e._v("No options available")])]),e._v(" "),o("api-table",{attrs:{name:"md-dialog-actions"}},[o("p",[e._v("Hold the actions of a dialog and align them on the right. Here you can add "),o("code",[e._v("<md-button>")]),e._v(" with or without icons.")]),e._v(" "),o("p",[e._v("No options available")])]),e._v(" "),o("api-table",{attrs:{name:"md-dialog-alert"}},[o("div",{slot:"properties"},[o("md-table",[o("md-table-header",[o("md-table-row",[o("md-table-head",[e._v("Name")]),e._v(" "),o("md-table-head",[e._v("Type")]),e._v(" "),o("md-table-head",[e._v("Description")])],1)],1),e._v(" "),o("md-table-body",[o("md-table-row",[o("md-table-cell",[e._v("md-title")]),e._v(" "),o("md-table-cell",[o("code",[e._v("String")])]),e._v(" "),o("md-table-cell",[e._v("Sets the alert title. Optional.")])],1),e._v(" "),o("md-table-row",[o("md-table-cell",[e._v("md-content")]),e._v(" "),o("md-table-cell",[o("code",[e._v("String")])]),e._v(" "),o("md-table-cell",[e._v("Sets the alert content.")])],1),e._v(" "),o("md-table-row",[o("md-table-cell",[e._v("md-content-html")]),e._v(" "),o("md-table-cell",[o("code",[e._v("String")])]),e._v(" "),o("md-table-cell",[e._v("Sets the alert content with a custom html.")])],1),e._v(" "),o("md-table-row",[o("md-table-cell",[e._v("md-ok-text")]),e._v(" "),o("md-table-cell",[o("code",[e._v("String")])]),e._v(" "),o("md-table-cell",[e._v('Sets the alert "Okay" button text.')])],1)],1)],1)],1)]),e._v(" "),o("api-table",{attrs:{name:"md-dialog-confirm"}},[o("div",{slot:"properties"},[o("md-table",[o("md-table-header",[o("md-table-row",[o("md-table-head",[e._v("Name")]),e._v(" "),o("md-table-head",[e._v("Type")]),e._v(" "),o("md-table-head",[e._v("Description")])],1)],1),e._v(" "),o("md-table-body",[o("md-table-row",[o("md-table-cell",[e._v("md-title")]),e._v(" "),o("md-table-cell",[o("code",[e._v("String")])]),e._v(" "),o("md-table-cell",[e._v("Sets the confirm title. Optional.")])],1),e._v(" "),o("md-table-row",[o("md-table-cell",[e._v("md-content")]),e._v(" "),o("md-table-cell",[o("code",[e._v("String")])]),e._v(" "),o("md-table-cell",[e._v("Sets the confirm content.")])],1),e._v(" "),o("md-table-row",[o("md-table-cell",[e._v("md-content-html")]),e._v(" "),o("md-table-cell",[o("code",[e._v("String")])]),e._v(" "),o("md-table-cell",[e._v("Sets the confirm content with a custom html.")])],1),e._v(" "),o("md-table-row",[o("md-table-cell",[e._v("md-ok-text")]),e._v(" "),o("md-table-cell",[o("code",[e._v("String")])]),e._v(" "),o("md-table-cell",[e._v('Sets the confirm "Okay" button text.')])],1),e._v(" "),o("md-table-row",[o("md-table-cell",[e._v("md-cancel-text")]),e._v(" "),o("md-table-cell",[o("code",[e._v("String")])]),e._v(" "),o("md-table-cell",[e._v('Sets the confirm "Cancel" button text.')])],1)],1)],1)],1)]),e._v(" "),o("api-table",{attrs:{name:"md-dialog-prompt"}},[o("div",{slot:"properties"},[o("md-table",[o("md-table-header",[o("md-table-row",[o("md-table-head",[e._v("Name")]),e._v(" "),o("md-table-head",[e._v("Type")]),e._v(" "),o("md-table-head",[e._v("Description")])],1)],1),e._v(" "),o("md-table-body",[o("md-table-row",[o("md-table-cell",[e._v("md-title")]),e._v(" "),o("md-table-cell",[o("code",[e._v("String")])]),e._v(" "),o("md-table-cell",[e._v("Sets the prompt title. Optional.")])],1),e._v(" "),o("md-table-row",[o("md-table-cell",[e._v("md-content")]),e._v(" "),o("md-table-cell",[o("code",[e._v("String")])]),e._v(" "),o("md-table-cell",[e._v("Sets the prompt content.")])],1),e._v(" "),o("md-table-row",[o("md-table-cell",[e._v("md-content-html")]),e._v(" "),o("md-table-cell",[o("code",[e._v("String")])]),e._v(" "),o("md-table-cell",[e._v("Sets the prompt content with a custom html.")])],1),e._v(" "),o("md-table-row",[o("md-table-cell",[e._v("md-ok-text")]),e._v(" "),o("md-table-cell",[o("code",[e._v("String")])]),e._v(" "),o("md-table-cell",[e._v('Sets the prompt "Okay" button text.')])],1),e._v(" "),o("md-table-row",[o("md-table-cell",[e._v("md-cancel-text")]),e._v(" "),o("md-table-cell",[o("code",[e._v("String")])]),e._v(" "),o("md-table-cell",[e._v('Sets the prompt "Cancel" button text.')])],1),e._v(" "),o("md-table-row",[o("md-table-cell",[e._v("v-model")]),e._v(" "),o("md-table-cell",[o("code",[e._v("String")])]),e._v(" "),o("md-table-cell",[e._v("A required model object to be bind when the value is confirmed.")])],1),e._v(" "),o("md-table-row",[o("md-table-cell",[e._v("md-input-id")]),e._v(" "),o("md-table-cell",[o("code",[e._v("String")])]),e._v(" "),o("md-table-cell",[e._v("Set the ID of the field inside the prompt dialog.")])],1),e._v(" "),o("md-table-row",[o("md-table-cell",[e._v("md-input-name")]),e._v(" "),o("md-table-cell",[o("code",[e._v("String")])]),e._v(" "),o("md-table-cell",[e._v("Set the name of the field inside the prompt dialog.")])],1),e._v(" "),o("md-table-row",[o("md-table-cell",[e._v("md-input-maxlength")]),e._v(" "),o("md-table-cell",[o("code",[e._v("String")])]),e._v(" "),o("md-table-cell",[e._v("Set the optional maxlength of the field inside the prompt dialog with the text count.")])],1),e._v(" "),o("md-table-row",[o("md-table-cell",[e._v("md-input-placeholder")]),e._v(" "),o("md-table-cell",[o("code",[e._v("String")])]),e._v(" "),o("md-table-cell",[e._v("Set the optional placeholder of the field inside the prompt dialog.")])],1)],1)],1)],1)])],1),e._v(" "),o("div",{slot:"example"},[o("example-box",{attrs:{"card-title":"Custom"}},[o("div",{staticClass:"dialog-fab",slot:"demo"},[o("md-dialog",{ref:"dialog1",attrs:{"md-open-from":"#custom","md-close-to":"#custom"}},[o("md-dialog-title",[e._v("Lorem ipsum dolor sit amet")]),e._v(" "),o("md-dialog-content",[e._v("Nemo, nobis necessitatibus ut illo, ducimus ex.")]),e._v(" "),o("md-dialog-actions",[o("md-button",{staticClass:"md-primary",nativeOn:{click:function(t){e.closeDialog("dialog1")}}},[e._v("Cancel")]),e._v(" "),o("md-button",{staticClass:"md-primary",nativeOn:{click:function(t){e.closeDialog("dialog1")}}},[e._v("Ok")])],1)],1),e._v(" "),o("md-dialog",{ref:"dialog2",attrs:{"md-open-from":"#fab","md-close-to":"#fab"}},[o("md-dialog-title",[e._v("Create new note")]),e._v(" "),o("md-dialog-content",[o("form",[o("md-input-container",[o("label",[e._v("Note")]),e._v(" "),o("md-textarea")],1)],1)]),e._v(" "),o("md-dialog-actions",[o("md-button",{staticClass:"md-primary",nativeOn:{click:function(t){e.closeDialog("dialog2")}}},[e._v("Cancel")]),e._v(" "),o("md-button",{staticClass:"md-primary",nativeOn:{click:function(t){e.closeDialog("dialog2")}}},[e._v("Create")])],1)],1),e._v(" "),o("md-button",{staticClass:"md-primary md-raised",attrs:{id:"custom"},nativeOn:{click:function(t){e.openDialog("dialog1")}}},[e._v("Custom")]),e._v(" "),o("md-button",{staticClass:"md-fab md-fab-bottom-right",attrs:{id:"fab"},nativeOn:{click:function(t){e.openDialog("dialog2")}}},[o("md-icon",[e._v("add")])],1)],1),e._v(" "),o("div",{slot:"code"},[o("code-block",{attrs:{lang:"xml"}},[e._v('\n            <md-dialog md-open-from="#custom" md-close-to="#custom" ref="dialog1">\n              <md-dialog-title>Lorem ipsum dolor sit amet</md-dialog-title>\n\n              <md-dialog-content>Nemo, nobis necessitatibus ut illo, ducimus ex.</md-dialog-content>\n\n              <md-dialog-actions>\n                <md-button class="md-primary" @click.native="closeDialog(\'dialog1\')">Cancel</md-button>\n                <md-button class="md-primary" @click.native="closeDialog(\'dialog1\')">Ok</md-button>\n              </md-dialog-actions>\n            </md-dialog>\n\n            <md-dialog md-open-from="#fab" md-close-to="#fab" ref="dialog2">\n              <md-dialog-title>Create new note</md-dialog-title>\n\n              <md-dialog-content>\n                <form>\n                  <md-input-container>\n                    <label>Note</label>\n                    <md-textarea></md-textarea>\n                  </md-input-container>\n                </form>\n              </md-dialog-content>\n\n              <md-dialog-actions>\n                <md-button class="md-primary" @click.native="closeDialog(\'dialog2\')">Cancel</md-button>\n                <md-button class="md-primary" @click.native="closeDialog(\'dialog2\')">Create</md-button>\n              </md-dialog-actions>\n            </md-dialog>\n\n            <md-button class="md-primary md-raised" id="custom" @click.native="openDialog(\'dialog1\')">Custom</md-button>\n            <md-button class="md-fab md-fab-bottom-right" id="fab" @click.native="openDialog(\'dialog2\')">\n              <md-icon>add</md-icon>\n            </md-button>\n          ')]),e._v(" "),o("code-block",{attrs:{lang:"javascript"}},[e._v("\n            export default {\n              methods: {\n                openDialog(ref) {\n                  this.$refs[ref].open();\n                },\n                closeDialog(ref) {\n                  this.$refs[ref].close();\n                },\n                onOpen() {\n                  console.log('Opened');\n                },\n                onClose(type) {\n                  console.log('Closed', type);\n                }\n              }\n            };\n          ")])],1)]),e._v(" "),o("example-box",{attrs:{"card-title":"Alerts"}},[o("div",{slot:"demo"},[o("md-dialog-alert",{ref:"dialog3",attrs:{"md-content":e.alert.content,"md-ok-text":e.alert.ok},on:{open:e.onOpen,close:e.onClose}}),e._v(" "),o("md-dialog-alert",{ref:"dialog4",attrs:{"md-title":e.alert2.title,"md-content-html":e.alert2.contentHtml},on:{open:e.onOpen,close:e.onClose}}),e._v(" "),o("md-button",{staticClass:"md-primary md-raised",nativeOn:{click:function(t){e.openDialog("dialog3")}}},[e._v("Alert")]),e._v(" "),o("md-button",{staticClass:"md-primary md-raised",nativeOn:{click:function(t){e.openDialog("dialog4")}}},[e._v("Alert with HTML")])],1),e._v(" "),o("div",{slot:"code"},[o("code-block",{attrs:{lang:"xml"}},[e._v('\n            <md-dialog-alert\n              :md-content="alert.content"\n              :md-ok-text="alert.ok"\n              @open="onOpen"\n              @close="onClose"\n              ref="dialog3">\n            </md-dialog-alert>\n\n            <md-dialog-alert\n              :md-title="alert2.title"\n              :md-content-html="alert2.contentHtml"\n              @open="onOpen"\n              @close="onClose"\n              ref="dialog4">\n            </md-dialog-alert>\n\n            <md-button class="md-primary md-raised" @click.native="openDialog(\'dialog3\')">Alert</md-button>\n            <md-button class="md-primary md-raised" @click.native="openDialog(\'dialog4\')">Alert with HTML</md-button>\n          ')]),e._v(" "),o("code-block",{attrs:{lang:"javascript"}},[e._v("\n            export default {\n              data: () => ({\n                alert: {\n                  content: 'Your post has been deleted!',\n                  ok: 'Cool!'\n                },\n                alert2: {\n                  title: 'Post created!',\n                  contentHtml: 'Your post <strong>Material Design is awesome</strong> has been created.'\n                }\n              }),\n              methods: {\n                openDialog(ref) {\n                  this.$refs[ref].open();\n                },\n                closeDialog(ref) {\n                  this.$refs[ref].close();\n                },\n                onOpen() {\n                  console.log('Opened');\n                },\n                onClose(type) {\n                  console.log('Closed', type);\n                }\n              }\n            };\n          ")])],1)]),e._v(" "),o("example-box",{attrs:{"card-title":"Confirm"}},[o("div",{slot:"demo"},[o("md-dialog-confirm",{ref:"dialog5",attrs:{"md-title":e.confirm.title,"md-content-html":e.confirm.contentHtml,"md-ok-text":e.confirm.ok,"md-cancel-text":e.confirm.cancel},on:{open:e.onOpen,close:e.onClose}}),e._v(" "),o("md-button",{staticClass:"md-primary md-raised",nativeOn:{click:function(t){e.openDialog("dialog5")}}},[e._v("Confirm")])],1),e._v(" "),o("div",{slot:"code"},[o("code-block",{attrs:{lang:"xml"}},[e._v('\n            <md-dialog-confirm\n              :md-title="confirm.title"\n              :md-content-html="confirm.contentHtml"\n              :md-ok-text="confirm.ok"\n              :md-cancel-text="confirm.cancel"\n              @open="onOpen"\n              @close="onClose"\n              ref="dialog5">\n            </md-dialog-confirm>\n\n            <md-button class="md-primary md-raised" @click.native="openDialog(\'dialog5\')">Confirm</md-button>\n          ')]),e._v(" "),o("code-block",{attrs:{lang:"javascript"}},[e._v("\n            export default {\n              data: () => ({\n                confirm: {\n                  title: 'Use Google\\'s location service?',\n                  contentHtml: 'Let Google help apps determine location. <br> This means sending <strong>anonymous</strong> location data to Google, even when no apps are running.',\n                  ok: 'Agree',\n                  cancel: 'Disagree'\n                }\n              }),\n              methods: {\n                openDialog(ref) {\n                  this.$refs[ref].open();\n                },\n                closeDialog(ref) {\n                  this.$refs[ref].close();\n                },\n                onOpen() {\n                  console.log('Opened');\n                },\n                onClose(type) {\n                  console.log('Closed', type);\n                }\n              }\n            };\n          ")])],1)]),e._v(" "),o("example-box",{attrs:{"card-title":"Prompt"}},[o("div",{slot:"demo"},[o("md-dialog-prompt",{directives:[{name:"model",rawName:"v-model",value:e.prompt.value,expression:"prompt.value"}],ref:"dialog6",attrs:{"md-title":e.prompt.title,"md-ok-text":e.prompt.ok,"md-cancel-text":e.prompt.cancel,"md-input-id":e.prompt.id,"md-input-name":e.prompt.name,"md-input-maxlength":e.prompt.maxlength,"md-input-placeholder":e.prompt.placeholder},domProps:{value:e.prompt.value},on:{open:e.onOpen,close:e.onClose,input:function(t){e.prompt.value=t}}}),e._v(" "),o("md-button",{staticClass:"md-primary md-raised",nativeOn:{click:function(t){e.openDialog("dialog6")}}},[e._v("Prompt")])],1),e._v(" "),o("div",{slot:"code"},[o("code-block",{attrs:{lang:"xml"}},[e._v('\n            <md-dialog-prompt\n              :md-title="prompt.title"\n              :md-ok-text="prompt.ok"\n              :md-cancel-text="prompt.cancel"\n              @open="onOpen"\n              @close="onClose"\n              ref="dialog6">\n            </md-dialog-prompt>\n\n            <md-button class="md-primary md-raised" @click.native="openDialog(\'dialog6\')">Prompt</md-button>\n          ')]),e._v(" "),o("code-block",{attrs:{lang:"javascript"}},[e._v("\n            export default {\n              data: () => ({\n                prompt: {\n                  title: 'What\\'s your name?',\n                  ok: 'Done',\n                  cancel: 'Cancel',\n                  id: 'name',\n                  name: 'name',\n                  placeholder: 'Type your name...',\n                  maxlength: 30,\n                  value: ''\n                }\n              }),\n              methods: {\n                openDialog(ref) {\n                  this.$refs[ref].open();\n                },\n                closeDialog(ref) {\n                  this.$refs[ref].close();\n                },\n                onOpen() {\n                  console.log('Opened');\n                },\n                onClose(type) {\n                  console.log('Closed', type);\n                }\n              }\n            };\n          ")])],1)])],1)])],1)},staticRenderFns:[]}},595:function(e,t,o){var l=o(527);"string"==typeof l&&(l=[[e.i,l,""]]),l.locals&&(e.exports=l.locals);o(5)("60a491ee",l,!0)}});
\ No newline at end of file
diff --git a/docs.d7649497.js b/docs.478f64a5.js
similarity index 99%
rename from docs.d7649497.js
rename to docs.478f64a5.js
index 02fb2ef..d97c819 100644
--- a/docs.d7649497.js
+++ b/docs.478f64a5.js
@@ -1,4 +1,4 @@
-webpackJsonp([32,34],[,function(t,e,n){"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},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=function t(e,n){return!(!e||!e.$el)&&(0!==e._uid&&(e.$el.classList.contains(n)?e:t(e.$parent,n)))};e.default=i,t.exports=e.default},,,,,,,,,,,,,,,,,,,function(t,e,n){"use strict";function i(){var t=document.createElement("span"),e={transition:"transitionend",OTransition:"oTransitionEnd",MozTransition:"transitionend",WebkitTransition:"webkitTransitionEnd"};for(var n in e)if(void 0!==t.style[n])return e[n]}Object.defineProperty(e,"__esModule",{value:!0}),e.default=i(),t.exports=e.default},,,,,function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=function(){return Math.random().toString(36).slice(4)};e.default=i,t.exports=e.default},,,,,,,,,,,,,function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={props:{value:[String,Number],disabled:Boolean,required:Boolean,maxlength:[Number,String],placeholder:String},watch:{value:function(t){this.setParentValue(t),this.updateValues(t)},disabled:function(){this.setParentDisabled()},required:function(){this.setParentRequired()},placeholder:function(){this.setParentPlaceholder()},maxlength:function(){this.handleMaxLength()}},methods:{handleMaxLength:function(){this.parentContainer.enableCounter=this.maxlength>0,this.parentContainer.counterLength=this.maxlength},setParentValue:function(t){this.parentContainer.setValue(t||this.$el.value)},setParentDisabled:function(){this.parentContainer.isDisabled=this.disabled},setParentRequired:function(){this.parentContainer.isRequired=this.required},setParentPlaceholder:function(){this.parentContainer.hasPlaceholder=!!this.placeholder},updateValues:function(t){var e=t||this.$el.value||this.value;this.setParentValue(e),this.parentContainer.inputLength=e?e.length:0},onFocus:function(){this.parentContainer&&(this.parentContainer.isFocused=!0)},onBlur:function(){this.parentContainer.isFocused=!1,this.setParentValue()},onInput:function(){this.updateValues(),this.$emit("change",this.$el.value),this.$emit("input",this.$el.value)}}},t.exports=e.default},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=function(t,e){var n=document.createElement("canvas");t.onload=function(){var t=0,i=void 0,o=void 0,a=void 0,s=void 0,r=void 0,d=void 0,l=void 0;n.width=this.width,n.height=this.height,i=n.getContext("2d"),i.drawImage(this,0,0),o=i.getImageData(0,0,n.width,n.height),a=o.data;for(var c=0,u=a.length;c<u;c+=4)s=a[c],r=a[c+1],d=a[c+2],l=Math.floor((s+r+d)/3),t+=l;e(Math.floor(t/(this.width*this.height)))}};e.default=i,t.exports=e.default},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=function(t){return t&&t.constructor===Array};e.default=i,t.exports=e.default},,,,,,,,,,,,,,function(t,e,n){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}var o=n(20),a=i(o),s=n(106),r=i(s);a.default.use(r.default),a.default.material.registerTheme({default:{primary:"blue",accent:"pink"},blue:{primary:"blue",accent:"pink"},indigo:{primary:"indigo",accent:"pink"},brown:{primary:"brown",accent:"green"},purple:{primary:"purple",accent:"blue"},orange:{primary:"orange",accent:"purple"},green:{primary:"green",accent:"pink"},"light-blue":{primary:"light-blue",accent:"yellow"},teal:{primary:"teal",accent:"orange"},"blue-grey":{primary:"blue-grey",accent:"blue"},cyan:{primary:"cyan",accent:"pink"},red:{primary:"red",accent:"pink"},white:{primary:"white",accent:"blue"},grey:{primary:{color:"grey",hue:300},accent:"indigo"}})},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=function(t){return n.e(0).then(function(){return t(n(462))}.bind(null,n)).catch(n.oe)},o=function(t){return n.e(0).then(function(){return t(n(461))}.bind(null,n)).catch(n.oe)},a=function(t){return n.e(0).then(function(){return t(n(458))}.bind(null,n)).catch(n.oe)},s=function(t){return n.e(0).then(function(){return t(n(459))}.bind(null,n)).catch(n.oe)},r=function(t){return n.e(0).then(function(){return t(n(460))}.bind(null,n)).catch(n.oe)},d=function(t){return n.e(14).then(function(){return t(n(463))}.bind(null,n)).catch(n.oe)},l=function(t){return n.e(13).then(function(){return t(n(464))}.bind(null,n)).catch(n.oe)},c=function(t){return n.e(12).then(function(){return t(n(466))}.bind(null,n)).catch(n.oe)},u=function(t){return n.e(19).then(function(){return t(n(465))}.bind(null,n)).catch(n.oe)},m=function(t){return n.e(21).then(function(){return t(n(467))}.bind(null,n)).catch(n.oe)},f=function(t){return n.e(29).then(function(){return t(n(468))}.bind(null,n)).catch(n.oe)},p=function(t){return n.e(28).then(function(){return t(n(469))}.bind(null,n)).catch(n.oe)},h=function(t){return n.e(11).then(function(){return t(n(470))}.bind(null,n)).catch(n.oe)},b=function(t){return n.e(27).then(function(){return t(n(471))}.bind(null,n)).catch(n.oe)},v=function(t){return n.e(16).then(function(){return t(n(472))}.bind(null,n)).catch(n.oe)},g=function(t){return n.e(26).then(function(){return t(n(473))}.bind(null,n)).catch(n.oe)},E=function(t){return n.e(15).then(function(){return t(n(474))}.bind(null,n)).catch(n.oe)},_=function(t){return n.e(10).then(function(){return t(n(475))}.bind(null,n)).catch(n.oe)},C=function(t){return n.e(18).then(function(){return t(n(476))}.bind(null,n)).catch(n.oe)},M=function(t){return n.e(17).then(function(){return t(n(477))}.bind(null,n)).catch(n.oe)},T=function(t){return n.e(9).then(function(){return t(n(478))}.bind(null,n)).catch(n.oe)},x=function(t){return n.e(25).then(function(){return t(n(479))}.bind(null,n)).catch(n.oe)},A=function(t){return n.e(8).then(function(){return t(n(480))}.bind(null,n)).catch(n.oe)},N=function(t){return n.e(7).then(function(){return t(n(481))}.bind(null,n)).catch(n.oe)},O=function(t){return n.e(6).then(function(){return t(n(482))}.bind(null,n)).catch(n.oe)},R=function(t){return n.e(5).then(function(){return t(n(483))}.bind(null,n)).catch(n.oe)},y=function(t){return n.e(4).then(function(){return t(n(484))}.bind(null,n)).catch(n.oe)},k=function(t){return n.e(31).then(function(){return t(n(485))}.bind(null,n)).catch(n.oe)},S=function(t){return n.e(24).then(function(){return t(n(486))}.bind(null,n)).catch(n.oe)},w=function(t){return n.e(3).then(function(){return t(n(487))}.bind(null,n)).catch(n.oe)},H=function(t){return n.e(30).then(function(){return t(n(488))}.bind(null,n)).catch(n.oe)},P=function(t){return n.e(20).then(function(){return t(n(489))}.bind(null,n)).catch(n.oe)},$=function(t){return n.e(22).then(function(){return t(n(490))}.bind(null,n)).catch(n.oe)},L=function(t){return n.e(23).then(function(){return t(n(491))}.bind(null,n)).catch(n.oe)},D=function(t){return n.e(1).then(function(){return t(n(495))}.bind(null,n)).catch(n.oe)},I=function(t){return n.e(1).then(function(){return t(n(494))}.bind(null,n)).catch(n.oe)},B=function(t){return n.e(2).then(function(){return t(n(492))}.bind(null,n)).catch(n.oe)},j=function(t){return n.e(2).then(function(){return t(n(493))}.bind(null,n)).catch(n.oe)},F=[{path:"/",name:"introduction",component:i},{path:"/getting-started",name:"getting-started",component:o},{path:"/about",name:"about",component:a},{path:"/changelog",name:"changelog",component:s}],W=[{path:"/components",name:"components",redirect:"/components/avatar"},{path:"/components/avatar",name:"components:avatar",component:d},{path:"/components/bottom-bar",name:"components:bottom-bar",component:l},{path:"/components/button",name:"components:button",component:c},{path:"/components/button-toggle",name:"components:button-toggle",component:u},{path:"/components/card",name:"components:card",component:m},{path:"/components/checkbox",name:"components:checkbox",component:f},{path:"/components/chips",name:"components:chips",component:p},{path:"/components/dialog",name:"components:dialog",component:h},{path:"/components/file",name:"components:file",component:b},{path:"/components/icon",name:"components:icon",component:v},{path:"/components/image-loader",name:"components:image-loader",component:g},{path:"/components/ink-ripple",name:"components:ink-ripple",component:E},{path:"/components/input",name:"components:input",component:_},{path:"/components/list",name:"components:list",component:C},{path:"/components/menu",name:"components:menu",component:M},{path:"/components/progress",name:"components:progress",component:T},{path:"/components/radio",name:"components:radio",component:x},{path:"/components/select",name:"components:select",component:A},{path:"/components/sidenav",name:"components:sidenav",component:N},{path:"/components/snackbar",name:"components:snackbar",component:O},{path:"/components/speed-dial",name:"components:speed-dial",component:R},{path:"/components/spinner",name:"components:spinner",component:y},{path:"/components/subheader",name:"components:subheader",component:k},{path:"/components/switch",name:"components:switch",component:S},{path:"/components/table",name:"components:table",component:w},{path:"/components/tabs",name:"components:tabs",component:H},{path:"/components/toolbar",name:"components:toolbar",component:P},{path:"/components/tooltip",name:"components:tooltip",component:$},{path:"/components/whiteframe",name:"components:whiteframe",component:L}],Y=[{path:"/themes",name:"themes",redirect:"/themes/configuration"},{path:"/themes/configuration",name:"themes:configuration",component:B},{path:"/themes/dynamic-themes",name:"themes:dynamic-themes",component:j}],G=[{path:"/ui-elements",name:"ui-elements",redirect:"/ui-elements/typography"},{path:"/ui-elements/typography",name:"ui-elements:typography",component:D},{path:"/ui-elements/layout",name:"ui-elements:layout",component:I}],U=[{path:"*",name:"error",component:r}];e.default=[].concat(F,W,Y,G,U),t.exports=e.default},function(t,e,n){n(446);var i=n(0)(n(107),n(403),null,null);t.exports=i.exports},function(t,e,n){n(454);var i=n(0)(n(108),n(445),"data-v-fed4efde",null);t.exports=i.exports},function(t,e,n){n(449),n(448);var i=n(0)(n(109),n(428),"data-v-70df1c33",null);t.exports=i.exports},function(t,e,n){n(452);var i=n(0)(null,n(430),"data-v-73787fd6",null);t.exports=i.exports},function(t,e,n){n(450),n(451);var i=n(0)(n(110),n(429),"data-v-70ea467e",null);t.exports=i.exports},function(t,e,n){n(453);var i=n(0)(n(111),n(437),"data-v-abcb0686",null);t.exports=i.exports},function(t,e,n){n(447);var i=n(0)(n(112),n(407),"data-v-485e3264",null);t.exports=i.exports},,,function(t,e,n){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}function o(t){t.component("md-avatar",s.default),t.material.styles.push(d.default)}Object.defineProperty(e,"__esModule",{value:!0}),e.default=o;var a=n(304),s=i(a),r=n(275),d=i(r);t.exports=e.default},function(t,e,n){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}function o(t){t.component("md-backdrop",s.default)}Object.defineProperty(e,"__esModule",{value:!0}),e.default=o;var a=n(305),s=i(a);t.exports=e.default},function(t,e,n){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}function o(t){t.component("md-bottom-bar",s.default),t.component("md-bottom-bar-item",d.default),t.material.styles.push(c.default)}Object.defineProperty(e,"__esModule",{value:!0}),e.default=o;var a=n(306),s=i(a),r=n(307),d=i(r),l=n(276),c=i(l);t.exports=e.default},function(t,e,n){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}function o(t){t.component("md-button",s.default),t.material.styles.push(d.default)}Object.defineProperty(e,"__esModule",{value:!0}),e.default=o;var a=n(308),s=i(a),r=n(277),d=i(r);t.exports=e.default},function(t,e,n){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}function o(t){t.component("md-button-toggle",s.default),t.material.styles.push(d.default)}Object.defineProperty(e,"__esModule",{value:!0}),e.default=o;var a=n(309),s=i(a),r=n(278),d=i(r);t.exports=e.default},function(t,e,n){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}function o(t){t.component("md-card",s.default),t.component("md-card-media",d.default),t.component("md-card-media-cover",c.default),t.component("md-card-media-actions",m.default),t.component("md-card-header",p.default),t.component("md-card-header-text",b.default),t.component("md-card-content",g.default),t.component("md-card-actions",_.default),t.component("md-card-area",M.default),t.component("md-card-expand",x.default),t.material.styles.push(N.default)}Object.defineProperty(e,"__esModule",{value:!0}),e.default=o;var a=n(310),s=i(a),r=n(317),d=i(r),l=n(319),c=i(l),u=n(318),m=i(u),f=n(315),p=i(f),h=n(316),b=i(h),v=n(313),g=i(v),E=n(311),_=i(E),C=n(312),M=i(C),T=n(314),x=i(T),A=n(279),N=i(A);t.exports=e.default},function(t,e,n){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}function o(t){t.component("md-checkbox",s.default),t.material.styles.push(d.default)}Object.defineProperty(e,"__esModule",{value:!0}),e.default=o;var a=n(320),s=i(a),r=n(280),d=i(r);t.exports=e.default},function(t,e,n){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}function o(t){t.component("md-chips",s.default),t.component("md-chip",d.default),t.material.styles.push(c.default)}Object.defineProperty(e,"__esModule",{value:!0}),e.default=o;var a=n(322),s=i(a),r=n(321),d=i(r),l=n(281),c=i(l);t.exports=e.default},function(t,e,n){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}function o(t){t.component("md-dialog",s.default),t.component("md-dialog-title",d.default),t.component("md-dialog-content",c.default),t.component("md-dialog-actions",m.default),t.component("md-dialog-alert",p.default),t.component("md-dialog-confirm",b.default),t.component("md-dialog-prompt",g.default),t.material.styles.push(_.default)}Object.defineProperty(e,"__esModule",{value:!0}),e.default=o;var a=n(323),s=i(a),r=n(326),d=i(r),l=n(325),c=i(l),u=n(324),m=i(u),f=n(327),p=i(f),h=n(328),b=i(h),v=n(329),g=i(v),E=n(282),_=i(E);t.exports=e.default},function(t,e,n){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}function o(t){t.component("md-divider",s.default)}Object.defineProperty(e,"__esModule",{value:!0}),e.default=o;var a=n(330),s=i(a);t.exports=e.default},function(t,e,n){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}function o(t){t.component("md-file",s.default),t.material.styles.push(d.default)}Object.defineProperty(e,"__esModule",{value:!0}),e.default=o;var a=n(331),s=i(a),r=n(283),d=i(r);t.exports=e.default},function(t,e,n){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}function o(t){t.component("md-icon",s.default),t.material.styles.push(d.default)}Object.defineProperty(e,"__esModule",{value:!0}),e.default=o;var a=n(332),s=i(a),r=n(284),d=i(r);t.exports=e.default},function(t,e,n){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}function o(t){t.component("md-image",s.default),t.material.styles.push(d.default)}Object.defineProperty(e,"__esModule",{value:!0}),e.default=o;var a=n(333),s=i(a),r=n(285),d=i(r);t.exports=e.default},function(t,e,n){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}function o(t){t.component("md-input-container",s.default),t.component("md-input",d.default),t.component("md-textarea",c.default),t.material.styles.push(m.default)}Object.defineProperty(e,"__esModule",{value:!0}),e.default=o;var a=n(335),s=i(a),r=n(334),d=i(r),l=n(336),c=i(l),u=n(286),m=i(u);t.exports=e.default},function(t,e,n){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}function o(t){t.component("md-layout",s.default)}Object.defineProperty(e,"__esModule",{value:!0}),e.default=o;var a=n(337),s=i(a);t.exports=e.default},function(t,e,n){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}function o(t){t.component("md-list",s.default),t.component("md-list-item",d.default),t.component("md-list-expand",c.default),t.material.styles.push(m.default)}Object.defineProperty(e,"__esModule",{value:!0}),e.default=o;var a=n(338),s=i(a),r=n(82),d=i(r),l=n(339),c=i(l),u=n(287),m=i(u);t.exports=e.default},function(t,e,n){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var o=n(179),a=i(o),s=n(43),r=i(s),d=n(340),l=i(d),c=n(343),u=i(c),m=n(344),f=i(m),p=n(342),h=i(p),b=n(341),v=i(b);e.default={functional:!0,props:{href:String,disabled:Boolean},render:function(t,e){var n=e.children,i=e.data,o=e.props,s=function(){var t=i.nativeOn,e=["contextmenu","dblclick","dragend","mousedown","touchstart","click"],a=n.length;if(o.href)return u.default;if(t)for(var s=e.length;s--;)if(t[e[s]])return l.default;for(;a--;){var d=n[a].componentOptions;if(d)if("md-list-expand"===d.tag){var c=(function(){var t=n[a];return i.scopedSlots={expand:function(){return t}},n.splice(a,1),{v:h.default}})();if("object"===("undefined"==typeof c?"undefined":(0,r.default)(c)))return c.v}else if("router-link"===d.tag)return n[a].data.staticClass="md-list-item-container md-button",f.default}return v.default};return t(s(),(0,a.default)({props:o},i),n)}},t.exports=e.default},function(t,e,n){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}function o(t){t.component("md-menu",s.default),t.component("md-menu-item",d.default),t.component("md-menu-content",c.default),t.material.styles.push(m.default)}Object.defineProperty(e,"__esModule",{value:!0}),e.default=o;var a=n(345),s=i(a),r=n(347),d=i(r),l=n(346),c=i(l),u=n(288),m=i(u);t.exports=e.default},function(t,e,n){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}function o(t){t.component("md-progress",s.default),t.material.styles.push(d.default)}Object.defineProperty(e,"__esModule",{value:!0}),e.default=o;var a=n(348),s=i(a),r=n(289),d=i(r);t.exports=e.default},function(t,e,n){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}function o(t){t.component("md-radio",s.default),t.material.styles.push(d.default)}Object.defineProperty(e,"__esModule",{value:!0}),e.default=o;var a=n(349),s=i(a),r=n(290),d=i(r);t.exports=e.default},function(t,e,n){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}function o(t){t.component("md-select",s.default),t.component("md-option",d.default),t.material.styles.push(c.default)}Object.defineProperty(e,"__esModule",{value:!0}),e.default=o;var a=n(351),s=i(a),r=n(350),d=i(r),l=n(291),c=i(l);t.exports=e.default},function(t,e,n){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}function o(t){t.component("md-sidenav",s.default),t.material.styles.push(d.default)}Object.defineProperty(e,"__esModule",{value:!0}),e.default=o;var a=n(352),s=i(a),r=n(292),d=i(r);t.exports=e.default},function(t,e,n){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}function o(t){t.component("md-snackbar",s.default),t.material.styles.push(d.default)}Object.defineProperty(e,"__esModule",{value:!0}),e.default=o;var a=n(353),s=i(a),r=n(293),d=i(r);t.exports=e.default},function(t,e,n){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var o=n(20),a=i(o),s=new a.default({data:function(){return{current:null}}});e.default=s,t.exports=e.default},function(t,e,n){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}function o(t){t.component("md-speed-dial",s.default),t.material.styles.push(d.default)}Object.defineProperty(e,"__esModule",{value:!0}),e.default=o;var a=n(354),s=i(a),r=n(294),d=i(r);t.exports=e.default},function(t,e,n){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}function o(t){t.component("md-spinner",s.default),t.material.styles.push(d.default)}Object.defineProperty(e,"__esModule",{value:!0}),e.default=o;var a=n(355),s=i(a),r=n(295),d=i(r);t.exports=e.default},function(t,e,n){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}function o(t){t.component("md-subheader",s.default),t.material.styles.push(d.default)}Object.defineProperty(e,"__esModule",{value:!0}),e.default=o;var a=n(356),s=i(a),r=n(296),d=i(r);t.exports=e.default},function(t,e,n){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}function o(t){t.component("md-switch",s.default),t.material.styles.push(d.default)}Object.defineProperty(e,"__esModule",{value:!0}),e.default=o;var a=n(357),s=i(a),r=n(297),d=i(r);t.exports=e.default},function(t,e,n){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}function o(t){t.component("md-table",s.default),t.component("md-table-header",{functional:!0,render:function(t,e){return t("thead",{staticClass:"md-table-header"},e.children)}}),t.component("md-table-body",{functional:!0,render:function(t,e){return t("tbody",{staticClass:"md-table-body"},e.children)}}),t.component("md-table-row",d.default),t.component("md-table-head",c.default),t.component("md-table-cell",m.default),t.component("md-table-edit",p.default),t.component("md-table-card",b.default),t.component("md-table-pagination",_.default),t.component("md-table-alternate-header",g.default),t.material.styles.push(M.default)}Object.defineProperty(e,"__esModule",{value:!0}),e.default=o;var a=n(358),s=i(a),r=n(365),d=i(r),l=n(363),c=i(l),u=n(361),m=i(u),f=n(362),p=i(f),h=n(360),b=i(h),v=n(359),g=i(v),E=n(364),_=i(E),C=n(298),M=i(C);t.exports=e.default},function(t,e,n){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}function o(t){t.component("md-tabs",s.default),t.component("md-tab",d.default),t.material.styles.push(c.default)}Object.defineProperty(e,"__esModule",{value:!0}),e.default=o;var a=n(367),s=i(a),r=n(366),d=i(r),l=n(299),c=i(l);t.exports=e.default},function(t,e,n){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}function o(t){t.component("md-toolbar",s.default),t.material.styles.push(d.default)}Object.defineProperty(e,"__esModule",{value:!0}),e.default=o;var a=n(368),s=i(a),r=n(300),d=i(r);t.exports=e.default},function(t,e,n){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}function o(t){t.component("md-tooltip",s.default)}Object.defineProperty(e,"__esModule",{value:!0}),e.default=o;var a=n(369),s=i(a);t.exports=e.default},function(t,e,n){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}function o(t){t.component("md-whiteframe",s.default)}Object.defineProperty(e,"__esModule",{value:!0}),e.default=o;var a=n(370),s=i(a);t.exports=e.default},function(t,e,n){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}function o(t){t.component("md-ink-ripple",s.default)}Object.defineProperty(e,"__esModule",{value:!0}),e.default=o;var a=n(371),s=i(a);t.exports=e.default},function(t,e,n){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}function o(t){t.material=new t({data:function(){return{styles:[],currentTheme:null,inkRipple:!0}},methods:{registerTheme:function(t,e){var n={};"string"==typeof t?n[t]=e:n=t,_(n,this.styles)},applyCurrentTheme:function(t){C(v[t]),document.body.classList.remove("md-theme-"+this.currentTheme),document.body.classList.add("md-theme-"+t),this.currentTheme=t},setCurrentTheme:function(t){b.indexOf(t)>=0?this.applyCurrentTheme(t):(b.indexOf("default")===-1?this.registerTheme("default",p):console.warn("The theme '"+t+"' doesn't exists. You need to register it first in order to use."),this.applyCurrentTheme("default"))}}}),t.component("md-theme",m.default),t.prototype.$material=t.material}Object.defineProperty(e,"__esModule",{value:!0});var a=n(16),s=i(a);e.default=o;var r=n(101),d=i(r),l=n(102),c=i(l),u=n(372),m=i(u),f=["primary","accent","background","warn","hue-1","hue-2","hue-3"],p={primary:"indigo",accent:"pink",background:"white",warn:"deep-orange"},h=function(t,e){var n=document.head,i="md-theme-"+e,o=n.querySelector("#"+i);if(o)o.textContent=t;else{var a=document.createElement("style");t=t.replace(/THEME_NAME/g,i),a.type="text/css",a.id=i,a.textContent=t,n.appendChild(a)}},b=[],v={},g=function(t,e,n){return f.forEach((function(i){t=t.replace(RegExp("("+i.toUpperCase()+")-(COLOR|CONTRAST)-?(A?\\d*)-?(\\d*\\.?\\d+)?","g"),(function(t,o,a,s,r){var l=void 0,u=0===+s?500:s;if(e[i]?"string"==typeof e[i]?l=d.default[e[i]]:(l=d.default[e[i].color]||d.default[p[i]],u=0===+s?e[i].hue:s):l=d.default[p[i]],"COLOR"===a){var m=d.default[e[i]];return s||m||("accent"===i?u="A200":"background"===i&&(u=50)),"primary"===i&&(v[n]=l[u]),r?(0,c.default)(l[u],r):l[u]}return l.darkText.indexOf(u)>=0?r?(0,c.default)("#000",r):"rgba(0, 0, 0, .87)":r?(0,c.default)("#fff",r):"rgba(255, 255, 255, .87)"}))})),t},E=function(t,e,n){var i=[];n.forEach((function(n){i.push(g(n,t,e))})),h(i.join("\n"),e)},_=function(t,e){var n=t?(0,s.default)(t):[];n.forEach((function(n){E(t[n],n,e),b.push(n)}))},C=function(t){var e=document.querySelector('meta[name="theme-color"]');e?e.setAttribute("content",t):(e=document.createElement("meta"),e.setAttribute("name","theme-color"),e.setAttribute("content",t),document.head.appendChild(e))};t.exports=e.default},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={red:{50:"#ffebee",100:"#ffcdd2",200:"#ef9a9a",300:"#e57373",400:"#ef5350",500:"#f44336",600:"#e53935",700:"#d32f2f",800:"#c62828",900:"#b71c1c",A100:"#ff8a80",A200:"#ff5252",A400:"#ff1744",A700:"#d50000",darkText:[50,100,200,300,"A100"]},pink:{50:"#fce4ec",100:"#f8bbd0",200:"#f48fb1",300:"#f06292",400:"#ec407a",500:"#e91e63",600:"#d81b60",700:"#c2185b",800:"#ad1457",900:"#880e4f",A100:"#ff80ab",A200:"#ff4081",A400:"#f50057",A700:"#c51162",darkText:[50,100,200,"A100"]},purple:{50:"#f3e5f5",100:"#e1bee7",200:"#ce93d8",300:"#ba68c8",400:"#ab47bc",500:"#9c27b0",600:"#8e24aa",700:"#7b1fa2",800:"#6a1b9a",900:"#4a148c",A100:"#ea80fc",A200:"#e040fb",A400:"#d500f9",A700:"#aa00ff",darkText:[50,100,200,"A100"]},"deep-purple":{50:"#ede7f6",100:"#d1c4e9",200:"#b39ddb",300:"#9575cd",400:"#7e57c2",500:"#673ab7",600:"#5e35b1",700:"#512da8",800:"#4527a0",900:"#311b92",A100:"#b388ff",A200:"#7c4dff",A400:"#651fff",A700:"#6200ea",darkText:[50,100,200,"A100"]},indigo:{50:"#e8eaf6",100:"#c5cae9",200:"#9fa8da",300:"#7986cb",400:"#5c6bc0",500:"#3f51b5",600:"#3949ab",700:"#303f9f",800:"#283593",900:"#1a237e",A100:"#8c9eff",A200:"#536dfe",A400:"#3d5afe",A700:"#304ffe",darkText:[50,100,200,"A100"]},blue:{50:"#e3f2fd",100:"#bbdefb",200:"#90caf9",300:"#64b5f6",400:"#42a5f5",500:"#2196f3",600:"#1e88e5",700:"#1976d2",800:"#1565c0",900:"#0d47a1",A100:"#82b1ff",A200:"#448aff",A400:"#2979ff",A700:"#2962ff",darkText:[50,100,200,300,400,"A100"]},"light-blue":{50:"#e1f5fe",100:"#b3e5fc",200:"#81d4fa",300:"#4fc3f7",400:"#29b6f6",500:"#03a9f4",600:"#039be5",700:"#0288d1",800:"#0277bd",900:"#01579b",A100:"#80d8ff",A200:"#40c4ff",A400:"#00b0ff",A700:"#0091ea",darkText:[50,100,200,300,400,500,"A100","A200","A300"]},cyan:{50:"#e0f7fa",100:"#b2ebf2",200:"#80deea",300:"#4dd0e1",400:"#26c6da",500:"#00bcd4",600:"#00acc1",700:"#0097a7",800:"#00838f",900:"#006064",A100:"#84ffff",A200:"#18ffff",A400:"#00e5ff",A700:"#00b8d4",darkText:[50,100,200,300,400,500,600,"A100","A200","A300","A400"]},teal:{50:"#e0f2f1",100:"#b2dfdb",200:"#80cbc4",300:"#4db6ac",400:"#26a69a",500:"#009688",600:"#00897b",700:"#00796b",800:"#00695c",900:"#004d40",A100:"#a7ffeb",A200:"#64ffda",A400:"#1de9b6",A700:"#00bfa5",darkText:[50,100,200,300,400,"A100","A200","A300","A400"]},green:{50:"#e8f5e9",100:"#c8e6c9",200:"#a5d6a7",300:"#81c784",400:"#66bb6a",500:"#4caf50",600:"#43a047",700:"#388e3c",800:"#2e7d32",900:"#1b5e20",A100:"#b9f6ca",A200:"#69f0ae",A400:"#00e676",A700:"#00c853",darkText:[50,100,200,300,400,500,"A100","A200","A300","A400"]},"light-green":{50:"#f1f8e9",100:"#dcedc8",200:"#c5e1a5",300:"#aed581",400:"#9ccc65",500:"#8bc34a",600:"#7cb342",700:"#689f38",800:"#558b2f",900:"#33691e",A100:"#ccff90",A200:"#b2ff59",A400:"#76ff03",A700:"#64dd17",darkText:[50,100,200,300,400,500,600,"A100","A200","A300","A400"]},lime:{50:"#f9fbe7",100:"#f0f4c3",200:"#e6ee9c",300:"#dce775",400:"#d4e157",500:"#cddc39",600:"#c0ca33",700:"#afb42b",800:"#9e9d24",900:"#827717",A100:"#f4ff81",A200:"#eeff41",A400:"#c6ff00",A700:"#aeea00",darkText:[50,100,200,300,400,500,600,700,800,"A100","A200","A300","A400"]},yellow:{50:"#fffde7",100:"#fff9c4",200:"#fff59d",300:"#fff176",400:"#ffee58",500:"#ffeb3b",600:"#fdd835",700:"#fbc02d",800:"#f9a825",900:"#f57f17",A100:"#ffff8d",A200:"#ffff00",A400:"#ffea00",A700:"#ffd600",darkText:[50,100,200,300,400,500,600,700,800,900,"A100","A200","A300","A400"]},amber:{50:"#fff8e1",100:"#ffecb3",200:"#ffe082",300:"#ffd54f",400:"#ffca28",500:"#ffc107",600:"#ffb300",700:"#ffa000",800:"#ff8f00",900:"#ff6f00",A100:"#ffe57f",A200:"#ffd740",A400:"#ffc400",A700:"#ffab00",darkText:[50,100,200,300,400,500,600,700,800,900,"A100","A200","A300","A400"]},orange:{50:"#fff3e0",100:"#ffe0b2",200:"#ffcc80",300:"#ffb74d",400:"#ffa726",500:"#ff9800",600:"#fb8c00",700:"#f57c00",800:"#ef6c00",900:"#e65100",A100:"#ffd180",A200:"#ffab40",A400:"#ff9100",A700:"#ff6d00",darkText:[50,100,200,300,400,500,600,700,"A100","A200","A300","A400"]},"deep-orange":{50:"#fbe9e7",100:"#ffccbc",200:"#ffab91",300:"#ff8a65",400:"#ff7043",500:"#ff5722",600:"#f4511e",700:"#e64a19",800:"#d84315",900:"#bf360c",A100:"#ff9e80",A200:"#ff6e40",A400:"#ff3d00",A700:"#dd2c00",darkText:[50,100,200,300,400,"A100","A200"]},brown:{50:"#efebe9",100:"#d7ccc8",200:"#bcaaa4",300:"#a1887f",400:"#8d6e63",500:"#795548",600:"#6d4c41",700:"#5d4037",800:"#4e342e",900:"#3e2723",A100:"#d7ccc8",A200:"#bcaaa4",A400:"#8d6e63",A700:"#5d4037",darkText:[50,100,200,"A100","A200","A300","A400"]},grey:{50:"#fafafa",100:"#f5f5f5",200:"#eeeeee",300:"#e0e0e0",400:"#bdbdbd",500:"#9e9e9e",600:"#757575",700:"#616161",800:"#424242",900:"#212121",A100:"#fff",A200:"#000000",A400:"#303030",A700:"#616161",darkText:[50,100,200,300,400,500,"A100"]},"blue-grey":{50:"#eceff1",100:"#cfd8dc",200:"#b0bec5",300:"#90a4ae",400:"#78909c",500:"#607d8b",600:"#546e7a",700:"#455a64",800:"#37474f",900:"#263238",A100:"#cfd8dc",A200:"#b0bec5",A400:"#78909c",A700:"#455a64",darkText:[50,100,200,300,"A100","A200","A300","A400"]},white:{50:"#fff",100:"#fff",200:"#fff",300:"#fff",400:"#fff",500:"#fff",600:"#fff",700:"#fff",800:"#fff",900:"#fff",A100:"#fff",A200:"#fff",A400:"#fff",A700:"#fff",darkText:[50,100,200,300,400,500,600,700,800,900,"A100","A200","A300","A400"]},black:{50:"#000",100:"#000",200:"#000",300:"#000",400:"#000",500:"#000",600:"#000",700:"#000",800:"#000",900:"#000",A100:"#000",A200:"#000",A400:"#000",A700:"#000",darkText:[]}},t.exports=e.default},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default=function(t,e){var n="",i="",o="",a=t.toString().match(/^#?(([0-9a-zA-Z]{3}){1,3})$/);if(!a)throw new Error("Invalid color"+t);if(t=a[1],6===t.length)n=parseInt(t.substring(0,2),16),i=parseInt(t.substring(2,4),16),o=parseInt(t.substring(4,6),16);else if(3===t.length){var s=t.substring(0,1),r=t.substring(1,2),d=t.substring(2,3);n=parseInt(s+s,16),i=parseInt(r+r,16),o=parseInt(d+d,16)}return e?(e>1&&(e/=100),"rgba("+n+", "+i+", "+o+", "+e+")"):"rgb("+n+", "+i+", "+o+")"},t.exports=e.default},function(t,e,n){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}function o(t){return o.installed?void console.warn("Vue Material is already installed."):(o.installed=!0,t.use(s.default),t.use(d.default),void t.material.styles.push(c.default))}Object.defineProperty(e,"__esModule",{value:!0}),e.default=o;var a=n(100),s=i(a),r=n(99),d=i(r),l=n(301),c=i(l);n(235),t.exports=e.default},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{
+webpackJsonp([32,34],[,function(t,e,n){"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},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=function t(e,n){return!(!e||!e.$el)&&(0!==e._uid&&(e.$el.classList.contains(n)?e:t(e.$parent,n)))};e.default=i,t.exports=e.default},,,,,,,,,,,,,,,,,,,function(t,e,n){"use strict";function i(){var t=document.createElement("span"),e={transition:"transitionend",OTransition:"oTransitionEnd",MozTransition:"transitionend",WebkitTransition:"webkitTransitionEnd"};for(var n in e)if(void 0!==t.style[n])return e[n]}Object.defineProperty(e,"__esModule",{value:!0}),e.default=i(),t.exports=e.default},,,,,function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=function(){return Math.random().toString(36).slice(4)};e.default=i,t.exports=e.default},,,,,,,,,,,,,function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={props:{value:[String,Number],disabled:Boolean,required:Boolean,maxlength:[Number,String],placeholder:String},watch:{value:function(t){this.setParentValue(t),this.updateValues(t)},disabled:function(){this.setParentDisabled()},required:function(){this.setParentRequired()},placeholder:function(){this.setParentPlaceholder()},maxlength:function(){this.handleMaxLength()}},methods:{handleMaxLength:function(){this.parentContainer.enableCounter=this.maxlength>0,this.parentContainer.counterLength=this.maxlength},setParentValue:function(t){this.parentContainer.setValue(t||this.$el.value)},setParentDisabled:function(){this.parentContainer.isDisabled=this.disabled},setParentRequired:function(){this.parentContainer.isRequired=this.required},setParentPlaceholder:function(){this.parentContainer.hasPlaceholder=!!this.placeholder},updateValues:function(t){var e=t||this.$el.value||this.value;this.setParentValue(e),this.parentContainer.inputLength=e?e.length:0},onFocus:function(){this.parentContainer&&(this.parentContainer.isFocused=!0)},onBlur:function(){this.parentContainer.isFocused=!1,this.setParentValue()},onInput:function(){this.updateValues(),this.$emit("change",this.$el.value),this.$emit("input",this.$el.value)}}},t.exports=e.default},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=function(t,e){var n=document.createElement("canvas");t.onload=function(){var t=0,i=void 0,o=void 0,a=void 0,s=void 0,r=void 0,d=void 0,l=void 0;n.width=this.width,n.height=this.height,i=n.getContext("2d"),i.drawImage(this,0,0),o=i.getImageData(0,0,n.width,n.height),a=o.data;for(var c=0,u=a.length;c<u;c+=4)s=a[c],r=a[c+1],d=a[c+2],l=Math.floor((s+r+d)/3),t+=l;e(Math.floor(t/(this.width*this.height)))}};e.default=i,t.exports=e.default},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=function(t){return t&&t.constructor===Array};e.default=i,t.exports=e.default},,,,,,,,,,,,,,function(t,e,n){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}var o=n(20),a=i(o),s=n(106),r=i(s);a.default.use(r.default),a.default.material.registerTheme({default:{primary:"blue",accent:"pink"},blue:{primary:"blue",accent:"pink"},indigo:{primary:"indigo",accent:"pink"},brown:{primary:"brown",accent:"green"},purple:{primary:"purple",accent:"blue"},orange:{primary:"orange",accent:"purple"},green:{primary:"green",accent:"pink"},"light-blue":{primary:"light-blue",accent:"yellow"},teal:{primary:"teal",accent:"orange"},"blue-grey":{primary:"blue-grey",accent:"blue"},cyan:{primary:"cyan",accent:"pink"},red:{primary:"red",accent:"pink"},white:{primary:"white",accent:"blue"},grey:{primary:{color:"grey",hue:300},accent:"indigo"}})},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=function(t){return n.e(0).then(function(){return t(n(462))}.bind(null,n)).catch(n.oe)},o=function(t){return n.e(0).then(function(){return t(n(461))}.bind(null,n)).catch(n.oe)},a=function(t){return n.e(0).then(function(){return t(n(458))}.bind(null,n)).catch(n.oe)},s=function(t){return n.e(0).then(function(){return t(n(459))}.bind(null,n)).catch(n.oe)},r=function(t){return n.e(0).then(function(){return t(n(460))}.bind(null,n)).catch(n.oe)},d=function(t){return n.e(13).then(function(){return t(n(463))}.bind(null,n)).catch(n.oe)},l=function(t){return n.e(12).then(function(){return t(n(464))}.bind(null,n)).catch(n.oe)},c=function(t){return n.e(11).then(function(){return t(n(466))}.bind(null,n)).catch(n.oe)},u=function(t){return n.e(19).then(function(){return t(n(465))}.bind(null,n)).catch(n.oe)},m=function(t){return n.e(21).then(function(){return t(n(467))}.bind(null,n)).catch(n.oe)},f=function(t){return n.e(29).then(function(){return t(n(468))}.bind(null,n)).catch(n.oe)},p=function(t){return n.e(28).then(function(){return t(n(469))}.bind(null,n)).catch(n.oe)},h=function(t){return n.e(10).then(function(){return t(n(470))}.bind(null,n)).catch(n.oe)},b=function(t){return n.e(27).then(function(){return t(n(471))}.bind(null,n)).catch(n.oe)},v=function(t){return n.e(15).then(function(){return t(n(472))}.bind(null,n)).catch(n.oe)},g=function(t){return n.e(26).then(function(){return t(n(473))}.bind(null,n)).catch(n.oe)},E=function(t){return n.e(14).then(function(){return t(n(474))}.bind(null,n)).catch(n.oe)},_=function(t){return n.e(9).then(function(){return t(n(475))}.bind(null,n)).catch(n.oe)},C=function(t){return n.e(18).then(function(){return t(n(476))}.bind(null,n)).catch(n.oe)},M=function(t){return n.e(16).then(function(){return t(n(477))}.bind(null,n)).catch(n.oe)},T=function(t){return n.e(8).then(function(){return t(n(478))}.bind(null,n)).catch(n.oe)},x=function(t){return n.e(25).then(function(){return t(n(479))}.bind(null,n)).catch(n.oe)},A=function(t){return n.e(7).then(function(){return t(n(480))}.bind(null,n)).catch(n.oe)},N=function(t){return n.e(6).then(function(){return t(n(481))}.bind(null,n)).catch(n.oe)},O=function(t){return n.e(5).then(function(){return t(n(482))}.bind(null,n)).catch(n.oe)},R=function(t){return n.e(17).then(function(){return t(n(483))}.bind(null,n)).catch(n.oe)},y=function(t){return n.e(4).then(function(){return t(n(484))}.bind(null,n)).catch(n.oe)},k=function(t){return n.e(31).then(function(){return t(n(485))}.bind(null,n)).catch(n.oe)},S=function(t){return n.e(24).then(function(){return t(n(486))}.bind(null,n)).catch(n.oe)},w=function(t){return n.e(3).then(function(){return t(n(487))}.bind(null,n)).catch(n.oe)},H=function(t){return n.e(30).then(function(){return t(n(488))}.bind(null,n)).catch(n.oe)},P=function(t){return n.e(20).then(function(){return t(n(489))}.bind(null,n)).catch(n.oe)},$=function(t){return n.e(22).then(function(){return t(n(490))}.bind(null,n)).catch(n.oe)},L=function(t){return n.e(23).then(function(){return t(n(491))}.bind(null,n)).catch(n.oe)},D=function(t){return n.e(1).then(function(){return t(n(495))}.bind(null,n)).catch(n.oe)},I=function(t){return n.e(1).then(function(){return t(n(494))}.bind(null,n)).catch(n.oe)},B=function(t){return n.e(2).then(function(){return t(n(492))}.bind(null,n)).catch(n.oe)},j=function(t){return n.e(2).then(function(){return t(n(493))}.bind(null,n)).catch(n.oe)},F=[{path:"/",name:"introduction",component:i},{path:"/getting-started",name:"getting-started",component:o},{path:"/about",name:"about",component:a},{path:"/changelog",name:"changelog",component:s}],W=[{path:"/components",name:"components",redirect:"/components/avatar"},{path:"/components/avatar",name:"components:avatar",component:d},{path:"/components/bottom-bar",name:"components:bottom-bar",component:l},{path:"/components/button",name:"components:button",component:c},{path:"/components/button-toggle",name:"components:button-toggle",component:u},{path:"/components/card",name:"components:card",component:m},{path:"/components/checkbox",name:"components:checkbox",component:f},{path:"/components/chips",name:"components:chips",component:p},{path:"/components/dialog",name:"components:dialog",component:h},{path:"/components/file",name:"components:file",component:b},{path:"/components/icon",name:"components:icon",component:v},{path:"/components/image-loader",name:"components:image-loader",component:g},{path:"/components/ink-ripple",name:"components:ink-ripple",component:E},{path:"/components/input",name:"components:input",component:_},{path:"/components/list",name:"components:list",component:C},{path:"/components/menu",name:"components:menu",component:M},{path:"/components/progress",name:"components:progress",component:T},{path:"/components/radio",name:"components:radio",component:x},{path:"/components/select",name:"components:select",component:A},{path:"/components/sidenav",name:"components:sidenav",component:N},{path:"/components/snackbar",name:"components:snackbar",component:O},{path:"/components/speed-dial",name:"components:speed-dial",component:R},{path:"/components/spinner",name:"components:spinner",component:y},{path:"/components/subheader",name:"components:subheader",component:k},{path:"/components/switch",name:"components:switch",component:S},{path:"/components/table",name:"components:table",component:w},{path:"/components/tabs",name:"components:tabs",component:H},{path:"/components/toolbar",name:"components:toolbar",component:P},{path:"/components/tooltip",name:"components:tooltip",component:$},{path:"/components/whiteframe",name:"components:whiteframe",component:L}],Y=[{path:"/themes",name:"themes",redirect:"/themes/configuration"},{path:"/themes/configuration",name:"themes:configuration",component:B},{path:"/themes/dynamic-themes",name:"themes:dynamic-themes",component:j}],G=[{path:"/ui-elements",name:"ui-elements",redirect:"/ui-elements/typography"},{path:"/ui-elements/typography",name:"ui-elements:typography",component:D},{path:"/ui-elements/layout",name:"ui-elements:layout",component:I}],U=[{path:"*",name:"error",component:r}];e.default=[].concat(F,W,Y,G,U),t.exports=e.default},function(t,e,n){n(446);var i=n(0)(n(107),n(403),null,null);t.exports=i.exports},function(t,e,n){n(454);var i=n(0)(n(108),n(445),"data-v-fed4efde",null);t.exports=i.exports},function(t,e,n){n(449),n(448);var i=n(0)(n(109),n(428),"data-v-70df1c33",null);t.exports=i.exports},function(t,e,n){n(452);var i=n(0)(null,n(430),"data-v-73787fd6",null);t.exports=i.exports},function(t,e,n){n(450),n(451);var i=n(0)(n(110),n(429),"data-v-70ea467e",null);t.exports=i.exports},function(t,e,n){n(453);var i=n(0)(n(111),n(437),"data-v-abcb0686",null);t.exports=i.exports},function(t,e,n){n(447);var i=n(0)(n(112),n(407),"data-v-485e3264",null);t.exports=i.exports},,,function(t,e,n){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}function o(t){t.component("md-avatar",s.default),t.material.styles.push(d.default)}Object.defineProperty(e,"__esModule",{value:!0}),e.default=o;var a=n(304),s=i(a),r=n(275),d=i(r);t.exports=e.default},function(t,e,n){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}function o(t){t.component("md-backdrop",s.default)}Object.defineProperty(e,"__esModule",{value:!0}),e.default=o;var a=n(305),s=i(a);t.exports=e.default},function(t,e,n){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}function o(t){t.component("md-bottom-bar",s.default),t.component("md-bottom-bar-item",d.default),t.material.styles.push(c.default)}Object.defineProperty(e,"__esModule",{value:!0}),e.default=o;var a=n(306),s=i(a),r=n(307),d=i(r),l=n(276),c=i(l);t.exports=e.default},function(t,e,n){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}function o(t){t.component("md-button",s.default),t.material.styles.push(d.default)}Object.defineProperty(e,"__esModule",{value:!0}),e.default=o;var a=n(308),s=i(a),r=n(277),d=i(r);t.exports=e.default},function(t,e,n){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}function o(t){t.component("md-button-toggle",s.default),t.material.styles.push(d.default)}Object.defineProperty(e,"__esModule",{value:!0}),e.default=o;var a=n(309),s=i(a),r=n(278),d=i(r);t.exports=e.default},function(t,e,n){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}function o(t){t.component("md-card",s.default),t.component("md-card-media",d.default),t.component("md-card-media-cover",c.default),t.component("md-card-media-actions",m.default),t.component("md-card-header",p.default),t.component("md-card-header-text",b.default),t.component("md-card-content",g.default),t.component("md-card-actions",_.default),t.component("md-card-area",M.default),t.component("md-card-expand",x.default),t.material.styles.push(N.default)}Object.defineProperty(e,"__esModule",{value:!0}),e.default=o;var a=n(310),s=i(a),r=n(317),d=i(r),l=n(319),c=i(l),u=n(318),m=i(u),f=n(315),p=i(f),h=n(316),b=i(h),v=n(313),g=i(v),E=n(311),_=i(E),C=n(312),M=i(C),T=n(314),x=i(T),A=n(279),N=i(A);t.exports=e.default},function(t,e,n){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}function o(t){t.component("md-checkbox",s.default),t.material.styles.push(d.default)}Object.defineProperty(e,"__esModule",{value:!0}),e.default=o;var a=n(320),s=i(a),r=n(280),d=i(r);t.exports=e.default},function(t,e,n){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}function o(t){t.component("md-chips",s.default),t.component("md-chip",d.default),t.material.styles.push(c.default)}Object.defineProperty(e,"__esModule",{value:!0}),e.default=o;var a=n(322),s=i(a),r=n(321),d=i(r),l=n(281),c=i(l);t.exports=e.default},function(t,e,n){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}function o(t){t.component("md-dialog",s.default),t.component("md-dialog-title",d.default),t.component("md-dialog-content",c.default),t.component("md-dialog-actions",m.default),t.component("md-dialog-alert",p.default),t.component("md-dialog-confirm",b.default),t.component("md-dialog-prompt",g.default),t.material.styles.push(_.default)}Object.defineProperty(e,"__esModule",{value:!0}),e.default=o;var a=n(323),s=i(a),r=n(326),d=i(r),l=n(325),c=i(l),u=n(324),m=i(u),f=n(327),p=i(f),h=n(328),b=i(h),v=n(329),g=i(v),E=n(282),_=i(E);t.exports=e.default},function(t,e,n){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}function o(t){t.component("md-divider",s.default)}Object.defineProperty(e,"__esModule",{value:!0}),e.default=o;var a=n(330),s=i(a);t.exports=e.default},function(t,e,n){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}function o(t){t.component("md-file",s.default),t.material.styles.push(d.default)}Object.defineProperty(e,"__esModule",{value:!0}),e.default=o;var a=n(331),s=i(a),r=n(283),d=i(r);t.exports=e.default},function(t,e,n){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}function o(t){t.component("md-icon",s.default),t.material.styles.push(d.default)}Object.defineProperty(e,"__esModule",{value:!0}),e.default=o;var a=n(332),s=i(a),r=n(284),d=i(r);t.exports=e.default},function(t,e,n){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}function o(t){t.component("md-image",s.default),t.material.styles.push(d.default)}Object.defineProperty(e,"__esModule",{value:!0}),e.default=o;var a=n(333),s=i(a),r=n(285),d=i(r);t.exports=e.default},function(t,e,n){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}function o(t){t.component("md-input-container",s.default),t.component("md-input",d.default),t.component("md-textarea",c.default),t.material.styles.push(m.default)}Object.defineProperty(e,"__esModule",{value:!0}),e.default=o;var a=n(335),s=i(a),r=n(334),d=i(r),l=n(336),c=i(l),u=n(286),m=i(u);t.exports=e.default},function(t,e,n){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}function o(t){t.component("md-layout",s.default)}Object.defineProperty(e,"__esModule",{value:!0}),e.default=o;var a=n(337),s=i(a);t.exports=e.default},function(t,e,n){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}function o(t){t.component("md-list",s.default),t.component("md-list-item",d.default),t.component("md-list-expand",c.default),t.material.styles.push(m.default)}Object.defineProperty(e,"__esModule",{value:!0}),e.default=o;var a=n(338),s=i(a),r=n(82),d=i(r),l=n(339),c=i(l),u=n(287),m=i(u);t.exports=e.default},function(t,e,n){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var o=n(179),a=i(o),s=n(43),r=i(s),d=n(340),l=i(d),c=n(343),u=i(c),m=n(344),f=i(m),p=n(342),h=i(p),b=n(341),v=i(b);e.default={functional:!0,props:{href:String,disabled:Boolean},render:function(t,e){var n=e.children,i=e.data,o=e.props,s=function(){var t=i.nativeOn,e=["contextmenu","dblclick","dragend","mousedown","touchstart","click"],a=n.length;if(o.href)return u.default;if(t)for(var s=e.length;s--;)if(t[e[s]])return l.default;for(;a--;){var d=n[a].componentOptions;if(d)if("md-list-expand"===d.tag){var c=(function(){var t=n[a];return i.scopedSlots={expand:function(){return t}},n.splice(a,1),{v:h.default}})();if("object"===("undefined"==typeof c?"undefined":(0,r.default)(c)))return c.v}else if("router-link"===d.tag)return n[a].data.staticClass="md-list-item-container md-button",f.default}return v.default};return t(s(),(0,a.default)({props:o},i),n)}},t.exports=e.default},function(t,e,n){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}function o(t){t.component("md-menu",s.default),t.component("md-menu-item",d.default),t.component("md-menu-content",c.default),t.material.styles.push(m.default)}Object.defineProperty(e,"__esModule",{value:!0}),e.default=o;var a=n(345),s=i(a),r=n(347),d=i(r),l=n(346),c=i(l),u=n(288),m=i(u);t.exports=e.default},function(t,e,n){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}function o(t){t.component("md-progress",s.default),t.material.styles.push(d.default)}Object.defineProperty(e,"__esModule",{value:!0}),e.default=o;var a=n(348),s=i(a),r=n(289),d=i(r);t.exports=e.default},function(t,e,n){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}function o(t){t.component("md-radio",s.default),t.material.styles.push(d.default)}Object.defineProperty(e,"__esModule",{value:!0}),e.default=o;var a=n(349),s=i(a),r=n(290),d=i(r);t.exports=e.default},function(t,e,n){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}function o(t){t.component("md-select",s.default),t.component("md-option",d.default),t.material.styles.push(c.default)}Object.defineProperty(e,"__esModule",{value:!0}),e.default=o;var a=n(351),s=i(a),r=n(350),d=i(r),l=n(291),c=i(l);t.exports=e.default},function(t,e,n){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}function o(t){t.component("md-sidenav",s.default),t.material.styles.push(d.default)}Object.defineProperty(e,"__esModule",{value:!0}),e.default=o;var a=n(352),s=i(a),r=n(292),d=i(r);t.exports=e.default},function(t,e,n){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}function o(t){t.component("md-snackbar",s.default),t.material.styles.push(d.default)}Object.defineProperty(e,"__esModule",{value:!0}),e.default=o;var a=n(353),s=i(a),r=n(293),d=i(r);t.exports=e.default},function(t,e,n){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var o=n(20),a=i(o),s=new a.default({data:function(){return{current:null}}});e.default=s,t.exports=e.default},function(t,e,n){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}function o(t){t.component("md-speed-dial",s.default),t.material.styles.push(d.default)}Object.defineProperty(e,"__esModule",{value:!0}),e.default=o;var a=n(354),s=i(a),r=n(294),d=i(r);t.exports=e.default},function(t,e,n){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}function o(t){t.component("md-spinner",s.default),t.material.styles.push(d.default)}Object.defineProperty(e,"__esModule",{value:!0}),e.default=o;var a=n(355),s=i(a),r=n(295),d=i(r);t.exports=e.default},function(t,e,n){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}function o(t){t.component("md-subheader",s.default),t.material.styles.push(d.default)}Object.defineProperty(e,"__esModule",{value:!0}),e.default=o;var a=n(356),s=i(a),r=n(296),d=i(r);t.exports=e.default},function(t,e,n){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}function o(t){t.component("md-switch",s.default),t.material.styles.push(d.default)}Object.defineProperty(e,"__esModule",{value:!0}),e.default=o;var a=n(357),s=i(a),r=n(297),d=i(r);t.exports=e.default},function(t,e,n){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}function o(t){t.component("md-table",s.default),t.component("md-table-header",{functional:!0,render:function(t,e){return t("thead",{staticClass:"md-table-header"},e.children)}}),t.component("md-table-body",{functional:!0,render:function(t,e){return t("tbody",{staticClass:"md-table-body"},e.children)}}),t.component("md-table-row",d.default),t.component("md-table-head",c.default),t.component("md-table-cell",m.default),t.component("md-table-edit",p.default),t.component("md-table-card",b.default),t.component("md-table-pagination",_.default),t.component("md-table-alternate-header",g.default),t.material.styles.push(M.default)}Object.defineProperty(e,"__esModule",{value:!0}),e.default=o;var a=n(358),s=i(a),r=n(365),d=i(r),l=n(363),c=i(l),u=n(361),m=i(u),f=n(362),p=i(f),h=n(360),b=i(h),v=n(359),g=i(v),E=n(364),_=i(E),C=n(298),M=i(C);t.exports=e.default},function(t,e,n){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}function o(t){t.component("md-tabs",s.default),t.component("md-tab",d.default),t.material.styles.push(c.default)}Object.defineProperty(e,"__esModule",{value:!0}),e.default=o;var a=n(367),s=i(a),r=n(366),d=i(r),l=n(299),c=i(l);t.exports=e.default},function(t,e,n){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}function o(t){t.component("md-toolbar",s.default),t.material.styles.push(d.default)}Object.defineProperty(e,"__esModule",{value:!0}),e.default=o;var a=n(368),s=i(a),r=n(300),d=i(r);t.exports=e.default},function(t,e,n){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}function o(t){t.component("md-tooltip",s.default)}Object.defineProperty(e,"__esModule",{value:!0}),e.default=o;var a=n(369),s=i(a);t.exports=e.default},function(t,e,n){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}function o(t){t.component("md-whiteframe",s.default)}Object.defineProperty(e,"__esModule",{value:!0}),e.default=o;var a=n(370),s=i(a);t.exports=e.default},function(t,e,n){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}function o(t){t.component("md-ink-ripple",s.default)}Object.defineProperty(e,"__esModule",{value:!0}),e.default=o;var a=n(371),s=i(a);t.exports=e.default},function(t,e,n){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}function o(t){t.material=new t({data:function(){return{styles:[],currentTheme:null,inkRipple:!0}},methods:{registerTheme:function(t,e){var n={};"string"==typeof t?n[t]=e:n=t,_(n,this.styles)},applyCurrentTheme:function(t){C(v[t]),document.body.classList.remove("md-theme-"+this.currentTheme),document.body.classList.add("md-theme-"+t),this.currentTheme=t},setCurrentTheme:function(t){b.indexOf(t)>=0?this.applyCurrentTheme(t):(b.indexOf("default")===-1?this.registerTheme("default",p):console.warn("The theme '"+t+"' doesn't exists. You need to register it first in order to use."),this.applyCurrentTheme("default"))}}}),t.component("md-theme",m.default),t.prototype.$material=t.material}Object.defineProperty(e,"__esModule",{value:!0});var a=n(16),s=i(a);e.default=o;var r=n(101),d=i(r),l=n(102),c=i(l),u=n(372),m=i(u),f=["primary","accent","background","warn","hue-1","hue-2","hue-3"],p={primary:"indigo",accent:"pink",background:"white",warn:"deep-orange"},h=function(t,e){var n=document.head,i="md-theme-"+e,o=n.querySelector("#"+i);if(o)o.textContent=t;else{var a=document.createElement("style");t=t.replace(/THEME_NAME/g,i),a.type="text/css",a.id=i,a.textContent=t,n.appendChild(a)}},b=[],v={},g=function(t,e,n){return f.forEach((function(i){t=t.replace(RegExp("("+i.toUpperCase()+")-(COLOR|CONTRAST)-?(A?\\d*)-?(\\d*\\.?\\d+)?","g"),(function(t,o,a,s,r){var l=void 0,u=0===+s?500:s;if(e[i]?"string"==typeof e[i]?l=d.default[e[i]]:(l=d.default[e[i].color]||d.default[p[i]],u=0===+s?e[i].hue:s):l=d.default[p[i]],"COLOR"===a){var m=d.default[e[i]];return s||m||("accent"===i?u="A200":"background"===i&&(u=50)),"primary"===i&&(v[n]=l[u]),r?(0,c.default)(l[u],r):l[u]}return l.darkText.indexOf(u)>=0?r?(0,c.default)("#000",r):"rgba(0, 0, 0, .87)":r?(0,c.default)("#fff",r):"rgba(255, 255, 255, .87)"}))})),t},E=function(t,e,n){var i=[];n.forEach((function(n){i.push(g(n,t,e))})),h(i.join("\n"),e)},_=function(t,e){var n=t?(0,s.default)(t):[];n.forEach((function(n){E(t[n],n,e),b.push(n)}))},C=function(t){var e=document.querySelector('meta[name="theme-color"]');e?e.setAttribute("content",t):(e=document.createElement("meta"),e.setAttribute("name","theme-color"),e.setAttribute("content",t),document.head.appendChild(e))};t.exports=e.default},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={red:{50:"#ffebee",100:"#ffcdd2",200:"#ef9a9a",300:"#e57373",400:"#ef5350",500:"#f44336",600:"#e53935",700:"#d32f2f",800:"#c62828",900:"#b71c1c",A100:"#ff8a80",A200:"#ff5252",A400:"#ff1744",A700:"#d50000",darkText:[50,100,200,300,"A100"]},pink:{50:"#fce4ec",100:"#f8bbd0",200:"#f48fb1",300:"#f06292",400:"#ec407a",500:"#e91e63",600:"#d81b60",700:"#c2185b",800:"#ad1457",900:"#880e4f",A100:"#ff80ab",A200:"#ff4081",A400:"#f50057",A700:"#c51162",darkText:[50,100,200,"A100"]},purple:{50:"#f3e5f5",100:"#e1bee7",200:"#ce93d8",300:"#ba68c8",400:"#ab47bc",500:"#9c27b0",600:"#8e24aa",700:"#7b1fa2",800:"#6a1b9a",900:"#4a148c",A100:"#ea80fc",A200:"#e040fb",A400:"#d500f9",A700:"#aa00ff",darkText:[50,100,200,"A100"]},"deep-purple":{50:"#ede7f6",100:"#d1c4e9",200:"#b39ddb",300:"#9575cd",400:"#7e57c2",500:"#673ab7",600:"#5e35b1",700:"#512da8",800:"#4527a0",900:"#311b92",A100:"#b388ff",A200:"#7c4dff",A400:"#651fff",A700:"#6200ea",darkText:[50,100,200,"A100"]},indigo:{50:"#e8eaf6",100:"#c5cae9",200:"#9fa8da",300:"#7986cb",400:"#5c6bc0",500:"#3f51b5",600:"#3949ab",700:"#303f9f",800:"#283593",900:"#1a237e",A100:"#8c9eff",A200:"#536dfe",A400:"#3d5afe",A700:"#304ffe",darkText:[50,100,200,"A100"]},blue:{50:"#e3f2fd",100:"#bbdefb",200:"#90caf9",300:"#64b5f6",400:"#42a5f5",500:"#2196f3",600:"#1e88e5",700:"#1976d2",800:"#1565c0",900:"#0d47a1",A100:"#82b1ff",A200:"#448aff",A400:"#2979ff",A700:"#2962ff",darkText:[50,100,200,300,400,"A100"]},"light-blue":{50:"#e1f5fe",100:"#b3e5fc",200:"#81d4fa",300:"#4fc3f7",400:"#29b6f6",500:"#03a9f4",600:"#039be5",700:"#0288d1",800:"#0277bd",900:"#01579b",A100:"#80d8ff",A200:"#40c4ff",A400:"#00b0ff",A700:"#0091ea",darkText:[50,100,200,300,400,500,"A100","A200","A300"]},cyan:{50:"#e0f7fa",100:"#b2ebf2",200:"#80deea",300:"#4dd0e1",400:"#26c6da",500:"#00bcd4",600:"#00acc1",700:"#0097a7",800:"#00838f",900:"#006064",A100:"#84ffff",A200:"#18ffff",A400:"#00e5ff",A700:"#00b8d4",darkText:[50,100,200,300,400,500,600,"A100","A200","A300","A400"]},teal:{50:"#e0f2f1",100:"#b2dfdb",200:"#80cbc4",300:"#4db6ac",400:"#26a69a",500:"#009688",600:"#00897b",700:"#00796b",800:"#00695c",900:"#004d40",A100:"#a7ffeb",A200:"#64ffda",A400:"#1de9b6",A700:"#00bfa5",darkText:[50,100,200,300,400,"A100","A200","A300","A400"]},green:{50:"#e8f5e9",100:"#c8e6c9",200:"#a5d6a7",300:"#81c784",400:"#66bb6a",500:"#4caf50",600:"#43a047",700:"#388e3c",800:"#2e7d32",900:"#1b5e20",A100:"#b9f6ca",A200:"#69f0ae",A400:"#00e676",A700:"#00c853",darkText:[50,100,200,300,400,500,"A100","A200","A300","A400"]},"light-green":{50:"#f1f8e9",100:"#dcedc8",200:"#c5e1a5",300:"#aed581",400:"#9ccc65",500:"#8bc34a",600:"#7cb342",700:"#689f38",800:"#558b2f",900:"#33691e",A100:"#ccff90",A200:"#b2ff59",A400:"#76ff03",A700:"#64dd17",darkText:[50,100,200,300,400,500,600,"A100","A200","A300","A400"]},lime:{50:"#f9fbe7",100:"#f0f4c3",200:"#e6ee9c",300:"#dce775",400:"#d4e157",500:"#cddc39",600:"#c0ca33",700:"#afb42b",800:"#9e9d24",900:"#827717",A100:"#f4ff81",A200:"#eeff41",A400:"#c6ff00",A700:"#aeea00",darkText:[50,100,200,300,400,500,600,700,800,"A100","A200","A300","A400"]},yellow:{50:"#fffde7",100:"#fff9c4",200:"#fff59d",300:"#fff176",400:"#ffee58",500:"#ffeb3b",600:"#fdd835",700:"#fbc02d",800:"#f9a825",900:"#f57f17",A100:"#ffff8d",A200:"#ffff00",A400:"#ffea00",A700:"#ffd600",darkText:[50,100,200,300,400,500,600,700,800,900,"A100","A200","A300","A400"]},amber:{50:"#fff8e1",100:"#ffecb3",200:"#ffe082",300:"#ffd54f",400:"#ffca28",500:"#ffc107",600:"#ffb300",700:"#ffa000",800:"#ff8f00",900:"#ff6f00",A100:"#ffe57f",A200:"#ffd740",A400:"#ffc400",A700:"#ffab00",darkText:[50,100,200,300,400,500,600,700,800,900,"A100","A200","A300","A400"]},orange:{50:"#fff3e0",100:"#ffe0b2",200:"#ffcc80",300:"#ffb74d",400:"#ffa726",500:"#ff9800",600:"#fb8c00",700:"#f57c00",800:"#ef6c00",900:"#e65100",A100:"#ffd180",A200:"#ffab40",A400:"#ff9100",A700:"#ff6d00",darkText:[50,100,200,300,400,500,600,700,"A100","A200","A300","A400"]},"deep-orange":{50:"#fbe9e7",100:"#ffccbc",200:"#ffab91",300:"#ff8a65",400:"#ff7043",500:"#ff5722",600:"#f4511e",700:"#e64a19",800:"#d84315",900:"#bf360c",A100:"#ff9e80",A200:"#ff6e40",A400:"#ff3d00",A700:"#dd2c00",darkText:[50,100,200,300,400,"A100","A200"]},brown:{50:"#efebe9",100:"#d7ccc8",200:"#bcaaa4",300:"#a1887f",400:"#8d6e63",500:"#795548",600:"#6d4c41",700:"#5d4037",800:"#4e342e",900:"#3e2723",A100:"#d7ccc8",A200:"#bcaaa4",A400:"#8d6e63",A700:"#5d4037",darkText:[50,100,200,"A100","A200","A300","A400"]},grey:{50:"#fafafa",100:"#f5f5f5",200:"#eeeeee",300:"#e0e0e0",400:"#bdbdbd",500:"#9e9e9e",600:"#757575",700:"#616161",800:"#424242",900:"#212121",A100:"#fff",A200:"#000000",A400:"#303030",A700:"#616161",darkText:[50,100,200,300,400,500,"A100"]},"blue-grey":{50:"#eceff1",100:"#cfd8dc",200:"#b0bec5",300:"#90a4ae",400:"#78909c",500:"#607d8b",600:"#546e7a",700:"#455a64",800:"#37474f",900:"#263238",A100:"#cfd8dc",A200:"#b0bec5",A400:"#78909c",A700:"#455a64",darkText:[50,100,200,300,"A100","A200","A300","A400"]},white:{50:"#fff",100:"#fff",200:"#fff",300:"#fff",400:"#fff",500:"#fff",600:"#fff",700:"#fff",800:"#fff",900:"#fff",A100:"#fff",A200:"#fff",A400:"#fff",A700:"#fff",darkText:[50,100,200,300,400,500,600,700,800,900,"A100","A200","A300","A400"]},black:{50:"#000",100:"#000",200:"#000",300:"#000",400:"#000",500:"#000",600:"#000",700:"#000",800:"#000",900:"#000",A100:"#000",A200:"#000",A400:"#000",A700:"#000",darkText:[]}},t.exports=e.default},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default=function(t,e){var n="",i="",o="",a=t.toString().match(/^#?(([0-9a-zA-Z]{3}){1,3})$/);if(!a)throw new Error("Invalid color"+t);if(t=a[1],6===t.length)n=parseInt(t.substring(0,2),16),i=parseInt(t.substring(2,4),16),o=parseInt(t.substring(4,6),16);else if(3===t.length){var s=t.substring(0,1),r=t.substring(1,2),d=t.substring(2,3);n=parseInt(s+s,16),i=parseInt(r+r,16),o=parseInt(d+d,16)}return e?(e>1&&(e/=100),"rgba("+n+", "+i+", "+o+", "+e+")"):"rgb("+n+", "+i+", "+o+")"},t.exports=e.default},function(t,e,n){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}function o(t){return o.installed?void console.warn("Vue Material is already installed."):(o.installed=!0,t.use(s.default),t.use(d.default),void t.material.styles.push(c.default))}Object.defineProperty(e,"__esModule",{value:!0}),e.default=o;var a=n(100),s=i(a),r=n(99),d=i(r),l=n(301),c=i(l);n(235),t.exports=e.default},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{
 value:!0});var i=8,o=function(t,e){return e.top<=i-parseInt(getComputedStyle(t).marginTop,10)},a=function(t,e){return e.top+t.offsetHeight+i>=window.innerHeight-parseInt(getComputedStyle(t).marginTop,10)},s=function(t,e){return e.left<=i-parseInt(getComputedStyle(t).marginLeft,10)},r=function(t,e){return e.left+t.offsetWidth+i>=window.innerWidth-parseInt(getComputedStyle(t).marginLeft,10)},d=function(t,e){var n=getComputedStyle(t);return o(t,e)&&(e.top=i-parseInt(n.marginTop,10)),s(t,e)&&(e.left=i-parseInt(n.marginLeft,10)),r(t,e)&&(e.left=window.innerWidth-i-t.offsetWidth-parseInt(n.marginLeft,10)),a(t,e)&&(e.top=window.innerHeight-i-t.offsetHeight-parseInt(n.marginTop,10)),e};e.default=d,t.exports=e.default},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=function(t,e){var n=!1;return function(){n||(t.call(),n=!0,window.setTimeout((function(){n=!1}),e))}};e.default=i,t.exports=e.default},function(t,e,n){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var o=n(103),a=i(o),s=n(66),r=i(s),d=n(67),l=i(d),c=n(68),u=i(c),m=n(69),f=i(m),p=n(70),h=i(p),b=n(71),v=i(b),g=n(72),E=i(g),_=n(73),C=i(_),M=n(74),T=i(M),x=n(75),A=i(x),N=n(76),O=i(N),R=n(77),y=i(R),k=n(78),S=i(k),w=n(79),H=i(w),P=n(80),$=i(P),L=n(81),D=i(L),I=n(83),B=i(I),j=n(84),F=i(j),W=n(85),Y=i(W),G=n(86),U=i(G),z=n(87),K=i(z),V=n(88),q=i(V),X=n(90),J=i(X),Z=n(91),Q=i(Z),tt=n(92),et=i(tt),nt=n(93),it=i(nt),ot=n(94),at=i(ot),st=n(95),rt=i(st),dt=n(96),lt=i(dt),ct=n(97),ut=i(ct),mt=n(98),ft=i(mt),pt={MdCore:a.default,MdAvatar:r.default,MdBackdrop:l.default,MdBottomBar:u.default,MdButton:f.default,MdButtonToggle:h.default,MdCard:v.default,MdCheckbox:E.default,MdChips:C.default,MdDialog:T.default,MdDivider:A.default,MdFile:O.default,MdIcon:y.default,MdImage:S.default,MdInputContainer:H.default,MdLayout:$.default,MdList:D.default,MdMenu:B.default,MdProgress:F.default,MdRadio:Y.default,MdSelect:U.default,MdSidenav:K.default,MdSnackbar:q.default,MdSpeedDial:J.default,MdSpinner:Q.default,MdSubheader:et.default,MdSwitch:it.default,MdTable:at.default,MdTabs:rt.default,MdToolbar:lt.default,MdTooltip:ut.default,MdWhiteframe:ft.default};pt.install=function(t){for(var e in pt){var n=pt[e];n&&"install"!==e&&t.use(n)}},e.default=pt,t.exports=e.default},function(t,e,n){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var o=n(20),a=i(o);e.default={data:function(){return{toolbar:!0,theme:"default",pageTitle:""}},computed:{logo:function(){var t=a.default.material.currentTheme;return t?"assets/logo-vue-material-"+t+".png":"assets/logo-vue-material-default.png"}},methods:{toggleSidenav:function(){this.$refs["main-sidebar"].toggle()},closeSidenav:function(){this.$refs["main-sidebar"].close()}}},t.exports=e.default},function(t,e,n){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var o=n(16),a=i(o);e.default={props:{name:String},computed:{slotNames:function(){return(0,a.default)(this.$slots)}}},t.exports=e.default},function(t,e,n){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var o=n(270),a=i(o),s=n(273),r=i(s),d=n(274),l=i(d),c=n(272),u=i(c),m=n(271),f=i(m),p=n(181),h=i(p),b=n(2),v=i(b);a.default.registerLanguage("scss",r.default),a.default.registerLanguage("xml",l.default),a.default.registerLanguage("javascript",u.default),a.default.registerLanguage("bash",f.default),e.default={props:{lang:String,height:{type:[Number,String],default:"450px"}},data:function(){return{showMessage:!1}},methods:{enableCopy:function(){var t=this,e=new h.default(this.$refs.copy.$el,{target:function(){return t.$refs.block}});e.on("success",(function(e){e.clearSelection(),t.showMessage=!0,window.setTimeout((function(){t.showMessage=!1}),2e3)}))},reindent:function(){var t=this.$refs.block,e=t.textContent.split("\n"),n=void 0;""===e[0]&&e.shift();var i=null!==(n=/^[\s\t]+/.exec(e[0]))?n[0]:null;i&&(e=e.map((function(t){return t=t.replace(i,""),t.replace(/\t/g,"  ")})),t.textContent=e.join("\n").trim())}},mounted:function(){this.exampleBoxParent=(0,v.default)(this.$parent,"example-box"),this.reindent(),this.enableCopy(),this.exampleBoxParent&&this.exampleBoxParent.codeBlocks.push({lang:this.lang,code:this.$refs.block.innerHTML}),a.default.highlightBlock(this.$refs.block)}},t.exports=e.default},function(t,e,n){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var o=n(174),a=i(o);e.default={props:{cardTitle:String},data:function(){return{codeBlocks:[],codeString:""}},methods:{editOnCodepen:function(){var t=this,e={title:"Vue Material - "+this.cardTitle,private:!1,head:'<meta name="viewport" content="width=device-width">',html_pre_processor:"none",js_pre_processor:"none",js:this.$refs.initialJs.innerHTML,css_pre_processor:"scss",css_starter:"neither",css_prefix_free:!1,css_external:["http://fonts.googleapis.com/css?family=Roboto:300,400,500,700,400italic","http://fonts.googleapis.com/icon?family=Material+Icons","https://cdn.rawgit.com/marcosmoura/vue-material/master/dist/vue-material.css"].join(";"),js_external:["https://cdnjs.cloudflare.com/ajax/libs/vue/2.1.3/vue.min.js","https://cdn.rawgit.com/marcosmoura/vue-material/master/dist/vue-material.js"].join(";")};this.codeBlocks.forEach((function(n){if("xml"===n.lang){var i=t.$refs.initialHtml.innerHTML;e.html=i.replace("### TEMPLATE ###",n.code)}else"javascript"===n.lang?e.js=e.js+=n.code:e.css=n.code})),this.codeString=(0,a.default)(e).replace(/"/g,"&quot;").replace(/'/g,"&apos;"),this.$nextTick((function(){console.log(t.$refs.initialJs),t.$refs.form.submit()}))}}},t.exports=e.default},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={props:{pageTitle:String},methods:{toggleSidenav:function(){this.$root.toggleSidenav()}},mounted:function(){document.title=this.pageTitle+" - Vue Material"}},t.exports=e.default},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=null;e.default={data:function(){return{latest:null,currentDocs:null,availableDocs:[]}},methods:{changeDocs:function(){var t=window.location;this.currentDocs===this.latest?window.location.href=t.origin+"/"+t.hash:window.location.href=t.origin+"/releases/v"+this.currentDocs+"/"+t.hash},getVersions:function(t){if(i)t(i);else{var e=new XMLHttpRequest;e.open("GET","/versions.json",!0),e.setRequestHeader("Content-Type","application/json"),e.onload=function(){i=JSON.parse(this.response),t(i)},e.send()}},setVersion:function(t){t.sort((function(t,e){return t<e})),this.latest=t[0],this.currentDocs=t[0],this.availableDocs=t},setCurrentByLocation:function(){var t=location.pathname.replace(/\/|releases\/v/g,"");t&&this.availableDocs.indexOf(t)>=0&&(this.currentDocs=t)}},mounted:function(){var t=this;this.getVersions((function(e){t.setVersion(e),t.setCurrentByLocation()}))}},t.exports=e.default},function(t,e,n){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var o=n(1),a=i(o);e.default={mixins:[a.default]},t.exports=e.default},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={methods:{close:function(){this.$emit("close")}}},t.exports=e.default},function(t,e,n){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var o=n(1),a=i(o);e.default={props:{mdShift:Boolean},mixins:[a.default],computed:{classes:function(){return this.mdShift?"md-shift":"md-fixed"}},methods:{setActive:function(t){this.$children.forEach((function(e){e.active=e===t})),this.$emit("change",this.$children.findIndex((function(e){return e===t})))}}},t.exports=e.default},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={props:{mdIcon:String,mdIconSrc:String,mdIconset:String,mdActive:Boolean,disabled:String,href:String},data:function(){return{active:!1}},computed:{classes:function(){return{"md-active":this.active}}},watch:{mdActive:function(t){this.setActive(t)}},methods:{setActive:function(t){t&&this.$parent.setActive(this)}},mounted:function(){if(!this.$parent.$el.classList.contains("md-bottom-bar"))throw this.$destroy(),new Error("You should wrap the md-bottom-bar-item in a md-bottom-bar");this.mdActive&&(this.active=!0)}},t.exports=e.default},function(t,e,n){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var o=n(1),a=i(o);e.default={props:{href:String,target:String,rel:String,type:{type:String,default:"button"},disabled:Boolean},mixins:[a.default],computed:{newRel:function(){return"_blank"===this.target?this.rel||"noopener":this.rel}}},t.exports=e.default},function(t,e,n){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var o=n(1),a=i(o),s=void 0;e.default={props:{mdSingle:Boolean},mixins:[a.default],mounted:function(){var t=this;this.$children.forEach((function(e){var n=e.$el,i="md-toggle";s=function(){t.mdSingle?(t.$children.forEach((function(t){t.$el.classList.remove(i)})),n.classList.add(i)):n.classList.toggle(i)},n&&n.classList.contains("md-button")&&n.addEventListener("click",s)}))},beforeDestroy:function(){this.$children.forEach((function(t){var e=t.$el;e&&e.classList.contains("md-button")&&e.removeEventListener("click",s)}))}},t.exports=e.default},function(t,e,n){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var o=n(1),a=i(o);e.default={props:{mdWithHover:Boolean},mixins:[a.default],computed:{classes:function(){return{"md-with-hover":this.mdWithHover}}}},t.exports=e.default},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={props:{mdInset:Boolean},computed:{classes:function(){return{"md-inset":this.mdInset}}}},t.exports=e.default},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={methods:{setContentMargin:function(){this.content.style.marginTop=-this.content.offsetHeight+"px"},toggle:function(){this.$refs.expand.classList.toggle("md-active")},onWindowResize:function(){window.requestAnimationFrame(this.setContentMargin)}},mounted:function(){var t=this;window.setTimeout((function(){t.trigger=t.$el.querySelector("[md-expand-trigger]"),t.content=t.$el.querySelector(".md-card-content"),t.content&&(t.setContentMargin(),t.trigger.addEventListener("click",t.toggle),window.addEventListener("resize",t.onWindowResize))}),200)},destroyed:function(){this.content&&(this.trigger.removeEventListener("click",this.toggle),window.removeEventListener("resize",this.onWindowResize))}},t.exports=e.default},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={mounted:function(){this.parentClasses=this.$parent.$el.classList,this.parentClasses.contains("md-card-header")&&(this.insideParent=!0,this.parentClasses.add("md-card-header-flex"))},destroyed:function(){this.parentClasses.remove("md-card-header-flex")}},t.exports=e.default},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={props:{mdRatio:String,mdMedium:Boolean,mdBig:Boolean},computed:{classes:function t(){var t={"md-16-9":"16:9"===this.mdRatio||"16/9"===this.mdRatio,"md-4-3":"4:3"===this.mdRatio||"4/3"===this.mdRatio,"md-1-1":"1:1"===this.mdRatio||"1/1"===this.mdRatio};return(this.mdMedium||this.mdBig)&&(t={"md-medium":this.mdMedium,"md-big":this.mdBig}),t}}},t.exports=e.default},function(t,e,n){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var o=n(40),a=i(o);e.default={props:{mdTextScrim:Boolean,mdSolid:Boolean},data:function(){return{backdropBg:{}}},computed:{classes:function(){return{"md-text-scrim":this.mdTextScrim,"md-solid":this.mdSolid}},styles:function(){return{background:this.backdropBg}}},methods:{applyScrimColor:function(t){this.$refs.backdrop&&(this.backdropBg="linear-gradient(to bottom, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, "+t/2+") 66%, rgba(0, 0, 0, "+t+") 100%)")},applySolidColor:function(t){var e=this.$el.querySelector(".md-card-area");e&&(e.style.background="rgba(0, 0, 0, "+t+")")}},mounted:function(){var t=this,e=this.$el.querySelector("img");e&&(this.mdTextScrim||this.mdSolid)&&(0,a.default)(e,(function(e){var n=256,i=(100*Math.abs(n-e)/n+15)/100;i>=.7&&(i=.7),t.mdTextScrim?t.applyScrimColor(i):t.mdSolid&&t.applySolidColor(i)}))}},t.exports=e.default},function(t,e,n){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var o=n(1),a=i(o);e.default={props:{name:String,value:[String,Boolean],id:String,disabled:Boolean},mixins:[a.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(t){this.disabled||(this.checked=!this.checked,this.$emit("change",this.checked,t),this.$emit("input",this.checked,t))}}},t.exports=e.default},function(t,e,n){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var o=n(1),a=i(o);e.default={props:{disabled:Boolean,mdDeletable:Boolean},mixins:[a.default],computed:{classes:function(){return{"md-deletable":this.mdDeletable,"md-disabled":this.disabled}}}},t.exports=e.default},function(t,e,n){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var o=n(1),a=i(o),s=n(26),r=i(s);e.default={props:{value:Array,disabled:Boolean,mdInputId:String,mdInputName:String,mdInputPlaceholder:String,mdInputType:{type:String,default:"text"},mdStatic:Boolean,mdMax:{type:Number,default:1/0}},mixins:[a.default],data:function(){return{currentChip:null,selectedChips:this.value,inputId:this.mdInputId||"chips-"+(0,r.default)()}},watch:{value:function(t){this.selectedChips=t}},computed:{classes:function(){return{"md-static":this.mdStatic,"md-disabled":this.disabled}}},methods:{applyInputFocus:function(){var t=this;this.$nextTick((function(){t.$refs.input.$el.focus()}))},addChip:function(){if(this.currentChip&&this.selectedChips.length<this.mdMax){var t=this.currentChip.trim();this.selectedChips.indexOf(t)<0&&(this.selectedChips.push(t),this.currentChip=null,this.$emit("input",this.selectedChips),this.$emit("change",this.selectedChips),this.applyInputFocus())}},deleteChip:function(t){var e=this.selectedChips.indexOf(t);e>=0&&this.selectedChips.splice(e,1),this.$emit("change",this.selectedChips),this.applyInputFocus()},deleteLastChip:function(){this.currentChip||(this.selectedChips.pop(),this.$emit("change",this.selectedChips),this.applyInputFocus())}}},t.exports=e.default},function(t,e,n){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var o=n(1),a=i(o),s=n(21),r=i(s);e.default={props:{mdClickOutsideToClose:{type:Boolean,default:!0},mdEscToClose:{type:Boolean,default:!0},mdBackdrop:{type:Boolean,default:!0},mdOpenFrom:String,mdCloseTo:String,mdFullscreen:{type:Boolean,default:!1}},mixins:[a.default],data:function(){return{active:!1,transitionOff:!1,dialogTransform:""}},computed:{classes:function(){return{"md-active":this.active}},dialogClasses:function(){return{"md-fullscreen":this.mdFullscreen,"md-transition-off":this.transitionOff,"md-reference":this.mdOpenFrom||this.mdCloseTo}},styles:function(){return{transform:this.dialogTransform}}},methods:{removeDialog:function(){document.body.contains(this.dialogElement)&&this.$el.parentNode.removeChild(this.$el)},calculateDialogPos:function(t){var e=document.querySelector(t);if(e){var n=e.getBoundingClientRect(),i=this.dialogInnerElement.getBoundingClientRect(),o=n.width/i.width,a=n.height/i.height,s={top:-(i.top-n.top),left:-(i.left-n.left+n.width)};n.top>i.top+i.height&&(s.top=n.top-i.top),n.left>i.left+i.width&&(s.left=n.left-i.left-n.width),this.dialogTransform="translate3D("+s.left+"px, "+s.top+"px, 0) scale("+o+", "+a+")"}},open:function(){var t=this;document.body.appendChild(this.dialogElement),this.transitionOff=!0,this.calculateDialogPos(this.mdOpenFrom),window.setTimeout((function(){t.dialogElement.focus(),t.transitionOff=!1,t.active=!0})),this.$emit("open")},closeOnEsc:function(){this.mdEscToClose&&this.close()},close:function(){var t=this;document.body.contains(this.dialogElement)&&this.$nextTick((function(){var e=function e(){var n=t.dialogElement.querySelector(".md-ripple.md-active");n&&n.classList.remove("md-active"),t.dialogInnerElement.removeEventListener(r.default,e),document.body.removeChild(t.dialogElement),t.dialogTransform=""};t.transitionOff=!0,t.dialogTransform="",t.calculateDialogPos(t.mdCloseTo),window.setTimeout((function(){t.transitionOff=!1,t.active=!1,t.dialogInnerElement.addEventListener(r.default,e)})),t.$emit("close")}))}},mounted:function(){var t=this;this.$nextTick((function(){t.dialogElement=t.$el,t.dialogInnerElement=t.$refs.dialog,t.removeDialog()}))},beforeDestroy:function(){this.removeDialog()}},t.exports=e.default},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={props:{mdTitle:String,mdContent:String,mdContentHtml:String,mdOkText:{type:String,default:"Ok"}},data:function(){return{debounce:!1}},methods:{fireCloseEvent:function(){this.debounce||this.$emit("close")},open:function(){this.$emit("open"),this.debounce=!1,this.$refs.dialog.open()},close:function(){this.fireCloseEvent(),this.debounce=!0,this.$refs.dialog.close()}},mounted:function(){if(!this.mdContent&&!this.mdContentHtml)throw new Error("Missing md-content or md-content-html attributes")}},t.exports=e.default},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={props:{mdTitle:String,mdContent:String,mdContentHtml:String,mdOkText:{type:String,default:"Ok"},mdCancelText:{type:String,default:"Cancel"}},data:function(){return{debounce:!1}},methods:{fireCloseEvent:function(t){this.debounce||this.$emit("close",t)},open:function(){this.$emit("open"),this.debounce=!1,this.$refs.dialog.open()},close:function(t){this.fireCloseEvent(t),this.debounce=!0,this.$refs.dialog.close()}},mounted:function(){if(!this.mdContent&&!this.mdContentHtml)throw new Error("Missing md-content or md-content-html attributes")}},t.exports=e.default},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={props:{value:{type:[String,Number],required:!0},mdTitle:String,mdContent:String,mdContentHtml:String,mdOkText:{type:String,default:"Ok"},mdCancelText:{type:String,default:"Cancel"},mdInputId:String,mdInputName:String,mdInputMaxlength:[String,Number],mdInputPlaceholder:String},data:function(){return{debounce:!1}},methods:{fireCloseEvent:function(t){this.debounce||this.$emit("close",t)},open:function(){var t=this;this.$emit("open"),this.debounce=!1,this.$refs.dialog.open(),window.setTimeout((function(){t.$refs.input.$el.focus()}))},close:function(t){this.fireCloseEvent(t),this.debounce=!0,this.$refs.dialog.close()},confirmValue:function(){this.$emit("input",this.$refs.input.$el.value),this.close("ok")}}},t.exports=e.default},function(t,e,n){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var o=n(42),a=i(o),s=n(2),r=i(s);e.default={props:{value:String,id:String,name:String,disabled:Boolean,required:Boolean,placeholder:String,accept:String,multiple:Boolean},data:function(){return{filename:this.value}},watch:{value:function(){this.filename=this.value}},methods:{getMultipleName:function(t){var e=[];return[].concat((0,a.default)(t)).forEach((function(t){e.push(t.name)})),e.join(", ")},openPicker:function(){this.disabled||(this.$refs.fileInput.click(),this.$refs.textInput.$el.focus())},onFileSelected:function(t){var e=t.target.files||t.dataTransfer.files;e?e.length>1?this.filename=this.getMultipleName(e):1===e.length?this.filename=e[0].name:this.filename=null:this.filename=t.target.value.split("\\").pop(),this.$emit("selected",e||t.target.value),this.$emit("input",this.filename)}},mounted:function(){if(this.parentContainer=(0,r.default)(this.$parent,"md-input-container"),!this.parentContainer)throw this.$destroy(),new Error("You should wrap the md-file in a md-input-container");this.parentContainer.hasFile=!0},beforeDestroy:function(){this.parentContainer.hasFile=!1}},t.exports=e.default},function(t,e,n){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var o=n(1),a=i(o),s={};e.default={props:{mdSrc:String,mdIconset:{type:String,default:"material-icons"}},data:function(){return{svgContent:null,imageSrc:null}},mixins:[a.default],watch:{mdSrc:function(){this.svgContent=null,this.imageSrc=null,this.checkSrc()}},methods:{isImage:function(t){return t.indexOf("image")>=0},isSVG:function(t){return t.indexOf("svg")>=0},setSVGContent:function(t){var e=this;this.svgContent=t,this.$nextTick((function(){e.$el.children[0].removeAttribute("fill")}))},loadSVG:function(){var t=this;s[this.mdSrc]?this.setSVGContent(s[this.mdSrc]):!(function(){var e=new XMLHttpRequest,n=t;e.open("GET",t.mdSrc,!0),e.onload=function(){var t=this.getResponseHeader("content-type");this.status>=200&&this.status<400&&n.isImage(t)?n.isSVG(t)?(s[n.mdSrc]=this.response,n.setSVGContent(this.response)):n.loadImage():console.warn("The file "+n.mdSrc+" is not a valid image.")},e.send()})()},loadImage:function(){this.imageSrc=this.mdSrc},checkSrc:function(){this.mdSrc&&(this.mdSrc.indexOf(".svg")>=0?this.loadSVG():this.loadImage())}},mounted:function(){this.checkSrc()}},t.exports=e.default},function(t,e,n){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var o=n(40),a=i(o);e.default={props:{mdSrc:String},data:function(){return{loaded:!1,applyBlack:!0,imageElement:null}},watch:{mdSrc:function(){this.createImage()}},computed:{classes:function(){return{"md-loaded":this.loaded,"md-black-output":this.applyBlack}}},methods:{analyzeLightness:function(t){var e=this;(0,a.default)(t,(function(t){var n=256,i=(100*Math.abs(n-t)/n+15)/100;i>=.7&&(e.applyBlack=!0),e.$nextTick((function(){e.loaded=!0}))}))},createImage:function(){this.loaded=!1,this.applyBlack=!1,this.imageElement=null,this.mdSrc&&(this.imageElement=document.createElement("img"),this.imageElement.crossOrigin="",this.imageElement.src=this.mdSrc,this.analyzeLightness(this.imageElement))}},created:function(){this.createImage()}},t.exports=e.default},function(t,e,n){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var o=n(39),a=i(o),s=n(2),r=i(s);e.default={mixins:[a.default],props:{type:{type:String,default:"text"}},mounted:function(){var t=this;this.$nextTick((function(){if(t.parentContainer=(0,r.default)(t.$parent,"md-input-container"),!t.parentContainer)throw t.$destroy(),new Error("You should wrap the md-input in a md-input-container");t.setParentDisabled(),t.setParentRequired(),t.setParentPlaceholder(),t.handleMaxLength(),t.updateValues()}))}},t.exports=e.default},function(t,e,n){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var o=n(1),a=i(o),s=n(41),r=i(s);e.default={props:{mdInline:Boolean,mdHasPassword:Boolean},mixins:[a.default],data:function(){return{value:"",input:!1,showPassword:!1,enableCounter:!1,hasSelect:!1,hasPlaceholder:!1,hasFile:!1,isDisabled:!1,isRequired:!1,isFocused:!1,counterLength:0,inputLength:0}},computed:{hasValue:function(){return(0,r.default)(this.value)?this.value.length>0:Boolean(this.value)},classes:function(){return{"md-input-inline":this.mdInline,"md-has-password":this.mdHasPassword,"md-has-select":this.hasSelect,"md-has-file":this.hasFile,"md-has-value":this.hasValue,"md-input-placeholder":this.hasPlaceholder,"md-input-disabled":this.isDisabled,"md-input-required":this.isRequired,"md-input-focused":this.isFocused}}},methods:{isInput:function(){return this.input&&"input"===this.input.tagName.toLowerCase()},togglePasswordType:function(){this.isInput()&&("password"===this.input.type?(this.input.type="text",this.showPassword=!0):(this.input.type="password",this.showPassword=!1),this.input.focus())},setValue:function(t){this.value=t}},mounted:function(){if(this.input=this.$el.querySelectorAll("input, textarea, select, .md-file")[0],!this.input)throw this.$destroy(),new Error("Missing input/select/textarea inside md-input-container")}},t.exports=e.default},function(t,e,n){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var o=n(65),a=i(o),s=n(39),r=i(s),d=n(2),l=i(d);e.default={mixins:[r.default],watch:{value:function(){var t=this;this.$nextTick((function(){a.default.update(t.$el)}))}},mounted:function(){var t=this;this.$nextTick((function(){if(t.parentContainer=(0,l.default)(t.$parent,"md-input-container"),!t.parentContainer)throw t.$destroy(),new Error("You should wrap the md-textarea in a md-input-container");t.setParentDisabled(),t.setParentRequired(),t.setParentPlaceholder(),t.handleMaxLength(),t.updateValues(),t.$el.getAttribute("rows")||t.$el.setAttribute("rows","1"),(0,a.default)(t.$el)}))},beforeDestroy:function(){a.default.destroy(this.$el)}},t.exports=e.default},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={props:{mdTag:{type:String,default:"div"},mdRow:Boolean,mdRowXsmall:Boolean,mdRowSmall:Boolean,mdRowMedium:Boolean,mdRowLarge:Boolean,mdRowXlarge:Boolean,mdColumn:Boolean,mdColumnXsmall:Boolean,mdColumnSmall:Boolean,mdColumnMedium:Boolean,mdColumnLarge:Boolean,mdColumnXlarge:Boolean,mdHideXsmall:Boolean,mdHideSmall:Boolean,mdHideMedium:Boolean,mdHideLarge:Boolean,mdHideXlarge:Boolean,mdHideXsmallAndUp:Boolean,mdHideSmallAndUp:Boolean,mdHideMediumAndUp:Boolean,mdHideLargeAndUp:Boolean,mdHideXlargeAndUp:Boolean,mdGutter:[String,Number,Boolean],mdAlign:String,mdAlignXsmall:String,mdAlignSmall:String,mdAlignMedium:String,mdAlignLarge:String,mdAlignXlarge:String,mdFlex:[String,Number,Boolean],mdFlexXsmall:[String,Number,Boolean],mdFlexSmall:[String,Number,Boolean],mdFlexMedium:[String,Number,Boolean],mdFlexLarge:[String,Number,Boolean],mdFlexXlarge:[String,Number,Boolean],mdFlexOffset:[String,Number,Boolean],mdFlexOffsetXsmall:[String,Number,Boolean],mdFlexOffsetSmall:[String,Number,Boolean],mdFlexOffsetMedium:[String,Number,Boolean],mdFlexOffsetLarge:[String,Number,Boolean],mdFlexOffsetXlarge:[String,Number,Boolean]},computed:{classes:function t(){var t={"md-row":this.mdRow,"md-row-xsmall":this.mdRowXsmall,"md-row-small":this.mdRowSmall,"md-row-medium":this.mdRowMedium,"md-row-large":this.mdRowLarge,"md-row-xlarge":this.mdRowXlarge,"md-column":this.mdColumn,"md-column-xsmall":this.mdColumnXsmall,"md-column-small":this.mdColumnSmall,"md-column-medium":this.mdColumnMedium,"md-column-large":this.mdColumnLarge,"md-column-xlarge":this.mdColumnXlarge,"md-hide-xsmall":this.mdHideXsmall,"md-hide-small":this.mdHideSmall,"md-hide-medium":this.mdHideMedium,"md-hide-large":this.mdHideLarge,"md-hide-xlarge":this.mdHideXlarge,"md-hide-xsmall-and-up":this.mdHideXsmallAndUp,"md-hide-small-and-up":this.mdHideSmallAndUp,"md-hide-medium-and-up":this.mdHideMediumAndUp,"md-hide-large-and-up":this.mdHideLargeAndUp,"md-hide-xlarge-and-up":this.mdHideXlargeAndUp};return this.mdGutter&&("boolean"==typeof this.mdGutter?t["md-gutter"]=!0:this.mdGutter&&(t["md-gutter-"+this.mdGutter]=!0)),this.generatePropClasses("md-flex","","mdFlex",t),this.generatePropClasses("md-flex","xsmall","mdFlexXsmall",t),this.generatePropClasses("md-flex","small","mdFlexSmall",t),this.generatePropClasses("md-flex","medium","mdFlexMedium",t),this.generatePropClasses("md-flex","large","mdFlexLarge",t),this.generatePropClasses("md-flex","xlarge","mdFlexXlarge",t),this.generatePropClasses("md-flex-offset","","mdFlexOffset",t),this.generatePropClasses("md-flex-offset","xsmall","mdFlexOffsetXsmall",t),this.generatePropClasses("md-flex-offset","small","mdFlexOffsetSmall",t),this.generatePropClasses("md-flex-offset","medium","mdFlexOffsetMedium",t),this.generatePropClasses("md-flex-offset","large","mdFlexOffsetLarge",t),this.generatePropClasses("md-flex-offset","xlarge","mdFlexOffsetXlarge",t),this.generatePropClasses("md-align","","mdAlign",t),this.generatePropClasses("md-align","xsmall","mdAlignXsmall",t),this.generatePropClasses("md-align","small","mdAlignSmall",t),this.generatePropClasses("md-align","medium","mdAlignMedium",t),this.generatePropClasses("md-align","large","mdAlignLarge",t),this.generatePropClasses("md-align","xlarge","mdAlignXlarge",t),t}},methods:{generatePropClasses:function(t,e,n,i){e&&(e="-"+e),this[n]&&("boolean"==typeof this[n]?i[t+e]=!0:i[t+e+"-"+this[n]]=!0)}},render:function(t){return t(this.mdTag,{staticClass:"md-layout",class:this.classes},this.$slots.default)}},t.exports=e.default},function(t,e,n){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var o=n(1),a=i(o);e.default={mixins:[a.default]},t.exports=e.default},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={name:"md-list-item",props:{disabled:Boolean},computed:{classes:function(){return{"md-disabled":this.disabled}}}},t.exports=e.default},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={name:"md-list-item"},t.exports=e.default},function(t,e,n){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var o=n(2),a=i(o);e.default={name:"md-list-item",props:{disabled:Boolean,mdExpandMultiple:Boolean},data:function(){return{parentList:!1,active:!1,height:0,contentObserver:null,transitionOff:!0}},computed:{classes:function(){return{"md-disabled":this.disabled,"md-active":this.active}},expandClasses:function(){return{"md-transition-off":this.transitionOff}},expandStyles:function(){return{"margin-bottom":this.height}}},methods:{resetSiblings:function(){var t=this;this.parentList.$children.forEach((function(e){e.$el!==t.$el&&e.$el.classList.contains("md-list-item-expand")&&(e.active=!1)}))},calculatePadding:function(){var t=this;window.requestAnimationFrame((function(){t.height=-t.$el.scrollHeight+"px",window.setTimeout((function(){t.transitionOff=!1}))}))},toggleExpandList:function(){this.mdExpandMultiple||this.resetSiblings(),this.calculatePadding(),this.active=!this.active},recalculateAfterChange:function(){this.transitionOff=!0,this.calculatePadding()},observeChildChanges:function(){this.contentObserver=new MutationObserver(this.recalculateAfterChange),this.contentObserver.observe(this.$refs.expand,{childList:!0,characterData:!0,subtree:!0})}},mounted:function(){var t=this;this.$nextTick((function(){t.parentList=(0,a.default)(t.$parent,"md-list"),t.calculatePadding(),t.observeChildChanges(),window.addEventListener("resize",t.recalculateAfterChange)}))},beforeDestroy:function(){this.contentObserver&&this.contentObserver.disconnect(),window.removeEventListener("resize",this.recalculateAfterChange)}},t.exports=e.default},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={name:"md-list-item",props:{href:String,target:Boolean,disabled:Boolean},computed:{classes:function(){return{"md-disabled":this.disabled}}}},t.exports=e.default},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={name:"md-list-item",props:{disabled:Boolean},computed:{classes:function(){return{"md-disabled":this.disabled}}}},t.exports=e.default},function(t,e,n){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var o=n(21),a=i(o),s=n(104),r=i(s);e.default={props:{mdSize:{type:[Number,String],default:0},mdDirection:{
 type:String,default:"bottom right"},mdAlignTrigger:{type:Boolean,default:!1},mdOffsetX:{type:[Number,String],default:0},mdOffsetY:{type:[Number,String],default:0},mdCloseOnSelect:{type:Boolean,default:!0}},data:function(){return{active:!1}},watch:{mdSize:function(t,e){t>=1&&t<=7&&(this.removeLastSizeMenuContentClass(e),this.addNewSizeMenuContentClass(t))},mdDirection:function(t,e){this.removeLastDirectionMenuContentClass(e),this.addNewDirectionMenuContentClass(t)},mdAlignTrigger:function(t){this.handleAlignTriggerClass(t)}},methods:{validateMenu:function(){if(!this.menuContent)throw this.$destroy(),new Error("You must have a md-menu-content inside your menu.");if(!this.menuTrigger)throw this.$destroy(),new Error("You must have an element with a md-menu-trigger attribute inside your menu.")},removeLastSizeMenuContentClass:function(t){this.menuContent.classList.remove("md-size-"+t)},removeLastDirectionMenuContentClass:function(t){this.menuContent.classList.remove("md-direction-"+t.replace(/ /g,"-"))},addNewSizeMenuContentClass:function(t){this.menuContent.classList.add("md-size-"+t)},addNewDirectionMenuContentClass:function(t){this.menuContent.classList.add("md-direction-"+t.replace(/ /g,"-"))},handleAlignTriggerClass:function(t){t&&this.menuContent.classList.add("md-align-trigger")},getPosition:function(t,e){var n=this.menuTrigger.getBoundingClientRect(),i="top"===t?n.top+n.height-this.menuContent.offsetHeight:n.top,o="left"===e?n.left-this.menuContent.offsetWidth+n.width:n.left;return i+=parseInt(this.mdOffsetY,10),o+=parseInt(this.mdOffsetX,10),this.mdAlignTrigger&&("top"===t?i-=n.height+11:i+=n.height+11),{top:i,left:o}},calculateMenuContentPos:function(){var t=void 0;t=this.mdDirection?this.getPosition.apply(this,this.mdDirection.trim().split(" ")):this.getPosition("bottom","right"),t=(0,r.default)(this.menuContent,t),this.menuContent.style.top=t.top+window.pageYOffset+"px",this.menuContent.style.left=t.left+window.pageXOffset+"px"},recalculateOnResize:function(){window.requestAnimationFrame(this.calculateMenuContentPos)},open:function(){document.body.contains(this.menuContent)&&document.body.removeChild(this.menuContent),document.body.appendChild(this.menuContent),document.body.appendChild(this.backdropElement),window.addEventListener("resize",this.recalculateOnResize),this.calculateMenuContentPos(),getComputedStyle(this.menuContent).top,this.menuContent.classList.add("md-active"),this.menuContent.focus(),this.active=!0,this.$emit("open")},close:function t(){var e=this,t=function t(n){if(e.menuContent&&n.target===e.menuContent){var i=e.menuContent.querySelector(".md-ripple.md-active");e.menuContent.removeEventListener(a.default,t),e.menuTrigger.focus(),e.active=!1,i&&i.classList.remove("md-active"),document.body.removeChild(e.menuContent),document.body.removeChild(e.backdropElement),window.removeEventListener("resize",e.recalculateOnResize)}};this.menuContent.addEventListener(a.default,t),this.menuContent.classList.remove("md-active"),this.$emit("close")},toggle:function(){this.active?this.close():this.open()}},mounted:function(){var t=this;this.$nextTick((function(){t.menuTrigger=t.$el.querySelector("[md-menu-trigger]"),t.menuContent=t.$el.querySelector(".md-menu-content"),t.backdropElement=t.$refs.backdrop.$el,t.validateMenu(),t.handleAlignTriggerClass(t.mdAlignTrigger),t.addNewSizeMenuContentClass(t.mdSize),t.addNewDirectionMenuContentClass(t.mdDirection),t.$el.removeChild(t.$refs.backdrop.$el),t.menuContent.parentNode.removeChild(t.menuContent),t.menuTrigger.addEventListener("click",t.toggle)}))},beforeDestroy:function(){document.body.contains(this.menuContent)&&(document.body.removeChild(this.menuContent),document.body.removeChild(this.backdropElement)),this.menuTrigger.removeEventListener("click",this.toggle),window.removeEventListener("resize",this.recalculateOnResize)}},t.exports=e.default},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={data:function(){return{oldHighlight:!1,highlighted:!1,itemsAmount:0}},methods:{close:function(){this.highlighted=!1,this.$parent.close()},highlightItem:function(t){this.oldHighlight=this.highlighted,"up"===t&&(1===this.highlighted?this.highlighted=this.itemsAmount:this.highlighted--),"down"===t&&(this.highlighted===this.itemsAmount?this.highlighted=1:this.highlighted++)},fireClick:function(){this.highlighted>0&&this.$children[0].$children[this.highlighted-1].$el.click()}},mounted:function(){if(!this.$parent.$el.classList.contains("md-menu"))throw this.$destroy(),new Error("You must wrap the md-menu-content in a md-menu")}},t.exports=e.default},function(t,e,n){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var o=n(2),a=i(o);n(234),e.default={props:{disabled:Boolean},data:function(){return{parentContent:{},index:0}},computed:{classes:function(){return{"md-highlighted":this.highlighted}},highlighted:function(){return this.index===this.parentContent.highlighted&&(this.disabled&&(this.parentContent.oldHighlight>this.parentContent.highlighted?this.parentContent.highlighted--:this.parentContent.highlighted++),1===this.index?this.parentContent.$el.scrollTop=0:this.index===this.parentContent.itemsAmount?this.parentContent.$el.scrollTop=this.parentContent.$el.scrollHeight:this.$el.scrollIntoViewIfNeeded(!1),!0)}},methods:{close:function(t){this.disabled||(this.parentMenu.mdCloseOnSelect&&this.parentContent.close(),this.$emit("selected",t))}},mounted:function(){if(this.parentContent=(0,a.default)(this.$parent,"md-menu-content"),this.parentMenu=(0,a.default)(this.$parent,"md-menu"),!this.parentContent)throw this.$destroy(),new Error("You must wrap the md-menu-item in a md-menu-content");this.parentContent.itemsAmount++,this.index=this.parentContent.itemsAmount}},t.exports=e.default},function(t,e,n){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var o=n(1),a=i(o);e.default={props:{mdIndeterminate:Boolean,mdProgress:{type:Number,default:0}},mixins:[a.default],computed:{classes:function(){return{"md-indeterminate":this.mdIndeterminate}},styles:function(){if(!this.mdIndeterminate)return{width:this.mdProgress+"%"}}}},t.exports=e.default},function(t,e,n){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var o=n(1),a=i(o);e.default={props:{name:String,id:String,value:[String,Boolean,Number],mdValue:{type:[String,Boolean,Number],required:!0},disabled:Boolean},mixins:[a.default],computed:{classes:function(){return{"md-checked":"undefined"!=typeof this.value&&this.mdValue.toString()===this.value.toString(),"md-disabled":this.disabled}}},methods:{toggleCheck:function(t){this.disabled||(this.$emit("change",this.mdValue,t),this.$emit("input",this.mdValue,t))}}},t.exports=e.default},function(t,e,n){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var o=n(2),a=i(o);e.default={props:{value:[String,Boolean,Number]},data:function(){return{parentSelect:{},check:!1,index:0}},computed:{isSelected:function(){if(this.value&&this.parentSelect.value){var t=this.value.toString();return this.parentSelect.multiple?this.parentSelect.value.indexOf(t)>=0:this.value&&this.parentSelect.value&&t===this.parentSelect.value.toString()}return!1},classes:function(){return{"md-selected":this.isSelected,"md-checked":this.check}}},methods:{isMultiple:function(){return this.parentSelect.multiple},setParentOption:function(){this.isMultiple()?this.check=!this.check:this.parentSelect.selectOption(this.value,this.$refs.item.textContent)},selectOption:function(t){this.setParentOption(),this.$emit("selected",t)}},watch:{isSelected:function(t){this.isMultiple()&&(this.check=t)},check:function(t){t?this.parentSelect.selectMultiple(this.index,this.value,this.$refs.item.textContent):this.parentSelect.selectMultiple(this.index)}},mounted:function(){if(this.parentSelect=(0,a.default)(this.$parent,"md-select"),this.parentContent=(0,a.default)(this.$parent,"md-menu-content"),!this.parentSelect)throw new Error("You must wrap the md-option in a md-select");this.parentSelect.optionsAmount++,this.index=this.parentSelect.optionsAmount,this.parentSelect.multipleOptions[this.index]={},this.parentSelect.options[this.index]=this,(this.isMultiple()&&this.parentSelect.value.indexOf(this.value)>=0||this.parentSelect.value===this.value)&&this.setParentOption()},beforeDestroy:function(){this.parentSelect&&(delete this.parentSelect.options[this.index],delete this.parentSelect.multipleOptions[this.index])}},t.exports=e.default},function(t,e,n){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var o=n(43),a=i(o),s=n(16),r=i(s),d=n(1),l=i(d),c=n(2),u=i(c),m=n(41),f=i(m);e.default={props:{name:String,id:String,required:Boolean,multiple:Boolean,value:[String,Number,Array],disabled:Boolean,placeholder:String,mdMenuClass:String},mixins:[l.default],data:function(){return{selectedValue:null,selectedText:null,multipleOptions:{},options:{},optionsAmount:0}},computed:{classes:function(){return{"md-disabled":this.disabled}},contentClasses:function(){return this.multiple?"md-multiple "+this.mdMenuClass:this.mdMenuClass}},watch:{value:function(t){this.setTextAndValue(t)},disabled:function(){this.setParentDisabled()},required:function(){this.setParentRequired()},placeholder:function(){this.setParentPlaceholder()}},methods:{setParentDisabled:function(){this.parentContainer.isDisabled=this.disabled},setParentRequired:function(){this.parentContainer.isRequired=this.required},setParentPlaceholder:function(){this.parentContainer.hasPlaceholder=!!this.placeholder},getSingleValue:function(t){var e=this,n={};return(0,r.default)(this.options).forEach((function(i){var o=e.options[i];o.value===t&&(n.value=t,n.text=o.$refs.item.textContent)})),n},getMultipleValue:function(t){var e=this;if((0,f.default)(this.value)){var n=(function(){var n=[];return t.forEach((function(t){(0,r.default)(e.options).forEach((function(i){var o=e.options[i];if(o.value===t){var a=o.$refs.item.textContent;e.multipleOptions[i]={value:t,text:a},n.push(a)}}))})),{v:{value:t,text:n.join(", ")}}})();if("object"===("undefined"==typeof n?"undefined":(0,a.default)(n)))return n.v}return{}},setTextAndValue:function(t){var e=this.multiple?this.getMultipleValue(t):this.getSingleValue(t);this.selectedValue=e.value,this.selectedText=e.text,this.parentContainer&&this.parentContainer.setValue(this.selectedText)},changeValue:function(t){this.$emit("input",t),this.$emit("change",t),this.$emit("selected",t)},selectMultiple:function(t,e,n){var i=[];this.multipleOptions[t]={value:e,text:n};for(var o in this.multipleOptions)this.multipleOptions.hasOwnProperty(o)&&this.multipleOptions[o].value&&i.push(this.multipleOptions[o].value);this.changeValue(i)},selectOption:function(t,e){this.selectedText=e,this.setTextAndValue(t),this.changeValue(t)}},mounted:function(){this.parentContainer=(0,u.default)(this.$parent,"md-input-container"),this.parentContainer&&(this.setParentDisabled(),this.setParentRequired(),this.setParentPlaceholder(),this.parentContainer.hasSelect=!0),this.setTextAndValue(this.value)},beforeDestroy:function(){this.parentContainer&&(this.parentContainer.setValue(""),this.parentContainer.hasSelect=!1)}},t.exports=e.default},function(t,e,n){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var o=n(1),a=i(o);e.default={data:function(){return{mdVisible:!1}},mixins:[a.default],props:{mdSwipeable:Boolean,mdSwipeThreshold:{type:Number,default:15},mdSwipeDistance:{type:Number,default:100}},computed:{classes:function(){return this.mdVisible&&"md-active"}},methods:{show:function(){this.open()},open:function(){this.mdVisible=!0,this.$el.focus(),this.$emit("open")},close:function(){this.mdVisible=!1,this.$el.blur(),this.$emit("close")},toggle:function(){this.mdVisible?this.close():this.open()},isHorizontallyInside:function(t){return t>0&&t<this.mountedRect.left+this.mountedRect.width},isVerticallyInside:function(t){return t>0&&t<this.mountedRect.top+this.mountedRect.height},isFromStartWhenClosed:function(t){return!!this.mdVisible||t<this.mdSwipeThreshold},handleTouchStart:function(t){var e=t.touches[0].clientX-this.mountedRect.left,n=t.touches[0].clientY-this.mountedRect.top;this.isHorizontallyInside(e)&&this.isVerticallyInside(n)&&this.isFromStartWhenClosed(e)&&(this.initialTouchPosition=e,this.canMove=!0)},handleTouchEnd:function(){this.canMove=!1,this.initialTouchPosition=null},handleTouchMove:function(t){if(this.canMove){var e=t.touches[0].clientX,n=this.mdVisible?this.initialTouchPosition-e:e-this.initialTouchPosition,i=this.mdVisible?"close":"open";n>this.mdSwipeDistance&&this[i]()}}},mounted:function(){this.mdSwipeable&&(this.mountedRect=this.$refs.backdrop.$el.getBoundingClientRect(),this.initialTouchPosition=null,this.canMove=!1,document.addEventListener("touchstart",this.handleTouchStart),document.addEventListener("touchend",this.handleTouchEnd),document.addEventListener("touchmove",this.handleTouchMove))},beforeDestroy:function(){this.mdSwipeable&&(document.removeEventListener("touchstart",this.handleTouchStart),document.removeEventListener("touchend",this.handleTouchEnd),document.removeEventListener("touchmove",this.handleTouchMove))}},t.exports=e.default},function(t,e,n){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var o=n(26),a=i(o),s=n(21),r=i(s),d=n(1),l=i(d),c=n(89),u=i(c);e.default={props:{id:[String,Number],mdPosition:{type:String,default:"bottom center"},mdDuration:{type:[String,Number],default:4e3}},mixins:[l.default],data:function(){return{snackbarId:this.id||"snackbar-"+(0,a.default)(),active:!1,rootElement:{},snackbarElement:{},directionClass:null,closeTimeout:null}},computed:{classes:function(){var t={"md-active":this.active};return this.directionClass=this.mdPosition.replace(/ /g,"-"),t["md-position-"+this.directionClass]=!0,t}},watch:{active:function(t){var e="md-has-toast-"+this.directionClass,n="md-has-toast";t?(document.body.classList.add(e),document.body.classList.add(n)):(document.body.classList.remove(e),document.body.classList.remove(n))}},methods:{removeElement:function(){if(document.body.contains(this.snackbarElement)){var t=this.snackbarElement.querySelector(".md-ripple.md-active");t&&t.classList.remove("md-active"),document.body.removeChild(this.snackbarElement)}},open:function(){u.default.current&&u.default.current.close(),u.default.current=this,document.body.appendChild(this.snackbarElement),window.getComputedStyle(this.$refs.container).backgroundColor,this.active=!0,this.$emit("open"),this.closeTimeout=window.setTimeout(this.close,this.mdDuration),this.timeoutStartedAt=Date.now()},close:function(){var t=this;this.$refs.container&&!(function(){var e=function e(){t.$refs.container.removeEventListener(r.default,e),t.removeElement()};u.default.current=null,t.active=!1,t.$emit("close"),t.$refs.container.removeEventListener(r.default,e),t.$refs.container.addEventListener(r.default,e),window.clearTimeout(t.closeTimeout),t.pendingDuration=t.mdDuration})()},pauseTimeout:function(){this.pendingDuration=this.pendingDuration-(Date.now()-this.timeoutStartedAt),this.timeoutStartedAt=0,window.clearTimeout(this.closeTimeout)},resumeTimeout:function(){this.timeoutStartedAt=Date.now(),this.closeTimeout=window.setTimeout(this.close,this.pendingDuration)}},mounted:function(){var t=this;this.$nextTick((function(){t.snackbarElement=t.$el,t.snackbarElement.parentNode.removeChild(t.snackbarElement),t.timeoutStartedAt=0,t.pendingDuration=t.mdDuration}))},beforeDestroy:function(){window.clearTimeout(this.closeTimeout),this.removeElement()}},t.exports=e.default},function(t,e,n){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var o=n(1),a=i(o);e.default={props:{mdOpen:{type:String,default:"click"},mdMode:{type:String,default:"fling"},mdDirection:{type:String,default:"top"}},mixins:[a.default],data:function(){return{fabTrigger:null,active:!1}},computed:{classes:function t(){var t={"md-active":this.active};return t["md-mode-"+this.mdMode]=!0,t["md-direction-"+this.mdDirection]=!0,t}},methods:{closeSpeedDial:function(t){!t.target!==this.fabTrigger&&this.fabTrigger.contains(t.target)||(this.active=!1,document.body.removeEventListener("click",this.closeSpeedDial))},toggleSpeedDial:function(){var t=this;this.active=!this.active,window.setTimeout((function(){document.body.addEventListener("click",t.closeSpeedDial)}),50)}},mounted:function(){var t=this;this.$nextTick((function(){t.fabTrigger=t.$el.querySelector("[md-fab-trigger]"),"click"===t.mdOpen?t.fabTrigger.addEventListener("click",t.toggleSpeedDial):(t.$el.addEventListener("mouseenter",t.toggleSpeedDial),t.$el.addEventListener("mouseleave",t.toggleSpeedDial))}))},beforeDestroy:function(){this.fabTrigger.removeEventListener("click",this.toggleSpeedDial),document.body.removeEventListener("click",this.closeSpeedDial)}},t.exports=e.default},function(t,e,n){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var o=n(1),a=i(o);e.default={props:{mdSize:{type:Number,default:50},mdStroke:{type:Number,default:3.5},mdIndeterminate:Boolean,mdProgress:{type:Number,default:0}},mixins:[a.default],computed:{classes:function(){return{"md-indeterminate":this.mdIndeterminate}},styles:function(){var t=this.mdSize+"px";return{width:t,height:t}},dashProgress:function(){var t=125*this.mdProgress/100;return!this.mdIndeterminate&&(t>=125&&(t=130),t+", 200")}}},t.exports=e.default},function(t,e,n){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var o=n(1),a=i(o);e.default={mixins:[a.default]},t.exports=e.default},function(t,e,n){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var o=n(1),a=i(o),s=75,r="-1px";e.default={props:{name:String,value:Boolean,id:String,disabled:Boolean,type:{type:String,default:"button"}},mixins:[a.default],data:function(){return{leftPos:r,checked:this.value}},computed:{classes:function(){return{"md-checked":Boolean(this.value),"md-disabled":this.disabled}},styles:function(){return{transform:"translate3D("+this.leftPos+", -50%, 0)"}}},watch:{checked:function(){this.setPosition()},value:function(t){this.changeState(t)}},methods:{setPosition:function(){this.leftPos=this.checked?s+"%":r},changeState:function(t,e){"undefined"!=typeof e?(this.$emit("change",e),e.defaultPrevented||(this.checked=t),this.$emit("input",this.checked,e)):this.checked=t},toggle:function(t){this.disabled||this.changeState(!this.checked,t)}},mounted:function(){this.$nextTick(this.setPosition)}},t.exports=e.default},function(t,e,n){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var o=n(16),a=i(o),s=n(1),r=i(s),d=n(2),l=i(d);e.default={props:{mdSortType:String,mdSort:String},mixins:[r.default],data:function(){return{sortType:this.mdSortType,sortBy:this.mdSort,hasRowSelection:!1,data:[],numberOfRows:0,numberOfSelected:0,selectedRows:{}}},methods:{emitSort:function(t){this.sortBy=t,this.$emit("sort",{name:t,type:this.sortType})},emitSelection:function(){this.$emit("select",this.selectedRows)}},watch:{data:function(){this.numberOfRows=this.data.length},selectedRows:function(){this.numberOfSelected=(0,a.default)(this.selectedRows).length}},mounted:function(){this.parentCard=(0,l.default)(this.$parent,"md-table-card"),this.parentCard&&(this.parentCard.tableInstance=this)}},t.exports=e.default},function(t,e,n){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var o=n(1),a=i(o),s=n(2),r=i(s);e.default={props:{mdSelectedLabel:{type:String,default:"selected"}},mixins:[a.default],data:function(){return{classes:{},tableInstance:{}}},mounted:function(){var t=this;this.parentCard=(0,r.default)(this.$parent,"md-table-card"),this.$nextTick((function(){t.tableInstance=t.parentCard.tableInstance,t.$watch("tableInstance.numberOfSelected",(function(){t.$refs.counter.textContent=t.tableInstance.numberOfSelected,t.classes={"md-active":t.tableInstance.numberOfSelected>0}}))}))}},t.exports=e.default},function(t,e,n){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var o=n(1),a=i(o);e.default={mixins:[a.default]},t.exports=e.default},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={props:{mdNumeric:Boolean},data:function(){return{hasAction:!1}},computed:{classes:function(){return{"md-numeric":this.mdNumeric,"md-has-action":this.hasAction}}},mounted:function(){this.$children.length>0&&(this.hasAction=!0)}},t.exports=e.default},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={props:{value:[String,Number],mdLarge:Boolean,mdId:String,mdName:String,mdPlaceholder:String,mdMaxlength:[Number,String]},data:function(){return{active:!1}},computed:{triggerClasses:function(){return{"md-edited":this.value}},dialogClasses:function(){return{"md-active":this.active,"md-large":this.mdLarge}},realValue:function(){console.log(this.value)}},methods:{openDialog:function(){this.active=!0,this.$refs.input.$el.focus(),document.addEventListener("click",this.closeDialogOnOffClick)},closeDialog:function(){this.active&&(this.active=!1,this.$refs.input.$el.blur(),document.removeEventListener("click",this.closeDialogOnOffClick))},closeDialogOnOffClick:function(t){this.$refs.dialog.contains(t.target)||this.closeDialog()},confirmDialog:function(){var t=this.$refs.input.$el.value;this.closeDialog(),this.$emit("input",t),this.$emit("edited",t)}}},t.exports=e.default},function(t,e,n){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var o=n(2),a=i(o);e.default={props:{mdNumeric:Boolean,mdSortBy:String,mdTooltip:String},data:function(){return{sortType:null,sorted:!1,parentTable:{}}},computed:{classes:function(){var t=this.hasMatchSort();return t||(this.sorted=!1),{"md-numeric":this.mdNumeric,"md-sortable":this.mdSortBy,"md-sorted":t&&this.sorted,"md-sorted-descending":t&&"desc"===this.sortType}}},methods:{hasMatchSort:function(){return this.parentTable.sortBy===this.mdSortBy},changeSort:function(){this.mdSortBy&&("asc"===this.sortType&&this.sorted?this.sortType="desc":this.sortType="asc",this.sorted=!0,this.parentTable.sortType=this.sortType,this.parentTable.emitSort(this.mdSortBy))}},mounted:function(){this.parentTable=(0,a.default)(this.$parent,"md-table"),this.hasMatchSort()&&(this.sorted=!0,this.sortType=this.parentTable.sortType)}},t.exports=e.default},function(t,e,n){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var o=n(175),a=i(o);e.default={props:{mdSize:{type:[Number,String],default:10},mdPageOptions:[Array,Boolean],mdPage:{type:[Number,String],default:1},mdTotal:{type:[Number,String],default:"Many"},mdLabel:{type:String,default:"Rows per page"},mdSeparator:{type:String,default:"of"}},data:function(){return{subTotal:0,currentSize:parseInt(this.mdSize,10),currentPage:parseInt(this.mdPage,10),totalItems:isNaN(this.mdTotal)?a.default:parseInt(this.mdTotal,10)}},computed:{lastPage:function(){return!1}},methods:{emitPaginationEvent:function(){if(this.canFireEvents){var t=this.currentPage*this.currentSize;this.subTotal=t>this.mdTotal?this.mdTotal:t,this.$emit("pagination",{size:this.currentSize,page:this.currentPage})}},changeSize:function(){this.canFireEvents&&(this.$emit("size",this.currentSize),this.emitPaginationEvent())},previousPage:function(){this.canFireEvents&&(this.currentPage--,this.$emit("page",this.currentPage),this.emitPaginationEvent())},nextPage:function(){this.canFireEvents&&(this.currentPage++,this.$emit("page",this.currentPage),this.emitPaginationEvent())}},mounted:function(){var t=this;this.$nextTick((function(){t.subTotal=t.currentPage*t.currentSize,t.mdPageOptions=t.mdPageOptions||[10,25,50,100],t.currentSize=t.mdPageOptions[0],t.canFireEvents=!0}))}},t.exports=e.default},function(t,e,n){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var o=n(2),a=i(o),s="md-transition-off";e.default={props:{mdAutoSelect:Boolean,mdSelection:Boolean,mdItem:Object},data:function(){return{parentTable:{},headRow:!1,checkbox:!1,index:0}},computed:{isDisabled:function(){return!this.mdSelection&&!this.headRow},hasSelection:function(){return this.mdSelection||this.headRow&&this.parentTable.hasRowSelection},classes:function(){return{"md-selected":this.checkbox}}},watch:{mdItem:function(t,e){this.parentTable.data[this.index]=this.mdItem,this.handleMultipleSelection(t===e)}},methods:{setSelectedRow:function(t,e){t?(this.parentTable.selectedRows[e]=this.parentTable.data[e],++this.parentTable.numberOfSelected):(delete this.parentTable.selectedRows[e],--this.parentTable.numberOfSelected)},handleSingleSelection:function(t){this.setSelectedRow(t,this.index-1),this.parentTable.$children[0].checkbox=this.parentTable.numberOfSelected===this.parentTable.numberOfRows},handleMultipleSelection:function(t){var e=this;this.parentTable.numberOfRows>25&&this.parentTable.$el.classList.add(s),this.parentTable.$children.forEach((function(n,i){n.checkbox=t,n.headRow||e.setSelectedRow(t,i-1)})),t?this.parentTable.numberOfSelected=this.parentTable.numberOfRows:this.parentTable.numberOfSelected=0,window.setTimeout((function(){return e.parentTable.$el.classList.remove(s)}))},select:function(t){this.hasSelection&&(this.headRow?this.handleMultipleSelection(t):this.handleSingleSelection(t),this.parentTable.emitSelection())},autoSelect:function(){this.mdAutoSelect&&this.hasSelection&&(this.checkbox=!this.checkbox,this.handleSingleSelection(this.checkbox),this.parentTable.emitSelection())}},mounted:function(){this.parentTable=(0,a.default)(this.$parent,"md-table"),"thead"===this.$el.parentNode.tagName.toLowerCase()?this.headRow=!0:(this.parentTable.numberOfRows++,this.index=this.parentTable.numberOfRows,this.mdSelection&&(this.parentTable.hasRowSelection=!0),this.mdItem&&this.parentTable.data.push(this.mdItem))}},t.exports=e.default},function(t,e,n){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var o=n(26),a=i(o),s=n(2),r=i(s);e.default={props:{id:[String,Number],mdLabel:[String,Number],mdIcon:String,mdActive:Boolean,mdDisabled:Boolean,mdTooltip:String,mdTooltipDelay:{type:String,default:"0"},mdTooltipDirection:{type:String,default:"bottom"}},data:function(){return{mounted:!1,tabId:this.id||"tab-"+(0,a.default)(),width:"0px",left:"0px"}},watch:{mdActive:function(){this.updateTabData()},mdDisabled:function(){this.updateTabData()},mdIcon:function(){this.updateTabData()},mdLabel:function(){this.updateTabData()},mdTooltip:function(){this.updateTabData()},mdTooltipDelay:function(){this.updateTabData()},mdTooltipDirection:function(){this.updateTabData()}},computed:{styles:function(){return{width:this.width,left:this.left}}},methods:{getTabData:function(){return{id:this.tabId,label:this.mdLabel,icon:this.mdIcon,active:this.mdActive,disabled:this.mdDisabled,tooltip:this.mdTooltip,tooltipDelay:this.mdTooltipDelay,tooltipDirection:this.mdTooltipDirection,ref:this}},updateTabData:function(){this.parentTabs.updateTab(this.getTabData())}},mounted:function(){var t=this.getTabData();if(this.parentTabs=(0,r.default)(this.$parent,"md-tabs"),!this.parentTabs)throw new Error("You must wrap the md-tab in a md-tabs");this.mounted=!0,this.parentTabs.updateTab(t),this.mdActive&&this.parentTabs.setActiveTab(t)},beforeDestroy:function(){this.parentTabs.unregisterTab(this.getTabData())}},t.exports=e.default},function(t,e,n){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var o=n(16),a=i(o),s=n(1),r=i(s),d=n(105),l=i(d);e.default={props:{mdFixed:Boolean,mdCentered:Boolean,mdRight:Boolean,mdDynamicHeight:{type:Boolean,default:!0},mdElevation:{type:[String,Number],default:0}},mixins:[r.default],data:function(){return{tabList:{},activeTab:null,activeTabNumber:0,hasIcons:!1,hasLabel:!1,transitionControl:null,transitionOff:!1,contentHeight:"0px",contentWidth:"0px"}},computed:{tabClasses:function(){return{"md-dynamic-height":this.mdDynamicHeight,"md-transition-off":this.transitionOff}},navigationClasses:function(){return{"md-has-icon":this.hasIcons,"md-has-label":this.hasLabel,"md-fixed":this.mdFixed,"md-right":!this.mdCentered&&this.mdRight,"md-centered":this.mdCentered||this.mdFixed}},indicatorClasses:function(){var t=this.lastIndicatorNumber>this.activeTabNumber;return this.lastIndicatorNumber=this.activeTabNumber,{"md-transition-off":this.transitionOff,"md-to-right":!t,"md-to-left":t}}},methods:{getHeaderClass:function(t){return{"md-active":this.activeTab===t.id,"md-disabled":t.disabled}},registerTab:function(t){this.tabList[t.id]=t},unregisterTab:function(t){delete this.tabList[t.id]},updateTab:function(t){if(this.registerTab(t),t.active)if(t.disabled){if((0,a.default)(this.tabList).length){var e=(0,a.default)(this.tabList),n=e.indexOf(t.id)+1,i=e[n];i?this.setActiveTab(this.tabList[i]):this.setActiveTab(this.tabList[0])}}else this.setActiveTab(t)},observeElementChanges:function(){this.parentObserver=new MutationObserver((0,l.default)(this.calculateOnWatch,50)),this.parentObserver.observe(this.$refs.tabContent,{childList:!0,attributes:!0,subtree:!0})},getTabIndex:function(t){var e=(0,a.default)(this.tabList);return e.indexOf(t)},calculateIndicatorPos:function(){if(this.$refs.tabHeader&&this.$refs.tabHeader[this.activeTabNumber]){var t=this.$el.offsetWidth,e=this.$refs.tabHeader[this.activeTabNumber],n=e.offsetLeft,i=t-n-e.offsetWidth;this.$refs.indicator.style.left=n+"px",this.$refs.indicator.style.right=i+"px"}},calculateTabsWidthAndPosition:function(){var t=this.$el.offsetWidth,e=0;this.contentWidth=t*this.activeTabNumber+"px";for(var n in this.tabList){var i=this.tabList[n];i.ref.width=t+"px",i.ref.left=t*e+"px",e++}},calculateContentHeight:function(){var t=this;this.$nextTick((function(){if((0,a.default)(t.tabList).length){var e=t.tabList[t.activeTab].ref.$el.offsetHeight;t.contentHeight=e+"px"}}))},calculatePosition:function(){var t=this;window.requestAnimationFrame((function(){t.calculateIndicatorPos(),t.calculateTabsWidthAndPosition(),t.calculateContentHeight()}))},debounceTransition:function(){var t=this;window.clearTimeout(this.transitionControl),this.transitionControl=window.setTimeout((function(){t.calculatePosition(),t.transitionOff=!1}),200)},calculateOnWatch:function(){this.calculatePosition(),this.debounceTransition()},calculateOnResize:function(){this.transitionOff=!0,this.calculateOnWatch()},setActiveTab:function(t){this.hasIcons=!!t.icon,this.hasLabel=!!t.label,this.activeTab=t.id,this.activeTabNumber=this.getTabIndex(this.activeTab),this.calculatePosition(),this.$emit("change",this.activeTabNumber)}},mounted:function(){var t=this;this.$nextTick((function(){if(t.observeElementChanges(),window.addEventListener("resize",t.calculateOnResize),(0,a.default)(t.tabList).length&&!t.activeTab){var e=(0,a.default)(t.tabList)[0];t.setActiveTab(t.tabList[e])}}))},beforeDestroy:function(){this.parentObserver&&this.parentObserver.disconnect(),window.removeEventListener("resize",this.calculateOnResize)}},t.exports=e.default},function(t,e,n){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var o=n(1),a=i(o);e.default={mixins:[a.default]},t.exports=e.default},function(t,e,n){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var o=n(42),a=i(o),s=n(21),r=i(s);e.default={
 props:{mdDirection:{type:String,default:"bottom"},mdDelay:{type:String,default:"0"}},data:function(){return{active:!1,parentClass:null,transitionOff:!1,topPosition:!1,leftPosition:!1}},computed:{classes:function(){var t={"md-active":this.active,"md-transition-off":this.transitionOff,"md-tooltip-top":"top"===this.mdDirection,"md-tooltip-right":"right"===this.mdDirection,"md-tooltip-bottom":"bottom"===this.mdDirection,"md-tooltip-left":"left"===this.mdDirection};return this.parentClass&&(t[this.parentClass]=!0),t},style:function(){return{"transition-delay":this.mdDelay+"ms",top:this.topPosition+"px",left:this.leftPosition+"px"}}},watch:{mdDirection:function(){this.calculateTooltipPosition()}},methods:{removeTooltips:function(){this.tooltipElement.parentNode&&(this.tooltipElement.removeEventListener(r.default,this.removeTooltips),this.tooltipElement.parentNode.removeChild(this.tooltipElement))},calculateTooltipPosition:function(){var t=this.parentElement.getBoundingClientRect(),e={};switch(this.mdDirection){case"top":e.top=t.top-this.$el.offsetHeight,e.left=t.left+t.width/2;break;case"right":e.top=t.top,e.left=t.left+t.width;break;case"bottom":e.top=t.bottom,e.left=t.left+t.width/2;break;case"left":e.top=t.top,e.left=t.left-this.$el.offsetWidth;break;default:console.warn("Invalid "+this.mdDirection+" option to md-direction option")}this.topPosition=e.top,this.leftPosition=e.left},generateTooltipClasses:function(){var t=[];[].concat((0,a.default)(this.parentElement.classList)).forEach((function(e){e.indexOf("md-")>=0&&"md-active"!==e&&t.push(e+"-tooltip")})),this.parentClass=t.join(" ")},open:function(){var t=this;this.removeTooltips(),this.$nextTick((function(){document.body.appendChild(t.tooltipElement),getComputedStyle(t.tooltipElement).top,t.transitionOff=!0,t.generateTooltipClasses(),t.calculateTooltipPosition(),window.setTimeout((function(){t.transitionOff=!1,t.active=!0}),10)}))},close:function(){this.active=!1,this.tooltipElement.removeEventListener(r.default,this.removeTooltips),this.tooltipElement.addEventListener(r.default,this.removeTooltips)}},mounted:function(){var t=this;this.$nextTick((function(){t.tooltipElement=t.$el,t.parentElement=t.tooltipElement.parentNode,t.$el.parentNode.removeChild(t.$el),t.parentElement.addEventListener("mouseenter",t.open),t.parentElement.addEventListener("focus",t.open),t.parentElement.addEventListener("mouseleave",t.close),t.parentElement.addEventListener("blur",t.close)}))},beforeDestroy:function(){this.active=!1,this.removeTooltips(),this.parentElement&&(this.parentElement.removeEventListener("mouseenter",this.open),this.parentElement.removeEventListener("focus",this.open),this.parentElement.removeEventListener("mouseleave",this.close),this.parentElement.removeEventListener("blur",this.close))}},t.exports=e.default},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={props:{mdElevation:{type:[String,Number],default:1},mdTag:{type:String,default:"div"}},computed:{classes:function(){var t=parseInt(this.mdElevation,10),e="md-whiteframe-";return isNaN(t)||"number"!=typeof t?this.mdElevation.indexOf("dp")>-1&&(e+=this.mdElevation):(e+=t,e+="dp"),e}},render:function(t){return t(this.mdTag,{staticClass:"md-whiteframe",class:this.classes},this.$slots.default)}},t.exports=e.default},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i="ontouchstart"in document,o=function(t){return"start"===t?i?"touchstart":"mousedown":i?"touchend":"mouseup"},a=function(t,e,n){t.addEventListener(o(e),n)},s=function(t,e,n){t.removeEventListener(o(e),n)};e.default={props:{mdDisabled:Boolean},data:function(){return{mounted:!1,rippleElement:null,parentElement:null,parentDimensions:{width:null,height:null,top:null,left:null},awaitingComplete:!1,hasCompleted:!1,fadeOut:!1,active:!1}},computed:{classes:function(){return{"md-fadeout":this.fadeOut,"md-active":this.active}},styles:function(){return{width:this.parentDimensions.width,height:this.parentDimensions.height,top:this.parentDimensions.top,left:this.parentDimensions.left}},disabled:function(){return this.mdDisabled||!this.$material.inkRipple}},watch:{disabled:function(t){t?this.destroy():this.init()}},methods:{checkAvailablePositions:function(t){var e=["relative","absolute","fixed"];return e.indexOf(getComputedStyle(t).position)>-1},getClosestPositionedParent:function(t){var e=t&&t.parentNode;return!(!e||"body"===e.tagName.toLowerCase())&&(this.checkAvailablePositions(t)?t:this.getClosestPositionedParent(e))},getParentSize:function(){var t=this.parentElement;return Math.round(Math.max(t.offsetWidth,t.offsetHeight))+"px"},getClickPosition:function(t){if(this.$refs.ripple){var e=this.parentElement.getBoundingClientRect(),n=t.pageY,i=t.pageX;return"touchstart"===t.type&&(n=t.changedTouches[0].pageY,i=t.changedTouches[0].pageX),{top:n-e.top-this.$refs.ripple.offsetHeight/2-document.body.scrollTop+"px",left:i-e.left-this.$refs.ripple.offsetWidth/2-document.body.scrollLeft+"px"}}return!1},setDimensions:function(){var t=this.getParentSize();this.parentDimensions.width=t,this.parentDimensions.height=t},setPositions:function(t){var e=this.getClickPosition(t);e&&(this.parentDimensions.top=e.top,this.parentDimensions.left=e.left)},clearState:function(){this.active=!1,this.fadeOut=!1,this.hasCompleted=!1,this.setDimensions(),window.clearTimeout(this.awaitingComplete),s(document.body,"end",this.endRipple)},startRipple:function(t){var e=this;this.clearState(),this.awaitingComplete=window.setTimeout((function(){e.hasCompleted=!0}),400),a(document.body,"end",this.endRipple),this.setPositions(t),window.setTimeout((function(){e.active=!0}))},endRipple:function(){var t=this;this.hasCompleted?this.fadeOut=!0:this.awaitingComplete=window.setTimeout((function(){t.fadeOut=!0}),200),s(document.body,"end",this.endRipple)},registerTriggerEvent:function(){a(this.parentElement,"start",this.startRipple)},unregisterTriggerEvent:function(){this.parentElement&&s(this.parentElement,"start",this.startRipple)},init:function(){this.rippleElement=this.$el,this.parentElement=this.getClosestPositionedParent(this.$el.parentNode),this.parentElement?(this.rippleElement.parentNode.removeChild(this.rippleElement),this.parentElement.appendChild(this.rippleElement),this.registerTriggerEvent(),this.setDimensions()):this.$destroy()},destroy:function(){this.rippleElement&&this.rippleElement.parentNode&&(this.unregisterTriggerEvent(),this.rippleElement.parentNode.removeChild(this.rippleElement))}},mounted:function(){var t=this;window.setTimeout((function(){t.disabled?t.destroy():t.init(),t.$nextTick((function(){t.mounted=!0}))}),100)},beforeDestroy:function(){this.destroy()}},t.exports=e.default},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={props:{mdTag:String,mdName:{type:String,default:"default"}},data:function(){return{name:"md-theme"}},render:function(t){return this.mdTag||this.$slots.default.length>1?t(this.mdTag||"div",{staticClass:"md-theme"},this.$slots.default):this.$slots.default[0]}},t.exports=e.default},,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,function(t,e,n){e=t.exports=n(4)(),e.push([t.i,"[v-cloak]{display:none}body,html{height:100%;overflow:hidden}.container,body{display:-ms-flexbox;display:flex}.container{min-height:100%;-ms-flex-flow:column nowrap;flex-flow:column nowrap;-ms-flex:1;flex:1;transition:all .4s cubic-bezier(.25,.8,.25,1)}@media (min-width:1281px){.container{padding-left:280px}}.main-sidebar.md-sidenav .md-sidenav-content{width:280px;display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;overflow:hidden}@media (min-width:1281px){.main-sidebar.md-sidenav .md-sidenav-content{top:0;pointer-events:auto;transform:translateZ(0);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)}}@media (min-width:1281px){.main-sidebar.md-sidenav .md-backdrop{opacity:0;pointer-events:none}}.main-sidebar.md-sidenav .md-toolbar{min-height:172px;border-bottom:1px solid rgba(0,0,0,.12)}.main-sidebar.md-sidenav .vue-material-logo{font-size:24px}.main-sidebar.md-sidenav .vue-material-logo a{width:100%;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;color:inherit;text-decoration:none}.main-sidebar.md-sidenav .vue-material-logo a:hover{color:inherit;text-decoration:none}.main-sidebar.md-sidenav .vue-material-logo img{width:160px;margin-bottom:16px}.main-sidebar.md-sidenav .main-sidebar-links{overflow:auto;-ms-flex:1;flex:1}.main-sidebar.md-sidenav .main-sidebar-links .md-inset .md-list-item-container{padding-left:36px}.main-sidebar.md-sidenav .main-sidebar-links .md-list-item-container{font-size:14px;font-weight:500}.main-sidebar.md-sidenav .release-version{padding:8px 8px 8px 16px;border-top:1px solid rgba(0,0,0,.12);display:none}@media (max-width:480px){.main-sidebar.md-sidenav .release-version{display:block}}.main-sidebar.md-sidenav .release-version>div{-ms-flex-pack:center;justify-content:center}.main-sidebar.md-sidenav .release-version .md-select:after{color:rgba(0,0,0,.87)}.main-content{padding:16px;-ms-flex:1;flex:1;overflow:auto;background-color:#fff;transform:translate3D(0,0,0);transition:all .4s cubic-bezier(.25,.8,.25,1);transition-delay:.2s}.md-router-enter,.md-router-leave{position:absolute;top:0;right:0;left:0}@media (min-width:1281px){.md-router-enter,.md-router-leave{left:280px}}.md-router-enter .main-content,.md-router-leave .main-content{opacity:0;overflow:hidden}.md-router-leave{z-index:1;transition:all .3s cubic-bezier(.55,0,.55,.2);transition-duration:.25s}.md-router-enter{z-index:2;transition:all .4s cubic-bezier(.25,.8,.25,1)}.md-router-enter .main-content{transform:translate3D(0,10%,0)}code:not(.hljs){margin-left:1px;margin-right:1px;padding:0 4px;display:inline-block;border-radius:2px;font-family:Operator Mono,Fira Code,Menlo,Hack,Roboto Mono,Liberation Mono,Monaco,monospace}code:not(.hljs) pre{margin:8px 0}.phone-viewport{width:360px;height:540px;margin-right:16px;display:inline-block;position:relative;overflow:hidden;background-color:#fff;border:1px solid rgba(0,0,0,.12)}.api-table tr>td:first-child{white-space:nowrap}",""])},function(t,e,n){e=t.exports=n(4)(),e.push([t.i,".release-version[data-v-485e3264]{font-size:15px}@media (max-width:480px){.release-version[data-v-485e3264]{display:none}}.release-version>div[data-v-485e3264]{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.release-version .md-select[data-v-485e3264]{width:auto;min-width:auto;margin:0 8px}.release-version .md-select[data-v-485e3264]:after{color:hsla(0,0%,100%,.87)}",""])},function(t,e,n){e=t.exports=n(4)(),e.push([t.i,".code-block .hljs-keyword,.code-block .hljs-selector-class,.code-block .hljs-selector-tag,.code-block .hljs-subst{font-weight:500}.code-block .hljs-keyword{color:#d81b60}.code-block .hljs-string{color:#00796b}.code-block .hljs-comment{color:#00796b;font-style:italic}.code-block .hljs-attr,.code-block .hljs-attribute,.code-block .hljs-built_in{color:#1976d2}.code-block .hljs-name,.code-block .hljs-number,.code-block .hljs-selector-class,.code-block .hljs-selector-tag,.code-block .hljs-tag{color:#d81b60}",""])},function(t,e,n){e=t.exports=n(4)(),e.push([t.i,'.code-block[data-v-70df1c33]{overflow:hidden;position:relative;border-radius:2px;background-color:#f4f4f4;color:#455a64;font-family:Operator Mono,Fira Code,Menlo,Hack,Roboto Mono,Liberation Mono,Monaco,monospace;font-size:14px;line-height:1.4em}.code-block+.code-block[data-v-70df1c33]{margin-top:24px}.code-block[data-v-70df1c33]:hover:after{opacity:0}.code-block:hover .md-icon-button[data-v-70df1c33]{opacity:1}.code-block[data-v-70df1c33]:after{position:absolute;top:20px;right:30px;transition:all .4s cubic-bezier(.25,.8,.25,1);color:rgba(0,0,0,.26);font-family:Roboto,Noto Sans,Noto,sans-serif;font-size:11px;line-height:1em}.code-block[data-lang=html][data-v-70df1c33]:after{content:"HTML"}.code-block[data-lang=javascript][data-v-70df1c33]:after{content:"Javascript"}.code-block[data-lang=xml][data-v-70df1c33]:after{content:"HTML"}.code-block[data-lang=scss][data-v-70df1c33]:after{content:"SCSS"}.code-block[data-lang=bash][data-v-70df1c33]:after{content:"Shell"}.code-block pre[data-v-70df1c33]{margin:0;white-space:pre}.code-block code[data-v-70df1c33]{padding:0;background:none}.code-block-wrapper[data-v-70df1c33]{min-width:100%;max-height:450px;padding:16px;overflow:auto}.md-icon-button[data-v-70df1c33]{position:absolute;top:8px;right:20px;z-index:2;opacity:0;transition:all .4s cubic-bezier(.25,.8,.25,1)}.copied[data-v-70df1c33]{padding:8px 16px;position:absolute;top:14px;left:12px;background-color:rgba(0,0,0,.87);border-radius:2px;transform:translate3d(0,-48px,0);transition:all .5s cubic-bezier(.35,0,.25,1);color:#fff;font-family:Roboto,Noto Sans,Noto,sans-serif;font-size:14px;line-height:1em}.copied.active[data-v-70df1c33]{transition:all .4s cubic-bezier(.25,.8,.25,1);transform:translateZ(0)}',""])},function(t,e,n){e=t.exports=n(4)(),e.push([t.i,".example-box .code-content .code-block{margin:-16px}.example-box .code-content .code-block+.code-block{margin-top:40px}.md-tooltip.md-codepen-tooltip{margin-left:-4px}",""])},function(t,e,n){e=t.exports=n(4)(),e.push([t.i,".example-box[data-v-70ea467e]{margin-bottom:16px}.md-title[data-v-70ea467e]{position:relative;z-index:3}.example-tabs[data-v-70ea467e]{margin-top:-48px}@media (max-width:480px){.example-tabs[data-v-70ea467e]{margin-top:-1px;background-color:#fff}}.example-box-card[data-v-70ea467e]{position:relative;overflow:hidden}.example-box-card:hover .md-codepen[data-v-70ea467e]{opacity:.54;transform:translate3D(0,0,0);transition:.4s cubic-bezier(.25,.8,.25,1)}.md-codepen[data-v-70ea467e]{margin:0;padding:4px;cursor:pointer;position:absolute;right:4px;bottom:4px;border:none;background:none;opacity:.26;transform:translate3D(120%,0,0);transition:.3s cubic-bezier(.55,0,.55,.2)}.md-codepen img[data-v-70ea467e]{width:32px}pre[data-v-70ea467e]{display:none}",""])},function(t,e,n){e=t.exports=n(4)(),e.push([t.i,".component-docs[data-v-73787fd6]{position:relative;z-index:1;display:-ms-flexbox;display:flex}@media (max-width:1024px){.component-docs[data-v-73787fd6]{-ms-flex-direction:column;flex-direction:column}}.api-documentation[data-v-73787fd6]{padding-bottom:24px}.md-headline[data-v-73787fd6]{margin-top:36px;margin-bottom:24px;padding-top:36px;border-top:1px solid rgba(0,0,0,.12)}.usage-content[data-v-73787fd6]{padding-right:8px;-ms-flex:1 1 45%;flex:1 1 45%}@media (max-width:1024px){.usage-content[data-v-73787fd6]{padding:0;-ms-flex:none;flex:none;-ms-flex-order:2;order:2}}@media (min-width:1024px){.component-description .md-headline[data-v-73787fd6]{display:none}}.example-content[data-v-73787fd6]{padding-left:8px;-ms-flex:1 1 55%;flex:1 1 55%}@media (max-width:1024px){.example-content[data-v-73787fd6]{padding:0;-ms-flex:none;flex:none}}",""])},function(t,e,n){e=t.exports=n(4)(),e.push([t.i,".page-content[data-v-abcb0686]{min-height:100%;max-height:100%;-ms-flex:1;flex:1;display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column}.main-header[data-v-abcb0686]{z-index:2;color:#fff!important}@media (min-width:1281px){.nav-trigger[data-v-abcb0686]{display:none}}.md-title[data-v-abcb0686]{-ms-flex:1;flex:1}@media (min-width:1281px){.md-title[data-v-abcb0686]{margin-left:8px}}@media (max-width:480px){.github[data-v-abcb0686]{display:none}}",""])},function(t,e,n){e=t.exports=n(4)(),e.push([t.i,".api-table+.api-table[data-v-fed4efde]{margin-top:42px}.api-tab[data-v-fed4efde]{padding:0}.md-title[data-v-fed4efde]{margin-bottom:12px}",""])},,,,function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},,,,,,,,function(t,e){t.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"},function(t,e){t.exports=".THEME_NAME.md-bottom-bar.md-fixed{background-color:BACKGROUND-COLOR}.THEME_NAME.md-bottom-bar.md-fixed .md-bottom-bar-item{color:BACKGROUND-CONTRAST-0.54}.THEME_NAME.md-bottom-bar.md-fixed .md-bottom-bar-item:hover:not([disabled]):not(.md-active){color:BACKGROUND-CONTRAST-0.87}.THEME_NAME.md-bottom-bar.md-fixed .md-bottom-bar-item.md-active{color:PRIMARY-COLOR}.THEME_NAME.md-bottom-bar.md-fixed.md-accent .md-bottom-bar-item.md-active{color:ACCENT-COLOR}.THEME_NAME.md-bottom-bar.md-fixed.md-warn .md-bottom-bar-item.md-active{color:WARN-COLOR}.THEME_NAME.md-bottom-bar.md-fixed.md-transparent .md-bottom-bar-item.md-active{color:BACKGROUND-CONTRAST}.THEME_NAME.md-bottom-bar.md-shift{background-color:PRIMARY-COLOR;color:PRIMARY-CONTRAST}.THEME_NAME.md-bottom-bar.md-shift .md-bottom-bar-item{color:PRIMARY-CONTRAST-0.54}.THEME_NAME.md-bottom-bar.md-shift .md-bottom-bar-item:hover:not([disabled]):not(.md-active){color:PRIMARY-CONTRAST-0.87}.THEME_NAME.md-bottom-bar.md-shift .md-bottom-bar-item.md-active{color:PRIMARY-CONTRAST}.THEME_NAME.md-bottom-bar.md-shift.md-accent{background-color:ACCENT-COLOR}.THEME_NAME.md-bottom-bar.md-shift.md-accent .md-bottom-bar-item{color:ACCENT-CONTRAST-0.54}.THEME_NAME.md-bottom-bar.md-shift.md-accent .md-bottom-bar-item:hover:not([disabled]):not(.md-active){color:ACCENT-CONTRAST-0.87}.THEME_NAME.md-bottom-bar.md-shift.md-accent .md-bottom-bar-item.md-active{color:ACCENT-CONTRAST}.THEME_NAME.md-bottom-bar.md-shift.md-warn{background-color:WARN-COLOR}.THEME_NAME.md-bottom-bar.md-shift.md-warn .md-bottom-bar-item{color:WARN-CONTRAST-0.54}.THEME_NAME.md-bottom-bar.md-shift.md-warn .md-bottom-bar-item:hover:not([disabled]):not(.md-active){color:WARN-CONTRAST-0.87}.THEME_NAME.md-bottom-bar.md-shift.md-warn .md-bottom-bar-item.md-active{color:WARN-CONTRAST}.THEME_NAME.md-bottom-bar.md-shift.md-transparent{background-color:transparent}.THEME_NAME.md-bottom-bar.md-shift.md-transparent .md-bottom-bar-item{color:BACKGROUND-CONTRAST-0.54}.THEME_NAME.md-bottom-bar.md-shift.md-transparent .md-bottom-bar-item:hover:not([disabled]):not(.md-active){color:BACKGROUND-CONTRAST-0.87}.THEME_NAME.md-bottom-bar.md-shift.md-transparent .md-bottom-bar-item.md-active{color:BACKGROUND-CONTRAST}\n"},function(t,e){t.exports=".THEME_NAME.md-button:not([disabled]).md-raised:not(.md-icon-button){color:BACKGROUND-CONTRAST;background-color:BACKGROUND-COLOR}.THEME_NAME.md-button:not([disabled]).md-raised:not(.md-icon-button):hover{background-color:BACKGROUND-COLOR-200}.THEME_NAME.md-button:not([disabled]).md-raised.md-icon-button:not(.md-raised){color:BACKGROUND-CONTRAST}.THEME_NAME.md-button:not([disabled]).md-fab{color:ACCENT-CONTRAST;background-color:ACCENT-COLOR}.THEME_NAME.md-button:not([disabled]).md-fab:hover{background-color:ACCENT-COLOR-600}.THEME_NAME.md-button:not([disabled]).md-fab.md-clean{color:BACKGROUND-CONTRAST;background-color:BACKGROUND-COLOR}.THEME_NAME.md-button:not([disabled]).md-fab.md-clean:hover{background-color:BACKGROUND-COLOR-200}.THEME_NAME.md-button:not([disabled]).md-primary:not(.md-icon-button){color:PRIMARY-COLOR}.THEME_NAME.md-button:not([disabled]).md-primary.md-raised,.THEME_NAME.md-button:not([disabled]).md-primary.md-fab{background-color:PRIMARY-COLOR;color:PRIMARY-CONTRAST}.THEME_NAME.md-button:not([disabled]).md-primary.md-raised:hover,.THEME_NAME.md-button:not([disabled]).md-primary.md-fab:hover{background-color:PRIMARY-COLOR-600}.THEME_NAME.md-button:not([disabled]).md-primary.md-icon-button:not(.md-raised){color:PRIMARY-COLOR}.THEME_NAME.md-button:not([disabled]).md-accent:not(.md-icon-button){color:ACCENT-COLOR}.THEME_NAME.md-button:not([disabled]).md-accent.md-raised{background-color:ACCENT-COLOR;color:ACCENT-CONTRAST}.THEME_NAME.md-button:not([disabled]).md-accent.md-raised:hover{background-color:ACCENT-COLOR-600}.THEME_NAME.md-button:not([disabled]).md-accent.md-icon-button:not(.md-raised){color:ACCENT-COLOR}.THEME_NAME.md-button:not([disabled]).md-warn:not(.md-icon-button){color:WARN-COLOR}.THEME_NAME.md-button:not([disabled]).md-warn.md-raised,.THEME_NAME.md-button:not([disabled]).md-warn.md-fab{background-color:WARN-COLOR;color:WARN-CONTRAST}.THEME_NAME.md-button:not([disabled]).md-warn.md-raised:hover,.THEME_NAME.md-button:not([disabled]).md-warn.md-fab:hover{background-color:WARN-COLOR-600}.THEME_NAME.md-button:not([disabled]).md-warn.md-icon-button:not(.md-raised){color:WARN-COLOR}\n"},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'},function(t,e){t.exports=".THEME_NAME.md-card{background-color:BACKGROUND-COLOR}.THEME_NAME.md-card.md-primary{background-color:PRIMARY-COLOR;color:PRIMARY-CONTRAST}.THEME_NAME.md-card.md-primary .md-card-header .md-icon-button:not(.md-primary):not(.md-warn):not(.md-accent) .md-icon,.THEME_NAME.md-card.md-primary .md-card-actions .md-icon-button:not(.md-primary):not(.md-warn):not(.md-accent) .md-icon{color:PRIMARY-CONTRAST-0.87}.THEME_NAME.md-card.md-primary .md-input-container.md-input-focused input,.THEME_NAME.md-card.md-primary .md-input-container.md-input-focused textarea{color:PRIMARY-CONTRAST;text-shadow:0 0 0 PRIMARY-CONTRAST}.THEME_NAME.md-card.md-primary .md-input-container.md-input-focused label,.THEME_NAME.md-card.md-primary .md-input-container.md-input-focused .md-icon:not(.md-icon-delete){color:PRIMARY-CONTRAST}.THEME_NAME.md-card.md-primary .md-input-container:after{background-color:PRIMARY-CONTRAST}.THEME_NAME.md-card.md-primary .md-input-container input,.THEME_NAME.md-card.md-primary .md-input-container textarea{color:PRIMARY-CONTRAST;text-shadow:0 0 0 PRIMARY-CONTRAST}.THEME_NAME.md-card.md-primary .md-input-container input::-webkit-input-placeholder,.THEME_NAME.md-card.md-primary .md-input-container textarea::-webkit-input-placeholder{color:PRIMARY-CONTRAST-0.54}.THEME_NAME.md-card.md-primary .md-input-container label,.THEME_NAME.md-card.md-primary .md-input-container .md-icon:not(.md-icon-delete){color:PRIMARY-CONTRAST}.THEME_NAME.md-card.md-accent{background-color:ACCENT-COLOR;color:ACCENT-CONTRAST}.THEME_NAME.md-card.md-accent .md-card-header .md-icon-button:not(.md-primary):not(.md-warn):not(.md-accent) .md-icon,.THEME_NAME.md-card.md-accent .md-card-actions .md-icon-button:not(.md-primary):not(.md-warn):not(.md-accent) .md-icon{color:ACCENT-CONTRAST-0.87}.THEME_NAME.md-card.md-accent .md-input-container.md-input-focused input,.THEME_NAME.md-card.md-accent .md-input-container.md-input-focused textarea{color:ACCENT-CONTRAST;text-shadow:0 0 0 ACCENT-CONTRAST}.THEME_NAME.md-card.md-accent .md-input-container.md-input-focused label,.THEME_NAME.md-card.md-accent .md-input-container.md-input-focused .md-icon:not(.md-icon-delete){color:ACCENT-CONTRAST}.THEME_NAME.md-card.md-accent .md-input-container:after{background-color:ACCENT-CONTRAST}.THEME_NAME.md-card.md-accent .md-input-container input,.THEME_NAME.md-card.md-accent .md-input-container textarea{color:ACCENT-CONTRAST;text-shadow:0 0 0 ACCENT-CONTRAST}.THEME_NAME.md-card.md-accent .md-input-container input::-webkit-input-placeholder,.THEME_NAME.md-card.md-accent .md-input-container textarea::-webkit-input-placeholder{color:ACCENT-CONTRAST-0.54}.THEME_NAME.md-card.md-accent .md-input-container label,.THEME_NAME.md-card.md-accent .md-input-container .md-icon:not(.md-icon-delete){color:ACCENT-CONTRAST}.THEME_NAME.md-card.md-warn{background-color:WARN-COLOR;color:WARN-CONTRAST}.THEME_NAME.md-card.md-warn .md-card-header .md-icon-button:not(.md-primary):not(.md-warn):not(.md-accent) .md-icon,.THEME_NAME.md-card.md-warn .md-card-actions .md-icon-button:not(.md-primary):not(.md-warn):not(.md-accent) .md-icon{color:WARN-CONTRAST-0.87}.THEME_NAME.md-card.md-warn .md-input-container.md-input-focused input,.THEME_NAME.md-card.md-warn .md-input-container.md-input-focused textarea{color:WARN-CONTRAST;text-shadow:0 0 0 WARN-CONTRAST}.THEME_NAME.md-card.md-warn .md-input-container.md-input-focused label,.THEME_NAME.md-card.md-warn .md-input-container.md-input-focused .md-icon:not(.md-icon-delete){color:WARN-CONTRAST}.THEME_NAME.md-card.md-warn .md-input-container:after{background-color:WARN-CONTRAST}.THEME_NAME.md-card.md-warn .md-input-container input,.THEME_NAME.md-card.md-warn .md-input-container textarea{color:WARN-CONTRAST;text-shadow:0 0 0 WARN-CONTRAST}.THEME_NAME.md-card.md-warn .md-input-container input::-webkit-input-placeholder,.THEME_NAME.md-card.md-warn .md-input-container textarea::-webkit-input-placeholder{color:WARN-CONTRAST-0.54}.THEME_NAME.md-card.md-warn .md-input-container label,.THEME_NAME.md-card.md-warn .md-input-container .md-icon:not(.md-icon-delete){color:WARN-CONTRAST}.THEME_NAME.md-card .md-card-header .md-icon-button:not(.md-primary):not(.md-warn):not(.md-accent) .md-icon,.THEME_NAME.md-card .md-card-actions .md-icon-button:not(.md-primary):not(.md-warn):not(.md-accent) .md-icon{color:BACKGROUND-CONTRAST-0.54}.THEME_NAME.md-card>.md-card-area:after{background-color:BACKGROUND-CONTRAST-0.12}.THEME_NAME.md-card .md-card-media-cover.md-text-scrim .md-backdrop{background:linear-gradient(to bottom, BACKGROUND-CONTRAST-0.0 20%, BACKGROUND-CONTRAST-0.275 66%, BACKGROUND-CONTRAST-0.55 100%)}.THEME_NAME.md-card .md-card-media-cover.md-solid .md-card-area{background-color:BACKGROUND-CONTRAST-0.4}.THEME_NAME.md-card .md-card-expand .md-card-actions{background-color:BACKGROUND-COLOR}\n"},function(t,e){t.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"},function(t,e){t.exports=".THEME_NAME.md-chip{background-color:BACKGROUND-CONTRAST-0.12}.THEME_NAME.md-chip.md-deletable:hover,.THEME_NAME.md-chip.md-deletable:focus{background-color:BACKGROUND-CONTRAST-0.54;color:BACKGROUND-COLOR}.THEME_NAME.md-chip.md-deletable:hover .md-delete,.THEME_NAME.md-chip.md-deletable:focus .md-delete{color:BACKGROUND-COLOR}.THEME_NAME.md-chip .md-delete{color:BACKGROUND-CONTRAST-0.38}.THEME_NAME.md-chip .md-delete .md-ripple{color:BACKGROUND-COLOR}\n"},function(t,e){t.exports=".THEME_NAME.md-dialog-container .md-dialog{background-color:BACKGROUND-COLOR;color:BACKGROUND-CONTRAST}\n"},function(t,e){t.exports=""},function(t,e){t.exports=".THEME_NAME.md-icon.md-primary{color:PRIMARY-COLOR}.THEME_NAME.md-icon.md-accent{color:ACCENT-COLOR}.THEME_NAME.md-icon.md-warn{color:WARN-COLOR}\n"},function(t,e){t.exports=""},function(t,e){t.exports=".THEME_NAME.md-input-container.md-input-invalid:after{background-color:WARN-COLOR}.THEME_NAME.md-input-container.md-input-invalid label,.THEME_NAME.md-input-container.md-input-invalid input,.THEME_NAME.md-input-container.md-input-invalid textarea,.THEME_NAME.md-input-container.md-input-invalid .md-error,.THEME_NAME.md-input-container.md-input-invalid .md-count,.THEME_NAME.md-input-container.md-input-invalid .md-icon:not(.md-icon-delete){color:WARN-COLOR}.THEME_NAME.md-input-container.md-input-focused.md-input-inline label{color:rgba(0,0,0,0.54)}.THEME_NAME.md-input-container.md-input-focused.md-input-required label:after{color:WARN-COLOR}.THEME_NAME.md-input-container.md-input-focused:after{height:2px;background-color:PRIMARY-COLOR}.THEME_NAME.md-input-container.md-input-focused input,.THEME_NAME.md-input-container.md-input-focused textarea{color:PRIMARY-COLOR;text-shadow:0 0 0 BACKGROUND-CONTRAST;-webkit-text-fill-color:transparent}.THEME_NAME.md-input-container.md-input-focused label,.THEME_NAME.md-input-container.md-input-focused .md-icon:not(.md-icon-delete){color:PRIMARY-COLOR}.THEME_NAME.md-input-container.md-input-disabled label,.THEME_NAME.md-input-container.md-input-disabled input,.THEME_NAME.md-input-container.md-input-disabled textarea,.THEME_NAME.md-input-container.md-input-disabled .md-error,.THEME_NAME.md-input-container.md-input-disabled .md-count,.THEME_NAME.md-input-container.md-input-disabled .md-icon:not(.md-icon-delete),.THEME_NAME.md-input-container.md-input-disabled ::-webkit-input-placeholder{color:BACKGROUND-CONTRAST-0.38}.THEME_NAME.md-input-container .md-icon:not(.md-icon-delete):after{background:BACKGROUND-COLOR}\n"},function(t,e){t.exports=".THEME_NAME.md-list{background-color:BACKGROUND-COLOR;color:BACKGROUND-CONTRAST}.THEME_NAME.md-list.md-transparent{background-color:transparent;color:inherit}.THEME_NAME.md-list .md-list-item .router-link-active.md-list-item-container{color:PRIMARY-COLOR}.THEME_NAME.md-list .md-list-item .router-link-active.md-list-item-container>.md-icon{color:PRIMARY-COLOR}.THEME_NAME.md-list .md-list-item.md-primary .md-list-item-container{color:PRIMARY-COLOR}.THEME_NAME.md-list .md-list-item.md-primary .md-list-item-container>.md-icon{color:PRIMARY-COLOR}.THEME_NAME.md-list .md-list-item.md-accent .md-list-item-container{color:ACCENT-COLOR}.THEME_NAME.md-list .md-list-item.md-accent .md-list-item-container>.md-icon{color:ACCENT-COLOR}.THEME_NAME.md-list .md-list-item.md-warn .md-list-item-container{color:WARN-COLOR}.THEME_NAME.md-list .md-list-item.md-warn .md-list-item-container>.md-icon{color:WARN-COLOR}.THEME_NAME.md-list .md-list-item-expand .md-list-item-container{background-color:BACKGROUND-COLOR}.THEME_NAME.md-list .md-list-item-expand .md-list-item-container:hover,.THEME_NAME.md-list .md-list-item-expand .md-list-item-container:focus{background-color:rgba(153,153,153,0.2)}\n";
diff --git a/file.05ab386d.js b/file.e75792b4.js
similarity index 97%
rename from file.05ab386d.js
rename to file.e75792b4.js
index 4fec9ff..bce4f0c 100644
--- a/file.05ab386d.js
+++ b/file.e75792b4.js
@@ -1 +1 @@
-webpackJsonp([27,34],{471:function(e,l,t){var n=t(0)(t(502),t(573),null,null);e.exports=n.exports},502:function(e,l,t){"use strict";Object.defineProperty(l,"__esModule",{value:!0}),l.default={data:function(){return{single:null,placeholder:null,initialValue:"my-profile-picture.jpg",multiple:null,onlyImages:null}}},e.exports=l.default},573:function(e,l){e.exports={render:function(){var e=this,l=e.$createElement,t=e._self._c||l;return t("page-content",{attrs:{"page-title":"Components - File"}},[t("docs-component",[t("div",{slot:"description"},[t("p",[e._v("The file picker aim to select files like images, videos and other formats. They can have multiselection and use the devide file system to pick the file.")])]),e._v(" "),t("div",{slot:"api"},[t("api-table",{attrs:{name:"md-file"}},[t("md-table",{slot:"properties"},[t("md-table-header",[t("md-table-row",[t("md-table-head",[e._v("Name")]),e._v(" "),t("md-table-head",[e._v("Type")]),e._v(" "),t("md-table-head",[e._v("Description")])],1)],1),e._v(" "),t("md-table-body",[t("md-table-row",[t("md-table-cell",[e._v("v-model")]),e._v(" "),t("md-table-cell",[t("code",[e._v("String")])]),e._v(" "),t("md-table-cell",[e._v("A required model object to bind the value.")])],1),e._v(" "),t("md-table-row",[t("md-table-cell",[e._v("id")]),e._v(" "),t("md-table-cell",[t("code",[e._v("String")])]),e._v(" "),t("md-table-cell",[e._v("Sets the input id.")])],1),e._v(" "),t("md-table-row",[t("md-table-cell",[e._v("name")]),e._v(" "),t("md-table-cell",[t("code",[e._v("String")])]),e._v(" "),t("md-table-cell",[e._v("Sets the input name.")])],1),e._v(" "),t("md-table-row",[t("md-table-cell",[e._v("disabled")]),e._v(" "),t("md-table-cell",[t("code",[e._v("Boolean")])]),e._v(" "),t("md-table-cell",[e._v("Disable the input and prevent his actions. Default "),t("code",[e._v("false")])])],1),e._v(" "),t("md-table-row",[t("md-table-cell",[e._v("required")]),e._v(" "),t("md-table-cell",[t("code",[e._v("Boolean")])]),e._v(" "),t("md-table-cell",[e._v('Apply the required rule to style the label with an "*". Default '),t("code",[e._v("false")])])],1),e._v(" "),t("md-table-row",[t("md-table-cell",[e._v("accept")]),e._v(" "),t("md-table-cell",[t("code",[e._v("String")])]),e._v(" "),t("md-table-cell",[e._v("Filter files that can be selected by mimetype pattern.")])],1),e._v(" "),t("md-table-row",[t("md-table-cell",[e._v("multiple")]),e._v(" "),t("md-table-cell",[t("code",[e._v("Boolean")])]),e._v(" "),t("md-table-cell",[e._v("Enable multiple selection.")])],1)],1)],1)],1)],1),e._v(" "),t("div",{slot:"example"},[t("example-box",{attrs:{"card-title":"Single File"}},[t("div",{slot:"demo"},[t("md-input-container",[t("label",[e._v("Single")]),e._v(" "),t("md-file",{directives:[{name:"model",rawName:"v-model",value:e.single,expression:"single"}],domProps:{value:e.single},on:{input:function(l){e.single=l}}})],1),e._v(" "),t("md-input-container",[t("md-file",{directives:[{name:"model",rawName:"v-model",value:e.placeholder,expression:"placeholder"}],attrs:{placeholder:"A nice input placeholder"},domProps:{value:e.placeholder},on:{input:function(l){e.placeholder=l}}})],1),e._v(" "),t("md-input-container",[t("md-file",{attrs:{placeholder:"Disabled",disabled:""}})],1),e._v(" "),t("md-input-container",[t("label",[e._v("Initial Value")]),e._v(" "),t("md-file",{directives:[{name:"model",rawName:"v-model",value:e.initialValue,expression:"initialValue"}],domProps:{value:e.initialValue},on:{input:function(l){e.initialValue=l}}})],1),e._v(" "),t("md-input-container",[t("label",[e._v("Multiple")]),e._v(" "),t("md-file",{directives:[{name:"model",rawName:"v-model",value:e.multiple,expression:"multiple"}],attrs:{multiple:""},domProps:{value:e.multiple},on:{input:function(l){e.multiple=l}}})],1),e._v(" "),t("md-input-container",[t("label",[e._v("Only Images")]),e._v(" "),t("md-file",{directives:[{name:"model",rawName:"v-model",value:e.onlyImages,expression:"onlyImages"}],attrs:{accept:"image/*"},domProps:{value:e.onlyImages},on:{input:function(l){e.onlyImages=l}}})],1)],1),e._v(" "),t("div",{slot:"code"},[t("code-block",{attrs:{lang:"xml"}},[e._v('\n            <md-input-container>\n              <label>Single</label>\n              <md-file v-model="single"></md-file>\n            </md-input-container>\n\n            <md-input-container>\n              <md-file v-model="placeholder" placeholder="A nice input placeholder"></md-file>\n            </md-input-container>\n\n            <md-input-container>\n              <md-file placeholder="Disabled" disabled></md-file>\n            </md-input-container>\n\n            <md-input-container>\n              <label>Initial Value</label>\n              <md-file v-model="initialValue"></md-file>\n            </md-input-container>\n\n            <md-input-container>\n              <label>Multiple</label>\n              <md-file v-model="multiple" multiple></md-file>\n            </md-input-container>\n\n            <md-input-container>\n              <label>Only Images</label>\n              <md-file v-model="onlyImages" accept="image/*"></md-file>\n            </md-input-container>\n          ')]),e._v(" "),t("code-block",{attrs:{lang:"javascript"}},[e._v("\n            export default {\n              data: () => ({\n                single: null,\n                placeholder: null,\n                initialValue: 'my-profile-picture.jpg',\n                multiple: null,\n                onlyImages: null\n              })\n            };\n          ")])],1)])],1)])],1)},staticRenderFns:[]}}});
\ No newline at end of file
+webpackJsonp([27,34],{471:function(e,l,t){var n=t(0)(t(502),t(572),null,null);e.exports=n.exports},502:function(e,l,t){"use strict";Object.defineProperty(l,"__esModule",{value:!0}),l.default={data:function(){return{single:null,placeholder:null,initialValue:"my-profile-picture.jpg",multiple:null,onlyImages:null}}},e.exports=l.default},572:function(e,l){e.exports={render:function(){var e=this,l=e.$createElement,t=e._self._c||l;return t("page-content",{attrs:{"page-title":"Components - File"}},[t("docs-component",[t("div",{slot:"description"},[t("p",[e._v("The file picker aim to select files like images, videos and other formats. They can have multiselection and use the devide file system to pick the file.")])]),e._v(" "),t("div",{slot:"api"},[t("api-table",{attrs:{name:"md-file"}},[t("md-table",{slot:"properties"},[t("md-table-header",[t("md-table-row",[t("md-table-head",[e._v("Name")]),e._v(" "),t("md-table-head",[e._v("Type")]),e._v(" "),t("md-table-head",[e._v("Description")])],1)],1),e._v(" "),t("md-table-body",[t("md-table-row",[t("md-table-cell",[e._v("v-model")]),e._v(" "),t("md-table-cell",[t("code",[e._v("String")])]),e._v(" "),t("md-table-cell",[e._v("A required model object to bind the value.")])],1),e._v(" "),t("md-table-row",[t("md-table-cell",[e._v("id")]),e._v(" "),t("md-table-cell",[t("code",[e._v("String")])]),e._v(" "),t("md-table-cell",[e._v("Sets the input id.")])],1),e._v(" "),t("md-table-row",[t("md-table-cell",[e._v("name")]),e._v(" "),t("md-table-cell",[t("code",[e._v("String")])]),e._v(" "),t("md-table-cell",[e._v("Sets the input name.")])],1),e._v(" "),t("md-table-row",[t("md-table-cell",[e._v("disabled")]),e._v(" "),t("md-table-cell",[t("code",[e._v("Boolean")])]),e._v(" "),t("md-table-cell",[e._v("Disable the input and prevent his actions. Default "),t("code",[e._v("false")])])],1),e._v(" "),t("md-table-row",[t("md-table-cell",[e._v("required")]),e._v(" "),t("md-table-cell",[t("code",[e._v("Boolean")])]),e._v(" "),t("md-table-cell",[e._v('Apply the required rule to style the label with an "*". Default '),t("code",[e._v("false")])])],1),e._v(" "),t("md-table-row",[t("md-table-cell",[e._v("accept")]),e._v(" "),t("md-table-cell",[t("code",[e._v("String")])]),e._v(" "),t("md-table-cell",[e._v("Filter files that can be selected by mimetype pattern.")])],1),e._v(" "),t("md-table-row",[t("md-table-cell",[e._v("multiple")]),e._v(" "),t("md-table-cell",[t("code",[e._v("Boolean")])]),e._v(" "),t("md-table-cell",[e._v("Enable multiple selection.")])],1)],1)],1)],1)],1),e._v(" "),t("div",{slot:"example"},[t("example-box",{attrs:{"card-title":"Single File"}},[t("div",{slot:"demo"},[t("md-input-container",[t("label",[e._v("Single")]),e._v(" "),t("md-file",{directives:[{name:"model",rawName:"v-model",value:e.single,expression:"single"}],domProps:{value:e.single},on:{input:function(l){e.single=l}}})],1),e._v(" "),t("md-input-container",[t("md-file",{directives:[{name:"model",rawName:"v-model",value:e.placeholder,expression:"placeholder"}],attrs:{placeholder:"A nice input placeholder"},domProps:{value:e.placeholder},on:{input:function(l){e.placeholder=l}}})],1),e._v(" "),t("md-input-container",[t("md-file",{attrs:{placeholder:"Disabled",disabled:""}})],1),e._v(" "),t("md-input-container",[t("label",[e._v("Initial Value")]),e._v(" "),t("md-file",{directives:[{name:"model",rawName:"v-model",value:e.initialValue,expression:"initialValue"}],domProps:{value:e.initialValue},on:{input:function(l){e.initialValue=l}}})],1),e._v(" "),t("md-input-container",[t("label",[e._v("Multiple")]),e._v(" "),t("md-file",{directives:[{name:"model",rawName:"v-model",value:e.multiple,expression:"multiple"}],attrs:{multiple:""},domProps:{value:e.multiple},on:{input:function(l){e.multiple=l}}})],1),e._v(" "),t("md-input-container",[t("label",[e._v("Only Images")]),e._v(" "),t("md-file",{directives:[{name:"model",rawName:"v-model",value:e.onlyImages,expression:"onlyImages"}],attrs:{accept:"image/*"},domProps:{value:e.onlyImages},on:{input:function(l){e.onlyImages=l}}})],1)],1),e._v(" "),t("div",{slot:"code"},[t("code-block",{attrs:{lang:"xml"}},[e._v('\n            <md-input-container>\n              <label>Single</label>\n              <md-file v-model="single"></md-file>\n            </md-input-container>\n\n            <md-input-container>\n              <md-file v-model="placeholder" placeholder="A nice input placeholder"></md-file>\n            </md-input-container>\n\n            <md-input-container>\n              <md-file placeholder="Disabled" disabled></md-file>\n            </md-input-container>\n\n            <md-input-container>\n              <label>Initial Value</label>\n              <md-file v-model="initialValue"></md-file>\n            </md-input-container>\n\n            <md-input-container>\n              <label>Multiple</label>\n              <md-file v-model="multiple" multiple></md-file>\n            </md-input-container>\n\n            <md-input-container>\n              <label>Only Images</label>\n              <md-file v-model="onlyImages" accept="image/*"></md-file>\n            </md-input-container>\n          ')]),e._v(" "),t("code-block",{attrs:{lang:"javascript"}},[e._v("\n            export default {\n              data: () => ({\n                single: null,\n                placeholder: null,\n                initialValue: 'my-profile-picture.jpg',\n                multiple: null,\n                onlyImages: null\n              })\n            };\n          ")])],1)])],1)])],1)},staticRenderFns:[]}}});
\ No newline at end of file
diff --git a/icon.9c317d12.js b/icon.5330687d.js
similarity index 97%
rename from icon.9c317d12.js
rename to icon.5330687d.js
index 41eaf1e..8a60aed 100644
--- a/icon.9c317d12.js
+++ b/icon.5330687d.js
@@ -1 +1 @@
-webpackJsonp([16,34],{472:function(s,e,o){o(606);var m=o(0)(null,o(574),"data-v-8266ba2a",null);s.exports=m.exports},538:function(s,e,o){e=s.exports=o(4)(),e.push([s.i,"strong[data-v-8266ba2a]{margin:auto 16px auto 0;display:inline-block}",""])},574:function(s,e){s.exports={render:function(){var s=this,e=s.$createElement,o=s._self._c||e;return o("page-content",{attrs:{"page-title":"Components - Icon"}},[o("docs-component",[o("div",{slot:"description"},[o("p",[s._v("A system icon, or UI icon, symbolizes a command, file, device, or directory. System icons are also used to represent common actions like trash, print, and save.")]),s._v(" "),o("p",[s._v("You can see the full list of icons on the "),o("a",{attrs:{href:"https://material.io/icons/",target:"_blank",rel:"noopener"}},[s._v("Material Icons")]),s._v(" website. Replace the spaces in the icon name by underscores (for example, "),o("code",[s._v("arrow back")]),s._v(" becomes "),o("code",[s._v("arrow_back")]),s._v(").")]),s._v(" "),o("p",[s._v("Alternatively you can use your PNG or SVG icons using the "),o("code",[s._v("md-src")]),s._v(" property.")]),s._v(" "),o("p",[s._v("The use of font icons without ligatures are suported too, although this approach lacks accessibility support.")]),s._v(" "),o("p",[s._v("The following classes can be applied to change the color palette:")]),s._v(" "),o("ul",{staticClass:"md-body-2"},[o("li",[o("code",[s._v("md-primary")])]),s._v(" "),o("li",[o("code",[s._v("md-accent")])]),s._v(" "),o("li",[o("code",[s._v("md-warn")])])])]),s._v(" "),o("div",{slot:"api"},[o("api-table",{attrs:{name:"md-icon"}},[o("md-table",{slot:"classes"},[o("md-table-header",[o("md-table-row",[o("md-table-head",[s._v("Name")]),s._v(" "),o("md-table-head",[s._v("Description")])],1)],1),s._v(" "),o("md-table-body",[o("md-table-row",[o("md-table-cell",[s._v("md-size-{type}")]),s._v(" "),o("md-table-cell",[s._v("Change the size of an icon. From 2x to 5x. Example: md-size-3x")])],1)],1)],1),s._v(" "),o("md-table",{slot:"properties"},[o("md-table-header",[o("md-table-row",[o("md-table-head",[s._v("Name")]),s._v(" "),o("md-table-head",[s._v("Type")]),s._v(" "),o("md-table-head",[s._v("Description")])],1)],1),s._v(" "),o("md-table-body",[o("md-table-row",[o("md-table-cell",[s._v("md-src")]),s._v(" "),o("md-table-cell",[o("code",[s._v("String")])]),s._v(" "),o("md-table-cell",[s._v("The src of the image file. Can be SVG icons too!")])],1),s._v(" "),o("md-table-row",[o("md-table-cell",[s._v("md-iconset")]),s._v(" "),o("md-table-cell",[o("code",[s._v("String")])]),s._v(" "),o("md-table-cell",[s._v("The font icon set. Example: "),o("code",[s._v('md-iconset="fa fa-pencil"')]),s._v(" for font awesome.")])],1)],1)],1)],1)],1),s._v(" "),o("div",{slot:"example"},[o("example-box",{attrs:{"card-title":"Google Font"}},[o("div",{slot:"demo"},[o("md-icon",[s._v("home")]),s._v(" "),o("md-icon",{staticClass:"md-primary"},[s._v("menu")]),s._v(" "),o("md-icon",{staticClass:"md-accent"},[s._v("people")]),s._v(" "),o("md-icon",{staticClass:"md-warn"},[s._v("access_time")])],1),s._v(" "),o("div",{slot:"code"},[o("code-block",{attrs:{lang:"xml"}},[s._v('\n            <md-icon>home</md-icon>\n            <md-icon class="md-primary">menu</md-icon>\n            <md-icon class="md-accent">people</md-icon>\n            <md-icon class="md-warn">access_time</md-icon>\n          ')])],1)]),s._v(" "),o("example-box",{attrs:{"card-title":"Sizes"}},[o("div",{slot:"demo"},[o("md-icon",[s._v("home")]),s._v(" "),o("md-icon",{staticClass:"md-size-2x md-primary"},[s._v("home")]),s._v(" "),o("md-icon",{staticClass:"md-size-3x md-accent"},[s._v("home")]),s._v(" "),o("md-icon",{staticClass:"md-size-4x md-warn"},[s._v("home")])],1),s._v(" "),o("div",{slot:"code"},[o("code-block",{attrs:{lang:"xml"}},[s._v('\n            <md-icon>home</md-icon>\n            <md-icon class="md-size-2x md-primary">home</md-icon>\n            <md-icon class="md-size-3x md-accent">home</md-icon>\n            <md-icon class="md-size-4x md-warn">home</md-icon>\n          ')])],1)]),s._v(" "),o("example-box",{attrs:{"card-title":"Images"}},[o("div",{slot:"demo"},[o("md-layout",{attrs:{"md-gutter":!0}},[o("md-layout",[o("strong",{staticClass:"md-body-2"},[s._v("SVG:")]),s._v(" "),o("md-icon",{attrs:{"md-src":"assets/icon-home.svg"}}),s._v(" "),o("md-icon",{staticClass:"md-size-2x md-primary",attrs:{"md-src":"assets/icon-home.svg"}}),s._v(" "),o("md-icon",{staticClass:"md-size-3x md-accent",attrs:{"md-src":"assets/icon-home.svg"}}),s._v(" "),o("md-icon",{staticClass:"md-size-4x md-warn",attrs:{"md-src":"assets/icon-home.svg"}})],1),s._v(" "),o("md-layout",[o("strong",{staticClass:"md-body-2"},[s._v("PNG:")]),s._v(" "),o("md-icon",{attrs:{"md-src":"assets/icon-menu.png"}},[s._v("menu")]),s._v(" "),o("md-icon",{staticClass:"md-size-2x",attrs:{"md-src":"assets/icon-menu.png"}},[s._v("menu")]),s._v(" "),o("md-icon",{staticClass:"md-size-3x",attrs:{"md-src":"assets/icon-menu.png"}},[s._v("menu")]),s._v(" "),o("md-icon",{staticClass:"md-size-4x",attrs:{"md-src":"assets/icon-menu.png"}},[s._v("menu")])],1)],1)],1),s._v(" "),o("div",{slot:"code"},[o("code-block",{attrs:{lang:"xml"}},[s._v('\n            <md-layout :md-gutter="true">\n              <md-layout>\n                <strong class="md-body-2">SVG:</strong>\n                <md-icon md-src="assets/icon-home.svg"></md-icon>\n                <md-icon class="md-size-2x md-primary" md-src="assets/icon-home.svg"></md-icon>\n                <md-icon class="md-size-3x md-accent" md-src="assets/icon-home.svg"></md-icon>\n                <md-icon class="md-size-4x md-warn" md-src="assets/icon-home.svg"></md-icon>\n              </md-layout>\n\n              <md-layout>\n                <strong class="md-body-2">PNG:</strong>\n                <md-icon md-src="assets/icon-menu.png">menu</md-icon>\n                <md-icon class="md-size-2x" md-src="assets/icon-menu.png">menu</md-icon>\n                <md-icon class="md-size-3x" md-src="assets/icon-menu.png">menu</md-icon>\n                <md-icon class="md-size-4x" md-src="assets/icon-menu.png">menu</md-icon>\n              </md-layout>\n            </md-layout>\n          ')])],1)]),s._v(" "),o("example-box",{attrs:{"card-title":"Font Icons"}},[o("div",{slot:"demo"},[o("link",{attrs:{rel:"stylesheet",href:"https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"}}),s._v(" "),o("div",[s._v("This first example uses "),o("a",{attrs:{href:"http://fontawesome.io/icons/",target:"fa_icons"}},[s._v("Font Awesome Icons")])]),s._v(" "),o("md-icon",{attrs:{"md-iconset":"fa fa-home"}}),s._v(" "),o("md-icon",{staticClass:"md-size-2x md-primary",attrs:{"md-iconset":"fa fa-bars"}}),s._v(" "),o("md-icon",{staticClass:"md-size-3x md-accent",attrs:{"md-iconset":"fa fa-users"}}),s._v(" "),o("md-icon",{staticClass:"md-size-4x md-warn",attrs:{"md-iconset":"fa fa-clock-o"}}),s._v(" "),o("hr"),s._v(" "),o("link",{attrs:{rel:"stylesheet",href:"http://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css"}}),s._v(" "),o("div",[s._v("This second example uses "),o("a",{attrs:{href:"http://ionicons.com/",target:"ion_icons"}},[s._v("Ion Icons")])]),s._v(" "),o("md-icon",{attrs:{"md-iconset":"ion-home"}}),s._v(" "),o("md-icon",{staticClass:"md-size-2x md-primary",attrs:{"md-iconset":"ion-navicon-round"}}),s._v(" "),o("md-icon",{staticClass:"md-size-3x md-accent",attrs:{"md-iconset":"ion-person-stalker"}}),s._v(" "),o("md-icon",{staticClass:"md-size-4x md-warn",attrs:{"md-iconset":"ion-clock"}})],1),s._v(" "),o("div",{slot:"code"},[o("code-block",{attrs:{lang:"xml"}},[s._v('\n            <md-icon md-iconset="fa fa-home"></md-icon>\n            <md-icon md-iconset="fa fa-bars" class="md-size-2x md-primary"></md-icon>\n            <md-icon md-iconset="fa fa-users" class="md-size-3x md-accent"></md-icon>\n            <md-icon md-iconset="fa fa-clock-o" class="md-size-4x md-warn"></md-icon>  \n            <hr/>\n            <md-icon md-iconset="ion-home"></md-icon>\n            <md-icon md-iconset="ion-navicon-round" class="md-size-2x md-primary"></md-icon>\n            <md-icon md-iconset="ion-person-stalker" class="md-size-3x md-accent"></md-icon>\n            <md-icon md-iconset="ion-clock" class="md-size-4x md-warn"></md-icon>  \n          ')])],1)]),s._v(" "),o("example-box",{attrs:{"card-title":"Themes"}},[o("div",{slot:"demo"},[o("md-icon",{staticClass:"md-primary",attrs:{"md-theme":"light-blue"}},[s._v("home")]),s._v(" "),o("md-icon",{staticClass:"md-primary",attrs:{"md-theme":"green"}},[s._v("menu")]),s._v(" "),o("md-icon",{staticClass:"md-primary",attrs:{"md-theme":"brown"}},[s._v("people")]),s._v(" "),o("md-icon",{staticClass:"md-primary",attrs:{"md-theme":"orange"}},[s._v("access_time")])],1),s._v(" "),o("div",{slot:"code"},[o("code-block",{attrs:{lang:"xml"}},[s._v('\n            <md-icon md-theme="light-blue" class="md-primary">home</md-icon>\n            <md-icon md-theme="green" class="md-primary">menu</md-icon>\n            <md-icon md-theme="brown" class="md-primary">people</md-icon>\n            <md-icon md-theme="orange" class="md-primary">access_time</md-icon>\n          ')])],1)])],1)])],1)},staticRenderFns:[]}},606:function(s,e,o){var m=o(538);"string"==typeof m&&(m=[[s.i,m,""]]),m.locals&&(s.exports=m.locals);o(5)("3bbd4dad",m,!0)}});
\ No newline at end of file
+webpackJsonp([15,34],{472:function(s,e,o){o(605);var m=o(0)(null,o(573),"data-v-8266ba2a",null);s.exports=m.exports},537:function(s,e,o){e=s.exports=o(4)(),e.push([s.i,"strong[data-v-8266ba2a]{margin:auto 16px auto 0;display:inline-block}",""])},573:function(s,e){s.exports={render:function(){var s=this,e=s.$createElement,o=s._self._c||e;return o("page-content",{attrs:{"page-title":"Components - Icon"}},[o("docs-component",[o("div",{slot:"description"},[o("p",[s._v("A system icon, or UI icon, symbolizes a command, file, device, or directory. System icons are also used to represent common actions like trash, print, and save.")]),s._v(" "),o("p",[s._v("You can see the full list of icons on the "),o("a",{attrs:{href:"https://material.io/icons/",target:"_blank",rel:"noopener"}},[s._v("Material Icons")]),s._v(" website. Replace the spaces in the icon name by underscores (for example, "),o("code",[s._v("arrow back")]),s._v(" becomes "),o("code",[s._v("arrow_back")]),s._v(").")]),s._v(" "),o("p",[s._v("Alternatively you can use your PNG or SVG icons using the "),o("code",[s._v("md-src")]),s._v(" property.")]),s._v(" "),o("p",[s._v("The use of font icons without ligatures are suported too, although this approach lacks accessibility support.")]),s._v(" "),o("p",[s._v("The following classes can be applied to change the color palette:")]),s._v(" "),o("ul",{staticClass:"md-body-2"},[o("li",[o("code",[s._v("md-primary")])]),s._v(" "),o("li",[o("code",[s._v("md-accent")])]),s._v(" "),o("li",[o("code",[s._v("md-warn")])])])]),s._v(" "),o("div",{slot:"api"},[o("api-table",{attrs:{name:"md-icon"}},[o("md-table",{slot:"classes"},[o("md-table-header",[o("md-table-row",[o("md-table-head",[s._v("Name")]),s._v(" "),o("md-table-head",[s._v("Description")])],1)],1),s._v(" "),o("md-table-body",[o("md-table-row",[o("md-table-cell",[s._v("md-size-{type}")]),s._v(" "),o("md-table-cell",[s._v("Change the size of an icon. From 2x to 5x. Example: md-size-3x")])],1)],1)],1),s._v(" "),o("md-table",{slot:"properties"},[o("md-table-header",[o("md-table-row",[o("md-table-head",[s._v("Name")]),s._v(" "),o("md-table-head",[s._v("Type")]),s._v(" "),o("md-table-head",[s._v("Description")])],1)],1),s._v(" "),o("md-table-body",[o("md-table-row",[o("md-table-cell",[s._v("md-src")]),s._v(" "),o("md-table-cell",[o("code",[s._v("String")])]),s._v(" "),o("md-table-cell",[s._v("The src of the image file. Can be SVG icons too!")])],1),s._v(" "),o("md-table-row",[o("md-table-cell",[s._v("md-iconset")]),s._v(" "),o("md-table-cell",[o("code",[s._v("String")])]),s._v(" "),o("md-table-cell",[s._v("The font icon set. Example: "),o("code",[s._v('md-iconset="fa fa-pencil"')]),s._v(" for font awesome.")])],1)],1)],1)],1)],1),s._v(" "),o("div",{slot:"example"},[o("example-box",{attrs:{"card-title":"Google Font"}},[o("div",{slot:"demo"},[o("md-icon",[s._v("home")]),s._v(" "),o("md-icon",{staticClass:"md-primary"},[s._v("menu")]),s._v(" "),o("md-icon",{staticClass:"md-accent"},[s._v("people")]),s._v(" "),o("md-icon",{staticClass:"md-warn"},[s._v("access_time")])],1),s._v(" "),o("div",{slot:"code"},[o("code-block",{attrs:{lang:"xml"}},[s._v('\n            <md-icon>home</md-icon>\n            <md-icon class="md-primary">menu</md-icon>\n            <md-icon class="md-accent">people</md-icon>\n            <md-icon class="md-warn">access_time</md-icon>\n          ')])],1)]),s._v(" "),o("example-box",{attrs:{"card-title":"Sizes"}},[o("div",{slot:"demo"},[o("md-icon",[s._v("home")]),s._v(" "),o("md-icon",{staticClass:"md-size-2x md-primary"},[s._v("home")]),s._v(" "),o("md-icon",{staticClass:"md-size-3x md-accent"},[s._v("home")]),s._v(" "),o("md-icon",{staticClass:"md-size-4x md-warn"},[s._v("home")])],1),s._v(" "),o("div",{slot:"code"},[o("code-block",{attrs:{lang:"xml"}},[s._v('\n            <md-icon>home</md-icon>\n            <md-icon class="md-size-2x md-primary">home</md-icon>\n            <md-icon class="md-size-3x md-accent">home</md-icon>\n            <md-icon class="md-size-4x md-warn">home</md-icon>\n          ')])],1)]),s._v(" "),o("example-box",{attrs:{"card-title":"Images"}},[o("div",{slot:"demo"},[o("md-layout",{attrs:{"md-gutter":!0}},[o("md-layout",[o("strong",{staticClass:"md-body-2"},[s._v("SVG:")]),s._v(" "),o("md-icon",{attrs:{"md-src":"assets/icon-home.svg"}}),s._v(" "),o("md-icon",{staticClass:"md-size-2x md-primary",attrs:{"md-src":"assets/icon-home.svg"}}),s._v(" "),o("md-icon",{staticClass:"md-size-3x md-accent",attrs:{"md-src":"assets/icon-home.svg"}}),s._v(" "),o("md-icon",{staticClass:"md-size-4x md-warn",attrs:{"md-src":"assets/icon-home.svg"}})],1),s._v(" "),o("md-layout",[o("strong",{staticClass:"md-body-2"},[s._v("PNG:")]),s._v(" "),o("md-icon",{attrs:{"md-src":"assets/icon-menu.png"}},[s._v("menu")]),s._v(" "),o("md-icon",{staticClass:"md-size-2x",attrs:{"md-src":"assets/icon-menu.png"}},[s._v("menu")]),s._v(" "),o("md-icon",{staticClass:"md-size-3x",attrs:{"md-src":"assets/icon-menu.png"}},[s._v("menu")]),s._v(" "),o("md-icon",{staticClass:"md-size-4x",attrs:{"md-src":"assets/icon-menu.png"}},[s._v("menu")])],1)],1)],1),s._v(" "),o("div",{slot:"code"},[o("code-block",{attrs:{lang:"xml"}},[s._v('\n            <md-layout :md-gutter="true">\n              <md-layout>\n                <strong class="md-body-2">SVG:</strong>\n                <md-icon md-src="assets/icon-home.svg"></md-icon>\n                <md-icon class="md-size-2x md-primary" md-src="assets/icon-home.svg"></md-icon>\n                <md-icon class="md-size-3x md-accent" md-src="assets/icon-home.svg"></md-icon>\n                <md-icon class="md-size-4x md-warn" md-src="assets/icon-home.svg"></md-icon>\n              </md-layout>\n\n              <md-layout>\n                <strong class="md-body-2">PNG:</strong>\n                <md-icon md-src="assets/icon-menu.png">menu</md-icon>\n                <md-icon class="md-size-2x" md-src="assets/icon-menu.png">menu</md-icon>\n                <md-icon class="md-size-3x" md-src="assets/icon-menu.png">menu</md-icon>\n                <md-icon class="md-size-4x" md-src="assets/icon-menu.png">menu</md-icon>\n              </md-layout>\n            </md-layout>\n          ')])],1)]),s._v(" "),o("example-box",{attrs:{"card-title":"Font Icons"}},[o("div",{slot:"demo"},[o("link",{attrs:{rel:"stylesheet",href:"https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"}}),s._v(" "),o("div",[s._v("This first example uses "),o("a",{attrs:{href:"http://fontawesome.io/icons/",target:"fa_icons"}},[s._v("Font Awesome Icons")])]),s._v(" "),o("md-icon",{attrs:{"md-iconset":"fa fa-home"}}),s._v(" "),o("md-icon",{staticClass:"md-size-2x md-primary",attrs:{"md-iconset":"fa fa-bars"}}),s._v(" "),o("md-icon",{staticClass:"md-size-3x md-accent",attrs:{"md-iconset":"fa fa-users"}}),s._v(" "),o("md-icon",{staticClass:"md-size-4x md-warn",attrs:{"md-iconset":"fa fa-clock-o"}}),s._v(" "),o("hr"),s._v(" "),o("link",{attrs:{rel:"stylesheet",href:"http://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css"}}),s._v(" "),o("div",[s._v("This second example uses "),o("a",{attrs:{href:"http://ionicons.com/",target:"ion_icons"}},[s._v("Ion Icons")])]),s._v(" "),o("md-icon",{attrs:{"md-iconset":"ion-home"}}),s._v(" "),o("md-icon",{staticClass:"md-size-2x md-primary",attrs:{"md-iconset":"ion-navicon-round"}}),s._v(" "),o("md-icon",{staticClass:"md-size-3x md-accent",attrs:{"md-iconset":"ion-person-stalker"}}),s._v(" "),o("md-icon",{staticClass:"md-size-4x md-warn",attrs:{"md-iconset":"ion-clock"}})],1),s._v(" "),o("div",{slot:"code"},[o("code-block",{attrs:{lang:"xml"}},[s._v('\n            <md-icon md-iconset="fa fa-home"></md-icon>\n            <md-icon md-iconset="fa fa-bars" class="md-size-2x md-primary"></md-icon>\n            <md-icon md-iconset="fa fa-users" class="md-size-3x md-accent"></md-icon>\n            <md-icon md-iconset="fa fa-clock-o" class="md-size-4x md-warn"></md-icon>  \n            <hr/>\n            <md-icon md-iconset="ion-home"></md-icon>\n            <md-icon md-iconset="ion-navicon-round" class="md-size-2x md-primary"></md-icon>\n            <md-icon md-iconset="ion-person-stalker" class="md-size-3x md-accent"></md-icon>\n            <md-icon md-iconset="ion-clock" class="md-size-4x md-warn"></md-icon>  \n          ')])],1)]),s._v(" "),o("example-box",{attrs:{"card-title":"Themes"}},[o("div",{slot:"demo"},[o("md-icon",{staticClass:"md-primary",attrs:{"md-theme":"light-blue"}},[s._v("home")]),s._v(" "),o("md-icon",{staticClass:"md-primary",attrs:{"md-theme":"green"}},[s._v("menu")]),s._v(" "),o("md-icon",{staticClass:"md-primary",attrs:{"md-theme":"brown"}},[s._v("people")]),s._v(" "),o("md-icon",{staticClass:"md-primary",attrs:{"md-theme":"orange"}},[s._v("access_time")])],1),s._v(" "),o("div",{slot:"code"},[o("code-block",{attrs:{lang:"xml"}},[s._v('\n            <md-icon md-theme="light-blue" class="md-primary">home</md-icon>\n            <md-icon md-theme="green" class="md-primary">menu</md-icon>\n            <md-icon md-theme="brown" class="md-primary">people</md-icon>\n            <md-icon md-theme="orange" class="md-primary">access_time</md-icon>\n          ')])],1)])],1)])],1)},staticRenderFns:[]}},605:function(s,e,o){var m=o(537);"string"==typeof m&&(m=[[s.i,m,""]]),m.locals&&(s.exports=m.locals);o(5)("3bbd4dad",m,!0)}});
\ No newline at end of file
diff --git a/image-loader.6a229b14.js b/image-loader.2b5a107e.js
similarity index 93%
rename from image-loader.6a229b14.js
rename to image-loader.2b5a107e.js
index fed89ff..505bb57 100644
--- a/image-loader.6a229b14.js
+++ b/image-loader.2b5a107e.js
@@ -1 +1 @@
-webpackJsonp([26,34],{473:function(e,a,t){var s=t(0)(t(503),t(560),null,null);e.exports=s.exports},503:function(e,a,t){"use strict";Object.defineProperty(a,"__esModule",{value:!0}),a.default={data:function(){return{src:null}},methods:{loadImage:function(){var e=["assets/joker-1.jpg","assets/joker-2.jpg","assets/joker-3.jpg","assets/card-image-1.jpg","assets/card-image-2.jpg"];this.src=e[Math.floor(5*Math.random())]},clearImage:function(){this.src=null}}},e.exports=a.default},560:function(e,a){e.exports={render:function(){var e=this,a=e.$createElement,t=e._self._c||a;return t("page-content",{attrs:{"page-title":"Components - Image Loader"}},[t("docs-component",[t("div",{slot:"description"},[t("p",[e._v("Illustrations and photographs may load and transition in three phases by staggering opacity, exposure, and saturation levels.")])]),e._v(" "),t("div",{slot:"api"},[t("api-table",{attrs:{name:"md-image"}},[t("md-table",{slot:"properties"},[t("md-table-header",[t("md-table-row",[t("md-table-head",[e._v("Name")]),e._v(" "),t("md-table-head",[e._v("Type")]),e._v(" "),t("md-table-head",[e._v("Description")])],1)],1),e._v(" "),t("md-table-body",[t("md-table-row",[t("md-table-cell",[e._v("md-src")]),e._v(" "),t("md-table-cell",[t("code",[e._v("String")])]),e._v(" "),t("md-table-cell",[e._v("The image source. Accepts any image file extension.")])],1)],1)],1)],1)],1),e._v(" "),t("div",{slot:"example"},[t("example-box",{attrs:{"card-title":"Default"}},[t("div",{slot:"demo"},[t("md-button",{staticClass:"md-primary md-raised",nativeOn:{click:function(a){e.loadImage(a)}}},[e._v("Load Image")]),e._v(" "),t("md-button",{staticClass:"md-primary md-raised",nativeOn:{click:function(a){e.clearImage(a)}}},[e._v("Clear Image")]),e._v(" "),t("div",[t("md-image",{attrs:{"md-src":e.src}})],1)],1),e._v(" "),t("div",{slot:"code"},[t("code-block",{attrs:{lang:"xml"}},[e._v('\n            <md-button class="md-primary md-raised" @click.native="loadImage">Load Image</md-button>\n            <md-button class="md-primary md-raised" @click.native="clearImage">Clear Image</md-button>\n\n            <div>\n              <md-image :md-src="src"></md-image>\n            </div>\n          ')]),e._v(" "),t("code-block",{attrs:{lang:"xml"}},[e._v("\n            export default {\n              data: () => ({\n                src: null\n              }),\n              methods: {\n                loadImage() {\n                  let options = [\n                    'assets/joker-1.jpg',\n                    'assets/joker-2.jpg',\n                    'assets/joker-3.jpg',\n                    'assets/card-image-1.jpg',\n                    'assets/card-image-2.jpg'\n                  ];\n\n                  this.src = options[Math.floor(Math.random() * 5)];\n                },\n                clearImage() {\n                  this.src = null;\n                }\n              }\n            };\n          ")])],1)])],1)])],1)},staticRenderFns:[]}}});
\ No newline at end of file
+webpackJsonp([26,34],{473:function(e,a,t){var s=t(0)(t(503),t(559),null,null);e.exports=s.exports},503:function(e,a,t){"use strict";Object.defineProperty(a,"__esModule",{value:!0}),a.default={data:function(){return{src:null}},methods:{loadImage:function(){var e=["assets/joker-1.jpg","assets/joker-2.jpg","assets/joker-3.jpg","assets/card-image-1.jpg","assets/card-image-2.jpg"];this.src=e[Math.floor(5*Math.random())]},clearImage:function(){this.src=null}}},e.exports=a.default},559:function(e,a){e.exports={render:function(){var e=this,a=e.$createElement,t=e._self._c||a;return t("page-content",{attrs:{"page-title":"Components - Image Loader"}},[t("docs-component",[t("div",{slot:"description"},[t("p",[e._v("Illustrations and photographs may load and transition in three phases by staggering opacity, exposure, and saturation levels.")])]),e._v(" "),t("div",{slot:"api"},[t("api-table",{attrs:{name:"md-image"}},[t("md-table",{slot:"properties"},[t("md-table-header",[t("md-table-row",[t("md-table-head",[e._v("Name")]),e._v(" "),t("md-table-head",[e._v("Type")]),e._v(" "),t("md-table-head",[e._v("Description")])],1)],1),e._v(" "),t("md-table-body",[t("md-table-row",[t("md-table-cell",[e._v("md-src")]),e._v(" "),t("md-table-cell",[t("code",[e._v("String")])]),e._v(" "),t("md-table-cell",[e._v("The image source. Accepts any image file extension.")])],1)],1)],1)],1)],1),e._v(" "),t("div",{slot:"example"},[t("example-box",{attrs:{"card-title":"Default"}},[t("div",{slot:"demo"},[t("md-button",{staticClass:"md-primary md-raised",nativeOn:{click:function(a){e.loadImage(a)}}},[e._v("Load Image")]),e._v(" "),t("md-button",{staticClass:"md-primary md-raised",nativeOn:{click:function(a){e.clearImage(a)}}},[e._v("Clear Image")]),e._v(" "),t("div",[t("md-image",{attrs:{"md-src":e.src}})],1)],1),e._v(" "),t("div",{slot:"code"},[t("code-block",{attrs:{lang:"xml"}},[e._v('\n            <md-button class="md-primary md-raised" @click.native="loadImage">Load Image</md-button>\n            <md-button class="md-primary md-raised" @click.native="clearImage">Clear Image</md-button>\n\n            <div>\n              <md-image :md-src="src"></md-image>\n            </div>\n          ')]),e._v(" "),t("code-block",{attrs:{lang:"xml"}},[e._v("\n            export default {\n              data: () => ({\n                src: null\n              }),\n              methods: {\n                loadImage() {\n                  let options = [\n                    'assets/joker-1.jpg',\n                    'assets/joker-2.jpg',\n                    'assets/joker-3.jpg',\n                    'assets/card-image-1.jpg',\n                    'assets/card-image-2.jpg'\n                  ];\n\n                  this.src = options[Math.floor(Math.random() * 5)];\n                },\n                clearImage() {\n                  this.src = null;\n                }\n              }\n            };\n          ")])],1)])],1)])],1)},staticRenderFns:[]}}});
\ No newline at end of file
diff --git a/index.html b/index.html
index d242e4c..0714ed7 100644
--- a/index.html
+++ b/index.html
@@ -1 +1 @@
-<!DOCTYPE html><html lang=en-us><meta charset=utf-8><meta http-equiv=cleartype content=on><meta name=viewport content="width=device-width,initial-scale=1,minimal-ui"><meta name=mobile-web-app-capable content=yes><meta name=apple-mobile-web-app-capable content=yes><meta name=apple-mobile-web-app-status-bar-style content=black><meta name=apple-mobile-web-app-title content="Vue Material"><meta name=application-name content="Vue Material"><meta name=description content="Material Design for Vue"><meta name=msapplication-config content=/assets/favicon/browserconfig.xml><meta name=theme-color content=#2196f3><link rel=apple-touch-icon sizes=180x180 href=/assets/favicon/apple-touch-icon.png><link rel=icon type=image/png href=/assets/favicon/favicon-32x32.png sizes=32x32><link rel=icon type=image/png href=/assets/favicon/favicon-194x194.png sizes=194x194><link rel=icon type=image/png href=/assets/favicon/android-chrome-192x192.png sizes=192x192><link rel=icon type=image/png href=/assets/favicon/favicon-16x16.png sizes=16x16><link rel=manifest href=/assets/favicon/manifest.json><link rel=mask-icon href=/assets/favicon/safari-pinned-tab.svg color=#2196f3><link rel="shortcut icon" href=/assets/favicon/favicon.ico><title>Vue Material</title><link rel=stylesheet href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,400italic"><link rel=stylesheet href="https://fonts.googleapis.com/icon?family=Material+Icons"><link href=docs.1e68547e.css rel=stylesheet><div id=app v-cloak><docs></docs></div><script>!function(e,t,a,n,c,o,s){e.GoogleAnalyticsObject=c,e[c]=e[c]||function(){(e[c].q=e[c].q||[]).push(arguments)},e[c].l=1*new Date,o=t.createElement(a),s=t.getElementsByTagName(a)[0],o.async=1,o.src=n,s.parentNode.insertBefore(o,s)}(window,document,"script","https://www.google-analytics.com/analytics.js","ga"),ga("create","UA-85823257-1","auto"),ga("send","pageview")</script><script src=manifest.d414dea3.js></script><script src=vendor.51aac3ed.js></script><script src=docs.d7649497.js></script>
\ No newline at end of file
+<!DOCTYPE html><html lang=en-us><meta charset=utf-8><meta http-equiv=cleartype content=on><meta name=viewport content="width=device-width,initial-scale=1,minimal-ui"><meta name=mobile-web-app-capable content=yes><meta name=apple-mobile-web-app-capable content=yes><meta name=apple-mobile-web-app-status-bar-style content=black><meta name=apple-mobile-web-app-title content="Vue Material"><meta name=application-name content="Vue Material"><meta name=description content="Material Design for Vue"><meta name=msapplication-config content=/assets/favicon/browserconfig.xml><meta name=theme-color content=#2196f3><link rel=apple-touch-icon sizes=180x180 href=/assets/favicon/apple-touch-icon.png><link rel=icon type=image/png href=/assets/favicon/favicon-32x32.png sizes=32x32><link rel=icon type=image/png href=/assets/favicon/favicon-194x194.png sizes=194x194><link rel=icon type=image/png href=/assets/favicon/android-chrome-192x192.png sizes=192x192><link rel=icon type=image/png href=/assets/favicon/favicon-16x16.png sizes=16x16><link rel=manifest href=/assets/favicon/manifest.json><link rel=mask-icon href=/assets/favicon/safari-pinned-tab.svg color=#2196f3><link rel="shortcut icon" href=/assets/favicon/favicon.ico><title>Vue Material</title><link rel=stylesheet href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,400italic"><link rel=stylesheet href="https://fonts.googleapis.com/icon?family=Material+Icons"><link href=docs.1e68547e.css rel=stylesheet><div id=app v-cloak><docs></docs></div><script>!function(e,t,a,n,c,o,s){e.GoogleAnalyticsObject=c,e[c]=e[c]||function(){(e[c].q=e[c].q||[]).push(arguments)},e[c].l=1*new Date,o=t.createElement(a),s=t.getElementsByTagName(a)[0],o.async=1,o.src=n,s.parentNode.insertBefore(o,s)}(window,document,"script","https://www.google-analytics.com/analytics.js","ga"),ga("create","UA-85823257-1","auto"),ga("send","pageview")</script><script src=manifest.09510f01.js></script><script src=vendor.51aac3ed.js></script><script src=docs.478f64a5.js></script>
\ No newline at end of file
diff --git a/ink-ripple.2e814707.js b/ink-ripple.c6c186b1.js
similarity index 93%
rename from ink-ripple.2e814707.js
rename to ink-ripple.c6c186b1.js
index 49cabb7..845006b 100644
--- a/ink-ripple.2e814707.js
+++ b/ink-ripple.c6c186b1.js
@@ -1 +1 @@
-webpackJsonp([15,34],{474:function(e,n,i){i(607);var a=i(0)(null,i(576),"data-v-9d2ca598",null);e.exports=a.exports},539:function(e,n,i){n=e.exports=i(4)(),n.push([e.i,".has-ripple[data-v-9d2ca598]{margin-bottom:16px;padding:20px;display:inline-block;position:relative}.blue[data-v-9d2ca598]{color:#2196f3}.purple[data-v-9d2ca598]{color:#9c27b0}.red[data-v-9d2ca598]{color:#f44336}.card-ripple[data-v-9d2ca598]{width:300px;margin-top:24px}",""])},576:function(e,n){e.exports={render:function(){var e=this,n=e.$createElement,i=e._self._c||n;return i("page-content",{attrs:{"page-title":"Components - Ink Ripple"}},[i("docs-component",[i("div",{slot:"description"},[i("p",[e._v("Ink ripples confirm user input by immediately expanding outward from the point of touch. The card lifts to indicate an active state.")]),e._v(" "),i("p",[e._v("To disable the ripple component globally just call the API: ")]),e._v(" "),i("code-block",{attrs:{lang:"javascript"}},[e._v("\n        // Anywhere\n        Vue.material.inkRipple = false\n\n        // Inside a Vue Intance\n        this.$material.inkRipple = false\n      ")])],1),e._v(" "),i("div",{slot:"api"},[i("api-table",{attrs:{name:"md-ink-ripple"}},[i("md-table",{slot:"properties"},[i("md-table-header",[i("md-table-row",[i("md-table-head",[e._v("Name")]),e._v(" "),i("md-table-head",[e._v("Type")]),e._v(" "),i("md-table-head",[e._v("Description")])],1)],1),e._v(" "),i("md-table-body",[i("md-table-row",[i("md-table-cell",[e._v("md-disabled")]),e._v(" "),i("md-table-cell",[i("code",[e._v("Boolean")])]),e._v(" "),i("md-table-cell",[e._v("Disable the ripple effect on the parent element. Default "),i("code",[e._v("false")])])],1)],1)],1)],1)],1),e._v(" "),i("div",{slot:"example"},[i("example-box",{attrs:{"card-title":"Default"}},[i("div",{slot:"demo"},[i("div",{staticClass:"has-ripple"},[i("md-ink-ripple"),e._v("\n            This div has ripple effect\n          ")],1),e._v(" "),i("div",{staticClass:"has-ripple purple"},[i("md-ink-ripple"),e._v("\n            This div has ripple effect\n          ")],1),e._v(" "),i("div",{staticClass:"has-ripple blue"},[i("md-ink-ripple"),e._v("\n            This div has ripple effect\n          ")],1),e._v(" "),i("div",{staticClass:"has-ripple red"},[i("md-ink-ripple"),e._v("\n            This div has ripple effect\n          ")],1),e._v(" "),i("md-card",{staticClass:"card-ripple",attrs:{"md-with-hover":""}},[i("md-card-media",[i("md-ink-ripple"),e._v(" "),i("img",{attrs:{src:"assets/card-image-1.jpg",alt:"People"}})],1),e._v(" "),i("md-card-actions",[i("md-button",{staticClass:"md-icon-button"},[i("md-icon",[e._v("favorite")])],1),e._v(" "),i("md-button",{staticClass:"md-icon-button"},[i("md-icon",[e._v("bookmark")])],1),e._v(" "),i("md-button",{staticClass:"md-icon-button"},[i("md-icon",[e._v("share")])],1)],1)],1)],1),e._v(" "),i("div",{slot:"code"},[i("code-block",{attrs:{lang:"xml"}},[e._v('\n            <div class="has-ripple">\n              <md-ink-ripple />\n              This div has ripple effect\n            </div>\n\n            <div class="has-ripple purple">\n              <md-ink-ripple />\n              This div has ripple effect\n            </div>\n\n            <div class="has-ripple blue">\n              <md-ink-ripple />\n              This div has ripple effect\n            </div>\n\n            <div class="has-ripple red">\n              <md-ink-ripple />\n              This div has ripple effect\n            </div>\n\n            <md-card class="card-ripple" md-with-hover>\n              <md-card-media>\n                <md-ink-ripple />\n                <img src="assets/card-image-1.jpg" alt="People">\n              </md-card-media>\n\n              <md-card-actions>\n                <md-button class="md-icon-button">\n                  <md-icon>favorite</md-icon>\n                </md-button>\n\n                <md-button class="md-icon-button">\n                  <md-icon>bookmark</md-icon>\n                </md-button>\n\n                <md-button class="md-icon-button">\n                  <md-icon>share</md-icon>\n                </md-button>\n              </md-card-actions>\n            </md-card>\n          ')]),e._v(" "),i("code-block",{attrs:{lang:"sass"}},[e._v("\n            .has-ripple {\n              margin-bottom: 16px;\n              padding: 20px;\n              display: inline-block;\n              position: relative;\n            }\n\n            .blue {\n              color: #2196F3;\n            }\n\n            .purple {\n              color: #9C27B0;\n            }\n\n            .red {\n              color: #F44336;\n            }\n\n            .card-ripple {\n              width: 300px;\n              margin-top: 24px;\n            }\n          ")])],1)])],1)])],1)},staticRenderFns:[]}},607:function(e,n,i){var a=i(539);"string"==typeof a&&(a=[[e.i,a,""]]),a.locals&&(e.exports=a.locals);i(5)("3123897f",a,!0)}});
\ No newline at end of file
+webpackJsonp([14,34],{474:function(e,n,i){i(606);var a=i(0)(null,i(575),"data-v-9d2ca598",null);e.exports=a.exports},538:function(e,n,i){n=e.exports=i(4)(),n.push([e.i,".has-ripple[data-v-9d2ca598]{margin-bottom:16px;padding:20px;display:inline-block;position:relative}.blue[data-v-9d2ca598]{color:#2196f3}.purple[data-v-9d2ca598]{color:#9c27b0}.red[data-v-9d2ca598]{color:#f44336}.card-ripple[data-v-9d2ca598]{width:300px;margin-top:24px}",""])},575:function(e,n){e.exports={render:function(){var e=this,n=e.$createElement,i=e._self._c||n;return i("page-content",{attrs:{"page-title":"Components - Ink Ripple"}},[i("docs-component",[i("div",{slot:"description"},[i("p",[e._v("Ink ripples confirm user input by immediately expanding outward from the point of touch. The card lifts to indicate an active state.")]),e._v(" "),i("p",[e._v("To disable the ripple component globally just call the API: ")]),e._v(" "),i("code-block",{attrs:{lang:"javascript"}},[e._v("\n        // Anywhere\n        Vue.material.inkRipple = false\n\n        // Inside a Vue Intance\n        this.$material.inkRipple = false\n      ")])],1),e._v(" "),i("div",{slot:"api"},[i("api-table",{attrs:{name:"md-ink-ripple"}},[i("md-table",{slot:"properties"},[i("md-table-header",[i("md-table-row",[i("md-table-head",[e._v("Name")]),e._v(" "),i("md-table-head",[e._v("Type")]),e._v(" "),i("md-table-head",[e._v("Description")])],1)],1),e._v(" "),i("md-table-body",[i("md-table-row",[i("md-table-cell",[e._v("md-disabled")]),e._v(" "),i("md-table-cell",[i("code",[e._v("Boolean")])]),e._v(" "),i("md-table-cell",[e._v("Disable the ripple effect on the parent element. Default "),i("code",[e._v("false")])])],1)],1)],1)],1)],1),e._v(" "),i("div",{slot:"example"},[i("example-box",{attrs:{"card-title":"Default"}},[i("div",{slot:"demo"},[i("div",{staticClass:"has-ripple"},[i("md-ink-ripple"),e._v("\n            This div has ripple effect\n          ")],1),e._v(" "),i("div",{staticClass:"has-ripple purple"},[i("md-ink-ripple"),e._v("\n            This div has ripple effect\n          ")],1),e._v(" "),i("div",{staticClass:"has-ripple blue"},[i("md-ink-ripple"),e._v("\n            This div has ripple effect\n          ")],1),e._v(" "),i("div",{staticClass:"has-ripple red"},[i("md-ink-ripple"),e._v("\n            This div has ripple effect\n          ")],1),e._v(" "),i("md-card",{staticClass:"card-ripple",attrs:{"md-with-hover":""}},[i("md-card-media",[i("md-ink-ripple"),e._v(" "),i("img",{attrs:{src:"assets/card-image-1.jpg",alt:"People"}})],1),e._v(" "),i("md-card-actions",[i("md-button",{staticClass:"md-icon-button"},[i("md-icon",[e._v("favorite")])],1),e._v(" "),i("md-button",{staticClass:"md-icon-button"},[i("md-icon",[e._v("bookmark")])],1),e._v(" "),i("md-button",{staticClass:"md-icon-button"},[i("md-icon",[e._v("share")])],1)],1)],1)],1),e._v(" "),i("div",{slot:"code"},[i("code-block",{attrs:{lang:"xml"}},[e._v('\n            <div class="has-ripple">\n              <md-ink-ripple />\n              This div has ripple effect\n            </div>\n\n            <div class="has-ripple purple">\n              <md-ink-ripple />\n              This div has ripple effect\n            </div>\n\n            <div class="has-ripple blue">\n              <md-ink-ripple />\n              This div has ripple effect\n            </div>\n\n            <div class="has-ripple red">\n              <md-ink-ripple />\n              This div has ripple effect\n            </div>\n\n            <md-card class="card-ripple" md-with-hover>\n              <md-card-media>\n                <md-ink-ripple />\n                <img src="assets/card-image-1.jpg" alt="People">\n              </md-card-media>\n\n              <md-card-actions>\n                <md-button class="md-icon-button">\n                  <md-icon>favorite</md-icon>\n                </md-button>\n\n                <md-button class="md-icon-button">\n                  <md-icon>bookmark</md-icon>\n                </md-button>\n\n                <md-button class="md-icon-button">\n                  <md-icon>share</md-icon>\n                </md-button>\n              </md-card-actions>\n            </md-card>\n          ')]),e._v(" "),i("code-block",{attrs:{lang:"sass"}},[e._v("\n            .has-ripple {\n              margin-bottom: 16px;\n              padding: 20px;\n              display: inline-block;\n              position: relative;\n            }\n\n            .blue {\n              color: #2196F3;\n            }\n\n            .purple {\n              color: #9C27B0;\n            }\n\n            .red {\n              color: #F44336;\n            }\n\n            .card-ripple {\n              width: 300px;\n              margin-top: 24px;\n            }\n          ")])],1)])],1)])],1)},staticRenderFns:[]}},606:function(e,n,i){var a=i(538);"string"==typeof a&&(a=[[e.i,a,""]]),a.locals&&(e.exports=a.locals);i(5)("3123897f",a,!0)}});
\ No newline at end of file
diff --git a/input.76e80edc.js b/input.76e80edc.js
deleted file mode 100644
index 199a2db..0000000
--- a/input.76e80edc.js
+++ /dev/null
@@ -1 +0,0 @@
-webpackJsonp([10,34],{475:function(e,t,a){a(599);var n=a(0)(a(504),a(565),"data-v-53f2ef70",null);e.exports=n.exports},504:function(e,t,a){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={data:function(){return{initialValue:"My initial value"}}},e.exports=t.default},531:function(e,t,a){t=e.exports=a(4)(),t.push([e.i,"",""])},565:function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("page-content",{attrs:{"page-title":"Components - Input"}},[a("docs-component",[a("div",{slot:"description"},[a("p",[e._v("Inputs allow users to input text and usually appear in forms. Users may enter text, numbers, or mixed-format types of input.")])]),e._v(" "),a("div",{slot:"api"},[a("api-table",{attrs:{name:"md-input-container"}},[a("md-table",{slot:"properties"},[a("md-table-header",[a("md-table-row",[a("md-table-head",[e._v("Name")]),e._v(" "),a("md-table-head",[e._v("Type")]),e._v(" "),a("md-table-head",[e._v("Description")])],1)],1),e._v(" "),a("md-table-body",[a("md-table-row",[a("md-table-cell",[e._v("md-inline")]),e._v(" "),a("md-table-cell",[a("code",[e._v("Boolean")])]),e._v(" "),a("md-table-cell",[e._v("Create inline field with a label or placeholder. Default "),a("code",[e._v("false")])])],1),e._v(" "),a("md-table-row",[a("md-table-cell",[e._v("md-has-password")]),e._v(" "),a("md-table-cell",[a("code",[e._v("Boolean")])]),e._v(" "),a("md-table-cell",[e._v("Show a button to toggle the password visibility. Default "),a("code",[e._v("false")])])],1)],1)],1),e._v(" "),a("md-table",{slot:"classes"},[a("md-table-header",[a("md-table-row",[a("md-table-head",[e._v("Name")]),e._v(" "),a("md-table-head",[e._v("Description")])],1)],1),e._v(" "),a("md-table-body",[a("md-table-row",[a("md-table-cell",[e._v("md-input-invalid")]),e._v(" "),a("md-table-cell",[e._v("Set the error class")])],1)],1)],1)],1),e._v(" "),a("api-table",{attrs:{name:"md-input"}},[a("md-table",{slot:"properties"},[a("md-table-header",[a("md-table-row",[a("md-table-head",[e._v("Name")]),e._v(" "),a("md-table-head",[e._v("Type")]),e._v(" "),a("md-table-head",[e._v("Description")])],1)],1),e._v(" "),a("md-table-body",[a("md-table-row",[a("md-table-cell",[e._v("v-model")]),e._v(" "),a("md-table-cell",[a("code",[e._v("String")])]),e._v(" "),a("md-table-cell",[e._v("A required model object to bind the value.")])],1),e._v(" "),a("md-table-row",[a("md-table-cell",[e._v("type")]),e._v(" "),a("md-table-cell",[a("code",[e._v("String")])]),e._v(" "),a("md-table-cell",[e._v("Sets the type. Default "),a("code",[e._v("text")])])],1),e._v(" "),a("md-table-row",[a("md-table-cell",[e._v("disabled")]),e._v(" "),a("md-table-cell",[a("code",[e._v("Boolean")])]),e._v(" "),a("md-table-cell",[e._v("Disable the input and prevent his actions. Default "),a("code",[e._v("false")])])],1),e._v(" "),a("md-table-row",[a("md-table-cell",[e._v("required")]),e._v(" "),a("md-table-cell",[a("code",[e._v("Boolean")])]),e._v(" "),a("md-table-cell",[e._v('Apply the required rule to style the label with an "*". Default '),a("code",[e._v("false")])])],1),e._v(" "),a("md-table-row",[a("md-table-cell",[e._v("placeholder")]),e._v(" "),a("md-table-cell",[a("code",[e._v("String")])]),e._v(" "),a("md-table-cell",[e._v("Sets the placeholder.")])],1),e._v(" "),a("md-table-row",[a("md-table-cell",[e._v("maxlength")]),e._v(" "),a("md-table-cell",[a("code",[e._v("Number")])]),e._v(" "),a("md-table-cell",[e._v("Sets the maxlength and enable the text counter.")])],1)],1)],1)],1),e._v(" "),a("api-table",{attrs:{name:"md-textarea"}},[a("md-table",{slot:"properties"},[a("md-table-header",[a("md-table-row",[a("md-table-head",[e._v("Name")]),e._v(" "),a("md-table-head",[e._v("Type")]),e._v(" "),a("md-table-head",[e._v("Description")])],1)],1),e._v(" "),a("md-table-body",[a("md-table-row",[a("md-table-cell",[e._v("v-model")]),e._v(" "),a("md-table-cell",[a("code",[e._v("String")])]),e._v(" "),a("md-table-cell",[e._v("A required model object to bind the value.")])],1),e._v(" "),a("md-table-row",[a("md-table-cell",[e._v("disabled")]),e._v(" "),a("md-table-cell",[a("code",[e._v("Boolean")])]),e._v(" "),a("md-table-cell",[e._v("Disable the textarea and prevent his actions. Default "),a("code",[e._v("false")])])],1),e._v(" "),a("md-table-row",[a("md-table-cell",[e._v("required")]),e._v(" "),a("md-table-cell",[a("code",[e._v("Boolean")])]),e._v(" "),a("md-table-cell",[e._v('Apply the required rule to style the label with an "*". Default '),a("code",[e._v("false")])])],1),e._v(" "),a("md-table-row",[a("md-table-cell",[e._v("placeholder")]),e._v(" "),a("md-table-cell",[a("code",[e._v("String")])]),e._v(" "),a("md-table-cell",[e._v("Sets the placeholder.")])],1),e._v(" "),a("md-table-row",[a("md-table-cell",[e._v("maxlength")]),e._v(" "),a("md-table-cell",[a("code",[e._v("Number")])]),e._v(" "),a("md-table-cell",[e._v("Sets the maxlength and enable the text counter.")])],1)],1)],1)],1)],1),e._v(" "),a("div",{slot:"example"},[a("example-box",{attrs:{"card-title":"Regular fields"}},[a("div",{slot:"demo"},[a("form",{attrs:{novalidate:""},on:{submit:function(t){t.stopPropagation(),t.preventDefault(),e.submit(t)}}},[a("md-input-container",[a("label",[e._v("Initial value")]),e._v(" "),a("md-input",{directives:[{name:"model",rawName:"v-model",value:e.initialValue,expression:"initialValue"}],domProps:{value:e.initialValue},on:{input:function(t){e.initialValue=t}}})],1),e._v(" "),a("md-input-container",[a("label",[e._v("With label")]),e._v(" "),a("md-input",{attrs:{placeholder:"My nice placeholder"}})],1),e._v(" "),a("md-input-container",{attrs:{"md-inline":""}},[a("label",[e._v("Inline field")]),e._v(" "),a("md-input")],1),e._v(" "),a("md-input-container",[a("label",[e._v("Number")]),e._v(" "),a("md-input",{attrs:{type:"number"}})],1),e._v(" "),a("md-input-container",[a("label",[e._v("Textarea")]),e._v(" "),a("md-textarea")],1),e._v(" "),a("md-input-container",[a("label",[e._v("Disabled")]),e._v(" "),a("md-input",{attrs:{disabled:""}})],1)],1)]),e._v(" "),a("div",{slot:"code"},[a("code-block",{attrs:{lang:"xml"}},[e._v('\n            <form novalidate @submit.stop.prevent="submit">\n              <md-input-container>\n                <label>Initial value</label>\n                <md-input v-model="initialValue"></md-input>\n              </md-input-container>\n\n              <md-input-container>\n                <label>With label</label>\n                <md-input placeholder="My nice placeholder"></md-input>\n              </md-input-container>\n\n              <md-input-container md-inline>\n                <label>Inline field</label>\n                <md-input></md-input>\n              </md-input-container>\n\n              <md-input-container>\n                <label>Number</label>\n                <md-input type="number"></md-input>\n              </md-input-container>\n\n              <md-input-container>\n                <label>Textarea</label>\n                <md-textarea></md-textarea>\n              </md-input-container>\n\n              <md-input-container>\n                <label>Disabled</label>\n                <md-input disabled></md-input>\n              </md-input-container>\n            </form>\n          ')]),e._v(" "),a("code-block",{attrs:{lang:"javascript"}},[e._v("\n            export default {\n              data() {\n                return {\n                  initialValue: 'My initial value'\n                };\n              }\n            };\n          ")])],1)]),e._v(" "),a("example-box",{attrs:{"card-title":"Passwords"}},[a("div",{slot:"demo"},[a("form",{attrs:{novalidate:""},on:{submit:function(t){t.stopPropagation(),t.preventDefault(),e.submit(t)}}},[a("md-input-container",[a("label",[e._v("Regular Password")]),e._v(" "),a("md-input",{attrs:{type:"password"}})],1),e._v(" "),a("md-input-container",{attrs:{"md-has-password":""}},[a("label",[e._v("Password Reveal")]),e._v(" "),a("md-input",{attrs:{type:"password"}})],1)],1)]),e._v(" "),a("div",{slot:"code"},[a("code-block",{attrs:{lang:"xml"}},[e._v('\n            <form novalidate @submit.stop.prevent="submit">\n              <md-input-container>\n                <label>Regular Password</label>\n                <md-input type="password"></md-input>\n              </md-input-container>\n\n              <md-input-container md-has-password>\n                <label>Password Reveal</label>\n                <md-input type="password"></md-input>\n              </md-input-container>\n            </form>\n          ')])],1)]),e._v(" "),a("example-box",{attrs:{"card-title":"Icons"}},[a("div",{slot:"demo"},[a("form",{attrs:{novalidate:""},on:{submit:function(t){t.stopPropagation(),t.preventDefault(),e.submit(t)}}},[a("md-input-container",[a("md-icon",{staticClass:"md-warn"},[e._v("\n                warning\n                "),a("md-tooltip",[e._v("Be careful. You're almost broken!")])],1),e._v(" "),a("label",[e._v("Money")]),e._v(" "),a("md-input",{attrs:{type:"number"}}),e._v(" "),a("md-icon",[e._v("attach_money")])],1),e._v(" "),a("md-input-container",[a("md-icon",[e._v("phone")]),e._v(" "),a("label",[e._v("Phone")]),e._v(" "),a("md-input",{attrs:{type:"tel"}})],1),e._v(" "),a("md-input-container",[a("md-icon",[e._v("speaker_notes")]),e._v(" "),a("label",[e._v("Notes")]),e._v(" "),a("md-textarea")],1)],1)]),e._v(" "),a("div",{slot:"code"},[a("code-block",{attrs:{lang:"xml"}},[e._v('\n            <form novalidate @submit.stop.prevent="submit">\n              <md-input-container>\n                <md-icon class="md-warn">\n                  warning\n                  <md-tooltip>Be careful. You\'re almost broken!</md-tooltip>\n                </md-icon>\n                <label>Money</label>\n                <md-input type="text"></md-input>\n                <md-icon>attach_money</md-icon>\n              </md-input-container>\n\n              <md-input-container>\n                <md-icon>phone</md-icon>\n                <label>Phone</label>\n                <md-input type="tel"></md-input>\n              </md-input-container>\n\n              <md-input-container>\n                <md-icon>speaker_notes</md-icon>\n                <label>Notes</label>\n                <md-textarea></md-textarea>\n              </md-input-container>\n            </form>\n          ')])],1)]),e._v(" "),a("example-box",{attrs:{"card-title":"Required and Errors"}},[a("div",{slot:"demo"},[a("form",{attrs:{novalidate:""},on:{submit:function(t){t.stopPropagation(),t.preventDefault(),e.submit(t)}}},[a("md-input-container",[a("label",[e._v("Required")]),e._v(" "),a("md-input",{attrs:{required:""}})],1),e._v(" "),a("md-input-container",{staticClass:"md-input-invalid"},[a("label",[e._v("Error")]),e._v(" "),a("md-input",{attrs:{required:""}})],1),e._v(" "),a("md-input-container",{staticClass:"md-input-invalid"},[a("label",[e._v("Error with message")]),e._v(" "),a("md-input",{attrs:{required:""}}),e._v(" "),a("span",{staticClass:"md-error"},[e._v("Validation message")])],1),e._v(" "),a("md-input-container",{staticClass:"md-input-invalid"},[a("label",[e._v("Textarea with error")]),e._v(" "),a("md-textarea"),e._v(" "),a("span",{staticClass:"md-error"},[e._v("Textarea validation message")])],1)],1)]),e._v(" "),a("div",{slot:"code"},[a("code-block",{attrs:{lang:"xml"}},[e._v('\n            <form novalidate @submit.stop.prevent="submit">\n              <md-input-container>\n                <label>Required</label>\n                <md-input required></md-input>\n              </md-input-container>\n\n              <md-input-container class="md-input-invalid">\n                <label>Error</label>\n                <md-input required></md-input>\n              </md-input-container>\n\n              <md-input-container class="md-input-invalid">\n                <label>Error with message</label>\n                <md-input required></md-input>\n\n                <span class="md-error">Validation message</span>\n              </md-input-container>\n\n              <md-input-container class="md-input-invalid">\n                <label>Textarea with error</label>\n                <md-textarea></md-textarea>\n\n                <span class="md-error">Textarea validation message</span>\n              </md-input-container>\n            </form>\n          ')])],1)]),e._v(" "),a("example-box",{attrs:{"card-title":"Character counter"}},[a("div",{slot:"demo"},[a("form",{attrs:{novalidate:""},on:{submit:function(t){t.stopPropagation(),t.preventDefault(),e.submit(t)}}},[a("md-input-container",[a("label",[e._v("Textarea")]),e._v(" "),a("md-textarea",{attrs:{maxlength:"70"}})],1),e._v(" "),a("md-input-container",[a("label",[e._v("Input")]),e._v(" "),a("md-input",{attrs:{maxlength:"20"}})],1)],1)]),e._v(" "),a("div",{slot:"code"},[a("code-block",{attrs:{lang:"xml"}},[e._v('\n            <form novalidate @submit.stop.prevent="submit">\n              <md-input-container>\n                <label>Textarea</label>\n                <md-textarea maxlength="70"></md-textarea>\n              </md-input-container>\n\n              <md-input-container>\n                <label>Input</label>\n                <md-input maxlength="20"></md-input>\n              </md-input-container>\n            </form>\n          ')])],1)]),e._v(" "),a("example-box",{attrs:{"card-title":"Themes"}},[a("div",{slot:"demo"},[a("form",{attrs:{novalidate:""},on:{submit:function(t){t.stopPropagation(),t.preventDefault(),e.submit(t)}}},[a("md-input-container",{attrs:{"md-theme":"green"}},[a("label",[e._v("Green - Input")]),e._v(" "),a("md-input")],1),e._v(" "),a("md-input-container",{attrs:{"md-theme":"red"}},[a("label",[e._v("Red - Textarea")]),e._v(" "),a("md-textarea")],1)],1)]),e._v(" "),a("div",{slot:"code"},[a("code-block",{attrs:{lang:"xml"}},[e._v('\n            <form novalidate @submit.stop.prevent="submit">\n              <md-input-container md-theme="green">\n                <label>Green - Input</label>\n                <md-input></md-input>\n              </md-input-container>\n\n              <md-input-container md-theme="red">\n                <label>Red - Textarea</label>\n                <md-textarea></md-textarea>\n              </md-input-container>\n            </form>\n          ')])],1)])],1)])],1)},staticRenderFns:[]}},599:function(e,t,a){var n=a(531);"string"==typeof n&&(n=[[e.i,n,""]]),n.locals&&(e.exports=n.locals);a(5)("637efd80",n,!0)}});
\ No newline at end of file
diff --git a/input.ecca7906.js b/input.ecca7906.js
new file mode 100644
index 0000000..2e20cb1
--- /dev/null
+++ b/input.ecca7906.js
@@ -0,0 +1 @@
+webpackJsonp([9,34],{475:function(e,t,a){a(598);var n=a(0)(a(504),a(564),"data-v-53f2ef70",null);e.exports=n.exports},504:function(e,t,a){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={data:function(){return{initialValue:"My initial value"}}},e.exports=t.default},530:function(e,t,a){t=e.exports=a(4)(),t.push([e.i,"",""])},564:function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("page-content",{attrs:{"page-title":"Components - Input"}},[a("docs-component",[a("div",{slot:"description"},[a("p",[e._v("Inputs allow users to input text and usually appear in forms. Users may enter text, numbers, or mixed-format types of input.")])]),e._v(" "),a("div",{slot:"api"},[a("api-table",{attrs:{name:"md-input-container"}},[a("md-table",{slot:"properties"},[a("md-table-header",[a("md-table-row",[a("md-table-head",[e._v("Name")]),e._v(" "),a("md-table-head",[e._v("Type")]),e._v(" "),a("md-table-head",[e._v("Description")])],1)],1),e._v(" "),a("md-table-body",[a("md-table-row",[a("md-table-cell",[e._v("md-inline")]),e._v(" "),a("md-table-cell",[a("code",[e._v("Boolean")])]),e._v(" "),a("md-table-cell",[e._v("Create inline field with a label or placeholder. Default "),a("code",[e._v("false")])])],1),e._v(" "),a("md-table-row",[a("md-table-cell",[e._v("md-has-password")]),e._v(" "),a("md-table-cell",[a("code",[e._v("Boolean")])]),e._v(" "),a("md-table-cell",[e._v("Show a button to toggle the password visibility. Default "),a("code",[e._v("false")])])],1)],1)],1),e._v(" "),a("md-table",{slot:"classes"},[a("md-table-header",[a("md-table-row",[a("md-table-head",[e._v("Name")]),e._v(" "),a("md-table-head",[e._v("Description")])],1)],1),e._v(" "),a("md-table-body",[a("md-table-row",[a("md-table-cell",[e._v("md-input-invalid")]),e._v(" "),a("md-table-cell",[e._v("Set the error class")])],1)],1)],1)],1),e._v(" "),a("api-table",{attrs:{name:"md-input"}},[a("md-table",{slot:"properties"},[a("md-table-header",[a("md-table-row",[a("md-table-head",[e._v("Name")]),e._v(" "),a("md-table-head",[e._v("Type")]),e._v(" "),a("md-table-head",[e._v("Description")])],1)],1),e._v(" "),a("md-table-body",[a("md-table-row",[a("md-table-cell",[e._v("v-model")]),e._v(" "),a("md-table-cell",[a("code",[e._v("String")])]),e._v(" "),a("md-table-cell",[e._v("A required model object to bind the value.")])],1),e._v(" "),a("md-table-row",[a("md-table-cell",[e._v("type")]),e._v(" "),a("md-table-cell",[a("code",[e._v("String")])]),e._v(" "),a("md-table-cell",[e._v("Sets the type. Default "),a("code",[e._v("text")])])],1),e._v(" "),a("md-table-row",[a("md-table-cell",[e._v("disabled")]),e._v(" "),a("md-table-cell",[a("code",[e._v("Boolean")])]),e._v(" "),a("md-table-cell",[e._v("Disable the input and prevent his actions. Default "),a("code",[e._v("false")])])],1),e._v(" "),a("md-table-row",[a("md-table-cell",[e._v("required")]),e._v(" "),a("md-table-cell",[a("code",[e._v("Boolean")])]),e._v(" "),a("md-table-cell",[e._v('Apply the required rule to style the label with an "*". Default '),a("code",[e._v("false")])])],1),e._v(" "),a("md-table-row",[a("md-table-cell",[e._v("placeholder")]),e._v(" "),a("md-table-cell",[a("code",[e._v("String")])]),e._v(" "),a("md-table-cell",[e._v("Sets the placeholder.")])],1),e._v(" "),a("md-table-row",[a("md-table-cell",[e._v("maxlength")]),e._v(" "),a("md-table-cell",[a("code",[e._v("Number")])]),e._v(" "),a("md-table-cell",[e._v("Sets the maxlength and enable the text counter.")])],1)],1)],1)],1),e._v(" "),a("api-table",{attrs:{name:"md-textarea"}},[a("md-table",{slot:"properties"},[a("md-table-header",[a("md-table-row",[a("md-table-head",[e._v("Name")]),e._v(" "),a("md-table-head",[e._v("Type")]),e._v(" "),a("md-table-head",[e._v("Description")])],1)],1),e._v(" "),a("md-table-body",[a("md-table-row",[a("md-table-cell",[e._v("v-model")]),e._v(" "),a("md-table-cell",[a("code",[e._v("String")])]),e._v(" "),a("md-table-cell",[e._v("A required model object to bind the value.")])],1),e._v(" "),a("md-table-row",[a("md-table-cell",[e._v("disabled")]),e._v(" "),a("md-table-cell",[a("code",[e._v("Boolean")])]),e._v(" "),a("md-table-cell",[e._v("Disable the textarea and prevent his actions. Default "),a("code",[e._v("false")])])],1),e._v(" "),a("md-table-row",[a("md-table-cell",[e._v("required")]),e._v(" "),a("md-table-cell",[a("code",[e._v("Boolean")])]),e._v(" "),a("md-table-cell",[e._v('Apply the required rule to style the label with an "*". Default '),a("code",[e._v("false")])])],1),e._v(" "),a("md-table-row",[a("md-table-cell",[e._v("placeholder")]),e._v(" "),a("md-table-cell",[a("code",[e._v("String")])]),e._v(" "),a("md-table-cell",[e._v("Sets the placeholder.")])],1),e._v(" "),a("md-table-row",[a("md-table-cell",[e._v("maxlength")]),e._v(" "),a("md-table-cell",[a("code",[e._v("Number")])]),e._v(" "),a("md-table-cell",[e._v("Sets the maxlength and enable the text counter.")])],1)],1)],1)],1)],1),e._v(" "),a("div",{slot:"example"},[a("example-box",{attrs:{"card-title":"Regular fields"}},[a("div",{slot:"demo"},[a("form",{attrs:{novalidate:""},on:{submit:function(t){t.stopPropagation(),t.preventDefault(),e.submit(t)}}},[a("md-input-container",[a("label",[e._v("Initial value")]),e._v(" "),a("md-input",{directives:[{name:"model",rawName:"v-model",value:e.initialValue,expression:"initialValue"}],domProps:{value:e.initialValue},on:{input:function(t){e.initialValue=t}}})],1),e._v(" "),a("md-input-container",[a("label",[e._v("With label")]),e._v(" "),a("md-input",{attrs:{placeholder:"My nice placeholder"}})],1),e._v(" "),a("md-input-container",{attrs:{"md-inline":""}},[a("label",[e._v("Inline field")]),e._v(" "),a("md-input")],1),e._v(" "),a("md-input-container",[a("label",[e._v("Number")]),e._v(" "),a("md-input",{attrs:{type:"number"}})],1),e._v(" "),a("md-input-container",[a("label",[e._v("Textarea")]),e._v(" "),a("md-textarea")],1),e._v(" "),a("md-input-container",[a("label",[e._v("Disabled")]),e._v(" "),a("md-input",{attrs:{disabled:""}})],1)],1)]),e._v(" "),a("div",{slot:"code"},[a("code-block",{attrs:{lang:"xml"}},[e._v('\n            <form novalidate @submit.stop.prevent="submit">\n              <md-input-container>\n                <label>Initial value</label>\n                <md-input v-model="initialValue"></md-input>\n              </md-input-container>\n\n              <md-input-container>\n                <label>With label</label>\n                <md-input placeholder="My nice placeholder"></md-input>\n              </md-input-container>\n\n              <md-input-container md-inline>\n                <label>Inline field</label>\n                <md-input></md-input>\n              </md-input-container>\n\n              <md-input-container>\n                <label>Number</label>\n                <md-input type="number"></md-input>\n              </md-input-container>\n\n              <md-input-container>\n                <label>Textarea</label>\n                <md-textarea></md-textarea>\n              </md-input-container>\n\n              <md-input-container>\n                <label>Disabled</label>\n                <md-input disabled></md-input>\n              </md-input-container>\n            </form>\n          ')]),e._v(" "),a("code-block",{attrs:{lang:"javascript"}},[e._v("\n            export default {\n              data() {\n                return {\n                  initialValue: 'My initial value'\n                };\n              }\n            };\n          ")])],1)]),e._v(" "),a("example-box",{attrs:{"card-title":"Passwords"}},[a("div",{slot:"demo"},[a("form",{attrs:{novalidate:""},on:{submit:function(t){t.stopPropagation(),t.preventDefault(),e.submit(t)}}},[a("md-input-container",[a("label",[e._v("Regular Password")]),e._v(" "),a("md-input",{attrs:{type:"password"}})],1),e._v(" "),a("md-input-container",{attrs:{"md-has-password":""}},[a("label",[e._v("Password Reveal")]),e._v(" "),a("md-input",{attrs:{type:"password"}})],1)],1)]),e._v(" "),a("div",{slot:"code"},[a("code-block",{attrs:{lang:"xml"}},[e._v('\n            <form novalidate @submit.stop.prevent="submit">\n              <md-input-container>\n                <label>Regular Password</label>\n                <md-input type="password"></md-input>\n              </md-input-container>\n\n              <md-input-container md-has-password>\n                <label>Password Reveal</label>\n                <md-input type="password"></md-input>\n              </md-input-container>\n            </form>\n          ')])],1)]),e._v(" "),a("example-box",{attrs:{"card-title":"Icons"}},[a("div",{slot:"demo"},[a("form",{attrs:{novalidate:""},on:{submit:function(t){t.stopPropagation(),t.preventDefault(),e.submit(t)}}},[a("md-input-container",[a("md-icon",{staticClass:"md-warn"},[e._v("\n                warning\n                "),a("md-tooltip",[e._v("Be careful. You're almost broken!")])],1),e._v(" "),a("label",[e._v("Money")]),e._v(" "),a("md-input",{attrs:{type:"number"}}),e._v(" "),a("md-icon",[e._v("attach_money")])],1),e._v(" "),a("md-input-container",[a("md-icon",[e._v("phone")]),e._v(" "),a("label",[e._v("Phone")]),e._v(" "),a("md-input",{attrs:{type:"tel"}})],1),e._v(" "),a("md-input-container",[a("md-icon",[e._v("speaker_notes")]),e._v(" "),a("label",[e._v("Notes")]),e._v(" "),a("md-textarea")],1)],1)]),e._v(" "),a("div",{slot:"code"},[a("code-block",{attrs:{lang:"xml"}},[e._v('\n            <form novalidate @submit.stop.prevent="submit">\n              <md-input-container>\n                <md-icon class="md-warn">\n                  warning\n                  <md-tooltip>Be careful. You\'re almost broken!</md-tooltip>\n                </md-icon>\n                <label>Money</label>\n                <md-input type="text"></md-input>\n                <md-icon>attach_money</md-icon>\n              </md-input-container>\n\n              <md-input-container>\n                <md-icon>phone</md-icon>\n                <label>Phone</label>\n                <md-input type="tel"></md-input>\n              </md-input-container>\n\n              <md-input-container>\n                <md-icon>speaker_notes</md-icon>\n                <label>Notes</label>\n                <md-textarea></md-textarea>\n              </md-input-container>\n            </form>\n          ')])],1)]),e._v(" "),a("example-box",{attrs:{"card-title":"Required and Errors"}},[a("div",{slot:"demo"},[a("form",{attrs:{novalidate:""},on:{submit:function(t){t.stopPropagation(),t.preventDefault(),e.submit(t)}}},[a("md-input-container",[a("label",[e._v("Required")]),e._v(" "),a("md-input",{attrs:{required:""}})],1),e._v(" "),a("md-input-container",{staticClass:"md-input-invalid"},[a("label",[e._v("Error")]),e._v(" "),a("md-input",{attrs:{required:""}})],1),e._v(" "),a("md-input-container",{staticClass:"md-input-invalid"},[a("label",[e._v("Error with message")]),e._v(" "),a("md-input",{attrs:{required:""}}),e._v(" "),a("span",{staticClass:"md-error"},[e._v("Validation message")])],1),e._v(" "),a("md-input-container",{staticClass:"md-input-invalid"},[a("label",[e._v("Textarea with error")]),e._v(" "),a("md-textarea"),e._v(" "),a("span",{staticClass:"md-error"},[e._v("Textarea validation message")])],1)],1)]),e._v(" "),a("div",{slot:"code"},[a("code-block",{attrs:{lang:"xml"}},[e._v('\n            <form novalidate @submit.stop.prevent="submit">\n              <md-input-container>\n                <label>Required</label>\n                <md-input required></md-input>\n              </md-input-container>\n\n              <md-input-container class="md-input-invalid">\n                <label>Error</label>\n                <md-input required></md-input>\n              </md-input-container>\n\n              <md-input-container class="md-input-invalid">\n                <label>Error with message</label>\n                <md-input required></md-input>\n\n                <span class="md-error">Validation message</span>\n              </md-input-container>\n\n              <md-input-container class="md-input-invalid">\n                <label>Textarea with error</label>\n                <md-textarea></md-textarea>\n\n                <span class="md-error">Textarea validation message</span>\n              </md-input-container>\n            </form>\n          ')])],1)]),e._v(" "),a("example-box",{attrs:{"card-title":"Character counter"}},[a("div",{slot:"demo"},[a("form",{attrs:{novalidate:""},on:{submit:function(t){t.stopPropagation(),t.preventDefault(),e.submit(t)}}},[a("md-input-container",[a("label",[e._v("Textarea")]),e._v(" "),a("md-textarea",{attrs:{maxlength:"70"}})],1),e._v(" "),a("md-input-container",[a("label",[e._v("Input")]),e._v(" "),a("md-input",{attrs:{maxlength:"20"}})],1)],1)]),e._v(" "),a("div",{slot:"code"},[a("code-block",{attrs:{lang:"xml"}},[e._v('\n            <form novalidate @submit.stop.prevent="submit">\n              <md-input-container>\n                <label>Textarea</label>\n                <md-textarea maxlength="70"></md-textarea>\n              </md-input-container>\n\n              <md-input-container>\n                <label>Input</label>\n                <md-input maxlength="20"></md-input>\n              </md-input-container>\n            </form>\n          ')])],1)]),e._v(" "),a("example-box",{attrs:{"card-title":"Themes"}},[a("div",{slot:"demo"},[a("form",{attrs:{novalidate:""},on:{submit:function(t){t.stopPropagation(),t.preventDefault(),e.submit(t)}}},[a("md-input-container",{attrs:{"md-theme":"green"}},[a("label",[e._v("Green - Input")]),e._v(" "),a("md-input")],1),e._v(" "),a("md-input-container",{attrs:{"md-theme":"red"}},[a("label",[e._v("Red - Textarea")]),e._v(" "),a("md-textarea")],1)],1)]),e._v(" "),a("div",{slot:"code"},[a("code-block",{attrs:{lang:"xml"}},[e._v('\n            <form novalidate @submit.stop.prevent="submit">\n              <md-input-container md-theme="green">\n                <label>Green - Input</label>\n                <md-input></md-input>\n              </md-input-container>\n\n              <md-input-container md-theme="red">\n                <label>Red - Textarea</label>\n                <md-textarea></md-textarea>\n              </md-input-container>\n            </form>\n          ')])],1)])],1)])],1)},staticRenderFns:[]}},598:function(e,t,a){var n=a(530);"string"==typeof n&&(n=[[e.i,n,""]]),n.locals&&(e.exports=n.locals);a(5)("637efd80",n,!0)}});
\ No newline at end of file
diff --git a/list.bd0240a1.js b/list.21d93484.js
similarity index 99%
rename from list.bd0240a1.js
rename to list.21d93484.js
index 5724f34..7ec9ce5 100644
--- a/list.bd0240a1.js
+++ b/list.21d93484.js
@@ -1 +1 @@
-webpackJsonp([18,34],{476:function(t,n,i){i(595);var s=i(0)(null,i(559),"data-v-3afd7c90",null);t.exports=s.exports},527:function(t,n,i){n=t.exports=i(4)(),n.push([t.i,".phone-viewport[data-v-3afd7c90]{height:400px}.custom-list .md-icon[data-v-3afd7c90]:not(.md-primary){color:rgba(0,0,0,.26)}",""])},559:function(t,n){t.exports={render:function(){var t=this,n=t.$createElement,i=t._self._c||n;return i("page-content",{attrs:{"page-title":"Components - List"}},[i("docs-component",[i("div",{slot:"description"},[i("p",[t._v("Lists are best suited to presenting a homogeneous data type or sets of data types, such as images and text. They are optimized for reading comprehension while differentiating either between similar data types, or qualities within a single data type.")]),t._v(" "),i("p",[t._v("The "),i("code",[t._v("md-list")]),t._v(" component have some auxiliary classes to align content and display actions. All of them can be any HTML tag:")]),t._v(" "),i("ul",[i("li",[i("code",[t._v(".md-list-action")]),t._v(": Used to display a action on the right side of a list item. Commonly used to display a button with a single action.")]),t._v(" "),i("li",[i("code",[t._v(".md-list-text-container")]),t._v(": Used to align text horizontally with icons and actions. Used in double and triple lines.")]),t._v(" "),i("li",[i("code",[t._v(".md-divider")]),t._v(": Add a horizontal line between list items.")])])]),t._v(" "),i("div",{slot:"api"},[i("api-table",{attrs:{name:"md-list"}},[i("md-table",{slot:"classes"},[i("md-table-header",[i("md-table-row",[i("md-table-head",[t._v("Name")]),t._v(" "),i("md-table-head",[t._v("Description")])],1)],1),t._v(" "),i("md-table-body",[i("md-table-row",[i("md-table-cell",[t._v("md-dense")]),t._v(" "),i("md-table-cell",[t._v("Make the list dense and compact")])],1),t._v(" "),i("md-table-row",[i("md-table-cell",[t._v("md-double-line")]),t._v(" "),i("md-table-cell",[t._v("Make list items to support double line")])],1),t._v(" "),i("md-table-row",[i("md-table-cell",[t._v("md-triple-line")]),t._v(" "),i("md-table-cell",[t._v("Make list items to support triple line")])],1)],1)],1)],1),t._v(" "),i("api-table",{attrs:{name:"md-list-item"}},[i("p",[t._v("Display a single item inside lists")]),t._v(" "),i("md-table",{slot:"properties"},[i("md-table-header",[i("md-table-row",[i("md-table-head",[t._v("Name")]),t._v(" "),i("md-table-head",[t._v("Type")]),t._v(" "),i("md-table-head",[t._v("Description")])],1)],1),t._v(" "),i("md-table-body",[i("md-table-row",[i("md-table-cell",[t._v("href")]),t._v(" "),i("md-table-cell",[i("code",[t._v("String")])]),t._v(" "),i("md-table-cell",[t._v("The link that the item should redirect to.")])],1),t._v(" "),i("md-table-row",[i("md-table-cell",[t._v("target")]),t._v(" "),i("md-table-cell",[i("code",[t._v("String")])]),t._v(" "),i("md-table-cell",[t._v("The target for opening the href link. Normally used for "),i("code",[t._v("_blank")]),t._v(" cases.")])],1),t._v(" "),i("md-table-row",[i("md-table-cell",[t._v("disabled")]),t._v(" "),i("md-table-cell",[i("code",[t._v("Boolean")])]),t._v(" "),i("md-table-cell",[t._v("Disable the item and prevent his actions. Default "),i("code",[t._v("false")])])],1),t._v(" "),i("md-table-row",[i("md-table-cell",[t._v("md-expand-multiple")]),t._v(" "),i("md-table-cell",[i("code",[t._v("Boolean")])]),t._v(" "),i("md-table-cell",[t._v("Allow multiple items be expanded in same time in md-list. Default "),i("code",[t._v("false")])])],1)],1)],1),t._v(" "),i("md-table",{slot:"classes"},[i("md-table-header",[i("md-table-row",[i("md-table-head",[t._v("Name")]),t._v(" "),i("md-table-head",[t._v("Description")])],1)],1),t._v(" "),i("md-table-body",[i("md-table-row",[i("md-table-cell",[t._v("md-inset")]),t._v(" "),i("md-table-cell",[t._v("Add an empty space on the left of the table. "),i("br"),t._v("Useful to show list items without icons aligned with another that have an icon.")])],1)],1)],1)],1),t._v(" "),i("api-table",{attrs:{name:"md-list-expand"}},[i("p",[t._v("Create a expansion accordion automatically inside lists")]),t._v(" "),i("p",[t._v("No options available")])])],1),t._v(" "),i("div",{slot:"example"},[i("example-box",{attrs:{"card-title":"Single Line"}},[i("div",{slot:"demo"},[i("div",{staticClass:"phone-viewport"},[i("md-list",[i("md-list-item",[i("md-icon",[t._v("move_to_inbox")]),t._v(" "),i("span",[t._v("Inbox")])],1),t._v(" "),i("md-list-item",[i("md-icon",[t._v("send")]),t._v(" "),i("span",[t._v("Sent Mail")])],1),t._v(" "),i("md-list-item",[i("md-icon",[t._v("delete")]),t._v(" "),i("span",[t._v("Trash")])],1),t._v(" "),i("md-list-item",[i("md-icon",[t._v("error")]),t._v(" "),i("span",[t._v("Spam")]),t._v(" "),i("md-divider",{staticClass:"md-inset"})],1),t._v(" "),i("md-list-item",[i("md-avatar",[i("img",{attrs:{src:"https://placeimg.com/40/40/people/5",alt:"People"}})]),t._v(" "),i("span",[t._v("Abbey Christansen")]),t._v(" "),i("md-button",{staticClass:"md-icon-button md-list-action"},[i("md-icon",{staticClass:"md-primary"},[t._v("chat_bubble")])],1)],1),t._v(" "),i("md-list-item",[i("md-avatar",[i("img",{attrs:{src:"https://placeimg.com/40/40/people/1",alt:"People"}})]),t._v(" "),i("span",[t._v("Alex Nelson")]),t._v(" "),i("md-button",{staticClass:"md-icon-button md-list-action"},[i("md-icon",{staticClass:"md-primary"},[t._v("chat_bubble")])],1)],1),t._v(" "),i("md-list-item",[i("md-avatar",[i("img",{attrs:{src:"https://placeimg.com/40/40/people/6",alt:"People"}})]),t._v(" "),i("span",[t._v("Mary Johnson")]),t._v(" "),i("md-button",{staticClass:"md-icon-button md-list-action"},[i("md-icon",[t._v("chat_bubble")])],1)],1)],1)],1),t._v(" "),i("div",{staticClass:"phone-viewport"},[i("md-list",{staticClass:"md-dense"},[i("md-list-item",[i("md-icon",[t._v("move_to_inbox")]),t._v(" "),i("span",[t._v("Inbox")])],1),t._v(" "),i("md-list-item",[i("md-icon",[t._v("send")]),t._v(" "),i("span",[t._v("Sent Mail")])],1),t._v(" "),i("md-list-item",[i("md-icon",[t._v("delete")]),t._v(" "),i("span",[t._v("Trash")])],1),t._v(" "),i("md-list-item",[i("md-icon",[t._v("error")]),t._v(" "),i("span",[t._v("Spam")]),t._v(" "),i("md-divider",{staticClass:"md-inset"})],1),t._v(" "),i("md-list-item",[i("md-avatar",[i("img",{attrs:{src:"https://placeimg.com/40/40/people/5",alt:"People"}})]),t._v(" "),i("span",[t._v("Abbey Christansen")]),t._v(" "),i("md-button",{staticClass:"md-icon-button md-list-action"},[i("md-icon",{staticClass:"md-primary"},[t._v("chat_bubble")])],1)],1),t._v(" "),i("md-list-item",[i("md-avatar",[i("img",{attrs:{src:"https://placeimg.com/40/40/people/1",alt:"People"}})]),t._v(" "),i("span",[t._v("Alex Nelson")]),t._v(" "),i("md-button",{staticClass:"md-icon-button md-list-action"},[i("md-icon",{staticClass:"md-primary"},[t._v("chat_bubble")])],1)],1),t._v(" "),i("md-list-item",[i("md-avatar",[i("img",{attrs:{src:"https://placeimg.com/40/40/people/6",alt:"People"}})]),t._v(" "),i("span",[t._v("Mary Johnson")]),t._v(" "),i("md-button",{staticClass:"md-icon-button md-list-action"},[i("md-icon",[t._v("chat_bubble")])],1)],1)],1)],1)]),t._v(" "),i("div",{slot:"code"},[i("code-block",{attrs:{lang:"xml"}},[t._v('\n            <div class="phone-viewport">\n              <md-list>\n                <md-list-item>\n                  <md-icon>move_to_inbox</md-icon> <span>Inbox</span>\n                </md-list-item>\n\n                <md-list-item>\n                  <md-icon>send</md-icon> <span>Sent Mail</span>\n                </md-list-item>\n\n                <md-list-item>\n                  <md-icon>delete</md-icon> <span>Trash</span>\n                </md-list-item>\n\n                <md-list-item>\n                  <md-icon>error</md-icon> <span>Spam</span>\n\n                  <md-divider class="md-inset"></md-divider>\n                </md-list-item>\n\n                <md-list-item>\n                  <md-avatar>\n                    <img src="https://placeimg.com/40/40/people/5" alt="People">\n                  </md-avatar>\n\n                  <span>Abbey Christansen</span>\n\n                  <md-button class="md-icon-button md-list-action">\n                    <md-icon class="md-primary">chat_bubble</md-icon>\n                  </md-button>\n                </md-list-item>\n\n                <md-list-item>\n                  <md-avatar>\n                    <img src="https://placeimg.com/40/40/people/1" alt="People">\n                  </md-avatar>\n\n                  <span>Alex Nelson</span>\n\n                  <md-button class="md-icon-button md-list-action">\n                    <md-icon class="md-primary">chat_bubble</md-icon>\n                  </md-button>\n                </md-list-item>\n\n                <md-list-item>\n                  <md-avatar>\n                    <img src="https://placeimg.com/40/40/people/6" alt="People">\n                  </md-avatar>\n\n                  <span>Mary Johnson</span>\n\n                  <md-button class="md-icon-button md-list-action">\n                    <md-icon>chat_bubble</md-icon>\n                  </md-button>\n                </md-list-item>\n              </md-list>\n            </div>\n\n            <div class="phone-viewport">\n              <md-list class="md-dense">\n                <md-list-item>\n                  <md-icon>move_to_inbox</md-icon> <span>Inbox</span>\n                </md-list-item>\n\n                <md-list-item>\n                  <md-icon>send</md-icon> <span>Sent Mail</span>\n                </md-list-item>\n\n                <md-list-item>\n                  <md-icon>delete</md-icon> <span>Trash</span>\n                </md-list-item>\n\n                <md-list-item>\n                  <md-icon>error</md-icon> <span>Spam</span>\n\n                  <md-divider class="md-inset"></md-divider>\n                </md-list-item>\n\n                <md-list-item>\n                  <md-avatar>\n                    <img src="https://placeimg.com/40/40/people/5" alt="People">\n                  </md-avatar>\n\n                  <span>Abbey Christansen</span>\n\n                  <md-button class="md-icon-button md-list-action">\n                    <md-icon class="md-primary">chat_bubble</md-icon>\n                  </md-button>\n                </md-list-item>\n\n                <md-list-item>\n                  <md-avatar>\n                    <img src="https://placeimg.com/40/40/people/1" alt="People">\n                  </md-avatar>\n\n                  <span>Alex Nelson</span>\n\n                  <md-button class="md-icon-button md-list-action">\n                    <md-icon class="md-primary">chat_bubble</md-icon>\n                  </md-button>\n                </md-list-item>\n\n                <md-list-item>\n                  <md-avatar>\n                    <img src="https://placeimg.com/40/40/people/6" alt="People">\n                  </md-avatar>\n\n                  <span>Mary Johnson</span>\n\n                  <md-button class="md-icon-button md-list-action">\n                    <md-icon>chat_bubble</md-icon>\n                  </md-button>\n                </md-list-item>\n              </md-list>\n            </div>\n          ')])],1)]),t._v(" "),i("example-box",{attrs:{"card-title":"Double Line"}},[i("div",{slot:"demo"},[i("div",{staticClass:"phone-viewport"},[i("md-list",{staticClass:"md-double-line"},[i("md-list-item",[i("md-icon",{staticClass:"md-primary"},[t._v("phone")]),t._v(" "),i("div",{staticClass:"md-list-text-container"},[i("span",[t._v("(650) 555-1234")]),t._v(" "),i("span",[t._v("Mobile")])]),t._v(" "),i("md-button",{staticClass:"md-icon-button md-list-action"},[i("md-icon",[t._v("sms")])],1)],1),t._v(" "),i("md-list-item",{staticClass:"md-inset"},[i("div",{staticClass:"md-list-text-container"},[i("span",[t._v("(650) 555-1234")]),t._v(" "),i("span",[t._v("Mobile")])]),t._v(" "),i("md-divider",{staticClass:"md-inset"})],1),t._v(" "),i("md-list-item",[i("md-icon",{staticClass:"md-primary"},[t._v("email")]),t._v(" "),i("div",{staticClass:"md-list-text-container"},[i("span",[t._v("aliconnors@example.com")]),t._v(" "),i("span",[t._v("Personal")])]),t._v(" "),i("md-button",{staticClass:"md-icon-button md-list-action"},[i("md-icon",[t._v("sms")])],1)],1),t._v(" "),i("md-list-item",{staticClass:"md-inset"},[i("div",{staticClass:"md-list-text-container"},[i("span",[t._v("ali_connors@example.com")]),t._v(" "),i("span",[t._v("Work")])])])],1)],1),t._v(" "),i("div",{staticClass:"phone-viewport"},[i("md-list",{staticClass:"md-double-line md-dense"},[i("md-list-item",[i("md-icon",{staticClass:"md-primary"},[t._v("phone")]),t._v(" "),i("div",{staticClass:"md-list-text-container"},[i("span",[t._v("(650) 555-1234")]),t._v(" "),i("span",[t._v("Mobile")])]),t._v(" "),i("md-button",{staticClass:"md-icon-button md-list-action"},[i("md-icon",[t._v("sms")])],1)],1),t._v(" "),i("md-list-item",{staticClass:"md-inset"},[i("div",{staticClass:"md-list-text-container"},[i("span",[t._v("(650) 555-1234")]),t._v(" "),i("span",[t._v("Mobile")])]),t._v(" "),i("md-divider",{staticClass:"md-inset"})],1),t._v(" "),i("md-list-item",[i("md-icon",{staticClass:"md-primary"},[t._v("email")]),t._v(" "),i("div",{staticClass:"md-list-text-container"},[i("span",[t._v("aliconnors@example.com")]),t._v(" "),i("span",[t._v("Personal")])]),t._v(" "),i("md-button",{staticClass:"md-icon-button md-list-action"},[i("md-icon",[t._v("sms")])],1)],1),t._v(" "),i("md-list-item",{staticClass:"md-inset"},[i("div",{staticClass:"md-list-text-container"},[i("span",[t._v("ali_connors@example.com")]),t._v(" "),i("span",[t._v("Work")])])])],1)],1)]),t._v(" "),i("div",{slot:"code"},[i("code-block",{attrs:{lang:"xml"}},[t._v('\n            <div class="phone-viewport">\n              <md-list class="md-double-line">\n                <md-list-item>\n                  <md-icon class="md-primary">phone</md-icon>\n\n                  <div class="md-list-text-container">\n                    <span>(650) 555-1234</span>\n                    <span>Mobile</span>\n                  </div>\n\n                  <md-button class="md-icon-button md-list-action">\n                    <md-icon>sms</md-icon>\n                  </md-button>\n                </md-list-item>\n\n                <md-list-item class="md-inset">\n                  <div class="md-list-text-container">\n                    <span>(650) 555-1234</span>\n                    <span>Mobile</span>\n                  </div>\n\n                  <md-divider class="md-inset"></md-divider>\n                </md-list-item>\n\n                <md-list-item>\n                  <md-icon class="md-primary">email</md-icon>\n\n                  <div class="md-list-text-container">\n                    <span>aliconnors@example.com</span>\n                    <span>Personal</span>\n                  </div>\n\n                  <md-button class="md-icon-button md-list-action">\n                    <md-icon>sms</md-icon>\n                  </md-button>\n                </md-list-item>\n\n                <md-list-item class="md-inset">\n                  <div class="md-list-text-container">\n                    <span>ali_connors@example.com</span>\n                    <span>Work</span>\n                  </div>\n                </md-list-item>\n              </md-list>\n            </div>\n\n            <div class="phone-viewport">\n              <md-list class="md-double-line md-dense">\n                <md-list-item>\n                  <md-icon class="md-primary">phone</md-icon>\n\n                  <div class="md-list-text-container">\n                    <span>(650) 555-1234</span>\n                    <span>Mobile</span>\n                  </div>\n\n                  <md-button class="md-icon-button md-list-action">\n                    <md-icon>sms</md-icon>\n                  </md-button>\n                </md-list-item>\n\n                <md-list-item class="md-inset">\n                  <div class="md-list-text-container">\n                    <span>(650) 555-1234</span>\n                    <span>Mobile</span>\n                  </div>\n\n                  <md-divider class="md-inset"></md-divider>\n                </md-list-item>\n\n                <md-list-item>\n                  <md-icon class="md-primary">email</md-icon>\n\n                  <div class="md-list-text-container">\n                    <span>aliconnors@example.com</span>\n                    <span>Personal</span>\n                  </div>\n\n                  <md-button class="md-icon-button md-list-action">\n                    <md-icon>sms</md-icon>\n                  </md-button>\n                </md-list-item>\n\n                <md-list-item class="md-inset">\n                  <div class="md-list-text-container">\n                    <span>ali_connors@example.com</span>\n                    <span>Work</span>\n                  </div>\n                </md-list-item>\n              </md-list>\n            </div>\n          ')])],1)]),t._v(" "),i("example-box",{attrs:{"card-title":"Triple Line"}},[i("div",{slot:"demo"},[i("div",{staticClass:"phone-viewport"},[i("md-list",{staticClass:"custom-list md-triple-line"},[i("md-list-item",[i("md-avatar",[i("img",{attrs:{src:"https://placeimg.com/40/40/people/1",alt:"People"}})]),t._v(" "),i("div",{staticClass:"md-list-text-container"},[i("span",[t._v("Ali Connors")]),t._v(" "),i("span",[t._v("Brunch this weekend?")]),t._v(" "),i("p",[t._v("I'll be in your neighborhood doing errands...")])]),t._v(" "),i("md-button",{staticClass:"md-icon-button md-list-action"},[i("md-icon",{staticClass:"md-primary"},[t._v("star")])],1),t._v(" "),i("md-divider",{staticClass:"md-inset"})],1),t._v(" "),i("md-list-item",[i("md-avatar",[i("img",{attrs:{src:"https://placeimg.com/40/40/people/6",alt:"People"}})]),t._v(" "),i("div",{staticClass:"md-list-text-container"},[i("span",[t._v("me, Scott, Jennifer")]),t._v(" "),i("span",[t._v("Summer BBQ")]),t._v(" "),i("p",[t._v("Wish I could come, but I'm out of town ...")])]),t._v(" "),i("md-button",{staticClass:"md-icon-button md-list-action"},[i("md-icon",[t._v("star_border")])],1),t._v(" "),i("md-divider",{staticClass:"md-inset"})],1),t._v(" "),i("md-list-item",[i("md-avatar",[i("img",{attrs:{src:"https://placeimg.com/40/40/people/5",alt:"People"}})]),t._v(" "),i("div",{staticClass:"md-list-text-container"},[i("span",[t._v("Sandra Adams")]),t._v(" "),i("span",[t._v("Oui oui")]),t._v(" "),i("p",[t._v("Do you have Paris recommendations ...")])]),t._v(" "),i("md-button",{staticClass:"md-icon-button md-list-action"},[i("md-icon",[t._v("star_border")])],1),t._v(" "),i("md-divider",{staticClass:"md-inset"})],1),t._v(" "),i("md-list-item",[i("md-avatar",[i("img",{attrs:{src:"https://placeimg.com/40/40/people/8",alt:"People"}})]),t._v(" "),i("div",{staticClass:"md-list-text-container"},[i("span",[t._v("Trevor Hansen")]),t._v(" "),i("span",[t._v("Order confirmation")]),t._v(" "),i("p",[t._v("Thank you for your recent order from ...")])]),t._v(" "),i("md-button",{staticClass:"md-icon-button md-list-action"},[i("md-icon",[t._v("star_border")])],1),t._v(" "),i("md-divider",{staticClass:"md-inset"})],1)],1)],1),t._v(" "),i("div",{staticClass:"phone-viewport"},[i("md-list",{staticClass:"custom-list md-triple-line md-dense"},[i("md-list-item",[i("md-avatar",[i("img",{attrs:{src:"https://placeimg.com/40/40/people/1",alt:"People"}})]),t._v(" "),i("div",{staticClass:"md-list-text-container"},[i("span",[t._v("Ali Connors")]),t._v(" "),i("span",[t._v("Brunch this weekend?")]),t._v(" "),i("p",[t._v("I'll be in your neighborhood doing errands...")])]),t._v(" "),i("md-button",{staticClass:"md-icon-button md-list-action"},[i("md-icon",{staticClass:"md-primary"},[t._v("star")])],1),t._v(" "),i("md-divider",{staticClass:"md-inset"})],1),t._v(" "),i("md-list-item",[i("md-avatar",[i("img",{attrs:{src:"https://placeimg.com/40/40/people/6",alt:"People"}})]),t._v(" "),i("div",{staticClass:"md-list-text-container"},[i("span",[t._v("me, Scott, Jennifer")]),t._v(" "),i("span",[t._v("Summer BBQ")]),t._v(" "),i("p",[t._v("Wish I could come, but I'm out of town ...")])]),t._v(" "),i("md-button",{staticClass:"md-icon-button md-list-action"},[i("md-icon",[t._v("star_border")])],1),t._v(" "),i("md-divider",{staticClass:"md-inset"})],1),t._v(" "),i("md-list-item",[i("md-avatar",[i("img",{attrs:{src:"https://placeimg.com/40/40/people/5",alt:"People"}})]),t._v(" "),i("div",{staticClass:"md-list-text-container"},[i("span",[t._v("Sandra Adams")]),t._v(" "),i("span",[t._v("Oui oui")]),t._v(" "),i("p",[t._v("Do you have Paris recommendations ...")])]),t._v(" "),i("md-button",{staticClass:"md-icon-button md-list-action"},[i("md-icon",[t._v("star_border")])],1),t._v(" "),i("md-divider",{staticClass:"md-inset"})],1),t._v(" "),i("md-list-item",[i("md-avatar",[i("img",{attrs:{src:"https://placeimg.com/40/40/people/8",alt:"People"}})]),t._v(" "),i("div",{staticClass:"md-list-text-container"},[i("span",[t._v("Trevor Hansen")]),t._v(" "),i("span",[t._v("Order confirmation")]),t._v(" "),i("p",[t._v("Thank you for your recent order from ...")])]),t._v(" "),i("md-button",{staticClass:"md-icon-button md-list-action"},[i("md-icon",[t._v("star_border")])],1),t._v(" "),i("md-divider",{staticClass:"md-inset"})],1)],1)],1)]),t._v(" "),i("div",{slot:"code"},[i("code-block",{attrs:{lang:"xml"}},[t._v('\n            <div class="phone-viewport">\n              <md-list class="custom-list md-triple-line">\n                <md-list-item>\n                  <md-avatar>\n                    <img src="https://placeimg.com/40/40/people/1" alt="People">\n                  </md-avatar>\n\n                  <div class="md-list-text-container">\n                    <span>Ali Connors</span>\n                    <span>Brunch this weekend?</span>\n                    <p>I\'ll be in your neighborhood doing errands...</p>\n                  </div>\n\n                  <md-button class="md-icon-button md-list-action">\n                    <md-icon class="md-primary">star</md-icon>\n                  </md-button>\n\n                  <md-divider class="md-inset"></md-divider>\n                </md-list-item>\n\n                <md-list-item>\n                  <md-avatar>\n                    <img src="https://placeimg.com/40/40/people/6" alt="People">\n                  </md-avatar>\n\n                  <div class="md-list-text-container">\n                    <span>me, Scott, Jennifer</span>\n                    <span>Summer BBQ</span>\n                    <p>Wish I could come, but I\'m out of town ...</p>\n                  </div>\n\n                  <md-button class="md-icon-button md-list-action">\n                    <md-icon>star_border</md-icon>\n                  </md-button>\n\n                  <md-divider class="md-inset"></md-divider>\n                </md-list-item>\n\n                <md-list-item>\n                  <md-avatar>\n                    <img src="https://placeimg.com/40/40/people/5" alt="People">\n                  </md-avatar>\n\n                  <div class="md-list-text-container">\n                    <span>Sandra Adams</span>\n                    <span>Oui oui</span>\n                    <p>Do you have Paris recommendations ...</p>\n                  </div>\n\n                  <md-button class="md-icon-button md-list-action">\n                    <md-icon>star_border</md-icon>\n                  </md-button>\n\n                  <md-divider class="md-inset"></md-divider>\n                </md-list-item>\n\n                <md-list-item>\n                  <md-avatar>\n                    <img src="https://placeimg.com/40/40/people/8" alt="People">\n                  </md-avatar>\n\n                  <div class="md-list-text-container">\n                    <span>Trevor Hansen</span>\n                    <span>Order confirmation</span>\n                    <p>Thank you for your recent order from ...</p>\n                  </div>\n\n                  <md-button class="md-icon-button md-list-action">\n                    <md-icon>star_border</md-icon>\n                  </md-button>\n\n                  <md-divider class="md-inset"></md-divider>\n                </md-list-item>\n              </md-list>\n            </div>\n\n            <div class="phone-viewport">\n              <md-list class="custom-list md-triple-line md-dense">\n                <md-list-item>\n                  <md-avatar>\n                    <img src="https://placeimg.com/40/40/people/1" alt="People">\n                  </md-avatar>\n\n                  <div class="md-list-text-container">\n                    <span>Ali Connors</span>\n                    <span>Brunch this weekend?</span>\n                    <p>I\'ll be in your neighborhood doing errands...</p>\n                  </div>\n\n                  <md-button class="md-icon-button md-list-action">\n                    <md-icon class="md-primary">star</md-icon>\n                  </md-button>\n\n                  <md-divider class="md-inset"></md-divider>\n                </md-list-item>\n\n                <md-list-item>\n                  <md-avatar>\n                    <img src="https://placeimg.com/40/40/people/6" alt="People">\n                  </md-avatar>\n\n                  <div class="md-list-text-container">\n                    <span>me, Scott, Jennifer</span>\n                    <span>Summer BBQ</span>\n                    <p>Wish I could come, but I\'m out of town ...</p>\n                  </div>\n\n                  <md-button class="md-icon-button md-list-action">\n                    <md-icon>star_border</md-icon>\n                  </md-button>\n\n                  <md-divider class="md-inset"></md-divider>\n                </md-list-item>\n\n                <md-list-item>\n                  <md-avatar>\n                    <img src="https://placeimg.com/40/40/people/5" alt="People">\n                  </md-avatar>\n\n                  <div class="md-list-text-container">\n                    <span>Sandra Adams</span>\n                    <span>Oui oui</span>\n                    <p>Do you have Paris recommendations ...</p>\n                  </div>\n\n                  <md-button class="md-icon-button md-list-action">\n                    <md-icon>star_border</md-icon>\n                  </md-button>\n\n                  <md-divider class="md-inset"></md-divider>\n                </md-list-item>\n\n                <md-list-item>\n                  <md-avatar>\n                    <img src="https://placeimg.com/40/40/people/8" alt="People">\n                  </md-avatar>\n\n                  <div class="md-list-text-container">\n                    <span>Trevor Hansen</span>\n                    <span>Order confirmation</span>\n                    <p>Thank you for your recent order from ...</p>\n                  </div>\n\n                  <md-button class="md-icon-button md-list-action">\n                    <md-icon>star_border</md-icon>\n                  </md-button>\n\n                  <md-divider class="md-inset"></md-divider>\n                </md-list-item>\n              </md-list>\n            </div>\n          ')])],1)]),t._v(" "),i("example-box",{attrs:{"card-title":"Expansion Lists"}},[i("div",{slot:"demo"},[i("div",{staticClass:"phone-viewport"},[i("md-list",[i("md-list-item",{attrs:{"md-expand-multiple":""}},[i("md-icon",[t._v("whatshot")]),t._v(" "),i("span",[t._v("News")]),t._v(" "),i("md-list-expand",[i("md-list",[i("md-list-item",{staticClass:"md-inset"},[t._v("World")]),t._v(" "),i("md-list-item",{staticClass:"md-inset"},[t._v("Americas")]),t._v(" "),i("md-list-item",{staticClass:"md-inset"},[t._v("Europe")])],1)],1)],1),t._v(" "),i("md-list-item",{attrs:{"md-expand-multiple":""}},[i("md-icon",[t._v("videogame_asset")]),t._v(" "),i("span",[t._v("Games")]),t._v(" "),i("md-list-expand",[i("md-list",[i("md-list-item",{staticClass:"md-inset"},[t._v("Console")]),t._v(" "),i("md-list-item",{staticClass:"md-inset"},[t._v("PC")]),t._v(" "),i("md-list-item",{staticClass:"md-inset"},[t._v("Phone")])],1)],1)],1),t._v(" "),i("md-list-item",{attrs:{"md-expand-multiple":""}},[i("md-icon",[t._v("video_library")]),t._v(" "),i("span",[t._v("Video")]),t._v(" "),i("md-list-expand",[i("md-list",[i("md-list-item",{staticClass:"md-inset"},[t._v("Humor")]),t._v(" "),i("md-list-item",{staticClass:"md-inset"},[t._v("Music")]),t._v(" "),i("md-list-item",{staticClass:"md-inset"},[t._v("Movies")]),t._v(" "),i("md-list-item",{staticClass:"md-inset"},[t._v("TV Shows")])],1)],1)],1),t._v(" "),i("md-list-item",[i("md-icon",[t._v("shopping_basket")]),t._v(" "),i("span",[t._v("Shop")])],1)],1)],1)]),t._v(" "),i("div",{slot:"code"},[i("code-block",{attrs:{lang:"xml"}},[t._v('\n            <div class="phone-viewport">\n              <md-list>\n                <md-list-item>\n                  <md-icon>whatshot</md-icon>\n                  <span>News</span>\n\n                  <md-list-expand>\n                    <md-list>\n                      <md-list-item class="md-inset">World</md-list-item>\n                      <md-list-item class="md-inset">Americas</md-list-item>\n                      <md-list-item class="md-inset">Europe</md-list-item>\n                    </md-list>\n                  </md-list-expand>\n                </md-list-item>\n\n                <md-list-item>\n                  <md-icon>videogame_asset</md-icon>\n                  <span>Games</span>\n\n                  <md-list-expand>\n                    <md-list>\n                      <md-list-item class="md-inset">Console</md-list-item>\n                      <md-list-item class="md-inset">PC</md-list-item>\n                      <md-list-item class="md-inset">Phone</md-list-item>\n                    </md-list>\n                  </md-list-expand>\n                </md-list-item>\n\n                <md-list-item>\n                  <md-icon>video_library</md-icon>\n                  <span>Video</span>\n\n                  <md-list-expand>\n                    <md-list>\n                      <md-list-item class="md-inset">Humor</md-list-item>\n                      <md-list-item class="md-inset">Music</md-list-item>\n                      <md-list-item class="md-inset">Movies</md-list-item>\n                      <md-list-item class="md-inset">TV Shows</md-list-item>\n                    </md-list>\n                  </md-list-expand>\n                </md-list-item>\n\n                <md-list-item>\n                  <md-icon>shopping_basket</md-icon>\n                  <span>Shop</span>\n                </md-list-item>\n              </md-list>\n            </div>\n          ')])],1)])],1)])],1)},staticRenderFns:[]}},595:function(t,n,i){var s=i(527);"string"==typeof s&&(s=[[t.i,s,""]]),s.locals&&(t.exports=s.locals);i(5)("5dd515fe",s,!0)}});
\ No newline at end of file
+webpackJsonp([18,34],{476:function(t,n,i){i(594);var s=i(0)(null,i(558),"data-v-3afd7c90",null);t.exports=s.exports},526:function(t,n,i){n=t.exports=i(4)(),n.push([t.i,".phone-viewport[data-v-3afd7c90]{height:400px}.custom-list .md-icon[data-v-3afd7c90]:not(.md-primary){color:rgba(0,0,0,.26)}",""])},558:function(t,n){t.exports={render:function(){var t=this,n=t.$createElement,i=t._self._c||n;return i("page-content",{attrs:{"page-title":"Components - List"}},[i("docs-component",[i("div",{slot:"description"},[i("p",[t._v("Lists are best suited to presenting a homogeneous data type or sets of data types, such as images and text. They are optimized for reading comprehension while differentiating either between similar data types, or qualities within a single data type.")]),t._v(" "),i("p",[t._v("The "),i("code",[t._v("md-list")]),t._v(" component have some auxiliary classes to align content and display actions. All of them can be any HTML tag:")]),t._v(" "),i("ul",[i("li",[i("code",[t._v(".md-list-action")]),t._v(": Used to display a action on the right side of a list item. Commonly used to display a button with a single action.")]),t._v(" "),i("li",[i("code",[t._v(".md-list-text-container")]),t._v(": Used to align text horizontally with icons and actions. Used in double and triple lines.")]),t._v(" "),i("li",[i("code",[t._v(".md-divider")]),t._v(": Add a horizontal line between list items.")])])]),t._v(" "),i("div",{slot:"api"},[i("api-table",{attrs:{name:"md-list"}},[i("md-table",{slot:"classes"},[i("md-table-header",[i("md-table-row",[i("md-table-head",[t._v("Name")]),t._v(" "),i("md-table-head",[t._v("Description")])],1)],1),t._v(" "),i("md-table-body",[i("md-table-row",[i("md-table-cell",[t._v("md-dense")]),t._v(" "),i("md-table-cell",[t._v("Make the list dense and compact")])],1),t._v(" "),i("md-table-row",[i("md-table-cell",[t._v("md-double-line")]),t._v(" "),i("md-table-cell",[t._v("Make list items to support double line")])],1),t._v(" "),i("md-table-row",[i("md-table-cell",[t._v("md-triple-line")]),t._v(" "),i("md-table-cell",[t._v("Make list items to support triple line")])],1)],1)],1)],1),t._v(" "),i("api-table",{attrs:{name:"md-list-item"}},[i("p",[t._v("Display a single item inside lists")]),t._v(" "),i("md-table",{slot:"properties"},[i("md-table-header",[i("md-table-row",[i("md-table-head",[t._v("Name")]),t._v(" "),i("md-table-head",[t._v("Type")]),t._v(" "),i("md-table-head",[t._v("Description")])],1)],1),t._v(" "),i("md-table-body",[i("md-table-row",[i("md-table-cell",[t._v("href")]),t._v(" "),i("md-table-cell",[i("code",[t._v("String")])]),t._v(" "),i("md-table-cell",[t._v("The link that the item should redirect to.")])],1),t._v(" "),i("md-table-row",[i("md-table-cell",[t._v("target")]),t._v(" "),i("md-table-cell",[i("code",[t._v("String")])]),t._v(" "),i("md-table-cell",[t._v("The target for opening the href link. Normally used for "),i("code",[t._v("_blank")]),t._v(" cases.")])],1),t._v(" "),i("md-table-row",[i("md-table-cell",[t._v("disabled")]),t._v(" "),i("md-table-cell",[i("code",[t._v("Boolean")])]),t._v(" "),i("md-table-cell",[t._v("Disable the item and prevent his actions. Default "),i("code",[t._v("false")])])],1),t._v(" "),i("md-table-row",[i("md-table-cell",[t._v("md-expand-multiple")]),t._v(" "),i("md-table-cell",[i("code",[t._v("Boolean")])]),t._v(" "),i("md-table-cell",[t._v("Allow multiple items be expanded in same time in md-list. Default "),i("code",[t._v("false")])])],1)],1)],1),t._v(" "),i("md-table",{slot:"classes"},[i("md-table-header",[i("md-table-row",[i("md-table-head",[t._v("Name")]),t._v(" "),i("md-table-head",[t._v("Description")])],1)],1),t._v(" "),i("md-table-body",[i("md-table-row",[i("md-table-cell",[t._v("md-inset")]),t._v(" "),i("md-table-cell",[t._v("Add an empty space on the left of the table. "),i("br"),t._v("Useful to show list items without icons aligned with another that have an icon.")])],1)],1)],1)],1),t._v(" "),i("api-table",{attrs:{name:"md-list-expand"}},[i("p",[t._v("Create a expansion accordion automatically inside lists")]),t._v(" "),i("p",[t._v("No options available")])])],1),t._v(" "),i("div",{slot:"example"},[i("example-box",{attrs:{"card-title":"Single Line"}},[i("div",{slot:"demo"},[i("div",{staticClass:"phone-viewport"},[i("md-list",[i("md-list-item",[i("md-icon",[t._v("move_to_inbox")]),t._v(" "),i("span",[t._v("Inbox")])],1),t._v(" "),i("md-list-item",[i("md-icon",[t._v("send")]),t._v(" "),i("span",[t._v("Sent Mail")])],1),t._v(" "),i("md-list-item",[i("md-icon",[t._v("delete")]),t._v(" "),i("span",[t._v("Trash")])],1),t._v(" "),i("md-list-item",[i("md-icon",[t._v("error")]),t._v(" "),i("span",[t._v("Spam")]),t._v(" "),i("md-divider",{staticClass:"md-inset"})],1),t._v(" "),i("md-list-item",[i("md-avatar",[i("img",{attrs:{src:"https://placeimg.com/40/40/people/5",alt:"People"}})]),t._v(" "),i("span",[t._v("Abbey Christansen")]),t._v(" "),i("md-button",{staticClass:"md-icon-button md-list-action"},[i("md-icon",{staticClass:"md-primary"},[t._v("chat_bubble")])],1)],1),t._v(" "),i("md-list-item",[i("md-avatar",[i("img",{attrs:{src:"https://placeimg.com/40/40/people/1",alt:"People"}})]),t._v(" "),i("span",[t._v("Alex Nelson")]),t._v(" "),i("md-button",{staticClass:"md-icon-button md-list-action"},[i("md-icon",{staticClass:"md-primary"},[t._v("chat_bubble")])],1)],1),t._v(" "),i("md-list-item",[i("md-avatar",[i("img",{attrs:{src:"https://placeimg.com/40/40/people/6",alt:"People"}})]),t._v(" "),i("span",[t._v("Mary Johnson")]),t._v(" "),i("md-button",{staticClass:"md-icon-button md-list-action"},[i("md-icon",[t._v("chat_bubble")])],1)],1)],1)],1),t._v(" "),i("div",{staticClass:"phone-viewport"},[i("md-list",{staticClass:"md-dense"},[i("md-list-item",[i("md-icon",[t._v("move_to_inbox")]),t._v(" "),i("span",[t._v("Inbox")])],1),t._v(" "),i("md-list-item",[i("md-icon",[t._v("send")]),t._v(" "),i("span",[t._v("Sent Mail")])],1),t._v(" "),i("md-list-item",[i("md-icon",[t._v("delete")]),t._v(" "),i("span",[t._v("Trash")])],1),t._v(" "),i("md-list-item",[i("md-icon",[t._v("error")]),t._v(" "),i("span",[t._v("Spam")]),t._v(" "),i("md-divider",{staticClass:"md-inset"})],1),t._v(" "),i("md-list-item",[i("md-avatar",[i("img",{attrs:{src:"https://placeimg.com/40/40/people/5",alt:"People"}})]),t._v(" "),i("span",[t._v("Abbey Christansen")]),t._v(" "),i("md-button",{staticClass:"md-icon-button md-list-action"},[i("md-icon",{staticClass:"md-primary"},[t._v("chat_bubble")])],1)],1),t._v(" "),i("md-list-item",[i("md-avatar",[i("img",{attrs:{src:"https://placeimg.com/40/40/people/1",alt:"People"}})]),t._v(" "),i("span",[t._v("Alex Nelson")]),t._v(" "),i("md-button",{staticClass:"md-icon-button md-list-action"},[i("md-icon",{staticClass:"md-primary"},[t._v("chat_bubble")])],1)],1),t._v(" "),i("md-list-item",[i("md-avatar",[i("img",{attrs:{src:"https://placeimg.com/40/40/people/6",alt:"People"}})]),t._v(" "),i("span",[t._v("Mary Johnson")]),t._v(" "),i("md-button",{staticClass:"md-icon-button md-list-action"},[i("md-icon",[t._v("chat_bubble")])],1)],1)],1)],1)]),t._v(" "),i("div",{slot:"code"},[i("code-block",{attrs:{lang:"xml"}},[t._v('\n            <div class="phone-viewport">\n              <md-list>\n                <md-list-item>\n                  <md-icon>move_to_inbox</md-icon> <span>Inbox</span>\n                </md-list-item>\n\n                <md-list-item>\n                  <md-icon>send</md-icon> <span>Sent Mail</span>\n                </md-list-item>\n\n                <md-list-item>\n                  <md-icon>delete</md-icon> <span>Trash</span>\n                </md-list-item>\n\n                <md-list-item>\n                  <md-icon>error</md-icon> <span>Spam</span>\n\n                  <md-divider class="md-inset"></md-divider>\n                </md-list-item>\n\n                <md-list-item>\n                  <md-avatar>\n                    <img src="https://placeimg.com/40/40/people/5" alt="People">\n                  </md-avatar>\n\n                  <span>Abbey Christansen</span>\n\n                  <md-button class="md-icon-button md-list-action">\n                    <md-icon class="md-primary">chat_bubble</md-icon>\n                  </md-button>\n                </md-list-item>\n\n                <md-list-item>\n                  <md-avatar>\n                    <img src="https://placeimg.com/40/40/people/1" alt="People">\n                  </md-avatar>\n\n                  <span>Alex Nelson</span>\n\n                  <md-button class="md-icon-button md-list-action">\n                    <md-icon class="md-primary">chat_bubble</md-icon>\n                  </md-button>\n                </md-list-item>\n\n                <md-list-item>\n                  <md-avatar>\n                    <img src="https://placeimg.com/40/40/people/6" alt="People">\n                  </md-avatar>\n\n                  <span>Mary Johnson</span>\n\n                  <md-button class="md-icon-button md-list-action">\n                    <md-icon>chat_bubble</md-icon>\n                  </md-button>\n                </md-list-item>\n              </md-list>\n            </div>\n\n            <div class="phone-viewport">\n              <md-list class="md-dense">\n                <md-list-item>\n                  <md-icon>move_to_inbox</md-icon> <span>Inbox</span>\n                </md-list-item>\n\n                <md-list-item>\n                  <md-icon>send</md-icon> <span>Sent Mail</span>\n                </md-list-item>\n\n                <md-list-item>\n                  <md-icon>delete</md-icon> <span>Trash</span>\n                </md-list-item>\n\n                <md-list-item>\n                  <md-icon>error</md-icon> <span>Spam</span>\n\n                  <md-divider class="md-inset"></md-divider>\n                </md-list-item>\n\n                <md-list-item>\n                  <md-avatar>\n                    <img src="https://placeimg.com/40/40/people/5" alt="People">\n                  </md-avatar>\n\n                  <span>Abbey Christansen</span>\n\n                  <md-button class="md-icon-button md-list-action">\n                    <md-icon class="md-primary">chat_bubble</md-icon>\n                  </md-button>\n                </md-list-item>\n\n                <md-list-item>\n                  <md-avatar>\n                    <img src="https://placeimg.com/40/40/people/1" alt="People">\n                  </md-avatar>\n\n                  <span>Alex Nelson</span>\n\n                  <md-button class="md-icon-button md-list-action">\n                    <md-icon class="md-primary">chat_bubble</md-icon>\n                  </md-button>\n                </md-list-item>\n\n                <md-list-item>\n                  <md-avatar>\n                    <img src="https://placeimg.com/40/40/people/6" alt="People">\n                  </md-avatar>\n\n                  <span>Mary Johnson</span>\n\n                  <md-button class="md-icon-button md-list-action">\n                    <md-icon>chat_bubble</md-icon>\n                  </md-button>\n                </md-list-item>\n              </md-list>\n            </div>\n          ')])],1)]),t._v(" "),i("example-box",{attrs:{"card-title":"Double Line"}},[i("div",{slot:"demo"},[i("div",{staticClass:"phone-viewport"},[i("md-list",{staticClass:"md-double-line"},[i("md-list-item",[i("md-icon",{staticClass:"md-primary"},[t._v("phone")]),t._v(" "),i("div",{staticClass:"md-list-text-container"},[i("span",[t._v("(650) 555-1234")]),t._v(" "),i("span",[t._v("Mobile")])]),t._v(" "),i("md-button",{staticClass:"md-icon-button md-list-action"},[i("md-icon",[t._v("sms")])],1)],1),t._v(" "),i("md-list-item",{staticClass:"md-inset"},[i("div",{staticClass:"md-list-text-container"},[i("span",[t._v("(650) 555-1234")]),t._v(" "),i("span",[t._v("Mobile")])]),t._v(" "),i("md-divider",{staticClass:"md-inset"})],1),t._v(" "),i("md-list-item",[i("md-icon",{staticClass:"md-primary"},[t._v("email")]),t._v(" "),i("div",{staticClass:"md-list-text-container"},[i("span",[t._v("aliconnors@example.com")]),t._v(" "),i("span",[t._v("Personal")])]),t._v(" "),i("md-button",{staticClass:"md-icon-button md-list-action"},[i("md-icon",[t._v("sms")])],1)],1),t._v(" "),i("md-list-item",{staticClass:"md-inset"},[i("div",{staticClass:"md-list-text-container"},[i("span",[t._v("ali_connors@example.com")]),t._v(" "),i("span",[t._v("Work")])])])],1)],1),t._v(" "),i("div",{staticClass:"phone-viewport"},[i("md-list",{staticClass:"md-double-line md-dense"},[i("md-list-item",[i("md-icon",{staticClass:"md-primary"},[t._v("phone")]),t._v(" "),i("div",{staticClass:"md-list-text-container"},[i("span",[t._v("(650) 555-1234")]),t._v(" "),i("span",[t._v("Mobile")])]),t._v(" "),i("md-button",{staticClass:"md-icon-button md-list-action"},[i("md-icon",[t._v("sms")])],1)],1),t._v(" "),i("md-list-item",{staticClass:"md-inset"},[i("div",{staticClass:"md-list-text-container"},[i("span",[t._v("(650) 555-1234")]),t._v(" "),i("span",[t._v("Mobile")])]),t._v(" "),i("md-divider",{staticClass:"md-inset"})],1),t._v(" "),i("md-list-item",[i("md-icon",{staticClass:"md-primary"},[t._v("email")]),t._v(" "),i("div",{staticClass:"md-list-text-container"},[i("span",[t._v("aliconnors@example.com")]),t._v(" "),i("span",[t._v("Personal")])]),t._v(" "),i("md-button",{staticClass:"md-icon-button md-list-action"},[i("md-icon",[t._v("sms")])],1)],1),t._v(" "),i("md-list-item",{staticClass:"md-inset"},[i("div",{staticClass:"md-list-text-container"},[i("span",[t._v("ali_connors@example.com")]),t._v(" "),i("span",[t._v("Work")])])])],1)],1)]),t._v(" "),i("div",{slot:"code"},[i("code-block",{attrs:{lang:"xml"}},[t._v('\n            <div class="phone-viewport">\n              <md-list class="md-double-line">\n                <md-list-item>\n                  <md-icon class="md-primary">phone</md-icon>\n\n                  <div class="md-list-text-container">\n                    <span>(650) 555-1234</span>\n                    <span>Mobile</span>\n                  </div>\n\n                  <md-button class="md-icon-button md-list-action">\n                    <md-icon>sms</md-icon>\n                  </md-button>\n                </md-list-item>\n\n                <md-list-item class="md-inset">\n                  <div class="md-list-text-container">\n                    <span>(650) 555-1234</span>\n                    <span>Mobile</span>\n                  </div>\n\n                  <md-divider class="md-inset"></md-divider>\n                </md-list-item>\n\n                <md-list-item>\n                  <md-icon class="md-primary">email</md-icon>\n\n                  <div class="md-list-text-container">\n                    <span>aliconnors@example.com</span>\n                    <span>Personal</span>\n                  </div>\n\n                  <md-button class="md-icon-button md-list-action">\n                    <md-icon>sms</md-icon>\n                  </md-button>\n                </md-list-item>\n\n                <md-list-item class="md-inset">\n                  <div class="md-list-text-container">\n                    <span>ali_connors@example.com</span>\n                    <span>Work</span>\n                  </div>\n                </md-list-item>\n              </md-list>\n            </div>\n\n            <div class="phone-viewport">\n              <md-list class="md-double-line md-dense">\n                <md-list-item>\n                  <md-icon class="md-primary">phone</md-icon>\n\n                  <div class="md-list-text-container">\n                    <span>(650) 555-1234</span>\n                    <span>Mobile</span>\n                  </div>\n\n                  <md-button class="md-icon-button md-list-action">\n                    <md-icon>sms</md-icon>\n                  </md-button>\n                </md-list-item>\n\n                <md-list-item class="md-inset">\n                  <div class="md-list-text-container">\n                    <span>(650) 555-1234</span>\n                    <span>Mobile</span>\n                  </div>\n\n                  <md-divider class="md-inset"></md-divider>\n                </md-list-item>\n\n                <md-list-item>\n                  <md-icon class="md-primary">email</md-icon>\n\n                  <div class="md-list-text-container">\n                    <span>aliconnors@example.com</span>\n                    <span>Personal</span>\n                  </div>\n\n                  <md-button class="md-icon-button md-list-action">\n                    <md-icon>sms</md-icon>\n                  </md-button>\n                </md-list-item>\n\n                <md-list-item class="md-inset">\n                  <div class="md-list-text-container">\n                    <span>ali_connors@example.com</span>\n                    <span>Work</span>\n                  </div>\n                </md-list-item>\n              </md-list>\n            </div>\n          ')])],1)]),t._v(" "),i("example-box",{attrs:{"card-title":"Triple Line"}},[i("div",{slot:"demo"},[i("div",{staticClass:"phone-viewport"},[i("md-list",{staticClass:"custom-list md-triple-line"},[i("md-list-item",[i("md-avatar",[i("img",{attrs:{src:"https://placeimg.com/40/40/people/1",alt:"People"}})]),t._v(" "),i("div",{staticClass:"md-list-text-container"},[i("span",[t._v("Ali Connors")]),t._v(" "),i("span",[t._v("Brunch this weekend?")]),t._v(" "),i("p",[t._v("I'll be in your neighborhood doing errands...")])]),t._v(" "),i("md-button",{staticClass:"md-icon-button md-list-action"},[i("md-icon",{staticClass:"md-primary"},[t._v("star")])],1),t._v(" "),i("md-divider",{staticClass:"md-inset"})],1),t._v(" "),i("md-list-item",[i("md-avatar",[i("img",{attrs:{src:"https://placeimg.com/40/40/people/6",alt:"People"}})]),t._v(" "),i("div",{staticClass:"md-list-text-container"},[i("span",[t._v("me, Scott, Jennifer")]),t._v(" "),i("span",[t._v("Summer BBQ")]),t._v(" "),i("p",[t._v("Wish I could come, but I'm out of town ...")])]),t._v(" "),i("md-button",{staticClass:"md-icon-button md-list-action"},[i("md-icon",[t._v("star_border")])],1),t._v(" "),i("md-divider",{staticClass:"md-inset"})],1),t._v(" "),i("md-list-item",[i("md-avatar",[i("img",{attrs:{src:"https://placeimg.com/40/40/people/5",alt:"People"}})]),t._v(" "),i("div",{staticClass:"md-list-text-container"},[i("span",[t._v("Sandra Adams")]),t._v(" "),i("span",[t._v("Oui oui")]),t._v(" "),i("p",[t._v("Do you have Paris recommendations ...")])]),t._v(" "),i("md-button",{staticClass:"md-icon-button md-list-action"},[i("md-icon",[t._v("star_border")])],1),t._v(" "),i("md-divider",{staticClass:"md-inset"})],1),t._v(" "),i("md-list-item",[i("md-avatar",[i("img",{attrs:{src:"https://placeimg.com/40/40/people/8",alt:"People"}})]),t._v(" "),i("div",{staticClass:"md-list-text-container"},[i("span",[t._v("Trevor Hansen")]),t._v(" "),i("span",[t._v("Order confirmation")]),t._v(" "),i("p",[t._v("Thank you for your recent order from ...")])]),t._v(" "),i("md-button",{staticClass:"md-icon-button md-list-action"},[i("md-icon",[t._v("star_border")])],1),t._v(" "),i("md-divider",{staticClass:"md-inset"})],1)],1)],1),t._v(" "),i("div",{staticClass:"phone-viewport"},[i("md-list",{staticClass:"custom-list md-triple-line md-dense"},[i("md-list-item",[i("md-avatar",[i("img",{attrs:{src:"https://placeimg.com/40/40/people/1",alt:"People"}})]),t._v(" "),i("div",{staticClass:"md-list-text-container"},[i("span",[t._v("Ali Connors")]),t._v(" "),i("span",[t._v("Brunch this weekend?")]),t._v(" "),i("p",[t._v("I'll be in your neighborhood doing errands...")])]),t._v(" "),i("md-button",{staticClass:"md-icon-button md-list-action"},[i("md-icon",{staticClass:"md-primary"},[t._v("star")])],1),t._v(" "),i("md-divider",{staticClass:"md-inset"})],1),t._v(" "),i("md-list-item",[i("md-avatar",[i("img",{attrs:{src:"https://placeimg.com/40/40/people/6",alt:"People"}})]),t._v(" "),i("div",{staticClass:"md-list-text-container"},[i("span",[t._v("me, Scott, Jennifer")]),t._v(" "),i("span",[t._v("Summer BBQ")]),t._v(" "),i("p",[t._v("Wish I could come, but I'm out of town ...")])]),t._v(" "),i("md-button",{staticClass:"md-icon-button md-list-action"},[i("md-icon",[t._v("star_border")])],1),t._v(" "),i("md-divider",{staticClass:"md-inset"})],1),t._v(" "),i("md-list-item",[i("md-avatar",[i("img",{attrs:{src:"https://placeimg.com/40/40/people/5",alt:"People"}})]),t._v(" "),i("div",{staticClass:"md-list-text-container"},[i("span",[t._v("Sandra Adams")]),t._v(" "),i("span",[t._v("Oui oui")]),t._v(" "),i("p",[t._v("Do you have Paris recommendations ...")])]),t._v(" "),i("md-button",{staticClass:"md-icon-button md-list-action"},[i("md-icon",[t._v("star_border")])],1),t._v(" "),i("md-divider",{staticClass:"md-inset"})],1),t._v(" "),i("md-list-item",[i("md-avatar",[i("img",{attrs:{src:"https://placeimg.com/40/40/people/8",alt:"People"}})]),t._v(" "),i("div",{staticClass:"md-list-text-container"},[i("span",[t._v("Trevor Hansen")]),t._v(" "),i("span",[t._v("Order confirmation")]),t._v(" "),i("p",[t._v("Thank you for your recent order from ...")])]),t._v(" "),i("md-button",{staticClass:"md-icon-button md-list-action"},[i("md-icon",[t._v("star_border")])],1),t._v(" "),i("md-divider",{staticClass:"md-inset"})],1)],1)],1)]),t._v(" "),i("div",{slot:"code"},[i("code-block",{attrs:{lang:"xml"}},[t._v('\n            <div class="phone-viewport">\n              <md-list class="custom-list md-triple-line">\n                <md-list-item>\n                  <md-avatar>\n                    <img src="https://placeimg.com/40/40/people/1" alt="People">\n                  </md-avatar>\n\n                  <div class="md-list-text-container">\n                    <span>Ali Connors</span>\n                    <span>Brunch this weekend?</span>\n                    <p>I\'ll be in your neighborhood doing errands...</p>\n                  </div>\n\n                  <md-button class="md-icon-button md-list-action">\n                    <md-icon class="md-primary">star</md-icon>\n                  </md-button>\n\n                  <md-divider class="md-inset"></md-divider>\n                </md-list-item>\n\n                <md-list-item>\n                  <md-avatar>\n                    <img src="https://placeimg.com/40/40/people/6" alt="People">\n                  </md-avatar>\n\n                  <div class="md-list-text-container">\n                    <span>me, Scott, Jennifer</span>\n                    <span>Summer BBQ</span>\n                    <p>Wish I could come, but I\'m out of town ...</p>\n                  </div>\n\n                  <md-button class="md-icon-button md-list-action">\n                    <md-icon>star_border</md-icon>\n                  </md-button>\n\n                  <md-divider class="md-inset"></md-divider>\n                </md-list-item>\n\n                <md-list-item>\n                  <md-avatar>\n                    <img src="https://placeimg.com/40/40/people/5" alt="People">\n                  </md-avatar>\n\n                  <div class="md-list-text-container">\n                    <span>Sandra Adams</span>\n                    <span>Oui oui</span>\n                    <p>Do you have Paris recommendations ...</p>\n                  </div>\n\n                  <md-button class="md-icon-button md-list-action">\n                    <md-icon>star_border</md-icon>\n                  </md-button>\n\n                  <md-divider class="md-inset"></md-divider>\n                </md-list-item>\n\n                <md-list-item>\n                  <md-avatar>\n                    <img src="https://placeimg.com/40/40/people/8" alt="People">\n                  </md-avatar>\n\n                  <div class="md-list-text-container">\n                    <span>Trevor Hansen</span>\n                    <span>Order confirmation</span>\n                    <p>Thank you for your recent order from ...</p>\n                  </div>\n\n                  <md-button class="md-icon-button md-list-action">\n                    <md-icon>star_border</md-icon>\n                  </md-button>\n\n                  <md-divider class="md-inset"></md-divider>\n                </md-list-item>\n              </md-list>\n            </div>\n\n            <div class="phone-viewport">\n              <md-list class="custom-list md-triple-line md-dense">\n                <md-list-item>\n                  <md-avatar>\n                    <img src="https://placeimg.com/40/40/people/1" alt="People">\n                  </md-avatar>\n\n                  <div class="md-list-text-container">\n                    <span>Ali Connors</span>\n                    <span>Brunch this weekend?</span>\n                    <p>I\'ll be in your neighborhood doing errands...</p>\n                  </div>\n\n                  <md-button class="md-icon-button md-list-action">\n                    <md-icon class="md-primary">star</md-icon>\n                  </md-button>\n\n                  <md-divider class="md-inset"></md-divider>\n                </md-list-item>\n\n                <md-list-item>\n                  <md-avatar>\n                    <img src="https://placeimg.com/40/40/people/6" alt="People">\n                  </md-avatar>\n\n                  <div class="md-list-text-container">\n                    <span>me, Scott, Jennifer</span>\n                    <span>Summer BBQ</span>\n                    <p>Wish I could come, but I\'m out of town ...</p>\n                  </div>\n\n                  <md-button class="md-icon-button md-list-action">\n                    <md-icon>star_border</md-icon>\n                  </md-button>\n\n                  <md-divider class="md-inset"></md-divider>\n                </md-list-item>\n\n                <md-list-item>\n                  <md-avatar>\n                    <img src="https://placeimg.com/40/40/people/5" alt="People">\n                  </md-avatar>\n\n                  <div class="md-list-text-container">\n                    <span>Sandra Adams</span>\n                    <span>Oui oui</span>\n                    <p>Do you have Paris recommendations ...</p>\n                  </div>\n\n                  <md-button class="md-icon-button md-list-action">\n                    <md-icon>star_border</md-icon>\n                  </md-button>\n\n                  <md-divider class="md-inset"></md-divider>\n                </md-list-item>\n\n                <md-list-item>\n                  <md-avatar>\n                    <img src="https://placeimg.com/40/40/people/8" alt="People">\n                  </md-avatar>\n\n                  <div class="md-list-text-container">\n                    <span>Trevor Hansen</span>\n                    <span>Order confirmation</span>\n                    <p>Thank you for your recent order from ...</p>\n                  </div>\n\n                  <md-button class="md-icon-button md-list-action">\n                    <md-icon>star_border</md-icon>\n                  </md-button>\n\n                  <md-divider class="md-inset"></md-divider>\n                </md-list-item>\n              </md-list>\n            </div>\n          ')])],1)]),t._v(" "),i("example-box",{attrs:{"card-title":"Expansion Lists"}},[i("div",{slot:"demo"},[i("div",{staticClass:"phone-viewport"},[i("md-list",[i("md-list-item",{attrs:{"md-expand-multiple":""}},[i("md-icon",[t._v("whatshot")]),t._v(" "),i("span",[t._v("News")]),t._v(" "),i("md-list-expand",[i("md-list",[i("md-list-item",{staticClass:"md-inset"},[t._v("World")]),t._v(" "),i("md-list-item",{staticClass:"md-inset"},[t._v("Americas")]),t._v(" "),i("md-list-item",{staticClass:"md-inset"},[t._v("Europe")])],1)],1)],1),t._v(" "),i("md-list-item",{attrs:{"md-expand-multiple":""}},[i("md-icon",[t._v("videogame_asset")]),t._v(" "),i("span",[t._v("Games")]),t._v(" "),i("md-list-expand",[i("md-list",[i("md-list-item",{staticClass:"md-inset"},[t._v("Console")]),t._v(" "),i("md-list-item",{staticClass:"md-inset"},[t._v("PC")]),t._v(" "),i("md-list-item",{staticClass:"md-inset"},[t._v("Phone")])],1)],1)],1),t._v(" "),i("md-list-item",{attrs:{"md-expand-multiple":""}},[i("md-icon",[t._v("video_library")]),t._v(" "),i("span",[t._v("Video")]),t._v(" "),i("md-list-expand",[i("md-list",[i("md-list-item",{staticClass:"md-inset"},[t._v("Humor")]),t._v(" "),i("md-list-item",{staticClass:"md-inset"},[t._v("Music")]),t._v(" "),i("md-list-item",{staticClass:"md-inset"},[t._v("Movies")]),t._v(" "),i("md-list-item",{staticClass:"md-inset"},[t._v("TV Shows")])],1)],1)],1),t._v(" "),i("md-list-item",[i("md-icon",[t._v("shopping_basket")]),t._v(" "),i("span",[t._v("Shop")])],1)],1)],1)]),t._v(" "),i("div",{slot:"code"},[i("code-block",{attrs:{lang:"xml"}},[t._v('\n            <div class="phone-viewport">\n              <md-list>\n                <md-list-item>\n                  <md-icon>whatshot</md-icon>\n                  <span>News</span>\n\n                  <md-list-expand>\n                    <md-list>\n                      <md-list-item class="md-inset">World</md-list-item>\n                      <md-list-item class="md-inset">Americas</md-list-item>\n                      <md-list-item class="md-inset">Europe</md-list-item>\n                    </md-list>\n                  </md-list-expand>\n                </md-list-item>\n\n                <md-list-item>\n                  <md-icon>videogame_asset</md-icon>\n                  <span>Games</span>\n\n                  <md-list-expand>\n                    <md-list>\n                      <md-list-item class="md-inset">Console</md-list-item>\n                      <md-list-item class="md-inset">PC</md-list-item>\n                      <md-list-item class="md-inset">Phone</md-list-item>\n                    </md-list>\n                  </md-list-expand>\n                </md-list-item>\n\n                <md-list-item>\n                  <md-icon>video_library</md-icon>\n                  <span>Video</span>\n\n                  <md-list-expand>\n                    <md-list>\n                      <md-list-item class="md-inset">Humor</md-list-item>\n                      <md-list-item class="md-inset">Music</md-list-item>\n                      <md-list-item class="md-inset">Movies</md-list-item>\n                      <md-list-item class="md-inset">TV Shows</md-list-item>\n                    </md-list>\n                  </md-list-expand>\n                </md-list-item>\n\n                <md-list-item>\n                  <md-icon>shopping_basket</md-icon>\n                  <span>Shop</span>\n                </md-list-item>\n              </md-list>\n            </div>\n          ')])],1)])],1)])],1)},staticRenderFns:[]}},594:function(t,n,i){var s=i(526);"string"==typeof s&&(s=[[t.i,s,""]]),s.locals&&(t.exports=s.locals);i(5)("5dd515fe",s,!0)}});
\ No newline at end of file
diff --git a/manifest.d414dea3.js b/manifest.09510f01.js
similarity index 66%
rename from manifest.d414dea3.js
rename to manifest.09510f01.js
index 5ee4f09..8ac556b 100644
--- a/manifest.d414dea3.js
+++ b/manifest.09510f01.js
@@ -1 +1 @@
-!(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 r=window.webpackJsonp;window.webpackJsonp=function(n,a,c){for(var i,f,d,u=0,s=[];u<n.length;u++)f=n[u],o[f]&&s.push(o[f][0]),o[f]=0;for(i in a)Object.prototype.hasOwnProperty.call(a,i)&&(e[i]=a[i]);for(r&&r(n,a,c);s.length;)s.shift()();if(c)for(u=0;u<c.length;u++)d=t(t.s=c[u]);return d};var n={},o={34:0};t.e=function(e){function r(){a.onerror=a.onload=null,clearTimeout(c);var t=o[e];0!==t&&(t&&t[1](new Error("Loading chunk "+e+" failed.")),o[e]=void 0)}if(0===o[e])return Promise.resolve();if(o[e])return o[e][2];var n=document.getElementsByTagName("head")[0],a=document.createElement("script");a.type="text/javascript",a.charset="utf-8",a.async=!0,a.timeout=12e4,t.nc&&a.setAttribute("nonce",t.nc),a.src=t.p+""+({0:"base",1:"ui-elements",2:"themes",3:"table",4:"spinner",5:"speed-dial",6:"snackbar",7:"sidenav",8:"select",9:"progress",10:"input",11:"dialog",12:"buttons",13:"bottom-bar",14:"avatar",15:"ink-ripple",16:"icon",17:"menu",18:"list",19:"button-toggle",20:"toolbar",21:"card",22:"tooltip",23:"whiteframe",24:"switch",25:"radio",26:"image-loader",27:"file",28:"chips",29:"checkbox",30:"tabs",31:"subheader",32:"docs",33:"vendor"}[e]||e)+"."+{0:"468dbabb",1:"0689ff56",2:"614919f9",3:"0fb9c164",4:"43051fb4",5:"075447df",6:"57dfb916",7:"21e23f3f",8:"cf07cd4d",9:"187c9f14",10:"76e80edc",11:"d27bc67f",12:"b9a70faf",13:"d91c96eb",14:"1c2ea266",15:"2e814707",16:"9c317d12",17:"ef19afb4",18:"bd0240a1",19:"c6150e67",20:"caa5dc64",21:"813a55b3",22:"0834711f",23:"65446ff4",24:"4548de27",25:"f07fe16c",26:"6a229b14",27:"05ab386d",28:"0dd4d690",29:"3d60ec17",30:"5e48770b",31:"5d412f8e",32:"d7649497",33:"51aac3ed"}[e]+".js";var c=setTimeout(r,12e4);a.onerror=a.onload=r;var i=new Promise(function(t,r){o[e]=[t,r]});return o[e][2]=i,n.appendChild(a),i},t.m=e,t.c=n,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.oe=function(e){throw console.error(e),e}})([]);
\ No newline at end of file
+!(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 r=window.webpackJsonp;window.webpackJsonp=function(n,a,c){for(var i,f,d,u=0,s=[];u<n.length;u++)f=n[u],o[f]&&s.push(o[f][0]),o[f]=0;for(i in a)Object.prototype.hasOwnProperty.call(a,i)&&(e[i]=a[i]);for(r&&r(n,a,c);s.length;)s.shift()();if(c)for(u=0;u<c.length;u++)d=t(t.s=c[u]);return d};var n={},o={34:0};t.e=function(e){function r(){a.onerror=a.onload=null,clearTimeout(c);var t=o[e];0!==t&&(t&&t[1](new Error("Loading chunk "+e+" failed.")),o[e]=void 0)}if(0===o[e])return Promise.resolve();if(o[e])return o[e][2];var n=document.getElementsByTagName("head")[0],a=document.createElement("script");a.type="text/javascript",a.charset="utf-8",a.async=!0,a.timeout=12e4,t.nc&&a.setAttribute("nonce",t.nc),a.src=t.p+""+({0:"base",1:"ui-elements",2:"themes",3:"table",4:"spinner",5:"snackbar",6:"sidenav",7:"select",8:"progress",9:"input",10:"dialog",11:"buttons",12:"bottom-bar",13:"avatar",14:"ink-ripple",15:"icon",16:"menu",17:"speed-dial",18:"list",19:"button-toggle",20:"toolbar",21:"card",22:"tooltip",23:"whiteframe",24:"switch",25:"radio",26:"image-loader",27:"file",28:"chips",29:"checkbox",30:"tabs",31:"subheader",32:"docs",33:"vendor"}[e]||e)+"."+{0:"695f7a2d",1:"ac4dc67a",2:"cef94272",3:"295127fd",4:"ae9c0ffa",5:"00a46162",6:"5443196c",7:"bff7868d",8:"2ff899d0",9:"ecca7906",10:"774bdbaf",11:"81edf435",12:"e6f88ccc",13:"a4498c8a",14:"c6c186b1",15:"5330687d",16:"212fadff",17:"e07af350",18:"21d93484",19:"5458c921",20:"44924cd1",21:"37f54da4",22:"1eae832b",23:"7fa045b4",24:"9aa0318e",25:"da972ed8",26:"2b5a107e",27:"e75792b4",28:"996b2d4b",29:"7603dc1d",30:"b3bab112",31:"f0a1356a",32:"478f64a5",33:"51aac3ed"}[e]+".js";var c=setTimeout(r,12e4);a.onerror=a.onload=r;var i=new Promise(function(t,r){o[e]=[t,r]});return o[e][2]=i,n.appendChild(a),i},t.m=e,t.c=n,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.oe=function(e){throw console.error(e),e}})([]);
\ No newline at end of file
diff --git a/menu.ef19afb4.js b/menu.212fadff.js
similarity index 98%
rename from menu.ef19afb4.js
rename to menu.212fadff.js
index a399604..7c02eaa 100644
--- a/menu.ef19afb4.js
+++ b/menu.212fadff.js
@@ -1 +1 @@
-webpackJsonp([17,34],{477:function(e,m,t){t(605);var n=t(0)(null,t(572),"data-v-7268ce5e",null);e.exports=n.exports},537:function(e,m,t){m=e.exports=t(4)(),m.push([e.i,".md-menu[data-v-7268ce5e]{margin-right:36px}.author-card[data-v-7268ce5e]{padding:8px 16px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.author-card .md-avatar[data-v-7268ce5e]{margin-right:16px}.author-card .author-card-info[data-v-7268ce5e]{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-ms-flex:1;flex:1}.author-card span[data-v-7268ce5e]{font-size:16px}.author-card .author-card-links[data-v-7268ce5e]{display:-ms-flexbox;display:flex}.author-card .author-card-links a+a[data-v-7268ce5e]{margin-left:8px}",""])},572:function(e,m){e.exports={render:function(){var e=this,m=e.$createElement,t=e._self._c||m;return t("page-content",{attrs:{"page-title":"Components - Menu"}},[t("docs-component",[t("div",{slot:"description"},[t("p",[e._v("Menus appear upon interaction with a button, action, or other control. They display a list of choices, with one choice per line.")]),e._v(" "),t("p",[e._v("You can create menus with selection items or show rich content.")]),e._v(" "),t("p",[e._v("You will need an element with the "),t("code",[e._v("md-menu-trigger")]),e._v(" attribute inside the menu or to use the menu core methods, like on the last example.")])]),e._v(" "),t("div",{slot:"api"},[t("api-table",{attrs:{name:"md-menu"}},[t("md-table",{slot:"properties"},[t("md-table-header",[t("md-table-row",[t("md-table-head",[e._v("Name")]),e._v(" "),t("md-table-head",[e._v("Type")]),e._v(" "),t("md-table-head",[e._v("Description")])],1)],1),e._v(" "),t("md-table-body",[t("md-table-row",[t("md-table-cell",[e._v("md-size")]),e._v(" "),t("md-table-cell",[t("code",[e._v("Number")])]),e._v(" "),t("md-table-cell",[e._v("Sets the size of the menu content. From 0 to 7. "),t("br"),e._v("Default: "),t("code",[e._v("0")])])],1),e._v(" "),t("md-table-row",[t("md-table-cell",[e._v("md-direction")]),e._v(" "),t("md-table-cell",[t("code",[e._v("String")])]),e._v(" "),t("md-table-cell",[e._v("Sets the direction of the menu content. "),t("br"),e._v(" Possibilities: "),t("code",[e._v("bottom right")]),e._v(" | "),t("code",[e._v("bottom left")]),e._v(" | "),t("code",[e._v("top right")]),e._v(" | "),t("code",[e._v("top right")]),t("br"),e._v("Default: "),t("code",[e._v("bottom right")])])],1),e._v(" "),t("md-table-row",[t("md-table-cell",[e._v("md-align-trigger")]),e._v(" "),t("md-table-cell",[t("code",[e._v("Boolean")])]),e._v(" "),t("md-table-cell",[e._v("Align the menu content to do not cover menu trigger. "),t("br"),e._v("Default: "),t("code",[e._v("false")])])],1),e._v(" "),t("md-table-row",[t("md-table-cell",[e._v("md-offset-x")]),e._v(" "),t("md-table-cell",[t("code",[e._v("Number")])]),e._v(" "),t("md-table-cell",[e._v("Set the menu content offset margin horizontally. "),t("br"),e._v("Default: "),t("code",[e._v("0")])])],1),e._v(" "),t("md-table-row",[t("md-table-cell",[e._v("md-offset-y")]),e._v(" "),t("md-table-cell",[t("code",[e._v("Number")])]),e._v(" "),t("md-table-cell",[e._v("Set the menu content offset margin vertically. "),t("br"),e._v("Default: "),t("code",[e._v("0")])])],1),e._v(" "),t("md-table-row",[t("md-table-cell",[e._v("md-close-on-select")]),e._v(" "),t("md-table-cell",[t("code",[e._v("Boolean")])]),e._v(" "),t("md-table-cell",[e._v("Close menu content upon mouse click on its menu items. "),t("br"),e._v("Default: "),t("code",[e._v("true")])])],1)],1)],1),e._v(" "),t("md-table",{slot:"events"},[t("md-table-header",[t("md-table-row",[t("md-table-head",[e._v("Name")]),e._v(" "),t("md-table-head",[e._v("Value")]),e._v(" "),t("md-table-head",[e._v("Description")])],1)],1),e._v(" "),t("md-table-body",[t("md-table-row",[t("md-table-cell",[e._v("open")]),e._v(" "),t("md-table-cell",[e._v("None")]),e._v(" "),t("md-table-cell",[e._v("Triggered when the menu starts to open.")])],1),e._v(" "),t("md-table-row",[t("md-table-cell",[e._v("close")]),e._v(" "),t("md-table-cell",[e._v("None")]),e._v(" "),t("md-table-cell",[e._v("Triggered when the menu starts to close.")])],1)],1)],1),e._v(" "),t("md-table",{slot:"methods"},[t("md-table-header",[t("md-table-row",[t("md-table-head",[e._v("Name")]),e._v(" "),t("md-table-head",[e._v("Description")])],1)],1),e._v(" "),t("md-table-body",[t("md-table-row",[t("md-table-cell",[e._v("open")]),e._v(" "),t("md-table-cell",[e._v("Open the menu.")])],1),e._v(" "),t("md-table-row",[t("md-table-cell",[e._v("close")]),e._v(" "),t("md-table-cell",[e._v("Close the menu.")])],1)],1)],1)],1),e._v(" "),t("api-table",{attrs:{name:"md-menu-content"}},[t("p",[e._v("Displays the content of a menu.")]),e._v(" "),t("p",[e._v("No options available")])]),e._v(" "),t("api-table",{attrs:{name:"md-menu-item"}},[t("p",[e._v("Displays a single item inside a menu.")]),e._v(" "),t("div",{slot:"properties"},[t("md-table",[t("md-table-header",[t("md-table-row",[t("md-table-head",[e._v("Name")]),e._v(" "),t("md-table-head",[e._v("Type")]),e._v(" "),t("md-table-head",[e._v("Description")])],1)],1),e._v(" "),t("md-table-body",[t("md-table-row",[t("md-table-cell",[e._v("disabled")]),e._v(" "),t("md-table-cell",[t("code",[e._v("Boolean")])]),e._v(" "),t("md-table-cell",[e._v("Disable the button and prevent his actions. Default "),t("code",[e._v("false")])])],1)],1)],1)],1),e._v(" "),t("md-table",{slot:"events"},[t("md-table-header",[t("md-table-row",[t("md-table-head",[e._v("Name")]),e._v(" "),t("md-table-head",[e._v("Value")]),e._v(" "),t("md-table-head",[e._v("Description")])],1)],1),e._v(" "),t("md-table-body",[t("md-table-row",[t("md-table-cell",[e._v("selected")]),e._v(" "),t("md-table-cell",[e._v("Receives the "),t("code",[e._v("$event")])]),e._v(" "),t("md-table-cell",[e._v("Triggered when the item receives a click.")])],1)],1)],1)],1)],1),e._v(" "),t("div",{slot:"example"},[t("example-box",{attrs:{"card-title":"Directions"}},[t("div",{slot:"demo"},[t("md-menu",[t("md-button",{attrs:{"md-menu-trigger":""}},[e._v("Bottom Right")]),e._v(" "),t("md-menu-content",[t("md-menu-item",[e._v("My Item 1")]),e._v(" "),t("md-menu-item",[e._v("My Item 2")]),e._v(" "),t("md-menu-item",[e._v("My Item 3")])],1)],1),e._v(" "),t("md-menu",{attrs:{"md-direction":"bottom left"}},[t("md-button",{attrs:{"md-menu-trigger":""}},[e._v("Bottom Left")]),e._v(" "),t("md-menu-content",[t("md-menu-item",[e._v("My Item 1")]),e._v(" "),t("md-menu-item",[e._v("My Item 2")]),e._v(" "),t("md-menu-item",{attrs:{disabled:""}},[e._v("My Item 3")]),e._v(" "),t("md-menu-item",[e._v("My Item 4")])],1)],1),e._v(" "),t("md-menu",{attrs:{"md-direction":"top left"}},[t("md-button",{attrs:{"md-menu-trigger":""}},[e._v("Top Left")]),e._v(" "),t("md-menu-content",[t("md-menu-item",[e._v("My Item 1")]),e._v(" "),t("md-menu-item",[e._v("My Item 2")]),e._v(" "),t("md-menu-item",[e._v("My Item 3")])],1)],1),e._v(" "),t("md-menu",{attrs:{"md-direction":"top right"}},[t("md-button",{attrs:{"md-menu-trigger":""}},[e._v("Top Right")]),e._v(" "),t("md-menu-content",[t("md-menu-item",[e._v("My Item 1")]),e._v(" "),t("md-menu-item",[e._v("My Item 2")]),e._v(" "),t("md-menu-item",[e._v("My Item 3")])],1)],1)],1),e._v(" "),t("div",{slot:"code"},[t("code-block",{attrs:{lang:"xml"}},[e._v('\n            <md-menu>\n              <md-button md-menu-trigger>Bottom Right</md-button>\n\n              <md-menu-content>\n                <md-menu-item>My Item 1</md-menu-item>\n                <md-menu-item>My Item 2</md-menu-item>\n                <md-menu-item>My Item 3</md-menu-item>\n              </md-menu-content>\n            </md-menu>\n\n            <md-menu md-direction="bottom left">\n              <md-button md-menu-trigger>Bottom Left</md-button>\n\n              <md-menu-content>\n                <md-menu-item>My Item 1</md-menu-item>\n                <md-menu-item>My Item 2</md-menu-item>\n                <md-menu-item disabled>My Item 3</md-menu-item>\n                <md-menu-item>My Item 4</md-menu-item>\n              </md-menu-content>\n            </md-menu>\n\n            <md-menu md-direction="top left">\n              <md-button md-menu-trigger>Top Left</md-button>\n\n              <md-menu-content>\n                <md-menu-item>My Item 1</md-menu-item>\n                <md-menu-item>My Item 2</md-menu-item>\n                <md-menu-item>My Item 3</md-menu-item>\n              </md-menu-content>\n            </md-menu>\n\n            <md-menu md-direction="top right">\n              <md-button md-menu-trigger>Top Right</md-button>\n\n              <md-menu-content>\n                <md-menu-item>My Item 1</md-menu-item>\n                <md-menu-item>My Item 2</md-menu-item>\n                <md-menu-item>My Item 3</md-menu-item>\n              </md-menu-content>\n            </md-menu>\n          ')])],1)]),e._v(" "),t("example-box",{attrs:{"card-title":"Alignments"}},[t("div",{slot:"demo"},[t("md-menu",[t("md-button",{attrs:{"md-menu-trigger":""}},[e._v("Default")]),e._v(" "),t("md-menu-content",[t("md-menu-item",[e._v("My Item 1")]),e._v(" "),t("md-menu-item",[e._v("My Item 2")]),e._v(" "),t("md-menu-item",[e._v("My Item 3")])],1)],1),e._v(" "),t("md-menu",{attrs:{"md-align-trigger":""}},[t("md-button",{attrs:{"md-menu-trigger":""}},[e._v("Align trigger")]),e._v(" "),t("md-menu-content",[t("md-menu-item",[e._v("My Item 1")]),e._v(" "),t("md-menu-item",[e._v("My Item 2")]),e._v(" "),t("md-menu-item",[e._v("My Item 3")])],1)],1),e._v(" "),t("md-menu",{attrs:{"md-offset-x":154,"md-offset-y":"12"}},[t("md-button",{attrs:{"md-menu-trigger":""}},[e._v("Custom offset")]),e._v(" "),t("md-menu-content",[t("md-menu-item",[e._v("My Item 1")]),e._v(" "),t("md-menu-item",[e._v("My Item 2")]),e._v(" "),t("md-menu-item",[e._v("My Item 3")])],1)],1)],1),e._v(" "),t("div",{slot:"code"},[t("code-block",{attrs:{lang:"xml"}},[e._v('\n            <md-menu>\n              <md-button md-menu-trigger>Default</md-button>\n\n              <md-menu-content>\n                <md-menu-item>My Item 1</md-menu-item>\n                <md-menu-item>My Item 2</md-menu-item>\n                <md-menu-item>My Item 3</md-menu-item>\n              </md-menu-content>\n            </md-menu>\n\n            <md-menu md-align-trigger>\n              <md-button md-menu-trigger>Align trigger</md-button>\n\n              <md-menu-content>\n                <md-menu-item>My Item 1</md-menu-item>\n                <md-menu-item>My Item 2</md-menu-item>\n                <md-menu-item>My Item 3</md-menu-item>\n              </md-menu-content>\n            </md-menu>\n\n            <md-menu :md-offset-x="154" md-offset-y="12">\n              <md-button md-menu-trigger>Custom offset</md-button>\n\n              <md-menu-content>\n                <md-menu-item>My Item 1</md-menu-item>\n                <md-menu-item>My Item 2</md-menu-item>\n                <md-menu-item>My Item 3</md-menu-item>\n              </md-menu-content>\n            </md-menu>\n          ')])],1)]),e._v(" "),t("example-box",{attrs:{"card-title":"Sizes"}},[t("div",{slot:"demo"},[t("md-menu",{attrs:{"md-size":"1"}},[t("md-button",{attrs:{"md-menu-trigger":""}},[e._v("Size 1")]),e._v(" "),t("md-menu-content",[t("md-menu-item",[e._v("Item 1")]),e._v(" "),t("md-menu-item",[e._v("Item 2")]),e._v(" "),t("md-menu-item",[e._v("Item 3")])],1)],1),e._v(" "),t("md-menu",{attrs:{"md-size":"2"}},[t("md-button",{attrs:{"md-menu-trigger":""}},[e._v("Size 2")]),e._v(" "),t("md-menu-content",[t("md-menu-item",[e._v("My Item 1")]),e._v(" "),t("md-menu-item",[e._v("My Item 2")]),e._v(" "),t("md-menu-item",[e._v("My Item 3")])],1)],1),e._v(" "),t("md-menu",{attrs:{"md-size":"3"}},[t("md-button",{attrs:{"md-menu-trigger":""}},[e._v("Size 3")]),e._v(" "),t("md-menu-content",[t("md-menu-item",[e._v("My Item 1")]),e._v(" "),t("md-menu-item",[e._v("My Item 2")]),e._v(" "),t("md-menu-item",[e._v("My Item 3")])],1)],1),e._v(" "),t("md-menu",{attrs:{"md-size":"4"}},[t("md-button",{attrs:{"md-menu-trigger":""}},[e._v("Size 4")]),e._v(" "),t("md-menu-content",[t("md-menu-item",[e._v("My Item 1")]),e._v(" "),t("md-menu-item",[e._v("My Item 2")]),e._v(" "),t("md-menu-item",[e._v("My Item 3")])],1)],1),e._v(" "),t("md-menu",{attrs:{"md-size":"5"}},[t("md-button",{attrs:{"md-menu-trigger":""}},[e._v("Size 5")]),e._v(" "),t("md-menu-content",[t("md-menu-item",[e._v("My Item 1")]),e._v(" "),t("md-menu-item",[e._v("My Item 2")]),e._v(" "),t("md-menu-item",[e._v("My Item 3")])],1)],1),e._v(" "),t("md-menu",{attrs:{"md-size":"6"}},[t("md-button",{attrs:{"md-menu-trigger":""}},[e._v("Size 6")]),e._v(" "),t("md-menu-content",[t("md-menu-item",[e._v("My Item 1")]),e._v(" "),t("md-menu-item",[e._v("My Item 2")]),e._v(" "),t("md-menu-item",[e._v("My Item 3")])],1)],1),e._v(" "),t("md-menu",{attrs:{"md-size":"7"}},[t("md-button",{attrs:{"md-menu-trigger":""}},[e._v("Size 7")]),e._v(" "),t("md-menu-content",[t("md-menu-item",[e._v("My Item 1")]),e._v(" "),t("md-menu-item",[e._v("My Item 2")]),e._v(" "),t("md-menu-item",[e._v("My Item 3")])],1)],1)],1),e._v(" "),t("div",{slot:"code"},[t("code-block",{attrs:{lang:"xml"}},[e._v('\n            <md-menu md-size="1">\n              <md-button md-menu-trigger>Size 1</md-button>\n\n              <md-menu-content>\n                <md-menu-item>Item 1</md-menu-item>\n                <md-menu-item>Item 2</md-menu-item>\n                <md-menu-item>Item 3</md-menu-item>\n              </md-menu-content>\n            </md-menu>\n\n            <md-menu md-size="2">\n              <md-button md-menu-trigger>Size 2</md-button>\n\n              <md-menu-content>\n                <md-menu-item>My Item 1</md-menu-item>\n                <md-menu-item>My Item 2</md-menu-item>\n                <md-menu-item>My Item 3</md-menu-item>\n              </md-menu-content>\n            </md-menu>\n\n            <md-menu md-size="3">\n              <md-button md-menu-trigger>Size 3</md-button>\n\n              <md-menu-content>\n                <md-menu-item>My Item 1</md-menu-item>\n                <md-menu-item>My Item 2</md-menu-item>\n                <md-menu-item>My Item 3</md-menu-item>\n              </md-menu-content>\n            </md-menu>\n\n            <md-menu md-size="4">\n              <md-button md-menu-trigger>Size 4</md-button>\n\n              <md-menu-content>\n                <md-menu-item>My Item 1</md-menu-item>\n                <md-menu-item>My Item 2</md-menu-item>\n                <md-menu-item>My Item 3</md-menu-item>\n              </md-menu-content>\n            </md-menu>\n\n            <md-menu md-size="5">\n              <md-button md-menu-trigger>Size 5</md-button>\n\n              <md-menu-content>\n                <md-menu-item>My Item 1</md-menu-item>\n                <md-menu-item>My Item 2</md-menu-item>\n                <md-menu-item>My Item 3</md-menu-item>\n              </md-menu-content>\n            </md-menu>\n\n            <md-menu md-size="6">\n              <md-button md-menu-trigger>Size 6</md-button>\n\n              <md-menu-content>\n                <md-menu-item>My Item 1</md-menu-item>\n                <md-menu-item>My Item 2</md-menu-item>\n                <md-menu-item>My Item 3</md-menu-item>\n              </md-menu-content>\n            </md-menu>\n\n            <md-menu md-size="7">\n              <md-button md-menu-trigger>Size 7</md-button>\n\n              <md-menu-content>\n                <md-menu-item>My Item 1</md-menu-item>\n                <md-menu-item>My Item 2</md-menu-item>\n                <md-menu-item>My Item 3</md-menu-item>\n              </md-menu-content>\n            </md-menu>\n          ')])],1)]),e._v(" "),t("example-box",{attrs:{"card-title":"Rich Content and List Icons"}},[t("div",{slot:"demo"},[t("md-menu",{ref:"menu",attrs:{"md-size":"4","md-direction":"top right"}},[t("md-button",{staticClass:"md-icon-button",attrs:{"md-menu-trigger":""}},[t("md-icon",[e._v("contacts")])],1),e._v(" "),t("md-menu-content",[t("div",{staticClass:"author-card"},[t("md-avatar",{staticClass:"md-large"},[t("img",{attrs:{src:"assets/marcosmoura.jpg",alt:"Marcos Moura"}})]),e._v(" "),t("div",{staticClass:"author-card-info"},[t("span",[e._v("Marcos Moura")]),e._v(" "),t("div",{staticClass:"author-card-links"},[t("a",{attrs:{href:"https://linkedin.com/in/marcosvmmoura",target:"_blank",rel:"noopener"}},[e._v("Linkedin")]),e._v(" "),t("a",{attrs:{href:"https://github.com/marcosmoura",target:"_blank",rel:"noopener"}},[e._v("GitHub")])])])],1)])],1),e._v(" "),t("md-menu",{attrs:{"md-size":"4"}},[t("md-button",{staticClass:"md-icon-button",attrs:{"md-menu-trigger":""}},[t("md-icon",[e._v("phone")])],1),e._v(" "),t("md-menu-content",[t("md-menu-item",[t("md-icon",[e._v("phone")]),e._v(" "),t("span",[e._v("My Item 1")])],1),e._v(" "),t("md-menu-item",[t("md-icon",[e._v("phone")]),e._v(" "),t("span",[e._v("My Item 2")])],1),e._v(" "),t("md-menu-item",[t("md-icon",[e._v("phone")]),e._v(" "),t("span",[e._v("My Item 3")])],1)],1)],1),e._v(" "),t("md-menu",{attrs:{"md-direction":"bottom left","md-size":"4"}},[t("md-button",{staticClass:"md-icon-button",attrs:{"md-menu-trigger":""}},[t("md-icon",[e._v("near_me")])],1),e._v(" "),t("md-menu-content",[t("md-menu-item",[t("span",[e._v("Find on map")]),e._v(" "),t("md-icon",[e._v("near_me")])],1),e._v(" "),t("md-menu-item",[t("span",[e._v("Call")]),e._v(" "),t("md-icon",[e._v("phone")])],1)],1)],1),e._v(" "),t("md-button",{staticClass:"md-raised md-primary",nativeOn:{click:function(m){e.$refs.menu.open(m)}}},[e._v("Open contact card")])],1),e._v(" "),t("div",{slot:"code"},[t("code-block",{attrs:{lang:"xml"}},[e._v('\n            <md-menu md-size="4" md-direction="top right" ref="menu">\n              <md-button class="md-icon-button" md-menu-trigger>\n                <md-icon>contacts</md-icon>\n              </md-button>\n\n              <md-menu-content>\n                <div class="author-card">\n                  <md-avatar class="md-large">\n                    <img src="assets/marcosmoura.jpg" alt="Marcos Moura">\n                  </md-avatar>\n\n                  <div class="author-card-info">\n                    <span>Marcos Moura</span>\n                    <div class="author-card-links">\n                      <a href="https://linkedin.com/in/marcosvmmoura" target="_blank" rel="noopener">Linkedin</a>\n                      <a href="https://github.com/marcosmoura" target="_blank" rel="noopener">GitHub</a>\n                    </div>\n                  </div>\n                </div>\n              </md-menu-content>\n            </md-menu>\n\n            <md-menu md-size="4">\n              <md-button class="md-icon-button" md-menu-trigger>\n                <md-icon>phone</md-icon>\n              </md-button>\n\n              <md-menu-content>\n                <md-menu-item>\n                  <md-icon>phone</md-icon>\n                  <span>My Item 1</span>\n                </md-menu-item>\n\n                <md-menu-item>\n                  <md-icon>phone</md-icon>\n                  <span>My Item 2</span>\n                </md-menu-item>\n\n                <md-menu-item>\n                  <md-icon>phone</md-icon>\n                  <span>My Item 3</span>\n                </md-menu-item>\n              </md-menu-content>\n            </md-menu>\n\n            <md-menu md-direction="bottom left" md-size="4">\n              <md-button class="md-icon-button" md-menu-trigger>\n                <md-icon>near_me</md-icon>\n              </md-button>\n\n              <md-menu-content>\n                <md-menu-item>\n                  <span>Find on map</span>\n                  <md-icon>near_me</md-icon>\n                </md-menu-item>\n\n                <md-menu-item>\n                  <span>Call</span>\n                  <md-icon>phone</md-icon>\n                </md-menu-item>\n              </md-menu-content>\n            </md-menu>\n\n            <md-button class="md-raised md-primary" @click.native="$refs.menu.open">Open contact card</md-button>\n          ')]),e._v(" "),t("code-block",{attrs:{lang:"sass"}},[e._v("\n            .author-card {\n              padding: 8px 16px;\n              display: flex;\n              align-items: center;\n\n              .md-avatar {\n                margin-right: 16px;\n              }\n\n              .author-card-info {\n                display: flex;\n                flex-flow: column;\n                flex: 1;\n              }\n\n              span {\n                font-size: 16px;\n              }\n\n              .author-card-links {\n                display: flex;\n\n                a + a {\n                  margin-left: 8px;\n                }\n              }\n            }\n          ")])],1)])],1)])],1)},staticRenderFns:[]}},605:function(e,m,t){var n=t(537);"string"==typeof n&&(n=[[e.i,n,""]]),n.locals&&(e.exports=n.locals);t(5)("7e716a80",n,!0)}});
\ No newline at end of file
+webpackJsonp([16,34],{477:function(e,m,t){t(604);var n=t(0)(null,t(571),"data-v-7268ce5e",null);e.exports=n.exports},536:function(e,m,t){m=e.exports=t(4)(),m.push([e.i,".md-menu[data-v-7268ce5e]{margin-right:36px}.author-card[data-v-7268ce5e]{padding:8px 16px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.author-card .md-avatar[data-v-7268ce5e]{margin-right:16px}.author-card .author-card-info[data-v-7268ce5e]{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-ms-flex:1;flex:1}.author-card span[data-v-7268ce5e]{font-size:16px}.author-card .author-card-links[data-v-7268ce5e]{display:-ms-flexbox;display:flex}.author-card .author-card-links a+a[data-v-7268ce5e]{margin-left:8px}",""])},571:function(e,m){e.exports={render:function(){var e=this,m=e.$createElement,t=e._self._c||m;return t("page-content",{attrs:{"page-title":"Components - Menu"}},[t("docs-component",[t("div",{slot:"description"},[t("p",[e._v("Menus appear upon interaction with a button, action, or other control. They display a list of choices, with one choice per line.")]),e._v(" "),t("p",[e._v("You can create menus with selection items or show rich content.")]),e._v(" "),t("p",[e._v("You will need an element with the "),t("code",[e._v("md-menu-trigger")]),e._v(" attribute inside the menu or to use the menu core methods, like on the last example.")])]),e._v(" "),t("div",{slot:"api"},[t("api-table",{attrs:{name:"md-menu"}},[t("md-table",{slot:"properties"},[t("md-table-header",[t("md-table-row",[t("md-table-head",[e._v("Name")]),e._v(" "),t("md-table-head",[e._v("Type")]),e._v(" "),t("md-table-head",[e._v("Description")])],1)],1),e._v(" "),t("md-table-body",[t("md-table-row",[t("md-table-cell",[e._v("md-size")]),e._v(" "),t("md-table-cell",[t("code",[e._v("Number")])]),e._v(" "),t("md-table-cell",[e._v("Sets the size of the menu content. From 0 to 7. "),t("br"),e._v("Default: "),t("code",[e._v("0")])])],1),e._v(" "),t("md-table-row",[t("md-table-cell",[e._v("md-direction")]),e._v(" "),t("md-table-cell",[t("code",[e._v("String")])]),e._v(" "),t("md-table-cell",[e._v("Sets the direction of the menu content. "),t("br"),e._v(" Possibilities: "),t("code",[e._v("bottom right")]),e._v(" | "),t("code",[e._v("bottom left")]),e._v(" | "),t("code",[e._v("top right")]),e._v(" | "),t("code",[e._v("top right")]),t("br"),e._v("Default: "),t("code",[e._v("bottom right")])])],1),e._v(" "),t("md-table-row",[t("md-table-cell",[e._v("md-align-trigger")]),e._v(" "),t("md-table-cell",[t("code",[e._v("Boolean")])]),e._v(" "),t("md-table-cell",[e._v("Align the menu content to do not cover menu trigger. "),t("br"),e._v("Default: "),t("code",[e._v("false")])])],1),e._v(" "),t("md-table-row",[t("md-table-cell",[e._v("md-offset-x")]),e._v(" "),t("md-table-cell",[t("code",[e._v("Number")])]),e._v(" "),t("md-table-cell",[e._v("Set the menu content offset margin horizontally. "),t("br"),e._v("Default: "),t("code",[e._v("0")])])],1),e._v(" "),t("md-table-row",[t("md-table-cell",[e._v("md-offset-y")]),e._v(" "),t("md-table-cell",[t("code",[e._v("Number")])]),e._v(" "),t("md-table-cell",[e._v("Set the menu content offset margin vertically. "),t("br"),e._v("Default: "),t("code",[e._v("0")])])],1),e._v(" "),t("md-table-row",[t("md-table-cell",[e._v("md-close-on-select")]),e._v(" "),t("md-table-cell",[t("code",[e._v("Boolean")])]),e._v(" "),t("md-table-cell",[e._v("Close menu content upon mouse click on its menu items. "),t("br"),e._v("Default: "),t("code",[e._v("true")])])],1)],1)],1),e._v(" "),t("md-table",{slot:"events"},[t("md-table-header",[t("md-table-row",[t("md-table-head",[e._v("Name")]),e._v(" "),t("md-table-head",[e._v("Value")]),e._v(" "),t("md-table-head",[e._v("Description")])],1)],1),e._v(" "),t("md-table-body",[t("md-table-row",[t("md-table-cell",[e._v("open")]),e._v(" "),t("md-table-cell",[e._v("None")]),e._v(" "),t("md-table-cell",[e._v("Triggered when the menu starts to open.")])],1),e._v(" "),t("md-table-row",[t("md-table-cell",[e._v("close")]),e._v(" "),t("md-table-cell",[e._v("None")]),e._v(" "),t("md-table-cell",[e._v("Triggered when the menu starts to close.")])],1)],1)],1),e._v(" "),t("md-table",{slot:"methods"},[t("md-table-header",[t("md-table-row",[t("md-table-head",[e._v("Name")]),e._v(" "),t("md-table-head",[e._v("Description")])],1)],1),e._v(" "),t("md-table-body",[t("md-table-row",[t("md-table-cell",[e._v("open")]),e._v(" "),t("md-table-cell",[e._v("Open the menu.")])],1),e._v(" "),t("md-table-row",[t("md-table-cell",[e._v("close")]),e._v(" "),t("md-table-cell",[e._v("Close the menu.")])],1)],1)],1)],1),e._v(" "),t("api-table",{attrs:{name:"md-menu-content"}},[t("p",[e._v("Displays the content of a menu.")]),e._v(" "),t("p",[e._v("No options available")])]),e._v(" "),t("api-table",{attrs:{name:"md-menu-item"}},[t("p",[e._v("Displays a single item inside a menu.")]),e._v(" "),t("div",{slot:"properties"},[t("md-table",[t("md-table-header",[t("md-table-row",[t("md-table-head",[e._v("Name")]),e._v(" "),t("md-table-head",[e._v("Type")]),e._v(" "),t("md-table-head",[e._v("Description")])],1)],1),e._v(" "),t("md-table-body",[t("md-table-row",[t("md-table-cell",[e._v("disabled")]),e._v(" "),t("md-table-cell",[t("code",[e._v("Boolean")])]),e._v(" "),t("md-table-cell",[e._v("Disable the button and prevent his actions. Default "),t("code",[e._v("false")])])],1)],1)],1)],1),e._v(" "),t("md-table",{slot:"events"},[t("md-table-header",[t("md-table-row",[t("md-table-head",[e._v("Name")]),e._v(" "),t("md-table-head",[e._v("Value")]),e._v(" "),t("md-table-head",[e._v("Description")])],1)],1),e._v(" "),t("md-table-body",[t("md-table-row",[t("md-table-cell",[e._v("selected")]),e._v(" "),t("md-table-cell",[e._v("Receives the "),t("code",[e._v("$event")])]),e._v(" "),t("md-table-cell",[e._v("Triggered when the item receives a click.")])],1)],1)],1)],1)],1),e._v(" "),t("div",{slot:"example"},[t("example-box",{attrs:{"card-title":"Directions"}},[t("div",{slot:"demo"},[t("md-menu",[t("md-button",{attrs:{"md-menu-trigger":""}},[e._v("Bottom Right")]),e._v(" "),t("md-menu-content",[t("md-menu-item",[e._v("My Item 1")]),e._v(" "),t("md-menu-item",[e._v("My Item 2")]),e._v(" "),t("md-menu-item",[e._v("My Item 3")])],1)],1),e._v(" "),t("md-menu",{attrs:{"md-direction":"bottom left"}},[t("md-button",{attrs:{"md-menu-trigger":""}},[e._v("Bottom Left")]),e._v(" "),t("md-menu-content",[t("md-menu-item",[e._v("My Item 1")]),e._v(" "),t("md-menu-item",[e._v("My Item 2")]),e._v(" "),t("md-menu-item",{attrs:{disabled:""}},[e._v("My Item 3")]),e._v(" "),t("md-menu-item",[e._v("My Item 4")])],1)],1),e._v(" "),t("md-menu",{attrs:{"md-direction":"top left"}},[t("md-button",{attrs:{"md-menu-trigger":""}},[e._v("Top Left")]),e._v(" "),t("md-menu-content",[t("md-menu-item",[e._v("My Item 1")]),e._v(" "),t("md-menu-item",[e._v("My Item 2")]),e._v(" "),t("md-menu-item",[e._v("My Item 3")])],1)],1),e._v(" "),t("md-menu",{attrs:{"md-direction":"top right"}},[t("md-button",{attrs:{"md-menu-trigger":""}},[e._v("Top Right")]),e._v(" "),t("md-menu-content",[t("md-menu-item",[e._v("My Item 1")]),e._v(" "),t("md-menu-item",[e._v("My Item 2")]),e._v(" "),t("md-menu-item",[e._v("My Item 3")])],1)],1)],1),e._v(" "),t("div",{slot:"code"},[t("code-block",{attrs:{lang:"xml"}},[e._v('\n            <md-menu>\n              <md-button md-menu-trigger>Bottom Right</md-button>\n\n              <md-menu-content>\n                <md-menu-item>My Item 1</md-menu-item>\n                <md-menu-item>My Item 2</md-menu-item>\n                <md-menu-item>My Item 3</md-menu-item>\n              </md-menu-content>\n            </md-menu>\n\n            <md-menu md-direction="bottom left">\n              <md-button md-menu-trigger>Bottom Left</md-button>\n\n              <md-menu-content>\n                <md-menu-item>My Item 1</md-menu-item>\n                <md-menu-item>My Item 2</md-menu-item>\n                <md-menu-item disabled>My Item 3</md-menu-item>\n                <md-menu-item>My Item 4</md-menu-item>\n              </md-menu-content>\n            </md-menu>\n\n            <md-menu md-direction="top left">\n              <md-button md-menu-trigger>Top Left</md-button>\n\n              <md-menu-content>\n                <md-menu-item>My Item 1</md-menu-item>\n                <md-menu-item>My Item 2</md-menu-item>\n                <md-menu-item>My Item 3</md-menu-item>\n              </md-menu-content>\n            </md-menu>\n\n            <md-menu md-direction="top right">\n              <md-button md-menu-trigger>Top Right</md-button>\n\n              <md-menu-content>\n                <md-menu-item>My Item 1</md-menu-item>\n                <md-menu-item>My Item 2</md-menu-item>\n                <md-menu-item>My Item 3</md-menu-item>\n              </md-menu-content>\n            </md-menu>\n          ')])],1)]),e._v(" "),t("example-box",{attrs:{"card-title":"Alignments"}},[t("div",{slot:"demo"},[t("md-menu",[t("md-button",{attrs:{"md-menu-trigger":""}},[e._v("Default")]),e._v(" "),t("md-menu-content",[t("md-menu-item",[e._v("My Item 1")]),e._v(" "),t("md-menu-item",[e._v("My Item 2")]),e._v(" "),t("md-menu-item",[e._v("My Item 3")])],1)],1),e._v(" "),t("md-menu",{attrs:{"md-align-trigger":""}},[t("md-button",{attrs:{"md-menu-trigger":""}},[e._v("Align trigger")]),e._v(" "),t("md-menu-content",[t("md-menu-item",[e._v("My Item 1")]),e._v(" "),t("md-menu-item",[e._v("My Item 2")]),e._v(" "),t("md-menu-item",[e._v("My Item 3")])],1)],1),e._v(" "),t("md-menu",{attrs:{"md-offset-x":154,"md-offset-y":"12"}},[t("md-button",{attrs:{"md-menu-trigger":""}},[e._v("Custom offset")]),e._v(" "),t("md-menu-content",[t("md-menu-item",[e._v("My Item 1")]),e._v(" "),t("md-menu-item",[e._v("My Item 2")]),e._v(" "),t("md-menu-item",[e._v("My Item 3")])],1)],1)],1),e._v(" "),t("div",{slot:"code"},[t("code-block",{attrs:{lang:"xml"}},[e._v('\n            <md-menu>\n              <md-button md-menu-trigger>Default</md-button>\n\n              <md-menu-content>\n                <md-menu-item>My Item 1</md-menu-item>\n                <md-menu-item>My Item 2</md-menu-item>\n                <md-menu-item>My Item 3</md-menu-item>\n              </md-menu-content>\n            </md-menu>\n\n            <md-menu md-align-trigger>\n              <md-button md-menu-trigger>Align trigger</md-button>\n\n              <md-menu-content>\n                <md-menu-item>My Item 1</md-menu-item>\n                <md-menu-item>My Item 2</md-menu-item>\n                <md-menu-item>My Item 3</md-menu-item>\n              </md-menu-content>\n            </md-menu>\n\n            <md-menu :md-offset-x="154" md-offset-y="12">\n              <md-button md-menu-trigger>Custom offset</md-button>\n\n              <md-menu-content>\n                <md-menu-item>My Item 1</md-menu-item>\n                <md-menu-item>My Item 2</md-menu-item>\n                <md-menu-item>My Item 3</md-menu-item>\n              </md-menu-content>\n            </md-menu>\n          ')])],1)]),e._v(" "),t("example-box",{attrs:{"card-title":"Sizes"}},[t("div",{slot:"demo"},[t("md-menu",{attrs:{"md-size":"1"}},[t("md-button",{attrs:{"md-menu-trigger":""}},[e._v("Size 1")]),e._v(" "),t("md-menu-content",[t("md-menu-item",[e._v("Item 1")]),e._v(" "),t("md-menu-item",[e._v("Item 2")]),e._v(" "),t("md-menu-item",[e._v("Item 3")])],1)],1),e._v(" "),t("md-menu",{attrs:{"md-size":"2"}},[t("md-button",{attrs:{"md-menu-trigger":""}},[e._v("Size 2")]),e._v(" "),t("md-menu-content",[t("md-menu-item",[e._v("My Item 1")]),e._v(" "),t("md-menu-item",[e._v("My Item 2")]),e._v(" "),t("md-menu-item",[e._v("My Item 3")])],1)],1),e._v(" "),t("md-menu",{attrs:{"md-size":"3"}},[t("md-button",{attrs:{"md-menu-trigger":""}},[e._v("Size 3")]),e._v(" "),t("md-menu-content",[t("md-menu-item",[e._v("My Item 1")]),e._v(" "),t("md-menu-item",[e._v("My Item 2")]),e._v(" "),t("md-menu-item",[e._v("My Item 3")])],1)],1),e._v(" "),t("md-menu",{attrs:{"md-size":"4"}},[t("md-button",{attrs:{"md-menu-trigger":""}},[e._v("Size 4")]),e._v(" "),t("md-menu-content",[t("md-menu-item",[e._v("My Item 1")]),e._v(" "),t("md-menu-item",[e._v("My Item 2")]),e._v(" "),t("md-menu-item",[e._v("My Item 3")])],1)],1),e._v(" "),t("md-menu",{attrs:{"md-size":"5"}},[t("md-button",{attrs:{"md-menu-trigger":""}},[e._v("Size 5")]),e._v(" "),t("md-menu-content",[t("md-menu-item",[e._v("My Item 1")]),e._v(" "),t("md-menu-item",[e._v("My Item 2")]),e._v(" "),t("md-menu-item",[e._v("My Item 3")])],1)],1),e._v(" "),t("md-menu",{attrs:{"md-size":"6"}},[t("md-button",{attrs:{"md-menu-trigger":""}},[e._v("Size 6")]),e._v(" "),t("md-menu-content",[t("md-menu-item",[e._v("My Item 1")]),e._v(" "),t("md-menu-item",[e._v("My Item 2")]),e._v(" "),t("md-menu-item",[e._v("My Item 3")])],1)],1),e._v(" "),t("md-menu",{attrs:{"md-size":"7"}},[t("md-button",{attrs:{"md-menu-trigger":""}},[e._v("Size 7")]),e._v(" "),t("md-menu-content",[t("md-menu-item",[e._v("My Item 1")]),e._v(" "),t("md-menu-item",[e._v("My Item 2")]),e._v(" "),t("md-menu-item",[e._v("My Item 3")])],1)],1)],1),e._v(" "),t("div",{slot:"code"},[t("code-block",{attrs:{lang:"xml"}},[e._v('\n            <md-menu md-size="1">\n              <md-button md-menu-trigger>Size 1</md-button>\n\n              <md-menu-content>\n                <md-menu-item>Item 1</md-menu-item>\n                <md-menu-item>Item 2</md-menu-item>\n                <md-menu-item>Item 3</md-menu-item>\n              </md-menu-content>\n            </md-menu>\n\n            <md-menu md-size="2">\n              <md-button md-menu-trigger>Size 2</md-button>\n\n              <md-menu-content>\n                <md-menu-item>My Item 1</md-menu-item>\n                <md-menu-item>My Item 2</md-menu-item>\n                <md-menu-item>My Item 3</md-menu-item>\n              </md-menu-content>\n            </md-menu>\n\n            <md-menu md-size="3">\n              <md-button md-menu-trigger>Size 3</md-button>\n\n              <md-menu-content>\n                <md-menu-item>My Item 1</md-menu-item>\n                <md-menu-item>My Item 2</md-menu-item>\n                <md-menu-item>My Item 3</md-menu-item>\n              </md-menu-content>\n            </md-menu>\n\n            <md-menu md-size="4">\n              <md-button md-menu-trigger>Size 4</md-button>\n\n              <md-menu-content>\n                <md-menu-item>My Item 1</md-menu-item>\n                <md-menu-item>My Item 2</md-menu-item>\n                <md-menu-item>My Item 3</md-menu-item>\n              </md-menu-content>\n            </md-menu>\n\n            <md-menu md-size="5">\n              <md-button md-menu-trigger>Size 5</md-button>\n\n              <md-menu-content>\n                <md-menu-item>My Item 1</md-menu-item>\n                <md-menu-item>My Item 2</md-menu-item>\n                <md-menu-item>My Item 3</md-menu-item>\n              </md-menu-content>\n            </md-menu>\n\n            <md-menu md-size="6">\n              <md-button md-menu-trigger>Size 6</md-button>\n\n              <md-menu-content>\n                <md-menu-item>My Item 1</md-menu-item>\n                <md-menu-item>My Item 2</md-menu-item>\n                <md-menu-item>My Item 3</md-menu-item>\n              </md-menu-content>\n            </md-menu>\n\n            <md-menu md-size="7">\n              <md-button md-menu-trigger>Size 7</md-button>\n\n              <md-menu-content>\n                <md-menu-item>My Item 1</md-menu-item>\n                <md-menu-item>My Item 2</md-menu-item>\n                <md-menu-item>My Item 3</md-menu-item>\n              </md-menu-content>\n            </md-menu>\n          ')])],1)]),e._v(" "),t("example-box",{attrs:{"card-title":"Rich Content and List Icons"}},[t("div",{slot:"demo"},[t("md-menu",{ref:"menu",attrs:{"md-size":"4","md-direction":"top right"}},[t("md-button",{staticClass:"md-icon-button",attrs:{"md-menu-trigger":""}},[t("md-icon",[e._v("contacts")])],1),e._v(" "),t("md-menu-content",[t("div",{staticClass:"author-card"},[t("md-avatar",{staticClass:"md-large"},[t("img",{attrs:{src:"assets/marcosmoura.jpg",alt:"Marcos Moura"}})]),e._v(" "),t("div",{staticClass:"author-card-info"},[t("span",[e._v("Marcos Moura")]),e._v(" "),t("div",{staticClass:"author-card-links"},[t("a",{attrs:{href:"https://linkedin.com/in/marcosvmmoura",target:"_blank",rel:"noopener"}},[e._v("Linkedin")]),e._v(" "),t("a",{attrs:{href:"https://github.com/marcosmoura",target:"_blank",rel:"noopener"}},[e._v("GitHub")])])])],1)])],1),e._v(" "),t("md-menu",{attrs:{"md-size":"4"}},[t("md-button",{staticClass:"md-icon-button",attrs:{"md-menu-trigger":""}},[t("md-icon",[e._v("phone")])],1),e._v(" "),t("md-menu-content",[t("md-menu-item",[t("md-icon",[e._v("phone")]),e._v(" "),t("span",[e._v("My Item 1")])],1),e._v(" "),t("md-menu-item",[t("md-icon",[e._v("phone")]),e._v(" "),t("span",[e._v("My Item 2")])],1),e._v(" "),t("md-menu-item",[t("md-icon",[e._v("phone")]),e._v(" "),t("span",[e._v("My Item 3")])],1)],1)],1),e._v(" "),t("md-menu",{attrs:{"md-direction":"bottom left","md-size":"4"}},[t("md-button",{staticClass:"md-icon-button",attrs:{"md-menu-trigger":""}},[t("md-icon",[e._v("near_me")])],1),e._v(" "),t("md-menu-content",[t("md-menu-item",[t("span",[e._v("Find on map")]),e._v(" "),t("md-icon",[e._v("near_me")])],1),e._v(" "),t("md-menu-item",[t("span",[e._v("Call")]),e._v(" "),t("md-icon",[e._v("phone")])],1)],1)],1),e._v(" "),t("md-button",{staticClass:"md-raised md-primary",nativeOn:{click:function(m){e.$refs.menu.open(m)}}},[e._v("Open contact card")])],1),e._v(" "),t("div",{slot:"code"},[t("code-block",{attrs:{lang:"xml"}},[e._v('\n            <md-menu md-size="4" md-direction="top right" ref="menu">\n              <md-button class="md-icon-button" md-menu-trigger>\n                <md-icon>contacts</md-icon>\n              </md-button>\n\n              <md-menu-content>\n                <div class="author-card">\n                  <md-avatar class="md-large">\n                    <img src="assets/marcosmoura.jpg" alt="Marcos Moura">\n                  </md-avatar>\n\n                  <div class="author-card-info">\n                    <span>Marcos Moura</span>\n                    <div class="author-card-links">\n                      <a href="https://linkedin.com/in/marcosvmmoura" target="_blank" rel="noopener">Linkedin</a>\n                      <a href="https://github.com/marcosmoura" target="_blank" rel="noopener">GitHub</a>\n                    </div>\n                  </div>\n                </div>\n              </md-menu-content>\n            </md-menu>\n\n            <md-menu md-size="4">\n              <md-button class="md-icon-button" md-menu-trigger>\n                <md-icon>phone</md-icon>\n              </md-button>\n\n              <md-menu-content>\n                <md-menu-item>\n                  <md-icon>phone</md-icon>\n                  <span>My Item 1</span>\n                </md-menu-item>\n\n                <md-menu-item>\n                  <md-icon>phone</md-icon>\n                  <span>My Item 2</span>\n                </md-menu-item>\n\n                <md-menu-item>\n                  <md-icon>phone</md-icon>\n                  <span>My Item 3</span>\n                </md-menu-item>\n              </md-menu-content>\n            </md-menu>\n\n            <md-menu md-direction="bottom left" md-size="4">\n              <md-button class="md-icon-button" md-menu-trigger>\n                <md-icon>near_me</md-icon>\n              </md-button>\n\n              <md-menu-content>\n                <md-menu-item>\n                  <span>Find on map</span>\n                  <md-icon>near_me</md-icon>\n                </md-menu-item>\n\n                <md-menu-item>\n                  <span>Call</span>\n                  <md-icon>phone</md-icon>\n                </md-menu-item>\n              </md-menu-content>\n            </md-menu>\n\n            <md-button class="md-raised md-primary" @click.native="$refs.menu.open">Open contact card</md-button>\n          ')]),e._v(" "),t("code-block",{attrs:{lang:"sass"}},[e._v("\n            .author-card {\n              padding: 8px 16px;\n              display: flex;\n              align-items: center;\n\n              .md-avatar {\n                margin-right: 16px;\n              }\n\n              .author-card-info {\n                display: flex;\n                flex-flow: column;\n                flex: 1;\n              }\n\n              span {\n                font-size: 16px;\n              }\n\n              .author-card-links {\n                display: flex;\n\n                a + a {\n                  margin-left: 8px;\n                }\n              }\n            }\n          ")])],1)])],1)])],1)},staticRenderFns:[]}},604:function(e,m,t){var n=t(536);"string"==typeof n&&(n=[[e.i,n,""]]),n.locals&&(e.exports=n.locals);t(5)("7e716a80",n,!0)}});
\ No newline at end of file
diff --git a/progress.187c9f14.js b/progress.2ff899d0.js
similarity index 92%
rename from progress.187c9f14.js
rename to progress.2ff899d0.js
index 25cac53..3e2cd28 100644
--- a/progress.187c9f14.js
+++ b/progress.2ff899d0.js
@@ -1 +1 @@
-webpackJsonp([9,34],{478:function(e,s,r){r(603);var t=r(0)(r(505),r(569),"data-v-63f6719f",null);e.exports=t.exports},505:function(e,s,r){"use strict";Object.defineProperty(s,"__esModule",{value:!0}),s.default={data:function(){return{progress:0,progressInterval:null,transition:!0}},methods:{startProgress:function(){var e=this;this.progressInterval=window.setInterval((function(){e.progress+=3,e.progress>100&&window.clearInterval(e.progressInterval)}),100)},restartProgress:function(){var e=this;this.progress=0,this.transition=!1,window.clearInterval(this.progressInterval),window.setTimeout((function(){e.transition=!0,e.startProgress()}),600)}},mounted:function(){this.startProgress()}},e.exports=s.default},535:function(e,s,r){s=e.exports=r(4)(),s.push([e.i,".progress-area[data-v-63f6719f]{height:44px}.progress-area+.md-button[data-v-63f6719f]{margin:16px 0 0}.md-progress[data-v-63f6719f]{margin-bottom:16px}",""])},569:function(e,s){e.exports={render:function(){var e=this,s=e.$createElement,r=e._self._c||s;return r("page-content",{attrs:{"page-title":"Components - Progress"}},[r("docs-component",[r("div",{slot:"description"},[r("p",[e._v("A linear progress indicator should always fill from 0% to 100% and never decrease in value. It should be represented by bars on the edge of a header or sheet that appear and disappear.")]),e._v(" "),r("p",[e._v("The following classes can be applied to change the color palette:")]),e._v(" "),r("ul",{staticClass:"md-body-2"},[r("li",[r("code",[e._v("md-accent")])]),e._v(" "),r("li",[r("code",[e._v("md-warn")])])])]),e._v(" "),r("div",{slot:"api"},[r("api-table",{attrs:{name:"md-progress"}},[r("md-table",{slot:"properties"},[r("md-table-header",[r("md-table-row",[r("md-table-head",[e._v("Name")]),e._v(" "),r("md-table-head",[e._v("Type")]),e._v(" "),r("md-table-head",[e._v("Description")])],1)],1),e._v(" "),r("md-table-body",[r("md-table-row",[r("md-table-cell",[e._v("md-indeterminate")]),e._v(" "),r("md-table-cell",[r("code",[e._v("Boolean")])]),e._v(" "),r("md-table-cell",[e._v("Enable the indeterminate state. Default "),r("code",[e._v("false")])])],1),e._v(" "),r("md-table-row",[r("md-table-cell",[e._v("md-progress")]),e._v(" "),r("md-table-cell",[r("code",[e._v("Number")])]),e._v(" "),r("md-table-cell",[e._v("Define the current progress of the progress. Default "),r("code",[e._v("0")])])],1)],1)],1)],1)],1),e._v(" "),r("div",{slot:"example"},[r("example-box",{attrs:{"card-title":"Determinate"}},[r("div",{staticClass:"progress-demo",slot:"demo"},[r("div",{staticClass:"progress-area"},[e.transition?r("md-progress",{attrs:{"md-progress":e.progress}}):e._e(),e._v(" "),e.transition?r("md-progress",{staticClass:"md-accent",attrs:{"md-progress":e.progress}}):e._e(),e._v(" "),e.transition?r("md-progress",{staticClass:"md-warn",attrs:{"md-progress":e.progress}}):e._e()],1),e._v(" "),r("md-button",{staticClass:"md-primary md-raised",nativeOn:{click:function(s){e.restartProgress(s)}}},[e._v("Restart")])],1),e._v(" "),r("div",{slot:"code"},[r("code-block",{attrs:{lang:"xml"}},[e._v('\n            <md-progress :md-progress="progress"></md-progress>\n            <md-progress class="md-accent" :md-progress="progress"></md-progress>\n            <md-progress class="md-warn" :md-progress="progress"></md-progress>\n          ')])],1)]),e._v(" "),r("example-box",{attrs:{"card-title":"Indeterminate"}},[r("div",{staticClass:"progress-demo",slot:"demo"},[r("div",{staticClass:"progress-area"},[e.transition?r("md-progress",{attrs:{"md-indeterminate":""}}):e._e(),e._v(" "),e.transition?r("md-progress",{staticClass:"md-accent",attrs:{"md-indeterminate":""}}):e._e(),e._v(" "),e.transition?r("md-progress",{staticClass:"md-warn",attrs:{"md-indeterminate":""}}):e._e()],1)]),e._v(" "),r("div",{slot:"code"},[r("code-block",{attrs:{lang:"xml"}},[e._v('\n            <md-progress md-indeterminate></md-progress>\n            <md-progress class="md-accent" md-indeterminate></md-progress>\n            <md-progress class="md-warn" md-indeterminate></md-progress>\n          ')])],1)]),e._v(" "),r("example-box",{attrs:{"card-title":"Themes"}},[r("div",{staticClass:"progress-demo",slot:"demo"},[r("div",{staticClass:"progress-area"},[e.transition?r("md-progress",{attrs:{"md-theme":"orange","md-indeterminate":""}}):e._e(),e._v(" "),e.transition?r("md-progress",{attrs:{"md-theme":"green","md-progress":e.progress}}):e._e(),e._v(" "),e.transition?r("md-progress",{attrs:{"md-theme":"purple","md-indeterminate":""}}):e._e()],1)]),e._v(" "),r("div",{slot:"code"},[r("code-block",{attrs:{lang:"xml"}},[e._v('\n            <md-progress md-theme="orange" md-indeterminate></md-progress>\n            <md-progress md-theme="green" :md-progress="progress"></md-progress>\n            <md-progress md-theme="purple" md-indeterminate></md-progress>\n          ')])],1)])],1)])],1)},staticRenderFns:[]}},603:function(e,s,r){var t=r(535);"string"==typeof t&&(t=[[e.i,t,""]]),t.locals&&(e.exports=t.locals);r(5)("64b2b2ed",t,!0)}});
\ No newline at end of file
+webpackJsonp([8,34],{478:function(e,s,r){r(602);var t=r(0)(r(505),r(568),"data-v-63f6719f",null);e.exports=t.exports},505:function(e,s,r){"use strict";Object.defineProperty(s,"__esModule",{value:!0}),s.default={data:function(){return{progress:0,progressInterval:null,transition:!0}},methods:{startProgress:function(){var e=this;this.progressInterval=window.setInterval((function(){e.progress+=3,e.progress>100&&window.clearInterval(e.progressInterval)}),100)},restartProgress:function(){var e=this;this.progress=0,this.transition=!1,window.clearInterval(this.progressInterval),window.setTimeout((function(){e.transition=!0,e.startProgress()}),600)}},mounted:function(){this.startProgress()}},e.exports=s.default},534:function(e,s,r){s=e.exports=r(4)(),s.push([e.i,".progress-area[data-v-63f6719f]{height:44px}.progress-area+.md-button[data-v-63f6719f]{margin:16px 0 0}.md-progress[data-v-63f6719f]{margin-bottom:16px}",""])},568:function(e,s){e.exports={render:function(){var e=this,s=e.$createElement,r=e._self._c||s;return r("page-content",{attrs:{"page-title":"Components - Progress"}},[r("docs-component",[r("div",{slot:"description"},[r("p",[e._v("A linear progress indicator should always fill from 0% to 100% and never decrease in value. It should be represented by bars on the edge of a header or sheet that appear and disappear.")]),e._v(" "),r("p",[e._v("The following classes can be applied to change the color palette:")]),e._v(" "),r("ul",{staticClass:"md-body-2"},[r("li",[r("code",[e._v("md-accent")])]),e._v(" "),r("li",[r("code",[e._v("md-warn")])])])]),e._v(" "),r("div",{slot:"api"},[r("api-table",{attrs:{name:"md-progress"}},[r("md-table",{slot:"properties"},[r("md-table-header",[r("md-table-row",[r("md-table-head",[e._v("Name")]),e._v(" "),r("md-table-head",[e._v("Type")]),e._v(" "),r("md-table-head",[e._v("Description")])],1)],1),e._v(" "),r("md-table-body",[r("md-table-row",[r("md-table-cell",[e._v("md-indeterminate")]),e._v(" "),r("md-table-cell",[r("code",[e._v("Boolean")])]),e._v(" "),r("md-table-cell",[e._v("Enable the indeterminate state. Default "),r("code",[e._v("false")])])],1),e._v(" "),r("md-table-row",[r("md-table-cell",[e._v("md-progress")]),e._v(" "),r("md-table-cell",[r("code",[e._v("Number")])]),e._v(" "),r("md-table-cell",[e._v("Define the current progress of the progress. Default "),r("code",[e._v("0")])])],1)],1)],1)],1)],1),e._v(" "),r("div",{slot:"example"},[r("example-box",{attrs:{"card-title":"Determinate"}},[r("div",{staticClass:"progress-demo",slot:"demo"},[r("div",{staticClass:"progress-area"},[e.transition?r("md-progress",{attrs:{"md-progress":e.progress}}):e._e(),e._v(" "),e.transition?r("md-progress",{staticClass:"md-accent",attrs:{"md-progress":e.progress}}):e._e(),e._v(" "),e.transition?r("md-progress",{staticClass:"md-warn",attrs:{"md-progress":e.progress}}):e._e()],1),e._v(" "),r("md-button",{staticClass:"md-primary md-raised",nativeOn:{click:function(s){e.restartProgress(s)}}},[e._v("Restart")])],1),e._v(" "),r("div",{slot:"code"},[r("code-block",{attrs:{lang:"xml"}},[e._v('\n            <md-progress :md-progress="progress"></md-progress>\n            <md-progress class="md-accent" :md-progress="progress"></md-progress>\n            <md-progress class="md-warn" :md-progress="progress"></md-progress>\n          ')])],1)]),e._v(" "),r("example-box",{attrs:{"card-title":"Indeterminate"}},[r("div",{staticClass:"progress-demo",slot:"demo"},[r("div",{staticClass:"progress-area"},[e.transition?r("md-progress",{attrs:{"md-indeterminate":""}}):e._e(),e._v(" "),e.transition?r("md-progress",{staticClass:"md-accent",attrs:{"md-indeterminate":""}}):e._e(),e._v(" "),e.transition?r("md-progress",{staticClass:"md-warn",attrs:{"md-indeterminate":""}}):e._e()],1)]),e._v(" "),r("div",{slot:"code"},[r("code-block",{attrs:{lang:"xml"}},[e._v('\n            <md-progress md-indeterminate></md-progress>\n            <md-progress class="md-accent" md-indeterminate></md-progress>\n            <md-progress class="md-warn" md-indeterminate></md-progress>\n          ')])],1)]),e._v(" "),r("example-box",{attrs:{"card-title":"Themes"}},[r("div",{staticClass:"progress-demo",slot:"demo"},[r("div",{staticClass:"progress-area"},[e.transition?r("md-progress",{attrs:{"md-theme":"orange","md-indeterminate":""}}):e._e(),e._v(" "),e.transition?r("md-progress",{attrs:{"md-theme":"green","md-progress":e.progress}}):e._e(),e._v(" "),e.transition?r("md-progress",{attrs:{"md-theme":"purple","md-indeterminate":""}}):e._e()],1)]),e._v(" "),r("div",{slot:"code"},[r("code-block",{attrs:{lang:"xml"}},[e._v('\n            <md-progress md-theme="orange" md-indeterminate></md-progress>\n            <md-progress md-theme="green" :md-progress="progress"></md-progress>\n            <md-progress md-theme="purple" md-indeterminate></md-progress>\n          ')])],1)])],1)])],1)},staticRenderFns:[]}},602:function(e,s,r){var t=r(534);"string"==typeof t&&(t=[[e.i,t,""]]),t.locals&&(e.exports=t.locals);r(5)("64b2b2ed",t,!0)}});
\ No newline at end of file
diff --git a/radio.f07fe16c.js b/radio.da972ed8.js
similarity index 99%
rename from radio.f07fe16c.js
rename to radio.da972ed8.js
index 40121d5..e94b34e 100644
--- a/radio.f07fe16c.js
+++ b/radio.da972ed8.js
@@ -1 +1 @@
-webpackJsonp([25,34],{479:function(e,a,d){var o=d(0)(d(506),d(556),null,null);e.exports=o.exports},506:function(e,a,d){"use strict";Object.defineProperty(a,"__esModule",{value:!0}),a.default={data:function(){return{radio1:2,radio2:1,radio3:1,radio4:1,radio5:2,radio6:3,radio7:1,radio8:2}}},e.exports=a.default},556:function(e,a){e.exports={render:function(){var e=this,a=e.$createElement,d=e._self._c||a;return d("page-content",{attrs:{"page-title":"Components - Radio"}},[d("docs-component",[d("div",{slot:"description"},[d("p",[e._v("Radio buttons allow the user to select one option from a set. Use radio buttons for exclusive selection if you think that the user needs to see all available options side-by-side.")]),e._v(" "),d("p",[e._v("The following classes can be applied to change the color palette:")]),e._v(" "),d("ul",{staticClass:"md-body-2"},[d("li",[d("code",[e._v("md-primary")])]),e._v(" "),d("li",[d("code",[e._v("md-warn")])])])]),e._v(" "),d("div",{slot:"api"},[d("api-table",{attrs:{name:"md-radio"}},[d("md-table",{slot:"properties"},[d("md-table-header",[d("md-table-row",[d("md-table-head",[e._v("Name")]),e._v(" "),d("md-table-head",[e._v("Type")]),e._v(" "),d("md-table-head",[e._v("Description")])],1)],1),e._v(" "),d("md-table-body",[d("md-table-row",[d("md-table-cell",[e._v("v-model")]),e._v(" "),d("md-table-cell",[d("code",[e._v("String")])]),e._v(" "),d("md-table-cell",[e._v("A required model object to bind the value.")])],1),e._v(" "),d("md-table-row",[d("md-table-cell",[e._v("md-value")]),e._v(" "),d("md-table-cell",[d("code",[e._v("String")])]),e._v(" "),d("md-table-cell",[e._v("The single value of the particular radio button. Required.")])],1),e._v(" "),d("md-table-row",[d("md-table-cell",[e._v("name")]),e._v(" "),d("md-table-cell",[d("code",[e._v("String")])]),e._v(" "),d("md-table-cell",[e._v("Set the radio name.")])],1),e._v(" "),d("md-table-row",[d("md-table-cell",[e._v("id")]),e._v(" "),d("md-table-cell",[d("code",[e._v("String")])]),e._v(" "),d("md-table-cell",[e._v("Set the radio id.")])],1),e._v(" "),d("md-table-row",[d("md-table-cell",[e._v("disabled")]),e._v(" "),d("md-table-cell",[d("code",[e._v("Boolean")])]),e._v(" "),d("md-table-cell",[e._v("Disable the radio and prevent his actions. Default "),d("code",[e._v("false")])])],1)],1)],1),e._v(" "),d("md-table",{slot:"events"},[d("md-table-header",[d("md-table-row",[d("md-table-head",[e._v("Name")]),e._v(" "),d("md-table-head",[e._v("Value")]),e._v(" "),d("md-table-head",[e._v("Description")])],1)],1),e._v(" "),d("md-table-body",[d("md-table-row",[d("md-table-cell",[e._v("change")]),e._v(" "),d("md-table-cell",[e._v("Receive the state of the radio")]),e._v(" "),d("md-table-cell",[e._v("Triggered when the radio changes his value.")])],1)],1)],1)],1)],1),e._v(" "),d("div",{slot:"example"},[d("example-box",{attrs:{"card-title":"Default"}},[d("div",{slot:"demo"},[d("div",[d("md-radio",{directives:[{name:"model",rawName:"v-model",value:e.radio1,expression:"radio1"}],attrs:{id:"my-test1",name:"my-test-group1","md-value":"1"},domProps:{value:e.radio1},on:{input:function(a){e.radio1=a}}},[e._v("My beautiful radio")]),e._v(" "),d("md-radio",{directives:[{name:"model",rawName:"v-model",value:e.radio1,expression:"radio1"}],attrs:{id:"my-test2",name:"my-test-group1","md-value":"2"},domProps:{value:e.radio1},on:{input:function(a){e.radio1=a}}},[e._v("Another radio")]),e._v(" "),d("md-radio",{directives:[{name:"model",rawName:"v-model",value:e.radio1,expression:"radio1"}],attrs:{id:"my-test3",name:"my-test-group1","md-value":"3"},domProps:{value:e.radio1},on:{input:function(a){e.radio1=a}}},[e._v("Another another radio")])],1),e._v(" "),d("div",[d("md-radio",{directives:[{name:"model",rawName:"v-model",value:e.radio2,expression:"radio2"}],staticClass:"md-primary",attrs:{id:"my-test4",name:"my-test-group2","md-value":"1"},domProps:{value:e.radio2},on:{input:function(a){e.radio2=a}}},[e._v("Primary radio")]),e._v(" "),d("md-radio",{directives:[{name:"model",rawName:"v-model",value:e.radio2,expression:"radio2"}],staticClass:"md-primary",attrs:{id:"my-test5",name:"my-test-group2","md-value":"2"},domProps:{value:e.radio2},on:{input:function(a){e.radio2=a}}},[e._v("Another primary radio")]),e._v(" "),d("md-radio",{directives:[{name:"model",rawName:"v-model",value:e.radio2,expression:"radio2"}],staticClass:"md-primary",attrs:{id:"my-test6",name:"my-test-group2","md-value":"3"},domProps:{value:e.radio2},on:{input:function(a){e.radio2=a}}},[e._v("Another another primary radio")])],1),e._v(" "),d("div",[d("md-radio",{directives:[{name:"model",rawName:"v-model",value:e.radio3,expression:"radio3"}],staticClass:"md-warn",attrs:{id:"my-test7",name:"my-test-group3","md-value":"1"},domProps:{value:e.radio3},on:{input:function(a){e.radio3=a}}},[e._v("Warn radio")]),e._v(" "),d("md-radio",{directives:[{name:"model",rawName:"v-model",value:e.radio3,expression:"radio3"}],staticClass:"md-warn",attrs:{id:"my-test8",name:"my-test-group3","md-value":"2"},domProps:{value:e.radio3},on:{input:function(a){e.radio3=a}}},[e._v("Another warn radio")]),e._v(" "),d("md-radio",{directives:[{name:"model",rawName:"v-model",value:e.radio3,expression:"radio3"}],staticClass:"md-warn",attrs:{id:"my-test9",name:"my-test-group3","md-value":"3"},domProps:{value:e.radio3},on:{input:function(a){e.radio3=a}}},[e._v("Another another warn radio")])],1),e._v(" "),d("div",[d("md-radio",{directives:[{name:"model",rawName:"v-model",value:e.radio4,expression:"radio4"}],attrs:{id:"my-test10",name:"my-test-group3","md-value":"1"},domProps:{value:e.radio4},on:{input:function(a){e.radio4=a}}},[e._v("My beautiful radio")]),e._v(" "),d("md-radio",{directives:[{name:"model",rawName:"v-model",value:e.radio4,expression:"radio4"}],attrs:{id:"my-test11",name:"my-test-group3","md-value":"2",disabled:""},domProps:{value:e.radio4},on:{input:function(a){e.radio4=a}}},[e._v("Disabled")]),e._v(" "),d("md-radio",{directives:[{name:"model",rawName:"v-model",value:e.radio4,expression:"radio4"}],attrs:{id:"my-test12",name:"my-test-group3","md-value":"3"},domProps:{value:e.radio4},on:{input:function(a){e.radio4=a}}},[e._v("Another radio")])],1)]),e._v(" "),d("div",{slot:"code"},[d("code-block",{attrs:{lang:"xml"}},[e._v('\n            <div>\n              <md-radio v-model="radio1" id="my-test1" name="my-test-group1" md-value="1">My beautiful radio</md-radio>\n              <md-radio v-model="radio1" id="my-test2" name="my-test-group1" md-value="2">Another radio</md-radio>\n              <md-radio v-model="radio1" id="my-test3" name="my-test-group1" md-value="3">Another another radio</md-radio>\n            </div>\n\n            <div>\n              <md-radio v-model="radio2" id="my-test4" name="my-test-group2" md-value="1" class="md-primary">Primary radio</md-radio>\n              <md-radio v-model="radio2" id="my-test5" name="my-test-group2" md-value="2" class="md-primary">Another primary radio</md-radio>\n              <md-radio v-model="radio2" id="my-test6" name="my-test-group2" md-value="3" class="md-primary">Another another primary radio</md-radio>\n            </div>\n\n            <div>\n              <md-radio v-model="radio3" id="my-test7" name="my-test-group3" md-value="1" class="md-warn">Warn radio</md-radio>\n              <md-radio v-model="radio3" id="my-test8" name="my-test-group3" md-value="2" class="md-warn">Another warn radio</md-radio>\n              <md-radio v-model="radio3" id="my-test9" name="my-test-group3" md-value="3" class="md-warn">Another another warn radio</md-radio>\n            </div>\n\n            <div>\n              <md-radio v-model="radio4" id="my-test10" name="my-test-group3" md-value="1">My beautiful radio</md-radio>\n              <md-radio v-model="radio4" id="my-test11" name="my-test-group3" md-value="2" disabled>Disabled</md-radio>\n              <md-radio v-model="radio4" id="my-test12" name="my-test-group3" md-value="3">Another radio</md-radio>\n            </div>\n          ')])],1)]),e._v(" "),d("example-box",{attrs:{"card-title":"Themes"}},[d("div",{slot:"demo"},[d("md-theme",{attrs:{"md-name":"orange"}},[d("md-radio",{directives:[{name:"model",rawName:"v-model",value:e.radio5,expression:"radio5"}],staticClass:"md-primary",attrs:{id:"my-test13",name:"my-test-group4","md-value":"1"},domProps:{value:e.radio5},on:{input:function(a){e.radio5=a}}},[e._v("Orange radio")]),e._v(" "),d("md-radio",{directives:[{name:"model",rawName:"v-model",value:e.radio5,expression:"radio5"}],staticClass:"md-primary",attrs:{id:"my-test14",name:"my-test-group4","md-value":"2"},domProps:{value:e.radio5},on:{input:function(a){e.radio5=a}}},[e._v("Another Orange radio")]),e._v(" "),d("md-radio",{directives:[{name:"model",rawName:"v-model",value:e.radio5,expression:"radio5"}],staticClass:"md-primary",attrs:{id:"my-test15",name:"my-test-group4","md-value":"3"},domProps:{value:e.radio5},on:{input:function(a){e.radio5=a}}},[e._v("Another another Orange radio")])],1),e._v(" "),d("md-theme",{attrs:{"md-name":"brown"}},[d("md-radio",{directives:[{name:"model",rawName:"v-model",value:e.radio6,expression:"radio6"}],staticClass:"md-primary",attrs:{id:"my-test16",name:"my-test-group4","md-value":"1"},domProps:{value:e.radio6},on:{input:function(a){e.radio6=a}}},[e._v("Brown radio")]),e._v(" "),d("md-radio",{directives:[{name:"model",rawName:"v-model",value:e.radio6,expression:"radio6"}],staticClass:"md-primary",attrs:{id:"my-test17",name:"my-test-group4","md-value":"2"},domProps:{value:e.radio6},on:{input:function(a){e.radio6=a}}},[e._v("Another Brown radio")]),e._v(" "),d("md-radio",{directives:[{name:"model",rawName:"v-model",value:e.radio6,expression:"radio6"}],staticClass:"md-primary",attrs:{id:"my-test18",name:"my-test-group4","md-value":"3"},domProps:{value:e.radio6},on:{input:function(a){e.radio6=a}}},[e._v("Another another Brown radio")])],1),e._v(" "),d("md-theme",{attrs:{"md-name":"green"}},[d("md-radio",{directives:[{name:"model",rawName:"v-model",value:e.radio7,expression:"radio7"}],staticClass:"md-primary",attrs:{id:"my-test19",name:"my-test-group6","md-value":"1"},domProps:{value:e.radio7},on:{input:function(a){e.radio7=a}}},[e._v("Green radio")]),e._v(" "),d("md-radio",{directives:[{name:"model",rawName:"v-model",value:e.radio7,expression:"radio7"}],staticClass:"md-primary",attrs:{id:"my-test20",name:"my-test-group6","md-value":"2"},domProps:{value:e.radio7},on:{input:function(a){e.radio7=a}}},[e._v("Another Green radio")]),e._v(" "),d("md-radio",{directives:[{name:"model",rawName:"v-model",value:e.radio7,expression:"radio7"}],staticClass:"md-primary",attrs:{id:"my-test21",name:"my-test-group6","md-value":"3"},domProps:{value:e.radio7},on:{input:function(a){e.radio7=a}}},[e._v("Another another Green radio")])],1),e._v(" "),d("md-theme",{attrs:{"md-name":"teal"}},[d("md-radio",{directives:[{name:"model",rawName:"v-model",value:e.radio8,expression:"radio8"}],staticClass:"md-primary",attrs:{id:"my-test22",name:"my-test-group3","md-value":"1"},domProps:{value:e.radio8},on:{input:function(a){e.radio8=a}}},[e._v("Teal radio")]),e._v(" "),d("md-radio",{directives:[{name:"model",rawName:"v-model",value:e.radio8,expression:"radio8"}],staticClass:"md-primary",attrs:{id:"my-test23",name:"my-test-group3","md-value":"2",disabled:""},domProps:{value:e.radio8},on:{input:function(a){e.radio8=a}}},[e._v("Teal disabled radio")]),e._v(" "),d("md-radio",{directives:[{name:"model",rawName:"v-model",value:e.radio8,expression:"radio8"}],staticClass:"md-primary",attrs:{id:"my-test24",name:"my-test-group3","md-value":"3"},domProps:{value:e.radio8},on:{input:function(a){e.radio8=a}}},[e._v("Another another Teal radio")])],1)],1),e._v(" "),d("div",{slot:"code"},[d("code-block",{attrs:{lang:"xml"}},[e._v('\n            <md-theme md-name="orange">\n              <md-radio v-model="radio5" id="my-test13" name="my-test-group4" md-value="1" class="md-primary">Orange radio</md-radio>\n              <md-radio v-model="radio5" id="my-test14" name="my-test-group4" md-value="2" class="md-primary">Another Orange radio</md-radio>\n              <md-radio v-model="radio5" id="my-test15" name="my-test-group4" md-value="3" class="md-primary">Another another Orange radio</md-radio>\n            </md-theme>\n\n            <md-theme md-name="brown">\n              <md-radio v-model="radio6" id="my-test16" name="my-test-group4" md-value="1" class="md-primary">Brown radio</md-radio>\n              <md-radio v-model="radio6" id="my-test17" name="my-test-group4" md-value="2" class="md-primary">Another Brown radio</md-radio>\n              <md-radio v-model="radio6" id="my-test18" name="my-test-group4" md-value="3" class="md-primary">Another another Brown radio</md-radio>\n            </md-theme>\n\n            <md-theme md-name="green">\n              <md-radio v-model="radio7" id="my-test19" name="my-test-group6" md-value="1" class="md-primary">Green radio</md-radio>\n              <md-radio v-model="radio7" id="my-test20" name="my-test-group6" md-value="2" class="md-primary">Another Green radio</md-radio>\n              <md-radio v-model="radio7" id="my-test21" name="my-test-group6" md-value="3" class="md-primary">Another another Green radio</md-radio>\n            </md-theme>\n\n            <md-theme md-name="teal">\n              <md-radio v-model="radio8" id="my-test22" name="my-test-group3" md-value="1" class="md-primary">Teal radio</md-radio>\n              <md-radio v-model="radio8" id="my-test23" name="my-test-group3" md-value="2" class="md-primary" disabled>Teal disabled radio</md-radio>\n              <md-radio v-model="radio8" id="my-test24" name="my-test-group3" md-value="3" class="md-primary">Another another Teal radio</md-radio>\n            </md-theme>\n          ')])],1)])],1)])],1)},staticRenderFns:[]}}});
\ No newline at end of file
+webpackJsonp([25,34],{479:function(e,a,d){var o=d(0)(d(506),d(555),null,null);e.exports=o.exports},506:function(e,a,d){"use strict";Object.defineProperty(a,"__esModule",{value:!0}),a.default={data:function(){return{radio1:2,radio2:1,radio3:1,radio4:1,radio5:2,radio6:3,radio7:1,radio8:2}}},e.exports=a.default},555:function(e,a){e.exports={render:function(){var e=this,a=e.$createElement,d=e._self._c||a;return d("page-content",{attrs:{"page-title":"Components - Radio"}},[d("docs-component",[d("div",{slot:"description"},[d("p",[e._v("Radio buttons allow the user to select one option from a set. Use radio buttons for exclusive selection if you think that the user needs to see all available options side-by-side.")]),e._v(" "),d("p",[e._v("The following classes can be applied to change the color palette:")]),e._v(" "),d("ul",{staticClass:"md-body-2"},[d("li",[d("code",[e._v("md-primary")])]),e._v(" "),d("li",[d("code",[e._v("md-warn")])])])]),e._v(" "),d("div",{slot:"api"},[d("api-table",{attrs:{name:"md-radio"}},[d("md-table",{slot:"properties"},[d("md-table-header",[d("md-table-row",[d("md-table-head",[e._v("Name")]),e._v(" "),d("md-table-head",[e._v("Type")]),e._v(" "),d("md-table-head",[e._v("Description")])],1)],1),e._v(" "),d("md-table-body",[d("md-table-row",[d("md-table-cell",[e._v("v-model")]),e._v(" "),d("md-table-cell",[d("code",[e._v("String")])]),e._v(" "),d("md-table-cell",[e._v("A required model object to bind the value.")])],1),e._v(" "),d("md-table-row",[d("md-table-cell",[e._v("md-value")]),e._v(" "),d("md-table-cell",[d("code",[e._v("String")])]),e._v(" "),d("md-table-cell",[e._v("The single value of the particular radio button. Required.")])],1),e._v(" "),d("md-table-row",[d("md-table-cell",[e._v("name")]),e._v(" "),d("md-table-cell",[d("code",[e._v("String")])]),e._v(" "),d("md-table-cell",[e._v("Set the radio name.")])],1),e._v(" "),d("md-table-row",[d("md-table-cell",[e._v("id")]),e._v(" "),d("md-table-cell",[d("code",[e._v("String")])]),e._v(" "),d("md-table-cell",[e._v("Set the radio id.")])],1),e._v(" "),d("md-table-row",[d("md-table-cell",[e._v("disabled")]),e._v(" "),d("md-table-cell",[d("code",[e._v("Boolean")])]),e._v(" "),d("md-table-cell",[e._v("Disable the radio and prevent his actions. Default "),d("code",[e._v("false")])])],1)],1)],1),e._v(" "),d("md-table",{slot:"events"},[d("md-table-header",[d("md-table-row",[d("md-table-head",[e._v("Name")]),e._v(" "),d("md-table-head",[e._v("Value")]),e._v(" "),d("md-table-head",[e._v("Description")])],1)],1),e._v(" "),d("md-table-body",[d("md-table-row",[d("md-table-cell",[e._v("change")]),e._v(" "),d("md-table-cell",[e._v("Receive the state of the radio")]),e._v(" "),d("md-table-cell",[e._v("Triggered when the radio changes his value.")])],1)],1)],1)],1)],1),e._v(" "),d("div",{slot:"example"},[d("example-box",{attrs:{"card-title":"Default"}},[d("div",{slot:"demo"},[d("div",[d("md-radio",{directives:[{name:"model",rawName:"v-model",value:e.radio1,expression:"radio1"}],attrs:{id:"my-test1",name:"my-test-group1","md-value":"1"},domProps:{value:e.radio1},on:{input:function(a){e.radio1=a}}},[e._v("My beautiful radio")]),e._v(" "),d("md-radio",{directives:[{name:"model",rawName:"v-model",value:e.radio1,expression:"radio1"}],attrs:{id:"my-test2",name:"my-test-group1","md-value":"2"},domProps:{value:e.radio1},on:{input:function(a){e.radio1=a}}},[e._v("Another radio")]),e._v(" "),d("md-radio",{directives:[{name:"model",rawName:"v-model",value:e.radio1,expression:"radio1"}],attrs:{id:"my-test3",name:"my-test-group1","md-value":"3"},domProps:{value:e.radio1},on:{input:function(a){e.radio1=a}}},[e._v("Another another radio")])],1),e._v(" "),d("div",[d("md-radio",{directives:[{name:"model",rawName:"v-model",value:e.radio2,expression:"radio2"}],staticClass:"md-primary",attrs:{id:"my-test4",name:"my-test-group2","md-value":"1"},domProps:{value:e.radio2},on:{input:function(a){e.radio2=a}}},[e._v("Primary radio")]),e._v(" "),d("md-radio",{directives:[{name:"model",rawName:"v-model",value:e.radio2,expression:"radio2"}],staticClass:"md-primary",attrs:{id:"my-test5",name:"my-test-group2","md-value":"2"},domProps:{value:e.radio2},on:{input:function(a){e.radio2=a}}},[e._v("Another primary radio")]),e._v(" "),d("md-radio",{directives:[{name:"model",rawName:"v-model",value:e.radio2,expression:"radio2"}],staticClass:"md-primary",attrs:{id:"my-test6",name:"my-test-group2","md-value":"3"},domProps:{value:e.radio2},on:{input:function(a){e.radio2=a}}},[e._v("Another another primary radio")])],1),e._v(" "),d("div",[d("md-radio",{directives:[{name:"model",rawName:"v-model",value:e.radio3,expression:"radio3"}],staticClass:"md-warn",attrs:{id:"my-test7",name:"my-test-group3","md-value":"1"},domProps:{value:e.radio3},on:{input:function(a){e.radio3=a}}},[e._v("Warn radio")]),e._v(" "),d("md-radio",{directives:[{name:"model",rawName:"v-model",value:e.radio3,expression:"radio3"}],staticClass:"md-warn",attrs:{id:"my-test8",name:"my-test-group3","md-value":"2"},domProps:{value:e.radio3},on:{input:function(a){e.radio3=a}}},[e._v("Another warn radio")]),e._v(" "),d("md-radio",{directives:[{name:"model",rawName:"v-model",value:e.radio3,expression:"radio3"}],staticClass:"md-warn",attrs:{id:"my-test9",name:"my-test-group3","md-value":"3"},domProps:{value:e.radio3},on:{input:function(a){e.radio3=a}}},[e._v("Another another warn radio")])],1),e._v(" "),d("div",[d("md-radio",{directives:[{name:"model",rawName:"v-model",value:e.radio4,expression:"radio4"}],attrs:{id:"my-test10",name:"my-test-group3","md-value":"1"},domProps:{value:e.radio4},on:{input:function(a){e.radio4=a}}},[e._v("My beautiful radio")]),e._v(" "),d("md-radio",{directives:[{name:"model",rawName:"v-model",value:e.radio4,expression:"radio4"}],attrs:{id:"my-test11",name:"my-test-group3","md-value":"2",disabled:""},domProps:{value:e.radio4},on:{input:function(a){e.radio4=a}}},[e._v("Disabled")]),e._v(" "),d("md-radio",{directives:[{name:"model",rawName:"v-model",value:e.radio4,expression:"radio4"}],attrs:{id:"my-test12",name:"my-test-group3","md-value":"3"},domProps:{value:e.radio4},on:{input:function(a){e.radio4=a}}},[e._v("Another radio")])],1)]),e._v(" "),d("div",{slot:"code"},[d("code-block",{attrs:{lang:"xml"}},[e._v('\n            <div>\n              <md-radio v-model="radio1" id="my-test1" name="my-test-group1" md-value="1">My beautiful radio</md-radio>\n              <md-radio v-model="radio1" id="my-test2" name="my-test-group1" md-value="2">Another radio</md-radio>\n              <md-radio v-model="radio1" id="my-test3" name="my-test-group1" md-value="3">Another another radio</md-radio>\n            </div>\n\n            <div>\n              <md-radio v-model="radio2" id="my-test4" name="my-test-group2" md-value="1" class="md-primary">Primary radio</md-radio>\n              <md-radio v-model="radio2" id="my-test5" name="my-test-group2" md-value="2" class="md-primary">Another primary radio</md-radio>\n              <md-radio v-model="radio2" id="my-test6" name="my-test-group2" md-value="3" class="md-primary">Another another primary radio</md-radio>\n            </div>\n\n            <div>\n              <md-radio v-model="radio3" id="my-test7" name="my-test-group3" md-value="1" class="md-warn">Warn radio</md-radio>\n              <md-radio v-model="radio3" id="my-test8" name="my-test-group3" md-value="2" class="md-warn">Another warn radio</md-radio>\n              <md-radio v-model="radio3" id="my-test9" name="my-test-group3" md-value="3" class="md-warn">Another another warn radio</md-radio>\n            </div>\n\n            <div>\n              <md-radio v-model="radio4" id="my-test10" name="my-test-group3" md-value="1">My beautiful radio</md-radio>\n              <md-radio v-model="radio4" id="my-test11" name="my-test-group3" md-value="2" disabled>Disabled</md-radio>\n              <md-radio v-model="radio4" id="my-test12" name="my-test-group3" md-value="3">Another radio</md-radio>\n            </div>\n          ')])],1)]),e._v(" "),d("example-box",{attrs:{"card-title":"Themes"}},[d("div",{slot:"demo"},[d("md-theme",{attrs:{"md-name":"orange"}},[d("md-radio",{directives:[{name:"model",rawName:"v-model",value:e.radio5,expression:"radio5"}],staticClass:"md-primary",attrs:{id:"my-test13",name:"my-test-group4","md-value":"1"},domProps:{value:e.radio5},on:{input:function(a){e.radio5=a}}},[e._v("Orange radio")]),e._v(" "),d("md-radio",{directives:[{name:"model",rawName:"v-model",value:e.radio5,expression:"radio5"}],staticClass:"md-primary",attrs:{id:"my-test14",name:"my-test-group4","md-value":"2"},domProps:{value:e.radio5},on:{input:function(a){e.radio5=a}}},[e._v("Another Orange radio")]),e._v(" "),d("md-radio",{directives:[{name:"model",rawName:"v-model",value:e.radio5,expression:"radio5"}],staticClass:"md-primary",attrs:{id:"my-test15",name:"my-test-group4","md-value":"3"},domProps:{value:e.radio5},on:{input:function(a){e.radio5=a}}},[e._v("Another another Orange radio")])],1),e._v(" "),d("md-theme",{attrs:{"md-name":"brown"}},[d("md-radio",{directives:[{name:"model",rawName:"v-model",value:e.radio6,expression:"radio6"}],staticClass:"md-primary",attrs:{id:"my-test16",name:"my-test-group4","md-value":"1"},domProps:{value:e.radio6},on:{input:function(a){e.radio6=a}}},[e._v("Brown radio")]),e._v(" "),d("md-radio",{directives:[{name:"model",rawName:"v-model",value:e.radio6,expression:"radio6"}],staticClass:"md-primary",attrs:{id:"my-test17",name:"my-test-group4","md-value":"2"},domProps:{value:e.radio6},on:{input:function(a){e.radio6=a}}},[e._v("Another Brown radio")]),e._v(" "),d("md-radio",{directives:[{name:"model",rawName:"v-model",value:e.radio6,expression:"radio6"}],staticClass:"md-primary",attrs:{id:"my-test18",name:"my-test-group4","md-value":"3"},domProps:{value:e.radio6},on:{input:function(a){e.radio6=a}}},[e._v("Another another Brown radio")])],1),e._v(" "),d("md-theme",{attrs:{"md-name":"green"}},[d("md-radio",{directives:[{name:"model",rawName:"v-model",value:e.radio7,expression:"radio7"}],staticClass:"md-primary",attrs:{id:"my-test19",name:"my-test-group6","md-value":"1"},domProps:{value:e.radio7},on:{input:function(a){e.radio7=a}}},[e._v("Green radio")]),e._v(" "),d("md-radio",{directives:[{name:"model",rawName:"v-model",value:e.radio7,expression:"radio7"}],staticClass:"md-primary",attrs:{id:"my-test20",name:"my-test-group6","md-value":"2"},domProps:{value:e.radio7},on:{input:function(a){e.radio7=a}}},[e._v("Another Green radio")]),e._v(" "),d("md-radio",{directives:[{name:"model",rawName:"v-model",value:e.radio7,expression:"radio7"}],staticClass:"md-primary",attrs:{id:"my-test21",name:"my-test-group6","md-value":"3"},domProps:{value:e.radio7},on:{input:function(a){e.radio7=a}}},[e._v("Another another Green radio")])],1),e._v(" "),d("md-theme",{attrs:{"md-name":"teal"}},[d("md-radio",{directives:[{name:"model",rawName:"v-model",value:e.radio8,expression:"radio8"}],staticClass:"md-primary",attrs:{id:"my-test22",name:"my-test-group3","md-value":"1"},domProps:{value:e.radio8},on:{input:function(a){e.radio8=a}}},[e._v("Teal radio")]),e._v(" "),d("md-radio",{directives:[{name:"model",rawName:"v-model",value:e.radio8,expression:"radio8"}],staticClass:"md-primary",attrs:{id:"my-test23",name:"my-test-group3","md-value":"2",disabled:""},domProps:{value:e.radio8},on:{input:function(a){e.radio8=a}}},[e._v("Teal disabled radio")]),e._v(" "),d("md-radio",{directives:[{name:"model",rawName:"v-model",value:e.radio8,expression:"radio8"}],staticClass:"md-primary",attrs:{id:"my-test24",name:"my-test-group3","md-value":"3"},domProps:{value:e.radio8},on:{input:function(a){e.radio8=a}}},[e._v("Another another Teal radio")])],1)],1),e._v(" "),d("div",{slot:"code"},[d("code-block",{attrs:{lang:"xml"}},[e._v('\n            <md-theme md-name="orange">\n              <md-radio v-model="radio5" id="my-test13" name="my-test-group4" md-value="1" class="md-primary">Orange radio</md-radio>\n              <md-radio v-model="radio5" id="my-test14" name="my-test-group4" md-value="2" class="md-primary">Another Orange radio</md-radio>\n              <md-radio v-model="radio5" id="my-test15" name="my-test-group4" md-value="3" class="md-primary">Another another Orange radio</md-radio>\n            </md-theme>\n\n            <md-theme md-name="brown">\n              <md-radio v-model="radio6" id="my-test16" name="my-test-group4" md-value="1" class="md-primary">Brown radio</md-radio>\n              <md-radio v-model="radio6" id="my-test17" name="my-test-group4" md-value="2" class="md-primary">Another Brown radio</md-radio>\n              <md-radio v-model="radio6" id="my-test18" name="my-test-group4" md-value="3" class="md-primary">Another another Brown radio</md-radio>\n            </md-theme>\n\n            <md-theme md-name="green">\n              <md-radio v-model="radio7" id="my-test19" name="my-test-group6" md-value="1" class="md-primary">Green radio</md-radio>\n              <md-radio v-model="radio7" id="my-test20" name="my-test-group6" md-value="2" class="md-primary">Another Green radio</md-radio>\n              <md-radio v-model="radio7" id="my-test21" name="my-test-group6" md-value="3" class="md-primary">Another another Green radio</md-radio>\n            </md-theme>\n\n            <md-theme md-name="teal">\n              <md-radio v-model="radio8" id="my-test22" name="my-test-group3" md-value="1" class="md-primary">Teal radio</md-radio>\n              <md-radio v-model="radio8" id="my-test23" name="my-test-group3" md-value="2" class="md-primary" disabled>Teal disabled radio</md-radio>\n              <md-radio v-model="radio8" id="my-test24" name="my-test-group3" md-value="3" class="md-primary">Another another Teal radio</md-radio>\n            </md-theme>\n          ')])],1)])],1)])],1)},staticRenderFns:[]}}});
\ No newline at end of file
diff --git a/select.cf07cd4d.js b/select.bff7868d.js
similarity index 98%
rename from select.cf07cd4d.js
rename to select.bff7868d.js
index a34055e..4727e75 100644
--- a/select.cf07cd4d.js
+++ b/select.bff7868d.js
@@ -1 +1 @@
-webpackJsonp([8,34],{480:function(e,t,o){o(593);var a=o(0)(o(507),o(557),"data-v-380ff36e",null);e.exports=a.exports},507:function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={data:function(){return{movie:"godfather",country:"",font:"",food:"",users:["jim_halpert","michael_scott"]}},methods:{setPulpFiction:function(){this.movie="pulp_fiction"}}},e.exports=t.default},525:function(e,t,o){t=e.exports=o(4)(),t.push([e.i,".field-group[data-v-380ff36e]{display:-ms-flexbox;display:flex}.md-input-container[data-v-380ff36e]{max-width:300px}.md-input-container+.md-input-container[data-v-380ff36e]{margin-left:4px}.multiple[data-v-380ff36e]{height:300px}",""])},557:function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("page-content",{attrs:{"page-title":"Components - Select"}},[o("docs-component",[o("div",{slot:"description"},[o("p",[e._v("A dropdown button selects between multiple selections. The select displays the current state and a down arrow.")])]),e._v(" "),o("div",{slot:"api"},[o("api-table",{attrs:{name:"md-select"}},[o("md-table",{slot:"properties"},[o("md-table-header",[o("md-table-row",[o("md-table-head",[e._v("Name")]),e._v(" "),o("md-table-head",[e._v("Type")]),e._v(" "),o("md-table-head",[e._v("Description")])],1)],1),e._v(" "),o("md-table-body",[o("md-table-row",[o("md-table-cell",[e._v("v-model")]),e._v(" "),o("md-table-cell",[o("code",[e._v("String")])]),e._v(" "),o("md-table-cell",[e._v("A required model object to bind the value.")])],1),e._v(" "),o("md-table-row",[o("md-table-cell",[e._v("name")]),e._v(" "),o("md-table-cell",[o("code",[e._v("String")])]),e._v(" "),o("md-table-cell",[e._v("The name of the select")])],1),e._v(" "),o("md-table-row",[o("md-table-cell",[e._v("id")]),e._v(" "),o("md-table-cell",[o("code",[e._v("String")])]),e._v(" "),o("md-table-cell",[e._v("The id of the select")])],1),e._v(" "),o("md-table-row",[o("md-table-cell",[e._v("disabled")]),e._v(" "),o("md-table-cell",[o("code",[e._v("Boolean")])]),e._v(" "),o("md-table-cell",[e._v("Disable the input and prevent his actions. Default "),o("code",[e._v("false")])])],1),e._v(" "),o("md-table-row",[o("md-table-cell",[e._v("required")]),e._v(" "),o("md-table-cell",[o("code",[e._v("Boolean")])]),e._v(" "),o("md-table-cell",[e._v('Apply the required rule to style the label with an "*". Default '),o("code",[e._v("false")])])],1),e._v(" "),o("md-table-row",[o("md-table-cell",[e._v("placeholder")]),e._v(" "),o("md-table-cell",[o("code",[e._v("String")])]),e._v(" "),o("md-table-cell",[e._v("Sets the placeholder.")])],1),e._v(" "),o("md-table-row",[o("md-table-cell",[e._v("md-menu-class")]),e._v(" "),o("md-table-cell",[o("code",[e._v("String")])]),e._v(" "),o("md-table-cell",[e._v("The css class to be applied on the opened select holder")])],1)],1)],1),e._v(" "),o("md-table",{slot:"events"},[o("md-table-header",[o("md-table-row",[o("md-table-head",[e._v("Name")]),e._v(" "),o("md-table-head",[e._v("Value")]),e._v(" "),o("md-table-head",[e._v("Description")])],1)],1),e._v(" "),o("md-table-body",[o("md-table-row",[o("md-table-cell",[e._v("selected|change")]),e._v(" "),o("md-table-cell",[e._v("Receives the value of the model")]),e._v(" "),o("md-table-cell",[e._v("Triggered when the model changes.")])],1),e._v(" "),o("md-table-row",[o("md-table-cell",[e._v("opened")]),e._v(" "),o("md-table-cell",[e._v("none")]),e._v(" "),o("md-table-cell",[e._v("Triggered the select is opened.")])],1),e._v(" "),o("md-table-row",[o("md-table-cell",[e._v("closed")]),e._v(" "),o("md-table-cell",[e._v("none")]),e._v(" "),o("md-table-cell",[e._v("Triggered the select is closed.")])],1)],1)],1)],1),e._v(" "),o("api-table",{attrs:{name:"md-option"}},[o("p",[e._v("Displays a single item inside the select.")]),e._v(" "),o("div",{slot:"properties"},[o("md-table",[o("md-table-header",[o("md-table-row",[o("md-table-head",[e._v("Name")]),e._v(" "),o("md-table-head",[e._v("Type")]),e._v(" "),o("md-table-head",[e._v("Description")])],1)],1),e._v(" "),o("md-table-body",[o("md-table-row",[o("md-table-cell",[e._v("value")]),e._v(" "),o("md-table-cell",[o("code",[e._v("String")])]),e._v(" "),o("md-table-cell",[e._v("The value of the option to be binded on the v-model")])],1),e._v(" "),o("md-table-row",[o("md-table-cell",[e._v("disabled")]),e._v(" "),o("md-table-cell",[o("code",[e._v("Boolean")])]),e._v(" "),o("md-table-cell",[e._v("Disable the button and prevent his actions. Default "),o("code",[e._v("false")])])],1)],1)],1)],1),e._v(" "),o("md-table",{slot:"events"},[o("md-table-header",[o("md-table-row",[o("md-table-head",[e._v("Name")]),e._v(" "),o("md-table-head",[e._v("Value")]),e._v(" "),o("md-table-head",[e._v("Description")])],1)],1),e._v(" "),o("md-table-body",[o("md-table-row",[o("md-table-cell",[e._v("selected")]),e._v(" "),o("md-table-cell",[e._v("Receives the "),o("code",[e._v("$event")])]),e._v(" "),o("md-table-cell",[e._v("Triggered when the item receives a click.")])],1)],1)],1)],1)],1),e._v(" "),o("div",{slot:"example"},[o("example-box",{attrs:{"card-title":"Default"}},[o("div",{slot:"demo"},[o("div",{staticClass:"field-group"},[o("md-input-container",[o("label",{attrs:{for:"movie"}},[e._v("Movie")]),e._v(" "),o("md-select",{directives:[{name:"model",rawName:"v-model",value:e.movie,expression:"movie"}],attrs:{name:"movie",id:"movie"},domProps:{value:e.movie},on:{input:function(t){e.movie=t}}},[o("md-option",{attrs:{value:"fight_club"}},[e._v("Fight Club")]),e._v(" "),o("md-option",{attrs:{value:"godfather"}},[e._v("Godfather")]),e._v(" "),o("md-option",{attrs:{value:"godfather_ii"}},[e._v("Godfather II")]),e._v(" "),o("md-option",{attrs:{value:"godfather_iii"}},[e._v("Godfather III")]),e._v(" "),o("md-option",{attrs:{value:"godfellas"}},[e._v("Godfellas")]),e._v(" "),o("md-option",{attrs:{value:"pulp_fiction"}},[e._v("Pulp Fiction")]),e._v(" "),o("md-option",{attrs:{value:"scarface"}},[e._v("Scarface")])],1)],1),e._v(" "),o("md-input-container",[o("label",{attrs:{for:"country"}},[e._v("Country")]),e._v(" "),o("md-select",{directives:[{name:"model",rawName:"v-model",value:e.country,expression:"country"}],attrs:{name:"country",id:"country"},domProps:{value:e.country},on:{input:function(t){e.country=t}}},[o("md-option",{attrs:{value:"australia"}},[e._v("Australia")]),e._v(" "),o("md-option",{attrs:{value:"brazil"}},[e._v("Brazil")]),e._v(" "),o("md-option",{attrs:{value:"japan"}},[e._v("Japan")]),e._v(" "),o("md-option",{attrs:{value:"united_states"}},[e._v("United States")])],1)],1),e._v(" "),o("md-input-container",[o("label",{attrs:{for:"font"}},[e._v("Font")]),e._v(" "),o("md-select",{directives:[{name:"model",rawName:"v-model",value:e.font,expression:"font"}],attrs:{name:"font",id:"font"},domProps:{value:e.font},on:{input:function(t){e.font=t}}},[o("md-option",{attrs:{value:"arial"}},[e._v("Arial")]),e._v(" "),o("md-option",{attrs:{value:"calibri"}},[e._v("Calibri")]),e._v(" "),o("md-option",{attrs:{value:"cambria"}},[e._v("Cambria")]),e._v(" "),o("md-option",{attrs:{value:"comic_sans"}},[e._v("Comic Sans")]),e._v(" "),o("md-option",{attrs:{value:"consolas"}},[e._v("Consolas")]),e._v(" "),o("md-option",{attrs:{value:"courier"}},[e._v("Courier")]),e._v(" "),o("md-option",{attrs:{value:"droid_sans"}},[e._v("Droid Sans")]),e._v(" "),o("md-option",{attrs:{value:"georgia"}},[e._v("Georgia")]),e._v(" "),o("md-option",{attrs:{value:"helvetica"}},[e._v("Helvetica")]),e._v(" "),o("md-option",{attrs:{value:"impact"}},[e._v("Impact")]),e._v(" "),o("md-option",{attrs:{value:"roboto"}},[e._v("Roboto")]),e._v(" "),o("md-option",{attrs:{value:"segoe_ui"}},[e._v("Segoe UI")]),e._v(" "),o("md-option",{attrs:{value:"times_new_roman"}},[e._v("Times New Roman")]),e._v(" "),o("md-option",{attrs:{value:"ubuntu"}},[e._v("Ubuntu")]),e._v(" "),o("md-option",{attrs:{value:"verdana"}},[e._v("Verdana")])],1)],1),e._v(" "),o("md-input-container",[o("label",{attrs:{for:"food"}},[e._v("Food")]),e._v(" "),o("md-select",{directives:[{name:"model",rawName:"v-model",value:e.food,expression:"food"}],attrs:{name:"food",id:"food"},domProps:{value:e.food},on:{input:function(t){e.food=t}}},[o("md-subheader",[e._v("Fruits")]),e._v(" "),o("md-option",{attrs:{value:"apples"}},[e._v("Apples")]),e._v(" "),o("md-option",{attrs:{value:"bananas"}},[e._v("Bananas")]),e._v(" "),o("md-option",{attrs:{value:"peaches"}},[e._v("Peaches")]),e._v(" "),o("md-option",{attrs:{value:"oranges"}},[e._v("Oranges")]),e._v(" "),o("md-subheader",[e._v("Vegetables")]),e._v(" "),o("md-option",{attrs:{value:"carrots"}},[e._v("Carrots")]),e._v(" "),o("md-option",{attrs:{value:"cucumbers"}},[e._v("Cucumbers")]),e._v(" "),o("md-subheader",[e._v("Baked Goods")]),e._v(" "),o("md-option",{attrs:{value:"apple_pie"}},[e._v("Apple Pie")]),e._v(" "),o("md-option",{attrs:{value:"chocolate_cake"}},[e._v("Chocolate Cake")])],1)],1)],1),e._v(" "),o("md-button",{staticClass:"md-raised md-primary",nativeOn:{click:function(t){e.setPulpFiction(t)}}},[e._v("Set Pulp Fiction")])],1),e._v(" "),o("div",{slot:"code"},[o("code-block",{attrs:{lang:"xml"}},[e._v('\n            <div class="field-group">\n              <md-input-container>\n                <label for="movie">Movie</label>\n                <md-select name="movie" id="movie" v-model="movie">\n                  <md-option value="fight_club">Fight Club</md-option>\n                  <md-option value="godfather">Godfather</md-option>\n                  <md-option value="godfather_ii">Godfather II</md-option>\n                  <md-option value="godfather_iii">Godfather III</md-option>\n                  <md-option value="godfellas">Godfellas</md-option>\n                  <md-option value="pulp_fiction">Pulp Fiction</md-option>\n                  <md-option value="scarface">Scarface</md-option>\n                </md-select>\n              </md-input-container>\n\n              <md-input-container>\n                <label for="country">Country</label>\n                <md-select name="country" id="country" v-model="country">\n                  <md-option value="australia">Australia</md-option>\n                  <md-option value="brazil">Brazil</md-option>\n                  <md-option value="japan">Japan</md-option>\n                  <md-option value="united_states">United States</md-option>\n                </md-select>\n              </md-input-container>\n\n              <md-input-container>\n                <label for="font">Font</label>\n                <md-select name="font" id="font" v-model="font">\n                  <md-option value="arial">Arial</md-option>\n                  <md-option value="calibri">Calibri</md-option>\n                  <md-option value="cambria">Cambria</md-option>\n                  <md-option value="comic_sans">Comic Sans</md-option>\n                  <md-option value="consolas">Consolas</md-option>\n                  <md-option value="courier">Courier</md-option>\n                  <md-option value="droid_sans">Droid Sans</md-option>\n                  <md-option value="georgia">Georgia</md-option>\n                  <md-option value="helvetica">Helvetica</md-option>\n                  <md-option value="impact">Impact</md-option>\n                  <md-option value="roboto">Roboto</md-option>\n                  <md-option value="segoe_ui">Segoe UI</md-option>\n                  <md-option value="times_new_roman">Times New Roman</md-option>\n                  <md-option value="ubuntu">Ubuntu</md-option>\n                  <md-option value="verdana">Verdana</md-option>\n                </md-select>\n              </md-input-container>\n\n              <md-input-container>\n                <label for="food">Food</label>\n                <md-select name="food" id="food" v-model="food">\n                  <md-subheader>Fruits</md-subheader>\n                  <md-option value="apples">Apples</md-option>\n                  <md-option value="bananas">Bananas</md-option>\n                  <md-option value="peaches">Peaches</md-option>\n                  <md-option value="oranges">Oranges</md-option>\n\n                  <md-subheader>Vegetables</md-subheader>\n                  <md-option value="carrots">Carrots</md-option>\n                  <md-option value="cucumbers">Cucumbers</md-option>\n\n                  <md-subheader>Baked Goods</md-subheader>\n                  <md-option value="apple_pie">Apple Pie</md-option>\n                  <md-option value="chocolate_cake">Chocolate Cake</md-option>\n                </md-select>\n              </md-input-container>\n            </div>\n\n            <md-button class="md-raised md-primary" @click.native="setPulpFiction">Set Pulp Fiction</md-button>\n          ')]),e._v(" "),o("code-block",{attrs:{lang:"javascript"}},[e._v("\n            export default {\n              data: () => ({\n                movie: 'godfather',\n                country: '',\n                font: ''\n              }),\n              methods: {\n                setPulpFiction() {\n                  this.movie = 'pulp_fiction';\n                }\n              }\n            };\n          ")])],1)]),e._v(" "),o("example-box",{attrs:{"card-title":"Multiple"}},[o("div",{staticClass:"multiple",slot:"demo"},[o("div",{staticClass:"field-group"},[o("md-input-container",[o("label",{attrs:{for:"users"}},[e._v("Users")]),e._v(" "),o("md-select",{directives:[{name:"model",rawName:"v-model",value:e.users,expression:"users"}],attrs:{name:"users",id:"users",multiple:""},domProps:{value:e.users},on:{input:function(t){e.users=t}}},[o("md-subheader",[e._v("Managers")]),e._v(" "),o("md-option",{attrs:{value:"jim_halpert"}},[e._v("Jim Halpert")]),e._v(" "),o("md-option",{attrs:{value:"dwight_schrute"}},[e._v("Dwight Schrute")]),e._v(" "),o("md-option",{attrs:{value:"michael_scott"}},[e._v("Michael Scott")]),e._v(" "),o("md-subheader",[e._v("Employees")]),e._v(" "),o("md-option",{attrs:{value:"pam_beesly"}},[e._v("Pam Beesly")]),e._v(" "),o("md-option",{attrs:{value:"angela_martin"}},[e._v("Angela Martin")]),e._v(" "),o("md-option",{attrs:{value:"kelly_kapoor"}},[e._v("Kelly Kapoor")]),e._v(" "),o("md-option",{attrs:{value:"ryan_howard"}},[e._v("Ryan Howard")]),e._v(" "),o("md-option",{attrs:{value:"kevin_malone"}},[e._v("Kevin Malone")]),e._v(" "),o("md-option",{attrs:{value:"creed_bratton"}},[e._v("Creed Bratton")]),e._v(" "),o("md-option",{attrs:{value:"oscar_nunez"}},[e._v("Oscar Nunez")]),e._v(" "),o("md-option",{attrs:{value:"toby_flenderson"}},[e._v("Toby Flenderson")]),e._v(" "),o("md-option",{attrs:{value:"stanley_hudson"}},[e._v("Stanley Hudson")]),e._v(" "),o("md-option",{attrs:{value:"meredith_palmer"}},[e._v("Meredith Palmer")]),e._v(" "),o("md-option",{attrs:{value:"phyllis_lapin_vance"}},[e._v("Phyllis Lapin-Vance")])],1)],1)],1),e._v(" "),o("div",[e._v("Selected users: "+e._s(e.users))])]),e._v(" "),o("div",{slot:"code"},[o("code-block",{attrs:{lang:"xml"}},[e._v('\n            <md-input-container>\n              <label for="users">Users</label>\n              <md-select name="users" id="users" multiple v-model="users">\n                <md-subheader>Managers</md-subheader>\n                <md-option value="jim_halpert">Jim Halpert</md-option>\n                <md-option value="dwight_schrute">Dwight Schrute</md-option>\n                <md-option value="michael_scott">Michael Scott</md-option>\n\n                <md-subheader>Employees</md-subheader>\n                <md-option value="pam_beesly">Pam Beesly</md-option>\n                <md-option value="angela_martin">Angela Martin</md-option>\n                <md-option value="kelly_kapoor">Kelly Kapoor</md-option>\n                <md-option value="ryan_howard">Ryan Howard</md-option>\n                <md-option value="kevin_malone">Kevin Malone</md-option>\n                <md-option value="creed_bratton">Creed Bratton</md-option>\n                <md-option value="oscar_nunez">Oscar Nunez</md-option>\n                <md-option value="toby_flenderson">Toby Flenderson</md-option>\n                <md-option value="stanley_hudson">Stanley Hudson</md-option>\n                <md-option value="meredith_palmer">Meredith Palmer</md-option>\n                <md-option value="phyllis_lapin_vance">Phyllis Lapin-Vance</md-option>\n              </md-select>\n            </md-input-container>\n\n            <div>Selected users: '+e._s(e.users)+"</div>\n          ")]),e._v(" "),o("code-block",{attrs:{lang:"javascript"}},[e._v("\n            export default {\n              data: () => ({\n                food: '',\n                users: [\n                  'jim_halpert',\n                  'michael_scott'\n                ]\n              })\n            };\n          ")])],1)])],1)])],1)},staticRenderFns:[]}},593:function(e,t,o){var a=o(525);"string"==typeof a&&(a=[[e.i,a,""]]),a.locals&&(e.exports=a.locals);o(5)("36ebadfb",a,!0)}});
\ No newline at end of file
+webpackJsonp([7,34],{480:function(e,t,o){o(592);var a=o(0)(o(507),o(556),"data-v-380ff36e",null);e.exports=a.exports},507:function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={data:function(){return{movie:"godfather",country:"",font:"",food:"",users:["jim_halpert","michael_scott"]}},methods:{setPulpFiction:function(){this.movie="pulp_fiction"}}},e.exports=t.default},524:function(e,t,o){t=e.exports=o(4)(),t.push([e.i,".field-group[data-v-380ff36e]{display:-ms-flexbox;display:flex}.md-input-container[data-v-380ff36e]{max-width:300px}.md-input-container+.md-input-container[data-v-380ff36e]{margin-left:4px}.multiple[data-v-380ff36e]{height:300px}",""])},556:function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("page-content",{attrs:{"page-title":"Components - Select"}},[o("docs-component",[o("div",{slot:"description"},[o("p",[e._v("A dropdown button selects between multiple selections. The select displays the current state and a down arrow.")])]),e._v(" "),o("div",{slot:"api"},[o("api-table",{attrs:{name:"md-select"}},[o("md-table",{slot:"properties"},[o("md-table-header",[o("md-table-row",[o("md-table-head",[e._v("Name")]),e._v(" "),o("md-table-head",[e._v("Type")]),e._v(" "),o("md-table-head",[e._v("Description")])],1)],1),e._v(" "),o("md-table-body",[o("md-table-row",[o("md-table-cell",[e._v("v-model")]),e._v(" "),o("md-table-cell",[o("code",[e._v("String")])]),e._v(" "),o("md-table-cell",[e._v("A required model object to bind the value.")])],1),e._v(" "),o("md-table-row",[o("md-table-cell",[e._v("name")]),e._v(" "),o("md-table-cell",[o("code",[e._v("String")])]),e._v(" "),o("md-table-cell",[e._v("The name of the select")])],1),e._v(" "),o("md-table-row",[o("md-table-cell",[e._v("id")]),e._v(" "),o("md-table-cell",[o("code",[e._v("String")])]),e._v(" "),o("md-table-cell",[e._v("The id of the select")])],1),e._v(" "),o("md-table-row",[o("md-table-cell",[e._v("disabled")]),e._v(" "),o("md-table-cell",[o("code",[e._v("Boolean")])]),e._v(" "),o("md-table-cell",[e._v("Disable the input and prevent his actions. Default "),o("code",[e._v("false")])])],1),e._v(" "),o("md-table-row",[o("md-table-cell",[e._v("required")]),e._v(" "),o("md-table-cell",[o("code",[e._v("Boolean")])]),e._v(" "),o("md-table-cell",[e._v('Apply the required rule to style the label with an "*". Default '),o("code",[e._v("false")])])],1),e._v(" "),o("md-table-row",[o("md-table-cell",[e._v("placeholder")]),e._v(" "),o("md-table-cell",[o("code",[e._v("String")])]),e._v(" "),o("md-table-cell",[e._v("Sets the placeholder.")])],1),e._v(" "),o("md-table-row",[o("md-table-cell",[e._v("md-menu-class")]),e._v(" "),o("md-table-cell",[o("code",[e._v("String")])]),e._v(" "),o("md-table-cell",[e._v("The css class to be applied on the opened select holder")])],1)],1)],1),e._v(" "),o("md-table",{slot:"events"},[o("md-table-header",[o("md-table-row",[o("md-table-head",[e._v("Name")]),e._v(" "),o("md-table-head",[e._v("Value")]),e._v(" "),o("md-table-head",[e._v("Description")])],1)],1),e._v(" "),o("md-table-body",[o("md-table-row",[o("md-table-cell",[e._v("selected|change")]),e._v(" "),o("md-table-cell",[e._v("Receives the value of the model")]),e._v(" "),o("md-table-cell",[e._v("Triggered when the model changes.")])],1),e._v(" "),o("md-table-row",[o("md-table-cell",[e._v("opened")]),e._v(" "),o("md-table-cell",[e._v("none")]),e._v(" "),o("md-table-cell",[e._v("Triggered the select is opened.")])],1),e._v(" "),o("md-table-row",[o("md-table-cell",[e._v("closed")]),e._v(" "),o("md-table-cell",[e._v("none")]),e._v(" "),o("md-table-cell",[e._v("Triggered the select is closed.")])],1)],1)],1)],1),e._v(" "),o("api-table",{attrs:{name:"md-option"}},[o("p",[e._v("Displays a single item inside the select.")]),e._v(" "),o("div",{slot:"properties"},[o("md-table",[o("md-table-header",[o("md-table-row",[o("md-table-head",[e._v("Name")]),e._v(" "),o("md-table-head",[e._v("Type")]),e._v(" "),o("md-table-head",[e._v("Description")])],1)],1),e._v(" "),o("md-table-body",[o("md-table-row",[o("md-table-cell",[e._v("value")]),e._v(" "),o("md-table-cell",[o("code",[e._v("String")])]),e._v(" "),o("md-table-cell",[e._v("The value of the option to be binded on the v-model")])],1),e._v(" "),o("md-table-row",[o("md-table-cell",[e._v("disabled")]),e._v(" "),o("md-table-cell",[o("code",[e._v("Boolean")])]),e._v(" "),o("md-table-cell",[e._v("Disable the button and prevent his actions. Default "),o("code",[e._v("false")])])],1)],1)],1)],1),e._v(" "),o("md-table",{slot:"events"},[o("md-table-header",[o("md-table-row",[o("md-table-head",[e._v("Name")]),e._v(" "),o("md-table-head",[e._v("Value")]),e._v(" "),o("md-table-head",[e._v("Description")])],1)],1),e._v(" "),o("md-table-body",[o("md-table-row",[o("md-table-cell",[e._v("selected")]),e._v(" "),o("md-table-cell",[e._v("Receives the "),o("code",[e._v("$event")])]),e._v(" "),o("md-table-cell",[e._v("Triggered when the item receives a click.")])],1)],1)],1)],1)],1),e._v(" "),o("div",{slot:"example"},[o("example-box",{attrs:{"card-title":"Default"}},[o("div",{slot:"demo"},[o("div",{staticClass:"field-group"},[o("md-input-container",[o("label",{attrs:{for:"movie"}},[e._v("Movie")]),e._v(" "),o("md-select",{directives:[{name:"model",rawName:"v-model",value:e.movie,expression:"movie"}],attrs:{name:"movie",id:"movie"},domProps:{value:e.movie},on:{input:function(t){e.movie=t}}},[o("md-option",{attrs:{value:"fight_club"}},[e._v("Fight Club")]),e._v(" "),o("md-option",{attrs:{value:"godfather"}},[e._v("Godfather")]),e._v(" "),o("md-option",{attrs:{value:"godfather_ii"}},[e._v("Godfather II")]),e._v(" "),o("md-option",{attrs:{value:"godfather_iii"}},[e._v("Godfather III")]),e._v(" "),o("md-option",{attrs:{value:"godfellas"}},[e._v("Godfellas")]),e._v(" "),o("md-option",{attrs:{value:"pulp_fiction"}},[e._v("Pulp Fiction")]),e._v(" "),o("md-option",{attrs:{value:"scarface"}},[e._v("Scarface")])],1)],1),e._v(" "),o("md-input-container",[o("label",{attrs:{for:"country"}},[e._v("Country")]),e._v(" "),o("md-select",{directives:[{name:"model",rawName:"v-model",value:e.country,expression:"country"}],attrs:{name:"country",id:"country"},domProps:{value:e.country},on:{input:function(t){e.country=t}}},[o("md-option",{attrs:{value:"australia"}},[e._v("Australia")]),e._v(" "),o("md-option",{attrs:{value:"brazil"}},[e._v("Brazil")]),e._v(" "),o("md-option",{attrs:{value:"japan"}},[e._v("Japan")]),e._v(" "),o("md-option",{attrs:{value:"united_states"}},[e._v("United States")])],1)],1),e._v(" "),o("md-input-container",[o("label",{attrs:{for:"font"}},[e._v("Font")]),e._v(" "),o("md-select",{directives:[{name:"model",rawName:"v-model",value:e.font,expression:"font"}],attrs:{name:"font",id:"font"},domProps:{value:e.font},on:{input:function(t){e.font=t}}},[o("md-option",{attrs:{value:"arial"}},[e._v("Arial")]),e._v(" "),o("md-option",{attrs:{value:"calibri"}},[e._v("Calibri")]),e._v(" "),o("md-option",{attrs:{value:"cambria"}},[e._v("Cambria")]),e._v(" "),o("md-option",{attrs:{value:"comic_sans"}},[e._v("Comic Sans")]),e._v(" "),o("md-option",{attrs:{value:"consolas"}},[e._v("Consolas")]),e._v(" "),o("md-option",{attrs:{value:"courier"}},[e._v("Courier")]),e._v(" "),o("md-option",{attrs:{value:"droid_sans"}},[e._v("Droid Sans")]),e._v(" "),o("md-option",{attrs:{value:"georgia"}},[e._v("Georgia")]),e._v(" "),o("md-option",{attrs:{value:"helvetica"}},[e._v("Helvetica")]),e._v(" "),o("md-option",{attrs:{value:"impact"}},[e._v("Impact")]),e._v(" "),o("md-option",{attrs:{value:"roboto"}},[e._v("Roboto")]),e._v(" "),o("md-option",{attrs:{value:"segoe_ui"}},[e._v("Segoe UI")]),e._v(" "),o("md-option",{attrs:{value:"times_new_roman"}},[e._v("Times New Roman")]),e._v(" "),o("md-option",{attrs:{value:"ubuntu"}},[e._v("Ubuntu")]),e._v(" "),o("md-option",{attrs:{value:"verdana"}},[e._v("Verdana")])],1)],1),e._v(" "),o("md-input-container",[o("label",{attrs:{for:"food"}},[e._v("Food")]),e._v(" "),o("md-select",{directives:[{name:"model",rawName:"v-model",value:e.food,expression:"food"}],attrs:{name:"food",id:"food"},domProps:{value:e.food},on:{input:function(t){e.food=t}}},[o("md-subheader",[e._v("Fruits")]),e._v(" "),o("md-option",{attrs:{value:"apples"}},[e._v("Apples")]),e._v(" "),o("md-option",{attrs:{value:"bananas"}},[e._v("Bananas")]),e._v(" "),o("md-option",{attrs:{value:"peaches"}},[e._v("Peaches")]),e._v(" "),o("md-option",{attrs:{value:"oranges"}},[e._v("Oranges")]),e._v(" "),o("md-subheader",[e._v("Vegetables")]),e._v(" "),o("md-option",{attrs:{value:"carrots"}},[e._v("Carrots")]),e._v(" "),o("md-option",{attrs:{value:"cucumbers"}},[e._v("Cucumbers")]),e._v(" "),o("md-subheader",[e._v("Baked Goods")]),e._v(" "),o("md-option",{attrs:{value:"apple_pie"}},[e._v("Apple Pie")]),e._v(" "),o("md-option",{attrs:{value:"chocolate_cake"}},[e._v("Chocolate Cake")])],1)],1)],1),e._v(" "),o("md-button",{staticClass:"md-raised md-primary",nativeOn:{click:function(t){e.setPulpFiction(t)}}},[e._v("Set Pulp Fiction")])],1),e._v(" "),o("div",{slot:"code"},[o("code-block",{attrs:{lang:"xml"}},[e._v('\n            <div class="field-group">\n              <md-input-container>\n                <label for="movie">Movie</label>\n                <md-select name="movie" id="movie" v-model="movie">\n                  <md-option value="fight_club">Fight Club</md-option>\n                  <md-option value="godfather">Godfather</md-option>\n                  <md-option value="godfather_ii">Godfather II</md-option>\n                  <md-option value="godfather_iii">Godfather III</md-option>\n                  <md-option value="godfellas">Godfellas</md-option>\n                  <md-option value="pulp_fiction">Pulp Fiction</md-option>\n                  <md-option value="scarface">Scarface</md-option>\n                </md-select>\n              </md-input-container>\n\n              <md-input-container>\n                <label for="country">Country</label>\n                <md-select name="country" id="country" v-model="country">\n                  <md-option value="australia">Australia</md-option>\n                  <md-option value="brazil">Brazil</md-option>\n                  <md-option value="japan">Japan</md-option>\n                  <md-option value="united_states">United States</md-option>\n                </md-select>\n              </md-input-container>\n\n              <md-input-container>\n                <label for="font">Font</label>\n                <md-select name="font" id="font" v-model="font">\n                  <md-option value="arial">Arial</md-option>\n                  <md-option value="calibri">Calibri</md-option>\n                  <md-option value="cambria">Cambria</md-option>\n                  <md-option value="comic_sans">Comic Sans</md-option>\n                  <md-option value="consolas">Consolas</md-option>\n                  <md-option value="courier">Courier</md-option>\n                  <md-option value="droid_sans">Droid Sans</md-option>\n                  <md-option value="georgia">Georgia</md-option>\n                  <md-option value="helvetica">Helvetica</md-option>\n                  <md-option value="impact">Impact</md-option>\n                  <md-option value="roboto">Roboto</md-option>\n                  <md-option value="segoe_ui">Segoe UI</md-option>\n                  <md-option value="times_new_roman">Times New Roman</md-option>\n                  <md-option value="ubuntu">Ubuntu</md-option>\n                  <md-option value="verdana">Verdana</md-option>\n                </md-select>\n              </md-input-container>\n\n              <md-input-container>\n                <label for="food">Food</label>\n                <md-select name="food" id="food" v-model="food">\n                  <md-subheader>Fruits</md-subheader>\n                  <md-option value="apples">Apples</md-option>\n                  <md-option value="bananas">Bananas</md-option>\n                  <md-option value="peaches">Peaches</md-option>\n                  <md-option value="oranges">Oranges</md-option>\n\n                  <md-subheader>Vegetables</md-subheader>\n                  <md-option value="carrots">Carrots</md-option>\n                  <md-option value="cucumbers">Cucumbers</md-option>\n\n                  <md-subheader>Baked Goods</md-subheader>\n                  <md-option value="apple_pie">Apple Pie</md-option>\n                  <md-option value="chocolate_cake">Chocolate Cake</md-option>\n                </md-select>\n              </md-input-container>\n            </div>\n\n            <md-button class="md-raised md-primary" @click.native="setPulpFiction">Set Pulp Fiction</md-button>\n          ')]),e._v(" "),o("code-block",{attrs:{lang:"javascript"}},[e._v("\n            export default {\n              data: () => ({\n                movie: 'godfather',\n                country: '',\n                font: ''\n              }),\n              methods: {\n                setPulpFiction() {\n                  this.movie = 'pulp_fiction';\n                }\n              }\n            };\n          ")])],1)]),e._v(" "),o("example-box",{attrs:{"card-title":"Multiple"}},[o("div",{staticClass:"multiple",slot:"demo"},[o("div",{staticClass:"field-group"},[o("md-input-container",[o("label",{attrs:{for:"users"}},[e._v("Users")]),e._v(" "),o("md-select",{directives:[{name:"model",rawName:"v-model",value:e.users,expression:"users"}],attrs:{name:"users",id:"users",multiple:""},domProps:{value:e.users},on:{input:function(t){e.users=t}}},[o("md-subheader",[e._v("Managers")]),e._v(" "),o("md-option",{attrs:{value:"jim_halpert"}},[e._v("Jim Halpert")]),e._v(" "),o("md-option",{attrs:{value:"dwight_schrute"}},[e._v("Dwight Schrute")]),e._v(" "),o("md-option",{attrs:{value:"michael_scott"}},[e._v("Michael Scott")]),e._v(" "),o("md-subheader",[e._v("Employees")]),e._v(" "),o("md-option",{attrs:{value:"pam_beesly"}},[e._v("Pam Beesly")]),e._v(" "),o("md-option",{attrs:{value:"angela_martin"}},[e._v("Angela Martin")]),e._v(" "),o("md-option",{attrs:{value:"kelly_kapoor"}},[e._v("Kelly Kapoor")]),e._v(" "),o("md-option",{attrs:{value:"ryan_howard"}},[e._v("Ryan Howard")]),e._v(" "),o("md-option",{attrs:{value:"kevin_malone"}},[e._v("Kevin Malone")]),e._v(" "),o("md-option",{attrs:{value:"creed_bratton"}},[e._v("Creed Bratton")]),e._v(" "),o("md-option",{attrs:{value:"oscar_nunez"}},[e._v("Oscar Nunez")]),e._v(" "),o("md-option",{attrs:{value:"toby_flenderson"}},[e._v("Toby Flenderson")]),e._v(" "),o("md-option",{attrs:{value:"stanley_hudson"}},[e._v("Stanley Hudson")]),e._v(" "),o("md-option",{attrs:{value:"meredith_palmer"}},[e._v("Meredith Palmer")]),e._v(" "),o("md-option",{attrs:{value:"phyllis_lapin_vance"}},[e._v("Phyllis Lapin-Vance")])],1)],1)],1),e._v(" "),o("div",[e._v("Selected users: "+e._s(e.users))])]),e._v(" "),o("div",{slot:"code"},[o("code-block",{attrs:{lang:"xml"}},[e._v('\n            <md-input-container>\n              <label for="users">Users</label>\n              <md-select name="users" id="users" multiple v-model="users">\n                <md-subheader>Managers</md-subheader>\n                <md-option value="jim_halpert">Jim Halpert</md-option>\n                <md-option value="dwight_schrute">Dwight Schrute</md-option>\n                <md-option value="michael_scott">Michael Scott</md-option>\n\n                <md-subheader>Employees</md-subheader>\n                <md-option value="pam_beesly">Pam Beesly</md-option>\n                <md-option value="angela_martin">Angela Martin</md-option>\n                <md-option value="kelly_kapoor">Kelly Kapoor</md-option>\n                <md-option value="ryan_howard">Ryan Howard</md-option>\n                <md-option value="kevin_malone">Kevin Malone</md-option>\n                <md-option value="creed_bratton">Creed Bratton</md-option>\n                <md-option value="oscar_nunez">Oscar Nunez</md-option>\n                <md-option value="toby_flenderson">Toby Flenderson</md-option>\n                <md-option value="stanley_hudson">Stanley Hudson</md-option>\n                <md-option value="meredith_palmer">Meredith Palmer</md-option>\n                <md-option value="phyllis_lapin_vance">Phyllis Lapin-Vance</md-option>\n              </md-select>\n            </md-input-container>\n\n            <div>Selected users: '+e._s(e.users)+"</div>\n          ")]),e._v(" "),o("code-block",{attrs:{lang:"javascript"}},[e._v("\n            export default {\n              data: () => ({\n                food: '',\n                users: [\n                  'jim_halpert',\n                  'michael_scott'\n                ]\n              })\n            };\n          ")])],1)])],1)])],1)},staticRenderFns:[]}},592:function(e,t,o){var a=o(524);"string"==typeof a&&(a=[[e.i,a,""]]),a.locals&&(e.exports=a.locals);o(5)("36ebadfb",a,!0)}});
\ No newline at end of file
diff --git a/sidenav.21e23f3f.js b/sidenav.5443196c.js
similarity index 95%
rename from sidenav.21e23f3f.js
rename to sidenav.5443196c.js
index 79b0877..891bf9b 100644
--- a/sidenav.21e23f3f.js
+++ b/sidenav.5443196c.js
@@ -1 +1 @@
-webpackJsonp([7,34],{481:function(e,t,l){l(588);var n=l(0)(l(508),l(551),"data-v-223f266a",null);e.exports=n.exports},508:function(e,t,l){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={methods:{toggleLeftSidenav:function(){this.$refs.leftSidenav.toggle()},toggleRightSidenav:function(){this.$refs.rightSidenav.toggle()},closeRightSidenav:function(){this.$refs.rightSidenav.close()},open:function(e){console.log("Opened: "+e)},close:function(e){console.log("Closed: "+e)}}},e.exports=t.default},520:function(e,t,l){t=e.exports=l(4)(),t.push([e.i,".phone-viewport p[data-v-223f266a]{padding:8px 16px}",""])},551:function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,l=e._self._c||t;return l("page-content",{attrs:{"page-title":"Components - Sidenav"}},[l("docs-component",[l("div",{slot:"description"},[l("p",[e._v("The sidenav spans the height of the screen, with everything behind it visible but darkened by a backdrop.")])]),e._v(" "),l("div",{slot:"api"},[l("api-table",{attrs:{name:"md-sidenav"}},[l("md-table",{slot:"properties"},[l("md-table-header",[l("md-table-row",[l("md-table-head",[e._v("Name")]),e._v(" "),l("md-table-head",[e._v("Type")]),e._v(" "),l("md-table-head",[e._v("Description")])],1)],1),e._v(" "),l("md-table-body",[l("md-table-row",[l("md-table-cell",[e._v("md-swipeable")]),e._v(" "),l("md-table-cell",[l("code",[e._v("Boolean")])]),e._v(" "),l("md-table-cell",[e._v("Enable the swipe functionality. Default "),l("code",[e._v("false")])])],1),e._v(" "),l("md-table-row",[l("md-table-cell",[e._v("md-swipe-threshold")]),e._v(" "),l("md-table-cell",[l("code",[e._v("Number")])]),e._v(" "),l("md-table-cell",[e._v("Set the initial threshold for the swipe when it's closed. Default "),l("code",[e._v("15")])])],1),e._v(" "),l("md-table-row",[l("md-table-cell",[e._v("md-swipe-distance")]),e._v(" "),l("md-table-cell",[l("code",[e._v("Number")])]),e._v(" "),l("md-table-cell",[e._v("Set the swipe distance needed to open/close the sidenav. Default "),l("code",[e._v("100")])])],1)],1)],1),e._v(" "),l("md-table",{slot:"classes"},[l("md-table-header",[l("md-table-row",[l("md-table-head",[e._v("Name")]),e._v(" "),l("md-table-head",[e._v("Description")])],1)],1),e._v(" "),l("md-table-body",[l("md-table-row",[l("md-table-cell",[e._v("md-left")]),e._v(" "),l("md-table-cell",[e._v("Display the sidenav on the left of parent")])],1),e._v(" "),l("md-table-row",[l("md-table-cell",[e._v("md-right")]),e._v(" "),l("md-table-cell",[e._v("Display the sidenav on the right of parent")])],1),e._v(" "),l("md-table-row",[l("md-table-cell",[e._v("md-fixed")]),e._v(" "),l("md-table-cell",[e._v("Apply position fixed")])],1)],1)],1),e._v(" "),l("md-table",{slot:"events"},[l("md-table-header",[l("md-table-row",[l("md-table-head",[e._v("Name")]),e._v(" "),l("md-table-head",[e._v("Value")]),e._v(" "),l("md-table-head",[e._v("Description")])],1)],1),e._v(" "),l("md-table-body",[l("md-table-row",[l("md-table-cell",[e._v("open")]),e._v(" "),l("md-table-cell",[e._v("None")]),e._v(" "),l("md-table-cell",[e._v("Triggered when the sidenav starts to open.")])],1),e._v(" "),l("md-table-row",[l("md-table-cell",[e._v("close")]),e._v(" "),l("md-table-cell",[e._v("None")]),e._v(" "),l("md-table-cell",[e._v("Triggered when the sidenav starts to close.")])],1)],1)],1),e._v(" "),l("md-table",{slot:"methods"},[l("md-table-header",[l("md-table-row",[l("md-table-head",[e._v("Name")]),e._v(" "),l("md-table-head",[e._v("Description")])],1)],1),e._v(" "),l("md-table-body",[l("md-table-row",[l("md-table-cell",[e._v("open")]),e._v(" "),l("md-table-cell",[e._v("Open the sidenav.")])],1),e._v(" "),l("md-table-row",[l("md-table-cell",[e._v("close")]),e._v(" "),l("md-table-cell",[e._v("Close the sidenav.")])],1),e._v(" "),l("md-table-row",[l("md-table-cell",[e._v("toggle")]),e._v(" "),l("md-table-cell",[e._v("Toggle the sidenav.")])],1)],1)],1)],1)],1),e._v(" "),l("div",{slot:"example"},[l("example-box",{attrs:{"card-title":"Default"}},[l("div",{slot:"demo"},[l("div",{staticClass:"phone-viewport"},[l("md-toolbar",[l("md-button",{staticClass:"md-icon-button",nativeOn:{click:function(t){e.toggleLeftSidenav(t)}}},[l("md-icon",[e._v("menu")])],1),e._v(" "),l("h2",{staticClass:"md-title"},[e._v("My App")])],1),e._v(" "),l("div",[l("md-button",{staticClass:"md-raised md-accent",nativeOn:{click:function(t){e.toggleRightSidenav(t)}}},[e._v("Toggle right")]),e._v(" "),l("p",[e._v("Open console to see the events")])],1),e._v(" "),l("md-sidenav",{ref:"leftSidenav",staticClass:"md-left",attrs:{"md-swipeable":""},on:{open:function(t){e.open("Left")},close:function(t){e.close("Left")}}},[l("md-toolbar",{staticClass:"md-large"},[l("div",{staticClass:"md-toolbar-container"},[l("h3",{staticClass:"md-title"},[e._v("Sidenav content")])])]),e._v(" "),l("p",[e._v("Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nisi cupiditate esse necessitatibus beatae nobis, deserunt ut est fugit, tempora deleniti, eligendi commodi doloribus. Nemo, assumenda possimus, impedit inventore perferendis iusto!")])],1),e._v(" "),l("md-sidenav",{ref:"rightSidenav",staticClass:"md-right",on:{open:function(t){e.open("Right")},close:function(t){e.close("Right")}}},[l("md-toolbar",[l("div",{staticClass:"md-toolbar-container"},[l("h3",{staticClass:"md-title"},[e._v("Sidenav content")])])]),e._v(" "),l("md-button",{staticClass:"md-raised md-accent",nativeOn:{click:function(t){e.closeRightSidenav(t)}}},[e._v("Close")])],1)],1)]),e._v(" "),l("div",{slot:"code"},[l("code-block",{attrs:{lang:"xml"}},[e._v('\n            <div class="phone-viewport">\n              <md-toolbar>\n                <md-button class="md-icon-button" @click.native="toggleLeftSidenav">\n                  <md-icon>menu</md-icon>\n                </md-button>\n\n                <h2 class="md-title">My App</h2>\n              </md-toolbar>\n\n              <div>\n                <md-button class="md-raised md-accent" @click.native="toggleRightSidenav">Toggle right</md-button>\n                <p>Open console to see the events</p>\n              </div>\n\n              <md-sidenav class="md-left" ref="leftSidenav" @open="open(\'Left\')" @close="close(\'Left\')">\n                <md-toolbar class="md-large">\n                  <div class="md-toolbar-container">\n                    <h3 class="md-title">Sidenav content</h3>\n                  </div>\n                </md-toolbar>\n\n                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nisi cupiditate esse necessitatibus beatae nobis, deserunt ut est fugit, tempora deleniti, eligendi commodi doloribus. Nemo, assumenda possimus, impedit inventore perferendis iusto!</p>\n              </md-sidenav>\n\n              <md-sidenav class="md-right" ref="rightSidenav" @open="open(\'Right\')" @close="close(\'Right\')">\n                <md-toolbar>\n                  <div class="md-toolbar-container">\n                    <h3 class="md-title">Sidenav content</h3>\n                  </div>\n                </md-toolbar>\n\n                <md-button class="md-raised md-accent" @click.native="closeRightSidenav">Close</md-button>\n              </md-sidenav>\n            </div>\n          ')]),e._v(" "),l("code-block",{attrs:{lang:"javascript"}},[e._v("\n            export default {\n              methods: {\n                toggleLeftSidenav() {\n                  this.$refs.leftSidenav.toggle();\n                },\n                toggleRightSidenav() {\n                  this.$refs.rightSidenav.toggle();\n                },\n                closeRightSidenav() {\n                  this.$refs.rightSidenav.close();\n                },\n                open(ref) {\n                  console.log('Opened: ' + ref);\n                },\n                close(ref) {\n                  console.log('Closed: ' + ref);\n                }\n              }\n            };\n          ")])],1)])],1)])],1)},staticRenderFns:[]}},588:function(e,t,l){var n=l(520);"string"==typeof n&&(n=[[e.i,n,""]]),n.locals&&(e.exports=n.locals);l(5)("41c455fc",n,!0)}});
\ No newline at end of file
+webpackJsonp([6,34],{481:function(e,t,l){l(587);var n=l(0)(l(508),l(550),"data-v-223f266a",null);e.exports=n.exports},508:function(e,t,l){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={methods:{toggleLeftSidenav:function(){this.$refs.leftSidenav.toggle()},toggleRightSidenav:function(){this.$refs.rightSidenav.toggle()},closeRightSidenav:function(){this.$refs.rightSidenav.close()},open:function(e){console.log("Opened: "+e)},close:function(e){console.log("Closed: "+e)}}},e.exports=t.default},519:function(e,t,l){t=e.exports=l(4)(),t.push([e.i,".phone-viewport p[data-v-223f266a]{padding:8px 16px}",""])},550:function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,l=e._self._c||t;return l("page-content",{attrs:{"page-title":"Components - Sidenav"}},[l("docs-component",[l("div",{slot:"description"},[l("p",[e._v("The sidenav spans the height of the screen, with everything behind it visible but darkened by a backdrop.")])]),e._v(" "),l("div",{slot:"api"},[l("api-table",{attrs:{name:"md-sidenav"}},[l("md-table",{slot:"properties"},[l("md-table-header",[l("md-table-row",[l("md-table-head",[e._v("Name")]),e._v(" "),l("md-table-head",[e._v("Type")]),e._v(" "),l("md-table-head",[e._v("Description")])],1)],1),e._v(" "),l("md-table-body",[l("md-table-row",[l("md-table-cell",[e._v("md-swipeable")]),e._v(" "),l("md-table-cell",[l("code",[e._v("Boolean")])]),e._v(" "),l("md-table-cell",[e._v("Enable the swipe functionality. Default "),l("code",[e._v("false")])])],1),e._v(" "),l("md-table-row",[l("md-table-cell",[e._v("md-swipe-threshold")]),e._v(" "),l("md-table-cell",[l("code",[e._v("Number")])]),e._v(" "),l("md-table-cell",[e._v("Set the initial threshold for the swipe when it's closed. Default "),l("code",[e._v("15")])])],1),e._v(" "),l("md-table-row",[l("md-table-cell",[e._v("md-swipe-distance")]),e._v(" "),l("md-table-cell",[l("code",[e._v("Number")])]),e._v(" "),l("md-table-cell",[e._v("Set the swipe distance needed to open/close the sidenav. Default "),l("code",[e._v("100")])])],1)],1)],1),e._v(" "),l("md-table",{slot:"classes"},[l("md-table-header",[l("md-table-row",[l("md-table-head",[e._v("Name")]),e._v(" "),l("md-table-head",[e._v("Description")])],1)],1),e._v(" "),l("md-table-body",[l("md-table-row",[l("md-table-cell",[e._v("md-left")]),e._v(" "),l("md-table-cell",[e._v("Display the sidenav on the left of parent")])],1),e._v(" "),l("md-table-row",[l("md-table-cell",[e._v("md-right")]),e._v(" "),l("md-table-cell",[e._v("Display the sidenav on the right of parent")])],1),e._v(" "),l("md-table-row",[l("md-table-cell",[e._v("md-fixed")]),e._v(" "),l("md-table-cell",[e._v("Apply position fixed")])],1)],1)],1),e._v(" "),l("md-table",{slot:"events"},[l("md-table-header",[l("md-table-row",[l("md-table-head",[e._v("Name")]),e._v(" "),l("md-table-head",[e._v("Value")]),e._v(" "),l("md-table-head",[e._v("Description")])],1)],1),e._v(" "),l("md-table-body",[l("md-table-row",[l("md-table-cell",[e._v("open")]),e._v(" "),l("md-table-cell",[e._v("None")]),e._v(" "),l("md-table-cell",[e._v("Triggered when the sidenav starts to open.")])],1),e._v(" "),l("md-table-row",[l("md-table-cell",[e._v("close")]),e._v(" "),l("md-table-cell",[e._v("None")]),e._v(" "),l("md-table-cell",[e._v("Triggered when the sidenav starts to close.")])],1)],1)],1),e._v(" "),l("md-table",{slot:"methods"},[l("md-table-header",[l("md-table-row",[l("md-table-head",[e._v("Name")]),e._v(" "),l("md-table-head",[e._v("Description")])],1)],1),e._v(" "),l("md-table-body",[l("md-table-row",[l("md-table-cell",[e._v("open")]),e._v(" "),l("md-table-cell",[e._v("Open the sidenav.")])],1),e._v(" "),l("md-table-row",[l("md-table-cell",[e._v("close")]),e._v(" "),l("md-table-cell",[e._v("Close the sidenav.")])],1),e._v(" "),l("md-table-row",[l("md-table-cell",[e._v("toggle")]),e._v(" "),l("md-table-cell",[e._v("Toggle the sidenav.")])],1)],1)],1)],1)],1),e._v(" "),l("div",{slot:"example"},[l("example-box",{attrs:{"card-title":"Default"}},[l("div",{slot:"demo"},[l("div",{staticClass:"phone-viewport"},[l("md-toolbar",[l("md-button",{staticClass:"md-icon-button",nativeOn:{click:function(t){e.toggleLeftSidenav(t)}}},[l("md-icon",[e._v("menu")])],1),e._v(" "),l("h2",{staticClass:"md-title"},[e._v("My App")])],1),e._v(" "),l("div",[l("md-button",{staticClass:"md-raised md-accent",nativeOn:{click:function(t){e.toggleRightSidenav(t)}}},[e._v("Toggle right")]),e._v(" "),l("p",[e._v("Open console to see the events")])],1),e._v(" "),l("md-sidenav",{ref:"leftSidenav",staticClass:"md-left",attrs:{"md-swipeable":""},on:{open:function(t){e.open("Left")},close:function(t){e.close("Left")}}},[l("md-toolbar",{staticClass:"md-large"},[l("div",{staticClass:"md-toolbar-container"},[l("h3",{staticClass:"md-title"},[e._v("Sidenav content")])])]),e._v(" "),l("p",[e._v("Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nisi cupiditate esse necessitatibus beatae nobis, deserunt ut est fugit, tempora deleniti, eligendi commodi doloribus. Nemo, assumenda possimus, impedit inventore perferendis iusto!")])],1),e._v(" "),l("md-sidenav",{ref:"rightSidenav",staticClass:"md-right",on:{open:function(t){e.open("Right")},close:function(t){e.close("Right")}}},[l("md-toolbar",[l("div",{staticClass:"md-toolbar-container"},[l("h3",{staticClass:"md-title"},[e._v("Sidenav content")])])]),e._v(" "),l("md-button",{staticClass:"md-raised md-accent",nativeOn:{click:function(t){e.closeRightSidenav(t)}}},[e._v("Close")])],1)],1)]),e._v(" "),l("div",{slot:"code"},[l("code-block",{attrs:{lang:"xml"}},[e._v('\n            <div class="phone-viewport">\n              <md-toolbar>\n                <md-button class="md-icon-button" @click.native="toggleLeftSidenav">\n                  <md-icon>menu</md-icon>\n                </md-button>\n\n                <h2 class="md-title">My App</h2>\n              </md-toolbar>\n\n              <div>\n                <md-button class="md-raised md-accent" @click.native="toggleRightSidenav">Toggle right</md-button>\n                <p>Open console to see the events</p>\n              </div>\n\n              <md-sidenav class="md-left" ref="leftSidenav" @open="open(\'Left\')" @close="close(\'Left\')">\n                <md-toolbar class="md-large">\n                  <div class="md-toolbar-container">\n                    <h3 class="md-title">Sidenav content</h3>\n                  </div>\n                </md-toolbar>\n\n                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nisi cupiditate esse necessitatibus beatae nobis, deserunt ut est fugit, tempora deleniti, eligendi commodi doloribus. Nemo, assumenda possimus, impedit inventore perferendis iusto!</p>\n              </md-sidenav>\n\n              <md-sidenav class="md-right" ref="rightSidenav" @open="open(\'Right\')" @close="close(\'Right\')">\n                <md-toolbar>\n                  <div class="md-toolbar-container">\n                    <h3 class="md-title">Sidenav content</h3>\n                  </div>\n                </md-toolbar>\n\n                <md-button class="md-raised md-accent" @click.native="closeRightSidenav">Close</md-button>\n              </md-sidenav>\n            </div>\n          ')]),e._v(" "),l("code-block",{attrs:{lang:"javascript"}},[e._v("\n            export default {\n              methods: {\n                toggleLeftSidenav() {\n                  this.$refs.leftSidenav.toggle();\n                },\n                toggleRightSidenav() {\n                  this.$refs.rightSidenav.toggle();\n                },\n                closeRightSidenav() {\n                  this.$refs.rightSidenav.close();\n                },\n                open(ref) {\n                  console.log('Opened: ' + ref);\n                },\n                close(ref) {\n                  console.log('Closed: ' + ref);\n                }\n              }\n            };\n          ")])],1)])],1)])],1)},staticRenderFns:[]}},587:function(e,t,l){var n=l(519);"string"==typeof n&&(n=[[e.i,n,""]]),n.locals&&(e.exports=n.locals);l(5)("41c455fc",n,!0)}});
\ No newline at end of file
diff --git a/snackbar.57dfb916.js b/snackbar.00a46162.js
similarity index 95%
rename from snackbar.57dfb916.js
rename to snackbar.00a46162.js
index aa259bc..3e62c89 100644
--- a/snackbar.57dfb916.js
+++ b/snackbar.00a46162.js
@@ -1 +1 @@
-webpackJsonp([6,34],{482:function(e,t,a){a(592);var o=a(0)(a(509),a(555),"data-v-347b2712",null);e.exports=o.exports},509:function(e,t,a){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={data:function(){return{vertical:"bottom",horizontal:"center",duration:4e3}},methods:{open:function(){this.$refs.snackbar.open()}}},e.exports=t.default},524:function(e,t,a){t=e.exports=a(4)(),t.push([e.i,"",""])},555:function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("page-content",{attrs:{"page-title":"Components - Snackbar"}},[a("docs-component",[a("div",{slot:"description"},[a("p",[e._v("Snackbars contain a single line of text directly related to the operation performed. They may contain a text action, but no icons.")])]),e._v(" "),a("div",{slot:"api"},[a("api-table",{attrs:{name:"md-snackbar"}},[a("md-table",{slot:"properties"},[a("md-table-header",[a("md-table-row",[a("md-table-head",[e._v("Name")]),e._v(" "),a("md-table-head",[e._v("Type")]),e._v(" "),a("md-table-head",[e._v("Description")])],1)],1),e._v(" "),a("md-table-body",[a("md-table-row",[a("md-table-cell",[e._v("md-position")]),e._v(" "),a("md-table-cell",[a("code",[e._v("String")])]),e._v(" "),a("md-table-cell",[e._v("Specify which vertical and horizontal position the snackbar will take. Accepts "),a("code",[e._v("top left")]),e._v("|"),a("code",[e._v("top center")]),e._v("|"),a("code",[e._v("right center")]),e._v("|"),a("code",[e._v("bottom left")]),e._v("|"),a("code",[e._v("bottom center")]),e._v("|"),a("code",[e._v("bottom right")]),e._v(". Default: "),a("code",[e._v("bottom center")])])],1),e._v(" "),a("md-table-row",[a("md-table-cell",[e._v("md-duration")]),e._v(" "),a("md-table-cell",[a("code",[e._v("Number")])]),e._v(" "),a("md-table-cell",[e._v("The duration visibility in miliseconds. Default: "),a("code",[e._v("4000")])])],1)],1)],1),e._v(" "),a("md-table",{slot:"events"},[a("md-table-header",[a("md-table-row",[a("md-table-head",[e._v("Name")]),e._v(" "),a("md-table-head",[e._v("Value")]),e._v(" "),a("md-table-head",[e._v("Description")])],1)],1),e._v(" "),a("md-table-body",[a("md-table-row",[a("md-table-cell",[e._v("open")]),e._v(" "),a("md-table-cell",[e._v("None")]),e._v(" "),a("md-table-cell",[e._v("Triggered when the snackbar open.")])],1),e._v(" "),a("md-table-row",[a("md-table-cell",[e._v("close")]),e._v(" "),a("md-table-cell",[e._v("None")]),e._v(" "),a("md-table-cell",[e._v("Triggered when the snackbar closes.")])],1)],1)],1),e._v(" "),a("md-table",{slot:"methods"},[a("md-table-header",[a("md-table-row",[a("md-table-head",[e._v("Name")]),e._v(" "),a("md-table-head",[e._v("Description")])],1)],1),e._v(" "),a("md-table-body",[a("md-table-row",[a("md-table-cell",[e._v("open")]),e._v(" "),a("md-table-cell",[e._v("Opens the Snackbar.")])],1),e._v(" "),a("md-table-row",[a("md-table-cell",[e._v("close")]),e._v(" "),a("md-table-cell",[e._v("Closes the Snackbar.")])],1)],1)],1)],1)],1),e._v(" "),a("div",{slot:"example"},[a("example-box",{attrs:{"card-title":"Default"}},[a("div",{slot:"demo"},[a("form",{attrs:{novalidate:""},on:{submit:function(t){t.stopPropagation(),t.preventDefault(),e.open(t)}}},[a("div",[a("div",{staticClass:"md-body-2"},[e._v("Vertical")]),e._v(" "),a("md-radio",{directives:[{name:"model",rawName:"v-model",value:e.vertical,expression:"vertical"}],attrs:{id:"top",name:"snackbar-vertical","md-value":"top"},domProps:{value:e.vertical},on:{input:function(t){e.vertical=t}}},[e._v("top")]),e._v(" "),a("md-radio",{directives:[{name:"model",rawName:"v-model",value:e.vertical,expression:"vertical"}],attrs:{id:"bottom",name:"snackbar-vertical","md-value":"bottom"},domProps:{value:e.vertical},on:{input:function(t){e.vertical=t}}},[e._v("bottom")])],1),e._v(" "),a("div",[a("div",{staticClass:"md-body-2"},[e._v("Horizontal")]),e._v(" "),a("md-radio",{directives:[{name:"model",rawName:"v-model",value:e.horizontal,expression:"horizontal"}],attrs:{id:"left",name:"snackbar-horizontal","md-value":"left"},domProps:{value:e.horizontal},on:{input:function(t){e.horizontal=t}}},[e._v("left")]),e._v(" "),a("md-radio",{directives:[{name:"model",rawName:"v-model",value:e.horizontal,expression:"horizontal"}],attrs:{id:"center",name:"snackbar-horizontal","md-value":"center"},domProps:{value:e.horizontal},on:{input:function(t){e.horizontal=t}}},[e._v("center")]),e._v(" "),a("md-radio",{directives:[{name:"model",rawName:"v-model",value:e.horizontal,expression:"horizontal"}],attrs:{id:"right",name:"snackbar-horizontal","md-value":"right"},domProps:{value:e.horizontal},on:{input:function(t){e.horizontal=t}}},[e._v("right")])],1),e._v(" "),a("div",[a("div",{staticClass:"md-body-2"},[e._v("Delay")]),e._v(" "),a("md-input-container",[a("md-input",{directives:[{name:"model",rawName:"v-model",value:e.duration,expression:"duration"}],attrs:{type:"number"},domProps:{value:e.duration},on:{input:function(t){e.duration=e._n(t)},blur:function(t){e.$forceUpdate()}}})],1)],1),e._v(" "),a("md-button",{staticClass:"md-primary md-raised",attrs:{type:"submit"}},[e._v("Open Snackbar")]),e._v(" "),a("md-snackbar",{ref:"snackbar",attrs:{"md-position":e.vertical+" "+e.horizontal,"md-duration":e.duration}},[a("span",[e._v("Connection timeout. Showing limited messages.")]),e._v(" "),a("md-button",{staticClass:"md-accent",attrs:{"md-theme":"light-blue"},nativeOn:{click:function(t){e.$refs.snackbar.close()}}},[e._v("Retry")])],1)],1)]),e._v(" "),a("div",{slot:"code"},[a("code-block",{attrs:{lang:"xml"}},[e._v('\n            <form novalidate @submit.stop.prevent="open">\n              <div>\n                <div class="md-body-2">Vertical</div>\n                <md-radio v-model="vertical" id="top" name="snackbar-vertical" md-value="top">top</md-radio>\n                <md-radio v-model="vertical" id="bottom" name="snackbar-vertical" md-value="bottom">bottom</md-radio>\n              </div>\n\n              <div>\n                <div class="md-body-2">Horizontal</div>\n                <md-radio v-model="horizontal" id="left" name="snackbar-horizontal" md-value="left">left</md-radio>\n                <md-radio v-model="horizontal" id="center" name="snackbar-horizontal" md-value="center">center</md-radio>\n                <md-radio v-model="horizontal" id="right" name="snackbar-horizontal" md-value="right">right</md-radio>\n              </div>\n\n              <div>\n                <div class="md-body-2">Delay</div>\n\n                <md-input-container>\n                  <md-input type="number" v-model="duration"></md-input>\n                </md-input-container>\n              </div>\n\n              <md-button type="submit" class="md-primary md-raised">Open Snackbar</md-button>\n\n              <md-snackbar :md-position="vertical + \' \' + horizontal" ref="snackbar" :md-duration="duration">\n                <span>Connection timeout. Showing limited messages.</span>\n                <md-button class="md-accent" md-theme="light-blue" @click.native="$refs.snackbar.close()">Retry</md-button>\n              </md-snackbar>\n            </form>\n          ')]),e._v(" "),a("code-block",{attrs:{lang:"javacript"}},[e._v("\n            export default {\n              data: () => ({\n                vertical: 'bottom',\n                horizontal: 'center',\n                duration: 4000\n              }),\n              methods: {\n                open() {\n                  this.$refs.snackbar.open();\n                }\n              }\n            };\n          ")])],1)])],1)]),e._v(" "),a("md-button",{staticClass:"md-fab md-fab-bottom-right"},[a("md-icon",[e._v("add")])],1)],1)},staticRenderFns:[]}},592:function(e,t,a){var o=a(524);"string"==typeof o&&(o=[[e.i,o,""]]),o.locals&&(e.exports=o.locals);a(5)("c55b3192",o,!0)}});
\ No newline at end of file
+webpackJsonp([5,34],{482:function(e,t,a){a(591);var o=a(0)(a(509),a(554),"data-v-347b2712",null);e.exports=o.exports},509:function(e,t,a){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={data:function(){return{vertical:"bottom",horizontal:"center",duration:4e3}},methods:{open:function(){this.$refs.snackbar.open()}}},e.exports=t.default},523:function(e,t,a){t=e.exports=a(4)(),t.push([e.i,"",""])},554:function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("page-content",{attrs:{"page-title":"Components - Snackbar"}},[a("docs-component",[a("div",{slot:"description"},[a("p",[e._v("Snackbars contain a single line of text directly related to the operation performed. They may contain a text action, but no icons.")])]),e._v(" "),a("div",{slot:"api"},[a("api-table",{attrs:{name:"md-snackbar"}},[a("md-table",{slot:"properties"},[a("md-table-header",[a("md-table-row",[a("md-table-head",[e._v("Name")]),e._v(" "),a("md-table-head",[e._v("Type")]),e._v(" "),a("md-table-head",[e._v("Description")])],1)],1),e._v(" "),a("md-table-body",[a("md-table-row",[a("md-table-cell",[e._v("md-position")]),e._v(" "),a("md-table-cell",[a("code",[e._v("String")])]),e._v(" "),a("md-table-cell",[e._v("Specify which vertical and horizontal position the snackbar will take. Accepts "),a("code",[e._v("top left")]),e._v("|"),a("code",[e._v("top center")]),e._v("|"),a("code",[e._v("right center")]),e._v("|"),a("code",[e._v("bottom left")]),e._v("|"),a("code",[e._v("bottom center")]),e._v("|"),a("code",[e._v("bottom right")]),e._v(". Default: "),a("code",[e._v("bottom center")])])],1),e._v(" "),a("md-table-row",[a("md-table-cell",[e._v("md-duration")]),e._v(" "),a("md-table-cell",[a("code",[e._v("Number")])]),e._v(" "),a("md-table-cell",[e._v("The duration visibility in miliseconds. Default: "),a("code",[e._v("4000")])])],1)],1)],1),e._v(" "),a("md-table",{slot:"events"},[a("md-table-header",[a("md-table-row",[a("md-table-head",[e._v("Name")]),e._v(" "),a("md-table-head",[e._v("Value")]),e._v(" "),a("md-table-head",[e._v("Description")])],1)],1),e._v(" "),a("md-table-body",[a("md-table-row",[a("md-table-cell",[e._v("open")]),e._v(" "),a("md-table-cell",[e._v("None")]),e._v(" "),a("md-table-cell",[e._v("Triggered when the snackbar open.")])],1),e._v(" "),a("md-table-row",[a("md-table-cell",[e._v("close")]),e._v(" "),a("md-table-cell",[e._v("None")]),e._v(" "),a("md-table-cell",[e._v("Triggered when the snackbar closes.")])],1)],1)],1),e._v(" "),a("md-table",{slot:"methods"},[a("md-table-header",[a("md-table-row",[a("md-table-head",[e._v("Name")]),e._v(" "),a("md-table-head",[e._v("Description")])],1)],1),e._v(" "),a("md-table-body",[a("md-table-row",[a("md-table-cell",[e._v("open")]),e._v(" "),a("md-table-cell",[e._v("Opens the Snackbar.")])],1),e._v(" "),a("md-table-row",[a("md-table-cell",[e._v("close")]),e._v(" "),a("md-table-cell",[e._v("Closes the Snackbar.")])],1)],1)],1)],1)],1),e._v(" "),a("div",{slot:"example"},[a("example-box",{attrs:{"card-title":"Default"}},[a("div",{slot:"demo"},[a("form",{attrs:{novalidate:""},on:{submit:function(t){t.stopPropagation(),t.preventDefault(),e.open(t)}}},[a("div",[a("div",{staticClass:"md-body-2"},[e._v("Vertical")]),e._v(" "),a("md-radio",{directives:[{name:"model",rawName:"v-model",value:e.vertical,expression:"vertical"}],attrs:{id:"top",name:"snackbar-vertical","md-value":"top"},domProps:{value:e.vertical},on:{input:function(t){e.vertical=t}}},[e._v("top")]),e._v(" "),a("md-radio",{directives:[{name:"model",rawName:"v-model",value:e.vertical,expression:"vertical"}],attrs:{id:"bottom",name:"snackbar-vertical","md-value":"bottom"},domProps:{value:e.vertical},on:{input:function(t){e.vertical=t}}},[e._v("bottom")])],1),e._v(" "),a("div",[a("div",{staticClass:"md-body-2"},[e._v("Horizontal")]),e._v(" "),a("md-radio",{directives:[{name:"model",rawName:"v-model",value:e.horizontal,expression:"horizontal"}],attrs:{id:"left",name:"snackbar-horizontal","md-value":"left"},domProps:{value:e.horizontal},on:{input:function(t){e.horizontal=t}}},[e._v("left")]),e._v(" "),a("md-radio",{directives:[{name:"model",rawName:"v-model",value:e.horizontal,expression:"horizontal"}],attrs:{id:"center",name:"snackbar-horizontal","md-value":"center"},domProps:{value:e.horizontal},on:{input:function(t){e.horizontal=t}}},[e._v("center")]),e._v(" "),a("md-radio",{directives:[{name:"model",rawName:"v-model",value:e.horizontal,expression:"horizontal"}],attrs:{id:"right",name:"snackbar-horizontal","md-value":"right"},domProps:{value:e.horizontal},on:{input:function(t){e.horizontal=t}}},[e._v("right")])],1),e._v(" "),a("div",[a("div",{staticClass:"md-body-2"},[e._v("Delay")]),e._v(" "),a("md-input-container",[a("md-input",{directives:[{name:"model",rawName:"v-model",value:e.duration,expression:"duration"}],attrs:{type:"number"},domProps:{value:e.duration},on:{input:function(t){e.duration=e._n(t)},blur:function(t){e.$forceUpdate()}}})],1)],1),e._v(" "),a("md-button",{staticClass:"md-primary md-raised",attrs:{type:"submit"}},[e._v("Open Snackbar")]),e._v(" "),a("md-snackbar",{ref:"snackbar",attrs:{"md-position":e.vertical+" "+e.horizontal,"md-duration":e.duration}},[a("span",[e._v("Connection timeout. Showing limited messages.")]),e._v(" "),a("md-button",{staticClass:"md-accent",attrs:{"md-theme":"light-blue"},nativeOn:{click:function(t){e.$refs.snackbar.close()}}},[e._v("Retry")])],1)],1)]),e._v(" "),a("div",{slot:"code"},[a("code-block",{attrs:{lang:"xml"}},[e._v('\n            <form novalidate @submit.stop.prevent="open">\n              <div>\n                <div class="md-body-2">Vertical</div>\n                <md-radio v-model="vertical" id="top" name="snackbar-vertical" md-value="top">top</md-radio>\n                <md-radio v-model="vertical" id="bottom" name="snackbar-vertical" md-value="bottom">bottom</md-radio>\n              </div>\n\n              <div>\n                <div class="md-body-2">Horizontal</div>\n                <md-radio v-model="horizontal" id="left" name="snackbar-horizontal" md-value="left">left</md-radio>\n                <md-radio v-model="horizontal" id="center" name="snackbar-horizontal" md-value="center">center</md-radio>\n                <md-radio v-model="horizontal" id="right" name="snackbar-horizontal" md-value="right">right</md-radio>\n              </div>\n\n              <div>\n                <div class="md-body-2">Delay</div>\n\n                <md-input-container>\n                  <md-input type="number" v-model="duration"></md-input>\n                </md-input-container>\n              </div>\n\n              <md-button type="submit" class="md-primary md-raised">Open Snackbar</md-button>\n\n              <md-snackbar :md-position="vertical + \' \' + horizontal" ref="snackbar" :md-duration="duration">\n                <span>Connection timeout. Showing limited messages.</span>\n                <md-button class="md-accent" md-theme="light-blue" @click.native="$refs.snackbar.close()">Retry</md-button>\n              </md-snackbar>\n            </form>\n          ')]),e._v(" "),a("code-block",{attrs:{lang:"javacript"}},[e._v("\n            export default {\n              data: () => ({\n                vertical: 'bottom',\n                horizontal: 'center',\n                duration: 4000\n              }),\n              methods: {\n                open() {\n                  this.$refs.snackbar.open();\n                }\n              }\n            };\n          ")])],1)])],1)]),e._v(" "),a("md-button",{staticClass:"md-fab md-fab-bottom-right"},[a("md-icon",[e._v("add")])],1)],1)},staticRenderFns:[]}},591:function(e,t,a){var o=a(523);"string"==typeof o&&(o=[[e.i,o,""]]),o.locals&&(e.exports=o.locals);a(5)("c55b3192",o,!0)}});
\ No newline at end of file
diff --git a/speed-dial.075447df.js b/speed-dial.075447df.js
deleted file mode 100644
index 360d2bf..0000000
--- a/speed-dial.075447df.js
+++ /dev/null
@@ -1 +0,0 @@
-webpackJsonp([5,34],{483:function(t,e,d){d(604);var a=d(0)(d(510),d(570),"data-v-714a4355",null);t.exports=a.exports},510:function(t,e,d){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={data:function(){return{}}},t.exports=e.default},536:function(t,e,d){e=t.exports=d(4)(),e.push([t.i,".speed-dial-demo[data-v-714a4355]{height:250px}",""])},570:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,d=t._self._c||e;return d("page-content",{attrs:{"page-title":"Components - Speed Dial"}},[d("docs-component",[d("div",{slot:"description"},[d("p",[t._v("The floating action button can fling out related actions upon press. The button should remain on screen after the menu is invoked. Tapping in the same spot should either activate the most commonly used action or close the open menu.")]),t._v(" "),d("p",[t._v("You will need to add the "),d("code",[t._v("md-fab-trigger")]),t._v(" attribute in the first md-button to indicate the trigger.")]),t._v(" "),d("p",[t._v('If you want the "morph" effect on icons, you should create two icons inside the '),d("code",[t._v("md-fab-trigger")]),t._v(" element and add the "),d("code",[t._v("md-icon-morph")]),t._v(" attribute to the first one. When the speed dial gets activated the md-icon-morph will be shown.")])]),t._v(" "),d("div",{slot:"api"},[d("api-table",{attrs:{name:"md-speed-dial"}},[d("md-table",{slot:"classes"},[d("md-table-header",[d("md-table-row",[d("md-table-head",[t._v("Name")]),t._v(" "),d("md-table-head",[t._v("Description")])],1)],1),t._v(" "),d("md-table-body",[d("md-table-row",[d("md-table-cell",[t._v("md-fab-top-left")]),t._v(" "),d("md-table-cell",[t._v("Position the md-fab absolutely on the top left of his parent")])],1),t._v(" "),d("md-table-row",[d("md-table-cell",[t._v("md-fab-top-center")]),t._v(" "),d("md-table-cell",[t._v("Position the md-fab absolutely on the top center of his parent")])],1),t._v(" "),d("md-table-row",[d("md-table-cell",[t._v("md-fab-top-right")]),t._v(" "),d("md-table-cell",[t._v("Position the md-fab absolutely on the top right of his parent")])],1),t._v(" "),d("md-table-row",[d("md-table-cell",[t._v("md-fab-bottom-left")]),t._v(" "),d("md-table-cell",[t._v("Position the md-fab absolutely on the bottom left of his parent")])],1)],1)],1),t._v(" "),d("md-table",{slot:"properties"},[d("md-table-header",[d("md-table-row",[d("md-table-head",[t._v("Name")]),t._v(" "),d("md-table-head",[t._v("Type")]),t._v(" "),d("md-table-head",[t._v("Description")])],1)],1),t._v(" "),d("md-table-body",[d("md-table-row",[d("md-table-cell",[t._v("md-open")]),t._v(" "),d("md-table-cell",[d("code",[t._v("String")])]),t._v(" "),d("md-table-cell",[t._v("The type of event that will trigger the Speed Dial. Accepts: "),d("code",[t._v("click")]),t._v("|"),d("code",[t._v("hover")]),t._v(". Default: "),d("code",[t._v("click")]),t._v(" "),d("br"),d("small",[t._v("* This attribute is not reactive.")])])],1),t._v(" "),d("md-table-row",[d("md-table-cell",[t._v("md-mode")]),t._v(" "),d("md-table-cell",[d("code",[t._v("String")])]),t._v(" "),d("md-table-cell",[t._v("The type of effect that will be applied. Accepts: "),d("code",[t._v("fling")]),t._v("|"),d("code",[t._v("scale")]),t._v(". Default: "),d("code",[t._v("fling")])])],1),t._v(" "),d("md-table-row",[d("md-table-cell",[t._v("md-direction")]),t._v(" "),d("md-table-cell",[d("code",[t._v("String")])]),t._v(" "),d("md-table-cell",[t._v("The direction that the Speed Dial will dispose the buttons. Accepts: "),d("code",[t._v("top")]),t._v("|"),d("code",[t._v("right")]),t._v("|"),d("code",[t._v("bottom")]),t._v("|"),d("code",[t._v("left")]),t._v(". Default: "),d("code",[t._v("top")])])],1)],1)],1)],1)],1),t._v(" "),d("div",{slot:"example"},[d("example-box",{attrs:{"card-title":"Mode and event type"}},[d("div",{staticClass:"speed-dial-demo",slot:"demo"},[d("md-speed-dial",{staticClass:"md-fab-bottom-left",attrs:{"md-open":"hover","md-theme":"purple"}},[d("md-button",{staticClass:"md-fab",attrs:{"md-fab-trigger":""}},[d("md-icon",{attrs:{"md-icon-morph":""}},[t._v("close")]),t._v(" "),d("md-icon",[t._v("share")])],1),t._v(" "),d("md-button",{staticClass:"md-fab md-primary md-mini md-clean"},[d("md-icon",[t._v("email")])],1),t._v(" "),d("md-button",{staticClass:"md-fab md-primary md-mini md-clean"},[d("md-icon",[t._v("content_copy")])],1)],1),t._v(" "),d("md-speed-dial",{staticClass:"md-fab-bottom-right",attrs:{"md-mode":"scale"}},[d("md-button",{staticClass:"md-fab",attrs:{"md-fab-trigger":""}},[d("md-icon",{attrs:{"md-icon-morph":""}},[t._v("close")]),t._v(" "),d("md-icon",[t._v("share")])],1),t._v(" "),d("md-button",{staticClass:"md-fab md-mini md-clean"},[d("md-icon",[t._v("email")])],1),t._v(" "),d("md-button",{staticClass:"md-fab md-mini md-clean"},[d("md-icon",[t._v("content_copy")])],1)],1)],1),t._v(" "),d("div",{slot:"code"},[d("code-block",{attrs:{lang:"xml"}})],1)]),t._v(" "),d("example-box",{attrs:{"card-title":"Directions"}},[d("div",{staticClass:"speed-dial-demo",slot:"demo"},[d("md-speed-dial",{staticClass:"md-fab-top-left",attrs:{"md-open":"hover","md-direction":"bottom","md-theme":"light-blue"}},[d("md-button",{staticClass:"md-fab",attrs:{"md-fab-trigger":""}},[d("md-icon",{attrs:{"md-icon-morph":""}},[t._v("event")]),t._v(" "),d("md-icon",[t._v("add")])],1),t._v(" "),d("md-button",{staticClass:"md-fab md-primary md-mini md-clean"},[d("md-icon",[t._v("note_add")])],1),t._v(" "),d("md-button",{staticClass:"md-fab md-primary md-mini md-clean"},[d("md-icon",[t._v("alarm_add")])],1)],1),t._v(" "),d("md-speed-dial",{staticClass:"md-fab-top-right",attrs:{"md-open":"hover","md-direction":"left","md-theme":"light-blue"}},[d("md-button",{staticClass:"md-fab",attrs:{"md-fab-trigger":""}},[d("md-icon",{attrs:{"md-icon-morph":""}},[t._v("event")]),t._v(" "),d("md-icon",[t._v("add")])],1),t._v(" "),d("md-button",{staticClass:"md-fab md-primary md-mini md-clean"},[d("md-icon",[t._v("note_add")])],1),t._v(" "),d("md-button",{staticClass:"md-fab md-primary md-mini md-clean"},[d("md-icon",[t._v("alarm_add")])],1)],1),t._v(" "),d("md-speed-dial",{staticClass:"md-fab-bottom-right",attrs:{"md-open":"hover","md-direction":"top","md-theme":"light-blue"}},[d("md-button",{staticClass:"md-fab",attrs:{"md-fab-trigger":""}},[d("md-icon",{attrs:{"md-icon-morph":""}},[t._v("event")]),t._v(" "),d("md-icon",[t._v("add")])],1),t._v(" "),d("md-button",{staticClass:"md-fab md-primary md-mini md-clean"},[d("md-icon",[t._v("note_add")])],1),t._v(" "),d("md-button",{staticClass:"md-fab md-primary md-mini md-clean"},[d("md-icon",[t._v("alarm_add")])],1)],1),t._v(" "),d("md-speed-dial",{staticClass:"md-fab-bottom-left",attrs:{"md-open":"hover","md-direction":"right","md-theme":"light-blue"}},[d("md-button",{staticClass:"md-fab",attrs:{"md-fab-trigger":""}},[d("md-icon",{attrs:{"md-icon-morph":""}},[t._v("event")]),t._v(" "),d("md-icon",[t._v("add")])],1),t._v(" "),d("md-button",{staticClass:"md-fab md-primary md-mini md-clean"},[d("md-icon",[t._v("note_add")])],1),t._v(" "),d("md-button",{staticClass:"md-fab md-primary md-mini md-clean"},[d("md-icon",[t._v("alarm_add")])],1)],1)],1),t._v(" "),d("div",{slot:"code"},[d("code-block",{attrs:{lang:"xml"}})],1)])],1)])],1)},staticRenderFns:[]}},604:function(t,e,d){var a=d(536);"string"==typeof a&&(a=[[t.i,a,""]]),a.locals&&(t.exports=a.locals);d(5)("ec44e656",a,!0)}});
\ No newline at end of file
diff --git a/speed-dial.e07af350.js b/speed-dial.e07af350.js
new file mode 100644
index 0000000..7d23a9a
--- /dev/null
+++ b/speed-dial.e07af350.js
@@ -0,0 +1 @@
+webpackJsonp([17,34],{483:function(d,t,m){m(603);var e=m(0)(null,m(569),"data-v-714a4355",null);d.exports=e.exports},535:function(d,t,m){t=d.exports=m(4)(),t.push([d.i,".speed-dial-demo[data-v-714a4355]{height:250px}",""])},569:function(d,t){d.exports={render:function(){var d=this,t=d.$createElement,m=d._self._c||t;return m("page-content",{attrs:{"page-title":"Components - Speed Dial"}},[m("docs-component",[m("div",{slot:"description"},[m("p",[d._v("The floating action button can fling out related actions upon press. The button should remain on screen after the menu is invoked. Tapping in the same spot should either activate the most commonly used action or close the open menu.")]),d._v(" "),m("p",[d._v("You will need to add the "),m("code",[d._v("md-fab-trigger")]),d._v(" attribute in the first md-button to indicate the trigger.")]),d._v(" "),m("p",[d._v('If you want the "morph" effect on icons, you should create two icons inside the '),m("code",[d._v("md-fab-trigger")]),d._v(" element and add the "),m("code",[d._v("md-icon-morph")]),d._v(" attribute to the first one. When the speed dial gets activated the md-icon-morph will be shown.")])]),d._v(" "),m("div",{slot:"api"},[m("api-table",{attrs:{name:"md-speed-dial"}},[m("md-table",{slot:"classes"},[m("md-table-header",[m("md-table-row",[m("md-table-head",[d._v("Name")]),d._v(" "),m("md-table-head",[d._v("Description")])],1)],1),d._v(" "),m("md-table-body",[m("md-table-row",[m("md-table-cell",[d._v("md-fab-top-left")]),d._v(" "),m("md-table-cell",[d._v("Position the md-fab absolutely on the top left of his parent")])],1),d._v(" "),m("md-table-row",[m("md-table-cell",[d._v("md-fab-top-center")]),d._v(" "),m("md-table-cell",[d._v("Position the md-fab absolutely on the top center of his parent")])],1),d._v(" "),m("md-table-row",[m("md-table-cell",[d._v("md-fab-top-right")]),d._v(" "),m("md-table-cell",[d._v("Position the md-fab absolutely on the top right of his parent")])],1),d._v(" "),m("md-table-row",[m("md-table-cell",[d._v("md-fab-bottom-left")]),d._v(" "),m("md-table-cell",[d._v("Position the md-fab absolutely on the bottom left of his parent")])],1)],1)],1),d._v(" "),m("md-table",{slot:"properties"},[m("md-table-header",[m("md-table-row",[m("md-table-head",[d._v("Name")]),d._v(" "),m("md-table-head",[d._v("Type")]),d._v(" "),m("md-table-head",[d._v("Description")])],1)],1),d._v(" "),m("md-table-body",[m("md-table-row",[m("md-table-cell",[d._v("md-open")]),d._v(" "),m("md-table-cell",[m("code",[d._v("String")])]),d._v(" "),m("md-table-cell",[d._v("The type of event that will trigger the Speed Dial. Accepts: "),m("code",[d._v("click")]),d._v("|"),m("code",[d._v("hover")]),d._v(". Default: "),m("code",[d._v("click")]),d._v(" "),m("br"),m("small",[d._v("* This attribute is not reactive.")])])],1),d._v(" "),m("md-table-row",[m("md-table-cell",[d._v("md-mode")]),d._v(" "),m("md-table-cell",[m("code",[d._v("String")])]),d._v(" "),m("md-table-cell",[d._v("The type of effect that will be applied. Accepts: "),m("code",[d._v("fling")]),d._v("|"),m("code",[d._v("scale")]),d._v(". Default: "),m("code",[d._v("fling")])])],1),d._v(" "),m("md-table-row",[m("md-table-cell",[d._v("md-direction")]),d._v(" "),m("md-table-cell",[m("code",[d._v("String")])]),d._v(" "),m("md-table-cell",[d._v("The direction that the Speed Dial will dispose the buttons. Accepts: "),m("code",[d._v("top")]),d._v("|"),m("code",[d._v("right")]),d._v("|"),m("code",[d._v("bottom")]),d._v("|"),m("code",[d._v("left")]),d._v(". Default: "),m("code",[d._v("top")])])],1)],1)],1)],1)],1),d._v(" "),m("div",{slot:"example"},[m("example-box",{attrs:{"card-title":"Mode and event type"}},[m("div",{staticClass:"speed-dial-demo",slot:"demo"},[m("md-speed-dial",{staticClass:"md-fab-bottom-left",attrs:{"md-open":"hover","md-theme":"purple"}},[m("md-button",{staticClass:"md-fab",attrs:{"md-fab-trigger":""}},[m("md-icon",{attrs:{"md-icon-morph":""}},[d._v("close")]),d._v(" "),m("md-icon",[d._v("share")])],1),d._v(" "),m("md-button",{staticClass:"md-fab md-primary md-mini md-clean"},[m("md-icon",[d._v("email")])],1),d._v(" "),m("md-button",{staticClass:"md-fab md-primary md-mini md-clean"},[m("md-icon",[d._v("content_copy")])],1)],1),d._v(" "),m("md-speed-dial",{staticClass:"md-fab-bottom-right",attrs:{"md-mode":"scale"}},[m("md-button",{staticClass:"md-fab",attrs:{"md-fab-trigger":""}},[m("md-icon",{attrs:{"md-icon-morph":""}},[d._v("close")]),d._v(" "),m("md-icon",[d._v("share")])],1),d._v(" "),m("md-button",{staticClass:"md-fab md-mini md-clean"},[m("md-icon",[d._v("email")])],1),d._v(" "),m("md-button",{staticClass:"md-fab md-mini md-clean"},[m("md-icon",[d._v("content_copy")])],1)],1)],1),d._v(" "),m("div",{slot:"code"},[m("code-block",{attrs:{lang:"xml"}},[d._v('\n            <md-speed-dial md-open="hover" class="md-fab-bottom-left" md-theme="purple">\n              <md-button class="md-fab" md-fab-trigger>\n                <md-icon md-icon-morph>close</md-icon>\n                <md-icon>share</md-icon>\n              </md-button>\n\n              <md-button class="md-fab md-primary md-mini md-clean">\n                <md-icon>email</md-icon>\n              </md-button>\n\n              <md-button class="md-fab md-primary md-mini md-clean">\n                <md-icon>content_copy</md-icon>\n              </md-button>\n            </md-speed-dial>\n\n            <md-speed-dial md-mode="scale" class="md-fab-bottom-right">\n              <md-button class="md-fab" md-fab-trigger>\n                <md-icon md-icon-morph>close</md-icon>\n                <md-icon>share</md-icon>\n              </md-button>\n\n              <md-button class="md-fab md-mini md-clean">\n                <md-icon>email</md-icon>\n              </md-button>\n\n              <md-button class="md-fab md-mini md-clean">\n                <md-icon>content_copy</md-icon>\n              </md-button>\n            </md-speed-dial>\n          ')])],1)]),d._v(" "),m("example-box",{attrs:{"card-title":"Directions"}},[m("div",{staticClass:"speed-dial-demo",slot:"demo"},[m("md-speed-dial",{staticClass:"md-fab-top-left",attrs:{"md-open":"hover","md-direction":"bottom","md-theme":"light-blue"}},[m("md-button",{staticClass:"md-fab",attrs:{"md-fab-trigger":""}},[m("md-icon",{attrs:{"md-icon-morph":""}},[d._v("event")]),d._v(" "),m("md-icon",[d._v("add")])],1),d._v(" "),m("md-button",{staticClass:"md-fab md-primary md-mini md-clean"},[m("md-icon",[d._v("note_add")])],1),d._v(" "),m("md-button",{staticClass:"md-fab md-primary md-mini md-clean"},[m("md-icon",[d._v("alarm_add")])],1)],1),d._v(" "),m("md-speed-dial",{staticClass:"md-fab-top-right",attrs:{"md-open":"hover","md-direction":"left","md-theme":"light-blue"}},[m("md-button",{staticClass:"md-fab",attrs:{"md-fab-trigger":""}},[m("md-icon",{attrs:{"md-icon-morph":""}},[d._v("event")]),d._v(" "),m("md-icon",[d._v("add")])],1),d._v(" "),m("md-button",{staticClass:"md-fab md-primary md-mini md-clean"},[m("md-icon",[d._v("note_add")])],1),d._v(" "),m("md-button",{staticClass:"md-fab md-primary md-mini md-clean"},[m("md-icon",[d._v("alarm_add")])],1)],1),d._v(" "),m("md-speed-dial",{staticClass:"md-fab-bottom-right",attrs:{"md-open":"hover","md-direction":"top","md-theme":"light-blue"}},[m("md-button",{staticClass:"md-fab",attrs:{"md-fab-trigger":""}},[m("md-icon",{attrs:{"md-icon-morph":""}},[d._v("event")]),d._v(" "),m("md-icon",[d._v("add")])],1),d._v(" "),m("md-button",{staticClass:"md-fab md-primary md-mini md-clean"},[m("md-icon",[d._v("note_add")])],1),d._v(" "),m("md-button",{staticClass:"md-fab md-primary md-mini md-clean"},[m("md-icon",[d._v("alarm_add")])],1)],1),d._v(" "),m("md-speed-dial",{staticClass:"md-fab-bottom-left",attrs:{"md-open":"hover","md-direction":"right","md-theme":"light-blue"}},[m("md-button",{staticClass:"md-fab",attrs:{"md-fab-trigger":""}},[m("md-icon",{attrs:{"md-icon-morph":""}},[d._v("event")]),d._v(" "),m("md-icon",[d._v("add")])],1),d._v(" "),m("md-button",{staticClass:"md-fab md-primary md-mini md-clean"},[m("md-icon",[d._v("note_add")])],1),d._v(" "),m("md-button",{staticClass:"md-fab md-primary md-mini md-clean"},[m("md-icon",[d._v("alarm_add")])],1)],1)],1),d._v(" "),m("div",{slot:"code"},[m("code-block",{attrs:{lang:"xml"}},[d._v('\n            <md-speed-dial md-open="hover" md-direction="bottom" class="md-fab-top-left" md-theme="light-blue">\n              <md-button class="md-fab" md-fab-trigger>\n                <md-icon md-icon-morph>event</md-icon>\n                <md-icon>add</md-icon>\n              </md-button>\n\n              <md-button class="md-fab md-primary md-mini md-clean">\n                <md-icon>note_add</md-icon>\n              </md-button>\n\n              <md-button class="md-fab md-primary md-mini md-clean">\n                <md-icon>alarm_add</md-icon>\n              </md-button>\n            </md-speed-dial>\n\n            <md-speed-dial md-open="hover" md-direction="left" class="md-fab-top-right" md-theme="light-blue">\n              <md-button class="md-fab" md-fab-trigger>\n                <md-icon md-icon-morph>event</md-icon>\n                <md-icon>add</md-icon>\n              </md-button>\n\n              <md-button class="md-fab md-primary md-mini md-clean">\n                <md-icon>note_add</md-icon>\n              </md-button>\n\n              <md-button class="md-fab md-primary md-mini md-clean">\n                <md-icon>alarm_add</md-icon>\n              </md-button>\n            </md-speed-dial>\n\n            <md-speed-dial md-open="hover" md-direction="top" class="md-fab-bottom-right" md-theme="light-blue">\n              <md-button class="md-fab" md-fab-trigger>\n                <md-icon md-icon-morph>event</md-icon>\n                <md-icon>add</md-icon>\n              </md-button>\n\n              <md-button class="md-fab md-primary md-mini md-clean">\n                <md-icon>note_add</md-icon>\n              </md-button>\n\n              <md-button class="md-fab md-primary md-mini md-clean">\n                <md-icon>alarm_add</md-icon>\n              </md-button>\n            </md-speed-dial>\n\n            <md-speed-dial md-open="hover" md-direction="right" class="md-fab-bottom-left" md-theme="light-blue">\n              <md-button class="md-fab" md-fab-trigger>\n                <md-icon md-icon-morph>event</md-icon>\n                <md-icon>add</md-icon>\n              </md-button>\n\n              <md-button class="md-fab md-primary md-mini md-clean">\n                <md-icon>note_add</md-icon>\n              </md-button>\n\n              <md-button class="md-fab md-primary md-mini md-clean">\n                <md-icon>alarm_add</md-icon>\n              </md-button>\n            </md-speed-dial>\n          ')])],1)])],1)])],1)},staticRenderFns:[]}},603:function(d,t,m){var e=m(535);"string"==typeof e&&(e=[[d.i,e,""]]),e.locals&&(d.exports=e.locals);m(5)("ec44e656",e,!0)}});
\ No newline at end of file
diff --git a/spinner.43051fb4.js b/spinner.ae9c0ffa.js
similarity index 96%
rename from spinner.43051fb4.js
rename to spinner.ae9c0ffa.js
index 967fdc6..65398a6 100644
--- a/spinner.43051fb4.js
+++ b/spinner.ae9c0ffa.js
@@ -1 +1 @@
-webpackJsonp([4,34],{484:function(e,n,t){t(602);var s=t(0)(t(511),t(568),"data-v-631d0197",null);e.exports=s.exports},511:function(e,n,t){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.default={data:function(){return{progress:0,progressInterval:null,done:!1,transition:!0}},methods:{startProgress:function(){var e=this;this.progressInterval=window.setInterval((function(){e.progress+=3,e.progress>115&&(e.done=!0,window.clearInterval(e.progressInterval),window.setTimeout((function(){e.done=!1}),3e3))}),100)},restartProgress:function(){var e=this;this.progress=0,this.transition=!1,this.done=!1,window.clearInterval(this.progressInterval),window.setTimeout((function(){e.transition=!0,e.startProgress()}),600)}},mounted:function(){this.startProgress()}},e.exports=n.default},534:function(e,n,t){n=e.exports=t(4)(),n.push([e.i,".spinner-demo[data-v-631d0197]{min-height:55px}.complete-example[data-v-631d0197]{width:56px;height:56px;position:relative}.complete-example .md-fab[data-v-631d0197]{margin:0}.complete-example .md-spinner[data-v-631d0197]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}",""])},568:function(e,n){e.exports={render:function(){var e=this,n=e.$createElement,t=e._self._c||n;return t("page-content",{attrs:{"page-title":"Components - Spinner"}},[t("docs-component",[t("div",{slot:"description"},[t("p",[e._v("Progress and activity indicators are visual indications of an app loading content.")]),e._v(" "),t("p",[e._v("The following classes can be applied to change the color palette:")]),e._v(" "),t("ul",{staticClass:"md-body-2"},[t("li",[t("code",[e._v("md-accent")])]),e._v(" "),t("li",[t("code",[e._v("md-warn")])])])]),e._v(" "),t("div",{slot:"api"},[t("api-table",{attrs:{name:"md-spinner"}},[t("md-table",{slot:"properties"},[t("md-table-header",[t("md-table-row",[t("md-table-head",[e._v("Name")]),e._v(" "),t("md-table-head",[e._v("Type")]),e._v(" "),t("md-table-head",[e._v("Description")])],1)],1),e._v(" "),t("md-table-body",[t("md-table-row",[t("md-table-cell",[e._v("md-size")]),e._v(" "),t("md-table-cell",[t("code",[e._v("Number")])]),e._v(" "),t("md-table-cell",[e._v("The spinner size. Default "),t("code",[e._v("50")])])],1),e._v(" "),t("md-table-row",[t("md-table-cell",[e._v("md-stroke")]),e._v(" "),t("md-table-cell",[t("code",[e._v("Number")])]),e._v(" "),t("md-table-cell",[e._v("The line width. Default "),t("code",[e._v("3.5")])])],1),e._v(" "),t("md-table-row",[t("md-table-cell",[e._v("md-indeterminate")]),e._v(" "),t("md-table-cell",[t("code",[e._v("Boolean")])]),e._v(" "),t("md-table-cell",[e._v("Enable the indeterminate state. Default "),t("code",[e._v("false")])])],1),e._v(" "),t("md-table-row",[t("md-table-cell",[e._v("md-progress")]),e._v(" "),t("md-table-cell",[t("code",[e._v("Number")])]),e._v(" "),t("md-table-cell",[e._v("Define the current progress of the spinner. Default "),t("code",[e._v("0")])])],1)],1)],1)],1)],1),e._v(" "),t("div",{slot:"example"},[t("example-box",{attrs:{"card-title":"Determinate"}},[t("div",{staticClass:"spinner-demo",slot:"demo"},[t("md-button",{staticClass:"md-primary md-raised",nativeOn:{click:function(n){e.restartProgress(n)}}},[e._v("Restart")]),e._v(" "),e.transition?t("md-spinner",{attrs:{"md-progress":e.progress}}):e._e(),e._v(" "),e.transition?t("md-spinner",{staticClass:"md-accent",attrs:{"md-progress":e.progress}}):e._e(),e._v(" "),e.transition?t("md-spinner",{staticClass:"md-warn",attrs:{"md-progress":e.progress}}):e._e()],1),e._v(" "),t("div",{slot:"code"},[t("code-block",{attrs:{lang:"xml"}},[e._v('\n            <md-spinner :md-progress="progress"></md-spinner>\n            <md-spinner :md-progress="progress" class="md-accent"></md-spinner>\n            <md-spinner :md-progress="progress" class="md-warn"></md-spinner>\n          ')])],1)]),e._v(" "),t("example-box",{attrs:{"card-title":"Indeterminate"}},[t("div",{staticClass:"spinner-demo",slot:"demo"},[t("md-spinner",{attrs:{"md-indeterminate":""}}),e._v(" "),t("md-spinner",{staticClass:"md-accent",attrs:{"md-indeterminate":""}}),e._v(" "),t("md-spinner",{staticClass:"md-warn",attrs:{"md-indeterminate":""}})],1),e._v(" "),t("div",{slot:"code"},[t("code-block",{attrs:{lang:"xml"}},[e._v('\n            <md-spinner md-indeterminate></md-spinner>\n            <md-spinner md-indeterminate class="md-accent"></md-spinner>\n            <md-spinner md-indeterminate class="md-warn"></md-spinner>\n          ')])],1)]),e._v(" "),t("example-box",{attrs:{"card-title":"Sizes"}},[t("div",{staticClass:"spinner-demo",slot:"demo"},[t("md-spinner",{staticClass:"md-accent",attrs:{"md-size":20,"md-indeterminate":""}}),e._v(" "),t("md-spinner",{staticClass:"md-warn",attrs:{"md-size":60,"md-indeterminate":""}}),e._v(" "),t("md-spinner",{attrs:{"md-size":150,"md-indeterminate":""}}),e._v(" "),t("md-spinner",{staticClass:"md-accent",attrs:{"md-size":20,"md-stroke":2.5,"md-indeterminate":""}}),e._v(" "),t("md-spinner",{staticClass:"md-warn",attrs:{"md-size":60,"md-stroke":1.5,"md-indeterminate":""}}),e._v(" "),t("md-spinner",{attrs:{"md-size":150,"md-stroke":1,"md-indeterminate":""}})],1),e._v(" "),t("div",{slot:"code"},[t("code-block",{attrs:{lang:"xml"}},[e._v('\n            <md-spinner :md-size="20" md-indeterminate class="md-accent"></md-spinner>\n            <md-spinner :md-size="60" md-indeterminate class="md-warn"></md-spinner>\n            <md-spinner :md-size="150" md-indeterminate></md-spinner>\n\n            <md-spinner :md-size="20" :md-stroke="2" md-indeterminate class="md-accent"></md-spinner>\n            <md-spinner :md-size="60" :md-stroke="1.5" md-indeterminate class="md-warn"></md-spinner>\n            <md-spinner :md-size="150" :md-stroke="1" md-indeterminate></md-spinner>\n          ')])],1)]),e._v(" "),t("example-box",{attrs:{"card-title":"Complete Example"}},[t("div",{slot:"demo"},[t("md-theme",{staticClass:"complete-example",attrs:{"md-name":"orange"}},[t("md-button",{staticClass:"md-fab",class:{"md-primary":e.done},nativeOn:{click:function(n){e.restartProgress(n)}}},[e.done?e._e():t("md-icon",[e._v("cloud_upload")]),e._v(" "),e.done?t("md-icon",[e._v("done")]):e._e()],1),e._v(" "),e.transition&&e.progress<115?t("md-spinner",{attrs:{"md-size":74,"md-stroke":2.2,"md-progress":e.progress}}):e._e()],1)],1),e._v(" "),t("div",{slot:"code"},[t("code-block",{attrs:{lang:"xml"}},[e._v('\n            <md-theme class="complete-example" md-name="orange">\n              <md-button class="md-fab" @click.native="restartProgress" :class="{ \'md-primary\': done }">\n                <md-icon v-if="!done">cloud_upload</md-icon>\n                <md-icon v-if="done">done</md-icon>\n              </md-button>\n\n              <md-spinner :md-size="74" :md-stroke="2.2" :md-progress="progress" v-if="transition && progress < 115"></md-spinner>\n            </md-theme>\n          ')]),e._v(" "),t("code-block",{attrs:{lang:"sass"}},[e._v("\n            .complete-example {\n              width: 56px;\n              height: 56px;\n              position: relative;\n\n              .md-fab {\n                margin: 0;\n              }\n\n              .md-spinner {\n                position: absolute;\n                top: 50%;\n                left: 50%;\n                transform: translate(-50%, -50%);\n              }\n            }\n          ")]),e._v(" "),t("code-block",{attrs:{lang:"javascript"}},[e._v("\n            export default {\n              data: () => ({\n                progress: 0,\n                progressInterval: null,\n                done: false,\n                transition: true\n              }),\n              methods: {\n                startProgress() {\n                  this.progressInterval = window.setInterval(() => {\n                    this.progress += 3;\n\n                    if (this.progress > 115) {\n                      this.done = true;\n                      window.clearInterval(this.progressInterval);\n                      window.setTimeout(() => {\n                        this.done = false;\n                      }, 3000);\n                    }\n                  }, 100);\n                },\n                restartProgress() {\n                  this.progress = 0;\n                  this.transition = false;\n                  this.done = false;\n\n                  window.clearInterval(this.progressInterval);\n                  window.setTimeout(() => {\n                    this.transition = true;\n                    this.startProgress();\n                  }, 600);\n                }\n              }\n            };\n          ")])],1)])],1)])],1)},staticRenderFns:[]}},602:function(e,n,t){var s=t(534);"string"==typeof s&&(s=[[e.i,s,""]]),s.locals&&(e.exports=s.locals);t(5)("5f88555c",s,!0)}});
\ No newline at end of file
+webpackJsonp([4,34],{484:function(e,n,t){t(601);var s=t(0)(t(510),t(567),"data-v-631d0197",null);e.exports=s.exports},510:function(e,n,t){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.default={data:function(){return{progress:0,progressInterval:null,done:!1,transition:!0}},methods:{startProgress:function(){var e=this;this.progressInterval=window.setInterval((function(){e.progress+=3,e.progress>115&&(e.done=!0,window.clearInterval(e.progressInterval),window.setTimeout((function(){e.done=!1}),3e3))}),100)},restartProgress:function(){var e=this;this.progress=0,this.transition=!1,this.done=!1,window.clearInterval(this.progressInterval),window.setTimeout((function(){e.transition=!0,e.startProgress()}),600)}},mounted:function(){this.startProgress()}},e.exports=n.default},533:function(e,n,t){n=e.exports=t(4)(),n.push([e.i,".spinner-demo[data-v-631d0197]{min-height:55px}.complete-example[data-v-631d0197]{width:56px;height:56px;position:relative}.complete-example .md-fab[data-v-631d0197]{margin:0}.complete-example .md-spinner[data-v-631d0197]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}",""])},567:function(e,n){e.exports={render:function(){var e=this,n=e.$createElement,t=e._self._c||n;return t("page-content",{attrs:{"page-title":"Components - Spinner"}},[t("docs-component",[t("div",{slot:"description"},[t("p",[e._v("Progress and activity indicators are visual indications of an app loading content.")]),e._v(" "),t("p",[e._v("The following classes can be applied to change the color palette:")]),e._v(" "),t("ul",{staticClass:"md-body-2"},[t("li",[t("code",[e._v("md-accent")])]),e._v(" "),t("li",[t("code",[e._v("md-warn")])])])]),e._v(" "),t("div",{slot:"api"},[t("api-table",{attrs:{name:"md-spinner"}},[t("md-table",{slot:"properties"},[t("md-table-header",[t("md-table-row",[t("md-table-head",[e._v("Name")]),e._v(" "),t("md-table-head",[e._v("Type")]),e._v(" "),t("md-table-head",[e._v("Description")])],1)],1),e._v(" "),t("md-table-body",[t("md-table-row",[t("md-table-cell",[e._v("md-size")]),e._v(" "),t("md-table-cell",[t("code",[e._v("Number")])]),e._v(" "),t("md-table-cell",[e._v("The spinner size. Default "),t("code",[e._v("50")])])],1),e._v(" "),t("md-table-row",[t("md-table-cell",[e._v("md-stroke")]),e._v(" "),t("md-table-cell",[t("code",[e._v("Number")])]),e._v(" "),t("md-table-cell",[e._v("The line width. Default "),t("code",[e._v("3.5")])])],1),e._v(" "),t("md-table-row",[t("md-table-cell",[e._v("md-indeterminate")]),e._v(" "),t("md-table-cell",[t("code",[e._v("Boolean")])]),e._v(" "),t("md-table-cell",[e._v("Enable the indeterminate state. Default "),t("code",[e._v("false")])])],1),e._v(" "),t("md-table-row",[t("md-table-cell",[e._v("md-progress")]),e._v(" "),t("md-table-cell",[t("code",[e._v("Number")])]),e._v(" "),t("md-table-cell",[e._v("Define the current progress of the spinner. Default "),t("code",[e._v("0")])])],1)],1)],1)],1)],1),e._v(" "),t("div",{slot:"example"},[t("example-box",{attrs:{"card-title":"Determinate"}},[t("div",{staticClass:"spinner-demo",slot:"demo"},[t("md-button",{staticClass:"md-primary md-raised",nativeOn:{click:function(n){e.restartProgress(n)}}},[e._v("Restart")]),e._v(" "),e.transition?t("md-spinner",{attrs:{"md-progress":e.progress}}):e._e(),e._v(" "),e.transition?t("md-spinner",{staticClass:"md-accent",attrs:{"md-progress":e.progress}}):e._e(),e._v(" "),e.transition?t("md-spinner",{staticClass:"md-warn",attrs:{"md-progress":e.progress}}):e._e()],1),e._v(" "),t("div",{slot:"code"},[t("code-block",{attrs:{lang:"xml"}},[e._v('\n            <md-spinner :md-progress="progress"></md-spinner>\n            <md-spinner :md-progress="progress" class="md-accent"></md-spinner>\n            <md-spinner :md-progress="progress" class="md-warn"></md-spinner>\n          ')])],1)]),e._v(" "),t("example-box",{attrs:{"card-title":"Indeterminate"}},[t("div",{staticClass:"spinner-demo",slot:"demo"},[t("md-spinner",{attrs:{"md-indeterminate":""}}),e._v(" "),t("md-spinner",{staticClass:"md-accent",attrs:{"md-indeterminate":""}}),e._v(" "),t("md-spinner",{staticClass:"md-warn",attrs:{"md-indeterminate":""}})],1),e._v(" "),t("div",{slot:"code"},[t("code-block",{attrs:{lang:"xml"}},[e._v('\n            <md-spinner md-indeterminate></md-spinner>\n            <md-spinner md-indeterminate class="md-accent"></md-spinner>\n            <md-spinner md-indeterminate class="md-warn"></md-spinner>\n          ')])],1)]),e._v(" "),t("example-box",{attrs:{"card-title":"Sizes"}},[t("div",{staticClass:"spinner-demo",slot:"demo"},[t("md-spinner",{staticClass:"md-accent",attrs:{"md-size":20,"md-indeterminate":""}}),e._v(" "),t("md-spinner",{staticClass:"md-warn",attrs:{"md-size":60,"md-indeterminate":""}}),e._v(" "),t("md-spinner",{attrs:{"md-size":150,"md-indeterminate":""}}),e._v(" "),t("md-spinner",{staticClass:"md-accent",attrs:{"md-size":20,"md-stroke":2.5,"md-indeterminate":""}}),e._v(" "),t("md-spinner",{staticClass:"md-warn",attrs:{"md-size":60,"md-stroke":1.5,"md-indeterminate":""}}),e._v(" "),t("md-spinner",{attrs:{"md-size":150,"md-stroke":1,"md-indeterminate":""}})],1),e._v(" "),t("div",{slot:"code"},[t("code-block",{attrs:{lang:"xml"}},[e._v('\n            <md-spinner :md-size="20" md-indeterminate class="md-accent"></md-spinner>\n            <md-spinner :md-size="60" md-indeterminate class="md-warn"></md-spinner>\n            <md-spinner :md-size="150" md-indeterminate></md-spinner>\n\n            <md-spinner :md-size="20" :md-stroke="2" md-indeterminate class="md-accent"></md-spinner>\n            <md-spinner :md-size="60" :md-stroke="1.5" md-indeterminate class="md-warn"></md-spinner>\n            <md-spinner :md-size="150" :md-stroke="1" md-indeterminate></md-spinner>\n          ')])],1)]),e._v(" "),t("example-box",{attrs:{"card-title":"Complete Example"}},[t("div",{slot:"demo"},[t("md-theme",{staticClass:"complete-example",attrs:{"md-name":"orange"}},[t("md-button",{staticClass:"md-fab",class:{"md-primary":e.done},nativeOn:{click:function(n){e.restartProgress(n)}}},[e.done?e._e():t("md-icon",[e._v("cloud_upload")]),e._v(" "),e.done?t("md-icon",[e._v("done")]):e._e()],1),e._v(" "),e.transition&&e.progress<115?t("md-spinner",{attrs:{"md-size":74,"md-stroke":2.2,"md-progress":e.progress}}):e._e()],1)],1),e._v(" "),t("div",{slot:"code"},[t("code-block",{attrs:{lang:"xml"}},[e._v('\n            <md-theme class="complete-example" md-name="orange">\n              <md-button class="md-fab" @click.native="restartProgress" :class="{ \'md-primary\': done }">\n                <md-icon v-if="!done">cloud_upload</md-icon>\n                <md-icon v-if="done">done</md-icon>\n              </md-button>\n\n              <md-spinner :md-size="74" :md-stroke="2.2" :md-progress="progress" v-if="transition && progress < 115"></md-spinner>\n            </md-theme>\n          ')]),e._v(" "),t("code-block",{attrs:{lang:"sass"}},[e._v("\n            .complete-example {\n              width: 56px;\n              height: 56px;\n              position: relative;\n\n              .md-fab {\n                margin: 0;\n              }\n\n              .md-spinner {\n                position: absolute;\n                top: 50%;\n                left: 50%;\n                transform: translate(-50%, -50%);\n              }\n            }\n          ")]),e._v(" "),t("code-block",{attrs:{lang:"javascript"}},[e._v("\n            export default {\n              data: () => ({\n                progress: 0,\n                progressInterval: null,\n                done: false,\n                transition: true\n              }),\n              methods: {\n                startProgress() {\n                  this.progressInterval = window.setInterval(() => {\n                    this.progress += 3;\n\n                    if (this.progress > 115) {\n                      this.done = true;\n                      window.clearInterval(this.progressInterval);\n                      window.setTimeout(() => {\n                        this.done = false;\n                      }, 3000);\n                    }\n                  }, 100);\n                },\n                restartProgress() {\n                  this.progress = 0;\n                  this.transition = false;\n                  this.done = false;\n\n                  window.clearInterval(this.progressInterval);\n                  window.setTimeout(() => {\n                    this.transition = true;\n                    this.startProgress();\n                  }, 600);\n                }\n              }\n            };\n          ")])],1)])],1)])],1)},staticRenderFns:[]}},601:function(e,n,t){var s=t(533);"string"==typeof s&&(s=[[e.i,s,""]]),s.locals&&(e.exports=s.locals);t(5)("5f88555c",s,!0)}});
\ No newline at end of file
diff --git a/subheader.5d412f8e.js b/subheader.f0a1356a.js
similarity index 98%
rename from subheader.5d412f8e.js
rename to subheader.f0a1356a.js
index 21d5a8f..8f026b8 100644
--- a/subheader.5d412f8e.js
+++ b/subheader.f0a1356a.js
@@ -1 +1 @@
-webpackJsonp([31,34],{485:function(t,n,a){var s=a(0)(null,a(546),null,null);t.exports=s.exports},546:function(t,n){t.exports={render:function(){var t=this,n=t.$createElement,a=t._self._c||n;return a("page-content",{attrs:{"page-title":"Components - Subheader"}},[a("docs-component",[a("div",{slot:"description"},[a("p",[t._v("Subheaders may be displayed inline with tiles or associated with content. They are typically related to filtering or sorting criteria.")]),t._v(" "),a("p",[t._v("The following classes can be applied to change the color palette:")]),t._v(" "),a("ul",{staticClass:"md-body-2"},[a("li",[a("code",[t._v("md-primary")])]),t._v(" "),a("li",[a("code",[t._v("md-accent")])]),t._v(" "),a("li",[a("code",[t._v("md-warn")])])])]),t._v(" "),a("div",{slot:"api"},[a("api-table",{attrs:{name:"md-subheader"}},[a("md-table",{slot:"classes"},[a("md-table-header",[a("md-table-row",[a("md-table-head",[t._v("Name")]),t._v(" "),a("md-table-head",[t._v("Description")])],1)],1),t._v(" "),a("md-table-body",[a("md-table-row",[a("md-table-cell",[t._v("md-inset")]),t._v(" "),a("md-table-cell",[t._v("Add a padding to the left of the subheader to follow inset lists")])],1)],1)],1)],1)],1),t._v(" "),a("div",{slot:"example"},[a("example-box",{attrs:{"card-title":"Default"}},[a("div",{slot:"demo"},[a("div",{staticClass:"phone-viewport"},[a("md-list",[a("md-subheader",[t._v("Navigation")]),t._v(" "),a("md-list-item",[a("md-icon",[t._v("move_to_inbox")]),t._v(" "),a("span",[t._v("Inbox")])],1),t._v(" "),a("md-list-item",[a("md-icon",[t._v("send")]),t._v(" "),a("span",[t._v("Outbox")])],1),t._v(" "),a("md-list-item",[a("md-icon",[t._v("delete")]),t._v(" "),a("span",[t._v("Trash")])],1),t._v(" "),a("md-list-item",[a("md-icon",[t._v("error")]),t._v(" "),a("span",[t._v("Spam")]),t._v(" "),a("md-divider",{staticClass:"md-inset"})],1),t._v(" "),a("md-subheader",[t._v("Contacts")]),t._v(" "),a("md-list-item",[a("md-avatar",[a("img",{attrs:{src:"assets/avatar-2.jpg",alt:"People"}})]),t._v(" "),a("span",[t._v("Abbey Christansen")]),t._v(" "),a("md-button",{staticClass:"md-icon-button md-list-action"},[a("md-icon",{staticClass:"md-primary"},[t._v("chat_bubble")])],1)],1),t._v(" "),a("md-list-item",[a("md-avatar",[a("img",{attrs:{src:"assets/avatar-2.jpg",alt:"People"}})]),t._v(" "),a("span",[t._v("Alex Nelson")]),t._v(" "),a("md-button",{staticClass:"md-icon-button md-list-action"},[a("md-icon",{staticClass:"md-primary"},[t._v("chat_bubble")])],1)],1),t._v(" "),a("md-list-item",[a("md-avatar",[a("img",{attrs:{src:"assets/avatar-2.jpg",alt:"People"}})]),t._v(" "),a("span",[t._v("Mary Johnson")]),t._v(" "),a("md-button",{staticClass:"md-icon-button md-list-action"},[a("md-icon",[t._v("chat_bubble")])],1)],1)],1)],1),t._v(" "),a("div",{staticClass:"phone-viewport"},[a("md-list",{staticClass:"custom-list md-triple-line"},[a("md-subheader",{staticClass:"md-inset"},[t._v("Today")]),t._v(" "),a("md-list-item",[a("md-avatar",[a("img",{attrs:{src:"assets/avatar-2.jpg",alt:"People"}})]),t._v(" "),a("div",{staticClass:"md-list-text-container"},[a("span",[t._v("Ali Connors")]),t._v(" "),a("span",[t._v("Brunch this weekend?")]),t._v(" "),a("p",[t._v("I'll be in your neighborhood doing errands...")])]),t._v(" "),a("md-button",{staticClass:"md-icon-button md-list-action"},[a("md-icon",{staticClass:"md-primary"},[t._v("star")])],1),t._v(" "),a("md-divider",{staticClass:"md-inset"})],1),t._v(" "),a("md-list-item",[a("md-avatar",[a("img",{attrs:{src:"assets/avatar-2.jpg",alt:"People"}})]),t._v(" "),a("div",{staticClass:"md-list-text-container"},[a("span",[t._v("me, Scott, Jennifer")]),t._v(" "),a("span",[t._v("Summer BBQ")]),t._v(" "),a("p",[t._v("Wish I could come, but I'm out of town ...")])]),t._v(" "),a("md-button",{staticClass:"md-icon-button md-list-action"},[a("md-icon",[t._v("star_border")])],1),t._v(" "),a("md-divider",{staticClass:"md-inset"})],1),t._v(" "),a("md-list-item",[a("md-avatar",[a("img",{attrs:{src:"assets/avatar-2.jpg",alt:"People"}})]),t._v(" "),a("div",{staticClass:"md-list-text-container"},[a("span",[t._v("Sandra Adams")]),t._v(" "),a("span",[t._v("Oui oui")]),t._v(" "),a("p",[t._v("Do you have Paris recommendations ...")])]),t._v(" "),a("md-button",{staticClass:"md-icon-button md-list-action"},[a("md-icon",[t._v("star_border")])],1),t._v(" "),a("md-divider",{staticClass:"md-inset"})],1),t._v(" "),a("md-list-item",[a("md-avatar",[a("img",{attrs:{src:"assets/avatar-2.jpg",alt:"People"}})]),t._v(" "),a("div",{staticClass:"md-list-text-container"},[a("span",[t._v("Trevor Hansen")]),t._v(" "),a("span",[t._v("Order confirmation")]),t._v(" "),a("p",[t._v("Thank you for your recent order from ...")])]),t._v(" "),a("md-button",{staticClass:"md-icon-button md-list-action"},[a("md-icon",[t._v("star_border")])],1),t._v(" "),a("md-divider",{staticClass:"md-inset"})],1)],1)],1)]),t._v(" "),a("div",{slot:"code"},[a("code-block",{attrs:{lang:"xml"}},[t._v('\n            <div class="phone-viewport">\n              <md-list>\n                <md-subheader>Navigation</md-subheader>\n\n                <md-list-item>\n                  <md-icon>move_to_inbox</md-icon> <span>Inbox</span>\n                </md-list-item>\n\n                <md-list-item>\n                  <md-icon>send</md-icon> <span>Outbox</span>\n                </md-list-item>\n\n                <md-list-item>\n                  <md-icon>delete</md-icon> <span>Trash</span>\n                </md-list-item>\n\n                <md-list-item>\n                  <md-icon>error</md-icon> <span>Spam</span>\n\n                  <md-divider class="md-inset"></md-divider>\n                </md-list-item>\n\n                <md-subheader>Contacts</md-subheader>\n\n                <md-list-item>\n                  <md-avatar>\n                    <img src="assets/avatar-2.jpg" alt="People">\n                  </md-avatar>\n\n                  <span>Abbey Christansen</span>\n\n                  <md-button class="md-icon-button md-list-action">\n                    <md-icon class="md-primary">chat_bubble</md-icon>\n                  </md-button>\n                </md-list-item>\n\n                <md-list-item>\n                  <md-avatar>\n                    <img src="assets/avatar-2.jpg" alt="People">\n                  </md-avatar>\n\n                  <span>Alex Nelson</span>\n\n                  <md-button class="md-icon-button md-list-action">\n                    <md-icon class="md-primary">chat_bubble</md-icon>\n                  </md-button>\n                </md-list-item>\n\n                <md-list-item>\n                  <md-avatar>\n                    <img src="assets/avatar-2.jpg" alt="People">\n                  </md-avatar>\n\n                  <span>Mary Johnson</span>\n\n                  <md-button class="md-icon-button md-list-action">\n                    <md-icon>chat_bubble</md-icon>\n                  </md-button>\n                </md-list-item>\n              </md-list>\n            </div>\n\n            <div class="phone-viewport">\n              <md-list class="custom-list md-triple-line">\n                <md-subheader class="md-inset">Today</md-subheader>\n\n                <md-list-item>\n                  <md-avatar>\n                    <img src="assets/avatar-2.jpg" alt="People">\n                  </md-avatar>\n\n                  <div class="md-list-text-container">\n                    <span>Ali Connors</span>\n                    <span>Brunch this weekend?</span>\n                    <p>I\'ll be in your neighborhood doing errands...</p>\n                  </div>\n\n                  <md-button class="md-icon-button md-list-action">\n                    <md-icon class="md-primary">star</md-icon>\n                  </md-button>\n\n                  <md-divider class="md-inset"></md-divider>\n                </md-list-item>\n\n                <md-list-item>\n                  <md-avatar>\n                    <img src="assets/avatar-2.jpg" alt="People">\n                  </md-avatar>\n\n                  <div class="md-list-text-container">\n                    <span>me, Scott, Jennifer</span>\n                    <span>Summer BBQ</span>\n                    <p>Wish I could come, but I\'m out of town ...</p>\n                  </div>\n\n                  <md-button class="md-icon-button md-list-action">\n                    <md-icon>star_border</md-icon>\n                  </md-button>\n\n                  <md-divider class="md-inset"></md-divider>\n                </md-list-item>\n\n                <md-list-item>\n                  <md-avatar>\n                    <img src="assets/avatar-2.jpg" alt="People">\n                  </md-avatar>\n\n                  <div class="md-list-text-container">\n                    <span>Sandra Adams</span>\n                    <span>Oui oui</span>\n                    <p>Do you have Paris recommendations ...</p>\n                  </div>\n\n                  <md-button class="md-icon-button md-list-action">\n                    <md-icon>star_border</md-icon>\n                  </md-button>\n\n                  <md-divider class="md-inset"></md-divider>\n                </md-list-item>\n\n                <md-list-item>\n                  <md-avatar>\n                    <img src="assets/avatar-2.jpg" alt="People">\n                  </md-avatar>\n\n                  <div class="md-list-text-container">\n                    <span>Trevor Hansen</span>\n                    <span>Order confirmation</span>\n                    <p>Thank you for your recent order from ...</p>\n                  </div>\n\n                  <md-button class="md-icon-button md-list-action">\n                    <md-icon>star_border</md-icon>\n                  </md-button>\n\n                  <md-divider class="md-inset"></md-divider>\n                </md-list-item>\n              </md-list>\n            </div>\n          ')])],1)])],1)])],1)},staticRenderFns:[]}}});
\ No newline at end of file
+webpackJsonp([31,34],{485:function(t,n,a){var s=a(0)(null,a(545),null,null);t.exports=s.exports},545:function(t,n){t.exports={render:function(){var t=this,n=t.$createElement,a=t._self._c||n;return a("page-content",{attrs:{"page-title":"Components - Subheader"}},[a("docs-component",[a("div",{slot:"description"},[a("p",[t._v("Subheaders may be displayed inline with tiles or associated with content. They are typically related to filtering or sorting criteria.")]),t._v(" "),a("p",[t._v("The following classes can be applied to change the color palette:")]),t._v(" "),a("ul",{staticClass:"md-body-2"},[a("li",[a("code",[t._v("md-primary")])]),t._v(" "),a("li",[a("code",[t._v("md-accent")])]),t._v(" "),a("li",[a("code",[t._v("md-warn")])])])]),t._v(" "),a("div",{slot:"api"},[a("api-table",{attrs:{name:"md-subheader"}},[a("md-table",{slot:"classes"},[a("md-table-header",[a("md-table-row",[a("md-table-head",[t._v("Name")]),t._v(" "),a("md-table-head",[t._v("Description")])],1)],1),t._v(" "),a("md-table-body",[a("md-table-row",[a("md-table-cell",[t._v("md-inset")]),t._v(" "),a("md-table-cell",[t._v("Add a padding to the left of the subheader to follow inset lists")])],1)],1)],1)],1)],1),t._v(" "),a("div",{slot:"example"},[a("example-box",{attrs:{"card-title":"Default"}},[a("div",{slot:"demo"},[a("div",{staticClass:"phone-viewport"},[a("md-list",[a("md-subheader",[t._v("Navigation")]),t._v(" "),a("md-list-item",[a("md-icon",[t._v("move_to_inbox")]),t._v(" "),a("span",[t._v("Inbox")])],1),t._v(" "),a("md-list-item",[a("md-icon",[t._v("send")]),t._v(" "),a("span",[t._v("Outbox")])],1),t._v(" "),a("md-list-item",[a("md-icon",[t._v("delete")]),t._v(" "),a("span",[t._v("Trash")])],1),t._v(" "),a("md-list-item",[a("md-icon",[t._v("error")]),t._v(" "),a("span",[t._v("Spam")]),t._v(" "),a("md-divider",{staticClass:"md-inset"})],1),t._v(" "),a("md-subheader",[t._v("Contacts")]),t._v(" "),a("md-list-item",[a("md-avatar",[a("img",{attrs:{src:"assets/avatar-2.jpg",alt:"People"}})]),t._v(" "),a("span",[t._v("Abbey Christansen")]),t._v(" "),a("md-button",{staticClass:"md-icon-button md-list-action"},[a("md-icon",{staticClass:"md-primary"},[t._v("chat_bubble")])],1)],1),t._v(" "),a("md-list-item",[a("md-avatar",[a("img",{attrs:{src:"assets/avatar-2.jpg",alt:"People"}})]),t._v(" "),a("span",[t._v("Alex Nelson")]),t._v(" "),a("md-button",{staticClass:"md-icon-button md-list-action"},[a("md-icon",{staticClass:"md-primary"},[t._v("chat_bubble")])],1)],1),t._v(" "),a("md-list-item",[a("md-avatar",[a("img",{attrs:{src:"assets/avatar-2.jpg",alt:"People"}})]),t._v(" "),a("span",[t._v("Mary Johnson")]),t._v(" "),a("md-button",{staticClass:"md-icon-button md-list-action"},[a("md-icon",[t._v("chat_bubble")])],1)],1)],1)],1),t._v(" "),a("div",{staticClass:"phone-viewport"},[a("md-list",{staticClass:"custom-list md-triple-line"},[a("md-subheader",{staticClass:"md-inset"},[t._v("Today")]),t._v(" "),a("md-list-item",[a("md-avatar",[a("img",{attrs:{src:"assets/avatar-2.jpg",alt:"People"}})]),t._v(" "),a("div",{staticClass:"md-list-text-container"},[a("span",[t._v("Ali Connors")]),t._v(" "),a("span",[t._v("Brunch this weekend?")]),t._v(" "),a("p",[t._v("I'll be in your neighborhood doing errands...")])]),t._v(" "),a("md-button",{staticClass:"md-icon-button md-list-action"},[a("md-icon",{staticClass:"md-primary"},[t._v("star")])],1),t._v(" "),a("md-divider",{staticClass:"md-inset"})],1),t._v(" "),a("md-list-item",[a("md-avatar",[a("img",{attrs:{src:"assets/avatar-2.jpg",alt:"People"}})]),t._v(" "),a("div",{staticClass:"md-list-text-container"},[a("span",[t._v("me, Scott, Jennifer")]),t._v(" "),a("span",[t._v("Summer BBQ")]),t._v(" "),a("p",[t._v("Wish I could come, but I'm out of town ...")])]),t._v(" "),a("md-button",{staticClass:"md-icon-button md-list-action"},[a("md-icon",[t._v("star_border")])],1),t._v(" "),a("md-divider",{staticClass:"md-inset"})],1),t._v(" "),a("md-list-item",[a("md-avatar",[a("img",{attrs:{src:"assets/avatar-2.jpg",alt:"People"}})]),t._v(" "),a("div",{staticClass:"md-list-text-container"},[a("span",[t._v("Sandra Adams")]),t._v(" "),a("span",[t._v("Oui oui")]),t._v(" "),a("p",[t._v("Do you have Paris recommendations ...")])]),t._v(" "),a("md-button",{staticClass:"md-icon-button md-list-action"},[a("md-icon",[t._v("star_border")])],1),t._v(" "),a("md-divider",{staticClass:"md-inset"})],1),t._v(" "),a("md-list-item",[a("md-avatar",[a("img",{attrs:{src:"assets/avatar-2.jpg",alt:"People"}})]),t._v(" "),a("div",{staticClass:"md-list-text-container"},[a("span",[t._v("Trevor Hansen")]),t._v(" "),a("span",[t._v("Order confirmation")]),t._v(" "),a("p",[t._v("Thank you for your recent order from ...")])]),t._v(" "),a("md-button",{staticClass:"md-icon-button md-list-action"},[a("md-icon",[t._v("star_border")])],1),t._v(" "),a("md-divider",{staticClass:"md-inset"})],1)],1)],1)]),t._v(" "),a("div",{slot:"code"},[a("code-block",{attrs:{lang:"xml"}},[t._v('\n            <div class="phone-viewport">\n              <md-list>\n                <md-subheader>Navigation</md-subheader>\n\n                <md-list-item>\n                  <md-icon>move_to_inbox</md-icon> <span>Inbox</span>\n                </md-list-item>\n\n                <md-list-item>\n                  <md-icon>send</md-icon> <span>Outbox</span>\n                </md-list-item>\n\n                <md-list-item>\n                  <md-icon>delete</md-icon> <span>Trash</span>\n                </md-list-item>\n\n                <md-list-item>\n                  <md-icon>error</md-icon> <span>Spam</span>\n\n                  <md-divider class="md-inset"></md-divider>\n                </md-list-item>\n\n                <md-subheader>Contacts</md-subheader>\n\n                <md-list-item>\n                  <md-avatar>\n                    <img src="assets/avatar-2.jpg" alt="People">\n                  </md-avatar>\n\n                  <span>Abbey Christansen</span>\n\n                  <md-button class="md-icon-button md-list-action">\n                    <md-icon class="md-primary">chat_bubble</md-icon>\n                  </md-button>\n                </md-list-item>\n\n                <md-list-item>\n                  <md-avatar>\n                    <img src="assets/avatar-2.jpg" alt="People">\n                  </md-avatar>\n\n                  <span>Alex Nelson</span>\n\n                  <md-button class="md-icon-button md-list-action">\n                    <md-icon class="md-primary">chat_bubble</md-icon>\n                  </md-button>\n                </md-list-item>\n\n                <md-list-item>\n                  <md-avatar>\n                    <img src="assets/avatar-2.jpg" alt="People">\n                  </md-avatar>\n\n                  <span>Mary Johnson</span>\n\n                  <md-button class="md-icon-button md-list-action">\n                    <md-icon>chat_bubble</md-icon>\n                  </md-button>\n                </md-list-item>\n              </md-list>\n            </div>\n\n            <div class="phone-viewport">\n              <md-list class="custom-list md-triple-line">\n                <md-subheader class="md-inset">Today</md-subheader>\n\n                <md-list-item>\n                  <md-avatar>\n                    <img src="assets/avatar-2.jpg" alt="People">\n                  </md-avatar>\n\n                  <div class="md-list-text-container">\n                    <span>Ali Connors</span>\n                    <span>Brunch this weekend?</span>\n                    <p>I\'ll be in your neighborhood doing errands...</p>\n                  </div>\n\n                  <md-button class="md-icon-button md-list-action">\n                    <md-icon class="md-primary">star</md-icon>\n                  </md-button>\n\n                  <md-divider class="md-inset"></md-divider>\n                </md-list-item>\n\n                <md-list-item>\n                  <md-avatar>\n                    <img src="assets/avatar-2.jpg" alt="People">\n                  </md-avatar>\n\n                  <div class="md-list-text-container">\n                    <span>me, Scott, Jennifer</span>\n                    <span>Summer BBQ</span>\n                    <p>Wish I could come, but I\'m out of town ...</p>\n                  </div>\n\n                  <md-button class="md-icon-button md-list-action">\n                    <md-icon>star_border</md-icon>\n                  </md-button>\n\n                  <md-divider class="md-inset"></md-divider>\n                </md-list-item>\n\n                <md-list-item>\n                  <md-avatar>\n                    <img src="assets/avatar-2.jpg" alt="People">\n                  </md-avatar>\n\n                  <div class="md-list-text-container">\n                    <span>Sandra Adams</span>\n                    <span>Oui oui</span>\n                    <p>Do you have Paris recommendations ...</p>\n                  </div>\n\n                  <md-button class="md-icon-button md-list-action">\n                    <md-icon>star_border</md-icon>\n                  </md-button>\n\n                  <md-divider class="md-inset"></md-divider>\n                </md-list-item>\n\n                <md-list-item>\n                  <md-avatar>\n                    <img src="assets/avatar-2.jpg" alt="People">\n                  </md-avatar>\n\n                  <div class="md-list-text-container">\n                    <span>Trevor Hansen</span>\n                    <span>Order confirmation</span>\n                    <p>Thank you for your recent order from ...</p>\n                  </div>\n\n                  <md-button class="md-icon-button md-list-action">\n                    <md-icon>star_border</md-icon>\n                  </md-button>\n\n                  <md-divider class="md-inset"></md-divider>\n                </md-list-item>\n              </md-list>\n            </div>\n          ')])],1)])],1)])],1)},staticRenderFns:[]}}});
\ No newline at end of file
diff --git a/switch.4548de27.js b/switch.9aa0318e.js
similarity index 97%
rename from switch.4548de27.js
rename to switch.9aa0318e.js
index 3f77d59..72eb4c7 100644
--- a/switch.4548de27.js
+++ b/switch.9aa0318e.js
@@ -1 +1 @@
-webpackJsonp([24,34],{486:function(e,t,d){var m=d(0)(d(512),d(580),null,null);e.exports=m.exports},512:function(e,t,d){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={data:function(){return{checked0:!0,checked1:!0,checked2:!0,checked3:!0,checked4:!0,checked5:!0,checked6:!0,checked7:!0,checked8:!0,checked9:!0,checked10:!0}},methods:{submit:function(){alert("This switch submits the form")}}},e.exports=t.default},580:function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,d=e._self._c||t;return d("page-content",{attrs:{"page-title":"Components - Switch"}},[d("docs-component",[d("div",{slot:"description"},[d("p",[e._v("On/off switches toggle the state of a single settings option. The option that the switch controls, as well as the state it’s in, should be made clear from the corresponding inline label.")]),e._v(" "),d("p",[e._v("The following classes can be applied to change the color palette:")]),e._v(" "),d("ul",{staticClass:"md-body-2"},[d("li",[d("code",[e._v("md-primary")])]),e._v(" "),d("li",[d("code",[e._v("md-warn")])])])]),e._v(" "),d("div",{slot:"api"},[d("api-table",{attrs:{name:"md-switch"}},[d("md-table",{slot:"properties"},[d("md-table-header",[d("md-table-row",[d("md-table-head",[e._v("Name")]),e._v(" "),d("md-table-head",[e._v("Type")]),e._v(" "),d("md-table-head",[e._v("Description")])],1)],1),e._v(" "),d("md-table-body",[d("md-table-row",[d("md-table-cell",[e._v("v-model")]),e._v(" "),d("md-table-cell",[d("code",[e._v("String")])]),e._v(" "),d("md-table-cell",[e._v("A required model object to bind the value.")])],1),e._v(" "),d("md-table-row",[d("md-table-cell",[e._v("type")]),e._v(" "),d("md-table-cell",[d("code",[e._v("String")])]),e._v(" "),d("md-table-cell",[e._v("Sets the type. Default "),d("code",[e._v("button")])])],1),e._v(" "),d("md-table-row",[d("md-table-cell",[e._v("name")]),e._v(" "),d("md-table-cell",[d("code",[e._v("String")])]),e._v(" "),d("md-table-cell",[e._v("Set the switch name.")])],1),e._v(" "),d("md-table-row",[d("md-table-cell",[e._v("id")]),e._v(" "),d("md-table-cell",[d("code",[e._v("String")])]),e._v(" "),d("md-table-cell",[e._v("Set the switch id.")])],1),e._v(" "),d("md-table-row",[d("md-table-cell",[e._v("disabled")]),e._v(" "),d("md-table-cell",[d("code",[e._v("Boolean")])]),e._v(" "),d("md-table-cell",[e._v("Disable the switch and prevent his actions. Default "),d("code",[e._v("false")])])],1)],1)],1),e._v(" "),d("md-table",{slot:"events"},[d("md-table-header",[d("md-table-row",[d("md-table-head",[e._v("Name")]),e._v(" "),d("md-table-head",[e._v("Value")]),e._v(" "),d("md-table-head",[e._v("Description")])],1)],1),e._v(" "),d("md-table-body",[d("md-table-row",[d("md-table-cell",[e._v("change")]),e._v(" "),d("md-table-cell",[e._v("Receive the state of the switch")]),e._v(" "),d("md-table-cell",[e._v("Triggered when the switch changes his value.")])],1)],1)],1)],1)],1),e._v(" "),d("div",{slot:"example"},[d("example-box",{attrs:{"card-title":"Default"}},[d("div",{slot:"demo"},[d("div",[d("md-switch",{directives:[{name:"model",rawName:"v-model",value:e.checked0,expression:"checked0"}],attrs:{id:"my-test0",name:"my-test0"},domProps:{value:e.checked0},on:{input:function(t){e.checked0=t}}})],1),e._v(" "),d("div",[d("md-switch",{directives:[{name:"model",rawName:"v-model",value:e.checked1,expression:"checked1"}],staticClass:"md-primary",attrs:{id:"my-test1",name:"my-test1"},domProps:{value:e.checked1},on:{input:function(t){e.checked1=t}}},[e._v("Primary Color")])],1),e._v(" "),d("div",[d("md-switch",{directives:[{name:"model",rawName:"v-model",value:e.checked2,expression:"checked2"}],staticClass:"md-warn",attrs:{id:"my-test2",name:"my-test2"},domProps:{value:e.checked2},on:{input:function(t){e.checked2=t}}},[e._v("Warn Color")])],1),e._v(" "),d("div",[d("md-switch",{directives:[{name:"model",rawName:"v-model",value:e.checked3,expression:"checked3"}],attrs:{id:"my-test3",name:"my-test3",disabled:""},domProps:{value:e.checked3},on:{input:function(t){e.checked3=t}}},[e._v("Disabled")])],1)]),e._v(" "),d("div",{slot:"code"},[d("code-block",{attrs:{lang:"xml"}},[e._v('\n            <md-switch v-model="checked0" id="my-test0" name="my-test0"></md-switch>\n            <md-switch v-model="checked1" id="my-test1" name="my-test1" class="md-primary">Primary Color</md-switch>\n            <md-switch v-model="checked2" id="my-test2" name="my-test2" class="md-warn">Warn Color</md-switch>\n            <md-switch v-model="checked3" id="my-test3" name="my-test3" disabled>Disabled</md-switch>\n          ')])],1)]),e._v(" "),d("example-box",{attrs:{"card-title":"With type"}},[d("div",{slot:"demo"},[d("md-switch",{directives:[{name:"model",rawName:"v-model",value:e.checked8,expression:"checked8"}],attrs:{id:"my-test8",name:"my-test8"},domProps:{value:e.checked8},on:{input:function(t){e.checked8=t}}},[e._v("Default")]),e._v(" "),d("form",{on:{click:function(t){t.stopPropagation(),t.preventDefault(),e.submit(t)}}},[d("md-switch",{directives:[{name:"model",rawName:"v-model",value:e.checked9,expression:"checked9"}],staticClass:"md-primary",attrs:{type:"submit",id:"my-test9",name:"my-test9"},domProps:{value:e.checked9},on:{input:function(t){e.checked9=t}}},[e._v("Submit")])],1)],1),e._v(" "),d("div",{slot:"code"},[d("code-block",{attrs:{lang:"xml"}},[e._v('\n            <md-switch v-model="checked8" id="my-test8" name="my-test8">Default</md-switch>\n\n            <form @click.stop.prevent="submit">\n              <md-switch type="submit" v-model="checked9" id="my-test9" name="my-test9" class="md-primary">Submit</md-switch>\n            </form>\n          ')])],1)]),e._v(" "),d("example-box",{attrs:{"card-title":"Themes"}},[d("div",{slot:"demo"},[d("div",[d("md-switch",{directives:[{name:"model",rawName:"v-model",value:e.checked4,expression:"checked4"}],staticClass:"md-primary",attrs:{"md-theme":"orange",id:"my-test4",name:"my-test4"},domProps:{value:e.checked4},on:{input:function(t){e.checked4=t}}})],1),e._v(" "),d("div",[d("md-switch",{directives:[{name:"model",rawName:"v-model",value:e.checked5,expression:"checked5"}],staticClass:"md-primary",attrs:{"md-theme":"green",id:"my-test5",name:"my-test5"},domProps:{value:e.checked5},on:{input:function(t){e.checked5=t}}},[e._v("Green Primary Color")])],1),e._v(" "),d("div",[d("md-switch",{directives:[{name:"model",rawName:"v-model",value:e.checked6,expression:"checked6"}],staticClass:"md-primary",attrs:{"md-theme":"brown",id:"my-test6",name:"my-test6"},domProps:{value:e.checked6},on:{input:function(t){e.checked6=t}}},[e._v("Brown Primary Color")])],1),e._v(" "),d("div",[d("md-switch",{directives:[{name:"model",rawName:"v-model",value:e.checked7,expression:"checked7"}],staticClass:"md-primary",attrs:{"md-theme":"light-blue",id:"my-test7",name:"my-test7",disabled:""},domProps:{value:e.checked7},on:{input:function(t){e.checked7=t}}},[e._v("Light Blue Primary Color Disabled")])],1)]),e._v(" "),d("div",{slot:"code"},[d("code-block",{attrs:{lang:"xml"}},[e._v('\n            <md-switch md-theme="orange" v-model="checked4" id="my-test4" name="my-test4" class="md-primary"></md-switch>\n            <md-switch md-theme="green" v-model="checked5" id="my-test5" name="my-test5" class="md-primary">Green Primary Color</md-switch>\n            <md-switch md-theme="brown" v-model="checked6" id="my-test6" name="my-test6" class="md-primary">Brown Primary Color</md-switch>\n            <md-switch md-theme="light-blue" v-model="checked7" id="my-test7" name="my-test7" class="md-primary" disabled>Light Blue Primary Color Disabled</md-switch>\n          ')])],1)])],1)])],1)},staticRenderFns:[]}}});
\ No newline at end of file
+webpackJsonp([24,34],{486:function(e,t,d){var m=d(0)(d(511),d(579),null,null);e.exports=m.exports},511:function(e,t,d){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={data:function(){return{checked0:!0,checked1:!0,checked2:!0,checked3:!0,checked4:!0,checked5:!0,checked6:!0,checked7:!0,checked8:!0,checked9:!0,checked10:!0}},methods:{submit:function(){alert("This switch submits the form")}}},e.exports=t.default},579:function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,d=e._self._c||t;return d("page-content",{attrs:{"page-title":"Components - Switch"}},[d("docs-component",[d("div",{slot:"description"},[d("p",[e._v("On/off switches toggle the state of a single settings option. The option that the switch controls, as well as the state it’s in, should be made clear from the corresponding inline label.")]),e._v(" "),d("p",[e._v("The following classes can be applied to change the color palette:")]),e._v(" "),d("ul",{staticClass:"md-body-2"},[d("li",[d("code",[e._v("md-primary")])]),e._v(" "),d("li",[d("code",[e._v("md-warn")])])])]),e._v(" "),d("div",{slot:"api"},[d("api-table",{attrs:{name:"md-switch"}},[d("md-table",{slot:"properties"},[d("md-table-header",[d("md-table-row",[d("md-table-head",[e._v("Name")]),e._v(" "),d("md-table-head",[e._v("Type")]),e._v(" "),d("md-table-head",[e._v("Description")])],1)],1),e._v(" "),d("md-table-body",[d("md-table-row",[d("md-table-cell",[e._v("v-model")]),e._v(" "),d("md-table-cell",[d("code",[e._v("String")])]),e._v(" "),d("md-table-cell",[e._v("A required model object to bind the value.")])],1),e._v(" "),d("md-table-row",[d("md-table-cell",[e._v("type")]),e._v(" "),d("md-table-cell",[d("code",[e._v("String")])]),e._v(" "),d("md-table-cell",[e._v("Sets the type. Default "),d("code",[e._v("button")])])],1),e._v(" "),d("md-table-row",[d("md-table-cell",[e._v("name")]),e._v(" "),d("md-table-cell",[d("code",[e._v("String")])]),e._v(" "),d("md-table-cell",[e._v("Set the switch name.")])],1),e._v(" "),d("md-table-row",[d("md-table-cell",[e._v("id")]),e._v(" "),d("md-table-cell",[d("code",[e._v("String")])]),e._v(" "),d("md-table-cell",[e._v("Set the switch id.")])],1),e._v(" "),d("md-table-row",[d("md-table-cell",[e._v("disabled")]),e._v(" "),d("md-table-cell",[d("code",[e._v("Boolean")])]),e._v(" "),d("md-table-cell",[e._v("Disable the switch and prevent his actions. Default "),d("code",[e._v("false")])])],1)],1)],1),e._v(" "),d("md-table",{slot:"events"},[d("md-table-header",[d("md-table-row",[d("md-table-head",[e._v("Name")]),e._v(" "),d("md-table-head",[e._v("Value")]),e._v(" "),d("md-table-head",[e._v("Description")])],1)],1),e._v(" "),d("md-table-body",[d("md-table-row",[d("md-table-cell",[e._v("change")]),e._v(" "),d("md-table-cell",[e._v("Receive the state of the switch")]),e._v(" "),d("md-table-cell",[e._v("Triggered when the switch changes his value.")])],1)],1)],1)],1)],1),e._v(" "),d("div",{slot:"example"},[d("example-box",{attrs:{"card-title":"Default"}},[d("div",{slot:"demo"},[d("div",[d("md-switch",{directives:[{name:"model",rawName:"v-model",value:e.checked0,expression:"checked0"}],attrs:{id:"my-test0",name:"my-test0"},domProps:{value:e.checked0},on:{input:function(t){e.checked0=t}}})],1),e._v(" "),d("div",[d("md-switch",{directives:[{name:"model",rawName:"v-model",value:e.checked1,expression:"checked1"}],staticClass:"md-primary",attrs:{id:"my-test1",name:"my-test1"},domProps:{value:e.checked1},on:{input:function(t){e.checked1=t}}},[e._v("Primary Color")])],1),e._v(" "),d("div",[d("md-switch",{directives:[{name:"model",rawName:"v-model",value:e.checked2,expression:"checked2"}],staticClass:"md-warn",attrs:{id:"my-test2",name:"my-test2"},domProps:{value:e.checked2},on:{input:function(t){e.checked2=t}}},[e._v("Warn Color")])],1),e._v(" "),d("div",[d("md-switch",{directives:[{name:"model",rawName:"v-model",value:e.checked3,expression:"checked3"}],attrs:{id:"my-test3",name:"my-test3",disabled:""},domProps:{value:e.checked3},on:{input:function(t){e.checked3=t}}},[e._v("Disabled")])],1)]),e._v(" "),d("div",{slot:"code"},[d("code-block",{attrs:{lang:"xml"}},[e._v('\n            <md-switch v-model="checked0" id="my-test0" name="my-test0"></md-switch>\n            <md-switch v-model="checked1" id="my-test1" name="my-test1" class="md-primary">Primary Color</md-switch>\n            <md-switch v-model="checked2" id="my-test2" name="my-test2" class="md-warn">Warn Color</md-switch>\n            <md-switch v-model="checked3" id="my-test3" name="my-test3" disabled>Disabled</md-switch>\n          ')])],1)]),e._v(" "),d("example-box",{attrs:{"card-title":"With type"}},[d("div",{slot:"demo"},[d("md-switch",{directives:[{name:"model",rawName:"v-model",value:e.checked8,expression:"checked8"}],attrs:{id:"my-test8",name:"my-test8"},domProps:{value:e.checked8},on:{input:function(t){e.checked8=t}}},[e._v("Default")]),e._v(" "),d("form",{on:{click:function(t){t.stopPropagation(),t.preventDefault(),e.submit(t)}}},[d("md-switch",{directives:[{name:"model",rawName:"v-model",value:e.checked9,expression:"checked9"}],staticClass:"md-primary",attrs:{type:"submit",id:"my-test9",name:"my-test9"},domProps:{value:e.checked9},on:{input:function(t){e.checked9=t}}},[e._v("Submit")])],1)],1),e._v(" "),d("div",{slot:"code"},[d("code-block",{attrs:{lang:"xml"}},[e._v('\n            <md-switch v-model="checked8" id="my-test8" name="my-test8">Default</md-switch>\n\n            <form @click.stop.prevent="submit">\n              <md-switch type="submit" v-model="checked9" id="my-test9" name="my-test9" class="md-primary">Submit</md-switch>\n            </form>\n          ')])],1)]),e._v(" "),d("example-box",{attrs:{"card-title":"Themes"}},[d("div",{slot:"demo"},[d("div",[d("md-switch",{directives:[{name:"model",rawName:"v-model",value:e.checked4,expression:"checked4"}],staticClass:"md-primary",attrs:{"md-theme":"orange",id:"my-test4",name:"my-test4"},domProps:{value:e.checked4},on:{input:function(t){e.checked4=t}}})],1),e._v(" "),d("div",[d("md-switch",{directives:[{name:"model",rawName:"v-model",value:e.checked5,expression:"checked5"}],staticClass:"md-primary",attrs:{"md-theme":"green",id:"my-test5",name:"my-test5"},domProps:{value:e.checked5},on:{input:function(t){e.checked5=t}}},[e._v("Green Primary Color")])],1),e._v(" "),d("div",[d("md-switch",{directives:[{name:"model",rawName:"v-model",value:e.checked6,expression:"checked6"}],staticClass:"md-primary",attrs:{"md-theme":"brown",id:"my-test6",name:"my-test6"},domProps:{value:e.checked6},on:{input:function(t){e.checked6=t}}},[e._v("Brown Primary Color")])],1),e._v(" "),d("div",[d("md-switch",{directives:[{name:"model",rawName:"v-model",value:e.checked7,expression:"checked7"}],staticClass:"md-primary",attrs:{"md-theme":"light-blue",id:"my-test7",name:"my-test7",disabled:""},domProps:{value:e.checked7},on:{input:function(t){e.checked7=t}}},[e._v("Light Blue Primary Color Disabled")])],1)]),e._v(" "),d("div",{slot:"code"},[d("code-block",{attrs:{lang:"xml"}},[e._v('\n            <md-switch md-theme="orange" v-model="checked4" id="my-test4" name="my-test4" class="md-primary"></md-switch>\n            <md-switch md-theme="green" v-model="checked5" id="my-test5" name="my-test5" class="md-primary">Green Primary Color</md-switch>\n            <md-switch md-theme="brown" v-model="checked6" id="my-test6" name="my-test6" class="md-primary">Brown Primary Color</md-switch>\n            <md-switch md-theme="light-blue" v-model="checked7" id="my-test7" name="my-test7" class="md-primary" disabled>Light Blue Primary Color Disabled</md-switch>\n          ')])],1)])],1)])],1)},staticRenderFns:[]}}});
\ No newline at end of file
diff --git a/table.0fb9c164.js b/table.295127fd.js
similarity index 98%
rename from table.0fb9c164.js
rename to table.295127fd.js
index c3a04e3..65c99a9 100644
--- a/table.0fb9c164.js
+++ b/table.295127fd.js
@@ -1 +1 @@
-webpackJsonp([3,34],{487:function(e,t,a){a(583);var d=a(0)(a(513),a(545),"data-v-0c7c6b68",null);e.exports=d.exports},513:function(e,t,a){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={data:function(){return{nutrition:[{dessert:"Frozen yogurt",type:"ice_cream",calories:"159",fat:"6.0",comment:"Icy"},{dessert:"Ice cream sandwich",type:"ice_cream",calories:"237",fat:"9.0",comment:"Super Tasty"},{dessert:"Eclair",type:"pastry",calories:"262",fat:"16.0",comment:""},{dessert:"Cupcake",type:"pastry",calories:"305",fat:"3.7",comment:""},{dessert:"Gingerbread",type:"other",calories:"356",fat:"16.0",comment:""}],selectedData:[],sort:{},page:{}}},methods:{onSelect:function(e){this.selectedData=e,this.$forceUpdate()},onSort:function(e){this.sort=e},onPagination:function(e){this.page=e}}},e.exports=t.default},515:function(e,t,a){t=e.exports=a(4)(),t.push([e.i,".md-table+.md-table-card[data-v-0c7c6b68],.md-table-card+.md-table-card[data-v-0c7c6b68],.output[data-v-0c7c6b68]{margin-top:24px}.output .md-title[data-v-0c7c6b68]{font-size:20px}",""])},545:function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("page-content",{attrs:{"page-title":"Components - Table"}},[a("docs-component",[a("div",{slot:"description"},[a("p",[e._v("Data tables display sets of raw data. They usually appear in desktop enterprise products. Data tables may be embedded on a surface, such as a card.")])]),e._v(" "),a("div",{slot:"api"},[a("api-table",{attrs:{name:"md-table"}},[a("md-table",{slot:"properties"},[a("md-table-header",[a("md-table-row",[a("md-table-head",[e._v("Name")]),e._v(" "),a("md-table-head",[e._v("Type")]),e._v(" "),a("md-table-head",[e._v("Description")])],1)],1),e._v(" "),a("md-table-body",[a("md-table-row",[a("md-table-cell",[e._v("md-sort")]),e._v(" "),a("md-table-cell",[a("code",[e._v("String")])]),e._v(" "),a("md-table-cell",[e._v("Property name to match for sorting.")])],1),e._v(" "),a("md-table-row",[a("md-table-cell",[e._v("md-sort-type")]),e._v(" "),a("md-table-cell",[a("code",[e._v("String")])]),e._v(" "),a("md-table-cell",[e._v("The order to apply on the sort: "),a("br"),e._v("Values: "),a("code",[e._v("asc")]),e._v(" | "),a("code",[e._v("desc")])])],1)],1)],1),e._v(" "),a("md-table",{slot:"events"},[a("md-table-header",[a("md-table-row",[a("md-table-head",[e._v("Name")]),e._v(" "),a("md-table-head",[e._v("Value")]),e._v(" "),a("md-table-head",[e._v("Description")])],1)],1),e._v(" "),a("md-table-body",[a("md-table-row",[a("md-table-cell",[e._v("sort")]),e._v(" "),a("md-table-cell",[e._v("Receive the sort object. Example: "),a("br"),a("code",[e._v("{ name: 'calories', type: 'asc' }")])]),e._v(" "),a("md-table-cell",[e._v("Triggered when a column is sorted.")])],1),e._v(" "),a("md-table-row",[a("md-table-cell",[e._v("select")]),e._v(" "),a("md-table-cell",[e._v("Receive the all the selected rows as a "),a("code",[e._v("Object")])]),e._v(" "),a("md-table-cell",[e._v("Triggered every time a row is selected.")])],1)],1)],1)],1),e._v(" "),a("api-table",{attrs:{name:"md-table-card"}},[a("p",[e._v("Used to create tables inside cards. Optional.")]),e._v(" "),a("p",[e._v("No options available")])]),e._v(" "),a("api-table",{attrs:{name:"md-table-header"}},[a("p",[e._v("Used like a regular "),a("code",[e._v("thead")]),e._v(". Required.")]),e._v(" "),a("p",[e._v("No options available")])]),e._v(" "),a("api-table",{attrs:{name:"md-table-body"}},[a("p",[e._v("Used like a regular "),a("code",[e._v("tbody")]),e._v(". Required.")]),e._v(" "),a("p",[e._v("No options available")])]),e._v(" "),a("api-table",{attrs:{name:"md-table-row"}},[a("p",[e._v("Used like a regular "),a("code",[e._v("tr")]),e._v(". Required.")]),e._v(" "),a("md-table",{slot:"properties"},[a("md-table-header",[a("md-table-row",[a("md-table-head",[e._v("Name")]),e._v(" "),a("md-table-head",[e._v("Type")]),e._v(" "),a("md-table-head",[e._v("Description")])],1)],1),e._v(" "),a("md-table-body",[a("md-table-row",[a("md-table-cell",[e._v("md-selection")]),e._v(" "),a("md-table-cell",[a("code",[e._v("Boolean")])]),e._v(" "),a("md-table-cell",[e._v("Enable selection inside a particular row. Only works inside "),a("code",[e._v("md-table-body")]),e._v(". Default "),a("code",[e._v("false")])])],1),e._v(" "),a("md-table-row",[a("md-table-cell",[e._v("md-auto-select")]),e._v(" "),a("md-table-cell",[a("code",[e._v("Boolean")])]),e._v(" "),a("md-table-cell",[e._v("Click in any area of the row to select it. Only works inside "),a("code",[e._v("md-table-body")]),e._v(". Default "),a("code",[e._v("false")])])],1),e._v(" "),a("md-table-row",[a("md-table-cell",[e._v("md-item")]),e._v(" "),a("md-table-cell",[a("code",[e._v("Object")])]),e._v(" "),a("md-table-cell",[e._v("The single item to be returned when the row is selected. Only works inside "),a("code",[e._v("md-table-body")]),e._v(".")])],1)],1)],1)],1),e._v(" "),a("api-table",{attrs:{name:"md-table-head"}},[a("p",[e._v("Used like a regular "),a("code",[e._v("th")]),e._v(". Required.")]),e._v(" "),a("md-table",{slot:"properties"},[a("md-table-header",[a("md-table-row",[a("md-table-head",[e._v("Name")]),e._v(" "),a("md-table-head",[e._v("Type")]),e._v(" "),a("md-table-head",[e._v("Description")])],1)],1),e._v(" "),a("md-table-body",[a("md-table-row",[a("md-table-cell",[e._v("md-numeric")]),e._v(" "),a("md-table-cell",[a("code",[e._v("Boolean")])]),e._v(" "),a("md-table-cell",[e._v("Align the header content to the right. Default "),a("code",[e._v("false")])])],1),e._v(" "),a("md-table-row",[a("md-table-cell",[e._v("md-sort-by")]),e._v(" "),a("md-table-cell",[a("code",[e._v("String")])]),e._v(" "),a("md-table-cell",[e._v("The property name to be returned after applying the sort order on that particular column.")])],1),e._v(" "),a("md-table-row",[a("md-table-cell",[e._v("md-tooltip")]),e._v(" "),a("md-table-cell",[a("code",[e._v("String")])]),e._v(" "),a("md-table-cell",[e._v("Text displayed inside a tooltip to provide definitions to column headers.")])],1)],1)],1)],1),e._v(" "),a("api-table",{attrs:{name:"md-table-cell"}},[a("p",[e._v("Used like a regular "),a("code",[e._v("td")]),e._v(". Required.")]),e._v(" "),a("md-table",{slot:"properties"},[a("md-table-header",[a("md-table-row",[a("md-table-head",[e._v("Name")]),e._v(" "),a("md-table-head",[e._v("Type")]),e._v(" "),a("md-table-head",[e._v("Description")])],1)],1),e._v(" "),a("md-table-body",[a("md-table-row",[a("md-table-cell",[e._v("md-numeric")]),e._v(" "),a("md-table-cell",[a("code",[e._v("Boolean")])]),e._v(" "),a("md-table-cell",[e._v("Align the cell content to the right. Default "),a("code",[e._v("false")])])],1)],1)],1)],1),e._v(" "),a("api-table",{attrs:{name:"md-table-pagination"}},[a("p",[e._v("The pagination element doesn't accept any content inside.")]),e._v(" "),a("md-table",{slot:"properties"},[a("md-table-header",[a("md-table-row",[a("md-table-head",[e._v("Name")]),e._v(" "),a("md-table-head",[e._v("Type")]),e._v(" "),a("md-table-head",[e._v("Description")])],1)],1),e._v(" "),a("md-table-body",[a("md-table-row",[a("md-table-cell",[e._v("md-size")]),e._v(" "),a("md-table-cell",[a("code",[e._v("Number")])]),e._v(" "),a("md-table-cell",[e._v("Set the amount of rows displayed. Required. Default "),a("code",[e._v("10")])])],1),e._v(" "),a("md-table-row",[a("md-table-cell",[e._v("md-page-options")]),e._v(" "),a("md-table-cell",[a("code",[e._v("Array | Boolean")])]),e._v(" "),a("md-table-cell",[e._v("Set the values inside the page amout selector. Default "),a("code",[e._v("[10, 25, 50, 100]")]),e._v(" "),a("br"),e._v("When false this flag will hide the page selector.")])],1),e._v(" "),a("md-table-row",[a("md-table-cell",[e._v("md-page")]),e._v(" "),a("md-table-cell",[a("code",[e._v("Number")])]),e._v(" "),a("md-table-cell",[e._v("Current page of the table pagination. Required. Default "),a("code",[e._v("1")])])],1),e._v(" "),a("md-table-row",[a("md-table-cell",[e._v("md-total")]),e._v(" "),a("md-table-cell",[a("code",[e._v("Number")])]),e._v(" "),a("md-table-cell",[e._v("Total of items in the collection. This will be used to calculate the amount of pages left. Default "),a("code",[e._v("Many")])])],1),e._v(" "),a("md-table-row",[a("md-table-cell",[e._v("md-label")]),e._v(" "),a("md-table-cell",[a("code",[e._v("String")])]),e._v(" "),a("md-table-cell",[e._v("Text to be shown on the left of the page selector. Default "),a("code",[e._v("Rows per page")])])],1),e._v(" "),a("md-table-row",[a("md-table-cell",[e._v("md-separator")]),e._v(" "),a("md-table-cell",[a("code",[e._v("String")])]),e._v(" "),a("md-table-cell",[e._v("Text to be shown on the left of the page selector. Default "),a("code",[e._v("of")])])],1)],1)],1)],1),e._v(" "),a("api-table",{attrs:{name:"md-table-alternate-header"}},[a("md-table",{slot:"properties"},[a("md-table-header",[a("md-table-row",[a("md-table-head",[e._v("Name")]),e._v(" "),a("md-table-head",[e._v("Type")]),e._v(" "),a("md-table-head",[e._v("Description")])],1)],1),e._v(" "),a("md-table-body",[a("md-table-row",[a("md-table-cell",[e._v("md-selected-label")]),e._v(" "),a("md-table-cell",[a("code",[e._v("String")])]),e._v(" "),a("md-table-cell",[e._v("The text to be shown after the amount of items selected.")])],1)],1)],1)],1)],1),e._v(" "),a("div",{slot:"example"},[a("example-box",{attrs:{"card-title":"Plain"}},[a("div",{slot:"demo"},[e._m(0)],1),e._v(" "),a("div",{slot:"code"},[a("code-block",{attrs:{lang:"xml"}},[e._v('\n            <md-table v-once>\n              <md-table-header>\n                <md-table-row>\n                  <md-table-head>Dessert (100g serving)</md-table-head>\n                  <md-table-head md-numeric>Calories (g)</md-table-head>\n                  <md-table-head md-numeric>Fat (g)</md-table-head>\n                  <md-table-head md-numeric>Carbs (g)</md-table-head>\n                  <md-table-head md-numeric>Protein (g)</md-table-head>\n                </md-table-row>\n              </md-table-header>\n\n              <md-table-body>\n                <md-table-row v-for="(row, index) in 5" :key="index">\n                  <md-table-cell>Dessert Name</md-table-cell>\n                  <md-table-cell v-for="(col, index) in 4" :key="index" md-numeric>10</md-table-cell>\n                </md-table-row>\n              </md-table-body>\n            </md-table>\n          ')])],1)]),e._v(" "),a("example-box",{attrs:{"card-title":"Sort"}},[a("div",{slot:"demo"},[a("md-table",{attrs:{"md-sort":"calories"}},[a("md-table-header",[a("md-table-row",[a("md-table-head",{attrs:{"md-sort-by":"dessert"}},[e._v("Dessert (100g serving)")]),e._v(" "),a("md-table-head",{attrs:{"md-sort-by":"calories","md-numeric":"","md-tooltip":"The total amount of food energy and the given serving size"}},[e._v("Calories (g)")]),e._v(" "),a("md-table-head",{attrs:{"md-sort-by":"fat","md-numeric":""}},[e._v("Fat (g)")]),e._v(" "),a("md-table-head",{attrs:{"md-sort-by":"carbs","md-numeric":""}},[e._v("Carbs (g)")]),e._v(" "),a("md-table-head",{attrs:{"md-sort-by":"protein","md-numeric":""}},[e._v("Protein (g)")])],1)],1),e._v(" "),a("md-table-body",e._l(5,(function(t,d){return a("md-table-row",{key:d},[a("md-table-cell",[e._v("Dessert Name")]),e._v(" "),e._l(4,(function(t,d){return a("md-table-cell",{key:d,attrs:{"md-numeric":""}},[e._v("10")])}))],2)})))],1)],1),e._v(" "),a("div",{slot:"code"},[a("code-block",{attrs:{lang:"xml"}},[e._v('\n            <md-table md-sort="calories">\n              <md-table-header>\n                <md-table-row>\n                  <md-table-head md-sort-by="dessert">Dessert (100g serving)</md-table-head>\n                  <md-table-head md-sort-by="calories" md-numeric md-tooltip="The total amount of food energy and the given serving size">Calories (g)</md-table-head>\n                  <md-table-head md-sort-by="fat" md-numeric>Fat (g)</md-table-head>\n                  <md-table-head md-sort-by="carbs" md-numeric>Carbs (g)</md-table-head>\n                  <md-table-head md-sort-by="protein" md-numeric>Protein (g)</md-table-head>\n                </md-table-row>\n              </md-table-header>\n\n              <md-table-body>\n                <md-table-row v-for="(row, index) in 5" :key="index">\n                  <md-table-cell>Dessert Name</md-table-cell>\n                  <md-table-cell v-for="(col, index) in 4" :key="index" md-numeric>10</md-table-cell>\n                </md-table-row>\n              </md-table-body>\n            </md-table>\n          ')])],1)]),e._v(" "),a("example-box",{attrs:{"card-title":"Within cards with pagination"}},[a("div",{slot:"demo"},[a("md-table-card",[a("md-toolbar",[a("h1",{staticClass:"md-title"},[e._v("Nutrition")]),e._v(" "),a("md-button",{staticClass:"md-icon-button"},[a("md-icon",[e._v("filter_list")])],1),e._v(" "),a("md-button",{staticClass:"md-icon-button"},[a("md-icon",[e._v("search")])],1)],1),e._v(" "),a("md-table",{attrs:{"md-sort":"dessert","md-sort-type":"desc"},on:{select:e.onSelect,sort:e.onSort}},[a("md-table-header",[a("md-table-row",[a("md-table-head",{attrs:{"md-sort-by":"dessert"}},[e._v("Dessert (100g serving)")]),e._v(" "),a("md-table-head",{attrs:{"md-sort-by":"calories","md-numeric":"","md-tooltip":"The total amount of food energy and the given serving size"}},[e._v("Calories (g)")]),e._v(" "),a("md-table-head",{attrs:{"md-sort-by":"fat","md-numeric":""}},[e._v("Fat (g)")]),e._v(" "),a("md-table-head",[a("md-icon",[e._v("message")]),e._v(" "),a("span",[e._v("Comments")])],1)],1)],1),e._v(" "),a("md-table-body",e._l(e.nutrition,(function(t,d){return a("md-table-row",{key:d,attrs:{"md-item":t,"md-auto-select":"","md-selection":""}},e._l(t,(function(t,d){return"type"!==d?a("md-table-cell",{key:d,attrs:{"md-numeric":"dessert"!==d&&"comment"!==d}},[e._v("\n                    "+e._s(t)+"\n                  ")]):e._e()})))})))],1),e._v(" "),a("md-table-pagination",{attrs:{"md-size":"5","md-total":"10","md-page":"1","md-label":"Rows","md-separator":"of","md-page-options":[5,10,25,50]},on:{pagination:e.onPagination}})],1),e._v(" "),a("div",{staticClass:"output"},[a("h2",{staticClass:"md-title"},[e._v("Selected Data")]),e._v(" "),a("pre",[e._v(e._s(e.selectedData))])]),e._v(" "),a("div",{staticClass:"output"},[a("h2",{staticClass:"md-title"},[e._v("Current Sort")]),e._v(" "),a("pre",[e._v(e._s(e.sort))])]),e._v(" "),a("div",{staticClass:"output"},[a("h2",{staticClass:"md-title"},[e._v("Current Pagination")]),e._v(" "),a("pre",[e._v(e._s(e.page))])])],1),e._v(" "),a("div",{slot:"code"},[a("code-block",{attrs:{lang:"xml"}},[e._v('\n            <md-table-card>\n              <md-toolbar>\n                <h1 class="md-title">Nutrition</h1>\n                <md-button class="md-icon-button">\n                  <md-icon>filter_list</md-icon>\n                </md-button>\n\n                <md-button class="md-icon-button">\n                  <md-icon>search</md-icon>\n                </md-button>\n              </md-toolbar>\n\n              <md-table md-sort="dessert" md-sort-type="desc" @select="onSelect" @sort="onSort">\n                <md-table-header>\n                  <md-table-row>\n                    <md-table-head md-sort-by="dessert">Dessert (100g serving)</md-table-head>\n                    <md-table-head md-sort-by="calories" md-numeric md-tooltip="The total amount of food energy and the given serving size">Calories (g)</md-table-head>\n                    <md-table-head md-sort-by="fat" md-numeric>Fat (g)</md-table-head>\n                    <md-table-head>\n                      <md-icon>message</md-icon>\n                      <span>Comments</span>\n                    </md-table-head>\n                  </md-table-row>\n                </md-table-header>\n\n                <md-table-body>\n                  <md-table-row v-for="(row, rowIndex) in nutrition" :key="rowIndex" :md-item="row" md-auto-select md-selection>\n                    <md-table-cell v-for="(column, columnIndex) in row" :key="columnIndex" :md-numeric="columnIndex !== \'dessert\' && columnIndex !== \'comment\'" v-if="columnIndex !== \'type\'">\n                      '+e._s("{{ column }}")+'\n                    </md-table-cell>\n                  </md-table-row>\n                </md-table-body>\n              </md-table>\n\n              <md-table-pagination\n                md-size="5"\n                md-total="10"\n                md-page="1"\n                md-label="Rows"\n                md-separator="of"\n                :md-page-options="[5, 10, 25, 50]"\n                @pagination="onPagination"></md-table-pagination>\n            </md-table-card>\n          ')]),e._v(" "),a("code-block",{attrs:{lang:"javascript"}},[e._v("\n            export default {\n              data: () => ({\n                nutrition: [\n                  {\n                    dessert: 'Frozen yogurt',\n                    type: 'ice_cream',\n                    calories: '159',\n                    fat: '6.0',\n                    comment: 'Icy'\n                  },\n                  {\n                    dessert: 'Ice cream sandwich',\n                    type: 'ice_cream',\n                    calories: '237',\n                    fat: '9.0',\n                    comment: 'Super Tasty'\n                  },\n                  {\n                    dessert: 'Eclair',\n                    type: 'pastry',\n                    calories: '262',\n                    fat: '16.0',\n                    comment: ''\n                  },\n                  {\n                    dessert: 'Cupcake',\n                    type: 'pastry',\n                    calories: '305',\n                    fat: '3.7',\n                    comment: ''\n                  },\n                  {\n                    dessert: 'Gingerbread',\n                    type: 'other',\n                    calories: '356',\n                    fat: '16.0',\n                    comment: ''\n                  }\n                ],\n              })\n            }\n          ")])],1)]),e._v(" "),a("example-box",{attrs:{"card-title":"Inline menus, edit icon and alternate headers"}},[a("div",{slot:"demo"},[a("md-table-card",[a("md-toolbar",[a("h1",{staticClass:"md-title"},[e._v("Nutrition")]),e._v(" "),a("md-button",{staticClass:"md-icon-button"},[a("md-icon",[e._v("filter_list")])],1),e._v(" "),a("md-button",{staticClass:"md-icon-button"},[a("md-icon",[e._v("search")])],1)],1),e._v(" "),a("md-table-alternate-header",{attrs:{"md-selected-label":"selected"}},[a("md-button",{staticClass:"md-icon-button"},[a("md-icon",[e._v("delete")])],1),e._v(" "),a("md-button",{staticClass:"md-icon-button"},[a("md-icon",[e._v("more_vert")])],1)],1),e._v(" "),a("md-table",{attrs:{"md-sort":"calories"}},[a("md-table-header",[a("md-table-row",[a("md-table-head",{attrs:{"md-sort-by":"dessert"}},[e._v("Dessert (100g serving)")]),e._v(" "),a("md-table-head",{attrs:{"md-sort-by":"type",width:"100px"}},[e._v("Type")]),e._v(" "),a("md-table-head",{attrs:{"md-sort-by":"calories","md-numeric":"","md-tooltip":"The total amount of food energy and the given serving size"}},[e._v("Calories (g)")]),e._v(" "),a("md-table-head",{attrs:{"md-sort-by":"fat","md-numeric":""}},[e._v("Fat (g)")]),e._v(" "),a("md-table-head",[a("md-icon",[e._v("message")]),e._v(" "),a("span",[e._v("Comments")])],1)],1)],1),e._v(" "),a("md-table-body",e._l(e.nutrition,(function(t,d){return a("md-table-row",{key:d,attrs:{"md-item":t,"md-selection":""}},e._l(t,(function(t,l){return a("md-table-cell",{key:l,attrs:{"md-numeric":"dessert"!==l&&"comment"!==l&&"type"!==l}},["comment"===l?a("span",[e._v(e._s(t))]):e._e(),e._v(" "),"comment"===l?a("md-button",{staticClass:"md-icon-button"},[a("md-icon",[e._v("edit")])],1):e._e(),e._v(" "),"type"===l?a("md-select",{directives:[{name:"model",rawName:"v-model",value:e.nutrition[d].type,expression:"nutrition[rowIndex].type"}],attrs:{placeholder:"Type",name:"type"+l,id:"type"+l},domProps:{value:e.nutrition[d].type},on:{input:function(t){e.nutrition[d].type=t}}},[a("md-option",{attrs:{value:"ice_cream"}},[e._v("Ice Cream")]),e._v(" "),a("md-option",{attrs:{value:"pastry"}},[e._v("Pastry")]),e._v(" "),a("md-option",{attrs:{value:"other"}},[e._v("Other")])],1):e._e(),e._v(" "),"type"!==l&&"comment"!==l?a("span",[e._v(e._s(t))]):e._e()],1)})))})))],1)],1)],1),e._v(" "),a("div",{slot:"code"},[a("code-block",{attrs:{lang:"xml"}},[e._v('\n            <md-table-card>\n              <md-toolbar>\n                <h1 class="md-title">Nutrition</h1>\n                <md-button class="md-icon-button">\n                  <md-icon>filter_list</md-icon>\n                </md-button>\n\n                <md-button class="md-icon-button">\n                  <md-icon>search</md-icon>\n                </md-button>\n              </md-toolbar>\n\n              <md-table-alternate-header md-selected-label="selected">\n                <md-button class="md-icon-button">\n                  <md-icon>delete</md-icon>\n                </md-button>\n\n                <md-button class="md-icon-button">\n                  <md-icon>more_vert</md-icon>\n                </md-button>\n              </md-table-alternate-header>\n\n              <md-table md-sort="calories">\n                <md-table-header>\n                  <md-table-row>\n                    <md-table-head md-sort-by="dessert">Dessert (100g serving)</md-table-head>\n                    <md-table-head md-sort-by="type" width="100px">Type</md-table-head>\n                    <md-table-head md-sort-by="calories" md-numeric md-tooltip="The total amount of food energy and the given serving size">Calories (g)</md-table-head>\n                    <md-table-head md-sort-by="fat" md-numeric>Fat (g)</md-table-head>\n                    <md-table-head>\n                      <md-icon>message</md-icon>\n                      <span>Comments</span>\n                    </md-table-head>\n                  </md-table-row>\n                </md-table-header>\n\n                <md-table-body>\n                  <md-table-row v-for="(row, rowIndex) in nutrition" :key="rowIndex" :md-item="row" md-selection>\n                    <md-table-cell v-for="(column, columnIndex) in row" :key="columnIndex" :md-numeric="columnIndex !== \'dessert\' && columnIndex !== \'comment\' && columnIndex !== \'type\'">\n                      <span v-if="columnIndex === \'comment\'">'+e._s("{{ column }}")+'</span>\n\n                      <md-button class="md-icon-button" v-if="columnIndex === \'comment\'">\n                        <md-icon>edit</md-icon>\n                      </md-button>\n\n                      <md-select\n                        placeholder="Type"\n                        :name="\'type\' + columnIndex"\n                        :id="\'type\' + columnIndex"\n                        v-model="nutrition[rowIndex].type"\n                        v-if="columnIndex === \'type\'">\n                        <md-option value="ice_cream">Ice Cream</md-option>\n                        <md-option value="pastry">Pastry</md-option>\n                        <md-option value="other">Other</md-option>\n                      </md-select>\n\n                      <span v-if="columnIndex !== \'type\' && columnIndex !== \'comment\'">'+e._s("{{ column }}")+"</span>\n                    </md-table-cell>\n                  </md-table-row>\n                </md-table-body>\n              </md-table>\n            </md-table-card>\n          ")]),e._v(" "),a("code-block",{attrs:{lang:"javascript"}},[e._v("\n            export default {\n              data: () => ({\n                nutrition: [\n                  {\n                    dessert: 'Frozen yogurt',\n                    type: 'ice_cream',\n                    calories: '159',\n                    fat: '6.0',\n                    comment: 'Icy'\n                  },\n                  {\n                    dessert: 'Ice cream sandwich',\n                    type: 'ice_cream',\n                    calories: '237',\n                    fat: '9.0',\n                    comment: 'Super Tasty'\n                  },\n                  {\n                    dessert: 'Eclair',\n                    type: 'pastry',\n                    calories: '262',\n                    fat: '16.0',\n                    comment: ''\n                  },\n                  {\n                    dessert: 'Cupcake',\n                    type: 'pastry',\n                    calories: '305',\n                    fat: '3.7',\n                    comment: ''\n                  },\n                  {\n                    dessert: 'Gingerbread',\n                    type: 'other',\n                    calories: '356',\n                    fat: '16.0',\n                    comment: ''\n                  }\n                ],\n              })\n            }\n          ")])],1)])],1)])],1)},staticRenderFns:[function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("md-table",[a("md-table-header",[a("md-table-row",[a("md-table-head",[e._v("Dessert (100g serving)")]),e._v(" "),a("md-table-head",{attrs:{"md-numeric":""}},[e._v("Calories (g)")]),e._v(" "),a("md-table-head",{attrs:{"md-numeric":""}},[e._v("Fat (g)")]),e._v(" "),a("md-table-head",{attrs:{"md-numeric":""}},[e._v("Carbs (g)")]),e._v(" "),a("md-table-head",{attrs:{"md-numeric":""}},[e._v("Protein (g)")])],1)],1),e._v(" "),a("md-table-body",e._l(5,(function(t,d){return a("md-table-row",{key:d},[a("md-table-cell",[e._v("Dessert Name")]),e._v(" "),e._l(4,(function(t,d){return a("md-table-cell",{key:d,attrs:{"md-numeric":""}},[e._v("10")])}))],2)})))],1)}]}},583:function(e,t,a){var d=a(515);"string"==typeof d&&(d=[[e.i,d,""]]),d.locals&&(e.exports=d.locals);a(5)("f77022f6",d,!0)}});
\ No newline at end of file
+webpackJsonp([3,34],{487:function(e,t,a){a(582);var d=a(0)(a(512),a(544),"data-v-0c7c6b68",null);e.exports=d.exports},512:function(e,t,a){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={data:function(){return{nutrition:[{dessert:"Frozen yogurt",type:"ice_cream",calories:"159",fat:"6.0",comment:"Icy"},{dessert:"Ice cream sandwich",type:"ice_cream",calories:"237",fat:"9.0",comment:"Super Tasty"},{dessert:"Eclair",type:"pastry",calories:"262",fat:"16.0",comment:""},{dessert:"Cupcake",type:"pastry",calories:"305",fat:"3.7",comment:""},{dessert:"Gingerbread",type:"other",calories:"356",fat:"16.0",comment:""}],selectedData:[],sort:{},page:{}}},methods:{onSelect:function(e){this.selectedData=e,this.$forceUpdate()},onSort:function(e){this.sort=e},onPagination:function(e){this.page=e}}},e.exports=t.default},514:function(e,t,a){t=e.exports=a(4)(),t.push([e.i,".md-table+.md-table-card[data-v-0c7c6b68],.md-table-card+.md-table-card[data-v-0c7c6b68],.output[data-v-0c7c6b68]{margin-top:24px}.output .md-title[data-v-0c7c6b68]{font-size:20px}",""])},544:function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("page-content",{attrs:{"page-title":"Components - Table"}},[a("docs-component",[a("div",{slot:"description"},[a("p",[e._v("Data tables display sets of raw data. They usually appear in desktop enterprise products. Data tables may be embedded on a surface, such as a card.")])]),e._v(" "),a("div",{slot:"api"},[a("api-table",{attrs:{name:"md-table"}},[a("md-table",{slot:"properties"},[a("md-table-header",[a("md-table-row",[a("md-table-head",[e._v("Name")]),e._v(" "),a("md-table-head",[e._v("Type")]),e._v(" "),a("md-table-head",[e._v("Description")])],1)],1),e._v(" "),a("md-table-body",[a("md-table-row",[a("md-table-cell",[e._v("md-sort")]),e._v(" "),a("md-table-cell",[a("code",[e._v("String")])]),e._v(" "),a("md-table-cell",[e._v("Property name to match for sorting.")])],1),e._v(" "),a("md-table-row",[a("md-table-cell",[e._v("md-sort-type")]),e._v(" "),a("md-table-cell",[a("code",[e._v("String")])]),e._v(" "),a("md-table-cell",[e._v("The order to apply on the sort: "),a("br"),e._v("Values: "),a("code",[e._v("asc")]),e._v(" | "),a("code",[e._v("desc")])])],1)],1)],1),e._v(" "),a("md-table",{slot:"events"},[a("md-table-header",[a("md-table-row",[a("md-table-head",[e._v("Name")]),e._v(" "),a("md-table-head",[e._v("Value")]),e._v(" "),a("md-table-head",[e._v("Description")])],1)],1),e._v(" "),a("md-table-body",[a("md-table-row",[a("md-table-cell",[e._v("sort")]),e._v(" "),a("md-table-cell",[e._v("Receive the sort object. Example: "),a("br"),a("code",[e._v("{ name: 'calories', type: 'asc' }")])]),e._v(" "),a("md-table-cell",[e._v("Triggered when a column is sorted.")])],1),e._v(" "),a("md-table-row",[a("md-table-cell",[e._v("select")]),e._v(" "),a("md-table-cell",[e._v("Receive the all the selected rows as a "),a("code",[e._v("Object")])]),e._v(" "),a("md-table-cell",[e._v("Triggered every time a row is selected.")])],1)],1)],1)],1),e._v(" "),a("api-table",{attrs:{name:"md-table-card"}},[a("p",[e._v("Used to create tables inside cards. Optional.")]),e._v(" "),a("p",[e._v("No options available")])]),e._v(" "),a("api-table",{attrs:{name:"md-table-header"}},[a("p",[e._v("Used like a regular "),a("code",[e._v("thead")]),e._v(". Required.")]),e._v(" "),a("p",[e._v("No options available")])]),e._v(" "),a("api-table",{attrs:{name:"md-table-body"}},[a("p",[e._v("Used like a regular "),a("code",[e._v("tbody")]),e._v(". Required.")]),e._v(" "),a("p",[e._v("No options available")])]),e._v(" "),a("api-table",{attrs:{name:"md-table-row"}},[a("p",[e._v("Used like a regular "),a("code",[e._v("tr")]),e._v(". Required.")]),e._v(" "),a("md-table",{slot:"properties"},[a("md-table-header",[a("md-table-row",[a("md-table-head",[e._v("Name")]),e._v(" "),a("md-table-head",[e._v("Type")]),e._v(" "),a("md-table-head",[e._v("Description")])],1)],1),e._v(" "),a("md-table-body",[a("md-table-row",[a("md-table-cell",[e._v("md-selection")]),e._v(" "),a("md-table-cell",[a("code",[e._v("Boolean")])]),e._v(" "),a("md-table-cell",[e._v("Enable selection inside a particular row. Only works inside "),a("code",[e._v("md-table-body")]),e._v(". Default "),a("code",[e._v("false")])])],1),e._v(" "),a("md-table-row",[a("md-table-cell",[e._v("md-auto-select")]),e._v(" "),a("md-table-cell",[a("code",[e._v("Boolean")])]),e._v(" "),a("md-table-cell",[e._v("Click in any area of the row to select it. Only works inside "),a("code",[e._v("md-table-body")]),e._v(". Default "),a("code",[e._v("false")])])],1),e._v(" "),a("md-table-row",[a("md-table-cell",[e._v("md-item")]),e._v(" "),a("md-table-cell",[a("code",[e._v("Object")])]),e._v(" "),a("md-table-cell",[e._v("The single item to be returned when the row is selected. Only works inside "),a("code",[e._v("md-table-body")]),e._v(".")])],1)],1)],1)],1),e._v(" "),a("api-table",{attrs:{name:"md-table-head"}},[a("p",[e._v("Used like a regular "),a("code",[e._v("th")]),e._v(". Required.")]),e._v(" "),a("md-table",{slot:"properties"},[a("md-table-header",[a("md-table-row",[a("md-table-head",[e._v("Name")]),e._v(" "),a("md-table-head",[e._v("Type")]),e._v(" "),a("md-table-head",[e._v("Description")])],1)],1),e._v(" "),a("md-table-body",[a("md-table-row",[a("md-table-cell",[e._v("md-numeric")]),e._v(" "),a("md-table-cell",[a("code",[e._v("Boolean")])]),e._v(" "),a("md-table-cell",[e._v("Align the header content to the right. Default "),a("code",[e._v("false")])])],1),e._v(" "),a("md-table-row",[a("md-table-cell",[e._v("md-sort-by")]),e._v(" "),a("md-table-cell",[a("code",[e._v("String")])]),e._v(" "),a("md-table-cell",[e._v("The property name to be returned after applying the sort order on that particular column.")])],1),e._v(" "),a("md-table-row",[a("md-table-cell",[e._v("md-tooltip")]),e._v(" "),a("md-table-cell",[a("code",[e._v("String")])]),e._v(" "),a("md-table-cell",[e._v("Text displayed inside a tooltip to provide definitions to column headers.")])],1)],1)],1)],1),e._v(" "),a("api-table",{attrs:{name:"md-table-cell"}},[a("p",[e._v("Used like a regular "),a("code",[e._v("td")]),e._v(". Required.")]),e._v(" "),a("md-table",{slot:"properties"},[a("md-table-header",[a("md-table-row",[a("md-table-head",[e._v("Name")]),e._v(" "),a("md-table-head",[e._v("Type")]),e._v(" "),a("md-table-head",[e._v("Description")])],1)],1),e._v(" "),a("md-table-body",[a("md-table-row",[a("md-table-cell",[e._v("md-numeric")]),e._v(" "),a("md-table-cell",[a("code",[e._v("Boolean")])]),e._v(" "),a("md-table-cell",[e._v("Align the cell content to the right. Default "),a("code",[e._v("false")])])],1)],1)],1)],1),e._v(" "),a("api-table",{attrs:{name:"md-table-pagination"}},[a("p",[e._v("The pagination element doesn't accept any content inside.")]),e._v(" "),a("md-table",{slot:"properties"},[a("md-table-header",[a("md-table-row",[a("md-table-head",[e._v("Name")]),e._v(" "),a("md-table-head",[e._v("Type")]),e._v(" "),a("md-table-head",[e._v("Description")])],1)],1),e._v(" "),a("md-table-body",[a("md-table-row",[a("md-table-cell",[e._v("md-size")]),e._v(" "),a("md-table-cell",[a("code",[e._v("Number")])]),e._v(" "),a("md-table-cell",[e._v("Set the amount of rows displayed. Required. Default "),a("code",[e._v("10")])])],1),e._v(" "),a("md-table-row",[a("md-table-cell",[e._v("md-page-options")]),e._v(" "),a("md-table-cell",[a("code",[e._v("Array | Boolean")])]),e._v(" "),a("md-table-cell",[e._v("Set the values inside the page amout selector. Default "),a("code",[e._v("[10, 25, 50, 100]")]),e._v(" "),a("br"),e._v("When false this flag will hide the page selector.")])],1),e._v(" "),a("md-table-row",[a("md-table-cell",[e._v("md-page")]),e._v(" "),a("md-table-cell",[a("code",[e._v("Number")])]),e._v(" "),a("md-table-cell",[e._v("Current page of the table pagination. Required. Default "),a("code",[e._v("1")])])],1),e._v(" "),a("md-table-row",[a("md-table-cell",[e._v("md-total")]),e._v(" "),a("md-table-cell",[a("code",[e._v("Number")])]),e._v(" "),a("md-table-cell",[e._v("Total of items in the collection. This will be used to calculate the amount of pages left. Default "),a("code",[e._v("Many")])])],1),e._v(" "),a("md-table-row",[a("md-table-cell",[e._v("md-label")]),e._v(" "),a("md-table-cell",[a("code",[e._v("String")])]),e._v(" "),a("md-table-cell",[e._v("Text to be shown on the left of the page selector. Default "),a("code",[e._v("Rows per page")])])],1),e._v(" "),a("md-table-row",[a("md-table-cell",[e._v("md-separator")]),e._v(" "),a("md-table-cell",[a("code",[e._v("String")])]),e._v(" "),a("md-table-cell",[e._v("Text to be shown on the left of the page selector. Default "),a("code",[e._v("of")])])],1)],1)],1)],1),e._v(" "),a("api-table",{attrs:{name:"md-table-alternate-header"}},[a("md-table",{slot:"properties"},[a("md-table-header",[a("md-table-row",[a("md-table-head",[e._v("Name")]),e._v(" "),a("md-table-head",[e._v("Type")]),e._v(" "),a("md-table-head",[e._v("Description")])],1)],1),e._v(" "),a("md-table-body",[a("md-table-row",[a("md-table-cell",[e._v("md-selected-label")]),e._v(" "),a("md-table-cell",[a("code",[e._v("String")])]),e._v(" "),a("md-table-cell",[e._v("The text to be shown after the amount of items selected.")])],1)],1)],1)],1)],1),e._v(" "),a("div",{slot:"example"},[a("example-box",{attrs:{"card-title":"Plain"}},[a("div",{slot:"demo"},[e._m(0)],1),e._v(" "),a("div",{slot:"code"},[a("code-block",{attrs:{lang:"xml"}},[e._v('\n            <md-table v-once>\n              <md-table-header>\n                <md-table-row>\n                  <md-table-head>Dessert (100g serving)</md-table-head>\n                  <md-table-head md-numeric>Calories (g)</md-table-head>\n                  <md-table-head md-numeric>Fat (g)</md-table-head>\n                  <md-table-head md-numeric>Carbs (g)</md-table-head>\n                  <md-table-head md-numeric>Protein (g)</md-table-head>\n                </md-table-row>\n              </md-table-header>\n\n              <md-table-body>\n                <md-table-row v-for="(row, index) in 5" :key="index">\n                  <md-table-cell>Dessert Name</md-table-cell>\n                  <md-table-cell v-for="(col, index) in 4" :key="index" md-numeric>10</md-table-cell>\n                </md-table-row>\n              </md-table-body>\n            </md-table>\n          ')])],1)]),e._v(" "),a("example-box",{attrs:{"card-title":"Sort"}},[a("div",{slot:"demo"},[a("md-table",{attrs:{"md-sort":"calories"}},[a("md-table-header",[a("md-table-row",[a("md-table-head",{attrs:{"md-sort-by":"dessert"}},[e._v("Dessert (100g serving)")]),e._v(" "),a("md-table-head",{attrs:{"md-sort-by":"calories","md-numeric":"","md-tooltip":"The total amount of food energy and the given serving size"}},[e._v("Calories (g)")]),e._v(" "),a("md-table-head",{attrs:{"md-sort-by":"fat","md-numeric":""}},[e._v("Fat (g)")]),e._v(" "),a("md-table-head",{attrs:{"md-sort-by":"carbs","md-numeric":""}},[e._v("Carbs (g)")]),e._v(" "),a("md-table-head",{attrs:{"md-sort-by":"protein","md-numeric":""}},[e._v("Protein (g)")])],1)],1),e._v(" "),a("md-table-body",e._l(5,(function(t,d){return a("md-table-row",{key:d},[a("md-table-cell",[e._v("Dessert Name")]),e._v(" "),e._l(4,(function(t,d){return a("md-table-cell",{key:d,attrs:{"md-numeric":""}},[e._v("10")])}))],2)})))],1)],1),e._v(" "),a("div",{slot:"code"},[a("code-block",{attrs:{lang:"xml"}},[e._v('\n            <md-table md-sort="calories">\n              <md-table-header>\n                <md-table-row>\n                  <md-table-head md-sort-by="dessert">Dessert (100g serving)</md-table-head>\n                  <md-table-head md-sort-by="calories" md-numeric md-tooltip="The total amount of food energy and the given serving size">Calories (g)</md-table-head>\n                  <md-table-head md-sort-by="fat" md-numeric>Fat (g)</md-table-head>\n                  <md-table-head md-sort-by="carbs" md-numeric>Carbs (g)</md-table-head>\n                  <md-table-head md-sort-by="protein" md-numeric>Protein (g)</md-table-head>\n                </md-table-row>\n              </md-table-header>\n\n              <md-table-body>\n                <md-table-row v-for="(row, index) in 5" :key="index">\n                  <md-table-cell>Dessert Name</md-table-cell>\n                  <md-table-cell v-for="(col, index) in 4" :key="index" md-numeric>10</md-table-cell>\n                </md-table-row>\n              </md-table-body>\n            </md-table>\n          ')])],1)]),e._v(" "),a("example-box",{attrs:{"card-title":"Within cards with pagination"}},[a("div",{slot:"demo"},[a("md-table-card",[a("md-toolbar",[a("h1",{staticClass:"md-title"},[e._v("Nutrition")]),e._v(" "),a("md-button",{staticClass:"md-icon-button"},[a("md-icon",[e._v("filter_list")])],1),e._v(" "),a("md-button",{staticClass:"md-icon-button"},[a("md-icon",[e._v("search")])],1)],1),e._v(" "),a("md-table",{attrs:{"md-sort":"dessert","md-sort-type":"desc"},on:{select:e.onSelect,sort:e.onSort}},[a("md-table-header",[a("md-table-row",[a("md-table-head",{attrs:{"md-sort-by":"dessert"}},[e._v("Dessert (100g serving)")]),e._v(" "),a("md-table-head",{attrs:{"md-sort-by":"calories","md-numeric":"","md-tooltip":"The total amount of food energy and the given serving size"}},[e._v("Calories (g)")]),e._v(" "),a("md-table-head",{attrs:{"md-sort-by":"fat","md-numeric":""}},[e._v("Fat (g)")]),e._v(" "),a("md-table-head",[a("md-icon",[e._v("message")]),e._v(" "),a("span",[e._v("Comments")])],1)],1)],1),e._v(" "),a("md-table-body",e._l(e.nutrition,(function(t,d){return a("md-table-row",{key:d,attrs:{"md-item":t,"md-auto-select":"","md-selection":""}},e._l(t,(function(t,d){return"type"!==d?a("md-table-cell",{key:d,attrs:{"md-numeric":"dessert"!==d&&"comment"!==d}},[e._v("\n                    "+e._s(t)+"\n                  ")]):e._e()})))})))],1),e._v(" "),a("md-table-pagination",{attrs:{"md-size":"5","md-total":"10","md-page":"1","md-label":"Rows","md-separator":"of","md-page-options":[5,10,25,50]},on:{pagination:e.onPagination}})],1),e._v(" "),a("div",{staticClass:"output"},[a("h2",{staticClass:"md-title"},[e._v("Selected Data")]),e._v(" "),a("pre",[e._v(e._s(e.selectedData))])]),e._v(" "),a("div",{staticClass:"output"},[a("h2",{staticClass:"md-title"},[e._v("Current Sort")]),e._v(" "),a("pre",[e._v(e._s(e.sort))])]),e._v(" "),a("div",{staticClass:"output"},[a("h2",{staticClass:"md-title"},[e._v("Current Pagination")]),e._v(" "),a("pre",[e._v(e._s(e.page))])])],1),e._v(" "),a("div",{slot:"code"},[a("code-block",{attrs:{lang:"xml"}},[e._v('\n            <md-table-card>\n              <md-toolbar>\n                <h1 class="md-title">Nutrition</h1>\n                <md-button class="md-icon-button">\n                  <md-icon>filter_list</md-icon>\n                </md-button>\n\n                <md-button class="md-icon-button">\n                  <md-icon>search</md-icon>\n                </md-button>\n              </md-toolbar>\n\n              <md-table md-sort="dessert" md-sort-type="desc" @select="onSelect" @sort="onSort">\n                <md-table-header>\n                  <md-table-row>\n                    <md-table-head md-sort-by="dessert">Dessert (100g serving)</md-table-head>\n                    <md-table-head md-sort-by="calories" md-numeric md-tooltip="The total amount of food energy and the given serving size">Calories (g)</md-table-head>\n                    <md-table-head md-sort-by="fat" md-numeric>Fat (g)</md-table-head>\n                    <md-table-head>\n                      <md-icon>message</md-icon>\n                      <span>Comments</span>\n                    </md-table-head>\n                  </md-table-row>\n                </md-table-header>\n\n                <md-table-body>\n                  <md-table-row v-for="(row, rowIndex) in nutrition" :key="rowIndex" :md-item="row" md-auto-select md-selection>\n                    <md-table-cell v-for="(column, columnIndex) in row" :key="columnIndex" :md-numeric="columnIndex !== \'dessert\' && columnIndex !== \'comment\'" v-if="columnIndex !== \'type\'">\n                      '+e._s("{{ column }}")+'\n                    </md-table-cell>\n                  </md-table-row>\n                </md-table-body>\n              </md-table>\n\n              <md-table-pagination\n                md-size="5"\n                md-total="10"\n                md-page="1"\n                md-label="Rows"\n                md-separator="of"\n                :md-page-options="[5, 10, 25, 50]"\n                @pagination="onPagination"></md-table-pagination>\n            </md-table-card>\n          ')]),e._v(" "),a("code-block",{attrs:{lang:"javascript"}},[e._v("\n            export default {\n              data: () => ({\n                nutrition: [\n                  {\n                    dessert: 'Frozen yogurt',\n                    type: 'ice_cream',\n                    calories: '159',\n                    fat: '6.0',\n                    comment: 'Icy'\n                  },\n                  {\n                    dessert: 'Ice cream sandwich',\n                    type: 'ice_cream',\n                    calories: '237',\n                    fat: '9.0',\n                    comment: 'Super Tasty'\n                  },\n                  {\n                    dessert: 'Eclair',\n                    type: 'pastry',\n                    calories: '262',\n                    fat: '16.0',\n                    comment: ''\n                  },\n                  {\n                    dessert: 'Cupcake',\n                    type: 'pastry',\n                    calories: '305',\n                    fat: '3.7',\n                    comment: ''\n                  },\n                  {\n                    dessert: 'Gingerbread',\n                    type: 'other',\n                    calories: '356',\n                    fat: '16.0',\n                    comment: ''\n                  }\n                ],\n              })\n            }\n          ")])],1)]),e._v(" "),a("example-box",{attrs:{"card-title":"Inline menus, edit icon and alternate headers"}},[a("div",{slot:"demo"},[a("md-table-card",[a("md-toolbar",[a("h1",{staticClass:"md-title"},[e._v("Nutrition")]),e._v(" "),a("md-button",{staticClass:"md-icon-button"},[a("md-icon",[e._v("filter_list")])],1),e._v(" "),a("md-button",{staticClass:"md-icon-button"},[a("md-icon",[e._v("search")])],1)],1),e._v(" "),a("md-table-alternate-header",{attrs:{"md-selected-label":"selected"}},[a("md-button",{staticClass:"md-icon-button"},[a("md-icon",[e._v("delete")])],1),e._v(" "),a("md-button",{staticClass:"md-icon-button"},[a("md-icon",[e._v("more_vert")])],1)],1),e._v(" "),a("md-table",{attrs:{"md-sort":"calories"}},[a("md-table-header",[a("md-table-row",[a("md-table-head",{attrs:{"md-sort-by":"dessert"}},[e._v("Dessert (100g serving)")]),e._v(" "),a("md-table-head",{attrs:{"md-sort-by":"type",width:"100px"}},[e._v("Type")]),e._v(" "),a("md-table-head",{attrs:{"md-sort-by":"calories","md-numeric":"","md-tooltip":"The total amount of food energy and the given serving size"}},[e._v("Calories (g)")]),e._v(" "),a("md-table-head",{attrs:{"md-sort-by":"fat","md-numeric":""}},[e._v("Fat (g)")]),e._v(" "),a("md-table-head",[a("md-icon",[e._v("message")]),e._v(" "),a("span",[e._v("Comments")])],1)],1)],1),e._v(" "),a("md-table-body",e._l(e.nutrition,(function(t,d){return a("md-table-row",{key:d,attrs:{"md-item":t,"md-selection":""}},e._l(t,(function(t,l){return a("md-table-cell",{key:l,attrs:{"md-numeric":"dessert"!==l&&"comment"!==l&&"type"!==l}},["comment"===l?a("span",[e._v(e._s(t))]):e._e(),e._v(" "),"comment"===l?a("md-button",{staticClass:"md-icon-button"},[a("md-icon",[e._v("edit")])],1):e._e(),e._v(" "),"type"===l?a("md-select",{directives:[{name:"model",rawName:"v-model",value:e.nutrition[d].type,expression:"nutrition[rowIndex].type"}],attrs:{placeholder:"Type",name:"type"+l,id:"type"+l},domProps:{value:e.nutrition[d].type},on:{input:function(t){e.nutrition[d].type=t}}},[a("md-option",{attrs:{value:"ice_cream"}},[e._v("Ice Cream")]),e._v(" "),a("md-option",{attrs:{value:"pastry"}},[e._v("Pastry")]),e._v(" "),a("md-option",{attrs:{value:"other"}},[e._v("Other")])],1):e._e(),e._v(" "),"type"!==l&&"comment"!==l?a("span",[e._v(e._s(t))]):e._e()],1)})))})))],1)],1)],1),e._v(" "),a("div",{slot:"code"},[a("code-block",{attrs:{lang:"xml"}},[e._v('\n            <md-table-card>\n              <md-toolbar>\n                <h1 class="md-title">Nutrition</h1>\n                <md-button class="md-icon-button">\n                  <md-icon>filter_list</md-icon>\n                </md-button>\n\n                <md-button class="md-icon-button">\n                  <md-icon>search</md-icon>\n                </md-button>\n              </md-toolbar>\n\n              <md-table-alternate-header md-selected-label="selected">\n                <md-button class="md-icon-button">\n                  <md-icon>delete</md-icon>\n                </md-button>\n\n                <md-button class="md-icon-button">\n                  <md-icon>more_vert</md-icon>\n                </md-button>\n              </md-table-alternate-header>\n\n              <md-table md-sort="calories">\n                <md-table-header>\n                  <md-table-row>\n                    <md-table-head md-sort-by="dessert">Dessert (100g serving)</md-table-head>\n                    <md-table-head md-sort-by="type" width="100px">Type</md-table-head>\n                    <md-table-head md-sort-by="calories" md-numeric md-tooltip="The total amount of food energy and the given serving size">Calories (g)</md-table-head>\n                    <md-table-head md-sort-by="fat" md-numeric>Fat (g)</md-table-head>\n                    <md-table-head>\n                      <md-icon>message</md-icon>\n                      <span>Comments</span>\n                    </md-table-head>\n                  </md-table-row>\n                </md-table-header>\n\n                <md-table-body>\n                  <md-table-row v-for="(row, rowIndex) in nutrition" :key="rowIndex" :md-item="row" md-selection>\n                    <md-table-cell v-for="(column, columnIndex) in row" :key="columnIndex" :md-numeric="columnIndex !== \'dessert\' && columnIndex !== \'comment\' && columnIndex !== \'type\'">\n                      <span v-if="columnIndex === \'comment\'">'+e._s("{{ column }}")+'</span>\n\n                      <md-button class="md-icon-button" v-if="columnIndex === \'comment\'">\n                        <md-icon>edit</md-icon>\n                      </md-button>\n\n                      <md-select\n                        placeholder="Type"\n                        :name="\'type\' + columnIndex"\n                        :id="\'type\' + columnIndex"\n                        v-model="nutrition[rowIndex].type"\n                        v-if="columnIndex === \'type\'">\n                        <md-option value="ice_cream">Ice Cream</md-option>\n                        <md-option value="pastry">Pastry</md-option>\n                        <md-option value="other">Other</md-option>\n                      </md-select>\n\n                      <span v-if="columnIndex !== \'type\' && columnIndex !== \'comment\'">'+e._s("{{ column }}")+"</span>\n                    </md-table-cell>\n                  </md-table-row>\n                </md-table-body>\n              </md-table>\n            </md-table-card>\n          ")]),e._v(" "),a("code-block",{attrs:{lang:"javascript"}},[e._v("\n            export default {\n              data: () => ({\n                nutrition: [\n                  {\n                    dessert: 'Frozen yogurt',\n                    type: 'ice_cream',\n                    calories: '159',\n                    fat: '6.0',\n                    comment: 'Icy'\n                  },\n                  {\n                    dessert: 'Ice cream sandwich',\n                    type: 'ice_cream',\n                    calories: '237',\n                    fat: '9.0',\n                    comment: 'Super Tasty'\n                  },\n                  {\n                    dessert: 'Eclair',\n                    type: 'pastry',\n                    calories: '262',\n                    fat: '16.0',\n                    comment: ''\n                  },\n                  {\n                    dessert: 'Cupcake',\n                    type: 'pastry',\n                    calories: '305',\n                    fat: '3.7',\n                    comment: ''\n                  },\n                  {\n                    dessert: 'Gingerbread',\n                    type: 'other',\n                    calories: '356',\n                    fat: '16.0',\n                    comment: ''\n                  }\n                ],\n              })\n            }\n          ")])],1)])],1)])],1)},staticRenderFns:[function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("md-table",[a("md-table-header",[a("md-table-row",[a("md-table-head",[e._v("Dessert (100g serving)")]),e._v(" "),a("md-table-head",{attrs:{"md-numeric":""}},[e._v("Calories (g)")]),e._v(" "),a("md-table-head",{attrs:{"md-numeric":""}},[e._v("Fat (g)")]),e._v(" "),a("md-table-head",{attrs:{"md-numeric":""}},[e._v("Carbs (g)")]),e._v(" "),a("md-table-head",{attrs:{"md-numeric":""}},[e._v("Protein (g)")])],1)],1),e._v(" "),a("md-table-body",e._l(5,(function(t,d){return a("md-table-row",{key:d},[a("md-table-cell",[e._v("Dessert Name")]),e._v(" "),e._l(4,(function(t,d){return a("md-table-cell",{key:d,attrs:{"md-numeric":""}},[e._v("10")])}))],2)})))],1)}]}},582:function(e,t,a){var d=a(514);"string"==typeof d&&(d=[[e.i,d,""]]),d.locals&&(e.exports=d.locals);a(5)("f77022f6",d,!0)}});
\ No newline at end of file
diff --git a/tabs.5e48770b.js b/tabs.b3bab112.js
similarity index 99%
rename from tabs.5e48770b.js
rename to tabs.b3bab112.js
index 7353fd0..413a38c 100644
--- a/tabs.5e48770b.js
+++ b/tabs.b3bab112.js
@@ -1 +1 @@
-webpackJsonp([30,34],{488:function(e,t,i){var a=i(0)(null,i(575),null,null);e.exports=a.exports},575:function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,i=e._self._c||t;return i("page-content",{attrs:{"page-title":"Components - Tabs"}},[i("docs-component",[i("div",{slot:"description"},[i("p",[e._v("Tabs enable content organization at a high level, such as switching between views, data sets, or functional aspects of an app.")]),e._v(" "),i("p",[e._v("The following classes can be applied to change the color palette:")]),e._v(" "),i("ul",{staticClass:"md-body-2"},[i("li",[i("code",[e._v("md-accent")])]),e._v(" "),i("li",[i("code",[e._v("md-warn")])]),e._v(" "),i("li",[i("code",[e._v("md-transparent")])])])]),e._v(" "),i("div",{slot:"api"},[i("api-table",{attrs:{name:"md-tabs"}},[i("md-table",{slot:"properties"},[i("md-table-header",[i("md-table-row",[i("md-table-head",[e._v("Name")]),e._v(" "),i("md-table-head",[e._v("Type")]),e._v(" "),i("md-table-head",[e._v("Description")])],1)],1),e._v(" "),i("md-table-body",[i("md-table-row",[i("md-table-cell",[e._v("md-fixed")]),e._v(" "),i("md-table-cell",[i("code",[e._v("Boolean")])]),e._v(" "),i("md-table-cell",[e._v("Make the tabs navigation fixed and elastic filling the whole space. Default "),i("code",[e._v("false")])])],1),e._v(" "),i("md-table-row",[i("md-table-cell",[e._v("md-centered")]),e._v(" "),i("md-table-cell",[i("code",[e._v("Boolean")])]),e._v(" "),i("md-table-cell",[e._v("Align the tabs navigation to the center. Default "),i("code",[e._v("false")])])],1),e._v(" "),i("md-table-row",[i("md-table-cell",[e._v("md-right")]),e._v(" "),i("md-table-cell",[i("code",[e._v("Boolean")])]),e._v(" "),i("md-table-cell",[e._v("Align the tabs navigation to the right. Default "),i("code",[e._v("false")])])],1),e._v(" "),i("md-table-row",[i("md-table-cell",[e._v("md-dynamic-height")]),e._v(" "),i("md-table-cell",[i("code",[e._v("Boolean")])]),e._v(" "),i("md-table-cell",[e._v("Make the tab content to be resized based on the contents. Default "),i("code",[e._v("true")])])],1),e._v(" "),i("md-table-row",[i("md-table-cell",[e._v("md-elevation")]),e._v(" "),i("md-table-cell",[i("code",[e._v("Number")])]),e._v(" "),i("md-table-cell",[e._v("Add a shadow on the navigation with an whiteframe. Default "),i("code",[e._v("0")])])],1)],1)],1),e._v(" "),i("md-table",{slot:"events"},[i("md-table-header",[i("md-table-row",[i("md-table-head",[e._v("Name")]),e._v(" "),i("md-table-head",[e._v("Value")]),e._v(" "),i("md-table-head",[e._v("Description")])],1)],1),e._v(" "),i("md-table-body",[i("md-table-row",[i("md-table-cell",[e._v("change")]),e._v(" "),i("md-table-cell",[e._v("Receive the tab index")]),e._v(" "),i("md-table-cell",[e._v("Triggered when a tab is activated.")])],1)],1)],1)],1),e._v(" "),i("api-table",{attrs:{name:"md-tab"}},[i("p",[e._v("You should wrap the "),i("code",[e._v("<md-tab>")]),e._v(" in a "),i("code",[e._v("<md-tabs>")]),e._v(" as a direct parent.")]),e._v(" "),i("md-table",{slot:"properties"},[i("md-table-header",[i("md-table-row",[i("md-table-head",[e._v("Name")]),e._v(" "),i("md-table-head",[e._v("Type")]),e._v(" "),i("md-table-head",[e._v("Description")])],1)],1),e._v(" "),i("md-table-body",[i("md-table-row",[i("md-table-cell",[e._v("id")]),e._v(" "),i("md-table-cell",[i("code",[e._v("String")])]),e._v(" "),i("md-table-cell",[e._v("Unique id to each tab")])],1),e._v(" "),i("md-table-row",[i("md-table-cell",[e._v("md-label")]),e._v(" "),i("md-table-cell",[i("code",[e._v("String")])]),e._v(" "),i("md-table-cell",[e._v("The tab text")])],1),e._v(" "),i("md-table-row",[i("md-table-cell",[e._v("md-icon")]),e._v(" "),i("md-table-cell",[i("code",[e._v("String")])]),e._v(" "),i("md-table-cell",[e._v("Icon name on the "),i("a",{attrs:{href:"https://material.io/icons/",target:"_blank",rel:"noopener"}},[e._v("Material Icons")]),e._v(" docs.")])],1),e._v(" "),i("md-table-row",[i("md-table-cell",[e._v("md-active")]),e._v(" "),i("md-table-cell",[i("code",[e._v("Boolean")])]),e._v(" "),i("md-table-cell",[e._v("Activate the tab. Default "),i("code",[e._v("false")])])],1),e._v(" "),i("md-table-row",[i("md-table-cell",[e._v("md-disabled")]),e._v(" "),i("md-table-cell",[i("code",[e._v("Boolean")])]),e._v(" "),i("md-table-cell",[e._v("Disable the tab and prevent his actions. Default "),i("code",[e._v("false")])])],1),e._v(" "),i("md-table-row",[i("md-table-cell",[e._v("md-tooltip")]),e._v(" "),i("md-table-cell",[i("code",[e._v("String")])]),e._v(" "),i("md-table-cell",[e._v("Add a tooltip on the tab header. Optional.")])],1),e._v(" "),i("md-table-row",[i("md-table-cell",[e._v("md-tooltip-delay")]),e._v(" "),i("md-table-cell",[i("code",[e._v("String")])]),e._v(" "),i("md-table-cell",[e._v("Delay of the tab header tooltip. Default: "),i("code",[e._v("0")])])],1),e._v(" "),i("md-table-row",[i("md-table-cell",[e._v("md-tooltip-direction")]),e._v(" "),i("md-table-cell",[i("code",[e._v("String")])]),e._v(" "),i("md-table-cell",[e._v("Direction of the tab header tooltip. Default: "),i("code",[e._v("bottom")])])],1)],1)],1)],1)],1),e._v(" "),i("div",{slot:"example"},[i("example-box",{attrs:{"card-title":"Default"}},[i("div",{slot:"demo"},[i("md-tabs",{attrs:{"md-dynamic-height":!1}},[i("md-tab",{attrs:{id:"movies","md-label":"Movies"}},[i("p",[e._v("Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas amet cum vitae, omnis! Illum quas voluptatem, expedita iste, dicta ipsum ea veniam dolore in, quod saepe reiciendis nihil.")])]),e._v(" "),i("md-tab",{attrs:{id:"music","md-label":"Music"}},[i("p",[e._v("Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas amet cum vitae, omnis! Illum quas voluptatem, expedita iste, dicta ipsum ea veniam dolore in, quod saepe reiciendis nihil.")]),e._v(" "),i("p",[e._v("Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas amet cum vitae, omnis! Illum quas voluptatem, expedita iste, dicta ipsum ea veniam dolore in, quod saepe reiciendis nihil.")])]),e._v(" "),i("md-tab",{attrs:{id:"books","md-label":"Books"}},[i("p",[e._v("Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas.")])]),e._v(" "),i("md-tab",{attrs:{id:"pictures","md-label":"Pictures","md-tooltip":"This is the pictures tab!"}},[i("p",[e._v("Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas.")])])],1)],1),e._v(" "),i("div",{slot:"code"},[i("code-block",{attrs:{lang:"xml"}},[e._v('\n            <md-tabs>\n              <md-tab id="movies" md-label="Movies">\n                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas amet cum vitae, omnis! Illum quas voluptatem, expedita iste, dicta ipsum ea veniam dolore in, quod saepe reiciendis nihil.</p>\n              </md-tab>\n\n              <md-tab id="music" md-label="Music">\n                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas amet cum vitae, omnis! Illum quas voluptatem, expedita iste, dicta ipsum ea veniam dolore in, quod saepe reiciendis nihil.</p>\n                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas amet cum vitae, omnis! Illum quas voluptatem, expedita iste, dicta ipsum ea veniam dolore in, quod saepe reiciendis nihil.</p>\n              </md-tab>\n\n              <md-tab id="books" md-label="Books">\n                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas.</p>\n              </md-tab>\n\n              <md-tab id="pictures" md-label="Pictures" md-tooltip="This is the pictures tab!">\n                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas.</p>\n              </md-tab>\n            </md-tabs>\n          ')])],1)]),e._v(" "),i("example-box",{attrs:{"card-title":"Fixed"}},[i("div",{slot:"demo"},[i("md-tabs",{staticClass:"md-accent",attrs:{"md-dynamic-height":!1,"md-fixed":""}},[i("md-tab",{attrs:{id:"movies","md-label":"Movies"}},[i("p",[e._v("Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas amet cum vitae, omnis! Illum quas voluptatem, expedita iste, dicta ipsum ea veniam dolore in, quod saepe reiciendis nihil.")])]),e._v(" "),i("md-tab",{attrs:{id:"music","md-label":"Music"}},[i("p",[e._v("Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas amet cum vitae, omnis! Illum quas voluptatem, expedita iste, dicta ipsum ea veniam dolore in, quod saepe reiciendis nihil.")]),e._v(" "),i("p",[e._v("Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas amet cum vitae, omnis! Illum quas voluptatem, expedita iste, dicta ipsum ea veniam dolore in, quod saepe reiciendis nihil.")])]),e._v(" "),i("md-tab",{attrs:{id:"books","md-label":"Books"}},[i("p",[e._v("Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas.")])]),e._v(" "),i("md-tab",{attrs:{id:"pictures","md-label":"Pictures"}},[i("p",[e._v("Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas.")])])],1)],1),e._v(" "),i("div",{slot:"code"},[i("code-block",{attrs:{lang:"xml"}},[e._v('\n            <md-tabs md-fixed>\n              <md-tab id="movies" md-label="Movies">\n                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas amet cum vitae, omnis! Illum quas voluptatem, expedita iste, dicta ipsum ea veniam dolore in, quod saepe reiciendis nihil.</p>\n              </md-tab>\n\n              <md-tab id="music" md-label="Music">\n                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas amet cum vitae, omnis! Illum quas voluptatem, expedita iste, dicta ipsum ea veniam dolore in, quod saepe reiciendis nihil.</p>\n                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas amet cum vitae, omnis! Illum quas voluptatem, expedita iste, dicta ipsum ea veniam dolore in, quod saepe reiciendis nihil.</p>\n              </md-tab>\n\n              <md-tab id="books" md-label="Books">\n                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas.</p>\n              </md-tab>\n\n              <md-tab id="pictures" md-label="Pictures">\n                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas.</p>\n              </md-tab>\n            </md-tabs>\n          ')])],1)]),e._v(" "),i("example-box",{attrs:{"card-title":"Centered with Text and Icon"}},[i("div",{slot:"demo"},[i("md-tabs",{staticClass:"md-warn",attrs:{"md-dynamic-height":!1,"md-centered":""}},[i("md-tab",{attrs:{"md-label":"Movies","md-icon":"ondemand_video"}},[i("p",[e._v("Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas amet cum vitae, omnis! Illum quas voluptatem, expedita iste, dicta ipsum ea veniam dolore in, quod saepe reiciendis nihil.")])]),e._v(" "),i("md-tab",{attrs:{"md-label":"Music","md-icon":"music_note"}},[i("p",[e._v("Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas amet cum vitae, omnis! Illum quas voluptatem, expedita iste, dicta ipsum ea veniam dolore in, quod saepe reiciendis nihil.")]),e._v(" "),i("p",[e._v("Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas amet cum vitae, omnis! Illum quas voluptatem, expedita iste, dicta ipsum ea veniam dolore in, quod saepe reiciendis nihil.")])]),e._v(" "),i("md-tab",{attrs:{"md-label":"Books","md-icon":"books"}},[i("p",[e._v("Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas.")])]),e._v(" "),i("md-tab",{attrs:{"md-label":"Pictures","md-icon":"photo"}},[i("p",[e._v("Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas.")])])],1)],1),e._v(" "),i("div",{slot:"code"},[i("code-block",{attrs:{lang:"xml"}},[e._v('\n            <md-tabs md-centered>\n              <md-tab md-label="Movies" md-icon="ondemand_video">\n                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas amet cum vitae, omnis! Illum quas voluptatem, expedita iste, dicta ipsum ea veniam dolore in, quod saepe reiciendis nihil.</p>\n              </md-tab>\n\n              <md-tab md-label="Music" md-icon="music_note">\n                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas amet cum vitae, omnis! Illum quas voluptatem, expedita iste, dicta ipsum ea veniam dolore in, quod saepe reiciendis nihil.</p>\n                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas amet cum vitae, omnis! Illum quas voluptatem, expedita iste, dicta ipsum ea veniam dolore in, quod saepe reiciendis nihil.</p>\n              </md-tab>\n\n              <md-tab md-label="Books" md-icon="books">\n                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas.</p>\n              </md-tab>\n\n              <md-tab md-label="Pictures" md-icon="photo">\n                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas.</p>\n              </md-tab>\n            </md-tabs>\n          ')])],1)]),e._v(" "),i("example-box",{attrs:{"card-title":"Aligned to the right with only icons"}},[i("div",{slot:"demo"},[i("md-tabs",{staticClass:"md-transparent",attrs:{"md-dynamic-height":!1,"md-right":""}},[i("md-tab",{attrs:{"md-icon":"phone"}},[i("p",[e._v("Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas amet cum vitae, omnis! Illum quas voluptatem, expedita iste, dicta ipsum ea veniam dolore in, quod saepe reiciendis nihil.")])]),e._v(" "),i("md-tab",{attrs:{"md-icon":"favorite"}},[i("p",[e._v("Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas amet cum vitae, omnis! Illum quas voluptatem, expedita iste, dicta ipsum ea veniam dolore in, quod saepe reiciendis nihil.")]),e._v(" "),i("p",[e._v("Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas amet cum vitae, omnis! Illum quas voluptatem, expedita iste, dicta ipsum ea veniam dolore in, quod saepe reiciendis nihil.")])]),e._v(" "),i("md-tab",{attrs:{"md-icon":"near_me"}},[i("p",[e._v("Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas.")])])],1)],1),e._v(" "),i("div",{slot:"code"},[i("code-block",{attrs:{lang:"xml"}},[e._v('\n            <md-tabs md-right>\n              <md-tab md-icon="phone">\n                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas amet cum vitae, omnis! Illum quas voluptatem, expedita iste, dicta ipsum ea veniam dolore in, quod saepe reiciendis nihil.</p>\n              </md-tab>\n\n              <md-tab md-icon="favorite">\n                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas amet cum vitae, omnis! Illum quas voluptatem, expedita iste, dicta ipsum ea veniam dolore in, quod saepe reiciendis nihil.</p>\n                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas amet cum vitae, omnis! Illum quas voluptatem, expedita iste, dicta ipsum ea veniam dolore in, quod saepe reiciendis nihil.</p>\n              </md-tab>\n\n              <md-tab md-icon="near_me">\n                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas.</p>\n              </md-tab>\n            </md-tabs>\n          ')])],1)])],1)])],1)},staticRenderFns:[]}}});
\ No newline at end of file
+webpackJsonp([30,34],{488:function(e,t,i){var a=i(0)(null,i(574),null,null);e.exports=a.exports},574:function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,i=e._self._c||t;return i("page-content",{attrs:{"page-title":"Components - Tabs"}},[i("docs-component",[i("div",{slot:"description"},[i("p",[e._v("Tabs enable content organization at a high level, such as switching between views, data sets, or functional aspects of an app.")]),e._v(" "),i("p",[e._v("The following classes can be applied to change the color palette:")]),e._v(" "),i("ul",{staticClass:"md-body-2"},[i("li",[i("code",[e._v("md-accent")])]),e._v(" "),i("li",[i("code",[e._v("md-warn")])]),e._v(" "),i("li",[i("code",[e._v("md-transparent")])])])]),e._v(" "),i("div",{slot:"api"},[i("api-table",{attrs:{name:"md-tabs"}},[i("md-table",{slot:"properties"},[i("md-table-header",[i("md-table-row",[i("md-table-head",[e._v("Name")]),e._v(" "),i("md-table-head",[e._v("Type")]),e._v(" "),i("md-table-head",[e._v("Description")])],1)],1),e._v(" "),i("md-table-body",[i("md-table-row",[i("md-table-cell",[e._v("md-fixed")]),e._v(" "),i("md-table-cell",[i("code",[e._v("Boolean")])]),e._v(" "),i("md-table-cell",[e._v("Make the tabs navigation fixed and elastic filling the whole space. Default "),i("code",[e._v("false")])])],1),e._v(" "),i("md-table-row",[i("md-table-cell",[e._v("md-centered")]),e._v(" "),i("md-table-cell",[i("code",[e._v("Boolean")])]),e._v(" "),i("md-table-cell",[e._v("Align the tabs navigation to the center. Default "),i("code",[e._v("false")])])],1),e._v(" "),i("md-table-row",[i("md-table-cell",[e._v("md-right")]),e._v(" "),i("md-table-cell",[i("code",[e._v("Boolean")])]),e._v(" "),i("md-table-cell",[e._v("Align the tabs navigation to the right. Default "),i("code",[e._v("false")])])],1),e._v(" "),i("md-table-row",[i("md-table-cell",[e._v("md-dynamic-height")]),e._v(" "),i("md-table-cell",[i("code",[e._v("Boolean")])]),e._v(" "),i("md-table-cell",[e._v("Make the tab content to be resized based on the contents. Default "),i("code",[e._v("true")])])],1),e._v(" "),i("md-table-row",[i("md-table-cell",[e._v("md-elevation")]),e._v(" "),i("md-table-cell",[i("code",[e._v("Number")])]),e._v(" "),i("md-table-cell",[e._v("Add a shadow on the navigation with an whiteframe. Default "),i("code",[e._v("0")])])],1)],1)],1),e._v(" "),i("md-table",{slot:"events"},[i("md-table-header",[i("md-table-row",[i("md-table-head",[e._v("Name")]),e._v(" "),i("md-table-head",[e._v("Value")]),e._v(" "),i("md-table-head",[e._v("Description")])],1)],1),e._v(" "),i("md-table-body",[i("md-table-row",[i("md-table-cell",[e._v("change")]),e._v(" "),i("md-table-cell",[e._v("Receive the tab index")]),e._v(" "),i("md-table-cell",[e._v("Triggered when a tab is activated.")])],1)],1)],1)],1),e._v(" "),i("api-table",{attrs:{name:"md-tab"}},[i("p",[e._v("You should wrap the "),i("code",[e._v("<md-tab>")]),e._v(" in a "),i("code",[e._v("<md-tabs>")]),e._v(" as a direct parent.")]),e._v(" "),i("md-table",{slot:"properties"},[i("md-table-header",[i("md-table-row",[i("md-table-head",[e._v("Name")]),e._v(" "),i("md-table-head",[e._v("Type")]),e._v(" "),i("md-table-head",[e._v("Description")])],1)],1),e._v(" "),i("md-table-body",[i("md-table-row",[i("md-table-cell",[e._v("id")]),e._v(" "),i("md-table-cell",[i("code",[e._v("String")])]),e._v(" "),i("md-table-cell",[e._v("Unique id to each tab")])],1),e._v(" "),i("md-table-row",[i("md-table-cell",[e._v("md-label")]),e._v(" "),i("md-table-cell",[i("code",[e._v("String")])]),e._v(" "),i("md-table-cell",[e._v("The tab text")])],1),e._v(" "),i("md-table-row",[i("md-table-cell",[e._v("md-icon")]),e._v(" "),i("md-table-cell",[i("code",[e._v("String")])]),e._v(" "),i("md-table-cell",[e._v("Icon name on the "),i("a",{attrs:{href:"https://material.io/icons/",target:"_blank",rel:"noopener"}},[e._v("Material Icons")]),e._v(" docs.")])],1),e._v(" "),i("md-table-row",[i("md-table-cell",[e._v("md-active")]),e._v(" "),i("md-table-cell",[i("code",[e._v("Boolean")])]),e._v(" "),i("md-table-cell",[e._v("Activate the tab. Default "),i("code",[e._v("false")])])],1),e._v(" "),i("md-table-row",[i("md-table-cell",[e._v("md-disabled")]),e._v(" "),i("md-table-cell",[i("code",[e._v("Boolean")])]),e._v(" "),i("md-table-cell",[e._v("Disable the tab and prevent his actions. Default "),i("code",[e._v("false")])])],1),e._v(" "),i("md-table-row",[i("md-table-cell",[e._v("md-tooltip")]),e._v(" "),i("md-table-cell",[i("code",[e._v("String")])]),e._v(" "),i("md-table-cell",[e._v("Add a tooltip on the tab header. Optional.")])],1),e._v(" "),i("md-table-row",[i("md-table-cell",[e._v("md-tooltip-delay")]),e._v(" "),i("md-table-cell",[i("code",[e._v("String")])]),e._v(" "),i("md-table-cell",[e._v("Delay of the tab header tooltip. Default: "),i("code",[e._v("0")])])],1),e._v(" "),i("md-table-row",[i("md-table-cell",[e._v("md-tooltip-direction")]),e._v(" "),i("md-table-cell",[i("code",[e._v("String")])]),e._v(" "),i("md-table-cell",[e._v("Direction of the tab header tooltip. Default: "),i("code",[e._v("bottom")])])],1)],1)],1)],1)],1),e._v(" "),i("div",{slot:"example"},[i("example-box",{attrs:{"card-title":"Default"}},[i("div",{slot:"demo"},[i("md-tabs",{attrs:{"md-dynamic-height":!1}},[i("md-tab",{attrs:{id:"movies","md-label":"Movies"}},[i("p",[e._v("Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas amet cum vitae, omnis! Illum quas voluptatem, expedita iste, dicta ipsum ea veniam dolore in, quod saepe reiciendis nihil.")])]),e._v(" "),i("md-tab",{attrs:{id:"music","md-label":"Music"}},[i("p",[e._v("Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas amet cum vitae, omnis! Illum quas voluptatem, expedita iste, dicta ipsum ea veniam dolore in, quod saepe reiciendis nihil.")]),e._v(" "),i("p",[e._v("Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas amet cum vitae, omnis! Illum quas voluptatem, expedita iste, dicta ipsum ea veniam dolore in, quod saepe reiciendis nihil.")])]),e._v(" "),i("md-tab",{attrs:{id:"books","md-label":"Books"}},[i("p",[e._v("Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas.")])]),e._v(" "),i("md-tab",{attrs:{id:"pictures","md-label":"Pictures","md-tooltip":"This is the pictures tab!"}},[i("p",[e._v("Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas.")])])],1)],1),e._v(" "),i("div",{slot:"code"},[i("code-block",{attrs:{lang:"xml"}},[e._v('\n            <md-tabs>\n              <md-tab id="movies" md-label="Movies">\n                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas amet cum vitae, omnis! Illum quas voluptatem, expedita iste, dicta ipsum ea veniam dolore in, quod saepe reiciendis nihil.</p>\n              </md-tab>\n\n              <md-tab id="music" md-label="Music">\n                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas amet cum vitae, omnis! Illum quas voluptatem, expedita iste, dicta ipsum ea veniam dolore in, quod saepe reiciendis nihil.</p>\n                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas amet cum vitae, omnis! Illum quas voluptatem, expedita iste, dicta ipsum ea veniam dolore in, quod saepe reiciendis nihil.</p>\n              </md-tab>\n\n              <md-tab id="books" md-label="Books">\n                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas.</p>\n              </md-tab>\n\n              <md-tab id="pictures" md-label="Pictures" md-tooltip="This is the pictures tab!">\n                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas.</p>\n              </md-tab>\n            </md-tabs>\n          ')])],1)]),e._v(" "),i("example-box",{attrs:{"card-title":"Fixed"}},[i("div",{slot:"demo"},[i("md-tabs",{staticClass:"md-accent",attrs:{"md-dynamic-height":!1,"md-fixed":""}},[i("md-tab",{attrs:{id:"movies","md-label":"Movies"}},[i("p",[e._v("Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas amet cum vitae, omnis! Illum quas voluptatem, expedita iste, dicta ipsum ea veniam dolore in, quod saepe reiciendis nihil.")])]),e._v(" "),i("md-tab",{attrs:{id:"music","md-label":"Music"}},[i("p",[e._v("Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas amet cum vitae, omnis! Illum quas voluptatem, expedita iste, dicta ipsum ea veniam dolore in, quod saepe reiciendis nihil.")]),e._v(" "),i("p",[e._v("Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas amet cum vitae, omnis! Illum quas voluptatem, expedita iste, dicta ipsum ea veniam dolore in, quod saepe reiciendis nihil.")])]),e._v(" "),i("md-tab",{attrs:{id:"books","md-label":"Books"}},[i("p",[e._v("Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas.")])]),e._v(" "),i("md-tab",{attrs:{id:"pictures","md-label":"Pictures"}},[i("p",[e._v("Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas.")])])],1)],1),e._v(" "),i("div",{slot:"code"},[i("code-block",{attrs:{lang:"xml"}},[e._v('\n            <md-tabs md-fixed>\n              <md-tab id="movies" md-label="Movies">\n                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas amet cum vitae, omnis! Illum quas voluptatem, expedita iste, dicta ipsum ea veniam dolore in, quod saepe reiciendis nihil.</p>\n              </md-tab>\n\n              <md-tab id="music" md-label="Music">\n                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas amet cum vitae, omnis! Illum quas voluptatem, expedita iste, dicta ipsum ea veniam dolore in, quod saepe reiciendis nihil.</p>\n                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas amet cum vitae, omnis! Illum quas voluptatem, expedita iste, dicta ipsum ea veniam dolore in, quod saepe reiciendis nihil.</p>\n              </md-tab>\n\n              <md-tab id="books" md-label="Books">\n                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas.</p>\n              </md-tab>\n\n              <md-tab id="pictures" md-label="Pictures">\n                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas.</p>\n              </md-tab>\n            </md-tabs>\n          ')])],1)]),e._v(" "),i("example-box",{attrs:{"card-title":"Centered with Text and Icon"}},[i("div",{slot:"demo"},[i("md-tabs",{staticClass:"md-warn",attrs:{"md-dynamic-height":!1,"md-centered":""}},[i("md-tab",{attrs:{"md-label":"Movies","md-icon":"ondemand_video"}},[i("p",[e._v("Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas amet cum vitae, omnis! Illum quas voluptatem, expedita iste, dicta ipsum ea veniam dolore in, quod saepe reiciendis nihil.")])]),e._v(" "),i("md-tab",{attrs:{"md-label":"Music","md-icon":"music_note"}},[i("p",[e._v("Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas amet cum vitae, omnis! Illum quas voluptatem, expedita iste, dicta ipsum ea veniam dolore in, quod saepe reiciendis nihil.")]),e._v(" "),i("p",[e._v("Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas amet cum vitae, omnis! Illum quas voluptatem, expedita iste, dicta ipsum ea veniam dolore in, quod saepe reiciendis nihil.")])]),e._v(" "),i("md-tab",{attrs:{"md-label":"Books","md-icon":"books"}},[i("p",[e._v("Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas.")])]),e._v(" "),i("md-tab",{attrs:{"md-label":"Pictures","md-icon":"photo"}},[i("p",[e._v("Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas.")])])],1)],1),e._v(" "),i("div",{slot:"code"},[i("code-block",{attrs:{lang:"xml"}},[e._v('\n            <md-tabs md-centered>\n              <md-tab md-label="Movies" md-icon="ondemand_video">\n                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas amet cum vitae, omnis! Illum quas voluptatem, expedita iste, dicta ipsum ea veniam dolore in, quod saepe reiciendis nihil.</p>\n              </md-tab>\n\n              <md-tab md-label="Music" md-icon="music_note">\n                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas amet cum vitae, omnis! Illum quas voluptatem, expedita iste, dicta ipsum ea veniam dolore in, quod saepe reiciendis nihil.</p>\n                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas amet cum vitae, omnis! Illum quas voluptatem, expedita iste, dicta ipsum ea veniam dolore in, quod saepe reiciendis nihil.</p>\n              </md-tab>\n\n              <md-tab md-label="Books" md-icon="books">\n                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas.</p>\n              </md-tab>\n\n              <md-tab md-label="Pictures" md-icon="photo">\n                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas.</p>\n              </md-tab>\n            </md-tabs>\n          ')])],1)]),e._v(" "),i("example-box",{attrs:{"card-title":"Aligned to the right with only icons"}},[i("div",{slot:"demo"},[i("md-tabs",{staticClass:"md-transparent",attrs:{"md-dynamic-height":!1,"md-right":""}},[i("md-tab",{attrs:{"md-icon":"phone"}},[i("p",[e._v("Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas amet cum vitae, omnis! Illum quas voluptatem, expedita iste, dicta ipsum ea veniam dolore in, quod saepe reiciendis nihil.")])]),e._v(" "),i("md-tab",{attrs:{"md-icon":"favorite"}},[i("p",[e._v("Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas amet cum vitae, omnis! Illum quas voluptatem, expedita iste, dicta ipsum ea veniam dolore in, quod saepe reiciendis nihil.")]),e._v(" "),i("p",[e._v("Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas amet cum vitae, omnis! Illum quas voluptatem, expedita iste, dicta ipsum ea veniam dolore in, quod saepe reiciendis nihil.")])]),e._v(" "),i("md-tab",{attrs:{"md-icon":"near_me"}},[i("p",[e._v("Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas.")])])],1)],1),e._v(" "),i("div",{slot:"code"},[i("code-block",{attrs:{lang:"xml"}},[e._v('\n            <md-tabs md-right>\n              <md-tab md-icon="phone">\n                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas amet cum vitae, omnis! Illum quas voluptatem, expedita iste, dicta ipsum ea veniam dolore in, quod saepe reiciendis nihil.</p>\n              </md-tab>\n\n              <md-tab md-icon="favorite">\n                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas amet cum vitae, omnis! Illum quas voluptatem, expedita iste, dicta ipsum ea veniam dolore in, quod saepe reiciendis nihil.</p>\n                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas amet cum vitae, omnis! Illum quas voluptatem, expedita iste, dicta ipsum ea veniam dolore in, quod saepe reiciendis nihil.</p>\n              </md-tab>\n\n              <md-tab md-icon="near_me">\n                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas.</p>\n              </md-tab>\n            </md-tabs>\n          ')])],1)])],1)])],1)},staticRenderFns:[]}}});
\ No newline at end of file
diff --git a/themes.614919f9.js b/themes.cef94272.js
similarity index 97%
rename from themes.614919f9.js
rename to themes.cef94272.js
index 072d118..858d449 100644
--- a/themes.614919f9.js
+++ b/themes.cef94272.js
@@ -1 +1 @@
-webpackJsonp([2,34],{492:function(t,e,a){a(594);var n=a(0)(null,a(558),"data-v-3885c6b0",null);t.exports=n.exports},493:function(t,e,a){a(582);var n=a(0)(null,a(544),"data-v-06009b1b",null);t.exports=n.exports},514:function(t,e,a){e=t.exports=a(4)(),e.push([t.i,"section[data-v-06009b1b]{max-width:960px}section+section[data-v-06009b1b]{margin-top:56px}.app-example .page-layout[data-v-06009b1b]{display:-ms-flexbox;display:flex}.app-example .column[data-v-06009b1b]{-ms-flex:1;flex:1;background-color:rgba(0,0,0,.06)}.app-example .column+.column[data-v-06009b1b]{margin-left:16px}.app-example .md-list[data-v-06009b1b]{background:none}.app-example .md-subheading[data-v-06009b1b]{padding:16px;display:block}.app-example .item-text[data-v-06009b1b]{-ms-flex:1;flex:1}.app-example .md-checkbox[data-v-06009b1b]{margin-right:16px}.app-example .md-button[data-v-06009b1b]{margin-left:16px}.card-layout[data-v-06009b1b]{margin:16px 15%;display:-ms-flexbox;display:flex}.card-layout .column[data-v-06009b1b]{-ms-flex:1;flex:1}.card-layout .column+.column[data-v-06009b1b]{margin-left:8px}.card-layout .md-card+.md-card[data-v-06009b1b]{margin-top:8px}",""])},526:function(t,e,a){e=t.exports=a(4)(),e.push([t.i,"section[data-v-3885c6b0]{max-width:960px}section+section[data-v-3885c6b0]{margin-top:56px}iframe[data-v-3885c6b0]{height:550px}",""])},544:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("page-content",{attrs:{"page-title":"Themes - Dynamic Themes"}},[a("docs-component",[a("div",{slot:"description"},[a("p",[t._v("Vue Material have a complete theme suite. You can create several themes and apply them on-demand. Like on this documentation website you can set a different theme per-page using the API. But you can have a advanced way to change themes using dynamic themes.")]),t._v(" "),a("p",[t._v("You can apply a theme only in a single area of your application using the "),a("code",[t._v("<md-theme>")]),t._v(". If the theme component have only one child element then the theme definition will be attached to this particular element. In other case the component will wrap all of it's children in a "),a("code",[t._v("<div>")]),t._v(" tag (or you can customize the output tag).")]),t._v(" "),a("p",[t._v("Also every single component in Vue Material suite have a "),a("code",[t._v("md-theme")]),t._v(" attribute to set his theme.")]),t._v(" "),a("p",[t._v("All the components will inherit all theme properties from it's parents. If the direct parent doesn't have a theme definition the theme will be resolved by its closest parent or the current theme of the entire application.")])]),t._v(" "),a("div",{slot:"api"},[a("api-table",{attrs:{name:"md-theme"}},[a("md-table",{slot:"properties"},[a("md-table-header",[a("md-table-row",[a("md-table-head",[t._v("Name")]),t._v(" "),a("md-table-head",[t._v("Type")]),t._v(" "),a("md-table-head",[t._v("Description")])],1)],1),t._v(" "),a("md-table-body",[a("md-table-row",[a("md-table-cell",[t._v("md-name")]),t._v(" "),a("md-table-cell",[a("code",[t._v("String")])]),t._v(" "),a("md-table-cell",[t._v("The name of the theme to be applied.")])],1),t._v(" "),a("md-table-row",[a("md-table-cell",[t._v("md-tag")]),t._v(" "),a("md-table-cell",[a("code",[t._v("String")])]),t._v(" "),a("md-table-cell",[t._v("The tag to be applied to wrap all it's children elements.")])],1)],1)],1)],1)],1),t._v(" "),a("div",{slot:"example"},[a("example-box",{attrs:{"card-title":"Component"}},[a("div",{slot:"demo"},[a("div",{staticClass:"app-example"},[a("md-whiteframe",{attrs:{"md-tag":"md-toolbar","md-elevation":"1"}},[a("span",{staticClass:"md-title"},[t._v("Life Organizer 2.0")])]),t._v(" "),a("div",{staticClass:"page-layout"},[a("md-theme",{attrs:{"md-name":"indigo"}},[a("div",{staticClass:"column"},[a("strong",{staticClass:"md-subheading"},[t._v("Shopping list")]),t._v(" "),a("md-list",[a("md-list-item",[a("md-checkbox",{staticClass:"md-primary md-list-action"}),t._v(" "),a("span",{staticClass:"item-text"},[t._v("French bread")])],1),t._v(" "),a("md-list-item",[a("md-checkbox",{staticClass:"md-primary md-list-action",attrs:{value:!0}}),t._v(" "),a("span",{staticClass:"item-text"},[t._v("Brazilian Cheese Bread")])],1),t._v(" "),a("md-list-item",[a("md-checkbox",{staticClass:"md-primary md-list-action"}),t._v(" "),a("span",{staticClass:"item-text"},[t._v("Italian Bread")])],1)],1)],1)]),t._v(" "),a("md-theme",{attrs:{"md-name":"green"}},[a("div",{staticClass:"column"},[a("strong",{staticClass:"md-subheading"},[t._v("Todo List")]),t._v(" "),a("md-list",[a("md-list-item",[a("md-checkbox",{staticClass:"md-primary md-list-action"}),t._v(" "),a("span",{staticClass:"item-text"},[t._v("Create new components")])],1),t._v(" "),a("md-list-item",[a("md-checkbox",{staticClass:"md-primary md-list-action",attrs:{value:!0}}),t._v(" "),a("span",{staticClass:"item-text"},[t._v("Answer Github issues")])],1)],1)],1)]),t._v(" "),a("md-theme",{attrs:{"md-name":"orange"}},[a("div",{staticClass:"column"},[a("strong",{staticClass:"md-subheading"},[t._v("Notes")]),t._v(" "),a("md-list",[a("md-list-item",[a("span",{staticClass:"item-text"},[t._v("Wake up early")]),t._v(" "),a("md-button",{staticClass:"md-icon-button md-list-action"},[a("md-icon",[t._v("star")])],1)],1),t._v(" "),a("md-list-item",[a("span",{staticClass:"item-text"},[t._v("Have breakfast everyday")]),t._v(" "),a("md-button",{staticClass:"md-icon-button md-list-action"},[a("md-icon",{staticClass:"md-primary"},[t._v("star")])],1)],1),t._v(" "),a("md-list-item",[a("span",{staticClass:"item-text"},[t._v("Contribution")]),t._v(" "),a("md-button",{staticClass:"md-icon-button md-list-action"},[a("md-icon",{staticClass:"md-primary"},[t._v("star")])],1)],1),t._v(" "),a("md-list-item",[a("span",{staticClass:"item-text"},[t._v("Travels")]),t._v(" "),a("md-button",{staticClass:"md-icon-button md-list-action"},[a("md-icon",{staticClass:"md-primary"},[t._v("star")])],1)],1)],1)],1)])],1)],1)]),t._v(" "),a("div",{slot:"code"},[a("code-block",{attrs:{lang:"xml"}},[t._v('\n            <div class="app-example">\n              <md-theme md-name="blue">\n                <md-whiteframe md-tag="md-toolbar" md-elevation="1">\n                  <span class="md-title">Life Organizer 2.0</span>\n                </md-whiteframe>\n              </md-theme>\n\n              <div class="page-layout">\n                <md-theme md-name="indigo">\n                  <div class="column">\n                    <strong class="md-subheading">Shopping list</strong>\n                    <md-list>\n                      <md-list-item>\n                        <md-checkbox class="md-primary md-list-action"></md-checkbox>\n                        <span class="item-text">French bread</span>\n                      </md-list-item>\n\n                      <md-list-item>\n                        <md-checkbox :value="true" class="md-primary md-list-action"></md-checkbox>\n                        <span class="item-text">Brazilian Cheese Bread</span>\n                      </md-list-item>\n\n                      <md-list-item>\n                        <md-checkbox class="md-primary md-list-action"></md-checkbox>\n                        <span class="item-text">Italian Bread</span>\n                      </md-list-item>\n                    </md-list>\n                  </div>\n                </md-theme>\n\n                <md-theme md-name="green">\n                  <div class="column">\n                    <strong class="md-subheading">Todo List</strong>\n                    <md-list>\n                      <md-list-item>\n                        <md-checkbox class="md-primary md-list-action"></md-checkbox>\n                        <span class="item-text">Create new components</span>\n                      </md-list-item>\n\n                      <md-list-item>\n                        <md-checkbox :value="true" class="md-primary md-list-action"></md-checkbox>\n                        <span class="item-text">Answer Github issues</span>\n                      </md-list-item>\n                    </md-list>\n                  </div>\n                </md-theme>\n\n                <md-theme md-name="orange">\n                  <div class="column">\n                    <strong class="md-subheading">Notes</strong>\n                    <md-list>\n                      <md-list-item>\n                        <span class="item-text">Wake up early</span>\n                        <md-button class="md-icon-button md-list-action">\n                          <md-icon>star</md-icon>\n                        </md-button>\n                      </md-list-item>\n\n                      <md-list-item>\n                        <span class="item-text">Have breakfast everyday</span>\n                        <md-button class="md-icon-button md-list-action">\n                          <md-icon class="md-primary">star</md-icon>\n                        </md-button>\n                      </md-list-item>\n\n                      <md-list-item>\n                        <span class="item-text">Contribution</span>\n                        <md-button class="md-icon-button md-list-action">\n                          <md-icon class="md-primary">star</md-icon>\n                        </md-button>\n                      </md-list-item>\n\n                      <md-list-item>\n                        <span class="item-text">Travels</span>\n                        <md-button class="md-icon-button md-list-action">\n                          <md-icon class="md-primary">star</md-icon>\n                        </md-button>\n                      </md-list-item>\n                    </md-list>\n                  </div>\n                </md-theme>\n              </div>\n            </div>\n          ')]),t._v(" "),a("code-block",{attrs:{lang:"sass"}},[t._v("\n            .app-example {\n              .page-layout {\n                display: flex;\n              }\n\n              .column {\n                flex: 1;\n                background-color: rgba(#000, .06);\n\n                + .column {\n                  margin-left: 16px;\n                }\n              }\n\n              .md-list {\n                background: none;\n              }\n\n              .md-subheading {\n                padding: 16px;\n                display: block;\n              }\n\n              .item-text {\n                flex: 1;\n              }\n\n              .md-checkbox {\n                margin-right: 16px;\n              }\n\n              .md-button {\n                margin-left: 16px;\n              }\n            }\n          ")])],1)]),t._v(" "),a("example-box",{attrs:{"card-title":"Attribute"}},[a("div",{slot:"demo"},[a("md-whiteframe",[a("md-toolbar",{attrs:{"md-theme":"blue"}},[a("span",{staticClass:"md-title"},[t._v("My app dashboard")])])],1),t._v(" "),a("div",{staticClass:"card-layout"},[a("div",{staticClass:"column"},[a("md-card",{staticClass:"md-primary",attrs:{"md-theme":"blue","md-with-hover":""}},[a("md-card-media",[a("img",{attrs:{src:"assets/card-image-1.jpg",alt:"People"}})]),t._v(" "),a("md-ink-ripple"),t._v(" "),a("md-card-actions",[a("md-button",{staticClass:"md-icon-button"},[a("md-icon",[t._v("favorite")])],1),t._v(" "),a("md-button",{staticClass:"md-icon-button"},[a("md-icon",[t._v("bookmark")])],1),t._v(" "),a("md-button",{staticClass:"md-icon-button"},[a("md-icon",[t._v("share")])],1)],1)],1),t._v(" "),a("md-card",{staticClass:"md-primary",attrs:{"md-theme":"green","md-with-hover":""}},[a("md-card-header",[a("div",{staticClass:"md-title"},[t._v("Title goes here")]),t._v(" "),a("div",{staticClass:"md-subhead"},[t._v("Subtitle here")])]),t._v(" "),a("md-card-content",[t._v("Lorem ipsum dolor sit amet, consectetur adipisicing elit.")]),t._v(" "),a("md-ink-ripple"),t._v(" "),a("md-card-actions",[a("md-button",[t._v("Action")]),t._v(" "),a("md-button",[t._v("Action")])],1)],1)],1),t._v(" "),a("div",{staticClass:"column"},[a("md-card",{staticClass:"md-primary",attrs:{"md-theme":"orange","md-with-hover":""}},[a("md-card-header",[a("md-card-header-text",[a("div",{staticClass:"md-title"},[t._v("Title here")]),t._v(" "),a("div",{staticClass:"md-subhead"},[t._v("Subtitle here")])]),t._v(" "),a("md-card-media",[a("img",{attrs:{src:"assets/avatar-2.jpg",alt:"People"}})])],1),t._v(" "),a("md-card-actions",[a("md-button",[t._v("Action")]),t._v(" "),a("md-button",[t._v("Action")])],1)],1),t._v(" "),a("md-card",{staticClass:"md-primary",attrs:{"md-theme":"blue","md-with-hover":""}},[a("md-card-media",{attrs:{"md-ratio":"16:9"}},[a("img",{attrs:{src:"assets/card-sky.jpg",alt:"People"}})]),t._v(" "),a("md-ink-ripple"),t._v(" "),a("md-card-actions",[a("md-button",{staticClass:"md-icon-button"},[a("md-icon",[t._v("favorite")])],1),t._v(" "),a("md-button",{staticClass:"md-icon-button"},[a("md-icon",[t._v("bookmark")])],1),t._v(" "),a("md-button",{staticClass:"md-icon-button"},[a("md-icon",[t._v("share")])],1)],1)],1)],1)])],1),t._v(" "),a("div",{slot:"code"},[a("code-block",{attrs:{lang:"xml"}},[t._v('\n            <md-whiteframe>\n              <md-toolbar md-theme="blue">\n                <span class="md-title">My app dashboard</span>\n              </md-toolbar>\n            </md-whiteframe>\n\n            <div class="card-layout">\n              <div class="column">\n                <md-card class="md-primary" md-theme="blue" md-with-hover>\n                  <md-card-media>\n                    <img src="assets/card-image-1.jpg" alt="People">\n                  </md-card-media>\n\n                  <md-ink-ripple></md-ink-ripple>\n\n                  <md-card-actions>\n                    <md-button class="md-icon-button">\n                      <md-icon>favorite</md-icon>\n                    </md-button>\n\n                    <md-button class="md-icon-button">\n                      <md-icon>bookmark</md-icon>\n                    </md-button>\n\n                    <md-button class="md-icon-button">\n                      <md-icon>share</md-icon>\n                    </md-button>\n                  </md-card-actions>\n                </md-card>\n\n                <md-card class="md-primary" md-theme="green" md-with-hover>\n                  <md-card-header>\n                    <div class="md-title">Title goes here</div>\n                    <div class="md-subhead">Subtitle here</div>\n                  </md-card-header>\n\n                  <md-card-content>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</md-card-content>\n\n                  <md-ink-ripple></md-ink-ripple>\n\n                  <md-card-actions>\n                    <md-button>Action</md-button>\n                    <md-button>Action</md-button>\n                  </md-card-actions>\n                </md-card>\n              </div>\n\n              <div class="column">\n                <md-card class="md-primary" md-theme="orange" md-with-hover>\n                  <md-card-header>\n                    <md-card-header-text>\n                      <div class="md-title">Title here</div>\n                      <div class="md-subhead">Subtitle here</div>\n                    </md-card-header-text>\n\n                    <md-card-media>\n                      <img src="assets/avatar-2.jpg" alt="People">\n                    </md-card-media>\n                  </md-card-header>\n\n                  <md-card-actions>\n                    <md-button>Action</md-button>\n                    <md-button>Action</md-button>\n                  </md-card-actions>\n                </md-card>\n\n                <md-card class="md-primary" md-theme="blue" md-with-hover>\n                  <md-card-media md-ratio="16:9">\n                    <img src="assets/card-sky.jpg" alt="People">\n                  </md-card-media>\n\n                  <md-ink-ripple></md-ink-ripple>\n\n                  <md-card-actions>\n                    <md-button class="md-icon-button">\n                      <md-icon>favorite</md-icon>\n                    </md-button>\n\n                    <md-button class="md-icon-button">\n                      <md-icon>bookmark</md-icon>\n                    </md-button>\n\n                    <md-button class="md-icon-button">\n                      <md-icon>share</md-icon>\n                    </md-button>\n                  </md-card-actions>\n                </md-card>\n              </div>\n            </div>\n          ')]),t._v(" "),a("code-block",{attrs:{lang:"sass"}},[t._v("\n            .card-layout {\n              margin: 16px 15%;\n              display: flex;\n\n              .column {\n                flex: 1;\n\n                + .column {\n                  margin-left: 8px;\n                }\n              }\n\n              .md-card + .md-card {\n                margin-top: 8px;\n              }\n            }\n          ")])],1)])],1)])],1)},staticRenderFns:[]}},558:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("page-content",{attrs:{"page-title":"Themes - Configuration"}},[a("article",{staticClass:"main-content"},[a("section",[a("h2",{staticClass:"md-headline"},[t._v("Theme Engine")]),t._v(" "),a("p",[t._v("When you create a theme the Vue Material will generate all of the styles ondemand so you don't need to create any css file to create them. Everything is generated when the API is called and this is great because you can create a theme anytime you want. After that you can use the declarative directive to apply the theme inside an element.")]),t._v(" "),a("p",[t._v("Most of the components of Vue Material can change it's colors. Every theme has Primary, Accent, Warn and Background colors. Some components also have a Transparent variation to make your layouts cleaner and easy to place on top of another element. E.g. Tabs inside toolbars.")]),t._v(" "),a("p",[t._v("Vue Material use classes to apply those color intentions: "),a("code",[t._v("md-primary")]),t._v(", "),a("code",[t._v("md-accent")]),t._v(", "),a("code",[t._v("md-warn")]),t._v(" and "),a("code",[t._v("md-transparent")]),t._v(". The background color is applied automaticaly.")])]),t._v(" "),a("section",[a("h2",{staticClass:"md-headline"},[t._v("Color Intentions")]),t._v(" "),a("p",[t._v("Color in material design is inspired by bold hues juxtaposed with muted environments, deep shadows, and bright highlights.")]),t._v(" "),a("p",[t._v("Theming allows changing the color of your application. The "),a("a",{attrs:{href:"https://material.google.com/style/color.html#color-color-palette",target:"_blank",rel:"noopener"}},[t._v("Material Design palette")]),t._v(" can be fully applied using Vue Material. You can pass all intentions or just change the intention that you want. The default colors are:")]),t._v(" "),a("ul",[a("li",[t._v("primary - indigo")]),t._v(" "),a("li",[t._v("accent - pink")]),t._v(" "),a("li",[t._v("warn - deep-orange")]),t._v(" "),a("li",[t._v("background - grey")])]),t._v(" "),a("p",[t._v("All of those colors can be applied to create a theme.")]),t._v(" "),a("ul",[a("li",[t._v("red")]),t._v(" "),a("li",[t._v("pink")]),t._v(" "),a("li",[t._v("purple")]),t._v(" "),a("li",[t._v("deep-purple")]),t._v(" "),a("li",[t._v("indigo")]),t._v(" "),a("li",[t._v("blue")]),t._v(" "),a("li",[t._v("light-blue")]),t._v(" "),a("li",[t._v("cyan")]),t._v(" "),a("li",[t._v("teal")]),t._v(" "),a("li",[t._v("green")]),t._v(" "),a("li",[t._v("light-green")]),t._v(" "),a("li",[t._v("lime")]),t._v(" "),a("li",[t._v("yellow")]),t._v(" "),a("li",[t._v("amber")]),t._v(" "),a("li",[t._v("orange")]),t._v(" "),a("li",[t._v("deep-orange")]),t._v(" "),a("li",[t._v("brown")]),t._v(" "),a("li",[t._v("grey")]),t._v(" "),a("li",[t._v("blue-grey")]),t._v(" "),a("li",[t._v("white")]),t._v(" "),a("li",[t._v("black")])])]),t._v(" "),a("section",[a("h3",{staticClass:"md-headline"},[t._v("Registering themes")]),t._v(" "),a("p",[t._v("The default colors will be applied without any change in your code base. But you can change the colors of the "),a("code",[t._v("default")]),t._v(" theme calling the Vue Material API.")]),t._v(" "),a("code-block",{attrs:{lang:"javascript"}},[t._v("\n        Vue.material.registerTheme('default', {\n          primary: 'blue',\n          accent: 'red',\n          warn: 'red',\n          background: 'grey'\n        })\n      ")])],1),t._v(" "),a("section",[a("h3",{staticClass:"md-headline"},[t._v("Multiple themes")]),t._v(" "),a("p",[t._v("\n        You can call the "),a("code",[t._v("registerTheme")]),t._v(" function how many times you want. However you can pass an object containing all the themes that you need to create:\n      ")]),t._v(" "),a("code-block",{attrs:{lang:"javascript"}},[t._v("\n        Vue.material.registerTheme({\n          app: {\n            primary: 'cyan'\n          },\n          about: {\n            primary: 'indigo'\n          },\n          contact: {\n            primary: 'teal'\n          }\n        })\n      ")]),t._v(" "),a("small",[t._v("Note: If you do not pass all the colors the theme will inherit the "),a("strong",[t._v("default colors")]),t._v(".")])],1),t._v(" "),a("section",[a("h3",{staticClass:"md-headline"},[t._v("Custom Shades")]),t._v(" "),a("p",[t._v("To have a full use of the Material Design palette you can specify different shades for each color:")]),t._v(" "),a("code-block",{attrs:{lang:"javascript"}},[t._v("\n        Vue.material.registerTheme('about', {\n          primary: {\n            color: 'indigo',\n            hue: 'A200'\n          },\n          accent: {\n            color: 'grey',\n            hue: 300\n          }\n        })\n      ")])],1),t._v(" "),a("section",[a("h3",{staticClass:"md-headline"},[t._v("Applying a theme")]),t._v(" "),a("p",[t._v("To change the current theme in your application just call the "),a("code",[t._v("setCurrentTheme")]),t._v(" method from anywhere in your application:")]),t._v(" "),a("code-block",{attrs:{lang:"javascript"}},[t._v("\n        Vue.material.setCurrentTheme('about')\n      ")]),t._v(" "),a("p",[t._v("Or inside a Vue instance:")]),t._v(" "),a("code-block",{attrs:{lang:"javascript"}},[t._v("\n        this.$material.setCurrentTheme('about')\n      ")])],1),t._v(" "),a("section",[a("h3",{staticClass:"md-headline"},[t._v("Codepen example")]),t._v(" "),a("iframe",{staticStyle:{width:"100%"},attrs:{height:"550",scrolling:"no",title:"Theme Example",src:"//codepen.io/vue-material/embed/WGavBE/?height=550&theme-id=dark&default-tab=html,result&embed-version=2",frameborder:"no",allowtransparency:"true",allowfullscreen:"true"}},[t._v("See the Pen "),a("a",{attrs:{href:"http://codepen.io/vue-material/pen/WGavBE/"}},[t._v("Theme Example")]),t._v(" by Vue Material ("),a("a",{attrs:{href:"http://codepen.io/vue-material"}},[t._v("@vue-material")]),t._v(") on "),a("a",{attrs:{href:"http://codepen.io"}},[t._v("CodePen")]),t._v(".")])],1)])])},staticRenderFns:[]}},582:function(t,e,a){var n=a(514);"string"==typeof n&&(n=[[t.i,n,""]]),n.locals&&(t.exports=n.locals);a(5)("0f2e007d",n,!0)},594:function(t,e,a){var n=a(526);"string"==typeof n&&(n=[[t.i,n,""]]),n.locals&&(t.exports=n.locals);a(5)("6aeb375a",n,!0)}});
\ No newline at end of file
+webpackJsonp([2,34],{492:function(t,e,a){a(593);var n=a(0)(null,a(557),"data-v-3885c6b0",null);t.exports=n.exports},493:function(t,e,a){a(581);var n=a(0)(null,a(543),"data-v-06009b1b",null);t.exports=n.exports},513:function(t,e,a){e=t.exports=a(4)(),e.push([t.i,"section[data-v-06009b1b]{max-width:960px}section+section[data-v-06009b1b]{margin-top:56px}.app-example .page-layout[data-v-06009b1b]{display:-ms-flexbox;display:flex}.app-example .column[data-v-06009b1b]{-ms-flex:1;flex:1;background-color:rgba(0,0,0,.06)}.app-example .column+.column[data-v-06009b1b]{margin-left:16px}.app-example .md-list[data-v-06009b1b]{background:none}.app-example .md-subheading[data-v-06009b1b]{padding:16px;display:block}.app-example .item-text[data-v-06009b1b]{-ms-flex:1;flex:1}.app-example .md-checkbox[data-v-06009b1b]{margin-right:16px}.app-example .md-button[data-v-06009b1b]{margin-left:16px}.card-layout[data-v-06009b1b]{margin:16px 15%;display:-ms-flexbox;display:flex}.card-layout .column[data-v-06009b1b]{-ms-flex:1;flex:1}.card-layout .column+.column[data-v-06009b1b]{margin-left:8px}.card-layout .md-card+.md-card[data-v-06009b1b]{margin-top:8px}",""])},525:function(t,e,a){e=t.exports=a(4)(),e.push([t.i,"section[data-v-3885c6b0]{max-width:960px}section+section[data-v-3885c6b0]{margin-top:56px}iframe[data-v-3885c6b0]{height:550px}",""])},543:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("page-content",{attrs:{"page-title":"Themes - Dynamic Themes"}},[a("docs-component",[a("div",{slot:"description"},[a("p",[t._v("Vue Material have a complete theme suite. You can create several themes and apply them on-demand. Like on this documentation website you can set a different theme per-page using the API. But you can have a advanced way to change themes using dynamic themes.")]),t._v(" "),a("p",[t._v("You can apply a theme only in a single area of your application using the "),a("code",[t._v("<md-theme>")]),t._v(". If the theme component have only one child element then the theme definition will be attached to this particular element. In other case the component will wrap all of it's children in a "),a("code",[t._v("<div>")]),t._v(" tag (or you can customize the output tag).")]),t._v(" "),a("p",[t._v("Also every single component in Vue Material suite have a "),a("code",[t._v("md-theme")]),t._v(" attribute to set his theme.")]),t._v(" "),a("p",[t._v("All the components will inherit all theme properties from it's parents. If the direct parent doesn't have a theme definition the theme will be resolved by its closest parent or the current theme of the entire application.")])]),t._v(" "),a("div",{slot:"api"},[a("api-table",{attrs:{name:"md-theme"}},[a("md-table",{slot:"properties"},[a("md-table-header",[a("md-table-row",[a("md-table-head",[t._v("Name")]),t._v(" "),a("md-table-head",[t._v("Type")]),t._v(" "),a("md-table-head",[t._v("Description")])],1)],1),t._v(" "),a("md-table-body",[a("md-table-row",[a("md-table-cell",[t._v("md-name")]),t._v(" "),a("md-table-cell",[a("code",[t._v("String")])]),t._v(" "),a("md-table-cell",[t._v("The name of the theme to be applied.")])],1),t._v(" "),a("md-table-row",[a("md-table-cell",[t._v("md-tag")]),t._v(" "),a("md-table-cell",[a("code",[t._v("String")])]),t._v(" "),a("md-table-cell",[t._v("The tag to be applied to wrap all it's children elements.")])],1)],1)],1)],1)],1),t._v(" "),a("div",{slot:"example"},[a("example-box",{attrs:{"card-title":"Component"}},[a("div",{slot:"demo"},[a("div",{staticClass:"app-example"},[a("md-whiteframe",{attrs:{"md-tag":"md-toolbar","md-elevation":"1"}},[a("span",{staticClass:"md-title"},[t._v("Life Organizer 2.0")])]),t._v(" "),a("div",{staticClass:"page-layout"},[a("md-theme",{attrs:{"md-name":"indigo"}},[a("div",{staticClass:"column"},[a("strong",{staticClass:"md-subheading"},[t._v("Shopping list")]),t._v(" "),a("md-list",[a("md-list-item",[a("md-checkbox",{staticClass:"md-primary md-list-action"}),t._v(" "),a("span",{staticClass:"item-text"},[t._v("French bread")])],1),t._v(" "),a("md-list-item",[a("md-checkbox",{staticClass:"md-primary md-list-action",attrs:{value:!0}}),t._v(" "),a("span",{staticClass:"item-text"},[t._v("Brazilian Cheese Bread")])],1),t._v(" "),a("md-list-item",[a("md-checkbox",{staticClass:"md-primary md-list-action"}),t._v(" "),a("span",{staticClass:"item-text"},[t._v("Italian Bread")])],1)],1)],1)]),t._v(" "),a("md-theme",{attrs:{"md-name":"green"}},[a("div",{staticClass:"column"},[a("strong",{staticClass:"md-subheading"},[t._v("Todo List")]),t._v(" "),a("md-list",[a("md-list-item",[a("md-checkbox",{staticClass:"md-primary md-list-action"}),t._v(" "),a("span",{staticClass:"item-text"},[t._v("Create new components")])],1),t._v(" "),a("md-list-item",[a("md-checkbox",{staticClass:"md-primary md-list-action",attrs:{value:!0}}),t._v(" "),a("span",{staticClass:"item-text"},[t._v("Answer Github issues")])],1)],1)],1)]),t._v(" "),a("md-theme",{attrs:{"md-name":"orange"}},[a("div",{staticClass:"column"},[a("strong",{staticClass:"md-subheading"},[t._v("Notes")]),t._v(" "),a("md-list",[a("md-list-item",[a("span",{staticClass:"item-text"},[t._v("Wake up early")]),t._v(" "),a("md-button",{staticClass:"md-icon-button md-list-action"},[a("md-icon",[t._v("star")])],1)],1),t._v(" "),a("md-list-item",[a("span",{staticClass:"item-text"},[t._v("Have breakfast everyday")]),t._v(" "),a("md-button",{staticClass:"md-icon-button md-list-action"},[a("md-icon",{staticClass:"md-primary"},[t._v("star")])],1)],1),t._v(" "),a("md-list-item",[a("span",{staticClass:"item-text"},[t._v("Contribution")]),t._v(" "),a("md-button",{staticClass:"md-icon-button md-list-action"},[a("md-icon",{staticClass:"md-primary"},[t._v("star")])],1)],1),t._v(" "),a("md-list-item",[a("span",{staticClass:"item-text"},[t._v("Travels")]),t._v(" "),a("md-button",{staticClass:"md-icon-button md-list-action"},[a("md-icon",{staticClass:"md-primary"},[t._v("star")])],1)],1)],1)],1)])],1)],1)]),t._v(" "),a("div",{slot:"code"},[a("code-block",{attrs:{lang:"xml"}},[t._v('\n            <div class="app-example">\n              <md-theme md-name="blue">\n                <md-whiteframe md-tag="md-toolbar" md-elevation="1">\n                  <span class="md-title">Life Organizer 2.0</span>\n                </md-whiteframe>\n              </md-theme>\n\n              <div class="page-layout">\n                <md-theme md-name="indigo">\n                  <div class="column">\n                    <strong class="md-subheading">Shopping list</strong>\n                    <md-list>\n                      <md-list-item>\n                        <md-checkbox class="md-primary md-list-action"></md-checkbox>\n                        <span class="item-text">French bread</span>\n                      </md-list-item>\n\n                      <md-list-item>\n                        <md-checkbox :value="true" class="md-primary md-list-action"></md-checkbox>\n                        <span class="item-text">Brazilian Cheese Bread</span>\n                      </md-list-item>\n\n                      <md-list-item>\n                        <md-checkbox class="md-primary md-list-action"></md-checkbox>\n                        <span class="item-text">Italian Bread</span>\n                      </md-list-item>\n                    </md-list>\n                  </div>\n                </md-theme>\n\n                <md-theme md-name="green">\n                  <div class="column">\n                    <strong class="md-subheading">Todo List</strong>\n                    <md-list>\n                      <md-list-item>\n                        <md-checkbox class="md-primary md-list-action"></md-checkbox>\n                        <span class="item-text">Create new components</span>\n                      </md-list-item>\n\n                      <md-list-item>\n                        <md-checkbox :value="true" class="md-primary md-list-action"></md-checkbox>\n                        <span class="item-text">Answer Github issues</span>\n                      </md-list-item>\n                    </md-list>\n                  </div>\n                </md-theme>\n\n                <md-theme md-name="orange">\n                  <div class="column">\n                    <strong class="md-subheading">Notes</strong>\n                    <md-list>\n                      <md-list-item>\n                        <span class="item-text">Wake up early</span>\n                        <md-button class="md-icon-button md-list-action">\n                          <md-icon>star</md-icon>\n                        </md-button>\n                      </md-list-item>\n\n                      <md-list-item>\n                        <span class="item-text">Have breakfast everyday</span>\n                        <md-button class="md-icon-button md-list-action">\n                          <md-icon class="md-primary">star</md-icon>\n                        </md-button>\n                      </md-list-item>\n\n                      <md-list-item>\n                        <span class="item-text">Contribution</span>\n                        <md-button class="md-icon-button md-list-action">\n                          <md-icon class="md-primary">star</md-icon>\n                        </md-button>\n                      </md-list-item>\n\n                      <md-list-item>\n                        <span class="item-text">Travels</span>\n                        <md-button class="md-icon-button md-list-action">\n                          <md-icon class="md-primary">star</md-icon>\n                        </md-button>\n                      </md-list-item>\n                    </md-list>\n                  </div>\n                </md-theme>\n              </div>\n            </div>\n          ')]),t._v(" "),a("code-block",{attrs:{lang:"sass"}},[t._v("\n            .app-example {\n              .page-layout {\n                display: flex;\n              }\n\n              .column {\n                flex: 1;\n                background-color: rgba(#000, .06);\n\n                + .column {\n                  margin-left: 16px;\n                }\n              }\n\n              .md-list {\n                background: none;\n              }\n\n              .md-subheading {\n                padding: 16px;\n                display: block;\n              }\n\n              .item-text {\n                flex: 1;\n              }\n\n              .md-checkbox {\n                margin-right: 16px;\n              }\n\n              .md-button {\n                margin-left: 16px;\n              }\n            }\n          ")])],1)]),t._v(" "),a("example-box",{attrs:{"card-title":"Attribute"}},[a("div",{slot:"demo"},[a("md-whiteframe",[a("md-toolbar",{attrs:{"md-theme":"blue"}},[a("span",{staticClass:"md-title"},[t._v("My app dashboard")])])],1),t._v(" "),a("div",{staticClass:"card-layout"},[a("div",{staticClass:"column"},[a("md-card",{staticClass:"md-primary",attrs:{"md-theme":"blue","md-with-hover":""}},[a("md-card-media",[a("img",{attrs:{src:"assets/card-image-1.jpg",alt:"People"}})]),t._v(" "),a("md-ink-ripple"),t._v(" "),a("md-card-actions",[a("md-button",{staticClass:"md-icon-button"},[a("md-icon",[t._v("favorite")])],1),t._v(" "),a("md-button",{staticClass:"md-icon-button"},[a("md-icon",[t._v("bookmark")])],1),t._v(" "),a("md-button",{staticClass:"md-icon-button"},[a("md-icon",[t._v("share")])],1)],1)],1),t._v(" "),a("md-card",{staticClass:"md-primary",attrs:{"md-theme":"green","md-with-hover":""}},[a("md-card-header",[a("div",{staticClass:"md-title"},[t._v("Title goes here")]),t._v(" "),a("div",{staticClass:"md-subhead"},[t._v("Subtitle here")])]),t._v(" "),a("md-card-content",[t._v("Lorem ipsum dolor sit amet, consectetur adipisicing elit.")]),t._v(" "),a("md-ink-ripple"),t._v(" "),a("md-card-actions",[a("md-button",[t._v("Action")]),t._v(" "),a("md-button",[t._v("Action")])],1)],1)],1),t._v(" "),a("div",{staticClass:"column"},[a("md-card",{staticClass:"md-primary",attrs:{"md-theme":"orange","md-with-hover":""}},[a("md-card-header",[a("md-card-header-text",[a("div",{staticClass:"md-title"},[t._v("Title here")]),t._v(" "),a("div",{staticClass:"md-subhead"},[t._v("Subtitle here")])]),t._v(" "),a("md-card-media",[a("img",{attrs:{src:"assets/avatar-2.jpg",alt:"People"}})])],1),t._v(" "),a("md-card-actions",[a("md-button",[t._v("Action")]),t._v(" "),a("md-button",[t._v("Action")])],1)],1),t._v(" "),a("md-card",{staticClass:"md-primary",attrs:{"md-theme":"blue","md-with-hover":""}},[a("md-card-media",{attrs:{"md-ratio":"16:9"}},[a("img",{attrs:{src:"assets/card-sky.jpg",alt:"People"}})]),t._v(" "),a("md-ink-ripple"),t._v(" "),a("md-card-actions",[a("md-button",{staticClass:"md-icon-button"},[a("md-icon",[t._v("favorite")])],1),t._v(" "),a("md-button",{staticClass:"md-icon-button"},[a("md-icon",[t._v("bookmark")])],1),t._v(" "),a("md-button",{staticClass:"md-icon-button"},[a("md-icon",[t._v("share")])],1)],1)],1)],1)])],1),t._v(" "),a("div",{slot:"code"},[a("code-block",{attrs:{lang:"xml"}},[t._v('\n            <md-whiteframe>\n              <md-toolbar md-theme="blue">\n                <span class="md-title">My app dashboard</span>\n              </md-toolbar>\n            </md-whiteframe>\n\n            <div class="card-layout">\n              <div class="column">\n                <md-card class="md-primary" md-theme="blue" md-with-hover>\n                  <md-card-media>\n                    <img src="assets/card-image-1.jpg" alt="People">\n                  </md-card-media>\n\n                  <md-ink-ripple></md-ink-ripple>\n\n                  <md-card-actions>\n                    <md-button class="md-icon-button">\n                      <md-icon>favorite</md-icon>\n                    </md-button>\n\n                    <md-button class="md-icon-button">\n                      <md-icon>bookmark</md-icon>\n                    </md-button>\n\n                    <md-button class="md-icon-button">\n                      <md-icon>share</md-icon>\n                    </md-button>\n                  </md-card-actions>\n                </md-card>\n\n                <md-card class="md-primary" md-theme="green" md-with-hover>\n                  <md-card-header>\n                    <div class="md-title">Title goes here</div>\n                    <div class="md-subhead">Subtitle here</div>\n                  </md-card-header>\n\n                  <md-card-content>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</md-card-content>\n\n                  <md-ink-ripple></md-ink-ripple>\n\n                  <md-card-actions>\n                    <md-button>Action</md-button>\n                    <md-button>Action</md-button>\n                  </md-card-actions>\n                </md-card>\n              </div>\n\n              <div class="column">\n                <md-card class="md-primary" md-theme="orange" md-with-hover>\n                  <md-card-header>\n                    <md-card-header-text>\n                      <div class="md-title">Title here</div>\n                      <div class="md-subhead">Subtitle here</div>\n                    </md-card-header-text>\n\n                    <md-card-media>\n                      <img src="assets/avatar-2.jpg" alt="People">\n                    </md-card-media>\n                  </md-card-header>\n\n                  <md-card-actions>\n                    <md-button>Action</md-button>\n                    <md-button>Action</md-button>\n                  </md-card-actions>\n                </md-card>\n\n                <md-card class="md-primary" md-theme="blue" md-with-hover>\n                  <md-card-media md-ratio="16:9">\n                    <img src="assets/card-sky.jpg" alt="People">\n                  </md-card-media>\n\n                  <md-ink-ripple></md-ink-ripple>\n\n                  <md-card-actions>\n                    <md-button class="md-icon-button">\n                      <md-icon>favorite</md-icon>\n                    </md-button>\n\n                    <md-button class="md-icon-button">\n                      <md-icon>bookmark</md-icon>\n                    </md-button>\n\n                    <md-button class="md-icon-button">\n                      <md-icon>share</md-icon>\n                    </md-button>\n                  </md-card-actions>\n                </md-card>\n              </div>\n            </div>\n          ')]),t._v(" "),a("code-block",{attrs:{lang:"sass"}},[t._v("\n            .card-layout {\n              margin: 16px 15%;\n              display: flex;\n\n              .column {\n                flex: 1;\n\n                + .column {\n                  margin-left: 8px;\n                }\n              }\n\n              .md-card + .md-card {\n                margin-top: 8px;\n              }\n            }\n          ")])],1)])],1)])],1)},staticRenderFns:[]}},557:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("page-content",{attrs:{"page-title":"Themes - Configuration"}},[a("article",{staticClass:"main-content"},[a("section",[a("h2",{staticClass:"md-headline"},[t._v("Theme Engine")]),t._v(" "),a("p",[t._v("When you create a theme the Vue Material will generate all of the styles ondemand so you don't need to create any css file to create them. Everything is generated when the API is called and this is great because you can create a theme anytime you want. After that you can use the declarative directive to apply the theme inside an element.")]),t._v(" "),a("p",[t._v("Most of the components of Vue Material can change it's colors. Every theme has Primary, Accent, Warn and Background colors. Some components also have a Transparent variation to make your layouts cleaner and easy to place on top of another element. E.g. Tabs inside toolbars.")]),t._v(" "),a("p",[t._v("Vue Material use classes to apply those color intentions: "),a("code",[t._v("md-primary")]),t._v(", "),a("code",[t._v("md-accent")]),t._v(", "),a("code",[t._v("md-warn")]),t._v(" and "),a("code",[t._v("md-transparent")]),t._v(". The background color is applied automaticaly.")])]),t._v(" "),a("section",[a("h2",{staticClass:"md-headline"},[t._v("Color Intentions")]),t._v(" "),a("p",[t._v("Color in material design is inspired by bold hues juxtaposed with muted environments, deep shadows, and bright highlights.")]),t._v(" "),a("p",[t._v("Theming allows changing the color of your application. The "),a("a",{attrs:{href:"https://material.google.com/style/color.html#color-color-palette",target:"_blank",rel:"noopener"}},[t._v("Material Design palette")]),t._v(" can be fully applied using Vue Material. You can pass all intentions or just change the intention that you want. The default colors are:")]),t._v(" "),a("ul",[a("li",[t._v("primary - indigo")]),t._v(" "),a("li",[t._v("accent - pink")]),t._v(" "),a("li",[t._v("warn - deep-orange")]),t._v(" "),a("li",[t._v("background - grey")])]),t._v(" "),a("p",[t._v("All of those colors can be applied to create a theme.")]),t._v(" "),a("ul",[a("li",[t._v("red")]),t._v(" "),a("li",[t._v("pink")]),t._v(" "),a("li",[t._v("purple")]),t._v(" "),a("li",[t._v("deep-purple")]),t._v(" "),a("li",[t._v("indigo")]),t._v(" "),a("li",[t._v("blue")]),t._v(" "),a("li",[t._v("light-blue")]),t._v(" "),a("li",[t._v("cyan")]),t._v(" "),a("li",[t._v("teal")]),t._v(" "),a("li",[t._v("green")]),t._v(" "),a("li",[t._v("light-green")]),t._v(" "),a("li",[t._v("lime")]),t._v(" "),a("li",[t._v("yellow")]),t._v(" "),a("li",[t._v("amber")]),t._v(" "),a("li",[t._v("orange")]),t._v(" "),a("li",[t._v("deep-orange")]),t._v(" "),a("li",[t._v("brown")]),t._v(" "),a("li",[t._v("grey")]),t._v(" "),a("li",[t._v("blue-grey")]),t._v(" "),a("li",[t._v("white")]),t._v(" "),a("li",[t._v("black")])])]),t._v(" "),a("section",[a("h3",{staticClass:"md-headline"},[t._v("Registering themes")]),t._v(" "),a("p",[t._v("The default colors will be applied without any change in your code base. But you can change the colors of the "),a("code",[t._v("default")]),t._v(" theme calling the Vue Material API.")]),t._v(" "),a("code-block",{attrs:{lang:"javascript"}},[t._v("\n        Vue.material.registerTheme('default', {\n          primary: 'blue',\n          accent: 'red',\n          warn: 'red',\n          background: 'grey'\n        })\n      ")])],1),t._v(" "),a("section",[a("h3",{staticClass:"md-headline"},[t._v("Multiple themes")]),t._v(" "),a("p",[t._v("\n        You can call the "),a("code",[t._v("registerTheme")]),t._v(" function how many times you want. However you can pass an object containing all the themes that you need to create:\n      ")]),t._v(" "),a("code-block",{attrs:{lang:"javascript"}},[t._v("\n        Vue.material.registerTheme({\n          app: {\n            primary: 'cyan'\n          },\n          about: {\n            primary: 'indigo'\n          },\n          contact: {\n            primary: 'teal'\n          }\n        })\n      ")]),t._v(" "),a("small",[t._v("Note: If you do not pass all the colors the theme will inherit the "),a("strong",[t._v("default colors")]),t._v(".")])],1),t._v(" "),a("section",[a("h3",{staticClass:"md-headline"},[t._v("Custom Shades")]),t._v(" "),a("p",[t._v("To have a full use of the Material Design palette you can specify different shades for each color:")]),t._v(" "),a("code-block",{attrs:{lang:"javascript"}},[t._v("\n        Vue.material.registerTheme('about', {\n          primary: {\n            color: 'indigo',\n            hue: 'A200'\n          },\n          accent: {\n            color: 'grey',\n            hue: 300\n          }\n        })\n      ")])],1),t._v(" "),a("section",[a("h3",{staticClass:"md-headline"},[t._v("Applying a theme")]),t._v(" "),a("p",[t._v("To change the current theme in your application just call the "),a("code",[t._v("setCurrentTheme")]),t._v(" method from anywhere in your application:")]),t._v(" "),a("code-block",{attrs:{lang:"javascript"}},[t._v("\n        Vue.material.setCurrentTheme('about')\n      ")]),t._v(" "),a("p",[t._v("Or inside a Vue instance:")]),t._v(" "),a("code-block",{attrs:{lang:"javascript"}},[t._v("\n        this.$material.setCurrentTheme('about')\n      ")])],1),t._v(" "),a("section",[a("h3",{staticClass:"md-headline"},[t._v("Codepen example")]),t._v(" "),a("iframe",{staticStyle:{width:"100%"},attrs:{height:"550",scrolling:"no",title:"Theme Example",src:"//codepen.io/vue-material/embed/WGavBE/?height=550&theme-id=dark&default-tab=html,result&embed-version=2",frameborder:"no",allowtransparency:"true",allowfullscreen:"true"}},[t._v("See the Pen "),a("a",{attrs:{href:"http://codepen.io/vue-material/pen/WGavBE/"}},[t._v("Theme Example")]),t._v(" by Vue Material ("),a("a",{attrs:{href:"http://codepen.io/vue-material"}},[t._v("@vue-material")]),t._v(") on "),a("a",{attrs:{href:"http://codepen.io"}},[t._v("CodePen")]),t._v(".")])],1)])])},staticRenderFns:[]}},581:function(t,e,a){var n=a(513);"string"==typeof n&&(n=[[t.i,n,""]]),n.locals&&(t.exports=n.locals);a(5)("0f2e007d",n,!0)},593:function(t,e,a){var n=a(525);"string"==typeof n&&(n=[[t.i,n,""]]),n.locals&&(t.exports=n.locals);a(5)("6aeb375a",n,!0)}});
\ No newline at end of file
diff --git a/toolbar.caa5dc64.js b/toolbar.44924cd1.js
similarity index 99%
rename from toolbar.caa5dc64.js
rename to toolbar.44924cd1.js
index 55f84d7..de4d1bc 100644
--- a/toolbar.caa5dc64.js
+++ b/toolbar.44924cd1.js
@@ -1 +1 @@
-webpackJsonp([20,34],{489:function(t,n,a){a(590);var m=a(0)(null,a(553),"data-v-2bf259f9",null);t.exports=m.exports},522:function(t,n,a){n=t.exports=a(4)(),n.push([t.i,".md-toolbar+.md-toolbar[data-v-2bf259f9]{margin-top:16px}.complete-example[data-v-2bf259f9]{height:540px;display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;position:relative;overflow:hidden;z-index:1}.complete-example .md-fab[data-v-2bf259f9]{margin:0;position:absolute;bottom:-20px;left:16px}.complete-example .md-title[data-v-2bf259f9]{color:#fff}.complete-example .md-list[data-v-2bf259f9]{overflow:auto}.complete-example .md-list-action .md-icon[data-v-2bf259f9]{color:rgba(0,0,0,.26)}.complete-example .md-avatar-icon .md-icon[data-v-2bf259f9]{color:#fff!important}.complete-example .md-sidenav .md-list-text-container>[data-v-2bf259f9]:nth-child(2){color:hsla(0,0%,100%,.54)}.complete-example .md-account-header .md-list-item:hover .md-button[data-v-2bf259f9]:hover{background-color:inherit}.complete-example .md-account-header .md-avatar-list .md-list-item-container[data-v-2bf259f9]:hover{background:none!important}",""])},553:function(t,n){t.exports={render:function(){var t=this,n=t.$createElement,a=t._self._c||n;return a("page-content",{attrs:{"page-title":"Components - Toolbar"}},[a("docs-component",[a("div",{slot:"description"},[a("p",[t._v("Toolbars appear a step above the content they affect. They may constrain their width to accommodate material passing over them.")]),t._v(" "),a("p",[t._v("You need to wrap all the elements of your toolbar in a element with the class "),a("code",[t._v("md-toolbar-container")]),t._v(" for medium and large toolbars. On large toolbars you can have two containers to push content to bottom.")]),t._v(" "),a("p",[t._v("The following classes can be applied to change the color palette:")]),t._v(" "),a("ul",{staticClass:"md-body-2"},[a("li",[a("code",[t._v("md-accent")])]),t._v(" "),a("li",[a("code",[t._v("md-warn")])]),t._v(" "),a("li",[a("code",[t._v("md-transparent")])])])]),t._v(" "),a("div",{slot:"api"},[a("api-table",{attrs:{name:"md-toolbar"}},[a("md-table",{slot:"classes"},[a("md-table-header",[a("md-table-row",[a("md-table-head",[t._v("Name")]),t._v(" "),a("md-table-head",[t._v("Description")])],1)],1),t._v(" "),a("md-table-body",[a("md-table-row",[a("md-table-cell",[t._v("md-dense")]),t._v(" "),a("md-table-cell",[t._v("Create a small and dense toolbar.")])],1),t._v(" "),a("md-table-row",[a("md-table-cell",[t._v("md-medium")]),t._v(" "),a("md-table-cell",[t._v("Create a medium.")])],1),t._v(" "),a("md-table-row",[a("md-table-cell",[t._v("md-large")]),t._v(" "),a("md-table-cell",[t._v("Create a large.")])],1),t._v(" "),a("md-table-row",[a("md-table-cell",[t._v("md-account-header")]),t._v(" "),a("md-table-cell",[t._v("Create a account header toolbar to show user accounts inside sidenav. See example below and the complete example")])],1)],1)],1)],1),t._v(" "),a("api-table",[a("code-block",{attrs:{lang:"xml",height:"none"}},[t._v('\n          <md-toolbar class="md-account-header">\n            <md-list class="md-transparent">\n              <md-list-item class="md-avatar-list">\n                <md-avatar class="md-large">\n                  <img src="https://placeimg.com/64/64/people/8" alt="People">\n                </md-avatar>\n\n                <span style="flex: 1"></span>\n\n                <md-avatar>\n                  <img src="https://placeimg.com/40/40/people/3" alt="People">\n                </md-avatar>\n\n                <md-avatar>\n                  <img src="https://placeimg.com/40/40/people/4" alt="People">\n                </md-avatar>\n              </md-list-item>\n\n              <md-list-item>\n                <div class="md-list-text-container">\n                  <span>John Doe</span>\n                  <span>johndoe@email.com</span>\n                </div>\n\n                <md-button class="md-icon-button md-list-action">\n                  <md-icon>arrow_drop_down</md-icon>\n                </md-button>\n              </md-list-item>\n            </md-list>\n          </md-toolbar>\n        ')])],1)],1),t._v(" "),a("div",{slot:"example"},[a("example-box",{attrs:{"card-title":"Sizes"}},[a("div",{slot:"demo"},[a("md-toolbar",[a("md-button",{staticClass:"md-icon-button"},[a("md-icon",[t._v("menu")])],1),t._v(" "),a("h2",{staticClass:"md-title"},[t._v("Default")]),t._v(" "),a("md-input-container",{staticStyle:{flex:"1"}},[a("md-input",{attrs:{placeholder:"Search..."}})],1),t._v(" "),a("md-button",{staticClass:"md-icon-button"},[a("md-icon",[t._v("favorite")])],1)],1),t._v(" "),a("md-toolbar",{staticClass:"md-dense"},[a("md-button",{staticClass:"md-icon-button"},[a("md-icon",[t._v("menu")])],1),t._v(" "),a("h2",{staticClass:"md-title",staticStyle:{flex:"1"}},[t._v("Dense")]),t._v(" "),a("md-button",{staticClass:"md-icon-button"},[a("md-icon",[t._v("favorite")])],1)],1),t._v(" "),a("md-toolbar",{staticClass:"md-medium"},[a("div",{staticClass:"md-toolbar-container"},[a("md-button",{staticClass:"md-icon-button"},[a("md-icon",[t._v("menu")])],1),t._v(" "),a("h2",{staticClass:"md-title",staticStyle:{flex:"1"}},[t._v("Medium")]),t._v(" "),a("md-button",{staticClass:"md-icon-button"},[a("md-icon",[t._v("search")])],1),t._v(" "),a("md-button",{staticClass:"md-icon-button"},[a("md-icon",[t._v("filter_list")])],1)],1)]),t._v(" "),a("md-toolbar",{staticClass:"md-large"},[a("div",{staticClass:"md-toolbar-container"},[a("md-button",{staticClass:"md-icon-button"},[a("md-icon",[t._v("menu")])],1),t._v(" "),a("span",{staticStyle:{flex:"1"}}),t._v(" "),a("md-button",{staticClass:"md-icon-button"},[a("md-icon",[t._v("search")])],1),t._v(" "),a("md-button",{staticClass:"md-icon-button"},[a("md-icon",[t._v("filter_list")])],1)],1),t._v(" "),a("div",{staticClass:"md-toolbar-container"},[a("h2",{staticClass:"md-title"},[t._v("Large")])])])],1),t._v(" "),a("div",{slot:"code"},[a("code-block",{attrs:{lang:"xml"}},[t._v('\n            <md-toolbar>\n              <md-button class="md-icon-button">\n                <md-icon>menu</md-icon>\n              </md-button>\n\n              <h2 class="md-title" style="flex: 1">Default</h2>\n\n              <md-button class="md-icon-button">\n                <md-icon>favorite</md-icon>\n              </md-button>\n            </md-toolbar>\n\n            <md-toolbar class="md-dense">\n              <md-button class="md-icon-button">\n                <md-icon>menu</md-icon>\n              </md-button>\n\n              <h2 class="md-title" style="flex: 1">Dense</h2>\n\n              <md-button class="md-icon-button">\n                <md-icon>favorite</md-icon>\n              </md-button>\n            </md-toolbar>\n\n            <md-toolbar class="md-medium">\n              <div class="md-toolbar-container">\n                <md-button class="md-icon-button">\n                  <md-icon>menu</md-icon>\n                </md-button>\n\n                <h2 class="md-title" style="flex: 1;">Medium</h2>\n\n                <md-button class="md-icon-button">\n                  <md-icon>search</md-icon>\n                </md-button>\n\n                <md-button class="md-icon-button">\n                  <md-icon>filter_list</md-icon>\n                </md-button>\n              </div>\n            </md-toolbar>\n\n            <md-toolbar class="md-large">\n              <div class="md-toolbar-container">\n                <md-button class="md-icon-button">\n                  <md-icon>menu</md-icon>\n                </md-button>\n\n                <span style="flex: 1;"></span>\n\n                <md-button class="md-icon-button">\n                  <md-icon>search</md-icon>\n                </md-button>\n\n                <md-button class="md-icon-button">\n                  <md-icon>filter_list</md-icon>\n                </md-button>\n              </div>\n\n              <div class="md-toolbar-container">\n                <h2 class="md-title">Large</h2>\n              </div>\n            </md-toolbar>\n          ')])],1)]),t._v(" "),a("example-box",{attrs:{"card-title":"Palettes"}},[a("div",{slot:"demo"},[a("md-toolbar",{staticClass:"md-accent"},[a("md-button",{staticClass:"md-icon-button"},[a("md-icon",[t._v("menu")])],1),t._v(" "),a("h2",{staticClass:"md-title",staticStyle:{flex:"1"}},[t._v("Vue Material")]),t._v(" "),a("md-button",{staticClass:"md-icon-button"},[a("md-icon",[t._v("favorite")])],1)],1),t._v(" "),a("md-toolbar",{staticClass:"md-warn"},[a("md-button",{staticClass:"md-icon-button"},[a("md-icon",[t._v("menu")])],1),t._v(" "),a("h2",{staticClass:"md-title",staticStyle:{flex:"1"}},[t._v("Vue Material")]),t._v(" "),a("md-button",[t._v("Add")]),t._v(" "),a("md-button",[t._v("Remove")])],1),t._v(" "),a("md-toolbar",{staticClass:"md-transparent"},[a("md-button",{staticClass:"md-icon-button"},[a("md-icon",[t._v("menu")])],1),t._v(" "),a("h2",{staticClass:"md-title",staticStyle:{flex:"1"}},[t._v("Vue Material")]),t._v(" "),a("md-button",{staticClass:"md-raised"},[t._v("Add")]),t._v(" "),a("md-button",{staticClass:"md-raised md-warn"},[t._v("Remove")])],1)],1),t._v(" "),a("div",{slot:"code"},[a("code-block",{attrs:{lang:"xml"}},[t._v('\n            <md-toolbar class="md-accent">\n              <md-button class="md-icon-button">\n                <md-icon>menu</md-icon>\n              </md-button>\n\n              <h2 class="md-title" style="flex: 1">Vue Material</h2>\n\n              <md-button class="md-icon-button">\n                <md-icon>favorite</md-icon>\n              </md-button>\n            </md-toolbar>\n\n            <md-toolbar class="md-warn">\n              <md-button class="md-icon-button">\n                <md-icon>menu</md-icon>\n              </md-button>\n\n              <h2 class="md-title" style="flex: 1">Vue Material</h2>\n\n              <md-button>Add</md-button>\n              <md-button>Remove</md-button>\n            </md-toolbar>\n\n            <md-toolbar class="md-transparent">\n              <md-button class="md-icon-button">\n                <md-icon>menu</md-icon>\n              </md-button>\n\n              <h2 class="md-title" style="flex: 1">Vue Material</h2>\n\n              <md-button class="md-raised">Add</md-button>\n              <md-button class="md-raised md-warn">Remove</md-button>\n            </md-toolbar>\n          ')])],1)]),t._v(" "),a("example-box",{attrs:{"card-title":"Themes"}},[a("div",{slot:"demo"},[a("md-toolbar",{attrs:{"md-theme":"green"}},[a("md-button",{staticClass:"md-icon-button"},[a("md-icon",[t._v("menu")])],1),t._v(" "),a("h2",{staticClass:"md-title",staticStyle:{flex:"1"}},[t._v("Vue Material")]),t._v(" "),a("md-button",{staticClass:"md-icon-button"},[a("md-icon",[t._v("favorite")])],1)],1),t._v(" "),a("md-toolbar",{staticClass:"md-large",attrs:{"md-theme":"brown"}},[a("div",{staticClass:"md-toolbar-container"},[a("md-button",{staticClass:"md-icon-button"},[a("md-icon",[t._v("menu")])],1),t._v(" "),a("span",{staticStyle:{flex:"1"}}),t._v(" "),a("md-button",{staticClass:"md-icon-button"},[a("md-icon",[t._v("search")])],1),t._v(" "),a("md-button",{staticClass:"md-icon-button"},[a("md-icon",[t._v("filter_list")])],1)],1),t._v(" "),a("div",{staticClass:"md-toolbar-container"},[a("h2",{staticClass:"md-title"},[t._v("Vue Material")])])]),t._v(" "),a("md-toolbar",{attrs:{"md-theme":"orange"}},[a("md-button",{staticClass:"md-icon-button"},[a("md-icon",[t._v("menu")])],1),t._v(" "),a("h2",{staticClass:"md-title",staticStyle:{flex:"1"}},[t._v("Vue Material")]),t._v(" "),a("md-button",[t._v("Add")]),t._v(" "),a("md-button",[t._v("Remove")])],1),t._v(" "),a("md-toolbar",{attrs:{"md-theme":"blue"}},[a("md-button",{staticClass:"md-icon-button"},[a("md-icon",[t._v("menu")])],1),t._v(" "),a("h2",{staticClass:"md-title",staticStyle:{flex:"1"}},[t._v("Vue Material")]),t._v(" "),a("md-button",{staticClass:"md-raised"},[t._v("Add")]),t._v(" "),a("md-button",{staticClass:"md-raised md-warn"},[t._v("Remove")])],1)],1),t._v(" "),a("div",{slot:"code"},[a("code-block",{attrs:{lang:"xml"}},[t._v('\n            <md-toolbar md-theme="green">\n              <md-button class="md-icon-button">\n                <md-icon>menu</md-icon>\n              </md-button>\n\n              <h2 class="md-title" style="flex: 1">Vue Material</h2>\n\n              <md-button class="md-icon-button">\n                <md-icon>favorite</md-icon>\n              </md-button>\n            </md-toolbar>\n\n            <md-toolbar class="md-large" md-theme="brown">\n              <div class="md-toolbar-container">\n                <md-button class="md-icon-button">\n                  <md-icon>menu</md-icon>\n                </md-button>\n\n                <span style="flex: 1;"></span>\n\n                <md-button class="md-icon-button">\n                  <md-icon>search</md-icon>\n                </md-button>\n\n                <md-button class="md-icon-button">\n                  <md-icon>filter_list</md-icon>\n                </md-button>\n              </div>\n\n              <div class="md-toolbar-container">\n                <h2 class="md-title">Vue Material</h2>\n              </div>\n            </md-toolbar>\n\n            <md-toolbar md-theme="orange">\n              <md-button class="md-icon-button">\n                <md-icon>menu</md-icon>\n              </md-button>\n\n              <h2 class="md-title" style="flex: 1">Vue Material</h2>\n\n              <md-button>Add</md-button>\n              <md-button>Remove</md-button>\n            </md-toolbar>\n\n            <md-toolbar md-theme="blue">\n              <md-button class="md-icon-button">\n                <md-icon>menu</md-icon>\n              </md-button>\n\n              <h2 class="md-title" style="flex: 1">Vue Material</h2>\n\n              <md-button class="md-raised">Add</md-button>\n              <md-button class="md-raised md-warn">Remove</md-button>\n            </md-toolbar>\n          ')])],1)]),t._v(" "),a("example-box",{attrs:{"card-title":"Complete example"}},[a("div",{slot:"demo"},[a("div",{staticClass:"phone-viewport complete-example"},[a("md-whiteframe",{staticClass:"md-large",attrs:{"md-tag":"md-toolbar","md-elevation":"2","md-theme":"light-blue"}},[a("div",{staticClass:"md-toolbar-container"},[a("md-button",{staticClass:"md-icon-button",nativeOn:{click:function(n){t.$refs.sidenav.toggle()}}},[a("md-icon",[t._v("menu")])],1),t._v(" "),a("span",{staticStyle:{flex:"1"}}),t._v(" "),a("md-button",{staticClass:"md-icon-button"},[a("md-icon",[t._v("search")])],1),t._v(" "),a("md-button",{staticClass:"md-icon-button"},[a("md-icon",[t._v("view_module")])],1)],1),t._v(" "),a("div",{staticClass:"md-toolbar-container"},[a("h2",{staticClass:"md-title"},[t._v("My Files")]),t._v(" "),a("md-button",{staticClass:"md-fab md-mini"},[a("md-icon",[t._v("add")])],1)],1)]),t._v(" "),a("md-list",{staticClass:"md-double-line"},[a("md-subheader",{staticClass:"md-inset"},[t._v("Folders")]),t._v(" "),a("md-list-item",[a("md-avatar",{staticClass:"md-avatar-icon"},[a("md-icon",[t._v("folder")])],1),t._v(" "),a("div",{staticClass:"md-list-text-container"},[a("span",[t._v("Photos")]),t._v(" "),a("p",[t._v("Jan 9, 2014")])]),t._v(" "),a("md-button",{staticClass:"md-icon-button md-list-action"},[a("md-icon",[t._v("info")])],1)],1),t._v(" "),a("md-list-item",[a("md-avatar",{staticClass:"md-avatar-icon"},[a("md-icon",[t._v("folder")])],1),t._v(" "),a("div",{staticClass:"md-list-text-container"},[a("span",[t._v("Recipes")]),t._v(" "),a("p",[t._v("Jan 17, 2014")])]),t._v(" "),a("md-button",{staticClass:"md-icon-button md-list-action"},[a("md-icon",[t._v("info")])],1)],1),t._v(" "),a("md-list-item",[a("md-avatar",{staticClass:"md-avatar-icon"},[a("md-icon",[t._v("folder")])],1),t._v(" "),a("div",{staticClass:"md-list-text-container"},[a("span",[t._v("Work")]),t._v(" "),a("p",[t._v("Jan 28, 2014")])]),t._v(" "),a("md-button",{staticClass:"md-icon-button md-list-action"},[a("md-icon",[t._v("info")])],1),t._v(" "),a("md-divider",{staticClass:"md-inset"})],1),t._v(" "),a("md-subheader",{staticClass:"md-inset"},[t._v("Files")]),t._v(" "),a("md-list-item",[a("md-avatar",{staticClass:"md-avatar-icon md-primary",attrs:{"md-theme":"blue"}},[a("md-icon",[t._v("insert_drive_file")])],1),t._v(" "),a("div",{staticClass:"md-list-text-container"},[a("span",[t._v("Vacation Itinerary")]),t._v(" "),a("p",[t._v("Jan 20, 2014")])]),t._v(" "),a("md-button",{staticClass:"md-icon-button md-list-action"},[a("md-icon",[t._v("info")])],1)],1),t._v(" "),a("md-list-item",[a("md-avatar",{staticClass:"md-avatar-icon md-primary",attrs:{"md-theme":"orange"}},[a("md-icon",[t._v("collections")])],1),t._v(" "),a("div",{staticClass:"md-list-text-container"},[a("span",[t._v("Kitchen Remodel")]),t._v(" "),a("p",[t._v("Jan 10, 2014")])]),t._v(" "),a("md-button",{staticClass:"md-icon-button md-list-action"},[a("md-icon",[t._v("info")])],1)],1),t._v(" "),a("md-list-item",[a("md-avatar",{staticClass:"md-avatar-icon md-primary",attrs:{"md-theme":"green"}},[a("md-icon",[t._v("view_list")])],1),t._v(" "),a("div",{staticClass:"md-list-text-container"},[a("span",[t._v("Grocery Shop")]),t._v(" "),a("p",[t._v("Jan 10, 2014")])]),t._v(" "),a("md-button",{staticClass:"md-icon-button md-list-action"},[a("md-icon",[t._v("info")])],1)],1),t._v(" "),a("md-list-item",[a("md-avatar",{staticClass:"md-avatar-icon md-primary",attrs:{"md-theme":"orange"}},[a("md-icon",[t._v("collections")])],1),t._v(" "),a("div",{staticClass:"md-list-text-container"},[a("span",[t._v("Weekend Pictures")]),t._v(" "),a("p",[t._v("Jan 10, 2014")])]),t._v(" "),a("md-button",{staticClass:"md-icon-button md-list-action"},[a("md-icon",[t._v("info")])],1)],1)],1),t._v(" "),a("md-sidenav",{ref:"sidenav",staticClass:"md-left",attrs:{"md-theme":"blue"}},[a("md-toolbar",{staticClass:"md-account-header"},[a("md-list",{staticClass:"md-transparent"},[a("md-list-item",{staticClass:"md-avatar-list"},[a("md-avatar",{staticClass:"md-large"},[a("img",{attrs:{src:"https://placeimg.com/64/64/people/8",alt:"People"}})]),t._v(" "),a("span",{staticStyle:{flex:"1"}}),t._v(" "),a("md-avatar",[a("img",{attrs:{src:"https://placeimg.com/40/40/people/3",alt:"People"}})]),t._v(" "),a("md-avatar",[a("img",{attrs:{src:"https://placeimg.com/40/40/people/4",alt:"People"}})])],1),t._v(" "),a("md-list-item",[a("div",{staticClass:"md-list-text-container"},[a("span",[t._v("John Doe")]),t._v(" "),a("span",[t._v("johndoe@email.com")])]),t._v(" "),a("md-button",{staticClass:"md-icon-button md-list-action"},[a("md-icon",[t._v("arrow_drop_down")])],1)],1)],1)],1),t._v(" "),a("md-list",[a("md-list-item",{staticClass:"md-primary",nativeOn:{click:function(n){t.$refs.sidenav.toggle()}}},[a("md-icon",[t._v("insert_drive_file")]),t._v(" "),a("span",[t._v("My files")])],1),t._v(" "),a("md-list-item",{nativeOn:{click:function(n){t.$refs.sidenav.toggle()}}},[a("md-icon",[t._v("people")]),t._v(" "),a("span",[t._v("Shared with me")])],1),t._v(" "),a("md-list-item",{nativeOn:{click:function(n){t.$refs.sidenav.toggle()}}},[a("md-icon",[t._v("access_time")]),t._v(" "),a("span",[t._v("Recent")])],1),t._v(" "),a("md-list-item",{nativeOn:{click:function(n){t.$refs.sidenav.toggle()}}},[a("md-icon",[t._v("start")]),t._v(" "),a("span",[t._v("Starred")])],1),t._v(" "),a("md-list-item",{nativeOn:{click:function(n){t.$refs.sidenav.toggle()}}},[a("md-icon",[t._v("delete")]),t._v(" "),a("span",[t._v("Trash")])],1)],1)],1)],1)]),t._v(" "),a("div",{slot:"code"},[a("code-block",{attrs:{lang:"xml"}},[t._v('\n            <div class="phone-viewport complete-example">\n              <md-whiteframe md-tag="md-toolbar" md-elevation="2" md-theme="light-blue" class="md-large">\n                <div class="md-toolbar-container">\n                  <md-button class="md-icon-button" @click.native="$refs.sidenav.toggle()">\n                    <md-icon>menu</md-icon>\n                  </md-button>\n\n                  <span style="flex: 1"></span>\n\n                  <md-button class="md-icon-button">\n                    <md-icon>search</md-icon>\n                  </md-button>\n\n                  <md-button class="md-icon-button">\n                    <md-icon>view_module</md-icon>\n                  </md-button>\n                </div>\n\n                <div class="md-toolbar-container">\n                  <h2 class="md-title">My Files</h2>\n\n                  <md-button class="md-fab md-mini">\n                    <md-icon>add</md-icon>\n                  </md-button>\n                </div>\n              </md-whiteframe>\n\n              <md-list class="md-double-line">\n                <md-subheader class="md-inset">Folders</md-subheader>\n\n                <md-list-item>\n                  <md-avatar class="md-avatar-icon">\n                    <md-icon>folder</md-icon>\n                  </md-avatar>\n\n                  <div class="md-list-text-container">\n                    <span>Photos</span>\n                    <p>Jan 9, 2014</p>\n                  </div>\n\n                  <md-button class="md-icon-button md-list-action">\n                    <md-icon>info</md-icon>\n                  </md-button>\n                </md-list-item>\n\n                <md-list-item>\n                  <md-avatar class="md-avatar-icon">\n                    <md-icon>folder</md-icon>\n                  </md-avatar>\n\n                  <div class="md-list-text-container">\n                    <span>Recipes</span>\n                    <p>Jan 17, 2014</p>\n                  </div>\n\n                  <md-button class="md-icon-button md-list-action">\n                    <md-icon>info</md-icon>\n                  </md-button>\n                </md-list-item>\n\n                <md-list-item>\n                  <md-avatar class="md-avatar-icon">\n                    <md-icon>folder</md-icon>\n                  </md-avatar>\n\n                  <div class="md-list-text-container">\n                    <span>Work</span>\n                    <p>Jan 28, 2014</p>\n                  </div>\n\n                  <md-button class="md-icon-button md-list-action">\n                    <md-icon>info</md-icon>\n                  </md-button>\n\n                  <md-divider class="md-inset"></md-divider>\n                </md-list-item>\n\n                <md-subheader class="md-inset">Files</md-subheader>\n\n                <md-list-item>\n                  <md-avatar md-theme="blue" class="md-avatar-icon md-primary">\n                    <md-icon>insert_drive_file</md-icon>\n                  </md-avatar>\n\n                  <div class="md-list-text-container">\n                    <span>Vacation Itinerary</span>\n                    <p>Jan 20, 2014</p>\n                  </div>\n\n                  <md-button class="md-icon-button md-list-action">\n                    <md-icon>info</md-icon>\n                  </md-button>\n                </md-list-item>\n\n                <md-list-item>\n                  <md-avatar md-theme="orange" class="md-avatar-icon md-primary">\n                    <md-icon>collections</md-icon>\n                  </md-avatar>\n\n                  <div class="md-list-text-container">\n                    <span>Kitchen Remodel</span>\n                    <p>Jan 10, 2014</p>\n                  </div>\n\n                  <md-button class="md-icon-button md-list-action">\n                    <md-icon>info</md-icon>\n                  </md-button>\n                </md-list-item>\n\n                <md-list-item>\n                  <md-avatar md-theme="green" class="md-avatar-icon md-primary">\n                    <md-icon>view_list</md-icon>\n                  </md-avatar>\n\n                  <div class="md-list-text-container">\n                    <span>Grocery Shop</span>\n                    <p>Jan 10, 2014</p>\n                  </div>\n\n                  <md-button class="md-icon-button md-list-action">\n                    <md-icon>info</md-icon>\n                  </md-button>\n                </md-list-item>\n\n                <md-list-item>\n                  <md-avatar md-theme="orange" class="md-avatar-icon md-primary">\n                    <md-icon>collections</md-icon>\n                  </md-avatar>\n\n                  <div class="md-list-text-container">\n                    <span>Weekend Pictures</span>\n                    <p>Jan 10, 2014</p>\n                  </div>\n\n                  <md-button class="md-icon-button md-list-action">\n                    <md-icon>info</md-icon>\n                  </md-button>\n                </md-list-item>\n              </md-list>\n\n              <md-sidenav md-theme="blue" class="md-left" ref="sidenav">\n                <md-toolbar class="md-account-header">\n                  <md-list class="md-transparent">\n                    <md-list-item class="md-avatar-list">\n                      <md-avatar class="md-large">\n                        <img src="https://placeimg.com/64/64/people/8" alt="People">\n                      </md-avatar>\n\n                      <span style="flex: 1"></span>\n\n                      <md-avatar>\n                        <img src="https://placeimg.com/40/40/people/3" alt="People">\n                      </md-avatar>\n\n                      <md-avatar>\n                        <img src="https://placeimg.com/40/40/people/4" alt="People">\n                      </md-avatar>\n                    </md-list-item>\n\n                    <md-list-item>\n                      <div class="md-list-text-container">\n                        <span>John Doe</span>\n                        <span>johndoe@email.com</span>\n                      </div>\n\n                      <md-button class="md-icon-button md-list-action">\n                        <md-icon>arrow_drop_down</md-icon>\n                      </md-button>\n                    </md-list-item>\n                  </md-list>\n                </md-toolbar>\n\n                <md-list>\n                  <md-list-item @click.native="$refs.sidenav.toggle()" class="md-primary">\n                    <md-icon>insert_drive_file</md-icon> <span>My files</span>\n                  </md-list-item>\n\n                  <md-list-item @click.native="$refs.sidenav.toggle()">\n                    <md-icon>people</md-icon> <span>Shared with me</span>\n                  </md-list-item>\n\n                  <md-list-item @click.native="$refs.sidenav.toggle()">\n                    <md-icon>access_time</md-icon> <span>Recent</span>\n                  </md-list-item>\n\n                  <md-list-item @click.native="$refs.sidenav.toggle()">\n                    <md-icon>start</md-icon> <span>Starred</span>\n                  </md-list-item>\n\n                  <md-list-item @click.native="$refs.sidenav.toggle()">\n                    <md-icon>delete</md-icon> <span>Trash</span>\n                  </md-list-item>\n                </md-list>\n              </md-sidenav>\n            </div>\n          ')]),t._v(" "),a("code-block",{attrs:{lang:"sass"}},[t._v("\n            .complete-example {\n              height: 540px;\n              display: flex;\n              flex-flow: column;\n              position: relative;\n              overflow: hidden;\n              z-index: 1;\n\n              .md-fab {\n                margin: 0;\n                position: absolute;\n                bottom: -20px;\n                left: 16px;\n              }\n\n              .md-title {\n                color: #fff;\n              }\n\n              .md-list {\n                overflow: auto;\n              }\n\n              .md-list-action .md-icon {\n                color: rgba(#000, .26);\n              }\n\n              .md-avatar-icon .md-icon {\n                color: #fff !important;\n              }\n\n              .md-sidenav .md-list-text-container > :nth-child(2) {\n                color: rgba(#fff, .54);\n              }\n\n              .md-account-header {\n                .md-list-item:hover .md-button:hover {\n                  background-color: inherit;\n                }\n\n                .md-avatar-list .md-list-item-container:hover {\n                  background: none !important;\n                }\n              }\n            }\n          ")])],1)])],1)])],1)},staticRenderFns:[]}},590:function(t,n,a){var m=a(522);"string"==typeof m&&(m=[[t.i,m,""]]),m.locals&&(t.exports=m.locals);a(5)("250344be",m,!0)}});
\ No newline at end of file
+webpackJsonp([20,34],{489:function(t,n,a){a(589);var m=a(0)(null,a(552),"data-v-2bf259f9",null);t.exports=m.exports},521:function(t,n,a){n=t.exports=a(4)(),n.push([t.i,".md-toolbar+.md-toolbar[data-v-2bf259f9]{margin-top:16px}.complete-example[data-v-2bf259f9]{height:540px;display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;position:relative;overflow:hidden;z-index:1}.complete-example .md-fab[data-v-2bf259f9]{margin:0;position:absolute;bottom:-20px;left:16px}.complete-example .md-title[data-v-2bf259f9]{color:#fff}.complete-example .md-list[data-v-2bf259f9]{overflow:auto}.complete-example .md-list-action .md-icon[data-v-2bf259f9]{color:rgba(0,0,0,.26)}.complete-example .md-avatar-icon .md-icon[data-v-2bf259f9]{color:#fff!important}.complete-example .md-sidenav .md-list-text-container>[data-v-2bf259f9]:nth-child(2){color:hsla(0,0%,100%,.54)}.complete-example .md-account-header .md-list-item:hover .md-button[data-v-2bf259f9]:hover{background-color:inherit}.complete-example .md-account-header .md-avatar-list .md-list-item-container[data-v-2bf259f9]:hover{background:none!important}",""])},552:function(t,n){t.exports={render:function(){var t=this,n=t.$createElement,a=t._self._c||n;return a("page-content",{attrs:{"page-title":"Components - Toolbar"}},[a("docs-component",[a("div",{slot:"description"},[a("p",[t._v("Toolbars appear a step above the content they affect. They may constrain their width to accommodate material passing over them.")]),t._v(" "),a("p",[t._v("You need to wrap all the elements of your toolbar in a element with the class "),a("code",[t._v("md-toolbar-container")]),t._v(" for medium and large toolbars. On large toolbars you can have two containers to push content to bottom.")]),t._v(" "),a("p",[t._v("The following classes can be applied to change the color palette:")]),t._v(" "),a("ul",{staticClass:"md-body-2"},[a("li",[a("code",[t._v("md-accent")])]),t._v(" "),a("li",[a("code",[t._v("md-warn")])]),t._v(" "),a("li",[a("code",[t._v("md-transparent")])])])]),t._v(" "),a("div",{slot:"api"},[a("api-table",{attrs:{name:"md-toolbar"}},[a("md-table",{slot:"classes"},[a("md-table-header",[a("md-table-row",[a("md-table-head",[t._v("Name")]),t._v(" "),a("md-table-head",[t._v("Description")])],1)],1),t._v(" "),a("md-table-body",[a("md-table-row",[a("md-table-cell",[t._v("md-dense")]),t._v(" "),a("md-table-cell",[t._v("Create a small and dense toolbar.")])],1),t._v(" "),a("md-table-row",[a("md-table-cell",[t._v("md-medium")]),t._v(" "),a("md-table-cell",[t._v("Create a medium.")])],1),t._v(" "),a("md-table-row",[a("md-table-cell",[t._v("md-large")]),t._v(" "),a("md-table-cell",[t._v("Create a large.")])],1),t._v(" "),a("md-table-row",[a("md-table-cell",[t._v("md-account-header")]),t._v(" "),a("md-table-cell",[t._v("Create a account header toolbar to show user accounts inside sidenav. See example below and the complete example")])],1)],1)],1)],1),t._v(" "),a("api-table",[a("code-block",{attrs:{lang:"xml",height:"none"}},[t._v('\n          <md-toolbar class="md-account-header">\n            <md-list class="md-transparent">\n              <md-list-item class="md-avatar-list">\n                <md-avatar class="md-large">\n                  <img src="https://placeimg.com/64/64/people/8" alt="People">\n                </md-avatar>\n\n                <span style="flex: 1"></span>\n\n                <md-avatar>\n                  <img src="https://placeimg.com/40/40/people/3" alt="People">\n                </md-avatar>\n\n                <md-avatar>\n                  <img src="https://placeimg.com/40/40/people/4" alt="People">\n                </md-avatar>\n              </md-list-item>\n\n              <md-list-item>\n                <div class="md-list-text-container">\n                  <span>John Doe</span>\n                  <span>johndoe@email.com</span>\n                </div>\n\n                <md-button class="md-icon-button md-list-action">\n                  <md-icon>arrow_drop_down</md-icon>\n                </md-button>\n              </md-list-item>\n            </md-list>\n          </md-toolbar>\n        ')])],1)],1),t._v(" "),a("div",{slot:"example"},[a("example-box",{attrs:{"card-title":"Sizes"}},[a("div",{slot:"demo"},[a("md-toolbar",[a("md-button",{staticClass:"md-icon-button"},[a("md-icon",[t._v("menu")])],1),t._v(" "),a("h2",{staticClass:"md-title"},[t._v("Default")]),t._v(" "),a("md-input-container",{staticStyle:{flex:"1"}},[a("md-input",{attrs:{placeholder:"Search..."}})],1),t._v(" "),a("md-button",{staticClass:"md-icon-button"},[a("md-icon",[t._v("favorite")])],1)],1),t._v(" "),a("md-toolbar",{staticClass:"md-dense"},[a("md-button",{staticClass:"md-icon-button"},[a("md-icon",[t._v("menu")])],1),t._v(" "),a("h2",{staticClass:"md-title",staticStyle:{flex:"1"}},[t._v("Dense")]),t._v(" "),a("md-button",{staticClass:"md-icon-button"},[a("md-icon",[t._v("favorite")])],1)],1),t._v(" "),a("md-toolbar",{staticClass:"md-medium"},[a("div",{staticClass:"md-toolbar-container"},[a("md-button",{staticClass:"md-icon-button"},[a("md-icon",[t._v("menu")])],1),t._v(" "),a("h2",{staticClass:"md-title",staticStyle:{flex:"1"}},[t._v("Medium")]),t._v(" "),a("md-button",{staticClass:"md-icon-button"},[a("md-icon",[t._v("search")])],1),t._v(" "),a("md-button",{staticClass:"md-icon-button"},[a("md-icon",[t._v("filter_list")])],1)],1)]),t._v(" "),a("md-toolbar",{staticClass:"md-large"},[a("div",{staticClass:"md-toolbar-container"},[a("md-button",{staticClass:"md-icon-button"},[a("md-icon",[t._v("menu")])],1),t._v(" "),a("span",{staticStyle:{flex:"1"}}),t._v(" "),a("md-button",{staticClass:"md-icon-button"},[a("md-icon",[t._v("search")])],1),t._v(" "),a("md-button",{staticClass:"md-icon-button"},[a("md-icon",[t._v("filter_list")])],1)],1),t._v(" "),a("div",{staticClass:"md-toolbar-container"},[a("h2",{staticClass:"md-title"},[t._v("Large")])])])],1),t._v(" "),a("div",{slot:"code"},[a("code-block",{attrs:{lang:"xml"}},[t._v('\n            <md-toolbar>\n              <md-button class="md-icon-button">\n                <md-icon>menu</md-icon>\n              </md-button>\n\n              <h2 class="md-title" style="flex: 1">Default</h2>\n\n              <md-button class="md-icon-button">\n                <md-icon>favorite</md-icon>\n              </md-button>\n            </md-toolbar>\n\n            <md-toolbar class="md-dense">\n              <md-button class="md-icon-button">\n                <md-icon>menu</md-icon>\n              </md-button>\n\n              <h2 class="md-title" style="flex: 1">Dense</h2>\n\n              <md-button class="md-icon-button">\n                <md-icon>favorite</md-icon>\n              </md-button>\n            </md-toolbar>\n\n            <md-toolbar class="md-medium">\n              <div class="md-toolbar-container">\n                <md-button class="md-icon-button">\n                  <md-icon>menu</md-icon>\n                </md-button>\n\n                <h2 class="md-title" style="flex: 1;">Medium</h2>\n\n                <md-button class="md-icon-button">\n                  <md-icon>search</md-icon>\n                </md-button>\n\n                <md-button class="md-icon-button">\n                  <md-icon>filter_list</md-icon>\n                </md-button>\n              </div>\n            </md-toolbar>\n\n            <md-toolbar class="md-large">\n              <div class="md-toolbar-container">\n                <md-button class="md-icon-button">\n                  <md-icon>menu</md-icon>\n                </md-button>\n\n                <span style="flex: 1;"></span>\n\n                <md-button class="md-icon-button">\n                  <md-icon>search</md-icon>\n                </md-button>\n\n                <md-button class="md-icon-button">\n                  <md-icon>filter_list</md-icon>\n                </md-button>\n              </div>\n\n              <div class="md-toolbar-container">\n                <h2 class="md-title">Large</h2>\n              </div>\n            </md-toolbar>\n          ')])],1)]),t._v(" "),a("example-box",{attrs:{"card-title":"Palettes"}},[a("div",{slot:"demo"},[a("md-toolbar",{staticClass:"md-accent"},[a("md-button",{staticClass:"md-icon-button"},[a("md-icon",[t._v("menu")])],1),t._v(" "),a("h2",{staticClass:"md-title",staticStyle:{flex:"1"}},[t._v("Vue Material")]),t._v(" "),a("md-button",{staticClass:"md-icon-button"},[a("md-icon",[t._v("favorite")])],1)],1),t._v(" "),a("md-toolbar",{staticClass:"md-warn"},[a("md-button",{staticClass:"md-icon-button"},[a("md-icon",[t._v("menu")])],1),t._v(" "),a("h2",{staticClass:"md-title",staticStyle:{flex:"1"}},[t._v("Vue Material")]),t._v(" "),a("md-button",[t._v("Add")]),t._v(" "),a("md-button",[t._v("Remove")])],1),t._v(" "),a("md-toolbar",{staticClass:"md-transparent"},[a("md-button",{staticClass:"md-icon-button"},[a("md-icon",[t._v("menu")])],1),t._v(" "),a("h2",{staticClass:"md-title",staticStyle:{flex:"1"}},[t._v("Vue Material")]),t._v(" "),a("md-button",{staticClass:"md-raised"},[t._v("Add")]),t._v(" "),a("md-button",{staticClass:"md-raised md-warn"},[t._v("Remove")])],1)],1),t._v(" "),a("div",{slot:"code"},[a("code-block",{attrs:{lang:"xml"}},[t._v('\n            <md-toolbar class="md-accent">\n              <md-button class="md-icon-button">\n                <md-icon>menu</md-icon>\n              </md-button>\n\n              <h2 class="md-title" style="flex: 1">Vue Material</h2>\n\n              <md-button class="md-icon-button">\n                <md-icon>favorite</md-icon>\n              </md-button>\n            </md-toolbar>\n\n            <md-toolbar class="md-warn">\n              <md-button class="md-icon-button">\n                <md-icon>menu</md-icon>\n              </md-button>\n\n              <h2 class="md-title" style="flex: 1">Vue Material</h2>\n\n              <md-button>Add</md-button>\n              <md-button>Remove</md-button>\n            </md-toolbar>\n\n            <md-toolbar class="md-transparent">\n              <md-button class="md-icon-button">\n                <md-icon>menu</md-icon>\n              </md-button>\n\n              <h2 class="md-title" style="flex: 1">Vue Material</h2>\n\n              <md-button class="md-raised">Add</md-button>\n              <md-button class="md-raised md-warn">Remove</md-button>\n            </md-toolbar>\n          ')])],1)]),t._v(" "),a("example-box",{attrs:{"card-title":"Themes"}},[a("div",{slot:"demo"},[a("md-toolbar",{attrs:{"md-theme":"green"}},[a("md-button",{staticClass:"md-icon-button"},[a("md-icon",[t._v("menu")])],1),t._v(" "),a("h2",{staticClass:"md-title",staticStyle:{flex:"1"}},[t._v("Vue Material")]),t._v(" "),a("md-button",{staticClass:"md-icon-button"},[a("md-icon",[t._v("favorite")])],1)],1),t._v(" "),a("md-toolbar",{staticClass:"md-large",attrs:{"md-theme":"brown"}},[a("div",{staticClass:"md-toolbar-container"},[a("md-button",{staticClass:"md-icon-button"},[a("md-icon",[t._v("menu")])],1),t._v(" "),a("span",{staticStyle:{flex:"1"}}),t._v(" "),a("md-button",{staticClass:"md-icon-button"},[a("md-icon",[t._v("search")])],1),t._v(" "),a("md-button",{staticClass:"md-icon-button"},[a("md-icon",[t._v("filter_list")])],1)],1),t._v(" "),a("div",{staticClass:"md-toolbar-container"},[a("h2",{staticClass:"md-title"},[t._v("Vue Material")])])]),t._v(" "),a("md-toolbar",{attrs:{"md-theme":"orange"}},[a("md-button",{staticClass:"md-icon-button"},[a("md-icon",[t._v("menu")])],1),t._v(" "),a("h2",{staticClass:"md-title",staticStyle:{flex:"1"}},[t._v("Vue Material")]),t._v(" "),a("md-button",[t._v("Add")]),t._v(" "),a("md-button",[t._v("Remove")])],1),t._v(" "),a("md-toolbar",{attrs:{"md-theme":"blue"}},[a("md-button",{staticClass:"md-icon-button"},[a("md-icon",[t._v("menu")])],1),t._v(" "),a("h2",{staticClass:"md-title",staticStyle:{flex:"1"}},[t._v("Vue Material")]),t._v(" "),a("md-button",{staticClass:"md-raised"},[t._v("Add")]),t._v(" "),a("md-button",{staticClass:"md-raised md-warn"},[t._v("Remove")])],1)],1),t._v(" "),a("div",{slot:"code"},[a("code-block",{attrs:{lang:"xml"}},[t._v('\n            <md-toolbar md-theme="green">\n              <md-button class="md-icon-button">\n                <md-icon>menu</md-icon>\n              </md-button>\n\n              <h2 class="md-title" style="flex: 1">Vue Material</h2>\n\n              <md-button class="md-icon-button">\n                <md-icon>favorite</md-icon>\n              </md-button>\n            </md-toolbar>\n\n            <md-toolbar class="md-large" md-theme="brown">\n              <div class="md-toolbar-container">\n                <md-button class="md-icon-button">\n                  <md-icon>menu</md-icon>\n                </md-button>\n\n                <span style="flex: 1;"></span>\n\n                <md-button class="md-icon-button">\n                  <md-icon>search</md-icon>\n                </md-button>\n\n                <md-button class="md-icon-button">\n                  <md-icon>filter_list</md-icon>\n                </md-button>\n              </div>\n\n              <div class="md-toolbar-container">\n                <h2 class="md-title">Vue Material</h2>\n              </div>\n            </md-toolbar>\n\n            <md-toolbar md-theme="orange">\n              <md-button class="md-icon-button">\n                <md-icon>menu</md-icon>\n              </md-button>\n\n              <h2 class="md-title" style="flex: 1">Vue Material</h2>\n\n              <md-button>Add</md-button>\n              <md-button>Remove</md-button>\n            </md-toolbar>\n\n            <md-toolbar md-theme="blue">\n              <md-button class="md-icon-button">\n                <md-icon>menu</md-icon>\n              </md-button>\n\n              <h2 class="md-title" style="flex: 1">Vue Material</h2>\n\n              <md-button class="md-raised">Add</md-button>\n              <md-button class="md-raised md-warn">Remove</md-button>\n            </md-toolbar>\n          ')])],1)]),t._v(" "),a("example-box",{attrs:{"card-title":"Complete example"}},[a("div",{slot:"demo"},[a("div",{staticClass:"phone-viewport complete-example"},[a("md-whiteframe",{staticClass:"md-large",attrs:{"md-tag":"md-toolbar","md-elevation":"2","md-theme":"light-blue"}},[a("div",{staticClass:"md-toolbar-container"},[a("md-button",{staticClass:"md-icon-button",nativeOn:{click:function(n){t.$refs.sidenav.toggle()}}},[a("md-icon",[t._v("menu")])],1),t._v(" "),a("span",{staticStyle:{flex:"1"}}),t._v(" "),a("md-button",{staticClass:"md-icon-button"},[a("md-icon",[t._v("search")])],1),t._v(" "),a("md-button",{staticClass:"md-icon-button"},[a("md-icon",[t._v("view_module")])],1)],1),t._v(" "),a("div",{staticClass:"md-toolbar-container"},[a("h2",{staticClass:"md-title"},[t._v("My Files")]),t._v(" "),a("md-button",{staticClass:"md-fab md-mini"},[a("md-icon",[t._v("add")])],1)],1)]),t._v(" "),a("md-list",{staticClass:"md-double-line"},[a("md-subheader",{staticClass:"md-inset"},[t._v("Folders")]),t._v(" "),a("md-list-item",[a("md-avatar",{staticClass:"md-avatar-icon"},[a("md-icon",[t._v("folder")])],1),t._v(" "),a("div",{staticClass:"md-list-text-container"},[a("span",[t._v("Photos")]),t._v(" "),a("p",[t._v("Jan 9, 2014")])]),t._v(" "),a("md-button",{staticClass:"md-icon-button md-list-action"},[a("md-icon",[t._v("info")])],1)],1),t._v(" "),a("md-list-item",[a("md-avatar",{staticClass:"md-avatar-icon"},[a("md-icon",[t._v("folder")])],1),t._v(" "),a("div",{staticClass:"md-list-text-container"},[a("span",[t._v("Recipes")]),t._v(" "),a("p",[t._v("Jan 17, 2014")])]),t._v(" "),a("md-button",{staticClass:"md-icon-button md-list-action"},[a("md-icon",[t._v("info")])],1)],1),t._v(" "),a("md-list-item",[a("md-avatar",{staticClass:"md-avatar-icon"},[a("md-icon",[t._v("folder")])],1),t._v(" "),a("div",{staticClass:"md-list-text-container"},[a("span",[t._v("Work")]),t._v(" "),a("p",[t._v("Jan 28, 2014")])]),t._v(" "),a("md-button",{staticClass:"md-icon-button md-list-action"},[a("md-icon",[t._v("info")])],1),t._v(" "),a("md-divider",{staticClass:"md-inset"})],1),t._v(" "),a("md-subheader",{staticClass:"md-inset"},[t._v("Files")]),t._v(" "),a("md-list-item",[a("md-avatar",{staticClass:"md-avatar-icon md-primary",attrs:{"md-theme":"blue"}},[a("md-icon",[t._v("insert_drive_file")])],1),t._v(" "),a("div",{staticClass:"md-list-text-container"},[a("span",[t._v("Vacation Itinerary")]),t._v(" "),a("p",[t._v("Jan 20, 2014")])]),t._v(" "),a("md-button",{staticClass:"md-icon-button md-list-action"},[a("md-icon",[t._v("info")])],1)],1),t._v(" "),a("md-list-item",[a("md-avatar",{staticClass:"md-avatar-icon md-primary",attrs:{"md-theme":"orange"}},[a("md-icon",[t._v("collections")])],1),t._v(" "),a("div",{staticClass:"md-list-text-container"},[a("span",[t._v("Kitchen Remodel")]),t._v(" "),a("p",[t._v("Jan 10, 2014")])]),t._v(" "),a("md-button",{staticClass:"md-icon-button md-list-action"},[a("md-icon",[t._v("info")])],1)],1),t._v(" "),a("md-list-item",[a("md-avatar",{staticClass:"md-avatar-icon md-primary",attrs:{"md-theme":"green"}},[a("md-icon",[t._v("view_list")])],1),t._v(" "),a("div",{staticClass:"md-list-text-container"},[a("span",[t._v("Grocery Shop")]),t._v(" "),a("p",[t._v("Jan 10, 2014")])]),t._v(" "),a("md-button",{staticClass:"md-icon-button md-list-action"},[a("md-icon",[t._v("info")])],1)],1),t._v(" "),a("md-list-item",[a("md-avatar",{staticClass:"md-avatar-icon md-primary",attrs:{"md-theme":"orange"}},[a("md-icon",[t._v("collections")])],1),t._v(" "),a("div",{staticClass:"md-list-text-container"},[a("span",[t._v("Weekend Pictures")]),t._v(" "),a("p",[t._v("Jan 10, 2014")])]),t._v(" "),a("md-button",{staticClass:"md-icon-button md-list-action"},[a("md-icon",[t._v("info")])],1)],1)],1),t._v(" "),a("md-sidenav",{ref:"sidenav",staticClass:"md-left",attrs:{"md-theme":"blue"}},[a("md-toolbar",{staticClass:"md-account-header"},[a("md-list",{staticClass:"md-transparent"},[a("md-list-item",{staticClass:"md-avatar-list"},[a("md-avatar",{staticClass:"md-large"},[a("img",{attrs:{src:"https://placeimg.com/64/64/people/8",alt:"People"}})]),t._v(" "),a("span",{staticStyle:{flex:"1"}}),t._v(" "),a("md-avatar",[a("img",{attrs:{src:"https://placeimg.com/40/40/people/3",alt:"People"}})]),t._v(" "),a("md-avatar",[a("img",{attrs:{src:"https://placeimg.com/40/40/people/4",alt:"People"}})])],1),t._v(" "),a("md-list-item",[a("div",{staticClass:"md-list-text-container"},[a("span",[t._v("John Doe")]),t._v(" "),a("span",[t._v("johndoe@email.com")])]),t._v(" "),a("md-button",{staticClass:"md-icon-button md-list-action"},[a("md-icon",[t._v("arrow_drop_down")])],1)],1)],1)],1),t._v(" "),a("md-list",[a("md-list-item",{staticClass:"md-primary",nativeOn:{click:function(n){t.$refs.sidenav.toggle()}}},[a("md-icon",[t._v("insert_drive_file")]),t._v(" "),a("span",[t._v("My files")])],1),t._v(" "),a("md-list-item",{nativeOn:{click:function(n){t.$refs.sidenav.toggle()}}},[a("md-icon",[t._v("people")]),t._v(" "),a("span",[t._v("Shared with me")])],1),t._v(" "),a("md-list-item",{nativeOn:{click:function(n){t.$refs.sidenav.toggle()}}},[a("md-icon",[t._v("access_time")]),t._v(" "),a("span",[t._v("Recent")])],1),t._v(" "),a("md-list-item",{nativeOn:{click:function(n){t.$refs.sidenav.toggle()}}},[a("md-icon",[t._v("start")]),t._v(" "),a("span",[t._v("Starred")])],1),t._v(" "),a("md-list-item",{nativeOn:{click:function(n){t.$refs.sidenav.toggle()}}},[a("md-icon",[t._v("delete")]),t._v(" "),a("span",[t._v("Trash")])],1)],1)],1)],1)]),t._v(" "),a("div",{slot:"code"},[a("code-block",{attrs:{lang:"xml"}},[t._v('\n            <div class="phone-viewport complete-example">\n              <md-whiteframe md-tag="md-toolbar" md-elevation="2" md-theme="light-blue" class="md-large">\n                <div class="md-toolbar-container">\n                  <md-button class="md-icon-button" @click.native="$refs.sidenav.toggle()">\n                    <md-icon>menu</md-icon>\n                  </md-button>\n\n                  <span style="flex: 1"></span>\n\n                  <md-button class="md-icon-button">\n                    <md-icon>search</md-icon>\n                  </md-button>\n\n                  <md-button class="md-icon-button">\n                    <md-icon>view_module</md-icon>\n                  </md-button>\n                </div>\n\n                <div class="md-toolbar-container">\n                  <h2 class="md-title">My Files</h2>\n\n                  <md-button class="md-fab md-mini">\n                    <md-icon>add</md-icon>\n                  </md-button>\n                </div>\n              </md-whiteframe>\n\n              <md-list class="md-double-line">\n                <md-subheader class="md-inset">Folders</md-subheader>\n\n                <md-list-item>\n                  <md-avatar class="md-avatar-icon">\n                    <md-icon>folder</md-icon>\n                  </md-avatar>\n\n                  <div class="md-list-text-container">\n                    <span>Photos</span>\n                    <p>Jan 9, 2014</p>\n                  </div>\n\n                  <md-button class="md-icon-button md-list-action">\n                    <md-icon>info</md-icon>\n                  </md-button>\n                </md-list-item>\n\n                <md-list-item>\n                  <md-avatar class="md-avatar-icon">\n                    <md-icon>folder</md-icon>\n                  </md-avatar>\n\n                  <div class="md-list-text-container">\n                    <span>Recipes</span>\n                    <p>Jan 17, 2014</p>\n                  </div>\n\n                  <md-button class="md-icon-button md-list-action">\n                    <md-icon>info</md-icon>\n                  </md-button>\n                </md-list-item>\n\n                <md-list-item>\n                  <md-avatar class="md-avatar-icon">\n                    <md-icon>folder</md-icon>\n                  </md-avatar>\n\n                  <div class="md-list-text-container">\n                    <span>Work</span>\n                    <p>Jan 28, 2014</p>\n                  </div>\n\n                  <md-button class="md-icon-button md-list-action">\n                    <md-icon>info</md-icon>\n                  </md-button>\n\n                  <md-divider class="md-inset"></md-divider>\n                </md-list-item>\n\n                <md-subheader class="md-inset">Files</md-subheader>\n\n                <md-list-item>\n                  <md-avatar md-theme="blue" class="md-avatar-icon md-primary">\n                    <md-icon>insert_drive_file</md-icon>\n                  </md-avatar>\n\n                  <div class="md-list-text-container">\n                    <span>Vacation Itinerary</span>\n                    <p>Jan 20, 2014</p>\n                  </div>\n\n                  <md-button class="md-icon-button md-list-action">\n                    <md-icon>info</md-icon>\n                  </md-button>\n                </md-list-item>\n\n                <md-list-item>\n                  <md-avatar md-theme="orange" class="md-avatar-icon md-primary">\n                    <md-icon>collections</md-icon>\n                  </md-avatar>\n\n                  <div class="md-list-text-container">\n                    <span>Kitchen Remodel</span>\n                    <p>Jan 10, 2014</p>\n                  </div>\n\n                  <md-button class="md-icon-button md-list-action">\n                    <md-icon>info</md-icon>\n                  </md-button>\n                </md-list-item>\n\n                <md-list-item>\n                  <md-avatar md-theme="green" class="md-avatar-icon md-primary">\n                    <md-icon>view_list</md-icon>\n                  </md-avatar>\n\n                  <div class="md-list-text-container">\n                    <span>Grocery Shop</span>\n                    <p>Jan 10, 2014</p>\n                  </div>\n\n                  <md-button class="md-icon-button md-list-action">\n                    <md-icon>info</md-icon>\n                  </md-button>\n                </md-list-item>\n\n                <md-list-item>\n                  <md-avatar md-theme="orange" class="md-avatar-icon md-primary">\n                    <md-icon>collections</md-icon>\n                  </md-avatar>\n\n                  <div class="md-list-text-container">\n                    <span>Weekend Pictures</span>\n                    <p>Jan 10, 2014</p>\n                  </div>\n\n                  <md-button class="md-icon-button md-list-action">\n                    <md-icon>info</md-icon>\n                  </md-button>\n                </md-list-item>\n              </md-list>\n\n              <md-sidenav md-theme="blue" class="md-left" ref="sidenav">\n                <md-toolbar class="md-account-header">\n                  <md-list class="md-transparent">\n                    <md-list-item class="md-avatar-list">\n                      <md-avatar class="md-large">\n                        <img src="https://placeimg.com/64/64/people/8" alt="People">\n                      </md-avatar>\n\n                      <span style="flex: 1"></span>\n\n                      <md-avatar>\n                        <img src="https://placeimg.com/40/40/people/3" alt="People">\n                      </md-avatar>\n\n                      <md-avatar>\n                        <img src="https://placeimg.com/40/40/people/4" alt="People">\n                      </md-avatar>\n                    </md-list-item>\n\n                    <md-list-item>\n                      <div class="md-list-text-container">\n                        <span>John Doe</span>\n                        <span>johndoe@email.com</span>\n                      </div>\n\n                      <md-button class="md-icon-button md-list-action">\n                        <md-icon>arrow_drop_down</md-icon>\n                      </md-button>\n                    </md-list-item>\n                  </md-list>\n                </md-toolbar>\n\n                <md-list>\n                  <md-list-item @click.native="$refs.sidenav.toggle()" class="md-primary">\n                    <md-icon>insert_drive_file</md-icon> <span>My files</span>\n                  </md-list-item>\n\n                  <md-list-item @click.native="$refs.sidenav.toggle()">\n                    <md-icon>people</md-icon> <span>Shared with me</span>\n                  </md-list-item>\n\n                  <md-list-item @click.native="$refs.sidenav.toggle()">\n                    <md-icon>access_time</md-icon> <span>Recent</span>\n                  </md-list-item>\n\n                  <md-list-item @click.native="$refs.sidenav.toggle()">\n                    <md-icon>start</md-icon> <span>Starred</span>\n                  </md-list-item>\n\n                  <md-list-item @click.native="$refs.sidenav.toggle()">\n                    <md-icon>delete</md-icon> <span>Trash</span>\n                  </md-list-item>\n                </md-list>\n              </md-sidenav>\n            </div>\n          ')]),t._v(" "),a("code-block",{attrs:{lang:"sass"}},[t._v("\n            .complete-example {\n              height: 540px;\n              display: flex;\n              flex-flow: column;\n              position: relative;\n              overflow: hidden;\n              z-index: 1;\n\n              .md-fab {\n                margin: 0;\n                position: absolute;\n                bottom: -20px;\n                left: 16px;\n              }\n\n              .md-title {\n                color: #fff;\n              }\n\n              .md-list {\n                overflow: auto;\n              }\n\n              .md-list-action .md-icon {\n                color: rgba(#000, .26);\n              }\n\n              .md-avatar-icon .md-icon {\n                color: #fff !important;\n              }\n\n              .md-sidenav .md-list-text-container > :nth-child(2) {\n                color: rgba(#fff, .54);\n              }\n\n              .md-account-header {\n                .md-list-item:hover .md-button:hover {\n                  background-color: inherit;\n                }\n\n                .md-avatar-list .md-list-item-container:hover {\n                  background: none !important;\n                }\n              }\n            }\n          ")])],1)])],1)])],1)},staticRenderFns:[]}},589:function(t,n,a){var m=a(521);"string"==typeof m&&(m=[[t.i,m,""]]),m.locals&&(t.exports=m.locals);a(5)("250344be",m,!0)}});
\ No newline at end of file
diff --git a/tooltip.0834711f.js b/tooltip.1eae832b.js
similarity index 94%
rename from tooltip.0834711f.js
rename to tooltip.1eae832b.js
index e7e5711..111052a 100644
--- a/tooltip.0834711f.js
+++ b/tooltip.1eae832b.js
@@ -1 +1 @@
-webpackJsonp([22,34],{490:function(t,o,d){d(587);var a=d(0)(null,d(550),"data-v-1ca5cafe",null);t.exports=a.exports},519:function(t,o,d){o=t.exports=d(4)(),o.push([t.i,".md-avatar[data-v-1ca5cafe],.md-button[data-v-1ca5cafe]{margin:24px}",""])},550:function(t,o){t.exports={render:function(){var t=this,o=t.$createElement,d=t._self._c||o;return d("page-content",{attrs:{"page-title":"Components - Tooltip"}},[d("docs-component",[d("div",{slot:"description"},[d("p",[t._v("Tooltips identify an element when they are activated. They may contain brief helper text about its function. For example, they may contain text information about actionable icons.")])]),t._v(" "),d("div",{slot:"api"},[d("api-table",{attrs:{name:"md-tooltip"}},[d("md-table",{slot:"properties"},[d("md-table-header",[d("md-table-row",[d("md-table-head",[t._v("Name")]),t._v(" "),d("md-table-head",[t._v("Type")]),t._v(" "),d("md-table-head",[t._v("Description")])],1)],1),t._v(" "),d("md-table-body",[d("md-table-row",[d("md-table-cell",[t._v("md-direction")]),t._v(" "),d("md-table-cell",[d("code",[t._v("String")])]),t._v(" "),d("md-table-cell",[t._v("Sets the direction position of the parent element. "),d("br"),t._v("Default: "),d("code",[t._v("bottom")]),t._v(" "),d("br"),t._v("Accepts: "),d("code",[t._v("top")]),t._v("|"),d("code",[t._v("right")]),t._v("|"),d("code",[t._v("bottom")]),t._v("|"),d("code",[t._v("left")])])],1),t._v(" "),d("md-table-row",[d("md-table-cell",[t._v("md-delay")]),t._v(" "),d("md-table-cell",[d("code",[t._v("Number")])]),t._v(" "),d("md-table-cell",[t._v("Sets the delay to show the tooltip in ms. "),d("br"),t._v("Default: "),d("code",[t._v("0")])])],1)],1)],1)],1)],1),t._v(" "),d("div",{slot:"example"},[d("example-box",{attrs:{"card-title":"Default"}},[d("div",{slot:"demo"},[d("div",[d("md-button",{staticClass:"md-icon-button md-raised md-primary"},[d("md-icon",[t._v("folder")]),t._v(" "),d("md-tooltip",{attrs:{"md-direction":"top"}},[t._v("My tooltip")])],1),t._v(" "),d("md-avatar",[d("img",{attrs:{src:"assets/avatar-2.jpg",alt:"People"}}),t._v(" "),d("md-tooltip",{attrs:{"md-direction":"bottom"}},[t._v("My tooltip")])],1)],1),t._v(" "),d("div",[d("md-button",{staticClass:"md-icon-button md-raised md-warn"},[d("md-icon",[t._v("home")]),t._v(" "),d("md-tooltip",{attrs:{"md-direction":"left"}},[t._v("My tooltip")])],1),t._v(" "),d("md-avatar",{staticClass:"md-avatar-icon"},[d("md-icon",[t._v("person")]),t._v(" "),d("md-tooltip",{attrs:{"md-direction":"right"}},[t._v("My tooltip")])],1)],1)]),t._v(" "),d("div",{slot:"code"},[d("code-block",{attrs:{lang:"xml"}},[t._v('\n            <div>\n              <md-button class="md-icon-button md-raised md-primary">\n                <md-icon>folder</md-icon>\n                <md-tooltip md-direction="top">My tooltip</md-tooltip>\n              </md-button>\n\n              <md-avatar>\n                <img src="assets/avatar-2.jpg" alt="People">\n                <md-tooltip md-direction="bottom">My tooltip</md-tooltip>\n              </md-avatar>\n            </div>\n\n            <div>\n              <md-button class="md-icon-button md-raised md-warn">\n                <md-icon>home</md-icon>\n                <md-tooltip md-direction="left">My tooltip</md-tooltip>\n              </md-button>\n\n              <md-avatar class="md-avatar-icon">\n                <md-icon>person</md-icon>\n                <md-tooltip md-direction="right">My tooltip</md-tooltip>\n              </md-avatar>\n            </div>\n          ')])],1)]),t._v(" "),d("example-box",{attrs:{"card-title":"Delay"}},[d("div",{slot:"demo"},[d("div",[d("md-button",{staticClass:"md-icon-button md-raised md-primary"},[d("md-icon",[t._v("folder")]),t._v(" "),d("md-tooltip",{attrs:{"md-delay":"400","md-direction":"top"}},[t._v("My tooltip")])],1),t._v(" "),d("md-avatar",[d("img",{attrs:{src:"assets/avatar-2.jpg",alt:"People"}}),t._v(" "),d("md-tooltip",{attrs:{"md-delay":"400","md-direction":"bottom"}},[t._v("My tooltip")])],1)],1),t._v(" "),d("div",[d("md-button",{staticClass:"md-icon-button md-raised md-warn"},[d("md-icon",[t._v("home")]),t._v(" "),d("md-tooltip",{attrs:{"md-delay":"400","md-direction":"left"}},[t._v("My tooltip")])],1),t._v(" "),d("md-avatar",{staticClass:"md-avatar-icon"},[d("md-icon",[t._v("person")]),t._v(" "),d("md-tooltip",{attrs:{"md-delay":"400","md-direction":"right"}},[t._v("My tooltip")])],1)],1)]),t._v(" "),d("div",{slot:"code"},[d("code-block",{attrs:{lang:"xml"}},[t._v('\n            <div>\n              <md-button class="md-icon-button md-raised md-primary">\n                <md-icon>folder</md-icon>\n                <md-tooltip md-delay="400" md-direction="top">My tooltip</md-tooltip>\n              </md-button>\n\n              <md-avatar>\n                <img src="assets/avatar-2.jpg" alt="People">\n                <md-tooltip md-delay="400" md-direction="bottom">My tooltip</md-tooltip>\n              </md-avatar>\n            </div>\n\n            <div>\n              <md-button class="md-icon-button md-raised md-warn">\n                <md-icon>home</md-icon>\n                <md-tooltip md-delay="400" md-direction="left">My tooltip</md-tooltip>\n              </md-button>\n\n              <md-avatar class="md-avatar-icon">\n                <md-icon>person</md-icon>\n                <md-tooltip md-delay="400" md-direction="right">My tooltip</md-tooltip>\n              </md-avatar>\n            </div>\n          ')])],1)])],1)])],1)},staticRenderFns:[]}},587:function(t,o,d){var a=d(519);"string"==typeof a&&(a=[[t.i,a,""]]),a.locals&&(t.exports=a.locals);d(5)("29901266",a,!0)}});
\ No newline at end of file
+webpackJsonp([22,34],{490:function(t,o,d){d(586);var a=d(0)(null,d(549),"data-v-1ca5cafe",null);t.exports=a.exports},518:function(t,o,d){o=t.exports=d(4)(),o.push([t.i,".md-avatar[data-v-1ca5cafe],.md-button[data-v-1ca5cafe]{margin:24px}",""])},549:function(t,o){t.exports={render:function(){var t=this,o=t.$createElement,d=t._self._c||o;return d("page-content",{attrs:{"page-title":"Components - Tooltip"}},[d("docs-component",[d("div",{slot:"description"},[d("p",[t._v("Tooltips identify an element when they are activated. They may contain brief helper text about its function. For example, they may contain text information about actionable icons.")])]),t._v(" "),d("div",{slot:"api"},[d("api-table",{attrs:{name:"md-tooltip"}},[d("md-table",{slot:"properties"},[d("md-table-header",[d("md-table-row",[d("md-table-head",[t._v("Name")]),t._v(" "),d("md-table-head",[t._v("Type")]),t._v(" "),d("md-table-head",[t._v("Description")])],1)],1),t._v(" "),d("md-table-body",[d("md-table-row",[d("md-table-cell",[t._v("md-direction")]),t._v(" "),d("md-table-cell",[d("code",[t._v("String")])]),t._v(" "),d("md-table-cell",[t._v("Sets the direction position of the parent element. "),d("br"),t._v("Default: "),d("code",[t._v("bottom")]),t._v(" "),d("br"),t._v("Accepts: "),d("code",[t._v("top")]),t._v("|"),d("code",[t._v("right")]),t._v("|"),d("code",[t._v("bottom")]),t._v("|"),d("code",[t._v("left")])])],1),t._v(" "),d("md-table-row",[d("md-table-cell",[t._v("md-delay")]),t._v(" "),d("md-table-cell",[d("code",[t._v("Number")])]),t._v(" "),d("md-table-cell",[t._v("Sets the delay to show the tooltip in ms. "),d("br"),t._v("Default: "),d("code",[t._v("0")])])],1)],1)],1)],1)],1),t._v(" "),d("div",{slot:"example"},[d("example-box",{attrs:{"card-title":"Default"}},[d("div",{slot:"demo"},[d("div",[d("md-button",{staticClass:"md-icon-button md-raised md-primary"},[d("md-icon",[t._v("folder")]),t._v(" "),d("md-tooltip",{attrs:{"md-direction":"top"}},[t._v("My tooltip")])],1),t._v(" "),d("md-avatar",[d("img",{attrs:{src:"assets/avatar-2.jpg",alt:"People"}}),t._v(" "),d("md-tooltip",{attrs:{"md-direction":"bottom"}},[t._v("My tooltip")])],1)],1),t._v(" "),d("div",[d("md-button",{staticClass:"md-icon-button md-raised md-warn"},[d("md-icon",[t._v("home")]),t._v(" "),d("md-tooltip",{attrs:{"md-direction":"left"}},[t._v("My tooltip")])],1),t._v(" "),d("md-avatar",{staticClass:"md-avatar-icon"},[d("md-icon",[t._v("person")]),t._v(" "),d("md-tooltip",{attrs:{"md-direction":"right"}},[t._v("My tooltip")])],1)],1)]),t._v(" "),d("div",{slot:"code"},[d("code-block",{attrs:{lang:"xml"}},[t._v('\n            <div>\n              <md-button class="md-icon-button md-raised md-primary">\n                <md-icon>folder</md-icon>\n                <md-tooltip md-direction="top">My tooltip</md-tooltip>\n              </md-button>\n\n              <md-avatar>\n                <img src="assets/avatar-2.jpg" alt="People">\n                <md-tooltip md-direction="bottom">My tooltip</md-tooltip>\n              </md-avatar>\n            </div>\n\n            <div>\n              <md-button class="md-icon-button md-raised md-warn">\n                <md-icon>home</md-icon>\n                <md-tooltip md-direction="left">My tooltip</md-tooltip>\n              </md-button>\n\n              <md-avatar class="md-avatar-icon">\n                <md-icon>person</md-icon>\n                <md-tooltip md-direction="right">My tooltip</md-tooltip>\n              </md-avatar>\n            </div>\n          ')])],1)]),t._v(" "),d("example-box",{attrs:{"card-title":"Delay"}},[d("div",{slot:"demo"},[d("div",[d("md-button",{staticClass:"md-icon-button md-raised md-primary"},[d("md-icon",[t._v("folder")]),t._v(" "),d("md-tooltip",{attrs:{"md-delay":"400","md-direction":"top"}},[t._v("My tooltip")])],1),t._v(" "),d("md-avatar",[d("img",{attrs:{src:"assets/avatar-2.jpg",alt:"People"}}),t._v(" "),d("md-tooltip",{attrs:{"md-delay":"400","md-direction":"bottom"}},[t._v("My tooltip")])],1)],1),t._v(" "),d("div",[d("md-button",{staticClass:"md-icon-button md-raised md-warn"},[d("md-icon",[t._v("home")]),t._v(" "),d("md-tooltip",{attrs:{"md-delay":"400","md-direction":"left"}},[t._v("My tooltip")])],1),t._v(" "),d("md-avatar",{staticClass:"md-avatar-icon"},[d("md-icon",[t._v("person")]),t._v(" "),d("md-tooltip",{attrs:{"md-delay":"400","md-direction":"right"}},[t._v("My tooltip")])],1)],1)]),t._v(" "),d("div",{slot:"code"},[d("code-block",{attrs:{lang:"xml"}},[t._v('\n            <div>\n              <md-button class="md-icon-button md-raised md-primary">\n                <md-icon>folder</md-icon>\n                <md-tooltip md-delay="400" md-direction="top">My tooltip</md-tooltip>\n              </md-button>\n\n              <md-avatar>\n                <img src="assets/avatar-2.jpg" alt="People">\n                <md-tooltip md-delay="400" md-direction="bottom">My tooltip</md-tooltip>\n              </md-avatar>\n            </div>\n\n            <div>\n              <md-button class="md-icon-button md-raised md-warn">\n                <md-icon>home</md-icon>\n                <md-tooltip md-delay="400" md-direction="left">My tooltip</md-tooltip>\n              </md-button>\n\n              <md-avatar class="md-avatar-icon">\n                <md-icon>person</md-icon>\n                <md-tooltip md-delay="400" md-direction="right">My tooltip</md-tooltip>\n              </md-avatar>\n            </div>\n          ')])],1)])],1)])],1)},staticRenderFns:[]}},586:function(t,o,d){var a=d(518);"string"==typeof a&&(a=[[t.i,a,""]]),a.locals&&(t.exports=a.locals);d(5)("29901266",a,!0)}});
\ No newline at end of file
diff --git a/ui-elements.0689ff56.js b/ui-elements.ac4dc67a.js
similarity index 97%
rename from ui-elements.0689ff56.js
rename to ui-elements.ac4dc67a.js
index 93fe83f..be820f9 100644
--- a/ui-elements.0689ff56.js
+++ b/ui-elements.ac4dc67a.js
@@ -1 +1 @@
-webpackJsonp([1,34],{494:function(t,a,e){e(586);var l=e(0)(null,e(549),"data-v-172ceb40",null);t.exports=l.exports},495:function(t,a,e){e(608);var l=e(0)(null,e(577),"data-v-d5af2876",null);t.exports=l.exports},518:function(t,a,e){a=t.exports=e(4)(),a.push([t.i,'.layout-demo[data-v-172ceb40]{min-height:100px}.no-gutter>.md-layout[data-v-172ceb40]:last-child:before{background-color:rgba(0,0,0,.2)!important}.grid>.md-layout>.md-layout[data-v-172ceb40]:not(.md-column){min-height:40px;margin-bottom:16px}.grid-content[data-v-172ceb40]{padding:16px}.gutter .color .md-layout[data-v-172ceb40]{color:rgba(0,0,0,.54);font-size:13px;font-weight:500;text-indent:8px}.color:not(.md-column).md-gutter-8>.md-layout[data-v-172ceb40]:before{right:4px;left:4px}.color.md-column.md-gutter-8>.md-layout[data-v-172ceb40]:before{top:4px;bottom:4px}.color:not(.md-column).md-gutter-16>.md-layout[data-v-172ceb40]:before{right:8px;left:8px}.color.md-column.md-gutter-16>.md-layout[data-v-172ceb40]:before{top:8px;bottom:8px}.color:not(.md-column).md-gutter-24>.md-layout[data-v-172ceb40]:before{right:12px;left:12px}.color.md-column.md-gutter-24>.md-layout[data-v-172ceb40]:before{top:12px;bottom:12px}.color:not(.md-column).md-gutter-40>.md-layout[data-v-172ceb40]:before{right:20px;left:20px}.color.md-column.md-gutter-40>.md-layout[data-v-172ceb40]:before{top:20px;bottom:20px}.color>.md-layout[data-v-172ceb40]{position:relative}.color>.md-layout[data-v-172ceb40]:before{width:100%;height:100%;margin-bottom:-200%;display:block;pointer-events:none;background-color:rgba(0,0,0,.12);content:" "}.column-size[data-v-172ceb40]{height:250px!important}.column-size+.column-size[data-v-172ceb40]{margin-top:48px!important}.color-red[data-v-172ceb40]:before{background-color:#f44336!important}.color-blue[data-v-172ceb40]:before{background-color:#2196f3!important}.color-yellow[data-v-172ceb40]:before{background-color:#ffeb3b!important}.color-green[data-v-172ceb40]:before{background-color:#4caf50!important}.color-purple[data-v-172ceb40]:before{background-color:#9c27b0!important}.color-pink[data-v-172ceb40]:before{background-color:#e91e63!important}.color-teal[data-v-172ceb40]:before{background-color:#009688!important}.color-orange[data-v-172ceb40]:before{background-color:#ff9800!important}.properties table tr td[data-v-172ceb40]:first-child{white-space:nowrap}',""])},540:function(t,a,e){a=t.exports=e(4)(),a.push([t.i,".demo>[data-v-d5af2876]{margin:.5em 0;display:block}",""])},549:function(t,a){t.exports={render:function(){var t=this,a=t.$createElement,e=t._self._c||a;return e("page-content",{attrs:{"page-title":"UI Elements - Layout"}},[e("docs-component",[e("div",{slot:"description"},[e("p",[t._v("Responsive layouts in material design adapt to any possible screen size. This UI guidance includes a flexible grid that ensures consistency across layouts, breakpoint details about how content reflows on different screens, and a description of how an app can scale from small to extra-large screens.")]),t._v(" "),e("p",[t._v("By default you can create gutter-free layouts, make the grid system calculate the best margin size for each screen or set it by yourself with the "),e("code",[t._v("md-gutter")]),t._v(" property. If you want the automatic calculation the engine will set "),e("code",[t._v("16px")]),t._v(" for small screens and then apply "),e("code",[t._v("24px")]),t._v(" for medium to large.")]),t._v(" "),e("p",[t._v("You can create columns size by size or rows to make your layout fluid. You can combine columns with rows or even use nested columns.")]),t._v(" "),e("p",[t._v("The grid system makes use of flexbox to be flexible enough and give the best experience with a great and easy API. You can create responsive layouts with few lines of code with a declarative engine. The system work with some breakpoints:")]),t._v(" "),e("md-table",{staticClass:"properties",slot:"properties"},[e("md-table-header",[e("md-table-row",[e("md-table-head",[t._v("Name")]),t._v(" "),e("md-table-head",[t._v("Size")]),t._v(" "),e("md-table-head",[t._v("Description")])],1)],1),t._v(" "),e("md-table-body",[e("md-table-row",[e("md-table-cell",[e("code",[t._v("xsmall")])]),t._v(" "),e("md-table-cell",[t._v("600px")]),t._v(" "),e("md-table-cell",[t._v("For screens who have the maximum of 600px wide. For small, medium and large handsets in portrait. Also applies to small handsets in portrait.")])],1),t._v(" "),e("md-table-row",[e("md-table-cell",[e("code",[t._v("small")])]),t._v(" "),e("md-table-cell",[t._v("960px")]),t._v(" "),e("md-table-cell",[t._v("For screens who have between of 600px and 960px wide. For medium and large handsets in landscape, small and large tablets in portrait mode and some desktop monitors.")])],1),t._v(" "),e("md-table-row",[e("md-table-cell",[e("code",[t._v("medium")])]),t._v(" "),e("md-table-cell",[t._v("1280px")]),t._v(" "),e("md-table-cell",[t._v("For screens who have between of 960px and 1280px wide. For small and large tablets in landscape and desktop monitors.")])],1),t._v(" "),e("md-table-row",[e("md-table-cell",[e("code",[t._v("large")])]),t._v(" "),e("md-table-cell",[t._v("1920px")]),t._v(" "),e("md-table-cell",[t._v("For screens who have between of 1280px and 1920px wide. For large desktop monitors.")])],1),t._v(" "),e("md-table-row",[e("md-table-cell",[e("code",[t._v("xlarge")])]),t._v(" "),e("md-table-cell",[t._v(">1920px")]),t._v(" "),e("md-table-cell",[t._v("For screens bigger than 1920px wide. For huge desktop monitors or side-by-side screens.")])],1)],1)],1)],1),t._v(" "),e("div",{slot:"api"},[e("api-table",{attrs:{name:"md-layout"}},[e("md-table",{staticClass:"properties",slot:"properties"},[e("md-table-header",[e("md-table-row",[e("md-table-head",[t._v("Name")]),t._v(" "),e("md-table-head",[t._v("Type")]),t._v(" "),e("md-table-head",[t._v("Description")])],1)],1),t._v(" "),e("md-table-body",[e("md-table-row",[e("md-table-cell",[t._v("md-tag")]),t._v(" "),e("md-table-cell",[e("code",[t._v("String")])]),t._v(" "),e("md-table-cell",[t._v("The output tag. Default "),e("code",[t._v("div")])])],1),t._v(" "),e("md-table-row",[e("md-table-cell",[t._v("md-gutter")]),t._v(" "),e("md-table-cell",[e("code",[t._v("Boolean|Number")])]),t._v(" "),e("md-table-cell",[t._v("Apply a gutter space to direct childs of the element that have this property. If "),e("code",[t._v("true")]),t._v(" the gutter will be calculated automatically by the current screen size. If number the size will be fixed. Accepts "),e("code",[t._v("8")]),t._v("|"),e("code",[t._v("16")]),t._v("|"),e("code",[t._v("24")]),t._v("|"),e("code",[t._v("40")]),t._v(". Default "),e("code",[t._v("false")])])],1),t._v(" "),e("md-table-row",[e("md-table-cell",[t._v("md-row")]),t._v(" "),e("md-table-cell",[e("code",[t._v("Boolean")])]),t._v(" "),e("md-table-cell",[t._v("Create a row container. All child will be side by side.")])],1),t._v(" "),e("md-table-row",[e("md-table-cell",[t._v("md-row-{type}")]),t._v(" "),e("md-table-cell",[e("code",[t._v("Boolean")])]),t._v(" "),e("md-table-cell",[t._v("Create a row container on screen sizes less than or equal to given breakpoint. Example: "),e("code",[t._v("md-row-large")])])],1),t._v(" "),e("md-table-row",[e("md-table-cell",[t._v("md-column")]),t._v(" "),e("md-table-cell",[e("code",[t._v("Boolean")])]),t._v(" "),e("md-table-cell",[t._v("Create a column container. All child will be one underneath the other.")])],1),t._v(" "),e("md-table-row",[e("md-table-cell",[t._v("md-column-{type}")]),t._v(" "),e("md-table-cell",[e("code",[t._v("Boolean")])]),t._v(" "),e("md-table-cell",[t._v("Create a column container on screen sizes less than or equal to given breakpoint. Example: "),e("code",[t._v("md-column-small")])])],1),t._v(" "),e("md-table-row",[e("md-table-cell",[t._v("md-hide-{type}")]),t._v(" "),e("md-table-cell",[e("code",[t._v("Boolean")])]),t._v(" "),e("md-table-cell",[t._v("Hide a layout container/child on screen sizes less than or equal to given breakpoint. Example: "),e("code",[t._v("md-hide-medium")])])],1),t._v(" "),e("md-table-row",[e("md-table-cell",[t._v("md-hide-{type}-and-up")]),t._v(" "),e("md-table-cell",[e("code",[t._v("Boolean")])]),t._v(" "),e("md-table-cell",[t._v("Hide a layout container/child on screen sizes greater than or equal to given breakpoint. Example: "),e("code",[t._v("md-hide-medium-and-up")])])],1),t._v(" "),e("md-table-row",[e("md-table-cell",[t._v("md-flex")]),t._v(" "),e("md-table-cell",[e("code",[t._v("Boolean|Number")])]),t._v(" "),e("md-table-cell",[t._v("Create a flexible child. If "),e("code",[t._v("true")]),t._v(" the child element will grow to fill the empty space available on the parent element. If "),e("code",[t._v("Number")]),t._v(" the size of the child will be sized according to the giver size. Accepts values multiple of 5. Also accepts the values 33 and 66. Default: "),e("code",[t._v("true")])])],1),t._v(" "),e("md-table-row",[e("md-table-cell",[t._v("md-flex-{type}")]),t._v(" "),e("md-table-cell",[e("code",[t._v("Boolean|Number")])]),t._v(" "),e("md-table-cell",[t._v("Create a flexible child on screen sizes less than or equal to given breakpoint. Example: "),e("code",[t._v('md-flex-small="33"')])])],1),t._v(" "),e("md-table-row",[e("md-table-cell",[t._v("md-flex-offset")]),t._v(" "),e("md-table-cell",[e("code",[t._v("Number")])]),t._v(" "),e("md-table-cell",[t._v("Create a empty space before the actual child. Accepts the same value of "),e("code",[t._v("md-flex")]),t._v(" Example: "),e("code",[t._v('md-flex-offset="50"')])])],1),t._v(" "),e("md-table-row",[e("md-table-cell",[t._v("md-flex-offset-{type}")]),t._v(" "),e("md-table-cell",[e("code",[t._v("Number")])]),t._v(" "),e("md-table-cell",[t._v("Create a empty space before the actual child  on screen sizes less than or equal to given breakpoint. Example: "),e("code",[t._v('md-flex-offset-small="20"')])])],1),t._v(" "),e("md-table-row",[e("md-table-cell",[t._v("md-align")]),t._v(" "),e("md-table-cell",[e("code",[t._v("String")])]),t._v(" "),e("md-table-cell",[t._v("Apply an alignment to the container. Accepts "),e("code",[t._v("start")]),t._v("|"),e("code",[t._v("center")]),t._v("|"),e("code",[t._v("end")]),t._v(" Example: "),e("code",[t._v('md-align="end"')])])],1),t._v(" "),e("md-table-row",[e("md-table-cell",[t._v("md-align-{type}")]),t._v(" "),e("md-table-cell",[e("code",[t._v("Number")])]),t._v(" "),e("md-table-cell",[t._v("Apply an alignment to the container on screen sizes less than or equal to given breakpoint. Example: "),e("code",[t._v('md-align-xlarge="center"')])])],1)],1)],1)],1)],1),t._v(" "),e("div",{slot:"example"},[e("example-box",{attrs:{"card-title":"Responsive"}},[e("div",{staticClass:"layout-demo grid",slot:"demo"},[e("md-layout",{staticClass:"color",attrs:{"md-gutter":""}},[e("md-layout",{staticClass:"color-red",attrs:{"md-flex-xsmall":"100","md-flex-small":"50","md-flex-medium":"33"}},[e("div",{staticClass:"grid-content"},[t._v("\n                md-flex-xsmall "),e("br"),t._v('\n                md-flex-small="50" '),e("br"),t._v('\n                md-flex-medium="33"\n              ')])]),t._v(" "),e("md-layout",{staticClass:"color-blue",attrs:{"md-flex-xsmall":"100","md-flex-small":"50","md-flex-medium":"33"}},[e("div",{staticClass:"grid-content"},[t._v("\n                md-flex-xsmall "),e("br"),t._v('\n                md-flex-small="50" '),e("br"),t._v('\n                md-flex-medium="33"\n              ')])]),t._v(" "),e("md-layout",{staticClass:"color-pink",attrs:{"md-flex-xsmall":"100","md-flex-small":"50","md-flex-medium":"33"}},[e("div",{staticClass:"grid-content"},[t._v("\n                md-flex-xsmall "),e("br"),t._v('\n                md-flex-small="50" '),e("br"),t._v('\n                md-flex-medium="33"\n              ')])]),t._v(" "),e("md-layout",{staticClass:"color-teal",attrs:{"md-flex-xsmall":"100","md-flex-small":"50","md-flex-medium":"33"}},[e("div",{staticClass:"grid-content"},[t._v("\n                md-flex-xsmall "),e("br"),t._v('\n                md-flex-small="50" '),e("br"),t._v('\n                md-flex-medium="33"\n              ')])]),t._v(" "),e("md-layout",{staticClass:"color-green",attrs:{"md-flex-small":"100","md-flex-medium":"33","md-hide-xsmall":""}},[e("div",{staticClass:"grid-content"},[t._v('\n                md-flex-medium="33" '),e("br"),t._v("\n                md-hide-xsmall\n              ")])]),t._v(" "),e("md-layout",{staticClass:"color-yellow",attrs:{"md-flex":"","md-flex-medium":"33","md-hide-small":""}},[e("div",{staticClass:"grid-content"},[t._v('\n                md-flex-medium="33" '),e("br"),t._v("\n                md-hide-small\n              ")])])],1)],1),t._v(" "),e("div",{slot:"code"},[e("code-block",{attrs:{lang:"xml"}},[t._v('\n            <md-layout md-gutter>\n              <md-layout md-flex-xsmall="100" md-flex-small="50" md-flex-medium="33">\n                md-flex-xsmall <br>\n                md-flex-small="50" <br>\n                md-flex-medium="33"\n              </md-layout>\n\n              <md-layout md-flex-xsmall="100" md-flex-small="50" md-flex-medium="33">\n                md-flex-xsmall <br>\n                md-flex-small="50" <br>\n                md-flex-medium="33"\n              </md-layout>\n\n              <md-layout md-flex-xsmall="100" md-flex-small="50" md-flex-medium="33">\n                md-flex-xsmall <br>\n                md-flex-small="50" <br>\n                md-flex-medium="33"\n              </md-layout>\n\n              <md-layout md-flex-xsmall="100" md-flex-small="50" md-flex-medium="33">\n                md-flex-xsmall <br>\n                md-flex-small="50" <br>\n                md-flex-medium="33"\n              </md-layout>\n\n              <md-layout md-flex-small="100" md-flex-medium="33" md-hide-xsmall>\n                md-flex-medium="33" <br>\n                md-hide-xsmall\n              </md-layout>\n\n              <md-layout md-flex md-flex-medium="33" md-hide-small>\n                md-flex-medium="33" <br>\n                md-hide-small\n              </md-layout>\n            </md-layout>\n          ')])],1)]),t._v(" "),e("example-box",{attrs:{"card-title":"Sizes and Offset"}},[e("div",{staticClass:"layout-demo grid",slot:"demo"},[e("md-layout",{staticClass:"color",attrs:{"md-gutter":""}},[e("md-layout",{attrs:{"md-flex":"50"}}),t._v(" "),e("md-layout"),t._v(" "),e("md-layout"),t._v(" "),e("md-layout")],1),t._v(" "),e("md-layout",{staticClass:"color",attrs:{"md-gutter":""}},[e("md-layout",{attrs:{"md-flex":"33"}}),t._v(" "),e("md-layout")],1),t._v(" "),e("md-layout",{staticClass:"color",attrs:{"md-gutter":""}},[e("md-layout"),t._v(" "),e("md-layout",{attrs:{"md-flex":"33","md-flex-offset":"33"}})],1),t._v(" "),e("md-layout",{staticClass:"color",attrs:{"md-gutter":""}},[e("md-layout",{attrs:{"md-flex":"75"}}),t._v(" "),e("md-layout")],1),t._v(" "),e("md-layout",{staticClass:"color",attrs:{"md-gutter":""}},[e("md-layout",{attrs:{"md-flex":"50"}}),t._v(" "),e("md-layout"),t._v(" "),e("md-layout")],1),t._v(" "),e("md-layout",{staticClass:"color",attrs:{"md-gutter":""}},[e("md-layout",{attrs:{"md-flex":"25","md-flex-offset":"25"}}),t._v(" "),e("md-layout",{attrs:{"md-flex":"25"}})],1)],1),t._v(" "),e("div",{slot:"code"},[e("code-block",{attrs:{lang:"xml"}},[t._v('\n            <md-layout md-gutter>\n              <md-layout md-flex="50"></md-layout>\n              <md-layout></md-layout>\n              <md-layout></md-layout>\n              <md-layout></md-layout>\n            </md-layout>\n\n            <md-layout md-gutter>\n              <md-layout md-flex="33"></md-layout>\n              <md-layout></md-layout>\n            </md-layout>\n\n            <md-layout md-gutter>\n              <md-layout></md-layout>\n              <md-layout md-flex="33" md-flex-offset="33"></md-layout>\n            </md-layout>\n\n            <md-layout md-gutter>\n              <md-layout md-flex="75"></md-layout>\n              <md-layout></md-layout>\n            </md-layout>\n\n            <md-layout md-gutter>\n              <md-layout md-flex="50"></md-layout>\n              <md-layout></md-layout>\n              <md-layout></md-layout>\n            </md-layout>\n\n            <md-layout md-gutter>\n              <md-layout md-flex="25" md-flex-offset="25"></md-layout>\n              <md-layout md-flex="25"></md-layout>\n            </md-layout>\n          ')])],1)]),t._v(" "),e("example-box",{attrs:{"card-title":"Direction"}},[e("div",{staticClass:"layout-demo grid",slot:"demo"},[e("md-layout",{staticClass:"column-size",attrs:{"md-gutter":"16"}},[e("md-layout",{staticClass:"color",attrs:{"md-column":"","md-gutter":"16"}},[e("md-layout",{attrs:{"md-flex":"20"}}),t._v(" "),e("md-layout")],1),t._v(" "),e("md-layout",{staticClass:"color",attrs:{"md-column":"","md-gutter":"16"}},[e("md-layout",{attrs:{"md-flex":"50"}}),t._v(" "),e("md-layout"),t._v(" "),e("md-layout")],1)],1)],1),t._v(" "),e("div",{slot:"code"},[e("code-block",{attrs:{lang:"xml"}},[t._v('\n            <md-layout md-gutter>\n              <md-layout md-column md-gutter>\n                <md-layout md-flex="20"></md-layout>\n                <md-layout></md-layout>\n              </md-layout>\n\n              <md-layout md-column md-gutter>\n                <md-layout md-flex="50"></md-layout>\n                <md-layout></md-layout>\n                <md-layout></md-layout>\n              </md-layout>\n            </md-layout>\n          ')])],1)]),t._v(" "),e("example-box",{attrs:{"card-title":"Alignment"}},[e("div",{staticClass:"layout-demo grid gutter",slot:"demo"},[e("md-layout",{staticClass:"color",attrs:{"md-gutter":"16"}},[e("md-layout",{attrs:{"md-flex":"50"}},[e("span",[t._v("start")])])],1),t._v(" "),e("md-layout",{staticClass:"color",attrs:{"md-align":"end","md-gutter":"16"}},[e("md-layout",{attrs:{"md-flex":"33"}},[e("span",[t._v("end")])])],1),t._v(" "),e("md-layout",{staticClass:"color",attrs:{"md-align":"end","md-gutter":"16"}},[e("md-layout",{attrs:{"md-flex":"20"}},[e("span",[t._v("end")])]),t._v(" "),e("md-layout",{attrs:{"md-flex":"20"}},[e("span",[t._v("end")])])],1),t._v(" "),e("md-layout",{staticClass:"color",attrs:{"md-align":"center","md-gutter":"16"}},[e("md-layout",{attrs:{"md-flex":"35"}},[e("span",[t._v("center")])]),t._v(" "),e("md-layout",{attrs:{"md-flex":"35"}},[e("span",[t._v("center")])])],1)],1),t._v(" "),e("div",{slot:"code"},[e("code-block",{attrs:{lang:"xml"}},[t._v('\n            <md-layout md-gutter="16">\n              <md-layout md-flex="50">\n                <span>start</span>\n              </md-layout>\n            </md-layout>\n\n            <md-layout md-align="end" md-gutter="16">\n              <md-layout md-flex="33">\n                <span>end</span>\n              </md-layout>\n            </md-layout>\n\n            <md-layout md-align="end" md-gutter="16">\n              <md-layout md-flex="20">\n                <span>end</span>\n              </md-layout>\n\n              <md-layout md-flex="20">\n                <span>end</span>\n              </md-layout>\n            </md-layout>\n\n            <md-layout md-align="center" md-gutter="16">\n              <md-layout md-flex="35">\n                <span>center</span>\n              </md-layout>\n\n              <md-layout md-flex="35">\n                <span>center</span>\n              </md-layout>\n            </md-layout>\n          ')])],1)]),t._v(" "),e("example-box",{attrs:{"card-title":"Gutters"}},[e("div",{staticClass:"layout-demo grid gutter",slot:"demo"},[e("md-layout",{staticClass:"no-gutter color"},[e("md-layout"),t._v(" "),e("md-layout")],1),t._v(" "),e("md-layout",{staticClass:"color",attrs:{"md-gutter":8}},[e("md-layout",[e("span",[t._v("8px")])]),t._v(" "),e("md-layout",[e("span",[t._v("8px")])]),t._v(" "),e("md-layout",[e("span",[t._v("8px")])]),t._v(" "),e("md-layout",[e("span",[t._v("8px")])]),t._v(" "),e("md-layout",[e("span",[t._v("8px")])]),t._v(" "),e("md-layout",[e("span",[t._v("8px")])])],1),t._v(" "),e("md-layout",{staticClass:"color",attrs:{"md-gutter":"16"}},[e("md-layout",[e("span",[t._v("16px")])]),t._v(" "),e("md-layout",[e("span",[t._v("16px")])]),t._v(" "),e("md-layout",[e("span",[t._v("16px")])]),t._v(" "),e("md-layout",[e("span",[t._v("16px")])]),t._v(" "),e("md-layout",[e("span",[t._v("16px")])])],1),t._v(" "),e("md-layout",{staticClass:"color",attrs:{"md-gutter":24}},[e("md-layout",[e("span",[t._v("24px")])]),t._v(" "),e("md-layout",[e("span",[t._v("24px")])]),t._v(" "),e("md-layout",[e("span",[t._v("24px")])]),t._v(" "),e("md-layout",[e("span",[t._v("24px")])])],1),t._v(" "),e("md-layout",{staticClass:"color",attrs:{"md-gutter":40}},[e("md-layout",[e("span",[t._v("40px")])]),t._v(" "),e("md-layout",[e("span",[t._v("40px")])]),t._v(" "),e("md-layout",[e("span",[t._v("40px")])])],1),t._v(" "),e("md-layout",{staticClass:"color",attrs:{"md-gutter":!0}},[e("md-layout",[e("span",[t._v("Automatic")])]),t._v(" "),e("md-layout",[e("span",[t._v("Automatic")])])],1)],1),t._v(" "),e("div",{slot:"code"},[e("code-block",{attrs:{lang:"xml"}},[t._v('\n            <md-layout>\n              <md-layout></md-layout>\n              <md-layout></md-layout>\n            </md-layout>\n\n            <md-layout :md-gutter="8">\n              <md-layout>\n                <span>8px</span>\n              </md-layout>\n\n              <md-layout>\n                <span>8px</span>\n              </md-layout>\n\n              <md-layout>\n                <span>8px</span>\n              </md-layout>\n\n              <md-layout>\n                <span>8px</span>\n              </md-layout>\n\n              <md-layout>\n                <span>8px</span>\n              </md-layout>\n\n              <md-layout>\n                <span>8px</span>\n              </md-layout>\n            </md-layout>\n\n            <md-layout md-gutter="16">\n              <md-layout>\n                <span>16px</span>\n              </md-layout>\n\n              <md-layout>\n                <span>16px</span>\n              </md-layout>\n\n              <md-layout>\n                <span>16px</span>\n              </md-layout>\n\n              <md-layout>\n                <span>16px</span>\n              </md-layout>\n\n              <md-layout>\n                <span>16px</span>\n              </md-layout>\n            </md-layout>\n\n            <md-layout :md-gutter="24">\n              <md-layout>\n                <span>24px</span>\n              </md-layout>\n\n              <md-layout>\n                <span>24px</span>\n              </md-layout>\n\n              <md-layout>\n                <span>24px</span>\n              </md-layout>\n\n              <md-layout>\n                <span>24px</span>\n              </md-layout>\n            </md-layout>\n\n            <md-layout :md-gutter="40">\n              <md-layout>\n                <span>40px</span>\n              </md-layout>\n\n              <md-layout>\n                <span>40px</span>\n              </md-layout>\n\n              <md-layout>\n                <span>40px</span>\n              </md-layout>\n            </md-layout>\n\n            <md-layout md-gutter>\n              <md-layout>\n                <span>Automatic</span>\n              </md-layout>\n\n              <md-layout>\n                <span>Automatic</span>\n              </md-layout>\n            </md-layout>\n          ')])],1)])],1)])],1)},staticRenderFns:[]}},577:function(t,a){t.exports={render:function(){var t=this,a=t.$createElement,e=t._self._c||a;return e("page-content",{attrs:{"page-title":"UI Elements - Typography"}},[e("docs-component",[e("div",{slot:"description"},[e("h2",{staticClass:"md-title"},[t._v("Styles")]),t._v(" "),e("p",[t._v("Too many type sizes and styles at once can wreck any layout. A typographic scale has a limited set of type sizes that work well together along with the layout grid.")]),t._v(" "),e("h2",{staticClass:"md-title"},[t._v("Typeface")]),t._v(" "),e("p",[t._v("Roboto has been refined extensively to work across the wider set of supported platforms. It is slightly wider and rounder, giving it greater clarity and making it more optimistic.")])]),t._v(" "),e("div",{slot:"example"},[e("example-box",{attrs:{"card-title":"Default"}},[e("div",{staticClass:"demo",slot:"demo"},[e("span",{staticClass:"md-display-4"},[t._v("Display 4")]),t._v(" "),e("span",{staticClass:"md-display-3"},[t._v("Display 3")]),t._v(" "),e("span",{staticClass:"md-display-2"},[t._v("Display 2")]),t._v(" "),e("span",{staticClass:"md-display-1"},[t._v("Display 1")]),t._v(" "),e("span",{staticClass:"md-headline"},[t._v("Headline")]),t._v(" "),e("span",{staticClass:"md-title"},[t._v("Title")]),t._v(" "),e("span",{staticClass:"md-subheading"},[t._v("Subheading")]),t._v(" "),e("span",{staticClass:"md-body-2"},[t._v("Body 2")]),t._v(" "),e("span",{staticClass:"md-body-1"},[t._v("Body 1")]),t._v(" "),e("span",{staticClass:"md-caption"},[t._v("Caption")]),t._v(" "),e("a",{attrs:{href:"#/typography"}},[t._v("Link")])]),t._v(" "),e("div",{slot:"code"},[e("code-block",{attrs:{lang:"xml"}},[t._v('\n            <span class="md-display-4">Display 4</span>\n            <span class="md-display-3">Display 3</span>\n            <span class="md-display-2">Display 2</span>\n            <span class="md-display-1">Display 1</span>\n            <span class="md-headline">Headline</span>\n            <span class="md-title">Title</span>\n            <span class="md-subheading">Subheading</span>\n            <span class="md-body-2">Body 2</span>\n            <span class="md-body-1">Body 1</span>\n            <span class="md-caption">Caption</span>\n            <a href="#/typography">Link</a>\n          ')])],1)])],1)])],1)},staticRenderFns:[]}},586:function(t,a,e){var l=e(518);"string"==typeof l&&(l=[[t.i,l,""]]),l.locals&&(t.exports=l.locals);e(5)("56f9cd58",l,!0)},608:function(t,a,e){var l=e(540);"string"==typeof l&&(l=[[t.i,l,""]]),l.locals&&(t.exports=l.locals);e(5)("109f1a38",l,!0)}});
\ No newline at end of file
+webpackJsonp([1,34],{494:function(t,a,e){e(585);var l=e(0)(null,e(548),"data-v-172ceb40",null);t.exports=l.exports},495:function(t,a,e){e(607);var l=e(0)(null,e(576),"data-v-d5af2876",null);t.exports=l.exports},517:function(t,a,e){a=t.exports=e(4)(),a.push([t.i,'.layout-demo[data-v-172ceb40]{min-height:100px}.no-gutter>.md-layout[data-v-172ceb40]:last-child:before{background-color:rgba(0,0,0,.2)!important}.grid>.md-layout>.md-layout[data-v-172ceb40]:not(.md-column){min-height:40px;margin-bottom:16px}.grid-content[data-v-172ceb40]{padding:16px}.gutter .color .md-layout[data-v-172ceb40]{color:rgba(0,0,0,.54);font-size:13px;font-weight:500;text-indent:8px}.color:not(.md-column).md-gutter-8>.md-layout[data-v-172ceb40]:before{right:4px;left:4px}.color.md-column.md-gutter-8>.md-layout[data-v-172ceb40]:before{top:4px;bottom:4px}.color:not(.md-column).md-gutter-16>.md-layout[data-v-172ceb40]:before{right:8px;left:8px}.color.md-column.md-gutter-16>.md-layout[data-v-172ceb40]:before{top:8px;bottom:8px}.color:not(.md-column).md-gutter-24>.md-layout[data-v-172ceb40]:before{right:12px;left:12px}.color.md-column.md-gutter-24>.md-layout[data-v-172ceb40]:before{top:12px;bottom:12px}.color:not(.md-column).md-gutter-40>.md-layout[data-v-172ceb40]:before{right:20px;left:20px}.color.md-column.md-gutter-40>.md-layout[data-v-172ceb40]:before{top:20px;bottom:20px}.color>.md-layout[data-v-172ceb40]{position:relative}.color>.md-layout[data-v-172ceb40]:before{width:100%;height:100%;margin-bottom:-200%;display:block;pointer-events:none;background-color:rgba(0,0,0,.12);content:" "}.column-size[data-v-172ceb40]{height:250px!important}.column-size+.column-size[data-v-172ceb40]{margin-top:48px!important}.color-red[data-v-172ceb40]:before{background-color:#f44336!important}.color-blue[data-v-172ceb40]:before{background-color:#2196f3!important}.color-yellow[data-v-172ceb40]:before{background-color:#ffeb3b!important}.color-green[data-v-172ceb40]:before{background-color:#4caf50!important}.color-purple[data-v-172ceb40]:before{background-color:#9c27b0!important}.color-pink[data-v-172ceb40]:before{background-color:#e91e63!important}.color-teal[data-v-172ceb40]:before{background-color:#009688!important}.color-orange[data-v-172ceb40]:before{background-color:#ff9800!important}.properties table tr td[data-v-172ceb40]:first-child{white-space:nowrap}',""])},539:function(t,a,e){a=t.exports=e(4)(),a.push([t.i,".demo>[data-v-d5af2876]{margin:.5em 0;display:block}",""])},548:function(t,a){t.exports={render:function(){var t=this,a=t.$createElement,e=t._self._c||a;return e("page-content",{attrs:{"page-title":"UI Elements - Layout"}},[e("docs-component",[e("div",{slot:"description"},[e("p",[t._v("Responsive layouts in material design adapt to any possible screen size. This UI guidance includes a flexible grid that ensures consistency across layouts, breakpoint details about how content reflows on different screens, and a description of how an app can scale from small to extra-large screens.")]),t._v(" "),e("p",[t._v("By default you can create gutter-free layouts, make the grid system calculate the best margin size for each screen or set it by yourself with the "),e("code",[t._v("md-gutter")]),t._v(" property. If you want the automatic calculation the engine will set "),e("code",[t._v("16px")]),t._v(" for small screens and then apply "),e("code",[t._v("24px")]),t._v(" for medium to large.")]),t._v(" "),e("p",[t._v("You can create columns size by size or rows to make your layout fluid. You can combine columns with rows or even use nested columns.")]),t._v(" "),e("p",[t._v("The grid system makes use of flexbox to be flexible enough and give the best experience with a great and easy API. You can create responsive layouts with few lines of code with a declarative engine. The system work with some breakpoints:")]),t._v(" "),e("md-table",{staticClass:"properties",slot:"properties"},[e("md-table-header",[e("md-table-row",[e("md-table-head",[t._v("Name")]),t._v(" "),e("md-table-head",[t._v("Size")]),t._v(" "),e("md-table-head",[t._v("Description")])],1)],1),t._v(" "),e("md-table-body",[e("md-table-row",[e("md-table-cell",[e("code",[t._v("xsmall")])]),t._v(" "),e("md-table-cell",[t._v("600px")]),t._v(" "),e("md-table-cell",[t._v("For screens who have the maximum of 600px wide. For small, medium and large handsets in portrait. Also applies to small handsets in portrait.")])],1),t._v(" "),e("md-table-row",[e("md-table-cell",[e("code",[t._v("small")])]),t._v(" "),e("md-table-cell",[t._v("960px")]),t._v(" "),e("md-table-cell",[t._v("For screens who have between of 600px and 960px wide. For medium and large handsets in landscape, small and large tablets in portrait mode and some desktop monitors.")])],1),t._v(" "),e("md-table-row",[e("md-table-cell",[e("code",[t._v("medium")])]),t._v(" "),e("md-table-cell",[t._v("1280px")]),t._v(" "),e("md-table-cell",[t._v("For screens who have between of 960px and 1280px wide. For small and large tablets in landscape and desktop monitors.")])],1),t._v(" "),e("md-table-row",[e("md-table-cell",[e("code",[t._v("large")])]),t._v(" "),e("md-table-cell",[t._v("1920px")]),t._v(" "),e("md-table-cell",[t._v("For screens who have between of 1280px and 1920px wide. For large desktop monitors.")])],1),t._v(" "),e("md-table-row",[e("md-table-cell",[e("code",[t._v("xlarge")])]),t._v(" "),e("md-table-cell",[t._v(">1920px")]),t._v(" "),e("md-table-cell",[t._v("For screens bigger than 1920px wide. For huge desktop monitors or side-by-side screens.")])],1)],1)],1)],1),t._v(" "),e("div",{slot:"api"},[e("api-table",{attrs:{name:"md-layout"}},[e("md-table",{staticClass:"properties",slot:"properties"},[e("md-table-header",[e("md-table-row",[e("md-table-head",[t._v("Name")]),t._v(" "),e("md-table-head",[t._v("Type")]),t._v(" "),e("md-table-head",[t._v("Description")])],1)],1),t._v(" "),e("md-table-body",[e("md-table-row",[e("md-table-cell",[t._v("md-tag")]),t._v(" "),e("md-table-cell",[e("code",[t._v("String")])]),t._v(" "),e("md-table-cell",[t._v("The output tag. Default "),e("code",[t._v("div")])])],1),t._v(" "),e("md-table-row",[e("md-table-cell",[t._v("md-gutter")]),t._v(" "),e("md-table-cell",[e("code",[t._v("Boolean|Number")])]),t._v(" "),e("md-table-cell",[t._v("Apply a gutter space to direct childs of the element that have this property. If "),e("code",[t._v("true")]),t._v(" the gutter will be calculated automatically by the current screen size. If number the size will be fixed. Accepts "),e("code",[t._v("8")]),t._v("|"),e("code",[t._v("16")]),t._v("|"),e("code",[t._v("24")]),t._v("|"),e("code",[t._v("40")]),t._v(". Default "),e("code",[t._v("false")])])],1),t._v(" "),e("md-table-row",[e("md-table-cell",[t._v("md-row")]),t._v(" "),e("md-table-cell",[e("code",[t._v("Boolean")])]),t._v(" "),e("md-table-cell",[t._v("Create a row container. All child will be side by side.")])],1),t._v(" "),e("md-table-row",[e("md-table-cell",[t._v("md-row-{type}")]),t._v(" "),e("md-table-cell",[e("code",[t._v("Boolean")])]),t._v(" "),e("md-table-cell",[t._v("Create a row container on screen sizes less than or equal to given breakpoint. Example: "),e("code",[t._v("md-row-large")])])],1),t._v(" "),e("md-table-row",[e("md-table-cell",[t._v("md-column")]),t._v(" "),e("md-table-cell",[e("code",[t._v("Boolean")])]),t._v(" "),e("md-table-cell",[t._v("Create a column container. All child will be one underneath the other.")])],1),t._v(" "),e("md-table-row",[e("md-table-cell",[t._v("md-column-{type}")]),t._v(" "),e("md-table-cell",[e("code",[t._v("Boolean")])]),t._v(" "),e("md-table-cell",[t._v("Create a column container on screen sizes less than or equal to given breakpoint. Example: "),e("code",[t._v("md-column-small")])])],1),t._v(" "),e("md-table-row",[e("md-table-cell",[t._v("md-hide-{type}")]),t._v(" "),e("md-table-cell",[e("code",[t._v("Boolean")])]),t._v(" "),e("md-table-cell",[t._v("Hide a layout container/child on screen sizes less than or equal to given breakpoint. Example: "),e("code",[t._v("md-hide-medium")])])],1),t._v(" "),e("md-table-row",[e("md-table-cell",[t._v("md-hide-{type}-and-up")]),t._v(" "),e("md-table-cell",[e("code",[t._v("Boolean")])]),t._v(" "),e("md-table-cell",[t._v("Hide a layout container/child on screen sizes greater than or equal to given breakpoint. Example: "),e("code",[t._v("md-hide-medium-and-up")])])],1),t._v(" "),e("md-table-row",[e("md-table-cell",[t._v("md-flex")]),t._v(" "),e("md-table-cell",[e("code",[t._v("Boolean|Number")])]),t._v(" "),e("md-table-cell",[t._v("Create a flexible child. If "),e("code",[t._v("true")]),t._v(" the child element will grow to fill the empty space available on the parent element. If "),e("code",[t._v("Number")]),t._v(" the size of the child will be sized according to the giver size. Accepts values multiple of 5. Also accepts the values 33 and 66. Default: "),e("code",[t._v("true")])])],1),t._v(" "),e("md-table-row",[e("md-table-cell",[t._v("md-flex-{type}")]),t._v(" "),e("md-table-cell",[e("code",[t._v("Boolean|Number")])]),t._v(" "),e("md-table-cell",[t._v("Create a flexible child on screen sizes less than or equal to given breakpoint. Example: "),e("code",[t._v('md-flex-small="33"')])])],1),t._v(" "),e("md-table-row",[e("md-table-cell",[t._v("md-flex-offset")]),t._v(" "),e("md-table-cell",[e("code",[t._v("Number")])]),t._v(" "),e("md-table-cell",[t._v("Create a empty space before the actual child. Accepts the same value of "),e("code",[t._v("md-flex")]),t._v(" Example: "),e("code",[t._v('md-flex-offset="50"')])])],1),t._v(" "),e("md-table-row",[e("md-table-cell",[t._v("md-flex-offset-{type}")]),t._v(" "),e("md-table-cell",[e("code",[t._v("Number")])]),t._v(" "),e("md-table-cell",[t._v("Create a empty space before the actual child  on screen sizes less than or equal to given breakpoint. Example: "),e("code",[t._v('md-flex-offset-small="20"')])])],1),t._v(" "),e("md-table-row",[e("md-table-cell",[t._v("md-align")]),t._v(" "),e("md-table-cell",[e("code",[t._v("String")])]),t._v(" "),e("md-table-cell",[t._v("Apply an alignment to the container. Accepts "),e("code",[t._v("start")]),t._v("|"),e("code",[t._v("center")]),t._v("|"),e("code",[t._v("end")]),t._v(" Example: "),e("code",[t._v('md-align="end"')])])],1),t._v(" "),e("md-table-row",[e("md-table-cell",[t._v("md-align-{type}")]),t._v(" "),e("md-table-cell",[e("code",[t._v("Number")])]),t._v(" "),e("md-table-cell",[t._v("Apply an alignment to the container on screen sizes less than or equal to given breakpoint. Example: "),e("code",[t._v('md-align-xlarge="center"')])])],1)],1)],1)],1)],1),t._v(" "),e("div",{slot:"example"},[e("example-box",{attrs:{"card-title":"Responsive"}},[e("div",{staticClass:"layout-demo grid",slot:"demo"},[e("md-layout",{staticClass:"color",attrs:{"md-gutter":""}},[e("md-layout",{staticClass:"color-red",attrs:{"md-flex-xsmall":"100","md-flex-small":"50","md-flex-medium":"33"}},[e("div",{staticClass:"grid-content"},[t._v("\n                md-flex-xsmall "),e("br"),t._v('\n                md-flex-small="50" '),e("br"),t._v('\n                md-flex-medium="33"\n              ')])]),t._v(" "),e("md-layout",{staticClass:"color-blue",attrs:{"md-flex-xsmall":"100","md-flex-small":"50","md-flex-medium":"33"}},[e("div",{staticClass:"grid-content"},[t._v("\n                md-flex-xsmall "),e("br"),t._v('\n                md-flex-small="50" '),e("br"),t._v('\n                md-flex-medium="33"\n              ')])]),t._v(" "),e("md-layout",{staticClass:"color-pink",attrs:{"md-flex-xsmall":"100","md-flex-small":"50","md-flex-medium":"33"}},[e("div",{staticClass:"grid-content"},[t._v("\n                md-flex-xsmall "),e("br"),t._v('\n                md-flex-small="50" '),e("br"),t._v('\n                md-flex-medium="33"\n              ')])]),t._v(" "),e("md-layout",{staticClass:"color-teal",attrs:{"md-flex-xsmall":"100","md-flex-small":"50","md-flex-medium":"33"}},[e("div",{staticClass:"grid-content"},[t._v("\n                md-flex-xsmall "),e("br"),t._v('\n                md-flex-small="50" '),e("br"),t._v('\n                md-flex-medium="33"\n              ')])]),t._v(" "),e("md-layout",{staticClass:"color-green",attrs:{"md-flex-small":"100","md-flex-medium":"33","md-hide-xsmall":""}},[e("div",{staticClass:"grid-content"},[t._v('\n                md-flex-medium="33" '),e("br"),t._v("\n                md-hide-xsmall\n              ")])]),t._v(" "),e("md-layout",{staticClass:"color-yellow",attrs:{"md-flex":"","md-flex-medium":"33","md-hide-small":""}},[e("div",{staticClass:"grid-content"},[t._v('\n                md-flex-medium="33" '),e("br"),t._v("\n                md-hide-small\n              ")])])],1)],1),t._v(" "),e("div",{slot:"code"},[e("code-block",{attrs:{lang:"xml"}},[t._v('\n            <md-layout md-gutter>\n              <md-layout md-flex-xsmall="100" md-flex-small="50" md-flex-medium="33">\n                md-flex-xsmall <br>\n                md-flex-small="50" <br>\n                md-flex-medium="33"\n              </md-layout>\n\n              <md-layout md-flex-xsmall="100" md-flex-small="50" md-flex-medium="33">\n                md-flex-xsmall <br>\n                md-flex-small="50" <br>\n                md-flex-medium="33"\n              </md-layout>\n\n              <md-layout md-flex-xsmall="100" md-flex-small="50" md-flex-medium="33">\n                md-flex-xsmall <br>\n                md-flex-small="50" <br>\n                md-flex-medium="33"\n              </md-layout>\n\n              <md-layout md-flex-xsmall="100" md-flex-small="50" md-flex-medium="33">\n                md-flex-xsmall <br>\n                md-flex-small="50" <br>\n                md-flex-medium="33"\n              </md-layout>\n\n              <md-layout md-flex-small="100" md-flex-medium="33" md-hide-xsmall>\n                md-flex-medium="33" <br>\n                md-hide-xsmall\n              </md-layout>\n\n              <md-layout md-flex md-flex-medium="33" md-hide-small>\n                md-flex-medium="33" <br>\n                md-hide-small\n              </md-layout>\n            </md-layout>\n          ')])],1)]),t._v(" "),e("example-box",{attrs:{"card-title":"Sizes and Offset"}},[e("div",{staticClass:"layout-demo grid",slot:"demo"},[e("md-layout",{staticClass:"color",attrs:{"md-gutter":""}},[e("md-layout",{attrs:{"md-flex":"50"}}),t._v(" "),e("md-layout"),t._v(" "),e("md-layout"),t._v(" "),e("md-layout")],1),t._v(" "),e("md-layout",{staticClass:"color",attrs:{"md-gutter":""}},[e("md-layout",{attrs:{"md-flex":"33"}}),t._v(" "),e("md-layout")],1),t._v(" "),e("md-layout",{staticClass:"color",attrs:{"md-gutter":""}},[e("md-layout"),t._v(" "),e("md-layout",{attrs:{"md-flex":"33","md-flex-offset":"33"}})],1),t._v(" "),e("md-layout",{staticClass:"color",attrs:{"md-gutter":""}},[e("md-layout",{attrs:{"md-flex":"75"}}),t._v(" "),e("md-layout")],1),t._v(" "),e("md-layout",{staticClass:"color",attrs:{"md-gutter":""}},[e("md-layout",{attrs:{"md-flex":"50"}}),t._v(" "),e("md-layout"),t._v(" "),e("md-layout")],1),t._v(" "),e("md-layout",{staticClass:"color",attrs:{"md-gutter":""}},[e("md-layout",{attrs:{"md-flex":"25","md-flex-offset":"25"}}),t._v(" "),e("md-layout",{attrs:{"md-flex":"25"}})],1)],1),t._v(" "),e("div",{slot:"code"},[e("code-block",{attrs:{lang:"xml"}},[t._v('\n            <md-layout md-gutter>\n              <md-layout md-flex="50"></md-layout>\n              <md-layout></md-layout>\n              <md-layout></md-layout>\n              <md-layout></md-layout>\n            </md-layout>\n\n            <md-layout md-gutter>\n              <md-layout md-flex="33"></md-layout>\n              <md-layout></md-layout>\n            </md-layout>\n\n            <md-layout md-gutter>\n              <md-layout></md-layout>\n              <md-layout md-flex="33" md-flex-offset="33"></md-layout>\n            </md-layout>\n\n            <md-layout md-gutter>\n              <md-layout md-flex="75"></md-layout>\n              <md-layout></md-layout>\n            </md-layout>\n\n            <md-layout md-gutter>\n              <md-layout md-flex="50"></md-layout>\n              <md-layout></md-layout>\n              <md-layout></md-layout>\n            </md-layout>\n\n            <md-layout md-gutter>\n              <md-layout md-flex="25" md-flex-offset="25"></md-layout>\n              <md-layout md-flex="25"></md-layout>\n            </md-layout>\n          ')])],1)]),t._v(" "),e("example-box",{attrs:{"card-title":"Direction"}},[e("div",{staticClass:"layout-demo grid",slot:"demo"},[e("md-layout",{staticClass:"column-size",attrs:{"md-gutter":"16"}},[e("md-layout",{staticClass:"color",attrs:{"md-column":"","md-gutter":"16"}},[e("md-layout",{attrs:{"md-flex":"20"}}),t._v(" "),e("md-layout")],1),t._v(" "),e("md-layout",{staticClass:"color",attrs:{"md-column":"","md-gutter":"16"}},[e("md-layout",{attrs:{"md-flex":"50"}}),t._v(" "),e("md-layout"),t._v(" "),e("md-layout")],1)],1)],1),t._v(" "),e("div",{slot:"code"},[e("code-block",{attrs:{lang:"xml"}},[t._v('\n            <md-layout md-gutter>\n              <md-layout md-column md-gutter>\n                <md-layout md-flex="20"></md-layout>\n                <md-layout></md-layout>\n              </md-layout>\n\n              <md-layout md-column md-gutter>\n                <md-layout md-flex="50"></md-layout>\n                <md-layout></md-layout>\n                <md-layout></md-layout>\n              </md-layout>\n            </md-layout>\n          ')])],1)]),t._v(" "),e("example-box",{attrs:{"card-title":"Alignment"}},[e("div",{staticClass:"layout-demo grid gutter",slot:"demo"},[e("md-layout",{staticClass:"color",attrs:{"md-gutter":"16"}},[e("md-layout",{attrs:{"md-flex":"50"}},[e("span",[t._v("start")])])],1),t._v(" "),e("md-layout",{staticClass:"color",attrs:{"md-align":"end","md-gutter":"16"}},[e("md-layout",{attrs:{"md-flex":"33"}},[e("span",[t._v("end")])])],1),t._v(" "),e("md-layout",{staticClass:"color",attrs:{"md-align":"end","md-gutter":"16"}},[e("md-layout",{attrs:{"md-flex":"20"}},[e("span",[t._v("end")])]),t._v(" "),e("md-layout",{attrs:{"md-flex":"20"}},[e("span",[t._v("end")])])],1),t._v(" "),e("md-layout",{staticClass:"color",attrs:{"md-align":"center","md-gutter":"16"}},[e("md-layout",{attrs:{"md-flex":"35"}},[e("span",[t._v("center")])]),t._v(" "),e("md-layout",{attrs:{"md-flex":"35"}},[e("span",[t._v("center")])])],1)],1),t._v(" "),e("div",{slot:"code"},[e("code-block",{attrs:{lang:"xml"}},[t._v('\n            <md-layout md-gutter="16">\n              <md-layout md-flex="50">\n                <span>start</span>\n              </md-layout>\n            </md-layout>\n\n            <md-layout md-align="end" md-gutter="16">\n              <md-layout md-flex="33">\n                <span>end</span>\n              </md-layout>\n            </md-layout>\n\n            <md-layout md-align="end" md-gutter="16">\n              <md-layout md-flex="20">\n                <span>end</span>\n              </md-layout>\n\n              <md-layout md-flex="20">\n                <span>end</span>\n              </md-layout>\n            </md-layout>\n\n            <md-layout md-align="center" md-gutter="16">\n              <md-layout md-flex="35">\n                <span>center</span>\n              </md-layout>\n\n              <md-layout md-flex="35">\n                <span>center</span>\n              </md-layout>\n            </md-layout>\n          ')])],1)]),t._v(" "),e("example-box",{attrs:{"card-title":"Gutters"}},[e("div",{staticClass:"layout-demo grid gutter",slot:"demo"},[e("md-layout",{staticClass:"no-gutter color"},[e("md-layout"),t._v(" "),e("md-layout")],1),t._v(" "),e("md-layout",{staticClass:"color",attrs:{"md-gutter":8}},[e("md-layout",[e("span",[t._v("8px")])]),t._v(" "),e("md-layout",[e("span",[t._v("8px")])]),t._v(" "),e("md-layout",[e("span",[t._v("8px")])]),t._v(" "),e("md-layout",[e("span",[t._v("8px")])]),t._v(" "),e("md-layout",[e("span",[t._v("8px")])]),t._v(" "),e("md-layout",[e("span",[t._v("8px")])])],1),t._v(" "),e("md-layout",{staticClass:"color",attrs:{"md-gutter":"16"}},[e("md-layout",[e("span",[t._v("16px")])]),t._v(" "),e("md-layout",[e("span",[t._v("16px")])]),t._v(" "),e("md-layout",[e("span",[t._v("16px")])]),t._v(" "),e("md-layout",[e("span",[t._v("16px")])]),t._v(" "),e("md-layout",[e("span",[t._v("16px")])])],1),t._v(" "),e("md-layout",{staticClass:"color",attrs:{"md-gutter":24}},[e("md-layout",[e("span",[t._v("24px")])]),t._v(" "),e("md-layout",[e("span",[t._v("24px")])]),t._v(" "),e("md-layout",[e("span",[t._v("24px")])]),t._v(" "),e("md-layout",[e("span",[t._v("24px")])])],1),t._v(" "),e("md-layout",{staticClass:"color",attrs:{"md-gutter":40}},[e("md-layout",[e("span",[t._v("40px")])]),t._v(" "),e("md-layout",[e("span",[t._v("40px")])]),t._v(" "),e("md-layout",[e("span",[t._v("40px")])])],1),t._v(" "),e("md-layout",{staticClass:"color",attrs:{"md-gutter":!0}},[e("md-layout",[e("span",[t._v("Automatic")])]),t._v(" "),e("md-layout",[e("span",[t._v("Automatic")])])],1)],1),t._v(" "),e("div",{slot:"code"},[e("code-block",{attrs:{lang:"xml"}},[t._v('\n            <md-layout>\n              <md-layout></md-layout>\n              <md-layout></md-layout>\n            </md-layout>\n\n            <md-layout :md-gutter="8">\n              <md-layout>\n                <span>8px</span>\n              </md-layout>\n\n              <md-layout>\n                <span>8px</span>\n              </md-layout>\n\n              <md-layout>\n                <span>8px</span>\n              </md-layout>\n\n              <md-layout>\n                <span>8px</span>\n              </md-layout>\n\n              <md-layout>\n                <span>8px</span>\n              </md-layout>\n\n              <md-layout>\n                <span>8px</span>\n              </md-layout>\n            </md-layout>\n\n            <md-layout md-gutter="16">\n              <md-layout>\n                <span>16px</span>\n              </md-layout>\n\n              <md-layout>\n                <span>16px</span>\n              </md-layout>\n\n              <md-layout>\n                <span>16px</span>\n              </md-layout>\n\n              <md-layout>\n                <span>16px</span>\n              </md-layout>\n\n              <md-layout>\n                <span>16px</span>\n              </md-layout>\n            </md-layout>\n\n            <md-layout :md-gutter="24">\n              <md-layout>\n                <span>24px</span>\n              </md-layout>\n\n              <md-layout>\n                <span>24px</span>\n              </md-layout>\n\n              <md-layout>\n                <span>24px</span>\n              </md-layout>\n\n              <md-layout>\n                <span>24px</span>\n              </md-layout>\n            </md-layout>\n\n            <md-layout :md-gutter="40">\n              <md-layout>\n                <span>40px</span>\n              </md-layout>\n\n              <md-layout>\n                <span>40px</span>\n              </md-layout>\n\n              <md-layout>\n                <span>40px</span>\n              </md-layout>\n            </md-layout>\n\n            <md-layout md-gutter>\n              <md-layout>\n                <span>Automatic</span>\n              </md-layout>\n\n              <md-layout>\n                <span>Automatic</span>\n              </md-layout>\n            </md-layout>\n          ')])],1)])],1)])],1)},staticRenderFns:[]}},576:function(t,a){t.exports={render:function(){var t=this,a=t.$createElement,e=t._self._c||a;return e("page-content",{attrs:{"page-title":"UI Elements - Typography"}},[e("docs-component",[e("div",{slot:"description"},[e("h2",{staticClass:"md-title"},[t._v("Styles")]),t._v(" "),e("p",[t._v("Too many type sizes and styles at once can wreck any layout. A typographic scale has a limited set of type sizes that work well together along with the layout grid.")]),t._v(" "),e("h2",{staticClass:"md-title"},[t._v("Typeface")]),t._v(" "),e("p",[t._v("Roboto has been refined extensively to work across the wider set of supported platforms. It is slightly wider and rounder, giving it greater clarity and making it more optimistic.")])]),t._v(" "),e("div",{slot:"example"},[e("example-box",{attrs:{"card-title":"Default"}},[e("div",{staticClass:"demo",slot:"demo"},[e("span",{staticClass:"md-display-4"},[t._v("Display 4")]),t._v(" "),e("span",{staticClass:"md-display-3"},[t._v("Display 3")]),t._v(" "),e("span",{staticClass:"md-display-2"},[t._v("Display 2")]),t._v(" "),e("span",{staticClass:"md-display-1"},[t._v("Display 1")]),t._v(" "),e("span",{staticClass:"md-headline"},[t._v("Headline")]),t._v(" "),e("span",{staticClass:"md-title"},[t._v("Title")]),t._v(" "),e("span",{staticClass:"md-subheading"},[t._v("Subheading")]),t._v(" "),e("span",{staticClass:"md-body-2"},[t._v("Body 2")]),t._v(" "),e("span",{staticClass:"md-body-1"},[t._v("Body 1")]),t._v(" "),e("span",{staticClass:"md-caption"},[t._v("Caption")]),t._v(" "),e("a",{attrs:{href:"#/typography"}},[t._v("Link")])]),t._v(" "),e("div",{slot:"code"},[e("code-block",{attrs:{lang:"xml"}},[t._v('\n            <span class="md-display-4">Display 4</span>\n            <span class="md-display-3">Display 3</span>\n            <span class="md-display-2">Display 2</span>\n            <span class="md-display-1">Display 1</span>\n            <span class="md-headline">Headline</span>\n            <span class="md-title">Title</span>\n            <span class="md-subheading">Subheading</span>\n            <span class="md-body-2">Body 2</span>\n            <span class="md-body-1">Body 1</span>\n            <span class="md-caption">Caption</span>\n            <a href="#/typography">Link</a>\n          ')])],1)])],1)])],1)},staticRenderFns:[]}},585:function(t,a,e){var l=e(517);"string"==typeof l&&(l=[[t.i,l,""]]),l.locals&&(t.exports=l.locals);e(5)("56f9cd58",l,!0)},607:function(t,a,e){var l=e(539);"string"==typeof l&&(l=[[t.i,l,""]]),l.locals&&(t.exports=l.locals);e(5)("109f1a38",l,!0)}});
\ No newline at end of file
diff --git a/whiteframe.65446ff4.js b/whiteframe.7fa045b4.js
similarity index 95%
rename from whiteframe.65446ff4.js
rename to whiteframe.7fa045b4.js
index 113c077..2b6a925 100644
--- a/whiteframe.65446ff4.js
+++ b/whiteframe.7fa045b4.js
@@ -1 +1 @@
-webpackJsonp([23,34],{491:function(e,t,m){m(585);var d=m(0)(null,m(548),"data-v-171fc754",null);e.exports=d.exports},517:function(e,t,m){t=e.exports=m(4)(),t.push([e.i,".md-whiteframe[data-v-171fc754]{width:100px;height:100px;margin:24px 12px 12px 24px;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}",""])},548:function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,m=e._self._c||t;return m("page-content",{attrs:{"page-title":"Components - Whiteframe"}},[m("docs-component",[m("div",{slot:"description"},[m("p",[e._v("In the physical world, objects can be stacked or affixed to one another, but cannot pass through each other. Objects also cast shadows and reflect light.")])]),e._v(" "),m("div",{slot:"api"},[m("api-table",{attrs:{name:"md-whiteframe"}},[m("md-table",{slot:"properties"},[m("md-table-header",[m("md-table-row",[m("md-table-head",[e._v("Name")]),e._v(" "),m("md-table-head",[e._v("Type")]),e._v(" "),m("md-table-head",[e._v("Description")])],1)],1),e._v(" "),m("md-table-body",[m("md-table-row",[m("md-table-cell",[e._v("md-elevation")]),e._v(" "),m("md-table-cell",[m("code",[e._v("Number")])]),e._v(" "),m("md-table-cell",[e._v("The amount of elevation. From 0 to 24. "),m("br"),e._v("Default: "),m("code",[e._v("1")])])],1),e._v(" "),m("md-table-row",[m("md-table-cell",[e._v("md-tag")]),e._v(" "),m("md-table-cell",[m("code",[e._v("String")])]),e._v(" "),m("md-table-cell",[e._v("The generated html tag "),m("br"),e._v("Default: "),m("code",[e._v("div")])])],1)],1)],1)],1)],1),e._v(" "),m("div",{slot:"example"},[m("example-box",{attrs:{"card-title":"Default"}},[m("div",{slot:"demo"},[m("md-whiteframe",{attrs:{"md-tag":"section"}},[e._v("1dp")]),e._v(" "),m("md-whiteframe",{attrs:{"md-elevation":"2"}},[e._v("2dp")]),e._v(" "),m("md-whiteframe",{attrs:{"md-elevation":"3"}},[e._v("3dp")]),e._v(" "),m("md-whiteframe",{attrs:{"md-elevation":"4"}},[e._v("4dp")]),e._v(" "),m("md-whiteframe",{attrs:{"md-elevation":"5"}},[e._v("5dp")]),e._v(" "),m("md-whiteframe",{attrs:{"md-elevation":"6"}},[e._v("6dp")]),e._v(" "),m("md-whiteframe",{attrs:{"md-elevation":"7"}},[e._v("7dp")]),e._v(" "),m("md-whiteframe",{attrs:{"md-elevation":"8"}},[e._v("8dp")]),e._v(" "),m("md-whiteframe",{attrs:{"md-elevation":"9"}},[e._v("9dp")]),e._v(" "),m("md-whiteframe",{attrs:{"md-elevation":"10"}},[e._v("10dp")]),e._v(" "),m("md-whiteframe",{attrs:{"md-elevation":"11"}},[e._v("11dp")]),e._v(" "),m("md-whiteframe",{attrs:{"md-elevation":"12"}},[e._v("12dp")]),e._v(" "),m("md-whiteframe",{attrs:{"md-elevation":"13"}},[e._v("13dp")]),e._v(" "),m("md-whiteframe",{attrs:{"md-elevation":"14"}},[e._v("14dp")]),e._v(" "),m("md-whiteframe",{attrs:{"md-elevation":"15"}},[e._v("15dp")]),e._v(" "),m("md-whiteframe",{attrs:{"md-elevation":"16"}},[e._v("16dp")]),e._v(" "),m("md-whiteframe",{attrs:{"md-elevation":"17"}},[e._v("17dp")]),e._v(" "),m("md-whiteframe",{attrs:{"md-elevation":"18"}},[e._v("18dp")]),e._v(" "),m("md-whiteframe",{attrs:{"md-elevation":"19"}},[e._v("19dp")]),e._v(" "),m("md-whiteframe",{attrs:{"md-elevation":"20"}},[e._v("20dp")]),e._v(" "),m("md-whiteframe",{attrs:{"md-elevation":"21"}},[e._v("21dp")]),e._v(" "),m("md-whiteframe",{attrs:{"md-elevation":"22"}},[e._v("22dp")]),e._v(" "),m("md-whiteframe",{attrs:{"md-elevation":"23"}},[e._v("23dp")]),e._v(" "),m("md-whiteframe",{attrs:{"md-elevation":"24"}},[e._v("24dp")])],1),e._v(" "),m("div",{slot:"code"},[m("code-block",{attrs:{lang:"xml"}},[e._v('\n            <md-whiteframe md-tag="section">1dp</md-whiteframe>\n            <md-whiteframe md-elevation="2">2dp</md-whiteframe>\n            <md-whiteframe md-elevation="3">3dp</md-whiteframe>\n            <md-whiteframe md-elevation="4">4dp</md-whiteframe>\n            <md-whiteframe md-elevation="5">5dp</md-whiteframe>\n            <md-whiteframe md-elevation="6">6dp</md-whiteframe>\n            <md-whiteframe md-elevation="7">7dp</md-whiteframe>\n            <md-whiteframe md-elevation="8">8dp</md-whiteframe>\n            <md-whiteframe md-elevation="9">9dp</md-whiteframe>\n            <md-whiteframe md-elevation="10">10dp</md-whiteframe>\n            <md-whiteframe md-elevation="11">11dp</md-whiteframe>\n            <md-whiteframe md-elevation="12">12dp</md-whiteframe>\n            <md-whiteframe md-elevation="13">13dp</md-whiteframe>\n            <md-whiteframe md-elevation="14">14dp</md-whiteframe>\n            <md-whiteframe md-elevation="15">15dp</md-whiteframe>\n            <md-whiteframe md-elevation="16">16dp</md-whiteframe>\n            <md-whiteframe md-elevation="17">17dp</md-whiteframe>\n            <md-whiteframe md-elevation="18">18dp</md-whiteframe>\n            <md-whiteframe md-elevation="19">19dp</md-whiteframe>\n            <md-whiteframe md-elevation="20">20dp</md-whiteframe>\n            <md-whiteframe md-elevation="21">21dp</md-whiteframe>\n            <md-whiteframe md-elevation="22">22dp</md-whiteframe>\n            <md-whiteframe md-elevation="23">23dp</md-whiteframe>\n            <md-whiteframe md-elevation="24">24dp</md-whiteframe>\n          ')])],1)])],1)])],1)},staticRenderFns:[]}},585:function(e,t,m){var d=m(517);"string"==typeof d&&(d=[[e.i,d,""]]),d.locals&&(e.exports=d.locals);m(5)("61b000bc",d,!0)}});
\ No newline at end of file
+webpackJsonp([23,34],{491:function(e,t,m){m(584);var d=m(0)(null,m(547),"data-v-171fc754",null);e.exports=d.exports},516:function(e,t,m){t=e.exports=m(4)(),t.push([e.i,".md-whiteframe[data-v-171fc754]{width:100px;height:100px;margin:24px 12px 12px 24px;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}",""])},547:function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,m=e._self._c||t;return m("page-content",{attrs:{"page-title":"Components - Whiteframe"}},[m("docs-component",[m("div",{slot:"description"},[m("p",[e._v("In the physical world, objects can be stacked or affixed to one another, but cannot pass through each other. Objects also cast shadows and reflect light.")])]),e._v(" "),m("div",{slot:"api"},[m("api-table",{attrs:{name:"md-whiteframe"}},[m("md-table",{slot:"properties"},[m("md-table-header",[m("md-table-row",[m("md-table-head",[e._v("Name")]),e._v(" "),m("md-table-head",[e._v("Type")]),e._v(" "),m("md-table-head",[e._v("Description")])],1)],1),e._v(" "),m("md-table-body",[m("md-table-row",[m("md-table-cell",[e._v("md-elevation")]),e._v(" "),m("md-table-cell",[m("code",[e._v("Number")])]),e._v(" "),m("md-table-cell",[e._v("The amount of elevation. From 0 to 24. "),m("br"),e._v("Default: "),m("code",[e._v("1")])])],1),e._v(" "),m("md-table-row",[m("md-table-cell",[e._v("md-tag")]),e._v(" "),m("md-table-cell",[m("code",[e._v("String")])]),e._v(" "),m("md-table-cell",[e._v("The generated html tag "),m("br"),e._v("Default: "),m("code",[e._v("div")])])],1)],1)],1)],1)],1),e._v(" "),m("div",{slot:"example"},[m("example-box",{attrs:{"card-title":"Default"}},[m("div",{slot:"demo"},[m("md-whiteframe",{attrs:{"md-tag":"section"}},[e._v("1dp")]),e._v(" "),m("md-whiteframe",{attrs:{"md-elevation":"2"}},[e._v("2dp")]),e._v(" "),m("md-whiteframe",{attrs:{"md-elevation":"3"}},[e._v("3dp")]),e._v(" "),m("md-whiteframe",{attrs:{"md-elevation":"4"}},[e._v("4dp")]),e._v(" "),m("md-whiteframe",{attrs:{"md-elevation":"5"}},[e._v("5dp")]),e._v(" "),m("md-whiteframe",{attrs:{"md-elevation":"6"}},[e._v("6dp")]),e._v(" "),m("md-whiteframe",{attrs:{"md-elevation":"7"}},[e._v("7dp")]),e._v(" "),m("md-whiteframe",{attrs:{"md-elevation":"8"}},[e._v("8dp")]),e._v(" "),m("md-whiteframe",{attrs:{"md-elevation":"9"}},[e._v("9dp")]),e._v(" "),m("md-whiteframe",{attrs:{"md-elevation":"10"}},[e._v("10dp")]),e._v(" "),m("md-whiteframe",{attrs:{"md-elevation":"11"}},[e._v("11dp")]),e._v(" "),m("md-whiteframe",{attrs:{"md-elevation":"12"}},[e._v("12dp")]),e._v(" "),m("md-whiteframe",{attrs:{"md-elevation":"13"}},[e._v("13dp")]),e._v(" "),m("md-whiteframe",{attrs:{"md-elevation":"14"}},[e._v("14dp")]),e._v(" "),m("md-whiteframe",{attrs:{"md-elevation":"15"}},[e._v("15dp")]),e._v(" "),m("md-whiteframe",{attrs:{"md-elevation":"16"}},[e._v("16dp")]),e._v(" "),m("md-whiteframe",{attrs:{"md-elevation":"17"}},[e._v("17dp")]),e._v(" "),m("md-whiteframe",{attrs:{"md-elevation":"18"}},[e._v("18dp")]),e._v(" "),m("md-whiteframe",{attrs:{"md-elevation":"19"}},[e._v("19dp")]),e._v(" "),m("md-whiteframe",{attrs:{"md-elevation":"20"}},[e._v("20dp")]),e._v(" "),m("md-whiteframe",{attrs:{"md-elevation":"21"}},[e._v("21dp")]),e._v(" "),m("md-whiteframe",{attrs:{"md-elevation":"22"}},[e._v("22dp")]),e._v(" "),m("md-whiteframe",{attrs:{"md-elevation":"23"}},[e._v("23dp")]),e._v(" "),m("md-whiteframe",{attrs:{"md-elevation":"24"}},[e._v("24dp")])],1),e._v(" "),m("div",{slot:"code"},[m("code-block",{attrs:{lang:"xml"}},[e._v('\n            <md-whiteframe md-tag="section">1dp</md-whiteframe>\n            <md-whiteframe md-elevation="2">2dp</md-whiteframe>\n            <md-whiteframe md-elevation="3">3dp</md-whiteframe>\n            <md-whiteframe md-elevation="4">4dp</md-whiteframe>\n            <md-whiteframe md-elevation="5">5dp</md-whiteframe>\n            <md-whiteframe md-elevation="6">6dp</md-whiteframe>\n            <md-whiteframe md-elevation="7">7dp</md-whiteframe>\n            <md-whiteframe md-elevation="8">8dp</md-whiteframe>\n            <md-whiteframe md-elevation="9">9dp</md-whiteframe>\n            <md-whiteframe md-elevation="10">10dp</md-whiteframe>\n            <md-whiteframe md-elevation="11">11dp</md-whiteframe>\n            <md-whiteframe md-elevation="12">12dp</md-whiteframe>\n            <md-whiteframe md-elevation="13">13dp</md-whiteframe>\n            <md-whiteframe md-elevation="14">14dp</md-whiteframe>\n            <md-whiteframe md-elevation="15">15dp</md-whiteframe>\n            <md-whiteframe md-elevation="16">16dp</md-whiteframe>\n            <md-whiteframe md-elevation="17">17dp</md-whiteframe>\n            <md-whiteframe md-elevation="18">18dp</md-whiteframe>\n            <md-whiteframe md-elevation="19">19dp</md-whiteframe>\n            <md-whiteframe md-elevation="20">20dp</md-whiteframe>\n            <md-whiteframe md-elevation="21">21dp</md-whiteframe>\n            <md-whiteframe md-elevation="22">22dp</md-whiteframe>\n            <md-whiteframe md-elevation="23">23dp</md-whiteframe>\n            <md-whiteframe md-elevation="24">24dp</md-whiteframe>\n          ')])],1)])],1)])],1)},staticRenderFns:[]}},584:function(e,t,m){var d=m(516);"string"==typeof d&&(d=[[e.i,d,""]]),d.locals&&(e.exports=d.locals);m(5)("61b000bc",d,!0)}});
\ No newline at end of file