diff --git a/README.md b/README.md index e4f10c9..f93bb1d 100644 --- a/README.md +++ b/README.md @@ -1,6 +1,6 @@

- +

@@ -129,6 +129,7 @@ Please make sure to read the [Contributing Guide](https://github.com/marcosmoura ## Internal Dependencies 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. +* vue * autosize * element.scrollintoviewifneeded-polyfill * scopedQuerySelectorShim diff --git a/build/release.sh b/build/release.sh index 2a6383d..bec6220 100644 --- a/build/release.sh +++ b/build/release.sh @@ -43,10 +43,10 @@ if [[ $REPLY =~ ^[Yy]$ ]]; then # commit git add -A git commit -m "[build] $VERSION" - #### npm version $VERSION --message "[release] $VERSION" + npm version $VERSION --message "[release] $VERSION" # publish - #### git push origin refs/tags/v$VERSION + git push origin refs/tags/v$VERSION git push # deploy diff --git a/dist/components/mdAvatar/index.css b/dist/components/mdAvatar/index.css index c7212d8..9938ca0 100644 --- a/dist/components/mdAvatar/index.css +++ b/dist/components/mdAvatar/index.css @@ -1,74 +1 @@ -/* Common - ========================================================================== */ -/* Transitions - Based on Angular Material - ========================================================================== */ -/* Elevation - Based on Angular Material - ========================================================================== */ -.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, 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; -} - -/*# sourceMappingURL=index.css.map*/ \ No newline at end of file +.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} \ No newline at end of file diff --git a/dist/components/mdBackdrop/index.css b/dist/components/mdBackdrop/index.css index 39d3e09..ad07a0e 100644 --- a/dist/components/mdBackdrop/index.css +++ b/dist/components/mdBackdrop/index.css @@ -1,28 +1 @@ -/* Common - ========================================================================== */ -/* Transitions - Based on Angular Material - ========================================================================== */ -/* Elevation - Based on Angular Material - ========================================================================== */ -.md-backdrop { - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - z-index: 99; - pointer-events: none; - background-color: rgba(0, 0, 0, 0.54); - transform: translate3d(0, 0, 0); - opacity: 0; - transition: all 0.5s cubic-bezier(0.35, 0, 0.25, 1); -} -.md-backdrop.md-active { - opacity: 1; - pointer-events: auto; -} -.md-backdrop.md-transparent { - background: none; -} - -/*# sourceMappingURL=index.css.map*/ \ No newline at end of file +.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} \ No newline at end of file diff --git a/dist/components/mdBottomBar/index.css b/dist/components/mdBottomBar/index.css index 01aa555..a6ed294 100644 --- a/dist/components/mdBottomBar/index.css +++ b/dist/components/mdBottomBar/index.css @@ -1,96 +1 @@ -/* Common - ========================================================================== */ -/* Transitions - Based on Angular Material - ========================================================================== */ -/* Elevation - Based on Angular Material - ========================================================================== */ -.md-bottom-bar { - width: 100%; - min-width: 100%; - height: 56px; - position: relative; - display: -ms-flexbox; - display: flex; - -ms-flex-pack: center; - justify-content: center; - box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); - transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); -} -.md-bottom-bar-item { - max-width: 168px; - min-width: 80px; - height: 100%; - padding: 8px 12px 10px; - display: -ms-flexbox; - display: flex; - -ms-flex-flow: column nowrap; - flex-flow: column nowrap; - -ms-flex-align: center; - align-items: center; - -ms-flex-pack: justify; - justify-content: space-between; - -ms-flex: 1; - flex: 1; - position: relative; - cursor: pointer; - border: none; - background: transparent; - transform: translate3d(0, 0, 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) translate3d(0, 0, 0); -} -.md-bottom-bar-item.md-active .md-text, - .md-bottom-bar-item.md-active .md-icon { - 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: 0.4s cubic-bezier(0.25, 0.8, 0.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) translate3d(0, 0, 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(0.8571) translateY(2px); - transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), color 0.08s linear, opacity 0.08s linear; -} -.md-bottom-bar-item .md-icon { - transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), color 0.08s linear; -} - -/*# sourceMappingURL=index.css.map*/ \ No newline at end of file +.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 .08s linear,opacity .08s linear}.md-bottom-bar-item .md-icon{transition:all .4s cubic-bezier(.25,.8,.25,1),color .08s linear} \ No newline at end of file diff --git a/dist/components/mdButton/index.css b/dist/components/mdButton/index.css index 43858de..a5e0271 100644 --- a/dist/components/mdButton/index.css +++ b/dist/components/mdButton/index.css @@ -1,192 +1 @@ -/* Common - ========================================================================== */ -/* Transitions - Based on Angular Material - ========================================================================== */ -/* Elevation - Based on Angular Material - ========================================================================== */ -.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; - outline: none; - background: none; - border: 0; - border-radius: 2px; - transition: all 0.4s cubic-bezier(0.25, 0.8, 0.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:focus { - outline: none; -} -.md-button::-moz-focus-inner { - border: 0; -} -.md-button:hover:not([disabled]):not(.md-raised) { - background-color: rgba(153, 153, 153, 0.2); - text-decoration: none; -} -.md-button:hover:not([disabled]).md-raised { - background-color: rgba(0, 0, 0, 0.12); -} -.md-button:active:not([disabled]) { - background-color: rgba(153, 153, 153, 0.4); -} -.md-button.md-raised:not([disabled]) { - box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2), 0 2px 2px rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12); -} -.md-button.md-dense { - min-height: 32px; - line-height: 32px; - font-size: 13px; -} -.md-button.md-icon-button .md-icon, .md-button.md-fab .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, 0.2), 0 2px 2px rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12); - border-radius: 56px; - line-height: 56px; - background-clip: padding-box; - transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2); - transition-property: background-color, box-shadow, transform; -} -.md-button.md-fab:hover, .md-button.md-fab:focus { - box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 5px 8px rgba(0, 0, 0, 0.14), 0 1px 14px rgba(0, 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, 0.26); - cursor: default; -} -.md-button[disabled].md-raised, .md-button[disabled].md-fab { - background-color: rgba(0, 0, 0, 0.12); -} -.md-button[disabled].md-fab { - box-shadow: none; -} -.md-button:after { - transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); -} -.md-button .md-ink-ripple { - border-radius: 2px; - background-clip: padding-box; - overflow: hidden; -} -.md-button.md-icon-button .md-icon, -.md-button.md-fab .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; -} - -/*# sourceMappingURL=index.css.map*/ \ No newline at end of file +.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} \ No newline at end of file diff --git a/dist/components/mdButtonToggle/index.css b/dist/components/mdButtonToggle/index.css index 3901c7b..a248a48 100644 --- a/dist/components/mdButtonToggle/index.css +++ b/dist/components/mdButtonToggle/index.css @@ -1,39 +1 @@ -/* Common - ========================================================================== */ -/* Transitions - Based on Angular Material - ========================================================================== */ -/* Elevation - Based on Angular Material - ========================================================================== */ -.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, 0.54); -} -.md-button-toggle > .md-button:not([disabled]):hover:not(.md-toggle):not(.md-raised) { - background-color: rgba(153, 153, 153, 0.2); - text-decoration: none; -} -.md-button-toggle > .md-button .md-ink-ripple { - border-radius: 2px; -} - -/*# sourceMappingURL=index.css.map*/ \ No newline at end of file +.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} \ No newline at end of file diff --git a/dist/components/mdCard/index.css b/dist/components/mdCard/index.css index dba99e0..bf06836 100644 --- a/dist/components/mdCard/index.css +++ b/dist/components/mdCard/index.css @@ -1,301 +1 @@ -/* Common - ========================================================================== */ -/* Transitions - Based on Angular Material - ========================================================================== */ -/* Elevation - Based on Angular Material - ========================================================================== */ -.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, 0.2), 0 2px 2px rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12); -} -.md-card.md-with-hover { - cursor: pointer; - transition: all 0.4s cubic-bezier(0.25, 0.8, 0.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, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 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-title:first-child, - .md-card .md-card-header:first-child > .md-card-header-text > .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-title, - .md-card .md-card-header .md-avatar ~ .md-subhead { - 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-title, - .md-card .md-subheading { - 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 { - position: relative; -} -.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: rotateZ(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 0.4s cubic-bezier(0.25, 0.8, 0.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 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); - will-change: margin; -} - -/*# sourceMappingURL=index.css.map*/ \ No newline at end of file +.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} \ No newline at end of file diff --git a/dist/components/mdCheckbox/index.css b/dist/components/mdCheckbox/index.css index 477bec2..1996eb0 100644 --- a/dist/components/mdCheckbox/index.css +++ b/dist/components/mdCheckbox/index.css @@ -1,81 +1 @@ -/* Common - ========================================================================== */ -/* Transitions - Based on Angular Material - ========================================================================== */ -/* Elevation - Based on Angular Material - ========================================================================== */ -.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, 0.54); - transition: all 0.4s cubic-bezier(0.25, 0.8, 0.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 0.3s cubic-bezier(0.55, 0, 0.55, 0.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(0.15, 0.15, 1); - transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.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, 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 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); -} - -/*# sourceMappingURL=index.css.map*/ \ No newline at end of file +.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)} \ No newline at end of file diff --git a/dist/components/mdCore/index.css b/dist/components/mdCore/index.css index 609d22b..5bf66c2 100644 --- a/dist/components/mdCore/index.css +++ b/dist/components/mdCore/index.css @@ -1,36 +1 @@ -/* Common - ========================================================================== */ -/* Transitions - Based on Angular Material - ========================================================================== */ -/* Elevation - Based on Angular Material - ========================================================================== */ -.md-ink-ripple { - pointer-events: none; - overflow: hidden; - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - -webkit-mask-image: radial-gradient(circle, white 100%, black 100%); - mask-image: radial-gradient(circle, white 100%, black 100%); - transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.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(0.25, 0.8, 0.25, 1); -} -@keyframes ripple { -to { - transform: scale(1.5); - opacity: 0; -} -} - -/*# sourceMappingURL=index.css.map*/ \ No newline at end of file +.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}} \ No newline at end of file diff --git a/dist/components/mdDialog/index.css b/dist/components/mdDialog/index.css index becc6dc..0baad8a 100644 --- a/dist/components/mdDialog/index.css +++ b/dist/components/mdDialog/index.css @@ -1,102 +1 @@ -/* Common - ========================================================================== */ -/* Transitions - Based on Angular Material - ========================================================================== */ -/* Elevation - Based on Angular Material - ========================================================================== */ -.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 0.4s cubic-bezier(0.25, 0.8, 0.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%; - overflow: hidden; - position: relative; - z-index: 110; - outline: none; - border-radius: 2px; - opacity: 0; - box-shadow: 0 7px 9px -4px rgba(0, 0, 0, 0.2), 0 14px 21px 2px rgba(0, 0, 0, 0.14), 0 5px 26px 4px rgba(0, 0, 0, 0.12); - transform: scale(0.9, 0.85); - transform-origin: center center; - transition: opacity 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), transform 0.4s 0.05s cubic-bezier(0.25, 0.8, 0.25, 1); - 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; -} -.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-pack: end; - justify-content: flex-end; - -ms-flex-align: center; - align-items: center; -} -.md-dialog-actions .md-button { - min-width: 64px; - margin: 0; - padding: 0 8px; -} -.md-dialog-actions .md-button + .md-button { - margin-left: 8px; -} - -/*# sourceMappingURL=index.css.map*/ \ No newline at end of file +.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%;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}.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-pack:end;justify-content:flex-end;-ms-flex-align:center;align-items:center}.md-dialog-actions .md-button{min-width:64px;margin:0;padding:0 8px}.md-dialog-actions .md-button+.md-button{margin-left:8px} \ No newline at end of file diff --git a/dist/components/mdDivider/index.css b/dist/components/mdDivider/index.css index 3df257d..9752fe3 100644 --- a/dist/components/mdDivider/index.css +++ b/dist/components/mdDivider/index.css @@ -1,19 +1 @@ -/* Common - ========================================================================== */ -/* Transitions - Based on Angular Material - ========================================================================== */ -/* Elevation - Based on Angular Material - ========================================================================== */ -.md-divider { - height: 1px; - margin: 0; - padding: 0; - display: block; - border: 0; - background-color: rgba(0, 0, 0, 0.12); -} -.md-divider.md-inset { - margin-left: 72px; -} - -/*# sourceMappingURL=index.css.map*/ \ No newline at end of file +.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} \ No newline at end of file diff --git a/dist/components/mdIcon/index.css b/dist/components/mdIcon/index.css index dc59bd7..d17a718 100644 --- a/dist/components/mdIcon/index.css +++ b/dist/components/mdIcon/index.css @@ -1,21 +1 @@ -/* Common - ========================================================================== */ -/* Transitions - Based on Angular Material - ========================================================================== */ -/* Elevation - Based on Angular Material - ========================================================================== */ -.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; -} - -/*# sourceMappingURL=index.css.map*/ \ No newline at end of file +.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} \ No newline at end of file diff --git a/dist/components/mdInputContainer/index.css b/dist/components/mdInputContainer/index.css index 595fe91..60aeabf 100644 --- a/dist/components/mdInputContainer/index.css +++ b/dist/components/mdInputContainer/index.css @@ -1,158 +1 @@ -/* Common - ========================================================================== */ -/* Transitions - Based on Angular Material - ========================================================================== */ -/* Elevation - Based on Angular Material - ========================================================================== */ -.md-input-container { - min-height: 48px; - margin: 4px 0 24px; - padding-top: 16px; - position: relative; -} -.md-input-container:after { - height: 1px; - position: absolute; - right: 0; - bottom: 0; - left: 0; - background-color: rgba(0, 0, 0, 0.12); - transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); - content: " "; -} -.md-input-container label { - position: absolute; - top: 23px; - left: 0; - pointer-events: none; - transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); - transition-duration: .3s; - color: rgba(0, 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 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); - transition-property: font-size; - color: rgba(0, 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, 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; - line-height: 1.3em; - resize: none; -} -.md-input-container .md-error { - height: 20px; - display: block !important; - position: absolute; - opacity: 0; - transform: translate3d(0, -8px, 0); - transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.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-input-focused label, .md-input-container.md-has-value label { - pointer-events: auto; - top: 0; - opacity: 1; - font-size: 12px; -} -.md-input-container.md-input-focused input, -.md-input-container.md-input-focused textarea, .md-input-container.md-has-value input, -.md-input-container.md-has-value textarea { - font-size: 16px; -} -.md-input-container.md-has-value input, -.md-input-container.md-has-value textarea { - color: rgba(0, 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: bottom left repeat-x; - background-image: linear-gradient(to right, rgba(0, 0, 0, 0.38) 0%, rgba(0, 0, 0, 0.38) 33%, transparent 0%); - background-size: 4px 1px; -} -.md-input-container.md-input-disabled label, -.md-input-container.md-input-disabled input, -.md-input-container.md-input-disabled textarea { - color: rgba(0, 0, 0, 0.38); -} -.md-input-container.md-has-password.md-input-focused .md-toggle-password { - color: rgba(0, 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, 0.38); -} -.md-input-container.md-has-password .md-toggle-password .md-ink-ripple { - color: rgba(0, 0, 0, 0.87); -} -.md-input-container.md-input-invalid .md-error { - opacity: 1; - transform: translate3d(0, 0, 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:after { - color: rgba(0, 0, 0, 0.87); -} - -/*# sourceMappingURL=index.css.map*/ \ No newline at end of file +.md-input-container{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;line-height:1.3em;resize:none}.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:after{color:rgba(0,0,0,.87)} \ No newline at end of file diff --git a/dist/components/mdList/index.css b/dist/components/mdList/index.css index 6c94136..5d33a78 100644 --- a/dist/components/mdList/index.css +++ b/dist/components/mdList/index.css @@ -1,248 +1 @@ -/* Common - ========================================================================== */ -/* Transitions - Based on Angular Material - ========================================================================== */ -/* Elevation - Based on Angular Material - ========================================================================== */ -.md-list { - margin: 0; - padding: 8px 0; - display: -ms-flexbox; - display: flex; - -ms-flex-flow: column nowrap; - flex-flow: column nowrap; - 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) { - font-size: 13px; -} -.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) { - font-size: 13px; -} -.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 nowrap; - -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-icon, - .md-list-item .md-avatar { - margin: 0; -} -.md-list-item .md-icon:first-of-type + *, - .md-list-item .md-avatar: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, 0.54); -} -.md-list-item-expand { - min-height: 48px; - -ms-flex-flow: column wrap; - flex-flow: column wrap; - overflow: hidden; -} -.md-list-item-expand:before, .md-list-item-expand:after { - height: 1px; - position: absolute; - right: 0; - left: 0; - z-index: 3; - transition: all 0.4s cubic-bezier(0.25, 0.8, 0.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:before, .md-list-item-expand.md-active:after { - background-color: rgba(0, 0, 0, 0.12); -} -.md-list-item-expand.md-active:first-of-type:before { - background: none; -} -.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: rotateZ(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-list-item-container, - .md-list-item-expand .md-icon { - transition: all 0.4s cubic-bezier(0.25, 0.8, 0.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 0.5s cubic-bezier(0.35, 0, 0.25, 1); -} -.md-list-item-expand .md-list-expand.md-transition-off { - transition: none; -} -.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 nowrap; - -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, 0.54); - font-size: 14px; -} -.md-list-text-container > :nth-child(2):not(:last-child) { - color: rgba(0, 0, 0, 0.87); -} - -/*# sourceMappingURL=index.css.map*/ \ No newline at end of file +.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}.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)} \ No newline at end of file diff --git a/dist/components/mdMenu/index.css b/dist/components/mdMenu/index.css index 926493b..81affa5 100644 --- a/dist/components/mdMenu/index.css +++ b/dist/components/mdMenu/index.css @@ -1,116 +1 @@ -/* Common - ========================================================================== */ -/* Transitions - Based on Angular Material - ========================================================================== */ -/* Elevation - Based on Angular Material - ========================================================================== */ -.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(0.9, 0.85) translateZ(0); - background-color: #fff; - border-radius: 2px; - box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2), 0 2px 2px rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12); - opacity: 0; - transition: width 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), opacity 0.25s cubic-bezier(0.55, 0, 0.55, 0.2), margin 0.2s cubic-bezier(0.55, 0, 0.55, 0.2), transform 0s 0.25s cubic-bezier(0.55, 0, 0.55, 0.2); - will-change: transform, opacity, width; - color: rgba(33, 33, 33, 0.87); -} -.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 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), opacity 0.35s cubic-bezier(0.25, 0.8, 0.25, 1), transform 0.25s 0.05s cubic-bezier(0.25, 0.8, 0.25, 1); -} -.md-menu-content.md-active .md-list { - opacity: 1; - transition: opacity 0.2s 0.15s cubic-bezier(0.25, 0.8, 0.25, 1); -} -.md-menu-content .md-list { - opacity: 0; - transition: opacity 0.2s cubic-bezier(0.25, 0.8, 0.25, 1); -} -.md-menu-item { - cursor: pointer; - font-size: 16px; - line-height: 1.2em; -} -.md-menu-item:hover .md-button:not([disabled]), .md-menu-item:focus .md-button:not([disabled]), .md-menu-item.md-highlighted .md-button:not([disabled]) { - background-color: rgba(0, 0, 0, 0.12); -} -.md-menu-item[disabled] { - cursor: default; - color: rgba(0, 0, 0, 0.38); -} -.md-menu-item .md-list-item-holder { - overflow: hidden; - text-overflow: ellipsis; -} - -/*# sourceMappingURL=index.css.map*/ \ No newline at end of file +.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);background-color:#fff;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;color:rgba(33,33,33,.87)}.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.md-highlighted .md-button:not([disabled]),.md-menu-item:focus .md-button:not([disabled]),.md-menu-item:hover .md-button:not([disabled]){background-color:rgba(0,0,0,.12)}.md-menu-item[disabled]{cursor:default;color:rgba(0,0,0,.38)}.md-menu-item .md-list-item-holder{overflow:hidden;text-overflow:ellipsis} \ No newline at end of file diff --git a/dist/components/mdRadio/index.css b/dist/components/mdRadio/index.css index d33f6b2..c04a150 100644 --- a/dist/components/mdRadio/index.css +++ b/dist/components/mdRadio/index.css @@ -1,65 +1 @@ -/* Common - ========================================================================== */ -/* Transitions - Based on Angular Material - ========================================================================== */ -/* Elevation - Based on Angular Material - ========================================================================== */ -.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, 0.54); - transition: all 0.4s cubic-bezier(0.25, 0.8, 0.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(0.38, 0.38, 1); - transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.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, 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 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); -} - -/*# sourceMappingURL=index.css.map*/ \ No newline at end of file +.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)} \ No newline at end of file diff --git a/dist/components/mdSelect/index.css b/dist/components/mdSelect/index.css index e7747f9..f52f215 100644 --- a/dist/components/mdSelect/index.css +++ b/dist/components/mdSelect/index.css @@ -1,138 +1 @@ -/* Common - ========================================================================== */ -/* Transitions - Based on Angular Material - ========================================================================== */ -/* Elevation - Based on Angular Material - ========================================================================== */ -.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(0.45) scaleX(0.85); - transition: all 0.08s linear; - color: rgba(0, 0, 0, 0.54); - 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 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); - transition-duration: .25s; - transition-property: opacity, transform, top; -} -.md-select.md-active .md-select-menu > * { - opacity: 1; - transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2); - transition-duration: .15s; - transition-delay: .1s; -} -.md-select select { - position: absolute; - left: -999em; -} -.md-select .md-menu { - width: 100%; - height: 32px; - display: block; - position: relative; -} -.md-select .md-select-value { - width: 100%; - height: 32px; - padding-right: 24px; - display: block; - cursor: pointer; - overflow: hidden; - position: relative; - z-index: 2; - font-size: 16px; - line-height: 33px; - text-overflow: ellipsis; - white-space: nowrap; -} -.md-select .md-select-menu { - min-width: 156px; - max-width: 100%; - min-height: 48px; - display: -ms-flexbox; - display: flex; - -ms-flex-flow: column; - flex-flow: column; - -ms-flex-pack: stretch; - justify-content: stretch; - -ms-flex-line-pack: stretch; - align-content: stretch; - pointer-events: none; - position: absolute; - top: -16px; - left: -16px; - z-index: 7; - background-color: #fff; - border-radius: 2px; - box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2), 0 2px 2px rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12); - opacity: 0; - transform: scale3D(0.85, 0.7, 1); - transition: opacity 0.25s cubic-bezier(0.55, 0, 0.55, 0.2), top 0.25s cubic-bezier(0.55, 0, 0.55, 0.2), transform 0s 0.25s cubic-bezier(0.55, 0, 0.55, 0.2); - color: rgba(33, 33, 33, 0.87); -} -.md-select .md-select-menu > * { - opacity: 0; - transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); - transition-duration: .25s; -} -.md-select .md-select-menu-container { - margin: 0; - padding: 8px 0; - display: -ms-flexbox; - display: flex; - -ms-flex-flow: column; - flex-flow: column; - -ms-flex-pack: stretch; - justify-content: stretch; - -ms-flex-line-pack: stretch; - align-content: stretch; - overflow-x: hidden; - overflow-y: auto; -} -.md-select .md-subheader { - color: rgba(117, 117, 117, 0.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; -} - -/*# sourceMappingURL=index.css.map*/ \ No newline at end of file +.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 .08s linear;color:rgba(0,0,0,.54);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 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-select-menu{min-width:156px;max-width:100%;min-height:48px;display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-ms-flex-pack:stretch;justify-content:stretch;-ms-flex-line-pack:stretch;align-content:stretch;pointer-events:none;position:absolute;top:-16px;left:-16px;z-index:7;background-color:#fff;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;transform:scale3D(.85,.7,1);transition:opacity .25s cubic-bezier(.55,0,.55,.2),top .25s cubic-bezier(.55,0,.55,.2),transform 0s cubic-bezier(.55,0,.55,.2) .25s;color:rgba(33,33,33,.87)}.md-select .md-select-menu>*{opacity:0;transition:all .4s cubic-bezier(.25,.8,.25,1);transition-duration:.25s}.md-select .md-select-menu-container{margin:0;padding:8px 0;display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-ms-flex-pack:stretch;justify-content:stretch;-ms-flex-line-pack:stretch;align-content:stretch;overflow-x:hidden;overflow-y:auto}.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} \ No newline at end of file diff --git a/dist/components/mdSidenav/index.css b/dist/components/mdSidenav/index.css index a5b4606..4054ac6 100644 --- a/dist/components/mdSidenav/index.css +++ b/dist/components/mdSidenav/index.css @@ -1,56 +1 @@ -/* Common - ========================================================================== */ -/* Transitions - Based on Angular Material - ========================================================================== */ -/* Elevation - Based on Angular Material - ========================================================================== */ -.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-content, -.md-sidenav.md-fixed .md-sidenav-backdrop { - 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 0.4s cubic-bezier(0.25, 0.8, 0.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, 0.54); - opacity: 0; - transition: all 0.5s cubic-bezier(0.35, 0, 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, 0.2), 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12); - pointer-events: auto; - transform: translate3D(0, 0, 0); -} -.md-sidenav.md-active .md-sidenav-backdrop { - opacity: 1; - pointer-events: auto; -} - -/*# sourceMappingURL=index.css.map*/ \ No newline at end of file +.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} \ No newline at end of file diff --git a/dist/components/mdSubheader/index.css b/dist/components/mdSubheader/index.css index 3f81d9e..cbcff40 100644 --- a/dist/components/mdSubheader/index.css +++ b/dist/components/mdSubheader/index.css @@ -1,21 +1 @@ -/* Common - ========================================================================== */ -/* Transitions - Based on Angular Material - ========================================================================== */ -/* Elevation - Based on Angular Material - ========================================================================== */ -.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, 0.54); - font-size: 14px; - font-weight: 500; -} - -/*# sourceMappingURL=index.css.map*/ \ No newline at end of file +.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} \ No newline at end of file diff --git a/dist/components/mdSwitch/index.css b/dist/components/mdSwitch/index.css index c3aaece..52be3e3 100644 --- a/dist/components/mdSwitch/index.css +++ b/dist/components/mdSwitch/index.css @@ -1,82 +1 @@ -/* Common - ========================================================================== */ -/* Transitions - Based on Angular Material - ========================================================================== */ -/* Elevation - Based on Angular Material - ========================================================================== */ -.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 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); - background-color: rgba(0, 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, 0.2), 0 1px 1px rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12); - transition: all 0.08s 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, 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; -} - -/*# sourceMappingURL=index.css.map*/ \ No newline at end of file +.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 .08s 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} \ No newline at end of file diff --git a/dist/components/mdTable/index.css b/dist/components/mdTable/index.css index 2ec8d2f..c59a7fd 100644 --- a/dist/components/mdTable/index.css +++ b/dist/components/mdTable/index.css @@ -1,323 +1 @@ -/* Common - ========================================================================== */ -/* Transitions - Based on Angular Material - ========================================================================== */ -/* Elevation - Based on Angular Material - ========================================================================== */ -.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-table-cell, - .md-table.md-transition-off .md-checkbox .md-checkbox-container, - .md-table.md-transition-off .md-checkbox .md-checkbox-container:after { - 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, 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, 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 0.4s cubic-bezier(0.25, 0.8, 0.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:hover, .md-table .md-sortable.md-sorted { - color: rgba(0, 0, 0, 0.87); -} -.md-table .md-sortable:hover .md-sortable-icon, .md-table .md-sortable.md-sorted .md-sortable-icon { - opacity: 1; -} -.md-table .md-sortable.md-sorted .md-sortable-icon { - color: rgba(0, 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 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); - transform: translateY(-50%); - opacity: 0; - color: rgba(0, 0, 0, 0.38); -} -.md-table .md-sortable .md-ink-ripple { - color: rgba(0, 0, 0, 0.87); -} -.md-table .md-table-cell { - height: 48px; - position: relative; - transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); - color: rgba(0, 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, 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-select-value, - .md-table .md-option { - font-size: 13px; -} -.md-table-edit-trigger { - display: inline-block; - cursor: pointer; - color: rgba(0, 0, 0, 0.38); -} -.md-table-edit-trigger.md-edited { - color: rgba(0, 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, 0.2), 0 2px 2px rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12); - background-color: #fff; - opacity: 0; - transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), max-height 0s 0.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 0.4s cubic-bezier(0.25, 0.8, 0.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, 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, 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, 0.87); -} -.md-table-card .md-table-pagination .md-button[disabled] .md-icon { - color: rgba(0, 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 0.4s cubic-bezier(0.25, 0.8, 0.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; -} - -/*# sourceMappingURL=index.css.map*/ \ No newline at end of file +.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} \ No newline at end of file diff --git a/dist/components/mdTabs/index.css b/dist/components/mdTabs/index.css index 3e451e3..b103592 100644 --- a/dist/components/mdTabs/index.css +++ b/dist/components/mdTabs/index.css @@ -1,126 +1 @@ -/* Common - ========================================================================== */ -/* Transitions - Based on Angular Material - ========================================================================== */ -/* Elevation - Based on Angular Material - ========================================================================== */ -.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 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); -} -.md-tabs .md-tabs-navigation { - height: 48px; - min-height: 48px; - position: relative; - z-index: 1; - display: -ms-flexbox; - display: flex; - transition: all 0.4s cubic-bezier(0.25, 0.8, 0.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 0.4s cubic-bezier(0.25, 0.8, 0.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 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), left 0.3s cubic-bezier(0.35, 0, 0.25, 1), right 0.15s cubic-bezier(0.35, 0, 0.25, 1); -} -.md-tabs .md-tab-indicator.md-to-left { - transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), right 0.3s cubic-bezier(0.35, 0, 0.25, 1), left 0.15s cubic-bezier(0.35, 0, 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: translate3d(0, 0, 0); - transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); -} -.md-tabs .md-tab { - padding: 16px; - position: absolute; - top: 0; - left: 0; - right: 0; -} - -/*# sourceMappingURL=index.css.map*/ \ No newline at end of file +.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} \ No newline at end of file diff --git a/dist/components/mdToolbar/index.css b/dist/components/mdToolbar/index.css index 2179945..9d504bf 100644 --- a/dist/components/mdToolbar/index.css +++ b/dist/components/mdToolbar/index.css @@ -1,109 +1 @@ -/* Common - ========================================================================== */ -/* Transitions - Based on Angular Material - ========================================================================== */ -/* Elevation - Based on Angular Material - ========================================================================== */ -.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 0.4s cubic-bezier(0.25, 0.8, 0.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: rgba(255, 255, 255, 0.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: rgba(255, 255, 255, 0.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; -} - -/*# sourceMappingURL=index.css.map*/ \ No newline at end of file +.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} \ No newline at end of file diff --git a/dist/components/mdTooltip/index.css b/dist/components/mdTooltip/index.css index 577bb85..b4ecb32 100644 --- a/dist/components/mdTooltip/index.css +++ b/dist/components/mdTooltip/index.css @@ -1,67 +1 @@ -/* Common - ========================================================================== */ -/* Transitions - Based on Angular Material - ========================================================================== */ -/* Elevation - Based on Angular Material - ========================================================================== */ -.md-tooltip { - height: 20px; - padding: 0 8px; - position: fixed; - z-index: 200; - pointer-events: none; - background-color: rgba(97, 97, 97, 0.87); - border-radius: 2px; - opacity: 0; - transform-origin: center top; - transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); - transition-duration: .3s; - transition-delay: 0s; - color: #fff; - font-family: Roboto, Lato, sans-serif; - font-size: 10px; - line-height: 20px; - text-transform: none; - white-space: nowrap; -} -.md-tooltip.md-active { - opacity: 1; - transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.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%, 0); -} -.md-tooltip.md-tooltip-right { - margin-left: 14px; - transform: translate(-8px, 50%); -} -.md-tooltip.md-tooltip-right.md-active { - transform: translate(0, 50%); -} -.md-tooltip.md-tooltip-bottom { - margin-top: 14px; - transform: translate(-50%, -8px); -} -.md-tooltip.md-tooltip-bottom.md-active { - transform: translate(-50%, 0); -} -.md-tooltip.md-tooltip-left { - margin-left: -14px; - transform: translate(8px, 50%); -} -.md-tooltip.md-tooltip-left.md-active { - transform: translate(0, 50%); -} - -/*# sourceMappingURL=index.css.map*/ \ No newline at end of file +.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,Lato,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%)} \ No newline at end of file diff --git a/dist/components/mdWhiteframe/index.css b/dist/components/mdWhiteframe/index.css index 3ecec27..fdbde2e 100644 --- a/dist/components/mdWhiteframe/index.css +++ b/dist/components/mdWhiteframe/index.css @@ -1,84 +1 @@ -/* Common - ========================================================================== */ -/* Transitions - Based on Angular Material - ========================================================================== */ -/* Elevation - Based on Angular Material - ========================================================================== */ -.md-whiteframe { - position: relative; - z-index: 1; -} -.md-whiteframe-1dp { - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2), 0 1px 1px rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12); -} -.md-whiteframe-2dp { - box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2), 0 2px 2px rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12); -} -.md-whiteframe-3dp { - box-shadow: 0 1px 8px rgba(0, 0, 0, 0.2), 0 3px 4px rgba(0, 0, 0, 0.14), 0 3px 3px -2px rgba(0, 0, 0, 0.12); -} -.md-whiteframe-4dp { - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px rgba(0, 0, 0, 0.14), 0 1px 10px rgba(0, 0, 0, 0.12); -} -.md-whiteframe-5dp { - box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 5px 8px rgba(0, 0, 0, 0.14), 0 1px 14px rgba(0, 0, 0, 0.12); -} -.md-whiteframe-6dp { - box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px rgba(0, 0, 0, 0.14), 0 1px 18px rgba(0, 0, 0, 0.12); -} -.md-whiteframe-7dp { - box-shadow: 0 4px 5px -2px rgba(0, 0, 0, 0.2), 0 7px 10px 1px rgba(0, 0, 0, 0.14), 0 2px 16px 1px rgba(0, 0, 0, 0.12); -} -.md-whiteframe-8dp { - box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); -} -.md-whiteframe-9dp { - box-shadow: 0 5px 6px -3px rgba(0, 0, 0, 0.2), 0 9px 12px 1px rgba(0, 0, 0, 0.14), 0 3px 16px 2px rgba(0, 0, 0, 0.12); -} -.md-whiteframe-10dp { - box-shadow: 0 6px 6px -3px rgba(0, 0, 0, 0.2), 0 10px 14px 1px rgba(0, 0, 0, 0.14), 0 4px 18px 3px rgba(0, 0, 0, 0.12); -} -.md-whiteframe-11dp { - box-shadow: 0 6px 7px -4px rgba(0, 0, 0, 0.2), 0 11px 15px 1px rgba(0, 0, 0, 0.14), 0 4px 20px 3px rgba(0, 0, 0, 0.12); -} -.md-whiteframe-12dp { - box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 12px 17px 2px rgba(0, 0, 0, 0.14), 0 5px 22px 4px rgba(0, 0, 0, 0.12); -} -.md-whiteframe-13dp { - box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 13px 19px 2px rgba(0, 0, 0, 0.14), 0 5px 24px 4px rgba(0, 0, 0, 0.12); -} -.md-whiteframe-14dp { - box-shadow: 0 7px 9px -4px rgba(0, 0, 0, 0.2), 0 14px 21px 2px rgba(0, 0, 0, 0.14), 0 5px 26px 4px rgba(0, 0, 0, 0.12); -} -.md-whiteframe-15dp { - box-shadow: 0 8px 9px -5px rgba(0, 0, 0, 0.2), 0 15px 22px 2px rgba(0, 0, 0, 0.14), 0 6px 28px 5px rgba(0, 0, 0, 0.12); -} -.md-whiteframe-16dp { - box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.2), 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12); -} -.md-whiteframe-17dp { - box-shadow: 0 8px 11px -5px rgba(0, 0, 0, 0.2), 0 17px 26px 2px rgba(0, 0, 0, 0.14), 0 6px 32px 5px rgba(0, 0, 0, 0.12); -} -.md-whiteframe-18dp { - box-shadow: 0 9px 11px -5px rgba(0, 0, 0, 0.2), 0 18px 28px 2px rgba(0, 0, 0, 0.14), 0 7px 34px 6px rgba(0, 0, 0, 0.12); -} -.md-whiteframe-19dp { - box-shadow: 0 9px 12px -6px rgba(0, 0, 0, 0.2), 0 19px 29px 2px rgba(0, 0, 0, 0.14), 0 7px 36px 6px rgba(0, 0, 0, 0.12); -} -.md-whiteframe-20dp { - box-shadow: 0 10px 13px -6px rgba(0, 0, 0, 0.2), 0 20px 31px 3px rgba(0, 0, 0, 0.14), 0 8px 38px 7px rgba(0, 0, 0, 0.12); -} -.md-whiteframe-21dp { - box-shadow: 0 10px 13px -6px rgba(0, 0, 0, 0.2), 0 21px 33px 3px rgba(0, 0, 0, 0.14), 0 8px 40px 7px rgba(0, 0, 0, 0.12); -} -.md-whiteframe-22dp { - box-shadow: 0 10px 14px -6px rgba(0, 0, 0, 0.2), 0 22px 35px 3px rgba(0, 0, 0, 0.14), 0 8px 42px 7px rgba(0, 0, 0, 0.12); -} -.md-whiteframe-23dp { - box-shadow: 0 11px 14px -7px rgba(0, 0, 0, 0.2), 0 23px 36px 3px rgba(0, 0, 0, 0.14), 0 9px 44px 8px rgba(0, 0, 0, 0.12); -} -.md-whiteframe-24dp { - box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); -} - -/*# sourceMappingURL=index.css.map*/ \ No newline at end of file +.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)} \ No newline at end of file diff --git a/dist/docs/docs.18e2b80d.css b/dist/docs/docs.10hg96jp.css similarity index 100% rename from dist/docs/docs.18e2b80d.css rename to dist/docs/docs.10hg96jp.css diff --git a/dist/docs/docs.9af816a0.js b/dist/docs/docs.10hg96jp.js similarity index 54% rename from dist/docs/docs.9af816a0.js rename to dist/docs/docs.10hg96jp.js index abd7d60..687c606 100644 --- a/dist/docs/docs.9af816a0.js +++ b/dist/docs/docs.10hg96jp.js @@ -15,16 +15,16 @@ document.title=this.pageTitle+" - Vue Material"}},t.exports=e.default},function( 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 f(t){N=d(N,t)}function h(){if(!h.called){h.called=!0;var t=document.querySelectorAll("pre code");E.forEach.call(t,b)}}function v(){addEventListener("DOMContentLoaded",h,!1),addEventListener("load",h,!1)}function g(e,n){var a=w[e]=n(t);a.aliases&&a.aliases.forEach(function(t){_[t]=e})}function y(){return C(w)}function x(t){return t=(t||"").toLowerCase(),w[t]||w[_[t]]}var E=[],C=Object.keys,w={},_={},k=/^(no-?highlight|plain|text)$/i,M=/\blang(?:uage)?-([\w-]+)\b/i,A=/((^(<[^>]+>|\t|)+|(?:\n)))/gm,T="",N={classPrefix:"hljs-",tabReplace:null,useBR:!1,languages:void 0},R={"&":"&","<":"<",">":">"};return t.highlight=m,t.highlightAuto=c,t.fixMarkup=u,t.highlightBlock=b,t.configure=f,t.initHighlighting=h,t.initHighlightingOnLoad=v,t.registerLanguage=g,t.listLanguages=y,t.getLanguage=x,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://,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:/`]+/}]}]}]};return{aliases:["html","xhtml","rss","atom","xjb","xsd","xsl","plist"],case_insensitive:!0,contains:[{className:"meta",begin:"",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:"|$)",end:">",keywords:{name:"style"},contains:[n],starts:{end:"",returnEnd:!0,subLanguage:["css","xml"]}},{className:"tag",begin:"|$)",end:">",keywords:{name:"script"},contains:[n],starts:{end:"",returnEnd:!0,subLanguage:["actionscript","javascript","handlebars","xml"]}},{className:"meta",variants:[{begin:/<\?xml/,end:/\?>/,relevance:10},{begin:/<\?\w+/,end:/\?>/}]},{className:"tag",begin:"",contains:[{className:"name",begin:/[^\/><\s]+/,relevance:0},n]}]}}},function(t,e){t.exports=["0.3.3","0.4.0"]},function(t,e){t.exports=".THEME_NAME .md-avatar.md-primary.md-avatar-icon,.THEME_NAME.md-avatar.md-primary.md-avatar-icon{background-color:PRIMARY-COLOR}.THEME_NAME .md-avatar.md-primary.md-avatar-icon .md-icon,.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,.THEME_NAME.md-avatar.md-accent.md-avatar-icon{background-color:ACCENT-COLOR}.THEME_NAME .md-avatar.md-accent.md-avatar-icon .md-icon,.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,.THEME_NAME.md-avatar.md-warn.md-avatar-icon{background-color:WARN-COLOR}.THEME_NAME .md-avatar.md-warn.md-avatar-icon .md-icon,.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,.THEME_NAME.md-bottom-bar.md-fixed{background-color:BACKGROUND-COLOR}.THEME_NAME .md-bottom-bar.md-fixed .md-bottom-bar-item,.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),.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,.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,.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,.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,.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,.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,.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),.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,.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,.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,.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),.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,.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,.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,.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),.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,.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,.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,.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),.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,.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),.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,.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),.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,.THEME_NAME.md-button:not([disabled]).md-fab{color:ACCENT-CONTRAST;background-color:ACCENT-COLOR}.THEME_NAME .md-button:not([disabled]).md-fab:hover,.THEME_NAME.md-button:not([disabled]).md-fab:hover{background-color:ACCENT-COLOR-600}.THEME_NAME .md-button:not([disabled]).md-fab.md-clean,.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,.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),.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,.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,.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),.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),.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,.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,.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),.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),.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,.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,.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),.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,.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,.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]),.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,.THEME_NAME.md-button-toggle .md-toggle+.md-toggle:after{background-color:BACKGROUND-COLOR-600}.THEME_NAME .md-button-toggle.md-primary .md-toggle,.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]),.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,.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,.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]),.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,.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,.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]),.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,.THEME_NAME.md-button-toggle.md-warn .md-toggle+.md-toggle:after{background-color:WARN-COLOR-700}.THEME_NAME .md-button-toggle [disabled],.THEME_NAME.md-button-toggle [disabled]{color:rgba(0,0,0,0.26)}.THEME_NAME .md-button-toggle [disabled].md-toggle,.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,.THEME_NAME.md-card{background-color:BACKGROUND-COLOR-A100}.THEME_NAME .md-card .md-card-header .md-icon-button .md-icon,.THEME_NAME .md-card .md-card-actions .md-icon-button .md-icon,.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,.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,.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,.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,.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,.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,.THEME_NAME.md-checkbox.md-checked .md-checkbox-container:after{border-color:ACCENT-CONTRAST}.THEME_NAME .md-checkbox.md-checked .md-ink-ripple,.THEME_NAME.md-checkbox.md-checked .md-ink-ripple{color:ACCENT-COLOR}.THEME_NAME .md-checkbox.md-checked .md-ripple,.THEME_NAME.md-checkbox.md-checked .md-ripple{opacity:.38}.THEME_NAME .md-checkbox.md-primary.md-checked .md-checkbox-container,.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,.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,.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,.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,.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,.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,.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,.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,.THEME_NAME.md-dialog{background-color:BACKGROUND-COLOR-A100;color:BACKGROUND-CONTRAST}\n"},function(t,e){t.exports=".THEME_NAME .md-icon.md-primary,.THEME_NAME.md-icon.md-primary{color:PRIMARY-COLOR}.THEME_NAME .md-icon.md-accent,.THEME_NAME.md-icon.md-accent{color:ACCENT-COLOR}.THEME_NAME .md-icon.md-warn,.THEME_NAME.md-icon.md-warn{color:WARN-COLOR}\n"},function(t,e){t.exports=".THEME_NAME .md-input-container.md-input-invalid:after,.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,.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,.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,.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,.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,.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,.THEME_NAME.md-input-container.md-input-focused label{color:PRIMARY-COLOR}\n"},function(t,e){t.exports=".THEME_NAME .md-list,.THEME_NAME.md-list{background-color:BACKGROUND-COLOR-A100;color:BACKGROUND-CONTRAST}.THEME_NAME .md-list.md-transparent,.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,.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,.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,.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,.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,.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,.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,.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,.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,.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,.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=""},function(t,e){t.exports=".THEME_NAME .md-radio .md-radio-container:after,.THEME_NAME.md-radio .md-radio-container:after{background-color:ACCENT-COLOR}.THEME_NAME .md-radio.md-checked .md-radio-container,.THEME_NAME.md-radio.md-checked .md-radio-container{border-color:ACCENT-COLOR}.THEME_NAME .md-radio.md-checked .md-ink-ripple,.THEME_NAME.md-radio.md-checked .md-ink-ripple{color:ACCENT-COLOR}.THEME_NAME .md-radio.md-checked .md-ripple,.THEME_NAME.md-radio.md-checked .md-ripple{opacity:.38}.THEME_NAME .md-radio.md-primary .md-radio-container:after,.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,.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,.THEME_NAME.md-radio.md-primary.md-checked .md-ink-ripple{color:PRIMARY-COLOR}.THEME_NAME .md-radio.md-warn .md-radio-container:after,.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,.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,.THEME_NAME.md-radio.md-warn.md-checked .md-ink-ripple{color:WARN-COLOR}.THEME_NAME .md-radio.md-disabled .md-radio-container,.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,.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,.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-content .md-menu-item.md-selected,.THEME_NAME .md-select-content .md-menu-item.md-checked,.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,.THEME_NAME.md-sidenav .md-sidenav-content{background-color:BACKGROUND-COLOR-A100;color:BACKGROUND-CONTRAST}\n"},function(t,e){t.exports=".THEME_NAME .md-subheader.md-primary,.THEME_NAME.md-subheader.md-primary{color:PRIMARY-COLOR}.THEME_NAME .md-subheader.md-accent,.THEME_NAME.md-subheader.md-accent{color:ACCENT-COLOR}.THEME_NAME .md-subheader.md-warn,.THEME_NAME.md-subheader.md-warn{color:WARN-COLOR}\n"},function(t,e){t.exports=".THEME_NAME .md-switch.md-checked .md-switch-container,.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,.THEME_NAME.md-switch.md-checked .md-switch-thumb{background-color:ACCENT-COLOR}.THEME_NAME .md-switch.md-checked .md-ink-ripple,.THEME_NAME.md-switch.md-checked .md-ink-ripple{color:ACCENT-COLOR}.THEME_NAME .md-switch.md-checked .md-ripple,.THEME_NAME.md-switch.md-checked .md-ripple{opacity:.38}.THEME_NAME .md-switch.md-checked.md-primary .md-switch-container,.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,.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,.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,.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,.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,.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,.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,.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,.THEME_NAME.md-table-card .md-toolbar{background-color:BACKGROUND-COLOR-A100;color:BACKGROUND-CONTRAST-A100}.THEME_NAME .md-table-alternate-header,.THEME_NAME.md-table-alternate-header{background-color:BACKGROUND-COLOR-A100}.THEME_NAME .md-table-alternate-header .md-toolbar,.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,.THEME_NAME.md-table-alternate-header .md-counter{color:ACCENT-COLOR}\n"},function(t,e){t.exports=".THEME_NAME .md-tabs .md-tabs-navigation,.THEME_NAME.md-tabs .md-tabs-navigation{background-color:PRIMARY-COLOR}.THEME_NAME .md-tabs .md-tab-header,.THEME_NAME.md-tabs .md-tab-header{color:PRIMARY-CONTRAST-0.54}.THEME_NAME .md-tabs .md-tab-header.md-active,.THEME_NAME .md-tabs .md-tab-header:focus,.THEME_NAME.md-tabs .md-tab-header.md-active,.THEME_NAME.md-tabs .md-tab-header:focus{color:PRIMARY-CONTRAST}.THEME_NAME .md-tabs .md-tab-header.md-disabled,.THEME_NAME.md-tabs .md-tab-header.md-disabled{color:PRIMARY-CONTRAST-0.26}.THEME_NAME .md-tabs .md-tab-indicator,.THEME_NAME.md-tabs .md-tab-indicator{background-color:ACCENT-COLOR}.THEME_NAME .md-tabs.md-transparent .md-tabs-navigation,.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-tab-header,.THEME_NAME.md-tabs.md-transparent .md-tab-header{color:BACKGROUND-CONTRAST-0.54}.THEME_NAME .md-tabs.md-transparent .md-tab-header.md-active,.THEME_NAME .md-tabs.md-transparent .md-tab-header:focus,.THEME_NAME.md-tabs.md-transparent .md-tab-header.md-active,.THEME_NAME.md-tabs.md-transparent .md-tab-header:focus{color:PRIMARY-COLOR}.THEME_NAME .md-tabs.md-transparent .md-tab-header.md-disabled,.THEME_NAME.md-tabs.md-transparent .md-tab-header.md-disabled{color:BACKGROUND-CONTRAST-0.26}.THEME_NAME .md-tabs.md-transparent .md-tab-indicator,.THEME_NAME.md-tabs.md-transparent .md-tab-indicator{background-color:PRIMARY-COLOR}.THEME_NAME .md-tabs.md-accent .md-tabs-navigation,.THEME_NAME.md-tabs.md-accent .md-tabs-navigation{background-color:ACCENT-COLOR}.THEME_NAME .md-tabs.md-accent .md-tab-header,.THEME_NAME.md-tabs.md-accent .md-tab-header{color:ACCENT-CONTRAST-0.54}.THEME_NAME .md-tabs.md-accent .md-tab-header.md-active,.THEME_NAME .md-tabs.md-accent .md-tab-header:focus,.THEME_NAME.md-tabs.md-accent .md-tab-header.md-active,.THEME_NAME.md-tabs.md-accent .md-tab-header:focus{color:ACCENT-CONTRAST}.THEME_NAME .md-tabs.md-accent .md-tab-header.md-disabled,.THEME_NAME.md-tabs.md-accent .md-tab-header.md-disabled{color:ACCENT-CONTRAST-0.26}.THEME_NAME .md-tabs.md-accent .md-tab-indicator,.THEME_NAME.md-tabs.md-accent .md-tab-indicator{background-color:BACKGROUND-COLOR}.THEME_NAME .md-tabs.md-warn .md-tabs-navigation,.THEME_NAME.md-tabs.md-warn .md-tabs-navigation{background-color:WARN-COLOR}.THEME_NAME .md-tabs.md-warn .md-tab-header,.THEME_NAME.md-tabs.md-warn .md-tab-header{color:WARN-CONTRAST-0.54}.THEME_NAME .md-tabs.md-warn .md-tab-header.md-active,.THEME_NAME .md-tabs.md-warn .md-tab-header:focus,.THEME_NAME.md-tabs.md-warn .md-tab-header.md-active,.THEME_NAME.md-tabs.md-warn .md-tab-header:focus{color:WARN-CONTRAST}.THEME_NAME .md-tabs.md-warn .md-tab-header.md-disabled,.THEME_NAME.md-tabs.md-warn .md-tab-header.md-disabled{color:WARN-CONTRAST-0.26}.THEME_NAME .md-tabs.md-warn .md-tab-indicator,.THEME_NAME.md-tabs.md-warn .md-tab-indicator{background-color:BACKGROUND-COLOR}\n"},function(t,e){t.exports=".THEME_NAME .md-toolbar,.THEME_NAME.md-toolbar{background-color:PRIMARY-COLOR;color:PRIMARY-CONTRAST}.THEME_NAME .md-toolbar.md-accent,.THEME_NAME.md-toolbar.md-accent{background-color:ACCENT-COLOR;color:ACCENT-CONTRAST}.THEME_NAME .md-toolbar.md-warn,.THEME_NAME.md-toolbar.md-warn{background-color:WARN-COLOR;color:WARN-CONTRAST}.THEME_NAME .md-toolbar.md-transparent,.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-50;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\n \n \n Dessert (100g serving)\n Calories (g)\n Fat (g)\n Carbs (g)\n Protein (g)\n \n \n\n \n \n Dessert Name\n 10\n \n \n \n '])])])," ",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"}},["Dessert (100g serving)"])," ",e("md-table-head",{attrs:{"md-sort-by":"calories","md-numeric":"","md-tooltip":"The total amount of food energy and the given serving size"}},["Calories (g)"])," ",e("md-table-head",{attrs:{"md-sort-by":"fat","md-numeric":""}},["Fat (g)"])," ",e("md-table-head",{attrs:{"md-sort-by":"carbs","md-numeric":""}},["Carbs (g)"])," ",e("md-table-head",{attrs:{"md-sort-by":"protein","md-numeric":""}},["Protein (g)"])])])," ",e("md-table-body",[t._l(5,function(n,a){return e("md-table-row",{key:a},[e("md-table-cell",["Dessert Name"])," ",t._l(4,function(t,n){return e("md-table-cell",{key:n,attrs:{"md-numeric":""}},["10"])})])})])])])," ",e("div",{slot:"code"},[e("code-block",{attrs:{lang:"xml"}},['\n \n \n \n Dessert (100g serving)\n Calories (g)\n Fat (g)\n Carbs (g)\n Protein (g)\n \n \n\n \n \n Dessert Name\n 10\n \n \n \n '])])])," ",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"},["Nutrition"])," ",e("md-button",{staticClass:"md-icon-button"},[e("md-icon",["filter_list"])])," ",e("md-button",{staticClass:"md-icon-button"},[e("md-icon",["search"])])])," ",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"}},["Dessert (100g serving)"])," ",e("md-table-head",{attrs:{"md-sort-by":"calories","md-numeric":"","md-tooltip":"The total amount of food energy and the given serving size"}},["Calories (g)"])," ",e("md-table-head",{attrs:{"md-sort-by":"fat","md-numeric":""}},["Fat (g)"])," ",e("md-table-head",[e("md-icon",["message"])," ",e("span",["Comments"])])])])," ",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}},["\n "+t._s(n)+"\n "]):t._e()})])})])])," ",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}})])," ",e("div",{staticClass:"output"},[e("h2",{staticClass:"md-title"},["Selected Data"])," ",e("pre",[t._s(t.selectedData)])])," ",e("div",{staticClass:"output"},[e("h2",{staticClass:"md-title"},["Current Sort"])," ",e("pre",[t._s(t.sort)])])," ",e("div",{staticClass:"output"},[e("h2",{staticClass:"md-title"},["Current Pagination"])," ",e("pre",[t._s(t.page)])])])," ",e("div",{slot:"code"},[e("code-block",{attrs:{lang:"xml"}},['\n \n \n

Nutrition

\n \n filter_list\n \n\n \n search\n \n \n\n \n \n \n Dessert (100g serving)\n Calories (g)\n Fat (g)\n \n message\n Comments\n \n \n \n\n \n \n \n '+t._s("{{ column }}")+'\n \n \n \n \n\n \n \n '])," ",e("code-block",{attrs:{lang:"javascript"}},["\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 "])])])," ",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"},["Nutrition"])," ",e("md-button",{staticClass:"md-icon-button"},[e("md-icon",["filter_list"])])," ",e("md-button",{staticClass:"md-icon-button"},[e("md-icon",["search"])])])," ",e("md-table-alternate-header",{attrs:{"md-selected-label":"selected"}},[e("md-button",{staticClass:"md-icon-button"},[e("md-icon",["delete"])])," ",e("md-button",{staticClass:"md-icon-button"},[e("md-icon",["more_vert"])])])," ",e("md-table",{attrs:{"md-sort":"calories"}},[e("md-table-header",[e("md-table-row",[e("md-table-head",{attrs:{"md-sort-by":"dessert"}},["Dessert (100g serving)"])," ",e("md-table-head",{attrs:{"md-sort-by":"type",width:"100px"}},["Type"])," ",e("md-table-head",{attrs:{"md-sort-by":"calories","md-numeric":"","md-tooltip":"The total amount of food energy and the given serving size"}},["Calories (g)"])," ",e("md-table-head",{attrs:{"md-sort-by":"fat","md-numeric":""}},["Fat (g)"])," ",e("md-table-head",[e("md-icon",["message"])," ",e("span",["Comments"])])])])," ",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._s(n)]):t._e()," ","comment"===o?e("md-button",{staticClass:"md-icon-button"},[e("md-icon",["edit"])]):t._e()," ","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"}},["Ice Cream"])," ",e("md-option",{attrs:{value:"pastry"}},["Pastry"])," ",e("md-option",{attrs:{value:"other"}},["Other"])]):t._e()," ","type"!==o&&"comment"!==o?e("span",[t._s(n)]):t._e()])})])})])])])])," ",e("div",{slot:"code"},[e("code-block",{attrs:{lang:"xml"}},['\n \n \n

Nutrition

\n \n filter_list\n \n\n \n search\n \n \n\n \n \n delete\n \n\n \n more_vert\n \n \n\n \n \n \n Dessert (100g serving)\n Type\n Calories (g)\n Fat (g)\n \n message\n Comments\n \n \n \n\n \n \n \n '+t._s("{{ column }}")+'\n\n \n edit\n \n\n \n Ice Cream\n Pastry\n Other\n \n\n '+t._s("{{ column }}")+"\n \n \n \n \n \n "])," ",e("code-block",{attrs:{lang:"javascript"}},["\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;return e("md-table",[e("md-table-header",[e("md-table-row",[e("md-table-head",["Dessert (100g serving)"])," ",e("md-table-head",{attrs:{"md-numeric":""}},["Calories (g)"])," ",e("md-table-head",{attrs:{"md-numeric":""}},["Fat (g)"])," ",e("md-table-head",{attrs:{"md-numeric":""}},["Carbs (g)"])," ",e("md-table-head",{attrs:{"md-numeric":""}},["Protein (g)"])])])," ",e("md-table-body",[t._l(5,function(n,a){return e("md-table-row",{key:a},[e("md-table-cell",["Dessert Name"])," ",t._l(4,function(t,n){return e("md-table-cell",{key:n,attrs:{"md-numeric":""}},["10"])})])})])])}]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;return e("div",{staticClass:"md-button-group md-button-toggle"},[t._t("default")])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;return e("div",{staticClass:"md-dialog-content"},[t._t("default")])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;return e("page-content",{attrs:{"page-title":"Components - Button Toggle"}},[e("docs-component",[e("div",{slot:"description"},[e("p",["Toggle buttons may be used to group related options. Arrange layout and spacing to convey that certain toggle buttons are part of a group."])," ",e("p",["The following classes can be applied to change the color palette:"])," ",e("ul",{staticClass:"md-body-2"},[e("li",[e("code",["md-primary"])])," ",e("li",[e("code",["md-accent"])])," ",e("li",[e("code",["md-warn"])])])])," ",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",["Name"])," ",e("md-table-head",["Type"])," ",e("md-table-head",["Description"])])])," ",e("md-table-body",[e("md-table-row",[e("md-table-cell",["md-single"])," ",e("md-table-cell",[e("code",["Boolean"])])," ",e("md-table-cell",["Enable single selection. Default ",e("code",["false"])])])])])])," ",e("api-table",{attrs:{name:"md-button"}},[e("md-table",{slot:"classes"},[e("md-table-header",[e("md-table-row",[e("md-table-head",["Name"])," ",e("md-table-head",["Description"])])])," ",e("md-table-body",[e("md-table-row",[e("md-table-cell",["md-toggle"])," ",e("md-table-cell",["Active selection"])])])])])])," ",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",["format_bold"])])," ",e("md-button",{staticClass:"md-icon-button"},[e("md-icon",["format_italic"])])," ",e("md-button",{staticClass:"md-icon-button"},[e("md-icon",["strikethrough_s"])])," ",e("md-button",{staticClass:"md-icon-button md-toggle"},[e("md-icon",["title"])])])," ",e("md-button-toggle",{staticClass:"md-button-group md-primary"},[e("md-button",{staticClass:"md-icon-button md-toggle"},[e("md-icon",["format_bold"])])," ",e("md-button",{staticClass:"md-icon-button md-toggle"},[e("md-icon",["format_italic"])])," ",e("md-button",{staticClass:"md-icon-button" -},[e("md-icon",["format_underline"])])," ",e("md-button",{staticClass:"md-icon-button"},[e("md-icon",["title"])])])," ",e("md-button-toggle",{staticClass:"md-button-group md-accent"},[e("md-button",{staticClass:"md-icon-button md-toggle"},[e("md-icon",["format_bold"])])," ",e("md-button",{staticClass:"md-icon-button md-toggle"},[e("md-icon",["format_italic"])])," ",e("md-button",{staticClass:"md-icon-button"},[e("md-icon",["format_underline"])])," ",e("md-button",{staticClass:"md-icon-button"},[e("md-icon",["title"])])])," ",e("md-button-toggle",{staticClass:"md-button-group md-warn"},[e("md-button",{staticClass:"md-icon-button md-toggle"},[e("md-icon",["format_bold"])])," ",e("md-button",{staticClass:"md-icon-button md-toggle"},[e("md-icon",["format_italic"])])," ",e("md-button",{staticClass:"md-icon-button"},[e("md-icon",["strikethrough_s"])])," ",e("md-button",{staticClass:"md-icon-button"},[e("md-icon",["title"])])])," ",e("md-button-toggle",{staticClass:"md-button-group md-primary"},[e("md-button",{staticClass:"md-icon-button"},[e("md-icon",["format_bold"])])," ",e("md-button",{staticClass:"md-icon-button",attrs:{disabled:""}},[e("md-icon",["format_italic"])])," ",e("md-button",{staticClass:"md-icon-button",attrs:{disabled:""}},[e("md-icon",["strikethrough_s"])])," ",e("md-button",{staticClass:"md-icon-button"},[e("md-icon",["title"])])])," ",e("md-button-toggle",[e("md-button",{staticClass:"md-toggle"},["Works"])," ",e("md-button",{staticClass:"md-toggle"},["With"])," ",e("md-button",["Text"])," ",e("md-button",["Too"])])])," ",e("div",{slot:"code"},[e("code-block",{attrs:{lang:"xml"}},['\n \n \n format_bold\n \n\n \n format_italic\n \n\n \n strikethrough_s\n \n\n \n title\n \n \n\n \n \n format_bold\n \n\n \n format_italic\n \n\n \n format_underline\n \n\n \n title\n \n \n\n \n \n format_bold\n \n\n \n format_italic\n \n\n \n format_underline\n \n\n \n title\n \n \n\n \n \n format_bold\n \n\n \n format_italic\n \n\n \n strikethrough_s\n \n\n \n title\n \n \n\n \n \n format_bold\n \n\n \n format_italic\n \n\n \n strikethrough_s\n \n\n \n title\n \n \n\n \n Works\n With\n Text\n Too\n \n '])])])," ",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",["format_bold"])])," ",e("md-button",{staticClass:"md-icon-button"},[e("md-icon",["format_italic"])])," ",e("md-button",{staticClass:"md-icon-button"},[e("md-icon",["strikethrough_s"])])," ",e("md-button",{staticClass:"md-icon-button md-toggle"},[e("md-icon",["title"])])])," ",e("md-button-toggle",{staticClass:"md-button-group md-primary",attrs:{"md-single":""}},[e("md-button",{staticClass:"md-icon-button"},[e("md-icon",["format_bold"])])," ",e("md-button",{staticClass:"md-icon-button md-toggle"},[e("md-icon",["format_italic"])])," ",e("md-button",{staticClass:"md-icon-button"},[e("md-icon",["format_underline"])])," ",e("md-button",{staticClass:"md-icon-button"},[e("md-icon",["title"])])])," ",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",["format_bold"])])," ",e("md-button",{staticClass:"md-icon-button"},[e("md-icon",["format_italic"])])," ",e("md-button",{staticClass:"md-icon-button"},[e("md-icon",["format_underline"])])," ",e("md-button",{staticClass:"md-icon-button"},[e("md-icon",["title"])])])," ",e("md-button-toggle",{staticClass:"md-button-group md-warn",attrs:{"md-single":""}},[e("md-button",{staticClass:"md-icon-button"},[e("md-icon",["format_bold"])])," ",e("md-button",{staticClass:"md-icon-button"},[e("md-icon",["format_italic"])])," ",e("md-button",{staticClass:"md-icon-button md-toggle"},[e("md-icon",["strikethrough_s"])])," ",e("md-button",{staticClass:"md-icon-button"},[e("md-icon",["title"])])])," ",e("md-button-toggle",{staticClass:"md-button-group md-primary",attrs:{"md-single":""}},[e("md-button",{staticClass:"md-icon-button"},[e("md-icon",["format_bold"])])," ",e("md-button",{staticClass:"md-icon-button",attrs:{disabled:""}},[e("md-icon",["format_italic"])])," ",e("md-button",{staticClass:"md-icon-button",attrs:{disabled:""}},[e("md-icon",["strikethrough_s"])])," ",e("md-button",{staticClass:"md-icon-button"},[e("md-icon",["title"])])])," ",e("md-button-toggle",{attrs:{"md-single":""}},[e("md-button",["Works"])," ",e("md-button",["With"])," ",e("md-button",["Text"])," ",e("md-button",["Too"])])])," ",e("div",{slot:"code"},[e("code-block",{attrs:{lang:"xml"}},['\n \n \n format_bold\n \n\n \n format_italic\n \n\n \n strikethrough_s\n \n\n \n title\n \n \n\n \n \n format_bold\n \n\n \n format_italic\n \n\n \n format_underline\n \n\n \n title\n \n \n\n \n \n format_bold\n \n\n \n format_italic\n \n\n \n format_underline\n \n\n \n title\n \n \n\n \n \n format_bold\n \n\n \n format_italic\n \n\n \n strikethrough_s\n \n\n \n title\n \n \n\n \n \n format_bold\n \n\n \n format_italic\n \n\n \n strikethrough_s\n \n\n \n title\n \n \n\n \n Works\n With\n Text\n Too\n \n '])])])])])])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;return e("div",{staticClass:"md-list-expand",style:{"margin-bottom":t.height}},[t._t("default")])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;return e("div",{staticClass:"main-content component-docs"},[e("div",{staticClass:"usage-content"},[e("section",{staticClass:"component-description"},[e("h2",{staticClass:"md-headline"},["Description"])," ",t._t("description")])," ",t.$slots.api?e("section",{staticClass:"api-documentation"},[e("h2",{staticClass:"md-headline"},["API Options"])," ",t._t("api")]):t._e()," ",t._t("default")])," ",e("div",{staticClass:"example-content"},[t._t("example")])])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;return e("page-content",{attrs:{"page-title":"Components - Whiteframe"}},[e("docs-component",[e("div",{slot:"description"},[e("p",["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."])])," ",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",["Name"])," ",e("md-table-head",["Type"])," ",e("md-table-head",["Description"])])])," ",e("md-table-body",[e("md-table-row",[e("md-table-cell",["md-elevation"])," ",e("md-table-cell",[e("code",["Number"])])," ",e("md-table-cell",["The amount of elevation. From 0 to 24. ",e("br"),"Default: ",e("code",["1"])])])])])])])," ",e("div",{slot:"example"},[e("example-box",{attrs:{"card-title":"Default"}},[e("div",{slot:"demo"},[e("md-whiteframe",["1dp"])," ",e("md-whiteframe",{attrs:{"md-elevation":"2"}},["2dp"])," ",e("md-whiteframe",{attrs:{"md-elevation":"3"}},["3dp"])," ",e("md-whiteframe",{attrs:{"md-elevation":"4"}},["4dp"])," ",e("md-whiteframe",{attrs:{"md-elevation":"5"}},["5dp"])," ",e("md-whiteframe",{attrs:{"md-elevation":"6"}},["6dp"])," ",e("md-whiteframe",{attrs:{"md-elevation":"7"}},["7dp"])," ",e("md-whiteframe",{attrs:{"md-elevation":"8"}},["8dp"])," ",e("md-whiteframe",{attrs:{"md-elevation":"9"}},["9dp"])," ",e("md-whiteframe",{attrs:{"md-elevation":"10"}},["10dp"])," ",e("md-whiteframe",{attrs:{"md-elevation":"11"}},["11dp"])," ",e("md-whiteframe",{attrs:{"md-elevation":"12"}},["12dp"])," ",e("md-whiteframe",{attrs:{"md-elevation":"13"}},["13dp"])," ",e("md-whiteframe",{attrs:{"md-elevation":"14"}},["14dp"])," ",e("md-whiteframe",{attrs:{"md-elevation":"15"}},["15dp"])," ",e("md-whiteframe",{attrs:{"md-elevation":"16"}},["16dp"])," ",e("md-whiteframe",{attrs:{"md-elevation":"17"}},["17dp"])," ",e("md-whiteframe",{attrs:{"md-elevation":"18"}},["18dp"])," ",e("md-whiteframe",{attrs:{"md-elevation":"19"}},["19dp"])," ",e("md-whiteframe",{attrs:{"md-elevation":"20"}},["20dp"])," ",e("md-whiteframe",{attrs:{"md-elevation":"21"}},["21dp"])," ",e("md-whiteframe",{attrs:{"md-elevation":"22"}},["22dp"])," ",e("md-whiteframe",{attrs:{"md-elevation":"23"}},["23dp"])," ",e("md-whiteframe",{attrs:{"md-elevation":"24"}},["24dp"])])," ",e("div",{slot:"code"},[e("code-block",{attrs:{lang:"xml"}},['\n 1dp\n 2dp\n 3dp\n 4dp\n 5dp\n 6dp\n 7dp\n 8dp\n 9dp\n 10dp\n 11dp\n 12dp\n 13dp\n 14dp\n 15dp\n 16dp\n 17dp\n 18dp\n 19dp\n 20dp\n 21dp\n 22dp\n 23dp\n 24dp\n '])])])])])])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;return e("div",{staticClass:"example-box"},[e("md-card",{staticClass:"example-box-card"},[e("md-toolbar",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"white",expression:"'white'"}],staticClass:"md-dense"},[e("h3",{staticClass:"md-title"},[t._s(t.cardTitle)])])," ",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")])," ",e("md-tab",{staticClass:"code-content",attrs:{"md-label":"Code"}},[t._t("code")])])])," "])," ",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()," ",e("pre",{ref:"initialJs"},["\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 "])," ",e("pre",{ref:"initialHtml"},['\n
\n ### TEMPLATE ###\n
\n '])])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;return e("page-content",{attrs:{"page-title":"Changelog"}},[e("div",{staticClass:"main-content"},[e("section",[e("h2",{staticClass:"md-headline"},["v0.3.3 - Bugfixes"])," ",e("h3",{staticClass:"md-title"},["Fixes:"])," ",e("ul",[e("li",["Fix regression on inputs getting wrong value after manual update ",e("strong",[e("a",{attrs:{href:"https://github.com/marcosmoura/vue-material/issues/101",target:"_blank",rel:"noopener"}},["#101"])," ",e("strong",[e("a",{attrs:{href:"https://github.com/marcosmoura/vue-material/issues/100",target:"_blank",rel:"noopener"}},["#100"])," ",e("strong",[e("a",{attrs:{href:"https://github.com/marcosmoura/vue-material/issues/96",target:"_blank",rel:"noopener"}},["#96"])])])])])])])," ",e("section",[e("h2",{staticClass:"md-headline"},["v0.3.2 - Bugfixes"])," ",e("h3",{staticClass:"md-title"},["Fixes:"])," ",e("ul",[e("li",["Fix babel export default module.exports ",e("strong",[e("a",{attrs:{href:"https://github.com/marcosmoura/vue-material/issues/92",target:"_blank",rel:"noopener"}},["#92"])])])," ",e("li",["Fix tooltips jumping when screen resize ",e("strong",[e("a",{attrs:{href:"https://github.com/marcosmoura/vue-material/issues/85",target:"_blank",rel:"noopener"}},["#85"])])])," ",e("li",["Fix table not getting instance ",e("strong",[e("a",{attrs:{href:"https://github.com/marcosmoura/vue-material/issues/91",target:"_blank",rel:"noopener"}},["#91"])])," ",e("strong",[e("a",{attrs:{href:"https://github.com/marcosmoura/vue-material/issues/88",target:"_blank",rel:"noopener"}},["#88"])])])," ",e("li",["Fix regression on password review ",e("strong",[e("a",{attrs:{href:"https://github.com/marcosmoura/vue-material/issues/95",target:"_blank",rel:"noopener"}},["#95"])])])," ",e("li",["Fix input getting wrong value after manual update ",e("strong",[e("a",{attrs:{href:"https://github.com/marcosmoura/vue-material/issues/100",target:"_blank",rel:"noopener"}},["#100"])])," ",e("strong",[e("a",{attrs:{href:"https://github.com/marcosmoura/vue-material/issues/96",target:"_blank",rel:"noopener"}},["#96"])])])," ",e("li",["Use the internal value of md-input to set the value of the container ",e("strong",[e("a",{attrs:{href:"https://github.com/marcosmoura/vue-material/pull/97",target:"_blank",rel:"noopener"}},["#97"])," (Thanks to ",e("a",{attrs:{href:"https://github.com/Cabbaggio",target:"_blank",rel:"noopener"}},["@Cabbaggio"]),")"])])," ",e("li",["Add material.debug.js to dist folder ",e("strong",[e("a",{attrs:{href:"https://github.com/marcosmoura/vue-material/pull/90",target:"_blank",rel:"noopener"}},["#90"])," (Thanks to ",e("a",{attrs:{href:"https://github.com/pauloramires",target:"_blank",rel:"noopener"}},["@pauloramires"]),")"])])])])," ",e("section",[e("h2",{staticClass:"md-headline"},["v0.3.1 - Bugfixes"])," ",e("h3",{staticClass:"md-title"},["Fixes:"])," ",e("ul",[e("li",["md-select not being reactive ",e("strong",[e("a",{attrs:{href:"https://github.com/marcosmoura/vue-material/issues/74",target:"_blank",rel:"noopener"}},["#74"])])])," ",e("li",["Fix components not being updated inside v-once ",e("strong",[e("a",{attrs:{href:"https://github.com/marcosmoura/vue-material/issues/69",target:"_blank",rel:"noopener"}},["#69"])," ",e("a",{attrs:{href:"https://github.com/marcosmoura/vue-material/issues/70",target:"_blank",rel:"noopener"}},["#70"])])])," ",e("li",["Fix input number not accepting numbers ",e("strong",[e("a",{attrs:{href:"https://github.com/marcosmoura/vue-material/issues/67",target:"_blank",rel:"noopener"}},["#67"])," ",e("a",{attrs:{href:"https://github.com/marcosmoura/vue-material/issues/70",target:"_blank",rel:"noopener"}},["#70"])])])," ",e("li",["Fix md-input-container crashing when the select value is null ",e("strong",[e("a",{attrs:{href:"https://github.com/marcosmoura/vue-material/issues/64",target:"_blank",rel:"noopener"}},["#64"])])])])])," ",e("section",[e("h2",{staticClass:"md-headline"},["v0.3.0 - Huge Release"])," ",e("h3",{staticClass:"md-title"},["New Components:"])," ",e("ul",[e("li",["Data Table"])," ",e("li",["Menu"])," ",e("li",["Select with multiple selection"])])," ",e("h3",{staticClass:"md-title"},["Fixes:"])," ",e("ul",[e("li",["md-input not reactive when initial value empty ",e("strong",[e("a",{attrs:{href:"https://github.com/marcosmoura/vue-material/issues/40",target:"_blank",rel:"noopener"}},["#40"])])])," ",e("li",["md-textarea with maxlength not writable ",e("strong",[e("a",{attrs:{href:"https://github.com/marcosmoura/vue-material/issues/43",target:"_blank",rel:"noopener"}}),"#43"])])," ",e("li",["Do not style scrollbars by default ",e("strong",[e("a",{attrs:{href:"https://github.com/marcosmoura/vue-material/issues/46",target:"_blank",rel:"noopener"}},["#46"])])])," ",e("li",["SELECT component: display issue in IE11 ",e("strong",[e("a",{attrs:{href:"https://github.com/marcosmoura/vue-material/issues/34",target:"_blank",rel:"noopener"}},["#34"])])])," ",e("li",["Select component popup shows behind other components ",e("strong",[e("a",{attrs:{href:"https://github.com/marcosmoura/vue-material/issues/26",target:"_blank",rel:"noopener"}},["#26"])])])," ",e("li",["md-select text vs value ",e("strong",[e("a",{attrs:{href:"https://github.com/marcosmoura/vue-material/issues/24",target:"_blank",rel:"noopener"}}),"#24"])])," ",e("li",["md-button ignores type prop ",e("strong",[e("a",{attrs:{href:"https://github.com/marcosmoura/vue-material/issues/41",target:"_blank",rel:"noopener"}},["#41"])," (Thanks to ",e("a",{attrs:{href:"https://github.com/pauloramires",target:"_blank",rel:"noopener"}},["@pauloramires"]),")"])])," ",e("li",["md-select displaying selected text (rather than value) ",e("strong",[e("a",{attrs:{href:"https://github.com/marcosmoura/vue-material/issues/36",target:"_blank",rel:"noopener"}},["#36"])])])," ",e("li",["Added 'type' props to switch button ",e("strong",[e("a",{attrs:{href:"https://github.com/marcosmoura/vue-material/pull/27",target:"_blank",rel:"noopener"}},["#27"])," (Thanks to ",e("a",{attrs:{href:"https://github.com/guillaumerxl",target:"_blank",rel:"noopener"}},["@guillaumerxl"]),")"])])," ",e("li",["Add babel-cli as dev dependency ",e("strong",[e("a",{attrs:{href:"https://github.com/marcosmoura/vue-material/pull/28",target:"_blank",rel:"noopener"}},["#28"])," (Thanks to ",e("a",{attrs:{href:"https://github.com/lucassouza1",target:"_blank",rel:"noopener"}},["@lucassouza1"]),")"])])," ",e("li",["Remove dotted outline around button in firefox ",e("strong",[e("a",{attrs:{href:"https://github.com/marcosmoura/vue-material/pull/52",target:"_blank",rel:"noopener"}},["#52"])," (Thanks to ",e("a",{attrs:{href:"https://github.com/yeknava",target:"_blank",rel:"noopener"}},["@yeknava"]),")"])])])])," ",e("section",[e("h2",{staticClass:"md-headline"},["v0.2.0 - New components"])," ",e("h3",{staticClass:"md-title"},["New Components:"])," ",e("ul",[e("li",["Cards"])])," ",e("h3",{staticClass:"md-title"},["Fixes:"])," ",e("ul",[e("li",["Add Roboto font and google icons to the docs ",e("strong",[e("a",{attrs:{href:"https://github.com/marcosmoura/vue-material/commit/421ce7bb21a1489c8f98ee12d0d525eec6b0ee12",target:"_blank",rel:"noopener"}},["421ce7b"])])])," ",e("li",["Explains better how to install and configure vue-material ",e("strong",[e("a",{attrs:{href:"https://github.com/marcosmoura/vue-material/commit/cc43985fc1d30403a7c95bfeb2dc38bbcc1acb9e",target:"_blank",rel:"noopener"}},["cc43985"])])])," ",e("li",["Emit change & input events from mdTextarea ",e("strong",[e("a",{attrs:{href:"https://github.com/marcosmoura/vue-material/commit/b474af9fd8d5f4563914e5aae47d14b7c8c62fb2",target:"_blank",rel:"noopener"}},["b474af9"])])," (Thanks to ",e("a",{attrs:{href:"https://github.com/jvanbrug",target:"_blank",rel:"noopener"}},["@jvanbrug"]),")"])])])," ",e("section",[e("h2",{staticClass:"md-headline"},["v0.1.2 - Bugfixes"])," ",e("h3",{staticClass:"md-title"},["Fixes:"])," ",e("ul",[e("li",["Fixed tooltips on Firefox"])," ",e("li",["Misaligned icons inside buttons on Firefox"])," ",e("li",["Documentation fixes"])])])," ",e("section",[e("h2",{staticClass:"md-headline"},["v0.1.1 - Bugfixes"])," ",e("h3",{staticClass:"md-title"},["Changes:"])," ",e("ul",[e("li",["Bugfixes"])," ",e("li",["Firefox support"])," ",e("li",["Initial documentation"])])])," ",e("section",[e("h2",{staticClass:"md-headline"},["v0.1.0 - Initial Release"])," ",e("h3",{staticClass:"md-title"},["New Components:"])," ",e("ul",[e("li",["Avatar"])," ",e("li",["Bottom Bar"])," ",e("li",["Button"])," ",e("li",["Button Toggle"])," ",e("li",["Checkbox"])," ",e("li",["Divider"])," ",e("li",["Icon"])," ",e("li",["Input"])," ",e("li",["List"])," ",e("li",["Radio"])," ",e("li",["Select"])," ",e("li",["Sidenav"])," ",e("li",["Subheader"])," ",e("li",["Switch"])," ",e("li",["Tabs"])," ",e("li",["Toolbar"])," ",e("li",["Tooltip"])," ",e("li",["Whiteframe"])])," ",e("h3",{staticClass:"md-title"},["UI Elements:"])," ",e("ul",[e("li",["Themes"])," ",e("li",["Typography"])," ",e("li",["Fluid Media"])," ",e("li",["Custom Scrollbar"])," ",e("li",["Selection Styles"])])])])])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;return e("div",{staticClass:"md-card-media-cover",class:t.classes},[t._t("default")," ",t.mdTextScrim?e("div",{ref:"backdrop",staticClass:"md-card-backdrop",style:t.styles}):t._e()])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;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._s(t.mdIcon)])," ",e("span",{staticClass:"md-text"},[t._t("default")])]):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._s(t.mdIcon)])," ",e("span",{staticClass:"md-text"},[t._t("default")])])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;return e("div",{staticClass:"md-avatar"},[t._t("default")])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;return e("div",{staticClass:"md-select",class: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._s(t.selectedText||t.multipleText||t.placeholder)])," ",e("md-menu-content",{staticClass:"md-select-content",class:t.contentClasses},[t._t("default")])])," ",e("select",{attrs:{name:t.name,id:t.id,required:t.required,tabindex:"-1"}},[e("option",{domProps:{value:t.value}},[t._s(t.value)])])])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;return e("div",{staticClass:"md-table-alternate-header",class:t.classes},[e("md-toolbar",[e("div",{staticClass:"md-counter"},[e("span",{ref:"counter"},[t._s(t.tableInstance.numberOfSelected)])," ",e("span",[t._s(t.mdSelectedLabel)])])," ",t._t("default")])])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;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)}}},["\n "+t._s(t.value||t.mdPlaceholder)+"\n "])," ",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;return e("page-content",{attrs:{"page-title":"Components - Bottom Bar"}},[e("docs-component",[e("div",{slot:"description"},[e("p",["Bottom navigation bars make it easy to explore and switch between top-level views in a single tap."])," ",e("p",["The following classes can be applied to change the color palette:"])," ",e("ul",{staticClass:"md-body-2"},[e("li",[e("code",["md-accent"])])," ",e("li",[e("code",["md-warn"])])," ",e("li",[e("code",["md-transparent"])])])])," ",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",["Name"])," ",e("md-table-head",["Type"])," ",e("md-table-head",["Description"])])])," ",e("md-table-body",[e("md-table-row",[e("md-table-cell",["md-shift"])," ",e("md-table-cell",[e("code",["Boolean"])])," ",e("md-table-cell",["Enable the shifting variant. Default ",e("code",["false"])])])])])])," ",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",["Name"])," ",e("md-table-head",["Type"])," ",e("md-table-head",["Description"])])])," ",e("md-table-body",[e("md-table-row",[e("md-table-cell",["md-icon"])," ",e("md-table-cell",[e("code",["String"])])," ",e("md-table-cell",["Icon name on the ",e("a",{attrs:{href:"https://material.io/icons/",target:"_blank",rel:"noopener"}},["Material Icons"])," docs."])])," ",e("md-table-row",[e("md-table-cell",["md-active"])," ",e("md-table-cell",[e("code",["Boolean"])])," ",e("md-table-cell",["Set initial selection. Default ",e("code",["false"])])])," ",e("md-table-row",[e("md-table-cell",["href"])," ",e("md-table-cell",[e("code",["String"])])," ",e("md-table-cell",["Create a anchor on the item - In this case the generated tag will be ",e("code",[""]),"."])])])])])])," ",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"}},["Recents"])," ",e("md-bottom-bar-item",{attrs:{"md-icon":"favorite","md-active":""}},["Favorites"])," ",e("md-bottom-bar-item",{attrs:{"md-icon":"near_me"}},["Nearby"])])])," ",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"}},["Recents"])," ",e("md-bottom-bar-item",{attrs:{href:"#/components/bottom-bar","md-icon":"favorite","md-active":""}},["Favorites"])," ",e("md-bottom-bar-item",{attrs:{href:"#/components/bottom-bar","md-icon":"near_me"}},["Nearby"])])])," ",e("div",{staticClass:"phone-viewport"},[e("md-bottom-bar",{staticClass:"md-warn"},[e("md-bottom-bar-item",{attrs:{"md-icon":"history"}},["Recents"])," ",e("md-bottom-bar-item",{attrs:{"md-icon":"favorite","md-active":""}},["Favorites"])," ",e("md-bottom-bar-item",{attrs:{"md-icon":"near_me"}},["Nearby"])])])," ",e("div",{staticClass:"phone-viewport"},[e("md-bottom-bar",{staticClass:"md-transparent"},[e("md-bottom-bar-item",{attrs:{"md-icon":"history"}},["Recents"])," ",e("md-bottom-bar-item",{attrs:{"md-icon":"favorite","md-active":""}},["Favorites"])," ",e("md-bottom-bar-item",{ -attrs:{"md-icon":"near_me"}},["Nearby"])])])])," ",e("div",{slot:"code"},[e("code-block",{attrs:{lang:"xml"}},['\n \n Recents\n Favorites\n Nearby\n \n\n \n Recents\n Favorites\n Nearby\n \n\n \n Recents\n Favorites\n Nearby\n \n\n \n Recents\n Favorites\n Nearby\n \n '])])])," ",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"}},["Movies"])," ",e("md-bottom-bar-item",{attrs:{"md-icon":"music_note"}},["Music"])," ",e("md-bottom-bar-item",{attrs:{"md-icon":"books","md-active":""}},["Books"])," ",e("md-bottom-bar-item",{attrs:{"md-icon":"photo"}},["Pictures"])])])," ",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"}},["Movies"])," ",e("md-bottom-bar-item",{attrs:{"md-icon":"music_note"}},["Music"])," ",e("md-bottom-bar-item",{attrs:{"md-icon":"books","md-active":""}},["Books"])," ",e("md-bottom-bar-item",{attrs:{"md-icon":"photo"}},["Pictures"])])])," ",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"}},["Movies"])," ",e("md-bottom-bar-item",{attrs:{"md-icon":"music_note"}},["Music"])," ",e("md-bottom-bar-item",{attrs:{"md-icon":"books","md-active":""}},["Books"])," ",e("md-bottom-bar-item",{attrs:{"md-icon":"photo"}},["Pictures"])])])," ",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"}},["Movies"])," ",e("md-bottom-bar-item",{attrs:{"md-icon":"music_note"}},["Music"])," ",e("md-bottom-bar-item",{attrs:{"md-icon":"books","md-active":""}},["Books"])," ",e("md-bottom-bar-item",{attrs:{"md-icon":"photo"}},["Pictures"])])])])," ",e("div",{slot:"code"},[e("code-block",{attrs:{lang:"xml"}},['\n \n Movies\n Music\n Books\n Pictures\n \n\n \n Movies\n Music\n Books\n Pictures\n \n\n \n Movies\n Music\n Books\n Pictures\n \n\n \n Movies\n Music\n Books\n Pictures\n \n '])])])," ",e("example-box",{attrs:{"card-title":"Themes"}},[e("div",{slot:"demo"},[e("div",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"orange",expression:"'orange'"}],staticClass:"phone-viewport"},[e("md-bottom-bar",[e("md-bottom-bar-item",{attrs:{"md-icon":"history"}},["Recents"])," ",e("md-bottom-bar-item",{attrs:{"md-icon":"favorite","md-active":""}},["Favorites"])," ",e("md-bottom-bar-item",{attrs:{"md-icon":"near_me"}},["Nearby"])])])," ",e("div",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"teal",expression:"'teal'"}],staticClass:"phone-viewport"},[e("md-bottom-bar",[e("md-bottom-bar-item",{attrs:{"md-icon":"history"}},["Recents"])," ",e("md-bottom-bar-item",{attrs:{"md-icon":"favorite","md-active":""}},["Favorites"])," ",e("md-bottom-bar-item",{attrs:{"md-icon":"near_me"}},["Nearby"])])])," ",e("div",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"green",expression:"'green'"}],staticClass:"phone-viewport"},[e("md-bottom-bar",{attrs:{"md-shift":""}},[e("md-bottom-bar-item",{attrs:{"md-icon":"ondemand_video"}},["Movies"])," ",e("md-bottom-bar-item",{attrs:{"md-icon":"music_note"}},["Music"])," ",e("md-bottom-bar-item",{attrs:{"md-icon":"books","md-active":""}},["Books"])," ",e("md-bottom-bar-item",{attrs:{"md-icon":"photo"}},["Pictures"])])])," ",e("div",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"indigo",expression:"'indigo'"}],staticClass:"phone-viewport"},[e("md-bottom-bar",{attrs:{"md-shift":""}},[e("md-bottom-bar-item",{attrs:{"md-icon":"ondemand_video"}},["Movies"])," ",e("md-bottom-bar-item",{attrs:{"md-icon":"music_note"}},["Music"])," ",e("md-bottom-bar-item",{attrs:{"md-icon":"books","md-active":""}},["Books"])," ",e("md-bottom-bar-item",{attrs:{"md-icon":"photo"}},["Pictures"])])])])," ",e("div",{slot:"code"},[e("code-block",{attrs:{lang:"xml"}},['\n \n Recents\n Favorites\n Nearby\n \n\n \n Recents\n Favorites\n Nearby\n \n\n \n Movies\n Music\n Books\n Pictures\n \n\n \n Movies\n Music\n Books\n Pictures\n \n '])])])," ",e("example-box",{attrs:{"card-title":"Dynamic Theme Example"}},[e("div",{slot:"demo"},[e("div",{staticClass:"phone-viewport"},[e("md-bottom-bar",{directives:[{name:"md-theme",rawName:"v-md-theme",value:t.playground.theme,expression:"playground.theme"}],attrs:{"md-shift":""}},[e("md-bottom-bar-item",{attrs:{"md-icon":"ondemand_video"},nativeOn:{click:function(e){t.setTheme("blue")}}},["Movies"])," ",e("md-bottom-bar-item",{attrs:{"md-icon":"music_note"},nativeOn:{click:function(e){t.setTheme("teal")}}},["Music"])," ",e("md-bottom-bar-item",{attrs:{"md-icon":"books","md-active":""},nativeOn:{click:function(e){t.setTheme("brown")}}},["Books"])," ",e("md-bottom-bar-item",{attrs:{"md-icon":"photo"},nativeOn:{click:function(e){t.setTheme("indigo")}}},["Pictures"])])])])," ",e("div",{slot:"code"},[e("code-block",{attrs:{lang:"xml"}},['\n \n Movies\n Music\n Books\n Pictures\n \n '])," ",e("code-block",{attrs:{lang:"javascript"}},["\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;return e("page-content",{attrs:{"page-title":"UI Elements - Grid System"}})},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;return e("div",{staticClass:"md-card-header"},[t._t("default")])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;return e("hr",{staticClass:"md-divider"})},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;return e("span",{staticClass:"md-tooltip",class:t.classes,style:t.style},[t._t("default")])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;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")])])," ",e("span",{staticClass:"copied",class:{active:t.showMessage}},["Copied!"])])," ",e("md-button",{ref:"copy",staticClass:"md-icon-button md-dense"},[e("md-icon",["content_copy"])])])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;return e("div",{staticClass:"md-card-area",class:t.classes},[t._t("default")])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;return e("page-content",{attrs:{"page-title":"Components - Radio"}},[e("docs-component",[e("div",{slot:"description"},[e("p",["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."])," ",e("p",["The following classes can be applied to change the color palette:"])," ",e("ul",{staticClass:"md-body-2"},[e("li",[e("code",["md-primary"])])," ",e("li",[e("code",["md-warn"])])])])," ",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",["Name"])," ",e("md-table-head",["Type"])," ",e("md-table-head",["Description"])])])," ",e("md-table-body",[e("md-table-row",[e("md-table-cell",["v-model"])," ",e("md-table-cell",[e("code",["String"])])," ",e("md-table-cell",["A required model object to bind the value."])])," ",e("md-table-row",[e("md-table-cell",["md-value"])," ",e("md-table-cell",[e("code",["String"])])," ",e("md-table-cell",["The single value of the particular radio button. Required."])])," ",e("md-table-row",[e("md-table-cell",["name"])," ",e("md-table-cell",[e("code",["String"])])," ",e("md-table-cell",["Set the radio name."])])," ",e("md-table-row",[e("md-table-cell",["id"])," ",e("md-table-cell",[e("code",["String"])])," ",e("md-table-cell",["Set the radio id."])])," ",e("md-table-row",[e("md-table-cell",["disabled"])," ",e("md-table-cell",[e("code",["Boolean"])])," ",e("md-table-cell",["Disable the radio and prevent his actions. Default ",e("code",["false"])])])])])," ",e("md-table",{slot:"events"},[e("md-table-header",[e("md-table-row",[e("md-table-head",["Name"])," ",e("md-table-head",["Value"])," ",e("md-table-head",["Description"])])])," ",e("md-table-body",[e("md-table-row",[e("md-table-cell",["change"])," ",e("md-table-cell",["Receive the state of the radio"])," ",e("md-table-cell",["Triggered when the radio changes his value."])])])])])])," ",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}}},["My beautiful radio"])," ",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}}},["Another radio"])," ",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}}},["Another another radio"])])," ",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}}},["Primary radio"])," ",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}}},["Another primary radio"])," ",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}}},["Another another primary radio"])])," ",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}}},["Warn radio"])," ",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}}},["Another warn radio"])," ",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}}},["Another another warn radio"])])," ",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}}},["My beautiful radio"])," ",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}}},["Disabled"])," ",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}}},["Another radio"])])])," ",e("div",{slot:"code"},[e("code-block",{attrs:{lang:"xml"}},['\n
\n My beautiful radio\n Another radio\n Another another radio\n
\n\n
\n Primary radio\n Another primary radio\n Another another primary radio\n
\n\n
\n Warn radio\n Another warn radio\n Another another warn radio\n
\n\n
\n My beautiful radio\n Disabled\n Another radio\n
\n '])])])," ",e("example-box",{attrs:{"card-title":"Themes"}},[e("div",{slot:"demo"},[e("div",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"orange",expression:"'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}}},["Orange radio"])," ",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}}},["Another Orange radio"])," ",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}}},["Another another Orange radio"])])," ",e("div",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"brown",expression:"'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}}},["Brown radio"])," ",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}}},["Another Brown radio"])," ",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}}},["Another another Brown radio"])])," ",e("div",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"green",expression:"'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}}},["Green radio"])," ",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}}},["Another Green radio"])," ",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}}},["Another another Green radio"])])," ",e("div",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"teal",expression:"'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}}},["Teal radio"])," ",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}}},["Teal disabled radio"])," ",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}}},["Another another Teal radio"])])])," ",e("div",{slot:"code"},[e("code-block",{attrs:{lang:"xml"}},['\n
\n Orange radio\n Another Orange radio\n Another another Orange radio\n
\n\n
\n Brown radio\n Another Brown radio\n Another another Brown radio\n
\n\n
\n Green radio\n Another Green radio\n Another another Green radio\n
\n\n
\n Teal radio\n Teal disabled radio\n Another another Teal radio\n
\n '])])])])])])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;return e("page-content",{attrs:{"page-title":"Components - Tabs"}},[e("docs-component",[e("div",{slot:"description"},[e("p",["Tabs enable content organization at a high level, such as switching between views, data sets, or functional aspects of an app."])," ",e("p",["The following classes can be applied to change the color palette:"])," ",e("ul",{staticClass:"md-body-2"},[e("li",[e("code",["md-accent"])])," ",e("li",[e("code",["md-warn"])])," ",e("li",[e("code",["md-transparent"])])])])," ",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",["Name"])," ",e("md-table-head",["Type"])," ",e("md-table-head",["Description"])])])," ",e("md-table-body",[e("md-table-row",[e("md-table-cell",["md-fixed"])," ",e("md-table-cell",[e("code",["Boolean"])])," ",e("md-table-cell",["Make the tabs navigation fixed and elastic filling the whole space. Default ",e("code",["false"])])])," ",e("md-table-row",[e("md-table-cell",["md-centered"])," ",e("md-table-cell",[e("code",["Boolean"])])," ",e("md-table-cell",["Align the tabs navigation to the center. Default ",e("code",["false"])])])," ",e("md-table-row",[e("md-table-cell",["md-right"])," ",e("md-table-cell",[e("code",["Boolean"])])," ",e("md-table-cell",["Align the tabs navigation to the right. Default ",e("code",["false"])])])," ",e("md-table-row",[e("md-table-cell",["md-dynamic-height"])," ",e("md-table-cell",[e("code",["Boolean"])])," ",e("md-table-cell",["Make the tab content to be resized based on the contents. Default ",e("code",["true"])])])," ",e("md-table-row",[e("md-table-cell",["md-elevation"])," ",e("md-table-cell",[e("code",["Number"])])," ",e("md-table-cell",["Add a shadow on the navigation with an whiteframe. Default ",e("code",["0"])])])])])," ",e("md-table",{slot:"events"},[e("md-table-header",[e("md-table-row",[e("md-table-head",["Name"])," ",e("md-table-head",["Value"])," ",e("md-table-head",["Description"])])])," ",e("md-table-body",[e("md-table-row",[e("md-table-cell",["change"])," ",e("md-table-cell",["Receive the tab index"])," ",e("md-table-cell",["Triggered when a tab is activated."])])])])])," ",e("api-table",{attrs:{name:"md-tab"}},[e("p",["You should wrap the ",e("code",[""])," in a ",e("code",[""])," as a direct parent."])," ",e("md-table",{slot:"properties"},[e("md-table-header",[e("md-table-row",[e("md-table-head",["Name"])," ",e("md-table-head",["Type"])," ",e("md-table-head",["Description"])])])," ",e("md-table-body",[e("md-table-row",[e("md-table-cell",["id"])," ",e("md-table-cell",[e("code",["String"])])," ",e("md-table-cell",["Unique id to each tab"])])," ",e("md-table-row",[e("md-table-cell",["md-label"])," ",e("md-table-cell",[e("code",["String"])])," ",e("md-table-cell",["The tab text"])])," ",e("md-table-row",[e("md-table-cell",["md-icon"])," ",e("md-table-cell",[e("code",["String"])])," ",e("md-table-cell",["Icon name on the ",e("a",{attrs:{href:"https://material.io/icons/",target:"_blank",rel:"noopener"}},["Material Icons"])," docs."])])," ",e("md-table-row",[e("md-table-cell",["md-active"])," ",e("md-table-cell",[e("code",["Boolean"])])," ",e("md-table-cell",["Activate the tab. Default ",e("code",["false"])])])," ",e("md-table-row",[e("md-table-cell",["md-disabled"])," ",e("md-table-cell",[e("code",["Boolean"])])," ",e("md-table-cell",["Disable the tab and prevent his actions. Default ",e("code",["false"])])])])])])])," ",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",["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."])])," ",e("md-tab",{attrs:{id:"music","md-label":"Music"}},[e("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."])," ",e("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."])])," ",e("md-tab",{attrs:{id:"books","md-label":"Books"}},[e("p",["Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas."])])," ",e("md-tab",{attrs:{id:"pictures","md-label":"Pictures"}},[e("p",["Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas."])])])])," ",e("div",{slot:"code"},[e("code-block",{attrs:{lang:"xml"}},['\n \n \n

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.

\n \n\n \n

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.

\n

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.

\n \n\n \n

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas.

\n \n\n \n

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas.

\n \n \n '])])])," ",e("example-box",{attrs:{"card-title":"Fixed"}},[e("div",{slot:"demo"},[e("md-tabs",{attrs:{"md-dynamic-height":!1,"md-fixed":""}},[e("md-tab",{attrs:{id:"movies","md-label":"Movies"}},[e("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."])])," ",e("md-tab",{attrs:{id:"music","md-label":"Music"}},[e("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."])," ",e("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."])])," ",e("md-tab",{attrs:{id:"books","md-label":"Books"}},[e("p",["Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas."])])," ",e("md-tab",{attrs:{id:"pictures","md-label":"Pictures"}},[e("p",["Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas."])])])])," ",e("div",{slot:"code"},[e("code-block",{attrs:{lang:"xml"}},['\n \n \n

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.

\n \n\n \n

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.

\n

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.

\n \n\n \n

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas.

\n \n\n \n

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas.

\n \n \n '])])])," ",e("example-box",{ -attrs:{"card-title":"Centered with Text and Icon"}},[e("div",{slot:"demo"},[e("md-tabs",{attrs:{"md-dynamic-height":!1,"md-centered":""}},[e("md-tab",{attrs:{"md-label":"Movies","md-icon":"ondemand_video"}},[e("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."])])," ",e("md-tab",{attrs:{"md-label":"Music","md-icon":"music_note"}},[e("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."])," ",e("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."])])," ",e("md-tab",{attrs:{"md-label":"Books","md-icon":"books"}},[e("p",["Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas."])])," ",e("md-tab",{attrs:{"md-label":"Pictures","md-icon":"photo"}},[e("p",["Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas."])])])])," ",e("div",{slot:"code"},[e("code-block",{attrs:{lang:"xml"}},['\n \n \n

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.

\n \n\n \n

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.

\n

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.

\n \n\n \n

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas.

\n \n\n \n

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas.

\n \n \n '])])])," ",e("example-box",{attrs:{"card-title":"Aligned to the right with only icons"}},[e("div",{slot:"demo"},[e("md-tabs",{attrs:{"md-dynamic-height":!1,"md-right":""}},[e("md-tab",{attrs:{"md-icon":"phone"}},[e("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."])])," ",e("md-tab",{attrs:{"md-icon":"favorite"}},[e("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."])," ",e("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."])])," ",e("md-tab",{attrs:{"md-icon":"near_me"}},[e("p",["Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas."])])])])," ",e("div",{slot:"code"},[e("code-block",{attrs:{lang:"xml"}},['\n \n \n

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.

\n \n\n \n

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.

\n

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.

\n \n\n \n

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas.

\n \n \n '])])])])])])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;return e("div",{staticClass:"md-card-header-text"},[t._t("default")])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;return e("div",{staticClass:"api-table"},[e("h3",{staticClass:"md-title"},[t._s(t.name)])," ",t.$slots.default?t._t("default"):t._e()," ",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")]):t._e()," ",t.$slots.classes?e("md-tab",{staticClass:"api-tab",attrs:{"md-label":"Classes"}},[t._t("classes")]):t._e()," ",t.$slots.events?e("md-tab",{staticClass:"api-tab",attrs:{"md-label":"Events"}},[t._t("events")]):t._e()," ",t.$slots.methods?e("md-tab",{staticClass:"api-tab",attrs:{"md-label":"Methods"}},[t._t("methods")]):t._e()]):t._e()])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;return e("page-content",{attrs:{"page-title":"Components - Tooltip"}},[e("docs-component",[e("div",{slot:"description"},[e("p",["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."])])," ",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",["Name"])," ",e("md-table-head",["Type"])," ",e("md-table-head",["Description"])])])," ",e("md-table-body",[e("md-table-row",[e("md-table-cell",["md-direction"])," ",e("md-table-cell",[e("code",["String"])])," ",e("md-table-cell",["Sets the direction position of the parent element. ",e("br"),"Default: ",e("code",["bottom"])," ",e("br"),"Accepts: ",e("code",["top"]),"|",e("code",["right"]),"|",e("code",["bottom"]),"|",e("code",["left"])])])," ",e("md-table-row",[e("md-table-cell",["md-delay"])," ",e("md-table-cell",[e("code",["Number"])])," ",e("md-table-cell",["Sets the delay to show the tooltip in ms. ",e("br"),"Default: ",e("code",["0"])])])])])])])," ",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",["folder"])," ",e("md-tooltip",{attrs:{"md-direction":"top"}},["My tooltip"])])," ",e("md-avatar",[e("img",{attrs:{src:"assets/avatar-2.jpg",alt:"People"}})," ",e("md-tooltip",{attrs:{"md-direction":"bottom"}},["My tooltip"])])])," ",e("div",[e("md-button",{staticClass:"md-icon-button md-raised md-warn"},[e("md-icon",["home"])," ",e("md-tooltip",{attrs:{"md-direction":"left"}},["My tooltip"])])," ",e("md-avatar",{staticClass:"md-avatar-icon"},[e("md-icon",["person"])," ",e("md-tooltip",{attrs:{"md-direction":"right"}},["My tooltip"])])])])," ",e("div",{slot:"code"},[e("code-block",{attrs:{lang:"xml"}},['\n
\n \n folder\n My tooltip\n \n\n \n People\n My tooltip\n \n
\n\n
\n \n home\n My tooltip\n \n\n \n person\n My tooltip\n \n
\n '])])])," ",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",["folder"])," ",e("md-tooltip",{attrs:{"md-delay":"400","md-direction":"top"}},["My tooltip"])])," ",e("md-avatar",[e("img",{attrs:{src:"assets/avatar-2.jpg",alt:"People"}})," ",e("md-tooltip",{attrs:{"md-delay":"400","md-direction":"bottom"}},["My tooltip"])])])," ",e("div",[e("md-button",{staticClass:"md-icon-button md-raised md-warn"},[e("md-icon",["home"])," ",e("md-tooltip",{attrs:{"md-delay":"400","md-direction":"left"}},["My tooltip"])])," ",e("md-avatar",{staticClass:"md-avatar-icon"},[e("md-icon",["person"])," ",e("md-tooltip",{attrs:{"md-delay":"400","md-direction":"right"}},["My tooltip"])])])])," ",e("div",{slot:"code"},[e("code-block",{attrs:{lang:"xml"}},['\n
\n \n folder\n My tooltip\n \n\n \n People\n My tooltip\n \n
\n\n
\n \n home\n My tooltip\n \n\n \n person\n My tooltip\n \n
\n '])])])])])])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;return e("ul",{staticClass:"md-list"},[t._t("default")])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;return e("page-content",{attrs:{"page-title":"Components - Icon"}},[e("docs-component",[e("div",{slot:"description"},[e("p",["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."])," ",e("p",["You can see the full list of icons on the ",e("a",{attrs:{href:"https://material.io/icons/",target:"_blank",rel:"noopener"}},["Material Icons"])," website."])," ",e("p",["The ",e("code",[""])])," ",e("p",["The following classes can be applied to change the color palette:"])," ",e("ul",{staticClass:"md-body-2"},[e("li",[e("code",["md-primary"])])," ",e("li",[e("code",["md-accent"])])," ",e("li",[e("code",["md-warn"])])])])," ",e("div",{slot:"api"},[e("api-table",{attrs:{name:"md-icon"}},[e("p",["No options available"])])])," ",e("div",{slot:"example"},[e("example-box",{attrs:{"card-title":"Default"}},[e("div",{slot:"demo"},[e("md-icon",["home"])," ",e("md-icon",{staticClass:"md-primary"},["home"])," ",e("md-icon",{staticClass:"md-accent"},["home"])," ",e("md-icon",{staticClass:"md-warn"},["home"])])," ",e("div",{slot:"code"},[e("code-block",{attrs:{lang:"xml"}},['\n home\n home\n home\n home\n '])])])," ",e("example-box",{attrs:{"card-title":"Themes"}},[e("div",{slot:"demo"},[e("md-icon",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"light-blue",expression:"'light-blue'"}],staticClass:"md-primary"},["home"])," ",e("md-icon",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"green",expression:"'green'"}],staticClass:"md-primary"},["home"])," ",e("md-icon",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"brown",expression:"'brown'"}],staticClass:"md-primary"},["home"])," ",e("md-icon",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"orange",expression:"'orange'"}],staticClass:"md-primary"},["home"])])," ",e("div",{slot:"code"},[e("code-block",{attrs:{lang:"xml"}},['\n home\n home\n home\n home\n '])])])])])])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;return e("page-content",{attrs:{"page-title":"Components - Ink Ripple"}},[e("docs-component",[e("div",{slot:"description"},[e("p",["Ink ripples confirm user input by immediately expanding outward from the point of touch. The card lifts to indicate an active state."])])," ",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",["Name"])," ",e("md-table-head",["Type"])," ",e("md-table-head",["Description"])])])," ",e("md-table-body",[e("md-table-row",[e("md-table-cell",["md-disabled"])," ",e("md-table-cell",[e("code",["Boolean"])])," ",e("md-table-cell",["Disable the ripple effect on the parent element. Default ",e("code",["false"])])])])])])])," ",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"),"\n This div has ripple effect\n "])," ",e("div",{staticClass:"has-ripple purple"},[e("md-ink-ripple"),"\n This div has ripple effect\n "])," ",e("div",{staticClass:"has-ripple blue"},[e("md-ink-ripple"),"\n This div has ripple effect\n "])," ",e("div",{staticClass:"has-ripple red"},[e("md-ink-ripple"),"\n This div has ripple effect\n "])," ",e("md-card",{staticClass:"card-ripple",attrs:{"md-with-hover":""}},[e("md-card-media",[e("md-ink-ripple")," ",e("img",{attrs:{src:"assets/card-image-1.jpg",alt:"People"}})])," ",e("md-card-actions",[e("md-button",{staticClass:"md-icon-button"},[e("md-icon",["favorite"])])," ",e("md-button",{staticClass:"md-icon-button"},[e("md-icon",["bookmark"])])," ",e("md-button",{staticClass:"md-icon-button"},[e("md-icon",["share"])])])])])," ",e("div",{slot:"code"},[e("code-block",{attrs:{lang:"xml"}},['\n
\n \n This div has ripple effect\n
\n\n
\n \n This div has ripple effect\n
\n\n
\n \n This div has ripple effect\n
\n\n
\n \n This div has ripple effect\n
\n\n \n \n \n People\n \n\n \n \n favorite\n \n\n \n bookmark\n \n\n \n share\n \n \n \n '])," ",e("code-block",{attrs:{lang:"scss"}},["\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;return e("div",{directives:[{name:"md-theme",rawName:"v-md-theme",value:t.theme,expression:"theme"}],staticClass:"container"},[e("md-sidenav",{ref:"main-sidebar",staticClass:"main-sidebar md-left md-fixed"},[e("md-toolbar",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"white",expression:"'white'"}],staticClass:"vue-material-logo"},[e("router-link",{attrs:{exact:"",to:"/"}},[e("img",{attrs:{src:t.logo,alt:"Vue"}})," ",e("span",["Vue Material"])])])," ",e("div",{staticClass:"main-sidebar-links"},[e("md-list",{staticClass:"md-dense"},[e("md-list-item",[e("router-link",{attrs:{exact:"",to:"/"}},["Introduction"])])," ",e("md-list-item",[e("router-link",{attrs:{exact:"",to:"/getting-started"}},["Getting Started"])])," ",e("md-list-item",[e("router-link",{attrs:{exact:"",to:"/themes/configuration"}},["Themes"])," "])," ",e("md-list-item",[e("span",["Components"])," ",e("md-list-expand",[e("md-list",[e("md-list-item",{staticClass:"md-inset"},[e("router-link",{attrs:{exact:"",to:"/components/avatar"}},["Avatar"])])," ",e("md-list-item",{staticClass:"md-inset"},[e("router-link",{attrs:{exact:"",to:"/components/bottom-bar"}},["Bottom Bar"])])," ",e("md-list-item",{staticClass:"md-inset"},[e("router-link",{attrs:{exact:"",to:"/components/button"}},["Button"])])," ",e("md-list-item",{staticClass:"md-inset"},[e("router-link",{attrs:{exact:"",to:"/components/button-toggle"}},["Button Toggle"])])," ",e("md-list-item",{staticClass:"md-inset"},[e("router-link",{attrs:{exact:"",to:"/components/card"}},["Card"])])," ",e("md-list-item",{staticClass:"md-inset"},[e("router-link",{attrs:{exact:"",to:"/components/checkbox"}},["Checkbox"])])," ",e("md-list-item",{staticClass:"md-inset"},[e("router-link",{attrs:{exact:"",to:"/components/dialog"}},["Dialog"])])," ",e("md-list-item",{staticClass:"md-inset"},[e("router-link",{attrs:{exact:"",to:"/components/icon"}},["Icon"])])," ",e("md-list-item",{staticClass:"md-inset"},[e("router-link",{attrs:{exact:"",to:"/components/input"}},["Input"])])," ",e("md-list-item",{staticClass:"md-inset"},[e("router-link",{attrs:{exact:"",to:"/components/list"}},["List"])])," ",e("md-list-item",{staticClass:"md-inset"},[e("router-link",{attrs:{exact:"",to:"/components/menu"}},["Menu"])])," ",e("md-list-item",{staticClass:"md-inset"},[e("router-link",{attrs:{exact:"",to:"/components/radio"}},["Radio"])])," ",e("md-list-item",{staticClass:"md-inset"},[e("router-link",{attrs:{exact:"",to:"/components/ink-ripple"}},["Ink Ripple"])])," ",e("md-list-item",{staticClass:"md-inset"},[e("router-link",{attrs:{exact:"",to:"/components/select"}},["Select"])])," ",e("md-list-item",{staticClass:"md-inset"},[e("router-link",{attrs:{exact:"",to:"/components/sidenav"}},["Sidenav"])])," ",e("md-list-item",{staticClass:"md-inset"},[e("router-link",{attrs:{exact:"",to:"/components/subheader"}},["Subheader"])])," ",e("md-list-item",{staticClass:"md-inset"},[e("router-link",{attrs:{exact:"",to:"/components/switch"}},["Switch"])])," ",e("md-list-item",{staticClass:"md-inset"},[e("router-link",{attrs:{exact:"",to:"/components/tabs"}},["Tabs"])])," ",e("md-list-item",{staticClass:"md-inset"},[e("router-link",{attrs:{exact:"",to:"/components/table"}},["Table"])])," ",e("md-list-item",{staticClass:"md-inset"},[e("router-link",{attrs:{exact:"",to:"/components/toolbar"}},["Toolbar"])])," ",e("md-list-item",{staticClass:"md-inset"},[e("router-link",{attrs:{exact:"",to:"/components/tooltip"}},["Tooltip"])])," ",e("md-list-item",{staticClass:"md-inset"},[e("router-link",{attrs:{exact:"",to:"/components/whiteframe"}},["Whiteframe"])])])])])," ",e("md-list-item",[e("router-link",{attrs:{exact:"",to:"/ui-elements/typography"}},["Typography"])," "])," ",e("md-list-item",[e("router-link",{attrs:{exact:"",to:"/changelog"}},["Changelog"])])," ",e("md-list-item",[e("router-link",{attrs:{exact:"",to:"/about"}},["About"])])])])])," ",e("transition",{attrs:{name:"md-router"}},[e("router-view")])])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;return e("div",{staticClass:"md-sidenav",class: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")])," ",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;return e("page-content",{attrs:{"page-title":"Components - Menu"}},[e("docs-component",[e("div",{slot:"description"},[e("p",["Menus appear upon interaction with a button, action, or other control. They display a list of choices, with one choice per line."])," ",e("p",["You can create menus with selection items or show rich content."])," ",e("p",["You will need an element with the ",e("code",["md-menu-trigger"])," attribute inside the menu or to use the menu core methods, like on the last example."])])," ",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",["Name"])," ",e("md-table-head",["Type"])," ",e("md-table-head",["Description"])])])," ",e("md-table-body",[e("md-table-row",[e("md-table-cell",["md-size"])," ",e("md-table-cell",[e("code",["Number"])])," ",e("md-table-cell",["Sets the size of the menu content. From 0 to 7. ",e("br"),"Default: ",e("code",["0"])])])," ",e("md-table-row",[e("md-table-cell",["md-direction"])," ",e("md-table-cell",[e("code",["String"])])," ",e("md-table-cell",["Sets the direction of the menu content. ",e("br")," Possibilities: ",e("code",["bottom right"])," | ",e("code",["bottom left"])," | ",e("code",["top right"])," | ",e("code",["top right"]),e("br"),"Default: ",e("code",["bottom right"])])])," ",e("md-table-row",[e("md-table-cell",["md-align-trigger"])," ",e("md-table-cell",[e("code",["Boolean"])])," ",e("md-table-cell",["Align the menu content to do not cover menu trigger. ",e("br"),"Default: ",e("code",["false"])])])," ",e("md-table-row",[e("md-table-cell",["md-offset-x"])," ",e("md-table-cell",[e("code",["Number"])])," ",e("md-table-cell",["Set the menu content offset margin horizontally. ",e("br"),"Default: ",e("code",["0"])])])," ",e("md-table-row",[e("md-table-cell",["md-offset-y"])," ",e("md-table-cell",[e("code",["Number"])])," ",e("md-table-cell",["Set the menu content offset margin vertically. ",e("br"),"Default: ",e("code",["0"])])])," ",e("md-table-row",[e("md-table-cell",["md-close-on-select"])," ",e("md-table-cell",[e("code",["Boolean"])])," ",e("md-table-cell",["Close menu content upon mouse click on its menu items. ",e("br"),"Default: ",e("code",["true"])])])])])," ",e("md-table",{slot:"events"},[e("md-table-header",[e("md-table-row",[e("md-table-head",["Name"])," ",e("md-table-head",["Value"])," ",e("md-table-head",["Description"])])])," ",e("md-table-body",[e("md-table-row",[e("md-table-cell",["open"])," ",e("md-table-cell",["None"])," ",e("md-table-cell",["Triggered when the menu starts to open."])])," ",e("md-table-row",[e("md-table-cell",["close"])," ",e("md-table-cell",["None"])," ",e("md-table-cell",["Triggered when the menu starts to close."])])])])," ",e("md-table",{slot:"methods"},[e("md-table-header",[e("md-table-row",[e("md-table-head",["Name"])," ",e("md-table-head",["Description"])])])," ",e("md-table-body",[e("md-table-row",[e("md-table-cell",["open"])," ",e("md-table-cell",["Open the menu."])])," ",e("md-table-row",[e("md-table-cell",["close"])," ",e("md-table-cell",["Close the menu."])])])])])," ",e("api-table",{attrs:{name:"md-menu-content"}},[e("p",["Displays the content of a menu."])," ",e("p",["No options available"])])," ",e("api-table",{attrs:{name:"md-menu-item"}},[e("p",["Displays a single item inside a menu."])," ",e("div",{slot:"properties"},[e("md-table",[e("md-table-header",[e("md-table-row",[e("md-table-head",["Name"])," ",e("md-table-head",["Type"])," ",e("md-table-head",["Description"])])])," ",e("md-table-body",[e("md-table-row",[e("md-table-cell",["disabled"])," ",e("md-table-cell",[e("code",["Boolean"])])," ",e("md-table-cell",["Disable the button and prevent his actions. Default ",e("code",["false"])])])])])])," ",e("md-table",{slot:"events"},[e("md-table-header",[e("md-table-row",[e("md-table-head",["Name"])," ",e("md-table-head",["Value"])," ",e("md-table-head",["Description"])])])," ",e("md-table-body",[e("md-table-row",[e("md-table-cell",["selected"])," ",e("md-table-cell",["Receives the ",e("code",["$event"])])," ",e("md-table-cell",["Triggered when the item receives a click."])])])])])])," ",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":""}},["Bottom Right"])," ",e("md-menu-content",[e("md-menu-item",["My Item 1"])," ",e("md-menu-item",["My Item 2"])," ",e("md-menu-item",["My Item 3"])])])," ",e("md-menu",{attrs:{"md-direction":"bottom left"}},[e("md-button",{attrs:{"md-menu-trigger":""}},["Bottom Left"])," ",e("md-menu-content",[e("md-menu-item",["My Item 1"])," ",e("md-menu-item",["My Item 2"])," ",e("md-menu-item",{attrs:{disabled:""}},["My Item 3"])," ",e("md-menu-item",["My Item 4"])])])," ",e("md-menu",{attrs:{"md-direction":"top left"}},[e("md-button",{attrs:{"md-menu-trigger":""}},["Top Left"])," ",e("md-menu-content",[e("md-menu-item",["My Item 1"])," ",e("md-menu-item",["My Item 2"])," ",e("md-menu-item",["My Item 3"])])])," ",e("md-menu",{attrs:{"md-direction":"top right"}},[e("md-button",{attrs:{"md-menu-trigger":""}},["Top Right"])," ",e("md-menu-content",[e("md-menu-item",["My Item 1"])," ",e("md-menu-item",["My Item 2"])," ",e("md-menu-item",["My Item 3"])])])])," ",e("div",{slot:"code"},[e("code-block",{attrs:{lang:"xml"}},['\n \n Bottom Right\n\n \n My Item 1\n My Item 2\n My Item 3\n \n \n\n \n Bottom Left\n\n \n My Item 1\n My Item 2\n My Item 3\n My Item 4\n \n \n\n \n Top Left\n\n \n My Item 1\n My Item 2\n My Item 3\n \n \n\n \n Top Right\n\n \n My Item 1\n My Item 2\n My Item 3\n \n \n '])])])," ",e("example-box",{attrs:{"card-title":"Alignments"}},[e("div",{slot:"demo"},[e("md-menu",[e("md-button",{attrs:{"md-menu-trigger":""}},["Default"])," ",e("md-menu-content",[e("md-menu-item",["My Item 1"])," ",e("md-menu-item",["My Item 2"])," ",e("md-menu-item",["My Item 3"])])])," ",e("md-menu",{attrs:{"md-align-trigger":""}},[e("md-button",{attrs:{"md-menu-trigger":""}},["Align trigger"])," ",e("md-menu-content",[e("md-menu-item",["My Item 1"])," ",e("md-menu-item",["My Item 2"])," ",e("md-menu-item",["My Item 3"])])])," ",e("md-menu",{attrs:{"md-offset-x":154,"md-offset-y":"12"}},[e("md-button",{attrs:{"md-menu-trigger":""}},["Custom offset"])," ",e("md-menu-content",[e("md-menu-item",["My Item 1"])," ",e("md-menu-item",["My Item 2"])," ",e("md-menu-item",["My Item 3"])])])])," ",e("div",{slot:"code"},[e("code-block",{attrs:{lang:"xml"}},['\n \n Default\n\n \n My Item 1\n My Item 2\n My Item 3\n \n \n\n \n Align trigger\n\n \n My Item 1\n My Item 2\n My Item 3\n \n \n\n \n Custom offset\n\n \n My Item 1\n My Item 2\n My Item 3\n \n \n '])])])," ",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":""}},["Size 1"])," ",e("md-menu-content",[e("md-menu-item",["Item 1"])," ",e("md-menu-item",["Item 2"])," ",e("md-menu-item",["Item 3"])])])," ",e("md-menu",{attrs:{"md-size":"2"}},[e("md-button",{attrs:{"md-menu-trigger":""}},["Size 2"])," ",e("md-menu-content",[e("md-menu-item",["My Item 1"])," ",e("md-menu-item",["My Item 2"])," ",e("md-menu-item",["My Item 3"])])])," ",e("md-menu",{attrs:{"md-size":"3"}},[e("md-button",{attrs:{"md-menu-trigger":""}},["Size 3"])," ",e("md-menu-content",[e("md-menu-item",["My Item 1"])," ",e("md-menu-item",["My Item 2"])," ",e("md-menu-item",["My Item 3"])])])," ",e("md-menu",{attrs:{"md-size":"4"}},[e("md-button",{attrs:{"md-menu-trigger":""}},["Size 4"])," ",e("md-menu-content",[e("md-menu-item",["My Item 1"])," ",e("md-menu-item",["My Item 2"])," ",e("md-menu-item",["My Item 3"])])])," ",e("md-menu",{attrs:{"md-size":"5"}},[e("md-button",{attrs:{"md-menu-trigger":""}},["Size 5"])," ",e("md-menu-content",[e("md-menu-item",["My Item 1"])," ",e("md-menu-item",["My Item 2"])," ",e("md-menu-item",["My Item 3"])])])," ",e("md-menu",{attrs:{"md-size":"6"}},[e("md-button",{attrs:{"md-menu-trigger":""}},["Size 6"])," ",e("md-menu-content",[e("md-menu-item",["My Item 1"])," ",e("md-menu-item",["My Item 2"])," ",e("md-menu-item",["My Item 3"])])])," ",e("md-menu",{attrs:{"md-size":"7"}},[e("md-button",{ -attrs:{"md-menu-trigger":""}},["Size 7"])," ",e("md-menu-content",[e("md-menu-item",["My Item 1"])," ",e("md-menu-item",["My Item 2"])," ",e("md-menu-item",["My Item 3"])])])])," ",e("div",{slot:"code"},[e("code-block",{attrs:{lang:"xml"}},['\n \n Size 1\n\n \n Item 1\n Item 2\n Item 3\n \n \n\n \n Size 2\n\n \n My Item 1\n My Item 2\n My Item 3\n \n \n\n \n Size 3\n\n \n My Item 1\n My Item 2\n My Item 3\n \n \n\n \n Size 4\n\n \n My Item 1\n My Item 2\n My Item 3\n \n \n\n \n Size 5\n\n \n My Item 1\n My Item 2\n My Item 3\n \n \n\n \n Size 6\n\n \n My Item 1\n My Item 2\n My Item 3\n \n \n\n \n Size 7\n\n \n My Item 1\n My Item 2\n My Item 3\n \n \n '])])])," ",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",["contacts"])])," ",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"}})])," ",e("div",{staticClass:"author-card-info"},[e("span",["Marcos Moura"])," ",e("div",{staticClass:"author-card-links"},[e("a",{attrs:{href:"https://linkedin.com/in/marcosvmmoura",target:"_blank",rel:"noopener"}},["Linkedin"])," ",e("a",{attrs:{href:"https://github.com/marcosmoura",target:"_blank",rel:"noopener"}},["GitHub"])])])])])])," ",e("md-menu",{attrs:{"md-size":"4"}},[e("md-button",{staticClass:"md-icon-button",attrs:{"md-menu-trigger":""}},[e("md-icon",["phone"])])," ",e("md-menu-content",[e("md-menu-item",[e("md-icon",["phone"])," ",e("span",["My Item 1"])])," ",e("md-menu-item",[e("md-icon",["phone"])," ",e("span",["My Item 2"])])," ",e("md-menu-item",[e("md-icon",["phone"])," ",e("span",["My Item 3"])])])])," ",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",["near_me"])])," ",e("md-menu-content",[e("md-menu-item",[e("span",["Find on map"])," ",e("md-icon",["near_me"])])," ",e("md-menu-item",[e("span",["Call"])," ",e("md-icon",["phone"])])])])," ",e("md-button",{staticClass:"md-raised md-primary",nativeOn:{click:function(e){t.$refs.menu.open(e)}}},["Open contact card"])])," ",e("div",{slot:"code"},[e("code-block",{attrs:{lang:"xml"}},['\n \n \n contacts\n \n\n \n
\n \n Marcos Moura\n \n\n
\n Marcos Moura\n
\n Linkedin\n GitHub\n
\n
\n
\n \n \n\n \n \n phone\n \n\n \n \n phone\n My Item 1\n \n\n \n phone\n My Item 2\n \n\n \n phone\n My Item 3\n \n \n \n\n \n \n near_me\n \n\n \n \n Find on map\n near_me\n \n\n \n Call\n phone\n \n \n \n\n Open contact card\n '])," ",e("code-block",{attrs:{lang:"scss"}},["\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;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"},["arrow_downward"]):t._e()," ",t._t("default")," ",t.mdTooltip?e("md-tooltip",[t._s(t.mdTooltip)]):t._e()])])])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;return e("div",{staticClass:"md-input-container",class:t.classes},[t._t("default")," ",t.enableCounter?e("span",{staticClass:"md-count"},[t._s(t.inputLength)+" / "+t._s(t.counterLength)]):t._e()," ",t.mdHasPassword?e("md-button",{staticClass:"md-icon-button md-toggle-password",on:{click:t.togglePasswordType}},[e("md-icon",[t._s(t.showPassword?"visibility_off":"visibility")])]):t._e()])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;return e("page-content",{attrs:{"page-title":"Components - Input"}},[e("docs-component",[e("div",{slot:"description"},[e("p",["Inputs allow users to input text and usually appear in forms. Users may enter text, numbers, or mixed-format types of input."])])," ",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",["Name"])," ",e("md-table-head",["Type"])," ",e("md-table-head",["Description"])])])," ",e("md-table-body",[e("md-table-row",[e("md-table-cell",["md-inline"])," ",e("md-table-cell",[e("code",["Boolean"])])," ",e("md-table-cell",["Create inline field with a label or placeholder. Default ",e("code",["false"])])])," ",e("md-table-row",[e("md-table-cell",["md-has-password"])," ",e("md-table-cell",[e("code",["Boolean"])])," ",e("md-table-cell",["Show a button to toggle the password visibility. Default ",e("code",["false"])])])])])," ",e("md-table",{slot:"classes"},[e("md-table-header",[e("md-table-row",[e("md-table-head",["Name"])," ",e("md-table-head",["Description"])])])," ",e("md-table-body",[e("md-table-row",[e("md-table-cell",["md-input-invalid"])," ",e("md-table-cell",["Set the error class"])])])])])," ",e("api-table",{attrs:{name:"md-input"}},[e("md-table",{slot:"properties"},[e("md-table-header",[e("md-table-row",[e("md-table-head",["Name"])," ",e("md-table-head",["Type"])," ",e("md-table-head",["Description"])])])," ",e("md-table-body",[e("md-table-row",[e("md-table-cell",["v-model"])," ",e("md-table-cell",[e("code",["String"])])," ",e("md-table-cell",["A required model object to bind the value."])])," ",e("md-table-row",[e("md-table-cell",["type"])," ",e("md-table-cell",[e("code",["String"])])," ",e("md-table-cell",["Sets the type. Default ",e("code",["text"])])])," ",e("md-table-row",[e("md-table-cell",["disabled"])," ",e("md-table-cell",[e("code",["Boolean"])])," ",e("md-table-cell",["Disable the input and prevent his actions. Default ",e("code",["false"])])])," ",e("md-table-row",[e("md-table-cell",["required"])," ",e("md-table-cell",[e("code",["Boolean"])])," ",e("md-table-cell",['Apply the required rule to style the label with an "*". Default ',e("code",["false"])])])," ",e("md-table-row",[e("md-table-cell",["placeholder"])," ",e("md-table-cell",[e("code",["String"])])," ",e("md-table-cell",["Sets the placeholder."])])," ",e("md-table-row",[e("md-table-cell",["maxlength"])," ",e("md-table-cell",[e("code",["Number"])])," ",e("md-table-cell",["Sets the maxlength and enable the text counter."])])])])])," ",e("api-table",{attrs:{name:"md-textarea"}},[e("md-table",{slot:"properties"},[e("md-table-header",[e("md-table-row",[e("md-table-head",["Name"])," ",e("md-table-head",["Type"])," ",e("md-table-head",["Description"])])])," ",e("md-table-body",[e("md-table-row",[e("md-table-cell",["v-model"])," ",e("md-table-cell",[e("code",["String"])])," ",e("md-table-cell",["A required model object to bind the value."])])," ",e("md-table-row",[e("md-table-cell",["disabled"])," ",e("md-table-cell",[e("code",["Boolean"])])," ",e("md-table-cell",["Disable the textarea and prevent his actions. Default ",e("code",["false"])])])," ",e("md-table-row",[e("md-table-cell",["required"])," ",e("md-table-cell",[e("code",["Boolean"])])," ",e("md-table-cell",['Apply the required rule to style the label with an "*". Default ',e("code",["false"])])])," ",e("md-table-row",[e("md-table-cell",["placeholder"])," ",e("md-table-cell",[e("code",["String"])])," ",e("md-table-cell",["Sets the placeholder."])])," ",e("md-table-row",[e("md-table-cell",["maxlength"])," ",e("md-table-cell",[e("code",["Number"])])," ",e("md-table-cell",["Sets the maxlength and enable the text counter."])])])])])])," ",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",["Initial value"])," ",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}}})])," ",e("md-input-container",[e("label",["With label"])," ",e("md-input",{attrs:{placeholder:"My nice placeholder"}})])," ",e("md-input-container",{attrs:{"md-inline":""}},[e("label",["Inline field"])," ",e("md-input")])," ",e("md-input-container",[e("label",["Number"])," ",e("md-input",{attrs:{type:"number"}})])," ",e("md-input-container",[e("label",["Textarea"])," ",e("md-textarea")])," ",e("md-input-container",[e("label",["Disabled"])," ",e("md-input",{attrs:{disabled:""}})])])])," ",e("div",{slot:"code"},[e("code-block",{attrs:{lang:"xml"}},['\n
\n \n \n \n \n\n \n \n \n \n\n \n \n \n \n\n \n \n \n \n\n \n \n \n \n\n \n \n \n \n
\n '])," ",e("code-block",{attrs:{lang:"javascript"}},["\n export default {\n data() {\n return {\n initialValue: 'My initial value'\n };\n }\n };\n "])])])," ",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",["Regular Password"])," ",e("md-input",{attrs:{type:"password"}})])," ",e("md-input-container",{attrs:{"md-has-password":""}},[e("label",["Password Reveal"])," ",e("md-input",{attrs:{type:"password"}})])])])," ",e("div",{slot:"code"},[e("code-block",{attrs:{lang:"xml"}},['\n
\n \n \n \n \n\n \n \n \n \n
\n '])])])," ",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",["Required"])," ",e("md-input",{attrs:{required:""}})])," ",e("md-input-container",{staticClass:"md-input-invalid"},[e("label",["Error"])," ",e("md-input",{attrs:{required:""}})])," ",e("md-input-container",{staticClass:"md-input-invalid"},[e("label",["Error with message"])," ",e("md-input",{attrs:{required:""}})," ",e("span",{staticClass:"md-error"},["Validation message"])])," ",e("md-input-container",{staticClass:"md-input-invalid"},[e("label",["Textarea with error"])," ",e("md-textarea")," ",e("span",{staticClass:"md-error"},["Textarea validation message"])])])])," ",e("div",{slot:"code"},[e("code-block",{attrs:{lang:"xml"}},['\n
\n \n \n \n \n\n \n \n \n \n\n \n \n \n\n Validation message\n \n\n \n \n \n\n Textarea validation message\n \n
\n '])])])," ",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",["Textarea"])," ",e("md-textarea",{attrs:{maxlength:"70"}})])," ",e("md-input-container",[e("label",["Input"])," ",e("md-input",{attrs:{maxlength:"20"}})])])])," ",e("div",{slot:"code"},[e("code-block",{attrs:{lang:"xml"}},['\n
\n \n \n \n \n\n \n \n \n \n
\n '])])])," ",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("div",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"green",expression:"'green'"}]},[e("md-input-container",[e("label",["Green - Input"])," ",e("md-input")])])," ",e("div",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"cyan",expression:"'cyan'"}]},[e("md-input-container",[e("label",["Cyan - Textarea"])," ",e("md-textarea")])])])])," ",e("div",{slot:"code"},[e("code-block",{attrs:{lang:"xml"}},['\n
\n
\n \n \n \n \n
\n\n
\n \n \n \n \n
\n
\n '])])])])])])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;return e("div",{staticClass:"md-card",class:t.classes},[t._t("default")])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;return e("div",{staticClass:"md-menu-content",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")])])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;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;return e("td",{staticClass:"md-table-cell",class:t.classes},[e("div",{staticClass:"md-table-cell-container"},[t._t("default")])])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;return e("md-list-item",{staticClass:"md-menu-item",class:t.classes,attrs:{disabled:t.disabled},on:{click:t.close}},[t._t("default")])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;return e("page-content",{attrs:{"page-title":"Components - Checkbox"}},[e("docs-component",[e("div",{slot:"description"},[e("p",["Checkboxes allow the user to select multiple options from a set."])," ",e("p",["The following classes can be applied to change the color palette:"])," ",e("ul",{staticClass:"md-body-2"},[e("li",[e("code",["md-primary"])])," ",e("li",[e("code",["md-warn"])])])])," ",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",["Name"])," ",e("md-table-head",["Type"])," ",e("md-table-head",["Description"])])])," ",e("md-table-body",[e("md-table-row",[e("md-table-cell",["v-model"])," ",e("md-table-cell",[e("code",["String"])])," ",e("md-table-cell",["A required model object to bind the value."])])," ",e("md-table-row",[e("md-table-cell",["name"])," ",e("md-table-cell",[e("code",["String"])])," ",e("md-table-cell",["Set the checkbox name."])])," ",e("md-table-row",[e("md-table-cell",["id"])," ",e("md-table-cell",[e("code",["String"])])," ",e("md-table-cell",["Set the checkbox id."])])," ",e("md-table-row",[e("md-table-cell",["disabled"])," ",e("md-table-cell",[e("code",["Boolean"])])," ",e("md-table-cell",["Disable the checkbox and prevent his actions. Default ",e("code",["false"])])])])])," ",e("md-table",{slot:"events"},[e("md-table-header",[e("md-table-row",[e("md-table-head",["Name"])," ",e("md-table-head",["Value"])," ",e("md-table-head",["Description"])])])," ",e("md-table-body",[e("md-table-row",[e("md-table-cell",["change"])," ",e("md-table-cell",["Receive the state of the checkbox"])," ",e("md-table-cell",["Triggered when the checkbox changes his value."])])])])])])," ",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}}},["Regular Checkbox"])," ",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}}},["Primary Color"])," ",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}}},["Warn Color"])," ",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}}},["Disabled"])])," ",e("div",{slot:"code"},[e("code-block",{attrs:{lang:"xml"}},['\n Regular Checkbox\n Primary Color\n Warn Color\n Disabled\n '])])])," ",e("example-box",{attrs:{"card-title":"Themes"}},[e("div",{slot:"demo"},[e("div",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"orange",expression:"'orange'"}],staticClass:"themed"},[e("md-checkbox",{directives:[{name:"model",rawName:"v-model",value:t.checkbox2,expression:"checkbox2"}],staticClass:"md-primary",attrs:{id:"my-test5",name:"my-test5"},domProps:{value:t.checkbox2},on:{input:function(e){t.checkbox2=e}}},["Primary Orange"])])," ",e("div",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"green",expression:"'green'"}],staticClass:"themed"},[e("md-checkbox",{directives:[{name:"model",rawName:"v-model",value:t.checkbox2,expression:"checkbox2"}],staticClass:"md-primary",attrs:{id:"my-test6",name:"my-test6"},domProps:{value:t.checkbox2},on:{input:function(e){t.checkbox2=e}}},["Primary Green"])])," ",e("div",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"light-blue",expression:"'light-blue'"}],staticClass:"themed"},[e("md-checkbox",{directives:[{name:"model",rawName:"v-model",value:t.checkbox2,expression:"checkbox2"}],staticClass:"md-primary",attrs:{id:"my-test7",name:"my-test7"},domProps:{value:t.checkbox2},on:{input:function(e){t.checkbox2=e}}},["Primary Light Blue"])])," ",e("div",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"indigo",expression:"'indigo'"}],staticClass:"themed"},[e("md-checkbox",{directives:[{name:"model",rawName:"v-model",value:t.checkbox2,expression:"checkbox2"}],staticClass:"md-primary",attrs:{id:"my-test8",name:"my-test8"},domProps:{value:t.checkbox2},on:{input:function(e){t.checkbox2=e}}},["Primary Indigo"])])," ",e("div",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"brown",expression:"'brown'"}],staticClass:"themed"},[e("md-checkbox",{directives:[{name:"model",rawName:"v-model",value:t.checkbox2,expression:"checkbox2"}],staticClass:"md-primary",attrs:{id:"my-test9",name:"my-test9",disabled:""},domProps:{value:t.checkbox2},on:{input:function(e){t.checkbox2=e}}},["Primary Brown Disabled"])])])," ",e("div",{slot:"code"},[e("code-block",{attrs:{lang:"xml"}},['\n
\n Primary Orange\n
\n\n
\n Primary Green\n
\n\n
\n Primary Light Blue\n
\n\n
\n Primary Indigo\n
\n\n
\n Primary Brown Disabled\n
\n '])])])])])])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;return e("div",{staticClass:"md-card-media",class:t.classes},[t._t("default")])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;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;return e("div",{staticClass:"md-toolbar"},[t._t("default")])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;return e("page-content",{attrs:{"page-title":"Error"}},[e("div",{staticClass:"main-content"},[e("section",[e("h2",{staticClass:"md-headline"},["Hmmm. Too bad"])," ",e("p",["Are you searching for a new component? Or maybe you have an question? Get in touch!"])," ",e("md-button",{staticClass:"md-primary md-raised",attrs:{href:"mailto:marcosvmmoura@gmail.com?Subject=Vue%20Material%20-%20Question",target:"_blank",rel:"noopener"}},["E-mail"])," ",e("md-button",{staticClass:"md-primary md-raised",attrs:{href:"https://github.com/marcosmoura/vue-material/issues/new",target:"_blank",rel:"noopener"}},["New Issue"])])])])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;return e("page-content",{attrs:{"page-title":"Components - Switch"}},[e("docs-component",[e("div",{slot:"description"},[e("p",["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."])," ",e("p",["The following classes can be applied to change the color palette:"])," ",e("ul",{staticClass:"md-body-2"},[e("li",[e("code",["md-primary"])])," ",e("li",[e("code",["md-warn"])])])])," ",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",["Name"])," ",e("md-table-head",["Type"])," ",e("md-table-head",["Description"])])])," ",e("md-table-body",[e("md-table-row",[e("md-table-cell",["v-model"])," ",e("md-table-cell",[e("code",["String"])])," ",e("md-table-cell",["A required model object to bind the value."])])," ",e("md-table-row",[e("md-table-cell",["type"])," ",e("md-table-cell",[e("code",["String"])])," ",e("md-table-cell",["Sets the type. Default ",e("code",["button"])])])," ",e("md-table-row",[e("md-table-cell",["name"])," ",e("md-table-cell",[e("code",["String"])])," ",e("md-table-cell",["Set the switch name."])])," ",e("md-table-row",[e("md-table-cell",["id"])," ",e("md-table-cell",[e("code",["String"])])," ",e("md-table-cell",["Set the switch id."])])," ",e("md-table-row",[e("md-table-cell",["disabled"])," ",e("md-table-cell",[e("code",["Boolean"])])," ",e("md-table-cell",["Disable the switch and prevent his actions. Default ",e("code",["false"])])])])])," ",e("md-table",{slot:"events"},[e("md-table-header",[e("md-table-row",[e("md-table-head",["Name"])," ",e("md-table-head",["Value"])," ",e("md-table-head",["Description"])])])," ",e("md-table-body",[e("md-table-row",[e("md-table-cell",["change"])," ",e("md-table-cell",["Receive the state of the switch"])," ",e("md-table-cell",["Triggered when the switch changes his value."])])])])])])," ",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}}})])," ",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}}},["Primary Color"])])," ",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}}},["Warn Color"])])," ",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}}},["Disabled"])])])," ",e("div",{slot:"code"},[e("code-block",{attrs:{lang:"xml"}})])])," ",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}}},["Default"])," ",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}}},["Submit"])])])," ",e("div",{slot:"code"},[e("code-block",{attrs:{lang:"xml"}})])])," ",e("example-box",{attrs:{"card-title":"Themes"}},[e("div",{slot:"demo"},[e("div",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"orange",expression:"'orange'"}]},[e("md-switch",{directives:[{name:"model",rawName:"v-model",value:t.checked4,expression:"checked4"}],staticClass:"md-primary",attrs:{id:"my-test4",name:"my-test4"},domProps:{value:t.checked4},on:{input:function(e){t.checked4=e}}})])," ",e("div",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"green",expression:"'green'"}]},[e("md-switch",{directives:[{name:"model",rawName:"v-model",value:t.checked5,expression:"checked5"}],staticClass:"md-primary",attrs:{id:"my-test5",name:"my-test5"},domProps:{value:t.checked5},on:{input:function(e){t.checked5=e}}},["Green Primary Color"])])," ",e("div",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"brown",expression:"'brown'"}]},[e("md-switch",{directives:[{name:"model",rawName:"v-model",value:t.checked6,expression:"checked6"}],staticClass:"md-primary",attrs:{id:"my-test6",name:"my-test6"},domProps:{value:t.checked6},on:{input:function(e){t.checked6=e}}},["Brown Primary Color"])])," ",e("div",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"light-blue",expression:"'light-blue'"}]},[e("md-switch",{directives:[{name:"model",rawName:"v-model",value:t.checked7,expression:"checked7"}],staticClass:"md-primary",attrs:{id:"my-test7",name:"my-test7",disabled:""},domProps:{value:t.checked7},on:{input:function(e){t.checked7=e}}},["Light Blue Primary Color Disabled"])])])," ",e("div",{slot:"code"},[e("code-block",{attrs:{lang:"xml"}})])])])])])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;return e("div",{staticClass:"md-dialog-actions"},[t._t("default")])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;return e("page-content",{attrs:{"page-title":"Components - Card"}},[e("docs-component",[e("div",{slot:"description"},[e("p",["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."])," ",e("p",["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."])," ",e("p",['You can also use other Material components inside the card, like the "Complete Example".'])," ",e("p",["The following classes can be applied to change the color palette:"])])," ",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",["Name"])," ",e("md-table-head",["Type"])," ",e("md-table-head",["Description"])])])," ",e("md-table-body",[e("md-table-row",[e("md-table-cell",["md-with-hover"])," ",e("md-table-cell",[e("code",["Boolean"])])," ",e("md-table-cell",["Enable full hover elevation in card. Default ",e("code",["false"])])])])])])," ",e("api-table",{attrs:{name:"md-card-header"}},[e("p",["Can display titles, subheads, medias and avatars in a header."])," ",e("p",["No options available"])])," ",e("api-table",{attrs:{name:"md-card-header-text"}},[e("p",['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.'])," ",e("p",["No options available"])])," ",e("api-table",{attrs:{name:"md-card-content"}},[e("p",["Display the content of the card. Most used with plain text or with simple HTML content, like bold and italic tags."])," ",e("p",["No options available"])])," ",e("api-table",{attrs:{name:"md-card-actions"}},[e("p",["Hold the actions of a card align them on the right. Here you can add ",e("code",[""])," with or without icons."])," ",e("p",["No options available"])])," ",e("api-table",{attrs:{name:"md-card-area"}},[e("div",{slot:"properties"},[e("p",["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)."])," ",e("p",['You can see an example of use on the "Complete example".'])," ",e("md-table",[e("md-table-header",[e("md-table-row",[e("md-table-head",["Name"])," ",e("md-table-head",["Type"])," ",e("md-table-head",["Description"])])])," ",e("md-table-body",[e("md-table-row",[e("md-table-cell",["md-inset"])," ",e("md-table-cell",[e("code",["Boolean"])])," ",e("md-table-cell",["Apply a inset border. Default ",e("code",["false"])])])])])])])," ",e("api-table",{attrs:{name:"md-card-media"}},[e("div",{slot:"properties"},[e("p",["The card media display images (and other types of media) inside cards. Can be used inside and outsite a card header."])," ",e("md-table",[e("md-table-header",[e("md-table-row",[e("md-table-head",["Name"])," ",e("md-table-head",["Type"])," ",e("md-table-head",["Description"])])])," ",e("md-table-body",[e("md-table-row",[e("md-table-cell",["md-ratio"])," ",e("md-table-cell",[e("code",["String"])])," ",e("md-table-cell",["Resize or clip the image automatically based on the following options: ",e("br"),"1:1 or 1/1, 4:3 or 4/3 and 16:9 or 16/9."])])," ",e("md-table-row",[e("md-table-cell",["md-medium"])," ",e("md-table-cell",[e("code",["Boolean"])])," ",e("md-table-cell",["Applies medium size to the media. Works only inside md-card-header. Default ",e("code",["false"])])])," ",e("md-table-row",[e("md-table-cell",["md-big"])," ",e("md-table-cell",[e("code",["Boolean"])])," ",e("md-table-cell",["Applies big size to the media. Works only inside md-card-header. Default ",e("code",["false"])])])])])])])," ",e("api-table",{attrs:{name:"md-card-media-actions"}},[e("p",["Used to align a media and actions side by side."])," ",e("p",["No options available"])])," ",e("api-table",{attrs:{name:"md-card-media-cover"}},[e("div",{slot:"properties"},[e("p",["You will need to give a ",e("code",[""])," inside this component and a ",e("code",[""]),". The media and the area will be automatically be placed in order inside the card."])," ",e("p",['Take a look at the example: "Image cover with predefined aspect ratio".'])," ",e("md-table",[e("md-table-header",[e("md-table-row",[e("md-table-head",["Name"])," ",e("md-table-head",["Type"])," ",e("md-table-head",["Description"])])])," ",e("md-table-body",[e("md-table-row",[e("md-table-cell",["md-text-scrim"])," ",e("md-table-cell",[e("code",["Boolean"])])," ",e("md-table-cell",["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",["false"])])])," ",e("md-table-row",[e("md-table-cell",["md-solid"])," ",e("md-table-cell",[e("code",["Boolean"])])," ",e("md-table-cell",["Applies a solid background with the same calculation logic of the md-text-scrim. Default ",e("code",["false"])])])])])])])," ",e("api-table",{attrs:{name:"md-card-expand"}},[e("p",['Create a expansible content area inside cards. Useful to "show more" content or load them on demand.'])," ",e("p",["You will need a ",e("code",[""])," with an element with a ",e("code",["md-expand-trigger"])," attribute and a ",e("code",[""])," with the content that you want to show. The trigger will automatically toggle the content on click."])," ",e("p",["A simple HTML markup can be like that:"])," ",e("code-block",{attrs:{lang:"xml"}},['\n \n \n \n keyboard_arrow_down\n \n \n\n \n Lorem ipsum dolor sit amet, consectetur adipisicing elit.\n \n \n '])," ",e("p",["No options available"])])])," ",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"}})])," ",e("md-card-header",[e("div",{staticClass:"md-title"},["Title goes here"])," ",e("div",{staticClass:"md-subhead"},["Subtitle here"])])," ",e("md-card-actions",[e("md-button",["Action"])," ",e("md-button",["Action"])])," ",e("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 "])])," ",e("md-card",[e("md-card-header",[e("md-card-header-text",[e("div",{staticClass:"md-title"},["Title goes here"])," ",e("div",{staticClass:"md-subhead"},["Subtitle here"])])," ",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",["more_vert"])])," ",e("md-menu-content",[e("md-menu-item",[e("span",["Call"])," ",e("md-icon",["phone"])])," ",e("md-menu-item",[e("span",["Send a message"])," ",e("md-icon",["message"])])])])])," ",e("md-card-media",[e("img",{attrs:{src:"assets/card-image-1.jpg",alt:"People"}})])," ",e("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 "])])," ",e("md-card",[e("md-card-media",[e("img",{attrs:{src:"assets/card-image-2.jpg",alt:"People"}})])," ",e("md-card-content",["\n Lorem ipsum dolor sit amet, consectetur adipisicing elit. Optio itaque ea nostrum.\n "])])," ",e("md-card",[e("md-card-media",[e("img",{attrs:{src:"assets/card-image-2.jpg",alt:"People"}})])," ",e("md-card-header",[e("div",{staticClass:"md-title"},["Title goes here"])," ",e("div",{staticClass:"md-subhead"},["Subtitle here"])])," ",e("md-card-actions",[e("md-button",["Action"])," ",e("md-button",["Action"])])])])," ",e("div",{slot:"code"},[e("code-block",{attrs:{lang:"xml"}},['\n \n \n People\n \n\n \n
Title goes here
\n
Subtitle here
\n \n\n \n Action\n Action\n \n\n \n Lorem ipsum dolor sit amet, consectetur adipisicing elit. Optio itaque ea, nostrum odio. Dolores, sed accusantium quasi non, voluptas eius illo quas, saepe voluptate pariatur in deleniti minus sint. Excepturi.\n \n \n\n \n \n \n
Title goes here
\n
Subtitle here
\n \n\n \n \n more_vert\n \n\n \n \n Call\n phone\n \n\n \n Send a message\n message\n \n \n \n \n\n \n People\n \n\n \n Lorem ipsum dolor sit amet, consectetur adipisicing elit. Optio itaque ea, nostrum odio. Dolores, sed accusantium quasi non, voluptas eius illo quas, saepe voluptate pariatur in deleniti minus sint. Excepturi.\n \n \n\n \n \n People\n \n\n \n Lorem ipsum dolor sit amet, consectetur adipisicing elit. Optio itaque ea nostrum.\n \n \n\n \n \n People\n \n\n \n
Title goes here
\n
Subtitle here
\n \n\n \n Action\n Action\n \n \n '])])])," ",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"},["Title goes here"])," ",e("div",{staticClass:"md-subhead"},["Subtitle here"])])," ",e("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 "])," ",e("md-card-actions",[e("md-button",["Action"])," ",e("md-button",["Action"])])])," ",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"}})])," ",e("md-card-actions",[e("md-button",{staticClass:"md-icon-button"},[e("md-icon",["favorite"])])," ",e("md-button",{staticClass:"md-icon-button"},[e("md-icon",["bookmark"])])," ",e("md-button",{staticClass:"md-icon-button"},[e("md-icon",["share"])])])])," ",e("md-card",{attrs:{"md-with-hover":""}},[e("md-card-header",[e("md-avatar",[e("img",{attrs:{src:"assets/avatar.png",alt:"People"}})])," ",e("div",{staticClass:"md-title"},["Title goes here"])," ",e("div",{staticClass:"md-subhead"},["Subtitle here"])])," ",e("md-card-media",[e("img",{attrs:{src:"assets/card-image-1.jpg",alt:"People"}})])," ",e("md-card-content",["\n Lorem ipsum dolor sit amet, consectetur adipisicing elit. Optio itaque ea nostrum.\n "])," ",e("md-card-actions",[e("md-button",["Action"])," ",e("md-button",["Action"])])])])," ",e("div",{slot:"code"},[e("code-block",{attrs:{lang:"xml"}},['\n \n \n
Title goes here
\n
Subtitle here
\n \n\n \n Lorem ipsum dolor sit amet, consectetur adipisicing elit. Optio itaque ea, nostrum odio. Dolores, sed accusantium quasi non, voluptas eius illo quas, saepe voluptate pariatur in deleniti minus sint. Excepturi.\n \n\n \n Action\n Action\n \n \n\n \n \n People\n \n\n \n \n favorite\n \n\n \n bookmark\n \n\n \n share\n \n \n \n\n \n \n \n People\n \n\n
Title goes here
\n
Subtitle here
\n \n\n \n People\n \n\n \n Lorem ipsum dolor sit amet, consectetur adipisicing elit. Optio itaque ea nostrum.\n \n\n \n Action\n Action\n \n \n '])])])," ",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"}})])," ",e("md-card-area",[e("md-card-header",[e("div",{staticClass:"md-title"},["Title goes here"])," ",e("div",{staticClass:"md-subhead"},["Subtitle here"])])," ",e("md-card-actions",[e("md-button",["Action"])," ",e("md-button",["Action"])])])])])," ",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"}})])," ",e("md-card-area",[e("md-card-header",[e("div",{staticClass:"md-title"},["Title goes here"])," ",e("div",{staticClass:"md-subhead"},["Subtitle here"])])," ",e("md-card-actions",[e("md-button",["Action"])," ",e("md-button",["Action"])])])])])])," ",e("div",{slot:"code"},[e("code-block",{attrs:{lang:"xml"}},['\n \n \n \n Skyscraper\n \n\n \n \n
Title goes here
\n
Subtitle here
\n \n\n \n Action\n Action\n \n \n \n \n\n \n \n \n Skyscraper\n \n\n \n \n
Title goes here
\n
Subtitle here
\n \n\n \n Action\n Action\n \n \n \n \n '])])])," ",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"},["Title goes here"])," ",e("div",{staticClass:"md-subhead"},["Subtitle here"])])," ",e("md-card-media",[e("img",{attrs:{src:"assets/avatar-2.jpg",alt:"People"}})])])," ",e("md-card-actions",[e("md-button",["Action"])," ",e("md-button",["Action"])])])," ",e("md-card",[e("md-card-header",[e("md-card-header-text",[e("div",{staticClass:"md-title"},["Title goes here"])," ",e("div",{staticClass:"md-subhead"},["Subtitle here"])])," ",e("md-card-media",{attrs:{"md-medium":""}},[e("img",{attrs:{src:"assets/card-weather.png",alt:"People"}})])])," ",e("md-card-actions",[e("md-button",["Action"])," ",e("md-button",["Action"])])])," ",e("md-card",[e("md-card-header",[e("md-card-header-text",[e("div",{staticClass:"md-title"},["Title goes"])," ",e("div",{staticClass:"md-subhead"},["Subtitle here"])])," ",e("md-card-media",{attrs:{"md-big":""}},[e("img",{attrs:{src:"assets/card-weather.png",alt:"People"}})])])," ",e("md-card-actions",[e("md-button",["Action"])," ",e("md-button",["Action"])])])," ",e("md-card",[e("md-card-media-actions",[e("md-card-media",[e("img",{attrs:{src:"assets/cover.png",alt:"Cover"}})])," ",e("md-card-actions",[e("md-button",{staticClass:"md-icon-button"},[e("md-icon",["favorite"])])," ",e("md-button",{staticClass:"md-icon-button"},[e("md-icon",["bookmark"])])," ",e("md-button",{staticClass:"md-icon-button"},[e("md-icon",["share"])])])])])])," ",e("div",{slot:"code"},[e("code-block",{attrs:{lang:"xml"}},['\n \n \n \n
Title goes here
\n
Subtitle here
\n \n\n \n People\n \n \n\n \n Action\n Action\n \n \n\n \n \n \n
Title goes here
\n
Subtitle here
\n \n\n \n People\n \n \n\n \n Action\n Action\n \n \n\n \n \n \n
Title goes
\n
Subtitle here
\n \n\n \n People\n \n \n\n \n Action\n Action\n \n \n\n \n \n \n Cover\n \n\n \n \n favorite\n \n\n \n bookmark\n \n\n \n share\n \n \n \n \n '])])])," ",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"}})])," ",e("md-card-header",[e("div",{staticClass:"md-title"},["Title goes here"])," ",e("div",{staticClass:"md-subhead"},["Subtitle here"])])," ",e("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 "])])," ",e("md-card-actions",[e("md-button",["Action"])," ",e("md-button",["Action"])])])," ",e("md-card",[e("md-card-media",[e("img",{attrs:{src:"assets/card-image-1.jpg",alt:"People"}})])," ",e("md-card-header",[e("div",{staticClass:"md-title"},["Title goes here"])," ",e("div",{staticClass:"md-subhead"},["Subtitle here"])])," ",e("md-card-expand",[e("md-card-actions",[e("md-button",["Action"])," ",e("md-button",["Action"])," ",e("span",{staticStyle:{flex:"1"}})," ",e("md-button",{staticClass:"md-icon-button",attrs:{"md-expand-trigger":""}},[e("md-icon",["keyboard_arrow_down"])])])," ",e("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 "])])])])," ",e("div",{slot:"code"},[e("code-block",{attrs:{lang:"xml"}},['\n \n \n \n People\n \n\n \n
Title goes here
\n
Subtitle here
\n \n\n \n Lorem ipsum dolor sit amet, consectetur adipisicing elit. Optio itaque ea, nostrum odio. Dolores, sed accusantium quasi non, voluptas eius illo quas, saepe voluptate pariatur in deleniti minus sint. Excepturi.\n \n \n\n \n Action\n Action\n \n \n\n \n \n People\n \n\n \n
Title goes here
\n
Subtitle here
\n \n\n \n \n Action\n Action\n \n \n keyboard_arrow_down\n \n \n\n \n Lorem ipsum dolor sit amet, consectetur adipisicing elit. Optio itaque ea, nostrum odio. Dolores, sed accusantium quasi non, voluptas eius illo quas, saepe voluptate pariatur in deleniti minus sint. Excepturi.\n \n \n \n '])])])," ",e("example-box",{attrs:{"card-title":"Complete Example"}},[e("div",{staticClass:"card-holder",slot:"demo"},[e("md-card",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"blue",expression:"'blue'"}],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"}})])," ",e("md-card-header",[e("h2",{staticClass:"md-title"},["Coffee House"])," ",e("div",{staticClass:"md-subhead"},[e("md-icon",["location_on"])," ",e("span",["2 miles"])])])," ",e("md-card-content",["\n Illy Coffee served with a complimentary Leonidas Belgian Chocolate with all beverages.\n "])])," ",e("md-card-content",[e("h3",{staticClass:"md-subheading"},["Today's availability"])," ",e("div",{staticClass:"card-reservation"},[e("md-icon",["access_time"])," ",e("md-button-toggle",{staticClass:"md-button-group",attrs:{"md-single":""}},[e("md-button",["5:30PM"])," ",e("md-button",["7:30PM"])," ",e("md-button",["9:00PM"])])])])," ",e("md-card-actions",[e("md-button",{staticClass:"md-primary"},["Reserve"])])])])," ",e("div",{slot:"code"},[e("code-block",{attrs:{lang:"xml"}},['\n \n \n \n Coffee House\n \n\n \n

Coffee House

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

Today\'s availability

\n
\n access_time\n \n 5:30PM\n 7:30PM\n 9:00PM\n \n
\n \n\n \n Reserve\n \n \n '])," ",e("code-block",{attrs:{lang:"scss"}},["\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;return e("md-dialog",{ref:"dialog",staticClass:"md-dialog-confirm",on:{close:function(e){t.fireCloseEvent("cancel")}}},[t.mdTitle?e("md-dialog-title",[t._s(t.mdTitle)]):t._e()," ",t.mdContentHtml?e("md-dialog-content",{domProps:{innerHTML:t._s(t.mdContentHtml)}}):e("md-dialog-content",[t._s(t.mdContent)])," "," ",e("md-dialog-actions",[e("md-button",{staticClass:"md-primary",on:{click:function(e){t.close("cancel")}}},[t._s(t.mdCancelText)])," ",e("md-button",{staticClass:"md-primary",on:{click:function(e){t.close("ok")}}},[t._s(t.mdOkText)])])])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;return e("page-content",{attrs:{"page-title":"Components - Sidenav"}},[e("docs-component",[e("div",{slot:"description"},[e("p",["The sidenav spans the height of the screen, with everything behind it visible but darkened by a backdrop."])])," ",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",["Name"])," ",e("md-table-head",["Description"])])])," ",e("md-table-body",[e("md-table-row",[e("md-table-cell",["md-left"])," ",e("md-table-cell",["Display the sidenav on the left of parent"])])," ",e("md-table-row",[e("md-table-cell",["md-right"])," ",e("md-table-cell",["Display the sidenav on the right of parent"])])," ",e("md-table-row",[e("md-table-cell",["md-fixed"])," ",e("md-table-cell",["Apply position fixed"])])])])," ",e("md-table",{slot:"events"},[e("md-table-header",[e("md-table-row",[e("md-table-head",["Name"])," ",e("md-table-head",["Value"])," ",e("md-table-head",["Description"])])])," ",e("md-table-body",[e("md-table-row",[e("md-table-cell",["open"])," ",e("md-table-cell",["None"])," ",e("md-table-cell",["Triggered when the sidenav starts to open."])])," ",e("md-table-row",[e("md-table-cell",["close"])," ",e("md-table-cell",["None"])," ",e("md-table-cell",["Triggered when the sidenav starts to close."])])])])," ",e("md-table",{slot:"methods"},[e("md-table-header",[e("md-table-row",[e("md-table-head",["Name"])," ",e("md-table-head",["Description"])])])," ",e("md-table-body",[e("md-table-row",[e("md-table-cell",["open"])," ",e("md-table-cell",["Open the sidenav."])])," ",e("md-table-row",[e("md-table-cell",["close"])," ",e("md-table-cell",["Close the sidenav."])])," ",e("md-table-row",[e("md-table-cell",["toggle"])," ",e("md-table-cell",["Toggle the sidenav."])])])])])])," ",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",["menu"])])," ",e("h2",{staticClass:"md-title"},["My App"])])," ",e("div",[e("md-button",{staticClass:"md-raised md-accent",on:{click:t.toggleRightSidenav}},["Toggle right"])," ",e("p",["Open console to see the events"])])," ",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"},["Sidenav content"])])])," ",e("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!"])])," ",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"},["Sidenav content"])])])," ",e("md-button",{staticClass:"md-raised md-accent",on:{click:t.closeRightSidenav}},["Close"])])])])," ",e("div",{slot:"code"},[e("code-block",{attrs:{lang:"xml"}},['\n
\n \n \n menu\n \n\n

My App

\n \n\n
\n Toggle right\n

Open console to see the events

\n
\n\n \n \n
\n

Sidenav content

\n
\n \n\n

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!

\n \n\n \n \n
\n

Sidenav content

\n
\n \n\n Close\n \n
\n '])," ",e("code-block",{attrs:{lang:"javascript"}},["\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;return e("page-content",{attrs:{"page-title":"Components - Avatar"}},[e("docs-component",[e("div",{slot:"description"},[e("p",["Avatars can be used to represent people. When used with a specific logo, avatars can also be used to represent brand."])," ",e("p",["The following classes can be applied to change the color palette:"])," ",e("ul",{staticClass:"md-body-2"},[e("li",[e("code",["md-primary"])])," ",e("li",[e("code",["md-accent"])])," ",e("li",[e("code",["md-warn"])])])])," ",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",["Name"])," ",e("md-table-head",["Description"])])])," ",e("md-table-body",[e("md-table-row",[e("md-table-cell",["md-avatar-icon"])," ",e("md-table-cell",["Display an icon using md-icon component"])])," ",e("md-table-row",[e("md-table-cell",["md-large"])," ",e("md-table-cell",["Display large avatar"])])])])])])," ",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"}})])," ",e("md-avatar",{staticClass:"md-avatar-icon"},[e("md-icon",["home"])])," ",e("md-avatar",{staticClass:"md-avatar-icon md-primary"},[e("md-icon",["folder"])])," ",e("md-avatar",{staticClass:"md-avatar-icon md-accent"},[e("md-icon",["favorite"])])," ",e("md-avatar",{staticClass:"md-avatar-icon md-warn"},[e("md-icon",["notes"])])])," ",e("div",{slot:"code"},[e("code-block",{attrs:{lang:"xml"}},['\n \n Avatar\n \n\n \n home\n \n\n \n folder\n \n\n \n favorite\n \n\n \n notes\n \n '])])])," ",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"}})])," ",e("md-avatar",{staticClass:"md-avatar-icon md-large"},[e("md-icon",["home"])])," ",e("md-avatar",{staticClass:"md-avatar-icon md-large md-primary"},[e("md-icon",["folder"])])," ",e("md-avatar",{staticClass:"md-avatar-icon md-large md-accent"},[e("md-icon",["favorite"])])," ",e("md-avatar",{staticClass:"md-avatar-icon md-large md-warn"},[e("md-icon",["notes"])])])," ",e("div",{slot:"code"},[e("code-block",{attrs:{lang:"xml"}},['\n \n People\n \n\n \n home\n \n\n \n folder\n \n\n \n favorite\n \n\n \n notes\n \n '])])])])])])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;return e("div",{staticClass:"md-card-actions"},[t._t("default")])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;return e("page-content",{attrs:{"page-title":"Themes"}},[e("article",{staticClass:"main-content"},[e("section",[e("h2",{staticClass:"md-headline"},["Theme Engine"])," ",e("p",["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."])," ",e("p",["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."])," ",e("p",["Vue Material use classes to apply those color intentions: ",e("code",["md-primary"]),", ",e("code",["md-accent"]),", ",e("code",["md-warn"])," and ",e("code",["md-transparent"]),". The background color is applied automaticaly."])])," ",e("section",[e("h2",{staticClass:"md-headline"},["Color Intentions"])," ",e("p",["Color in material design is inspired by bold hues juxtaposed with muted environments, deep shadows, and bright highlights."])," ",e("p",["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"}},["Material Design palette"])," can be fully applied using Vue Material. You can pass all intentions or just change the intention that you want. The default colors are:"])," ",e("ul",[e("li",["primary - indigo"])," ",e("li",["accent - pink"])," ",e("li",["warn - deep-orange"])," ",e("li",["background - grey"])])," ",e("p",["All of those colors can be applied to create a theme."])," ",e("ul",[e("li",["red"])," ",e("li",["pink"])," ",e("li",["purple"])," ",e("li",["deep-purple"])," ",e("li",["indigo"])," ",e("li",["blue"])," ",e("li",["light-blue"])," ",e("li",["cyan"])," ",e("li",["teal"])," ",e("li",["green"])," ",e("li",["light-green"])," ",e("li",["lime"])," ",e("li",["yellow"])," ",e("li",["amber"])," ",e("li",["orange"])," ",e("li",["deep-orange"])," ",e("li",["brown"])," ",e("li",["grey"])," ",e("li",["blue-grey"])," ",e("li",["white"])," ",e("li",["black"])])])," ",e("section",[e("h3",{staticClass:"md-headline"},["Registering themes"])," ",e("p",["To configure the colors of your application you can use the API."])," ",e("code-block",{attrs:{lang:"javascript"}},["\n Vue.material.theme.register('default', {\n primary: 'cyan',\n accent: 'pink',\n warn: 'red',\n background: 'grey'\n })\n "])," ",e("p",["\n You can call the ",e("code",["register"])," function how many times you want. However Vue Material have a ",e("code",["registerAll"])," function to create multiple themes:\n "])," ",e("code-block",{attrs:{lang:"javascript"}},["\n Vue.material.theme.registerAll({\n app: {\n primary: 'cyan'\n },\n about: {\n primary: 'indigo'\n },\n contact: {\n primary: 'teal'\n }\n })\n "])," ",e("small",["Note: If you do not pass all the colors the theme will inherit the ",e("strong",["default colors"]),"."])])," ",e("section",[e("h3",{staticClass:"md-headline"},["Custom Shades"])," ",e("p",["To have a full use of the Material Design palette you can specify different shades for each color:"])," ",e("code-block",{attrs:{lang:"javascript"}},["\n Vue.material.theme.register('app', {\n primary: {\n color: 'indigo',\n hue: 'A200'\n },\n accent: {\n color: 'grey',\n hue: 300\n }\n })\n "])])," ",e("section",[e("h3",{staticClass:"md-headline"},["Applying a theme"])," ",e("p",["You can apply a single theme for your entire application and another for a single piece of your code. This makes easy to theme single components or to change colors between pages."])," ",e("p",["Vue Material exposes an directive called ",e("code",["v-md-theme"])," which will set the theme on an element:"])," ",e("code-block",{attrs:{lang:"html"}},['\n
\n \n
My App
\n \n\n My Button\n
\n '])])," ",e("section",[e("h3",{staticClass:"md-headline"},["Codepen example"])," ",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"}},["See the Pen ",e("a",{attrs:{href:"http://codepen.io/vue-material/pen/WGavBE/"}},["Theme Example"])," by Vue Material (",e("a",{attrs:{href:"http://codepen.io/vue-material"}},["@vue-material"]),") on ",e("a",{attrs:{href:"http://codepen.io"}},["CodePen"]),"."])])])])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;return e("div",{staticClass:"md-dialog-container",class:t.classes,attrs:{tabindex:"0"},on:{keyup:function(e){t._k(e.keyCode,"esc",27)||t.mdEscToClose&&t.close()}}},[e("div",{ref:"dialog",staticClass:"md-dialog",class:t.dialogClasses,style:t.styles},[t._t("default")])," ",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;return e("page-content",{attrs:{"page-title":"Components - Toolbar"}},[e("docs-component",[e("div",{slot:"description"},[e("p",["Toolbars appear a step above the content they affect. They may constrain their width to accommodate material passing over them."])," ",e("p",["You need to wrap all the elements of your toolbar in a element with the class ",e("code",["md-toolbar-container"])," for medium and large toolbars. On large toolbars you can have two containers to push content to bottom."])," ",e("p",["The following classes can be applied to change the color palette:"])," ",e("ul",{staticClass:"md-body-2"},[e("li",[e("code",["md-accent"])])," ",e("li",[e("code",["md-warn"])])," ",e("li",[e("code",["md-transparent"])])])])," ",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",["Name"])," ",e("md-table-head",["Description"])])])," ",e("md-table-body",[e("md-table-row",[e("md-table-cell",["md-dense"])," ",e("md-table-cell",["Create a small and dense toolbar."])])," ",e("md-table-row",[e("md-table-cell",["md-medium"])," ",e("md-table-cell",["Create a medium."])])," ",e("md-table-row",[e("md-table-cell",["md-large"])," ",e("md-table-cell",["Create a large."])])," ",e("md-table-row",[e("md-table-cell",["md-account-header"])," ",e("md-table-cell",["Create a account header toolbar to show user accounts inside sidenav. See example below and the complete example"])])])])])," ",e("api-table",[e("code-block",{attrs:{lang:"xml",height:"none"}},['\n \n '])])])," ",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",["menu"])])," ",e("h2",{staticClass:"md-title",staticStyle:{flex:"1"}},["Default"])," ",e("md-button",{staticClass:"md-icon-button"},[e("md-icon",["favorite"])])])," ",e("md-toolbar",{staticClass:"md-dense"},[e("md-button",{staticClass:"md-icon-button"},[e("md-icon",["menu"])])," ",e("h2",{staticClass:"md-title",staticStyle:{flex:"1"}},["Dense"])," ",e("md-button",{staticClass:"md-icon-button"},[e("md-icon",["favorite"])])])," ",e("md-toolbar",{staticClass:"md-medium"},[e("div",{staticClass:"md-toolbar-container"},[e("md-button",{staticClass:"md-icon-button"},[e("md-icon",["menu"])])," ",e("h2",{staticClass:"md-title",staticStyle:{flex:"1"}},["Medium"])," ",e("md-button",{staticClass:"md-icon-button"},[e("md-icon",["search"])])," ",e("md-button",{staticClass:"md-icon-button"},[e("md-icon",["filter_list"])])])])," ",e("md-toolbar",{staticClass:"md-large"},[e("div",{staticClass:"md-toolbar-container"},[e("md-button",{staticClass:"md-icon-button"},[e("md-icon",["menu"])])," ",e("span",{staticStyle:{flex:"1"}})," ",e("md-button",{staticClass:"md-icon-button"},[e("md-icon",["search"])])," ",e("md-button",{staticClass:"md-icon-button"},[e("md-icon",["filter_list"])])])," ",e("div",{staticClass:"md-toolbar-container"},[e("h2",{staticClass:"md-title"},["Large"])])])])," ",e("div",{slot:"code"},[e("code-block",{attrs:{lang:"xml"}},['\n \n \n menu\n \n\n

Default

\n\n \n favorite\n \n \n\n \n \n menu\n \n\n

Dense

\n\n \n favorite\n \n \n\n \n
\n \n menu\n \n\n

Medium

\n\n \n search\n \n\n \n filter_list\n \n
\n \n\n \n
\n \n menu\n \n\n \n\n \n search\n \n\n \n filter_list\n \n
\n\n
\n

Large

\n
\n \n '])])])," ",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",["menu"])])," ",e("h2",{staticClass:"md-title",staticStyle:{flex:"1"}},["Vue Material"])," ",e("md-button",{staticClass:"md-icon-button"},[e("md-icon",["favorite"])])])," ",e("md-toolbar",{staticClass:"md-warn"},[e("md-button",{staticClass:"md-icon-button"},[e("md-icon",["menu"])])," ",e("h2",{staticClass:"md-title",staticStyle:{flex:"1"}},["Vue Material"])," ",e("md-button",["Add"])," ",e("md-button",["Remove"])])," ",e("md-toolbar",{staticClass:"md-transparent"},[e("md-button",{staticClass:"md-icon-button"},[e("md-icon",["menu"])])," ",e("h2",{staticClass:"md-title",staticStyle:{flex:"1"}},["Vue Material"])," ",e("md-button",{staticClass:"md-raised"},["Add"])," ",e("md-button",{staticClass:"md-raised md-warn"},["Remove"])])])," ",e("div",{slot:"code"},[e("code-block",{attrs:{lang:"xml"}},['\n \n \n menu\n \n\n

Vue Material

\n\n \n favorite\n \n \n\n \n \n menu\n \n\n

Vue Material

\n\n Add\n Remove\n \n\n \n \n menu\n \n\n

Vue Material

\n\n Add\n Remove\n \n '])])])," ",e("example-box",{attrs:{"card-title":"Themes"}},[e("div",{slot:"demo"},[e("md-toolbar",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"green",expression:"'green'"}]},[e("md-button",{staticClass:"md-icon-button"},[e("md-icon",["menu"])])," ",e("h2",{staticClass:"md-title",staticStyle:{flex:"1"}},["Vue Material"])," ",e("md-button",{staticClass:"md-icon-button"},[e("md-icon",["favorite"])])])," ",e("md-toolbar",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"brown",expression:"'brown'"}],staticClass:"md-large"},[e("div",{staticClass:"md-toolbar-container"},[e("md-button",{staticClass:"md-icon-button"},[e("md-icon",["menu"])])," ",e("span",{staticStyle:{flex:"1"}})," ",e("md-button",{staticClass:"md-icon-button"},[e("md-icon",["search"])])," ",e("md-button",{staticClass:"md-icon-button"},[e("md-icon",["filter_list"])])])," ",e("div",{staticClass:"md-toolbar-container"},[e("h2",{staticClass:"md-title"},["Vue Material"])])])," ",e("md-toolbar",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"orange",expression:"'orange'"}]},[e("md-button",{staticClass:"md-icon-button"},[e("md-icon",["menu"])])," ",e("h2",{staticClass:"md-title",staticStyle:{flex:"1"}},["Vue Material"])," ",e("md-button",["Add"])," ",e("md-button",["Remove"])])," ",e("md-toolbar",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"blue",expression:"'blue'"}]},[e("md-button",{staticClass:"md-icon-button"},[e("md-icon",["menu"])])," ",e("h2",{staticClass:"md-title",staticStyle:{flex:"1"}},["Vue Material"])," ",e("md-button",{staticClass:"md-raised"},["Add"])," ",e("md-button",{staticClass:"md-raised md-warn"},["Remove"])])])," ",e("div",{slot:"code"},[e("code-block",{attrs:{lang:"xml"}},['\n \n \n menu\n \n\n

Vue Material

\n\n \n favorite\n \n \n\n \n
\n \n menu\n \n\n \n\n \n search\n \n\n \n filter_list\n \n
\n\n
\n

Vue Material

\n
\n \n\n \n \n menu\n \n\n

Vue Material

\n\n Add\n Remove\n \n\n \n \n menu\n \n\n

Vue Material

\n\n Add\n Remove\n \n '])])])," ",e("example-box",{attrs:{"card-title":"Complete example"}},[e("div",{slot:"demo"},[e("div",{staticClass:"phone-viewport complete-example"},[e("md-whiteframe",{attrs:{"md-elevation":"2"}},[e("md-toolbar",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"light-blue",expression:"'light-blue'"}],staticClass:"md-large"},[e("div",{staticClass:"md-toolbar-container"},[e("md-button",{staticClass:"md-icon-button",on:{click:function(e){t.$refs.sidenav.toggle()}}},[e("md-icon",["menu"])])," ",e("span",{staticStyle:{flex:"1"}})," ",e("md-button",{staticClass:"md-icon-button"},[e("md-icon",["search"])])," ",e("md-button",{staticClass:"md-icon-button"},[e("md-icon",["view_module"])])])," ",e("div",{staticClass:"md-toolbar-container"},[e("h2",{staticClass:"md-title"},["My Files"])," ",e("md-button",{staticClass:"md-fab md-mini"},[e("md-icon",["add"])])])])])," ",e("md-list",{staticClass:"md-double-line"},[e("md-subheader",{staticClass:"md-inset"},["Folders"])," ",e("md-list-item",[e("md-avatar",{staticClass:"md-avatar-icon"},[e("md-icon",["folder"])])," ",e("div",{staticClass:"md-list-text-container"},[e("span",["Photos"])," ",e("p",["Jan 9, 2014"])])," ",e("md-button",{staticClass:"md-icon-button md-list-action"},[e("md-icon",["info"])])])," ",e("md-list-item",[e("md-avatar",{staticClass:"md-avatar-icon"},[e("md-icon",["folder"])])," ",e("div",{staticClass:"md-list-text-container"},[e("span",["Recipes"])," ",e("p",["Jan 17, 2014"])])," ",e("md-button",{staticClass:"md-icon-button md-list-action"},[e("md-icon",["info"])])])," ",e("md-list-item",[e("md-avatar",{staticClass:"md-avatar-icon"},[e("md-icon",["folder"])])," ",e("div",{staticClass:"md-list-text-container"},[e("span",["Work"])," ",e("p",["Jan 28, 2014"])])," ",e("md-button",{staticClass:"md-icon-button md-list-action"},[e("md-icon",["info"])])," ",e("md-divider",{staticClass:"md-inset"})])," ",e("md-subheader",{staticClass:"md-inset"},["Files"])," ",e("md-list-item",[e("md-avatar",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"blue",expression:"'blue'"}],staticClass:"md-avatar-icon md-primary"},[e("md-icon",["insert_drive_file"])])," ",e("div",{staticClass:"md-list-text-container"},[e("span",["Vacation Itinerary"])," ",e("p",["Jan 20, 2014"])])," ",e("md-button",{staticClass:"md-icon-button md-list-action"},[e("md-icon",["info"])])])," ",e("md-list-item",[e("md-avatar",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"orange",expression:"'orange'"}],staticClass:"md-avatar-icon md-primary"},[e("md-icon",["collections"])])," ",e("div",{staticClass:"md-list-text-container"},[e("span",["Kitchen Remodel"])," ",e("p",["Jan 10, 2014"])])," ",e("md-button",{staticClass:"md-icon-button md-list-action"},[e("md-icon",["info"])])])," ",e("md-list-item",[e("md-avatar",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"green",expression:"'green'"}],staticClass:"md-avatar-icon md-primary"},[e("md-icon",["view_list"])])," ",e("div",{staticClass:"md-list-text-container"},[e("span",["Grocery Shop"])," ",e("p",["Jan 10, 2014"])])," ",e("md-button",{staticClass:"md-icon-button md-list-action"},[e("md-icon",["info"])])])," ",e("md-list-item",[e("md-avatar",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"orange",expression:"'orange'"}],staticClass:"md-avatar-icon md-primary"},[e("md-icon",["collections"])])," ",e("div",{staticClass:"md-list-text-container"},[e("span",["Weekend Pictures"])," ",e("p",["Jan 10, 2014"])])," ",e("md-button",{staticClass:"md-icon-button md-list-action"},[e("md-icon",["info"])])])])," ",e("md-sidenav",{ref:"sidenav",staticClass:"md-left"},[e("md-toolbar",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"blue",expression:"'blue'"}],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"}})])," ",e("span",{staticStyle:{flex:"1"}})," ",e("md-avatar",[e("img",{ -attrs:{src:"https://placeimg.com/40/40/people/3",alt:"People"}})])," ",e("md-avatar",[e("img",{attrs:{src:"https://placeimg.com/40/40/people/4",alt:"People"}})])])," ",e("md-list-item",[e("div",{staticClass:"md-list-text-container"},[e("span",["John Doe"])," ",e("span",["johndoe@email.com"])])," ",e("md-button",{staticClass:"md-icon-button md-list-action"},[e("md-icon",["arrow_drop_down"])])])])])," ",e("md-list",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"blue",expression:"'blue'"}]},[e("md-list-item",{staticClass:"md-primary",on:{click:function(e){t.$refs.sidenav.toggle()}}},[e("md-icon",["insert_drive_file"])," ",e("span",["My files"])])," ",e("md-list-item",{on:{click:function(e){t.$refs.sidenav.toggle()}}},[e("md-icon",["people"])," ",e("span",["Shared with me"])])," ",e("md-list-item",{on:{click:function(e){t.$refs.sidenav.toggle()}}},[e("md-icon",["access_time"])," ",e("span",["Recent"])])," ",e("md-list-item",{on:{click:function(e){t.$refs.sidenav.toggle()}}},[e("md-icon",["start"])," ",e("span",["Starred"])])," ",e("md-list-item",{on:{click:function(e){t.$refs.sidenav.toggle()}}},[e("md-icon",["delete"])," ",e("span",["Trash"])])])])])])," ",e("div",{slot:"code"},[e("code-block",{attrs:{lang:"xml"}},['\n
\n \n \n
\n \n menu\n \n\n \n\n \n search\n \n\n \n view_module\n \n
\n\n
\n

My Files

\n\n \n add\n \n
\n \n \n\n \n Folders\n\n \n \n folder\n \n\n
\n Photos\n

Jan 9, 2014

\n
\n\n \n info\n \n \n\n \n \n folder\n \n\n
\n Recipes\n

Jan 17, 2014

\n
\n\n \n info\n \n \n\n \n \n folder\n \n\n
\n Work\n

Jan 28, 2014

\n
\n\n \n info\n \n\n \n \n\n Files\n\n \n \n insert_drive_file\n \n\n
\n Vacation Itinerary\n

Jan 20, 2014

\n
\n\n \n info\n \n \n\n \n \n collections\n \n\n
\n Kitchen Remodel\n

Jan 10, 2014

\n
\n\n \n info\n \n \n\n \n \n view_list\n \n\n
\n Grocery Shop\n

Jan 10, 2014

\n
\n\n \n info\n \n \n\n \n \n collections\n \n\n
\n Weekend Pictures\n

Jan 10, 2014

\n
\n\n \n info\n \n \n \n\n \n \n\n \n \n insert_drive_file My files\n \n\n \n people Shared with me\n \n\n \n access_time Recent\n \n\n \n start Starred\n \n\n \n delete Trash\n \n \n \n
\n '])," ",e("code-block",{attrs:{lang:"scss"}},["\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-toolbar {\n .md-icon {\n color: #014e70;\n }\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;return e("page-content",{attrs:{"page-title":"Components - Select"}},[e("docs-component",[e("div",{slot:"description"},[e("p",["A dropdown button selects between multiple selections. The select displays the current state and a down arrow."])])," ",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",["Name"])," ",e("md-table-head",["Type"])," ",e("md-table-head",["Description"])])])," ",e("md-table-body",[e("md-table-row",[e("md-table-cell",["v-model"])," ",e("md-table-cell",[e("code",["String"])])," ",e("md-table-cell",["A required model object to bind the value."])])," ",e("md-table-row",[e("md-table-cell",["name"])," ",e("md-table-cell",[e("code",["String"])])," ",e("md-table-cell",["The name of the select"])])," ",e("md-table-row",[e("md-table-cell",["id"])," ",e("md-table-cell",[e("code",["String"])])," ",e("md-table-cell",["The id of the select"])])," ",e("md-table-row",[e("md-table-cell",["disabled"])," ",e("md-table-cell",[e("code",["Boolean"])])," ",e("md-table-cell",["Disable the input and prevent his actions. Default ",e("code",["false"])])])," ",e("md-table-row",[e("md-table-cell",["required"])," ",e("md-table-cell",[e("code",["Boolean"])])," ",e("md-table-cell",['Apply the required rule to style the label with an "*". Default ',e("code",["false"])])])," ",e("md-table-row",[e("md-table-cell",["placeholder"])," ",e("md-table-cell",[e("code",["String"])])," ",e("md-table-cell",["Sets the placeholder."])])," ",e("md-table-row",[e("md-table-cell",["md-menu-class"])," ",e("md-table-cell",[e("code",["String"])])," ",e("md-table-cell",["The css class to be applied on the opened select holder"])])])])," ",e("md-table",{slot:"events"},[e("md-table-header",[e("md-table-row",[e("md-table-head",["Name"])," ",e("md-table-head",["Value"])," ",e("md-table-head",["Description"])])])," ",e("md-table-body",[e("md-table-row",[e("md-table-cell",["selected"])," ",e("md-table-cell",["Receives the value of the model"])," ",e("md-table-cell",["Triggered when the model changes."])])])])])," ",e("api-table",{attrs:{name:"md-option"}},[e("p",["Displays a single item inside the select."])," ",e("div",{slot:"properties"},[e("md-table",[e("md-table-header",[e("md-table-row",[e("md-table-head",["Name"])," ",e("md-table-head",["Type"])," ",e("md-table-head",["Description"])])])," ",e("md-table-body",[e("md-table-row",[e("md-table-cell",["value"])," ",e("md-table-cell",[e("code",["String"])])," ",e("md-table-cell",["The value of the option to be binded on the v-model"])])," ",e("md-table-row",[e("md-table-cell",["disabled"])," ",e("md-table-cell",[e("code",["Boolean"])])," ",e("md-table-cell",["Disable the button and prevent his actions. Default ",e("code",["false"])])])])])])," ",e("md-table",{slot:"events"},[e("md-table-header",[e("md-table-row",[e("md-table-head",["Name"])," ",e("md-table-head",["Value"])," ",e("md-table-head",["Description"])])])," ",e("md-table-body",[e("md-table-row",[e("md-table-cell",["selected"])," ",e("md-table-cell",["Receives the ",e("code",["$event"])])," ",e("md-table-cell",["Triggered when the item receives a click."])])])])])])," ",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"}},["Movie"])," ",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"}},["Fight Club"])," ",e("md-option",{attrs:{value:"godfather"}},["Godfather"])," ",e("md-option",{attrs:{value:"godfather_ii"}},["Godfather II"])," ",e("md-option",{attrs:{value:"godfather_iii"}},["Godfather III"])," ",e("md-option",{attrs:{value:"godfellas"}},["Godfellas"])," ",e("md-option",{attrs:{value:"pulp_fiction"}},["Pulp Fiction"])," ",e("md-option",{attrs:{value:"scarface"}},["Scarface"])])])," ",e("md-input-container",[e("label",{attrs:{for:"country"}},["Country"])," ",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"}},["Australia"])," ",e("md-option",{attrs:{value:"brazil"}},["Brazil"])," ",e("md-option",{attrs:{value:"japan"}},["Japan"])," ",e("md-option",{attrs:{value:"united_states"}},["United States"])])])," ",e("md-input-container",[e("label",{attrs:{for:"font"}},["Font"])," ",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"}},["Arial"])," ",e("md-option",{attrs:{value:"calibri"}},["Calibri"])," ",e("md-option",{attrs:{value:"cambria"}},["Cambria"])," ",e("md-option",{attrs:{value:"comic_sans"}},["Comic Sans"])," ",e("md-option",{attrs:{value:"consolas"}},["Consolas"])," ",e("md-option",{attrs:{value:"courier"}},["Courier"])," ",e("md-option",{attrs:{value:"droid_sans"}},["Droid Sans"])," ",e("md-option",{attrs:{value:"georgia"}},["Georgia"])," ",e("md-option",{attrs:{value:"helvetica"}},["Helvetica"])," ",e("md-option",{attrs:{value:"impact"}},["Impact"])," ",e("md-option",{attrs:{value:"roboto"}},["Roboto"])," ",e("md-option",{attrs:{value:"segoe_ui"}},["Segoe UI"])," ",e("md-option",{attrs:{value:"times_new_roman"}},["Times New Roman"])," ",e("md-option",{attrs:{value:"ubuntu"}},["Ubuntu"])," ",e("md-option",{attrs:{value:"verdana"}},["Verdana"])])])])," ",e("md-button",{staticClass:"md-raised md-primary",on:{click:t.setPulpFiction}},["Set Pulp Fiction"])])," ",e("div",{slot:"code"},[e("code-block",{attrs:{lang:"xml"}},['\n
\n \n \n \n Fight Club\n Godfather\n Godfather II\n Godfather III\n Godfellas\n Pulp Fiction\n Scarface\n \n \n\n \n \n \n Australia\n Brazil\n Japan\n United States\n \n \n\n \n \n \n Arial\n Calibri\n Cambria\n Comic Sans\n Consolas\n Courier\n Droid Sans\n Georgia\n Helvetica\n Impact\n Roboto\n Segoe UI\n Times New Roman\n Ubuntu\n Verdana\n \n \n
\n\n Set Pulp Fiction\n '])," ",e("code-block",{attrs:{lang:"javascript"}},["\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 "])])])," ",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:"food"}},["Food"])," ",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",["Fruits"])," ",e("md-option",{attrs:{value:"apples"}},["Apples"])," ",e("md-option",{attrs:{value:"bananas"}},["Bananas"])," ",e("md-option",{attrs:{value:"peaches"}},["Peaches"])," ",e("md-option",{attrs:{value:"oranges"}},["Oranges"])," ",e("md-subheader",["Vegetables"])," ",e("md-option",{attrs:{value:"carrots"}},["Carrots"])," ",e("md-option",{attrs:{value:"cucumbers"}},["Cucumbers"])," ",e("md-subheader",["Baked Goods"])," ",e("md-option",{attrs:{value:"apple_pie"}},["Apple Pie"])," ",e("md-option",{attrs:{value:"chocolate_cake"}},["Chocolate Cake"])])])," ",e("md-input-container",[e("label",{attrs:{for:"users"}},["Users"])," ",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",["Managers"])," ",e("md-option",{attrs:{value:"jim_halpert"}},["Jim Halpert"])," ",e("md-option",{attrs:{value:"dwight_schrute"}},["Dwight Schrute"])," ",e("md-option",{attrs:{value:"michael_scott"}},["Michael Scott"])," ",e("md-subheader",["Employees"])," ",e("md-option",{attrs:{value:"pam_beesly"}},["Pam Beesly"])," ",e("md-option",{attrs:{value:"angela_martin"}},["Angela Martin"])," ",e("md-option",{attrs:{value:"kelly_kapoor"}},["Kelly Kapoor"])," ",e("md-option",{attrs:{value:"ryan_howard"}},["Ryan Howard"])," ",e("md-option",{attrs:{value:"kevin_malone"}},["Kevin Malone"])," ",e("md-option",{attrs:{value:"creed_bratton"}},["Creed Bratton"])," ",e("md-option",{attrs:{value:"oscar_nunez"}},["Oscar Nunez"])," ",e("md-option",{attrs:{value:"toby_flenderson"}},["Toby Flenderson"])," ",e("md-option",{attrs:{value:"stanley_hudson"}},["Stanley Hudson"])," ",e("md-option",{attrs:{value:"meredith_palmer"}},["Meredith Palmer"])," ",e("md-option",{attrs:{value:"phyllis_lapin_vance"}},["Phyllis Lapin-Vance"])])])])," ",e("div",["Selected users: "+t._s(t.users)])])," ",e("div",{slot:"code"},[e("code-block",{attrs:{lang:"xml"}},['\n \n \n \n Fruits\n Apples\n Bananas\n Peaches\n Oranges\n\n Vegetables\n Carrots\n Cucumbers\n\n Baked Goods\n Apple Pie\n Chocolate Cake\n \n \n\n \n \n \n Managers\n Jim Halpert\n Dwight Schrute\n Michael Scott\n\n Employees\n Pam Beesly\n Angela Martin\n Kelly Kapoor\n Ryan Howard\n Kevin Malone\n Creed Bratton\n Oscar Nunez\n Toby Flenderson\n Stanley Hudson\n Meredith Palmer\n Phyllis Lapin-Vance\n \n \n\n
Selected users: '+t._s(t.users)+"
\n "])," ",e("code-block",{attrs:{lang:"javascript"}},["\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;return e("div",{staticClass:"md-switch",class:t.classes},[e("div",{staticClass:"md-switch-container",on:{click:t.toggleSwitch}},[e("div",{directives:[{name:"md-ink-ripple",rawName:"v-md-ink-ripple",value:t.disabled,expression:"disabled"}],staticClass:"md-switch-thumb",style:t.styles},[e("input",{attrs:{type:"checkbox",name:t.name,id:t.id,disabled:t.disabled},domProps:{value:t.value}})," ",e("button",{staticClass:"md-switch-holder",attrs:{type:t.type}})])])," ",t.$slots.default?e("label",{staticClass:"md-switch-label",attrs:{for:t.id||t.name}},[t._t("default")]):t._e()])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;return e("div",{staticClass:"md-table-pagination"},[e("span",{staticClass:"md-table-pagination-label"},[t._s(t.mdLabel)+":"])," ",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._s(n)])})]):t._e()," ",e("span",[t._s((t.currentSize-t.currentSize+1)*t.currentPage)+"-"+t._s(t.currentSize)+" "+t._s(t.mdSeparator)+" "+t._s(t.mdTotal)])," ",e("md-button",{staticClass:"md-icon-button md-table-pagination-previous",attrs:{disabled:1===t.currentPage},on:{click:t.changePage}},[e("md-icon",["keyboard_arrow_left"])])," ",e("md-button",{staticClass:"md-icon-button md-table-pagination-next",attrs:{disabled:t.currentSize*t.currentPage>=t.totalItems},on:{click:t.changePage}},[e("md-icon",["keyboard_arrow_right"])])])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;return e("page-content",{attrs:{"page-title":"Components - List"}},[e("docs-component",[e("div",{slot:"description"},[e("p",["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."])," ",e("p",["The ",e("code",["md-list"])," component have some auxiliary classes to align content and display actions. All of them can be any HTML tag:"])," ",e("ul",[e("li",[e("code",[".md-list-action"]),": Used to display a action on the right side of a list item. Commonly used to display a button with a single action."])," ",e("li",[e("code",[".md-list-text-container"]),": Used to align text horizontally with icons and actions. Used in double and triple lines."])," ",e("li",[e("code",[".md-divider"]),": Add a horizontal line between list items."])])])," ",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",["Name"])," ",e("md-table-head",["Description"])])])," ",e("md-table-body",[e("md-table-row",[e("md-table-cell",["md-dense"])," ",e("md-table-cell",["Make the list dense and compact"])])," ",e("md-table-row",[e("md-table-cell",["md-double-line"])," ",e("md-table-cell",["Make list items to support double line"])])," ",e("md-table-row",[e("md-table-cell",["md-triple-line"])," ",e("md-table-cell",["Make list items to support triple line"])])])])])," ",e("api-table",{attrs:{name:"md-list-item"}},[e("p",["Display a single item inside lists"])," ",e("md-table",{slot:"properties"},[e("md-table-header",[e("md-table-row",[e("md-table-head",["Name"])," ",e("md-table-head",["Type"])," ",e("md-table-head",["Description"])])])," ",e("md-table-body",[e("md-table-row",[e("md-table-cell",["href"])," ",e("md-table-cell",[e("code",["String"])])," ",e("md-table-cell",["The link that the item should redirect to."])])," ",e("md-table-row",[e("md-table-cell",["target"])," ",e("md-table-cell",[e("code",["String"])])," ",e("md-table-cell",["The target for opening the href link. Normally used for ",e("code",["_blank"])," cases."])])," ",e("md-table-row",[e("md-table-cell",["disabled"])," ",e("md-table-cell",[e("code",["Boolean"])])," ",e("md-table-cell",["Disable the item and prevent his actions. Default ",e("code",["false"])])])])])," ",e("md-table",{slot:"classes"},[e("md-table-header",[e("md-table-row",[e("md-table-head",["Name"])," ",e("md-table-head",["Description"])])])," ",e("md-table-body",[e("md-table-row",[e("md-table-cell",["md-inset"])," ",e("md-table-cell",["Add an empty space on the left of the table. ",e("br"),"Useful to show list items without icons aligned with another that have an icon."])])])])])," ",e("api-table",{attrs:{name:"md-list-expand"}},[e("p",["Create a expansion accordion automatically inside lists"])," ",e("md-table",{slot:"methods"},[e("md-table-header",[e("md-table-row",[e("md-table-head",["Name"])," ",e("md-table-head",["Description"])])])," ",e("md-table-body",[e("md-table-row",[e("md-table-cell",["toggle"])," ",e("md-table-cell",["Toggle the expansion item."])])])])])])," ",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",["move_to_inbox"])," ",e("span",["Inbox"])])," ",e("md-list-item",[e("md-icon",["send"])," ",e("span",["Sent Mail"])])," ",e("md-list-item",[e("md-icon",["delete"])," ",e("span",["Trash"])])," ",e("md-list-item",[e("md-icon",["error"])," ",e("span",["Spam"])," ",e("md-divider",{staticClass:"md-inset"})])," ",e("md-list-item",[e("md-avatar",[e("img",{attrs:{src:"https://placeimg.com/40/40/people/5",alt:"People"}})])," ",e("span",["Abbey Christansen"])," ",e("md-button",{staticClass:"md-icon-button md-list-action"},[e("md-icon",{staticClass:"md-primary"},["chat_bubble"])])])," ",e("md-list-item",[e("md-avatar",[e("img",{attrs:{src:"https://placeimg.com/40/40/people/1",alt:"People"}})])," ",e("span",["Alex Nelson"])," ",e("md-button",{staticClass:"md-icon-button md-list-action"},[e("md-icon",{staticClass:"md-primary"},["chat_bubble"])])])," ",e("md-list-item",[e("md-avatar",[e("img",{attrs:{src:"https://placeimg.com/40/40/people/6",alt:"People"}})])," ",e("span",["Mary Johnson"])," ",e("md-button",{staticClass:"md-icon-button md-list-action"},[e("md-icon",["chat_bubble"])])])])])," ",e("div",{staticClass:"phone-viewport"},[e("md-list",{staticClass:"md-dense"},[e("md-list-item",[e("md-icon",["move_to_inbox"])," ",e("span",["Inbox"])])," ",e("md-list-item",[e("md-icon",["send"])," ",e("span",["Sent Mail"])])," ",e("md-list-item",[e("md-icon",["delete"])," ",e("span",["Trash"])])," ",e("md-list-item",[e("md-icon",["error"])," ",e("span",["Spam"])," ",e("md-divider",{staticClass:"md-inset"})])," ",e("md-list-item",[e("md-avatar",[e("img",{attrs:{src:"https://placeimg.com/40/40/people/5",alt:"People"}})])," ",e("span",["Abbey Christansen"])," ",e("md-button",{staticClass:"md-icon-button md-list-action"},[e("md-icon",{staticClass:"md-primary"},["chat_bubble"])])])," ",e("md-list-item",[e("md-avatar",[e("img",{attrs:{src:"https://placeimg.com/40/40/people/1",alt:"People"}})])," ",e("span",["Alex Nelson"])," ",e("md-button",{staticClass:"md-icon-button md-list-action"},[e("md-icon",{staticClass:"md-primary"},["chat_bubble"])])])," ",e("md-list-item",[e("md-avatar",[e("img",{attrs:{src:"https://placeimg.com/40/40/people/6",alt:"People"}})])," ",e("span",["Mary Johnson"])," ",e("md-button",{staticClass:"md-icon-button md-list-action"},[e("md-icon",["chat_bubble"])])])])])])," ",e("div",{slot:"code"},[e("code-block",{attrs:{lang:"xml"}},['\n
\n \n \n move_to_inbox Inbox\n \n\n \n send Sent Mail\n \n\n \n delete Trash\n \n\n \n error Spam\n\n \n \n\n \n \n People\n \n\n Abbey Christansen\n\n \n chat_bubble\n \n \n\n \n \n People\n \n\n Alex Nelson\n\n \n chat_bubble\n \n \n\n \n \n People\n \n\n Mary Johnson\n\n \n chat_bubble\n \n \n \n
\n\n
\n \n \n move_to_inbox Inbox\n \n\n \n send Sent Mail\n \n\n \n delete Trash\n \n\n \n error Spam\n\n \n \n\n \n \n People\n \n\n Abbey Christansen\n\n \n chat_bubble\n \n \n\n \n \n People\n \n\n Alex Nelson\n\n \n chat_bubble\n \n \n\n \n \n People\n \n\n Mary Johnson\n\n \n chat_bubble\n \n \n \n
\n '])])])," ",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"},["phone"])," ",e("div",{staticClass:"md-list-text-container"},[e("span",["(650) 555-1234"])," ",e("span",["Mobile"])])," ",e("md-button",{staticClass:"md-icon-button md-list-action"},[e("md-icon",["sms"])])])," ",e("md-list-item",{staticClass:"md-inset"},[e("div",{staticClass:"md-list-text-container"},[e("span",["(650) 555-1234"])," ",e("span",["Mobile"])])," ",e("md-divider",{staticClass:"md-inset"})])," ",e("md-list-item",[e("md-icon",{staticClass:"md-primary"},["email"])," ",e("div",{staticClass:"md-list-text-container"},[e("span",["aliconnors@example.com"])," ",e("span",["Personal"])])," ",e("md-button",{staticClass:"md-icon-button md-list-action"},[e("md-icon",["sms"])])])," ",e("md-list-item",{staticClass:"md-inset"},[e("div",{staticClass:"md-list-text-container"},[e("span",["ali_connors@example.com"])," ",e("span",["Work"])])])])])," ",e("div",{staticClass:"phone-viewport"},[e("md-list",{staticClass:"md-double-line md-dense"},[e("md-list-item",[e("md-icon",{staticClass:"md-primary"},["phone"])," ",e("div",{staticClass:"md-list-text-container"},[e("span",["(650) 555-1234"])," ",e("span",["Mobile"])])," ",e("md-button",{staticClass:"md-icon-button md-list-action"},[e("md-icon",["sms"])])])," ",e("md-list-item",{staticClass:"md-inset"},[e("div",{staticClass:"md-list-text-container"},[e("span",["(650) 555-1234"])," ",e("span",["Mobile"])])," ",e("md-divider",{staticClass:"md-inset"})])," ",e("md-list-item",[e("md-icon",{staticClass:"md-primary"},["email"])," ",e("div",{staticClass:"md-list-text-container"},[e("span",["aliconnors@example.com"])," ",e("span",["Personal"])])," ",e("md-button",{staticClass:"md-icon-button md-list-action"},[e("md-icon",["sms"])])])," ",e("md-list-item",{staticClass:"md-inset"},[e("div",{staticClass:"md-list-text-container"},[e("span",["ali_connors@example.com"])," ",e("span",["Work"])])])])])])," ",e("div",{slot:"code"},[e("code-block",{attrs:{lang:"xml"}},['\n
\n \n \n phone\n\n
\n (650) 555-1234\n Mobile\n
\n\n \n sms\n \n \n\n \n
\n (650) 555-1234\n Mobile\n
\n\n \n \n\n \n email\n\n
\n aliconnors@example.com\n Personal\n
\n\n \n sms\n \n \n\n \n
\n ali_connors@example.com\n Work\n
\n \n \n
\n\n
\n \n \n phone\n\n
\n (650) 555-1234\n Mobile\n
\n\n \n sms\n \n \n\n \n
\n (650) 555-1234\n Mobile\n
\n\n \n \n\n \n email\n\n
\n aliconnors@example.com\n Personal\n
\n\n \n sms\n \n \n\n \n
\n ali_connors@example.com\n Work\n
\n \n \n
\n '])])])," ",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"}})])," ",e("div",{staticClass:"md-list-text-container"},[e("span",["Ali Connors"])," ",e("span",["Brunch this weekend?"])," ",e("p",["I'll be in your neighborhood doing errands..."])])," ",e("md-button",{staticClass:"md-icon-button md-list-action"},[e("md-icon",{staticClass:"md-primary"},["star"])])," ",e("md-divider",{staticClass:"md-inset"})])," ",e("md-list-item",[e("md-avatar",[e("img",{attrs:{src:"https://placeimg.com/40/40/people/6",alt:"People"}})])," ",e("div",{staticClass:"md-list-text-container"},[e("span",["me, Scott, Jennifer"])," ",e("span",["Summer BBQ"])," ",e("p",["Wish I could come, but I'm out of town ..."])])," ",e("md-button",{staticClass:"md-icon-button md-list-action"},[e("md-icon",["star_border"])])," ",e("md-divider",{staticClass:"md-inset"})])," ",e("md-list-item",[e("md-avatar",[e("img",{attrs:{src:"https://placeimg.com/40/40/people/5",alt:"People"}})])," ",e("div",{staticClass:"md-list-text-container"},[e("span",["Sandra Adams"])," ",e("span",["Oui oui"])," ",e("p",["Do you have Paris recommendations ..."])])," ",e("md-button",{staticClass:"md-icon-button md-list-action"},[e("md-icon",["star_border"])])," ",e("md-divider",{staticClass:"md-inset"})])," ",e("md-list-item",[e("md-avatar",[e("img",{attrs:{src:"https://placeimg.com/40/40/people/8",alt:"People"}})])," ",e("div",{staticClass:"md-list-text-container"},[e("span",["Trevor Hansen"])," ",e("span",["Order confirmation"])," ",e("p",["Thank you for your recent order from ..."])])," ",e("md-button",{staticClass:"md-icon-button md-list-action"},[e("md-icon",["star_border"])])," ",e("md-divider",{staticClass:"md-inset"})])])])," ",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"}})])," ",e("div",{staticClass:"md-list-text-container"},[e("span",["Ali Connors"])," ",e("span",["Brunch this weekend?"])," ",e("p",["I'll be in your neighborhood doing errands..."])])," ",e("md-button",{staticClass:"md-icon-button md-list-action"},[e("md-icon",{staticClass:"md-primary"},["star"])])," ",e("md-divider",{staticClass:"md-inset"})])," ",e("md-list-item",[e("md-avatar",[e("img",{attrs:{src:"https://placeimg.com/40/40/people/6",alt:"People"}})])," ",e("div",{staticClass:"md-list-text-container"},[e("span",["me, Scott, Jennifer"])," ",e("span",["Summer BBQ"])," ",e("p",["Wish I could come, but I'm out of town ..."])])," ",e("md-button",{staticClass:"md-icon-button md-list-action"},[e("md-icon",["star_border"])])," ",e("md-divider",{staticClass:"md-inset"})])," ",e("md-list-item",[e("md-avatar",[e("img",{attrs:{src:"https://placeimg.com/40/40/people/5",alt:"People"}})])," ",e("div",{staticClass:"md-list-text-container"},[e("span",["Sandra Adams"])," ",e("span",["Oui oui"])," ",e("p",["Do you have Paris recommendations ..."])])," ",e("md-button",{staticClass:"md-icon-button md-list-action"},[e("md-icon",["star_border"])])," ",e("md-divider",{staticClass:"md-inset"})])," ",e("md-list-item",[e("md-avatar",[e("img",{attrs:{src:"https://placeimg.com/40/40/people/8",alt:"People"}})])," ",e("div",{staticClass:"md-list-text-container"},[e("span",["Trevor Hansen"])," ",e("span",["Order confirmation"])," ",e("p",["Thank you for your recent order from ..."])])," ",e("md-button",{staticClass:"md-icon-button md-list-action"},[e("md-icon",["star_border"])])," ",e("md-divider",{staticClass:"md-inset"})])])])])," ",e("div",{slot:"code"},[e("code-block",{attrs:{lang:"xml"}},['\n
\n \n \n \n People\n \n\n
\n Ali Connors\n Brunch this weekend?\n

I\'ll be in your neighborhood doing errands...

\n
\n\n \n star\n \n\n \n \n\n \n \n People\n \n\n
\n me, Scott, Jennifer\n Summer BBQ\n

Wish I could come, but I\'m out of town ...

\n
\n\n \n star_border\n \n\n \n \n\n \n \n People\n \n\n
\n Sandra Adams\n Oui oui\n

Do you have Paris recommendations ...

\n
\n\n \n star_border\n \n\n \n \n\n \n \n People\n \n\n
\n Trevor Hansen\n Order confirmation\n

Thank you for your recent order from ...

\n
\n\n \n star_border\n \n\n \n \n \n
\n\n
\n \n \n \n People\n \n\n
\n Ali Connors\n Brunch this weekend?\n

I\'ll be in your neighborhood doing errands...

\n
\n\n \n star\n \n\n \n \n\n \n \n People\n \n\n
\n me, Scott, Jennifer\n Summer BBQ\n

Wish I could come, but I\'m out of town ...

\n
\n\n \n star_border\n \n\n \n \n\n \n \n People\n \n\n
\n Sandra Adams\n Oui oui\n

Do you have Paris recommendations ...

\n
\n\n \n star_border\n \n\n \n \n\n \n \n People\n \n\n
\n Trevor Hansen\n Order confirmation\n

Thank you for your recent order from ...

\n
\n\n \n star_border\n \n\n \n \n \n
\n '])])])," ",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",["whatshot"])," ",e("span",["News"])," ",e("md-list-expand",[e("md-list",[e("md-list-item",{staticClass:"md-inset"},["World"])," ",e("md-list-item",{staticClass:"md-inset"},["Americas"])," ",e("md-list-item",{staticClass:"md-inset"},["Europe"])])])])," ",e("md-list-item",[e("md-icon",["videogame_asset"])," ",e("span",["Games"])," ",e("md-list-expand",[e("md-list",[e("md-list-item",{staticClass:"md-inset"},["Console"])," ",e("md-list-item",{staticClass:"md-inset"},["PC"])," ",e("md-list-item",{staticClass:"md-inset"},["Phone"])])])])," ",e("md-list-item",[e("md-icon",["video_library"])," ",e("span",["Video"])," ",e("md-list-expand",[e("md-list",[e("md-list-item",{staticClass:"md-inset"},["Humor"])," ",e("md-list-item",{staticClass:"md-inset"},["Music"])," ",e("md-list-item",{staticClass:"md-inset"},["Movies"])," ",e("md-list-item",{staticClass:"md-inset"},["TV Shows"])])])])," ",e("md-list-item",[e("md-icon",["shopping_basket"])," ",e("span",["Shop"])])])])])," ",e("div",{slot:"code"},[e("code-block",{attrs:{lang:"xml"}},['\n
\n \n \n whatshot\n News\n\n \n \n World\n Americas\n Europe\n \n \n \n\n \n videogame_asset\n Games\n\n \n \n Console\n PC\n Phone\n \n \n \n\n \n video_library\n Video\n\n \n \n Humor\n Music\n Movies\n TV Shows\n \n \n \n\n \n shopping_basket\n Shop\n \n \n
\n '])])])])])])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;return e("div",{staticClass:"md-tab",style:t.styles,attrs:{id:t.tabId}},[t._t("default")])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;return e("div",{staticClass:"md-card-media-actions"},[t._t("default")])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;return e("div",{staticClass:"md-checkbox",class: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.$slots.default?e("label",{staticClass:"md-checkbox-label",attrs:{for:t.id||t.name}},[t._t("default")]):t._e()])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;return e("page-content",{attrs:{"page-title":"Typography"}},[e("docs-component",[e("div",{slot:"description"},[e("h2",{staticClass:"md-title"},["Styles"])," ",e("p",["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."])," ",e("h2",{staticClass:"md-title"},["Typeface"])," ",e("p",["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."])])," ",e("div",{slot:"example"},[e("example-box",{attrs:{"card-title":"Default"}},[e("div",{staticClass:"demo",slot:"demo"},[e("span",{staticClass:"md-display-4"},["Display 4"])," ",e("span",{staticClass:"md-display-3"},["Display 3"])," ",e("span",{staticClass:"md-display-2"},["Display 2"])," ",e("span",{staticClass:"md-display-1"},["Display 1"])," ",e("span",{staticClass:"md-headline"},["Headline"])," ",e("span",{staticClass:"md-title"},["Title"])," ",e("span",{staticClass:"md-subheading"},["Subheading"])," ",e("span",{staticClass:"md-body-2"},["Body 2"])," ",e("span",{staticClass:"md-body-1"},["Body 1"])," ",e("span",{staticClass:"md-caption"},["Caption"])," ",e("a",{attrs:{href:"#/typography"}},["Link"])])," ",e("div",{slot:"code"},[e("code-block",{attrs:{lang:"xml"}},['\n Display 4\n Display 3\n Display 2\n Display 1\n Headline\n Title\n Subheading\n Body 2\n Body 1\n Caption\n Link\n '])])])])])])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;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",["menu"])])," ",e("div",{staticClass:"md-title"},[t._s(t.pageTitle)])," ",e("div",{staticClass:"release-version"},[e("span",["Version:"])," ",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)])])," ",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._t("default")])},staticRenderFns:[function(){var t=this,e=t.$createElement;return t._l(t.availableDocs,function(n){return e("md-option",{attrs:{value:n}},[t._s(n)])})}]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;return e("page-content",{attrs:{"page-title":"Components - Button"}},[e("docs-component",[e("div",{slot:"description"},[e("p",["Buttons communicate the action that will occur when the user touches them."])," ",e("p",["The following classes can be applied to change the color palette:"])," ",e("ul",{staticClass:"md-body-2"},[e("li",[e("code",["md-primary"])])," ",e("li",[e("code",["md-accent"])])," ",e("li",[e("code",["md-warn"])])])])," ",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",["Name"])," ",e("md-table-head",["Type"])," ",e("md-table-head",["Description"])])])," ",e("md-table-body",[e("md-table-row",[e("md-table-cell",["disabled"])," ",e("md-table-cell",[e("code",["Boolean"])])," ",e("md-table-cell",["Disable the button and prevent his actions. Default ",e("code",["false"])])])," ",e("md-table-row",[e("md-table-cell",["type"])," ",e("md-table-cell",[e("code",["String"])])," ",e("md-table-cell",["Apply a type to button - Doesn't apply for links."])])," ",e("md-table-row",[e("md-table-cell",["href"])," ",e("md-table-cell",[e("code",["String"])])," ",e("md-table-cell",["Create a anchor on the button - In this case the generated tag will be ",e("code",[""]),"."])])])])," ",e("md-table",{slot:"classes"},[e("md-table-header",[e("md-table-row",[e("md-table-head",["Name"])," ",e("md-table-head",["Description"])])])," ",e("md-table-body",[e("md-table-row",[e("md-table-cell",["md-raised"])," ",e("md-table-cell",["Raised button"])])," ",e("md-table-row",[e("md-table-cell",["md-icon-button"])," ",e("md-table-cell",["Create rounded buttons - Need a inside"])])," ",e("md-table-row",[e("md-table-cell",["md-dense"])," ",e("md-table-cell",["Small dense buttons"])])," ",e("md-table-row",[e("md-table-cell",["md-fab"])," ",e("md-table-cell",["Create an Floating Action Button"])])," ",e("md-table-row",[e("md-table-cell",["md-mini"])," ",e("md-table-cell",["Small md-fab"])])," ",e("md-table-row",[e("md-table-cell",["md-fab-top-left"])," ",e("md-table-cell",["Position the md-fab absolutely on the top left of his parent"])])," ",e("md-table-row",[e("md-table-cell",["md-fab-top-center"])," ",e("md-table-cell",["Position the md-fab absolutely on the top center of his parent"])])," ",e("md-table-row",[e("md-table-cell",["md-fab-top-right"])," ",e("md-table-cell",["Position the md-fab absolutely on the top right of his parent"])])," ",e("md-table-row",[e("md-table-cell",["md-fab-bottom-left"])," ",e("md-table-cell",["Position the md-fab absolutely on the bottom left of his parent"])])," ",e("md-table-row",[e("md-table-cell",["md-fab-bottom-center"])," ",e("md-table-cell",["Position the md-fab absolutely on the bottom center of his parent"])])," ",e("md-table-row",[e("md-table-cell",["md-fab-bottom-right"])," ",e("md-table-cell",["Position the md-fab absolutely on the bottom right of his parent"])])])])])])," ",e("div",{slot:"example"},[e("example-box",{attrs:{"card-title":"Flat"}},[e("div",{slot:"demo"},[e("md-button",["Default"])," ",e("md-button",{staticClass:"md-primary"},["Primary"])," ",e("md-button",{staticClass:"md-accent"},["Accent"])," ",e("md-button",{staticClass:"md-warn"},["Warn"])," ",e("md-button",{staticClass:"md-primary",attrs:{disabled:""}},["Disabled"])," ",e("md-button",{staticClass:"md-dense"},["Dense"])])," ",e("div",{slot:"code"},[e("code-block",{attrs:{lang:"xml"}},['\n Default\n Primary\n Accent\n Warn\n Disabled\n Dense\n '])])])," ",e("example-box",{attrs:{"card-title":"Raised"}},[e("div",{slot:"demo"},[e("md-button",{staticClass:"md-raised"},["Default"])," ",e("md-button",{staticClass:"md-raised md-primary"},["Primary"])," ",e("md-button",{staticClass:"md-raised md-accent"},["Accent"])," ",e("md-button",{staticClass:"md-raised md-warn"},["Warn"])," ",e("md-button",{staticClass:"md-raised md-primary",attrs:{disabled:""}},["Disabled"])," ",e("md-button",{staticClass:"md-raised md-dense"},["Dense"])])," ",e("div",{slot:"code"},[e("code-block",{attrs:{lang:"xml"}},['\n Default\n Primary\n Accent\n Warn\n Disabled\n Dense\n '])])])," ",e("example-box",{attrs:{"card-title":"Button vs Link vs Router Link"}},[e("div",{slot:"demo"},[e("md-button",{staticClass:"md-raised md-primary"},["Button"])," ",e("md-button",{staticClass:"md-raised md-primary",attrs:{href:"#/components/button"}},["Link"])," ",e("router-link",{staticClass:"md-raised md-primary",attrs:{tag:"md-button",to:"/components/button"}},["Router Link"])])," ",e("div",{slot:"code"},[e("code-block",{attrs:{lang:"xml"}},['\n Button\n Link\n Router Link\n '])])])," ",e("example-box",{attrs:{"card-title":"Icons - Flat"}},[e("div",{slot:"demo"},[e("md-button",{staticClass:"md-icon-button"},[e("md-icon",["more_vert"])])," ",e("md-button",{staticClass:"md-icon-button md-primary"},[e("md-icon",["more_vert"])])," ",e("md-button",{staticClass:"md-icon-button md-accent"},[e("md-icon",["more_vert"])])," ",e("md-button",{staticClass:"md-icon-button md-warn"},[e("md-icon",["more_vert"])])," ",e("md-button",{staticClass:"md-icon-button",attrs:{disabled:""}},[e("md-icon",["more_vert"])])," ",e("md-button",{staticClass:"md-icon-button md-dense"},[e("md-icon",["more_vert"])])])," ",e("div",{slot:"code"},[e("code-block",{attrs:{lang:"xml"}},['\n \n more_vert\n \n\n \n more_vert\n \n\n \n more_vert\n \n\n \n more_vert\n \n\n \n more_vert\n \n\n \n more_vert\n \n '])])])," ",e("example-box",{attrs:{"card-title":"Icons - Raised"}},[e("div",{slot:"demo"},[e("md-button",{staticClass:"md-icon-button md-raised"},[e("md-icon",["add"])])," ",e("md-button",{staticClass:"md-icon-button md-raised md-primary"},[e("md-icon",["add"])])," ",e("md-button",{staticClass:"md-icon-button md-raised md-accent"},[e("md-icon",["add"])])," ",e("md-button",{staticClass:"md-icon-button md-raised md-warn"},[e("md-icon",["add"])])," ",e("md-button",{staticClass:"md-icon-button md-raised",attrs:{disabled:""}},[e("md-icon",["add"])])," ",e("md-button",{staticClass:"md-icon-button md-raised md-dense"},[e("md-icon",["add"])])])," ",e("div",{slot:"code"},[e("code-block",{attrs:{lang:"xml"}},['\n \n add\n \n\n \n add\n \n\n \n add\n \n\n \n add\n \n\n \n add\n \n\n \n add\n \n '])])])," ",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",["edit"])])," ",e("md-button",{staticClass:"md-fab md-primary"},[e("md-icon",["email"])])," ",e("md-button",{staticClass:"md-fab md-warn"},[e("md-icon",["save"])])," ",e("md-button",{staticClass:"md-fab md-clean"},[e("md-icon",["dialpad"])])," ",e("md-button",{staticClass:"md-fab",attrs:{disabled:""}},[e("md-icon",["message"])])])," ",e("div",[e("md-button",{staticClass:"md-fab md-mini"},[e("md-icon",["edit"])])," ",e("md-button",{staticClass:"md-fab md-primary md-mini"},[e("md-icon",["email"])])," ",e("md-button",{staticClass:"md-fab md-warn md-mini"},[e("md-icon",["save"])])," ",e("md-button",{staticClass:"md-fab md-clean md-mini"},[e("md-icon",["dialpad"])])," ",e("md-button",{staticClass:"md-fab md-mini",attrs:{disabled:""}},[e("md-icon",["message"])])])," ",e("md-button",{staticClass:"md-fab md-fab-bottom-left"},[e("md-icon",["save"])])," ",e("md-button",{staticClass:"md-fab md-primary md-fab-bottom-center"},[e("md-icon",["dialpad"])])," ",e("md-button",{staticClass:"md-fab md-fab-bottom-right"},[e("md-icon",["add"])])])," ",e("div",{slot:"code"},[e("code-block",{attrs:{lang:"xml"}},['\n
\n \n edit\n \n\n \n email\n \n\n \n save\n \n\n \n dialpad\n \n\n \n message\n \n
\n\n
\n \n edit\n \n\n \n email\n \n\n \n save\n \n\n \n dialpad\n \n\n \n message\n \n
\n\n \n save\n \n\n \n dialpad\n \n\n \n add\n \n '])])])," ",e("example-box",{attrs:{"card-title":"Themes"}},[e("div",{slot:"demo"},[e("md-button",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"indigo",expression:"'indigo'"}],staticClass:"md-primary"},["Indigo"])," ",e("md-button",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"teal",expression:"'teal'"}],staticClass:"md-raised md-primary"},["Teal"])," ",e("md-button",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"orange",expression:"'orange'"}],staticClass:"md-icon-button md-primary"},[e("md-icon",["add"])])," ",e("md-button",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"green",expression:"'green'"}],staticClass:"md-icon-button md-raised md-primary"},[e("md-icon",["message"])])," ",e("md-button",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"brown",expression:"'brown'"}],staticClass:"md-fab md-primary"},[e("md-icon",["dialpad"])])])," ",e("div",{slot:"code"},[e("code-block",{attrs:{lang:"xml"}},['\n Indigo\n Teal\n \n add\n \n \n message\n \n \n dialpad\n \n '])])])])])])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;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")])]):e("span",{ref:"item"},[t._t("default")])," "])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;return e("page-content",{attrs:{"page-title":"Components - Subheader"}},[e("docs-component",[e("div",{slot:"description"},[e("p",["Subheaders may be displayed inline with tiles or associated with content. They are typically related to filtering or sorting criteria."])])," ",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",["Name"])," ",e("md-table-head",["Description"])])])," ",e("md-table-body",[e("md-table-row",[e("md-table-cell",["md-inset"])," ",e("md-table-cell",["Add a padding to the left of the subheader to follow inset lists"])])])])])])," ",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",["Navigation"])," ",e("md-list-item",[e("md-icon",["move_to_inbox"])," ",e("span",["Inbox"])])," ",e("md-list-item",[e("md-icon",["send"])," ",e("span",["Outbox"])])," ",e("md-list-item",[e("md-icon",["delete"])," ",e("span",["Trash"])])," ",e("md-list-item",[e("md-icon",["error"])," ",e("span",["Spam"])," ",e("md-divider",{staticClass:"md-inset"})])," ",e("md-subheader",["Contacts"])," ",e("md-list-item",[e("md-avatar",[e("img",{attrs:{src:"assets/avatar-2.jpg",alt:"People"}})])," ",e("span",["Abbey Christansen"])," ",e("md-button",{staticClass:"md-icon-button md-list-action"},[e("md-icon",{staticClass:"md-primary"},["chat_bubble"])])])," ",e("md-list-item",[e("md-avatar",[e("img",{attrs:{src:"assets/avatar-2.jpg",alt:"People"}})])," ",e("span",["Alex Nelson"])," ",e("md-button",{staticClass:"md-icon-button md-list-action"},[e("md-icon",{staticClass:"md-primary"},["chat_bubble"])])])," ",e("md-list-item",[e("md-avatar",[e("img",{attrs:{src:"assets/avatar-2.jpg",alt:"People"}})])," ",e("span",["Mary Johnson"])," ",e("md-button",{staticClass:"md-icon-button md-list-action"},[e("md-icon",["chat_bubble"])])])])])," ",e("div",{staticClass:"phone-viewport"},[e("md-list",{staticClass:"custom-list md-triple-line"},[e("md-subheader",{staticClass:"md-inset"},["Today"])," ",e("md-list-item",[e("md-avatar",[e("img",{attrs:{src:"assets/avatar-2.jpg",alt:"People"}})])," ",e("div",{staticClass:"md-list-text-container"},[e("span",["Ali Connors"])," ",e("span",["Brunch this weekend?"])," ",e("p",["I'll be in your neighborhood doing errands..."])])," ",e("md-button",{staticClass:"md-icon-button md-list-action"},[e("md-icon",{staticClass:"md-primary"},["star"])])," ",e("md-divider",{staticClass:"md-inset"})])," ",e("md-list-item",[e("md-avatar",[e("img",{attrs:{src:"assets/avatar-2.jpg",alt:"People"}})])," ",e("div",{staticClass:"md-list-text-container"},[e("span",["me, Scott, Jennifer"])," ",e("span",["Summer BBQ"])," ",e("p",["Wish I could come, but I'm out of town ..."])])," ",e("md-button",{staticClass:"md-icon-button md-list-action"},[e("md-icon",["star_border"])])," ",e("md-divider",{staticClass:"md-inset"})])," ",e("md-list-item",[e("md-avatar",[e("img",{attrs:{src:"assets/avatar-2.jpg",alt:"People"}})])," ",e("div",{staticClass:"md-list-text-container"},[e("span",["Sandra Adams"])," ",e("span",["Oui oui"])," ",e("p",["Do you have Paris recommendations ..."])])," ",e("md-button",{staticClass:"md-icon-button md-list-action"},[e("md-icon",["star_border"])])," ",e("md-divider",{staticClass:"md-inset"})])," ",e("md-list-item",[e("md-avatar",[e("img",{attrs:{src:"assets/avatar-2.jpg",alt:"People"}})])," ",e("div",{staticClass:"md-list-text-container"},[e("span",["Trevor Hansen"])," ",e("span",["Order confirmation"])," ",e("p",["Thank you for your recent order from ..."])])," ",e("md-button",{staticClass:"md-icon-button md-list-action"},[e("md-icon",["star_border"])])," ",e("md-divider",{staticClass:"md-inset"})])])])])," ",e("div",{slot:"code"},[e("code-block",{attrs:{lang:"xml"}},['\n
\n \n Navigation\n\n \n move_to_inbox Inbox\n \n\n \n send Outbox\n \n\n \n delete Trash\n \n\n \n error Spam\n\n \n \n\n Contacts\n\n \n \n People\n \n\n Abbey Christansen\n\n \n chat_bubble\n \n \n\n \n \n People\n \n\n Alex Nelson\n\n \n chat_bubble\n \n \n\n \n \n People\n \n\n Mary Johnson\n\n \n chat_bubble\n \n \n \n
\n\n
\n \n Today\n\n \n \n People\n \n\n
\n Ali Connors\n Brunch this weekend?\n

I\'ll be in your neighborhood doing errands...

\n
\n\n \n star\n \n\n \n \n\n \n \n People\n \n\n
\n me, Scott, Jennifer\n Summer BBQ\n

Wish I could come, but I\'m out of town ...

\n
\n\n \n star_border\n \n\n \n \n\n \n \n People\n \n\n
\n Sandra Adams\n Oui oui\n

Do you have Paris recommendations ...

\n
\n\n \n star_border\n \n\n \n \n\n \n \n People\n \n\n
\n Trevor Hansen\n Order confirmation\n

Thank you for your recent order from ...

\n
\n\n \n star_border\n \n\n \n \n \n
\n '])])])])])])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;return e("div",{staticClass:"md-tabs",class:t.tabClasses},[e("md-whiteframe",{attrs:{"md-elevation":t.mdElevation}},[e("div",{ref:"tabNavigation",staticClass:"md-tabs-navigation",class:t.navigationClasses},[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}})," ",e("div",{staticClass:"md-tab-header-container"},[n.icon?e("md-icon",[t._s(n.icon)]):t._e()," ",n.label?e("span",[t._s(n.label)]):t._e()])])})," ",e("span",{ref:"indicator",staticClass:"md-tab-indicator",class:t.indicatorClasses})])])," ",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")])])])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;return e("page-content",{attrs:{"page-title":"Themes - Dynamic Themes"}})},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;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._t("default")])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;return e("page-content",{attrs:{"page-title":"Getting Started"}},[e("div",{staticClass:"main-content"},[e("article",[e("section",[e("h2",{staticClass:"md-headline"},["Include Fonts and Icons"])," ",e("p",["Use Roboto and Google Icons from Google CDN:"])," ",e("code-block",{attrs:{lang:"xml"}},['\n \n \n '])])])," ",e("article",[e("h2",{staticClass:"md-headline"},["Installation"])," ",e("section",[e("h3",{staticClass:"md-title"},["NPM"])," ",e("p",["Install Vue Material through npm or yarn ",e("br"),e("small",["* Others package managers like JSPM and Bower are not supported yet."])])," ",e("code-block",{attrs:{lang:"bash"}},["\n $ npm install vue-material --save\n $ yarn add vue-material\n "])])," ",e("section",[e("h3",{staticClass:"md-title"},["Standalone"])," ",e("p",["Download from Github and reference the script and the stylesheet in your HTML:"])," ",e("md-button",{staticClass:"md-raised md-primary",attrs:{href:"https://github.com/marcosmoura/vue-material/archive/master.zip",target:"_blank",rel:"noopener"}},["download"])])])," ",e("article",[e("h2",{staticClass:"md-headline"},["Usage"])," ",e("section",[e("h3",{staticClass:"md-title"},["AMD Modules"])," ",e("p",["Import and use the whole library:"])," ",e("code-block",{attrs:{lang:"xml"}},['\n \n '])," ",e("code-block",{attrs:{lang:"javascript"}},["\n var Vue = require('vue')\n var VueMaterial = require('vue-material')\n\n Vue.use(VueMaterial)\n "])," ",e("p",["Or to import individual components:"])," ",e("code-block",{attrs:{lang:"xml"}},['\n \n \n \n \n \n '])," ",e("code-block",{attrs:{lang:"javascript"}},["\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 "])," ",e("p",[e("strong",["Note:"])," 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é."])])," ",e("section",[e("h3",{staticClass:"md-title"},["Standalone"])," ",e("code-block",{attrs:{lang:"xml"}},['\n \n \n '])," ",e("code-block",{attrs:{lang:"javascript"}},["\n // The VueMaterial variable is global\n Vue.use(VueMaterial)\n "])])])," ",e("article",[e("section",[e("h2",{staticClass:"md-headline"},["Themes"])," ",e("p",["To get Vue Material working properly, you'll need to configure a default theme. You can also register multiple themes at once. Apply your theme on each code part that you want using ",e("code",["v-md-theme"])," directive:"])," ",e("md-tabs",{staticClass:"md-transparent",attrs:{"md-dynamic-height":!1}},[e("md-tab",{attrs:{"md-label":"Single Theme"}},[e("code-block",{attrs:{lang:"javascript"}},["\n Vue.material.theme.register('default', {\n primary: 'cyan',\n accent: 'pink'\n })\n "])," ",e("code-block",{attrs:{lang:"xml"}},['\n
\n \n
My App
\n \n\n My Button\n
\n '])])," ",e("md-tab",{attrs:{"md-label":"Multiple Themes"}},[e("code-block",{attrs:{lang:"javascript"}},["\n Vue.material.theme.registerAll({\n default: {\n primary: 'cyan',\n accent: 'pink'\n },\n indigo: {\n primary: 'indigo',\n accent: 'pink'\n }\n })\n "])," ",e("code-block",{attrs:{lang:"xml"}},['\n
\n \n
My App
\n \n\n My Button\n
\n '])])])])])," ",e("article",[e("h2",{staticClass:"md-headline"},["Codepen Examples"])," ",e("section",[e("h3",{staticClass:"md-title"},["Playground"])," ",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"}},["See the Pen ",e("a",{attrs:{href:"http://codepen.io/vue-material/pen/VmMrYW/"}},["Empty Setup"])," by Vue Material (",e("a",{attrs:{href:"http://codepen.io/vue-material"}},["@vue-material"]),") on ",e("a",{attrs:{href:"http://codepen.io"}},["CodePen"]),"."])])," ",e("section",[e("h3",{staticClass:"md-title"},["File Application UI"])," ",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"}},["See the Pen ",e("a",{attrs:{href:"http://codepen.io/vue-material/pen/WoZpMR/"}},["Vue Material Example"])," by Vue Material (",e("a",{attrs:{href:"http://codepen.io/vue-material"}},["@vue-material"]),") on ",e("a",{attrs:{href:"http://codepen.io"}},["CodePen"]),"."])])])])])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;return e("div",{ref:"expand",staticClass:"md-card-expand"},[t._t("default")])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;return e("div",{staticClass:"md-table"},[e("table",[t._t("default")])])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;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;return e("md-card",{staticClass:"md-table-card"},[t._t("default")])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;return e("md-dialog",{ref:"dialog",staticClass:"md-dialog-alert",on:{close:function(e){t.fireCloseEvent()}}},[t.mdTitle?e("md-dialog-title",[t._s(t.mdTitle)]):t._e()," ",t.mdContentHtml?e("md-dialog-content",{domProps:{innerHTML:t._s(t.mdContentHtml)}}):e("md-dialog-content",[t._s(t.mdContent)])," "," ",e("md-dialog-actions",[e("md-button",{staticClass:"md-primary",on:{click:function(e){t.close()}}},[t._s(t.mdOkText)])])])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;return e("page-content",{attrs:{"page-title":"Components - Dialog"}},[e("docs-component",[e("div",{slot:"description"},[e("p",["Dialogs inform users about a specific task and may contain critical information, require decisions, or involve multiple tasks."])," ",e("p",["The dialog component works with any plain html content. You can have tabs, all form components and more."])," ",e("p",["Alternativelly you can use three presets to build Alerts, Confirms and Prompt dialogs."])," ",e("p",["The preset component is created on top of ",e("code",[""]),". You should provide the content or the HTML content at least."])," ",e("p",["All the pressets can use the same options and events from the ",e("code",[""])," component."])])," ",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",["Name"])," ",e("md-table-head",["Type"])," ",e("md-table-head",["Description"])])])," ",e("md-table-body",[e("md-table-row",[e("md-table-cell",["md-click-outside-to-close"])," ",e("md-table-cell",[e("code",["Boolean"])])," ",e("md-table-cell",["Enable or disable click outside to close. Default: ",e("code",["true"])])])," ",e("md-table-row",[e("md-table-cell",["md-esc-to-close"])," ",e("md-table-cell",[e("code",["Boolean"])])," ",e("md-table-cell",["Enable or disable close on esc key. Default: ",e("code",["true"])])])," ",e("md-table-row",[e("md-table-cell",["md-backdrop"])," ",e("md-table-cell",[e("code",["Boolean"])])," ",e("md-table-cell",["Create an opaque backdrop behind the dialog. Default: ",e("code",["true"])])])," ",e("md-table-row",[e("md-table-cell",["md-open-from"])," ",e("md-table-cell",[e("code",["String"])])," ",e("md-table-cell",["The query selector of the element that is used to determine from which the Dialog will open."])])," ",e("md-table-row",[e("md-table-cell",["md-close-to"])," ",e("md-table-cell",[e("code",["String"])])," ",e("md-table-cell",["The query selector of the element that is used to determine from which the Dialog will close."])])])])," ",e("md-table",{slot:"events"},[e("md-table-header",[e("md-table-row",[e("md-table-head",["Name"])," ",e("md-table-head",["Value"])," ",e("md-table-head",["Description"])])])," ",e("md-table-body",[e("md-table-row",[e("md-table-cell",["open"])," ",e("md-table-cell",["Receive the state of the dialog: ",e("code",["ok"]),"| ",e("code",["cancel"])," ",e("br"),"Works only for Confirm and Prompt"])," ",e("md-table-cell",["Triggered when the dialog open."])])," ",e("md-table-row",[e("md-table-cell",["close"])," ",e("md-table-cell",["Receive the state of the dialog: ",e("code",["ok"]),"| ",e("code",["cancel"])," ",e("br"),"Works only for Confirm and Prompt"])," ",e("md-table-cell",["Triggered when the dialog closes."])])])])," ",e("md-table",{slot:"methods"},[e("md-table-header",[e("md-table-row",[e("md-table-head",["Name"])," ",e("md-table-head",["Description"])])])," ",e("md-table-body",[e("md-table-row",[e("md-table-cell",["open"])," ",e("md-table-cell",["Open the dialog."])])," ",e("md-table-row",[e("md-table-cell",["close"])," ",e("md-table-cell",["Close the dialog."])])])])])," ",e("api-table",{attrs:{name:"md-dialog-title"}},[e("p",["Can display a title on the top of the Dialog."])," ",e("p",["No options available"])])," ",e("api-table",{attrs:{name:"md-dialog-content"}},[e("p",["Used to display rich content inside the Dialog."])," ",e("p",["No options available"])])," ",e("api-table",{attrs:{name:"md-dialog-actions"}},[e("p",["Hold the actions of a dialog and align them on the right. Here you can add ",e("code",[""])," with or without icons."])," ",e("p",["No options available"])])," ",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",["Name"])," ",e("md-table-head",["Type"])," ",e("md-table-head",["Description"])])])," ",e("md-table-body",[e("md-table-row",[e("md-table-cell",["md-title"])," ",e("md-table-cell",[e("code",["String"])])," ",e("md-table-cell",["Sets the alert title. Optional."])])," ",e("md-table-row",[e("md-table-cell",["md-content"])," ",e("md-table-cell",[e("code",["String"])])," ",e("md-table-cell",["Sets the alert content."])])," ",e("md-table-row",[e("md-table-cell",["md-content-html"])," ",e("md-table-cell",[e("code",["String"])])," ",e("md-table-cell",["Sets the alert content with a custom html."])])," ",e("md-table-row",[e("md-table-cell",["md-ok-text"])," ",e("md-table-cell",[e("code",["String"])])," ",e("md-table-cell",['Sets the alert "Okay" button text.'])])])])])])," ",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",["Name"])," ",e("md-table-head",["Type"])," ",e("md-table-head",["Description"])])])," ",e("md-table-body",[e("md-table-row",[e("md-table-cell",["md-title"])," ",e("md-table-cell",[e("code",["String"])])," ",e("md-table-cell",["Sets the confirm title. Optional."])])," ",e("md-table-row",[e("md-table-cell",["md-content"])," ",e("md-table-cell",[e("code",["String"])])," ",e("md-table-cell",["Sets the confirm content."])])," ",e("md-table-row",[e("md-table-cell",["md-content-html"])," ",e("md-table-cell",[e("code",["String"])])," ",e("md-table-cell",["Sets the confirm content with a custom html."])])," ",e("md-table-row",[e("md-table-cell",["md-ok-text"])," ",e("md-table-cell",[e("code",["String"])])," ",e("md-table-cell",['Sets the confirm "Okay" button text.'])])," ",e("md-table-row",[e("md-table-cell",["md-cancel-text"])," ",e("md-table-cell",[e("code",["String"])])," ",e("md-table-cell",['Sets the confirm "Cancel" button text.'])])])])])])," ",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",["Name"])," ",e("md-table-head",["Type"])," ",e("md-table-head",["Description"])])])," ",e("md-table-body",[e("md-table-row",[e("md-table-cell",["md-title"])," ",e("md-table-cell",[e("code",["String"])])," ",e("md-table-cell",["Sets the prompt title. Optional."])])," ",e("md-table-row",[e("md-table-cell",["md-content"])," ",e("md-table-cell",[e("code",["String"])])," ",e("md-table-cell",["Sets the prompt content."])])," ",e("md-table-row",[e("md-table-cell",["md-content-html"])," ",e("md-table-cell",[e("code",["String"])])," ",e("md-table-cell",["Sets the prompt content with a custom html."])])," ",e("md-table-row",[e("md-table-cell",["md-ok-text"])," ",e("md-table-cell",[e("code",["String"])])," ",e("md-table-cell",['Sets the prompt "Okay" button text.'])])," ",e("md-table-row",[e("md-table-cell",["md-cancel-text"])," ",e("md-table-cell",[e("code",["String"])])," ",e("md-table-cell",['Sets the prompt "Cancel" button text.'])])," ",e("md-table-row",[e("md-table-cell",["v-model"])," ",e("md-table-cell",[e("code",["String"])])," ",e("md-table-cell",["A required model object to be bind when the value is confirmed."])])," ",e("md-table-row",[e("md-table-cell",["md-input-id"])," ",e("md-table-cell",[e("code",["String"])])," ",e("md-table-cell",["Set the ID of the field inside the prompt dialog."])])," ",e("md-table-row",[e("md-table-cell",["md-input-name"])," ",e("md-table-cell",[e("code",["String"])])," ",e("md-table-cell",["Set the name of the field inside the prompt dialog."])])," ",e("md-table-row",[e("md-table-cell",["md-input-maxlength"])," ",e("md-table-cell",[e("code",["String"])])," ",e("md-table-cell",["Set the optional maxlength of the field inside the prompt dialog with the text count."])])," ",e("md-table-row",[e("md-table-cell",["md-input-placeholder"])," ",e("md-table-cell",[e("code",["String"])])," ",e("md-table-cell",["Set the optional placeholder of the field inside the prompt dialog."])])])])])])])," ",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",["Lorem ipsum dolor sit amet"])," ",e("md-dialog-content",["Nemo, nobis necessitatibus ut illo, ducimus ex."])," ",e("md-dialog-actions",[e("md-button",{staticClass:"md-primary",on:{click:function(e){t.closeDialog("dialog1")}}},["Cancel"])," ",e("md-button",{staticClass:"md-primary",on:{click:function(e){t.closeDialog("dialog1")}}},["Ok"])])])," ",e("md-dialog",{ref:"dialog2",attrs:{"md-open-from":"#fab","md-close-to":"#fab"}},[e("md-dialog-title",["Create new note"])," ",e("md-dialog-content",[e("form",[e("md-input-container",[e("label",["Note"])," ",e("md-textarea")])])])," ",e("md-dialog-actions",[e("md-button",{ -staticClass:"md-primary",on:{click:function(e){t.closeDialog("dialog2")}}},["Cancel"])," ",e("md-button",{staticClass:"md-primary",on:{click:function(e){t.closeDialog("dialog2")}}},["Create"])])])," ",e("md-button",{staticClass:"md-primary md-raised",attrs:{id:"custom"},on:{click:function(e){t.openDialog("dialog1")}}},["Custom"])," ",e("md-button",{staticClass:"md-fab md-fab-bottom-right",attrs:{id:"fab"},on:{click:function(e){t.openDialog("dialog2")}}},[e("md-icon",["add"])])])," ",e("div",{slot:"code"},[e("code-block",{attrs:{lang:"xml"}},['\n \n Lorem ipsum dolor sit amet\n\n Nemo, nobis necessitatibus ut illo, ducimus ex.\n\n \n Cancel\n Ok\n \n \n\n \n Create new note\n\n \n
\n \n \n \n \n
\n \n\n \n Cancel\n Create\n \n \n\n Custom\n \n add\n \n '])," ",e("code-block",{attrs:{lang:"javascript"}},["\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 "])])])," ",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}})," ",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}})," ",e("md-button",{staticClass:"md-primary md-raised",on:{click:function(e){t.openDialog("dialog3")}}},["Alert"])," ",e("md-button",{staticClass:"md-primary md-raised",on:{click:function(e){t.openDialog("dialog4")}}},["Alert with HTML"])])," ",e("div",{slot:"code"},[e("code-block",{attrs:{lang:"xml"}},['\n \n \n\n \n \n\n Alert\n Alert with HTML\n '])," ",e("code-block",{attrs:{lang:"javascript"}},["\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 Material Design is awesome 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 "])])])," ",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}})," ",e("md-button",{staticClass:"md-primary md-raised",on:{click:function(e){t.openDialog("dialog5")}}},["Confirm"])])," ",e("div",{slot:"code"},[e("code-block",{attrs:{lang:"xml"}},['\n \n \n\n Confirm\n '])," ",e("code-block",{attrs:{lang:"javascript"}},["\n export default {\n data: () => ({\n confirm: {\n title: 'Use Google\\'s location service?',\n contentHtml: 'Let Google help apps determine location.
This means sending anonymous 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 "])])])," ",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}}})," ",e("md-button",{staticClass:"md-primary md-raised",on:{click:function(e){t.openDialog("dialog6")}}},["Prompt"])])," ",e("div",{slot:"code"},[e("code-block",{attrs:{lang:"xml"}},['\n \n \n\n Confirm\n '])," ",e("code-block",{attrs:{lang:"javascript"}},["\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;return e("div",{staticClass:"md-radio",class: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.$slots.default?e("label",{staticClass:"md-radio-label",attrs:{for:t.id||t.name}},[t._t("default")]):t._e()])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;return e("i",{staticClass:"md-icon material-icons"},[t._t("default")])},staticRenderFns:[]}},function(t,e,n){/** +},[e("md-icon",["format_underline"])])," ",e("md-button",{staticClass:"md-icon-button"},[e("md-icon",["title"])])])," ",e("md-button-toggle",{staticClass:"md-button-group md-accent"},[e("md-button",{staticClass:"md-icon-button md-toggle"},[e("md-icon",["format_bold"])])," ",e("md-button",{staticClass:"md-icon-button md-toggle"},[e("md-icon",["format_italic"])])," ",e("md-button",{staticClass:"md-icon-button"},[e("md-icon",["format_underline"])])," ",e("md-button",{staticClass:"md-icon-button"},[e("md-icon",["title"])])])," ",e("md-button-toggle",{staticClass:"md-button-group md-warn"},[e("md-button",{staticClass:"md-icon-button md-toggle"},[e("md-icon",["format_bold"])])," ",e("md-button",{staticClass:"md-icon-button md-toggle"},[e("md-icon",["format_italic"])])," ",e("md-button",{staticClass:"md-icon-button"},[e("md-icon",["strikethrough_s"])])," ",e("md-button",{staticClass:"md-icon-button"},[e("md-icon",["title"])])])," ",e("md-button-toggle",{staticClass:"md-button-group md-primary"},[e("md-button",{staticClass:"md-icon-button"},[e("md-icon",["format_bold"])])," ",e("md-button",{staticClass:"md-icon-button",attrs:{disabled:""}},[e("md-icon",["format_italic"])])," ",e("md-button",{staticClass:"md-icon-button",attrs:{disabled:""}},[e("md-icon",["strikethrough_s"])])," ",e("md-button",{staticClass:"md-icon-button"},[e("md-icon",["title"])])])," ",e("md-button-toggle",[e("md-button",{staticClass:"md-toggle"},["Works"])," ",e("md-button",{staticClass:"md-toggle"},["With"])," ",e("md-button",["Text"])," ",e("md-button",["Too"])])])," ",e("div",{slot:"code"},[e("code-block",{attrs:{lang:"xml"}},['\n \n \n format_bold\n \n\n \n format_italic\n \n\n \n strikethrough_s\n \n\n \n title\n \n \n\n \n \n format_bold\n \n\n \n format_italic\n \n\n \n format_underline\n \n\n \n title\n \n \n\n \n \n format_bold\n \n\n \n format_italic\n \n\n \n format_underline\n \n\n \n title\n \n \n\n \n \n format_bold\n \n\n \n format_italic\n \n\n \n strikethrough_s\n \n\n \n title\n \n \n\n \n \n format_bold\n \n\n \n format_italic\n \n\n \n strikethrough_s\n \n\n \n title\n \n \n\n \n Works\n With\n Text\n Too\n \n '])])])," ",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",["format_bold"])])," ",e("md-button",{staticClass:"md-icon-button"},[e("md-icon",["format_italic"])])," ",e("md-button",{staticClass:"md-icon-button"},[e("md-icon",["strikethrough_s"])])," ",e("md-button",{staticClass:"md-icon-button md-toggle"},[e("md-icon",["title"])])])," ",e("md-button-toggle",{staticClass:"md-button-group md-primary",attrs:{"md-single":""}},[e("md-button",{staticClass:"md-icon-button"},[e("md-icon",["format_bold"])])," ",e("md-button",{staticClass:"md-icon-button md-toggle"},[e("md-icon",["format_italic"])])," ",e("md-button",{staticClass:"md-icon-button"},[e("md-icon",["format_underline"])])," ",e("md-button",{staticClass:"md-icon-button"},[e("md-icon",["title"])])])," ",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",["format_bold"])])," ",e("md-button",{staticClass:"md-icon-button"},[e("md-icon",["format_italic"])])," ",e("md-button",{staticClass:"md-icon-button"},[e("md-icon",["format_underline"])])," ",e("md-button",{staticClass:"md-icon-button"},[e("md-icon",["title"])])])," ",e("md-button-toggle",{staticClass:"md-button-group md-warn",attrs:{"md-single":""}},[e("md-button",{staticClass:"md-icon-button"},[e("md-icon",["format_bold"])])," ",e("md-button",{staticClass:"md-icon-button"},[e("md-icon",["format_italic"])])," ",e("md-button",{staticClass:"md-icon-button md-toggle"},[e("md-icon",["strikethrough_s"])])," ",e("md-button",{staticClass:"md-icon-button"},[e("md-icon",["title"])])])," ",e("md-button-toggle",{staticClass:"md-button-group md-primary",attrs:{"md-single":""}},[e("md-button",{staticClass:"md-icon-button"},[e("md-icon",["format_bold"])])," ",e("md-button",{staticClass:"md-icon-button",attrs:{disabled:""}},[e("md-icon",["format_italic"])])," ",e("md-button",{staticClass:"md-icon-button",attrs:{disabled:""}},[e("md-icon",["strikethrough_s"])])," ",e("md-button",{staticClass:"md-icon-button"},[e("md-icon",["title"])])])," ",e("md-button-toggle",{attrs:{"md-single":""}},[e("md-button",["Works"])," ",e("md-button",["With"])," ",e("md-button",["Text"])," ",e("md-button",["Too"])])])," ",e("div",{slot:"code"},[e("code-block",{attrs:{lang:"xml"}},['\n \n \n format_bold\n \n\n \n format_italic\n \n\n \n strikethrough_s\n \n\n \n title\n \n \n\n \n \n format_bold\n \n\n \n format_italic\n \n\n \n format_underline\n \n\n \n title\n \n \n\n \n \n format_bold\n \n\n \n format_italic\n \n\n \n format_underline\n \n\n \n title\n \n \n\n \n \n format_bold\n \n\n \n format_italic\n \n\n \n strikethrough_s\n \n\n \n title\n \n \n\n \n \n format_bold\n \n\n \n format_italic\n \n\n \n strikethrough_s\n \n\n \n title\n \n \n\n \n Works\n With\n Text\n Too\n \n '])])])])])])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;return e("div",{staticClass:"md-list-expand",style:{"margin-bottom":t.height}},[t._t("default")])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;return e("div",{staticClass:"main-content component-docs"},[e("div",{staticClass:"usage-content"},[e("section",{staticClass:"component-description"},[e("h2",{staticClass:"md-headline"},["Description"])," ",t._t("description")])," ",t.$slots.api?e("section",{staticClass:"api-documentation"},[e("h2",{staticClass:"md-headline"},["API Options"])," ",t._t("api")]):t._e()," ",t._t("default")])," ",e("div",{staticClass:"example-content"},[t._t("example")])])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;return e("page-content",{attrs:{"page-title":"Components - Whiteframe"}},[e("docs-component",[e("div",{slot:"description"},[e("p",["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."])])," ",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",["Name"])," ",e("md-table-head",["Type"])," ",e("md-table-head",["Description"])])])," ",e("md-table-body",[e("md-table-row",[e("md-table-cell",["md-elevation"])," ",e("md-table-cell",[e("code",["Number"])])," ",e("md-table-cell",["The amount of elevation. From 0 to 24. ",e("br"),"Default: ",e("code",["1"])])])])])])])," ",e("div",{slot:"example"},[e("example-box",{attrs:{"card-title":"Default"}},[e("div",{slot:"demo"},[e("md-whiteframe",["1dp"])," ",e("md-whiteframe",{attrs:{"md-elevation":"2"}},["2dp"])," ",e("md-whiteframe",{attrs:{"md-elevation":"3"}},["3dp"])," ",e("md-whiteframe",{attrs:{"md-elevation":"4"}},["4dp"])," ",e("md-whiteframe",{attrs:{"md-elevation":"5"}},["5dp"])," ",e("md-whiteframe",{attrs:{"md-elevation":"6"}},["6dp"])," ",e("md-whiteframe",{attrs:{"md-elevation":"7"}},["7dp"])," ",e("md-whiteframe",{attrs:{"md-elevation":"8"}},["8dp"])," ",e("md-whiteframe",{attrs:{"md-elevation":"9"}},["9dp"])," ",e("md-whiteframe",{attrs:{"md-elevation":"10"}},["10dp"])," ",e("md-whiteframe",{attrs:{"md-elevation":"11"}},["11dp"])," ",e("md-whiteframe",{attrs:{"md-elevation":"12"}},["12dp"])," ",e("md-whiteframe",{attrs:{"md-elevation":"13"}},["13dp"])," ",e("md-whiteframe",{attrs:{"md-elevation":"14"}},["14dp"])," ",e("md-whiteframe",{attrs:{"md-elevation":"15"}},["15dp"])," ",e("md-whiteframe",{attrs:{"md-elevation":"16"}},["16dp"])," ",e("md-whiteframe",{attrs:{"md-elevation":"17"}},["17dp"])," ",e("md-whiteframe",{attrs:{"md-elevation":"18"}},["18dp"])," ",e("md-whiteframe",{attrs:{"md-elevation":"19"}},["19dp"])," ",e("md-whiteframe",{attrs:{"md-elevation":"20"}},["20dp"])," ",e("md-whiteframe",{attrs:{"md-elevation":"21"}},["21dp"])," ",e("md-whiteframe",{attrs:{"md-elevation":"22"}},["22dp"])," ",e("md-whiteframe",{attrs:{"md-elevation":"23"}},["23dp"])," ",e("md-whiteframe",{attrs:{"md-elevation":"24"}},["24dp"])])," ",e("div",{slot:"code"},[e("code-block",{attrs:{lang:"xml"}},['\n 1dp\n 2dp\n 3dp\n 4dp\n 5dp\n 6dp\n 7dp\n 8dp\n 9dp\n 10dp\n 11dp\n 12dp\n 13dp\n 14dp\n 15dp\n 16dp\n 17dp\n 18dp\n 19dp\n 20dp\n 21dp\n 22dp\n 23dp\n 24dp\n '])])])])])])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;return e("div",{staticClass:"example-box"},[e("md-card",{staticClass:"example-box-card"},[e("md-toolbar",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"white",expression:"'white'"}],staticClass:"md-dense"},[e("h3",{staticClass:"md-title"},[t._s(t.cardTitle)])])," ",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")])," ",e("md-tab",{staticClass:"code-content",attrs:{"md-label":"Code"}},[t._t("code")])])])," "])," ",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()," ",e("pre",{ref:"initialJs"},["\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 "])," ",e("pre",{ref:"initialHtml"},['\n
\n ### TEMPLATE ###\n
\n '])])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;return e("page-content",{attrs:{"page-title":"Changelog"}},[e("div",{staticClass:"main-content"},[e("section",[e("h2",{staticClass:"md-headline"},["v0.4.0 - New Documentation Website"])," ",e("h3",{staticClass:"md-title"},["New Documentation:"])," ",e("ul",[e("li",["Better Getting started"])," ",e("li",["Themes guide"])," ",e("li",["Version selector"])," ",e("li",["API Guide"])," ",e("li",["Better Examples"])])," ",e("h3",{staticClass:"md-title"},["New Components:"])," ",e("ul",[e("li",["Dialog"])])," ",e("h3",{staticClass:"md-title"},["Fixes:"])," ",e("ul",[e("li",["fix shadow transition inside menus ",e("strong",[e("a",{attrs:{href:"https://github.com/marcosmoura/vue-material/issues/141",target:"_blank",rel:"noopener"}},["#141"])])," ",e("strong",[e("a",{attrs:{href:"https://github.com/marcosmoura/vue-material/issues/129",target:"_blank",rel:"noopener"}},["#129"])])])," ",e("li",["fix table row not watching item ",e("strong",[e("a",{attrs:{href:"https://github.com/marcosmoura/vue-material/issues/116",target:"_blank",rel:"noopener"}},["#116"])])," ",e("strong",[e("a",{attrs:{href:"https://github.com/marcosmoura/vue-material/issues/113",target:"_blank",rel:"noopener"}},["#113"])])])," ",e("li",["add href support for mdBottomBar ",e("strong",[e("a",{attrs:{href:"https://github.com/marcosmoura/vue-material/issues/121",target:"_blank",rel:"noopener"}},["#121"])])])])])," ",e("section",[e("h2",{staticClass:"md-headline"},["v0.3.3 - Bugfixes"])," ",e("h3",{staticClass:"md-title"},["Fixes:"])," ",e("ul",[e("li",["Fix regression on inputs getting wrong value after manual update ",e("strong",[e("a",{attrs:{href:"https://github.com/marcosmoura/vue-material/issues/101",target:"_blank",rel:"noopener"}},["#101"])," ",e("strong",[e("a",{attrs:{href:"https://github.com/marcosmoura/vue-material/issues/100",target:"_blank",rel:"noopener"}},["#100"])," ",e("strong",[e("a",{attrs:{href:"https://github.com/marcosmoura/vue-material/issues/96",target:"_blank",rel:"noopener"}},["#96"])])])])])])])," ",e("section",[e("h2",{staticClass:"md-headline"},["v0.3.2 - Bugfixes"])," ",e("h3",{staticClass:"md-title"},["Fixes:"])," ",e("ul",[e("li",["Fix babel export default module.exports ",e("strong",[e("a",{attrs:{href:"https://github.com/marcosmoura/vue-material/issues/92",target:"_blank",rel:"noopener"}},["#92"])])])," ",e("li",["Fix tooltips jumping when screen resize ",e("strong",[e("a",{attrs:{href:"https://github.com/marcosmoura/vue-material/issues/85",target:"_blank",rel:"noopener"}},["#85"])])])," ",e("li",["Fix table not getting instance ",e("strong",[e("a",{attrs:{href:"https://github.com/marcosmoura/vue-material/issues/91",target:"_blank",rel:"noopener"}},["#91"])])," ",e("strong",[e("a",{attrs:{href:"https://github.com/marcosmoura/vue-material/issues/88",target:"_blank",rel:"noopener"}},["#88"])])])," ",e("li",["Fix regression on password review ",e("strong",[e("a",{attrs:{href:"https://github.com/marcosmoura/vue-material/issues/95",target:"_blank",rel:"noopener"}},["#95"])])])," ",e("li",["Fix input getting wrong value after manual update ",e("strong",[e("a",{attrs:{href:"https://github.com/marcosmoura/vue-material/issues/100",target:"_blank",rel:"noopener"}},["#100"])])," ",e("strong",[e("a",{attrs:{href:"https://github.com/marcosmoura/vue-material/issues/96",target:"_blank",rel:"noopener"}},["#96"])])])," ",e("li",["Use the internal value of md-input to set the value of the container ",e("strong",[e("a",{attrs:{href:"https://github.com/marcosmoura/vue-material/pull/97",target:"_blank",rel:"noopener"}},["#97"])," (Thanks to ",e("a",{attrs:{href:"https://github.com/Cabbaggio",target:"_blank",rel:"noopener"}},["@Cabbaggio"]),")"])])," ",e("li",["Add material.debug.js to dist folder ",e("strong",[e("a",{attrs:{href:"https://github.com/marcosmoura/vue-material/pull/90",target:"_blank",rel:"noopener"}},["#90"])," (Thanks to ",e("a",{attrs:{href:"https://github.com/pauloramires",target:"_blank",rel:"noopener"}},["@pauloramires"]),")"])])])])," ",e("section",[e("h2",{staticClass:"md-headline"},["v0.3.1 - Bugfixes"])," ",e("h3",{staticClass:"md-title"},["Fixes:"])," ",e("ul",[e("li",["md-select not being reactive ",e("strong",[e("a",{attrs:{href:"https://github.com/marcosmoura/vue-material/issues/74",target:"_blank",rel:"noopener"}},["#74"])])])," ",e("li",["Fix components not being updated inside v-once ",e("strong",[e("a",{attrs:{href:"https://github.com/marcosmoura/vue-material/issues/69",target:"_blank",rel:"noopener"}},["#69"])," ",e("a",{attrs:{href:"https://github.com/marcosmoura/vue-material/issues/70",target:"_blank",rel:"noopener"}},["#70"])])])," ",e("li",["Fix input number not accepting numbers ",e("strong",[e("a",{attrs:{href:"https://github.com/marcosmoura/vue-material/issues/67",target:"_blank",rel:"noopener"}},["#67"])," ",e("a",{attrs:{href:"https://github.com/marcosmoura/vue-material/issues/70",target:"_blank",rel:"noopener"}},["#70"])])])," ",e("li",["Fix md-input-container crashing when the select value is null ",e("strong",[e("a",{attrs:{href:"https://github.com/marcosmoura/vue-material/issues/64",target:"_blank",rel:"noopener"}},["#64"])])])])])," ",e("section",[e("h2",{staticClass:"md-headline"},["v0.3.0 - Huge Release"])," ",e("h3",{staticClass:"md-title"},["New Components:"])," ",e("ul",[e("li",["Data Table"])," ",e("li",["Menu"])," ",e("li",["Select with multiple selection"])])," ",e("h3",{staticClass:"md-title"},["Fixes:"])," ",e("ul",[e("li",["md-input not reactive when initial value empty ",e("strong",[e("a",{attrs:{href:"https://github.com/marcosmoura/vue-material/issues/40",target:"_blank",rel:"noopener"}},["#40"])])])," ",e("li",["md-textarea with maxlength not writable ",e("strong",[e("a",{attrs:{href:"https://github.com/marcosmoura/vue-material/issues/43",target:"_blank",rel:"noopener"}}),"#43"])])," ",e("li",["Do not style scrollbars by default ",e("strong",[e("a",{attrs:{href:"https://github.com/marcosmoura/vue-material/issues/46",target:"_blank",rel:"noopener"}},["#46"])])])," ",e("li",["SELECT component: display issue in IE11 ",e("strong",[e("a",{attrs:{href:"https://github.com/marcosmoura/vue-material/issues/34",target:"_blank",rel:"noopener"}},["#34"])])])," ",e("li",["Select component popup shows behind other components ",e("strong",[e("a",{attrs:{href:"https://github.com/marcosmoura/vue-material/issues/26",target:"_blank",rel:"noopener"}},["#26"])])])," ",e("li",["md-select text vs value ",e("strong",[e("a",{attrs:{href:"https://github.com/marcosmoura/vue-material/issues/24",target:"_blank",rel:"noopener"}}),"#24"])])," ",e("li",["md-button ignores type prop ",e("strong",[e("a",{attrs:{href:"https://github.com/marcosmoura/vue-material/issues/41",target:"_blank",rel:"noopener"}},["#41"])," (Thanks to ",e("a",{attrs:{href:"https://github.com/pauloramires",target:"_blank",rel:"noopener"}},["@pauloramires"]),")"])])," ",e("li",["md-select displaying selected text (rather than value) ",e("strong",[e("a",{attrs:{href:"https://github.com/marcosmoura/vue-material/issues/36",target:"_blank",rel:"noopener"}},["#36"])])])," ",e("li",["Added 'type' props to switch button ",e("strong",[e("a",{attrs:{href:"https://github.com/marcosmoura/vue-material/pull/27",target:"_blank",rel:"noopener"}},["#27"])," (Thanks to ",e("a",{attrs:{href:"https://github.com/guillaumerxl",target:"_blank",rel:"noopener"}},["@guillaumerxl"]),")"])])," ",e("li",["Add babel-cli as dev dependency ",e("strong",[e("a",{attrs:{href:"https://github.com/marcosmoura/vue-material/pull/28",target:"_blank",rel:"noopener"}},["#28"])," (Thanks to ",e("a",{attrs:{href:"https://github.com/lucassouza1",target:"_blank",rel:"noopener"}},["@lucassouza1"]),")"])])," ",e("li",["Remove dotted outline around button in firefox ",e("strong",[e("a",{attrs:{href:"https://github.com/marcosmoura/vue-material/pull/52",target:"_blank",rel:"noopener"}},["#52"])," (Thanks to ",e("a",{attrs:{href:"https://github.com/yeknava",target:"_blank",rel:"noopener"}},["@yeknava"]),")"])])])])," ",e("section",[e("h2",{staticClass:"md-headline"},["v0.2.0 - New components"])," ",e("h3",{staticClass:"md-title"},["New Components:"])," ",e("ul",[e("li",["Cards"])])," ",e("h3",{staticClass:"md-title"},["Fixes:"])," ",e("ul",[e("li",["Add Roboto font and google icons to the docs ",e("strong",[e("a",{attrs:{href:"https://github.com/marcosmoura/vue-material/commit/421ce7bb21a1489c8f98ee12d0d525eec6b0ee12",target:"_blank",rel:"noopener"}},["421ce7b"])])])," ",e("li",["Explains better how to install and configure vue-material ",e("strong",[e("a",{attrs:{href:"https://github.com/marcosmoura/vue-material/commit/cc43985fc1d30403a7c95bfeb2dc38bbcc1acb9e",target:"_blank",rel:"noopener"}},["cc43985"])])])," ",e("li",["Emit change & input events from mdTextarea ",e("strong",[e("a",{attrs:{href:"https://github.com/marcosmoura/vue-material/commit/b474af9fd8d5f4563914e5aae47d14b7c8c62fb2",target:"_blank",rel:"noopener"}},["b474af9"])])," (Thanks to ",e("a",{attrs:{href:"https://github.com/jvanbrug",target:"_blank",rel:"noopener"}},["@jvanbrug"]),")"])])])," ",e("section",[e("h2",{staticClass:"md-headline"},["v0.1.2 - Bugfixes"])," ",e("h3",{staticClass:"md-title"},["Fixes:"])," ",e("ul",[e("li",["Fixed tooltips on Firefox"])," ",e("li",["Misaligned icons inside buttons on Firefox"])," ",e("li",["Documentation fixes"])])])," ",e("section",[e("h2",{staticClass:"md-headline"},["v0.1.1 - Bugfixes"])," ",e("h3",{staticClass:"md-title"},["Changes:"])," ",e("ul",[e("li",["Bugfixes"])," ",e("li",["Firefox support"])," ",e("li",["Initial documentation"])])])," ",e("section",[e("h2",{staticClass:"md-headline"},["v0.1.0 - Initial Release"])," ",e("h3",{staticClass:"md-title"},["New Components:"])," ",e("ul",[e("li",["Avatar"])," ",e("li",["Bottom Bar"])," ",e("li",["Button"])," ",e("li",["Button Toggle"])," ",e("li",["Checkbox"])," ",e("li",["Divider"])," ",e("li",["Icon"])," ",e("li",["Input"])," ",e("li",["List"])," ",e("li",["Radio"])," ",e("li",["Select"])," ",e("li",["Sidenav"])," ",e("li",["Subheader"])," ",e("li",["Switch"])," ",e("li",["Tabs"])," ",e("li",["Toolbar"])," ",e("li",["Tooltip"])," ",e("li",["Whiteframe"])])," ",e("h3",{staticClass:"md-title"},["UI Elements:"])," ",e("ul",[e("li",["Themes"])," ",e("li",["Typography"])," ",e("li",["Fluid Media"])," ",e("li",["Custom Scrollbar"])," ",e("li",["Selection Styles"])])])])])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;return e("div",{staticClass:"md-card-media-cover",class:t.classes},[t._t("default")," ",t.mdTextScrim?e("div",{ref:"backdrop",staticClass:"md-card-backdrop",style:t.styles}):t._e()])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;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._s(t.mdIcon)])," ",e("span",{staticClass:"md-text"},[t._t("default")])]):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._s(t.mdIcon)])," ",e("span",{staticClass:"md-text"},[t._t("default")])])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;return e("div",{staticClass:"md-avatar"},[t._t("default")])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;return e("div",{staticClass:"md-select",class: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._s(t.selectedText||t.multipleText||t.placeholder)])," ",e("md-menu-content",{staticClass:"md-select-content",class:t.contentClasses},[t._t("default")])])," ",e("select",{attrs:{name:t.name,id:t.id,required:t.required,tabindex:"-1"}},[e("option",{domProps:{value:t.value}},[t._s(t.value)])])])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;return e("div",{staticClass:"md-table-alternate-header",class:t.classes},[e("md-toolbar",[e("div",{staticClass:"md-counter"},[e("span",{ref:"counter"},[t._s(t.tableInstance.numberOfSelected)])," ",e("span",[t._s(t.mdSelectedLabel)])])," ",t._t("default")])])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;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)}}},["\n "+t._s(t.value||t.mdPlaceholder)+"\n "])," ",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;return e("page-content",{attrs:{"page-title":"Components - Bottom Bar"}},[e("docs-component",[e("div",{slot:"description"},[e("p",["Bottom navigation bars make it easy to explore and switch between top-level views in a single tap."])," ",e("p",["The following classes can be applied to change the color palette:"])," ",e("ul",{staticClass:"md-body-2"},[e("li",[e("code",["md-accent"])])," ",e("li",[e("code",["md-warn"])])," ",e("li",[e("code",["md-transparent"])])])])," ",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",["Name"])," ",e("md-table-head",["Type"])," ",e("md-table-head",["Description"])])])," ",e("md-table-body",[e("md-table-row",[e("md-table-cell",["md-shift"])," ",e("md-table-cell",[e("code",["Boolean"])])," ",e("md-table-cell",["Enable the shifting variant. Default ",e("code",["false"])])])])])])," ",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",["Name"])," ",e("md-table-head",["Type"])," ",e("md-table-head",["Description"])])])," ",e("md-table-body",[e("md-table-row",[e("md-table-cell",["md-icon"])," ",e("md-table-cell",[e("code",["String"])])," ",e("md-table-cell",["Icon name on the ",e("a",{attrs:{href:"https://material.io/icons/",target:"_blank",rel:"noopener"}},["Material Icons"])," docs."])])," ",e("md-table-row",[e("md-table-cell",["md-active"])," ",e("md-table-cell",[e("code",["Boolean"])])," ",e("md-table-cell",["Set initial selection. Default ",e("code",["false"])])])," ",e("md-table-row",[e("md-table-cell",["href"])," ",e("md-table-cell",[e("code",["String"])])," ",e("md-table-cell",["Create a anchor on the item - In this case the generated tag will be ",e("code",[""]),"."])])])])])])," ",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"}},["Recents"])," ",e("md-bottom-bar-item",{attrs:{"md-icon":"favorite","md-active":""}},["Favorites"])," ",e("md-bottom-bar-item",{attrs:{"md-icon":"near_me"}},["Nearby"])])])," ",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"}},["Recents"])," ",e("md-bottom-bar-item",{attrs:{href:"#/components/bottom-bar","md-icon":"favorite","md-active":""}},["Favorites"])," ",e("md-bottom-bar-item",{attrs:{href:"#/components/bottom-bar","md-icon":"near_me"}},["Nearby"])])])," ",e("div",{staticClass:"phone-viewport"},[e("md-bottom-bar",{staticClass:"md-warn"},[e("md-bottom-bar-item",{attrs:{"md-icon":"history"}},["Recents"])," ",e("md-bottom-bar-item",{attrs:{"md-icon":"favorite","md-active":""}},["Favorites"])," ",e("md-bottom-bar-item",{attrs:{"md-icon":"near_me"}},["Nearby"])])])," ",e("div",{staticClass:"phone-viewport"},[e("md-bottom-bar",{staticClass:"md-transparent"},[e("md-bottom-bar-item",{attrs:{"md-icon":"history"}},["Recents"])," ",e("md-bottom-bar-item",{attrs:{"md-icon":"favorite","md-active":""}},["Favorites"])," ",e("md-bottom-bar-item",{attrs:{"md-icon":"near_me"}},["Nearby"])])])])," ",e("div",{slot:"code"},[e("code-block",{attrs:{lang:"xml"}},['\n \n Recents\n Favorites\n Nearby\n \n\n \n Recents\n Favorites\n Nearby\n \n\n \n Recents\n Favorites\n Nearby\n \n\n \n Recents\n Favorites\n Nearby\n \n '])])])," ",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"}},["Movies"])," ",e("md-bottom-bar-item",{attrs:{"md-icon":"music_note"}},["Music"])," ",e("md-bottom-bar-item",{attrs:{"md-icon":"books","md-active":""}},["Books"])," ",e("md-bottom-bar-item",{attrs:{"md-icon":"photo"}},["Pictures"])])])," ",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"}},["Movies"])," ",e("md-bottom-bar-item",{attrs:{"md-icon":"music_note"}},["Music"])," ",e("md-bottom-bar-item",{attrs:{"md-icon":"books","md-active":""}},["Books"])," ",e("md-bottom-bar-item",{attrs:{"md-icon":"photo"}},["Pictures"])])])," ",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"}},["Movies"])," ",e("md-bottom-bar-item",{attrs:{"md-icon":"music_note"}},["Music"])," ",e("md-bottom-bar-item",{attrs:{"md-icon":"books","md-active":""}},["Books"])," ",e("md-bottom-bar-item",{attrs:{"md-icon":"photo"}},["Pictures"])])])," ",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"}},["Movies"])," ",e("md-bottom-bar-item",{attrs:{"md-icon":"music_note"}},["Music"])," ",e("md-bottom-bar-item",{attrs:{"md-icon":"books","md-active":""}},["Books"])," ",e("md-bottom-bar-item",{attrs:{"md-icon":"photo"}},["Pictures"])])])])," ",e("div",{slot:"code"},[e("code-block",{attrs:{lang:"xml"}},['\n \n Movies\n Music\n Books\n Pictures\n \n\n \n Movies\n Music\n Books\n Pictures\n \n\n \n Movies\n Music\n Books\n Pictures\n \n\n \n Movies\n Music\n Books\n Pictures\n \n '])])])," ",e("example-box",{attrs:{"card-title":"Themes"}},[e("div",{slot:"demo"},[e("div",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"orange",expression:"'orange'"}],staticClass:"phone-viewport"},[e("md-bottom-bar",[e("md-bottom-bar-item",{attrs:{"md-icon":"history"}},["Recents"])," ",e("md-bottom-bar-item",{attrs:{"md-icon":"favorite","md-active":""}},["Favorites"])," ",e("md-bottom-bar-item",{attrs:{"md-icon":"near_me"}},["Nearby"])])])," ",e("div",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"teal",expression:"'teal'"}],staticClass:"phone-viewport"},[e("md-bottom-bar",[e("md-bottom-bar-item",{attrs:{"md-icon":"history"}},["Recents"])," ",e("md-bottom-bar-item",{attrs:{"md-icon":"favorite","md-active":""}},["Favorites"])," ",e("md-bottom-bar-item",{attrs:{"md-icon":"near_me"}},["Nearby"])])])," ",e("div",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"green",expression:"'green'"}],staticClass:"phone-viewport"},[e("md-bottom-bar",{attrs:{"md-shift":""}},[e("md-bottom-bar-item",{attrs:{"md-icon":"ondemand_video"}},["Movies"])," ",e("md-bottom-bar-item",{attrs:{"md-icon":"music_note"}},["Music"])," ",e("md-bottom-bar-item",{attrs:{"md-icon":"books","md-active":""}},["Books"])," ",e("md-bottom-bar-item",{attrs:{"md-icon":"photo"}},["Pictures"])])])," ",e("div",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"indigo",expression:"'indigo'"}],staticClass:"phone-viewport"},[e("md-bottom-bar",{attrs:{"md-shift":""}},[e("md-bottom-bar-item",{attrs:{"md-icon":"ondemand_video"}},["Movies"])," ",e("md-bottom-bar-item",{attrs:{"md-icon":"music_note"}},["Music"])," ",e("md-bottom-bar-item",{attrs:{"md-icon":"books","md-active":""}},["Books"])," ",e("md-bottom-bar-item",{attrs:{"md-icon":"photo"}},["Pictures"])])])])," ",e("div",{slot:"code"},[e("code-block",{attrs:{lang:"xml"}},['\n \n Recents\n Favorites\n Nearby\n \n\n \n Recents\n Favorites\n Nearby\n \n\n \n Movies\n Music\n Books\n Pictures\n \n\n \n Movies\n Music\n Books\n Pictures\n \n '])])])," ",e("example-box",{attrs:{"card-title":"Dynamic Theme Example"}},[e("div",{slot:"demo"},[e("div",{staticClass:"phone-viewport"},[e("md-bottom-bar",{directives:[{name:"md-theme",rawName:"v-md-theme",value:t.playground.theme,expression:"playground.theme"}],attrs:{"md-shift":""}},[e("md-bottom-bar-item",{attrs:{"md-icon":"ondemand_video"},nativeOn:{click:function(e){t.setTheme("blue")}}},["Movies"])," ",e("md-bottom-bar-item",{attrs:{"md-icon":"music_note"},nativeOn:{click:function(e){t.setTheme("teal")}}},["Music"])," ",e("md-bottom-bar-item",{attrs:{"md-icon":"books","md-active":""},nativeOn:{click:function(e){t.setTheme("brown")}}},["Books"])," ",e("md-bottom-bar-item",{attrs:{"md-icon":"photo"},nativeOn:{click:function(e){t.setTheme("indigo")}}},["Pictures"])])])])," ",e("div",{slot:"code"},[e("code-block",{attrs:{lang:"xml"}},['\n \n Movies\n Music\n Books\n Pictures\n \n '])," ",e("code-block",{attrs:{lang:"javascript"}},["\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;return e("page-content",{attrs:{"page-title":"UI Elements - Grid System"}})},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;return e("div",{staticClass:"md-card-header"},[t._t("default")])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;return e("hr",{staticClass:"md-divider"})},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;return e("span",{staticClass:"md-tooltip",class:t.classes,style:t.style},[t._t("default")])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;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")])])," ",e("span",{staticClass:"copied",class:{active:t.showMessage}},["Copied!"])])," ",e("md-button",{ref:"copy",staticClass:"md-icon-button md-dense"},[e("md-icon",["content_copy"])])])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;return e("div",{staticClass:"md-card-area",class:t.classes},[t._t("default")])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;return e("page-content",{attrs:{"page-title":"Components - Radio"}},[e("docs-component",[e("div",{slot:"description"},[e("p",["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."])," ",e("p",["The following classes can be applied to change the color palette:"])," ",e("ul",{staticClass:"md-body-2"},[e("li",[e("code",["md-primary"])])," ",e("li",[e("code",["md-warn"])])])])," ",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",["Name"])," ",e("md-table-head",["Type"])," ",e("md-table-head",["Description"])])])," ",e("md-table-body",[e("md-table-row",[e("md-table-cell",["v-model"])," ",e("md-table-cell",[e("code",["String"])])," ",e("md-table-cell",["A required model object to bind the value."])])," ",e("md-table-row",[e("md-table-cell",["md-value"])," ",e("md-table-cell",[e("code",["String"])])," ",e("md-table-cell",["The single value of the particular radio button. Required."])])," ",e("md-table-row",[e("md-table-cell",["name"])," ",e("md-table-cell",[e("code",["String"])])," ",e("md-table-cell",["Set the radio name."])])," ",e("md-table-row",[e("md-table-cell",["id"])," ",e("md-table-cell",[e("code",["String"])])," ",e("md-table-cell",["Set the radio id."])])," ",e("md-table-row",[e("md-table-cell",["disabled"])," ",e("md-table-cell",[e("code",["Boolean"])])," ",e("md-table-cell",["Disable the radio and prevent his actions. Default ",e("code",["false"])])])])])," ",e("md-table",{slot:"events"},[e("md-table-header",[e("md-table-row",[e("md-table-head",["Name"])," ",e("md-table-head",["Value"])," ",e("md-table-head",["Description"])])])," ",e("md-table-body",[e("md-table-row",[e("md-table-cell",["change"])," ",e("md-table-cell",["Receive the state of the radio"])," ",e("md-table-cell",["Triggered when the radio changes his value."])])])])])])," ",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}}},["My beautiful radio"])," ",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}}},["Another radio"])," ",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}}},["Another another radio"])])," ",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}}},["Primary radio"])," ",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}}},["Another primary radio"])," ",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}}},["Another another primary radio"])])," ",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}}},["Warn radio"])," ",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}}},["Another warn radio"])," ",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}}},["Another another warn radio"])])," ",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}}},["My beautiful radio"])," ",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}}},["Disabled"])," ",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}}},["Another radio"])])])," ",e("div",{slot:"code"},[e("code-block",{attrs:{lang:"xml"}},['\n
\n My beautiful radio\n Another radio\n Another another radio\n
\n\n
\n Primary radio\n Another primary radio\n Another another primary radio\n
\n\n
\n Warn radio\n Another warn radio\n Another another warn radio\n
\n\n
\n My beautiful radio\n Disabled\n Another radio\n
\n '])])])," ",e("example-box",{attrs:{"card-title":"Themes"}},[e("div",{slot:"demo"},[e("div",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"orange",expression:"'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}}},["Orange radio"])," ",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}}},["Another Orange radio"])," ",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}}},["Another another Orange radio"])])," ",e("div",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"brown",expression:"'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}}},["Brown radio"])," ",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}}},["Another Brown radio"])," ",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}}},["Another another Brown radio"])])," ",e("div",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"green",expression:"'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}}},["Green radio"])," ",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}}},["Another Green radio"])," ",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}}},["Another another Green radio"])])," ",e("div",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"teal",expression:"'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}}},["Teal radio"])," ",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}}},["Teal disabled radio"])," ",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}}},["Another another Teal radio"])])])," ",e("div",{slot:"code"},[e("code-block",{attrs:{lang:"xml"}},['\n
\n Orange radio\n Another Orange radio\n Another another Orange radio\n
\n\n
\n Brown radio\n Another Brown radio\n Another another Brown radio\n
\n\n
\n Green radio\n Another Green radio\n Another another Green radio\n
\n\n
\n Teal radio\n Teal disabled radio\n Another another Teal radio\n
\n '])])])])])])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;return e("page-content",{attrs:{"page-title":"Components - Tabs"}},[e("docs-component",[e("div",{slot:"description"},[e("p",["Tabs enable content organization at a high level, such as switching between views, data sets, or functional aspects of an app."])," ",e("p",["The following classes can be applied to change the color palette:"])," ",e("ul",{staticClass:"md-body-2"},[e("li",[e("code",["md-accent"])])," ",e("li",[e("code",["md-warn"])])," ",e("li",[e("code",["md-transparent"])])])])," ",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",["Name"])," ",e("md-table-head",["Type"])," ",e("md-table-head",["Description"])])])," ",e("md-table-body",[e("md-table-row",[e("md-table-cell",["md-fixed"])," ",e("md-table-cell",[e("code",["Boolean"])])," ",e("md-table-cell",["Make the tabs navigation fixed and elastic filling the whole space. Default ",e("code",["false"])])])," ",e("md-table-row",[e("md-table-cell",["md-centered"])," ",e("md-table-cell",[e("code",["Boolean"])])," ",e("md-table-cell",["Align the tabs navigation to the center. Default ",e("code",["false"])])])," ",e("md-table-row",[e("md-table-cell",["md-right"])," ",e("md-table-cell",[e("code",["Boolean"])])," ",e("md-table-cell",["Align the tabs navigation to the right. Default ",e("code",["false"])])])," ",e("md-table-row",[e("md-table-cell",["md-dynamic-height"])," ",e("md-table-cell",[e("code",["Boolean"])])," ",e("md-table-cell",["Make the tab content to be resized based on the contents. Default ",e("code",["true"])])])," ",e("md-table-row",[e("md-table-cell",["md-elevation"])," ",e("md-table-cell",[e("code",["Number"])])," ",e("md-table-cell",["Add a shadow on the navigation with an whiteframe. Default ",e("code",["0"])])])])])," ",e("md-table",{slot:"events"},[e("md-table-header",[e("md-table-row",[e("md-table-head",["Name"])," ",e("md-table-head",["Value"])," ",e("md-table-head",["Description"])])])," ",e("md-table-body",[e("md-table-row",[e("md-table-cell",["change"])," ",e("md-table-cell",["Receive the tab index"])," ",e("md-table-cell",["Triggered when a tab is activated."])])])])])," ",e("api-table",{attrs:{name:"md-tab"}},[e("p",["You should wrap the ",e("code",[""])," in a ",e("code",[""])," as a direct parent."])," ",e("md-table",{slot:"properties"},[e("md-table-header",[e("md-table-row",[e("md-table-head",["Name"])," ",e("md-table-head",["Type"])," ",e("md-table-head",["Description"])])])," ",e("md-table-body",[e("md-table-row",[e("md-table-cell",["id"])," ",e("md-table-cell",[e("code",["String"])])," ",e("md-table-cell",["Unique id to each tab"])])," ",e("md-table-row",[e("md-table-cell",["md-label"])," ",e("md-table-cell",[e("code",["String"])])," ",e("md-table-cell",["The tab text"])])," ",e("md-table-row",[e("md-table-cell",["md-icon"])," ",e("md-table-cell",[e("code",["String"])])," ",e("md-table-cell",["Icon name on the ",e("a",{attrs:{href:"https://material.io/icons/",target:"_blank",rel:"noopener"}},["Material Icons"])," docs."])])," ",e("md-table-row",[e("md-table-cell",["md-active"])," ",e("md-table-cell",[e("code",["Boolean"])])," ",e("md-table-cell",["Activate the tab. Default ",e("code",["false"])])])," ",e("md-table-row",[e("md-table-cell",["md-disabled"])," ",e("md-table-cell",[e("code",["Boolean"])])," ",e("md-table-cell",["Disable the tab and prevent his actions. Default ",e("code",["false"])])])])])])])," ",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",["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."])])," ",e("md-tab",{attrs:{id:"music","md-label":"Music"}},[e("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."])," ",e("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."])])," ",e("md-tab",{attrs:{id:"books","md-label":"Books"}},[e("p",["Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas."])])," ",e("md-tab",{attrs:{id:"pictures","md-label":"Pictures"}},[e("p",["Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas."])])])])," ",e("div",{slot:"code"},[e("code-block",{attrs:{lang:"xml"}},['\n \n \n

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.

\n \n\n \n

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.

\n

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.

\n \n\n \n

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas.

\n \n\n \n

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas.

\n \n \n '])])])," ",e("example-box",{attrs:{"card-title":"Fixed"}},[e("div",{slot:"demo"},[e("md-tabs",{attrs:{"md-dynamic-height":!1,"md-fixed":""}},[e("md-tab",{attrs:{id:"movies","md-label":"Movies" +}},[e("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."])])," ",e("md-tab",{attrs:{id:"music","md-label":"Music"}},[e("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."])," ",e("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."])])," ",e("md-tab",{attrs:{id:"books","md-label":"Books"}},[e("p",["Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas."])])," ",e("md-tab",{attrs:{id:"pictures","md-label":"Pictures"}},[e("p",["Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas."])])])])," ",e("div",{slot:"code"},[e("code-block",{attrs:{lang:"xml"}},['\n \n \n

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.

\n \n\n \n

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.

\n

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.

\n \n\n \n

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas.

\n \n\n \n

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas.

\n \n \n '])])])," ",e("example-box",{attrs:{"card-title":"Centered with Text and Icon"}},[e("div",{slot:"demo"},[e("md-tabs",{attrs:{"md-dynamic-height":!1,"md-centered":""}},[e("md-tab",{attrs:{"md-label":"Movies","md-icon":"ondemand_video"}},[e("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."])])," ",e("md-tab",{attrs:{"md-label":"Music","md-icon":"music_note"}},[e("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."])," ",e("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."])])," ",e("md-tab",{attrs:{"md-label":"Books","md-icon":"books"}},[e("p",["Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas."])])," ",e("md-tab",{attrs:{"md-label":"Pictures","md-icon":"photo"}},[e("p",["Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas."])])])])," ",e("div",{slot:"code"},[e("code-block",{attrs:{lang:"xml"}},['\n \n \n

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.

\n \n\n \n

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.

\n

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.

\n \n\n \n

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas.

\n \n\n \n

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas.

\n \n \n '])])])," ",e("example-box",{attrs:{"card-title":"Aligned to the right with only icons"}},[e("div",{slot:"demo"},[e("md-tabs",{attrs:{"md-dynamic-height":!1,"md-right":""}},[e("md-tab",{attrs:{"md-icon":"phone"}},[e("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."])])," ",e("md-tab",{attrs:{"md-icon":"favorite"}},[e("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."])," ",e("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."])])," ",e("md-tab",{attrs:{"md-icon":"near_me"}},[e("p",["Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas."])])])])," ",e("div",{slot:"code"},[e("code-block",{attrs:{lang:"xml"}},['\n \n \n

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.

\n \n\n \n

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.

\n

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.

\n \n\n \n

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas.

\n \n \n '])])])])])])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;return e("div",{staticClass:"md-card-header-text"},[t._t("default")])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;return e("div",{staticClass:"api-table"},[e("h3",{staticClass:"md-title"},[t._s(t.name)])," ",t.$slots.default?t._t("default"):t._e()," ",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")]):t._e()," ",t.$slots.classes?e("md-tab",{staticClass:"api-tab",attrs:{"md-label":"Classes"}},[t._t("classes")]):t._e()," ",t.$slots.events?e("md-tab",{staticClass:"api-tab",attrs:{"md-label":"Events"}},[t._t("events")]):t._e()," ",t.$slots.methods?e("md-tab",{staticClass:"api-tab",attrs:{"md-label":"Methods"}},[t._t("methods")]):t._e()]):t._e()])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;return e("page-content",{attrs:{"page-title":"Components - Tooltip"}},[e("docs-component",[e("div",{slot:"description"},[e("p",["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."])])," ",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",["Name"])," ",e("md-table-head",["Type"])," ",e("md-table-head",["Description"])])])," ",e("md-table-body",[e("md-table-row",[e("md-table-cell",["md-direction"])," ",e("md-table-cell",[e("code",["String"])])," ",e("md-table-cell",["Sets the direction position of the parent element. ",e("br"),"Default: ",e("code",["bottom"])," ",e("br"),"Accepts: ",e("code",["top"]),"|",e("code",["right"]),"|",e("code",["bottom"]),"|",e("code",["left"])])])," ",e("md-table-row",[e("md-table-cell",["md-delay"])," ",e("md-table-cell",[e("code",["Number"])])," ",e("md-table-cell",["Sets the delay to show the tooltip in ms. ",e("br"),"Default: ",e("code",["0"])])])])])])])," ",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",["folder"])," ",e("md-tooltip",{attrs:{"md-direction":"top"}},["My tooltip"])])," ",e("md-avatar",[e("img",{attrs:{src:"assets/avatar-2.jpg",alt:"People"}})," ",e("md-tooltip",{attrs:{"md-direction":"bottom"}},["My tooltip"])])])," ",e("div",[e("md-button",{staticClass:"md-icon-button md-raised md-warn"},[e("md-icon",["home"])," ",e("md-tooltip",{attrs:{"md-direction":"left"}},["My tooltip"])])," ",e("md-avatar",{staticClass:"md-avatar-icon"},[e("md-icon",["person"])," ",e("md-tooltip",{attrs:{"md-direction":"right"}},["My tooltip"])])])])," ",e("div",{slot:"code"},[e("code-block",{attrs:{lang:"xml"}},['\n
\n \n folder\n My tooltip\n \n\n \n People\n My tooltip\n \n
\n\n
\n \n home\n My tooltip\n \n\n \n person\n My tooltip\n \n
\n '])])])," ",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",["folder"])," ",e("md-tooltip",{attrs:{"md-delay":"400","md-direction":"top"}},["My tooltip"])])," ",e("md-avatar",[e("img",{attrs:{src:"assets/avatar-2.jpg",alt:"People"}})," ",e("md-tooltip",{attrs:{"md-delay":"400","md-direction":"bottom"}},["My tooltip"])])])," ",e("div",[e("md-button",{staticClass:"md-icon-button md-raised md-warn"},[e("md-icon",["home"])," ",e("md-tooltip",{attrs:{"md-delay":"400","md-direction":"left"}},["My tooltip"])])," ",e("md-avatar",{staticClass:"md-avatar-icon"},[e("md-icon",["person"])," ",e("md-tooltip",{attrs:{"md-delay":"400","md-direction":"right"}},["My tooltip"])])])])," ",e("div",{slot:"code"},[e("code-block",{attrs:{lang:"xml"}},['\n
\n \n folder\n My tooltip\n \n\n \n People\n My tooltip\n \n
\n\n
\n \n home\n My tooltip\n \n\n \n person\n My tooltip\n \n
\n '])])])])])])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;return e("ul",{staticClass:"md-list"},[t._t("default")])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;return e("page-content",{attrs:{"page-title":"Components - Icon"}},[e("docs-component",[e("div",{slot:"description"},[e("p",["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."])," ",e("p",["You can see the full list of icons on the ",e("a",{attrs:{href:"https://material.io/icons/",target:"_blank",rel:"noopener"}},["Material Icons"])," website."])," ",e("p",["The ",e("code",[""])])," ",e("p",["The following classes can be applied to change the color palette:"])," ",e("ul",{staticClass:"md-body-2"},[e("li",[e("code",["md-primary"])])," ",e("li",[e("code",["md-accent"])])," ",e("li",[e("code",["md-warn"])])])])," ",e("div",{slot:"api"},[e("api-table",{attrs:{name:"md-icon"}},[e("p",["No options available"])])])," ",e("div",{slot:"example"},[e("example-box",{attrs:{"card-title":"Default"}},[e("div",{slot:"demo"},[e("md-icon",["home"])," ",e("md-icon",{staticClass:"md-primary"},["home"])," ",e("md-icon",{staticClass:"md-accent"},["home"])," ",e("md-icon",{staticClass:"md-warn"},["home"])])," ",e("div",{slot:"code"},[e("code-block",{attrs:{lang:"xml"}},['\n home\n home\n home\n home\n '])])])," ",e("example-box",{attrs:{"card-title":"Themes"}},[e("div",{slot:"demo"},[e("md-icon",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"light-blue",expression:"'light-blue'"}],staticClass:"md-primary"},["home"])," ",e("md-icon",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"green",expression:"'green'"}],staticClass:"md-primary"},["home"])," ",e("md-icon",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"brown",expression:"'brown'"}],staticClass:"md-primary"},["home"])," ",e("md-icon",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"orange",expression:"'orange'"}],staticClass:"md-primary"},["home"])])," ",e("div",{slot:"code"},[e("code-block",{attrs:{lang:"xml"}},['\n home\n home\n home\n home\n '])])])])])])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;return e("page-content",{attrs:{"page-title":"Components - Ink Ripple"}},[e("docs-component",[e("div",{slot:"description"},[e("p",["Ink ripples confirm user input by immediately expanding outward from the point of touch. The card lifts to indicate an active state."])])," ",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",["Name"])," ",e("md-table-head",["Type"])," ",e("md-table-head",["Description"])])])," ",e("md-table-body",[e("md-table-row",[e("md-table-cell",["md-disabled"])," ",e("md-table-cell",[e("code",["Boolean"])])," ",e("md-table-cell",["Disable the ripple effect on the parent element. Default ",e("code",["false"])])])])])])])," ",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"),"\n This div has ripple effect\n "])," ",e("div",{staticClass:"has-ripple purple"},[e("md-ink-ripple"),"\n This div has ripple effect\n "])," ",e("div",{staticClass:"has-ripple blue"},[e("md-ink-ripple"),"\n This div has ripple effect\n "])," ",e("div",{staticClass:"has-ripple red"},[e("md-ink-ripple"),"\n This div has ripple effect\n "])," ",e("md-card",{staticClass:"card-ripple",attrs:{"md-with-hover":""}},[e("md-card-media",[e("md-ink-ripple")," ",e("img",{attrs:{src:"assets/card-image-1.jpg",alt:"People"}})])," ",e("md-card-actions",[e("md-button",{staticClass:"md-icon-button"},[e("md-icon",["favorite"])])," ",e("md-button",{staticClass:"md-icon-button"},[e("md-icon",["bookmark"])])," ",e("md-button",{staticClass:"md-icon-button"},[e("md-icon",["share"])])])])])," ",e("div",{slot:"code"},[e("code-block",{attrs:{lang:"xml"}},['\n
\n \n This div has ripple effect\n
\n\n
\n \n This div has ripple effect\n
\n\n
\n \n This div has ripple effect\n
\n\n
\n \n This div has ripple effect\n
\n\n \n \n \n People\n \n\n \n \n favorite\n \n\n \n bookmark\n \n\n \n share\n \n \n \n '])," ",e("code-block",{attrs:{lang:"scss"}},["\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;return e("div",{directives:[{name:"md-theme",rawName:"v-md-theme",value:t.theme,expression:"theme"}],staticClass:"container"},[e("md-sidenav",{ref:"main-sidebar",staticClass:"main-sidebar md-left md-fixed"},[e("md-toolbar",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"white",expression:"'white'"}],staticClass:"vue-material-logo"},[e("router-link",{attrs:{exact:"",to:"/"}},[e("img",{attrs:{src:t.logo,alt:"Vue"}})," ",e("span",["Vue Material"])])])," ",e("div",{staticClass:"main-sidebar-links"},[e("md-list",{staticClass:"md-dense"},[e("md-list-item",[e("router-link",{attrs:{exact:"",to:"/"}},["Introduction"])])," ",e("md-list-item",[e("router-link",{attrs:{exact:"",to:"/getting-started"}},["Getting Started"])])," ",e("md-list-item",[e("router-link",{attrs:{exact:"",to:"/themes/configuration"}},["Themes"])," "])," ",e("md-list-item",[e("span",["Components"])," ",e("md-list-expand",[e("md-list",[e("md-list-item",{staticClass:"md-inset"},[e("router-link",{attrs:{exact:"",to:"/components/avatar"}},["Avatar"])])," ",e("md-list-item",{staticClass:"md-inset"},[e("router-link",{attrs:{exact:"",to:"/components/bottom-bar"}},["Bottom Bar"])])," ",e("md-list-item",{staticClass:"md-inset"},[e("router-link",{attrs:{exact:"",to:"/components/button"}},["Button"])])," ",e("md-list-item",{staticClass:"md-inset"},[e("router-link",{attrs:{exact:"",to:"/components/button-toggle"}},["Button Toggle"])])," ",e("md-list-item",{staticClass:"md-inset"},[e("router-link",{attrs:{exact:"",to:"/components/card"}},["Card"])])," ",e("md-list-item",{staticClass:"md-inset"},[e("router-link",{attrs:{exact:"",to:"/components/checkbox"}},["Checkbox"])])," ",e("md-list-item",{staticClass:"md-inset"},[e("router-link",{attrs:{exact:"",to:"/components/dialog"}},["Dialog"])])," ",e("md-list-item",{staticClass:"md-inset"},[e("router-link",{attrs:{exact:"",to:"/components/icon"}},["Icon"])])," ",e("md-list-item",{staticClass:"md-inset"},[e("router-link",{attrs:{exact:"",to:"/components/input"}},["Input"])])," ",e("md-list-item",{staticClass:"md-inset"},[e("router-link",{attrs:{exact:"",to:"/components/list"}},["List"])])," ",e("md-list-item",{staticClass:"md-inset"},[e("router-link",{attrs:{exact:"",to:"/components/menu"}},["Menu"])])," ",e("md-list-item",{staticClass:"md-inset"},[e("router-link",{attrs:{exact:"",to:"/components/radio"}},["Radio"])])," ",e("md-list-item",{staticClass:"md-inset"},[e("router-link",{attrs:{exact:"",to:"/components/ink-ripple"}},["Ink Ripple"])])," ",e("md-list-item",{staticClass:"md-inset"},[e("router-link",{attrs:{exact:"",to:"/components/select"}},["Select"])])," ",e("md-list-item",{staticClass:"md-inset"},[e("router-link",{attrs:{exact:"",to:"/components/sidenav"}},["Sidenav"])])," ",e("md-list-item",{staticClass:"md-inset"},[e("router-link",{attrs:{exact:"",to:"/components/subheader"}},["Subheader"])])," ",e("md-list-item",{staticClass:"md-inset"},[e("router-link",{attrs:{exact:"",to:"/components/switch"}},["Switch"])])," ",e("md-list-item",{staticClass:"md-inset"},[e("router-link",{attrs:{exact:"",to:"/components/tabs"}},["Tabs"])])," ",e("md-list-item",{staticClass:"md-inset"},[e("router-link",{attrs:{exact:"",to:"/components/table"}},["Table"])])," ",e("md-list-item",{staticClass:"md-inset"},[e("router-link",{attrs:{exact:"",to:"/components/toolbar"}},["Toolbar"])])," ",e("md-list-item",{staticClass:"md-inset"},[e("router-link",{attrs:{exact:"",to:"/components/tooltip"}},["Tooltip"])])," ",e("md-list-item",{staticClass:"md-inset"},[e("router-link",{attrs:{exact:"",to:"/components/whiteframe"}},["Whiteframe"])])])])])," ",e("md-list-item",[e("router-link",{attrs:{exact:"",to:"/ui-elements/typography"}},["Typography"])," "])," ",e("md-list-item",[e("router-link",{attrs:{exact:"",to:"/changelog"}},["Changelog"])])," ",e("md-list-item",[e("router-link",{attrs:{exact:"",to:"/about"}},["About"])])])])])," ",e("transition",{attrs:{name:"md-router"}},[e("router-view")])])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;return e("div",{staticClass:"md-sidenav",class: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")])," ",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;return e("page-content",{attrs:{"page-title":"Components - Menu"}},[e("docs-component",[e("div",{slot:"description"},[e("p",["Menus appear upon interaction with a button, action, or other control. They display a list of choices, with one choice per line."])," ",e("p",["You can create menus with selection items or show rich content."])," ",e("p",["You will need an element with the ",e("code",["md-menu-trigger"])," attribute inside the menu or to use the menu core methods, like on the last example."])])," ",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",["Name"])," ",e("md-table-head",["Type"])," ",e("md-table-head",["Description"])])])," ",e("md-table-body",[e("md-table-row",[e("md-table-cell",["md-size"])," ",e("md-table-cell",[e("code",["Number"])])," ",e("md-table-cell",["Sets the size of the menu content. From 0 to 7. ",e("br"),"Default: ",e("code",["0"])])])," ",e("md-table-row",[e("md-table-cell",["md-direction"])," ",e("md-table-cell",[e("code",["String"])])," ",e("md-table-cell",["Sets the direction of the menu content. ",e("br")," Possibilities: ",e("code",["bottom right"])," | ",e("code",["bottom left"])," | ",e("code",["top right"])," | ",e("code",["top right"]),e("br"),"Default: ",e("code",["bottom right"])])])," ",e("md-table-row",[e("md-table-cell",["md-align-trigger"])," ",e("md-table-cell",[e("code",["Boolean"])])," ",e("md-table-cell",["Align the menu content to do not cover menu trigger. ",e("br"),"Default: ",e("code",["false"])])])," ",e("md-table-row",[e("md-table-cell",["md-offset-x"])," ",e("md-table-cell",[e("code",["Number"])])," ",e("md-table-cell",["Set the menu content offset margin horizontally. ",e("br"),"Default: ",e("code",["0"])])])," ",e("md-table-row",[e("md-table-cell",["md-offset-y"])," ",e("md-table-cell",[e("code",["Number"])])," ",e("md-table-cell",["Set the menu content offset margin vertically. ",e("br"),"Default: ",e("code",["0"])])])," ",e("md-table-row",[e("md-table-cell",["md-close-on-select"])," ",e("md-table-cell",[e("code",["Boolean"])])," ",e("md-table-cell",["Close menu content upon mouse click on its menu items. ",e("br"),"Default: ",e("code",["true"])])])])])," ",e("md-table",{slot:"events"},[e("md-table-header",[e("md-table-row",[e("md-table-head",["Name"])," ",e("md-table-head",["Value"])," ",e("md-table-head",["Description"])])])," ",e("md-table-body",[e("md-table-row",[e("md-table-cell",["open"])," ",e("md-table-cell",["None"])," ",e("md-table-cell",["Triggered when the menu starts to open."])])," ",e("md-table-row",[e("md-table-cell",["close"])," ",e("md-table-cell",["None"])," ",e("md-table-cell",["Triggered when the menu starts to close."])])])])," ",e("md-table",{slot:"methods"},[e("md-table-header",[e("md-table-row",[e("md-table-head",["Name"])," ",e("md-table-head",["Description"])])])," ",e("md-table-body",[e("md-table-row",[e("md-table-cell",["open"])," ",e("md-table-cell",["Open the menu."])])," ",e("md-table-row",[e("md-table-cell",["close"])," ",e("md-table-cell",["Close the menu."])])])])])," ",e("api-table",{attrs:{name:"md-menu-content"}},[e("p",["Displays the content of a menu."])," ",e("p",["No options available"])])," ",e("api-table",{attrs:{name:"md-menu-item"}},[e("p",["Displays a single item inside a menu."])," ",e("div",{slot:"properties"},[e("md-table",[e("md-table-header",[e("md-table-row",[e("md-table-head",["Name"])," ",e("md-table-head",["Type"])," ",e("md-table-head",["Description"])])])," ",e("md-table-body",[e("md-table-row",[e("md-table-cell",["disabled"])," ",e("md-table-cell",[e("code",["Boolean"])])," ",e("md-table-cell",["Disable the button and prevent his actions. Default ",e("code",["false"])])])])])])," ",e("md-table",{slot:"events"},[e("md-table-header",[e("md-table-row",[e("md-table-head",["Name"])," ",e("md-table-head",["Value"])," ",e("md-table-head",["Description"])])])," ",e("md-table-body",[e("md-table-row",[e("md-table-cell",["selected"])," ",e("md-table-cell",["Receives the ",e("code",["$event"])])," ",e("md-table-cell",["Triggered when the item receives a click."])])])])])])," ",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":""}},["Bottom Right"])," ",e("md-menu-content",[e("md-menu-item",["My Item 1"])," ",e("md-menu-item",["My Item 2"])," ",e("md-menu-item",["My Item 3"])])])," ",e("md-menu",{attrs:{"md-direction":"bottom left"}},[e("md-button",{attrs:{"md-menu-trigger":""}},["Bottom Left"])," ",e("md-menu-content",[e("md-menu-item",["My Item 1"])," ",e("md-menu-item",["My Item 2"])," ",e("md-menu-item",{attrs:{disabled:""}},["My Item 3"])," ",e("md-menu-item",["My Item 4"])])])," ",e("md-menu",{attrs:{"md-direction":"top left"}},[e("md-button",{attrs:{"md-menu-trigger":""}},["Top Left"])," ",e("md-menu-content",[e("md-menu-item",["My Item 1"])," ",e("md-menu-item",["My Item 2"])," ",e("md-menu-item",["My Item 3"])])])," ",e("md-menu",{attrs:{"md-direction":"top right"}},[e("md-button",{attrs:{"md-menu-trigger":""}},["Top Right"])," ",e("md-menu-content",[e("md-menu-item",["My Item 1"])," ",e("md-menu-item",["My Item 2"])," ",e("md-menu-item",["My Item 3"])])])])," ",e("div",{slot:"code"},[e("code-block",{attrs:{lang:"xml"}},['\n \n Bottom Right\n\n \n My Item 1\n My Item 2\n My Item 3\n \n \n\n \n Bottom Left\n\n \n My Item 1\n My Item 2\n My Item 3\n My Item 4\n \n \n\n \n Top Left\n\n \n My Item 1\n My Item 2\n My Item 3\n \n \n\n \n Top Right\n\n \n My Item 1\n My Item 2\n My Item 3\n \n \n '])])])," ",e("example-box",{attrs:{"card-title":"Alignments"}},[e("div",{slot:"demo"},[e("md-menu",[e("md-button",{attrs:{"md-menu-trigger":""}},["Default"])," ",e("md-menu-content",[e("md-menu-item",["My Item 1"])," ",e("md-menu-item",["My Item 2"])," ",e("md-menu-item",["My Item 3"])])])," ",e("md-menu",{attrs:{"md-align-trigger":""}},[e("md-button",{attrs:{"md-menu-trigger":""}},["Align trigger"])," ",e("md-menu-content",[e("md-menu-item",["My Item 1"])," ",e("md-menu-item",["My Item 2"])," ",e("md-menu-item",["My Item 3"])])])," ",e("md-menu",{attrs:{"md-offset-x":154,"md-offset-y":"12"}},[e("md-button",{attrs:{"md-menu-trigger":""}},["Custom offset"])," ",e("md-menu-content",[e("md-menu-item",["My Item 1"])," ",e("md-menu-item",["My Item 2"])," ",e("md-menu-item",["My Item 3"])])])])," ",e("div",{slot:"code"},[e("code-block",{attrs:{lang:"xml"}},['\n \n Default\n\n \n My Item 1\n My Item 2\n My Item 3\n \n \n\n \n Align trigger\n\n \n My Item 1\n My Item 2\n My Item 3\n \n \n\n \n Custom offset\n\n \n My Item 1\n My Item 2\n My Item 3\n \n \n '])])])," ",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":""}},["Size 1"])," ",e("md-menu-content",[e("md-menu-item",["Item 1"])," ",e("md-menu-item",["Item 2"])," ",e("md-menu-item",["Item 3"])])])," ",e("md-menu",{attrs:{"md-size":"2"}},[e("md-button",{attrs:{"md-menu-trigger":""}},["Size 2"])," ",e("md-menu-content",[e("md-menu-item",["My Item 1"])," ",e("md-menu-item",["My Item 2"])," ",e("md-menu-item",["My Item 3"])])])," ",e("md-menu",{attrs:{"md-size":"3"}},[e("md-button",{attrs:{"md-menu-trigger":""}},["Size 3"])," ",e("md-menu-content",[e("md-menu-item",["My Item 1"])," ",e("md-menu-item",["My Item 2"])," ",e("md-menu-item",["My Item 3"])])])," ",e("md-menu",{attrs:{"md-size":"4"}},[e("md-button",{attrs:{"md-menu-trigger":""}},["Size 4"])," ",e("md-menu-content",[e("md-menu-item",["My Item 1"])," ",e("md-menu-item",["My Item 2"])," ",e("md-menu-item",["My Item 3"])])])," ",e("md-menu",{attrs:{"md-size":"5"}},[e("md-button",{attrs:{"md-menu-trigger":""}},["Size 5"])," ",e("md-menu-content",[e("md-menu-item",["My Item 1"])," ",e("md-menu-item",["My Item 2"])," ",e("md-menu-item",["My Item 3"])])])," ",e("md-menu",{attrs:{"md-size":"6"}},[e("md-button",{attrs:{"md-menu-trigger":""}},["Size 6"])," ",e("md-menu-content",[e("md-menu-item",["My Item 1"])," ",e("md-menu-item",["My Item 2"])," ",e("md-menu-item",["My Item 3"])])])," ",e("md-menu",{attrs:{"md-size":"7"}},[e("md-button",{attrs:{"md-menu-trigger":""}},["Size 7"])," ",e("md-menu-content",[e("md-menu-item",["My Item 1"])," ",e("md-menu-item",["My Item 2"])," ",e("md-menu-item",["My Item 3"])])])])," ",e("div",{slot:"code"},[e("code-block",{attrs:{lang:"xml"}},['\n \n Size 1\n\n \n Item 1\n Item 2\n Item 3\n \n \n\n \n Size 2\n\n \n My Item 1\n My Item 2\n My Item 3\n \n \n\n \n Size 3\n\n \n My Item 1\n My Item 2\n My Item 3\n \n \n\n \n Size 4\n\n \n My Item 1\n My Item 2\n My Item 3\n \n \n\n \n Size 5\n\n \n My Item 1\n My Item 2\n My Item 3\n \n \n\n \n Size 6\n\n \n My Item 1\n My Item 2\n My Item 3\n \n \n\n \n Size 7\n\n \n My Item 1\n My Item 2\n My Item 3\n \n \n '])])])," ",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",["contacts"])])," ",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"}})])," ",e("div",{staticClass:"author-card-info"},[e("span",["Marcos Moura"])," ",e("div",{staticClass:"author-card-links"},[e("a",{attrs:{href:"https://linkedin.com/in/marcosvmmoura",target:"_blank",rel:"noopener"}},["Linkedin"])," ",e("a",{attrs:{href:"https://github.com/marcosmoura",target:"_blank",rel:"noopener"}},["GitHub"])])])])])])," ",e("md-menu",{attrs:{"md-size":"4"}},[e("md-button",{staticClass:"md-icon-button",attrs:{"md-menu-trigger":""}},[e("md-icon",["phone"])])," ",e("md-menu-content",[e("md-menu-item",[e("md-icon",["phone"])," ",e("span",["My Item 1"])])," ",e("md-menu-item",[e("md-icon",["phone"])," ",e("span",["My Item 2"])])," ",e("md-menu-item",[e("md-icon",["phone"])," ",e("span",["My Item 3"])])])])," ",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",["near_me"])])," ",e("md-menu-content",[e("md-menu-item",[e("span",["Find on map"])," ",e("md-icon",["near_me"])])," ",e("md-menu-item",[e("span",["Call"])," ",e("md-icon",["phone"])])])])," ",e("md-button",{staticClass:"md-raised md-primary",nativeOn:{click:function(e){t.$refs.menu.open(e)}}},["Open contact card"])])," ",e("div",{slot:"code"},[e("code-block",{attrs:{lang:"xml"}},['\n \n \n contacts\n \n\n \n
\n \n Marcos Moura\n \n\n
\n Marcos Moura\n
\n Linkedin\n GitHub\n
\n
\n
\n \n \n\n \n \n phone\n \n\n \n \n phone\n My Item 1\n \n\n \n phone\n My Item 2\n \n\n \n phone\n My Item 3\n \n \n \n\n \n \n near_me\n \n\n \n \n Find on map\n near_me\n \n\n \n Call\n phone\n \n \n \n\n Open contact card\n '])," ",e("code-block",{attrs:{lang:"scss"}},["\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;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"},["arrow_downward"]):t._e()," ",t._t("default")," ",t.mdTooltip?e("md-tooltip",[t._s(t.mdTooltip)]):t._e()])])])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;return e("div",{staticClass:"md-input-container",class:t.classes},[t._t("default")," ",t.enableCounter?e("span",{staticClass:"md-count"},[t._s(t.inputLength)+" / "+t._s(t.counterLength)]):t._e()," ",t.mdHasPassword?e("md-button",{staticClass:"md-icon-button md-toggle-password",on:{click:t.togglePasswordType}},[e("md-icon",[t._s(t.showPassword?"visibility_off":"visibility")])]):t._e()])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;return e("page-content",{attrs:{"page-title":"Components - Input"}},[e("docs-component",[e("div",{slot:"description"},[e("p",["Inputs allow users to input text and usually appear in forms. Users may enter text, numbers, or mixed-format types of input."])])," ",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",["Name"])," ",e("md-table-head",["Type"])," ",e("md-table-head",["Description"])])])," ",e("md-table-body",[e("md-table-row",[e("md-table-cell",["md-inline"])," ",e("md-table-cell",[e("code",["Boolean"])])," ",e("md-table-cell",["Create inline field with a label or placeholder. Default ",e("code",["false"])])])," ",e("md-table-row",[e("md-table-cell",["md-has-password"])," ",e("md-table-cell",[e("code",["Boolean"])])," ",e("md-table-cell",["Show a button to toggle the password visibility. Default ",e("code",["false"])])])])])," ",e("md-table",{slot:"classes"},[e("md-table-header",[e("md-table-row",[e("md-table-head",["Name"])," ",e("md-table-head",["Description"])])])," ",e("md-table-body",[e("md-table-row",[e("md-table-cell",["md-input-invalid"])," ",e("md-table-cell",["Set the error class"])])])])])," ",e("api-table",{attrs:{name:"md-input"}},[e("md-table",{slot:"properties"},[e("md-table-header",[e("md-table-row",[e("md-table-head",["Name"])," ",e("md-table-head",["Type"])," ",e("md-table-head",["Description"])])])," ",e("md-table-body",[e("md-table-row",[e("md-table-cell",["v-model"])," ",e("md-table-cell",[e("code",["String"])])," ",e("md-table-cell",["A required model object to bind the value."])])," ",e("md-table-row",[e("md-table-cell",["type"])," ",e("md-table-cell",[e("code",["String"])])," ",e("md-table-cell",["Sets the type. Default ",e("code",["text"])])])," ",e("md-table-row",[e("md-table-cell",["disabled"])," ",e("md-table-cell",[e("code",["Boolean"])])," ",e("md-table-cell",["Disable the input and prevent his actions. Default ",e("code",["false"])])])," ",e("md-table-row",[e("md-table-cell",["required"])," ",e("md-table-cell",[e("code",["Boolean"])])," ",e("md-table-cell",['Apply the required rule to style the label with an "*". Default ',e("code",["false"])])])," ",e("md-table-row",[e("md-table-cell",["placeholder"])," ",e("md-table-cell",[e("code",["String"])])," ",e("md-table-cell",["Sets the placeholder."])])," ",e("md-table-row",[e("md-table-cell",["maxlength"])," ",e("md-table-cell",[e("code",["Number"])])," ",e("md-table-cell",["Sets the maxlength and enable the text counter."])])])])])," ",e("api-table",{attrs:{name:"md-textarea"}},[e("md-table",{slot:"properties"},[e("md-table-header",[e("md-table-row",[e("md-table-head",["Name"])," ",e("md-table-head",["Type"])," ",e("md-table-head",["Description"])])])," ",e("md-table-body",[e("md-table-row",[e("md-table-cell",["v-model"])," ",e("md-table-cell",[e("code",["String"])])," ",e("md-table-cell",["A required model object to bind the value."])])," ",e("md-table-row",[e("md-table-cell",["disabled"])," ",e("md-table-cell",[e("code",["Boolean"])])," ",e("md-table-cell",["Disable the textarea and prevent his actions. Default ",e("code",["false"])])])," ",e("md-table-row",[e("md-table-cell",["required"])," ",e("md-table-cell",[e("code",["Boolean"])])," ",e("md-table-cell",['Apply the required rule to style the label with an "*". Default ',e("code",["false"])])])," ",e("md-table-row",[e("md-table-cell",["placeholder"])," ",e("md-table-cell",[e("code",["String"])])," ",e("md-table-cell",["Sets the placeholder."])])," ",e("md-table-row",[e("md-table-cell",["maxlength"])," ",e("md-table-cell",[e("code",["Number"])])," ",e("md-table-cell",["Sets the maxlength and enable the text counter."])])])])])])," ",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",["Initial value"])," ",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}}})])," ",e("md-input-container",[e("label",["With label"])," ",e("md-input",{attrs:{placeholder:"My nice placeholder"}})])," ",e("md-input-container",{attrs:{"md-inline":""}},[e("label",["Inline field"])," ",e("md-input")])," ",e("md-input-container",[e("label",["Number"])," ",e("md-input",{attrs:{type:"number"}})])," ",e("md-input-container",[e("label",["Textarea"])," ",e("md-textarea")])," ",e("md-input-container",[e("label",["Disabled"])," ",e("md-input",{attrs:{disabled:""}})])])])," ",e("div",{slot:"code"},[e("code-block",{attrs:{lang:"xml"}},['\n
\n \n \n \n \n\n \n \n \n \n\n \n \n \n \n\n \n \n \n \n\n \n \n \n \n\n \n \n \n \n
\n '])," ",e("code-block",{attrs:{lang:"javascript"}},["\n export default {\n data() {\n return {\n initialValue: 'My initial value'\n };\n }\n };\n "])])])," ",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",["Regular Password"])," ",e("md-input",{attrs:{type:"password"}})])," ",e("md-input-container",{attrs:{"md-has-password":""}},[e("label",["Password Reveal"])," ",e("md-input",{attrs:{type:"password"}})])])])," ",e("div",{slot:"code"},[e("code-block",{attrs:{lang:"xml"}},['\n
\n \n \n \n \n\n \n \n \n \n
\n '])])])," ",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",["Required"])," ",e("md-input",{attrs:{required:""}})])," ",e("md-input-container",{staticClass:"md-input-invalid"},[e("label",["Error"])," ",e("md-input",{attrs:{required:""}})])," ",e("md-input-container",{staticClass:"md-input-invalid"},[e("label",["Error with message"])," ",e("md-input",{attrs:{required:""}})," ",e("span",{staticClass:"md-error"},["Validation message"])])," ",e("md-input-container",{staticClass:"md-input-invalid"},[e("label",["Textarea with error"])," ",e("md-textarea")," ",e("span",{staticClass:"md-error"},["Textarea validation message"])])])])," ",e("div",{slot:"code"},[e("code-block",{attrs:{lang:"xml"}},['\n
\n \n \n \n \n\n \n \n \n \n\n \n \n \n\n Validation message\n \n\n \n \n \n\n Textarea validation message\n \n
\n '])])])," ",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",["Textarea"])," ",e("md-textarea",{attrs:{maxlength:"70"}})])," ",e("md-input-container",[e("label",["Input"])," ",e("md-input",{attrs:{maxlength:"20"}})])])])," ",e("div",{slot:"code"},[e("code-block",{attrs:{lang:"xml"}},['\n
\n \n \n \n \n\n \n \n \n \n
\n '])])])," ",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("div",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"green",expression:"'green'"}]},[e("md-input-container",[e("label",["Green - Input"])," ",e("md-input")])])," ",e("div",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"cyan",expression:"'cyan'"}]},[e("md-input-container",[e("label",["Cyan - Textarea"])," ",e("md-textarea")])])])])," ",e("div",{slot:"code"},[e("code-block",{attrs:{lang:"xml"}},['\n
\n
\n \n \n \n \n
\n\n
\n \n \n \n \n
\n
\n '])])])])])])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;return e("div",{staticClass:"md-card",class:t.classes},[t._t("default")])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;return e("div",{staticClass:"md-menu-content",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")])])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;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;return e("td",{staticClass:"md-table-cell",class:t.classes},[e("div",{staticClass:"md-table-cell-container"},[t._t("default")])])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;return e("md-list-item",{staticClass:"md-menu-item",class:t.classes,attrs:{disabled:t.disabled},on:{click:t.close}},[t._t("default")])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;return e("page-content",{attrs:{"page-title":"Components - Checkbox"}},[e("docs-component",[e("div",{slot:"description"},[e("p",["Checkboxes allow the user to select multiple options from a set."])," ",e("p",["The following classes can be applied to change the color palette:"])," ",e("ul",{staticClass:"md-body-2"},[e("li",[e("code",["md-primary"])])," ",e("li",[e("code",["md-warn"])])])])," ",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",["Name"])," ",e("md-table-head",["Type"])," ",e("md-table-head",["Description"])])])," ",e("md-table-body",[e("md-table-row",[e("md-table-cell",["v-model"])," ",e("md-table-cell",[e("code",["String"])])," ",e("md-table-cell",["A required model object to bind the value."])])," ",e("md-table-row",[e("md-table-cell",["name"])," ",e("md-table-cell",[e("code",["String"])])," ",e("md-table-cell",["Set the checkbox name."])])," ",e("md-table-row",[e("md-table-cell",["id"])," ",e("md-table-cell",[e("code",["String"])])," ",e("md-table-cell",["Set the checkbox id."])])," ",e("md-table-row",[e("md-table-cell",["disabled"])," ",e("md-table-cell",[e("code",["Boolean"])])," ",e("md-table-cell",["Disable the checkbox and prevent his actions. Default ",e("code",["false"])])])])])," ",e("md-table",{slot:"events"},[e("md-table-header",[e("md-table-row",[e("md-table-head",["Name"])," ",e("md-table-head",["Value"])," ",e("md-table-head",["Description"])])])," ",e("md-table-body",[e("md-table-row",[e("md-table-cell",["change"])," ",e("md-table-cell",["Receive the state of the checkbox"])," ",e("md-table-cell",["Triggered when the checkbox changes his value."])])])])])])," ",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}}},["Regular Checkbox"])," ",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}}},["Primary Color"])," ",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}}},["Warn Color"])," ",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}}},["Disabled"])])," ",e("div",{slot:"code"},[e("code-block",{attrs:{lang:"xml"}},['\n Regular Checkbox\n Primary Color\n Warn Color\n Disabled\n '])])])," ",e("example-box",{attrs:{"card-title":"Themes"}},[e("div",{slot:"demo"},[e("div",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"orange",expression:"'orange'"}],staticClass:"themed"},[e("md-checkbox",{directives:[{name:"model",rawName:"v-model",value:t.checkbox2,expression:"checkbox2"}],staticClass:"md-primary",attrs:{id:"my-test5",name:"my-test5"},domProps:{value:t.checkbox2},on:{input:function(e){t.checkbox2=e}}},["Primary Orange"])])," ",e("div",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"green",expression:"'green'"}],staticClass:"themed"},[e("md-checkbox",{directives:[{name:"model",rawName:"v-model",value:t.checkbox2,expression:"checkbox2"}],staticClass:"md-primary",attrs:{id:"my-test6",name:"my-test6"},domProps:{value:t.checkbox2},on:{input:function(e){t.checkbox2=e}}},["Primary Green"])])," ",e("div",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"light-blue",expression:"'light-blue'"}],staticClass:"themed"},[e("md-checkbox",{directives:[{name:"model",rawName:"v-model",value:t.checkbox2,expression:"checkbox2"}],staticClass:"md-primary",attrs:{id:"my-test7",name:"my-test7"},domProps:{value:t.checkbox2},on:{input:function(e){t.checkbox2=e}}},["Primary Light Blue"])])," ",e("div",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"indigo",expression:"'indigo'"}],staticClass:"themed"},[e("md-checkbox",{directives:[{name:"model",rawName:"v-model",value:t.checkbox2,expression:"checkbox2"}],staticClass:"md-primary",attrs:{id:"my-test8",name:"my-test8"},domProps:{value:t.checkbox2},on:{input:function(e){t.checkbox2=e}}},["Primary Indigo"])])," ",e("div",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"brown",expression:"'brown'"}],staticClass:"themed"},[e("md-checkbox",{directives:[{name:"model",rawName:"v-model",value:t.checkbox2,expression:"checkbox2"}],staticClass:"md-primary",attrs:{id:"my-test9",name:"my-test9",disabled:""},domProps:{value:t.checkbox2},on:{input:function(e){t.checkbox2=e}}},["Primary Brown Disabled"])])])," ",e("div",{slot:"code"},[e("code-block",{attrs:{lang:"xml"}},['\n
\n Primary Orange\n
\n\n
\n Primary Green\n
\n\n
\n Primary Light Blue\n
\n\n
\n Primary Indigo\n
\n\n
\n Primary Brown Disabled\n
\n '])])])])])])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;return e("div",{staticClass:"md-card-media",class:t.classes},[t._t("default")])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;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;return e("div",{staticClass:"md-toolbar"},[t._t("default")])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;return e("page-content",{attrs:{"page-title":"Error"}},[e("div",{staticClass:"main-content"},[e("section",[e("h2",{staticClass:"md-headline"},["Hmmm. Too bad"])," ",e("p",["Are you searching for a new component? Or maybe you have an question? Get in touch!"])," ",e("md-button",{staticClass:"md-primary md-raised",attrs:{href:"mailto:marcosvmmoura@gmail.com?Subject=Vue%20Material%20-%20Question",target:"_blank",rel:"noopener"}},["E-mail"])," ",e("md-button",{staticClass:"md-primary md-raised",attrs:{href:"https://github.com/marcosmoura/vue-material/issues/new",target:"_blank",rel:"noopener"}},["New Issue"])])])])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;return e("page-content",{attrs:{"page-title":"Components - Switch"}},[e("docs-component",[e("div",{slot:"description"},[e("p",["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."])," ",e("p",["The following classes can be applied to change the color palette:"])," ",e("ul",{staticClass:"md-body-2"},[e("li",[e("code",["md-primary"])])," ",e("li",[e("code",["md-warn"])])])])," ",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",["Name"])," ",e("md-table-head",["Type"])," ",e("md-table-head",["Description"])])])," ",e("md-table-body",[e("md-table-row",[e("md-table-cell",["v-model"])," ",e("md-table-cell",[e("code",["String"])])," ",e("md-table-cell",["A required model object to bind the value."])])," ",e("md-table-row",[e("md-table-cell",["type"])," ",e("md-table-cell",[e("code",["String"])])," ",e("md-table-cell",["Sets the type. Default ",e("code",["button"])])])," ",e("md-table-row",[e("md-table-cell",["name"])," ",e("md-table-cell",[e("code",["String"])])," ",e("md-table-cell",["Set the switch name."])])," ",e("md-table-row",[e("md-table-cell",["id"])," ",e("md-table-cell",[e("code",["String"])])," ",e("md-table-cell",["Set the switch id."])])," ",e("md-table-row",[e("md-table-cell",["disabled"])," ",e("md-table-cell",[e("code",["Boolean"])])," ",e("md-table-cell",["Disable the switch and prevent his actions. Default ",e("code",["false"])])])])])," ",e("md-table",{ +slot:"events"},[e("md-table-header",[e("md-table-row",[e("md-table-head",["Name"])," ",e("md-table-head",["Value"])," ",e("md-table-head",["Description"])])])," ",e("md-table-body",[e("md-table-row",[e("md-table-cell",["change"])," ",e("md-table-cell",["Receive the state of the switch"])," ",e("md-table-cell",["Triggered when the switch changes his value."])])])])])])," ",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}}})])," ",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}}},["Primary Color"])])," ",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}}},["Warn Color"])])," ",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}}},["Disabled"])])])," ",e("div",{slot:"code"},[e("code-block",{attrs:{lang:"xml"}})])])," ",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}}},["Default"])," ",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}}},["Submit"])])])," ",e("div",{slot:"code"},[e("code-block",{attrs:{lang:"xml"}})])])," ",e("example-box",{attrs:{"card-title":"Themes"}},[e("div",{slot:"demo"},[e("div",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"orange",expression:"'orange'"}]},[e("md-switch",{directives:[{name:"model",rawName:"v-model",value:t.checked4,expression:"checked4"}],staticClass:"md-primary",attrs:{id:"my-test4",name:"my-test4"},domProps:{value:t.checked4},on:{input:function(e){t.checked4=e}}})])," ",e("div",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"green",expression:"'green'"}]},[e("md-switch",{directives:[{name:"model",rawName:"v-model",value:t.checked5,expression:"checked5"}],staticClass:"md-primary",attrs:{id:"my-test5",name:"my-test5"},domProps:{value:t.checked5},on:{input:function(e){t.checked5=e}}},["Green Primary Color"])])," ",e("div",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"brown",expression:"'brown'"}]},[e("md-switch",{directives:[{name:"model",rawName:"v-model",value:t.checked6,expression:"checked6"}],staticClass:"md-primary",attrs:{id:"my-test6",name:"my-test6"},domProps:{value:t.checked6},on:{input:function(e){t.checked6=e}}},["Brown Primary Color"])])," ",e("div",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"light-blue",expression:"'light-blue'"}]},[e("md-switch",{directives:[{name:"model",rawName:"v-model",value:t.checked7,expression:"checked7"}],staticClass:"md-primary",attrs:{id:"my-test7",name:"my-test7",disabled:""},domProps:{value:t.checked7},on:{input:function(e){t.checked7=e}}},["Light Blue Primary Color Disabled"])])])," ",e("div",{slot:"code"},[e("code-block",{attrs:{lang:"xml"}})])])])])])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;return e("div",{staticClass:"md-dialog-actions"},[t._t("default")])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;return e("page-content",{attrs:{"page-title":"Components - Card"}},[e("docs-component",[e("div",{slot:"description"},[e("p",["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."])," ",e("p",["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."])," ",e("p",['You can also use other Material components inside the card, like the "Complete Example".'])," ",e("p",["The following classes can be applied to change the color palette:"])])," ",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",["Name"])," ",e("md-table-head",["Type"])," ",e("md-table-head",["Description"])])])," ",e("md-table-body",[e("md-table-row",[e("md-table-cell",["md-with-hover"])," ",e("md-table-cell",[e("code",["Boolean"])])," ",e("md-table-cell",["Enable full hover elevation in card. Default ",e("code",["false"])])])])])])," ",e("api-table",{attrs:{name:"md-card-header"}},[e("p",["Can display titles, subheads, medias and avatars in a header."])," ",e("p",["No options available"])])," ",e("api-table",{attrs:{name:"md-card-header-text"}},[e("p",['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.'])," ",e("p",["No options available"])])," ",e("api-table",{attrs:{name:"md-card-content"}},[e("p",["Display the content of the card. Most used with plain text or with simple HTML content, like bold and italic tags."])," ",e("p",["No options available"])])," ",e("api-table",{attrs:{name:"md-card-actions"}},[e("p",["Hold the actions of a card align them on the right. Here you can add ",e("code",[""])," with or without icons."])," ",e("p",["No options available"])])," ",e("api-table",{attrs:{name:"md-card-area"}},[e("div",{slot:"properties"},[e("p",["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)."])," ",e("p",['You can see an example of use on the "Complete example".'])," ",e("md-table",[e("md-table-header",[e("md-table-row",[e("md-table-head",["Name"])," ",e("md-table-head",["Type"])," ",e("md-table-head",["Description"])])])," ",e("md-table-body",[e("md-table-row",[e("md-table-cell",["md-inset"])," ",e("md-table-cell",[e("code",["Boolean"])])," ",e("md-table-cell",["Apply a inset border. Default ",e("code",["false"])])])])])])])," ",e("api-table",{attrs:{name:"md-card-media"}},[e("div",{slot:"properties"},[e("p",["The card media display images (and other types of media) inside cards. Can be used inside and outsite a card header."])," ",e("md-table",[e("md-table-header",[e("md-table-row",[e("md-table-head",["Name"])," ",e("md-table-head",["Type"])," ",e("md-table-head",["Description"])])])," ",e("md-table-body",[e("md-table-row",[e("md-table-cell",["md-ratio"])," ",e("md-table-cell",[e("code",["String"])])," ",e("md-table-cell",["Resize or clip the image automatically based on the following options: ",e("br"),"1:1 or 1/1, 4:3 or 4/3 and 16:9 or 16/9."])])," ",e("md-table-row",[e("md-table-cell",["md-medium"])," ",e("md-table-cell",[e("code",["Boolean"])])," ",e("md-table-cell",["Applies medium size to the media. Works only inside md-card-header. Default ",e("code",["false"])])])," ",e("md-table-row",[e("md-table-cell",["md-big"])," ",e("md-table-cell",[e("code",["Boolean"])])," ",e("md-table-cell",["Applies big size to the media. Works only inside md-card-header. Default ",e("code",["false"])])])])])])])," ",e("api-table",{attrs:{name:"md-card-media-actions"}},[e("p",["Used to align a media and actions side by side."])," ",e("p",["No options available"])])," ",e("api-table",{attrs:{name:"md-card-media-cover"}},[e("div",{slot:"properties"},[e("p",["You will need to give a ",e("code",[""])," inside this component and a ",e("code",[""]),". The media and the area will be automatically be placed in order inside the card."])," ",e("p",['Take a look at the example: "Image cover with predefined aspect ratio".'])," ",e("md-table",[e("md-table-header",[e("md-table-row",[e("md-table-head",["Name"])," ",e("md-table-head",["Type"])," ",e("md-table-head",["Description"])])])," ",e("md-table-body",[e("md-table-row",[e("md-table-cell",["md-text-scrim"])," ",e("md-table-cell",[e("code",["Boolean"])])," ",e("md-table-cell",["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",["false"])])])," ",e("md-table-row",[e("md-table-cell",["md-solid"])," ",e("md-table-cell",[e("code",["Boolean"])])," ",e("md-table-cell",["Applies a solid background with the same calculation logic of the md-text-scrim. Default ",e("code",["false"])])])])])])])," ",e("api-table",{attrs:{name:"md-card-expand"}},[e("p",['Create a expansible content area inside cards. Useful to "show more" content or load them on demand.'])," ",e("p",["You will need a ",e("code",[""])," with an element with a ",e("code",["md-expand-trigger"])," attribute and a ",e("code",[""])," with the content that you want to show. The trigger will automatically toggle the content on click."])," ",e("p",["A simple HTML markup can be like that:"])," ",e("code-block",{attrs:{lang:"xml"}},['\n \n \n \n keyboard_arrow_down\n \n \n\n \n Lorem ipsum dolor sit amet, consectetur adipisicing elit.\n \n \n '])," ",e("p",["No options available"])])])," ",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"}})])," ",e("md-card-header",[e("div",{staticClass:"md-title"},["Title goes here"])," ",e("div",{staticClass:"md-subhead"},["Subtitle here"])])," ",e("md-card-actions",[e("md-button",["Action"])," ",e("md-button",["Action"])])," ",e("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 "])])," ",e("md-card",[e("md-card-header",[e("md-card-header-text",[e("div",{staticClass:"md-title"},["Title goes here"])," ",e("div",{staticClass:"md-subhead"},["Subtitle here"])])," ",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",["more_vert"])])," ",e("md-menu-content",[e("md-menu-item",[e("span",["Call"])," ",e("md-icon",["phone"])])," ",e("md-menu-item",[e("span",["Send a message"])," ",e("md-icon",["message"])])])])])," ",e("md-card-media",[e("img",{attrs:{src:"assets/card-image-1.jpg",alt:"People"}})])," ",e("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 "])])," ",e("md-card",[e("md-card-media",[e("img",{attrs:{src:"assets/card-image-2.jpg",alt:"People"}})])," ",e("md-card-content",["\n Lorem ipsum dolor sit amet, consectetur adipisicing elit. Optio itaque ea nostrum.\n "])])," ",e("md-card",[e("md-card-media",[e("img",{attrs:{src:"assets/card-image-2.jpg",alt:"People"}})])," ",e("md-card-header",[e("div",{staticClass:"md-title"},["Title goes here"])," ",e("div",{staticClass:"md-subhead"},["Subtitle here"])])," ",e("md-card-actions",[e("md-button",["Action"])," ",e("md-button",["Action"])])])])," ",e("div",{slot:"code"},[e("code-block",{attrs:{lang:"xml"}},['\n \n \n People\n \n\n \n
Title goes here
\n
Subtitle here
\n \n\n \n Action\n Action\n \n\n \n Lorem ipsum dolor sit amet, consectetur adipisicing elit. Optio itaque ea, nostrum odio. Dolores, sed accusantium quasi non, voluptas eius illo quas, saepe voluptate pariatur in deleniti minus sint. Excepturi.\n \n \n\n \n \n \n
Title goes here
\n
Subtitle here
\n \n\n \n \n more_vert\n \n\n \n \n Call\n phone\n \n\n \n Send a message\n message\n \n \n \n \n\n \n People\n \n\n \n Lorem ipsum dolor sit amet, consectetur adipisicing elit. Optio itaque ea, nostrum odio. Dolores, sed accusantium quasi non, voluptas eius illo quas, saepe voluptate pariatur in deleniti minus sint. Excepturi.\n \n \n\n \n \n People\n \n\n \n Lorem ipsum dolor sit amet, consectetur adipisicing elit. Optio itaque ea nostrum.\n \n \n\n \n \n People\n \n\n \n
Title goes here
\n
Subtitle here
\n \n\n \n Action\n Action\n \n \n '])])])," ",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"},["Title goes here"])," ",e("div",{staticClass:"md-subhead"},["Subtitle here"])])," ",e("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 "])," ",e("md-card-actions",[e("md-button",["Action"])," ",e("md-button",["Action"])])])," ",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"}})])," ",e("md-card-actions",[e("md-button",{staticClass:"md-icon-button"},[e("md-icon",["favorite"])])," ",e("md-button",{staticClass:"md-icon-button"},[e("md-icon",["bookmark"])])," ",e("md-button",{staticClass:"md-icon-button"},[e("md-icon",["share"])])])])," ",e("md-card",{attrs:{"md-with-hover":""}},[e("md-card-header",[e("md-avatar",[e("img",{attrs:{src:"assets/avatar.png",alt:"People"}})])," ",e("div",{staticClass:"md-title"},["Title goes here"])," ",e("div",{staticClass:"md-subhead"},["Subtitle here"])])," ",e("md-card-media",[e("img",{attrs:{src:"assets/card-image-1.jpg",alt:"People"}})])," ",e("md-card-content",["\n Lorem ipsum dolor sit amet, consectetur adipisicing elit. Optio itaque ea nostrum.\n "])," ",e("md-card-actions",[e("md-button",["Action"])," ",e("md-button",["Action"])])])])," ",e("div",{slot:"code"},[e("code-block",{attrs:{lang:"xml"}},['\n \n \n
Title goes here
\n
Subtitle here
\n \n\n \n Lorem ipsum dolor sit amet, consectetur adipisicing elit. Optio itaque ea, nostrum odio. Dolores, sed accusantium quasi non, voluptas eius illo quas, saepe voluptate pariatur in deleniti minus sint. Excepturi.\n \n\n \n Action\n Action\n \n \n\n \n \n People\n \n\n \n \n favorite\n \n\n \n bookmark\n \n\n \n share\n \n \n \n\n \n \n \n People\n \n\n
Title goes here
\n
Subtitle here
\n \n\n \n People\n \n\n \n Lorem ipsum dolor sit amet, consectetur adipisicing elit. Optio itaque ea nostrum.\n \n\n \n Action\n Action\n \n \n '])])])," ",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"}})])," ",e("md-card-area",[e("md-card-header",[e("div",{staticClass:"md-title"},["Title goes here"])," ",e("div",{staticClass:"md-subhead"},["Subtitle here"])])," ",e("md-card-actions",[e("md-button",["Action"])," ",e("md-button",["Action"])])])])])," ",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"}})])," ",e("md-card-area",[e("md-card-header",[e("div",{staticClass:"md-title"},["Title goes here"])," ",e("div",{staticClass:"md-subhead"},["Subtitle here"])])," ",e("md-card-actions",[e("md-button",["Action"])," ",e("md-button",["Action"])])])])])])," ",e("div",{slot:"code"},[e("code-block",{attrs:{lang:"xml"}},['\n \n \n \n Skyscraper\n \n\n \n \n
Title goes here
\n
Subtitle here
\n \n\n \n Action\n Action\n \n \n \n \n\n \n \n \n Skyscraper\n \n\n \n \n
Title goes here
\n
Subtitle here
\n \n\n \n Action\n Action\n \n \n \n \n '])])])," ",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"},["Title goes here"])," ",e("div",{staticClass:"md-subhead"},["Subtitle here"])])," ",e("md-card-media",[e("img",{attrs:{src:"assets/avatar-2.jpg",alt:"People"}})])])," ",e("md-card-actions",[e("md-button",["Action"])," ",e("md-button",["Action"])])])," ",e("md-card",[e("md-card-header",[e("md-card-header-text",[e("div",{staticClass:"md-title"},["Title goes here"])," ",e("div",{staticClass:"md-subhead"},["Subtitle here"])])," ",e("md-card-media",{attrs:{"md-medium":""}},[e("img",{attrs:{src:"assets/card-weather.png",alt:"People"}})])])," ",e("md-card-actions",[e("md-button",["Action"])," ",e("md-button",["Action"])])])," ",e("md-card",[e("md-card-header",[e("md-card-header-text",[e("div",{staticClass:"md-title"},["Title goes"])," ",e("div",{staticClass:"md-subhead"},["Subtitle here"])])," ",e("md-card-media",{attrs:{"md-big":""}},[e("img",{attrs:{src:"assets/card-weather.png",alt:"People"}})])])," ",e("md-card-actions",[e("md-button",["Action"])," ",e("md-button",["Action"])])])," ",e("md-card",[e("md-card-media-actions",[e("md-card-media",[e("img",{attrs:{src:"assets/cover.png",alt:"Cover"}})])," ",e("md-card-actions",[e("md-button",{staticClass:"md-icon-button"},[e("md-icon",["favorite"])])," ",e("md-button",{staticClass:"md-icon-button"},[e("md-icon",["bookmark"])])," ",e("md-button",{staticClass:"md-icon-button"},[e("md-icon",["share"])])])])])])," ",e("div",{slot:"code"},[e("code-block",{attrs:{lang:"xml"}},['\n \n \n \n
Title goes here
\n
Subtitle here
\n \n\n \n People\n \n \n\n \n Action\n Action\n \n \n\n \n \n \n
Title goes here
\n
Subtitle here
\n \n\n \n People\n \n \n\n \n Action\n Action\n \n \n\n \n \n \n
Title goes
\n
Subtitle here
\n \n\n \n People\n \n \n\n \n Action\n Action\n \n \n\n \n \n \n Cover\n \n\n \n \n favorite\n \n\n \n bookmark\n \n\n \n share\n \n \n \n \n '])])])," ",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"}})])," ",e("md-card-header",[e("div",{staticClass:"md-title"},["Title goes here"])," ",e("div",{staticClass:"md-subhead"},["Subtitle here"])])," ",e("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 "])])," ",e("md-card-actions",[e("md-button",["Action"])," ",e("md-button",["Action"])])])," ",e("md-card",[e("md-card-media",[e("img",{attrs:{src:"assets/card-image-1.jpg",alt:"People"}})])," ",e("md-card-header",[e("div",{staticClass:"md-title"},["Title goes here"])," ",e("div",{staticClass:"md-subhead"},["Subtitle here"])])," ",e("md-card-expand",[e("md-card-actions",[e("md-button",["Action"])," ",e("md-button",["Action"])," ",e("span",{staticStyle:{flex:"1"}})," ",e("md-button",{staticClass:"md-icon-button",attrs:{"md-expand-trigger":""}},[e("md-icon",["keyboard_arrow_down"])])])," ",e("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 "])])])])," ",e("div",{slot:"code"},[e("code-block",{attrs:{lang:"xml"}},['\n \n \n \n People\n \n\n \n
Title goes here
\n
Subtitle here
\n \n\n \n Lorem ipsum dolor sit amet, consectetur adipisicing elit. Optio itaque ea, nostrum odio. Dolores, sed accusantium quasi non, voluptas eius illo quas, saepe voluptate pariatur in deleniti minus sint. Excepturi.\n \n \n\n \n Action\n Action\n \n \n\n \n \n People\n \n\n \n
Title goes here
\n
Subtitle here
\n \n\n \n \n Action\n Action\n \n \n keyboard_arrow_down\n \n \n\n \n Lorem ipsum dolor sit amet, consectetur adipisicing elit. Optio itaque ea, nostrum odio. Dolores, sed accusantium quasi non, voluptas eius illo quas, saepe voluptate pariatur in deleniti minus sint. Excepturi.\n \n \n \n '])])])," ",e("example-box",{attrs:{"card-title":"Complete Example"}},[e("div",{staticClass:"card-holder",slot:"demo"},[e("md-card",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"blue",expression:"'blue'"}],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"}})])," ",e("md-card-header",[e("h2",{staticClass:"md-title"},["Coffee House"])," ",e("div",{staticClass:"md-subhead"},[e("md-icon",["location_on"])," ",e("span",["2 miles"])])])," ",e("md-card-content",["\n Illy Coffee served with a complimentary Leonidas Belgian Chocolate with all beverages.\n "])])," ",e("md-card-content",[e("h3",{staticClass:"md-subheading"},["Today's availability"])," ",e("div",{staticClass:"card-reservation"},[e("md-icon",["access_time"])," ",e("md-button-toggle",{staticClass:"md-button-group",attrs:{"md-single":""}},[e("md-button",["5:30PM"])," ",e("md-button",["7:30PM"])," ",e("md-button",["9:00PM"])])])])," ",e("md-card-actions",[e("md-button",{staticClass:"md-primary"},["Reserve"])])])])," ",e("div",{slot:"code"},[e("code-block",{attrs:{lang:"xml"}},['\n \n \n \n Coffee House\n \n\n \n

Coffee House

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

Today\'s availability

\n
\n access_time\n \n 5:30PM\n 7:30PM\n 9:00PM\n \n
\n \n\n \n Reserve\n \n \n '])," ",e("code-block",{ +attrs:{lang:"scss"}},["\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;return e("md-dialog",{ref:"dialog",staticClass:"md-dialog-confirm",on:{close:function(e){t.fireCloseEvent("cancel")}}},[t.mdTitle?e("md-dialog-title",[t._s(t.mdTitle)]):t._e()," ",t.mdContentHtml?e("md-dialog-content",{domProps:{innerHTML:t._s(t.mdContentHtml)}}):e("md-dialog-content",[t._s(t.mdContent)])," "," ",e("md-dialog-actions",[e("md-button",{staticClass:"md-primary",on:{click:function(e){t.close("cancel")}}},[t._s(t.mdCancelText)])," ",e("md-button",{staticClass:"md-primary",on:{click:function(e){t.close("ok")}}},[t._s(t.mdOkText)])])])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;return e("page-content",{attrs:{"page-title":"Components - Sidenav"}},[e("docs-component",[e("div",{slot:"description"},[e("p",["The sidenav spans the height of the screen, with everything behind it visible but darkened by a backdrop."])])," ",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",["Name"])," ",e("md-table-head",["Description"])])])," ",e("md-table-body",[e("md-table-row",[e("md-table-cell",["md-left"])," ",e("md-table-cell",["Display the sidenav on the left of parent"])])," ",e("md-table-row",[e("md-table-cell",["md-right"])," ",e("md-table-cell",["Display the sidenav on the right of parent"])])," ",e("md-table-row",[e("md-table-cell",["md-fixed"])," ",e("md-table-cell",["Apply position fixed"])])])])," ",e("md-table",{slot:"events"},[e("md-table-header",[e("md-table-row",[e("md-table-head",["Name"])," ",e("md-table-head",["Value"])," ",e("md-table-head",["Description"])])])," ",e("md-table-body",[e("md-table-row",[e("md-table-cell",["open"])," ",e("md-table-cell",["None"])," ",e("md-table-cell",["Triggered when the sidenav starts to open."])])," ",e("md-table-row",[e("md-table-cell",["close"])," ",e("md-table-cell",["None"])," ",e("md-table-cell",["Triggered when the sidenav starts to close."])])])])," ",e("md-table",{slot:"methods"},[e("md-table-header",[e("md-table-row",[e("md-table-head",["Name"])," ",e("md-table-head",["Description"])])])," ",e("md-table-body",[e("md-table-row",[e("md-table-cell",["open"])," ",e("md-table-cell",["Open the sidenav."])])," ",e("md-table-row",[e("md-table-cell",["close"])," ",e("md-table-cell",["Close the sidenav."])])," ",e("md-table-row",[e("md-table-cell",["toggle"])," ",e("md-table-cell",["Toggle the sidenav."])])])])])])," ",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",["menu"])])," ",e("h2",{staticClass:"md-title"},["My App"])])," ",e("div",[e("md-button",{staticClass:"md-raised md-accent",on:{click:t.toggleRightSidenav}},["Toggle right"])," ",e("p",["Open console to see the events"])])," ",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"},["Sidenav content"])])])," ",e("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!"])])," ",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"},["Sidenav content"])])])," ",e("md-button",{staticClass:"md-raised md-accent",on:{click:t.closeRightSidenav}},["Close"])])])])," ",e("div",{slot:"code"},[e("code-block",{attrs:{lang:"xml"}},['\n
\n \n \n menu\n \n\n

My App

\n \n\n
\n Toggle right\n

Open console to see the events

\n
\n\n \n \n
\n

Sidenav content

\n
\n \n\n

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!

\n \n\n \n \n
\n

Sidenav content

\n
\n \n\n Close\n \n
\n '])," ",e("code-block",{attrs:{lang:"javascript"}},["\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;return e("page-content",{attrs:{"page-title":"Components - Avatar"}},[e("docs-component",[e("div",{slot:"description"},[e("p",["Avatars can be used to represent people. When used with a specific logo, avatars can also be used to represent brand."])," ",e("p",["The following classes can be applied to change the color palette:"])," ",e("ul",{staticClass:"md-body-2"},[e("li",[e("code",["md-primary"])])," ",e("li",[e("code",["md-accent"])])," ",e("li",[e("code",["md-warn"])])])])," ",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",["Name"])," ",e("md-table-head",["Description"])])])," ",e("md-table-body",[e("md-table-row",[e("md-table-cell",["md-avatar-icon"])," ",e("md-table-cell",["Display an icon using md-icon component"])])," ",e("md-table-row",[e("md-table-cell",["md-large"])," ",e("md-table-cell",["Display large avatar"])])])])])])," ",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"}})])," ",e("md-avatar",{staticClass:"md-avatar-icon"},[e("md-icon",["home"])])," ",e("md-avatar",{staticClass:"md-avatar-icon md-primary"},[e("md-icon",["folder"])])," ",e("md-avatar",{staticClass:"md-avatar-icon md-accent"},[e("md-icon",["favorite"])])," ",e("md-avatar",{staticClass:"md-avatar-icon md-warn"},[e("md-icon",["notes"])])])," ",e("div",{slot:"code"},[e("code-block",{attrs:{lang:"xml"}},['\n \n Avatar\n \n\n \n home\n \n\n \n folder\n \n\n \n favorite\n \n\n \n notes\n \n '])])])," ",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"}})])," ",e("md-avatar",{staticClass:"md-avatar-icon md-large"},[e("md-icon",["home"])])," ",e("md-avatar",{staticClass:"md-avatar-icon md-large md-primary"},[e("md-icon",["folder"])])," ",e("md-avatar",{staticClass:"md-avatar-icon md-large md-accent"},[e("md-icon",["favorite"])])," ",e("md-avatar",{staticClass:"md-avatar-icon md-large md-warn"},[e("md-icon",["notes"])])])," ",e("div",{slot:"code"},[e("code-block",{attrs:{lang:"xml"}},['\n \n People\n \n\n \n home\n \n\n \n folder\n \n\n \n favorite\n \n\n \n notes\n \n '])])])])])])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;return e("div",{staticClass:"md-card-actions"},[t._t("default")])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;return e("page-content",{attrs:{"page-title":"Themes"}},[e("article",{staticClass:"main-content"},[e("section",[e("h2",{staticClass:"md-headline"},["Theme Engine"])," ",e("p",["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."])," ",e("p",["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."])," ",e("p",["Vue Material use classes to apply those color intentions: ",e("code",["md-primary"]),", ",e("code",["md-accent"]),", ",e("code",["md-warn"])," and ",e("code",["md-transparent"]),". The background color is applied automaticaly."])])," ",e("section",[e("h2",{staticClass:"md-headline"},["Color Intentions"])," ",e("p",["Color in material design is inspired by bold hues juxtaposed with muted environments, deep shadows, and bright highlights."])," ",e("p",["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"}},["Material Design palette"])," can be fully applied using Vue Material. You can pass all intentions or just change the intention that you want. The default colors are:"])," ",e("ul",[e("li",["primary - indigo"])," ",e("li",["accent - pink"])," ",e("li",["warn - deep-orange"])," ",e("li",["background - grey"])])," ",e("p",["All of those colors can be applied to create a theme."])," ",e("ul",[e("li",["red"])," ",e("li",["pink"])," ",e("li",["purple"])," ",e("li",["deep-purple"])," ",e("li",["indigo"])," ",e("li",["blue"])," ",e("li",["light-blue"])," ",e("li",["cyan"])," ",e("li",["teal"])," ",e("li",["green"])," ",e("li",["light-green"])," ",e("li",["lime"])," ",e("li",["yellow"])," ",e("li",["amber"])," ",e("li",["orange"])," ",e("li",["deep-orange"])," ",e("li",["brown"])," ",e("li",["grey"])," ",e("li",["blue-grey"])," ",e("li",["white"])," ",e("li",["black"])])])," ",e("section",[e("h3",{staticClass:"md-headline"},["Registering themes"])," ",e("p",["To configure the colors of your application you can use the API."])," ",e("code-block",{attrs:{lang:"javascript"}},["\n Vue.material.theme.register('default', {\n primary: 'cyan',\n accent: 'pink',\n warn: 'red',\n background: 'grey'\n })\n "])," ",e("p",["\n You can call the ",e("code",["register"])," function how many times you want. However Vue Material have a ",e("code",["registerAll"])," function to create multiple themes:\n "])," ",e("code-block",{attrs:{lang:"javascript"}},["\n Vue.material.theme.registerAll({\n app: {\n primary: 'cyan'\n },\n about: {\n primary: 'indigo'\n },\n contact: {\n primary: 'teal'\n }\n })\n "])," ",e("small",["Note: If you do not pass all the colors the theme will inherit the ",e("strong",["default colors"]),"."])])," ",e("section",[e("h3",{staticClass:"md-headline"},["Custom Shades"])," ",e("p",["To have a full use of the Material Design palette you can specify different shades for each color:"])," ",e("code-block",{attrs:{lang:"javascript"}},["\n Vue.material.theme.register('app', {\n primary: {\n color: 'indigo',\n hue: 'A200'\n },\n accent: {\n color: 'grey',\n hue: 300\n }\n })\n "])])," ",e("section",[e("h3",{staticClass:"md-headline"},["Applying a theme"])," ",e("p",["You can apply a single theme for your entire application and another for a single piece of your code. This makes easy to theme single components or to change colors between pages."])," ",e("p",["Vue Material exposes an directive called ",e("code",["v-md-theme"])," which will set the theme on an element:"])," ",e("code-block",{attrs:{lang:"html"}},['\n
\n \n
My App
\n \n\n My Button\n
\n '])])," ",e("section",[e("h3",{staticClass:"md-headline"},["Codepen example"])," ",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"}},["See the Pen ",e("a",{attrs:{href:"http://codepen.io/vue-material/pen/WGavBE/"}},["Theme Example"])," by Vue Material (",e("a",{attrs:{href:"http://codepen.io/vue-material"}},["@vue-material"]),") on ",e("a",{attrs:{href:"http://codepen.io"}},["CodePen"]),"."])])])])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;return e("div",{staticClass:"md-dialog-container",class:t.classes,attrs:{tabindex:"0"},on:{keyup:function(e){t._k(e.keyCode,"esc",27)||t.mdEscToClose&&t.close()}}},[e("div",{ref:"dialog",staticClass:"md-dialog",class:t.dialogClasses,style:t.styles},[t._t("default")])," ",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;return e("page-content",{attrs:{"page-title":"Components - Toolbar"}},[e("docs-component",[e("div",{slot:"description"},[e("p",["Toolbars appear a step above the content they affect. They may constrain their width to accommodate material passing over them."])," ",e("p",["You need to wrap all the elements of your toolbar in a element with the class ",e("code",["md-toolbar-container"])," for medium and large toolbars. On large toolbars you can have two containers to push content to bottom."])," ",e("p",["The following classes can be applied to change the color palette:"])," ",e("ul",{staticClass:"md-body-2"},[e("li",[e("code",["md-accent"])])," ",e("li",[e("code",["md-warn"])])," ",e("li",[e("code",["md-transparent"])])])])," ",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",["Name"])," ",e("md-table-head",["Description"])])])," ",e("md-table-body",[e("md-table-row",[e("md-table-cell",["md-dense"])," ",e("md-table-cell",["Create a small and dense toolbar."])])," ",e("md-table-row",[e("md-table-cell",["md-medium"])," ",e("md-table-cell",["Create a medium."])])," ",e("md-table-row",[e("md-table-cell",["md-large"])," ",e("md-table-cell",["Create a large."])])," ",e("md-table-row",[e("md-table-cell",["md-account-header"])," ",e("md-table-cell",["Create a account header toolbar to show user accounts inside sidenav. See example below and the complete example"])])])])])," ",e("api-table",[e("code-block",{attrs:{lang:"xml",height:"none"}},['\n \n '])])])," ",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",["menu"])])," ",e("h2",{staticClass:"md-title",staticStyle:{flex:"1"}},["Default"])," ",e("md-button",{staticClass:"md-icon-button"},[e("md-icon",["favorite"])])])," ",e("md-toolbar",{staticClass:"md-dense"},[e("md-button",{staticClass:"md-icon-button"},[e("md-icon",["menu"])])," ",e("h2",{staticClass:"md-title",staticStyle:{flex:"1"}},["Dense"])," ",e("md-button",{staticClass:"md-icon-button"},[e("md-icon",["favorite"])])])," ",e("md-toolbar",{staticClass:"md-medium"},[e("div",{staticClass:"md-toolbar-container"},[e("md-button",{staticClass:"md-icon-button"},[e("md-icon",["menu"])])," ",e("h2",{staticClass:"md-title",staticStyle:{flex:"1"}},["Medium"])," ",e("md-button",{staticClass:"md-icon-button"},[e("md-icon",["search"])])," ",e("md-button",{staticClass:"md-icon-button"},[e("md-icon",["filter_list"])])])])," ",e("md-toolbar",{staticClass:"md-large"},[e("div",{staticClass:"md-toolbar-container"},[e("md-button",{staticClass:"md-icon-button"},[e("md-icon",["menu"])])," ",e("span",{staticStyle:{flex:"1"}})," ",e("md-button",{staticClass:"md-icon-button"},[e("md-icon",["search"])])," ",e("md-button",{staticClass:"md-icon-button"},[e("md-icon",["filter_list"])])])," ",e("div",{staticClass:"md-toolbar-container"},[e("h2",{staticClass:"md-title"},["Large"])])])])," ",e("div",{slot:"code"},[e("code-block",{attrs:{lang:"xml"}},['\n \n \n menu\n \n\n

Default

\n\n \n favorite\n \n \n\n \n \n menu\n \n\n

Dense

\n\n \n favorite\n \n \n\n \n
\n \n menu\n \n\n

Medium

\n\n \n search\n \n\n \n filter_list\n \n
\n \n\n \n
\n \n menu\n \n\n \n\n \n search\n \n\n \n filter_list\n \n
\n\n
\n

Large

\n
\n \n '])])])," ",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",["menu"])])," ",e("h2",{staticClass:"md-title",staticStyle:{flex:"1"}},["Vue Material"])," ",e("md-button",{staticClass:"md-icon-button"},[e("md-icon",["favorite"])])])," ",e("md-toolbar",{staticClass:"md-warn"},[e("md-button",{staticClass:"md-icon-button"},[e("md-icon",["menu"])])," ",e("h2",{staticClass:"md-title",staticStyle:{flex:"1"}},["Vue Material"])," ",e("md-button",["Add"])," ",e("md-button",["Remove"])])," ",e("md-toolbar",{staticClass:"md-transparent"},[e("md-button",{staticClass:"md-icon-button"},[e("md-icon",["menu"])])," ",e("h2",{staticClass:"md-title",staticStyle:{flex:"1"}},["Vue Material"])," ",e("md-button",{staticClass:"md-raised"},["Add"])," ",e("md-button",{staticClass:"md-raised md-warn"},["Remove"])])])," ",e("div",{slot:"code"},[e("code-block",{attrs:{lang:"xml"}},['\n \n \n menu\n \n\n

Vue Material

\n\n \n favorite\n \n \n\n \n \n menu\n \n\n

Vue Material

\n\n Add\n Remove\n \n\n \n \n menu\n \n\n

Vue Material

\n\n Add\n Remove\n \n '])])])," ",e("example-box",{attrs:{"card-title":"Themes"}},[e("div",{slot:"demo"},[e("md-toolbar",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"green",expression:"'green'"}]},[e("md-button",{staticClass:"md-icon-button"},[e("md-icon",["menu"])])," ",e("h2",{staticClass:"md-title",staticStyle:{flex:"1"}},["Vue Material"])," ",e("md-button",{staticClass:"md-icon-button"},[e("md-icon",["favorite"])])])," ",e("md-toolbar",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"brown",expression:"'brown'"}],staticClass:"md-large"},[e("div",{staticClass:"md-toolbar-container"},[e("md-button",{staticClass:"md-icon-button"},[e("md-icon",["menu"])])," ",e("span",{staticStyle:{flex:"1"}})," ",e("md-button",{staticClass:"md-icon-button"},[e("md-icon",["search"])])," ",e("md-button",{staticClass:"md-icon-button"},[e("md-icon",["filter_list"])])])," ",e("div",{staticClass:"md-toolbar-container"},[e("h2",{staticClass:"md-title"},["Vue Material"])])])," ",e("md-toolbar",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"orange",expression:"'orange'"}]},[e("md-button",{staticClass:"md-icon-button"},[e("md-icon",["menu"])])," ",e("h2",{staticClass:"md-title",staticStyle:{flex:"1"}},["Vue Material"])," ",e("md-button",["Add"])," ",e("md-button",["Remove"])])," ",e("md-toolbar",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"blue",expression:"'blue'"}]},[e("md-button",{staticClass:"md-icon-button"},[e("md-icon",["menu"])])," ",e("h2",{staticClass:"md-title",staticStyle:{flex:"1"}},["Vue Material"])," ",e("md-button",{staticClass:"md-raised"},["Add"])," ",e("md-button",{staticClass:"md-raised md-warn"},["Remove"])])])," ",e("div",{slot:"code"},[e("code-block",{attrs:{lang:"xml"}},['\n \n \n menu\n \n\n

Vue Material

\n\n \n favorite\n \n \n\n \n
\n \n menu\n \n\n \n\n \n search\n \n\n \n filter_list\n \n
\n\n
\n

Vue Material

\n
\n \n\n \n \n menu\n \n\n

Vue Material

\n\n Add\n Remove\n \n\n \n \n menu\n \n\n

Vue Material

\n\n Add\n Remove\n \n '])])])," ",e("example-box",{attrs:{"card-title":"Complete example"}},[e("div",{slot:"demo"},[e("div",{staticClass:"phone-viewport complete-example"},[e("md-whiteframe",{attrs:{"md-elevation":"2"}},[e("md-toolbar",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"light-blue",expression:"'light-blue'"}],staticClass:"md-large"},[e("div",{staticClass:"md-toolbar-container"},[e("md-button",{staticClass:"md-icon-button",on:{click:function(e){t.$refs.sidenav.toggle()}}},[e("md-icon",["menu"])])," ",e("span",{staticStyle:{flex:"1"}})," ",e("md-button",{staticClass:"md-icon-button"},[e("md-icon",["search"])])," ",e("md-button",{staticClass:"md-icon-button"},[e("md-icon",["view_module"])])])," ",e("div",{staticClass:"md-toolbar-container"},[e("h2",{staticClass:"md-title"},["My Files"])," ",e("md-button",{staticClass:"md-fab md-mini"},[e("md-icon",["add"])])])])])," ",e("md-list",{staticClass:"md-double-line"},[e("md-subheader",{staticClass:"md-inset"},["Folders"])," ",e("md-list-item",[e("md-avatar",{staticClass:"md-avatar-icon"},[e("md-icon",["folder"])])," ",e("div",{staticClass:"md-list-text-container"},[e("span",["Photos"])," ",e("p",["Jan 9, 2014"])])," ",e("md-button",{staticClass:"md-icon-button md-list-action"},[e("md-icon",["info"])])])," ",e("md-list-item",[e("md-avatar",{staticClass:"md-avatar-icon"},[e("md-icon",["folder"])])," ",e("div",{staticClass:"md-list-text-container"},[e("span",["Recipes"])," ",e("p",["Jan 17, 2014"])])," ",e("md-button",{staticClass:"md-icon-button md-list-action"},[e("md-icon",["info"])])])," ",e("md-list-item",[e("md-avatar",{staticClass:"md-avatar-icon"},[e("md-icon",["folder"])])," ",e("div",{staticClass:"md-list-text-container"},[e("span",["Work"])," ",e("p",["Jan 28, 2014"])])," ",e("md-button",{staticClass:"md-icon-button md-list-action"},[e("md-icon",["info"])])," ",e("md-divider",{staticClass:"md-inset"})])," ",e("md-subheader",{staticClass:"md-inset"},["Files"])," ",e("md-list-item",[e("md-avatar",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"blue",expression:"'blue'"}],staticClass:"md-avatar-icon md-primary"},[e("md-icon",["insert_drive_file"])])," ",e("div",{staticClass:"md-list-text-container"},[e("span",["Vacation Itinerary"])," ",e("p",["Jan 20, 2014"])])," ",e("md-button",{staticClass:"md-icon-button md-list-action"},[e("md-icon",["info"])])])," ",e("md-list-item",[e("md-avatar",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"orange",expression:"'orange'"}],staticClass:"md-avatar-icon md-primary"},[e("md-icon",["collections"])])," ",e("div",{staticClass:"md-list-text-container"},[e("span",["Kitchen Remodel"])," ",e("p",["Jan 10, 2014"])])," ",e("md-button",{staticClass:"md-icon-button md-list-action"},[e("md-icon",["info"])])])," ",e("md-list-item",[e("md-avatar",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"green",expression:"'green'"}],staticClass:"md-avatar-icon md-primary"},[e("md-icon",["view_list"])])," ",e("div",{staticClass:"md-list-text-container"},[e("span",["Grocery Shop"])," ",e("p",["Jan 10, 2014"])])," ",e("md-button",{ +staticClass:"md-icon-button md-list-action"},[e("md-icon",["info"])])])," ",e("md-list-item",[e("md-avatar",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"orange",expression:"'orange'"}],staticClass:"md-avatar-icon md-primary"},[e("md-icon",["collections"])])," ",e("div",{staticClass:"md-list-text-container"},[e("span",["Weekend Pictures"])," ",e("p",["Jan 10, 2014"])])," ",e("md-button",{staticClass:"md-icon-button md-list-action"},[e("md-icon",["info"])])])])," ",e("md-sidenav",{ref:"sidenav",staticClass:"md-left"},[e("md-toolbar",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"blue",expression:"'blue'"}],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"}})])," ",e("span",{staticStyle:{flex:"1"}})," ",e("md-avatar",[e("img",{attrs:{src:"https://placeimg.com/40/40/people/3",alt:"People"}})])," ",e("md-avatar",[e("img",{attrs:{src:"https://placeimg.com/40/40/people/4",alt:"People"}})])])," ",e("md-list-item",[e("div",{staticClass:"md-list-text-container"},[e("span",["John Doe"])," ",e("span",["johndoe@email.com"])])," ",e("md-button",{staticClass:"md-icon-button md-list-action"},[e("md-icon",["arrow_drop_down"])])])])])," ",e("md-list",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"blue",expression:"'blue'"}]},[e("md-list-item",{staticClass:"md-primary",on:{click:function(e){t.$refs.sidenav.toggle()}}},[e("md-icon",["insert_drive_file"])," ",e("span",["My files"])])," ",e("md-list-item",{on:{click:function(e){t.$refs.sidenav.toggle()}}},[e("md-icon",["people"])," ",e("span",["Shared with me"])])," ",e("md-list-item",{on:{click:function(e){t.$refs.sidenav.toggle()}}},[e("md-icon",["access_time"])," ",e("span",["Recent"])])," ",e("md-list-item",{on:{click:function(e){t.$refs.sidenav.toggle()}}},[e("md-icon",["start"])," ",e("span",["Starred"])])," ",e("md-list-item",{on:{click:function(e){t.$refs.sidenav.toggle()}}},[e("md-icon",["delete"])," ",e("span",["Trash"])])])])])])," ",e("div",{slot:"code"},[e("code-block",{attrs:{lang:"xml"}},['\n
\n \n \n
\n \n menu\n \n\n \n\n \n search\n \n\n \n view_module\n \n
\n\n
\n

My Files

\n\n \n add\n \n
\n \n \n\n \n Folders\n\n \n \n folder\n \n\n
\n Photos\n

Jan 9, 2014

\n
\n\n \n info\n \n \n\n \n \n folder\n \n\n
\n Recipes\n

Jan 17, 2014

\n
\n\n \n info\n \n \n\n \n \n folder\n \n\n
\n Work\n

Jan 28, 2014

\n
\n\n \n info\n \n\n \n \n\n Files\n\n \n \n insert_drive_file\n \n\n
\n Vacation Itinerary\n

Jan 20, 2014

\n
\n\n \n info\n \n \n\n \n \n collections\n \n\n
\n Kitchen Remodel\n

Jan 10, 2014

\n
\n\n \n info\n \n \n\n \n \n view_list\n \n\n
\n Grocery Shop\n

Jan 10, 2014

\n
\n\n \n info\n \n \n\n \n \n collections\n \n\n
\n Weekend Pictures\n

Jan 10, 2014

\n
\n\n \n info\n \n \n \n\n \n \n\n \n \n insert_drive_file My files\n \n\n \n people Shared with me\n \n\n \n access_time Recent\n \n\n \n start Starred\n \n\n \n delete Trash\n \n \n \n
\n '])," ",e("code-block",{attrs:{lang:"scss"}},["\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-toolbar {\n .md-icon {\n color: #014e70;\n }\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;return e("page-content",{attrs:{"page-title":"Components - Select"}},[e("docs-component",[e("div",{slot:"description"},[e("p",["A dropdown button selects between multiple selections. The select displays the current state and a down arrow."])])," ",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",["Name"])," ",e("md-table-head",["Type"])," ",e("md-table-head",["Description"])])])," ",e("md-table-body",[e("md-table-row",[e("md-table-cell",["v-model"])," ",e("md-table-cell",[e("code",["String"])])," ",e("md-table-cell",["A required model object to bind the value."])])," ",e("md-table-row",[e("md-table-cell",["name"])," ",e("md-table-cell",[e("code",["String"])])," ",e("md-table-cell",["The name of the select"])])," ",e("md-table-row",[e("md-table-cell",["id"])," ",e("md-table-cell",[e("code",["String"])])," ",e("md-table-cell",["The id of the select"])])," ",e("md-table-row",[e("md-table-cell",["disabled"])," ",e("md-table-cell",[e("code",["Boolean"])])," ",e("md-table-cell",["Disable the input and prevent his actions. Default ",e("code",["false"])])])," ",e("md-table-row",[e("md-table-cell",["required"])," ",e("md-table-cell",[e("code",["Boolean"])])," ",e("md-table-cell",['Apply the required rule to style the label with an "*". Default ',e("code",["false"])])])," ",e("md-table-row",[e("md-table-cell",["placeholder"])," ",e("md-table-cell",[e("code",["String"])])," ",e("md-table-cell",["Sets the placeholder."])])," ",e("md-table-row",[e("md-table-cell",["md-menu-class"])," ",e("md-table-cell",[e("code",["String"])])," ",e("md-table-cell",["The css class to be applied on the opened select holder"])])])])," ",e("md-table",{slot:"events"},[e("md-table-header",[e("md-table-row",[e("md-table-head",["Name"])," ",e("md-table-head",["Value"])," ",e("md-table-head",["Description"])])])," ",e("md-table-body",[e("md-table-row",[e("md-table-cell",["selected"])," ",e("md-table-cell",["Receives the value of the model"])," ",e("md-table-cell",["Triggered when the model changes."])])])])])," ",e("api-table",{attrs:{name:"md-option"}},[e("p",["Displays a single item inside the select."])," ",e("div",{slot:"properties"},[e("md-table",[e("md-table-header",[e("md-table-row",[e("md-table-head",["Name"])," ",e("md-table-head",["Type"])," ",e("md-table-head",["Description"])])])," ",e("md-table-body",[e("md-table-row",[e("md-table-cell",["value"])," ",e("md-table-cell",[e("code",["String"])])," ",e("md-table-cell",["The value of the option to be binded on the v-model"])])," ",e("md-table-row",[e("md-table-cell",["disabled"])," ",e("md-table-cell",[e("code",["Boolean"])])," ",e("md-table-cell",["Disable the button and prevent his actions. Default ",e("code",["false"])])])])])])," ",e("md-table",{slot:"events"},[e("md-table-header",[e("md-table-row",[e("md-table-head",["Name"])," ",e("md-table-head",["Value"])," ",e("md-table-head",["Description"])])])," ",e("md-table-body",[e("md-table-row",[e("md-table-cell",["selected"])," ",e("md-table-cell",["Receives the ",e("code",["$event"])])," ",e("md-table-cell",["Triggered when the item receives a click."])])])])])])," ",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"}},["Movie"])," ",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"}},["Fight Club"])," ",e("md-option",{attrs:{value:"godfather"}},["Godfather"])," ",e("md-option",{attrs:{value:"godfather_ii"}},["Godfather II"])," ",e("md-option",{attrs:{value:"godfather_iii"}},["Godfather III"])," ",e("md-option",{attrs:{value:"godfellas"}},["Godfellas"])," ",e("md-option",{attrs:{value:"pulp_fiction"}},["Pulp Fiction"])," ",e("md-option",{attrs:{value:"scarface"}},["Scarface"])])])," ",e("md-input-container",[e("label",{attrs:{for:"country"}},["Country"])," ",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"}},["Australia"])," ",e("md-option",{attrs:{value:"brazil"}},["Brazil"])," ",e("md-option",{attrs:{value:"japan"}},["Japan"])," ",e("md-option",{attrs:{value:"united_states"}},["United States"])])])," ",e("md-input-container",[e("label",{attrs:{for:"font"}},["Font"])," ",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"}},["Arial"])," ",e("md-option",{attrs:{value:"calibri"}},["Calibri"])," ",e("md-option",{attrs:{value:"cambria"}},["Cambria"])," ",e("md-option",{attrs:{value:"comic_sans"}},["Comic Sans"])," ",e("md-option",{attrs:{value:"consolas"}},["Consolas"])," ",e("md-option",{attrs:{value:"courier"}},["Courier"])," ",e("md-option",{attrs:{value:"droid_sans"}},["Droid Sans"])," ",e("md-option",{attrs:{value:"georgia"}},["Georgia"])," ",e("md-option",{attrs:{value:"helvetica"}},["Helvetica"])," ",e("md-option",{attrs:{value:"impact"}},["Impact"])," ",e("md-option",{attrs:{value:"roboto"}},["Roboto"])," ",e("md-option",{attrs:{value:"segoe_ui"}},["Segoe UI"])," ",e("md-option",{attrs:{value:"times_new_roman"}},["Times New Roman"])," ",e("md-option",{attrs:{value:"ubuntu"}},["Ubuntu"])," ",e("md-option",{attrs:{value:"verdana"}},["Verdana"])])])])," ",e("md-button",{staticClass:"md-raised md-primary",on:{click:t.setPulpFiction}},["Set Pulp Fiction"])])," ",e("div",{slot:"code"},[e("code-block",{attrs:{lang:"xml"}},['\n
\n \n \n \n Fight Club\n Godfather\n Godfather II\n Godfather III\n Godfellas\n Pulp Fiction\n Scarface\n \n \n\n \n \n \n Australia\n Brazil\n Japan\n United States\n \n \n\n \n \n \n Arial\n Calibri\n Cambria\n Comic Sans\n Consolas\n Courier\n Droid Sans\n Georgia\n Helvetica\n Impact\n Roboto\n Segoe UI\n Times New Roman\n Ubuntu\n Verdana\n \n \n
\n\n Set Pulp Fiction\n '])," ",e("code-block",{attrs:{lang:"javascript"}},["\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 "])])])," ",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:"food"}},["Food"])," ",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",["Fruits"])," ",e("md-option",{attrs:{value:"apples"}},["Apples"])," ",e("md-option",{attrs:{value:"bananas"}},["Bananas"])," ",e("md-option",{attrs:{value:"peaches"}},["Peaches"])," ",e("md-option",{attrs:{value:"oranges"}},["Oranges"])," ",e("md-subheader",["Vegetables"])," ",e("md-option",{attrs:{value:"carrots"}},["Carrots"])," ",e("md-option",{attrs:{value:"cucumbers"}},["Cucumbers"])," ",e("md-subheader",["Baked Goods"])," ",e("md-option",{attrs:{value:"apple_pie"}},["Apple Pie"])," ",e("md-option",{attrs:{value:"chocolate_cake"}},["Chocolate Cake"])])])," ",e("md-input-container",[e("label",{attrs:{for:"users"}},["Users"])," ",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",["Managers"])," ",e("md-option",{attrs:{value:"jim_halpert"}},["Jim Halpert"])," ",e("md-option",{attrs:{value:"dwight_schrute"}},["Dwight Schrute"])," ",e("md-option",{attrs:{value:"michael_scott"}},["Michael Scott"])," ",e("md-subheader",["Employees"])," ",e("md-option",{attrs:{value:"pam_beesly"}},["Pam Beesly"])," ",e("md-option",{attrs:{value:"angela_martin"}},["Angela Martin"])," ",e("md-option",{attrs:{value:"kelly_kapoor"}},["Kelly Kapoor"])," ",e("md-option",{attrs:{value:"ryan_howard"}},["Ryan Howard"])," ",e("md-option",{attrs:{value:"kevin_malone"}},["Kevin Malone"])," ",e("md-option",{attrs:{value:"creed_bratton"}},["Creed Bratton"])," ",e("md-option",{attrs:{value:"oscar_nunez"}},["Oscar Nunez"])," ",e("md-option",{attrs:{value:"toby_flenderson"}},["Toby Flenderson"])," ",e("md-option",{attrs:{value:"stanley_hudson"}},["Stanley Hudson"])," ",e("md-option",{attrs:{value:"meredith_palmer"}},["Meredith Palmer"])," ",e("md-option",{attrs:{value:"phyllis_lapin_vance"}},["Phyllis Lapin-Vance"])])])])," ",e("div",["Selected users: "+t._s(t.users)])])," ",e("div",{slot:"code"},[e("code-block",{attrs:{lang:"xml"}},['\n \n \n \n Fruits\n Apples\n Bananas\n Peaches\n Oranges\n\n Vegetables\n Carrots\n Cucumbers\n\n Baked Goods\n Apple Pie\n Chocolate Cake\n \n \n\n \n \n \n Managers\n Jim Halpert\n Dwight Schrute\n Michael Scott\n\n Employees\n Pam Beesly\n Angela Martin\n Kelly Kapoor\n Ryan Howard\n Kevin Malone\n Creed Bratton\n Oscar Nunez\n Toby Flenderson\n Stanley Hudson\n Meredith Palmer\n Phyllis Lapin-Vance\n \n \n\n
Selected users: '+t._s(t.users)+"
\n "])," ",e("code-block",{attrs:{lang:"javascript"}},["\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;return e("div",{staticClass:"md-switch",class:t.classes},[e("div",{staticClass:"md-switch-container",on:{click:t.toggleSwitch}},[e("div",{directives:[{name:"md-ink-ripple",rawName:"v-md-ink-ripple",value:t.disabled,expression:"disabled"}],staticClass:"md-switch-thumb",style:t.styles},[e("input",{attrs:{type:"checkbox",name:t.name,id:t.id,disabled:t.disabled},domProps:{value:t.value}})," ",e("button",{staticClass:"md-switch-holder",attrs:{type:t.type}})])])," ",t.$slots.default?e("label",{staticClass:"md-switch-label",attrs:{for:t.id||t.name}},[t._t("default")]):t._e()])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;return e("div",{staticClass:"md-table-pagination"},[e("span",{staticClass:"md-table-pagination-label"},[t._s(t.mdLabel)+":"])," ",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._s(n)])})]):t._e()," ",e("span",[t._s((t.currentSize-t.currentSize+1)*t.currentPage)+"-"+t._s(t.currentSize)+" "+t._s(t.mdSeparator)+" "+t._s(t.mdTotal)])," ",e("md-button",{staticClass:"md-icon-button md-table-pagination-previous",attrs:{disabled:1===t.currentPage},on:{click:t.changePage}},[e("md-icon",["keyboard_arrow_left"])])," ",e("md-button",{staticClass:"md-icon-button md-table-pagination-next",attrs:{disabled:t.currentSize*t.currentPage>=t.totalItems},on:{click:t.changePage}},[e("md-icon",["keyboard_arrow_right"])])])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;return e("page-content",{attrs:{"page-title":"Components - List"}},[e("docs-component",[e("div",{slot:"description"},[e("p",["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."])," ",e("p",["The ",e("code",["md-list"])," component have some auxiliary classes to align content and display actions. All of them can be any HTML tag:"])," ",e("ul",[e("li",[e("code",[".md-list-action"]),": Used to display a action on the right side of a list item. Commonly used to display a button with a single action."])," ",e("li",[e("code",[".md-list-text-container"]),": Used to align text horizontally with icons and actions. Used in double and triple lines."])," ",e("li",[e("code",[".md-divider"]),": Add a horizontal line between list items."])])])," ",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",["Name"])," ",e("md-table-head",["Description"])])])," ",e("md-table-body",[e("md-table-row",[e("md-table-cell",["md-dense"])," ",e("md-table-cell",["Make the list dense and compact"])])," ",e("md-table-row",[e("md-table-cell",["md-double-line"])," ",e("md-table-cell",["Make list items to support double line"])])," ",e("md-table-row",[e("md-table-cell",["md-triple-line"])," ",e("md-table-cell",["Make list items to support triple line"])])])])])," ",e("api-table",{attrs:{name:"md-list-item"}},[e("p",["Display a single item inside lists"])," ",e("md-table",{slot:"properties"},[e("md-table-header",[e("md-table-row",[e("md-table-head",["Name"])," ",e("md-table-head",["Type"])," ",e("md-table-head",["Description"])])])," ",e("md-table-body",[e("md-table-row",[e("md-table-cell",["href"])," ",e("md-table-cell",[e("code",["String"])])," ",e("md-table-cell",["The link that the item should redirect to."])])," ",e("md-table-row",[e("md-table-cell",["target"])," ",e("md-table-cell",[e("code",["String"])])," ",e("md-table-cell",["The target for opening the href link. Normally used for ",e("code",["_blank"])," cases."])])," ",e("md-table-row",[e("md-table-cell",["disabled"])," ",e("md-table-cell",[e("code",["Boolean"])])," ",e("md-table-cell",["Disable the item and prevent his actions. Default ",e("code",["false"])])])])])," ",e("md-table",{slot:"classes"},[e("md-table-header",[e("md-table-row",[e("md-table-head",["Name"])," ",e("md-table-head",["Description"])])])," ",e("md-table-body",[e("md-table-row",[e("md-table-cell",["md-inset"])," ",e("md-table-cell",["Add an empty space on the left of the table. ",e("br"),"Useful to show list items without icons aligned with another that have an icon."])])])])])," ",e("api-table",{attrs:{name:"md-list-expand"}},[e("p",["Create a expansion accordion automatically inside lists"])," ",e("md-table",{slot:"methods"},[e("md-table-header",[e("md-table-row",[e("md-table-head",["Name"])," ",e("md-table-head",["Description"])])])," ",e("md-table-body",[e("md-table-row",[e("md-table-cell",["toggle"])," ",e("md-table-cell",["Toggle the expansion item."])])])])])])," ",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",["move_to_inbox"])," ",e("span",["Inbox"])])," ",e("md-list-item",[e("md-icon",["send"])," ",e("span",["Sent Mail"])])," ",e("md-list-item",[e("md-icon",["delete"])," ",e("span",["Trash"])])," ",e("md-list-item",[e("md-icon",["error"])," ",e("span",["Spam"])," ",e("md-divider",{staticClass:"md-inset"})])," ",e("md-list-item",[e("md-avatar",[e("img",{attrs:{src:"https://placeimg.com/40/40/people/5",alt:"People"}})])," ",e("span",["Abbey Christansen"])," ",e("md-button",{staticClass:"md-icon-button md-list-action"},[e("md-icon",{staticClass:"md-primary"},["chat_bubble"])])])," ",e("md-list-item",[e("md-avatar",[e("img",{attrs:{src:"https://placeimg.com/40/40/people/1",alt:"People"}})])," ",e("span",["Alex Nelson"])," ",e("md-button",{staticClass:"md-icon-button md-list-action"},[e("md-icon",{staticClass:"md-primary"},["chat_bubble"])])])," ",e("md-list-item",[e("md-avatar",[e("img",{attrs:{src:"https://placeimg.com/40/40/people/6",alt:"People"}})])," ",e("span",["Mary Johnson"])," ",e("md-button",{staticClass:"md-icon-button md-list-action"},[e("md-icon",["chat_bubble"])])])])])," ",e("div",{staticClass:"phone-viewport"},[e("md-list",{staticClass:"md-dense"},[e("md-list-item",[e("md-icon",["move_to_inbox"])," ",e("span",["Inbox"])])," ",e("md-list-item",[e("md-icon",["send"])," ",e("span",["Sent Mail"])])," ",e("md-list-item",[e("md-icon",["delete"])," ",e("span",["Trash"])])," ",e("md-list-item",[e("md-icon",["error"])," ",e("span",["Spam"])," ",e("md-divider",{ +staticClass:"md-inset"})])," ",e("md-list-item",[e("md-avatar",[e("img",{attrs:{src:"https://placeimg.com/40/40/people/5",alt:"People"}})])," ",e("span",["Abbey Christansen"])," ",e("md-button",{staticClass:"md-icon-button md-list-action"},[e("md-icon",{staticClass:"md-primary"},["chat_bubble"])])])," ",e("md-list-item",[e("md-avatar",[e("img",{attrs:{src:"https://placeimg.com/40/40/people/1",alt:"People"}})])," ",e("span",["Alex Nelson"])," ",e("md-button",{staticClass:"md-icon-button md-list-action"},[e("md-icon",{staticClass:"md-primary"},["chat_bubble"])])])," ",e("md-list-item",[e("md-avatar",[e("img",{attrs:{src:"https://placeimg.com/40/40/people/6",alt:"People"}})])," ",e("span",["Mary Johnson"])," ",e("md-button",{staticClass:"md-icon-button md-list-action"},[e("md-icon",["chat_bubble"])])])])])])," ",e("div",{slot:"code"},[e("code-block",{attrs:{lang:"xml"}},['\n
\n \n \n move_to_inbox Inbox\n \n\n \n send Sent Mail\n \n\n \n delete Trash\n \n\n \n error Spam\n\n \n \n\n \n \n People\n \n\n Abbey Christansen\n\n \n chat_bubble\n \n \n\n \n \n People\n \n\n Alex Nelson\n\n \n chat_bubble\n \n \n\n \n \n People\n \n\n Mary Johnson\n\n \n chat_bubble\n \n \n \n
\n\n
\n \n \n move_to_inbox Inbox\n \n\n \n send Sent Mail\n \n\n \n delete Trash\n \n\n \n error Spam\n\n \n \n\n \n \n People\n \n\n Abbey Christansen\n\n \n chat_bubble\n \n \n\n \n \n People\n \n\n Alex Nelson\n\n \n chat_bubble\n \n \n\n \n \n People\n \n\n Mary Johnson\n\n \n chat_bubble\n \n \n \n
\n '])])])," ",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"},["phone"])," ",e("div",{staticClass:"md-list-text-container"},[e("span",["(650) 555-1234"])," ",e("span",["Mobile"])])," ",e("md-button",{staticClass:"md-icon-button md-list-action"},[e("md-icon",["sms"])])])," ",e("md-list-item",{staticClass:"md-inset"},[e("div",{staticClass:"md-list-text-container"},[e("span",["(650) 555-1234"])," ",e("span",["Mobile"])])," ",e("md-divider",{staticClass:"md-inset"})])," ",e("md-list-item",[e("md-icon",{staticClass:"md-primary"},["email"])," ",e("div",{staticClass:"md-list-text-container"},[e("span",["aliconnors@example.com"])," ",e("span",["Personal"])])," ",e("md-button",{staticClass:"md-icon-button md-list-action"},[e("md-icon",["sms"])])])," ",e("md-list-item",{staticClass:"md-inset"},[e("div",{staticClass:"md-list-text-container"},[e("span",["ali_connors@example.com"])," ",e("span",["Work"])])])])])," ",e("div",{staticClass:"phone-viewport"},[e("md-list",{staticClass:"md-double-line md-dense"},[e("md-list-item",[e("md-icon",{staticClass:"md-primary"},["phone"])," ",e("div",{staticClass:"md-list-text-container"},[e("span",["(650) 555-1234"])," ",e("span",["Mobile"])])," ",e("md-button",{staticClass:"md-icon-button md-list-action"},[e("md-icon",["sms"])])])," ",e("md-list-item",{staticClass:"md-inset"},[e("div",{staticClass:"md-list-text-container"},[e("span",["(650) 555-1234"])," ",e("span",["Mobile"])])," ",e("md-divider",{staticClass:"md-inset"})])," ",e("md-list-item",[e("md-icon",{staticClass:"md-primary"},["email"])," ",e("div",{staticClass:"md-list-text-container"},[e("span",["aliconnors@example.com"])," ",e("span",["Personal"])])," ",e("md-button",{staticClass:"md-icon-button md-list-action"},[e("md-icon",["sms"])])])," ",e("md-list-item",{staticClass:"md-inset"},[e("div",{staticClass:"md-list-text-container"},[e("span",["ali_connors@example.com"])," ",e("span",["Work"])])])])])])," ",e("div",{slot:"code"},[e("code-block",{attrs:{lang:"xml"}},['\n
\n \n \n phone\n\n
\n (650) 555-1234\n Mobile\n
\n\n \n sms\n \n \n\n \n
\n (650) 555-1234\n Mobile\n
\n\n \n \n\n \n email\n\n
\n aliconnors@example.com\n Personal\n
\n\n \n sms\n \n \n\n \n
\n ali_connors@example.com\n Work\n
\n \n \n
\n\n
\n \n \n phone\n\n
\n (650) 555-1234\n Mobile\n
\n\n \n sms\n \n \n\n \n
\n (650) 555-1234\n Mobile\n
\n\n \n \n\n \n email\n\n
\n aliconnors@example.com\n Personal\n
\n\n \n sms\n \n \n\n \n
\n ali_connors@example.com\n Work\n
\n \n \n
\n '])])])," ",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"}})])," ",e("div",{staticClass:"md-list-text-container"},[e("span",["Ali Connors"])," ",e("span",["Brunch this weekend?"])," ",e("p",["I'll be in your neighborhood doing errands..."])])," ",e("md-button",{staticClass:"md-icon-button md-list-action"},[e("md-icon",{staticClass:"md-primary"},["star"])])," ",e("md-divider",{staticClass:"md-inset"})])," ",e("md-list-item",[e("md-avatar",[e("img",{attrs:{src:"https://placeimg.com/40/40/people/6",alt:"People"}})])," ",e("div",{staticClass:"md-list-text-container"},[e("span",["me, Scott, Jennifer"])," ",e("span",["Summer BBQ"])," ",e("p",["Wish I could come, but I'm out of town ..."])])," ",e("md-button",{staticClass:"md-icon-button md-list-action"},[e("md-icon",["star_border"])])," ",e("md-divider",{staticClass:"md-inset"})])," ",e("md-list-item",[e("md-avatar",[e("img",{attrs:{src:"https://placeimg.com/40/40/people/5",alt:"People"}})])," ",e("div",{staticClass:"md-list-text-container"},[e("span",["Sandra Adams"])," ",e("span",["Oui oui"])," ",e("p",["Do you have Paris recommendations ..."])])," ",e("md-button",{staticClass:"md-icon-button md-list-action"},[e("md-icon",["star_border"])])," ",e("md-divider",{staticClass:"md-inset"})])," ",e("md-list-item",[e("md-avatar",[e("img",{attrs:{src:"https://placeimg.com/40/40/people/8",alt:"People"}})])," ",e("div",{staticClass:"md-list-text-container"},[e("span",["Trevor Hansen"])," ",e("span",["Order confirmation"])," ",e("p",["Thank you for your recent order from ..."])])," ",e("md-button",{staticClass:"md-icon-button md-list-action"},[e("md-icon",["star_border"])])," ",e("md-divider",{staticClass:"md-inset"})])])])," ",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"}})])," ",e("div",{staticClass:"md-list-text-container"},[e("span",["Ali Connors"])," ",e("span",["Brunch this weekend?"])," ",e("p",["I'll be in your neighborhood doing errands..."])])," ",e("md-button",{staticClass:"md-icon-button md-list-action"},[e("md-icon",{staticClass:"md-primary"},["star"])])," ",e("md-divider",{staticClass:"md-inset"})])," ",e("md-list-item",[e("md-avatar",[e("img",{attrs:{src:"https://placeimg.com/40/40/people/6",alt:"People"}})])," ",e("div",{staticClass:"md-list-text-container"},[e("span",["me, Scott, Jennifer"])," ",e("span",["Summer BBQ"])," ",e("p",["Wish I could come, but I'm out of town ..."])])," ",e("md-button",{staticClass:"md-icon-button md-list-action"},[e("md-icon",["star_border"])])," ",e("md-divider",{staticClass:"md-inset"})])," ",e("md-list-item",[e("md-avatar",[e("img",{attrs:{src:"https://placeimg.com/40/40/people/5",alt:"People"}})])," ",e("div",{staticClass:"md-list-text-container"},[e("span",["Sandra Adams"])," ",e("span",["Oui oui"])," ",e("p",["Do you have Paris recommendations ..."])])," ",e("md-button",{staticClass:"md-icon-button md-list-action"},[e("md-icon",["star_border"])])," ",e("md-divider",{staticClass:"md-inset"})])," ",e("md-list-item",[e("md-avatar",[e("img",{attrs:{src:"https://placeimg.com/40/40/people/8",alt:"People"}})])," ",e("div",{staticClass:"md-list-text-container"},[e("span",["Trevor Hansen"])," ",e("span",["Order confirmation"])," ",e("p",["Thank you for your recent order from ..."])])," ",e("md-button",{staticClass:"md-icon-button md-list-action"},[e("md-icon",["star_border"])])," ",e("md-divider",{staticClass:"md-inset"})])])])])," ",e("div",{slot:"code"},[e("code-block",{attrs:{lang:"xml"}},['\n
\n \n \n \n People\n \n\n
\n Ali Connors\n Brunch this weekend?\n

I\'ll be in your neighborhood doing errands...

\n
\n\n \n star\n \n\n \n \n\n \n \n People\n \n\n
\n me, Scott, Jennifer\n Summer BBQ\n

Wish I could come, but I\'m out of town ...

\n
\n\n \n star_border\n \n\n \n \n\n \n \n People\n \n\n
\n Sandra Adams\n Oui oui\n

Do you have Paris recommendations ...

\n
\n\n \n star_border\n \n\n \n \n\n \n \n People\n \n\n
\n Trevor Hansen\n Order confirmation\n

Thank you for your recent order from ...

\n
\n\n \n star_border\n \n\n \n \n \n
\n\n
\n \n \n \n People\n \n\n
\n Ali Connors\n Brunch this weekend?\n

I\'ll be in your neighborhood doing errands...

\n
\n\n \n star\n \n\n \n \n\n \n \n People\n \n\n
\n me, Scott, Jennifer\n Summer BBQ\n

Wish I could come, but I\'m out of town ...

\n
\n\n \n star_border\n \n\n \n \n\n \n \n People\n \n\n
\n Sandra Adams\n Oui oui\n

Do you have Paris recommendations ...

\n
\n\n \n star_border\n \n\n \n \n\n \n \n People\n \n\n
\n Trevor Hansen\n Order confirmation\n

Thank you for your recent order from ...

\n
\n\n \n star_border\n \n\n \n \n \n
\n '])])])," ",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",["whatshot"])," ",e("span",["News"])," ",e("md-list-expand",[e("md-list",[e("md-list-item",{staticClass:"md-inset"},["World"])," ",e("md-list-item",{staticClass:"md-inset"},["Americas"])," ",e("md-list-item",{staticClass:"md-inset"},["Europe"])])])])," ",e("md-list-item",[e("md-icon",["videogame_asset"])," ",e("span",["Games"])," ",e("md-list-expand",[e("md-list",[e("md-list-item",{staticClass:"md-inset"},["Console"])," ",e("md-list-item",{staticClass:"md-inset"},["PC"])," ",e("md-list-item",{staticClass:"md-inset"},["Phone"])])])])," ",e("md-list-item",[e("md-icon",["video_library"])," ",e("span",["Video"])," ",e("md-list-expand",[e("md-list",[e("md-list-item",{staticClass:"md-inset"},["Humor"])," ",e("md-list-item",{staticClass:"md-inset"},["Music"])," ",e("md-list-item",{staticClass:"md-inset"},["Movies"])," ",e("md-list-item",{staticClass:"md-inset"},["TV Shows"])])])])," ",e("md-list-item",[e("md-icon",["shopping_basket"])," ",e("span",["Shop"])])])])])," ",e("div",{slot:"code"},[e("code-block",{attrs:{lang:"xml"}},['\n
\n \n \n whatshot\n News\n\n \n \n World\n Americas\n Europe\n \n \n \n\n \n videogame_asset\n Games\n\n \n \n Console\n PC\n Phone\n \n \n \n\n \n video_library\n Video\n\n \n \n Humor\n Music\n Movies\n TV Shows\n \n \n \n\n \n shopping_basket\n Shop\n \n \n
\n '])])])])])])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;return e("div",{staticClass:"md-tab",style:t.styles,attrs:{id:t.tabId}},[t._t("default")])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;return e("div",{staticClass:"md-card-media-actions"},[t._t("default")])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;return e("div",{staticClass:"md-checkbox",class: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.$slots.default?e("label",{staticClass:"md-checkbox-label",attrs:{for:t.id||t.name}},[t._t("default")]):t._e()])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;return e("page-content",{attrs:{"page-title":"Typography"}},[e("docs-component",[e("div",{slot:"description"},[e("h2",{staticClass:"md-title"},["Styles"])," ",e("p",["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."])," ",e("h2",{staticClass:"md-title"},["Typeface"])," ",e("p",["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."])])," ",e("div",{slot:"example"},[e("example-box",{attrs:{"card-title":"Default"}},[e("div",{staticClass:"demo",slot:"demo"},[e("span",{staticClass:"md-display-4"},["Display 4"])," ",e("span",{staticClass:"md-display-3"},["Display 3"])," ",e("span",{staticClass:"md-display-2"},["Display 2"])," ",e("span",{staticClass:"md-display-1"},["Display 1"])," ",e("span",{staticClass:"md-headline"},["Headline"])," ",e("span",{staticClass:"md-title"},["Title"])," ",e("span",{staticClass:"md-subheading"},["Subheading"])," ",e("span",{staticClass:"md-body-2"},["Body 2"])," ",e("span",{staticClass:"md-body-1"},["Body 1"])," ",e("span",{staticClass:"md-caption"},["Caption"])," ",e("a",{attrs:{href:"#/typography"}},["Link"])])," ",e("div",{slot:"code"},[e("code-block",{attrs:{lang:"xml"}},['\n Display 4\n Display 3\n Display 2\n Display 1\n Headline\n Title\n Subheading\n Body 2\n Body 1\n Caption\n Link\n '])])])])])])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;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",["menu"])])," ",e("div",{staticClass:"md-title"},[t._s(t.pageTitle)])," ",e("div",{staticClass:"release-version"},[e("span",["Version:"])," ",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)])])," ",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._t("default")])},staticRenderFns:[function(){var t=this,e=t.$createElement;return t._l(t.availableDocs,function(n){return e("md-option",{attrs:{value:n}},[t._s(n)])})}]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;return e("page-content",{attrs:{"page-title":"Components - Button"}},[e("docs-component",[e("div",{slot:"description"},[e("p",["Buttons communicate the action that will occur when the user touches them."])," ",e("p",["The following classes can be applied to change the color palette:"])," ",e("ul",{staticClass:"md-body-2"},[e("li",[e("code",["md-primary"])])," ",e("li",[e("code",["md-accent"])])," ",e("li",[e("code",["md-warn"])])])])," ",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",["Name"])," ",e("md-table-head",["Type"])," ",e("md-table-head",["Description"])])])," ",e("md-table-body",[e("md-table-row",[e("md-table-cell",["disabled"])," ",e("md-table-cell",[e("code",["Boolean"])])," ",e("md-table-cell",["Disable the button and prevent his actions. Default ",e("code",["false"])])])," ",e("md-table-row",[e("md-table-cell",["type"])," ",e("md-table-cell",[e("code",["String"])])," ",e("md-table-cell",["Apply a type to button - Doesn't apply for links."])])," ",e("md-table-row",[e("md-table-cell",["href"])," ",e("md-table-cell",[e("code",["String"])])," ",e("md-table-cell",["Create a anchor on the button - In this case the generated tag will be ",e("code",[""]),"."])])])])," ",e("md-table",{slot:"classes"},[e("md-table-header",[e("md-table-row",[e("md-table-head",["Name"])," ",e("md-table-head",["Description"])])])," ",e("md-table-body",[e("md-table-row",[e("md-table-cell",["md-raised"])," ",e("md-table-cell",["Raised button"])])," ",e("md-table-row",[e("md-table-cell",["md-icon-button"])," ",e("md-table-cell",["Create rounded buttons - Need a inside"])])," ",e("md-table-row",[e("md-table-cell",["md-dense"])," ",e("md-table-cell",["Small dense buttons"])])," ",e("md-table-row",[e("md-table-cell",["md-fab"])," ",e("md-table-cell",["Create an Floating Action Button"])])," ",e("md-table-row",[e("md-table-cell",["md-mini"])," ",e("md-table-cell",["Small md-fab"])])," ",e("md-table-row",[e("md-table-cell",["md-fab-top-left"])," ",e("md-table-cell",["Position the md-fab absolutely on the top left of his parent"])])," ",e("md-table-row",[e("md-table-cell",["md-fab-top-center"])," ",e("md-table-cell",["Position the md-fab absolutely on the top center of his parent"])])," ",e("md-table-row",[e("md-table-cell",["md-fab-top-right"])," ",e("md-table-cell",["Position the md-fab absolutely on the top right of his parent"])])," ",e("md-table-row",[e("md-table-cell",["md-fab-bottom-left"])," ",e("md-table-cell",["Position the md-fab absolutely on the bottom left of his parent"])])," ",e("md-table-row",[e("md-table-cell",["md-fab-bottom-center"])," ",e("md-table-cell",["Position the md-fab absolutely on the bottom center of his parent"])])," ",e("md-table-row",[e("md-table-cell",["md-fab-bottom-right"])," ",e("md-table-cell",["Position the md-fab absolutely on the bottom right of his parent"])])])])])])," ",e("div",{slot:"example"},[e("example-box",{attrs:{"card-title":"Flat"}},[e("div",{slot:"demo"},[e("md-button",["Default"])," ",e("md-button",{staticClass:"md-primary"},["Primary"])," ",e("md-button",{staticClass:"md-accent"},["Accent"])," ",e("md-button",{staticClass:"md-warn"},["Warn"])," ",e("md-button",{staticClass:"md-primary",attrs:{disabled:""}},["Disabled"])," ",e("md-button",{staticClass:"md-dense"},["Dense"])])," ",e("div",{slot:"code"},[e("code-block",{attrs:{lang:"xml"}},['\n Default\n Primary\n Accent\n Warn\n Disabled\n Dense\n '])])])," ",e("example-box",{ +attrs:{"card-title":"Raised"}},[e("div",{slot:"demo"},[e("md-button",{staticClass:"md-raised"},["Default"])," ",e("md-button",{staticClass:"md-raised md-primary"},["Primary"])," ",e("md-button",{staticClass:"md-raised md-accent"},["Accent"])," ",e("md-button",{staticClass:"md-raised md-warn"},["Warn"])," ",e("md-button",{staticClass:"md-raised md-primary",attrs:{disabled:""}},["Disabled"])," ",e("md-button",{staticClass:"md-raised md-dense"},["Dense"])])," ",e("div",{slot:"code"},[e("code-block",{attrs:{lang:"xml"}},['\n Default\n Primary\n Accent\n Warn\n Disabled\n Dense\n '])])])," ",e("example-box",{attrs:{"card-title":"Button vs Link vs Router Link"}},[e("div",{slot:"demo"},[e("md-button",{staticClass:"md-raised md-primary"},["Button"])," ",e("md-button",{staticClass:"md-raised md-primary",attrs:{href:"#/components/button"}},["Link"])," ",e("router-link",{staticClass:"md-raised md-primary",attrs:{tag:"md-button",to:"/components/button"}},["Router Link"])])," ",e("div",{slot:"code"},[e("code-block",{attrs:{lang:"xml"}},['\n Button\n Link\n Router Link\n '])])])," ",e("example-box",{attrs:{"card-title":"Icons - Flat"}},[e("div",{slot:"demo"},[e("md-button",{staticClass:"md-icon-button"},[e("md-icon",["more_vert"])])," ",e("md-button",{staticClass:"md-icon-button md-primary"},[e("md-icon",["more_vert"])])," ",e("md-button",{staticClass:"md-icon-button md-accent"},[e("md-icon",["more_vert"])])," ",e("md-button",{staticClass:"md-icon-button md-warn"},[e("md-icon",["more_vert"])])," ",e("md-button",{staticClass:"md-icon-button",attrs:{disabled:""}},[e("md-icon",["more_vert"])])," ",e("md-button",{staticClass:"md-icon-button md-dense"},[e("md-icon",["more_vert"])])])," ",e("div",{slot:"code"},[e("code-block",{attrs:{lang:"xml"}},['\n \n more_vert\n \n\n \n more_vert\n \n\n \n more_vert\n \n\n \n more_vert\n \n\n \n more_vert\n \n\n \n more_vert\n \n '])])])," ",e("example-box",{attrs:{"card-title":"Icons - Raised"}},[e("div",{slot:"demo"},[e("md-button",{staticClass:"md-icon-button md-raised"},[e("md-icon",["add"])])," ",e("md-button",{staticClass:"md-icon-button md-raised md-primary"},[e("md-icon",["add"])])," ",e("md-button",{staticClass:"md-icon-button md-raised md-accent"},[e("md-icon",["add"])])," ",e("md-button",{staticClass:"md-icon-button md-raised md-warn"},[e("md-icon",["add"])])," ",e("md-button",{staticClass:"md-icon-button md-raised",attrs:{disabled:""}},[e("md-icon",["add"])])," ",e("md-button",{staticClass:"md-icon-button md-raised md-dense"},[e("md-icon",["add"])])])," ",e("div",{slot:"code"},[e("code-block",{attrs:{lang:"xml"}},['\n \n add\n \n\n \n add\n \n\n \n add\n \n\n \n add\n \n\n \n add\n \n\n \n add\n \n '])])])," ",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",["edit"])])," ",e("md-button",{staticClass:"md-fab md-primary"},[e("md-icon",["email"])])," ",e("md-button",{staticClass:"md-fab md-warn"},[e("md-icon",["save"])])," ",e("md-button",{staticClass:"md-fab md-clean"},[e("md-icon",["dialpad"])])," ",e("md-button",{staticClass:"md-fab",attrs:{disabled:""}},[e("md-icon",["message"])])])," ",e("div",[e("md-button",{staticClass:"md-fab md-mini"},[e("md-icon",["edit"])])," ",e("md-button",{staticClass:"md-fab md-primary md-mini"},[e("md-icon",["email"])])," ",e("md-button",{staticClass:"md-fab md-warn md-mini"},[e("md-icon",["save"])])," ",e("md-button",{staticClass:"md-fab md-clean md-mini"},[e("md-icon",["dialpad"])])," ",e("md-button",{staticClass:"md-fab md-mini",attrs:{disabled:""}},[e("md-icon",["message"])])])," ",e("md-button",{staticClass:"md-fab md-fab-bottom-left"},[e("md-icon",["save"])])," ",e("md-button",{staticClass:"md-fab md-primary md-fab-bottom-center"},[e("md-icon",["dialpad"])])," ",e("md-button",{staticClass:"md-fab md-fab-bottom-right"},[e("md-icon",["add"])])])," ",e("div",{slot:"code"},[e("code-block",{attrs:{lang:"xml"}},['\n
\n \n edit\n \n\n \n email\n \n\n \n save\n \n\n \n dialpad\n \n\n \n message\n \n
\n\n
\n \n edit\n \n\n \n email\n \n\n \n save\n \n\n \n dialpad\n \n\n \n message\n \n
\n\n \n save\n \n\n \n dialpad\n \n\n \n add\n \n '])])])," ",e("example-box",{attrs:{"card-title":"Themes"}},[e("div",{slot:"demo"},[e("md-button",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"indigo",expression:"'indigo'"}],staticClass:"md-primary"},["Indigo"])," ",e("md-button",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"teal",expression:"'teal'"}],staticClass:"md-raised md-primary"},["Teal"])," ",e("md-button",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"orange",expression:"'orange'"}],staticClass:"md-icon-button md-primary"},[e("md-icon",["add"])])," ",e("md-button",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"green",expression:"'green'"}],staticClass:"md-icon-button md-raised md-primary"},[e("md-icon",["message"])])," ",e("md-button",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"brown",expression:"'brown'"}],staticClass:"md-fab md-primary"},[e("md-icon",["dialpad"])])])," ",e("div",{slot:"code"},[e("code-block",{attrs:{lang:"xml"}},['\n Indigo\n Teal\n \n add\n \n \n message\n \n \n dialpad\n \n '])])])])])])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;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")])]):e("span",{ref:"item"},[t._t("default")])," "])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;return e("page-content",{attrs:{"page-title":"Components - Subheader"}},[e("docs-component",[e("div",{slot:"description"},[e("p",["Subheaders may be displayed inline with tiles or associated with content. They are typically related to filtering or sorting criteria."])])," ",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",["Name"])," ",e("md-table-head",["Description"])])])," ",e("md-table-body",[e("md-table-row",[e("md-table-cell",["md-inset"])," ",e("md-table-cell",["Add a padding to the left of the subheader to follow inset lists"])])])])])])," ",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",["Navigation"])," ",e("md-list-item",[e("md-icon",["move_to_inbox"])," ",e("span",["Inbox"])])," ",e("md-list-item",[e("md-icon",["send"])," ",e("span",["Outbox"])])," ",e("md-list-item",[e("md-icon",["delete"])," ",e("span",["Trash"])])," ",e("md-list-item",[e("md-icon",["error"])," ",e("span",["Spam"])," ",e("md-divider",{staticClass:"md-inset"})])," ",e("md-subheader",["Contacts"])," ",e("md-list-item",[e("md-avatar",[e("img",{attrs:{src:"assets/avatar-2.jpg",alt:"People"}})])," ",e("span",["Abbey Christansen"])," ",e("md-button",{staticClass:"md-icon-button md-list-action"},[e("md-icon",{staticClass:"md-primary"},["chat_bubble"])])])," ",e("md-list-item",[e("md-avatar",[e("img",{attrs:{src:"assets/avatar-2.jpg",alt:"People"}})])," ",e("span",["Alex Nelson"])," ",e("md-button",{staticClass:"md-icon-button md-list-action"},[e("md-icon",{staticClass:"md-primary"},["chat_bubble"])])])," ",e("md-list-item",[e("md-avatar",[e("img",{attrs:{src:"assets/avatar-2.jpg",alt:"People"}})])," ",e("span",["Mary Johnson"])," ",e("md-button",{staticClass:"md-icon-button md-list-action"},[e("md-icon",["chat_bubble"])])])])])," ",e("div",{staticClass:"phone-viewport"},[e("md-list",{staticClass:"custom-list md-triple-line"},[e("md-subheader",{staticClass:"md-inset"},["Today"])," ",e("md-list-item",[e("md-avatar",[e("img",{attrs:{src:"assets/avatar-2.jpg",alt:"People"}})])," ",e("div",{staticClass:"md-list-text-container"},[e("span",["Ali Connors"])," ",e("span",["Brunch this weekend?"])," ",e("p",["I'll be in your neighborhood doing errands..."])])," ",e("md-button",{staticClass:"md-icon-button md-list-action"},[e("md-icon",{staticClass:"md-primary"},["star"])])," ",e("md-divider",{staticClass:"md-inset"})])," ",e("md-list-item",[e("md-avatar",[e("img",{attrs:{src:"assets/avatar-2.jpg",alt:"People"}})])," ",e("div",{staticClass:"md-list-text-container"},[e("span",["me, Scott, Jennifer"])," ",e("span",["Summer BBQ"])," ",e("p",["Wish I could come, but I'm out of town ..."])])," ",e("md-button",{staticClass:"md-icon-button md-list-action"},[e("md-icon",["star_border"])])," ",e("md-divider",{staticClass:"md-inset"})])," ",e("md-list-item",[e("md-avatar",[e("img",{attrs:{src:"assets/avatar-2.jpg",alt:"People"}})])," ",e("div",{staticClass:"md-list-text-container"},[e("span",["Sandra Adams"])," ",e("span",["Oui oui"])," ",e("p",["Do you have Paris recommendations ..."])])," ",e("md-button",{staticClass:"md-icon-button md-list-action"},[e("md-icon",["star_border"])])," ",e("md-divider",{staticClass:"md-inset"})])," ",e("md-list-item",[e("md-avatar",[e("img",{attrs:{src:"assets/avatar-2.jpg",alt:"People"}})])," ",e("div",{staticClass:"md-list-text-container"},[e("span",["Trevor Hansen"])," ",e("span",["Order confirmation"])," ",e("p",["Thank you for your recent order from ..."])])," ",e("md-button",{staticClass:"md-icon-button md-list-action"},[e("md-icon",["star_border"])])," ",e("md-divider",{staticClass:"md-inset"})])])])])," ",e("div",{slot:"code"},[e("code-block",{attrs:{lang:"xml"}},['\n
\n \n Navigation\n\n \n move_to_inbox Inbox\n \n\n \n send Outbox\n \n\n \n delete Trash\n \n\n \n error Spam\n\n \n \n\n Contacts\n\n \n \n People\n \n\n Abbey Christansen\n\n \n chat_bubble\n \n \n\n \n \n People\n \n\n Alex Nelson\n\n \n chat_bubble\n \n \n\n \n \n People\n \n\n Mary Johnson\n\n \n chat_bubble\n \n \n \n
\n\n
\n \n Today\n\n \n \n People\n \n\n
\n Ali Connors\n Brunch this weekend?\n

I\'ll be in your neighborhood doing errands...

\n
\n\n \n star\n \n\n \n \n\n \n \n People\n \n\n
\n me, Scott, Jennifer\n Summer BBQ\n

Wish I could come, but I\'m out of town ...

\n
\n\n \n star_border\n \n\n \n \n\n \n \n People\n \n\n
\n Sandra Adams\n Oui oui\n

Do you have Paris recommendations ...

\n
\n\n \n star_border\n \n\n \n \n\n \n \n People\n \n\n
\n Trevor Hansen\n Order confirmation\n

Thank you for your recent order from ...

\n
\n\n \n star_border\n \n\n \n \n \n
\n '])])])])])])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;return e("div",{staticClass:"md-tabs",class:t.tabClasses},[e("md-whiteframe",{attrs:{"md-elevation":t.mdElevation}},[e("div",{ref:"tabNavigation",staticClass:"md-tabs-navigation",class:t.navigationClasses},[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}})," ",e("div",{staticClass:"md-tab-header-container"},[n.icon?e("md-icon",[t._s(n.icon)]):t._e()," ",n.label?e("span",[t._s(n.label)]):t._e()])])})," ",e("span",{ref:"indicator",staticClass:"md-tab-indicator",class:t.indicatorClasses})])])," ",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")])])])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;return e("page-content",{attrs:{"page-title":"Themes - Dynamic Themes"}})},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;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._t("default")])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;return e("page-content",{attrs:{"page-title":"Getting Started"}},[e("div",{staticClass:"main-content"},[e("article",[e("section",[e("h2",{staticClass:"md-headline"},["Include Fonts and Icons"])," ",e("p",["Use Roboto and Google Icons from Google CDN:"])," ",e("code-block",{attrs:{lang:"xml"}},['\n \n \n '])])])," ",e("article",[e("h2",{staticClass:"md-headline"},["Installation"])," ",e("section",[e("h3",{staticClass:"md-title"},["NPM"])," ",e("p",["Install Vue Material through npm or yarn ",e("br"),e("small",["* Others package managers like JSPM and Bower are not supported yet."])])," ",e("code-block",{attrs:{lang:"bash"}},["\n $ npm install vue-material --save\n $ yarn add vue-material\n "])])," ",e("section",[e("h3",{staticClass:"md-title"},["Standalone"])," ",e("p",["Download from Github and reference the script and the stylesheet in your HTML:"])," ",e("md-button",{staticClass:"md-raised md-primary",attrs:{href:"https://github.com/marcosmoura/vue-material/archive/master.zip",target:"_blank",rel:"noopener"}},["download"])])])," ",e("article",[e("h2",{staticClass:"md-headline"},["Usage"])," ",e("section",[e("h3",{staticClass:"md-title"},["AMD Modules"])," ",e("p",["Import and use the whole library:"])," ",e("code-block",{attrs:{lang:"xml"}},['\n \n '])," ",e("code-block",{attrs:{lang:"javascript"}},["\n var Vue = require('vue')\n var VueMaterial = require('vue-material')\n\n Vue.use(VueMaterial)\n "])," ",e("p",["Or to import individual components:"])," ",e("code-block",{attrs:{lang:"xml"}},['\n \n \n \n \n \n '])," ",e("code-block",{attrs:{lang:"javascript"}},["\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 "])," ",e("p",[e("strong",["Note:"])," 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é."])])," ",e("section",[e("h3",{staticClass:"md-title"},["Standalone"])," ",e("code-block",{attrs:{lang:"xml"}},['\n \n \n '])," ",e("code-block",{attrs:{lang:"javascript"}},["\n // The VueMaterial variable is global\n Vue.use(VueMaterial)\n "])])])," ",e("article",[e("section",[e("h2",{staticClass:"md-headline"},["Themes"])," ",e("p",["To get Vue Material working properly, you'll need to configure a default theme. You can also register multiple themes at once. Apply your theme on each code part that you want using ",e("code",["v-md-theme"])," directive:"])," ",e("md-tabs",{staticClass:"md-transparent",attrs:{"md-dynamic-height":!1}},[e("md-tab",{attrs:{"md-label":"Single Theme"}},[e("code-block",{attrs:{lang:"javascript"}},["\n Vue.material.theme.register('default', {\n primary: 'cyan',\n accent: 'pink'\n })\n "])," ",e("code-block",{attrs:{lang:"xml"}},['\n
\n \n
My App
\n \n\n My Button\n
\n '])])," ",e("md-tab",{attrs:{"md-label":"Multiple Themes"}},[e("code-block",{attrs:{lang:"javascript"}},["\n Vue.material.theme.registerAll({\n default: {\n primary: 'cyan',\n accent: 'pink'\n },\n indigo: {\n primary: 'indigo',\n accent: 'pink'\n }\n })\n "])," ",e("code-block",{attrs:{lang:"xml"}},['\n
\n \n
My App
\n \n\n My Button\n
\n '])])])])])," ",e("article",[e("h2",{staticClass:"md-headline"},["Codepen Examples"])," ",e("section",[e("h3",{staticClass:"md-title"},["Playground"])," ",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"}},["See the Pen ",e("a",{attrs:{href:"http://codepen.io/vue-material/pen/VmMrYW/"}},["Empty Setup"])," by Vue Material (",e("a",{attrs:{href:"http://codepen.io/vue-material"}},["@vue-material"]),") on ",e("a",{attrs:{href:"http://codepen.io"}},["CodePen"]),"."])])," ",e("section",[e("h3",{staticClass:"md-title"},["File Application UI"])," ",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"}},["See the Pen ",e("a",{attrs:{href:"http://codepen.io/vue-material/pen/WoZpMR/"}},["Vue Material Example"])," by Vue Material (",e("a",{attrs:{href:"http://codepen.io/vue-material"}},["@vue-material"]),") on ",e("a",{attrs:{href:"http://codepen.io"}},["CodePen"]),"."])])])])])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;return e("div",{ref:"expand",staticClass:"md-card-expand"},[t._t("default")])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;return e("div",{staticClass:"md-table"},[e("table",[t._t("default")])])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;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;return e("md-card",{staticClass:"md-table-card"},[t._t("default")])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;return e("md-dialog",{ref:"dialog",staticClass:"md-dialog-alert",on:{close:function(e){t.fireCloseEvent()}}},[t.mdTitle?e("md-dialog-title",[t._s(t.mdTitle)]):t._e()," ",t.mdContentHtml?e("md-dialog-content",{domProps:{innerHTML:t._s(t.mdContentHtml)}}):e("md-dialog-content",[t._s(t.mdContent)])," "," ",e("md-dialog-actions",[e("md-button",{staticClass:"md-primary",on:{click:function(e){t.close()}}},[t._s(t.mdOkText)])])])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;return e("page-content",{attrs:{"page-title":"Components - Dialog"}},[e("docs-component",[e("div",{slot:"description"},[e("p",["Dialogs inform users about a specific task and may contain critical information, require decisions, or involve multiple tasks."])," ",e("p",["The dialog component works with any plain html content. You can have tabs, all form components and more."])," ",e("p",["Alternativelly you can use three presets to build Alerts, Confirms and Prompt dialogs."])," ",e("p",["The preset component is created on top of ",e("code",[""]),". You should provide the content or the HTML content at least."])," ",e("p",["All the pressets can use the same options and events from the ",e("code",[""])," component."])])," ",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",["Name"])," ",e("md-table-head",["Type"])," ",e("md-table-head",["Description"])])])," ",e("md-table-body",[e("md-table-row",[e("md-table-cell",["md-click-outside-to-close"])," ",e("md-table-cell",[e("code",["Boolean"])])," ",e("md-table-cell",["Enable or disable click outside to close. Default: ",e("code",["true"])])])," ",e("md-table-row",[e("md-table-cell",["md-esc-to-close"])," ",e("md-table-cell",[e("code",["Boolean"])])," ",e("md-table-cell",["Enable or disable close on esc key. Default: ",e("code",["true"])])])," ",e("md-table-row",[e("md-table-cell",["md-backdrop"])," ",e("md-table-cell",[e("code",["Boolean"])])," ",e("md-table-cell",["Create an opaque backdrop behind the dialog. Default: ",e("code",["true"])])])," ",e("md-table-row",[e("md-table-cell",["md-open-from"])," ",e("md-table-cell",[e("code",["String"])])," ",e("md-table-cell",["The query selector of the element that is used to determine from which the Dialog will open."])])," ",e("md-table-row",[e("md-table-cell",["md-close-to"])," ",e("md-table-cell",[e("code",["String"])])," ",e("md-table-cell",["The query selector of the element that is used to determine from which the Dialog will close."])])])])," ",e("md-table",{slot:"events"},[e("md-table-header",[e("md-table-row",[e("md-table-head",["Name"])," ",e("md-table-head",["Value"])," ",e("md-table-head",["Description"])])])," ",e("md-table-body",[e("md-table-row",[e("md-table-cell",["open"])," ",e("md-table-cell",["Receive the state of the dialog: ",e("code",["ok"]),"| ",e("code",["cancel"])," ",e("br"),"Works only for Confirm and Prompt"])," ",e("md-table-cell",["Triggered when the dialog open."])])," ",e("md-table-row",[e("md-table-cell",["close"])," ",e("md-table-cell",["Receive the state of the dialog: ",e("code",["ok"]),"| ",e("code",["cancel"])," ",e("br"),"Works only for Confirm and Prompt"])," ",e("md-table-cell",["Triggered when the dialog closes."])])])])," ",e("md-table",{slot:"methods"},[e("md-table-header",[e("md-table-row",[e("md-table-head",["Name"])," ",e("md-table-head",["Description"])])])," ",e("md-table-body",[e("md-table-row",[e("md-table-cell",["open"])," ",e("md-table-cell",["Open the dialog."])])," ",e("md-table-row",[e("md-table-cell",["close"])," ",e("md-table-cell",["Close the dialog."])])])])])," ",e("api-table",{attrs:{name:"md-dialog-title"}},[e("p",["Can display a title on the top of the Dialog."])," ",e("p",["No options available"])])," ",e("api-table",{attrs:{name:"md-dialog-content"}},[e("p",["Used to display rich content inside the Dialog."])," ",e("p",["No options available"])])," ",e("api-table",{attrs:{name:"md-dialog-actions"}},[e("p",["Hold the actions of a dialog and align them on the right. Here you can add ",e("code",[""])," with or without icons."])," ",e("p",["No options available"])])," ",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",["Name"])," ",e("md-table-head",["Type"])," ",e("md-table-head",["Description"])])])," ",e("md-table-body",[e("md-table-row",[e("md-table-cell",["md-title"])," ",e("md-table-cell",[e("code",["String"])])," ",e("md-table-cell",["Sets the alert title. Optional."])])," ",e("md-table-row",[e("md-table-cell",["md-content"])," ",e("md-table-cell",[e("code",["String"])])," ",e("md-table-cell",["Sets the alert content."])])," ",e("md-table-row",[e("md-table-cell",["md-content-html"])," ",e("md-table-cell",[e("code",["String"])])," ",e("md-table-cell",["Sets the alert content with a custom html."])])," ",e("md-table-row",[e("md-table-cell",["md-ok-text"])," ",e("md-table-cell",[e("code",["String"])])," ",e("md-table-cell",['Sets the alert "Okay" button text.'])])])])])])," ",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",["Name"])," ",e("md-table-head",["Type"])," ",e("md-table-head",["Description"])])])," ",e("md-table-body",[e("md-table-row",[e("md-table-cell",["md-title"])," ",e("md-table-cell",[e("code",["String"])])," ",e("md-table-cell",["Sets the confirm title. Optional."])])," ",e("md-table-row",[e("md-table-cell",["md-content"])," ",e("md-table-cell",[e("code",["String"])])," ",e("md-table-cell",["Sets the confirm content."])])," ",e("md-table-row",[e("md-table-cell",["md-content-html"])," ",e("md-table-cell",[e("code",["String"])])," ",e("md-table-cell",["Sets the confirm content with a custom html."])])," ",e("md-table-row",[e("md-table-cell",["md-ok-text"])," ",e("md-table-cell",[e("code",["String"])])," ",e("md-table-cell",['Sets the confirm "Okay" button text.'])])," ",e("md-table-row",[e("md-table-cell",["md-cancel-text"])," ",e("md-table-cell",[e("code",["String"])])," ",e("md-table-cell",['Sets the confirm "Cancel" button text.'])])])])])])," ",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",["Name"])," ",e("md-table-head",["Type"])," ",e("md-table-head",["Description"])])])," ",e("md-table-body",[e("md-table-row",[e("md-table-cell",["md-title"])," ",e("md-table-cell",[e("code",["String"])])," ",e("md-table-cell",["Sets the prompt title. Optional."])])," ",e("md-table-row",[e("md-table-cell",["md-content"])," ",e("md-table-cell",[e("code",["String"])])," ",e("md-table-cell",["Sets the prompt content."])])," ",e("md-table-row",[e("md-table-cell",["md-content-html"])," ",e("md-table-cell",[e("code",["String"])])," ",e("md-table-cell",["Sets the prompt content with a custom html."])])," ",e("md-table-row",[e("md-table-cell",["md-ok-text"])," ",e("md-table-cell",[e("code",["String"])])," ",e("md-table-cell",['Sets the prompt "Okay" button text.'])])," ",e("md-table-row",[e("md-table-cell",["md-cancel-text"])," ",e("md-table-cell",[e("code",["String"])])," ",e("md-table-cell",['Sets the prompt "Cancel" button text.'])])," ",e("md-table-row",[e("md-table-cell",["v-model"])," ",e("md-table-cell",[e("code",["String"])])," ",e("md-table-cell",["A required model object to be bind when the value is confirmed."])])," ",e("md-table-row",[e("md-table-cell",["md-input-id"])," ",e("md-table-cell",[e("code",["String"])])," ",e("md-table-cell",["Set the ID of the field inside the prompt dialog."])])," ",e("md-table-row",[e("md-table-cell",["md-input-name"])," ",e("md-table-cell",[e("code",["String"])])," ",e("md-table-cell",["Set the name of the field inside the prompt dialog."])])," ",e("md-table-row",[e("md-table-cell",["md-input-maxlength"])," ",e("md-table-cell",[e("code",["String"])])," ",e("md-table-cell",["Set the optional maxlength of the field inside the prompt dialog with the text count."])])," ",e("md-table-row",[e("md-table-cell",["md-input-placeholder"])," ",e("md-table-cell",[e("code",["String"])])," ",e("md-table-cell",["Set the optional placeholder of the field inside the prompt dialog."])])])])])])])," ",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",["Lorem ipsum dolor sit amet"])," ",e("md-dialog-content",["Nemo, nobis necessitatibus ut illo, ducimus ex."])," ",e("md-dialog-actions",[e("md-button",{staticClass:"md-primary",on:{click:function(e){t.closeDialog("dialog1")}}},["Cancel"])," ",e("md-button",{staticClass:"md-primary",on:{click:function(e){t.closeDialog("dialog1")}}},["Ok"])])])," ",e("md-dialog",{ref:"dialog2",attrs:{"md-open-from":"#fab","md-close-to":"#fab"}},[e("md-dialog-title",["Create new note"])," ",e("md-dialog-content",[e("form",[e("md-input-container",[e("label",["Note"])," ",e("md-textarea")])])])," ",e("md-dialog-actions",[e("md-button",{staticClass:"md-primary",on:{click:function(e){t.closeDialog("dialog2")}}},["Cancel"])," ",e("md-button",{staticClass:"md-primary",on:{click:function(e){t.closeDialog("dialog2")}}},["Create"])])])," ",e("md-button",{staticClass:"md-primary md-raised",attrs:{id:"custom"},on:{click:function(e){t.openDialog("dialog1")}}},["Custom"])," ",e("md-button",{staticClass:"md-fab md-fab-bottom-right",attrs:{id:"fab"},on:{click:function(e){t.openDialog("dialog2")}}},[e("md-icon",["add"])])])," ",e("div",{slot:"code"},[e("code-block",{attrs:{lang:"xml"}},['\n \n Lorem ipsum dolor sit amet\n\n Nemo, nobis necessitatibus ut illo, ducimus ex.\n\n \n Cancel\n Ok\n \n \n\n \n Create new note\n\n \n
\n \n \n \n \n
\n \n\n \n Cancel\n Create\n \n \n\n Custom\n \n add\n \n '])," ",e("code-block",{attrs:{lang:"javascript"}},["\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 "])])])," ",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}})," ",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}})," ",e("md-button",{staticClass:"md-primary md-raised",on:{click:function(e){t.openDialog("dialog3")}}},["Alert"])," ",e("md-button",{staticClass:"md-primary md-raised",on:{click:function(e){t.openDialog("dialog4")}}},["Alert with HTML"])])," ",e("div",{slot:"code"},[e("code-block",{attrs:{lang:"xml"}},['\n \n \n\n \n \n\n Alert\n Alert with HTML\n '])," ",e("code-block",{attrs:{lang:"javascript"}},["\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 Material Design is awesome 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 "])])])," ",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}})," ",e("md-button",{staticClass:"md-primary md-raised",on:{click:function(e){t.openDialog("dialog5")}}},["Confirm"])])," ",e("div",{slot:"code"},[e("code-block",{attrs:{lang:"xml"}},['\n \n \n\n Confirm\n '])," ",e("code-block",{attrs:{lang:"javascript"}},["\n export default {\n data: () => ({\n confirm: {\n title: 'Use Google\\'s location service?',\n contentHtml: 'Let Google help apps determine location.
This means sending anonymous 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 "])])])," ",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}}})," ",e("md-button",{staticClass:"md-primary md-raised",on:{click:function(e){t.openDialog("dialog6")}}},["Prompt"])])," ",e("div",{slot:"code"},[e("code-block",{attrs:{lang:"xml"}},['\n \n \n\n Confirm\n '])," ",e("code-block",{attrs:{lang:"javascript"}},["\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;return e("div",{staticClass:"md-radio",class: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.$slots.default?e("label",{staticClass:"md-radio-label",attrs:{for:t.id||t.name}},[t._t("default")]):t._e()])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;return e("i",{staticClass:"md-icon material-icons"},[t._t("default")])},staticRenderFns:[]}},function(t,e,n){/** * vue-router v2.1.1 * (c) 2016 Evan You * @license MIT diff --git a/dist/docs/index.html b/dist/docs/index.html index 490f70d..d9fd584 100644 --- a/dist/docs/index.html +++ b/dist/docs/index.html @@ -1 +1 @@ -Vue Material
\ No newline at end of file +Vue Material
diff --git a/dist/docs/manifest.a622665f.js b/dist/docs/manifest.b67b1fcc.js similarity index 68% rename from dist/docs/manifest.a622665f.js rename to dist/docs/manifest.b67b1fcc.js index 4f68cd0..5ec1dec 100644 --- a/dist/docs/manifest.a622665f.js +++ b/dist/docs/manifest.b67b1fcc.js @@ -1 +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 .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, 0.54); -} -.md-button-toggle > .md-button:not([disabled]):hover:not(.md-toggle):not(.md-raised) { - background-color: rgba(153, 153, 153, 0.2); - text-decoration: none; -} -.md-button-toggle > .md-button .md-ink-ripple { - border-radius: 2px; -} -/* Common - ========================================================================== */ -/* Transitions - Based on Angular Material - ========================================================================== */ -/* Elevation - Based on Angular Material - ========================================================================== */ -.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, 0.2), 0 2px 2px rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12); -} -.md-card.md-with-hover { - cursor: pointer; - transition: all 0.4s cubic-bezier(0.25, 0.8, 0.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, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 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-title:first-child, - .md-card .md-card-header:first-child > .md-card-header-text > .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-title, - .md-card .md-card-header .md-avatar ~ .md-subhead { - 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-title, - .md-card .md-subheading { - 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 { - position: relative; -} -.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: rotateZ(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 0.4s cubic-bezier(0.25, 0.8, 0.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 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); - will-change: margin; -} -/* Common - ========================================================================== */ -/* Transitions - Based on Angular Material - ========================================================================== */ -/* Elevation - Based on Angular Material - ========================================================================== */ -.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, 0.54); - transition: all 0.4s cubic-bezier(0.25, 0.8, 0.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 0.3s cubic-bezier(0.55, 0, 0.55, 0.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(0.15, 0.15, 1); - transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.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, 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 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); -} -/* Common - ========================================================================== */ -/* Transitions - Based on Angular Material - ========================================================================== */ -/* Elevation - Based on Angular Material - ========================================================================== */ -.md-ink-ripple { - pointer-events: none; - overflow: hidden; - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - -webkit-mask-image: radial-gradient(circle, white 100%, black 100%); - mask-image: radial-gradient(circle, white 100%, black 100%); - transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.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(0.25, 0.8, 0.25, 1); -} -@keyframes ripple { -to { - transform: scale(1.5); - opacity: 0; -} -} -/* Common - ========================================================================== */ -/* Transitions - Based on Angular Material - ========================================================================== */ -/* Elevation - Based on Angular Material - ========================================================================== */ -.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 0.4s cubic-bezier(0.25, 0.8, 0.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%; - overflow: hidden; - position: relative; - z-index: 110; - outline: none; - border-radius: 2px; - opacity: 0; - box-shadow: 0 7px 9px -4px rgba(0, 0, 0, 0.2), 0 14px 21px 2px rgba(0, 0, 0, 0.14), 0 5px 26px 4px rgba(0, 0, 0, 0.12); - transform: scale(0.9, 0.85); - transform-origin: center center; - transition: opacity 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), transform 0.4s 0.05s cubic-bezier(0.25, 0.8, 0.25, 1); - 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; -} -.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-pack: end; - justify-content: flex-end; - -ms-flex-align: center; - align-items: center; -} -.md-dialog-actions .md-button { - min-width: 64px; - margin: 0; - padding: 0 8px; -} -.md-dialog-actions .md-button + .md-button { - margin-left: 8px; -} -/* Common - ========================================================================== */ -/* Transitions - Based on Angular Material - ========================================================================== */ -/* Elevation - Based on Angular Material - ========================================================================== */ -.md-divider { - height: 1px; - margin: 0; - padding: 0; - display: block; - border: 0; - background-color: rgba(0, 0, 0, 0.12); -} -.md-divider.md-inset { - margin-left: 72px; -} -/* Common - ========================================================================== */ -/* Transitions - Based on Angular Material - ========================================================================== */ -/* Elevation - Based on Angular Material - ========================================================================== */ -.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; -} -/* Common - ========================================================================== */ -/* Transitions - Based on Angular Material - ========================================================================== */ -/* Elevation - Based on Angular Material - ========================================================================== */ -.md-input-container { - min-height: 48px; - margin: 4px 0 24px; - padding-top: 16px; - position: relative; -} -.md-input-container:after { - height: 1px; - position: absolute; - right: 0; - bottom: 0; - left: 0; - background-color: rgba(0, 0, 0, 0.12); - transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); - content: " "; -} -.md-input-container label { - position: absolute; - top: 23px; - left: 0; - pointer-events: none; - transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); - transition-duration: .3s; - color: rgba(0, 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 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); - transition-property: font-size; - color: rgba(0, 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, 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; - line-height: 1.3em; - resize: none; -} -.md-input-container .md-error { - height: 20px; - display: block !important; - position: absolute; - opacity: 0; - transform: translate3d(0, -8px, 0); - transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.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-input-focused label, .md-input-container.md-has-value label { - pointer-events: auto; - top: 0; - opacity: 1; - font-size: 12px; -} -.md-input-container.md-input-focused input, -.md-input-container.md-input-focused textarea, .md-input-container.md-has-value input, -.md-input-container.md-has-value textarea { - font-size: 16px; -} -.md-input-container.md-has-value input, -.md-input-container.md-has-value textarea { - color: rgba(0, 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: bottom left repeat-x; - background-image: linear-gradient(to right, rgba(0, 0, 0, 0.38) 0%, rgba(0, 0, 0, 0.38) 33%, transparent 0%); - background-size: 4px 1px; -} -.md-input-container.md-input-disabled label, -.md-input-container.md-input-disabled input, -.md-input-container.md-input-disabled textarea { - color: rgba(0, 0, 0, 0.38); -} -.md-input-container.md-has-password.md-input-focused .md-toggle-password { - color: rgba(0, 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, 0.38); -} -.md-input-container.md-has-password .md-toggle-password .md-ink-ripple { - color: rgba(0, 0, 0, 0.87); -} -.md-input-container.md-input-invalid .md-error { - opacity: 1; - transform: translate3d(0, 0, 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:after { - color: rgba(0, 0, 0, 0.87); -} -/* Common - ========================================================================== */ -/* Transitions - Based on Angular Material - ========================================================================== */ -/* Elevation - Based on Angular Material - ========================================================================== */ -.md-list { - margin: 0; - padding: 8px 0; - display: -ms-flexbox; - display: flex; - -ms-flex-flow: column nowrap; - flex-flow: column nowrap; - 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) { - font-size: 13px; -} -.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) { - font-size: 13px; -} -.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 nowrap; - -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-icon, - .md-list-item .md-avatar { - margin: 0; -} -.md-list-item .md-icon:first-of-type + *, - .md-list-item .md-avatar: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, 0.54); -} -.md-list-item-expand { - min-height: 48px; - -ms-flex-flow: column wrap; - flex-flow: column wrap; - overflow: hidden; -} -.md-list-item-expand:before, .md-list-item-expand:after { - height: 1px; - position: absolute; - right: 0; - left: 0; - z-index: 3; - transition: all 0.4s cubic-bezier(0.25, 0.8, 0.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:before, .md-list-item-expand.md-active:after { - background-color: rgba(0, 0, 0, 0.12); -} -.md-list-item-expand.md-active:first-of-type:before { - background: none; -} -.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: rotateZ(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-list-item-container, - .md-list-item-expand .md-icon { - transition: all 0.4s cubic-bezier(0.25, 0.8, 0.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 0.5s cubic-bezier(0.35, 0, 0.25, 1); -} -.md-list-item-expand .md-list-expand.md-transition-off { - transition: none; -} -.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 nowrap; - -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, 0.54); - font-size: 14px; -} -.md-list-text-container > :nth-child(2):not(:last-child) { - color: rgba(0, 0, 0, 0.87); -} -/* Common - ========================================================================== */ -/* Transitions - Based on Angular Material - ========================================================================== */ -/* Elevation - Based on Angular Material - ========================================================================== */ -.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(0.9, 0.85) translateZ(0); - background-color: #fff; - border-radius: 2px; - box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2), 0 2px 2px rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12); - opacity: 0; - transition: width 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), opacity 0.25s cubic-bezier(0.55, 0, 0.55, 0.2), margin 0.2s cubic-bezier(0.55, 0, 0.55, 0.2), transform 0s 0.25s cubic-bezier(0.55, 0, 0.55, 0.2); - will-change: transform, opacity, width; - color: rgba(33, 33, 33, 0.87); -} -.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 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), opacity 0.35s cubic-bezier(0.25, 0.8, 0.25, 1), transform 0.25s 0.05s cubic-bezier(0.25, 0.8, 0.25, 1); -} -.md-menu-content.md-active .md-list { - opacity: 1; - transition: opacity 0.2s 0.15s cubic-bezier(0.25, 0.8, 0.25, 1); -} -.md-menu-content .md-list { - opacity: 0; - transition: opacity 0.2s cubic-bezier(0.25, 0.8, 0.25, 1); -} -.md-menu-item { - cursor: pointer; - font-size: 16px; - line-height: 1.2em; -} -.md-menu-item:hover .md-button:not([disabled]), .md-menu-item:focus .md-button:not([disabled]), .md-menu-item.md-highlighted .md-button:not([disabled]) { - background-color: rgba(0, 0, 0, 0.12); -} -.md-menu-item[disabled] { - cursor: default; - color: rgba(0, 0, 0, 0.38); -} -.md-menu-item .md-list-item-holder { - overflow: hidden; - text-overflow: ellipsis; -} -/* Common - ========================================================================== */ -/* Transitions - Based on Angular Material - ========================================================================== */ -/* Elevation - Based on Angular Material - ========================================================================== */ -.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, 0.54); - transition: all 0.4s cubic-bezier(0.25, 0.8, 0.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(0.38, 0.38, 1); - transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.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, 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 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); -} -/* Common - ========================================================================== */ -/* Transitions - Based on Angular Material - ========================================================================== */ -/* Elevation - Based on Angular Material - ========================================================================== */ -.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(0.45) scaleX(0.85); - transition: all 0.08s linear; - color: rgba(0, 0, 0, 0.54); - 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 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); - transition-duration: .25s; - transition-property: opacity, transform, top; -} -.md-select.md-active .md-select-menu > * { - opacity: 1; - transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2); - transition-duration: .15s; - transition-delay: .1s; -} -.md-select select { - position: absolute; - left: -999em; -} -.md-select .md-menu { - width: 100%; - height: 32px; - display: block; - position: relative; -} -.md-select .md-select-value { - width: 100%; - height: 32px; - padding-right: 24px; - display: block; - cursor: pointer; - overflow: hidden; - position: relative; - z-index: 2; - font-size: 16px; - line-height: 33px; - text-overflow: ellipsis; - white-space: nowrap; -} -.md-select .md-select-menu { - min-width: 156px; - max-width: 100%; - min-height: 48px; - display: -ms-flexbox; - display: flex; - -ms-flex-flow: column; - flex-flow: column; - -ms-flex-pack: stretch; - justify-content: stretch; - -ms-flex-line-pack: stretch; - align-content: stretch; - pointer-events: none; - position: absolute; - top: -16px; - left: -16px; - z-index: 7; - background-color: #fff; - border-radius: 2px; - box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2), 0 2px 2px rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12); - opacity: 0; - transform: scale3D(0.85, 0.7, 1); - transition: opacity 0.25s cubic-bezier(0.55, 0, 0.55, 0.2), top 0.25s cubic-bezier(0.55, 0, 0.55, 0.2), transform 0s 0.25s cubic-bezier(0.55, 0, 0.55, 0.2); - color: rgba(33, 33, 33, 0.87); -} -.md-select .md-select-menu > * { - opacity: 0; - transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); - transition-duration: .25s; -} -.md-select .md-select-menu-container { - margin: 0; - padding: 8px 0; - display: -ms-flexbox; - display: flex; - -ms-flex-flow: column; - flex-flow: column; - -ms-flex-pack: stretch; - justify-content: stretch; - -ms-flex-line-pack: stretch; - align-content: stretch; - overflow-x: hidden; - overflow-y: auto; -} -.md-select .md-subheader { - color: rgba(117, 117, 117, 0.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; -} -/* Common - ========================================================================== */ -/* Transitions - Based on Angular Material - ========================================================================== */ -/* Elevation - Based on Angular Material - ========================================================================== */ -.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-content, -.md-sidenav.md-fixed .md-sidenav-backdrop { - 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 0.4s cubic-bezier(0.25, 0.8, 0.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, 0.54); - opacity: 0; - transition: all 0.5s cubic-bezier(0.35, 0, 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, 0.2), 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12); - pointer-events: auto; - transform: translate3D(0, 0, 0); -} -.md-sidenav.md-active .md-sidenav-backdrop { - opacity: 1; - pointer-events: auto; -} -/* Common - ========================================================================== */ -/* Transitions - Based on Angular Material - ========================================================================== */ -/* Elevation - Based on Angular Material - ========================================================================== */ -.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, 0.54); - font-size: 14px; - font-weight: 500; -} -/* Common - ========================================================================== */ -/* Transitions - Based on Angular Material - ========================================================================== */ -/* Elevation - Based on Angular Material - ========================================================================== */ -.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 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); - background-color: rgba(0, 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, 0.2), 0 1px 1px rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12); - transition: all 0.08s 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, 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; -} -/* Common - ========================================================================== */ -/* Transitions - Based on Angular Material - ========================================================================== */ -/* Elevation - Based on Angular Material - ========================================================================== */ -.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-table-cell, - .md-table.md-transition-off .md-checkbox .md-checkbox-container, - .md-table.md-transition-off .md-checkbox .md-checkbox-container:after { - 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, 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, 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 0.4s cubic-bezier(0.25, 0.8, 0.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:hover, .md-table .md-sortable.md-sorted { - color: rgba(0, 0, 0, 0.87); -} -.md-table .md-sortable:hover .md-sortable-icon, .md-table .md-sortable.md-sorted .md-sortable-icon { - opacity: 1; -} -.md-table .md-sortable.md-sorted .md-sortable-icon { - color: rgba(0, 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 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); - transform: translateY(-50%); - opacity: 0; - color: rgba(0, 0, 0, 0.38); -} -.md-table .md-sortable .md-ink-ripple { - color: rgba(0, 0, 0, 0.87); -} -.md-table .md-table-cell { - height: 48px; - position: relative; - transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); - color: rgba(0, 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, 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-select-value, - .md-table .md-option { - font-size: 13px; -} -.md-table-edit-trigger { - display: inline-block; - cursor: pointer; - color: rgba(0, 0, 0, 0.38); -} -.md-table-edit-trigger.md-edited { - color: rgba(0, 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, 0.2), 0 2px 2px rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12); - background-color: #fff; - opacity: 0; - transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), max-height 0s 0.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 0.4s cubic-bezier(0.25, 0.8, 0.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, 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, 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, 0.87); -} -.md-table-card .md-table-pagination .md-button[disabled] .md-icon { - color: rgba(0, 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 0.4s cubic-bezier(0.25, 0.8, 0.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; -} -/* Common - ========================================================================== */ -/* Transitions - Based on Angular Material - ========================================================================== */ -/* Elevation - Based on Angular Material - ========================================================================== */ -.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 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); -} -.md-tabs .md-tabs-navigation { - height: 48px; - min-height: 48px; - position: relative; - z-index: 1; - display: -ms-flexbox; - display: flex; - transition: all 0.4s cubic-bezier(0.25, 0.8, 0.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 0.4s cubic-bezier(0.25, 0.8, 0.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 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), left 0.3s cubic-bezier(0.35, 0, 0.25, 1), right 0.15s cubic-bezier(0.35, 0, 0.25, 1); -} -.md-tabs .md-tab-indicator.md-to-left { - transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), right 0.3s cubic-bezier(0.35, 0, 0.25, 1), left 0.15s cubic-bezier(0.35, 0, 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: translate3d(0, 0, 0); - transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); -} -.md-tabs .md-tab { - padding: 16px; - position: absolute; - top: 0; - left: 0; - right: 0; -} -/* Common - ========================================================================== */ -/* Transitions - Based on Angular Material - ========================================================================== */ -/* Elevation - Based on Angular Material - ========================================================================== */ -.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 0.4s cubic-bezier(0.25, 0.8, 0.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: rgba(255, 255, 255, 0.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: rgba(255, 255, 255, 0.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; -} -/* Common - ========================================================================== */ -/* Transitions - Based on Angular Material - ========================================================================== */ -/* Elevation - Based on Angular Material - ========================================================================== */ -.md-tooltip { - height: 20px; - padding: 0 8px; - position: fixed; - z-index: 200; - pointer-events: none; - background-color: rgba(97, 97, 97, 0.87); - border-radius: 2px; - opacity: 0; - transform-origin: center top; - transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); - transition-duration: .3s; - transition-delay: 0s; - color: #fff; - font-family: Roboto, Lato, sans-serif; - font-size: 10px; - line-height: 20px; - text-transform: none; - white-space: nowrap; -} -.md-tooltip.md-active { - opacity: 1; - transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.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%, 0); -} -.md-tooltip.md-tooltip-right { - margin-left: 14px; - transform: translate(-8px, 50%); -} -.md-tooltip.md-tooltip-right.md-active { - transform: translate(0, 50%); -} -.md-tooltip.md-tooltip-bottom { - margin-top: 14px; - transform: translate(-50%, -8px); -} -.md-tooltip.md-tooltip-bottom.md-active { - transform: translate(-50%, 0); -} -.md-tooltip.md-tooltip-left { - margin-left: -14px; - transform: translate(8px, 50%); -} -.md-tooltip.md-tooltip-left.md-active { - transform: translate(0, 50%); -} -/* Common - ========================================================================== */ -/* Transitions - Based on Angular Material - ========================================================================== */ -/* Elevation - Based on Angular Material - ========================================================================== */ -.md-whiteframe { - position: relative; - z-index: 1; -} -.md-whiteframe-1dp { - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2), 0 1px 1px rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12); -} -.md-whiteframe-2dp { - box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2), 0 2px 2px rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12); -} -.md-whiteframe-3dp { - box-shadow: 0 1px 8px rgba(0, 0, 0, 0.2), 0 3px 4px rgba(0, 0, 0, 0.14), 0 3px 3px -2px rgba(0, 0, 0, 0.12); -} -.md-whiteframe-4dp { - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px rgba(0, 0, 0, 0.14), 0 1px 10px rgba(0, 0, 0, 0.12); -} -.md-whiteframe-5dp { - box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 5px 8px rgba(0, 0, 0, 0.14), 0 1px 14px rgba(0, 0, 0, 0.12); -} -.md-whiteframe-6dp { - box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px rgba(0, 0, 0, 0.14), 0 1px 18px rgba(0, 0, 0, 0.12); -} -.md-whiteframe-7dp { - box-shadow: 0 4px 5px -2px rgba(0, 0, 0, 0.2), 0 7px 10px 1px rgba(0, 0, 0, 0.14), 0 2px 16px 1px rgba(0, 0, 0, 0.12); -} -.md-whiteframe-8dp { - box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); -} -.md-whiteframe-9dp { - box-shadow: 0 5px 6px -3px rgba(0, 0, 0, 0.2), 0 9px 12px 1px rgba(0, 0, 0, 0.14), 0 3px 16px 2px rgba(0, 0, 0, 0.12); -} -.md-whiteframe-10dp { - box-shadow: 0 6px 6px -3px rgba(0, 0, 0, 0.2), 0 10px 14px 1px rgba(0, 0, 0, 0.14), 0 4px 18px 3px rgba(0, 0, 0, 0.12); -} -.md-whiteframe-11dp { - box-shadow: 0 6px 7px -4px rgba(0, 0, 0, 0.2), 0 11px 15px 1px rgba(0, 0, 0, 0.14), 0 4px 20px 3px rgba(0, 0, 0, 0.12); -} -.md-whiteframe-12dp { - box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 12px 17px 2px rgba(0, 0, 0, 0.14), 0 5px 22px 4px rgba(0, 0, 0, 0.12); -} -.md-whiteframe-13dp { - box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 13px 19px 2px rgba(0, 0, 0, 0.14), 0 5px 24px 4px rgba(0, 0, 0, 0.12); -} -.md-whiteframe-14dp { - box-shadow: 0 7px 9px -4px rgba(0, 0, 0, 0.2), 0 14px 21px 2px rgba(0, 0, 0, 0.14), 0 5px 26px 4px rgba(0, 0, 0, 0.12); -} -.md-whiteframe-15dp { - box-shadow: 0 8px 9px -5px rgba(0, 0, 0, 0.2), 0 15px 22px 2px rgba(0, 0, 0, 0.14), 0 6px 28px 5px rgba(0, 0, 0, 0.12); -} -.md-whiteframe-16dp { - box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.2), 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12); -} -.md-whiteframe-17dp { - box-shadow: 0 8px 11px -5px rgba(0, 0, 0, 0.2), 0 17px 26px 2px rgba(0, 0, 0, 0.14), 0 6px 32px 5px rgba(0, 0, 0, 0.12); -} -.md-whiteframe-18dp { - box-shadow: 0 9px 11px -5px rgba(0, 0, 0, 0.2), 0 18px 28px 2px rgba(0, 0, 0, 0.14), 0 7px 34px 6px rgba(0, 0, 0, 0.12); -} -.md-whiteframe-19dp { - box-shadow: 0 9px 12px -6px rgba(0, 0, 0, 0.2), 0 19px 29px 2px rgba(0, 0, 0, 0.14), 0 7px 36px 6px rgba(0, 0, 0, 0.12); -} -.md-whiteframe-20dp { - box-shadow: 0 10px 13px -6px rgba(0, 0, 0, 0.2), 0 20px 31px 3px rgba(0, 0, 0, 0.14), 0 8px 38px 7px rgba(0, 0, 0, 0.12); -} -.md-whiteframe-21dp { - box-shadow: 0 10px 13px -6px rgba(0, 0, 0, 0.2), 0 21px 33px 3px rgba(0, 0, 0, 0.14), 0 8px 40px 7px rgba(0, 0, 0, 0.12); -} -.md-whiteframe-22dp { - box-shadow: 0 10px 14px -6px rgba(0, 0, 0, 0.2), 0 22px 35px 3px rgba(0, 0, 0, 0.14), 0 8px 42px 7px rgba(0, 0, 0, 0.12); -} -.md-whiteframe-23dp { - box-shadow: 0 11px 14px -7px rgba(0, 0, 0, 0.2), 0 23px 36px 3px rgba(0, 0, 0, 0.14), 0 9px 44px 8px rgba(0, 0, 0, 0.12); -} -.md-whiteframe-24dp { - box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); -} - -/*# sourceMappingURL=vue-material.css.map*/ \ No newline at end of file +.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 .08s linear,opacity .08s linear}.md-bottom-bar-item .md-icon{transition:all .4s cubic-bezier(.25,.8,.25,1),color .08s 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-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-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%;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}.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-pack:end;justify-content:flex-end;-ms-flex-align:center;align-items:center}.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{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;line-height:1.3em;resize:none}.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:after{color:rgba(0,0,0,.87)}.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}.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);background-color:#fff;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;color:rgba(33,33,33,.87)}.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.md-highlighted .md-button:not([disabled]),.md-menu-item:focus .md-button:not([disabled]),.md-menu-item:hover .md-button:not([disabled]){background-color:rgba(0,0,0,.12)}.md-menu-item[disabled]{cursor:default;color:rgba(0,0,0,.38)}.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 .08s linear;color:rgba(0,0,0,.54);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 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-select-menu{min-width:156px;max-width:100%;min-height:48px;display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-ms-flex-pack:stretch;justify-content:stretch;-ms-flex-line-pack:stretch;align-content:stretch;pointer-events:none;position:absolute;top:-16px;left:-16px;z-index:7;background-color:#fff;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;transform:scale3D(.85,.7,1);transition:opacity .25s cubic-bezier(.55,0,.55,.2),top .25s cubic-bezier(.55,0,.55,.2),transform 0s cubic-bezier(.55,0,.55,.2) .25s;color:rgba(33,33,33,.87)}.md-select .md-select-menu>*{opacity:0;transition:all .4s cubic-bezier(.25,.8,.25,1);transition-duration:.25s}.md-select .md-select-menu-container{margin:0;padding:8px 0;display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-ms-flex-pack:stretch;justify-content:stretch;-ms-flex-line-pack:stretch;align-content:stretch;overflow-x:hidden;overflow-y:auto}.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-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 .08s 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,Lato,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)} \ No newline at end of file diff --git a/docs/src/pages/Changelog.vue b/docs/src/pages/Changelog.vue index 17a59a0..41a48da 100644 --- a/docs/src/pages/Changelog.vue +++ b/docs/src/pages/Changelog.vue @@ -1,6 +1,30 @@