diff --git a/avatar.1c2ea266.js b/avatar.1c2ea266.js new file mode 100644 index 0000000..b86cd3a --- /dev/null +++ b/avatar.1c2ea266.js @@ -0,0 +1 @@ +webpackJsonp([14,34],{463:function(a,t,d){d(611);var n=d(0)(null,d(581),"data-v-fa87ed6a",null);a.exports=n.exports},543:function(a,t,d){t=a.exports=d(4)(),t.push([a.i,".md-avatar+.md-avatar[data-v-fa87ed6a]{margin-left:8px}",""])},581:function(a,t){a.exports={render:function(){var a=this,t=a.$createElement,d=a._self._c||t;return d("page-content",{attrs:{"page-title":"Components - Avatar"}},[d("docs-component",[d("div",{slot:"description"},[d("p",[a._v("Avatars can be used to represent people. When used with a specific logo, avatars can also be used to represent brand.")]),a._v(" "),d("p",[a._v("The following classes can be applied to change the color palette:")]),a._v(" "),d("ul",{staticClass:"md-body-2"},[d("li",[d("code",[a._v("md-primary")])]),a._v(" "),d("li",[d("code",[a._v("md-accent")])]),a._v(" "),d("li",[d("code",[a._v("md-warn")])])])]),a._v(" "),d("div",{slot:"api"},[d("api-table",{attrs:{name:"md-avatar"}},[d("md-table",{slot:"classes"},[d("md-table-header",[d("md-table-row",[d("md-table-head",[a._v("Name")]),a._v(" "),d("md-table-head",[a._v("Description")])],1)],1),a._v(" "),d("md-table-body",[d("md-table-row",[d("md-table-cell",[a._v("md-avatar-icon")]),a._v(" "),d("md-table-cell",[a._v("Display an icon using md-icon component")])],1),a._v(" "),d("md-table-row",[d("md-table-cell",[a._v("md-large")]),a._v(" "),d("md-table-cell",[a._v("Display large avatar")])],1)],1)],1)],1)],1),a._v(" "),d("div",{slot:"example"},[d("example-box",{attrs:{"card-title":"Default"}},[d("div",{staticClass:"avatar-holder",slot:"demo"},[d("md-avatar",[d("img",{attrs:{src:"assets/avatar.png",alt:"Avatar"}})]),a._v(" "),d("md-avatar",{staticClass:"md-avatar-icon"},[d("md-icon",[a._v("home")])],1),a._v(" "),d("md-avatar",{staticClass:"md-avatar-icon md-primary"},[d("md-icon",[a._v("folder")])],1),a._v(" "),d("md-avatar",{staticClass:"md-avatar-icon md-accent"},[d("md-icon",[a._v("favorite")])],1),a._v(" "),d("md-avatar",{staticClass:"md-avatar-icon md-warn"},[d("md-icon",[a._v("notes")])],1)],1),a._v(" "),d("div",{slot:"code"},[d("code-block",{attrs:{lang:"xml"}},[a._v('\n \n Avatar\n \n\n \n home\n \n\n \n folder\n \n\n \n favorite\n \n\n \n notes\n \n ')])],1)]),a._v(" "),d("example-box",{attrs:{"card-title":"Large"}},[d("div",{staticClass:"avatar-holder",slot:"demo"},[d("md-avatar",{staticClass:"md-large"},[d("img",{attrs:{src:"assets/avatar-2.jpg",alt:"People"}})]),a._v(" "),d("md-avatar",{staticClass:"md-avatar-icon md-large"},[d("md-icon",[a._v("home")])],1),a._v(" "),d("md-avatar",{staticClass:"md-avatar-icon md-large md-primary"},[d("md-icon",[a._v("folder")])],1),a._v(" "),d("md-avatar",{staticClass:"md-avatar-icon md-large md-accent"},[d("md-icon",[a._v("favorite")])],1),a._v(" "),d("md-avatar",{staticClass:"md-avatar-icon md-large md-warn"},[d("md-icon",[a._v("notes")])],1)],1),a._v(" "),d("div",{slot:"code"},[d("code-block",{attrs:{lang:"xml"}},[a._v('\n \n People\n \n\n \n home\n \n\n \n folder\n \n\n \n favorite\n \n\n \n notes\n \n ')])],1)])],1)])],1)},staticRenderFns:[]}},611:function(a,t,d){var n=d(543);"string"==typeof n&&(n=[[a.i,n,""]]),n.locals&&(a.exports=n.locals);d(5)("5034cab1",n,!0)}}); \ No newline at end of file diff --git a/base.468dbabb.js b/base.468dbabb.js new file mode 100644 index 0000000..29ef58b --- /dev/null +++ b/base.468dbabb.js @@ -0,0 +1 @@ +webpackJsonp([0,34],{458:function(t,e,a){a(609);var n=a(0)(null,a(578),"data-v-d5fc8bb4",null);t.exports=n.exports},459:function(t,e,a){a(598);var n=a(0)(a(496),a(564),null,null);t.exports=n.exports},460:function(t,e,a){a(584);var n=a(0)(null,a(547),"data-v-0f0099be",null);t.exports=n.exports},461:function(t,e,a){a(601);var n=a(0)(null,a(567),"data-v-5856f158",null);t.exports=n.exports},462:function(t,e,a){a(597);var n=a(0)(null,a(562),"data-v-4b645811",null);t.exports=n.exports},496:function(t,e,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={data:function(){return{content:""}},mounted:function(){var t=new XMLHttpRequest,e=this;t.open("GET","/changelog.html",!0),t.setRequestHeader("Content-Type","text/html"),t.onload=function(){e.content=this.response},t.send()}},t.exports=e.default},516:function(t,e,a){e=t.exports=a(4)(),e.push([t.i,"section[data-v-0f0099be]{margin-top:64px;text-align:center}",""])},529:function(t,e,a){e=t.exports=a(4)(),e.push([t.i,".introduction[data-v-4b645811]{max-width:960px;margin:0 auto}.example[data-v-4b645811]{margin-bottom:24px;overflow:hidden}.example img[data-v-4b645811]{margin:-45px auto;display:block}.button-actions[data-v-4b645811]{margin-bottom:16px;text-align:center}.button-actions .introduction[data-v-4b645811]{margin-bottom:.8em;font-size:20px;line-height:1.6em}.button-actions .md-button[data-v-4b645811]{margin-left:0;color:#fff!important}.row[data-v-4b645811]{margin:0 -10px;display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap}.column[data-v-4b645811]{margin:0 10px;-ms-flex:1 1 30%;flex:1 1 30%}@media (max-width:640px){.column[data-v-4b645811]{-ms-flex:1 1 100%;flex:1 1 100%}}",""])},530:function(t,e,a){e=t.exports=a(4)(),e.push([t.i,".changelog section{max-width:960px}.changelog section+section{margin-top:56px}.changelog section .md-headline a{color:inherit}.changelog section ul a{font-weight:700}",""])},533:function(t,e,a){e=t.exports=a(4)(),e.push([t.i,".main-content[data-v-5856f158]{position:relative}article[data-v-5856f158]{max-width:960px}article+article[data-v-5856f158],section+section[data-v-5856f158]{margin-top:36px}.code-block[data-v-5856f158],.md-tabs[data-v-5856f158]{max-width:100%}.md-tab[data-v-5856f158]{border-top:1px solid rgba(0,0,0,.12);padding:0}iframe[data-v-5856f158]{height:auto;min-height:620px}",""])},541:function(t,e,a){e=t.exports=a(4)(),e.push([t.i,"section[data-v-d5fc8bb4]{max-width:960px}section+section[data-v-d5fc8bb4]{margin-top:56px}.author-card[data-v-d5fc8bb4]{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.author-card .md-avatar[data-v-d5fc8bb4]{margin-right:16px}.author-card .author-card-info[data-v-d5fc8bb4]{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-ms-flex:1;flex:1}.author-card span[data-v-d5fc8bb4]{font-size:16px}.author-card .author-card-links[data-v-d5fc8bb4]{display:-ms-flexbox;display:flex}.author-card .author-card-links a+a[data-v-d5fc8bb4]{margin-left:8px}",""])},547:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("page-content",{attrs:{"page-title":"Error"}},[a("div",{staticClass:"main-content"},[a("section",[a("h2",{staticClass:"md-headline"},[t._v("Hmmm. Too bad")]),t._v(" "),a("p",[t._v("Are you searching for a new component? Or maybe you have an question? Get in touch!")]),t._v(" "),a("md-button",{staticClass:"md-primary md-raised",attrs:{href:"mailto:marcosvmmoura@gmail.com?Subject=Vue%20Material%20-%20Question",target:"_blank",rel:"noopener"}},[t._v("E-mail")]),t._v(" "),a("md-button",{staticClass:"md-primary md-raised",attrs:{href:"https://github.com/marcosmoura/vue-material/issues/new",target:"_blank",rel:"noopener"}},[t._v("New Issue")])],1)])])},staticRenderFns:[]}},562:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("page-content",{attrs:{"page-title":"Introduction"}},[a("div",{staticClass:"main-content"},[a("div",{staticClass:"introduction"},[a("div",{staticClass:"button-actions"},[a("div",{staticClass:"example"},[a("img",{attrs:{src:"assets/vue-material-example.png",alt:"Material Design"}})]),t._v(" "),a("div",{staticClass:"introduction"},[t._v("Build well-crafted apps with Material Design and Vue 2")]),t._v(" "),a("md-button",{staticClass:"md-primary md-raised",attrs:{href:"#/getting-started"}},[t._v("Getting Started")]),t._v(" "),a("md-button",{staticClass:"md-primary md-raised",attrs:{href:"https://github.com/marcosmoura/vue-material",target:"_blank",rel:"noopener"}},[t._v("Github")])],1),t._v(" "),a("div",{staticClass:"row"},[a("div",{staticClass:"column"},[a("h2",{staticClass:"md-headline"},[t._v("Material Design")]),t._v(" "),a("p",[t._v("Vue Material is lightweight framework built exactly according to the "),a("a",{attrs:{href:"http://material.google.com",target:"_blank",rel:"noopener"}},[t._v("Material Design")]),t._v(" specs. Build powerful and well-designed web apps that can can fit on every screen.")])]),t._v(" "),a("div",{staticClass:"column"},[a("h2",{staticClass:"md-headline"},[t._v("Full-featured")]),t._v(" "),a("p",[t._v("You can generate and use themes dynamically, use components on demand, take advantage of UI Elements and Components with an ease-to-use API and more...")])]),t._v(" "),a("div",{staticClass:"column"},[a("h2",{staticClass:"md-headline"},[t._v("Compatible")]),t._v(" "),a("p",[t._v("It aims to deliver a collection of reusable components and a series of UI Elements to build applications with support to all modern Web Browsers through Vue 2.0.")])])])])])])},staticRenderFns:[]}},564:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("page-content",{attrs:{"page-title":"Changelog"}},[a("div",{staticClass:"main-content changelog",domProps:{innerHTML:t._s(t.content)}})])},staticRenderFns:[]}},567:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("page-content",{attrs:{"page-title":"Getting Started"}},[a("div",{staticClass:"main-content"},[a("article",[a("section",[a("h2",{staticClass:"md-headline"},[t._v("Include Fonts and Icons")]),t._v(" "),a("p",[t._v("Use Roboto and Google Icons from Google CDN:")]),t._v(" "),a("code-block",{attrs:{lang:"xml"}},[t._v('\n \n \n ')])],1)]),t._v(" "),a("article",[a("h2",{staticClass:"md-headline"},[t._v("Installation")]),t._v(" "),a("section",[a("h3",{staticClass:"md-title"},[t._v("NPM")]),t._v(" "),a("p",[t._v("Install Vue Material through npm or yarn "),a("br"),a("small",[t._v("* Others package managers like JSPM and Bower are not supported yet.")])]),t._v(" "),a("code-block",{attrs:{lang:"bash"}},[t._v("\n $ npm install vue-material --save\n $ yarn add vue-material\n ")])],1),t._v(" "),a("section",[a("h3",{staticClass:"md-title"},[t._v("Standalone")]),t._v(" "),a("p",[t._v("Download from Github and reference the script and the stylesheet in your HTML:")]),t._v(" "),a("md-button",{staticClass:"md-raised md-primary",attrs:{href:"https://github.com/marcosmoura/vue-material/archive/master.zip",target:"_blank",rel:"noopener"}},[t._v("download")])],1),t._v(" "),a("section",[a("h3",{staticClass:"md-title"},[t._v("CDN")]),t._v(" "),a("p",[t._v("Include the Vue Material files from unpkg:")]),t._v(" "),a("md-button",{staticClass:"md-raised md-primary",attrs:{href:"https://unpkg.com/vue-material",target:"_blank",rel:"noopener"}},[t._v("Javascript")]),t._v(" "),a("md-button",{staticClass:"md-raised md-primary",attrs:{href:"https://unpkg.com/vue-material/dist/vue-material.css",target:"_blank",rel:"noopener"}},[t._v("CSS")])],1)]),t._v(" "),a("article",[a("h2",{staticClass:"md-headline"},[t._v("Usage")]),t._v(" "),a("section",[a("h3",{staticClass:"md-title"},[t._v("AMD Modules")]),t._v(" "),a("p",[t._v("Import and use the whole library:")]),t._v(" "),a("code-block",{attrs:{lang:"xml"}},[t._v('\n \n ')]),t._v(" "),a("code-block",{attrs:{lang:"javascript"}},[t._v("\n var Vue = require('vue')\n var VueMaterial = require('vue-material')\n\n Vue.use(VueMaterial)\n ")]),t._v(" "),a("p",[t._v("Or to import individual components:")]),t._v(" "),a("code-block",{attrs:{lang:"xml"}},[t._v('\n \n \n \n \n \n ')]),t._v(" "),a("code-block",{attrs:{lang:"javascript"}},[t._v("\n var Vue = require('vue')\n var VueMaterial = require('vue-material')\n\n Vue.use(VueMaterial.mdCore) //Required to boot vue material\n Vue.use(VueMaterial.mdButton)\n Vue.use(VueMaterial.mdIcon)\n Vue.use(VueMaterial.mdSidenav)\n Vue.use(VueMaterial.mdToolbar)\n ")]),t._v(" "),a("p",[a("strong",[t._v("Note:")]),t._v(" If you are using Webpack you can still import the css files inside your modules. And you can also write everything using ES6 with Babel or Bublé.")])],1),t._v(" "),a("section",[a("h3",{staticClass:"md-title"},[t._v("Standalone")]),t._v(" "),a("code-block",{attrs:{lang:"xml"}},[t._v('\n \n \n ')]),t._v(" "),a("code-block",{attrs:{lang:"javascript"}},[t._v("\n // The VueMaterial variable is global\n Vue.use(VueMaterial)\n ")])],1)]),t._v(" "),a("article",[a("h2",{staticClass:"md-headline"},[t._v("Codepen Examples")]),t._v(" "),a("section",[a("h3",{staticClass:"md-title"},[t._v("Playground")]),t._v(" "),a("iframe",{staticStyle:{width:"100%"},attrs:{height:"620",scrolling:"no",title:"Empty Setup",src:"//codepen.io/vue-material/embed/VmMrYW/?height=620&theme-id=dark&default-tab=html,result&embed-version=2",frameborder:"no",allowtransparency:"true",allowfullscreen:"true"}},[t._v("See the Pen "),a("a",{attrs:{href:"http://codepen.io/vue-material/pen/VmMrYW/"}},[t._v("Empty Setup")]),t._v(" by Vue Material ("),a("a",{attrs:{href:"http://codepen.io/vue-material"}},[t._v("@vue-material")]),t._v(") on "),a("a",{attrs:{href:"http://codepen.io"}},[t._v("CodePen")]),t._v(".")])],1),t._v(" "),a("section",[a("h3",{staticClass:"md-title"},[t._v("File Application UI")]),t._v(" "),a("iframe",{attrs:{width:"360",height:"610",scrolling:"no",title:"File Application UI",src:"//codepen.io/vue-material/embed/WoZpMR/?height=610&theme-id=dark&default-tab=result&embed-version=2",frameborder:"no",allowtransparency:"true",allowfullscreen:"true"}},[t._v("See the Pen "),a("a",{attrs:{href:"http://codepen.io/vue-material/pen/WoZpMR/"}},[t._v("Vue Material Example")]),t._v(" by Vue Material ("),a("a",{attrs:{href:"http://codepen.io/vue-material"}},[t._v("@vue-material")]),t._v(") on "),a("a",{attrs:{href:"http://codepen.io"}},[t._v("CodePen")]),t._v(".")])],1)])])])},staticRenderFns:[]}},578:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("page-content",{attrs:{"page-title":"About"}},[a("div",{staticClass:"main-content"},[a("section",[a("h2",{staticClass:"md-headline"},[t._v("Author")]),t._v(" "),a("div",{staticClass:"author-card"},[a("md-avatar",{staticClass:"md-large"},[a("img",{attrs:{src:"assets/marcosmoura.jpg",alt:"Marcos Moura"}})]),t._v(" "),a("div",{staticClass:"author-card-info"},[a("span",[t._v("Marcos Moura")]),t._v(" "),a("div",{staticClass:"author-card-links"},[a("a",{attrs:{href:"https://github.com/marcosmoura",target:"_blank",rel:"noopener"}},[t._v("GitHub")]),t._v(" "),a("a",{attrs:{href:"https://linkedin.com/in/marcosvmmoura",target:"_blank",rel:"noopener"}},[t._v("Linkedin")])])])],1)]),t._v(" "),a("section",[a("h2",{staticClass:"md-headline"},[t._v("Browser Support")]),t._v(" "),a("p",[t._v("Vue Material supports the latest version of all Browsers. This means:")]),t._v(" "),a("ul",[a("li",[t._v("Google Chrome 52+")]),t._v(" "),a("li",[t._v("Firefox 48+ ")]),t._v(" "),a("li",[t._v("Safari 9+ ")]),t._v(" "),a("li",[t._v("Opera 38+ ")]),t._v(" "),a("li",[t._v("Edge 12+ ")]),t._v(" "),a("li",[t._v("IE 11")])])]),t._v(" "),a("section",[a("h2",{staticClass:"md-headline"},[t._v("Credits and Thanks")]),t._v(" "),a("ul",[a("li",[t._v("This library aims to delivery components using almost the same API of "),a("a",{attrs:{href:"https://material.angularjs.org/latest/",target:"_blank"}},[t._v("Angular Material")])]),t._v(" "),a("li",[t._v("Thanks a lot to "),a("a",{attrs:{href:"https://github.com/elviskang",target:"_blank"}},[t._v("elviskang")]),t._v(" for donating the npm package name!")]),t._v(" "),a("li",[t._v("Thanks to "),a("a",{attrs:{href:"https://github.com/yyx990803",target:"_blank"}},[t._v("Evan You")]),t._v(" for allowing me to use Vue.js Logo.")])])]),t._v(" "),a("section",[a("h2",{staticClass:"md-headline"},[t._v("Internal Dependencies")]),t._v("\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 "),a("ul",[a("li",[a("a",{attrs:{href:"http://vuejs.org",rel:"noopener",target:"_blank"}},[t._v("Vue")])]),t._v(" "),a("li",[a("a",{attrs:{href:"http://www.jacklmoore.com/autosize/",rel:"noopener",target:"_blank"}},[t._v("autosize")])]),t._v(" "),a("li",[a("a",{attrs:{href:"https://www.npmjs.com/package/element.scrollintoviewifneeded-polyfill",rel:"noopener",target:"_blank"}},[t._v("element.scrollintoviewifneeded-polyfill")])])])]),t._v(" "),a("section",[a("h2",{staticClass:"md-headline"},[t._v("License")]),t._v(" "),a("p",[t._v("MIT")])])])])},staticRenderFns:[]}},584:function(t,e,a){var n=a(516);"string"==typeof n&&(n=[[t.i,n,""]]),n.locals&&(t.exports=n.locals);a(5)("352e59d3",n,!0)},597:function(t,e,a){var n=a(529);"string"==typeof n&&(n=[[t.i,n,""]]),n.locals&&(t.exports=n.locals);a(5)("199395ae",n,!0)},598:function(t,e,a){var n=a(530);"string"==typeof n&&(n=[[t.i,n,""]]),n.locals&&(t.exports=n.locals);a(5)("26805dbd",n,!0)},601:function(t,e,a){var n=a(533);"string"==typeof n&&(n=[[t.i,n,""]]),n.locals&&(t.exports=n.locals);a(5)("2dbdff63",n,!0)},609:function(t,e,a){var n=a(541);"string"==typeof n&&(n=[[t.i,n,""]]),n.locals&&(t.exports=n.locals);a(5)("67e1d49f",n,!0)}}); \ No newline at end of file diff --git a/bottom-bar.d91c96eb.js b/bottom-bar.d91c96eb.js new file mode 100644 index 0000000..e816626 --- /dev/null +++ b/bottom-bar.d91c96eb.js @@ -0,0 +1 @@ +webpackJsonp([13,34],{464:function(t,e,o){o(610);var m=o(0)(o(497),o(579),"data-v-e0487734",null);t.exports=m.exports},497:function(t,e,o){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={data:function(){return{playground:{theme:"brown"}}},methods:{setTheme:function(t){this.playground.theme=t}}},t.exports=e.default},542:function(t,e,o){e=t.exports=o(4)(),e.push([t.i,".md-bottom-bar[data-v-e0487734]{position:absolute;right:0;bottom:0;left:0}.phone-viewport[data-v-e0487734]{width:320px;height:150px;margin-right:16px;display:inline-block;position:relative;overflow:hidden;background-color:#ededed}",""])},579:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("page-content",{attrs:{"page-title":"Components - Bottom Bar"}},[o("docs-component",[o("div",{slot:"description"},[o("p",[t._v("Bottom navigation bars make it easy to explore and switch between top-level views in a single tap.")]),t._v(" "),o("p",[t._v("The following classes can be applied to change the color palette:")]),t._v(" "),o("ul",{staticClass:"md-body-2"},[o("li",[o("code",[t._v("md-accent")])]),t._v(" "),o("li",[o("code",[t._v("md-warn")])]),t._v(" "),o("li",[o("code",[t._v("md-transparent")])])])]),t._v(" "),o("div",{slot:"api"},[o("api-table",{attrs:{name:"md-bottom-bar"}},[o("md-table",{slot:"properties"},[o("md-table-header",[o("md-table-row",[o("md-table-head",[t._v("Name")]),t._v(" "),o("md-table-head",[t._v("Type")]),t._v(" "),o("md-table-head",[t._v("Description")])],1)],1),t._v(" "),o("md-table-body",[o("md-table-row",[o("md-table-cell",[t._v("md-shift")]),t._v(" "),o("md-table-cell",[o("code",[t._v("Boolean")])]),t._v(" "),o("md-table-cell",[t._v("Enable the shifting variant. Default "),o("code",[t._v("false")])])],1)],1)],1),t._v(" "),o("md-table",{slot:"events"},[o("md-table-header",[o("md-table-row",[o("md-table-head",[t._v("Name")]),t._v(" "),o("md-table-head",[t._v("Value")]),t._v(" "),o("md-table-head",[t._v("Description")])],1)],1),t._v(" "),o("md-table-body",[o("md-table-row",[o("md-table-cell",[t._v("change")]),t._v(" "),o("md-table-cell",[t._v("Receive the item index")]),t._v(" "),o("md-table-cell",[t._v("Triggered when an item is activated.")])],1)],1)],1)],1),t._v(" "),o("api-table",{attrs:{name:"md-bottom-bar-item"}},[o("md-table",{slot:"properties"},[o("md-table-header",[o("md-table-row",[o("md-table-head",[t._v("Name")]),t._v(" "),o("md-table-head",[t._v("Type")]),t._v(" "),o("md-table-head",[t._v("Description")])],1)],1),t._v(" "),o("md-table-body",[o("md-table-row",[o("md-table-cell",[t._v("md-icon")]),t._v(" "),o("md-table-cell",[o("code",[t._v("String")])]),t._v(" "),o("md-table-cell",[t._v("Icon name on the "),o("a",{attrs:{href:"https://material.io/icons/",target:"_blank",rel:"noopener"}},[t._v("Material Icons")]),t._v(" docs.")])],1),t._v(" "),o("md-table-row",[o("md-table-cell",[t._v("md-icon-src")]),t._v(" "),o("md-table-cell",[o("code",[t._v("String")])]),t._v(" "),o("md-table-cell",[t._v("Set icon src url. See "),o("a",{attrs:{href:"#/components/Icon"}},[t._v("Icon ")]),t._v(" component for more details.")])],1),t._v(" "),o("md-table-row",[o("md-table-cell",[t._v("md-iconset")]),t._v(" "),o("md-table-cell",[o("code",[t._v("String")])]),t._v(" "),o("md-table-cell",[t._v("Set the 3rd party iconset to use. See "),o("a",{attrs:{href:"#/components/Icon"}},[t._v("Icon ")]),t._v(" component for more details.")])],1),t._v(" "),o("md-table-row",[o("md-table-cell",[t._v("md-active")]),t._v(" "),o("md-table-cell",[o("code",[t._v("Boolean")])]),t._v(" "),o("md-table-cell",[t._v("Set initial selection. Default "),o("code",[t._v("false")])])],1),t._v(" "),o("md-table-row",[o("md-table-cell",[t._v("href")]),t._v(" "),o("md-table-cell",[o("code",[t._v("String")])]),t._v(" "),o("md-table-cell",[t._v("Create a anchor on the item - In this case the generated tag will be "),o("code",[t._v("")]),t._v(".")])],1),t._v(" "),o("md-table-row",[o("md-table-cell",[t._v("disabled")]),t._v(" "),o("md-table-cell",[o("code",[t._v("Boolean")])]),t._v(" "),o("md-table-cell",[t._v("Disable the item and prevent his actions. Default "),o("code",[t._v("false")])])],1)],1)],1)],1)],1),t._v(" "),o("div",{slot:"example"},[o("example-box",{attrs:{"card-title":"Default"}},[o("div",{slot:"demo"},[o("div",{staticClass:"phone-viewport"},[o("md-bottom-bar",[o("md-bottom-bar-item",{attrs:{"md-icon":"history"}},[t._v("Recents")]),t._v(" "),o("md-bottom-bar-item",{attrs:{"md-icon":"favorite","md-active":""}},[t._v("Favorites")]),t._v(" "),o("md-bottom-bar-item",{attrs:{"md-icon":"near_me"}},[t._v("Nearby")])],1)],1)]),t._v(" "),o("div",{slot:"code"},[o("code-block",{attrs:{lang:"xml"}},[t._v('\n \n Recents\n Favorites\n Nearby\n \n ')])],1)]),t._v(" "),o("example-box",{attrs:{"card-title":"Using SVG"}},[o("div",{slot:"demo"},[o("div",{staticClass:"phone-viewport"},[o("md-bottom-bar",[o("md-bottom-bar-item",{attrs:{"md-icon-src":"assets/icon-home.svg"}},[t._v("Recents")]),t._v(" "),o("md-bottom-bar-item",{attrs:{"md-icon-src":"assets/icon-home.svg","md-active":""}},[t._v("Favorites")]),t._v(" "),o("md-bottom-bar-item",{attrs:{"md-icon-src":"assets/icon-home.svg"}},[t._v("Nearby")])],1)],1)]),t._v(" "),o("div",{slot:"code"},[o("code-block",{attrs:{lang:"xml"}},[t._v('\n \n Recents\n Favorites\n Nearby\n \n ')])],1)]),t._v(" "),o("example-box",{attrs:{"card-title":"Using Iconsets"}},[o("div",{slot:"demo"},[o("link",{attrs:{rel:"stylesheet",href:"https://cdnjs.cloudflare.com/ajax/libs/simple-line-icons/2.4.1/css/simple-line-icons.min.css"}}),t._v(" "),o("div",[t._v("This example uses "),o("a",{attrs:{href:"http://simplelineicons.com/",target:"simple_line"}},[t._v("Simple Line Icons")])]),t._v(" "),o("div",{staticClass:"phone-viewport"},[o("md-bottom-bar",[o("md-bottom-bar-item",{attrs:{"md-iconset":"icon-speedometer"}},[t._v("Recents")]),t._v(" "),o("md-bottom-bar-item",{attrs:{"md-iconset":"icon-heart","md-active":""}},[t._v("Favorites")]),t._v(" "),o("md-bottom-bar-item",{attrs:{"md-iconset":"icon-cursor"}},[t._v("Nearby")])],1)],1)]),t._v(" "),o("div",{slot:"code"},[o("code-block",{attrs:{lang:"xml"}},[t._v('\n \n Recents\n Favorites\n Nearby\n \n ')])],1)]),t._v(" "),o("example-box",{attrs:{"card-title":"Shifting"}},[o("div",{slot:"demo"},[o("div",{staticClass:"phone-viewport"},[o("md-bottom-bar",{attrs:{"md-shift":""}},[o("md-bottom-bar-item",{attrs:{"md-icon":"ondemand_video"}},[t._v("Movies")]),t._v(" "),o("md-bottom-bar-item",{attrs:{"md-icon":"music_note"}},[t._v("Music")]),t._v(" "),o("md-bottom-bar-item",{attrs:{"md-icon":"books","md-active":""}},[t._v("Books")]),t._v(" "),o("md-bottom-bar-item",{attrs:{"md-icon":"photo"}},[t._v("Pictures")])],1)],1)]),t._v(" "),o("div",{slot:"code"},[o("code-block",{attrs:{lang:"xml"}},[t._v('\n \n Movies\n Music\n Books\n Pictures\n \n ')])],1)]),t._v(" "),o("example-box",{attrs:{"card-title":"Themes"}},[o("div",{slot:"demo"},[o("div",{staticClass:"phone-viewport"},[o("md-bottom-bar",{attrs:{"md-theme":"teal"}},[o("md-bottom-bar-item",{attrs:{"md-icon":"history"}},[t._v("Recents")]),t._v(" "),o("md-bottom-bar-item",{attrs:{"md-icon":"favorite","md-active":""}},[t._v("Favorites")]),t._v(" "),o("md-bottom-bar-item",{attrs:{"md-icon":"near_me"}},[t._v("Nearby")])],1)],1),t._v(" "),o("div",{staticClass:"phone-viewport"},[o("md-bottom-bar",{attrs:{"md-shift":"","md-theme":"indigo"}},[o("md-bottom-bar-item",{attrs:{"md-icon":"ondemand_video"}},[t._v("Movies")]),t._v(" "),o("md-bottom-bar-item",{attrs:{"md-icon":"music_note"}},[t._v("Music")]),t._v(" "),o("md-bottom-bar-item",{attrs:{"md-icon":"books","md-active":""}},[t._v("Books")]),t._v(" "),o("md-bottom-bar-item",{attrs:{"md-icon":"photo"}},[t._v("Pictures")])],1)],1)]),t._v(" "),o("div",{slot:"code"},[o("code-block",{attrs:{lang:"xml"}},[t._v('\n
\n \n Recents\n Favorites\n Nearby\n \n
\n\n
\n \n Movies\n Music\n Books\n Pictures\n \n
\n ')])],1)]),t._v(" "),o("example-box",{attrs:{"card-title":"Dynamic Theme Example"}},[o("div",{slot:"demo"},[o("div",{staticClass:"phone-viewport"},[o("md-bottom-bar",{attrs:{"md-shift":"","md-theme":t.playground.theme}},[o("md-bottom-bar-item",{attrs:{"md-icon":"ondemand_video"},nativeOn:{click:function(e){t.setTheme("blue")}}},[t._v("Movies")]),t._v(" "),o("md-bottom-bar-item",{attrs:{"md-icon":"music_note"},nativeOn:{click:function(e){t.setTheme("teal")}}},[t._v("Music")]),t._v(" "),o("md-bottom-bar-item",{attrs:{"md-icon":"books","md-active":""},nativeOn:{click:function(e){t.setTheme("brown")}}},[t._v("Books")]),t._v(" "),o("md-bottom-bar-item",{attrs:{"md-icon":"photo"},nativeOn:{click:function(e){t.setTheme("indigo")}}},[t._v("Pictures")])],1)],1)]),t._v(" "),o("div",{slot:"code"},[o("code-block",{attrs:{lang:"xml"}},[t._v('\n \n \n Movies\n Music\n Books\n Pictures\n \n \n ')]),t._v(" "),o("code-block",{attrs:{lang:"javascript"}},[t._v("\n export default {\n data() {\n return {\n playground: {\n theme: 'brown'\n }\n };\n },\n methods: {\n setTheme(theme) {\n this.playground.theme = theme;\n }\n }\n };\n ")])],1)])],1)])],1)},staticRenderFns:[]}},610:function(t,e,o){var m=o(542);"string"==typeof m&&(m=[[t.i,m,""]]),m.locals&&(t.exports=m.locals);o(5)("7e5b1024",m,!0)}}); \ No newline at end of file diff --git a/button-toggle.c6150e67.js b/button-toggle.c6150e67.js new file mode 100644 index 0000000..30813bf --- /dev/null +++ b/button-toggle.c6150e67.js @@ -0,0 +1 @@ +webpackJsonp([19,34],{465:function(t,n,o){o(591);var d=o(0)(null,o(554),"data-v-2f0a6f18",null);t.exports=d.exports},523:function(t,n,o){n=t.exports=o(4)(),n.push([t.i,".md-button-toggle+.md-button-toggle[data-v-2f0a6f18]{margin-top:16px}",""])},554:function(t,n){t.exports={render:function(){var t=this,n=t.$createElement,o=t._self._c||n;return o("page-content",{attrs:{"page-title":"Components - Button Toggle"}},[o("docs-component",[o("div",{slot:"description"},[o("p",[t._v("Toggle buttons may be used to group related options. Arrange layout and spacing to convey that certain toggle buttons are part of a group.")]),t._v(" "),o("p",[t._v("The following classes can be applied to change the color palette:")]),t._v(" "),o("ul",{staticClass:"md-body-2"},[o("li",[o("code",[t._v("md-primary")])]),t._v(" "),o("li",[o("code",[t._v("md-accent")])]),t._v(" "),o("li",[o("code",[t._v("md-warn")])])])]),t._v(" "),o("div",{slot:"api"},[o("api-table",{attrs:{name:"md-button-toggle"}},[o("md-table",{slot:"properties"},[o("md-table-header",[o("md-table-row",[o("md-table-head",[t._v("Name")]),t._v(" "),o("md-table-head",[t._v("Type")]),t._v(" "),o("md-table-head",[t._v("Description")])],1)],1),t._v(" "),o("md-table-body",[o("md-table-row",[o("md-table-cell",[t._v("md-single")]),t._v(" "),o("md-table-cell",[o("code",[t._v("Boolean")])]),t._v(" "),o("md-table-cell",[t._v("Enable single selection. Default "),o("code",[t._v("false")])])],1)],1)],1)],1),t._v(" "),o("api-table",{attrs:{name:"md-button"}},[o("md-table",{slot:"classes"},[o("md-table-header",[o("md-table-row",[o("md-table-head",[t._v("Name")]),t._v(" "),o("md-table-head",[t._v("Description")])],1)],1),t._v(" "),o("md-table-body",[o("md-table-row",[o("md-table-cell",[t._v("md-toggle")]),t._v(" "),o("md-table-cell",[t._v("Active selection")])],1)],1)],1)],1)],1),t._v(" "),o("div",{slot:"example"},[o("example-box",{attrs:{"card-title":"Multiple"}},[o("div",{slot:"demo"},[o("md-button-toggle",[o("md-button",{staticClass:"md-icon-button md-toggle"},[o("md-icon",[t._v("format_bold")])],1),t._v(" "),o("md-button",{staticClass:"md-icon-button"},[o("md-icon",[t._v("format_italic")])],1),t._v(" "),o("md-button",{staticClass:"md-icon-button"},[o("md-icon",[t._v("strikethrough_s")])],1),t._v(" "),o("md-button",{staticClass:"md-icon-button md-toggle"},[o("md-icon",[t._v("title")])],1)],1),t._v(" "),o("md-button-toggle",{staticClass:"md-primary"},[o("md-button",{staticClass:"md-icon-button md-toggle"},[o("md-icon",[t._v("format_bold")])],1),t._v(" "),o("md-button",{staticClass:"md-icon-button md-toggle"},[o("md-icon",[t._v("format_italic")])],1),t._v(" "),o("md-button",{staticClass:"md-icon-button"},[o("md-icon",[t._v("format_underline")])],1),t._v(" "),o("md-button",{staticClass:"md-icon-button"},[o("md-icon",[t._v("title")])],1)],1),t._v(" "),o("md-button-toggle",{staticClass:"md-accent"},[o("md-button",{staticClass:"md-icon-button md-toggle"},[o("md-icon",[t._v("format_bold")])],1),t._v(" "),o("md-button",{staticClass:"md-icon-button md-toggle"},[o("md-icon",[t._v("format_italic")])],1),t._v(" "),o("md-button",{staticClass:"md-icon-button"},[o("md-icon",[t._v("format_underline")])],1),t._v(" "),o("md-button",{staticClass:"md-icon-button"},[o("md-icon",[t._v("title")])],1)],1),t._v(" "),o("md-button-toggle",{staticClass:"md-warn"},[o("md-button",{staticClass:"md-icon-button md-toggle"},[o("md-icon",[t._v("format_bold")])],1),t._v(" "),o("md-button",{staticClass:"md-icon-button md-toggle"},[o("md-icon",[t._v("format_italic")])],1),t._v(" "),o("md-button",{staticClass:"md-icon-button"},[o("md-icon",[t._v("strikethrough_s")])],1),t._v(" "),o("md-button",{staticClass:"md-icon-button"},[o("md-icon",[t._v("title")])],1)],1),t._v(" "),o("md-button-toggle",{staticClass:"md-primary"},[o("md-button",{staticClass:"md-icon-button"},[o("md-icon",[t._v("format_bold")])],1),t._v(" "),o("md-button",{staticClass:"md-icon-button",attrs:{disabled:""}},[o("md-icon",[t._v("format_italic")])],1),t._v(" "),o("md-button",{staticClass:"md-icon-button",attrs:{disabled:""}},[o("md-icon",[t._v("strikethrough_s")])],1),t._v(" "),o("md-button",{staticClass:"md-icon-button"},[o("md-icon",[t._v("title")])],1)],1),t._v(" "),o("md-button-toggle",[o("md-button",{staticClass:"md-toggle"},[t._v("Works")]),t._v(" "),o("md-button",{staticClass:"md-toggle"},[t._v("With")]),t._v(" "),o("md-button",[t._v("Text")]),t._v(" "),o("md-button",[t._v("Too")])],1)],1),t._v(" "),o("div",{slot:"code"},[o("code-block",{attrs:{lang:"xml"}},[t._v('\n \n \n format_bold\n \n\n \n format_italic\n \n\n \n strikethrough_s\n \n\n \n title\n \n \n\n \n \n format_bold\n \n\n \n format_italic\n \n\n \n format_underline\n \n\n \n title\n \n \n\n \n \n format_bold\n \n\n \n format_italic\n \n\n \n format_underline\n \n\n \n title\n \n \n\n \n \n format_bold\n \n\n \n format_italic\n \n\n \n strikethrough_s\n \n\n \n title\n \n \n\n \n \n format_bold\n \n\n \n format_italic\n \n\n \n strikethrough_s\n \n\n \n title\n \n \n\n \n Works\n With\n Text\n Too\n \n ')])],1)]),t._v(" "),o("example-box",{attrs:{"card-title":"Single Selection"}},[o("div",{slot:"demo"},[o("md-button-toggle",{attrs:{"md-single":""}},[o("md-button",{staticClass:"md-icon-button"},[o("md-icon",[t._v("format_bold")])],1),t._v(" "),o("md-button",{staticClass:"md-icon-button"},[o("md-icon",[t._v("format_italic")])],1),t._v(" "),o("md-button",{staticClass:"md-icon-button"},[o("md-icon",[t._v("strikethrough_s")])],1),t._v(" "),o("md-button",{staticClass:"md-icon-button md-toggle"},[o("md-icon",[t._v("title")])],1)],1),t._v(" "),o("md-button-toggle",{staticClass:"md-primary",attrs:{"md-single":""}},[o("md-button",{staticClass:"md-icon-button"},[o("md-icon",[t._v("format_bold")])],1),t._v(" "),o("md-button",{staticClass:"md-icon-button md-toggle"},[o("md-icon",[t._v("format_italic")])],1),t._v(" "),o("md-button",{staticClass:"md-icon-button"},[o("md-icon",[t._v("format_underline")])],1),t._v(" "),o("md-button",{staticClass:"md-icon-button"},[o("md-icon",[t._v("title")])],1)],1),t._v(" "),o("md-button-toggle",{staticClass:"md-accent",attrs:{"md-single":""}},[o("md-button",{staticClass:"md-icon-button md-toggle"},[o("md-icon",[t._v("format_bold")])],1),t._v(" "),o("md-button",{staticClass:"md-icon-button"},[o("md-icon",[t._v("format_italic")])],1),t._v(" "),o("md-button",{staticClass:"md-icon-button"},[o("md-icon",[t._v("format_underline")])],1),t._v(" "),o("md-button",{staticClass:"md-icon-button"},[o("md-icon",[t._v("title")])],1)],1),t._v(" "),o("md-button-toggle",{staticClass:"md-warn",attrs:{"md-single":""}},[o("md-button",{staticClass:"md-icon-button"},[o("md-icon",[t._v("format_bold")])],1),t._v(" "),o("md-button",{staticClass:"md-icon-button"},[o("md-icon",[t._v("format_italic")])],1),t._v(" "),o("md-button",{staticClass:"md-icon-button md-toggle"},[o("md-icon",[t._v("strikethrough_s")])],1),t._v(" "),o("md-button",{staticClass:"md-icon-button"},[o("md-icon",[t._v("title")])],1)],1),t._v(" "),o("md-button-toggle",{staticClass:"md-primary",attrs:{"md-single":""}},[o("md-button",{staticClass:"md-icon-button"},[o("md-icon",[t._v("format_bold")])],1),t._v(" "),o("md-button",{staticClass:"md-icon-button",attrs:{disabled:""}},[o("md-icon",[t._v("format_italic")])],1),t._v(" "),o("md-button",{staticClass:"md-icon-button",attrs:{disabled:""}},[o("md-icon",[t._v("strikethrough_s")])],1),t._v(" "),o("md-button",{staticClass:"md-icon-button"},[o("md-icon",[t._v("title")])],1)],1),t._v(" "),o("md-button-toggle",{attrs:{"md-single":""}},[o("md-button",[t._v("Works")]),t._v(" "),o("md-button",[t._v("With")]),t._v(" "),o("md-button",[t._v("Text")]),t._v(" "),o("md-button",[t._v("Too")])],1)],1),t._v(" "),o("div",{slot:"code"},[o("code-block",{attrs:{lang:"xml"}},[t._v('\n \n \n format_bold\n \n\n \n format_italic\n \n\n \n strikethrough_s\n \n\n \n title\n \n \n\n \n \n format_bold\n \n\n \n format_italic\n \n\n \n format_underline\n \n\n \n title\n \n \n\n \n \n format_bold\n \n\n \n format_italic\n \n\n \n format_underline\n \n\n \n title\n \n \n\n \n \n format_bold\n \n\n \n format_italic\n \n\n \n strikethrough_s\n \n\n \n title\n \n \n\n \n \n format_bold\n \n\n \n format_italic\n \n\n \n strikethrough_s\n \n\n \n title\n \n \n\n \n Works\n With\n Text\n Too\n \n ')])],1)])],1)])],1)},staticRenderFns:[]}},591:function(t,n,o){var d=o(523);"string"==typeof d&&(d=[[t.i,d,""]]),d.locals&&(t.exports=d.locals);o(5)("3ba2418c",d,!0)}}); \ No newline at end of file diff --git a/buttons.b9a70faf.js b/buttons.b9a70faf.js new file mode 100644 index 0000000..4b9008c --- /dev/null +++ b/buttons.b9a70faf.js @@ -0,0 +1 @@ +webpackJsonp([12,34],{466:function(t,d,n){n(600);var m=n(0)(n(498),n(566),"data-v-57e41aff",null);t.exports=m.exports},498:function(t,d,n){"use strict";Object.defineProperty(d,"__esModule",{value:!0}),d.default={data:function(){return{buttonDisabled:!0}},methods:{disablePrimaryButton:function(){this.buttonDisabled=!this.buttonDisabled}}},t.exports=d.default},532:function(t,d,n){d=t.exports=n(4)(),d.push([t.i,".disabled-button[data-v-57e41aff]{margin-left:8px}.fab-holder[data-v-57e41aff]{height:300px}",""])},566:function(t,d){t.exports={render:function(){var t=this,d=t.$createElement,n=t._self._c||d;return n("page-content",{attrs:{"page-title":"Components - Button"}},[n("docs-component",[n("div",{slot:"description"},[n("p",[t._v("Buttons communicate the action that will occur when the user touches them.")]),t._v(" "),n("p",[t._v("The following classes can be applied to change the color palette:")]),t._v(" "),n("ul",{staticClass:"md-body-2"},[n("li",[n("code",[t._v("md-primary")])]),t._v(" "),n("li",[n("code",[t._v("md-accent")])]),t._v(" "),n("li",[n("code",[t._v("md-warn")])])])]),t._v(" "),n("div",{slot:"api"},[n("api-table",{attrs:{name:"md-button"}},[n("md-table",{slot:"properties"},[n("md-table-header",[n("md-table-row",[n("md-table-head",[t._v("Name")]),t._v(" "),n("md-table-head",[t._v("Type")]),t._v(" "),n("md-table-head",[t._v("Description")])],1)],1),t._v(" "),n("md-table-body",[n("md-table-row",[n("md-table-cell",[t._v("disabled")]),t._v(" "),n("md-table-cell",[n("code",[t._v("Boolean")])]),t._v(" "),n("md-table-cell",[t._v("Disable the button and prevent his actions. Default "),n("code",[t._v("false")])])],1),t._v(" "),n("md-table-row",[n("md-table-cell",[t._v("type")]),t._v(" "),n("md-table-cell",[n("code",[t._v("String")])]),t._v(" "),n("md-table-cell",[t._v("Apply a type to button - Doesn't apply for links.")])],1),t._v(" "),n("md-table-row",[n("md-table-cell",[t._v("href")]),t._v(" "),n("md-table-cell",[n("code",[t._v("String")])]),t._v(" "),n("md-table-cell",[t._v("Create a anchor on the button - In this case the generated tag will be "),n("code",[t._v("
")]),t._v(".")])],1)],1)],1),t._v(" "),n("md-table",{slot:"classes"},[n("md-table-header",[n("md-table-row",[n("md-table-head",[t._v("Name")]),t._v(" "),n("md-table-head",[t._v("Description")])],1)],1),t._v(" "),n("md-table-body",[n("md-table-row",[n("md-table-cell",[t._v("md-raised")]),t._v(" "),n("md-table-cell",[t._v("Raised button")])],1),t._v(" "),n("md-table-row",[n("md-table-cell",[t._v("md-icon-button")]),t._v(" "),n("md-table-cell",[t._v("Create rounded buttons - Need a inside")])],1),t._v(" "),n("md-table-row",[n("md-table-cell",[t._v("md-dense")]),t._v(" "),n("md-table-cell",[t._v("Small dense buttons")])],1),t._v(" "),n("md-table-row",[n("md-table-cell",[t._v("md-fab")]),t._v(" "),n("md-table-cell",[t._v("Create an Floating Action Button")])],1),t._v(" "),n("md-table-row",[n("md-table-cell",[t._v("md-mini")]),t._v(" "),n("md-table-cell",[t._v("Small md-fab")])],1),t._v(" "),n("md-table-row",[n("md-table-cell",[t._v("md-fab-top-left")]),t._v(" "),n("md-table-cell",[t._v("Position the md-fab absolutely on the top left of his parent")])],1),t._v(" "),n("md-table-row",[n("md-table-cell",[t._v("md-fab-top-center")]),t._v(" "),n("md-table-cell",[t._v("Position the md-fab absolutely on the top center of his parent")])],1),t._v(" "),n("md-table-row",[n("md-table-cell",[t._v("md-fab-top-right")]),t._v(" "),n("md-table-cell",[t._v("Position the md-fab absolutely on the top right of his parent")])],1),t._v(" "),n("md-table-row",[n("md-table-cell",[t._v("md-fab-bottom-left")]),t._v(" "),n("md-table-cell",[t._v("Position the md-fab absolutely on the bottom left of his parent")])],1),t._v(" "),n("md-table-row",[n("md-table-cell",[t._v("md-fab-bottom-center")]),t._v(" "),n("md-table-cell",[t._v("Position the md-fab absolutely on the bottom center of his parent")])],1),t._v(" "),n("md-table-row",[n("md-table-cell",[t._v("md-fab-bottom-right")]),t._v(" "),n("md-table-cell",[t._v("Position the md-fab absolutely on the bottom right of his parent")])],1)],1)],1)],1)],1),t._v(" "),n("div",{slot:"example"},[n("example-box",{attrs:{"card-title":"Flat"}},[n("div",{slot:"demo"},[n("md-button",[t._v("Default")]),t._v(" "),n("md-button",{staticClass:"md-primary"},[t._v("Primary")]),t._v(" "),n("md-button",{staticClass:"md-accent"},[t._v("Accent")]),t._v(" "),n("md-button",{staticClass:"md-warn"},[t._v("Warn")]),t._v(" "),n("md-button",{staticClass:"md-primary",attrs:{disabled:""}},[t._v("Disabled")]),t._v(" "),n("md-button",{staticClass:"md-dense"},[t._v("Dense")])],1),t._v(" "),n("div",{slot:"code"},[n("code-block",{attrs:{lang:"xml"}},[t._v('\n Default\n Primary\n Accent\n Warn\n Disabled\n Dense\n ')])],1)]),t._v(" "),n("example-box",{attrs:{"card-title":"Raised"}},[n("div",{slot:"demo"},[n("md-button",{staticClass:"md-raised"},[t._v("Default")]),t._v(" "),n("md-button",{staticClass:"md-raised md-primary"},[t._v("Primary")]),t._v(" "),n("md-button",{staticClass:"md-raised md-accent"},[t._v("Accent")]),t._v(" "),n("md-button",{staticClass:"md-raised md-warn"},[t._v("Warn")]),t._v(" "),n("md-button",{staticClass:"md-raised md-primary",attrs:{disabled:""}},[t._v("Disabled")]),t._v(" "),n("md-button",{staticClass:"md-raised md-dense"},[t._v("Dense")])],1),t._v(" "),n("div",{slot:"code"},[n("code-block",{attrs:{lang:"xml"}},[t._v('\n Default\n Primary\n Accent\n Warn\n Disabled\n Dense\n ')])],1)]),t._v(" "),n("example-box",{attrs:{"card-title":"Button vs Link vs Router Link"}},[n("div",{slot:"demo"},[n("md-button",{staticClass:"md-raised md-primary"},[t._v("Button")]),t._v(" "),n("md-button",{staticClass:"md-raised md-primary",attrs:{href:"#/components/button"}},[t._v("Link")]),t._v(" "),n("router-link",{staticClass:"md-raised md-primary",attrs:{tag:"md-button",to:"/components/button"}},[t._v("Router Link")])],1),t._v(" "),n("div",{slot:"code"},[n("code-block",{attrs:{lang:"xml"}},[t._v('\n Button\n Link\n Router Link\n ')])],1)]),t._v(" "),n("example-box",{attrs:{"card-title":"Icons - Flat"}},[n("div",{slot:"demo"},[n("md-button",{staticClass:"md-icon-button"},[n("md-icon",[t._v("more_vert")])],1),t._v(" "),n("md-button",{staticClass:"md-icon-button md-primary"},[n("md-icon",[t._v("more_vert")])],1),t._v(" "),n("md-button",{staticClass:"md-icon-button md-accent"},[n("md-icon",[t._v("more_vert")])],1),t._v(" "),n("md-button",{staticClass:"md-icon-button md-warn"},[n("md-icon",[t._v("more_vert")])],1),t._v(" "),n("md-button",{staticClass:"md-icon-button",attrs:{disabled:""}},[n("md-icon",[t._v("more_vert")])],1),t._v(" "),n("md-button",{staticClass:"md-icon-button md-dense"},[n("md-icon",[t._v("more_vert")])],1)],1),t._v(" "),n("div",{slot:"code"},[n("code-block",{attrs:{lang:"xml"}},[t._v('\n \n more_vert\n \n\n \n more_vert\n \n\n \n more_vert\n \n\n \n more_vert\n \n\n \n more_vert\n \n\n \n more_vert\n \n ')])],1)]),t._v(" "),n("example-box",{attrs:{"card-title":"Icons - Raised"}},[n("div",{slot:"demo"},[n("md-button",{staticClass:"md-icon-button md-raised"},[n("md-icon",[t._v("add")])],1),t._v(" "),n("md-button",{staticClass:"md-icon-button md-raised md-primary"},[n("md-icon",[t._v("add")])],1),t._v(" "),n("md-button",{staticClass:"md-icon-button md-raised md-accent"},[n("md-icon",[t._v("add")])],1),t._v(" "),n("md-button",{staticClass:"md-icon-button md-raised md-warn"},[n("md-icon",[t._v("add")])],1),t._v(" "),n("md-button",{staticClass:"md-icon-button md-raised",attrs:{disabled:""}},[n("md-icon",[t._v("add")])],1),t._v(" "),n("md-button",{staticClass:"md-icon-button md-raised md-dense"},[n("md-icon",[t._v("add")])],1)],1),t._v(" "),n("div",{slot:"code"},[n("code-block",{attrs:{lang:"xml"}},[t._v('\n \n add\n \n\n \n add\n \n\n \n add\n \n\n \n add\n \n\n \n add\n \n\n \n add\n \n ')])],1)]),t._v(" "),n("example-box",{attrs:{"card-title":"Floating Action Button"}},[n("div",{staticClass:"fab-holder",slot:"demo"},[n("div",[n("md-button",{staticClass:"md-fab"},[n("md-icon",[t._v("edit")])],1),t._v(" "),n("md-button",{staticClass:"md-fab md-primary"},[n("md-icon",[t._v("email")])],1),t._v(" "),n("md-button",{staticClass:"md-fab md-warn"},[n("md-icon",[t._v("save")])],1),t._v(" "),n("md-button",{staticClass:"md-fab md-clean"},[n("md-icon",[t._v("dialpad")])],1),t._v(" "),n("md-button",{staticClass:"md-fab",attrs:{disabled:""}},[n("md-icon",[t._v("message")])],1)],1),t._v(" "),n("div",[n("md-button",{staticClass:"md-fab md-mini"},[n("md-icon",[t._v("edit")])],1),t._v(" "),n("md-button",{staticClass:"md-fab md-primary md-mini"},[n("md-icon",[t._v("email")])],1),t._v(" "),n("md-button",{staticClass:"md-fab md-warn md-mini"},[n("md-icon",[t._v("save")])],1),t._v(" "),n("md-button",{staticClass:"md-fab md-clean md-mini"},[n("md-icon",[t._v("dialpad")])],1),t._v(" "),n("md-button",{staticClass:"md-fab md-mini",attrs:{disabled:""}},[n("md-icon",[t._v("message")])],1)],1),t._v(" "),n("md-button",{staticClass:"md-fab md-fab-bottom-left"},[n("md-icon",[t._v("save")])],1),t._v(" "),n("md-button",{staticClass:"md-fab md-primary md-fab-bottom-center"},[n("md-icon",[t._v("dialpad")])],1),t._v(" "),n("md-button",{staticClass:"md-fab md-fab-bottom-right"},[n("md-icon",[t._v("add")])],1)],1),t._v(" "),n("div",{slot:"code"},[n("code-block",{attrs:{lang:"xml"}},[t._v('\n
\n \n edit\n \n\n \n email\n \n\n \n save\n \n\n \n dialpad\n \n\n \n message\n \n
\n\n
\n \n edit\n \n\n \n email\n \n\n \n save\n \n\n \n dialpad\n \n\n \n message\n \n
\n\n \n save\n \n\n \n dialpad\n \n\n \n add\n \n ')])],1)]),t._v(" "),n("example-box",{attrs:{"card-title":"Themes"}},[n("div",{slot:"demo"},[n("md-button",{staticClass:"md-primary",attrs:{"md-theme":"indigo"}},[t._v("Indigo")]),t._v(" "),n("md-button",{staticClass:"md-raised md-primary",attrs:{"md-theme":"teal"}},[t._v("Teal")]),t._v(" "),n("md-button",{staticClass:"md-icon-button md-primary",attrs:{"md-theme":"orange"}},[n("md-icon",[t._v("add")])],1),t._v(" "),n("md-button",{staticClass:"md-icon-button md-raised md-primary",attrs:{"md-theme":"green"}},[n("md-icon",[t._v("message")])],1),t._v(" "),n("md-button",{staticClass:"md-fab md-primary",attrs:{"md-theme":"brown"}},[n("md-icon",[t._v("dialpad")])],1)],1),t._v(" "),n("div",{slot:"code"},[n("code-block",{attrs:{lang:"xml"}},[t._v('\n Indigo\n\n Teal\n\n \n add\n \n\n \n message\n \n\n \n dialpad\n \n ')])],1)])],1)])],1)},staticRenderFns:[]}},600:function(t,d,n){var m=n(532);"string"==typeof m&&(m=[[t.i,m,""]]),m.locals&&(t.exports=m.locals);n(5)("3e21c4e6",m,!0)}}); \ No newline at end of file diff --git a/card.813a55b3.js b/card.813a55b3.js new file mode 100644 index 0000000..b238f85 --- /dev/null +++ b/card.813a55b3.js @@ -0,0 +1,2 @@ +webpackJsonp([21,34],{467:function(t,e,a){a(589);var d=a(0)(null,a(552),"data-v-2b6a83fc",null);t.exports=d.exports},521:function(t,e,a){e=t.exports=a(4)(),e.push([t.i,".card-holder .md-card[data-v-2b6a83fc]{width:100%;max-width:320px;margin:0 4px 16px;display:inline-block;vertical-align:top}.card-example .md-subhead .md-icon[data-v-2b6a83fc]{width:16px;min-width:16px;height:16px;min-height:16px;font-size:16px;line-height:16px}.card-example .md-subhead span[data-v-2b6a83fc]{vertical-align:middle}.card-example .card-reservation[data-v-2b6a83fc]{margin-top:8px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:distribute;justify-content:space-around}.card-example .card-reservation .md-icon[data-v-2b6a83fc]{margin:8px;color:rgba(0,0,0,.54)!important}.card-example .card-reservation .md-button[data-v-2b6a83fc]{border-radius:2px!important}",""])},552:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("page-content",{attrs:{"page-title":"Components - Card"}},[a("docs-component",[a("div",{slot:"description"},[a("p",[t._v("Cards may contain a photo, text, and a link about a single subject. They may display content containing elements of varying size, such as photos with captions of variable length.")]),t._v(" "),a("p",[t._v("The card components are very granular. Every single part of a card is a component. You can combine them in any order that you want, following the same logic of the examples.")]),t._v(" "),a("p",[t._v('You can also use other Material components inside the card, like the "Complete Example".')]),t._v(" "),a("p",[t._v("The following classes can be applied to change the color palette:")]),t._v(" "),a("ul",{staticClass:"md-body-2"},[a("li",[a("code",[t._v("md-primary")])]),t._v(" "),a("li",[a("code",[t._v("md-accent")])]),t._v(" "),a("li",[a("code",[t._v("md-warn")])])])]),t._v(" "),a("div",{slot:"api"},[a("api-table",{attrs:{name:"md-card"}},[a("md-table",{slot:"properties"},[a("md-table-header",[a("md-table-row",[a("md-table-head",[t._v("Name")]),t._v(" "),a("md-table-head",[t._v("Type")]),t._v(" "),a("md-table-head",[t._v("Description")])],1)],1),t._v(" "),a("md-table-body",[a("md-table-row",[a("md-table-cell",[t._v("md-with-hover")]),t._v(" "),a("md-table-cell",[a("code",[t._v("Boolean")])]),t._v(" "),a("md-table-cell",[t._v("Enable full hover elevation in card. Default "),a("code",[t._v("false")])])],1)],1)],1)],1),t._v(" "),a("api-table",{attrs:{name:"md-card-header"}},[a("p",[t._v("Can display titles, subheads, medias and avatars in a header.")]),t._v(" "),a("p",[t._v("No options available")])]),t._v(" "),a("api-table",{attrs:{name:"md-card-header-text"}},[a("p",[t._v('Used inside a card header to group the title and the subhead. Useful to align with an action (like a overflow button) or a media inside headers, like on the "Media" example.')]),t._v(" "),a("p",[t._v("No options available")])]),t._v(" "),a("api-table",{attrs:{name:"md-card-content"}},[a("p",[t._v("Display the content of the card. Most used with plain text or with simple HTML content, like bold and italic tags.")]),t._v(" "),a("p",[t._v("No options available")])]),t._v(" "),a("api-table",{attrs:{name:"md-card-actions"}},[a("p",[t._v("Hold the actions of a card align them on the right. Here you can add "),a("code",[t._v("")]),t._v(" with or without icons.")]),t._v(" "),a("p",[t._v("No options available")])]),t._v(" "),a("api-table",{attrs:{name:"md-card-area"}},[a("div",{slot:"properties"},[a("p",[t._v("A card area create a division inside the card. This will apply a border on the bottom (only works if the card area is not the last element).")]),t._v(" "),a("p",[t._v('You can see an example of use on the "Complete example".')]),t._v(" "),a("md-table",[a("md-table-header",[a("md-table-row",[a("md-table-head",[t._v("Name")]),t._v(" "),a("md-table-head",[t._v("Type")]),t._v(" "),a("md-table-head",[t._v("Description")])],1)],1),t._v(" "),a("md-table-body",[a("md-table-row",[a("md-table-cell",[t._v("md-inset")]),t._v(" "),a("md-table-cell",[a("code",[t._v("Boolean")])]),t._v(" "),a("md-table-cell",[t._v("Apply a inset border. Default "),a("code",[t._v("false")])])],1)],1)],1)],1)]),t._v(" "),a("api-table",{attrs:{name:"md-card-media"}},[a("div",{slot:"properties"},[a("p",[t._v("The card media display images (and other types of media) inside cards. Can be used inside and outsite a card header.")]),t._v(" "),a("md-table",[a("md-table-header",[a("md-table-row",[a("md-table-head",[t._v("Name")]),t._v(" "),a("md-table-head",[t._v("Type")]),t._v(" "),a("md-table-head",[t._v("Description")])],1)],1),t._v(" "),a("md-table-body",[a("md-table-row",[a("md-table-cell",[t._v("md-ratio")]),t._v(" "),a("md-table-cell",[a("code",[t._v("String")])]),t._v(" "),a("md-table-cell",[t._v("Resize or clip the image automatically based on the following options: "),a("br"),t._v("1:1 or 1/1, 4:3 or 4/3 and 16:9 or 16/9.")])],1),t._v(" "),a("md-table-row",[a("md-table-cell",[t._v("md-medium")]),t._v(" "),a("md-table-cell",[a("code",[t._v("Boolean")])]),t._v(" "),a("md-table-cell",[t._v("Applies medium size to the media. Works only inside md-card-header. Default "),a("code",[t._v("false")])])],1),t._v(" "),a("md-table-row",[a("md-table-cell",[t._v("md-big")]),t._v(" "),a("md-table-cell",[a("code",[t._v("Boolean")])]),t._v(" "),a("md-table-cell",[t._v("Applies big size to the media. Works only inside md-card-header. Default "),a("code",[t._v("false")])])],1)],1)],1)],1)]),t._v(" "),a("api-table",{attrs:{name:"md-card-media-actions"}},[a("p",[t._v("Used to align a media and actions side by side.")]),t._v(" "),a("p",[t._v("No options available")])]),t._v(" "),a("api-table",{attrs:{name:"md-card-media-cover"}},[a("div",{slot:"properties"},[a("p",[t._v("You will need to give a "),a("code",[t._v("")]),t._v(" inside this component and a "),a("code",[t._v("")]),t._v(". The media and the area will be automatically be placed in order inside the card.")]),t._v(" "),a("p",[t._v('Take a look at the example: "Image cover with predefined aspect ratio".')]),t._v(" "),a("md-table",[a("md-table-header",[a("md-table-row",[a("md-table-head",[t._v("Name")]),t._v(" "),a("md-table-head",[t._v("Type")]),t._v(" "),a("md-table-head",[t._v("Description")])],1)],1),t._v(" "),a("md-table-body",[a("md-table-row",[a("md-table-cell",[t._v("md-text-scrim")]),t._v(" "),a("md-table-cell",[a("code",[t._v("Boolean")])]),t._v(" "),a("md-table-cell",[t._v("Apply a gradient background based on the image. This option increase the legibility of the text applying background colors by extracting the amount of lightness on the image. If the image is dark so the background of the text will be lighter. If it's not dark then the background will be darker. This will be calculated automatically. Default "),a("code",[t._v("false")])])],1),t._v(" "),a("md-table-row",[a("md-table-cell",[t._v("md-solid")]),t._v(" "),a("md-table-cell",[a("code",[t._v("Boolean")])]),t._v(" "),a("md-table-cell",[t._v("Applies a solid background with the same calculation logic of the md-text-scrim. Default "),a("code",[t._v("false")])])],1)],1)],1)],1)]),t._v(" "),a("api-table",{attrs:{name:"md-card-expand"}},[a("p",[t._v('Create a expansible content area inside cards. Useful to "show more" content or load them on demand.')]),t._v(" "),a("p",[t._v("You will need a "),a("code",[t._v("")]),t._v(" with an element with a "),a("code",[t._v("md-expand-trigger")]),t._v(" attribute and a "),a("code",[t._v("")]),t._v(" with the content that you want to show. The trigger will automatically toggle the content on click.")]),t._v(" "),a("p",[t._v("A simple HTML markup can be like that:")]),t._v(" "),a("code-block",{attrs:{lang:"xml"}},[t._v('\n \n \n \n keyboard_arrow_down\n \n \n\n \n Lorem ipsum dolor sit amet, consectetur adipisicing elit.\n \n \n ')]),t._v(" "),a("p",[t._v("No options available")])],1)],1),t._v(" "),a("div",{slot:"example"},[a("example-box",{attrs:{"card-title":"Regular Cards"}},[a("div",{staticClass:"card-holder",slot:"demo"},[a("md-card",[a("md-card-media",[a("img",{attrs:{src:"assets/card-image-1.jpg",alt:"People"}})]),t._v(" "),a("md-card-header",[a("div",{staticClass:"md-title"},[t._v("Title goes here")]),t._v(" "),a("div",{staticClass:"md-subhead"},[t._v("Subtitle here")])]),t._v(" "),a("md-card-actions",[a("md-button",[t._v("Action")]),t._v(" "),a("md-button",[t._v("Action")])],1),t._v(" "),a("md-card-content",[t._v("\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 ")])],1),t._v(" "),a("md-card",[a("md-card-header",[a("md-card-header-text",[a("div",{staticClass:"md-title"},[t._v("Title goes here")]),t._v(" "),a("div",{staticClass:"md-subhead"},[t._v("Subtitle here")])]),t._v(" "),a("md-menu",{attrs:{"md-size":"4","md-direction":"bottom left"}},[a("md-button",{staticClass:"md-icon-button",attrs:{"md-menu-trigger":""}},[a("md-icon",[t._v("more_vert")])],1),t._v(" "),a("md-menu-content",[a("md-menu-item",[a("span",[t._v("Call")]),t._v(" "),a("md-icon",[t._v("phone")])],1),t._v(" "),a("md-menu-item",[a("span",[t._v("Send a message")]),t._v(" "),a("md-icon",[t._v("message")])],1)],1)],1)],1),t._v(" "),a("md-card-media",[a("img",{attrs:{src:"assets/card-image-1.jpg",alt:"People"}})]),t._v(" "),a("md-card-content",[t._v("\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 ")])],1),t._v(" "),a("md-card",[a("md-card-media",[a("img",{attrs:{src:"assets/card-image-2.jpg",alt:"People"}})]),t._v(" "),a("md-card-content",[t._v("\n Lorem ipsum dolor sit amet, consectetur adipisicing elit. Optio itaque ea nostrum.\n ")])],1),t._v(" "),a("md-card",[a("md-card-media",[a("img",{attrs:{src:"assets/card-image-2.jpg",alt:"People"}})]),t._v(" "),a("md-card-header",[a("div",{staticClass:"md-title"},[t._v("Title goes here")]),t._v(" "),a("div",{staticClass:"md-subhead"},[t._v("Subtitle here")])]),t._v(" "),a("md-card-actions",[a("md-button",[t._v("Action")]),t._v(" "),a("md-button",[t._v("Action")])],1)],1)],1),t._v(" "),a("div",{slot:"code"},[a("code-block",{attrs:{lang:"xml"}},[t._v('\n \n \n People\n \n\n \n
Title goes here
\n
Subtitle here
\n
\n\n \n Action\n Action\n \n\n \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 \n
\n\n \n \n \n
Title goes here
\n
Subtitle here
\n
\n\n \n \n more_vert\n \n\n \n \n Call\n phone\n \n\n \n Send a message\n message\n \n \n \n
\n\n \n People\n \n\n \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 \n
\n\n \n \n People\n \n\n \n Lorem ipsum dolor sit amet, consectetur adipisicing elit. Optio itaque ea nostrum.\n \n \n\n \n \n People\n \n\n \n
Title goes here
\n
Subtitle here
\n
\n\n \n Action\n Action\n \n
\n ')])],1)]),t._v(" "),a("example-box",{attrs:{"card-title":"Hover Effect"}},[a("div",{staticClass:"card-holder",slot:"demo"},[a("md-card",{attrs:{"md-with-hover":""}},[a("md-card-header",[a("div",{staticClass:"md-title"},[t._v("Title goes here")]),t._v(" "),a("div",{staticClass:"md-subhead"},[t._v("Subtitle here")])]),t._v(" "),a("md-card-content",[t._v("\n Lorem ipsum dolor sit amet, consectetur adipisicing elit. Optio itaque ea, nostrum odio. Dolores, sed accusantium quasi non, voluptas eius illo quas, saepe voluptate pariatur in deleniti minus sint. Excepturi.\n ")]),t._v(" "),a("md-card-actions",[a("md-button",[t._v("Action")]),t._v(" "),a("md-button",[t._v("Action")])],1)],1),t._v(" "),a("md-card",{attrs:{"md-with-hover":""}},[a("md-card-media",[a("img",{attrs:{src:"assets/card-image-1.jpg",alt:"People"}}),t._v(" "),a("md-ink-ripple")],1),t._v(" "),a("md-card-actions",[a("md-button",{staticClass:"md-icon-button"},[a("md-icon",[t._v("favorite")])],1),t._v(" "),a("md-button",{staticClass:"md-icon-button"},[a("md-icon",[t._v("bookmark")])],1),t._v(" "),a("md-button",{staticClass:"md-icon-button"},[a("md-icon",[t._v("share")])],1)],1)],1),t._v(" "),a("md-card",{attrs:{"md-with-hover":""}},[a("md-card-header",[a("md-avatar",[a("img",{attrs:{src:"assets/avatar.png",alt:"People"}})]),t._v(" "),a("div",{staticClass:"md-title"},[t._v("Title goes here")]),t._v(" "),a("div",{staticClass:"md-subhead"},[t._v("Subtitle here")])],1),t._v(" "),a("md-card-media",[a("img",{attrs:{src:"assets/card-image-1.jpg",alt:"People"}})]),t._v(" "),a("md-card-content",[t._v("\n Lorem ipsum dolor sit amet, consectetur adipisicing elit. Optio itaque ea nostrum.\n ")]),t._v(" "),a("md-card-actions",[a("md-button",[t._v("Action")]),t._v(" "),a("md-button",[t._v("Action")])],1)],1)],1),t._v(" "),a("div",{slot:"code"},[a("code-block",{attrs:{lang:"xml"}},[t._v('\n \n \n
Title goes here
\n
Subtitle here
\n
\n\n \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 \n\n \n Action\n Action\n \n
\n\n \n \n People\n\n \n \n\n \n \n favorite\n \n\n \n bookmark\n \n\n \n share\n \n \n \n\n \n \n \n People\n \n\n
Title goes here
\n
Subtitle here
\n
\n\n \n People\n \n\n \n Lorem ipsum dolor sit amet, consectetur adipisicing elit. Optio itaque ea nostrum.\n \n\n \n Action\n Action\n \n
\n ')])],1)]),t._v(" "),a("example-box",{attrs:{"card-title":"Image cover with predefined aspect ratio"}},[a("div",{staticClass:"card-holder",slot:"demo"},[a("md-card",[a("md-card-media-cover",{attrs:{"md-text-scrim":""}},[a("md-card-media",{attrs:{"md-ratio":"16:9"}},[a("img",{attrs:{src:"assets/card-sky.jpg",alt:"Skyscraper"}})]),t._v(" "),a("md-card-area",[a("md-card-header",[a("div",{staticClass:"md-title"},[t._v("Title goes here")]),t._v(" "),a("div",{staticClass:"md-subhead"},[t._v("Subtitle here")])]),t._v(" "),a("md-card-actions",[a("md-button",[t._v("Action")]),t._v(" "),a("md-button",[t._v("Action")])],1)],1)],1)],1),t._v(" "),a("md-card",[a("md-card-media-cover",{attrs:{"md-solid":""}},[a("md-card-media",{attrs:{"md-ratio":"1:1"}},[a("img",{attrs:{src:"assets/card-sky.jpg",alt:"Skyscraper"}})]),t._v(" "),a("md-card-area",[a("md-card-header",[a("div",{staticClass:"md-title"},[t._v("Title goes here")]),t._v(" "),a("div",{staticClass:"md-subhead"},[t._v("Subtitle here")])]),t._v(" "),a("md-card-actions",[a("md-button",[t._v("Action")]),t._v(" "),a("md-button",[t._v("Action")])],1)],1)],1)],1)],1),t._v(" "),a("div",{slot:"code"},[a("code-block",{attrs:{lang:"xml"}},[t._v('\n \n \n \n Skyscraper\n \n\n \n \n
Title goes here
\n
Subtitle here
\n
\n\n \n Action\n Action\n \n
\n
\n
\n\n \n \n \n Skyscraper\n \n\n \n \n
Title goes here
\n
Subtitle here
\n
\n\n \n Action\n Action\n \n
\n
\n
\n ')])],1)]),t._v(" "),a("example-box",{attrs:{"card-title":"Media"}},[a("div",{staticClass:"card-holder",slot:"demo"},[a("md-card",[a("md-card-header",[a("md-card-header-text",[a("div",{staticClass:"md-title"},[t._v("Title goes here")]),t._v(" "),a("div",{staticClass:"md-subhead"},[t._v("Subtitle here")])]),t._v(" "),a("md-card-media",[a("img",{attrs:{src:"assets/avatar-2.jpg",alt:"People"}})])],1),t._v(" "),a("md-card-actions",[a("md-button",[t._v("Action")]),t._v(" "),a("md-button",[t._v("Action")])],1)],1),t._v(" "),a("md-card",[a("md-card-header",[a("md-card-header-text",[a("div",{staticClass:"md-title"},[t._v("Title goes here")]),t._v(" "),a("div",{staticClass:"md-subhead"},[t._v("Subtitle here")])]),t._v(" "),a("md-card-media",{attrs:{"md-medium":""}},[a("img",{attrs:{src:"assets/card-weather.png",alt:"People"}})])],1),t._v(" "),a("md-card-actions",[a("md-button",[t._v("Action")]),t._v(" "),a("md-button",[t._v("Action")])],1)],1),t._v(" "),a("md-card",[a("md-card-header",[a("md-card-header-text",[a("div",{staticClass:"md-title"},[t._v("Title goes")]),t._v(" "),a("div",{staticClass:"md-subhead"},[t._v("Subtitle here")])]),t._v(" "),a("md-card-media",{attrs:{"md-big":""}},[a("img",{attrs:{src:"assets/card-weather.png",alt:"People"}})])],1),t._v(" "),a("md-card-actions",[a("md-button",[t._v("Action")]),t._v(" "),a("md-button",[t._v("Action")])],1)],1),t._v(" "),a("md-card",[a("md-card-media-actions",[a("md-card-media",[a("img",{attrs:{src:"assets/cover.png",alt:"Cover"}})]),t._v(" "),a("md-card-actions",[a("md-button",{staticClass:"md-icon-button"},[a("md-icon",[t._v("favorite")])],1),t._v(" "),a("md-button",{staticClass:"md-icon-button"},[a("md-icon",[t._v("bookmark")])],1),t._v(" "),a("md-button",{staticClass:"md-icon-button"},[a("md-icon",[t._v("share")])],1)],1)],1)],1)],1),t._v(" "),a("div",{slot:"code"},[a("code-block",{attrs:{lang:"xml"}},[t._v('\n \n \n \n
Title goes here
\n
Subtitle here
\n
\n\n \n People\n \n
\n\n \n Action\n Action\n \n
\n\n \n \n \n
Title goes here
\n
Subtitle here
\n
\n\n \n People\n \n
\n\n \n Action\n Action\n \n
\n\n \n \n \n
Title goes
\n
Subtitle here
\n
\n\n \n People\n \n
\n\n \n Action\n Action\n \n
\n\n \n \n \n Cover\n \n\n \n \n favorite\n \n\n \n bookmark\n \n\n \n share\n \n \n \n \n ')])],1)]),t._v(" "),a("example-box",{attrs:{"card-title":"Full Control"}},[a("div",{staticClass:"card-holder",slot:"demo"},[a("md-card",[a("md-card-area",[a("md-card-media",[a("img",{attrs:{src:"assets/card-image-1.jpg",alt:"People"}})]),t._v(" "),a("md-card-header",[a("div",{staticClass:"md-title"},[t._v("Title goes here")]),t._v(" "),a("div",{staticClass:"md-subhead"},[t._v("Subtitle here")])]),t._v(" "),a("md-card-content",[t._v("\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 ")])],1),t._v(" "),a("md-card-actions",[a("md-button",[t._v("Action")]),t._v(" "),a("md-button",[t._v("Action")])],1)],1),t._v(" "),a("md-card",[a("md-card-media",[a("img",{attrs:{src:"assets/card-image-1.jpg",alt:"People"}})]),t._v(" "),a("md-card-header",[a("div",{staticClass:"md-title"},[t._v("Title goes here")]),t._v(" "),a("div",{staticClass:"md-subhead"},[t._v("Subtitle here")])]),t._v(" "),a("md-card-expand",[a("md-card-actions",[a("md-button",[t._v("Action")]),t._v(" "),a("md-button",[t._v("Action")]),t._v(" "),a("span",{staticStyle:{flex:"1"}}),t._v(" "),a("md-button",{staticClass:"md-icon-button",attrs:{"md-expand-trigger":""}},[a("md-icon",[t._v("keyboard_arrow_down")])],1)],1),t._v(" "),a("md-card-content",[t._v("\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 ")])],1)],1)],1),t._v(" "),a("div",{slot:"code"},[a("code-block",{attrs:{lang:"xml"}},[t._v('\n \n \n \n People\n \n\n \n
Title goes here
\n
Subtitle here
\n
\n\n \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 \n
\n\n \n Action\n Action\n \n
\n\n \n \n People\n \n\n \n
Title goes here
\n
Subtitle here
\n
\n\n \n \n Action\n Action\n \n \n keyboard_arrow_down\n \n \n\n \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 \n \n
\n ')])],1)]),t._v(" "),a("example-box",{attrs:{"card-title":"Themes"}},[a("div",{staticClass:"card-holder",slot:"demo"},[a("md-card",{staticClass:"md-primary"},[a("md-card-media",[a("img",{attrs:{src:"assets/card-image-1.jpg",alt:"People"}})]),t._v(" "),a("md-card-header",[a("div",{staticClass:"md-title"},[t._v("Title goes here")]),t._v(" "),a("div",{staticClass:"md-subhead"},[t._v("Subtitle here")])]),t._v(" "),a("md-card-actions",[a("md-button",[t._v("Action")]),t._v(" "),a("md-button",[t._v("Action")])],1),t._v(" "),a("md-card-content",[t._v("\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 ")])],1),t._v(" "),a("md-card",{staticClass:"md-accent"},[a("md-card-header",[a("md-card-header-text",[a("div",{staticClass:"md-title"},[t._v("Title goes here")]),t._v(" "),a("div",{staticClass:"md-subhead"},[t._v("Subtitle here")])]),t._v(" "),a("md-menu",{attrs:{"md-size":"4","md-direction":"bottom left"}},[a("md-button",{staticClass:"md-icon-button",attrs:{"md-menu-trigger":""}},[a("md-icon",[t._v("more_vert")])],1),t._v(" "),a("md-menu-content",[a("md-menu-item",[a("span",[t._v("Call")]),t._v(" "),a("md-icon",[t._v("phone")])],1),t._v(" "),a("md-menu-item",[a("span",[t._v("Send a message")]),t._v(" "),a("md-icon",[t._v("message")])],1)],1)],1)],1),t._v(" "),a("md-card-media",[a("img",{attrs:{src:"assets/card-image-1.jpg",alt:"People"}})]),t._v(" "),a("md-card-content",[t._v("\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 ")])],1),t._v(" "),a("md-card",{staticClass:"md-warn"},[a("md-card-media",[a("img",{attrs:{src:"assets/card-image-2.jpg",alt:"People"}})]),t._v(" "),a("md-card-header",[a("div",{staticClass:"md-title"},[t._v("Title goes here")]),t._v(" "),a("div",{staticClass:"md-subhead"},[t._v("Subtitle here")])]),t._v(" "),a("md-card-actions",[a("md-button",[t._v("Action")]),t._v(" "),a("md-button",[t._v("Action")])],1)],1)],1),t._v(" "),a("div",{slot:"code"},[a("code-block",{attrs:{lang:"xml"}},[t._v('\n \n \n People\n \n\n \n
Title goes here
\n
Subtitle here
\n
\n\n \n Action\n Action\n \n\n \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 \n
\n\n \n \n \n
Title goes here
\n
Subtitle here
\n
\n\n \n \n more_vert\n \n\n \n \n Call\n phone\n \n\n \n Send a message\n message\n \n \n \n
\n\n \n People\n \n\n \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 \n
\n\n \n \n People\n \n\n \n
Title goes here
\n
Subtitle here
\n
\n\n \n Action\n Action\n \n
\n ')])],1)]),t._v(" "),a("example-box",{ +attrs:{"card-title":"Complete Example"}},[a("div",{staticClass:"card-holder",slot:"demo"},[a("md-card",{staticClass:"card-example"},[a("md-card-area",{attrs:{"md-inset":""}},[a("md-card-media",{attrs:{"md-ratio":"16:9"}},[a("img",{attrs:{src:"assets/card-example.jpg",alt:"Coffee House"}})]),t._v(" "),a("md-card-header",[a("h2",{staticClass:"md-title"},[t._v("Coffee House")]),t._v(" "),a("div",{staticClass:"md-subhead"},[a("md-icon",[t._v("location_on")]),t._v(" "),a("span",[t._v("2 miles")])],1)]),t._v(" "),a("md-card-content",[t._v("\n Illy Coffee served with a complimentary Leonidas Belgian Chocolate with all beverages.\n ")])],1),t._v(" "),a("md-card-content",[a("h3",{staticClass:"md-subheading"},[t._v("Today's availability")]),t._v(" "),a("div",{staticClass:"card-reservation"},[a("md-icon",[t._v("access_time")]),t._v(" "),a("md-button-toggle",{staticClass:"md-button-group",attrs:{"md-single":""}},[a("md-button",[t._v("5:30PM")]),t._v(" "),a("md-button",[t._v("7:30PM")]),t._v(" "),a("md-button",[t._v("9:00PM")])],1)],1)]),t._v(" "),a("md-card-actions",[a("md-button",{staticClass:"md-primary"},[t._v("Reserve")])],1)],1)],1),t._v(" "),a("div",{slot:"code"},[a("code-block",{attrs:{lang:"xml"}},[t._v('\n \n \n \n Coffee House\n \n\n \n

Coffee House

\n
\n location_on\n 2 miles\n
\n
\n\n \n Illy Coffee served with a complimentary Leonidas Belgian Chocolate with all beverages.\n \n
\n\n \n

Today\'s availability

\n
\n access_time\n \n 5:30PM\n 7:30PM\n 9:00PM\n \n
\n
\n\n \n Reserve\n \n
\n ')]),t._v(" "),a("code-block",{attrs:{lang:"sass"}},[t._v("\n .card-example {\n .md-subhead {\n .md-icon {\n $size: 16px;\n\n width: $size;\n min-width: $size;\n height: $size;\n min-height: $size;\n font-size: $size;\n line-height: $size;\n }\n\n span {\n vertical-align: middle;\n }\n }\n\n .card-reservation {\n margin-top: 8px;\n display: flex;\n align-items: center;\n justify-content: space-around;\n\n .md-icon {\n margin: 8px;\n color: rgba(#000, .54) !important;\n }\n\n .md-button {\n border-radius: 2px !important;\n }\n }\n }\n ")])],1)])],1)])],1)},staticRenderFns:[]}},589:function(t,e,a){var d=a(521);"string"==typeof d&&(d=[[t.i,d,""]]),d.locals&&(t.exports=d.locals);a(5)("098f116b",d,!0)}}); \ No newline at end of file diff --git a/changelog.html b/changelog.html index 1e1af7c..21eea3c 100644 --- a/changelog.html +++ b/changelog.html @@ -1,6 +1,23 @@

- v0.7.0 - A lot of fixes and improvements! + v0.7.1 - Standalone fixes +

+

Fixes:

+ +
+ +
+

+ v0.7.0 - A lot of fixes and improvements!

New Components:

@@ -83,7 +100,7 @@

- v0.6.3 - Standalone fixes + v0.6.3 - Standalone fixes

Fixes:

+

- v0.6.2 - Webpack fixes + v0.6.2 - Webpack fixes

Fixes: