Hopiu/vue-material
1
0
Fork 0
mirror of https://github.com/Hopiu/vue-material.git synced 2026-04-28 18:44:49 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions
vue-material/dist/docs/docs.16e61835.js

10 lines
294 KiB
JavaScript
Raw Normal View History

Generate v0.2.0 documentation
2016-10-24 05:02:01 +00:00
webpackJsonp([1,0],[function(t,e,n){"use strict";function a(t){return t&&t.__esModule?t:{"default":t}}var i=n(2),d=a(i),o=n(284),m=a(o),s=n(1),r=a(s),c=n(124),l=a(c),u=n(125),h=a(u),p=n(123),b=a(p);n(4);var f=n(5),_=a(f),v=n(144),g=a(v),y=n(150),x=a(y),C=n(148),E=a(C),w=n(149),M=a(w),A=n(147),k=a(A),T=n(146),N=a(T),R=n(145),O=a(R);r["default"].registerLanguage("scss",l["default"]),r["default"].registerLanguage("xml",h["default"]),r["default"].registerLanguage("javascript",b["default"]),d["default"].component("single-page",x["default"]),d["default"].component("single-page-banner",E["default"]),d["default"].component("single-page-section",M["default"]),d["default"].component("demo-page",k["default"]),d["default"].component("demo-example",N["default"]),d["default"].component("code-block",O["default"]),d["default"].use(m["default"]);var P=new m["default"]({hashbang:!1,routes:_["default"]}),H=d["default"].component("app",g["default"]),S=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}),S(P.currentRoute),P.afterEach(function(t){var e=document.querySelector(".main-content");e&&(e.scrollTop=0),H.closeSidenav(),S(t)})},,,,function(t,e,n){"use strict";function a(t){return t&&t.__esModule?t:{"default":t}}var i=n(2),d=a(i),o=n(30),m=a(o);d["default"].use(m["default"]),d["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(155),d=a(i),o=n(154),m=a(o),s=n(151),r=a(s),c=n(152),l=a(c),u=n(153),h=a(u),p=n(156),b=a(p),f=n(157),_=a(f),v=n(159),g=a(v),y=n(158),x=a(y),C=n(160),E=a(C),w=n(161),M=a(w),A=n(162),k=a(A),T=n(163),N=a(T),R=n(164),O=a(R),P=n(165),H=a(P),S=n(166),L=a(S),F=n(167),D=a(F),I=n(168),j=a(I),q=n(169),B=a(q),$=n(170),V=a($),W=n(171),G=a(W),z=n(172),U=a(z),Y=n(173),K=a(Y),J=n(174),Q=a(J),X=n(178),Z=a(X),tt=n(177),et=a(tt),nt=n(175),at=a(nt),it=n(176),dt=a(it),ot=[{path:"/",name:"introduction",component:d["default"]},{path:"/getting-started",name:"getting-started",component:m["default"]},{path:"/about",name:"about",component:r["default"]},{path:"/changelog",name:"changelog",component:l["default"]}],mt=[{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/card",name:"components:card",component:E["default"]},{path:"/components/checkbox",name:"components:checkbox",component:M["default"]},{path:"/components/icon",name:"components:icon",component:k["default"]},{path:"/components/input",name:"components:input",component:N["default"]},{path:"/components/list",name:"components:list",component:O["default"]},{path:"/components/radio",name:"components:radio",component:H["default"]},{path:"/components/ripple",name:"components:ripple",component:L["default"]},{path:"/components/select",name:"components:select",component:D["default"]},{path:"/components/sidenav",name:"components:sidenav",component:j["default"]},{path:"/co
s(t,this.parentClasses)},required:function(t){r(t,this.parentClasses)},placeholder:function(t){c(t,this.parentClasses)},maxlength:function(t){u(t,this.$parent)}},methods:{onInvalid:function(){this.parentClasses.add(n)},onValid:function(){this.parentClasses.remove(n)},onFocus:function(){this.parentClasses.add(o)},onBlur:function(){this.parentClasses.remove(o),l(this.$el.value,this.parentClasses)},onInput:function(){l(this.$el.value,this.parentClasses),this.$parent.inputLength=this.$el.value.length,this.$emit("change",this.$el.value),this.$emit("input",this.$el.value)}},mounted:function(){if(!this.$parent.$el.classList.contains("md-input-container"))throw this.$destroy(),new Error("You should wrap the md-input in a md-input-container");this.parentClasses=this.$parent.$el.classList,s(this.disabled,this.parentClasses),r(this.required,this.parentClasses),c(this.placeholder,this.parentClasses),l(this.$el.value,this.parentClasses),u(this.maxlength,this.$parent)}}},function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e["default"]={props:{mdInline:Boolean,mdDisabled:Boolean,mdHasPassword:Boolean},computed:{classes:function(){return{"md-input-inline":this.mdInline,"md-has-password":this.mdHasPassword,"md-has-select":this.mdHasSelect,"md-has-value":Boolean(this.value)}}},data:function(){return{value:null,input:!1,inputType:!1,showPassword:!1,enableCounter:!1,mdHasSelect:!1,counterLength:0,inputLength:0}},methods:{togglePasswordType:function(){if("input"===this.input.tagName.toLowerCase()){var t=this.input.type;"password"===t?(this.input.type="text",this.showPassword=!0):(this.input.type="password",this.showPassword=!1),this.input.focus()}},setValue:function(t){this.value=t}},mounted:function(){if(this.input=this.$el.querySelector("input")||this.$el.querySelector("textarea")||this.$el.querySelector("select"),!this.input)throw this.$destroy(),new Error("Missing input/select/textarea inside md-input-container");this.inputType=this.input.type}}},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(3),d=a(i),o="md-input-invalid",m="md-input-disabled",s="md-input-required",r="md-input-placeholder",c="md-input-focused",l="md-has-value",u=function(t,e){t?e.add(m):e.remove(m)},h=function(t,e){t?e.add(s):e.remove(s)},p=function(t,e){t?e.add(r):e.remove(r)},b=function(t,e){t.length>0?e.add(l):e.remove(l)},f=function(t,e){e.enableCounter=t>0,e.counterLength=t};e["default"]={props:{type:String,disabled:Boolean,required:Boolean,maxlength:String,placeholder:String},watch:{disabled:function(t){u(t,this.parentClasses)},required:function(t){h(t,this.parentClasses)},placeholder:function(t){p(t,this.parentClasses)},maxlength:function(t){f(t,this.$parent)}},methods:{onInvalid:function(){this.parentClasses.add(o)},onValid:function(){this.parentClasses.remove(o)},onFocus:function(){this.parentClasses.add(c)},onBlur:function(){this.parentClasses.remove(c),b(this.$el.value,this.parentClasses)},onInput:function(){b(this.$el.value,this.parentClasses),this.$parent.inputLength=this.$el.value.length,this.$emit("change",this.$el.value),this.$emit("input",this.$el.value)}},mounted:function(){if(!this.$parent.$el.classList.contains("md-input-container"))throw this.$destroy(),new Error("You should wrap the md-textarea in a md-input-container");this.parentClasses=this.$parent.$el.classList,u(this.disabled,this.parentClasses),h(this.required,this.parentClasses),p(this.placeholder,this.parentClasses),b(this.$el.value,this.parentClasses),f(this.maxlength,this.$parent),this.$el.getAttribute("rows")||this.$el.setAttribute("rows","1"),(0,d["default"])(this.$el)},beforeDestroy:function(){d["default"].destroy(this.$el)}}},function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e["default"]={data:function(){return{height:0}},methods:{calculatePadding:function(){this.height=-this.$el.offsetHeight+"px"}},mounted:function(){this.calculatePadding()}}},function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e["default"]={props:{href
Generate v0.2.0 documentation
2016-10-24 03:07:44 +00:00
},function(t,e){t.exports=".THEME_NAME .md-list,.THEME_NAME.md-list{background-color:BACKGROUND-COLOR-A100;color:BACKGROUND-CONTRAST}.THEME_NAME .md-list.md-transparent,.THEME_NAME.md-list.md-transparent{background-color:transparent;color:inherit}.THEME_NAME .md-list .md-list-item .router-link-active.md-list-item-container,.THEME_NAME.md-list .md-list-item .router-link-active.md-list-item-container{color:PRIMARY-COLOR}.THEME_NAME .md-list .md-list-item .router-link-active.md-list-item-container>.md-icon,.THEME_NAME.md-list .md-list-item .router-link-active.md-list-item-container>.md-icon{color:PRIMARY-COLOR}.THEME_NAME .md-list .md-list-item.md-primary .md-list-item-container,.THEME_NAME.md-list .md-list-item.md-primary .md-list-item-container{color:PRIMARY-COLOR}.THEME_NAME .md-list .md-list-item.md-primary .md-list-item-container>.md-icon,.THEME_NAME.md-list .md-list-item.md-primary .md-list-item-container>.md-icon{color:PRIMARY-COLOR}.THEME_NAME .md-list .md-list-item.md-accent .md-list-item-container,.THEME_NAME.md-list .md-list-item.md-accent .md-list-item-container{color:ACCENT-COLOR}.THEME_NAME .md-list .md-list-item.md-accent .md-list-item-container>.md-icon,.THEME_NAME.md-list .md-list-item.md-accent .md-list-item-container>.md-icon{color:ACCENT-COLOR}.THEME_NAME .md-list .md-list-item.md-warn .md-list-item-container,.THEME_NAME.md-list .md-list-item.md-warn .md-list-item-container{color:WARN-COLOR}.THEME_NAME .md-list .md-list-item.md-warn .md-list-item-container>.md-icon,.THEME_NAME.md-list .md-list-item.md-warn .md-list-item-container>.md-icon{color:WARN-COLOR}.THEME_NAME .md-list .md-list-item-expand .md-list-item-container,.THEME_NAME.md-list .md-list-item-expand .md-list-item-container{background-color:BACKGROUND-COLOR-A100}.THEME_NAME .md-list .md-list-item-expand .md-list-item-container:hover,.THEME_NAME .md-list .md-list-item-expand .md-list-item-container:focus,.THEME_NAME.md-list .md-list-item-expand .md-list-item-container:hover,.THEME_NAME.md-list .md-list-item-expand .md-list-item-container:focus{background-color:rgba(153,153,153,0.2)}\n"},function(t,e){t.exports=".THEME_NAME .md-radio .md-radio-container:after,.THEME_NAME.md-radio .md-radio-container:after{background-color:ACCENT-COLOR}.THEME_NAME .md-radio.md-checked .md-radio-container,.THEME_NAME.md-radio.md-checked .md-radio-container{border-color:ACCENT-COLOR}.THEME_NAME .md-radio.md-checked .md-ink-ripple,.THEME_NAME.md-radio.md-checked .md-ink-ripple{color:ACCENT-COLOR}.THEME_NAME .md-radio.md-checked .md-ripple,.THEME_NAME.md-radio.md-checked .md-ripple{opacity:.38}.THEME_NAME .md-radio.md-primary .md-radio-container:after,.THEME_NAME.md-radio.md-primary .md-radio-container:after{background-color:PRIMARY-COLOR}.THEME_NAME .md-radio.md-primary.md-checked .md-radio-container,.THEME_NAME.md-radio.md-primary.md-checked .md-radio-container{border-color:PRIMARY-COLOR}.THEME_NAME .md-radio.md-primary.md-checked .md-ink-ripple,.THEME_NAME.md-radio.md-primary.md-checked .md-ink-ripple{color:PRIMARY-COLOR}.THEME_NAME .md-radio.md-warn .md-radio-container:after,.THEME_NAME.md-radio.md-warn .md-radio-container:after{background-color:WARN-COLOR}.THEME_NAME .md-radio.md-warn.md-checked .md-radio-container,.THEME_NAME.md-radio.md-warn.md-checked .md-radio-container{border-color:WARN-COLOR}.THEME_NAME .md-radio.md-warn.md-checked .md-ink-ripple,.THEME_NAME.md-radio.md-warn.md-checked .md-ink-ripple{color:WARN-COLOR}.THEME_NAME .md-radio.md-disabled .md-radio-container,.THEME_NAME.md-radio.md-disabled .md-radio-container{border-color:rgba(0,0,0,0.26)}.THEME_NAME .md-radio.md-disabled .md-radio-container:after,.THEME_NAME.md-radio.md-disabled .md-radio-container:after{background-color:rgba(0,0,0,0.26)}.THEME_NAME .md-radio.md-disabled.md-checked .md-radio-container,.THEME_NAME.md-radio.md-disabled.md-checked .md-radio-container{border-color:rgba(0,0,0,0.26)}\n"},function(t,e){t.exports=""},function(t,e){t.exports=".THEME_NAME .md-sidenav .md-sidenav-content,.THEME_NAME.md-sidenav .md-sidenav-content{background-color:BACKGROUND-COLOR-A100;color:BACKGROUND-C
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("single-page",{staticClass:"single-page-home",attrs:{label:"About"}},[_h("single-page-banner",{attrs:{label:"About"}})," ",_h("section",[_m(0)," ",_h("div",{staticClass:"author-card"},[_h("md-avatar",{staticClass:"md-large"},[_m(1)])," ",_m(2)])])," ",_m(3)," ",_m(4)," ",_m(5)])},staticRenderFns:[function(){with(this)return _h("h2",{staticClass:"md-headline"},["Author"])},function(){with(this)return _h("img",{attrs:{src:"assets/marcosmoura.jpg",alt:"Marcos Moura"}})},function(){with(this)return _h("div",{staticClass:"author-card-info"},[_h("span",["Marcos Moura"])," ",_h("div",{staticClass:"author-card-links"},[_h("a",{attrs:{href:"https://linkedin.com/in/marcosvmmoura",target:"_blank",rel:"noopener"}},["Linkedin"])," ",_h("a",{attrs:{href:"https://github.com/marcosmoura",target:"_blank",rel:"noopener"}},["GitHub"])])])},function(){with(this)return _h("section",[_h("h2",{staticClass:"md-headline"},["Credits and Thanks"])," ",_h("ul",[_h("li",["This library aims to delivery components using almost the same API of ",_h("a",{attrs:{href:"https://material.angularjs.org/latest/",target:"_blank"}},["Angular Material"])])," ",_h("li",["Thanks a lot to ",_h("a",{attrs:{href:"https://github.com/elviskang",target:"_blank"}},["elviskang"])," who provided me the **vue-material** name on npm."])," ",_h("li",["Thanks to ",_h("a",{attrs:{href:"https://github.com/yyx990803",target:"_blank"}},["Evan You"])," for allowing me to use Vue.js Logo."])])])},function(){with(this)return _h("section",[_h("h2",{staticClass:"md-headline"},["Internal Dependencies"]),"\n You don't need to include any other library to work with vue-material. The focus of this project is to have a standalone build with no external dependence, but aiming to deliver the best experience without break the compatibility with the Vue.js core.\n ",_h("ul",[_h("li",[_h("a",{attrs:{href:"http://www.jacklmoore.com/autosize/",target:"_blank"}},["autosize"])])," ",_h("li",[_h("a",{attrs:{href:"https://www.npmjs.com/package/element.scrollintoviewifneeded-polyfill",target:"_blank"}},["element.scrollintoviewifneeded-polyfill"])])," ",_h("li",[_h("a",{attrs:{href:"https://github.com/lazd/scopedQuerySelectorShim",target:"_blank"}},["scopedQuerySelectorShim"])])])])},function(){with(this)return _h("section",[_h("h2",{staticClass:"md-headline"},["License"])," ",_h("p",["MIT"])])}]}},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("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
},staticRenderFns:[]}},function(module,exports){module.exports={render:function(){with(this)return _h("div",{staticClass:"md-card-area","class":classes},[_t("default")])},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
},[_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<md-button class="md-icon-button md-raised md-primary">\n <md-icon>folder</md-icon>\n <md-tooltip md-direction="top">My tooltip</md-tooltip>\n</md-button>\n\n<md-avatar>\n <img src="https://placeimg.com/40/40/people/1" alt="People">\n <md-tooltip md-direction="bottom">My tooltip</md-tooltip>\n</md-avatar>\n\n<md-button class="md-icon-button md-raised md-warn">\n <md-icon>home</md-icon>\n <md-tooltip md-direction="left">My tooltip</md-tooltip>\n</md-button>\n\n<md-avatar class="md-avatar-icon">\n <md-icon>person</md-icon>\n <md-tooltip md-direction="right">My tooltip</md-tooltip>\n</md-avatar>\n '])])," ",_h("demo-example",{attrs:{label:"Delay - 400ms"}},[_h("code-block",{attrs:{lang:"xml"}},['\n<md-button class="md-icon-button md-raised md-primary">\n <md-icon>folder</md-icon>\n <md-tooltip md-delay="400" md-direction="top">My tooltip</md-tooltip>\n</md-button>\n\n<md-avatar>\n <img src="https://placeimg.com/40/40/people/1" alt="People">\n <md-tooltip md-delay="400" md-direction="bottom">My tooltip</md-tooltip>\n</md-avatar>\n\n<md-button class="md-icon-button md-raised md-warn">\n <md-icon>home</md-icon>\n <md-tooltip md-delay="400" md-direction="left">My tooltip</md-tooltip>\n</md-button>\n\n<md-avatar class="md-avatar-icon">\n <md-icon>person</md-icon>\n <md-tooltip md-delay="400" md-direction="right">My tooltip</md-tooltip>\n</md-avatar>\n '])])])," ",_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("ul",{staticClass:"md-list"},[_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",val
attrs:{"md-solid":""}},[_h("md-card-media",{attrs:{"md-ratio":"1:1"}},[_m(20)])," ",_h("md-card-area",[_h("md-card-header",[_m(21)," ",_m(22)])," ",_h("md-card-actions",[_h("md-button",["Action"])," ",_h("md-button",["Action"])])])])])])," ",_h("demo-example",{attrs:{label:"Media"}},[_h("md-card",[_h("md-card-header",[_h("md-card-header-text",[_m(23)," ",_m(24)])," ",_h("md-card-media",[_m(25)])])," ",_h("md-card-actions",[_h("md-button",["Action"])," ",_h("md-button",["Action"])])])," ",_h("md-card",[_h("md-card-header",[_h("md-card-header-text",[_m(26)," ",_m(27)])," ",_h("md-card-media",{attrs:{"md-medium":""}},[_m(28)])])," ",_h("md-card-actions",[_h("md-button",["Action"])," ",_h("md-button",["Action"])])])," ",_h("md-card",[_h("md-card-header",[_h("md-card-header-text",[_m(29)," ",_m(30)])," ",_h("md-card-media",{attrs:{"md-big":""}},[_m(31)])])," ",_h("md-card-actions",[_h("md-button",["Action"])," ",_h("md-button",["Action"])])])," ",_h("md-card",[_h("md-card-media-actions",[_h("md-card-media",[_m(32)])," ",_h("md-card-actions",[_h("md-button",{staticClass:"md-icon-button"},[_h("md-icon",["favorite"])])," ",_h("md-button",{staticClass:"md-icon-button"},[_h("md-icon",["bookmark"])])," ",_h("md-button",{staticClass:"md-icon-button"},[_h("md-icon",["share"])])])])])])," ",_h("demo-example",{attrs:{label:"Full control"}},[_h("md-card",[_h("md-card-area",[_h("md-card-media",[_m(33)])," ",_h("md-card-header",[_m(34)," ",_m(35)])," ",_h("md-card-content",["\n Lorem ipsum dolor sit amet, consectetur adipisicing elit. Optio itaque ea, nostrum odio. Dolores, sed accusantium quasi non, voluptas eius illo quas, saepe voluptate pariatur in deleniti minus sint. Excepturi.\n "])])," ",_h("md-card-actions",[_h("md-button",["Action"])," ",_h("md-button",["Action"])])])," ",_h("md-card",[_h("md-card-media",[_m(36)])," ",_h("md-card-header",[_m(37)," ",_m(38)])," ",_h("md-card-expand",[_h("md-card-actions",[_h("md-button",["Action"])," ",_h("md-button",["Action"])," ",_m(39)," ",_h("md-button",{staticClass:"md-icon-button",attrs:{"md-expand-trigger":""}},[_h("md-icon",["keyboard_arrow_down"])])])," ",_h("md-card-content",["\n Lorem ipsum dolor sit amet, consectetur adipisicing elit. Optio itaque ea, nostrum odio. Dolores, sed accusantium quasi non, voluptas eius illo quas, saepe voluptate pariatur in deleniti minus sint. Excepturi.\n "])])])," ",_h("md-card",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"blue",expression:"'blue'"}],staticClass:"card-example"},[_h("md-card-area",{attrs:{"md-inset":""}},[_h("md-card-media",{attrs:{"md-ratio":"16:9"}},[_m(40)])," ",_h("md-card-header",[_m(41)," ",_h("div",{staticClass:"md-subhead"},[_h("md-icon",["location_on"])," ",_m(42)])])," ",_h("md-card-content",["\n Illy Coffee served with a complimentary Leonidas Belgian Chocolate with all beverages.\n "])])," ",_h("md-card-content",[_m(43)," ",_h("div",{staticClass:"card-reservation"},[_h("md-icon",["access_time"])," ",_h("md-button-toggle",{staticClass:"md-button-group",attrs:{type:"radio"}},[_h("md-button",["5:30PM"])," ",_h("md-button",["7:30PM"])," ",_h("md-button",["9:00PM"])])])])," ",_h("md-card-actions",[_h("md-button",{staticClass:"md-primary"},["Reserve"])])])])])," ",_h("div",{slot:"code"},[_h("demo-example",{attrs:{label:"Regular Cards"}},[_h("code-block",{attrs:{lang:"xml"}},['\n<md-card>\n <md-card-media>\n <img src="assets/card-image-1.jpg" alt="People">\n </md-card-media>\n\n <md-card-header>\n <div class="md-title">Title goes here</div>\n <div class="md-subhead">Subtitle here</div>\n </md-card-header>\n\n <md-card-actions>\n <md-button>Action</md-button>\n <md-button>Action</md-button>\n </md-card-actions>\n\n <md-card-content>\n Lorem ipsum dolor sit amet, consectetur adipisicing elit. Optio itaque ea, nostrum odio. Dolores, sed accusantium quasi non, voluptas eius illo quas, saepe voluptate pariatur in deleniti minus sint. Excepturi.\n </md-card-content>\n</md-card>\n '])," ",_h("code-block",{attrs:{lang:"xml
attrs:{lang:"xml"}},['\n<md-toolbar v-md-theme="\'orange\'">\n <md-button class="md-icon-button">\n <md-icon>menu</md-icon>\n </md-button>\n\n <h2 class="md-title" style="flex: 1">Vue Material</h2>\n\n <md-button>Add</md-button>\n <md-button>Remove</md-button>\n</md-toolbar>\n '])," ",_h("code-block",{attrs:{lang:"xml"}},['\n<md-toolbar v-md-theme="\'blue\'">\n <md-button class="md-icon-button">\n <md-icon>menu</md-icon>\n </md-button>\n\n <h2 class="md-title" style="flex: 1">Vue Material</h2>\n\n <md-button class="md-raised">Add</md-button>\n <md-button class="md-raised md-warn">Remove</md-button>\n</md-toolbar>\n '])])," ",_h("demo-example",{staticClass:"example",attrs:{label:"Complete Example"}},[_h("code-block",{attrs:{lang:"xml"}},['\n<div class="example">\n <md-toolbar class="md-large" v-md-theme="\'green\'">\n <div class="md-toolbar-container">\n <md-button class="md-icon-button">\n <md-icon>menu</md-icon>\n </md-button>\n\n <span style="flex: 1;"></span>\n\n <md-button class="md-icon-button">\n <md-icon>search</md-icon>\n </md-button>\n\n <md-button class="md-icon-button">\n <md-icon>filter_list</md-icon>\n </md-button>\n </div>\n\n <div class="md-toolbar-container">\n <h2 class="md-title">Vue Material</h2>\n\n <md-button class="md-fab md-fab-bottom-right">\n <md-icon>add</md-icon>\n </md-button>\n </div>\n </md-toolbar>\n</div>\n '])," ",_h("code-block",{attrs:{lang:"scss"}},["\n.example {\n .md-button.md-fab {\n margin: 0;\n right: 56px;\n bottom: -26px;\n }\n\n .md-toolbar {\n margin-bottom: 50px;\n }\n}\n "])])])," ",_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(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-
}},["\n.custom-list {\n .md-list-action {\n position: absolute;\n top: 8px;\n right: 16px;\n pointer-events: auto;\n z-index: 2;\n }\n\n .md-icon {\n color: rgba(#000, .26);\n }\n}\n "])])," ",_h("demo-example",{attrs:{label:"Expansion List"}},[_h("code-block",{attrs:{lang:"xml"}},['\n<md-list>\n <md-list-item>\n <md-icon>whatshot</md-icon>\n <span>News</span>\n\n <md-list-expand>\n <md-list>\n <md-list-item class="md-inset">World</md-list-item>\n <md-list-item class="md-inset">Americas</md-list-item>\n <md-list-item class="md-inset">Europe</md-list-item>\n </md-list>\n </md-list-expand>\n </md-list-item>\n\n <md-list-item>\n <md-icon>videogame_asset</md-icon>\n <span>Games</span>\n\n <md-list-expand>\n <md-list>\n <md-list-item class="md-inset">Console</md-list-item>\n <md-list-item class="md-inset">PC</md-list-item>\n <md-list-item class="md-inset">Phone</md-list-item>\n </md-list>\n </md-list-expand>\n </md-list-item>\n\n <md-list-item>\n <md-icon>video_library</md-icon>\n <span>Video</span>\n\n <md-list-expand>\n <md-list>\n <md-list-item class="md-inset">Humor</md-list-item>\n <md-list-item class="md-inset">Music</md-list-item>\n <md-list-item class="md-inset">Movies</md-list-item>\n <md-list-item class="md-inset">TV Shows</md-list-item>\n </md-list>\n </md-list-expand>\n </md-list-item>\n\n <md-list-item>\n <md-icon>shopping_basket</md-icon>\n <span>Shop</span>\n </md-list-item>\n</md-list>\n '])])," ",_h("demo-example",{attrs:{label:"Complete Example"}},[_h("code-block",{attrs:{lang:"xml"}},['\n<div class="complete-example">\n <md-whiteframe md-elevation="3">\n <md-toolbar class="md-large" v-md-theme="\'light-blue\'">\n <div class="md-toolbar-container">\n <md-button class="md-icon-button" @click="toggleSidenav">\n <md-icon>menu</md-icon>\n </md-button>\n\n <span style="flex: 1"></span>\n\n <md-button class="md-icon-button">\n <md-icon>search</md-icon>\n </md-button>\n\n <md-button class="md-icon-button">\n <md-icon>view_module</md-icon>\n </md-button>\n </div>\n\n <div class="md-toolbar-container">\n <h2 class="md-title">My Files</h2>\n\n <md-button class="md-fab md-mini">\n <md-icon>add</md-icon>\n </md-button>\n </div>\n </md-toolbar>\n </md-whiteframe>\n\n <md-list class="md-double-line">\n <md-subheader class="md-inset">Folders</md-subheader>\n\n <md-list-item>\n <md-avatar class="md-avatar-icon">\n <md-icon>folder</md-icon>\n </md-avatar>\n\n <div class="md-list-text-container">\n <span>Photos</span>\n <p>Jan 9, 2014</p>\n </div>\n\n <md-button class="md-icon-button md-list-action">\n <md-icon>info</md-icon>\n </md-button>\n </md-list-item>\n\n <md-list-item>\n <md-avatar class="md-avatar-icon">\n <md-icon>folder</md-icon>\n </md-avatar>\n\n <div class="md-list-text-container">\n <span>Recipes</span>\n <p>Jan 17, 2014</p>\n </div>\n\n <md-button class="md-icon-button md-list-action">\n <md-icon>info</md-icon>\n </md-button>\n </md-list-item>\n\n <md-list-item>\n <md-avatar class="md-avatar-icon">\n <md-icon>folder</md-icon>\n </md-avatar>\n\n <div class="md-list-text-container">\n <span>Work</span>\n <p>Jan 28, 2014</p>\n </div>\n\n <md-button class="md-icon-button md-list-action">\n <md-icon>info</md-icon>\n </md-button>\n\n <md-divider class="md-inset"></md-divider>\n </md-list-item>\n\n <md-subheader class="md-inset">Files</md-subheader>\n\n <md-list-item>\n <md-avatar v-md-theme="\'blue\'" class="md-avatar-icon md-primary">\n <md-icon>insert_drive_file</md-icon>\n </md-avatar>\n\n <div class="md-list-text-container">\n <span>Vacation Itinerary</span>\n
Generate v0.2.0 documentation
2016-10-24 05:02:01 +00:00
attrs:{lang:"xml"}},['\n<md-list class="custom-list md-triple-line">\n <md-subheader>Today</md-subheader>\n\n <md-list-item>\n <md-avatar>\n <img src="https://placeimg.com/40/40/people/1" alt="People">\n </md-avatar>\n\n <div class="md-list-text-container">\n <span>Ali Connors</span>\n <span>Brunch this weekend?</span>\n <p>I\'ll be in your neighborhood doing errands...</p>\n </div>\n\n <md-button class="md-icon-button md-list-action">\n <md-icon class="md-primary">star</md-icon>\n </md-button>\n\n <md-divider class="md-inset"></md-divider>\n </md-list-item>\n\n <md-list-item>\n <md-avatar>\n <img src="https://placeimg.com/40/40/people/6" alt="People">\n </md-avatar>\n\n <div class="md-list-text-container">\n <span>me, Scott, Jennifer</span>\n <span>Summer BBQ</span>\n <p>Wish I could come, but I\'m out of town ...</p>\n </div>\n\n <md-button class="md-icon-button md-list-action">\n <md-icon>star_border</md-icon>\n </md-button>\n\n <md-divider class="md-inset"></md-divider>\n </md-list-item>\n\n <md-list-item>\n <md-avatar>\n <img src="https://placeimg.com/40/40/people/5" alt="People">\n </md-avatar>\n\n <div class="md-list-text-container">\n <span>Sandra Adams</span>\n <span>Oui oui</span>\n <p>Do you have Paris recommendations ...</p>\n </div>\n\n <md-button class="md-icon-button md-list-action">\n <md-icon>star_border</md-icon>\n </md-button>\n\n <md-divider class="md-inset"></md-divider>\n </md-list-item>\n\n <md-list-item>\n <md-avatar>\n <img src="https://placeimg.com/40/40/people/8" alt="People">\n </md-avatar>\n\n <div class="md-list-text-container">\n <span>Trevor Hansen</span>\n <span>Order confirmation</span>\n <p>Thank you for your recent order from ...</p>\n </div>\n\n <md-button class="md-icon-button md-list-action">\n <md-icon>star_border</md-icon>\n </md-button>\n\n <md-divider class="md-inset"></md-divider>\n </md-list-item>\n</md-list>\n '])])])," ",_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=
Reference in a new issue Copy permalink