Hopiu/vue-material
1
0
Fork 0
mirror of https://github.com/Hopiu/vue-material.git synced 2026-04-14 03:41:07 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions
vue-material/dist/docs/docs.0c76b7b3.js

33 lines
623 KiB
JavaScript
Raw Normal View History

[build] 0.5.0
2016-12-16 06:01:17 +00:00
webpackJsonp([1,0,2],[function(t,e,n){"use strict";function a(t){return t&&t.__esModule?t:{default:t}}var o=n(3),i=a(o),d=n(394),r=a(d);n(8);var s=n(9),l=a(s),m=n(208),c=a(m),u=n(213),v=a(u),p=n(211),b=a(p),f=n(212),h=a(f),_=n(209),g=a(_),y=n(210),x=a(y);i.default.component("page-content",v.default),i.default.component("docs-component",b.default),i.default.component("example-box",h.default),i.default.component("api-table",g.default),i.default.component("code-block",x.default),i.default.use(r.default);var C=new r.default({routes:l.default}),w=i.default.component("app",c.default),k=function(t){var e="default";"getting-started"===t.name?e="indigo":t.name.indexOf("themes")>=0?e="cyan":t.name.indexOf("ui-elements")>=0?e="purple":"changelog"===t.name?e="orange":"about"===t.name?e="green":"error"===t.name&&(e="red"),i.default.material.setCurrentTheme(e)};w=new w({el:"#app",router:C}),k(C.currentRoute),C.beforeEach(function(t,e,n){i.default.nextTick(function(){var e=document.querySelector(".main-content");e&&(e.scrollTop=0),w.closeSidenav(),k(t),n()})})},function(t,e,n){"use strict";function a(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var o=n(3),i=a(o);e.default={props:{mdTheme:String},data:function(){return{closestThemedParent:!1}},methods:{getClosestThemedParent:function(t){return!(!t||!t.$el||0===t._uid)&&(t.mdTheme||t.mdName?t:this.getClosestThemedParent(t.$parent))}},computed:{themeClass:function(){if(this.mdTheme)return"md-theme-"+this.mdTheme;var t=this.closestThemedParent.mdTheme;return t||(t=this.closestThemedParent.mdName),"md-theme-"+(t||i.default.material.currentTheme)}},mounted:function(){this.closestThemedParent=this.getClosestThemedParent(this.$parent),i.default.material.currentTheme||i.default.material.setCurrentTheme("default")}},t.exports=e.default},function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var n=function t(e,n){return!(!e||!e.$el)&&(0!==e._uid&&(e.$el.classList.contains(n)?e:t(e.$parent,n)))};e.default=n,t.exports=e.default},function(t,e,n){(function(e){/*!
* Vue.js v2.1.6
* (c) 2014-2016 Evan You
* Released under the MIT License.
*/
"use strict";function n(t){return null==t?"":"object"==typeof t?JSON.stringify(t,null,2):String(t)}function a(t){var e=parseFloat(t,10);return e||0===e?e:t}function o(t,e){for(var n=Object.create(null),a=t.split(","),o=0;o<a.length;o++)n[a[o]]=!0;return e?function(t){return n[t.toLowerCase()]}:function(t){return n[t]}}function i(t,e){if(t.length){var n=t.indexOf(e);if(n>-1)return t.splice(n,1)}}function d(t,e){return hn.call(t,e)}function r(t){return"string"==typeof t||"number"==typeof t}function s(t){var e=Object.create(null);return function(n){var a=e[n];return a||(e[n]=t(n))}}function l(t,e){function n(n){var a=arguments.length;return a?a>1?t.apply(e,arguments):t.call(e,n):t.call(e)}return n._length=t.length,n}function m(t,e){e=e||0;for(var n=t.length-e,a=new Array(n);n--;)a[n]=t[n+e];return a}function c(t,e){for(var n in e)t[n]=e[n];return t}function u(t){return null!==t&&"object"==typeof t}function v(t){return wn.call(t)===kn}function p(t){for(var e={},n=0;n<t.length;n++)t[n]&&c(e,t[n]);return e}function b(){}function f(t){return t.reduce(function(t,e){return t.concat(e.staticKeys||[])},[]).join(",")}function h(t,e){return t==e||!(!u(t)||!u(e))&&JSON.stringify(t)===JSON.stringify(e)}function _(t,e){for(var n=0;n<t.length;n++)if(h(t[n],e))return n;return-1}function g(t){var e=(t+"").charCodeAt(0);return 36===e||95===e}function y(t,e,n,a){Object.defineProperty(t,e,{value:n,enumerable:!!a,writable:!0,configurable:!0})}function x(t){if(!An.test(t)){var e=t.split(".");return function(t){for(var n=0;n<e.length;n++){if(!t)return;t=t[e[n]]}return t}}}function C(t){return/native code/.test(t.toString())}function w(t){Un.target&&Wn.push(Un.target),Un.target=t}function k(){Un.target=Wn.pop()}function E(t,e){t.__proto__=e}function T(t,e,n){for(var a=0,o=n.length;a<o;a++){var i=n[a];y(t,i,e[i])}}function M(t){if(u(t)){var e;return d(t,"__ob__")&&t.__ob__ instanceof Xn?e=t.__ob__:Jn.shouldConvert&&!Ln()&&(Array.isArray(t)||v(t))&&Object.isExtensible(t)&&!t._isVue&&(e=new Xn(t)),e}}function A(t,e,n,a){var o=new Un,i=Object.getOwnPropertyDescriptor(t,e);if(!i||i.configurable!==!1){var d=i&&i.get,r=i&&i.set,s=M(n);Object.defineProperty(t,e,{enumerable:!0,configurable:!0,get:function(){var e=d?d.call(t):n;return Un.target&&(o.depend(),s&&s.dep.depend(),Array.isArray(e)&&S(e)),e},set:function(e){var i=d?d.call(t):n;e===i||e!==e&&i!==i||(a&&a(),r?r.call(t,e):n=e,s=M(e),o.notify())}})}}function R(t,e,n){if(Array.isArray(t))return t.length=Math.max(t.length,e),t.splice(e,1,n),n;if(d(t,e))return void(t[e]=n);var a=t.__ob__;return t._isVue||a&&a.vmCount?void Hn("Avoid adding reactive properties to a Vue instance or its root $data at runtime - declare it upfront in the data option."):a?(A(a.value,e,n),a.dep.notify(),n):void(t[e]=n)}function O(t,e){var n=t.__ob__;return t._isVue||n&&n.vmCount?void Hn("Avoid deleting properties on a Vue instance or its root $data - just set it to null."):void(d(t,e)&&(delete t[e],n&&n.dep.notify()))}function S(t){for(var e=void 0,n=0,a=t.length;n<a;n++)e=t[n],e&&e.__ob__&&e.__ob__.dep.depend(),Array.isArray(e)&&S(e)}function N(t,e){if(!e)return t;for(var n,a,o,i=Object.keys(e),r=0;r<i.length;r++)n=i[r],a=t[n],o=e[n],d(t,n)?v(a)&&v(o)&&N(a,o):R(t,n,o);return t}function P(t,e){return e?t?t.concat(e):Array.isArray(e)?e:[e]:t}function D(t,e){var n=Object.create(t||null);return e?c(n,e):n}function I(t){for(var e in t.components){var n=e.toLowerCase();(fn(n)||Mn.isReservedTag(n))&&Hn("Do not use built-in or reserved HTML elements as component id: "+e)}}function $(t){var e=t.props;if(e){var n,a,o,i={};if(Array.isArray(e))for(n=e.length;n--;)a=e[n],"string"==typeof a?(o=gn(a),i[o]={type:null}):Hn("props must be strings when using array syntax.");else if(v(e))for(var d in e)a=e[d],o=gn(d),i[o]=v(a)?a:{type:a};t.props=i}}function L(t){var e=t.directives;if(e)for(var n in e){var a=e[n];"function"==typeof a&&(e[n]={bind:a,update:a})}}function j(t,e,n){function a(a){var o=Qn[a]||ta;m[a]=o(t[a],e[a],n,a)}I(e),$(e),L(e);var o=e.extends;if(o&&(t="function"==typeof o?j(t,o.options,n):j(t,o,n)),e.mixins)for(var i=0,r=e.mixins
o.modifiers||(o.modifiers=Ya),n[Ee(o)]=o,o.def=F(e.$options,"directives",o.name,!0);return n}function Ee(t){return t.rawName||t.name+"."+Object.keys(t.modifiers||{}).join(".")}function Te(t,e,n,a){var o=t.def&&t.def[e];o&&o(n.elm,t,n,a)}function Me(t,e){if(t.data.attrs||e.data.attrs){var n,a,o,i=e.elm,d=t.data.attrs||{},r=e.data.attrs||{};r.__ob__&&(r=e.data.attrs=c({},r));for(n in r)a=r[n],o=d[n],o!==a&&Ae(i,n,a);Pn&&r.value!==d.value&&Ae(i,"value",r.value);for(n in d)null==r[n]&&(Ia(n)?i.removeAttributeNS(Da,$a(n)):Na(n)||i.removeAttribute(n))}}function Ae(t,e,n){Pa(e)?La(n)?t.removeAttribute(e):t.setAttribute(e,e):Na(e)?t.setAttribute(e,La(n)||"false"===n?"false":"true"):Ia(e)?La(n)?t.removeAttributeNS(Da,$a(e)):t.setAttributeNS(Da,e,n):La(n)?t.removeAttribute(e):t.setAttribute(e,n)}function Re(t,e){var n=e.elm,a=e.data,o=t.data;if(a.staticClass||a.class||o&&(o.staticClass||o.class)){var i=Jt(e),d=n._transitionClasses;d&&(i=Zt(i,te(d))),i!==n._prevClass&&(n.setAttribute("class",i),n._prevClass=i)}}function Oe(t,e,n,a){if(n){var o=e;e=function(n){Se(t,e,a),1===arguments.length?o(n):o.apply(null,arguments)}}Aa.addEventListener(t,e,a)}function Se(t,e,n){Aa.removeEventListener(t,e,n)}function Ne(t,e){if(t.data.on||e.data.on){var n=e.data.on||{},a=t.data.on||{};Aa=e.elm,Tt(n,a,Oe,Se,e.context)}}function Pe(t,e){if(t.data.domProps||e.data.domProps){var n,a,o=e.elm,i=t.data.domProps||{},d=e.data.domProps||{};d.__ob__&&(d=e.data.domProps=c({},d));for(n in i)null==d[n]&&(o[n]="");for(n in d)if(a=d[n],"textContent"!==n&&"innerHTML"!==n||(e.children&&(e.children.length=0),a!==i[n]))if("value"===n){o._value=a;var r=null==a?"":String(a);!o.composing&&(document.activeElement!==o&&o.value!==r||De(e,r))&&(o.value=r)}else o[n]=a}}function De(t,e){var n=t.elm.value,o=t.elm._vModifiers;return o&&o.number||"number"===t.elm.type?a(n)!==a(e):o&&o.trim?n.trim()!==e.trim():n!==e}function Ie(t){var e=$e(t.style);return t.staticStyle?c(t.staticStyle,e):e}function $e(t){return Array.isArray(t)?p(t):"string"==typeof t?to(t):t}function Le(t,e){var n,a={};if(e)for(var o=t;o.child;)o=o.child._vnode,o.data&&(n=Ie(o.data))&&c(a,n);(n=Ie(t.data))&&c(a,n);for(var i=t;i=i.parent;)i.data&&(n=Ie(i.data))&&c(a,n);return a}function je(t,e){var n=e.data,a=t.data;if(n.staticStyle||n.style||a.staticStyle||a.style){var o,i,d=e.elm,r=t.data.staticStyle,s=t.data.style||{},l=r||s,m=$e(e.data.style)||{};e.data.style=m.__ob__?c({},m):m;var u=Le(e,!0);for(i in l)null==u[i]&&ao(d,i,"");for(i in u)o=u[i],o!==l[i]&&ao(d,i,null==o?"":o)}}function Fe(t,e){if(e&&e.trim())if(t.classList)e.indexOf(" ")>-1?e.split(/\s+/).forEach(function(e){return t.classList.add(e)}):t.classList.add(e);else{var n=" "+t.getAttribute("class")+" ";n.indexOf(" "+e+" ")<0&&t.setAttribute("class",(n+e).trim())}}function Be(t,e){if(e&&e.trim())if(t.classList)e.indexOf(" ")>-1?e.split(/\s+/).forEach(function(e){return t.classList.remove(e)}):t.classList.remove(e);else{for(var n=" "+t.getAttribute("class")+" ",a=" "+e+" ";n.indexOf(a)>=0;)n=n.replace(a," ");t.setAttribute("class",n.trim())}}function He(t){bo(function(){bo(t)})}function qe(t,e){(t._transitionClasses||(t._transitionClasses=[])).push(e),Fe(t,e)}function ze(t,e){t._transitionClasses&&i(t._transitionClasses,e),Be(t,e)}function Ve(t,e,n){var a=Ue(t,e),o=a.type,i=a.timeout,d=a.propCount;if(!o)return n();var r=o===lo?uo:po,s=0,l=function(){t.removeEventListener(r,m),n()},m=function(e){e.target===t&&++s>=d&&l()};setTimeout(function(){s<d&&l()},i+1),t.addEventListener(r,m)}function Ue(t,e){var n,a=window.getComputedStyle(t),o=a[co+"Delay"].split(", "),i=a[co+"Duration"].split(", "),d=We(o,i),r=a[vo+"Delay"].split(", "),s=a[vo+"Duration"].split(", "),l=We(r,s),m=0,c=0;e===lo?d>0&&(n=lo,m=d,c=i.length):e===mo?l>0&&(n=mo,m=l,c=s.length):(m=Math.max(d,l),n=m>0?d>l?lo:mo:null,c=n?n===lo?i.length:s.length:0);var u=n===lo&&fo.test(a[co+"Property"]);return{type:n,timeout:m,propCount:c,hasTransform:u}}function We(t,e){for(;t.length<e.length;)t=t.concat(t);return Math.max.apply(null,e.map(function(e,n){return Ge(e)+Ge(t[n])}))}function Ge(t){return 1e3
Autosize 3.0.20
license: MIT
http://www.jacklmoore.com/autosize
*/
!function(n,d){o=[e,t],a=d,i="function"==typeof a?a.apply(e,o):a,!(void 0!==i&&(t.exports=i))}(this,function(t,e){"use strict";function n(t){function e(){var e=window.getComputedStyle(t,null);"vertical"===e.resize?t.style.resize="none":"both"===e.resize&&(t.style.resize="horizontal"),s="content-box"===e.boxSizing?-(parseFloat(e.paddingTop)+parseFloat(e.paddingBottom)):parseFloat(e.borderTopWidth)+parseFloat(e.borderBottomWidth),isNaN(s)&&(s=0),r()}function n(e){var n=t.style.width;t.style.width="0px",t.offsetWidth,t.style.width=n,t.style.overflowY=e}function a(t){for(var e=[];t&&t.parentNode&&t.parentNode instanceof Element;)t.parentNode.scrollTop&&e.push({node:t.parentNode,scrollTop:t.parentNode.scrollTop}),t=t.parentNode;return e}function o(){var e=t.style.height,n=a(t),o=document.documentElement&&document.documentElement.scrollTop;t.style.height="auto";var i=t.scrollHeight+s;return 0===t.scrollHeight?void(t.style.height=e):(t.style.height=i+"px",l=t.clientWidth,n.forEach(function(t){t.node.scrollTop=t.scrollTop}),void(o&&(document.documentElement.scrollTop=o)))}function r(){o();var e=Math.round(parseFloat(t.style.height)),a=window.getComputedStyle(t,null),i=Math.round(parseFloat(a.height));if(i!==e?"visible"!==a.overflowY&&(n("visible"),o(),i=Math.round(parseFloat(window.getComputedStyle(t,null).height))):"hidden"!==a.overflowY&&(n("hidden"),o(),i=Math.round(parseFloat(window.getComputedStyle(t,null).height))),m!==i){m=i;var r=d("autosize:resized");try{t.dispatchEvent(r)}catch(t){}}}if(t&&t.nodeName&&"TEXTAREA"===t.nodeName&&!i.has(t)){var s=null,l=t.clientWidth,m=null,c=function(){t.clientWidth!==l&&r()},u=function(e){window.removeEventListener("resize",c,!1),t.removeEventListener("input",r,!1),t.removeEventListener("keyup",r,!1),t.removeEventListener("autosize:destroy",u,!1),t.removeEventListener("autosize:update",r,!1),Object.keys(e).forEach(function(n){t.style[n]=e[n]}),i.delete(t)}.bind(t,{height:t.style.height,resize:t.style.resize,overflowY:t.style.overflowY,overflowX:t.style.overflowX,wordWrap:t.style.wordWrap});t.addEventListener("autosize:destroy",u,!1),"onpropertychange"in t&&"oninput"in t&&t.addEventListener("keyup",r,!1),window.addEventListener("resize",c,!1),t.addEventListener("input",r,!1),t.addEventListener("autosize:update",r,!1),t.style.overflowX="hidden",t.style.wordWrap="break-word",i.set(t,{destroy:u,update:r}),e()}}function a(t){var e=i.get(t);e&&e.destroy()}function o(t){var e=i.get(t);e&&e.update()}var i="function"==typeof Map?new Map:function(){var t=[],e=[];return{has:function(e){return t.indexOf(e)>-1},get:function(n){return e[t.indexOf(n)]},set:function(n,a){t.indexOf(n)===-1&&(t.push(n),e.push(a))},delete:function(n){var a=t.indexOf(n);a>-1&&(t.splice(a,1),e.splice(a,1))}}}(),d=function(t){return new Event(t,{bubbles:!0})};try{new Event("test")}catch(t){d=function(t){var e=document.createEvent("Event");return e.initEvent(t,!0,!1),e}}var r=null;"undefined"==typeof window||"function"!=typeof window.getComputedStyle?(r=function(t){return t},r.destroy=function(t){return t},r.update=function(t){return t}):(r=function(t,e){return t&&Array.prototype.forEach.call(t.length?t:[t],function(t){return n(t,e)}),t},r.destroy=function(t){return t&&Array.prototype.forEach.call(t.length?t:[t],a),t},r.update=function(t){return t&&Array.prototype.forEach.call(t.length?t:[t],o),t}),e.exports=r})},function(t,e,n){"use strict";function a(t){return t&&t.__esModule?t:{default:t}}var o=n(3),i=a(o),d=n(42),r=a(d);i.default.use(r.default),i.default.material.registerTheme({default:{primary:"blue",accent:"pink"},blue:{primary:"blue",accent:"pink"},indigo:{primary:"indigo",accent:"pink"},brown:{primary:"brown",accent:"green"},purple:{primary:"purple",accent:"blue"},orange:{primary:"orange",accent:"purple"},green:{primary:"green",accent:"pink"},"light-blue":{primary:"light-blue",accent:{color:"cyan",hue:"A200"}},teal:{primary:"teal",accent:"orange"},"blue-grey":{primary:"blue-grey",accent:"blue"},cyan:{primary:"cyan",accent:"pink"},red:{primary:"red",accent:"pink"},white:{primary:"white",accent:"blue"},grey:{primary:{co
e.html=a.replace("### TEMPLATE ###",n.code)}else"javascript"===n.lang?e.js=e.js+=n.code:e.css=n.code}),this.codeString=JSON.stringify(e).replace(/"/g,"&quot;").replace(/'/g,"&apos;"),this.$nextTick(function(){console.log(t.$refs.initialJs),t.$refs.form.submit()})}}},t.exports=e.default},function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={props:{pageTitle:String},data:function(){return{latest:null,currentDocs:null,availableDocs:[]}},methods:{changeDocs:function(){var t=window.location;this.currentDocs===this.latest?window.location.href=t.origin+"/"+t.hash:window.location.href=t.origin+"/releases/v"+this.currentDocs+"/"+t.hash},toggleSidenav:function(){this.$root.toggleSidenav()},getVersions:function(t){var e=new XMLHttpRequest;e.open("GET","/versions.json",!0),e.setRequestHeader("Content-Type","application/json"),e.onload=function(){t(JSON.parse(this.response))},e.send()},setVersion:function(t){t.sort(function(t,e){return t<e}),this.latest=t[0],this.currentDocs=t[0],this.availableDocs=t},setCurrentByLocation:function(){var t=location.pathname.replace(/\/|v/g,"");t&&this.availableDocs.indexOf(t)>=0&&(this.currentDocs=t)}},mounted:function(){var t=this;this.getVersions(function(e){t.setVersion(e),t.setCurrentByLocation()}),document.title=this.pageTitle+" - Vue Material"}},t.exports=e.default},function(t,e){"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},function(t,e){"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},function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={data:function(){return{buttonDisabled:!0}},methods:{disablePrimaryButton:function(){this.buttonDisabled=!this.buttonDisabled}}},t.exports=e.default},function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={data:function(){return{checkbox:!0,checkbox2:!1}}},t.exports=e.default},function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={data:function(){return{alert:{content:"Your post has been deleted!",ok:"Cool!"},alert2:{title:"Post created!",contentHtml:"Your post <strong>Material Design is awesome</strong> has been created."},confirm:{title:"Use Google's location service?",contentHtml:"Let Google help apps determine location. <br> This means sending <strong>anonymous</strong> location data to Google, even when no apps are running.",ok:"Agree",cancel:"Disagree"},prompt:{title:"What's your name?",ok:"Done",cancel:"Cancel",id:"name",name:"name",placeholder:"Type your name...",maxlength:30,value:""}}},methods:{openDialog:function(t){this.$refs[t].open()},closeDialog:function(t){this.$refs[t].close()},onOpen:function(){console.log("Opened")},onClose:function(t){console.log("Closed",t)}}},t.exports=e.default},function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={data:function(){return{initialValue:"My initial value"}}},t.exports=e.default},function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={data:function(){return{radio1:2,radio2:1,radio3:1,radio4:1,radio5:2,radio6:3,radio7:1,radio8:2}}},t.exports=e.default},function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={data:function(){return{movie:"godfather",country:"",font:"",food:"",users:["jim_halpert","michael_scott"]}},methods:{setPulpFiction:function(){this.movie="pulp_fiction"}}},t.exports=e.default},function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={methods:{toggleLeftSidenav:function(){this.$refs.leftSidenav.toggle()},toggleRightSidenav:function(){this.$refs.rightSidenav.toggle()},closeRightSidenav:function(){this.$refs.rightSidenav.clos
this.index=this.parentSelect.optionsAmount,this.parentSelect.multipleOptions[this.index]={},this.parentSelect.options[this.index]=this,this.parentSelect.value===this.value&&this.setParentOption()},beforeDestroy:function(){this.parentSelect&&(delete this.parentSelect.options[this.index],delete this.parentSelect.multipleOptions[this.index])}},t.exports=e.default},function(t,e,n){"use strict";function a(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var o="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},i=n(1),d=a(i),r=n(2),s=a(r),l=n(6),m=a(l);e.default={props:{name:String,id:String,required:Boolean,multiple:Boolean,value:[String,Number,Array],disabled:Boolean,placeholder:String,mdMenuClass:String},mixins:[d.default],data:function(){return{selectedValue:null,selectedText:null,multipleText:null,multipleOptions:{},options:{},optionsAmount:0}},computed:{classes:function(){return{"md-disabled":this.disabled}},contentClasses:function(){return this.multiple?"md-multiple "+this.mdMenuClass:this.mdMenuClass}},watch:{value:function(t){this.setTextAndValue(t)},disabled:function(){this.setParentDisabled()},required:function(){this.setParentRequired()},placeholder:function(){this.setParentPlaceholder()}},methods:{setParentDisabled:function(){this.parentContainer.isDisabled=this.disabled},setParentRequired:function(){this.parentContainer.isRequired=this.required},setParentPlaceholder:function(){this.parentContainer.hasPlaceholder=!!this.placeholder},getSingleValue:function(t){var e=this,n={};return Object.keys(this.options).forEach(function(a){var o=e.options[a];o.value===t&&(n.value=t,n.text=o.$refs.item.textContent)}),n},getMultipleValue:function(t){var e=this;if((0,m.default)(this.value)){var n=function(){var n=[];return t.forEach(function(t){Object.keys(e.options).forEach(function(a){var o=e.options[a];if(o.value===t){var i=o.$refs.item.textContent;e.multipleOptions[a]={value:t,text:i},n.push(i)}})}),{v:{value:t,text:n.join(", ")}}}();if("object"===("undefined"==typeof n?"undefined":o(n)))return n.v}return{}},setTextAndValue:function(t){var e=this.multiple?this.getMultipleValue(t):this.getSingleValue(t);this.selectedValue=e.value,this.selectedText=e.text,this.selectedText&&this.parentContainer&&this.parentContainer.setValue(this.selectedText)},changeValue:function(t){this.$emit("input",t),this.$emit("change",t)},selectMultiple:function(t,e,n){var a=[];this.multipleOptions[t]={value:e,text:n};for(var o in this.multipleOptions)this.multipleOptions.hasOwnProperty(o)&&this.multipleOptions[o].value&&a.push(this.multipleOptions[o].value);this.changeValue(a)},selectOption:function(t,e){this.selectedText=e,this.setTextAndValue(t),this.changeValue(t)}},mounted:function(){this.parentContainer=(0,s.default)(this.$parent,"md-input-container"),this.parentContainer&&(this.setParentDisabled(),this.setParentRequired(),this.setParentPlaceholder(),this.parentContainer.hasSelect=!0),this.setTextAndValue(this.value)},beforeDestroy:function(){this.parentContainer&&(this.parentContainer.setValue(""),this.parentContainer.hasSelect=!1)}},t.exports=e.default},function(t,e,n){"use strict";function a(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var o=n(1),i=a(o);e.default={data:function(){return{mdVisible:!1}},mixins:[i.default],computed:{classes:function(){return this.mdVisible&&"md-active"}},methods:{show:function(){this.mdVisible=!0,this.$el.focus(),this.$emit("open")},close:function(){this.mdVisible=!1,this.$el.blur(),this.$emit("close")},toggle:function(){this.mdVisible?this.close():this.show()}}},t.exports=e.default},function(t,e,n){"use strict";function a(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var o=n(1),i=a(o);e.default={props:{mdSize:{type:Number,default:50},mdStroke:{type:Number,default:3.5},mdIndeterminate:Boolean,mdProgress:{type:Number,default:0}},mixins:[i.def
t=0===arguments.length||!!t;var e=this.parentNode,n=window.getComputedStyle(e,null),a=parseInt(n.getPropertyValue("border-top-width")),o=parseInt(n.getPropertyValue("border-left-width")),i=this.offsetTop-e.offsetTop<e.scrollTop,d=this.offsetTop-e.offsetTop+this.clientHeight-a>e.scrollTop+e.clientHeight,r=this.offsetLeft-e.offsetLeft<e.scrollLeft,s=this.offsetLeft-e.offsetLeft+this.clientWidth-o>e.scrollLeft+e.clientWidth,l=i&&!d;(i||d)&&t&&(e.scrollTop=this.offsetTop-e.offsetTop-e.clientHeight/2-a+this.clientHeight/2),(r||s)&&t&&(e.scrollLeft=this.offsetLeft-e.offsetLeft-e.clientWidth/2-o+this.clientWidth/2),(i||d||r||s)&&!t&&this.scrollIntoView(l)})},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){e.node=function(t){return void 0!==t&&t instanceof HTMLElement&&1===t.nodeType},e.nodeList=function(t){var n=Object.prototype.toString.call(t);return void 0!==t&&("[object NodeList]"===n||"[object HTMLCollection]"===n)&&"length"in t&&(0===t.length||e.node(t[0]))},e.string=function(t){return"string"==typeof t||t instanceof String},e.fn=function(t){var e=Object.prototype.toString.call(t);return"[object Function]"===e}},function(t,e,n){function a(t,e,n){if(!t&&!e&&!n)throw new Error("Missing required arguments");if(!r.string(e))throw new TypeError("Second argument must be a String");if(!r.fn(n))throw new TypeError("Third argument must be a Function");if(r.node(t))return o(t,e,n);if(r.nodeList(t))return i(t,e,n);if(r.string(t))return d(t,e,n);throw new TypeError("First argument must be a String, HTMLElement, HTMLCollection, or NodeList")}function o(t,e,n){return t.addEventListener(e,n),{destroy:function(){t.removeEventListener(e,n)}}}function i(t,e,n){return Array.prototype.forEach.call(t,function(t){t.addEventListener(e,n)}),{destroy:function(){Array.prototype.forEach.call(t,function(t){t.removeEventListener(e,n)})}}}function d(t,e,n){return s(document.body,t,e,n)}var r=n(177),s=n(114);t.exports=a},function(t,e,n){!function(t){"object"==typeof window&&window||"object"==typeof self&&self;t(e)}(function(t){function e(t){return t.replace(/[&<>]/gm,function(t){return O[t]})}function n(t){return t.nodeName.toLowerCase()}function a(t,e){var n=t&&t.exec(e);return n&&0===n.index}function o(t){return E.test(t)}function i(t){var e,n,a,i,d=t.className+" ";if(d+=t.parentNode?t.parentNode.className:"",n=T.exec(d))return y(n[1])?n[1]:"no-highlight";for(d=d.split(/\s+/),e=0,a=d.length;e<a;e++)if(i=d[e],o(i)||y(i))return i}function d(t,e){var n,a={};for(n in t)a[n]=t[n];if(e)for(n in e)a[n]=e[n];return a}function r(t){var e=[];return function t(a,o){for(var i=a.firstChild;i;i=i.nextSibling)3===i.nodeType?o+=i.nodeValue.length:1===i.nodeType&&(e.push({event:"start",offset:o,node:i}),o=t(i,o),n(i).match(/br|hr|img|input/)||e.push({event:"stop",offset:o,node:i}));return o}(t,0),e}function s(t,a,o){function i(){return t.length&&a.length?t[0].offset!==a[0].offset?t[0].offset<a[0].offset?t:a:"start"===a[0].event?t:a:t.length?t:a}function d(t){function a(t){return" "+t.nodeName+'="'+e(t.value)+'"'}m+="<"+n(t)+x.map.call(t.attributes,a).join("")+">"}function r(t){m+="</"+n(t)+">"}function s(t){("start"===t.event?d:r)(t.node)}for
},function(t,e){t.exports=".THEME_NAME.md-dialog-container .md-dialog{background-color:BACKGROUND-COLOR-A100;color:BACKGROUND-CONTRAST}\n"},function(t,e){t.exports=".THEME_NAME.md-icon.md-primary{color:PRIMARY-COLOR}.THEME_NAME.md-icon.md-accent{color:ACCENT-COLOR}.THEME_NAME.md-icon.md-warn{color:WARN-COLOR}\n"},function(t,e){t.exports=".THEME_NAME.md-input-container.md-input-invalid:after{background-color:WARN-COLOR}.THEME_NAME.md-input-container.md-input-invalid label,.THEME_NAME.md-input-container.md-input-invalid .md-error,.THEME_NAME.md-input-container.md-input-invalid .md-count,.THEME_NAME.md-input-container.md-input-invalid input,.THEME_NAME.md-input-container.md-input-invalid textarea{color:WARN-COLOR}.THEME_NAME.md-input-container.md-input-focused.md-input-inline label{color:rgba(0,0,0,0.54)}.THEME_NAME.md-input-container.md-input-focused.md-input-required label:after{color:WARN-COLOR}.THEME_NAME.md-input-container.md-input-focused:after{height:2px;background-color:PRIMARY-COLOR}.THEME_NAME.md-input-container.md-input-focused input,.THEME_NAME.md-input-container.md-input-focused textarea{color:PRIMARY-COLOR;text-shadow:0 0 0 BACKGROUND-CONTRAST;-webkit-text-fill-color:transparent}.THEME_NAME.md-input-container.md-input-focused label{color:PRIMARY-COLOR}\n"},function(t,e){t.exports=".THEME_NAME.md-list{background-color:BACKGROUND-COLOR-A100;color:BACKGROUND-CONTRAST}.THEME_NAME.md-list.md-transparent{background-color:transparent;color:inherit}.THEME_NAME.md-list .md-list-item .router-link-active.md-list-item-container{color:PRIMARY-COLOR}.THEME_NAME.md-list .md-list-item .router-link-active.md-list-item-container>.md-icon{color:PRIMARY-COLOR}.THEME_NAME.md-list .md-list-item.md-primary .md-list-item-container{color:PRIMARY-COLOR}.THEME_NAME.md-list .md-list-item.md-primary .md-list-item-container>.md-icon{color:PRIMARY-COLOR}.THEME_NAME.md-list .md-list-item.md-accent .md-list-item-container{color:ACCENT-COLOR}.THEME_NAME.md-list .md-list-item.md-accent .md-list-item-container>.md-icon{color:ACCENT-COLOR}.THEME_NAME.md-list .md-list-item.md-warn .md-list-item-container{color:WARN-COLOR}.THEME_NAME.md-list .md-list-item.md-warn .md-list-item-container>.md-icon{color:WARN-COLOR}.THEME_NAME.md-list .md-list-item-expand .md-list-item-container{background-color:BACKGROUND-COLOR-A100}.THEME_NAME.md-list .md-list-item-expand .md-list-item-container:hover,.THEME_NAME.md-list .md-list-item-expand .md-list-item-container:focus{background-color:rgba(153,153,153,0.2)}\n"},function(t,e){t.exports=".THEME_NAME.md-menu-content{background-color:BACKGROUND-COLOR-A100;color:BACKGROUND-CONTRAST}.THEME_NAME.md-menu-content .md-menu-item:hover .md-button:not([disabled]),.THEME_NAME.md-menu-content .md-menu-item:focus .md-button:not([disabled]),.THEME_NAME.md-menu-content .md-menu-item.md-highlighted .md-button:not([disabled]){background-color:BACKGROUND-CONTRAST-0.12}.THEME_NAME.md-menu-content .md-menu-item[disabled]{color:BACKGROUND-CONTRAST-0.38}\n"},function(t,e){t.exports=".THEME_NAME.md-radio .md-radio-container:after{background-color:ACCENT-COLOR}.THEME_NAME.md-radio.md-checked .md-radio-container{border-color:ACCENT-COLOR}.THEME_NAME.md-radio.md-checked .md-ink-ripple{color:ACCENT-COLOR}.THEME_NAME.md-radio.md-checked .md-ripple{opacity:.38}.THEME_NAME.md-radio.md-primary .md-radio-container:after{background-color:PRIMARY-COLOR}.THEME_NAME.md-radio.md-primary.md-checked .md-radio-container{border-color:PRIMARY-COLOR}.THEME_NAME.md-radio.md-primary.md-checked .md-ink-ripple{color:PRIMARY-COLOR}.THEME_NAME.md-radio.md-warn .md-radio-container:after{background-color:WARN-COLOR}.THEME_NAME.md-radio.md-warn.md-checked .md-radio-container{border-color:WARN-COLOR}.THEME_NAME.md-radio.md-warn.md-checked .md-ink-ripple{color:WARN-COLOR}.THEME_NAME.md-radio.md-disabled .md-radio-container{border-color:rgba(0,0,0,0.26)}.THEME_NAME.md-radio.md-disabled .md-radio-container:after{background-color:rgba(0,0,0,0.26)}.THEME_NAME.md-radio.md-disabled.md-checked .md-radio-container{border-color:rgba(0,0,0,0.26)}\n"},function(t,e){t.exports=".T
t.exports=a},function(t,e,n){var a,o;a=n(100);var i=n(343);o=a=a||{},"object"!=typeof a.default&&"function"!=typeof a.default||(o=a=a.default),"function"==typeof o&&(o=o.options),o.render=i.render,o.staticRenderFns=i.staticRenderFns,t.exports=a},function(t,e,n){var a,o;a=n(101);var i=n(369);o=a=a||{},"object"!=typeof a.default&&"function"!=typeof a.default||(o=a=a.default),"function"==typeof o&&(o=o.options),o.render=i.render,o.staticRenderFns=i.staticRenderFns,t.exports=a},function(t,e,n){var a,o;a=n(102);var i=n(384);o=a=a||{},"object"!=typeof a.default&&"function"!=typeof a.default||(o=a=a.default),"function"==typeof o&&(o=o.options),o.render=i.render,o.staticRenderFns=i.staticRenderFns,t.exports=a},function(t,e,n){var a,o;a=n(103);var i=n(371);o=a=a||{},"object"!=typeof a.default&&"function"!=typeof a.default||(o=a=a.default),"function"==typeof o&&(o=o.options),o.render=i.render,o.staticRenderFns=i.staticRenderFns,t.exports=a},function(t,e,n){var a,o;n(169),a=n(104);var i=n(382);o=a=a||{},"object"!=typeof a.default&&"function"!=typeof a.default||(o=a=a.default),"function"==typeof o&&(o=o.options),o.render=i.render,o.staticRenderFns=i.staticRenderFns,t.exports=a},function(t,e,n){var a,o;n(149),a=n(105);var i=n(355);o=a=a||{},"object"!=typeof a.default&&"function"!=typeof a.default||(o=a=a.default),"function"==typeof o&&(o=o.options),o.render=i.render,o.staticRenderFns=i.staticRenderFns,t.exports=a},function(t,e,n){var a,o;n(134),a=n(106);var i=n(329);o=a=a||{},"object"!=typeof a.default&&"function"!=typeof a.default||(o=a=a.default),"function"==typeof o&&(o=o.options),o.render=i.render,o.staticRenderFns=i.staticRenderFns,t.exports=a},function(t,e,n){var a,o;n(117),a=n(107),o=a=a||{},"object"!=typeof a.default&&"function"!=typeof a.default||(o=a=a.default),"function"==typeof o&&(o=o.options),t.exports=a},function(t,e,n){var a,o;n(138),o=a=a||{},"object"!=typeof a.default&&"function"!=typeof a.default||(o=a=a.default),"function"==typeof o&&(o=o.options),t.exports=a},function(t,e,n){var a,o;a=n(108),o=a=a||{},"object"!=typeof a.default&&"function"!=typeof a.default||(o=a=a.default),"function"==typeof o&&(o=o.options),t.exports=a},function(t,e){t.exports={render:function(){var t=this,e=(t.$createElement,t._c);return e("div",{staticClass:"md-menu"},[t._t("default"),t._v(" "),e("md-backdrop",{ref:"backdrop",staticClass:"md-menu-backdrop md-transparent md-active",on:{close:t.close}})],!0)},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=(t.$createElement,t._c);return e("div",{staticClass:"md-dialog-title md-title"},[t._t("default")],!0)},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=(t.$createElement,t._c);return e("div",{staticClass:"md-card-content"},[t._t("default")],!0)},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=(t.$createElement,t._c);return e("div",{staticClass:"md-bottom-bar",class:[t.themeClass,t.classes]},[t._t("default")],!0)},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=(t.$createElement,t._c);return e("page-content",{attrs:{"page-title":"Introduction"}},[e("div",{staticClass:"main-content"},[e("div",{staticClass:"introduction"},[e("div",{staticClass:"button-actions"},[e("div",{staticClass:"example"},[e("img",{attrs:{src:"assets/vue-material-example.png",alt:"Material Design"}})]),t._v(" "),e("div",{staticClass:"introduction"},[t._v("Build well-crafted apps with Material Design and Vue 2")]),t._v(" "),e("md-button",{staticClass:"md-primary md-raised",attrs:{href:"#/getting-started"}},[t._v("Getting Started")]),t._v(" "),e("md-button",{staticClass:"md-primary md-raised",attrs:{href:"https://github.com/marcosmoura/vue-material",target:"_blank",rel:"noopener"}},[t._v("Github")])]),t._v(" "),e("div",{staticClass:"row"},[e("div",{staticClass:"column"},[e("h2",{staticClass:"md-headline"},[t._v("Material Design")]),t._v(" "),e("p",[t._v("Vue Material is lightweight framework built exactly according to the "),e("a",{attrs:{href:"http://material.google.com",target:"_blank",rel:"noopener"}},[t._v("
},staticRenderFns:[function(){var t=this,e=(t.$createElement,t._c);return e("md-table",[e("md-table-header",[e("md-table-row",[e("md-table-head",[t._v("Dessert (100g serving)")]),t._v(" "),e("md-table-head",{attrs:{"md-numeric":""}},[t._v("Calories (g)")]),t._v(" "),e("md-table-head",{attrs:{"md-numeric":""}},[t._v("Fat (g)")]),t._v(" "),e("md-table-head",{attrs:{"md-numeric":""}},[t._v("Carbs (g)")]),t._v(" "),e("md-table-head",{attrs:{"md-numeric":""}},[t._v("Protein (g)")])])]),t._v(" "),e("md-table-body",t._l(5,function(n,a){return e("md-table-row",{key:a},[e("md-table-cell",[t._v("Dessert Name")]),t._v(" "),t._l(4,function(n,a){return e("md-table-cell",{key:a,attrs:{"md-numeric":""}},[t._v("10")])})],!0)}))])}]}},function(t,e){t.exports={render:function(){var t=this,e=(t.$createElement,t._c);return e("div",{staticClass:"md-button-toggle",class:[t.themeClass]},[t._t("default")],!0)},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=(t.$createElement,t._c);return e("div",{staticClass:"md-dialog-content"},[t._t("default")],!0)},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=(t.$createElement,t._c);return e("page-content",{attrs:{"page-title":"Components - Button Toggle"}},[e("docs-component",[e("div",{slot:"description"},[e("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(" "),e("p",[t._v("The following classes can be applied to change the color palette:")]),t._v(" "),e("ul",{staticClass:"md-body-2"},[e("li",[e("code",[t._v("md-primary")])]),t._v(" "),e("li",[e("code",[t._v("md-accent")])]),t._v(" "),e("li",[e("code",[t._v("md-warn")])])])]),t._v(" "),e("div",{slot:"api"},[e("api-table",{attrs:{name:"md-button-toggle"}},[e("md-table",{slot:"properties"},[e("md-table-header",[e("md-table-row",[e("md-table-head",[t._v("Name")]),t._v(" "),e("md-table-head",[t._v("Type")]),t._v(" "),e("md-table-head",[t._v("Description")])])]),t._v(" "),e("md-table-body",[e("md-table-row",[e("md-table-cell",[t._v("md-single")]),t._v(" "),e("md-table-cell",[e("code",[t._v("Boolean")])]),t._v(" "),e("md-table-cell",[t._v("Enable single selection. Default "),e("code",[t._v("false")])])])])])]),t._v(" "),e("api-table",{attrs:{name:"md-button"}},[e("md-table",{slot:"classes"},[e("md-table-header",[e("md-table-row",[e("md-table-head",[t._v("Name")]),t._v(" "),e("md-table-head",[t._v("Description")])])]),t._v(" "),e("md-table-body",[e("md-table-row",[e("md-table-cell",[t._v("md-toggle")]),t._v(" "),e("md-table-cell",[t._v("Active selection")])])])])])]),t._v(" "),e("div",{slot:"example"},[e("example-box",{attrs:{"card-title":"Multiple"}},[e("div",{slot:"demo"},[e("md-button-toggle",[e("md-button",{staticClass:"md-icon-button md-toggle"},[e("md-icon",[t._v("format_bold")])]),t._v(" "),e("md-button",{staticClass:"md-icon-button"},[e("md-icon",[t._v("format_italic")])]),t._v(" "),e("md-button",{staticClass:"md-icon-button"},[e("md-icon",[t._v("strikethrough_s")])]),t._v(" "),e("md-button",{staticClass:"md-icon-button md-toggle"},[e("md-icon",[t._v("title")])])]),t._v(" "),e("md-button-toggle",{staticClass:"md-button-group md-primary"},[e("md-button",{staticClass:"md-icon-button md-toggle"},[e("md-icon",[t._v("format_bold")])]),t._v(" "),e("md-button",{staticClass:"md-icon-button md-toggle"},[e("md-icon",[t._v("format_italic")])]),t._v(" "),e("md-button",{staticClass:"md-icon-button"},[e("md-icon",[t._v("format_underline")])]),t._v(" "),e("md-button",{staticClass:"md-icon-button"},[e("md-icon",[t._v("title")])])]),t._v(" "),e("md-button-toggle",{staticClass:"md-button-group md-accent"},[e("md-button",{staticClass:"md-icon-button md-toggle"},[e("md-icon",[t._v("format_bold")])]),t._v(" "),e("md-button",{staticClass:"md-icon-button md-toggle"},[e("md-icon",[t._v("format_italic")])]),t._v(" "),e("md-button",{staticClass:"md-icon-button"},[e("md-icon",[t._v("format_underline")])]),t._v(" "),e("md-button",{staticClass:"md-icon-button"},[e("md-icon",[t._v("title")])])]),t._v(" "),e("md-butto
attrs:{"card-title":"Themes"}},[e("div",{slot:"demo"},[e("div",{staticClass:"phone-viewport"},[e("md-bottom-bar",{attrs:{"md-theme":"orange"}},[e("md-bottom-bar-item",{attrs:{"md-icon":"history"}},[t._v("Recents")]),t._v(" "),e("md-bottom-bar-item",{attrs:{"md-icon":"favorite","md-active":""}},[t._v("Favorites")]),t._v(" "),e("md-bottom-bar-item",{attrs:{"md-icon":"near_me"}},[t._v("Nearby")])])]),t._v(" "),e("div",{staticClass:"phone-viewport"},[e("md-bottom-bar",{attrs:{"md-theme":"teal"}},[e("md-bottom-bar-item",{attrs:{"md-icon":"history"}},[t._v("Recents")]),t._v(" "),e("md-bottom-bar-item",{attrs:{"md-icon":"favorite","md-active":""}},[t._v("Favorites")]),t._v(" "),e("md-bottom-bar-item",{attrs:{"md-icon":"near_me"}},[t._v("Nearby")])])]),t._v(" "),e("div",{staticClass:"phone-viewport"},[e("md-bottom-bar",{attrs:{"md-shift":"","md-theme":"green"}},[e("md-bottom-bar-item",{attrs:{"md-icon":"ondemand_video"}},[t._v("Movies")]),t._v(" "),e("md-bottom-bar-item",{attrs:{"md-icon":"music_note"}},[t._v("Music")]),t._v(" "),e("md-bottom-bar-item",{attrs:{"md-icon":"books","md-active":""}},[t._v("Books")]),t._v(" "),e("md-bottom-bar-item",{attrs:{"md-icon":"photo"}},[t._v("Pictures")])])]),t._v(" "),e("div",{staticClass:"phone-viewport"},[e("md-bottom-bar",{attrs:{"md-shift":"","md-theme":"indigo"}},[e("md-bottom-bar-item",{attrs:{"md-icon":"ondemand_video"}},[t._v("Movies")]),t._v(" "),e("md-bottom-bar-item",{attrs:{"md-icon":"music_note"}},[t._v("Music")]),t._v(" "),e("md-bottom-bar-item",{attrs:{"md-icon":"books","md-active":""}},[t._v("Books")]),t._v(" "),e("md-bottom-bar-item",{attrs:{"md-icon":"photo"}},[t._v("Pictures")])])])]),t._v(" "),e("div",{slot:"code"},[e("code-block",{attrs:{lang:"xml"}},[t._v('\n <div class="phone-viewport">\n <md-bottom-bar md-theme="orange">\n <md-bottom-bar-item md-icon="history">Recents</md-bottom-bar-item>\n <md-bottom-bar-item md-icon="favorite" md-active>Favorites</md-bottom-bar-item>\n <md-bottom-bar-item md-icon="near_me">Nearby</md-bottom-bar-item>\n </md-bottom-bar>\n </div>\n\n <div class="phone-viewport">\n <md-bottom-bar md-theme="teal">\n <md-bottom-bar-item md-icon="history">Recents</md-bottom-bar-item>\n <md-bottom-bar-item md-icon="favorite" md-active>Favorites</md-bottom-bar-item>\n <md-bottom-bar-item md-icon="near_me">Nearby</md-bottom-bar-item>\n </md-bottom-bar>\n </div>\n\n <div class="phone-viewport">\n <md-bottom-bar md-shift md-theme="green">\n <md-bottom-bar-item md-icon="ondemand_video">Movies</md-bottom-bar-item>\n <md-bottom-bar-item md-icon="music_note">Music</md-bottom-bar-item>\n <md-bottom-bar-item md-icon="books" md-active>Books</md-bottom-bar-item>\n <md-bottom-bar-item md-icon="photo">Pictures</md-bottom-bar-item>\n </md-bottom-bar>\n </div>\n\n <div class="phone-viewport">\n <md-bottom-bar md-shift md-theme="indigo">\n <md-bottom-bar-item md-icon="ondemand_video">Movies</md-bottom-bar-item>\n <md-bottom-bar-item md-icon="music_note">Music</md-bottom-bar-item>\n <md-bottom-bar-item md-icon="books" md-active>Books</md-bottom-bar-item>\n <md-bottom-bar-item md-icon="photo">Pictures</md-bottom-bar-item>\n </md-bottom-bar>\n </div>\n ')])])]),t._v(" "),e("example-box",{attrs:{"card-title":"Dynamic Theme Example"}},[e("div",{slot:"demo"},[e("div",{staticClass:"phone-viewport"},[e("md-bottom-bar",{attrs:{"md-shift":"","md-theme":t.playground.theme}},[e("md-bottom-bar-item",{attrs:{"md-icon":"ondemand_video"},nativeOn:{click:function(e){t.setTheme("blue")}}},[t._v("Movies")]),t._v(" "),e("md-bottom-bar-item",{attrs:{"md-icon":"music_note"},nativeOn:{click:function(e){t.setTheme("teal")}}},[t._v("Music")]),t._v(" "),e("md-bottom-bar-item",{attrs:{"md-icon":"
attrs:{"card-title":"Aligned to the right with only icons"}},[e("div",{slot:"demo"},[e("md-tabs",{staticClass:"md-transparent",attrs:{"md-dynamic-height":!1,"md-right":""}},[e("md-tab",{attrs:{"md-icon":"phone"}},[e("p",[t._v("Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas amet cum vitae, omnis! Illum quas voluptatem, expedita iste, dicta ipsum ea veniam dolore in, quod saepe reiciendis nihil.")])]),t._v(" "),e("md-tab",{attrs:{"md-icon":"favorite"}},[e("p",[t._v("Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas amet cum vitae, omnis! Illum quas voluptatem, expedita iste, dicta ipsum ea veniam dolore in, quod saepe reiciendis nihil.")]),t._v(" "),e("p",[t._v("Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas amet cum vitae, omnis! Illum quas voluptatem, expedita iste, dicta ipsum ea veniam dolore in, quod saepe reiciendis nihil.")])]),t._v(" "),e("md-tab",{attrs:{"md-icon":"near_me"}},[e("p",[t._v("Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas.")])])])]),t._v(" "),e("div",{slot:"code"},[e("code-block",{attrs:{lang:"xml"}},[t._v('\n <md-tabs md-right>\n <md-tab md-icon="phone">\n <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas amet cum vitae, omnis! Illum quas voluptatem, expedita iste, dicta ipsum ea veniam dolore in, quod saepe reiciendis nihil.</p>\n </md-tab>\n\n <md-tab md-icon="favorite">\n <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas amet cum vitae, omnis! Illum quas voluptatem, expedita iste, dicta ipsum ea veniam dolore in, quod saepe reiciendis nihil.</p>\n <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas amet cum vitae, omnis! Illum quas voluptatem, expedita iste, dicta ipsum ea veniam dolore in, quod saepe reiciendis nihil.</p>\n </md-tab>\n\n <md-tab md-icon="near_me">\n <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas.</p>\n </md-tab>\n </md-tabs>\n ')])])])])])])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=(t.$createElement,t._c);return e("div",{staticClass:"md-card-header-text"},[t._t("default")],!0)},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=(t.$createElement,t._c);return e("div",{staticClass:"api-table"},[e("h3",{staticClass:"md-title"},[t._v(t._s(t.name))]),t._v(" "),t.$slots.default?t._t("default"):t._e(),t._v(" "),t.slotNames.length>1||!t.$slots.default?e("md-tabs",{staticClass:"md-transparent",attrs:{"md-dynamic-height":!1}},[t.$slots.properties?e("md-tab",{staticClass:"api-tab",attrs:{"md-label":"Properties"}},[t._t("properties")],!0):t._e(),t._v(" "),t.$slots.classes?e("md-tab",{staticClass:"api-tab",attrs:{"md-label":"Classes"}},[t._t("classes")],!0):t._e(),t._v(" "),t.$slots.events?e("md-tab",{staticClass:"api-tab",attrs:{"md-label":"Events"}},[t._t("events")],!0):t._e(),t._v(" "),t.$slots.methods?e("md-tab",{staticClass:"api-tab",attrs:{"md-label":"Methods"}},[t._t("methods")],!0):t._e()]):t._e()],!0)},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=(t.$createElement,t._c);return e("page-content",{attrs:{"page-title":"Components - Tooltip"}},[e("docs-component",[e("div",{slot:"description"},[e("p",[t._v("Tooltips identify an element when they are activated. They may contain brief helper text about its function. For example, they may contain text information about actionable icons.")])]),t._v(" "),e("div",{slot:"api"},[e("api-table",{attrs:{name:"md-tooltip"}},[e("md-table",{slot:"properties"},[e("md-table-header",[e("md-table-row",[e("md-table-head",[t._v("Name")]),t._v(" "),e("md-table-head",[t._v("Type")]),t._v(" "),e("md-table-head",[t._v("Description")])])]),t._v(" "),e("md-table-body",[e("md-table-row",[e("md-table-cell",[t._v("md-direction")]),t._v(" "),e("md-tab
attrs:{"md-size":"6"}},[e("md-button",{attrs:{"md-menu-trigger":""}},[t._v("Size 6")]),t._v(" "),e("md-menu-content",[e("md-menu-item",[t._v("My Item 1")]),t._v(" "),e("md-menu-item",[t._v("My Item 2")]),t._v(" "),e("md-menu-item",[t._v("My Item 3")])])]),t._v(" "),e("md-menu",{attrs:{"md-size":"7"}},[e("md-button",{attrs:{"md-menu-trigger":""}},[t._v("Size 7")]),t._v(" "),e("md-menu-content",[e("md-menu-item",[t._v("My Item 1")]),t._v(" "),e("md-menu-item",[t._v("My Item 2")]),t._v(" "),e("md-menu-item",[t._v("My Item 3")])])])]),t._v(" "),e("div",{slot:"code"},[e("code-block",{attrs:{lang:"xml"}},[t._v('\n <md-menu md-size="1">\n <md-button md-menu-trigger>Size 1</md-button>\n\n <md-menu-content>\n <md-menu-item>Item 1</md-menu-item>\n <md-menu-item>Item 2</md-menu-item>\n <md-menu-item>Item 3</md-menu-item>\n </md-menu-content>\n </md-menu>\n\n <md-menu md-size="2">\n <md-button md-menu-trigger>Size 2</md-button>\n\n <md-menu-content>\n <md-menu-item>My Item 1</md-menu-item>\n <md-menu-item>My Item 2</md-menu-item>\n <md-menu-item>My Item 3</md-menu-item>\n </md-menu-content>\n </md-menu>\n\n <md-menu md-size="3">\n <md-button md-menu-trigger>Size 3</md-button>\n\n <md-menu-content>\n <md-menu-item>My Item 1</md-menu-item>\n <md-menu-item>My Item 2</md-menu-item>\n <md-menu-item>My Item 3</md-menu-item>\n </md-menu-content>\n </md-menu>\n\n <md-menu md-size="4">\n <md-button md-menu-trigger>Size 4</md-button>\n\n <md-menu-content>\n <md-menu-item>My Item 1</md-menu-item>\n <md-menu-item>My Item 2</md-menu-item>\n <md-menu-item>My Item 3</md-menu-item>\n </md-menu-content>\n </md-menu>\n\n <md-menu md-size="5">\n <md-button md-menu-trigger>Size 5</md-button>\n\n <md-menu-content>\n <md-menu-item>My Item 1</md-menu-item>\n <md-menu-item>My Item 2</md-menu-item>\n <md-menu-item>My Item 3</md-menu-item>\n </md-menu-content>\n </md-menu>\n\n <md-menu md-size="6">\n <md-button md-menu-trigger>Size 6</md-button>\n\n <md-menu-content>\n <md-menu-item>My Item 1</md-menu-item>\n <md-menu-item>My Item 2</md-menu-item>\n <md-menu-item>My Item 3</md-menu-item>\n </md-menu-content>\n </md-menu>\n\n <md-menu md-size="7">\n <md-button md-menu-trigger>Size 7</md-button>\n\n <md-menu-content>\n <md-menu-item>My Item 1</md-menu-item>\n <md-menu-item>My Item 2</md-menu-item>\n <md-menu-item>My Item 3</md-menu-item>\n </md-menu-content>\n </md-menu>\n ')])])]),t._v(" "),e("example-box",{attrs:{"card-title":"Rich Content and List Icons"}},[e("div",{slot:"demo"},[e("md-menu",{ref:"menu",attrs:{"md-size":"4","md-direction":"top right"}},[e("md-button",{staticClass:"md-icon-button",attrs:{"md-menu-trigger":""}},[e("md-icon",[t._v("contacts")])]),t._v(" "),e("md-menu-content",[e("div",{staticClass:"author-card"},[e("md-avatar",{staticClass:"md-large"},[e("img",{attrs:{src:"assets/marcosmoura.jpg",alt:"Marcos Moura"}})]),t._v(" "),e("div",{staticClass:"author-card-info"},[e("span",[t._v("Marcos Moura")]),t._v(" "),e("div",{staticClass:"author-card-links"},[e("a",{attrs:{href:"https://linkedin.com/in/marcosvmmoura",target:"_blank",rel:"noopener"}},[t._v("Linkedin")]),t._v(" "),e("a",{attrs:{href:"https://github.com/marcosmoura",target:"_blank",rel:"noopener"}},[t._v("GitHub")])])])])])]),t._v(" "),e("md-menu",{attrs:{"md-size":"4"}},[e("md-button",{staticClass:"md-icon-button",attrs:{"md-menu-trigger":""}},[
slot:"api"},[e("api-table",{attrs:{name:"md-layout"}},[e("md-table",{staticClass:"properties",slot:"properties"},[e("md-table-header",[e("md-table-row",[e("md-table-head",[t._v("Name")]),t._v(" "),e("md-table-head",[t._v("Type")]),t._v(" "),e("md-table-head",[t._v("Description")])])]),t._v(" "),e("md-table-body",[e("md-table-row",[e("md-table-cell",[t._v("md-tag")]),t._v(" "),e("md-table-cell",[e("code",[t._v("String")])]),t._v(" "),e("md-table-cell",[t._v("The output tag. Default "),e("code",[t._v("div")])])]),t._v(" "),e("md-table-row",[e("md-table-cell",[t._v("md-gutter")]),t._v(" "),e("md-table-cell",[e("code",[t._v("Boolean|Number")])]),t._v(" "),e("md-table-cell",[t._v("Apply a gutter space to direct childs of the element that have this property. If "),e("code",[t._v("true")]),t._v(" the gutter will be calculated automatically by the current screen size. If number the size will be fixed. Accepts "),e("code",[t._v("8")]),t._v("|"),e("code",[t._v("16")]),t._v("|"),e("code",[t._v("24")]),t._v("|"),e("code",[t._v("40")]),t._v(". Default "),e("code",[t._v("false")])])]),t._v(" "),e("md-table-row",[e("md-table-cell",[t._v("md-row")]),t._v(" "),e("md-table-cell",[e("code",[t._v("Boolean")])]),t._v(" "),e("md-table-cell",[t._v("Create a row container. All child will be side by side.")])]),t._v(" "),e("md-table-row",[e("md-table-cell",[t._v("md-row-{type}")]),t._v(" "),e("md-table-cell",[e("code",[t._v("Boolean")])]),t._v(" "),e("md-table-cell",[t._v("Create a row container on screen sizes less than or equal to given breakpoint. Example: "),e("code",[t._v("md-row-large")])])]),t._v(" "),e("md-table-row",[e("md-table-cell",[t._v("md-column")]),t._v(" "),e("md-table-cell",[e("code",[t._v("Boolean")])]),t._v(" "),e("md-table-cell",[t._v("Create a column container. All child will be one underneath the other.")])]),t._v(" "),e("md-table-row",[e("md-table-cell",[t._v("md-column-{type}")]),t._v(" "),e("md-table-cell",[e("code",[t._v("Boolean")])]),t._v(" "),e("md-table-cell",[t._v("Create a column container on screen sizes less than or equal to given breakpoint. Example: "),e("code",[t._v("md-column-small")])])]),t._v(" "),e("md-table-row",[e("md-table-cell",[t._v("md-hide-{type}")]),t._v(" "),e("md-table-cell",[e("code",[t._v("Boolean")])]),t._v(" "),e("md-table-cell",[t._v("Hide a layout container/child on screen sizes less than or equal to given breakpoint. Example: "),e("code",[t._v("md-hide-medium")])])]),t._v(" "),e("md-table-row",[e("md-table-cell",[t._v("md-flex")]),t._v(" "),e("md-table-cell",[e("code",[t._v("Boolean|Number")])]),t._v(" "),e("md-table-cell",[t._v("Create a flexible child. If "),e("code",[t._v("true")]),t._v(" the child element will grow to fill the empty space available on the parent element. If "),e("code",[t._v("Number")]),t._v(" the size of the child will be sized according to the giver size. Accepts values multiple of 5. Also accepts the values 33 and 66. Default: "),e("code",[t._v("true")])])]),t._v(" "),e("md-table-row",[e("md-table-cell",[t._v("md-flex-{type}")]),t._v(" "),e("md-table-cell",[e("code",[t._v("Boolean|Number")])]),t._v(" "),e("md-table-cell",[t._v("Create a flexible child on screen sizes less than or equal to given breakpoint. Example: "),e("code",[t._v('md-flex-small="33"')])])]),t._v(" "),e("md-table-row",[e("md-table-cell",[t._v("md-flex-offset")]),t._v(" "),e("md-table-cell",[e("code",[t._v("Number")])]),t._v(" "),e("md-table-cell",[t._v("Create a empty space before the actual child. Accepts the same value of "),e("code",[t._v("md-flex")]),t._v(" Example: "),e("code",[t._v('md-flex-offset="50"')])])])])])])]),t._v(" "),e("div",{slot:"example"},[e("example-box",{attrs:{"card-title":"Responsive"}},[e("div",{staticClass:"layout-demo grid",slot:"demo"},[e("md-layout",{staticClass:"color",attrs:{"md-gutter":""}},[e("md-layout",{staticClass:"color-red",attrs:{"md-flex-xsmall":"100","md-flex-small":"50","md-flex-medium":"33"}},[e("div",{staticClass:"grid-content"},[t._v("\n md-flex-xsmall "),e("br"),t._v('\n md-flex-small="50" '),e("br"),t._v('\n
slot:"code"},[e("code-block",{attrs:{lang:"xml"}},[t._v('\n <md-card md-with-hover>\n <md-card-header>\n <div class="md-title">Title goes here</div>\n <div class="md-subhead">Subtitle here</div>\n </md-card-header>\n\n <md-card-content>\n Lorem ipsum dolor sit amet, consectetur adipisicing elit. Optio itaque ea, nostrum odio. Dolores, sed accusantium quasi non, voluptas eius illo quas, saepe voluptate pariatur in deleniti minus sint. Excepturi.\n </md-card-content>\n\n <md-card-actions>\n <md-button>Action</md-button>\n <md-button>Action</md-button>\n </md-card-actions>\n </md-card>\n\n <md-card md-with-hover>\n <md-card-media v-md-ink-ripple>\n <img src="assets/card-image-1.jpg" alt="People">\n </md-card-media>\n\n <md-card-actions>\n <md-button class="md-icon-button">\n <md-icon>favorite</md-icon>\n </md-button>\n\n <md-button class="md-icon-button">\n <md-icon>bookmark</md-icon>\n </md-button>\n\n <md-button class="md-icon-button">\n <md-icon>share</md-icon>\n </md-button>\n </md-card-actions>\n </md-card>\n\n <md-card md-with-hover>\n <md-card-header>\n <md-avatar>\n <img src="assets/avatar.png" alt="People">\n </md-avatar>\n\n <div class="md-title">Title goes here</div>\n <div class="md-subhead">Subtitle here</div>\n </md-card-header>\n\n <md-card-media>\n <img src="assets/card-image-1.jpg" alt="People">\n </md-card-media>\n\n <md-card-content>\n Lorem ipsum dolor sit amet, consectetur adipisicing elit. Optio itaque ea nostrum.\n </md-card-content>\n\n <md-card-actions>\n <md-button>Action</md-button>\n <md-button>Action</md-button>\n </md-card-actions>\n </md-card>\n ')])])]),t._v(" "),e("example-box",{attrs:{"card-title":"Image cover with predefined aspect ratio"}},[e("div",{staticClass:"card-holder",slot:"demo"},[e("md-card",[e("md-card-media-cover",{attrs:{"md-text-scrim":""}},[e("md-card-media",{attrs:{"md-ratio":"16:9"}},[e("img",{attrs:{src:"assets/card-sky.jpg",alt:"Skyscraper"}})]),t._v(" "),e("md-card-area",[e("md-card-header",[e("div",{staticClass:"md-title"},[t._v("Title goes here")]),t._v(" "),e("div",{staticClass:"md-subhead"},[t._v("Subtitle here")])]),t._v(" "),e("md-card-actions",[e("md-button",[t._v("Action")]),t._v(" "),e("md-button",[t._v("Action")])])])])]),t._v(" "),e("md-card",[e("md-card-media-cover",{attrs:{"md-solid":""}},[e("md-card-media",{attrs:{"md-ratio":"1:1"}},[e("img",{attrs:{src:"assets/card-sky.jpg",alt:"Skyscraper"}})]),t._v(" "),e("md-card-area",[e("md-card-header",[e("div",{staticClass:"md-title"},[t._v("Title goes here")]),t._v(" "),e("div",{staticClass:"md-subhead"},[t._v("Subtitle here")])]),t._v(" "),e("md-card-actions",[e("md-button",[t._v("Action")]),t._v(" "),e("md-button",[t._v("Action")])])])])])]),t._v(" "),e("div",{slot:"code"},[e("code-block",{attrs:{lang:"xml"}},[t._v('\n <md-card>\n <md-card-media-cover md-text-scrim>\n <md-card-media md-ratio="16:9">\n <img src="assets/card-sky.jpg" alt="Skyscraper">\n </md-card-media>\n\n <md-card-area>\n <md-card-header>\n <div class="md-title">Title goes here</div>\n <div class="md-subhead">Subtitle here</div>\n </md-card-header>\n\n <md-card-actions>\n <md-button>Action</md-button>\n <md-button>Action</md-button>\n </md-card-actions>\n
},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=(t.$createElement,t._c);return e("div",{staticClass:"md-card-actions"},[t._t("default")],!0)},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=(t.$createElement,t._c);return e("page-content",{attrs:{"page-title":"Themes - Configuration"}},[e("article",{staticClass:"main-content"},[e("section",[e("h2",{staticClass:"md-headline"},[t._v("Theme Engine")]),t._v(" "),e("p",[t._v("When you create a theme the Vue Material will generate all of the styles ondemand so you don't need to create any css file to create them. Everything is generated when the API is called and this is great because you can create a theme anytime you want. After that you can use the declarative directive to apply the theme inside an element.")]),t._v(" "),e("p",[t._v("Most of the components of Vue Material can change it's colors. Every theme has Primary, Accent, Warn and Background colors. Some components also have a Transparent variation to make your layouts cleaner and easy to place on top of another element. E.g. Tabs inside toolbars.")]),t._v(" "),e("p",[t._v("Vue Material use classes to apply those color intentions: "),e("code",[t._v("md-primary")]),t._v(", "),e("code",[t._v("md-accent")]),t._v(", "),e("code",[t._v("md-warn")]),t._v(" and "),e("code",[t._v("md-transparent")]),t._v(". The background color is applied automaticaly.")])]),t._v(" "),e("section",[e("h2",{staticClass:"md-headline"},[t._v("Color Intentions")]),t._v(" "),e("p",[t._v("Color in material design is inspired by bold hues juxtaposed with muted environments, deep shadows, and bright highlights.")]),t._v(" "),e("p",[t._v("Theming allows changing the color of your application. The "),e("a",{attrs:{href:"https://material.google.com/style/color.html#color-color-palette",target:"_blank",rel:"noopener"}},[t._v("Material Design palette")]),t._v(" can be fully applied using Vue Material. You can pass all intentions or just change the intention that you want. The default colors are:")]),t._v(" "),e("ul",[e("li",[t._v("primary - indigo")]),t._v(" "),e("li",[t._v("accent - pink")]),t._v(" "),e("li",[t._v("warn - deep-orange")]),t._v(" "),e("li",[t._v("background - grey")])]),t._v(" "),e("p",[t._v("All of those colors can be applied to create a theme.")]),t._v(" "),e("ul",[e("li",[t._v("red")]),t._v(" "),e("li",[t._v("pink")]),t._v(" "),e("li",[t._v("purple")]),t._v(" "),e("li",[t._v("deep-purple")]),t._v(" "),e("li",[t._v("indigo")]),t._v(" "),e("li",[t._v("blue")]),t._v(" "),e("li",[t._v("light-blue")]),t._v(" "),e("li",[t._v("cyan")]),t._v(" "),e("li",[t._v("teal")]),t._v(" "),e("li",[t._v("green")]),t._v(" "),e("li",[t._v("light-green")]),t._v(" "),e("li",[t._v("lime")]),t._v(" "),e("li",[t._v("yellow")]),t._v(" "),e("li",[t._v("amber")]),t._v(" "),e("li",[t._v("orange")]),t._v(" "),e("li",[t._v("deep-orange")]),t._v(" "),e("li",[t._v("brown")]),t._v(" "),e("li",[t._v("grey")]),t._v(" "),e("li",[t._v("blue-grey")]),t._v(" "),e("li",[t._v("white")]),t._v(" "),e("li",[t._v("black")])])]),t._v(" "),e("section",[e("h3",{staticClass:"md-headline"},[t._v("Registering themes")]),t._v(" "),e("p",[t._v("The default colors will be applied without any change in your code base. But you can change the colors of the "),e("code",[t._v("default")]),t._v(" theme calling the Vue Material API.")]),t._v(" "),e("code-block",{attrs:{lang:"javascript"}},[t._v("\n Vue.material.registerTheme('default', {\n primary: 'blue',\n accent: 'red',\n warn: 'red',\n background: 'grey'\n })\n ")])]),t._v(" "),e("section",[e("h3",{staticClass:"md-headline"},[t._v("Multiple themes")]),t._v(" "),e("p",[t._v("\n You can call the "),e("code",[t._v("registerTheme")]),t._v(" function how many times you want. However you can pass an object containing all the themes that you need to create:\n ")]),t._v(" "),e("code-block",{attrs:{lang:"javascript"}},[t._v("\n Vue.material.registerTheme({\n app: {\n primary: 'cyan'\n },\n
attrs:{lang:"scss"}},[t._v("\n .complete-example {\n height: 540px;\n display: flex;\n flex-flow: column;\n position: relative;\n overflow: hidden;\n z-index: 1;\n\n .md-fab {\n margin: 0;\n position: absolute;\n bottom: -20px;\n left: 16px;\n }\n\n .md-title {\n color: #fff;\n }\n\n .md-list {\n overflow: auto;\n }\n\n .md-list-action .md-icon {\n color: rgba(#000, .26);\n }\n\n .md-avatar-icon .md-icon {\n color: #fff !important;\n }\n\n .md-sidenav .md-list-text-container > :nth-child(2) {\n color: rgba(#fff, .54);\n }\n\n .md-account-header {\n .md-list-item:hover .md-button:hover {\n background-color: inherit;\n }\n\n .md-avatar-list .md-list-item-container:hover {\n background: none !important;\n }\n }\n }\n ")])])])])])])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=(t.$createElement,t._c);return e("page-content",{attrs:{"page-title":"Components - Select"}},[e("docs-component",[e("div",{slot:"description"},[e("p",[t._v("A dropdown button selects between multiple selections. The select displays the current state and a down arrow.")])]),t._v(" "),e("div",{slot:"api"},[e("api-table",{attrs:{name:"md-select"}},[e("md-table",{slot:"properties"},[e("md-table-header",[e("md-table-row",[e("md-table-head",[t._v("Name")]),t._v(" "),e("md-table-head",[t._v("Type")]),t._v(" "),e("md-table-head",[t._v("Description")])])]),t._v(" "),e("md-table-body",[e("md-table-row",[e("md-table-cell",[t._v("v-model")]),t._v(" "),e("md-table-cell",[e("code",[t._v("String")])]),t._v(" "),e("md-table-cell",[t._v("A required model object to bind the value.")])]),t._v(" "),e("md-table-row",[e("md-table-cell",[t._v("name")]),t._v(" "),e("md-table-cell",[e("code",[t._v("String")])]),t._v(" "),e("md-table-cell",[t._v("The name of the select")])]),t._v(" "),e("md-table-row",[e("md-table-cell",[t._v("id")]),t._v(" "),e("md-table-cell",[e("code",[t._v("String")])]),t._v(" "),e("md-table-cell",[t._v("The id of the select")])]),t._v(" "),e("md-table-row",[e("md-table-cell",[t._v("disabled")]),t._v(" "),e("md-table-cell",[e("code",[t._v("Boolean")])]),t._v(" "),e("md-table-cell",[t._v("Disable the input and prevent his actions. Default "),e("code",[t._v("false")])])]),t._v(" "),e("md-table-row",[e("md-table-cell",[t._v("required")]),t._v(" "),e("md-table-cell",[e("code",[t._v("Boolean")])]),t._v(" "),e("md-table-cell",[t._v('Apply the required rule to style the label with an "*". Default '),e("code",[t._v("false")])])]),t._v(" "),e("md-table-row",[e("md-table-cell",[t._v("placeholder")]),t._v(" "),e("md-table-cell",[e("code",[t._v("String")])]),t._v(" "),e("md-table-cell",[t._v("Sets the placeholder.")])]),t._v(" "),e("md-table-row",[e("md-table-cell",[t._v("md-menu-class")]),t._v(" "),e("md-table-cell",[e("code",[t._v("String")])]),t._v(" "),e("md-table-cell",[t._v("The css class to be applied on the opened select holder")])])])]),t._v(" "),e("md-table",{slot:"events"},[e("md-table-header",[e("md-table-row",[e("md-table-head",[t._v("Name")]),t._v(" "),e("md-table-head",[t._v("Value")]),t._v(" "),e("md-table-head",[t._v("Description")])])]),t._v(" "),e("md-table-body",[e("md-table-row",[e("md-table-cell",[t._v("selected")]),t._v(" "),e("md-table-cell",[t._v("Receives the value of the model")]),t._v(" "),e("md-table-cell",[t._v("Triggered when the model changes.")])])])])]),t._v(" "),e("api-table",{attrs:{name:"md-option"}},[e("p",[t._v("Displays a single item inside the select.")]),t._v(" "),e("div",{slot:"properties"},[e("md-table",[e("md-table-header",[e("md-table-row",[e("md-table-head",[t._v("Name")]),t._v("
attrs:{"card-title":"Triple Line"}},[e("div",{slot:"demo"},[e("div",{staticClass:"phone-viewport"},[e("md-list",{staticClass:"custom-list md-triple-line"},[e("md-list-item",[e("md-avatar",[e("img",{attrs:{src:"https://placeimg.com/40/40/people/1",alt:"People"}})]),t._v(" "),e("div",{staticClass:"md-list-text-container"},[e("span",[t._v("Ali Connors")]),t._v(" "),e("span",[t._v("Brunch this weekend?")]),t._v(" "),e("p",[t._v("I'll be in your neighborhood doing errands...")])]),t._v(" "),e("md-button",{staticClass:"md-icon-button md-list-action"},[e("md-icon",{staticClass:"md-primary"},[t._v("star")])]),t._v(" "),e("md-divider",{staticClass:"md-inset"})]),t._v(" "),e("md-list-item",[e("md-avatar",[e("img",{attrs:{src:"https://placeimg.com/40/40/people/6",alt:"People"}})]),t._v(" "),e("div",{staticClass:"md-list-text-container"},[e("span",[t._v("me, Scott, Jennifer")]),t._v(" "),e("span",[t._v("Summer BBQ")]),t._v(" "),e("p",[t._v("Wish I could come, but I'm out of town ...")])]),t._v(" "),e("md-button",{staticClass:"md-icon-button md-list-action"},[e("md-icon",[t._v("star_border")])]),t._v(" "),e("md-divider",{staticClass:"md-inset"})]),t._v(" "),e("md-list-item",[e("md-avatar",[e("img",{attrs:{src:"https://placeimg.com/40/40/people/5",alt:"People"}})]),t._v(" "),e("div",{staticClass:"md-list-text-container"},[e("span",[t._v("Sandra Adams")]),t._v(" "),e("span",[t._v("Oui oui")]),t._v(" "),e("p",[t._v("Do you have Paris recommendations ...")])]),t._v(" "),e("md-button",{staticClass:"md-icon-button md-list-action"},[e("md-icon",[t._v("star_border")])]),t._v(" "),e("md-divider",{staticClass:"md-inset"})]),t._v(" "),e("md-list-item",[e("md-avatar",[e("img",{attrs:{src:"https://placeimg.com/40/40/people/8",alt:"People"}})]),t._v(" "),e("div",{staticClass:"md-list-text-container"},[e("span",[t._v("Trevor Hansen")]),t._v(" "),e("span",[t._v("Order confirmation")]),t._v(" "),e("p",[t._v("Thank you for your recent order from ...")])]),t._v(" "),e("md-button",{staticClass:"md-icon-button md-list-action"},[e("md-icon",[t._v("star_border")])]),t._v(" "),e("md-divider",{staticClass:"md-inset"})])])]),t._v(" "),e("div",{staticClass:"phone-viewport"},[e("md-list",{staticClass:"custom-list md-triple-line md-dense"},[e("md-list-item",[e("md-avatar",[e("img",{attrs:{src:"https://placeimg.com/40/40/people/1",alt:"People"}})]),t._v(" "),e("div",{staticClass:"md-list-text-container"},[e("span",[t._v("Ali Connors")]),t._v(" "),e("span",[t._v("Brunch this weekend?")]),t._v(" "),e("p",[t._v("I'll be in your neighborhood doing errands...")])]),t._v(" "),e("md-button",{staticClass:"md-icon-button md-list-action"},[e("md-icon",{staticClass:"md-primary"},[t._v("star")])]),t._v(" "),e("md-divider",{staticClass:"md-inset"})]),t._v(" "),e("md-list-item",[e("md-avatar",[e("img",{attrs:{src:"https://placeimg.com/40/40/people/6",alt:"People"}})]),t._v(" "),e("div",{staticClass:"md-list-text-container"},[e("span",[t._v("me, Scott, Jennifer")]),t._v(" "),e("span",[t._v("Summer BBQ")]),t._v(" "),e("p",[t._v("Wish I could come, but I'm out of town ...")])]),t._v(" "),e("md-button",{staticClass:"md-icon-button md-list-action"},[e("md-icon",[t._v("star_border")])]),t._v(" "),e("md-divider",{staticClass:"md-inset"})]),t._v(" "),e("md-list-item",[e("md-avatar",[e("img",{attrs:{src:"https://placeimg.com/40/40/people/5",alt:"People"}})]),t._v(" "),e("div",{staticClass:"md-list-text-container"},[e("span",[t._v("Sandra Adams")]),t._v(" "),e("span",[t._v("Oui oui")]),t._v(" "),e("p",[t._v("Do you have Paris recommendations ...")])]),t._v(" "),e("md-button",{staticClass:"md-icon-button md-list-action"},[e("md-icon",[t._v("star_border")])]),t._v(" "),e("md-divider",{staticClass:"md-inset"})]),t._v(" "),e("md-list-item",[e("md-avatar",[e("img",{attrs:{src:"https://placeimg.com/40/40/people/8",alt:"People"}})]),t._v(" "),e("div",{staticClass:"md-list-text-container"},[e("span",[t._v("Trevor Hansen")]),t._v(" "),e("span",[t._v("Order confirmation")]),t._v(" "),e("p",[t._v("Thank you for your recent order from ...")])]),t._v(" "),e("md-button",{staticClass:"md-icon-button
},[t._v("Warn")]),t._v(" "),e("md-button",{staticClass:"md-raised md-primary",attrs:{disabled:""}},[t._v("Disabled")]),t._v(" "),e("md-button",{staticClass:"md-raised md-dense"},[t._v("Dense")])]),t._v(" "),e("div",{slot:"code"},[e("code-block",{attrs:{lang:"xml"}},[t._v('\n <md-button class="md-raised">Default</md-button>\n <md-button class="md-raised md-primary">Primary</md-button>\n <md-button class="md-raised md-accent">Accent</md-button>\n <md-button class="md-raised md-warn">Warn</md-button>\n <md-button class="md-raised md-primary" disabled>Disabled</md-button>\n <md-button class="md-raised md-dense">Dense</md-button>\n ')])])]),t._v(" "),e("example-box",{attrs:{"card-title":"Button vs Link vs Router Link"}},[e("div",{slot:"demo"},[e("md-button",{staticClass:"md-raised md-primary"},[t._v("Button")]),t._v(" "),e("md-button",{staticClass:"md-raised md-primary",attrs:{href:"#/components/button"}},[t._v("Link")]),t._v(" "),e("router-link",{staticClass:"md-raised md-primary",attrs:{tag:"md-button",to:"/components/button"}},[t._v("Router Link")])]),t._v(" "),e("div",{slot:"code"},[e("code-block",{attrs:{lang:"xml"}},[t._v('\n <md-button class="md-raised md-primary">Button</md-button>\n <md-button href="#/components/button" class="md-raised md-primary">Link</md-button>\n <router-link tag="md-button" to="/components/button" class="md-raised md-primary">Router Link</router-link>\n ')])])]),t._v(" "),e("example-box",{attrs:{"card-title":"Icons - Flat"}},[e("div",{slot:"demo"},[e("md-button",{staticClass:"md-icon-button"},[e("md-icon",[t._v("more_vert")])]),t._v(" "),e("md-button",{staticClass:"md-icon-button md-primary"},[e("md-icon",[t._v("more_vert")])]),t._v(" "),e("md-button",{staticClass:"md-icon-button md-accent"},[e("md-icon",[t._v("more_vert")])]),t._v(" "),e("md-button",{staticClass:"md-icon-button md-warn"},[e("md-icon",[t._v("more_vert")])]),t._v(" "),e("md-button",{staticClass:"md-icon-button",attrs:{disabled:""}},[e("md-icon",[t._v("more_vert")])]),t._v(" "),e("md-button",{staticClass:"md-icon-button md-dense"},[e("md-icon",[t._v("more_vert")])])]),t._v(" "),e("div",{slot:"code"},[e("code-block",{attrs:{lang:"xml"}},[t._v('\n <md-button class="md-icon-button">\n <md-icon>more_vert</md-icon>\n </md-button>\n\n <md-button class="md-icon-button md-primary">\n <md-icon>more_vert</md-icon>\n </md-button>\n\n <md-button class="md-icon-button md-accent">\n <md-icon>more_vert</md-icon>\n </md-button>\n\n <md-button class="md-icon-button md-warn">\n <md-icon>more_vert</md-icon>\n </md-button>\n\n <md-button class="md-icon-button" disabled>\n <md-icon>more_vert</md-icon>\n </md-button>\n\n <md-button class="md-icon-button md-dense">\n <md-icon>more_vert</md-icon>\n </md-button>\n ')])])]),t._v(" "),e("example-box",{attrs:{"card-title":"Icons - Raised"}},[e("div",{slot:"demo"},[e("md-button",{staticClass:"md-icon-button md-raised"},[e("md-icon",[t._v("add")])]),t._v(" "),e("md-button",{staticClass:"md-icon-button md-raised md-primary"},[e("md-icon",[t._v("add")])]),t._v(" "),e("md-button",{staticClass:"md-icon-button md-raised md-accent"},[e("md-icon",[t._v("add")])]),t._v(" "),e("md-button",{staticClass:"md-icon-button md-raised md-warn"},[e("md-icon",[t._v("add")])]),t._v(" "),e("md-button",{staticClass:"md-icon-button md-raised",attrs:{disabled:""}},[e("md-icon",[t._v("add")])]),t._v(" "),e("md-button",{staticClass:"md-icon-button md-raised md-dense"},[e("md-icon",[t._v("add")])])]),t._v(" "),e("div",{slot:"code"},[e("code-block",{attrs:{lang:"xml"}},[t._v('\n <md-button class="md-icon-button md-raised">\n <md-icon>add</md-icon>\n </md-button>\n\n <md-button class="md-icon-button md-raised md-primary">\n <md-icon>add</md-icon>\n
staticClass:"md-icon-button"},[e("md-icon",[t._v("favorite")])]),t._v(" "),e("md-button",{staticClass:"md-icon-button"},[e("md-icon",[t._v("bookmark")])]),t._v(" "),e("md-button",{staticClass:"md-icon-button"},[e("md-icon",[t._v("share")])])])])])])]),t._v(" "),e("div",{slot:"code"},[e("code-block",{attrs:{lang:"xml"}},[t._v('\n <md-whiteframe>\n <md-toolbar md-theme="blue">\n <span class="md-title">My app dashboard</span>\n </md-toolbar>\n </md-whiteframe>\n\n <div class="card-layout">\n <div class="column">\n <md-card class="md-primary" md-theme="blue" md-with-hover>\n <md-card-media>\n <img src="assets/card-image-1.jpg" alt="People">\n </md-card-media>\n\n <md-ink-ripple></md-ink-ripple>\n\n <md-card-actions>\n <md-button class="md-icon-button">\n <md-icon>favorite</md-icon>\n </md-button>\n\n <md-button class="md-icon-button">\n <md-icon>bookmark</md-icon>\n </md-button>\n\n <md-button class="md-icon-button">\n <md-icon>share</md-icon>\n </md-button>\n </md-card-actions>\n </md-card>\n\n <md-card class="md-primary" md-theme="green" md-with-hover>\n <md-card-header>\n <div class="md-title">Title goes here</div>\n <div class="md-subhead">Subtitle here</div>\n </md-card-header>\n\n <md-card-content>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</md-card-content>\n\n <md-ink-ripple></md-ink-ripple>\n\n <md-card-actions>\n <md-button>Action</md-button>\n <md-button>Action</md-button>\n </md-card-actions>\n </md-card>\n </div>\n\n <div class="column">\n <md-card class="md-primary" md-theme="orange" md-with-hover>\n <md-card-header>\n <md-card-header-text>\n <div class="md-title">Title here</div>\n <div class="md-subhead">Subtitle here</div>\n </md-card-header-text>\n\n <md-card-media>\n <img src="assets/avatar-2.jpg" alt="People">\n </md-card-media>\n </md-card-header>\n\n <md-card-actions>\n <md-button>Action</md-button>\n <md-button>Action</md-button>\n </md-card-actions>\n </md-card>\n\n <md-card class="md-primary" md-theme="blue" md-with-hover>\n <md-card-media md-ratio="16:9">\n <img src="assets/card-sky.jpg" alt="People">\n </md-card-media>\n\n <md-ink-ripple></md-ink-ripple>\n\n <md-card-actions>\n <md-button class="md-icon-button">\n <md-icon>favorite</md-icon>\n </md-button>\n\n <md-button class="md-icon-button">\n <md-icon>bookmark</md-icon>\n </md-button>\n\n <md-button class="md-icon-button">\n <md-icon>share</md-icon>\n </md-button>\n </md-card-actions>\n </md-card>\n </div>\n </div>\n ')]),t._v(" "),e("code-block",{attrs:{lang:"scss"}},[t._v("\n .card-layout {\n margin: 16px 15%;\n display: flex;\n\n .column {\n flex: 1;\n\n + .column {\n margin-left: 8px;\n }\n }\n\n .md-card + .md-card {\n margin-top: 8px;\n
* vue-router v2.1.1
* (c) 2016 Evan You
* @license MIT
*/
"use strict";function a(t,e){if(!t)throw new Error("[vue-router] "+e)}function o(t,e){t||"undefined"!=typeof console&&console.warn("[vue-router] "+e)}function i(t,e){if(void 0===e&&(e={}),t){var n;try{n=d(t)}catch(t){o(!1,t.message),n={}}for(var a in e)n[a]=e[a];return n}return e}function d(t){var e={};return(t=t.trim().replace(/^(\?|#|&)/,""))?(t.split("&").forEach(function(t){var n=t.replace(/\+/g," ").split("="),a=yt(n.shift()),o=n.length>0?yt(n.join("=")):null;void 0===e[a]?e[a]=o:Array.isArray(e[a])?e[a].push(o):e[a]=[e[a],o]}),e):e}function r(t){var e=t?Object.keys(t).map(function(e){var n=t[e];if(void 0===n)return"";if(null===n)return gt(e);if(Array.isArray(n)){var a=[];return n.slice().forEach(function(t){void 0!==t&&(null===t?a.push(gt(e)):a.push(gt(e)+"="+gt(t)))}),a.join("&")}return gt(e)+"="+gt(n)}).filter(function(t){return t.length>0}).join("&"):null;return e?"?"+e:""}function s(t,e,n){var a={name:e.name||t&&t.name,meta:t&&t.meta||{},path:e.path||"/",hash:e.hash||"",query:e.query||{},params:e.params||{},fullPath:m(e),matched:t?l(t):[]};return n&&(a.redirectedFrom=m(n)),Object.freeze(a)}function l(t){for(var e=[];t;)e.unshift(t),t=t.parent;return e}function m(t){var e=t.path,n=t.query;void 0===n&&(n={});var a=t.hash;return void 0===a&&(a=""),(e||"/")+r(n)+a}function c(t,e){return e===xt?t===e:!!e&&(t.path&&e.path?t.path.replace(Ct,"")===e.path.replace(Ct,"")&&t.hash===e.hash&&u(t.query,e.query):!(!t.name||!e.name)&&(t.name===e.name&&t.hash===e.hash&&u(t.query,e.query)&&u(t.params,e.params)))}function u(t,e){void 0===t&&(t={}),void 0===e&&(e={});var n=Object.keys(t),a=Object.keys(e);return n.length===a.length&&n.every(function(n){return String(t[n])===String(e[n])})}function v(t,e){return 0===t.path.indexOf(e.path.replace(/\/$/,""))&&(!e.hash||t.hash===e.hash)&&p(t.query,e.query)}function p(t,e){for(var n in e)if(!(n in t))return!1;return!0}function b(t){if(!(t.metaKey||t.ctrlKey||t.shiftKey||t.defaultPrevented||0!==t.button)){var e=t.target.getAttribute("target");if(!/\b_blank\b/i.test(e))return t.preventDefault(),!0}}function f(t){if(t)for(var e,n=0;n<t.length;n++){if(e=t[n],"a"===e.tag)return e;if(e.children&&(e=f(e.children)))return e}}function h(t){if(!h.installed){h.installed=!0,ht=t,Object.defineProperty(t.prototype,"$router",{get:function(){return this.$root._router}}),Object.defineProperty(t.prototype,"$route",{get:function(){return this.$root._route}}),t.mixin({beforeCreate:function(){this.$options.router&&(this._router=this.$options.router,this._router.init(this),t.util.defineReactive(this,"_route",this._router.history.current))}}),t.component("router-view",_t),t.component("router-link",kt);var e=t.config.optionMergeStrategies;e.beforeRouteEnter=e.beforeRouteLeave=e.created}}function _(t,e,n){if("/"===t.charAt(0))return t;if("?"===t.charAt(0)||"#"===t.charAt(0))return e+t;var a=e.split("/");n&&a[a.length-1]||a.pop();for(var o=t.replace(/^\//,"").split("/"),i=0;i<o.length;i++){var d=o[i];"."!==d&&(".."===d?a.pop():a.push(d))}return""!==a[0]&&a.unshift(""),a.join("/")}function g(t){var e="",n="",a=t.indexOf("#");a>=0&&(e=t.slice(a),t=t.slice(0,a));var o=t.indexOf("?");return o>=0&&(n=t.slice(o+1),t=t.slice(0,o)),{path:t,query:n,hash:e}}function y(t){return t.replace(/\/\//g,"/")}function x(t){var e=Object.create(null),n=Object.create(null);return t.forEach(function(t){C(e,n,t)}),{pathMap:e,nameMap:n}}function C(t,e,n,i,d){var r=n.path,s=n.name;a(null!=r,'"path" is required in a route configuration.'),a("string"!=typeof n.component,'route config "component" for path: '+String(r||s)+" cannot be a string id. Use an actual component instead.");var l={path:w(r,i),components:n.components||{default:n.component},instances:{},name:s,parent:i,matchAs:d,redirect:n.redirect,beforeEnter:n.beforeEnter,meta:n.meta||{}};n.children&&(n.name&&n.children.some(function(t){return/^\/?$/.test(t.path)})&&o(!1,"Named Route '"+n.name+"' has a default child route.\n When navigating to this named route (:to=\"{name: '"+n.name+"'\"), the default child route will not be rendered.\n Remove the name from this ro
Reference in a new issue Copy permalink