\n\n \n star_border\n \n\n \n \n\n '])])])," ",_h("div",{slot:"api"})])},staticRenderFns:[function(){with(this)return _h("span",["Inbox"])},function(){with(this)return _h("span",["Outbox"])},function(){with(this)return _h("span",["Trash"])},function(){with(this)return _h("span",["Spam"])},function(){with(this)return _h("img",{attrs:{src:"https://placeimg.com/40/40/people/5",alt:"People"}})},function(){with(this)return _h("span",["Abbey Christansen"])},function(){with(this)return _h("img",{attrs:{src:"https://placeimg.com/40/40/people/1",alt:"People"}})},function(){with(this)return _h("span",["Alex Nelson"])},function(){with(this)return _h("img",{attrs:{src:"https://placeimg.com/40/40/people/6",alt:"People"}})},function(){with(this)return _h("span",["Mary Johnson"])},function(){with(this)return _h("img",{attrs:{src:"https://placeimg.com/40/40/people/1",alt:"People"}})},function(){with(this)return _h("div",{staticClass:"md-list-text-container"},[_h("span",["Ali Connors"])," ",_h("span",["Brunch this weekend?"])," ",_h("p",["I'll be in your neighborhood doing errands..."])])},function(){with(this)return _h("img",{attrs:{src:"https://placeimg.com/40/40/people/6",alt:"People"}})},function(){with(this)return _h("div",{staticClass:"md-list-text-container"},[_h("span",["me, Scott, Jennifer"])," ",_h("span",["Summer BBQ"])," ",_h("p",["Wish I could come, but I'm out of town ..."])])},function(){with(this)return _h("img",{attrs:{src:"https://placeimg.com/40/40/people/5",alt:"People"}})},function(){with(this)return _h("div",{staticClass:"md-list-text-container"},[_h("span",["Sandra Adams"])," ",_h("span",["Oui oui"])," ",_h("p",["Do you have Paris recommendations ..."])])},function(){with(this)return _h("img",{attrs:{src:"https://placeimg.com/40/40/people/8",alt:"People"}})},function(){with(this)return _h("div",{staticClass:"md-list-text-container"},[_h("span",["Trevor Hansen"])," ",_h("span",["Order confirmation"])," ",_h("p",["Thank you for your recent order from ..."])])}]}},function(module,exports){module.exports={render:function(){with(this)return _m(0)},staticRenderFns:[function(){with(this)return _h("hr",{staticClass:"md-divider"})}]}},function(module,exports){module.exports={render:function(){with(this)return _h("md-whiteframe",{staticClass:"demo-example","class":classes,style:{height:height+"px"}},[_h("md-toolbar",{directives:[{name:"md-theme",rawName:"v-md-theme",value:titleTheme,expression:"titleTheme"}],staticClass:"demo-example-toolbar"},[_h("h2",{staticClass:"md-title"},[_s(label)])])," ",_h("section",{directives:[{name:"md-theme",rawName:"v-md-theme",value:bodyTheme,expression:"bodyTheme"}],staticClass:"demo-example-body"},[_t("default")])])},staticRenderFns:[]}},function(module,exports){module.exports={render:function(){with(this)return _h("div",{staticClass:"demo-page"},[_h("md-toolbar",{staticClass:"main-header"},[_h("md-button",{staticClass:"md-icon-button",on:{click:toggleSidenav}},[_h("md-icon",["menu"])])," ",_h("div",{staticClass:"md-title"},[_h("span",{staticClass:"page-title"},[_s(label)])])])," ",_h("div",{staticClass:"page-content"},[_h("md-tabs",{staticClass:"page-tabs",attrs:{"md-elevation":"2"}},[_h("md-tab",{attrs:{"md-label":"Examples"}},[_t("examples")])," ",_h("md-tab",{attrs:{"md-label":"Code"}},[_t("code")])," ",_h("md-tab",{attrs:{"md-label":"API"}},[_t("api")])])," ",_t("default")])])},staticRenderFns:[]}},function(module,exports){module.exports={render:function(){with(this)return _h("div",{staticClass:"md-radio","class":classes},[_h("div",{directives:[{name:"md-ink-ripple",rawName:"v-md-ink-ripple",value:disabled,expression:"disabled"}],staticClass:"md-radio-container",on:{click:toggleCheck}},[_h("input",{attrs:{type:"radio",name:name,id:id,disabled:disabled},domProps:{value:value}})])," ",$slots["default"]?_h("label",{staticClass:"md-radio-label",attrs:{"for":id||name}},[_t("default")]):_e()])},staticRenderFns:[]}},function(module,exports){module.exports={render:function(){with(this)return _h("single-page",{staticClass:"single-page-home",attrs:{label:"About"}},[_h("single-page-banner",{attrs:{label:"About"}})])},staticRenderFns:[]}},function(module,exports){module.exports={render:function(){with(this)return _h("demo-page",{attrs:{label:"Components - Input"}},[_h("div",{slot:"examples"},[_h("demo-example",{attrs:{label:"Regular fields",size:"4"}},[_h("form",{attrs:{novalidate:""},on:{submit:function(t){t.stopPropagation(),t.preventDefault(),submit(t)}}},[_h("md-input-container",[_m(0)," ",_h("md-input",{directives:[{name:"model",rawName:"v-model",value:initialValue,expression:"initialValue"}],domProps:{value:initialValue},on:{input:function(t){initialValue=t}}})])," ",_h("md-input-container",[_m(1)," ",_h("md-input",{attrs:{placeholder:"My nice placeholder"}})])," ",_h("md-input-container",{attrs:{"md-inline":""}},[_m(2)," ",_h("md-input")])," ",_h("md-input-container",[_m(3)," ",_h("md-input",{attrs:{type:"number"}})])," ",_h("md-input-container",[_m(4)," ",_h("md-textarea")])," ",_h("md-input-container",[_m(5)," ",_h("md-input",{attrs:{disabled:""}})])])])," ",_h("demo-example",{attrs:{label:"Password",size:"4"}},[_h("form",{attrs:{novalidate:""},on:{submit:function(t){t.stopPropagation(),t.preventDefault(),submit(t)}}},[_h("md-input-container",[_m(6)," ",_h("md-input",{attrs:{type:"password"}})])," ",_h("md-input-container",{attrs:{"md-has-password":""}},[_m(7)," ",_h("md-input",{attrs:{type:"password"}})])])])," ",_h("demo-example",{attrs:{label:"Required and Errors",size:"4"}},[_h("form",{attrs:{novalidate:""},on:{submit:function(t){t.stopPropagation(),t.preventDefault(),submit(t)}}},[_h("md-input-container",[_m(8)," ",_h("md-input",{attrs:{required:""}})])," ",_h("md-input-container",{staticClass:"md-input-invalid"},[_m(9)," ",_h("md-input",{attrs:{required:""}})])," ",_h("md-input-container",{staticClass:"md-input-invalid"},[_m(10)," ",_h("md-input",{attrs:{required:""}})," ",_m(11)])," ",_h("md-input-container",{staticClass:"md-input-invalid"},[_m(12)," ",_h("md-textarea")," ",_m(13)])])])," ",_h("demo-example",{attrs:{label:"Character counter",size:"4"}},[_h("form",{attrs:{novalidate:""},on:{submit:function(t){t.stopPropagation(),t.preventDefault(),submit(t)}}},[_h("md-input-container",[_m(14)," ",_h("md-textarea",{attrs:{maxlength:"70"}})])," ",_h("md-input-container",[_m(15)," ",_h("md-input",{attrs:{maxlength:"20"}})])])])," ",_h("demo-example",{attrs:{label:"Themed",size:"4"}},[_h("form",{attrs:{novalidate:""},on:{submit:function(t){t.stopPropagation(),t.preventDefault(),submit(t)}}},[_h("md-input-container",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"green",expression:"'green'"}]},[_m(16)," ",_h("md-input")])," ",_h("md-input-container",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"brown",expression:"'brown'"}]},[_m(17)," ",_h("md-textarea")])])])])," ",_h("div",{slot:"code"},[_m(18)])," ",_h("div",{slot:"api"})])},staticRenderFns:[function(){with(this)return _h("label",["Initial value"])},function(){with(this)return _h("label",["With label"])},function(){with(this)return _h("label",["Inline field"])},function(){with(this)return _h("label",["Number"])},function(){with(this)return _h("label",["Textarea"])},function(){with(this)return _h("label",["Disabled"])},function(){with(this)return _h("label",["Regular Password"])},function(){with(this)return _h("label",["Password Reveal"])},function(){with(this)return _h("label",["Required"])},function(){with(this)return _h("label",["Error"])},function(){with(this)return _h("label",["Error with message"])},function(){with(this)return _h("span",{staticClass:"md-error"},["Validation message"])},function(){with(this)return _h("label",["Textarea with error"])},function(){with(this)return _h("span",{staticClass:"md-error"},["Textarea validation message"])},function(){with(this)return _h("label",["Textarea"])},function(){with(this)return _h("label",["Input"])},function(){with(this)return _h("label",["Themable - Input"])},function(){with(this)return _h("label",["Themable - Textarea"])},function(){with(this)return _h("h2",["Code"])}]}},function(module,exports){module.exports={render:function(){with(this)return _h("ul",{staticClass:"md-list"},[_t("default")])},staticRenderFns:[]}},function(module,exports){module.exports={render:function(){with(this)return _h("textarea",{staticClass:"md-input",attrs:{disabled:disabled},on:{invalid:onInvalid,valid:onValid,focus:onFocus,blur:onBlur,input:onInput}})},staticRenderFns:[]}},function(module,exports){module.exports={render:function(){with(this)return _h("single-page",{staticClass:"single-page-home",attrs:{label:"Themes - Configuration"}})},staticRenderFns:[]}},function(module,exports){module.exports={render:function(){with(this)return _h("single-page",{attrs:{label:"UI Elements - Typography"}},[_m(0)," ",_m(1)," ",_m(2)," ",_m(3)," ",_m(4)," ",_m(5)," ",_m(6)," ",_m(7)," ",_m(8)," ",_m(9)])},staticRenderFns:[function(){with(this)return _h("div",[_h("div",{staticClass:"column"},[_h("code",[".md-display-4"])])," ",_h("h1",{staticClass:"md-display-4"},["Display 4"])])},function(){with(this)return _h("div",[_h("div",{staticClass:"column"},[_h("code",[".md-display-3"])])," ",_h("h1",{staticClass:"md-display-3"},["Display 3"])])},function(){with(this)return _h("div",[_h("div",{staticClass:"column"},[_h("code",[".md-display-2"])])," ",_h("h1",{staticClass:"md-display-2"},["Display 2"])])},function(){with(this)return _h("div",[_h("div",{staticClass:"column"},[_h("code",[".md-display-1"])])," ",_h("h1",{staticClass:"md-display-1"},["Display 1"])])},function(){with(this)return _h("div",[_h("div",{staticClass:"column"},[_h("code",[".md-headline"])])," ",_h("h1",{staticClass:"md-headline"},["Headline"])])},function(){with(this)return _h("div",[_h("div",{staticClass:"column"},[_h("code",[".md-title"])])," ",_h("h1",{staticClass:"md-title"},["Title"])])},function(){with(this)return _h("div",[_h("div",{staticClass:"column"},[_h("code",[".md-subheading"])])," ",_h("h1",{staticClass:"md-subheading"},["Subheading"])])},function(){with(this)return _h("div",[_h("div",{staticClass:"column"},[_h("code",[".md-body-2"])])," ",_h("h1",{staticClass:"md-body-2"},["Body 2"])])},function(){with(this)return _h("div",[_h("div",{staticClass:"column"},[_h("code",[".md-body-1"])])," ",_h("h1",{staticClass:"md-body-1"},["Body 1"])])},function(){with(this)return _h("div",[_h("div",{staticClass:"column"},[_h("code",[".md-caption"])])," ",_h("h1",{staticClass:"md-caption"},["Caption"])])}]}},function(module,exports){module.exports={render:function(){with(this)return _h("div",{staticClass:"md-list-expand",style:{"margin-bottom":height}},[_t("default")])},staticRenderFns:[]}},function(module,exports){module.exports={render:function(){with(this)return _h("div",{staticClass:"md-checkbox","class":classes},[_h("div",{directives:[{name:"md-ink-ripple",rawName:"v-md-ink-ripple",value:disabled,expression:"disabled"}],staticClass:"md-checkbox-container",on:{click:toggleCheck}},[_h("input",{attrs:{type:"checkbox",name:name,id:id,disabled:disabled},domProps:{value:value}})])," ",$slots["default"]?_h("label",{staticClass:"md-checkbox-label",attrs:{"for":id||name}},[_t("default")]):_e()])},staticRenderFns:[]}},function(module,exports){module.exports={render:function(){with(this)return _h("div",{staticClass:"md-button-group md-button-toggle"},[_t("default")])},staticRenderFns:[]}},function(module,exports){module.exports={render:function(){with(this)return _h("div",{staticClass:"md-select","class":classes,attrs:{tabindex:disabled?null:"0"}},[_h("span",{ref:"value",staticClass:"md-select-value",on:{click:open,keydown:function(t){13===t.keyCode&&(t.preventDefault(),open(t))}}},[_s(value)])," ",_h("div",{ref:"menu",staticClass:"md-select-menu",attrs:{tabindex:"-1"},on:{keydown:[function(t){27===t.keyCode&&(t.preventDefault(),close(t))},function(t){9===t.keyCode&&(t.preventDefault(),close(t))},function(t){38===t.keyCode&&(t.preventDefault(),highlightOption(highlighted-1))},function(t){40===t.keyCode&&(t.preventDefault(),highlightOption(highlighted+1))}]}},[_h("div",{staticClass:"md-select-menu-container"},[_t("default")])])," ",_h("select",{attrs:{name:name,id:id,required:required,tabindex:"-1"}},[_h("option",{domProps:{value:value}},[_s(value)])])])},staticRenderFns:[]}},function(module,exports){module.exports={render:function(){with(this)return _h("demo-page",{attrs:{label:"Components - Radio"}},[_h("div",{slot:"examples"},[_h("demo-example",{attrs:{label:"Default"}},[_h("div",[_h("md-radio",{directives:[{name:"model",rawName:"v-model",value:radio1,expression:"radio1"}],attrs:{id:"my-test1",name:"my-test-group1","md-value":"1"},domProps:{value:radio1},on:{input:function(t){radio1=t}}},["My beautiful radio"])," ",_h("md-radio",{directives:[{name:"model",rawName:"v-model",value:radio1,expression:"radio1"}],attrs:{id:"my-test2",name:"my-test-group1","md-value":"2"},domProps:{value:radio1},on:{input:function(t){radio1=t}}},["Another radio"])," ",_h("md-radio",{directives:[{name:"model",rawName:"v-model",value:radio1,expression:"radio1"}],attrs:{id:"my-test3",name:"my-test-group1","md-value":"3"},domProps:{value:radio1},on:{input:function(t){radio1=t}}},["Another another radio"])])," ",_h("div",[_h("md-radio",{directives:[{name:"model",rawName:"v-model",value:radio2,expression:"radio2"}],staticClass:"md-primary",attrs:{id:"my-test4",name:"my-test-group2","md-value":"1"},domProps:{value:radio2},on:{input:function(t){radio2=t}}},["Primary radio"])," ",_h("md-radio",{directives:[{name:"model",rawName:"v-model",value:radio2,expression:"radio2"}],staticClass:"md-primary",attrs:{id:"my-test5",name:"my-test-group2","md-value":"2"},domProps:{value:radio2},on:{input:function(t){radio2=t}}},["Another primary radio"])," ",_h("md-radio",{directives:[{name:"model",rawName:"v-model",value:radio2,expression:"radio2"}],staticClass:"md-primary",attrs:{id:"my-test6",name:"my-test-group2","md-value":"3"},domProps:{value:radio2},on:{input:function(t){radio2=t}}},["Another another primary radio"])])," ",_h("div",[_h("md-radio",{directives:[{name:"model",rawName:"v-model",value:radio3,expression:"radio3"}],staticClass:"md-warn",attrs:{id:"my-test7",name:"my-test-group3","md-value":"1"},domProps:{value:radio3},on:{input:function(t){radio3=t}}},["Warn radio"])," ",_h("md-radio",{directives:[{name:"model",rawName:"v-model",value:radio3,expression:"radio3"}],staticClass:"md-warn",attrs:{id:"my-test8",name:"my-test-group3","md-value":"2"},domProps:{value:radio3},on:{input:function(t){radio3=t}}},["Another warn radio"])," ",_h("md-radio",{directives:[{name:"model",rawName:"v-model",value:radio3,expression:"radio3"}],staticClass:"md-warn",attrs:{id:"my-test9",name:"my-test-group3","md-value":"3"},domProps:{value:radio3},on:{input:function(t){radio3=t}}},["Another another warn radio"])])," ",_h("div",[_h("md-radio",{directives:[{name:"model",rawName:"v-model",value:radio4,expression:"radio4"}],attrs:{id:"my-test10",name:"my-test-group3","md-value":"1"},domProps:{value:radio4},on:{input:function(t){radio4=t}}},["My beautiful radio"])," ",_h("md-radio",{directives:[{name:"model",rawName:"v-model",value:radio4,expression:"radio4"}],attrs:{id:"my-test11",name:"my-test-group3","md-value":"2",disabled:""},domProps:{value:radio4},on:{input:function(t){radio4=t}}},["Disabled"])," ",_h("md-radio",{directives:[{name:"model",rawName:"v-model",value:radio4,expression:"radio4"}],attrs:{id:"my-test12",name:"my-test-group3","md-value":"3"},domProps:{value:radio4},on:{input:function(t){radio4=t}}},["Another radio"])])])," ",_h("demo-example",{attrs:{label:"Themed"}},[_h("div",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"orange",expression:"'orange'"}]},[_h("md-radio",{directives:[{name:"model",rawName:"v-model",value:radio5,expression:"radio5"}],staticClass:"md-primary",attrs:{id:"my-test13",name:"my-test-group4","md-value":"1"},domProps:{value:radio5},on:{input:function(t){radio5=t}}},["Orange radio"])," ",_h("md-radio",{directives:[{name:"model",rawName:"v-model",value:radio5,expression:"radio5"}],staticClass:"md-primary",attrs:{id:"my-test14",name:"my-test-group4","md-value":"2"},domProps:{value:radio5},on:{input:function(t){radio5=t}}},["Another Orange radio"])," ",_h("md-radio",{directives:[{name:"model",rawName:"v-model",value:radio5,expression:"radio5"}],staticClass:"md-primary",attrs:{id:"my-test15",name:"my-test-group4","md-value":"3"},domProps:{value:radio5},on:{input:function(t){radio5=t}}},["Another another Orange radio"])])," ",_h("div",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"brown",expression:"'brown'"}]},[_h("md-radio",{directives:[{name:"model",rawName:"v-model",value:radio6,expression:"radio6"}],staticClass:"md-primary",attrs:{id:"my-test16",name:"my-test-group4","md-value":"1"},domProps:{value:radio6},on:{input:function(t){radio6=t}}},["Brown radio"])," ",_h("md-radio",{directives:[{name:"model",rawName:"v-model",value:radio6,expression:"radio6"}],staticClass:"md-primary",attrs:{id:"my-test17",name:"my-test-group4","md-value":"2"},domProps:{value:radio6},on:{input:function(t){radio6=t}}},["Another Brown radio"])," ",_h("md-radio",{directives:[{name:"model",rawName:"v-model",value:radio6,expression:"radio6"}],staticClass:"md-primary",attrs:{id:"my-test18",name:"my-test-group4","md-value":"3"},domProps:{value:radio6},on:{input:function(t){radio6=t}}},["Another another Brown radio"])])," ",_h("div",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"green",expression:"'green'"}]},[_h("md-radio",{directives:[{name:"model",rawName:"v-model",value:radio7,expression:"radio7"}],staticClass:"md-primary",attrs:{id:"my-test19",name:"my-test-group6","md-value":"1"},domProps:{value:radio7},on:{input:function(t){radio7=t}}},["Green radio"])," ",_h("md-radio",{directives:[{name:"model",rawName:"v-model",value:radio7,expression:"radio7"}],staticClass:"md-primary",attrs:{id:"my-test20",name:"my-test-group6","md-value":"2"},domProps:{value:radio7},on:{input:function(t){radio7=t}}},["Another Green radio"])," ",_h("md-radio",{directives:[{name:"model",rawName:"v-model",value:radio7,expression:"radio7"}],staticClass:"md-primary",attrs:{id:"my-test21",name:"my-test-group6","md-value":"3"},domProps:{value:radio7},on:{input:function(t){radio7=t}}},["Another another Green radio"])])," ",_h("div",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"teal",expression:"'teal'"}]},[_h("md-radio",{directives:[{name:"model",rawName:"v-model",value:radio8,expression:"radio8"}],staticClass:"md-primary",attrs:{id:"my-test22",name:"my-test-group3","md-value":"1"},domProps:{value:radio8},on:{input:function(t){radio8=t}}},["Teal radio"])," ",_h("md-radio",{directives:[{name:"model",rawName:"v-model",value:radio8,expression:"radio8"}],staticClass:"md-primary",attrs:{id:"my-test23",name:"my-test-group3","md-value":"2",disabled:""},domProps:{value:radio8},on:{input:function(t){radio8=t}}},["Teal disabled radio"])," ",_h("md-radio",{directives:[{name:"model",rawName:"v-model",value:radio8,expression:"radio8"}],staticClass:"md-primary",attrs:{id:"my-test24",name:"my-test-group3","md-value":"3"},domProps:{value:radio8},on:{input:function(t){radio8=t}}},["Another another Teal radio"])])])])," ",_h("div",{slot:"code"},[_h("demo-example",{attrs:{label:"Default"}},[_h("code-block",{attrs:{lang:"xml"}},['\nMy beautiful radio\nAnother radio\nAnother another radio\n\nPrimary radio\nAnother primary radio\nAnother another primary radio\n\nWarn radio\nAnother warn radio\nAnother another warn radio\n\nMy beautiful radio\nDisabled\nAnother radio\n '])])," ",_h("demo-example",{attrs:{label:"Themed"}},[_h("code-block",{attrs:{lang:"xml"}},['\n
\n Orange radio\n Another Orange radio\n Another another Orange radio\n
\n\n
\n Brown radio\n Another Brown radio\n Another another Brown radio\n
\n\n
\n Green radio\n Another Green radio\n Another another Green radio\n
\n\n
\n Teal radio\n Teal disabled radio\n Another another Teal radio\n
\n '])])])," ",_h("div",{slot:"api"})])},staticRenderFns:[]}},function(module,exports){module.exports={render:function(){with(this)return _h("single-page",{staticClass:"single-page-home",attrs:{label:"Error"}},[_h("single-page-banner",{attrs:{label:"Error 404"}})])},staticRenderFns:[]}},function(module,exports){module.exports={render:function(){with(this)return _h("section",{staticClass:"single-page-section"},[_h("h2",{staticClass:"md-headline"},[_h("md-icon",["keyboard_arrow_right"])," "+_s(label)])," ",_t("default")])},staticRenderFns:[]}},function(module,exports){module.exports={render:function(){with(this)return _h("demo-page",{attrs:{label:"Components - Icon"}},[_h("div",{slot:"examples"},[_h("demo-example",{attrs:{label:"Default",size:"2"}},[_h("md-icon",["home"])," ",_h("md-icon",{staticClass:"md-primary"},["home"])," ",_h("md-icon",{staticClass:"md-accent"},["home"])," ",_h("md-icon",{staticClass:"md-warn"},["home"])])," ",_h("demo-example",{attrs:{label:"Themed",size:"2"}},[_h("md-icon",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"light-blue",expression:"'light-blue'"}],staticClass:"md-primary"},["home"])," ",_h("md-icon",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"green",expression:"'green'"}],staticClass:"md-primary"},["home"])," ",_h("md-icon",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"brown",expression:"'brown'"}],staticClass:"md-primary"},["home"])," ",_h("md-icon",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"orange",expression:"'orange'"}],staticClass:"md-primary"},["home"])])])," ",_h("div",{slot:"code"},[_h("demo-example",{attrs:{label:"Default"}},[_h("code-block",{attrs:{lang:"xml"}},['\nhome\nhome\nhome\nhome\n '])])," ",_h("demo-example",{attrs:{label:"Themed"}},[_h("code-block",{attrs:{lang:"xml"}},['\nhome\nhome\nhome\nhome\n '])])])," ",_h("div",{slot:"api"})])},staticRenderFns:[]}},function(module,exports){module.exports={render:function(){with(this)return _h("demo-page",{attrs:{label:"Components - Toolbar"}},[_h("div",{slot:"examples"},[_h("demo-example",{attrs:{label:"Default"}},[_h("md-toolbar",[_h("md-button",{staticClass:"md-icon-button"},[_h("md-icon",["menu"])])," ",_m(0)," ",_h("md-button",{staticClass:"md-icon-button"},[_h("md-icon",["favorite"])])])])," ",_h("demo-example",{attrs:{label:"Dense"}},[_h("md-toolbar",{staticClass:"md-dense"},[_h("md-button",{staticClass:"md-icon-button"},[_h("md-icon",["menu"])])," ",_m(1)," ",_h("md-button",{staticClass:"md-icon-button"},[_h("md-icon",["favorite"])])])])," ",_h("demo-example",{attrs:{label:"Medium"}},[_h("md-toolbar",{staticClass:"md-medium"},[_h("div",{staticClass:"md-toolbar-container"},[_h("md-button",{staticClass:"md-icon-button"},[_h("md-icon",["menu"])])," ",_m(2)," ",_h("md-button",{staticClass:"md-icon-button"},[_h("md-icon",["search"])])," ",_h("md-button",{staticClass:"md-icon-button"},[_h("md-icon",["filter_list"])])])])])," ",_h("demo-example",{attrs:{label:"Large"}},[_h("md-toolbar",{staticClass:"md-large"},[_h("div",{staticClass:"md-toolbar-container"},[_h("md-button",{staticClass:"md-icon-button"},[_h("md-icon",["menu"])])," ",_m(3)," ",_h("md-button",{staticClass:"md-icon-button"},[_h("md-icon",["search"])])," ",_h("md-button",{staticClass:"md-icon-button"},[_h("md-icon",["filter_list"])])])," ",_m(4)])])," ",_h("demo-example",{attrs:{label:"Accent, Warn and Transparent Colors"}},[_h("md-toolbar",{staticClass:"md-accent"},[_h("md-button",{staticClass:"md-icon-button"},[_h("md-icon",["menu"])])," ",_m(5)," ",_h("md-button",{staticClass:"md-icon-button"},[_h("md-icon",["favorite"])])])," ",_h("md-toolbar",{staticClass:"md-warn"},[_h("md-button",{staticClass:"md-icon-button"},[_h("md-icon",["menu"])])," ",_m(6)," ",_h("md-button",["Add"])," ",_h("md-button",["Remove"])])," ",_h("md-toolbar",{staticClass:"md-transparent"},[_h("md-button",{staticClass:"md-icon-button"},[_h("md-icon",["menu"])])," ",_m(7)," ",_h("md-button",{staticClass:"md-raised"},["Add"])," ",_h("md-button",{staticClass:"md-raised md-warn"},["Remove"])])])," ",_h("demo-example",{attrs:{label:"Themed"}},[_h("md-toolbar",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"green",expression:"'green'"}]},[_h("md-button",{staticClass:"md-icon-button"},[_h("md-icon",["menu"])])," ",_m(8)," ",_h("md-button",{staticClass:"md-icon-button"},[_h("md-icon",["favorite"])])])," ",_h("md-toolbar",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"brown",expression:"'brown'"}],staticClass:"md-large"},[_h("div",{staticClass:"md-toolbar-container"},[_h("md-button",{staticClass:"md-icon-button"},[_h("md-icon",["menu"])])," ",_m(9)," ",_h("md-button",{staticClass:"md-icon-button"},[_h("md-icon",["search"])])," ",_h("md-button",{staticClass:"md-icon-button"},[_h("md-icon",["filter_list"])])])," ",_m(10)])," ",_h("md-toolbar",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"orange",expression:"'orange'"}]},[_h("md-button",{staticClass:"md-icon-button"},[_h("md-icon",["menu"])])," ",_m(11)," ",_h("md-button",["Add"])," ",_h("md-button",["Remove"])])," ",_h("md-toolbar",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"blue",expression:"'blue'"}]},[_h("md-button",{staticClass:"md-icon-button"},[_h("md-icon",["menu"])])," ",_m(12)," ",_h("md-button",{staticClass:"md-raised"},["Add"])," ",_h("md-button",{staticClass:"md-raised md-warn"},["Remove"])])])," ",_h("demo-example",{staticClass:"example",attrs:{label:"Complete Example"}},[_h("md-toolbar",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"green",expression:"'green'"}],staticClass:"md-large"},[_h("div",{staticClass:"md-toolbar-container"},[_h("md-button",{staticClass:"md-icon-button"},[_h("md-icon",["menu"])])," ",_m(13)," ",_h("md-button",{staticClass:"md-icon-button"},[_h("md-icon",["search"])])," ",_h("md-button",{staticClass:"md-icon-button"},[_h("md-icon",["filter_list"])])])," ",_h("div",{staticClass:"md-toolbar-container"},[_m(14)," ",_h("md-button",{staticClass:"md-fab md-fab-bottom-right"},[_h("md-icon",["add"])])])])])])," ",_h("div",{slot:"code"},[_m(15)])," ",_h("div",{slot:"api"})])},staticRenderFns:[function(){with(this)return _h("h2",{staticClass:"md-title",attrs:{style:"flex: 1"}},["Vue Material"])},function(){with(this)return _h("h2",{staticClass:"md-title",attrs:{style:"flex: 1"}},["Vue Material"])},function(){with(this)return _h("h2",{staticClass:"md-title",attrs:{style:"flex: 1;"}},["Vue Material"])},function(){with(this)return _h("span",{attrs:{style:"flex: 1;"}})},function(){with(this)return _h("div",{staticClass:"md-toolbar-container"},[_h("h2",{staticClass:"md-title"},["Vue Material"])])},function(){with(this)return _h("h2",{staticClass:"md-title",attrs:{style:"flex: 1"}},["Vue Material"])},function(){with(this)return _h("h2",{staticClass:"md-title",attrs:{style:"flex: 1"}},["Vue Material"])},function(){with(this)return _h("h2",{staticClass:"md-title",attrs:{style:"flex: 1"}},["Vue Material"])},function(){with(this)return _h("h2",{staticClass:"md-title",attrs:{
style:"flex: 1"}},["Vue Material"])},function(){with(this)return _h("span",{attrs:{style:"flex: 1;"}})},function(){with(this)return _h("div",{staticClass:"md-toolbar-container"},[_h("h2",{staticClass:"md-title"},["Vue Material"])])},function(){with(this)return _h("h2",{staticClass:"md-title",attrs:{style:"flex: 1"}},["Vue Material"])},function(){with(this)return _h("h2",{staticClass:"md-title",attrs:{style:"flex: 1"}},["Vue Material"])},function(){with(this)return _h("span",{attrs:{style:"flex: 1;"}})},function(){with(this)return _h("h2",{staticClass:"md-title"},["Vue Material"])},function(){with(this)return _h("h2",["Code"])}]}},function(module,exports){module.exports={render:function(){with(this)return _h("demo-page",{attrs:{label:"Components - Button Toggle"}},[_h("div",{slot:"examples"},[_h("demo-example",{attrs:{label:"Multiple",size:"2"}},[_h("md-button-toggle",{staticClass:"md-button-group"},[_h("md-button",{staticClass:"md-icon-button md-toggle"},[_h("md-icon",["format_bold"])])," ",_h("md-button",{staticClass:"md-icon-button"},[_h("md-icon",["format_italic"])])," ",_h("md-button",{staticClass:"md-icon-button"},[_h("md-icon",["strikethrough_s"])])," ",_h("md-button",{staticClass:"md-icon-button md-toggle"},[_h("md-icon",["title"])])])," ",_h("md-button-toggle",{staticClass:"md-button-group md-primary"},[_h("md-button",{staticClass:"md-icon-button md-toggle"},[_h("md-icon",["format_bold"])])," ",_h("md-button",{staticClass:"md-icon-button md-toggle"},[_h("md-icon",["format_italic"])])," ",_h("md-button",{staticClass:"md-icon-button"},[_h("md-icon",["format_underline"])])," ",_h("md-button",{staticClass:"md-icon-button"},[_h("md-icon",["title"])])])," ",_h("md-button-toggle",{staticClass:"md-button-group md-accent"},[_h("md-button",{staticClass:"md-icon-button md-toggle"},[_h("md-icon",["format_bold"])])," ",_h("md-button",{staticClass:"md-icon-button md-toggle"},[_h("md-icon",["format_italic"])])," ",_h("md-button",{staticClass:"md-icon-button"},[_h("md-icon",["format_underline"])])," ",_h("md-button",{staticClass:"md-icon-button"},[_h("md-icon",["title"])])])," ",_h("md-button-toggle",{staticClass:"md-button-group md-warn"},[_h("md-button",{staticClass:"md-icon-button md-toggle"},[_h("md-icon",["format_bold"])])," ",_h("md-button",{staticClass:"md-icon-button md-toggle"},[_h("md-icon",["format_italic"])])," ",_h("md-button",{staticClass:"md-icon-button"},[_h("md-icon",["strikethrough_s"])])," ",_h("md-button",{staticClass:"md-icon-button"},[_h("md-icon",["title"])])])," ",_h("md-button-toggle",{staticClass:"md-button-group md-primary"},[_h("md-button",{staticClass:"md-icon-button md-toggle"},[_h("md-icon",["format_bold"])])," ",_h("md-button",{staticClass:"md-icon-button md-toggle",attrs:{disabled:""}},[_h("md-icon",["format_italic"])])," ",_h("md-button",{staticClass:"md-icon-button",attrs:{disabled:""}},[_h("md-icon",["strikethrough_s"])])," ",_h("md-button",{staticClass:"md-icon-button"},[_h("md-icon",["title"])])])," ",_h("md-button-toggle",{staticClass:"md-button-group md-primary"},[_h("md-button",{staticClass:"md-toggle"},["Works"])," ",_h("md-button",{staticClass:"md-toggle"},["With"])," ",_h("md-button",["Text"])," ",_h("md-button",["Too"])])])," ",_h("demo-example",{attrs:{label:"Single Selection",size:"2"}},[_h("md-button-toggle",{staticClass:"md-button-group",attrs:{type:"radio"}},[_h("md-button",{staticClass:"md-icon-button"},[_h("md-icon",["format_align_left"])])," ",_h("md-button",{staticClass:"md-icon-button md-toggle"},[_h("md-icon",["format_align_center"])])," ",_h("md-button",{staticClass:"md-icon-button"},[_h("md-icon",["format_align_right"])])," ",_h("md-button",{staticClass:"md-icon-button"},[_h("md-icon",["format_align_justify"])])])," ",_h("md-button-toggle",{staticClass:"md-button-group md-primary",attrs:{type:"radio"}},[_h("md-button",{staticClass:"md-icon-button"},[_h("md-icon",["format_align_left"])])," ",_h("md-button",{staticClass:"md-icon-button md-toggle"},[_h("md-icon",["format_align_center"])])," ",_h("md-button",{staticClass:"md-icon-button"},[_h("md-icon",["format_align_right"])])," ",_h("md-button",{staticClass:"md-icon-button"},[_h("md-icon",["format_align_justify"])])])," ",_h("md-button-toggle",{staticClass:"md-button-group md-accent",attrs:{type:"radio"}},[_h("md-button",{staticClass:"md-icon-button"},[_h("md-icon",["format_align_left"])])," ",_h("md-button",{staticClass:"md-icon-button md-toggle"},[_h("md-icon",["format_align_center"])])," ",_h("md-button",{staticClass:"md-icon-button"},[_h("md-icon",["format_align_right"])])," ",_h("md-button",{staticClass:"md-icon-button"},[_h("md-icon",["format_align_justify"])])])," ",_h("md-button-toggle",{staticClass:"md-button-group md-warn",attrs:{type:"radio"}},[_h("md-button",{staticClass:"md-icon-button"},[_h("md-icon",["format_align_left"])])," ",_h("md-button",{staticClass:"md-icon-button md-toggle"},[_h("md-icon",["format_align_center"])])," ",_h("md-button",{staticClass:"md-icon-button"},[_h("md-icon",["format_align_right"])])," ",_h("md-button",{staticClass:"md-icon-button"},[_h("md-icon",["format_align_justify"])])])," ",_h("md-button-toggle",{staticClass:"md-button-group md-primary",attrs:{type:"radio"}},[_h("md-button",{staticClass:"md-icon-button md-toggle"},[_h("md-icon",["format_align_left"])])," ",_h("md-button",{staticClass:"md-icon-button"},[_h("md-icon",["format_align_center"])])," ",_h("md-button",{staticClass:"md-icon-button"},[_h("md-icon",["format_align_right"])])," ",_h("md-button",{staticClass:"md-icon-button",attrs:{disabled:""}},[_h("md-icon",["format_align_justify"])])])," ",_h("md-button-toggle",{staticClass:"md-button-group md-primary",attrs:{type:"radio"}},[_h("md-button",["Works"])," ",_h("md-button",{staticClass:"md-toggle"},["With"])," ",_h("md-button",["Text"])," ",_h("md-button",["Too"])])])])," ",_h("div",{slot:"code"},[_h("demo-example",{attrs:{label:"Multiple"}},[_h("code-block",{attrs:{lang:"xml"}},['\n\n \n format_bold\n \n\n \n format_italic\n \n\n \n strikethrough_s\n \n\n \n title\n \n\n\n\n \n format_bold\n \n\n \n format_italic\n \n\n \n format_underline\n \n\n \n title\n \n\n\n\n \n format_bold\n \n\n \n format_italic\n \n\n \n format_underline\n \n\n \n title\n \n\n\n\n \n format_bold\n \n\n \n format_italic\n \n\n \n strikethrough_s\n \n\n \n title\n \n\n\n\n \n format_bold\n \n\n \n format_italic\n \n\n \n strikethrough_s\n \n\n \n title\n \n\n\n\n Works\n With\n Text\n Too\n\n '])])," ",_h("demo-example",{attrs:{label:"Single Selection"}},[_h("code-block",{attrs:{lang:"xml"}},['\n\n \n format_align_left\n \n\n \n format_align_center\n \n\n \n format_align_right\n \n\n \n format_align_justify\n \n\n\n\n \n format_align_left\n \n\n \n format_align_center\n \n\n \n format_align_right\n \n\n \n format_align_justify\n \n\n\n\n \n format_align_left\n \n\n \n format_align_center\n \n\n \n format_align_right\n \n\n \n format_align_justify\n \n\n\n\n \n format_align_left\n \n\n \n format_align_center\n \n\n \n format_align_right\n \n\n \n format_align_justify\n \n\n\n\n \n format_align_left\n \n\n \n format_align_center\n \n\n \n format_align_right\n \n\n \n format_align_justify\n \n\n\n\n Works\n With\n Text\n Too\n\n '])])])," ",_h("div",{slot:"api"})])},staticRenderFns:[]}},function(module,exports){module.exports={render:function(){with(this)return _h("demo-page",{attrs:{label:"Components - List"}},[_h("div",{slot:"examples"},[_h("demo-example",{attrs:{label:"Single Line"}},[_h("div",{staticClass:"phone-viewport"},[_h("md-list",[_h("md-list-item",[_h("md-icon",["move_to_inbox"])," ",_m(0)])," ",_h("md-list-item",[_h("md-icon",["send"])," ",_m(1)])," ",_h("md-list-item",[_h("md-icon",["delete"])," ",_m(2)])," ",_h("md-list-item",[_h("md-icon",["error"])," ",_m(3)," ",_h("md-divider",{staticClass:"md-inset"})])," ",_h("md-list-item",[_h("md-avatar",[_m(4)])," ",_m(5)," ",_h("md-button",{staticClass:"md-icon-button md-list-action"},[_h("md-icon",{staticClass:"md-primary"},["chat_bubble"])])])," ",_h("md-list-item",[_h("md-avatar",[_m(6)])," ",_m(7)," ",_h("md-button",{staticClass:"md-icon-button md-list-action"},[_h("md-icon",{staticClass:"md-primary"},["chat_bubble"])])])," ",_h("md-list-item",[_h("md-avatar",[_m(8)])," ",_m(9)," ",_h("md-button",{staticClass:"md-icon-button md-list-action"},[_h("md-icon",["chat_bubble"])])])])])," ",_h("div",{staticClass:"phone-viewport"},[_h("md-list",{staticClass:"md-dense"},[_h("md-list-item",[_h("md-icon",["move_to_inbox"])," ",_m(10)])," ",_h("md-list-item",[_h("md-icon",["send"])," ",_m(11)])," ",_h("md-list-item",[_h("md-icon",["delete"])," ",_m(12)])," ",_h("md-list-item",[_h("md-icon",["error"])," ",_m(13)," ",_h("md-divider",{staticClass:"md-inset"})])," ",_h("md-list-item",[_h("md-avatar",[_m(14)])," ",_m(15)," ",_h("md-button",{staticClass:"md-icon-button md-list-action"},[_h("md-icon",{staticClass:"md-primary"},["chat_bubble"])])])," ",_h("md-list-item",[_h("md-avatar",[_m(16)])," ",_m(17)," ",_h("md-button",{staticClass:"md-icon-button md-list-action"},[_h("md-icon",{staticClass:"md-primary"},["chat_bubble"])])])," ",_h("md-list-item",[_h("md-avatar",[_m(18)])," ",_m(19)," ",_h("md-button",{staticClass:"md-icon-button md-list-action"},[_h("md-icon",["chat_bubble"])])])])])])," ",_h("demo-example",{attrs:{label:"Double Line"}},[_h("div",{staticClass:"phone-viewport"},[_h("md-list",{staticClass:"md-double-line"},[_h("md-list-item",[_h("md-icon",{staticClass:"md-primary"},["phone"])," ",_m(20)," ",_h("md-button",{staticClass:"md-icon-button md-list-action"},[_h("md-icon",["sms"])])])," ",_h("md-list-item",{staticClass:"md-inset"},[_m(21)," ",_h("md-divider",{staticClass:"md-inset"})])," ",_h("md-list-item",[_h("md-icon",{staticClass:"md-primary"},["email"])," ",_m(22)," ",_h("md-button",{staticClass:"md-icon-button md-list-action"},[_h("md-icon",["sms"])])])," ",_h("md-list-item",{staticClass:"md-inset"},[_m(23)])])])," ",_h("div",{staticClass:"phone-viewport"},[_h("md-list",{staticClass:"md-double-line md-dense"},[_h("md-list-item",[_h("md-icon",{staticClass:"md-primary"},["phone"])," ",_m(24)," ",_h("md-button",{staticClass:"md-icon-button md-list-action"},[_h("md-icon",["sms"])])])," ",_h("md-list-item",{staticClass:"md-inset"},[_m(25)," ",_h("md-divider",{staticClass:"md-inset"})])," ",_h("md-list-item",[_h("md-icon",{staticClass:"md-primary"},["email"])," ",_m(26)," ",_h("md-button",{staticClass:"md-icon-button md-list-action"},[_h("md-icon",["sms"])])])," ",_h("md-list-item",{staticClass:"md-inset"},[_m(27)])])])])," ",_h("demo-example",{attrs:{label:"Triple Line"}},[_h("div",{staticClass:"phone-viewport"},[_h("md-list",{staticClass:"custom-list md-triple-line"},[_h("md-list-item",[_h("md-avatar",[_m(28)])," ",_m(29)," ",_h("md-button",{staticClass:"md-icon-button md-list-action"},[_h("md-icon",{staticClass:"md-primary"},["star"])])," ",_h("md-divider",{staticClass:"md-inset"})])," ",_h("md-list-item",[_h("md-avatar",[_m(30)])," ",_m(31)," ",_h("md-button",{staticClass:"md-icon-button md-list-action"},[_h("md-icon",["star_border"])])," ",_h("md-divider",{staticClass:"md-inset"})])," ",_h("md-list-item",[_h("md-avatar",[_m(32)])," ",_m(33)," ",_h("md-button",{staticClass:"md-icon-button md-list-action"},[_h("md-icon",["star_border"])])," ",_h("md-divider",{staticClass:"md-inset"})])," ",_h("md-list-item",[_h("md-avatar",[_m(34)])," ",_m(35)," ",_h("md-button",{staticClass:"md-icon-button md-list-action"},[_h("md-icon",["star_border"])])," ",_h("md-divider",{staticClass:"md-inset"})])])])," ",_h("div",{staticClass:"phone-viewport"},[_h("md-list",{staticClass:"custom-list md-triple-line md-dense"},[_h("md-list-item",[_h("md-avatar",[_m(36)])," ",_m(37)," ",_h("md-button",{staticClass:"md-icon-button md-list-action"},[_h("md-icon",{staticClass:"md-primary"},["star"])])," ",_h("md-divider",{staticClass:"md-inset"})])," ",_h("md-list-item",[_h("md-avatar",[_m(38)])," ",_m(39)," ",_h("md-button",{staticClass:"md-icon-button md-list-action"},[_h("md-icon",["star_border"])])," ",_h("md-divider",{staticClass:"md-inset"})])," ",_h("md-list-item",[_h("md-avatar",[_m(40)])," ",_m(41)," ",_h("md-button",{staticClass:"md-icon-button md-list-action"},[_h("md-icon",["star_border"])])," ",_h("md-divider",{staticClass:"md-inset"})])," ",_h("md-list-item",[_h("md-avatar",[_m(42)])," ",_m(43)," ",_h("md-button",{staticClass:"md-icon-button md-list-action"},[_h("md-icon",["star_border"])])," ",_h("md-divider",{staticClass:"md-inset"})])])])])," ",_h("demo-example",{attrs:{label:"Controls"}},[_h("div",{staticClass:"phone-viewport"},[_h("md-list",[_h("md-list-item",[_h("md-icon",["whatshot"])," ",_m(44)," ",_h("md-list-expand",[_h("md-list",[_h("md-list-item",{staticClass:"md-inset"},["World"])," ",_h("md-list-item",{staticClass:"md-inset"},["Americas"])," ",_h("md-list-item",{staticClass:"md-inset"},["Europe"])])])])," ",_h("md-list-item",[_h("md-icon",["videogame_asset"])," ",_m(45)," ",_h("md-list-expand",[_h("md-list",[_h("md-list-item",{staticClass:"md-inset"},["Console"])," ",_h("md-list-item",{staticClass:"md-inset"},["PC"])," ",_h("md-list-item",{staticClass:"md-inset"},["Phone"])])])])," ",_h("md-list-item",[_h("md-icon",["video_library"])," ",_m(46)," ",_h("md-list-expand",[_h("md-list",[_h("md-list-item",{staticClass:"md-inset"},["Humor"])," ",_h("md-list-item",{staticClass:"md-inset"},["Music"])," ",_h("md-list-item",{staticClass:"md-inset"},["Movies"])," ",_h("md-list-item",{staticClass:"md-inset"},["TV Shows"])])])])," ",_h("md-list-item",[_h("md-icon",["shopping_basket"])," ",_m(47)])])])])," ",_h("demo-example",{attrs:{label:"Complete Example"}},[_h("div",{staticClass:"phone-viewport complete-example"},[_h("md-whiteframe",{attrs:{"md-elevation":"3"}},[_h("md-toolbar",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"light-blue",expression:"'light-blue'"}],staticClass:"md-large"},[_h("div",{staticClass:"md-toolbar-container"},[_h("md-button",{staticClass:"md-icon-button",on:{click:toggleSidenav}},[_h("md-icon",["menu"])])," ",_m(48)," ",_h("md-button",{staticClass:"md-icon-button"},[_h("md-icon",["search"])])," ",_h("md-button",{staticClass:"md-icon-button"},[_h("md-icon",["view_module"])])])," ",_h("div",{staticClass:"md-toolbar-container"},[_m(49)," ",_h("md-button",{staticClass:"md-fab md-mini"},[_h("md-icon",["add"])])])])])," ",_h("md-list",{staticClass:"md-double-line"},[_h("md-subheader",{staticClass:"md-inset"},["Folders"])," ",_h("md-list-item",[_h("md-avatar",{staticClass:"md-avatar-icon"},[_h("md-icon",["folder"])])," ",_m(50)," ",_h("md-button",{staticClass:"md-icon-button md-list-action"},[_h("md-icon",["info"])])])," ",_h("md-list-item",[_h("md-avatar",{staticClass:"md-avatar-icon"},[_h("md-icon",["folder"])])," ",_m(51)," ",_h("md-button",{staticClass:"md-icon-button md-list-action"},[_h("md-icon",["info"])])])," ",_h("md-list-item",[_h("md-avatar",{staticClass:"md-avatar-icon"},[_h("md-icon",["folder"])])," ",_m(52)," ",_h("md-button",{staticClass:"md-icon-button md-list-action"},[_h("md-icon",["info"])])," ",_h("md-divider",{staticClass:"md-inset"})])," ",_h("md-subheader",{staticClass:"md-inset"},["Files"])," ",_h("md-list-item",[_h("md-avatar",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"blue",expression:"'blue'"}],staticClass:"md-avatar-icon md-primary"},[_h("md-icon",["insert_drive_file"])])," ",_m(53)," ",_h("md-button",{staticClass:"md-icon-button md-list-action"},[_h("md-icon",["info"])])])," ",_h("md-list-item",[_h("md-avatar",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"orange",expression:"'orange'"}],staticClass:"md-avatar-icon md-primary"},[_h("md-icon",["collections"])])," ",_m(54)," ",_h("md-button",{staticClass:"md-icon-button md-list-action"},[_h("md-icon",["info"])])])," ",_h("md-list-item",[_h("md-avatar",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"green",expression:"'green'"}],staticClass:"md-avatar-icon md-primary"},[_h("md-icon",["view_list"])])," ",_m(55)," ",_h("md-button",{staticClass:"md-icon-button md-list-action"},[_h("md-icon",["info"])])])," ",_h("md-list-item",[_h("md-avatar",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"orange",expression:"'orange'"}],staticClass:"md-avatar-icon md-primary"},[_h("md-icon",["collections"])])," ",_m(56)," ",_h("md-button",{staticClass:"md-icon-button md-list-action"},[_h("md-icon",["info"])])])])," ",_h("md-sidenav",{ref:"sidebar",staticClass:"md-left"},[_h("md-toolbar",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"blue",expression:"'blue'"}],staticClass:"md-account-header"},[_h("md-list",{staticClass:"md-transparent"},[_h("md-list-item",{staticClass:"md-avatar-list"},[_h("md-avatar",{staticClass:"md-large"},[_m(57)])," ",_m(58)," ",_h("md-avatar",[_m(59)])," ",_h("md-avatar",[_m(60)])])," ",_h("md-list-item",[_m(61)," ",_h("md-button",{staticClass:"md-icon-button md-list-action"},[_h("md-icon",["arrow_drop_down"])])])])])," ",_h("md-list",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"blue",expression:"'blue'"}]},[_h("md-list-item",{staticClass:"md-primary",on:{click:toggleSidenav}},[_h("md-icon",["insert_drive_file"])," ",_m(62)])," ",_h("md-list-item",{on:{click:toggleSidenav}},[_h("md-icon",["people"])," ",_m(63)])," ",_h("md-list-item",{on:{click:toggleSidenav}},[_h("md-icon",["access_time"])," ",_m(64)])," ",_h("md-list-item",{on:{click:toggleSidenav}},[_h("md-icon",["start"])," ",_m(65)])," ",_h("md-list-item",{on:{click:toggleSidenav}},[_h("md-icon",["delete"])," ",_m(66)])])])])])])," ",_h("div",{slot:"code"},[_m(67)])," ",_h("div",{slot:"api"})])},staticRenderFns:[function(){with(this)return _h("span",["Inbox"])},function(){with(this)return _h("span",["Sent Mail"])},function(){with(this)return _h("span",["Trash"])},function(){with(this)return _h("span",["Spam"])},function(){with(this)return _h("img",{attrs:{src:"https://placeimg.com/40/40/people/5",alt:"People"}})},function(){with(this)return _h("span",["Abbey Christansen"])},function(){with(this)return _h("img",{attrs:{src:"https://placeimg.com/40/40/people/1",alt:"People"}})},function(){with(this)return _h("span",["Alex Nelson"])},function(){with(this)return _h("img",{attrs:{src:"https://placeimg.com/40/40/people/6",alt:"People"}})},function(){with(this)return _h("span",["Mary Johnson"])},function(){with(this)return _h("span",["Inbox"])},function(){with(this)return _h("span",["Sent Mail"])},function(){with(this)return _h("span",["Trash"])},function(){with(this)return _h("span",["Spam"])},function(){with(this)return _h("img",{attrs:{src:"https://placeimg.com/40/40/people/5",alt:"People"}})},function(){with(this)return _h("span",["Abbey Christansen"])},function(){with(this)return _h("img",{attrs:{src:"https://placeimg.com/40/40/people/1",alt:"People"}})},function(){with(this)return _h("span",["Alex Nelson"])},function(){with(this)return _h("img",{attrs:{src:"https://placeimg.com/40/40/people/6",alt:"People"}})},function(){with(this)return _h("span",["Mary Johnson"])},function(){with(this)return _h("div",{staticClass:"md-list-text-container"},[_h("span",["(650) 555-1234"])," ",_h("span",["Mobile"])])},function(){with(this)return _h("div",{staticClass:"md-list-text-container"},[_h("span",["(650) 555-1234"])," ",_h("span",["Mobile"])])},function(){with(this)return _h("div",{staticClass:"md-list-text-container"},[_h("span",["aliconnors@example.com"])," ",_h("span",["Personal"])])},function(){with(this)return _h("div",{staticClass:"md-list-text-container"},[_h("span",["ali_connors@example.com"])," ",_h("span",["Work"])])},function(){with(this)return _h("div",{staticClass:"md-list-text-container"},[_h("span",["(650) 555-1234"])," ",_h("span",["Mobile"])])},function(){with(this)return _h("div",{staticClass:"md-list-text-container"},[_h("span",["(650) 555-1234"])," ",_h("span",["Mobile"])])},function(){with(this)return _h("div",{staticClass:"md-list-text-container"},[_h("span",["aliconnors@example.com"])," ",_h("span",["Personal"])])},function(){with(this)return _h("div",{staticClass:"md-list-text-container"},[_h("span",["ali_connors@example.com"])," ",_h("span",["Work"])])},function(){with(this)return _h("img",{attrs:{src:"https://placeimg.com/40/40/people/1",alt:"People"}})},function(){with(this)return _h("div",{staticClass:"md-list-text-container"},[_h("span",["Ali Connors"])," ",_h("span",["Brunch this weekend?"])," ",_h("p",["I'll be in your neighborhood doing errands..."])])},function(){with(this)return _h("img",{attrs:{src:"https://placeimg.com/40/40/people/6",alt:"People"}})},function(){with(this)return _h("div",{staticClass:"md-list-text-container"},[_h("span",["me, Scott, Jennifer"])," ",_h("span",["Summer BBQ"])," ",_h("p",["Wish I could come, but I'm out of town ..."])])},function(){with(this)return _h("img",{attrs:{src:"https://placeimg.com/40/40/people/5",alt:"People"}})},function(){with(this)return _h("div",{staticClass:"md-list-text-container"},[_h("span",["Sandra Adams"])," ",_h("span",["Oui oui"])," ",_h("p",["Do you have Paris recommendations ..."])])},function(){with(this)return _h("img",{attrs:{src:"https://placeimg.com/40/40/people/8",alt:"People"}})},function(){with(this)return _h("div",{staticClass:"md-list-text-container"},[_h("span",["Trevor Hansen"])," ",_h("span",["Order confirmation"])," ",_h("p",["Thank you for your recent order from ..."])])},function(){with(this)return _h("img",{attrs:{src:"https://placeimg.com/40/40/people/1",alt:"People"}})},function(){with(this)return _h("div",{staticClass:"md-list-text-container"},[_h("span",["Ali Connors"])," ",_h("span",["Brunch this weekend?"])," ",_h("p",["I'll be in your neighborhood doing errands..."])])},function(){with(this)return _h("img",{attrs:{src:"https://placeimg.com/40/40/people/6",alt:"People"}})},function(){with(this)return _h("div",{staticClass:"md-list-text-container"},[_h("span",["me, Scott, Jennifer"])," ",_h("span",["Summer BBQ"])," ",_h("p",["Wish I could come, but I'm out of town ..."])])},function(){with(this)return _h("img",{attrs:{src:"https://placeimg.com/40/40/people/5",alt:"People"}})},function(){with(this)return _h("div",{staticClass:"md-list-text-container"},[_h("span",["Sandra Adams"])," ",_h("span",["Oui oui"])," ",_h("p",["Do you have Paris recommendations ..."])])},function(){with(this)return _h("img",{attrs:{src:"https://placeimg.com/40/40/people/8",alt:"People"}})},function(){with(this)return _h("div",{staticClass:"md-list-text-container"},[_h("span",["Trevor Hansen"])," ",_h("span",["Order confirmation"])," ",_h("p",["Thank you for your recent order from ..."])])},function(){with(this)return _h("span",["News"])},function(){with(this)return _h("span",["Games"])},function(){with(this)return _h("span",["Video"])},function(){with(this)return _h("span",["Shop"])},function(){with(this)return _h("span",{attrs:{style:"flex: 1"}})},function(){with(this)return _h("h2",{staticClass:"md-title"},["My Files"])},function(){with(this)return _h("div",{staticClass:"md-list-text-container"},[_h("span",["Photos"])," ",_h("p",["Jan 9, 2014"])])},function(){with(this)return _h("div",{staticClass:"md-list-text-container"},[_h("span",["Recipes"])," ",_h("p",["Jan 17, 2014"])])},function(){with(this)return _h("div",{staticClass:"md-list-text-container"},[_h("span",["Work"])," ",_h("p",["Jan 28, 2014"])])},function(){with(this)return _h("div",{staticClass:"md-list-text-container"},[_h("span",["Vacation Itinerary"])," ",_h("p",["Jan 20, 2014"])])},function(){with(this)return _h("div",{staticClass:"md-list-text-container"},[_h("span",["Kitchen Remodel"])," ",_h("p",["Jan 10, 2014"])])},function(){with(this)return _h("div",{staticClass:"md-list-text-container"},[_h("span",["Grocery Shop"])," ",_h("p",["Jan 10, 2014"])])},function(){with(this)return _h("div",{staticClass:"md-list-text-container"},[_h("span",["Weekend Pictures"])," ",_h("p",["Jan 10, 2014"])])},function(){with(this)return _h("img",{attrs:{src:"https://placeimg.com/64/64/people/8",alt:"People"}})},function(){with(this)return _h("span",{attrs:{style:"flex: 1"}})},function(){with(this)return _h("img",{attrs:{src:"https://placeimg.com/40/40/people/3",alt:"People"}})},function(){with(this)return _h("img",{attrs:{src:"https://placeimg.com/40/40/people/4",alt:"People"}})},function(){with(this)return _h("div",{staticClass:"md-list-text-container"},[_h("span",["John Doe"])," ",_h("span",["johndoe@email.com"])])},function(){with(this)return _h("span",["My files"])},function(){with(this)return _h("span",["Shared with me"])},function(){with(this)return _h("span",["Recent"])},function(){with(this)return _h("span",["Starred"])},function(){with(this)return _h("span",["Trash"])},function(){with(this)return _h("h2",["Code"])}]}},function(module,exports){module.exports={render:function(){with(this)return _h("div",{directives:[{name:"md-theme",rawName:"v-md-theme",value:theme,expression:"theme"}],staticClass:"container"},[_h("md-sidenav",{ref:"main-sidebar",staticClass:"main-sidebar md-left md-fixed"},[_h("md-toolbar",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"white",expression:"'white'"}],staticClass:"vue-material-logo"},[_h("router-link",{attrs:{exact:"",to:"/"}},[_m(0)," ",_m(1)])])," ",_h("div",{staticClass:"main-sidebar-links"},[_h("md-list",{staticClass:"md-dense"},[_h("md-list-item",[_h("router-link",{attrs:{exact:"",to:"/"}},["Introduction"])])," ",_h("md-list-item",[_h("router-link",{attrs:{exact:"",to:"/getting-started"}},["Getting Started"])])," ",_h("md-list-item",[_m(2)," ",_h("md-list-expand",[_h("md-list",[_h("md-list-item",{staticClass:"md-inset"},[_h("router-link",{attrs:{exact:"",to:"/components/avatar"}},["Avatar"])])," ",_h("md-list-item",{staticClass:"md-inset"},[_h("router-link",{attrs:{exact:"",to:"/components/bottom-bar"}},["Bottom Bar"])])," ",_h("md-list-item",{staticClass:"md-inset"},[_h("router-link",{attrs:{exact:"",to:"/components/button"}},["Button"])])," ",_h("md-list-item",{staticClass:"md-inset"},[_h("router-link",{attrs:{exact:"",to:"/components/button-toggle"}},["Button Toggle"])])," ",_h("md-list-item",{staticClass:"md-inset"},[_h("router-link",{attrs:{exact:"",to:"/components/checkbox"}},["Checkbox"])])," ",_h("md-list-item",{staticClass:"md-inset"},[_h("router-link",{attrs:{exact:"",to:"/components/icon"}},["Icon"])])," ",_h("md-list-item",{staticClass:"md-inset"},[_h("router-link",{attrs:{exact:"",to:"/components/input"}},["Input"])])," ",_h("md-list-item",{staticClass:"md-inset"},[_h("router-link",{attrs:{exact:"",to:"/components/list"}},["List"])])," ",_h("md-list-item",{staticClass:"md-inset"},[_h("router-link",{attrs:{exact:"",to:"/components/radio"}},["Radio"])])," ",_h("md-list-item",{staticClass:"md-inset"},[_h("router-link",{attrs:{exact:"",to:"/components/ripple"}},["Ripple"])])," ",_h("md-list-item",{staticClass:"md-inset"},[_h("router-link",{attrs:{exact:"",to:"/components/select"}},["Select"])])," ",_h("md-list-item",{staticClass:"md-inset"},[_h("router-link",{attrs:{exact:"",to:"/components/sidenav"}},["Sidenav"])])," ",_h("md-list-item",{staticClass:"md-inset"},[_h("router-link",{attrs:{exact:"",to:"/components/subheader"}},["Subheader"])])," ",_h("md-list-item",{staticClass:"md-inset"},[_h("router-link",{attrs:{exact:"",to:"/components/switch"}},["Switch"])])," ",_h("md-list-item",{staticClass:"md-inset"},[_h("router-link",{attrs:{exact:"",to:"/components/tabs"}},["Tabs"])])," ",_h("md-list-item",{staticClass:"md-inset"},[_h("router-link",{attrs:{exact:"",to:"/components/toolbar"}},["Toolbar"])])," ",_h("md-list-item",{staticClass:"md-inset"},[_h("router-link",{attrs:{exact:"",to:"/components/tooltip"}},["Tooltip"])])," ",_h("md-list-item",{staticClass:"md-inset"},[_h("router-link",{attrs:{exact:"",to:"/components/whiteframe"}},["Whiteframe"])])])])])," ",_h("md-list-item",[_h("router-link",{attrs:{exact:"",to:"/ui-elements/typography"}},["Typography"])," "])," ",_h("md-list-item",[_m(3)," ",_h("md-list-expand",[_h("md-list",[_h("md-list-item",{
staticClass:"md-inset"},[_h("router-link",{attrs:{exact:"",to:"/themes/configuration"}},["Configuration"])])," ",_h("md-list-item",{staticClass:"md-inset"},[_h("router-link",{attrs:{exact:"",to:"/themes/dynamic-themes"}},["Dynamic Theme"])])])])])," ",_h("md-list-item",[_h("router-link",{attrs:{exact:"",to:"/changelog"}},["Changelog"])])," ",_h("md-list-item",[_h("router-link",{attrs:{exact:"",to:"/about"}},["About"])])])])])," ",_h("transition",{attrs:{name:"md-router"}},[_h("router-view")])])},staticRenderFns:[function(){with(this)return _h("img",{attrs:{src:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAAA3CAYAAAC8TkynAAAHW0lEQVRo3uWae1DUVRTH7y6wLCtjOaiZTA5mo9lkI+n0nLDH2DQ15mCTmU012piNNVNZDTXWICqaD94PReWhGJqgKKIhigbKsg9eC8I+eS3Le3eBhWXZtbyd+1MqHWTv5SGv78z9C5j7u+d8ft9zzv2BntKVZqHKAsxTSpwvlRTzKsVYGHMIi7ZHYdHOmAGX+45o7BUW16psN81GjDLbbYInDx0tcd0W6XQfEezjsS8W80tzMU8tozoLOfMcbZEMZXQanxUoJWZEEwCytHLsmnMOAkDxYLDQ1nC87mL2HtYABMtkG1BQONUeoqBI7HY2jXs2qsOTVSHGMcbGd7nN1jfoglBFPj0FGil2T0jCom3OKRAGR2O3nVG9OQb9YtrDazvNM6eHx9W7UVAm2h6NhVEHgcz8289GlX0x9qu9cfzfDat7e6ZNU8t11K+CRo75ssvYY1c0FgXTUbAsJS2DNgDrsrJDUGAYXfaBRJermZinY8h+ZUFXblfHwruRa63/hJoCsmBDQeoJDj+qVyEoDB8oL/N3dvhL9XW+rjsjewk5ztGP4kjkaaX02Yczftqg3dHv5gurSq8QPKgCQMymLA97hO7nTMjZw7qAmc3dn1jeYrOKBgrAKymp5wgxTg8P5BECCYmESFrjI6RrbdaH+908raPtZQjA39SGqCvErllnwAsoKQgMxd/m5gbc7/Cx5YpVhBRq4wMCadHvy/6uNsPHAyL4dl1lHJMhqguw8EA8lSGSsui5N9ZUbGzxuXffZlu3yCc2odyFtuyFHsD88jyGsifGUPJznBqQzGqZI1BJWlnKosv1LHioKDpDBHPzP5OZcO++P+Rd+5Ha+CD7hDw24xP/9XtH20tULvxNU813bIYow4JjyVSG6AFBQtvDb6XpNH59+xW2Nc+dsjfG5E7hJYQ0dyCOpypgMr539Mo46iakyd4r9NYUltCXRRnmF1/FHntiqAyRFxSBFyf+ltu338r0jESq7BPCgqM44uibHnhFVdLWIqvlMaZOLMoEXRILBVVy6MZS6cvi1jAcq1CsgbK3BO2I4MigQV9w7BhHHIvxbW6u2YwGo+ery0+TlpHaEGEzYWQc1505O4wAfsc7+rBq3sEkmRuFgXLGB4QR0ghxtGXPW1NU0gxEDyoA2RbzIkDIylIWXXIyqecE8s4LoN2dQt3vp3Kk0ff7+TjW1LQCDUUfGTS7meeE+ESqski9SL8PZLH2+y/WlJ9CQ5XaZvWaqpLVEDOhLovSS/DgdHMC1YLewDUnkyOMod+3XrKYn0bDocBW/XrmOeHkcWpDdFr24pM4sljK3lqD5lc0XLLcdPAW6EryWOYEPpkTQujmBKf9PhBFXfbA+B5Sy2q0th4vNJxKaW/1g8jeojbEKpgTLqQPjQJS9oAk1n4/qFW/Do2EltdVJjCVRejWhPsPD84QSdkDgghJLP3+fF3Jn+0OB29EAgBzwlxXpcTENCdc+wMOEzmo7BOCmPp9IPRER5sfGkl92VgVwDwnJCezvQpADCGHrd8X47fqKuPRSEvfaxM9oiksZ5oTiq5gj90xdGWR/A5MloQclktON6XEKLdafNCDUKSxcRVrWXRLP0lFwRRifEAMT8vW73/VVB2AHqSWVpdlMF2fVVzHwggncwIpe0AKv4it339UU1jWYLeJHmgAsixmXwiAjen67HLGwNdnpN8/c5K63+/LfrSpyR+NhlbXq0PY5gQJdj90nzmB9PtACCGFpewBiWfRaKmip3ump0qmZ5oTCrLhwP1cn5F+//I51vt92wWLeTEaTf3SUreReU44kXK3IZJ+/3AiRwhLv7/GoN6HRltmh50/T1uczzQnKHLhY+adOYEjIRq7SLKZrrk8VVJ9ZU/3DDQWlNTe8joJANOccP70bQpI2QMiWPv9LS11n6OxpDdqK44yGaJSzH3U5MqeIpfJ+J7QleR3OBz8MRWA/O7OeTAntDPNCVcygYRTjP2+GCe3t7yGxqK+aKz6mckQVcQTJEzow0R6BI1VwZzgOUMtr6SeE7glpc6+CxAmBtLQWFaIsWE1EwUM2d/YWLUFjQf5VisuUJdFyn4fJtAKAxA2LgKQ0WlaCgFwoGHMfqix4X00nuRfr4oYjleBkORbXXYejTfd6OmeJVJJG6jnhPt/1rZnWkxL0HhUQHPtpqFQQP72Pb0qHI1Xtdrtbj7aYglbWfyv3weCDIqerlloPCvR3PImySQaRPZ/aq7bhCaCXq29kUL9PeFO2XtcVywxOuyuEyIA17s7F/CUBZ2I4bP2kfaW5Wgi6bMG3VYaQySkLCPETDTBv+NOna6RqwcyRJJ9vlLSmdfVMR9NRO1tM6wdiALysw0NukA0kbWoqjS7vzmBkOGllqtrgZQJHYBTHcYXIAA3UT/Z391m+BBNBq3Uq2L//yoQIp6pUlxEk0Ul1i5voVLaTLq9O9dcN9M7jM+hyST458WvuQ4R1gq9MhpNNrU57AJvbZGCXHOV9XTPRpNRUBY/gIvU70fzGf4Bn/0Z5K7f0X0AAAAASUVORK5CYII=",alt:"Vue"}})},function(){with(this)return _h("span",["Vue Material"])},function(){with(this)return _h("span",["Components"])},function(){with(this)return _h("span",["Themes"])}]}},function(module,exports){module.exports={render:function(){with(this)return _h("div",{staticClass:"page-content single-page"},[_h("md-whiteframe",{staticClass:"main-header",attrs:{"md-elevation":"1"}},[_h("md-toolbar",[_h("md-button",{staticClass:"md-icon-button",on:{click:toggleSidenav}},[_h("md-icon",["menu"])])," ",_h("div",{staticClass:"md-title"},[_h("span",{staticClass:"page-title"},[_s(label)])])," ",_h("md-button",{staticClass:"md-icon-button github-button",attrs:{href:"https://github.com/marcosmoura/vue-material",target:"_blank",rel:"noopener"}},[_h("svg",{attrs:{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 1024 1024"}},[_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"}})])])])])," ",_h("div",{staticClass:"single-page-content"},[_t("default")])])},staticRenderFns:[]}},function(module,exports){module.exports={render:function(){with(this)return _h("input",{staticClass:"md-input",attrs:{type:type||"text",disabled:disabled,required:required,placeholder:placeholder,maxlength:maxlength},domProps:{value:value},on:{invalid:onInvalid,valid:onValid,focus:onFocus,blur:onBlur,input:onInput,keydown:[function(t){38===t.keyCode&&onInput(t)},function(t){40===t.keyCode&&onInput(t)}]}})},staticRenderFns:[]}},function(module,exports){module.exports={render:function(){with(this)return _h("span",{staticClass:"md-tooltip","class":classes,style:style},[_t("default")])},staticRenderFns:[]}},function(module,exports){module.exports={render:function(){with(this)return _h("div",{ref:"tab",staticClass:"md-tab",attrs:{id:tabId}},[_t("default")])},staticRenderFns:[]}},function(module,exports){module.exports={render:function(){with(this)return _h("div",{staticClass:"md-whiteframe","class":classes},[_t("default")])},staticRenderFns:[]}},function(module,exports){module.exports={render:function(){with(this)return _h("demo-page",{attrs:{label:"Components - Tabs"}},[_h("div",{slot:"examples",staticClass:"examples"},[_h("demo-example",{attrs:{label:"Default - Grey Theme",size:"3","body-theme":"grey"}},[_h("md-tabs",[_h("md-tab",{attrs:{id:"movies","md-label":"Movies"}},[_m(0)])," ",_h("md-tab",{attrs:{id:"music","md-label":"Music"}},[_m(1)," ",_m(2)])," ",_h("md-tab",{attrs:{id:"books","md-label":"Books"}},[_m(3)])," ",_h("md-tab",{attrs:{id:"pictures","md-label":"Pictures"}},[_m(4)])])])," ",_h("demo-example",{attrs:{label:"Fixed - Accent Color",size:"3"}},[_h("md-tabs",{staticClass:"md-accent",attrs:{"md-fixed":""}},[_h("md-tab",{attrs:{"md-label":"Movies"}},[_m(5)])," ",_h("md-tab",{attrs:{"md-label":"Music"}},[_m(6)," ",_m(7)])," ",_h("md-tab",{attrs:{"md-label":"Books"}},[_m(8)])," ",_h("md-tab",{attrs:{"md-label":"Pictures"}},[_m(9)])])])," ",_h("demo-example",{attrs:{label:"With icons and text - Teal Theme",size:"3","body-theme":"teal"}},[_h("md-tabs",{attrs:{"md-fixed":""}},[_h("md-tab",{attrs:{"md-label":"Movies","md-icon":"ondemand_video"}},[_m(10)])," ",_h("md-tab",{attrs:{"md-label":"Music","md-icon":"music_note"}},[_m(11)," ",_m(12)])," ",_h("md-tab",{attrs:{"md-label":"Books","md-icon":"books"}},[_m(13)])," ",_h("md-tab",{attrs:{"md-label":"Pictures","md-icon":"photo"}},[_m(14)])])])," ",_h("demo-example",{attrs:{label:"Centered with only icon - Transparent Color",size:"3"}},[_h("md-tabs",{staticClass:"md-transparent",attrs:{"md-centered":""}},[_h("md-tab",{attrs:{"md-icon":"phone"}},[_m(15)])," ",_h("md-tab",{attrs:{"md-icon":"favorite"}},[_m(16)," ",_m(17)])," ",_h("md-tab",{attrs:{"md-icon":"near_me"}},[_m(18)])])])," ",_h("demo-example",{attrs:{label:"Fixed with only icon - Default Theme",size:"3"}},[_h("md-tabs",{attrs:{"md-fixed":""}},[_h("md-tab",{attrs:{"md-icon":"phone"}},[_m(19)])," ",_h("md-tab",{attrs:{"md-icon":"favorite"}},[_m(20)," ",_m(21)])," ",_h("md-tab",{attrs:{"md-icon":"near_me"}},[_m(22)])])])," ",_h("demo-example",{attrs:{label:"Playground",size:"3"}},[_h("div",{staticClass:"playground"},[_h("md-subheader",["Tabs Attributes"])," ",_h("md-checkbox",{directives:[{name:"model",rawName:"v-model",value:playground.fixed,expression:"playground.fixed"}],attrs:{id:"fixed"},domProps:{value:playground.fixed},on:{input:function(t){playground.fixed=t}}},["Fixed"])," ",_h("md-checkbox",{directives:[{name:"model",rawName:"v-model",value:playground.centered,expression:"playground.centered"}],attrs:{id:"centered"},domProps:{value:playground.centered},on:{input:function(t){playground.centered=t}}},["Centered"])," ",_h("md-input-container",[_m(23)," ",_h("md-input",{directives:[{name:"model",rawName:"v-model",value:playground.shadow,expression:"playground.shadow"}],attrs:{type:"number",id:"shadow",min:"0",max:"24"},domProps:{value:playground.shadow},on:{input:function(t){playground.shadow=_n(t)}}})])," ",_h("md-subheader",["Theme"])," ",_h("md-radio",{directives:[{name:"model",rawName:"v-model",value:playground.theme,expression:"playground.theme"}],attrs:{id:"theme1",name:"theme","md-value":"default"},domProps:{value:playground.theme},on:{input:function(t){playground.theme=t}}},["Default"])," ",_h("md-radio",{directives:[{name:"model",rawName:"v-model",value:playground.theme,expression:"playground.theme"}],attrs:{id:"theme2",name:"theme","md-value":"green"},domProps:{value:playground.theme},on:{input:function(t){playground.theme=t}}},["Green"])," ",_h("md-radio",{directives:[{name:"model",rawName:"v-model",value:playground.theme,expression:"playground.theme"}],attrs:{id:"theme3",name:"theme","md-value":"cyan"},domProps:{value:playground.theme},on:{input:function(t){playground.theme=t}}},["Cyan"])," ",_h("md-radio",{directives:[{name:"model",rawName:"v-model",value:playground.theme,expression:"playground.theme"}],attrs:{id:"theme4",name:"theme","md-value":"brown"},domProps:{value:playground.theme},on:{input:function(t){playground.theme=t}}},["Brown"])," ",_h("md-subheader",["Colors"])," ",_h("md-radio",{directives:[{name:"model",rawName:"v-model",value:playground.color,expression:"playground.color"}],attrs:{id:"color1",name:"color","md-value":"0"},domProps:{value:playground.color},on:{input:function(t){playground.color=t}}},["Default"])," ",_h("md-radio",{directives:[{name:"model",rawName:"v-model",value:playground.color,expression:"playground.color"}],attrs:{id:"color2",name:"color","md-value":"1"},domProps:{value:playground.color},on:{input:function(t){playground.color=t}}},["Accent"])," ",_h("md-radio",{directives:[{name:"model",rawName:"v-model",value:playground.color,expression:"playground.color"}],attrs:{id:"color3",name:"color","md-value":"2"},domProps:{value:playground.color},on:{input:function(t){playground.color=t}}},["Warn"])," ",_h("md-radio",{directives:[{name:"model",rawName:"v-model",value:playground.color,expression:"playground.color"}],attrs:{id:"color4",name:"color","md-value":"3"},domProps:{value:playground.color},on:{input:function(t){playground.color=t}}},["Transparent"])," ",_h("md-subheader",["Second Tab"])," ",_h("md-checkbox",{directives:[{name:"model",rawName:"v-model",value:playground.tabs[1].disabled,expression:"playground.tabs[1].disabled"}],attrs:{id:"disabled"},domProps:{value:playground.tabs[1].disabled},on:{input:function(t){playground.tabs[1].disabled=t}}},["Disabled"])," ",_h("md-checkbox",{directives:[{name:"model",rawName:"v-model",value:playground.tabs[1].active,expression:"playground.tabs[1].active"}],attrs:{id:"active"},domProps:{value:playground.tabs[1].active},on:{input:function(t){playground.tabs[1].active=t}}},["Active"])])," ",_h("md-tabs",{directives:[{name:"md-theme",rawName:"v-md-theme",value:playground.theme,expression:"playground.theme"}],"class":{"md-accent":"1"===playground.color,"md-warn":"2"===playground.color,"md-transparent":"3"===playground.color},attrs:{"md-fixed":playground.fixed,"md-centered":playground.centered,"md-elevation":playground.shadow}},[_l(playground.tabs,function(t,e){return _h("md-tab",{attrs:{"md-label":t.label,"md-icon":t.icon,"md-disabled":t.disabled,"md-active":t.active}},[_h("md-input-container",[_h("label",{attrs:{"for":"label"+e}},["Label"])," ",_h("md-input",{directives:[{name:"model",rawName:"v-model",value:t.label,expression:"tab.label"}],attrs:{type:"text",id:"label"+e},domProps:{value:t.label},on:{input:function(e){t.label=e}}})])," ",_h("md-input-container",[_h("label",{attrs:{"for":"icon"+e}},["Icon"])," ",_h("md-input",{directives:[{name:"model",rawName:"v-model",value:t.icon,expression:"tab.icon"}],attrs:{type:"text",id:"icon"+e},domProps:{value:t.icon},on:{input:function(e){t.icon=e}}})])])})])])])," ",_h("div",{slot:"code"},[_m(24)," ",_m(25)," ",_m(26)," ",_m(27)," ",_m(28)])," ",_h("div",{slot:"api"},[_m(29)])])},staticRenderFns:[function(){with(this)return _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(){with(this)return _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(){with(this)return _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(){with(this)return _h("p",["Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas."])},function(){with(this)return _h("p",["Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas."])},function(){with(this)return _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(){with(this)return _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(){with(this)return _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(){with(this)return _h("p",["Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas."])},function(){with(this)return _h("p",["Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas."])},function(){with(this)return _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(){with(this)return _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(){with(this)return _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(){with(this)return _h("p",["Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas."])},function(){with(this)return _h("p",["Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas."])},function(){with(this)return _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(){with(this)return _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(){with(this)return _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(){with(this)return _h("p",["Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas."])},function(){with(this)return _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(){with(this)return _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(){with(this)return _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(){with(this)return _h("p",["Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas."])},function(){with(this)return _h("label",{attrs:{"for":"shadow"}},["Shadow"])},function(){with(this)return _h("h2",["Code"])},function(){with(this)return _h("p",["Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sunt debitis magni dolorem praesentium labore velit repudiandae nostrum culpa quod assumenda. Dolores ipsum, explicabo quasi eius architecto esse ratione natus iure."])},function(){with(this)return _h("p",["Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sunt debitis magni dolorem praesentium labore velit repudiandae nostrum culpa quod assumenda. Dolores ipsum, explicabo quasi eius architecto esse ratione natus iure."])},function(){with(this)return _h("p",["Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sunt debitis magni dolorem praesentium labore velit repudiandae nostrum culpa quod assumenda. Dolores ipsum, explicabo quasi eius architecto esse ratione natus iure."])},function(){with(this)return _h("p",["Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sunt debitis magni dolorem praesentium labore velit repudiandae nostrum culpa quod assumenda. Dolores ipsum, explicabo quasi eius architecto esse ratione natus iure."])},function(){with(this)return _h("p",["\n To use Tabs you must wrap all ",_h("code",[""])," in a ",_h("code",[""])," as a direct parent.\n The ",_h("code",[""])," can accept some parameters to modify his styles, like ",_h("code",["md-fixed"])," and ",_h("code",["md-centered"])," for example.\n Each single tab accept a ",_h("code",["md-label"])," and/or ",_h("code",["md-icon"]),". You can set the active tab by setting a parameter ",_h("code",["md-active"]),".\n "])}]}},function(module,exports){module.exports={render:function(){with(this)return _h("div",{staticClass:"code-block"},[_h("pre",[_h("code",{ref:"block","class":lang},[_t("default")])])])},staticRenderFns:[]}},function(module,exports){module.exports={render:function(){with(this)return _h("demo-page",{attrs:{label:"Components - Sidenav"}},[_h("div",{slot:"examples"},[_h("demo-example",{attrs:{label:"Default",size:"2"}},[_h("div",{staticClass:"phone-viewport"},[_h("md-toolbar",[_h("md-button",{staticClass:"md-icon-button",on:{click:toggleLeftSidenav}},[_h("md-icon",["menu"])])," ",_m(0)])," ",_h("div",[_h("md-button",{staticClass:"md-raised md-accent",on:{click:toggleRightSidenav}},["Toggle right"])," ",_m(1)])," ",_h("md-sidenav",{ref:"leftSidenav",staticClass:"md-left",on:{open:function(t){open("Left")},close:function(t){close("Left")}}},[_h("md-toolbar",{staticClass:"md-large"},[_m(2)])," ",_m(3)])," ",_h("md-sidenav",{ref:"rightSidenav",staticClass:"md-right",on:{open:function(t){open("Right")},close:function(t){close("Right")}}},[_h("md-toolbar",[_m(4)])," ",_h("md-button",{staticClass:"md-raised md-accent",on:{click:closeRightSidenav}},["Close"])])])])])," ",_h("div",{slot:"code"},[_h("demo-example",{attrs:{label:"Default"}},[_h("code-block",{attrs:{lang:"xml"}},['\n\n \n menu\n \n\n
My App
\n\n\n
\n Toggle right\n
Open console to see the events
\n
\n\n\n \n
\n
Sidenav content
\n
\n \n\n
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nisi cupiditate esse necessitatibus beatae nobis, deserunt ut est fugit, tempora deleniti, eligendi commodi doloribus. Nemo, assumenda possimus, impedit inventore perferendis iusto!
\n '])])])," ",_h("div",{slot:"api"})])},staticRenderFns:[]}},function(module,exports){module.exports={render:function(){with(this)return _h("demo-page",{attrs:{label:"Components - Avatar"}},[_h("div",{slot:"examples"},[_h("demo-example",{attrs:{label:"Default",size:"2"}},[_h("md-avatar",[_m(0)])," ",_h("md-avatar",{staticClass:"md-avatar-icon"},[_h("md-icon",["home"])])," ",_h("md-avatar",{staticClass:"md-avatar-icon md-primary"},[_h("md-icon",["folder"])])," ",_h("md-avatar",{staticClass:"md-avatar-icon md-accent"},[_h("md-icon",["favorite"])])," ",_h("md-avatar",{staticClass:"md-avatar-icon md-warn"},[_h("md-icon",["notes"])])])," ",_h("demo-example",{attrs:{label:"Large",size:"2"}},[_h("md-avatar",{staticClass:"md-large"},[_m(1)])," ",_h("md-avatar",{staticClass:"md-avatar-icon md-large"},[_h("md-icon",["home"])])," ",_h("md-avatar",{staticClass:"md-avatar-icon md-large md-primary"},[_h("md-icon",["folder"])])," ",_h("md-avatar",{staticClass:"md-avatar-icon md-large md-accent"},[_h("md-icon",["favorite"])])," ",_h("md-avatar",{staticClass:"md-avatar-icon md-large md-warn"},[_h("md-icon",["notes"])])])])," ",_h("div",{slot:"code"},[_h("demo-example",{attrs:{label:"Default"}},[_h("code-block",{attrs:{lang:"xml"}},['\n\n \n\n\n\n home\n\n\n\n folder\n\n\n\n favorite\n\n\n\n notes\n\n '])])," ",_h("demo-example",{attrs:{label:"Large"}},[_h("code-block",{attrs:{lang:"xml"}},['\n\n \n\n\n\n home\n\n\n\n folder\n\n\n\n favorite\n\n\n\n notes\n\n '])])])," ",_h("div",{slot:"api"})])},staticRenderFns:[function(){with(this)return _h("img",{attrs:{src:"//placeimg.com/40/40/people/1",alt:"People"}})},function(){with(this)return _h("img",{attrs:{src:"//placeimg.com/64/64/people/2",alt:"People"}})}]}},function(module,exports){module.exports={render:function(){with(this)return _h("div",{staticClass:"md-switch","class":classes},[_h("div",{staticClass:"md-switch-container",on:{click:toggleSwitch}},[_h("div",{directives:[{name:"md-ink-ripple",rawName:"v-md-ink-ripple",value:disabled,expression:"disabled"}],staticClass:"md-switch-thumb",style:styles},[_h("input",{attrs:{type:"checkbox",name:name,id:id,disabled:disabled},domProps:{value:value}})," ",_m(0)])])," ",$slots["default"]?_h("label",{staticClass:"md-switch-label",attrs:{"for":id||name}},[_t("default")]):_e()])},staticRenderFns:[function(){with(this)return _h("button",{staticClass:"md-switch-holder"})}]}},function(module,exports){module.exports={render:function(){with(this)return _h("single-page",{attrs:{label:"Introduction"}},[_h("div",{staticClass:"button-actions"},[_m(0)," ",_m(1)," ",_h("md-button",{staticClass:"md-primary md-raised",attrs:{href:"#/getting-started"}},["Getting Started"])," ",_h("md-button",{staticClass:"md-primary md-raised",attrs:{href:"https://github.com/marcosmoura/vue-material",target:"_blank",rel:"noopener"}},["Github"])])," ",_m(2)])},staticRenderFns:[function(){with(this)return _h("div",{staticClass:"example"},[_h("img",{attrs:{src:"https://lh6.googleusercontent.com/QTsTXFhpLc6qOCJEI9AFwW78-d2l456z5i-dLkhaMhhoY0EtABhsoMvSiCi0r2cIsmGIj7OWEKlTTPACO5x4FazNPPONVP8ye0EMu0OieX0U9_n18xg_wFiUuFHH0h6Zzg",alt:"Material Design"}})])},function(){with(this)return _h("div",{staticClass:"introduction"},["Build well-crafted apps with Material Design and Vue 2.0"])},function(){with(this)return _h("div",{staticClass:"row"},[_h("div",{staticClass:"column"},[_h("h2",{staticClass:"md-headline"},["Material Design"])," ",_h("p",["Vue Material is lightweight framework built exactly according to the ",_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."])])," ",_h("div",{staticClass:"column"},[_h("h2",{staticClass:"md-headline"},["Full-featured"])," ",_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..."])])," ",_h("div",{staticClass:"column"},[_h("h2",{staticClass:"md-headline"},["Compatible"])," ",_h("p",["It aims to deliver a collection of reusable components and a series of UI Elements to build applications with support to ",_h("a",{attrs:{href:"https://saucelabs.com/u/vuejs",target:"_blank",rel:"noopener"}},["modern Web Browsers"])," through Vue 2.0."])])])}]}},function(module,exports){module.exports={render:function(){with(this)return _h("button",{directives:[{name:"md-ink-ripple",rawName:"v-md-ink-ripple"}],staticClass:"md-bottom-bar-item","class":classes,attrs:{type:"button"},on:{click:setActive}},[_h("md-icon",[_s(mdIcon)])," ",_h("span",{staticClass:"md-text"},[_t("default")])])},staticRenderFns:[]}},function(module,exports){module.exports={render:function(){with(this)return _h("div",{staticClass:"md-input-container","class":classes},[_t("default")," ",enableCounter?_h("span",{staticClass:"md-count"},[_s(inputLength)+" / "+_s(counterLength)]):_e()," ",mdHasPassword?_h("md-button",{staticClass:"md-icon-button md-toggle-password",on:{click:togglePasswordType}},[_h("md-icon",[_s(showPassword?"visibility_off":"visibility")])]):_e()])},staticRenderFns:[]}},function(module,exports){module.exports={render:function(){with(this)return _h("demo-page",{attrs:{label:"Components - Tooltip"}},[_h("div",{slot:"examples"},[_h("demo-example",{attrs:{label:"Default"}},[_h("div",[_h("md-button",{staticClass:"md-icon-button md-raised md-primary"},[_h("md-icon",["folder"])," ",_h("md-tooltip",{attrs:{"md-direction":"top"}},["My tooltip"])])," ",_h("md-avatar",[_m(0)," ",_h("md-tooltip",{attrs:{"md-direction":"bottom"}},["My tooltip"])])])," ",_h("div",[_h("md-button",{staticClass:"md-icon-button md-raised md-warn"},[_h("md-icon",["home"])," ",_h("md-tooltip",{attrs:{"md-direction":"left"}},["My tooltip"])])," ",_h("md-avatar",{staticClass:"md-avatar-icon"},[_h("md-icon",["person"])," ",_h("md-tooltip",{attrs:{"md-direction":"right"}},["My tooltip"])])])])," ",_h("demo-example",{attrs:{label:"Delay - 400ms"}},[_h("div",[_h("md-button",{staticClass:"md-icon-button md-raised md-primary"},[_h("md-icon",["folder"])," ",_h("md-tooltip",{attrs:{"md-delay":"400","md-direction":"top"}},["My tooltip"])])," ",_h("md-avatar",[_m(1)," ",_h("md-tooltip",{attrs:{"md-delay":"400","md-direction":"bottom"}},["My tooltip"])])])," ",_h("div",[_h("md-button",{staticClass:"md-icon-button md-raised md-warn"},[_h("md-icon",["home"])," ",_h("md-tooltip",{attrs:{"md-delay":"400","md-direction":"left"}},["My tooltip"])])," ",_h("md-avatar",{staticClass:"md-avatar-icon"},[_h("md-icon",["person"])," ",_h("md-tooltip",{attrs:{"md-delay":"400","md-direction":"right"}},["My tooltip"])])])])])," ",_h("div",{slot:"code"},[_h("demo-example",{attrs:{label:"Default"}},[_h("code-block",{attrs:{lang:"xml"}},['\n\n folder\n My tooltip\n\n\n\n \n My tooltip\n\n\n\n home\n My tooltip\n\n\n\n person\n My tooltip\n\n '])])," ",_h("demo-example",{attrs:{label:"Delay - 400ms"}},[_h("code-block",{attrs:{lang:"xml"}},['\n\n folder\n My tooltip\n\n\n\n \n My tooltip\n\n\n\n home\n My tooltip\n\n\n\n person\n My tooltip\n\n '])])])," ",_h("div",{slot:"api"})])},staticRenderFns:[function(){with(this)return _h("img",{attrs:{src:"https://placeimg.com/40/40/people/1",alt:"People"}})},function(){with(this)return _h("img",{attrs:{src:"https://placeimg.com/40/40/people/1",alt:"People"}})}]}},function(module,exports){module.exports={render:function(){with(this)return _h("single-page",{staticClass:"single-page-home",attrs:{label:"Changelog"}},[_h("single-page-banner",{attrs:{label:"Changelog"}})])},staticRenderFns:[]}},function(module,exports){module.exports={render:function(){with(this)return _h("div",{staticClass:"md-option-group"},[_h("span",{staticClass:"md-option-group-label"},[_s(label)])," ",_t("default")])},staticRenderFns:[]}},function(module,exports){module.exports={render:function(){with(this)return _h("div",{staticClass:"md-toolbar"},[_t("default")])},staticRenderFns:[]}},function(module,exports){module.exports={render:function(){with(this)return _h("div",{directives:[{name:"md-ink-ripple",rawName:"v-md-ink-ripple"}],staticClass:"md-option","class":classes,attrs:{tabindex:"-1"},on:{click:selectOption,mouseenter:setHighlight,keydown:function(t){13===t.keyCode&&selectOption(t)}}},[_h("span",[_t("default")])])},staticRenderFns:[]}},function(module,exports){module.exports={render:function(){with(this)return _h("div",{staticClass:"md-tabs","class":tabClasses},[_h("md-whiteframe",{attrs:{"md-elevation":elevation||0}},[_h("div",{staticClass:"md-tabs-navigation"},[_l(tabs,function(t){return _h("button",{directives:[{name:"md-ink-ripple",rawName:"v-md-ink-ripple",value:t.disabled,expression:"header.disabled"}],key:t.id,ref:"tabHeader",refInFor:!0,staticClass:"md-tab-header","class":getHeaderClass(t),attrs:{type:"button",disabled:t.disabled},on:{click:function(e){changeTab(t.id)}}},[t.icon?_h("md-icon",[_s(t.icon)]):_e()," ",t.label?_h("span",[_s(t.label)]):_e()])})," ",_h("span",{ref:"indicator",staticClass:"md-tab-indicator","class":indicatorClass})])])," ",_h("div",{ref:"tabContent",staticClass:"md-tabs-content"},[_h("div",{ref:"tabWrapper",staticClass:"md-tabs-wrapper"},[_t("default")])])])},staticRenderFns:[]}},function(module,exports){module.exports={render:function(){with(this)return _h("demo-page",{attrs:{label:"Components - Bottom Bar"}},[_h("div",{slot:"examples"},[_h("demo-example",{attrs:{label:"Default"}},[_h("div",{staticClass:"phone-viewport"},[_h("md-bottom-bar",[_h("md-bottom-bar-item",{attrs:{"md-icon":"history"}},["Recents"])," ",_h("md-bottom-bar-item",{attrs:{"md-icon":"favorite","md-active":""}},["Favorites"])," ",_h("md-bottom-bar-item",{attrs:{"md-icon":"near_me"}},["Nearby"])])])])," ",_h("demo-example",{attrs:{label:"Shifting"}},[_h("div",{staticClass:"phone-viewport"},[_h("md-bottom-bar",{attrs:{"md-shift":""}},[_h("md-bottom-bar-item",{attrs:{"md-icon":"ondemand_video"}},["Movies"])," ",_h("md-bottom-bar-item",{attrs:{"md-icon":"music_note"}},["Music"])," ",_h("md-bottom-bar-item",{attrs:{"md-icon":"books","md-active":""}},["Books"])," ",_h("md-bottom-bar-item",{attrs:{"md-icon":"photo"}},["Pictures"])])])," ",_h("div",{staticClass:"phone-viewport"},[_h("md-bottom-bar",{staticClass:"md-accent",attrs:{"md-shift":""}},[_h("md-bottom-bar-item",{attrs:{"md-icon":"ondemand_video"}},["Movies"])," ",_h("md-bottom-bar-item",{attrs:{"md-icon":"music_note"}},["Music"])," ",_h("md-bottom-bar-item",{attrs:{"md-icon":"books","md-active":""}},["Books"])," ",_h("md-bottom-bar-item",{attrs:{"md-icon":"photo"}},["Pictures"])])])," ",_h("div",{staticClass:"phone-viewport"},[_h("md-bottom-bar",{staticClass:"md-warn",attrs:{"md-shift":""}},[_h("md-bottom-bar-item",{attrs:{"md-icon":"ondemand_video"}},["Movies"])," ",_h("md-bottom-bar-item",{attrs:{"md-icon":"music_note"}},["Music"])," ",_h("md-bottom-bar-item",{attrs:{"md-icon":"books","md-active":""}},["Books"])," ",_h("md-bottom-bar-item",{attrs:{"md-icon":"photo"}},["Pictures"])])])," ",_h("div",{staticClass:"phone-viewport"},[_h("md-bottom-bar",{staticClass:"md-transparent",attrs:{"md-shift":""}},[_h("md-bottom-bar-item",{attrs:{"md-icon":"ondemand_video"}},["Movies"])," ",_h("md-bottom-bar-item",{attrs:{"md-icon":"music_note"}},["Music"])," ",_h("md-bottom-bar-item",{attrs:{"md-icon":"books","md-active":""}},["Books"])," ",_h("md-bottom-bar-item",{attrs:{"md-icon":"photo"}},["Pictures"])])])])," ",_h("demo-example",{attrs:{label:"Themed"}},[_h("div",{staticClass:"phone-viewport"},[_h("md-bottom-bar",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"indigo",expression:"'indigo'"}]},[_h("md-bottom-bar-item",{attrs:{"md-icon":"history"}},["Recents"])," ",_h("md-bottom-bar-item",{attrs:{"md-icon":"favorite","md-active":""}},["Favorites"])," ",_h("md-bottom-bar-item",{attrs:{"md-icon":"near_me"}},["Nearby"])])])," ",_h("div",{staticClass:"phone-viewport"},[_h("md-bottom-bar",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"orange",expression:"'orange'"}]},[_h("md-bottom-bar-item",{attrs:{"md-icon":"history"}},["Recents"])," ",_h("md-bottom-bar-item",{attrs:{"md-icon":"favorite","md-active":""}},["Favorites"])," ",_h("md-bottom-bar-item",{attrs:{"md-icon":"near_me"}},["Nearby"])])])," ",_h("div",{staticClass:"phone-viewport"},[_h("md-bottom-bar",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"green",expression:"'green'"}],attrs:{"md-shift":""}},[_h("md-bottom-bar-item",{attrs:{"md-icon":"ondemand_video"}},["Movies"])," ",_h("md-bottom-bar-item",{attrs:{"md-icon":"music_note"}},["Music"])," ",_h("md-bottom-bar-item",{attrs:{"md-icon":"books","md-active":""}},["Books"])," ",_h("md-bottom-bar-item",{attrs:{"md-icon":"photo"}},["Pictures"])])])," ",_h("div",{staticClass:"phone-viewport"},[_h("md-bottom-bar",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"brown",expression:"'brown'"}],attrs:{"md-shift":""}},[_h("md-bottom-bar-item",{attrs:{"md-icon":"ondemand_video"}},["Movies"])," ",_h("md-bottom-bar-item",{attrs:{"md-icon":"music_note"}},["Music"])," ",_h("md-bottom-bar-item",{attrs:{"md-icon":"books","md-active":""}},["Books"])," ",_h("md-bottom-bar-item",{attrs:{"md-icon":"photo"}},["Pictures"])])])])," ",_h("demo-example",{attrs:{label:"Dynamic Theme"}},[_h("div",{staticClass:"phone-viewport"},[_h("md-bottom-bar",{directives:[{name:"md-theme",rawName:"v-md-theme",value:playground.theme,expression:"playground.theme"}],attrs:{"md-shift":""}},[_h("md-bottom-bar-item",{attrs:{"md-icon":"ondemand_video"},on:{click:function(t){setTheme("blue")}}},["Movies"])," ",_h("md-bottom-bar-item",{attrs:{"md-icon":"music_note"},on:{click:function(t){setTheme("teal")}}},["Music"])," ",_h("md-bottom-bar-item",{attrs:{"md-icon":"books","md-active":""},on:{click:function(t){setTheme("brown")}}},["Books"])," ",_h("md-bottom-bar-item",{attrs:{"md-icon":"photo"},on:{click:function(t){setTheme("indigo")}}},["Pictures"])])])])])," ",_h("div",{slot:"code"},[_h("demo-example",{attrs:{label:"Default"}},[_h("code-block",{attrs:{lang:"xml"}},['\n\n Recents\n Favorites\n Nearby\n\n '])])," ",_h("demo-example",{attrs:{label:"Shifting"}},[_h("code-block",{attrs:{lang:"xml"}},['\n\n Movies\n Music\n Books\n Pictures\n\n '])," ",_h("code-block",{attrs:{lang:"xml"}},['\n\n Movies\n Music\n Books\n Pictures\n\n '])," ",_h("code-block",{attrs:{lang:"xml"}},['\n\n Movies\n Music\n Books\n Pictures\n\n '])," ",_h("code-block",{attrs:{lang:"xml"}},['\n\n Movies\n Music\n Books\n Pictures\n\n '])])," ",_h("demo-example",{attrs:{label:"Themed"}},[_h("code-block",{attrs:{lang:"xml"}},['\n\n Recents\n Favorites\n Nearby\n\n '])," ",_h("code-block",{attrs:{lang:"xml"}},['\n\n Recents\n Favorites\n Nearby\n\n '])," ",_h("code-block",{attrs:{lang:"xml"}},['\n\n Movies\n Music\n Books\n Pictures\n\n '])," ",_h("code-block",{attrs:{lang:"xml"}},['\n\n Movies\n Music\n Books\n Pictures\n\n '])])," ",_h("demo-example",{attrs:{label:"Dynamic Theme"}},[_h("code-block",{attrs:{lang:"xml"}},['\n\n Movies\n Music\n Books\n Pictures\n\n '])," ",_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 "])])])," ",_h("div",{slot:"api"})])},staticRenderFns:[]}},function(module,exports){module.exports={render:function(){with(this)return _h("demo-page",{attrs:{label:"Components - Checkbox"}},[_h("div",{slot:"examples"},[_h("demo-example",{attrs:{label:"Default"}},[_h("md-checkbox",{directives:[{name:"model",rawName:"v-model",value:checkbox,expression:"checkbox"}],attrs:{id:"my-test1",name:"my-test1"},domProps:{value:checkbox},on:{input:function(t){checkbox=t}}},["Regular Checkbox"])," ",_h("md-checkbox",{directives:[{name:"model",rawName:"v-model",value:checkbox,expression:"checkbox"}],staticClass:"md-primary",attrs:{id:"my-test2",name:"my-test2"},domProps:{value:checkbox},on:{input:function(t){checkbox=t}}},["Primary Color"])," ",_h("md-checkbox",{directives:[{name:"model",rawName:"v-model",value:checkbox,expression:"checkbox"}],staticClass:"md-warn",attrs:{id:"my-test3",name:"my-test3"},domProps:{value:checkbox},on:{input:function(t){checkbox=t}}},["Warn Color"])," ",_h("md-checkbox",{directives:[{name:"model",rawName:"v-model",value:checkbox,expression:"checkbox"}],attrs:{id:"my-test4",name:"my-test4",disabled:""},domProps:{value:checkbox},on:{input:function(t){checkbox=t}}},["Disabled"])])," ",_h("demo-example",{attrs:{label:"Themed"}},[_h("div",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"orange",expression:"'orange'"}],staticClass:"themed"},[_h("md-checkbox",{directives:[{name:"model",rawName:"v-model",value:checkbox2,expression:"checkbox2"}],staticClass:"md-primary",attrs:{id:"my-test5",name:"my-test5"},domProps:{value:checkbox2},on:{input:function(t){checkbox2=t}}},["Primary Orange"])])," ",_h("div",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"green",expression:"'green'"}],staticClass:"themed"},[_h("md-checkbox",{directives:[{name:"model",rawName:"v-model",value:checkbox2,expression:"checkbox2"}],staticClass:"md-primary",attrs:{id:"my-test6",name:"my-test6"},domProps:{value:checkbox2},on:{input:function(t){checkbox2=t}}},["Primary Green"])])," ",_h("div",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"light-blue",expression:"'light-blue'"}],staticClass:"themed"},[_h("md-checkbox",{directives:[{name:"model",rawName:"v-model",value:checkbox2,expression:"checkbox2"}],staticClass:"md-primary",attrs:{id:"my-test7",name:"my-test7"},domProps:{value:checkbox2},on:{input:function(t){checkbox2=t}}},["Primary Light Blue"])])," ",_h("div",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"indigo",expression:"'indigo'"}],staticClass:"themed"},[_h("md-checkbox",{directives:[{name:"model",rawName:"v-model",value:checkbox2,expression:"checkbox2"}],staticClass:"md-primary",attrs:{id:"my-test8",name:"my-test8"},domProps:{value:checkbox2},on:{input:function(t){checkbox2=t}}},["Primary Indigo"])])," ",_h("div",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"brown",expression:"'brown'"}],staticClass:"themed"},[_h("md-checkbox",{directives:[{name:"model",rawName:"v-model",value:checkbox2,expression:"checkbox2"}],staticClass:"md-primary",attrs:{id:"my-test9",name:"my-test9",disabled:""},domProps:{value:checkbox2},on:{input:function(t){checkbox2=t}}},["Primary Brown Disabled"])])])])," ",_h("div",{slot:"code"},[_h("demo-example",{attrs:{label:"Default"}},[_h("code-block",{attrs:{lang:"xml"}},['\nRegular Checkbox\nPrimary Color\nWarn Color\nDisabled\n '])])," ",_h("demo-example",{attrs:{label:"Themed"}},[_h("code-block",{attrs:{lang:"xml"}},['\n
\n Primary Orange\n
\n\n
\n Primary Green\n
\n\n
\n Primary Light Blue\n
\n\n
\n Primary Indigo\n
\n\n
\n Primary Brown Disabled\n
\n '])])])," ",_h("div",{slot:"api"})])},staticRenderFns:[]}},function(module,exports){module.exports={render:function(){with(this)return _h("demo-page",{attrs:{label:"Components - Whiteframe"}},[_h("div",{slot:"examples",staticClass:"whiteframe-list"},[_h("demo-example",{attrs:{label:"Default"}},[_h("md-whiteframe",{attrs:{"md-elevation":"1"}},["1dp"])," ",_h("md-whiteframe",{attrs:{"md-elevation":"2"}},["2dp"])," ",_h("md-whiteframe",{attrs:{"md-elevation":"3"}},["3dp"])," ",_h("md-whiteframe",{attrs:{"md-elevation":"4"}},["4dp"])," ",_h("md-whiteframe",{attrs:{"md-elevation":"5"}},["5dp"])," ",_h("md-whiteframe",{attrs:{"md-elevation":"6"}},["6dp"])," ",_h("md-whiteframe",{attrs:{"md-elevation":"7"}},["7dp"])," ",_h("md-whiteframe",{attrs:{"md-elevation":"8"}},["8dp"])," ",_h("md-whiteframe",{attrs:{"md-elevation":"9"}},["9dp"])," ",_h("md-whiteframe",{attrs:{"md-elevation":"10"}},["10dp"])," ",_h("md-whiteframe",{attrs:{"md-elevation":"11"}},["11dp"])," ",_h("md-whiteframe",{attrs:{"md-elevation":"12"}},["12dp"])," ",_h("md-whiteframe",{attrs:{"md-elevation":"13"}},["13dp"])," ",_h("md-whiteframe",{attrs:{"md-elevation":"14"}},["14dp"])," ",_h("md-whiteframe",{attrs:{"md-elevation":"15"}},["15dp"])," ",_h("md-whiteframe",{attrs:{"md-elevation":"16"}},["16dp"])," ",_h("md-whiteframe",{attrs:{"md-elevation":"17"}},["17dp"])," ",_h("md-whiteframe",{attrs:{"md-elevation":"18"}},["18dp"])," ",_h("md-whiteframe",{attrs:{"md-elevation":"19"}},["19dp"])," ",_h("md-whiteframe",{attrs:{"md-elevation":"20"}},["20dp"])," ",_h("md-whiteframe",{attrs:{"md-elevation":"21"}},["21dp"])," ",_h("md-whiteframe",{attrs:{"md-elevation":"22"}},["22dp"])," ",_h("md-whiteframe",{attrs:{"md-elevation":"23"}},["23dp"])," ",_h("md-whiteframe",{attrs:{"md-elevation":"24"}},["24dp"])])])," ",_h("div",{slot:"code"},[_h("demo-example",{attrs:{label:"Default"}},[_h("code-block",{attrs:{lang:"xml"}},['\n1dp\n2dp\n3dp\n4dp\n5dp\n6dp\n7dp\n8dp\n9dp\n10dp\n11dp\n12dp\n13dp\n14dp\n15dp\n16dp\n17dp\n18dp\n19dp\n20dp\n21dp\n22dp\n23dp\n24dp\n '])])])," ",_h("div",{
slot:"api"})])},staticRenderFns:[]}},function(module,exports){module.exports={render:function(){with(this)return _h("single-page",{staticClass:"single-page-home",attrs:{label:"Getting Started"}},[_h("single-page-banner",{attrs:{label:"Getting Started"}})," ",_h("single-page-section",{attrs:{label:"Installation"}},[_m(0)," ",_m(1)," ",_h("code-block",{attrs:{lang:"javascript"}},["\nimport Vue from 'vue';\nimport VueMaterial from 'vue-material';\n\n// OR\n\nvar Vue = require('vue');\nvar VueMaterial = require('vue-material');\n "])," ",_m(2)," ",_m(3)," ",_h("code-block",{attrs:{lang:"xml"}},['\n\n\n '])])," ",_h("single-page-section",{attrs:{label:"Usage"}},[_m(4)," ",_h("code-block",{attrs:{lang:"javascript"}},["\nVue.use(VueMaterial);\n\n// OR\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 "])])," ",_h("single-page-section",{attrs:{label:"Apply theme"}},[_m(5)," ",_h("code-block",{attrs:{lang:"javascript"}},["\nVue.material.theme.register('default', {\n primary: 'cyan',\n accent: 'pink'\n});\n "])," ",_m(6)," ",_h("code-block",{attrs:{lang:"javascript"}},["\nVue.material.theme.registerAll({\n default: {\n primary: 'cyan',\n accent: 'pink'\n },\n phone: {\n primary: 'indigo',\n accent: 'pink'\n }\n});\n "])," ",_m(7)," ",_h("code-block",{attrs:{lang:"xml"}},["\n\n\n "])])])},staticRenderFns:[function(){with(this)return _h("p",["\n - Install Vue Material through npm or yarn: ",_h("br")," ",_h("code",["npm install vue-material"]),_h("br")," ",_h("code",["yarn add vue-material"])])},function(){with(this)return _h("p",["- Import or require Vue and Vue Material in your code:"])},function(){with(this)return _h("small",["* Others package managers like JSPM and Bower are not supported yet."])},function(){with(this)return _h("p",["Or ",_h("a",{attrs:{href:"https://github.com/marcosmoura/vue-material/archive/master.zip",target:"_blank",rel:"noopener"}},["download"])," from Github and reference the script and the stylesheet in your HTML:"])},function(){with(this)return _h("p",["Enable Vue Material in your application using ",_h("code",["Vue.use()"]),". You can always enable individual components:"])},function(){with(this)return _h("p",["To get Vue Material working properly, you'll need to configure and apply a default theme."])},function(){with(this)return _h("p",["Or you can register multiple themes at once."])},function(){with(this)return _h("p",["Apply your theme using ",_h("code",["v-md-theme"])," directive:"])}]}},,,function(t,e,n){var a=n(68);"string"==typeof a&&(a=[[t.id,a,""]]);n(250)(a,{});a.locals&&(t.exports=a.locals)}]);