vue-material/dist/docs/docs.10916f44.js

webpackJsonp([1,0,2],[function(t,e,n){"use strict";function a(t){return t&&t.__esModule?t:{default:t}}var o=n(4),i=a(o),d=n(394),s=a(d);n(8);var r=n(9),l=a(r),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(s.default);var C=new s.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){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),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?this.closestThemedParent.mdName:this.$material.currentTheme),"md-theme-"+t}},mounted:function(){this.closestThemedParent=this.getClosestThemedParent(this.$parent),this.$material.currentTheme||this.$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){"use strict";function n(){var t=document.createElement("span"),e={transition:"transitionend",OTransition:"oTransitionEnd",MozTransition:"transitionend",WebkitTransition:"webkitTransitionEnd"};for(var n in e)if(void 0!==t.style[n])return e[n]}Object.defineProperty(e,"__esModule",{value:!0}),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 s(t){return"string"==typeof t||"number"==typeof t}function r(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,s=i&&i.set,r=M(n);Object.defineProperty(t,e,{enumerable:!0,configurable:!0,get:function(){var e=d?d.call(t):n;return Un.target&&(o.depend(),r&&r.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(),s?s.call(t,e):n=e,r=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),s=0;s<i.length;s++)n=i[s],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,s=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||{},s=e.data.attrs||{};s.__ob__&&(s=e.data.attrs=c({},s));for(n in s)a=s[n],o=d[n],o!==a&&Ae(i,n,a);Pn&&s.value!==d.value&&Ae(i,"value",s.value);for(n in d)null==s[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 s=null==a?"":String(a);!o.composing&&(document.activeElement!==o&&o.value!==s||De(e,s))&&(o.value=s)}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,s=t.data.staticStyle,r=t.data.style||{},l=s||r,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 s=o===lo?uo:po,r=0,l=function(){t.removeEventListener(s,m),n()},m=function(e){e.target===t&&++r>=d&&l()};setTimeout(function(){r<d&&l()},i+1),t.addEventListener(s,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),s=a[vo+"Delay"].split(", "),r=a[vo+"Duration"].split(", "),l=We(s,r),m=0,c=0;e===lo?d>0&&(n=lo,m=d,c=i.length):e===mo?l>0&&(n=mo,m=l,c=r.length):(m=Math.max(d,l),n=m>0?d>l?lo:mo:null,c=n?n===lo?i.length:r.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"),r="content-box"===e.boxSizing?-(parseFloat(e.paddingTop)+parseFloat(e.paddingBottom)):parseFloat(e.borderTopWidth)+parseFloat(e.borderBottomWidth),isNaN(r)&&(r=0),s()}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+r;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 s(){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 s=d("autosize:resized");try{t.dispatchEvent(s)}catch(t){}}}if(t&&t.nodeName&&"TEXTAREA"===t.nodeName&&!i.has(t)){var r=null,l=t.clientWidth,m=null,c=function(){t.clientWidth!==l&&s()},u=function(e){window.removeEventListener("resize",c,!1),t.removeEventListener("input",s,!1),t.removeEventListener("keyup",s,!1),t.removeEventListener("autosize:destroy",u,!1),t.removeEventListener("autosize:update",s,!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",s,!1),window.addEventListener("resize",c,!1),t.addEventListener("input",s,!1),t.addEventListener("autosize:update",s,!1),t.style.overflowX="hidden",t.style.wordWrap="break-word",i.set(t,{destroy:u,update:s}),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 s=null;"undefined"==typeof window||"function"!=typeof window.getComputedStyle?(s=function(t){return t},s.destroy=function(t){return t},s.update=function(t){return t}):(s=function(t,e){return t&&Array.prototype.forEach.call(t.length?t:[t],function(t){return n(t,e)}),t},s.destroy=function(t){return t&&Array.prototype.forEach.call(t.length?t:[t],a),t},s.update=function(t){return t&&Array.prototype.forEach.call(t.length?t:[t],o),t}),e.exports=s})},function(t,e,n){"use strict";function a(t){return t&&t.__esModule?t:{default:t}}var o=n(4),i=a(o),d=n(42),s=a(d);i.default.use(s.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
if("xml"===n.lang){var a=t.$refs.initialHtml.innerHTML;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(/\/|releases\/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.to
},selectOption:function(t){this.setParentOption(),this.$emit("selected",t)}},watch:{isSelected:function(t){this.parentSelect.multiple&&(this.check=t)},check:function(t){t?this.parentSelect.selectMultiple(this.index,this.value,this.$refs.item.textContent):this.parentSelect.selectMultiple(this.index)}},mounted:function(){if(this.parentSelect=(0,i.default)(this.$parent,"md-select"),this.parentContent=(0,i.default)(this.$parent,"md-menu-content"),!this.parentSelect)throw new Error("You must wrap the md-option in a md-select");this.parentSelect.optionsAmount++,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),s=n(2),r=a(s),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,r.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.md
var o=Element.prototype;o.matches=o.matchesSelector||o.mozMatchesSelector||o.msMatchesSelector||o.oMatchesSelector||o.webkitMatchesSelector}t.exports=n},function(t,e,n){function a(t,e,n,a,i){var d=o.apply(this,arguments);return t.addEventListener(n,d,i),{destroy:function(){t.removeEventListener(n,d,i)}}}function o(t,e,n,a){return function(n){n.delegateTarget=i(n.target,e),n.delegateTarget&&a.call(t,n)}}var i=n(113);t.exports=a},function(t,e){Element.prototype.scrollIntoViewIfNeeded||(Element.prototype.scrollIntoViewIfNeeded=function(t){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,s=this.offsetLeft-e.offsetLeft<e.scrollLeft,r=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),(s||r)&&t&&(e.scrollLeft=this.offsetLeft-e.offsetLeft-e.clientWidth/2-o+this.clientWidth/2),(i||d||s||r)&&!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(!s.string(e))throw new TypeError("Second argument must be a String");if(!s.fn(n))throw new TypeError("Third argument must be a Function");if(s.node(t))return o(t,e,n);if(s.nodeList(t))return i(t,e,n);if(s.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 r(document.body,t,e,n)}var s=n(177),r=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 s(t){var e=[];return function t(a,o){for(var i=a.firstChild;i;i=i.nextSibling
},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
lang:"xml"}},[t._v('\n            <md-bottom-bar md-shift>\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\n            <md-bottom-bar class="md-accent" md-shift>\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\n            <md-bottom-bar class="md-warn" md-shift>\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\n            <md-bottom-bar class="md-transparent" md-shift>\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          ')])])]),t._v(" "),e("example-box",{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            
attrs:{"card-title":"Centered with Text and Icon"}},[e("div",{slot:"demo"},[e("md-tabs",{staticClass:"md-warn",attrs:{"md-dynamic-height":!1,"md-centered":""}},[e("md-tab",{attrs:{"md-label":"Movies","md-icon":"ondemand_video"}},[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-label":"Music","md-icon":"music_note"}},[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-label":"Books","md-icon":"books"}},[e("p",[t._v("Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas.")])]),t._v(" "),e("md-tab",{attrs:{"md-label":"Pictures","md-icon":"photo"}},[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-centered>\n              <md-tab md-label="Movies" md-icon="ondemand_video">\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-label="Music" md-icon="music_note">\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-label="Books" md-icon="books">\n                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas.</p>\n              </md-tab>\n\n              <md-tab md-label="Pictures" md-icon="photo">\n                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas.</p>\n              </md-tab>\n            </md-tabs>\n          ')])])]),t._v(" "),e("example-box",{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 
}},[e("md-button",{attrs:{"md-menu-trigger":""}},[t._v("Custom offset")]),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>\n              <md-button md-menu-trigger>Default</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-align-trigger>\n              <md-button md-menu-trigger>Align trigger</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-offset-x="154" md-offset-y="12">\n              <md-button md-menu-trigger>Custom offset</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":"Sizes"}},[e("div",{slot:"demo"},[e("md-menu",{attrs:{"md-size":"1"}},[e("md-button",{attrs:{"md-menu-trigger":""}},[t._v("Size 1")]),t._v(" "),e("md-menu-content",[e("md-menu-item",[t._v("Item 1")]),t._v(" "),e("md-menu-item",[t._v("Item 2")]),t._v(" "),e("md-menu-item",[t._v("Item 3")])])]),t._v(" "),e("md-menu",{attrs:{"md-size":"2"}},[e("md-button",{attrs:{"md-menu-trigger":""}},[t._v("Size 2")]),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":"3"}},[e("md-button",{attrs:{"md-menu-trigger":""}},[t._v("Size 3")]),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":"4"}},[e("md-button",{attrs:{"md-menu-trigger":""}},[t._v("Size 4")]),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":"5"}},[e("md-button",{attrs:{"md-menu-trigger":""}},[t._v("Size 5")]),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":"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              
},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=(t.$createElement,t._c);return e("div",{staticClass:"md-card-media",class:t.classes},[t._t("default")],!0)},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=(t.$createElement,t._c);return e("textarea",{staticClass:"md-input",attrs:{disabled:t.disabled,required:t.required,placeholder:t.placeholder,maxlength:t.maxlength},domProps:{value:t.value},on:{focus:t.onFocus,blur:t.onBlur,input:t.onInput}})},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=(t.$createElement,t._c);return e("page-content",{attrs:{"page-title":"UI Elements - Layout"}},[e("docs-component",[e("div",{slot:"description"},[e("p",[t._v("Responsive layouts in material design adapt to any possible screen size. This UI guidance includes a flexible grid that ensures consistency across layouts, breakpoint details about how content reflows on different screens, and a description of how an app can scale from small to extra-large screens.")]),t._v(" "),e("p",[t._v("By default you can create gutter-free layouts, make the grid system calculate the best margin size for each screen or set it by yourself with the "),e("code",[t._v("md-gutter")]),t._v(" property. If you want the automatic calculation the engine will set "),e("code",[t._v("16px")]),t._v(" for small screens and then apply "),e("code",[t._v("24px")]),t._v(" for medium to large.")]),t._v(" "),e("p",[t._v("You can create columns size by size or rows to make your layout fluid. You can combine columns with rows or even use nested columns.")]),t._v(" "),e("p",[t._v("The grid system makes use of flexbox to be flexible enough and give the best experience with a great and easy API. You can create responsive layouts with few lines of code with a declarative engine. The system work with some breakpoints:")]),t._v(" "),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("Size")]),t._v(" "),e("md-table-head",[t._v("Description")])])]),t._v(" "),e("md-table-body",[e("md-table-row",[e("md-table-cell",[e("code",[t._v("xsmall")])]),t._v(" "),e("md-table-cell",[t._v("600px")]),t._v(" "),e("md-table-cell",[t._v("For screens who have the maximum of 600px wide. For small, medium and large handsets in portrait. Also applies to small handsets in portrait.")])]),t._v(" "),e("md-table-row",[e("md-table-cell",[e("code",[t._v("small")])]),t._v(" "),e("md-table-cell",[t._v("960px")]),t._v(" "),e("md-table-cell",[t._v("For screens who have between of 600px and 960px wide. For medium and large handsets in landscape, small and large tablets in portrait mode and some desktop monitors.")])]),t._v(" "),e("md-table-row",[e("md-table-cell",[e("code",[t._v("medium")])]),t._v(" "),e("md-table-cell",[t._v("1280px")]),t._v(" "),e("md-table-cell",[t._v("For screens who have between of 960px and 1280px wide. For small and large tablets in landscape and desktop monitors.")])]),t._v(" "),e("md-table-row",[e("md-table-cell",[e("code",[t._v("large")])]),t._v(" "),e("md-table-cell",[t._v("1920px")]),t._v(" "),e("md-table-cell",[t._v("For screens who have between of 1280px and 1920px wide. For large desktop monitors.")])]),t._v(" "),e("md-table-row",[e("md-table-cell",[e("code",[t._v("xlarge")])]),t._v(" "),e("md-table-cell",[t._v(">1920px")]),t._v(" "),e("md-table-cell",[t._v("For screens bigger than 1920px wide. For huge desktop monitors or side-by-side screens.")])])])])]),t._v(" "),e("div",{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(" 
attrs:{name:"md-card-expand"}},[e("p",[t._v('Create a expansible content area inside cards. Useful to "show more" content or load them on demand.')]),t._v(" "),e("p",[t._v("You will need a "),e("code",[t._v("<md-card-actions>")]),t._v(" with an element with a "),e("code",[t._v("md-expand-trigger")]),t._v(" attribute and a "),e("code",[t._v("<md-card-content>")]),t._v(" with the content that you want to show. The trigger will automatically toggle the content on click.")]),t._v(" "),e("p",[t._v("A simple HTML markup can be like that:")]),t._v(" "),e("code-block",{attrs:{lang:"xml"}},[t._v('\n          <md-card-expand>\n            <md-card-actions>\n              <md-button class="md-icon-button" md-expand-trigger>\n                <md-icon>keyboard_arrow_down</md-icon>\n              </md-button>\n            </md-card-actions>\n\n            <md-card-content>\n              Lorem ipsum dolor sit amet, consectetur adipisicing elit.\n            </md-card-content>\n          </md-card-expand>\n        ')]),t._v(" "),e("p",[t._v("No options available")])])]),t._v(" "),e("div",{slot:"example"},[e("example-box",{attrs:{"card-title":"Regular Cards"}},[e("div",{staticClass:"card-holder",slot:"demo"},[e("md-card",[e("md-card-media",[e("img",{attrs:{src:"assets/card-image-1.jpg",alt:"People"}})]),t._v(" "),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-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(" "),e("md-card",[e("md-card-header",[e("md-card-header-text",[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-menu",{attrs:{"md-size":"4","md-direction":"bottom left"}},[e("md-button",{staticClass:"md-icon-button",attrs:{"md-menu-trigger":""}},[e("md-icon",[t._v("more_vert")])]),t._v(" "),e("md-menu-content",[e("md-menu-item",[e("span",[t._v("Call")]),t._v(" "),e("md-icon",[t._v("phone")])]),t._v(" "),e("md-menu-item",[e("span",[t._v("Send a message")]),t._v(" "),e("md-icon",[t._v("message")])])])])]),t._v(" "),e("md-card-media",[e("img",{attrs:{src:"assets/card-image-1.jpg",alt:"People"}})]),t._v(" "),e("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(" "),e("md-card",[e("md-card-media",[e("img",{attrs:{src:"assets/card-image-2.jpg",alt:"People"}})]),t._v(" "),e("md-card-content",[t._v("\n              Lorem ipsum dolor sit amet, consectetur adipisicing elit. Optio itaque ea nostrum.\n            ")])]),t._v(" "),e("md-card",[e("md-card-media",[e("img",{attrs:{src:"assets/card-image-2.jpg",alt:"People"}})]),t._v(" "),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>\n                <img src="assets/card-image-1.jpg" alt="People">\n              </md-card-media>\n\n              <md-card-header>\n                <div class="md-title">Title goes here</div>\n                <div class="md-subhead">Subtitle here</div>\n              </md-card-header>\n\n              <md-card-actions>\n                <md-button>Action</md-button>\n                <md-button>Action</md-button>\n              </md-card-actions>\n\n              <md-ca
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("open")]),t._v(" "),e("md-table-cell",[t._v("None")]),t._v(" "),e("md-table-cell",[t._v("Triggered when the sidenav starts to open.")])]),t._v(" "),e("md-table-row",[e("md-table-cell",[t._v("close")]),t._v(" "),e("md-table-cell",[t._v("None")]),t._v(" "),e("md-table-cell",[t._v("Triggered when the sidenav starts to close.")])])])]),t._v(" "),e("md-table",{slot:"methods"},[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("open")]),t._v(" "),e("md-table-cell",[t._v("Open the sidenav.")])]),t._v(" "),e("md-table-row",[e("md-table-cell",[t._v("close")]),t._v(" "),e("md-table-cell",[t._v("Close the sidenav.")])]),t._v(" "),e("md-table-row",[e("md-table-cell",[t._v("toggle")]),t._v(" "),e("md-table-cell",[t._v("Toggle the sidenav.")])])])])])]),t._v(" "),e("div",{slot:"example"},[e("example-box",{attrs:{"card-title":"Default"}},[e("div",{slot:"demo"},[e("div",{staticClass:"phone-viewport"},[e("md-toolbar",[e("md-button",{staticClass:"md-icon-button",on:{click:t.toggleLeftSidenav}},[e("md-icon",[t._v("menu")])]),t._v(" "),e("h2",{staticClass:"md-title"},[t._v("My App")])]),t._v(" "),e("div",[e("md-button",{staticClass:"md-raised md-accent",on:{click:t.toggleRightSidenav}},[t._v("Toggle right")]),t._v(" "),e("p",[t._v("Open console to see the events")])]),t._v(" "),e("md-sidenav",{ref:"leftSidenav",staticClass:"md-left",on:{open:function(e){t.open("Left")},close:function(e){t.close("Left")}}},[e("md-toolbar",{staticClass:"md-large"},[e("div",{staticClass:"md-toolbar-container"},[e("h3",{staticClass:"md-title"},[t._v("Sidenav content")])])]),t._v(" "),e("p",[t._v("Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nisi cupiditate esse necessitatibus beatae nobis, deserunt ut est fugit, tempora deleniti, eligendi commodi doloribus. Nemo, assumenda possimus, impedit inventore perferendis iusto!")])]),t._v(" "),e("md-sidenav",{ref:"rightSidenav",staticClass:"md-right",on:{open:function(e){t.open("Right")},close:function(e){t.close("Right")}}},[e("md-toolbar",[e("div",{staticClass:"md-toolbar-container"},[e("h3",{staticClass:"md-title"},[t._v("Sidenav content")])])]),t._v(" "),e("md-button",{staticClass:"md-raised md-accent",on:{click:t.closeRightSidenav}},[t._v("Close")])])])]),t._v(" "),e("div",{slot:"code"},[e("code-block",{attrs:{lang:"xml"}},[t._v('\n            <div class="phone-viewport">\n              <md-toolbar>\n                <md-button class="md-icon-button" @click="toggleLeftSidenav">\n                  <md-icon>menu</md-icon>\n                </md-button>\n\n                <h2 class="md-title">My App</h2>\n              </md-toolbar>\n\n              <div>\n                <md-button class="md-raised md-accent" @click="toggleRightSidenav">Toggle right</md-button>\n                <p>Open console to see the events</p>\n              </div>\n\n              <md-sidenav class="md-left" ref="leftSidenav" @open="open(\'Left\')" @close="close(\'Left\')">\n                <md-toolbar class="md-large">\n                  <div class="md-toolbar-container">\n                    <h3 class="md-title">Sidenav content</h3>\n                  </div>\n                </md-toolbar>\n\n                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nisi cupiditate esse necessitatibus beatae nobis, deserunt ut est fugit, tempora deleniti, eligendi commodi doloribus. Nemo, assumenda possimus, impedit inventore perferendis iusto!</p>\n              </md-sidenav>\n\n              <md-sidenav class="md-right" ref="rightSidenav" @open="open(\'Right\')" @close="close(\'Right\')">\n                <md-toolbar>\n                  <div class="md-toolbar-container">\n                    <h3 class="md-title">Sidenav conten
},[e("md-list",{staticClass:"md-transparent"},[e("md-list-item",{staticClass:"md-avatar-list"},[e("md-avatar",{staticClass:"md-large"},[e("img",{attrs:{src:"https://placeimg.com/64/64/people/8",alt:"People"}})]),t._v(" "),e("span",{staticStyle:{flex:"1"}}),t._v(" "),e("md-avatar",[e("img",{attrs:{src:"https://placeimg.com/40/40/people/3",alt:"People"}})]),t._v(" "),e("md-avatar",[e("img",{attrs:{src:"https://placeimg.com/40/40/people/4",alt:"People"}})])]),t._v(" "),e("md-list-item",[e("div",{staticClass:"md-list-text-container"},[e("span",[t._v("John Doe")]),t._v(" "),e("span",[t._v("johndoe@email.com")])]),t._v(" "),e("md-button",{staticClass:"md-icon-button md-list-action"},[e("md-icon",[t._v("arrow_drop_down")])])])])]),t._v(" "),e("md-list",[e("md-list-item",{staticClass:"md-primary",on:{click:function(e){t.$refs.sidenav.toggle()}}},[e("md-icon",[t._v("insert_drive_file")]),t._v(" "),e("span",[t._v("My files")])]),t._v(" "),e("md-list-item",{on:{click:function(e){t.$refs.sidenav.toggle()}}},[e("md-icon",[t._v("people")]),t._v(" "),e("span",[t._v("Shared with me")])]),t._v(" "),e("md-list-item",{on:{click:function(e){t.$refs.sidenav.toggle()}}},[e("md-icon",[t._v("access_time")]),t._v(" "),e("span",[t._v("Recent")])]),t._v(" "),e("md-list-item",{on:{click:function(e){t.$refs.sidenav.toggle()}}},[e("md-icon",[t._v("start")]),t._v(" "),e("span",[t._v("Starred")])]),t._v(" "),e("md-list-item",{on:{click:function(e){t.$refs.sidenav.toggle()}}},[e("md-icon",[t._v("delete")]),t._v(" "),e("span",[t._v("Trash")])])])])])]),t._v(" "),e("div",{slot:"code"},[e("code-block",{attrs:{lang:"xml"}},[t._v('\n            <div class="phone-viewport complete-example">\n              <md-whiteframe md-tag="md-toolbar" md-elevation="2" md-theme="light-blue" class="md-large">\n                <div class="md-toolbar-container">\n                  <md-button class="md-icon-button" @click="$refs.sidenav.toggle()">\n                    <md-icon>menu</md-icon>\n                  </md-button>\n\n                  <span style="flex: 1"></span>\n\n                  <md-button class="md-icon-button">\n                    <md-icon>search</md-icon>\n                  </md-button>\n\n                  <md-button class="md-icon-button">\n                    <md-icon>view_module</md-icon>\n                  </md-button>\n                </div>\n\n                <div class="md-toolbar-container">\n                  <h2 class="md-title">My Files</h2>\n\n                  <md-button class="md-fab md-mini">\n                    <md-icon>add</md-icon>\n                  </md-button>\n                </div>\n              </md-whiteframe>\n\n              <md-list class="md-double-line">\n                <md-subheader class="md-inset">Folders</md-subheader>\n\n                <md-list-item>\n                  <md-avatar class="md-avatar-icon">\n                    <md-icon>folder</md-icon>\n                  </md-avatar>\n\n                  <div class="md-list-text-container">\n                    <span>Photos</span>\n                    <p>Jan 9, 2014</p>\n                  </div>\n\n                  <md-button class="md-icon-button md-list-action">\n                    <md-icon>info</md-icon>\n                  </md-button>\n                </md-list-item>\n\n                <md-list-item>\n                  <md-avatar class="md-avatar-icon">\n                    <md-icon>folder</md-icon>\n                  </md-avatar>\n\n                  <div class="md-list-text-container">\n                    <span>Recipes</span>\n                    <p>Jan 17, 2014</p>\n                  </div>\n\n                  <md-button class="md-icon-button md-list-action">\n                    <md-icon>info</md-icon>\n                  </md-button>\n                </md-list-item>\n\n                <md-list-item>\n                  <md-avatar class="md-avatar-icon">\n                    <md-icon>folder</md-icon>\n                  </md-avatar>\n\n                  <div class="md-list-text-container">\n                    <span>Work</span>\n                    <p>Jan 28, 2
staticClass:"md-icon-button md-list-action"},[e("md-icon",{staticClass:"md-primary"},[t._v("chat_bubble")])])]),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("span",[t._v("Mary Johnson")]),t._v(" "),e("md-button",{staticClass:"md-icon-button md-list-action"},[e("md-icon",[t._v("chat_bubble")])])])])]),t._v(" "),e("div",{staticClass:"phone-viewport"},[e("md-list",{staticClass:"md-dense"},[e("md-list-item",[e("md-icon",[t._v("move_to_inbox")]),t._v(" "),e("span",[t._v("Inbox")])]),t._v(" "),e("md-list-item",[e("md-icon",[t._v("send")]),t._v(" "),e("span",[t._v("Sent Mail")])]),t._v(" "),e("md-list-item",[e("md-icon",[t._v("delete")]),t._v(" "),e("span",[t._v("Trash")])]),t._v(" "),e("md-list-item",[e("md-icon",[t._v("error")]),t._v(" "),e("span",[t._v("Spam")]),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("span",[t._v("Abbey Christansen")]),t._v(" "),e("md-button",{staticClass:"md-icon-button md-list-action"},[e("md-icon",{staticClass:"md-primary"},[t._v("chat_bubble")])])]),t._v(" "),e("md-list-item",[e("md-avatar",[e("img",{attrs:{src:"https://placeimg.com/40/40/people/1",alt:"People"}})]),t._v(" "),e("span",[t._v("Alex Nelson")]),t._v(" "),e("md-button",{staticClass:"md-icon-button md-list-action"},[e("md-icon",{staticClass:"md-primary"},[t._v("chat_bubble")])])]),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("span",[t._v("Mary Johnson")]),t._v(" "),e("md-button",{staticClass:"md-icon-button md-list-action"},[e("md-icon",[t._v("chat_bubble")])])])])])]),t._v(" "),e("div",{slot:"code"},[e("code-block",{attrs:{lang:"xml"}},[t._v('\n            <div class="phone-viewport">\n              <md-list>\n                <md-list-item>\n                  <md-icon>move_to_inbox</md-icon> <span>Inbox</span>\n                </md-list-item>\n\n                <md-list-item>\n                  <md-icon>send</md-icon> <span>Sent Mail</span>\n                </md-list-item>\n\n                <md-list-item>\n                  <md-icon>delete</md-icon> <span>Trash</span>\n                </md-list-item>\n\n                <md-list-item>\n                  <md-icon>error</md-icon> <span>Spam</span>\n\n                  <md-divider class="md-inset"></md-divider>\n                </md-list-item>\n\n                <md-list-item>\n                  <md-avatar>\n                    <img src="https://placeimg.com/40/40/people/5" alt="People">\n                  </md-avatar>\n\n                  <span>Abbey Christansen</span>\n\n                  <md-button class="md-icon-button md-list-action">\n                    <md-icon class="md-primary">chat_bubble</md-icon>\n                  </md-button>\n                </md-list-item>\n\n                <md-list-item>\n                  <md-avatar>\n                    <img src="https://placeimg.com/40/40/people/1" alt="People">\n                  </md-avatar>\n\n                  <span>Alex Nelson</span>\n\n                  <md-button class="md-icon-button md-list-action">\n                    <md-icon class="md-primary">chat_bubble</md-icon>\n                  </md-button>\n                </md-list-item>\n\n                <md-list-item>\n                  <md-avatar>\n                    <img src="https://placeimg.com/40/40/people/6" alt="People">\n                  </md-avatar>\n\n                  <span>Mary Johnson</span>\n\n                  <md-button class="md-icon-button md-list-action">\n                    <md-icon>chat_bubble</md-icon>\n                  </md-button>\n                </md-list-item>\n              </md-list>\n            </div>\n\n            <div class="phone-viewport">\n              <md-list class="md-dense">\n                <md-list-item>\n                  <md-icon>move_to_inbox</md-icon> <span>Inbox</span>\n                </md-list-item>\n\n               
attrs:{lang:"javascript"}},[t._v("\n            export default {\n              data: () => ({\n                progress: 0,\n                progressInterval: null,\n                done: false,\n                transition: true\n              }),\n              methods: {\n                startProgress() {\n                  this.progressInterval = window.setInterval(() => {\n                    this.progress += 3;\n\n                    if (this.progress > 115) {\n                      this.done = true;\n                      window.clearInterval(this.progressInterval);\n                      window.setTimeout(() => {\n                        this.done = false;\n                      }, 3000);\n                    }\n                  }, 100);\n                },\n                restartProgress() {\n                  this.progress = 0;\n                  this.transition = false;\n                  this.done = false;\n\n                  window.clearInterval(this.progressInterval);\n                  window.setTimeout(() => {\n                    this.transition = true;\n                    this.startProgress();\n                  }, 600);\n                }\n              }\n            };\n          ")])])])])])])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=(t.$createElement,t._c);return e("div",{staticClass:"md-checkbox",class:[t.themeClass,t.classes]},[e("div",{directives:[{name:"md-ink-ripple",rawName:"v-md-ink-ripple",value:t.disabled,expression:"disabled"}],staticClass:"md-checkbox-container",attrs:{tabindex:"0"},on:{click:function(e){e.stopPropagation(),t.toggleCheck(e)}}},[e("input",{attrs:{type:"checkbox",name:t.name,id:t.id,disabled:t.disabled,tabindex:"-1"},domProps:{value:t.value}})]),t._v(" "),t.$slots.default?e("label",{staticClass:"md-checkbox-label",attrs:{for:t.id||t.name}},[t._t("default")],!0):t._e()])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=(t.$createElement,t._c);return"md-list"===t.$parent.$options._componentTag?e("li",{staticClass:"md-subheader",class:[t.themeClass]},[t._t("default")],!0):e("div",{staticClass:"md-subheader",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("page-content",{attrs:{"page-title":"UI Elements - Typography"}},[e("docs-component",[e("div",{slot:"description"},[e("h2",{staticClass:"md-title"},[t._v("Styles")]),t._v(" "),e("p",[t._v("Too many type sizes and styles at once can wreck any layout. A typographic scale has a limited set of type sizes that work well together along with the layout grid.")]),t._v(" "),e("h2",{staticClass:"md-title"},[t._v("Typeface")]),t._v(" "),e("p",[t._v("Roboto has been refined extensively to work across the wider set of supported platforms. It is slightly wider and rounder, giving it greater clarity and making it more optimistic.")])]),t._v(" "),e("div",{slot:"example"},[e("example-box",{attrs:{"card-title":"Default"}},[e("div",{staticClass:"demo",slot:"demo"},[e("span",{staticClass:"md-display-4"},[t._v("Display 4")]),t._v(" "),e("span",{staticClass:"md-display-3"},[t._v("Display 3")]),t._v(" "),e("span",{staticClass:"md-display-2"},[t._v("Display 2")]),t._v(" "),e("span",{staticClass:"md-display-1"},[t._v("Display 1")]),t._v(" "),e("span",{staticClass:"md-headline"},[t._v("Headline")]),t._v(" "),e("span",{staticClass:"md-title"},[t._v("Title")]),t._v(" "),e("span",{staticClass:"md-subheading"},[t._v("Subheading")]),t._v(" "),e("span",{staticClass:"md-body-2"},[t._v("Body 2")]),t._v(" "),e("span",{staticClass:"md-body-1"},[t._v("Body 1")]),t._v(" "),e("span",{staticClass:"md-caption"},[t._v("Caption")]),t._v(" "),e("a",{attrs:{href:"#/typography"}},[t._v("Link")])]),t._v(" "),e("div",{slot:"code"},[e("code-block",{attrs:{lang:"xml"}},[t._v('\n            <span class="md-display-4">Display 4</span>\n            <span class="md-display-3">Display 3</span>\n            <span class="md-display-2">Display 2</span>\n            <span class="md-display-1">Display 1</span>
style:{height:t.contentHeight}},[e("div",{staticClass:"md-tabs-wrapper",style:{transform:"translate3D(-"+t.contentWidth+", 0, 0)"}},[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 - Dynamic Themes"}},[e("docs-component",[e("div",{slot:"description"},[e("p",[t._v("Vue Material have a complete theme suite. You can create several themes and apply them on-demand. Like on this documentation website you can set a different theme per-page using the API. But you can have a advanced way to change themes using dynamic themes.")]),t._v(" "),e("p",[t._v("You can apply a theme only in a single area of your application using the "),e("code",[t._v("<md-theme>")]),t._v(". If the theme component have only one child element then the theme definition will be attached to this particular element. In other case the component will wrap all of it's children in a "),e("code",[t._v("<div>")]),t._v(" tag (or you can customize the output tag).")]),t._v(" "),e("p",[t._v("Also every single component in Vue Material suite have a "),e("code",[t._v("md-theme")]),t._v(" attribute to set his theme.")]),t._v(" "),e("p",[t._v("All the components will inherit all theme properties from it's parents. If the direct parent doesn't have a theme definition the theme will be resolved by its closest parent or the current theme of the entire application.")])]),t._v(" "),e("div",{slot:"api"},[e("api-table",{attrs:{name:"md-theme"}},[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-name")]),t._v(" "),e("md-table-cell",[e("code",[t._v("String")])]),t._v(" "),e("md-table-cell",[t._v("The name of the theme to be applied.")])]),t._v(" "),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 tag to be applied to wrap all it's children elements.")])])])])])]),t._v(" "),e("div",{slot:"example"},[e("example-box",{attrs:{"card-title":"Component"}},[e("div",{slot:"demo"},[e("div",{staticClass:"app-example"},[e("md-whiteframe",{attrs:{"md-tag":"md-toolbar","md-elevation":"1"}},[e("span",{staticClass:"md-title"},[t._v("Life Organizer 2.0")])]),t._v(" "),e("div",{staticClass:"page-layout"},[e("md-theme",{attrs:{"md-name":"indigo"}},[e("div",{staticClass:"column"},[e("strong",{staticClass:"md-subheading"},[t._v("Shopping list")]),t._v(" "),e("md-list",[e("md-list-item",[e("md-checkbox",{staticClass:"md-primary md-list-action"}),t._v(" "),e("span",{staticClass:"item-text"},[t._v("French bread")])]),t._v(" "),e("md-list-item",[e("md-checkbox",{staticClass:"md-primary md-list-action",attrs:{value:!0}}),t._v(" "),e("span",{staticClass:"item-text"},[t._v("Brazilian Cheese Bread")])]),t._v(" "),e("md-list-item",[e("md-checkbox",{staticClass:"md-primary md-list-action"}),t._v(" "),e("span",{staticClass:"item-text"},[t._v("Italian Bread")])])])])]),t._v(" "),e("md-theme",{attrs:{"md-name":"green"}},[e("div",{staticClass:"column"},[e("strong",{staticClass:"md-subheading"},[t._v("Todo List")]),t._v(" "),e("md-list",[e("md-list-item",[e("md-checkbox",{staticClass:"md-primary md-list-action"}),t._v(" "),e("span",{staticClass:"item-text"},[t._v("Create new components")])]),t._v(" "),e("md-list-item",[e("md-checkbox",{staticClass:"md-primary md-list-action",attrs:{value:!0}}),t._v(" "),e("span",{staticClass:"item-text"},[t._v("Answer Github issues")])])])])]),t._v(" "),e("md-theme",{attrs:{"md-name":"orange"}},[e("div",{staticClass:"column"},[e("strong",{staticClass:"md-subheading"},[t._v("Notes")]),t._v(" "),e("md-list",[e("md-list-item",[e("span",{staticClass:"item-text"},[t._v("Wake up early")]),t._v(" "),e("md-button",{staticClass:"md-icon-button md-list-action"},[e("md-icon",[t._v("star")])])]),t._v(" "),e("md-list-item",[e("span",{stati
slot:"example"},[e("example-box",{attrs:{"card-title":"Custom"}},[e("div",{staticClass:"dialog-fab",slot:"demo"},[e("md-dialog",{ref:"dialog1",attrs:{"md-open-from":"#custom","md-close-to":"#custom"}},[e("md-dialog-title",[t._v("Lorem ipsum dolor sit amet")]),t._v(" "),e("md-dialog-content",[t._v("Nemo, nobis necessitatibus ut illo, ducimus ex.")]),t._v(" "),e("md-dialog-actions",[e("md-button",{staticClass:"md-primary",on:{click:function(e){t.closeDialog("dialog1")}}},[t._v("Cancel")]),t._v(" "),e("md-button",{staticClass:"md-primary",on:{click:function(e){t.closeDialog("dialog1")}}},[t._v("Ok")])])]),t._v(" "),e("md-dialog",{ref:"dialog2",attrs:{"md-open-from":"#fab","md-close-to":"#fab"}},[e("md-dialog-title",[t._v("Create new note")]),t._v(" "),e("md-dialog-content",[e("form",[e("md-input-container",[e("label",[t._v("Note")]),t._v(" "),e("md-textarea")])])]),t._v(" "),e("md-dialog-actions",[e("md-button",{staticClass:"md-primary",on:{click:function(e){t.closeDialog("dialog2")}}},[t._v("Cancel")]),t._v(" "),e("md-button",{staticClass:"md-primary",on:{click:function(e){t.closeDialog("dialog2")}}},[t._v("Create")])])]),t._v(" "),e("md-button",{staticClass:"md-primary md-raised",attrs:{id:"custom"},on:{click:function(e){t.openDialog("dialog1")}}},[t._v("Custom")]),t._v(" "),e("md-button",{staticClass:"md-fab md-fab-bottom-right",attrs:{id:"fab"},on:{click:function(e){t.openDialog("dialog2")}}},[e("md-icon",[t._v("add")])])]),t._v(" "),e("div",{slot:"code"},[e("code-block",{attrs:{lang:"xml"}},[t._v('\n            <md-dialog md-open-from="#custom" md-close-to="#custom" ref="dialog1">\n              <md-dialog-title>Lorem ipsum dolor sit amet</md-dialog-title>\n\n              <md-dialog-content>Nemo, nobis necessitatibus ut illo, ducimus ex.</md-dialog-content>\n\n              <md-dialog-actions>\n                <md-button class="md-primary" @click="closeDialog(\'dialog1\')">Cancel</md-button>\n                <md-button class="md-primary" @click="closeDialog(\'dialog1\')">Ok</md-button>\n              </md-dialog-actions>\n            </md-dialog>\n\n            <md-dialog md-open-from="#fab" md-close-to="#fab" ref="dialog2">\n              <md-dialog-title>Create new note</md-dialog-title>\n\n              <md-dialog-content>\n                <form>\n                  <md-input-container>\n                    <label>Note</label>\n                    <md-textarea></md-textarea>\n                  </md-input-container>\n                </form>\n              </md-dialog-content>\n\n              <md-dialog-actions>\n                <md-button class="md-primary" @click="closeDialog(\'dialog2\')">Cancel</md-button>\n                <md-button class="md-primary" @click="closeDialog(\'dialog2\')">Create</md-button>\n              </md-dialog-actions>\n            </md-dialog>\n\n            <md-button class="md-primary md-raised" id="custom" @click="openDialog(\'dialog1\')">Custom</md-button>\n            <md-button class="md-fab md-fab-bottom-right" id="fab" @click="openDialog(\'dialog2\')">\n              <md-icon>add</md-icon>\n            </md-button>\n          ')]),t._v(" "),e("code-block",{attrs:{lang:"javascript"}},[t._v("\n            export default {\n              methods: {\n                openDialog(ref) {\n                  this.$refs[ref].open();\n                },\n                closeDialog(ref) {\n                  this.$refs[ref].close();\n                },\n                onOpen() {\n                  console.log('Opened');\n                },\n                onClose(type) {\n                  console.log('Closed', type);\n                }\n              }\n            };\n          ")])])]),t._v(" "),e("example-box",{attrs:{"card-title":"Alerts"}},[e("div",{slot:"demo"},[e("md-dialog-alert",{ref:"dialog3",attrs:{"md-content":t.alert.content,"md-ok-text":t.alert.ok},on:{open:t.onOpen,close:t.onClose}}),t._v(" "),e("md-dialog-alert",{ref:"dialog4",attrs:{"md-title":t.alert2.title,"md-content-html":t.alert2.contentHtml},on:{open:t.onOpen,close:t.onClose}}),t._v(" "),e("md-button",{staticClass:"md-p
	  * 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 s(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 r(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||"/")+s(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 s=n.path,r=n.name;a(null!=s,'"path" is required in a route configuration.'),a("string"!=typeof n.component,'route config "component" for path: '+String(s||r)+" cannot be a string id. Use an actual component instead.");var l={path:w(s,i),components:n.components||{default:n.component},instances:{},name:r,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