diff --git a/dist/docs/docs.5f70d40d.js b/dist/docs/docs.c2818e16.js
similarity index 86%
rename from dist/docs/docs.5f70d40d.js
rename to dist/docs/docs.c2818e16.js
index 8592eb1..62b3e58 100644
--- a/dist/docs/docs.5f70d40d.js
+++ b/dist/docs/docs.c2818e16.js
@@ -4,8 +4,8 @@ return{"md-with-hover":this.mdWithHover}}}}},function(t,e){"use strict";Object.d
 },function(t,e,n){var a,i;n(130),a=n(49);var o=n(309);i=a=a||{},"object"!=typeof a.default&&"function"!=typeof a.default||(i=a=a.default),"function"==typeof i&&(i=i.options),i.render=o.render,i.staticRenderFns=o.staticRenderFns,i._scopeId="data-v-7caab3f7",t.exports=a},function(t,e,n){var a,i;n(127),a=n(50);var o=n(303);i=a=a||{},"object"!=typeof a.default&&"function"!=typeof a.default||(i=a=a.default),"function"==typeof i&&(i=i.options),i.render=o.render,i.staticRenderFns=o.staticRenderFns,i._scopeId="data-v-70fc7701",t.exports=a},function(t,e,n){var a,i,o=n(319);i=a=a||{},"object"!=typeof a.default&&"function"!=typeof a.default||(i=a=a.default),"function"==typeof i&&(i=i.options),i.render=o.render,i.staticRenderFns=o.staticRenderFns,t.exports=a},function(t,e,n){var a,i;a=n(51);var o=n(300);i=a=a||{},"object"!=typeof a.default&&"function"!=typeof a.default||(i=a=a.default),"function"==typeof i&&(i=i.options),i.render=o.render,i.staticRenderFns=o.staticRenderFns,t.exports=a},function(t,e,n){var a,i;n(100),a=n(52);var o=n(257);i=a=a||{},"object"!=typeof a.default&&"function"!=typeof a.default||(i=a=a.default),"function"==typeof i&&(i=i.options),i.render=o.render,i.staticRenderFns=o.staticRenderFns,i._scopeId="data-v-080f56ba",t.exports=a},function(t,e,n){var a,i;n(112),a=n(53);var o=n(277);i=a=a||{},"object"!=typeof a.default&&"function"!=typeof a.default||(i=a=a.default),"function"==typeof i&&(i=i.options),i.render=o.render,i.staticRenderFns=o.staticRenderFns,t.exports=a},function(t,e,n){var a,i;n(128);var o=n(307);i=a=a||{},"object"!=typeof a.default&&"function"!=typeof a.default||(i=a=a.default),"function"==typeof i&&(i=i.options),i.render=o.render,i.staticRenderFns=o.staticRenderFns,i._scopeId="data-v-7aafaa90",t.exports=a},function(t,e,n){var a,i;n(114);var o=n(279);i=a=a||{},"object"!=typeof a.default&&"function"!=typeof a.default||(i=a=a.default),"function"==typeof i&&(i=i.options),i.render=o.render,i.staticRenderFns=o.staticRenderFns,i._scopeId="data-v-406a6b18",t.exports=a},function(t,e,n){var a,i;n(103);var o=n(261);i=a=a||{},"object"!=typeof a.default&&"function"!=typeof a.default||(i=a=a.default),"function"==typeof i&&(i=i.options),i.render=o.render,i.staticRenderFns=o.staticRenderFns,t.exports=a},function(t,e,n){var a,i,o=n(306);i=a=a||{},"object"!=typeof a.default&&"function"!=typeof a.default||(i=a=a.default),"function"==typeof i&&(i=i.options),i.render=o.render,i.staticRenderFns=o.staticRenderFns,t.exports=a},function(t,e,n){var a,i,o=n(321);i=a=a||{},"object"!=typeof a.default&&"function"!=typeof a.default||(i=a=a.default),"function"==typeof i&&(i=i.options),i.render=o.render,i.staticRenderFns=o.staticRenderFns,t.exports=a},function(t,e,n){var a,i,o=n(270);i=a=a||{},"object"!=typeof a.default&&"function"!=typeof a.default||(i=a=a.default),"function"==typeof i&&(i=i.options),i.render=o.render,i.staticRenderFns=o.staticRenderFns,t.exports=a},function(t,e,n){var a,i;n(136);var o=n(316);i=a=a||{},"object"!=typeof a.default&&"function"!=typeof a.default||(i=a=a.default),"function"==typeof i&&(i=i.options),i.render=o.render,i.staticRenderFns=o.staticRenderFns,i._scopeId="data-v-a5e4ce48",t.exports=a},function(t,e,n){var a,i;n(105);var o=n(265);i=a=a||{},"object"!=typeof a.default&&"function"!=typeof a.default||(i=a=a.default),"function"==typeof i&&(i=i.options),i.render=o.render,i.staticRenderFns=o.staticRenderFns,t.exports=a},function(t,e,n){var a,i;n(96),a=n(54);var o=n(253);i=a=a||{},"object"!=typeof a.default&&"function"!=typeof a.default||(i=a=a.default),"function"==typeof i&&(i=i.options),i.render=o.render,i.staticRenderFns=o.staticRenderFns,t.exports=a},function(t,e,n){var a,i;a=n(55);var o=n(264);i=a=a||{},"object"!=typeof a.default&&"function"!=typeof a.default||(i=a=a.default),"function"==typeof i&&(i=i.options),i.render=o.render,i.staticRenderFns=o.staticRenderFns,t.exports=a},function(t,e,n){var a,i;n(133),a=n(56),i=a=a||{},"object"!=typeof a.default&&"function"!=typeof a.default||(i=a=a.default),"function"==typeof i&&(i=i.options),t.exports=a},function(t,e,n){var a,i;n(101),a=n(57);var o=n(258);i=a=a||{},"object"!=typeof a.default&&"function"!=typeof a.default||(i=a=a.default),"function"==typeof i&&(i=i.options),i.render=o.render,i.staticRenderFns=o.staticRenderFns,t.exports=a},function(t,e,n){var a,i;n(120),a=n(58);var o=n(288);i=a=a||{},"object"!=typeof a.default&&"function"!=typeof a.default||(i=a=a.default),"function"==typeof i&&(i=i.options),i.render=o.render,i.staticRenderFns=o.staticRenderFns,t.exports=a},function(t,e,n){var a,i,o=n(305);i=a=a||{},"object"!=typeof a.default&&"function"!=typeof a.default||(i=a=a.default),"function"==typeof i&&(i=i.options),i.render=o.render,i.staticRenderFns=o.staticRenderFns,t.exports=a},function(t,e,n){var a,i;a=n(59);var o=n(275);i=a=a||{},"object"!=typeof a.default&&"function"!=typeof a.default||(i=a=a.default),"function"==typeof i&&(i=i.options),i.render=o.render,i.staticRenderFns=o.staticRenderFns,t.exports=a},function(t,e,n){var a,i,o=n(250);i=a=a||{},"object"!=typeof a.default&&"function"!=typeof a.default||(i=a=a.default),"function"==typeof i&&(i=i.options),i.render=o.render,i.staticRenderFns=o.staticRenderFns,t.exports=a},function(t,e,n){var a,i;a=n(60);var o=n(324);i=a=a||{},"object"!=typeof a.default&&"function"!=typeof a.default||(i=a=a.default),"function"==typeof i&&(i=i.options),i.render=o.render,i.staticRenderFns=o.staticRenderFns,t.exports=a},function(t,e,n){var a,i,o=n(271);i=a=a||{},"object"!=typeof a.default&&"function"!=typeof a.default||(i=a=a.default),"function"==typeof i&&(i=i.options),i.render=o.render,i.staticRenderFns=o.staticRenderFns,t.exports=a},function(t,e,n){var a,i;a=n(61);var o=n(278);i=a=a||{},"object"!=typeof a.default&&"function"!=typeof a.default||(i=a=a.default),"function"==typeof i&&(i=i.options),i.render=o.render,i.staticRenderFns=o.staticRenderFns,t.exports=a},function(t,e,n){var a,i;a=n(62);var o=n(295);i=a=a||{},"object"!=typeof a.default&&"function"!=typeof a.default||(i=a=a.default),"function"==typeof i&&(i=i.options),i.render=o.render,i.staticRenderFns=o.staticRenderFns,t.exports=a},function(t,e,n){var a,i,o=n(314);i=a=a||{},"object"!=typeof a.default&&"function"!=typeof a.default||(i=a=a.default),"function"==typeof i&&(i=i.options),i.render=o.render,i.staticRenderFns=o.staticRenderFns,t.exports=a},function(t,e,n){var a,i;a=n(63);var o=n(263);i=a=a||{},"object"!=typeof a.default&&"function"!=typeof a.default||(i=a=a.default),"function"==typeof i&&(i=i.options),i.render=o.render,i.staticRenderFns=o.staticRenderFns,t.exports=a},function(t,e,n){var a,i;n(134),a=n(64);var o=n(315);i=a=a||{},"object"!=typeof a.default&&"function"!=typeof a.default||(i=a=a.default),"function"==typeof i&&(i=i.options),i.render=o.render,i.staticRenderFns=o.staticRenderFns,t.exports=a},function(t,e,n){var a,i;n(109);var o=n(273);i=a=a||{},"object"!=typeof a.default&&"function"!=typeof a.default||(i=a=a.default),"function"==typeof i&&(i=i.options),i.render=o.render,i.staticRenderFns=o.staticRenderFns,t.exports=a},function(t,e,n){var a,i;n(141);var o=n(328);i=a=a||{},"object"!=typeof a.default&&"function"!=typeof a.default||(i=a=a.default),"function"==typeof i&&(i=i.options),i.render=o.render,i.staticRenderFns=o.staticRenderFns,t.exports=a},function(t,e,n){var a,i;a=n(65);var o=n(290);i=a=a||{},"object"!=typeof a.default&&"function"!=typeof a.default||(i=a=a.default),"function"==typeof i&&(i=i.options),i.render=o.render,i.staticRenderFns=o.staticRenderFns,t.exports=a},function(t,e,n){var a,i;n(119),a=n(66);var o=n(286);i=a=a||{},"object"!=typeof a.default&&"function"!=typeof a.default||(i=a=a.default),"function"==typeof i&&(i=i.options),i.render=o.render,i.staticRenderFns=o.staticRenderFns,t.exports=a},function(t,e,n){var a,i;a=n(67);var o=n(296);i=a=a||{},"object"!=typeof a.default&&"function"!=typeof a.default||(i=a=a.default),"function"==typeof i&&(i=i.options),i.render=o.render,i.staticRenderFns=o.staticRenderFns,t.exports=a},function(t,e,n){var a,i;n(115);var o=n(280);i=a=a||{},"object"!=typeof a.default&&"function"!=typeof a.default||(i=a=a.default),"function"==typeof i&&(i=i.options),i.render=o.render,i.staticRenderFns=o.staticRenderFns,t.exports=a},function(t,e,n){var a,i;a=n(68);var o=n(260);i=a=a||{},"object"!=typeof a.default&&"function"!=typeof a.default||(i=a=a.default),"function"==typeof i&&(i=i.options),i.render=o.render,i.staticRenderFns=o.staticRenderFns,t.exports=a},function(t,e,n){var a,i;a=n(69),i=a=a||{},"object"!=typeof a.default&&"function"!=typeof a.default||(i=a=a.default),"function"==typeof i&&(i=i.options),t.exports=a},function(t,e,n){var a,i;n(93),a=n(70);var o=n(249);i=a=a||{},"object"!=typeof a.default&&"function"!=typeof a.default||(i=a=a.default),"function"==typeof i&&(i=i.options),i.render=o.render,i.staticRenderFns=o.staticRenderFns,t.exports=a},function(t,e,n){var a,i;a=n(71);var o=n(289);i=a=a||{},"object"!=typeof a.default&&"function"!=typeof a.default||(i=a=a.default),"function"==typeof i&&(i=i.options),i.render=o.render,i.staticRenderFns=o.staticRenderFns,t.exports=a},function(t,e,n){var a,i;a=n(72);var o=n(292);i=a=a||{},"object"!=typeof a.default&&"function"!=typeof a.default||(i=a=a.default),"function"==typeof i&&(i=i.options),i.render=o.render,i.staticRenderFns=o.staticRenderFns,t.exports=a},function(t,e,n){var a,i;n(140),a=n(73);var o=n(327);i=a=a||{},"object"!=typeof a.default&&"function"!=typeof a.default||(i=a=a.default),"function"==typeof i&&(i=i.options),i.render=o.render,i.staticRenderFns=o.staticRenderFns,t.exports=a},function(t,e,n){var a,i;a=n(74);var o=n(318);i=a=a||{},"object"!=typeof a.default&&"function"!=typeof a.default||(i=a=a.default),"function"==typeof i&&(i=i.options),i.render=o.render,i.staticRenderFns=o.staticRenderFns,t.exports=a},function(t,e,n){var a,i;n(106),a=n(75);var o=n(266);i=a=a||{},"object"!=typeof a.default&&"function"!=typeof a.default||(i=a=a.default),"function"==typeof i&&(i=i.options),i.render=o.render,i.staticRenderFns=o.staticRenderFns,t.exports=a},function(t,e,n){var a,i;n(117),a=n(76);var o=n(283);i=a=a||{},"object"!=typeof a.default&&"function"!=typeof a.default||(i=a=a.default),"function"==typeof i&&(i=i.options),i.render=o.render,i.staticRenderFns=o.staticRenderFns,t.exports=a},function(t,e,n){var a,i;n(135),a=n(77),i=a=a||{},"object"!=typeof a.default&&"function"!=typeof a.default||(i=a=a.default),"function"==typeof i&&(i=i.options),t.exports=a},function(t,e,n){var a,i;n(131),a=n(78);var o=n(310);i=a=a||{},"object"!=typeof a.default&&"function"!=typeof a.default||(i=a=a.default),"function"==typeof i&&(i=i.options),i.render=o.render,i.staticRenderFns=o.staticRenderFns,t.exports=a},function(t,e,n){var a,i;n(139),a=n(79);var o=n(325);i=a=a||{},"object"!=typeof a.default&&"function"!=typeof a.default||(i=a=a.default),"function"==typeof i&&(i=i.options),i.render=o.render,i.staticRenderFns=o.staticRenderFns,t.exports=a},function(t,e,n){var a,i;a=n(80);var o=n(267);i=a=a||{},"object"!=typeof a.default&&"function"!=typeof a.default||(i=a=a.default),"function"==typeof i&&(i=i.options),i.render=o.render,i.staticRenderFns=o.staticRenderFns,t.exports=a},function(t,e,n){var a,i,o=n(326);i=a=a||{},"object"!=typeof a.default&&"function"!=typeof a.default||(i=a=a.default),"function"==typeof i&&(i=i.options),i.render=o.render,i.staticRenderFns=o.staticRenderFns,t.exports=a},function(t,e,n){var a,i;a=n(81);var o=n(291);i=a=a||{},"object"!=typeof a.default&&"function"!=typeof a.default||(i=a=a.default),"function"==typeof i&&(i=i.options),i.render=o.render,i.staticRenderFns=o.staticRenderFns,t.exports=a},function(t,e,n){var a,i;a=n(82);var o=n(268);i=a=a||{},"object"!=typeof a.default&&"function"!=typeof a.default||(i=a=a.default),"function"==typeof i&&(i=i.options),i.render=o.render,i.staticRenderFns=o.staticRenderFns,t.exports=a},function(t,e,n){var a,i;a=n(83);var o=n(285);i=a=a||{},"object"!=typeof a.default&&"function"!=typeof a.default||(i=a=a.default),"function"==typeof i&&(i=i.options),i.render=o.render,i.staticRenderFns=o.staticRenderFns,t.exports=a},function(t,e,n){var a,i;a=n(84);var o=n(311);i=a=a||{},"object"!=typeof a.default&&"function"!=typeof a.default||(i=a=a.default),"function"==typeof i&&(i=i.options),i.render=o.render,i.staticRenderFns=o.staticRenderFns,t.exports=a},function(t,e,n){var a,i;a=n(85);var o=n(322);i=a=a||{},"object"!=typeof a.default&&"function"!=typeof a.default||(i=a=a.default),"function"==typeof i&&(i=i.options),i.render=o.render,i.staticRenderFns=o.staticRenderFns,t.exports=a},function(t,e,n){var a,i;a=n(86);var o=n(313);i=a=a||{},"object"!=typeof a.default&&"function"!=typeof a.default||(i=a=a.default),"function"==typeof i&&(i=i.options),i.render=o.render,i.staticRenderFns=o.staticRenderFns,t.exports=a},function(t,e,n){var a,i;n(137),a=n(87);var o=n(320);i=a=a||{},"object"!=typeof a.default&&"function"!=typeof a.default||(i=a=a.default),"function"==typeof i&&(i=i.options),i.render=o.render,i.staticRenderFns=o.staticRenderFns,t.exports=a},function(t,e,n){var a,i;n(124);var o=n(298);i=a=a||{},"object"!=typeof a.default&&"function"!=typeof a.default||(i=a=a.default),"function"==typeof i&&(i=i.options),i.render=o.render,i.staticRenderFns=o.staticRenderFns,t.exports=a},function(t,e,n){var a,i;n(110),a=n(88);var o=n(274);i=a=a||{},"object"!=typeof a.default&&"function"!=typeof a.default||(i=a=a.default),"function"==typeof i&&(i=i.options),i.render=o.render,i.staticRenderFns=o.staticRenderFns,t.exports=a},function(t,e,n){var a,i;n(95),a=n(89);var o=n(252);i=a=a||{},"object"!=typeof a.default&&"function"!=typeof a.default||(i=a=a.default),"function"==typeof i&&(i=i.options),i.render=o.render,i.staticRenderFns=o.staticRenderFns,t.exports=a},function(t,e,n){var a,i;n(113),i=a=a||{},"object"!=typeof a.default&&"function"!=typeof a.default||(i=a=a.default),"function"==typeof i&&(i=i.options),t.exports=a},function(t,e){t.exports={render:function(){var t=this;return t._h("div",{staticClass:"md-menu"},[t._t("default")])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this;return t._m(0)},staticRenderFns:[function(){var t=this;return t._h("div",{staticClass:"md-card-content"},[t._t("default")])}]}},function(t,e){t.exports={render:function(){var t=this;return t._h("div",{staticClass:"single-page-banner"},[t._h("md-toolbar",{staticClass:"single-page-banner"},[t._h("h1",{staticClass:"md-display-2"},[t._s(t.label)])])," ",t._h("md-button",{staticClass:"md-icon-button github-button",attrs:{href:"https://github.com/marcosmoura/vue-material",target:"_blank",rel:"noopener"}},[t._h("svg",{attrs:{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 1024 1024"}},[t._h("path",{attrs:{fill:"#ffffff",d:"M512 0C229.25 0 0 229.25 0 512c0 226.25 146.69 418.13 350.16 485.81 25.59 4.69 34.94-11.12 34.94-24.62 0-12.19-0.47-52.56-0.72-95.31C242 908.81 211.91 817.5 211.91 817.5c-23.31-59.12-56.84-74.87-56.84-74.87-46.53-31.75 3.53-31.12 3.53-31.12 51.41 3.56 78.47 52.75 78.47 52.75 45.69 78.25 119.88 55.63 149 42.5 4.65-33 17.9-55.62 32.5-68.37C304.91 725.44 185.34 681.5 185.34 485.31c0-55.94 19.97-101.56 52.66-137.41-5.22-13-22.84-65.09 5.06-135.56 0 0 42.94-13.75 140.81 52.5 40.81-11.41 84.59-17.03 128.13-17.22 43.5 0.19 87.31 5.88 128.19 17.28 97.69-66.31 140.69-52.5 140.69-52.5 28 70.53 10.38 122.56 5.13 135.5 32.81 35.84 52.63 81.47 52.63 137.41 0 196.69-119.75 240-233.81 252.69 18.44 15.88 34.75 47 34.75 94.75 0 68.44-0.69 123.63-0.69 140.5 0 13.63 9.31 29.56 35.25 24.56C877.44 930 1024 738.13 1024 512 1024 229.25 794.75 0 512 0z"}})])])," ",t._h("md-button",{staticClass:"md-icon-button single-page-menu-trigger",on:{click:t.toggleSidenav}},[t._h("md-icon",["menu"])])])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this;return t._h("div",{staticClass:"md-whiteframe",class:t.classes},[t._t("default")])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this;return t._h("div",{staticClass:"md-bottom-bar",class:t.classes},[t._t("default")])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this;return t._h("div",{staticClass:"demo-page"},[t._h("md-toolbar",{staticClass:"main-header"},[t._h("md-button",{staticClass:"md-icon-button",on:{click:t.toggleSidenav}},[t._h("md-icon",["menu"])])," ",t._h("div",{staticClass:"md-title"},[t._h("span",{staticClass:"page-title"},[t._s(t.label)])])])," ",t._h("div",{staticClass:"page-content"},[t._h("md-tabs",{staticClass:"page-tabs",attrs:{"md-elevation":"2"}},[t._h("md-tab",{attrs:{"md-label":"Examples"}},[t._t("examples")])," ",t._h("md-tab",{attrs:{"md-label":"Code"}},[t._t("code")])," "])," ",t._t("default")])])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this;return t._h("single-page",{attrs:{label:"Introduction"}},[t._h("div",{staticClass:"button-actions"},[t._m(0)," ",t._m(1)," ",t._h("md-button",{staticClass:"md-primary md-raised",attrs:{href:"#/getting-started"}},["Getting Started"])," ",t._h("md-button",{staticClass:"md-primary md-raised",attrs:{href:"https://github.com/marcosmoura/vue-material",target:"_blank",rel:"noopener"}},["Github"])])," ",t._m(2)])},staticRenderFns:[function(){var t=this;return t._h("div",{staticClass:"example"},[t._h("img",{attrs:{src:"assets/vue-material-example.png",alt:"Material Design"}})])},function(){var t=this;return t._h("div",{staticClass:"introduction"},["Build well-crafted apps with Material Design and Vue 2.0"])},function(){var t=this;return t._h("div",{staticClass:"row"},[t._h("div",{staticClass:"column"},[t._h("h2",{staticClass:"md-headline"},["Material Design"])," ",t._h("p",["Vue Material is lightweight framework built exactly according to the ",t._h("a",{attrs:{href:"http://material.google.com",target:"_blank",rel:"noopener"}},["Material Design"])," specs. Build powerful and well-designed web apps that can can fit on every screen."])])," ",t._h("div",{staticClass:"column"},[t._h("h2",{staticClass:"md-headline"},["Full-featured"])," ",t._h("p",["You can generate and use themes dynamically, use components on demand, take advantage of UI Elements and Components with an ease-to-use API and more..."])])," ",t._h("div",{staticClass:"column"},[t._h("h2",{staticClass:"md-headline"},["Compatible"])," ",t._h("p",["It aims to deliver a collection of reusable components and a series of UI Elements to build applications with support to ",t._h("a",{attrs:{href:"https://saucelabs.com/u/vuejs",target:"_blank",rel:"noopener"}},["modern Web Browsers"])," through Vue 2.0."])])])}]}},function(t,e){t.exports={render:function(){var t=this;return t._h("single-page",{staticClass:"single-page-home",attrs:{label:"About"}},[t._h("single-page-banner",{attrs:{label:"About"}})," ",t._h("section",[t._m(0)," ",t._h("div",{staticClass:"author-card"},[t._h("md-avatar",{staticClass:"md-large"},[t._m(1)])," ",t._m(2)])])," ",t._m(3)," ",t._m(4)," ",t._m(5)])},staticRenderFns:[function(){var t=this;return t._h("h2",{staticClass:"md-headline"},["Author"])},function(){var t=this;return t._h("img",{attrs:{src:"assets/marcosmoura.jpg",alt:"Marcos Moura"}})},function(){var t=this;return t._h("div",{staticClass:"author-card-info"},[t._h("span",["Marcos Moura"])," ",t._h("div",{staticClass:"author-card-links"},[t._h("a",{attrs:{href:"https://linkedin.com/in/marcosvmmoura",target:"_blank",rel:"noopener"}},["Linkedin"])," ",t._h("a",{attrs:{href:"https://github.com/marcosmoura",target:"_blank",rel:"noopener"}},["GitHub"])])])},function(){var t=this;return t._h("section",[t._h("h2",{staticClass:"md-headline"},["Credits and Thanks"])," ",t._h("ul",[t._h("li",["This library aims to delivery components using almost the same API of ",t._h("a",{attrs:{href:"https://material.angularjs.org/latest/",target:"_blank"}},["Angular Material"])])," ",t._h("li",["Thanks a lot to ",t._h("a",{attrs:{href:"https://github.com/elviskang",target:"_blank"}},["elviskang"])," for donating the npm package name!"])," ",t._h("li",["Thanks to ",t._h("a",{attrs:{href:"https://github.com/yyx990803",target:"_blank"}},["Evan You"])," for allowing me to use Vue.js Logo."])])])},function(){var t=this;return t._h("section",[t._h("h2",{staticClass:"md-headline"},["Internal Dependencies"]),"\n    You don't need to include any other library to work with vue-material. The focus of this project is to have a standalone build with no external dependence, but aiming to deliver the best experience without break the compatibility with the Vue.js core.\n    ",t._h("ul",[t._h("li",[t._h("a",{attrs:{href:"http://www.jacklmoore.com/autosize/",target:"_blank"}},["autosize"])])," ",t._h("li",[t._h("a",{attrs:{href:"https://www.npmjs.com/package/element.scrollintoviewifneeded-polyfill",target:"_blank"}},["element.scrollintoviewifneeded-polyfill"])])," ",t._h("li",[t._h("a",{attrs:{href:"https://github.com/lazd/scopedQuerySelectorShim",target:"_blank"}},["scopedQuerySelectorShim"])])])])},function(){var t=this;return t._h("section",[t._h("h2",{staticClass:"md-headline"},["License"])," ",t._h("p",["MIT"])])}]}},function(t,e){t.exports={render:function(){var t=this;return t._h("demo-page",{attrs:{label:"Components - Table"}},[t._h("div",{slot:"examples"},[t._h("demo-example",{attrs:{label:"Default"}},[t._h("md-table",{attrs:{"md-sort":"calories"}},[t._h("md-table-header",[t._h("md-table-row",[t._h("md-table-head",{attrs:{"md-sort-by":"dessert"}},["Dessert (100g serving)"])," ",t._h("md-table-head",{attrs:{"md-sort-by":"calories","md-numeric":"","md-tooltip":"The total amount of food energy and the given serving size"}},["Calories (g)"])," ",t._h("md-table-head",{attrs:{"md-sort-by":"fat","md-numeric":""}},["Fat (g)"])," ",t._h("md-table-head",{attrs:{"md-sort-by":"carbs","md-numeric":""}},["Carbs (g)"])," ",t._h("md-table-head",{attrs:{"md-sort-by":"protein","md-numeric":""}},["Protein (g)"])," ",t._h("md-table-head",{attrs:{"md-sort-by":"sodium","md-numeric":""}},["Sodium (mg)"])," ",t._h("md-table-head",{attrs:{"md-sort-by":"calcium","md-numeric":""}},["Calcium (%)"])," ",t._h("md-table-head",{attrs:{"md-sort-by":"iron","md-numeric":""}},["Iron (%)"])])])," ",t._h("md-table-body",[t._l(5,function(e,n){return t._h("md-table-row",{key:n},[t._h("md-table-cell",["Dessert Name"])," ",t._l(7,function(e,n){return t._h("md-table-cell",{key:n,attrs:{"md-numeric":""}},["10"])})])})])])])," ",t._h("demo-example",{attrs:{label:"Within cards with Pagination and Inline Edit"}},[t._h("md-table-card",[t._h("md-toolbar",[t._m(0)," ",t._h("md-button",{staticClass:"md-icon-button"},[t._h("md-icon",["filter_list"])])," ",t._h("md-button",{staticClass:"md-icon-button"},[t._h("md-icon",["search"])])])," ",t._h("md-table",{attrs:{"md-sort":"dessert","md-sort-type":"desc"},on:{select:t.onSelect,sort:t.onSort}},[t._h("md-table-header",[t._h("md-table-row",[t._h("md-table-head",{attrs:{"md-sort-by":"dessert"}},["Dessert (100g serving)"])," ",t._h("md-table-head",{attrs:{"md-sort-by":"calories","md-numeric":"","md-tooltip":"The total amount of food energy and the given serving size"}},["Calories (g)"])," ",t._h("md-table-head",{attrs:{"md-sort-by":"fat","md-numeric":""}},["Fat (g)"])," ",t._h("md-table-head",{attrs:{"md-sort-by":"carbs","md-numeric":""}},["Carbs (g)"])," ",t._h("md-table-head",{attrs:{"md-sort-by":"protein","md-numeric":""}},["Protein (g)"])," ",t._h("md-table-head",[t._h("md-icon",["message"])," ",t._m(1)])])])," ",t._h("md-table-body",[t._l(t.nutrition,function(e,n){return t._h("md-table-row",{key:n,attrs:{"md-item":e,"md-auto-select":"","md-selection":""}},[t._l(e,function(e,a){return"type"!==a?t._h("md-table-cell",{key:a,attrs:{"md-numeric":"dessert"!==a&&"comment"!==a}},["comment"===a?t._h("md-table-edit",{directives:[{name:"model",rawName:"v-model",value:t.nutrition[n].comment,expression:"nutrition[rowIndex].comment"}],attrs:{"md-name":"comment"+a,"md-id":"comment"+a,"md-placeholder":"Add a comment","md-maxlength":"120"},domProps:{value:t.nutrition[n].comment},on:{input:function(e){var a=t.nutrition,i=n;Array.isArray(a)?a.splice(i,1,e):t.nutrition[n].comment=e}}}):t._e()," ","comment"!==a?t._h("span",[t._s(e)]):t._e()]):t._e()})])})])])," ",t._h("md-table-pagination",{attrs:{"md-size":"10","md-total":"5","md-page":"1","md-label":"Rows","md-separator":"of","md-page-options":[5,10,25,50]},on:{pagination:t.onPagination}})])," ",t._h("div",{staticClass:"output"},[t._m(2)," ",t._h("pre",[t._s(t.selectedData)])])," ",t._h("div",{staticClass:"output"},[t._m(3)," ",t._h("pre",[t._s(t.sort)])])," ",t._h("div",{staticClass:"output"},[t._m(4)," ",t._h("pre",[t._s(t.page)])])])," ",t._h("demo-example",{attrs:{label:"Inline Menus and Edit Icon"}},[t._h("md-table-card",[t._h("md-toolbar",[t._m(5)," ",t._h("md-button",{staticClass:"md-icon-button"},[t._h("md-icon",["filter_list"])])," ",t._h("md-button",{staticClass:"md-icon-button"},[t._h("md-icon",["search"])])])," ",t._h("md-table-alternate-header",{attrs:{"md-selected-label":"selected"}},[t._h("md-button",{staticClass:"md-icon-button"},[t._h("md-icon",["delete"])])," ",t._h("md-button",{staticClass:"md-icon-button"},[t._h("md-icon",["more_vert"])])])," ",t._h("md-table",{attrs:{"md-sort":"calories"}},[t._h("md-table-header",[t._h("md-table-row",[t._h("md-table-head",{attrs:{"md-sort-by":"dessert"}},["Dessert (100g serving)"])," ",t._h("md-table-head",{attrs:{"md-sort-by":"type",width:"100px"}},["Type"])," ",t._h("md-table-head",{attrs:{"md-sort-by":"calories","md-numeric":"","md-tooltip":"The total amount of food energy and the given serving size"}},["Calories (g)"])," ",t._h("md-table-head",{attrs:{"md-sort-by":"fat","md-numeric":""}},["Fat (g)"])," ",t._h("md-table-head",{attrs:{"md-sort-by":"carbs","md-numeric":""}},["Carbs (g)"])," ",t._h("md-table-head",{attrs:{"md-sort-by":"protein","md-numeric":""}},["Protein (g)"])," ",t._h("md-table-head",[t._h("md-icon",["message"])," ",t._m(6)])])])," ",t._h("md-table-body",[t._l(t.nutrition,function(e,n){return t._h("md-table-row",{key:n,attrs:{"md-item":e,"md-selection":""}},[t._l(e,function(e,a){return t._h("md-table-cell",{key:a,attrs:{"md-numeric":"dessert"!==a&&"comment"!==a&&"type"!==a}},["comment"===a?t._h("span",[t._s(e)]):t._e()," ","comment"===a?t._h("md-button",{staticClass:"md-icon-button"},[t._h("md-icon",["edit"])]):t._e()," ","type"===a?t._h("md-select",{directives:[{name:"model",rawName:"v-model",value:t.nutrition[n].type,expression:"nutrition[rowIndex].type"}],attrs:{placeholder:"Type",name:"type"+a,id:"type"+a},domProps:{value:t.nutrition[n].type},on:{input:function(e){var a=t.nutrition,i=n;Array.isArray(a)?a.splice(i,1,e):t.nutrition[n].type=e}}},[t._h("md-option",{attrs:{value:"ice_cream"}},["Ice Cream"])," ",t._h("md-option",{attrs:{value:"pastry"}},["Pastry"])," ",t._h("md-option",{attrs:{value:"other"}},["Other"])]):t._e()," ","type"!==a&&"comment"!==a?t._h("span",[t._s(e)]):t._e()])})])})])])])])])," ",t._h("div",{slot:"code"},[t._h("demo-example",{attrs:{label:"Default"}},[t._h("code-block",{attrs:{lang:"xml"}},['\n<md-table md-sort="calories">\n  <md-table-header>\n    <md-table-row>\n      <md-table-head md-sort-by="dessert">Dessert (100g serving)</md-table-head>\n      <md-table-head md-sort-by="calories" md-numeric md-tooltip="The total amount of food energy and the given serving size">Calories (g)</md-table-head>\n      <md-table-head md-sort-by="fat" md-numeric>Fat (g)</md-table-head>\n      <md-table-head md-sort-by="carbs" md-numeric>Carbs (g)</md-table-head>\n      <md-table-head md-sort-by="protein" md-numeric>Protein (g)</md-table-head>\n      <md-table-head md-sort-by="sodium" md-numeric>Sodium (mg)</md-table-head>\n      <md-table-head md-sort-by="calcium" md-numeric>Calcium (%)</md-table-head>\n      <md-table-head md-sort-by="iron" md-numeric>Iron (%)</md-table-head>\n    </md-table-row>\n  </md-table-header>\n\n  <md-table-body>\n    <md-table-row v-for="(row, index) in 5" :key="index">\n      <md-table-cell>Dessert Name</md-table-cell>\n      <md-table-cell v-for="(col, index) in 7" :key="index" md-numeric>10</md-table-cell>\n    </md-table-row>\n  </md-table-body>\n</md-table>\n'])])," ",t._h("demo-example",{attrs:{label:"Within cards with Pagination and Inline Edit"}},[t._h("code-block",{attrs:{lang:"xml"}},['\n<md-table-card>\n  <md-toolbar>\n    <h1 class="md-title">Nutrition</h1>\n    <md-button class="md-icon-button">\n      <md-icon>filter_list</md-icon>\n    </md-button>\n\n    <md-button class="md-icon-button">\n      <md-icon>search</md-icon>\n    </md-button>\n  </md-toolbar>\n\n  <md-table md-sort="dessert" md-sort-type="desc" @select="onSelect" @sort="onSort">\n    <md-table-header>\n      <md-table-row>\n        <md-table-head md-sort-by="dessert">Dessert (100g serving)</md-table-head>\n        <md-table-head md-sort-by="calories" md-numeric md-tooltip="The total amount of food energy and the given serving size">Calories (g)</md-table-head>\n        <md-table-head md-sort-by="fat" md-numeric>Fat (g)</md-table-head>\n        <md-table-head md-sort-by="carbs" md-numeric>Carbs (g)</md-table-head>\n        <md-table-head md-sort-by="protein" md-numeric>Protein (g)</md-table-head>\n        <md-table-head>\n          <md-icon>message</md-icon>\n          <span>Comments</span>\n        </md-table-head>\n      </md-table-row>\n    </md-table-header>\n\n    <md-table-body>\n      <md-table-row v-for="(row, rowIndex) in nutrition" :key="rowIndex" :md-item="row" md-auto-select md-selection>\n        <md-table-cell v-for="(column, columnIndex) in row" :key="columnIndex" :md-numeric="columnIndex !== \'dessert\' && columnIndex !== \'comment\'" v-if="columnIndex !== \'type\'">\n          <md-table-edit\n            :md-name="\'comment\' + columnIndex"\n            :md-id="\'comment\' + columnIndex"\n            md-placeholder="Add a comment"\n            md-maxlength="120"\n            v-model="nutrition[rowIndex].comment"\n            v-if="columnIndex === \'comment\'"></md-table-edit>\n\n          <span v-if="columnIndex !== \'comment\'">'+t._s(t.column)+'</span>\n        </md-table-cell>\n      </md-table-row>\n    </md-table-body>\n  </md-table>\n\n  <md-table-pagination\n    md-size="10"\n    md-total="5"\n    md-page="1"\n    md-label="Rows"\n    md-separator="of"\n    :md-page-options="[5, 10, 25, 50]"\n    @pagination="onPagination"></md-table-pagination>\n</md-table-card>\n'])," ",t._h("code-block",{attrs:{lang:"javscript"}},["\nexport default {\n  data: () => ({\n    nutrition: [\n      {\n        dessert: 'Frozen yogurt',\n        type: 'ice_cream',\n        calories: '159',\n        fat: '6.0',\n        carbs: '24',\n        protein: '4.0',\n        comment: 'Icy'\n      },\n      {\n        dessert: 'Ice cream sandwich',\n        type: 'ice_cream',\n        calories: '237',\n        fat: '9.0',\n        carbs: '37',\n        protein: '4.3',\n        comment: 'Super Tasty'\n      },\n      {\n        dessert: 'Eclair',\n        type: 'pastry',\n        calories: '262',\n        fat: '16.0',\n        carbs: '24',\n        protein: '6.0',\n        comment: ''\n      },\n      {\n        dessert: 'Cupcake',\n        type: 'pastry',\n        calories: '305',\n        fat: '3.7',\n        carbs: '67',\n        protein: '4.3',\n        comment: ''\n      },\n      {\n        dessert: 'Gingerbread',\n        type: 'other',\n        calories: '356',\n        fat: '16.0',\n        carbs: '49',\n        protein: '3.9',\n        comment: ''\n      }\n    ],\n    selectedData: [],\n    sort: {},\n    page: {}\n  }),\n  methods: {\n    onSelect(data) {\n      this.selectedData = data;\n      this.$forceUpdate();\n    },\n    onSort(sort) {\n      this.sort = sort;\n    },\n    onPagination(page) {\n      this.page = page;\n    }\n  }\n};\n"])])," ",t._h("demo-example",{attrs:{label:"Inline Menus and Edit Icon"}},[t._h("code-block",{attrs:{lang:"xml"}},['\n<md-table-card>\n  <md-toolbar>\n    <h1 class="md-title">Nutrition</h1>\n    <md-button class="md-icon-button">\n      <md-icon>filter_list</md-icon>\n    </md-button>\n\n    <md-button class="md-icon-button">\n      <md-icon>search</md-icon>\n    </md-button>\n  </md-toolbar>\n\n  <md-table-alternate-header md-selected-label="selected">\n    <md-button class="md-icon-button">\n      <md-icon>delete</md-icon>\n    </md-button>\n\n    <md-button class="md-icon-button">\n      <md-icon>more_vert</md-icon>\n    </md-button>\n  </md-table-alternate-header>\n\n  <md-table md-sort="calories">\n    <md-table-header>\n      <md-table-row>\n        <md-table-head md-sort-by="dessert">Dessert (100g serving)</md-table-head>\n        <md-table-head md-sort-by="type" width="100px">Type</md-table-head>\n        <md-table-head md-sort-by="calories" md-numeric md-tooltip="The total amount of food energy and the given serving size">Calories (g)</md-table-head>\n        <md-table-head md-sort-by="fat" md-numeric>Fat (g)</md-table-head>\n        <md-table-head md-sort-by="carbs" md-numeric>Carbs (g)</md-table-head>\n        <md-table-head md-sort-by="protein" md-numeric>Protein (g)</md-table-head>\n        <md-table-head>\n          <md-icon>message</md-icon>\n          <span>Comments</span>\n        </md-table-head>\n      </md-table-row>\n    </md-table-header>\n\n    <md-table-body>\n      <md-table-row v-for="(row, rowIndex) in nutrition" :key="rowIndex" :md-item="row" md-selection>\n        <md-table-cell v-for="(column, columnIndex) in row" :key="columnIndex" :md-numeric="columnIndex !== \'dessert\' && columnIndex !== \'comment\' && columnIndex !== \'type\'">\n          <span v-if="columnIndex === \'comment\'">'+t._s(t.column)+'</span>\n\n          <md-button class="md-icon-button" v-if="columnIndex === \'comment\'">\n            <md-icon>edit</md-icon>\n          </md-button>\n\n          <md-select\n            placeholder="Type"\n            :name="\'type\' + columnIndex"\n            :id="\'type\' + columnIndex"\n            v-model="nutrition[rowIndex].type"\n            v-if="columnIndex === \'type\'">\n            <md-option value="ice_cream">Ice Cream</md-option>\n            <md-option value="pastry">Pastry</md-option>\n            <md-option value="other">Other</md-option>\n          </md-select>\n\n          <span v-if="columnIndex !== \'type\' && columnIndex !== \'comment\'">'+t._s(t.column)+"</span>\n        </md-table-cell>\n      </md-table-row>\n    </md-table-body>\n  </md-table>\n</md-table-card>\n"])])])," ",t._h("div",{
 slot:"api"})])},staticRenderFns:[function(){var t=this;return t._h("h1",{staticClass:"md-title"},["Nutrition"])},function(){var t=this;return t._h("span",["Comments"])},function(){var t=this;return t._h("h2",{staticClass:"md-title"},["Selected Data"])},function(){var t=this;return t._h("h2",{staticClass:"md-title"},["Current Sort"])},function(){var t=this;return t._h("h2",{staticClass:"md-title"},["Current Pagination"])},function(){var t=this;return t._h("h1",{staticClass:"md-title"},["Nutrition"])},function(){var t=this;return t._h("span",["Comments"])}]}},function(t,e){t.exports={render:function(){var t=this;return t._h("div",{staticClass:"md-button-group md-button-toggle"},[t._t("default")])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this;return t._h("demo-page",{attrs:{label:"Components - Button Toggle"}},[t._h("div",{slot:"examples"},[t._h("demo-example",{attrs:{label:"Multiple",size:"2"}},[t._h("md-button-toggle",{staticClass:"md-button-group"},[t._h("md-button",{staticClass:"md-icon-button md-toggle"},[t._h("md-icon",["format_bold"])])," ",t._h("md-button",{staticClass:"md-icon-button"},[t._h("md-icon",["format_italic"])])," ",t._h("md-button",{staticClass:"md-icon-button"},[t._h("md-icon",["strikethrough_s"])])," ",t._h("md-button",{staticClass:"md-icon-button md-toggle"},[t._h("md-icon",["title"])])])," ",t._h("md-button-toggle",{staticClass:"md-button-group md-primary"},[t._h("md-button",{staticClass:"md-icon-button md-toggle"},[t._h("md-icon",["format_bold"])])," ",t._h("md-button",{staticClass:"md-icon-button md-toggle"},[t._h("md-icon",["format_italic"])])," ",t._h("md-button",{staticClass:"md-icon-button"},[t._h("md-icon",["format_underline"])])," ",t._h("md-button",{staticClass:"md-icon-button"},[t._h("md-icon",["title"])])])," ",t._h("md-button-toggle",{staticClass:"md-button-group md-accent"},[t._h("md-button",{staticClass:"md-icon-button md-toggle"},[t._h("md-icon",["format_bold"])])," ",t._h("md-button",{staticClass:"md-icon-button md-toggle"},[t._h("md-icon",["format_italic"])])," ",t._h("md-button",{staticClass:"md-icon-button"},[t._h("md-icon",["format_underline"])])," ",t._h("md-button",{staticClass:"md-icon-button"},[t._h("md-icon",["title"])])])," ",t._h("md-button-toggle",{staticClass:"md-button-group md-warn"},[t._h("md-button",{staticClass:"md-icon-button md-toggle"},[t._h("md-icon",["format_bold"])])," ",t._h("md-button",{staticClass:"md-icon-button md-toggle"},[t._h("md-icon",["format_italic"])])," ",t._h("md-button",{staticClass:"md-icon-button"},[t._h("md-icon",["strikethrough_s"])])," ",t._h("md-button",{staticClass:"md-icon-button"},[t._h("md-icon",["title"])])])," ",t._h("md-button-toggle",{staticClass:"md-button-group md-primary"},[t._h("md-button",{staticClass:"md-icon-button md-toggle"},[t._h("md-icon",["format_bold"])])," ",t._h("md-button",{staticClass:"md-icon-button md-toggle",attrs:{disabled:""}},[t._h("md-icon",["format_italic"])])," ",t._h("md-button",{staticClass:"md-icon-button",attrs:{disabled:""}},[t._h("md-icon",["strikethrough_s"])])," ",t._h("md-button",{staticClass:"md-icon-button"},[t._h("md-icon",["title"])])])," ",t._h("md-button-toggle",{staticClass:"md-button-group md-primary"},[t._h("md-button",{staticClass:"md-toggle"},["Works"])," ",t._h("md-button",{staticClass:"md-toggle"},["With"])," ",t._h("md-button",["Text"])," ",t._h("md-button",["Too"])])])," ",t._h("demo-example",{attrs:{label:"Single Selection",size:"2"}},[t._h("md-button-toggle",{staticClass:"md-button-group",attrs:{type:"radio"}},[t._h("md-button",{staticClass:"md-icon-button"},[t._h("md-icon",["format_align_left"])])," ",t._h("md-button",{staticClass:"md-icon-button md-toggle"},[t._h("md-icon",["format_align_center"])])," ",t._h("md-button",{staticClass:"md-icon-button"},[t._h("md-icon",["format_align_right"])])," ",t._h("md-button",{staticClass:"md-icon-button"},[t._h("md-icon",["format_align_justify"])])])," ",t._h("md-button-toggle",{staticClass:"md-button-group md-primary",attrs:{type:"radio"}},[t._h("md-button",{staticClass:"md-icon-button"},[t._h("md-icon",["format_align_left"])])," ",t._h("md-button",{staticClass:"md-icon-button md-toggle"},[t._h("md-icon",["format_align_center"])])," ",t._h("md-button",{staticClass:"md-icon-button"},[t._h("md-icon",["format_align_right"])])," ",t._h("md-button",{staticClass:"md-icon-button"},[t._h("md-icon",["format_align_justify"])])])," ",t._h("md-button-toggle",{staticClass:"md-button-group md-accent",attrs:{type:"radio"}},[t._h("md-button",{staticClass:"md-icon-button"},[t._h("md-icon",["format_align_left"])])," ",t._h("md-button",{staticClass:"md-icon-button md-toggle"},[t._h("md-icon",["format_align_center"])])," ",t._h("md-button",{staticClass:"md-icon-button"},[t._h("md-icon",["format_align_right"])])," ",t._h("md-button",{staticClass:"md-icon-button"},[t._h("md-icon",["format_align_justify"])])])," ",t._h("md-button-toggle",{staticClass:"md-button-group md-warn",attrs:{type:"radio"}},[t._h("md-button",{staticClass:"md-icon-button"},[t._h("md-icon",["format_align_left"])])," ",t._h("md-button",{staticClass:"md-icon-button md-toggle"},[t._h("md-icon",["format_align_center"])])," ",t._h("md-button",{staticClass:"md-icon-button"},[t._h("md-icon",["format_align_right"])])," ",t._h("md-button",{staticClass:"md-icon-button"},[t._h("md-icon",["format_align_justify"])])])," ",t._h("md-button-toggle",{staticClass:"md-button-group md-primary",attrs:{type:"radio"}},[t._h("md-button",{staticClass:"md-icon-button md-toggle"},[t._h("md-icon",["format_align_left"])])," ",t._h("md-button",{staticClass:"md-icon-button"},[t._h("md-icon",["format_align_center"])])," ",t._h("md-button",{staticClass:"md-icon-button"},[t._h("md-icon",["format_align_right"])])," ",t._h("md-button",{staticClass:"md-icon-button",attrs:{disabled:""}},[t._h("md-icon",["format_align_justify"])])])," ",t._h("md-button-toggle",{staticClass:"md-button-group md-primary",attrs:{type:"radio"}},[t._h("md-button",["Works"])," ",t._h("md-button",{staticClass:"md-toggle"},["With"])," ",t._h("md-button",["Text"])," ",t._h("md-button",["Too"])])])])," ",t._h("div",{slot:"code"},[t._h("demo-example",{attrs:{label:"Multiple"}},[t._h("code-block",{attrs:{lang:"xml"}},['\n<md-button-toggle class="md-button-group">\n  <md-button class="md-icon-button md-toggle">\n    <md-icon>format_bold</md-icon>\n  </md-button>\n\n  <md-button class="md-icon-button">\n    <md-icon>format_italic</md-icon>\n  </md-button>\n\n  <md-button class="md-icon-button">\n    <md-icon>strikethrough_s</md-icon>\n  </md-button>\n\n  <md-button class="md-icon-button md-toggle">\n    <md-icon>title</md-icon>\n  </md-button>\n</md-button-toggle>\n\n<md-button-toggle class="md-button-group md-primary">\n  <md-button class="md-icon-button md-toggle">\n    <md-icon>format_bold</md-icon>\n  </md-button>\n\n  <md-button class="md-icon-button md-toggle">\n    <md-icon>format_italic</md-icon>\n  </md-button>\n\n  <md-button class="md-icon-button">\n    <md-icon>format_underline</md-icon>\n  </md-button>\n\n  <md-button class="md-icon-button">\n    <md-icon>title</md-icon>\n  </md-button>\n</md-button-toggle>\n\n<md-button-toggle class="md-button-group md-accent">\n  <md-button class="md-icon-button md-toggle">\n    <md-icon>format_bold</md-icon>\n  </md-button>\n\n  <md-button class="md-icon-button md-toggle">\n    <md-icon>format_italic</md-icon>\n  </md-button>\n\n  <md-button class="md-icon-button">\n    <md-icon>format_underline</md-icon>\n  </md-button>\n\n  <md-button class="md-icon-button">\n    <md-icon>title</md-icon>\n  </md-button>\n</md-button-toggle>\n\n<md-button-toggle class="md-button-group md-warn">\n  <md-button class="md-icon-button md-toggle">\n    <md-icon>format_bold</md-icon>\n  </md-button>\n\n  <md-button class="md-icon-button md-toggle">\n    <md-icon>format_italic</md-icon>\n  </md-button>\n\n  <md-button class="md-icon-button">\n    <md-icon>strikethrough_s</md-icon>\n  </md-button>\n\n  <md-button class="md-icon-button">\n    <md-icon>title</md-icon>\n  </md-button>\n</md-button-toggle>\n\n<md-button-toggle class="md-button-group md-primary">\n  <md-button class="md-icon-button md-toggle">\n    <md-icon>format_bold</md-icon>\n  </md-button>\n\n  <md-button class="md-icon-button md-toggle" disabled>\n    <md-icon>format_italic</md-icon>\n  </md-button>\n\n  <md-button class="md-icon-button" disabled>\n    <md-icon>strikethrough_s</md-icon>\n  </md-button>\n\n  <md-button class="md-icon-button">\n    <md-icon>title</md-icon>\n  </md-button>\n</md-button-toggle>\n\n<md-button-toggle class="md-button-group md-primary">\n  <md-button class="md-toggle">Works</md-button>\n  <md-button class="md-toggle">With</md-button>\n  <md-button>Text</md-button>\n  <md-button>Too</md-button>\n</md-button-toggle>\n        '])])," ",t._h("demo-example",{attrs:{label:"Single Selection"}},[t._h("code-block",{attrs:{lang:"xml"}},['\n<md-button-toggle type="radio" class="md-button-group">\n  <md-button class="md-icon-button">\n    <md-icon>format_align_left</md-icon>\n  </md-button>\n\n  <md-button class="md-icon-button md-toggle">\n    <md-icon>format_align_center</md-icon>\n  </md-button>\n\n  <md-button class="md-icon-button">\n    <md-icon>format_align_right</md-icon>\n  </md-button>\n\n  <md-button class="md-icon-button">\n    <md-icon>format_align_justify</md-icon>\n  </md-button>\n</md-button-toggle>\n\n<md-button-toggle type="radio" class="md-button-group md-primary">\n  <md-button class="md-icon-button">\n    <md-icon>format_align_left</md-icon>\n  </md-button>\n\n  <md-button class="md-icon-button md-toggle">\n    <md-icon>format_align_center</md-icon>\n  </md-button>\n\n  <md-button class="md-icon-button">\n    <md-icon>format_align_right</md-icon>\n  </md-button>\n\n  <md-button class="md-icon-button">\n    <md-icon>format_align_justify</md-icon>\n  </md-button>\n</md-button-toggle>\n\n<md-button-toggle type="radio" class="md-button-group md-accent">\n  <md-button class="md-icon-button">\n    <md-icon>format_align_left</md-icon>\n  </md-button>\n\n  <md-button class="md-icon-button md-toggle">\n    <md-icon>format_align_center</md-icon>\n  </md-button>\n\n  <md-button class="md-icon-button">\n    <md-icon>format_align_right</md-icon>\n  </md-button>\n\n  <md-button class="md-icon-button">\n    <md-icon>format_align_justify</md-icon>\n  </md-button>\n</md-button-toggle>\n\n<md-button-toggle type="radio" class="md-button-group md-warn">\n  <md-button class="md-icon-button">\n    <md-icon>format_align_left</md-icon>\n  </md-button>\n\n  <md-button class="md-icon-button md-toggle">\n    <md-icon>format_align_center</md-icon>\n  </md-button>\n\n  <md-button class="md-icon-button">\n    <md-icon>format_align_right</md-icon>\n  </md-button>\n\n  <md-button class="md-icon-button">\n    <md-icon>format_align_justify</md-icon>\n  </md-button>\n</md-button-toggle>\n\n<md-button-toggle type="radio" class="md-button-group md-primary">\n  <md-button class="md-icon-button md-toggle">\n    <md-icon>format_align_left</md-icon>\n  </md-button>\n\n  <md-button class="md-icon-button">\n    <md-icon>format_align_center</md-icon>\n  </md-button>\n\n  <md-button class="md-icon-button">\n    <md-icon>format_align_right</md-icon>\n  </md-button>\n\n  <md-button class="md-icon-button" disabled>\n    <md-icon>format_align_justify</md-icon>\n  </md-button>\n</md-button-toggle>\n\n<md-button-toggle type="radio" class="md-button-group md-primary">\n  <md-button>Works</md-button>\n  <md-button class="md-toggle">With</md-button>\n  <md-button>Text</md-button>\n  <md-button>Too</md-button>\n</md-button-toggle>\n        '])])])," ",t._h("div",{slot:"api"})])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this;return t._h("div",{staticClass:"md-list-expand",style:{"margin-bottom":t.height}},[t._t("default")])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this;return t._h("demo-page",{attrs:{label:"Components - Whiteframe"}},[t._h("div",{slot:"examples",staticClass:"whiteframe-list"},[t._h("demo-example",{attrs:{label:"Default"}},[t._h("md-whiteframe",{attrs:{"md-elevation":"1"}},["1dp"])," ",t._h("md-whiteframe",{attrs:{"md-elevation":"2"}},["2dp"])," ",t._h("md-whiteframe",{attrs:{"md-elevation":"3"}},["3dp"])," ",t._h("md-whiteframe",{attrs:{"md-elevation":"4"}},["4dp"])," ",t._h("md-whiteframe",{attrs:{"md-elevation":"5"}},["5dp"])," ",t._h("md-whiteframe",{attrs:{"md-elevation":"6"}},["6dp"])," ",t._h("md-whiteframe",{attrs:{"md-elevation":"7"}},["7dp"])," ",t._h("md-whiteframe",{attrs:{"md-elevation":"8"}},["8dp"])," ",t._h("md-whiteframe",{attrs:{"md-elevation":"9"}},["9dp"])," ",t._h("md-whiteframe",{attrs:{"md-elevation":"10"}},["10dp"])," ",t._h("md-whiteframe",{attrs:{"md-elevation":"11"}},["11dp"])," ",t._h("md-whiteframe",{attrs:{"md-elevation":"12"}},["12dp"])," ",t._h("md-whiteframe",{attrs:{"md-elevation":"13"}},["13dp"])," ",t._h("md-whiteframe",{attrs:{"md-elevation":"14"}},["14dp"])," ",t._h("md-whiteframe",{attrs:{"md-elevation":"15"}},["15dp"])," ",t._h("md-whiteframe",{attrs:{"md-elevation":"16"}},["16dp"])," ",t._h("md-whiteframe",{attrs:{"md-elevation":"17"}},["17dp"])," ",t._h("md-whiteframe",{attrs:{"md-elevation":"18"}},["18dp"])," ",t._h("md-whiteframe",{attrs:{"md-elevation":"19"}},["19dp"])," ",t._h("md-whiteframe",{attrs:{"md-elevation":"20"}},["20dp"])," ",t._h("md-whiteframe",{attrs:{"md-elevation":"21"}},["21dp"])," ",t._h("md-whiteframe",{attrs:{"md-elevation":"22"}},["22dp"])," ",t._h("md-whiteframe",{attrs:{"md-elevation":"23"}},["23dp"])," ",t._h("md-whiteframe",{attrs:{"md-elevation":"24"}},["24dp"])])])," ",t._h("div",{slot:"code"},[t._h("demo-example",{attrs:{label:"Default"}},[t._h("code-block",{attrs:{lang:"xml"}},['\n<md-whiteframe md-elevation="1">1dp</md-whiteframe>\n<md-whiteframe md-elevation="2">2dp</md-whiteframe>\n<md-whiteframe md-elevation="3">3dp</md-whiteframe>\n<md-whiteframe md-elevation="4">4dp</md-whiteframe>\n<md-whiteframe md-elevation="5">5dp</md-whiteframe>\n<md-whiteframe md-elevation="6">6dp</md-whiteframe>\n<md-whiteframe md-elevation="7">7dp</md-whiteframe>\n<md-whiteframe md-elevation="8">8dp</md-whiteframe>\n<md-whiteframe md-elevation="9">9dp</md-whiteframe>\n<md-whiteframe md-elevation="10">10dp</md-whiteframe>\n<md-whiteframe md-elevation="11">11dp</md-whiteframe>\n<md-whiteframe md-elevation="12">12dp</md-whiteframe>\n<md-whiteframe md-elevation="13">13dp</md-whiteframe>\n<md-whiteframe md-elevation="14">14dp</md-whiteframe>\n<md-whiteframe md-elevation="15">15dp</md-whiteframe>\n<md-whiteframe md-elevation="16">16dp</md-whiteframe>\n<md-whiteframe md-elevation="17">17dp</md-whiteframe>\n<md-whiteframe md-elevation="18">18dp</md-whiteframe>\n<md-whiteframe md-elevation="19">19dp</md-whiteframe>\n<md-whiteframe md-elevation="20">20dp</md-whiteframe>\n<md-whiteframe md-elevation="21">21dp</md-whiteframe>\n<md-whiteframe md-elevation="22">22dp</md-whiteframe>\n<md-whiteframe md-elevation="23">23dp</md-whiteframe>\n<md-whiteframe md-elevation="24">24dp</md-whiteframe>\n        '])])])," ",t._h("div",{slot:"api"})])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this;return t._h("single-page",{staticClass:"single-page-home",attrs:{label:"Changelog"}},[t._h("single-page-banner",{attrs:{label:"Changelog"}})," ",t._m(0)," ",t._m(1)," ",t._m(2)," ",t._m(3)," ",t._m(4)])},staticRenderFns:[function(){var t=this;return t._h("section",[t._h("h2",{staticClass:"md-headline"},["v0.3.0 - Huge Release"])," ",t._h("h3",{staticClass:"md-title"},["New Components:"])," ",t._h("ul",[t._h("li",["Data Table"])," ",t._h("li",["Menu"])," ",t._h("li",["Select with multiple selection"])])," ",t._h("h3",{staticClass:"md-title"},["Fixes:"])," ",t._h("ul",[t._h("li",["md-input not reactive when initial value empty ",t._h("strong",[t._h("a",{attrs:{href:"https://github.com/marcosmoura/vue-material/issues/40",target:"_blank",rel:"noopener"}},["#40"])])])," ",t._h("li",["md-textarea with maxlength not writable ",t._h("strong",[t._h("a",{attrs:{href:"https://github.com/marcosmoura/vue-material/issues/43",target:"_blank",rel:"noopener"}}),"#43"])])," ",t._h("li",["Do not style scrollbars by default ",t._h("strong",[t._h("a",{attrs:{href:"https://github.com/marcosmoura/vue-material/issues/46",target:"_blank",rel:"noopener"}},["#46"])])])," ",t._h("li",["SELECT component: display issue in IE11 ",t._h("strong",[t._h("a",{attrs:{href:"https://github.com/marcosmoura/vue-material/issues/34",target:"_blank",rel:"noopener"}},["#34"])])])," ",t._h("li",["Select component popup shows behind other components ",t._h("strong",[t._h("a",{attrs:{href:"https://github.com/marcosmoura/vue-material/issues/26",target:"_blank",rel:"noopener"}},["#26"])])])," ",t._h("li",["md-select text vs value ",t._h("strong",[t._h("a",{attrs:{href:"https://github.com/marcosmoura/vue-material/issues/24",target:"_blank",rel:"noopener"}}),"#24"])])," ",t._h("li",["md-button ignores type prop ",t._h("strong",[t._h("a",{attrs:{href:"https://github.com/marcosmoura/vue-material/issues/41",target:"_blank",rel:"noopener"}},["#41"])," (Thanks to ",t._h("a",{attrs:{href:"https://github.com/pauloramires",target:"_blank",rel:"noopener"}},["@pauloramires"]),")"])])," ",t._h("li",["md-select displaying selected text (rather than value) ",t._h("strong",[t._h("a",{attrs:{href:"https://github.com/marcosmoura/vue-material/issues/36",target:"_blank",rel:"noopener"}},["#36"])])])," ",t._h("li",["Added 'type' props to switch button ",t._h("strong",[t._h("a",{attrs:{href:"https://github.com/marcosmoura/vue-material/pull/27",target:"_blank",rel:"noopener"}},["#27"])," (Thanks to ",t._h("a",{attrs:{href:"https://github.com/guillaumerxl",target:"_blank",rel:"noopener"}},["@guillaumerxl"]),")"])])," ",t._h("li",["Add babel-cli as dev dependency ",t._h("strong",[t._h("a",{attrs:{href:"https://github.com/marcosmoura/vue-material/pull/28",target:"_blank",rel:"noopener"}},["#28"])," (Thanks to ",t._h("a",{attrs:{href:"https://github.com/lucassouza1",target:"_blank",rel:"noopener"}},["@lucassouza1"]),")"])])," ",t._h("li",["Remove dotted outline around button in firefox ",t._h("strong",[t._h("a",{attrs:{href:"https://github.com/marcosmoura/vue-material/pull/52",target:"_blank",rel:"noopener"}},["#52"])," (Thanks to ",t._h("a",{attrs:{href:"https://github.com/yeknava",target:"_blank",rel:"noopener"}},["@yeknava"]),")"])])])])},function(){var t=this;return t._h("section",[t._h("h2",{staticClass:"md-headline"},["v0.2.0 - New components"])," ",t._h("h3",{staticClass:"md-title"},["New Components:"])," ",t._h("ul",[t._h("li",["Cards"])])," ",t._h("h3",{staticClass:"md-title"},["Fixes:"])," ",t._h("ul",[t._h("li",["Add Roboto font and google icons to the docs ",t._h("strong",[t._h("a",{attrs:{href:"https://github.com/marcosmoura/vue-material/commit/421ce7bb21a1489c8f98ee12d0d525eec6b0ee12",target:"_blank",rel:"noopener"}},["421ce7b"])])])," ",t._h("li",["Explains better how to install and configure vue-material ",t._h("strong",[t._h("a",{attrs:{href:"https://github.com/marcosmoura/vue-material/commit/cc43985fc1d30403a7c95bfeb2dc38bbcc1acb9e",target:"_blank",rel:"noopener"}},["cc43985"])])])," ",t._h("li",["Emit change & input events from mdTextarea ",t._h("strong",[t._h("a",{attrs:{href:"https://github.com/marcosmoura/vue-material/commit/b474af9fd8d5f4563914e5aae47d14b7c8c62fb2",target:"_blank",rel:"noopener"}},["b474af9"])])," (Thanks to ",t._h("a",{attrs:{href:"https://github.com/jvanbrug",target:"_blank",rel:"noopener"}},["@jvanbrug"]),")"])])])},function(){var t=this;return t._h("section",[t._h("h2",{staticClass:"md-headline"},["v0.1.2 - Minor Fixes"])," ",t._h("h3",{staticClass:"md-title"},["Fixes:"])," ",t._h("ul",[t._h("li",["Fixed tooltips on Firefox"])," ",t._h("li",["Misaligned icons inside buttons on Firefox"])," ",t._h("li",["Documentation fixes"])])])},function(){var t=this;return t._h("section",[t._h("h2",{staticClass:"md-headline"},["v0.1.1 - Minor Fixes"])," ",t._h("h3",{staticClass:"md-title"},["Changes:"])," ",t._h("ul",[t._h("li",["Minor fixes"])," ",t._h("li",["Firefox support"])," ",t._h("li",["Initial documentation"])])])},function(){var t=this;return t._h("section",[t._h("h2",{staticClass:"md-headline"},["v0.1.0 - Initial Release"])," ",t._h("h3",{staticClass:"md-title"},["New Components:"])," ",t._h("ul",[t._h("li",["Avatar"])," ",t._h("li",["Bottom Bar"])," ",t._h("li",["Button"])," ",t._h("li",["Button Toggle"])," ",t._h("li",["Checkbox"])," ",t._h("li",["Divider"])," ",t._h("li",["Icon"])," ",t._h("li",["Input"])," ",t._h("li",["List"])," ",t._h("li",["Radio"])," ",t._h("li",["Select"])," ",t._h("li",["Sidenav"])," ",t._h("li",["Subheader"])," ",t._h("li",["Switch"])," ",t._h("li",["Tabs"])," ",t._h("li",["Toolbar"])," ",t._h("li",["Tooltip"])," ",t._h("li",["Whiteframe"])])," ",t._h("h3",{staticClass:"md-title"},["UI Elements:"])," ",t._h("ul",[t._h("li",["Themes"])," ",t._h("li",["Typography"])," ",t._h("li",["Fluid Media"])," ",t._h("li",["Custom Scrollbar"])," ",t._h("li",["Selection Styles"])])])}]}},function(t,e){t.exports={render:function(){var t=this;return t._h("div",{staticClass:"md-card-media-cover",class:t.classes},[t._t("default")," ",t.mdTextScrim?t._h("div",{ref:"backdrop",staticClass:"md-backdrop",style:t.styles}):t._e()])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this;return t._h("button",{directives:[{name:"md-ink-ripple",rawName:"v-md-ink-ripple"}],staticClass:"md-bottom-bar-item",class:t.classes,attrs:{type:"button"},on:{click:t.setActive}},[t._h("md-icon",[t._s(t.mdIcon)])," ",t._h("span",{staticClass:"md-text"},[t._t("default")])])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this;return t._h("div",{staticClass:"md-avatar"},[t._t("default")])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this;return t._h("div",{staticClass:"md-select",class:t.classes},[t._h("md-menu",{attrs:{"md-close-on-select":!t.multiple}},[t._h("span",{ref:"value",staticClass:"md-select-value",attrs:{"md-menu-trigger":""}},[t._s(t.selectedValue||t.multiplevalue||t.placeholder)])," ",t._h("md-menu-content",{staticClass:"md-select-content",class:t.contentClasses},[t._t("default")])])," ",t._h("select",{attrs:{name:t.name,id:t.id,required:t.required,tabindex:"-1"}},[t._h("option",{domProps:{value:t.value}},[t._s(t.value)])])])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this;return t._h("div",{staticClass:"md-table-alternate-header",class:t.classes},[t._h("md-toolbar",[t._h("div",{staticClass:"md-counter"},[t._h("span",{ref:"counter"},[t._s(t.tableInstance.numberOfSelected)])," ",t._h("span",[t._s(t.mdSelectedLabel)])])," ",t._t("default")])])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this;return t._h("div",{staticClass:"md-table-edit",on:{keydown:function(e){27===e.keyCode&&t.closeDialog(e)}}},[t._h("div",{staticClass:"md-table-edit-trigger",class:t.triggerClasses,on:{click:function(e){e.stopPropagation(),t.openDialog(e)}}},["\n    "+t._s(t.value||t.mdPlaceholder)+"\n  "])," ",t._h("div",{ref:"dialog",staticClass:"md-table-dialog",class:t.dialogClasses},[t._h("md-input-container",[t._h("md-input",{ref:"input",attrs:{id:t.mdId,name:t.mdName,maxlength:t.mdMaxlength,placeholder:t.mdPlaceholder},domProps:{value:t.value},nativeOn:{keydown:function(e){13===e.keyCode&&t.confirmDialog(e)}}})])])])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this;return t._h("demo-page",{attrs:{label:"Components - Bottom Bar"}},[t._h("div",{slot:"examples"},[t._h("demo-example",{attrs:{label:"Default"}},[t._h("div",{staticClass:"phone-viewport"},[t._h("md-bottom-bar",[t._h("md-bottom-bar-item",{attrs:{"md-icon":"history"}},["Recents"])," ",t._h("md-bottom-bar-item",{attrs:{"md-icon":"favorite","md-active":""}},["Favorites"])," ",t._h("md-bottom-bar-item",{attrs:{"md-icon":"near_me"}},["Nearby"])])])])," ",t._h("demo-example",{attrs:{label:"Shifting"}},[t._h("div",{staticClass:"phone-viewport"},[t._h("md-bottom-bar",{attrs:{"md-shift":""}},[t._h("md-bottom-bar-item",{attrs:{"md-icon":"ondemand_video"}},["Movies"])," ",t._h("md-bottom-bar-item",{attrs:{"md-icon":"music_note"}},["Music"])," ",t._h("md-bottom-bar-item",{attrs:{"md-icon":"books","md-active":""}},["Books"])," ",t._h("md-bottom-bar-item",{attrs:{"md-icon":"photo"}},["Pictures"])])])," ",t._h("div",{staticClass:"phone-viewport"},[t._h("md-bottom-bar",{staticClass:"md-accent",attrs:{"md-shift":""}},[t._h("md-bottom-bar-item",{attrs:{"md-icon":"ondemand_video"}},["Movies"])," ",t._h("md-bottom-bar-item",{attrs:{"md-icon":"music_note"}},["Music"])," ",t._h("md-bottom-bar-item",{attrs:{"md-icon":"books","md-active":""}},["Books"])," ",t._h("md-bottom-bar-item",{attrs:{"md-icon":"photo"}},["Pictures"])])])," ",t._h("div",{staticClass:"phone-viewport"},[t._h("md-bottom-bar",{staticClass:"md-warn",attrs:{"md-shift":""}},[t._h("md-bottom-bar-item",{attrs:{"md-icon":"ondemand_video"}},["Movies"])," ",t._h("md-bottom-bar-item",{attrs:{"md-icon":"music_note"}},["Music"])," ",t._h("md-bottom-bar-item",{attrs:{"md-icon":"books","md-active":""}},["Books"])," ",t._h("md-bottom-bar-item",{attrs:{"md-icon":"photo"}},["Pictures"])])])," ",t._h("div",{staticClass:"phone-viewport"},[t._h("md-bottom-bar",{staticClass:"md-transparent",attrs:{"md-shift":""}},[t._h("md-bottom-bar-item",{attrs:{"md-icon":"ondemand_video"}},["Movies"])," ",t._h("md-bottom-bar-item",{attrs:{"md-icon":"music_note"}},["Music"])," ",t._h("md-bottom-bar-item",{attrs:{"md-icon":"books","md-active":""}},["Books"])," ",t._h("md-bottom-bar-item",{attrs:{"md-icon":"photo"}},["Pictures"])])])])," ",t._h("demo-example",{attrs:{label:"Themed"}},[t._h("div",{staticClass:"phone-viewport"},[t._h("md-bottom-bar",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"indigo",expression:"'indigo'"}]},[t._h("md-bottom-bar-item",{attrs:{"md-icon":"history"}},["Recents"])," ",t._h("md-bottom-bar-item",{attrs:{"md-icon":"favorite","md-active":""}},["Favorites"])," ",t._h("md-bottom-bar-item",{attrs:{"md-icon":"near_me"}},["Nearby"])])])," ",t._h("div",{staticClass:"phone-viewport"},[t._h("md-bottom-bar",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"orange",expression:"'orange'"}]},[t._h("md-bottom-bar-item",{attrs:{"md-icon":"history"}},["Recents"])," ",t._h("md-bottom-bar-item",{attrs:{"md-icon":"favorite","md-active":""}},["Favorites"])," ",t._h("md-bottom-bar-item",{attrs:{"md-icon":"near_me"}},["Nearby"])])])," ",t._h("div",{staticClass:"phone-viewport"},[t._h("md-bottom-bar",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"green",expression:"'green'"}],attrs:{"md-shift":""}},[t._h("md-bottom-bar-item",{attrs:{"md-icon":"ondemand_video"}},["Movies"])," ",t._h("md-bottom-bar-item",{attrs:{"md-icon":"music_note"}},["Music"])," ",t._h("md-bottom-bar-item",{attrs:{"md-icon":"books","md-active":""}},["Books"])," ",t._h("md-bottom-bar-item",{attrs:{"md-icon":"photo"}},["Pictures"])])])," ",t._h("div",{staticClass:"phone-viewport"},[t._h("md-bottom-bar",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"brown",expression:"'brown'"}],attrs:{"md-shift":""}},[t._h("md-bottom-bar-item",{attrs:{"md-icon":"ondemand_video"}},["Movies"])," ",t._h("md-bottom-bar-item",{attrs:{"md-icon":"music_note"}},["Music"])," ",t._h("md-bottom-bar-item",{attrs:{"md-icon":"books","md-active":""}},["Books"])," ",t._h("md-bottom-bar-item",{attrs:{"md-icon":"photo"}},["Pictures"])])])])," ",t._h("demo-example",{attrs:{label:"Dynamic Theme"}},[t._h("div",{staticClass:"phone-viewport"},[t._h("md-bottom-bar",{directives:[{name:"md-theme",rawName:"v-md-theme",value:t.playground.theme,expression:"playground.theme"}],attrs:{"md-shift":""}},[t._h("md-bottom-bar-item",{attrs:{"md-icon":"ondemand_video"},on:{click:function(e){t.setTheme("blue")}}},["Movies"])," ",t._h("md-bottom-bar-item",{attrs:{"md-icon":"music_note"},on:{click:function(e){t.setTheme("teal")}}},["Music"])," ",t._h("md-bottom-bar-item",{attrs:{"md-icon":"books","md-active":""},on:{click:function(e){t.setTheme("brown")}}},["Books"])," ",t._h("md-bottom-bar-item",{attrs:{"md-icon":"photo"},on:{click:function(e){t.setTheme("indigo")}}},["Pictures"])])])])])," ",t._h("div",{slot:"code"},[t._h("demo-example",{attrs:{label:"Default"}},[t._h("code-block",{attrs:{lang:"xml"}},['\n<md-bottom-bar>\n  <md-bottom-bar-item md-icon="history">Recents</md-bottom-bar-item>\n  <md-bottom-bar-item md-icon="favorite" md-active>Favorites</md-bottom-bar-item>\n  <md-bottom-bar-item md-icon="near_me">Nearby</md-bottom-bar-item>\n</md-bottom-bar>\n        '])])," ",t._h("demo-example",{attrs:{label:"Shifting"}},[t._h("code-block",{attrs:{lang:"xml"}},['\n<md-bottom-bar md-shift>\n  <md-bottom-bar-item md-icon="ondemand_video">Movies</md-bottom-bar-item>\n  <md-bottom-bar-item md-icon="music_note">Music</md-bottom-bar-item>\n  <md-bottom-bar-item md-icon="books" md-active>Books</md-bottom-bar-item>\n  <md-bottom-bar-item md-icon="photo">Pictures</md-bottom-bar-item>\n</md-bottom-bar>\n        '])," ",t._h("code-block",{attrs:{lang:"xml"}},['\n<md-bottom-bar class="md-accent" md-shift>\n  <md-bottom-bar-item md-icon="ondemand_video">Movies</md-bottom-bar-item>\n  <md-bottom-bar-item md-icon="music_note">Music</md-bottom-bar-item>\n  <md-bottom-bar-item md-icon="books" md-active>Books</md-bottom-bar-item>\n  <md-bottom-bar-item md-icon="photo">Pictures</md-bottom-bar-item>\n</md-bottom-bar>\n        '])," ",t._h("code-block",{attrs:{lang:"xml"}},['\n<md-bottom-bar class="md-warn" md-shift>\n  <md-bottom-bar-item md-icon="ondemand_video">Movies</md-bottom-bar-item>\n  <md-bottom-bar-item md-icon="music_note">Music</md-bottom-bar-item>\n  <md-bottom-bar-item md-icon="books" md-active>Books</md-bottom-bar-item>\n  <md-bottom-bar-item md-icon="photo">Pictures</md-bottom-bar-item>\n</md-bottom-bar>\n        '])," ",t._h("code-block",{attrs:{lang:"xml"}},['\n<md-bottom-bar class="md-transparent" md-shift>\n  <md-bottom-bar-item md-icon="ondemand_video">Movies</md-bottom-bar-item>\n  <md-bottom-bar-item md-icon="music_note">Music</md-bottom-bar-item>\n  <md-bottom-bar-item md-icon="books" md-active>Books</md-bottom-bar-item>\n  <md-bottom-bar-item md-icon="photo">Pictures</md-bottom-bar-item>\n</md-bottom-bar>\n        '])])," ",t._h("demo-example",{attrs:{label:"Themed"}},[t._h("code-block",{attrs:{lang:"xml"}},['\n<md-bottom-bar v-md-theme="\'indigo\'">\n  <md-bottom-bar-item md-icon="history">Recents</md-bottom-bar-item>\n  <md-bottom-bar-item md-icon="favorite" md-active>Favorites</md-bottom-bar-item>\n  <md-bottom-bar-item md-icon="near_me">Nearby</md-bottom-bar-item>\n</md-bottom-bar>\n        '])," ",t._h("code-block",{attrs:{lang:"xml"}},['\n<md-bottom-bar v-md-theme="\'orange\'">\n  <md-bottom-bar-item md-icon="history">Recents</md-bottom-bar-item>\n  <md-bottom-bar-item md-icon="favorite" md-active>Favorites</md-bottom-bar-item>\n  <md-bottom-bar-item md-icon="near_me">Nearby</md-bottom-bar-item>\n</md-bottom-bar>\n        '])," ",t._h("code-block",{attrs:{lang:"xml"}},['\n<md-bottom-bar md-shift v-md-theme="\'green\'">\n  <md-bottom-bar-item md-icon="ondemand_video">Movies</md-bottom-bar-item>\n  <md-bottom-bar-item md-icon="music_note">Music</md-bottom-bar-item>\n  <md-bottom-bar-item md-icon="books" md-active>Books</md-bottom-bar-item>\n  <md-bottom-bar-item md-icon="photo">Pictures</md-bottom-bar-item>\n</md-bottom-bar>\n        '])," ",t._h("code-block",{attrs:{lang:"xml"}},['\n<md-bottom-bar md-shift v-md-theme="\'brown\'">\n  <md-bottom-bar-item md-icon="ondemand_video">Movies</md-bottom-bar-item>\n  <md-bottom-bar-item md-icon="music_note">Music</md-bottom-bar-item>\n  <md-bottom-bar-item md-icon="books" md-active>Books</md-bottom-bar-item>\n  <md-bottom-bar-item md-icon="photo">Pictures</md-bottom-bar-item>\n</md-bottom-bar>\n        '])])," ",t._h("demo-example",{attrs:{label:"Dynamic Theme"}},[t._h("code-block",{attrs:{lang:"xml"}},['\n<md-bottom-bar md-shift v-md-theme="playground.theme">\n  <md-bottom-bar-item @click="setTheme(\'blue\')" md-icon="ondemand_video">Movies</md-bottom-bar-item>\n  <md-bottom-bar-item @click="setTheme(\'teal\')" md-icon="music_note">Music</md-bottom-bar-item>\n  <md-bottom-bar-item @click="setTheme(\'brown\')" md-icon="books" md-active>Books</md-bottom-bar-item>\n  <md-bottom-bar-item @click="setTheme(\'indigo\')" md-icon="photo">Pictures</md-bottom-bar-item>\n</md-bottom-bar>\n        '])," ",t._h("code-block",{
 attrs:{lang:"javascript"}},["\nexport default {\n  data() {\n    return {\n      playground: {\n        theme: 'brown'\n      }\n    };\n  },\n  methods: {\n    setTheme(theme) {\n      this.playground.theme = theme;\n    }\n  }\n};\n        "])])])," ",t._h("div",{slot:"api"})])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this;return t._h("single-page",{staticClass:"single-page-home",attrs:{label:"UI Elements - Grid System"}})},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this;return t._m(0)},staticRenderFns:[function(){var t=this;return t._h("div",{staticClass:"md-card-header"},[t._t("default")])}]}},function(t,e){t.exports={render:function(){var t=this;return t._h("md-card",{staticClass:"demo-example",class:t.classes,style:{height:t.height+"px"}},[t._h("md-toolbar",{directives:[{name:"md-theme",rawName:"v-md-theme",value:t.titleTheme,expression:"titleTheme"}],staticClass:"demo-example-toolbar"},[t._h("h2",{staticClass:"md-title"},[t._s(t.label)])])," ",t._h("section",{directives:[{name:"md-theme",rawName:"v-md-theme",value:t.bodyTheme,expression:"bodyTheme"}],staticClass:"demo-example-body"},[t._t("default")])])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this;return t._m(0)},staticRenderFns:[function(){var t=this;return t._h("hr",{staticClass:"md-divider"})}]}},function(t,e){t.exports={render:function(){var t=this;return t._h("span",{staticClass:"md-tooltip",class:t.classes,style:t.style},[t._t("default")])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this;return t._h("div",{staticClass:"md-card-area",class:t.classes},[t._t("default")])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this;return t._h("demo-page",{attrs:{label:"Components - Radio"}},[t._h("div",{slot:"examples"},[t._h("demo-example",{attrs:{label:"Default"}},[t._h("div",[t._h("md-radio",{directives:[{name:"model",rawName:"v-model",value:t.radio1,expression:"radio1"}],attrs:{id:"my-test1",name:"my-test-group1","md-value":"1"},domProps:{value:t.radio1},on:{input:function(e){t.radio1=e}}},["My beautiful radio"])," ",t._h("md-radio",{directives:[{name:"model",rawName:"v-model",value:t.radio1,expression:"radio1"}],attrs:{id:"my-test2",name:"my-test-group1","md-value":"2"},domProps:{value:t.radio1},on:{input:function(e){t.radio1=e}}},["Another radio"])," ",t._h("md-radio",{directives:[{name:"model",rawName:"v-model",value:t.radio1,expression:"radio1"}],attrs:{id:"my-test3",name:"my-test-group1","md-value":"3"},domProps:{value:t.radio1},on:{input:function(e){t.radio1=e}}},["Another another radio"])])," ",t._h("div",[t._h("md-radio",{directives:[{name:"model",rawName:"v-model",value:t.radio2,expression:"radio2"}],staticClass:"md-primary",attrs:{id:"my-test4",name:"my-test-group2","md-value":"1"},domProps:{value:t.radio2},on:{input:function(e){t.radio2=e}}},["Primary radio"])," ",t._h("md-radio",{directives:[{name:"model",rawName:"v-model",value:t.radio2,expression:"radio2"}],staticClass:"md-primary",attrs:{id:"my-test5",name:"my-test-group2","md-value":"2"},domProps:{value:t.radio2},on:{input:function(e){t.radio2=e}}},["Another primary radio"])," ",t._h("md-radio",{directives:[{name:"model",rawName:"v-model",value:t.radio2,expression:"radio2"}],staticClass:"md-primary",attrs:{id:"my-test6",name:"my-test-group2","md-value":"3"},domProps:{value:t.radio2},on:{input:function(e){t.radio2=e}}},["Another another primary radio"])])," ",t._h("div",[t._h("md-radio",{directives:[{name:"model",rawName:"v-model",value:t.radio3,expression:"radio3"}],staticClass:"md-warn",attrs:{id:"my-test7",name:"my-test-group3","md-value":"1"},domProps:{value:t.radio3},on:{input:function(e){t.radio3=e}}},["Warn radio"])," ",t._h("md-radio",{directives:[{name:"model",rawName:"v-model",value:t.radio3,expression:"radio3"}],staticClass:"md-warn",attrs:{id:"my-test8",name:"my-test-group3","md-value":"2"},domProps:{value:t.radio3},on:{input:function(e){t.radio3=e}}},["Another warn radio"])," ",t._h("md-radio",{directives:[{name:"model",rawName:"v-model",value:t.radio3,expression:"radio3"}],staticClass:"md-warn",attrs:{id:"my-test9",name:"my-test-group3","md-value":"3"},domProps:{value:t.radio3},on:{input:function(e){t.radio3=e}}},["Another another warn radio"])])," ",t._h("div",[t._h("md-radio",{directives:[{name:"model",rawName:"v-model",value:t.radio4,expression:"radio4"}],attrs:{id:"my-test10",name:"my-test-group3","md-value":"1"},domProps:{value:t.radio4},on:{input:function(e){t.radio4=e}}},["My beautiful radio"])," ",t._h("md-radio",{directives:[{name:"model",rawName:"v-model",value:t.radio4,expression:"radio4"}],attrs:{id:"my-test11",name:"my-test-group3","md-value":"2",disabled:""},domProps:{value:t.radio4},on:{input:function(e){t.radio4=e}}},["Disabled"])," ",t._h("md-radio",{directives:[{name:"model",rawName:"v-model",value:t.radio4,expression:"radio4"}],attrs:{id:"my-test12",name:"my-test-group3","md-value":"3"},domProps:{value:t.radio4},on:{input:function(e){t.radio4=e}}},["Another radio"])])])," ",t._h("demo-example",{attrs:{label:"Themed"}},[t._h("div",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"orange",expression:"'orange'"}]},[t._h("md-radio",{directives:[{name:"model",rawName:"v-model",value:t.radio5,expression:"radio5"}],staticClass:"md-primary",attrs:{id:"my-test13",name:"my-test-group4","md-value":"1"},domProps:{value:t.radio5},on:{input:function(e){t.radio5=e}}},["Orange radio"])," ",t._h("md-radio",{directives:[{name:"model",rawName:"v-model",value:t.radio5,expression:"radio5"}],staticClass:"md-primary",attrs:{id:"my-test14",name:"my-test-group4","md-value":"2"},domProps:{value:t.radio5},on:{input:function(e){t.radio5=e}}},["Another Orange radio"])," ",t._h("md-radio",{directives:[{name:"model",rawName:"v-model",value:t.radio5,expression:"radio5"}],staticClass:"md-primary",attrs:{id:"my-test15",name:"my-test-group4","md-value":"3"},domProps:{value:t.radio5},on:{input:function(e){t.radio5=e}}},["Another another Orange radio"])])," ",t._h("div",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"brown",expression:"'brown'"}]},[t._h("md-radio",{directives:[{name:"model",rawName:"v-model",value:t.radio6,expression:"radio6"}],staticClass:"md-primary",attrs:{id:"my-test16",name:"my-test-group4","md-value":"1"},domProps:{value:t.radio6},on:{input:function(e){t.radio6=e}}},["Brown radio"])," ",t._h("md-radio",{directives:[{name:"model",rawName:"v-model",value:t.radio6,expression:"radio6"}],staticClass:"md-primary",attrs:{id:"my-test17",name:"my-test-group4","md-value":"2"},domProps:{value:t.radio6},on:{input:function(e){t.radio6=e}}},["Another Brown radio"])," ",t._h("md-radio",{directives:[{name:"model",rawName:"v-model",value:t.radio6,expression:"radio6"}],staticClass:"md-primary",attrs:{id:"my-test18",name:"my-test-group4","md-value":"3"},domProps:{value:t.radio6},on:{input:function(e){t.radio6=e}}},["Another another Brown radio"])])," ",t._h("div",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"green",expression:"'green'"}]},[t._h("md-radio",{directives:[{name:"model",rawName:"v-model",value:t.radio7,expression:"radio7"}],staticClass:"md-primary",attrs:{id:"my-test19",name:"my-test-group6","md-value":"1"},domProps:{value:t.radio7},on:{input:function(e){t.radio7=e}}},["Green radio"])," ",t._h("md-radio",{directives:[{name:"model",rawName:"v-model",value:t.radio7,expression:"radio7"}],staticClass:"md-primary",attrs:{id:"my-test20",name:"my-test-group6","md-value":"2"},domProps:{value:t.radio7},on:{input:function(e){t.radio7=e}}},["Another Green radio"])," ",t._h("md-radio",{directives:[{name:"model",rawName:"v-model",value:t.radio7,expression:"radio7"}],staticClass:"md-primary",attrs:{id:"my-test21",name:"my-test-group6","md-value":"3"},domProps:{value:t.radio7},on:{input:function(e){t.radio7=e}}},["Another another Green radio"])])," ",t._h("div",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"teal",expression:"'teal'"}]},[t._h("md-radio",{directives:[{name:"model",rawName:"v-model",value:t.radio8,expression:"radio8"}],staticClass:"md-primary",attrs:{id:"my-test22",name:"my-test-group3","md-value":"1"},domProps:{value:t.radio8},on:{input:function(e){t.radio8=e}}},["Teal radio"])," ",t._h("md-radio",{directives:[{name:"model",rawName:"v-model",value:t.radio8,expression:"radio8"}],staticClass:"md-primary",attrs:{id:"my-test23",name:"my-test-group3","md-value":"2",disabled:""},domProps:{value:t.radio8},on:{input:function(e){t.radio8=e}}},["Teal disabled radio"])," ",t._h("md-radio",{directives:[{name:"model",rawName:"v-model",value:t.radio8,expression:"radio8"}],staticClass:"md-primary",attrs:{id:"my-test24",name:"my-test-group3","md-value":"3"},domProps:{value:t.radio8},on:{input:function(e){t.radio8=e}}},["Another another Teal radio"])])])])," ",t._h("div",{slot:"code"},[t._h("demo-example",{attrs:{label:"Default"}},[t._h("code-block",{attrs:{lang:"xml"}},['\n<md-radio v-model="radio1" id="my-test1" name="my-test-group1" md-value="1">My beautiful radio</md-radio>\n<md-radio v-model="radio1" id="my-test2" name="my-test-group1" md-value="2">Another radio</md-radio>\n<md-radio v-model="radio1" id="my-test3" name="my-test-group1" md-value="3">Another another radio</md-radio>\n\n<md-radio v-model="radio2" id="my-test4" name="my-test-group2" md-value="1" class="md-primary">Primary radio</md-radio>\n<md-radio v-model="radio2" id="my-test5" name="my-test-group2" md-value="2" class="md-primary">Another primary radio</md-radio>\n<md-radio v-model="radio2" id="my-test6" name="my-test-group2" md-value="3" class="md-primary">Another another primary radio</md-radio>\n\n<md-radio v-model="radio3" id="my-test7" name="my-test-group3" md-value="1" class="md-warn">Warn radio</md-radio>\n<md-radio v-model="radio3" id="my-test8" name="my-test-group3" md-value="2" class="md-warn">Another warn radio</md-radio>\n<md-radio v-model="radio3" id="my-test9" name="my-test-group3" md-value="3" class="md-warn">Another another warn radio</md-radio>\n\n<md-radio v-model="radio4" id="my-test10" name="my-test-group3" md-value="1">My beautiful radio</md-radio>\n<md-radio v-model="radio4" id="my-test11" name="my-test-group3" md-value="2" disabled>Disabled</md-radio>\n<md-radio v-model="radio4" id="my-test12" name="my-test-group3" md-value="3">Another radio</md-radio>\n        '])])," ",t._h("demo-example",{attrs:{label:"Themed"}},[t._h("code-block",{attrs:{lang:"xml"}},['\n<div v-md-theme="\'orange\'">\n  <md-radio v-model="radio5" id="my-test13" name="my-test-group4" md-value="1" class="md-primary">Orange radio</md-radio>\n  <md-radio v-model="radio5" id="my-test14" name="my-test-group4" md-value="2" class="md-primary">Another Orange radio</md-radio>\n  <md-radio v-model="radio5" id="my-test15" name="my-test-group4" md-value="3" class="md-primary">Another another Orange radio</md-radio>\n</div>\n\n<div v-md-theme="\'brown\'">\n  <md-radio v-model="radio6" id="my-test16" name="my-test-group4" md-value="1" class="md-primary">Brown radio</md-radio>\n  <md-radio v-model="radio6" id="my-test17" name="my-test-group4" md-value="2" class="md-primary">Another Brown radio</md-radio>\n  <md-radio v-model="radio6" id="my-test18" name="my-test-group4" md-value="3" class="md-primary">Another another Brown radio</md-radio>\n</div>\n\n<div v-md-theme="\'green\'">\n  <md-radio v-model="radio7" id="my-test19" name="my-test-group6" md-value="1" class="md-primary">Green radio</md-radio>\n  <md-radio v-model="radio7" id="my-test20" name="my-test-group6" md-value="2" class="md-primary">Another Green radio</md-radio>\n  <md-radio v-model="radio7" id="my-test21" name="my-test-group6" md-value="3" class="md-primary">Another another Green radio</md-radio>\n</div>\n\n<div v-md-theme="\'teal\'">\n  <md-radio v-model="radio8" id="my-test22" name="my-test-group3" md-value="1" class="md-primary">Teal radio</md-radio>\n  <md-radio v-model="radio8" id="my-test23" name="my-test-group3" md-value="2" class="md-primary" disabled>Teal disabled radio</md-radio>\n  <md-radio v-model="radio8" id="my-test24" name="my-test-group3" md-value="3" class="md-primary">Another another Teal radio</md-radio>\n</div>\n        '])])])," ",t._h("div",{slot:"api"})])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this;return t._h("demo-page",{attrs:{label:"Components - Tabs"}},[t._h("div",{slot:"examples",staticClass:"examples"},[t._h("demo-example",{attrs:{label:"Default - Grey Theme",size:"3","body-theme":"grey"}},[t._h("md-tabs",[t._h("md-tab",{attrs:{id:"movies","md-label":"Movies"}},[t._m(0)])," ",t._h("md-tab",{attrs:{id:"music","md-label":"Music"}},[t._m(1)," ",t._m(2)])," ",t._h("md-tab",{attrs:{id:"books","md-label":"Books"}},[t._m(3)])," ",t._h("md-tab",{attrs:{id:"pictures","md-label":"Pictures"}},[t._m(4)])])])," ",t._h("demo-example",{attrs:{label:"Fixed - Accent Color",size:"3"}},[t._h("md-tabs",{staticClass:"md-accent",attrs:{"md-fixed":""}},[t._h("md-tab",{attrs:{"md-label":"Movies"}},[t._m(5)])," ",t._h("md-tab",{attrs:{"md-label":"Music"}},[t._m(6)," ",t._m(7)])," ",t._h("md-tab",{attrs:{"md-label":"Books"}},[t._m(8)])," ",t._h("md-tab",{attrs:{"md-label":"Pictures"}},[t._m(9)])])])," ",t._h("demo-example",{attrs:{label:"With icons and text - Teal Theme",size:"3","body-theme":"teal"}},[t._h("md-tabs",{attrs:{"md-fixed":""}},[t._h("md-tab",{attrs:{"md-label":"Movies","md-icon":"ondemand_video"}},[t._m(10)])," ",t._h("md-tab",{attrs:{"md-label":"Music","md-icon":"music_note"}},[t._m(11)," ",t._m(12)])," ",t._h("md-tab",{attrs:{"md-label":"Books","md-icon":"books"}},[t._m(13)])," ",t._h("md-tab",{attrs:{"md-label":"Pictures","md-icon":"photo"}},[t._m(14)])])])," ",t._h("demo-example",{attrs:{label:"Centered with only icon - Transparent Color",size:"3"}},[t._h("md-tabs",{staticClass:"md-transparent",attrs:{"md-centered":""}},[t._h("md-tab",{attrs:{"md-icon":"phone"}},[t._m(15)])," ",t._h("md-tab",{attrs:{"md-icon":"favorite"}},[t._m(16)," ",t._m(17)])," ",t._h("md-tab",{attrs:{"md-icon":"near_me"}},[t._m(18)])])])," ",t._h("demo-example",{attrs:{label:"Fixed with only icon - Default Theme",size:"3"}},[t._h("md-tabs",{attrs:{"md-fixed":""}},[t._h("md-tab",{attrs:{"md-icon":"phone"}},[t._m(19)])," ",t._h("md-tab",{attrs:{"md-icon":"favorite"}},[t._m(20)," ",t._m(21)])," ",t._h("md-tab",{attrs:{"md-icon":"near_me"}},[t._m(22)])])])," ",t._h("demo-example",{attrs:{label:"Playground",size:"3"}},[t._h("div",{staticClass:"playground"},[t._h("md-subheader",["Tabs Attributes"])," ",t._h("md-checkbox",{directives:[{name:"model",rawName:"v-model",value:t.playground.fixed,expression:"playground.fixed"}],attrs:{id:"fixed"},domProps:{value:t.playground.fixed},on:{input:function(e){t.playground.fixed=e}}},["Fixed"])," ",t._h("md-checkbox",{directives:[{name:"model",rawName:"v-model",value:t.playground.centered,expression:"playground.centered"}],attrs:{id:"centered"},domProps:{value:t.playground.centered},on:{input:function(e){t.playground.centered=e}}},["Centered"])," ",t._h("md-input-container",[t._m(23)," ",t._h("md-input",{directives:[{name:"model",rawName:"v-model",value:t.playground.shadow,expression:"playground.shadow"}],attrs:{type:"number",id:"shadow",min:"0",max:"24"},domProps:{value:t.playground.shadow},on:{input:function(e){t.playground.shadow=t._n(e)}}})])," ",t._h("md-subheader",["Theme"])," ",t._h("md-radio",{directives:[{name:"model",rawName:"v-model",value:t.playground.theme,expression:"playground.theme"}],attrs:{id:"theme1",name:"theme","md-value":"default"},domProps:{value:t.playground.theme},on:{input:function(e){t.playground.theme=e}}},["Default"])," ",t._h("md-radio",{directives:[{name:"model",rawName:"v-model",value:t.playground.theme,expression:"playground.theme"}],attrs:{id:"theme2",name:"theme","md-value":"green"},domProps:{value:t.playground.theme},on:{input:function(e){t.playground.theme=e}}},["Green"])," ",t._h("md-radio",{directives:[{name:"model",rawName:"v-model",value:t.playground.theme,expression:"playground.theme"}],attrs:{id:"theme3",name:"theme","md-value":"cyan"},domProps:{value:t.playground.theme},on:{input:function(e){t.playground.theme=e}}},["Cyan"])," ",t._h("md-radio",{directives:[{name:"model",rawName:"v-model",value:t.playground.theme,expression:"playground.theme"}],attrs:{id:"theme4",name:"theme","md-value":"brown"},domProps:{value:t.playground.theme},on:{input:function(e){t.playground.theme=e}}},["Brown"])," ",t._h("md-subheader",["Colors"])," ",t._h("md-radio",{directives:[{name:"model",rawName:"v-model",value:t.playground.color,expression:"playground.color"}],attrs:{id:"color1",name:"color","md-value":"0"},domProps:{value:t.playground.color},on:{input:function(e){t.playground.color=e}}},["Default"])," ",t._h("md-radio",{directives:[{name:"model",rawName:"v-model",value:t.playground.color,expression:"playground.color"}],attrs:{id:"color2",name:"color","md-value":"1"},domProps:{value:t.playground.color},on:{input:function(e){t.playground.color=e}}},["Accent"])," ",t._h("md-radio",{directives:[{name:"model",rawName:"v-model",value:t.playground.color,expression:"playground.color"}],attrs:{id:"color3",name:"color","md-value":"2"},domProps:{value:t.playground.color},on:{input:function(e){t.playground.color=e}}},["Warn"])," ",t._h("md-radio",{directives:[{name:"model",rawName:"v-model",value:t.playground.color,expression:"playground.color"}],attrs:{id:"color4",name:"color","md-value":"3"},domProps:{value:t.playground.color},on:{input:function(e){t.playground.color=e}}},["Transparent"])," ",t._h("md-subheader",["Second Tab"])," ",t._h("md-checkbox",{directives:[{name:"model",rawName:"v-model",value:t.playground.tabs[1].disabled,expression:"playground.tabs[1].disabled"}],attrs:{id:"disabled"},domProps:{value:t.playground.tabs[1].disabled},on:{input:function(e){var n=t.playground.tabs,a=1;Array.isArray(n)?n.splice(a,1,e):t.playground.tabs[1].disabled=e}}},["Disabled"])," ",t._h("md-checkbox",{directives:[{name:"model",rawName:"v-model",value:t.playground.tabs[1].active,expression:"playground.tabs[1].active"}],attrs:{id:"active"},domProps:{value:t.playground.tabs[1].active},on:{input:function(e){var n=t.playground.tabs,a=1;Array.isArray(n)?n.splice(a,1,e):t.playground.tabs[1].active=e}}},["Active"])])," ",t._h("md-tabs",{directives:[{name:"md-theme",rawName:"v-md-theme",value:t.playground.theme,expression:"playground.theme"}],class:{"md-accent":"1"===t.playground.color,"md-warn":"2"===t.playground.color,"md-transparent":"3"===t.playground.color},attrs:{"md-fixed":t.playground.fixed,"md-centered":t.playground.centered,"md-elevation":t.playground.shadow}},[t._l(t.playground.tabs,function(e,n){return t._h("md-tab",{attrs:{"md-label":e.label,"md-icon":e.icon,"md-disabled":e.disabled,"md-active":e.active}},[t._h("md-input-container",[t._h("label",{attrs:{for:"label"+n}},["Label"])," ",t._h("md-input",{directives:[{name:"model",rawName:"v-model",value:e.label,expression:"tab.label"}],attrs:{type:"text",id:"label"+n},domProps:{value:e.label},on:{input:function(t){e.label=t}}})])," ",t._h("md-input-container",[t._h("label",{attrs:{for:"icon"+n}},["Icon"])," ",t._h("md-input",{directives:[{name:"model",rawName:"v-model",value:e.icon,expression:"tab.icon"}],attrs:{type:"text",id:"icon"+n},domProps:{value:e.icon},on:{input:function(t){e.icon=t}}})])])})])])])," ",t._h("div",{slot:"code"},[t._h("demo-example",{attrs:{label:"Default - Grey Theme","body-theme":"grey"}},[t._h("code-block",{attrs:{lang:"xml"}},['\n<md-tabs>\n  <md-tab id="movies" md-label="Movies">\n    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas amet cum vitae, omnis! Illum quas voluptatem, expedita iste, dicta ipsum ea veniam dolore in, quod saepe reiciendis nihil.</p>\n  </md-tab>\n\n  <md-tab id="music" md-label="Music">\n    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas amet cum vitae, omnis! Illum quas voluptatem, expedita iste, dicta ipsum ea veniam dolore in, quod saepe reiciendis nihil.</p>\n    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas amet cum vitae, omnis! Illum quas voluptatem, expedita iste, dicta ipsum ea veniam dolore in, quod saepe reiciendis nihil.</p>\n  </md-tab>\n\n  <md-tab id="books" md-label="Books">\n    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas.</p>\n  </md-tab>\n\n  <md-tab id="pictures" md-label="Pictures">\n    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas.</p>\n  </md-tab>\n</md-tabs>\n        '])])," ",t._h("demo-example",{attrs:{label:"Fixed - Accent Color"}},[t._h("code-block",{attrs:{lang:"xml"}},['\n<md-tabs md-fixed class="md-accent">\n  <md-tab md-label="Movies">\n    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas amet cum vitae, omnis! Illum quas voluptatem, expedita iste, dicta ipsum ea veniam dolore in, quod saepe reiciendis nihil.</p>\n  </md-tab>\n\n  <md-tab md-label="Music">\n    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas amet cum vitae, omnis! Illum quas voluptatem, expedita iste, dicta ipsum ea veniam dolore in, quod saepe reiciendis nihil.</p>\n    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas amet cum vitae, omnis! Illum quas voluptatem, expedita iste, dicta ipsum ea veniam dolore in, quod saepe reiciendis nihil.</p>\n  </md-tab>\n\n  <md-tab md-label="Books">\n    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas.</p>\n  </md-tab>\n\n  <md-tab md-label="Pictures">\n    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas.</p>\n  </md-tab>\n</md-tabs>\n        '])])," ",t._h("demo-example",{attrs:{label:"With icons and text - Teal Theme","body-theme":"teal"}},[t._h("code-block",{attrs:{lang:"xml"}},['\n<md-tabs md-fixed>\n  <md-tab md-label="Movies" md-icon="ondemand_video">\n    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas amet cum vitae, omnis! Illum quas voluptatem, expedita iste, dicta ipsum ea veniam dolore in, quod saepe reiciendis nihil.</p>\n  </md-tab>\n\n  <md-tab md-label="Music" md-icon="music_note">\n    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas amet cum vitae, omnis! Illum quas voluptatem, expedita iste, dicta ipsum ea veniam dolore in, quod saepe reiciendis nihil.</p>\n    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas amet cum vitae, omnis! Illum quas voluptatem, expedita iste, dicta ipsum ea veniam dolore in, quod saepe reiciendis nihil.</p>\n  </md-tab>\n\n  <md-tab md-label="Books" md-icon="books">\n    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas.</p>\n  </md-tab>\n\n  <md-tab md-label="Pictures" md-icon="photo">\n    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas.</p>\n  </md-tab>\n</md-tabs>\n        '])])," ",t._h("demo-example",{attrs:{label:"Centered with only icon - Transparent Color"}},[t._h("code-block",{attrs:{lang:"xml"}},['\n<md-tabs md-centered class="md-transparent">\n  <md-tab md-icon="phone">\n    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas amet cum vitae, omnis! Illum quas voluptatem, expedita iste, dicta ipsum ea veniam dolore in, quod saepe reiciendis nihil.</p>\n  </md-tab>\n\n  <md-tab md-icon="favorite">\n    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas amet cum vitae, omnis! Illum quas voluptatem, expedita iste, dicta ipsum ea veniam dolore in, quod saepe reiciendis nihil.</p>\n    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas amet cum vitae, omnis! Illum quas voluptatem, expedita iste, dicta ipsum ea veniam dolore in, quod saepe reiciendis nihil.</p>\n  </md-tab>\n\n  <md-tab md-icon="near_me">\n    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas.</p>\n  </md-tab>\n</md-tabs>\n        '])])," ",t._h("demo-example",{attrs:{label:"Fixed with only icon - Default Theme"}},[t._h("code-block",{attrs:{lang:"xml"}},['\n<md-tabs md-fixed>\n  <md-tab md-icon="phone">\n    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas amet cum vitae, omnis! Illum quas voluptatem, expedita iste, dicta ipsum ea veniam dolore in, quod saepe reiciendis nihil.</p>\n  </md-tab>\n\n  <md-tab md-icon="favorite">\n    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas amet cum vitae, omnis! Illum quas voluptatem, expedita iste, dicta ipsum ea veniam dolore in, quod saepe reiciendis nihil.</p>\n    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas amet cum vitae, omnis! Illum quas voluptatem, expedita iste, dicta ipsum ea veniam dolore in, quod saepe reiciendis nihil.</p>\n  </md-tab>\n\n  <md-tab md-icon="near_me">\n    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas.</p>\n  </md-tab>\n</md-tabs>\n        '])])," ",t._h("demo-example",{attrs:{label:"Playground"}},[t._h("code-block",{attrs:{lang:"xml"}},['\n<div class="playground">\n  <md-subheader>Tabs Attributes</md-subheader>\n  <md-checkbox id="fixed" v-model="playground.fixed">Fixed</md-checkbox>\n  <md-checkbox id="centered" v-model="playground.centered">Centered</md-checkbox>\n  <md-input-container>\n    <label for="shadow">Shadow</label>\n    <md-input type="number" id="shadow" v-model="playground.shadow" min="0" max="24"></md-input>\n  </md-input-container>\n\n  <md-subheader>Theme</md-subheader>\n  <md-radio v-model="playground.theme" id="theme1" name="theme" md-value="default">Default</md-radio>\n  <md-radio v-model="playground.theme" id="theme2" name="theme" md-value="green">Green</md-radio>\n  <md-radio v-model="playground.theme" id="theme3" name="theme" md-value="cyan">Cyan</md-radio>\n  <md-radio v-model="playground.theme" id="theme4" name="theme" md-value="brown">Brown</md-radio>\n\n  <md-subheader>Colors</md-subheader>\n  <md-radio v-model="playground.color" id="color1" name="color" md-value="0">Default</md-radio>\n  <md-radio v-model="playground.color" id="color2" name="color" md-value="1">Accent</md-radio>\n  <md-radio v-model="playground.color" id="color3" name="color" md-value="2">Warn</md-radio>\n  <md-radio v-model="playground.color" id="color4" name="color" md-value="3">Transparent</md-radio>\n\n  <md-subheader>Second Tab</md-subheader>\n  <md-checkbox id="disabled" v-model="playground.tabs[1].disabled">Disabled</md-checkbox>\n  <md-checkbox id="active" v-model="playground.tabs[1].active">Active</md-checkbox>\n</div>\n\n<md-tabs\n  :class="{\n    \'md-accent\': playground.color === \'1\',\n    \'md-warn\': playground.color === \'2\',\n    \'md-transparent\': playground.color === \'3\'\n  }"\n  :md-fixed="playground.fixed"\n  :md-centered="playground.centered"\n  :md-elevation="playground.shadow"\n  v-md-theme="playground.theme">\n  <md-tab v-for="(tab, index) in playground.tabs" :md-label="tab.label" :md-icon="tab.icon" :md-disabled="tab.disabled" :md-active="tab.active">\n    <md-input-container>\n      <label :for="\'label\' + index">Label</label>\n      <md-input type="text" :id="\'label\' + index" v-model="tab.label"></md-input>\n    </md-input-container>\n\n    <md-input-container>\n      <label :for="\'icon\' + index">Icon</label>\n      <md-input type="text" :id="\'icon\' + index" v-model="tab.icon"></md-input>\n    </md-input-container>\n  </md-tab>\n</md-tabs>\n        '])," ",t._h("code-block",{attrs:{lang:"scss"}},["\n.playground {\n  padding: 0 16px 16px;\n\n  .md-subheader {\n    padding: 16px 0 0;\n  }\n}\n        "])," ",t._h("code-block",{attrs:{lang:"javascript"}},["\nexport default {\n  data() {\n    return {\n      playground: {\n        color: '3',\n        fixed: true,\n        centered: false,\n        shadow: 0,\n        theme: 'default',\n        tabs: [\n          {\n            label: 'Phone',\n            icon: 'phone',\n            active: false,\n            disabled: false\n          },\n          {\n            label: 'Favorites',\n            icon: 'favorite',\n            active: false,\n            disabled: false\n          },\n          {\n            label: 'Near me',\n            icon: 'near_me',\n            active: true,\n            disabled: false\n          }\n        ]\n      },\n      firstTabName: 'Movies'\n    };\n  }\n};\n        "])])])," ",t._h("div",{slot:"api"},[t._m(24)])])},staticRenderFns:[function(){var t=this;return t._h("p",["Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas amet cum vitae, omnis! Illum quas voluptatem, expedita iste, dicta ipsum ea veniam dolore in, quod saepe reiciendis nihil."])},function(){var t=this;return t._h("p",["Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas amet cum vitae, omnis! Illum quas voluptatem, expedita iste, dicta ipsum ea veniam dolore in, quod saepe reiciendis nihil."])},function(){var t=this;return t._h("p",["Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas amet cum vitae, omnis! Illum quas voluptatem, expedita iste, dicta ipsum ea veniam dolore in, quod saepe reiciendis nihil."])},function(){var t=this;return t._h("p",["Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas."])},function(){var t=this;return t._h("p",["Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas."])},function(){var t=this;return t._h("p",["Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas amet cum vitae, omnis! Illum quas voluptatem, expedita iste, dicta ipsum ea veniam dolore in, quod saepe reiciendis nihil."])},function(){var t=this;return t._h("p",["Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas amet cum vitae, omnis! Illum quas voluptatem, expedita iste, dicta ipsum ea veniam dolore in, quod saepe reiciendis nihil."])},function(){var t=this;return t._h("p",["Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas amet cum vitae, omnis! Illum quas voluptatem, expedita iste, dicta ipsum ea veniam dolore in, quod saepe reiciendis nihil."])},function(){var t=this;return t._h("p",["Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas."])},function(){var t=this;return t._h("p",["Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas."])},function(){var t=this;return t._h("p",["Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas amet cum vitae, omnis! Illum quas voluptatem, expedita iste, dicta ipsum ea veniam dolore in, quod saepe reiciendis nihil."])},function(){var t=this;return t._h("p",["Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas amet cum vitae, omnis! Illum quas voluptatem, expedita iste, dicta ipsum ea veniam dolore in, quod saepe reiciendis nihil."])},function(){var t=this;return t._h("p",["Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas amet cum vitae, omnis! Illum quas voluptatem, expedita iste, dicta ipsum ea veniam dolore in, quod saepe reiciendis nihil."])},function(){var t=this;return t._h("p",["Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas."])},function(){var t=this;return t._h("p",["Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas."])},function(){var t=this;return t._h("p",["Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas amet cum vitae, omnis! Illum quas voluptatem, expedita iste, dicta ipsum ea veniam dolore in, quod saepe reiciendis nihil."])},function(){var t=this;return t._h("p",["Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas amet cum vitae, omnis! Illum quas voluptatem, expedita iste, dicta ipsum ea veniam dolore in, quod saepe reiciendis nihil."]);
-},function(){var t=this;return t._h("p",["Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas amet cum vitae, omnis! Illum quas voluptatem, expedita iste, dicta ipsum ea veniam dolore in, quod saepe reiciendis nihil."])},function(){var t=this;return t._h("p",["Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas."])},function(){var t=this;return t._h("p",["Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas amet cum vitae, omnis! Illum quas voluptatem, expedita iste, dicta ipsum ea veniam dolore in, quod saepe reiciendis nihil."])},function(){var t=this;return t._h("p",["Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas amet cum vitae, omnis! Illum quas voluptatem, expedita iste, dicta ipsum ea veniam dolore in, quod saepe reiciendis nihil."])},function(){var t=this;return t._h("p",["Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas amet cum vitae, omnis! Illum quas voluptatem, expedita iste, dicta ipsum ea veniam dolore in, quod saepe reiciendis nihil."])},function(){var t=this;return t._h("p",["Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas."])},function(){var t=this;return t._h("label",{attrs:{for:"shadow"}},["Shadow"])},function(){var t=this;return t._h("p",["\n      To use Tabs you must wrap all ",t._h("code",["<md-tab>"])," in a ",t._h("code",["<md-tabs>"])," as a direct parent.\n      The ",t._h("code",["<md-tabs>"])," can accept some parameters to modify his styles, like ",t._h("code",["md-fixed"])," and ",t._h("code",["md-centered"])," for example.\n      Each single tab accept a ",t._h("code",["md-label"])," and/or ",t._h("code",["md-icon"]),". You can set the active tab by setting a parameter ",t._h("code",["md-active"]),".\n      "])}]}},function(t,e){t.exports={render:function(){var t=this;return t._m(0)},staticRenderFns:[function(){var t=this;return t._h("div",{staticClass:"md-card-header-text"},[t._t("default")])}]}},function(t,e){t.exports={render:function(){var t=this;return t._h("demo-page",{attrs:{label:"Components - Tooltip"}},[t._h("div",{slot:"examples"},[t._h("demo-example",{attrs:{label:"Default"}},[t._h("div",[t._h("md-button",{staticClass:"md-icon-button md-raised md-primary"},[t._h("md-icon",["folder"])," ",t._h("md-tooltip",{attrs:{"md-direction":"top"}},["My tooltip"])])," ",t._h("md-avatar",[t._m(0)," ",t._h("md-tooltip",{attrs:{"md-direction":"bottom"}},["My tooltip"])])])," ",t._h("div",[t._h("md-button",{staticClass:"md-icon-button md-raised md-warn"},[t._h("md-icon",["home"])," ",t._h("md-tooltip",{attrs:{"md-direction":"left"}},["My tooltip"])])," ",t._h("md-avatar",{staticClass:"md-avatar-icon"},[t._h("md-icon",["person"])," ",t._h("md-tooltip",{attrs:{"md-direction":"right"}},["My tooltip"])])])])," ",t._h("demo-example",{attrs:{label:"Delay - 400ms"}},[t._h("div",[t._h("md-button",{staticClass:"md-icon-button md-raised md-primary"},[t._h("md-icon",["folder"])," ",t._h("md-tooltip",{attrs:{"md-delay":"400","md-direction":"top"}},["My tooltip"])])," ",t._h("md-avatar",[t._m(1)," ",t._h("md-tooltip",{attrs:{"md-delay":"400","md-direction":"bottom"}},["My tooltip"])])])," ",t._h("div",[t._h("md-button",{staticClass:"md-icon-button md-raised md-warn"},[t._h("md-icon",["home"])," ",t._h("md-tooltip",{attrs:{"md-delay":"400","md-direction":"left"}},["My tooltip"])])," ",t._h("md-avatar",{staticClass:"md-avatar-icon"},[t._h("md-icon",["person"])," ",t._h("md-tooltip",{attrs:{"md-delay":"400","md-direction":"right"}},["My tooltip"])])])])])," ",t._h("div",{slot:"code"},[t._h("demo-example",{attrs:{label:"Default"}},[t._h("code-block",{attrs:{lang:"xml"}},['\n<md-button class="md-icon-button md-raised md-primary">\n  <md-icon>folder</md-icon>\n  <md-tooltip md-direction="top">My tooltip</md-tooltip>\n</md-button>\n\n<md-avatar>\n  <img src="https://placeimg.com/40/40/people/1" alt="People">\n  <md-tooltip md-direction="bottom">My tooltip</md-tooltip>\n</md-avatar>\n\n<md-button class="md-icon-button md-raised md-warn">\n  <md-icon>home</md-icon>\n  <md-tooltip md-direction="left">My tooltip</md-tooltip>\n</md-button>\n\n<md-avatar class="md-avatar-icon">\n  <md-icon>person</md-icon>\n  <md-tooltip md-direction="right">My tooltip</md-tooltip>\n</md-avatar>\n        '])])," ",t._h("demo-example",{attrs:{label:"Delay - 400ms"}},[t._h("code-block",{attrs:{lang:"xml"}},['\n<md-button class="md-icon-button md-raised md-primary">\n  <md-icon>folder</md-icon>\n  <md-tooltip md-delay="400" md-direction="top">My tooltip</md-tooltip>\n</md-button>\n\n<md-avatar>\n  <img src="https://placeimg.com/40/40/people/1" alt="People">\n  <md-tooltip md-delay="400" md-direction="bottom">My tooltip</md-tooltip>\n</md-avatar>\n\n<md-button class="md-icon-button md-raised md-warn">\n  <md-icon>home</md-icon>\n  <md-tooltip md-delay="400" md-direction="left">My tooltip</md-tooltip>\n</md-button>\n\n<md-avatar class="md-avatar-icon">\n  <md-icon>person</md-icon>\n  <md-tooltip md-delay="400" md-direction="right">My tooltip</md-tooltip>\n</md-avatar>\n        '])])])," ",t._h("div",{slot:"api"})])},staticRenderFns:[function(){var t=this;return t._h("img",{attrs:{src:"https://placeimg.com/40/40/people/1",alt:"People"}})},function(){var t=this;return t._h("img",{attrs:{src:"https://placeimg.com/40/40/people/1",alt:"People"}})}]}},function(t,e){t.exports={render:function(){var t=this;return t._m(0)},staticRenderFns:[function(){var t=this;return t._h("ul",{staticClass:"md-list"},[t._t("default")])}]}},function(t,e){t.exports={render:function(){var t=this;return t._h("demo-page",{attrs:{label:"Components - Icon"}},[t._h("div",{slot:"examples"},[t._h("demo-example",{attrs:{label:"Default",size:"2"}},[t._h("md-icon",["home"])," ",t._h("md-icon",{staticClass:"md-primary"},["home"])," ",t._h("md-icon",{staticClass:"md-accent"},["home"])," ",t._h("md-icon",{staticClass:"md-warn"},["home"])])," ",t._h("demo-example",{attrs:{label:"Themed",size:"2"}},[t._h("md-icon",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"light-blue",expression:"'light-blue'"}],staticClass:"md-primary"},["home"])," ",t._h("md-icon",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"green",expression:"'green'"}],staticClass:"md-primary"},["home"])," ",t._h("md-icon",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"brown",expression:"'brown'"}],staticClass:"md-primary"},["home"])," ",t._h("md-icon",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"orange",expression:"'orange'"}],staticClass:"md-primary"},["home"])])])," ",t._h("div",{slot:"code"},[t._h("demo-example",{attrs:{label:"Default"}},[t._h("code-block",{attrs:{lang:"xml"}},['\n<md-icon>home</md-icon>\n<md-icon class="md-primary">home</md-icon>\n<md-icon class="md-accent">home</md-icon>\n<md-icon class="md-warn">home</md-icon>\n        '])])," ",t._h("demo-example",{attrs:{label:"Themed"}},[t._h("code-block",{attrs:{lang:"xml"}},['\n<md-icon v-md-theme="\'light-blue\'" class="md-primary">home</md-icon>\n<md-icon v-md-theme="\'green\'" class="md-primary">home</md-icon>\n<md-icon v-md-theme="\'brown\'" class="md-primary">home</md-icon>\n<md-icon v-md-theme="\'orange\'" class="md-primary">home</md-icon>\n        '])])])," ",t._h("div",{slot:"api"})])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this;return t._h("div",{directives:[{name:"md-theme",rawName:"v-md-theme",value:t.theme,expression:"theme"}],staticClass:"container"},[t._h("md-sidenav",{ref:"main-sidebar",staticClass:"main-sidebar md-left md-fixed"},[t._h("md-toolbar",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"white",expression:"'white'"}],staticClass:"vue-material-logo"},[t._h("router-link",{attrs:{exact:"",to:"/"}},[t._h("img",{attrs:{src:t.logo,alt:"Vue"}})," ",t._m(0)])])," ",t._h("div",{staticClass:"main-sidebar-links"},[t._h("md-list",{staticClass:"md-dense"},[t._h("md-list-item",[t._h("router-link",{attrs:{exact:"",to:"/"}},["Introduction"])])," ",t._h("md-list-item",[t._h("router-link",{attrs:{exact:"",to:"/getting-started"}},["Getting Started"])])," ",t._h("md-list-item",[t._m(1)," ",t._h("md-list-expand",[t._h("md-list",[t._h("md-list-item",{staticClass:"md-inset"},[t._h("router-link",{attrs:{exact:"",to:"/components/avatar"}},["Avatar"])])," ",t._h("md-list-item",{staticClass:"md-inset"},[t._h("router-link",{attrs:{exact:"",to:"/components/bottom-bar"}},["Bottom Bar"])])," ",t._h("md-list-item",{staticClass:"md-inset"},[t._h("router-link",{attrs:{exact:"",to:"/components/button"}},["Button"])])," ",t._h("md-list-item",{staticClass:"md-inset"},[t._h("router-link",{attrs:{exact:"",to:"/components/button-toggle"}},["Button Toggle"])])," ",t._h("md-list-item",{staticClass:"md-inset"},[t._h("router-link",{attrs:{exact:"",to:"/components/card"}},["Card"])])," ",t._h("md-list-item",{staticClass:"md-inset"},[t._h("router-link",{attrs:{exact:"",to:"/components/checkbox"}},["Checkbox"])])," ",t._h("md-list-item",{staticClass:"md-inset"},[t._h("router-link",{attrs:{exact:"",to:"/components/icon"}},["Icon"])])," ",t._h("md-list-item",{staticClass:"md-inset"},[t._h("router-link",{attrs:{exact:"",to:"/components/input"}},["Input"])])," ",t._h("md-list-item",{staticClass:"md-inset"},[t._h("router-link",{attrs:{exact:"",to:"/components/list"}},["List"])])," ",t._h("md-list-item",{staticClass:"md-inset"},[t._h("router-link",{attrs:{exact:"",to:"/components/menu"}},["Menu"])])," ",t._h("md-list-item",{staticClass:"md-inset"},[t._h("router-link",{attrs:{exact:"",to:"/components/radio"}},["Radio"])])," ",t._h("md-list-item",{staticClass:"md-inset"},[t._h("router-link",{attrs:{exact:"",to:"/components/ripple"}},["Ripple"])])," ",t._h("md-list-item",{staticClass:"md-inset"},[t._h("router-link",{attrs:{exact:"",to:"/components/select"}},["Select"])])," ",t._h("md-list-item",{staticClass:"md-inset"},[t._h("router-link",{attrs:{exact:"",to:"/components/sidenav"}},["Sidenav"])])," ",t._h("md-list-item",{staticClass:"md-inset"},[t._h("router-link",{attrs:{exact:"",to:"/components/subheader"}},["Subheader"])])," ",t._h("md-list-item",{staticClass:"md-inset"},[t._h("router-link",{attrs:{exact:"",to:"/components/switch"}},["Switch"])])," ",t._h("md-list-item",{staticClass:"md-inset"},[t._h("router-link",{attrs:{exact:"",to:"/components/tabs"}},["Tabs"])])," ",t._h("md-list-item",{staticClass:"md-inset"},[t._h("router-link",{attrs:{exact:"",to:"/components/table"}},["Table"])])," ",t._h("md-list-item",{staticClass:"md-inset"},[t._h("router-link",{attrs:{exact:"",to:"/components/toolbar"}},["Toolbar"])])," ",t._h("md-list-item",{staticClass:"md-inset"},[t._h("router-link",{attrs:{exact:"",to:"/components/tooltip"}},["Tooltip"])])," ",t._h("md-list-item",{staticClass:"md-inset"},[t._h("router-link",{attrs:{exact:"",to:"/components/whiteframe"}},["Whiteframe"])])])])])," ",t._h("md-list-item",[t._h("router-link",{attrs:{exact:"",to:"/ui-elements/typography"}},["Typography"])," "])," "," ",t._h("md-list-item",[t._h("router-link",{attrs:{exact:"",to:"/changelog"}},["Changelog"])])," ",t._h("md-list-item",[t._h("router-link",{attrs:{exact:"",to:"/about"}},["About"])])])])])," ",t._h("transition",{attrs:{name:"md-router"}},[t._h("router-view")])])},staticRenderFns:[function(){var t=this;return t._h("span",["Vue Material"])},function(){var t=this;return t._h("span",["Components"])}]}},function(t,e){t.exports={render:function(){var t=this;return t._h("div",{staticClass:"md-sidenav",class:t.classes,attrs:{tabindex:"0"},on:{keyup:function(e){27===e.keyCode&&t.close(e)}}},[t._h("div",{staticClass:"md-sidenav-content"},[t._t("default")])," ",t._h("div",{staticClass:"md-backdrop",on:{click:t.close}})])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this;return t._h("demo-page",{attrs:{label:"Components - Menu"}},[t._h("div",{slot:"examples"},[t._h("demo-example",{attrs:{label:"Directions"}},[t._h("md-menu",[t._h("md-button",{attrs:{"md-menu-trigger":""}},["Bottom Right"])," ",t._h("md-menu-content",[t._h("md-menu-item",["My Item 1"])," ",t._h("md-menu-item",["My Item 2"])," ",t._h("md-menu-item",["My Item 3"])])])," ",t._h("md-menu",{attrs:{"md-direction":"bottom left"}},[t._h("md-button",{attrs:{"md-menu-trigger":""}},["Bottom Left"])," ",t._h("md-menu-content",[t._h("md-menu-item",["My Item 1"])," ",t._h("md-menu-item",["My Item 2"])," ",t._h("md-menu-item",{attrs:{disabled:""}},["My Item 3"])," ",t._h("md-menu-item",["My Item 4"])])])," ",t._h("md-menu",{attrs:{"md-direction":"top left"}},[t._h("md-button",{attrs:{"md-menu-trigger":""}},["Top Left"])," ",t._h("md-menu-content",[t._h("md-menu-item",["My Item 1"])," ",t._h("md-menu-item",["My Item 2"])," ",t._h("md-menu-item",["My Item 3"])])])," ",t._h("md-menu",{attrs:{"md-direction":"top right"}},[t._h("md-button",{attrs:{"md-menu-trigger":""}},["Top Right"])," ",t._h("md-menu-content",[t._h("md-menu-item",["My Item 1"])," ",t._h("md-menu-item",["My Item 2"])," ",t._h("md-menu-item",["My Item 3"])])])])," ",t._h("demo-example",{attrs:{label:"Sizes"}},[t._h("md-menu",[t._h("md-button",{attrs:{"md-menu-trigger":""}},["Default"])," ",t._h("md-menu-content",[t._h("md-menu-item",["My Item 1"])," ",t._h("md-menu-item",["My Item 2"])," ",t._h("md-menu-item",["My Item 3"])])])," ",t._h("md-menu",{attrs:{"md-size":"1"}},[t._h("md-button",{attrs:{"md-menu-trigger":""}},["Size 1"])," ",t._h("md-menu-content",[t._h("md-menu-item",["My Item 1"])," ",t._h("md-menu-item",["My Item 2"])," ",t._h("md-menu-item",["My Item 3"])])])," ",t._h("md-menu",{attrs:{"md-size":"2"}},[t._h("md-button",{attrs:{"md-menu-trigger":""}},["Size 2"])," ",t._h("md-menu-content",[t._h("md-menu-item",["My Item 1"])," ",t._h("md-menu-item",["My Item 2"])," ",t._h("md-menu-item",["My Item 3"])])])," ",t._h("md-menu",{attrs:{"md-size":"4"}},[t._h("md-button",{attrs:{"md-menu-trigger":""}},["Size 4"])," ",t._h("md-menu-content",[t._h("md-menu-item",["My Item 1"])," ",t._h("md-menu-item",["My Item 2"])," ",t._h("md-menu-item",["My Item 3"])])])," ",t._h("md-menu",{attrs:{"md-size":"5"}},[t._h("md-button",{attrs:{"md-menu-trigger":""}},["Size 5"])," ",t._h("md-menu-content",[t._h("md-menu-item",["My Item 1"])," ",t._h("md-menu-item",["My Item 2"])," ",t._h("md-menu-item",["My Item 3"])])])," ",t._h("md-menu",{attrs:{"md-size":"7"}},[t._h("md-button",{attrs:{"md-menu-trigger":""}},["Size 7"])," ",t._h("md-menu-content",[t._h("md-menu-item",["My Item 1"])," ",t._h("md-menu-item",["My Item 2"])," ",t._h("md-menu-item",["My Item 3"])])])])," ",t._h("demo-example",{attrs:{label:"List Icons"}},[t._h("md-menu",[t._h("md-button",{staticClass:"md-icon-button",attrs:{"md-menu-trigger":""}},[t._h("md-icon",["more_vert"])])," ",t._h("md-menu-content",[t._h("md-menu-item",["My Item 1"])," ",t._h("md-menu-item",["My Item 2"])," ",t._h("md-menu-item",["My Item 3"])])])," ",t._h("md-menu",{attrs:{"md-size":"4"}},[t._h("md-button",{staticClass:"md-icon-button",attrs:{"md-menu-trigger":""}},[t._h("md-icon",["phone"])])," ",t._h("md-menu-content",[t._h("md-menu-item",[t._h("md-icon",["phone"])," ",t._m(0)])," ",t._h("md-menu-item",[t._h("md-icon",["phone"])," ",t._m(1)])," ",t._h("md-menu-item",[t._h("md-icon",["phone"])," ",t._m(2)])])])," ",t._h("md-menu",{attrs:{"md-direction":"bottom left","md-size":"4"}},[t._h("md-button",{staticClass:"md-icon-button",attrs:{"md-menu-trigger":""}},[t._h("md-icon",["near_me"])])," ",t._h("md-menu-content",[t._h("md-menu-item",[t._m(3)," ",t._h("md-icon",["near_me"])])," ",t._h("md-menu-item",[t._m(4)," ",t._h("md-icon",["phone"])])])])])])," ",t._h("div",{slot:"code"},[t._h("demo-example",{attrs:{label:"Directions"}},['\n<md-menu>\n  <md-button md-menu-trigger>Bottom Right</md-button>\n\n  <md-menu-content>\n    <md-menu-item>My Item 1</md-menu-item>\n    <md-menu-item>My Item 2</md-menu-item>\n    <md-menu-item>My Item 3</md-menu-item>\n  </md-menu-content>\n</md-menu>\n\n<md-menu md-direction="bottom left">\n  <md-button md-menu-trigger>Bottom Left</md-button>\n\n  <md-menu-content>\n    <md-menu-item>My Item 1</md-menu-item>\n    <md-menu-item>My Item 2</md-menu-item>\n    <md-menu-item disabled>My Item 3</md-menu-item>\n    <md-menu-item>My Item 4</md-menu-item>\n  </md-menu-content>\n</md-menu>\n\n<md-menu md-direction="top left">\n  <md-button md-menu-trigger>Top Left</md-button>\n\n  <md-menu-content>\n    <md-menu-item>My Item 1</md-menu-item>\n    <md-menu-item>My Item 2</md-menu-item>\n    <md-menu-item>My Item 3</md-menu-item>\n  </md-menu-content>\n</md-menu>\n\n<md-menu md-direction="top right">\n  <md-button md-menu-trigger>Top Right</md-button>\n\n  <md-menu-content>\n    <md-menu-item>My Item 1</md-menu-item>\n    <md-menu-item>My Item 2</md-menu-item>\n    <md-menu-item>My Item 3</md-menu-item>\n  </md-menu-content>\n</md-menu>\n      '])," ",t._h("demo-example",{attrs:{label:"Sizes"}},['\n  <md-menu>\n    <md-button md-menu-trigger>Default</md-button>\n\n    <md-menu-content>\n      <md-menu-item>My Item 1</md-menu-item>\n      <md-menu-item>My Item 2</md-menu-item>\n      <md-menu-item>My Item 3</md-menu-item>\n    </md-menu-content>\n  </md-menu>\n\n  <md-menu md-size="1">\n    <md-button md-menu-trigger>Size 1</md-button>\n\n    <md-menu-content>\n      <md-menu-item>My Item 1</md-menu-item>\n      <md-menu-item>My Item 2</md-menu-item>\n      <md-menu-item>My Item 3</md-menu-item>\n    </md-menu-content>\n  </md-menu>\n\n  <md-menu md-size="2">\n    <md-button md-menu-trigger>Size 2</md-button>\n\n    <md-menu-content>\n      <md-menu-item>My Item 1</md-menu-item>\n      <md-menu-item>My Item 2</md-menu-item>\n      <md-menu-item>My Item 3</md-menu-item>\n    </md-menu-content>\n  </md-menu>\n\n  <md-menu md-size="4">\n    <md-button md-menu-trigger>Size 4</md-button>\n\n    <md-menu-content>\n      <md-menu-item>My Item 1</md-menu-item>\n      <md-menu-item>My Item 2</md-menu-item>\n      <md-menu-item>My Item 3</md-menu-item>\n    </md-menu-content>\n  </md-menu>\n\n  <md-menu md-size="5">\n    <md-button md-menu-trigger>Size 5</md-button>\n\n    <md-menu-content>\n      <md-menu-item>My Item 1</md-menu-item>\n      <md-menu-item>My Item 2</md-menu-item>\n      <md-menu-item>My Item 3</md-menu-item>\n    </md-menu-content>\n  </md-menu>\n\n  <md-menu md-size="7">\n    <md-button md-menu-trigger>Size 7</md-button>\n\n    <md-menu-content>\n      <md-menu-item>My Item 1</md-menu-item>\n      <md-menu-item>My Item 2</md-menu-item>\n      <md-menu-item>My Item 3</md-menu-item>\n    </md-menu-content>\n  </md-menu>\n      '])," ",t._h("demo-example",{attrs:{label:"List Icons"}},['\n<md-menu>\n  <md-button class="md-icon-button" md-menu-trigger>\n    <md-icon>more_vert</md-icon>\n  </md-button>\n\n  <md-menu-content>\n    <md-menu-item>My Item 1</md-menu-item>\n    <md-menu-item>My Item 2</md-menu-item>\n    <md-menu-item>My Item 3</md-menu-item>\n  </md-menu-content>\n</md-menu>\n\n<md-menu md-size="4">\n  <md-button class="md-icon-button" md-menu-trigger>\n    <md-icon>phone</md-icon>\n  </md-button>\n\n  <md-menu-content>\n    <md-menu-item>\n      <md-icon>phone</md-icon>\n      <span>My Item 1</span>\n    </md-menu-item>\n\n    <md-menu-item>\n      <md-icon>phone</md-icon>\n      <span>My Item 2</span>\n    </md-menu-item>\n\n    <md-menu-item>\n      <md-icon>phone</md-icon>\n      <span>My Item 3</span>\n    </md-menu-item>\n  </md-menu-content>\n</md-menu>\n\n<md-menu md-direction="bottom left" md-size="4">\n  <md-button class="md-icon-button" md-menu-trigger>\n    <md-icon>near_me</md-icon>\n  </md-button>\n\n  <md-menu-content>\n    <md-menu-item>\n      <span>Find on map</span>\n      <md-icon>near_me</md-icon>\n    </md-menu-item>\n\n    <md-menu-item>\n      <span>Call</span>\n      <md-icon>phone</md-icon>\n    </md-menu-item>\n  </md-menu-content>\n</md-menu>\n      '])])," ",t._h("div",{slot:"api"})])},staticRenderFns:[function(){var t=this;return t._h("span",["My Item 1"])},function(){var t=this;return t._h("span",["My Item 2"])},function(){var t=this;return t._h("span",["My Item 3"])},function(){var t=this;return t._h("span",["Find on map"])},function(){var t=this;return t._h("span",["Call"])}]}},function(t,e){t.exports={render:function(){var t=this;return t._h("th",{staticClass:"md-table-head",class:t.classes,on:{click:t.changeSort}},[t._h("div",{directives:[{name:"md-ink-ripple",rawName:"v-md-ink-ripple",value:!t.mdSortBy,expression:"!mdSortBy"}],staticClass:"md-table-head-container"},[t._h("div",{staticClass:"md-table-head-text md-test"},[t.mdSortBy?t._h("md-icon",{staticClass:"md-sortable-icon"},["arrow_downward"]):t._e()," ",t._t("default")," ",t.mdTooltip?t._h("md-tooltip",[t._s(t.mdTooltip)]):t._e()])])])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this;return t._h("div",{staticClass:"md-input-container",class:t.classes},[t._t("default")," ",t.enableCounter?t._h("span",{staticClass:"md-count"},[t._s(t.inputLength)+" / "+t._s(t.counterLength)]):t._e()," ",t.mdHasPassword?t._h("md-button",{staticClass:"md-icon-button md-toggle-password",on:{click:t.togglePasswordType}},[t._h("md-icon",[t._s(t.showPassword?"visibility_off":"visibility")])]):t._e()])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this;return t._h("demo-page",{attrs:{label:"Components - Input"}},[t._h("div",{slot:"examples"},[t._h("demo-example",{attrs:{label:"Regular fields",size:"4"}},[t._h("form",{attrs:{novalidate:""},on:{submit:function(e){e.stopPropagation(),e.preventDefault(),t.submit(e)}}},[t._h("md-input-container",[t._m(0)," ",t._h("md-input",{directives:[{name:"model",rawName:"v-model",value:t.initialValue,expression:"initialValue"}],domProps:{value:t.initialValue},on:{input:function(e){t.initialValue=e}}})])," ",t._h("md-input-container",[t._m(1)," ",t._h("md-input",{attrs:{placeholder:"My nice placeholder"}})])," ",t._h("md-input-container",{attrs:{"md-inline":""}},[t._m(2)," ",t._h("md-input")])," ",t._h("md-input-container",[t._m(3)," ",t._h("md-input",{attrs:{type:"number"}})])," ",t._h("md-input-container",[t._m(4)," ",t._h("md-textarea")])," ",t._h("md-input-container",[t._m(5)," ",t._h("md-input",{attrs:{disabled:""}})])])])," ",t._h("demo-example",{attrs:{label:"Password",size:"4"}},[t._h("form",{attrs:{novalidate:""},on:{submit:function(e){e.stopPropagation(),e.preventDefault(),t.submit(e)}}},[t._h("md-input-container",[t._m(6)," ",t._h("md-input",{attrs:{type:"password"}})])," ",t._h("md-input-container",{attrs:{"md-has-password":""}},[t._m(7)," ",t._h("md-input",{attrs:{type:"password"}})])])])," ",t._h("demo-example",{attrs:{label:"Required and Errors",size:"4"}},[t._h("form",{attrs:{novalidate:""},on:{submit:function(e){e.stopPropagation(),e.preventDefault(),t.submit(e)}}},[t._h("md-input-container",[t._m(8)," ",t._h("md-input",{attrs:{required:""}})])," ",t._h("md-input-container",{staticClass:"md-input-invalid"},[t._m(9)," ",t._h("md-input",{attrs:{required:""}})])," ",t._h("md-input-container",{staticClass:"md-input-invalid"},[t._m(10)," ",t._h("md-input",{attrs:{required:""}})," ",t._m(11)])," ",t._h("md-input-container",{staticClass:"md-input-invalid"},[t._m(12)," ",t._h("md-textarea")," ",t._m(13)])])])," ",t._h("demo-example",{attrs:{label:"Character counter",size:"4"}},[t._h("form",{attrs:{novalidate:""},on:{submit:function(e){e.stopPropagation(),e.preventDefault(),t.submit(e)}}},[t._h("md-input-container",[t._m(14)," ",t._h("md-textarea",{attrs:{maxlength:"70"}})])," ",t._h("md-input-container",[t._m(15)," ",t._h("md-input",{attrs:{maxlength:"20"}})])])])," ",t._h("demo-example",{attrs:{label:"Themed",size:"4"}},[t._h("form",{attrs:{novalidate:""},on:{submit:function(e){e.stopPropagation(),e.preventDefault(),t.submit(e)}}},[t._h("md-input-container",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"green",expression:"'green'"}]},[t._m(16)," ",t._h("md-input")])," ",t._h("md-input-container",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"brown",expression:"'brown'"}]},[t._m(17)," ",t._h("md-textarea")])])])])," ",t._h("div",{slot:"code"},[t._h("demo-example",{attrs:{label:"Regular fields"}},[t._h("code-block",{attrs:{lang:"xml"}},['\n<form novalidate @submit.stop.prevent="submit">\n  <md-input-container>\n    <label>Initial value</label>\n    <md-input v-model="initialValue"></md-input>\n  </md-input-container>\n\n  <md-input-container>\n    <label>With label</label>\n    <md-input placeholder="My nice placeholder"></md-input>\n  </md-input-container>\n\n  <md-input-container md-inline>\n    <label>Inline field</label>\n    <md-input></md-input>\n  </md-input-container>\n\n  <md-input-container>\n    <label>Number</label>\n    <md-input type="number"></md-input>\n  </md-input-container>\n\n  <md-input-container>\n    <label>Textarea</label>\n    <md-textarea></md-textarea>\n  </md-input-container>\n\n  <md-input-container>\n    <label>Disabled</label>\n    <md-input disabled></md-input>\n  </md-input-container>\n</form>\n        '])," ",t._h("code-block",{attrs:{lang:"javascript"}},["\nexport default {\n  data() {\n    return {\n      initialValue: 'My initial value'\n    };\n  }\n};\n        "])])," ",t._h("demo-example",{attrs:{label:"Password"}},[t._h("code-block",{attrs:{lang:"xml"}},['\n<form novalidate @submit.stop.prevent="submit">\n  <md-input-container>\n    <label>Regular Password</label>\n    <md-input type="password"></md-input>\n  </md-input-container>\n\n  <md-input-container md-has-password>\n    <label>Password Reveal</label>\n    <md-input type="password"></md-input>\n  </md-input-container>\n</form>\n        '])])," ",t._h("demo-example",{attrs:{label:"Required and Errors"}},[t._h("code-block",{attrs:{lang:"xml"}},['\n<form novalidate @submit.stop.prevent="submit">\n  <md-input-container>\n    <label>Required</label>\n    <md-input required></md-input>\n  </md-input-container>\n\n  <md-input-container class="md-input-invalid">\n    <label>Error</label>\n    <md-input required></md-input>\n  </md-input-container>\n\n  <md-input-container class="md-input-invalid">\n    <label>Error with message</label>\n    <md-input required></md-input>\n\n    <span class="md-error">Validation message</span>\n  </md-input-container>\n\n  <md-input-container class="md-input-invalid">\n    <label>Textarea with error</label>\n    <md-textarea></md-textarea>\n\n    <span class="md-error">Textarea validation message</span>\n  </md-input-container>\n</form>\n        '])])," ",t._h("demo-example",{attrs:{label:"Character counter"}},[t._h("code-block",{attrs:{lang:"xml"}},['\n<form novalidate @submit.stop.prevent="submit">\n  <md-input-container>\n    <label>Textarea</label>\n    <md-textarea maxlength="70"></md-textarea>\n  </md-input-container>\n\n  <md-input-container>\n    <label>Input</label>\n    <md-input maxlength="20"></md-input>\n  </md-input-container>\n</form>\n        '])])," ",t._h("demo-example",{attrs:{label:"Themed",size:"4"}},[t._h("code-block",{attrs:{lang:"xml"}},['\n<form novalidate @submit.stop.prevent="submit">\n  <md-input-container v-md-theme="\'green\'">\n    <label>Themable - Input</label>\n    <md-input></md-input>\n  </md-input-container>\n\n  <md-input-container v-md-theme="\'brown\'">\n    <label>Themable - Textarea</label>\n    <md-textarea></md-textarea>\n  </md-input-container>\n</form>\n        '])])])," ",t._h("div",{slot:"api"})])},staticRenderFns:[function(){var t=this;return t._h("label",["Initial value"])},function(){var t=this;return t._h("label",["With label"])},function(){var t=this;return t._h("label",["Inline field"])},function(){var t=this;return t._h("label",["Number"])},function(){var t=this;return t._h("label",["Textarea"])},function(){var t=this;return t._h("label",["Disabled"])},function(){var t=this;return t._h("label",["Regular Password"])},function(){var t=this;return t._h("label",["Password Reveal"])},function(){var t=this;return t._h("label",["Required"])},function(){var t=this;return t._h("label",["Error"])},function(){var t=this;return t._h("label",["Error with message"])},function(){var t=this;return t._h("span",{staticClass:"md-error"},["Validation message"])},function(){var t=this;return t._h("label",["Textarea with error"])},function(){var t=this;return t._h("span",{staticClass:"md-error"},["Textarea validation message"])},function(){var t=this;return t._h("label",["Textarea"])},function(){var t=this;return t._h("label",["Input"])},function(){var t=this;return t._h("label",["Themable - Input"])},function(){var t=this;return t._h("label",["Themable - Textarea"])}]}},function(t,e){t.exports={render:function(){var t=this;return t._h("div",{staticClass:"md-card",class:t.classes},[t._t("default")])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this;return t._h("div",{staticClass:"md-menu-content",attrs:{tabindex:"-1"},on:{keydown:[function(e){27===e.keyCode&&(e.preventDefault(),t.close(e))},function(e){9===e.keyCode&&(e.preventDefault(),t.close(e))},function(e){38===e.keyCode&&(e.preventDefault(),t.highlightItem("up"))},function(e){40===e.keyCode&&(e.preventDefault(),t.highlightItem("down"))},function(e){13===e.keyCode&&(e.preventDefault(),t.fireClick(e))},function(e){32===e.keyCode&&(e.preventDefault(),t.fireClick(e))}]}},[t._h("md-list",[t._t("default")])])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this;return t._h("input",{staticClass:"md-input",attrs:{type:t.type,disabled:t.disabled,required:t.required,placeholder:t.placeholder,maxlength:t.maxlength},domProps:{value:t.value},on:{focus:t.onFocus,blur:t.onBlur,input:t.onInput,keydown:[function(e){38===e.keyCode&&t.onInput(e)},function(e){40===e.keyCode&&t.onInput(e)}]}})},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this;return t._h("td",{staticClass:"md-table-cell",class:t.classes},[t._h("div",{staticClass:"md-table-cell-container"},[t._t("default")])])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this;return t._h("md-list-item",{staticClass:"md-menu-item",class:t.classes,attrs:{disabled:t.disabled},on:{click:t.close}},[t._t("default")])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this;return t._h("demo-page",{attrs:{label:"Components - Checkbox"}},[t._h("div",{slot:"examples"},[t._h("demo-example",{attrs:{label:"Default"}},[t._h("md-checkbox",{directives:[{name:"model",rawName:"v-model",value:t.checkbox,expression:"checkbox"}],attrs:{id:"my-test1",name:"my-test1"},domProps:{value:t.checkbox},on:{input:function(e){t.checkbox=e}}},["Regular Checkbox"])," ",t._h("md-checkbox",{directives:[{name:"model",rawName:"v-model",value:t.checkbox,expression:"checkbox"}],staticClass:"md-primary",attrs:{id:"my-test2",name:"my-test2"},domProps:{value:t.checkbox},on:{input:function(e){t.checkbox=e}}},["Primary Color"])," ",t._h("md-checkbox",{directives:[{name:"model",rawName:"v-model",value:t.checkbox,expression:"checkbox"}],staticClass:"md-warn",attrs:{id:"my-test3",name:"my-test3"},domProps:{value:t.checkbox},on:{input:function(e){t.checkbox=e}}},["Warn Color"])," ",t._h("md-checkbox",{directives:[{name:"model",rawName:"v-model",value:t.checkbox,expression:"checkbox"}],attrs:{id:"my-test4",name:"my-test4",disabled:""},domProps:{value:t.checkbox},on:{input:function(e){t.checkbox=e}}},["Disabled"])])," ",t._h("demo-example",{attrs:{label:"Themed"}},[t._h("div",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"orange",expression:"'orange'"}],staticClass:"themed"},[t._h("md-checkbox",{directives:[{name:"model",rawName:"v-model",value:t.checkbox2,expression:"checkbox2"}],staticClass:"md-primary",attrs:{id:"my-test5",name:"my-test5"},domProps:{value:t.checkbox2},on:{input:function(e){t.checkbox2=e}}},["Primary Orange"])])," ",t._h("div",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"green",expression:"'green'"}],staticClass:"themed"},[t._h("md-checkbox",{directives:[{name:"model",rawName:"v-model",value:t.checkbox2,expression:"checkbox2"}],staticClass:"md-primary",attrs:{id:"my-test6",name:"my-test6"},domProps:{
-value:t.checkbox2},on:{input:function(e){t.checkbox2=e}}},["Primary Green"])])," ",t._h("div",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"light-blue",expression:"'light-blue'"}],staticClass:"themed"},[t._h("md-checkbox",{directives:[{name:"model",rawName:"v-model",value:t.checkbox2,expression:"checkbox2"}],staticClass:"md-primary",attrs:{id:"my-test7",name:"my-test7"},domProps:{value:t.checkbox2},on:{input:function(e){t.checkbox2=e}}},["Primary Light Blue"])])," ",t._h("div",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"indigo",expression:"'indigo'"}],staticClass:"themed"},[t._h("md-checkbox",{directives:[{name:"model",rawName:"v-model",value:t.checkbox2,expression:"checkbox2"}],staticClass:"md-primary",attrs:{id:"my-test8",name:"my-test8"},domProps:{value:t.checkbox2},on:{input:function(e){t.checkbox2=e}}},["Primary Indigo"])])," ",t._h("div",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"brown",expression:"'brown'"}],staticClass:"themed"},[t._h("md-checkbox",{directives:[{name:"model",rawName:"v-model",value:t.checkbox2,expression:"checkbox2"}],staticClass:"md-primary",attrs:{id:"my-test9",name:"my-test9",disabled:""},domProps:{value:t.checkbox2},on:{input:function(e){t.checkbox2=e}}},["Primary Brown Disabled"])])])])," ",t._h("div",{slot:"code"},[t._h("demo-example",{attrs:{label:"Default"}},[t._h("code-block",{attrs:{lang:"xml"}},['\n<md-checkbox id="my-test1" name="my-test1" v-model="checkbox">Regular Checkbox</md-checkbox>\n<md-checkbox id="my-test2" name="my-test2" v-model="checkbox" class="md-primary">Primary Color</md-checkbox>\n<md-checkbox id="my-test3" name="my-test3" v-model="checkbox" class="md-warn">Warn Color</md-checkbox>\n<md-checkbox id="my-test4" name="my-test4" v-model="checkbox" disabled>Disabled</md-checkbox>\n          '])])," ",t._h("demo-example",{attrs:{label:"Themed"}},[t._h("code-block",{attrs:{lang:"xml"}},['\n<div class="themed" v-md-theme="\'orange\'">\n  <md-checkbox id="my-test5" name="my-test5" v-model="checkbox2" class="md-primary">Primary Orange</md-checkbox>\n</div>\n\n<div class="themed" v-md-theme="\'green\'">\n  <md-checkbox id="my-test6" name="my-test6" v-model="checkbox2" class="md-primary">Primary Green</md-checkbox>\n</div>\n\n<div class="themed" v-md-theme="\'light-blue\'">\n  <md-checkbox id="my-test7" name="my-test7" v-model="checkbox2" class="md-primary">Primary Light Blue</md-checkbox>\n</div>\n\n<div class="themed" v-md-theme="\'indigo\'">\n  <md-checkbox id="my-test8" name="my-test8" v-model="checkbox2" class="md-primary">Primary Indigo</md-checkbox>\n</div>\n\n<div class="themed" v-md-theme="\'brown\'">\n  <md-checkbox id="my-test9" name="my-test9" v-model="checkbox2" class="md-primary" disabled>Primary Brown Disabled</md-checkbox>\n</div>\n        '])])])," ",t._h("div",{slot:"api"})])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this;return t._h("div",{staticClass:"code-block"},[t._h("pre",[t._h("code",{ref:"block",class:t.lang},[t._t("default")])])])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this;return t._h("div",{staticClass:"md-card-media",class:t.classes},[t._t("default")])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this;return t._h("textarea",{staticClass:"md-input",attrs:{disabled:t.disabled,required:t.required,placeholder:t.placeholder,maxlength:t.maxlength},domProps:{value:t.value},on:{focus:t.onFocus,blur:t.onBlur,input:t.onInput}})},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this;return t._h("demo-page",{attrs:{label:"Components - Ripple"}},[t._h("div",{slot:"examples"},[t._h("demo-example",{attrs:{label:"Default"}},[t._h("span",{directives:[{name:"md-ink-ripple",rawName:"v-md-ink-ripple"}],staticClass:"has-ripple"},["This span has ripple effect"])," ",t._h("span",{directives:[{name:"md-ink-ripple",rawName:"v-md-ink-ripple"}],staticClass:"has-ripple green"},["This span has ripple effect"])," ",t._h("span",{directives:[{name:"md-ink-ripple",rawName:"v-md-ink-ripple"}],staticClass:"has-ripple blue"},["This span has ripple effect"])," ",t._h("div",[t._h("md-avatar",{directives:[{name:"md-ink-ripple",rawName:"v-md-ink-ripple"}]},[t._m(0)])," ",t._h("md-avatar",{directives:[{name:"md-ink-ripple",rawName:"v-md-ink-ripple"}],staticClass:"md-avatar-icon"},[t._h("md-icon",["home"])])])])])," ",t._h("div",{slot:"code"},[t._h("demo-example",{attrs:{label:"Default"}},[t._h("code-block",{attrs:{lang:"xml"}},['\n<span class="has-ripple" v-md-ink-ripple>This span has ripple effect</span>\n<span class="has-ripple green" v-md-ink-ripple>This span has ripple effect</span>\n<span class="has-ripple blue" v-md-ink-ripple>This span has ripple effect</span>\n\n<div>\n  <md-avatar v-md-ink-ripple>\n    <img src="//placeimg.com/40/40/people/1" alt="People">\n  </md-avatar>\n\n  <md-avatar v-md-ink-ripple class="md-avatar-icon">\n    <md-icon>home</md-icon>\n  </md-avatar>\n</div>\n        '])])])," ",t._h("div",{slot:"api"})])},staticRenderFns:[function(){var t=this;return t._h("img",{attrs:{src:"//placeimg.com/40/40/people/1",alt:"People"}})}]}},function(t,e){t.exports={render:function(){var t=this;return t._m(0)},staticRenderFns:[function(){var t=this;return t._h("div",{staticClass:"md-toolbar"},[t._t("default")])}]}},function(t,e){t.exports={render:function(){var t=this;return t._h("single-page",{staticClass:"single-page-home",attrs:{label:"Error"}},[t._h("single-page-banner",{attrs:{label:"Error 404"}})," ",t._m(0)," ",t._m(1)," ",t._h("md-button",{staticClass:"md-primary md-raised",attrs:{href:"https://github.com/marcosmoura/vue-material/issues/new",target:"_blank",rel:"noopener"}},["New Issue"])])},staticRenderFns:[function(){var t=this;return t._h("h2",{staticClass:"md-headline"},["Hmmm. Too bad"])},function(){var t=this;return t._h("p",["Are you searching for a new component? Or maybe you have an question? Get in touch!"])}]}},function(t,e){t.exports={render:function(){var t=this;return t._h("demo-page",{attrs:{label:"Components - Switch"}},[t._h("div",{slot:"examples"},[t._h("demo-example",{attrs:{label:"Default"}},[t._h("div",[t._h("md-switch",{directives:[{name:"model",rawName:"v-model",value:t.checked0,expression:"checked0"}],attrs:{id:"my-test0",name:"my-test0"},domProps:{value:t.checked0},on:{input:function(e){t.checked0=e}}})])," ",t._h("div",[t._h("md-switch",{directives:[{name:"model",rawName:"v-model",value:t.checked1,expression:"checked1"}],staticClass:"md-primary",attrs:{id:"my-test1",name:"my-test1"},domProps:{value:t.checked1},on:{input:function(e){t.checked1=e}}},["Primary Color"])])," ",t._h("div",[t._h("md-switch",{directives:[{name:"model",rawName:"v-model",value:t.checked2,expression:"checked2"}],staticClass:"md-warn",attrs:{id:"my-test2",name:"my-test2"},domProps:{value:t.checked2},on:{input:function(e){t.checked2=e}}},["Warn Color"])])," ",t._h("div",[t._h("md-switch",{directives:[{name:"model",rawName:"v-model",value:t.checked3,expression:"checked3"}],attrs:{id:"my-test3",name:"my-test3",disabled:""},domProps:{value:t.checked3},on:{input:function(e){t.checked3=e}}},["Disabled"])])])," ",t._h("demo-example",{attrs:{label:"Themed"}},[t._h("div",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"orange",expression:"'orange'"}]},[t._h("md-switch",{directives:[{name:"model",rawName:"v-model",value:t.checked4,expression:"checked4"}],staticClass:"md-primary",attrs:{id:"my-test4",name:"my-test4"},domProps:{value:t.checked4},on:{input:function(e){t.checked4=e}}})])," ",t._h("div",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"green",expression:"'green'"}]},[t._h("md-switch",{directives:[{name:"model",rawName:"v-model",value:t.checked5,expression:"checked5"}],staticClass:"md-primary",attrs:{id:"my-test5",name:"my-test5"},domProps:{value:t.checked5},on:{input:function(e){t.checked5=e}}},["Green Primary Color"])])," ",t._h("div",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"brown",expression:"'brown'"}]},[t._h("md-switch",{directives:[{name:"model",rawName:"v-model",value:t.checked6,expression:"checked6"}],staticClass:"md-primary",attrs:{id:"my-test6",name:"my-test6"},domProps:{value:t.checked6},on:{input:function(e){t.checked6=e}}},["Brown Primary Color"])])," ",t._h("div",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"light-blue",expression:"'light-blue'"}]},[t._h("md-switch",{directives:[{name:"model",rawName:"v-model",value:t.checked7,expression:"checked7"}],staticClass:"md-primary",attrs:{id:"my-test7",name:"my-test7",disabled:""},domProps:{value:t.checked7},on:{input:function(e){t.checked7=e}}},["Light Blue Primary Color Disabled"])])])," ",t._h("demo-example",{attrs:{label:"Typed"}},[t._h("md-switch",{directives:[{name:"model",rawName:"v-model",value:t.checked8,expression:"checked8"}],attrs:{id:"my-test8",name:"my-test8"},domProps:{value:t.checked8},on:{input:function(e){t.checked8=e}}},["Button (default)"])," ",t._h("div",[t._h("form",{on:{click:function(e){e.stopPropagation(),e.preventDefault(),t.submit(e)}}},[t._h("md-switch",{directives:[{name:"model",rawName:"v-model",value:t.checked9,expression:"checked9"}],staticClass:"md-primary",attrs:{type:"submit",id:"my-test9",name:"my-test9"},domProps:{value:t.checked9},on:{input:function(e){t.checked9=e}}},["Submit"])])])])])," ",t._h("div",{slot:"code"},[t._h("demo-example",{attrs:{label:"Default"}},[t._h("code-block",{attrs:{lang:"xml"}},['\n<md-switch v-model="checked0" id="my-test0" name="my-test0"></md-switch>\n<md-switch v-model="checked1" id="my-test1" name="my-test1" class="md-primary">Primary Color</md-switch>\n<md-switch v-model="checked2" id="my-test2" name="my-test2" class="md-warn">Warn Color</md-switch>\n<md-switch v-model="checked3" id="my-test3" name="my-test3" disabled>Disabled</md-switch>\n        '])])," ",t._h("demo-example",{attrs:{label:"Themed"}},[t._h("code-block",{attrs:{lang:"xml"}},['\n<div v-md-theme="\'orange\'">\n  <md-switch v-model="checked4" id="my-test4" name="my-test4" class="md-primary"></md-switch>\n</div>\n\n<div v-md-theme="\'green\'">\n  <md-switch v-model="checked5" id="my-test5" name="my-test5" class="md-primary">Green Primary Color</md-switch>\n</div>\n\n<div v-md-theme="\'brown\'">\n  <md-switch v-model="checked6" id="my-test6" name="my-test6" class="md-primary">Brown Primary Color</md-switch>\n</div>\n\n<div v-md-theme="\'light-blue\'">\n  <md-switch v-model="checked7" id="my-test7" name="my-test7" class="md-primary" disabled>Light Blue Primary Color Disabled</md-switch>\n</div>\n        '])])," ",t._h("demo-example",{attrs:{label:"Typed"}},[t._h("code-block",{attrs:{lang:"xml"}},['\n<div>\n  <md-switch v-model="checked8" id="my-test8" name="my-test8" class="md-primary">Button (default)</md-switch>\n</div>\n\n<form @click.stop.prevent="submit">\n  <md-switch type="submit" v-model="checked9" id="my-test9" name="my-test9">Submit</md-switch>\n</form>\n        '])," ",t._h("code-block",{attrs:{lang:"javascript"}},["\nexport default {\n  methods: {\n    submit(e) {\n      alert('This switch submits the form');\n    }\n  }\n};\n        "])])])," ",t._h("div",{slot:"api"})])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this;return t._h("demo-page",{attrs:{label:"Components - Card"}},[t._h("div",{slot:"examples"},[t._h("demo-example",{attrs:{label:"Regular Cards"}},[t._h("md-card",[t._h("md-card-media",[t._m(0)])," ",t._h("md-card-header",[t._m(1)," ",t._m(2)])," ",t._h("md-card-actions",[t._h("md-button",["Action"])," ",t._h("md-button",["Action"])])," ",t._h("md-card-content",["\n            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Optio itaque ea, nostrum odio. Dolores, sed accusantium quasi non, voluptas eius illo quas, saepe voluptate pariatur in deleniti minus sint. Excepturi.\n          "])])," ",t._h("md-card",[t._h("md-card-header",[t._h("md-card-header-text",[t._m(3)," ",t._m(4)])," ",t._h("md-menu",{attrs:{"md-size":"4","md-direction":"bottom left"}},[t._h("md-button",{staticClass:"md-icon-button",attrs:{"md-menu-trigger":""}},[t._h("md-icon",["more_vert"])])," ",t._h("md-menu-content",[t._h("md-menu-item",[t._m(5)," ",t._h("md-icon",["phone"])])," ",t._h("md-menu-item",[t._m(6)," ",t._h("md-icon",["message"])])])])])," ",t._h("md-card-media",[t._m(7)])," ",t._h("md-card-content",["\n            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Optio itaque ea, nostrum odio. Dolores, sed accusantium quasi non, voluptas eius illo quas, saepe voluptate pariatur in deleniti minus sint. Excepturi.\n          "])])," ",t._h("md-card",[t._h("md-card-media",[t._m(8)])," ",t._h("md-card-content",["\n            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Optio itaque ea nostrum.\n          "])])," ",t._h("md-card",[t._h("md-card-media",[t._m(9)])," ",t._h("md-card-header",[t._m(10)," ",t._m(11)])," ",t._h("md-card-actions",[t._h("md-button",["Action"])," ",t._h("md-button",["Action"])])])])," ",t._h("demo-example",{attrs:{label:"Hover Effect"}},[t._h("md-card",{attrs:{"md-with-hover":""}},[t._h("md-card-header",[t._m(12)," ",t._m(13)])," ",t._h("md-card-content",["\n            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Optio itaque ea, nostrum odio. Dolores, sed accusantium quasi non, voluptas eius illo quas, saepe voluptate pariatur in deleniti minus sint. Excepturi.\n          "])," ",t._h("md-card-actions",[t._h("md-button",["Action"])," ",t._h("md-button",["Action"])])])," ",t._h("md-card",{attrs:{"md-with-hover":""}},[t._h("md-card-media",{directives:[{name:"md-ink-ripple",rawName:"v-md-ink-ripple"}]},[t._m(14)])," ",t._h("md-card-actions",[t._h("md-button",{staticClass:"md-icon-button"},[t._h("md-icon",["favorite"])])," ",t._h("md-button",{staticClass:"md-icon-button"},[t._h("md-icon",["bookmark"])])," ",t._h("md-button",{staticClass:"md-icon-button"},[t._h("md-icon",["share"])])])])," ",t._h("md-card",{attrs:{"md-with-hover":""}},[t._h("md-card-header",[t._h("md-avatar",[t._m(15)])," ",t._m(16)," ",t._m(17)])," ",t._h("md-card-media",[t._m(18)])," ",t._h("md-card-content",["\n            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Optio itaque ea nostrum.\n          "])," ",t._h("md-card-actions",[t._h("md-button",["Action"])," ",t._h("md-button",["Action"])])])])," ",t._h("demo-example",{attrs:{label:"Image cover with predefined aspect ratio"}},[t._h("md-card",[t._h("md-card-media-cover",{attrs:{"md-text-scrim":""}},[t._h("md-card-media",{attrs:{"md-ratio":"16:9"}},[t._m(19)])," ",t._h("md-card-area",[t._h("md-card-header",[t._m(20)," ",t._m(21)])," ",t._h("md-card-actions",[t._h("md-button",["Action"])," ",t._h("md-button",["Action"])])])])])," ",t._h("md-card",[t._h("md-card-media-cover",{attrs:{"md-solid":""}},[t._h("md-card-media",{attrs:{"md-ratio":"1:1"}},[t._m(22)])," ",t._h("md-card-area",[t._h("md-card-header",[t._m(23)," ",t._m(24)])," ",t._h("md-card-actions",[t._h("md-button",["Action"])," ",t._h("md-button",["Action"])])])])])])," ",t._h("demo-example",{attrs:{label:"Media"}},[t._h("md-card",[t._h("md-card-header",[t._h("md-card-header-text",[t._m(25)," ",t._m(26)])," ",t._h("md-card-media",[t._m(27)])])," ",t._h("md-card-actions",[t._h("md-button",["Action"])," ",t._h("md-button",["Action"])])])," ",t._h("md-card",[t._h("md-card-header",[t._h("md-card-header-text",[t._m(28)," ",t._m(29)])," ",t._h("md-card-media",{attrs:{"md-medium":""}},[t._m(30)])])," ",t._h("md-card-actions",[t._h("md-button",["Action"])," ",t._h("md-button",["Action"])])])," ",t._h("md-card",[t._h("md-card-header",[t._h("md-card-header-text",[t._m(31)," ",t._m(32)])," ",t._h("md-card-media",{attrs:{"md-big":""}},[t._m(33)])])," ",t._h("md-card-actions",[t._h("md-button",["Action"])," ",t._h("md-button",["Action"])])])," ",t._h("md-card",[t._h("md-card-media-actions",[t._h("md-card-media",[t._m(34)])," ",t._h("md-card-actions",[t._h("md-button",{staticClass:"md-icon-button"},[t._h("md-icon",["favorite"])])," ",t._h("md-button",{staticClass:"md-icon-button"},[t._h("md-icon",["bookmark"])])," ",t._h("md-button",{staticClass:"md-icon-button"},[t._h("md-icon",["share"])])])])])])," ",t._h("demo-example",{attrs:{label:"Full control"}},[t._h("md-card",[t._h("md-card-area",[t._h("md-card-media",[t._m(35)])," ",t._h("md-card-header",[t._m(36)," ",t._m(37)])," ",t._h("md-card-content",["\n              Lorem ipsum dolor sit amet, consectetur adipisicing elit. Optio itaque ea, nostrum odio. Dolores, sed accusantium quasi non, voluptas eius illo quas, saepe voluptate pariatur in deleniti minus sint. Excepturi.\n            "])])," ",t._h("md-card-actions",[t._h("md-button",["Action"])," ",t._h("md-button",["Action"])])])," ",t._h("md-card",[t._h("md-card-media",[t._m(38)])," ",t._h("md-card-header",[t._m(39)," ",t._m(40)])," ",t._h("md-card-expand",[t._h("md-card-actions",[t._h("md-button",["Action"])," ",t._h("md-button",["Action"])," ",t._m(41)," ",t._h("md-button",{staticClass:"md-icon-button",attrs:{"md-expand-trigger":""}},[t._h("md-icon",["keyboard_arrow_down"])])])," ",t._h("md-card-content",["\n              Lorem ipsum dolor sit amet, consectetur adipisicing elit. Optio itaque ea, nostrum odio. Dolores, sed accusantium quasi non, voluptas eius illo quas, saepe voluptate pariatur in deleniti minus sint. Excepturi.\n            "])])])," ",t._h("md-card",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"blue",expression:"'blue'"}],staticClass:"card-example"},[t._h("md-card-area",{attrs:{"md-inset":""}},[t._h("md-card-media",{attrs:{"md-ratio":"16:9"}},[t._m(42)])," ",t._h("md-card-header",[t._m(43)," ",t._h("div",{staticClass:"md-subhead"},[t._h("md-icon",["location_on"])," ",t._m(44)])])," ",t._h("md-card-content",["\n              Illy Coffee served with a complimentary Leonidas Belgian Chocolate with all beverages.\n            "])])," ",t._h("md-card-content",[t._m(45)," ",t._h("div",{staticClass:"card-reservation"},[t._h("md-icon",["access_time"])," ",t._h("md-button-toggle",{staticClass:"md-button-group",attrs:{type:"radio"}},[t._h("md-button",["5:30PM"])," ",t._h("md-button",["7:30PM"])," ",t._h("md-button",["9:00PM"])])])])," ",t._h("md-card-actions",[t._h("md-button",{staticClass:"md-primary"},["Reserve"])])])])])," ",t._h("div",{slot:"code"},[t._h("demo-example",{attrs:{label:"Regular Cards"}},[t._h("code-block",{attrs:{lang:"xml"}},['\n<md-card>\n  <md-card-media>\n    <img src="assets/card-image-1.jpg" alt="People">\n  </md-card-media>\n\n  <md-card-header>\n    <div class="md-title">Title goes here</div>\n    <div class="md-subhead">Subtitle here</div>\n  </md-card-header>\n\n  <md-card-actions>\n    <md-button>Action</md-button>\n    <md-button>Action</md-button>\n  </md-card-actions>\n\n  <md-card-content>\n    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Optio itaque ea, nostrum odio. Dolores, sed accusantium quasi non, voluptas eius illo quas, saepe voluptate pariatur in deleniti minus sint. Excepturi.\n  </md-card-content>\n</md-card>\n        '])," ",t._h("code-block",{attrs:{lang:"xml"}},['\n<md-card>\n  <md-card-header>\n    <md-card-header-text>\n      <div class="md-title">Title goes here</div>\n      <div class="md-subhead">Subtitle here</div>\n    </md-card-header-text>\n\n    <md-menu md-size="2" md-direction="bottom left">\n      <md-button class="md-icon-button" md-menu-trigger>\n        <md-icon>more_vert</md-icon>\n      </md-button>\n\n      <md-menu-content>\n        <md-menu-item>My Item 1</md-menu-item>\n        <md-menu-item>My Item 2</md-menu-item>\n        <md-menu-item>My Item 3</md-menu-item>\n      </md-menu-content>\n    </md-menu>\n  </md-card-header>\n\n  <md-card-media>\n    <img src="assets/card-image-1.jpg" alt="People">\n  </md-card-media>\n\n  <md-card-content>\n    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Optio itaque ea, nostrum odio. Dolores, sed accusantium quasi non, voluptas eius illo quas, saepe voluptate pariatur in deleniti minus sint. Excepturi.\n  </md-card-content>\n</md-card>\n        '])," ",t._h("code-block",{attrs:{lang:"xml"}},['\n<md-card>\n  <md-card-media>\n    <img src="assets/card-image-2.jpg" alt="People">\n  </md-card-media>\n\n  <md-card-content>\n    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Optio itaque ea nostrum.\n  </md-card-content>\n</md-card>\n        '])," ",t._h("code-block",{attrs:{lang:"xml"}},['\n<md-card>\n  <md-card-media>\n    <img src="assets/card-image-2.jpg" alt="People">\n  </md-card-media>\n\n  <md-card-header>\n    <div class="md-title">Title goes here</div>\n    <div class="md-subhead">Subtitle here</div>\n  </md-card-header>\n\n  <md-card-actions>\n    <md-button>Action</md-button>\n    <md-button>Action</md-button>\n  </md-card-actions>\n</md-card>\n        '])])," ",t._h("demo-example",{attrs:{label:"Hover Effect"}},[t._h("code-block",{attrs:{lang:"xml"}},['\n<md-card md-with-hover>\n  <md-card-header>\n    <div class="md-title">Title goes here</div>\n    <div class="md-subhead">Subtitle here</div>\n  </md-card-header>\n\n  <md-card-content>\n    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Optio itaque ea, nostrum odio. Dolores, sed accusantium quasi non, voluptas eius illo quas, saepe voluptate pariatur in deleniti minus sint. Excepturi.\n  </md-card-content>\n\n  <md-card-actions>\n    <md-button>Action</md-button>\n    <md-button>Action</md-button>\n  </md-card-actions>\n</md-card>\n        '])," ",t._h("code-block",{attrs:{lang:"xml"}},['\n<md-card md-with-hover>\n  <md-card-media v-md-ink-ripple>\n    <img src="assets/card-image-1.jpg" alt="People">\n  </md-card-media>\n\n  <md-card-actions>\n    <md-button class="md-icon-button">\n      <md-icon>favorite</md-icon>\n    </md-button>\n\n    <md-button class="md-icon-button">\n      <md-icon>bookmark</md-icon>\n    </md-button>\n\n    <md-button class="md-icon-button">\n      <md-icon>share</md-icon>\n    </md-button>\n  </md-card-actions>\n</md-card>\n        '])," ",t._h("code-block",{attrs:{lang:"xml"}},['\n<md-card md-with-hover>\n  <md-card-header>\n    <md-avatar>\n      <img src="assets/avatar.png" alt="People">\n    </md-avatar>\n\n    <div class="md-title">Title goes here</div>\n    <div class="md-subhead">Subtitle here</div>\n  </md-card-header>\n\n  <md-card-media>\n    <img src="assets/card-image-1.jpg" alt="People">\n  </md-card-media>\n\n  <md-card-content>\n    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Optio itaque ea nostrum.\n  </md-card-content>\n\n  <md-card-actions>\n    <md-button>Action</md-button>\n    <md-button>Action</md-button>\n  </md-card-actions>\n</md-card>\n        '])])," ",t._h("demo-example",{attrs:{label:"Image cover with predefined aspect ratio"}},[t._h("code-block",{attrs:{lang:"xml"}},['\n<md-card>\n  <md-card-media-cover md-text-scrim>\n    <md-card-media md-ratio="16:9">\n      <img src="assets/card-sky.jpg" alt="Skyscraper">\n    </md-card-media>\n\n    <md-card-area>\n      <md-card-header>\n        <div class="md-title">Title goes here</div>\n        <div class="md-subhead">Subtitle here</div>\n      </md-card-header>\n\n      <md-card-actions>\n        <md-button>Action</md-button>\n        <md-button>Action</md-button>\n      </md-card-actions>\n    </md-card-area>\n  </md-card-media-cover>\n</md-card>\n        '])," ",t._h("code-block",{attrs:{lang:"xml"}},['\n<md-card>\n  <md-card-media-cover md-solid>\n    <md-card-media md-ratio="1:1">\n      <img src="assets/card-sky.jpg" alt="Skyscraper">\n    </md-card-media>\n\n    <md-card-area>\n      <md-card-header>\n        <div class="md-title">Title goes here</div>\n        <div class="md-subhead">Subtitle here</div>\n      </md-card-header>\n\n      <md-card-actions>\n        <md-button>Action</md-button>\n        <md-button>Action</md-button>\n      </md-card-actions>\n    </md-card-area>\n  </md-card-media-cover>\n</md-card>\n        '])])," ",t._h("demo-example",{attrs:{label:"Media"}},[t._h("code-block",{attrs:{lang:"xml"}},['\n<md-card>\n  <md-card-header>\n    <md-card-header-text>\n      <div class="md-title">Title goes here</div>\n      <div class="md-subhead">Subtitle here</div>\n    </md-card-header-text>\n\n    <md-card-media>\n      <img src="assets/avatar-2.jpg" alt="People">\n    </md-card-media>\n  </md-card-header>\n\n  <md-card-actions>\n    <md-button>Action</md-button>\n    <md-button>Action</md-button>\n  </md-card-actions>\n</md-card>\n        '])," ",t._h("code-block",{attrs:{lang:"xml"}},['\n<md-card>\n  <md-card-header>\n    <md-card-header-text>\n      <div class="md-title">Title goes here</div>\n      <div class="md-subhead">Subtitle here</div>\n    </md-card-header-text>\n\n    <md-card-media md-medium>\n      <img src="assets/card-weather.png" alt="People">\n    </md-card-media>\n  </md-card-header>\n\n  <md-card-actions>\n    <md-button>Action</md-button>\n    <md-button>Action</md-button>\n  </md-card-actions>\n</md-card>\n        '])," ",t._h("code-block",{attrs:{lang:"xml"}},['\n<md-card>\n  <md-card-header>\n    <md-card-header-text>\n      <div class="md-title">Title goes</div>\n      <div class="md-subhead">Subtitle here</div>\n    </md-card-header-text>\n\n    <md-card-media md-big>\n      <img src="assets/card-weather.png" alt="People">\n    </md-card-media>\n  </md-card-header>\n\n  <md-card-actions>\n    <md-button>Action</md-button>\n    <md-button>Action</md-button>\n  </md-card-actions>\n</md-card>\n        '])," ",t._h("code-block",{attrs:{lang:"xml"}},['\n<md-card>\n  <md-card-media-actions>\n    <md-card-media>\n      <img src="assets/cover.png" alt="Cover">\n    </md-card-media>\n\n    <md-card-actions>\n      <md-button class="md-icon-button">\n        <md-icon>favorite</md-icon>\n      </md-button>\n\n      <md-button class="md-icon-button">\n        <md-icon>bookmark</md-icon>\n      </md-button>\n\n      <md-button class="md-icon-button">\n        <md-icon>share</md-icon>\n      </md-button>\n    </md-card-actions>\n  </md-card-media-actions>\n</md-card>\n        '])])," ",t._h("demo-example",{attrs:{label:"Full control"}},[t._h("code-block",{attrs:{lang:"xml"}},['\n<md-card>\n  <md-card-area>\n    <md-card-media>\n      <img src="assets/card-image-1.jpg" alt="People">\n    </md-card-media>\n\n    <md-card-header>\n      <div class="md-title">Title goes here</div>\n      <div class="md-subhead">Subtitle here</div>\n    </md-card-header>\n\n    <md-card-content>\n      Lorem ipsum dolor sit amet, consectetur adipisicing elit. Optio itaque ea, nostrum odio. Dolores, sed accusantium quasi non, voluptas eius illo quas, saepe voluptate pariatur in deleniti minus sint. Excepturi.\n    </md-card-content>\n  </md-card-area>\n\n  <md-card-actions>\n    <md-button>Action</md-button>\n    <md-button>Action</md-button>\n  </md-card-actions>\n</md-card>\n        '])," ",t._h("code-block",{attrs:{lang:"xml"}},['\n<md-card>\n  <md-card-media>\n    <img src="assets/card-image-1.jpg" alt="People">\n  </md-card-media>\n\n  <md-card-header>\n    <div class="md-title">Title goes here</div>\n    <div class="md-subhead">Subtitle here</div>\n  </md-card-header>\n\n  <md-card-expand>\n    <md-card-actions>\n      <md-button>Action</md-button>\n      <md-button>Action</md-button>\n      <span style="flex: 1"></span>\n      <md-button class="md-icon-button" md-expand-trigger>\n        <md-icon>keyboard_arrow_down</md-icon>\n      </md-button>\n    </md-card-actions>\n\n    <md-card-content>\n      Lorem ipsum dolor sit amet, consectetur adipisicing elit. Optio itaque ea, nostrum odio. Dolores, sed accusantium quasi non, voluptas eius illo quas, saepe voluptate pariatur in deleniti minus sint. Excepturi.\n    </md-card-content>\n  </md-card-expand>\n</md-card>\n        '])," ",t._h("code-block",{attrs:{lang:"xml"}},['\n<md-card class="card-example" v-md-theme="\'blue\'">\n  <md-card-area md-inset>\n    <md-card-media md-ratio="16:9">\n      <img src="assets/card-example.jpg" alt="Coffee House">\n    </md-card-media>\n\n    <md-card-header>\n      <h2 class="md-title">Coffee House</h2>\n      <div class="md-subhead">\n        <md-icon>location_on</md-icon>\n        <span>2 miles</span>\n      </div>\n    </md-card-header>\n\n    <md-card-content>\n      Illy Coffee served with a complimentary Leonidas Belgian Chocolate with all beverages.\n    </md-card-content>\n  </md-card-area>\n\n  <md-card-content>\n    <h3 class="md-subheading">Today\'s availability</h3>\n    <div class="card-reservation">\n      <md-icon>access_time</md-icon>\n      <md-button-toggle type="radio" class="md-button-group">\n        <md-button>5:30PM</md-button>\n        <md-button>7:30PM</md-button>\n        <md-button>9:00PM</md-button>\n      </md-button-toggle>\n    </div>\n  </md-card-content>\n\n  <md-card-actions>\n    <md-button class="md-primary">Reserve</md-button>\n  </md-card-actions>\n</md-card>\n        '])])])," ",t._h("div",{slot:"api"})])},staticRenderFns:[function(){var t=this;return t._h("img",{attrs:{src:"assets/card-image-1.jpg",alt:"People"}})},function(){var t=this;return t._h("div",{staticClass:"md-title"},["Title goes here"])},function(){var t=this;return t._h("div",{staticClass:"md-subhead"},["Subtitle here"])},function(){var t=this;return t._h("div",{staticClass:"md-title"},["Title goes here"])},function(){var t=this;return t._h("div",{staticClass:"md-subhead"},["Subtitle here"])},function(){var t=this;return t._h("span",["Call"])},function(){var t=this;return t._h("span",["Send a message"])},function(){var t=this;return t._h("img",{attrs:{src:"assets/card-image-1.jpg",alt:"People"}})},function(){var t=this;return t._h("img",{attrs:{src:"assets/card-image-2.jpg",alt:"People"}})},function(){var t=this;return t._h("img",{attrs:{src:"assets/card-image-2.jpg",alt:"People"}})},function(){var t=this;return t._h("div",{staticClass:"md-title"},["Title goes here"])},function(){var t=this;return t._h("div",{staticClass:"md-subhead"},["Subtitle here"])},function(){var t=this;return t._h("div",{staticClass:"md-title"},["Title goes here"])},function(){var t=this;return t._h("div",{staticClass:"md-subhead"},["Subtitle here"])},function(){var t=this;return t._h("img",{attrs:{src:"assets/card-image-1.jpg",alt:"People"}})},function(){var t=this;return t._h("img",{attrs:{src:"assets/avatar.png",alt:"People"}})},function(){var t=this;return t._h("div",{staticClass:"md-title"},["Title goes here"])},function(){var t=this;return t._h("div",{staticClass:"md-subhead"},["Subtitle here"])},function(){var t=this;return t._h("img",{attrs:{src:"assets/card-image-1.jpg",alt:"People"}})},function(){var t=this;return t._h("img",{attrs:{src:"assets/card-sky.jpg",alt:"Skyscraper"}})},function(){var t=this;return t._h("div",{staticClass:"md-title"},["Title goes here"])},function(){var t=this;return t._h("div",{staticClass:"md-subhead"},["Subtitle here"])},function(){var t=this;return t._h("img",{attrs:{src:"assets/card-sky.jpg",alt:"Skyscraper"}})},function(){var t=this;return t._h("div",{staticClass:"md-title"},["Title goes here"])},function(){var t=this;return t._h("div",{staticClass:"md-subhead"},["Subtitle here"])},function(){var t=this;return t._h("div",{staticClass:"md-title"},["Title goes here"])},function(){var t=this;return t._h("div",{staticClass:"md-subhead"},["Subtitle here"])},function(){var t=this;return t._h("img",{attrs:{src:"assets/avatar-2.jpg",alt:"People"}})},function(){var t=this;return t._h("div",{staticClass:"md-title"},["Title goes here"])},function(){var t=this;return t._h("div",{staticClass:"md-subhead"},["Subtitle here"])},function(){var t=this;return t._h("img",{attrs:{src:"assets/card-weather.png",alt:"People"}})},function(){var t=this;return t._h("div",{staticClass:"md-title"},["Title goes"])},function(){var t=this;return t._h("div",{staticClass:"md-subhead"},["Subtitle here"])},function(){var t=this;return t._h("img",{attrs:{src:"assets/card-weather.png",alt:"People"}})},function(){var t=this;return t._h("img",{attrs:{src:"assets/cover.png",alt:"Cover"}})},function(){var t=this;return t._h("img",{attrs:{src:"assets/card-image-1.jpg",
+},function(){var t=this;return t._h("p",["Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas amet cum vitae, omnis! Illum quas voluptatem, expedita iste, dicta ipsum ea veniam dolore in, quod saepe reiciendis nihil."])},function(){var t=this;return t._h("p",["Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas."])},function(){var t=this;return t._h("p",["Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas amet cum vitae, omnis! Illum quas voluptatem, expedita iste, dicta ipsum ea veniam dolore in, quod saepe reiciendis nihil."])},function(){var t=this;return t._h("p",["Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas amet cum vitae, omnis! Illum quas voluptatem, expedita iste, dicta ipsum ea veniam dolore in, quod saepe reiciendis nihil."])},function(){var t=this;return t._h("p",["Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas amet cum vitae, omnis! Illum quas voluptatem, expedita iste, dicta ipsum ea veniam dolore in, quod saepe reiciendis nihil."])},function(){var t=this;return t._h("p",["Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas."])},function(){var t=this;return t._h("label",{attrs:{for:"shadow"}},["Shadow"])},function(){var t=this;return t._h("p",["\n      To use Tabs you must wrap all ",t._h("code",["<md-tab>"])," in a ",t._h("code",["<md-tabs>"])," as a direct parent.\n      The ",t._h("code",["<md-tabs>"])," can accept some parameters to modify his styles, like ",t._h("code",["md-fixed"])," and ",t._h("code",["md-centered"])," for example.\n      Each single tab accept a ",t._h("code",["md-label"])," and/or ",t._h("code",["md-icon"]),". You can set the active tab by setting a parameter ",t._h("code",["md-active"]),".\n      "])}]}},function(t,e){t.exports={render:function(){var t=this;return t._m(0)},staticRenderFns:[function(){var t=this;return t._h("div",{staticClass:"md-card-header-text"},[t._t("default")])}]}},function(t,e){t.exports={render:function(){var t=this;return t._h("demo-page",{attrs:{label:"Components - Tooltip"}},[t._h("div",{slot:"examples"},[t._h("demo-example",{attrs:{label:"Default"}},[t._h("div",[t._h("md-button",{staticClass:"md-icon-button md-raised md-primary"},[t._h("md-icon",["folder"])," ",t._h("md-tooltip",{attrs:{"md-direction":"top"}},["My tooltip"])])," ",t._h("md-avatar",[t._m(0)," ",t._h("md-tooltip",{attrs:{"md-direction":"bottom"}},["My tooltip"])])])," ",t._h("div",[t._h("md-button",{staticClass:"md-icon-button md-raised md-warn"},[t._h("md-icon",["home"])," ",t._h("md-tooltip",{attrs:{"md-direction":"left"}},["My tooltip"])])," ",t._h("md-avatar",{staticClass:"md-avatar-icon"},[t._h("md-icon",["person"])," ",t._h("md-tooltip",{attrs:{"md-direction":"right"}},["My tooltip"])])])])," ",t._h("demo-example",{attrs:{label:"Delay - 400ms"}},[t._h("div",[t._h("md-button",{staticClass:"md-icon-button md-raised md-primary"},[t._h("md-icon",["folder"])," ",t._h("md-tooltip",{attrs:{"md-delay":"400","md-direction":"top"}},["My tooltip"])])," ",t._h("md-avatar",[t._m(1)," ",t._h("md-tooltip",{attrs:{"md-delay":"400","md-direction":"bottom"}},["My tooltip"])])])," ",t._h("div",[t._h("md-button",{staticClass:"md-icon-button md-raised md-warn"},[t._h("md-icon",["home"])," ",t._h("md-tooltip",{attrs:{"md-delay":"400","md-direction":"left"}},["My tooltip"])])," ",t._h("md-avatar",{staticClass:"md-avatar-icon"},[t._h("md-icon",["person"])," ",t._h("md-tooltip",{attrs:{"md-delay":"400","md-direction":"right"}},["My tooltip"])])])])])," ",t._h("div",{slot:"code"},[t._h("demo-example",{attrs:{label:"Default"}},[t._h("code-block",{attrs:{lang:"xml"}},['\n<md-button class="md-icon-button md-raised md-primary">\n  <md-icon>folder</md-icon>\n  <md-tooltip md-direction="top">My tooltip</md-tooltip>\n</md-button>\n\n<md-avatar>\n  <img src="https://placeimg.com/40/40/people/1" alt="People">\n  <md-tooltip md-direction="bottom">My tooltip</md-tooltip>\n</md-avatar>\n\n<md-button class="md-icon-button md-raised md-warn">\n  <md-icon>home</md-icon>\n  <md-tooltip md-direction="left">My tooltip</md-tooltip>\n</md-button>\n\n<md-avatar class="md-avatar-icon">\n  <md-icon>person</md-icon>\n  <md-tooltip md-direction="right">My tooltip</md-tooltip>\n</md-avatar>\n        '])])," ",t._h("demo-example",{attrs:{label:"Delay - 400ms"}},[t._h("code-block",{attrs:{lang:"xml"}},['\n<md-button class="md-icon-button md-raised md-primary">\n  <md-icon>folder</md-icon>\n  <md-tooltip md-delay="400" md-direction="top">My tooltip</md-tooltip>\n</md-button>\n\n<md-avatar>\n  <img src="https://placeimg.com/40/40/people/1" alt="People">\n  <md-tooltip md-delay="400" md-direction="bottom">My tooltip</md-tooltip>\n</md-avatar>\n\n<md-button class="md-icon-button md-raised md-warn">\n  <md-icon>home</md-icon>\n  <md-tooltip md-delay="400" md-direction="left">My tooltip</md-tooltip>\n</md-button>\n\n<md-avatar class="md-avatar-icon">\n  <md-icon>person</md-icon>\n  <md-tooltip md-delay="400" md-direction="right">My tooltip</md-tooltip>\n</md-avatar>\n        '])])])," ",t._h("div",{slot:"api"})])},staticRenderFns:[function(){var t=this;return t._h("img",{attrs:{src:"https://placeimg.com/40/40/people/1",alt:"People"}})},function(){var t=this;return t._h("img",{attrs:{src:"https://placeimg.com/40/40/people/1",alt:"People"}})}]}},function(t,e){t.exports={render:function(){var t=this;return t._m(0)},staticRenderFns:[function(){var t=this;return t._h("ul",{staticClass:"md-list"},[t._t("default")])}]}},function(t,e){t.exports={render:function(){var t=this;return t._h("demo-page",{attrs:{label:"Components - Icon"}},[t._h("div",{slot:"examples"},[t._h("demo-example",{attrs:{label:"Default",size:"2"}},[t._h("md-icon",["home"])," ",t._h("md-icon",{staticClass:"md-primary"},["home"])," ",t._h("md-icon",{staticClass:"md-accent"},["home"])," ",t._h("md-icon",{staticClass:"md-warn"},["home"])])," ",t._h("demo-example",{attrs:{label:"Themed",size:"2"}},[t._h("md-icon",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"light-blue",expression:"'light-blue'"}],staticClass:"md-primary"},["home"])," ",t._h("md-icon",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"green",expression:"'green'"}],staticClass:"md-primary"},["home"])," ",t._h("md-icon",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"brown",expression:"'brown'"}],staticClass:"md-primary"},["home"])," ",t._h("md-icon",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"orange",expression:"'orange'"}],staticClass:"md-primary"},["home"])])])," ",t._h("div",{slot:"code"},[t._h("demo-example",{attrs:{label:"Default"}},[t._h("code-block",{attrs:{lang:"xml"}},['\n<md-icon>home</md-icon>\n<md-icon class="md-primary">home</md-icon>\n<md-icon class="md-accent">home</md-icon>\n<md-icon class="md-warn">home</md-icon>\n        '])])," ",t._h("demo-example",{attrs:{label:"Themed"}},[t._h("code-block",{attrs:{lang:"xml"}},['\n<md-icon v-md-theme="\'light-blue\'" class="md-primary">home</md-icon>\n<md-icon v-md-theme="\'green\'" class="md-primary">home</md-icon>\n<md-icon v-md-theme="\'brown\'" class="md-primary">home</md-icon>\n<md-icon v-md-theme="\'orange\'" class="md-primary">home</md-icon>\n        '])])])," ",t._h("div",{slot:"api"})])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this;return t._h("div",{directives:[{name:"md-theme",rawName:"v-md-theme",value:t.theme,expression:"theme"}],staticClass:"container"},[t._h("md-sidenav",{ref:"main-sidebar",staticClass:"main-sidebar md-left md-fixed"},[t._h("md-toolbar",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"white",expression:"'white'"}],staticClass:"vue-material-logo"},[t._h("router-link",{attrs:{exact:"",to:"/"}},[t._h("img",{attrs:{src:t.logo,alt:"Vue"}})," ",t._m(0)])])," ",t._h("div",{staticClass:"main-sidebar-links"},[t._h("md-list",{staticClass:"md-dense"},[t._h("md-list-item",[t._h("router-link",{attrs:{exact:"",to:"/"}},["Introduction"])])," ",t._h("md-list-item",[t._h("router-link",{attrs:{exact:"",to:"/getting-started"}},["Getting Started"])])," ",t._h("md-list-item",[t._m(1)," ",t._h("md-list-expand",[t._h("md-list",[t._h("md-list-item",{staticClass:"md-inset"},[t._h("router-link",{attrs:{exact:"",to:"/components/avatar"}},["Avatar"])])," ",t._h("md-list-item",{staticClass:"md-inset"},[t._h("router-link",{attrs:{exact:"",to:"/components/bottom-bar"}},["Bottom Bar"])])," ",t._h("md-list-item",{staticClass:"md-inset"},[t._h("router-link",{attrs:{exact:"",to:"/components/button"}},["Button"])])," ",t._h("md-list-item",{staticClass:"md-inset"},[t._h("router-link",{attrs:{exact:"",to:"/components/button-toggle"}},["Button Toggle"])])," ",t._h("md-list-item",{staticClass:"md-inset"},[t._h("router-link",{attrs:{exact:"",to:"/components/card"}},["Card"])])," ",t._h("md-list-item",{staticClass:"md-inset"},[t._h("router-link",{attrs:{exact:"",to:"/components/checkbox"}},["Checkbox"])])," ",t._h("md-list-item",{staticClass:"md-inset"},[t._h("router-link",{attrs:{exact:"",to:"/components/icon"}},["Icon"])])," ",t._h("md-list-item",{staticClass:"md-inset"},[t._h("router-link",{attrs:{exact:"",to:"/components/input"}},["Input"])])," ",t._h("md-list-item",{staticClass:"md-inset"},[t._h("router-link",{attrs:{exact:"",to:"/components/list"}},["List"])])," ",t._h("md-list-item",{staticClass:"md-inset"},[t._h("router-link",{attrs:{exact:"",to:"/components/menu"}},["Menu"])])," ",t._h("md-list-item",{staticClass:"md-inset"},[t._h("router-link",{attrs:{exact:"",to:"/components/radio"}},["Radio"])])," ",t._h("md-list-item",{staticClass:"md-inset"},[t._h("router-link",{attrs:{exact:"",to:"/components/ripple"}},["Ripple"])])," ",t._h("md-list-item",{staticClass:"md-inset"},[t._h("router-link",{attrs:{exact:"",to:"/components/select"}},["Select"])])," ",t._h("md-list-item",{staticClass:"md-inset"},[t._h("router-link",{attrs:{exact:"",to:"/components/sidenav"}},["Sidenav"])])," ",t._h("md-list-item",{staticClass:"md-inset"},[t._h("router-link",{attrs:{exact:"",to:"/components/subheader"}},["Subheader"])])," ",t._h("md-list-item",{staticClass:"md-inset"},[t._h("router-link",{attrs:{exact:"",to:"/components/switch"}},["Switch"])])," ",t._h("md-list-item",{staticClass:"md-inset"},[t._h("router-link",{attrs:{exact:"",to:"/components/tabs"}},["Tabs"])])," ",t._h("md-list-item",{staticClass:"md-inset"},[t._h("router-link",{attrs:{exact:"",to:"/components/table"}},["Table"])])," ",t._h("md-list-item",{staticClass:"md-inset"},[t._h("router-link",{attrs:{exact:"",to:"/components/toolbar"}},["Toolbar"])])," ",t._h("md-list-item",{staticClass:"md-inset"},[t._h("router-link",{attrs:{exact:"",to:"/components/tooltip"}},["Tooltip"])])," ",t._h("md-list-item",{staticClass:"md-inset"},[t._h("router-link",{attrs:{exact:"",to:"/components/whiteframe"}},["Whiteframe"])])])])])," ",t._h("md-list-item",[t._h("router-link",{attrs:{exact:"",to:"/ui-elements/typography"}},["Typography"])," "])," "," ",t._h("md-list-item",[t._h("router-link",{attrs:{exact:"",to:"/changelog"}},["Changelog"])])," ",t._h("md-list-item",[t._h("router-link",{attrs:{exact:"",to:"/about"}},["About"])])])])])," ",t._h("transition",{attrs:{name:"md-router"}},[t._h("router-view")])])},staticRenderFns:[function(){var t=this;return t._h("span",["Vue Material"])},function(){var t=this;return t._h("span",["Components"])}]}},function(t,e){t.exports={render:function(){var t=this;return t._h("div",{staticClass:"md-sidenav",class:t.classes,attrs:{tabindex:"0"},on:{keyup:function(e){27===e.keyCode&&t.close(e)}}},[t._h("div",{staticClass:"md-sidenav-content"},[t._t("default")])," ",t._h("div",{staticClass:"md-backdrop",on:{click:t.close}})])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this;return t._h("demo-page",{attrs:{label:"Components - Menu"}},[t._h("div",{slot:"examples"},[t._h("demo-example",{attrs:{label:"Directions"}},[t._h("md-menu",[t._h("md-button",{attrs:{"md-menu-trigger":""}},["Bottom Right"])," ",t._h("md-menu-content",[t._h("md-menu-item",["My Item 1"])," ",t._h("md-menu-item",["My Item 2"])," ",t._h("md-menu-item",["My Item 3"])])])," ",t._h("md-menu",{attrs:{"md-direction":"bottom left"}},[t._h("md-button",{attrs:{"md-menu-trigger":""}},["Bottom Left"])," ",t._h("md-menu-content",[t._h("md-menu-item",["My Item 1"])," ",t._h("md-menu-item",["My Item 2"])," ",t._h("md-menu-item",{attrs:{disabled:""}},["My Item 3"])," ",t._h("md-menu-item",["My Item 4"])])])," ",t._h("md-menu",{attrs:{"md-direction":"top left"}},[t._h("md-button",{attrs:{"md-menu-trigger":""}},["Top Left"])," ",t._h("md-menu-content",[t._h("md-menu-item",["My Item 1"])," ",t._h("md-menu-item",["My Item 2"])," ",t._h("md-menu-item",["My Item 3"])])])," ",t._h("md-menu",{attrs:{"md-direction":"top right"}},[t._h("md-button",{attrs:{"md-menu-trigger":""}},["Top Right"])," ",t._h("md-menu-content",[t._h("md-menu-item",["My Item 1"])," ",t._h("md-menu-item",["My Item 2"])," ",t._h("md-menu-item",["My Item 3"])])])])," ",t._h("demo-example",{attrs:{label:"Sizes"}},[t._h("md-menu",[t._h("md-button",{attrs:{"md-menu-trigger":""}},["Default"])," ",t._h("md-menu-content",[t._h("md-menu-item",["My Item 1"])," ",t._h("md-menu-item",["My Item 2"])," ",t._h("md-menu-item",["My Item 3"])])])," ",t._h("md-menu",{attrs:{"md-size":"1"}},[t._h("md-button",{attrs:{"md-menu-trigger":""}},["Size 1"])," ",t._h("md-menu-content",[t._h("md-menu-item",["My Item 1"])," ",t._h("md-menu-item",["My Item 2"])," ",t._h("md-menu-item",["My Item 3"])])])," ",t._h("md-menu",{attrs:{"md-size":"2"}},[t._h("md-button",{attrs:{"md-menu-trigger":""}},["Size 2"])," ",t._h("md-menu-content",[t._h("md-menu-item",["My Item 1"])," ",t._h("md-menu-item",["My Item 2"])," ",t._h("md-menu-item",["My Item 3"])])])," ",t._h("md-menu",{attrs:{"md-size":"4"}},[t._h("md-button",{attrs:{"md-menu-trigger":""}},["Size 4"])," ",t._h("md-menu-content",[t._h("md-menu-item",["My Item 1"])," ",t._h("md-menu-item",["My Item 2"])," ",t._h("md-menu-item",["My Item 3"])])])," ",t._h("md-menu",{attrs:{"md-size":"5"}},[t._h("md-button",{attrs:{"md-menu-trigger":""}},["Size 5"])," ",t._h("md-menu-content",[t._h("md-menu-item",["My Item 1"])," ",t._h("md-menu-item",["My Item 2"])," ",t._h("md-menu-item",["My Item 3"])])])," ",t._h("md-menu",{attrs:{"md-size":"7"}},[t._h("md-button",{attrs:{"md-menu-trigger":""}},["Size 7"])," ",t._h("md-menu-content",[t._h("md-menu-item",["My Item 1"])," ",t._h("md-menu-item",["My Item 2"])," ",t._h("md-menu-item",["My Item 3"])])])])," ",t._h("demo-example",{attrs:{label:"List Icons"}},[t._h("md-menu",[t._h("md-button",{staticClass:"md-icon-button",attrs:{"md-menu-trigger":""}},[t._h("md-icon",["more_vert"])])," ",t._h("md-menu-content",[t._h("md-menu-item",["My Item 1"])," ",t._h("md-menu-item",["My Item 2"])," ",t._h("md-menu-item",["My Item 3"])])])," ",t._h("md-menu",{attrs:{"md-size":"4"}},[t._h("md-button",{staticClass:"md-icon-button",attrs:{"md-menu-trigger":""}},[t._h("md-icon",["phone"])])," ",t._h("md-menu-content",[t._h("md-menu-item",[t._h("md-icon",["phone"])," ",t._m(0)])," ",t._h("md-menu-item",[t._h("md-icon",["phone"])," ",t._m(1)])," ",t._h("md-menu-item",[t._h("md-icon",["phone"])," ",t._m(2)])])])," ",t._h("md-menu",{attrs:{"md-direction":"bottom left","md-size":"4"}},[t._h("md-button",{staticClass:"md-icon-button",attrs:{"md-menu-trigger":""}},[t._h("md-icon",["near_me"])])," ",t._h("md-menu-content",[t._h("md-menu-item",[t._m(3)," ",t._h("md-icon",["near_me"])])," ",t._h("md-menu-item",[t._m(4)," ",t._h("md-icon",["phone"])])])])])])," ",t._h("div",{slot:"code"},[t._h("demo-example",{attrs:{label:"Directions"}},[t._h("code-block",{attrs:{lang:"xml"}},['\n<md-menu>\n  <md-button md-menu-trigger>Bottom Right</md-button>\n\n  <md-menu-content>\n    <md-menu-item>My Item 1</md-menu-item>\n    <md-menu-item>My Item 2</md-menu-item>\n    <md-menu-item>My Item 3</md-menu-item>\n  </md-menu-content>\n</md-menu>\n\n<md-menu md-direction="bottom left">\n  <md-button md-menu-trigger>Bottom Left</md-button>\n\n  <md-menu-content>\n    <md-menu-item>My Item 1</md-menu-item>\n    <md-menu-item>My Item 2</md-menu-item>\n    <md-menu-item disabled>My Item 3</md-menu-item>\n    <md-menu-item>My Item 4</md-menu-item>\n  </md-menu-content>\n</md-menu>\n\n<md-menu md-direction="top left">\n  <md-button md-menu-trigger>Top Left</md-button>\n\n  <md-menu-content>\n    <md-menu-item>My Item 1</md-menu-item>\n    <md-menu-item>My Item 2</md-menu-item>\n    <md-menu-item>My Item 3</md-menu-item>\n  </md-menu-content>\n</md-menu>\n\n<md-menu md-direction="top right">\n  <md-button md-menu-trigger>Top Right</md-button>\n\n  <md-menu-content>\n    <md-menu-item>My Item 1</md-menu-item>\n    <md-menu-item>My Item 2</md-menu-item>\n    <md-menu-item>My Item 3</md-menu-item>\n  </md-menu-content>\n</md-menu>\n'])])," ",t._h("demo-example",{attrs:{label:"Sizes"}},[t._h("code-block",{attrs:{lang:"xml"}},['\n<md-menu>\n  <md-button md-menu-trigger>Default</md-button>\n\n  <md-menu-content>\n    <md-menu-item>My Item 1</md-menu-item>\n    <md-menu-item>My Item 2</md-menu-item>\n    <md-menu-item>My Item 3</md-menu-item>\n  </md-menu-content>\n</md-menu>\n\n<md-menu md-size="1">\n  <md-button md-menu-trigger>Size 1</md-button>\n\n  <md-menu-content>\n    <md-menu-item>My Item 1</md-menu-item>\n    <md-menu-item>My Item 2</md-menu-item>\n    <md-menu-item>My Item 3</md-menu-item>\n  </md-menu-content>\n</md-menu>\n\n<md-menu md-size="2">\n  <md-button md-menu-trigger>Size 2</md-button>\n\n  <md-menu-content>\n    <md-menu-item>My Item 1</md-menu-item>\n    <md-menu-item>My Item 2</md-menu-item>\n    <md-menu-item>My Item 3</md-menu-item>\n  </md-menu-content>\n</md-menu>\n\n<md-menu md-size="4">\n  <md-button md-menu-trigger>Size 4</md-button>\n\n  <md-menu-content>\n    <md-menu-item>My Item 1</md-menu-item>\n    <md-menu-item>My Item 2</md-menu-item>\n    <md-menu-item>My Item 3</md-menu-item>\n  </md-menu-content>\n</md-menu>\n\n<md-menu md-size="5">\n  <md-button md-menu-trigger>Size 5</md-button>\n\n  <md-menu-content>\n    <md-menu-item>My Item 1</md-menu-item>\n    <md-menu-item>My Item 2</md-menu-item>\n    <md-menu-item>My Item 3</md-menu-item>\n  </md-menu-content>\n</md-menu>\n\n<md-menu md-size="7">\n  <md-button md-menu-trigger>Size 7</md-button>\n\n  <md-menu-content>\n    <md-menu-item>My Item 1</md-menu-item>\n    <md-menu-item>My Item 2</md-menu-item>\n    <md-menu-item>My Item 3</md-menu-item>\n  </md-menu-content>\n</md-menu>\n'])])," ",t._h("demo-example",{attrs:{label:"List Icons"}},[t._h("code-block",{attrs:{lang:"xml"}},['\n<md-menu>\n  <md-button class="md-icon-button" md-menu-trigger>\n    <md-icon>more_vert</md-icon>\n  </md-button>\n\n  <md-menu-content>\n    <md-menu-item>My Item 1</md-menu-item>\n    <md-menu-item>My Item 2</md-menu-item>\n    <md-menu-item>My Item 3</md-menu-item>\n  </md-menu-content>\n</md-menu>\n\n<md-menu md-size="4">\n  <md-button class="md-icon-button" md-menu-trigger>\n    <md-icon>phone</md-icon>\n  </md-button>\n\n  <md-menu-content>\n    <md-menu-item>\n      <md-icon>phone</md-icon>\n      <span>My Item 1</span>\n    </md-menu-item>\n\n    <md-menu-item>\n      <md-icon>phone</md-icon>\n      <span>My Item 2</span>\n    </md-menu-item>\n\n    <md-menu-item>\n      <md-icon>phone</md-icon>\n      <span>My Item 3</span>\n    </md-menu-item>\n  </md-menu-content>\n</md-menu>\n\n<md-menu md-direction="bottom left" md-size="4">\n  <md-button class="md-icon-button" md-menu-trigger>\n    <md-icon>near_me</md-icon>\n  </md-button>\n\n  <md-menu-content>\n    <md-menu-item>\n      <span>Find on map</span>\n      <md-icon>near_me</md-icon>\n    </md-menu-item>\n\n    <md-menu-item>\n      <span>Call</span>\n      <md-icon>phone</md-icon>\n    </md-menu-item>\n  </md-menu-content>\n</md-menu>\n'])])])," ",t._h("div",{slot:"api"})])},staticRenderFns:[function(){var t=this;return t._h("span",["My Item 1"])},function(){var t=this;return t._h("span",["My Item 2"])},function(){var t=this;return t._h("span",["My Item 3"])},function(){var t=this;return t._h("span",["Find on map"])},function(){var t=this;return t._h("span",["Call"])}]}},function(t,e){t.exports={render:function(){var t=this;return t._h("th",{staticClass:"md-table-head",class:t.classes,on:{click:t.changeSort}},[t._h("div",{directives:[{name:"md-ink-ripple",rawName:"v-md-ink-ripple",value:!t.mdSortBy,expression:"!mdSortBy"}],staticClass:"md-table-head-container"},[t._h("div",{staticClass:"md-table-head-text md-test"},[t.mdSortBy?t._h("md-icon",{staticClass:"md-sortable-icon"},["arrow_downward"]):t._e()," ",t._t("default")," ",t.mdTooltip?t._h("md-tooltip",[t._s(t.mdTooltip)]):t._e()])])])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this;return t._h("div",{staticClass:"md-input-container",class:t.classes},[t._t("default")," ",t.enableCounter?t._h("span",{staticClass:"md-count"},[t._s(t.inputLength)+" / "+t._s(t.counterLength)]):t._e()," ",t.mdHasPassword?t._h("md-button",{staticClass:"md-icon-button md-toggle-password",on:{click:t.togglePasswordType}},[t._h("md-icon",[t._s(t.showPassword?"visibility_off":"visibility")])]):t._e()])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this;return t._h("demo-page",{attrs:{label:"Components - Input"}},[t._h("div",{slot:"examples"},[t._h("demo-example",{attrs:{label:"Regular fields",size:"4"}},[t._h("form",{attrs:{novalidate:""},on:{submit:function(e){e.stopPropagation(),e.preventDefault(),t.submit(e)}}},[t._h("md-input-container",[t._m(0)," ",t._h("md-input",{directives:[{name:"model",rawName:"v-model",value:t.initialValue,expression:"initialValue"}],domProps:{value:t.initialValue},on:{input:function(e){t.initialValue=e}}})])," ",t._h("md-input-container",[t._m(1)," ",t._h("md-input",{attrs:{placeholder:"My nice placeholder"}})])," ",t._h("md-input-container",{attrs:{"md-inline":""}},[t._m(2)," ",t._h("md-input")])," ",t._h("md-input-container",[t._m(3)," ",t._h("md-input",{attrs:{type:"number"}})])," ",t._h("md-input-container",[t._m(4)," ",t._h("md-textarea")])," ",t._h("md-input-container",[t._m(5)," ",t._h("md-input",{attrs:{disabled:""}})])])])," ",t._h("demo-example",{attrs:{label:"Password",size:"4"}},[t._h("form",{attrs:{novalidate:""},on:{submit:function(e){e.stopPropagation(),e.preventDefault(),t.submit(e)}}},[t._h("md-input-container",[t._m(6)," ",t._h("md-input",{attrs:{type:"password"}})])," ",t._h("md-input-container",{attrs:{"md-has-password":""}},[t._m(7)," ",t._h("md-input",{attrs:{type:"password"}})])])])," ",t._h("demo-example",{attrs:{label:"Required and Errors",size:"4"}},[t._h("form",{attrs:{novalidate:""},on:{submit:function(e){e.stopPropagation(),e.preventDefault(),t.submit(e)}}},[t._h("md-input-container",[t._m(8)," ",t._h("md-input",{attrs:{required:""}})])," ",t._h("md-input-container",{staticClass:"md-input-invalid"},[t._m(9)," ",t._h("md-input",{attrs:{required:""}})])," ",t._h("md-input-container",{staticClass:"md-input-invalid"},[t._m(10)," ",t._h("md-input",{attrs:{required:""}})," ",t._m(11)])," ",t._h("md-input-container",{staticClass:"md-input-invalid"},[t._m(12)," ",t._h("md-textarea")," ",t._m(13)])])])," ",t._h("demo-example",{attrs:{label:"Character counter",size:"4"}},[t._h("form",{attrs:{novalidate:""},on:{submit:function(e){e.stopPropagation(),e.preventDefault(),t.submit(e)}}},[t._h("md-input-container",[t._m(14)," ",t._h("md-textarea",{attrs:{maxlength:"70"}})])," ",t._h("md-input-container",[t._m(15)," ",t._h("md-input",{attrs:{maxlength:"20"}})])])])," ",t._h("demo-example",{attrs:{label:"Themed",size:"4"}},[t._h("form",{attrs:{novalidate:""},on:{submit:function(e){e.stopPropagation(),e.preventDefault(),t.submit(e)}}},[t._h("md-input-container",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"green",expression:"'green'"}]},[t._m(16)," ",t._h("md-input")])," ",t._h("md-input-container",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"brown",expression:"'brown'"}]},[t._m(17)," ",t._h("md-textarea")])])])])," ",t._h("div",{slot:"code"},[t._h("demo-example",{attrs:{label:"Regular fields"}},[t._h("code-block",{attrs:{lang:"xml"}},['\n<form novalidate @submit.stop.prevent="submit">\n  <md-input-container>\n    <label>Initial value</label>\n    <md-input v-model="initialValue"></md-input>\n  </md-input-container>\n\n  <md-input-container>\n    <label>With label</label>\n    <md-input placeholder="My nice placeholder"></md-input>\n  </md-input-container>\n\n  <md-input-container md-inline>\n    <label>Inline field</label>\n    <md-input></md-input>\n  </md-input-container>\n\n  <md-input-container>\n    <label>Number</label>\n    <md-input type="number"></md-input>\n  </md-input-container>\n\n  <md-input-container>\n    <label>Textarea</label>\n    <md-textarea></md-textarea>\n  </md-input-container>\n\n  <md-input-container>\n    <label>Disabled</label>\n    <md-input disabled></md-input>\n  </md-input-container>\n</form>\n        '])," ",t._h("code-block",{attrs:{lang:"javascript"}},["\nexport default {\n  data() {\n    return {\n      initialValue: 'My initial value'\n    };\n  }\n};\n        "])])," ",t._h("demo-example",{attrs:{label:"Password"}},[t._h("code-block",{attrs:{lang:"xml"}},['\n<form novalidate @submit.stop.prevent="submit">\n  <md-input-container>\n    <label>Regular Password</label>\n    <md-input type="password"></md-input>\n  </md-input-container>\n\n  <md-input-container md-has-password>\n    <label>Password Reveal</label>\n    <md-input type="password"></md-input>\n  </md-input-container>\n</form>\n        '])])," ",t._h("demo-example",{attrs:{label:"Required and Errors"}},[t._h("code-block",{attrs:{lang:"xml"}},['\n<form novalidate @submit.stop.prevent="submit">\n  <md-input-container>\n    <label>Required</label>\n    <md-input required></md-input>\n  </md-input-container>\n\n  <md-input-container class="md-input-invalid">\n    <label>Error</label>\n    <md-input required></md-input>\n  </md-input-container>\n\n  <md-input-container class="md-input-invalid">\n    <label>Error with message</label>\n    <md-input required></md-input>\n\n    <span class="md-error">Validation message</span>\n  </md-input-container>\n\n  <md-input-container class="md-input-invalid">\n    <label>Textarea with error</label>\n    <md-textarea></md-textarea>\n\n    <span class="md-error">Textarea validation message</span>\n  </md-input-container>\n</form>\n        '])])," ",t._h("demo-example",{attrs:{label:"Character counter"}},[t._h("code-block",{attrs:{lang:"xml"}},['\n<form novalidate @submit.stop.prevent="submit">\n  <md-input-container>\n    <label>Textarea</label>\n    <md-textarea maxlength="70"></md-textarea>\n  </md-input-container>\n\n  <md-input-container>\n    <label>Input</label>\n    <md-input maxlength="20"></md-input>\n  </md-input-container>\n</form>\n        '])])," ",t._h("demo-example",{attrs:{label:"Themed",size:"4"}},[t._h("code-block",{attrs:{lang:"xml"}},['\n<form novalidate @submit.stop.prevent="submit">\n  <md-input-container v-md-theme="\'green\'">\n    <label>Themable - Input</label>\n    <md-input></md-input>\n  </md-input-container>\n\n  <md-input-container v-md-theme="\'brown\'">\n    <label>Themable - Textarea</label>\n    <md-textarea></md-textarea>\n  </md-input-container>\n</form>\n        '])])])," ",t._h("div",{slot:"api"})])},staticRenderFns:[function(){var t=this;return t._h("label",["Initial value"])},function(){var t=this;return t._h("label",["With label"])},function(){var t=this;return t._h("label",["Inline field"])},function(){var t=this;return t._h("label",["Number"])},function(){var t=this;return t._h("label",["Textarea"])},function(){var t=this;return t._h("label",["Disabled"])},function(){var t=this;return t._h("label",["Regular Password"])},function(){var t=this;return t._h("label",["Password Reveal"])},function(){var t=this;return t._h("label",["Required"])},function(){var t=this;return t._h("label",["Error"])},function(){var t=this;return t._h("label",["Error with message"])},function(){var t=this;return t._h("span",{staticClass:"md-error"},["Validation message"])},function(){var t=this;return t._h("label",["Textarea with error"])},function(){var t=this;return t._h("span",{staticClass:"md-error"},["Textarea validation message"])},function(){var t=this;return t._h("label",["Textarea"])},function(){var t=this;return t._h("label",["Input"])},function(){var t=this;return t._h("label",["Themable - Input"])},function(){var t=this;return t._h("label",["Themable - Textarea"])}]}},function(t,e){t.exports={render:function(){var t=this;return t._h("div",{staticClass:"md-card",class:t.classes},[t._t("default")])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this;return t._h("div",{staticClass:"md-menu-content",attrs:{tabindex:"-1"},on:{keydown:[function(e){27===e.keyCode&&(e.preventDefault(),t.close(e))},function(e){9===e.keyCode&&(e.preventDefault(),t.close(e))},function(e){38===e.keyCode&&(e.preventDefault(),t.highlightItem("up"))},function(e){40===e.keyCode&&(e.preventDefault(),t.highlightItem("down"))},function(e){13===e.keyCode&&(e.preventDefault(),t.fireClick(e))},function(e){32===e.keyCode&&(e.preventDefault(),t.fireClick(e))}]}},[t._h("md-list",[t._t("default")])])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this;return t._h("input",{staticClass:"md-input",attrs:{type:t.type,disabled:t.disabled,required:t.required,placeholder:t.placeholder,maxlength:t.maxlength},domProps:{value:t.value},on:{focus:t.onFocus,blur:t.onBlur,input:t.onInput,keydown:[function(e){38===e.keyCode&&t.onInput(e)},function(e){40===e.keyCode&&t.onInput(e)}]}})},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this;return t._h("td",{staticClass:"md-table-cell",class:t.classes},[t._h("div",{staticClass:"md-table-cell-container"},[t._t("default")])])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this;return t._h("md-list-item",{staticClass:"md-menu-item",class:t.classes,attrs:{disabled:t.disabled},on:{click:t.close}},[t._t("default")])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this;return t._h("demo-page",{attrs:{label:"Components - Checkbox"}},[t._h("div",{slot:"examples"},[t._h("demo-example",{attrs:{label:"Default"}},[t._h("md-checkbox",{directives:[{name:"model",rawName:"v-model",value:t.checkbox,expression:"checkbox"}],attrs:{id:"my-test1",name:"my-test1"},domProps:{value:t.checkbox},on:{input:function(e){t.checkbox=e}}},["Regular Checkbox"])," ",t._h("md-checkbox",{directives:[{name:"model",rawName:"v-model",value:t.checkbox,expression:"checkbox"}],staticClass:"md-primary",attrs:{id:"my-test2",name:"my-test2"},domProps:{value:t.checkbox},on:{input:function(e){t.checkbox=e}}},["Primary Color"])," ",t._h("md-checkbox",{directives:[{name:"model",rawName:"v-model",value:t.checkbox,expression:"checkbox"}],staticClass:"md-warn",attrs:{id:"my-test3",name:"my-test3"},domProps:{value:t.checkbox},on:{input:function(e){t.checkbox=e}}},["Warn Color"])," ",t._h("md-checkbox",{directives:[{name:"model",rawName:"v-model",value:t.checkbox,expression:"checkbox"}],attrs:{id:"my-test4",name:"my-test4",disabled:""},domProps:{value:t.checkbox},on:{input:function(e){t.checkbox=e}}},["Disabled"])])," ",t._h("demo-example",{attrs:{label:"Themed"}},[t._h("div",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"orange",expression:"'orange'"}],staticClass:"themed"},[t._h("md-checkbox",{directives:[{name:"model",rawName:"v-model",value:t.checkbox2,expression:"checkbox2"}],staticClass:"md-primary",attrs:{id:"my-test5",name:"my-test5"},domProps:{value:t.checkbox2},on:{input:function(e){t.checkbox2=e}}},["Primary Orange"])])," ",t._h("div",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"green",expression:"'green'"}],staticClass:"themed"},[t._h("md-checkbox",{directives:[{name:"model",rawName:"v-model",value:t.checkbox2,expression:"checkbox2"}],staticClass:"md-primary",attrs:{id:"my-test6",name:"my-test6"
+},domProps:{value:t.checkbox2},on:{input:function(e){t.checkbox2=e}}},["Primary Green"])])," ",t._h("div",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"light-blue",expression:"'light-blue'"}],staticClass:"themed"},[t._h("md-checkbox",{directives:[{name:"model",rawName:"v-model",value:t.checkbox2,expression:"checkbox2"}],staticClass:"md-primary",attrs:{id:"my-test7",name:"my-test7"},domProps:{value:t.checkbox2},on:{input:function(e){t.checkbox2=e}}},["Primary Light Blue"])])," ",t._h("div",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"indigo",expression:"'indigo'"}],staticClass:"themed"},[t._h("md-checkbox",{directives:[{name:"model",rawName:"v-model",value:t.checkbox2,expression:"checkbox2"}],staticClass:"md-primary",attrs:{id:"my-test8",name:"my-test8"},domProps:{value:t.checkbox2},on:{input:function(e){t.checkbox2=e}}},["Primary Indigo"])])," ",t._h("div",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"brown",expression:"'brown'"}],staticClass:"themed"},[t._h("md-checkbox",{directives:[{name:"model",rawName:"v-model",value:t.checkbox2,expression:"checkbox2"}],staticClass:"md-primary",attrs:{id:"my-test9",name:"my-test9",disabled:""},domProps:{value:t.checkbox2},on:{input:function(e){t.checkbox2=e}}},["Primary Brown Disabled"])])])])," ",t._h("div",{slot:"code"},[t._h("demo-example",{attrs:{label:"Default"}},[t._h("code-block",{attrs:{lang:"xml"}},['\n<md-checkbox id="my-test1" name="my-test1" v-model="checkbox">Regular Checkbox</md-checkbox>\n<md-checkbox id="my-test2" name="my-test2" v-model="checkbox" class="md-primary">Primary Color</md-checkbox>\n<md-checkbox id="my-test3" name="my-test3" v-model="checkbox" class="md-warn">Warn Color</md-checkbox>\n<md-checkbox id="my-test4" name="my-test4" v-model="checkbox" disabled>Disabled</md-checkbox>\n          '])])," ",t._h("demo-example",{attrs:{label:"Themed"}},[t._h("code-block",{attrs:{lang:"xml"}},['\n<div class="themed" v-md-theme="\'orange\'">\n  <md-checkbox id="my-test5" name="my-test5" v-model="checkbox2" class="md-primary">Primary Orange</md-checkbox>\n</div>\n\n<div class="themed" v-md-theme="\'green\'">\n  <md-checkbox id="my-test6" name="my-test6" v-model="checkbox2" class="md-primary">Primary Green</md-checkbox>\n</div>\n\n<div class="themed" v-md-theme="\'light-blue\'">\n  <md-checkbox id="my-test7" name="my-test7" v-model="checkbox2" class="md-primary">Primary Light Blue</md-checkbox>\n</div>\n\n<div class="themed" v-md-theme="\'indigo\'">\n  <md-checkbox id="my-test8" name="my-test8" v-model="checkbox2" class="md-primary">Primary Indigo</md-checkbox>\n</div>\n\n<div class="themed" v-md-theme="\'brown\'">\n  <md-checkbox id="my-test9" name="my-test9" v-model="checkbox2" class="md-primary" disabled>Primary Brown Disabled</md-checkbox>\n</div>\n        '])])])," ",t._h("div",{slot:"api"})])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this;return t._h("div",{staticClass:"code-block"},[t._h("pre",[t._h("code",{ref:"block",class:t.lang},[t._t("default")])])])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this;return t._h("div",{staticClass:"md-card-media",class:t.classes},[t._t("default")])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this;return t._h("textarea",{staticClass:"md-input",attrs:{disabled:t.disabled,required:t.required,placeholder:t.placeholder,maxlength:t.maxlength},domProps:{value:t.value},on:{focus:t.onFocus,blur:t.onBlur,input:t.onInput}})},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this;return t._h("demo-page",{attrs:{label:"Components - Ripple"}},[t._h("div",{slot:"examples"},[t._h("demo-example",{attrs:{label:"Default"}},[t._h("span",{directives:[{name:"md-ink-ripple",rawName:"v-md-ink-ripple"}],staticClass:"has-ripple"},["This span has ripple effect"])," ",t._h("span",{directives:[{name:"md-ink-ripple",rawName:"v-md-ink-ripple"}],staticClass:"has-ripple green"},["This span has ripple effect"])," ",t._h("span",{directives:[{name:"md-ink-ripple",rawName:"v-md-ink-ripple"}],staticClass:"has-ripple blue"},["This span has ripple effect"])," ",t._h("div",[t._h("md-avatar",{directives:[{name:"md-ink-ripple",rawName:"v-md-ink-ripple"}]},[t._m(0)])," ",t._h("md-avatar",{directives:[{name:"md-ink-ripple",rawName:"v-md-ink-ripple"}],staticClass:"md-avatar-icon"},[t._h("md-icon",["home"])])])])])," ",t._h("div",{slot:"code"},[t._h("demo-example",{attrs:{label:"Default"}},[t._h("code-block",{attrs:{lang:"xml"}},['\n<span class="has-ripple" v-md-ink-ripple>This span has ripple effect</span>\n<span class="has-ripple green" v-md-ink-ripple>This span has ripple effect</span>\n<span class="has-ripple blue" v-md-ink-ripple>This span has ripple effect</span>\n\n<div>\n  <md-avatar v-md-ink-ripple>\n    <img src="//placeimg.com/40/40/people/1" alt="People">\n  </md-avatar>\n\n  <md-avatar v-md-ink-ripple class="md-avatar-icon">\n    <md-icon>home</md-icon>\n  </md-avatar>\n</div>\n        '])])])," ",t._h("div",{slot:"api"})])},staticRenderFns:[function(){var t=this;return t._h("img",{attrs:{src:"//placeimg.com/40/40/people/1",alt:"People"}})}]}},function(t,e){t.exports={render:function(){var t=this;return t._m(0)},staticRenderFns:[function(){var t=this;return t._h("div",{staticClass:"md-toolbar"},[t._t("default")])}]}},function(t,e){t.exports={render:function(){var t=this;return t._h("single-page",{staticClass:"single-page-home",attrs:{label:"Error"}},[t._h("single-page-banner",{attrs:{label:"Error 404"}})," ",t._m(0)," ",t._m(1)," ",t._h("md-button",{staticClass:"md-primary md-raised",attrs:{href:"https://github.com/marcosmoura/vue-material/issues/new",target:"_blank",rel:"noopener"}},["New Issue"])])},staticRenderFns:[function(){var t=this;return t._h("h2",{staticClass:"md-headline"},["Hmmm. Too bad"])},function(){var t=this;return t._h("p",["Are you searching for a new component? Or maybe you have an question? Get in touch!"])}]}},function(t,e){t.exports={render:function(){var t=this;return t._h("demo-page",{attrs:{label:"Components - Switch"}},[t._h("div",{slot:"examples"},[t._h("demo-example",{attrs:{label:"Default"}},[t._h("div",[t._h("md-switch",{directives:[{name:"model",rawName:"v-model",value:t.checked0,expression:"checked0"}],attrs:{id:"my-test0",name:"my-test0"},domProps:{value:t.checked0},on:{input:function(e){t.checked0=e}}})])," ",t._h("div",[t._h("md-switch",{directives:[{name:"model",rawName:"v-model",value:t.checked1,expression:"checked1"}],staticClass:"md-primary",attrs:{id:"my-test1",name:"my-test1"},domProps:{value:t.checked1},on:{input:function(e){t.checked1=e}}},["Primary Color"])])," ",t._h("div",[t._h("md-switch",{directives:[{name:"model",rawName:"v-model",value:t.checked2,expression:"checked2"}],staticClass:"md-warn",attrs:{id:"my-test2",name:"my-test2"},domProps:{value:t.checked2},on:{input:function(e){t.checked2=e}}},["Warn Color"])])," ",t._h("div",[t._h("md-switch",{directives:[{name:"model",rawName:"v-model",value:t.checked3,expression:"checked3"}],attrs:{id:"my-test3",name:"my-test3",disabled:""},domProps:{value:t.checked3},on:{input:function(e){t.checked3=e}}},["Disabled"])])])," ",t._h("demo-example",{attrs:{label:"Themed"}},[t._h("div",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"orange",expression:"'orange'"}]},[t._h("md-switch",{directives:[{name:"model",rawName:"v-model",value:t.checked4,expression:"checked4"}],staticClass:"md-primary",attrs:{id:"my-test4",name:"my-test4"},domProps:{value:t.checked4},on:{input:function(e){t.checked4=e}}})])," ",t._h("div",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"green",expression:"'green'"}]},[t._h("md-switch",{directives:[{name:"model",rawName:"v-model",value:t.checked5,expression:"checked5"}],staticClass:"md-primary",attrs:{id:"my-test5",name:"my-test5"},domProps:{value:t.checked5},on:{input:function(e){t.checked5=e}}},["Green Primary Color"])])," ",t._h("div",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"brown",expression:"'brown'"}]},[t._h("md-switch",{directives:[{name:"model",rawName:"v-model",value:t.checked6,expression:"checked6"}],staticClass:"md-primary",attrs:{id:"my-test6",name:"my-test6"},domProps:{value:t.checked6},on:{input:function(e){t.checked6=e}}},["Brown Primary Color"])])," ",t._h("div",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"light-blue",expression:"'light-blue'"}]},[t._h("md-switch",{directives:[{name:"model",rawName:"v-model",value:t.checked7,expression:"checked7"}],staticClass:"md-primary",attrs:{id:"my-test7",name:"my-test7",disabled:""},domProps:{value:t.checked7},on:{input:function(e){t.checked7=e}}},["Light Blue Primary Color Disabled"])])])," ",t._h("demo-example",{attrs:{label:"Typed"}},[t._h("md-switch",{directives:[{name:"model",rawName:"v-model",value:t.checked8,expression:"checked8"}],attrs:{id:"my-test8",name:"my-test8"},domProps:{value:t.checked8},on:{input:function(e){t.checked8=e}}},["Button (default)"])," ",t._h("div",[t._h("form",{on:{click:function(e){e.stopPropagation(),e.preventDefault(),t.submit(e)}}},[t._h("md-switch",{directives:[{name:"model",rawName:"v-model",value:t.checked9,expression:"checked9"}],staticClass:"md-primary",attrs:{type:"submit",id:"my-test9",name:"my-test9"},domProps:{value:t.checked9},on:{input:function(e){t.checked9=e}}},["Submit"])])])])])," ",t._h("div",{slot:"code"},[t._h("demo-example",{attrs:{label:"Default"}},[t._h("code-block",{attrs:{lang:"xml"}},['\n<md-switch v-model="checked0" id="my-test0" name="my-test0"></md-switch>\n<md-switch v-model="checked1" id="my-test1" name="my-test1" class="md-primary">Primary Color</md-switch>\n<md-switch v-model="checked2" id="my-test2" name="my-test2" class="md-warn">Warn Color</md-switch>\n<md-switch v-model="checked3" id="my-test3" name="my-test3" disabled>Disabled</md-switch>\n        '])])," ",t._h("demo-example",{attrs:{label:"Themed"}},[t._h("code-block",{attrs:{lang:"xml"}},['\n<div v-md-theme="\'orange\'">\n  <md-switch v-model="checked4" id="my-test4" name="my-test4" class="md-primary"></md-switch>\n</div>\n\n<div v-md-theme="\'green\'">\n  <md-switch v-model="checked5" id="my-test5" name="my-test5" class="md-primary">Green Primary Color</md-switch>\n</div>\n\n<div v-md-theme="\'brown\'">\n  <md-switch v-model="checked6" id="my-test6" name="my-test6" class="md-primary">Brown Primary Color</md-switch>\n</div>\n\n<div v-md-theme="\'light-blue\'">\n  <md-switch v-model="checked7" id="my-test7" name="my-test7" class="md-primary" disabled>Light Blue Primary Color Disabled</md-switch>\n</div>\n        '])])," ",t._h("demo-example",{attrs:{label:"Typed"}},[t._h("code-block",{attrs:{lang:"xml"}},['\n<div>\n  <md-switch v-model="checked8" id="my-test8" name="my-test8" class="md-primary">Button (default)</md-switch>\n</div>\n\n<form @click.stop.prevent="submit">\n  <md-switch type="submit" v-model="checked9" id="my-test9" name="my-test9">Submit</md-switch>\n</form>\n        '])," ",t._h("code-block",{attrs:{lang:"javascript"}},["\nexport default {\n  methods: {\n    submit(e) {\n      alert('This switch submits the form');\n    }\n  }\n};\n        "])])])," ",t._h("div",{slot:"api"})])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this;return t._h("demo-page",{attrs:{label:"Components - Card"}},[t._h("div",{slot:"examples"},[t._h("demo-example",{attrs:{label:"Regular Cards"}},[t._h("md-card",[t._h("md-card-media",[t._m(0)])," ",t._h("md-card-header",[t._m(1)," ",t._m(2)])," ",t._h("md-card-actions",[t._h("md-button",["Action"])," ",t._h("md-button",["Action"])])," ",t._h("md-card-content",["\n            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Optio itaque ea, nostrum odio. Dolores, sed accusantium quasi non, voluptas eius illo quas, saepe voluptate pariatur in deleniti minus sint. Excepturi.\n          "])])," ",t._h("md-card",[t._h("md-card-header",[t._h("md-card-header-text",[t._m(3)," ",t._m(4)])," ",t._h("md-menu",{attrs:{"md-size":"4","md-direction":"bottom left"}},[t._h("md-button",{staticClass:"md-icon-button",attrs:{"md-menu-trigger":""}},[t._h("md-icon",["more_vert"])])," ",t._h("md-menu-content",[t._h("md-menu-item",[t._m(5)," ",t._h("md-icon",["phone"])])," ",t._h("md-menu-item",[t._m(6)," ",t._h("md-icon",["message"])])])])])," ",t._h("md-card-media",[t._m(7)])," ",t._h("md-card-content",["\n            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Optio itaque ea, nostrum odio. Dolores, sed accusantium quasi non, voluptas eius illo quas, saepe voluptate pariatur in deleniti minus sint. Excepturi.\n          "])])," ",t._h("md-card",[t._h("md-card-media",[t._m(8)])," ",t._h("md-card-content",["\n            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Optio itaque ea nostrum.\n          "])])," ",t._h("md-card",[t._h("md-card-media",[t._m(9)])," ",t._h("md-card-header",[t._m(10)," ",t._m(11)])," ",t._h("md-card-actions",[t._h("md-button",["Action"])," ",t._h("md-button",["Action"])])])])," ",t._h("demo-example",{attrs:{label:"Hover Effect"}},[t._h("md-card",{attrs:{"md-with-hover":""}},[t._h("md-card-header",[t._m(12)," ",t._m(13)])," ",t._h("md-card-content",["\n            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Optio itaque ea, nostrum odio. Dolores, sed accusantium quasi non, voluptas eius illo quas, saepe voluptate pariatur in deleniti minus sint. Excepturi.\n          "])," ",t._h("md-card-actions",[t._h("md-button",["Action"])," ",t._h("md-button",["Action"])])])," ",t._h("md-card",{attrs:{"md-with-hover":""}},[t._h("md-card-media",{directives:[{name:"md-ink-ripple",rawName:"v-md-ink-ripple"}]},[t._m(14)])," ",t._h("md-card-actions",[t._h("md-button",{staticClass:"md-icon-button"},[t._h("md-icon",["favorite"])])," ",t._h("md-button",{staticClass:"md-icon-button"},[t._h("md-icon",["bookmark"])])," ",t._h("md-button",{staticClass:"md-icon-button"},[t._h("md-icon",["share"])])])])," ",t._h("md-card",{attrs:{"md-with-hover":""}},[t._h("md-card-header",[t._h("md-avatar",[t._m(15)])," ",t._m(16)," ",t._m(17)])," ",t._h("md-card-media",[t._m(18)])," ",t._h("md-card-content",["\n            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Optio itaque ea nostrum.\n          "])," ",t._h("md-card-actions",[t._h("md-button",["Action"])," ",t._h("md-button",["Action"])])])])," ",t._h("demo-example",{attrs:{label:"Image cover with predefined aspect ratio"}},[t._h("md-card",[t._h("md-card-media-cover",{attrs:{"md-text-scrim":""}},[t._h("md-card-media",{attrs:{"md-ratio":"16:9"}},[t._m(19)])," ",t._h("md-card-area",[t._h("md-card-header",[t._m(20)," ",t._m(21)])," ",t._h("md-card-actions",[t._h("md-button",["Action"])," ",t._h("md-button",["Action"])])])])])," ",t._h("md-card",[t._h("md-card-media-cover",{attrs:{"md-solid":""}},[t._h("md-card-media",{attrs:{"md-ratio":"1:1"}},[t._m(22)])," ",t._h("md-card-area",[t._h("md-card-header",[t._m(23)," ",t._m(24)])," ",t._h("md-card-actions",[t._h("md-button",["Action"])," ",t._h("md-button",["Action"])])])])])])," ",t._h("demo-example",{attrs:{label:"Media"}},[t._h("md-card",[t._h("md-card-header",[t._h("md-card-header-text",[t._m(25)," ",t._m(26)])," ",t._h("md-card-media",[t._m(27)])])," ",t._h("md-card-actions",[t._h("md-button",["Action"])," ",t._h("md-button",["Action"])])])," ",t._h("md-card",[t._h("md-card-header",[t._h("md-card-header-text",[t._m(28)," ",t._m(29)])," ",t._h("md-card-media",{attrs:{"md-medium":""}},[t._m(30)])])," ",t._h("md-card-actions",[t._h("md-button",["Action"])," ",t._h("md-button",["Action"])])])," ",t._h("md-card",[t._h("md-card-header",[t._h("md-card-header-text",[t._m(31)," ",t._m(32)])," ",t._h("md-card-media",{attrs:{"md-big":""}},[t._m(33)])])," ",t._h("md-card-actions",[t._h("md-button",["Action"])," ",t._h("md-button",["Action"])])])," ",t._h("md-card",[t._h("md-card-media-actions",[t._h("md-card-media",[t._m(34)])," ",t._h("md-card-actions",[t._h("md-button",{staticClass:"md-icon-button"},[t._h("md-icon",["favorite"])])," ",t._h("md-button",{staticClass:"md-icon-button"},[t._h("md-icon",["bookmark"])])," ",t._h("md-button",{staticClass:"md-icon-button"},[t._h("md-icon",["share"])])])])])])," ",t._h("demo-example",{attrs:{label:"Full control"}},[t._h("md-card",[t._h("md-card-area",[t._h("md-card-media",[t._m(35)])," ",t._h("md-card-header",[t._m(36)," ",t._m(37)])," ",t._h("md-card-content",["\n              Lorem ipsum dolor sit amet, consectetur adipisicing elit. Optio itaque ea, nostrum odio. Dolores, sed accusantium quasi non, voluptas eius illo quas, saepe voluptate pariatur in deleniti minus sint. Excepturi.\n            "])])," ",t._h("md-card-actions",[t._h("md-button",["Action"])," ",t._h("md-button",["Action"])])])," ",t._h("md-card",[t._h("md-card-media",[t._m(38)])," ",t._h("md-card-header",[t._m(39)," ",t._m(40)])," ",t._h("md-card-expand",[t._h("md-card-actions",[t._h("md-button",["Action"])," ",t._h("md-button",["Action"])," ",t._m(41)," ",t._h("md-button",{staticClass:"md-icon-button",attrs:{"md-expand-trigger":""}},[t._h("md-icon",["keyboard_arrow_down"])])])," ",t._h("md-card-content",["\n              Lorem ipsum dolor sit amet, consectetur adipisicing elit. Optio itaque ea, nostrum odio. Dolores, sed accusantium quasi non, voluptas eius illo quas, saepe voluptate pariatur in deleniti minus sint. Excepturi.\n            "])])])," ",t._h("md-card",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"blue",expression:"'blue'"}],staticClass:"card-example"},[t._h("md-card-area",{attrs:{"md-inset":""}},[t._h("md-card-media",{attrs:{"md-ratio":"16:9"}},[t._m(42)])," ",t._h("md-card-header",[t._m(43)," ",t._h("div",{staticClass:"md-subhead"},[t._h("md-icon",["location_on"])," ",t._m(44)])])," ",t._h("md-card-content",["\n              Illy Coffee served with a complimentary Leonidas Belgian Chocolate with all beverages.\n            "])])," ",t._h("md-card-content",[t._m(45)," ",t._h("div",{staticClass:"card-reservation"},[t._h("md-icon",["access_time"])," ",t._h("md-button-toggle",{staticClass:"md-button-group",attrs:{type:"radio"}},[t._h("md-button",["5:30PM"])," ",t._h("md-button",["7:30PM"])," ",t._h("md-button",["9:00PM"])])])])," ",t._h("md-card-actions",[t._h("md-button",{staticClass:"md-primary"},["Reserve"])])])])])," ",t._h("div",{slot:"code"},[t._h("demo-example",{attrs:{label:"Regular Cards"}},[t._h("code-block",{attrs:{lang:"xml"}},['\n<md-card>\n  <md-card-media>\n    <img src="assets/card-image-1.jpg" alt="People">\n  </md-card-media>\n\n  <md-card-header>\n    <div class="md-title">Title goes here</div>\n    <div class="md-subhead">Subtitle here</div>\n  </md-card-header>\n\n  <md-card-actions>\n    <md-button>Action</md-button>\n    <md-button>Action</md-button>\n  </md-card-actions>\n\n  <md-card-content>\n    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Optio itaque ea, nostrum odio. Dolores, sed accusantium quasi non, voluptas eius illo quas, saepe voluptate pariatur in deleniti minus sint. Excepturi.\n  </md-card-content>\n</md-card>\n        '])," ",t._h("code-block",{attrs:{lang:"xml"}},['\n<md-card>\n  <md-card-header>\n    <md-card-header-text>\n      <div class="md-title">Title goes here</div>\n      <div class="md-subhead">Subtitle here</div>\n    </md-card-header-text>\n\n    <md-menu md-size="2" md-direction="bottom left">\n      <md-button class="md-icon-button" md-menu-trigger>\n        <md-icon>more_vert</md-icon>\n      </md-button>\n\n      <md-menu-content>\n        <md-menu-item>My Item 1</md-menu-item>\n        <md-menu-item>My Item 2</md-menu-item>\n        <md-menu-item>My Item 3</md-menu-item>\n      </md-menu-content>\n    </md-menu>\n  </md-card-header>\n\n  <md-card-media>\n    <img src="assets/card-image-1.jpg" alt="People">\n  </md-card-media>\n\n  <md-card-content>\n    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Optio itaque ea, nostrum odio. Dolores, sed accusantium quasi non, voluptas eius illo quas, saepe voluptate pariatur in deleniti minus sint. Excepturi.\n  </md-card-content>\n</md-card>\n        '])," ",t._h("code-block",{attrs:{lang:"xml"}},['\n<md-card>\n  <md-card-media>\n    <img src="assets/card-image-2.jpg" alt="People">\n  </md-card-media>\n\n  <md-card-content>\n    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Optio itaque ea nostrum.\n  </md-card-content>\n</md-card>\n        '])," ",t._h("code-block",{attrs:{lang:"xml"}},['\n<md-card>\n  <md-card-media>\n    <img src="assets/card-image-2.jpg" alt="People">\n  </md-card-media>\n\n  <md-card-header>\n    <div class="md-title">Title goes here</div>\n    <div class="md-subhead">Subtitle here</div>\n  </md-card-header>\n\n  <md-card-actions>\n    <md-button>Action</md-button>\n    <md-button>Action</md-button>\n  </md-card-actions>\n</md-card>\n        '])])," ",t._h("demo-example",{attrs:{label:"Hover Effect"}},[t._h("code-block",{attrs:{lang:"xml"}},['\n<md-card md-with-hover>\n  <md-card-header>\n    <div class="md-title">Title goes here</div>\n    <div class="md-subhead">Subtitle here</div>\n  </md-card-header>\n\n  <md-card-content>\n    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Optio itaque ea, nostrum odio. Dolores, sed accusantium quasi non, voluptas eius illo quas, saepe voluptate pariatur in deleniti minus sint. Excepturi.\n  </md-card-content>\n\n  <md-card-actions>\n    <md-button>Action</md-button>\n    <md-button>Action</md-button>\n  </md-card-actions>\n</md-card>\n        '])," ",t._h("code-block",{attrs:{lang:"xml"}},['\n<md-card md-with-hover>\n  <md-card-media v-md-ink-ripple>\n    <img src="assets/card-image-1.jpg" alt="People">\n  </md-card-media>\n\n  <md-card-actions>\n    <md-button class="md-icon-button">\n      <md-icon>favorite</md-icon>\n    </md-button>\n\n    <md-button class="md-icon-button">\n      <md-icon>bookmark</md-icon>\n    </md-button>\n\n    <md-button class="md-icon-button">\n      <md-icon>share</md-icon>\n    </md-button>\n  </md-card-actions>\n</md-card>\n        '])," ",t._h("code-block",{attrs:{lang:"xml"}},['\n<md-card md-with-hover>\n  <md-card-header>\n    <md-avatar>\n      <img src="assets/avatar.png" alt="People">\n    </md-avatar>\n\n    <div class="md-title">Title goes here</div>\n    <div class="md-subhead">Subtitle here</div>\n  </md-card-header>\n\n  <md-card-media>\n    <img src="assets/card-image-1.jpg" alt="People">\n  </md-card-media>\n\n  <md-card-content>\n    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Optio itaque ea nostrum.\n  </md-card-content>\n\n  <md-card-actions>\n    <md-button>Action</md-button>\n    <md-button>Action</md-button>\n  </md-card-actions>\n</md-card>\n        '])])," ",t._h("demo-example",{attrs:{label:"Image cover with predefined aspect ratio"}},[t._h("code-block",{attrs:{lang:"xml"}},['\n<md-card>\n  <md-card-media-cover md-text-scrim>\n    <md-card-media md-ratio="16:9">\n      <img src="assets/card-sky.jpg" alt="Skyscraper">\n    </md-card-media>\n\n    <md-card-area>\n      <md-card-header>\n        <div class="md-title">Title goes here</div>\n        <div class="md-subhead">Subtitle here</div>\n      </md-card-header>\n\n      <md-card-actions>\n        <md-button>Action</md-button>\n        <md-button>Action</md-button>\n      </md-card-actions>\n    </md-card-area>\n  </md-card-media-cover>\n</md-card>\n        '])," ",t._h("code-block",{attrs:{lang:"xml"}},['\n<md-card>\n  <md-card-media-cover md-solid>\n    <md-card-media md-ratio="1:1">\n      <img src="assets/card-sky.jpg" alt="Skyscraper">\n    </md-card-media>\n\n    <md-card-area>\n      <md-card-header>\n        <div class="md-title">Title goes here</div>\n        <div class="md-subhead">Subtitle here</div>\n      </md-card-header>\n\n      <md-card-actions>\n        <md-button>Action</md-button>\n        <md-button>Action</md-button>\n      </md-card-actions>\n    </md-card-area>\n  </md-card-media-cover>\n</md-card>\n        '])])," ",t._h("demo-example",{attrs:{label:"Media"}},[t._h("code-block",{attrs:{lang:"xml"}},['\n<md-card>\n  <md-card-header>\n    <md-card-header-text>\n      <div class="md-title">Title goes here</div>\n      <div class="md-subhead">Subtitle here</div>\n    </md-card-header-text>\n\n    <md-card-media>\n      <img src="assets/avatar-2.jpg" alt="People">\n    </md-card-media>\n  </md-card-header>\n\n  <md-card-actions>\n    <md-button>Action</md-button>\n    <md-button>Action</md-button>\n  </md-card-actions>\n</md-card>\n        '])," ",t._h("code-block",{attrs:{lang:"xml"}},['\n<md-card>\n  <md-card-header>\n    <md-card-header-text>\n      <div class="md-title">Title goes here</div>\n      <div class="md-subhead">Subtitle here</div>\n    </md-card-header-text>\n\n    <md-card-media md-medium>\n      <img src="assets/card-weather.png" alt="People">\n    </md-card-media>\n  </md-card-header>\n\n  <md-card-actions>\n    <md-button>Action</md-button>\n    <md-button>Action</md-button>\n  </md-card-actions>\n</md-card>\n        '])," ",t._h("code-block",{attrs:{lang:"xml"}},['\n<md-card>\n  <md-card-header>\n    <md-card-header-text>\n      <div class="md-title">Title goes</div>\n      <div class="md-subhead">Subtitle here</div>\n    </md-card-header-text>\n\n    <md-card-media md-big>\n      <img src="assets/card-weather.png" alt="People">\n    </md-card-media>\n  </md-card-header>\n\n  <md-card-actions>\n    <md-button>Action</md-button>\n    <md-button>Action</md-button>\n  </md-card-actions>\n</md-card>\n        '])," ",t._h("code-block",{attrs:{lang:"xml"}},['\n<md-card>\n  <md-card-media-actions>\n    <md-card-media>\n      <img src="assets/cover.png" alt="Cover">\n    </md-card-media>\n\n    <md-card-actions>\n      <md-button class="md-icon-button">\n        <md-icon>favorite</md-icon>\n      </md-button>\n\n      <md-button class="md-icon-button">\n        <md-icon>bookmark</md-icon>\n      </md-button>\n\n      <md-button class="md-icon-button">\n        <md-icon>share</md-icon>\n      </md-button>\n    </md-card-actions>\n  </md-card-media-actions>\n</md-card>\n        '])])," ",t._h("demo-example",{attrs:{label:"Full control"}},[t._h("code-block",{attrs:{lang:"xml"}},['\n<md-card>\n  <md-card-area>\n    <md-card-media>\n      <img src="assets/card-image-1.jpg" alt="People">\n    </md-card-media>\n\n    <md-card-header>\n      <div class="md-title">Title goes here</div>\n      <div class="md-subhead">Subtitle here</div>\n    </md-card-header>\n\n    <md-card-content>\n      Lorem ipsum dolor sit amet, consectetur adipisicing elit. Optio itaque ea, nostrum odio. Dolores, sed accusantium quasi non, voluptas eius illo quas, saepe voluptate pariatur in deleniti minus sint. Excepturi.\n    </md-card-content>\n  </md-card-area>\n\n  <md-card-actions>\n    <md-button>Action</md-button>\n    <md-button>Action</md-button>\n  </md-card-actions>\n</md-card>\n        '])," ",t._h("code-block",{attrs:{lang:"xml"}},['\n<md-card>\n  <md-card-media>\n    <img src="assets/card-image-1.jpg" alt="People">\n  </md-card-media>\n\n  <md-card-header>\n    <div class="md-title">Title goes here</div>\n    <div class="md-subhead">Subtitle here</div>\n  </md-card-header>\n\n  <md-card-expand>\n    <md-card-actions>\n      <md-button>Action</md-button>\n      <md-button>Action</md-button>\n      <span style="flex: 1"></span>\n      <md-button class="md-icon-button" md-expand-trigger>\n        <md-icon>keyboard_arrow_down</md-icon>\n      </md-button>\n    </md-card-actions>\n\n    <md-card-content>\n      Lorem ipsum dolor sit amet, consectetur adipisicing elit. Optio itaque ea, nostrum odio. Dolores, sed accusantium quasi non, voluptas eius illo quas, saepe voluptate pariatur in deleniti minus sint. Excepturi.\n    </md-card-content>\n  </md-card-expand>\n</md-card>\n        '])," ",t._h("code-block",{attrs:{lang:"xml"}},['\n<md-card class="card-example" v-md-theme="\'blue\'">\n  <md-card-area md-inset>\n    <md-card-media md-ratio="16:9">\n      <img src="assets/card-example.jpg" alt="Coffee House">\n    </md-card-media>\n\n    <md-card-header>\n      <h2 class="md-title">Coffee House</h2>\n      <div class="md-subhead">\n        <md-icon>location_on</md-icon>\n        <span>2 miles</span>\n      </div>\n    </md-card-header>\n\n    <md-card-content>\n      Illy Coffee served with a complimentary Leonidas Belgian Chocolate with all beverages.\n    </md-card-content>\n  </md-card-area>\n\n  <md-card-content>\n    <h3 class="md-subheading">Today\'s availability</h3>\n    <div class="card-reservation">\n      <md-icon>access_time</md-icon>\n      <md-button-toggle type="radio" class="md-button-group">\n        <md-button>5:30PM</md-button>\n        <md-button>7:30PM</md-button>\n        <md-button>9:00PM</md-button>\n      </md-button-toggle>\n    </div>\n  </md-card-content>\n\n  <md-card-actions>\n    <md-button class="md-primary">Reserve</md-button>\n  </md-card-actions>\n</md-card>\n        '])])])," ",t._h("div",{slot:"api"})])},staticRenderFns:[function(){var t=this;return t._h("img",{attrs:{src:"assets/card-image-1.jpg",alt:"People"}})},function(){var t=this;return t._h("div",{staticClass:"md-title"},["Title goes here"])},function(){var t=this;return t._h("div",{staticClass:"md-subhead"},["Subtitle here"])},function(){var t=this;return t._h("div",{staticClass:"md-title"},["Title goes here"])},function(){var t=this;return t._h("div",{staticClass:"md-subhead"},["Subtitle here"])},function(){var t=this;return t._h("span",["Call"])},function(){var t=this;return t._h("span",["Send a message"])},function(){var t=this;return t._h("img",{attrs:{src:"assets/card-image-1.jpg",alt:"People"}})},function(){var t=this;return t._h("img",{attrs:{src:"assets/card-image-2.jpg",alt:"People"}})},function(){var t=this;return t._h("img",{attrs:{src:"assets/card-image-2.jpg",alt:"People"}})},function(){var t=this;return t._h("div",{staticClass:"md-title"},["Title goes here"])},function(){var t=this;return t._h("div",{staticClass:"md-subhead"},["Subtitle here"])},function(){var t=this;return t._h("div",{staticClass:"md-title"},["Title goes here"])},function(){var t=this;return t._h("div",{staticClass:"md-subhead"},["Subtitle here"])},function(){var t=this;return t._h("img",{attrs:{src:"assets/card-image-1.jpg",alt:"People"}})},function(){var t=this;return t._h("img",{attrs:{src:"assets/avatar.png",alt:"People"}})},function(){var t=this;return t._h("div",{staticClass:"md-title"},["Title goes here"])},function(){var t=this;return t._h("div",{staticClass:"md-subhead"},["Subtitle here"])},function(){var t=this;return t._h("img",{attrs:{src:"assets/card-image-1.jpg",alt:"People"}})},function(){var t=this;return t._h("img",{attrs:{src:"assets/card-sky.jpg",alt:"Skyscraper"}})},function(){var t=this;return t._h("div",{staticClass:"md-title"},["Title goes here"])},function(){var t=this;return t._h("div",{staticClass:"md-subhead"},["Subtitle here"])},function(){var t=this;return t._h("img",{attrs:{src:"assets/card-sky.jpg",alt:"Skyscraper"}})},function(){var t=this;return t._h("div",{staticClass:"md-title"},["Title goes here"])},function(){var t=this;return t._h("div",{staticClass:"md-subhead"},["Subtitle here"])},function(){var t=this;return t._h("div",{staticClass:"md-title"},["Title goes here"])},function(){var t=this;return t._h("div",{staticClass:"md-subhead"},["Subtitle here"])},function(){var t=this;return t._h("img",{attrs:{src:"assets/avatar-2.jpg",alt:"People"}})},function(){var t=this;return t._h("div",{staticClass:"md-title"},["Title goes here"])},function(){var t=this;return t._h("div",{staticClass:"md-subhead"},["Subtitle here"])},function(){var t=this;return t._h("img",{attrs:{src:"assets/card-weather.png",alt:"People"}})},function(){var t=this;return t._h("div",{staticClass:"md-title"},["Title goes"])},function(){var t=this;return t._h("div",{staticClass:"md-subhead"},["Subtitle here"])},function(){var t=this;return t._h("img",{attrs:{src:"assets/card-weather.png",alt:"People"}})},function(){var t=this;return t._h("img",{attrs:{src:"assets/cover.png",alt:"Cover"}})},function(){var t=this;return t._h("img",{attrs:{src:"assets/card-image-1.jpg",
 alt:"People"}})},function(){var t=this;return t._h("div",{staticClass:"md-title"},["Title goes here"])},function(){var t=this;return t._h("div",{staticClass:"md-subhead"},["Subtitle here"])},function(){var t=this;return t._h("img",{attrs:{src:"assets/card-image-1.jpg",alt:"People"}})},function(){var t=this;return t._h("div",{staticClass:"md-title"},["Title goes here"])},function(){var t=this;return t._h("div",{staticClass:"md-subhead"},["Subtitle here"])},function(){var t=this;return t._h("span",{attrs:{style:"flex: 1"}})},function(){var t=this;return t._h("img",{attrs:{src:"assets/card-example.jpg",alt:"Coffee House"}})},function(){var t=this;return t._h("h2",{staticClass:"md-title"},["Coffee House"])},function(){var t=this;return t._h("span",["2 miles"])},function(){var t=this;return t._h("h3",{staticClass:"md-subheading"},["Today's availability"])}]}},function(t,e){t.exports={render:function(){var t=this;return t._h("section",{staticClass:"single-page-section"},[t._h("h2",{staticClass:"md-headline"},[t._h("md-icon",["keyboard_arrow_right"])," "+t._s(t.label)])," ",t._t("default")])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this;return t._h("demo-page",{attrs:{label:"Components - Sidenav"}},[t._h("div",{slot:"examples"},[t._h("demo-example",{attrs:{label:"Default",size:"2"}},[t._h("div",{staticClass:"phone-viewport"},[t._h("md-toolbar",[t._h("md-button",{staticClass:"md-icon-button",on:{click:t.toggleLeftSidenav}},[t._h("md-icon",["menu"])])," ",t._m(0)])," ",t._h("div",[t._h("md-button",{staticClass:"md-raised md-accent",on:{click:t.toggleRightSidenav}},["Toggle right"])," ",t._m(1)])," ",t._h("md-sidenav",{ref:"leftSidenav",staticClass:"md-left",on:{open:function(e){t.open("Left")},close:function(e){t.close("Left")}}},[t._h("md-toolbar",{staticClass:"md-large"},[t._m(2)])," ",t._m(3)])," ",t._h("md-sidenav",{ref:"rightSidenav",staticClass:"md-right",on:{open:function(e){t.open("Right")},close:function(e){t.close("Right")}}},[t._h("md-toolbar",[t._m(4)])," ",t._h("md-button",{staticClass:"md-raised md-accent",on:{click:t.closeRightSidenav}},["Close"])])])])])," ",t._h("div",{slot:"code"},[t._h("demo-example",{attrs:{label:"Default"}},[t._h("code-block",{attrs:{lang:"xml"}},['\n<md-toolbar>\n  <md-button class="md-icon-button" @click="toggleLeftSidenav">\n    <md-icon>menu</md-icon>\n  </md-button>\n\n  <h2 class="md-title">My App</h2>\n</md-toolbar>\n\n<div>\n  <md-button class="md-raised md-accent" @click="toggleRightSidenav">Toggle right</md-button>\n  <p>Open console to see the events</p>\n</div>\n\n<md-sidenav class="md-left" ref="leftSidenav" @open="open(\'Left\')" @close="close(\'Left\')">\n  <md-toolbar class="md-large">\n    <div class="md-toolbar-container">\n      <h3 class="md-title">Sidenav content</h3>\n    </div>\n  </md-toolbar>\n\n  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nisi cupiditate esse necessitatibus beatae nobis, deserunt ut est fugit, tempora deleniti, eligendi commodi doloribus. Nemo, assumenda possimus, impedit inventore perferendis iusto!</p>\n</md-sidenav>\n\n<md-sidenav class="md-right" ref="rightSidenav" @open="open(\'Right\')" @close="close(\'Right\')">\n  <md-toolbar>\n    <div class="md-toolbar-container">\n      <h3 class="md-title">Sidenav content</h3>\n    </div>\n  </md-toolbar>\n\n  <md-button class="md-raised md-accent" @click="closeRightSidenav">Close</md-button>\n</md-sidenav>\n        '])," ",t._h("code-block",{attrs:{lang:"javascript"}},["\nexport 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        "])])])," ",t._h("div",{slot:"api"})])},staticRenderFns:[function(){var t=this;return t._h("h2",{staticClass:"md-title"},["My App"])},function(){var t=this;return t._h("p",["Open console to see the events"])},function(){var t=this;return t._h("div",{staticClass:"md-toolbar-container"},[t._h("h3",{staticClass:"md-title"},["Sidenav content"])])},function(){var t=this;return t._h("p",["Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nisi cupiditate esse necessitatibus beatae nobis, deserunt ut est fugit, tempora deleniti, eligendi commodi doloribus. Nemo, assumenda possimus, impedit inventore perferendis iusto!"])},function(){var t=this;return t._h("div",{staticClass:"md-toolbar-container"},[t._h("h3",{staticClass:"md-title"},["Sidenav content"])])}]}},function(t,e){t.exports={render:function(){var t=this;return t._h("demo-page",{attrs:{label:"Components - Avatar"}},[t._h("div",{slot:"examples"},[t._h("demo-example",{attrs:{label:"Default",size:"2"}},[t._h("md-avatar",[t._m(0)])," ",t._h("md-avatar",{staticClass:"md-avatar-icon"},[t._h("md-icon",["home"])])," ",t._h("md-avatar",{staticClass:"md-avatar-icon md-primary"},[t._h("md-icon",["folder"])])," ",t._h("md-avatar",{staticClass:"md-avatar-icon md-accent"},[t._h("md-icon",["favorite"])])," ",t._h("md-avatar",{staticClass:"md-avatar-icon md-warn"},[t._h("md-icon",["notes"])])])," ",t._h("demo-example",{attrs:{label:"Large",size:"2"}},[t._h("md-avatar",{staticClass:"md-large"},[t._m(1)])," ",t._h("md-avatar",{staticClass:"md-avatar-icon md-large"},[t._h("md-icon",["home"])])," ",t._h("md-avatar",{staticClass:"md-avatar-icon md-large md-primary"},[t._h("md-icon",["folder"])])," ",t._h("md-avatar",{staticClass:"md-avatar-icon md-large md-accent"},[t._h("md-icon",["favorite"])])," ",t._h("md-avatar",{staticClass:"md-avatar-icon md-large md-warn"},[t._h("md-icon",["notes"])])])])," ",t._h("div",{slot:"code"},[t._h("demo-example",{attrs:{label:"Default"}},[t._h("code-block",{attrs:{lang:"xml"}},['\n<md-avatar>\n  <img src="//placeimg.com/40/40/people/1" alt="People">\n</md-avatar>\n\n<md-avatar class="md-avatar-icon">\n  <md-icon>home</md-icon>\n</md-avatar>\n\n<md-avatar class="md-avatar-icon md-primary">\n  <md-icon>folder</md-icon>\n</md-avatar>\n\n<md-avatar class="md-avatar-icon md-accent">\n  <md-icon>favorite</md-icon>\n</md-avatar>\n\n<md-avatar class="md-avatar-icon md-warn">\n  <md-icon>notes</md-icon>\n</md-avatar>\n        '])])," ",t._h("demo-example",{attrs:{label:"Large"}},[t._h("code-block",{attrs:{lang:"xml"}},['\n<md-avatar class="md-large">\n  <img src="//placeimg.com/64/64/people/2" alt="People">\n</md-avatar>\n\n<md-avatar class="md-avatar-icon md-large">\n  <md-icon>home</md-icon>\n</md-avatar>\n\n<md-avatar class="md-avatar-icon md-large md-primary">\n  <md-icon>folder</md-icon>\n</md-avatar>\n\n<md-avatar class="md-avatar-icon md-large md-accent">\n  <md-icon>favorite</md-icon>\n</md-avatar>\n\n<md-avatar class="md-avatar-icon md-large md-warn">\n  <md-icon>notes</md-icon>\n</md-avatar>\n        '])])])," ",t._h("div",{slot:"api"})])},staticRenderFns:[function(){var t=this;return t._h("img",{attrs:{src:"//placeimg.com/40/40/people/1",alt:"People"}})},function(){var t=this;return t._h("img",{attrs:{src:"//placeimg.com/64/64/people/2",alt:"People"}})}]}},function(t,e){t.exports={render:function(){var t=this;return t._m(0)},staticRenderFns:[function(){var t=this;return t._h("div",{staticClass:"md-card-actions"},[t._t("default")])}]}},function(t,e){t.exports={render:function(){var t=this;return t._h("single-page",{staticClass:"single-page-home",attrs:{label:"Themes - Configuration"}})},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this;return t._h("demo-page",{attrs:{label:"Components - Toolbar"}},[t._h("div",{slot:"examples"},[t._h("demo-example",{attrs:{label:"Default"}},[t._h("md-toolbar",[t._h("md-button",{staticClass:"md-icon-button"},[t._h("md-icon",["menu"])])," ",t._m(0)," ",t._h("md-button",{staticClass:"md-icon-button"},[t._h("md-icon",["favorite"])])])])," ",t._h("demo-example",{attrs:{label:"Dense"}},[t._h("md-toolbar",{staticClass:"md-dense"},[t._h("md-button",{staticClass:"md-icon-button"},[t._h("md-icon",["menu"])])," ",t._m(1)," ",t._h("md-button",{staticClass:"md-icon-button"},[t._h("md-icon",["favorite"])])])])," ",t._h("demo-example",{attrs:{label:"Medium"}},[t._h("md-toolbar",{staticClass:"md-medium"},[t._h("div",{staticClass:"md-toolbar-container"},[t._h("md-button",{staticClass:"md-icon-button"},[t._h("md-icon",["menu"])])," ",t._m(2)," ",t._h("md-button",{staticClass:"md-icon-button"},[t._h("md-icon",["search"])])," ",t._h("md-button",{staticClass:"md-icon-button"},[t._h("md-icon",["filter_list"])])])])])," ",t._h("demo-example",{attrs:{label:"Large"}},[t._h("md-toolbar",{staticClass:"md-large"},[t._h("div",{staticClass:"md-toolbar-container"},[t._h("md-button",{staticClass:"md-icon-button"},[t._h("md-icon",["menu"])])," ",t._m(3)," ",t._h("md-button",{staticClass:"md-icon-button"},[t._h("md-icon",["search"])])," ",t._h("md-button",{staticClass:"md-icon-button"},[t._h("md-icon",["filter_list"])])])," ",t._m(4)])])," ",t._h("demo-example",{attrs:{label:"Accent, Warn and Transparent Colors"}},[t._h("md-toolbar",{staticClass:"md-accent"},[t._h("md-button",{staticClass:"md-icon-button"},[t._h("md-icon",["menu"])])," ",t._m(5)," ",t._h("md-button",{staticClass:"md-icon-button"},[t._h("md-icon",["favorite"])])])," ",t._h("md-toolbar",{staticClass:"md-warn"},[t._h("md-button",{staticClass:"md-icon-button"},[t._h("md-icon",["menu"])])," ",t._m(6)," ",t._h("md-button",["Add"])," ",t._h("md-button",["Remove"])])," ",t._h("md-toolbar",{staticClass:"md-transparent"},[t._h("md-button",{staticClass:"md-icon-button"},[t._h("md-icon",["menu"])])," ",t._m(7)," ",t._h("md-button",{staticClass:"md-raised"},["Add"])," ",t._h("md-button",{staticClass:"md-raised md-warn"},["Remove"])])])," ",t._h("demo-example",{attrs:{label:"Themed"}},[t._h("md-toolbar",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"green",expression:"'green'"}]},[t._h("md-button",{staticClass:"md-icon-button"},[t._h("md-icon",["menu"])])," ",t._m(8)," ",t._h("md-button",{staticClass:"md-icon-button"},[t._h("md-icon",["favorite"])])])," ",t._h("md-toolbar",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"brown",expression:"'brown'"}],staticClass:"md-large"},[t._h("div",{staticClass:"md-toolbar-container"},[t._h("md-button",{staticClass:"md-icon-button"},[t._h("md-icon",["menu"])])," ",t._m(9)," ",t._h("md-button",{staticClass:"md-icon-button"},[t._h("md-icon",["search"])])," ",t._h("md-button",{staticClass:"md-icon-button"},[t._h("md-icon",["filter_list"])])])," ",t._m(10)])," ",t._h("md-toolbar",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"orange",expression:"'orange'"}]},[t._h("md-button",{staticClass:"md-icon-button"},[t._h("md-icon",["menu"])])," ",t._m(11)," ",t._h("md-button",["Add"])," ",t._h("md-button",["Remove"])])," ",t._h("md-toolbar",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"blue",expression:"'blue'"}]},[t._h("md-button",{staticClass:"md-icon-button"},[t._h("md-icon",["menu"])])," ",t._m(12)," ",t._h("md-button",{staticClass:"md-raised"},["Add"])," ",t._h("md-button",{staticClass:"md-raised md-warn"},["Remove"])])])," ",t._h("demo-example",{staticClass:"example",attrs:{label:"Complete Example"}},[t._h("md-toolbar",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"green",expression:"'green'"}],staticClass:"md-large"},[t._h("div",{staticClass:"md-toolbar-container"},[t._h("md-button",{staticClass:"md-icon-button"},[t._h("md-icon",["menu"])])," ",t._m(13)," ",t._h("md-button",{staticClass:"md-icon-button"},[t._h("md-icon",["search"])])," ",t._h("md-button",{staticClass:"md-icon-button"},[t._h("md-icon",["filter_list"])])])," ",t._h("div",{staticClass:"md-toolbar-container"},[t._m(14)," ",t._h("md-button",{staticClass:"md-fab md-fab-bottom-right"},[t._h("md-icon",["add"])])])])])])," ",t._h("div",{slot:"code"},[t._h("demo-example",{attrs:{label:"Default"}},[t._h("code-block",{attrs:{lang:"xml"}},['\n<md-toolbar>\n  <md-button class="md-icon-button">\n    <md-icon>menu</md-icon>\n  </md-button>\n\n  <h2 class="md-title" style="flex: 1">Vue Material</h2>\n\n  <md-button class="md-icon-button">\n    <md-icon>favorite</md-icon>\n  </md-button>\n</md-toolbar>\n        '])])," ",t._h("demo-example",{attrs:{label:"Dense"}},[t._h("code-block",{attrs:{lang:"xml"}},['\n<md-toolbar class="md-dense">\n  <md-button class="md-icon-button">\n    <md-icon>menu</md-icon>\n  </md-button>\n\n  <h2 class="md-title" style="flex: 1">Vue Material</h2>\n\n  <md-button class="md-icon-button">\n    <md-icon>favorite</md-icon>\n  </md-button>\n</md-toolbar>\n        '])])," ",t._h("demo-example",{attrs:{label:"Medium"}},[t._h("code-block",{attrs:{lang:"xml"}},['\n<md-toolbar class="md-medium">\n  <div class="md-toolbar-container">\n    <md-button class="md-icon-button">\n      <md-icon>menu</md-icon>\n    </md-button>\n\n    <h2 class="md-title" style="flex: 1;">Vue Material</h2>\n\n    <md-button class="md-icon-button">\n      <md-icon>search</md-icon>\n    </md-button>\n\n    <md-button class="md-icon-button">\n      <md-icon>filter_list</md-icon>\n    </md-button>\n  </div>\n</md-toolbar>\n        '])])," ",t._h("demo-example",{attrs:{label:"Large"}},[t._h("code-block",{attrs:{lang:"xml"}},['\n<md-toolbar class="md-large">\n  <div class="md-toolbar-container">\n    <md-button class="md-icon-button">\n      <md-icon>menu</md-icon>\n    </md-button>\n\n    <span style="flex: 1;"></span>\n\n    <md-button class="md-icon-button">\n      <md-icon>search</md-icon>\n    </md-button>\n\n    <md-button class="md-icon-button">\n      <md-icon>filter_list</md-icon>\n    </md-button>\n  </div>\n\n  <div class="md-toolbar-container">\n    <h2 class="md-title">Vue Material</h2>\n  </div>\n</md-toolbar>\n        '])])," ",t._h("demo-example",{attrs:{label:"Accent, Warn and Transparent Colors"}},[t._h("code-block",{attrs:{lang:"xml"}},['\n<md-toolbar class="md-accent">\n  <md-button class="md-icon-button">\n    <md-icon>menu</md-icon>\n  </md-button>\n\n  <h2 class="md-title" style="flex: 1">Vue Material</h2>\n\n  <md-button class="md-icon-button">\n    <md-icon>favorite</md-icon>\n  </md-button>\n</md-toolbar>\n        '])," ",t._h("code-block",{attrs:{lang:"xml"}},['\n<md-toolbar class="md-warn">\n  <md-button class="md-icon-button">\n    <md-icon>menu</md-icon>\n  </md-button>\n\n  <h2 class="md-title" style="flex: 1">Vue Material</h2>\n\n  <md-button>Add</md-button>\n  <md-button>Remove</md-button>\n</md-toolbar>\n        '])," ",t._h("code-block",{attrs:{lang:"xml"}},['\n<md-toolbar class="md-transparent">\n  <md-button class="md-icon-button">\n    <md-icon>menu</md-icon>\n  </md-button>\n\n  <h2 class="md-title" style="flex: 1">Vue Material</h2>\n\n  <md-button class="md-raised">Add</md-button>\n  <md-button class="md-raised md-warn">Remove</md-button>\n</md-toolbar>\n        '])])," ",t._h("demo-example",{attrs:{label:"Themed"}},[t._h("code-block",{attrs:{lang:"xml"}},['\n<md-toolbar v-md-theme="\'green\'">\n  <md-button class="md-icon-button">\n    <md-icon>menu</md-icon>\n  </md-button>\n\n  <h2 class="md-title" style="flex: 1">Vue Material</h2>\n\n  <md-button class="md-icon-button">\n    <md-icon>favorite</md-icon>\n  </md-button>\n</md-toolbar>\n        '])," ",t._h("code-block",{attrs:{lang:"xml"}},['\n<md-toolbar class="md-large" v-md-theme="\'brown\'">\n  <div class="md-toolbar-container">\n    <md-button class="md-icon-button">\n      <md-icon>menu</md-icon>\n    </md-button>\n\n    <span style="flex: 1;"></span>\n\n    <md-button class="md-icon-button">\n      <md-icon>search</md-icon>\n    </md-button>\n\n    <md-button class="md-icon-button">\n      <md-icon>filter_list</md-icon>\n    </md-button>\n  </div>\n\n  <div class="md-toolbar-container">\n    <h2 class="md-title">Vue Material</h2>\n  </div>\n</md-toolbar>\n        '])," ",t._h("code-block",{attrs:{lang:"xml"}},['\n<md-toolbar v-md-theme="\'orange\'">\n  <md-button class="md-icon-button">\n    <md-icon>menu</md-icon>\n  </md-button>\n\n  <h2 class="md-title" style="flex: 1">Vue Material</h2>\n\n  <md-button>Add</md-button>\n  <md-button>Remove</md-button>\n</md-toolbar>\n        '])," ",t._h("code-block",{attrs:{lang:"xml"}},['\n<md-toolbar v-md-theme="\'blue\'">\n  <md-button class="md-icon-button">\n    <md-icon>menu</md-icon>\n  </md-button>\n\n  <h2 class="md-title" style="flex: 1">Vue Material</h2>\n\n  <md-button class="md-raised">Add</md-button>\n  <md-button class="md-raised md-warn">Remove</md-button>\n</md-toolbar>\n        '])])," ",t._h("demo-example",{staticClass:"example",attrs:{label:"Complete Example"}},[t._h("code-block",{attrs:{lang:"xml"}},['\n<div class="example">\n  <md-toolbar class="md-large" v-md-theme="\'green\'">\n    <div class="md-toolbar-container">\n      <md-button class="md-icon-button">\n        <md-icon>menu</md-icon>\n      </md-button>\n\n      <span style="flex: 1;"></span>\n\n      <md-button class="md-icon-button">\n        <md-icon>search</md-icon>\n      </md-button>\n\n      <md-button class="md-icon-button">\n        <md-icon>filter_list</md-icon>\n      </md-button>\n    </div>\n\n    <div class="md-toolbar-container">\n      <h2 class="md-title">Vue Material</h2>\n\n      <md-button class="md-fab md-fab-bottom-right">\n        <md-icon>add</md-icon>\n      </md-button>\n    </div>\n  </md-toolbar>\n</div>\n        '])," ",t._h("code-block",{attrs:{lang:"scss"}},["\n.example {\n  .md-button.md-fab {\n    margin: 0;\n    right: 56px;\n    bottom: -26px;\n  }\n\n  .md-toolbar {\n    margin-bottom: 50px;\n  }\n}\n        "])])])," ",t._h("div",{slot:"api"})])},staticRenderFns:[function(){var t=this;return t._h("h2",{staticClass:"md-title",attrs:{style:"flex: 1"}},["Vue Material"])},function(){var t=this;return t._h("h2",{staticClass:"md-title",attrs:{style:"flex: 1"}},["Vue Material"])},function(){var t=this;return t._h("h2",{staticClass:"md-title",attrs:{style:"flex: 1;"}},["Vue Material"])},function(){var t=this;return t._h("span",{attrs:{style:"flex: 1;"}})},function(){var t=this;return t._h("div",{staticClass:"md-toolbar-container"},[t._h("h2",{staticClass:"md-title"},["Vue Material"])])},function(){var t=this;return t._h("h2",{staticClass:"md-title",attrs:{style:"flex: 1"}},["Vue Material"])},function(){var t=this;return t._h("h2",{staticClass:"md-title",attrs:{style:"flex: 1"}},["Vue Material"])},function(){var t=this;return t._h("h2",{staticClass:"md-title",attrs:{style:"flex: 1"}},["Vue Material"])},function(){var t=this;return t._h("h2",{staticClass:"md-title",attrs:{style:"flex: 1"}},["Vue Material"])},function(){var t=this;return t._h("span",{attrs:{style:"flex: 1;"}})},function(){var t=this;return t._h("div",{staticClass:"md-toolbar-container"},[t._h("h2",{staticClass:"md-title"},["Vue Material"])])},function(){var t=this;return t._h("h2",{staticClass:"md-title",attrs:{style:"flex: 1"}},["Vue Material"])},function(){var t=this;return t._h("h2",{staticClass:"md-title",attrs:{style:"flex: 1"}},["Vue Material"])},function(){var t=this;return t._h("span",{attrs:{style:"flex: 1;"}})},function(){var t=this;return t._h("h2",{staticClass:"md-title"},["Vue Material"])}]}},function(t,e){t.exports={render:function(){var t=this;return t._h("div",{staticClass:"page-content single-page"},[t._h("md-whiteframe",{staticClass:"main-header",attrs:{"md-elevation":"1"}},[t._h("md-toolbar",[t._h("md-button",{staticClass:"md-icon-button",on:{click:t.toggleSidenav}},[t._h("md-icon",["menu"])])," ",t._h("div",{staticClass:"md-title"},[t._h("span",{staticClass:"page-title"},[t._s(t.label)])])," ",t._h("md-button",{staticClass:"md-icon-button github-button",attrs:{href:"https://github.com/marcosmoura/vue-material",target:"_blank",rel:"noopener"}},[t._h("svg",{attrs:{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 1024 1024"}},[t._h("path",{attrs:{fill:"#ffffff",d:"M512 0C229.25 0 0 229.25 0 512c0 226.25 146.69 418.13 350.16 485.81 25.59 4.69 34.94-11.12 34.94-24.62 0-12.19-0.47-52.56-0.72-95.31C242 908.81 211.91 817.5 211.91 817.5c-23.31-59.12-56.84-74.87-56.84-74.87-46.53-31.75 3.53-31.12 3.53-31.12 51.41 3.56 78.47 52.75 78.47 52.75 45.69 78.25 119.88 55.63 149 42.5 4.65-33 17.9-55.62 32.5-68.37C304.91 725.44 185.34 681.5 185.34 485.31c0-55.94 19.97-101.56 52.66-137.41-5.22-13-22.84-65.09 5.06-135.56 0 0 42.94-13.75 140.81 52.5 40.81-11.41 84.59-17.03 128.13-17.22 43.5 0.19 87.31 5.88 128.19 17.28 97.69-66.31 140.69-52.5 140.69-52.5 28 70.53 10.38 122.56 5.13 135.5 32.81 35.84 52.63 81.47 52.63 137.41 0 196.69-119.75 240-233.81 252.69 18.44 15.88 34.75 47 34.75 94.75 0 68.44-0.69 123.63-0.69 140.5 0 13.63 9.31 29.56 35.25 24.56C877.44 930 1024 738.13 1024 512 1024 229.25 794.75 0 512 0z"}})])])])])," ",t._h("div",{staticClass:"single-page-content"},[t._t("default")])])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this;return t._h("demo-page",{attrs:{label:"Components - Select"}},[t._h("div",{slot:"examples"},[t._h("demo-example",{attrs:{label:"Default",height:"350"}},[t._h("div",{staticClass:"field-group"},[t._h("md-input-container",[t._m(0)," ",t._h("md-select",{directives:[{name:"model",rawName:"v-model",value:t.movie,expression:"movie"}],attrs:{name:"movie",id:"movie"},domProps:{value:t.movie},on:{input:function(e){t.movie=e}}},[t._h("md-option",{attrs:{value:"fight_club"}},["Fight Club"])," ",t._h("md-option",{attrs:{value:"godfather"}},["Godfather"])," ",t._h("md-option",{attrs:{value:"godfather_ii"}},["Godfather II"])," ",t._h("md-option",{attrs:{value:"godfather_iii"}},["Godfather III"])," ",t._h("md-option",{attrs:{value:"godfellas"}},["Godfellas"])," ",t._h("md-option",{attrs:{value:"pulp_fiction"}},["Pulp Fiction"])," ",t._h("md-option",{attrs:{value:"scarface"}},["Scarface"])])])," ",t._h("md-input-container",[t._m(1)," ",t._h("md-select",{directives:[{name:"model",rawName:"v-model",value:t.country,expression:"country"}],attrs:{name:"country",id:"country"},domProps:{value:t.country},on:{input:function(e){t.country=e}}},[t._h("md-option",{attrs:{value:"australia"}},["Australia"])," ",t._h("md-option",{attrs:{value:"brazil"}},["Brazil"])," ",t._h("md-option",{attrs:{value:"japan"}},["Japan"])," ",t._h("md-option",{attrs:{value:"united_states"}},["United States"])])])," ",t._h("md-input-container",[t._m(2)," ",t._h("md-select",{directives:[{name:"model",rawName:"v-model",value:t.font,expression:"font"}],attrs:{name:"font",id:"font"},domProps:{value:t.font},on:{input:function(e){t.font=e}}},[t._h("md-option",{attrs:{value:"arial"}},["Arial"])," ",t._h("md-option",{attrs:{value:"calibri"}},["Calibri"])," ",t._h("md-option",{attrs:{value:"cambria"}},["Cambria"])," ",t._h("md-option",{attrs:{value:"comic_sans"}},["Comic Sans"])," ",t._h("md-option",{attrs:{value:"consolas"}},["Consolas"])," ",t._h("md-option",{attrs:{value:"courier"}},["Courier"])," ",t._h("md-option",{attrs:{value:"droid_sans"}},["Droid Sans"])," ",t._h("md-option",{attrs:{value:"georgia"}},["Georgia"])," ",t._h("md-option",{attrs:{value:"helvetica"}},["Helvetica"])," ",t._h("md-option",{attrs:{value:"impact"}},["Impact"])," ",t._h("md-option",{attrs:{value:"roboto"}},["Roboto"])," ",t._h("md-option",{attrs:{value:"segoe_ui"}},["Segoe UI"])," ",t._h("md-option",{attrs:{value:"times_new_roman"}},["Times New Roman"])," ",t._h("md-option",{attrs:{value:"ubuntu"}},["Ubuntu"])," ",t._h("md-option",{attrs:{value:"verdana"}},["Verdana"])])])])," ",t._h("md-button",{staticClass:"md-raised md-primary",on:{click:t.setPulpFiction}},["Set Pulp Fiction"])])," ",t._h("demo-example",{attrs:{label:"Groups & Multiple",height:"350"}},[t._h("div",{staticClass:"field-group"},[t._h("md-input-container",[t._m(3)," ",t._h("md-select",{directives:[{name:"model",rawName:"v-model",value:t.food,expression:"food"}],attrs:{name:"food",id:"food"},domProps:{value:t.food},on:{input:function(e){t.food=e}}},[t._h("md-subheader",["Fruits"])," ",t._h("md-option",{attrs:{value:"apples"}},["Apples"])," ",t._h("md-option",{attrs:{value:"bananas"}},["Bananas"])," ",t._h("md-option",{attrs:{value:"peaches"}},["Peaches"])," ",t._h("md-option",{attrs:{value:"oranges"}},["Oranges"])," ",t._h("md-subheader",["Vegetables"])," ",t._h("md-option",{attrs:{value:"carrots"}},["Carrots"])," ",t._h("md-option",{attrs:{value:"cucumbers"}},["Cucumbers"])," ",t._h("md-subheader",["Baked Goods"])," ",t._h("md-option",{attrs:{value:"apple_pie"}},["Apple Pie"])," ",t._h("md-option",{attrs:{value:"chocolate_cake"}},["Chocolate Cake"])])])," ",t._h("md-input-container",[t._m(4)," ",t._h("md-select",{directives:[{name:"model",rawName:"v-model",value:t.users,expression:"users"}],attrs:{name:"users",id:"users",multiple:""},domProps:{value:t.users},on:{input:function(e){t.users=e}}},[t._h("md-subheader",["Managers"])," ",t._h("md-option",{attrs:{value:"jim_halpert"}},["Jim Halpert"])," ",t._h("md-option",{attrs:{value:"dwight_schrute"}},["Dwight Schrute"])," ",t._h("md-option",{attrs:{value:"michael_scott"}},["Michael Scott"])," ",t._h("md-subheader",["Employees"])," ",t._h("md-option",{attrs:{value:"pam_beesly"}},["Pam Beesly"])," ",t._h("md-option",{attrs:{value:"angela_martin"}},["Angela Martin"])," ",t._h("md-option",{attrs:{value:"kelly_kapoor"}},["Kelly Kapoor"])," ",t._h("md-option",{attrs:{value:"ryan_howard"}},["Ryan Howard"])," ",t._h("md-option",{attrs:{value:"kevin_malone"}},["Kevin Malone"])," ",t._h("md-option",{attrs:{value:"creed_bratton"}},["Creed Bratton"])," ",t._h("md-option",{attrs:{value:"oscar_nunez"}},["Oscar Nunez"])," ",t._h("md-option",{attrs:{value:"toby_flenderson"}},["Toby Flenderson"])," ",t._h("md-option",{attrs:{value:"stanley_hudson"}},["Stanley Hudson"])," ",t._h("md-option",{attrs:{value:"meredith_palmer"}},["Meredith Palmer"])," ",t._h("md-option",{attrs:{value:"phyllis_lapin_vance"}},["Phyllis Lapin-Vance"])])])]),"\n\n        "+t._s(t.users)+"\n      "])])," ",t._h("div",{slot:"code"},[t._h("demo-example",{attrs:{label:"Default"}},[t._h("code-block",{attrs:{lang:"xml"}},['\n<div class="field-group">\n  <md-input-container>\n    <label for="movie">Movie</label>\n    <md-select name="movie" id="movie" v-model="movie">\n      <md-option value="fight_club">Fight Club</md-option>\n      <md-option value="godfather">Godfather</md-option>\n      <md-option value="godfather_ii">Godfather II</md-option>\n      <md-option value="godfather_iii">Godfather III</md-option>\n      <md-option value="godfellas">Godfellas</md-option>\n      <md-option value="pulp_fiction">Pulp Fiction</md-option>\n      <md-option value="scarface">Scarface</md-option>\n    </md-select>\n  </md-input-container>\n\n  <md-input-container>\n    <label for="country">Country</label>\n    <md-select name="country" id="country" v-model="country">\n      <md-option value="australia">Australia</md-option>\n      <md-option value="brazil">Brazil</md-option>\n      <md-option value="japan">Japan</md-option>\n      <md-option value="united_states">United States</md-option>\n    </md-select>\n  </md-input-container>\n\n  <md-input-container>\n    <label for="font">Font</label>\n    <md-select name="font" id="font" v-model="font">\n      <md-option value="arial">Arial</md-option>\n      <md-option value="calibri">Calibri</md-option>\n      <md-option value="cambria">Cambria</md-option>\n      <md-option value="comic_sans">Comic Sans</md-option>\n      <md-option value="consolas">Consolas</md-option>\n      <md-option value="courier">Courier</md-option>\n      <md-option value="droid_sans">Droid Sans</md-option>\n      <md-option value="georgia">Georgia</md-option>\n      <md-option value="helvetica">Helvetica</md-option>\n      <md-option value="impact">Impact</md-option>\n      <md-option value="roboto">Roboto</md-option>\n      <md-option value="segoe_ui">Segoe UI</md-option>\n      <md-option value="times_new_roman">Times New Roman</md-option>\n      <md-option value="ubuntu">Ubuntu</md-option>\n      <md-option value="verdana">Verdana</md-option>\n    </md-select>\n  </md-input-container>\n</div>\n        '])])," ",t._h("demo-example",{attrs:{label:"Groups"}},[t._h("code-block",{attrs:{lang:"xml"}},['\n<div class="field-group">\n  <md-input-container>\n    <label for="food">Food</label>\n    <md-select name="food" id="food" v-model="food">\n      <md-subheader>Fruits</md-subheader>\n      <md-option value="apples">Apples</md-option>\n      <md-option value="bananas">Bananas</md-option>\n      <md-option value="peaches">Peaches</md-option>\n      <md-option value="oranges">Oranges</md-option>\n\n      <md-subheader>Vegetables</md-subheader>\n      <md-option value="carrots">Carrots</md-option>\n      <md-option value="cucumbers">Cucumbers</md-option>\n\n      <md-subheader>Baked Goods</md-subheader>\n      <md-option value="apple_pie">Apple Pie</md-option>\n      <md-option value="chocolate_cake">Chocolate Cake</md-option>\n    </md-select>\n  </md-input-container>\n\n  <md-input-container>\n    <label for="users">Users</label>\n    <md-select name="users" id="users" multiple v-model="users">\n      <md-subheader>Managers</md-subheader>\n      <md-option value="jim_halpert">Jim Halpert</md-option>\n      <md-option value="dwight_schrute">Dwight Schrute</md-option>\n      <md-option value="michael_scott">Michael Scott</md-option>\n\n      <md-subheader>Employees</md-subheader>\n      <md-option value="pam_beesly">Pam Beesly</md-option>\n      <md-option value="angela_martin">Angela Martin</md-option>\n      <md-option value="kelly_kapoor">Kelly Kapoor</md-option>\n      <md-option value="ryan_howard">Ryan Howard</md-option>\n      <md-option value="kevin_malone">Kevin Malone</md-option>\n      <md-option value="creed_bratton">Creed Bratton</md-option>\n      <md-option value="oscar_nunez">Oscar Nunez</md-option>\n      <md-option value="toby_flenderson">Toby Flenderson</md-option>\n      <md-option value="stanley_hudson">Stanley Hudson</md-option>\n      <md-option value="meredith_palmer">Meredith Palmer</md-option>\n      <md-option value="phyllis_lapin_vance">Phyllis Lapin-Vance</md-option>\n    </md-select>\n  </md-input-container>\n</div>\n        '])])])," ",t._h("div",{slot:"api"})])},staticRenderFns:[function(){var t=this;return t._h("label",{attrs:{for:"movie"}},["Movie"])},function(){var t=this;return t._h("label",{attrs:{for:"country"}},["Country"])},function(){var t=this;return t._h("label",{attrs:{for:"font"}},["Font"])},function(){var t=this;return t._h("label",{attrs:{for:"food"}},["Food"])},function(){var t=this;return t._h("label",{attrs:{for:"users"}},["Users"])}]}},function(t,e){t.exports={render:function(){var t=this;return t._h("div",{staticClass:"md-switch",class:t.classes},[t._h("div",{staticClass:"md-switch-container",on:{click:t.toggleSwitch}},[t._h("div",{directives:[{name:"md-ink-ripple",rawName:"v-md-ink-ripple",value:t.disabled,expression:"disabled"}],staticClass:"md-switch-thumb",style:t.styles},[t._h("input",{attrs:{type:"checkbox",name:t.name,id:t.id,disabled:t.disabled},domProps:{value:t.value}})," ",t._h("button",{staticClass:"md-switch-holder",attrs:{type:t.type}})])])," ",t.$slots.default?t._h("label",{staticClass:"md-switch-label",attrs:{for:t.id||t.name}},[t._t("default")]):t._e()])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this;return t._h("div",{staticClass:"md-table-pagination"},[t._h("span",{staticClass:"md-table-pagination-label"},[t._s(t.mdLabel)+":"])," ",t.mdPageOptions?t._h("md-select",{directives:[{name:"model",rawName:"v-model",value:t.currentSize,expression:"currentSize"}],attrs:{"md-menu-class":"md-pagination-select"},domProps:{value:t.currentSize},on:{change:t.changeSize,input:function(e){t.currentSize=e}}},[t._l(t.mdPageOptions,function(e){return t._h("md-option",{domProps:{value:e}},[t._s(e)])})]):t._e()," ",t._h("span",[t._s((t.currentSize-t.currentSize+1)*t.currentPage)+"-"+t._s(t.currentSize)+" "+t._s(t.mdSeparator)+" "+t._s(t.mdTotal)])," ",t._h("md-button",{staticClass:"md-icon-button md-table-pagination-previous",attrs:{disabled:1===t.currentPage},
 on:{click:t.changePage}},[t._h("md-icon",["keyboard_arrow_left"])])," ",t._h("md-button",{staticClass:"md-icon-button md-table-pagination-next",attrs:{disabled:t.currentSize*t.currentPage>=t.mdTotal},on:{click:t.changePage}},[t._h("md-icon",["keyboard_arrow_right"])])])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this;return t._h("demo-page",{attrs:{label:"Components - List"}},[t._h("div",{slot:"examples"},[t._h("demo-example",{attrs:{label:"Single Line"}},[t._h("div",{staticClass:"phone-viewport"},[t._h("md-list",[t._h("md-list-item",[t._h("md-icon",["move_to_inbox"])," ",t._m(0)])," ",t._h("md-list-item",[t._h("md-icon",["send"])," ",t._m(1)])," ",t._h("md-list-item",[t._h("md-icon",["delete"])," ",t._m(2)])," ",t._h("md-list-item",[t._h("md-icon",["error"])," ",t._m(3)," ",t._h("md-divider",{staticClass:"md-inset"})])," ",t._h("md-list-item",[t._h("md-avatar",[t._m(4)])," ",t._m(5)," ",t._h("md-button",{staticClass:"md-icon-button md-list-action"},[t._h("md-icon",{staticClass:"md-primary"},["chat_bubble"])])])," ",t._h("md-list-item",[t._h("md-avatar",[t._m(6)])," ",t._m(7)," ",t._h("md-button",{staticClass:"md-icon-button md-list-action"},[t._h("md-icon",{staticClass:"md-primary"},["chat_bubble"])])])," ",t._h("md-list-item",[t._h("md-avatar",[t._m(8)])," ",t._m(9)," ",t._h("md-button",{staticClass:"md-icon-button md-list-action"},[t._h("md-icon",["chat_bubble"])])])])])," ",t._h("div",{staticClass:"phone-viewport"},[t._h("md-list",{staticClass:"md-dense"},[t._h("md-list-item",[t._h("md-icon",["move_to_inbox"])," ",t._m(10)])," ",t._h("md-list-item",[t._h("md-icon",["send"])," ",t._m(11)])," ",t._h("md-list-item",[t._h("md-icon",["delete"])," ",t._m(12)])," ",t._h("md-list-item",[t._h("md-icon",["error"])," ",t._m(13)," ",t._h("md-divider",{staticClass:"md-inset"})])," ",t._h("md-list-item",[t._h("md-avatar",[t._m(14)])," ",t._m(15)," ",t._h("md-button",{staticClass:"md-icon-button md-list-action"},[t._h("md-icon",{staticClass:"md-primary"},["chat_bubble"])])])," ",t._h("md-list-item",[t._h("md-avatar",[t._m(16)])," ",t._m(17)," ",t._h("md-button",{staticClass:"md-icon-button md-list-action"},[t._h("md-icon",{staticClass:"md-primary"},["chat_bubble"])])])," ",t._h("md-list-item",[t._h("md-avatar",[t._m(18)])," ",t._m(19)," ",t._h("md-button",{staticClass:"md-icon-button md-list-action"},[t._h("md-icon",["chat_bubble"])])])])])])," ",t._h("demo-example",{attrs:{label:"Double Line"}},[t._h("div",{staticClass:"phone-viewport"},[t._h("md-list",{staticClass:"md-double-line"},[t._h("md-list-item",[t._h("md-icon",{staticClass:"md-primary"},["phone"])," ",t._m(20)," ",t._h("md-button",{staticClass:"md-icon-button md-list-action"},[t._h("md-icon",["sms"])])])," ",t._h("md-list-item",{staticClass:"md-inset"},[t._m(21)," ",t._h("md-divider",{staticClass:"md-inset"})])," ",t._h("md-list-item",[t._h("md-icon",{staticClass:"md-primary"},["email"])," ",t._m(22)," ",t._h("md-button",{staticClass:"md-icon-button md-list-action"},[t._h("md-icon",["sms"])])])," ",t._h("md-list-item",{staticClass:"md-inset"},[t._m(23)])])])," ",t._h("div",{staticClass:"phone-viewport"},[t._h("md-list",{staticClass:"md-double-line md-dense"},[t._h("md-list-item",[t._h("md-icon",{staticClass:"md-primary"},["phone"])," ",t._m(24)," ",t._h("md-button",{staticClass:"md-icon-button md-list-action"},[t._h("md-icon",["sms"])])])," ",t._h("md-list-item",{staticClass:"md-inset"},[t._m(25)," ",t._h("md-divider",{staticClass:"md-inset"})])," ",t._h("md-list-item",[t._h("md-icon",{staticClass:"md-primary"},["email"])," ",t._m(26)," ",t._h("md-button",{staticClass:"md-icon-button md-list-action"},[t._h("md-icon",["sms"])])])," ",t._h("md-list-item",{staticClass:"md-inset"},[t._m(27)])])])])," ",t._h("demo-example",{attrs:{label:"Triple Line"}},[t._h("div",{staticClass:"phone-viewport"},[t._h("md-list",{staticClass:"custom-list md-triple-line"},[t._h("md-list-item",[t._h("md-avatar",[t._m(28)])," ",t._m(29)," ",t._h("md-button",{staticClass:"md-icon-button md-list-action"},[t._h("md-icon",{staticClass:"md-primary"},["star"])])," ",t._h("md-divider",{staticClass:"md-inset"})])," ",t._h("md-list-item",[t._h("md-avatar",[t._m(30)])," ",t._m(31)," ",t._h("md-button",{staticClass:"md-icon-button md-list-action"},[t._h("md-icon",["star_border"])])," ",t._h("md-divider",{staticClass:"md-inset"})])," ",t._h("md-list-item",[t._h("md-avatar",[t._m(32)])," ",t._m(33)," ",t._h("md-button",{staticClass:"md-icon-button md-list-action"},[t._h("md-icon",["star_border"])])," ",t._h("md-divider",{staticClass:"md-inset"})])," ",t._h("md-list-item",[t._h("md-avatar",[t._m(34)])," ",t._m(35)," ",t._h("md-button",{staticClass:"md-icon-button md-list-action"},[t._h("md-icon",["star_border"])])," ",t._h("md-divider",{staticClass:"md-inset"})])])])," ",t._h("div",{staticClass:"phone-viewport"},[t._h("md-list",{staticClass:"custom-list md-triple-line md-dense"},[t._h("md-list-item",[t._h("md-avatar",[t._m(36)])," ",t._m(37)," ",t._h("md-button",{staticClass:"md-icon-button md-list-action"},[t._h("md-icon",{staticClass:"md-primary"},["star"])])," ",t._h("md-divider",{staticClass:"md-inset"})])," ",t._h("md-list-item",[t._h("md-avatar",[t._m(38)])," ",t._m(39)," ",t._h("md-button",{staticClass:"md-icon-button md-list-action"},[t._h("md-icon",["star_border"])])," ",t._h("md-divider",{staticClass:"md-inset"})])," ",t._h("md-list-item",[t._h("md-avatar",[t._m(40)])," ",t._m(41)," ",t._h("md-button",{staticClass:"md-icon-button md-list-action"},[t._h("md-icon",["star_border"])])," ",t._h("md-divider",{staticClass:"md-inset"})])," ",t._h("md-list-item",[t._h("md-avatar",[t._m(42)])," ",t._m(43)," ",t._h("md-button",{staticClass:"md-icon-button md-list-action"},[t._h("md-icon",["star_border"])])," ",t._h("md-divider",{staticClass:"md-inset"})])])])])," ",t._h("demo-example",{attrs:{label:"Expansion List"}},[t._h("div",{staticClass:"phone-viewport"},[t._h("md-list",[t._h("md-list-item",[t._h("md-icon",["whatshot"])," ",t._m(44)," ",t._h("md-list-expand",[t._h("md-list",[t._h("md-list-item",{staticClass:"md-inset"},["World"])," ",t._h("md-list-item",{staticClass:"md-inset"},["Americas"])," ",t._h("md-list-item",{staticClass:"md-inset"},["Europe"])])])])," ",t._h("md-list-item",[t._h("md-icon",["videogame_asset"])," ",t._m(45)," ",t._h("md-list-expand",[t._h("md-list",[t._h("md-list-item",{staticClass:"md-inset"},["Console"])," ",t._h("md-list-item",{staticClass:"md-inset"},["PC"])," ",t._h("md-list-item",{staticClass:"md-inset"},["Phone"])])])])," ",t._h("md-list-item",[t._h("md-icon",["video_library"])," ",t._m(46)," ",t._h("md-list-expand",[t._h("md-list",[t._h("md-list-item",{staticClass:"md-inset"},["Humor"])," ",t._h("md-list-item",{staticClass:"md-inset"},["Music"])," ",t._h("md-list-item",{staticClass:"md-inset"},["Movies"])," ",t._h("md-list-item",{staticClass:"md-inset"},["TV Shows"])])])])," ",t._h("md-list-item",[t._h("md-icon",["shopping_basket"])," ",t._m(47)])])])])," ",t._h("demo-example",{attrs:{label:"Complete Example"}},[t._h("div",{staticClass:"phone-viewport complete-example"},[t._h("md-whiteframe",{attrs:{"md-elevation":"3"}},[t._h("md-toolbar",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"light-blue",expression:"'light-blue'"}],staticClass:"md-large"},[t._h("div",{staticClass:"md-toolbar-container"},[t._h("md-button",{staticClass:"md-icon-button",on:{click:t.toggleSidenav}},[t._h("md-icon",["menu"])])," ",t._m(48)," ",t._h("md-button",{staticClass:"md-icon-button"},[t._h("md-icon",["search"])])," ",t._h("md-button",{staticClass:"md-icon-button"},[t._h("md-icon",["view_module"])])])," ",t._h("div",{staticClass:"md-toolbar-container"},[t._m(49)," ",t._h("md-button",{staticClass:"md-fab md-mini"},[t._h("md-icon",["add"])])])])])," ",t._h("md-list",{staticClass:"md-double-line"},[t._h("md-subheader",{staticClass:"md-inset"},["Folders"])," ",t._h("md-list-item",[t._h("md-avatar",{staticClass:"md-avatar-icon"},[t._h("md-icon",["folder"])])," ",t._m(50)," ",t._h("md-button",{staticClass:"md-icon-button md-list-action"},[t._h("md-icon",["info"])])])," ",t._h("md-list-item",[t._h("md-avatar",{staticClass:"md-avatar-icon"},[t._h("md-icon",["folder"])])," ",t._m(51)," ",t._h("md-button",{staticClass:"md-icon-button md-list-action"},[t._h("md-icon",["info"])])])," ",t._h("md-list-item",[t._h("md-avatar",{staticClass:"md-avatar-icon"},[t._h("md-icon",["folder"])])," ",t._m(52)," ",t._h("md-button",{staticClass:"md-icon-button md-list-action"},[t._h("md-icon",["info"])])," ",t._h("md-divider",{staticClass:"md-inset"})])," ",t._h("md-subheader",{staticClass:"md-inset"},["Files"])," ",t._h("md-list-item",[t._h("md-avatar",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"blue",expression:"'blue'"}],staticClass:"md-avatar-icon md-primary"},[t._h("md-icon",["insert_drive_file"])])," ",t._m(53)," ",t._h("md-button",{staticClass:"md-icon-button md-list-action"},[t._h("md-icon",["info"])])])," ",t._h("md-list-item",[t._h("md-avatar",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"orange",expression:"'orange'"}],staticClass:"md-avatar-icon md-primary"},[t._h("md-icon",["collections"])])," ",t._m(54)," ",t._h("md-button",{staticClass:"md-icon-button md-list-action"},[t._h("md-icon",["info"])])])," ",t._h("md-list-item",[t._h("md-avatar",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"green",expression:"'green'"}],staticClass:"md-avatar-icon md-primary"},[t._h("md-icon",["view_list"])])," ",t._m(55)," ",t._h("md-button",{staticClass:"md-icon-button md-list-action"},[t._h("md-icon",["info"])])])," ",t._h("md-list-item",[t._h("md-avatar",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"orange",expression:"'orange'"}],staticClass:"md-avatar-icon md-primary"},[t._h("md-icon",["collections"])])," ",t._m(56)," ",t._h("md-button",{staticClass:"md-icon-button md-list-action"},[t._h("md-icon",["info"])])])])," ",t._h("md-sidenav",{ref:"sidebar",staticClass:"md-left"},[t._h("md-toolbar",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"blue",expression:"'blue'"}],staticClass:"md-account-header"},[t._h("md-list",{staticClass:"md-transparent"},[t._h("md-list-item",{staticClass:"md-avatar-list"},[t._h("md-avatar",{staticClass:"md-large"},[t._m(57)])," ",t._m(58)," ",t._h("md-avatar",[t._m(59)])," ",t._h("md-avatar",[t._m(60)])])," ",t._h("md-list-item",[t._m(61)," ",t._h("md-button",{staticClass:"md-icon-button md-list-action"},[t._h("md-icon",["arrow_drop_down"])])])])])," ",t._h("md-list",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"blue",expression:"'blue'"}]},[t._h("md-list-item",{staticClass:"md-primary",on:{click:t.toggleSidenav}},[t._h("md-icon",["insert_drive_file"])," ",t._m(62)])," ",t._h("md-list-item",{on:{click:t.toggleSidenav}},[t._h("md-icon",["people"])," ",t._m(63)])," ",t._h("md-list-item",{on:{click:t.toggleSidenav}},[t._h("md-icon",["access_time"])," ",t._m(64)])," ",t._h("md-list-item",{on:{click:t.toggleSidenav}},[t._h("md-icon",["start"])," ",t._m(65)])," ",t._h("md-list-item",{on:{click:t.toggleSidenav}},[t._h("md-icon",["delete"])," ",t._m(66)])])])])])])," ",t._h("div",{slot:"code"},[t._h("demo-example",{attrs:{label:"Single Line"}},[t._h("code-block",{attrs:{lang:"xml"}},['\n<md-list>\n  <md-list-item>\n    <md-icon>move_to_inbox</md-icon> <span>Inbox</span>\n  </md-list-item>\n\n  <md-list-item>\n    <md-icon>send</md-icon> <span>Sent Mail</span>\n  </md-list-item>\n\n  <md-list-item>\n    <md-icon>delete</md-icon> <span>Trash</span>\n  </md-list-item>\n\n  <md-list-item>\n    <md-icon>error</md-icon> <span>Spam</span>\n\n    <md-divider class="md-inset"></md-divider>\n  </md-list-item>\n\n  <md-list-item>\n    <md-avatar>\n      <img src="https://placeimg.com/40/40/people/5" alt="People">\n    </md-avatar>\n\n    <span>Abbey Christansen</span>\n\n    <md-button class="md-icon-button md-list-action">\n      <md-icon class="md-primary">chat_bubble</md-icon>\n    </md-button>\n  </md-list-item>\n\n  <md-list-item>\n    <md-avatar>\n      <img src="https://placeimg.com/40/40/people/1" alt="People">\n    </md-avatar>\n\n    <span>Alex Nelson</span>\n\n    <md-button class="md-icon-button md-list-action">\n      <md-icon class="md-primary">chat_bubble</md-icon>\n    </md-button>\n  </md-list-item>\n\n  <md-list-item>\n    <md-avatar>\n      <img src="https://placeimg.com/40/40/people/6" alt="People">\n    </md-avatar>\n\n    <span>Mary Johnson</span>\n\n    <md-button class="md-icon-button md-list-action">\n      <md-icon>chat_bubble</md-icon>\n    </md-button>\n  </md-list-item>\n</md-list>\n        '])," ",t._h("code-block",{attrs:{lang:"xml"}},['\n<md-list class="md-dense">\n  <md-list-item>\n    <md-icon>move_to_inbox</md-icon> <span>Inbox</span>\n  </md-list-item>\n\n  <md-list-item>\n    <md-icon>send</md-icon> <span>Sent Mail</span>\n  </md-list-item>\n\n  <md-list-item>\n    <md-icon>delete</md-icon> <span>Trash</span>\n  </md-list-item>\n\n  <md-list-item>\n    <md-icon>error</md-icon> <span>Spam</span>\n\n    <md-divider class="md-inset"></md-divider>\n  </md-list-item>\n\n  <md-list-item>\n    <md-avatar>\n      <img src="https://placeimg.com/40/40/people/5" alt="People">\n    </md-avatar>\n\n    <span>Abbey Christansen</span>\n\n    <md-button class="md-icon-button md-list-action">\n      <md-icon class="md-primary">chat_bubble</md-icon>\n    </md-button>\n  </md-list-item>\n\n  <md-list-item>\n    <md-avatar>\n      <img src="https://placeimg.com/40/40/people/1" alt="People">\n    </md-avatar>\n\n    <span>Alex Nelson</span>\n\n    <md-button class="md-icon-button md-list-action">\n      <md-icon class="md-primary">chat_bubble</md-icon>\n    </md-button>\n  </md-list-item>\n\n  <md-list-item>\n    <md-avatar>\n      <img src="https://placeimg.com/40/40/people/6" alt="People">\n    </md-avatar>\n\n    <span>Mary Johnson</span>\n\n    <md-button class="md-icon-button md-list-action">\n      <md-icon>chat_bubble</md-icon>\n    </md-button>\n  </md-list-item>\n</md-list>\n        '])])," ",t._h("demo-example",{attrs:{label:"Double Line"}},[t._h("code-block",{attrs:{lang:"xml"}},['\n<md-list class="md-double-line">\n  <md-list-item>\n    <md-icon class="md-primary">phone</md-icon>\n\n    <div class="md-list-text-container">\n      <span>(650) 555-1234</span>\n      <span>Mobile</span>\n    </div>\n\n    <md-button class="md-icon-button md-list-action">\n      <md-icon>sms</md-icon>\n    </md-button>\n  </md-list-item>\n\n  <md-list-item class="md-inset">\n    <div class="md-list-text-container">\n      <span>(650) 555-1234</span>\n      <span>Mobile</span>\n    </div>\n\n    <md-divider class="md-inset"></md-divider>\n  </md-list-item>\n\n  <md-list-item>\n    <md-icon class="md-primary">email</md-icon>\n\n    <div class="md-list-text-container">\n      <span>aliconnors@example.com</span>\n      <span>Personal</span>\n    </div>\n\n    <md-button class="md-icon-button md-list-action">\n      <md-icon>sms</md-icon>\n    </md-button>\n  </md-list-item>\n\n  <md-list-item class="md-inset">\n    <div class="md-list-text-container">\n      <span>ali_connors@example.com</span>\n      <span>Work</span>\n    </div>\n  </md-list-item>\n</md-list>\n        '])," ",t._h("code-block",{attrs:{lang:"xml"}},['\n<md-list class="md-double-line md-dense">\n  <md-list-item>\n    <md-icon class="md-primary">phone</md-icon>\n\n    <div class="md-list-text-container">\n      <span>(650) 555-1234</span>\n      <span>Mobile</span>\n    </div>\n\n    <md-button class="md-icon-button md-list-action">\n      <md-icon>sms</md-icon>\n    </md-button>\n  </md-list-item>\n\n  <md-list-item class="md-inset">\n    <div class="md-list-text-container">\n      <span>(650) 555-1234</span>\n      <span>Mobile</span>\n    </div>\n\n    <md-divider class="md-inset"></md-divider>\n  </md-list-item>\n\n  <md-list-item>\n    <md-icon class="md-primary">email</md-icon>\n\n    <div class="md-list-text-container">\n      <span>aliconnors@example.com</span>\n      <span>Personal</span>\n    </div>\n\n    <md-button class="md-icon-button md-list-action">\n      <md-icon>sms</md-icon>\n    </md-button>\n  </md-list-item>\n\n  <md-list-item class="md-inset">\n    <div class="md-list-text-container">\n      <span>ali_connors@example.com</span>\n      <span>Work</span>\n    </div>\n  </md-list-item>\n</md-list>\n        '])])," ",t._h("demo-example",{attrs:{label:"Triple Line"}},[t._h("code-block",{attrs:{lang:"xml"}},['\n<md-list class="custom-list md-triple-line">\n  <md-list-item>\n    <md-avatar>\n      <img src="https://placeimg.com/40/40/people/1" alt="People">\n    </md-avatar>\n\n    <div class="md-list-text-container">\n      <span>Ali Connors</span>\n      <span>Brunch this weekend?</span>\n      <p>I\'ll be in your neighborhood doing errands...</p>\n    </div>\n\n    <md-button class="md-icon-button md-list-action">\n      <md-icon class="md-primary">star</md-icon>\n    </md-button>\n\n    <md-divider class="md-inset"></md-divider>\n  </md-list-item>\n\n  <md-list-item>\n    <md-avatar>\n      <img src="https://placeimg.com/40/40/people/6" alt="People">\n    </md-avatar>\n\n    <div class="md-list-text-container">\n      <span>me, Scott, Jennifer</span>\n      <span>Summer BBQ</span>\n      <p>Wish I could come, but I\'m out of town ...</p>\n    </div>\n\n    <md-button class="md-icon-button md-list-action">\n      <md-icon>star_border</md-icon>\n    </md-button>\n\n    <md-divider class="md-inset"></md-divider>\n  </md-list-item>\n\n  <md-list-item>\n    <md-avatar>\n      <img src="https://placeimg.com/40/40/people/5" alt="People">\n    </md-avatar>\n\n    <div class="md-list-text-container">\n      <span>Sandra Adams</span>\n      <span>Oui oui</span>\n      <p>Do you have Paris recommendations ...</p>\n    </div>\n\n    <md-button class="md-icon-button md-list-action">\n      <md-icon>star_border</md-icon>\n    </md-button>\n\n    <md-divider class="md-inset"></md-divider>\n  </md-list-item>\n\n  <md-list-item>\n    <md-avatar>\n      <img src="https://placeimg.com/40/40/people/8" alt="People">\n    </md-avatar>\n\n    <div class="md-list-text-container">\n      <span>Trevor Hansen</span>\n      <span>Order confirmation</span>\n      <p>Thank you for your recent order from ...</p>\n    </div>\n\n    <md-button class="md-icon-button md-list-action">\n      <md-icon>star_border</md-icon>\n    </md-button>\n\n    <md-divider class="md-inset"></md-divider>\n  </md-list-item>\n</md-list>\n        '])," ",t._h("code-block",{attrs:{lang:"xml"}},['\n<md-list class="custom-list md-triple-line md-dense">\n  <md-list-item>\n    <md-avatar>\n      <img src="https://placeimg.com/40/40/people/1" alt="People">\n    </md-avatar>\n\n    <div class="md-list-text-container">\n      <span>Ali Connors</span>\n      <span>Brunch this weekend?</span>\n      <p>I\'ll be in your neighborhood doing errands...</p>\n    </div>\n\n    <md-button class="md-icon-button md-list-action">\n      <md-icon class="md-primary">star</md-icon>\n    </md-button>\n\n    <md-divider class="md-inset"></md-divider>\n  </md-list-item>\n\n  <md-list-item>\n    <md-avatar>\n      <img src="https://placeimg.com/40/40/people/6" alt="People">\n    </md-avatar>\n\n    <div class="md-list-text-container">\n      <span>me, Scott, Jennifer</span>\n      <span>Summer BBQ</span>\n      <p>Wish I could come, but I\'m out of town ...</p>\n    </div>\n\n    <md-button class="md-icon-button md-list-action">\n      <md-icon>star_border</md-icon>\n    </md-button>\n\n    <md-divider class="md-inset"></md-divider>\n  </md-list-item>\n\n  <md-list-item>\n    <md-avatar>\n      <img src="https://placeimg.com/40/40/people/5" alt="People">\n    </md-avatar>\n\n    <div class="md-list-text-container">\n      <span>Sandra Adams</span>\n      <span>Oui oui</span>\n      <p>Do you have Paris recommendations ...</p>\n    </div>\n\n    <md-button class="md-icon-button md-list-action">\n      <md-icon>star_border</md-icon>\n    </md-button>\n\n    <md-divider class="md-inset"></md-divider>\n  </md-list-item>\n\n  <md-list-item>\n    <md-avatar>\n      <img src="https://placeimg.com/40/40/people/8" alt="People">\n    </md-avatar>\n\n    <div class="md-list-text-container">\n      <span>Trevor Hansen</span>\n      <span>Order confirmation</span>\n      <p>Thank you for your recent order from ...</p>\n    </div>\n\n    <md-button class="md-icon-button md-list-action">\n      <md-icon>star_border</md-icon>\n    </md-button>\n\n    <md-divider class="md-inset"></md-divider>\n  </md-list-item>\n</md-list>\n        '])," ",t._h("code-block",{attrs:{lang:"scss"}},["\n.custom-list {\n  .md-list-action {\n    position: absolute;\n    top: 8px;\n    right: 16px;\n    pointer-events: auto;\n    z-index: 2;\n  }\n\n  .md-icon {\n    color: rgba(#000, .26);\n  }\n}\n        "])])," ",t._h("demo-example",{attrs:{label:"Expansion List"}},[t._h("code-block",{attrs:{lang:"xml"}},['\n<md-list>\n  <md-list-item>\n    <md-icon>whatshot</md-icon>\n    <span>News</span>\n\n    <md-list-expand>\n      <md-list>\n        <md-list-item class="md-inset">World</md-list-item>\n        <md-list-item class="md-inset">Americas</md-list-item>\n        <md-list-item class="md-inset">Europe</md-list-item>\n      </md-list>\n    </md-list-expand>\n  </md-list-item>\n\n  <md-list-item>\n    <md-icon>videogame_asset</md-icon>\n    <span>Games</span>\n\n    <md-list-expand>\n      <md-list>\n        <md-list-item class="md-inset">Console</md-list-item>\n        <md-list-item class="md-inset">PC</md-list-item>\n        <md-list-item class="md-inset">Phone</md-list-item>\n      </md-list>\n    </md-list-expand>\n  </md-list-item>\n\n  <md-list-item>\n    <md-icon>video_library</md-icon>\n    <span>Video</span>\n\n    <md-list-expand>\n      <md-list>\n        <md-list-item class="md-inset">Humor</md-list-item>\n        <md-list-item class="md-inset">Music</md-list-item>\n        <md-list-item class="md-inset">Movies</md-list-item>\n        <md-list-item class="md-inset">TV Shows</md-list-item>\n      </md-list>\n    </md-list-expand>\n  </md-list-item>\n\n  <md-list-item>\n    <md-icon>shopping_basket</md-icon>\n    <span>Shop</span>\n  </md-list-item>\n</md-list>\n        '])])," ",t._h("demo-example",{attrs:{label:"Complete Example"}},[t._h("code-block",{attrs:{lang:"xml"}},['\n<div class="complete-example">\n  <md-whiteframe md-elevation="3">\n    <md-toolbar class="md-large" v-md-theme="\'light-blue\'">\n      <div class="md-toolbar-container">\n        <md-button class="md-icon-button" @click="toggleSidenav">\n          <md-icon>menu</md-icon>\n        </md-button>\n\n        <span style="flex: 1"></span>\n\n        <md-button class="md-icon-button">\n          <md-icon>search</md-icon>\n        </md-button>\n\n        <md-button class="md-icon-button">\n          <md-icon>view_module</md-icon>\n        </md-button>\n      </div>\n\n      <div class="md-toolbar-container">\n        <h2 class="md-title">My Files</h2>\n\n        <md-button class="md-fab md-mini">\n          <md-icon>add</md-icon>\n        </md-button>\n      </div>\n    </md-toolbar>\n  </md-whiteframe>\n\n  <md-list class="md-double-line">\n    <md-subheader class="md-inset">Folders</md-subheader>\n\n    <md-list-item>\n      <md-avatar class="md-avatar-icon">\n        <md-icon>folder</md-icon>\n      </md-avatar>\n\n      <div class="md-list-text-container">\n        <span>Photos</span>\n        <p>Jan 9, 2014</p>\n      </div>\n\n      <md-button class="md-icon-button md-list-action">\n        <md-icon>info</md-icon>\n      </md-button>\n    </md-list-item>\n\n    <md-list-item>\n      <md-avatar class="md-avatar-icon">\n        <md-icon>folder</md-icon>\n      </md-avatar>\n\n      <div class="md-list-text-container">\n        <span>Recipes</span>\n        <p>Jan 17, 2014</p>\n      </div>\n\n      <md-button class="md-icon-button md-list-action">\n        <md-icon>info</md-icon>\n      </md-button>\n    </md-list-item>\n\n    <md-list-item>\n      <md-avatar class="md-avatar-icon">\n        <md-icon>folder</md-icon>\n      </md-avatar>\n\n      <div class="md-list-text-container">\n        <span>Work</span>\n        <p>Jan 28, 2014</p>\n      </div>\n\n      <md-button class="md-icon-button md-list-action">\n        <md-icon>info</md-icon>\n      </md-button>\n\n      <md-divider class="md-inset"></md-divider>\n    </md-list-item>\n\n    <md-subheader class="md-inset">Files</md-subheader>\n\n    <md-list-item>\n      <md-avatar v-md-theme="\'blue\'" class="md-avatar-icon md-primary">\n        <md-icon>insert_drive_file</md-icon>\n      </md-avatar>\n\n      <div class="md-list-text-container">\n        <span>Vacation Itinerary</span>\n        <p>Jan 20, 2014</p>\n      </div>\n\n      <md-button class="md-icon-button md-list-action">\n        <md-icon>info</md-icon>\n      </md-button>\n    </md-list-item>\n\n    <md-list-item>\n      <md-avatar v-md-theme="\'orange\'" class="md-avatar-icon md-primary">\n        <md-icon>collections</md-icon>\n      </md-avatar>\n\n      <div class="md-list-text-container">\n        <span>Kitchen Remodel</span>\n        <p>Jan 10, 2014</p>\n      </div>\n\n      <md-button class="md-icon-button md-list-action">\n        <md-icon>info</md-icon>\n      </md-button>\n    </md-list-item>\n\n    <md-list-item>\n      <md-avatar v-md-theme="\'green\'" class="md-avatar-icon md-primary">\n        <md-icon>view_list</md-icon>\n      </md-avatar>\n\n      <div class="md-list-text-container">\n        <span>Grocery Shop</span>\n        <p>Jan 10, 2014</p>\n      </div>\n\n      <md-button class="md-icon-button md-list-action">\n        <md-icon>info</md-icon>\n      </md-button>\n    </md-list-item>\n\n    <md-list-item>\n      <md-avatar v-md-theme="\'orange\'" class="md-avatar-icon md-primary">\n        <md-icon>collections</md-icon>\n      </md-avatar>\n\n      <div class="md-list-text-container">\n        <span>Weekend Pictures</span>\n        <p>Jan 10, 2014</p>\n      </div>\n\n      <md-button class="md-icon-button md-list-action">\n        <md-icon>info</md-icon>\n      </md-button>\n    </md-list-item>\n  </md-list>\n\n  <md-sidenav class="md-left" ref="sidebar">\n    <md-toolbar class="md-account-header" v-md-theme="\'blue\'">\n      <md-list class="md-transparent">\n        <md-list-item class="md-avatar-list">\n          <md-avatar class="md-large">\n            <img src="https://placeimg.com/64/64/people/8" alt="People">\n          </md-avatar>\n\n          <span style="flex: 1"></span>\n\n          <md-avatar>\n            <img src="https://placeimg.com/40/40/people/3" alt="People">\n          </md-avatar>\n\n          <md-avatar>\n            <img src="https://placeimg.com/40/40/people/4" alt="People">\n          </md-avatar>\n        </md-list-item>\n\n        <md-list-item>\n          <div class="md-list-text-container">\n            <span>John Doe</span>\n            <span>johndoe@email.com</span>\n          </div>\n\n          <md-button class="md-icon-button md-list-action">\n            <md-icon>arrow_drop_down</md-icon>\n          </md-button>\n        </md-list-item>\n      </md-list>\n    </md-toolbar>\n\n    <md-list v-md-theme="\'blue\'">\n      <md-list-item @click="toggleSidenav" class="md-primary">\n        <md-icon>insert_drive_file</md-icon> <span>My files</span>\n      </md-list-item>\n\n      <md-list-item @click="toggleSidenav">\n        <md-icon>people</md-icon> <span>Shared with me</span>\n      </md-list-item>\n\n      <md-list-item @click="toggleSidenav">\n        <md-icon>access_time</md-icon> <span>Recent</span>\n      </md-list-item>\n\n      <md-list-item @click="toggleSidenav">\n        <md-icon>start</md-icon> <span>Starred</span>\n      </md-list-item>\n\n      <md-list-item @click="toggleSidenav">\n        <md-icon>delete</md-icon> <span>Trash</span>\n      </md-list-item>\n    </md-list>\n  </md-sidenav>\n</div>\n        '])," ",t._h("code-block",{attrs:{lang:"scss"}},["\n.complete-example {\n  display: flex;\n  flex-flow: column;\n  position: relative;\n  overflow: hidden;\n  z-index: 1;\n\n  .md-fab {\n    margin: 0;\n    position: absolute;\n    bottom: -20px;\n    left: 16px;\n    box-shadow: $material-shadow-5dp;\n  }\n\n  .md-toolbar {\n    .md-icon {\n      color: #014e70;\n    }\n  }\n\n  .md-title {\n    color: #fff;\n  }\n\n  .md-list {\n    overflow: auto;\n  }\n\n  .md-list-action .md-icon {\n    color: rgba(#000, .26);\n  }\n\n  .md-avatar-icon .md-icon {\n    color: #fff !important;\n  }\n\n  .md-sidenav .md-list-text-container > :nth-child(2) {\n    color: rgba(#fff, .54);\n  }\n\n  .md-account-header {\n    .md-list-item:hover .md-button:hover {\n      background-color: inherit;\n    }\n\n    .md-avatar-list .md-list-item-container:hover {\n      background: none !important;\n    }\n  }\n}\n        "])," ",t._h("code-block",{attrs:{lang:"javascript"}},["\nexport default {\n  methods: {\n    toggleSidenav() {\n      this.$refs.sidebar.toggle();\n    }\n  }\n};\n        "])])])," ",t._h("div",{slot:"api"})])},staticRenderFns:[function(){var t=this;return t._h("span",["Inbox"])},function(){var t=this;return t._h("span",["Sent Mail"])},function(){var t=this;return t._h("span",["Trash"])},function(){var t=this;return t._h("span",["Spam"])},function(){var t=this;return t._h("img",{attrs:{src:"https://placeimg.com/40/40/people/5",alt:"People"}})},function(){var t=this;return t._h("span",["Abbey Christansen"])},function(){var t=this;return t._h("img",{attrs:{src:"https://placeimg.com/40/40/people/1",alt:"People"}})},function(){var t=this;return t._h("span",["Alex Nelson"])},function(){var t=this;return t._h("img",{attrs:{src:"https://placeimg.com/40/40/people/6",alt:"People"}})},function(){var t=this;return t._h("span",["Mary Johnson"])},function(){var t=this;return t._h("span",["Inbox"])},function(){var t=this;return t._h("span",["Sent Mail"])},function(){var t=this;return t._h("span",["Trash"])},function(){var t=this;return t._h("span",["Spam"])},function(){var t=this;return t._h("img",{attrs:{src:"https://placeimg.com/40/40/people/5",alt:"People"}})},function(){var t=this;return t._h("span",["Abbey Christansen"])},function(){var t=this;return t._h("img",{attrs:{src:"https://placeimg.com/40/40/people/1",alt:"People"}})},function(){var t=this;return t._h("span",["Alex Nelson"])},function(){var t=this;return t._h("img",{attrs:{src:"https://placeimg.com/40/40/people/6",alt:"People"}})},function(){var t=this;return t._h("span",["Mary Johnson"])},function(){var t=this;return t._h("div",{staticClass:"md-list-text-container"},[t._h("span",["(650) 555-1234"])," ",t._h("span",["Mobile"])])},function(){var t=this;return t._h("div",{staticClass:"md-list-text-container"},[t._h("span",["(650) 555-1234"])," ",t._h("span",["Mobile"])])},function(){var t=this;return t._h("div",{staticClass:"md-list-text-container"},[t._h("span",["aliconnors@example.com"])," ",t._h("span",["Personal"])])},function(){var t=this;return t._h("div",{staticClass:"md-list-text-container"},[t._h("span",["ali_connors@example.com"])," ",t._h("span",["Work"])])},function(){var t=this;return t._h("div",{staticClass:"md-list-text-container"},[t._h("span",["(650) 555-1234"])," ",t._h("span",["Mobile"])])},function(){var t=this;return t._h("div",{staticClass:"md-list-text-container"},[t._h("span",["(650) 555-1234"])," ",t._h("span",["Mobile"])])},function(){var t=this;return t._h("div",{staticClass:"md-list-text-container"},[t._h("span",["aliconnors@example.com"])," ",t._h("span",["Personal"])])},function(){var t=this;return t._h("div",{staticClass:"md-list-text-container"},[t._h("span",["ali_connors@example.com"])," ",t._h("span",["Work"])])},function(){var t=this;return t._h("img",{attrs:{src:"https://placeimg.com/40/40/people/1",alt:"People"}})},function(){var t=this;return t._h("div",{staticClass:"md-list-text-container"},[t._h("span",["Ali Connors"])," ",t._h("span",["Brunch this weekend?"])," ",t._h("p",["I'll be in your neighborhood doing errands..."])])},function(){var t=this;return t._h("img",{
 attrs:{src:"https://placeimg.com/40/40/people/6",alt:"People"}})},function(){var t=this;return t._h("div",{staticClass:"md-list-text-container"},[t._h("span",["me, Scott, Jennifer"])," ",t._h("span",["Summer BBQ"])," ",t._h("p",["Wish I could come, but I'm out of town ..."])])},function(){var t=this;return t._h("img",{attrs:{src:"https://placeimg.com/40/40/people/5",alt:"People"}})},function(){var t=this;return t._h("div",{staticClass:"md-list-text-container"},[t._h("span",["Sandra Adams"])," ",t._h("span",["Oui oui"])," ",t._h("p",["Do you have Paris recommendations ..."])])},function(){var t=this;return t._h("img",{attrs:{src:"https://placeimg.com/40/40/people/8",alt:"People"}})},function(){var t=this;return t._h("div",{staticClass:"md-list-text-container"},[t._h("span",["Trevor Hansen"])," ",t._h("span",["Order confirmation"])," ",t._h("p",["Thank you for your recent order from ..."])])},function(){var t=this;return t._h("img",{attrs:{src:"https://placeimg.com/40/40/people/1",alt:"People"}})},function(){var t=this;return t._h("div",{staticClass:"md-list-text-container"},[t._h("span",["Ali Connors"])," ",t._h("span",["Brunch this weekend?"])," ",t._h("p",["I'll be in your neighborhood doing errands..."])])},function(){var t=this;return t._h("img",{attrs:{src:"https://placeimg.com/40/40/people/6",alt:"People"}})},function(){var t=this;return t._h("div",{staticClass:"md-list-text-container"},[t._h("span",["me, Scott, Jennifer"])," ",t._h("span",["Summer BBQ"])," ",t._h("p",["Wish I could come, but I'm out of town ..."])])},function(){var t=this;return t._h("img",{attrs:{src:"https://placeimg.com/40/40/people/5",alt:"People"}})},function(){var t=this;return t._h("div",{staticClass:"md-list-text-container"},[t._h("span",["Sandra Adams"])," ",t._h("span",["Oui oui"])," ",t._h("p",["Do you have Paris recommendations ..."])])},function(){var t=this;return t._h("img",{attrs:{src:"https://placeimg.com/40/40/people/8",alt:"People"}})},function(){var t=this;return t._h("div",{staticClass:"md-list-text-container"},[t._h("span",["Trevor Hansen"])," ",t._h("span",["Order confirmation"])," ",t._h("p",["Thank you for your recent order from ..."])])},function(){var t=this;return t._h("span",["News"])},function(){var t=this;return t._h("span",["Games"])},function(){var t=this;return t._h("span",["Video"])},function(){var t=this;return t._h("span",["Shop"])},function(){var t=this;return t._h("span",{attrs:{style:"flex: 1"}})},function(){var t=this;return t._h("h2",{staticClass:"md-title"},["My Files"])},function(){var t=this;return t._h("div",{staticClass:"md-list-text-container"},[t._h("span",["Photos"])," ",t._h("p",["Jan 9, 2014"])])},function(){var t=this;return t._h("div",{staticClass:"md-list-text-container"},[t._h("span",["Recipes"])," ",t._h("p",["Jan 17, 2014"])])},function(){var t=this;return t._h("div",{staticClass:"md-list-text-container"},[t._h("span",["Work"])," ",t._h("p",["Jan 28, 2014"])])},function(){var t=this;return t._h("div",{staticClass:"md-list-text-container"},[t._h("span",["Vacation Itinerary"])," ",t._h("p",["Jan 20, 2014"])])},function(){var t=this;return t._h("div",{staticClass:"md-list-text-container"},[t._h("span",["Kitchen Remodel"])," ",t._h("p",["Jan 10, 2014"])])},function(){var t=this;return t._h("div",{staticClass:"md-list-text-container"},[t._h("span",["Grocery Shop"])," ",t._h("p",["Jan 10, 2014"])])},function(){var t=this;return t._h("div",{staticClass:"md-list-text-container"},[t._h("span",["Weekend Pictures"])," ",t._h("p",["Jan 10, 2014"])])},function(){var t=this;return t._h("img",{attrs:{src:"https://placeimg.com/64/64/people/8",alt:"People"}})},function(){var t=this;return t._h("span",{attrs:{style:"flex: 1"}})},function(){var t=this;return t._h("img",{attrs:{src:"https://placeimg.com/40/40/people/3",alt:"People"}})},function(){var t=this;return t._h("img",{attrs:{src:"https://placeimg.com/40/40/people/4",alt:"People"}})},function(){var t=this;return t._h("div",{staticClass:"md-list-text-container"},[t._h("span",["John Doe"])," ",t._h("span",["johndoe@email.com"])])},function(){var t=this;return t._h("span",["My files"])},function(){var t=this;return t._h("span",["Shared with me"])},function(){var t=this;return t._h("span",["Recent"])},function(){var t=this;return t._h("span",["Starred"])},function(){var t=this;return t._h("span",["Trash"])}]}},function(t,e){t.exports={render:function(){var t=this;return t._h("div",{ref:"tab",staticClass:"md-tab",attrs:{id:t.tabId}},[t._t("default")])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this;return t._m(0)},staticRenderFns:[function(){var t=this;return t._h("div",{staticClass:"md-card-media-actions"},[t._t("default")])}]}},function(t,e){t.exports={render:function(){var t=this;return t._h("div",{staticClass:"md-checkbox",class:t.classes},[t._h("div",{directives:[{name:"md-ink-ripple",rawName:"v-md-ink-ripple",value:t.disabled,expression:"disabled"}],staticClass:"md-checkbox-container",attrs:{tabindex:"0"},on:{click:function(e){e.stopPropagation(),t.toggleCheck(e)}}},[t._h("input",{attrs:{type:"checkbox",name:t.name,id:t.id,disabled:t.disabled,tabindex:"-1"},domProps:{value:t.value}})])," ",t.$slots.default?t._h("label",{staticClass:"md-checkbox-label",attrs:{for:t.id||t.name}},[t._t("default")]):t._e()])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this;return t._h("single-page",{attrs:{label:"UI Elements - Typography"}},[t._m(0)," ",t._m(1)," ",t._m(2)," ",t._m(3)," ",t._m(4)," ",t._m(5)," ",t._m(6)," ",t._m(7)," ",t._m(8)," ",t._m(9)," ",t._m(10)])},staticRenderFns:[function(){var t=this;return t._h("div",[t._h("div",{staticClass:"column"},[t._h("code",[".md-display-4"])])," ",t._h("h1",{staticClass:"md-display-4"},["Display 4"])])},function(){var t=this;return t._h("div",[t._h("div",{staticClass:"column"},[t._h("code",[".md-display-3"])])," ",t._h("h1",{staticClass:"md-display-3"},["Display 3"])])},function(){var t=this;return t._h("div",[t._h("div",{staticClass:"column"},[t._h("code",[".md-display-2"])])," ",t._h("h1",{staticClass:"md-display-2"},["Display 2"])])},function(){var t=this;return t._h("div",[t._h("div",{staticClass:"column"},[t._h("code",[".md-display-1"])])," ",t._h("h1",{staticClass:"md-display-1"},["Display 1"])])},function(){var t=this;return t._h("div",[t._h("div",{staticClass:"column"},[t._h("code",[".md-headline"])])," ",t._h("h1",{staticClass:"md-headline"},["Headline"])])},function(){var t=this;return t._h("div",[t._h("div",{staticClass:"column"},[t._h("code",[".md-title"])])," ",t._h("h1",{staticClass:"md-title"},["Title"])])},function(){var t=this;return t._h("div",[t._h("div",{staticClass:"column"},[t._h("code",[".md-subheading"])])," ",t._h("h1",{staticClass:"md-subheading"},["Subheading"])])},function(){var t=this;return t._h("div",[t._h("div",{staticClass:"column"},[t._h("code",[".md-body-2"])])," ",t._h("h1",{staticClass:"md-body-2"},["Body 2"])])},function(){var t=this;return t._h("div",[t._h("div",{staticClass:"column"},[t._h("code",[".md-body-1"])])," ",t._h("h1",{staticClass:"md-body-1"},["Body 1"])])},function(){var t=this;return t._h("div",[t._h("div",{staticClass:"column"},[t._h("code",[".md-caption"])])," ",t._h("h1",{staticClass:"md-caption"},["Caption"])])},function(){var t=this;return t._h("div",[t._h("div",{staticClass:"column"},[t._h("code",["Link"])])," ",t._h("a",["Link"])])}]}},function(t,e){t.exports={render:function(){var t=this;return t._h("demo-page",{attrs:{label:"Components - Button"}},[t._h("div",{slot:"examples"},[t._h("demo-example",{attrs:{label:"Flat"}},[t._h("md-button",{on:{click:t.disablePrimaryButton}},["Default"])," ",t._h("md-button",{staticClass:"md-primary",attrs:{disabled:t.buttonDisabled}},["Primary"])," ",t._h("md-button",{staticClass:"md-accent"},["Accent"])," ",t._h("md-button",{staticClass:"md-warn"},["Warn"])," ",t._h("md-button",{staticClass:"md-primary",attrs:{disabled:!t.buttonDisabled}},["Disabled"])," ",t._h("md-button",{staticClass:"md-dense"},["Dense"])])," ",t._h("demo-example",{attrs:{label:"Raised"}},[t._h("md-button",{staticClass:"md-raised",on:{click:t.disablePrimaryButton}},["Default"])," ",t._h("md-button",{staticClass:"md-raised md-primary",attrs:{disabled:t.buttonDisabled}},["Primary"])," ",t._h("md-button",{staticClass:"md-raised md-accent"},["Accent"])," ",t._h("md-button",{staticClass:"md-raised md-warn"},["Warn"])," ",t._h("md-button",{staticClass:"md-raised md-primary",attrs:{disabled:!t.buttonDisabled}},["Disabled"])," ",t._h("md-button",{staticClass:"md-raised md-dense"},["Dense"])])," ",t._h("demo-example",{attrs:{label:"Themed"}},[t._h("md-button",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"indigo",expression:"'indigo'"}],staticClass:"md-raised md-primary",on:{click:t.disablePrimaryButton}},["Indigo"])," ",t._h("md-button",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"teal",expression:"'teal'"}],staticClass:"md-raised md-primary",attrs:{disabled:t.buttonDisabled}},["Teal"])," ",t._h("md-button",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"green",expression:"'green'"}],staticClass:"md-raised md-primary"},["Green"])," ",t._h("md-button",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"white",expression:"'white'"}],staticClass:"md-raised md-primary"},["White"])," ",t._h("md-button",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"brown",expression:"'brown'"}],staticClass:"md-raised md-primary",attrs:{disabled:!t.buttonDisabled}},["Brown"])," ",t._h("md-button",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"orange",expression:"'orange'"}],staticClass:"md-raised md-primary md-dense"},["Orange"])])," ",t._h("demo-example",{attrs:{label:"Links"}},[t._h("md-button",{staticClass:"md-raised",attrs:{href:"#/components/button"},on:{click:t.disablePrimaryButton}},["Default"])," ",t._h("md-button",{staticClass:"md-raised md-primary",attrs:{href:"#/components/button",disabled:t.buttonDisabled}},["Primary"])," ",t._h("md-button",{staticClass:"md-raised md-accent",attrs:{href:"#/components/button"}},["Accent"])," ",t._h("md-button",{staticClass:"md-raised md-warn",attrs:{href:"#/components/button"}},["Warn"])," ",t._h("md-button",{staticClass:"md-raised md-primary",attrs:{href:"#/components/button",disabled:!t.buttonDisabled}},["Disabled"])," ",t._h("md-button",{staticClass:"md-raised md-dense",attrs:{href:"#/components/button"}},["Dense"])])," ",t._h("demo-example",{attrs:{label:"Icons - Flat"}},[t._h("md-button",{staticClass:"md-icon-button",on:{click:t.disablePrimaryButton}},[t._h("md-icon",["add"])])," ",t._h("md-button",{staticClass:"md-icon-button md-primary",attrs:{disabled:t.buttonDisabled}},[t._h("md-icon",["add"])])," ",t._h("md-button",{staticClass:"md-icon-button md-accent"},[t._h("md-icon",["add"])])," ",t._h("md-button",{staticClass:"md-icon-button md-warn"},[t._h("md-icon",["add"])])," ",t._h("md-button",{staticClass:"md-icon-button",attrs:{disabled:!t.buttonDisabled}},[t._h("md-icon",["add"])])," ",t._h("md-button",{staticClass:"md-icon-button md-dense"},[t._h("md-icon",["add"])])])," ",t._h("demo-example",{attrs:{label:"Icons - Raised"}},[t._h("md-button",{staticClass:"md-icon-button md-raised",on:{click:t.disablePrimaryButton}},[t._h("md-icon",["add"])])," ",t._h("md-button",{staticClass:"md-icon-button md-raised md-primary",attrs:{disabled:t.buttonDisabled}},[t._h("md-icon",["add"])])," ",t._h("md-button",{staticClass:"md-icon-button md-raised md-accent"},[t._h("md-icon",["add"])])," ",t._h("md-button",{staticClass:"md-icon-button md-raised md-warn"},[t._h("md-icon",["add"])])," ",t._h("md-button",{staticClass:"md-icon-button md-raised",attrs:{disabled:!t.buttonDisabled}},[t._h("md-icon",["add"])])," ",t._h("md-button",{staticClass:"md-icon-button md-raised md-dense"},[t._h("md-icon",["add"])])])," ",t._h("demo-example",{attrs:{label:"Floating Action Button",height:"360"}},[t._h("md-button",{staticClass:"md-fab md-fab-bottom-right"},[t._h("md-icon",["add"])])," ",t._h("md-button",{staticClass:"md-fab md-fab-bottom-left md-mini"},[t._h("md-icon",["add"])])," ",t._h("md-button",{staticClass:"md-fab"},[t._h("md-icon",["edit"])])," ",t._h("md-button",{staticClass:"md-fab md-mini"},[t._h("md-icon",["edit"])])," ",t._h("md-button",{staticClass:"md-fab md-primary"},[t._h("md-icon",["email"])])," ",t._h("md-button",{staticClass:"md-fab md-primary md-mini"},[t._h("md-icon",["email"])])," ",t._h("md-button",{staticClass:"md-fab md-warn"},[t._h("md-icon",["save"])])," ",t._h("md-button",{staticClass:"md-fab md-warn md-mini"},[t._h("md-icon",["save"])])," ",t._h("md-button",{staticClass:"md-fab md-clean"},[t._h("md-icon",["chat"])])," ",t._h("md-button",{staticClass:"md-fab md-clean md-mini"},[t._h("md-icon",["chat"])])," ",t._h("md-button",{staticClass:"md-fab",attrs:{disabled:""}},[t._h("md-icon",["message"])])," ",t._h("md-button",{staticClass:"md-fab md-mini",attrs:{disabled:""}},[t._h("md-icon",["message"])])])])," ",t._h("div",{slot:"code"},[t._h("demo-example",{attrs:{label:"Flat"}},[t._h("code-block",{attrs:{lang:"html"}},['\n<md-button>Default</md-button>\n<md-button class="md-primary">Primary</md-button>\n<md-button class="md-accent">Accent</md-button>\n<md-button class="md-warn">Warn</md-button>\n<md-button class="md-primary" disabled>Disabled</md-button>\n<md-button class="md-dense">Dense</md-button>\n        '])])," ",t._h("demo-example",{attrs:{label:"Raised"}},[t._h("code-block",{attrs:{lang:"xml"}},['\n<md-button class="md-raised">Default</md-button>\n<md-button class="md-raised md-primary">Primary</md-button>\n<md-button class="md-raised md-accent">Accent</md-button>\n<md-button class="md-raised md-warn">Warn</md-button>\n<md-button class="md-raised md-primary" disabled>Disabled</md-button>\n<md-button class="md-raised md-dense">Dense</md-button>\n        '])])," ",t._h("demo-example",{attrs:{label:"Themed"}},[t._h("code-block",{attrs:{lang:"xml"}},['\n<md-button class="md-raised md-primary" v-md-theme="\'indigo\'">Indigo</md-button>\n<md-button class="md-raised md-primary" v-md-theme="\'teal\'">Teal</md-button>\n<md-button class="md-raised md-primary" v-md-theme="\'green\'">Green</md-button>\n<md-button class="md-raised md-primary" v-md-theme="\'white\'">White</md-button>\n<md-button class="md-raised md-primary" disabled v-md-theme="\'brown\'">Brown</md-button>\n<md-button class="md-raised md-primary md-dense" v-md-theme="\'orange\'">Orange</md-button>\n        '])])," ",t._h("demo-example",{attrs:{label:"Links"}},[t._h("code-block",{attrs:{lang:"xml"}},['\n<md-button href="#/components/button" class="md-raised">Default</md-button>\n<md-button href="#/components/button" class="md-raised md-primary">Primary</md-button>\n<md-button href="#/components/button" class="md-raised md-accent">Accent</md-button>\n<md-button href="#/components/button" class="md-raised md-warn">Warn</md-button>\n<md-button href="#/components/button" class="md-raised md-primary" disabled>Disabled</md-button>\n<md-button href="#/components/button" class="md-raised md-dense">Dense</md-button>\n        '])])," ",t._h("demo-example",{attrs:{label:"Icons - Flat"}},[t._h("code-block",{attrs:{lang:"xml"}},['\n<md-button class="md-icon-button">\n  <md-icon>add</md-icon>\n</md-button>\n\n<md-button class="md-icon-button md-primary">\n  <md-icon>add</md-icon>\n</md-button>\n\n<md-button class="md-icon-button md-accent">\n  <md-icon>add</md-icon>\n</md-button>\n\n<md-button class="md-icon-button md-warn">\n  <md-icon>add</md-icon>\n</md-button>\n\n<md-button class="md-icon-button" disabled>\n  <md-icon>add</md-icon>\n</md-button>\n\n<md-button class="md-icon-button md-dense">\n  <md-icon>add</md-icon>\n</md-button>\n        '])])," ",t._h("demo-example",{attrs:{label:"Icons - Raised"}},[t._h("code-block",{attrs:{lang:"xml"}},['\n<md-button class="md-icon-button md-raised">\n  <md-icon>add</md-icon>\n</md-button>\n\n<md-button class="md-icon-button md-raised md-primary">\n  <md-icon>add</md-icon>\n</md-button>\n\n<md-button class="md-icon-button md-raised md-accent">\n  <md-icon>add</md-icon>\n</md-button>\n\n<md-button class="md-icon-button md-raised md-warn">\n  <md-icon>add</md-icon>\n</md-button>\n\n<md-button class="md-icon-button md-raised" disabled>\n  <md-icon>add</md-icon>\n</md-button>\n\n<md-button class="md-icon-button md-raised md-dense">\n  <md-icon>add</md-icon>\n</md-button>\n        '])])," ",t._h("demo-example",{attrs:{label:"Floating Action Button"}},[t._h("code-block",{attrs:{lang:"xml"}},['\n<md-button class="md-fab md-fab-bottom-right">\n  <md-icon>add</md-icon>\n</md-button>\n\n<md-button class="md-fab md-fab-bottom-left md-mini">\n  <md-icon>add</md-icon>\n</md-button>\n\n<md-button class="md-fab">\n  <md-icon>edit</md-icon>\n</md-button>\n\n<md-button class="md-fab md-mini">\n  <md-icon>edit</md-icon>\n</md-button>\n\n<md-button class="md-fab md-primary">\n  <md-icon>email</md-icon>\n</md-button>\n\n<md-button class="md-fab md-primary md-mini">\n  <md-icon>email</md-icon>\n</md-button>\n\n<md-button class="md-fab md-warn">\n  <md-icon>save</md-icon>\n</md-button>\n\n<md-button class="md-fab md-warn md-mini">\n  <md-icon>save</md-icon>\n</md-button>\n\n<md-button class="md-fab md-clean">\n  <md-icon>chat</md-icon>\n</md-button>\n\n<md-button class="md-fab md-clean md-mini">\n  <md-icon>chat</md-icon>\n</md-button>\n\n<md-button class="md-fab" disabled>\n  <md-icon>message</md-icon>\n</md-button>\n\n<md-button class="md-fab md-mini" disabled>\n  <md-icon>message</md-icon>\n</md-button>\n        '])])])," ",t._h("div",{slot:"api"})])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this;return t._h("md-menu-item",{staticClass:"md-option",class:t.classes,attrs:{tabindex:"-1"},on:{click:t.selectOption}},[t.parentSelect.multiple?t._h("md-checkbox",{directives:[{name:"model",rawName:"v-model",value:t.check,expression:"check"}],staticClass:"md-primary",domProps:{value:t.check},on:{input:function(e){t.check=e}}},[t._h("span",{ref:"item"},[t._t("default")])]):t._h("span",{ref:"item"},[t._t("default")])," "])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this;return t._h("demo-page",{attrs:{label:"Components - Subheader"}},[t._h("div",{slot:"examples"},[t._h("demo-example",{attrs:{label:"With Lists"}},[t._h("div",{staticClass:"phone-viewport"},[t._h("md-list",[t._h("md-subheader",["Navigation"])," ",t._h("md-list-item",[t._h("md-icon",["move_to_inbox"])," ",t._m(0)])," ",t._h("md-list-item",[t._h("md-icon",["send"])," ",t._m(1)])," ",t._h("md-list-item",[t._h("md-icon",["delete"])," ",t._m(2)])," ",t._h("md-list-item",[t._h("md-icon",["error"])," ",t._m(3)," ",t._h("md-divider",{staticClass:"md-inset"})])," ",t._h("md-subheader",["Contacts"])," ",t._h("md-list-item",[t._h("md-avatar",[t._m(4)])," ",t._m(5)," ",t._h("md-button",{staticClass:"md-icon-button md-list-action"},[t._h("md-icon",{staticClass:"md-primary"},["chat_bubble"])])])," ",t._h("md-list-item",[t._h("md-avatar",[t._m(6)])," ",t._m(7)," ",t._h("md-button",{staticClass:"md-icon-button md-list-action"},[t._h("md-icon",{staticClass:"md-primary"},["chat_bubble"])])])," ",t._h("md-list-item",[t._h("md-avatar",[t._m(8)])," ",t._m(9)," ",t._h("md-button",{staticClass:"md-icon-button md-list-action"},[t._h("md-icon",["chat_bubble"])])])])])," ",t._h("div",{staticClass:"phone-viewport"},[t._h("md-list",{staticClass:"custom-list md-triple-line"},[t._h("md-subheader",["Today"])," ",t._h("md-list-item",[t._h("md-avatar",[t._m(10)])," ",t._m(11)," ",t._h("md-button",{staticClass:"md-icon-button md-list-action"},[t._h("md-icon",{staticClass:"md-primary"},["star"])])," ",t._h("md-divider",{staticClass:"md-inset"})])," ",t._h("md-list-item",[t._h("md-avatar",[t._m(12)])," ",t._m(13)," ",t._h("md-button",{staticClass:"md-icon-button md-list-action"},[t._h("md-icon",["star_border"])])," ",t._h("md-divider",{staticClass:"md-inset"})])," ",t._h("md-list-item",[t._h("md-avatar",[t._m(14)])," ",t._m(15)," ",t._h("md-button",{staticClass:"md-icon-button md-list-action"},[t._h("md-icon",["star_border"])])," ",t._h("md-divider",{staticClass:"md-inset"})])," ",t._h("md-list-item",[t._h("md-avatar",[t._m(16)])," ",t._m(17)," ",t._h("md-button",{staticClass:"md-icon-button md-list-action"},[t._h("md-icon",["star_border"])])," ",t._h("md-divider",{staticClass:"md-inset"})])])])])])," ",t._h("div",{slot:"code"},[t._h("demo-example",{attrs:{label:"With Lists"}},[t._h("code-block",{attrs:{lang:"xml"}},['\n<md-list>\n  <md-subheader>Navigation</md-subheader>\n\n  <md-list-item>\n    <md-icon>move_to_inbox</md-icon> <span>Inbox</span>\n  </md-list-item>\n\n  <md-list-item>\n    <md-icon>send</md-icon> <span>Outbox</span>\n  </md-list-item>\n\n  <md-list-item>\n    <md-icon>delete</md-icon> <span>Trash</span>\n  </md-list-item>\n\n  <md-list-item>\n    <md-icon>error</md-icon> <span>Spam</span>\n\n    <md-divider class="md-inset"></md-divider>\n  </md-list-item>\n\n  <md-subheader>Contacts</md-subheader>\n\n  <md-list-item>\n    <md-avatar>\n      <img src="https://placeimg.com/40/40/people/5" alt="People">\n    </md-avatar>\n\n    <span>Abbey Christansen</span>\n\n    <md-button class="md-icon-button md-list-action">\n      <md-icon class="md-primary">chat_bubble</md-icon>\n    </md-button>\n  </md-list-item>\n\n  <md-list-item>\n    <md-avatar>\n      <img src="https://placeimg.com/40/40/people/1" alt="People">\n    </md-avatar>\n\n    <span>Alex Nelson</span>\n\n    <md-button class="md-icon-button md-list-action">\n      <md-icon class="md-primary">chat_bubble</md-icon>\n    </md-button>\n  </md-list-item>\n\n  <md-list-item>\n    <md-avatar>\n      <img src="https://placeimg.com/40/40/people/6" alt="People">\n    </md-avatar>\n\n    <span>Mary Johnson</span>\n\n    <md-button class="md-icon-button md-list-action">\n      <md-icon>chat_bubble</md-icon>\n    </md-button>\n  </md-list-item>\n</md-list>\n        '])," ",t._h("code-block",{attrs:{lang:"xml"}},['\n<md-list class="custom-list md-triple-line">\n  <md-subheader>Today</md-subheader>\n\n  <md-list-item>\n    <md-avatar>\n      <img src="https://placeimg.com/40/40/people/1" alt="People">\n    </md-avatar>\n\n    <div class="md-list-text-container">\n      <span>Ali Connors</span>\n      <span>Brunch this weekend?</span>\n      <p>I\'ll be in your neighborhood doing errands...</p>\n    </div>\n\n    <md-button class="md-icon-button md-list-action">\n      <md-icon class="md-primary">star</md-icon>\n    </md-button>\n\n    <md-divider class="md-inset"></md-divider>\n  </md-list-item>\n\n  <md-list-item>\n    <md-avatar>\n      <img src="https://placeimg.com/40/40/people/6" alt="People">\n    </md-avatar>\n\n    <div class="md-list-text-container">\n      <span>me, Scott, Jennifer</span>\n      <span>Summer BBQ</span>\n      <p>Wish I could come, but I\'m out of town ...</p>\n    </div>\n\n    <md-button class="md-icon-button md-list-action">\n      <md-icon>star_border</md-icon>\n    </md-button>\n\n    <md-divider class="md-inset"></md-divider>\n  </md-list-item>\n\n  <md-list-item>\n    <md-avatar>\n      <img src="https://placeimg.com/40/40/people/5" alt="People">\n    </md-avatar>\n\n    <div class="md-list-text-container">\n      <span>Sandra Adams</span>\n      <span>Oui oui</span>\n      <p>Do you have Paris recommendations ...</p>\n    </div>\n\n    <md-button class="md-icon-button md-list-action">\n      <md-icon>star_border</md-icon>\n    </md-button>\n\n    <md-divider class="md-inset"></md-divider>\n  </md-list-item>\n\n  <md-list-item>\n    <md-avatar>\n      <img src="https://placeimg.com/40/40/people/8" alt="People">\n    </md-avatar>\n\n    <div class="md-list-text-container">\n      <span>Trevor Hansen</span>\n      <span>Order confirmation</span>\n      <p>Thank you for your recent order from ...</p>\n    </div>\n\n    <md-button class="md-icon-button md-list-action">\n      <md-icon>star_border</md-icon>\n    </md-button>\n\n    <md-divider class="md-inset"></md-divider>\n  </md-list-item>\n</md-list>\n        '])])])," ",t._h("div",{slot:"api"})])},staticRenderFns:[function(){var t=this;return t._h("span",["Inbox"])},function(){var t=this;return t._h("span",["Outbox"])},function(){var t=this;return t._h("span",["Trash"])},function(){var t=this;return t._h("span",["Spam"])},function(){var t=this;return t._h("img",{attrs:{src:"https://placeimg.com/40/40/people/5",alt:"People"}})},function(){var t=this;return t._h("span",["Abbey Christansen"])},function(){var t=this;return t._h("img",{attrs:{src:"https://placeimg.com/40/40/people/1",alt:"People"}})},function(){var t=this;return t._h("span",["Alex Nelson"])},function(){var t=this;return t._h("img",{attrs:{src:"https://placeimg.com/40/40/people/6",alt:"People"}})},function(){var t=this;return t._h("span",["Mary Johnson"])},function(){var t=this;return t._h("img",{attrs:{src:"https://placeimg.com/40/40/people/1",alt:"People"}})},function(){var t=this;return t._h("div",{staticClass:"md-list-text-container"},[t._h("span",["Ali Connors"])," ",t._h("span",["Brunch this weekend?"])," ",t._h("p",["I'll be in your neighborhood doing errands..."])])},function(){var t=this;return t._h("img",{attrs:{src:"https://placeimg.com/40/40/people/6",alt:"People"}})},function(){var t=this;return t._h("div",{staticClass:"md-list-text-container"},[t._h("span",["me, Scott, Jennifer"])," ",t._h("span",["Summer BBQ"])," ",t._h("p",["Wish I could come, but I'm out of town ..."])])},function(){var t=this;return t._h("img",{attrs:{src:"https://placeimg.com/40/40/people/5",alt:"People"}})},function(){var t=this;return t._h("div",{staticClass:"md-list-text-container"},[t._h("span",["Sandra Adams"])," ",t._h("span",["Oui oui"])," ",t._h("p",["Do you have Paris recommendations ..."])])},function(){var t=this;return t._h("img",{attrs:{src:"https://placeimg.com/40/40/people/8",alt:"People"}})},function(){var t=this;return t._h("div",{staticClass:"md-list-text-container"},[t._h("span",["Trevor Hansen"])," ",t._h("span",["Order confirmation"])," ",t._h("p",["Thank you for your recent order from ..."])])}]}},function(t,e){t.exports={render:function(){var t=this;return t._h("div",{staticClass:"md-tabs",class:t.tabClasses},[t._h("md-whiteframe",{attrs:{"md-elevation":t.elevation||0}},[t._h("div",{staticClass:"md-tabs-navigation"},[t._l(t.tabs,function(e){return t._h("button",{directives:[{name:"md-ink-ripple",rawName:"v-md-ink-ripple",value:e.disabled,expression:"header.disabled"}],key:e.id,ref:"tabHeader",refInFor:!0,staticClass:"md-tab-header",class:t.getHeaderClass(e),attrs:{type:"button",disabled:e.disabled},on:{click:function(n){t.changeTab(e.id)}}},[t._h("div",{staticClass:"md-tab-header-container"},[e.icon?t._h("md-icon",[t._s(e.icon)]):t._e()," ",e.label?t._h("span",[t._s(e.label)]):t._e()])])})," ",t._h("span",{ref:"indicator",staticClass:"md-tab-indicator",class:t.indicatorClass})])])," ",t._h("div",{ref:"tabContent",staticClass:"md-tabs-content"},[t._h("div",{ref:"tabWrapper",staticClass:"md-tabs-wrapper"},[t._t("default")])])])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this;return t._h("single-page",{staticClass:"single-page-home",attrs:{label:"Themes - Dynamic Themes"}})},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this;return t._h("tr",{staticClass:"md-table-row",class:t.classes,on:{click:t.autoSelect}},[t.hasSelection?t._h("md-table-cell",{staticClass:"md-table-selection"},[t._h("md-checkbox",{directives:[{name:"model",rawName:"v-model",value:t.checkbox,expression:"checkbox"}],attrs:{disabled:t.isDisabled},domProps:{value:t.checkbox},on:{change:t.select,input:function(e){t.checkbox=e}}})]):t._e()," ",t._t("default")])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this;return t._h("single-page",{staticClass:"single-page-home",attrs:{label:"Getting Started"}},[t._h("single-page-banner",{attrs:{label:"Getting Started"}})," ",t._h("single-page-section",{attrs:{label:"Installation"}},[t._m(0)," ",t._h("code-block",{attrs:{lang:"xml"}},['\n<link rel="stylesheet" href="//fonts.googleapis.com/css?family=Roboto:300,400,500,700,400italic">\n<link rel="stylesheet" href="//fonts.googleapis.com/icon?family=Material+Icons">\n      '])," ",t._m(1)," ",t._m(2)," ",t._h("md-tabs",{staticClass:"md-transparent"},[t._h("md-tab",{attrs:{"md-label":"ES6"}},[t._h("code-block",{attrs:{lang:"javascript"}},["\nimport Vue from 'vue'\nimport VueMaterial from 'vue-material'\nimport 'vue-material/dist/vue-material.css'\n          "])])," ",t._h("md-tab",{attrs:{"md-label":"AMD"}},[t._h("code-block",{attrs:{lang:"javascript"}},["\nvar Vue = require('vue')\nvar VueMaterial = require('vue-material')\nrequire('vue-material/dist/vue-material.css')\n          "])])])," ",t._m(3)," ",t._h("code-block",{attrs:{lang:"xml"}},['\n<link rel="stylesheet" href="path/to/vue-material.css">\n<script src="path/to/vue-material.js"></script>\n      '])])," ",t._h("single-page-section",{attrs:{label:"Usage"}},[t._m(4)," ",t._h("md-tabs",{staticClass:"md-transparent"},[t._h("md-tab",{attrs:{"md-label":"ES6"}},[t._h("code-block",{attrs:{lang:"javascript"}},["\n// To import the whole library\nimport Vue from 'vue'\nimport VueMaterial from 'vue-material'\nimport 'vue-material/dist/vue-material.css'\n\nVue.use(VueMaterial)\n\n// Or to import individual components\nimport Vue from 'vue'\nimport VueMaterial from 'vue-material'\nimport 'vue-material/dist/components/mdCore/index.css' //Required to boot vue material\nimport 'vue-material/dist/components/mdButton/index.css'\nimport 'vue-material/dist/components/mdIcon/index.css'\nimport 'vue-material/dist/components/mdSidenav/index.css'\nimport 'vue-material/dist/components/mdToolbar/index.css'\n\nVue.use(VueMaterial.mdCore) //Required to boot vue material\nVue.use(VueMaterial.mdButton)\nVue.use(VueMaterial.mdIcon)\nVue.use(VueMaterial.mdSidenav)\nVue.use(VueMaterial.mdToolbar)\n          "])])," ",t._h("md-tab",{attrs:{"md-label":"AMD"}},[t._h("code-block",{attrs:{lang:"javascript"}},["\n// To import the whole library\nvar Vue = require('vue')\nvar VueMaterial = require('vue-material')\nrequire('vue-material/dist/vue-material.css')\n\nVue.use(VueMaterial)\n\n// Or to import individual components\nvar Vue = require('vue')\nvar VueMaterial = require('vue-material')\nrequire('vue-material/dist/components/mdCore/index.css') //Required to boot vue material\nrequire('vue-material/dist/components/mdButton/index.css')\nrequire('vue-material/dist/components/mdIcon/index.css')\nrequire('vue-material/dist/components/mdSidenav/index.css')\nrequire('vue-material/dist/components/mdToolbar/index.css')\n\nVue.use(VueMaterial.mdCore) //Required to boot vue material\nVue.use(VueMaterial.mdButton)\nVue.use(VueMaterial.mdIcon)\nVue.use(VueMaterial.mdSidenav)\nVue.use(VueMaterial.mdToolbar)\n          "])])])])," ",t._h("single-page-section",{attrs:{label:"Apply theme"}},[t._m(5)," ",t._h("md-tabs",{staticClass:"md-transparent"},[t._h("md-tab",{attrs:{"md-label":"Single Theme"}},[t._h("code-block",{attrs:{lang:"javascript"}},["\nVue.material.theme.register('default', {\n  primary: 'cyan',\n  accent: 'pink'\n})\n          "])])," ",t._h("md-tab",{attrs:{"md-label":"Multiple Themes"}},[t._h("code-block",{attrs:{lang:"javascript"}},["\nVue.material.theme.registerAll({\n  default: {\n    primary: 'cyan',\n    accent: 'pink'\n  },\n  indigo: {\n    primary: 'indigo',\n    accent: 'pink'\n  }\n})\n          "])])])," ",t._m(6)," ",t._h("code-block",{attrs:{lang:"xml"}},['\n<div id="app" v-md-theme="\'default\'">\n  <md-toolbar>\n    <div class="md-title">My App</div>\n  </md-toolbar>\n\n  <md-button v-md-theme="\'indigo\'">My Button</md-button>\n</div>\n      '])])])},staticRenderFns:[function(){var t=this;return t._h("p",["Import Roboto and Google Icons from Google CDN:"])},function(){var t=this;return t._h("p",["\n        - Install Vue Material through npm or yarn: ",t._h("br")," ",t._h("code",["npm install vue-material"]),t._h("br")," ",t._h("code",["yarn add vue-material"])])},function(){var t=this;
diff --git a/dist/docs/index.html b/dist/docs/index.html
index 9f28b11..d8ac885 100644
--- a/dist/docs/index.html
+++ b/dist/docs/index.html
@@ -1 +1 @@
-<!DOCTYPE html><html lang=en-us><meta charset=utf-8><meta http-equiv=cleartype content=on><meta name=viewport content="width=device-width,initial-scale=1,minimal-ui"><meta name=mobile-web-app-capable content=yes><meta name=apple-mobile-web-app-capable content=yes><meta name=apple-mobile-web-app-status-bar-style content=black><meta name=apple-mobile-web-app-title content="Vue Material"><meta name=application-name content="Vue Material"><meta name=description content="Material Design for Vue"><meta name=msapplication-config content=assets/favicon/browserconfig.xml><meta name=theme-color content=#2196f3><link rel=apple-touch-icon sizes=180x180 href=assets/favicon/apple-touch-icon.png><link rel=icon type=image/png href=assets/favicon/favicon-32x32.png sizes=32x32><link rel=icon type=image/png href=assets/favicon/favicon-194x194.png sizes=194x194><link rel=icon type=image/png href=assets/favicon/android-chrome-192x192.png sizes=192x192><link rel=icon type=image/png href=assets/favicon/favicon-16x16.png sizes=16x16><link rel=manifest href=assets/favicon/manifest.json><link rel=mask-icon href=assets/favicon/safari-pinned-tab.svg color=#2196f3><link rel="shortcut icon" href=assets/favicon/favicon.ico><title>Vue Material</title><link rel=stylesheet href="//fonts.googleapis.com/css?family=Roboto:300,400,500,700,400italic"><link rel=stylesheet href="//fonts.googleapis.com/icon?family=Material+Icons"><link href=docs.08f933ab.css rel=stylesheet><body class=md-scrollbar><div id=app v-cloak><docs></docs></div><script>!function(e,t,a,n,c,o,s){e.GoogleAnalyticsObject=c,e[c]=e[c]||function(){(e[c].q=e[c].q||[]).push(arguments)},e[c].l=1*new Date,o=t.createElement(a),s=t.getElementsByTagName(a)[0],o.async=1,o.src=n,s.parentNode.insertBefore(o,s)}(window,document,"script","https://www.google-analytics.com/analytics.js","ga"),ga("create","UA-85823257-1","auto"),ga("send","pageview")</script><script src=manifest.802187f4.js></script><script src=third-party.7707ad86.js></script><script src=docs.5f70d40d.js></script>
\ No newline at end of file
+<!DOCTYPE html><html lang=en-us><meta charset=utf-8><meta http-equiv=cleartype content=on><meta name=viewport content="width=device-width,initial-scale=1,minimal-ui"><meta name=mobile-web-app-capable content=yes><meta name=apple-mobile-web-app-capable content=yes><meta name=apple-mobile-web-app-status-bar-style content=black><meta name=apple-mobile-web-app-title content="Vue Material"><meta name=application-name content="Vue Material"><meta name=description content="Material Design for Vue"><meta name=msapplication-config content=assets/favicon/browserconfig.xml><meta name=theme-color content=#2196f3><link rel=apple-touch-icon sizes=180x180 href=assets/favicon/apple-touch-icon.png><link rel=icon type=image/png href=assets/favicon/favicon-32x32.png sizes=32x32><link rel=icon type=image/png href=assets/favicon/favicon-194x194.png sizes=194x194><link rel=icon type=image/png href=assets/favicon/android-chrome-192x192.png sizes=192x192><link rel=icon type=image/png href=assets/favicon/favicon-16x16.png sizes=16x16><link rel=manifest href=assets/favicon/manifest.json><link rel=mask-icon href=assets/favicon/safari-pinned-tab.svg color=#2196f3><link rel="shortcut icon" href=assets/favicon/favicon.ico><title>Vue Material</title><link rel=stylesheet href="//fonts.googleapis.com/css?family=Roboto:300,400,500,700,400italic"><link rel=stylesheet href="//fonts.googleapis.com/icon?family=Material+Icons"><link href=docs.08f933ab.css rel=stylesheet><body class=md-scrollbar><div id=app v-cloak><docs></docs></div><script>!function(e,t,a,n,c,o,s){e.GoogleAnalyticsObject=c,e[c]=e[c]||function(){(e[c].q=e[c].q||[]).push(arguments)},e[c].l=1*new Date,o=t.createElement(a),s=t.getElementsByTagName(a)[0],o.async=1,o.src=n,s.parentNode.insertBefore(o,s)}(window,document,"script","https://www.google-analytics.com/analytics.js","ga"),ga("create","UA-85823257-1","auto"),ga("send","pageview")</script><script src=manifest.ff193c61.js></script><script src=third-party.7707ad86.js></script><script src=docs.c2818e16.js></script>
\ No newline at end of file
diff --git a/dist/docs/manifest.802187f4.js b/dist/docs/manifest.ff193c61.js
similarity index 74%
rename from dist/docs/manifest.802187f4.js
rename to dist/docs/manifest.ff193c61.js
index c681d2f..e2d541b 100644
--- a/dist/docs/manifest.802187f4.js
+++ b/dist/docs/manifest.ff193c61.js
@@ -1 +1 @@
-!function(e){function t(n){if(r[n])return r[n].exports;var a=r[n]={exports:{},id:n,loaded:!1};return e[n].call(a.exports,a,a.exports,t),a.loaded=!0,a.exports}var n=window.webpackJsonp;window.webpackJsonp=function(o,p){for(var l,c,s=0,i=[];s<o.length;s++)c=o[s],a[c]&&i.push.apply(i,a[c]),a[c]=0;for(l in p)e[l]=p[l];for(n&&n(o,p);i.length;)i.shift().call(null,t);if(p[0])return r[0]=0,t(0)};var r={},a={0:0};t.e=function(e,n){if(0===a[e])return n.call(null,t);if(void 0!==a[e])a[e].push(n);else{a[e]=[n];var r=document.getElementsByTagName("head")[0],o=document.createElement("script");o.type="text/javascript",o.charset="utf-8",o.async=!0,o.src=t.p+""+e+"."+{1:"5f70d40d",2:"7707ad86"}[e]+".js",r.appendChild(o)}},t.m=e,t.c=r,t.p=""}([]);
\ No newline at end of file
+!function(e){function t(n){if(r[n])return r[n].exports;var a=r[n]={exports:{},id:n,loaded:!1};return e[n].call(a.exports,a,a.exports,t),a.loaded=!0,a.exports}var n=window.webpackJsonp;window.webpackJsonp=function(o,p){for(var c,l,s=0,i=[];s<o.length;s++)l=o[s],a[l]&&i.push.apply(i,a[l]),a[l]=0;for(c in p)e[c]=p[c];for(n&&n(o,p);i.length;)i.shift().call(null,t);if(p[0])return r[0]=0,t(0)};var r={},a={0:0};t.e=function(e,n){if(0===a[e])return n.call(null,t);if(void 0!==a[e])a[e].push(n);else{a[e]=[n];var r=document.getElementsByTagName("head")[0],o=document.createElement("script");o.type="text/javascript",o.charset="utf-8",o.async=!0,o.src=t.p+""+e+"."+{1:"c2818e16",2:"7707ad86"}[e]+".js",r.appendChild(o)}},t.m=e,t.c=r,t.p=""}([]);
\ No newline at end of file