More responsive and fluid experience on mobile devices. (Thanks to @igor-ribeiro)
-
-
-
-
Support to Theme Color on Android
-
Change the browser window color inside Chrome for Android based on the current theme.
-
-
-
-
Breaking changes:
-
-
-
To avoid issues and conflicts between multiple events on buttons and other "clickable" components the internal @click event don't work anymore. Use @click.native instead.
-
-
-
-
Only for contributors: To build Vue Material is now needed to upgrade all dependencies. Vue Material uses Webpack 2 under the hood and all dependencies were bumped to the latest.
-
-
-
-
Fixes:
-
-
check for null parent elements in mdInkRipple #313 (Thanks to @korylprince)
-
update the number of rows if the data set changes on mdTable #320 (Thanks to @pablohpsilva)
-
disable pointer events on snackbar container #327 (Thanks to @korylprince)
-
allow null value to be passed to parent of md-select #338 (Thanks to @korylprince)
-
fix textarea autosize on initial value #341 (Thanks to @korylprince)
-
fix char counter not updating after model change #384
-
prevent parent forms from submitting when adding chips #383
-
prevent body from scroll on dialogs and menus #373
-
fix error message not moving down on textarea #362
fix vue material instance on non commonjs env #220
-
recalculate the expansion element if a child is added
-
-
-
-
-
v0.5.0 - New Grid System Engine!
-
-
New Components:
-
-
Theme
-
Layout
-
Spinner
-
-
The long time requested feature is here! Vue Material has a new and easy-to-use Grid System. Enjoy!
-
-
Breaking changes:
-
The first breaking change we never forget. The themes engine has changed and it's more simple now. This change make the themes reactive to make the themes dynamic using the theme component or the API. The performance of the engine is waaay better and the theme styles are now fixed and have a better scope.
-
Check all theme changes in the new themes section inside the documentation website. There are some changes in the theme API:
-
-
v-md-theme directive removed
-
The v-md-theme do not exists anymore and should be replaced by the brand new <md-theme> component.
-
-
Register method renamed
-
Vue.material.theme.register changed to Vue.material.registerTheme. This will make the API smore simple and easy to write.
-
-
Register All removed
-
Vue.material.theme.registerAll was removed. The Vue.material.registerTheme function now accepts a object:
\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/dist/docs/index.html b/dist/docs/index.html
deleted file mode 100644
index 3b25063..0000000
--- a/dist/docs/index.html
+++ /dev/null
@@ -1 +0,0 @@
-Vue Material
\ No newline at end of file
diff --git a/dist/docs/ink-ripple.8cdc3022.js b/dist/docs/ink-ripple.8cdc3022.js
deleted file mode 100644
index 49e1b6f..0000000
--- a/dist/docs/ink-ripple.8cdc3022.js
+++ /dev/null
@@ -1 +0,0 @@
-webpackJsonp([16,37],{806:function(e,n,i){function a(e){i(910)}var t=i(1)(null,i(950),a,"data-v-9d2ca598",null);e.exports=t.exports},877:function(e,n,i){n=e.exports=i(788)(),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}",""])},910:function(e,n,i){var a=i(877);"string"==typeof a&&(a=[[e.i,a,""]]),a.locals&&(e.exports=a.locals);i(789)("30b6b0c1",a,!0)},950: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
\n \n This div has ripple effect\n
\n\n
\n \n This div has ripple effect\n
\n\n
\n \n This div has ripple effect\n
\n\n
\n \n This div has ripple effect\n
\n\n \n \n \n \n \n\n \n \n favorite\n \n\n \n bookmark\n \n\n \n share\n \n \n \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:[]}}});
\ No newline at end of file
diff --git a/dist/docs/input.6af63baf.js b/dist/docs/input.6af63baf.js
deleted file mode 100644
index d7d7243..0000000
--- a/dist/docs/input.6af63baf.js
+++ /dev/null
@@ -1 +0,0 @@
-webpackJsonp([11,37],{807:function(e,t,l){function a(e){l(900)}var n=l(1)(l(839),l(938),a,"data-v-53f2ef70",null);e.exports=n.exports},839:function(e,t,l){"use strict";function a(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var n=l(52),d=a(n);t.default={data:function(){return{autocompleteValue:"",initialValue:"My initial value",listAutocomplete:[{name:"oi"},{name:"hello"},{name:"salut"}]}},methods:{fetchAutocomplete:function(e){var t={method:"GET",headers:new Headers,mode:"cors",cache:"default"},l="https://typeahead-js-twitter-api-proxy.herokuapp.com/demo/search",a=(0,d.default)(e)[0],n=e[a],o=l+"?"+a+"="+n;return window.fetch(o,t).then((function(e){return e.json()}))},filterList:function(e,t){return e.filter((function(e){return e.name.indexOf(t)!==-1}))}}},e.exports=t.default},867:function(e,t,l){t=e.exports=l(788)(),t.push([e.i,"",""])},900:function(e,t,l){var a=l(867);"string"==typeof a&&(a=[[e.i,a,""]]),a.locals&&(e.exports=a.locals);l(789)("cc1b8ffc",a,!0)},938: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 - Input"}},[l("docs-component",[l("div",{slot:"description"},[l("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(" "),l("div",{slot:"api"},[l("api-table",{attrs:{name:"md-input-container"}},[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-inline")]),e._v(" "),l("md-table-cell",[l("code",[e._v("Boolean")])]),e._v(" "),l("md-table-cell",[e._v("Create inline field with a label or placeholder. Default "),l("code",[e._v("false")])])],1),e._v(" "),l("md-table-row",[l("md-table-cell",[e._v("md-has-password")]),e._v(" "),l("md-table-cell",[l("code",[e._v("Boolean")])]),e._v(" "),l("md-table-cell",[e._v("Show a button to toggle the password visibility. Default "),l("code",[e._v("false")])])],1),e._v(" "),l("md-table-row",[l("md-table-cell",[e._v("md-clearable")]),e._v(" "),l("md-table-cell",[l("code",[e._v("Boolean")])]),e._v(" "),l("md-table-cell",[e._v("Show a button to clear the input. Default "),l("code",[e._v("false")])])],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-input-invalid")]),e._v(" "),l("md-table-cell",[e._v("Set the error class")])],1)],1)],1)],1),e._v(" "),l("api-table",{attrs:{name:"md-input"}},[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("String")])]),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("type")]),e._v(" "),l("md-table-cell",[l("code",[e._v("String")])]),e._v(" "),l("md-table-cell",[e._v("Sets the type. Default "),l("code",[e._v("text")])])],1),e._v(" "),l("md-table-row",[l("md-table-cell",[e._v("debounce")]),e._v(" "),l("md-table-cell",[l("code",[e._v("Number")])]),e._v(" "),l("md-table-cell",[e._v("Debounce the "),l("code",[e._v("change")]),e._v(" and "),l("code",[e._v("input")]),e._v(" events emission. Default "),l("code",[e._v("300")]),e._v("ms")])],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 input and prevent its actions. Default "),l("code",[e._v("false")])])],1),e._v(" "),l("md-table-row",[l("md-table-cell",[e._v("required")]),e._v(" "),l("md-table-cell",[l("code",[e._v("Boolean")])]),e._v(" "),l("md-table-cell",[e._v('Apply the required rule to style the label with an "*". Default '),l("code",[e._v("false")])])],1),e._v(" "),l("md-table-row",[l("md-table-cell",[e._v("placeholder")]),e._v(" "),l("md-table-cell",[l("code",[e._v("String")])]),e._v(" "),l("md-table-cell",[e._v("Sets the placeholder.")])],1),e._v(" "),l("md-table-row",[l("md-table-cell",[e._v("maxlength")]),e._v(" "),l("md-table-cell",[l("code",[e._v("Number")])]),e._v(" "),l("md-table-cell",[e._v("Sets the maxlength and enable the text counter.")])],1),e._v(" "),l("md-table-row",[l("md-table-cell",[e._v("readonly")]),e._v(" "),l("md-table-cell",[l("code",[e._v("Boolean")])]),e._v(" "),l("md-table-cell",[e._v("Sets the component to read only mode.")])],1)],1)],1)],1),e._v(" "),l("api-table",{attrs:{name:"md-autocomplete"}},[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("String")])]),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("debounce")]),e._v(" "),l("md-table-cell",[l("code",[e._v("Number")])]),e._v(" "),l("md-table-cell",[e._v("Sets the debounce time. Default "),l("code",[e._v("1000")]),e._v(" milliseconds")])],1),e._v(" "),l("md-table-row",[l("md-table-cell",[e._v("fetch")]),e._v(" "),l("md-table-cell",[l("code",[e._v("Function")])]),e._v(" "),l("md-table-cell",[e._v("Sets the fetch function mdAutocomplete will call after the debounce is reached. Chosing "),l("code",[e._v("fetch")]),e._v(" prop "),l("strong",[e._v("disables")]),e._v(" the use of either "),l("code",[e._v("list")]),e._v(" and "),l("code",[e._v("filterList")]),e._v(" props.")])],1),e._v(" "),l("md-table-row",[l("md-table-cell",[e._v("list")]),e._v(" "),l("md-table-cell",[l("code",[e._v("Array")])]),e._v(" "),l("md-table-cell",[e._v("Sets an array of possible values. Default "),l("code",[e._v("[]")]),e._v(". MdAutocomplete will only search in this list if it's set. Chosing "),l("code",[e._v("list")]),e._v(" prop "),l("strong",[e._v("disables")]),e._v(" the use of "),l("code",[e._v("fetch")]),e._v(" prop.")])],1),e._v(" "),l("md-table-row",[l("md-table-cell",[e._v("filter-list")]),e._v(" "),l("md-table-cell",[l("code",[e._v("Function")])]),e._v(" "),l("md-table-cell",[e._v("Sets a filter function which will be used to filter the "),l("code",[e._v("list")]),e._v(" props. Chosing "),l("code",[e._v("filterList")]),e._v(" prop "),l("strong",[e._v("requires")]),e._v(" the use of "),l("code",[e._v("list")]),e._v(" props and "),l("strong",[e._v("disables")]),e._v(" the use of "),l("code",[e._v("fetch")]),e._v(" prop.")])],1),e._v(" "),l("md-table-row",[l("md-table-cell",[e._v("min-chars")]),e._v(" "),l("md-table-cell",[l("code",[e._v("Number")])]),e._v(" "),l("md-table-cell",[e._v("Sets the minimum number of characters before making opening the autocomplete options or making a request. Default "),l("code",[e._v("3")])])],1),e._v(" "),l("md-table-row",[l("md-table-cell",[e._v("prepare-response-data")]),e._v(" "),l("md-table-cell",[l("code",[e._v("Function")])]),e._v(" "),l("md-table-cell",[e._v("This function will be called once the "),l("code",[e._v("fetch")]),e._v(" prop has a response. It can manipulate the data received from the server. The output should always be an "),l("code",[e._v("Array")]),e._v(".")])],1),e._v(" "),l("md-table-row",[l("md-table-cell",[e._v("print-attribute")]),e._v(" "),l("md-table-cell",[l("code",[e._v("String")])]),e._v(" "),l("md-table-cell",[e._v("This prop will be used to print values on the autocomplete list. It shall match an object key expected on the "),l("code",[e._v("fetch")]),e._v(" result list. Default "),l("code",[e._v("name")])])],1),e._v(" "),l("md-table-row",[l("md-table-cell",[e._v("query-param")]),e._v(" "),l("md-table-cell",[l("code",[e._v("String")])]),e._v(" "),l("md-table-cell",[e._v("Sets the query parameter. Example: http//api.com/"),l("strong",[e._v("q")]),e._v("?=SOMETHING. Default "),l("code",[e._v("q")])])],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 input and prevent his actions. Default "),l("code",[e._v("false")])])],1),e._v(" "),l("md-table-row",[l("md-table-cell",[e._v("required")]),e._v(" "),l("md-table-cell",[l("code",[e._v("Boolean")])]),e._v(" "),l("md-table-cell",[e._v('Apply the required rule to style the label with an "*". Default '),l("code",[e._v("false")])])],1),e._v(" "),l("md-table-row",[l("md-table-cell",[e._v("placeholder")]),e._v(" "),l("md-table-cell",[l("code",[e._v("String")])]),e._v(" "),l("md-table-cell",[e._v("Sets the placeholder.")])],1),e._v(" "),l("md-table-row",[l("md-table-cell",[e._v("maxlength")]),e._v(" "),l("md-table-cell",[l("code",[e._v("Number")])]),e._v(" "),l("md-table-cell",[e._v("Sets the maxlength and enable the text counter.")])],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 "),l("code",[e._v("String")]),e._v(" selected")]),e._v(" "),l("md-table-cell",[e._v("Triggered when the user selects an item from the autocomplete list")])],1),e._v(" "),l("md-table-row",[l("md-table-cell",[e._v("input")]),e._v(" "),l("md-table-cell",[e._v("The "),l("code",[e._v("String")]),e._v(" selected")]),e._v(" "),l("md-table-cell",[e._v("Triggered when the user selects an item from the autocomplete list")])],1),e._v(" "),l("md-table-row",[l("md-table-cell",[e._v("selected")]),e._v(" "),l("md-table-cell",[e._v("Emits the "),l("code",[e._v("Object")]),e._v(" as well as the "),l("code",[e._v("String")]),e._v(" selected.")]),e._v(" "),l("md-table-cell",[e._v("Triggered when the user selects an item from the autocomplete list")])],1)],1)],1)],1),e._v(" "),l("api-table",{attrs:{name:"md-textarea"}},[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("String")])]),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("debounce")]),e._v(" "),l("md-table-cell",[l("code",[e._v("Number")])]),e._v(" "),l("md-table-cell",[e._v("Debounce the "),l("code",[e._v("change")]),e._v(" and "),l("code",[e._v("input")]),e._v(" events emission. Default "),l("code",[e._v("300")]),e._v("ms")])],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 textarea and prevent its actions. Default "),l("code",[e._v("false")])])],1),e._v(" "),l("md-table-row",[l("md-table-cell",[e._v("required")]),e._v(" "),l("md-table-cell",[l("code",[e._v("Boolean")])]),e._v(" "),l("md-table-cell",[e._v('Apply the required rule to style the label with an "*". Default '),l("code",[e._v("false")])])],1),e._v(" "),l("md-table-row",[l("md-table-cell",[e._v("placeholder")]),e._v(" "),l("md-table-cell",[l("code",[e._v("String")])]),e._v(" "),l("md-table-cell",[e._v("Sets the placeholder.")])],1),e._v(" "),l("md-table-row",[l("md-table-cell",[e._v("maxlength")]),e._v(" "),l("md-table-cell",[l("code",[e._v("Number")])]),e._v(" "),l("md-table-cell",[e._v("Sets the maxlength and enable the text counter.")])],1),e._v(" "),l("md-table-row",[l("md-table-cell",[e._v("readonly")]),e._v(" "),l("md-table-cell",[l("code",[e._v("Boolean")])]),e._v(" "),l("md-table-cell",[e._v("Sets the component to read only mode.")])],1)],1)],1)],1)],1),e._v(" "),l("div",{slot:"example"},[l("example-box",{attrs:{"card-title":"Regular fields"}},[l("div",{slot:"demo"},[l("form",{attrs:{novalidate:""},on:{submit:function(t){t.stopPropagation(),t.preventDefault(),e.submit(t)}}},[l("md-input-container",[l("label",[e._v("Initial value")]),e._v(" "),l("md-input",{model:{value:e.initialValue,callback:function(t){e.initialValue=t},expression:"initialValue"}})],1),e._v(" "),l("md-input-container",[l("label",[e._v("Initial value (read only)")]),e._v(" "),l("md-input",{attrs:{readonly:""},model:{value:e.initialValue,callback:function(t){e.initialValue=t},expression:"initialValue"}})],1),e._v(" "),l("md-input-container",[l("label",[e._v("Autocomplete (with fetch)")]),e._v(" "),l("md-autocomplete",{attrs:{fetch:e.fetchAutocomplete},model:{value:e.autocompleteValue,callback:function(t){e.autocompleteValue=t},expression:"autocompleteValue"}})],1),e._v(" "),l("md-input-container",[l("label",[e._v("With label")]),e._v(" "),l("md-input",{attrs:{placeholder:"My nice placeholder"}})],1),e._v(" "),l("md-input-container",{attrs:{"md-inline":""}},[l("label",[e._v("Inline field")]),e._v(" "),l("md-input")],1),e._v(" "),l("md-input-container",[l("label",[e._v("Number")]),e._v(" "),l("md-input",{attrs:{type:"number"}})],1),e._v(" "),l("md-input-container",[l("label",[e._v("Textarea")]),e._v(" "),l("md-textarea")],1),e._v(" "),l("md-input-container",[l("label",[e._v("Disabled")]),e._v(" "),l("md-input",{attrs:{disabled:""}})],1),e._v(" "),l("md-input-container",{attrs:{"md-clearable":""}},[l("label",[e._v("Clearable")]),e._v(" "),l("md-input",{model:{value:e.initialValue,callback:function(t){e.initialValue=t},expression:"initialValue"}})],1)],1)]),e._v(" "),l("div",{slot:"code"},[l("code-block",{attrs:{lang:"xml"}},[e._v('\n \n ')]),e._v(" "),l("code-block",{attrs:{lang:"javascript"}},[e._v("\n export default {\n data() {\n return {\n initialValue: 'My initial value'\n };\n },\n methods: {\n fetchFunction(param) {\n // param = { queryParam: query }\n\n // 'fetchAutocomplete' should return a Promise.\n\n // md-autocomplete will call fetchAutocomplete and pass\n // 'param' as an argument.\n // the 'param' is composed by a query param and\n // a query.\n },\n },\n };\n ")])],1)]),e._v(" "),l("example-box",{attrs:{"card-title":"Passwords"}},[l("div",{slot:"demo"},[l("form",{attrs:{novalidate:""},on:{submit:function(t){t.stopPropagation(),t.preventDefault(),e.submit(t)}}},[l("md-input-container",[l("label",[e._v("Regular Password")]),e._v(" "),l("md-input",{attrs:{type:"password"}})],1),e._v(" "),l("md-input-container",{attrs:{"md-has-password":""}},[l("label",[e._v("Password Reveal")]),e._v(" "),l("md-input",{attrs:{type:"password"}})],1)],1)]),e._v(" "),l("div",{slot:"code"},[l("code-block",{attrs:{lang:"xml"}},[e._v('\n \n ')])],1)]),e._v(" "),l("example-box",{attrs:{"card-title":"Icons"}},[l("div",{slot:"demo"},[l("form",{attrs:{novalidate:""},on:{submit:function(t){t.stopPropagation(),t.preventDefault(),e.submit(t)}}},[l("md-input-container",[l("md-icon",{staticClass:"md-warn"},[e._v("\n warning\n "),l("md-tooltip",[e._v("Be careful. You're almost broken!")])],1),e._v(" "),l("label",[e._v("Money")]),e._v(" "),l("md-input",{attrs:{type:"number"}}),e._v(" "),l("md-icon",[e._v("attach_money")])],1),e._v(" "),l("md-input-container",[l("md-icon",[e._v("phone")]),e._v(" "),l("label",[e._v("Phone")]),e._v(" "),l("md-input",{attrs:{type:"tel"}})],1),e._v(" "),l("md-input-container",[l("md-icon",[e._v("speaker_notes")]),e._v(" "),l("label",[e._v("Notes")]),e._v(" "),l("md-textarea")],1)],1)]),e._v(" "),l("div",{slot:"code"},[l("code-block",{attrs:{lang:"xml"}},[e._v('\n \n ')])],1)]),e._v(" "),l("example-box",{attrs:{"card-title":"Required and Errors"}},[l("div",{slot:"demo"},[l("form",{attrs:{novalidate:""},on:{submit:function(t){t.stopPropagation(),t.preventDefault(),e.submit(t)}}},[l("md-input-container",[l("label",[e._v("Required")]),e._v(" "),l("md-input",{attrs:{required:""}})],1),e._v(" "),l("md-input-container",{staticClass:"md-input-invalid"},[l("label",[e._v("Error")]),e._v(" "),l("md-input",{attrs:{required:""}})],1),e._v(" "),l("md-input-container",{staticClass:"md-input-invalid"},[l("label",[e._v("Error with message")]),e._v(" "),l("md-input",{attrs:{required:""}}),e._v(" "),l("span",{staticClass:"md-error"},[e._v("Validation message")])],1),e._v(" "),l("md-input-container",{staticClass:"md-input-invalid"},[l("label",[e._v("Textarea with error")]),e._v(" "),l("md-textarea"),e._v(" "),l("span",{staticClass:"md-error"},[e._v("Textarea validation message")])],1)],1)]),e._v(" "),l("div",{slot:"code"},[l("code-block",{attrs:{lang:"xml"}},[e._v('\n \n ')])],1)]),e._v(" "),l("example-box",{attrs:{"card-title":"Character counter"}},[l("div",{slot:"demo"},[l("form",{attrs:{novalidate:""},on:{submit:function(t){t.stopPropagation(),t.preventDefault(),e.submit(t)}}},[l("md-input-container",[l("label",[e._v("Textarea")]),e._v(" "),l("md-textarea",{attrs:{maxlength:"70"}})],1),e._v(" "),l("md-input-container",[l("label",[e._v("Input")]),e._v(" "),l("md-input",{attrs:{maxlength:"20"}})],1)],1)]),e._v(" "),l("div",{slot:"code"},[l("code-block",{attrs:{lang:"xml"}},[e._v('\n \n ')])],1)]),e._v(" "),l("example-box",{attrs:{"card-title":"Themes"}},[l("div",{slot:"demo"},[l("form",{attrs:{novalidate:""},on:{submit:function(t){t.stopPropagation(),t.preventDefault(),e.submit(t)}}},[l("md-input-container",{attrs:{"md-theme":"green"}},[l("label",[e._v("Green - Input")]),e._v(" "),l("md-input")],1),e._v(" "),l("md-input-container",{attrs:{"md-theme":"red"}},[l("label",[e._v("Red - Textarea")]),e._v(" "),l("md-textarea")],1)],1)]),e._v(" "),l("div",{slot:"code"},[l("code-block",{attrs:{lang:"xml"}},[e._v('\n \n ')])],1)])],1)])],1)},staticRenderFns:[]}}});
\ No newline at end of file
diff --git a/dist/docs/list.32bead2d.js b/dist/docs/list.32bead2d.js
deleted file mode 100644
index fcd6d1c..0000000
--- a/dist/docs/list.32bead2d.js
+++ /dev/null
@@ -1,2 +0,0 @@
-webpackJsonp([10,37],{808:function(t,i,s){function n(t){s(896)}var m=s(1)(s(840),s(932),n,"data-v-3afd7c90",null);t.exports=m.exports},840:function(t,i,s){"use strict";Object.defineProperty(i,"__esModule",{value:!0}),i.default={methods:{openAlert:function(){window.alert("...")}}},t.exports=i.default},863:function(t,i,s){i=t.exports=s(788)(),i.push([t.i,".phone-viewport[data-v-3afd7c90]{height:480px;overflow:auto}.custom-list .md-icon[data-v-3afd7c90]:not(.md-primary){color:rgba(0,0,0,.26)}",""])},896:function(t,i,s){var n=s(863);"string"==typeof n&&(n=[[t.i,n,""]]),n.locals&&(t.exports=n.locals);s(789)("56e2dc7f",n,!0)},932:function(t,i){t.exports={render:function(){var t=this,i=t.$createElement,s=t._self._c||i;return s("page-content",{attrs:{"page-title":"Components - List"}},[s("docs-component",[s("div",{slot:"description"},[s("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(" "),s("p",[t._v("The "),s("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(" "),s("ul",[s("li",[s("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(" "),s("li",[s("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(" "),s("li",[s("code",[t._v(".md-divider")]),t._v(": Add a horizontal line between list items.")])])]),t._v(" "),s("div",{slot:"api"},[s("api-table",{attrs:{name:"md-list"}},[s("md-table",{slot:"classes"},[s("md-table-header",[s("md-table-row",[s("md-table-head",[t._v("Name")]),t._v(" "),s("md-table-head",[t._v("Description")])],1)],1),t._v(" "),s("md-table-body",[s("md-table-row",[s("md-table-cell",[t._v("md-dense")]),t._v(" "),s("md-table-cell",[t._v("Make the list dense and compact")])],1),t._v(" "),s("md-table-row",[s("md-table-cell",[t._v("md-double-line")]),t._v(" "),s("md-table-cell",[t._v("Make list items to support double line")])],1),t._v(" "),s("md-table-row",[s("md-table-cell",[t._v("md-triple-line")]),t._v(" "),s("md-table-cell",[t._v("Make list items to support triple line")])],1)],1)],1)],1),t._v(" "),s("api-table",{attrs:{name:"md-list-item"}},[s("p",[t._v("Display a single item inside lists")]),t._v(" "),s("md-table",{slot:"properties"},[s("md-table-header",[s("md-table-row",[s("md-table-head",[t._v("Name")]),t._v(" "),s("md-table-head",[t._v("Type")]),t._v(" "),s("md-table-head",[t._v("Description")])],1)],1),t._v(" "),s("md-table-body",[s("md-table-row",[s("md-table-cell",[t._v("href")]),t._v(" "),s("md-table-cell",[s("code",[t._v("String")])]),t._v(" "),s("md-table-cell",[t._v("The link that the item should redirect to.")])],1),t._v(" "),s("md-table-row",[s("md-table-cell",[t._v("target")]),t._v(" "),s("md-table-cell",[s("code",[t._v("String")])]),t._v(" "),s("md-table-cell",[t._v("The target for opening the href link. Normally used for "),s("code",[t._v("_blank")]),t._v(" cases.")])],1),t._v(" "),s("md-table-row",[s("md-table-cell",[t._v("disabled")]),t._v(" "),s("md-table-cell",[s("code",[t._v("Boolean")])]),t._v(" "),s("md-table-cell",[t._v("Disable the item and prevent its actions. Default "),s("code",[t._v("false")])])],1),t._v(" "),s("md-table-row",[s("md-table-cell",[t._v("md-expand-multiple")]),t._v(" "),s("md-table-cell",[s("code",[t._v("Boolean")])]),t._v(" "),s("md-table-cell",[t._v("Allow multiple items be expanded in same time in md-list. Default "),s("code",[t._v("false")])])],1)],1)],1),t._v(" "),s("md-table",{slot:"classes"},[s("md-table-header",[s("md-table-row",[s("md-table-head",[t._v("Name")]),t._v(" "),s("md-table-head",[t._v("Description")])],1)],1),t._v(" "),s("md-table-body",[s("md-table-row",[s("md-table-cell",[t._v("md-inset")]),t._v(" "),s("md-table-cell",[t._v("Add an empty space on the left of the table. "),s("br"),t._v("Useful to show list items without icons aligned with another that have an icon.")])],1)],1)],1)],1),t._v(" "),s("api-table",{attrs:{name:"md-list-expand"}},[s("p",[t._v("Create a expansion accordion automatically inside lists")]),t._v(" "),s("p",[t._v("No options available")])])],1),t._v(" "),s("div",{slot:"example"},[s("example-box",{attrs:{"card-title":"Single Line"}},[s("div",{slot:"demo"},[s("div",{staticClass:"phone-viewport"},[s("md-list",[s("md-list-item",[s("md-icon",[t._v("move_to_inbox")]),t._v(" "),s("span",[t._v("Inbox")])],1),t._v(" "),s("md-list-item",[s("md-icon",[t._v("send")]),t._v(" "),s("span",[t._v("Sent Mail")])],1),t._v(" "),s("md-list-item",[s("md-icon",[t._v("delete")]),t._v(" "),s("span",[t._v("Trash")])],1),t._v(" "),s("md-list-item",[s("md-icon",[t._v("error")]),t._v(" "),s("span",[t._v("Spam")]),t._v(" "),s("md-divider",{staticClass:"md-inset"})],1),t._v(" "),s("md-list-item",[s("md-avatar",[s("img",{attrs:{src:"https://placeimg.com/40/40/people/5",alt:"People"}})]),t._v(" "),s("span",[t._v("Abbey Christansen")]),t._v(" "),s("md-button",{staticClass:"md-icon-button md-list-action"},[s("md-icon",{staticClass:"md-primary"},[t._v("chat_bubble")])],1)],1),t._v(" "),s("md-list-item",[s("md-avatar",[s("img",{attrs:{src:"https://placeimg.com/40/40/people/1",alt:"People"}})]),t._v(" "),s("span",[t._v("Alex Nelson")]),t._v(" "),s("md-button",{staticClass:"md-icon-button md-list-action"},[s("md-icon",{staticClass:"md-primary"},[t._v("chat_bubble")])],1)],1),t._v(" "),s("md-list-item",[s("md-avatar",[s("img",{attrs:{src:"https://placeimg.com/40/40/people/6",alt:"People"}})]),t._v(" "),s("span",[t._v("Mary Johnson")]),t._v(" "),s("md-button",{staticClass:"md-icon-button md-list-action"},[s("md-icon",[t._v("chat_bubble")])],1)],1)],1)],1),t._v(" "),s("div",{staticClass:"phone-viewport"},[s("md-list",{staticClass:"md-dense"},[s("md-list-item",[s("md-icon",[t._v("move_to_inbox")]),t._v(" "),s("span",[t._v("Inbox")])],1),t._v(" "),s("md-list-item",[s("md-icon",[t._v("send")]),t._v(" "),s("span",[t._v("Sent Mail")])],1),t._v(" "),s("md-list-item",[s("md-icon",[t._v("delete")]),t._v(" "),s("span",[t._v("Trash")])],1),t._v(" "),s("md-list-item",[s("md-icon",[t._v("error")]),t._v(" "),s("span",[t._v("Spam")]),t._v(" "),s("md-divider",{staticClass:"md-inset"})],1),t._v(" "),s("md-list-item",[s("md-avatar",[s("img",{attrs:{src:"https://placeimg.com/40/40/people/5",alt:"People"}})]),t._v(" "),s("span",[t._v("Abbey Christansen")]),t._v(" "),s("md-button",{staticClass:"md-icon-button md-list-action"},[s("md-icon",{staticClass:"md-primary"},[t._v("chat_bubble")])],1)],1),t._v(" "),s("md-list-item",[s("md-avatar",[s("img",{attrs:{src:"https://placeimg.com/40/40/people/1",alt:"People"}})]),t._v(" "),s("span",[t._v("Alex Nelson")]),t._v(" "),s("md-button",{staticClass:"md-icon-button md-list-action"},[s("md-icon",{staticClass:"md-primary"},[t._v("chat_bubble")])],1)],1),t._v(" "),s("md-list-item",[s("md-avatar",[s("img",{attrs:{src:"https://placeimg.com/40/40/people/6",alt:"People"}})]),t._v(" "),s("span",[t._v("Mary Johnson")]),t._v(" "),s("md-button",{staticClass:"md-icon-button md-list-action"},[s("md-icon",[t._v("chat_bubble")])],1)],1)],1)],1)]),t._v(" "),s("div",{slot:"code"},[s("code-block",{attrs:{lang:"xml"}},[t._v('\n
\n ')])],1)]),t._v(" "),s("example-box",{attrs:{"card-title":"Triple Line"}},[s("div",{slot:"demo"},[s("div",{staticClass:"phone-viewport"},[s("md-list",{staticClass:"custom-list md-triple-line"},[s("md-list-item",[s("md-avatar",[s("img",{attrs:{src:"https://placeimg.com/40/40/people/1",alt:"People"}})]),t._v(" "),s("div",{staticClass:"md-list-text-container"},[s("span",[t._v("Ali Connors")]),t._v(" "),s("span",[t._v("Brunch this weekend?")]),t._v(" "),s("p",[t._v("I'll be in your neighborhood doing errands...")])]),t._v(" "),s("md-button",{staticClass:"md-icon-button md-list-action"},[s("md-icon",{staticClass:"md-primary"},[t._v("star")])],1),t._v(" "),s("md-divider",{staticClass:"md-inset"})],1),t._v(" "),s("md-list-item",[s("md-avatar",[s("img",{attrs:{src:"https://placeimg.com/40/40/people/6",alt:"People"}})]),t._v(" "),s("div",{staticClass:"md-list-text-container"},[s("span",[t._v("me, Scott, Jennifer")]),t._v(" "),s("span",[t._v("Summer BBQ")]),t._v(" "),s("p",[t._v("Wish I could come, but I'm out of town ...")])]),t._v(" "),s("md-button",{staticClass:"md-icon-button md-list-action"},[s("md-icon",[t._v("star_border")])],1),t._v(" "),s("md-divider",{staticClass:"md-inset"})],1),t._v(" "),s("md-list-item",[s("md-avatar",[s("img",{attrs:{src:"https://placeimg.com/40/40/people/5",alt:"People"}})]),t._v(" "),s("div",{staticClass:"md-list-text-container"},[s("span",[t._v("Sandra Adams")]),t._v(" "),s("span",[t._v("Oui oui")]),t._v(" "),s("p",[t._v("Do you have Paris recommendations ...")])]),t._v(" "),s("md-button",{staticClass:"md-icon-button md-list-action"},[s("md-icon",[t._v("star_border")])],1),t._v(" "),s("md-divider",{staticClass:"md-inset"})],1),t._v(" "),s("md-list-item",[s("md-avatar",[s("img",{attrs:{src:"https://placeimg.com/40/40/people/8",alt:"People"}})]),t._v(" "),s("div",{staticClass:"md-list-text-container"},[s("span",[t._v("Trevor Hansen")]),t._v(" "),s("span",[t._v("Order confirmation")]),t._v(" "),s("p",[t._v("Thank you for your recent order from ...")])]),t._v(" "),s("md-button",{staticClass:"md-icon-button md-list-action"},[s("md-icon",[t._v("star_border")])],1),t._v(" "),s("md-divider",{staticClass:"md-inset"})],1)],1)],1),t._v(" "),s("div",{staticClass:"phone-viewport"},[s("md-list",{staticClass:"custom-list md-triple-line md-dense"},[s("md-list-item",[s("md-avatar",[s("img",{attrs:{src:"https://placeimg.com/40/40/people/1",alt:"People"}})]),t._v(" "),s("div",{staticClass:"md-list-text-container"},[s("span",[t._v("Ali Connors")]),t._v(" "),s("span",[t._v("Brunch this weekend?")]),t._v(" "),s("p",[t._v("I'll be in your neighborhood doing errands...")])]),t._v(" "),s("md-button",{staticClass:"md-icon-button md-list-action"},[s("md-icon",{staticClass:"md-primary"},[t._v("star")])],1),t._v(" "),s("md-divider",{staticClass:"md-inset"})],1),t._v(" "),s("md-list-item",[s("md-avatar",[s("img",{attrs:{src:"https://placeimg.com/40/40/people/6",alt:"People"}})]),t._v(" "),s("div",{staticClass:"md-list-text-container"},[s("span",[t._v("me, Scott, Jennifer")]),t._v(" "),s("span",[t._v("Summer BBQ")]),t._v(" "),s("p",[t._v("Wish I could come, but I'm out of town ...")])]),t._v(" "),s("md-button",{staticClass:"md-icon-button md-list-action"},[s("md-icon",[t._v("star_border")])],1),t._v(" "),s("md-divider",{staticClass:"md-inset"})],1),t._v(" "),s("md-list-item",[s("md-avatar",[s("img",{attrs:{src:"https://placeimg.com/40/40/people/5",alt:"People"}})]),t._v(" "),s("div",{staticClass:"md-list-text-container"},[s("span",[t._v("Sandra Adams")]),t._v(" "),s("span",[t._v("Oui oui")]),t._v(" "),s("p",[t._v("Do you have Paris recommendations ...")])]),t._v(" "),s("md-button",{staticClass:"md-icon-button md-list-action"},[s("md-icon",[t._v("star_border")])],1),t._v(" "),s("md-divider",{staticClass:"md-inset"})],1),t._v(" "),s("md-list-item",[s("md-avatar",[s("img",{attrs:{src:"https://placeimg.com/40/40/people/8",alt:"People"}})]),t._v(" "),s("div",{staticClass:"md-list-text-container"},[s("span",[t._v("Trevor Hansen")]),t._v(" "),s("span",[t._v("Order confirmation")]),t._v(" "),s("p",[t._v("Thank you for your recent order from ...")])]),t._v(" "),s("md-button",{staticClass:"md-icon-button md-list-action"},[s("md-icon",[t._v("star_border")])],1),t._v(" "),s("md-divider",{staticClass:"md-inset"})],1)],1)],1)]),t._v(" "),s("div",{slot:"code"},[s("code-block",{attrs:{lang:"xml"}},[t._v('\n
\n \n \n\n \n \n phone\n \n\n \n \n phone\n My Item 1\n \n\n \n phone\n My Item 2\n \n\n \n phone\n My Item 3\n \n \n \n\n \n \n near_me\n \n\n \n \n Find on map\n near_me\n \n\n \n Call\n phone\n \n \n \n\n Open contact card\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:[]}}});
\ No newline at end of file
diff --git a/dist/docs/onboarding.9263a965.js b/dist/docs/onboarding.9263a965.js
deleted file mode 100644
index 2f22480..0000000
--- a/dist/docs/onboarding.9263a965.js
+++ /dev/null
@@ -1 +0,0 @@
-webpackJsonp([19,37],{810:function(e,d,t){function a(e){t(907)}var i=t(1)(null,t(946),a,null,null);e.exports=i.exports},874:function(e,d,t){d=e.exports=t(788)(),d.push([e.i,".md-boards-content{height:150px!important}",""])},907:function(e,d,t){var a=t(874);"string"==typeof a&&(a=[[e.i,a,""]]),a.locals&&(e.exports=a.locals);t(789)("3b0641d8",a,!0)},946:function(e,d){e.exports={render:function(){var e=this,d=e.$createElement,t=e._self._c||d;return t("page-content",{attrs:{"page-title":"Components - Onboarding"}},[t("docs-component",[t("div",{slot:"description"},[t("p",[e._v("The onboarding offers a first and fast look for your page, with custom controls, automatized steps and swipe effects. Can be also used as a custom carousel.")]),e._v(" "),t("p",[e._v("Can be themed used the following:")]),e._v(" "),t("ul",{staticClass:"md-body-4"},[t("li",[t("code",[e._v("md-primary")])]),e._v(" "),t("li",[t("code",[e._v("md-warn")])]),e._v(" "),t("li",[t("code",[e._v("md-accent")])]),e._v(" "),t("li",[t("code",[e._v("md-transparent")])])])]),e._v(" "),t("div",{slot:"api"},[t("api-table",{attrs:{name:"md-onboarding"}},[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-auto")]),e._v(" "),t("md-table-cell",[t("code",[e._v("Boolean")])]),e._v(" "),t("md-table-cell",[e._v("Enable auto-slider. Default "),t("code",[e._v("false")]),e._v(".")])],1),e._v(" "),t("md-table-row",[t("md-table-cell",[e._v("md-infinite")]),e._v(" "),t("md-table-cell",[t("code",[e._v("Boolean")])]),e._v(" "),t("md-table-cell",[e._v("Enable infinite loop. Default "),t("code",[e._v("false")]),e._v(".")])],1),e._v(" "),t("md-table-row",[t("md-table-cell",[e._v("md-duration")]),e._v(" "),t("md-table-cell",[t("code",[e._v("Number")])]),e._v(" "),t("md-table-cell",[e._v("Set duration for "),t("code",[e._v("md-auto")]),e._v(" in milliseconds. Default "),t("code",[e._v("5000")]),e._v(".")])],1),e._v(" "),t("md-table-row",[t("md-table-cell",[e._v("md-controls")]),e._v(" "),t("md-table-cell",[t("code",[e._v("Boolean")])]),e._v(" "),t("md-table-cell",[e._v("Enable prev/next controls. Default "),t("code",[e._v("false")]),e._v(".")])],1),e._v(" "),t("md-table-row",[t("md-table-cell",[e._v("md-swipeable")]),e._v(" "),t("md-table-cell",[t("code",[e._v("Boolean")])]),e._v(" "),t("md-table-cell",[e._v("Enable the swipe functionality. Default "),t("code",[e._v("false")]),e._v(".")])],1),e._v(" "),t("md-table-row",[t("md-table-cell",[e._v("md-swipe-distance")]),e._v(" "),t("md-table-cell",[t("code",[e._v("Number")])]),e._v(" "),t("md-table-cell",[e._v("Set the swipe distance needed to open/close the sidenav. Default "),t("code",[e._v("100")]),e._v(".")])],1)],1)],1)],1)],1),e._v(" "),t("div",{slot:"example"},[t("example-box",{attrs:{"card-title":"Basic, automatic, infinite, uncontrolled, swipeable"}},[t("div",{slot:"demo"},[t("md-boards",{attrs:{"md-auto":!0,"md-infinite":!0,"md-duration":5e3,"md-swipeable":!0}},[t("md-board",{attrs:{id:"slide1"}},[t("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(" "),t("md-board",{attrs:{id:"slide2"}},[t("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(" "),t("md-board",{attrs:{id:"slide3"}},[t("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.")])])],1)],1),e._v(" "),t("div",{slot:"code"},[t("code-block",{attrs:{lang:"xml"}},[e._v('\n \n \n
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.
\n \n\n \n
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.
\n \n\n \n
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.
\n \n \n ')])],1)]),e._v(" "),t("example-box",{attrs:{"card-title":"Themed, finite, controlled"}},[t("div",{slot:"demo"},[t("md-boards",{staticClass:"md-transparent",staticStyle:{"background-color":"black"},attrs:{"md-controls":!0}},[t("md-board",{staticStyle:{color:"white"},attrs:{id:"slide1"}},[t("p",[e._v("Transparent themed, for background-imaged slides. Background color black added for demonstration purposes.")])]),e._v(" "),t("md-board",{staticStyle:{color:"white"},attrs:{id:"slide2"}},[t("p",[e._v("Transparent themed, for background-imaged slides. Background color black added for demonstration purposes.")])]),e._v(" "),t("md-board",{staticStyle:{color:"white"},attrs:{id:"slide3"}},[t("p",[e._v("Transparent themed, for background-imaged slides. Background color black added for demonstration purposes.")])])],1),e._v(" "),t("md-boards",{staticClass:"md-primary",attrs:{"md-controls":!0}},[t("md-board",{attrs:{id:"slide1"}},[t("p",[e._v("Primary themed")])]),e._v(" "),t("md-board",{attrs:{id:"slide2"}},[t("p",[e._v("Primary themed")])])],1),e._v(" "),t("md-boards",{staticClass:"md-accent",attrs:{"md-controls":!0}},[t("md-board",{attrs:{id:"slide1"}},[t("p",[e._v("Accent themed")])]),e._v(" "),t("md-board",{attrs:{id:"slide2"}},[t("p",[e._v("Accent themed")])]),e._v(" "),t("md-board",{attrs:{id:"slide3"}},[t("p",[e._v("Accent themed")])])],1),e._v(" "),t("md-boards",{staticClass:"md-warn",attrs:{"md-controls":!0}},[t("md-board",{attrs:{id:"slide1"}},[t("p",[e._v("Warn themed")])]),e._v(" "),t("md-board",{attrs:{id:"slide2"}},[t("p",[e._v("Warn themed")])]),e._v(" "),t("md-board",{attrs:{id:"slide3"}},[t("p",[e._v("Warn themed")])]),e._v(" "),t("md-board",{attrs:{id:"slide4"}},[t("p",[e._v("Warn themed")])])],1)],1),e._v(" "),t("div",{slot:"code"},[t("code-block",{attrs:{lang:"xml"}},[e._v('\n \n \n
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.
\n \n \n\n \n \n
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.
\n \n \n\n \n \n
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.
\n \n \n\n \n \n
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.
\n \n \n ')])],1)])],1)])],1)},staticRenderFns:[]}}});
\ No newline at end of file
diff --git a/dist/docs/progress.40f36be5.js b/dist/docs/progress.40f36be5.js
deleted file mode 100644
index b76297c..0000000
--- a/dist/docs/progress.40f36be5.js
+++ /dev/null
@@ -1 +0,0 @@
-webpackJsonp([9,37],{811:function(e,s,r){function t(e){r(904)}var a=r(1)(r(841),r(942),t,"data-v-63f6719f",null);e.exports=a.exports},841: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},871:function(e,s,r){s=e.exports=r(788)(),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}",""])},904:function(e,s,r){var t=r(871);"string"==typeof t&&(t=[[e.i,t,""]]),t.locals&&(e.exports=t.locals);r(789)("32b384eb",t,!0)},942: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 \n \n \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 \n \n \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 \n \n \n ')])],1)])],1)])],1)},staticRenderFns:[]}}});
\ No newline at end of file
diff --git a/dist/docs/radio.90a3f313.js b/dist/docs/radio.90a3f313.js
deleted file mode 100644
index c27c1fe..0000000
--- a/dist/docs/radio.90a3f313.js
+++ /dev/null
@@ -1 +0,0 @@
-webpackJsonp([28,37],{812:function(a,e,d){var r=d(1)(d(842),d(929),null,null,null);a.exports=r.exports},842:function(a,e,d){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={data:function(){return{radio1:2,radio2:1,radio3:1,radio4:1,radio5:2,radio6:3,radio7:1,radio8:2}}},a.exports=e.default},929:function(a,e){a.exports={render:function(){var a=this,e=a.$createElement,d=a._self._c||e;return d("page-content",{attrs:{"page-title":"Components - Radio"}},[d("docs-component",[d("div",{slot:"description"},[d("p",[a._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.")]),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-warn")])])])]),a._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",[a._v("Name")]),a._v(" "),d("md-table-head",[a._v("Type")]),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("v-model")]),a._v(" "),d("md-table-cell",[d("code",[a._v("String")])]),a._v(" "),d("md-table-cell",[a._v("A required model object to bind the value.")])],1),a._v(" "),d("md-table-row",[d("md-table-cell",[a._v("md-value")]),a._v(" "),d("md-table-cell",[d("code",[a._v("String")])]),a._v(" "),d("md-table-cell",[a._v("The single value of the particular radio button. Required.")])],1),a._v(" "),d("md-table-row",[d("md-table-cell",[a._v("name")]),a._v(" "),d("md-table-cell",[d("code",[a._v("String")])]),a._v(" "),d("md-table-cell",[a._v("Set the radio name.")])],1),a._v(" "),d("md-table-row",[d("md-table-cell",[a._v("id")]),a._v(" "),d("md-table-cell",[d("code",[a._v("String")])]),a._v(" "),d("md-table-cell",[a._v("Set the radio id.")])],1),a._v(" "),d("md-table-row",[d("md-table-cell",[a._v("disabled")]),a._v(" "),d("md-table-cell",[d("code",[a._v("Boolean")])]),a._v(" "),d("md-table-cell",[a._v("Disable the radio and prevent its actions. Default "),d("code",[a._v("false")])])],1)],1)],1),a._v(" "),d("md-table",{slot:"events"},[d("md-table-header",[d("md-table-row",[d("md-table-head",[a._v("Name")]),a._v(" "),d("md-table-head",[a._v("Value")]),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("change")]),a._v(" "),d("md-table-cell",[a._v("Receive the state of the radio")]),a._v(" "),d("md-table-cell",[a._v("Triggered when the radio changes its value.")])],1)],1)],1)],1)],1),a._v(" "),d("div",{slot:"example"},[d("example-box",{attrs:{"card-title":"Default"}},[d("div",{slot:"demo"},[d("div",[d("md-radio",{attrs:{id:"my-test1",name:"my-test-group1","md-value":"1"},model:{value:a.radio1,callback:function(e){a.radio1=e},expression:"radio1"}},[a._v("My beautiful radio")]),a._v(" "),d("md-radio",{attrs:{id:"my-test2",name:"my-test-group1","md-value":"2"},model:{value:a.radio1,callback:function(e){a.radio1=e},expression:"radio1"}},[a._v("Another radio")]),a._v(" "),d("md-radio",{attrs:{id:"my-test3",name:"my-test-group1","md-value":"3"},model:{value:a.radio1,callback:function(e){a.radio1=e},expression:"radio1"}},[a._v("Another another radio")])],1),a._v(" "),d("div",[d("md-radio",{staticClass:"md-primary",attrs:{id:"my-test4",name:"my-test-group2","md-value":"1"},model:{value:a.radio2,callback:function(e){a.radio2=e},expression:"radio2"}},[a._v("Primary radio")]),a._v(" "),d("md-radio",{staticClass:"md-primary",attrs:{id:"my-test5",name:"my-test-group2","md-value":"2"},model:{value:a.radio2,callback:function(e){a.radio2=e},expression:"radio2"}},[a._v("Another primary radio")]),a._v(" "),d("md-radio",{staticClass:"md-primary",attrs:{id:"my-test6",name:"my-test-group2","md-value":"3"},model:{value:a.radio2,callback:function(e){a.radio2=e},expression:"radio2"}},[a._v("Another another primary radio")])],1),a._v(" "),d("div",[d("md-radio",{staticClass:"md-warn",attrs:{id:"my-test7",name:"my-test-group3","md-value":"1"},model:{value:a.radio3,callback:function(e){a.radio3=e},expression:"radio3"}},[a._v("Warn radio")]),a._v(" "),d("md-radio",{staticClass:"md-warn",attrs:{id:"my-test8",name:"my-test-group3","md-value":"2"},model:{value:a.radio3,callback:function(e){a.radio3=e},expression:"radio3"}},[a._v("Another warn radio")]),a._v(" "),d("md-radio",{staticClass:"md-warn",attrs:{id:"my-test9",name:"my-test-group3","md-value":"3"},model:{value:a.radio3,callback:function(e){a.radio3=e},expression:"radio3"}},[a._v("Another another warn radio")])],1),a._v(" "),d("div",[d("md-radio",{attrs:{id:"my-test10",name:"my-test-group3","md-value":"1"},model:{value:a.radio4,callback:function(e){a.radio4=e},expression:"radio4"}},[a._v("My beautiful radio")]),a._v(" "),d("md-radio",{attrs:{id:"my-test11",name:"my-test-group3","md-value":"2",disabled:""},model:{value:a.radio4,callback:function(e){a.radio4=e},expression:"radio4"}},[a._v("Disabled")]),a._v(" "),d("md-radio",{attrs:{id:"my-test12",name:"my-test-group3","md-value":"3"},model:{value:a.radio4,callback:function(e){a.radio4=e},expression:"radio4"}},[a._v("Another radio")])],1)]),a._v(" "),d("div",{slot:"code"},[d("code-block",{attrs:{lang:"xml"}},[a._v('\n
\n My beautiful radio\n Another radio\n Another another radio\n
\n\n
\n Primary radio\n Another primary radio\n Another another primary radio\n
\n\n
\n Warn radio\n Another warn radio\n Another another warn radio\n
\n\n
\n My beautiful radio\n Disabled\n Another radio\n
\n ')])],1)]),a._v(" "),d("example-box",{attrs:{"card-title":"Themes"}},[d("div",{slot:"demo"},[d("md-theme",{attrs:{"md-name":"orange"}},[d("md-radio",{staticClass:"md-primary",attrs:{id:"my-test13",name:"my-test-group4","md-value":"1"},model:{value:a.radio5,callback:function(e){a.radio5=e},expression:"radio5"}},[a._v("Orange radio")]),a._v(" "),d("md-radio",{staticClass:"md-primary",attrs:{id:"my-test14",name:"my-test-group4","md-value":"2"},model:{value:a.radio5,callback:function(e){a.radio5=e},expression:"radio5"}},[a._v("Another Orange radio")]),a._v(" "),d("md-radio",{staticClass:"md-primary",attrs:{id:"my-test15",name:"my-test-group4","md-value":"3"},model:{value:a.radio5,callback:function(e){a.radio5=e},expression:"radio5"}},[a._v("Another another Orange radio")])],1),a._v(" "),d("md-theme",{attrs:{"md-name":"brown"}},[d("md-radio",{staticClass:"md-primary",attrs:{id:"my-test16",name:"my-test-group4","md-value":"1"},model:{value:a.radio6,callback:function(e){a.radio6=e},expression:"radio6"}},[a._v("Brown radio")]),a._v(" "),d("md-radio",{staticClass:"md-primary",attrs:{id:"my-test17",name:"my-test-group4","md-value":"2"},model:{value:a.radio6,callback:function(e){a.radio6=e},expression:"radio6"}},[a._v("Another Brown radio")]),a._v(" "),d("md-radio",{staticClass:"md-primary",attrs:{id:"my-test18",name:"my-test-group4","md-value":"3"},model:{value:a.radio6,callback:function(e){a.radio6=e},expression:"radio6"}},[a._v("Another another Brown radio")])],1),a._v(" "),d("md-theme",{attrs:{"md-name":"green"}},[d("md-radio",{staticClass:"md-primary",attrs:{id:"my-test19",name:"my-test-group6","md-value":"1"},model:{value:a.radio7,callback:function(e){a.radio7=e},expression:"radio7"}},[a._v("Green radio")]),a._v(" "),d("md-radio",{staticClass:"md-primary",attrs:{id:"my-test20",name:"my-test-group6","md-value":"2"},model:{value:a.radio7,callback:function(e){a.radio7=e},expression:"radio7"}},[a._v("Another Green radio")]),a._v(" "),d("md-radio",{staticClass:"md-primary",attrs:{id:"my-test21",name:"my-test-group6","md-value":"3"},model:{value:a.radio7,callback:function(e){a.radio7=e},expression:"radio7"}},[a._v("Another another Green radio")])],1),a._v(" "),d("md-theme",{attrs:{"md-name":"teal"}},[d("md-radio",{staticClass:"md-primary",attrs:{id:"my-test22",name:"my-test-group3","md-value":"1"},model:{value:a.radio8,callback:function(e){a.radio8=e},expression:"radio8"}},[a._v("Teal radio")]),a._v(" "),d("md-radio",{staticClass:"md-primary",attrs:{id:"my-test23",name:"my-test-group3","md-value":"2",disabled:""},model:{value:a.radio8,callback:function(e){a.radio8=e},expression:"radio8"}},[a._v("Teal disabled radio")]),a._v(" "),d("md-radio",{staticClass:"md-primary",attrs:{id:"my-test24",name:"my-test-group3","md-value":"3"},model:{value:a.radio8,callback:function(e){a.radio8=e},expression:"radio8"}},[a._v("Another another Teal radio")])],1)],1),a._v(" "),d("div",{slot:"code"},[d("code-block",{attrs:{lang:"xml"}},[a._v('\n \n Orange radio\n Another Orange radio\n Another another Orange radio\n \n\n \n Brown radio\n Another Brown radio\n Another another Brown radio\n \n\n \n Green radio\n Another Green radio\n Another another Green radio\n \n\n \n Teal radio\n Teal disabled radio\n Another another Teal radio\n \n ')])],1)])],1)])],1)},staticRenderFns:[]}}});
\ No newline at end of file
diff --git a/dist/docs/rating-bar.46460da9.js b/dist/docs/rating-bar.46460da9.js
deleted file mode 100644
index e0f0dbc..0000000
--- a/dist/docs/rating-bar.46460da9.js
+++ /dev/null
@@ -1 +0,0 @@
-webpackJsonp([8,37],{813:function(a,t,e){function n(a){e(914)}var r=e(1)(e(843),e(954),n,null,null);a.exports=r.exports},843:function(a,t,e){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={data:function(){return{rating1:3.5,rating2:6,rating3:7*.2,rating4:5.88,rating5:7*.7,rating6:3.5,rating7:4.5,rating8:4.5,rating9:5*.18,rating10:2.25,rating11:4.1,rating12:2.5,rating13:3.5,rating14:2}}},a.exports=t.default},881:function(a,t,e){t=a.exports=e(788)(),t.push([a.i,".fa{font-size:19px!important;line-height:1.3em!important;padding-left:.1em}.fa.md-size-2x{font-size:38px!important}.fa.md-size-3x{font-size:57px!important}.fa.md-size-4x{font-size:76px!important}.fa.md-size-5x{font-size:95px!important}i[class*=ion-]{padding-left:.1em}",""])},914:function(a,t,e){var n=e(881);"string"==typeof n&&(n=[[a.i,n,""]]),n.locals&&(a.exports=n.locals);e(789)("3dbcfe4b",n,!0)},954:function(a,t){a.exports={render:function(){var a=this,t=a.$createElement,e=a._self._c||t;return e("page-content",{attrs:{"page-title":"Components - Rating Bar"}},[e("docs-component",[e("div",{slot:"description"},[e("p",[a._v("Rating Bar can be used to show a rating to user or capture a rating from user.")]),a._v(" "),e("p",[a._v("The following classes can be applied to change the color palette:")]),a._v(" "),e("ul",{staticClass:"md-body-2"},[e("li",[e("code",[a._v("md-primary")])]),a._v(" "),e("li",[e("code",[a._v("md-accent")])]),a._v(" "),e("li",[e("code",[a._v("md-warn")])])])]),a._v(" "),e("div",{slot:"api"},[e("api-table",{attrs:{name:"md-rating-bar"}},[e("md-table",{slot:"properties"},[e("md-table-header",[e("md-table-row",[e("md-table-head",[a._v("Name")]),a._v(" "),e("md-table-head",[a._v("Type")]),a._v(" "),e("md-table-head",[a._v("Description")])],1)],1),a._v(" "),e("md-table-body",[e("md-table-row",[e("md-table-cell",[a._v("v-model")]),a._v(" "),e("md-table-cell",[e("code",[a._v("Number")])]),a._v(" "),e("md-table-cell",[a._v("A required model object to bind the value. The value is limited by range [0, "),e("code",[a._v("md-max-rating")]),a._v("].")])],1),a._v(" "),e("md-table-row",[e("md-table-cell",[a._v("md-max-rating")]),a._v(" "),e("md-table-cell",[e("code",[a._v("Number")])]),a._v(" "),e("md-table-cell",[a._v("Max rating allowed. Default "),e("code",[a._v("5")]),a._v(".")])],1),a._v(" "),e("md-table-row",[e("md-table-cell",[a._v("md-full-icon")]),a._v(" "),e("md-table-cell",[e("code",[a._v("String")])]),a._v(" "),e("md-table-cell",[a._v("The icon used to represent full star. Can be a material icon from google font or src of the image file (svg or png). Default "),e("code",[a._v("star")]),a._v(".")])],1),a._v(" "),e("md-table-row",[e("md-table-cell",[a._v("md-empty-icon")]),a._v(" "),e("md-table-cell",[e("code",[a._v("String")])]),a._v(" "),e("md-table-cell",[a._v("The icon used to represent empty star. Can be a material icon from google font or src of the image file (svg or png). Default "),e("code",[a._v("star")]),a._v(".")])],1),a._v(" "),e("md-table-row",[e("md-table-cell",[a._v("md-full-iconset")]),a._v(" "),e("md-table-cell",[e("code",[a._v("String")])]),a._v(" "),e("md-table-cell",[a._v("The font icon set used on full star. Example: "),e("code",[a._v('md-iconset="fa fa-heart"')]),a._v(" for font awesome.")])],1),a._v(" "),e("md-table-row",[e("md-table-cell",[a._v("md-empty-iconset")]),a._v(" "),e("md-table-cell",[e("code",[a._v("String")])]),a._v(" "),e("md-table-cell",[a._v("The font icon set used on empty star. Example: "),e("code",[a._v('md-iconset="fa fa-heart-o"')]),a._v(" for font awesome.")])],1),a._v(" "),e("md-table-row",[e("md-table-cell",[a._v("md-icon-size")]),a._v(" "),e("md-table-cell",[e("code",[a._v("Number")])]),a._v(" "),e("md-table-cell",[a._v("Change the icon size. From 1 to 5, it corresponds the 1x to 5x of the md-size-{type} class in md-icon, where in 1x, the icon has "),e("code",[a._v("24px")]),a._v(". Default "),e("code",[a._v("1")]),a._v(".")])],1),a._v(" "),e("md-table-row",[e("md-table-cell",[a._v("disabled")]),a._v(" "),e("md-table-cell",[e("code",[a._v("Boolean")])]),a._v(" "),e("md-table-cell",[a._v("Disable the rating and prevent his actions. Default "),e("code",[a._v("false")])])],1)],1)],1),a._v(" "),e("md-table",{slot:"events"},[e("md-table-header",[e("md-table-row",[e("md-table-head",[a._v("Name")]),a._v(" "),e("md-table-head",[a._v("Value")]),a._v(" "),e("md-table-head",[a._v("Description")])],1)],1),a._v(" "),e("md-table-body",[e("md-table-row",[e("md-table-cell",[a._v("change")]),a._v(" "),e("md-table-cell",[a._v("Receive the new rating")]),a._v(" "),e("md-table-cell",[a._v("Triggered when the rating changes his value by user interaction.")])],1),a._v(" "),e("md-table-row",[e("md-table-cell",[a._v("hover")]),a._v(" "),e("md-table-cell",[a._v("Receive the pointer rating")]),a._v(" "),e("md-table-cell",[a._v("Triggered when the user points over a new rating.")])],1)],1)],1)],1)],1),a._v(" "),e("div",{slot:"example"},[e("example-box",{attrs:{"card-title":"Default"}},[e("div",{slot:"demo"},[e("md-rating-bar",{attrs:{disabled:""},model:{value:a.rating1,callback:function(t){a.rating1=t},expression:"rating1"}}),a._v(" "),e("md-rating-bar",{attrs:{"md-max-rating":10,disabled:""},model:{value:a.rating2,callback:function(t){a.rating2=t},expression:"rating2"}}),a._v(" "),e("md-rating-bar",{staticClass:"md-primary",attrs:{"md-max-rating":7,disabled:""},model:{value:a.rating3,callback:function(t){a.rating3=t},expression:"rating3"}}),a._v(" "),e("md-rating-bar",{staticClass:"md-accent",attrs:{"md-max-rating":7,disabled:""},model:{value:a.rating4,callback:function(t){a.rating4=t},expression:"rating4"}}),a._v(" "),e("md-rating-bar",{staticClass:"md-warn",attrs:{"md-max-rating":7,disabled:""},model:{value:a.rating5,callback:function(t){a.rating5=t},expression:"rating5"}}),a._v(" "),e("md-rating-bar",{staticClass:"md-primary",attrs:{"md-max-rating":7,"md-empty-icon":"star_border"},model:{value:a.rating6,callback:function(t){a.rating6=t},expression:"rating6"}}),a._v(" "),e("md-rating-bar",{staticClass:"md-warn",attrs:{"md-max-rating":5,"md-empty-icon":"panorama_fish_eye","md-full-icon":"lens"},model:{value:a.rating7,callback:function(t){a.rating7=t},expression:"rating7"}})],1),a._v(" "),e("div",{slot:"code"},[e("code-block",{attrs:{lang:"xml"}},[a._v('\n '),e("br"),a._v('\n '),e("br"),a._v('\n '),e("br"),a._v('\n '),e("br"),a._v('\n '),e("br"),a._v('\n '),e("br"),a._v('\n \n ')])],1)]),a._v(" "),e("example-box",{attrs:{"card-title":"Themes"}},[e("div",{slot:"demo"},[e("md-rating-bar",{staticClass:"md-primary",attrs:{"md-theme":"orange",disabled:""},model:{value:a.rating8,callback:function(t){a.rating8=t},expression:"rating8"}}),a._v(" "),e("md-rating-bar",{staticClass:"md-primary",attrs:{"md-theme":"brown",disabled:""},model:{value:a.rating9,callback:function(t){a.rating9=t},expression:"rating9"}}),a._v(" "),e("md-rating-bar",{staticClass:"md-primary",attrs:{"md-theme":"light-blue"},model:{value:a.rating10,callback:function(t){a.rating10=t},expression:"rating10"}}),a._v(" "),e("md-rating-bar",{staticClass:"md-primary",attrs:{"md-theme":"teal","md-empty-icon":"star_border"},model:{value:a.rating11,callback:function(t){a.rating11=t},expression:"rating11"}})],1),a._v(" "),e("div",{slot:"code"},[e("code-block",{attrs:{lang:"xml"}},[a._v('\n '),e("br"),a._v('\n '),e("br"),a._v('\n '),e("br"),a._v('\n \n ')])],1)]),a._v(" "),e("example-box",{attrs:{"card-title":"Sizes"}},[e("div",{slot:"demo"},[e("md-rating-bar",{model:{value:a.rating12,callback:function(t){a.rating12=t},expression:"rating12"}}),a._v(" "),e("md-rating-bar",{attrs:{"md-icon-size":2},model:{value:a.rating12,callback:function(t){a.rating12=t},expression:"rating12"}}),a._v(" "),e("md-rating-bar",{attrs:{"md-icon-size":3},model:{value:a.rating12,callback:function(t){a.rating12=t},expression:"rating12"}})],1),a._v(" "),e("div",{slot:"code"},[e("code-block",{attrs:{lang:"xml"}},[a._v('\n '),e("br"),a._v('\n '),e("br"),a._v('\n \n ')])],1)]),a._v(" "),e("example-box",{attrs:{"card-title":"Images"}},[e("div",{slot:"demo"},[e("md-layout",{attrs:{"md-gutter":!0}},[e("md-layout",[e("strong",{staticClass:"md-body-2"},[a._v("SVG:")]),a._v(" "),e("md-rating-bar",{staticClass:"md-primary",attrs:{"md-empty-icon":"assets/icon-home.svg","md-full-icon":"assets/icon-home.svg"},model:{value:a.rating13,callback:function(t){a.rating13=t},expression:"rating13"}}),a._v(" "),e("md-rating-bar",{staticClass:"md-primary",attrs:{"md-empty-icon":"assets/icon-home.svg","md-full-icon":"assets/icon-home.svg","md-icon-size":2},model:{value:a.rating13,callback:function(t){a.rating13=t},expression:"rating13"}})],1),a._v(" "),e("md-layout",[e("strong",{staticClass:"md-body-2"},[a._v("PNG:")]),a._v(" "),e("md-rating-bar",{attrs:{"md-empty-icon":"assets/icon-home-back.png","md-full-icon":"assets/icon-home-front.png"},model:{value:a.rating13,callback:function(t){a.rating13=t},expression:"rating13"}}),a._v(" "),e("md-rating-bar",{attrs:{"md-empty-icon":"assets/icon-home-back.png","md-full-icon":"assets/icon-home-front.png","md-icon-size":2},model:{value:a.rating13,callback:function(t){a.rating13=t},expression:"rating13"}})],1)],1)],1),a._v(" "),e("div",{slot:"code"},[e("code-block",{attrs:{lang:"xml"}},[a._v('\n '),e("br"),a._v("\n "),e("br"),a._v('\n SVG:'),e("br"),a._v('\n '),e("br"),a._v('\n '),e("br"),a._v("\n "),e("br"),a._v(" "),e("br"),a._v("\n "),e("br"),a._v('\n PNG:'),e("br"),a._v('\n '),e("br"),a._v('\n '),e("br"),a._v("\n "),e("br"),a._v("\n \n ")])],1)]),a._v(" "),e("example-box",{attrs:{"card-title":"Font Icons"}},[e("div",{slot:"demo"},[e("link",{attrs:{rel:"stylesheet",href:"https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"}}),a._v(" "),e("div",[a._v("This first example uses "),e("a",{attrs:{href:"http://fontawesome.io/icons/",target:"fa_icons"}},[a._v("Font Awesome Icons")])]),a._v(" "),e("md-rating-bar",{staticClass:"md-primary",attrs:{"md-empty-iconset":"fa fa-bell-o","md-full-iconset":"fa fa-bell"},model:{value:a.rating14,callback:function(t){a.rating14=t},expression:"rating14"}}),a._v(" "),e("md-rating-bar",{staticClass:"md-warn",attrs:{"md-icon-size":2,"md-empty-iconset":"fa fa-heart-o","md-full-iconset":"fa fa-heart"},model:{value:a.rating14,callback:function(t){a.rating14=t},expression:"rating14"}}),a._v(" "),e("hr"),a._v(" "),e("link",{attrs:{rel:"stylesheet",href:"https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css"}}),a._v(" "),e("div",[a._v("This second example uses "),e("a",{attrs:{href:"http://ionicons.com/",target:"ion_icons"}},[a._v("Ion Icons")])]),a._v(" "),e("md-rating-bar",{staticClass:"md-primary",attrs:{"md-empty-iconset":"ion-ios-bell-outline","md-full-iconset":"ion-ios-bell"},model:{value:a.rating14,callback:function(t){a.rating14=t},expression:"rating14"}}),a._v(" "),e("md-rating-bar",{staticClass:"md-warn",attrs:{"md-icon-size":2,"md-empty-iconset":"ion-android-favorite-outline","md-full-iconset":"ion-android-favorite"},model:{value:a.rating14,callback:function(t){a.rating14=t},expression:"rating14"}})],1),a._v(" "),e("div",{slot:"code"},[e("code-block",{attrs:{lang:"xml"}},[a._v('\n '),e("br"),a._v('\n
'),e("br"),a._v('\n '),e("br"),a._v('\n '),e("br"),a._v('\n \n ")])],1)])],1)])],1)},staticRenderFns:[]}}});
\ No newline at end of file
diff --git a/dist/docs/select.f15c994e.js b/dist/docs/select.f15c994e.js
deleted file mode 100644
index ccad650..0000000
--- a/dist/docs/select.f15c994e.js
+++ /dev/null
@@ -1 +0,0 @@
-webpackJsonp([7,37],{814:function(e,t,o){function a(e){o(894)}var n=o(1)(o(844),o(930),a,"data-v-380ff36e",null);e.exports=n.exports},844:function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={data:function(){return{movie:"godfather",country:"",font:"",food:"",users:[],options:[{id:1,name:"a"},{id:2,name:"b"},{id:3,name:"c"},{id:4,name:"d"},{id:5,name:"e"}],items:[],usersIcon:[],iconMenuOptions:{mdAlignTrigger:!0}}},computed:{isDisabled:function(){return!0}},methods:{setPulpFiction:function(){this.movie="pulp_fiction"}}},e.exports=t.default},861:function(e,t,o){t=e.exports=o(788)(),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:150px}.select-icon[data-v-380ff36e]{margin-bottom:20px}",""])},894:function(e,t,o){var a=o(861);"string"==typeof a&&(a=[[e.i,a,""]]),a.locals&&(e.exports=a.locals);o(789)("d4690c0e",a,!0)},930: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 its 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 its 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",{attrs:{name:"movie",id:"movie"},model:{value:e.movie,callback:function(t){e.movie=t},expression:"movie"}},[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",{attrs:{name:"country",id:"country"},model:{value:e.country,callback:function(t){e.country=t},expression:"country"}},[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",{attrs:{name:"font",id:"font"},model:{value:e.font,callback:function(t){e.font=t},expression:"font"}},[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",disabled:!0}},[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",disabled:e.isDisabled}},[e._v("Verdana")])],1)],1),e._v(" "),o("md-input-container",[o("label",{attrs:{for:"food"}},[e._v("Food")]),e._v(" "),o("md-select",{attrs:{name:"food",id:"food"},model:{value:e.food,callback:function(t){e.food=t},expression:"food"}},[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
\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:[]}}});
\ No newline at end of file
diff --git a/dist/docs/sidenav.86240edb.js b/dist/docs/sidenav.86240edb.js
deleted file mode 100644
index 66b8505..0000000
--- a/dist/docs/sidenav.86240edb.js
+++ /dev/null
@@ -1 +0,0 @@
-webpackJsonp([6,37],{815:function(e,t,l){function n(e){l(889)}var a=l(1)(l(845),l(924),n,"data-v-223f266a",null);e.exports=a.exports},845: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},856:function(e,t,l){t=e.exports=l(788)(),t.push([e.i,".phone-viewport p[data-v-223f266a]{padding:8px 16px}",""])},889:function(e,t,l){var n=l(856);"string"==typeof n&&(n=[[e.i,n,""]]),n.locals&&(e.exports=n.locals);l(789)("eccfa984",n,!0)},924: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
\n \n \n menu\n \n\n
My App
\n \n\n
\n Toggle right\n
Open console to see the events
\n
\n\n \n \n
\n
Sidenav content
\n
\n \n\n
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!
\n \n\n \n \n
\n
Sidenav content
\n
\n \n\n Close\n \n
\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:[]}}});
\ No newline at end of file
diff --git a/dist/docs/snackbar.9041b9f2.js b/dist/docs/snackbar.9041b9f2.js
deleted file mode 100644
index 7acdac6..0000000
--- a/dist/docs/snackbar.9041b9f2.js
+++ /dev/null
@@ -1 +0,0 @@
-webpackJsonp([5,37],{816:function(t,e,a){function o(t){a(893)}var n=a(1)(a(846),a(928),o,"data-v-347b2712",null);t.exports=n.exports},846:function(t,e,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={data:function(){return{vertical:"bottom",horizontal:"center",duration:4e3}},methods:{open:function(){this.$refs.snackbar.open()}}},t.exports=e.default},860:function(t,e,a){e=t.exports=a(788)(),e.push([t.i,"",""])},893:function(t,e,a){var o=a(860);"string"==typeof o&&(o=[[t.i,o,""]]),o.locals&&(t.exports=o.locals);a(789)("762cdb96",o,!0)},928: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 - Snackbar"}},[a("docs-component",[a("div",{slot:"description"},[a("p",[t._v("Snackbars contain a single line of text directly related to the operation performed. They may contain a text action, but no icons.")])]),t._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",[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-position")]),t._v(" "),a("md-table-cell",[a("code",[t._v("String")])]),t._v(" "),a("md-table-cell",[t._v("Specify which vertical and horizontal position the snackbar will take. Accepts "),a("code",[t._v("top left")]),t._v("|"),a("code",[t._v("top center")]),t._v("|"),a("code",[t._v("right center")]),t._v("|"),a("code",[t._v("bottom left")]),t._v("|"),a("code",[t._v("bottom center")]),t._v("|"),a("code",[t._v("bottom right")]),t._v(". Default: "),a("code",[t._v("bottom center")])])],1),t._v(" "),a("md-table-row",[a("md-table-cell",[t._v("md-duration")]),t._v(" "),a("md-table-cell",[a("code",[t._v("Number")])]),t._v(" "),a("md-table-cell",[t._v("The duration visibility in miliseconds. Default: "),a("code",[t._v("4000")])])],1)],1)],1),t._v(" "),a("md-table",{slot:"events"},[a("md-table-header",[a("md-table-row",[a("md-table-head",[t._v("Name")]),t._v(" "),a("md-table-head",[t._v("Value")]),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("open")]),t._v(" "),a("md-table-cell",[t._v("None")]),t._v(" "),a("md-table-cell",[t._v("Triggered when the snackbar open.")])],1),t._v(" "),a("md-table-row",[a("md-table-cell",[t._v("close")]),t._v(" "),a("md-table-cell",[t._v("None")]),t._v(" "),a("md-table-cell",[t._v("Triggered when the snackbar closes.")])],1)],1)],1),t._v(" "),a("md-table",{slot:"methods"},[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("open")]),t._v(" "),a("md-table-cell",[t._v("Opens the Snackbar.")])],1),t._v(" "),a("md-table-row",[a("md-table-cell",[t._v("close")]),t._v(" "),a("md-table-cell",[t._v("Closes the Snackbar.")])],1)],1)],1)],1)],1),t._v(" "),a("div",{slot:"example"},[a("example-box",{attrs:{"card-title":"Default"}},[a("div",{slot:"demo"},[a("form",{attrs:{novalidate:""},on:{submit:function(e){e.stopPropagation(),e.preventDefault(),t.open(e)}}},[a("div",[a("div",{staticClass:"md-body-2"},[t._v("Vertical")]),t._v(" "),a("md-radio",{attrs:{id:"top",name:"snackbar-vertical","md-value":"top"},model:{value:t.vertical,callback:function(e){t.vertical=e},expression:"vertical"}},[t._v("top")]),t._v(" "),a("md-radio",{attrs:{id:"bottom",name:"snackbar-vertical","md-value":"bottom"},model:{value:t.vertical,callback:function(e){t.vertical=e},expression:"vertical"}},[t._v("bottom")])],1),t._v(" "),a("div",[a("div",{staticClass:"md-body-2"},[t._v("Horizontal")]),t._v(" "),a("md-radio",{attrs:{id:"left",name:"snackbar-horizontal","md-value":"left"},model:{value:t.horizontal,callback:function(e){t.horizontal=e},expression:"horizontal"}},[t._v("left")]),t._v(" "),a("md-radio",{attrs:{id:"center",name:"snackbar-horizontal","md-value":"center"},model:{value:t.horizontal,callback:function(e){t.horizontal=e},expression:"horizontal"}},[t._v("center")]),t._v(" "),a("md-radio",{attrs:{id:"right",name:"snackbar-horizontal","md-value":"right"},model:{value:t.horizontal,callback:function(e){t.horizontal=e},expression:"horizontal"}},[t._v("right")])],1),t._v(" "),a("div",[a("div",{staticClass:"md-body-2"},[t._v("Delay")]),t._v(" "),a("md-input-container",[a("md-input",{attrs:{type:"number"},model:{value:t.duration,callback:function(e){t.duration=e},expression:"duration"}})],1)],1),t._v(" "),a("md-button",{staticClass:"md-primary md-raised",attrs:{type:"submit"}},[t._v("Open Snackbar")]),t._v(" "),a("md-snackbar",{ref:"snackbar",attrs:{"md-position":t.vertical+" "+t.horizontal,"md-duration":t.duration}},[a("span",[t._v("Connection timeout. Showing limited messages.")]),t._v(" "),a("md-button",{staticClass:"md-accent",attrs:{"md-theme":"light-blue"},nativeOn:{click:function(e){t.$refs.snackbar.close()}}},[t._v("Retry")])],1)],1)]),t._v(" "),a("div",{slot:"code"},[a("code-block",{attrs:{lang:"xml"}},[t._v('\n \n ')]),t._v(" "),a("code-block",{attrs:{lang:"javacript"}},[t._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)]),t._v(" "),a("md-button",{staticClass:"md-fab md-fab-bottom-right"},[a("md-icon",[t._v("add")])],1)],1)},staticRenderFns:[]}}});
\ No newline at end of file
diff --git a/dist/docs/speed-dial.e1c3844b.js b/dist/docs/speed-dial.e1c3844b.js
deleted file mode 100644
index 71f7e59..0000000
--- a/dist/docs/speed-dial.e1c3844b.js
+++ /dev/null
@@ -1 +0,0 @@
-webpackJsonp([21,37],{817:function(d,t,m){function e(d){m(905)}var n=m(1)(null,m(943),e,"data-v-714a4355",null);d.exports=n.exports},872:function(d,t,m){t=d.exports=m(788)(),t.push([d.i,".speed-dial-demo[data-v-714a4355]{height:250px}",""])},905:function(d,t,m){var e=m(872);"string"==typeof e&&(e=[[d.i,e,""]]),e.locals&&(d.exports=e.locals);m(789)("e79448d2",e,!0)},943: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 its 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 its 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 its 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 its 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 \n \n close\n share\n \n\n \n email\n \n\n \n content_copy\n \n \n\n \n \n close\n share\n \n\n \n email\n \n\n \n content_copy\n \n \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 \n \n event\n add\n \n\n \n note_add\n \n\n \n alarm_add\n \n \n\n \n \n event\n add\n \n\n \n note_add\n \n\n \n alarm_add\n \n \n\n \n \n event\n add\n \n\n \n note_add\n \n\n \n alarm_add\n \n \n\n \n \n event\n add\n \n\n \n note_add\n \n\n \n alarm_add\n \n \n ')])],1)])],1)])],1)},staticRenderFns:[]}}});
\ No newline at end of file
diff --git a/dist/docs/spinner.8906e599.js b/dist/docs/spinner.8906e599.js
deleted file mode 100644
index 43cf1e0..0000000
--- a/dist/docs/spinner.8906e599.js
+++ /dev/null
@@ -1 +0,0 @@
-webpackJsonp([4,37],{818:function(e,n,t){function s(e){t(903)}var r=t(1)(t(847),t(941),s,"data-v-631d0197",null);e.exports=r.exports},847: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},870:function(e,n,t){n=e.exports=t(788)(),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%)}",""])},903:function(e,n,t){var s=t(870);"string"==typeof s&&(s=[[e.i,s,""]]),s.locals&&(e.exports=s.locals);t(789)("64dcb51e",s,!0)},941: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 \n \n \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 \n \n \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 \n \n \n\n \n \n \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 \n \n cloud_upload\n done\n \n\n \n \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:[]}}});
\ No newline at end of file
diff --git a/dist/docs/stepper.63170b0f.js b/dist/docs/stepper.63170b0f.js
deleted file mode 100644
index e417877..0000000
--- a/dist/docs/stepper.63170b0f.js
+++ /dev/null
@@ -1 +0,0 @@
-webpackJsonp([34,37],{819:function(e,t,s){var l=s(1)(null,s(923),null,null,null);e.exports=l.exports},923:function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,s=e._self._c||t;return s("page-content",{attrs:{"page-title":"Components - Stepper"}},[s("docs-component",[s("div",{slot:"description"},[s("p",[e._v("Step indicators are visual indications of an activity progression.")])]),e._v(" "),s("div",{slot:"api"},[s("api-table",{attrs:{name:"md-stepper"}},[s("md-table",{slot:"properties"},[s("md-table-header",[s("md-table-row",[s("md-table-head",[e._v("Name")]),e._v(" "),s("md-table-head",[e._v("Type")]),e._v(" "),s("md-table-head",[e._v("Description")])],1)],1),e._v(" "),s("md-table-body",[s("md-table-row",[s("md-table-cell",[e._v("md-alternate-labels")]),e._v(" "),s("md-table-cell",[s("code",[e._v("Boolean")])]),e._v(" "),s("md-table-cell",[e._v("On the horizontal display it will place the labels underneigh the step icon. Default: false")])],1),e._v(" "),s("md-table-row",[s("md-table-cell",[e._v("md-elevation")]),e._v(" "),s("md-table-cell",[s("code",[e._v("Number")])]),e._v(" "),s("md-table-cell",[e._v("Sets the elevation of the container for each content and the horizontal header. Default: 1")])],1),e._v(" "),s("md-table-row",[s("md-table-cell",[e._v("md-vertical")]),e._v(" "),s("md-table-cell",[s("code",[e._v("Boolean")])]),e._v(" "),s("md-table-cell",[e._v("Will place the steps in a vertical position. Default: false")])],1)],1)],1)],1),e._v(" "),s("api-table",{attrs:{name:"md-step"}},[s("md-table",{slot:"properties"},[s("md-table-header",[s("md-table-row",[s("md-table-head",[e._v("Name")]),e._v(" "),s("md-table-head",[e._v("Type")]),e._v(" "),s("md-table-head",[e._v("Description")])],1)],1),e._v(" "),s("md-table-body",[s("md-table-row",[s("md-table-cell",[e._v("md-button-back")]),e._v(" "),s("md-table-cell",[s("code",[e._v("String")])]),e._v(" "),s("md-table-cell",[e._v("The text to be displayed in the back button. Default: 'BACK'.")])],1),e._v(" "),s("md-table-row",[s("md-table-cell",[e._v("md-back-continue")]),e._v(" "),s("md-table-cell",[s("code",[e._v("String")])]),e._v(" "),s("md-table-cell",[e._v("The text to be displayed in the coninue button. Default: 'CONTINUE' or 'FINISH' (if is the last step)")])],1),e._v(" "),s("md-table-row",[s("md-table-cell",[e._v("md-continue")]),e._v(" "),s("md-table-cell",[s("code",[e._v("Boolean")])]),e._v(" "),s("md-table-cell",[e._v("Ability to define if the step is completed and allowed to continue. Default: true")])],1),e._v(" "),s("md-table-row",[s("md-table-cell",[e._v("md-disabled")]),e._v(" "),s("md-table-cell",[s("code",[e._v("Boolean")])]),e._v(" "),s("md-table-cell",[e._v("Ability to disable the step. Default: false")])],1),e._v(" "),s("md-table-row",[s("md-table-cell",[e._v("md-editable")]),e._v(" "),s("md-table-cell",[s("code",[e._v("Boolean")])]),e._v(" "),s("md-table-cell",[e._v("If the step is allowed to go 'back' after it has been completed. Default: false")])],1),e._v(" "),s("md-table-row",[s("md-table-cell",[e._v("md-icon")]),e._v(" "),s("md-table-cell",[s("code",[e._v("String")])]),e._v(" "),s("md-table-cell",[e._v("Icon to use instead of the index number. Default: will use the step index")])],1),e._v(" "),s("md-table-row",[s("md-table-cell",[e._v("md-label")]),e._v(" "),s("md-table-cell",[s("code",[e._v("String")])]),e._v(" "),s("md-table-cell",[e._v("The label of step header. Default: undefined")])],1),e._v(" "),s("md-table-row",[s("md-table-cell",[e._v("md-message")]),e._v(" "),s("md-table-cell",[s("code",[e._v("String")])]),e._v(" "),s("md-table-cell",[e._v("The sub message to be used underneigh the step header label. Default: undefined")])],1)],1)],1),e._v(" "),s("md-table",{slot:"classes"},[s("md-table-header",[s("md-table-row",[s("md-table-head",[e._v("Name")]),e._v(" "),s("md-table-head",[e._v("Description")])],1)],1),e._v(" "),s("md-table-body",[s("md-table-row",[s("md-table-cell",[e._v("md-disabled")]),e._v(" "),s("md-table-cell",[e._v("Disabled class.")])],1)],1)],1)],1)],1),e._v(" "),s("div",{slot:"example"},[s("example-box",{attrs:{"card-title":"Default steps"}},[s("div",{staticClass:"stepper-demo",slot:"demo"},[s("md-stepper",[s("md-step",[s("p",[e._v("This seems something basic I need to do first before the next step.")])]),e._v(" "),s("md-step",[s("p",[e._v("This seems something I need to focus on just after the first step.")])]),e._v(" "),s("md-step",[s("p",[e._v("This seems something important I need to fix just right before the last step.")])])],1)],1),e._v(" "),s("div",{slot:"code"},[s("code-block",{attrs:{lang:"xml"}},[e._v("\n \n \n
This seems something basic I need to do first before the next step.
\n \n \n
This seems something I need to focus on just after the first step.
\n \n \n
This seems something important I need to fix just right before the last step.
\n \n \n ")])],1)]),e._v(" "),s("example-box",{attrs:{"card-title":"Labels"}},[s("div",{staticClass:"stepper-demo",slot:"demo"},[s("md-stepper",[s("md-step",{attrs:{"md-label":"Dunder Miflin"}},[s("p",[e._v("This seems something basic I need to do first before the next step.")])]),e._v(" "),s("md-step",{attrs:{"md-label":"Scraton","md-message":"Pennsylvania"}},[s("p",[e._v("This seems something I need to focus on just after the first step.")])])],1)],1),e._v(" "),s("div",{slot:"code"},[s("code-block",{attrs:{lang:"xml"}},[e._v('\n \n \n
This seems something basic I need to do first before the next step.
\n \n \n
This seems something I need to focus on just after the first step.
\n \n \n ')])],1)]),e._v(" "),s("example-box",{attrs:{"card-title":"Alternate Labels"}},[s("div",{staticClass:"stepper-demo",slot:"demo"},[s("md-stepper",{attrs:{"md-alternate-labels":""}},[s("md-step",{attrs:{"md-label":"Dunder Miflin"}},[s("p",[e._v("This seems something basic I need to do first before the next step.")])]),e._v(" "),s("md-step",{attrs:{"md-label":"Scraton","md-message":"Pennsylvania"}},[s("p",[e._v("This seems something I need to focus on just after the first step.")])])],1)],1),e._v(" "),s("div",{slot:"code"},[s("code-block",{attrs:{lang:"xml"}},[e._v('\n \n \n
This seems something basic I need to do first before the next step.
\n \n \n
This seems something I need to focus on just after the first step.
\n \n \n ')])],1)]),e._v(" "),s("example-box",{attrs:{"card-title":"Vertical steps"}},[s("div",{staticClass:"stepper-demo",slot:"demo"},[s("md-stepper",{attrs:{"md-vertical":""}},[s("md-step",[s("p",[e._v("This seems something basic I need to do first before the next step.")])]),e._v(" "),s("md-step",[s("p",[e._v("This seems something I need to focus on just after the first step.")])]),e._v(" "),s("md-step",[s("p",[e._v("This seems something important I need to fix just right before the last step.")])])],1)],1),e._v(" "),s("div",{slot:"code"},[s("code-block",{attrs:{lang:"xml"}},[e._v("\n \n \n
This seems something basic I need to do first before the next step.
\n \n \n
This seems something I need to focus on just after the first step.
\n \n \n
This seems something important I need to fix just right before the last step.
\n \n \n ")])],1)]),e._v(" "),s("example-box",{attrs:{"card-title":"Vertical with Labels"}},[s("div",{staticClass:"stepper-demo",slot:"demo"},[s("md-stepper",{attrs:{"md-vertical":""}},[s("md-step",{attrs:{"md-label":"Dunder Miflin"}},[s("p",[e._v("This seems something basic I need to do first before the next step.")])]),e._v(" "),s("md-step",{attrs:{"md-label":"Scraton","md-message":"Pennsylvania"}},[s("p",[e._v("This seems something I need to focus on just after the first step.")])])],1)],1),e._v(" "),s("div",{slot:"code"},[s("code-block",{attrs:{lang:"xml"}},[e._v('\n \n \n
This seems something basic I need to do first before the next step.
\n \n \n
This seems something I need to focus on just after the first step.
\n \n \n ')])],1)])],1)])],1)},staticRenderFns:[]}}});
\ No newline at end of file
diff --git a/dist/docs/subheader.4e0ee814.js b/dist/docs/subheader.4e0ee814.js
deleted file mode 100644
index 6637fb9..0000000
--- a/dist/docs/subheader.4e0ee814.js
+++ /dev/null
@@ -1 +0,0 @@
-webpackJsonp([33,37],{820:function(t,n,a){var s=a(1)(null,a(918),null,null,null);t.exports=s.exports},918: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
\n ')])],1)])],1)])],1)},staticRenderFns:[]}}});
\ No newline at end of file
diff --git a/dist/docs/switch.3e904b92.js b/dist/docs/switch.3e904b92.js
deleted file mode 100644
index 4f0bc24..0000000
--- a/dist/docs/switch.3e904b92.js
+++ /dev/null
@@ -1 +0,0 @@
-webpackJsonp([27,37],{821:function(e,t,d){var c=d(1)(d(848),d(955),null,null,null);e.exports=c.exports},848: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},955: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 its 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 its 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",{attrs:{id:"my-test0",name:"my-test0"},model:{value:e.checked0,callback:function(t){e.checked0=t},expression:"checked0"}})],1),e._v(" "),d("div",[d("md-switch",{staticClass:"md-primary",attrs:{id:"my-test1",name:"my-test1"},model:{value:e.checked1,callback:function(t){e.checked1=t},expression:"checked1"}},[e._v("Primary Color")])],1),e._v(" "),d("div",[d("md-switch",{staticClass:"md-warn",attrs:{id:"my-test2",name:"my-test2"},model:{value:e.checked2,callback:function(t){e.checked2=t},expression:"checked2"}},[e._v("Warn Color")])],1),e._v(" "),d("div",[d("md-switch",{attrs:{id:"my-test3",name:"my-test3",disabled:""},model:{value:e.checked3,callback:function(t){e.checked3=t},expression:"checked3"}},[e._v("Disabled")])],1)]),e._v(" "),d("div",{slot:"code"},[d("code-block",{attrs:{lang:"xml"}},[e._v('\n \n Primary Color\n Warn Color\n Disabled\n ')])],1)]),e._v(" "),d("example-box",{attrs:{"card-title":"With type"}},[d("div",{slot:"demo"},[d("md-switch",{attrs:{id:"my-test8",name:"my-test8"},model:{value:e.checked8,callback:function(t){e.checked8=t},expression:"checked8"}},[e._v("Default")]),e._v(" "),d("form",{on:{click:function(t){t.stopPropagation(),t.preventDefault(),e.submit(t)}}},[d("md-switch",{staticClass:"md-primary",attrs:{type:"submit",id:"my-test9",name:"my-test9"},model:{value:e.checked9,callback:function(t){e.checked9=t},expression:"checked9"}},[e._v("Submit")])],1)],1),e._v(" "),d("div",{slot:"code"},[d("code-block",{attrs:{lang:"xml"}},[e._v('\n Default\n\n \n ')])],1)]),e._v(" "),d("example-box",{attrs:{"card-title":"Themes"}},[d("div",{slot:"demo"},[d("div",[d("md-switch",{staticClass:"md-primary",attrs:{"md-theme":"orange",id:"my-test4",name:"my-test4"},model:{value:e.checked4,callback:function(t){e.checked4=t},expression:"checked4"}})],1),e._v(" "),d("div",[d("md-switch",{staticClass:"md-primary",attrs:{"md-theme":"green",id:"my-test5",name:"my-test5"},model:{value:e.checked5,callback:function(t){e.checked5=t},expression:"checked5"}},[e._v("Green Primary Color")])],1),e._v(" "),d("div",[d("md-switch",{staticClass:"md-primary",attrs:{"md-theme":"brown",id:"my-test6",name:"my-test6"},model:{value:e.checked6,callback:function(t){e.checked6=t},expression:"checked6"}},[e._v("Brown Primary Color")])],1),e._v(" "),d("div",[d("md-switch",{staticClass:"md-primary",attrs:{"md-theme":"light-blue",id:"my-test7",name:"my-test7",disabled:""},model:{value:e.checked7,callback:function(t){e.checked7=t},expression:"checked7"}},[e._v("Light Blue Primary Color Disabled")])],1)]),e._v(" "),d("div",{slot:"code"},[d("code-block",{attrs:{lang:"xml"}},[e._v('\n \n Green Primary Color\n Brown Primary Color\n Light Blue Primary Color Disabled\n ')])],1)])],1)])],1)},staticRenderFns:[]}}});
\ No newline at end of file
diff --git a/dist/docs/table.a7eb2ac9.js b/dist/docs/table.a7eb2ac9.js
deleted file mode 100644
index 648ede2..0000000
--- a/dist/docs/table.a7eb2ac9.js
+++ /dev/null
@@ -1 +0,0 @@
-webpackJsonp([3,37],{822:function(e,t,a){function d(e){a(884)}var l=a(1)(a(849),a(917),d,"data-v-0c7c6b68",null);e.exports=l.exports},849: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:[],sortInput:{name:"dessert",type:"asc"},sort:{},page:{}}},methods:{onSelect:function(e){this.selectedData=e,this.$forceUpdate()},onSort:function(e){this.sort=e},onPagination:function(e){this.page=e}},mounted:function(){window.nutrition=this.nutrition}},e.exports=t.default},851:function(e,t,a){t=e.exports=a(788)(),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}",""])},884:function(e,t,a){var d=a(851);"string"==typeof d&&(d=[[e.i,d,""]]),d.locals&&(e.exports=d.locals);a(789)("68e30dc7",d,!0)},917: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),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("pagination")]),e._v(" "),a("md-table-cell",[e._v("Emits an "),a("code",[e._v("Object")]),e._v(" containing the current list size and current page.")]),e._v(" "),a("md-table-cell",[e._v("Triggered when the user selects change pages or the pagination size changes.")])],1),e._v(" "),a("md-table-row",[a("md-table-cell",[e._v("size")]),e._v(" "),a("md-table-cell",[e._v("The "),a("code",[e._v("Number")]),e._v(" of current list size.")]),e._v(" "),a("md-table-cell",[e._v("Triggered when the pagination size changes.")])],1),e._v(" "),a("md-table-row",[a("md-table-cell",[e._v("page")]),e._v(" "),a("md-table-cell",[e._v("Emits the "),a("code",[e._v("Number")]),e._v(" of current pagination page.")]),e._v(" "),a("md-table-cell",[e._v("Triggered when the pagination page changes.")])],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"},[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,attrs:{"md-item":{item: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 \n \n \n Dessert (100g serving)\n Calories (g)\n Fat (g)\n Carbs (g)\n Protein (g)\n \n \n\n \n \n Dessert Name\n 10\n \n \n \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,attrs:{"md-item":{item: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 \n \n \n Dessert (100g serving)\n Calories (g)\n Fat (g)\n Carbs (g)\n Protein (g)\n \n \n\n \n \n Dessert Name\n 10\n \n \n \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":e.sortInput.name,"md-sort-type":e.sortInput.type},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("Sort input")]),e._v(" "),a("md-input-container",[a("label",{attrs:{for:"sort-input-name"}},[e._v("Name")]),e._v(" "),a("md-select",{attrs:{name:"sort-input-name",id:"sort-input-name"},model:{value:e.sortInput.name,callback:function(t){e.sortInput.name=t},expression:"sortInput.name"}},[a("md-option",{attrs:{value:""}},[e._v("None")]),e._v(" "),a("md-option",{attrs:{value:"dessert"}},[e._v("Dessert")]),e._v(" "),a("md-option",{attrs:{value:"calories"}},[e._v("Calories")]),e._v(" "),a("md-option",{attrs:{value:"fat"}},[e._v("Fat")])],1)],1),e._v(" "),a("md-input-container",[a("label",{attrs:{for:"sort-input-type"}},[e._v("Type")]),e._v(" "),a("md-select",{attrs:{name:"sort-input-type",id:"sort-input-type"},model:{value:e.sortInput.type,callback:function(t){e.sortInput.type=t},expression:"sortInput.type"}},[a("md-option",{attrs:{value:"asc"}},[e._v("Ascending")]),e._v(" "),a("md-option",{attrs:{value:"desc"}},[e._v("Descending")])],1)],1)],1),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 \n \n
\n \n filter_list\n \n\n \n search\n \n \n\n \n \n delete\n \n\n \n more_vert\n \n \n\n \n \n \n Dessert (100g serving)\n Type\n Calories (g)\n Fat (g)\n \n message\n Comments\n \n \n \n\n \n \n \n '+e._s("{{ column }}")+'\n\n \n edit\n \n\n \n Ice Cream\n Pastry\n Other\n \n\n '+e._s("{{ column }}")+"\n \n \n \n \n \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:[]}}});
\ No newline at end of file
diff --git a/dist/docs/tabs.8866a295.js b/dist/docs/tabs.8866a295.js
deleted file mode 100644
index ee4f23b..0000000
--- a/dist/docs/tabs.8866a295.js
+++ /dev/null
@@ -1 +0,0 @@
-webpackJsonp([17,37],{823:function(e,t,i){function a(e){i(909)}var o=i(1)(null,i(949),a,null,null);e.exports=o.exports},876:function(e,t,i){t=e.exports=i(788)(),t.push([e.i,".label-with-new-badge{font-weight:bolder}.new-badge{background-color:red;color:#fff;padding:3px;border-radius:3px}",""])},909:function(e,t,i){var a=i(876);"string"==typeof a&&(a=[[e.i,a,""]]),a.locals&&(e.exports=a.locals);i(789)("590a5d44",a,!0)},949: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),e._v(" "),i("md-table-row",[i("md-table-cell",[e._v("md-navigation")]),e._v(" "),i("md-table-cell",[i("code",[e._v("Boolean")])]),e._v(" "),i("md-table-cell",[e._v("Display the navigation arrows for horizontal scroll. Default "),i("code",[e._v("true")])])],1)],1)],1),e._v(" "),i("md-table",{slot:"slots"},[i("md-table-header",[i("md-table-row",[i("md-table-head",[e._v("Name")]),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("header-item")]),e._v(" "),i("md-table-cell",[e._v("Change the template of the header item. Optional.")])],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("")]),e._v(" in a "),i("code",[e._v("")]),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-options")]),e._v(" "),i("md-table-cell",[i("code",[e._v("any")])]),e._v(" "),i("md-table-cell",[e._v("Any additional options (which can be used in "),i("code",[e._v("header-item")]),e._v(" slot of "),i("code",[e._v("md-tabs")]),e._v(")")])],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 its 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"}},[i("p",[e._v("Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas.")])]),e._v(" "),i("md-tab",{attrs:{id:"playlists","md-label":"Playlists"}},[i("p",[e._v("Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas.")])]),e._v(" "),i("md-tab",{attrs:{id:"albums","md-label":"Albums"}},[i("p",[e._v("Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas.")])]),e._v(" "),i("md-tab",{attrs:{id:"settings","md-label":"Settings"}},[i("p",[e._v("Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas.")])]),e._v(" "),i("md-tab",{attrs:{id:"account","md-label":"Account"}},[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 \n \n
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.
\n \n\n \n
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.
\n
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.
\n \n\n \n
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas.
\n \n\n \n
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas.
\n \n\n \n
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas.
\n \n\n \n
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas.
\n \n\n \n
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas.
\n \n \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 \n \n
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.
\n \n\n \n
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.
\n
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.
\n \n\n \n
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas.
\n \n\n \n
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas.
\n \n \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 \n \n
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.
\n \n\n \n
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.
\n
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.
\n \n\n \n
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas.
\n \n\n \n
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas.
\n \n \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 \n \n
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.
\n \n\n \n
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.
\n
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.
\n \n\n \n
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas.
\n \n \n ')])],1)]),e._v(" "),i("example-box",{attrs:{"card-title":"Header item templating"}},[i("div",{slot:"demo"},[i("md-tabs",{staticClass:"md-transparent",scopedSlots:e._u([{key:"header-item",fn:function(t){return[t.header.icon?i("md-icon",[e._v(e._s(t.header.icon))]):e._e(),e._v(" "),t.header.options&&t.header.options.new_badge?[t.header.label?i("span",{staticClass:"label-with-new-badge"},[e._v("\n "+e._s(t.header.label)+"\n "),i("span",{staticClass:"new-badge"},[e._v(e._s(t.header.options.new_badge))])]):e._e()]:[t.header.label?i("span",[e._v(e._s(t.header.label))]):e._e()]]}}])},[i("md-tab",{attrs:{"md-icon":"phone","md-label":"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","md-label":"Favorite","md-options":{new_badge:3}}},[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","md-label":"Near me","md-options":{new_badge:1}}},[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 \n \n '+e._s("{{")+" props.header.icon "+e._s("}}")+'\n \n \n '+e._s("{{")+" props.header.label "+e._s("}}")+'\n '+e._s("{{")+" props.header.options.new_badge "+e._s("}}")+'\n \n \n \n '+e._s("{{")+" props.header.label "+e._s("}}")+'\n \n \n \n
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.
\n \n\n \n
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.
\n
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.
\n \n\n \n
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas.
\n \n \n ')])],1)])],1)])],1)},staticRenderFns:[]}}});
\ No newline at end of file
diff --git a/dist/docs/themes.9de33166.js b/dist/docs/themes.9de33166.js
deleted file mode 100644
index c23f21c..0000000
--- a/dist/docs/themes.9de33166.js
+++ /dev/null
@@ -1 +0,0 @@
-webpackJsonp([2,37],{827:function(t,e,a){function n(t){a(895)}var i=a(1)(null,a(931),n,"data-v-3885c6b0",null);t.exports=i.exports},828:function(t,e,a){function n(t){a(883)}var i=a(1)(null,a(916),n,"data-v-06009b1b",null);t.exports=i.exports},850:function(t,e,a){e=t.exports=a(788)(),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}",""])},862:function(t,e,a){e=t.exports=a(788)(),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}",""])},883:function(t,e,a){var n=a(850);"string"==typeof n&&(n=[[t.i,n,""]]),n.locals&&(t.exports=n.locals);a(789)("73ba7982",n,!0)},895:function(t,e,a){var n=a(862);"string"==typeof n&&(n=[[t.i,n,""]]),n.locals&&(t.exports=n.locals);a(789)("8bc096d6",n,!0)},916: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 an 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("")]),t._v(". If the theme component has only one child element then the theme definition will be attached to this particular element. In other cases the component will wrap all of its children in a "),a("code",[t._v("
")]),t._v(" tag (or you can customize the output tag).")]),t._v(" "),a("p",[t._v("Also every single component in Vue Material suite has a "),a("code",[t._v("md-theme")]),t._v(" attribute to set its theme.")]),t._v(" "),a("p",[t._v("All the components will inherit all theme properties from its 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
\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:[]}},931: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("Force set text color")]),t._v(" "),a("p",[t._v("You can pass property "),a("code",[t._v("textColor")]),t._v(" to force set text color for the theme. The value of the property can be "),a("code",[t._v("white")]),t._v(" or "),a("code",[t._v("black")]),t._v(". All other values are ignored, and the behavior will be "),a("code",[t._v("default")])]),t._v(" "),a("code-block",{attrs:{lang:"javascript"}},[t._v("\n Vue.material.registerTheme('about', {\n primary: {\n color: 'indigo',\n hue: 900,\n textColor: 'black' // text will be black\n },\n accent: {\n color: 'grey',\n hue: 900,\n textColor: 'blue' // text will be white\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:[]}}});
\ No newline at end of file
diff --git a/dist/docs/toolbar.3c0662da.js b/dist/docs/toolbar.3c0662da.js
deleted file mode 100644
index b82020e..0000000
--- a/dist/docs/toolbar.3c0662da.js
+++ /dev/null
@@ -1 +0,0 @@
-webpackJsonp([23,37],{824:function(t,n,a){function m(t){a(891)}var d=a(1)(null,a(926),m,"data-v-2bf259f9",null);t.exports=d.exports},858:function(t,n,a){n=t.exports=a(788)(),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}",""])},891:function(t,n,a){var m=a(858);"string"==typeof m&&(m=[[t.i,m,""]]),m.locals&&(t.exports=m.locals);a(789)("b09a1300",m,!0)},926: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 \n \n \n \n \n \n\n \n\n \n \n \n\n \n \n \n \n\n \n
\n \n folder\n My tooltip\n \n\n \n \n My tooltip\n \n
\n\n
\n \n home\n My tooltip\n \n\n \n person\n My tooltip\n \n
\n ')])],1)])],1)])],1)},staticRenderFns:[]}}});
\ No newline at end of file
diff --git a/dist/docs/ui-elements.b6773874.js b/dist/docs/ui-elements.b6773874.js
deleted file mode 100644
index f0639af..0000000
--- a/dist/docs/ui-elements.b6773874.js
+++ /dev/null
@@ -1 +0,0 @@
-webpackJsonp([1,37],{829:function(t,e,a){function l(t){a(887)}var d=a(1)(null,a(921),l,"data-v-172ceb40",null);t.exports=d.exports},830:function(t,e,a){function l(t){a(911)}var d=a(1)(null,a(951),l,"data-v-d5af2876",null);t.exports=d.exports},854:function(t,e,a){e=t.exports=a(788)(),e.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}',""])},878:function(t,e,a){e=t.exports=a(788)(),e.push([t.i,".demo>[data-v-d5af2876]{margin:.5em 0;display:block}",""])},887:function(t,e,a){var l=a(854);"string"==typeof l&&(l=[[t.i,l,""]]),l.locals&&(t.exports=l.locals);a(789)("3360f65c",l,!0)},911:function(t,e,a){var l=a(878);"string"==typeof l&&(l=[[t.i,l,""]]),l.locals&&(t.exports=l.locals);a(789)("36f35de2",l,!0)},921: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":"UI Elements - Layout"}},[a("docs-component",[a("div",{slot:"description"},[a("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(" "),a("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 "),a("code",[t._v("md-gutter")]),t._v(" property. If you want the automatic calculation the engine will set "),a("code",[t._v("16px")]),t._v(" for small screens and then apply "),a("code",[t._v("24px")]),t._v(" for medium to large.")]),t._v(" "),a("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(" "),a("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(" "),a("md-table",{staticClass:"properties",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("Size")]),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",[a("code",[t._v("xsmall")])]),t._v(" "),a("md-table-cell",[t._v("600px")]),t._v(" "),a("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(" "),a("md-table-row",[a("md-table-cell",[a("code",[t._v("small")])]),t._v(" "),a("md-table-cell",[t._v("960px")]),t._v(" "),a("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(" "),a("md-table-row",[a("md-table-cell",[a("code",[t._v("medium")])]),t._v(" "),a("md-table-cell",[t._v("1280px")]),t._v(" "),a("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(" "),a("md-table-row",[a("md-table-cell",[a("code",[t._v("large")])]),t._v(" "),a("md-table-cell",[t._v("1920px")]),t._v(" "),a("md-table-cell",[t._v("For screens who have between of 1280px and 1920px wide. For large desktop monitors.")])],1),t._v(" "),a("md-table-row",[a("md-table-cell",[a("code",[t._v("xlarge")])]),t._v(" "),a("md-table-cell",[t._v(">1920px")]),t._v(" "),a("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(" "),a("div",{slot:"api"},[a("api-table",{attrs:{name:"md-layout"}},[a("md-table",{staticClass:"properties",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-tag")]),t._v(" "),a("md-table-cell",[a("code",[t._v("String")])]),t._v(" "),a("md-table-cell",[t._v("The output tag. Default "),a("code",[t._v("div")])])],1),t._v(" "),a("md-table-row",[a("md-table-cell",[t._v("md-gutter")]),t._v(" "),a("md-table-cell",[a("code",[t._v("Boolean|Number")])]),t._v(" "),a("md-table-cell",[t._v("Apply a gutter space to direct childs of the element that have this property. If "),a("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 "),a("code",[t._v("8")]),t._v("|"),a("code",[t._v("16")]),t._v("|"),a("code",[t._v("24")]),t._v("|"),a("code",[t._v("40")]),t._v(". Default "),a("code",[t._v("false")])])],1),t._v(" "),a("md-table-row",[a("md-table-cell",[t._v("md-row")]),t._v(" "),a("md-table-cell",[a("code",[t._v("Boolean")])]),t._v(" "),a("md-table-cell",[t._v("Create a row container. All child will be side by side.")])],1),t._v(" "),a("md-table-row",[a("md-table-cell",[t._v("md-row-{type}")]),t._v(" "),a("md-table-cell",[a("code",[t._v("Boolean")])]),t._v(" "),a("md-table-cell",[t._v("Create a row container on screen sizes less than or equal to given breakpoint. Example: "),a("code",[t._v("md-row-large")])])],1),t._v(" "),a("md-table-row",[a("md-table-cell",[t._v("md-column")]),t._v(" "),a("md-table-cell",[a("code",[t._v("Boolean")])]),t._v(" "),a("md-table-cell",[t._v("Create a column container. All child will be one underneath the other.")])],1),t._v(" "),a("md-table-row",[a("md-table-cell",[t._v("md-column-{type}")]),t._v(" "),a("md-table-cell",[a("code",[t._v("Boolean")])]),t._v(" "),a("md-table-cell",[t._v("Create a column container on screen sizes less than or equal to given breakpoint. Example: "),a("code",[t._v("md-column-small")])])],1),t._v(" "),a("md-table-row",[a("md-table-cell",[t._v("md-hide-{type}")]),t._v(" "),a("md-table-cell",[a("code",[t._v("Boolean")])]),t._v(" "),a("md-table-cell",[t._v("Hide a layout container/child on screen sizes less than or equal to given breakpoint. Example: "),a("code",[t._v("md-hide-medium")])])],1),t._v(" "),a("md-table-row",[a("md-table-cell",[t._v("md-hide-{type}-and-up")]),t._v(" "),a("md-table-cell",[a("code",[t._v("Boolean")])]),t._v(" "),a("md-table-cell",[t._v("Hide a layout container/child on screen sizes greater than or equal to given breakpoint. Example: "),a("code",[t._v("md-hide-medium-and-up")])])],1),t._v(" "),a("md-table-row",[a("md-table-cell",[t._v("md-flex")]),t._v(" "),a("md-table-cell",[a("code",[t._v("Boolean|Number")])]),t._v(" "),a("md-table-cell",[t._v("Create a flexible child. If "),a("code",[t._v("true")]),t._v(" the child element will grow to fill the empty space available on the parent element. If "),a("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: "),a("code",[t._v("true")])])],1),t._v(" "),a("md-table-row",[a("md-table-cell",[t._v("md-flex-{type}")]),t._v(" "),a("md-table-cell",[a("code",[t._v("Boolean|Number")])]),t._v(" "),a("md-table-cell",[t._v("Create a flexible child on screen sizes less than or equal to given breakpoint. Example: "),a("code",[t._v('md-flex-small="33"')])])],1),t._v(" "),a("md-table-row",[a("md-table-cell",[t._v("md-flex-offset")]),t._v(" "),a("md-table-cell",[a("code",[t._v("Number")])]),t._v(" "),a("md-table-cell",[t._v("Create a empty space before the actual child. Accepts the same value of "),a("code",[t._v("md-flex")]),t._v(" Example: "),a("code",[t._v('md-flex-offset="50"')])])],1),t._v(" "),a("md-table-row",[a("md-table-cell",[t._v("md-flex-offset-{type}")]),t._v(" "),a("md-table-cell",[a("code",[t._v("Number")])]),t._v(" "),a("md-table-cell",[t._v("Create a empty space before the actual child on screen sizes less than or equal to given breakpoint. Example: "),a("code",[t._v('md-flex-offset-small="20"')])])],1),t._v(" "),a("md-table-row",[a("md-table-cell",[t._v("md-align")]),t._v(" "),a("md-table-cell",[a("code",[t._v("String")])]),t._v(" "),a("md-table-cell",[t._v("Apply an alignment to the container. Accepts "),a("code",[t._v("start")]),t._v("|"),a("code",[t._v("center")]),t._v("|"),a("code",[t._v("end")]),t._v(" Example: "),a("code",[t._v('md-align="end"')])])],1),t._v(" "),a("md-table-row",[a("md-table-cell",[t._v("md-align-{type}")]),t._v(" "),a("md-table-cell",[a("code",[t._v("Number")])]),t._v(" "),a("md-table-cell",[t._v("Apply an alignment to the container on screen sizes less than or equal to given breakpoint. Example: "),a("code",[t._v('md-align-xlarge="center"')])])],1),t._v(" "),a("md-table-row",[a("md-table-cell",[t._v("md-vertical-align")]),t._v(" "),a("md-table-cell",[a("code",[t._v("String")])]),t._v(" "),a("md-table-cell",[t._v("Apply an vertical alignment to the container. Accepts "),a("code",[t._v("start")]),t._v("|"),a("code",[t._v("center")]),t._v("|"),a("code",[t._v("end")]),t._v("|"),a("code",[t._v("stretch")]),t._v(" Example: "),a("code",[t._v('md-vertical-align="end"')])])],1),t._v(" "),a("md-table-row",[a("md-table-cell",[t._v("md-vertical-align-{type}")]),t._v(" "),a("md-table-cell",[a("code",[t._v("Number")])]),t._v(" "),a("md-table-cell",[t._v("Apply an vertical alignment to the container on screen sizes less than or equal to given breakpoint. Example: "),a("code",[t._v('md-vertical-align-xlarge="center"')])])],1)],1)],1)],1)],1),t._v(" "),a("div",{slot:"example"},[a("example-box",{attrs:{"card-title":"Responsive"}},[a("div",{staticClass:"layout-demo grid",slot:"demo"},[a("md-layout",{staticClass:"color",attrs:{"md-gutter":""}},[a("md-layout",{staticClass:"color-red",attrs:{"md-flex-xsmall":"100","md-flex-small":"50","md-flex-medium":"33"}},[a("div",{staticClass:"grid-content"},[t._v("\n md-flex-xsmall "),a("br"),t._v('\n md-flex-small="50" '),a("br"),t._v('\n md-flex-medium="33"\n ')])]),t._v(" "),a("md-layout",{staticClass:"color-blue",attrs:{"md-flex-xsmall":"100","md-flex-small":"50","md-flex-medium":"33"}},[a("div",{staticClass:"grid-content"},[t._v("\n md-flex-xsmall "),a("br"),t._v('\n md-flex-small="50" '),a("br"),t._v('\n md-flex-medium="33"\n ')])]),t._v(" "),a("md-layout",{staticClass:"color-pink",attrs:{"md-flex-xsmall":"100","md-flex-small":"50","md-flex-medium":"33"}},[a("div",{staticClass:"grid-content"},[t._v("\n md-flex-xsmall "),a("br"),t._v('\n md-flex-small="50" '),a("br"),t._v('\n md-flex-medium="33"\n ')])]),t._v(" "),a("md-layout",{staticClass:"color-teal",attrs:{"md-flex-xsmall":"100","md-flex-small":"50","md-flex-medium":"33"}},[a("div",{staticClass:"grid-content"},[t._v("\n md-flex-xsmall "),a("br"),t._v('\n md-flex-small="50" '),a("br"),t._v('\n md-flex-medium="33"\n ')])]),t._v(" "),a("md-layout",{staticClass:"color-green",attrs:{"md-flex-small":"100","md-flex-medium":"33","md-hide-xsmall":""}},[a("div",{staticClass:"grid-content"},[t._v('\n md-flex-medium="33" '),a("br"),t._v("\n md-hide-xsmall\n ")])]),t._v(" "),a("md-layout",{staticClass:"color-yellow",attrs:{"md-flex":"","md-flex-medium":"33","md-hide-small":""}},[a("div",{staticClass:"grid-content"},[t._v('\n md-flex-medium="33" '),a("br"),t._v("\n md-hide-small\n ")])])],1)],1),t._v(" "),a("div",{slot:"code"},[a("code-block",{attrs:{lang:"xml"}},[t._v('\n \n \n md-flex-xsmall \n md-flex-small="50" \n md-flex-medium="33"\n \n\n \n md-flex-xsmall \n md-flex-small="50" \n md-flex-medium="33"\n \n\n \n md-flex-xsmall \n md-flex-small="50" \n md-flex-medium="33"\n \n\n \n md-flex-xsmall \n md-flex-small="50" \n md-flex-medium="33"\n \n\n \n md-flex-medium="33" \n md-hide-xsmall\n \n\n \n md-flex-medium="33" \n md-hide-small\n \n \n ')])],1)]),t._v(" "),a("example-box",{attrs:{"card-title":"Sizes and Offset"}},[a("div",{staticClass:"layout-demo grid",slot:"demo"},[a("md-layout",{staticClass:"color",attrs:{"md-gutter":!0}},[a("md-layout",{attrs:{"md-flex":"50"}}),t._v(" "),a("md-layout"),t._v(" "),a("md-layout"),t._v(" "),a("md-layout")],1),t._v(" "),a("md-layout",{staticClass:"color",attrs:{"md-gutter":!0}},[a("md-layout",{attrs:{"md-flex":"33"}}),t._v(" "),a("md-layout")],1),t._v(" "),a("md-layout",{staticClass:"color",attrs:{"md-gutter":!0}},[a("md-layout"),t._v(" "),a("md-layout",{attrs:{"md-flex":"33","md-flex-offset":"33"}})],1),t._v(" "),a("md-layout",{staticClass:"color",attrs:{"md-gutter":!0}},[a("md-layout",{attrs:{"md-flex":"75"}}),t._v(" "),a("md-layout")],1),t._v(" "),a("md-layout",{staticClass:"color",attrs:{"md-gutter":!0}},[a("md-layout",{attrs:{"md-flex":"50"}}),t._v(" "),a("md-layout"),t._v(" "),a("md-layout")],1),t._v(" "),a("md-layout",{staticClass:"color",attrs:{"md-gutter":!0}},[a("md-layout",{attrs:{"md-flex":"25","md-flex-offset":"25"}}),t._v(" "),a("md-layout",{attrs:{"md-flex":"25"}})],1)],1),t._v(" "),a("div",{slot:"code"},[a("code-block",{attrs:{lang:"xml"}},[t._v('\n \n \n \n \n \n \n\n \n \n \n \n\n \n \n \n \n\n \n \n \n \n\n \n \n \n \n \n\n \n \n \n \n ')])],1)]),t._v(" "),a("example-box",{attrs:{"card-title":"Direction"}},[a("div",{staticClass:"layout-demo grid",slot:"demo"},[a("md-layout",{staticClass:"column-size",attrs:{"md-gutter":"16"}},[a("md-layout",{staticClass:"color",attrs:{"md-column":"","md-gutter":"16"}},[a("md-layout",{attrs:{"md-flex":"20"}}),t._v(" "),a("md-layout")],1),t._v(" "),a("md-layout",{staticClass:"color",attrs:{"md-column":"","md-gutter":"16"}},[a("md-layout",{attrs:{"md-flex":"50"}}),t._v(" "),a("md-layout"),t._v(" "),a("md-layout")],1)],1)],1),t._v(" "),a("div",{slot:"code"},[a("code-block",{attrs:{lang:"xml"}},[t._v('\n \n \n \n \n \n\n \n \n \n \n \n \n ')])],1)]),t._v(" "),a("example-box",{attrs:{"card-title":"Alignment"}},[a("div",{staticClass:"layout-demo grid gutter",slot:"demo"},[a("md-layout",{staticClass:"color",attrs:{"md-gutter":"16"}},[a("md-layout",{attrs:{"md-flex":"50"}},[a("span",[t._v("start")])])],1),t._v(" "),a("md-layout",{staticClass:"color",attrs:{"md-align":"end","md-gutter":"16"}},[a("md-layout",{attrs:{"md-flex":"33"}},[a("span",[t._v("end")])])],1),t._v(" "),a("md-layout",{staticClass:"color",attrs:{"md-align":"end","md-gutter":"16"}},[a("md-layout",{attrs:{"md-flex":"20"}},[a("span",[t._v("end")])]),t._v(" "),a("md-layout",{attrs:{"md-flex":"20"}},[a("span",[t._v("end")])])],1),t._v(" "),a("md-layout",{staticClass:"color",attrs:{"md-align":"center","md-gutter":"16"}},[a("md-layout",{attrs:{"md-flex":"35"}},[a("span",[t._v("center")])]),t._v(" "),a("md-layout",{attrs:{"md-flex":"35"}},[a("span",[t._v("center")])])],1),t._v(" "),a("md-layout",[a("md-layout",{staticClass:"color",style:{height:"100px"},attrs:{"md-vertical-align":"center","md-gutter":"16"}},[a("md-layout",[a("span",[t._v("vertical center")])])],1),t._v(" "),a("md-layout",{staticClass:"color",style:{height:"100px"},attrs:{"md-vertical-align":"start","md-gutter":"16"}},[a("md-layout",[a("span",[t._v("vertical start")])])],1),t._v(" "),a("md-layout",{staticClass:"color",style:{height:"100px"},attrs:{"md-vertical-align":"end","md-gutter":"16"}},[a("md-layout",[a("span",[t._v("vertical end")])])],1),t._v(" "),a("md-layout",{staticClass:"color",style:{height:"100px"},attrs:{"md-vertical-align":"stretch","md-gutter":"16"}},[a("md-layout",[a("span",[t._v("vertical stretch (default)")])])],1)],1)],1),t._v(" "),a("div",{slot:"code"},[a("code-block",{attrs:{lang:"xml"}},[t._v('\n \n \n start\n \n \n\n \n \n end\n \n \n\n \n \n end\n \n\n \n end\n \n \n\n \n \n center\n \n\n \n center\n \n \n ')])],1)]),t._v(" "),a("example-box",{attrs:{"card-title":"Gutters"}},[a("div",{staticClass:"layout-demo grid gutter",slot:"demo"},[a("md-layout",{staticClass:"no-gutter color"},[a("md-layout"),t._v(" "),a("md-layout")],1),t._v(" "),a("md-layout",{staticClass:"color",attrs:{"md-gutter":8}},[a("md-layout",[a("span",[t._v("8px")])]),t._v(" "),a("md-layout",[a("span",[t._v("8px")])]),t._v(" "),a("md-layout",[a("span",[t._v("8px")])]),t._v(" "),a("md-layout",[a("span",[t._v("8px")])]),t._v(" "),a("md-layout",[a("span",[t._v("8px")])]),t._v(" "),a("md-layout",[a("span",[t._v("8px")])])],1),t._v(" "),a("md-layout",{staticClass:"color",attrs:{"md-gutter":"16"}},[a("md-layout",[a("span",[t._v("16px")])]),t._v(" "),a("md-layout",[a("span",[t._v("16px")])]),t._v(" "),a("md-layout",[a("span",[t._v("16px")])]),t._v(" "),a("md-layout",[a("span",[t._v("16px")])]),t._v(" "),a("md-layout",[a("span",[t._v("16px")])])],1),t._v(" "),a("md-layout",{staticClass:"color",attrs:{"md-gutter":24}},[a("md-layout",[a("span",[t._v("24px")])]),t._v(" "),a("md-layout",[a("span",[t._v("24px")])]),t._v(" "),a("md-layout",[a("span",[t._v("24px")])]),t._v(" "),a("md-layout",[a("span",[t._v("24px")])])],1),t._v(" "),a("md-layout",{staticClass:"color",attrs:{"md-gutter":40}},[a("md-layout",[a("span",[t._v("40px")])]),t._v(" "),a("md-layout",[a("span",[t._v("40px")])]),t._v(" "),a("md-layout",[a("span",[t._v("40px")])])],1),t._v(" "),a("md-layout",{staticClass:"color",attrs:{"md-gutter":!0}},[a("md-layout",[a("span",[t._v("Automatic")])]),t._v(" "),a("md-layout",[a("span",[t._v("Automatic")])])],1)],1),t._v(" "),a("div",{slot:"code"},[a("code-block",{attrs:{lang:"xml"}},[t._v('\n \n \n \n \n\n \n \n 8px\n \n\n \n 8px\n \n\n \n 8px\n \n\n \n 8px\n \n\n \n 8px\n \n\n \n 8px\n \n \n\n \n \n 16px\n \n\n \n 16px\n \n\n \n 16px\n \n\n \n 16px\n \n\n \n 16px\n \n \n\n \n \n 24px\n \n\n \n 24px\n \n\n \n 24px\n \n\n \n 24px\n \n \n\n \n \n 40px\n \n\n \n 40px\n \n\n \n 40px\n \n \n\n \n \n Automatic\n \n\n \n Automatic\n \n \n ')])],1)])],1)])],1)},staticRenderFns:[]}},951: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":"UI Elements - Typography"}},[a("docs-component",[a("div",{slot:"description"},[a("h2",{staticClass:"md-title"},[t._v("Styles")]),t._v(" "),a("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(" "),a("h2",{staticClass:"md-title"},[t._v("Typeface")]),t._v(" "),a("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(" "),a("div",{slot:"example"},[a("example-box",{attrs:{"card-title":"Default"}},[a("div",{staticClass:"demo",slot:"demo"},[a("span",{staticClass:"md-display-4"},[t._v("Display 4")]),t._v(" "),a("span",{staticClass:"md-display-3"},[t._v("Display 3")]),t._v(" "),a("span",{staticClass:"md-display-2"},[t._v("Display 2")]),t._v(" "),a("span",{staticClass:"md-display-1"},[t._v("Display 1")]),t._v(" "),a("span",{staticClass:"md-headline"},[t._v("Headline")]),t._v(" "),a("span",{staticClass:"md-title"},[t._v("Title")]),t._v(" "),a("span",{staticClass:"md-subheading"},[t._v("Subheading")]),t._v(" "),a("span",{staticClass:"md-body-2"},[t._v("Body 2")]),t._v(" "),a("span",{staticClass:"md-body-1"},[t._v("Body 1")]),t._v(" "),a("span",{staticClass:"md-caption"},[t._v("Caption")]),t._v(" "),a("a",{attrs:{href:"#/typography"}},[t._v("Link")])]),t._v(" "),a("div",{slot:"code"},[a("code-block",{attrs:{lang:"xml"}},[t._v('\n Display 4\n Display 3\n Display 2\n Display 1\n Headline\n Title\n Subheading\n Body 2\n Body 1\n Caption\n Link\n ')])],1)])],1)])],1)},staticRenderFns:[]}}});
\ No newline at end of file
diff --git a/dist/docs/vendor.436954a1.js b/dist/docs/vendor.436954a1.js
deleted file mode 100644
index 9d3127a..0000000
--- a/dist/docs/vendor.436954a1.js
+++ /dev/null
@@ -1,8 +0,0 @@
-webpackJsonp([35,37],[function(t,e,n){var r=n(3),o=n(29),i=n(15),a=n(16),u=n(30),s="prototype",c=function(t,e,n){var f,l,p,d,h=t&c.F,v=t&c.G,y=t&c.S,g=t&c.P,m=t&c.B,b=v?r:y?r[e]||(r[e]={}):(r[e]||{})[s],_=v?o:o[e]||(o[e]={}),w=_[s]||(_[s]={});v&&(n=e);for(f in n)l=!h&&b&&void 0!==b[f],p=(l?b:n)[f],d=m&&l?u(p,r):g&&"function"==typeof p?u(Function.call,p):p,b&&a(b,f,p,t&c.U),_[f]!=p&&i(_,f,d),g&&w[f]!=p&&(w[f]=p)};r.core=o,c.F=1,c.G=2,c.S=4,c.P=8,c.B=16,c.W=32,c.U=64,c.R=128,t.exports=c},function(t,e){t.exports=function(t,e,n,r,o){var i,a=t=t||{},u=typeof t.default;"object"!==u&&"function"!==u||(i=t,a=t.default);var s="function"==typeof a?a.options:a;e&&(s.render=e.render,s.staticRenderFns=e.staticRenderFns),r&&(s._scopeId=r);var c;if(o?(c=function(t){t=t||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext,t||"undefined"==typeof __VUE_SSR_CONTEXT__||(t=__VUE_SSR_CONTEXT__),n&&n.call(this,t),t&&t._registeredComponents&&t._registeredComponents.add(o)},s._ssrRegister=c):n&&(c=n),c){var f=s.functional,l=f?s.render:s.beforeCreate;f?s.render=function(t,e){return c.call(e),l(t,e)}:s.beforeCreate=l?[].concat(l,c):[c]}return{esModule:i,exports:a,options:s}}},function(t,e,n){var r=n(6);t.exports=function(t){if(!r(t))throw TypeError(t+" is not an object!");return t}},function(t,e){var n=t.exports="undefined"!=typeof window&&window.Math==Math?window:"undefined"!=typeof self&&self.Math==Math?self:Function("return this")();"number"==typeof __g&&(__g=n)},function(t,e){t.exports=function(t){try{return!!t()}catch(t){return!0}}},,function(t,e){t.exports=function(t){return"object"==typeof t?null!==t:"function"==typeof t}},function(t,e,n){var r=n(82)("wks"),o=n(51),i=n(3).Symbol,a="function"==typeof i,u=t.exports=function(t){return r[t]||(r[t]=a&&i[t]||(a?i:o)("Symbol."+t))};u.store=r},function(t,e,n){t.exports=!n(4)((function(){return 7!=Object.defineProperty({},"a",{get:function(){return 7}}).a}))},function(t,e,n){var r=n(2),o=n(150),i=n(28),a=Object.defineProperty;e.f=n(8)?Object.defineProperty:function(t,e,n){if(r(t),e=i(e,!0),r(n),o)try{return a(t,e,n)}catch(t){}if("get"in n||"set"in n)throw TypeError("Accessors not supported!");return"value"in n&&(t[e]=n.value),t}},,function(t,e,n){var r=n(37),o=Math.min;t.exports=function(t){return t>0?o(r(t),9007199254740991):0}},function(t,e,n){var r=n(23);t.exports=function(t){return Object(r(t))}},function(t,e){var n={}.hasOwnProperty;t.exports=function(t,e){return n.call(t,e)}},function(t,e){t.exports=function(t){if("function"!=typeof t)throw TypeError(t+" is not a function!");return t}},function(t,e,n){var r=n(9),o=n(36);t.exports=n(8)?function(t,e,n){return r.f(t,e,o(1,n))}:function(t,e,n){return t[e]=n,t}},function(t,e,n){var r=n(3),o=n(15),i=n(13),a=n(51)("src"),u="toString",s=Function[u],c=(""+s).split(u);n(29).inspectSource=function(t){return s.call(t)},(t.exports=function(t,e,n,u){var s="function"==typeof n;s&&(i(n,"name")||o(n,"name",e)),t[e]!==n&&(s&&(i(n,a)||o(n,a,t[e]?""+t[e]:c.join(String(e)))),t===r?t[e]=n:u?t[e]?t[e]=n:o(t,e,n):(delete t[e],o(t,e,n)))})(Function.prototype,u,(function(){return"function"==typeof this&&this[a]||s.call(this)}))},function(t,e,n){var r=n(0),o=n(4),i=n(23),a=/"/g,u=function(t,e,n,r){var o=String(i(t)),u="<"+e;return""!==n&&(u+=" "+n+'="'+String(r).replace(a,""")+'"'),u+">"+o+""};t.exports=function(t,e){var n={};n[t]=e(u),r(r.P+r.F*o((function(){var e=""[t]('"');return e!==e.toLowerCase()||e.split('"').length>3})),"String",n)}},function(t,e,n){var r=n(65),o=n(23);t.exports=function(t){return r(o(t))}},function(t,e,n){var r=n(66),o=n(36),i=n(18),a=n(28),u=n(13),s=n(150),c=Object.getOwnPropertyDescriptor;e.f=n(8)?c:function(t,e){if(t=i(t),e=a(e,!0),s)try{return c(t,e)}catch(t){}if(u(t,e))return o(!r.f.call(t,e),t[e])}},function(t,e,n){var r=n(13),o=n(12),i=n(116)("IE_PROTO"),a=Object.prototype;t.exports=Object.getPrototypeOf||function(t){return t=o(t),r(t,i)?t[i]:"function"==typeof t.constructor&&t instanceof t.constructor?t.constructor.prototype:t instanceof Object?a:null}},function(t,e){var n=t.exports={version:"2.4.0"};"number"==typeof __e&&(__e=n)},function(t,e){var n={}.toString;t.exports=function(t){return n.call(t).slice(8,-1)}},function(t,e){t.exports=function(t){if(void 0==t)throw TypeError("Can't call method on "+t);return t}},function(t,e,n){var r=n(4);t.exports=function(t,e){return!!t&&r((function(){e?t.call(null,(function(){}),1):t.call(null)}))}},function(t,e,n){var r=n(95)("wks"),o=n(72),i=n(33).Symbol,a="function"==typeof i,u=t.exports=function(t){return r[t]||(r[t]=a&&i[t]||(a?i:o)("Symbol."+t))};u.store=r},function(t,e,n){var r=n(30),o=n(65),i=n(12),a=n(11),u=n(367);t.exports=function(t,e){var n=1==t,s=2==t,c=3==t,f=4==t,l=6==t,p=5==t||l,d=e||u;return function(e,u,h){for(var v,y,g=i(e),m=o(g),b=r(u,h,3),_=a(m.length),w=0,x=n?d(e,_):s?d(e,0):void 0;_>w;w++)if((p||w in m)&&(v=m[w],y=b(v,w,g),t))if(n)x[w]=y;else if(y)switch(t){case 3:return!0;case 5:return v;case 6:return w;case 2:x.push(v)}else if(f)return!1;return l?-1:c||f?f:x}}},function(t,e,n){var r=n(0),o=n(29),i=n(4);t.exports=function(t,e){var n=(o.Object||{})[t]||Object[t],a={};a[t]=e(n),r(r.S+r.F*i((function(){n(1)})),"Object",a)}},function(t,e,n){var r=n(6);t.exports=function(t,e){if(!r(t))return t;var n,o;if(e&&"function"==typeof(n=t.toString)&&!r(o=n.call(t)))return o;if("function"==typeof(n=t.valueOf)&&!r(o=n.call(t)))return o;if(!e&&"function"==typeof(n=t.toString)&&!r(o=n.call(t)))return o;throw TypeError("Can't convert object to primitive value")}},function(t,e){var n=t.exports={version:"2.4.0"};"number"==typeof __e&&(__e=n)},function(t,e,n){var r=n(14);t.exports=function(t,e,n){if(r(t),void 0===e)return t;switch(n){case 1:return function(n){return t.call(e,n)};case 2:return function(n,r){return t.call(e,n,r)};case 3:return function(n,r,o){return t.call(e,n,r,o)}}return function(){return t.apply(e,arguments)}}},function(t,e,n){var r=n(166),o=n(0),i=n(82)("metadata"),a=i.store||(i.store=new(n(169))),u=function(t,e,n){var o=a.get(t);if(!o){if(!n)return;a.set(t,o=new r)}var i=o.get(e);if(!i){if(!n)return;o.set(e,i=new r)}return i},s=function(t,e,n){var r=u(e,n,!1);return void 0!==r&&r.has(t)},c=function(t,e,n){var r=u(e,n,!1);return void 0===r?void 0:r.get(t)},f=function(t,e,n,r){u(n,r,!0).set(t,e)},l=function(t,e){var n=u(t,e,!1),r=[];return n&&n.forEach((function(t,e){r.push(e)})),r},p=function(t){return void 0===t||"symbol"==typeof t?t:String(t)},d=function(t){o(o.S,"Reflect",t)};t.exports={store:a,map:u,has:s,get:c,set:f,keys:l,key:p,exp:d}},function(t,e,n){"use strict";if(n(8)){var r=n(44),o=n(3),i=n(4),a=n(0),u=n(83),s=n(123),c=n(30),f=n(43),l=n(36),p=n(15),d=n(48),h=n(37),v=n(11),y=n(50),g=n(28),m=n(13),b=n(163),_=n(64),w=n(6),x=n(12),E=n(108),S=n(45),O=n(20),A=n(46).f,k=n(125),C=n(51),T=n(7),M=n(26),N=n(73),j=n(117),R=n(126),P=n(59),I=n(79),L=n(49),$=n(101),F=n(143),D=n(9),U=n(19),B=D.f,z=U.f,W=o.RangeError,V=o.TypeError,H=o.Uint8Array,q="ArrayBuffer",G="Shared"+q,K="BYTES_PER_ELEMENT",Y="prototype",J=Array[Y],X=s.ArrayBuffer,Z=s.DataView,Q=M(0),tt=M(2),et=M(3),nt=M(4),rt=M(5),ot=M(6),it=N(!0),at=N(!1),ut=R.values,st=R.keys,ct=R.entries,ft=J.lastIndexOf,lt=J.reduce,pt=J.reduceRight,dt=J.join,ht=J.sort,vt=J.slice,yt=J.toString,gt=J.toLocaleString,mt=T("iterator"),bt=T("toStringTag"),_t=C("typed_constructor"),wt=C("def_constructor"),xt=u.CONSTR,Et=u.TYPED,St=u.VIEW,Ot="Wrong length!",At=M(1,(function(t,e){return jt(j(t,t[wt]),e)})),kt=i((function(){return 1===new H(new Uint16Array([1]).buffer)[0]})),Ct=!!H&&!!H[Y].set&&i((function(){new H(1).set({})})),Tt=function(t,e){if(void 0===t)throw V(Ot);var n=+t,r=v(t);if(e&&!b(n,r))throw W(Ot);return r},Mt=function(t,e){var n=h(t);if(n<0||n%e)throw W("Wrong offset!");return n},Nt=function(t){if(w(t)&&Et in t)return t;throw V(t+" is not a typed array!")},jt=function(t,e){if(!(w(t)&&_t in t))throw V("It is not a typed array constructor!");return new t(e)},Rt=function(t,e){return Pt(j(t,t[wt]),e)},Pt=function(t,e){for(var n=0,r=e.length,o=jt(t,r);r>n;)o[n]=e[n++];return o},It=function(t,e,n){B(t,e,{get:function(){return this._d[n]}})},Lt=function(t){var e,n,r,o,i,a,u=x(t),s=arguments.length,f=s>1?arguments[1]:void 0,l=void 0!==f,p=k(u);if(void 0!=p&&!E(p)){for(a=p.call(u),r=[],e=0;!(i=a.next()).done;e++)r.push(i.value);u=r}for(l&&s>2&&(f=c(f,arguments[2],2)),e=0,n=v(u.length),o=jt(this,n);n>e;e++)o[e]=l?f(u[e],e):u[e];return o},$t=function(){for(var t=0,e=arguments.length,n=jt(this,e);e>t;)n[t]=arguments[t++];return n},Ft=!!H&&i((function(){gt.call(new H(1))})),Dt=function(){return gt.apply(Ft?vt.call(Nt(this)):Nt(this),arguments)},Ut={copyWithin:function(t,e){return F.call(Nt(this),t,e,arguments.length>2?arguments[2]:void 0)},every:function(t){return nt(Nt(this),t,arguments.length>1?arguments[1]:void 0)},fill:function(t){return $.apply(Nt(this),arguments)},filter:function(t){return Rt(this,tt(Nt(this),t,arguments.length>1?arguments[1]:void 0))},find:function(t){return rt(Nt(this),t,arguments.length>1?arguments[1]:void 0)},findIndex:function(t){return ot(Nt(this),t,arguments.length>1?arguments[1]:void 0)},forEach:function(t){Q(Nt(this),t,arguments.length>1?arguments[1]:void 0)},indexOf:function(t){return at(Nt(this),t,arguments.length>1?arguments[1]:void 0)},includes:function(t){return it(Nt(this),t,arguments.length>1?arguments[1]:void 0)},join:function(t){return dt.apply(Nt(this),arguments)},lastIndexOf:function(t){return ft.apply(Nt(this),arguments)},map:function(t){return At(Nt(this),t,arguments.length>1?arguments[1]:void 0)},reduce:function(t){return lt.apply(Nt(this),arguments)},reduceRight:function(t){return pt.apply(Nt(this),arguments)},reverse:function(){for(var t,e=this,n=Nt(e).length,r=Math.floor(n/2),o=0;o1?arguments[1]:void 0)},sort:function(t){return ht.call(Nt(this),t)},subarray:function(t,e){var n=Nt(this),r=n.length,o=y(t,r);return new(j(n,n[wt]))(n.buffer,n.byteOffset+o*n.BYTES_PER_ELEMENT,v((void 0===e?r:y(e,r))-o))}},Bt=function(t,e){return Rt(this,vt.call(Nt(this),t,e))},zt=function(t){Nt(this);var e=Mt(arguments[1],1),n=this.length,r=x(t),o=v(r.length),i=0;if(o+e>n)throw W(Ot);for(;i255?255:255&r),o.v[h](n*e+o.o,r,kt)},T=function(t,e){B(t,e,{get:function(){return k(this,e)},set:function(t){return C(this,e,t)},enumerable:!0})};b?(y=n((function(t,n,r,o){f(t,y,c,"_d");var i,a,u,s,l=0,d=0;if(w(n)){if(!(n instanceof X||(s=_(n))==q||s==G))return Et in n?Pt(y,n):Lt.call(y,n);i=n,d=Mt(r,e);var h=n.byteLength;if(void 0===o){if(h%e)throw W(Ot);if(a=h-d,a<0)throw W(Ot)}else if(a=v(o)*e,a+d>h)throw W(Ot);u=a/e}else u=Tt(n,!0),a=u*e,i=new X(a);for(p(t,"_d",{b:i,o:d,l:a,e:u,v:new Z(i)});l0?r:n)(t)}},,function(t,e,n){t.exports=!n(54)((function(){return 7!=Object.defineProperty({},"a",{get:function(){return 7}}).a}))},function(t,e,n){var r=n(33),o=n(21),i=n(130),a=n(55),u="prototype",s=function(t,e,n){var c,f,l,p=t&s.F,d=t&s.G,h=t&s.S,v=t&s.P,y=t&s.B,g=t&s.W,m=d?o:o[e]||(o[e]={}),b=m[u],_=d?r:h?r[e]:(r[e]||{})[u];d&&(n=e);for(c in n)f=!p&&_&&void 0!==_[c],f&&c in m||(l=f?_[c]:n[c],m[c]=d&&"function"!=typeof _[c]?n[c]:y&&f?i(l,r):g&&_[c]==l?(function(t){var e=function(e,n,r){if(this instanceof t){switch(arguments.length){case 0:return new t;case 1:return new t(e);case 2:return new t(e,n)}return new t(e,n,r)}return t.apply(this,arguments)};return e[u]=t[u],e})(l):v&&"function"==typeof l?i(Function.call,l):l,v&&((m.virtual||(m.virtual={}))[c]=l,t&s.R&&b&&!b[c]&&a(b,c,l)))};s.F=1,s.G=2,s.S=4,s.P=8,s.B=16,s.W=32,s.U=64,s.R=128,t.exports=s},function(t,e){var n={}.hasOwnProperty;t.exports=function(t,e){return n.call(t,e)}},function(t,e,n){var r=n(133),o=n(89);t.exports=function(t){return r(o(t))}},function(t,e){t.exports=function(t,e,n,r){if(!(t instanceof e)||void 0!==r&&r in t)throw TypeError(n+": incorrect invocation!");return t}},function(t,e){t.exports=!1},function(t,e,n){var r=n(2),o=n(156),i=n(104),a=n(116)("IE_PROTO"),u=function(){},s="prototype",c=function(){var t,e=n(103)("iframe"),r=i.length,o="<",a=">";for(e.style.display="none",n(106).appendChild(e),e.src="javascript:",t=e.contentWindow.document,t.open(),t.write(o+"script"+a+"document.F=Object"+o+"/script"+a),t.close(),c=t.F;r--;)delete c[s][i[r]];return c()};t.exports=Object.create||function(t,e){var n;return null!==t?(u[s]=r(t),n=new u,u[s]=null,n[a]=t):n=c(),void 0===e?n:o(n,e)}},function(t,e,n){var r=n(158),o=n(104).concat("length","prototype");e.f=Object.getOwnPropertyNames||function(t){return r(t,o)}},function(t,e,n){var r=n(158),o=n(104);t.exports=Object.keys||function(t){return r(t,o)}},function(t,e,n){var r=n(16);t.exports=function(t,e,n){for(var o in e)r(t,o,e[o],n);return t}},function(t,e,n){"use strict";var r=n(3),o=n(9),i=n(8),a=n(7)("species");t.exports=function(t){var e=r[t];i&&e&&!e[a]&&o.f(e,a,{configurable:!0,get:function(){return this}})}},function(t,e,n){var r=n(37),o=Math.max,i=Math.min;t.exports=function(t,e){return t=r(t),t<0?o(t+e,0):i(t,e)}},function(t,e){var n=0,r=Math.random();t.exports=function(t){return"Symbol(".concat(void 0===t?"":t,")_",(++n+r).toString(36))}},function(t,e,n){t.exports={default:n(329),__esModule:!0}},function(t,e,n){var r=n(69);t.exports=function(t){if(!r(t))throw TypeError(t+" is not an object!");return t}},function(t,e){t.exports=function(t){try{return!!t()}catch(t){return!0}}},function(t,e,n){var r=n(34),o=n(63);t.exports=n(39)?function(t,e,n){return r.f(t,e,o(1,n))}:function(t,e,n){return t[e]=n,t}},function(t,e,n){var r=n(137),o=n(90);t.exports=Object.keys||function(t){return r(t,o)}},function(t,e,n){var r=n(7)("unscopables"),o=Array.prototype;void 0==o[r]&&n(15)(o,r,{}),t.exports=function(t){o[r][t]=!0}},function(t,e,n){var r=n(30),o=n(152),i=n(108),a=n(2),u=n(11),s=n(125),c={},f={},e=t.exports=function(t,e,n,l,p){var d,h,v,y,g=p?function(){return t}:s(t),m=r(n,l,e?2:1),b=0;if("function"!=typeof g)throw TypeError(t+" is not iterable!");if(i(g)){for(d=u(t.length);d>b;b++)if(y=e?m(a(h=t[b])[0],h[1]):m(t[b]),y===c||y===f)return y}else for(v=g.call(t);!(h=v.next()).done;)if(y=o(v,m,h.value,e),y===c||y===f)return y};e.BREAK=c,e.RETURN=f},function(t,e){t.exports={}},function(t,e,n){var r=n(9).f,o=n(13),i=n(7)("toStringTag");t.exports=function(t,e,n){t&&!o(t=n?t:t.prototype,i)&&r(t,i,{configurable:!0,value:e})}},function(t,e,n){var r=n(0),o=n(23),i=n(4),a=n(121),u="["+a+"]",s=" ",c=RegExp("^"+u+u+"*"),f=RegExp(u+u+"*$"),l=function(t,e,n){var o={},u=i((function(){return!!a[t]()||s[t]()!=s})),c=o[t]=u?e(p):a[t];n&&(o[n]=c),r(r.P+r.F*u,"String",o)},p=l.trim=function(t,e){return t=String(o(t)),1&e&&(t=t.replace(c,"")),2&e&&(t=t.replace(f,"")),t};t.exports=l},function(t,e){t.exports={}},function(t,e){t.exports=function(t,e){return{enumerable:!(1&t),configurable:!(2&t),writable:!(4&t),value:e}}},function(t,e,n){var r=n(22),o=n(7)("toStringTag"),i="Arguments"==r(function(){return arguments}()),a=function(t,e){try{return t[e]}catch(t){}};t.exports=function(t){var e,n,u;return void 0===t?"Undefined":null===t?"Null":"string"==typeof(n=a(e=Object(t),o))?n:i?r(e):"Object"==(u=r(e))&&"function"==typeof e.callee?"Arguments":u}},function(t,e,n){var r=n(22);t.exports=Object("z").propertyIsEnumerable(0)?Object:function(t){return"String"==r(t)?t.split(""):Object(t)}},function(t,e){e.f={}.propertyIsEnumerable},function(t,e,n){"use strict";(function(t){function n(t){return void 0===t||null===t}function r(t){return void 0!==t&&null!==t}function o(t){return t===!0}function i(t){return t===!1}function a(t){return"string"==typeof t||"number"==typeof t}function u(t){return null!==t&&"object"==typeof t}function s(t){return"[object Object]"===ir.call(t)}function c(t){return"[object RegExp]"===ir.call(t)}function f(t){return null==t?"":"object"==typeof t?JSON.stringify(t,null,2):String(t)}function l(t){var e=parseFloat(t);return isNaN(e)?t:e}function p(t,e){for(var n=Object.create(null),r=t.split(","),o=0;o-1)return t.splice(n,1)}}function h(t,e){return ur.call(t,e)}function v(t){var e=Object.create(null);return function(n){var r=e[n];return r||(e[n]=t(n))}}function y(t,e){function n(n){var r=arguments.length;return r?r>1?t.apply(e,arguments):t.call(e,n):t.call(e)}return n._length=t.length,n}function g(t,e){e=e||0;for(var n=t.length-e,r=new Array(n);n--;)r[n]=t[n+e];return r}function m(t,e){for(var n in e)t[n]=e[n];return t}function b(t){for(var e={},n=0;n1?g(r):r;for(var o=g(arguments,1),i=0,a=r.length;i_o)){wr("You may have an infinite update loop "+(t.user?'in watcher with expression "'+t.expression+'"':"in a component render function."),t.vm);break}var n=xo.slice(),r=wo.slice();Tt(),Rt(n),Nt(r),Wr&&mr.devtools&&Wr.emit("flush")}function Nt(t){for(var e=t.length;e--;){var n=t[e],r=n.vm;r._watcher===n&&r._isMounted&&Ct(r,"updated")}}function jt(t){t._inactive=!1,xo.push(t)}function Rt(t){for(var e=0;eko&&wo[n].id>t.id;)n--;wo.splice(n+1,0,t)}else wo.push(t);Oo||(Oo=!0,Hr(Mt))}}function It(t){Mo.clear(),Lt(t,Mo)}function Lt(t,e){var n,r,o=Array.isArray(t);if((o||u(t))&&Object.isExtensible(t)){if(t.__ob__){var i=t.__ob__.dep.id;if(e.has(i))return;e.add(i)}if(o)for(n=t.length;n--;)Lt(t[n],e);else for(r=Object.keys(t),n=r.length;n--;)Lt(t[r[n]],e)}}function $t(t,e,n){No.get=function(){return this[e][n]},No.set=function(t){this[e][n]=t},Object.defineProperty(t,n,No)}function Ft(t){t._watchers=[];var e=t.$options;e.props&&Dt(t,e.props),e.methods&&Ht(t,e.methods),e.data?Ut(t):R(t._data={},!0),e.computed&&zt(t,e.computed),e.watch&&qt(t,e.watch)}function Dt(t,e){var n=t.$options.propsData||{},r=t._props={},o=t.$options._propKeys=[],i=!t.$parent;Zr.shouldConvert=i;var a=function(i){o.push(i);var a=q(i,e,n,t);(jo[i]||mr.isReservedAttr(i))&&wr('"'+i+'" is a reserved attribute and cannot be used as component prop.',t),P(r,i,a,(function(){t.$parent&&!Zr.isSettingProps&&wr("Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders. Instead, use a data or computed property based on the prop's value. Prop being mutated: \""+i+'"',t)})),i in t||$t(t,"_props",i)};for(var u in e)a(u);Zr.shouldConvert=!0}function Ut(t){var e=t.$options.data;e=t._data="function"==typeof e?Bt(e,t):e||{},s(e)||(e={},wr("data functions should return an object:\nhttps://vuejs.org/v2/guide/components.html#data-Must-Be-a-Function",t));for(var n=Object.keys(e),r=t.$options.props,o=n.length;o--;)r&&h(r,n[o])?wr('The data property "'+n[o]+'" is already declared as a prop. Use prop default value instead.',t):S(n[o])||$t(t,"_data",n[o]);R(e,!0)}function Bt(t,e){try{return t.call(e)}catch(t){return k(t,e,"data()"),{}}}function zt(t,e){var n=t._computedWatchers=Object.create(null);for(var r in e){var o=e[r],i="function"==typeof o?o:o.get;void 0===i&&(wr('No getter function has been defined for computed property "'+r+'".',t),i=_),n[r]=new To(t,i,_,Ro),r in t?r in t.$data?wr('The computed property "'+r+'" is already defined in data.',t):t.$options.props&&r in t.$options.props&&wr('The computed property "'+r+'" is already defined as a prop.',t):Wt(t,r,o)}}function Wt(t,e,n){"function"==typeof n?(No.get=Vt(e),No.set=_):(No.get=n.get?n.cache!==!1?Vt(e):n.get:_,No.set=n.set?n.set:_),Object.defineProperty(t,e,No)}function Vt(t){return function(){var e=this._computedWatchers&&this._computedWatchers[t];if(e)return e.dirty&&e.evaluate(),Gr.target&&e.depend(),e.value}}function Ht(t,e){var n=t.$options.props;for(var r in e)t[r]=null==e[r]?_:y(e[r],t),null==e[r]&&wr('method "'+r+'" has an undefined value in the component definition. Did you reference the function correctly?',t),n&&h(n,r)&&wr('method "'+r+'" has already been defined as a prop.',t)}function qt(t,e){for(var n in e){var r=e[n];if(Array.isArray(r))for(var o=0;o=0||n.indexOf(t[o])<0)&&r.push(t[o]);return r}return t}function Se(t){this instanceof Se||wr("Vue is a constructor and should be called with the `new` keyword"),this._init(t)}function Oe(t){t.use=function(t){if(t.installed)return this;var e=g(arguments,1);return e.unshift(this),"function"==typeof t.install?t.install.apply(t,e):"function"==typeof t&&t.apply(null,e),t.installed=!0,this}}function Ae(t){t.mixin=function(t){return this.options=V(this.options,t),this}}function ke(t){t.cid=0;var e=1;t.extend=function(t){t=t||{};var n=this,r=n.cid,o=t._Ctor||(t._Ctor={});if(o[r])return o[r];var i=t.name||n.options.name;/^[a-zA-Z][\w-]*$/.test(i)||wr('Invalid component name: "'+i+'". Component names can only contain alphanumeric characters and the hyphen, and must start with a letter.');var a=function(t){this._init(t)};return a.prototype=Object.create(n.prototype),a.prototype.constructor=a,a.cid=e++,a.options=V(n.options,t),a.super=n,a.options.props&&Ce(a),a.options.computed&&Te(a),a.extend=n.extend,a.mixin=n.mixin,a.use=n.use,yr.forEach((function(t){a[t]=n[t]})),i&&(a.options.components[i]=a),a.superOptions=n.options,a.extendOptions=t,a.sealedOptions=m({},a.options),o[r]=a,a}}function Ce(t){var e=t.options.props;for(var n in e)$t(t.prototype,"_props",n)}function Te(t){var e=t.options.computed;for(var n in e)Wt(t.prototype,n,e[n])}function Me(t){yr.forEach((function(e){t[e]=function(t,n){return n?("component"===e&&mr.isReservedTag(t)&&wr("Do not use built-in or reserved HTML elements as component id: "+t),"component"===e&&s(n)&&(n.name=n.name||t,n=this.options._base.extend(n)),"directive"===e&&"function"==typeof n&&(n={bind:n,update:n}),this.options[e+"s"][t]=n,n):this.options[e+"s"][t]}}))}function Ne(t){return t&&(t.Ctor.options.name||t.tag)}function je(t,e){return"string"==typeof t?t.split(",").indexOf(e)>-1:!!c(t)&&t.test(e)}function Re(t,e,n){for(var r in t){var o=t[r];if(o){var i=Ne(o.componentOptions);i&&!n(i)&&(o!==e&&Pe(o),t[r]=null)}}}function Pe(t){t&&t.componentInstance.$destroy()}function Ie(t){var e={};e.get=function(){return mr},e.set=function(){wr("Do not replace the Vue.config object, set individual fields instead.")},Object.defineProperty(t,"config",e),t.util={warn:wr,extend:m,mergeOptions:V,defineReactive:P},t.set=I,t.delete=L,t.nextTick=Hr,t.options=Object.create(null),yr.forEach((function(e){t.options[e+"s"]=Object.create(null)})),t.options._base=t,m(t.options.components,Bo),Oe(t),Ae(t),ke(t),Me(t)}function Le(t){for(var e=t.data,n=t,o=t;r(o.componentInstance);)o=o.componentInstance._vnode,o.data&&(e=$e(o.data,e));for(;r(n=n.parent);)n.data&&(e=$e(e,n.data));return Fe(e)}function $e(t,e){return{staticClass:De(t.staticClass,e.staticClass),class:r(t.class)?[t.class,e.class]:e.class}}function Fe(t){var e=t.class,n=t.staticClass;return r(n)||r(e)?De(n,Ue(e)):""}function De(t,e){return t?e?t+" "+e:t:e||""}function Ue(t){if(n(t))return"";if("string"==typeof t)return t;var e="";if(Array.isArray(t)){for(var o,i=0,a=t.length;i-1?ri[t]=e.constructor===window.HTMLUnknownElement||e.constructor===window.HTMLElement:ri[t]=/HTMLUnknownElement/.test(e.toString())}function We(t){if("string"==typeof t){var e=document.querySelector(t);return e?e:(wr("Cannot find element: "+t),document.createElement("div"))}return t}function Ve(t,e){var n=document.createElement(t);return"select"!==t?n:(e.data&&e.data.attrs&&void 0!==e.data.attrs.multiple&&n.setAttribute("multiple","multiple"),n)}function He(t,e){return document.createElementNS(Qo[t],e)}function qe(t){return document.createTextNode(t)}function Ge(t){return document.createComment(t)}function Ke(t,e,n){t.insertBefore(e,n)}function Ye(t,e){t.removeChild(e)}function Je(t,e){t.appendChild(e)}function Xe(t){return t.parentNode}function Ze(t){return t.nextSibling}function Qe(t){return t.tagName}function tn(t,e){t.textContent=e}function en(t,e,n){t.setAttribute(e,n)}function nn(t,e){var n=t.data.ref;if(n){var r=t.context,o=t.componentInstance||t.elm,i=r.$refs;e?Array.isArray(i[n])?d(i[n],o):i[n]===o&&(i[n]=void 0):t.data.refInFor?Array.isArray(i[n])&&i[n].indexOf(o)<0?i[n].push(o):i[n]=[o]:i[n]=o}}function rn(t,e){return t.key===e.key&&t.tag===e.tag&&t.isComment===e.isComment&&r(t.data)===r(e.data)&&on(t,e)}function on(t,e){if("input"!==t.tag)return!0;var n,o=r(n=t.data)&&r(n=n.attrs)&&n.type,i=r(n=e.data)&&r(n=n.attrs)&&n.type;return o===i}function an(t,e,n){var o,i,a={};for(o=e;o<=n;++o)i=t[o].key,r(i)&&(a[i]=o);return a}function un(t){function e(t){return new ho(N.tagName(t).toLowerCase(),{},[],void 0,t)}function i(t,e){function n(){0===--n.listeners&&u(t)}return n.listeners=e,n}function u(t){var e=N.parentNode(t);r(e)&&N.removeChild(e,t)}function s(t,e,n,i,a){if(t.isRootInsert=!a,!c(t,e,n,i)){var u=t.data,s=t.children,f=t.tag;r(f)?(u&&u.pre&&j++,j||t.ns||mr.ignoredElements.length&&mr.ignoredElements.indexOf(f)>-1||!mr.isUnknownElement(f)||wr("Unknown custom element: <"+f+'> - did you register the component correctly? For recursive components, make sure to provide the "name" option.',t.context),t.elm=t.ns?N.createElementNS(t.ns,f):N.createElement(f,t),g(t),h(t,s,e),r(u)&&y(t,e),d(n,t.elm,i),u&&u.pre&&j--):o(t.isComment)?(t.elm=N.createComment(t.text),d(n,t.elm,i)):(t.elm=N.createTextNode(t.text),d(n,t.elm,i))}}function c(t,e,n,i){var a=t.data;if(r(a)){var u=r(t.componentInstance)&&a.keepAlive;if(r(a=a.hook)&&r(a=a.init)&&a(t,!1,n,i),r(t.componentInstance))return f(t,e),o(u)&&l(t,e,n,i),!0}}function f(t,e){r(t.data.pendingInsert)&&(e.push.apply(e,t.data.pendingInsert),t.data.pendingInsert=null),t.elm=t.componentInstance.$el,v(t)?(y(t,e),g(t)):(nn(t),e.push(t))}function l(t,e,n,o){for(var i,a=t;a.componentInstance;)if(a=a.componentInstance._vnode,r(i=a.data)&&r(i=i.transition)){for(i=0;ih?(l=n(o[g+1])?null:o[g+1].elm,m(t,l,o,d,g,i)):d>g&&_(t,e,p,h)}function E(t,e,i,a){if(t!==e){if(o(e.isStatic)&&o(t.isStatic)&&e.key===t.key&&(o(e.isCloned)||o(e.isOnce)))return e.elm=t.elm,void(e.componentInstance=t.componentInstance);var u,s=e.data;r(s)&&r(u=s.hook)&&r(u=u.prepatch)&&u(t,e);var c=e.elm=t.elm,f=t.children,l=e.children;if(r(s)&&v(e)){for(u=0;u, or missing . Bailing hydration and performing full client-side render.")}t=e(t)}var h=t.elm,y=N.parentNode(h);if(s(i,p,h._leaveCb?null:y,N.nextSibling(h)),r(i.parent)){for(var g=i.parent;g;)g.elm=i.elm,g=g.parent;if(v(i))for(var m=0;m-1?e.split(/\s+/).forEach((function(e){return t.classList.add(e)})):t.classList.add(e);else{var n=" "+(t.getAttribute("class")||"")+" ";n.indexOf(" "+e+" ")<0&&t.setAttribute("class",(n+e).trim())}}function Tn(t,e){if(e&&(e=e.trim()))if(t.classList)e.indexOf(" ")>-1?e.split(/\s+/).forEach((function(e){return t.classList.remove(e)})):t.classList.remove(e);else{for(var n=" "+(t.getAttribute("class")||"")+" ",r=" "+e+" ";n.indexOf(r)>=0;)n=n.replace(r," ");t.setAttribute("class",n.trim())}}function Mn(t){if(t){if("object"==typeof t){var e={};return t.css!==!1&&m(e,Si(t.name||"v")),m(e,t),e}return"string"==typeof t?Si(t):void 0}}function Nn(t){ji((function(){ji(t)}))}function jn(t,e){(t._transitionClasses||(t._transitionClasses=[])).push(e),Cn(t,e)}function Rn(t,e){t._transitionClasses&&d(t._transitionClasses,e),Tn(t,e)}function Pn(t,e,n){var r=In(t,e),o=r.type,i=r.timeout,a=r.propCount;if(!o)return n();var u=o===Ai?Ti:Ni,s=0,c=function(){t.removeEventListener(u,f),n()},f=function(e){e.target===t&&++s>=a&&c()};setTimeout((function(){s0&&(n=Ai,f=a,l=i.length):e===ki?c>0&&(n=ki,f=c,l=s.length):(f=Math.max(a,c),n=f>0?a>c?Ai:ki:null,l=n?n===Ai?i.length:s.length:0);var p=n===Ai&&Ri.test(r[Ci+"Property"]);return{type:n,timeout:f,propCount:l,hasTransform:p}}function Ln(t,e){for(;t.length explicit "+e+" duration is not a valid number - got "+JSON.stringify(t)+".",n.context):isNaN(t)&&wr(" explicit "+e+" duration is NaN - the duration expression might be incorrect.",n.context)}function Bn(t){return"number"==typeof t&&!isNaN(t)}function zn(t){if(n(t))return!1;var e=t.fns;return r(e)?zn(Array.isArray(e)?e[0]:e):(t._length||t.length)>1}function Wn(t,e){e.data.show!==!0&&Fn(e)}function Vn(t,e,n){var r=e.value,o=t.multiple;if(o&&!Array.isArray(r))return void wr('
\n 
\n 
\n 
\n 
\n 
\n 
\n 
\n 
\n