vue-material/dist/docs/docs.67bbbec7.js

webpackJsonp([1,0],[function(t,e,n){"use strict";function a(t){return t&&t.__esModule?t:{"default":t}}var i=n(2),o=a(i),d=n(250),m=a(d),s=n(1),r=a(s),l=n(113),c=a(l),u=n(114),h=a(u),p=n(112),b=a(p);n(4);var f=n(5),_=a(f),v=n(132),g=a(v),y=n(138),x=a(y),E=n(136),C=a(E),w=n(137),M=a(w),A=n(135),k=a(A),T=n(134),N=a(T),R=n(133),O=a(R);r["default"].registerLanguage("scss",c["default"]),r["default"].registerLanguage("xml",h["default"]),r["default"].registerLanguage("javascript",b["default"]),o["default"].component("single-page",x["default"]),o["default"].component("single-page-banner",C["default"]),o["default"].component("single-page-section",M["default"]),o["default"].component("demo-page",k["default"]),o["default"].component("demo-example",N["default"]),o["default"].component("code-block",O["default"]),o["default"].use(m["default"]);var P=new m["default"]({hashbang:!1,routes:_["default"]}),H=o["default"].component("app",g["default"]),L=function(t){t.name.indexOf("introduction")>=0?H.theme="blue":t.name.indexOf("components")>=0?H.theme="indigo":t.name.indexOf("themes")>=0?H.theme="teal":t.name.indexOf("ui-elements")>=0?H.theme="blue-grey":t.name.indexOf("changelog")>=0?H.theme="orange":t.name.indexOf("about")>=0?H.theme="green":H.theme="default"};H=new H({el:"#app",router:P}),L(P.currentRoute),P.afterEach(function(t){var e=document.querySelector(".main-content");e&&(e.scrollTop=0),H.closeSidenav(),L(t)})},,,,function(t,e,n){"use strict";function a(t){return t&&t.__esModule?t:{"default":t}}var i=n(2),o=a(i),d=n(29),m=a(d);o["default"].use(m["default"]),o["default"].material.theme.registerAll({"default":{primary:"cyan",accent:"pink"},indigo:{primary:"indigo",accent:"pink"},brown:{primary:"brown",accent:"green"},purple:{primary:"purple",accent:"blue"},orange:{primary:"orange",accent:"green"},blue:{primary:"blue",accent:"pink"},green:{primary:"green",accent:"pink"},"light-blue":{primary:"light-blue",accent:{color:"cyan",hue:"A200"}},teal:{primary:"teal",accent:"orange"},"blue-grey":{primary:"blue-grey",accent:"blue"},cyan:{primary:"cyan",accent:"pink"},white:{primary:"white",accent:"indigo"},grey:{primary:{color:"grey",hue:300},accent:"indigo"}})},function(t,e,n){"use strict";function a(t){return t&&t.__esModule?t:{"default":t}}Object.defineProperty(e,"__esModule",{value:!0});var i=n(143),o=a(i),d=n(142),m=a(d),s=n(139),r=a(s),l=n(140),c=a(l),u=n(141),h=a(u),p=n(144),b=a(p),f=n(145),_=a(f),v=n(147),g=a(v),y=n(146),x=a(y),E=n(148),C=a(E),w=n(149),M=a(w),A=n(150),k=a(A),T=n(151),N=a(T),R=n(152),O=a(R),P=n(153),H=a(P),L=n(154),S=a(L),I=n(155),D=a(I),F=n(156),B=a(F),j=n(157),$=a(j),q=n(158),W=a(q),V=n(159),G=a(V),Y=n(160),z=a(Y),U=n(161),J=a(U),K=n(165),Q=a(K),X=n(164),Z=a(X),tt=n(162),et=a(tt),nt=n(163),at=a(nt),it=[{path:"/",name:"introduction",component:o["default"]},{path:"/getting-started",name:"getting-started",component:m["default"]},{path:"/about",name:"about",component:r["default"]},{path:"/changelog",name:"changelog",component:c["default"]}],ot=[{path:"/components",name:"components",redirect:"/components/avatar"},{path:"/components/avatar",name:"components:avatar",component:b["default"]},{path:"/components/bottom-bar",name:"components:bottom-bar",component:_["default"]},{path:"/components/button",name:"components:button",component:g["default"]},{path:"/components/button-toggle",name:"components:button-toggle",component:x["default"]},{path:"/components/checkbox",name:"components:checkbox",component:C["default"]},{path:"/components/icon",name:"components:icon",component:M["default"]},{path:"/components/input",name:"components:input",component:k["default"]},{path:"/components/list",name:"components:list",component:N["default"]},{path:"/components/radio",name:"components:radio",component:O["default"]},{path:"/components/ripple",name:"components:ripple",component:H["default"]},{path:"/components/select",name:"components:select",component:S["default"]},{path:"/components/sidenav",name:"components:sidenav",component:D["default"]},{path:"/components/switch",name:"components:switch",component:$["default"]},{path:"/components/subhea
on:{click:function(){e.$emit("click")}}},r=function(e){return t("div",{staticClass:a},e)},l=function(){return i[0].data.staticClass=n+" "+a,i[0].data.directives=[{name:"md-ink-ripple"}],t("li",s,i)},c=function(){i.some(function(t,e){if(t.componentOptions&&"md-list-expand"===t.componentOptions.tag)return d=t,m=e,!0})},u=function(){return t("md-icon",{staticClass:"md-list-expand-indicator"},"keyboard_arrow_down")},h=function(t){t.$children.some(function(t){t.$el.classList.contains("md-list-expand")&&t.calculatePadding()})},p=function(t){var e=void 0;t.$parent.$children.some(function(t){var n=t.$el.classList;if(n.contains("md-list-item-expand")&&n.contains("md-active"))return e=t,n.remove("md-active"),h(t),!0}),e&&t.$el===e.$el||t.$el.classList.add("md-active")},b=function(){return i.splice(m,1),i.push(u()),t("button",{staticClass:n,on:{click:function(){p(e),e.$emit("click")}},directives:[{name:"md-ink-ripple"}]},[r(i)])},f=function(){return s.staticClass+=" md-list-item-expand",t("li",s,[b(),d])};if(o&&"router-link"===o.tag)return l();if(c(),d)return f();var _=t("md-button",{staticClass:n,attrs:{target:this.target,href:this.href}},[r(i)]);return this.target&&(_.data.attrs.rel="noopener"),t("li",s,[_])}}},function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e["default"]={props:{name:String,value:[String,Boolean,Number],mdValue:{type:[String,Boolean,Number],required:!0},id:String,disabled:Boolean},computed:{classes:function(){return{"md-checked":this.value&&this.mdValue.toString()===this.value.toString(),"md-disabled":this.disabled}}},methods:{toggleCheck:function(){this.disabled||(this.$emit("change",this.mdValue),this.$emit("input",this.mdValue))}}}},function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e["default"]={props:["label"]}},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),n(70),e["default"]={props:{value:[String,Boolean,Number]},data:function(){return{index:0}},computed:{classes:function(){return{"md-highlighted":this.hasHighlight()}}},watch:{classes:function(){this.hasHighlight()&&(this.$el.focus(),this.$el.scrollIntoViewIfNeeded(!1))}},methods:{setHighlight:function(){this.$parent.highlightOption(this.index)},hasHighlight:function(){return this.index===this.$parent.highlighted},selectOption:function(){this.hasHighlight()&&(this.$parent.$el.classList.contains("md-select")?this.$parent.selectOption(this.value):this.$parent.$parent.selectOption(this.value))}},mounted:function(){var t=this.$parent.$el.classList;if(!t.contains("md-select"))throw this.$destroy(),new Error("You should wrap the md-option in a md-select");this.$parent.optionsAmount++,this.index=this.$parent.optionsAmount}}},function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e["default"]={props:{name:String,required:Boolean,value:[String,Number,Boolean],id:String,disabled:Boolean},data:function(){return{active:!1,highlighted:!1,optionsAmount:0}},computed:{classes:function(){return{"md-disabled":this.disabled,"md-active":this.active}}},methods:{open:function(){this.active=!0,document.addEventListener("click",this.closeOnOffClick),this.$refs.menu.focus()},close:function(){this.active&&(this.$refs.menu.blur(),this.active=!1,document.removeEventListener("click",this.closeOnOffClick),this.$refs.value.focus())},closeOnOffClick:function(t){this.$el.contains(t.target)||this.close()},highlightOption:function(t){t>=1&&t<=this.optionsAmount?this.highlighted=t:this.highlighted=1},selectOption:function(t){this.close(),this.$parent.setValue(t),this.$emit("change",t),this.$emit("input",t)}},mounted:function(){if(!this.$parent.$el.classList.contains("md-input-container"))throw this.$destroy(),new Error("You should wrap the md-select in a md-input-container");this.$parent.setValue(this.value),this.$parent.hasSelect=!0},beforeDestroy:function(){this.$parent.setValue(null),this.$parent.hasSelect=!1,document.removeEventListener("click",this.closeOnOffClick)}}},function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e["default"]={data:function(){return{mdV
},function(t,e){t.exports=".THEME_NAME .md-tabs .md-tabs-navigation,.THEME_NAME.md-tabs .md-tabs-navigation{background-color:PRIMARY-COLOR}.THEME_NAME .md-tabs .md-tab-header,.THEME_NAME.md-tabs .md-tab-header{color:PRIMARY-CONTRAST-0.54}.THEME_NAME .md-tabs .md-tab-header.md-active,.THEME_NAME .md-tabs .md-tab-header:focus,.THEME_NAME.md-tabs .md-tab-header.md-active,.THEME_NAME.md-tabs .md-tab-header:focus{color:PRIMARY-CONTRAST-0.99999}.THEME_NAME .md-tabs .md-tab-header.md-disabled,.THEME_NAME.md-tabs .md-tab-header.md-disabled{color:PRIMARY-CONTRAST-0.26}.THEME_NAME .md-tabs .md-tab-indicator,.THEME_NAME.md-tabs .md-tab-indicator{background-color:ACCENT-COLOR}.THEME_NAME .md-tabs.md-accent .md-tabs-navigation,.THEME_NAME.md-tabs.md-accent .md-tabs-navigation{background-color:ACCENT-COLOR}.THEME_NAME .md-tabs.md-accent .md-tab-header,.THEME_NAME.md-tabs.md-accent .md-tab-header{color:ACCENT-CONTRAST-0.54}.THEME_NAME .md-tabs.md-accent .md-tab-header.md-active,.THEME_NAME .md-tabs.md-accent .md-tab-header:focus,.THEME_NAME.md-tabs.md-accent .md-tab-header.md-active,.THEME_NAME.md-tabs.md-accent .md-tab-header:focus{color:ACCENT-CONTRAST-0.99999}.THEME_NAME .md-tabs.md-accent .md-tab-header.md-disabled,.THEME_NAME.md-tabs.md-accent .md-tab-header.md-disabled{color:ACCENT-CONTRAST-0.26}.THEME_NAME .md-tabs.md-accent .md-tab-indicator,.THEME_NAME.md-tabs.md-accent .md-tab-indicator{background-color:BACKGROUND-COLOR}.THEME_NAME .md-tabs.md-warn .md-tabs-navigation,.THEME_NAME.md-tabs.md-warn .md-tabs-navigation{background-color:WARN-COLOR}.THEME_NAME .md-tabs.md-warn .md-tab-header,.THEME_NAME.md-tabs.md-warn .md-tab-header{color:WARN-CONTRAST-0.54}.THEME_NAME .md-tabs.md-warn .md-tab-header.md-active,.THEME_NAME .md-tabs.md-warn .md-tab-header:focus,.THEME_NAME.md-tabs.md-warn .md-tab-header.md-active,.THEME_NAME.md-tabs.md-warn .md-tab-header:focus{color:WARN-CONTRAST-0.99999}.THEME_NAME .md-tabs.md-warn .md-tab-header.md-disabled,.THEME_NAME.md-tabs.md-warn .md-tab-header.md-disabled{color:WARN-CONTRAST-0.26}.THEME_NAME .md-tabs.md-warn .md-tab-indicator,.THEME_NAME.md-tabs.md-warn .md-tab-indicator{background-color:BACKGROUND-COLOR}.THEME_NAME .md-tabs.md-transparent .md-tabs-navigation,.THEME_NAME.md-tabs.md-transparent .md-tabs-navigation{background-color:transparent}.THEME_NAME .md-tabs.md-transparent .md-tab-header,.THEME_NAME.md-tabs.md-transparent .md-tab-header{color:BACKGROUND-CONTRAST-0.54}.THEME_NAME .md-tabs.md-transparent .md-tab-header.md-active,.THEME_NAME .md-tabs.md-transparent .md-tab-header:focus,.THEME_NAME.md-tabs.md-transparent .md-tab-header.md-active,.THEME_NAME.md-tabs.md-transparent .md-tab-header:focus{color:PRIMARY-COLOR}.THEME_NAME .md-tabs.md-transparent .md-tab-header.md-disabled,.THEME_NAME.md-tabs.md-transparent .md-tab-header.md-disabled{color:BACKGROUND-CONTRAST-0.26}.THEME_NAME .md-tabs.md-transparent .md-tab-indicator,.THEME_NAME.md-tabs.md-transparent .md-tab-indicator{background-color:PRIMARY-COLOR}\n"},function(t,e){t.exports=".THEME_NAME .md-toolbar,.THEME_NAME.md-toolbar{background-color:PRIMARY-COLOR;color:PRIMARY-CONTRAST}.THEME_NAME .md-toolbar.md-accent,.THEME_NAME.md-toolbar.md-accent{background-color:ACCENT-COLOR;color:ACCENT-CONTRAST}.THEME_NAME .md-toolbar.md-warn,.THEME_NAME.md-toolbar.md-warn{background-color:WARN-COLOR;color:WARN-CONTRAST}.THEME_NAME .md-toolbar.md-transparent,.THEME_NAME.md-toolbar.md-transparent{background-color:transparent;color:BACKGROUND-CONTRAST}\n"},function(t,e){t.exports=".THEME_NAME :not(input):not(textarea)::selection{background:ACCENT-COLOR;color:ACCENT-CONTRAST}.THEME_NAME a:not(.md-button){color:ACCENT-COLOR}.THEME_NAME a:not(.md-button):hover{color:ACCENT-COLOR-800}body.THEME_NAME{background-color:BACKGROUND-COLOR-50;color:BACKGROUND-CONTRAST-0.87}.THEME_NAME .md-caption,.THEME_NAME .md-display-1,.THEME_NAME .md-display-2,.THEME_NAME .md-display-3,.THEME_NAME .md-display-4{color:BACKGROUND-CONTRAST-0.57}.THEME_NAME code:not(.hljs){background-color:ACCENT-COLOR-A100-0.2;color:ACCENT-COLOR-800}\n"},,function(t,e,n){var a,i;n(91),a=n(30)
attrs:{label:"Single Selection"}},[_h("code-block",{attrs:{lang:"xml"}},['\n<md-button-toggle type="radio" class="md-button-group">\n  <md-button class="md-icon-button">\n    <md-icon>format_align_left</md-icon>\n  </md-button>\n\n  <md-button class="md-icon-button md-toggle">\n    <md-icon>format_align_center</md-icon>\n  </md-button>\n\n  <md-button class="md-icon-button">\n    <md-icon>format_align_right</md-icon>\n  </md-button>\n\n  <md-button class="md-icon-button">\n    <md-icon>format_align_justify</md-icon>\n  </md-button>\n</md-button-toggle>\n\n<md-button-toggle type="radio" class="md-button-group md-primary">\n  <md-button class="md-icon-button">\n    <md-icon>format_align_left</md-icon>\n  </md-button>\n\n  <md-button class="md-icon-button md-toggle">\n    <md-icon>format_align_center</md-icon>\n  </md-button>\n\n  <md-button class="md-icon-button">\n    <md-icon>format_align_right</md-icon>\n  </md-button>\n\n  <md-button class="md-icon-button">\n    <md-icon>format_align_justify</md-icon>\n  </md-button>\n</md-button-toggle>\n\n<md-button-toggle type="radio" class="md-button-group md-accent">\n  <md-button class="md-icon-button">\n    <md-icon>format_align_left</md-icon>\n  </md-button>\n\n  <md-button class="md-icon-button md-toggle">\n    <md-icon>format_align_center</md-icon>\n  </md-button>\n\n  <md-button class="md-icon-button">\n    <md-icon>format_align_right</md-icon>\n  </md-button>\n\n  <md-button class="md-icon-button">\n    <md-icon>format_align_justify</md-icon>\n  </md-button>\n</md-button-toggle>\n\n<md-button-toggle type="radio" class="md-button-group md-warn">\n  <md-button class="md-icon-button">\n    <md-icon>format_align_left</md-icon>\n  </md-button>\n\n  <md-button class="md-icon-button md-toggle">\n    <md-icon>format_align_center</md-icon>\n  </md-button>\n\n  <md-button class="md-icon-button">\n    <md-icon>format_align_right</md-icon>\n  </md-button>\n\n  <md-button class="md-icon-button">\n    <md-icon>format_align_justify</md-icon>\n  </md-button>\n</md-button-toggle>\n\n<md-button-toggle type="radio" class="md-button-group md-primary">\n  <md-button class="md-icon-button md-toggle">\n    <md-icon>format_align_left</md-icon>\n  </md-button>\n\n  <md-button class="md-icon-button">\n    <md-icon>format_align_center</md-icon>\n  </md-button>\n\n  <md-button class="md-icon-button">\n    <md-icon>format_align_right</md-icon>\n  </md-button>\n\n  <md-button class="md-icon-button" disabled>\n    <md-icon>format_align_justify</md-icon>\n  </md-button>\n</md-button-toggle>\n\n<md-button-toggle type="radio" class="md-button-group md-primary">\n  <md-button>Works</md-button>\n  <md-button class="md-toggle">With</md-button>\n  <md-button>Text</md-button>\n  <md-button>Too</md-button>\n</md-button-toggle>\n        '])])])," ",_h("div",{slot:"api"})])},staticRenderFns:[]}},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("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"
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",{d
}},["\nexport default {\n  data() {\n    return {\n      initialValue: 'My initial value'\n    };\n  }\n};\n        "])])," ",_h("demo-example",{attrs:{label:"Password"}},[_h("code-block",{attrs:{lang:"xml"}},['\n<form novalidate @submit.stop.prevent="submit">\n  <md-input-container>\n    <label>Regular Password</label>\n    <md-input type="password"></md-input>\n  </md-input-container>\n\n  <md-input-container md-has-password>\n    <label>Password Reveal</label>\n    <md-input type="password"></md-input>\n  </md-input-container>\n</form>\n        '])])," ",_h("demo-example",{attrs:{label:"Required and Errors"}},[_h("code-block",{attrs:{lang:"xml"}},['\n<form novalidate @submit.stop.prevent="submit">\n  <md-input-container>\n    <label>Required</label>\n    <md-input required></md-input>\n  </md-input-container>\n\n  <md-input-container class="md-input-invalid">\n    <label>Error</label>\n    <md-input required></md-input>\n  </md-input-container>\n\n  <md-input-container class="md-input-invalid">\n    <label>Error with message</label>\n    <md-input required></md-input>\n\n    <span class="md-error">Validation message</span>\n  </md-input-container>\n\n  <md-input-container class="md-input-invalid">\n    <label>Textarea with error</label>\n    <md-textarea></md-textarea>\n\n    <span class="md-error">Textarea validation message</span>\n  </md-input-container>\n</form>\n        '])])," ",_h("demo-example",{attrs:{label:"Character counter"}},[_h("code-block",{attrs:{lang:"xml"}},['\n<form novalidate @submit.stop.prevent="submit">\n  <md-input-container>\n    <label>Textarea</label>\n    <md-textarea maxlength="70"></md-textarea>\n  </md-input-container>\n\n  <md-input-container>\n    <label>Input</label>\n    <md-input maxlength="20"></md-input>\n  </md-input-container>\n</form>\n        '])])," ",_h("demo-example",{attrs:{label:"Themed",size:"4"}},[_h("code-block",{attrs:{lang:"xml"}},['\n<form novalidate @submit.stop.prevent="submit">\n  <md-input-container v-md-theme="\'green\'">\n    <label>Themable - Input</label>\n    <md-input></md-input>\n  </md-input-container>\n\n  <md-input-container v-md-theme="\'brown\'">\n    <label>Themable - Textarea</label>\n    <md-textarea></md-textarea>\n  </md-input-container>\n</form>\n        '])])])," ",_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(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("demo-page",{attrs:{label:"Components - Checkbox"}},[_h("div",{slot:"examples"},[_h("demo-example",{attrs:{label:"Default"}},[_h("md-checkbox",{direc
},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(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("demo-page",{attrs:{label:"Components - Select"}},[_h("div",{slot:"examples"},[_h("demo-example",{attrs:{label:"Default",height:"350"}},[_h("div",{staticClass:"field-group"},[_h("md-input-container",[_m(0)," ",_h("md-select",{directives:[{name:"model",rawName:"v-model",value:movie,expression:"movie"}],attrs:{name:"movie",id:"movie"},domProps:{value:movie},on:{input:function(t){movie=t}}},[_h("md-option",{attrs:{value:"Fight Club"}},["Fight Club"])," ",_h("md-option",{attrs:{value:"Godfather II"}},["Godfather II"])," ",_h("md-option",{attrs:{value:"Godfather III"}},["Godfather III"])," ",_h("md-option",{attrs:{value:"Godfather"}},["Godfather"])," ",_h("md-option",{attrs:{value:"Godfellas"}},["Godfellas"])," ",_h("md-option",{attrs:{value:"Pulp Fiction"}},["Pulp Fiction"])," ",_h("md-option",{attrs:{value:"Scarface"}},["Scarface"])])])," ",_h("md-input-container",[_m(1)," ",_h("md-select",{directives:[{name:"model",rawName:"v-model",value:country,expression:"country"}],attrs:{name:"country",id:"country"},domProps:{value:country},on:{input:function(t){country=t}}},[_h("md-option",{attrs:{value:"Australia"}},["Australia"])," ",_h("md-option",{attrs:{value:"Brazil"}},["Brazil"])," ",_h("md-option",{attrs:{value:"Japan"}},["Japan"])," ",_h("md-option",{attrs:{value:"United States"}},["United States"])])])," ",_h("md-input-container",[_m(2)," ",_h("md-select",{directives:[{name:"model",rawName:"v-model",value:font,expression:"font"}],attrs:{name:"font",id:"font"},domProps:{value:font},on:{input:function(t){fon
attrs:{lang:"scss"}},["\n.complete-example {\n  display: flex;\n  flex-flow: column;\n  position: relative;\n  overflow: hidden;\n  z-index: 1;\n\n  .md-fab {\n    margin: 0;\n    position: absolute;\n    bottom: -20px;\n    left: 16px;\n    box-shadow: $material-shadow-5dp;\n  }\n\n  .md-toolbar {\n    .md-icon {\n      color: #014e70;\n    }\n  }\n\n  .md-title {\n    color: #fff;\n  }\n\n  .md-list {\n    overflow: auto;\n  }\n\n  .md-list-action .md-icon {\n    color: rgba(#000, .26);\n  }\n\n  .md-avatar-icon .md-icon {\n    color: #fff !important;\n  }\n\n  .md-sidenav .md-list-text-container > :nth-child(2) {\n    color: rgba(#fff, .54);\n  }\n\n  .md-account-header {\n    .md-list-item:hover .md-button:hover {\n      background-color: inherit;\n    }\n\n    .md-avatar-list .md-list-item-container:hover {\n      background: none !important;\n    }\n  }\n}\n        "])," ",_h("code-block",{attrs:{lang:"javascript"}},["\nexport default {\n  methods: {\n    toggleSidenav() {\n      this.$refs.sidebar.toggle();\n    }\n  }\n};\n        "])])])," ",_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-co
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(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("i",{staticClass:"md-icon material-icons"},[_t("default")])},staticRenderFns:[]}},,,function(t,e,n){var a=n(68);"string"==typeof a&&(a=[[t.id,a,""]]);n(251)(a,{});a.locals&&(t.exports=a.locals)}]);