From 39692285a0fadfd57b1c0b4fdfa0a12a9842ced0 Mon Sep 17 00:00:00 2001 From: Marcos Moura Date: Wed, 8 Feb 2017 22:05:12 -0200 Subject: [PATCH] [build] 0.7.1 --- avatar.1c2ea266.js | 1 + base.468dbabb.js | 1 + bottom-bar.d91c96eb.js | 1 + button-toggle.c6150e67.js | 1 + buttons.b9a70faf.js | 1 + card.813a55b3.js | 2 + changelog.html | 32 +- checkbox.3d60ec17.js | 1 + chips.0dd4d690.js | 1 + dialog.d27bc67f.js | 1 + docs.5630affd.css | 1 + docs.ef570dcd.js | 6 + file.05ab386d.js | 1 + icon.9c317d12.js | 1 + image-loader.6a229b14.js | 1 + index.html | 2 +- ink-ripple.2e814707.js | 1 + input.76e80edc.js | 1 + list.93bce61c.js | 2 + manifest.1e83b2d7.js | 1 + menu.66f674a5.js | 1 + progress.dbae7eff.js | 1 + radio.0d3a1cf9.js | 1 + releases/v0.7.0/assets/avatar-2.jpg | Bin 0 -> 11204 bytes releases/v0.7.0/assets/avatar.jpg | Bin 0 -> 5546 bytes releases/v0.7.0/assets/avatar.png | Bin 0 -> 1157 bytes releases/v0.7.0/assets/card-example.jpg | Bin 0 -> 65650 bytes releases/v0.7.0/assets/card-image-1.jpg | Bin 0 -> 35820 bytes releases/v0.7.0/assets/card-image-2.jpg | Bin 0 -> 68359 bytes releases/v0.7.0/assets/card-image-3.jpg | Bin 0 -> 23842 bytes releases/v0.7.0/assets/card-sky.jpg | Bin 0 -> 36812 bytes releases/v0.7.0/assets/card-weather.png | Bin 0 -> 17800 bytes releases/v0.7.0/assets/codepen.png | Bin 0 -> 2094 bytes releases/v0.7.0/assets/cover.png | Bin 0 -> 45234 bytes .../assets/favicon/android-chrome-144x144.png | Bin 0 -> 5564 bytes .../assets/favicon/android-chrome-192x192.png | Bin 0 -> 7508 bytes .../assets/favicon/android-chrome-256x256.png | Bin 0 -> 11017 bytes .../assets/favicon/android-chrome-36x36.png | Bin 0 -> 1017 bytes .../assets/favicon/android-chrome-384x384.png | Bin 0 -> 16899 bytes .../assets/favicon/android-chrome-48x48.png | Bin 0 -> 1415 bytes .../assets/favicon/android-chrome-512x512.png | Bin 0 -> 25042 bytes .../assets/favicon/android-chrome-72x72.png | Bin 0 -> 2235 bytes .../assets/favicon/android-chrome-96x96.png | Bin 0 -> 3388 bytes .../assets/favicon/apple-touch-icon.png | Bin 0 -> 3378 bytes .../v0.7.0/assets/favicon/browserconfig.xml | 9 + .../v0.7.0/assets/favicon/favicon-16x16.png | Bin 0 -> 376 bytes .../v0.7.0/assets/favicon/favicon-194x194.png | Bin 0 -> 5661 bytes .../v0.7.0/assets/favicon/favicon-32x32.png | Bin 0 -> 835 bytes releases/v0.7.0/assets/favicon/favicon.ico | Bin 0 -> 15086 bytes releases/v0.7.0/assets/favicon/manifest.json | 54 ++ .../v0.7.0/assets/favicon/mstile-150x150.png | Bin 0 -> 1711 bytes .../assets/favicon/safari-pinned-tab.svg | 19 + releases/v0.7.0/assets/icon-github.svg | 1 + releases/v0.7.0/assets/icon-home.svg | 4 + releases/v0.7.0/assets/icon-menu.png | Bin 0 -> 116 bytes releases/v0.7.0/assets/joker-1.jpg | Bin 0 -> 112813 bytes releases/v0.7.0/assets/joker-2.jpg | Bin 0 -> 65498 bytes releases/v0.7.0/assets/joker-3.jpg | Bin 0 -> 116752 bytes .../assets/logo-vue-material-blue-grey.png | Bin 0 -> 4037 bytes .../v0.7.0/assets/logo-vue-material-cyan.png | Bin 0 -> 7920 bytes .../assets/logo-vue-material-default.png | Bin 0 -> 4037 bytes .../v0.7.0/assets/logo-vue-material-green.png | Bin 0 -> 4037 bytes .../assets/logo-vue-material-indigo.png | Bin 0 -> 3778 bytes .../assets/logo-vue-material-orange.png | Bin 0 -> 8161 bytes .../assets/logo-vue-material-purple.png | Bin 0 -> 13227 bytes .../v0.7.0/assets/logo-vue-material-red.png | Bin 0 -> 4037 bytes releases/v0.7.0/assets/marcosmoura.jpg | Bin 0 -> 5546 bytes .../v0.7.0/assets/vue-material-example.png | Bin 0 -> 244860 bytes .../v0.7.0/avatar.a4498c8a.js | 0 .../v0.7.0/base.695f7a2d.js | 0 .../v0.7.0/bottom-bar.e6f88ccc.js | 0 .../v0.7.0/button-toggle.5458c921.js | 0 .../v0.7.0/buttons.81edf435.js | 0 .../v0.7.0/card.37f54da4.js | 0 releases/v0.7.0/changelog.html | 466 ++++++++++++++++++ .../v0.7.0/checkbox.7603dc1d.js | 0 .../v0.7.0/chips.996b2d4b.js | 0 .../v0.7.0/dialog.774bdbaf.js | 0 .../v0.7.0/docs.1e68547e.css | 0 .../v0.7.0/docs.478f64a5.js | 0 .../v0.7.0/file.e75792b4.js | 0 .../v0.7.0/icon.5330687d.js | 0 .../v0.7.0/image-loader.2b5a107e.js | 0 releases/v0.7.0/index.html | 1 + .../v0.7.0/ink-ripple.c6c186b1.js | 0 .../v0.7.0/input.ecca7906.js | 0 .../v0.7.0/list.21d93484.js | 0 .../v0.7.0/manifest.09510f01.js | 0 .../v0.7.0/menu.212fadff.js | 0 .../v0.7.0/progress.2ff899d0.js | 0 .../v0.7.0/radio.da972ed8.js | 0 .../v0.7.0/select.bff7868d.js | 0 .../v0.7.0/sidenav.5443196c.js | 0 .../v0.7.0/snackbar.00a46162.js | 0 .../v0.7.0/speed-dial.e07af350.js | 0 .../v0.7.0/spinner.ae9c0ffa.js | 0 .../v0.7.0/subheader.f0a1356a.js | 0 .../v0.7.0/switch.9aa0318e.js | 0 .../v0.7.0/table.295127fd.js | 0 .../v0.7.0/tabs.b3bab112.js | 0 .../v0.7.0/themes.cef94272.js | 0 .../v0.7.0/toolbar.44924cd1.js | 0 .../v0.7.0/tooltip.1eae832b.js | 0 .../v0.7.0/ui-elements.ac4dc67a.js | 0 .../v0.7.0/vendor.51aac3ed.js | 0 releases/v0.7.0/versions.json | 1 + .../v0.7.0/whiteframe.7fa045b4.js | 0 select.a1466fb5.js | 1 + sidenav.fba2cd03.js | 1 + snackbar.f7ea4b33.js | 1 + speed-dial.dd03eb33.js | 1 + spinner.43051fb4.js | 1 + subheader.5d412f8e.js | 1 + switch.4548de27.js | 1 + table.0fb9c164.js | 1 + tabs.5e48770b.js | 1 + themes.614919f9.js | 1 + toolbar.caa5dc64.js | 1 + tooltip.0834711f.js | 1 + ui-elements.775ab723.js | 1 + vendor.a3c44323.js | 5 + versions.json | 2 +- whiteframe.65446ff4.js | 1 + 123 files changed, 629 insertions(+), 9 deletions(-) create mode 100644 avatar.1c2ea266.js create mode 100644 base.468dbabb.js create mode 100644 bottom-bar.d91c96eb.js create mode 100644 button-toggle.c6150e67.js create mode 100644 buttons.b9a70faf.js create mode 100644 card.813a55b3.js create mode 100644 checkbox.3d60ec17.js create mode 100644 chips.0dd4d690.js create mode 100644 dialog.d27bc67f.js create mode 100644 docs.5630affd.css create mode 100644 docs.ef570dcd.js create mode 100644 file.05ab386d.js create mode 100644 icon.9c317d12.js create mode 100644 image-loader.6a229b14.js create mode 100644 ink-ripple.2e814707.js create mode 100644 input.76e80edc.js create mode 100644 list.93bce61c.js create mode 100644 manifest.1e83b2d7.js create mode 100644 menu.66f674a5.js create mode 100644 progress.dbae7eff.js create mode 100644 radio.0d3a1cf9.js create mode 100644 releases/v0.7.0/assets/avatar-2.jpg create mode 100644 releases/v0.7.0/assets/avatar.jpg create mode 100644 releases/v0.7.0/assets/avatar.png create mode 100644 releases/v0.7.0/assets/card-example.jpg create mode 100644 releases/v0.7.0/assets/card-image-1.jpg create mode 100644 releases/v0.7.0/assets/card-image-2.jpg create mode 100644 releases/v0.7.0/assets/card-image-3.jpg create mode 100644 releases/v0.7.0/assets/card-sky.jpg create mode 100644 releases/v0.7.0/assets/card-weather.png create mode 100644 releases/v0.7.0/assets/codepen.png create mode 100644 releases/v0.7.0/assets/cover.png create mode 100644 releases/v0.7.0/assets/favicon/android-chrome-144x144.png create mode 100644 releases/v0.7.0/assets/favicon/android-chrome-192x192.png create mode 100644 releases/v0.7.0/assets/favicon/android-chrome-256x256.png create mode 100644 releases/v0.7.0/assets/favicon/android-chrome-36x36.png create mode 100644 releases/v0.7.0/assets/favicon/android-chrome-384x384.png create mode 100644 releases/v0.7.0/assets/favicon/android-chrome-48x48.png create mode 100644 releases/v0.7.0/assets/favicon/android-chrome-512x512.png create mode 100644 releases/v0.7.0/assets/favicon/android-chrome-72x72.png create mode 100644 releases/v0.7.0/assets/favicon/android-chrome-96x96.png create mode 100644 releases/v0.7.0/assets/favicon/apple-touch-icon.png create mode 100644 releases/v0.7.0/assets/favicon/browserconfig.xml create mode 100644 releases/v0.7.0/assets/favicon/favicon-16x16.png create mode 100644 releases/v0.7.0/assets/favicon/favicon-194x194.png create mode 100644 releases/v0.7.0/assets/favicon/favicon-32x32.png create mode 100644 releases/v0.7.0/assets/favicon/favicon.ico create mode 100644 releases/v0.7.0/assets/favicon/manifest.json create mode 100644 releases/v0.7.0/assets/favicon/mstile-150x150.png create mode 100644 releases/v0.7.0/assets/favicon/safari-pinned-tab.svg create mode 100644 releases/v0.7.0/assets/icon-github.svg create mode 100644 releases/v0.7.0/assets/icon-home.svg create mode 100644 releases/v0.7.0/assets/icon-menu.png create mode 100644 releases/v0.7.0/assets/joker-1.jpg create mode 100644 releases/v0.7.0/assets/joker-2.jpg create mode 100644 releases/v0.7.0/assets/joker-3.jpg create mode 100644 releases/v0.7.0/assets/logo-vue-material-blue-grey.png create mode 100644 releases/v0.7.0/assets/logo-vue-material-cyan.png create mode 100644 releases/v0.7.0/assets/logo-vue-material-default.png create mode 100644 releases/v0.7.0/assets/logo-vue-material-green.png create mode 100644 releases/v0.7.0/assets/logo-vue-material-indigo.png create mode 100644 releases/v0.7.0/assets/logo-vue-material-orange.png create mode 100644 releases/v0.7.0/assets/logo-vue-material-purple.png create mode 100644 releases/v0.7.0/assets/logo-vue-material-red.png create mode 100644 releases/v0.7.0/assets/marcosmoura.jpg create mode 100644 releases/v0.7.0/assets/vue-material-example.png rename avatar.a4498c8a.js => releases/v0.7.0/avatar.a4498c8a.js (100%) rename base.695f7a2d.js => releases/v0.7.0/base.695f7a2d.js (100%) rename bottom-bar.e6f88ccc.js => releases/v0.7.0/bottom-bar.e6f88ccc.js (100%) rename button-toggle.5458c921.js => releases/v0.7.0/button-toggle.5458c921.js (100%) rename buttons.81edf435.js => releases/v0.7.0/buttons.81edf435.js (100%) rename card.37f54da4.js => releases/v0.7.0/card.37f54da4.js (100%) create mode 100644 releases/v0.7.0/changelog.html rename checkbox.7603dc1d.js => releases/v0.7.0/checkbox.7603dc1d.js (100%) rename chips.996b2d4b.js => releases/v0.7.0/chips.996b2d4b.js (100%) rename dialog.774bdbaf.js => releases/v0.7.0/dialog.774bdbaf.js (100%) rename docs.1e68547e.css => releases/v0.7.0/docs.1e68547e.css (100%) rename docs.478f64a5.js => releases/v0.7.0/docs.478f64a5.js (100%) rename file.e75792b4.js => releases/v0.7.0/file.e75792b4.js (100%) rename icon.5330687d.js => releases/v0.7.0/icon.5330687d.js (100%) rename image-loader.2b5a107e.js => releases/v0.7.0/image-loader.2b5a107e.js (100%) create mode 100644 releases/v0.7.0/index.html rename ink-ripple.c6c186b1.js => releases/v0.7.0/ink-ripple.c6c186b1.js (100%) rename input.ecca7906.js => releases/v0.7.0/input.ecca7906.js (100%) rename list.21d93484.js => releases/v0.7.0/list.21d93484.js (100%) rename manifest.09510f01.js => releases/v0.7.0/manifest.09510f01.js (100%) rename menu.212fadff.js => releases/v0.7.0/menu.212fadff.js (100%) rename progress.2ff899d0.js => releases/v0.7.0/progress.2ff899d0.js (100%) rename radio.da972ed8.js => releases/v0.7.0/radio.da972ed8.js (100%) rename select.bff7868d.js => releases/v0.7.0/select.bff7868d.js (100%) rename sidenav.5443196c.js => releases/v0.7.0/sidenav.5443196c.js (100%) rename snackbar.00a46162.js => releases/v0.7.0/snackbar.00a46162.js (100%) rename speed-dial.e07af350.js => releases/v0.7.0/speed-dial.e07af350.js (100%) rename spinner.ae9c0ffa.js => releases/v0.7.0/spinner.ae9c0ffa.js (100%) rename subheader.f0a1356a.js => releases/v0.7.0/subheader.f0a1356a.js (100%) rename switch.9aa0318e.js => releases/v0.7.0/switch.9aa0318e.js (100%) rename table.295127fd.js => releases/v0.7.0/table.295127fd.js (100%) rename tabs.b3bab112.js => releases/v0.7.0/tabs.b3bab112.js (100%) rename themes.cef94272.js => releases/v0.7.0/themes.cef94272.js (100%) rename toolbar.44924cd1.js => releases/v0.7.0/toolbar.44924cd1.js (100%) rename tooltip.1eae832b.js => releases/v0.7.0/tooltip.1eae832b.js (100%) rename ui-elements.ac4dc67a.js => releases/v0.7.0/ui-elements.ac4dc67a.js (100%) rename vendor.51aac3ed.js => releases/v0.7.0/vendor.51aac3ed.js (100%) create mode 100644 releases/v0.7.0/versions.json rename whiteframe.7fa045b4.js => releases/v0.7.0/whiteframe.7fa045b4.js (100%) create mode 100644 select.a1466fb5.js create mode 100644 sidenav.fba2cd03.js create mode 100644 snackbar.f7ea4b33.js create mode 100644 speed-dial.dd03eb33.js create mode 100644 spinner.43051fb4.js create mode 100644 subheader.5d412f8e.js create mode 100644 switch.4548de27.js create mode 100644 table.0fb9c164.js create mode 100644 tabs.5e48770b.js create mode 100644 themes.614919f9.js create mode 100644 toolbar.caa5dc64.js create mode 100644 tooltip.0834711f.js create mode 100644 ui-elements.775ab723.js create mode 100644 vendor.a3c44323.js create mode 100644 whiteframe.65446ff4.js 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:

    @@ -92,10 +109,11 @@

    Sorry about so many updates!

+

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

Fixes: