diff --git a/docs.10916f44.js b/docs.10916f44.js
new file mode 100644
index 0000000..6267316
--- /dev/null
+++ b/docs.10916f44.js
@@ -0,0 +1,34 @@
+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.length;i<s;i++){var r=e.mixins[i];r.prototype instanceof zt&&(r=r.options),t=j(t,r,n)}var l,m={};for(l in t)a(l);for(l in e)d(t,l)||a(l);return m}function F(t,e,n,a){if("string"==typeof n){var o=t[e];if(d(o,n))return o[n];var i=gn(n);if(d(o,i))return o[i];var s=yn(i);if(d(o,s))return o[s];var r=o[n]||o[i]||o[s];return a&&!r&&Hn("Failed to resolve "+e.slice(0,-1)+": "+n,t),r}}function B(t,e,n,a){var o=e[t],i=!d(n,t),s=n[t];if(U(o.type)&&(i&&!d(o,"default")?s=!1:""!==s&&s!==Cn(t)||(s=!0)),void 0===s){s=H(a,o,t);var r=Jn.shouldConvert;Jn.shouldConvert=!0,M(s),Jn.shouldConvert=r}return q(o,t,s,a,i),s}function H(t,e,n){if(d(e,"default")){var a=e.default;return u(a)&&Hn('Invalid default value for prop "'+n+'": Props with type Object/Array must use a factory function to return the default value.',t),t&&t.$options.propsData&&void 0===t.$options.propsData[n]&&void 0!==t[n]?t[n]:"function"==typeof a&&e.type!==Function?a.call(t):a}}function q(t,e,n,a,o){if(t.required&&o)return void Hn('Missing required prop: "'+e+'"',a);if(null!=n||t.required){var i=t.type,d=!i||i===!0,s=[];if(i){Array.isArray(i)||(i=[i]);for(var r=0;r<i.length&&!d;r++){var l=z(n,i[r]);s.push(l.expectedType),d=l.valid}}if(!d)return void Hn('Invalid prop: type check failed for prop "'+e+'". Expected '+s.map(yn).join(", ")+", got "+Object.prototype.toString.call(n).slice(8,-1)+".",a);var m=t.validator;m&&(m(n)||Hn('Invalid prop: custom validator check failed for prop "'+e+'".',a))}}function z(t,e){var n,a=V(e);return n="String"===a?typeof t==(a="string"):"Number"===a?typeof t==(a="number"):"Boolean"===a?typeof t==(a="boolean"):"Function"===a?typeof t==(a="function"):"Object"===a?v(t):"Array"===a?Array.isArray(t):t instanceof e,{valid:n,expectedType:a}}function V(t){var e=t&&t.toString().match(/^\s*function (\w+)/);return e&&e[1]}function U(t){if(!Array.isArray(t))return"Boolean"===V(t);for(var e=0,n=t.length;e<n;e++)if("Boolean"===V(t[e]))return!0;return!1}function W(){ra.length=0,la={},ma={},ca=ua=!1}function G(){for(ua=!0,ra.sort(function(t,e){return t.id-e.id}),va=0;va<ra.length;va++){var t=ra[va],e=t.id;if(la[e]=null,t.run(),null!=la[e]&&(ma[e]=(ma[e]||0)+1,ma[e]>Mn._maxUpdateCount)){Hn("You may have an infinite update loop "+(t.user?'in watcher with expression "'+t.expression+'"':"in a component render function."),t.vm);break}}jn&&Mn.devtools&&jn.emit("flush"),W()}function Y(t){var e=t.id;if(null==la[e]){if(la[e]=!0,ua){for(var n=ra.length-1;n>=0&&ra[n].id>t.id;)n--;ra.splice(Math.max(n,va)+1,0,t)}else ra.push(t);ca||(ca=!0,Fn(G))}}function K(t){fa.clear(),J(t,fa)}function J(t,e){var n,a,o=Array.isArray(t);if((o||u(t))&&Object.isExtensible(t)){if(t.__ob__){var i=t.__ob__.dep.id;if(e.has(i))return;e.add(i)}if(o)for(n=t.length;n--;)J(t[n],e);else for(a=Object.keys(t),n=a.length;n--;)J(t[a[n]],e)}}function X(t){t._watchers=[],Q(t),nt(t),Z(t),tt(t),at(t)}function Q(t){var e=t.$options.props;if(e){var n=t.$options.propsData||{},a=t.$options._propKeys=Object.keys(e),o=!t.$parent;Jn.shouldConvert=o;for(var i=function(o){var i=a[o];ha[i]&&Hn('"'+i+'" is a reserved attribute and cannot be used as component prop.',t),A(t,i,B(i,e,n,t),function(){t.$parent&&!Jn.isSettingProps&&Hn("Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders. Instead, use a data or computed property based on the prop's value. Prop being mutated: \""+i+'"',t)})},d=0;d<a.length;d++)i(d);Jn.shouldConvert=!0}}function Z(t){var e=t.$options.data;e=t._data="function"==typeof e?e.call(t):e||{},v(e)||(e={},Hn("data functions should return an object:\nhttps://vuejs.org/v2/guide/components.html#data-Must-Be-a-Function",t));for(var n=Object.keys(e),a=t.$options.props,o=n.length;o--;)a&&d(a,n[o])?Hn('The data property "'+n[o]+'" is already declared as a prop. Use prop default value instead.',t):dt(t,n[o]);M(e),e.__ob__&&e.__ob__.vmCount++}function tt(t){var e=t.$options.computed;if(e)for(var n in e){var a=e[n];"function"==typeof a?(_a.get=et(a,t),_a.set=b):(_a.get=a.get?a.cache!==!1?et(a.get,t):l(a.get,t):b,_a.set=a.set?l(a.set,t):b),Object.defineProperty(t,n,_a)}}function et(t,e){var n=new ba(e,t,b,{lazy:!0});return function(){return n.dirty&&n.evaluate(),Un.target&&n.depend(),n.value}}function nt(t){var e=t.$options.methods;if(e)for(var n in e)t[n]=null==e[n]?b:l(e[n],t),null==e[n]&&Hn('method "'+n+'" has an undefined value in the component definition. Did you reference the function correctly?',t)}function at(t){var e=t.$options.watch;if(e)for(var n in e){var a=e[n];if(Array.isArray(a))for(var o=0;o<a.length;o++)ot(t,n,a[o]);else ot(t,n,a)}}function ot(t,e,n){var a;v(n)&&(a=n,n=n.handler),"string"==typeof n&&(n=t[n]),t.$watch(e,n,a)}function it(t){var e={};e.get=function(){return this._data},e.set=function(t){Hn("Avoid replacing instance root $data. Use nested data properties instead.",this)},Object.defineProperty(t.prototype,"$data",e),t.prototype.$set=R,t.prototype.$delete=O,t.prototype.$watch=function(t,e,n){var a=this;n=n||{},n.user=!0;var o=new ba(a,t,e,n);return n.immediate&&e.call(a,o.value),function(){o.teardown()}}}function dt(t,e){g(e)||Object.defineProperty(t,e,{configurable:!0,enumerable:!0,get:function(){return t._data[e]},set:function(n){t._data[e]=n}})}function st(t){return new ga(void 0,void 0,void 0,String(t))}function rt(t){var e=new ga(t.tag,t.data,t.children,t.text,t.elm,t.context,t.componentOptions);return e.ns=t.ns,e.isStatic=t.isStatic,e.key=t.key,e.isCloned=!0,e}function lt(t){for(var e=new Array(t.length),n=0;n<t.length;n++)e[n]=rt(t[n]);return e}function mt(t){var e=t.$options,n=e.parent;if(n&&!e.abstract){for(;n.$options.abstract&&n.$parent;)n=n.$parent;n.$children.push(t)}t.$parent=n,t.$root=n?n.$root:t,t.$children=[],t.$refs={},t._watcher=null,t._inactive=!1,t._isMounted=!1,t._isDestroyed=!1,t._isBeingDestroyed=!1}function ct(t){t.prototype._mount=function(t,e){var n=this;return n.$el=t,n.$options.render||(n.$options.render=ya,n.$options.template&&"#"!==n.$options.template.charAt(0)?Hn("You are using the runtime-only build of Vue where the template option is not available. Either pre-compile the templates into render functions, or use the compiler-included build.",n):Hn("Failed to mount component: template or render function not defined.",n)),ut(n,"beforeMount"),n._watcher=new ba(n,function(){n._update(n._render(),e)},b),e=!1,null==n.$vnode&&(n._isMounted=!0,ut(n,"mounted")),n},t.prototype._update=function(t,e){var n=this;n._isMounted&&ut(n,"beforeUpdate");var a=n.$el,o=n._vnode,i=xa;xa=n,n._vnode=t,o?n.$el=n.__patch__(o,t):n.$el=n.__patch__(n.$el,t,e,!1,n.$options._parentElm,n.$options._refElm),xa=i,a&&(a.__vue__=null),n.$el&&(n.$el.__vue__=n),n.$vnode&&n.$parent&&n.$vnode===n.$parent._vnode&&(n.$parent.$el=n.$el),n._isMounted&&ut(n,"updated")},t.prototype._updateFromParent=function(t,e,n,a){var o=this,i=!(!o.$options._renderChildren&&!a);if(o.$options._parentVnode=n,o.$vnode=n,o._vnode&&(o._vnode.parent=n),o.$options._renderChildren=a,t&&o.$options.props){Jn.shouldConvert=!1,Jn.isSettingProps=!0;for(var d=o.$options._propKeys||[],s=0;s<d.length;s++){var r=d[s];o[r]=B(r,o.$options.props,t,o)}Jn.shouldConvert=!0,Jn.isSettingProps=!1,o.$options.propsData=t}if(e){var l=o.$options._parentListeners;o.$options._parentListeners=e,o._updateListeners(e,l)}i&&(o.$slots=Lt(a,n.context),o.$forceUpdate())},t.prototype.$forceUpdate=function(){var t=this;t._watcher&&t._watcher.update()},t.prototype.$destroy=function(){var t=this;if(!t._isBeingDestroyed){ut(t,"beforeDestroy"),t._isBeingDestroyed=!0;var e=t.$parent;!e||e._isBeingDestroyed||t.$options.abstract||i(e.$children,t),t._watcher&&t._watcher.teardown();for(var n=t._watchers.length;n--;)t._watchers[n].teardown();t._data.__ob__&&t._data.__ob__.vmCount--,t._isDestroyed=!0,ut(t,"destroyed"),t.$off(),t.$el&&(t.$el.__vue__=null),t.__patch__(t._vnode,null)}}}function ut(t,e){var n=t.$options[e];if(n)for(var a=0,o=n.length;a<o;a++)n[a].call(t);t.$emit("hook:"+e)}function vt(t,e,n,a,o){if(t){var i=n.$options._base;if(u(t)&&(t=i.extend(t)),"function"!=typeof t)return void Hn("Invalid Component definition: "+String(t),n);if(!t.cid)if(t.resolved)t=t.resolved;else if(t=yt(t,i,function(){n.$forceUpdate()}),!t)return;qt(t),e=e||{};var d=xt(e,t);if(t.options.functional)return pt(t,d,e,n,a);var s=e.on;e.on=e.nativeOn,t.options.abstract&&(e={}),wt(e);var r=t.options.name||o,l=new ga("vue-component-"+t.cid+(r?"-"+r:""),e,void 0,void 0,void 0,n,{Ctor:t,propsData:d,listeners:s,tag:o,children:a});return l}}function pt(t,e,n,a,o){var i={},d=t.options.props;if(d)for(var s in d)i[s]=B(s,d,e);var r=Object.create(a),l=function(t,e,n,a){return Nt(r,t,e,n,a,!0)},m=t.options.render.call(null,l,{props:i,data:n,parent:a,children:o,slots:function(){return Lt(o,a)}});return m instanceof ga&&(m.functionalContext=a,n.slot&&((m.data||(m.data={})).slot=n.slot)),m}function bt(t,e,n,a){var o=t.componentOptions,i={_isComponent:!0,parent:e,propsData:o.propsData,_componentTag:o.tag,_parentVnode:t,_parentListeners:o.listeners,_renderChildren:o.children,_parentElm:n||null,_refElm:a||null},d=t.data.inlineTemplate;return d&&(i.render=d.render,i.staticRenderFns=d.staticRenderFns),new o.Ctor(i)}function ft(t,e,n,a){if(!t.child||t.child._isDestroyed){var o=t.child=bt(t,xa,n,a);o.$mount(e?t.elm:void 0,e)}else if(t.data.keepAlive){var i=t;ht(i,i)}}function ht(t,e){var n=e.componentOptions,a=e.child=t.child;a._updateFromParent(n.propsData,n.listeners,e,n.children)}function _t(t){t.child._isMounted||(t.child._isMounted=!0,ut(t.child,"mounted")),t.data.keepAlive&&(t.child._inactive=!1,ut(t.child,"activated"))}function gt(t){t.child._isDestroyed||(t.data.keepAlive?(t.child._inactive=!0,ut(t.child,"deactivated")):t.child.$destroy())}function yt(t,e,n){if(!t.requested){t.requested=!0;var a=t.pendingCallbacks=[n],o=!0,i=function(n){if(u(n)&&(n=e.extend(n)),t.resolved=n,!o)for(var i=0,d=a.length;i<d;i++)a[i](n)},d=function(e){Hn("Failed to resolve async component: "+String(t)+(e?"\nReason: "+e:""))},s=t(i,d);return s&&"function"==typeof s.then&&!t.resolved&&s.then(i,d),o=!1,t.resolved}t.pendingCallbacks.push(n)}function xt(t,e){var n=e.options.props;if(n){var a={},o=t.attrs,i=t.props,d=t.domProps;if(o||i||d)for(var s in n){var r=Cn(s);Ct(a,i,s,r,!0)||Ct(a,o,s,r)||Ct(a,d,s,r)}return a}}function Ct(t,e,n,a,o){if(e){if(d(e,n))return t[n]=e[n],o||delete e[n],!0;if(d(e,a))return t[n]=e[a],o||delete e[a],!0}return!1}function wt(t){t.hook||(t.hook={});for(var e=0;e<wa.length;e++){var n=wa[e],a=t.hook[n],o=Ca[n];t.hook[n]=a?kt(o,a):o}}function kt(t,e){return function(n,a,o,i){t(n,a,o,i),e(n,a,o,i)}}function Et(t,e,n,a){a+=e;var o=t.__injected||(t.__injected={});if(!o[a]){o[a]=!0;var i=t[e];i?t[e]=function(){i.apply(this,arguments),n.apply(this,arguments)}:t[e]=n}}function Tt(t,e,n,a,o){var i,d,s,r,l,m,c;for(i in t)if(d=t[i],s=e[i],d)if(s){if(d!==s)if(Array.isArray(s)){s.length=d.length;for(var u=0;u<s.length;u++)s[u]=d[u];t[i]=s}else s.fn=d,t[i]=s}else c="~"===i.charAt(0),l=c?i.slice(1):i,m="!"===l.charAt(0),l=m?l.slice(1):l,Array.isArray(d)?n(l,d.invoker=Mt(d),c,m):(d.invoker||(r=d,d=t[i]={},d.fn=r,d.invoker=At(d)),n(l,d.invoker,c,m));else Hn('Invalid handler for event "'+i+'": got '+String(d),o);for(i in e)t[i]||(c="~"===i.charAt(0),l=c?i.slice(1):i,m="!"===l.charAt(0),l=m?l.slice(1):l,a(l,e[i].invoker,m))}function Mt(t){return function(e){for(var n=arguments,a=1===arguments.length,o=0;o<t.length;o++)a?t[o](e):t[o].apply(null,n)}}function At(t){return function(e){var n=1===arguments.length;n?t.fn(e):t.fn.apply(null,arguments)}}function Rt(t){return s(t)?[st(t)]:Array.isArray(t)?Ot(t):void 0}function Ot(t,e){var n,a,o,i=[];for(n=0;n<t.length;n++)a=t[n],null!=a&&"boolean"!=typeof a&&(o=i[i.length-1],Array.isArray(a)?i.push.apply(i,Ot(a,(e||"")+"_"+n)):s(a)?o&&o.text?o.text+=String(a):""!==a&&i.push(st(a)):a.text&&o&&o.text?i[i.length-1]=st(o.text+a.text):(a.tag&&null==a.key&&null!=e&&(a.key="__vlist"+e+"_"+n+"__"),i.push(a)));return i}function St(t){return t&&t.filter(function(t){return t&&t.componentOptions})[0]}function Nt(t,e,n,a,o,i){return(Array.isArray(n)||s(n))&&(o=a,a=n,n=void 0),i&&(o=!0),Pt(t,e,n,a,o)}function Pt(t,e,n,a,o){if(n&&n.__ob__)return Hn("Avoid using observed data object as vnode data: "+JSON.stringify(n)+"\nAlways create fresh vnode data objects in each render!",t),ya();if(!e)return ya();Array.isArray(a)&&"function"==typeof a[0]&&(n=n||{},n.scopedSlots={default:a[0]},a.length=0),o&&(a=Rt(a));var i,d;if("string"==typeof e){var s;d=Mn.getTagNamespace(e),Mn.isReservedTag(e)?i=new ga(Mn.parsePlatformTagName(e),n,a,void 0,void 0,t):(s=F(t.$options,"components",e))?i=vt(s,n,t,a,e):(d="foreignObject"===e?"xhtml":d,i=new ga(e,n,a,void 0,void 0,t))}else i=vt(e,n,t,a);return i?(d&&Dt(i,d),i):ya()}function Dt(t,e){if(t.ns=e,t.children)for(var n=0,a=t.children.length;n<a;n++){var o=t.children[n];o.tag&&!o.ns&&Dt(o,e)}}function It(t){t.$vnode=null,t._vnode=null,t._staticTrees=null;var e=t.$options._parentVnode,n=e&&e.context;t.$slots=Lt(t.$options._renderChildren,n),t.$scopedSlots={},t._c=function(e,n,a,o){return Nt(t,e,n,a,o,!1)},t.$createElement=function(e,n,a,o){return Nt(t,e,n,a,o,!0)},t.$options.el&&t.$mount(t.$options.el)}function $t(t){function e(t,e,n){if(Array.isArray(t))for(var a=0;a<t.length;a++)t[a]&&"string"!=typeof t[a]&&o(t[a],e+"_"+a,n);else o(t,e,n)}function o(t,e,n){t.isStatic=!0,t.key=e,t.isOnce=n}t.prototype.$nextTick=function(t){return Fn(t,this)},t.prototype._render=function(){var t=this,e=t.$options,n=e.render,a=e.staticRenderFns,o=e._parentVnode;if(t._isMounted)for(var i in t.$slots)t.$slots[i]=lt(t.$slots[i]);o&&o.data.scopedSlots&&(t.$scopedSlots=o.data.scopedSlots),a&&!t._staticTrees&&(t._staticTrees=[]),t.$vnode=o;var d;try{d=n.call(t._renderProxy,t.$createElement)}catch(e){if(!Mn.errorHandler)throw Hn("Error when rendering "+Bn(t)+":"),e;Mn.errorHandler.call(null,e,t),d=t._vnode}return d instanceof ga||(Array.isArray(d)&&Hn("Multiple root nodes returned from render function. Render function should return a single root node.",t),d=ya()),d.parent=o,d},t.prototype._s=n,t.prototype._v=st,t.prototype._n=a,t.prototype._e=ya,t.prototype._q=h,t.prototype._i=_,t.prototype._m=function(t,n){var a=this._staticTrees[t];return a&&!n?Array.isArray(a)?lt(a):rt(a):(a=this._staticTrees[t]=this.$options.staticRenderFns[t].call(this._renderProxy),e(a,"__static__"+t,!1),a)},t.prototype._o=function(t,n,a){return e(t,"__once__"+n+(a?"_"+a:""),!0),t},t.prototype._f=function(t){return F(this.$options,"filters",t,!0)||Tn},t.prototype._l=function(t,e){var n,a,o,i,d;if(Array.isArray(t))for(n=new Array(t.length),a=0,o=t.length;a<o;a++)n[a]=e(t[a],a);else if("number"==typeof t)for(n=new Array(t),a=0;a<t;a++)n[a]=e(a+1,a);else if(u(t))for(i=Object.keys(t),n=new Array(i.length),a=0,o=i.length;a<o;a++)d=i[a],n[a]=e(t[d],d,a);return n},t.prototype._t=function(t,e,n){var a=this.$scopedSlots[t];if(a)return a(n||{})||e;var o=this.$slots[t];return o&&(o._rendered&&Hn('Duplicate presence of slot "'+t+'" found in the same render tree - this will likely cause render errors.',this),o._rendered=!0),o||e},t.prototype._b=function(t,e,n,a){if(n)if(u(n)){Array.isArray(n)&&(n=p(n));for(var o in n)if("class"===o||"style"===o)t[o]=n[o];else{var i=a||Mn.mustUseProp(e,o)?t.domProps||(t.domProps={}):t.attrs||(t.attrs={});i[o]=n[o]}}else Hn("v-bind without argument expects an Object or Array value",this);return t},t.prototype._k=function(t,e,n){var a=Mn.keyCodes[e]||n;return Array.isArray(a)?a.indexOf(t)===-1:a!==t}}function Lt(t,e){var n={};if(!t)return n;for(var a,o,i=[],d=0,s=t.length;d<s;d++)if(o=t[d],(o.context===e||o.functionalContext===e)&&o.data&&(a=o.data.slot)){var r=n[a]||(n[a]=[]);"template"===o.tag?r.push.apply(r,o.children):r.push(o)}else i.push(o);return i.length&&(1!==i.length||" "!==i[0].text&&!i[0].isComment)&&(n.default=i),n}function jt(t){t._events=Object.create(null);var e=t.$options._parentListeners,n=function(e,n,a){a?t.$once(e,n):t.$on(e,n)},a=l(t.$off,t);t._updateListeners=function(e,o){Tt(e,o||{},n,a,t)},e&&t._updateListeners(e)}function Ft(t){t.prototype.$on=function(t,e){var n=this;return(n._events[t]||(n._events[t]=[])).push(e),n},t.prototype.$once=function(t,e){function n(){a.$off(t,n),e.apply(a,arguments)}var a=this;return n.fn=e,a.$on(t,n),a},t.prototype.$off=function(t,e){var n=this;if(!arguments.length)return n._events=Object.create(null),n;var a=n._events[t];if(!a)return n;if(1===arguments.length)return n._events[t]=null,n;for(var o,i=a.length;i--;)if(o=a[i],o===e||o.fn===e){a.splice(i,1);break}return n},t.prototype.$emit=function(t){var e=this,n=e._events[t];if(n){n=n.length>1?m(n):n;for(var a=m(arguments,1),o=0,i=n.length;o<i;o++)n[o].apply(e,a)}return e}}function Bt(t){t.prototype._init=function(t){var e=this;e._uid=ka++,e._isVue=!0,t&&t._isComponent?Ht(e,t):e.$options=j(qt(e.constructor),t||{},e),Zn(e),e._self=e,mt(e),jt(e),ut(e,"beforeCreate"),X(e),ut(e,"created"),It(e)}}function Ht(t,e){var n=t.$options=Object.create(t.constructor.options);n.parent=e.parent,n.propsData=e.propsData,n._parentVnode=e._parentVnode,n._parentListeners=e._parentListeners,n._renderChildren=e._renderChildren,n._componentTag=e._componentTag,n._parentElm=e._parentElm,n._refElm=e._refElm,e.render&&(n.render=e.render,n.staticRenderFns=e.staticRenderFns)}function qt(t){var e=t.options;if(t.super){var n=t.super.options,a=t.superOptions,o=t.extendOptions;n!==a&&(t.superOptions=n,o.render=e.render,o.staticRenderFns=e.staticRenderFns,o._scopeId=e._scopeId,e=t.options=j(n,o),e.name&&(e.components[e.name]=t))}return e}function zt(t){this instanceof zt||Hn("Vue is a constructor and should be called with the `new` keyword"),this._init(t)}function Vt(t){t.use=function(t){if(!t.installed){var e=m(arguments,1);return e.unshift(this),"function"==typeof t.install?t.install.apply(t,e):t.apply(null,e),t.installed=!0,this}}}function Ut(t){t.mixin=function(t){this.options=j(this.options,t)}}function Wt(t){t.cid=0;var e=1;t.extend=function(t){t=t||{};var n=this,a=n.cid,o=t._Ctor||(t._Ctor={});if(o[a])return o[a];var i=t.name||n.options.name;/^[a-zA-Z][\w-]*$/.test(i)||Hn('Invalid component name: "'+i+'". Component names can only contain alphanumeric characters and the hyphen, and must start with a letter.');var d=function(t){this._init(t)};return d.prototype=Object.create(n.prototype),d.prototype.constructor=d,d.cid=e++,d.options=j(n.options,t),d.super=n,d.extend=n.extend,d.mixin=n.mixin,d.use=n.use,Mn._assetTypes.forEach(function(t){d[t]=n[t]}),i&&(d.options.components[i]=d),d.superOptions=n.options,d.extendOptions=t,o[a]=d,d}}function Gt(t){Mn._assetTypes.forEach(function(e){t[e]=function(t,n){return n?("component"===e&&Mn.isReservedTag(t)&&Hn("Do not use built-in or reserved HTML elements as component id: "+t),"component"===e&&v(n)&&(n.name=n.name||t,n=this.options._base.extend(n)),"directive"===e&&"function"==typeof n&&(n={bind:n,update:n}),this.options[e+"s"][t]=n,n):this.options[e+"s"][t]}})}function Yt(t,e){return"string"==typeof t?t.split(",").indexOf(e)>-1:t.test(e)}function Kt(t){var e={};e.get=function(){return Mn},e.set=function(){Hn("Do not replace the Vue.config object, set individual fields instead.")},Object.defineProperty(t,"config",e),t.util=ea,t.set=R,t.delete=O,t.nextTick=Fn,t.options=Object.create(null),Mn._assetTypes.forEach(function(e){t.options[e+"s"]=Object.create(null)}),t.options._base=t,c(t.options.components,Ma),Vt(t),Ut(t),Wt(t),Gt(t)}function Jt(t){for(var e=t.data,n=t,a=t;a.child;)a=a.child._vnode,a.data&&(e=Xt(a.data,e));for(;n=n.parent;)n.data&&(e=Xt(e,n.data));return Qt(e)}function Xt(t,e){return{staticClass:Zt(t.staticClass,e.staticClass),class:t.class?[t.class,e.class]:e.class}}function Qt(t){var e=t.class,n=t.staticClass;return n||e?Zt(n,te(e)):""}function Zt(t,e){return t?e?t+" "+e:t:e||""}function te(t){var e="";if(!t)return e;if("string"==typeof t)return t;if(Array.isArray(t)){for(var n,a=0,o=t.length;a<o;a++)t[a]&&(n=te(t[a]))&&(e+=n+" ");return e.slice(0,-1)}if(u(t)){for(var i in t)t[i]&&(e+=i+" ");return e.slice(0,-1)}return e}function ee(t){return Ba(t)?"svg":"math"===t?"math":void 0}function ne(t){if(!On)return!0;if(Ha(t))return!1;if(t=t.toLowerCase(),null!=qa[t])return qa[t];var e=document.createElement(t);return t.indexOf("-")>-1?qa[t]=e.constructor===window.HTMLUnknownElement||e.constructor===window.HTMLElement:qa[t]=/HTMLUnknownElement/.test(e.toString())}function ae(t){if("string"==typeof t){var e=t;if(t=document.querySelector(t),!t)return Hn("Cannot find element: "+e),document.createElement("div")}return t}function oe(t,e){var n=document.createElement(t);return"select"!==t?n:(e.data&&e.data.attrs&&"multiple"in e.data.attrs&&n.setAttribute("multiple","multiple"),n)}function ie(t,e){return document.createElementNS(ja[t],e)}function de(t){return document.createTextNode(t)}function se(t){return document.createComment(t)}function re(t,e,n){t.insertBefore(e,n)}function le(t,e){t.removeChild(e)}function me(t,e){t.appendChild(e)}function ce(t){return t.parentNode}function ue(t){return t.nextSibling}function ve(t){return t.tagName}function pe(t,e){t.textContent=e}function be(t,e,n){t.setAttribute(e,n)}function fe(t,e){var n=t.data.ref;if(n){var a=t.context,o=t.child||t.elm,d=a.$refs;e?Array.isArray(d[n])?i(d[n],o):d[n]===o&&(d[n]=void 0):t.data.refInFor?Array.isArray(d[n])&&d[n].indexOf(o)<0?d[n].push(o):d[n]=[o]:d[n]=o}}function he(t){return null==t}function _e(t){return null!=t}function ge(t,e){return t.key===e.key&&t.tag===e.tag&&t.isComment===e.isComment&&!t.data==!e.data}function ye(t,e,n){var a,o,i={};for(a=e;a<=n;++a)o=t[a].key,_e(o)&&(i[o]=a);return i}function xe(t){function e(t){return new ga(R.tagName(t).toLowerCase(),{},[],void 0,t)}function a(t,e){function n(){0===--n.listeners&&i(t)}return n.listeners=e,n}function i(t){var e=R.parentNode(t);e&&R.removeChild(e,t)}function d(t,e,n,a,o){if(t.isRootInsert=!o,!r(t,e,n,a)){var i=t.data,d=t.children,s=t.tag;_e(s)?(i&&i.pre&&O++,O||t.ns||Mn.ignoredElements&&Mn.ignoredElements.indexOf(s)>-1||!Mn.isUnknownElement(s)||Hn("Unknown custom element: <"+s+'> - did you register the component correctly? For recursive components, make sure to provide the "name" option.',t.context),t.elm=t.ns?R.createElementNS(t.ns,s):R.createElement(s,t),b(t),c(t,d,e),_e(i)&&v(t,e),m(n,t.elm,a),i&&i.pre&&O--):t.isComment?(t.elm=R.createComment(t.text),m(n,t.elm,a)):(t.elm=R.createTextNode(t.text),m(n,t.elm,a))}}function r(t,e,n,a){var o=t.data;if(_e(o)){var i=_e(t.child)&&o.keepAlive;if(_e(o=o.hook)&&_e(o=o.init)&&o(t,!1,n,a),_e(t.child))return p(t,e),i&&l(t,e,n,a),!0}}function l(t,e,n,a){for(var o,i=t;i.child;)if(i=i.child._vnode,_e(o=i.data)&&_e(o=o.transition)){for(o=0;o<M.activate.length;++o)M.activate[o](Ua,i);e.push(i);break}m(n,t.elm,a)}function m(t,e,n){t&&(n?R.insertBefore(t,e,n):R.appendChild(t,e))}function c(t,e,n){if(Array.isArray(e))for(var a=0;a<e.length;++a)d(e[a],n,t.elm,null,!0);else s(t.text)&&R.appendChild(t.elm,R.createTextNode(t.text))}function u(t){for(;t.child;)t=t.child._vnode;return _e(t.tag)}function v(t,e){for(var n=0;n<M.create.length;++n)M.create[n](Ua,t);E=t.data.hook,_e(E)&&(E.create&&E.create(Ua,t),E.insert&&e.push(t))}function p(t,e){t.data.pendingInsert&&e.push.apply(e,t.data.pendingInsert),t.elm=t.child.$el,u(t)?(v(t,e),b(t)):(fe(t),e.push(t))}function b(t){var e;_e(e=t.context)&&_e(e=e.$options._scopeId)&&R.setAttribute(t.elm,e,""),_e(e=xa)&&e!==t.context&&_e(e=e.$options._scopeId)&&R.setAttribute(t.elm,e,"")}function f(t,e,n,a,o,i){for(;a<=o;++a)d(n[a],i,t,e)}function h(t){var e,n,a=t.data;if(_e(a))for(_e(e=a.hook)&&_e(e=e.destroy)&&e(t),e=0;e<M.destroy.length;++e)M.destroy[e](t);if(_e(e=t.children))for(n=0;n<t.children.length;++n)h(t.children[n])}function _(t,e,n,a){for(;n<=a;++n){var o=e[n];_e(o)&&(_e(o.tag)?(g(o),h(o)):R.removeChild(t,o.elm))}}function g(t,e){if(e||_e(t.data)){var n=M.remove.length+1;for(e?e.listeners+=n:e=a(t.elm,n),_e(E=t.child)&&_e(E=E._vnode)&&_e(E.data)&&g(E,e),E=0;E<M.remove.length;++E)M.remove[E](t,e);_e(E=t.data.hook)&&_e(E=E.remove)?E(t,e):e()}else i(t.elm)}function y(t,e,n,a,o){for(var i,s,r,l,m=0,c=0,u=e.length-1,v=e[0],p=e[u],b=n.length-1,h=n[0],g=n[b],y=!o;m<=u&&c<=b;)he(v)?v=e[++m]:he(p)?p=e[--u]:ge(v,h)?(x(v,h,a),v=e[++m],h=n[++c]):ge(p,g)?(x(p,g,a),p=e[--u],g=n[--b]):ge(v,g)?(x(v,g,a),y&&R.insertBefore(t,v.elm,R.nextSibling(p.elm)),v=e[++m],g=n[--b]):ge(p,h)?(x(p,h,a),y&&R.insertBefore(t,p.elm,v.elm),p=e[--u],h=n[++c]):(he(i)&&(i=ye(e,m,u)),s=_e(h.key)?i[h.key]:null,he(s)?(d(h,a,t,v.elm),h=n[++c]):(r=e[s],r||Hn("It seems there are duplicate keys that is causing an update error. Make sure each v-for item has a unique key."),ge(r,h)?(x(r,h,a),e[s]=void 0,y&&R.insertBefore(t,h.elm,v.elm),h=n[++c]):(d(h,a,t,v.elm),h=n[++c])));m>u?(l=he(n[b+1])?null:n[b+1].elm,f(t,l,n,c,b,a)):c>b&&_(t,e,m,u)}function x(t,e,n,a){if(t!==e){if(e.isStatic&&t.isStatic&&e.key===t.key&&(e.isCloned||e.isOnce))return e.elm=t.elm,void(e.child=t.child);var o,i=e.data,d=_e(i);d&&_e(o=i.hook)&&_e(o=o.prepatch)&&o(t,e);var s=e.elm=t.elm,r=t.children,l=e.children;if(d&&u(e)){for(o=0;o<M.update.length;++o)M.update[o](t,e);_e(o=i.hook)&&_e(o=o.update)&&o(t,e)}he(e.text)?_e(r)&&_e(l)?r!==l&&y(s,r,l,n,a):_e(l)?(_e(t.text)&&R.setTextContent(s,""),f(s,null,l,0,l.length-1,n)):_e(r)?_(s,r,0,r.length-1):_e(t.text)&&R.setTextContent(s,""):t.text!==e.text&&R.setTextContent(s,e.text),d&&_e(o=i.hook)&&_e(o=o.postpatch)&&o(t,e)}}function C(t,e,n){if(n&&t.parent)t.parent.data.pendingInsert=e;else for(var a=0;a<e.length;++a)e[a].data.hook.insert(e[a])}function w(t,e,n){if(!k(t,e))return!1;e.elm=t;var a=e.tag,o=e.data,i=e.children;if(_e(o)&&(_e(E=o.hook)&&_e(E=E.init)&&E(e,!0),_e(E=e.child)))return p(e,n),!0;if(_e(a)){if(_e(i))if(t.hasChildNodes()){for(var d=!0,s=t.firstChild,r=0;r<i.length;r++){if(!s||!w(s,i[r],n)){d=!1;break}s=s.nextSibling}if(!d||s)return"undefined"==typeof console||S||(S=!0,console.warn("Parent: ",t),console.warn("Mismatching childNodes vs. VNodes: ",t.childNodes,i)),!1}else c(e,i,n);if(_e(o))for(var l in o)if(!N(l)){v(e,n);break}}return!0}function k(t,e){return e.tag?0===e.tag.indexOf("vue-component")||e.tag.toLowerCase()===(t.tagName&&t.tagName.toLowerCase()):n(e.text)===t.data}var E,T,M={},A=t.modules,R=t.nodeOps;for(E=0;E<Wa.length;++E)for(M[Wa[E]]=[],T=0;T<A.length;++T)void 0!==A[T][Wa[E]]&&M[Wa[E]].push(A[T][Wa[E]]);var O=0,S=!1,N=o("attrs,style,class,staticClass,staticStyle,key");return function(t,n,a,o,i,s){if(!n)return void(t&&h(t));var r,l,m=!1,c=[];if(t){var v=_e(t.nodeType);if(!v&&ge(t,n))x(t,n,c,o);else{if(v){if(1===t.nodeType&&t.hasAttribute("server-rendered")&&(t.removeAttribute("server-rendered"),a=!0),a){if(w(t,n,c))return C(n,c,!0),t;Hn("The client-side rendered virtual DOM tree is not matching server-rendered content. This is likely caused by incorrect HTML markup, for example nesting block-level elements inside <p>, or missing <tbody>. Bailing hydration and performing full client-side render.")}t=e(t)}if(r=t.elm,l=R.parentNode(r),d(n,c,l,R.nextSibling(r)),n.parent){for(var p=n.parent;p;)p.elm=n.elm,p=p.parent;if(u(n))for(var b=0;b<M.create.length;++b)M.create[b](Ua,n.parent)}null!==l?_(l,[t],0,0):_e(t.tag)&&h(t)}}else m=!0,d(n,c,i,s);return C(n,c,m),n.elm}}function Ce(t,e){(t.data.directives||e.data.directives)&&we(t,e)}function we(t,e){var n,a,o,i=t===Ua,d=ke(t.data.directives,t.context),s=ke(e.data.directives,e.context),r=[],l=[];for(n in s)a=d[n],o=s[n],a?(o.oldValue=a.value,Te(o,"update",e,t),o.def&&o.def.componentUpdated&&l.push(o)):(Te(o,"bind",e,t),o.def&&o.def.inserted&&r.push(o));if(r.length){var m=function(){for(var n=0;n<r.length;n++)Te(r[n],"inserted",e,t)};i?Et(e.data.hook||(e.data.hook={}),"insert",m,"dir-insert"):m()}if(l.length&&Et(e.data.hook||(e.data.hook={}),"postpatch",function(){for(var n=0;n<l.length;n++)Te(l[n],"componentUpdated",e,t)},"dir-postpatch"),!i)for(n in d)s[n]||Te(d[n],"unbind",t)}function ke(t,e){var n=Object.create(null);if(!t)return n;var a,o;for(a=0;a<t.length;a++)o=t[a],
+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*Number(t.slice(0,-1))}function Ye(t,e){var n=t.elm;n._leaveCb&&(n._leaveCb.cancelled=!0,n._leaveCb());var a=Je(t.data.transition);if(a&&!n._enterCb&&1===n.nodeType){for(var o=a.css,i=a.type,d=a.enterClass,s=a.enterActiveClass,r=a.appearClass,l=a.appearActiveClass,m=a.beforeEnter,c=a.enter,u=a.afterEnter,v=a.enterCancelled,p=a.beforeAppear,b=a.appear,f=a.afterAppear,h=a.appearCancelled,_=xa,g=xa.$vnode;g&&g.parent;)g=g.parent,_=g.context;var y=!_._isMounted||!t.isRootInsert;if(!y||b||""===b){var x=y?r:d,C=y?l:s,w=y?p||m:m,k=y&&"function"==typeof b?b:c,E=y?f||u:u,T=y?h||v:v,M=o!==!1&&!Pn,A=k&&(k._length||k.length)>1,R=n._enterCb=Xe(function(){M&&ze(n,C),R.cancelled?(M&&ze(n,x),T&&T(n)):E&&E(n),n._enterCb=null});t.data.show||Et(t.data.hook||(t.data.hook={}),"insert",function(){var e=n.parentNode,a=e&&e._pending&&e._pending[t.key];a&&a.context===t.context&&a.tag===t.tag&&a.elm._leaveCb&&a.elm._leaveCb(),k&&k(n,R)},"transition-insert"),w&&w(n),M&&(qe(n,x),qe(n,C),He(function(){ze(n,x),R.cancelled||A||Ve(n,i,R)})),t.data.show&&(e&&e(),k&&k(n,R)),M||A||R()}}}function Ke(t,e){function n(){f.cancelled||(t.data.show||((a.parentNode._pending||(a.parentNode._pending={}))[t.key]=t),l&&l(a),p&&(qe(a,s),qe(a,r),He(function(){ze(a,s),f.cancelled||b||Ve(a,d,f)})),m&&m(a,f),p||b||f())}var a=t.elm;a._enterCb&&(a._enterCb.cancelled=!0,a._enterCb());var o=Je(t.data.transition);if(!o)return e();if(!a._leaveCb&&1===a.nodeType){var i=o.css,d=o.type,s=o.leaveClass,r=o.leaveActiveClass,l=o.beforeLeave,m=o.leave,c=o.afterLeave,u=o.leaveCancelled,v=o.delayLeave,p=i!==!1&&!Pn,b=m&&(m._length||m.length)>1,f=a._leaveCb=Xe(function(){a.parentNode&&a.parentNode._pending&&(a.parentNode._pending[t.key]=null),p&&ze(a,r),f.cancelled?(p&&ze(a,s),u&&u(a)):(e(),c&&c(a)),a._leaveCb=null});v?v(n):n()}}function Je(t){if(t){if("object"==typeof t){var e={};return t.css!==!1&&c(e,ho(t.name||"v")),c(e,t),e}return"string"==typeof t?ho(t):void 0}}function Xe(t){var e=!1;return function(){e||(e=!0,t())}}function Qe(t,e){e.data.show||Ye(e)}function Ze(t,e,n){var a=e.value,o=t.multiple;if(o&&!Array.isArray(a))return void Hn('<select multiple v-model="'+e.expression+'"> expects an Array value for its binding, but got '+Object.prototype.toString.call(a).slice(8,-1),n);for(var i,d,s=0,r=t.options.length;s<r;s++)if(d=t.options[s],o)i=_(a,en(d))>-1,d.selected!==i&&(d.selected=i);else if(h(en(d),a))return void(t.selectedIndex!==s&&(t.selectedIndex=s));o||(t.selectedIndex=-1)}function tn(t,e){for(var n=0,a=e.length;n<a;n++)if(h(en(e[n]),t))return!1;return!0}function en(t){return"_value"in t?t._value:t.value}function nn(t){t.target.composing=!0}function an(t){t.target.composing=!1,on(t.target,"input")}function on(t,e){var n=document.createEvent("HTMLEvents");n.initEvent(e,!0,!0),t.dispatchEvent(n)}function dn(t){return!t.child||t.data&&t.data.transition?t:dn(t.child._vnode)}function sn(t){var e=t&&t.componentOptions;return e&&e.Ctor.options.abstract?sn(St(e.children)):t}function rn(t){var e={},n=t.$options;for(var a in n.propsData)e[a]=t[a];var o=n._parentListeners;for(var i in o)e[gn(i)]=o[i].fn;return e}function ln(t,e){return/\d-keep-alive$/.test(e.tag)?t("keep-alive"):null}function mn(t){for(;t=t.parent;)if(t.data.transition)return!0}function cn(t){t.elm._moveCb&&t.elm._moveCb(),t.elm._enterCb&&t.elm._enterCb()}function un(t){t.data.newPos=t.elm.getBoundingClientRect()}function vn(t){var e=t.data.pos,n=t.data.newPos,a=e.left-n.left,o=e.top-n.top;if(a||o){t.data.moved=!0;var i=t.elm.style;i.transform=i.WebkitTransform="translate("+a+"px,"+o+"px)",i.transitionDuration="0s"}}var pn,bn,fn=o("slot,component",!0),hn=Object.prototype.hasOwnProperty,_n=/-(\w)/g,gn=r(function(t){return t.replace(_n,function(t,e){return e?e.toUpperCase():""})}),yn=r(function(t){return t.charAt(0).toUpperCase()+t.slice(1)}),xn=/([^-])([A-Z])/g,Cn=r(function(t){return t.replace(xn,"$1-$2").replace(xn,"$1-$2").toLowerCase()}),wn=Object.prototype.toString,kn="[object Object]",En=function(){return!1},Tn=function(t){return t},Mn={optionMergeStrategies:Object.create(null),silent:!1,devtools:!0,errorHandler:null,ignoredElements:null,keyCodes:Object.create(null),isReservedTag:En,isUnknownElement:En,getTagNamespace:b,parsePlatformTagName:Tn,mustUseProp:En,_assetTypes:["component","directive","filter"],_lifecycleHooks:["beforeCreate","created","beforeMount","mounted","beforeUpdate","updated","beforeDestroy","destroyed","activated","deactivated"],_maxUpdateCount:100},An=/[^\w.$]/,Rn="__proto__"in{},On="undefined"!=typeof window,Sn=On&&window.navigator.userAgent.toLowerCase(),Nn=Sn&&/msie|trident/.test(Sn),Pn=Sn&&Sn.indexOf("msie 9.0")>0,Dn=Sn&&Sn.indexOf("edge/")>0,In=Sn&&Sn.indexOf("android")>0,$n=Sn&&/iphone|ipad|ipod|ios/.test(Sn),Ln=function(){return void 0===pn&&(pn=!On&&"undefined"!=typeof e&&"server"===e.process.env.VUE_ENV),pn},jn=On&&window.__VUE_DEVTOOLS_GLOBAL_HOOK__,Fn=function(){function t(){a=!1;var t=n.slice(0);n.length=0;for(var e=0;e<t.length;e++)t[e]()}var e,n=[],a=!1;if("undefined"!=typeof Promise&&C(Promise)){var o=Promise.resolve(),i=function(t){console.error(t)};e=function(){o.then(t).catch(i),$n&&setTimeout(b)}}else if("undefined"==typeof MutationObserver||!C(MutationObserver)&&"[object MutationObserverConstructor]"!==MutationObserver.toString())e=function(){setTimeout(t,0)};else{var d=1,s=new MutationObserver(t),r=document.createTextNode(String(d));s.observe(r,{characterData:!0}),e=function(){d=(d+1)%2,r.data=String(d)}}return function(t,o){var i;if(n.push(function(){t&&t.call(o),i&&i(o)}),a||(a=!0,e()),!t&&"undefined"!=typeof Promise)return new Promise(function(t){i=t})}}();bn="undefined"!=typeof Set&&C(Set)?Set:function(){function t(){this.set=Object.create(null)}return t.prototype.has=function(t){return this.set[t]===!0},t.prototype.add=function(t){this.set[t]=!0},t.prototype.clear=function(){this.set=Object.create(null)},t}();var Bn,Hn=b,qn="undefined"!=typeof console;Hn=function(t,e){qn&&!Mn.silent&&console.error("[Vue warn]: "+t+" "+(e?zn(Bn(e)):""))},Bn=function(t){if(t.$root===t)return"root instance";var e=t._isVue?t.$options.name||t.$options._componentTag:t.name;return(e?"component <"+e+">":"anonymous component")+(t._isVue&&t.$options.__file?" at "+t.$options.__file:"")};var zn=function(t){return"anonymous component"===t&&(t+=' - use the "name" option for better debugging messages.'),"\n(found in "+t+")"},Vn=0,Un=function(){this.id=Vn++,this.subs=[]};Un.prototype.addSub=function(t){this.subs.push(t)},Un.prototype.removeSub=function(t){i(this.subs,t)},Un.prototype.depend=function(){Un.target&&Un.target.addDep(this)},Un.prototype.notify=function(){for(var t=this.subs.slice(),e=0,n=t.length;e<n;e++)t[e].update()},Un.target=null;var Wn=[],Gn=Array.prototype,Yn=Object.create(Gn);["push","pop","shift","unshift","splice","sort","reverse"].forEach(function(t){var e=Gn[t];y(Yn,t,function(){for(var n=arguments,a=arguments.length,o=new Array(a);a--;)o[a]=n[a];var i,d=e.apply(this,o),s=this.__ob__;switch(t){case"push":i=o;break;case"unshift":i=o;break;case"splice":i=o.slice(2)}return i&&s.observeArray(i),s.dep.notify(),d})});var Kn=Object.getOwnPropertyNames(Yn),Jn={shouldConvert:!0,isSettingProps:!1},Xn=function(t){if(this.value=t,this.dep=new Un,this.vmCount=0,y(t,"__ob__",this),Array.isArray(t)){var e=Rn?E:T;e(t,Yn,Kn),this.observeArray(t)}else this.walk(t)};Xn.prototype.walk=function(t){for(var e=Object.keys(t),n=0;n<e.length;n++)A(t,e[n],t[e[n]])},Xn.prototype.observeArray=function(t){for(var e=0,n=t.length;e<n;e++)M(t[e])};var Qn=Mn.optionMergeStrategies;Qn.el=Qn.propsData=function(t,e,n,a){return n||Hn('option "'+a+'" can only be used during instance creation with the `new` keyword.'),ta(t,e)},Qn.data=function(t,e,n){return n?t||e?function(){var a="function"==typeof e?e.call(n):e,o="function"==typeof t?t.call(n):void 0;return a?N(a,o):o}:void 0:e?"function"!=typeof e?(Hn('The "data" option should be a function that returns a per-instance value in component definitions.',n),t):t?function(){return N(e.call(this),t.call(this))}:e:t},Mn._lifecycleHooks.forEach(function(t){Qn[t]=P}),Mn._assetTypes.forEach(function(t){Qn[t+"s"]=D}),Qn.watch=function(t,e){if(!e)return t;if(!t)return e;var n={};c(n,t);for(var a in e){var o=n[a],i=e[a];o&&!Array.isArray(o)&&(o=[o]),n[a]=o?o.concat(i):[i]}return n},Qn.props=Qn.methods=Qn.computed=function(t,e){if(!e)return t;if(!t)return e;var n=Object.create(null);return c(n,t),c(n,e),n};var Zn,ta=function(t,e){return void 0===e?t:e},ea=Object.freeze({defineReactive:A,_toString:n,toNumber:a,makeMap:o,isBuiltInTag:fn,remove:i,hasOwn:d,isPrimitive:s,cached:r,camelize:gn,capitalize:yn,hyphenate:Cn,bind:l,toArray:m,extend:c,isObject:u,isPlainObject:v,toObject:p,noop:b,no:En,identity:Tn,genStaticKeys:f,looseEqual:h,looseIndexOf:_,isReserved:g,def:y,parsePath:x,hasProto:Rn,inBrowser:On,UA:Sn,isIE:Nn,isIE9:Pn,isEdge:Dn,isAndroid:In,isIOS:$n,isServerRendering:Ln,devtools:jn,nextTick:Fn,get _Set(){return bn},mergeOptions:j,resolveAsset:F,get warn(){return Hn},get formatComponentName(){return Bn},validateProp:B}),na=o("Infinity,undefined,NaN,isFinite,isNaN,parseFloat,parseInt,decodeURI,decodeURIComponent,encodeURI,encodeURIComponent,Math,Number,Date,Array,Object,Boolean,String,RegExp,Map,Set,JSON,Intl,require"),aa=function(t,e){Hn('Property or method "'+e+'" is not defined on the instance but referenced during render. Make sure to declare reactive data properties in the data option.',t)},oa="undefined"!=typeof Proxy&&Proxy.toString().match(/native code/);if(oa){var ia=o("stop,prevent,self,ctrl,shift,alt,meta");Mn.keyCodes=new Proxy(Mn.keyCodes,{set:function(t,e,n){return ia(e)?(Hn("Avoid overwriting built-in modifier in config.keyCodes: ."+e),!1):(t[e]=n,!0)}})}var da={has:function t(e,n){var t=n in e,a=na(n)||"_"===n.charAt(0);return t||a||aa(e,n),t||!a}},sa={get:function(t,e){return"string"!=typeof e||e in t||aa(t,e),t[e]}};Zn=function(t){if(oa){var e=t.$options,n=e.render&&e.render._withStripped?sa:da;t._renderProxy=new Proxy(t,n)}else t._renderProxy=t};var ra=[],la={},ma={},ca=!1,ua=!1,va=0,pa=0,ba=function(t,e,n,a){void 0===a&&(a={}),this.vm=t,t._watchers.push(this),this.deep=!!a.deep,this.user=!!a.user,this.lazy=!!a.lazy,this.sync=!!a.sync,this.expression=e.toString(),this.cb=n,this.id=++pa,this.active=!0,this.dirty=this.lazy,this.deps=[],this.newDeps=[],this.depIds=new bn,this.newDepIds=new bn,"function"==typeof e?this.getter=e:(this.getter=x(e),this.getter||(this.getter=function(){},Hn('Failed watching path: "'+e+'" Watcher only accepts simple dot-delimited paths. For full control, use a function instead.',t))),this.value=this.lazy?void 0:this.get()};ba.prototype.get=function(){w(this);var t=this.getter.call(this.vm,this.vm);return this.deep&&K(t),k(),this.cleanupDeps(),t},ba.prototype.addDep=function(t){var e=t.id;this.newDepIds.has(e)||(this.newDepIds.add(e),this.newDeps.push(t),this.depIds.has(e)||t.addSub(this))},ba.prototype.cleanupDeps=function(){for(var t=this,e=this.deps.length;e--;){var n=t.deps[e];t.newDepIds.has(n.id)||n.removeSub(t)}var a=this.depIds;this.depIds=this.newDepIds,this.newDepIds=a,this.newDepIds.clear(),a=this.deps,this.deps=this.newDeps,this.newDeps=a,this.newDeps.length=0},ba.prototype.update=function(){this.lazy?this.dirty=!0:this.sync?this.run():Y(this)},ba.prototype.run=function(){if(this.active){var t=this.get();if(t!==this.value||u(t)||this.deep){var e=this.value;if(this.value=t,this.user)try{this.cb.call(this.vm,t,e)}catch(t){if(!Mn.errorHandler)throw Hn('Error in watcher "'+this.expression+'"',this.vm),t;Mn.errorHandler.call(null,t,this.vm)}else this.cb.call(this.vm,t,e)}}},ba.prototype.evaluate=function(){this.value=this.get(),this.dirty=!1},ba.prototype.depend=function(){for(var t=this,e=this.deps.length;e--;)t.deps[e].depend()},ba.prototype.teardown=function(){var t=this;if(this.active){this.vm._isBeingDestroyed||this.vm._vForRemoving||i(this.vm._watchers,this);for(var e=this.deps.length;e--;)t.deps[e].removeSub(t);this.active=!1}};var fa=new bn,ha={key:1,ref:1,slot:1},_a={enumerable:!0,configurable:!0,get:b,set:b},ga=function(t,e,n,a,o,i,d){this.tag=t,this.data=e,this.children=n,this.text=a,this.elm=o,this.ns=void 0,this.context=i,this.functionalContext=void 0,this.key=e&&e.key,this.componentOptions=d,this.child=void 0,this.parent=void 0,this.raw=!1,this.isStatic=!1,this.isRootInsert=!0,this.isComment=!1,this.isCloned=!1,this.isOnce=!1},ya=function(){var t=new ga;return t.text="",t.isComment=!0,t},xa=null,Ca={init:ft,prepatch:ht,insert:_t,destroy:gt},wa=Object.keys(Ca),ka=0;Bt(zt),it(zt),Ft(zt),ct(zt),$t(zt);var Ea=[String,RegExp],Ta={name:"keep-alive",abstract:!0,props:{include:Ea,exclude:Ea},created:function(){this.cache=Object.create(null)},render:function(){var t=St(this.$slots.default);if(t&&t.componentOptions){var e=t.componentOptions,n=e.Ctor.options.name||e.tag;if(n&&(this.include&&!Yt(this.include,n)||this.exclude&&Yt(this.exclude,n)))return t;var a=null==t.key?e.Ctor.cid+(e.tag?"::"+e.tag:""):t.key;this.cache[a]?t.child=this.cache[a].child:this.cache[a]=t,t.data.keepAlive=!0}return t},destroyed:function(){var t=this;for(var e in this.cache){var n=t.cache[e];ut(n.child,"deactivated"),n.child.$destroy()}}},Ma={KeepAlive:Ta};Kt(zt),Object.defineProperty(zt.prototype,"$isServer",{get:Ln}),zt.version="2.1.6";var Aa,Ra,Oa=o("input,textarea,option,select"),Sa=function(t,e){return"value"===e&&Oa(t)||"selected"===e&&"option"===t||"checked"===e&&"input"===t||"muted"===e&&"video"===t},Na=o("contenteditable,draggable,spellcheck"),Pa=o("allowfullscreen,async,autofocus,autoplay,checked,compact,controls,declare,default,defaultchecked,defaultmuted,defaultselected,defer,disabled,enabled,formnovalidate,hidden,indeterminate,inert,ismap,itemscope,loop,multiple,muted,nohref,noresize,noshade,novalidate,nowrap,open,pauseonexit,readonly,required,reversed,scoped,seamless,selected,sortable,translate,truespeed,typemustmatch,visible"),Da="http://www.w3.org/1999/xlink",Ia=function(t){return":"===t.charAt(5)&&"xlink"===t.slice(0,5)},$a=function(t){return Ia(t)?t.slice(6,t.length):""},La=function(t){return null==t||t===!1},ja={svg:"http://www.w3.org/2000/svg",math:"http://www.w3.org/1998/Math/MathML",xhtml:"http://www.w3.org/1999/xhtml"},Fa=o("html,body,base,head,link,meta,style,title,address,article,aside,footer,header,h1,h2,h3,h4,h5,h6,hgroup,nav,section,div,dd,dl,dt,figcaption,figure,hr,img,li,main,ol,p,pre,ul,a,b,abbr,bdi,bdo,br,cite,code,data,dfn,em,i,kbd,mark,q,rp,rt,rtc,ruby,s,samp,small,span,strong,sub,sup,time,u,var,wbr,area,audio,map,track,video,embed,object,param,source,canvas,script,noscript,del,ins,caption,col,colgroup,table,thead,tbody,td,th,tr,button,datalist,fieldset,form,input,label,legend,meter,optgroup,option,output,progress,select,textarea,details,dialog,menu,menuitem,summary,content,element,shadow,template"),Ba=o("svg,animate,circle,clippath,cursor,defs,desc,ellipse,filter,font-face,g,glyph,image,line,marker,mask,missing-glyph,path,pattern,polygon,polyline,rect,switch,symbol,text,textpath,tspan,use,view",!0),Ha=function(t){return Fa(t)||Ba(t)},qa=Object.create(null),za=Object.freeze({createElement:oe,createElementNS:ie,createTextNode:de,createComment:se,insertBefore:re,removeChild:le,appendChild:me,parentNode:ce,nextSibling:ue,tagName:ve,setTextContent:pe,setAttribute:be}),Va={create:function(t,e){fe(e)},update:function(t,e){t.data.ref!==e.data.ref&&(fe(t,!0),fe(e))},destroy:function(t){fe(t,!0)}},Ua=new ga("",{},[]),Wa=["create","activate","update","remove","destroy"],Ga={create:Ce,update:Ce,destroy:function(t){Ce(t,Ua)}},Ya=Object.create(null),Ka=[Va,Ga],Ja={create:Me,update:Me},Xa={create:Re,update:Re},Qa={create:Ne,update:Ne},Za={create:Pe,update:Pe},to=r(function(t){var e={},n=/;(?![^(]*\))/g,a=/:(.+)/;return t.split(n).forEach(function(t){if(t){var n=t.split(a);n.length>1&&(e[n[0].trim()]=n[1].trim())}}),e}),eo=/^--/,no=/\s*!important$/,ao=function(t,e,n){eo.test(e)?t.style.setProperty(e,n):no.test(n)?t.style.setProperty(e,n.replace(no,""),"important"):t.style[io(e)]=n},oo=["Webkit","Moz","ms"],io=r(function(t){if(Ra=Ra||document.createElement("div"),t=gn(t),"filter"!==t&&t in Ra.style)return t;for(var e=t.charAt(0).toUpperCase()+t.slice(1),n=0;n<oo.length;n++){var a=oo[n]+e;if(a in Ra.style)return a}}),so={create:je,update:je},ro=On&&!Pn,lo="transition",mo="animation",co="transition",uo="transitionend",vo="animation",po="animationend";ro&&(void 0===window.ontransitionend&&void 0!==window.onwebkittransitionend&&(co="WebkitTransition",uo="webkitTransitionEnd"),void 0===window.onanimationend&&void 0!==window.onwebkitanimationend&&(vo="WebkitAnimation",po="webkitAnimationEnd"));var bo=On&&window.requestAnimationFrame||setTimeout,fo=/\b(transform|all)(,|$)/,ho=r(function(t){return{enterClass:t+"-enter",leaveClass:t+"-leave",appearClass:t+"-enter",enterActiveClass:t+"-enter-active",leaveActiveClass:t+"-leave-active",appearActiveClass:t+"-enter-active"}}),_o=On?{create:Qe,activate:Qe,remove:function(t,e){t.data.show?e():Ke(t,e)}}:{},go=[Ja,Xa,Qa,Za,so,_o],yo=go.concat(Ka),xo=xe({nodeOps:za,modules:yo}),Co=/^input|select|textarea|vue-component-[0-9]+(-[0-9a-zA-Z_-]*)?$/;Pn&&document.addEventListener("selectionchange",function(){var t=document.activeElement;t&&t.vmodel&&on(t,"input")});var wo={inserted:function(t,e,n){if(Co.test(n.tag)||Hn("v-model is not supported on element type: <"+n.tag+">. If you are working with contenteditable, it's recommended to wrap a library dedicated for that purpose inside a custom component.",n.context),"select"===n.tag){var a=function(){Ze(t,e,n.context)};a(),(Nn||Dn)&&setTimeout(a,0)}else"textarea"!==n.tag&&"text"!==t.type||(t._vModifiers=e.modifiers,e.modifiers.lazy||(In||(t.addEventListener("compositionstart",nn),t.addEventListener("compositionend",an)),Pn&&(t.vmodel=!0)))},componentUpdated:function(t,e,n){if("select"===n.tag){Ze(t,e,n.context);var a=t.multiple?e.value.some(function(e){return tn(e,t.options)}):e.value!==e.oldValue&&tn(e.value,t.options);a&&on(t,"change")}}},ko={bind:function(t,e,n){var a=e.value;n=dn(n);var o=n.data&&n.data.transition,i=t.__vOriginalDisplay="none"===t.style.display?"":t.style.display;a&&o&&!Pn?(n.data.show=!0,Ye(n,function(){t.style.display=i})):t.style.display=a?i:"none"},update:function(t,e,n){var a=e.value,o=e.oldValue;if(a!==o){n=dn(n);var i=n.data&&n.data.transition;i&&!Pn?(n.data.show=!0,a?Ye(n,function(){t.style.display=t.__vOriginalDisplay}):Ke(n,function(){t.style.display="none"})):t.style.display=a?t.__vOriginalDisplay:"none"}}},Eo={model:wo,show:ko},To={name:String,appear:Boolean,css:Boolean,mode:String,type:String,enterClass:String,leaveClass:String,enterActiveClass:String,leaveActiveClass:String,appearClass:String,appearActiveClass:String},Mo={name:"transition",props:To,abstract:!0,render:function(t){var e=this,n=this.$slots.default;if(n&&(n=n.filter(function(t){return t.tag}),n.length)){n.length>1&&Hn("<transition> can only be used on a single element. Use <transition-group> for lists.",this.$parent);var a=this.mode;a&&"in-out"!==a&&"out-in"!==a&&Hn("invalid <transition> mode: "+a,this.$parent);var o=n[0];if(mn(this.$vnode))return o;var i=sn(o);if(!i)return o;if(this._leaving)return ln(t,o);var d=i.key=null==i.key||i.isStatic?"__v"+(i.tag+this._uid)+"__":i.key,s=(i.data||(i.data={})).transition=rn(this),r=this._vnode,l=sn(r);if(i.data.directives&&i.data.directives.some(function(t){return"show"===t.name})&&(i.data.show=!0),l&&l.data&&l.key!==d){var m=l.data.transition=c({},s);if("out-in"===a)return this._leaving=!0,Et(m,"afterLeave",function(){e._leaving=!1,e.$forceUpdate()},d),ln(t,o);if("in-out"===a){var u,v=function(){u()};Et(s,"afterEnter",v,d),Et(s,"enterCancelled",v,d),Et(m,"delayLeave",function(t){u=t},d)}}return o}}},Ao=c({tag:String,moveClass:String},To);delete Ao.mode;var Ro={props:Ao,render:function(t){for(var e=this.tag||this.$vnode.data.tag||"span",n=Object.create(null),a=this.prevChildren=this.children,o=this.$slots.default||[],i=this.children=[],d=rn(this),s=0;s<o.length;s++){var r=o[s];if(r.tag)if(null!=r.key&&0!==String(r.key).indexOf("__vlist"))i.push(r),n[r.key]=r,(r.data||(r.data={})).transition=d;else{var l=r.componentOptions,m=l?l.Ctor.options.name||l.tag:r.tag;Hn("<transition-group> children must be keyed: <"+m+">")}}if(a){for(var c=[],u=[],v=0;v<a.length;v++){var p=a[v];p.data.transition=d,p.data.pos=p.elm.getBoundingClientRect(),n[p.key]?c.push(p):u.push(p)}this.kept=t(e,null,c),this.removed=u}return t(e,null,i)},beforeUpdate:function(){this.__patch__(this._vnode,this.kept,!1,!0),this._vnode=this.kept},updated:function(){var t=this.prevChildren,e=this.moveClass||(this.name||"v")+"-move";if(t.length&&this.hasMove(t[0].elm,e)){t.forEach(cn),t.forEach(un),t.forEach(vn);document.body.offsetHeight;t.forEach(function(t){if(t.data.moved){var n=t.elm,a=n.style;qe(n,e),a.transform=a.WebkitTransform=a.transitionDuration="",n.addEventListener(uo,n._moveCb=function t(a){a&&!/transform$/.test(a.propertyName)||(n.removeEventListener(uo,t),n._moveCb=null,ze(n,e))})}})}},methods:{hasMove:function(t,e){if(!ro)return!1;if(null!=this._hasMove)return this._hasMove;qe(t,e);var n=Ue(t);return ze(t,e),this._hasMove=n.hasTransform}}},Oo={Transition:Mo,TransitionGroup:Ro};zt.config.isUnknownElement=ne,zt.config.isReservedTag=Ha,zt.config.getTagNamespace=ee,zt.config.mustUseProp=Sa,c(zt.options.directives,Eo),c(zt.options.components,Oo),zt.prototype.__patch__=On?xo:b,zt.prototype.$mount=function(t,e){return t=t&&On?ae(t):void 0,this._mount(t,e)},setTimeout(function(){Mn.devtools&&(jn?jn.emit("init",zt):On&&!Dn&&/Chrome\/\d+/.test(window.navigator.userAgent)&&console.log("Download the Vue Devtools for a better development experience:\nhttps://github.com/vuejs/vue-devtools"))},0),t.exports=zt}).call(e,function(){return this}())},function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={props:{value:[String,Number],disabled:Boolean,required:Boolean,maxlength:[Number,String],placeholder:String},watch:{value:function(t){this.setParentValue(t)},disabled:function(){this.setParentDisabled()},required:function(){this.setParentRequired()},placeholder:function(){this.setParentPlaceholder()},maxlength:function(){this.handleMaxLength()}},methods:{handleMaxLength:function(){this.parentContainer.enableCounter=this.maxlength>0,this.parentContainer.counterLength=this.maxlength},setParentValue:function(t){this.parentContainer.setValue(t||this.$el.value)},setParentDisabled:function(){this.parentContainer.isDisabled=this.disabled},setParentRequired:function(){this.parentContainer.isRequired=this.required},setParentPlaceholder:function(){this.parentContainer.hasPlaceholder=!!this.placeholder},onFocus:function(){this.parentContainer.isFocused=!0},onBlur:function(){this.parentContainer.isFocused=!1,this.setParentValue()},onInput:function(){var t=this.$el.value;this.setParentValue(),this.parentContainer.inputLength=t?t.length:0,this.$emit("change",t),this.$emit("input",t)}}},t.exports=e.default},function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var n=function(t){return t&&t.constructor===Array};e.default=n,t.exports=e.default},function(t,e,n){var a,o,i;/*!
+		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:{color:"grey",hue:300},accent:"indigo"}})},function(t,e,n){"use strict";function a(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var o=n(218),i=a(o),d=n(217),s=a(d),r=n(214),l=a(r),m=n(215),c=a(m),u=n(216),v=a(u),p=n(219),b=a(p),f=n(220),h=a(f),_=n(222),g=a(_),y=n(221),x=a(y),C=n(223),w=a(C),k=n(224),E=a(k),T=n(225),M=a(T),A=n(226),R=a(A),O=n(228),S=a(O),N=n(229),P=a(N),D=n(230),I=a(D),$=n(231),L=a($),j=n(227),F=a(j),B=n(232),H=a(B),q=n(233),z=a(q),V=n(234),U=a(V),W=n(235),G=a(W),Y=n(236),K=a(Y),J=n(237),X=a(J),Q=n(238),Z=a(Q),tt=n(239),et=a(tt),nt=n(240),at=a(nt),ot=n(241),it=a(ot),dt=n(245),st=a(dt),rt=n(244),lt=a(rt),mt=n(242),ct=a(mt),ut=n(243),vt=a(ut),pt=[{path:"/",name:"introduction",component:i.default},{path:"/getting-started",name:"getting-started",component:s.default},{path:"/about",name:"about",component:l.default},{path:"/changelog",name:"changelog",component:c.default}],bt=[{path:"/components",name:"components",redirect:"/components/avatar"},{path:"/components/avatar",name:"components:avatar",component:b.default},{path:"/components/bottom-bar",name:"components:bottom-bar",component:h.default},{path:"/components/button",name:"components:button",component:g.default},{path:"/components/button-toggle",name:"components:button-toggle",component:x.default},{path:"/components/card",name:"components:card",component:w.default},{path:"/components/checkbox",name:"components:checkbox",component:E.default},{path:"/components/dialog",name:"components:dialog",component:M.default},{path:"/components/icon",name:"components:icon",component:R.default},{path:"/components/input",name:"components:input",component:S.default},{path:"/components/list",name:"components:list",component:P.default},{path:"/components/menu",name:"components:menu",component:I.default},{path:"/components/radio",name:"components:radio",component:L.default},{path:"/components/ink-ripple",name:"components:ink-ripple",component:F.default},{path:"/components/select",name:"components:select",component:H.default},{path:"/components/sidenav",name:"components:sidenav",component:z.default},{path:"/components/spinner",name:"components:spinner",component:U.default},{path:"/components/switch",name:"components:switch",component:K.default},{path:"/components/subheader",name:"components:subheader",component:G.default},{path:"/components/table",name:"components:table",component:X.default},{path:"/components/tabs",name:"components:tabs",component:Z.default},{path:"/components/toolbar",name:"components:toolbar",component:et.default},{path:"/components/tooltip",name:"components:tooltip",component:at.default},{path:"/components/whiteframe",name:"components:whiteframe",component:it.default}],ft=[{path:"/themes",name:"themes",redirect:"/themes/configuration"},{path:"/themes/configuration",name:"themes:configuration",component:ct.default},{path:"/themes/dynamic-themes",name:"themes:dynamic-themes",component:vt.default}],ht=[{path:"/ui-elements",name:"ui-elements",redirect:"/ui-elements/typography"},{path:"/ui-elements/typography",name:"ui-elements:typography",component:st.default},{path:"/ui-elements/layout",name:"ui-elements:layout",component:lt.default}],_t=[{path:"*",name:"error",component:v.default}];e.default=[].concat(pt,bt,ft,ht,_t),t.exports=e.default},function(t,e,n){"use strict";function a(t){return t&&t.__esModule?t:{default:t}}function o(t){t.component("md-avatar",t.extend(d.default)),t.material.styles.push(r.default)}Object.defineProperty(e,"__esModule",{value:!0}),e.default=o;var i=n(246),d=a(i),s=n(184),r=a(s);t.exports=e.default},function(t,e,n){"use strict";function a(t){return t&&t.__esModule?t:{default:t}}function o(t){t.component("md-backdrop",t.extend(d.default))}Object.defineProperty(e,"__esModule",{value:!0}),e.default=o;var i=n(247),d=a(i);t.exports=e.default},function(t,e,n){"use strict";function a(t){return t&&t.__esModule?t:{default:t}}function o(t){t.component("md-bottom-bar",t.extend(d.default)),t.component("md-bottom-bar-item",t.extend(r.default)),t.material.styles.push(m.default)}Object.defineProperty(e,"__esModule",{value:!0}),e.default=o;var i=n(248),d=a(i),s=n(249),r=a(s),l=n(185),m=a(l);t.exports=e.default},function(t,e,n){"use strict";function a(t){return t&&t.__esModule?t:{default:t}}function o(t){t.component("md-button",t.extend(d.default)),t.material.styles.push(r.default)}Object.defineProperty(e,"__esModule",{value:!0}),e.default=o;var i=n(250),d=a(i),s=n(186),r=a(s);t.exports=e.default},function(t,e,n){"use strict";function a(t){return t&&t.__esModule?t:{default:t}}function o(t){t.component("md-button-toggle",t.extend(d.default)),t.material.styles.push(r.default)}Object.defineProperty(e,"__esModule",{value:!0}),e.default=o;var i=n(251),d=a(i),s=n(187),r=a(s);t.exports=e.default},function(t,e,n){"use strict";function a(t){return t&&t.__esModule?t:{default:t}}function o(t){t.component("md-card",t.extend(d.default)),t.component("md-card-media",t.extend(r.default)),t.component("md-card-media-cover",t.extend(m.default)),t.component("md-card-media-actions",t.extend(u.default)),t.component("md-card-header",t.extend(p.default)),t.component("md-card-header-text",t.extend(f.default)),t.component("md-card-content",t.extend(_.default)),t.component("md-card-actions",t.extend(y.default)),t.component("md-card-area",t.extend(C.default)),t.component("md-card-expand",t.extend(k.default)),t.material.styles.push(T.default)}Object.defineProperty(e,"__esModule",{value:!0}),e.default=o;var i=n(252),d=a(i),s=n(259),r=a(s),l=n(261),m=a(l),c=n(260),u=a(c),v=n(257),p=a(v),b=n(258),f=a(b),h=n(255),_=a(h),g=n(253),y=a(g),x=n(254),C=a(x),w=n(256),k=a(w),E=n(188),T=a(E);t.exports=e.default},function(t,e,n){"use strict";function a(t){return t&&t.__esModule?t:{default:t}}function o(t){t.component("md-checkbox",t.extend(d.default)),t.material.styles.push(r.default)}Object.defineProperty(e,"__esModule",{value:!0}),e.default=o;var i=n(262),d=a(i),s=n(189),r=a(s);t.exports=e.default},function(t,e,n){"use strict";function a(t){return t&&t.__esModule?t:{default:t}}function o(t){t.component("md-dialog",t.extend(d.default)),t.component("md-dialog-title",t.extend(r.default)),t.component("md-dialog-content",t.extend(m.default)),t.component("md-dialog-actions",t.extend(u.default)),t.component("md-dialog-alert",t.extend(p.default)),t.component("md-dialog-confirm",t.extend(f.default)),t.component("md-dialog-prompt",t.extend(_.default)),t.material.styles.push(y.default)}Object.defineProperty(e,"__esModule",{value:!0}),e.default=o;var i=n(263),d=a(i),s=n(266),r=a(s),l=n(265),m=a(l),c=n(264),u=a(c),v=n(267),p=a(v),b=n(268),f=a(b),h=n(269),_=a(h),g=n(190),y=a(g);t.exports=e.default},function(t,e,n){"use strict";function a(t){return t&&t.__esModule?t:{default:t}}function o(t){t.component("md-divider",t.extend(d.default))}Object.defineProperty(e,"__esModule",{value:!0}),e.default=o;var i=n(270),d=a(i);t.exports=e.default},function(t,e,n){"use strict";function a(t){return t&&t.__esModule?t:{default:t}}function o(t){t.component("md-icon",t.extend(d.default)),t.material.styles.push(r.default)}Object.defineProperty(e,"__esModule",{value:!0}),e.default=o;var i=n(271),d=a(i),s=n(191),r=a(s);t.exports=e.default},function(t,e,n){"use strict";function a(t){return t&&t.__esModule?t:{default:t}}function o(t){t.component("md-input-container",d.default),t.component("md-input",r.default),t.component("md-textarea",m.default),t.material.styles.push(u.default)}Object.defineProperty(e,"__esModule",{value:!0}),e.default=o;var i=n(273),d=a(i),s=n(272),r=a(s),l=n(274),m=a(l),c=n(192),u=a(c);t.exports=e.default},function(t,e,n){"use strict";function a(t){return t&&t.__esModule?t:{default:t}}function o(t){t.component("md-layout",t.extend(d.default))}Object.defineProperty(e,"__esModule",{value:!0}),e.default=o;var i=n(275),d=a(i);t.exports=e.default},function(t,e,n){"use strict";function a(t){return t&&t.__esModule?t:{default:t}}function o(t){t.component("md-list",t.extend(d.default)),t.component("md-list-item",t.extend(r.default)),t.component("md-list-expand",t.extend(m.default)),t.material.styles.push(u.default)}Object.defineProperty(e,"__esModule",{value:!0}),e.default=o;var i=n(276),d=a(i),s=n(278),r=a(s),l=n(277),m=a(l),c=n(193),u=a(c);t.exports=e.default},function(t,e,n){"use strict";function a(t){return t&&t.__esModule?t:{default:t}}function o(t){t.component("md-menu",t.extend(d.default)),t.component("md-menu-item",t.extend(r.default)),t.component("md-menu-content",t.extend(m.default)),t.material.styles.push(u.default)}Object.defineProperty(e,"__esModule",{value:!0}),e.default=o;var i=n(279),d=a(i),s=n(281),r=a(s),l=n(280),m=a(l),c=n(194),u=a(c);t.exports=e.default},function(t,e,n){"use strict";function a(t){return t&&t.__esModule?t:{default:t}}function o(t){t.component("md-radio",t.extend(d.default)),t.material.styles.push(r.default)}Object.defineProperty(e,"__esModule",{value:!0}),e.default=o;var i=n(282),d=a(i),s=n(195),r=a(s);t.exports=e.default},function(t,e,n){"use strict";function a(t){return t&&t.__esModule?t:{default:t}}function o(t){t.component("md-select",t.extend(d.default)),t.component("md-option",t.extend(r.default)),t.material.styles.push(m.default)}Object.defineProperty(e,"__esModule",{value:!0}),e.default=o;var i=n(284),d=a(i),s=n(283),r=a(s),l=n(196),m=a(l);t.exports=e.default},function(t,e,n){"use strict";function a(t){return t&&t.__esModule?t:{default:t}}function o(t){t.component("md-sidenav",t.extend(d.default)),t.material.styles.push(r.default)}Object.defineProperty(e,"__esModule",{value:!0}),e.default=o;var i=n(285),d=a(i),s=n(197),r=a(s);t.exports=e.default},function(t,e,n){"use strict";function a(t){return t&&t.__esModule?t:{default:t}}function o(t){t.component("md-spinner",t.extend(d.default)),t.material.styles.push(r.default)}Object.defineProperty(e,"__esModule",{value:!0}),e.default=o;var i=n(286),d=a(i),s=n(198),r=a(s);t.exports=e.default},function(t,e,n){"use strict";function a(t){return t&&t.__esModule?t:{default:t}}function o(t){t.component("md-subheader",t.extend(d.default)),t.material.styles.push(r.default)}Object.defineProperty(e,"__esModule",{value:!0}),e.default=o;var i=n(287),d=a(i),s=n(199),r=a(s);t.exports=e.default},function(t,e,n){"use strict";function a(t){return t&&t.__esModule?t:{default:t}}function o(t){t.component("md-switch",t.extend(d.default)),t.material.styles.push(r.default)}Object.defineProperty(e,"__esModule",{value:!0}),e.default=o;var i=n(288),d=a(i),s=n(200),r=a(s);t.exports=e.default},function(t,e,n){"use strict";function a(t){return t&&t.__esModule?t:{default:t}}function o(t){t.component("md-table",t.extend(d.default)),t.component("md-table-header",{functional:!0,render:function(t,e){return t("thead",{staticClass:"md-table-header"},e.children)}}),t.component("md-table-body",{functional:!0,render:function(t,e){return t("tbody",{staticClass:"md-table-body"},e.children)}}),t.component("md-table-row",t.extend(r.default)),t.component("md-table-head",t.extend(m.default)),t.component("md-table-cell",t.extend(u.default)),t.component("md-table-edit",t.extend(p.default)),t.component("md-table-card",t.extend(f.default)),t.component("md-table-pagination",t.extend(y.default)),t.component("md-table-alternate-header",t.extend(_.default)),t.material.styles.push(C.default)}Object.defineProperty(e,"__esModule",{value:!0}),e.default=o;var i=n(289),d=a(i),s=n(296),r=a(s),l=n(294),m=a(l),c=n(292),u=a(c),v=n(293),p=a(v),b=n(291),f=a(b),h=n(290),_=a(h),g=n(295),y=a(g),x=n(201),C=a(x);t.exports=e.default},function(t,e,n){"use strict";function a(t){return t&&t.__esModule?t:{default:t}}function o(t){t.component("md-tabs",t.extend(d.default)),t.component("md-tab",t.extend(r.default)),t.material.styles.push(m.default)}Object.defineProperty(e,"__esModule",{value:!0}),e.default=o;var i=n(298),d=a(i),s=n(297),r=a(s),l=n(202),m=a(l);t.exports=e.default},function(t,e,n){"use strict";function a(t){return t&&t.__esModule?t:{default:t}}function o(t){t.component("md-toolbar",t.extend(d.default)),t.material.styles.push(r.default)}Object.defineProperty(e,"__esModule",{value:!0}),e.default=o;var i=n(299),d=a(i),s=n(203),r=a(s);t.exports=e.default},function(t,e,n){"use strict";function a(t){return t&&t.__esModule?t:{default:t}}function o(t){t.component("md-tooltip",t.extend(d.default))}Object.defineProperty(e,"__esModule",{value:!0}),e.default=o;var i=n(300),d=a(i);t.exports=e.default},function(t,e,n){"use strict";function a(t){return t&&t.__esModule?t:{default:t}}function o(t){t.component("md-whiteframe",t.extend(d.default))}Object.defineProperty(e,"__esModule",{value:!0}),e.default=o;var i=n(301),d=a(i);t.exports=e.default},function(t,e,n){"use strict";function a(t){var e="md-ink-ripple",n="md-ripple",a="md-active",o=void 0,i=void 0,d=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:i;t.removeEventListener("mousedown",o)},s=function(t,i){i&&!function(){var d=i.querySelector(":scope > ."+e+"> ."+n);d&&(o=function(t){var e=i.getBoundingClientRect();t.stopPropagation(),d.classList.remove(a);var n=t.pageY-e.top-d.offsetHeight/2-document.body.scrollTop,o=t.pageX-e.left-d.offsetWidth/2-document.body.scrollLeft;d.style.top=n+"px",d.style.left=o+"px",d.classList.add(a)},t.removeEventListener("mousedown",o),t.addEventListener("mousedown",o))}()},r=function(t,e,n){return t=document.createElement("div"),t.className=e,n&&(t.style.width=n,t.style.height=n),t},l=function(t){var e=["relative","absolute","fixed"];return e.indexOf(getComputedStyle(t).position)>-1},m=function(t){var e=!1,n=t;if(!t)return!1;if(l(t))return t;for(;!e&&(n=n.parentNode,n&&"body"!==n.tagName.toLowerCase());)n&&l(n)&&(e=n);return e},c=function(t,a){var o=m(t);if(o){var d=o.querySelector(":scope > ."+e+"> ."+n);if(!d){var l=Math.round(Math.max(o.offsetWidth,o.offsetHeight))+"px",c=a||r(d,e),u=r(d,n,l);c.appendChild(u),o.appendChild(c)}o===t&&d||(i=t,s(t,o))}};t.directive("mdInkRipple",function(e,n){t.nextTick(function(){n.value?d(e):c(e)})}),t.component("md-ink-ripple",{props:{mdDisabled:Boolean},render:function(t){return t("div",{staticClass:"md-ink-ripple"})},watch:{mdDisabled:function(){this.mdDisabled?d(this.$el.parentNode):c(this.$el.parentNode,this.$el)}},mounted:function(){this.mdDisabled||c(this.$el.parentNode,this.$el)},destroyed:function(){d(this.$el.parentNode)}})}Object.defineProperty(e,"__esModule",{value:!0}),e.default=a,n(205),n(302),t.exports=e.default},function(t,e,n){"use strict";function a(t){return t&&t.__esModule?t:{default:t}}function o(t){t.material=new t({data:function(){return{styles:[],currentTheme:null}},methods:{registerTheme:function(t,e){var n={};"string"==typeof t?n[t]=e:n=t,h(n,this.styles)},applyCurrentTheme:function(t){document.body.classList.remove("md-theme-"+this.currentTheme),document.body.classList.add("md-theme-"+t),this.currentTheme=t},setCurrentTheme:function(t){p.indexOf(t)>=0?this.applyCurrentTheme(t):(p.indexOf("default")===-1?this.registerTheme("default",u):console.warn("The theme '"+t+"' doesn't exists. You need to register it first in order to use."),this.applyCurrentTheme("default"))}}}),t.component("md-theme",m.default),t.prototype.$material=t.material}Object.defineProperty(e,"__esModule",{value:!0}),e.default=o;var i=n(37),d=a(i),s=n(38),r=a(s),l=n(303),m=a(l),c=["primary","accent","background","warn","hue-1","hue-2","hue-3"],u={primary:"indigo",accent:"pink",background:"grey",warn:"deep-orange"},v=function(t,e){var n=document.head,a="md-theme-"+e,o=n.querySelector("#"+a);if(o)o.textContent=t;else{var i=document.createElement("style");t=t.replace(/THEME_NAME/g,a),i.type="text/css",i.id=a,i.textContent=t,n.appendChild(i)}},p=[],b=function(t,e){return c.forEach(function(n){t=t.replace(RegExp("("+n.toUpperCase()+")-(COLOR|CONTRAST)-?(A?\\d*)-?(\\d*\\.?\\d+)?","g"),function(t,a,o,i,s){var l=void 0,m=0===+i?500:i;if(e[n]?"string"==typeof e[n]?l=d.default[e[n]]:(l=d.default[e[n].color]||d.default[u[n]],m=0===+i?e[n].hue:i):l=d.default[u[n]],"COLOR"===o){var c=d.default[e[n]];return i||c||("accent"===n?m="A200":"background"===n&&(m=50)),s?(0,r.default)(l[m],s):l[m]}return l.darkText.indexOf(m)>=0?s?(0,r.default)("#000",s):"rgba(0, 0, 0, .87)":s?(0,r.default)("#fff",s):"rgba(255, 255, 255, .87)"})}),t},f=function(t,e,n){var a=[];n.forEach(function(e){a.push(b(e,t))}),v(a.join("\n"),e)},h=function(t,e){var n=t?Object.keys(t):[];n.forEach(function(n){f(t[n],n,e),p.push(n)})};t.exports=e.default},function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={red:{50:"#ffebee",100:"#ffcdd2",200:"#ef9a9a",300:"#e57373",400:"#ef5350",500:"#f44336",600:"#e53935",700:"#d32f2f",800:"#c62828",900:"#b71c1c",A100:"#ff8a80",A200:"#ff5252",A400:"#ff1744",A700:"#d50000",darkText:[50,100,200,300,"A100"]},pink:{50:"#fce4ec",100:"#f8bbd0",200:"#f48fb1",300:"#f06292",400:"#ec407a",500:"#e91e63",600:"#d81b60",700:"#c2185b",800:"#ad1457",900:"#880e4f",A100:"#ff80ab",A200:"#ff4081",A400:"#f50057",A700:"#c51162",darkText:[50,100,200,"A100"]},purple:{50:"#f3e5f5",100:"#e1bee7",200:"#ce93d8",300:"#ba68c8",400:"#ab47bc",500:"#9c27b0",600:"#8e24aa",700:"#7b1fa2",800:"#6a1b9a",900:"#4a148c",A100:"#ea80fc",A200:"#e040fb",A400:"#d500f9",A700:"#aa00ff",darkText:[50,100,200,"A100"]},"deep-purple":{50:"#ede7f6",100:"#d1c4e9",200:"#b39ddb",300:"#9575cd",400:"#7e57c2",500:"#673ab7",600:"#5e35b1",700:"#512da8",800:"#4527a0",900:"#311b92",A100:"#b388ff",A200:"#7c4dff",A400:"#651fff",A700:"#6200ea",darkText:[50,100,200,"A100"]},indigo:{50:"#e8eaf6",100:"#c5cae9",200:"#9fa8da",300:"#7986cb",400:"#5c6bc0",500:"#3f51b5",600:"#3949ab",700:"#303f9f",800:"#283593",900:"#1a237e",A100:"#8c9eff",A200:"#536dfe",A400:"#3d5afe",A700:"#304ffe",darkText:[50,100,200,"A100"]},blue:{50:"#e3f2fd",100:"#bbdefb",200:"#90caf9",300:"#64b5f6",400:"#42a5f5",500:"#2196f3",600:"#1e88e5",700:"#1976d2",800:"#1565c0",900:"#0d47a1",A100:"#82b1ff",A200:"#448aff",A400:"#2979ff",A700:"#2962ff",darkText:[50,100,200,300,400,"A100"]},"light-blue":{50:"#e1f5fe",100:"#b3e5fc",200:"#81d4fa",300:"#4fc3f7",400:"#29b6f6",500:"#03a9f4",600:"#039be5",700:"#0288d1",800:"#0277bd",900:"#01579b",A100:"#80d8ff",A200:"#40c4ff",A400:"#00b0ff",A700:"#0091ea",darkText:[50,100,200,300,400,500,"A100","A200","A300"]},cyan:{50:"#e0f7fa",100:"#b2ebf2",200:"#80deea",300:"#4dd0e1",400:"#26c6da",500:"#00bcd4",600:"#00acc1",700:"#0097a7",800:"#00838f",900:"#006064",A100:"#84ffff",A200:"#18ffff",A400:"#00e5ff",A700:"#00b8d4",darkText:[50,100,200,300,400,500,600,"A100","A200","A300","A400"]},teal:{50:"#e0f2f1",100:"#b2dfdb",200:"#80cbc4",300:"#4db6ac",400:"#26a69a",500:"#009688",600:"#00897b",700:"#00796b",800:"#00695c",900:"#004d40",A100:"#a7ffeb",A200:"#64ffda",A400:"#1de9b6",A700:"#00bfa5",darkText:[50,100,200,300,400,"A100","A200","A300","A400"]},green:{50:"#e8f5e9",100:"#c8e6c9",200:"#a5d6a7",300:"#81c784",400:"#66bb6a",500:"#4caf50",600:"#43a047",700:"#388e3c",800:"#2e7d32",900:"#1b5e20",A100:"#b9f6ca",A200:"#69f0ae",A400:"#00e676",A700:"#00c853",darkText:[50,100,200,300,400,500,"A100","A200","A300","A400"]},"light-green":{50:"#f1f8e9",100:"#dcedc8",200:"#c5e1a5",300:"#aed581",400:"#9ccc65",500:"#8bc34a",600:"#7cb342",700:"#689f38",800:"#558b2f",900:"#33691e",A100:"#ccff90",A200:"#b2ff59",A400:"#76ff03",A700:"#64dd17",darkText:[50,100,200,300,400,500,600,"A100","A200","A300","A400"]},lime:{50:"#f9fbe7",100:"#f0f4c3",200:"#e6ee9c",300:"#dce775",400:"#d4e157",500:"#cddc39",600:"#c0ca33",700:"#afb42b",800:"#9e9d24",900:"#827717",A100:"#f4ff81",A200:"#eeff41",A400:"#c6ff00",A700:"#aeea00",darkText:[50,100,200,300,400,500,600,700,800,"A100","A200","A300","A400"]},yellow:{50:"#fffde7",100:"#fff9c4",200:"#fff59d",300:"#fff176",400:"#ffee58",500:"#ffeb3b",600:"#fdd835",700:"#fbc02d",800:"#f9a825",900:"#f57f17",A100:"#ffff8d",A200:"#ffff00",A400:"#ffea00",A700:"#ffd600",darkText:[50,100,200,300,400,500,600,700,800,900,"A100","A200","A300","A400"]},amber:{50:"#fff8e1",100:"#ffecb3",200:"#ffe082",300:"#ffd54f",400:"#ffca28",500:"#ffc107",600:"#ffb300",700:"#ffa000",800:"#ff8f00",900:"#ff6f00",A100:"#ffe57f",A200:"#ffd740",A400:"#ffc400",A700:"#ffab00",darkText:[50,100,200,300,400,500,600,700,800,900,"A100","A200","A300","A400"]},orange:{50:"#fff3e0",100:"#ffe0b2",200:"#ffcc80",300:"#ffb74d",400:"#ffa726",500:"#ff9800",600:"#fb8c00",700:"#f57c00",800:"#ef6c00",900:"#e65100",A100:"#ffd180",A200:"#ffab40",A400:"#ff9100",A700:"#ff6d00",darkText:[50,100,200,300,400,500,600,700,"A100","A200","A300","A400"]},"deep-orange":{50:"#fbe9e7",100:"#ffccbc",200:"#ffab91",300:"#ff8a65",400:"#ff7043",500:"#ff5722",600:"#f4511e",700:"#e64a19",800:"#d84315",900:"#bf360c",A100:"#ff9e80",A200:"#ff6e40",A400:"#ff3d00",A700:"#dd2c00",darkText:[50,100,200,300,400,"A100","A200"]},brown:{50:"#efebe9",100:"#d7ccc8",200:"#bcaaa4",300:"#a1887f",400:"#8d6e63",500:"#795548",600:"#6d4c41",700:"#5d4037",800:"#4e342e",900:"#3e2723",A100:"#d7ccc8",A200:"#bcaaa4",A400:"#8d6e63",A700:"#5d4037",darkText:[50,100,200,"A100","A200","A300","A400"]},grey:{50:"#fafafa",100:"#f5f5f5",200:"#eeeeee",300:"#e0e0e0",400:"#bdbdbd",500:"#9e9e9e",600:"#757575",700:"#616161",800:"#424242",900:"#212121",A100:"#fff",A200:"#000000",A400:"#303030",A700:"#616161",darkText:[50,100,200,300,400,500,"A100"]},"blue-grey":{50:"#eceff1",100:"#cfd8dc",200:"#b0bec5",300:"#90a4ae",400:"#78909c",500:"#607d8b",600:"#546e7a",700:"#455a64",800:"#37474f",900:"#263238",A100:"#cfd8dc",A200:"#b0bec5",A400:"#78909c",A700:"#455a64",darkText:[50,100,200,300,"A100","A200","A300","A400"]},white:{50:"#fff",100:"#fff",200:"#fff",300:"#fff",400:"#fff",500:"#fff",600:"#fff",700:"#fff",800:"#fff",900:"#fff",A100:"#fff",A200:"#fff",A400:"#fff",A700:"#fff",darkText:[50,100,200,300,400,500,600,700,800,900,"A100","A200","A300","A400"]},black:{50:"#000",100:"#000",200:"#000",300:"#000",400:"#000",500:"#000",600:"#000",700:"#000",800:"#000",900:"#000",A100:"#000",A200:"#000",A400:"#000",A700:"#000",darkText:[]}},t.exports=e.default},function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default=function(t,e){var n="",a="",o="",i=t.toString().match(/^#?(([0-9a-zA-Z]{3}){1,3})$/);if(!i)throw new Error("Invalid color"+t);if(t=i[1],6===t.length)n=parseInt(t.substring(0,2),16),a=parseInt(t.substring(2,4),16),o=parseInt(t.substring(4,6),16);else if(3===t.length){var d=t.substring(0,1),s=t.substring(1,2),r=t.substring(2,3);n=parseInt(d+d,16),a=parseInt(s+s,16),o=parseInt(r+r,16)}return e?(e>1&&(e/=100),"rgba("+n+", "+a+", "+o+", "+e+")"):"rgb("+n+", "+a+", "+o+")"},t.exports=e.default},function(t,e,n){"use strict";function a(t){return t&&t.__esModule?t:{default:t}}function o(t){return o.installed?void console.warn("Vue Material is already installed."):(o.installed=!0,t.use(d.default),t.use(r.default),void t.material.styles.push(m.default))}Object.defineProperty(e,"__esModule",{value:!0}),e.default=o;var i=n(36),d=a(i),s=n(35),r=a(s),l=n(204),m=a(l);n(396),t.exports=e.default},function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var n=8,a=function(t,e){return e.top<=n-parseInt(getComputedStyle(t).marginTop,10)},o=function(t,e){return e.top+t.offsetHeight+n>=window.innerHeight-parseInt(getComputedStyle(t).marginTop,10)},i=function(t,e){return e.left<=n-parseInt(getComputedStyle(t).marginLeft,10)},d=function(t,e){return e.left+t.offsetWidth+n>=window.innerWidth-parseInt(getComputedStyle(t).marginLeft,10)},s=function(t,e){var s=getComputedStyle(t);return a(t,e)&&(e.top=n-parseInt(s.marginTop,10)),i(t,e)&&(e.left=n-parseInt(s.marginLeft,10)),d(t,e)&&(e.left=window.innerWidth-n-t.offsetWidth-parseInt(s.marginLeft,10)),o(t,e)&&(e.top=window.innerHeight-n-t.offsetHeight-parseInt(s.marginTop,10)),e};e.default=s,t.exports=e.default},function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var n=function(){return Math.random().toString(36).slice(4)};e.default=n,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(39),i=a(o),d=n(10),s=a(d),r=n(11),l=a(r),m=n(12),c=a(m),u=n(13),v=a(u),p=n(14),b=a(p),f=n(15),h=a(f),_=n(16),g=a(_),y=n(17),x=a(y),C=n(18),w=a(C),k=n(19),E=a(k),T=n(20),M=a(T),A=n(21),R=a(A),O=n(22),S=a(O),N=n(23),P=a(N),D=n(24),I=a(D),$=n(25),L=a($),j=n(26),F=a(j),B=n(27),H=a(B),q=n(28),z=a(q),V=n(29),U=a(V),W=n(30),G=a(W),Y=n(31),K=a(Y),J=n(32),X=a(J),Q=n(33),Z=a(Q),tt=n(34),et=a(tt),nt={MdCore:i.default,MdAvatar:s.default,MdBackdrop:l.default,MdBottomBar:c.default,MdButton:v.default,MdButtonToggle:b.default,MdCard:h.default,MdCheckbox:g.default,MdDialog:x.default,MdDivider:w.default,MdIcon:E.default,MdInputContainer:M.default,MdLayout:R.default,MdList:S.default,MdMenu:P.default,MdRadio:I.default,MdSelect:L.default,MdSidenav:F.default,MdSpinner:H.default,MdSubheader:z.default,MdSwitch:U.default,MdTable:G.default,MdTabs:K.default,MdToolbar:X.default,MdTooltip:Z.default,MdWhiteframe:et.default};nt.install=function(t){for(var e in nt){var n=nt[e];n&&"install"!==e&&t.use(n)}},window.VueMaterial=nt,e.default=nt,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(4),i=a(o);e.default={data:function(){return{toolbar:!0,theme:"default",pageTitle:""}},computed:{logo:function(){return"assets/logo-vue-material-"+i.default.material.currentTheme+".png"}},methods:{toggleSidenav:function(){this.$refs["main-sidebar"].toggle()},closeSidenav:function(){this.$refs["main-sidebar"].close()}}},t.exports=e.default},function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={props:{name:String},computed:{slotNames:function(){return Object.keys(this.$slots)}}},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(179),i=a(o),d=n(182),s=a(d),r=n(183),l=a(r),m=n(181),c=a(m),u=n(180),v=a(u),p=n(110),b=a(p),f=n(2),h=a(f);i.default.registerLanguage("scss",s.default),i.default.registerLanguage("xml",l.default),i.default.registerLanguage("javascript",c.default),i.default.registerLanguage("bash",v.default),e.default={props:{lang:String,height:{type:[Number,String],default:"450px"}},data:function(){return{showMessage:!1}},methods:{enableCopy:function(){var t=this,e=new b.default(this.$refs.copy.$el,{target:function(){return t.$refs.block}});e.on("success",function(e){e.clearSelection(),t.showMessage=!0,window.setTimeout(function(){t.showMessage=!1},2e3)})},reindent:function(){var t=this.$refs.block,e=t.textContent.split("\n"),n=void 0;""===e[0]&&e.shift();var a=null!==(n=/^[\s\t]+/.exec(e[0]))?n[0]:null;a&&(e=e.map(function(t){return t=t.replace(a,""),t.replace(/\t/g,"  ")}),t.textContent=e.join("\n").trim())}},mounted:function(){this.exampleBoxParent=(0,h.default)(this.$parent,"example-box"),this.reindent(),this.enableCopy(),this.exampleBoxParent&&this.exampleBoxParent.codeBlocks.push({lang:this.lang,code:this.$refs.block.innerHTML}),i.default.highlightBlock(this.$refs.block)}},t.exports=e.default},function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={props:{cardTitle:String},data:function(){return{codeBlocks:[],codeString:""}},methods:{editOnCodepen:function(){var t=this,e={title:"Vue Material - "+this.cardTitle,private:!1,head:'<meta name="viewport" content="width=device-width">',html_pre_processor:"none",js_pre_processor:"none",js:this.$refs.initialJs.innerHTML,css_pre_processor:"scss",css_starter:"neither",css_prefix_free:!1,css_external:["http://fonts.googleapis.com/css?family=Roboto:300,400,500,700,400italic","http://fonts.googleapis.com/icon?family=Material+Icons","https://cdn.rawgit.com/marcosmoura/vue-material/master/dist/vue-material.css"].join(";"),js_external:["https://cdnjs.cloudflare.com/ajax/libs/vue/2.1.3/vue.min.js","https://cdn.rawgit.com/marcosmoura/vue-material/master/dist/vue-material.js"].join(";")};this.codeBlocks.forEach(function(n){
+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.toggle()},closeRightSidenav:function(){this.$refs.rightSidenav.close()},open:function(t){console.log("Opened: "+t)},close: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{progress:0,progressInterval:null,done:!1,transition:!0}},methods:{startProgress:function(){var t=this;this.progressInterval=window.setInterval(function(){t.progress+=3,t.progress>115&&(t.done=!0,window.clearInterval(t.progressInterval),window.setTimeout(function(){t.done=!1},3e3))},100)},restartProgress:function(){var t=this;this.progress=0,this.transition=!1,this.done=!1,window.clearInterval(this.progressInterval),window.setTimeout(function(){t.transition=!0,t.startProgress()},600)}},mounted:function(){this.startProgress()}},t.exports=e.default},function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={data:function(){return{checked0:!0,checked1:!0,checked2:!0,checked3:!0,checked4:!0,checked5:!0,checked6:!0,checked7:!0,checked8:!0,checked9:!0,checked10:!0}},methods:{submit:function(){alert("This switch submits the form")}}},t.exports=e.default},function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={data:function(){return{nutrition:[{dessert:"Frozen yogurt",type:"ice_cream",calories:"159",fat:"6.0",comment:"Icy"},{dessert:"Ice cream sandwich",type:"ice_cream",calories:"237",fat:"9.0",comment:"Super Tasty"},{dessert:"Eclair",type:"pastry",calories:"262",fat:"16.0",comment:""},{dessert:"Cupcake",type:"pastry",calories:"305",fat:"3.7",comment:""},{dessert:"Gingerbread",type:"other",calories:"356",fat:"16.0",comment:""}],selectedData:[],sort:{},page:{}}},methods:{onSelect:function(t){this.selectedData=t,this.$forceUpdate()},onSort:function(t){this.sort=t},onPagination:function(t){this.page=t}}},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={mixins:[i.default]},t.exports=e.default},function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={methods:{close:function(){this.$emit("close")}}},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:{mdShift:Boolean},mixins:[i.default],computed:{classes:function(){return this.mdShift?"md-shift":"md-fixed"}}},t.exports=e.default},function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={props:{mdIcon:String,mdActive:Boolean,href:String},data:function(){return{active:!1}},computed:{classes:function(){return{"md-active":this.active}}},watch:{mdActive:function(t){this.setActive(t)}},methods:{setActive:function(t){this.$parent.$children.forEach(function(t){t.active=!1}),this.active=!!t}},mounted:function(){if(!this.$parent.$el.classList.contains("md-bottom-bar"))throw this.$destroy(),new Error("You should wrap the md-bottom-bar-item in a md-bottom-bar");this.mdActive&&(this.active=!0)}},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:{href:String,target:String,rel:String,type:{type:String,default:"button"},disabled:Boolean},mixins:[i.default],computed:{newRel:function(){return"_blank"===this.target?this.rel||"noopener":this.rel}}},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),d=void 0;e.default={props:{mdSingle:Boolean},mixins:[i.default],mounted:function(){var t=this;this.$children.forEach(function(e){var n=e.$el,a="md-toggle";d=function(){t.mdSingle?(t.$children.forEach(function(t){t.$el.classList.remove(a)}),n.classList.add(a)):n.classList.toggle(a)},n&&n.classList.contains("md-button")&&n.addEventListener("click",d)})},beforeDestroy:function(){this.$children.forEach(function(t){var e=t.$el;e&&e.classList.contains("md-button")&&e.removeEventListener("click",d)})}},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:{mdWithHover:Boolean},mixins:[i.default],computed:{classes:function(){return{"md-with-hover":this.mdWithHover}}}},t.exports=e.default},function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={props:{mdInset:Boolean},computed:{classes:function(){return{"md-inset":this.mdInset}}}},t.exports=e.default},function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={methods:{setContentMargin:function(){this.content.style.marginTop=-this.content.offsetHeight+"px"},toggle:function(){this.$refs.expand.classList.toggle("md-active")},onWindowResize:function(){window.requestAnimationFrame(this.setContentMargin)}},mounted:function(){this.trigger=this.$el.querySelector("[md-expand-trigger]"),this.content=this.$el.querySelector(".md-card-content"),this.content&&(this.setContentMargin(),this.trigger.addEventListener("click",this.toggle),window.addEventListener("resize",this.onWindowResize))},destroyed:function(){this.content&&(this.trigger.removeEventListener("click",this.toggle),window.removeEventListener("resize",this.onWindowResize))}},t.exports=e.default},function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={mounted:function(){this.parentClasses=this.$parent.$el.classList,this.parentClasses.contains("md-card-header")&&(this.insideParent=!0,this.parentClasses.add("md-card-header-flex"))},destroyed:function(){this.parentClasses.remove("md-card-header-flex")}},t.exports=e.default},function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={props:{mdRatio:String,mdMedium:Boolean,mdBig:Boolean},computed:{classes:function t(){var t={"md-16-9":"16:9"===this.mdRatio||"16/9"===this.mdRatio,"md-4-3":"4:3"===this.mdRatio||"4/3"===this.mdRatio,"md-1-1":"1:1"===this.mdRatio||"1/1"===this.mdRatio};return(this.mdMedium||this.mdBig)&&(t={"md-medium":this.mdMedium,"md-big":this.mdBig}),t}}},t.exports=e.default},function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var n=function(t,e){var n=document.createElement("canvas");t.onload=function(){var t=0,a=void 0,o=void 0,i=void 0,d=void 0,s=void 0,r=void 0,l=void 0;n.width=this.width,n.height=this.height,a=n.getContext("2d"),a.drawImage(this,0,0),o=a.getImageData(0,0,n.width,n.height),i=o.data;for(var m=0,c=i.length;m<c;m+=4)d=i[m],s=i[m+1],r=i[m+2],l=Math.floor((d+s+r)/3),t+=l;e(Math.floor(t/(this.width*this.height)))}};e.default={props:{mdTextScrim:Boolean,mdSolid:Boolean},data:function(){return{backdropBg:{}}},computed:{classes:function(){return{"md-text-scrim":this.mdTextScrim,"md-solid":this.mdSolid}},styles:function(){return{background:this.backdropBg}}},methods:{applyScrimColor:function(t){this.$refs.backdrop&&(this.backdropBg="linear-gradient(to bottom, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, "+t/2+") 66%, rgba(0, 0, 0, "+t+") 100%)")},applySolidColor:function(t){var e=this.$el.querySelector(".md-card-area");e&&(e.style.background="rgba(0, 0, 0, "+t+")")}},mounted:function(){var t=this,e=this.$el.querySelector("img");e&&(this.mdTextScrim||this.mdSolid)&&n(e,function(e){var n=256,a=(100*Math.abs(n-e)/n+15)/100;a>=.7&&(a=.7),t.mdTextScrim?t.applyScrimColor(a):t.mdSolid&&t.applySolidColor(a)})}},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:{name:String,value:[String,Boolean],id:String,disabled:Boolean},mixins:[i.default],data:function(){return{checked:this.value}},computed:{classes:function(){return{"md-checked":Boolean(this.checked),"md-disabled":this.disabled}}},watch:{value:function(){this.checked=this.value}},methods:{toggleCheck:function(t){this.disabled||(this.checked=!this.checked,this.$emit("change",this.checked,t),this.$emit("input",this.checked,t))}}},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),d=n(3),s=a(d);e.default={props:{mdClickOutsideToClose:{type:Boolean,default:!0},mdEscToClose:{type:Boolean,default:!0},mdBackdrop:{type:Boolean,default:!0},mdOpenFrom:String,mdCloseTo:String,mdFullscreen:{type:Boolean,default:!1}},mixins:[i.default],data:function(){return{active:!1,transitionOff:!1,dialogTransform:""}},computed:{classes:function(){return{"md-active":this.active}},dialogClasses:function(){return{"md-fullscreen":this.mdFullscreen,"md-transition-off":this.transitionOff,"md-reference":this.mdOpenFrom||this.mdCloseTo}},styles:function(){return{transform:this.dialogTransform}}},methods:{removeDialog:function(){this.rootElement.contains(this.dialogElement)&&this.$el.parentNode.removeChild(this.$el)},calculateDialogPos:function(t){var e=document.querySelector(t);if(e){var n=e.getBoundingClientRect(),a=this.dialogInnerElement.getBoundingClientRect(),o=n.width/a.width,i=n.height/a.height,d={top:-(a.top-n.top),left:-(a.left-n.left+n.width)};n.top>a.top+a.height&&(d.top=n.top-a.top),n.left>a.left+a.width&&(d.left=n.left-a.left-n.width),this.dialogTransform="translate3D("+d.left+"px, "+d.top+"px, 0) scale("+o+", "+i+")"}},open:function(){var t=this;this.rootElement.appendChild(this.dialogElement),this.transitionOff=!0,this.calculateDialogPos(this.mdOpenFrom),window.setTimeout(function(){t.dialogElement.focus(),t.transitionOff=!1,t.active=!0}),this.$emit("open")},closeOnEsc:function(){this.mdEscToClose&&this.close()},close:function(){var t=this;this.rootElement.contains(this.dialogElement)&&this.$nextTick(function(){var e=function e(){var n=t.dialogElement.querySelector(".md-ripple.md-active");n&&n.classList.remove("md-active"),t.dialogInnerElement.removeEventListener(s.default,e),t.rootElement.removeChild(t.dialogElement),t.dialogTransform=""};t.transitionOff=!0,t.dialogTransform="",t.calculateDialogPos(t.mdCloseTo),window.setTimeout(function(){t.transitionOff=!1,t.active=!1,t.dialogInnerElement.addEventListener(s.default,e)}),t.$emit("close")})}},mounted:function(){var t=this;this.$nextTick(function(){t.rootElement=t.$root.$el,t.dialogElement=t.$el,t.dialogInnerElement=t.$refs.dialog,t.removeDialog()})},beforeDestroy:function(){this.removeDialog()}},t.exports=e.default},function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={props:{mdTitle:String,mdContent:String,mdContentHtml:String,mdOkText:{type:String,default:"Ok"}},data:function(){return{debounce:!1}},methods:{fireCloseEvent:function(){this.debounce||this.$emit("close")},open:function(){this.$emit("open"),this.debounce=!1,this.$refs.dialog.open()},close:function(){this.fireCloseEvent(),this.debounce=!0,this.$refs.dialog.close()}},mounted:function(){if(!this.mdContent&&!this.mdContentHtml)throw new Error("Missing md-content or md-content-html attributes")}},t.exports=e.default},function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={props:{mdTitle:String,mdContent:String,mdContentHtml:String,mdOkText:{type:String,default:"Ok"},mdCancelText:{type:String,default:"Cancel"}},data:function(){return{debounce:!1}},methods:{fireCloseEvent:function(t){this.debounce||this.$emit("close",t)},open:function(){this.$emit("open"),this.debounce=!1,this.$refs.dialog.open()},close:function(t){this.fireCloseEvent(t),this.debounce=!0,this.$refs.dialog.close()}},mounted:function(){if(!this.mdContent&&!this.mdContentHtml)throw new Error("Missing md-content or md-content-html attributes")}},t.exports=e.default},function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={props:{value:{type:[String,Number],required:!0},mdTitle:String,mdContent:String,mdContentHtml:String,mdOkText:{type:String,default:"Ok"},mdCancelText:{type:String,default:"Cancel"},mdInputId:String,mdInputName:String,mdInputMaxlength:[String,Number],mdInputPlaceholder:String},data:function(){return{debounce:!1}},methods:{fireCloseEvent:function(t){this.debounce||this.$emit("close",t)},open:function(){var t=this;this.$emit("open"),this.debounce=!1,this.$refs.dialog.open(),window.setTimeout(function(){t.$refs.input.$el.focus()})},close:function(t){this.fireCloseEvent(t),this.debounce=!0,this.$refs.dialog.close()},confirmValue:function(){this.$emit("input",this.$refs.input.$el.value),this.close("ok")}}},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={mixins:[i.default]},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(5),i=a(o),d=n(2),s=a(d);e.default={mixins:[i.default],props:{type:{type:String,default:"text"}},mounted:function(){if(this.parentContainer=(0,s.default)(this.$parent,"md-input-container"),!this.parentContainer)throw this.$destroy(),new Error("You should wrap the md-input in a md-input-container");this.setParentDisabled(),this.setParentRequired(),this.setParentPlaceholder(),this.setParentValue(),this.handleMaxLength()}},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),d=n(6),s=a(d);e.default={props:{mdInline:Boolean,mdHasPassword:Boolean},mixins:[i.default],data:function(){return{value:"",input:!1,showPassword:!1,enableCounter:!1,hasSelect:!1,hasPlaceholder:!1,isDisabled:!1,isRequired:!1,isFocused:!1,counterLength:0,inputLength:0}},computed:{hasValue:function(){return(0,s.default)(this.value)?this.value.length>0:Boolean(this.value)},classes:function(){return{"md-input-inline":this.mdInline,"md-has-password":this.mdHasPassword,"md-has-select":this.hasSelect,"md-has-value":this.hasValue,"md-input-placeholder":this.hasPlaceholder,"md-input-disabled":this.isDisabled,"md-input-required":this.isRequired,"md-input-focused":this.isFocused}}},methods:{isInput:function(){return this.input&&"input"===this.input.tagName.toLowerCase()},togglePasswordType:function(){this.isInput()&&("password"===this.input.type?(this.input.type="text",this.showPassword=!0):(this.input.type="password",this.showPassword=!1),this.input.focus())},setValue:function(t){this.value=t}},mounted:function(){if(this.input=this.$el.querySelectorAll("input, textarea, select")[0],!this.input)throw this.$destroy(),new Error("Missing input/select/textarea inside md-input-container")}},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(7),i=a(o),d=n(5),s=a(d),r=n(2),l=a(r);e.default={mixins:[s.default],watch:{value:function(){var t=this;this.$nextTick(function(){i.default.update(t.$el)})}},mounted:function(){if(this.parentContainer=(0,l.default)(this.$parent,"md-input-container"),!this.parentContainer)throw this.$destroy(),new Error("You should wrap the md-textarea in a md-input-container");this.setParentDisabled(),this.setParentRequired(),this.setParentPlaceholder(),this.setParentValue(),this.handleMaxLength(),this.$el.getAttribute("rows")||this.$el.setAttribute("rows","1"),(0,i.default)(this.$el)},beforeDestroy:function(){i.default.destroy(this.$el)}},t.exports=e.default},function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={props:{mdTag:{type:String,default:"div"},mdRow:Boolean,mdRowXsmall:Boolean,mdRowSmall:Boolean,mdRowMedium:Boolean,mdRowLarge:Boolean,mdRowXlarge:Boolean,mdColumn:Boolean,mdColumnXsmall:Boolean,mdColumnSmall:Boolean,mdColumnMedium:Boolean,mdColumnLarge:Boolean,mdColumnXlarge:Boolean,mdHideXsmall:Boolean,mdHideSmall:Boolean,mdHideMedium:Boolean,mdHideLarge:Boolean,mdHideXlarge:Boolean,mdGutter:[String,Number,Boolean],mdFlex:[String,Number,Boolean],mdFlexXsmall:[String,Number,Boolean],mdFlexSmall:[String,Number,Boolean],mdFlexMedium:[String,Number,Boolean],mdFlexLarge:[String,Number,Boolean],mdFlexXlarge:[String,Number,Boolean],mdFlexOffset:[String,Number]},computed:{classes:function t(){var t={"md-row":this.mdRow,"md-row-xsmall":this.mdRowXsmall,"md-row-small":this.mdRowSmall,"md-row-medium":this.mdRowMedium,"md-row-large":this.mdRowLarge,"md-row-xlarge":this.mdRowXlarge,"md-column":this.mdColumn,"md-column-xsmall":this.mdColumnXsmall,"md-column-small":this.mdColumnSmall,"md-column-medium":this.mdColumnMedium,"md-column-large":this.mdColumnLarge,"md-column-xlarge":this.mdColumnXlarge,"md-hide-xsmall":this.mdHideXsmall,"md-hide-small":this.mdHideSmall,"md-hide-medium":this.mdHideMedium,"md-hide-large":this.mdHideLarge,"md-hide-xlarge":this.mdHideXlarge};return this.mdGutter&&("boolean"==typeof this.mdGutter?t["md-gutter"]=!0:this.mdGutter&&(t["md-gutter-"+this.mdGutter]=!0)),this.mdFlexOffset&&(t["md-flex-offset-"+this.mdFlexOffset]=!0),this.generateFlexClasses("","mdFlex",t),this.generateFlexClasses("xsmall","mdFlexXsmall",t),this.generateFlexClasses("small","mdFlexSmall",t),this.generateFlexClasses("medium","mdFlexMedium",t),this.generateFlexClasses("large","mdFlexLarge",t),this.generateFlexClasses("xlarge","mdFlexXlarge",t),t}},methods:{generateFlexClasses:function(t,e,n){t&&(t="-"+t),this[e]&&("boolean"==typeof this[e]?n["md-flex"+t]=!0:n["md-flex"+t+"-"+this[e]]=!0)}},render:function(t){return t(this.mdTag,{staticClass:"md-layout",class:this.classes},this.$slots.default)}},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={mixins:[i.default]},t.exports=e.default},function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={data:function(){return{height:0,contentObserver:null,transitionOff:!0}},computed:{classes:function(){return{"md-transition-off":this.transitionOff}}},methods:{calculatePadding:function(){var t=this;this.height=-this.$el.offsetHeight+"px",window.setTimeout(function(){t.transitionOff=!1})},recalculateAfterChildChange:function(){this.transitionOff=!0,this.calculatePadding()},observeChildChanges:function(){this.contentObserver=new MutationObserver(this.recalculateAfterChildChange),this.contentObserver.observe(this.$refs.expand,{childList:!0,characterData:!0,subtree:!0})}},mounted:function(){this.calculatePadding(),this.observeChildChanges()},beforeDestroy:function(){this.contentObserver&&this.contentObserver.disconnect()}},t.exports=e.default},function(t,e){"use strict";function n(t){if(Array.isArray(t)){for(var e=0,n=Array(t.length);e<t.length;e++)n[e]=t[e];return n}return Array.from(t)}Object.defineProperty(e,"__esModule",{value:!0}),e.default={props:{href:String,target:String,disabled:Boolean},render:function(t){var e=this,a="md-button md-list-item-container",o="md-list-item-holder",i=this.$slots.default,d=i[0].componentOptions,s=void 0,r=void 0,l={staticClass:"md-list-item",on:{click:function(t){e.$emit("click",t)}}},m=function(e){return t("div",{staticClass:o},e)},c=function(){return t("md-ink-ripple")},u=function(){return i[0].data.staticClass=a+" "+o,t("li",l,[].concat(n(i),[c()]))},v=function(){i.some(function(t,e){if(t.componentOptions&&"md-list-expand"===t.componentOptions.tag)return s=t,r=e,!0})},p=function(){return t("md-icon",{staticClass:"md-list-expand-indicator"},"keyboard_arrow_down")},b=function(t){t.$children.some(function(t){t.$el.classList.contains("md-list-expand")&&t.calculatePadding()})},f=function(t){var e=void 0;t.$parent.$children.some(function(t){var n=t.$el.classList;if(n.contains("md-list-item-expand")&&n.contains("md-active"))return e=t,n.remove("md-active"),b(t),!0}),e&&t.$el===e.$el||t.$el.classList.add("md-active")},h=function(){return i.splice(r,1),i.push(p()),t("button",{staticClass:a,on:{click:function(){f(e),e.$emit("click")}}},[m(i),c()])},_=function(){return l.staticClass+=" md-list-item-expand",t("li",l,[h(),s])};if(d&&"router-link"===d.tag)return u();if(v(),s)return _();var g=t("md-button",{staticClass:a,attrs:{target:this.target,href:this.href,disabled:this.disabled}},[m(i)]);return this.target&&(g.data.attrs.rel="noopener"),t("li",l,[g])}},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(3),i=a(o),d=n(40),s=a(d);e.default={props:{mdSize:{type:[Number,String],default:0},mdDirection:{type:String,default:"bottom right"},mdAlignTrigger:{type:Boolean,default:!1},mdOffsetX:{type:[Number,String],default:0},mdOffsetY:{type:[Number,String],default:0},mdCloseOnSelect:{type:Boolean,default:!0}},data:function(){return{active:!1}},watch:{mdSize:function(t,e){t>=1&&t<=7&&(this.removeLastSizeMenuContentClass(e),this.addNewSizeMenuContentClass(t))},mdDirection:function(t,e){this.removeLastDirectionMenuContentClass(e),this.addNewDirectionMenuContentClass(t)},mdAlignTrigger:function(t){this.handleAlignTriggerClass(t)}},methods:{validateMenu:function(){if(!this.menuContent)throw this.$destroy(),new Error("You must have a md-menu-content inside your menu.");if(!this.menuTrigger)throw this.$destroy(),new Error("You must have an element with a md-menu-trigger attribute inside your menu.")},removeLastSizeMenuContentClass:function(t){this.menuContent.classList.remove("md-size-"+t)},removeLastDirectionMenuContentClass:function(t){this.menuContent.classList.remove("md-direction-"+t.replace(/ /g,"-"))},addNewSizeMenuContentClass:function(t){this.menuContent.classList.add("md-size-"+t)},addNewDirectionMenuContentClass:function(t){this.menuContent.classList.add("md-direction-"+t.replace(/ /g,"-"))},handleAlignTriggerClass:function(t){t&&this.menuContent.classList.add("md-align-trigger")},getPosition:function(t,e){var n=this.menuTrigger.getBoundingClientRect(),a="top"===t?n.top+n.height-this.menuContent.offsetHeight:n.top,o="left"===e?n.left-this.menuContent.offsetWidth+n.width:n.left;return a+=parseInt(this.mdOffsetY,10),o+=parseInt(this.mdOffsetX,10),this.mdAlignTrigger&&("top"===t?a-=n.height:a+=n.height),{top:a,left:o}},calculateMenuContentPos:function(){var t=void 0;t=this.mdDirection?this.getPosition.apply(this,this.mdDirection.trim().split(" ")):this.getPosition("bottom","right"),t=(0,s.default)(this.menuContent,t),this.menuContent.style.top=t.top+window.pageYOffset+"px",this.menuContent.style.left=t.left+window.pageXOffset+"px"},recalculateOnResize:function(){window.requestAnimationFrame(this.calculateMenuContentPos)},open:function(){this.rootElement.contains(this.menuContent)&&this.rootElement.removeChild(this.menuContent),this.rootElement.appendChild(this.menuContent),this.rootElement.appendChild(this.backdropElement),window.addEventListener("resize",this.recalculateOnResize),this.calculateMenuContentPos(),getComputedStyle(this.menuContent).top,this.menuContent.classList.add("md-active"),this.menuContent.focus(),this.active=!0,this.$emit("open")},close:function t(){var e=this,t=function t(n){if(e.menuContent&&n.target===e.menuContent){var a=e.menuContent.querySelector(".md-ripple.md-active");e.menuContent.removeEventListener(i.default,t),e.menuTrigger.focus(),e.active=!1,a&&a.classList.remove("md-active"),e.rootElement.removeChild(e.menuContent),e.rootElement.removeChild(e.backdropElement),window.removeEventListener("resize",e.recalculateOnResize)}};this.menuContent.addEventListener(i.default,t),this.menuContent.classList.remove("md-active"),this.$emit("close")},toggle:function(){this.active?this.close():this.open()}},mounted:function(){var t=this;this.$nextTick(function(){t.rootElement=t.$root.$el,t.menuTrigger=t.$el.querySelector("[md-menu-trigger]"),t.menuContent=t.$el.querySelector(".md-menu-content"),t.backdropElement=t.$refs.backdrop.$el,t.validateMenu(),t.handleAlignTriggerClass(t.mdAlignTrigger),t.addNewSizeMenuContentClass(t.mdSize),t.addNewDirectionMenuContentClass(t.mdDirection),t.$el.removeChild(t.$refs.backdrop.$el),t.menuContent.parentNode.removeChild(t.menuContent),t.menuTrigger.addEventListener("click",t.toggle)})},beforeDestroy:function(){this.rootElement.contains(this.menuContent)&&(this.rootElement.removeChild(this.menuContent),this.rootElement.removeChild(this.backdropElement)),this.menuTrigger.removeEventListener("click",this.toggle),window.removeEventListener("resize",this.recalculateOnResize)}},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{oldHighlight:!1,highlighted:!1,itemsAmount:0}},mixins:[i.default],methods:{close:function(){this.highlighted=!1,this.$parent.close()},highlightItem:function(t){this.oldHighlight=this.highlighted,"up"===t&&(1===this.highlighted?this.highlighted=this.itemsAmount:this.highlighted--),"down"===t&&(this.highlighted===this.itemsAmount?this.highlighted=1:this.highlighted++)},fireClick:function(){this.highlighted>0&&this.$children[0].$children[this.highlighted-1].$el.click()}},mounted:function(){if(!this.$parent.$el.classList.contains("md-menu"))throw this.$destroy(),new Error("You must wrap the md-menu-content in a md-menu")}},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(2),i=a(o);n(115),e.default={props:{disabled:Boolean},data:function(){return{parentContent:{},index:0}},computed:{classes:function(){return{"md-highlighted":this.highlighted}},highlighted:function(){return this.index===this.parentContent.highlighted&&(this.disabled&&(this.parentContent.oldHighlight>this.parentContent.highlighted?this.parentContent.highlighted--:this.parentContent.highlighted++),1===this.index?this.parentContent.$el.scrollTop=0:this.index===this.parentContent.itemsAmount?this.parentContent.$el.scrollTop=this.parentContent.$el.scrollHeight:this.$el.scrollIntoViewIfNeeded(!1),!0)}},methods:{close:function(t){this.disabled||(this.parentMenu.mdCloseOnSelect&&this.parentContent.close(),this.$emit("click"),this.$emit("selected",t))}},mounted:function(){if(this.parentContent=(0,i.default)(this.$parent,"md-menu-content"),this.parentMenu=(0,i.default)(this.$parent,"md-menu"),!this.parentContent)throw this.$destroy(),new Error("You must wrap the md-menu-item in a md-menu-content");this.parentContent.itemsAmount++,this.index=this.parentContent.itemsAmount}},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:{name:String,id:String,value:[String,Boolean,Number],mdValue:{type:[String,Boolean,Number],required:!0},disabled:Boolean},mixins:[i.default],computed:{classes:function(){return{"md-checked":this.value&&this.mdValue.toString()===this.value.toString(),"md-disabled":this.disabled}}},methods:{toggleCheck:function(t){this.disabled||(this.$emit("change",this.mdValue,t),this.$emit("input",this.mdValue,t))}}},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(2),i=a(o);e.default={props:{value:[String,Boolean,Number]},data:function(){return{parentSelect:{},check:!1,index:0}},computed:{isSelected:function(){if(this.value&&this.parentSelect.value){var t=this.value.toString();return this.parentSelect.multiple?this.parentSelect.value.indexOf(t)>=0:this.value&&this.parentSelect.value&&t===this.parentSelect.value.toString()}return!1},classes:function(){return{"md-selected":this.isSelected,"md-checked":this.check}}},methods:{setParentOption:function(){this.parentSelect.multiple?this.check=!this.check:this.parentSelect.selectOption(this.value,this.$refs.item.textContent);
+},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.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.default],computed:{classes:function(){return{"md-indeterminate":this.mdIndeterminate}},styles:function(){var t=this.mdSize+"px";return{width:t,height:t}},dashProgress:function(){var t=125*this.mdProgress/100;return!this.mdIndeterminate&&(t>=125&&(t=130),t+", 200")}},data:function(){return{}},methods:{}},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={mixins:[i.default]},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),d=75,s="-1px";e.default={props:{name:String,value:Boolean,id:String,disabled:Boolean,type:{type:String,default:"button"}},mixins:[i.default],data:function(){return{leftPos:s,checked:this.value}},computed:{classes:function(){return{"md-checked":Boolean(this.value),"md-disabled":this.disabled}},styles:function(){return{transform:"translate3D("+this.leftPos+", -50%, 0)"}}},watch:{checked:function(){this.setPosition()},value:function(t){this.changeState(t)}},methods:{setPosition:function(){this.leftPos=this.checked?d+"%":s},changeState:function(t,e){this.checked=t,this.$emit("change",this.checked,e),this.$emit("input",this.checked,e)},toggle:function(t){this.disabled||this.changeState(!this.checked,t)}},mounted:function(){this.$nextTick(this.setPosition)}},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),d=n(2),s=a(d);e.default={props:{mdSortType:String,mdSort:String},mixins:[i.default],data:function(){return{sortType:this.mdSortType,sortBy:this.mdSort,hasRowSelection:!1,data:[],numberOfRows:0,numberOfSelected:0,selectedRows:{}}},methods:{emitSort:function(t){this.sortBy=t,this.$emit("sort",{name:t,type:this.sortType})},emitSelection:function(){this.$emit("select",this.selectedRows)}},mounted:function(){this.parentCard=(0,s.default)(this.$parent,"md-table-card"),this.parentCard&&(this.parentCard.tableInstance=this)}},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),d=n(2),s=a(d);e.default={props:{mdSelectedLabel:{type:String,default:"selected"}},mixins:[i.default],data:function(){return{classes:{},tableInstance:{}}},mounted:function(){var t=this;this.parentCard=(0,s.default)(this.$parent,"md-table-card"),this.$nextTick(function(){t.tableInstance=t.parentCard.tableInstance,t.$watch("tableInstance.numberOfSelected",function(){t.$refs.counter.textContent=t.tableInstance.numberOfSelected,t.classes={"md-active":t.tableInstance.numberOfSelected>0}})})}},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={mixins:[i.default]},t.exports=e.default},function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={props:{mdNumeric:Boolean},data:function(){return{hasAction:!1}},computed:{classes:function(){return{"md-numeric":this.mdNumeric,"md-has-action":this.hasAction}}},mounted:function(){this.$children.length>0&&(this.hasAction=!0)}},t.exports=e.default},function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={props:{value:[String,Number],mdLarge:Boolean,mdId:String,mdName:String,mdPlaceholder:String,mdMaxlength:[Number,String]},data:function(){return{active:!1}},computed:{triggerClasses:function(){return{"md-edited":this.value}},dialogClasses:function(){return{"md-active":this.active,"md-large":this.mdLarge}},realValue:function(){console.log(this.value)}},methods:{openDialog:function(){this.active=!0,this.$refs.input.$el.focus(),document.addEventListener("click",this.closeDialogOnOffClick)},closeDialog:function(){this.active&&(this.active=!1,this.$refs.input.$el.blur(),document.removeEventListener("click",this.closeDialogOnOffClick))},closeDialogOnOffClick:function(t){this.$refs.dialog.contains(t.target)||this.closeDialog()},confirmDialog:function(){var t=this.$refs.input.$el.value;this.closeDialog(),this.$emit("input",t),this.$emit("edited",t)}}},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(2),i=a(o);e.default={props:{mdNumeric:Boolean,mdSortBy:String,mdTooltip:String},data:function(){return{sortType:null,sorted:!1,parentTable:{}}},computed:{classes:function(){var t=this.hasMatchSort();return t||(this.sorted=!1),{"md-numeric":this.mdNumeric,"md-sortable":this.mdSortBy,"md-sorted":t&&this.sorted,"md-sorted-descending":t&&"desc"===this.sortType}}},methods:{hasMatchSort:function(){return this.parentTable.sortBy===this.mdSortBy},changeSort:function(){this.mdSortBy&&("asc"===this.sortType&&this.sorted?this.sortType="desc":this.sortType="asc",this.sorted=!0,this.parentTable.sortType=this.sortType,this.parentTable.emitSort(this.mdSortBy))}},mounted:function(){this.parentTable=(0,i.default)(this.$parent,"md-table"),this.hasMatchSort()&&(this.sorted=!0,this.sortType=this.parentTable.sortType)}},t.exports=e.default},function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={props:{mdSize:{type:[Number,String],default:10},mdPageOptions:[Array,Boolean],mdPage:{type:[Number,String],default:1},mdTotal:{type:[Number,String],default:"Many"},mdLabel:{type:String,default:"Rows per page"},mdSeparator:{type:String,default:"of"}},data:function(){return{subTotal:0,currentSize:parseInt(this.mdSize,10),currentPage:parseInt(this.mdPage,10),totalItems:isNaN(this.mdTotal)?Number.MAX_SAFE_INTEGER:parseInt(this.mdTotal,10)}},computed:{lastPage:function(){return!1}},methods:{emitPaginationEvent:function(){if(this.canFireEvents){var t=this.currentPage*this.currentSize;this.subTotal=t>this.mdTotal?this.mdTotal:t,this.$emit("pagination",{size:this.currentSize,page:this.currentPage})}},changeSize:function(){this.canFireEvents&&(this.$emit("size",this.currentSize),this.emitPaginationEvent())},previousPage:function(){this.canFireEvents&&(this.currentPage--,this.$emit("page",this.currentPage),this.emitPaginationEvent())},nextPage:function(){this.canFireEvents&&(this.currentPage++,this.$emit("page",this.currentPage),this.emitPaginationEvent())}},mounted:function(){var t=this;this.$nextTick(function(){t.subTotal=t.currentPage*t.currentSize,t.mdPageOptions=t.mdPageOptions||[10,25,50,100],t.currentSize=t.mdPageOptions[0],t.canFireEvents=!0})}},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(2),i=a(o),d="md-transition-off";e.default={props:{mdAutoSelect:Boolean,mdSelection:Boolean,mdItem:Object},data:function(){return{parentTable:{},headRow:!1,checkbox:!1,index:0}},computed:{isDisabled:function(){return!this.mdSelection&&!this.headRow},hasSelection:function(){return this.mdSelection||this.headRow&&this.parentTable.hasRowSelection},classes:function(){return{"md-selected":this.checkbox}}},watch:{mdItem:function(t,e){this.parentTable.data[this.index]=this.mdItem,this.handleMultipleSelection(t===e)}},methods:{setSelectedRow:function(t,e){t?(this.parentTable.selectedRows[e]=this.parentTable.data[e],++this.parentTable.numberOfSelected):(delete this.parentTable.selectedRows[e],--this.parentTable.numberOfSelected)},handleSingleSelection:function(t){this.setSelectedRow(t,this.index-1),this.parentTable.$children[0].checkbox=this.parentTable.numberOfSelected===this.parentTable.numberOfRows},handleMultipleSelection:function(t){var e=this;this.parentTable.numberOfRows>25&&this.parentTable.$el.classList.add(d),this.parentTable.$children.forEach(function(n,a){n.checkbox=t,n.headRow||e.setSelectedRow(t,a-1)}),t?this.parentTable.numberOfSelected=this.parentTable.numberOfRows:this.parentTable.numberOfSelected=0,window.setTimeout(function(){return e.parentTable.$el.classList.remove(d)})},select:function(t){this.hasSelection&&(this.headRow?this.handleMultipleSelection(t):this.handleSingleSelection(t),this.parentTable.emitSelection())},autoSelect:function(){this.mdAutoSelect&&this.hasSelection&&(this.checkbox=!this.checkbox,this.handleSingleSelection(this.checkbox),this.parentTable.emitSelection())}},mounted:function(){this.parentTable=(0,i.default)(this.$parent,"md-table"),"thead"===this.$el.parentNode.tagName.toLowerCase()?this.headRow=!0:(this.parentTable.numberOfRows++,this.index=this.parentTable.numberOfRows,this.mdSelection&&(this.parentTable.hasRowSelection=!0),this.mdItem&&this.parentTable.data.push(this.mdItem))}},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(41),i=a(o),d=n(2),s=a(d);e.default={props:{id:[String,Number],mdLabel:[String,Number],mdIcon:String,mdActive:Boolean,mdDisabled:Boolean,mdTooltip:String,mdTooltipDelay:{type:String,default:"0"},mdTooltipDirection:{type:String,default:"bottom"}},data:function(){return{mounted:!1,tabId:this.id||"tab-"+(0,i.default)(),width:"0px",left:"0px"}},watch:{mdActive:function(){this.updateTabData()},mdDisabled:function(){this.updateTabData()},mdIcon:function(){this.updateTabData()},mdLabel:function(){this.updateTabData()},mdTooltip:function(){this.updateTabData()},mdTooltipDelay:function(){this.updateTabData()},mdTooltipDirection:function(){this.updateTabData()}},computed:{styles:function(){return{width:this.width,left:this.left}}},methods:{getTabData:function(){return{id:this.tabId,label:this.mdLabel,icon:this.mdIcon,active:this.mdActive,disabled:this.mdDisabled,tooltip:this.mdTooltip,tooltipDelay:this.mdTooltipDelay,tooltipDirection:this.mdTooltipDirection,ref:this}},updateTabData:function(){this.parentTabs.updateTab(this.getTabData())}},mounted:function(){var t=this;if(this.parentTabs=(0,s.default)(this.$parent,"md-tabs"),!this.parentTabs)throw new Error("You must wrap the md-tab in a md-tabs");this.$nextTick(function(){t.mounted=!0,t.parentTabs.registerTab(t.getTabData()),t.mdActive&&(t.parentTabs.activeTab=t.tabId)})},beforeDestroy:function(){this.parentTabs.unregisterTab(this.getTabData())}},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:{mdFixed:Boolean,mdCentered:Boolean,mdRight:Boolean,mdDynamicHeight:{type:Boolean,default:!0},mdElevation:{type:[String,Number],default:0}},mixins:[i.default],data:function(){return{tabList:{},activeTab:null,activeTabNumber:0,hasIcons:!1,hasLabel:!1,transitionControl:null,contentHeight:"0px",contentWidth:"0px"}},computed:{tabClasses:function(){return{"md-dynamic-height":this.mdDynamicHeight,"md-transition-off":this.transitionOff}},navigationClasses:function(){return{"md-has-icon":this.hasIcons,"md-has-label":this.hasLabel,"md-fixed":this.mdFixed,"md-right":!this.mdCentered&&this.mdRight,"md-centered":this.mdCentered||this.mdFixed}},indicatorClasses:function(){var t=this.lastIndicatorNumber>this.activeTabNumber;return this.lastIndicatorNumber=this.activeTabNumber,{"md-transition-off":this.transitionOff,"md-to-right":!t,"md-to-left":t}}},methods:{getHeaderClass:function(t){return{"md-active":this.activeTab===t.id,"md-disabled":t.disabled}},registerTab:function(t){this.tabList[t.id]=t,this.$forceUpdate()},unregisterTab:function(t){delete this.tabList[t.id]},updateTab:function(t){if(this.registerTab(t),t.active)if(t.disabled){var e=Object.keys(this.tabList),n=e.indexOf(t.id)+1,a=e[n];a?this.setActiveTab(this.tabList[a]):this.setActiveTab(this.tabList[0])}else this.setActiveTab(t)},observeElementChanges:function(){this.contentObserver=new MutationObserver(this.calculateOnWatch),this.navigationObserver=new MutationObserver(this.calculateOnWatch),this.contentObserver.observe(this.$refs.tabContent,{childList:!0,attributes:!0,characterData:!0,subtree:!0,attributeOldValue:!0,characterDataOldValue:!0}),this.navigationObserver.observe(this.$refs.tabNavigation.$el,{attributes:!0})},getTabIndex:function(t){var e=Object.keys(this.tabList);return e.indexOf(t)},calculateIndicatorPos:function(){var t=this.$el.offsetWidth,e=this.$refs.tabHeader[this.activeTabNumber],n=e.offsetLeft,a=t-n-e.offsetWidth;this.$refs.indicator.style.left=n+"px",this.$refs.indicator.style.right=a+"px"},calculateTabsWidthAndPosition:function(){var t=this.$el.offsetWidth;this.contentWidth=t*this.activeTabNumber+"px";var e=0;for(var n in this.tabList){var a=this.tabList[n];a.ref.width=t+"px",a.ref.left=t*e+"px",e++}},calculateContentHeight:function(){var t=this;this.$nextTick(function(){var e=t.tabList[t.activeTab].ref.$el.offsetHeight;t.contentHeight=e+"px"})},calculatePosition:function(){var t=this;window.requestAnimationFrame(function(){t.calculateIndicatorPos(),t.calculateTabsWidthAndPosition(),t.calculateContentHeight()})},debounceTransition:function(){var t=this;window.clearTimeout(this.transitionControl),this.transitionControl=window.setTimeout(function(){t.calculatePosition(),t.transitionOff=!1},200)},calculateOnWatch:function(){this.transitionOff=!0,this.calculatePosition(),this.debounceTransition()},setActiveTab:function(t){this.hasIcons=!!t.icon,this.hasLabel=!!t.label,this.activeTab=t.id,this.activeTabNumber=this.getTabIndex(this.activeTab),this.calculatePosition(),this.$emit("change",this.activeTabNumber)}},mounted:function(){var t=this;this.$nextTick(function(){if(t.observeElementChanges(),window.addEventListener("resize",t.calculateOnWatch),!t.activeTab){var e=Object.keys(t.tabList)[0];t.setActiveTab(t.tabList[e])}})},beforeDestroy:function(){this.contentObserver&&this.contentObserver.disconnect(),this.navigationObserver&&this.navigationObserver.disconnect(),window.removeEventListener("resize",this.calculateOnWatch)}},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={mixins:[i.default]},t.exports=e.default},function(t,e,n){"use strict";function a(t){return t&&t.__esModule?t:{default:t}}function o(t){if(Array.isArray(t)){for(var e=0,n=Array(t.length);e<t.length;e++)n[e]=t[e];return n}return Array.from(t)}Object.defineProperty(e,"__esModule",{value:!0});var i=n(3),d=a(i);e.default={props:{mdDirection:{type:String,default:"bottom"},mdDelay:{type:String,default:"0"}},data:function(){return{active:!1,parentClass:null,transitionOff:!1,topPosition:!1,leftPosition:!1}},computed:{classes:function(){var t={"md-active":this.active,"md-transition-off":this.transitionOff,"md-tooltip-top":"top"===this.mdDirection,"md-tooltip-right":"right"===this.mdDirection,"md-tooltip-bottom":"bottom"===this.mdDirection,"md-tooltip-left":"left"===this.mdDirection};return this.parentClass&&(t[this.parentClass]=!0),t},style:function(){return{"transition-delay":this.mdDelay+"ms",top:this.topPosition+"px",left:this.leftPosition+"px"}}},watch:{mdDirection:function(){this.calculateTooltipPosition()}},methods:{removeTooltips:function(){var t=[].concat(o(this.rootElement.querySelectorAll(".md-tooltip")));t.forEach(function(t){t.parentNode&&t.parentNode.removeChild(t)}),this.tooltipElement.removeEventListener(d.default,this.removeTooltips)},calculateTooltipPosition:function(){var t=this.parentElement.getBoundingClientRect(),e={};switch(this.mdDirection){case"top":e.top=t.top-this.$el.offsetHeight,e.left=t.left+t.width/2;break;case"right":e.top=t.top,e.left=t.left+t.width;break;case"bottom":e.top=t.bottom,e.left=t.left+t.width/2;break;case"left":e.top=t.top,e.left=t.left-this.$el.offsetWidth;break;default:console.warn("Invalid "+this.mdDirection+" option to md-direction option")}this.topPosition=e.top,this.leftPosition=e.left},generateTooltipClasses:function(){var t=[];[].concat(o(this.parentElement.classList)).forEach(function(e){e.indexOf("md-")>=0&&"md-active"!==e&&t.push(e+"-tooltip")}),this.parentClass=t.join(" ")},open:function(){var t=this;this.removeTooltips(),this.$nextTick(function(){t.rootElement.appendChild(t.tooltipElement),getComputedStyle(t.tooltipElement).top,t.transitionOff=!0,t.generateTooltipClasses(),t.calculateTooltipPosition(),window.setTimeout(function(){t.transitionOff=!1,t.active=!0},10)})},close:function(){this.active=!1,this.tooltipElement.removeEventListener(d.default,this.removeTooltips),this.tooltipElement.addEventListener(d.default,this.removeTooltips)}},mounted:function(){var t=this;this.$nextTick(function(){t.tooltipElement=t.$el,t.parentElement=t.tooltipElement.parentNode,t.rootElement=t.$root.$el,t.$el.parentNode.removeChild(t.$el),t.parentElement.addEventListener("mouseenter",t.open),t.parentElement.addEventListener("focus",t.open),t.parentElement.addEventListener("mouseleave",t.close),t.parentElement.addEventListener("blur",t.close)})},beforeDestroy:function(){this.active=!1,this.removeTooltips(),this.parentElement&&(this.parentElement.removeEventListener("mouseenter",this.open),this.parentElement.removeEventListener("focus",this.open),this.parentElement.removeEventListener("mouseleave",this.close),this.parentElement.removeEventListener("blur",this.close))}},t.exports=e.default},function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={props:{mdElevation:{type:[String,Number],default:1},mdTag:{type:String,default:"div"}},computed:{classes:function(){var t=parseInt(this.mdElevation,10),e="md-whiteframe-";return isNaN(t)||"number"!=typeof t?this.mdElevation.indexOf("dp")>-1&&(e+=this.mdElevation):(e+=t,e+="dp"),e}},render:function(t){return t(this.mdTag,{staticClass:"md-whiteframe",class:this.classes},this.$slots.default)}},t.exports=e.default},function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={props:{mdTag:String,mdName:{type:String,default:"default"}},data:function(){return{name:"md-theme"}},render:function(t){return this.mdTag||this.$slots.default.length>1?t(this.mdTag||"div",{staticClass:"md-theme"},this.$slots.default):this.$slots.default[0]}},t.exports=e.default},function(t,e,n){var a,o,i;!function(d,s){o=[t,n(206)],a=s,i="function"==typeof a?a.apply(e,o):a,!(void 0!==i&&(t.exports=i))}(this,function(t,e){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}function a(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}var o=n(e),i="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},d=function(){function t(t,e){for(var n=0;n<e.length;n++){var a=e[n];a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(t,a.key,a)}}return function(e,n,a){return n&&t(e.prototype,n),a&&t(e,a),e}}(),s=function(){function t(e){a(this,t),this.resolveOptions(e),this.initSelection()}return d(t,[{key:"resolveOptions",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.action=t.action,this.emitter=t.emitter,this.target=t.target,this.text=t.text,this.trigger=t.trigger,this.selectedText=""}},{key:"initSelection",value:function(){this.text?this.selectFake():this.target&&this.selectTarget()}},{key:"selectFake",value:function(){var t=this,e="rtl"==document.documentElement.getAttribute("dir");this.removeFake(),this.fakeHandlerCallback=function(){return t.removeFake()},this.fakeHandler=document.body.addEventListener("click",this.fakeHandlerCallback)||!0,this.fakeElem=document.createElement("textarea"),this.fakeElem.style.fontSize="12pt",this.fakeElem.style.border="0",this.fakeElem.style.padding="0",this.fakeElem.style.margin="0",this.fakeElem.style.position="absolute",this.fakeElem.style[e?"right":"left"]="-9999px";var n=window.pageYOffset||document.documentElement.scrollTop;this.fakeElem.addEventListener("focus",window.scrollTo(0,n)),this.fakeElem.style.top=n+"px",this.fakeElem.setAttribute("readonly",""),this.fakeElem.value=this.text,document.body.appendChild(this.fakeElem),this.selectedText=(0,o.default)(this.fakeElem),this.copyText()}},{key:"removeFake",value:function(){this.fakeHandler&&(document.body.removeEventListener("click",this.fakeHandlerCallback),this.fakeHandler=null,this.fakeHandlerCallback=null),this.fakeElem&&(document.body.removeChild(this.fakeElem),this.fakeElem=null)}},{key:"selectTarget",value:function(){this.selectedText=(0,o.default)(this.target),this.copyText()}},{key:"copyText",value:function(){var t=void 0;try{t=document.execCommand(this.action)}catch(e){t=!1}this.handleResult(t)}},{key:"handleResult",value:function(t){this.emitter.emit(t?"success":"error",{action:this.action,text:this.selectedText,trigger:this.trigger,clearSelection:this.clearSelection.bind(this)})}},{key:"clearSelection",value:function(){this.target&&this.target.blur(),window.getSelection().removeAllRanges()}},{key:"destroy",value:function(){this.removeFake()}},{key:"action",set:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"copy";if(this._action=t,"copy"!==this._action&&"cut"!==this._action)throw new Error('Invalid "action" value, use either "copy" or "cut"')},get:function(){return this._action}},{key:"target",set:function(t){if(void 0!==t){if(!t||"object"!==("undefined"==typeof t?"undefined":i(t))||1!==t.nodeType)throw new Error('Invalid "target" value, use a valid Element');if("copy"===this.action&&t.hasAttribute("disabled"))throw new Error('Invalid "target" attribute. Please use "readonly" instead of "disabled" attribute');if("cut"===this.action&&(t.hasAttribute("readonly")||t.hasAttribute("disabled")))throw new Error('Invalid "target" attribute. You can\'t cut text from elements with "readonly" or "disabled" attributes');this._target=t}},get:function(){return this._target}}]),t}();t.exports=s})},function(t,e,n){var a,o,i;!function(d,s){o=[t,n(109),n(207),n(178)],a=s,i="function"==typeof a?a.apply(e,o):a,!(void 0!==i&&(t.exports=i))}(this,function(t,e,n,a){"use strict";function o(t){return t&&t.__esModule?t:{default:t}}function i(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function d(t,e){if(!t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!e||"object"!=typeof e&&"function"!=typeof e?t:e}function s(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function, not "+typeof e);t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(t,e):t.__proto__=e)}function r(t,e){var n="data-clipboard-"+t;if(e.hasAttribute(n))return e.getAttribute(n)}var l=o(e),m=o(n),c=o(a),u=function(){function t(t,e){for(var n=0;n<e.length;n++){var a=e[n];a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(t,a.key,a)}}return function(e,n,a){return n&&t(e.prototype,n),a&&t(e,a),e}}(),v=function(t){function e(t,n){i(this,e);var a=d(this,(e.__proto__||Object.getPrototypeOf(e)).call(this));return a.resolveOptions(n),a.listenClick(t),a}return s(e,t),u(e,[{key:"resolveOptions",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.action="function"==typeof t.action?t.action:this.defaultAction,this.target="function"==typeof t.target?t.target:this.defaultTarget,this.text="function"==typeof t.text?t.text:this.defaultText}},{key:"listenClick",value:function(t){var e=this;this.listener=(0,c.default)(t,"click",function(t){return e.onClick(t)})}},{key:"onClick",value:function(t){var e=t.delegateTarget||t.currentTarget;this.clipboardAction&&(this.clipboardAction=null),this.clipboardAction=new l.default({action:this.action(e),target:this.target(e),text:this.text(e),trigger:e,emitter:this})}},{key:"defaultAction",value:function(t){return r("action",t)}},{key:"defaultTarget",value:function(t){var e=r("target",t);if(e)return document.querySelector(e)}},{key:"defaultText",value:function(t){return r("text",t)}},{key:"destroy",value:function(){this.listener.destroy(),this.clipboardAction&&(this.clipboardAction.destroy(),this.clipboardAction=null)}}]),e}(m.default);t.exports=v})},function(t,e,n){e=t.exports=n(112)(),e.push([t.id,'html{height:100%;box-sizing:border-box}html *,html :after,html :before{box-sizing:inherit}body{min-height:100%;margin:0;position:relative;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;color:rgba(0,0,0,.87);font-family:Roboto,Noto Sans,Noto,sans-serif}[tabindex="-1"]:focus{outline:none}audio,canvas,embed,iframe,img,object,svg,video{max-width:100%;height:auto;font-style:italic;vertical-align:middle}[tabindex="-1"]:focus{outline:none!important}.md-scrollbar::-webkit-scrollbar,.md-scrollbar ::-webkit-scrollbar{width:10px;height:10px;box-shadow:inset 1px 1px 0 rgba(0,0,0,.12);transition:all .5s cubic-bezier(.35,0,.25,1);background-color:rgba(0,0,0,.05)}.md-scrollbar::-webkit-scrollbar:hover,.md-scrollbar ::-webkit-scrollbar:hover{box-shadow:inset 1px 1px 0 rgba(0,0,0,.054),inset 0 -1px 0 rgba(0,0,0,.038);background-color:rgba(0,0,0,.087)}.md-scrollbar::-webkit-scrollbar-button,.md-scrollbar ::-webkit-scrollbar-button{display:none}.md-scrollbar::-webkit-scrollbar-corner,.md-scrollbar ::-webkit-scrollbar-corner{background-color:transparent}.md-scrollbar::-webkit-scrollbar-thumb,.md-scrollbar ::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.26);box-shadow:inset 1px 1px 0 rgba(0,0,0,.054),inset 0 -1px 0 rgba(0,0,0,.087);transition:all .5s cubic-bezier(.35,0,.25,1)}.md-caption{font-size:12px;font-weight:400;letter-spacing:.02em;line-height:17px}.md-body-1,body{font-weight:400;line-height:20px}.md-body-1,.md-body-2,body{font-size:14px;letter-spacing:.01em}.md-body-2{font-weight:500;line-height:24px}.md-subheading{font-size:16px;font-weight:400;letter-spacing:.01em;line-height:24px}.md-title{font-size:20px;font-weight:500;letter-spacing:.005em;line-height:26px}.md-headline{font-size:24px;line-height:32px}.md-display-1,.md-headline{font-weight:400;letter-spacing:0}.md-display-1{font-size:34px;line-height:40px}.md-display-2{font-size:45px;font-weight:400;letter-spacing:0;line-height:48px}.md-display-3{font-size:56px;font-weight:400;letter-spacing:-.005em;line-height:58px}.md-display-4{font-size:112px;font-weight:300;letter-spacing:-.01em;line-height:112px}a:not(.md-button):not(.md-bottom-bar-item){text-decoration:none}a:not(.md-button):not(.md-bottom-bar-item):hover{text-decoration:underline}button:focus{outline:none}',""])},function(t,e){t.exports=function(){var t=[];return t.toString=function(){for(var t=[],e=0;e<this.length;e++){var n=this[e];n[2]?t.push("@media "+n[2]+"{"+n[1]+"}"):t.push(n[1])}return t.join("")},t.i=function(e,n){"string"==typeof e&&(e=[[null,e,""]]);for(var a={},o=0;o<this.length;o++){var i=this[o][0];"number"==typeof i&&(a[i]=!0)}for(o=0;o<e.length;o++){var d=e[o];"number"==typeof d[0]&&a[d[0]]||(n&&!d[2]?d[2]=n:n&&(d[2]="("+d[2]+") and ("+n+")"),t.push(d))}},t}},function(t,e){function n(t,e){for(;t&&t.nodeType!==a;){if(t.matches(e))return t;t=t.parentNode}}var a=9;if(Element&&!Element.prototype.matches){
+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)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 r(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 s(t){m+="</"+n(t)+">"}function r(t){("start"===t.event?d:s)(t.node)}for(var l=0,m="",c=[];t.length||a.length;){var u=i();if(m+=e(o.substring(l,u[0].offset)),l=u[0].offset,u===t){c.reverse().forEach(s);do r(u.splice(0,1)[0]),u=i();while(u===t&&u.length&&u[0].offset===l);c.reverse().forEach(d)}else"start"===u[0].event?c.push(u[0].node):c.pop(),r(u.splice(0,1)[0])}return m+e(o.substr(l))}function l(t){function e(t){return t&&t.source||t}function n(n,a){return new RegExp(e(n),"m"+(t.case_insensitive?"i":"")+(a?"g":""))}function a(o,i){if(!o.compiled){if(o.compiled=!0,o.keywords=o.keywords||o.beginKeywords,o.keywords){var s={},r=function(e,n){t.case_insensitive&&(n=n.toLowerCase()),n.split(" ").forEach(function(t){var n=t.split("|");s[n[0]]=[e,n[1]?Number(n[1]):1]})};"string"==typeof o.keywords?r("keyword",o.keywords):C(o.keywords).forEach(function(t){r(t,o.keywords[t])}),o.keywords=s}o.lexemesRe=n(o.lexemes||/\w+/,!0),i&&(o.beginKeywords&&(o.begin="\\b("+o.beginKeywords.split(" ").join("|")+")\\b"),o.begin||(o.begin=/\B|\b/),o.beginRe=n(o.begin),o.end||o.endsWithParent||(o.end=/\B|\b/),o.end&&(o.endRe=n(o.end)),o.terminator_end=e(o.end)||"",o.endsWithParent&&i.terminator_end&&(o.terminator_end+=(o.end?"|":"")+i.terminator_end)),o.illegal&&(o.illegalRe=n(o.illegal)),null==o.relevance&&(o.relevance=1),o.contains||(o.contains=[]);var l=[];o.contains.forEach(function(t){t.variants?t.variants.forEach(function(e){l.push(d(t,e))}):l.push("self"===t?o:t)}),o.contains=l,o.contains.forEach(function(t){a(t,o)}),o.starts&&a(o.starts,i);var m=o.contains.map(function(t){return t.beginKeywords?"\\.?("+t.begin+")\\.?":t.begin}).concat([o.terminator_end,o.illegal]).map(e).filter(Boolean);o.terminators=m.length?n(m.join("|"),!0):{exec:function(){return null}}}}a(t)}function m(t,n,o,i){function d(t,e){var n,o;for(n=0,o=e.contains.length;n<o;n++)if(a(e.contains[n].beginRe,t))return e.contains[n]}function s(t,e){if(a(t.endRe,e)){for(;t.endsParent&&t.parent;)t=t.parent;return t}if(t.endsWithParent)return s(t.parent,e)}function r(t,e){return!o&&a(e.illegalRe,t)}function u(t,e){var n=g.case_insensitive?e[0].toLowerCase():e[0];return t.keywords.hasOwnProperty(n)&&t.keywords[n]}function v(t,e,n,a){var o=a?"":R.classPrefix,i='<span class="'+o,d=n?"":A;return i+=t+'">',i+e+d}function p(){var t,n,a,o;if(!C.keywords)return e(T);for(o="",n=0,C.lexemesRe.lastIndex=0,a=C.lexemesRe.exec(T);a;)o+=e(T.substring(n,a.index)),t=u(C,a),t?(M+=t[1],o+=v(t[0],e(a[0]))):o+=e(a[0]),n=C.lexemesRe.lastIndex,a=C.lexemesRe.exec(T);return o+e(T.substr(n))}function b(){var t="string"==typeof C.subLanguage;if(t&&!w[C.subLanguage])return e(T);var n=t?m(C.subLanguage,T,!0,k[C.subLanguage]):c(T,C.subLanguage.length?C.subLanguage:void 0);return C.relevance>0&&(M+=n.relevance),t&&(k[C.subLanguage]=n.top),v(n.language,n.value,!1,!0)}function f(){E+=null!=C.subLanguage?b():p(),T=""}function h(t){E+=t.className?v(t.className,"",!0):"",C=Object.create(t,{parent:{value:C}})}function _(t,e){if(T+=t,null==e)return f(),0;var n=d(e,C);if(n)return n.skip?T+=e:(n.excludeBegin&&(T+=e),f(),n.returnBegin||n.excludeBegin||(T=e)),h(n,e),n.returnBegin?0:e.length;var a=s(C,e);if(a){var o=C;o.skip?T+=e:(o.returnEnd||o.excludeEnd||(T+=e),f(),o.excludeEnd&&(T=e));do C.className&&(E+=A),C.skip||(M+=C.relevance),C=C.parent;while(C!==a.parent);return a.starts&&h(a.starts,""),o.returnEnd?0:e.length}if(r(e,C))throw new Error('Illegal lexeme "'+e+'" for mode "'+(C.className||"<unnamed>")+'"');return T+=e,e.length||1}var g=y(t);if(!g)throw new Error('Unknown language: "'+t+'"');l(g);var x,C=i||g,k={},E="";for(x=C;x!==g;x=x.parent)x.className&&(E=v(x.className,"",!0)+E);var T="",M=0;try{for(var O,S,N=0;;){if(C.terminators.lastIndex=N,O=C.terminators.exec(n),!O)break;S=_(n.substring(N,O.index),O[0]),N=O.index+S}for(_(n.substr(N)),x=C;x.parent;x=x.parent)x.className&&(E+=A);return{relevance:M,value:E,language:t,top:C}}catch(t){if(t.message&&t.message.indexOf("Illegal")!==-1)return{relevance:0,value:e(n)};throw t}}function c(t,n){n=n||R.languages||C(w);var a={relevance:0,value:e(t)},o=a;return n.filter(y).forEach(function(e){var n=m(e,t,!1);n.language=e,n.relevance>o.relevance&&(o=n),n.relevance>a.relevance&&(o=a,a=n)}),o.language&&(a.second_best=o),a}function u(t){return R.tabReplace||R.useBR?t.replace(M,function(t,e){return R.useBR&&"\n"===t?"<br>":R.tabReplace?e.replace(/\t/g,R.tabReplace):void 0}):t}function v(t,e,n){var a=e?k[e]:n,o=[t.trim()];return t.match(/\bhljs\b/)||o.push("hljs"),t.indexOf(a)===-1&&o.push(a),o.join(" ").trim()}function p(t){var e,n,a,d,l,p=i(t);o(p)||(R.useBR?(e=document.createElementNS("http://www.w3.org/1999/xhtml","div"),e.innerHTML=t.innerHTML.replace(/\n/g,"").replace(/<br[ \/]*>/g,"\n")):e=t,l=e.textContent,a=p?m(p,l,!0):c(l),n=s(e),n.length&&(d=document.createElementNS("http://www.w3.org/1999/xhtml","div"),d.innerHTML=a.value,a.value=r(n,s(d),l)),a.value=u(a.value),t.innerHTML=a.value,t.className=v(t.className,p,a.language),t.result={language:a.language,re:a.relevance},a.second_best&&(t.second_best={language:a.second_best.language,re:a.second_best.relevance}))}function b(t){R=d(R,t)}function f(){if(!f.called){f.called=!0;var t=document.querySelectorAll("pre code");x.forEach.call(t,p)}}function h(){addEventListener("DOMContentLoaded",f,!1),addEventListener("load",f,!1)}function _(e,n){var a=w[e]=n(t);a.aliases&&a.aliases.forEach(function(t){k[t]=e})}function g(){return C(w)}function y(t){return t=(t||"").toLowerCase(),w[t]||w[k[t]]}var x=[],C=Object.keys,w={},k={},E=/^(no-?highlight|plain|text)$/i,T=/\blang(?:uage)?-([\w-]+)\b/i,M=/((^(<[^>]+>|\t|)+|(?:\n)))/gm,A="</span>",R={classPrefix:"hljs-",tabReplace:null,useBR:!1,languages:void 0},O={"&":"&amp;","<":"&lt;",">":"&gt;"};return t.highlight=m,t.highlightAuto=c,t.fixMarkup=u,t.highlightBlock=p,t.configure=b,t.initHighlighting=f,t.initHighlightingOnLoad=h,t.registerLanguage=_,t.listLanguages=g,t.getLanguage=y,t.inherit=d,t.IDENT_RE="[a-zA-Z]\\w*",t.UNDERSCORE_IDENT_RE="[a-zA-Z_]\\w*",t.NUMBER_RE="\\b\\d+(\\.\\d+)?",t.C_NUMBER_RE="(-?)(\\b0[xX][a-fA-F0-9]+|(\\b\\d+(\\.\\d*)?|\\.\\d+)([eE][-+]?\\d+)?)",t.BINARY_NUMBER_RE="\\b(0b[01]+)",t.RE_STARTERS_RE="!|!=|!==|%|%=|&|&&|&=|\\*|\\*=|\\+|\\+=|,|-|-=|/=|/|:|;|<<|<<=|<=|<|===|==|=|>>>=|>>=|>=|>>>|>>|>|\\?|\\[|\\{|\\(|\\^|\\^=|\\||\\|=|\\|\\||~",t.BACKSLASH_ESCAPE={begin:"\\\\[\\s\\S]",relevance:0},t.APOS_STRING_MODE={className:"string",begin:"'",end:"'",illegal:"\\n",contains:[t.BACKSLASH_ESCAPE]},t.QUOTE_STRING_MODE={className:"string",begin:'"',end:'"',illegal:"\\n",contains:[t.BACKSLASH_ESCAPE]},t.PHRASAL_WORDS_MODE={begin:/\b(a|an|the|are|I'm|isn't|don't|doesn't|won't|but|just|should|pretty|simply|enough|gonna|going|wtf|so|such|will|you|your|like)\b/},t.COMMENT=function(e,n,a){var o=t.inherit({className:"comment",begin:e,end:n,contains:[]},a||{});return o.contains.push(t.PHRASAL_WORDS_MODE),o.contains.push({className:"doctag",begin:"(?:TODO|FIXME|NOTE|BUG|XXX):",relevance:0}),o},t.C_LINE_COMMENT_MODE=t.COMMENT("//","$"),t.C_BLOCK_COMMENT_MODE=t.COMMENT("/\\*","\\*/"),t.HASH_COMMENT_MODE=t.COMMENT("#","$"),t.NUMBER_MODE={className:"number",begin:t.NUMBER_RE,relevance:0},t.C_NUMBER_MODE={className:"number",begin:t.C_NUMBER_RE,relevance:0},t.BINARY_NUMBER_MODE={className:"number",begin:t.BINARY_NUMBER_RE,relevance:0},t.CSS_NUMBER_MODE={className:"number",begin:t.NUMBER_RE+"(%|em|ex|ch|rem|vw|vh|vmin|vmax|cm|mm|in|pt|pc|px|deg|grad|rad|turn|s|ms|Hz|kHz|dpi|dpcm|dppx)?",relevance:0},t.REGEXP_MODE={className:"regexp",begin:/\//,end:/\/[gimuy]*/,illegal:/\n/,contains:[t.BACKSLASH_ESCAPE,{begin:/\[/,end:/\]/,relevance:0,contains:[t.BACKSLASH_ESCAPE]}]},t.TITLE_MODE={className:"title",begin:t.IDENT_RE,relevance:0},t.UNDERSCORE_TITLE_MODE={className:"title",begin:t.UNDERSCORE_IDENT_RE,relevance:0},t.METHOD_GUARD={begin:"\\.\\s*"+t.UNDERSCORE_IDENT_RE,relevance:0},t})},function(t,e){t.exports=function(t){var e={className:"variable",variants:[{begin:/\$[\w\d#@][\w\d_]*/},{begin:/\$\{(.*?)}/}]},n={className:"string",begin:/"/,end:/"/,contains:[t.BACKSLASH_ESCAPE,e,{className:"variable",begin:/\$\(/,end:/\)/,contains:[t.BACKSLASH_ESCAPE]}]},a={className:"string",begin:/'/,end:/'/};return{aliases:["sh","zsh"],lexemes:/-?[a-z\._]+/,keywords:{keyword:"if then else elif fi for while in do done case esac function",literal:"true false",built_in:"break cd continue eval exec exit export getopts hash pwd readonly return shift test times trap umask unset alias bind builtin caller command declare echo enable help let local logout mapfile printf read readarray source type typeset ulimit unalias set shopt autoload bg bindkey bye cap chdir clone comparguments compcall compctl compdescribe compfiles compgroups compquote comptags comptry compvalues dirs disable disown echotc echoti emulate fc fg float functions getcap getln history integer jobs kill limit log noglob popd print pushd pushln rehash sched setcap setopt stat suspend ttyctl unfunction unhash unlimit unsetopt vared wait whence where which zcompile zformat zftp zle zmodload zparseopts zprof zpty zregexparse zsocket zstyle ztcp",_:"-ne -eq -lt -gt -f -d -e -s -l -a"},contains:[{className:"meta",begin:/^#![^\n]+sh\s*$/,relevance:10},{className:"function",begin:/\w[\w\d_]*\s*\(\s*\)\s*\{/,returnBegin:!0,contains:[t.inherit(t.TITLE_MODE,{begin:/\w[\w\d_]*/})],relevance:0},t.HASH_COMMENT_MODE,n,a,e]}}},function(t,e){t.exports=function(t){var e="[A-Za-z$_][0-9A-Za-z$_]*",n={keyword:"in of if for while finally var new function do return void else break catch instanceof with throw case default try this switch continue typeof delete let yield const export super debugger as async await static import from as",literal:"true false null undefined NaN Infinity",built_in:"eval isFinite isNaN parseFloat parseInt decodeURI decodeURIComponent encodeURI encodeURIComponent escape unescape Object Function Boolean Error EvalError InternalError RangeError ReferenceError StopIteration SyntaxError TypeError URIError Number Math Date String RegExp Array Float32Array Float64Array Int16Array Int32Array Int8Array Uint16Array Uint32Array Uint8Array Uint8ClampedArray ArrayBuffer DataView JSON Intl arguments require module console window document Symbol Set Map WeakSet WeakMap Proxy Reflect Promise"},a={className:"number",variants:[{begin:"\\b(0[bB][01]+)"},{begin:"\\b(0[oO][0-7]+)"},{begin:t.C_NUMBER_RE}],relevance:0},o={className:"subst",begin:"\\$\\{",end:"\\}",keywords:n,contains:[]},i={className:"string",begin:"`",end:"`",contains:[t.BACKSLASH_ESCAPE,o]};o.contains=[t.APOS_STRING_MODE,t.QUOTE_STRING_MODE,i,a,t.REGEXP_MODE];var d=o.contains.concat([t.C_BLOCK_COMMENT_MODE,t.C_LINE_COMMENT_MODE]);return{aliases:["js","jsx"],keywords:n,contains:[{className:"meta",relevance:10,begin:/^\s*['"]use (strict|asm)['"]/},{className:"meta",begin:/^#!/,end:/$/},t.APOS_STRING_MODE,t.QUOTE_STRING_MODE,i,t.C_LINE_COMMENT_MODE,t.C_BLOCK_COMMENT_MODE,a,{begin:/[{,]\s*/,relevance:0,contains:[{begin:e+"\\s*:",returnBegin:!0,relevance:0,contains:[{className:"attr",begin:e,relevance:0}]}]},{begin:"("+t.RE_STARTERS_RE+"|\\b(case|return|throw)\\b)\\s*",keywords:"return throw case",contains:[t.C_LINE_COMMENT_MODE,t.C_BLOCK_COMMENT_MODE,t.REGEXP_MODE,{className:"function",begin:"(\\(.*?\\)|"+e+")\\s*=>",returnBegin:!0,end:"\\s*=>",contains:[{className:"params",variants:[{begin:e},{begin:/\(\s*\)/},{begin:/\(/,end:/\)/,excludeBegin:!0,excludeEnd:!0,keywords:n,contains:d}]}]},{begin:/</,end:/(\/\w+|\w+\/)>/,subLanguage:"xml",contains:[{begin:/<\w+\s*\/>/,skip:!0},{begin:/<\w+/,end:/(\/\w+|\w+\/)>/,skip:!0,contains:[{begin:/<\w+\s*\/>/,skip:!0},"self"]}]}],relevance:0},{className:"function",beginKeywords:"function",end:/\{/,excludeEnd:!0,contains:[t.inherit(t.TITLE_MODE,{begin:e}),{className:"params",begin:/\(/,end:/\)/,excludeBegin:!0,excludeEnd:!0,contains:d}],illegal:/\[|%/},{begin:/\$[(.]/},t.METHOD_GUARD,{className:"class",beginKeywords:"class",end:/[{;=]/,excludeEnd:!0,illegal:/[:"\[\]]/,contains:[{beginKeywords:"extends"},t.UNDERSCORE_TITLE_MODE]},{beginKeywords:"constructor",end:/\{/,excludeEnd:!0}],illegal:/#(?!!)/}}},function(t,e){t.exports=function(t){var e="[a-zA-Z-][a-zA-Z0-9_-]*",n={className:"variable",begin:"(\\$"+e+")\\b"},a={className:"number",begin:"#[0-9A-Fa-f]+"};({className:"attribute",begin:"[A-Z\\_\\.\\-]+",end:":",excludeEnd:!0,illegal:"[^\\s]",starts:{endsWithParent:!0,excludeEnd:!0,contains:[a,t.CSS_NUMBER_MODE,t.QUOTE_STRING_MODE,t.APOS_STRING_MODE,t.C_BLOCK_COMMENT_MODE,{className:"meta",begin:"!important"}]}});return{case_insensitive:!0,illegal:"[=/|']",contains:[t.C_LINE_COMMENT_MODE,t.C_BLOCK_COMMENT_MODE,{className:"selector-id",begin:"\\#[A-Za-z0-9_-]+",relevance:0},{className:"selector-class",begin:"\\.[A-Za-z0-9_-]+",relevance:0},{className:"selector-attr",begin:"\\[",end:"\\]",illegal:"$"},{className:"selector-tag",begin:"\\b(a|abbr|acronym|address|area|article|aside|audio|b|base|big|blockquote|body|br|button|canvas|caption|cite|code|col|colgroup|command|datalist|dd|del|details|dfn|div|dl|dt|em|embed|fieldset|figcaption|figure|footer|form|frame|frameset|(h[1-6])|head|header|hgroup|hr|html|i|iframe|img|input|ins|kbd|keygen|label|legend|li|link|map|mark|meta|meter|nav|noframes|noscript|object|ol|optgroup|option|output|p|param|pre|progress|q|rp|rt|ruby|samp|script|section|select|small|span|strike|strong|style|sub|sup|table|tbody|td|textarea|tfoot|th|thead|time|title|tr|tt|ul|var|video)\\b",relevance:0},{begin:":(visited|valid|root|right|required|read-write|read-only|out-range|optional|only-of-type|only-child|nth-of-type|nth-last-of-type|nth-last-child|nth-child|not|link|left|last-of-type|last-child|lang|invalid|indeterminate|in-range|hover|focus|first-of-type|first-line|first-letter|first-child|first|enabled|empty|disabled|default|checked|before|after|active)"},{begin:"::(after|before|choices|first-letter|first-line|repeat-index|repeat-item|selection|value)"},n,{className:"attribute",begin:"\\b(z-index|word-wrap|word-spacing|word-break|width|widows|white-space|visibility|vertical-align|unicode-bidi|transition-timing-function|transition-property|transition-duration|transition-delay|transition|transform-style|transform-origin|transform|top|text-underline-position|text-transform|text-shadow|text-rendering|text-overflow|text-indent|text-decoration-style|text-decoration-line|text-decoration-color|text-decoration|text-align-last|text-align|tab-size|table-layout|right|resize|quotes|position|pointer-events|perspective-origin|perspective|page-break-inside|page-break-before|page-break-after|padding-top|padding-right|padding-left|padding-bottom|padding|overflow-y|overflow-x|overflow-wrap|overflow|outline-width|outline-style|outline-offset|outline-color|outline|orphans|order|opacity|object-position|object-fit|normal|none|nav-up|nav-right|nav-left|nav-index|nav-down|min-width|min-height|max-width|max-height|mask|marks|margin-top|margin-right|margin-left|margin-bottom|margin|list-style-type|list-style-position|list-style-image|list-style|line-height|letter-spacing|left|justify-content|initial|inherit|ime-mode|image-orientation|image-resolution|image-rendering|icon|hyphens|height|font-weight|font-variant-ligatures|font-variant|font-style|font-stretch|font-size-adjust|font-size|font-language-override|font-kerning|font-feature-settings|font-family|font|float|flex-wrap|flex-shrink|flex-grow|flex-flow|flex-direction|flex-basis|flex|filter|empty-cells|display|direction|cursor|counter-reset|counter-increment|content|column-width|column-span|column-rule-width|column-rule-style|column-rule-color|column-rule|column-gap|column-fill|column-count|columns|color|clip-path|clip|clear|caption-side|break-inside|break-before|break-after|box-sizing|box-shadow|box-decoration-break|bottom|border-width|border-top-width|border-top-style|border-top-right-radius|border-top-left-radius|border-top-color|border-top|border-style|border-spacing|border-right-width|border-right-style|border-right-color|border-right|border-radius|border-left-width|border-left-style|border-left-color|border-left|border-image-width|border-image-source|border-image-slice|border-image-repeat|border-image-outset|border-image|border-color|border-collapse|border-bottom-width|border-bottom-style|border-bottom-right-radius|border-bottom-left-radius|border-bottom-color|border-bottom|border|background-size|background-repeat|background-position|background-origin|background-image|background-color|background-clip|background-attachment|background-blend-mode|background|backface-visibility|auto|animation-timing-function|animation-play-state|animation-name|animation-iteration-count|animation-fill-mode|animation-duration|animation-direction|animation-delay|animation|align-self|align-items|align-content)\\b",illegal:"[^\\s]"},{begin:"\\b(whitespace|wait|w-resize|visible|vertical-text|vertical-ideographic|uppercase|upper-roman|upper-alpha|underline|transparent|top|thin|thick|text|text-top|text-bottom|tb-rl|table-header-group|table-footer-group|sw-resize|super|strict|static|square|solid|small-caps|separate|se-resize|scroll|s-resize|rtl|row-resize|ridge|right|repeat|repeat-y|repeat-x|relative|progress|pointer|overline|outside|outset|oblique|nowrap|not-allowed|normal|none|nw-resize|no-repeat|no-drop|newspaper|ne-resize|n-resize|move|middle|medium|ltr|lr-tb|lowercase|lower-roman|lower-alpha|loose|list-item|line|line-through|line-edge|lighter|left|keep-all|justify|italic|inter-word|inter-ideograph|inside|inset|inline|inline-block|inherit|inactive|ideograph-space|ideograph-parenthesis|ideograph-numeric|ideograph-alpha|horizontal|hidden|help|hand|groove|fixed|ellipsis|e-resize|double|dotted|distribute|distribute-space|distribute-letter|distribute-all-lines|disc|disabled|default|decimal|dashed|crosshair|collapse|col-resize|circle|char|center|capitalize|break-word|break-all|bottom|both|bolder|bold|block|bidi-override|below|baseline|auto|always|all-scroll|absolute|table|table-cell)\\b"},{begin:":",end:";",contains:[n,a,t.CSS_NUMBER_MODE,t.QUOTE_STRING_MODE,t.APOS_STRING_MODE,{className:"meta",begin:"!important"}]},{begin:"@",end:"[{;]",keywords:"mixin include extend for if else each while charset import debug media page content font-face namespace warn",contains:[n,t.QUOTE_STRING_MODE,t.APOS_STRING_MODE,a,t.CSS_NUMBER_MODE,{begin:"\\s[A-Za-z0-9_.-]+",relevance:0}]}]}}},function(t,e){t.exports=function(t){var e="[A-Za-z0-9\\._:-]+",n={endsWithParent:!0,illegal:/</,relevance:0,contains:[{className:"attr",begin:e,relevance:0},{begin:/=\s*/,relevance:0,contains:[{className:"string",endsParent:!0,variants:[{begin:/"/,end:/"/},{begin:/'/,end:/'/},{begin:/[^\s"'=<>`]+/}]}]}]};return{aliases:["html","xhtml","rss","atom","xjb","xsd","xsl","plist"],case_insensitive:!0,contains:[{className:"meta",begin:"<!DOCTYPE",end:">",relevance:10,contains:[{begin:"\\[",end:"\\]"}]},t.COMMENT("<!--","-->",{relevance:10}),{begin:"<\\!\\[CDATA\\[",end:"\\]\\]>",relevance:10},{begin:/<\?(php)?/,end:/\?>/,subLanguage:"php",contains:[{begin:"/\\*",end:"\\*/",skip:!0}]},{className:"tag",begin:"<style(?=\\s|>|$)",end:">",keywords:{name:"style"},contains:[n],starts:{end:"</style>",returnEnd:!0,subLanguage:["css","xml"]}},{className:"tag",begin:"<script(?=\\s|>|$)",end:">",keywords:{name:"script"},contains:[n],starts:{end:"</script>",returnEnd:!0,subLanguage:["actionscript","javascript","handlebars","xml"]}},{className:"meta",variants:[{begin:/<\?xml/,end:/\?>/,relevance:10},{begin:/<\?\w+/,end:/\?>/}]},{className:"tag",begin:"</?",end:"/?>",contains:[{className:"name",begin:/[^\/><\s]+/,relevance:0},n]}]}}},function(t,e){t.exports=".THEME_NAME.md-avatar.md-primary.md-avatar-icon{background-color:PRIMARY-COLOR}.THEME_NAME.md-avatar.md-primary.md-avatar-icon .md-icon{color:PRIMARY-CONTRAST-0.99999}.THEME_NAME.md-avatar.md-accent.md-avatar-icon{background-color:ACCENT-COLOR}.THEME_NAME.md-avatar.md-accent.md-avatar-icon .md-icon{color:ACCENT-CONTRAST-0.99999}.THEME_NAME.md-avatar.md-warn.md-avatar-icon{background-color:WARN-COLOR}.THEME_NAME.md-avatar.md-warn.md-avatar-icon .md-icon{color:WARN-CONTRAST-0.99999}\n"},function(t,e){t.exports=".THEME_NAME.md-bottom-bar.md-fixed{background-color:BACKGROUND-COLOR}.THEME_NAME.md-bottom-bar.md-fixed .md-bottom-bar-item{color:BACKGROUND-CONTRAST-0.54}.THEME_NAME.md-bottom-bar.md-fixed .md-bottom-bar-item:hover:not(.md-active){color:BACKGROUND-CONTRAST-0.87}.THEME_NAME.md-bottom-bar.md-fixed .md-bottom-bar-item.md-active{color:PRIMARY-COLOR}.THEME_NAME.md-bottom-bar.md-fixed.md-accent .md-bottom-bar-item.md-active{color:ACCENT-COLOR}.THEME_NAME.md-bottom-bar.md-fixed.md-warn .md-bottom-bar-item.md-active{color:WARN-COLOR}.THEME_NAME.md-bottom-bar.md-fixed.md-transparent .md-bottom-bar-item.md-active{color:BACKGROUND-CONTRAST}.THEME_NAME.md-bottom-bar.md-shift{background-color:PRIMARY-COLOR;color:PRIMARY-CONTRAST}.THEME_NAME.md-bottom-bar.md-shift .md-bottom-bar-item{color:PRIMARY-CONTRAST-0.54}.THEME_NAME.md-bottom-bar.md-shift .md-bottom-bar-item:hover:not(.md-active){color:PRIMARY-CONTRAST-0.87}.THEME_NAME.md-bottom-bar.md-shift .md-bottom-bar-item.md-active{color:PRIMARY-CONTRAST}.THEME_NAME.md-bottom-bar.md-shift.md-accent{background-color:ACCENT-COLOR}.THEME_NAME.md-bottom-bar.md-shift.md-accent .md-bottom-bar-item{color:ACCENT-CONTRAST-0.54}.THEME_NAME.md-bottom-bar.md-shift.md-accent .md-bottom-bar-item:hover:not(.md-active){color:ACCENT-CONTRAST-0.87}.THEME_NAME.md-bottom-bar.md-shift.md-accent .md-bottom-bar-item.md-active{color:ACCENT-CONTRAST}.THEME_NAME.md-bottom-bar.md-shift.md-warn{background-color:WARN-COLOR}.THEME_NAME.md-bottom-bar.md-shift.md-warn .md-bottom-bar-item{color:WARN-CONTRAST-0.54}.THEME_NAME.md-bottom-bar.md-shift.md-warn .md-bottom-bar-item:hover:not(.md-active){color:WARN-CONTRAST-0.87}.THEME_NAME.md-bottom-bar.md-shift.md-warn .md-bottom-bar-item.md-active{color:WARN-CONTRAST}.THEME_NAME.md-bottom-bar.md-shift.md-transparent{background-color:transparent}.THEME_NAME.md-bottom-bar.md-shift.md-transparent .md-bottom-bar-item{color:BACKGROUND-CONTRAST-0.54}.THEME_NAME.md-bottom-bar.md-shift.md-transparent .md-bottom-bar-item:hover:not(.md-active){color:BACKGROUND-CONTRAST-0.87}.THEME_NAME.md-bottom-bar.md-shift.md-transparent .md-bottom-bar-item.md-active{color:BACKGROUND-CONTRAST}\n"},function(t,e){t.exports=".THEME_NAME.md-button:not([disabled]).md-raised:not(.md-icon-button){color:BACKGROUND-COLOR-900;background-color:BACKGROUND-COLOR-50}.THEME_NAME.md-button:not([disabled]).md-raised:not(.md-icon-button):hover{background-color:BACKGROUND-COLOR-200}.THEME_NAME.md-button:not([disabled]).md-raised.md-icon-button:not(.md-raised){color:BACKGROUND-COLOR}.THEME_NAME.md-button:not([disabled]).md-fab{color:ACCENT-CONTRAST;background-color:ACCENT-COLOR}.THEME_NAME.md-button:not([disabled]).md-fab:hover{background-color:ACCENT-COLOR-600}.THEME_NAME.md-button:not([disabled]).md-fab.md-clean{color:BACKGROUND-COLOR-900;background-color:BACKGROUND-COLOR-50}.THEME_NAME.md-button:not([disabled]).md-fab.md-clean:hover{background-color:BACKGROUND-COLOR-200}.THEME_NAME.md-button:not([disabled]).md-primary:not(.md-icon-button){color:PRIMARY-COLOR}.THEME_NAME.md-button:not([disabled]).md-primary.md-raised,.THEME_NAME.md-button:not([disabled]).md-primary.md-fab{background-color:PRIMARY-COLOR;color:PRIMARY-CONTRAST}.THEME_NAME.md-button:not([disabled]).md-primary.md-raised:hover,.THEME_NAME.md-button:not([disabled]).md-primary.md-fab:hover{background-color:PRIMARY-COLOR-600}.THEME_NAME.md-button:not([disabled]).md-primary.md-icon-button:not(.md-raised){color:PRIMARY-COLOR}.THEME_NAME.md-button:not([disabled]).md-accent:not(.md-icon-button){color:ACCENT-COLOR}.THEME_NAME.md-button:not([disabled]).md-accent.md-raised{background-color:ACCENT-COLOR;color:ACCENT-CONTRAST}.THEME_NAME.md-button:not([disabled]).md-accent.md-raised:hover{background-color:ACCENT-COLOR-600}.THEME_NAME.md-button:not([disabled]).md-accent.md-icon-button:not(.md-raised){color:ACCENT-COLOR}.THEME_NAME.md-button:not([disabled]).md-warn:not(.md-icon-button){color:WARN-COLOR}.THEME_NAME.md-button:not([disabled]).md-warn.md-raised,.THEME_NAME.md-button:not([disabled]).md-warn.md-fab{background-color:WARN-COLOR;color:WARN-CONTRAST}.THEME_NAME.md-button:not([disabled]).md-warn.md-raised:hover,.THEME_NAME.md-button:not([disabled]).md-warn.md-fab:hover{background-color:WARN-COLOR-600}.THEME_NAME.md-button:not([disabled]).md-warn.md-icon-button:not(.md-raised){color:WARN-COLOR}\n"},function(t,e){t.exports='.THEME_NAME.md-button-toggle .md-button:after{width:1px;position:absolute;top:0;bottom:0;left:0;content:" "}.THEME_NAME.md-button-toggle .md-toggle{color:BACKGROUND-CONTRAST-600;background-color:BACKGROUND-COLOR-500}.THEME_NAME.md-button-toggle .md-toggle:hover:not([disabled]){background-color:BACKGROUND-COLOR-600}.THEME_NAME.md-button-toggle .md-toggle+.md-toggle:after{background-color:BACKGROUND-COLOR-600}.THEME_NAME.md-button-toggle.md-primary .md-toggle{color:PRIMARY-CONTRAST;background-color:PRIMARY-COLOR}.THEME_NAME.md-button-toggle.md-primary .md-toggle:hover:not([disabled]){background-color:PRIMARY-COLOR-600}.THEME_NAME.md-button-toggle.md-primary .md-toggle+.md-toggle:after{background-color:PRIMARY-COLOR-700}.THEME_NAME.md-button-toggle.md-accent .md-toggle{color:ACCENT-CONTRAST;background-color:ACCENT-COLOR}.THEME_NAME.md-button-toggle.md-accent .md-toggle:hover:not([disabled]){background-color:ACCENT-COLOR-600}.THEME_NAME.md-button-toggle.md-accent .md-toggle+.md-toggle:after{background-color:ACCENT-COLOR-700}.THEME_NAME.md-button-toggle.md-warn .md-toggle{color:WARN-CONTRAST;background-color:WARN-COLOR}.THEME_NAME.md-button-toggle.md-warn .md-toggle:hover:not([disabled]){background-color:WARN-COLOR-600}.THEME_NAME.md-button-toggle.md-warn .md-toggle+.md-toggle:after{background-color:WARN-COLOR-700}.THEME_NAME.md-button-toggle [disabled]{color:rgba(0,0,0,0.26)}.THEME_NAME.md-button-toggle [disabled].md-toggle{color:BACKGROUND-CONTRAST-0.2;background-color:rgba(0,0,0,0.26)}\n'},function(t,e){t.exports=".THEME_NAME.md-card{background-color:BACKGROUND-COLOR-A100}.THEME_NAME.md-card.md-primary{background-color:PRIMARY-COLOR;color:PRIMARY-CONTRAST}.THEME_NAME.md-card.md-primary .md-card-header .md-icon-button .md-icon,.THEME_NAME.md-card.md-primary .md-card-actions .md-icon-button .md-icon{color:PRIMARY-CONTRAST-0.87}.THEME_NAME.md-card.md-accent{background-color:ACCENT-COLOR;color:ACCENT-CONTRAST}.THEME_NAME.md-card.md-accent .md-card-header .md-icon-button .md-icon,.THEME_NAME.md-card.md-accent .md-card-actions .md-icon-button .md-icon{color:ACCENT-CONTRAST-0.87}.THEME_NAME.md-card.md-warn{background-color:WARN-COLOR;color:WARN-CONTRAST}.THEME_NAME.md-card.md-warn .md-card-header .md-icon-button .md-icon,.THEME_NAME.md-card.md-warn .md-card-actions .md-icon-button .md-icon{color:WARN-CONTRAST-0.87}.THEME_NAME.md-card .md-card-header .md-icon-button .md-icon,.THEME_NAME.md-card .md-card-actions .md-icon-button .md-icon{color:BACKGROUND-CONTRAST-0.54}.THEME_NAME.md-card>.md-card-area:after{background-color:BACKGROUND-CONTRAST-0.12}.THEME_NAME.md-card .md-card-media-cover.md-text-scrim .md-backdrop{background:linear-gradient(to bottom, BACKGROUND-CONTRAST-0.0 20%, BACKGROUND-CONTRAST-0.275 66%, BACKGROUND-CONTRAST-0.55 100%)}.THEME_NAME.md-card .md-card-media-cover.md-solid .md-card-area{background-color:BACKGROUND-CONTRAST-0.4}.THEME_NAME.md-card .md-card-expand .md-card-actions{background-color:BACKGROUND-COLOR-A100}\n"},function(t,e){t.exports=".THEME_NAME.md-checkbox.md-checked .md-checkbox-container{background-color:ACCENT-COLOR;border-color:ACCENT-COLOR}.THEME_NAME.md-checkbox.md-checked .md-checkbox-container:after{border-color:ACCENT-CONTRAST}.THEME_NAME.md-checkbox.md-checked .md-ink-ripple{color:ACCENT-COLOR}.THEME_NAME.md-checkbox.md-checked .md-ripple{opacity:.38}.THEME_NAME.md-checkbox.md-primary.md-checked .md-checkbox-container{background-color:PRIMARY-COLOR;border-color:PRIMARY-COLOR}.THEME_NAME.md-checkbox.md-primary.md-checked .md-checkbox-container:after{border-color:PRIMARY-CONTRAST}.THEME_NAME.md-checkbox.md-primary.md-checked .md-ink-ripple{color:PRIMARY-COLOR}.THEME_NAME.md-checkbox.md-warn.md-checked .md-checkbox-container{background-color:WARN-COLOR;border-color:WARN-COLOR}.THEME_NAME.md-checkbox.md-warn.md-checked .md-checkbox-container:after{border-color:WARN-CONTRAST}.THEME_NAME.md-checkbox.md-warn.md-checked .md-ink-ripple{color:WARN-COLOR}.THEME_NAME.md-checkbox.md-disabled.md-checked .md-checkbox-container{background-color:rgba(0,0,0,0.26);border-color:transparent}.THEME_NAME.md-checkbox.md-disabled:not(.md-checked) .md-checkbox-container{border-color:rgba(0,0,0,0.26)}\n";
+},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=".THEME_NAME.md-select:after{color:BACKGROUND-CONTRAST-0.54}.THEME_NAME.md-select:after{color:BACKGROUND-CONTRAST-0.38}.THEME_NAME.md-select-content .md-menu-item.md-selected,.THEME_NAME.md-select-content .md-menu-item.md-checked{color:PRIMARY-COLOR}\n"},function(t,e){t.exports=".THEME_NAME.md-sidenav .md-sidenav-content{background-color:BACKGROUND-COLOR-A100;color:BACKGROUND-CONTRAST}\n"},function(t,e){t.exports=".THEME_NAME.md-spinner .md-spinner-path{stroke:PRIMARY-COLOR}.THEME_NAME.md-spinner.md-accent .md-spinner-path{stroke:ACCENT-COLOR}.THEME_NAME.md-spinner.md-warn .md-spinner-path{stroke:WARN-COLOR}\n"},function(t,e){t.exports=".THEME_NAME.md-subheader.md-primary{color:PRIMARY-COLOR}.THEME_NAME.md-subheader.md-accent{color:ACCENT-COLOR}.THEME_NAME.md-subheader.md-warn{color:WARN-COLOR}\n"},function(t,e){t.exports=".THEME_NAME.md-switch.md-checked .md-switch-container{background-color:ACCENT-COLOR-500-0.5}.THEME_NAME.md-switch.md-checked .md-switch-thumb{background-color:ACCENT-COLOR}.THEME_NAME.md-switch.md-checked .md-ink-ripple{color:ACCENT-COLOR}.THEME_NAME.md-switch.md-checked .md-ripple{opacity:.38}.THEME_NAME.md-switch.md-checked.md-primary .md-switch-container{background-color:PRIMARY-COLOR-500-0.5}.THEME_NAME.md-switch.md-checked.md-primary .md-switch-thumb{background-color:PRIMARY-COLOR}.THEME_NAME.md-switch.md-checked.md-primary .md-ink-ripple{color:PRIMARY-COLOR}.THEME_NAME.md-switch.md-checked.md-warn .md-switch-container{background-color:WARN-COLOR-500-0.5}.THEME_NAME.md-switch.md-checked.md-warn .md-switch-thumb{background-color:WARN-COLOR}.THEME_NAME.md-switch.md-checked.md-warn .md-ink-ripple{color:WARN-COLOR}.THEME_NAME.md-switch.md-disabled .md-switch-container,.THEME_NAME.md-switch.md-disabled.md-checked .md-switch-container{background-color:rgba(0,0,0,0.12)}.THEME_NAME.md-switch.md-disabled .md-switch-thumb,.THEME_NAME.md-switch.md-disabled.md-checked .md-switch-thumb{background-color:#bdbdbd}\n"},function(t,e){t.exports=".THEME_NAME.md-table-card .md-toolbar{background-color:BACKGROUND-COLOR-A100;color:BACKGROUND-CONTRAST-A100}.THEME_NAME.md-table-alternate-header{background-color:BACKGROUND-COLOR-A100}.THEME_NAME.md-table-alternate-header .md-toolbar{background-color:ACCENT-COLOR-A100-0.2;color:ACCENT-CONTRAST-A100}.THEME_NAME.md-table-alternate-header .md-counter{color:ACCENT-COLOR}\n"},function(t,e){t.exports=".THEME_NAME.md-tabs>.md-tabs-navigation{background-color:PRIMARY-COLOR}.THEME_NAME.md-tabs>.md-tabs-navigation .md-tab-header{color:PRIMARY-CONTRAST-0.54}.THEME_NAME.md-tabs>.md-tabs-navigation .md-tab-header.md-active,.THEME_NAME.md-tabs>.md-tabs-navigation .md-tab-header:focus{color:PRIMARY-CONTRAST}.THEME_NAME.md-tabs>.md-tabs-navigation .md-tab-header.md-disabled{color:PRIMARY-CONTRAST-0.26}.THEME_NAME.md-tabs>.md-tabs-navigation .md-tab-indicator{background-color:ACCENT-COLOR}.THEME_NAME.md-tabs.md-transparent>.md-tabs-navigation{background-color:transparent;border-bottom:1px solid BACKGROUND-CONTRAST-0.12}.THEME_NAME.md-tabs.md-transparent>.md-tabs-navigation .md-tab-header{color:BACKGROUND-CONTRAST-0.54}.THEME_NAME.md-tabs.md-transparent>.md-tabs-navigation .md-tab-header.md-active,.THEME_NAME.md-tabs.md-transparent>.md-tabs-navigation .md-tab-header:focus{color:PRIMARY-COLOR}.THEME_NAME.md-tabs.md-transparent>.md-tabs-navigation .md-tab-header.md-disabled{color:BACKGROUND-CONTRAST-0.26}.THEME_NAME.md-tabs.md-transparent>.md-tabs-navigation .md-tab-indicator{background-color:PRIMARY-COLOR}.THEME_NAME.md-tabs.md-accent>.md-tabs-navigation{background-color:ACCENT-COLOR}.THEME_NAME.md-tabs.md-accent>.md-tabs-navigation .md-tab-header{color:ACCENT-CONTRAST-0.54}.THEME_NAME.md-tabs.md-accent>.md-tabs-navigation .md-tab-header.md-active,.THEME_NAME.md-tabs.md-accent>.md-tabs-navigation .md-tab-header:focus{color:ACCENT-CONTRAST}.THEME_NAME.md-tabs.md-accent>.md-tabs-navigation .md-tab-header.md-disabled{color:ACCENT-CONTRAST-0.26}.THEME_NAME.md-tabs.md-accent>.md-tabs-navigation .md-tab-indicator{background-color:BACKGROUND-COLOR}.THEME_NAME.md-tabs.md-warn>.md-tabs-navigation{background-color:WARN-COLOR}.THEME_NAME.md-tabs.md-warn>.md-tabs-navigation .md-tab-header{color:WARN-CONTRAST-0.54}.THEME_NAME.md-tabs.md-warn>.md-tabs-navigation .md-tab-header.md-active,.THEME_NAME.md-tabs.md-warn>.md-tabs-navigation .md-tab-header:focus{color:WARN-CONTRAST}.THEME_NAME.md-tabs.md-warn>.md-tabs-navigation .md-tab-header.md-disabled{color:WARN-CONTRAST-0.26}.THEME_NAME.md-tabs.md-warn>.md-tabs-navigation .md-tab-indicator{background-color:BACKGROUND-COLOR}\n"},function(t,e){t.exports=".THEME_NAME.md-toolbar{background-color:PRIMARY-COLOR;color:PRIMARY-CONTRAST}.THEME_NAME.md-toolbar.md-accent{background-color:ACCENT-COLOR;color:ACCENT-CONTRAST}.THEME_NAME.md-toolbar.md-warn{background-color:WARN-COLOR;color:WARN-CONTRAST}.THEME_NAME.md-toolbar.md-transparent{background-color:transparent;color:BACKGROUND-CONTRAST}\n"},function(t,e){t.exports=".THEME_NAME :not(input):not(textarea)::selection{background:ACCENT-COLOR;color:ACCENT-CONTRAST}.THEME_NAME a:not(.md-button){color:ACCENT-COLOR}.THEME_NAME a:not(.md-button):hover{color:ACCENT-COLOR-800}body.THEME_NAME{background-color:BACKGROUND-COLOR-A100;color:BACKGROUND-CONTRAST-0.87}.THEME_NAME .md-caption,.THEME_NAME .md-display-1,.THEME_NAME .md-display-2,.THEME_NAME .md-display-3,.THEME_NAME .md-display-4{color:BACKGROUND-CONTRAST-0.57}.THEME_NAME code:not(.hljs){background-color:ACCENT-COLOR-A100-0.2;color:ACCENT-COLOR-800}\n"},function(t,e){!function(){function t(t,a){var o=t[a];t[a]=function(t){var a,i=!1,d=!1;return t.match(n)?(t=t.replace(n,""),this.parentNode||(e.appendChild(this),d=!0),parentNode=this.parentNode,this.id||(this.id="rootedQuerySelector_id_"+(new Date).getTime(),i=!0),a=o.call(parentNode,"#"+this.id+" "+t),i&&(this.id=""),d&&e.removeChild(this),a):o.call(this,t)}}if(!HTMLElement.prototype.querySelectorAll)throw new Error("rootedQuerySelectorAll: This polyfill can only be used with browsers that support querySelectorAll");var e=document.createElement("div");try{e.querySelectorAll(":scope *")}catch(e){var n=/^\s*:scope/gi;t(HTMLElement.prototype,"querySelector"),t(HTMLElement.prototype,"querySelectorAll")}}()},function(t,e){function n(t){var e;if("SELECT"===t.nodeName)t.focus(),e=t.value;else if("INPUT"===t.nodeName||"TEXTAREA"===t.nodeName)t.focus(),t.setSelectionRange(0,t.value.length),e=t.value;else{t.hasAttribute("contenteditable")&&t.focus();var n=window.getSelection(),a=document.createRange();a.selectNodeContents(t),n.removeAllRanges(),n.addRange(a),e=n.toString()}return e}t.exports=n},function(t,e){function n(){}n.prototype={on:function(t,e,n){var a=this.e||(this.e={});return(a[t]||(a[t]=[])).push({fn:e,ctx:n}),this},once:function(t,e,n){function a(){o.off(t,a),e.apply(n,arguments)}var o=this;return a._=e,this.on(t,a,n)},emit:function(t){var e=[].slice.call(arguments,1),n=((this.e||(this.e={}))[t]||[]).slice(),a=0,o=n.length;for(a;a<o;a++)n[a].fn.apply(n[a].ctx,e);return this},off:function(t,e){var n=this.e||(this.e={}),a=n[t],o=[];if(a&&e)for(var i=0,d=a.length;i<d;i++)a[i].fn!==e&&a[i].fn._!==e&&o.push(a[i]);return o.length?n[t]=o:delete n[t],this}},t.exports=n},function(t,e,n){var a,o;n(142),a=n(43);var i=n(340);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(137),a=n(44);var i=n(335);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,o._scopeId="data-v-3ca015cc",t.exports=a},function(t,e,n){var a,o;n(136),n(135),a=n(45);var i=n(330);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,o._scopeId="data-v-3312504a",t.exports=a},function(t,e,n){var a,o;n(124);var i=n(316);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,o._scopeId="data-v-150110ac",t.exports=a},function(t,e,n){var a,o;n(126),n(127),a=n(46);var i=n(318);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,o._scopeId="data-v-15c4d572",t.exports=a},function(t,e,n){var a,o;n(167),a=n(47);var i=n(378);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,o._scopeId="data-v-a75df1d8",t.exports=a},function(t,e,n){var a,o;n(120);var i=n(310);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,o._scopeId="data-v-059a402f",t.exports=a},function(t,e,n){var a,o;n(128),a=n(48);var i=n(319);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(150);var i=n(356);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,o._scopeId="data-v-6918392a",t.exports=a},function(t,e,n){var a,o;n(171);var i=n(385);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,o._scopeId="data-v-d3f0892a",t.exports=a},function(t,e,n){var a,o;n(119);var i=n(308);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,o._scopeId="data-v-0433a5e8",t.exports=a},function(t,e,n){var a,o;n(153);var i=n(362);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,o._scopeId="data-v-71526c58",t.exports=a},function(t,e,n){var a,o;n(132),a=n(49);var i=n(326);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,o._scopeId="data-v-24874b3d",t.exports=a},function(t,e,n){var a,o;n(123);var i=n(314);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,o._scopeId="data-v-13cae4e1",t.exports=a},function(t,e,n){var a,o;n(168),a=n(50);var i=n(379);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,o._scopeId="data-v-b2bd28d4",t.exports=a},function(t,e,n){var a,o;n(151);var i=n(359);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,o._scopeId="data-v-6e7e0ccb",t.exports=a},function(t,e,n){var a,o;a=n(51);var i=n(351);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(174),a=n(52);var i=n(391);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,o._scopeId="data-v-e65f137a",t.exports=a},function(t,e,n){var a,o,i=n(338);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(141);var i=n(339);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,o._scopeId="data-v-4615340b",t.exports=a},function(t,e,n){var a,o;n(146),a=n(53);var i=n(345);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,o._scopeId="data-v-4f85dac2",t.exports=a},function(t,e,n){var a,o;n(160),n(161);var i=n(370);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,o._scopeId="data-v-819e694e",t.exports=a},function(t,e,n){var a,o;n(144);var i=n(342);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,o._scopeId="data-v-4afee79a",t.exports=a},function(t,e,n){var a,o;a=n(54);var i=n(332);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(157),a=n(55);var i=n(367);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,o._scopeId="data-v-7caab3f7",t.exports=a},function(t,e,n){var a,o;n(152),a=n(56);var i=n(361);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,o._scopeId="data-v-70fc7701",t.exports=a},function(t,e,n){var a,o;n(163),a=n(57);var i=n(374);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,o._scopeId="data-v-9c4b5ba4",t.exports=a},function(t,e,n){var a,o,i=n(381);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(58);var i=n(357);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(121),a=n(59);var i=n(311);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,o._scopeId="data-v-080f56ba",t.exports=a},function(t,e,n){var a,o,i=n(333);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(156);var i=n(366);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,o._scopeId="data-v-7aafaa90",t.exports=a},function(t,e,n){var a,o;n(139);var i=n(336);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,o._scopeId="data-v-406a6b18",t.exports=a},function(t,e,n){var a,o;n(125);var i=n(317);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,o._scopeId="data-v-15951f42",t.exports=a},function(t,e,n){var a,o;n(154);var i=n(364);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,o._scopeId="data-v-7868a37f",t.exports=a},function(t,e,n){var a,o;n(170);var i=n(383);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,o._scopeId="data-v-caa7bc1c",t.exports=a},function(t,e,n){var a,o;n(148);var i=n(354);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,o._scopeId="data-v-65ea3bd7",t.exports=a},function(t,e,n){var a,o;n(166);var i=n(377);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,o._scopeId="data-v-a5e4ce48",t.exports=a},function(t,e,n){var a,o;n(129),a=n(60);var i=n(322);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(173),a=n(61);var i=n(388);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(118),a=n(62);var i=n(307);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(63);var i=n(321);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(162),a=n(64);var i=n(373);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(122),a=n(65);var i=n(312);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(147),a=n(66);var i=n(346);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,i=n(363);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(67);var i=n(331);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,i=n(306);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(68);var i=n(386);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,i=n(327);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(69);var i=n(334);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(70);var i=n(352);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,i=n(372);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(71);var i=n(320);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(164),a=n(72);var i=n(375);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(155),a=n(73);var i=n(365);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,i=n(358);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,i=n(313);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,i=n(305);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(74);var i=n(390);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(75);var i=n(360);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(76);var i=n(309);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(133);var i=n(328);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(176),a=n(77);var i=n(393);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(78);var i=n(348);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(145),a=n(79);var i=n(344);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(80);var i=n(353);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(131),a=n(81),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(140),a=n(82);var i=n(337);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(83);var i=n(315);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(84),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(116),a=n(85);var i=n(304);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(86);var i=n(347);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(87);var i=n(350);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(175),a=n(88);var i=n(392);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(89);var i=n(380);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(130),a=n(90);var i=n(323);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(143),a=n(91);var i=n(341);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(159),a=n(92);var i=n(368);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(165),a=n(93);var i=n(376);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(158),a=n(94),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(172),a=n(95);var i=n(387);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(96);var i=n(324);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(97);var i=n(389);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(98);var i=n(349);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(99);var i=n(325);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(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("Material Design")]),t._v(" specs. Build powerful and well-designed web apps that can can fit on every screen.")])]),t._v(" "),e("div",{staticClass:"column"},[e("h2",{staticClass:"md-headline"},[t._v("Full-featured")]),t._v(" "),e("p",[t._v("You can generate and use themes dynamically, use components on demand, take advantage of UI Elements and Components with an ease-to-use API and more...")])]),t._v(" "),e("div",{staticClass:"column"},[e("h2",{staticClass:"md-headline"},[t._v("Compatible")]),t._v(" "),e("p",[t._v("It aims to deliver a collection of reusable components and a series of UI Elements to build applications with support to all modern Web Browsers through Vue 2.0.")])])])])])])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=(t.$createElement,t._c);return e("md-dialog",{ref:"dialog",staticClass:"md-dialog-prompt",on:{close:function(e){t.fireCloseEvent("cancel")}}},[t.mdTitle?e("md-dialog-title",[t._v(t._s(t.mdTitle))]):t._e(),t._v(" "),t.mdContentHtml?e("md-dialog-content",{domProps:{innerHTML:t._s(t.mdContentHtml)}}):t._e(),t._v(" "),t.mdContent?e("md-dialog-content",[t._v(t._s(t.mdContent))]):t._e(),t._v(" "),e("md-dialog-content",[e("md-input-container",[e("md-input",{ref:"input",attrs:{id:t.mdInputId,name:t.mdInputName,maxlength:t.mdInputMaxlength,placeholder:t.mdInputPlaceholder,value:t.value},nativeOn:{keydown:function(e){t._k(e.keyCode,"enter",13)||t.confirmValue(e)}}})])]),t._v(" "),e("md-dialog-actions",[e("md-button",{staticClass:"md-primary",on:{click:function(e){t.close("cancel")}}},[t._v(t._s(t.mdCancelText))]),t._v(" "),e("md-button",{staticClass:"md-primary",on:{click:t.confirmValue}},[t._v(t._s(t.mdOkText))])])])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=(t.$createElement,t._c);return e("page-content",{attrs:{"page-title":"About"}},[e("div",{staticClass:"main-content"},[e("section",[e("h2",{staticClass:"md-headline"},[t._v("Author")]),t._v(" "),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://github.com/marcosmoura",target:"_blank",rel:"noopener"}},[t._v("GitHub")]),t._v(" "),e("a",{attrs:{href:"https://linkedin.com/in/marcosvmmoura",target:"_blank",rel:"noopener"}},[t._v("Linkedin")])])])])]),t._v(" "),e("section",[e("h2",{staticClass:"md-headline"},[t._v("Browser Support")]),t._v(" "),e("p",[t._v("Vue Material supports the latest version of all Browsers. This means:")]),t._v(" "),e("ul",[e("li",[t._v("Google Chrome 50+")]),t._v(" "),e("li",[t._v("Firefox 48+")]),t._v(" "),e("li",[t._v("Safari 9+")]),t._v(" "),e("li",[t._v("Opera 40+")]),t._v(" "),e("li",[t._v("IE 11")]),t._v(" "),e("li",[t._v("Edge")])])]),t._v(" "),e("section",[e("h2",{staticClass:"md-headline"},[t._v("Credits and Thanks")]),t._v(" "),e("ul",[e("li",[t._v("This library aims to delivery components using almost the same API of "),e("a",{attrs:{href:"https://material.angularjs.org/latest/",target:"_blank"}},[t._v("Angular Material")])]),t._v(" "),e("li",[t._v("Thanks a lot to "),e("a",{attrs:{href:"https://github.com/elviskang",target:"_blank"}},[t._v("elviskang")]),t._v(" for donating the npm package name!")]),t._v(" "),e("li",[t._v("Thanks to "),e("a",{attrs:{href:"https://github.com/yyx990803",target:"_blank"}},[t._v("Evan You")]),t._v(" for allowing me to use Vue.js Logo.")])])]),t._v(" "),e("section",[e("h2",{staticClass:"md-headline"},[t._v("Internal Dependencies")]),t._v("\n      You don't need to include any other library to work with vue-material. The focus of this project is to have a standalone build with no external dependence, but aiming to deliver the best experience without break the compatibility with the Vue.js core.\n      "),e("ul",[e("li",[e("a",{attrs:{href:"http://vuejs.org",rel:"noopener",target:"_blank"}},[t._v("Vue")])]),t._v(" "),e("li",[e("a",{attrs:{href:"http://www.jacklmoore.com/autosize/",rel:"noopener",target:"_blank"}},[t._v("autosize")])]),t._v(" "),e("li",[e("a",{attrs:{href:"https://www.npmjs.com/package/element.scrollintoviewifneeded-polyfill",rel:"noopener",target:"_blank"}},[t._v("element.scrollintoviewifneeded-polyfill")])]),t._v(" "),e("li",[e("a",{attrs:{href:"https://github.com/lazd/scopedQuerySelectorShim",rel:"noopener",target:"_blank"}},[t._v("scopedQuerySelectorShim")])])])]),t._v(" "),e("section",[e("h2",{staticClass:"md-headline"},[t._v("License")]),t._v(" "),e("p",[t._v("MIT")])])])])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=(t.$createElement,t._c);return e("page-content",{attrs:{"page-title":"Components - Table"}},[e("docs-component",[e("div",{slot:"description"},[e("p",[t._v("Data tables display sets of raw data. They usually appear in desktop enterprise products. Data tables may be embedded on a surface, such as a card.")])]),t._v(" "),e("div",{slot:"api"},[e("api-table",{attrs:{name:"md-table"}},[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-sort")]),t._v(" "),e("md-table-cell",[e("code",[t._v("String")])]),t._v(" "),e("md-table-cell",[t._v("Property name to match for sorting.")])]),t._v(" "),e("md-table-row",[e("md-table-cell",[t._v("md-sort-type")]),t._v(" "),e("md-table-cell",[e("code",[t._v("String")])]),t._v(" "),e("md-table-cell",[t._v("The order to apply on the sort: "),e("br"),t._v("Values: "),e("code",[t._v("asc")]),t._v(" | "),e("code",[t._v("desc")])])])])]),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("sort")]),t._v(" "),e("md-table-cell",[t._v("Receive the sort object. Example: "),e("br"),e("code",[t._v("{ name: 'calories', type: 'asc' }")])]),t._v(" "),e("md-table-cell",[t._v("Triggered when a column is sorted.")])]),t._v(" "),e("md-table-row",[e("md-table-cell",[t._v("select")]),t._v(" "),e("md-table-cell",[t._v("Receive the all the selected rows as a "),e("code",[t._v("Object")])]),t._v(" "),e("md-table-cell",[t._v("Triggered every time a row is selected.")])])])])]),t._v(" "),e("api-table",{attrs:{name:"md-table-card"}},[e("p",[t._v("Used to create tables inside cards. Optional.")]),t._v(" "),e("p",[t._v("No options available")])]),t._v(" "),e("api-table",{attrs:{name:"md-table-header"}},[e("p",[t._v("Used like a regular "),e("code",[t._v("thead")]),t._v(". Required.")]),t._v(" "),e("p",[t._v("No options available")])]),t._v(" "),e("api-table",{attrs:{name:"md-table-body"}},[e("p",[t._v("Used like a regular "),e("code",[t._v("tbody")]),t._v(". Required.")]),t._v(" "),e("p",[t._v("No options available")])]),t._v(" "),e("api-table",{attrs:{name:"md-table-row"}},[e("p",[t._v("Used like a regular "),e("code",[t._v("tr")]),t._v(". Required.")]),t._v(" "),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-selection")]),t._v(" "),e("md-table-cell",[e("code",[t._v("Boolean")])]),t._v(" "),e("md-table-cell",[t._v("Enable selection inside a particular row. Only works inside "),e("code",[t._v("md-table-body")]),t._v(". Default "),e("code",[t._v("false")])])]),t._v(" "),e("md-table-row",[e("md-table-cell",[t._v("md-auto-select")]),t._v(" "),e("md-table-cell",[e("code",[t._v("Boolean")])]),t._v(" "),e("md-table-cell",[t._v("Click in any area of the row to select it. Only works inside "),e("code",[t._v("md-table-body")]),t._v(". Default "),e("code",[t._v("false")])])]),t._v(" "),e("md-table-row",[e("md-table-cell",[t._v("md-item")]),t._v(" "),e("md-table-cell",[e("code",[t._v("Object")])]),t._v(" "),e("md-table-cell",[t._v("The single item to be returned when the row is selected. Only works inside "),e("code",[t._v("md-table-body")]),t._v(".")])])])])]),t._v(" "),e("api-table",{attrs:{name:"md-table-head"}},[e("p",[t._v("Used like a regular "),e("code",[t._v("th")]),t._v(". Required.")]),t._v(" "),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-numeric")]),t._v(" "),e("md-table-cell",[e("code",[t._v("Boolean")])]),t._v(" "),e("md-table-cell",[t._v("Align the header content to the right. Default "),e("code",[t._v("false")])])]),t._v(" "),e("md-table-row",[e("md-table-cell",[t._v("md-sort-by")]),t._v(" "),e("md-table-cell",[e("code",[t._v("String")])]),t._v(" "),e("md-table-cell",[t._v("The property name to be returned after applying the sort order on that particular column.")])]),t._v(" "),e("md-table-row",[e("md-table-cell",[t._v("md-tooltip")]),t._v(" "),e("md-table-cell",[e("code",[t._v("String")])]),t._v(" "),e("md-table-cell",[t._v("Text displayed inside a tooltip to provide definitions to column headers.")])])])])]),t._v(" "),e("api-table",{attrs:{name:"md-table-cell"}},[e("p",[t._v("Used like a regular "),e("code",[t._v("td")]),t._v(". Required.")]),t._v(" "),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-numeric")]),t._v(" "),e("md-table-cell",[e("code",[t._v("Boolean")])]),t._v(" "),e("md-table-cell",[t._v("Align the cell content to the right. Default "),e("code",[t._v("false")])])])])])]),t._v(" "),e("api-table",{attrs:{name:"md-table-pagination"}},[e("p",[t._v("The pagination element doesn't accept any content inside.")]),t._v(" "),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-size")]),t._v(" "),e("md-table-cell",[e("code",[t._v("Number")])]),t._v(" "),e("md-table-cell",[t._v("Set the amount of rows displayed. Required. Default "),e("code",[t._v("10")])])]),t._v(" "),e("md-table-row",[e("md-table-cell",[t._v("md-page-options")]),t._v(" "),e("md-table-cell",[e("code",[t._v("Array | Boolean")])]),t._v(" "),e("md-table-cell",[t._v("Set the values inside the page amout selector. Default "),e("code",[t._v("[10, 25, 50, 100]")]),t._v(" "),e("br"),t._v("When false this flag will hide the page selector.")])]),t._v(" "),e("md-table-row",[e("md-table-cell",[t._v("md-page")]),t._v(" "),e("md-table-cell",[e("code",[t._v("Number")])]),t._v(" "),e("md-table-cell",[t._v("Current page of the table pagination. Required. Default "),e("code",[t._v("1")])])]),t._v(" "),e("md-table-row",[e("md-table-cell",[t._v("md-total")]),t._v(" "),e("md-table-cell",[e("code",[t._v("Number")])]),t._v(" "),e("md-table-cell",[t._v("Total of items in the collection. This will be used to calculate the amount of pages left. Default "),e("code",[t._v("Many")])])]),t._v(" "),e("md-table-row",[e("md-table-cell",[t._v("md-label")]),t._v(" "),e("md-table-cell",[e("code",[t._v("String")])]),t._v(" "),e("md-table-cell",[t._v("Text to be shown on the left of the page selector. Default "),e("code",[t._v("Rows per page")])])]),t._v(" "),e("md-table-row",[e("md-table-cell",[t._v("md-separator")]),t._v(" "),e("md-table-cell",[e("code",[t._v("String")])]),t._v(" "),e("md-table-cell",[t._v("Text to be shown on the left of the page selector. Default "),e("code",[t._v("of")])])])])])]),t._v(" "),e("api-table",{attrs:{name:"md-table-alternate-header"}},[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-selected-label")]),t._v(" "),e("md-table-cell",[e("code",[t._v("String")])]),t._v(" "),e("md-table-cell",[t._v("The text to be shown after the amount of items selected.")])])])])])]),t._v(" "),e("div",{slot:"example"},[e("example-box",{attrs:{"card-title":"Plain"}},[e("div",{slot:"demo"},[t._m(0)]),t._v(" "),e("div",{slot:"code"},[e("code-block",{attrs:{lang:"xml"}},[t._v('\n            <md-table v-once>\n              <md-table-header>\n                <md-table-row>\n                  <md-table-head>Dessert (100g serving)</md-table-head>\n                  <md-table-head md-numeric>Calories (g)</md-table-head>\n                  <md-table-head md-numeric>Fat (g)</md-table-head>\n                  <md-table-head md-numeric>Carbs (g)</md-table-head>\n                  <md-table-head md-numeric>Protein (g)</md-table-head>\n                </md-table-row>\n              </md-table-header>\n\n              <md-table-body>\n                <md-table-row v-for="(row, index) in 5" :key="index">\n                  <md-table-cell>Dessert Name</md-table-cell>\n                  <md-table-cell v-for="(col, index) in 4" :key="index" md-numeric>10</md-table-cell>\n                </md-table-row>\n              </md-table-body>\n            </md-table>\n          ')])])]),t._v(" "),e("example-box",{attrs:{"card-title":"Sort"}},[e("div",{slot:"demo"},[e("md-table",{attrs:{"md-sort":"calories"}},[e("md-table-header",[e("md-table-row",[e("md-table-head",{attrs:{"md-sort-by":"dessert"}},[t._v("Dessert (100g serving)")]),t._v(" "),e("md-table-head",{attrs:{"md-sort-by":"calories","md-numeric":"","md-tooltip":"The total amount of food energy and the given serving size"}},[t._v("Calories (g)")]),t._v(" "),e("md-table-head",{attrs:{"md-sort-by":"fat","md-numeric":""}},[t._v("Fat (g)")]),t._v(" "),e("md-table-head",{attrs:{"md-sort-by":"carbs","md-numeric":""}},[t._v("Carbs (g)")]),t._v(" "),e("md-table-head",{attrs:{"md-sort-by":"protein","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)}))])]),t._v(" "),e("div",{slot:"code"},[e("code-block",{attrs:{lang:"xml"}},[t._v('\n            <md-table md-sort="calories">\n              <md-table-header>\n                <md-table-row>\n                  <md-table-head md-sort-by="dessert">Dessert (100g serving)</md-table-head>\n                  <md-table-head md-sort-by="calories" md-numeric md-tooltip="The total amount of food energy and the given serving size">Calories (g)</md-table-head>\n                  <md-table-head md-sort-by="fat" md-numeric>Fat (g)</md-table-head>\n                  <md-table-head md-sort-by="carbs" md-numeric>Carbs (g)</md-table-head>\n                  <md-table-head md-sort-by="protein" md-numeric>Protein (g)</md-table-head>\n                </md-table-row>\n              </md-table-header>\n\n              <md-table-body>\n                <md-table-row v-for="(row, index) in 5" :key="index">\n                  <md-table-cell>Dessert Name</md-table-cell>\n                  <md-table-cell v-for="(col, index) in 4" :key="index" md-numeric>10</md-table-cell>\n                </md-table-row>\n              </md-table-body>\n            </md-table>\n          ')])])]),t._v(" "),e("example-box",{attrs:{"card-title":"Within cards with pagination"}},[e("div",{slot:"demo"},[e("md-table-card",[e("md-toolbar",[e("h1",{staticClass:"md-title"},[t._v("Nutrition")]),t._v(" "),e("md-button",{staticClass:"md-icon-button"},[e("md-icon",[t._v("filter_list")])]),t._v(" "),e("md-button",{staticClass:"md-icon-button"},[e("md-icon",[t._v("search")])])]),t._v(" "),e("md-table",{attrs:{"md-sort":"dessert","md-sort-type":"desc"},on:{select:t.onSelect,sort:t.onSort}},[e("md-table-header",[e("md-table-row",[e("md-table-head",{attrs:{"md-sort-by":"dessert"}},[t._v("Dessert (100g serving)")]),t._v(" "),e("md-table-head",{attrs:{"md-sort-by":"calories","md-numeric":"","md-tooltip":"The total amount of food energy and the given serving size"}},[t._v("Calories (g)")]),t._v(" "),e("md-table-head",{attrs:{"md-sort-by":"fat","md-numeric":""}},[t._v("Fat (g)")]),t._v(" "),e("md-table-head",[e("md-icon",[t._v("message")]),t._v(" "),e("span",[t._v("Comments")])])])]),t._v(" "),e("md-table-body",t._l(t.nutrition,function(n,a){return e("md-table-row",{key:a,attrs:{"md-item":n,"md-auto-select":"","md-selection":""}},t._l(n,function(n,a){return"type"!==a?e("md-table-cell",{key:a,attrs:{"md-numeric":"dessert"!==a&&"comment"!==a}},[t._v("\n                    "+t._s(n)+"\n                  ")]):t._e()}))}))]),t._v(" "),e("md-table-pagination",{attrs:{"md-size":"5","md-total":"10","md-page":"1","md-label":"Rows","md-separator":"of","md-page-options":[5,10,25,50]},on:{pagination:t.onPagination}})]),t._v(" "),e("div",{staticClass:"output"},[e("h2",{staticClass:"md-title"},[t._v("Selected Data")]),t._v(" "),e("pre",[t._v(t._s(t.selectedData))])]),t._v(" "),e("div",{staticClass:"output"},[e("h2",{staticClass:"md-title"},[t._v("Current Sort")]),t._v(" "),e("pre",[t._v(t._s(t.sort))])]),t._v(" "),e("div",{staticClass:"output"},[e("h2",{staticClass:"md-title"},[t._v("Current Pagination")]),t._v(" "),e("pre",[t._v(t._s(t.page))])])]),t._v(" "),e("div",{slot:"code"},[e("code-block",{attrs:{lang:"xml"}},[t._v('\n            <md-table-card>\n              <md-toolbar>\n                <h1 class="md-title">Nutrition</h1>\n                <md-button class="md-icon-button">\n                  <md-icon>filter_list</md-icon>\n                </md-button>\n\n                <md-button class="md-icon-button">\n                  <md-icon>search</md-icon>\n                </md-button>\n              </md-toolbar>\n\n              <md-table md-sort="dessert" md-sort-type="desc" @select="onSelect" @sort="onSort">\n                <md-table-header>\n                  <md-table-row>\n                    <md-table-head md-sort-by="dessert">Dessert (100g serving)</md-table-head>\n                    <md-table-head md-sort-by="calories" md-numeric md-tooltip="The total amount of food energy and the given serving size">Calories (g)</md-table-head>\n                    <md-table-head md-sort-by="fat" md-numeric>Fat (g)</md-table-head>\n                    <md-table-head>\n                      <md-icon>message</md-icon>\n                      <span>Comments</span>\n                    </md-table-head>\n                  </md-table-row>\n                </md-table-header>\n\n                <md-table-body>\n                  <md-table-row v-for="(row, rowIndex) in nutrition" :key="rowIndex" :md-item="row" md-auto-select md-selection>\n                    <md-table-cell v-for="(column, columnIndex) in row" :key="columnIndex" :md-numeric="columnIndex !== \'dessert\' && columnIndex !== \'comment\'" v-if="columnIndex !== \'type\'">\n                      '+t._s("{{ column }}")+'\n                    </md-table-cell>\n                  </md-table-row>\n                </md-table-body>\n              </md-table>\n\n              <md-table-pagination\n                md-size="5"\n                md-total="10"\n                md-page="1"\n                md-label="Rows"\n                md-separator="of"\n                :md-page-options="[5, 10, 25, 50]"\n                @pagination="onPagination"></md-table-pagination>\n            </md-table-card>\n          ')]),t._v(" "),e("code-block",{attrs:{lang:"javascript"}},[t._v("\n            export default {\n              data: () => ({\n                nutrition: [\n                  {\n                    dessert: 'Frozen yogurt',\n                    type: 'ice_cream',\n                    calories: '159',\n                    fat: '6.0',\n                    comment: 'Icy'\n                  },\n                  {\n                    dessert: 'Ice cream sandwich',\n                    type: 'ice_cream',\n                    calories: '237',\n                    fat: '9.0',\n                    comment: 'Super Tasty'\n                  },\n                  {\n                    dessert: 'Eclair',\n                    type: 'pastry',\n                    calories: '262',\n                    fat: '16.0',\n                    comment: ''\n                  },\n                  {\n                    dessert: 'Cupcake',\n                    type: 'pastry',\n                    calories: '305',\n                    fat: '3.7',\n                    comment: ''\n                  },\n                  {\n                    dessert: 'Gingerbread',\n                    type: 'other',\n                    calories: '356',\n                    fat: '16.0',\n                    comment: ''\n                  }\n                ],\n              })\n            }\n          ")])])]),t._v(" "),e("example-box",{attrs:{"card-title":"Inline menus, edit icon and alternate headers"}},[e("div",{slot:"demo"},[e("md-table-card",[e("md-toolbar",[e("h1",{staticClass:"md-title"},[t._v("Nutrition")]),t._v(" "),e("md-button",{staticClass:"md-icon-button"},[e("md-icon",[t._v("filter_list")])]),t._v(" "),e("md-button",{staticClass:"md-icon-button"},[e("md-icon",[t._v("search")])])]),t._v(" "),e("md-table-alternate-header",{attrs:{"md-selected-label":"selected"}},[e("md-button",{staticClass:"md-icon-button"},[e("md-icon",[t._v("delete")])]),t._v(" "),e("md-button",{staticClass:"md-icon-button"},[e("md-icon",[t._v("more_vert")])])]),t._v(" "),e("md-table",{attrs:{"md-sort":"calories"}},[e("md-table-header",[e("md-table-row",[e("md-table-head",{attrs:{"md-sort-by":"dessert"}},[t._v("Dessert (100g serving)")]),t._v(" "),e("md-table-head",{attrs:{"md-sort-by":"type",width:"100px"}},[t._v("Type")]),t._v(" "),e("md-table-head",{attrs:{"md-sort-by":"calories","md-numeric":"","md-tooltip":"The total amount of food energy and the given serving size"}},[t._v("Calories (g)")]),t._v(" "),e("md-table-head",{attrs:{"md-sort-by":"fat","md-numeric":""}},[t._v("Fat (g)")]),t._v(" "),e("md-table-head",[e("md-icon",[t._v("message")]),t._v(" "),e("span",[t._v("Comments")])])])]),t._v(" "),e("md-table-body",t._l(t.nutrition,function(n,a){return e("md-table-row",{key:a,attrs:{"md-item":n,"md-selection":""}},t._l(n,function(n,o){return e("md-table-cell",{key:o,attrs:{"md-numeric":"dessert"!==o&&"comment"!==o&&"type"!==o}},["comment"===o?e("span",[t._v(t._s(n))]):t._e(),t._v(" "),"comment"===o?e("md-button",{staticClass:"md-icon-button"},[e("md-icon",[t._v("edit")])]):t._e(),t._v(" "),"type"===o?e("md-select",{directives:[{name:"model",rawName:"v-model",value:t.nutrition[a].type,expression:"nutrition[rowIndex].type"}],attrs:{placeholder:"Type",name:"type"+o,id:"type"+o},domProps:{value:t.nutrition[a].type},on:{input:function(e){t.nutrition[a].type=e}}},[e("md-option",{attrs:{value:"ice_cream"}},[t._v("Ice Cream")]),t._v(" "),e("md-option",{attrs:{value:"pastry"}},[t._v("Pastry")]),t._v(" "),e("md-option",{attrs:{value:"other"}},[t._v("Other")])]):t._e(),t._v(" "),"type"!==o&&"comment"!==o?e("span",[t._v(t._s(n))]):t._e()])}))}))])])]),t._v(" "),e("div",{slot:"code"},[e("code-block",{attrs:{lang:"xml"}},[t._v('\n            <md-table-card>\n              <md-toolbar>\n                <h1 class="md-title">Nutrition</h1>\n                <md-button class="md-icon-button">\n                  <md-icon>filter_list</md-icon>\n                </md-button>\n\n                <md-button class="md-icon-button">\n                  <md-icon>search</md-icon>\n                </md-button>\n              </md-toolbar>\n\n              <md-table-alternate-header md-selected-label="selected">\n                <md-button class="md-icon-button">\n                  <md-icon>delete</md-icon>\n                </md-button>\n\n                <md-button class="md-icon-button">\n                  <md-icon>more_vert</md-icon>\n                </md-button>\n              </md-table-alternate-header>\n\n              <md-table md-sort="calories">\n                <md-table-header>\n                  <md-table-row>\n                    <md-table-head md-sort-by="dessert">Dessert (100g serving)</md-table-head>\n                    <md-table-head md-sort-by="type" width="100px">Type</md-table-head>\n                    <md-table-head md-sort-by="calories" md-numeric md-tooltip="The total amount of food energy and the given serving size">Calories (g)</md-table-head>\n                    <md-table-head md-sort-by="fat" md-numeric>Fat (g)</md-table-head>\n                    <md-table-head>\n                      <md-icon>message</md-icon>\n                      <span>Comments</span>\n                    </md-table-head>\n                  </md-table-row>\n                </md-table-header>\n\n                <md-table-body>\n                  <md-table-row v-for="(row, rowIndex) in nutrition" :key="rowIndex" :md-item="row" md-selection>\n                    <md-table-cell v-for="(column, columnIndex) in row" :key="columnIndex" :md-numeric="columnIndex !== \'dessert\' && columnIndex !== \'comment\' && columnIndex !== \'type\'">\n                      <span v-if="columnIndex === \'comment\'">'+t._s("{{ column }}")+'</span>\n\n                      <md-button class="md-icon-button" v-if="columnIndex === \'comment\'">\n                        <md-icon>edit</md-icon>\n                      </md-button>\n\n                      <md-select\n                        placeholder="Type"\n                        :name="\'type\' + columnIndex"\n                        :id="\'type\' + columnIndex"\n                        v-model="nutrition[rowIndex].type"\n                        v-if="columnIndex === \'type\'">\n                        <md-option value="ice_cream">Ice Cream</md-option>\n                        <md-option value="pastry">Pastry</md-option>\n                        <md-option value="other">Other</md-option>\n                      </md-select>\n\n                      <span v-if="columnIndex !== \'type\' && columnIndex !== \'comment\'">'+t._s("{{ column }}")+"</span>\n                    </md-table-cell>\n                  </md-table-row>\n                </md-table-body>\n              </md-table>\n            </md-table-card>\n          ")]),t._v(" "),e("code-block",{attrs:{lang:"javascript"}},[t._v("\n            export default {\n              data: () => ({\n                nutrition: [\n                  {\n                    dessert: 'Frozen yogurt',\n                    type: 'ice_cream',\n                    calories: '159',\n                    fat: '6.0',\n                    comment: 'Icy'\n                  },\n                  {\n                    dessert: 'Ice cream sandwich',\n                    type: 'ice_cream',\n                    calories: '237',\n                    fat: '9.0',\n                    comment: 'Super Tasty'\n                  },\n                  {\n                    dessert: 'Eclair',\n                    type: 'pastry',\n                    calories: '262',\n                    fat: '16.0',\n                    comment: ''\n                  },\n                  {\n                    dessert: 'Cupcake',\n                    type: 'pastry',\n                    calories: '305',\n                    fat: '3.7',\n                    comment: ''\n                  },\n                  {\n                    dessert: 'Gingerbread',\n                    type: 'other',\n                    calories: '356',\n                    fat: '16.0',\n                    comment: ''\n                  }\n                ],\n              })\n            }\n          ")])])])])])]);
+},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-button-toggle",{staticClass:"md-button-group md-warn"},[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("strikethrough_s")])]),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-primary"},[e("md-button",{staticClass:"md-icon-button"},[e("md-icon",[t._v("format_bold")])]),t._v(" "),e("md-button",{staticClass:"md-icon-button",attrs:{disabled:""}},[e("md-icon",[t._v("format_italic")])]),t._v(" "),e("md-button",{staticClass:"md-icon-button",attrs:{disabled:""}},[e("md-icon",[t._v("strikethrough_s")])]),t._v(" "),e("md-button",{staticClass:"md-icon-button"},[e("md-icon",[t._v("title")])])]),t._v(" "),e("md-button-toggle",[e("md-button",{staticClass:"md-toggle"},[t._v("Works")]),t._v(" "),e("md-button",{staticClass:"md-toggle"},[t._v("With")]),t._v(" "),e("md-button",[t._v("Text")]),t._v(" "),e("md-button",[t._v("Too")])])]),t._v(" "),e("div",{slot:"code"},[e("code-block",{attrs:{lang:"xml"}},[t._v('\n            <md-button-toggle>\n              <md-button class="md-icon-button md-toggle">\n                <md-icon>format_bold</md-icon>\n              </md-button>\n\n              <md-button class="md-icon-button">\n                <md-icon>format_italic</md-icon>\n              </md-button>\n\n              <md-button class="md-icon-button">\n                <md-icon>strikethrough_s</md-icon>\n              </md-button>\n\n              <md-button class="md-icon-button md-toggle">\n                <md-icon>title</md-icon>\n              </md-button>\n            </md-button-toggle>\n\n            <md-button-toggle class="md-button-group md-primary">\n              <md-button class="md-icon-button md-toggle">\n                <md-icon>format_bold</md-icon>\n              </md-button>\n\n              <md-button class="md-icon-button md-toggle">\n                <md-icon>format_italic</md-icon>\n              </md-button>\n\n              <md-button class="md-icon-button">\n                <md-icon>format_underline</md-icon>\n              </md-button>\n\n              <md-button class="md-icon-button">\n                <md-icon>title</md-icon>\n              </md-button>\n            </md-button-toggle>\n\n            <md-button-toggle class="md-button-group md-accent">\n              <md-button class="md-icon-button md-toggle">\n                <md-icon>format_bold</md-icon>\n              </md-button>\n\n              <md-button class="md-icon-button md-toggle">\n                <md-icon>format_italic</md-icon>\n              </md-button>\n\n              <md-button class="md-icon-button">\n                <md-icon>format_underline</md-icon>\n              </md-button>\n\n              <md-button class="md-icon-button">\n                <md-icon>title</md-icon>\n              </md-button>\n            </md-button-toggle>\n\n            <md-button-toggle class="md-button-group md-warn">\n              <md-button class="md-icon-button md-toggle">\n                <md-icon>format_bold</md-icon>\n              </md-button>\n\n              <md-button class="md-icon-button md-toggle">\n                <md-icon>format_italic</md-icon>\n              </md-button>\n\n              <md-button class="md-icon-button">\n                <md-icon>strikethrough_s</md-icon>\n              </md-button>\n\n              <md-button class="md-icon-button">\n                <md-icon>title</md-icon>\n              </md-button>\n            </md-button-toggle>\n\n            <md-button-toggle class="md-button-group md-primary">\n              <md-button class="md-icon-button">\n                <md-icon>format_bold</md-icon>\n              </md-button>\n\n              <md-button class="md-icon-button" disabled>\n                <md-icon>format_italic</md-icon>\n              </md-button>\n\n              <md-button class="md-icon-button" disabled>\n                <md-icon>strikethrough_s</md-icon>\n              </md-button>\n\n              <md-button class="md-icon-button">\n                <md-icon>title</md-icon>\n              </md-button>\n            </md-button-toggle>\n\n            <md-button-toggle>\n              <md-button class="md-toggle">Works</md-button>\n              <md-button class="md-toggle">With</md-button>\n              <md-button>Text</md-button>\n              <md-button>Too</md-button>\n            </md-button-toggle>\n          ')])])]),t._v(" "),e("example-box",{attrs:{"card-title":"Single Selection"}},[e("div",{slot:"demo"},[e("md-button-toggle",{attrs:{"md-single":""}},[e("md-button",{staticClass:"md-icon-button"},[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",attrs:{"md-single":""}},[e("md-button",{staticClass:"md-icon-button"},[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",attrs:{"md-single":""}},[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("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-warn",attrs:{"md-single":""}},[e("md-button",{staticClass:"md-icon-button"},[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 md-toggle"},[e("md-icon",[t._v("strikethrough_s")])]),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-primary",attrs:{"md-single":""}},[e("md-button",{staticClass:"md-icon-button"},[e("md-icon",[t._v("format_bold")])]),t._v(" "),e("md-button",{staticClass:"md-icon-button",attrs:{disabled:""}},[e("md-icon",[t._v("format_italic")])]),t._v(" "),e("md-button",{staticClass:"md-icon-button",attrs:{disabled:""}},[e("md-icon",[t._v("strikethrough_s")])]),t._v(" "),e("md-button",{staticClass:"md-icon-button"},[e("md-icon",[t._v("title")])])]),t._v(" "),e("md-button-toggle",{attrs:{"md-single":""}},[e("md-button",[t._v("Works")]),t._v(" "),e("md-button",[t._v("With")]),t._v(" "),e("md-button",[t._v("Text")]),t._v(" "),e("md-button",[t._v("Too")])])]),t._v(" "),e("div",{slot:"code"},[e("code-block",{attrs:{lang:"xml"}},[t._v('\n            <md-button-toggle md-single>\n              <md-button class="md-icon-button">\n                <md-icon>format_bold</md-icon>\n              </md-button>\n\n              <md-button class="md-icon-button">\n                <md-icon>format_italic</md-icon>\n              </md-button>\n\n              <md-button class="md-icon-button">\n                <md-icon>strikethrough_s</md-icon>\n              </md-button>\n\n              <md-button class="md-icon-button md-toggle">\n                <md-icon>title</md-icon>\n              </md-button>\n            </md-button-toggle>\n\n            <md-button-toggle md-single class="md-button-group md-primary">\n              <md-button class="md-icon-button">\n                <md-icon>format_bold</md-icon>\n              </md-button>\n\n              <md-button class="md-icon-button md-toggle">\n                <md-icon>format_italic</md-icon>\n              </md-button>\n\n              <md-button class="md-icon-button">\n                <md-icon>format_underline</md-icon>\n              </md-button>\n\n              <md-button class="md-icon-button">\n                <md-icon>title</md-icon>\n              </md-button>\n            </md-button-toggle>\n\n            <md-button-toggle md-single class="md-button-group md-accent">\n              <md-button class="md-icon-button md-toggle">\n                <md-icon>format_bold</md-icon>\n              </md-button>\n\n              <md-button class="md-icon-button">\n                <md-icon>format_italic</md-icon>\n              </md-button>\n\n              <md-button class="md-icon-button">\n                <md-icon>format_underline</md-icon>\n              </md-button>\n\n              <md-button class="md-icon-button">\n                <md-icon>title</md-icon>\n              </md-button>\n            </md-button-toggle>\n\n            <md-button-toggle md-single class="md-button-group md-warn">\n              <md-button class="md-icon-button">\n                <md-icon>format_bold</md-icon>\n              </md-button>\n\n              <md-button class="md-icon-button">\n                <md-icon>format_italic</md-icon>\n              </md-button>\n\n              <md-button class="md-icon-button md-toggle">\n                <md-icon>strikethrough_s</md-icon>\n              </md-button>\n\n              <md-button class="md-icon-button">\n                <md-icon>title</md-icon>\n              </md-button>\n            </md-button-toggle>\n\n            <md-button-toggle md-single class="md-button-group md-primary">\n              <md-button class="md-icon-button">\n                <md-icon>format_bold</md-icon>\n              </md-button>\n\n              <md-button class="md-icon-button" disabled>\n                <md-icon>format_italic</md-icon>\n              </md-button>\n\n              <md-button class="md-icon-button" disabled>\n                <md-icon>strikethrough_s</md-icon>\n              </md-button>\n\n              <md-button class="md-icon-button">\n                <md-icon>title</md-icon>\n              </md-button>\n            </md-button-toggle>\n\n            <md-button-toggle md-single>\n              <md-button>Works</md-button>\n              <md-button>With</md-button>\n              <md-button>Text</md-button>\n              <md-button>Too</md-button>\n            </md-button-toggle>\n          ')])])])])])])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=(t.$createElement,t._c);return e("div",{ref:"expand",staticClass:"md-list-expand",class:t.classes,style:{"margin-bottom":t.height}},[t._t("default")],!0)},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=(t.$createElement,t._c);return e("div",{staticClass:"main-content component-docs"},[e("div",{staticClass:"usage-content"},[e("section",{staticClass:"component-description"},[e("h2",{staticClass:"md-headline"},[t._v("Description")]),t._v(" "),t._t("description")],!0),t._v(" "),t.$slots.api?e("section",{staticClass:"api-documentation"},[e("h2",{staticClass:"md-headline"},[t._v("API Options")]),t._v(" "),t._t("api")],!0):t._e(),t._v(" "),t._t("default")],!0),t._v(" "),e("div",{staticClass:"example-content"},[t._t("example")],!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 - Whiteframe"}},[e("docs-component",[e("div",{slot:"description"},[e("p",[t._v("In the physical world, objects can be stacked or affixed to one another, but cannot pass through each other. Objects also cast shadows and reflect light.")])]),t._v(" "),e("div",{slot:"api"},[e("api-table",{attrs:{name:"md-whiteframe"}},[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-elevation")]),t._v(" "),e("md-table-cell",[e("code",[t._v("Number")])]),t._v(" "),e("md-table-cell",[t._v("The amount of elevation. From 0 to 24. "),e("br"),t._v("Default: "),e("code",[t._v("1")])])]),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 generated html tag "),e("br"),t._v("Default: "),e("code",[t._v("div")])])])])])])]),t._v(" "),e("div",{slot:"example"},[e("example-box",{attrs:{"card-title":"Default"}},[e("div",{slot:"demo"},[e("md-whiteframe",{attrs:{"md-tag":"section"}},[t._v("1dp")]),t._v(" "),e("md-whiteframe",{attrs:{"md-elevation":"2"}},[t._v("2dp")]),t._v(" "),e("md-whiteframe",{attrs:{"md-elevation":"3"}},[t._v("3dp")]),t._v(" "),e("md-whiteframe",{attrs:{"md-elevation":"4"}},[t._v("4dp")]),t._v(" "),e("md-whiteframe",{attrs:{"md-elevation":"5"}},[t._v("5dp")]),t._v(" "),e("md-whiteframe",{attrs:{"md-elevation":"6"}},[t._v("6dp")]),t._v(" "),e("md-whiteframe",{attrs:{"md-elevation":"7"}},[t._v("7dp")]),t._v(" "),e("md-whiteframe",{attrs:{"md-elevation":"8"}},[t._v("8dp")]),t._v(" "),e("md-whiteframe",{attrs:{"md-elevation":"9"}},[t._v("9dp")]),t._v(" "),e("md-whiteframe",{attrs:{"md-elevation":"10"}},[t._v("10dp")]),t._v(" "),e("md-whiteframe",{attrs:{"md-elevation":"11"}},[t._v("11dp")]),t._v(" "),e("md-whiteframe",{attrs:{"md-elevation":"12"}},[t._v("12dp")]),t._v(" "),e("md-whiteframe",{attrs:{"md-elevation":"13"}},[t._v("13dp")]),t._v(" "),e("md-whiteframe",{attrs:{"md-elevation":"14"}},[t._v("14dp")]),t._v(" "),e("md-whiteframe",{attrs:{"md-elevation":"15"}},[t._v("15dp")]),t._v(" "),e("md-whiteframe",{attrs:{"md-elevation":"16"}},[t._v("16dp")]),t._v(" "),e("md-whiteframe",{attrs:{"md-elevation":"17"}},[t._v("17dp")]),t._v(" "),e("md-whiteframe",{attrs:{"md-elevation":"18"}},[t._v("18dp")]),t._v(" "),e("md-whiteframe",{attrs:{"md-elevation":"19"}},[t._v("19dp")]),t._v(" "),e("md-whiteframe",{attrs:{"md-elevation":"20"}},[t._v("20dp")]),t._v(" "),e("md-whiteframe",{attrs:{"md-elevation":"21"}},[t._v("21dp")]),t._v(" "),e("md-whiteframe",{attrs:{"md-elevation":"22"}},[t._v("22dp")]),t._v(" "),e("md-whiteframe",{attrs:{"md-elevation":"23"}},[t._v("23dp")]),t._v(" "),e("md-whiteframe",{attrs:{"md-elevation":"24"}},[t._v("24dp")])]),t._v(" "),e("div",{slot:"code"},[e("code-block",{attrs:{lang:"xml"}},[t._v('\n            <md-whiteframe md-tag="section">1dp</md-whiteframe>\n            <md-whiteframe md-elevation="2">2dp</md-whiteframe>\n            <md-whiteframe md-elevation="3">3dp</md-whiteframe>\n            <md-whiteframe md-elevation="4">4dp</md-whiteframe>\n            <md-whiteframe md-elevation="5">5dp</md-whiteframe>\n            <md-whiteframe md-elevation="6">6dp</md-whiteframe>\n            <md-whiteframe md-elevation="7">7dp</md-whiteframe>\n            <md-whiteframe md-elevation="8">8dp</md-whiteframe>\n            <md-whiteframe md-elevation="9">9dp</md-whiteframe>\n            <md-whiteframe md-elevation="10">10dp</md-whiteframe>\n            <md-whiteframe md-elevation="11">11dp</md-whiteframe>\n            <md-whiteframe md-elevation="12">12dp</md-whiteframe>\n            <md-whiteframe md-elevation="13">13dp</md-whiteframe>\n            <md-whiteframe md-elevation="14">14dp</md-whiteframe>\n            <md-whiteframe md-elevation="15">15dp</md-whiteframe>\n            <md-whiteframe md-elevation="16">16dp</md-whiteframe>\n            <md-whiteframe md-elevation="17">17dp</md-whiteframe>\n            <md-whiteframe md-elevation="18">18dp</md-whiteframe>\n            <md-whiteframe md-elevation="19">19dp</md-whiteframe>\n            <md-whiteframe md-elevation="20">20dp</md-whiteframe>\n            <md-whiteframe md-elevation="21">21dp</md-whiteframe>\n            <md-whiteframe md-elevation="22">22dp</md-whiteframe>\n            <md-whiteframe md-elevation="23">23dp</md-whiteframe>\n            <md-whiteframe md-elevation="24">24dp</md-whiteframe>\n          ')])])])])])])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=(t.$createElement,t._c);return e("div",{staticClass:"example-box"},[e("md-card",{staticClass:"example-box-card"},[e("md-toolbar",{staticClass:"md-dense",attrs:{"md-theme":"white"}},[e("h3",{staticClass:"md-title"},[t._v(t._s(t.cardTitle))])]),t._v(" "),e("md-card-area",[e("md-tabs",{staticClass:"md-transparent example-tabs",attrs:{"md-right":"","md-dynamic-height":!1}},[e("md-tab",{staticClass:"example-content",attrs:{"md-label":"Demo"}},[t._t("demo")],!0),t._v(" "),e("md-tab",{staticClass:"code-content",attrs:{"md-label":"Code"}},[t._t("code")],!0)])]),t._v(" ")]),t._v(" "),t.codeBlocks.length?e("form",{ref:"form",attrs:{action:"http://codepen.io/pen/define",method:"POST",target:"_blank"}},[e("input",{attrs:{type:"hidden",name:"data"},domProps:{value:t.codeString}})]):t._e(),t._v(" "),e("pre",{ref:"initialJs"},[t._v("\nVue.use(VueMaterial)\n\nVue.material.theme.register('default', {\n  primary: 'blue',\n  accent: 'pink'\n})\n\nvar App = new Vue({\n  el: '#app'\n})\n    ")]),t._v(" "),e("pre",{ref:"initialHtml"},[t._v('\n<div id="app">\n  ### TEMPLATE ###\n</div>\n    ')])])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=(t.$createElement,t._c);return e("page-content",{attrs:{"page-title":"Changelog"}},[e("div",{staticClass:"main-content changelog",domProps:{innerHTML:t._s(t.content)}})])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=(t.$createElement,t._c);return e("div",{staticClass:"md-card-media-cover",class:t.classes},[t._t("default"),t._v(" "),t.mdTextScrim?e("div",{ref:"backdrop",staticClass:"md-card-backdrop",style:t.styles}):t._e()],!0)},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=(t.$createElement,t._c);return t.href?e("a",{directives:[{name:"md-ink-ripple",rawName:"v-md-ink-ripple"}],staticClass:"md-bottom-bar-item",class:t.classes,attrs:{href:t.href},on:{click:t.setActive}},[e("md-icon",[t._v(t._s(t.mdIcon))]),t._v(" "),e("span",{staticClass:"md-text"},[t._t("default")],!0)]):e("button",{directives:[{name:"md-ink-ripple",rawName:"v-md-ink-ripple"}],staticClass:"md-bottom-bar-item",class:t.classes,attrs:{type:"button"},on:{click:t.setActive}},[e("md-icon",[t._v(t._s(t.mdIcon))]),t._v(" "),e("span",{staticClass:"md-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:"md-avatar",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-select",class:[t.themeClass,t.classes]},[e("md-menu",{attrs:{"md-close-on-select":!t.multiple}},[e("span",{ref:"value",staticClass:"md-select-value",attrs:{"md-menu-trigger":""}},[t._v(t._s(t.selectedText||t.multipleText||t.placeholder))]),t._v(" "),e("md-menu-content",{staticClass:"md-select-content",class:[t.themeClass,t.contentClasses]},[t._t("default")],!0)]),t._v(" "),e("select",{attrs:{name:t.name,id:t.id,required:t.required,disabled:t.disabled,tabindex:"-1"}},[e("option",{domProps:{value:t.value}},[t._v(t._s(t.value))])])])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=(t.$createElement,t._c);return e("div",{staticClass:"md-table-alternate-header",class:[t.themeClass,t.classes]},[e("md-toolbar",[e("div",{staticClass:"md-counter"},[e("span",{ref:"counter"},[t._v(t._s(t.tableInstance.numberOfSelected))]),t._v(" "),e("span",[t._v(t._s(t.mdSelectedLabel))])]),t._v(" "),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-table-edit",on:{keydown:function(e){t._k(e.keyCode,"esc",27)||t.closeDialog(e)}}},[e("div",{staticClass:"md-table-edit-trigger",class:t.triggerClasses,on:{click:function(e){e.stopPropagation(),t.openDialog(e)}}},[t._v("\n    "+t._s(t.value||t.mdPlaceholder)+"\n  ")]),t._v(" "),e("div",{ref:"dialog",staticClass:"md-table-dialog",class:t.dialogClasses},[e("md-input-container",[e("md-input",{ref:"input",attrs:{id:t.mdId,name:t.mdName,maxlength:t.mdMaxlength,value:t.value,placeholder:t.mdPlaceholder},nativeOn:{keydown:function(e){t._k(e.keyCode,"enter",13)||t.confirmDialog(e)}}})])])])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=(t.$createElement,t._c);return e("page-content",{attrs:{"page-title":"Components - Bottom Bar"}},[e("docs-component",[e("div",{slot:"description"},[e("p",[t._v("Bottom navigation bars make it easy to explore and switch between top-level views in a single tap.")]),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-accent")])]),t._v(" "),e("li",[e("code",[t._v("md-warn")])]),t._v(" "),e("li",[e("code",[t._v("md-transparent")])])])]),t._v(" "),e("div",{slot:"api"},[e("api-table",{attrs:{name:"md-bottom-bar"}},[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-shift")]),t._v(" "),e("md-table-cell",[e("code",[t._v("Boolean")])]),t._v(" "),e("md-table-cell",[t._v("Enable the shifting variant. Default "),e("code",[t._v("false")])])])])])]),t._v(" "),e("api-table",{attrs:{name:"md-bottom-bar-item"}},[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-icon")]),t._v(" "),e("md-table-cell",[e("code",[t._v("String")])]),t._v(" "),e("md-table-cell",[t._v("Icon name on the "),e("a",{attrs:{href:"https://material.io/icons/",target:"_blank",rel:"noopener"}},[t._v("Material Icons")]),t._v(" docs.")])]),t._v(" "),e("md-table-row",[e("md-table-cell",[t._v("md-active")]),t._v(" "),e("md-table-cell",[e("code",[t._v("Boolean")])]),t._v(" "),e("md-table-cell",[t._v("Set initial selection. Default "),e("code",[t._v("false")])])]),t._v(" "),e("md-table-row",[e("md-table-cell",[t._v("href")]),t._v(" "),e("md-table-cell",[e("code",[t._v("String")])]),t._v(" "),e("md-table-cell",[t._v("Create a anchor on the item - In this case the generated tag will be "),e("code",[t._v("<a>")]),t._v(".")])])])])])]),t._v(" "),e("div",{slot:"example"},[e("example-box",{attrs:{"card-title":"Default"}},[e("div",{slot:"demo"},[e("div",{staticClass:"phone-viewport"},[e("md-bottom-bar",[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",{staticClass:"md-accent"},[e("md-bottom-bar-item",{attrs:{href:"#/components/bottom-bar","md-icon":"history"}},[t._v("Recents")]),t._v(" "),e("md-bottom-bar-item",{attrs:{href:"#/components/bottom-bar","md-icon":"favorite","md-active":""}},[t._v("Favorites")]),t._v(" "),e("md-bottom-bar-item",{attrs:{href:"#/components/bottom-bar","md-icon":"near_me"}},[t._v("Nearby")])])]),t._v(" "),e("div",{staticClass:"phone-viewport"},[e("md-bottom-bar",{staticClass:"md-warn"},[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",{staticClass:"md-transparent"},[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",{slot:"code"},[e("code-block",{attrs:{lang:"xml"}},[t._v('\n            <md-bottom-bar>\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\n            <md-bottom-bar class="md-accent">\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\n            <md-bottom-bar class="md-warn">\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\n            <md-bottom-bar class="md-transparent">\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          ')])])]),t._v(" "),e("example-box",{attrs:{"card-title":"Shifting"}},[e("div",{slot:"demo"},[e("div",{staticClass:"phone-viewport"},[e("md-bottom-bar",{attrs:{"md-shift":""}},[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",{staticClass:"md-accent",attrs:{"md-shift":""}},[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",{staticClass:"md-warn",attrs:{"md-shift":""}},[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",{staticClass:"md-transparent",attrs:{"md-shift":""}},[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            <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                <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":"books","md-active":""},nativeOn:{click:function(e){t.setTheme("brown")}}},[t._v("Books")]),t._v(" "),e("md-bottom-bar-item",{attrs:{"md-icon":"photo"},nativeOn:{click:function(e){t.setTheme("indigo")}}},[t._v("Pictures")])])])]),t._v(" "),e("div",{slot:"code"},[e("code-block",{attrs:{lang:"xml"}},[t._v('\n            <md-theme :md-name="playground.theme">\n              <md-bottom-bar md-shift>\n                <md-bottom-bar-item @click.native="setTheme(\'blue\')" md-icon="ondemand_video">Movies</md-bottom-bar-item>\n                <md-bottom-bar-item @click.native="setTheme(\'teal\')" md-icon="music_note">Music</md-bottom-bar-item>\n                <md-bottom-bar-item @click.native="setTheme(\'brown\')" md-icon="books" md-active>Books</md-bottom-bar-item>\n                <md-bottom-bar-item @click.native="setTheme(\'indigo\')" md-icon="photo">Pictures</md-bottom-bar-item>\n              </md-bottom-bar>\n            </div>\n          ')]),t._v(" "),e("code-block",{attrs:{lang:"javascript"}},[t._v("\n            export default {\n              data() {\n                return {\n                  playground: {\n                    theme: 'brown'\n                  }\n                };\n              },\n              methods: {\n                setTheme(theme) {\n                  this.playground.theme = theme;\n                }\n              }\n            };\n          ")])])])])])])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=(t.$createElement,t._c);return e("div",{staticClass:"md-card-header"},[t._t("default")],!0)},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=(t.$createElement,t._c);return e("hr",{staticClass:"md-divider"})},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=(t.$createElement,t._c);return e("span",{staticClass:"md-tooltip",class:t.classes,style:t.style},[t._t("default")],!0)},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=(t.$createElement,t._c);return e("div",{staticClass:"code-block",attrs:{"data-lang":t.lang}},[e("div",{staticClass:"code-block-wrapper",style:{"max-height":t.height}},[e("pre",[e("code",{ref:"block",class:t.lang},[t._t("default")],!0)]),t._v(" "),e("span",{staticClass:"copied",class:{active:t.showMessage}},[t._v("Copied!")])]),t._v(" "),e("md-button",{ref:"copy",staticClass:"md-icon-button md-dense"},[e("md-icon",[t._v("content_copy")])])])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=(t.$createElement,t._c);return e("div",{staticClass:"md-card-area",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("page-content",{attrs:{"page-title":"Components - Radio"}},[e("docs-component",[e("div",{slot:"description"},[e("p",[t._v("Radio buttons allow the user to select one option from a set. Use radio buttons for exclusive selection if you think that the user needs to see all available options side-by-side.")]),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-warn")])])])]),t._v(" "),e("div",{slot:"api"},[e("api-table",{attrs:{name:"md-radio"}},[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("md-value")]),t._v(" "),e("md-table-cell",[e("code",[t._v("String")])]),t._v(" "),e("md-table-cell",[t._v("The single value of the particular radio button. Required.")])]),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("Set the radio name.")])]),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("Set the radio id.")])]),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 radio and prevent his actions. Default "),e("code",[t._v("false")])])])])]),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("change")]),t._v(" "),e("md-table-cell",[t._v("Receive the state of the radio")]),t._v(" "),e("md-table-cell",[t._v("Triggered when the radio changes his value.")])])])])])]),t._v(" "),e("div",{slot:"example"},[e("example-box",{attrs:{"card-title":"Default"}},[e("div",{slot:"demo"},[e("div",[e("md-radio",{directives:[{name:"model",rawName:"v-model",value:t.radio1,expression:"radio1"}],attrs:{id:"my-test1",name:"my-test-group1","md-value":"1"},domProps:{value:t.radio1},on:{input:function(e){t.radio1=e}}},[t._v("My beautiful radio")]),t._v(" "),e("md-radio",{directives:[{name:"model",rawName:"v-model",value:t.radio1,expression:"radio1"}],attrs:{id:"my-test2",name:"my-test-group1","md-value":"2"},domProps:{value:t.radio1},on:{input:function(e){t.radio1=e}}},[t._v("Another radio")]),t._v(" "),e("md-radio",{directives:[{name:"model",rawName:"v-model",value:t.radio1,expression:"radio1"}],attrs:{id:"my-test3",name:"my-test-group1","md-value":"3"},domProps:{value:t.radio1},on:{input:function(e){t.radio1=e}}},[t._v("Another another radio")])]),t._v(" "),e("div",[e("md-radio",{directives:[{name:"model",rawName:"v-model",value:t.radio2,expression:"radio2"}],staticClass:"md-primary",attrs:{id:"my-test4",name:"my-test-group2","md-value":"1"},domProps:{value:t.radio2},on:{input:function(e){t.radio2=e}}},[t._v("Primary radio")]),t._v(" "),e("md-radio",{directives:[{name:"model",rawName:"v-model",value:t.radio2,expression:"radio2"}],staticClass:"md-primary",attrs:{id:"my-test5",name:"my-test-group2","md-value":"2"},domProps:{value:t.radio2},on:{input:function(e){t.radio2=e}}},[t._v("Another primary radio")]),t._v(" "),e("md-radio",{directives:[{name:"model",rawName:"v-model",value:t.radio2,expression:"radio2"}],staticClass:"md-primary",attrs:{id:"my-test6",name:"my-test-group2","md-value":"3"},domProps:{value:t.radio2},on:{input:function(e){t.radio2=e}}},[t._v("Another another primary radio")])]),t._v(" "),e("div",[e("md-radio",{directives:[{name:"model",rawName:"v-model",value:t.radio3,expression:"radio3"}],staticClass:"md-warn",attrs:{id:"my-test7",name:"my-test-group3","md-value":"1"},domProps:{value:t.radio3},on:{input:function(e){t.radio3=e}}},[t._v("Warn radio")]),t._v(" "),e("md-radio",{directives:[{name:"model",rawName:"v-model",value:t.radio3,expression:"radio3"}],staticClass:"md-warn",attrs:{id:"my-test8",name:"my-test-group3","md-value":"2"},domProps:{value:t.radio3},on:{input:function(e){t.radio3=e}}},[t._v("Another warn radio")]),t._v(" "),e("md-radio",{directives:[{name:"model",rawName:"v-model",value:t.radio3,expression:"radio3"}],staticClass:"md-warn",attrs:{id:"my-test9",name:"my-test-group3","md-value":"3"},domProps:{value:t.radio3},on:{input:function(e){t.radio3=e}}},[t._v("Another another warn radio")])]),t._v(" "),e("div",[e("md-radio",{directives:[{name:"model",rawName:"v-model",value:t.radio4,expression:"radio4"}],attrs:{id:"my-test10",name:"my-test-group3","md-value":"1"},domProps:{value:t.radio4},on:{input:function(e){t.radio4=e}}},[t._v("My beautiful radio")]),t._v(" "),e("md-radio",{directives:[{name:"model",rawName:"v-model",value:t.radio4,expression:"radio4"}],attrs:{id:"my-test11",name:"my-test-group3","md-value":"2",disabled:""},domProps:{value:t.radio4},on:{input:function(e){t.radio4=e}}},[t._v("Disabled")]),t._v(" "),e("md-radio",{directives:[{name:"model",rawName:"v-model",value:t.radio4,expression:"radio4"}],attrs:{id:"my-test12",name:"my-test-group3","md-value":"3"},domProps:{value:t.radio4},on:{input:function(e){t.radio4=e}}},[t._v("Another radio")])])]),t._v(" "),e("div",{slot:"code"},[e("code-block",{attrs:{lang:"xml"}},[t._v('\n            <div>\n              <md-radio v-model="radio1" id="my-test1" name="my-test-group1" md-value="1">My beautiful radio</md-radio>\n              <md-radio v-model="radio1" id="my-test2" name="my-test-group1" md-value="2">Another radio</md-radio>\n              <md-radio v-model="radio1" id="my-test3" name="my-test-group1" md-value="3">Another another radio</md-radio>\n            </div>\n\n            <div>\n              <md-radio v-model="radio2" id="my-test4" name="my-test-group2" md-value="1" class="md-primary">Primary radio</md-radio>\n              <md-radio v-model="radio2" id="my-test5" name="my-test-group2" md-value="2" class="md-primary">Another primary radio</md-radio>\n              <md-radio v-model="radio2" id="my-test6" name="my-test-group2" md-value="3" class="md-primary">Another another primary radio</md-radio>\n            </div>\n\n            <div>\n              <md-radio v-model="radio3" id="my-test7" name="my-test-group3" md-value="1" class="md-warn">Warn radio</md-radio>\n              <md-radio v-model="radio3" id="my-test8" name="my-test-group3" md-value="2" class="md-warn">Another warn radio</md-radio>\n              <md-radio v-model="radio3" id="my-test9" name="my-test-group3" md-value="3" class="md-warn">Another another warn radio</md-radio>\n            </div>\n\n            <div>\n              <md-radio v-model="radio4" id="my-test10" name="my-test-group3" md-value="1">My beautiful radio</md-radio>\n              <md-radio v-model="radio4" id="my-test11" name="my-test-group3" md-value="2" disabled>Disabled</md-radio>\n              <md-radio v-model="radio4" id="my-test12" name="my-test-group3" md-value="3">Another radio</md-radio>\n            </div>\n          ')])])]),t._v(" "),e("example-box",{attrs:{"card-title":"Themes"}},[e("div",{slot:"demo"},[e("md-theme",{attrs:{"md-name":"orange"}},[e("md-radio",{directives:[{name:"model",rawName:"v-model",value:t.radio5,expression:"radio5"}],staticClass:"md-primary",attrs:{id:"my-test13",name:"my-test-group4","md-value":"1"},domProps:{value:t.radio5},on:{input:function(e){t.radio5=e}}},[t._v("Orange radio")]),t._v(" "),e("md-radio",{directives:[{name:"model",rawName:"v-model",value:t.radio5,expression:"radio5"}],staticClass:"md-primary",attrs:{id:"my-test14",name:"my-test-group4","md-value":"2"},domProps:{value:t.radio5},on:{input:function(e){t.radio5=e}}},[t._v("Another Orange radio")]),t._v(" "),e("md-radio",{directives:[{name:"model",rawName:"v-model",value:t.radio5,expression:"radio5"}],staticClass:"md-primary",attrs:{id:"my-test15",name:"my-test-group4","md-value":"3"},domProps:{value:t.radio5},on:{input:function(e){t.radio5=e}}},[t._v("Another another Orange radio")])]),t._v(" "),e("md-theme",{attrs:{"md-name":"brown"}},[e("md-radio",{directives:[{name:"model",rawName:"v-model",value:t.radio6,expression:"radio6"}],staticClass:"md-primary",attrs:{id:"my-test16",name:"my-test-group4","md-value":"1"},domProps:{value:t.radio6},on:{input:function(e){t.radio6=e}}},[t._v("Brown radio")]),t._v(" "),e("md-radio",{directives:[{name:"model",rawName:"v-model",value:t.radio6,expression:"radio6"}],staticClass:"md-primary",attrs:{id:"my-test17",name:"my-test-group4","md-value":"2"},domProps:{value:t.radio6},on:{input:function(e){t.radio6=e}}},[t._v("Another Brown radio")]),t._v(" "),e("md-radio",{directives:[{name:"model",rawName:"v-model",value:t.radio6,expression:"radio6"}],staticClass:"md-primary",attrs:{id:"my-test18",name:"my-test-group4","md-value":"3"},domProps:{value:t.radio6},on:{input:function(e){t.radio6=e}}},[t._v("Another another Brown radio")])]),t._v(" "),e("md-theme",{attrs:{"md-name":"green"}},[e("md-radio",{directives:[{name:"model",rawName:"v-model",value:t.radio7,expression:"radio7"}],staticClass:"md-primary",attrs:{id:"my-test19",name:"my-test-group6","md-value":"1"},domProps:{value:t.radio7},on:{input:function(e){t.radio7=e}}},[t._v("Green radio")]),t._v(" "),e("md-radio",{directives:[{name:"model",rawName:"v-model",value:t.radio7,expression:"radio7"}],staticClass:"md-primary",attrs:{id:"my-test20",name:"my-test-group6","md-value":"2"},domProps:{value:t.radio7},on:{input:function(e){t.radio7=e}}},[t._v("Another Green radio")]),t._v(" "),e("md-radio",{directives:[{name:"model",rawName:"v-model",value:t.radio7,expression:"radio7"}],staticClass:"md-primary",attrs:{id:"my-test21",name:"my-test-group6","md-value":"3"},domProps:{value:t.radio7},on:{input:function(e){t.radio7=e}}},[t._v("Another another Green radio")])]),t._v(" "),e("md-theme",{attrs:{"md-name":"teal"}},[e("md-radio",{directives:[{name:"model",rawName:"v-model",value:t.radio8,expression:"radio8"}],staticClass:"md-primary",attrs:{id:"my-test22",name:"my-test-group3","md-value":"1"},domProps:{value:t.radio8},on:{input:function(e){t.radio8=e}}},[t._v("Teal radio")]),t._v(" "),e("md-radio",{directives:[{name:"model",rawName:"v-model",value:t.radio8,expression:"radio8"}],staticClass:"md-primary",attrs:{id:"my-test23",name:"my-test-group3","md-value":"2",disabled:""},domProps:{value:t.radio8},on:{input:function(e){t.radio8=e}}},[t._v("Teal disabled radio")]),t._v(" "),e("md-radio",{directives:[{name:"model",rawName:"v-model",value:t.radio8,expression:"radio8"}],staticClass:"md-primary",attrs:{id:"my-test24",name:"my-test-group3","md-value":"3"},domProps:{value:t.radio8},on:{input:function(e){t.radio8=e}}},[t._v("Another another Teal radio")])])]),t._v(" "),e("div",{slot:"code"},[e("code-block",{attrs:{lang:"xml"}},[t._v('\n            <md-theme md-name="orange">\n              <md-radio v-model="radio5" id="my-test13" name="my-test-group4" md-value="1" class="md-primary">Orange radio</md-radio>\n              <md-radio v-model="radio5" id="my-test14" name="my-test-group4" md-value="2" class="md-primary">Another Orange radio</md-radio>\n              <md-radio v-model="radio5" id="my-test15" name="my-test-group4" md-value="3" class="md-primary">Another another Orange radio</md-radio>\n            </md-theme>\n\n            <md-theme md-name="brown">\n              <md-radio v-model="radio6" id="my-test16" name="my-test-group4" md-value="1" class="md-primary">Brown radio</md-radio>\n              <md-radio v-model="radio6" id="my-test17" name="my-test-group4" md-value="2" class="md-primary">Another Brown radio</md-radio>\n              <md-radio v-model="radio6" id="my-test18" name="my-test-group4" md-value="3" class="md-primary">Another another Brown radio</md-radio>\n            </md-theme>\n\n            <md-theme md-name="green">\n              <md-radio v-model="radio7" id="my-test19" name="my-test-group6" md-value="1" class="md-primary">Green radio</md-radio>\n              <md-radio v-model="radio7" id="my-test20" name="my-test-group6" md-value="2" class="md-primary">Another Green radio</md-radio>\n              <md-radio v-model="radio7" id="my-test21" name="my-test-group6" md-value="3" class="md-primary">Another another Green radio</md-radio>\n            </md-theme>\n\n            <md-theme md-name="teal">\n              <md-radio v-model="radio8" id="my-test22" name="my-test-group3" md-value="1" class="md-primary">Teal radio</md-radio>\n              <md-radio v-model="radio8" id="my-test23" name="my-test-group3" md-value="2" class="md-primary" disabled>Teal disabled radio</md-radio>\n              <md-radio v-model="radio8" id="my-test24" name="my-test-group3" md-value="3" class="md-primary">Another another Teal radio</md-radio>\n            </md-theme>\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 - Tabs"}},[e("docs-component",[e("div",{slot:"description"},[e("p",[t._v("Tabs enable content organization at a high level, such as switching between views, data sets, or functional aspects of an app.")]),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-accent")])]),t._v(" "),e("li",[e("code",[t._v("md-warn")])]),t._v(" "),e("li",[e("code",[t._v("md-transparent")])])])]),t._v(" "),e("div",{slot:"api"},[e("api-table",{attrs:{name:"md-tabs"}},[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-fixed")]),t._v(" "),e("md-table-cell",[e("code",[t._v("Boolean")])]),t._v(" "),e("md-table-cell",[t._v("Make the tabs navigation fixed and elastic filling the whole space. Default "),e("code",[t._v("false")])])]),t._v(" "),e("md-table-row",[e("md-table-cell",[t._v("md-centered")]),t._v(" "),e("md-table-cell",[e("code",[t._v("Boolean")])]),t._v(" "),e("md-table-cell",[t._v("Align the tabs navigation to the center. Default "),e("code",[t._v("false")])])]),t._v(" "),e("md-table-row",[e("md-table-cell",[t._v("md-right")]),t._v(" "),e("md-table-cell",[e("code",[t._v("Boolean")])]),t._v(" "),e("md-table-cell",[t._v("Align the tabs navigation to the right. Default "),e("code",[t._v("false")])])]),t._v(" "),e("md-table-row",[e("md-table-cell",[t._v("md-dynamic-height")]),t._v(" "),e("md-table-cell",[e("code",[t._v("Boolean")])]),t._v(" "),e("md-table-cell",[t._v("Make the tab content to be resized based on the contents. Default "),e("code",[t._v("true")])])]),t._v(" "),e("md-table-row",[e("md-table-cell",[t._v("md-elevation")]),t._v(" "),e("md-table-cell",[e("code",[t._v("Number")])]),t._v(" "),e("md-table-cell",[t._v("Add a shadow on the navigation with an whiteframe. Default "),e("code",[t._v("0")])])])])]),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("change")]),t._v(" "),e("md-table-cell",[t._v("Receive the tab index")]),t._v(" "),e("md-table-cell",[t._v("Triggered when a tab is activated.")])])])])]),t._v(" "),e("api-table",{attrs:{name:"md-tab"}},[e("p",[t._v("You should wrap the "),e("code",[t._v("<md-tab>")]),t._v(" in a "),e("code",[t._v("<md-tabs>")]),t._v(" as a direct parent.")]),t._v(" "),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("id")]),t._v(" "),e("md-table-cell",[e("code",[t._v("String")])]),t._v(" "),e("md-table-cell",[t._v("Unique id to each tab")])]),t._v(" "),e("md-table-row",[e("md-table-cell",[t._v("md-label")]),t._v(" "),e("md-table-cell",[e("code",[t._v("String")])]),t._v(" "),e("md-table-cell",[t._v("The tab text")])]),t._v(" "),e("md-table-row",[e("md-table-cell",[t._v("md-icon")]),t._v(" "),e("md-table-cell",[e("code",[t._v("String")])]),t._v(" "),e("md-table-cell",[t._v("Icon name on the "),e("a",{attrs:{href:"https://material.io/icons/",target:"_blank",rel:"noopener"}},[t._v("Material Icons")]),t._v(" docs.")])]),t._v(" "),e("md-table-row",[e("md-table-cell",[t._v("md-active")]),t._v(" "),e("md-table-cell",[e("code",[t._v("Boolean")])]),t._v(" "),e("md-table-cell",[t._v("Activate the tab. Default "),e("code",[t._v("false")])])]),t._v(" "),e("md-table-row",[e("md-table-cell",[t._v("md-disabled")]),t._v(" "),e("md-table-cell",[e("code",[t._v("Boolean")])]),t._v(" "),e("md-table-cell",[t._v("Disable the tab and prevent his actions. Default "),e("code",[t._v("false")])])]),t._v(" "),e("md-table-row",[e("md-table-cell",[t._v("md-tooltip")]),t._v(" "),e("md-table-cell",[e("code",[t._v("String")])]),t._v(" "),e("md-table-cell",[t._v("Add a tooltip on the tab header. Optional.")])]),t._v(" "),e("md-table-row",[e("md-table-cell",[t._v("md-tooltip-delay")]),t._v(" "),e("md-table-cell",[e("code",[t._v("String")])]),t._v(" "),e("md-table-cell",[t._v("Delay of the tab header tooltip. Default: "),e("code",[t._v("0")])])]),t._v(" "),e("md-table-row",[e("md-table-cell",[t._v("md-tooltip-direction")]),t._v(" "),e("md-table-cell",[e("code",[t._v("String")])]),t._v(" "),e("md-table-cell",[t._v("Direction of the tab header tooltip. Default: "),e("code",[t._v("bottom")])])])])])])]),t._v(" "),e("div",{slot:"example"},[e("example-box",{attrs:{"card-title":"Default"}},[e("div",{slot:"demo"},[e("md-tabs",{attrs:{"md-dynamic-height":!1}},[e("md-tab",{attrs:{id:"movies","md-label":"Movies"}},[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:{id:"music","md-label":"Music"}},[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:{id:"books","md-label":"Books"}},[e("p",[t._v("Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas.")])]),t._v(" "),e("md-tab",{attrs:{id:"pictures","md-label":"Pictures","md-tooltip":"This is the pictures tab!"}},[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>\n              <md-tab id="movies" md-label="Movies">\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 id="music" md-label="Music">\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 id="books" md-label="Books">\n                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas.</p>\n              </md-tab>\n\n              <md-tab id="pictures" md-label="Pictures" md-tooltip="This is the pictures tab!">\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":"Fixed"}},[e("div",{slot:"demo"},[e("md-tabs",{staticClass:"md-accent",attrs:{"md-dynamic-height":!1,"md-fixed":""}},[e("md-tab",{attrs:{id:"movies","md-label":"Movies"}},[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:{id:"music","md-label":"Music"}},[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:{id:"books","md-label":"Books"}},[e("p",[t._v("Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas.")])]),t._v(" "),e("md-tab",{attrs:{id:"pictures","md-label":"Pictures"}},[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-fixed>\n              <md-tab id="movies" md-label="Movies">\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 id="music" md-label="Music">\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 id="books" md-label="Books">\n                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas.</p>\n              </md-tab>\n\n              <md-tab id="pictures" md-label="Pictures">\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":"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 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-table-cell",[e("code",[t._v("String")])]),t._v(" "),e("md-table-cell",[t._v("Sets the direction position of the parent element. "),e("br"),t._v("Default: "),e("code",[t._v("bottom")]),t._v(" "),e("br"),t._v("Accepts: "),e("code",[t._v("top")]),t._v("|"),e("code",[t._v("right")]),t._v("|"),e("code",[t._v("bottom")]),t._v("|"),e("code",[t._v("left")])])]),t._v(" "),e("md-table-row",[e("md-table-cell",[t._v("md-delay")]),t._v(" "),e("md-table-cell",[e("code",[t._v("Number")])]),t._v(" "),e("md-table-cell",[t._v("Sets the delay to show the tooltip in ms. "),e("br"),t._v("Default: "),e("code",[t._v("0")])])])])])])]),t._v(" "),e("div",{slot:"example"},[e("example-box",{attrs:{"card-title":"Default"}},[e("div",{slot:"demo"},[e("div",[e("md-button",{staticClass:"md-icon-button md-raised md-primary"},[e("md-icon",[t._v("folder")]),t._v(" "),e("md-tooltip",{attrs:{"md-direction":"top"}},[t._v("My tooltip")])]),t._v(" "),e("md-avatar",[e("img",{attrs:{src:"assets/avatar-2.jpg",alt:"People"}}),t._v(" "),e("md-tooltip",{attrs:{"md-direction":"bottom"}},[t._v("My tooltip")])])]),t._v(" "),e("div",[e("md-button",{staticClass:"md-icon-button md-raised md-warn"},[e("md-icon",[t._v("home")]),t._v(" "),e("md-tooltip",{attrs:{"md-direction":"left"}},[t._v("My tooltip")])]),t._v(" "),e("md-avatar",{staticClass:"md-avatar-icon"},[e("md-icon",[t._v("person")]),t._v(" "),e("md-tooltip",{attrs:{"md-direction":"right"}},[t._v("My tooltip")])])])]),t._v(" "),e("div",{slot:"code"},[e("code-block",{attrs:{lang:"xml"}},[t._v('\n            <div>\n              <md-button class="md-icon-button md-raised md-primary">\n                <md-icon>folder</md-icon>\n                <md-tooltip md-direction="top">My tooltip</md-tooltip>\n              </md-button>\n\n              <md-avatar>\n                <img src="assets/avatar-2.jpg" alt="People">\n                <md-tooltip md-direction="bottom">My tooltip</md-tooltip>\n              </md-avatar>\n            </div>\n\n            <div>\n              <md-button class="md-icon-button md-raised md-warn">\n                <md-icon>home</md-icon>\n                <md-tooltip md-direction="left">My tooltip</md-tooltip>\n              </md-button>\n\n              <md-avatar class="md-avatar-icon">\n                <md-icon>person</md-icon>\n                <md-tooltip md-direction="right">My tooltip</md-tooltip>\n              </md-avatar>\n            </div>\n          ')])])]),t._v(" "),e("example-box",{attrs:{"card-title":"Delay"}},[e("div",{slot:"demo"},[e("div",[e("md-button",{staticClass:"md-icon-button md-raised md-primary"},[e("md-icon",[t._v("folder")]),t._v(" "),e("md-tooltip",{attrs:{"md-delay":"400","md-direction":"top"}},[t._v("My tooltip")])]),t._v(" "),e("md-avatar",[e("img",{attrs:{src:"assets/avatar-2.jpg",alt:"People"}}),t._v(" "),e("md-tooltip",{attrs:{"md-delay":"400","md-direction":"bottom"}},[t._v("My tooltip")])])]),t._v(" "),e("div",[e("md-button",{staticClass:"md-icon-button md-raised md-warn"},[e("md-icon",[t._v("home")]),t._v(" "),e("md-tooltip",{attrs:{"md-delay":"400","md-direction":"left"}},[t._v("My tooltip")])]),t._v(" "),e("md-avatar",{staticClass:"md-avatar-icon"},[e("md-icon",[t._v("person")]),t._v(" "),e("md-tooltip",{attrs:{"md-delay":"400","md-direction":"right"}},[t._v("My tooltip")])])])]),t._v(" "),e("div",{slot:"code"},[e("code-block",{attrs:{lang:"xml"}},[t._v('\n            <div>\n              <md-button class="md-icon-button md-raised md-primary">\n                <md-icon>folder</md-icon>\n                <md-tooltip md-delay="400" md-direction="top">My tooltip</md-tooltip>\n              </md-button>\n\n              <md-avatar>\n                <img src="assets/avatar-2.jpg" alt="People">\n                <md-tooltip md-delay="400" md-direction="bottom">My tooltip</md-tooltip>\n              </md-avatar>\n            </div>\n\n            <div>\n              <md-button class="md-icon-button md-raised md-warn">\n                <md-icon>home</md-icon>\n                <md-tooltip md-delay="400" md-direction="left">My tooltip</md-tooltip>\n              </md-button>\n\n              <md-avatar class="md-avatar-icon">\n                <md-icon>person</md-icon>\n                <md-tooltip md-delay="400" md-direction="right">My tooltip</md-tooltip>\n              </md-avatar>\n            </div>\n          ')])])])])])])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=(t.$createElement,t._c);return e("ul",{staticClass:"md-list",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":"Components - Icon"}},[e("docs-component",[e("div",{slot:"description"},[e("p",[t._v("A system icon, or UI icon, symbolizes a command, file, device, or directory. System icons are also used to represent common actions like trash, print, and save.")]),t._v(" "),e("p",[t._v("You can see the full list of icons on the "),e("a",{attrs:{href:"https://material.io/icons/",target:"_blank",rel:"noopener"}},[t._v("Material Icons")]),t._v(" website.")]),t._v(" "),e("p",[t._v("The "),e("code",[t._v("<md-icon>")])]),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-icon"}},[e("p",[t._v("No options available")])])]),t._v(" "),e("div",{slot:"example"},[e("example-box",{attrs:{"card-title":"Default"}},[e("div",{slot:"demo"},[e("md-icon",[t._v("home")]),t._v(" "),e("md-icon",{staticClass:"md-primary"},[t._v("home")]),t._v(" "),e("md-icon",{staticClass:"md-accent"},[t._v("home")]),t._v(" "),e("md-icon",{staticClass:"md-warn"},[t._v("home")])]),t._v(" "),e("div",{slot:"code"},[e("code-block",{attrs:{lang:"xml"}},[t._v('\n            <md-icon>home</md-icon>\n            <md-icon class="md-primary">home</md-icon>\n            <md-icon class="md-accent">home</md-icon>\n            <md-icon class="md-warn">home</md-icon>\n          ')])])]),t._v(" "),e("example-box",{attrs:{"card-title":"Themes"}},[e("div",{slot:"demo"},[e("md-icon",{staticClass:"md-primary",attrs:{"md-theme":"light-blue"}},[t._v("home")]),t._v(" "),e("md-icon",{staticClass:"md-primary",attrs:{"md-theme":"green"}},[t._v("home")]),t._v(" "),e("md-icon",{staticClass:"md-primary",attrs:{"md-theme":"brown"}},[t._v("home")]),t._v(" "),e("md-icon",{staticClass:"md-primary",attrs:{"md-theme":"orange"}},[t._v("home")])]),t._v(" "),e("div",{slot:"code"},[e("code-block",{attrs:{lang:"xml"}},[t._v('\n            <md-icon md-theme="light-blue" class="md-primary">home</md-icon>\n            <md-icon md-theme="green" class="md-primary">home</md-icon>\n            <md-icon md-theme="brown" class="md-primary">home</md-icon>\n            <md-icon md-theme="orange" class="md-primary">home</md-icon>\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 - Ink Ripple"}},[e("docs-component",[e("div",{slot:"description"},[e("p",[t._v("Ink ripples confirm user input by immediately expanding outward from the point of touch. The card lifts to indicate an active state.")])]),t._v(" "),e("div",{slot:"api"},[e("api-table",{attrs:{name:"md-ink-ripple"}},[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-disabled")]),t._v(" "),e("md-table-cell",[e("code",[t._v("Boolean")])]),t._v(" "),e("md-table-cell",[t._v("Disable the ripple effect on the parent element. Default "),e("code",[t._v("false")])])])])])])]),t._v(" "),e("div",{slot:"example"},[e("example-box",{attrs:{"card-title":"As a component"}},[e("div",{slot:"demo"},[e("div",{staticClass:"has-ripple"},[e("md-ink-ripple"),t._v("\n            This div has ripple effect\n          ")]),t._v(" "),e("div",{staticClass:"has-ripple purple"},[e("md-ink-ripple"),t._v("\n            This div has ripple effect\n          ")]),t._v(" "),e("div",{staticClass:"has-ripple blue"},[e("md-ink-ripple"),t._v("\n            This div has ripple effect\n          ")]),t._v(" "),e("div",{staticClass:"has-ripple red"},[e("md-ink-ripple"),t._v("\n            This div has ripple effect\n          ")]),t._v(" "),e("md-card",{staticClass:"card-ripple",attrs:{"md-with-hover":""}},[e("md-card-media",[e("md-ink-ripple"),t._v(" "),e("img",{attrs:{src:"assets/card-image-1.jpg",alt:"People"}})]),t._v(" "),e("md-card-actions",[e("md-button",{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            <div class="has-ripple">\n              <md-ink-ripple></md-ink-ripple>\n              This div has ripple effect\n            </div>\n\n            <div class="has-ripple purple">\n              <md-ink-ripple></md-ink-ripple>\n              This div has ripple effect\n            </div>\n\n            <div class="has-ripple blue">\n              <md-ink-ripple></md-ink-ripple>\n              This div has ripple effect\n            </div>\n\n            <div class="has-ripple red">\n              <md-ink-ripple></md-ink-ripple>\n              This div has ripple effect\n            </div>\n\n            <md-card class="card-ripple" md-with-hover>\n              <md-card-media>\n                <md-ink-ripple></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          ')]),t._v(" "),e("code-block",{attrs:{lang:"scss"}},[t._v("\n            .has-ripple {\n              margin-bottom: 16px;\n              padding: 20px;\n              display: inline-block;\n              position: relative;\n            }\n\n            .blue {\n              color: #2196F3;\n            }\n\n            .purple {\n              color: #9C27B0;\n            }\n\n            .red {\n              color: #F44336;\n            }\n\n            .card-ripple {\n              width: 300px;\n              margin-top: 24px;\n            }\n          ")])])])])])])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=(t.$createElement,t._c);return e("div",{staticClass:"container"},[e("md-sidenav",{ref:"main-sidebar",staticClass:"main-sidebar md-left md-fixed"},[e("md-toolbar",{staticClass:"vue-material-logo",attrs:{"md-theme":"white"}},[e("router-link",{attrs:{exact:"",to:"/"}},[e("img",{attrs:{src:t.logo,alt:"Vue"}}),t._v(" "),e("span",[t._v("Vue Material")])])]),t._v(" "),e("div",{staticClass:"main-sidebar-links"},[e("md-list",{staticClass:"md-dense"},[e("md-list-item",[e("router-link",{attrs:{exact:"",to:"/"}},[t._v("Introduction")])]),t._v(" "),e("md-list-item",[e("router-link",{attrs:{exact:"",to:"/getting-started"}},[t._v("Getting Started")])]),t._v(" "),e("md-list-item",[e("span",[t._v("Themes")]),t._v(" "),e("md-list-expand",[e("md-list",[e("md-list-item",{staticClass:"md-inset"},[e("router-link",{attrs:{exact:"",to:"/themes/configuration"}},[t._v("Configuration")])]),t._v(" "),e("md-list-item",{staticClass:"md-inset"},[e("router-link",{attrs:{exact:"",to:"/themes/dynamic-themes"}},[t._v("Dynamic Theme")])])])])]),t._v(" "),e("md-list-item",[e("span",[t._v("Components")]),t._v(" "),e("md-list-expand",[e("md-list",[e("md-list-item",{staticClass:"md-inset"},[e("router-link",{attrs:{exact:"",to:"/components/avatar"}},[t._v("Avatar")])]),t._v(" "),e("md-list-item",{staticClass:"md-inset"},[e("router-link",{attrs:{exact:"",to:"/components/bottom-bar"}},[t._v("Bottom Bar")])]),t._v(" "),e("md-list-item",{staticClass:"md-inset"},[e("router-link",{attrs:{exact:"",to:"/components/button"}},[t._v("Button")])]),t._v(" "),e("md-list-item",{staticClass:"md-inset"},[e("router-link",{attrs:{exact:"",to:"/components/button-toggle"}},[t._v("Button Toggle")])]),t._v(" "),e("md-list-item",{staticClass:"md-inset"},[e("router-link",{attrs:{exact:"",to:"/components/card"}},[t._v("Card")])]),t._v(" "),e("md-list-item",{staticClass:"md-inset"},[e("router-link",{attrs:{exact:"",to:"/components/checkbox"}},[t._v("Checkbox")])]),t._v(" "),e("md-list-item",{staticClass:"md-inset"},[e("router-link",{attrs:{exact:"",to:"/components/dialog"}},[t._v("Dialog")])]),t._v(" "),e("md-list-item",{staticClass:"md-inset"},[e("router-link",{attrs:{exact:"",to:"/components/icon"}},[t._v("Icon")])]),t._v(" "),e("md-list-item",{staticClass:"md-inset"},[e("router-link",{attrs:{exact:"",to:"/components/input"}},[t._v("Input")])]),t._v(" "),e("md-list-item",{staticClass:"md-inset"},[e("router-link",{attrs:{exact:"",to:"/components/list"}},[t._v("List")])]),t._v(" "),e("md-list-item",{staticClass:"md-inset"},[e("router-link",{attrs:{exact:"",to:"/components/menu"}},[t._v("Menu")])]),t._v(" "),e("md-list-item",{staticClass:"md-inset"},[e("router-link",{attrs:{exact:"",to:"/components/radio"}},[t._v("Radio")])]),t._v(" "),e("md-list-item",{staticClass:"md-inset"},[e("router-link",{attrs:{exact:"",to:"/components/ink-ripple"}},[t._v("Ink Ripple")])]),t._v(" "),e("md-list-item",{staticClass:"md-inset"},[e("router-link",{attrs:{exact:"",to:"/components/select"}},[t._v("Select")])]),t._v(" "),e("md-list-item",{staticClass:"md-inset"},[e("router-link",{attrs:{exact:"",to:"/components/sidenav"}},[t._v("Sidenav")])]),t._v(" "),e("md-list-item",{staticClass:"md-inset"},[e("router-link",{attrs:{exact:"",to:"/components/spinner"}},[t._v("Spinner")])]),t._v(" "),e("md-list-item",{staticClass:"md-inset"},[e("router-link",{attrs:{exact:"",to:"/components/subheader"}},[t._v("Subheader")])]),t._v(" "),e("md-list-item",{staticClass:"md-inset"},[e("router-link",{attrs:{exact:"",to:"/components/switch"}},[t._v("Switch")])]),t._v(" "),e("md-list-item",{staticClass:"md-inset"},[e("router-link",{attrs:{exact:"",to:"/components/tabs"}},[t._v("Tabs")])]),t._v(" "),e("md-list-item",{staticClass:"md-inset"},[e("router-link",{attrs:{exact:"",to:"/components/table"}},[t._v("Table")])]),t._v(" "),e("md-list-item",{staticClass:"md-inset"},[e("router-link",{attrs:{exact:"",to:"/components/toolbar"}},[t._v("Toolbar")])]),t._v(" "),e("md-list-item",{staticClass:"md-inset"},[e("router-link",{attrs:{exact:"",to:"/components/tooltip"}},[t._v("Tooltip")])]),t._v(" "),e("md-list-item",{staticClass:"md-inset"},[e("router-link",{attrs:{exact:"",to:"/components/whiteframe"}},[t._v("Whiteframe")])])])])]),t._v(" "),e("md-list-item",[e("span",[t._v("UI Elements")]),t._v(" "),e("md-list-expand",[e("md-list",[e("md-list-item",{staticClass:"md-inset"},[e("router-link",{attrs:{exact:"",to:"/ui-elements/layout"}},[t._v("Layout")])]),t._v(" "),e("md-list-item",{staticClass:"md-inset"},[e("router-link",{attrs:{exact:"",to:"/ui-elements/typography"}},[t._v("Typography")])])])])]),t._v(" "),e("md-list-item",[e("router-link",{attrs:{exact:"",to:"/changelog"}},[t._v("Changelog")])]),t._v(" "),e("md-list-item",[e("router-link",{attrs:{exact:"",to:"/about"}},[t._v("About")])])])])]),t._v(" "),e("transition",{attrs:{name:"md-router",appear:""}},[e("router-view")])])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=(t.$createElement,t._c);return e("div",{staticClass:"md-sidenav",class:[t.themeClass,t.classes],attrs:{tabindex:"0"},on:{keyup:function(e){t._k(e.keyCode,"esc",27)||t.close(e)}}},[e("div",{staticClass:"md-sidenav-content"},[t._t("default")],!0),t._v(" "),e("md-backdrop",{staticClass:"md-sidenav-backdrop",on:{close:t.close}})])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=(t.$createElement,t._c);return e("page-content",{attrs:{"page-title":"Components - Menu"}},[e("docs-component",[e("div",{slot:"description"},[e("p",[t._v("Menus appear upon interaction with a button, action, or other control. They display a list of choices, with one choice per line.")]),t._v(" "),e("p",[t._v("You can create menus with selection items or show rich content.")]),t._v(" "),e("p",[t._v("You will need an element with the "),e("code",[t._v("md-menu-trigger")]),t._v(" attribute inside the menu or to use the menu core methods, like on the last example.")])]),t._v(" "),e("div",{slot:"api"},[e("api-table",{attrs:{name:"md-menu"}},[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-size")]),t._v(" "),e("md-table-cell",[e("code",[t._v("Number")])]),t._v(" "),e("md-table-cell",[t._v("Sets the size of the menu content. From 0 to 7. "),e("br"),t._v("Default: "),e("code",[t._v("0")])])]),t._v(" "),e("md-table-row",[e("md-table-cell",[t._v("md-direction")]),t._v(" "),e("md-table-cell",[e("code",[t._v("String")])]),t._v(" "),e("md-table-cell",[t._v("Sets the direction of the menu content. "),e("br"),t._v(" Possibilities: "),e("code",[t._v("bottom right")]),t._v(" | "),e("code",[t._v("bottom left")]),t._v(" | "),e("code",[t._v("top right")]),t._v(" | "),e("code",[t._v("top right")]),e("br"),t._v("Default: "),e("code",[t._v("bottom right")])])]),t._v(" "),e("md-table-row",[e("md-table-cell",[t._v("md-align-trigger")]),t._v(" "),e("md-table-cell",[e("code",[t._v("Boolean")])]),t._v(" "),e("md-table-cell",[t._v("Align the menu content to do not cover menu trigger. "),e("br"),t._v("Default: "),e("code",[t._v("false")])])]),t._v(" "),e("md-table-row",[e("md-table-cell",[t._v("md-offset-x")]),t._v(" "),e("md-table-cell",[e("code",[t._v("Number")])]),t._v(" "),e("md-table-cell",[t._v("Set the menu content offset margin horizontally. "),e("br"),t._v("Default: "),e("code",[t._v("0")])])]),t._v(" "),e("md-table-row",[e("md-table-cell",[t._v("md-offset-y")]),t._v(" "),e("md-table-cell",[e("code",[t._v("Number")])]),t._v(" "),e("md-table-cell",[t._v("Set the menu content offset margin vertically. "),e("br"),t._v("Default: "),e("code",[t._v("0")])])]),t._v(" "),e("md-table-row",[e("md-table-cell",[t._v("md-close-on-select")]),t._v(" "),e("md-table-cell",[e("code",[t._v("Boolean")])]),t._v(" "),e("md-table-cell",[t._v("Close menu content upon mouse click on its menu items. "),e("br"),t._v("Default: "),e("code",[t._v("true")])])])])]),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("open")]),t._v(" "),e("md-table-cell",[t._v("None")]),t._v(" "),e("md-table-cell",[t._v("Triggered when the menu 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 menu 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 menu.")])]),t._v(" "),e("md-table-row",[e("md-table-cell",[t._v("close")]),t._v(" "),e("md-table-cell",[t._v("Close the menu.")])])])])]),t._v(" "),e("api-table",{attrs:{name:"md-menu-content"}},[e("p",[t._v("Displays the content of a menu.")]),t._v(" "),e("p",[t._v("No options available")])]),t._v(" "),e("api-table",{attrs:{name:"md-menu-item"}},[e("p",[t._v("Displays a single item inside a menu.")]),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(" "),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("disabled")]),t._v(" "),e("md-table-cell",[e("code",[t._v("Boolean")])]),t._v(" "),e("md-table-cell",[t._v("Disable the button and prevent his actions. Default "),e("code",[t._v("false")])])])])])]),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 "),e("code",[t._v("$event")])]),t._v(" "),e("md-table-cell",[t._v("Triggered when the item receives a click.")])])])])])]),t._v(" "),e("div",{slot:"example"},[e("example-box",{attrs:{"card-title":"Directions"}},[e("div",{slot:"demo"},[e("md-menu",[e("md-button",{attrs:{"md-menu-trigger":""}},[t._v("Bottom Right")]),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-direction":"bottom left"}},[e("md-button",{attrs:{"md-menu-trigger":""}},[t._v("Bottom Left")]),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",{attrs:{disabled:""}},[t._v("My Item 3")]),t._v(" "),e("md-menu-item",[t._v("My Item 4")])])]),t._v(" "),e("md-menu",{attrs:{"md-direction":"top left"}},[e("md-button",{attrs:{"md-menu-trigger":""}},[t._v("Top Left")]),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-direction":"top right"}},[e("md-button",{attrs:{"md-menu-trigger":""}},[t._v("Top Right")]),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>Bottom Right</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-direction="bottom left">\n              <md-button md-menu-trigger>Bottom Left</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 disabled>My Item 3</md-menu-item>\n                <md-menu-item>My Item 4</md-menu-item>\n              </md-menu-content>\n            </md-menu>\n\n            <md-menu md-direction="top left">\n              <md-button md-menu-trigger>Top Left</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-direction="top right">\n              <md-button md-menu-trigger>Top Right</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":"Alignments"}},[e("div",{slot:"demo"},[e("md-menu",[e("md-button",{attrs:{"md-menu-trigger":""}},[t._v("Default")]),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-align-trigger":""}},[e("md-button",{attrs:{"md-menu-trigger":""}},[t._v("Align trigger")]),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-offset-x":154,"md-offset-y":"12"
+}},[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                <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":""}},[e("md-icon",[t._v("phone")])]),t._v(" "),e("md-menu-content",[e("md-menu-item",[e("md-icon",[t._v("phone")]),t._v(" "),e("span",[t._v("My Item 1")])]),t._v(" "),e("md-menu-item",[e("md-icon",[t._v("phone")]),t._v(" "),e("span",[t._v("My Item 2")])]),t._v(" "),e("md-menu-item",[e("md-icon",[t._v("phone")]),t._v(" "),e("span",[t._v("My Item 3")])])])]),t._v(" "),e("md-menu",{attrs:{"md-direction":"bottom left","md-size":"4"}},[e("md-button",{staticClass:"md-icon-button",attrs:{"md-menu-trigger":""}},[e("md-icon",[t._v("near_me")])]),t._v(" "),e("md-menu-content",[e("md-menu-item",[e("span",[t._v("Find on map")]),t._v(" "),e("md-icon",[t._v("near_me")])]),t._v(" "),e("md-menu-item",[e("span",[t._v("Call")]),t._v(" "),e("md-icon",[t._v("phone")])])])]),t._v(" "),e("md-button",{staticClass:"md-raised md-primary",nativeOn:{click:function(e){t.$refs.menu.open(e)}}},[t._v("Open contact card")])]),t._v(" "),e("div",{slot:"code"},[e("code-block",{attrs:{lang:"xml"}},[t._v('\n            <md-menu md-size="4" md-direction="top right" ref="menu">\n              <md-button class="md-icon-button" md-menu-trigger>\n                <md-icon>contacts</md-icon>\n              </md-button>\n\n              <md-menu-content>\n                <div class="author-card">\n                  <md-avatar class="md-large">\n                    <img src="assets/marcosmoura.jpg" alt="Marcos Moura">\n                  </md-avatar>\n\n                  <div class="author-card-info">\n                    <span>Marcos Moura</span>\n                    <div class="author-card-links">\n                      <a href="https://linkedin.com/in/marcosvmmoura" target="_blank" rel="noopener">Linkedin</a>\n                      <a href="https://github.com/marcosmoura" target="_blank" rel="noopener">GitHub</a>\n                    </div>\n                  </div>\n                </div>\n              </md-menu-content>\n            </md-menu>\n\n            <md-menu md-size="4">\n              <md-button class="md-icon-button" md-menu-trigger>\n                <md-icon>phone</md-icon>\n              </md-button>\n\n              <md-menu-content>\n                <md-menu-item>\n                  <md-icon>phone</md-icon>\n                  <span>My Item 1</span>\n                </md-menu-item>\n\n                <md-menu-item>\n                  <md-icon>phone</md-icon>\n                  <span>My Item 2</span>\n                </md-menu-item>\n\n                <md-menu-item>\n                  <md-icon>phone</md-icon>\n                  <span>My Item 3</span>\n                </md-menu-item>\n              </md-menu-content>\n            </md-menu>\n\n            <md-menu md-direction="bottom left" md-size="4">\n              <md-button class="md-icon-button" md-menu-trigger>\n                <md-icon>near_me</md-icon>\n              </md-button>\n\n              <md-menu-content>\n                <md-menu-item>\n                  <span>Find on map</span>\n                  <md-icon>near_me</md-icon>\n                </md-menu-item>\n\n                <md-menu-item>\n                  <span>Call</span>\n                  <md-icon>phone</md-icon>\n                </md-menu-item>\n              </md-menu-content>\n            </md-menu>\n\n            <md-button class="md-raised md-primary" @click.native="$refs.menu.open">Open contact card</md-button>\n          ')]),t._v(" "),e("code-block",{attrs:{lang:"scss"}},[t._v("\n            .author-card {\n              padding: 8px 16px;\n              display: flex;\n              align-items: center;\n\n              .md-avatar {\n                margin-right: 16px;\n              }\n\n              .author-card-info {\n                display: flex;\n                flex-flow: column;\n                flex: 1;\n              }\n\n              span {\n                font-size: 16px;\n              }\n\n              .author-card-links {\n                display: flex;\n\n                a + a {\n                  margin-left: 8px;\n                }\n              }\n            }\n          ")])])])])])])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=(t.$createElement,t._c);return e("th",{staticClass:"md-table-head",class:t.classes,on:{click:t.changeSort}},[e("div",{directives:[{name:"md-ink-ripple",rawName:"v-md-ink-ripple",value:!t.mdSortBy,expression:"!mdSortBy"}],staticClass:"md-table-head-container"},[e("div",{staticClass:"md-table-head-text md-test"},[t.mdSortBy?e("md-icon",{staticClass:"md-sortable-icon"},[t._v("arrow_downward")]):t._e(),t._v(" "),t._t("default"),t._v(" "),t.mdTooltip?e("md-tooltip",[t._v(t._s(t.mdTooltip))]):t._e()],!0)])])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=(t.$createElement,t._c);return e("div",{staticClass:"md-input-container",class:[t.themeClass,t.classes]},[t._t("default"),t._v(" "),t.enableCounter?e("span",{staticClass:"md-count"},[t._v(t._s(t.inputLength)+" / "+t._s(t.counterLength))]):t._e(),t._v(" "),t.mdHasPassword?e("md-button",{staticClass:"md-icon-button md-toggle-password",on:{click:t.togglePasswordType}},[e("md-icon",[t._v(t._s(t.showPassword?"visibility_off":"visibility"))])]):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 - Input"}},[e("docs-component",[e("div",{slot:"description"},[e("p",[t._v("Inputs allow users to input text and usually appear in forms. Users may enter text, numbers, or mixed-format types of input.")])]),t._v(" "),e("div",{slot:"api"},[e("api-table",{attrs:{name:"md-input-container"}},[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-inline")]),t._v(" "),e("md-table-cell",[e("code",[t._v("Boolean")])]),t._v(" "),e("md-table-cell",[t._v("Create inline field with a label or placeholder. Default "),e("code",[t._v("false")])])]),t._v(" "),e("md-table-row",[e("md-table-cell",[t._v("md-has-password")]),t._v(" "),e("md-table-cell",[e("code",[t._v("Boolean")])]),t._v(" "),e("md-table-cell",[t._v("Show a button to toggle the password visibility. Default "),e("code",[t._v("false")])])])])]),t._v(" "),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-input-invalid")]),t._v(" "),e("md-table-cell",[t._v("Set the error class")])])])])]),t._v(" "),e("api-table",{attrs:{name:"md-input"}},[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("type")]),t._v(" "),e("md-table-cell",[e("code",[t._v("String")])]),t._v(" "),e("md-table-cell",[t._v("Sets the type. Default "),e("code",[t._v("text")])])]),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("maxlength")]),t._v(" "),e("md-table-cell",[e("code",[t._v("Number")])]),t._v(" "),e("md-table-cell",[t._v("Sets the maxlength and enable the text counter.")])])])])]),t._v(" "),e("api-table",{attrs:{name:"md-textarea"}},[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("disabled")]),t._v(" "),e("md-table-cell",[e("code",[t._v("Boolean")])]),t._v(" "),e("md-table-cell",[t._v("Disable the textarea 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("maxlength")]),t._v(" "),e("md-table-cell",[e("code",[t._v("Number")])]),t._v(" "),e("md-table-cell",[t._v("Sets the maxlength and enable the text counter.")])])])])])]),t._v(" "),e("div",{slot:"example"},[e("example-box",{attrs:{"card-title":"Regular fields"}},[e("div",{slot:"demo"},[e("form",{attrs:{novalidate:""},on:{submit:function(e){e.stopPropagation(),e.preventDefault(),t.submit(e)}}},[e("md-input-container",[e("label",[t._v("Initial value")]),t._v(" "),e("md-input",{directives:[{name:"model",rawName:"v-model",value:t.initialValue,expression:"initialValue"}],domProps:{value:t.initialValue},on:{input:function(e){t.initialValue=e}}})]),t._v(" "),e("md-input-container",[e("label",[t._v("With label")]),t._v(" "),e("md-input",{attrs:{placeholder:"My nice placeholder"}})]),t._v(" "),e("md-input-container",{attrs:{"md-inline":""}},[e("label",[t._v("Inline field")]),t._v(" "),e("md-input")]),t._v(" "),e("md-input-container",[e("label",[t._v("Number")]),t._v(" "),e("md-input",{attrs:{type:"number"}})]),t._v(" "),e("md-input-container",[e("label",[t._v("Textarea")]),t._v(" "),e("md-textarea")]),t._v(" "),e("md-input-container",[e("label",[t._v("Disabled")]),t._v(" "),e("md-input",{attrs:{disabled:""}})])])]),t._v(" "),e("div",{slot:"code"},[e("code-block",{attrs:{lang:"xml"}},[t._v('\n            <form novalidate @submit.stop.prevent="submit">\n              <md-input-container>\n                <label>Initial value</label>\n                <md-input v-model="initialValue"></md-input>\n              </md-input-container>\n\n              <md-input-container>\n                <label>With label</label>\n                <md-input placeholder="My nice placeholder"></md-input>\n              </md-input-container>\n\n              <md-input-container md-inline>\n                <label>Inline field</label>\n                <md-input></md-input>\n              </md-input-container>\n\n              <md-input-container>\n                <label>Number</label>\n                <md-input type="number"></md-input>\n              </md-input-container>\n\n              <md-input-container>\n                <label>Textarea</label>\n                <md-textarea></md-textarea>\n              </md-input-container>\n\n              <md-input-container>\n                <label>Disabled</label>\n                <md-input disabled></md-input>\n              </md-input-container>\n            </form>\n          ')]),t._v(" "),e("code-block",{attrs:{lang:"javascript"}},[t._v("\n            export default {\n              data() {\n                return {\n                  initialValue: 'My initial value'\n                };\n              }\n            };\n          ")])])]),t._v(" "),e("example-box",{attrs:{"card-title":"Passwords"}},[e("div",{slot:"demo"},[e("form",{attrs:{novalidate:""},on:{submit:function(e){e.stopPropagation(),e.preventDefault(),t.submit(e)}}},[e("md-input-container",[e("label",[t._v("Regular Password")]),t._v(" "),e("md-input",{attrs:{type:"password"}})]),t._v(" "),e("md-input-container",{attrs:{"md-has-password":""}},[e("label",[t._v("Password Reveal")]),t._v(" "),e("md-input",{attrs:{type:"password"}})])])]),t._v(" "),e("div",{slot:"code"},[e("code-block",{attrs:{lang:"xml"}},[t._v('\n            <form novalidate @submit.stop.prevent="submit">\n              <md-input-container>\n                <label>Regular Password</label>\n                <md-input type="password"></md-input>\n              </md-input-container>\n\n              <md-input-container md-has-password>\n                <label>Password Reveal</label>\n                <md-input type="password"></md-input>\n              </md-input-container>\n            </form>\n          ')])])]),t._v(" "),e("example-box",{attrs:{"card-title":"Required and Errors"}},[e("div",{slot:"demo"},[e("form",{attrs:{novalidate:""},on:{submit:function(e){e.stopPropagation(),e.preventDefault(),t.submit(e)}}},[e("md-input-container",[e("label",[t._v("Required")]),t._v(" "),e("md-input",{attrs:{required:""}})]),t._v(" "),e("md-input-container",{staticClass:"md-input-invalid"},[e("label",[t._v("Error")]),t._v(" "),e("md-input",{attrs:{required:""}})]),t._v(" "),e("md-input-container",{staticClass:"md-input-invalid"},[e("label",[t._v("Error with message")]),t._v(" "),e("md-input",{attrs:{required:""}}),t._v(" "),e("span",{staticClass:"md-error"},[t._v("Validation message")])]),t._v(" "),e("md-input-container",{staticClass:"md-input-invalid"},[e("label",[t._v("Textarea with error")]),t._v(" "),e("md-textarea"),t._v(" "),e("span",{staticClass:"md-error"},[t._v("Textarea validation message")])])])]),t._v(" "),e("div",{slot:"code"},[e("code-block",{attrs:{lang:"xml"}},[t._v('\n            <form novalidate @submit.stop.prevent="submit">\n              <md-input-container>\n                <label>Required</label>\n                <md-input required></md-input>\n              </md-input-container>\n\n              <md-input-container class="md-input-invalid">\n                <label>Error</label>\n                <md-input required></md-input>\n              </md-input-container>\n\n              <md-input-container class="md-input-invalid">\n                <label>Error with message</label>\n                <md-input required></md-input>\n\n                <span class="md-error">Validation message</span>\n              </md-input-container>\n\n              <md-input-container class="md-input-invalid">\n                <label>Textarea with error</label>\n                <md-textarea></md-textarea>\n\n                <span class="md-error">Textarea validation message</span>\n              </md-input-container>\n            </form>\n          ')])])]),t._v(" "),e("example-box",{attrs:{"card-title":"Character counter"}},[e("div",{slot:"demo"},[e("form",{attrs:{novalidate:""},on:{submit:function(e){e.stopPropagation(),e.preventDefault(),t.submit(e)}}},[e("md-input-container",[e("label",[t._v("Textarea")]),t._v(" "),e("md-textarea",{attrs:{maxlength:"70"}})]),t._v(" "),e("md-input-container",[e("label",[t._v("Input")]),t._v(" "),e("md-input",{attrs:{maxlength:"20"}})])])]),t._v(" "),e("div",{slot:"code"},[e("code-block",{attrs:{lang:"xml"}},[t._v('\n            <form novalidate @submit.stop.prevent="submit">\n              <md-input-container>\n                <label>Textarea</label>\n                <md-textarea maxlength="70"></md-textarea>\n              </md-input-container>\n\n              <md-input-container>\n                <label>Input</label>\n                <md-input maxlength="20"></md-input>\n              </md-input-container>\n            </form>\n          ')])])]),t._v(" "),e("example-box",{attrs:{"card-title":"Themes"}},[e("div",{slot:"demo"},[e("form",{attrs:{novalidate:""},on:{submit:function(e){e.stopPropagation(),e.preventDefault(),t.submit(e)}}},[e("md-input-container",{attrs:{"md-theme":"green"}},[e("label",[t._v("Green - Input")]),t._v(" "),e("md-input")]),t._v(" "),e("md-input-container",{attrs:{"md-theme":"red"}},[e("label",[t._v("Red - Textarea")]),t._v(" "),e("md-textarea")])])]),t._v(" "),e("div",{slot:"code"},[e("code-block",{attrs:{lang:"xml"}},[t._v('\n            <form novalidate @submit.stop.prevent="submit">\n              <md-input-container md-theme="green">\n                <label>Green - Input</label>\n                <md-input></md-input>\n              </md-input-container>\n\n              <md-input-container md-theme="red">\n                <label>Red - Textarea</label>\n                <md-textarea></md-textarea>\n              </md-input-container>\n            </form>\n          ')])])])])])])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=(t.$createElement,t._c);return e("div",{staticClass:"md-card",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("div",{staticClass:"md-menu-content",class:[t.themeClass],attrs:{tabindex:"-1"},on:{keydown:[function(e){t._k(e.keyCode,"esc",27)||(e.preventDefault(),t.close(e))},function(e){t._k(e.keyCode,"tab",9)||(e.preventDefault(),t.close(e))},function(e){t._k(e.keyCode,"up",38)||(e.preventDefault(),t.highlightItem("up"))},function(e){t._k(e.keyCode,"down",40)||(e.preventDefault(),t.highlightItem("down"))},function(e){t._k(e.keyCode,"enter",13)||(e.preventDefault(),t.fireClick(e))},function(e){t._k(e.keyCode,"space",32)||(e.preventDefault(),t.fireClick(e))}]}},[e("md-list",[t._t("default")],!0)])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=(t.$createElement,t._c);return e("input",{staticClass:"md-input",attrs:{type:t.type,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,keydown:[function(e){t._k(e.keyCode,"up",38)||t.onInput(e)},function(e){t._k(e.keyCode,"down",40)||t.onInput(e)}]}})},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=(t.$createElement,t._c);return e("td",{staticClass:"md-table-cell",class:t.classes},[e("div",{staticClass:"md-table-cell-container"},[t._t("default")],!0)])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=(t.$createElement,t._c);return e("md-list-item",{staticClass:"md-menu-item",class:t.classes,attrs:{disabled:t.disabled},on:{click:t.close}},[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 - Checkbox"}},[e("docs-component",[e("div",{slot:"description"},[e("p",[t._v("Checkboxes allow the user to select multiple options from a set.")]),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-warn")])])])]),t._v(" "),e("div",{slot:"api"},[e("api-table",{attrs:{name:"md-checkbox"}},[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("Set the checkbox name.")])]),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("Set the checkbox id.")])]),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 checkbox and prevent his actions. Default "),e("code",[t._v("false")])])])])]),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("change")]),t._v(" "),e("md-table-cell",[t._v("Receive the state of the checkbox")]),t._v(" "),e("md-table-cell",[t._v("Triggered when the checkbox changes his value.")])])])])])]),t._v(" "),e("div",{slot:"example"},[e("example-box",{attrs:{"card-title":"Default"}},[e("div",{slot:"demo"},[e("md-checkbox",{directives:[{name:"model",rawName:"v-model",value:t.checkbox,expression:"checkbox"}],attrs:{id:"my-test1",name:"my-test1"},domProps:{value:t.checkbox},on:{input:function(e){t.checkbox=e}}},[t._v("Regular Checkbox")]),t._v(" "),e("md-checkbox",{directives:[{name:"model",rawName:"v-model",value:t.checkbox,expression:"checkbox"}],staticClass:"md-primary",attrs:{id:"my-test2",name:"my-test2"},domProps:{value:t.checkbox},on:{input:function(e){t.checkbox=e}}},[t._v("Primary Color")]),t._v(" "),e("md-checkbox",{directives:[{name:"model",rawName:"v-model",value:t.checkbox,expression:"checkbox"}],staticClass:"md-warn",attrs:{id:"my-test3",name:"my-test3"},domProps:{value:t.checkbox},on:{input:function(e){t.checkbox=e}}},[t._v("Warn Color")]),t._v(" "),e("md-checkbox",{directives:[{name:"model",rawName:"v-model",value:t.checkbox,expression:"checkbox"}],attrs:{id:"my-test4",name:"my-test4",disabled:""},domProps:{value:t.checkbox},on:{input:function(e){t.checkbox=e}}},[t._v("Disabled")])]),t._v(" "),e("div",{slot:"code"},[e("code-block",{attrs:{lang:"xml"}},[t._v('\n            <md-checkbox id="my-test1" name="my-test1" v-model="checkbox">Regular Checkbox</md-checkbox>\n            <md-checkbox id="my-test2" name="my-test2" v-model="checkbox" class="md-primary">Primary Color</md-checkbox>\n            <md-checkbox id="my-test3" name="my-test3" v-model="checkbox" class="md-warn">Warn Color</md-checkbox>\n            <md-checkbox id="my-test4" name="my-test4" v-model="checkbox" disabled>Disabled</md-checkbox>\n          ')])])]),t._v(" "),e("example-box",{attrs:{"card-title":"Themes"}},[e("div",{slot:"demo"},[e("md-checkbox",{directives:[{name:"model",rawName:"v-model",value:t.checkbox2,expression:"checkbox2"}],staticClass:"md-primary",attrs:{"md-name":"orange",id:"my-test5",name:"my-test5"},domProps:{value:t.checkbox2},on:{input:function(e){t.checkbox2=e}}},[t._v("Primary Orange")]),t._v(" "),e("md-checkbox",{directives:[{name:"model",rawName:"v-model",value:t.checkbox2,expression:"checkbox2"}],staticClass:"md-primary",attrs:{"md-name":"green",id:"my-test6",name:"my-test6"},domProps:{value:t.checkbox2},on:{input:function(e){t.checkbox2=e}}},[t._v("Primary Green")]),t._v(" "),e("md-checkbox",{directives:[{name:"model",rawName:"v-model",value:t.checkbox2,expression:"checkbox2"}],staticClass:"md-primary",attrs:{"md-name":"light-blue",id:"my-test7",name:"my-test7"},domProps:{value:t.checkbox2},on:{input:function(e){t.checkbox2=e}}},[t._v("Primary Light Blue")]),t._v(" "),e("md-checkbox",{directives:[{name:"model",rawName:"v-model",value:t.checkbox2,expression:"checkbox2"}],staticClass:"md-primary",attrs:{"md-name":"indigo",id:"my-test8",name:"my-test8"},domProps:{value:t.checkbox2},on:{input:function(e){t.checkbox2=e}}},[t._v("Primary Indigo")]),t._v(" "),e("md-checkbox",{directives:[{name:"model",rawName:"v-model",value:t.checkbox2,expression:"checkbox2"}],staticClass:"md-primary",attrs:{"md-name":"brown",id:"my-test9",name:"my-test9",disabled:""},domProps:{value:t.checkbox2},on:{input:function(e){t.checkbox2=e}}},[t._v("Primary Brown Disabled")])]),t._v(" "),e("div",{slot:"code"},[e("code-block",{attrs:{lang:"xml"}},[t._v('\n            <md-checkbox md-name="orange"  id="my-test5" name="my-test5" v-model="checkbox2" class="md-primary">Primary Orange</md-checkbox>\n            <md-checkbox md-name="green"  id="my-test6" name="my-test6" v-model="checkbox2" class="md-primary">Primary Green</md-checkbox>\n            <md-checkbox md-name="light-blue" id="my-test7" name="my-test7" v-model="checkbox2" class="md-primary">Primary Light Blue</md-checkbox>\n            <md-checkbox md-name="indigo"  id="my-test8" name="my-test8" v-model="checkbox2" class="md-primary">Primary Indigo</md-checkbox>\n            <md-checkbox md-name="brown"  id="my-test9" name="my-test9" v-model="checkbox2" class="md-primary" disabled>Primary Brown Disabled</md-checkbox>\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(" "),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                md-flex-medium="33"\n              ')])]),t._v(" "),e("md-layout",{staticClass:"color-blue",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                md-flex-medium="33"\n              ')])]),t._v(" "),e("md-layout",{staticClass:"color-pink",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                md-flex-medium="33"\n              ')])]),t._v(" "),e("md-layout",{staticClass:"color-teal",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                md-flex-medium="33"\n              ')])]),t._v(" "),e("md-layout",{staticClass:"color-green",attrs:{"md-flex-small":"100","md-flex-medium":"33","md-hide-xsmall":""}},[e("div",{staticClass:"grid-content"},[t._v('\n                md-flex-medium="33" '),e("br"),t._v("\n                md-hide-xsmall\n              ")])]),t._v(" "),e("md-layout",{staticClass:"color-yellow",attrs:{"md-flex":"","md-flex-medium":"33","md-hide-small":""}},[e("div",{staticClass:"grid-content"},[t._v('\n                md-flex-medium="33" '),e("br"),t._v("\n                md-hide-small\n              ")])])])]),t._v(" "),e("div",{slot:"code"},[e("code-block",{attrs:{lang:"xml"}},[t._v('\n            <md-layout md-gutter>\n              <md-layout md-flex-xsmall="100" md-flex-small="50" md-flex-medium="33">\n                md-flex-xsmall <br>\n                md-flex-small="50" <br>\n                md-flex-medium="33"\n              </md-layout>\n\n              <md-layout md-flex-xsmall="100" md-flex-small="50" md-flex-medium="33">\n                md-flex-xsmall <br>\n                md-flex-small="50" <br>\n                md-flex-medium="33"\n              </md-layout>\n\n              <md-layout md-flex-xsmall="100" md-flex-small="50" md-flex-medium="33">\n                md-flex-xsmall <br>\n                md-flex-small="50" <br>\n                md-flex-medium="33"\n              </md-layout>\n\n              <md-layout md-flex-xsmall="100" md-flex-small="50" md-flex-medium="33">\n                md-flex-xsmall <br>\n                md-flex-small="50" <br>\n                md-flex-medium="33"\n              </md-layout>\n\n              <md-layout md-flex-small="100" md-flex-medium="33" md-hide-xsmall>\n                md-flex-medium="33" <br>\n                md-hide-xsmall\n              </md-layout>\n\n              <md-layout md-flex md-flex-medium="33" md-hide-small>\n                md-flex-medium="33" <br>\n                md-hide-small\n              </md-layout>\n            </md-layout>\n          ')])])]),t._v(" "),e("example-box",{attrs:{"card-title":"Sizes and Offset"}},[e("div",{staticClass:"layout-demo grid",slot:"demo"},[e("md-layout",{staticClass:"color",attrs:{"md-gutter":""}},[e("md-layout",{attrs:{"md-flex":"50"}}),t._v(" "),e("md-layout"),t._v(" "),e("md-layout"),t._v(" "),e("md-layout")]),t._v(" "),e("md-layout",{staticClass:"color",attrs:{"md-gutter":""}},[e("md-layout",{attrs:{"md-flex":"33"}}),t._v(" "),e("md-layout")]),t._v(" "),e("md-layout",{staticClass:"color",attrs:{"md-gutter":""}},[e("md-layout"),t._v(" "),e("md-layout",{attrs:{"md-flex":"33","md-flex-offset":"33"}})]),t._v(" "),e("md-layout",{staticClass:"color",attrs:{"md-gutter":""}},[e("md-layout",{attrs:{"md-flex":"75"}}),t._v(" "),e("md-layout")]),t._v(" "),e("md-layout",{staticClass:"color",attrs:{"md-gutter":""}},[e("md-layout",{attrs:{"md-flex":"50"}}),t._v(" "),e("md-layout"),t._v(" "),e("md-layout")]),t._v(" "),e("md-layout",{staticClass:"color",attrs:{"md-gutter":""}},[e("md-layout",{attrs:{"md-flex":"25","md-flex-offset":"25"}}),t._v(" "),e("md-layout",{attrs:{"md-flex":"25"}})])]),t._v(" "),e("div",{slot:"code"},[e("code-block",{attrs:{lang:"xml"}},[t._v('\n            <md-layout md-gutter>\n              <md-layout md-flex="50"></md-layout>\n              <md-layout></md-layout>\n              <md-layout></md-layout>\n              <md-layout></md-layout>\n            </md-layout>\n\n            <md-layout md-gutter>\n              <md-layout md-flex="33"></md-layout>\n              <md-layout></md-layout>\n            </md-layout>\n\n            <md-layout md-gutter>\n              <md-layout></md-layout>\n              <md-layout md-flex="33" md-flex-offset="33"></md-layout>\n            </md-layout>\n\n            <md-layout md-gutter>\n              <md-layout md-flex="75"></md-layout>\n              <md-layout></md-layout>\n            </md-layout>\n\n            <md-layout md-gutter>\n              <md-layout md-flex="50"></md-layout>\n              <md-layout></md-layout>\n              <md-layout></md-layout>\n            </md-layout>\n\n            <md-layout md-gutter>\n              <md-layout md-flex="25" md-flex-offset="25"></md-layout>\n              <md-layout md-flex="25"></md-layout>\n            </md-layout>\n          ')])])]),t._v(" "),e("example-box",{attrs:{"card-title":"Direction"}},[e("div",{staticClass:"layout-demo grid",slot:"demo"},[e("md-layout",{staticClass:"column-size",attrs:{"md-gutter":""}},[e("md-layout",{staticClass:"color",attrs:{"md-column":"","md-gutter":""}},[e("md-layout",{attrs:{"md-flex":"20"}}),t._v(" "),e("md-layout")]),t._v(" "),e("md-layout",{staticClass:"color",attrs:{"md-column":"","md-gutter":""}},[e("md-layout",{attrs:{"md-flex":"50"}}),t._v(" "),e("md-layout"),t._v(" "),e("md-layout")])])]),t._v(" "),e("div",{slot:"code"},[e("code-block",{attrs:{lang:"xml"}},[t._v('\n            <md-layout md-gutter>\n              <md-layout md-column md-gutter>\n                <md-layout md-flex="20"></md-layout>\n                <md-layout></md-layout>\n              </md-layout>\n\n              <md-layout md-column md-gutter>\n                <md-layout md-flex="50"></md-layout>\n                <md-layout></md-layout>\n                <md-layout></md-layout>\n              </md-layout>\n            </md-layout>\n          ')])])]),t._v(" "),e("example-box",{attrs:{"card-title":"Gutters"}},[e("div",{staticClass:"layout-demo grid gutter",slot:"demo"},[e("md-layout",{staticClass:"no-gutter color"},[e("md-layout"),t._v(" "),e("md-layout")]),t._v(" "),e("md-layout",{staticClass:"color",attrs:{"md-gutter":8}},[e("md-layout",[e("span",[t._v("8px")])]),t._v(" "),e("md-layout",[e("span",[t._v("8px")])]),t._v(" "),e("md-layout",[e("span",[t._v("8px")])]),t._v(" "),e("md-layout",[e("span",[t._v("8px")])]),t._v(" "),e("md-layout",[e("span",[t._v("8px")])]),t._v(" "),e("md-layout",[e("span",[t._v("8px")])])]),t._v(" "),e("md-layout",{staticClass:"color",attrs:{"md-gutter":"16"}},[e("md-layout",[e("span",[t._v("16px")])]),t._v(" "),e("md-layout",[e("span",[t._v("16px")])]),t._v(" "),e("md-layout",[e("span",[t._v("16px")])]),t._v(" "),e("md-layout",[e("span",[t._v("16px")])]),t._v(" "),e("md-layout",[e("span",[t._v("16px")])])]),t._v(" "),e("md-layout",{staticClass:"color",attrs:{"md-gutter":24}},[e("md-layout",[e("span",[t._v("24px")])]),t._v(" "),e("md-layout",[e("span",[t._v("24px")])]),t._v(" "),e("md-layout",[e("span",[t._v("24px")])]),t._v(" "),e("md-layout",[e("span",[t._v("24px")])])]),t._v(" "),e("md-layout",{staticClass:"color",attrs:{"md-gutter":40}},[e("md-layout",[e("span",[t._v("40px")])]),t._v(" "),e("md-layout",[e("span",[t._v("40px")])]),t._v(" "),e("md-layout",[e("span",[t._v("40px")])])]),t._v(" "),e("md-layout",{staticClass:"color",attrs:{"md-gutter":""}},[e("md-layout",[e("span",[t._v("Automatic")])]),t._v(" "),e("md-layout",[e("span",[t._v("Automatic")])])])]),t._v(" "),e("div",{slot:"code"},[e("code-block",{attrs:{lang:"xml"}},[t._v('\n            <md-layout>\n              <md-layout></md-layout>\n              <md-layout></md-layout>\n            </md-layout>\n\n            <md-layout :md-gutter="8">\n              <md-layout>\n                <span>8px</span>\n              </md-layout>\n\n              <md-layout>\n                <span>8px</span>\n              </md-layout>\n\n              <md-layout>\n                <span>8px</span>\n              </md-layout>\n\n              <md-layout>\n                <span>8px</span>\n              </md-layout>\n\n              <md-layout>\n                <span>8px</span>\n              </md-layout>\n\n              <md-layout>\n                <span>8px</span>\n              </md-layout>\n            </md-layout>\n\n            <md-layout md-gutter="16">\n              <md-layout>\n                <span>16px</span>\n              </md-layout>\n\n              <md-layout>\n                <span>16px</span>\n              </md-layout>\n\n              <md-layout>\n                <span>16px</span>\n              </md-layout>\n\n              <md-layout>\n                <span>16px</span>\n              </md-layout>\n\n              <md-layout>\n                <span>16px</span>\n              </md-layout>\n            </md-layout>\n\n            <md-layout :md-gutter="24">\n              <md-layout>\n                <span>24px</span>\n              </md-layout>\n\n              <md-layout>\n                <span>24px</span>\n              </md-layout>\n\n              <md-layout>\n                <span>24px</span>\n              </md-layout>\n\n              <md-layout>\n                <span>24px</span>\n              </md-layout>\n            </md-layout>\n\n            <md-layout :md-gutter="40">\n              <md-layout>\n                <span>40px</span>\n              </md-layout>\n\n              <md-layout>\n                <span>40px</span>\n              </md-layout>\n\n              <md-layout>\n                <span>40px</span>\n              </md-layout>\n            </md-layout>\n\n            <md-layout md-gutter>\n              <md-layout>\n                <span>Automatic</span>\n              </md-layout>\n\n              <md-layout>\n                <span>Automatic</span>\n              </md-layout>\n            </md-layout>\n          ')])])])])])])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=(t.$createElement,t._c);return e("div",{staticClass:"md-toolbar",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":"Error"}},[e("div",{staticClass:"main-content"},[e("section",[e("h2",{staticClass:"md-headline"},[t._v("Hmmm. Too bad")]),t._v(" "),e("p",[t._v("Are you searching for a new component? Or maybe you have an question? Get in touch!")]),t._v(" "),e("md-button",{staticClass:"md-primary md-raised",attrs:{href:"mailto:marcosvmmoura@gmail.com?Subject=Vue%20Material%20-%20Question",target:"_blank",rel:"noopener"}},[t._v("E-mail")]),t._v(" "),e("md-button",{staticClass:"md-primary md-raised",attrs:{href:"https://github.com/marcosmoura/vue-material/issues/new",target:"_blank",rel:"noopener"}},[t._v("New Issue")])])])])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=(t.$createElement,t._c);return e("page-content",{attrs:{"page-title":"Components - Switch"}},[e("docs-component",[e("div",{slot:"description"},[e("p",[t._v("On/off switches toggle the state of a single settings option. The option that the switch controls, as well as the state it’s in, should be made clear from the corresponding inline label.")]),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-warn")])])])]),t._v(" "),e("div",{slot:"api"},[e("api-table",{attrs:{name:"md-switch"}},[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("type")]),t._v(" "),e("md-table-cell",[e("code",[t._v("String")])]),t._v(" "),e("md-table-cell",[t._v("Sets the type. Default "),e("code",[t._v("button")])])]),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("Set the switch name.")])]),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("Set the switch id.")])]),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 switch and prevent his actions. Default "),e("code",[t._v("false")])])])])]),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("change")]),t._v(" "),e("md-table-cell",[t._v("Receive the state of the switch")]),t._v(" "),e("md-table-cell",[t._v("Triggered when the switch changes his value.")])])])])])]),t._v(" "),e("div",{slot:"example"},[e("example-box",{attrs:{"card-title":"Default"}},[e("div",{slot:"demo"},[e("div",[e("md-switch",{directives:[{name:"model",rawName:"v-model",value:t.checked0,expression:"checked0"}],attrs:{id:"my-test0",name:"my-test0"},domProps:{value:t.checked0},on:{input:function(e){t.checked0=e}}})]),t._v(" "),e("div",[e("md-switch",{directives:[{name:"model",rawName:"v-model",value:t.checked1,expression:"checked1"}],staticClass:"md-primary",attrs:{id:"my-test1",name:"my-test1"},domProps:{value:t.checked1},on:{input:function(e){t.checked1=e}}},[t._v("Primary Color")])]),t._v(" "),e("div",[e("md-switch",{directives:[{name:"model",rawName:"v-model",value:t.checked2,expression:"checked2"}],staticClass:"md-warn",attrs:{id:"my-test2",name:"my-test2"},domProps:{value:t.checked2},on:{input:function(e){t.checked2=e}}},[t._v("Warn Color")])]),t._v(" "),e("div",[e("md-switch",{directives:[{name:"model",rawName:"v-model",value:t.checked3,expression:"checked3"}],attrs:{id:"my-test3",name:"my-test3",disabled:""},domProps:{value:t.checked3},on:{input:function(e){t.checked3=e}}},[t._v("Disabled")])])]),t._v(" "),e("div",{slot:"code"},[e("code-block",{attrs:{lang:"xml"}},[t._v('\n            <md-switch v-model="checked0" id="my-test0" name="my-test0"></md-switch>\n            <md-switch v-model="checked1" id="my-test1" name="my-test1" class="md-primary">Primary Color</md-switch>\n            <md-switch v-model="checked2" id="my-test2" name="my-test2" class="md-warn">Warn Color</md-switch>\n            <md-switch v-model="checked3" id="my-test3" name="my-test3" disabled>Disabled</md-switch>\n          ')])])]),t._v(" "),e("example-box",{attrs:{"card-title":"With type"}},[e("div",{slot:"demo"},[e("md-switch",{directives:[{name:"model",rawName:"v-model",value:t.checked8,expression:"checked8"}],attrs:{id:"my-test8",name:"my-test8"},domProps:{value:t.checked8},on:{input:function(e){t.checked8=e}}},[t._v("Default")]),t._v(" "),e("form",{on:{click:function(e){e.stopPropagation(),e.preventDefault(),t.submit(e)}}},[e("md-switch",{directives:[{name:"model",rawName:"v-model",value:t.checked9,expression:"checked9"}],staticClass:"md-primary",attrs:{type:"submit",id:"my-test9",name:"my-test9"},domProps:{value:t.checked9},on:{input:function(e){t.checked9=e}}},[t._v("Submit")])])]),t._v(" "),e("div",{slot:"code"},[e("code-block",{attrs:{lang:"xml"}},[t._v('\n            <md-switch v-model="checked8" id="my-test8" name="my-test8">Default</md-switch>\n\n            <form @click.stop.prevent="submit">\n              <md-switch type="submit" v-model="checked9" id="my-test9" name="my-test9" class="md-primary">Submit</md-switch>\n            </form>\n          ')])])]),t._v(" "),e("example-box",{attrs:{"card-title":"Themes"}},[e("div",{slot:"demo"},[e("div",[e("md-switch",{directives:[{name:"model",rawName:"v-model",value:t.checked4,expression:"checked4"}],staticClass:"md-primary",attrs:{"md-theme":"orange",id:"my-test4",name:"my-test4"},domProps:{value:t.checked4},on:{input:function(e){t.checked4=e}}})]),t._v(" "),e("div",[e("md-switch",{directives:[{name:"model",rawName:"v-model",value:t.checked5,expression:"checked5"}],staticClass:"md-primary",attrs:{"md-theme":"green",id:"my-test5",name:"my-test5"},domProps:{value:t.checked5},on:{input:function(e){t.checked5=e}}},[t._v("Green Primary Color")])]),t._v(" "),e("div",[e("md-switch",{directives:[{name:"model",rawName:"v-model",value:t.checked6,expression:"checked6"}],staticClass:"md-primary",attrs:{"md-theme":"brown",id:"my-test6",name:"my-test6"},domProps:{value:t.checked6},on:{input:function(e){t.checked6=e}}},[t._v("Brown Primary Color")])]),t._v(" "),e("div",[e("md-switch",{directives:[{name:"model",rawName:"v-model",value:t.checked7,expression:"checked7"}],staticClass:"md-primary",attrs:{"md-theme":"light-blue",id:"my-test7",name:"my-test7",disabled:""},domProps:{value:t.checked7},on:{input:function(e){t.checked7=e}}},[t._v("Light Blue Primary Color Disabled")])])]),t._v(" "),e("div",{slot:"code"},[e("code-block",{attrs:{lang:"xml"}},[t._v('\n            <md-switch md-theme="orange" v-model="checked4" id="my-test4" name="my-test4" class="md-primary"></md-switch>\n            <md-switch md-theme="green" v-model="checked5" id="my-test5" name="my-test5" class="md-primary">Green Primary Color</md-switch>\n            <md-switch md-theme="brown" v-model="checked6" id="my-test6" name="my-test6" class="md-primary">Brown Primary Color</md-switch>\n            <md-switch md-theme="light-blue" v-model="checked7" id="my-test7" name="my-test7" class="md-primary" disabled>Light Blue Primary Color Disabled</md-switch>\n          ')])])])])])])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=(t.$createElement,t._c);return e("div",{staticClass:"md-dialog-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":"Components - Card"}},[e("docs-component",[e("div",{slot:"description"},[e("p",[t._v("Cards may contain a photo, text, and a link about a single subject. They may display content containing elements of varying size, such as photos with captions of variable length.")]),t._v(" "),e("p",[t._v("The card components are very granular. Every single part of a card is a component. You can combine them in any order that you want, following the same logic of the examples.")]),t._v(" "),e("p",[t._v('You can also use other Material components inside the card, like the "Complete Example".')]),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-card"}},[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-with-hover")]),t._v(" "),e("md-table-cell",[e("code",[t._v("Boolean")])]),t._v(" "),e("md-table-cell",[t._v("Enable full hover elevation in card. Default "),e("code",[t._v("false")])])])])])]),t._v(" "),e("api-table",{attrs:{name:"md-card-header"}},[e("p",[t._v("Can display titles, subheads, medias and avatars in a header.")]),t._v(" "),e("p",[t._v("No options available")])]),t._v(" "),e("api-table",{attrs:{name:"md-card-header-text"}},[e("p",[t._v('Used inside a card header to group the title and the subhead. Useful to align with an action (like a overflow button) or a media inside headers, like on the "Media" example.')]),t._v(" "),e("p",[t._v("No options available")])]),t._v(" "),e("api-table",{attrs:{name:"md-card-content"}},[e("p",[t._v("Display the content of the card. Most used with plain text or with simple HTML content, like bold and italic tags.")]),t._v(" "),e("p",[t._v("No options available")])]),t._v(" "),e("api-table",{attrs:{name:"md-card-actions"}},[e("p",[t._v("Hold the actions of a card align them on the right. Here you can add "),e("code",[t._v("<md-button>")]),t._v(" with or without icons.")]),t._v(" "),e("p",[t._v("No options available")])]),t._v(" "),e("api-table",{attrs:{name:"md-card-area"}},[e("div",{slot:"properties"},[e("p",[t._v("A card area create a division inside the card. This will apply a border on the bottom (only works if the card area is not the last element).")]),t._v(" "),e("p",[t._v('You can see an example of use on the "Complete example".')]),t._v(" "),e("md-table",[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-inset")]),t._v(" "),e("md-table-cell",[e("code",[t._v("Boolean")])]),t._v(" "),e("md-table-cell",[t._v("Apply a inset border. Default "),e("code",[t._v("false")])])])])])])]),t._v(" "),e("api-table",{attrs:{name:"md-card-media"}},[e("div",{slot:"properties"},[e("p",[t._v("The card media display images (and other types of media) inside cards. Can be used inside and outsite a card header.")]),t._v(" "),e("md-table",[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-ratio")]),t._v(" "),e("md-table-cell",[e("code",[t._v("String")])]),t._v(" "),e("md-table-cell",[t._v("Resize or clip the image automatically based on the following options: "),e("br"),t._v("1:1 or 1/1, 4:3 or 4/3 and 16:9 or 16/9.")])]),t._v(" "),e("md-table-row",[e("md-table-cell",[t._v("md-medium")]),t._v(" "),e("md-table-cell",[e("code",[t._v("Boolean")])]),t._v(" "),e("md-table-cell",[t._v("Applies medium size to the media. Works only inside md-card-header. Default "),e("code",[t._v("false")])])]),t._v(" "),e("md-table-row",[e("md-table-cell",[t._v("md-big")]),t._v(" "),e("md-table-cell",[e("code",[t._v("Boolean")])]),t._v(" "),e("md-table-cell",[t._v("Applies big size to the media. Works only inside md-card-header. Default "),e("code",[t._v("false")])])])])])])]),t._v(" "),e("api-table",{attrs:{name:"md-card-media-actions"}},[e("p",[t._v("Used to align a media and actions side by side.")]),t._v(" "),e("p",[t._v("No options available")])]),t._v(" "),e("api-table",{attrs:{name:"md-card-media-cover"}},[e("div",{slot:"properties"},[e("p",[t._v("You will need to give a "),e("code",[t._v("<md-card-media>")]),t._v(" inside this component and a "),e("code",[t._v("<md-card-area>")]),t._v(". The media and the area will be automatically be placed in order inside the card.")]),t._v(" "),e("p",[t._v('Take a look at the example: "Image cover with predefined aspect ratio".')]),t._v(" "),e("md-table",[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-text-scrim")]),t._v(" "),e("md-table-cell",[e("code",[t._v("Boolean")])]),t._v(" "),e("md-table-cell",[t._v("Apply a gradient background based on the image. This option increase the legibility of the text applying background colors by extracting the amount of lightness on the image. If the image is dark so the background of the text will be lighter. If it's not dark then the background will be darker. This will be calculated automatically. Default "),e("code",[t._v("false")])])]),t._v(" "),e("md-table-row",[e("md-table-cell",[t._v("md-solid")]),t._v(" "),e("md-table-cell",[e("code",[t._v("Boolean")])]),t._v(" "),e("md-table-cell",[t._v("Applies a solid background with the same calculation logic of the md-text-scrim. Default "),e("code",[t._v("false")])])])])])])]),t._v(" "),e("api-table",{
+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-card-content>\n                Lorem ipsum dolor sit amet, consectetur adipisicing elit. Optio itaque ea, nostrum odio. Dolores, sed accusantium quasi non, voluptas eius illo quas, saepe voluptate pariatur in deleniti minus sint. Excepturi.\n              </md-card-content>\n            </md-card>\n\n            <md-card>\n              <md-card-header>\n                <md-card-header-text>\n                  <div class="md-title">Title goes here</div>\n                  <div class="md-subhead">Subtitle here</div>\n                </md-card-header-text>\n\n                <md-menu md-size="4" md-direction="bottom left">\n                  <md-button class="md-icon-button" md-menu-trigger>\n                    <md-icon>more_vert</md-icon>\n                  </md-button>\n\n                  <md-menu-content>\n                    <md-menu-item>\n                      <span>Call</span>\n                      <md-icon>phone</md-icon>\n                    </md-menu-item>\n\n                    <md-menu-item>\n                      <span>Send a message</span>\n                      <md-icon>message</md-icon>\n                    </md-menu-item>\n                  </md-menu-content>\n                </md-menu>\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 odio. Dolores, sed accusantium quasi non, voluptas eius illo quas, saepe voluptate pariatur in deleniti minus sint. Excepturi.\n              </md-card-content>\n            </md-card>\n\n            <md-card>\n              <md-card-media>\n                <img src="assets/card-image-2.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            </md-card>\n\n            <md-card>\n              <md-card-media>\n                <img src="assets/card-image-2.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            </md-card>\n          ')])])]),t._v(" "),e("example-box",{attrs:{"card-title":"Hover Effect"}},[e("div",{staticClass:"card-holder",slot:"demo"},[e("md-card",{attrs:{"md-with-hover":""}},[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-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-actions",[e("md-button",[t._v("Action")]),t._v(" "),e("md-button",[t._v("Action")])])]),t._v(" "),e("md-card",{attrs:{"md-with-hover":""}},[e("md-card-media",{directives:[{name:"md-ink-ripple",rawName:"v-md-ink-ripple"}]},[e("img",{attrs:{src:"assets/card-image-1.jpg",alt:"People"}})]),t._v(" "),e("md-card-actions",[e("md-button",{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("md-card",{attrs:{"md-with-hover":""}},[e("md-card-header",[e("md-avatar",[e("img",{attrs:{src:"assets/avatar.png",alt:"People"}})]),t._v(" "),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-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.\n            ")]),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 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                </md-card-area>\n              </md-card-media-cover>\n            </md-card>\n\n            <md-card>\n              <md-card-media-cover md-solid>\n                <md-card-media md-ratio="1:1">\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                </md-card-area>\n              </md-card-media-cover>\n            </md-card>\n          ')])])]),t._v(" "),e("example-box",{attrs:{"card-title":"Media"}},[e("div",{staticClass:"card-holder",slot:"demo"},[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-card-media",[e("img",{attrs:{src:"assets/avatar-2.jpg",alt:"People"}})])]),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-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-card-media",{attrs:{"md-medium":""}},[e("img",{attrs:{src:"assets/card-weather.png",alt:"People"}})])]),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-header",[e("md-card-header-text",[e("div",{staticClass:"md-title"},[t._v("Title goes")]),t._v(" "),e("div",{staticClass:"md-subhead"},[t._v("Subtitle here")])]),t._v(" "),e("md-card-media",{attrs:{"md-big":""}},[e("img",{attrs:{src:"assets/card-weather.png",alt:"People"}})])]),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-actions",[e("md-card-media",[e("img",{attrs:{src:"assets/cover.png",alt:"Cover"}})]),t._v(" "),e("md-card-actions",[e("md-button",{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-card>\n              <md-card-header>\n                <md-card-header-text>\n                  <div class="md-title">Title goes 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>\n              <md-card-header>\n                <md-card-header-text>\n                  <div class="md-title">Title goes here</div>\n                  <div class="md-subhead">Subtitle here</div>\n                </md-card-header-text>\n\n                <md-card-media md-medium>\n                  <img src="assets/card-weather.png" 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>\n              <md-card-header>\n                <md-card-header-text>\n                  <div class="md-title">Title goes</div>\n                  <div class="md-subhead">Subtitle here</div>\n                </md-card-header-text>\n\n                <md-card-media md-big>\n                  <img src="assets/card-weather.png" 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>\n              <md-card-media-actions>\n                <md-card-media>\n                  <img src="assets/cover.png" alt="Cover">\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-media-actions>\n            </md-card>\n          ')])])]),t._v(" "),e("example-box",{attrs:{"card-title":"Full Control"}},[e("div",{staticClass:"card-holder",slot:"demo"},[e("md-card",[e("md-card-area",[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-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-actions",[e("md-button",[t._v("Action")]),t._v(" "),e("md-button",[t._v("Action")])])]),t._v(" "),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-expand",[e("md-card-actions",[e("md-button",[t._v("Action")]),t._v(" "),e("md-button",[t._v("Action")]),t._v(" "),e("span",{staticStyle:{flex:"1"}}),t._v(" "),e("md-button",{staticClass:"md-icon-button",attrs:{"md-expand-trigger":""}},[e("md-icon",[t._v("keyboard_arrow_down")])])]),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("div",{slot:"code"},[e("code-block",{attrs:{lang:"xml"}},[t._v('\n            <md-card>\n              <md-card-area>\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-content>\n                  Lorem ipsum dolor sit amet, consectetur adipisicing elit. Optio itaque ea, nostrum odio. Dolores, sed accusantium quasi non, voluptas eius illo quas, saepe voluptate pariatur in deleniti minus sint. Excepturi.\n                </md-card-content>\n              </md-card-area>\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>\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-expand>\n                <md-card-actions>\n                  <md-button>Action</md-button>\n                  <md-button>Action</md-button>\n                  <span style="flex: 1"></span>\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. Optio itaque ea, nostrum odio. Dolores, sed accusantium quasi non, voluptas eius illo quas, saepe voluptate pariatur in deleniti minus sint. Excepturi.\n                </md-card-content>\n              </md-card-expand>\n            </md-card>\n          ')])])]),t._v(" "),e("example-box",{attrs:{"card-title":"Themes"}},[e("div",{staticClass:"card-holder",slot:"demo"},[e("md-card",{staticClass:"md-primary"},[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",{staticClass:"md-accent"},[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",{staticClass:"md-warn"},[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 class="md-primary">\n              <md-card-media>\n                <img src="assets/card-image-1.jpg" alt="People">\n              </md-card-media>\n\n              <md-card-header>\n                <div class="md-title">Title goes here</div>\n                <div class="md-subhead">Subtitle here</div>\n              </md-card-header>\n\n              <md-card-actions>\n                <md-button>Action</md-button>\n                <md-button>Action</md-button>\n              </md-card-actions>\n\n              <md-card-content>\n                Lorem ipsum dolor sit amet, consectetur adipisicing elit. Optio itaque ea, nostrum odio. Dolores, sed accusantium quasi non, voluptas eius illo quas, saepe voluptate pariatur in deleniti minus sint. Excepturi.\n              </md-card-content>\n            </md-card>\n\n            <md-card class="md-accent">\n              <md-card-header>\n                <md-card-header-text>\n                  <div class="md-title">Title goes here</div>\n                  <div class="md-subhead">Subtitle here</div>\n                </md-card-header-text>\n\n                <md-menu md-size="4" md-direction="bottom left">\n                  <md-button class="md-icon-button" md-menu-trigger>\n                    <md-icon>more_vert</md-icon>\n                  </md-button>\n\n                  <md-menu-content>\n                    <md-menu-item>\n                      <span>Call</span>\n                      <md-icon>phone</md-icon>\n                    </md-menu-item>\n\n                    <md-menu-item>\n                      <span>Send a message</span>\n                      <md-icon>message</md-icon>\n                    </md-menu-item>\n                  </md-menu-content>\n                </md-menu>\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 odio. Dolores, sed accusantium quasi non, voluptas eius illo quas, saepe voluptate pariatur in deleniti minus sint. Excepturi.\n              </md-card-content>\n            </md-card>\n\n            <md-card class="md-warn">\n              <md-card-media>\n                <img src="assets/card-image-2.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            </md-card>\n          ')])])]),t._v(" "),e("example-box",{attrs:{"card-title":"Complete Example"}},[e("div",{staticClass:"card-holder",slot:"demo"},[e("md-card",{staticClass:"card-example"},[e("md-card-area",{attrs:{"md-inset":""}},[e("md-card-media",{attrs:{"md-ratio":"16:9"}},[e("img",{attrs:{src:"assets/card-example.jpg",alt:"Coffee House"}})]),t._v(" "),e("md-card-header",[e("h2",{staticClass:"md-title"},[t._v("Coffee House")]),t._v(" "),e("div",{staticClass:"md-subhead"},[e("md-icon",[t._v("location_on")]),t._v(" "),e("span",[t._v("2 miles")])])]),t._v(" "),e("md-card-content",[t._v("\n                Illy Coffee served with a complimentary Leonidas Belgian Chocolate with all beverages.\n              ")])]),t._v(" "),e("md-card-content",[e("h3",{staticClass:"md-subheading"},[t._v("Today's availability")]),t._v(" "),e("div",{staticClass:"card-reservation"},[e("md-icon",[t._v("access_time")]),t._v(" "),e("md-button-toggle",{staticClass:"md-button-group",attrs:{"md-single":""}},[e("md-button",[t._v("5:30PM")]),t._v(" "),e("md-button",[t._v("7:30PM")]),t._v(" "),e("md-button",[t._v("9:00PM")])])])]),t._v(" "),e("md-card-actions",[e("md-button",{staticClass:"md-primary"},[t._v("Reserve")])])])]),t._v(" "),e("div",{slot:"code"},[e("code-block",{attrs:{lang:"xml"}},[t._v('\n            <md-card class="card-example">\n              <md-card-area md-inset>\n                <md-card-media md-ratio="16:9">\n                  <img src="assets/card-example.jpg" alt="Coffee House">\n                </md-card-media>\n\n                <md-card-header>\n                  <h2 class="md-title">Coffee House</h2>\n                  <div class="md-subhead">\n                    <md-icon>location_on</md-icon>\n                    <span>2 miles</span>\n                  </div>\n                </md-card-header>\n\n                <md-card-content>\n                  Illy Coffee served with a complimentary Leonidas Belgian Chocolate with all beverages.\n                </md-card-content>\n              </md-card-area>\n\n              <md-card-content>\n                <h3 class="md-subheading">Today\'s availability</h3>\n                <div class="card-reservation">\n                  <md-icon>access_time</md-icon>\n                  <md-button-toggle md-single class="md-button-group">\n                    <md-button>5:30PM</md-button>\n                    <md-button>7:30PM</md-button>\n                    <md-button>9:00PM</md-button>\n                  </md-button-toggle>\n                </div>\n              </md-card-content>\n\n              <md-card-actions>\n                <md-button class="md-primary">Reserve</md-button>\n              </md-card-actions>\n            </md-card>\n          ')]),t._v(" "),e("code-block",{attrs:{lang:"scss"}},[t._v("\n            .card-example {\n              .md-subhead {\n                .md-icon {\n                  $size: 16px;\n\n                  width: $size;\n                  min-width: $size;\n                  height: $size;\n                  min-height: $size;\n                  font-size: $size;\n                  line-height: $size;\n                }\n\n                span {\n                  vertical-align: middle;\n                }\n              }\n\n              .card-reservation {\n                margin-top: 8px;\n                display: flex;\n                align-items: center;\n                justify-content: space-around;\n\n                .md-icon {\n                  margin: 8px;\n                  color: rgba(#000, .54) !important;\n                }\n\n                .md-button {\n                  border-radius: 2px !important;\n                }\n              }\n            }\n          ")])])])])])])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=(t.$createElement,t._c);return e("md-dialog",{ref:"dialog",staticClass:"md-dialog-confirm",on:{close:function(e){t.fireCloseEvent("cancel")}}},[t.mdTitle?e("md-dialog-title",[t._v(t._s(t.mdTitle))]):t._e(),t._v(" "),t.mdContentHtml?e("md-dialog-content",{domProps:{innerHTML:t._s(t.mdContentHtml)}}):e("md-dialog-content",[t._v(t._s(t.mdContent))]),t._v(" "),t._v(" "),e("md-dialog-actions",[e("md-button",{staticClass:"md-primary",on:{click:function(e){t.close("cancel")}}},[t._v(t._s(t.mdCancelText))]),t._v(" "),e("md-button",{staticClass:"md-primary",on:{click:function(e){t.close("ok")}}},[t._v(t._s(t.mdOkText))])])])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=(t.$createElement,t._c);return e("page-content",{attrs:{"page-title":"Components - Sidenav"}},[e("docs-component",[e("div",{slot:"description"},[e("p",[t._v("The sidenav spans the height of the screen, with everything behind it visible but darkened by a backdrop.")])]),t._v(" "),e("div",{slot:"api"},[e("api-table",{attrs:{name:"md-sidenav"}},[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-left")]),t._v(" "),e("md-table-cell",[t._v("Display the sidenav on the left of parent")])]),t._v(" "),e("md-table-row",[e("md-table-cell",[t._v("md-right")]),t._v(" "),e("md-table-cell",[t._v("Display the sidenav on the right of parent")])]),t._v(" "),e("md-table-row",[e("md-table-cell",[t._v("md-fixed")]),t._v(" "),e("md-table-cell",[t._v("Apply position fixed")])])])]),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("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 content</h3>\n                  </div>\n                </md-toolbar>\n\n                <md-button class="md-raised md-accent" @click="closeRightSidenav">Close</md-button>\n              </md-sidenav>\n            </div>\n          ')]),t._v(" "),e("code-block",{attrs:{lang:"javascript"}},[t._v("\n            export default {\n              methods: {\n                toggleLeftSidenav() {\n                  this.$refs.leftSidenav.toggle();\n                },\n                toggleRightSidenav() {\n                  this.$refs.rightSidenav.toggle();\n                },\n                closeRightSidenav() {\n                  this.$refs.rightSidenav.close();\n                },\n                open(ref) {\n                  console.log('Opened: ' + ref);\n                },\n                close(ref) {\n                  console.log('Closed: ' + ref);\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 - Avatar"}},[e("docs-component",[e("div",{slot:"description"},[e("p",[t._v("Avatars can be used to represent people. When used with a specific logo, avatars can also be used to represent brand.")]),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-avatar"}},[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-avatar-icon")]),t._v(" "),e("md-table-cell",[t._v("Display an icon using md-icon component")])]),t._v(" "),e("md-table-row",[e("md-table-cell",[t._v("md-large")]),t._v(" "),e("md-table-cell",[t._v("Display large avatar")])])])])])]),t._v(" "),e("div",{slot:"example"},[e("example-box",{attrs:{"card-title":"Default"}},[e("div",{staticClass:"avatar-holder",slot:"demo"},[e("md-avatar",[e("img",{attrs:{src:"assets/avatar.png",alt:"Avatar"}})]),t._v(" "),e("md-avatar",{staticClass:"md-avatar-icon"},[e("md-icon",[t._v("home")])]),t._v(" "),e("md-avatar",{staticClass:"md-avatar-icon md-primary"},[e("md-icon",[t._v("folder")])]),t._v(" "),e("md-avatar",{staticClass:"md-avatar-icon md-accent"},[e("md-icon",[t._v("favorite")])]),t._v(" "),e("md-avatar",{staticClass:"md-avatar-icon md-warn"},[e("md-icon",[t._v("notes")])])]),t._v(" "),e("div",{slot:"code"},[e("code-block",{attrs:{lang:"xml"}},[t._v('\n            <md-avatar>\n              <img src="assets/avatar.png" alt="Avatar">\n            </md-avatar>\n\n            <md-avatar class="md-avatar-icon">\n              <md-icon>home</md-icon>\n            </md-avatar>\n\n            <md-avatar class="md-avatar-icon md-primary">\n              <md-icon>folder</md-icon>\n            </md-avatar>\n\n            <md-avatar class="md-avatar-icon md-accent">\n              <md-icon>favorite</md-icon>\n            </md-avatar>\n\n            <md-avatar class="md-avatar-icon md-warn">\n              <md-icon>notes</md-icon>\n            </md-avatar>\n          ')])])]),t._v(" "),e("example-box",{attrs:{"card-title":"Large"}},[e("div",{staticClass:"avatar-holder",slot:"demo"},[e("md-avatar",{staticClass:"md-large"},[e("img",{attrs:{src:"assets/avatar-2.jpg",alt:"People"}})]),t._v(" "),e("md-avatar",{staticClass:"md-avatar-icon md-large"},[e("md-icon",[t._v("home")])]),t._v(" "),e("md-avatar",{staticClass:"md-avatar-icon md-large md-primary"},[e("md-icon",[t._v("folder")])]),t._v(" "),e("md-avatar",{staticClass:"md-avatar-icon md-large md-accent"},[e("md-icon",[t._v("favorite")])]),t._v(" "),e("md-avatar",{staticClass:"md-avatar-icon md-large md-warn"},[e("md-icon",[t._v("notes")])])]),t._v(" "),e("div",{slot:"code"},[e("code-block",{attrs:{lang:"xml"}},[t._v('\n            <md-avatar class="md-large">\n              <img src="assets/avatar-2.jpg" alt="People">\n            </md-avatar>\n\n            <md-avatar class="md-avatar-icon md-large">\n              <md-icon>home</md-icon>\n            </md-avatar>\n\n            <md-avatar class="md-avatar-icon md-large md-primary">\n              <md-icon>folder</md-icon>\n            </md-avatar>\n\n            <md-avatar class="md-avatar-icon md-large md-accent">\n              <md-icon>favorite</md-icon>\n            </md-avatar>\n\n            <md-avatar class="md-avatar-icon md-large md-warn">\n              <md-icon>notes</md-icon>\n            </md-avatar>\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          about: {\n            primary: 'indigo'\n          },\n          contact: {\n            primary: 'teal'\n          }\n        })\n      ")]),t._v(" "),e("small",[t._v("Note: If you do not pass all the colors the theme will inherit the "),e("strong",[t._v("default colors")]),t._v(".")])]),t._v(" "),e("section",[e("h3",{staticClass:"md-headline"},[t._v("Custom Shades")]),t._v(" "),e("p",[t._v("To have a full use of the Material Design palette you can specify different shades for each color:")]),t._v(" "),e("code-block",{attrs:{lang:"javascript"}},[t._v("\n        Vue.material.registerTheme('about', {\n          primary: {\n            color: 'indigo',\n            hue: 'A200'\n          },\n          accent: {\n            color: 'grey',\n            hue: 300\n          }\n        })\n      ")])]),t._v(" "),e("section",[e("h3",{staticClass:"md-headline"},[t._v("Applying a theme")]),t._v(" "),e("p",[t._v("To change the current theme in your application just call the "),e("code",[t._v("setCurrentTheme")]),t._v(" method from anywhere in your application:")]),t._v(" "),e("code-block",{attrs:{lang:"javascript"}},[t._v("\n        Vue.material.setCurrentTheme('about')\n      ")]),t._v(" "),e("p",[t._v("Or inside a Vue instance:")]),t._v(" "),e("code-block",{attrs:{lang:"javascript"}},[t._v("\n        this.$material.setCurrentTheme('about')\n      ")])]),t._v(" "),e("section",[e("h3",{staticClass:"md-headline"},[t._v("Codepen example")]),t._v(" "),e("iframe",{staticStyle:{width:"100%"},attrs:{height:"550",scrolling:"no",title:"Theme Example",src:"//codepen.io/vue-material/embed/WGavBE/?height=550&theme-id=dark&default-tab=html,result&embed-version=2",frameborder:"no",allowtransparency:"true",allowfullscreen:"true"}},[t._v("See the Pen "),e("a",{attrs:{href:"http://codepen.io/vue-material/pen/WGavBE/"}},[t._v("Theme Example")]),t._v(" by Vue Material ("),e("a",{attrs:{href:"http://codepen.io/vue-material"}},[t._v("@vue-material")]),t._v(") on "),e("a",{attrs:{href:"http://codepen.io"}},[t._v("CodePen")]),t._v(".")])])])])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=(t.$createElement,t._c);return e("div",{staticClass:"md-dialog-container",class:[t.themeClass,t.classes],attrs:{tabindex:"0"},on:{keyup:function(e){t._k(e.keyCode,"esc",27)||(e.stopPropagation(),t.closeOnEsc(e))}}},[e("div",{ref:"dialog",staticClass:"md-dialog",class:t.dialogClasses,style:t.styles},[t._t("default")],!0),t._v(" "),t.mdBackdrop?e("md-backdrop",{ref:"backdrop",staticClass:"md-dialog-backdrop",class:t.classes,on:{close:function(e){t.mdClickOutsideToClose&&t.close()}}}):t._e()])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=(t.$createElement,t._c);return e("page-content",{attrs:{"page-title":"Components - Toolbar"}},[e("docs-component",[e("div",{slot:"description"},[e("p",[t._v("Toolbars appear a step above the content they affect. They may constrain their width to accommodate material passing over them.")]),t._v(" "),e("p",[t._v("You need to wrap all the elements of your toolbar in a element with the class "),e("code",[t._v("md-toolbar-container")]),t._v(" for medium and large toolbars. On large toolbars you can have two containers to push content to bottom.")]),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-accent")])]),t._v(" "),e("li",[e("code",[t._v("md-warn")])]),t._v(" "),e("li",[e("code",[t._v("md-transparent")])])])]),t._v(" "),e("div",{slot:"api"},[e("api-table",{attrs:{name:"md-toolbar"}},[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-dense")]),t._v(" "),e("md-table-cell",[t._v("Create a small and dense toolbar.")])]),t._v(" "),e("md-table-row",[e("md-table-cell",[t._v("md-medium")]),t._v(" "),e("md-table-cell",[t._v("Create a medium.")])]),t._v(" "),e("md-table-row",[e("md-table-cell",[t._v("md-large")]),t._v(" "),e("md-table-cell",[t._v("Create a large.")])]),t._v(" "),e("md-table-row",[e("md-table-cell",[t._v("md-account-header")]),t._v(" "),e("md-table-cell",[t._v("Create a account header toolbar to show user accounts inside sidenav. See example below and the complete example")])])])])]),t._v(" "),e("api-table",[e("code-block",{attrs:{lang:"xml",height:"none"}},[t._v('\n          <md-toolbar class="md-account-header">\n            <md-list class="md-transparent">\n              <md-list-item class="md-avatar-list">\n                <md-avatar class="md-large">\n                  <img src="https://placeimg.com/64/64/people/8" alt="People">\n                </md-avatar>\n\n                <span style="flex: 1"></span>\n\n                <md-avatar>\n                  <img src="https://placeimg.com/40/40/people/3" alt="People">\n                </md-avatar>\n\n                <md-avatar>\n                  <img src="https://placeimg.com/40/40/people/4" alt="People">\n                </md-avatar>\n              </md-list-item>\n\n              <md-list-item>\n                <div class="md-list-text-container">\n                  <span>John Doe</span>\n                  <span>johndoe@email.com</span>\n                </div>\n\n                <md-button class="md-icon-button md-list-action">\n                  <md-icon>arrow_drop_down</md-icon>\n                </md-button>\n              </md-list-item>\n            </md-list>\n          </md-toolbar>\n        ')])])]),t._v(" "),e("div",{slot:"example"},[e("example-box",{attrs:{"card-title":"Sizes"}},[e("div",{slot:"demo"},[e("md-toolbar",[e("md-button",{staticClass:"md-icon-button"},[e("md-icon",[t._v("menu")])]),t._v(" "),e("h2",{staticClass:"md-title",staticStyle:{flex:"1"}},[t._v("Default")]),t._v(" "),e("md-button",{staticClass:"md-icon-button"},[e("md-icon",[t._v("favorite")])])]),t._v(" "),e("md-toolbar",{staticClass:"md-dense"},[e("md-button",{staticClass:"md-icon-button"},[e("md-icon",[t._v("menu")])]),t._v(" "),e("h2",{staticClass:"md-title",staticStyle:{flex:"1"}},[t._v("Dense")]),t._v(" "),e("md-button",{staticClass:"md-icon-button"},[e("md-icon",[t._v("favorite")])])]),t._v(" "),e("md-toolbar",{staticClass:"md-medium"},[e("div",{staticClass:"md-toolbar-container"},[e("md-button",{staticClass:"md-icon-button"},[e("md-icon",[t._v("menu")])]),t._v(" "),e("h2",{staticClass:"md-title",staticStyle:{flex:"1"}},[t._v("Medium")]),t._v(" "),e("md-button",{staticClass:"md-icon-button"},[e("md-icon",[t._v("search")])]),t._v(" "),e("md-button",{staticClass:"md-icon-button"},[e("md-icon",[t._v("filter_list")])])])]),t._v(" "),e("md-toolbar",{staticClass:"md-large"},[e("div",{staticClass:"md-toolbar-container"},[e("md-button",{staticClass:"md-icon-button"},[e("md-icon",[t._v("menu")])]),t._v(" "),e("span",{staticStyle:{flex:"1"}}),t._v(" "),e("md-button",{staticClass:"md-icon-button"},[e("md-icon",[t._v("search")])]),t._v(" "),e("md-button",{staticClass:"md-icon-button"},[e("md-icon",[t._v("filter_list")])])]),t._v(" "),e("div",{staticClass:"md-toolbar-container"},[e("h2",{staticClass:"md-title"},[t._v("Large")])])])]),t._v(" "),e("div",{slot:"code"},[e("code-block",{attrs:{lang:"xml"}},[t._v('\n            <md-toolbar>\n              <md-button class="md-icon-button">\n                <md-icon>menu</md-icon>\n              </md-button>\n\n              <h2 class="md-title" style="flex: 1">Default</h2>\n\n              <md-button class="md-icon-button">\n                <md-icon>favorite</md-icon>\n              </md-button>\n            </md-toolbar>\n\n            <md-toolbar class="md-dense">\n              <md-button class="md-icon-button">\n                <md-icon>menu</md-icon>\n              </md-button>\n\n              <h2 class="md-title" style="flex: 1">Dense</h2>\n\n              <md-button class="md-icon-button">\n                <md-icon>favorite</md-icon>\n              </md-button>\n            </md-toolbar>\n\n            <md-toolbar class="md-medium">\n              <div class="md-toolbar-container">\n                <md-button class="md-icon-button">\n                  <md-icon>menu</md-icon>\n                </md-button>\n\n                <h2 class="md-title" style="flex: 1;">Medium</h2>\n\n                <md-button class="md-icon-button">\n                  <md-icon>search</md-icon>\n                </md-button>\n\n                <md-button class="md-icon-button">\n                  <md-icon>filter_list</md-icon>\n                </md-button>\n              </div>\n            </md-toolbar>\n\n            <md-toolbar class="md-large">\n              <div class="md-toolbar-container">\n                <md-button class="md-icon-button">\n                  <md-icon>menu</md-icon>\n                </md-button>\n\n                <span style="flex: 1;"></span>\n\n                <md-button class="md-icon-button">\n                  <md-icon>search</md-icon>\n                </md-button>\n\n                <md-button class="md-icon-button">\n                  <md-icon>filter_list</md-icon>\n                </md-button>\n              </div>\n\n              <div class="md-toolbar-container">\n                <h2 class="md-title">Large</h2>\n              </div>\n            </md-toolbar>\n          ')])])]),t._v(" "),e("example-box",{attrs:{"card-title":"Palettes"}},[e("div",{slot:"demo"},[e("md-toolbar",{staticClass:"md-accent"},[e("md-button",{staticClass:"md-icon-button"},[e("md-icon",[t._v("menu")])]),t._v(" "),e("h2",{staticClass:"md-title",staticStyle:{flex:"1"}},[t._v("Vue Material")]),t._v(" "),e("md-button",{staticClass:"md-icon-button"},[e("md-icon",[t._v("favorite")])])]),t._v(" "),e("md-toolbar",{staticClass:"md-warn"},[e("md-button",{staticClass:"md-icon-button"},[e("md-icon",[t._v("menu")])]),t._v(" "),e("h2",{staticClass:"md-title",staticStyle:{flex:"1"}},[t._v("Vue Material")]),t._v(" "),e("md-button",[t._v("Add")]),t._v(" "),e("md-button",[t._v("Remove")])]),t._v(" "),e("md-toolbar",{staticClass:"md-transparent"},[e("md-button",{staticClass:"md-icon-button"},[e("md-icon",[t._v("menu")])]),t._v(" "),e("h2",{staticClass:"md-title",staticStyle:{flex:"1"}},[t._v("Vue Material")]),t._v(" "),e("md-button",{staticClass:"md-raised"},[t._v("Add")]),t._v(" "),e("md-button",{staticClass:"md-raised md-warn"},[t._v("Remove")])])]),t._v(" "),e("div",{slot:"code"},[e("code-block",{attrs:{lang:"xml"}},[t._v('\n            <md-toolbar class="md-accent">\n              <md-button class="md-icon-button">\n                <md-icon>menu</md-icon>\n              </md-button>\n\n              <h2 class="md-title" style="flex: 1">Vue Material</h2>\n\n              <md-button class="md-icon-button">\n                <md-icon>favorite</md-icon>\n              </md-button>\n            </md-toolbar>\n\n            <md-toolbar class="md-warn">\n              <md-button class="md-icon-button">\n                <md-icon>menu</md-icon>\n              </md-button>\n\n              <h2 class="md-title" style="flex: 1">Vue Material</h2>\n\n              <md-button>Add</md-button>\n              <md-button>Remove</md-button>\n            </md-toolbar>\n\n            <md-toolbar class="md-transparent">\n              <md-button class="md-icon-button">\n                <md-icon>menu</md-icon>\n              </md-button>\n\n              <h2 class="md-title" style="flex: 1">Vue Material</h2>\n\n              <md-button class="md-raised">Add</md-button>\n              <md-button class="md-raised md-warn">Remove</md-button>\n            </md-toolbar>\n          ')])])]),t._v(" "),e("example-box",{attrs:{"card-title":"Themes"}},[e("div",{slot:"demo"},[e("md-toolbar",{attrs:{"md-theme":"green"}},[e("md-button",{staticClass:"md-icon-button"},[e("md-icon",[t._v("menu")])]),t._v(" "),e("h2",{staticClass:"md-title",staticStyle:{flex:"1"}},[t._v("Vue Material")]),t._v(" "),e("md-button",{staticClass:"md-icon-button"},[e("md-icon",[t._v("favorite")])])]),t._v(" "),e("md-toolbar",{staticClass:"md-large",attrs:{"md-theme":"brown"}},[e("div",{staticClass:"md-toolbar-container"},[e("md-button",{staticClass:"md-icon-button"},[e("md-icon",[t._v("menu")])]),t._v(" "),e("span",{staticStyle:{flex:"1"}}),t._v(" "),e("md-button",{staticClass:"md-icon-button"},[e("md-icon",[t._v("search")])]),t._v(" "),e("md-button",{staticClass:"md-icon-button"},[e("md-icon",[t._v("filter_list")])])]),t._v(" "),e("div",{staticClass:"md-toolbar-container"},[e("h2",{staticClass:"md-title"},[t._v("Vue Material")])])]),t._v(" "),e("md-toolbar",{attrs:{"md-theme":"orange"}},[e("md-button",{staticClass:"md-icon-button"},[e("md-icon",[t._v("menu")])]),t._v(" "),e("h2",{staticClass:"md-title",staticStyle:{flex:"1"}},[t._v("Vue Material")]),t._v(" "),e("md-button",[t._v("Add")]),t._v(" "),e("md-button",[t._v("Remove")])]),t._v(" "),e("md-toolbar",{attrs:{"md-theme":"blue"}},[e("md-button",{staticClass:"md-icon-button"},[e("md-icon",[t._v("menu")])]),t._v(" "),e("h2",{staticClass:"md-title",staticStyle:{flex:"1"}},[t._v("Vue Material")]),t._v(" "),e("md-button",{staticClass:"md-raised"},[t._v("Add")]),t._v(" "),e("md-button",{staticClass:"md-raised md-warn"},[t._v("Remove")])])]),t._v(" "),e("div",{slot:"code"},[e("code-block",{attrs:{lang:"xml"}},[t._v('\n            <md-toolbar md-theme="green">\n              <md-button class="md-icon-button">\n                <md-icon>menu</md-icon>\n              </md-button>\n\n              <h2 class="md-title" style="flex: 1">Vue Material</h2>\n\n              <md-button class="md-icon-button">\n                <md-icon>favorite</md-icon>\n              </md-button>\n            </md-toolbar>\n\n            <md-toolbar class="md-large" md-theme="brown">\n              <div class="md-toolbar-container">\n                <md-button class="md-icon-button">\n                  <md-icon>menu</md-icon>\n                </md-button>\n\n                <span style="flex: 1;"></span>\n\n                <md-button class="md-icon-button">\n                  <md-icon>search</md-icon>\n                </md-button>\n\n                <md-button class="md-icon-button">\n                  <md-icon>filter_list</md-icon>\n                </md-button>\n              </div>\n\n              <div class="md-toolbar-container">\n                <h2 class="md-title">Vue Material</h2>\n              </div>\n            </md-toolbar>\n\n            <md-toolbar md-theme="orange">\n              <md-button class="md-icon-button">\n                <md-icon>menu</md-icon>\n              </md-button>\n\n              <h2 class="md-title" style="flex: 1">Vue Material</h2>\n\n              <md-button>Add</md-button>\n              <md-button>Remove</md-button>\n            </md-toolbar>\n\n            <md-toolbar md-theme="blue">\n              <md-button class="md-icon-button">\n                <md-icon>menu</md-icon>\n              </md-button>\n\n              <h2 class="md-title" style="flex: 1">Vue Material</h2>\n\n              <md-button class="md-raised">Add</md-button>\n              <md-button class="md-raised md-warn">Remove</md-button>\n            </md-toolbar>\n          ')])])]),t._v(" "),e("example-box",{attrs:{"card-title":"Complete example"}},[e("div",{slot:"demo"},[e("div",{staticClass:"phone-viewport complete-example"},[e("md-whiteframe",{staticClass:"md-large",attrs:{"md-tag":"md-toolbar","md-elevation":"2","md-theme":"light-blue"}},[e("div",{staticClass:"md-toolbar-container"},[e("md-button",{staticClass:"md-icon-button",on:{click:function(e){t.$refs.sidenav.toggle()}}},[e("md-icon",[t._v("menu")])]),t._v(" "),e("span",{staticStyle:{flex:"1"}}),t._v(" "),e("md-button",{staticClass:"md-icon-button"},[e("md-icon",[t._v("search")])]),t._v(" "),e("md-button",{staticClass:"md-icon-button"},[e("md-icon",[t._v("view_module")])])]),t._v(" "),e("div",{staticClass:"md-toolbar-container"},[e("h2",{staticClass:"md-title"},[t._v("My Files")]),t._v(" "),e("md-button",{staticClass:"md-fab md-mini"},[e("md-icon",[t._v("add")])])])]),t._v(" "),e("md-list",{staticClass:"md-double-line"},[e("md-subheader",{staticClass:"md-inset"},[t._v("Folders")]),t._v(" "),e("md-list-item",[e("md-avatar",{staticClass:"md-avatar-icon"},[e("md-icon",[t._v("folder")])]),t._v(" "),e("div",{staticClass:"md-list-text-container"},[e("span",[t._v("Photos")]),t._v(" "),e("p",[t._v("Jan 9, 2014")])]),t._v(" "),e("md-button",{staticClass:"md-icon-button md-list-action"},[e("md-icon",[t._v("info")])])]),t._v(" "),e("md-list-item",[e("md-avatar",{staticClass:"md-avatar-icon"},[e("md-icon",[t._v("folder")])]),t._v(" "),e("div",{staticClass:"md-list-text-container"},[e("span",[t._v("Recipes")]),t._v(" "),e("p",[t._v("Jan 17, 2014")])]),t._v(" "),e("md-button",{staticClass:"md-icon-button md-list-action"},[e("md-icon",[t._v("info")])])]),t._v(" "),e("md-list-item",[e("md-avatar",{staticClass:"md-avatar-icon"},[e("md-icon",[t._v("folder")])]),t._v(" "),e("div",{staticClass:"md-list-text-container"},[e("span",[t._v("Work")]),t._v(" "),e("p",[t._v("Jan 28, 2014")])]),t._v(" "),e("md-button",{staticClass:"md-icon-button md-list-action"},[e("md-icon",[t._v("info")])]),t._v(" "),e("md-divider",{staticClass:"md-inset"})]),t._v(" "),e("md-subheader",{staticClass:"md-inset"},[t._v("Files")]),t._v(" "),e("md-list-item",[e("md-avatar",{staticClass:"md-avatar-icon md-primary",attrs:{"md-theme":"blue"}},[e("md-icon",[t._v("insert_drive_file")])]),t._v(" "),e("div",{staticClass:"md-list-text-container"},[e("span",[t._v("Vacation Itinerary")]),t._v(" "),e("p",[t._v("Jan 20, 2014")])]),t._v(" "),e("md-button",{staticClass:"md-icon-button md-list-action"},[e("md-icon",[t._v("info")])])]),t._v(" "),e("md-list-item",[e("md-avatar",{staticClass:"md-avatar-icon md-primary",attrs:{"md-theme":"orange"}},[e("md-icon",[t._v("collections")])]),t._v(" "),e("div",{staticClass:"md-list-text-container"},[e("span",[t._v("Kitchen Remodel")]),t._v(" "),e("p",[t._v("Jan 10, 2014")])]),t._v(" "),e("md-button",{staticClass:"md-icon-button md-list-action"},[e("md-icon",[t._v("info")])])]),t._v(" "),e("md-list-item",[e("md-avatar",{staticClass:"md-avatar-icon md-primary",attrs:{"md-theme":"green"}},[e("md-icon",[t._v("view_list")])]),t._v(" "),e("div",{staticClass:"md-list-text-container"},[e("span",[t._v("Grocery Shop")]),t._v(" "),e("p",[t._v("Jan 10, 2014")])]),t._v(" "),e("md-button",{staticClass:"md-icon-button md-list-action"},[e("md-icon",[t._v("info")])])]),t._v(" "),e("md-list-item",[e("md-avatar",{staticClass:"md-avatar-icon md-primary",attrs:{"md-theme":"orange"}},[e("md-icon",[t._v("collections")])]),t._v(" "),e("div",{staticClass:"md-list-text-container"},[e("span",[t._v("Weekend Pictures")]),t._v(" "),e("p",[t._v("Jan 10, 2014")])]),t._v(" "),e("md-button",{staticClass:"md-icon-button md-list-action"},[e("md-icon",[t._v("info")])])])]),t._v(" "),e("md-sidenav",{ref:"sidenav",staticClass:"md-left",attrs:{"md-theme":"blue"}},[e("md-toolbar",{staticClass:"md-account-header"
+},[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, 2014</p>\n                  </div>\n\n                  <md-button class="md-icon-button md-list-action">\n                    <md-icon>info</md-icon>\n                  </md-button>\n\n                  <md-divider class="md-inset"></md-divider>\n                </md-list-item>\n\n                <md-subheader class="md-inset">Files</md-subheader>\n\n                <md-list-item>\n                  <md-avatar md-theme="blue" class="md-avatar-icon md-primary">\n                    <md-icon>insert_drive_file</md-icon>\n                  </md-avatar>\n\n                  <div class="md-list-text-container">\n                    <span>Vacation Itinerary</span>\n                    <p>Jan 20, 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 md-theme="orange" class="md-avatar-icon md-primary">\n                    <md-icon>collections</md-icon>\n                  </md-avatar>\n\n                  <div class="md-list-text-container">\n                    <span>Kitchen Remodel</span>\n                    <p>Jan 10, 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 md-theme="green" class="md-avatar-icon md-primary">\n                    <md-icon>view_list</md-icon>\n                  </md-avatar>\n\n                  <div class="md-list-text-container">\n                    <span>Grocery Shop</span>\n                    <p>Jan 10, 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 md-theme="orange" class="md-avatar-icon md-primary">\n                    <md-icon>collections</md-icon>\n                  </md-avatar>\n\n                  <div class="md-list-text-container">\n                    <span>Weekend Pictures</span>\n                    <p>Jan 10, 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              </md-list>\n\n              <md-sidenav md-theme="blue" class="md-left" ref="sidenav">\n                <md-toolbar class="md-account-header">\n                  <md-list class="md-transparent">\n                    <md-list-item class="md-avatar-list">\n                      <md-avatar class="md-large">\n                        <img src="https://placeimg.com/64/64/people/8" alt="People">\n                      </md-avatar>\n\n                      <span style="flex: 1"></span>\n\n                      <md-avatar>\n                        <img src="https://placeimg.com/40/40/people/3" alt="People">\n                      </md-avatar>\n\n                      <md-avatar>\n                        <img src="https://placeimg.com/40/40/people/4" alt="People">\n                      </md-avatar>\n                    </md-list-item>\n\n                    <md-list-item>\n                      <div class="md-list-text-container">\n                        <span>John Doe</span>\n                        <span>johndoe@email.com</span>\n                      </div>\n\n                      <md-button class="md-icon-button md-list-action">\n                        <md-icon>arrow_drop_down</md-icon>\n                      </md-button>\n                    </md-list-item>\n                  </md-list>\n                </md-toolbar>\n\n                <md-list>\n                  <md-list-item @click="$refs.sidenav.toggle()" class="md-primary">\n                    <md-icon>insert_drive_file</md-icon> <span>My files</span>\n                  </md-list-item>\n\n                  <md-list-item @click="$refs.sidenav.toggle()">\n                    <md-icon>people</md-icon> <span>Shared with me</span>\n                  </md-list-item>\n\n                  <md-list-item @click="$refs.sidenav.toggle()">\n                    <md-icon>access_time</md-icon> <span>Recent</span>\n                  </md-list-item>\n\n                  <md-list-item @click="$refs.sidenav.toggle()">\n                    <md-icon>start</md-icon> <span>Starred</span>\n                  </md-list-item>\n\n                  <md-list-item @click="$refs.sidenav.toggle()">\n                    <md-icon>delete</md-icon> <span>Trash</span>\n                  </md-list-item>\n                </md-list>\n              </md-sidenav>\n            </div>\n          ')]),t._v(" "),e("code-block",{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(" "),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("value")]),t._v(" "),e("md-table-cell",[e("code",[t._v("String")])]),t._v(" "),e("md-table-cell",[t._v("The value of the option to be binded on the v-model")])]),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 button and prevent his actions. Default "),e("code",[t._v("false")])])])])])]),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 "),e("code",[t._v("$event")])]),t._v(" "),e("md-table-cell",[t._v("Triggered when the item receives a click.")])])])])])]),t._v(" "),e("div",{slot:"example"},[e("example-box",{attrs:{"card-title":"Default"}},[e("div",{slot:"demo"},[e("div",{staticClass:"field-group"},[e("md-input-container",[e("label",{attrs:{for:"movie"}},[t._v("Movie")]),t._v(" "),e("md-select",{directives:[{name:"model",rawName:"v-model",value:t.movie,expression:"movie"}],attrs:{name:"movie",id:"movie"},domProps:{value:t.movie},on:{input:function(e){t.movie=e}}},[e("md-option",{attrs:{value:"fight_club"}},[t._v("Fight Club")]),t._v(" "),e("md-option",{attrs:{value:"godfather"}},[t._v("Godfather")]),t._v(" "),e("md-option",{attrs:{value:"godfather_ii"}},[t._v("Godfather II")]),t._v(" "),e("md-option",{attrs:{value:"godfather_iii"}},[t._v("Godfather III")]),t._v(" "),e("md-option",{attrs:{value:"godfellas"}},[t._v("Godfellas")]),t._v(" "),e("md-option",{attrs:{value:"pulp_fiction"}},[t._v("Pulp Fiction")]),t._v(" "),e("md-option",{attrs:{value:"scarface"}},[t._v("Scarface")])])]),t._v(" "),e("md-input-container",[e("label",{attrs:{for:"country"}},[t._v("Country")]),t._v(" "),e("md-select",{directives:[{name:"model",rawName:"v-model",value:t.country,expression:"country"}],attrs:{name:"country",id:"country"},domProps:{value:t.country},on:{input:function(e){t.country=e}}},[e("md-option",{attrs:{value:"australia"}},[t._v("Australia")]),t._v(" "),e("md-option",{attrs:{value:"brazil"}},[t._v("Brazil")]),t._v(" "),e("md-option",{attrs:{value:"japan"}},[t._v("Japan")]),t._v(" "),e("md-option",{attrs:{value:"united_states"}},[t._v("United States")])])]),t._v(" "),e("md-input-container",[e("label",{attrs:{for:"font"}},[t._v("Font")]),t._v(" "),e("md-select",{directives:[{name:"model",rawName:"v-model",value:t.font,expression:"font"}],attrs:{name:"font",id:"font"},domProps:{value:t.font},on:{input:function(e){t.font=e}}},[e("md-option",{attrs:{value:"arial"}},[t._v("Arial")]),t._v(" "),e("md-option",{attrs:{value:"calibri"}},[t._v("Calibri")]),t._v(" "),e("md-option",{attrs:{value:"cambria"}},[t._v("Cambria")]),t._v(" "),e("md-option",{attrs:{value:"comic_sans"}},[t._v("Comic Sans")]),t._v(" "),e("md-option",{attrs:{value:"consolas"}},[t._v("Consolas")]),t._v(" "),e("md-option",{attrs:{value:"courier"}},[t._v("Courier")]),t._v(" "),e("md-option",{attrs:{value:"droid_sans"}},[t._v("Droid Sans")]),t._v(" "),e("md-option",{attrs:{value:"georgia"}},[t._v("Georgia")]),t._v(" "),e("md-option",{attrs:{value:"helvetica"}},[t._v("Helvetica")]),t._v(" "),e("md-option",{attrs:{value:"impact"}},[t._v("Impact")]),t._v(" "),e("md-option",{attrs:{value:"roboto"}},[t._v("Roboto")]),t._v(" "),e("md-option",{attrs:{value:"segoe_ui"}},[t._v("Segoe UI")]),t._v(" "),e("md-option",{attrs:{value:"times_new_roman"}},[t._v("Times New Roman")]),t._v(" "),e("md-option",{attrs:{value:"ubuntu"}},[t._v("Ubuntu")]),t._v(" "),e("md-option",{attrs:{value:"verdana"}},[t._v("Verdana")])])]),t._v(" "),e("md-input-container",[e("label",{attrs:{for:"food"}},[t._v("Food")]),t._v(" "),e("md-select",{directives:[{name:"model",rawName:"v-model",value:t.food,expression:"food"}],attrs:{name:"food",id:"food"},domProps:{value:t.food},on:{input:function(e){t.food=e}}},[e("md-subheader",[t._v("Fruits")]),t._v(" "),e("md-option",{attrs:{value:"apples"}},[t._v("Apples")]),t._v(" "),e("md-option",{attrs:{value:"bananas"}},[t._v("Bananas")]),t._v(" "),e("md-option",{attrs:{value:"peaches"}},[t._v("Peaches")]),t._v(" "),e("md-option",{attrs:{value:"oranges"}},[t._v("Oranges")]),t._v(" "),e("md-subheader",[t._v("Vegetables")]),t._v(" "),e("md-option",{attrs:{value:"carrots"}},[t._v("Carrots")]),t._v(" "),e("md-option",{attrs:{value:"cucumbers"}},[t._v("Cucumbers")]),t._v(" "),e("md-subheader",[t._v("Baked Goods")]),t._v(" "),e("md-option",{attrs:{value:"apple_pie"}},[t._v("Apple Pie")]),t._v(" "),e("md-option",{attrs:{value:"chocolate_cake"}},[t._v("Chocolate Cake")])])])]),t._v(" "),e("md-button",{staticClass:"md-raised md-primary",on:{click:t.setPulpFiction}},[t._v("Set Pulp Fiction")])]),t._v(" "),e("div",{slot:"code"},[e("code-block",{attrs:{lang:"xml"}},[t._v('\n            <div class="field-group">\n              <md-input-container>\n                <label for="movie">Movie</label>\n                <md-select name="movie" id="movie" v-model="movie">\n                  <md-option value="fight_club">Fight Club</md-option>\n                  <md-option value="godfather">Godfather</md-option>\n                  <md-option value="godfather_ii">Godfather II</md-option>\n                  <md-option value="godfather_iii">Godfather III</md-option>\n                  <md-option value="godfellas">Godfellas</md-option>\n                  <md-option value="pulp_fiction">Pulp Fiction</md-option>\n                  <md-option value="scarface">Scarface</md-option>\n                </md-select>\n              </md-input-container>\n\n              <md-input-container>\n                <label for="country">Country</label>\n                <md-select name="country" id="country" v-model="country">\n                  <md-option value="australia">Australia</md-option>\n                  <md-option value="brazil">Brazil</md-option>\n                  <md-option value="japan">Japan</md-option>\n                  <md-option value="united_states">United States</md-option>\n                </md-select>\n              </md-input-container>\n\n              <md-input-container>\n                <label for="font">Font</label>\n                <md-select name="font" id="font" v-model="font">\n                  <md-option value="arial">Arial</md-option>\n                  <md-option value="calibri">Calibri</md-option>\n                  <md-option value="cambria">Cambria</md-option>\n                  <md-option value="comic_sans">Comic Sans</md-option>\n                  <md-option value="consolas">Consolas</md-option>\n                  <md-option value="courier">Courier</md-option>\n                  <md-option value="droid_sans">Droid Sans</md-option>\n                  <md-option value="georgia">Georgia</md-option>\n                  <md-option value="helvetica">Helvetica</md-option>\n                  <md-option value="impact">Impact</md-option>\n                  <md-option value="roboto">Roboto</md-option>\n                  <md-option value="segoe_ui">Segoe UI</md-option>\n                  <md-option value="times_new_roman">Times New Roman</md-option>\n                  <md-option value="ubuntu">Ubuntu</md-option>\n                  <md-option value="verdana">Verdana</md-option>\n                </md-select>\n              </md-input-container>\n\n              <md-input-container>\n                <label for="food">Food</label>\n                <md-select name="food" id="food" v-model="food">\n                  <md-subheader>Fruits</md-subheader>\n                  <md-option value="apples">Apples</md-option>\n                  <md-option value="bananas">Bananas</md-option>\n                  <md-option value="peaches">Peaches</md-option>\n                  <md-option value="oranges">Oranges</md-option>\n\n                  <md-subheader>Vegetables</md-subheader>\n                  <md-option value="carrots">Carrots</md-option>\n                  <md-option value="cucumbers">Cucumbers</md-option>\n\n                  <md-subheader>Baked Goods</md-subheader>\n                  <md-option value="apple_pie">Apple Pie</md-option>\n                  <md-option value="chocolate_cake">Chocolate Cake</md-option>\n                </md-select>\n              </md-input-container>\n            </div>\n\n            <md-button class="md-raised md-primary" @click="setPulpFiction">Set Pulp Fiction</md-button>\n          ')]),t._v(" "),e("code-block",{attrs:{lang:"javascript"}},[t._v("\n            export default {\n              data: () => ({\n                movie: 'godfather',\n                country: '',\n                font: ''\n              }),\n              methods: {\n                setPulpFiction() {\n                  this.movie = 'pulp_fiction';\n                }\n              }\n            };\n          ")])])]),t._v(" "),e("example-box",{attrs:{"card-title":"Multiple"}},[e("div",{staticClass:"multiple",slot:"demo"},[e("div",{staticClass:"field-group"},[e("md-input-container",[e("label",{attrs:{for:"users"}},[t._v("Users")]),t._v(" "),e("md-select",{directives:[{name:"model",rawName:"v-model",value:t.users,expression:"users"}],attrs:{name:"users",id:"users",multiple:""},domProps:{value:t.users},on:{input:function(e){t.users=e}}},[e("md-subheader",[t._v("Managers")]),t._v(" "),e("md-option",{attrs:{value:"jim_halpert"}},[t._v("Jim Halpert")]),t._v(" "),e("md-option",{attrs:{value:"dwight_schrute"}},[t._v("Dwight Schrute")]),t._v(" "),e("md-option",{attrs:{value:"michael_scott"}},[t._v("Michael Scott")]),t._v(" "),e("md-subheader",[t._v("Employees")]),t._v(" "),e("md-option",{attrs:{value:"pam_beesly"}},[t._v("Pam Beesly")]),t._v(" "),e("md-option",{attrs:{value:"angela_martin"}},[t._v("Angela Martin")]),t._v(" "),e("md-option",{attrs:{value:"kelly_kapoor"}},[t._v("Kelly Kapoor")]),t._v(" "),e("md-option",{attrs:{value:"ryan_howard"}},[t._v("Ryan Howard")]),t._v(" "),e("md-option",{attrs:{value:"kevin_malone"}},[t._v("Kevin Malone")]),t._v(" "),e("md-option",{attrs:{value:"creed_bratton"}},[t._v("Creed Bratton")]),t._v(" "),e("md-option",{attrs:{value:"oscar_nunez"}},[t._v("Oscar Nunez")]),t._v(" "),e("md-option",{attrs:{value:"toby_flenderson"}},[t._v("Toby Flenderson")]),t._v(" "),e("md-option",{attrs:{value:"stanley_hudson"}},[t._v("Stanley Hudson")]),t._v(" "),e("md-option",{attrs:{value:"meredith_palmer"}},[t._v("Meredith Palmer")]),t._v(" "),e("md-option",{attrs:{value:"phyllis_lapin_vance"}},[t._v("Phyllis Lapin-Vance")])])])]),t._v(" "),e("div",[t._v("Selected users: "+t._s(t.users))])]),t._v(" "),e("div",{slot:"code"},[e("code-block",{attrs:{lang:"xml"}},[t._v('\n            <md-input-container>\n              <label for="users">Users</label>\n              <md-select name="users" id="users" multiple v-model="users">\n                <md-subheader>Managers</md-subheader>\n                <md-option value="jim_halpert">Jim Halpert</md-option>\n                <md-option value="dwight_schrute">Dwight Schrute</md-option>\n                <md-option value="michael_scott">Michael Scott</md-option>\n\n                <md-subheader>Employees</md-subheader>\n                <md-option value="pam_beesly">Pam Beesly</md-option>\n                <md-option value="angela_martin">Angela Martin</md-option>\n                <md-option value="kelly_kapoor">Kelly Kapoor</md-option>\n                <md-option value="ryan_howard">Ryan Howard</md-option>\n                <md-option value="kevin_malone">Kevin Malone</md-option>\n                <md-option value="creed_bratton">Creed Bratton</md-option>\n                <md-option value="oscar_nunez">Oscar Nunez</md-option>\n                <md-option value="toby_flenderson">Toby Flenderson</md-option>\n                <md-option value="stanley_hudson">Stanley Hudson</md-option>\n                <md-option value="meredith_palmer">Meredith Palmer</md-option>\n                <md-option value="phyllis_lapin_vance">Phyllis Lapin-Vance</md-option>\n              </md-select>\n            </md-input-container>\n\n            <div>Selected users: '+t._s(t.users)+"</div>\n          ")]),t._v(" "),e("code-block",{attrs:{lang:"javascript"}},[t._v("\n            export default {\n              data: () => ({\n                food: '',\n                users: [\n                  'jim_halpert',\n                  'michael_scott'\n                ]\n              })\n            };\n          ")])])])])])])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=(t.$createElement,t._c);return e("transition",{attrs:{name:"md-spinner",appear:""}},[e("div",{staticClass:"md-spinner",class:[t.themeClass,t.classes],style:t.styles},[e("svg",{staticClass:"md-spinner-draw",attrs:{viewBox:"25 25 50 50"}},[e("circle",{staticClass:"md-spinner-path",attrs:{cx:"50",cy:"50",r:"20","stroke-width":t.mdStroke,"stroke-dasharray":t.dashProgress}})])])])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=(t.$createElement,t._c);return e("div",{staticClass:"md-table-pagination"},[e("span",{staticClass:"md-table-pagination-label"},[t._v(t._s(t.mdLabel)+":")]),t._v(" "),t.mdPageOptions?e("md-select",{directives:[{name:"model",rawName:"v-model",value:t.currentSize,expression:"currentSize"}],attrs:{"md-menu-class":"md-pagination-select"},domProps:{value:t.currentSize},on:{change:t.changeSize,input:function(e){t.currentSize=e}}},t._l(t.mdPageOptions,function(n){return e("md-option",{attrs:{value:n}},[t._v(t._s(n))])})):t._e(),t._v(" "),e("span",[t._v(t._s((t.currentPage-1)*t.currentSize+1)+"-"+t._s(t.subTotal)+" "+t._s(t.mdSeparator)+" "+t._s(t.mdTotal))]),t._v(" "),e("md-button",{staticClass:"md-icon-button md-table-pagination-previous",attrs:{disabled:1===t.currentPage},on:{click:t.previousPage}},[e("md-icon",[t._v("keyboard_arrow_left")])]),t._v(" "),e("md-button",{staticClass:"md-icon-button md-table-pagination-next",attrs:{disabled:t.currentSize*t.currentPage>=t.totalItems},on:{click:t.nextPage}},[e("md-icon",[t._v("keyboard_arrow_right")])])])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=(t.$createElement,t._c);return e("page-content",{attrs:{"page-title":"Components - List"}},[e("docs-component",[e("div",{slot:"description"},[e("p",[t._v("Lists are best suited to presenting a homogeneous data type or sets of data types, such as images and text. They are optimized for reading comprehension while differentiating either between similar data types, or qualities within a single data type.")]),t._v(" "),e("p",[t._v("The "),e("code",[t._v("md-list")]),t._v(" component have some auxiliary classes to align content and display actions. All of them can be any HTML tag:")]),t._v(" "),e("ul",[e("li",[e("code",[t._v(".md-list-action")]),t._v(": Used to display a action on the right side of a list item. Commonly used to display a button with a single action.")]),t._v(" "),e("li",[e("code",[t._v(".md-list-text-container")]),t._v(": Used to align text horizontally with icons and actions. Used in double and triple lines.")]),t._v(" "),e("li",[e("code",[t._v(".md-divider")]),t._v(": Add a horizontal line between list items.")])])]),t._v(" "),e("div",{slot:"api"},[e("api-table",{attrs:{name:"md-list"}},[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-dense")]),t._v(" "),e("md-table-cell",[t._v("Make the list dense and compact")])]),t._v(" "),e("md-table-row",[e("md-table-cell",[t._v("md-double-line")]),t._v(" "),e("md-table-cell",[t._v("Make list items to support double line")])]),t._v(" "),e("md-table-row",[e("md-table-cell",[t._v("md-triple-line")]),t._v(" "),e("md-table-cell",[t._v("Make list items to support triple line")])])])])]),t._v(" "),e("api-table",{attrs:{name:"md-list-item"}},[e("p",[t._v("Display a single item inside lists")]),t._v(" "),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("href")]),t._v(" "),e("md-table-cell",[e("code",[t._v("String")])]),t._v(" "),e("md-table-cell",[t._v("The link that the item should redirect to.")])]),t._v(" "),e("md-table-row",[e("md-table-cell",[t._v("target")]),t._v(" "),e("md-table-cell",[e("code",[t._v("String")])]),t._v(" "),e("md-table-cell",[t._v("The target for opening the href link. Normally used for "),e("code",[t._v("_blank")]),t._v(" cases.")])]),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 item and prevent his actions. Default "),e("code",[t._v("false")])])])])]),t._v(" "),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-inset")]),t._v(" "),e("md-table-cell",[t._v("Add an empty space on the left of the table. "),e("br"),t._v("Useful to show list items without icons aligned with another that have an icon.")])])])])]),t._v(" "),e("api-table",{attrs:{name:"md-list-expand"}},[e("p",[t._v("Create a expansion accordion automatically inside lists")]),t._v(" "),e("p",[t._v("No options available")])])]),t._v(" "),e("div",{slot:"example"},[e("example-box",{attrs:{"card-title":"Single Line"}},[e("div",{slot:"demo"},[e("div",{staticClass:"phone-viewport"},[e("md-list",[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",{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                <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          ')])])]),t._v(" "),e("example-box",{attrs:{"card-title":"Double Line"}},[e("div",{slot:"demo"},[e("div",{staticClass:"phone-viewport"},[e("md-list",{staticClass:"md-double-line"},[e("md-list-item",[e("md-icon",{staticClass:"md-primary"},[t._v("phone")]),t._v(" "),e("div",{staticClass:"md-list-text-container"},[e("span",[t._v("(650) 555-1234")]),t._v(" "),e("span",[t._v("Mobile")])]),t._v(" "),e("md-button",{staticClass:"md-icon-button md-list-action"},[e("md-icon",[t._v("sms")])])]),t._v(" "),e("md-list-item",{staticClass:"md-inset"},[e("div",{staticClass:"md-list-text-container"},[e("span",[t._v("(650) 555-1234")]),t._v(" "),e("span",[t._v("Mobile")])]),t._v(" "),e("md-divider",{staticClass:"md-inset"})]),t._v(" "),e("md-list-item",[e("md-icon",{staticClass:"md-primary"},[t._v("email")]),t._v(" "),e("div",{staticClass:"md-list-text-container"},[e("span",[t._v("aliconnors@example.com")]),t._v(" "),e("span",[t._v("Personal")])]),t._v(" "),e("md-button",{staticClass:"md-icon-button md-list-action"},[e("md-icon",[t._v("sms")])])]),t._v(" "),e("md-list-item",{staticClass:"md-inset"},[e("div",{staticClass:"md-list-text-container"},[e("span",[t._v("ali_connors@example.com")]),t._v(" "),e("span",[t._v("Work")])])])])]),t._v(" "),e("div",{staticClass:"phone-viewport"},[e("md-list",{staticClass:"md-double-line md-dense"},[e("md-list-item",[e("md-icon",{staticClass:"md-primary"},[t._v("phone")]),t._v(" "),e("div",{staticClass:"md-list-text-container"},[e("span",[t._v("(650) 555-1234")]),t._v(" "),e("span",[t._v("Mobile")])]),t._v(" "),e("md-button",{staticClass:"md-icon-button md-list-action"},[e("md-icon",[t._v("sms")])])]),t._v(" "),e("md-list-item",{staticClass:"md-inset"},[e("div",{staticClass:"md-list-text-container"},[e("span",[t._v("(650) 555-1234")]),t._v(" "),e("span",[t._v("Mobile")])]),t._v(" "),e("md-divider",{staticClass:"md-inset"})]),t._v(" "),e("md-list-item",[e("md-icon",{staticClass:"md-primary"},[t._v("email")]),t._v(" "),e("div",{staticClass:"md-list-text-container"},[e("span",[t._v("aliconnors@example.com")]),t._v(" "),e("span",[t._v("Personal")])]),t._v(" "),e("md-button",{staticClass:"md-icon-button md-list-action"},[e("md-icon",[t._v("sms")])])]),t._v(" "),e("md-list-item",{staticClass:"md-inset"},[e("div",{staticClass:"md-list-text-container"},[e("span",[t._v("ali_connors@example.com")]),t._v(" "),e("span",[t._v("Work")])])])])])]),t._v(" "),e("div",{slot:"code"},[e("code-block",{attrs:{lang:"xml"}},[t._v('\n            <div class="phone-viewport">\n              <md-list class="md-double-line">\n                <md-list-item>\n                  <md-icon class="md-primary">phone</md-icon>\n\n                  <div class="md-list-text-container">\n                    <span>(650) 555-1234</span>\n                    <span>Mobile</span>\n                  </div>\n\n                  <md-button class="md-icon-button md-list-action">\n                    <md-icon>sms</md-icon>\n                  </md-button>\n                </md-list-item>\n\n                <md-list-item class="md-inset">\n                  <div class="md-list-text-container">\n                    <span>(650) 555-1234</span>\n                    <span>Mobile</span>\n                  </div>\n\n                  <md-divider class="md-inset"></md-divider>\n                </md-list-item>\n\n                <md-list-item>\n                  <md-icon class="md-primary">email</md-icon>\n\n                  <div class="md-list-text-container">\n                    <span>aliconnors@example.com</span>\n                    <span>Personal</span>\n                  </div>\n\n                  <md-button class="md-icon-button md-list-action">\n                    <md-icon>sms</md-icon>\n                  </md-button>\n                </md-list-item>\n\n                <md-list-item class="md-inset">\n                  <div class="md-list-text-container">\n                    <span>ali_connors@example.com</span>\n                    <span>Work</span>\n                  </div>\n                </md-list-item>\n              </md-list>\n            </div>\n\n            <div class="phone-viewport">\n              <md-list class="md-double-line md-dense">\n                <md-list-item>\n                  <md-icon class="md-primary">phone</md-icon>\n\n                  <div class="md-list-text-container">\n                    <span>(650) 555-1234</span>\n                    <span>Mobile</span>\n                  </div>\n\n                  <md-button class="md-icon-button md-list-action">\n                    <md-icon>sms</md-icon>\n                  </md-button>\n                </md-list-item>\n\n                <md-list-item class="md-inset">\n                  <div class="md-list-text-container">\n                    <span>(650) 555-1234</span>\n                    <span>Mobile</span>\n                  </div>\n\n                  <md-divider class="md-inset"></md-divider>\n                </md-list-item>\n\n                <md-list-item>\n                  <md-icon class="md-primary">email</md-icon>\n\n                  <div class="md-list-text-container">\n                    <span>aliconnors@example.com</span>\n                    <span>Personal</span>\n                  </div>\n\n                  <md-button class="md-icon-button md-list-action">\n                    <md-icon>sms</md-icon>\n                  </md-button>\n                </md-list-item>\n\n                <md-list-item class="md-inset">\n                  <div class="md-list-text-container">\n                    <span>ali_connors@example.com</span>\n                    <span>Work</span>\n                  </div>\n                </md-list-item>\n              </md-list>\n            </div>\n          ')])])]),t._v(" "),e("example-box",{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 md-list-action"},[e("md-icon",[t._v("star_border")])]),t._v(" "),e("md-divider",{staticClass:"md-inset"})])])])]),t._v(" "),e("div",{slot:"code"},[e("code-block",{attrs:{lang:"xml"}},[t._v('\n            <div class="phone-viewport">\n              <md-list class="custom-list md-triple-line">\n                <md-list-item>\n                  <md-avatar>\n                    <img src="https://placeimg.com/40/40/people/1" alt="People">\n                  </md-avatar>\n\n                  <div class="md-list-text-container">\n                    <span>Ali Connors</span>\n                    <span>Brunch this weekend?</span>\n                    <p>I\'ll be in your neighborhood doing errands...</p>\n                  </div>\n\n                  <md-button class="md-icon-button md-list-action">\n                    <md-icon class="md-primary">star</md-icon>\n                  </md-button>\n\n                  <md-divider class="md-inset"></md-divider>\n                </md-list-item>\n\n                <md-list-item>\n                  <md-avatar>\n                    <img src="https://placeimg.com/40/40/people/6" alt="People">\n                  </md-avatar>\n\n                  <div class="md-list-text-container">\n                    <span>me, Scott, Jennifer</span>\n                    <span>Summer BBQ</span>\n                    <p>Wish I could come, but I\'m out of town ...</p>\n                  </div>\n\n                  <md-button class="md-icon-button md-list-action">\n                    <md-icon>star_border</md-icon>\n                  </md-button>\n\n                  <md-divider class="md-inset"></md-divider>\n                </md-list-item>\n\n                <md-list-item>\n                  <md-avatar>\n                    <img src="https://placeimg.com/40/40/people/5" alt="People">\n                  </md-avatar>\n\n                  <div class="md-list-text-container">\n                    <span>Sandra Adams</span>\n                    <span>Oui oui</span>\n                    <p>Do you have Paris recommendations ...</p>\n                  </div>\n\n                  <md-button class="md-icon-button md-list-action">\n                    <md-icon>star_border</md-icon>\n                  </md-button>\n\n                  <md-divider class="md-inset"></md-divider>\n                </md-list-item>\n\n                <md-list-item>\n                  <md-avatar>\n                    <img src="https://placeimg.com/40/40/people/8" alt="People">\n                  </md-avatar>\n\n                  <div class="md-list-text-container">\n                    <span>Trevor Hansen</span>\n                    <span>Order confirmation</span>\n                    <p>Thank you for your recent order from ...</p>\n                  </div>\n\n                  <md-button class="md-icon-button md-list-action">\n                    <md-icon>star_border</md-icon>\n                  </md-button>\n\n                  <md-divider class="md-inset"></md-divider>\n                </md-list-item>\n              </md-list>\n            </div>\n\n            <div class="phone-viewport">\n              <md-list class="custom-list md-triple-line md-dense">\n                <md-list-item>\n                  <md-avatar>\n                    <img src="https://placeimg.com/40/40/people/1" alt="People">\n                  </md-avatar>\n\n                  <div class="md-list-text-container">\n                    <span>Ali Connors</span>\n                    <span>Brunch this weekend?</span>\n                    <p>I\'ll be in your neighborhood doing errands...</p>\n                  </div>\n\n                  <md-button class="md-icon-button md-list-action">\n                    <md-icon class="md-primary">star</md-icon>\n                  </md-button>\n\n                  <md-divider class="md-inset"></md-divider>\n                </md-list-item>\n\n                <md-list-item>\n                  <md-avatar>\n                    <img src="https://placeimg.com/40/40/people/6" alt="People">\n                  </md-avatar>\n\n                  <div class="md-list-text-container">\n                    <span>me, Scott, Jennifer</span>\n                    <span>Summer BBQ</span>\n                    <p>Wish I could come, but I\'m out of town ...</p>\n                  </div>\n\n                  <md-button class="md-icon-button md-list-action">\n                    <md-icon>star_border</md-icon>\n                  </md-button>\n\n                  <md-divider class="md-inset"></md-divider>\n                </md-list-item>\n\n                <md-list-item>\n                  <md-avatar>\n                    <img src="https://placeimg.com/40/40/people/5" alt="People">\n                  </md-avatar>\n\n                  <div class="md-list-text-container">\n                    <span>Sandra Adams</span>\n                    <span>Oui oui</span>\n                    <p>Do you have Paris recommendations ...</p>\n                  </div>\n\n                  <md-button class="md-icon-button md-list-action">\n                    <md-icon>star_border</md-icon>\n                  </md-button>\n\n                  <md-divider class="md-inset"></md-divider>\n                </md-list-item>\n\n                <md-list-item>\n                  <md-avatar>\n                    <img src="https://placeimg.com/40/40/people/8" alt="People">\n                  </md-avatar>\n\n                  <div class="md-list-text-container">\n                    <span>Trevor Hansen</span>\n                    <span>Order confirmation</span>\n                    <p>Thank you for your recent order from ...</p>\n                  </div>\n\n                  <md-button class="md-icon-button md-list-action">\n                    <md-icon>star_border</md-icon>\n                  </md-button>\n\n                  <md-divider class="md-inset"></md-divider>\n                </md-list-item>\n              </md-list>\n            </div>\n          ')])])]),t._v(" "),e("example-box",{attrs:{"card-title":"Expansion Lists"}},[e("div",{slot:"demo"},[e("div",{staticClass:"phone-viewport"},[e("md-list",[e("md-list-item",[e("md-icon",[t._v("whatshot")]),t._v(" "),e("span",[t._v("News")]),t._v(" "),e("md-list-expand",[e("md-list",[e("md-list-item",{staticClass:"md-inset"},[t._v("World")]),t._v(" "),e("md-list-item",{staticClass:"md-inset"},[t._v("Americas")]),t._v(" "),e("md-list-item",{staticClass:"md-inset"},[t._v("Europe")])])])]),t._v(" "),e("md-list-item",[e("md-icon",[t._v("videogame_asset")]),t._v(" "),e("span",[t._v("Games")]),t._v(" "),e("md-list-expand",[e("md-list",[e("md-list-item",{staticClass:"md-inset"},[t._v("Console")]),t._v(" "),e("md-list-item",{staticClass:"md-inset"},[t._v("PC")]),t._v(" "),e("md-list-item",{staticClass:"md-inset"},[t._v("Phone")])])])]),t._v(" "),e("md-list-item",[e("md-icon",[t._v("video_library")]),t._v(" "),e("span",[t._v("Video")]),t._v(" "),e("md-list-expand",[e("md-list",[e("md-list-item",{staticClass:"md-inset"},[t._v("Humor")]),t._v(" "),e("md-list-item",{staticClass:"md-inset"},[t._v("Music")]),t._v(" "),e("md-list-item",{staticClass:"md-inset"},[t._v("Movies")]),t._v(" "),e("md-list-item",{staticClass:"md-inset"},[t._v("TV Shows")])])])]),t._v(" "),e("md-list-item",[e("md-icon",[t._v("shopping_basket")]),t._v(" "),e("span",[t._v("Shop")])])])])]),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>whatshot</md-icon>\n                  <span>News</span>\n\n                  <md-list-expand>\n                    <md-list>\n                      <md-list-item class="md-inset">World</md-list-item>\n                      <md-list-item class="md-inset">Americas</md-list-item>\n                      <md-list-item class="md-inset">Europe</md-list-item>\n                    </md-list>\n                  </md-list-expand>\n                </md-list-item>\n\n                <md-list-item>\n                  <md-icon>videogame_asset</md-icon>\n                  <span>Games</span>\n\n                  <md-list-expand>\n                    <md-list>\n                      <md-list-item class="md-inset">Console</md-list-item>\n                      <md-list-item class="md-inset">PC</md-list-item>\n                      <md-list-item class="md-inset">Phone</md-list-item>\n                    </md-list>\n                  </md-list-expand>\n                </md-list-item>\n\n                <md-list-item>\n                  <md-icon>video_library</md-icon>\n                  <span>Video</span>\n\n                  <md-list-expand>\n                    <md-list>\n                      <md-list-item class="md-inset">Humor</md-list-item>\n                      <md-list-item class="md-inset">Music</md-list-item>\n                      <md-list-item class="md-inset">Movies</md-list-item>\n                      <md-list-item class="md-inset">TV Shows</md-list-item>\n                    </md-list>\n                  </md-list-expand>\n                </md-list-item>\n\n                <md-list-item>\n                  <md-icon>shopping_basket</md-icon>\n                  <span>Shop</span>\n                </md-list-item>\n              </md-list>\n            </div>\n          ')])])])])])])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=(t.$createElement,t._c);return e("div",{staticClass:"md-tab",style:t.styles,attrs:{id:t.tabId}},[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-media-actions"},[t._t("default")],!0)},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=(t.$createElement,t._c);return t.href?e("a",{staticClass:"md-button",class:[t.themeClass],attrs:{href:t.href,disabled:t.disabled,target:t.target,rel:t.newRel},on:{click:function(e){t.$emit("click",e)}}},[e("md-ink-ripple",{attrs:{"md-disabled":t.disabled}}),t._v(" "),t._t("default")],!0):e("button",{staticClass:"md-button",class:[t.themeClass],attrs:{type:t.type,disabled:t.disabled},on:{click:function(e){t.$emit("click",e)}}},[e("md-ink-ripple",{attrs:{"md-disabled":t.disabled}}),t._v(" "),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 - Spinner"}},[e("docs-component",[e("div",{slot:"description"},[e("p",[t._v("Progress and activity indicators are visual indications of an app loading content.")]),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-accent")])]),t._v(" "),e("li",[e("code",[t._v("md-warn")])])])]),t._v(" "),e("div",{slot:"api"},[e("api-table",{attrs:{name:"md-spinner"}},[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-size")]),t._v(" "),e("md-table-cell",[e("code",[t._v("Number")])]),t._v(" "),e("md-table-cell",[t._v("The spinner size. Default "),e("code",[t._v("50")])])]),t._v(" "),e("md-table-row",[e("md-table-cell",[t._v("md-stroke")]),t._v(" "),e("md-table-cell",[e("code",[t._v("Number")])]),t._v(" "),e("md-table-cell",[t._v("The line width. Default "),e("code",[t._v("3.5")])])]),t._v(" "),e("md-table-row",[e("md-table-cell",[t._v("md-indeterminate")]),t._v(" "),e("md-table-cell",[e("code",[t._v("Boolean")])]),t._v(" "),e("md-table-cell",[t._v("Enable the indeterminate state. Default "),e("code",[t._v("false")])])]),t._v(" "),e("md-table-row",[e("md-table-cell",[t._v("md-progress")]),t._v(" "),e("md-table-cell",[e("code",[t._v("Number")])]),t._v(" "),e("md-table-cell",[t._v("Define the current progress of the spinner. Default "),e("code",[t._v("0")])])])])])])]),t._v(" "),e("div",{slot:"example"},[e("example-box",{attrs:{"card-title":"Determinate"}},[e("div",{staticClass:"spinner-demo",slot:"demo"},[e("md-button",{staticClass:"md-primary md-raised",nativeOn:{click:function(e){t.restartProgress(e)}}},[t._v("Restart")]),t._v(" "),t.transition?e("md-spinner",{attrs:{"md-progress":t.progress}}):t._e(),t._v(" "),t.transition?e("md-spinner",{staticClass:"md-accent",attrs:{"md-progress":t.progress}}):t._e(),t._v(" "),t.transition?e("md-spinner",{staticClass:"md-warn",attrs:{"md-progress":t.progress}}):t._e()]),t._v(" "),e("div",{slot:"code"},[e("code-block",{attrs:{lang:"xml"}},[t._v('\n            <md-spinner :md-progress="progress"></md-spinner>\n            <md-spinner :md-progress="progress" class="md-accent"></md-spinner>\n            <md-spinner :md-progress="progress" class="md-warn"></md-spinner>\n          ')])])]),t._v(" "),e("example-box",{attrs:{"card-title":"Indeterminate"}},[e("div",{staticClass:"spinner-demo",slot:"demo"},[e("md-spinner",{attrs:{"md-indeterminate":""}}),t._v(" "),e("md-spinner",{staticClass:"md-accent",attrs:{"md-indeterminate":""}}),t._v(" "),e("md-spinner",{staticClass:"md-warn",attrs:{"md-indeterminate":""}})]),t._v(" "),e("div",{slot:"code"},[e("code-block",{attrs:{lang:"xml"}},[t._v('\n            <md-spinner md-indeterminate></md-spinner>\n            <md-spinner md-indeterminate class="md-accent"></md-spinner>\n            <md-spinner md-indeterminate class="md-warn"></md-spinner>\n          ')])])]),t._v(" "),e("example-box",{attrs:{"card-title":"Sizes"}},[e("div",{staticClass:"spinner-demo",slot:"demo"},[e("md-spinner",{staticClass:"md-accent",attrs:{"md-size":20,"md-indeterminate":""}}),t._v(" "),e("md-spinner",{staticClass:"md-warn",attrs:{"md-size":60,"md-indeterminate":""}}),t._v(" "),e("md-spinner",{attrs:{"md-size":150,"md-indeterminate":""}}),t._v(" "),e("md-spinner",{staticClass:"md-accent",attrs:{"md-size":20,"md-stroke":2.5,"md-indeterminate":""}}),t._v(" "),e("md-spinner",{staticClass:"md-warn",attrs:{"md-size":60,"md-stroke":1.5,"md-indeterminate":""}}),t._v(" "),e("md-spinner",{attrs:{"md-size":150,"md-stroke":1,"md-indeterminate":""}})]),t._v(" "),e("div",{slot:"code"},[e("code-block",{attrs:{lang:"xml"}},[t._v('\n            <md-spinner :md-size="20" md-indeterminate class="md-accent"></md-spinner>\n            <md-spinner :md-size="60" md-indeterminate class="md-warn"></md-spinner>\n            <md-spinner :md-size="150" md-indeterminate></md-spinner>\n\n            <md-spinner :md-size="20" :md-stroke="2" md-indeterminate class="md-accent"></md-spinner>\n            <md-spinner :md-size="60" :md-stroke="1.5" md-indeterminate class="md-warn"></md-spinner>\n            <md-spinner :md-size="150" :md-stroke="1" md-indeterminate></md-spinner>\n          ')])])]),t._v(" "),e("example-box",{attrs:{"card-title":"Complete Example"}},[e("div",{slot:"demo"},[e("md-theme",{staticClass:"complete-example",attrs:{"md-name":"orange"}},[e("md-button",{staticClass:"md-fab",class:{"md-primary":t.done},nativeOn:{click:function(e){t.restartProgress(e)}}},[t.done?t._e():e("md-icon",[t._v("cloud_upload")]),t._v(" "),t.done?e("md-icon",[t._v("done")]):t._e()]),t._v(" "),t.transition&&t.progress<115?e("md-spinner",{attrs:{"md-size":74,"md-stroke":2.2,"md-progress":t.progress}}):t._e()])]),t._v(" "),e("div",{slot:"code"},[e("code-block",{attrs:{lang:"xml"}},[t._v('\n            <md-theme class="complete-example" md-name="orange">\n              <md-button class="md-fab" @click.native="restartProgress" :class="{ \'md-primary\': done }">\n                <md-icon v-if="!done">cloud_upload</md-icon>\n                <md-icon v-if="done">done</md-icon>\n              </md-button>\n\n              <md-spinner :md-size="74" :md-stroke="2.2" :md-progress="progress" v-if="transition && progress < 115"></md-spinner>\n            </md-theme>\n          ')]),t._v(" "),e("code-block",{attrs:{lang:"scss"}},[t._v("\n            .complete-example {\n              width: 56px;\n              height: 56px;\n              position: relative;\n\n              .md-fab {\n                margin: 0;\n              }\n\n              .md-spinner {\n                position: absolute;\n                top: 50%;\n                left: 50%;\n                transform: translate(-50%, -50%);\n              }\n            }\n          ")]),t._v(" "),e("code-block",{
+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>\n            <span class="md-headline">Headline</span>\n            <span class="md-title">Title</span>\n            <span class="md-subheading">Subheading</span>\n            <span class="md-body-2">Body 2</span>\n            <span class="md-body-1">Body 1</span>\n            <span class="md-caption">Caption</span>\n            <a href="#/typography">Link</a>\n          ')])])])])])])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=(t.$createElement,t._c);return e("div",{staticClass:"page-content"},[e("md-whiteframe",{staticClass:"main-header",attrs:{"md-elevation":"1"}},[e("md-toolbar",[e("md-button",{staticClass:"md-icon-button nav-trigger",on:{click:t.toggleSidenav}},[e("md-icon",[t._v("menu")])]),t._v(" "),e("div",{staticClass:"md-title"},[t._v(t._s(t.pageTitle))]),t._v(" "),t.availableDocs.length>1?e("div",{staticClass:"release-version"},[e("span",[t._v("Version:")]),t._v(" "),e("md-select",{directives:[{name:"model",rawName:"v-model",value:t.currentDocs,expression:"currentDocs"}],attrs:{id:"docs-select"},domProps:{value:t.currentDocs},on:{change:t.changeDocs,input:function(e){t.currentDocs=e}}},t._m(0))]):t._e(),t._v(" "),e("md-button",{staticClass:"md-icon-button github",attrs:{href:"https://github.com/marcosmoura/vue-material",target:"_blank",rel:"noopener"}},[e("svg",{attrs:{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 1024 1024"}},[e("path",{attrs:{fill:"#ffffff",d:"M512 0C229.25 0 0 229.25 0 512c0 226.25 146.69 418.13 350.16 485.81 25.59 4.69 34.94-11.12 34.94-24.62 0-12.19-0.47-52.56-0.72-95.31C242 908.81 211.91 817.5 211.91 817.5c-23.31-59.12-56.84-74.87-56.84-74.87-46.53-31.75 3.53-31.12 3.53-31.12 51.41 3.56 78.47 52.75 78.47 52.75 45.69 78.25 119.88 55.63 149 42.5 4.65-33 17.9-55.62 32.5-68.37C304.91 725.44 185.34 681.5 185.34 485.31c0-55.94 19.97-101.56 52.66-137.41-5.22-13-22.84-65.09 5.06-135.56 0 0 42.94-13.75 140.81 52.5 40.81-11.41 84.59-17.03 128.13-17.22 43.5 0.19 87.31 5.88 128.19 17.28 97.69-66.31 140.69-52.5 140.69-52.5 28 70.53 10.38 122.56 5.13 135.5 32.81 35.84 52.63 81.47 52.63 137.41 0 196.69-119.75 240-233.81 252.69 18.44 15.88 34.75 47 34.75 94.75 0 68.44-0.69 123.63-0.69 140.5 0 13.63 9.31 29.56 35.25 24.56C877.44 930 1024 738.13 1024 512 1024 229.25 794.75 0 512 0z"}})])])])]),t._v(" "),t._t("default")],!0)},staticRenderFns:[function(){var t=this,e=(t.$createElement,t._c);return t._l(t.availableDocs,function(n){return e("md-option",{attrs:{value:n}},[t._v(t._s(n))])})}]}},function(t,e){t.exports={render:function(){var t=this,e=(t.$createElement,t._c);return e("page-content",{attrs:{"page-title":"Components - Button"}},[e("docs-component",[e("div",{slot:"description"},[e("p",[t._v("Buttons communicate the action that will occur when the user touches them.")]),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"}},[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("disabled")]),t._v(" "),e("md-table-cell",[e("code",[t._v("Boolean")])]),t._v(" "),e("md-table-cell",[t._v("Disable the button and prevent his actions. Default "),e("code",[t._v("false")])])]),t._v(" "),e("md-table-row",[e("md-table-cell",[t._v("type")]),t._v(" "),e("md-table-cell",[e("code",[t._v("String")])]),t._v(" "),e("md-table-cell",[t._v("Apply a type to button - Doesn't apply for links.")])]),t._v(" "),e("md-table-row",[e("md-table-cell",[t._v("href")]),t._v(" "),e("md-table-cell",[e("code",[t._v("String")])]),t._v(" "),e("md-table-cell",[t._v("Create a anchor on the button - In this case the generated tag will be "),e("code",[t._v("<a>")]),t._v(".")])])])]),t._v(" "),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-raised")]),t._v(" "),e("md-table-cell",[t._v("Raised button")])]),t._v(" "),e("md-table-row",[e("md-table-cell",[t._v("md-icon-button")]),t._v(" "),e("md-table-cell",[t._v("Create rounded buttons - Need a <md-icon> inside")])]),t._v(" "),e("md-table-row",[e("md-table-cell",[t._v("md-dense")]),t._v(" "),e("md-table-cell",[t._v("Small dense buttons")])]),t._v(" "),e("md-table-row",[e("md-table-cell",[t._v("md-fab")]),t._v(" "),e("md-table-cell",[t._v("Create an Floating Action Button")])]),t._v(" "),e("md-table-row",[e("md-table-cell",[t._v("md-mini")]),t._v(" "),e("md-table-cell",[t._v("Small md-fab")])]),t._v(" "),e("md-table-row",[e("md-table-cell",[t._v("md-fab-top-left")]),t._v(" "),e("md-table-cell",[t._v("Position the md-fab absolutely on the top left of his parent")])]),t._v(" "),e("md-table-row",[e("md-table-cell",[t._v("md-fab-top-center")]),t._v(" "),e("md-table-cell",[t._v("Position the md-fab absolutely on the top center of his parent")])]),t._v(" "),e("md-table-row",[e("md-table-cell",[t._v("md-fab-top-right")]),t._v(" "),e("md-table-cell",[t._v("Position the md-fab absolutely on the top right of his parent")])]),t._v(" "),e("md-table-row",[e("md-table-cell",[t._v("md-fab-bottom-left")]),t._v(" "),e("md-table-cell",[t._v("Position the md-fab absolutely on the bottom left of his parent")])]),t._v(" "),e("md-table-row",[e("md-table-cell",[t._v("md-fab-bottom-center")]),t._v(" "),e("md-table-cell",[t._v("Position the md-fab absolutely on the bottom center of his parent")])]),t._v(" "),e("md-table-row",[e("md-table-cell",[t._v("md-fab-bottom-right")]),t._v(" "),e("md-table-cell",[t._v("Position the md-fab absolutely on the bottom right of his parent")])])])])])]),t._v(" "),e("div",{slot:"example"},[e("example-box",{attrs:{"card-title":"Flat"}},[e("div",{slot:"demo"},[e("md-button",[t._v("Default")]),t._v(" "),e("md-button",{staticClass:"md-primary"},[t._v("Primary")]),t._v(" "),e("md-button",{staticClass:"md-accent"},[t._v("Accent")]),t._v(" "),e("md-button",{staticClass:"md-warn"},[t._v("Warn")]),t._v(" "),e("md-button",{staticClass:"md-primary",attrs:{disabled:""}},[t._v("Disabled")]),t._v(" "),e("md-button",{staticClass:"md-dense"},[t._v("Dense")])]),t._v(" "),e("div",{slot:"code"},[e("code-block",{attrs:{lang:"xml"}},[t._v('\n            <md-button>Default</md-button>\n            <md-button class="md-primary">Primary</md-button>\n            <md-button class="md-accent">Accent</md-button>\n            <md-button class="md-warn">Warn</md-button>\n            <md-button class="md-primary" disabled>Disabled</md-button>\n            <md-button class="md-dense">Dense</md-button>\n          ')])])]),t._v(" "),e("example-box",{attrs:{"card-title":"Raised"}},[e("div",{slot:"demo"},[e("md-button",{staticClass:"md-raised"},[t._v("Default")]),t._v(" "),e("md-button",{staticClass:"md-raised md-primary"},[t._v("Primary")]),t._v(" "),e("md-button",{staticClass:"md-raised md-accent"},[t._v("Accent")]),t._v(" "),e("md-button",{staticClass:"md-raised md-warn"},[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            </md-button>\n\n            <md-button class="md-icon-button md-raised md-accent">\n              <md-icon>add</md-icon>\n            </md-button>\n\n            <md-button class="md-icon-button md-raised md-warn">\n              <md-icon>add</md-icon>\n            </md-button>\n\n            <md-button class="md-icon-button md-raised" disabled>\n              <md-icon>add</md-icon>\n            </md-button>\n\n            <md-button class="md-icon-button md-raised md-dense">\n              <md-icon>add</md-icon>\n            </md-button>\n          ')])])]),t._v(" "),e("example-box",{attrs:{"card-title":"Floating Action Button"}},[e("div",{staticClass:"fab-holder",slot:"demo"},[e("div",[e("md-button",{staticClass:"md-fab"},[e("md-icon",[t._v("edit")])]),t._v(" "),e("md-button",{staticClass:"md-fab md-primary"},[e("md-icon",[t._v("email")])]),t._v(" "),e("md-button",{staticClass:"md-fab md-warn"},[e("md-icon",[t._v("save")])]),t._v(" "),e("md-button",{staticClass:"md-fab md-clean"},[e("md-icon",[t._v("dialpad")])]),t._v(" "),e("md-button",{staticClass:"md-fab",attrs:{disabled:""}},[e("md-icon",[t._v("message")])])]),t._v(" "),e("div",[e("md-button",{staticClass:"md-fab md-mini"},[e("md-icon",[t._v("edit")])]),t._v(" "),e("md-button",{staticClass:"md-fab md-primary md-mini"},[e("md-icon",[t._v("email")])]),t._v(" "),e("md-button",{staticClass:"md-fab md-warn md-mini"},[e("md-icon",[t._v("save")])]),t._v(" "),e("md-button",{staticClass:"md-fab md-clean md-mini"},[e("md-icon",[t._v("dialpad")])]),t._v(" "),e("md-button",{staticClass:"md-fab md-mini",attrs:{disabled:""}},[e("md-icon",[t._v("message")])])]),t._v(" "),e("md-button",{staticClass:"md-fab md-fab-bottom-left"},[e("md-icon",[t._v("save")])]),t._v(" "),e("md-button",{staticClass:"md-fab md-primary md-fab-bottom-center"},[e("md-icon",[t._v("dialpad")])]),t._v(" "),e("md-button",{staticClass:"md-fab md-fab-bottom-right"},[e("md-icon",[t._v("add")])])]),t._v(" "),e("div",{slot:"code"},[e("code-block",{attrs:{lang:"xml"}},[t._v('\n            <div>\n              <md-button class="md-fab">\n                <md-icon>edit</md-icon>\n              </md-button>\n\n              <md-button class="md-fab md-primary">\n                <md-icon>email</md-icon>\n              </md-button>\n\n              <md-button class="md-fab md-warn">\n                <md-icon>save</md-icon>\n              </md-button>\n\n              <md-button class="md-fab md-clean">\n                <md-icon>dialpad</md-icon>\n              </md-button>\n\n              <md-button class="md-fab" disabled>\n                <md-icon>message</md-icon>\n              </md-button>\n            </div>\n\n            <div>\n              <md-button class="md-fab md-mini">\n                <md-icon>edit</md-icon>\n              </md-button>\n\n              <md-button class="md-fab md-primary md-mini">\n                <md-icon>email</md-icon>\n              </md-button>\n\n              <md-button class="md-fab md-warn md-mini">\n                <md-icon>save</md-icon>\n              </md-button>\n\n              <md-button class="md-fab md-clean md-mini">\n                <md-icon>dialpad</md-icon>\n              </md-button>\n\n              <md-button class="md-fab md-mini" disabled>\n                <md-icon>message</md-icon>\n              </md-button>\n            </div>\n\n            <md-button class="md-fab md-fab-bottom-left">\n              <md-icon>save</md-icon>\n            </md-button>\n\n            <md-button class="md-fab md-primary md-fab-bottom-center">\n              <md-icon>dialpad</md-icon>\n            </md-button>\n\n            <md-button class="md-fab md-fab-bottom-right">\n              <md-icon>add</md-icon>\n            </md-button>\n          ')])])]),t._v(" "),e("example-box",{attrs:{"card-title":"Themes"}},[e("div",{slot:"demo"},[e("md-button",{staticClass:"md-primary",attrs:{"md-theme":"indigo"}},[t._v("Indigo")]),t._v(" "),e("md-button",{staticClass:"md-raised md-primary",attrs:{"md-theme":"teal"}},[t._v("Teal")]),t._v(" "),e("md-button",{staticClass:"md-icon-button md-primary",attrs:{"md-theme":"orange"}},[e("md-icon",[t._v("add")])]),t._v(" "),e("md-button",{staticClass:"md-icon-button md-raised md-primary",attrs:{"md-theme":"green"}},[e("md-icon",[t._v("message")])]),t._v(" "),e("md-button",{staticClass:"md-fab md-primary",attrs:{"md-theme":"brown"}},[e("md-icon",[t._v("dialpad")])])]),t._v(" "),e("div",{slot:"code"},[e("code-block",{attrs:{lang:"xml"}},[t._v('\n            <md-button md-theme="indigo" class="md-primary">Indigo</md-button>\n\n            <md-button md-theme="teal" class="md-raised md-primary">Teal</md-button>\n\n            <md-button md-theme="orange" class="md-icon-button md-primary">\n              <md-icon>add</md-icon>\n            </md-button>\n\n            <md-button md-theme="green" class="md-icon-button md-raised md-primary">\n              <md-icon>message</md-icon>\n            </md-button>\n\n            <md-button md-theme="brown" class="md-fab md-primary">\n              <md-icon>dialpad</md-icon>\n            </md-button>\n          ')])])])])])])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=(t.$createElement,t._c);return e("md-menu-item",{staticClass:"md-option",class:t.classes,attrs:{tabindex:"-1"},on:{click:t.selectOption}},[t.parentSelect.multiple?e("md-checkbox",{directives:[{name:"model",rawName:"v-model",value:t.check,expression:"check"}],staticClass:"md-primary",domProps:{value:t.check},on:{input:function(e){t.check=e}}},[e("span",{ref:"item"},[t._t("default")],!0)]):e("span",{ref:"item"},[t._t("default")],!0),t._v(" ")])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=(t.$createElement,t._c);return e("page-content",{attrs:{"page-title":"Components - Subheader"}},[e("docs-component",[e("div",{slot:"description"},[e("p",[t._v("Subheaders may be displayed inline with tiles or associated with content. They are typically related to filtering or sorting criteria.")]),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-subheader"}},[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-inset")]),t._v(" "),e("md-table-cell",[t._v("Add a padding to the left of the subheader to follow inset lists")])])])])])]),t._v(" "),e("div",{slot:"example"},[e("example-box",{attrs:{"card-title":"Default"}},[e("div",{slot:"demo"},[e("div",{staticClass:"phone-viewport"},[e("md-list",[e("md-subheader",[t._v("Navigation")]),t._v(" "),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("Outbox")])]),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-subheader",[t._v("Contacts")]),t._v(" "),e("md-list-item",[e("md-avatar",[e("img",{attrs:{src:"assets/avatar-2.jpg",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:"assets/avatar-2.jpg",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:"assets/avatar-2.jpg",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:"custom-list md-triple-line"},[e("md-subheader",{staticClass:"md-inset"},[t._v("Today")]),t._v(" "),e("md-list-item",[e("md-avatar",[e("img",{attrs:{src:"assets/avatar-2.jpg",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:"assets/avatar-2.jpg",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:"assets/avatar-2.jpg",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:"assets/avatar-2.jpg",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",{slot:"code"},[e("code-block",{attrs:{lang:"xml"}},[t._v('\n            <div class="phone-viewport">\n              <md-list>\n                <md-subheader>Navigation</md-subheader>\n\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>Outbox</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-subheader>Contacts</md-subheader>\n\n                <md-list-item>\n                  <md-avatar>\n                    <img src="assets/avatar-2.jpg" 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="assets/avatar-2.jpg" 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="assets/avatar-2.jpg" 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="custom-list md-triple-line">\n                <md-subheader class="md-inset">Today</md-subheader>\n\n                <md-list-item>\n                  <md-avatar>\n                    <img src="assets/avatar-2.jpg" alt="People">\n                  </md-avatar>\n\n                  <div class="md-list-text-container">\n                    <span>Ali Connors</span>\n                    <span>Brunch this weekend?</span>\n                    <p>I\'ll be in your neighborhood doing errands...</p>\n                  </div>\n\n                  <md-button class="md-icon-button md-list-action">\n                    <md-icon class="md-primary">star</md-icon>\n                  </md-button>\n\n                  <md-divider class="md-inset"></md-divider>\n                </md-list-item>\n\n                <md-list-item>\n                  <md-avatar>\n                    <img src="assets/avatar-2.jpg" alt="People">\n                  </md-avatar>\n\n                  <div class="md-list-text-container">\n                    <span>me, Scott, Jennifer</span>\n                    <span>Summer BBQ</span>\n                    <p>Wish I could come, but I\'m out of town ...</p>\n                  </div>\n\n                  <md-button class="md-icon-button md-list-action">\n                    <md-icon>star_border</md-icon>\n                  </md-button>\n\n                  <md-divider class="md-inset"></md-divider>\n                </md-list-item>\n\n                <md-list-item>\n                  <md-avatar>\n                    <img src="assets/avatar-2.jpg" alt="People">\n                  </md-avatar>\n\n                  <div class="md-list-text-container">\n                    <span>Sandra Adams</span>\n                    <span>Oui oui</span>\n                    <p>Do you have Paris recommendations ...</p>\n                  </div>\n\n                  <md-button class="md-icon-button md-list-action">\n                    <md-icon>star_border</md-icon>\n                  </md-button>\n\n                  <md-divider class="md-inset"></md-divider>\n                </md-list-item>\n\n                <md-list-item>\n                  <md-avatar>\n                    <img src="assets/avatar-2.jpg" alt="People">\n                  </md-avatar>\n\n                  <div class="md-list-text-container">\n                    <span>Trevor Hansen</span>\n                    <span>Order confirmation</span>\n                    <p>Thank you for your recent order from ...</p>\n                  </div>\n\n                  <md-button class="md-icon-button md-list-action">\n                    <md-icon>star_border</md-icon>\n                  </md-button>\n\n                  <md-divider class="md-inset"></md-divider>\n                </md-list-item>\n              </md-list>\n            </div>\n          ')])])])])])])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=(t.$createElement,t._c);return e("div",{staticClass:"md-tabs",class:[t.themeClass,t.tabClasses]},[e("md-whiteframe",{ref:"tabNavigation",staticClass:"md-tabs-navigation",class:t.navigationClasses,attrs:{"md-tag":"nav","md-elevation":t.mdElevation}},[t._l(t.tabList,function(n){return e("button",{key:n.id,ref:"tabHeader",refInFor:!0,staticClass:"md-tab-header",class:t.getHeaderClass(n),attrs:{type:"button",disabled:n.disabled},on:{click:function(e){t.setActiveTab(n)}}},[e("md-ink-ripple",{attrs:{"md-disabled":n.disabled}}),t._v(" "),e("div",{staticClass:"md-tab-header-container"},[n.icon?e("md-icon",[t._v(t._s(n.icon))]):t._e(),t._v(" "),n.label?e("span",[t._v(t._s(n.label))]):t._e(),t._v(" "),n.tooltip?e("md-tooltip",{attrs:{"md-direction":n.tooltipDirection,"md-delay":n.tooltipDelay}},[t._v(t._s(n.tooltip))]):t._e()])])}),t._v(" "),e("span",{ref:"indicator",staticClass:"md-tab-indicator",class:t.indicatorClasses})],!0),t._v(" "),e("div",{ref:"tabContent",staticClass:"md-tabs-content",
+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",{staticClass:"item-text"},[t._v("Have breakfast everyday")]),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-list-item",[e("span",{staticClass:"item-text"},[t._v("Contribution")]),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-list-item",[e("span",{staticClass:"item-text"},[t._v("Travels")]),t._v(" "),e("md-button",{staticClass:"md-icon-button md-list-action"},[e("md-icon",{staticClass:"md-primary"},[t._v("star")])])])])])])])])]),t._v(" "),e("div",{slot:"code"},[e("code-block",{attrs:{lang:"xml"}},[t._v('\n            <div class="app-example">\n              <md-theme md-name="blue">\n                <md-whiteframe md-tag="md-toolbar" md-elevation="1">\n                  <span class="md-title">Life Organizer 2.0</span>\n                </md-whiteframe>\n              </md-theme>\n\n              <div class="page-layout">\n                <md-theme md-name="indigo">\n                  <div class="column">\n                    <strong class="md-subheading">Shopping list</strong>\n                    <md-list>\n                      <md-list-item>\n                        <md-checkbox class="md-primary md-list-action"></md-checkbox>\n                        <span class="item-text">French bread</span>\n                      </md-list-item>\n\n                      <md-list-item>\n                        <md-checkbox :value="true" class="md-primary md-list-action"></md-checkbox>\n                        <span class="item-text">Brazilian Cheese Bread</span>\n                      </md-list-item>\n\n                      <md-list-item>\n                        <md-checkbox class="md-primary md-list-action"></md-checkbox>\n                        <span class="item-text">Italian Bread</span>\n                      </md-list-item>\n                    </md-list>\n                  </div>\n                </md-theme>\n\n                <md-theme md-name="green">\n                  <div class="column">\n                    <strong class="md-subheading">Todo List</strong>\n                    <md-list>\n                      <md-list-item>\n                        <md-checkbox class="md-primary md-list-action"></md-checkbox>\n                        <span class="item-text">Create new components</span>\n                      </md-list-item>\n\n                      <md-list-item>\n                        <md-checkbox :value="true" class="md-primary md-list-action"></md-checkbox>\n                        <span class="item-text">Answer Github issues</span>\n                      </md-list-item>\n                    </md-list>\n                  </div>\n                </md-theme>\n\n                <md-theme md-name="orange">\n                  <div class="column">\n                    <strong class="md-subheading">Notes</strong>\n                    <md-list>\n                      <md-list-item>\n                        <span class="item-text">Wake up early</span>\n                        <md-button class="md-icon-button md-list-action">\n                          <md-icon>star</md-icon>\n                        </md-button>\n                      </md-list-item>\n\n                      <md-list-item>\n                        <span class="item-text">Have breakfast everyday</span>\n                        <md-button class="md-icon-button md-list-action">\n                          <md-icon class="md-primary">star</md-icon>\n                        </md-button>\n                      </md-list-item>\n\n                      <md-list-item>\n                        <span class="item-text">Contribution</span>\n                        <md-button class="md-icon-button md-list-action">\n                          <md-icon class="md-primary">star</md-icon>\n                        </md-button>\n                      </md-list-item>\n\n                      <md-list-item>\n                        <span class="item-text">Travels</span>\n                        <md-button class="md-icon-button md-list-action">\n                          <md-icon class="md-primary">star</md-icon>\n                        </md-button>\n                      </md-list-item>\n                    </md-list>\n                  </div>\n                </md-theme>\n              </div>\n            </div>\n          ')]),t._v(" "),e("code-block",{attrs:{lang:"scss"}},[t._v("\n            .app-example {\n              .page-layout {\n                display: flex;\n              }\n\n              .column {\n                flex: 1;\n                background-color: rgba(#000, .06);\n\n                + .column {\n                  margin-left: 16px;\n                }\n              }\n\n              .md-list {\n                background: none;\n              }\n\n              .md-subheading {\n                padding: 16px;\n                display: block;\n              }\n\n              .item-text {\n                flex: 1;\n              }\n\n              .md-checkbox {\n                margin-right: 16px;\n              }\n\n              .md-button {\n                margin-left: 16px;\n              }\n            }\n          ")])])]),t._v(" "),e("example-box",{attrs:{"card-title":"Attribute"}},[e("div",{slot:"demo"},[e("md-whiteframe",[e("md-toolbar",{attrs:{"md-theme":"blue"}},[e("span",{staticClass:"md-title"},[t._v("My app dashboard")])])]),t._v(" "),e("div",{staticClass:"card-layout"},[e("div",{staticClass:"column"},[e("md-card",{staticClass:"md-primary",attrs:{"md-theme":"blue","md-with-hover":""}},[e("md-card-media",[e("img",{attrs:{src:"assets/card-image-1.jpg",alt:"People"}})]),t._v(" "),e("md-ink-ripple"),t._v(" "),e("md-card-actions",[e("md-button",{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("md-card",{staticClass:"md-primary",attrs:{"md-theme":"green","md-with-hover":""}},[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-content",[t._v("Lorem ipsum dolor sit amet, consectetur adipisicing elit.")]),t._v(" "),e("md-ink-ripple"),t._v(" "),e("md-card-actions",[e("md-button",[t._v("Action")]),t._v(" "),e("md-button",[t._v("Action")])])])]),t._v(" "),e("div",{staticClass:"column"},[e("md-card",{staticClass:"md-primary",attrs:{"md-theme":"orange","md-with-hover":""}},[e("md-card-header",[e("md-card-header-text",[e("div",{staticClass:"md-title"},[t._v("Title here")]),t._v(" "),e("div",{staticClass:"md-subhead"},[t._v("Subtitle here")])]),t._v(" "),e("md-card-media",[e("img",{attrs:{src:"assets/avatar-2.jpg",alt:"People"}})])]),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",{staticClass:"md-primary",attrs:{"md-theme":"blue","md-with-hover":""}},[e("md-card-media",{attrs:{"md-ratio":"16:9"}},[e("img",{attrs:{src:"assets/card-sky.jpg",alt:"People"}})]),t._v(" "),e("md-ink-ripple"),t._v(" "),e("md-card-actions",[e("md-button",{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              }\n            }\n          ")])])])])])])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=(t.$createElement,t._c);return e("tr",{staticClass:"md-table-row",class:t.classes,on:{click:t.autoSelect}},[t.hasSelection?e("md-table-cell",{staticClass:"md-table-selection"},[e("md-checkbox",{directives:[{name:"model",rawName:"v-model",value:t.checkbox,expression:"checkbox"}],attrs:{disabled:t.isDisabled},domProps:{value:t.checkbox},on:{change:t.select,input:function(e){t.checkbox=e}}})]):t._e(),t._v(" "),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":"Getting Started"}},[e("div",{staticClass:"main-content"},[e("article",[e("section",[e("h2",{staticClass:"md-headline"},[t._v("Include Fonts and Icons")]),t._v(" "),e("p",[t._v("Use Roboto and Google Icons from Google CDN:")]),t._v(" "),e("code-block",{attrs:{lang:"xml"}},[t._v('\n          <link rel="stylesheet" href="//fonts.googleapis.com/css?family=Roboto:300,400,500,700,400italic">\n          <link rel="stylesheet" href="//fonts.googleapis.com/icon?family=Material+Icons">\n        ')])])]),t._v(" "),e("article",[e("h2",{staticClass:"md-headline"},[t._v("Installation")]),t._v(" "),e("section",[e("h3",{staticClass:"md-title"},[t._v("NPM")]),t._v(" "),e("p",[t._v("Install Vue Material through npm or yarn "),e("br"),e("small",[t._v("* Others package managers like JSPM and Bower are not supported yet.")])]),t._v(" "),e("code-block",{attrs:{lang:"bash"}},[t._v("\n          $ npm install vue-material --save\n          $ yarn add vue-material\n        ")])]),t._v(" "),e("section",[e("h3",{staticClass:"md-title"},[t._v("Standalone")]),t._v(" "),e("p",[t._v("Download from Github and reference the script and the stylesheet in your HTML:")]),t._v(" "),e("md-button",{staticClass:"md-raised md-primary",attrs:{href:"https://github.com/marcosmoura/vue-material/archive/master.zip",target:"_blank",rel:"noopener"}},[t._v("download")])]),t._v(" "),e("section",[e("h3",{staticClass:"md-title"},[t._v("CDN")]),t._v(" "),e("p",[t._v("Include the Vue Material files from unpkg:")]),t._v(" "),e("md-button",{staticClass:"md-raised md-primary",attrs:{href:"https://unpkg.com/vue-material",target:"_blank",rel:"noopener"}},[t._v("Javascript")]),t._v(" "),e("md-button",{staticClass:"md-raised md-primary",attrs:{href:"https://unpkg.com/vue-material/dist/vue-material.css",target:"_blank",rel:"noopener"}},[t._v("CSS")])])]),t._v(" "),e("article",[e("h2",{staticClass:"md-headline"},[t._v("Usage")]),t._v(" "),e("section",[e("h3",{staticClass:"md-title"},[t._v("AMD Modules")]),t._v(" "),e("p",[t._v("Import and use the whole library:")]),t._v(" "),e("code-block",{attrs:{lang:"xml"}},[t._v('\n          <link rel="stylesheet" href="path/to/vue-material.css">\n        ')]),t._v(" "),e("code-block",{attrs:{lang:"javascript"}},[t._v("\n          var Vue = require('vue')\n          var VueMaterial = require('vue-material')\n\n          Vue.use(VueMaterial)\n        ")]),t._v(" "),e("p",[t._v("Or to import individual components:")]),t._v(" "),e("code-block",{attrs:{lang:"xml"}},[t._v('\n          <link rel="stylesheet" href="path/to/vue-material/dist/components/mdCore.css">\n          <link rel="stylesheet" href="path/to/vue-material/dist/components/mdButton.css">\n          <link rel="stylesheet" href="path/to/vue-material/dist/components/mdIcon.css">\n          <link rel="stylesheet" href="path/to/vue-material/dist/components/mdSidenav.css">\n          <link rel="stylesheet" href="path/to/vue-material/dist/components/mdToolbar.css">\n        ')]),t._v(" "),e("code-block",{attrs:{lang:"javascript"}},[t._v("\n          var Vue = require('vue')\n          var VueMaterial = require('vue-material')\n\n          Vue.use(VueMaterial.mdCore) //Required to boot vue material\n          Vue.use(VueMaterial.mdButton)\n          Vue.use(VueMaterial.mdIcon)\n          Vue.use(VueMaterial.mdSidenav)\n          Vue.use(VueMaterial.mdToolbar)\n        ")]),t._v(" "),e("p",[e("strong",[t._v("Note:")]),t._v(" If you are using Webpack you can still import the css files inside your modules. And you can also write everything using ES6 with Babel or Bublé.")])]),t._v(" "),e("section",[e("h3",{staticClass:"md-title"},[t._v("Standalone")]),t._v(" "),e("code-block",{attrs:{lang:"xml"}},[t._v('\n          <link rel="stylesheet" href="path/to/vue-material.css">\n          <script src="path/to/vue-material.js"></script>\n        ')]),t._v(" "),e("code-block",{attrs:{lang:"javascript"}},[t._v("\n          // The VueMaterial variable is global\n          Vue.use(VueMaterial)\n        ")])])]),t._v(" "),e("article",[e("h2",{staticClass:"md-headline"},[t._v("Codepen Examples")]),t._v(" "),e("section",[e("h3",{staticClass:"md-title"},[t._v("Playground")]),t._v(" "),e("iframe",{staticStyle:{width:"100%"},attrs:{height:"620",scrolling:"no",title:"Empty Setup",src:"//codepen.io/vue-material/embed/VmMrYW/?height=620&theme-id=dark&default-tab=html,result&embed-version=2",frameborder:"no",allowtransparency:"true",allowfullscreen:"true"}},[t._v("See the Pen "),e("a",{attrs:{href:"http://codepen.io/vue-material/pen/VmMrYW/"}},[t._v("Empty Setup")]),t._v(" by Vue Material ("),e("a",{attrs:{href:"http://codepen.io/vue-material"}},[t._v("@vue-material")]),t._v(") on "),e("a",{attrs:{href:"http://codepen.io"}},[t._v("CodePen")]),t._v(".")])]),t._v(" "),e("section",[e("h3",{staticClass:"md-title"},[t._v("File Application UI")]),t._v(" "),e("iframe",{attrs:{width:"360",height:"610",scrolling:"no",title:"File Application UI",src:"//codepen.io/vue-material/embed/WoZpMR/?height=610&theme-id=dark&default-tab=result&embed-version=2",frameborder:"no",allowtransparency:"true",allowfullscreen:"true"}},[t._v("See the Pen "),e("a",{attrs:{href:"http://codepen.io/vue-material/pen/WoZpMR/"}},[t._v("Vue Material Example")]),t._v(" by Vue Material ("),e("a",{attrs:{href:"http://codepen.io/vue-material"}},[t._v("@vue-material")]),t._v(") on "),e("a",{attrs:{href:"http://codepen.io"}},[t._v("CodePen")]),t._v(".")])])])])])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=(t.$createElement,t._c);return e("div",{ref:"expand",staticClass:"md-card-expand"},[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-table",class:[t.themeClass]},[e("table",[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-backdrop",on:{click:t.close,keyup:function(e){t._k(e.keyCode,"esc",27)||t.close(e)}}})},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=(t.$createElement,t._c);return e("md-card",{staticClass:"md-table-card",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("md-dialog",{ref:"dialog",staticClass:"md-dialog-alert",on:{close:function(e){t.fireCloseEvent()}}},[t.mdTitle?e("md-dialog-title",[t._v(t._s(t.mdTitle))]):t._e(),t._v(" "),t.mdContentHtml?e("md-dialog-content",{domProps:{innerHTML:t._s(t.mdContentHtml)}}):e("md-dialog-content",[t._v(t._s(t.mdContent))]),t._v(" "),t._v(" "),e("md-dialog-actions",[e("md-button",{staticClass:"md-primary",on:{click:function(e){t.close()}}},[t._v(t._s(t.mdOkText))])])])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=(t.$createElement,t._c);return e("page-content",{attrs:{"page-title":"Components - Dialog"}},[e("docs-component",[e("div",{slot:"description"},[e("p",[t._v("Dialogs inform users about a specific task and may contain critical information, require decisions, or involve multiple tasks.")]),t._v(" "),e("p",[t._v("The dialog component works with any plain html content. You can have tabs, all form components and more.")]),t._v(" "),e("p",[t._v("Alternativelly you can use three presets to build Alerts, Confirms and Prompt dialogs.")]),t._v(" "),e("p",[t._v("The preset component is created on top of "),e("code",[t._v("<md-dialog>")]),t._v(". You should provide the content or the HTML content at least.")]),t._v(" "),e("p",[t._v("All the pressets can use the same options and events from the "),e("code",[t._v("<md-dialog>")]),t._v(" component.")])]),t._v(" "),e("div",{slot:"api"},[e("api-table",{attrs:{name:"md-dialog"}},[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-click-outside-to-close")]),t._v(" "),e("md-table-cell",[e("code",[t._v("Boolean")])]),t._v(" "),e("md-table-cell",[t._v("Enable or disable click outside to close. Default: "),e("code",[t._v("true")])])]),t._v(" "),e("md-table-row",[e("md-table-cell",[t._v("md-esc-to-close")]),t._v(" "),e("md-table-cell",[e("code",[t._v("Boolean")])]),t._v(" "),e("md-table-cell",[t._v("Enable or disable close on esc key. Default: "),e("code",[t._v("true")])])]),t._v(" "),e("md-table-row",[e("md-table-cell",[t._v("md-backdrop")]),t._v(" "),e("md-table-cell",[e("code",[t._v("Boolean")])]),t._v(" "),e("md-table-cell",[t._v("Create an opaque backdrop behind the dialog. Default: "),e("code",[t._v("true")])])]),t._v(" "),e("md-table-row",[e("md-table-cell",[t._v("md-open-from")]),t._v(" "),e("md-table-cell",[e("code",[t._v("String")])]),t._v(" "),e("md-table-cell",[t._v("The query selector of the element that is used to determine from which the Dialog will open.")])]),t._v(" "),e("md-table-row",[e("md-table-cell",[t._v("md-close-to")]),t._v(" "),e("md-table-cell",[e("code",[t._v("String")])]),t._v(" "),e("md-table-cell",[t._v("The query selector of the element that is used to determine from which the Dialog will close.")])])])]),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("open")]),t._v(" "),e("md-table-cell",[t._v("Receive the state of the dialog: "),e("code",[t._v("ok")]),t._v("| "),e("code",[t._v("cancel")]),t._v(" "),e("br"),t._v("Works only for Confirm and Prompt")]),t._v(" "),e("md-table-cell",[t._v("Triggered when the dialog open.")])]),t._v(" "),e("md-table-row",[e("md-table-cell",[t._v("close")]),t._v(" "),e("md-table-cell",[t._v("Receive the state of the dialog: "),e("code",[t._v("ok")]),t._v("| "),e("code",[t._v("cancel")]),t._v(" "),e("br"),t._v("Works only for Confirm and Prompt")]),t._v(" "),e("md-table-cell",[t._v("Triggered when the dialog closes.")])])])]),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 dialog.")])]),t._v(" "),e("md-table-row",[e("md-table-cell",[t._v("close")]),t._v(" "),e("md-table-cell",[t._v("Close the dialog.")])])])])]),t._v(" "),e("api-table",{attrs:{name:"md-dialog-title"}},[e("p",[t._v("Can display a title on the top of the Dialog.")]),t._v(" "),e("p",[t._v("No options available")])]),t._v(" "),e("api-table",{attrs:{name:"md-dialog-content"}},[e("p",[t._v("Used to display rich content inside the Dialog.")]),t._v(" "),e("p",[t._v("No options available")])]),t._v(" "),e("api-table",{attrs:{name:"md-dialog-actions"}},[e("p",[t._v("Hold the actions of a dialog and align them on the right. Here you can add "),e("code",[t._v("<md-button>")]),t._v(" with or without icons.")]),t._v(" "),e("p",[t._v("No options available")])]),t._v(" "),e("api-table",{attrs:{name:"md-dialog-alert"}},[e("div",{slot:"properties"},[e("md-table",[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-title")]),t._v(" "),e("md-table-cell",[e("code",[t._v("String")])]),t._v(" "),e("md-table-cell",[t._v("Sets the alert title. Optional.")])]),t._v(" "),e("md-table-row",[e("md-table-cell",[t._v("md-content")]),t._v(" "),e("md-table-cell",[e("code",[t._v("String")])]),t._v(" "),e("md-table-cell",[t._v("Sets the alert content.")])]),t._v(" "),e("md-table-row",[e("md-table-cell",[t._v("md-content-html")]),t._v(" "),e("md-table-cell",[e("code",[t._v("String")])]),t._v(" "),e("md-table-cell",[t._v("Sets the alert content with a custom html.")])]),t._v(" "),e("md-table-row",[e("md-table-cell",[t._v("md-ok-text")]),t._v(" "),e("md-table-cell",[e("code",[t._v("String")])]),t._v(" "),e("md-table-cell",[t._v('Sets the alert "Okay" button text.')])])])])])]),t._v(" "),e("api-table",{attrs:{name:"md-dialog-confirm"}},[e("div",{slot:"properties"},[e("md-table",[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-title")]),t._v(" "),e("md-table-cell",[e("code",[t._v("String")])]),t._v(" "),e("md-table-cell",[t._v("Sets the confirm title. Optional.")])]),t._v(" "),e("md-table-row",[e("md-table-cell",[t._v("md-content")]),t._v(" "),e("md-table-cell",[e("code",[t._v("String")])]),t._v(" "),e("md-table-cell",[t._v("Sets the confirm content.")])]),t._v(" "),e("md-table-row",[e("md-table-cell",[t._v("md-content-html")]),t._v(" "),e("md-table-cell",[e("code",[t._v("String")])]),t._v(" "),e("md-table-cell",[t._v("Sets the confirm content with a custom html.")])]),t._v(" "),e("md-table-row",[e("md-table-cell",[t._v("md-ok-text")]),t._v(" "),e("md-table-cell",[e("code",[t._v("String")])]),t._v(" "),e("md-table-cell",[t._v('Sets the confirm "Okay" button text.')])]),t._v(" "),e("md-table-row",[e("md-table-cell",[t._v("md-cancel-text")]),t._v(" "),e("md-table-cell",[e("code",[t._v("String")])]),t._v(" "),e("md-table-cell",[t._v('Sets the confirm "Cancel" button text.')])])])])])]),t._v(" "),e("api-table",{attrs:{name:"md-dialog-prompt"}},[e("div",{slot:"properties"},[e("md-table",[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-title")]),t._v(" "),e("md-table-cell",[e("code",[t._v("String")])]),t._v(" "),e("md-table-cell",[t._v("Sets the prompt title. Optional.")])]),t._v(" "),e("md-table-row",[e("md-table-cell",[t._v("md-content")]),t._v(" "),e("md-table-cell",[e("code",[t._v("String")])]),t._v(" "),e("md-table-cell",[t._v("Sets the prompt content.")])]),t._v(" "),e("md-table-row",[e("md-table-cell",[t._v("md-content-html")]),t._v(" "),e("md-table-cell",[e("code",[t._v("String")])]),t._v(" "),e("md-table-cell",[t._v("Sets the prompt content with a custom html.")])]),t._v(" "),e("md-table-row",[e("md-table-cell",[t._v("md-ok-text")]),t._v(" "),e("md-table-cell",[e("code",[t._v("String")])]),t._v(" "),e("md-table-cell",[t._v('Sets the prompt "Okay" button text.')])]),t._v(" "),e("md-table-row",[e("md-table-cell",[t._v("md-cancel-text")]),t._v(" "),e("md-table-cell",[e("code",[t._v("String")])]),t._v(" "),e("md-table-cell",[t._v('Sets the prompt "Cancel" button text.')])]),t._v(" "),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 be bind when the value is confirmed.")])]),t._v(" "),e("md-table-row",[e("md-table-cell",[t._v("md-input-id")]),t._v(" "),e("md-table-cell",[e("code",[t._v("String")])]),t._v(" "),e("md-table-cell",[t._v("Set the ID of the field inside the prompt dialog.")])]),t._v(" "),e("md-table-row",[e("md-table-cell",[t._v("md-input-name")]),t._v(" "),e("md-table-cell",[e("code",[t._v("String")])]),t._v(" "),e("md-table-cell",[t._v("Set the name of the field inside the prompt dialog.")])]),t._v(" "),e("md-table-row",[e("md-table-cell",[t._v("md-input-maxlength")]),t._v(" "),e("md-table-cell",[e("code",[t._v("String")])]),t._v(" "),e("md-table-cell",[t._v("Set the optional maxlength of the field inside the prompt dialog with the text count.")])]),t._v(" "),e("md-table-row",[e("md-table-cell",[t._v("md-input-placeholder")]),t._v(" "),e("md-table-cell",[e("code",[t._v("String")])]),t._v(" "),e("md-table-cell",[t._v("Set the optional placeholder of the field inside the prompt dialog.")])])])])])])]),t._v(" "),e("div",{
+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-primary md-raised",on:{click:function(e){t.openDialog("dialog3")}}},[t._v("Alert")]),t._v(" "),e("md-button",{staticClass:"md-primary md-raised",on:{click:function(e){t.openDialog("dialog4")}}},[t._v("Alert with HTML")])]),t._v(" "),e("div",{slot:"code"},[e("code-block",{attrs:{lang:"xml"}},[t._v('\n            <md-dialog-alert\n              :md-content="alert.content"\n              :md-ok-text="alert.ok"\n              @open="onOpen"\n              @close="onClose"\n              ref="dialog3">\n            </md-dialog-alert>\n\n            <md-dialog-alert\n              :md-title="alert2.title"\n              :md-content-html="alert2.contentHtml"\n              @open="onOpen"\n              @close="onClose"\n              ref="dialog4">\n            </md-dialog-alert>\n\n            <md-button class="md-primary md-raised" @click="openDialog(\'dialog3\')">Alert</md-button>\n            <md-button class="md-primary md-raised" @click="openDialog(\'dialog4\')">Alert with HTML</md-button>\n          ')]),t._v(" "),e("code-block",{attrs:{lang:"javascript"}},[t._v("\n            export default {\n              data: () => ({\n                alert: {\n                  content: 'Your post has been deleted!',\n                  ok: 'Cool!'\n                },\n                alert2: {\n                  title: 'Post created!',\n                  contentHtml: 'Your post <strong>Material Design is awesome</strong> has been created.'\n                }\n              }),\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":"Confirm"}},[e("div",{slot:"demo"},[e("md-dialog-confirm",{ref:"dialog5",attrs:{"md-title":t.confirm.title,"md-content-html":t.confirm.contentHtml,"md-ok-text":t.confirm.ok,"md-cancel-text":t.confirm.cancel},on:{open:t.onOpen,close:t.onClose}}),t._v(" "),e("md-button",{staticClass:"md-primary md-raised",on:{click:function(e){t.openDialog("dialog5")}}},[t._v("Confirm")])]),t._v(" "),e("div",{slot:"code"},[e("code-block",{attrs:{lang:"xml"}},[t._v('\n            <md-dialog-confirm\n              :md-title="confirm.title"\n              :md-content-html="confirm.contentHtml"\n              :md-ok-text="confirm.ok"\n              :md-cancel-text="confirm.cancel"\n              @open="onOpen"\n              @close="onClose"\n              ref="dialog5">\n            </md-dialog-confirm>\n\n            <md-button class="md-primary md-raised" @click="openDialog(\'dialog5\')">Confirm</md-button>\n          ')]),t._v(" "),e("code-block",{attrs:{lang:"javascript"}},[t._v("\n            export default {\n              data: () => ({\n                confirm: {\n                  title: 'Use Google\\'s location service?',\n                  contentHtml: 'Let Google help apps determine location. <br> This means sending <strong>anonymous</strong> location data to Google, even when no apps are running.',\n                  ok: 'Agree',\n                  cancel: 'Disagree'\n                }\n              }),\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":"Prompt"}},[e("div",{slot:"demo"},[e("md-dialog-prompt",{directives:[{name:"model",rawName:"v-model",value:t.prompt.value,expression:"prompt.value"}],ref:"dialog6",attrs:{"md-title":t.prompt.title,"md-ok-text":t.prompt.ok,"md-cancel-text":t.prompt.cancel,"md-input-id":t.prompt.id,"md-input-name":t.prompt.name,"md-input-maxlength":t.prompt.maxlength,"md-input-placeholder":t.prompt.placeholder},domProps:{value:t.prompt.value},on:{open:t.onOpen,close:t.onClose,input:function(e){t.prompt.value=e}}}),t._v(" "),e("md-button",{staticClass:"md-primary md-raised",on:{click:function(e){t.openDialog("dialog6")}}},[t._v("Prompt")])]),t._v(" "),e("div",{slot:"code"},[e("code-block",{attrs:{lang:"xml"}},[t._v('\n            <md-dialog-prompt\n              :md-title="prompt.title"\n              :md-ok-text="prompt.ok"\n              :md-cancel-text="prompt.cancel"\n              @open="onOpen"\n              @close="onClose"\n              ref="dialog6">\n            </md-dialog-prompt>\n\n            <md-button class="md-primary md-raised" @click="openDialog(\'dialog6\')">Prompt</md-button>\n          ')]),t._v(" "),e("code-block",{attrs:{lang:"javascript"}},[t._v("\n            export default {\n              data: () => ({\n                prompt: {\n                  title: 'What\\'s your name?',\n                  ok: 'Done',\n                  cancel: 'Cancel',\n                  id: 'name',\n                  name: 'name',\n                  placeholder: 'Type your name...',\n                  maxlength: 30,\n                  value: ''\n                }\n              }),\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          ")])])])])])])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=(t.$createElement,t._c);return e("div",{staticClass:"md-radio",class:[t.themeClass,t.classes]},[e("div",{directives:[{name:"md-ink-ripple",rawName:"v-md-ink-ripple",value:t.disabled,expression:"disabled"}],staticClass:"md-radio-container",on:{click:t.toggleCheck}},[e("input",{attrs:{type:"radio",name:t.name,id:t.id,disabled:t.disabled},domProps:{value:t.value}})]),t._v(" "),t.$slots.default?e("label",{staticClass:"md-radio-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 e("i",{staticClass:"md-icon material-icons",class:[t.themeClass]},[t._t("default")],!0)},staticRenderFns:[]}},function(t,e,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 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 route and use the name of the default child route for named links instead."),n.children.forEach(function(n){C(t,e,n,l)})),void 0!==n.alias&&(Array.isArray(n.alias)?n.alias.forEach(function(n){C(t,e,{path:n},i,l.path)}):C(t,e,{path:n.alias},i,l.path)),t[l.path]||(t[l.path]=l),r&&(e[r]?o(!1,'Duplicate named routes definition: { name: "'+r+'", path: "'+l.path+'" }'):e[r]=l)}function w(t,e){return t=t.replace(/\/$/,""),"/"===t[0]?t:null==e?t:y(e.path+"/"+t)}function k(t,e){for(var n,a=[],o=0,i=0,d="",s=e&&e.delimiter||"/";null!=(n=Nt.exec(t));){var r=n[0],l=n[1],m=n.index;if(d+=t.slice(i,m),i=m+r.length,l)d+=l[1];else{var c=t[i],u=n[2],v=n[3],p=n[4],b=n[5],f=n[6],h=n[7];d&&(a.push(d),d="");var _=null!=u&&null!=c&&c!==u,g="+"===f||"*"===f,y="?"===f||"*"===f,x=n[2]||s,C=p||b;a.push({name:v||o++,prefix:u||"",delimiter:x,optional:y,repeat:g,partial:_,asterisk:!!h,pattern:C?O(C):h?".*":"[^"+R(x)+"]+?"})}}return i<t.length&&(d+=t.substr(i)),d&&a.push(d),a}function E(t,e){return A(k(t,e))}function T(t){return encodeURI(t).replace(/[\/?#]/g,function(t){return"%"+t.charCodeAt(0).toString(16).toUpperCase()})}function M(t){return encodeURI(t).replace(/[?#]/g,function(t){return"%"+t.charCodeAt(0).toString(16).toUpperCase()})}function A(t){for(var e=new Array(t.length),n=0;n<t.length;n++)"object"==typeof t[n]&&(e[n]=new RegExp("^(?:"+t[n].pattern+")$"));return function(n,a){for(var o="",i=n||{},d=a||{},s=d.pretty?T:encodeURIComponent,r=0;r<t.length;r++){var l=t[r];if("string"!=typeof l){var m,c=i[l.name];if(null==c){if(l.optional){l.partial&&(o+=l.prefix);continue}throw new TypeError('Expected "'+l.name+'" to be defined')}if(Tt(c)){if(!l.repeat)throw new TypeError('Expected "'+l.name+'" to not repeat, but received `'+JSON.stringify(c)+"`");if(0===c.length){if(l.optional)continue;throw new TypeError('Expected "'+l.name+'" to not be empty')}for(var u=0;u<c.length;u++){if(m=s(c[u]),!e[r].test(m))throw new TypeError('Expected all "'+l.name+'" to match "'+l.pattern+'", but received `'+JSON.stringify(m)+"`");o+=(0===u?l.prefix:l.delimiter)+m}}else{if(m=l.asterisk?M(c):s(c),!e[r].test(m))throw new TypeError('Expected "'+l.name+'" to match "'+l.pattern+'", but received "'+m+'"');o+=l.prefix+m}}else o+=l}return o}}function R(t){return t.replace(/([.+*?=^!:${}()[\]|\/\\])/g,"\\$1")}function O(t){return t.replace(/([=!:$\/()])/g,"\\$1")}function S(t,e){return t.keys=e,t}function N(t){return t.sensitive?"":"i"}function P(t,e){var n=t.source.match(/\((?!\?)/g);if(n)for(var a=0;a<n.length;a++)e.push({name:a,prefix:null,delimiter:null,optional:!1,repeat:!1,partial:!1,asterisk:!1,pattern:null});return S(t,e)}function D(t,e,n){for(var a=[],o=0;o<t.length;o++)a.push(L(t[o],e,n).source);var i=new RegExp("(?:"+a.join("|")+")",N(n));return S(i,e)}function I(t,e,n){return $(k(t,n),e,n)}function $(t,e,n){Tt(e)||(n=e||n,e=[]),n=n||{};for(var a=n.strict,o=n.end!==!1,i="",d=0;d<t.length;d++){var s=t[d];if("string"==typeof s)i+=R(s);else{var r=R(s.prefix),l="(?:"+s.pattern+")";e.push(s),s.repeat&&(l+="(?:"+r+l+")*"),l=s.optional?s.partial?r+"("+l+")?":"(?:"+r+"("+l+"))?":r+"("+l+")",i+=l}}var m=R(n.delimiter||"/"),c=i.slice(-m.length)===m;return a||(i=(c?i.slice(0,-m.length):i)+"(?:"+m+"(?=$))?"),i+=o?"$":a&&c?"":"(?="+m+"|$)",S(new RegExp("^"+i,N(n)),e)}function L(t,e,n){return Tt(e)||(n=e||n,e=[]),n=n||{},t instanceof RegExp?P(t,e):Tt(t)?D(t,e,n):I(t,e,n)}function j(t){var e,n,a=Pt[t];return a?(e=a.keys,n=a.regexp):(e=[],n=Mt(t,e),Pt[t]={keys:e,regexp:n}),{keys:e,regexp:n}}function F(t,e,n){try{var a=Dt[t]||(Dt[t]=Mt.compile(t));return a(e||{},{pretty:!0})}catch(t){return o(!1,"missing param for "+n+": "+t.message),""}}function B(t,e,n){var a="string"==typeof t?{path:t}:t;if(a.name||a._normalized)return a;if(!a.path&&a.params&&e){a=H({},a),a._normalized=!0;var d=H(H({},e.params),a.params);if(e.name)a.name=e.name,a.params=d;else if(e.matched){var s=e.matched[e.matched.length-1].path;a.path=F(s,d,"path "+e.path)}else o(!1,"relative params navigation requires a current route.");return a}var r=g(a.path||""),l=e&&e.path||"/",m=r.path?_(r.path,l,n||a.append):e&&e.path||"/",c=i(r.query,a.query),u=a.hash||r.hash;return u&&"#"!==u.charAt(0)&&(u="#"+u),{_normalized:!0,path:m,query:c,hash:u}}function H(t,e){for(var n in e)t[n]=e[n];return t}function q(t){function e(t,e,n){var a=B(t,e),o=a.name;if(o){var i=m[o],s=j(i.path).keys.filter(function(t){return!t.optional}).map(function(t){return t.name});if("object"!=typeof a.params&&(a.params={}),e&&"object"==typeof e.params)for(var r in e.params)!(r in a.params)&&s.indexOf(r)>-1&&(a.params[r]=e.params[r]);if(i)return a.path=F(i.path,a.params,'named route "'+o+'"'),d(i,a,n)}else if(a.path){a.params={};for(var c in l)if(z(c,a.params,a.path))return d(l[c],a,n)}return d(null,a)}function n(t,n){var i=t.redirect,s="function"==typeof i?i(r(t,n)):i;if("string"==typeof s&&(s={path:s}),!s||"object"!=typeof s)return o(!1,"invalid redirect option: "+JSON.stringify(s)),d(null,n);var l=s,c=l.name,u=l.path,v=n.query,p=n.hash,b=n.params;if(v=l.hasOwnProperty("query")?l.query:v,p=l.hasOwnProperty("hash")?l.hash:p,b=l.hasOwnProperty("params")?l.params:b,c){var f=m[c];return a(f,'redirect failed: named route "'+c+'" not found.'),e({_normalized:!0,name:c,query:v,hash:p,params:b},void 0,n)}if(u){var h=V(u,t),_=F(h,b,'redirect route with path "'+h+'"');return e({_normalized:!0,path:_,query:v,hash:p},void 0,n)}return o(!1,"invalid redirect option: "+JSON.stringify(s)),d(null,n)}function i(t,n,a){var o=F(a,n.params,'aliased route with path "'+a+'"'),i=e({_normalized:!0,path:o});if(i){var s=i.matched,r=s[s.length-1];return n.params=i.params,d(r,n)}return d(null,n)}function d(t,e,a){return t&&t.redirect?n(t,a||e):t&&t.matchAs?i(t,e,t.matchAs):r(t,e,a)}var s=x(t),l=s.pathMap,m=s.nameMap;return e}function z(t,e,n){var a=j(t),o=a.regexp,i=a.keys,d=n.match(o);if(!d)return!1;if(!e)return!0;for(var s=1,r=d.length;s<r;++s){var l=i[s-1],m="string"==typeof d[s]?decodeURIComponent(d[s]):d[s];l&&(e[l.name]=m)}return!0}function V(t,e){return _(t,e.parent?e.parent.path:"/",!0)}function U(t,e,n){var a=function(o){o>=t.length?n():t[o]?e(t[o],function(){a(o+1)}):a(o+1)};a(0)}function W(t){if(!t)if(It){var e=document.querySelector("base");t=e?e.getAttribute("href"):"/"}else t="/";return"/"!==t.charAt(0)&&(t="/"+t),t.replace(/\/$/,"")}function G(t,e){var n,a=Math.max(t.length,e.length);for(n=0;n<a&&t[n]===e[n];n++);return{activated:e.slice(n),deactivated:t.slice(n)}}function Y(t,e){return"function"!=typeof t&&(t=ht.extend(t)),t.options[e]}function K(t){return nt(et(t,function(t,e){var n=Y(t,"beforeRouteLeave");if(n)return Array.isArray(n)?n.map(function(t){return J(t,e)}):J(n,e)}).reverse())}function J(t,e){return function(){return t.apply(e,arguments)}}function X(t,e,n){return nt(et(t,function(t,a,o,i){var d=Y(t,"beforeRouteEnter");if(d)return Array.isArray(d)?d.map(function(t){return Q(t,e,o,i,n)}):Q(d,e,o,i,n)}))}function Q(t,e,n,a,o){return function(i,d,s){return t(i,d,function(t){s(t),"function"==typeof t&&e.push(function(){Z(t,n.instances,a,o)})})}}function Z(t,e,n,a){e[n]?t(e[n]):a()&&setTimeout(function(){Z(t,e,n,a)},16)}function tt(t){return et(t,function(t,e,n,a){if("function"==typeof t&&!t.options)return function(e,i,d){var s=function(t){n.components[a]=t,d()},r=function(t){o(!1,"Failed to resolve async component "+a+": "+t),d(!1)},l=t(s,r);l&&"function"==typeof l.then&&l.then(s,r)}})}function et(t,e){return nt(t.map(function(t){return Object.keys(t.components).map(function(n){return e(t.components[n],t.instances[n],t,n)})}))}function nt(t){return Array.prototype.concat.apply([],t)}function at(t){t&&(jt[t]={x:window.pageXOffset,y:window.pageYOffset})}function ot(t){if(t)return jt[t]}function it(t){var e=document.documentElement.getBoundingClientRect(),n=t.getBoundingClientRect();return{x:n.left-e.left,y:n.top-e.top}}function dt(t){return rt(t.x)||rt(t.y)}function st(t){return{x:rt(t.x)?t.x:window.pageXOffset,y:rt(t.y)?t.y:window.pageYOffset}}function rt(t){return"number"==typeof t}function lt(t){var e=window.location.pathname;return t&&0===e.indexOf(t)&&(e=e.slice(t.length)),(e||"/")+window.location.search+window.location.hash}function mt(t,e){var n=window.history;try{e?n.replaceState({key:Bt},"",t):(Bt=Ft(),n.pushState({key:Bt},"",t)),at(Bt)}catch(n){window.location[e?"assign":"replace"](t)}}function ct(t){mt(t,!0)}function ut(){var t=vt();return"/"===t.charAt(0)||(bt("/"+t),!1)}function vt(){var t=window.location.href,e=t.indexOf("#");return e===-1?"":t.slice(e+1)}function pt(t){window.location.hash=t}function bt(t){var e=window.location.href.indexOf("#");window.location.replace(window.location.href.slice(0,e>=0?e:0)+"#"+t)}function ft(t,e,n){var a="hash"===n?"#"+e:e;return t?y(t+"/"+a):a}var ht,_t={name:"router-view",functional:!0,props:{name:{type:String,default:"default"}},render:function(t,e){var n=e.props,a=e.children,o=e.parent,i=e.data;i.routerView=!0;for(var d=o.$route,s=o._routerViewCache||(o._routerViewCache={}),r=0,l=!1;o;)o.$vnode&&o.$vnode.data.routerView&&r++,o._inactive&&(l=!0),o=o.$parent;i.routerViewDepth=r;var m=d.matched[r];if(!m)return t();var c=n.name,u=l?s[c]:s[c]=m.components[c];if(!l){var v=i.hook||(i.hook={});v.init=function(t){m.instances[c]=t.child},v.prepatch=function(t,e){m.instances[c]=e.child},v.destroy=function(t){m.instances[c]===t.child&&(m.instances[c]=void 0)}}return t(u,i,a)}},gt=encodeURIComponent,yt=decodeURIComponent,xt=r(null,{path:"/"}),Ct=/\/$/,wt=[String,Object],kt={name:"router-link",props:{to:{type:wt,required:!0},tag:{type:String,default:"a"},exact:Boolean,append:Boolean,replace:Boolean,activeClass:String,event:{type:[String,Array],default:"click"}},render:function(t){var e=this,n=this.$router,a=this.$route,o=n.resolve(this.to,a,this.append),i=o.normalizedTo,d=o.resolved,s=o.href,l={},m=this.activeClass||n.options.linkActiveClass||"router-link-active",u=i.path?r(null,i):d;l[m]=this.exact?c(a,u):v(a,u);var p=function(t){b(t)&&(e.replace?n.replace(i):n.push(i))},h={click:b};Array.isArray(this.event)?this.event.forEach(function(t){h[t]=p}):h[this.event]=p;var _={class:l};if("a"===this.tag)_.on=h,_.attrs={href:s};else{var g=f(this.$slots.default);if(g){g.isStatic=!1;var y=ht.util.extend,x=g.data=y({},g.data);x.on=h;var C=g.data.attrs=y({},g.data.attrs);C.href=s}else _.on=h}return t(this.tag,_,this.$slots.default)}},Et=Array.isArray||function(t){return"[object Array]"==Object.prototype.toString.call(t)},Tt=Et,Mt=L,At=k,Rt=E,Ot=A,St=$,Nt=new RegExp(["(\\\\.)","([\\/.])?(?:(?:\\:(\\w+)(?:\\(((?:\\\\.|[^\\\\()])+)\\))?|\\(((?:\\\\.|[^\\\\()])+)\\))([+*?])?|(\\*))"].join("|"),"g");Mt.parse=At,Mt.compile=Rt,Mt.tokensToFunction=Ot,Mt.tokensToRegExp=St;var Pt=Object.create(null),Dt=Object.create(null),It="undefined"!=typeof window,$t=It&&function(){var t=window.navigator.userAgent;return(t.indexOf("Android 2.")===-1&&t.indexOf("Android 4.0")===-1||t.indexOf("Mobile Safari")===-1||t.indexOf("Chrome")!==-1||t.indexOf("Windows Phone")!==-1)&&(window.history&&"pushState"in window.history)}(),Lt=function(t,e){this.router=t,this.base=W(e),this.current=xt,this.pending=null};Lt.prototype.listen=function(t){this.cb=t},Lt.prototype.transitionTo=function(t,e,n){var a=this,o=this.router.match(t,this.current);this.confirmTransition(o,function(){a.updateRoute(o),e&&e(o),a.ensureURL()},n)},Lt.prototype.confirmTransition=function(t,e,n){var a=this,o=this.current,i=function(){n&&n()};if(c(t,o))return this.ensureURL(),i();var d=G(this.current.matched,t.matched),s=d.deactivated,r=d.activated,l=[].concat(K(s),this.router.beforeHooks,r.map(function(t){return t.beforeEnter}),tt(r));this.pending=t;var m=function(e,n){return a.pending!==t?i():void e(t,o,function(t){t===!1?(a.ensureURL(!0),i()):"string"==typeof t||"object"==typeof t?("object"==typeof t&&t.replace?a.replace(t):a.push(t),i()):n(t)})};U(l,m,function(){var n=[],o=X(r,n,function(){return a.current===t});U(o,m,function(){return a.pending!==t?i():(a.pending=null,e(t),void(a.router.app&&a.router.app.$nextTick(function(){n.forEach(function(t){return t()})})))})})},Lt.prototype.updateRoute=function(t){var e=this.current;this.current=t,this.cb&&this.cb(t),this.router.afterHooks.forEach(function(n){n&&n(t,e)})};var jt=Object.create(null),Ft=function(){return String(Date.now())},Bt=Ft(),Ht=function(t){function e(e,n){var a=this;t.call(this,e,n);var o=e.options.scrollBehavior;window.addEventListener("popstate",function(t){Bt=t.state&&t.state.key;var e=a.current;a.transitionTo(lt(a.base),function(t){o&&a.handleScroll(t,e,!0)})}),o&&window.addEventListener("scroll",function(){at(Bt)})}return t&&(e.__proto__=t),e.prototype=Object.create(t&&t.prototype),e.prototype.constructor=e,e.prototype.go=function(t){window.history.go(t)},e.prototype.push=function(t){var e=this,n=this.current;this.transitionTo(t,function(t){mt(y(e.base+t.fullPath)),e.handleScroll(t,n,!1)})},e.prototype.replace=function(t){var e=this,n=this.current;this.transitionTo(t,function(t){ct(y(e.base+t.fullPath)),e.handleScroll(t,n,!1)})},e.prototype.ensureURL=function(t){if(lt(this.base)!==this.current.fullPath){var e=y(this.base+this.current.fullPath);t?mt(e):ct(e)}},e.prototype.handleScroll=function(t,e,n){var o=this.router;if(o.app){var i=o.options.scrollBehavior;i&&(a("function"==typeof i,"scrollBehavior must be a function"),o.app.$nextTick(function(){var a=ot(Bt),o=i(t,e,n?a:null);if(o){var d="object"==typeof o;if(d&&"string"==typeof o.selector){var s=document.querySelector(o.selector);s?a=it(s):dt(o)&&(a=st(o))}else d&&dt(o)&&(a=st(o));a&&window.scrollTo(a.x,a.y)}}))}},e}(Lt),qt=function(t){function e(e,n,a){t.call(this,e,n),a&&this.checkFallback()||ut()}return t&&(e.__proto__=t),e.prototype=Object.create(t&&t.prototype),e.prototype.constructor=e,e.prototype.checkFallback=function(){var t=lt(this.base);if(!/^\/#/.test(t))return window.location.replace(y(this.base+"/#"+t)),!0},e.prototype.onHashChange=function(){ut()&&this.transitionTo(vt(),function(t){bt(t.fullPath)})},e.prototype.push=function(t){this.transitionTo(t,function(t){pt(t.fullPath)})},e.prototype.replace=function(t){this.transitionTo(t,function(t){bt(t.fullPath)})},e.prototype.go=function(t){window.history.go(t)},e.prototype.ensureURL=function(t){var e=this.current.fullPath;vt()!==e&&(t?pt(e):bt(e))},e}(Lt),zt=function(t){function e(e){t.call(this,e),this.stack=[],this.index=-1}return t&&(e.__proto__=t),e.prototype=Object.create(t&&t.prototype),e.prototype.constructor=e,e.prototype.push=function(t){var e=this;this.transitionTo(t,function(t){e.stack=e.stack.slice(0,e.index+1).concat(t),e.index++})},e.prototype.replace=function(t){var e=this;this.transitionTo(t,function(t){e.stack=e.stack.slice(0,e.index).concat(t)})},e.prototype.go=function(t){var e=this,n=this.index+t;if(!(n<0||n>=this.stack.length)){var a=this.stack[n];this.confirmTransition(a,function(){e.index=n,e.updateRoute(a)})}},e.prototype.ensureURL=function(){},e}(Lt),Vt=function(t){void 0===t&&(t={}),this.app=null,this.options=t,this.beforeHooks=[],this.afterHooks=[],this.match=q(t.routes||[]);var e=t.mode||"hash";switch(this.fallback="history"===e&&!$t,this.fallback&&(e="hash"),It||(e="abstract"),this.mode=e,e){case"history":this.history=new Ht(this,t.base);break;case"hash":this.history=new qt(this,t.base,this.fallback);break;case"abstract":this.history=new zt(this);break;default:a(!1,"invalid mode: "+e)}},Ut={currentRoute:{}};Ut.currentRoute.get=function(){return this.history&&this.history.current},Vt.prototype.init=function(t){var e=this;a(h.installed,"not installed. Make sure to call `Vue.use(VueRouter)` before creating root instance."),this.app=t;var n=this.history;if(n instanceof Ht)n.transitionTo(lt(n.base));else if(n instanceof qt){var o=function(){window.addEventListener("hashchange",function(){n.onHashChange()})};n.transitionTo(vt(),o,o)}n.listen(function(t){e.app._route=t})},Vt.prototype.beforeEach=function(t){this.beforeHooks.push(t)},Vt.prototype.afterEach=function(t){this.afterHooks.push(t)},Vt.prototype.push=function(t){this.history.push(t)},Vt.prototype.replace=function(t){this.history.replace(t)},Vt.prototype.go=function(t){this.history.go(t)},Vt.prototype.back=function(){this.go(-1)},Vt.prototype.forward=function(){this.go(1)},Vt.prototype.getMatchedComponents=function(t){var e=t?this.resolve(t).resolved:this.currentRoute;return e?[].concat.apply([],e.matched.map(function(t){return Object.keys(t.components).map(function(e){return t.components[e]})})):[]},Vt.prototype.resolve=function(t,e,n){var a=B(t,e||this.history.current,n),o=this.match(a,e),i=o.redirectedFrom||o.fullPath,d=this.history.base,s=ft(d,i,this.mode);return{normalizedTo:a,resolved:o,href:s}},Object.defineProperties(Vt.prototype,Ut),Vt.install=h,It&&window.Vue&&window.Vue.use(Vt),t.exports=Vt},function(t,e,n){function a(t,e){for(var n=0;n<t.length;n++){var a=t[n],o=c[a.id];if(o){o.refs++;for(var i=0;i<o.parts.length;i++)o.parts[i](a.parts[i]);for(;i<a.parts.length;i++)o.parts.push(r(a.parts[i],e))}else{for(var d=[],i=0;i<a.parts.length;i++)d.push(r(a.parts[i],e));c[a.id]={id:a.id,refs:1,parts:d}}}}function o(t){for(var e=[],n={},a=0;a<t.length;a++){var o=t[a],i=o[0],d=o[1],s=o[2],r=o[3],l={css:d,media:s,sourceMap:r};n[i]?n[i].parts.push(l):e.push(n[i]={id:i,parts:[l]})}return e}function i(t,e){var n=p(),a=h[h.length-1];if("top"===t.insertAt)a?a.nextSibling?n.insertBefore(e,a.nextSibling):n.appendChild(e):n.insertBefore(e,n.firstChild),h.push(e);else{if("bottom"!==t.insertAt)throw new Error("Invalid value for parameter 'insertAt'. Must be 'top' or 'bottom'.");n.appendChild(e)}}function d(t){t.parentNode.removeChild(t);var e=h.indexOf(t);e>=0&&h.splice(e,1)}function s(t){var e=document.createElement("style");return e.type="text/css",i(t,e),e}function r(t,e){var n,a,o;if(e.singleton){var i=f++;n=b||(b=s(e)),a=l.bind(null,n,i,!1),o=l.bind(null,n,i,!0)}else n=s(e),a=m.bind(null,n),o=function(){d(n)};return a(t),function(e){if(e){if(e.css===t.css&&e.media===t.media&&e.sourceMap===t.sourceMap)return;a(t=e)}else o()}}function l(t,e,n,a){var o=n?"":a.css;if(t.styleSheet)t.styleSheet.cssText=_(e,o);else{var i=document.createTextNode(o),d=t.childNodes;d[e]&&t.removeChild(d[e]),d.length?t.insertBefore(i,d[e]):t.appendChild(i)}}function m(t,e){var n=e.css,a=e.media,o=e.sourceMap;if(a&&t.setAttribute("media",a),o&&(n+="\n/*# sourceURL="+o.sources[0]+" */",n+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(o))))+" */"),t.styleSheet)t.styleSheet.cssText=n;else{for(;t.firstChild;)t.removeChild(t.firstChild);t.appendChild(document.createTextNode(n))}}var c={},u=function(t){var e;return function(){return"undefined"==typeof e&&(e=t.apply(this,arguments)),e}},v=u(function(){return/msie [6-9]\b/.test(window.navigator.userAgent.toLowerCase())}),p=u(function(){return document.head||document.getElementsByTagName("head")[0]}),b=null,f=0,h=[];t.exports=function(t,e){e=e||{},"undefined"==typeof e.singleton&&(e.singleton=v()),"undefined"==typeof e.insertAt&&(e.insertAt="bottom");var n=o(t);return a(n,e),function(t){for(var i=[],d=0;d<n.length;d++){var s=n[d],r=c[s.id];r.refs--,i.push(r)}if(t){var l=o(t);a(l,e)}for(var d=0;d<i.length;d++){var r=i[d];if(0===r.refs){for(var m=0;m<r.parts.length;m++)r.parts[m]();delete c[r.id]}}}};var _=function(){var t=[];return function(e,n){return t[e]=n,t.filter(Boolean).join("\n")}}()},function(t,e,n){var a=n(111);"string"==typeof a&&(a=[[t.id,a,""]]);n(395)(a,{});a.locals&&(t.exports=a.locals)}]);
\ No newline at end of file
diff --git a/docs.656c9671.css b/docs.656c9671.css
new file mode 100644
index 0000000..9c011f1
--- /dev/null
+++ b/docs.656c9671.css
@@ -0,0 +1 @@
+.md-ink-ripple{pointer-events:none;overflow:hidden;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-mask-image:radial-gradient(circle,#fff 100%,#000 0);mask-image:radial-gradient(circle,#fff 100%,#000 0);transition:all .3s cubic-bezier(.55,0,.55,.2)}.md-ripple{position:absolute;transform:scale(0);background-color:currentColor;opacity:.26;border-radius:50%}.md-ripple.md-active{animation:ripple 1s cubic-bezier(.25,.8,.25,1)}@keyframes ripple{to{transform:scale(1.5);opacity:0}}.md-avatar{width:40px;min-width:40px;height:40px;min-height:40px;margin:auto;display:inline-block;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;border-radius:40px;vertical-align:middle}.md-avatar.md-large{width:64px;min-width:64px;height:64px;min-height:64px;border-radius:64px}.md-avatar.md-large .md-icon{width:40px;min-width:40px;height:40px;min-height:40px;font-size:40px;line-height:40px}.md-avatar.md-avatar-icon{background-color:rgba(0,0,0,.38)}.md-avatar.md-avatar-icon .md-icon{color:#fff}.md-avatar .md-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.md-avatar img{width:100%;height:100%;display:block}.md-avatar .md-ink-ripple{border-radius:50%}.md-avatar .md-ink-ripple .md-ripple.md-active{animation-duration:.9s}.md-avatar-tooltip.md-tooltip-top{margin-top:-8px}.md-avatar-tooltip.md-tooltip-right{margin-left:8px}.md-avatar-tooltip.md-tooltip-bottom{margin-top:8px}.md-avatar-tooltip.md-tooltip-left{margin-left:-8px}.md-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:99;pointer-events:none;background-color:rgba(0,0,0,.54);transform:translateZ(0);opacity:0;transition:all .5s cubic-bezier(.35,0,.25,1)}.md-backdrop.md-active{opacity:1;pointer-events:auto}.md-backdrop.md-transparent{background:none}.md-bottom-bar{width:100%;min-width:100%;height:56px;-ms-flex-pack:center;justify-content:center;box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12);transition:all .4s cubic-bezier(.25,.8,.25,1)}.md-bottom-bar,.md-bottom-bar-item{position:relative;display:-ms-flexbox;display:flex}.md-bottom-bar-item{max-width:168px;min-width:80px;height:100%;padding:8px 12px 10px;-ms-flex-flow:column nowrap;flex-flow:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;-ms-flex:1;flex:1;cursor:pointer;border:none;background:transparent;transform:translateZ(0);color:currentColor;font-family:inherit;font-size:14px;line-height:1em;text-decoration:none}.md-bottom-bar-item.md-active{padding-top:6px}.md-bottom-bar-item.md-active .md-text{transform:scale(1) translateZ(0)}.md-bottom-bar-item.md-active .md-icon,.md-bottom-bar-item.md-active .md-text{color:currentColor}.md-bottom-bar.md-shift .md-bottom-bar-item{min-width:56px;max-width:96px;position:static;-ms-flex:1 1 32px;flex:1 1 32px;transition:.4s cubic-bezier(.25,.8,.25,1);transition-property:flex,min-width,max-width;transition-property:flex,min-width,max-width,-ms-flex}.md-bottom-bar.md-shift .md-bottom-bar-item .md-icon{transform:translate3d(0,8px,0)}.md-bottom-bar.md-shift .md-bottom-bar-item .md-text{opacity:0;transform:scale(1) translate3d(0,6px,0)}.md-bottom-bar.md-shift .md-bottom-bar-item.md-active{min-width:96px;max-width:168px;-ms-flex:1 1 72px;flex:1 1 72px}.md-bottom-bar.md-shift .md-bottom-bar-item.md-active .md-icon,.md-bottom-bar.md-shift .md-bottom-bar-item.md-active .md-text{opacity:1}.md-bottom-bar.md-shift .md-bottom-bar-item.md-active .md-icon{transform:scale(1) translateZ(0)}.md-bottom-bar.md-shift .md-bottom-bar-item.md-active .md-text{transform:scale(1) translate3d(0,2px,0)}.md-bottom-bar-item .md-text{transform:scale(.8571) translateY(2px);transition:all .4s cubic-bezier(.25,.8,.25,1),color .15s linear,opacity .15s linear}.md-bottom-bar-item .md-icon{transition:all .4s cubic-bezier(.25,.8,.25,1),color .15s linear}.md-button{min-width:88px;min-height:36px;margin:6px 8px;padding:0 16px;display:inline-block;position:relative;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;background:none;border:0;border-radius:2px;transition:all .4s cubic-bezier(.25,.8,.25,1);color:currentColor;font-family:inherit;font-size:14px;font-style:inherit;font-variant:inherit;font-weight:500;letter-spacing:inherit;line-height:36px;text-align:center;text-transform:uppercase;text-decoration:none;vertical-align:top;white-space:nowrap}.md-button,.md-button:focus{outline:none}.md-button::-moz-focus-inner{border:0}.md-button:hover:not([disabled]):not(.md-raised){background-color:hsla(0,0%,60%,.2);text-decoration:none}.md-button:hover:not([disabled]).md-raised{background-color:rgba(0,0,0,.12)}.md-button:active:not([disabled]){background-color:hsla(0,0%,60%,.4)}.md-button.md-raised:not([disabled]){box-shadow:0 1px 5px rgba(0,0,0,.2),0 2px 2px rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12)}.md-button.md-dense{min-height:32px;line-height:32px;font-size:13px}.md-button.md-fab .md-icon,.md-button.md-icon-button .md-icon{margin-top:1px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.md-button.md-icon-button{width:40px;min-width:40px;height:40px;margin:0 6px;padding:8px;border-radius:50%;line-height:24px}.md-button.md-icon-button:not([disabled]):hover{background:none}.md-button.md-icon-button.md-dense{width:32px;min-width:32px;height:32px;min-height:32px;padding:4px;line-height:32px}.md-button.md-icon-button .md-ink-ripple{border-radius:50%}.md-button.md-icon-button .md-ink-ripple .md-ripple{top:0!important;right:0!important;bottom:0!important;left:0!important}.md-button.md-icon-button .md-ripple.md-active{animation-duration:.9s}.md-button.md-fab{width:56px;height:56px;min-width:0;overflow:hidden;box-shadow:0 1px 5px rgba(0,0,0,.2),0 2px 2px rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12);border-radius:56px;line-height:56px;background-clip:padding-box;transition:all .3s cubic-bezier(.55,0,.55,.2);transition-property:background-color,box-shadow,transform}.md-button.md-fab:focus,.md-button.md-fab:hover{box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 5px 8px rgba(0,0,0,.14),0 1px 14px rgba(0,0,0,.12)}.md-button.md-fab.md-fab-top-left{position:absolute;top:16px;left:16px}.md-button.md-fab.md-fab-top-center{position:absolute;top:16px;left:50%;transform:translateX(-50%)}.md-button.md-fab.md-fab-top-right{position:absolute;top:16px;right:16px}.md-button.md-fab.md-fab-bottom-left{position:absolute;bottom:16px;left:16px}.md-button.md-fab.md-fab-bottom-center{position:absolute;bottom:16px;left:50%;transform:translateX(-50%)}.md-button.md-fab.md-fab-bottom-right{position:absolute;right:16px;bottom:16px}.md-button.md-fab.md-mini{width:40px;height:40px;line-height:40px}.md-button.md-fab .md-ink-ripple{border-radius:56px}.md-button[disabled]{color:rgba(0,0,0,.26);cursor:default}.md-button[disabled].md-fab,.md-button[disabled].md-raised{background-color:rgba(0,0,0,.12)}.md-button[disabled].md-fab{box-shadow:none}.md-button:after{transition:all .4s cubic-bezier(.25,.8,.25,1)}.md-button .md-ink-ripple{border-radius:2px;background-clip:padding-box;overflow:hidden}.md-button.md-fab .md-icon,.md-button.md-icon-button .md-icon{display:block}.md-button-tooltip.md-tooltip-top{margin-top:-8px}.md-button-tooltip.md-tooltip-right{margin-left:8px}.md-button-tooltip.md-tooltip-bottom{margin-top:8px}.md-button-tooltip.md-tooltip-left{margin-left:-8px}.md-button-toggle{width:auto;display:-ms-flexbox;display:flex}.md-button-toggle>.md-button{margin:0;overflow:hidden;border-width:1px 0 1px 1px;border-radius:0;text-align:center;text-overflow:ellipsis;white-space:nowrap}.md-button-toggle>.md-button:first-child{border-radius:2px 0 0 2px}.md-button-toggle>.md-button:last-child{border-right-width:1px;border-radius:0 2px 2px 0}.md-button-toggle>.md-button:not([disabled]){color:rgba(0,0,0,.54)}.md-button-toggle>.md-button:not([disabled]):hover:not(.md-toggle):not(.md-raised){background-color:hsla(0,0%,60%,.2);text-decoration:none}.md-button-toggle>.md-button .md-ink-ripple{border-radius:2px}.md-card{overflow:auto;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;position:relative;z-index:1;border-radius:2px;box-shadow:0 1px 5px rgba(0,0,0,.2),0 2px 2px rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12)}.md-card.md-with-hover{cursor:pointer;transition:all .4s cubic-bezier(.25,.8,.25,1);transition-property:box-shadow}.md-card.md-with-hover:hover{z-index:2;box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12)}.md-card .md-card-media{position:relative}.md-card .md-card-media.md-16-9{overflow:hidden}.md-card .md-card-media.md-16-9:before{width:100%;padding-top:56.25%;display:block;content:" "}.md-card .md-card-media.md-16-9 img{position:absolute;top:50%;right:0;left:0;transform:translateY(-50%)}.md-card .md-card-media.md-4-3{overflow:hidden}.md-card .md-card-media.md-4-3:before{width:100%;padding-top:75%;display:block;content:" "}.md-card .md-card-media.md-4-3 img{position:absolute;top:50%;right:0;left:0;transform:translateY(-50%)}.md-card .md-card-media.md-1-1{overflow:hidden}.md-card .md-card-media.md-1-1:before{width:100%;padding-top:100%;display:block;content:" "}.md-card .md-card-media.md-1-1 img{position:absolute;top:50%;right:0;left:0;transform:translateY(-50%)}.md-card .md-card-media+.md-card-header{padding-top:24px}.md-card .md-card-media+.md-card-content:last-child{padding-bottom:16px}.md-card .md-card-media img{width:100%}.md-card .md-card-header{padding:16px}.md-card .md-card-header:first-child>.md-card-header-text>.md-title:first-child,.md-card .md-card-header:first-child>.md-title:first-child{margin-top:8px}.md-card .md-card-header:last-child{margin-bottom:8px}.md-card .md-card-header.md-card-header-flex{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}.md-card .md-card-header+.md-card-content{padding-top:0}.md-card .md-card-header+.md-card-actions:not(:last-child){padding:0 8px}.md-card .md-card-header .md-avatar{margin-right:16px;float:left}.md-card .md-card-header .md-avatar~.md-title{font-size:14px}.md-card .md-card-header .md-avatar~.md-subhead,.md-card .md-card-header .md-avatar~.md-title{font-weight:500;line-height:20px}.md-card .md-card-header .md-button{margin:0}.md-card .md-card-header .md-button:last-child{margin-right:-4px}.md-card .md-card-header .md-button+.md-button{margin-left:8px}.md-card .md-card-header .md-card-header-text{-ms-flex:1;flex:1}.md-card .md-card-header .md-card-media{width:80px;-ms-flex:0 0 80px;flex:0 0 80px;height:80px;margin-left:16px}.md-card .md-card-header .md-card-media.md-medium{width:120px;-ms-flex:0 0 120px;flex:0 0 120px;height:120px}.md-card .md-card-header .md-card-media.md-big{width:160px;-ms-flex:0 0 160px;flex:0 0 160px;height:160px}.md-card .md-subhead,.md-card .md-subheading,.md-card .md-title{margin:0;font-weight:400}.md-card .md-subhead{opacity:.54;font-size:14px;letter-spacing:.01em;line-height:20px}.md-card .md-subhead+.md-title{margin-top:4px}.md-card .md-title{font-size:24px;letter-spacing:0;line-height:32px}.md-card .md-card-media-actions{padding:16px;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}.md-card .md-card-media-actions .md-card-media{max-width:240px;max-height:240px;-ms-flex:1;flex:1}.md-card .md-card-media-actions .md-card-actions{margin-left:16px;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center}.md-card .md-card-media-actions .md-card-actions .md-button+.md-button{margin:8px 0 0}.md-card .md-card-content{padding:16px;font-size:14px;line-height:22px}.md-card .md-card-content:last-child{padding-bottom:24px}.md-card .md-card-actions{padding:8px;display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:center;align-items:center}.md-card .md-card-actions .md-button{margin:0}.md-card .md-card-actions .md-button:first-child{margin-left:0}.md-card .md-card-actions .md-button:last-child{margin-right:0}.md-card .md-card-actions .md-button+.md-button{margin-left:4px}.md-card .md-card-area,.md-card>.md-card-area:not(:last-child){position:relative}.md-card>.md-card-area:not(:last-child):after{height:1px;position:absolute;bottom:0;content:" "}.md-card>.md-card-area:not(:last-child):not(.md-inset):after{right:0;left:0}.md-card>.md-card-area:not(:last-child).md-inset:after{right:16px;left:16px}.md-card .md-card-media-cover{position:relative;color:#fff}.md-card .md-card-media-cover.md-text-scrim .md-card-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.md-card .md-card-media-cover .md-card-area{position:absolute;right:0;bottom:0;left:0;z-index:2}.md-card .md-card-media-cover .md-card-header+.md-card-actions{padding-top:0}.md-card .md-card-media-cover .md-subhead{opacity:1}.md-card .md-card-expand{overflow:hidden}.md-card .md-card-expand.md-active [md-expand-trigger]{transform:rotate(180deg) translate3D(0,0,0)}.md-card .md-card-expand.md-active .md-card-content{margin-top:0!important;opacity:1}.md-card .md-card-expand .md-card-actions{padding-top:0;position:relative;z-index:2}.md-card .md-card-expand [md-expand-trigger]{transition:all .4s cubic-bezier(.25,.8,.25,1);will-change:transform}.md-card .md-card-expand .md-card-content{padding-top:4px;position:relative;z-index:1;opacity:0;transform:translate3D(0,0,0);transition:all .4s cubic-bezier(.25,.8,.25,1);will-change:margin}.md-checkbox{width:auto;margin:16px 8px 16px 0;display:-ms-inline-flexbox;display:inline-flex;position:relative}.md-checkbox .md-checkbox-container{width:20px;height:20px;position:relative;border-radius:2px;border:2px solid rgba(0,0,0,.54);transition:all .4s cubic-bezier(.25,.8,.25,1)}.md-checkbox .md-checkbox-container:focus{outline:none}.md-checkbox .md-checkbox-container:before{width:48px;height:48px;position:absolute;top:50%;left:50%;border-radius:50%;transform:translate(-50%,-50%);transition:all .3s cubic-bezier(.55,0,.55,.2);content:" "}.md-checkbox .md-checkbox-container:after{width:6px;height:13px;position:absolute;top:0;left:5px;border:2px solid #fff;border-top:0;border-left:0;opacity:0;transform:rotate(45deg) scale3D(.15,.15,1);transition:all .3s cubic-bezier(.55,0,.55,.2);content:" "}.md-checkbox .md-checkbox-container input{position:absolute;left:-999em}.md-checkbox .md-checkbox-container .md-ink-ripple{top:-16px;right:-16px;bottom:-16px;left:-16px;border-radius:50%;color:rgba(0,0,0,.54)}.md-checkbox .md-checkbox-container .md-ink-ripple .md-ripple{width:48px!important;height:48px!important;top:0!important;right:0!important;bottom:0!important;left:0!important}.md-checkbox .md-checkbox-label{height:20px;padding-left:8px;line-height:20px}.md-checkbox.md-checked .md-checkbox-container:after{opacity:1;transform:rotate(45deg) scale3D(1,1,1);transition:all .4s cubic-bezier(.25,.8,.25,1)}.md-dialog-container{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;pointer-events:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:108}.md-dialog-container.md-active{pointer-events:auto}.md-dialog-container.md-active .md-dialog{opacity:1!important;transform:scale(1)!important;transition:all .4s cubic-bezier(.25,.8,.25,1);transition-property:opacity,transform}.md-dialog-backdrop{position:fixed;z-index:109}.md-dialog{min-width:280px;max-width:80%;max-height:80%;display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;overflow:hidden;position:relative;z-index:110;outline:none;border-radius:2px;opacity:0;box-shadow:0 7px 9px -4px rgba(0,0,0,.2),0 14px 21px 2px rgba(0,0,0,.14),0 5px 26px 4px rgba(0,0,0,.12);transform:scale(.9,.85);transform-origin:center center;transition:opacity .4s cubic-bezier(.25,.8,.25,1),transform .4s cubic-bezier(.25,.8,.25,1) .05s;will-change:opacity,transform}.md-dialog.md-reference{transform-origin:top center}.md-dialog.md-transition-off{transition:none!important}.md-dialog p{margin:0}.md-dialog-title{margin-bottom:20px;padding:24px 24px 0}.md-dialog-content{padding:0 24px 24px;-ms-flex:1;flex:1;overflow:auto;position:relative;background:linear-gradient(180deg,#fff 0,#fff 1px,transparent 0),linear-gradient(0deg,#fff 0,#fff 3px,transparent 0),linear-gradient(180deg,rgba(0,0,0,.12) 0,rgba(0,0,0,.12) 1px,transparent 0),linear-gradient(0deg,rgba(0,0,0,.2) 1px,rgba(0,0,0,.2) 2px,transparent 0);background-attachment:local,local,scroll,scroll}.md-dialog-content:first-child{padding-top:24px}.md-dialog-content p:first-child:not(:only-child){margin-top:0}.md-dialog-content p:last-child:not(:only-child){margin-bottom:0}.md-dialog-body{margin:0 -24px;padding:0 24px;overflow:auto}.md-dialog-actions{min-height:52px;padding:8px 8px 8px 24px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end;position:relative}.md-dialog-actions:before{height:1px;position:absolute;top:-1px;right:0;left:0;background-color:#fff;content:" "}.md-dialog-actions .md-button{min-width:64px;margin:0;padding:0 8px}.md-dialog-actions .md-button+.md-button{margin-left:8px}.md-divider{height:1px;margin:0;padding:0;display:block;border:0;background-color:rgba(0,0,0,.12)}.md-divider.md-inset{margin-left:72px}.md-icon{width:24px;min-width:24px;height:24px;min-height:24px;margin:auto;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;fill:currentColor;vertical-align:middle}.md-input-container{width:100%;min-height:48px;margin:4px 0 24px;padding-top:16px;position:relative}.md-input-container:after{height:1px;right:0;bottom:0;background-color:rgba(0,0,0,.12);content:" "}.md-input-container:after,.md-input-container label{position:absolute;left:0;transition:all .4s cubic-bezier(.25,.8,.25,1)}.md-input-container label{top:23px;pointer-events:none;transition-duration:.3s;color:rgba(0,0,0,.54);font-size:16px;line-height:20px}.md-input-container input,.md-input-container textarea{width:100%;height:32px;padding:0;display:block;border:none;background:none;transition:all .4s cubic-bezier(.25,.8,.25,1);transition-property:font-size;color:rgba(0,0,0,.54);font-family:inherit;font-size:1px;line-height:32px}.md-input-container input:focus,.md-input-container textarea:focus{outline:none}.md-input-container input::-webkit-input-placeholder,.md-input-container textarea::-webkit-input-placeholder{color:rgba(0,0,0,.54);font-size:16px;text-shadow:none;-webkit-text-fill-color:initial}.md-input-container textarea{min-height:32px;max-height:230px;padding:5px 0;resize:none;line-height:1.3em}.md-input-container .md-error{height:20px;display:block!important;position:absolute;opacity:0;transform:translate3d(0,-8px,0);transition:all .3s cubic-bezier(.55,0,.55,.2);font-size:12px}.md-input-container .md-count{height:20px;position:absolute;right:0;font-size:12px}.md-input-container.md-input-placeholder label{pointer-events:auto;top:10px;opacity:0;font-size:12px}.md-input-container.md-input-placeholder input,.md-input-container.md-input-placeholder textarea{font-size:16px}.md-input-container.md-has-value label,.md-input-container.md-input-focused label{pointer-events:auto;top:0;opacity:1;font-size:12px}.md-input-container.md-has-value input,.md-input-container.md-has-value textarea,.md-input-container.md-input-focused input,.md-input-container.md-input-focused textarea{font-size:16px}.md-input-container.md-has-value input,.md-input-container.md-has-value textarea{color:rgba(0,0,0,.87)}.md-input-container.md-input-inline label{pointer-events:none}.md-input-container.md-input-inline.md-input-focused label{top:23px;font-size:16px}.md-input-container.md-input-inline.md-has-value label{opacity:0}.md-input-container.md-input-disabled:after{background:0 100% repeat-x;background-image:linear-gradient(90deg,rgba(0,0,0,.38) 0,rgba(0,0,0,.38) 33%,transparent 0);background-size:4px 1px}.md-input-container.md-input-disabled input,.md-input-container.md-input-disabled label,.md-input-container.md-input-disabled textarea{color:rgba(0,0,0,.38)}.md-input-container.md-has-password.md-input-focused .md-toggle-password{color:rgba(0,0,0,.54)}.md-input-container.md-has-password .md-toggle-password{margin:0;position:absolute;right:0;bottom:-2px;color:rgba(0,0,0,.38)}.md-input-container.md-has-password .md-toggle-password .md-ink-ripple{color:rgba(0,0,0,.87)}.md-input-container.md-input-invalid .md-error{opacity:1;transform:translateZ(0)}.md-input-container.md-input-required label:after{position:absolute;top:2px;right:0;transform:translateX(calc(100% + 2px));content:"*";font-size:12px;line-height:1em;vertical-align:top}.md-input-container.md-has-select:hover .md-select:not(.md-disabled):after{color:rgba(0,0,0,.87)}.md-layout{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex:1;flex:1}.md-row{-ms-flex-direction:row;flex-direction:row}.md-column{-ms-flex-direction:column;flex-direction:column}.md-layout.md-container{width:100%;max-width:1200px}.md-layout.md-container.md-centered{margin:0 auto}.md-gutter:not(.md-column){margin-right:-12px;margin-left:-12px}.md-gutter:not(.md-column)>.md-layout{padding-right:12px;padding-left:12px}.md-gutter .md-column{margin-top:-12px;margin-bottom:-12px}.md-gutter .md-column>.md-layout{padding-top:12px;padding-bottom:12px}@media (max-width:944px){.md-gutter:not(.md-column){margin-right:-8px;margin-left:-8px}.md-gutter:not(.md-column)>.md-layout{padding-right:8px;padding-left:8px}.md-gutter .md-column{margin-top:-8px;margin-bottom:-8px}.md-gutter .md-column>.md-layout{padding-top:8px;padding-bottom:8px}}.md-gutter-8:not(.md-column){margin-right:-4px;margin-left:-4px}.md-gutter-8:not(.md-column)>.md-layout{padding-right:4px;padding-left:4px}.md-gutter-8 .md-column{margin-top:-4px;margin-bottom:-4px}.md-gutter-8 .md-column>.md-layout{padding-top:4px;padding-bottom:4px}.md-gutter-16:not(.md-column){margin-right:-8px;margin-left:-8px}.md-gutter-16:not(.md-column)>.md-layout{padding-right:8px;padding-left:8px}.md-gutter-16 .md-column{margin-top:-8px;margin-bottom:-8px}.md-gutter-16 .md-column>.md-layout{padding-top:8px;padding-bottom:8px}.md-gutter-24:not(.md-column){margin-right:-12px;margin-left:-12px}.md-gutter-24:not(.md-column)>.md-layout{padding-right:12px;padding-left:12px}.md-gutter-24 .md-column{margin-top:-12px;margin-bottom:-12px}.md-gutter-24 .md-column>.md-layout{padding-top:12px;padding-bottom:12px}.md-gutter-40:not(.md-column){margin-right:-20px;margin-left:-20px}.md-gutter-40:not(.md-column)>.md-layout{padding-right:20px;padding-left:20px}.md-gutter-40 .md-column{margin-top:-20px;margin-bottom:-20px}.md-gutter-40 .md-column>.md-layout{padding-top:20px;padding-bottom:20px}.md-flex{-ms-flex:1 1;flex:1 1}.md-flex-33{min-width:33.33333%;-ms-flex:0 1 33.33333%;flex:0 1 33.33333%}.md-flex-66{min-width:33.33333%;-ms-flex:0 1 66.66666%;flex:0 1 66.66666%}.md-flex-offset-33{margin-left:33.33333%}.md-flex-offset-66{margin-left:66.66666%}.md-flex-5{min-width:5%;-ms-flex:0 1 5%;flex:0 1 5%}.md-flex-offset-5{margin-left:5%}.md-flex-10{min-width:10%;-ms-flex:0 1 10%;flex:0 1 10%}.md-flex-offset-10{margin-left:10%}.md-flex-15{min-width:15%;-ms-flex:0 1 15%;flex:0 1 15%}.md-flex-offset-15{margin-left:15%}.md-flex-20{min-width:20%;-ms-flex:0 1 20%;flex:0 1 20%}.md-flex-offset-20{margin-left:20%}.md-flex-25{min-width:25%;-ms-flex:0 1 25%;flex:0 1 25%}.md-flex-offset-25{margin-left:25%}.md-flex-30{min-width:30%;-ms-flex:0 1 30%;flex:0 1 30%}.md-flex-offset-30{margin-left:30%}.md-flex-35{min-width:35%;-ms-flex:0 1 35%;flex:0 1 35%}.md-flex-offset-35{margin-left:35%}.md-flex-40{min-width:40%;-ms-flex:0 1 40%;flex:0 1 40%}.md-flex-offset-40{margin-left:40%}.md-flex-45{min-width:45%;-ms-flex:0 1 45%;flex:0 1 45%}.md-flex-offset-45{margin-left:45%}.md-flex-50{min-width:50%;-ms-flex:0 1 50%;flex:0 1 50%}.md-flex-offset-50{margin-left:50%}.md-flex-55{min-width:55%;-ms-flex:0 1 55%;flex:0 1 55%}.md-flex-offset-55{margin-left:55%}.md-flex-60{min-width:60%;-ms-flex:0 1 60%;flex:0 1 60%}.md-flex-offset-60{margin-left:60%}.md-flex-65{min-width:65%;-ms-flex:0 1 65%;flex:0 1 65%}.md-flex-offset-65{margin-left:65%}.md-flex-70{min-width:70%;-ms-flex:0 1 70%;flex:0 1 70%}.md-flex-offset-70{margin-left:70%}.md-flex-75{min-width:75%;-ms-flex:0 1 75%;flex:0 1 75%}.md-flex-offset-75{margin-left:75%}.md-flex-80{min-width:80%;-ms-flex:0 1 80%;flex:0 1 80%}.md-flex-offset-80{margin-left:80%}.md-flex-85{min-width:85%;-ms-flex:0 1 85%;flex:0 1 85%}.md-flex-offset-85{margin-left:85%}.md-flex-90{min-width:90%;-ms-flex:0 1 90%;flex:0 1 90%}.md-flex-offset-90{margin-left:90%}.md-flex-95{min-width:95%;-ms-flex:0 1 95%;flex:0 1 95%}.md-flex-offset-95{margin-left:95%}.md-flex-100{min-width:100%;-ms-flex:0 1 100%;flex:0 1 100%}.md-flex-offset-100{margin-left:100%}@media (min-width:1904px){.md-row-xlarge{-ms-flex-direction:row;flex-direction:row}.md-column-xlarge{-ms-flex-direction:column;flex-direction:column}.md-flex-xlarge{-ms-flex:1 1;flex:1 1}.md-flex-xlarge-33{min-width:33.33333%;-ms-flex:0 1 33.33333%;flex:0 1 33.33333%}.md-flex-xlarge-66{min-width:33.33333%;-ms-flex:0 1 66.66666%;flex:0 1 66.66666%}.md-flex-offset-xlarge-33{margin-left:33.33333%}.md-flex-offset-xlarge-66{margin-left:66.66666%}.md-flex-xlarge-5{min-width:5%;-ms-flex:0 1 5%;flex:0 1 5%}.md-flex-offset-xlarge-5{margin-left:5%}.md-flex-xlarge-10{min-width:10%;-ms-flex:0 1 10%;flex:0 1 10%}.md-flex-offset-xlarge-10{margin-left:10%}.md-flex-xlarge-15{min-width:15%;-ms-flex:0 1 15%;flex:0 1 15%}.md-flex-offset-xlarge-15{margin-left:15%}.md-flex-xlarge-20{min-width:20%;-ms-flex:0 1 20%;flex:0 1 20%}.md-flex-offset-xlarge-20{margin-left:20%}.md-flex-xlarge-25{min-width:25%;-ms-flex:0 1 25%;flex:0 1 25%}.md-flex-offset-xlarge-25{margin-left:25%}.md-flex-xlarge-30{min-width:30%;-ms-flex:0 1 30%;flex:0 1 30%}.md-flex-offset-xlarge-30{margin-left:30%}.md-flex-xlarge-35{min-width:35%;-ms-flex:0 1 35%;flex:0 1 35%}.md-flex-offset-xlarge-35{margin-left:35%}.md-flex-xlarge-40{min-width:40%;-ms-flex:0 1 40%;flex:0 1 40%}.md-flex-offset-xlarge-40{margin-left:40%}.md-flex-xlarge-45{min-width:45%;-ms-flex:0 1 45%;flex:0 1 45%}.md-flex-offset-xlarge-45{margin-left:45%}.md-flex-xlarge-50{min-width:50%;-ms-flex:0 1 50%;flex:0 1 50%}.md-flex-offset-xlarge-50{margin-left:50%}.md-flex-xlarge-55{min-width:55%;-ms-flex:0 1 55%;flex:0 1 55%}.md-flex-offset-xlarge-55{margin-left:55%}.md-flex-xlarge-60{min-width:60%;-ms-flex:0 1 60%;flex:0 1 60%}.md-flex-offset-xlarge-60{margin-left:60%}.md-flex-xlarge-65{min-width:65%;-ms-flex:0 1 65%;flex:0 1 65%}.md-flex-offset-xlarge-65{margin-left:65%}.md-flex-xlarge-70{min-width:70%;-ms-flex:0 1 70%;flex:0 1 70%}.md-flex-offset-xlarge-70{margin-left:70%}.md-flex-xlarge-75{min-width:75%;-ms-flex:0 1 75%;flex:0 1 75%}.md-flex-offset-xlarge-75{margin-left:75%}.md-flex-xlarge-80{min-width:80%;-ms-flex:0 1 80%;flex:0 1 80%}.md-flex-offset-xlarge-80{margin-left:80%}.md-flex-xlarge-85{min-width:85%;-ms-flex:0 1 85%;flex:0 1 85%}.md-flex-offset-xlarge-85{margin-left:85%}.md-flex-xlarge-90{min-width:90%;-ms-flex:0 1 90%;flex:0 1 90%}.md-flex-offset-xlarge-90{margin-left:90%}.md-flex-xlarge-95{min-width:95%;-ms-flex:0 1 95%;flex:0 1 95%}.md-flex-offset-xlarge-95{margin-left:95%}.md-flex-xlarge-100{min-width:100%;-ms-flex:0 1 100%;flex:0 1 100%}.md-flex-offset-xlarge-100{margin-left:100%}.md-hide-xlarge{display:none}}@media (max-width:1903px){.md-row-large{-ms-flex-direction:row;flex-direction:row}.md-column-large{-ms-flex-direction:column;flex-direction:column}.md-flex-large{-ms-flex:1 1;flex:1 1}.md-flex-large-33{min-width:33.33333%;-ms-flex:0 1 33.33333%;flex:0 1 33.33333%}.md-flex-large-66{min-width:33.33333%;-ms-flex:0 1 66.66666%;flex:0 1 66.66666%}.md-flex-offset-large-33{margin-left:33.33333%}.md-flex-offset-large-66{margin-left:66.66666%}.md-flex-large-5{min-width:5%;-ms-flex:0 1 5%;flex:0 1 5%}.md-flex-offset-large-5{margin-left:5%}.md-flex-large-10{min-width:10%;-ms-flex:0 1 10%;flex:0 1 10%}.md-flex-offset-large-10{margin-left:10%}.md-flex-large-15{min-width:15%;-ms-flex:0 1 15%;flex:0 1 15%}.md-flex-offset-large-15{margin-left:15%}.md-flex-large-20{min-width:20%;-ms-flex:0 1 20%;flex:0 1 20%}.md-flex-offset-large-20{margin-left:20%}.md-flex-large-25{min-width:25%;-ms-flex:0 1 25%;flex:0 1 25%}.md-flex-offset-large-25{margin-left:25%}.md-flex-large-30{min-width:30%;-ms-flex:0 1 30%;flex:0 1 30%}.md-flex-offset-large-30{margin-left:30%}.md-flex-large-35{min-width:35%;-ms-flex:0 1 35%;flex:0 1 35%}.md-flex-offset-large-35{margin-left:35%}.md-flex-large-40{min-width:40%;-ms-flex:0 1 40%;flex:0 1 40%}.md-flex-offset-large-40{margin-left:40%}.md-flex-large-45{min-width:45%;-ms-flex:0 1 45%;flex:0 1 45%}.md-flex-offset-large-45{margin-left:45%}.md-flex-large-50{min-width:50%;-ms-flex:0 1 50%;flex:0 1 50%}.md-flex-offset-large-50{margin-left:50%}.md-flex-large-55{min-width:55%;-ms-flex:0 1 55%;flex:0 1 55%}.md-flex-offset-large-55{margin-left:55%}.md-flex-large-60{min-width:60%;-ms-flex:0 1 60%;flex:0 1 60%}.md-flex-offset-large-60{margin-left:60%}.md-flex-large-65{min-width:65%;-ms-flex:0 1 65%;flex:0 1 65%}.md-flex-offset-large-65{margin-left:65%}.md-flex-large-70{min-width:70%;-ms-flex:0 1 70%;flex:0 1 70%}.md-flex-offset-large-70{margin-left:70%}.md-flex-large-75{min-width:75%;-ms-flex:0 1 75%;flex:0 1 75%}.md-flex-offset-large-75{margin-left:75%}.md-flex-large-80{min-width:80%;-ms-flex:0 1 80%;flex:0 1 80%}.md-flex-offset-large-80{margin-left:80%}.md-flex-large-85{min-width:85%;-ms-flex:0 1 85%;flex:0 1 85%}.md-flex-offset-large-85{margin-left:85%}.md-flex-large-90{min-width:90%;-ms-flex:0 1 90%;flex:0 1 90%}.md-flex-offset-large-90{margin-left:90%}.md-flex-large-95{min-width:95%;-ms-flex:0 1 95%;flex:0 1 95%}.md-flex-offset-large-95{margin-left:95%}.md-flex-large-100{min-width:100%;-ms-flex:0 1 100%;flex:0 1 100%}.md-flex-offset-large-100{margin-left:100%}.md-hide-large{display:none}}@media (max-width:1264px){.md-row-medium{-ms-flex-direction:row;flex-direction:row}.md-column-medium{-ms-flex-direction:column;flex-direction:column}.md-flex-medium{-ms-flex:1 1;flex:1 1}.md-flex-medium-33{min-width:33.33333%;-ms-flex:0 1 33.33333%;flex:0 1 33.33333%}.md-flex-medium-66{min-width:33.33333%;-ms-flex:0 1 66.66666%;flex:0 1 66.66666%}.md-flex-offset-medium-33{margin-left:33.33333%}.md-flex-offset-medium-66{margin-left:66.66666%}.md-flex-medium-5{min-width:5%;-ms-flex:0 1 5%;flex:0 1 5%}.md-flex-offset-medium-5{margin-left:5%}.md-flex-medium-10{min-width:10%;-ms-flex:0 1 10%;flex:0 1 10%}.md-flex-offset-medium-10{margin-left:10%}.md-flex-medium-15{min-width:15%;-ms-flex:0 1 15%;flex:0 1 15%}.md-flex-offset-medium-15{margin-left:15%}.md-flex-medium-20{min-width:20%;-ms-flex:0 1 20%;flex:0 1 20%}.md-flex-offset-medium-20{margin-left:20%}.md-flex-medium-25{min-width:25%;-ms-flex:0 1 25%;flex:0 1 25%}.md-flex-offset-medium-25{margin-left:25%}.md-flex-medium-30{min-width:30%;-ms-flex:0 1 30%;flex:0 1 30%}.md-flex-offset-medium-30{margin-left:30%}.md-flex-medium-35{min-width:35%;-ms-flex:0 1 35%;flex:0 1 35%}.md-flex-offset-medium-35{margin-left:35%}.md-flex-medium-40{min-width:40%;-ms-flex:0 1 40%;flex:0 1 40%}.md-flex-offset-medium-40{margin-left:40%}.md-flex-medium-45{min-width:45%;-ms-flex:0 1 45%;flex:0 1 45%}.md-flex-offset-medium-45{margin-left:45%}.md-flex-medium-50{min-width:50%;-ms-flex:0 1 50%;flex:0 1 50%}.md-flex-offset-medium-50{margin-left:50%}.md-flex-medium-55{min-width:55%;-ms-flex:0 1 55%;flex:0 1 55%}.md-flex-offset-medium-55{margin-left:55%}.md-flex-medium-60{min-width:60%;-ms-flex:0 1 60%;flex:0 1 60%}.md-flex-offset-medium-60{margin-left:60%}.md-flex-medium-65{min-width:65%;-ms-flex:0 1 65%;flex:0 1 65%}.md-flex-offset-medium-65{margin-left:65%}.md-flex-medium-70{min-width:70%;-ms-flex:0 1 70%;flex:0 1 70%}.md-flex-offset-medium-70{margin-left:70%}.md-flex-medium-75{min-width:75%;-ms-flex:0 1 75%;flex:0 1 75%}.md-flex-offset-medium-75{margin-left:75%}.md-flex-medium-80{min-width:80%;-ms-flex:0 1 80%;flex:0 1 80%}.md-flex-offset-medium-80{margin-left:80%}.md-flex-medium-85{min-width:85%;-ms-flex:0 1 85%;flex:0 1 85%}.md-flex-offset-medium-85{margin-left:85%}.md-flex-medium-90{min-width:90%;-ms-flex:0 1 90%;flex:0 1 90%}.md-flex-offset-medium-90{margin-left:90%}.md-flex-medium-95{min-width:95%;-ms-flex:0 1 95%;flex:0 1 95%}.md-flex-offset-medium-95{margin-left:95%}.md-flex-medium-100{min-width:100%;-ms-flex:0 1 100%;flex:0 1 100%}.md-flex-offset-medium-100{margin-left:100%}.md-hide-medium{display:none}}@media (max-width:944px){.md-row-small{-ms-flex-direction:row;flex-direction:row}.md-column-small{-ms-flex-direction:column;flex-direction:column}.md-flex-small{-ms-flex:1 1;flex:1 1}.md-flex-small-33{min-width:33.33333%;-ms-flex:0 1 33.33333%;flex:0 1 33.33333%}.md-flex-small-66{min-width:33.33333%;-ms-flex:0 1 66.66666%;flex:0 1 66.66666%}.md-flex-offset-small-33{margin-left:33.33333%}.md-flex-offset-small-66{margin-left:66.66666%}.md-flex-small-5{min-width:5%;-ms-flex:0 1 5%;flex:0 1 5%}.md-flex-offset-small-5{margin-left:5%}.md-flex-small-10{min-width:10%;-ms-flex:0 1 10%;flex:0 1 10%}.md-flex-offset-small-10{margin-left:10%}.md-flex-small-15{min-width:15%;-ms-flex:0 1 15%;flex:0 1 15%}.md-flex-offset-small-15{margin-left:15%}.md-flex-small-20{min-width:20%;-ms-flex:0 1 20%;flex:0 1 20%}.md-flex-offset-small-20{margin-left:20%}.md-flex-small-25{min-width:25%;-ms-flex:0 1 25%;flex:0 1 25%}.md-flex-offset-small-25{margin-left:25%}.md-flex-small-30{min-width:30%;-ms-flex:0 1 30%;flex:0 1 30%}.md-flex-offset-small-30{margin-left:30%}.md-flex-small-35{min-width:35%;-ms-flex:0 1 35%;flex:0 1 35%}.md-flex-offset-small-35{margin-left:35%}.md-flex-small-40{min-width:40%;-ms-flex:0 1 40%;flex:0 1 40%}.md-flex-offset-small-40{margin-left:40%}.md-flex-small-45{min-width:45%;-ms-flex:0 1 45%;flex:0 1 45%}.md-flex-offset-small-45{margin-left:45%}.md-flex-small-50{min-width:50%;-ms-flex:0 1 50%;flex:0 1 50%}.md-flex-offset-small-50{margin-left:50%}.md-flex-small-55{min-width:55%;-ms-flex:0 1 55%;flex:0 1 55%}.md-flex-offset-small-55{margin-left:55%}.md-flex-small-60{min-width:60%;-ms-flex:0 1 60%;flex:0 1 60%}.md-flex-offset-small-60{margin-left:60%}.md-flex-small-65{min-width:65%;-ms-flex:0 1 65%;flex:0 1 65%}.md-flex-offset-small-65{margin-left:65%}.md-flex-small-70{min-width:70%;-ms-flex:0 1 70%;flex:0 1 70%}.md-flex-offset-small-70{margin-left:70%}.md-flex-small-75{min-width:75%;-ms-flex:0 1 75%;flex:0 1 75%}.md-flex-offset-small-75{margin-left:75%}.md-flex-small-80{min-width:80%;-ms-flex:0 1 80%;flex:0 1 80%}.md-flex-offset-small-80{margin-left:80%}.md-flex-small-85{min-width:85%;-ms-flex:0 1 85%;flex:0 1 85%}.md-flex-offset-small-85{margin-left:85%}.md-flex-small-90{min-width:90%;-ms-flex:0 1 90%;flex:0 1 90%}.md-flex-offset-small-90{margin-left:90%}.md-flex-small-95{min-width:95%;-ms-flex:0 1 95%;flex:0 1 95%}.md-flex-offset-small-95{margin-left:95%}.md-flex-small-100{min-width:100%;-ms-flex:0 1 100%;flex:0 1 100%}.md-flex-offset-small-100{margin-left:100%}.md-hide-small{display:none}}@media (max-width:600px){.md-row-xsmall{-ms-flex-direction:row;flex-direction:row}.md-column-xsmall{-ms-flex-direction:column;flex-direction:column}.md-flex-xsmall{-ms-flex:1 1;flex:1 1}.md-flex-xsmall-33{min-width:33.33333%;-ms-flex:0 1 33.33333%;flex:0 1 33.33333%}.md-flex-xsmall-66{min-width:33.33333%;-ms-flex:0 1 66.66666%;flex:0 1 66.66666%}.md-flex-offset-xsmall-33{margin-left:33.33333%}.md-flex-offset-xsmall-66{margin-left:66.66666%}.md-flex-xsmall-5{min-width:5%;-ms-flex:0 1 5%;flex:0 1 5%}.md-flex-offset-xsmall-5{margin-left:5%}.md-flex-xsmall-10{min-width:10%;-ms-flex:0 1 10%;flex:0 1 10%}.md-flex-offset-xsmall-10{margin-left:10%}.md-flex-xsmall-15{min-width:15%;-ms-flex:0 1 15%;flex:0 1 15%}.md-flex-offset-xsmall-15{margin-left:15%}.md-flex-xsmall-20{min-width:20%;-ms-flex:0 1 20%;flex:0 1 20%}.md-flex-offset-xsmall-20{margin-left:20%}.md-flex-xsmall-25{min-width:25%;-ms-flex:0 1 25%;flex:0 1 25%}.md-flex-offset-xsmall-25{margin-left:25%}.md-flex-xsmall-30{min-width:30%;-ms-flex:0 1 30%;flex:0 1 30%}.md-flex-offset-xsmall-30{margin-left:30%}.md-flex-xsmall-35{min-width:35%;-ms-flex:0 1 35%;flex:0 1 35%}.md-flex-offset-xsmall-35{margin-left:35%}.md-flex-xsmall-40{min-width:40%;-ms-flex:0 1 40%;flex:0 1 40%}.md-flex-offset-xsmall-40{margin-left:40%}.md-flex-xsmall-45{min-width:45%;-ms-flex:0 1 45%;flex:0 1 45%}.md-flex-offset-xsmall-45{margin-left:45%}.md-flex-xsmall-50{min-width:50%;-ms-flex:0 1 50%;flex:0 1 50%}.md-flex-offset-xsmall-50{margin-left:50%}.md-flex-xsmall-55{min-width:55%;-ms-flex:0 1 55%;flex:0 1 55%}.md-flex-offset-xsmall-55{margin-left:55%}.md-flex-xsmall-60{min-width:60%;-ms-flex:0 1 60%;flex:0 1 60%}.md-flex-offset-xsmall-60{margin-left:60%}.md-flex-xsmall-65{min-width:65%;-ms-flex:0 1 65%;flex:0 1 65%}.md-flex-offset-xsmall-65{margin-left:65%}.md-flex-xsmall-70{min-width:70%;-ms-flex:0 1 70%;flex:0 1 70%}.md-flex-offset-xsmall-70{margin-left:70%}.md-flex-xsmall-75{min-width:75%;-ms-flex:0 1 75%;flex:0 1 75%}.md-flex-offset-xsmall-75{margin-left:75%}.md-flex-xsmall-80{min-width:80%;-ms-flex:0 1 80%;flex:0 1 80%}.md-flex-offset-xsmall-80{margin-left:80%}.md-flex-xsmall-85{min-width:85%;-ms-flex:0 1 85%;flex:0 1 85%}.md-flex-offset-xsmall-85{margin-left:85%}.md-flex-xsmall-90{min-width:90%;-ms-flex:0 1 90%;flex:0 1 90%}.md-flex-offset-xsmall-90{margin-left:90%}.md-flex-xsmall-95{min-width:95%;-ms-flex:0 1 95%;flex:0 1 95%}.md-flex-offset-xsmall-95{margin-left:95%}.md-flex-xsmall-100{min-width:100%;-ms-flex:0 1 100%;flex:0 1 100%}.md-flex-offset-xsmall-100{margin-left:100%}.md-hide-xsmall{display:none}}.md-list{margin:0;padding:8px 0;display:-ms-flexbox;display:flex;-ms-flex-flow:column nowrap;flex-flow:column;position:relative;list-style:none}.md-list.md-dense{padding:4px 0}.md-list.md-dense .md-list-item.md-inset .md-list-item-container{padding-left:72px}.md-list.md-dense .md-list-item .md-list-item-container{min-height:40px;font-size:13px}.md-list.md-dense .md-list-item .md-list-item-container .md-avatar:first-child{margin-right:24px}.md-list.md-dense .md-avatar{width:32px;min-width:32px;height:32px;min-height:32px}.md-list.md-dense .md-list-item-expand{min-height:40px}.md-list.md-double-line.md-dense .md-list-item .md-list-item-container{min-height:60px}.md-list.md-double-line.md-dense .md-list-item .md-avatar{width:36px;min-width:36px;height:36px;min-height:36px}.md-list.md-double-line.md-dense .md-list-item .md-avatar:first-child{margin-right:20px}.md-list.md-double-line.md-dense .md-list-text-container>:nth-child(1),.md-list.md-double-line.md-dense .md-list-text-container>:nth-child(2){font-size:13px}.md-list.md-double-line .md-list-item .md-list-item-container{min-height:72px}.md-list.md-triple-line.md-dense .md-list-item .md-list-item-container{min-height:76px}.md-list.md-triple-line.md-dense .md-list-item .md-avatar{width:36px;min-width:36px;height:36px;min-height:36px}.md-list.md-triple-line.md-dense .md-list-item .md-avatar:first-child{margin-right:20px}.md-list.md-triple-line.md-dense .md-list-text-container>:nth-child(1),.md-list.md-triple-line.md-dense .md-list-text-container>:nth-child(2){font-size:13px}.md-list.md-triple-line .md-list-item .md-list-item-container{min-height:88px}.md-list.md-triple-line .md-avatar{margin:0}.md-list.md-triple-line .md-list-item-container{-ms-flex-align:start;align-items:flex-start}.md-list .md-subheader.md-inset{padding-left:72px}.md-list>.md-subheader:first-of-type{margin-top:-8px}.md-list-item{height:auto;position:relative}.md-list-item.md-inset .md-list-item-container{padding-left:72px}.md-list-item .md-list-item-holder{display:-ms-flexbox;display:flex;-ms-flex-flow:row nowrap;flex-flow:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;-ms-flex:1;flex:1}.md-list-item .md-list-item-holder>.md-ink-ripple{border-radius:0}.md-list-item .md-list-item-holder>.md-icon:first-child{margin-right:32px}.md-list-item .md-list-item-holder .md-avatar:first-child{margin-right:16px}.md-list-item .md-list-item-holder .md-list-action{margin:0 -2px 0 0}.md-list-item .md-list-item-holder .md-list-action:nth-child(3){margin:0 -2px 0 16px}.md-list-item .md-list-item-container{width:100%;min-height:48px;margin:0;padding:0 16px;position:relative;border-radius:0;font-size:16px;font-weight:400;text-align:left;text-transform:none}.md-list-item .md-divider{position:absolute;bottom:0;right:0;left:0}.md-list-item .md-avatar,.md-list-item .md-icon{margin:0}.md-list-item .md-avatar:first-of-type+*,.md-list-item .md-icon:first-of-type+*{-ms-flex:1 1 auto;flex:1 1 auto}.md-list-item .md-avatar{margin-top:8px;margin-bottom:8px}.md-list-item .md-icon{color:rgba(0,0,0,.54)}.md-list-item-expand{min-height:48px;-ms-flex-flow:column wrap;flex-flow:column wrap;overflow:hidden}.md-list-item-expand:after,.md-list-item-expand:before{height:1px;position:absolute;right:0;left:0;z-index:3;transition:all .4s cubic-bezier(.25,.8,.25,1);content:" "}.md-list-item-expand:before{top:0}.md-list-item-expand:after{bottom:0}.md-list-item-expand.md-active{position:relative}.md-list-item-expand.md-active:after,.md-list-item-expand.md-active:before{background-color:rgba(0,0,0,.12)}.md-list-item-expand.md-active:first-of-type:before,.md-list-item-expand.md-active:last-of-type:after{background:none}.md-list-item-expand.md-active>.md-list-item-container .md-list-expand-indicator{transform:rotate(180deg) translate3D(0,0,0)}.md-list-item-expand.md-active>.md-list-expand{margin-bottom:0!important}.md-list-item-expand>.md-list-item-container>.md-list-item-holder{position:relative;z-index:2}.md-list-item-expand .md-expansion-indicator,.md-list-item-expand .md-icon,.md-list-item-expand .md-list-item-container{transition:all .4s cubic-bezier(.25,.8,.25,1)}.md-list-item-expand .md-list-expand{position:relative;z-index:1;transform:translate3D(0,0,0);will-change:margin-bottom;transition:all .5s cubic-bezier(.35,0,.25,1)}.md-list-item-expand .md-list-expand.md-transition-off{transition:none!important}.md-list-item-expand .md-list-expand .md-list{padding:0}.md-list-text-container{display:-ms-flexbox;display:flex;-ms-flex-flow:column nowrap;flex-flow:column;-ms-flex:1;flex:1;overflow:hidden;line-height:1.25em;text-overflow:ellipsis;white-space:normal}.md-list-text-container>:nth-child(1){font-size:16px}.md-list-text-container>:nth-child(2),.md-list-text-container>:nth-child(3){margin:0;color:rgba(0,0,0,.54);font-size:14px}.md-list-text-container>:nth-child(2):not(:last-child){color:rgba(0,0,0,.87)}.md-menu{display:inline-block}.md-menu-content{width:168px;min-width:84px;max-width:392px;min-height:64px;max-height:calc(100vh - 32px);overflow-x:hidden;overflow-y:auto;position:absolute;z-index:120;transform:scale(.9,.85) translateZ(0);border-radius:2px;box-shadow:0 1px 5px rgba(0,0,0,.2),0 2px 2px rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12);opacity:0;transition:width .4s cubic-bezier(.25,.8,.25,1),opacity .25s cubic-bezier(.55,0,.55,.2),margin .2s cubic-bezier(.55,0,.55,.2),transform 0s cubic-bezier(.55,0,.55,.2) .25s;will-change:transform,opacity,width}.md-menu-content.md-direction-bottom-right{margin-top:-20px;margin-left:-8px;transform-origin:top left}.md-menu-content.md-direction-bottom-right.md-active{margin-top:-11px}.md-menu-content.md-direction-bottom-left{margin-top:-20px;margin-left:8px;transform-origin:top right}.md-menu-content.md-direction-bottom-left.md-active{margin-top:-11px}.md-menu-content.md-direction-top-right{margin-top:20px;margin-left:-8px;transform-origin:bottom left}.md-menu-content.md-direction-top-right.md-active{margin-top:11px}.md-menu-content.md-direction-top-left{margin-top:20px;margin-left:8px;transform-origin:bottom right}.md-menu-content.md-direction-top-left.md-active{margin-top:11px}.md-menu-content.md-align-trigger{margin:0}.md-menu-content.md-size-1{width:84px}.md-menu-content.md-size-2{width:112px}.md-menu-content.md-size-3{width:168px}.md-menu-content.md-size-4{width:224px}.md-menu-content.md-size-5{width:280px}.md-menu-content.md-size-6{width:336px}.md-menu-content.md-size-7{width:392px}.md-menu-content.md-active{pointer-events:auto;opacity:1;transform:scale(1) translateZ(0);transition:width .4s cubic-bezier(.25,.8,.25,1),opacity .35s cubic-bezier(.25,.8,.25,1),transform .25s cubic-bezier(.25,.8,.25,1) .05s}.md-menu-content.md-active .md-list{opacity:1;transition:opacity .2s cubic-bezier(.25,.8,.25,1) .15s}.md-menu-content .md-list{opacity:0;transition:opacity .2s cubic-bezier(.25,.8,.25,1)}.md-menu-item{cursor:pointer;font-size:16px;line-height:1.2em}.md-menu-item[disabled]{cursor:default}.md-menu-item .md-list-item-holder{overflow:hidden;text-overflow:ellipsis}.md-radio{width:auto;margin:16px 8px 16px 0;display:-ms-inline-flexbox;display:inline-flex;position:relative}.md-radio .md-radio-container{width:20px;height:20px;position:relative;border-radius:50%;border:2px solid rgba(0,0,0,.54);transition:all .4s cubic-bezier(.25,.8,.25,1)}.md-radio .md-radio-container:after{position:absolute;top:3px;right:3px;bottom:3px;left:3px;border-radius:50%;opacity:0;transform:scale3D(.38,.38,1);transition:all .3s cubic-bezier(.55,0,.55,.2);content:" "}.md-radio .md-radio-container input{position:absolute;left:-999em}.md-radio .md-radio-container .md-ink-ripple{top:-16px;right:-16px;bottom:-16px;left:-16px;border-radius:50%;color:rgba(0,0,0,.54)}.md-radio .md-radio-container .md-ink-ripple .md-ripple{width:48px!important;height:48px!important;top:0!important;right:0!important;bottom:0!important;left:0!important}.md-radio .md-radio-label{height:20px;padding-left:8px;line-height:20px}.md-radio.md-checked .md-radio-container:after{opacity:1;transform:scale3D(1,1,1);transition:all .4s cubic-bezier(.25,.8,.25,1)}.md-select{width:100%;min-width:128px;height:32px;position:relative}.md-select:focus{outline:none}.md-select:after{margin-top:2px;position:absolute;top:50%;right:0;transform:translateY(-50%) scaleY(.45) scaleX(.85);transition:all .15s linear;content:"\25BC"}.md-select.md-active .md-select-menu{top:-8px;pointer-events:auto;opacity:1;transform:translateY(-8px) scale3D(1,1,1);transform-origin:center top;transition:all .4s cubic-bezier(.25,.8,.25,1);transition-duration:.25s;transition-property:opacity,transform,top}.md-select.md-active .md-select-menu>*{opacity:1;transition:all .3s cubic-bezier(.55,0,.55,.2);transition-duration:.15s;transition-delay:.1s}.md-select.md-disabled{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;user-drag:none}.md-select select{position:absolute;left:-999em}.md-select .md-menu,.md-select .md-select-value{width:100%;height:32px;display:block;position:relative}.md-select .md-select-value{padding-right:24px;cursor:pointer;overflow:hidden;z-index:2;font-size:16px;line-height:33px;text-overflow:ellipsis;white-space:nowrap}.md-select .md-subheader{color:hsla(0,0%,46%,.87);text-transform:uppercase}.md-select .md-subheader:first-child{margin-top:-8px}.md-select-content{width:auto;max-height:256px}.md-select-content.md-direction-bottom-right{margin-top:-15px;margin-left:-16px}.md-select-content .md-menu-item .md-list-item-holder{overflow:visible;-ms-flex-pack:start;justify-content:flex-start}.md-select-content.md-multiple .md-checkbox{margin:0}.md-select-content.md-multiple .md-checkbox-label{padding-left:16px;cursor:pointer}.md-sidenav.md-left .md-sidenav-content{left:0;transform:translate3D(-100%,0,0)}.md-sidenav.md-right .md-sidenav-content{right:0;transform:translate3D(100%,0,0)}.md-sidenav.md-fixed .md-sidenav-backdrop,.md-sidenav.md-fixed .md-sidenav-content{position:fixed}.md-sidenav .md-sidenav-content{width:304px;position:absolute;top:0;bottom:0;z-index:100;pointer-events:none;overflow:auto;-webkit-overflow-scrolling:touch;transition:all .4s cubic-bezier(.25,.8,.25,1);transition-property:transform;will-change:transform}.md-sidenav .md-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:99;pointer-events:none;background-color:rgba(0,0,0,.54);opacity:0;transition:all .5s cubic-bezier(.35,0,.25,1);transition-property:opacity;will-change:opacity}.md-sidenav.md-active .md-sidenav-content{box-shadow:0 8px 10px -5px rgba(0,0,0,.2),0 16px 24px 2px rgba(0,0,0,.14),0 6px 30px 5px rgba(0,0,0,.12);pointer-events:auto;transform:translate3D(0,0,0)}.md-sidenav.md-active .md-sidenav-backdrop{opacity:1;pointer-events:auto}.md-spinner{display:inline-block;position:relative;pointer-events:none;will-change:transform,opacity}.md-spinner.md-indeterminate .md-spinner-draw{animation:spinner-rotate 1.9s linear infinite;transform:rotate(0deg) translateZ(0)}.md-spinner.md-indeterminate .md-spinner-path{stroke-dasharray:2,200;animation:spinner-dash 1.425s ease-in-out infinite}.md-spinner.md-spinner-leave-active{opacity:0;transform:scale(.8) translateZ(0);transition:all .4s cubic-bezier(.25,.8,.25,1)}.md-spinner:not(.md-indeterminate).md-spinner-enter-active{transition-duration:2s}.md-spinner:not(.md-indeterminate).md-spinner-enter-active .md-spinner-draw{animation:spinner-initial-rotate 1.98s cubic-bezier(.25,.8,.25,1) forwards}.md-spinner-draw{width:100%;height:100%;margin:auto;position:absolute;top:0;right:0;bottom:0;left:0;transform:rotate(270deg) translateZ(0);transform-origin:center center;will-change:transform,opacity}.md-spinner-path{fill:none;stroke-dashoffset:0;stroke-miterlimit:10;transition:all .4s cubic-bezier(.25,.8,.25,1)}@keyframes spinner-rotate{to{transform:rotate(1turn) translateZ(0)}}@keyframes spinner-initial-rotate{0%{opacity:0;transform:rotate(-90deg) translateZ(0)}20%{opacity:1}to{transform:rotate(270deg) translateZ(0)}}@keyframes spinner-dash{0%{stroke-dasharray:2,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}to{stroke-dasharray:89,200;stroke-dashoffset:-124px}}.md-subheader{min-height:48px;padding:0 16px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-flow:row wrap;flex-flow:row wrap;color:rgba(0,0,0,.54);font-size:14px;font-weight:500}.md-switch{width:auto;margin:16px 8px 16px 0;display:-ms-inline-flexbox;display:inline-flex;position:relative}.md-switch .md-switch-container{width:34px;height:14px;position:relative;border-radius:14px;transition:all .4s cubic-bezier(.25,.8,.25,1);background-color:rgba(0,0,0,.38)}.md-switch .md-switch-container .md-switch-thumb{width:20px;height:20px;position:absolute;top:50%;left:0;background-color:#fafafa;border-radius:50%;box-shadow:0 1px 3px rgba(0,0,0,.2),0 1px 1px rgba(0,0,0,.14),0 2px 1px -1px rgba(0,0,0,.12);transition:all .15s linear}.md-switch .md-switch-container input{position:absolute;left:-999em}.md-switch .md-switch-container .md-ink-ripple{top:-16px;right:-16px;bottom:-16px;left:-16px;border-radius:50%;color:rgba(0,0,0,.54)}.md-switch .md-switch-container .md-ink-ripple .md-ripple{width:48px!important;height:48px!important;top:0!important;right:0!important;bottom:0!important;left:0!important}.md-switch .md-switch-container .md-switch-holder{width:40px;height:40px;margin:0;padding:0;position:absolute;top:50%;left:50%;z-index:2;background:none;border:none;transform:translate(-50%,-50%)}.md-switch .md-switch-container .md-switch-holder:focus{outline:none}.md-switch .md-switch-label{height:14px;padding-left:8px;line-height:14px}.md-switch.md-dragging .md-switch-thumb{cursor:-webkit-grabbing;cursor:grabbing}.md-switch.md-disabled .md-switch-thumb{cursor:default}.md-table{display:-ms-flexbox;display:flex;-ms-flex-flow:column wrap;flex-flow:column wrap;overflow-x:auto}.md-table.md-transition-off .md-checkbox .md-checkbox-container,.md-table.md-transition-off .md-checkbox .md-checkbox-container:after,.md-table.md-transition-off .md-table-cell{transition:none!important}.md-table table{width:100%;border-spacing:0;border-collapse:collapse;overflow:hidden}.md-table tbody .md-table-row{border-top:1px solid #e0e0e0}.md-table tbody .md-table-row.md-selected .md-table-cell{background-color:#f5f5f5}.md-table tbody .md-table-row:hover .md-table-cell{background-color:#eee}.md-table .md-table-head{padding:0;position:relative;color:rgba(0,0,0,.54);font-size:12px;line-height:16px;text-align:left}.md-table .md-table-head:last-child .md-table-head-container .md-table-head-text{padding-right:24px}.md-table .md-table-head.md-numeric{text-align:right}.md-table .md-table-head .md-icon{width:16px;min-width:16px;height:16px;min-height:16px;font-size:16px;color:rgba(0,0,0,.54)}.md-table .md-table-head .md-icon:not(.md-sortable-icon){margin:0 4px}.md-table .md-table-head .md-icon:first-child{margin-left:0}.md-table .md-table-head .md-icon:last-child{margin-right:0}.md-table .md-table-head-container{height:56px;padding:14px 0;transition:all .4s cubic-bezier(.25,.8,.25,1)}.md-table .md-table-head-text{height:28px;padding-right:32px;padding-left:24px;display:inline-block;position:relative;overflow:hidden;line-height:28px;text-overflow:ellipsis;white-space:nowrap}.md-table .md-sortable{cursor:pointer}.md-table .md-sortable:first-of-type .md-sortable-icon{left:auto;right:10px}.md-table .md-sortable.md-sorted,.md-table .md-sortable:hover{color:rgba(0,0,0,.87)}.md-table .md-sortable.md-sorted .md-sortable-icon,.md-table .md-sortable:hover .md-sortable-icon{opacity:1}.md-table .md-sortable.md-sorted .md-sortable-icon{color:rgba(0,0,0,.87)}.md-table .md-sortable.md-sorted-descending .md-sortable-icon{transform:translateY(-50%) rotate(180deg)}.md-table .md-sortable .md-sortable-icon{position:absolute;top:50%;left:2px;transition:all .4s cubic-bezier(.25,.8,.25,1);transform:translateY(-50%);opacity:0;color:rgba(0,0,0,.38)}.md-table .md-sortable .md-ink-ripple{color:rgba(0,0,0,.87)}.md-table .md-table-cell{height:48px;position:relative;transition:all .4s cubic-bezier(.25,.8,.25,1);color:rgba(0,0,0,.87);font-size:13px;line-height:18px}.md-table .md-table-cell:last-child .md-table-cell-container{padding-right:24px}.md-table .md-table-cell.md-numeric{text-align:right}.md-table .md-table-cell.md-numeric .md-table-cell-container{-ms-flex-pack:end;justify-content:flex-end}.md-table .md-table-cell.md-has-action .md-table-cell-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between}.md-table .md-table-cell .md-table-cell-container{padding:6px 32px 6px 24px}.md-table .md-table-cell .md-button{width:36px;min-width:36px;height:36px;min-height:36px}.md-table .md-table-cell .md-button:last-child{margin:0 -10px 0 0}.md-table .md-table-cell .md-button .md-icon{width:18px;min-width:18px;height:18px;min-height:18px;margin:0;color:rgba(0,0,0,.54);font-size:18px}.md-table .md-table-selection{width:60px;position:relative;vertical-align:middle}.md-table .md-table-selection+.md-table-cell .md-table-cell-container,.md-table .md-table-selection+.md-table-head .md-table-head-container .md-table-head-text{padding-left:8px}.md-table .md-table-selection .md-table-cell-container{padding-right:16px;padding-left:24px}.md-table .md-table-selection .md-checkbox{margin:0}.md-table .md-table-selection .md-checkbox-container{width:18px;height:18px;margin-top:1px}.md-table .md-table-selection .md-checkbox-container:after{top:-1px;left:4px}.md-table .md-select{min-width:84px}.md-table .md-option,.md-table .md-select-value{font-size:13px}.md-table-edit-trigger{display:inline-block;cursor:pointer;color:rgba(0,0,0,.38)}.md-table-edit-trigger.md-edited{color:rgba(0,0,0,.87)}.md-table-dialog{max-height:0;margin:0;padding:0 24px 2px;position:absolute;top:0;right:0;left:24px;z-index:60;overflow:hidden;pointer-events:none;border-radius:2px;box-shadow:0 1px 5px rgba(0,0,0,.2),0 2px 2px rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12);background-color:#fff;opacity:0;transition:all .4s cubic-bezier(.25,.8,.25,1),max-height 0s .5s;transition-duration:.3s;transform:translate3D(0,-8px,0)}.md-table-dialog.md-active{max-height:400px;pointer-events:auto;transform:translate3D(#000);opacity:1;transition:all .4s cubic-bezier(.25,.8,.25,1);transition-duration:.3s}.md-table-dialog.md-large{padding:12px 24px 2px}.md-table-dialog .md-input-container{margin-top:0;margin-bottom:16px}.md-table-dialog .md-input-container.md-input-placeholder input{font-size:13px}.md-table-dialog .md-input-container.md-input-placeholder input::-webkit-input-placeholder{font-size:13px}.md-table-dialog .md-char-counter{font-size:13.5px;color:rgba(0,0,0,.54)}.md-table-dialog .md-button{min-width:64px}.md-table-card{overflow:visible}.md-table-card .md-toolbar{padding-left:16px;background-color:#fff}.md-table-card .md-title{-ms-flex:1;flex:1;font-size:20px}.md-table-card .md-table-pagination{height:56px;display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end;border-top:1px solid #e0e0e0;color:rgba(0,0,0,.54);font-size:12px}.md-table-card .md-table-pagination .md-table-pagination-previous{margin-right:2px;margin-left:18px}.md-table-card .md-table-pagination .md-select{width:auto;min-width:36px;margin:0 32px}.md-table-card .md-table-pagination .md-select:after{margin-top:0}.md-table-card .md-table-pagination .md-select .md-select-value{padding:0;border:none;font-size:13px}.md-table-card .md-table-pagination .md-button:not([disabled]){color:rgba(0,0,0,.87)}.md-table-card .md-table-pagination .md-button[disabled] .md-icon{color:rgba(0,0,0,.26)}.md-pagination-select.md-direction-bottom-right{margin-top:-16px}.md-pagination-select .md-list-item-holder{font-size:13px}.md-table-alternate-header{position:absolute;top:0;right:0;left:0;z-index:10;pointer-events:none;opacity:0;transition:all .4s cubic-bezier(.25,.8,.25,1);transition-duration:.3s}.md-table-alternate-header.md-active{pointer-events:auto;opacity:1;transform:translate3D(#000)}.md-table-alternate-header .md-counter{margin-left:8px;-ms-flex:1;flex:1}.md-tabs{width:100%;display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;position:relative}.md-tabs.md-transition-off *{transition:none!important}.md-tabs.md-dynamic-height .md-tabs-content{transition:height .4s cubic-bezier(.25,.8,.25,1)}.md-tabs .md-tabs-navigation{height:48px;min-height:48px;position:relative;z-index:1;display:-ms-flexbox;display:flex;transition:all .4s cubic-bezier(.25,.8,.25,1)}.md-tabs .md-tabs-navigation.md-has-icon.md-has-label{min-height:72px}.md-tabs .md-tabs-navigation.md-has-icon.md-has-label .md-icon{margin-bottom:10px}.md-tabs .md-tabs-navigation.md-centered{-ms-flex-pack:center;justify-content:center}.md-tabs .md-tabs-navigation.md-fixed .md-tab-header{-ms-flex:1;flex:1}.md-tabs .md-tabs-navigation.md-right{-ms-flex-pack:end;justify-content:flex-end}.md-tabs .md-tab-header{min-width:72px;max-width:264px;margin:0;padding:0 12px;display:inline-block;position:relative;cursor:pointer;border:0;background:none;transition:all .4s cubic-bezier(.25,.8,.25,1);font-family:inherit;font-size:14px;font-weight:500;text-transform:uppercase}.md-tabs .md-tab-header.md-disabled{cursor:default;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none}.md-tabs .md-tab-header-container{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.md-tabs .md-tab-header-container .md-icon{margin:0}.md-tabs .md-tab-indicator{height:2px;position:absolute;bottom:0;left:0;transform:translate3D(0,0,0)}.md-tabs .md-tab-indicator.md-transition-off{transition:none!important}.md-tabs .md-tab-indicator.md-to-right{transition:all .4s cubic-bezier(.25,.8,.25,1),left .3s cubic-bezier(.35,0,.25,1),right .15s cubic-bezier(.35,0,.25,1)}.md-tabs .md-tab-indicator.md-to-left{transition:all .4s cubic-bezier(.25,.8,.25,1),right .3s cubic-bezier(.35,0,.25,1),left .15s cubic-bezier(.35,0,.25,1)}.md-tabs .md-tabs-content{width:100%;height:0;position:relative;overflow:hidden}.md-tabs .md-tabs-wrapper{width:9999em;position:absolute;top:0;right:0;bottom:0;left:0;transform:translateZ(0);transition:transform .4s cubic-bezier(.25,.8,.25,1)}.md-tabs .md-tab{padding:16px;position:absolute;top:0;left:0;right:0}.md-toolbar{min-height:64px;padding:0 8px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:center;align-content:center;-ms-flex-flow:row wrap;flex-flow:row wrap;position:relative;transition:all .4s cubic-bezier(.25,.8,.25,1);transform:translate3D(0,0,0)}.md-toolbar.md-dense{min-height:48px}.md-toolbar.md-dense.md-medium{min-height:72px}.md-toolbar.md-dense.md-large{min-height:96px}.md-toolbar.md-dense .md-toolbar-container{height:48px}.md-toolbar.md-medium{min-height:88px}.md-toolbar.md-medium .md-toolbar-container:nth-child(2) .md-title:first-child{margin-left:56px}.md-toolbar.md-large{min-height:128px;-ms-flex-line-pack:inherit;align-content:inherit}.md-toolbar.md-large .md-toolbar-container:nth-child(2) .md-title:first-child{margin-left:56px}.md-toolbar.md-account-header{min-height:164px}.md-toolbar.md-account-header .md-ink-ripple{color:#fff}.md-toolbar.md-account-header .md-list-item-container:hover:not([disabled]){background-color:hsla(0,0%,100%,.12)}.md-toolbar.md-account-header .md-avatar-list{margin:16px 0 8px}.md-toolbar.md-account-header .md-avatar-list .md-list-item-container{-ms-flex-align:start;align-items:flex-start}.md-toolbar.md-account-header .md-avatar-list .md-avatar+.md-avatar{margin-left:16px}.md-toolbar .md-toolbar-container{width:100%;height:64px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-item-align:start;align-self:flex-start}.md-toolbar .md-toolbar-container>.md-button:first-child{margin-left:0;margin-right:16px}.md-toolbar .md-toolbar-container>.md-button+.md-button{margin-left:0}.md-toolbar>.md-button:first-child{margin-left:0;margin-right:16px}.md-toolbar>.md-button+.md-button{margin-left:0}.md-toolbar .md-button:hover:not([disabled]):not(.md-raised):not(.md-icon-button):not(.md-fab){background-color:hsla(0,0%,100%,.1)}.md-toolbar .md-title{margin:0;font-size:20px;font-weight:400}.md-toolbar .md-title:first-child{margin-left:8px}.md-toolbar .md-list{padding:0;margin:0 -8px;-ms-flex:1;flex:1}.md-tooltip{height:20px;padding:0 8px;position:fixed;z-index:200;pointer-events:none;background-color:rgba(97,97,97,.87);border-radius:2px;opacity:0;transform-origin:center top;transition:all .4s cubic-bezier(.25,.8,.25,1);transition-duration:.3s;transition-delay:0s;color:#fff;font-family:Roboto,Noto Sans,Noto,sans-serif;font-size:10px;line-height:20px;text-transform:none;white-space:nowrap}.md-tooltip.md-active{opacity:1;transition:all .3s cubic-bezier(.55,0,.55,.2);transition-duration:.3s}.md-tooltip:not(.md-active){transition-delay:0s!important}.md-tooltip.md-transition-off{transition:none!important}.md-tooltip.md-tooltip-top{margin-top:-14px;transform:translate(-50%,8px)}.md-tooltip.md-tooltip-top.md-active{transform:translate(-50%)}.md-tooltip.md-tooltip-right{margin-left:14px;transform:translate(-8px,50%)}.md-tooltip.md-tooltip-right.md-active{transform:translateY(50%)}.md-tooltip.md-tooltip-bottom{margin-top:14px;transform:translate(-50%,-8px)}.md-tooltip.md-tooltip-bottom.md-active{transform:translate(-50%)}.md-tooltip.md-tooltip-left{margin-left:-14px;transform:translate(8px,50%)}.md-tooltip.md-tooltip-left.md-active{transform:translateY(50%)}.md-whiteframe{position:relative;z-index:1}.md-whiteframe-1dp{box-shadow:0 1px 3px rgba(0,0,0,.2),0 1px 1px rgba(0,0,0,.14),0 2px 1px -1px rgba(0,0,0,.12)}.md-whiteframe-2dp{box-shadow:0 1px 5px rgba(0,0,0,.2),0 2px 2px rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12)}.md-whiteframe-3dp{box-shadow:0 1px 8px rgba(0,0,0,.2),0 3px 4px rgba(0,0,0,.14),0 3px 3px -2px rgba(0,0,0,.12)}.md-whiteframe-4dp{box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px rgba(0,0,0,.14),0 1px 10px rgba(0,0,0,.12)}.md-whiteframe-5dp{box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 5px 8px rgba(0,0,0,.14),0 1px 14px rgba(0,0,0,.12)}.md-whiteframe-6dp{box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 6px 10px rgba(0,0,0,.14),0 1px 18px rgba(0,0,0,.12)}.md-whiteframe-7dp{box-shadow:0 4px 5px -2px rgba(0,0,0,.2),0 7px 10px 1px rgba(0,0,0,.14),0 2px 16px 1px rgba(0,0,0,.12)}.md-whiteframe-8dp{box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12)}.md-whiteframe-9dp{box-shadow:0 5px 6px -3px rgba(0,0,0,.2),0 9px 12px 1px rgba(0,0,0,.14),0 3px 16px 2px rgba(0,0,0,.12)}.md-whiteframe-10dp{box-shadow:0 6px 6px -3px rgba(0,0,0,.2),0 10px 14px 1px rgba(0,0,0,.14),0 4px 18px 3px rgba(0,0,0,.12)}.md-whiteframe-11dp{box-shadow:0 6px 7px -4px rgba(0,0,0,.2),0 11px 15px 1px rgba(0,0,0,.14),0 4px 20px 3px rgba(0,0,0,.12)}.md-whiteframe-12dp{box-shadow:0 7px 8px -4px rgba(0,0,0,.2),0 12px 17px 2px rgba(0,0,0,.14),0 5px 22px 4px rgba(0,0,0,.12)}.md-whiteframe-13dp{box-shadow:0 7px 8px -4px rgba(0,0,0,.2),0 13px 19px 2px rgba(0,0,0,.14),0 5px 24px 4px rgba(0,0,0,.12)}.md-whiteframe-14dp{box-shadow:0 7px 9px -4px rgba(0,0,0,.2),0 14px 21px 2px rgba(0,0,0,.14),0 5px 26px 4px rgba(0,0,0,.12)}.md-whiteframe-15dp{box-shadow:0 8px 9px -5px rgba(0,0,0,.2),0 15px 22px 2px rgba(0,0,0,.14),0 6px 28px 5px rgba(0,0,0,.12)}.md-whiteframe-16dp{box-shadow:0 8px 10px -5px rgba(0,0,0,.2),0 16px 24px 2px rgba(0,0,0,.14),0 6px 30px 5px rgba(0,0,0,.12)}.md-whiteframe-17dp{box-shadow:0 8px 11px -5px rgba(0,0,0,.2),0 17px 26px 2px rgba(0,0,0,.14),0 6px 32px 5px rgba(0,0,0,.12)}.md-whiteframe-18dp{box-shadow:0 9px 11px -5px rgba(0,0,0,.2),0 18px 28px 2px rgba(0,0,0,.14),0 7px 34px 6px rgba(0,0,0,.12)}.md-whiteframe-19dp{box-shadow:0 9px 12px -6px rgba(0,0,0,.2),0 19px 29px 2px rgba(0,0,0,.14),0 7px 36px 6px rgba(0,0,0,.12)}.md-whiteframe-20dp{box-shadow:0 10px 13px -6px rgba(0,0,0,.2),0 20px 31px 3px rgba(0,0,0,.14),0 8px 38px 7px rgba(0,0,0,.12)}.md-whiteframe-21dp{box-shadow:0 10px 13px -6px rgba(0,0,0,.2),0 21px 33px 3px rgba(0,0,0,.14),0 8px 40px 7px rgba(0,0,0,.12)}.md-whiteframe-22dp{box-shadow:0 10px 14px -6px rgba(0,0,0,.2),0 22px 35px 3px rgba(0,0,0,.14),0 8px 42px 7px rgba(0,0,0,.12)}.md-whiteframe-23dp{box-shadow:0 11px 14px -7px rgba(0,0,0,.2),0 23px 36px 3px rgba(0,0,0,.14),0 9px 44px 8px rgba(0,0,0,.12)}.md-whiteframe-24dp{box-shadow:0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14),0 9px 46px 8px rgba(0,0,0,.12)}.introduction[data-v-0433a5e8]{max-width:960px;margin:0 auto}.example[data-v-0433a5e8]{margin-bottom:24px;overflow:hidden}.example img[data-v-0433a5e8]{margin:-45px auto;display:block}.button-actions[data-v-0433a5e8]{margin-bottom:16px;text-align:center}.button-actions .introduction[data-v-0433a5e8]{margin-bottom:.8em;font-size:20px;line-height:1.6em}.button-actions .md-button[data-v-0433a5e8]{margin-left:0;color:#fff!important}.row[data-v-0433a5e8]{margin:0 -10px;display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap}.column[data-v-0433a5e8]{margin:0 10px;-ms-flex:1 1 30%;flex:1 1 30%}@media (max-width:640px){.column[data-v-0433a5e8]{-ms-flex:1 1 100%;flex:1 1 100%}}.main-content[data-v-d3f0892a]{position:relative}article[data-v-d3f0892a]{max-width:960px}article+article[data-v-d3f0892a],section+section[data-v-d3f0892a]{margin-top:36px}.code-block[data-v-d3f0892a],.md-tabs[data-v-d3f0892a]{max-width:100%}.md-tab[data-v-d3f0892a]{border-top:1px solid rgba(0,0,0,.12);padding:0}iframe[data-v-d3f0892a]{height:auto;min-height:620px}section[data-v-059a402f]{max-width:960px}section+section[data-v-059a402f]{margin-top:56px}.author-card[data-v-059a402f]{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.author-card .md-avatar[data-v-059a402f]{margin-right:16px}.author-card .author-card-info[data-v-059a402f]{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-ms-flex:1;flex:1}.author-card span[data-v-059a402f]{font-size:16px}.author-card .author-card-links[data-v-059a402f]{display:-ms-flexbox;display:flex}.author-card .author-card-links a+a[data-v-059a402f]{margin-left:8px}.changelog section{max-width:960px}.changelog section+section{margin-top:56px}.changelog section .md-headline a{color:inherit}.changelog section ul a{font-weight:700}section[data-v-6918392a]{margin-top:64px;text-align:center}.md-avatar+.md-avatar[data-v-71526c58]{margin-left:8px}.md-bottom-bar[data-v-24874b3d]{position:absolute;right:0;bottom:0;left:0}.phone-viewport[data-v-24874b3d]{width:320px;height:150px;margin-right:16px;display:inline-block;position:relative;overflow:hidden;background-color:#ededed}.disabled-button[data-v-b2bd28d4]{margin-left:8px}.fab-holder[data-v-b2bd28d4]{height:300px}.md-button-group+.md-button-group[data-v-13cae4e1]{margin-top:16px}.card-holder .md-card[data-v-6e7e0ccb]{width:100%;max-width:320px;margin:0 4px 16px;display:inline-block;vertical-align:top}.card-example .md-subhead .md-icon[data-v-6e7e0ccb]{width:16px;min-width:16px;height:16px;min-height:16px;font-size:16px;line-height:16px}.card-example .md-subhead span[data-v-6e7e0ccb]{vertical-align:middle}.card-example .card-reservation[data-v-6e7e0ccb]{margin-top:8px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:distribute;justify-content:space-around}.card-example .card-reservation .md-icon[data-v-6e7e0ccb]{margin:8px;color:rgba(0,0,0,.54)!important}.card-example .card-reservation .md-button[data-v-6e7e0ccb]{border-radius:2px!important}.dialog-fab[data-v-e65f137a]{height:200px}.phone-viewport{width:360px;height:540px;margin-right:16px;display:inline-block;position:relative;overflow:hidden;background-color:#fff;border:1px solid rgba(0,0,0,.12)}.phone-viewport[data-v-819e694e]{height:400px}.custom-list .md-list-action[data-v-819e694e]{position:absolute;top:8px;right:16px;pointer-events:auto;z-index:2}.custom-list .md-icon[data-v-819e694e]{color:rgba(0,0,0,.26)}.md-menu[data-v-4afee79a]{margin-right:36px}.author-card[data-v-4afee79a]{padding:8px 16px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.author-card .md-avatar[data-v-4afee79a]{margin-right:16px}.author-card .author-card-info[data-v-4afee79a]{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-ms-flex:1;flex:1}.author-card span[data-v-4afee79a]{font-size:16px}.author-card .author-card-links[data-v-4afee79a]{display:-ms-flexbox;display:flex}.author-card .author-card-links a+a[data-v-4afee79a]{margin-left:8px}.has-ripple[data-v-4615340b]{margin-bottom:16px;padding:20px;display:inline-block;position:relative}.blue[data-v-4615340b]{color:#2196f3}.purple[data-v-4615340b]{color:#9c27b0}.red[data-v-4615340b]{color:#f44336}.card-ripple[data-v-4615340b]{width:300px;margin-top:24px}.field-group[data-v-7caab3f7]{display:-ms-flexbox;display:flex}.md-input-container[data-v-7caab3f7]{max-width:300px}.md-input-container+.md-input-container[data-v-7caab3f7]{margin-left:4px}.multiple[data-v-7caab3f7]{height:300px}.phone-viewport p[data-v-70fc7701]{padding:8px 16px}.spinner-demo[data-v-9c4b5ba4]{min-height:55px}.complete-example[data-v-9c4b5ba4]{width:56px;height:56px;position:relative}.complete-example .md-fab[data-v-9c4b5ba4]{margin:0}.complete-example .md-spinner[data-v-9c4b5ba4]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.md-table+.md-table-card[data-v-080f56ba],.md-table-card+.md-table-card[data-v-080f56ba],.output[data-v-080f56ba]{margin-top:24px}.output .md-title[data-v-080f56ba]{font-size:20px}.md-toolbar+.md-toolbar[data-v-7aafaa90]{margin-top:16px}.complete-example[data-v-7aafaa90]{height:540px;display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;position:relative;overflow:hidden;z-index:1}.complete-example .md-fab[data-v-7aafaa90]{margin:0;position:absolute;bottom:-20px;left:16px}.complete-example .md-title[data-v-7aafaa90]{color:#fff}.complete-example .md-list[data-v-7aafaa90]{overflow:auto}.complete-example .md-list-action .md-icon[data-v-7aafaa90]{color:rgba(0,0,0,.26)}.complete-example .md-avatar-icon .md-icon[data-v-7aafaa90]{color:#fff!important}.complete-example .md-sidenav .md-list-text-container>[data-v-7aafaa90]:nth-child(2){color:hsla(0,0%,100%,.54)}.complete-example .md-account-header .md-list-item:hover .md-button[data-v-7aafaa90]:hover{background-color:inherit}.complete-example .md-account-header .md-avatar-list .md-list-item-container[data-v-7aafaa90]:hover{background:none!important}.md-avatar[data-v-406a6b18],.md-button[data-v-406a6b18]{margin:24px}.md-whiteframe[data-v-15951f42]{width:100px;height:100px;margin:24px 12px 12px 24px;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.demo>[data-v-a5e4ce48]{margin:.5em 0;display:block}.layout-demo[data-v-65ea3bd7]{min-height:100px}.no-gutter>.md-layout[data-v-65ea3bd7]:last-child:before{background-color:rgba(0,0,0,.2)!important}.grid>.md-layout>.md-layout[data-v-65ea3bd7]:not(.md-column){min-height:40px;margin-bottom:16px}.grid-content[data-v-65ea3bd7]{padding:16px}.gutter .color .md-layout[data-v-65ea3bd7]{color:rgba(0,0,0,.54);font-size:13px;font-weight:500;text-indent:8px}.color:not(.md-column).md-gutter-8>.md-layout[data-v-65ea3bd7]:before{right:4px;left:4px}.color.md-column.md-gutter-8>.md-layout[data-v-65ea3bd7]:before{top:4px;bottom:4px}.color:not(.md-column).md-gutter-16>.md-layout[data-v-65ea3bd7]:before{right:8px;left:8px}.color.md-column.md-gutter-16>.md-layout[data-v-65ea3bd7]:before{top:8px;bottom:8px}.color:not(.md-column).md-gutter-24>.md-layout[data-v-65ea3bd7]:before{right:12px;left:12px}.color.md-column.md-gutter-24>.md-layout[data-v-65ea3bd7]:before{top:12px;bottom:12px}.color:not(.md-column).md-gutter-40>.md-layout[data-v-65ea3bd7]:before{right:20px;left:20px}.color.md-column.md-gutter-40>.md-layout[data-v-65ea3bd7]:before{top:20px;bottom:20px}.color>.md-layout[data-v-65ea3bd7]{position:relative}.color>.md-layout[data-v-65ea3bd7]:before{width:100%;height:100%;margin-bottom:-200%;display:block;pointer-events:none;background-color:rgba(0,0,0,.12);content:" "}.column-size[data-v-65ea3bd7]{height:250px!important}.column-size+.column-size[data-v-65ea3bd7]{margin-top:48px!important}.color-red[data-v-65ea3bd7]:before{background-color:#f44336!important}.color-blue[data-v-65ea3bd7]:before{background-color:#2196f3!important}.color-yellow[data-v-65ea3bd7]:before{background-color:#ffeb3b!important}.color-green[data-v-65ea3bd7]:before{background-color:#4caf50!important}.color-purple[data-v-65ea3bd7]:before{background-color:#9c27b0!important}.color-pink[data-v-65ea3bd7]:before{background-color:#e91e63!important}.color-teal[data-v-65ea3bd7]:before{background-color:#009688!important}.color-orange[data-v-65ea3bd7]:before{background-color:#ff9800!important}.properties table tr td[data-v-65ea3bd7]:first-child{white-space:nowrap}section[data-v-7868a37f]{max-width:960px}section+section[data-v-7868a37f]{margin-top:56px}iframe[data-v-7868a37f]{height:550px}section[data-v-caa7bc1c]{max-width:960px}section+section[data-v-caa7bc1c]{margin-top:56px}.app-example .page-layout[data-v-caa7bc1c]{display:-ms-flexbox;display:flex}.app-example .column[data-v-caa7bc1c]{-ms-flex:1;flex:1;background-color:rgba(0,0,0,.06)}.app-example .column+.column[data-v-caa7bc1c]{margin-left:16px}.app-example .md-list[data-v-caa7bc1c]{background:none}.app-example .md-subheading[data-v-caa7bc1c]{padding:16px;display:block}.app-example .item-text[data-v-caa7bc1c]{-ms-flex:1;flex:1}.app-example .md-checkbox[data-v-caa7bc1c]{margin-right:16px}.app-example .md-button[data-v-caa7bc1c]{margin-left:16px}.card-layout[data-v-caa7bc1c]{margin:16px 15%;display:-ms-flexbox;display:flex}.card-layout .column[data-v-caa7bc1c]{-ms-flex:1;flex:1}.card-layout .column+.column[data-v-caa7bc1c]{margin-left:8px}.card-layout .md-card+.md-card[data-v-caa7bc1c]{margin-top:8px}[v-cloak]{display:none}body,html{height:100%;overflow:hidden}.container,body{display:-ms-flexbox;display:flex}.container{min-height:100%;-ms-flex-flow:column nowrap;flex-flow:column;-ms-flex:1;flex:1;transition:all .4s cubic-bezier(.25,.8,.25,1)}@media (min-width:1281px){.container{padding-left:280px}}.main-sidebar.md-sidenav .md-sidenav-content{width:280px;display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column}@media (min-width:1281px){.main-sidebar.md-sidenav .md-sidenav-content{top:0;pointer-events:auto;transform:translateZ(0);box-shadow:0 1px 5px rgba(0,0,0,.2),0 2px 2px rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12)}}@media (min-width:1281px){.main-sidebar.md-sidenav .md-backdrop{opacity:0;pointer-events:none}}.main-sidebar.md-sidenav .md-toolbar{min-height:172px;border-bottom:1px solid rgba(0,0,0,.12)}.main-sidebar.md-sidenav .vue-material-logo{font-size:24px}.main-sidebar.md-sidenav .vue-material-logo a{width:100%;display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;color:inherit;text-decoration:none}.main-sidebar.md-sidenav .vue-material-logo a:hover{color:inherit;text-decoration:none}.main-sidebar.md-sidenav .vue-material-logo img{width:160px;margin-bottom:16px}.main-sidebar.md-sidenav .main-sidebar-links{overflow:auto}.main-sidebar.md-sidenav .main-sidebar-links .md-inset .md-list-item-container{padding-left:36px}.main-sidebar.md-sidenav .main-sidebar-links .md-list-item-container{font-size:14px;font-weight:500}.main-content{padding:16px;-ms-flex:1;flex:1;overflow:auto;background-color:#fff;transform:translate3D(0,0,0);transition:all .4s cubic-bezier(.25,.8,.25,1);transition-delay:.2s}.md-router-enter-active,.md-router-leave-active{position:absolute;top:0;right:0;left:0}@media (min-width:1281px){.md-router-enter-active,.md-router-leave-active{left:280px}}.md-router-enter-active .main-content,.md-router-leave-active .main-content{opacity:0;overflow:hidden}.md-router-leave-active{z-index:1;transition:all .3s cubic-bezier(.55,0,.55,.2);transition-duration:.25s}.md-router-enter-active{z-index:2;transition:all .4s cubic-bezier(.25,.8,.25,1)}.md-router-enter-active .main-content{transform:translate3D(0,7%,0)}code:not(.hljs){margin-left:1px;margin-right:1px;padding:0 4px;display:inline-block;border-radius:2px;font-family:Operator Mono,Fira Code,Menlo,Hack,Roboto Mono,Liberation Mono,Monaco,monospace}code:not(.hljs) pre{margin:8px 0}.page-content[data-v-a75df1d8]{min-height:100%;max-height:100%;-ms-flex:1;flex:1;display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column}.main-header[data-v-a75df1d8]{position:relative;z-index:2}.main-header .md-toolbar[data-v-a75df1d8]{color:#fff!important}@media (min-width:1281px){.nav-trigger[data-v-a75df1d8]{display:none}}.md-title[data-v-a75df1d8]{-ms-flex:1;flex:1}@media (min-width:1281px){.md-title[data-v-a75df1d8]{margin-left:8px}}.md-toolbar .md-select[data-v-a75df1d8]:after{color:hsla(0,0%,100%,.87)}.release-version[data-v-a75df1d8]{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;font-size:15px}.release-version .md-select[data-v-a75df1d8]{width:auto;min-width:auto;margin:0 8px}@media (max-width:480px){.github[data-v-a75df1d8]{display:none}}.component-docs[data-v-150110ac]{position:relative;z-index:1;display:-ms-flexbox;display:flex}@media (max-width:1024px){.component-docs[data-v-150110ac]{-ms-flex-direction:column;flex-direction:column}}.api-documentation[data-v-150110ac]{padding-bottom:24px}.md-headline[data-v-150110ac]{margin-top:36px;margin-bottom:24px;padding-top:36px;border-top:1px solid rgba(0,0,0,.12)}.usage-content[data-v-150110ac]{padding-right:8px;-ms-flex:1 1 45%;flex:1 1 45%}@media (max-width:1024px){.usage-content[data-v-150110ac]{padding:0;-ms-flex:none;flex:none;-ms-flex-order:2;order:2}}@media (min-width:1024px){.component-description .md-headline[data-v-150110ac]{display:none}}.example-content[data-v-150110ac]{padding-left:8px;-ms-flex:1 1 55%;flex:1 1 55%}@media (max-width:1024px){.example-content[data-v-150110ac]{padding:0;-ms-flex:none;flex:none}}.example-box .code-content .code-block{margin:-16px}.example-box .code-content .code-block+.code-block{margin-top:40px}.md-tooltip.md-codepen-tooltip{margin-left:-4px}.example-box[data-v-15c4d572]{margin-bottom:16px}.md-title[data-v-15c4d572]{position:relative;z-index:3}.example-tabs[data-v-15c4d572]{margin-top:-48px}@media (max-width:480px){.example-tabs[data-v-15c4d572]{margin-top:-1px;background-color:#fff}}.example-box-card[data-v-15c4d572]{position:relative;overflow:hidden}.example-box-card:hover .md-codepen[data-v-15c4d572]{opacity:.54;transform:translate3D(0,0,0);transition:.4s cubic-bezier(.25,.8,.25,1)}.md-codepen[data-v-15c4d572]{margin:0;padding:4px;cursor:pointer;position:absolute;right:4px;bottom:4px;border:none;background:none;opacity:.26;transform:translate3D(120%,0,0);transition:.3s cubic-bezier(.55,0,.55,.2)}.md-codepen img[data-v-15c4d572]{width:32px}pre[data-v-15c4d572]{display:none}.api-table+.api-table[data-v-3ca015cc]{margin-top:42px}.api-tab[data-v-3ca015cc]{padding:0}.md-title[data-v-3ca015cc]{margin-bottom:12px}.code-block[data-v-3312504a]{overflow:hidden;position:relative;border-radius:2px;background-color:#f4f4f4;color:#455a64;font-family:Operator Mono,Fira Code,Menlo,Hack,Roboto Mono,Liberation Mono,Monaco,monospace;font-size:14px;line-height:1.4em}.code-block+.code-block[data-v-3312504a]{margin-top:24px}.code-block[data-v-3312504a]:hover:after{opacity:0}.code-block:hover .md-icon-button[data-v-3312504a]{opacity:1}.code-block[data-v-3312504a]:after{position:absolute;top:20px;right:30px;transition:all .4s cubic-bezier(.25,.8,.25,1);color:rgba(0,0,0,.26);font-family:Roboto,Noto Sans,Noto,sans-serif;font-size:11px;line-height:1em}.code-block[data-lang=html][data-v-3312504a]:after{content:"HTML"}.code-block[data-lang=javascript][data-v-3312504a]:after{content:"Javascript"}.code-block[data-lang=xml][data-v-3312504a]:after{content:"HTML"}.code-block[data-lang=scss][data-v-3312504a]:after{content:"SCSS"}.code-block[data-lang=bash][data-v-3312504a]:after{content:"Shell"}.code-block pre[data-v-3312504a]{margin:0;white-space:pre}.code-block code[data-v-3312504a]{padding:0;background:none}.code-block-wrapper[data-v-3312504a]{min-width:100%;max-height:450px;padding:16px;overflow:auto}.md-icon-button[data-v-3312504a]{position:absolute;top:8px;right:20px;z-index:2;opacity:0;transition:all .4s cubic-bezier(.25,.8,.25,1)}.copied[data-v-3312504a]{padding:8px 16px;position:absolute;top:14px;left:12px;background-color:rgba(0,0,0,.87);border-radius:2px;transform:translate3d(0,-48px,0);transition:all .5s cubic-bezier(.35,0,.25,1);color:#fff;font-family:Roboto,Noto Sans,Noto,sans-serif;font-size:14px;line-height:1em}.copied.active[data-v-3312504a]{transition:all .4s cubic-bezier(.25,.8,.25,1);transform:translateZ(0)}.code-block .hljs-keyword,.code-block .hljs-selector-class,.code-block .hljs-selector-tag,.code-block .hljs-subst{font-weight:500}.code-block .hljs-keyword{color:#d81b60}.code-block .hljs-string{color:#00796b}.code-block .hljs-comment{color:#00796b;font-style:italic}.code-block .hljs-attr,.code-block .hljs-attribute,.code-block .hljs-built_in{color:#1976d2}.code-block .hljs-name,.code-block .hljs-number,.code-block .hljs-selector-class,.code-block .hljs-selector-tag,.code-block .hljs-tag{color:#d81b60}
\ No newline at end of file
diff --git a/index.html b/index.html
index 9ada4bb..99c0bc1 100644
--- a/index.html
+++ b/index.html
@@ -1 +1 @@
-<!DOCTYPE html><html lang=en-us><meta charset=utf-8><meta http-equiv=cleartype content=on><meta name=viewport content="width=device-width,initial-scale=1,minimal-ui"><meta name=mobile-web-app-capable content=yes><meta name=apple-mobile-web-app-capable content=yes><meta name=apple-mobile-web-app-status-bar-style content=black><meta name=apple-mobile-web-app-title content="Vue Material"><meta name=application-name content="Vue Material"><meta name=description content="Material Design for Vue"><meta name=msapplication-config content=/assets/favicon/browserconfig.xml><meta name=theme-color content=#2196f3><link rel=apple-touch-icon sizes=180x180 href=/assets/favicon/apple-touch-icon.png><link rel=icon type=image/png href=/assets/favicon/favicon-32x32.png sizes=32x32><link rel=icon type=image/png href=/assets/favicon/favicon-194x194.png sizes=194x194><link rel=icon type=image/png href=/assets/favicon/android-chrome-192x192.png sizes=192x192><link rel=icon type=image/png href=/assets/favicon/favicon-16x16.png sizes=16x16><link rel=manifest href=/assets/favicon/manifest.json><link rel=mask-icon href=/assets/favicon/safari-pinned-tab.svg color=#2196f3><link rel="shortcut icon" href=/assets/favicon/favicon.ico><title>Vue Material</title><link rel=stylesheet href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,400italic"><link rel=stylesheet href="https://fonts.googleapis.com/icon?family=Material+Icons"><link href=docs.1500a5cc.css rel=stylesheet><div id=app v-cloak><docs></docs></div><script>!function(e,t,a,n,c,o,s){e.GoogleAnalyticsObject=c,e[c]=e[c]||function(){(e[c].q=e[c].q||[]).push(arguments)},e[c].l=1*new Date,o=t.createElement(a),s=t.getElementsByTagName(a)[0],o.async=1,o.src=n,s.parentNode.insertBefore(o,s)}(window,document,"script","https://www.google-analytics.com/analytics.js","ga"),ga("create","UA-85823257-1","auto"),ga("send","pageview")</script><script src=manifest.e6d9ceed.js></script><script src=vendor.2044b105.js></script><script src=docs.6e3a4139.js></script>
\ No newline at end of file
+<!DOCTYPE html><html lang=en-us><meta charset=utf-8><meta http-equiv=cleartype content=on><meta name=viewport content="width=device-width,initial-scale=1,minimal-ui"><meta name=mobile-web-app-capable content=yes><meta name=apple-mobile-web-app-capable content=yes><meta name=apple-mobile-web-app-status-bar-style content=black><meta name=apple-mobile-web-app-title content="Vue Material"><meta name=application-name content="Vue Material"><meta name=description content="Material Design for Vue"><meta name=msapplication-config content=/assets/favicon/browserconfig.xml><meta name=theme-color content=#2196f3><link rel=apple-touch-icon sizes=180x180 href=/assets/favicon/apple-touch-icon.png><link rel=icon type=image/png href=/assets/favicon/favicon-32x32.png sizes=32x32><link rel=icon type=image/png href=/assets/favicon/favicon-194x194.png sizes=194x194><link rel=icon type=image/png href=/assets/favicon/android-chrome-192x192.png sizes=192x192><link rel=icon type=image/png href=/assets/favicon/favicon-16x16.png sizes=16x16><link rel=manifest href=/assets/favicon/manifest.json><link rel=mask-icon href=/assets/favicon/safari-pinned-tab.svg color=#2196f3><link rel="shortcut icon" href=/assets/favicon/favicon.ico><title>Vue Material</title><link rel=stylesheet href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,400italic"><link rel=stylesheet href="https://fonts.googleapis.com/icon?family=Material+Icons"><link href=docs.656c9671.css rel=stylesheet><div id=app v-cloak><docs></docs></div><script>!function(e,t,a,n,c,o,s){e.GoogleAnalyticsObject=c,e[c]=e[c]||function(){(e[c].q=e[c].q||[]).push(arguments)},e[c].l=1*new Date,o=t.createElement(a),s=t.getElementsByTagName(a)[0],o.async=1,o.src=n,s.parentNode.insertBefore(o,s)}(window,document,"script","https://www.google-analytics.com/analytics.js","ga"),ga("create","UA-85823257-1","auto"),ga("send","pageview")</script><script src=manifest.02098a2a.js></script><script src=vendor.2044b105.js></script><script src=docs.10916f44.js></script>
\ No newline at end of file
diff --git a/manifest.02098a2a.js b/manifest.02098a2a.js
new file mode 100644
index 0000000..ddf042d
--- /dev/null
+++ b/manifest.02098a2a.js
@@ -0,0 +1 @@
+!function(e){function t(n){if(r[n])return r[n].exports;var a=r[n]={exports:{},id:n,loaded:!1};return e[n].call(a.exports,a,a.exports,t),a.loaded=!0,a.exports}var n=window.webpackJsonp;window.webpackJsonp=function(o,p){for(var l,c,s=0,i=[];s<o.length;s++)c=o[s],a[c]&&i.push.apply(i,a[c]),a[c]=0;for(l in p)e[l]=p[l];for(n&&n(o,p);i.length;)i.shift().call(null,t);if(p[0])return r[0]=0,t(0)};var r={},a={0:0,2:0};t.e=function(e,n){if(0===a[e])return n.call(null,t);if(void 0!==a[e])a[e].push(n);else{a[e]=[n];var r=document.getElementsByTagName("head")[0],o=document.createElement("script");o.type="text/javascript",o.charset="utf-8",o.async=!0,o.src=t.p+""+e+"."+{1:"10916f44",2:"2044b105"}[e]+".js",r.appendChild(o)}},t.m=e,t.c=r,t.p=""}([]);
\ No newline at end of file