Hopiu/vue-material
1
0
Fork 0
mirror of https://github.com/Hopiu/vue-material.git synced 2026-05-24 23:03:45 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions
vue-material/dist/docs/docs.4fc3d924.js

7 lines
191 KiB
JavaScript
Raw Normal View History

Release new build
2016-10-13 22:14:15 +00:00
webpackJsonp([1,0],[function(t,e,a){"use strict";function i(t){return t&&t.__esModule?t:{"default":t}}var n=a(2),o=i(n),d=a(248),s=i(d),r=a(1),m=i(r),c=a(111),l=i(c),u=a(112),h=i(u),p=a(110),f=i(p);a(4);var _=a(5),b=i(_),v=a(130),g=i(v),E=a(136),C=i(E),M=a(134),y=i(M),x=a(135),w=i(x),A=a(133),N=i(A),T=a(132),k=i(T),R=a(131),O=i(R);m["default"].registerLanguage("scss",l["default"]),m["default"].registerLanguage("xml",h["default"]),m["default"].registerLanguage("javascript",f["default"]),o["default"].component("single-page",C["default"]),o["default"].component("single-page-banner",y["default"]),o["default"].component("single-page-section",w["default"]),o["default"].component("demo-page",N["default"]),o["default"].component("demo-example",k["default"]),o["default"].component("code-block",O["default"]),o["default"].use(s["default"]);var H=new s["default"]({hashbang:!1,routes:b["default"]}),P=o["default"].component("app",g["default"]),L=function(t){t.name.indexOf("introduction")>=0?P.theme="blue":t.name.indexOf("components")>=0?P.theme="indigo":t.name.indexOf("themes")>=0?P.theme="teal":t.name.indexOf("ui-elements")>=0?P.theme="dark-pink":t.name.indexOf("changelog")>=0?P.theme="orange":t.name.indexOf("about")>=0?P.theme="green":P.theme="default"};P=new P({el:"#app",router:H}),L(H.currentRoute),H.afterEach(function(t){var e=document.querySelector(".main-content");e&&(e.scrollTop=0),P.closeSidenav(),L(t)})},,,,function(t,e,a){"use strict";function i(t){return t&&t.__esModule?t:{"default":t}}var n=a(2),o=i(n),d=a(29),s=i(d);o["default"].use(s["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:"purple"},"light-blue":{primary:"light-blue",accent:{color:"cyan",hue:"A200"}},teal:{primary:"teal",accent:"orange"},"dark-pink":{primary:{color:"pink",hue:800},accent:"orange"},cyan:{primary:"cyan",accent:"pink"},white:{primary:"white",accent:"indigo"},grey:{primary:{color:"grey",hue:300},accent:"indigo"}})},function(t,e,a){"use strict";function i(t){return t&&t.__esModule?t:{"default":t}}Object.defineProperty(e,"__esModule",{value:!0});var n=a(141),o=i(n),d=a(140),s=i(d),r=a(137),m=i(r),c=a(138),l=i(c),u=a(139),h=i(u),p=a(142),f=i(p),_=a(143),b=i(_),v=a(145),g=i(v),E=a(144),C=i(E),M=a(146),y=i(M),x=a(147),w=i(x),A=a(148),N=i(A),T=a(149),k=i(T),R=a(150),O=i(R),H=a(151),P=i(H),L=a(152),F=i(L),S=a(153),I=i(S),D=a(154),j=i(D),B=a(155),$=i(B),q=a(156),W=i(q),V=a(157),G=i(V),Y=a(158),U=i(Y),z=a(159),K=i(z),J=a(163),Q=i(J),X=a(162),Z=i(X),tt=a(160),et=i(tt),at=a(161),it=i(at),nt=[{path:"/",name:"introduction",component:o["default"]},{path:"/getting-started",name:"getting-started",component:s["default"]},{path:"/about",name:"about",component:m["default"]},{path:"/changelog",name:"changelog",component:l["default"]}],ot=[{path:"/components",name:"components",redirect:"/components/avatar"},{path:"/components/avatar",name:"components:avatar",component:f["default"]},{path:"/components/bottom-bar",name:"components:bottom-bar",component:b["default"]},{path:"/components/button",name:"components:button",component:g["default"]},{path:"/components/button-toggle",name:"components:button-toggle",component:C["default"]},{path:"/components/checkbox",name:"components:checkbox",component:y["default"]},{path:"/components/icon",name:"components:icon",component:w["default"]},{path:"/components/input",name:"components:input",component:N["default"]},{path:"/components/list",name:"components:list",component:k["default"]},{path:"/components/radio",name:"components:radio",component:O["default"]},{path:"/components/ripple",name:"components:ripple",component:P["default"]},{path:"/components/select",name:"components:select",component:F["default"]},{path:"/components/sidenav",name:"components:sidenav",component:I["default"]},{path:"/components/switch",name:"components:switch",component:$["default"]},{path:"/co
var e=this,a="md-button md-list-item-container",i=this.$slots["default"],n=i[0].componentOptions,o=void 0,d=void 0,s={staticClass:"md-list-item",on:{click:function(){e.$emit("click")}}},r=function(){return i[0].data.staticClass=a,i[0].data.directives=[{name:"md-ink-ripple"}],t("li",s,i)},m=function(){i.some(function(t,e){if(t.componentOptions&&"md-list-expand"===t.componentOptions.tag)return o=t,d=e,!0})},c=function(){return t("md-icon",{staticClass:"md-list-expand-indicator"},"keyboard_arrow_down")},l=function(t){t.$children.some(function(t){t.$el.classList.contains("md-list-expand")&&t.calculatePadding()})},u=function(t){var e=void 0;t.$parent.$children.some(function(t){var a=t.$el.classList;if(a.contains("md-list-item-expand")&&a.contains("md-active"))return e=t,a.remove("md-active"),l(t),!0}),e&&t.$el===e.$el||t.$el.classList.add("md-active")},h=function(){return i.splice(d,1),i.push(c()),t("div",{staticClass:a,on:{click:function(){u(e),e.$emit("click")}},directives:[{name:"md-ink-ripple"}]},i)},p=function(){return s.staticClass+=" md-list-item-expand",t("li",s,[h(),o])};if(n&&"router-link"===n.tag)return r();if(m(),o)return p();var f=t("md-button",{staticClass:a,attrs:{target:this.target,href:this.href}},i);return this.target&&(f.data.attrs.rel="noopener"),t("li",s,[f])}}},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,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),a(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.defin
},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,a){var i,n;a(86),i=a(30)
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",{staticClass:"single-page-home",attrs:{label:"UI Elements - Typography"}})},staticRenderFns:[]}},function(module,exports){module.exports={render:function(){with(this)return _h("div",{staticClass:"md-list-expand",style:{"margin-bottom":height}},[_t("defa
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(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"},[_m(5)])," ",_h("div",{slot:"api"})])},staticRenderFns:[function(){with(this)return _h("h2",{staticClass:"md-title"},["My App"])},function(){with(this)return _h("p",["Open console to see the events"])},function(){with(this)return _h("div",{staticClass:"md-toolbar-container"},[_h("h3",{staticClass:"md-title"},["Sidenav content"])])},function(){with(this)return _h("p",["Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nisi cupiditate esse necessitatibus beatae nobis, deserunt ut est fugit, tempora deleniti, eligendi commodi doloribus. Nemo, assumenda possimus, impedit inventore perferendis iusto!"])},function(){with(this)return _h("div",{staticClass:"md-toolbar-container"},[_h("h3",{staticClass:"md-title"},["Sidenav content"])])},function(){with(this)return _h("h2",["Code"])}]}},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"}},[_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){font=t}}},[_h("md-option",{attrs:{value:"Arial"}},["Arial"])," ",_h("md-option",{attrs:{value:"Calibri"}},["Calibri"])," ",_h("md-option",{attrs:{value:"Cambria"}},["Cambria"])," ",_h("md-option",{attrs:{value:"Comic Sans"}},["Comic Sans"])," ",_h("md-option",{attrs:{value:"Consolas"}},["Consolas"])," ",_h("md-option",{attrs:{value:"Courier"}},["Courier"])," ",_h("md-option",{attrs:{value:"Droid Sans"}},["Droid Sans"])," ",_h("md-option",{attrs:{value:"Georgia"}},["Georgia"])," ",_h("md-option",{attr
attrs:{lang:"javascript"}},["\nVue.use(VueMaterial);\n\n// OR\n\nVue.use(VueMaterial.MdCore); //Required to make all components work\nVue.use(VueMaterial.MdButton);\nVue.use(VueMaterial.MdIcon);\nVue.use(VueMaterial.MdSidenav);\nVue.use(VueMaterial.MdToolbar);\n "])," ",_m(5)," ",_m(6)])])},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 yout HTML:"])},function(){with(this)return _h("p",["Enable Vue Material in your application using enableAll method. If you want to enable only some components you can enable them using ",_h("code",["Vue.use()"]),":"])},function(){with(this)return _h("h3",{staticClass:"md-subheading"},["Caveats"])},function(){with(this)return _h("p",["Right now, to get Vue Material working properly, you'll need to use MdTheme and MdInkRipple. The MdTheme will apply the default colors (or the specified ones) and the MdInkRipple will enable ripple effect to Buttons and some other elements."])}]}},,,function(t,e,a){var i=a(68);"string"==typeof i&&(i=[[t.id,i,""]]);a(249)(i,{});i.locals&&(t.exports=i.locals)}]);
Reference in a new issue Copy permalink