From 14997c041b0e616542a3dc00ecefdda2bdd0523f Mon Sep 17 00:00:00 2001 From: Marcos Moura Date: Tue, 29 Nov 2016 04:56:00 -0200 Subject: [PATCH] [build] 0.4.0 --- dist/components/mdAvatar/index.css | 75 +- dist/components/mdBackdrop/index.css | 29 +- dist/components/mdBottomBar/index.css | 96 +- dist/components/mdButton/index.css | 193 +- dist/components/mdButtonToggle/index.css | 40 +- dist/components/mdCard/index.css | 302 +- dist/components/mdCheckbox/index.css | 82 +- dist/components/mdCore/index.css | 37 +- dist/components/mdDialog/index.css | 103 +- dist/components/mdDivider/index.css | 20 +- dist/components/mdIcon/index.css | 22 +- dist/components/mdInputContainer/index.css | 159 +- dist/components/mdList/index.css | 249 +- dist/components/mdMenu/index.css | 106 +- dist/components/mdRadio/index.css | 66 +- dist/components/mdSelect/index.css | 139 +- dist/components/mdSidenav/index.css | 57 +- dist/components/mdSubheader/index.css | 22 +- dist/components/mdSwitch/index.css | 83 +- dist/components/mdTable/index.css | 324 ++- dist/components/mdTabs/index.css | 133 +- dist/components/mdToolbar/index.css | 110 +- dist/components/mdTooltip/index.css | 68 +- dist/components/mdWhiteframe/index.css | 85 +- dist/docs/docs.7b2c1030.js | 32 + dist/docs/index.html | 2 +- ...ifest.90758caf.js => manifest.e672feb1.js} | 2 +- dist/docs/v0.3.3/assets/avatar.jpg | Bin 0 -> 6387 bytes .../v0.3.3/assets/logo-vue-material-cyan.png | Bin 0 -> 7920 bytes .../assets/logo-vue-material-default.png | Bin 7920 -> 4037 bytes ...ial-blue.png => logo-vue-material-red.png} | Bin dist/docs/{ => v0.3.3}/docs.123a8511.js | 0 dist/docs/v0.3.3/docs.1bd76a12.css | 1 + dist/docs/v0.3.3/docs.63f568a6.css | 1 - dist/docs/v0.3.3/docs.bb32f733.js | 28 - dist/docs/v0.3.3/index.html | 2 +- dist/docs/{ => v0.3.3}/manifest.d9f0ce05.js | 0 dist/vue-material.css | 2531 ++++++++++++++++- docs/src/components/PageContent.vue | 5 +- 39 files changed, 5144 insertions(+), 60 deletions(-) create mode 100644 dist/docs/docs.7b2c1030.js rename dist/docs/{v0.3.3/manifest.90758caf.js => manifest.e672feb1.js} (74%) create mode 100644 dist/docs/v0.3.3/assets/avatar.jpg create mode 100644 dist/docs/v0.3.3/assets/logo-vue-material-cyan.png rename dist/docs/v0.3.3/assets/{logo-vue-material-blue.png => logo-vue-material-red.png} (100%) rename dist/docs/{ => v0.3.3}/docs.123a8511.js (100%) create mode 100644 dist/docs/v0.3.3/docs.1bd76a12.css delete mode 100644 dist/docs/v0.3.3/docs.63f568a6.css delete mode 100644 dist/docs/v0.3.3/docs.bb32f733.js rename dist/docs/{ => v0.3.3}/manifest.d9f0ce05.js (100%) diff --git a/dist/components/mdAvatar/index.css b/dist/components/mdAvatar/index.css index 9938ca0..c7212d8 100644 --- a/dist/components/mdAvatar/index.css +++ b/dist/components/mdAvatar/index.css @@ -1 +1,74 @@ -.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 +/* 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 diff --git a/dist/components/mdBackdrop/index.css b/dist/components/mdBackdrop/index.css index ad07a0e..39d3e09 100644 --- a/dist/components/mdBackdrop/index.css +++ b/dist/components/mdBackdrop/index.css @@ -1 +1,28 @@ -.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 +/* 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 diff --git a/dist/components/mdBottomBar/index.css b/dist/components/mdBottomBar/index.css index a087b37..f704a87 100644 --- a/dist/components/mdBottomBar/index.css +++ b/dist/components/mdBottomBar/index.css @@ -1 +1,95 @@ -.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}.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 +/* 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; +} +.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 diff --git a/dist/components/mdButton/index.css b/dist/components/mdButton/index.css index a5e0271..43858de 100644 --- a/dist/components/mdButton/index.css +++ b/dist/components/mdButton/index.css @@ -1 +1,192 @@ -.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 +/* 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 diff --git a/dist/components/mdButtonToggle/index.css b/dist/components/mdButtonToggle/index.css index a248a48..3901c7b 100644 --- a/dist/components/mdButtonToggle/index.css +++ b/dist/components/mdButtonToggle/index.css @@ -1 +1,39 @@ -.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 +/* 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 diff --git a/dist/components/mdCard/index.css b/dist/components/mdCard/index.css index bf06836..dba99e0 100644 --- a/dist/components/mdCard/index.css +++ b/dist/components/mdCard/index.css @@ -1 +1,301 @@ -.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 +/* 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 diff --git a/dist/components/mdCheckbox/index.css b/dist/components/mdCheckbox/index.css index 1996eb0..477bec2 100644 --- a/dist/components/mdCheckbox/index.css +++ b/dist/components/mdCheckbox/index.css @@ -1 +1,81 @@ -.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 +/* 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 diff --git a/dist/components/mdCore/index.css b/dist/components/mdCore/index.css index 5bf66c2..609d22b 100644 --- a/dist/components/mdCore/index.css +++ b/dist/components/mdCore/index.css @@ -1 +1,36 @@ -.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 +/* 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 diff --git a/dist/components/mdDialog/index.css b/dist/components/mdDialog/index.css index 0baad8a..becc6dc 100644 --- a/dist/components/mdDialog/index.css +++ b/dist/components/mdDialog/index.css @@ -1 +1,102 @@ -.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 +/* 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 diff --git a/dist/components/mdDivider/index.css b/dist/components/mdDivider/index.css index 9752fe3..3df257d 100644 --- a/dist/components/mdDivider/index.css +++ b/dist/components/mdDivider/index.css @@ -1 +1,19 @@ -.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 +/* 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 diff --git a/dist/components/mdIcon/index.css b/dist/components/mdIcon/index.css index d17a718..dc59bd7 100644 --- a/dist/components/mdIcon/index.css +++ b/dist/components/mdIcon/index.css @@ -1 +1,21 @@ -.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 +/* 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 diff --git a/dist/components/mdInputContainer/index.css b/dist/components/mdInputContainer/index.css index 60aeabf..595fe91 100644 --- a/dist/components/mdInputContainer/index.css +++ b/dist/components/mdInputContainer/index.css @@ -1 +1,158 @@ -.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 +/* 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 diff --git a/dist/components/mdList/index.css b/dist/components/mdList/index.css index 5d33a78..6c94136 100644 --- a/dist/components/mdList/index.css +++ b/dist/components/mdList/index.css @@ -1 +1,248 @@ -.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 +/* 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 diff --git a/dist/components/mdMenu/index.css b/dist/components/mdMenu/index.css index 62c7076..aa7e0d1 100644 --- a/dist/components/mdMenu/index.css +++ b/dist/components/mdMenu/index.css @@ -1 +1,105 @@ -.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:fixed;z-index:120;background-color:#fff;border-radius:2px;filter:drop-shadow(0 1px 1px rgba(0,0,0,.2)) drop-shadow(0 2px 2px rgba(0,0,0,.14)) drop-shadow(0 1px 1px rgba(0,0,0,.12));opacity:0;transition:width .4s cubic-bezier(.25,.8,.25,1),opacity .25s cubic-bezier(.55,0,.55,.2),-webkit-clip-path .17s cubic-bezier(.55,0,.55,.2) .08s;transition:width .4s cubic-bezier(.25,.8,.25,1),opacity .25s cubic-bezier(.55,0,.55,.2),clip-path .17s cubic-bezier(.55,0,.55,.2) .08s;transition:width .4s cubic-bezier(.25,.8,.25,1),opacity .25s cubic-bezier(.55,0,.55,.2),clip-path .17s cubic-bezier(.55,0,.55,.2) .08s,-webkit-clip-path .17s cubic-bezier(.55,0,.55,.2) .08s;color:rgba(33,33,33,.87)}.md-menu-content,.md-menu-content.md-direction-bottom-right{-webkit-clip-path:inset(-8px 10% 16% -8px);clip-path:inset(-8px 10% 16% -8px)}.md-menu-content.md-direction-bottom-right{margin-top:-11px;margin-left:-8px}.md-menu-content.md-direction-bottom-left{margin-top:-11px;margin-left:8px;-webkit-clip-path:inset(-8px -8px 16% 10%);clip-path:inset(-8px -8px 16% 10%)}.md-menu-content.md-direction-top-right{margin-top:11px;margin-left:-8px;-webkit-clip-path:inset(16% 10% -8px -8px);clip-path:inset(16% 10% -8px -8px)}.md-menu-content.md-direction-top-left{margin-top:11px;margin-left:8px;-webkit-clip-path:inset(16% -8px -8px 10%);clip-path:inset(16% -8px -8px 10%)}.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;-webkit-clip-path:inset(-8px -8px -8px -8px);clip-path:inset(-8px -8px -8px -8px);transition:width .4s cubic-bezier(.25,.8,.25,1),opacity .4s cubic-bezier(.25,.8,.25,1),-webkit-clip-path .27s cubic-bezier(.25,.8,.25,1) .08s;transition:width .4s cubic-bezier(.25,.8,.25,1),opacity .4s cubic-bezier(.25,.8,.25,1),clip-path .27s cubic-bezier(.25,.8,.25,1) .08s;transition:width .4s cubic-bezier(.25,.8,.25,1),opacity .4s cubic-bezier(.25,.8,.25,1),clip-path .27s cubic-bezier(.25,.8,.25,1) .08s,-webkit-clip-path .27s cubic-bezier(.25,.8,.25,1) .08s}.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 +/* 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: fixed; + z-index: 120; + -webkit-clip-path: inset(-8px 10% 16% -8px); + clip-path: inset(-8px 10% 16% -8px); + background-color: #fff; + border-radius: 2px; + filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.2)) drop-shadow(0 2px 2px rgba(0, 0, 0, 0.14)) drop-shadow(0 1px 1px 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), -webkit-clip-path 0.17s 0.08s cubic-bezier(0.55, 0, 0.55, 0.2); + 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), clip-path 0.17s 0.08s cubic-bezier(0.55, 0, 0.55, 0.2); + 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), clip-path 0.17s 0.08s cubic-bezier(0.55, 0, 0.55, 0.2), -webkit-clip-path 0.17s 0.08s cubic-bezier(0.55, 0, 0.55, 0.2); + color: rgba(33, 33, 33, 0.87); +} +.md-menu-content.md-direction-bottom-right { + margin-top: -11px; + margin-left: -8px; + -webkit-clip-path: inset(-8px 10% 16% -8px); + clip-path: inset(-8px 10% 16% -8px); +} +.md-menu-content.md-direction-bottom-left { + margin-top: -11px; + margin-left: 8px; + -webkit-clip-path: inset(-8px -8px 16% 10%); + clip-path: inset(-8px -8px 16% 10%); +} +.md-menu-content.md-direction-top-right { + margin-top: 11px; + margin-left: -8px; + -webkit-clip-path: inset(16% 10% -8px -8px); + clip-path: inset(16% 10% -8px -8px); +} +.md-menu-content.md-direction-top-left { + margin-top: 11px; + margin-left: 8px; + -webkit-clip-path: inset(16% -8px -8px 10%); + clip-path: inset(16% -8px -8px 10%); +} +.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; + -webkit-clip-path: inset(-8px -8px -8px -8px); + clip-path: inset(-8px -8px -8px -8px); + transition: width 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), opacity 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), -webkit-clip-path 0.27s 0.08s cubic-bezier(0.25, 0.8, 0.25, 1); + transition: width 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), opacity 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), clip-path 0.27s 0.08s cubic-bezier(0.25, 0.8, 0.25, 1); + transition: width 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), opacity 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), clip-path 0.27s 0.08s cubic-bezier(0.25, 0.8, 0.25, 1), -webkit-clip-path 0.27s 0.08s 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 diff --git a/dist/components/mdRadio/index.css b/dist/components/mdRadio/index.css index c04a150..d33f6b2 100644 --- a/dist/components/mdRadio/index.css +++ b/dist/components/mdRadio/index.css @@ -1 +1,65 @@ -.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 +/* 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 diff --git a/dist/components/mdSelect/index.css b/dist/components/mdSelect/index.css index f52f215..e7747f9 100644 --- a/dist/components/mdSelect/index.css +++ b/dist/components/mdSelect/index.css @@ -1 +1,138 @@ -.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 +/* 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 diff --git a/dist/components/mdSidenav/index.css b/dist/components/mdSidenav/index.css index 4054ac6..a5b4606 100644 --- a/dist/components/mdSidenav/index.css +++ b/dist/components/mdSidenav/index.css @@ -1 +1,56 @@ -.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 +/* 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 diff --git a/dist/components/mdSubheader/index.css b/dist/components/mdSubheader/index.css index cbcff40..3f81d9e 100644 --- a/dist/components/mdSubheader/index.css +++ b/dist/components/mdSubheader/index.css @@ -1 +1,21 @@ -.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 +/* 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 diff --git a/dist/components/mdSwitch/index.css b/dist/components/mdSwitch/index.css index 52be3e3..c3aaece 100644 --- a/dist/components/mdSwitch/index.css +++ b/dist/components/mdSwitch/index.css @@ -1 +1,82 @@ -.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 +/* 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 diff --git a/dist/components/mdTable/index.css b/dist/components/mdTable/index.css index c59a7fd..2ec8d2f 100644 --- a/dist/components/mdTable/index.css +++ b/dist/components/mdTable/index.css @@ -1 +1,323 @@ -.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 +/* 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 diff --git a/dist/components/mdTabs/index.css b/dist/components/mdTabs/index.css index 7d894fa..bc9ec4d 100644 --- a/dist/components/mdTabs/index.css +++ b/dist/components/mdTabs/index.css @@ -1 +1,132 @@ -.md-tabs{width:100%;display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;position:relative}.md-tabs.md-has-icon.md-has-label .md-tabs-navigation{min-height:72px}.md-tabs.md-has-icon.md-has-label .md-tabs-navigation .md-icon{margin-bottom:10px}.md-tabs.md-centered .md-tabs-navigation{-ms-flex-pack:center;justify-content:center}.md-tabs.md-right .md-tabs-navigation{-ms-flex-pack:end;justify-content:flex-end}.md-tabs.md-fixed .md-tab-header{-ms-flex:1;flex:1}.md-tabs .md-tabs-navigation{height:48px;min-height:48px;z-index:1;display:-ms-flexbox;display:flex}.md-tabs .md-tab-header,.md-tabs .md-tabs-navigation{position:relative;transition:all .4s cubic-bezier(.25,.8,.25,1)}.md-tabs .md-tab-header{min-width:72px;max-width:264px;margin:0;padding:0 12px;display:inline-block;cursor:pointer;border:0;background:none;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-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-transition-off{transition:none!important}.md-tabs .md-tabs-content{width:100%;height:0;position:relative;overflow:hidden;transition:height .4s cubic-bezier(.25,.8,.25,1)}.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;pointer-events:none;transform:translate3d(0,-100%,0);transition:transform 0s .4s}.md-tabs .md-tab.md-active{transform:translateZ(0);pointer-events:auto;transition:none}.md-tabs.md-no-transition .md-tabs-content{transition:none!important} \ No newline at end of file +/* 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-has-icon.md-has-label .md-tabs-navigation { + min-height: 72px; +} +.md-tabs.md-has-icon.md-has-label .md-tabs-navigation .md-icon { + margin-bottom: 10px; +} +.md-tabs.md-centered .md-tabs-navigation { + -ms-flex-pack: center; + justify-content: center; +} +.md-tabs.md-right .md-tabs-navigation { + -ms-flex-pack: end; + justify-content: flex-end; +} +.md-tabs.md-fixed .md-tab-header { + -ms-flex: 1; + flex: 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-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-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-transition-off { + transition: none !important; +} +.md-tabs .md-tabs-content { + width: 100%; + height: 0; + position: relative; + overflow: hidden; + transition: height 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); +} +.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; + pointer-events: none; + transform: translate3d(0, -100%, 0); + transition: transform 0s 0.4s; +} +.md-tabs .md-tab.md-active { + transform: translate3d(0, 0, 0); + pointer-events: auto; + transition: none; +} +.md-tabs.md-no-transition .md-tabs-content { + transition: none !important; +} + +/*# sourceMappingURL=index.css.map*/ \ No newline at end of file diff --git a/dist/components/mdToolbar/index.css b/dist/components/mdToolbar/index.css index 9d504bf..2179945 100644 --- a/dist/components/mdToolbar/index.css +++ b/dist/components/mdToolbar/index.css @@ -1 +1,109 @@ -.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 +/* 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 diff --git a/dist/components/mdTooltip/index.css b/dist/components/mdTooltip/index.css index b4ecb32..577bb85 100644 --- a/dist/components/mdTooltip/index.css +++ b/dist/components/mdTooltip/index.css @@ -1 +1,67 @@ -.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 +/* 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 diff --git a/dist/components/mdWhiteframe/index.css b/dist/components/mdWhiteframe/index.css index fdbde2e..3ecec27 100644 --- a/dist/components/mdWhiteframe/index.css +++ b/dist/components/mdWhiteframe/index.css @@ -1 +1,84 @@ -.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 +/* 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 diff --git a/dist/docs/docs.7b2c1030.js b/dist/docs/docs.7b2c1030.js new file mode 100644 index 0000000..5bbe3a1 --- /dev/null +++ b/dist/docs/docs.7b2c1030.js @@ -0,0 +1,32 @@ +webpackJsonp([1,0,2],[function(t,e,n){"use strict";function a(t){return t&&t.__esModule?t:{default:t}}var o=n(6),i=a(o),d=n(382),r=a(d);n(8);var s=n(9),m=a(s),l=n(198),c=a(l),u=n(205),h=a(u),p=n(203),b=a(p),f=n(204),_=a(f),v=n(199),g=a(v),y=n(200),x=a(y),C=n(202),w=a(C),E=n(201),k=a(E);i.default.component("page-content",h.default),i.default.component("docs-component",b.default),i.default.component("example-box",_.default),i.default.component("api-table",g.default),i.default.component("code-block",x.default),i.default.component("demo-page",w.default),i.default.component("demo-example",k.default),i.default.use(r.default);var M=new r.default({routes:m.default}),A=i.default.component("app",c.default),T=function(t){"getting-started"===t.name?A.theme="indigo":t.name.indexOf("themes")>=0?A.theme="teal":t.name.indexOf("ui-elements")>=0?A.theme="blue-grey":"changelog"===t.name?A.theme="orange":"about"===t.name?A.theme="green":"error"===t.name?A.theme="red":A.theme="default"};A=new A({el:"#app",router:M}),T(M.currentRoute),M.afterEach(function(t){i.default.nextTick(function(){var e=document.querySelector(".main-content");e&&(e.scrollTop=0),A.closeSidenav(),T(t)})})},function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var n=function t(e,n){return!!e.$el&&(0!==e._uid&&(e.$el.classList.contains(n)?e:t(e.$parent,n)))};e.default=n,t.exports=e.default},function(t,e){"use strict";function n(){var t=document.createElement("span"),e={transition:"transitionend",OTransition:"oTransitionEnd",MozTransition:"transitionend",WebkitTransition:"webkitTransitionEnd"};for(var n in e)if(void 0!==t.style[n])return e[n]}Object.defineProperty(e,"__esModule",{value:!0}),e.default=n(),t.exports=e.default},function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={props:{value:[String,Number],disabled:Boolean,required:Boolean,maxlength:[Number,String],placeholder:String},watch:{value:function(t){this.setParentValue(t)},disabled:function(){this.setParentDisabled()},required:function(){this.setParentRequired()},placeholder:function(){this.setParentPlaceholder()},maxlength:function(){this.handleMaxLength()}},methods:{handleMaxLength:function(){this.parentContainer.enableCounter=this.maxlength>0,this.parentContainer.counterLength=this.maxlength},setParentValue:function(t){this.parentContainer.setValue(t||this.$el.value)},setParentDisabled:function(){this.parentContainer.isDisabled=this.disabled},setParentRequired:function(){this.parentContainer.isRequired=this.required},setParentPlaceholder:function(){this.parentContainer.hasPlaceholder=!!this.placeholder},onFocus:function(){this.parentContainer.isFocused=!0},onBlur:function(){this.parentContainer.isFocused=!1,this.setParentValue()},onInput:function(){var t=this.$el.value;this.setParentValue(),this.parentContainer.inputLength=t?t.length:0,this.$emit("change",t),this.$emit("input",t)}}},t.exports=e.default},function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var n=8,a=function(t,e){return e.top<=n-parseInt(getComputedStyle(t).marginTop,10)},o=function(t,e){return e.top+t.offsetHeight+n>=window.innerHeight-parseInt(getComputedStyle(t).marginTop,10)},i=function(t,e){return e.left<=n-parseInt(getComputedStyle(t).marginLeft,10)},d=function(t,e){return e.left+t.offsetWidth+n>=window.innerWidth-parseInt(getComputedStyle(t).marginLeft,10)},r=function(t,e){var r=getComputedStyle(t);return a(t,e)&&(e.top=n-parseInt(r.marginTop,10)),i(t,e)&&(e.left=n-parseInt(r.marginLeft,10)),d(t,e)&&(e.left=window.innerWidth-n-t.offsetWidth-parseInt(r.marginLeft,10)),o(t,e)&&(e.top=window.innerHeight-n-t.offsetHeight-parseInt(r.marginTop,10)),e};e.default=r,t.exports=e.default},function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var n=function(t){return t&&t.constructor===Array};e.default=n,t.exports=e.default},function(t,e,n){(function(e){/*! + * Vue.js v2.1.3 + * (c) 2014-2016 Evan You + * Released under the MIT License. + */ +"use strict";function n(t){return null==t?"":"object"==typeof t?JSON.stringify(t,null,2):String(t)}function a(t){var e=parseFloat(t,10);return e||0===e?e:t}function o(t,e){for(var n=Object.create(null),a=t.split(","),o=0;o-1)return t.splice(n,1)}}function d(t,e){return un.call(t,e)}function r(t){return"string"==typeof t||"number"==typeof t}function s(t){var e=Object.create(null);return function(n){var a=e[n];return a||(e[n]=t(n))}}function m(t,e){function n(n){var a=arguments.length;return a?a>1?t.apply(e,arguments):t.call(e,n):t.call(e)}return n._length=t.length,n}function l(t,e){e=e||0;for(var n=t.length-e,a=new Array(n);n--;)a[n]=t[n+e];return a}function c(t,e){for(var n in e)t[n]=e[n];return t}function u(t){return null!==t&&"object"==typeof t}function h(t){return vn.call(t)===gn}function p(t){for(var e={},n=0;nDn._maxUpdateCount)){In("You may have an infinite update loop "+(t.user?'in watcher with expression "'+t.expression+'"':"in a component render function."),t.vm);break}}On&&Dn.devtools&&On.emit("flush"),W()}function Y(t){var e=t.id;if(null==na[e]){if(na[e]=!0,ia){for(var n=ea.length-1;n>=0&&ea[n].id>t.id;)n--;ea.splice(Math.max(n,da)+1,0,t)}else ea.push(t);oa||(oa=!0,Sn(G))}}function K(t){ma.clear(),J(t,ma)}function J(t,e){var n,a,o=Array.isArray(t);if((o||u(t))&&Object.isExtensible(t)){if(t.__ob__){var i=t.__ob__.dep.id;if(e.has(i))return;e.add(i)}if(o)for(n=t.length;n--;)J(t[n],e);else for(a=Object.keys(t),n=a.length;n--;)J(t[a[n]],e)}}function Q(t){t._watchers=[],X(t),Z(t),tt(t),nt(t),at(t)}function X(t){var e=t.$options.props;if(e){var n=t.$options.propsData||{},a=t.$options._propKeys=Object.keys(e),o=!t.$parent;Vn.shouldConvert=o;for(var i=function(o){var i=a[o];la(i)&&In('"'+i+'" is a reserved attribute and cannot be used as component prop.',t),T(t,i,F(i,e,n,t),function(){t.$parent&&!Vn.isSettingProps&&In("Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders. Instead, use a data or computed property based on the prop's value. Prop being mutated: \""+i+'"',t)})},d=0;d1?l(n):n;for(var a=l(arguments,1),o=0,i=n.length;o-1:t.test(e)}function Yt(t){var e={};e.get=function(){return Dn},e.set=function(){In("Do not replace the Vue.config object, set individual fields instead.")},Object.defineProperty(t,"config",e),t.util=Kn,t.set=N,t.delete=R,t.nextTick=Sn,t.options=Object.create(null),Dn._assetTypes.forEach(function(e){t.options[e+"s"]=Object.create(null)}),t.options._base=t,c(t.options.components,ya),zt(t),Vt(t),Ut(t),Wt(t)}function Kt(t){for(var e=t.data,n=t,a=t;a.child;)a=a.child._vnode,a.data&&(e=Jt(a.data,e));for(;n=n.parent;)n.data&&(e=Jt(e,n.data));return Qt(e)}function Jt(t,e){return{staticClass:Xt(t.staticClass,e.staticClass),class:t.class?[t.class,e.class]:e.class}}function Qt(t){var e=t.class,n=t.staticClass;return n||e?Xt(n,Zt(e)):""}function Xt(t,e){return t?e?t+" "+e:t:e||""}function Zt(t){var e="";if(!t)return e;if("string"==typeof t)return t;if(Array.isArray(t)){for(var n,a=0,o=t.length;a-1?Pa[t]=e.constructor===window.HTMLUnknownElement||e.constructor===window.HTMLElement:Pa[t]=/HTMLUnknownElement/.test(e.toString())}function ne(t){if("string"==typeof t){var e=t;if(t=document.querySelector(t),!t)return In("Cannot find element: "+e),document.createElement("div")}return t}function ae(t,e){var n=document.createElement(t);return"select"!==t?n:(e.data&&e.data.attrs&&"multiple"in e.data.attrs&&n.setAttribute("multiple","multiple"),n)}function oe(t,e){return document.createElementNS(Na[t],e)}function ie(t){return document.createTextNode(t)}function de(t){return document.createComment(t)}function re(t,e,n){t.insertBefore(e,n)}function se(t,e){t.removeChild(e)}function me(t,e){t.appendChild(e)}function le(t){return t.parentNode}function ce(t){return t.nextSibling}function ue(t){return t.tagName}function he(t,e){t.textContent=e}function pe(t){return t.childNodes}function be(t,e,n){t.setAttribute(e,n)}function fe(t,e){var n=t.data.ref;if(n){var a=t.context,o=t.child||t.elm,d=a.$refs;e?Array.isArray(d[n])?i(d[n],o):d[n]===o&&(d[n]=void 0):t.data.refInFor?Array.isArray(d[n])&&d[n].indexOf(o)<0?d[n].push(o):d[n]=[o]:d[n]=o}}function _e(t){return null==t}function ve(t){return null!=t}function ge(t,e){return t.key===e.key&&t.tag===e.tag&&t.isComment===e.isComment&&!t.data==!e.data}function ye(t,e,n){var a,o,i={};for(a=e;a<=n;++a)o=t[a].key,ve(o)&&(i[o]=a);return i}function xe(t){function e(t){return new ua(k.tagName(t).toLowerCase(),{},[],void 0,t)}function a(t,e){function n(){0===--n.listeners&&o(t)}return n.listeners=e,n}function o(t){var e=k.parentNode(t);e&&k.removeChild(e,t)}function i(t,e,n){var a,o=t.data;if(t.isRootInsert=!n,ve(o)&&(ve(a=o.hook)&&ve(a=a.init)&&a(t),ve(a=t.child)))return l(t,e),t.elm;var i=t.children,r=t.tag;return ve(r)?(t.ns||Dn.ignoredElements&&Dn.ignoredElements.indexOf(r)>-1||!Dn.isUnknownElement(r)||In("Unknown custom element: <"+r+'> - did you register the component correctly? For recursive components, make sure to provide the "name" option.',t.context),t.elm=t.ns?k.createElementNS(t.ns,r):k.createElement(r,t),c(t),d(t,i,e),ve(o)&&m(t,e)):t.isComment?t.elm=k.createComment(t.text):t.elm=k.createTextNode(t.text),t.elm}function d(t,e,n){if(Array.isArray(e))for(var a=0;ah?(m=_e(n[v+1])?null:n[v+1].elm,u(t,m,n,c,v,a)):c>v&&p(t,e,l,h)}function _(t,e,n,a){if(t!==e){if(e.isStatic&&t.isStatic&&e.key===t.key&&(e.isCloned||e.isOnce))return e.elm=t.elm,void(e.child=t.child);var o,i=e.data,d=ve(i);d&&ve(o=i.hook)&&ve(o=o.prepatch)&&o(t,e);var r=e.elm=t.elm,m=t.children,l=e.children;if(d&&s(e)){for(o=0;o, or missing . Bailing hydration and performing full client-side render.")}t=e(t)}if(d=t.elm,r=k.parentNode(d),i(n,l),n.parent){for(var u=n.parent;u;)u.elm=n.elm,u=u.parent;if(s(n))for(var b=0;b-1?e.split(/\s+/).forEach(function(e){return t.classList.add(e)}):t.classList.add(e);else{var n=" "+t.getAttribute("class")+" ";n.indexOf(" "+e+" ")<0&&t.setAttribute("class",(n+e).trim())}}function Le(t,e){if(e&&e.trim())if(t.classList)e.indexOf(" ")>-1?e.split(/\s+/).forEach(function(e){return t.classList.remove(e)}):t.classList.remove(e);else{for(var n=" "+t.getAttribute("class")+" ",a=" "+e+" ";n.indexOf(a)>=0;)n=n.replace(a," ");t.setAttribute("class",n.trim())}}function He(t){oo(function(){oo(t)})}function je(t,e){(t._transitionClasses||(t._transitionClasses=[])).push(e),Ie(t,e)}function $e(t,e){t._transitionClasses&&i(t._transitionClasses,e),Le(t,e)}function Fe(t,e,n){var a=Be(t,e),o=a.type,i=a.timeout,d=a.propCount;if(!o)return n();var r=o===Xa?eo:ao,s=0,m=function(){t.removeEventListener(r,l),n()},l=function(e){e.target===t&&++s>=d&&m()};setTimeout(function(){s0&&(n=Xa,l=d,c=i.length):e===Za?m>0&&(n=Za,l=m,c=s.length):(l=Math.max(d,m),n=l>0?d>m?Xa:Za:null,c=n?n===Xa?i.length:s.length:0);var u=n===Xa&&io.test(a[to+"Property"]);return{type:n,timeout:l,propCount:c,hasTransform:u}}function qe(t,e){for(;t.length1,T=e._enterCb=Ge(function(){M&&$e(e,x),T.cancelled?(M&&$e(e,y),k&&k(e)):E&&E(e),e._enterCb=null});t.data.show||mt(t.data.hook||(t.data.hook={}),"insert",function(){var n=e.parentNode,a=n&&n._pending&&n._pending[t.key];a&&a.tag===t.tag&&a.elm._leaveCb&&a.elm._leaveCb(),w&&w(e,T)},"transition-insert"),C&&C(e),M&&(je(e,y),je(e,x),He(function(){$e(e,y),T.cancelled||A||Fe(e,o,T)})),t.data.show&&w&&w(e,T),M||A||T()}}}function Ue(t,e){function n(){f.cancelled||(t.data.show||((a.parentNode._pending||(a.parentNode._pending={}))[t.key]=t),m&&m(a),p&&(je(a,r),je(a,s),He(function(){$e(a,r),f.cancelled||b||Fe(a,d,f)})),l&&l(a,f),p||b||f())}var a=t.elm;a._enterCb&&(a._enterCb.cancelled=!0,a._enterCb());var o=We(t.data.transition);if(!o)return e();if(!a._leaveCb&&1===a.nodeType){var i=o.css,d=o.type,r=o.leaveClass,s=o.leaveActiveClass,m=o.beforeLeave,l=o.leave,c=o.afterLeave,u=o.leaveCancelled,h=o.delayLeave,p=i!==!1&&!Mn,b=l&&(l._length||l.length)>1,f=a._leaveCb=Ge(function(){a.parentNode&&a.parentNode._pending&&(a.parentNode._pending[t.key]=null),p&&$e(a,s),f.cancelled?(p&&$e(a,r),u&&u(a)):(e(),c&&c(a)),a._leaveCb=null});h?h(n):n()}}function We(t){if(t){if("object"==typeof t){var e={};return t.css!==!1&&c(e,ro(t.name||"v")),c(e,t),e}return"string"==typeof t?ro(t):void 0}}function Ge(t){var e=!1;return function(){e||(e=!0,t())}}function Ye(t,e,n){var a=e.value,o=t.multiple;if(o&&!Array.isArray(a))return void In(' expects an Array value for its binding, but got '+Object.prototype.toString.call(a).slice(8,-1),n);for(var i,d,r=0,s=t.options.length;r-1,d.selected!==i&&(d.selected=i);else if(_(Je(d),a))return void(t.selectedIndex!==r&&(t.selectedIndex=r));o||(t.selectedIndex=-1)}function Ye(t,e){for(var n=0,a=e.length;n0,An=wn&&wn.indexOf("edge/")>0,Tn=wn&&wn.indexOf("android")>0,Nn=wn&&/iphone|ipad|ipod|ios/.test(wn),Rn=En&&window.__VUE_DEVTOOLS_GLOBAL_HOOK__,On=function(){function t(){a=!1;var t=n.slice(0);n.length=0;for(var e=0;e":"anonymous component")+(t._isVue&&t.$options.__file?" at "+t.$options.__file:"")};var la=function(t){return"anonymous component"===t&&(t+=' - use the "name" option for better debugging messages.'),"\n(found in "+t+")"},ca=yn.optionMergeStrategies;ca.el=ca.propsData=function(t,e,n,a){return n||sa('option "'+a+'" can only be used during instance creation with the `new` keyword.'),ua(t,e)},ca.data=function(t,e,n){return n?t||e?function(){var a="function"==typeof e?e.call(n):e,o="function"==typeof t?t.call(n):void 0;return a?Rt(a,o):o}:void 0:e?"function"!=typeof e?(sa('The "data" option should be a function that returns a per-instance value in component definitions.',n),t):t?function(){return Rt(e.call(this),t.call(this))}:e:t},yn._lifecycleHooks.forEach(function(t){ca[t]=Ot}),yn._assetTypes.forEach(function(t){ca[t+"s"]=St}),ca.watch=function(t,e){if(!e)return t;if(!t)return e;var n={};u(n,t);for(var a in e){var o=n[a],i=e[a];o&&!Array.isArray(o)&&(o=[o]),n[a]=o?o.concat(i):[i]}return n},ca.props=ca.methods=ca.computed=function(t,e){if(!e)return t;if(!t)return e;var n=Object.create(null);return u(n,t),u(n,e),n};var ua=function(t,e){return void 0===e?t:e},ha=Object.freeze({defineReactive:I,_toString:a,toNumber:o,makeMap:i,isBuiltInTag:ln,remove:d,hasOwn:r,isPrimitive:s,cached:m,camelize:hn,capitalize:pn,hyphenate:bn,bind:l,toArray:c,extend:u,isObject:h,isPlainObject:p,toObject:f,noop:b,no:gn,genStaticKeys:v,looseEqual:_,looseIndexOf:g,isReserved:y,def:x,parsePath:C,hasProto:Cn,inBrowser:En,UA:wn,isIE:Mn,isIE9:kn,isEdge:An,isAndroid:Tn,isIOS:Nn,devtools:Rn,nextTick:On,get _Set(){return mn},mergeOptions:Ht,resolveAsset:Dt,get warn(){return sa},get formatComponentName(){return ra},validateProp:jt}),pa={name:"keep-alive",abstract:!0,created:function(){this.cache=Object.create(null)},render:function(){var t=at(this.$slots.default);if(t&&t.componentOptions){var e=t.componentOptions,n=null==t.key?e.Ctor.cid+"::"+e.tag:t.key;this.cache[n]?t.child=this.cache[n].child:this.cache[n]=t,t.data.keepAlive=!0}return t},destroyed:function(){var t=this;for(var e in this.cache){var n=t.cache[e];dt(n.child,"deactivated"),n.child.$destroy()}}},fa={KeepAlive:pa};Kt(Nt),Object.defineProperty(Nt.prototype,"$isServer",{get:function(){return yn._isServer}}),Nt.version="2.0.8";var ba,va=function(t,e){return"value"===e&&("input"===t||"textarea"===t||"option"===t)||"selected"===e&&"option"===t||"checked"===e&&"input"===t||"muted"===e&&"video"===t},_a=i("contenteditable,draggable,spellcheck"),ga=i("allowfullscreen,async,autofocus,autoplay,checked,compact,controls,declare,default,defaultchecked,defaultmuted,defaultselected,defer,disabled,enabled,formnovalidate,hidden,indeterminate,inert,ismap,itemscope,loop,multiple,muted,nohref,noresize,noshade,novalidate,nowrap,open,pauseonexit,readonly,required,reversed,scoped,seamless,selected,sortable,translate,truespeed,typemustmatch,visible"),ya=(i("accept,accept-charset,accesskey,action,align,alt,async,autocomplete,autofocus,autoplay,autosave,bgcolor,border,buffered,challenge,charset,checked,cite,class,code,codebase,color,cols,colspan,content,http-equiv,name,contenteditable,contextmenu,controls,coords,data,datetime,default,defer,dir,dirname,disabled,download,draggable,dropzone,enctype,method,for,form,formaction,headers,,height,hidden,high,href,hreflang,http-equiv,icon,id,ismap,itemprop,keytype,kind,label,lang,language,list,loop,low,manifest,max,maxlength,media,method,GET,POST,min,multiple,email,file,muted,name,novalidate,open,optimum,pattern,ping,placeholder,poster,preload,radiogroup,readonly,rel,required,reversed,rows,rowspan,sandbox,scope,scoped,seamless,selected,shape,size,type,text,password,sizes,span,spellcheck,src,srcdoc,srclang,srcset,start,step,style,summary,tabindex,target,title,type,usemap,value,width,wrap"),"http://www.w3.org/1999/xlink"),xa=function(t){return":"===t.charAt(5)&&"xlink"===t.slice(0,5)},Ca=function(t){return xa(t)?t.slice(6,t.length):""},Ea=function(t){return null==t||t===!1},wa={svg:"http://www.w3.org/2000/svg",math:"http://www.w3.org/1998/Math/MathML",xhtml:"http://www.w3.org/1999/xhtml"},Ma=i("html,body,base,head,link,meta,style,title,address,article,aside,footer,header,h1,h2,h3,h4,h5,h6,hgroup,nav,section,div,dd,dl,dt,figcaption,figure,hr,img,li,main,ol,p,pre,ul,a,b,abbr,bdi,bdo,br,cite,code,data,dfn,em,i,kbd,mark,q,rp,rt,rtc,ruby,s,samp,small,span,strong,sub,sup,time,u,var,wbr,area,audio,map,track,video,embed,object,param,source,canvas,script,noscript,del,ins,caption,col,colgroup,table,thead,tbody,td,th,tr,button,datalist,fieldset,form,input,label,legend,meter,optgroup,option,output,progress,select,textarea,details,dialog,menu,menuitem,summary,content,element,shadow,template"),ka=(i("area,base,br,col,embed,frame,hr,img,input,isindex,keygen,link,meta,param,source,track,wbr",!0),i("colgroup,dd,dt,li,options,p,td,tfoot,th,thead,tr,source",!0),i("address,article,aside,base,blockquote,body,caption,col,colgroup,dd,details,dialog,div,dl,dt,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,head,header,hgroup,hr,html,legend,li,menuitem,meta,optgroup,option,param,rp,rt,source,style,summary,tbody,td,tfoot,th,thead,title,tr,track",!0),i("svg,animate,circle,clippath,cursor,defs,desc,ellipse,filter,font,font-face,g,glyph,image,line,marker,mask,missing-glyph,path,pattern,polygon,polyline,rect,switch,symbol,text,textpath,tspan,use,view",!0)),Aa=function(t){return Ma(t)||ka(t)},Ta=Object.create(null),Na=Object.freeze({createElement:ae,createElementNS:oe,createTextNode:ie,createComment:de,insertBefore:re,removeChild:se,appendChild:me,parentNode:le,nextSibling:ce,tagName:ue,setTextContent:he,childNodes:pe,setAttribute:fe}),Ra={create:function(t,e){be(e)},update:function(t,e){t.data.ref!==e.data.ref&&(be(t,!0),be(e))},destroy:function(t){be(t,!0)}},Oa=new ea("",{},[]),Sa=["create","update","remove","destroy"],Pa={create:Ce,update:Ce,destroy:function(t){Ce(t,Oa)}},Ia=Object.create(null),La=[Ra,Pa],Ha={create:ke,update:ke},Da={create:Te,update:Te},ja={create:Ne,update:Ne},Fa={create:Re,update:Re},$a=m(function(t){var e={},n=t.indexOf("background")>=0,a=n?/;(?![^(]*\))/g:";",o=n?/:(.+)/:":";return t.split(a).forEach(function(t){if(t){var n=t.split(o);n.length>1&&(e[n[0].trim()]=n[1].trim())}}),e}),Ba=/^--/,qa=function(t,e,n){Ba.test(e)?t.style.setProperty(e,n):t.style[Va(e)]=n},za=["Webkit","Moz","ms"],Va=m(function(t){if(ba=ba||document.createElement("div"),t=hn(t),"filter"!==t&&t in ba.style)return t;for(var e=t.charAt(0).toUpperCase()+t.slice(1),n=0;n. If you are working with contenteditable, it's recommended to wrap a library dedicated for that purpose inside a custom component.",n.context),"select"===n.tag){var a=function(){Ke(t,e,n.context)};a(),(Mn||An)&&setTimeout(a,0)}else"textarea"!==n.tag&&"text"!==t.type||e.modifiers.lazy||(Tn||(t.addEventListener("compositionstart",Qe),t.addEventListener("compositionend",Xe)),kn&&(t.vmodel=!0))},componentUpdated:function(t,e,n){if("select"===n.tag){Ke(t,e,n.context);var a=t.multiple?e.value.some(function(e){return Ye(e,t.options)}):e.value!==e.oldValue&&Ye(e.value,t.options);a&&Ze(t,"change")}}},mo={bind:function(t,e,n){var a=e.value;n=tn(n);var o=n.data&&n.data.transition;a&&o&&!kn&&Ve(n);var i="none"===t.style.display?"":t.style.display;t.style.display=a?i:"none",t.__vOriginalDisplay=i},update:function(t,e,n){var a=e.value,o=e.oldValue;if(a!==o){n=tn(n);var i=n.data&&n.data.transition;i&&!kn?a?(Ve(n),t.style.display=t.__vOriginalDisplay):Ue(n,function(){t.style.display="none"}):t.style.display=a?t.__vOriginalDisplay:"none"}}},lo={model:so,show:mo},co={name:String,appear:Boolean,css:Boolean,mode:String,type:String,enterClass:String,leaveClass:String,enterActiveClass:String,leaveActiveClass:String,appearClass:String,appearActiveClass:String},uo={name:"transition",props:co,abstract:!0,render:function(t){var e=this,n=this.$slots.default;if(n&&(n=n.filter(function(t){return t.tag}),n.length)){n.length>1&&sa(" can only be used on a single element. Use for lists.",this.$parent);var a=this.mode;a&&"in-out"!==a&&"out-in"!==a&&sa("invalid mode: "+a,this.$parent);var o=n[0];if(on(this.$vnode))return o;var i=en(o);if(!i)return o;if(this._leaving)return an(t,o);var d=i.key=null==i.key||i.isStatic?"__v"+(i.tag+this._uid)+"__":i.key,r=(i.data||(i.data={})).transition=nn(this),s=this._vnode,m=en(s);if(i.data.directives&&i.data.directives.some(function(t){return"show"===t.name})&&(i.data.show=!0),m&&m.data&&m.key!==d){var l=m.data.transition=u({},r);if("out-in"===a)return this._leaving=!0,J(l,"afterLeave",function(){e._leaving=!1,e.$forceUpdate()},d),an(t,o);if("in-out"===a){var c,h=function(){c()};J(r,"afterEnter",h,d),J(r,"enterCancelled",h,d),J(l,"delayLeave",function(t){c=t},d)}}return o}}},ho=u({tag:String,moveClass:String},co);delete ho.mode;var po={props:ho,render:function(t){for(var e=this.tag||this.$vnode.data.tag||"span",n=Object.create(null),a=this.prevChildren=this.children,o=this.$slots.default||[],i=this.children=[],d=nn(this),r=0;r children must be keyed: <"+l+">")}}if(a){for(var c=[],u=[],h=0;h-1},get:function(n){return e[t.indexOf(n)]},set:function(n,a){t.indexOf(n)===-1&&(t.push(n),e.push(a))},delete:function(n){var a=t.indexOf(n);a>-1&&(t.splice(a,1),e.splice(a,1))}}}(),d=function(t){return new Event(t)};try{new Event("test")}catch(t){d=function(t){var e=document.createEvent("Event");return e.initEvent(t,!0,!1),e}}var r=null;"undefined"==typeof window||"function"!=typeof window.getComputedStyle?(r=function(t){return t},r.destroy=function(t){return t},r.update=function(t){return t}):(r=function(t,e){return t&&Array.prototype.forEach.call(t.length?t:[t],function(t){return n(t,e)}),t},r.destroy=function(t){return t&&Array.prototype.forEach.call(t.length?t:[t],a),t},r.update=function(t){return t&&Array.prototype.forEach.call(t.length?t:[t],o),t}),e.exports=r})},function(t,e,n){"use strict";function a(t){return t&&t.__esModule?t:{default:t}}var o=n(7),i=a(o),d=n(37),r=a(d);i.default.use(r.default),i.default.material.theme.registerAll({default:{primary:"cyan",accent:"pink"},indigo:{primary:"indigo",accent:"pink"},brown:{primary:"brown",accent:"green"},purple:{primary:"purple",accent:"blue"},orange:{primary:"orange",accent:"green"},blue:{primary:"blue",accent:"pink"},green:{primary:"green",accent:"pink"},"light-blue":{primary:"light-blue",accent:{color:"cyan",hue:"A200"}},teal:{primary:"teal",accent:"orange"},"blue-grey":{primary:"blue-grey",accent:"blue"},cyan:{primary:"cyan",accent:"pink"},white:{primary:"white",accent:"indigo"},grey:{primary:{color:"grey",hue:300},accent:"indigo"}})},function(t,e,n){"use strict";function a(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var o=n(178),i=a(o),d=n(177),r=a(d),s=n(174),m=a(s),l=n(175),c=a(l),u=n(176),h=a(u),p=n(179),f=a(p),b=n(180),v=a(b),_=n(182),g=a(_),y=n(181),x=a(y),C=n(183),E=a(C),w=n(184),M=a(w),k=n(185),A=a(k),T=n(186),N=a(T),R=n(187),O=a(R),S=n(188),P=a(S),I=n(189),L=a(I),H=n(190),D=a(H),j=n(191),F=a(j),$=n(192),B=a($),q=n(193),z=a(q),V=n(194),U=a(V),W=n(195),G=a(W),K=n(196),Y=a(K),J=n(197),Q=a(J),X=n(198),Z=a(X),tt=n(199),et=a(tt),nt=n(203),at=a(nt),ot=n(202),it=a(ot),dt=n(200),rt=a(dt),st=n(201),mt=a(st),lt=[{path:"/",name:"introduction",component:i.default},{path:"/getting-started",name:"getting-started",component:r.default},{path:"/about",name:"about",component:m.default},{path:"/changelog",name:"changelog",component:c.default}],ct=[{path:"/components",name:"components",redirect:"/components/avatar"},{path:"/components/avatar",name:"components:avatar",component:f.default},{path:"/components/bottom-bar",name:"components:bottom-bar",component:v.default},{path:"/components/button",name:"components:button",component:g.default},{path:"/components/button-toggle",name:"components:button-toggle",component:x.default},{path:"/components/card",name:"components:card",component:E.default},{path:"/components/checkbox",name:"components:checkbox",component:M.default},{path:"/components/icon",name:"components:icon",component:A.default},{path:"/components/input",name:"components:input",component:N.default},{path:"/components/list",name:"components:list",component:O.default},{path:"/components/menu",name:"components:menu",component:P.default},{path:"/components/radio",name:"components:radio",component:L.default},{path:"/components/ripple",name:"components:ripple",component:D.default},{path:"/components/select",name:"components:select",component:F.default},{path:"/components/sidenav",name:"components:sidenav",component:B.default},{path:"/components/switch",name:"components:switch",component:U.default},{path:"/components/subheader",name:"components:subheader",component:z.default},{path:"/components/table",name:"components:table",component:G.default},{path:"/components/tabs",name:"components:tabs",component:Y.default},{path:"/components/toolbar",name:"components:toolbar",component:Q.default},{path:"/components/tooltip",name:"components:tooltip",component:Z.default},{path:"/components/whiteframe",name:"components:whiteframe",component:et.default}],ut=[{path:"/themes",name:"themes",redirect:"/themes/configuration"},{path:"/themes/configuration",name:"themes:configuration",component:rt.default},{path:"/themes/dynamic-themes",name:"themes:dynamic-themes",component:mt.default}],ht=[{path:"/ui-elements",name:"ui-elements",redirect:"/ui-elements/typography"},{path:"/ui-elements/typography",name:"ui-elements:typography",component:at.default},{path:"/ui-elements/grid-system",name:"ui-elements:grid-system",component:it.default}],pt=[{path:"*",name:"error",component:h.default}];e.default=[].concat(lt,ct,ut,ht,pt),t.exports=e.default},function(t,e,n){"use strict";function a(t){return t&&t.__esModule?t:{default:t}}function o(t){t.component("md-avatar",t.extend(d.default)),t.material.styles.push(s.default)}Object.defineProperty(e,"__esModule",{value:!0}),e.default=o;var i=n(204),d=a(i),r=n(147),s=a(r);t.exports=e.default},function(t,e,n){"use strict";function a(t){return t&&t.__esModule?t:{default:t}}function o(t){t.component("md-bottom-bar",t.extend(d.default)),t.component("md-bottom-bar-item",t.extend(s.default)),t.material.styles.push(l.default)}Object.defineProperty(e,"__esModule",{value:!0}),e.default=o;var i=n(205),d=a(i),r=n(206),s=a(r),m=n(148),l=a(m);t.exports=e.default},function(t,e,n){"use strict";function a(t){return t&&t.__esModule?t:{default:t}}function o(t){t.component("md-button",t.extend(d.default)),t.material.styles.push(s.default)}Object.defineProperty(e,"__esModule",{value:!0}),e.default=o;var i=n(207),d=a(i),r=n(149),s=a(r);t.exports=e.default},function(t,e,n){"use strict";function a(t){return t&&t.__esModule?t:{default:t}}function o(t){t.component("md-button-toggle",t.extend(d.default)),t.material.styles.push(s.default)}Object.defineProperty(e,"__esModule",{value:!0}),e.default=o;var i=n(208),d=a(i),r=n(150),s=a(r);t.exports=e.default},function(t,e,n){"use strict";function a(t){return t&&t.__esModule?t:{default:t}}function o(t){t.component("md-card",t.extend(d.default)),t.component("md-card-media",t.extend(s.default)),t.component("md-card-media-cover",t.extend(l.default)),t.component("md-card-media-actions",t.extend(u.default)),t.component("md-card-header",t.extend(p.default)),t.component("md-card-header-text",t.extend(b.default)),t.component("md-card-content",t.extend(_.default)),t.component("md-card-actions",t.extend(y.default)),t.component("md-card-area",t.extend(C.default)),t.component("md-card-expand",t.extend(w.default)),t.material.styles.push(k.default)}Object.defineProperty(e,"__esModule",{value:!0}),e.default=o;var i=n(209),d=a(i),r=n(216),s=a(r),m=n(218),l=a(m),c=n(217),u=a(c),h=n(214),p=a(h),f=n(215),b=a(f),v=n(212),_=a(v),g=n(210),y=a(g),x=n(211),C=a(x),E=n(213),w=a(E),M=n(151),k=a(M);t.exports=e.default},function(t,e,n){"use strict";function a(t){return t&&t.__esModule?t:{default:t}}function o(t){t.component("md-checkbox",t.extend(d.default)),t.material.styles.push(s.default)}Object.defineProperty(e,"__esModule",{value:!0}),e.default=o;var i=n(219),d=a(i),r=n(152),s=a(r);t.exports=e.default},function(t,e,n){"use strict";function a(t){return t&&t.__esModule?t:{default:t}}function o(t){t.component("md-divider",t.extend(d.default))}Object.defineProperty(e,"__esModule",{value:!0}),e.default=o;var i=n(220),d=a(i);t.exports=e.default},function(t,e,n){"use strict";function a(t){return t&&t.__esModule?t:{default:t}}function o(t){t.component("md-icon",t.extend(d.default)),t.material.styles.push(s.default)}Object.defineProperty(e,"__esModule",{value:!0}),e.default=o;var i=n(221),d=a(i),r=n(153),s=a(r);t.exports=e.default},function(t,e,n){"use strict";function a(t){return t&&t.__esModule?t:{default:t}}function o(t){t.component("md-input-container",d.default),t.component("md-input",s.default),t.component("md-textarea",l.default),t.material.styles.push(u.default)}Object.defineProperty(e,"__esModule",{value:!0}),e.default=o;var i=n(223),d=a(i),r=n(222),s=a(r),m=n(224),l=a(m),c=n(154),u=a(c);t.exports=e.default},function(t,e,n){"use strict";function a(t){return t&&t.__esModule?t:{default:t}}function o(t){t.component("md-list",t.extend(d.default)),t.component("md-list-item",t.extend(s.default)),t.component("md-list-expand",t.extend(l.default)),t.material.styles.push(u.default)}Object.defineProperty(e,"__esModule",{value:!0}),e.default=o;var i=n(225),d=a(i),r=n(227),s=a(r),m=n(226),l=a(m),c=n(155),u=a(c);t.exports=e.default},function(t,e,n){"use strict";function a(t){return t&&t.__esModule?t:{default:t}}function o(t){t.component("md-menu",t.extend(d.default)),t.component("md-menu-item",t.extend(s.default)),t.component("md-menu-content",t.extend(l.default)),t.material.styles.push(u.default)}Object.defineProperty(e,"__esModule",{value:!0}),e.default=o;var i=n(228),d=a(i),r=n(230),s=a(r),m=n(229),l=a(m),c=n(156),u=a(c);t.exports=e.default},function(t,e,n){"use strict";function a(t){return t&&t.__esModule?t:{default:t}}function o(t){t.component("md-radio",t.extend(d.default)),t.material.styles.push(s.default)}Object.defineProperty(e,"__esModule",{value:!0}),e.default=o;var i=n(231),d=a(i),r=n(157),s=a(r);t.exports=e.default},function(t,e,n){"use strict";function a(t){return t&&t.__esModule?t:{default:t}}function o(t){t.component("md-select",t.extend(d.default)),t.component("md-option",t.extend(s.default)),t.material.styles.push(l.default)}Object.defineProperty(e,"__esModule",{value:!0}),e.default=o;var i=n(233),d=a(i),r=n(232),s=a(r),m=n(158),l=a(m);t.exports=e.default},function(t,e,n){"use strict";function a(t){return t&&t.__esModule?t:{default:t}}function o(t){t.component("md-sidenav",t.extend(d.default)),t.material.styles.push(s.default)}Object.defineProperty(e,"__esModule",{value:!0}),e.default=o;var i=n(234),d=a(i),r=n(159),s=a(r);t.exports=e.default},function(t,e,n){"use strict";function a(t){return t&&t.__esModule?t:{default:t}}function o(t){t.component("md-subheader",t.extend(d.default)),t.material.styles.push(s.default)}Object.defineProperty(e,"__esModule",{value:!0}),e.default=o;var i=n(235),d=a(i),r=n(160),s=a(r);t.exports=e.default},function(t,e,n){"use strict";function a(t){return t&&t.__esModule?t:{default:t}}function o(t){t.component("md-switch",t.extend(d.default)),t.material.styles.push(s.default)}Object.defineProperty(e,"__esModule",{value:!0}),e.default=o;var i=n(236),d=a(i),r=n(161),s=a(r);t.exports=e.default},function(t,e,n){"use strict";function a(t){return t&&t.__esModule?t:{default:t}}function o(t){t.component("md-table",t.extend(d.default)),t.component("md-table-header",{functional:!0,render:function(t,e){return t("thead",{staticClass:"md-table-header"},e.children)}}),t.component("md-table-body",{functional:!0,render:function(t,e){return t("tbody",{staticClass:"md-table-body"},e.children)}}),t.component("md-table-row",t.extend(s.default)),t.component("md-table-head",t.extend(l.default)),t.component("md-table-cell",t.extend(u.default)),t.component("md-table-edit",t.extend(p.default)),t.component("md-table-card",t.extend(b.default)),t.component("md-table-pagination",t.extend(y.default)),t.component("md-table-alternate-header",t.extend(_.default)),t.material.styles.push(C.default)}Object.defineProperty(e,"__esModule",{value:!0}),e.default=o;var i=n(237),d=a(i),r=n(244),s=a(r),m=n(242),l=a(m),c=n(240),u=a(c),h=n(241),p=a(h),f=n(239),b=a(f),v=n(238),_=a(v),g=n(243),y=a(g),x=n(162),C=a(x);t.exports=e.default},function(t,e,n){"use strict";function a(t){return t&&t.__esModule?t:{default:t}}function o(t){t.component("md-tabs",t.extend(d.default)),t.component("md-tab",t.extend(s.default)),t.material.styles.push(l.default)}Object.defineProperty(e,"__esModule",{value:!0}),e.default=o;var i=n(246),d=a(i),r=n(245),s=a(r),m=n(163),l=a(m);t.exports=e.default},function(t,e,n){"use strict";function a(t){return t&&t.__esModule?t:{default:t}}function o(t){t.component("md-toolbar",t.extend(d.default)),t.material.styles.push(s.default)}Object.defineProperty(e,"__esModule",{value:!0}),e.default=o;var i=n(247),d=a(i),r=n(164),s=a(r);t.exports=e.default},function(t,e,n){"use strict";function a(t){return t&&t.__esModule?t:{default:t}}function o(t){t.component("md-tooltip",t.extend(d.default))}Object.defineProperty(e,"__esModule",{value:!0}),e.default=o;var i=n(248),d=a(i);t.exports=e.default},function(t,e,n){"use strict";function a(t){return t&&t.__esModule?t:{default:t}}function o(t){t.component("md-whiteframe",t.extend(d.default))}Object.defineProperty(e,"__esModule",{value:!0}),e.default=o;var i=n(249),d=a(i);t.exports=e.default},function(t,e,n){"use strict";function a(t){var e="md-ink-ripple",n="md-ripple",a="md-active",o=void 0,i=void 0,d=function(){i.removeEventListener("mousedown",o)},r=function(t,i){i&&!function(){var d=i.querySelector(":scope > ."+e+"> ."+n);d&&(o=function(t){var e=i.getBoundingClientRect();t.stopPropagation(),d.classList.remove(a);var n=t.pageY-e.top-d.offsetHeight/2-document.body.scrollTop,o=t.pageX-e.left-d.offsetWidth/2-document.body.scrollLeft;d.style.top=n+"px",d.style.left=o+"px",d.classList.add(a)},t.removeEventListener("mousedown",o),t.addEventListener("mousedown",o))}()},s=function(t,e,n){return t=document.createElement("div"),t.className=e,n&&(t.style.width=n,t.style.height=n),t},m=function(t){var e=["relative","absolute","fixed"];return e.indexOf(getComputedStyle(t).position)>-1},l=function(t){var e=!1,n=t;if(!t)return!1;if(m(t))return t;for(;!e&&(n=n.parentNode,n&&"body"!==n.tagName.toLowerCase());)n&&m(n)&&(e=n);return e},c=function(t,a){var o=l(t);if(o){var d=o.querySelector(":scope > ."+e+"> ."+n);if(!d){var m=Math.round(Math.max(o.offsetWidth,o.offsetHeight))+"px",c=a||s(d,e),u=s(d,n,m);c.appendChild(u),o.appendChild(c)}o===t&&d||(i=t,r(t,o))}};t.directive("mdInkRipple",function(e,n){t.nextTick(function(){n.value?d(e):c(e)})}),t.component("md-ink-ripple",{props:{mdDisabled:Boolean},render:function(t){return t("div",{staticClass:"md-ink-ripple"})},watch:{mdDisabled:function(){this.mdDisabled?d(this.$el.parentNode):c(this.$el.parentNode,this.$el)}},mounted:function(){this.mdDisabled||c(this.$el.parentNode,this.$el)},destroyed:function(){d(this.$el.parentNode)}})}Object.defineProperty(e,"__esModule",{value:!0}),e.default=a,n(166),n(250),t.exports=e.default},function(t,e,n){"use strict";function a(t){return t&&t.__esModule?t:{default:t}}function o(t){t.directive("mdTheme",b),t.material.theme={register:function(e,n){var a={};a[e]=n,f(a,t.material.styles)},registerAll:function(e){f(e,t.material.styles)}}}Object.defineProperty(e,"__esModule",{value:!0}),e.default=o;var i=n(34),d=a(i),r=n(35),s=a(r),m=["primary","accent","background","warn","hue-1","hue-2","hue-3"],l={primary:"indigo",accent:"pink",background:"grey",warn:"deep-orange"},c=function(t,e){var n=document.head,a="md-theme-"+e;if(!n.querySelector("#"+a)){var o=document.createElement("style");t=t.replace(/THEME_NAME/g,a),o.type="text/css",o.id=a,o.textContent=t,n.appendChild(o)}},u=[],h=function(t,e){return m.forEach(function(n){t=t.replace(RegExp("("+n.toUpperCase()+")-(COLOR|CONTRAST)-?(A?\\d*)-?(\\d*\\.?\\d+)?","g"),function(t,a,o,i,r){var m=void 0,c=0===+i?500:i;if(e[n]?"string"==typeof e[n]?m=d.default[e[n]]:(m=d.default[e[n].color]||d.default[l[n]],c=0===+i?e[n].hue:i):m=d.default[l[n]],"COLOR"===o){var u=d.default[e[n]];return i||u||("accent"===n?c="A200":"background"===n&&(c=50)),r?(0,s.default)(m[c],r):m[c]}return m.darkText.indexOf(c)>=0?r?(0,s.default)("#000",r):"rgba(0, 0, 0, .87)":r?(0,s.default)("#fff",r):"rgba(255, 255, 255, .87)"})}),t},p=function(t,e,n){var a=[];n.forEach(function(e){a.push(h(e,t))}),c(a.join("\n"),e)},f=function(t,e){var n=t?Object.keys(t):[];n.indexOf("default")===-1&&(p(l,"default",e),u.push("default")),n.forEach(function(n){p(t[n],n,e),u.push(n)})},b=function(t,e){var n=e.value,a=e.oldValue,o=n,i="md-theme-"+o,d="md-theme-"+a;t.classList.contains(i)||(t.classList.remove(d),o&&u.indexOf(o)>=0?t.classList.add(i):(t.classList.add(d),console.warn('Attempted to use unregistered theme "'+o+'".')))};t.exports=e.default},function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={red:{50:"#ffebee",100:"#ffcdd2",200:"#ef9a9a",300:"#e57373",400:"#ef5350",500:"#f44336",600:"#e53935",700:"#d32f2f",800:"#c62828",900:"#b71c1c",A100:"#ff8a80",A200:"#ff5252",A400:"#ff1744",A700:"#d50000",darkText:[50,100,200,300,"A100"]},pink:{50:"#fce4ec",100:"#f8bbd0",200:"#f48fb1",300:"#f06292",400:"#ec407a",500:"#e91e63",600:"#d81b60",700:"#c2185b",800:"#ad1457",900:"#880e4f",A100:"#ff80ab",A200:"#ff4081",A400:"#f50057",A700:"#c51162",darkText:[50,100,200,"A100"]},purple:{50:"#f3e5f5",100:"#e1bee7",200:"#ce93d8",300:"#ba68c8",400:"#ab47bc",500:"#9c27b0",600:"#8e24aa",700:"#7b1fa2",800:"#6a1b9a",900:"#4a148c",A100:"#ea80fc",A200:"#e040fb",A400:"#d500f9",A700:"#aa00ff",darkText:[50,100,200,"A100"]},"deep-purple":{50:"#ede7f6",100:"#d1c4e9",200:"#b39ddb",300:"#9575cd",400:"#7e57c2",500:"#673ab7",600:"#5e35b1",700:"#512da8",800:"#4527a0",900:"#311b92",A100:"#b388ff",A200:"#7c4dff",A400:"#651fff",A700:"#6200ea",darkText:[50,100,200,"A100"]},indigo:{50:"#e8eaf6",100:"#c5cae9",200:"#9fa8da",300:"#7986cb",400:"#5c6bc0",500:"#3f51b5",600:"#3949ab",700:"#303f9f",800:"#283593",900:"#1a237e",A100:"#8c9eff",A200:"#536dfe",A400:"#3d5afe",A700:"#304ffe",darkText:[50,100,200,"A100"]},blue:{50:"#e3f2fd",100:"#bbdefb",200:"#90caf9",300:"#64b5f6",400:"#42a5f5",500:"#2196f3",600:"#1e88e5",700:"#1976d2",800:"#1565c0",900:"#0d47a1",A100:"#82b1ff",A200:"#448aff",A400:"#2979ff",A700:"#2962ff",darkText:[50,100,200,300,400,"A100"]},"light-blue":{50:"#e1f5fe",100:"#b3e5fc",200:"#81d4fa",300:"#4fc3f7",400:"#29b6f6",500:"#03a9f4",600:"#039be5",700:"#0288d1",800:"#0277bd",900:"#01579b",A100:"#80d8ff",A200:"#40c4ff",A400:"#00b0ff",A700:"#0091ea",darkText:[50,100,200,300,400,500,"A100","A200","A300"]},cyan:{50:"#e0f7fa",100:"#b2ebf2",200:"#80deea",300:"#4dd0e1",400:"#26c6da",500:"#00bcd4",600:"#00acc1",700:"#0097a7",800:"#00838f",900:"#006064",A100:"#84ffff",A200:"#18ffff",A400:"#00e5ff",A700:"#00b8d4",darkText:[50,100,200,300,400,500,600,"A100","A200","A300","A400"]},teal:{50:"#e0f2f1",100:"#b2dfdb",200:"#80cbc4",300:"#4db6ac",400:"#26a69a",500:"#009688",600:"#00897b",700:"#00796b",800:"#00695c",900:"#004d40",A100:"#a7ffeb",A200:"#64ffda",A400:"#1de9b6",A700:"#00bfa5",darkText:[50,100,200,300,400,"A100","A200","A300","A400"]},green:{50:"#e8f5e9",100:"#c8e6c9",200:"#a5d6a7",300:"#81c784",400:"#66bb6a",500:"#4caf50",600:"#43a047",700:"#388e3c",800:"#2e7d32",900:"#1b5e20",A100:"#b9f6ca",A200:"#69f0ae",A400:"#00e676",A700:"#00c853",darkText:[50,100,200,300,400,500,"A100","A200","A300","A400"]},"light-green":{50:"#f1f8e9",100:"#dcedc8",200:"#c5e1a5",300:"#aed581",400:"#9ccc65",500:"#8bc34a",600:"#7cb342",700:"#689f38",800:"#558b2f",900:"#33691e",A100:"#ccff90",A200:"#b2ff59",A400:"#76ff03",A700:"#64dd17",darkText:[50,100,200,300,400,500,600,"A100","A200","A300","A400"]},lime:{50:"#f9fbe7",100:"#f0f4c3",200:"#e6ee9c",300:"#dce775",400:"#d4e157",500:"#cddc39",600:"#c0ca33",700:"#afb42b",800:"#9e9d24",900:"#827717",A100:"#f4ff81",A200:"#eeff41",A400:"#c6ff00",A700:"#aeea00",darkText:[50,100,200,300,400,500,600,700,800,"A100","A200","A300","A400"]},yellow:{50:"#fffde7",100:"#fff9c4",200:"#fff59d",300:"#fff176",400:"#ffee58",500:"#ffeb3b",600:"#fdd835",700:"#fbc02d",800:"#f9a825",900:"#f57f17",A100:"#ffff8d",A200:"#ffff00",A400:"#ffea00",A700:"#ffd600",darkText:[50,100,200,300,400,500,600,700,800,900,"A100","A200","A300","A400"]},amber:{50:"#fff8e1",100:"#ffecb3",200:"#ffe082",300:"#ffd54f",400:"#ffca28",500:"#ffc107",600:"#ffb300",700:"#ffa000",800:"#ff8f00",900:"#ff6f00",A100:"#ffe57f",A200:"#ffd740",A400:"#ffc400",A700:"#ffab00",darkText:[50,100,200,300,400,500,600,700,800,900,"A100","A200","A300","A400"]},orange:{50:"#fff3e0",100:"#ffe0b2",200:"#ffcc80",300:"#ffb74d",400:"#ffa726",500:"#ff9800",600:"#fb8c00",700:"#f57c00",800:"#ef6c00",900:"#e65100",A100:"#ffd180",A200:"#ffab40",A400:"#ff9100",A700:"#ff6d00",darkText:[50,100,200,300,400,500,600,700,"A100","A200","A300","A400"]},"deep-orange":{50:"#fbe9e7",100:"#ffccbc",200:"#ffab91",300:"#ff8a65",400:"#ff7043",500:"#ff5722",600:"#f4511e",700:"#e64a19",800:"#d84315",900:"#bf360c",A100:"#ff9e80",A200:"#ff6e40",A400:"#ff3d00",A700:"#dd2c00",darkText:[50,100,200,300,400,"A100","A200"]},brown:{50:"#efebe9",100:"#d7ccc8",200:"#bcaaa4",300:"#a1887f",400:"#8d6e63",500:"#795548",600:"#6d4c41",700:"#5d4037",800:"#4e342e",900:"#3e2723",A100:"#d7ccc8",A200:"#bcaaa4",A400:"#8d6e63",A700:"#5d4037",darkText:[50,100,200,"A100","A200","A300","A400"]},grey:{50:"#fafafa",100:"#f5f5f5",200:"#eeeeee",300:"#e0e0e0",400:"#bdbdbd",500:"#9e9e9e",600:"#757575",700:"#616161",800:"#424242",900:"#212121",A100:"#fff",A200:"#000000",A400:"#303030",A700:"#616161",darkText:[50,100,200,300,400,500,"A100"]},"blue-grey":{50:"#eceff1",100:"#cfd8dc",200:"#b0bec5",300:"#90a4ae",400:"#78909c",500:"#607d8b",600:"#546e7a",700:"#455a64",800:"#37474f",900:"#263238",A100:"#cfd8dc",A200:"#b0bec5",A400:"#78909c",A700:"#455a64",darkText:[50,100,200,300,"A100","A200","A300","A400"]},white:{50:"#fff",100:"#fff",200:"#fff",300:"#fff",400:"#fff",500:"#fff",600:"#fff",700:"#fff",800:"#fff",900:"#fff",A100:"#fff",A200:"#fff",A400:"#fff",A700:"#fff",darkText:[50,100,200,300,400,500,600,700,800,900,"A100","A200","A300","A400"]},black:{50:"#000",100:"#000",200:"#000",300:"#000",400:"#000",500:"#000",600:"#000",700:"#000",800:"#000",900:"#000",A100:"#000",A200:"#000",A400:"#000",A700:"#000",darkText:[]}},t.exports=e.default},function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default=function(t,e){var n="",a="",o="",i=t.toString().match(/^#?(([0-9a-zA-Z]{3}){1,3})$/);if(!i)throw new Error("Invalid color"+t);if(t=i[1],6===t.length)n=parseInt(t.substring(0,2),16),a=parseInt(t.substring(2,4),16),o=parseInt(t.substring(4,6),16);else if(3===t.length){var d=t.substring(0,1),r=t.substring(1,2),s=t.substring(2,3);n=parseInt(d+d,16),a=parseInt(r+r,16),o=parseInt(s+s,16)}return e?(e>1&&(e/=100),"rgba("+n+", "+a+", "+o+", "+e+")"):"rgb("+n+", "+a+", "+o+")"},t.exports=e.default},function(t,e,n){"use strict";function a(t){return t&&t.__esModule?t:{default:t}}function o(t){return o.installed?void console.warn("Vue Material is already installed."):(o.installed=!0,t.material={styles:[l.default]},t.use(d.default),void t.use(s.default))}Object.defineProperty(e,"__esModule",{value:!0}),e.default=o;var i=n(33),d=a(i),r=n(32),s=a(r),m=n(165),l=a(m);n(333),t.exports=e.default},function(t,e,n){"use strict";function a(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var o=n(36),i=a(o),d=n(11),r=a(d),s=n(12),m=a(s),l=n(13),c=a(l),u=n(14),h=a(u),p=n(16),f=a(p),b=n(15),v=a(b),_=n(17),g=a(_),y=n(18),x=a(y),C=n(19),E=a(C),w=n(20),M=a(w),k=n(21),A=a(k),T=n(22),N=a(T),R=n(23),O=a(R),S=n(24),P=a(S),I=n(25),L=a(I),H=n(26),D=a(H),j=n(27),F=a(j),$=n(28),B=a($),q=n(29),z=a(q),V=n(30),U=a(V),W=n(31),G=a(W),K={mdCore:i.default,mdAvatar:r.default,mdBottomBar:m.default,mdButton:c.default,mdButtonToggle:h.default,mdCheckbox:f.default,mdCard:v.default,mdDivider:g.default,mdIcon:x.default,mdInputContainer:E.default,mdList:M.default,mdMenu:A.default,mdRadio:N.default,mdSelect:O.default,mdSidenav:P.default,mdSubheader:L.default,mdSwitch:D.default,mdTable:F.default,mdTabs:B.default,mdToolbar:z.default,mdTooltip:U.default,mdWhiteframe:G.default};K.install=function(t){for(var e in K){var n=K[e];n&&"install"!==e&&t.use(n)}},window.VueMaterial=K,e.default=K,t.exports=e.default},function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={data:function(){return{toolbar:!0,theme:"default",pageTitle:""}},computed:{logo:function(){return"assets/logo-vue-material-"+this.theme+".png"}},methods:{toggleSidenav:function(){this.$refs["main-sidebar"].toggle()},closeSidenav:function(){this.$refs["main-sidebar"].close()}}},t.exports=e.default},function(t,e,n){"use strict";function a(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var o=n(6),i=a(o);e.default={props:["lang"],mounted:function(){i.default.highlightBlock(this.$refs.block)}},t.exports=e.default},function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={props:{label:[String,Number],titleTheme:{type:String,default:"grey"},bodyTheme:{type:String,default:"default"},size:[String,Number],height:[String,Number]},computed:{classes:function(){return!!this.size&&"size-"+this.size}}},t.exports=e.default},function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={props:["label"],methods:{toggleSidenav:function(){this.$root.toggleSidenav()}},mounted:function(){document.title=this.label+" - Vue Material"}},t.exports=e.default},function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={props:["label"],methods:{toggleSidenav:function(){this.$root.toggleSidenav()}}},t.exports=e.default},function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={props:["label"]},t.exports=e.default},function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={props:["label"],methods:{toggleSidenav:function(){this.$root.toggleSidenav()}},mounted:function(){document.title="Vue Material - "+this.label}},t.exports=e.default},function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={data:function(){return{playground:{theme:"brown"}}},methods:{setTheme:function(t){this.playground.theme=t}}},t.exports=e.default},function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={data:function(){return{buttonDisabled:!1}},methods:{disablePrimaryButton:function(){this.buttonDisabled=!this.buttonDisabled}}},t.exports=e.default},function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={data:function(){return{checkbox:!0,checkbox2:!1}}},t.exports=e.default},function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={data:function(){return{initialValue:"My initial value"}}},t.exports=e.default},function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={methods:{toggleSidenav:function(){this.$refs.sidebar.toggle()}}},t.exports=e.default},function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={data:function(){return{radio1:2,radio2:1,radio3:1,radio4:1,radio5:2,radio6:3,radio7:1,radio8:2}}},t.exports=e.default},function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={data:function(){return{movie:"godfather",country:"",font:"",food:"",users:["jim_halpert","michael_scott"]}},methods:{setPulpFiction:function(){this.movie="pulp_fiction"}}},t.exports=e.default},function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={methods:{toggleLeftSidenav:function(){this.$refs.leftSidenav.toggle()},toggleRightSidenav:function(){this.$refs.rightSidenav.toggle()},closeRightSidenav:function(){this.$refs.rightSidenav.close()},open:function(t){console.log("Opened: "+t)},close:function(t){console.log("Closed: "+t)}}},t.exports=e.default},function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={data:function(){return{checked0:!0,checked1:!0,checked2:!0,checked3:!0,checked4:!0,checked5:!0,checked6:!0,checked7:!0,checked8:!0,checked9:!0,checked10:!0}},methods:{submit:function(){alert("This switch submits the form")}}},t.exports=e.default},function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={data:function(){return{nutrition:[{dessert:"Frozen yogurt",type:"ice_cream",calories:"159",fat:"6.0",carbs:"24",protein:"4.0",comment:"Icy"},{dessert:"Ice cream sandwich",type:"ice_cream",calories:"237",fat:"9.0",carbs:"37",protein:"4.3",comment:"Super Tasty"},{dessert:"Eclair",type:"pastry",calories:"262",fat:"16.0",carbs:"24",protein:"6.0",comment:""},{dessert:"Cupcake",type:"pastry",calories:"305",fat:"3.7",carbs:"67",protein:"4.3",comment:""},{dessert:"Gingerbread",type:"other",calories:"356",fat:"16.0",carbs:"49",protein:"3.9",comment:""}],selectedData:[],sort:{},page:{}}},methods:{onSelect:function(t){this.selectedData=t,this.$forceUpdate()},onSort:function(t){this.sort=t},onPagination:function(t){this.page=t}}},t.exports=e.default},function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={data:function(){return{playground:{color:"3",fixed:!0,centered:!1,shadow:0,theme:"default",tabs:[{label:"Phone",icon:"phone",active:!1,disabled:!1},{label:"Favorites",icon:"favorite",active:!1,disabled:!1},{label:"Near me",icon:"near_me",active:!0,disabled:!1}]},firstTabName:"Movies"}}},t.exports=e.default},function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={props:{mdShift:Boolean},computed:{classes:function(){return this.mdShift?"md-shift":"md-fixed"}}},t.exports=e.default},function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={props:{mdIcon:String,mdActive:Boolean},data:function(){return{active:!1}},computed:{classes:function(){return{"md-active":this.active}}},watch:{mdActive:function(t){this.setActive(t)}},methods:{setActive:function(t){this.$parent.$children.forEach(function(t){t.active=!1}),this.active=!!t,this.$emit("click")}},mounted:function(){if(!this.$parent.$el.classList.contains("md-bottom-bar"))throw this.$destroy(),new Error("You should wrap the md-bottom-bar-item in a md-bottom-bar");this.mdActive&&(this.active=!0)}},t.exports=e.default},function(t,e){"use strict";function n(t){if(Array.isArray(t)){for(var e=0,n=Array(t.length);e=.7&&(a=.7),t.mdTextScrim?t.applyScrimColor(a):t.mdSolid&&t.applySolidColor(a)})}},t.exports=e.default},function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={props:{name:String,value:[String,Boolean],id:String,disabled:Boolean},data:function(){return{checked:this.value}},computed:{classes:function(){return{"md-checked":Boolean(this.checked),"md-disabled":this.disabled}}},watch:{value:function(){this.checked=this.value}},methods:{toggleCheck:function(t){this.disabled||(this.checked=!this.checked,this.$emit("change",this.checked,t),this.$emit("input",this.checked,t))}}},t.exports=e.default},function(t,e,n){"use strict";function a(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var o=n(2),i=a(o),d=n(1),r=a(d);e.default={mixins:[i.default],props:{type:{type:String,default:"text"}},mounted:function(){if(this.parentContainer=(0,r.default)(this.$parent,"md-input-container"),!this.parentContainer)throw this.$destroy(),new Error("You should wrap the md-input in a md-input-container");this.setParentDisabled(),this.setParentRequired(),this.setParentPlaceholder(),this.setParentValue(),this.handleMaxLength()}},t.exports=e.default},function(t,e,n){"use strict";function a(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var o=n(4),i=a(o);e.default={props:{mdInline:Boolean,mdDisabled:Boolean,mdHasPassword:Boolean},data:function(){return{value:"",input:!1,showPassword:!1,enableCounter:!1,hasSelect:!1,hasPlaceholder:!1,isDisabled:!1,isRequired:!1,isFocused:!1,counterLength:0,inputLength:0}},computed:{hasValue:function(){return(0,i.default)(this.value)?this.value.length>0:Boolean(this.value)},classes:function(){return{"md-input-inline":this.mdInline,"md-has-password":this.mdHasPassword,"md-has-select":this.hasSelect,"md-has-value":this.hasValue,"md-input-placeholder":this.hasPlaceholder,"md-input-disabled":this.isDisabled,"md-input-required":this.isRequired,"md-input-focused":this.isFocused}}},methods:{isInput:function(){return this.input&&"input"===this.input.tagName.toLowerCase()},togglePasswordType:function(){this.isInput()&&("password"===this.input.type?(this.input.type="text",this.showPassword=!0):(this.input.type="password",this.showPassword=!1),this.input.focus())},setValue:function(t){this.value=t}},mounted:function(){if(this.input=this.$el.querySelectorAll("input, textarea, select")[0],!this.input)throw this.$destroy(),new Error("Missing input/select/textarea inside md-input-container")}},t.exports=e.default},function(t,e,n){"use strict";function a(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var o=n(8),i=a(o),d=n(2),r=a(d),s=n(1),m=a(s);e.default={mixins:[r.default],mounted:function(){if(this.parentContainer=(0,m.default)(this.$parent,"md-input-container"),!this.parentContainer)throw this.$destroy(),new Error("You should wrap the md-textarea in a md-input-container");this.setParentDisabled(),this.setParentRequired(),this.setParentPlaceholder(),this.setParentValue(),this.handleMaxLength(),this.$el.getAttribute("rows")||this.$el.setAttribute("rows","1"),(0,i.default)(this.$el)},beforeDestroy:function(){i.default.destroy(this.$el)}},t.exports=e.default},function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={data:function(){return{height:0}},methods:{calculatePadding:function(){this.height=-this.$el.offsetHeight+"px"}},mounted:function(){this.calculatePadding()}},t.exports=e.default},function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={props:{href:String,target:String,disabled:Boolean},render:function(t){var e=this,n="md-button md-list-item-container",a="md-list-item-holder",o=this.$slots.default,i=o[0].componentOptions,d=void 0,r=void 0,s={staticClass:"md-list-item",on:{click:function(){e.$emit("click")}}},m=function(e){return t("div",{staticClass:a},e)},l=function(){return o[0].data.staticClass=n+" "+a,o[0].data.directives=[{name:"md-ink-ripple"}],t("li",s,o)},c=function(){o.some(function(t,e){if(t.componentOptions&&"md-list-expand"===t.componentOptions.tag)return d=t,r=e,!0})},u=function(){return t("md-icon",{staticClass:"md-list-expand-indicator"},"keyboard_arrow_down")},h=function(t){t.$children.some(function(t){t.$el.classList.contains("md-list-expand")&&t.calculatePadding()})},p=function(t){var e=void 0;t.$parent.$children.some(function(t){var n=t.$el.classList;if(n.contains("md-list-item-expand")&&n.contains("md-active"))return e=t,n.remove("md-active"),h(t),!0}),e&&t.$el===e.$el||t.$el.classList.add("md-active")},f=function(){return o.splice(r,1),o.push(u()),t("button",{staticClass:n,on:{click:function(){p(e),e.$emit("click")}},directives:[{name:"md-ink-ripple"}]},[m(o)])},b=function(){return s.staticClass+=" md-list-item-expand",t("li",s,[f(),d])};if(i&&"router-link"===i.tag)return l();if(c(),d)return b();var v=t("md-button",{staticClass:n,attrs:{target:this.target,href:this.href,disabled:this.disabled}},[m(o)]);return this.target&&(v.data.attrs.rel="noopener"),t("li",s,[v])}},t.exports=e.default},function(t,e,n){"use strict";function a(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var o=n(5),i=a(o),d=n(3),r=a(d);e.default={props:{mdSize:{type:[Number,String],default:0},mdDirection:{type:String,default:"bottom right"},mdCloseOnSelect:{type:Boolean,default:!0}},data:function(){return{browserMargin:8,active:!1}},watch:{mdSize:function(t,e){t>=1&&t<=7&&(this.removeLastSizeMenuContentClass(e),this.addNewSizeMenuContentClass(t))},mdDirection:function(t,e){this.removeLastDirectionMenuContentClass(e),this.addNewDirectionMenuContentClass(t)}},methods:{validateMenu:function(){if(!this.menuContent)throw this.$destroy(),new Error("You must have a md-menu-content inside your menu.");if(!this.menuTrigger)throw this.$destroy(),new Error("You must have an element with a md-menu-trigger attribute inside your menu.")},removeLastSizeMenuContentClass:function(t){this.menuContent.classList.remove("md-size-"+t)},removeLastDirectionMenuContentClass:function(t){this.menuContent.classList.remove("md-direction-"+t.replace(" ","-"))},addNewSizeMenuContentClass:function(t){this.menuContent.classList.add("md-size-"+t)},addNewDirectionMenuContentClass:function(t){this.menuContent.classList.add("md-direction-"+t.replace(" ","-"))},closeOnOffClick:function(t){this.$el.contains(t.target)||this.menuContent.contains(t.target)||this.close()},getBottomRightPos:function(){var t=this.menuTrigger.getBoundingClientRect(),e={top:t.top,left:t.left};return e=(0,r.default)(this.menuContent,e)},getBottomLeftPos:function(){var t=this.menuTrigger.getBoundingClientRect(),e={top:t.top,left:t.left-this.menuContent.offsetWidth+t.width};return e=(0,r.default)(this.menuContent,e)},getTopRightPos:function(){var t=this.menuTrigger.getBoundingClientRect(),e={top:t.top+t.height-this.menuContent.offsetHeight,left:t.left};return e=(0,r.default)(this.menuContent,e)},getTopLeftPos:function(){var t=this.menuTrigger.getBoundingClientRect(),e={top:t.top+t.height-this.menuContent.offsetHeight,left:t.left-this.menuContent.offsetWidth+t.width};return e=(0,r.default)(this.menuContent,e)},calculateMenuContentPos:function(){var t=void 0;switch(this.mdDirection){case"bottom left":t=this.getBottomLeftPos();break;case"top right":t=this.getTopRightPos();break;case"top left":t=this.getTopLeftPos();break;default:t=this.getBottomRightPos()}this.menuContent.style.top=t.top+"px",this.menuContent.style.left=t.left+"px"},recalculateOnResize:function(){window.requestAnimationFrame(this.calculateMenuContentPos)},open:function(){this.$root.$el.contains(this.menuContent)&&this.$root.$el.removeChild(this.menuContent),this.$root.$el.appendChild(this.menuContent),document.addEventListener("click",this.closeOnOffClick),window.addEventListener("resize",this.recalculateOnResize),this.calculateMenuContentPos(),getComputedStyle(this.menuContent).top,this.menuContent.classList.add("md-active"),this.menuContent.focus(),this.active=!0},close:function t(){var e=this,n=this.menuContent,t=function t(a){if(n&&a.target===n){var o=e.menuContent.querySelector(".md-ripple.md-active");n.removeEventListener(i.default,t),e.menuTrigger.focus(),e.active=!1,o&&o.classList.remove("md-active"),e.$root.$el.removeChild(n),document.removeEventListener("click",e.closeOnOffClick),window.removeEventListener("resize",e.recalculateOnResize)}};this.menuContent.addEventListener(i.default,t),this.menuContent.classList.remove("md-active")},toggle:function(){this.active?this.close():this.open()}},mounted:function(){this.menuTrigger=this.$el.querySelector("[md-menu-trigger]"),this.menuContent=this.$el.querySelector(".md-menu-content"),this.validateMenu(),this.addNewSizeMenuContentClass(this.mdSize),this.addNewDirectionMenuContentClass(this.mdDirection),this.menuContent.parentNode.removeChild(this.menuContent),this.menuTrigger.addEventListener("click",this.toggle)}},t.exports=e.default},function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={data:function(){return{oldHighlight:!1,highlighted:!1,itemsAmount:0}},methods:{close:function(){this.highlighted=!1,this.$parent.close()},highlightItem:function(t){this.oldHighlight=this.highlighted,"up"===t&&(1===this.highlighted?this.highlighted=this.itemsAmount:this.highlighted--),"down"===t&&(this.highlighted===this.itemsAmount?this.highlighted=1:this.highlighted++)},fireClick:function(){this.highlighted>0&&this.$children[0].$children[this.highlighted-1].$el.click()}},mounted:function(){if(!this.$parent.$el.classList.contains("md-menu"))throw this.$destroy(),new Error("You must wrap the md-menu-content in a md-menu")}},t.exports=e.default},function(t,e,n){"use strict";function a(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var o=n(1),i=a(o);n(94),e.default={props:{disabled:Boolean},data:function(){return{parentContent:{},index:0}},computed:{classes:function(){return{"md-highlighted":this.highlighted}},highlighted:function(){return this.index===this.parentContent.highlighted&&(this.disabled&&(this.parentContent.oldHighlight>this.parentContent.highlighted?this.parentContent.highlighted--:this.parentContent.highlighted++),1===this.index?this.parentContent.$el.scrollTop=0:this.index===this.parentContent.itemsAmount?this.parentContent.$el.scrollTop=this.parentContent.$el.scrollHeight:this.$el.scrollIntoViewIfNeeded(!1),!0)}},methods:{close:function(){this.disabled||(this.parentMenu.mdCloseOnSelect&&this.parentContent.close(),this.$emit("click"))}},mounted:function(){if(this.parentContent=(0,i.default)(this.$parent,"md-menu-content"),this.parentMenu=(0,i.default)(this.$parent,"md-menu"),!this.parentContent)throw this.$destroy(),new Error("You must wrap the md-menu-item in a md-menu-content");this.parentContent.itemsAmount++,this.index=this.parentContent.itemsAmount}},t.exports=e.default},function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={props:{name:String,value:[String,Boolean,Number],mdValue:{type:[String,Boolean,Number],required:!0},id:String,disabled:Boolean},computed:{classes:function(){return{"md-checked":this.value&&this.mdValue.toString()===this.value.toString(),"md-disabled":this.disabled}}},methods:{toggleCheck:function(t){this.disabled||(this.$emit("change",this.mdValue,t),this.$emit("input",this.mdValue,t))}}},t.exports=e.default},function(t,e,n){"use strict";function a(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var o=n(1),i=a(o);e.default={props:{value:[String,Boolean,Number]},data:function(){return{parentSelect:{},check:!1,index:0}},computed:{isSelected:function(){if(this.value&&this.parentSelect.value){var t=this.value.toString();return this.parentSelect.multiple?this.parentSelect.value.indexOf(t)>=0:this.value&&this.parentSelect.value&&t===this.parentSelect.value.toString()}return!1},classes:function(){return{"md-selected":this.isSelected,"md-checked":this.check}}},methods:{selectOption:function(){this.parentSelect.multiple?this.check=!this.check:this.parentSelect.selectOption(this.value,this.$refs.item.textContent)}},watch:{isSelected:function(t){this.parentSelect.multiple&&(this.check=t)},check:function(t){t?this.parentSelect.selectMultiple(this.index,this.value,this.$refs.item.textContent):this.parentSelect.selectMultiple(this.index)}},mounted:function(){if(this.parentSelect=(0,i.default)(this.$parent,"md-select"),this.parentContent=(0,i.default)(this.$parent,"md-menu-content"),!this.parentSelect)throw new Error("You must wrap the md-option in a md-select");this.parentSelect.optionsAmount++,this.index=this.parentSelect.optionsAmount,this.parentSelect.multipleOptions[this.index]={},this.parentSelect.options[this.index]=this},beforeDestroy:function(){delete this.parentSelect.options[this.index],delete this.parentSelect.multipleOptions[this.index]}},t.exports=e.default},function(t,e,n){"use strict";function a(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var o="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},i=n(1),d=a(i),r=n(4),s=a(r);e.default={props:{name:String,required:Boolean,multiple:Boolean,value:[String,Number,Array],id:String,disabled:Boolean,placeholder:String,mdMenuClass:String},data:function(){return{selectedValue:null,selectedText:null,multipleText:null,multipleOptions:{},options:{},optionsAmount:0}},computed:{classes:function(){return{"md-disabled":this.disabled}},contentClasses:function(){return this.multiple?"md-multiple "+this.mdMenuClass:this.mdMenuClass}},watch:{value:function(t){this.setTextAndvalue(t)}},methods:{getSingleValue:function(t){var e=this,n={};return Object.keys(this.options).forEach(function(a){var o=e.options[a];o.value===t&&(n.value=t,n.text=o.$refs.item.textContent)}),n},getMultipleValue:function(t){var e=this;if((0,s.default)(this.value)){var n=function(){var n=[];return t.forEach(function(t){Object.keys(e.options).forEach(function(a){var o=e.options[a];if(o.value===t){var i=o.$refs.item.textContent;e.multipleOptions[a]={value:t,text:i},n.push(i)}})}),{v:{value:t,text:n.join(", ")}}}();if("object"===("undefined"==typeof n?"undefined":o(n)))return n.v}return{}},setTextAndvalue:function(t){var e=this.multiple?this.getMultipleValue(t):this.getSingleValue(t);this.selectedValue=e.value,this.selectedText=e.text,this.parentContainer&&this.$parent.setValue(e.text)},changeValue:function(t){this.$emit("input",t),this.$emit("change",t)},selectMultiple:function(t,e,n){var a=[];this.multipleOptions[t]={value:e,text:n};for(var o in this.multipleOptions)this.multipleOptions.hasOwnProperty(o)&&this.multipleOptions[o].value&&a.push(this.multipleOptions[o].value);this.changeValue(a)},selectOption:function(t,e){this.selectedText=e,this.changeValue(t)}},mounted:function(){this.parentContainer=(0,d.default)(this.$parent,"md-input-container"),this.setTextAndvalue(this.value),this.parentContainer&&(this.parentContainer.setValue(this.value),this.parentContainer.hasSelect=!0)},beforeDestroy:function(){this.parentContainer&&(this.parentContainer.setValue(""),this.parentContainer.hasSelect=!1)}},t.exports=e.default},function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={data:function(){return{mdVisible:!1}},computed:{classes:function(){return this.mdVisible&&"md-active"}},methods:{show:function(){this.mdVisible=!0,this.$el.focus(),this.$emit("open")},close:function(){this.mdVisible=!1,this.$el.blur(),this.$emit("close")},toggle:function(){this.mdVisible?this.close():this.show()}}},t.exports=e.default},function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={render:function(t){var e="div",n={staticClass:"md-subheader"};return"md-list"===this.$parent.$options._componentTag&&(e="li"),t(e,n,this.$slots.default)}},t.exports=e.default},function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var n=75,a="-1px";e.default={props:{name:String,value:Boolean,id:String,disabled:Boolean,type:{type:String,default:"button"}},data:function(){return{leftPos:a,checked:this.value}},computed:{classes:function(){return{"md-checked":Boolean(this.value),"md-disabled":this.disabled}},styles:function(){return{transform:"translate3D("+this.leftPos+", -50%, 0)"}}},watch:{checked:function(){this.leftPos=this.value?n+"%":a}},methods:{toggleSwitch:function(){this.disabled||(this.checked=!this.checked,this.$emit("change",this.checked),this.$emit("input",this.checked))}},mounted:function(){this.leftPos=this.value?n+"%":a}},t.exports=e.default},function(t,e,n){"use strict";function a(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var o=n(1),i=a(o);e.default={props:{mdSortType:String,mdSort:String},data:function(){return{sortType:this.mdSortType,sortBy:this.mdSort,hasRowSelection:!1,data:[],numberOfRows:0,numberOfSelected:0,selectedRows:{}}},methods:{emitSort:function(t){this.sortBy=t,this.$emit("sort",{name:t,type:this.sortType})},emitSelection:function(){this.$emit("select",this.selectedRows)}},mounted:function(){this.parentCard=(0,i.default)(this.$parent,"md-table-card"),this.parentCard&&(this.parentCard.tableInstance=this)}},t.exports=e.default},function(t,e,n){"use strict";function a(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var o=n(1),i=a(o);e.default={props:{mdSelectedLabel:String},data:function(){return{classes:{},tableInstance:{}}},mounted:function(){var t=this;this.parentCard=(0,i.default)(this.$parent,"md-table-card"),this.$nextTick(function(){t.tableInstance=t.parentCard.tableInstance,t.$watch("tableInstance.numberOfSelected",function(){t.$refs.counter.textContent=t.tableInstance.numberOfSelected,t.classes={"md-active":t.tableInstance.numberOfSelected>0}})})}},t.exports=e.default},function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={props:{mdNumeric:Boolean},computed:{classes:function(){return{"md-numeric":this.mdNumeric}}}},t.exports=e.default},function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={props:{value:String,mdLarge:Boolean,mdId:String,mdName:String,mdPlaceholder:String,mdMaxlength:[Number,String]},data:function(){return{active:!1}},computed:{triggerClasses:function(){return{"md-edited":this.value}},dialogClasses:function(){return{"md-active":this.active,"md-large":this.mdLarge}},realValue:function(){console.log(this.value)}},methods:{openDialog:function(){this.active=!0,this.$refs.input.$el.focus(),document.addEventListener("click",this.closeDialogOnOffClick)},closeDialog:function(){this.active&&(this.active=!1,this.$refs.input.$el.blur(),document.removeEventListener("click",this.closeDialogOnOffClick))},closeDialogOnOffClick:function(t){this.$refs.dialog.contains(t.target)||this.closeDialog()},confirmDialog:function(){var t=this.$refs.input.$el.value;this.closeDialog(),this.$emit("input",t),this.$emit("edited",t)}}},t.exports=e.default},function(t,e,n){"use strict";function a(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var o=n(1),i=a(o);e.default={props:{mdNumeric:Boolean,mdSortBy:String,mdTooltip:String},data:function(){return{sortType:null,sorted:!1,parentTable:{}}},computed:{classes:function(){var t=this.hasMatchSort();return t||(this.sorted=!1),{"md-numeric":this.mdNumeric,"md-sortable":this.mdSortBy,"md-sorted":t&&this.sorted,"md-sorted-descending":t&&"desc"===this.sortType}}},methods:{hasMatchSort:function(){return this.parentTable.sortBy===this.mdSortBy},changeSort:function(){this.mdSortBy&&("asc"===this.sortType&&this.sorted?this.sortType="desc":this.sortType="asc",this.sorted=!0,this.parentTable.sortType=this.sortType,this.parentTable.emitSort(this.mdSortBy))}},mounted:function(){this.parentTable=(0,i.default)(this.$parent,"md-table"),this.hasMatchSort()&&(this.sorted=!0,this.sortType=this.parentTable.sortType)}},t.exports=e.default},function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={props:{mdSize:{type:[Number,String],default:10},mdPageOptions:[Array,Boolean],mdPage:{type:[Number,String],default:1},mdTotal:{type:[Number,String],default:"Many"},mdLabel:{type:String,default:"Rows per page"},mdSeparator:{type:String,default:"of"}},data:function(){return{currentSize:parseInt(this.mdSize,10),currentPage:parseInt(this.mdPage,10)}},computed:{lastPage:function(){return!1}},methods:{emitPaginationEvent:function(){this.canFireEvents&&this.$emit("pagination",{size:this.currentSize,page:this.currentPage})},changeSize:function(){this.canFireEvents&&(this.$emit("size",this.currentSize),this.emitPaginationEvent())},changePage:function(){this.canFireEvents&&(this.$emit("page",this.currentPage),this.emitPaginationEvent())}},mounted:function(){var t=this;this.$nextTick(function(){t.mdPageOptions=t.mdPageOptions||[10,25,50,100],t.currentSize=t.mdPageOptions[0],t.canFireEvents=!0})}},t.exports=e.default},function(t,e,n){"use strict";function a(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var o=n(1),i=a(o),d="md-transition-off";e.default={props:{mdAutoSelect:Boolean,mdSelection:Boolean,mdItem:Object},data:function(){return{parentTable:{},headRow:!1,checkbox:!1,index:0}},computed:{isDisabled:function(){return!this.mdSelection&&!this.headRow},hasSelection:function(){return this.mdSelection||this.headRow&&this.parentTable.hasRowSelection},classes:function(){return{"md-selected":this.checkbox}}},methods:{setSelectedRow:function(t,e){t?(this.parentTable.selectedRows[e]=this.parentTable.data[e],++this.parentTable.numberOfSelected):(delete this.parentTable.selectedRows[e],--this.parentTable.numberOfSelected)},handleSingleSelection:function(t){this.setSelectedRow(t,this.index-1),this.parentTable.$children[0].checkbox=this.parentTable.numberOfSelected===this.parentTable.numberOfRows},handleMultipleSelection:function(t){var e=this;this.parentTable.numberOfRows>25&&this.parentTable.$el.classList.add(d),this.parentTable.$children.forEach(function(n,a){n.checkbox=t,n.headRow||e.setSelectedRow(t,a-1)}),t?this.parentTable.numberOfSelected=this.parentTable.numberOfRows:this.parentTable.numberOfSelected=0,window.setTimeout(function(){return e.parentTable.$el.classList.remove(d)})},select:function(t){this.hasSelection&&(this.headRow?this.handleMultipleSelection(t):this.handleSingleSelection(t),this.parentTable.emitSelection())},autoSelect:function(){this.mdAutoSelect&&this.hasSelection&&(this.checkbox=!this.checkbox,this.handleSingleSelection(this.checkbox),this.parentTable.emitSelection())}},watch:{data:function(){this.parentTable.data[this.index]=this.item}},mounted:function(){this.parentTable=(0,i.default)(this.$parent,"md-table"),"thead"===this.$el.parentNode.tagName.toLowerCase()?this.headRow=!0:(this.parentTable.numberOfRows++,this.index=this.parentTable.numberOfRows,this.mdSelection&&(this.parentTable.hasRowSelection=!0),this.mdItem&&this.parentTable.data.push(this.mdItem))}},t.exports=e.default},function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={props:{id:[String,Number],mdLabel:[String,Number],mdIcon:String,mdActive:Boolean,mdDisabled:Boolean},data:function(){var t=void 0;return this.id||(t="tab-"+Math.random().toString(36).substr(2,10)),{tabId:this.id||t}},watch:{mdActive:function(){this.updateTabData()},mdDisabled:function(){this.updateTabData()},mdIcon:function(){this.updateTabData()},mdLabel:function(){this.updateTabData()}},methods:{updateTabData:function(){this.$parent.updateTabData({id:this.tabId,label:this.mdLabel,icon:this.mdIcon,active:this.mdActive,disabled:this.mdDisabled,ref:this.$refs.tab})}},mounted:function(){if(!this.$parent.$el.classList.contains("md-tabs"))throw this.$destroy(),new Error("You should wrap the md-tab in a md-tabs");this.$parent.registerTab({id:this.tabId,label:this.mdLabel,icon:this.mdIcon,active:this.mdActive,disabled:this.mdDisabled,ref:this.$refs.tab})}},t.exports=e.default},function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={props:{mdFixed:Boolean,mdCentered:Boolean,mdElevation:[String,Number]},data:function(){return{hasIcons:!1,hasLabel:!1,elevation:this.mdElevation,activeTab:"",activeTabNumber:0,tabs:{}}},watch:{mdFixed:function(){var t=this,e=0,n=window.setInterval(function(){e++,window.requestAnimationFrame(function(){t.calculateIndicatorPos(!0)}),e>200&&window.clearInterval(n)},1);this.recalculateAllTabsPos()},mdCentered:function(){this.recalculateAllTabsPos()},mdElevation:function(){this.elevation=this.mdElevation}},computed:{tabClasses:function(){return{"md-fixed":this.mdFixed,"md-centered":this.mdCentered||this.mdFixed,"md-has-icon":this.hasIcons,"md-has-label":this.hasLabel}},indicatorClass:function(){var t=this.lastIndicatorNumber>this.activeTabNumber;return this.lastIndicatorNumber=this.activeTabNumber,{"md-to-right":!t,"md-to-left":t}}},methods:{getHeaderClass:function(t){return{"md-active":this.activeTab===t.id,"md-disabled":t.disabled}},calculateIndicatorPos:function(t){var e=this,n=this.$refs.indicator,a=this.$el.offsetWidth;t&&n.classList.add("md-transition-off"),this.$nextTick(function(){var o=e.$refs.tabHeader[e.activeTabNumber],i=o.offsetLeft,d=a-i-o.offsetWidth;n.style.left=i+"px",n.style.right=d+"px",t&&window.setTimeout(function(){n.classList.remove("md-transition-off")},100)})},calculateTabPos:function(t,e){this.$refs.tabWrapper.style.transform="translate3D("+-this.$refs.tabContent.offsetWidth*this.activeTabNumber+"px, 0, 0)",t.style.width=this.$refs.tabContent.offsetWidth+"px",t.style.left=this.$refs.tabContent.offsetWidth*e+"px"},setVisibleTab:function(t){this.$refs.tabContent.style.height=t.offsetHeight+"px",t.classList.add("md-active")},changeTab:function(t){var e=this,n=Object.keys(this.tabs),a=t||n[0],o=n.indexOf(a);this.tabs[this.activeTab||a].ref.classList.remove("md-active"),this.activeTab=a,this.activeTabNumber=o,this.$nextTick(function(){e.calculateIndicatorPos(),e.calculateTabPos(e.tabs[a].ref,o),e.setVisibleTab(e.tabs[a].ref)}),this.$emit("change",o)},handleTabData:function(t){var e=Object.keys(this.tabs),n=e.indexOf(t.id);this.hasIcons=!!t.icon,this.hasLabel=!!t.label,t.disabled?this.changeTab(e[n+1]):t.active&&this.changeTab(t.id)},registerTab:function(t){this.tabs[t.id]=t,this.handleTabData(t),this.calculateTabPos(this.tabs[t.id].ref,Object.keys(this.tabs).length-1)},updateTabData:function(t){this.tabs[t.id]=t,this.handleTabData(t),this.$forceUpdate(),this.recalculateAllTabsPos()},recalculateAllTabsPos:function(t){var e=this;"undefined"==typeof t&&(t=!0),window.requestAnimationFrame(function(){e.calculateIndicatorPos(!t),Object.keys(e.tabs).forEach(function(t,n){e.calculateTabPos(e.tabs[t].ref,n)})})}},mounted:function(){this.activeTab||this.changeTab(),window.addEventListener("resize",this.recalculateAllTabsPos)},beforeDestroy:function(){window.removeEventListener("resize",this.recalculateAllTabsPos)}},t.exports=e.default},function(t,e,n){"use strict";function a(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var o=n(5),i=a(o),d=n(3),r=a(d);e.default={props:{mdDirection:{type:String,default:"bottom"},mdDelay:{type:String,default:"0"}},data:function(){return{active:!1,transitionOff:!1,topPosition:!1,leftPosition:!1}},computed:{classes:function(){return{"md-active":this.active,"md-transition-off":this.transitionOff,"md-tooltip-top":"top"===this.mdDirection,"md-tooltip-right":"right"===this.mdDirection,"md-tooltip-bottom":"bottom"===this.mdDirection, -"md-tooltip-left":"left"===this.mdDirection}},style:function(){return{"transition-delay":this.mdDelay+"ms",top:this.topPosition+"px",left:this.leftPosition+"px"}}},watch:{mdDirection:function(){this.calculateTooltipPosition()}},methods:{calculateTooltipPosition:function(){var t=this.parentElement.getBoundingClientRect(),e={};switch(this.mdDirection){case"top":e.top=t.top-this.$el.offsetHeight,e.left=t.left+t.width/2;break;case"right":e.top=t.top,e.left=t.left+t.width;break;case"bottom":e.top=t.bottom,e.left=t.left+t.width/2;break;case"left":e.top=t.top,e.left=t.left-this.$el.offsetWidth;break;default:console.warn("Invalid "+this.mdDirection+" option to md-direction option")}e=(0,r.default)(this.tooltipElement,e),this.topPosition=e.top,this.leftPosition=e.left},open:function(){var t=this;document.body.appendChild(this.tooltipElement),getComputedStyle(this.tooltipElement).top,this.transitionOff=!0,this.calculateTooltipPosition(),window.setTimeout(function(){t.transitionOff=!1,t.active=!0},10)},close:function(){var t=this,e=function e(){t.tooltipElement.removeEventListener(i.default,e),t.tooltipElement.parentNode&&!t.tooltipElement.classList.contains("md-active")&&document.body.removeChild(t.tooltipElement)};this.active=!1,this.tooltipElement.removeEventListener(i.default,e),this.tooltipElement.addEventListener(i.default,e)}},mounted:function(){var t=this;this.$nextTick(function(){t.tooltipElement=t.$el,t.parentElement=t.tooltipElement.parentNode,t.$el.parentNode.removeChild(t.$el),t.parentElement.addEventListener("mouseenter",t.open),t.parentElement.addEventListener("focus",t.open),t.parentElement.addEventListener("mouseleave",t.close),t.parentElement.addEventListener("blur",t.close)})},beforeDestroy:function(){this.active=!1,this.$el.parentNode&&document.body.removeChild(this.$el),this.parentElement&&(this.parentElement.removeEventListener("mouseenter",this.open),this.parentElement.removeEventListener("focus",this.open),this.parentElement.removeEventListener("mouseleave",this.close),this.parentElement.removeEventListener("blur",this.close))}},t.exports=e.default},function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={props:{mdElevation:[String,Number]},data:function(){return{elevation:0===this.mdElevation?0:this.mdElevation||1}},watch:{mdElevation:function(){this.elevation=this.mdElevation}},computed:{classes:function(){var t=parseInt(this.elevation,10),e="md-whiteframe-";return isNaN(t)||"number"!=typeof t?this.elevation.indexOf("dp")>-1&&(e+=this.elevation):(e+=t,e+="dp"),e}}},t.exports=e.default},function(t,e,n){e=t.exports=n(93)(),e.push([t.id,'html{height:100%;box-sizing:border-box}html *,html :after,html :before{box-sizing:inherit}body{min-height:100%;margin:0;position:relative;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;color:rgba(0,0,0,.87);font-family:Roboto,Lato,sans-serif}audio,canvas,embed,iframe,img,object,svg,video{max-width:100%;height:auto;font-style:italic;vertical-align:middle}[tabindex="-1"]:focus{outline:none!important}.md-scrollbar::-webkit-scrollbar,.md-scrollbar ::-webkit-scrollbar{width:10px;height:10px;box-shadow:inset 1px 1px 0 rgba(0,0,0,.12);transition:all .5s cubic-bezier(.35,0,.25,1);background-color:rgba(0,0,0,.05)}.md-scrollbar::-webkit-scrollbar:hover,.md-scrollbar ::-webkit-scrollbar:hover{box-shadow:inset 1px 1px 0 rgba(0,0,0,.054),inset 0 -1px 0 rgba(0,0,0,.038);background-color:rgba(0,0,0,.087)}.md-scrollbar::-webkit-scrollbar-button,.md-scrollbar ::-webkit-scrollbar-button{display:none}.md-scrollbar::-webkit-scrollbar-corner,.md-scrollbar ::-webkit-scrollbar-corner{background-color:transparent}.md-scrollbar::-webkit-scrollbar-thumb,.md-scrollbar ::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.26);box-shadow:inset 1px 1px 0 rgba(0,0,0,.054),inset 0 -1px 0 rgba(0,0,0,.087);transition:all .5s cubic-bezier(.35,0,.25,1)}.md-caption{font-size:12px;font-weight:400;letter-spacing:.02em;line-height:17px}.md-body-1,body{font-weight:400;line-height:20px}.md-body-1,.md-body-2,body{font-size:14px;letter-spacing:.01em}.md-body-2{font-weight:500;line-height:24px}.md-subheading{font-size:16px;font-weight:400;letter-spacing:.01em;line-height:24px}.md-title{font-size:20px;font-weight:500;letter-spacing:.005em;line-height:26px}.md-headline{font-size:24px;line-height:32px}.md-display-1,.md-headline{font-weight:400;letter-spacing:0}.md-display-1{font-size:34px;line-height:40px}.md-display-2{font-size:45px;font-weight:400;letter-spacing:0;line-height:48px}.md-display-3{font-size:56px;font-weight:400;letter-spacing:-.005em;line-height:58px}.md-display-4{font-size:112px;font-weight:300;letter-spacing:-.01em;line-height:112px}a:not(.md-button){text-decoration:none}a:not(.md-button):hover{text-decoration:underline}button:focus{outline:none}',""])},function(t,e){t.exports=function(){var t=[];return t.toString=function(){for(var t=[],e=0;ee.scrollTop+e.clientHeight,r=this.offsetLeft-e.offsetLefte.scrollLeft+e.clientWidth,m=i&&!d;(i||d)&&t&&(e.scrollTop=this.offsetTop-e.offsetTop-e.clientHeight/2-a+this.clientHeight/2),(r||s)&&t&&(e.scrollLeft=this.offsetLeft-e.offsetLeft-e.clientWidth/2-o+this.clientWidth/2),(i||d||r||s)&&!t&&this.scrollIntoView(m)})},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){},function(t,e){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=".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.md-active,.THEME_NAME.md-bottom-bar.md-fixed .md-bottom-bar-item.md-active{color:PRIMARY-COLOR}.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.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.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.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.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-icon-button .md-icon,.THEME_NAME.md-card .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-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-0.99999}.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-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-0.99999}.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-0.99999}.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}.THEME_NAME .md-tabs.md-transparent .md-tabs-navigation,.THEME_NAME.md-tabs.md-transparent .md-tabs-navigation{background-color:transparent}.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}\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,n){var a,o;n(118),a=n(38);var i=n(284);o=a=a||{},"object"!=typeof a.default&&"function"!=typeof a.default||(o=a=a.default),"function"==typeof o&&(o=o.options),o.render=i.render,o.staticRenderFns=i.staticRenderFns,t.exports=a},function(t,e,n){var a,o;n(124),a=n(39);var i=n(296);o=a=a||{},"object"!=typeof a.default&&"function"!=typeof a.default||(o=a=a.default),"function"==typeof o&&(o=o.options),o.render=i.render,o.staticRenderFns=i.staticRenderFns,t.exports=a},function(t,e,n){var a,o;n(110),a=n(40);var i=n(274);o=a=a||{},"object"!=typeof a.default&&"function"!=typeof a.default||(o=a=a.default),"function"==typeof o&&(o=o.options),o.render=i.render,o.staticRenderFns=i.staticRenderFns,o._scopeId="data-v-2ea041a6",t.exports=a},function(t,e,n){var a,o;n(99),a=n(41);var i=n(256);o=a=a||{},"object"!=typeof a.default&&"function"!=typeof a.default||(o=a=a.default),"function"==typeof o&&(o=o.options),o.render=i.render,o.staticRenderFns=i.staticRenderFns,t.exports=a},function(t,e,n){var a,o;n(96),a=n(42);var i=n(253);o=a=a||{},"object"!=typeof a.default&&"function"!=typeof a.default||(o=a=a.default),"function"==typeof o&&(o=o.options),o.render=i.render,o.staticRenderFns=i.staticRenderFns,t.exports=a},function(t,e,n){var a,o;n(128),a=n(43);var i=n(304);o=a=a||{},"object"!=typeof a.default&&"function"!=typeof a.default||(o=a=a.default),"function"==typeof o&&(o=o.options),o.render=i.render,o.staticRenderFns=i.staticRenderFns,t.exports=a},function(t,e,n){var a,o;n(131),a=n(44);var i=n(310);o=a=a||{},"object"!=typeof a.default&&"function"!=typeof a.default||(o=a=a.default),"function"==typeof o&&(o=o.options),o.render=i.render,o.staticRenderFns=i.staticRenderFns,t.exports=a},function(t,e,n){var a,o;n(101);var i=n(258);o=a=a||{},"object"!=typeof a.default&&"function"!=typeof a.default||(o=a=a.default),"function"==typeof o&&(o=o.options),o.render=i.render,o.staticRenderFns=i.staticRenderFns,o._scopeId="data-v-059a402f",t.exports=a},function(t,e,n){var a,o;n(106);var i=n(264);o=a=a||{},"object"!=typeof a.default&&"function"!=typeof a.default||(o=a=a.default),"function"==typeof o&&(o=o.options),o.render=i.render,o.staticRenderFns=i.staticRenderFns,o._scopeId="data-v-189b1db6",t.exports=a},function(t,e,n){var a,o,i=n(301);o=a=a||{},"object"!=typeof a.default&&"function"!=typeof a.default||(o=a=a.default),"function"==typeof o&&(o=o.options),o.render=i.render,o.staticRenderFns=i.staticRenderFns,t.exports=a},function(t,e,n){var a,o;n(140);var i=n(325);o=a=a||{},"object"!=typeof a.default&&"function"!=typeof a.default||(o=a=a.default),"function"==typeof o&&(o=o.options),o.render=i.render,o.staticRenderFns=i.staticRenderFns,o._scopeId="data-v-d3f0892a",t.exports=a},function(t,e,n){var a,o;n(100);var i=n(257);o=a=a||{},"object"!=typeof a.default&&"function"!=typeof a.default||(o=a=a.default),"function"==typeof o&&(o=o.options),o.render=i.render,o.staticRenderFns=i.staticRenderFns,o._scopeId="data-v-0433a5e8",t.exports=a},function(t,e,n){var a,o,i=n(306);o=a=a||{},"object"!=typeof a.default&&"function"!=typeof a.default||(o=a=a.default),"function"==typeof o&&(o=o.options),o.render=i.render,o.staticRenderFns=i.staticRenderFns,t.exports=a},function(t,e,n){var a,o;n(109),a=n(45);var i=n(271);o=a=a||{},"object"!=typeof a.default&&"function"!=typeof a.default||(o=a=a.default),"function"==typeof o&&(o=o.options),o.render=i.render,o.staticRenderFns=i.staticRenderFns,o._scopeId="data-v-24874b3d",t.exports=a},function(t,e,n){var a,o;n(104);var i=n(261);o=a=a||{},"object"!=typeof a.default&&"function"!=typeof a.default||(o=a=a.default),"function"==typeof o&&(o=o.options),o.render=i.render,o.staticRenderFns=i.staticRenderFns,o._scopeId="data-v-13cae4e1",t.exports=a},function(t,e,n){var a,o;a=n(46);var i=n(319);o=a=a||{},"object"!=typeof a.default&&"function"!=typeof a.default||(o=a=a.default),"function"==typeof o&&(o=o.options),o.render=i.render,o.staticRenderFns=i.staticRenderFns,t.exports=a},function(t,e,n){var a,o;n(127);var i=n(303);o=a=a||{},"object"!=typeof a.default&&"function"!=typeof a.default||(o=a=a.default),"function"==typeof o&&(o=o.options),o.render=i.render,o.staticRenderFns=i.staticRenderFns,o._scopeId="data-v-6e7e0ccb",t.exports=a},function(t,e,n){var a,o;n(123),a=n(47);var i=n(295);o=a=a||{},"object"!=typeof a.default&&"function"!=typeof a.default||(o=a=a.default),"function"==typeof o&&(o=o.options),o.render=i.render,o.staticRenderFns=i.staticRenderFns,o._scopeId="data-v-5f96d27e",t.exports=a},function(t,e,n){var a,o,i=n(283);o=a=a||{},"object"!=typeof a.default&&"function"!=typeof a.default||(o=a=a.default),"function"==typeof o&&(o=o.options),o.render=i.render,o.staticRenderFns=i.staticRenderFns,t.exports=a},function(t,e,n){var a,o;a=n(48);var i=n(289);o=a=a||{},"object"!=typeof a.default&&"function"!=typeof a.default||(o=a=a.default),"function"==typeof o&&(o=o.options),o.render=i.render,o.staticRenderFns=i.staticRenderFns,t.exports=a},function(t,e,n){var a,o;n(134),a=n(49);var i=n(314);o=a=a||{},"object"!=typeof a.default&&"function"!=typeof a.default||(o=a=a.default),"function"==typeof o&&(o=o.options),o.render=i.render,o.staticRenderFns=i.staticRenderFns,t.exports=a},function(t,e,n){var a,o;n(120);var i=n(286);o=a=a||{},"object"!=typeof a.default&&"function"!=typeof a.default||(o=a=a.default),"function"==typeof o&&(o=o.options),o.render=i.render,o.staticRenderFns=i.staticRenderFns,o._scopeId="data-v-4afee79a",t.exports=a},function(t,e,n){var a,o;n(113),a=n(50);var i=n(278);o=a=a||{},"object"!=typeof a.default&&"function"!=typeof a.default||(o=a=a.default),"function"==typeof o&&(o=o.options),o.render=i.render,o.staticRenderFns=i.staticRenderFns,o._scopeId="data-v-38aa4e50",t.exports=a},function(t,e,n){var a,o;n(125);var i=n(299);o=a=a||{},"object"!=typeof a.default&&"function"!=typeof a.default||(o=a=a.default),"function"==typeof o&&(o=o.options),o.render=i.render,o.staticRenderFns=i.staticRenderFns,o._scopeId="data-v-653709aa",t.exports=a},function(t,e,n){var a,o;n(132),a=n(51);var i=n(311);o=a=a||{},"object"!=typeof a.default&&"function"!=typeof a.default||(o=a=a.default),"function"==typeof o&&(o=o.options),o.render=i.render,o.staticRenderFns=i.staticRenderFns,o._scopeId="data-v-7caab3f7",t.exports=a},function(t,e,n){var a,o;n(129),a=n(52);var i=n(305);o=a=a||{},"object"!=typeof a.default&&"function"!=typeof a.default||(o=a=a.default),"function"==typeof o&&(o=o.options),o.render=i.render,o.staticRenderFns=i.staticRenderFns,o._scopeId="data-v-70fc7701",t.exports=a},function(t,e,n){var a,o,i=n(321);o=a=a||{},"object"!=typeof a.default&&"function"!=typeof a.default||(o=a=a.default),"function"==typeof o&&(o=o.options),o.render=i.render,o.staticRenderFns=i.staticRenderFns,t.exports=a},function(t,e,n){var a,o;a=n(53);var i=n(302);o=a=a||{},"object"!=typeof a.default&&"function"!=typeof a.default||(o=a=a.default),"function"==typeof o&&(o=o.options),o.render=i.render,o.staticRenderFns=i.staticRenderFns,t.exports=a},function(t,e,n){var a,o;n(102),a=n(54);var i=n(259);o=a=a||{},"object"!=typeof a.default&&"function"!=typeof a.default||(o=a=a.default),"function"==typeof o&&(o=o.options),o.render=i.render,o.staticRenderFns=i.staticRenderFns,o._scopeId="data-v-080f56ba",t.exports=a},function(t,e,n){var a,o;n(114),a=n(55);var i=n(279);o=a=a||{},"object"!=typeof a.default&&"function"!=typeof a.default||(o=a=a.default),"function"==typeof o&&(o=o.options),o.render=i.render,o.staticRenderFns=i.staticRenderFns,t.exports=a},function(t,e,n){var a,o;n(130);var i=n(309);o=a=a||{},"object"!=typeof a.default&&"function"!=typeof a.default||(o=a=a.default),"function"==typeof o&&(o=o.options),o.render=i.render,o.staticRenderFns=i.staticRenderFns,o._scopeId="data-v-7aafaa90",t.exports=a},function(t,e,n){var a,o;n(116);var i=n(281);o=a=a||{},"object"!=typeof a.default&&"function"!=typeof a.default||(o=a=a.default),"function"==typeof o&&(o=o.options),o.render=i.render,o.staticRenderFns=i.staticRenderFns,o._scopeId="data-v-406a6b18",t.exports=a},function(t,e,n){var a,o;n(105);var i=n(263);o=a=a||{},"object"!=typeof a.default&&"function"!=typeof a.default||(o=a=a.default),"function"==typeof o&&(o=o.options),o.render=i.render,o.staticRenderFns=i.staticRenderFns,t.exports=a},function(t,e,n){var a,o,i=n(308);o=a=a||{},"object"!=typeof a.default&&"function"!=typeof a.default||(o=a=a.default),"function"==typeof o&&(o=o.options),o.render=i.render,o.staticRenderFns=i.staticRenderFns,t.exports=a},function(t,e,n){var a,o,i=n(323);o=a=a||{},"object"!=typeof a.default&&"function"!=typeof a.default||(o=a=a.default),"function"==typeof o&&(o=o.options),o.render=i.render,o.staticRenderFns=i.staticRenderFns,t.exports=a},function(t,e,n){var a,o,i=n(272);o=a=a||{},"object"!=typeof a.default&&"function"!=typeof a.default||(o=a=a.default),"function"==typeof o&&(o=o.options),o.render=i.render,o.staticRenderFns=i.staticRenderFns,t.exports=a},function(t,e,n){var a,o;n(138);var i=n(318);o=a=a||{},"object"!=typeof a.default&&"function"!=typeof a.default||(o=a=a.default),"function"==typeof o&&(o=o.options),o.render=i.render,o.staticRenderFns=i.staticRenderFns,o._scopeId="data-v-a5e4ce48",t.exports=a},function(t,e,n){var a,o;n(107);var i=n(267);o=a=a||{},"object"!=typeof a.default&&"function"!=typeof a.default||(o=a=a.default),"function"==typeof o&&(o=o.options),o.render=i.render,o.staticRenderFns=i.staticRenderFns,t.exports=a},function(t,e,n){var a,o;n(98),a=n(56);var i=n(255);o=a=a||{},"object"!=typeof a.default&&"function"!=typeof a.default||(o=a=a.default),"function"==typeof o&&(o=o.options),o.render=i.render,o.staticRenderFns=i.staticRenderFns,t.exports=a},function(t,e,n){var a,o;a=n(57);var i=n(266);o=a=a||{},"object"!=typeof a.default&&"function"!=typeof a.default||(o=a=a.default),"function"==typeof o&&(o=o.options),o.render=i.render,o.staticRenderFns=i.staticRenderFns,t.exports=a},function(t,e,n){var a,o;n(135),a=n(58),o=a=a||{},"object"!=typeof a.default&&"function"!=typeof a.default||(o=a=a.default),"function"==typeof o&&(o=o.options),t.exports=a},function(t,e,n){var a,o;n(103),a=n(59);var i=n(260);o=a=a||{},"object"!=typeof a.default&&"function"!=typeof a.default||(o=a=a.default),"function"==typeof o&&(o=o.options),o.render=i.render,o.staticRenderFns=i.staticRenderFns,t.exports=a},function(t,e,n){var a,o;n(122),a=n(60);var i=n(290);o=a=a||{},"object"!=typeof a.default&&"function"!=typeof a.default||(o=a=a.default),"function"==typeof o&&(o=o.options),o.render=i.render,o.staticRenderFns=i.staticRenderFns,t.exports=a},function(t,e,n){var a,o,i=n(307);o=a=a||{},"object"!=typeof a.default&&"function"!=typeof a.default||(o=a=a.default),"function"==typeof o&&(o=o.options),o.render=i.render,o.staticRenderFns=i.staticRenderFns,t.exports=a},function(t,e,n){var a,o;a=n(61);var i=n(277);o=a=a||{},"object"!=typeof a.default&&"function"!=typeof a.default||(o=a=a.default),"function"==typeof o&&(o=o.options),o.render=i.render,o.staticRenderFns=i.staticRenderFns,t.exports=a},function(t,e,n){var a,o,i=n(252);o=a=a||{},"object"!=typeof a.default&&"function"!=typeof a.default||(o=a=a.default),"function"==typeof o&&(o=o.options),o.render=i.render,o.staticRenderFns=i.staticRenderFns,t.exports=a},function(t,e,n){var a,o;a=n(62);var i=n(326);o=a=a||{},"object"!=typeof a.default&&"function"!=typeof a.default||(o=a=a.default),"function"==typeof o&&(o=o.options),o.render=i.render,o.staticRenderFns=i.staticRenderFns,t.exports=a},function(t,e,n){var a,o,i=n(273);o=a=a||{},"object"!=typeof a.default&&"function"!=typeof a.default||(o=a=a.default),"function"==typeof o&&(o=o.options),o.render=i.render,o.staticRenderFns=i.staticRenderFns,t.exports=a},function(t,e,n){var a,o;a=n(63);var i=n(280);o=a=a||{},"object"!=typeof a.default&&"function"!=typeof a.default||(o=a=a.default),"function"==typeof o&&(o=o.options),o.render=i.render,o.staticRenderFns=i.staticRenderFns,t.exports=a},function(t,e,n){var a,o;a=n(64);var i=n(297);o=a=a||{},"object"!=typeof a.default&&"function"!=typeof a.default||(o=a=a.default),"function"==typeof o&&(o=o.options),o.render=i.render,o.staticRenderFns=i.staticRenderFns,t.exports=a},function(t,e,n){var a,o,i=n(316);o=a=a||{},"object"!=typeof a.default&&"function"!=typeof a.default||(o=a=a.default),"function"==typeof o&&(o=o.options),o.render=i.render,o.staticRenderFns=i.staticRenderFns,t.exports=a},function(t,e,n){var a,o;a=n(65);var i=n(265);o=a=a||{},"object"!=typeof a.default&&"function"!=typeof a.default||(o=a=a.default),"function"==typeof o&&(o=o.options),o.render=i.render,o.staticRenderFns=i.staticRenderFns,t.exports=a},function(t,e,n){var a,o;n(136),a=n(66);var i=n(317);o=a=a||{},"object"!=typeof a.default&&"function"!=typeof a.default||(o=a=a.default),"function"==typeof o&&(o=o.options),o.render=i.render,o.staticRenderFns=i.staticRenderFns,t.exports=a},function(t,e,n){var a,o;n(111);var i=n(275);o=a=a||{},"object"!=typeof a.default&&"function"!=typeof a.default||(o=a=a.default),"function"==typeof o&&(o=o.options),o.render=i.render,o.staticRenderFns=i.staticRenderFns,t.exports=a},function(t,e,n){var a,o;n(143);var i=n(330);o=a=a||{},"object"!=typeof a.default&&"function"!=typeof a.default||(o=a=a.default),"function"==typeof o&&(o=o.options),o.render=i.render,o.staticRenderFns=i.staticRenderFns,t.exports=a},function(t,e,n){var a,o;a=n(67);var i=n(292);o=a=a||{},"object"!=typeof a.default&&"function"!=typeof a.default||(o=a=a.default),"function"==typeof o&&(o=o.options),o.render=i.render,o.staticRenderFns=i.staticRenderFns,t.exports=a},function(t,e,n){var a,o;n(121),a=n(68);var i=n(288);o=a=a||{},"object"!=typeof a.default&&"function"!=typeof a.default||(o=a=a.default),"function"==typeof o&&(o=o.options),o.render=i.render,o.staticRenderFns=i.staticRenderFns,t.exports=a},function(t,e,n){var a,o;a=n(69);var i=n(298);o=a=a||{},"object"!=typeof a.default&&"function"!=typeof a.default||(o=a=a.default),"function"==typeof o&&(o=o.options),o.render=i.render,o.staticRenderFns=i.staticRenderFns,t.exports=a},function(t,e,n){var a,o;n(117);var i=n(282);o=a=a||{},"object"!=typeof a.default&&"function"!=typeof a.default||(o=a=a.default),"function"==typeof o&&(o=o.options),o.render=i.render,o.staticRenderFns=i.staticRenderFns,t.exports=a},function(t,e,n){var a,o;a=n(70);var i=n(262);o=a=a||{},"object"!=typeof a.default&&"function"!=typeof a.default||(o=a=a.default),"function"==typeof o&&(o=o.options),o.render=i.render,o.staticRenderFns=i.staticRenderFns,t.exports=a},function(t,e,n){var a,o;a=n(71),o=a=a||{},"object"!=typeof a.default&&"function"!=typeof a.default||(o=a=a.default),"function"==typeof o&&(o=o.options),t.exports=a},function(t,e,n){var a,o;n(95),a=n(72);var i=n(251);o=a=a||{},"object"!=typeof a.default&&"function"!=typeof a.default||(o=a=a.default),"function"==typeof o&&(o=o.options),o.render=i.render,o.staticRenderFns=i.staticRenderFns,t.exports=a},function(t,e,n){var a,o;a=n(73);var i=n(291);o=a=a||{},"object"!=typeof a.default&&"function"!=typeof a.default||(o=a=a.default),"function"==typeof o&&(o=o.options),o.render=i.render,o.staticRenderFns=i.staticRenderFns,t.exports=a},function(t,e,n){var a,o;a=n(74);var i=n(294);o=a=a||{},"object"!=typeof a.default&&"function"!=typeof a.default||(o=a=a.default),"function"==typeof o&&(o=o.options),o.render=i.render,o.staticRenderFns=i.staticRenderFns,t.exports=a},function(t,e,n){var a,o;n(142),a=n(75);var i=n(329);o=a=a||{},"object"!=typeof a.default&&"function"!=typeof a.default||(o=a=a.default),"function"==typeof o&&(o=o.options),o.render=i.render,o.staticRenderFns=i.staticRenderFns,t.exports=a},function(t,e,n){var a,o;a=n(76);var i=n(320);o=a=a||{},"object"!=typeof a.default&&"function"!=typeof a.default||(o=a=a.default),"function"==typeof o&&(o=o.options),o.render=i.render,o.staticRenderFns=i.staticRenderFns,t.exports=a},function(t,e,n){var a,o;n(108),a=n(77);var i=n(268);o=a=a||{},"object"!=typeof a.default&&"function"!=typeof a.default||(o=a=a.default),"function"==typeof o&&(o=o.options),o.render=i.render,o.staticRenderFns=i.staticRenderFns,t.exports=a},function(t,e,n){var a,o;n(119),a=n(78);var i=n(285);o=a=a||{},"object"!=typeof a.default&&"function"!=typeof a.default||(o=a=a.default),"function"==typeof o&&(o=o.options),o.render=i.render,o.staticRenderFns=i.staticRenderFns,t.exports=a},function(t,e,n){var a,o;n(137),a=n(79),o=a=a||{},"object"!=typeof a.default&&"function"!=typeof a.default||(o=a=a.default),"function"==typeof o&&(o=o.options),t.exports=a},function(t,e,n){var a,o;n(133),a=n(80);var i=n(312);o=a=a||{},"object"!=typeof a.default&&"function"!=typeof a.default||(o=a=a.default),"function"==typeof o&&(o=o.options),o.render=i.render,o.staticRenderFns=i.staticRenderFns,t.exports=a},function(t,e,n){var a,o;n(141),a=n(81);var i=n(327);o=a=a||{},"object"!=typeof a.default&&"function"!=typeof a.default||(o=a=a.default),"function"==typeof o&&(o=o.options),o.render=i.render,o.staticRenderFns=i.staticRenderFns,t.exports=a},function(t,e,n){var a,o;a=n(82);var i=n(269);o=a=a||{},"object"!=typeof a.default&&"function"!=typeof a.default||(o=a=a.default),"function"==typeof o&&(o=o.options),o.render=i.render,o.staticRenderFns=i.staticRenderFns,t.exports=a},function(t,e,n){var a,o,i=n(328);o=a=a||{},"object"!=typeof a.default&&"function"!=typeof a.default||(o=a=a.default),"function"==typeof o&&(o=o.options),o.render=i.render,o.staticRenderFns=i.staticRenderFns,t.exports=a},function(t,e,n){var a,o;a=n(83);var i=n(293);o=a=a||{},"object"!=typeof a.default&&"function"!=typeof a.default||(o=a=a.default),"function"==typeof o&&(o=o.options),o.render=i.render,o.staticRenderFns=i.staticRenderFns,t.exports=a},function(t,e,n){var a,o;a=n(84);var i=n(270);o=a=a||{},"object"!=typeof a.default&&"function"!=typeof a.default||(o=a=a.default),"function"==typeof o&&(o=o.options),o.render=i.render,o.staticRenderFns=i.staticRenderFns,t.exports=a},function(t,e,n){var a,o;a=n(85);var i=n(287);o=a=a||{},"object"!=typeof a.default&&"function"!=typeof a.default||(o=a=a.default),"function"==typeof o&&(o=o.options),o.render=i.render,o.staticRenderFns=i.staticRenderFns,t.exports=a},function(t,e,n){var a,o;a=n(86);var i=n(313);o=a=a||{},"object"!=typeof a.default&&"function"!=typeof a.default||(o=a=a.default),"function"==typeof o&&(o=o.options),o.render=i.render,o.staticRenderFns=i.staticRenderFns,t.exports=a},function(t,e,n){var a,o;a=n(87);var i=n(324);o=a=a||{},"object"!=typeof a.default&&"function"!=typeof a.default||(o=a=a.default),"function"==typeof o&&(o=o.options),o.render=i.render,o.staticRenderFns=i.staticRenderFns,t.exports=a},function(t,e,n){var a,o;a=n(88);var i=n(315);o=a=a||{},"object"!=typeof a.default&&"function"!=typeof a.default||(o=a=a.default),"function"==typeof o&&(o=o.options),o.render=i.render,o.staticRenderFns=i.staticRenderFns,t.exports=a},function(t,e,n){var a,o;n(139),a=n(89);var i=n(322);o=a=a||{},"object"!=typeof a.default&&"function"!=typeof a.default||(o=a=a.default),"function"==typeof o&&(o=o.options),o.render=i.render,o.staticRenderFns=i.staticRenderFns,t.exports=a},function(t,e,n){var a,o;n(126);var i=n(300);o=a=a||{},"object"!=typeof a.default&&"function"!=typeof a.default||(o=a=a.default),"function"==typeof o&&(o=o.options),o.render=i.render,o.staticRenderFns=i.staticRenderFns,t.exports=a},function(t,e,n){var a,o;n(112),a=n(90);var i=n(276);o=a=a||{},"object"!=typeof a.default&&"function"!=typeof a.default||(o=a=a.default),"function"==typeof o&&(o=o.options),o.render=i.render,o.staticRenderFns=i.staticRenderFns,t.exports=a},function(t,e,n){var a,o;n(97),a=n(91);var i=n(254);o=a=a||{},"object"!=typeof a.default&&"function"!=typeof a.default||(o=a=a.default),"function"==typeof o&&(o=o.options),o.render=i.render,o.staticRenderFns=i.staticRenderFns,t.exports=a},function(t,e,n){var a,o;n(115),o=a=a||{},"object"!=typeof a.default&&"function"!=typeof a.default||(o=a=a.default),"function"==typeof o&&(o=o.options),t.exports=a},function(t,e){t.exports={render:function(){var t=this;return t._h("div",{staticClass:"md-menu"},[t._t("default")])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this;return t._h("div",{staticClass:"md-card-content"},[t._t("default")])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this;return t._h("div",{staticClass:"single-page-banner"},[t._h("md-toolbar",{staticClass:"single-page-banner"},[t._h("h1",{staticClass:"md-display-2"},[t._s(t.label)])])," ",t._h("md-button",{staticClass:"md-icon-button github-button",attrs:{href:"https://github.com/marcosmoura/vue-material",target:"_blank",rel:"noopener"}},[t._h("svg",{attrs:{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 1024 1024"}},[t._h("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._h("md-button",{staticClass:"md-icon-button single-page-menu-trigger",on:{click:t.toggleSidenav}},[t._h("md-icon",["menu"])])])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this;return t._h("div",{staticClass:"md-whiteframe",class:t.classes},[t._t("default")])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this;return t._h("div",{staticClass:"md-bottom-bar",class:t.classes},[t._t("default")])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this;return t._h("div",{staticClass:"demo-page"},[t._h("md-toolbar",{staticClass:"main-header"},[t._h("md-button",{staticClass:"md-icon-button",on:{click:t.toggleSidenav}},[t._h("md-icon",["menu"])])," ",t._h("div",{ -staticClass:"md-title"},[t._h("span",{staticClass:"page-title"},[t._s(t.label)])])])," ",t._h("div",{staticClass:"page-content"},[t._h("md-tabs",{staticClass:"page-tabs",attrs:{"md-elevation":"2"}},[t._h("md-tab",{attrs:{"md-label":"Examples"}},[t._t("examples")])," ",t._h("md-tab",{attrs:{"md-label":"Code"}},[t._t("code")])," "])," ",t._t("default")])])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this;return t._h("single-page",{attrs:{label:"Introduction"}},[t._h("div",{staticClass:"button-actions"},[t._h("div",{staticClass:"example"},[t._h("img",{attrs:{src:"assets/vue-material-example.png",alt:"Material Design"}})])," ",t._h("div",{staticClass:"introduction"},["Build well-crafted apps with Material Design and Vue 2.0"])," ",t._h("md-button",{staticClass:"md-primary md-raised",attrs:{href:"#/getting-started"}},["Getting Started"])," ",t._h("md-button",{staticClass:"md-primary md-raised",attrs:{href:"https://github.com/marcosmoura/vue-material",target:"_blank",rel:"noopener"}},["Github"])])," ",t._h("div",{staticClass:"row"},[t._h("div",{staticClass:"column"},[t._h("h2",{staticClass:"md-headline"},["Material Design"])," ",t._h("p",["Vue Material is lightweight framework built exactly according to the ",t._h("a",{attrs:{href:"http://material.google.com",target:"_blank",rel:"noopener"}},["Material Design"])," specs. Build powerful and well-designed web apps that can can fit on every screen."])])," ",t._h("div",{staticClass:"column"},[t._h("h2",{staticClass:"md-headline"},["Full-featured"])," ",t._h("p",["You can generate and use themes dynamically, use components on demand, take advantage of UI Elements and Components with an ease-to-use API and more..."])])," ",t._h("div",{staticClass:"column"},[t._h("h2",{staticClass:"md-headline"},["Compatible"])," ",t._h("p",["It aims to deliver a collection of reusable components and a series of UI Elements to build applications with support to ",t._h("a",{attrs:{href:"https://saucelabs.com/u/vuejs",target:"_blank",rel:"noopener"}},["modern Web Browsers"])," through Vue 2.0."])])])])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this;return t._h("single-page",{staticClass:"single-page-home",attrs:{label:"About"}},[t._h("single-page-banner",{attrs:{label:"About"}})," ",t._h("section",[t._h("h2",{staticClass:"md-headline"},["Author"])," ",t._h("div",{staticClass:"author-card"},[t._h("md-avatar",{staticClass:"md-large"},[t._h("img",{attrs:{src:"assets/marcosmoura.jpg",alt:"Marcos Moura"}})])," ",t._h("div",{staticClass:"author-card-info"},[t._h("span",["Marcos Moura"])," ",t._h("div",{staticClass:"author-card-links"},[t._h("a",{attrs:{href:"https://linkedin.com/in/marcosvmmoura",target:"_blank",rel:"noopener"}},["Linkedin"])," ",t._h("a",{attrs:{href:"https://github.com/marcosmoura",target:"_blank",rel:"noopener"}},["GitHub"])])])])])," ",t._h("section",[t._h("h2",{staticClass:"md-headline"},["Credits and Thanks"])," ",t._h("ul",[t._h("li",["This library aims to delivery components using almost the same API of ",t._h("a",{attrs:{href:"https://material.angularjs.org/latest/",target:"_blank"}},["Angular Material"])])," ",t._h("li",["Thanks a lot to ",t._h("a",{attrs:{href:"https://github.com/elviskang",target:"_blank"}},["elviskang"])," for donating the npm package name!"])," ",t._h("li",["Thanks to ",t._h("a",{attrs:{href:"https://github.com/yyx990803",target:"_blank"}},["Evan You"])," for allowing me to use Vue.js Logo."])])])," ",t._h("section",[t._h("h2",{staticClass:"md-headline"},["Internal Dependencies"]),"\n You don't need to include any other library to work with vue-material. The focus of this project is to have a standalone build with no external dependence, but aiming to deliver the best experience without break the compatibility with the Vue.js core.\n ",t._h("ul",[t._h("li",[t._h("a",{attrs:{href:"http://www.jacklmoore.com/autosize/",target:"_blank"}},["autosize"])])," ",t._h("li",[t._h("a",{attrs:{href:"https://www.npmjs.com/package/element.scrollintoviewifneeded-polyfill",target:"_blank"}},["element.scrollintoviewifneeded-polyfill"])])," ",t._h("li",[t._h("a",{attrs:{href:"https://github.com/lazd/scopedQuerySelectorShim",target:"_blank"}},["scopedQuerySelectorShim"])])])])," ",t._h("section",[t._h("h2",{staticClass:"md-headline"},["License"])," ",t._h("p",["MIT"])])])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this;return t._h("demo-page",{attrs:{label:"Components - Table"}},[t._h("div",{slot:"examples"},[t._h("demo-example",{attrs:{label:"Default"}},[t._h("md-table",{attrs:{"md-sort":"calories"}},[t._h("md-table-header",[t._h("md-table-row",[t._h("md-table-head",{attrs:{"md-sort-by":"dessert"}},["Dessert (100g serving)"])," ",t._h("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)"])," ",t._h("md-table-head",{attrs:{"md-sort-by":"fat","md-numeric":""}},["Fat (g)"])," ",t._h("md-table-head",{attrs:{"md-sort-by":"carbs","md-numeric":""}},["Carbs (g)"])," ",t._h("md-table-head",{attrs:{"md-sort-by":"protein","md-numeric":""}},["Protein (g)"])," ",t._h("md-table-head",{attrs:{"md-sort-by":"sodium","md-numeric":""}},["Sodium (mg)"])," ",t._h("md-table-head",{attrs:{"md-sort-by":"calcium","md-numeric":""}},["Calcium (%)"])," ",t._h("md-table-head",{attrs:{"md-sort-by":"iron","md-numeric":""}},["Iron (%)"])])])," ",t._h("md-table-body",[t._l(5,function(e,n){return t._h("md-table-row",{key:n},[t._h("md-table-cell",["Dessert Name"])," ",t._l(7,function(e,n){return t._h("md-table-cell",{key:n,attrs:{"md-numeric":""}},["10"])})])})])])])," ",t._h("demo-example",{attrs:{label:"Within cards with Pagination and Inline Edit"}},[t._h("md-table-card",[t._h("md-toolbar",[t._h("h1",{staticClass:"md-title"},["Nutrition"])," ",t._h("md-button",{staticClass:"md-icon-button"},[t._h("md-icon",["filter_list"])])," ",t._h("md-button",{staticClass:"md-icon-button"},[t._h("md-icon",["search"])])])," ",t._h("md-table",{attrs:{"md-sort":"dessert","md-sort-type":"desc"},on:{select:t.onSelect,sort:t.onSort}},[t._h("md-table-header",[t._h("md-table-row",[t._h("md-table-head",{attrs:{"md-sort-by":"dessert"}},["Dessert (100g serving)"])," ",t._h("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)"])," ",t._h("md-table-head",{attrs:{"md-sort-by":"fat","md-numeric":""}},["Fat (g)"])," ",t._h("md-table-head",{attrs:{"md-sort-by":"carbs","md-numeric":""}},["Carbs (g)"])," ",t._h("md-table-head",{attrs:{"md-sort-by":"protein","md-numeric":""}},["Protein (g)"])," ",t._h("md-table-head",[t._h("md-icon",["message"])," ",t._h("span",["Comments"])])])])," ",t._h("md-table-body",[t._l(t.nutrition,function(e,n){return t._h("md-table-row",{key:n,attrs:{"md-item":e,"md-auto-select":"","md-selection":""}},[t._l(e,function(e,a){return"type"!==a?t._h("md-table-cell",{key:a,attrs:{"md-numeric":"dessert"!==a&&"comment"!==a}},["comment"===a?t._h("md-table-edit",{directives:[{name:"model",rawName:"v-model",value:t.nutrition[n].comment,expression:"nutrition[rowIndex].comment"}],attrs:{"md-name":"comment"+a,"md-id":"comment"+a,"md-placeholder":"Add a comment","md-maxlength":"120"},domProps:{value:t.nutrition[n].comment},on:{input:function(e){t.nutrition[n].comment=e}}}):t._e()," ","comment"!==a?t._h("span",[t._s(e)]):t._e()]):t._e()})])})])])," ",t._h("md-table-pagination",{attrs:{"md-size":"10","md-total":"5","md-page":"1","md-label":"Rows","md-separator":"of","md-page-options":[5,10,25,50]},on:{pagination:t.onPagination}})])," ",t._h("div",{staticClass:"output"},[t._h("h2",{staticClass:"md-title"},["Selected Data"])," ",t._h("pre",[t._s(t.selectedData)])])," ",t._h("div",{staticClass:"output"},[t._h("h2",{staticClass:"md-title"},["Current Sort"])," ",t._h("pre",[t._s(t.sort)])])," ",t._h("div",{staticClass:"output"},[t._h("h2",{staticClass:"md-title"},["Current Pagination"])," ",t._h("pre",[t._s(t.page)])])])," ",t._h("demo-example",{attrs:{label:"Inline Menus and Edit Icon"}},[t._h("md-table-card",[t._h("md-toolbar",[t._h("h1",{staticClass:"md-title"},["Nutrition"])," ",t._h("md-button",{staticClass:"md-icon-button"},[t._h("md-icon",["filter_list"])])," ",t._h("md-button",{staticClass:"md-icon-button"},[t._h("md-icon",["search"])])])," ",t._h("md-table-alternate-header",{attrs:{"md-selected-label":"selected"}},[t._h("md-button",{staticClass:"md-icon-button"},[t._h("md-icon",["delete"])])," ",t._h("md-button",{staticClass:"md-icon-button"},[t._h("md-icon",["more_vert"])])])," ",t._h("md-table",{attrs:{"md-sort":"calories"}},[t._h("md-table-header",[t._h("md-table-row",[t._h("md-table-head",{attrs:{"md-sort-by":"dessert"}},["Dessert (100g serving)"])," ",t._h("md-table-head",{attrs:{"md-sort-by":"type",width:"100px"}},["Type"])," ",t._h("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)"])," ",t._h("md-table-head",{attrs:{"md-sort-by":"fat","md-numeric":""}},["Fat (g)"])," ",t._h("md-table-head",{attrs:{"md-sort-by":"carbs","md-numeric":""}},["Carbs (g)"])," ",t._h("md-table-head",{attrs:{"md-sort-by":"protein","md-numeric":""}},["Protein (g)"])," ",t._h("md-table-head",[t._h("md-icon",["message"])," ",t._h("span",["Comments"])])])])," ",t._h("md-table-body",[t._l(t.nutrition,function(e,n){return t._h("md-table-row",{key:n,attrs:{"md-item":e,"md-selection":""}},[t._l(e,function(e,a){return t._h("md-table-cell",{key:a,attrs:{"md-numeric":"dessert"!==a&&"comment"!==a&&"type"!==a}},["comment"===a?t._h("span",[t._s(e)]):t._e()," ","comment"===a?t._h("md-button",{staticClass:"md-icon-button"},[t._h("md-icon",["edit"])]):t._e()," ","type"===a?t._h("md-select",{directives:[{name:"model",rawName:"v-model",value:t.nutrition[n].type,expression:"nutrition[rowIndex].type"}],attrs:{placeholder:"Type",name:"type"+a,id:"type"+a},domProps:{value:t.nutrition[n].type},on:{input:function(e){t.nutrition[n].type=e}}},[t._h("md-option",{attrs:{value:"ice_cream"}},["Ice Cream"])," ",t._h("md-option",{attrs:{value:"pastry"}},["Pastry"])," ",t._h("md-option",{attrs:{value:"other"}},["Other"])]):t._e()," ","type"!==a&&"comment"!==a?t._h("span",[t._s(e)]):t._e()])})])})])])])])])," ",t._h("div",{slot:"code"},[t._h("demo-example",{attrs:{label:"Default"}},[t._h("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 Sodium (mg)\n Calcium (%)\n Iron (%)\n \n \n\n \n \n Dessert Name\n 10\n \n \n\n'])])," ",t._h("demo-example",{attrs:{label:"Within cards with Pagination and Inline Edit"}},[t._h("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 Carbs (g)\n Protein (g)\n \n message\n Comments\n \n \n \n\n \n \n \n \n\n '+t._s(t.column)+'\n \n \n \n \n\n \n\n'])," ",t._h("code-block",{attrs:{lang:"javscript"}},["\nexport default {\n data: () => ({\n nutrition: [\n {\n dessert: 'Frozen yogurt',\n type: 'ice_cream',\n calories: '159',\n fat: '6.0',\n carbs: '24',\n protein: '4.0',\n comment: 'Icy'\n },\n {\n dessert: 'Ice cream sandwich',\n type: 'ice_cream',\n calories: '237',\n fat: '9.0',\n carbs: '37',\n protein: '4.3',\n comment: 'Super Tasty'\n },\n {\n dessert: 'Eclair',\n type: 'pastry',\n calories: '262',\n fat: '16.0',\n carbs: '24',\n protein: '6.0',\n comment: ''\n },\n {\n dessert: 'Cupcake',\n type: 'pastry',\n calories: '305',\n fat: '3.7',\n carbs: '67',\n protein: '4.3',\n comment: ''\n },\n {\n dessert: 'Gingerbread',\n type: 'other',\n calories: '356',\n fat: '16.0',\n carbs: '49',\n protein: '3.9',\n comment: ''\n }\n ],\n selectedData: [],\n sort: {},\n page: {}\n }),\n methods: {\n onSelect(data) {\n this.selectedData = data;\n this.$forceUpdate();\n },\n onSort(sort) {\n this.sort = sort;\n },\n onPagination(page) {\n this.page = page;\n }\n }\n};\n"])])," ",t._h("demo-example",{attrs:{label:"Inline Menus and Edit Icon"}},[t._h("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 Carbs (g)\n Protein (g)\n \n message\n Comments\n \n \n \n\n \n \n \n '+t._s(t.column)+'\n\n \n edit\n \n\n \n Ice Cream\n Pastry\n Other\n \n\n '+t._s(t.column)+"\n \n \n \n \n\n"])])])," ",t._h("div",{slot:"api"})])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this;return t._h("div",{staticClass:"md-button-group md-button-toggle"},[t._t("default")])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this;return t._h("demo-page",{attrs:{label:"Components - Button Toggle"}},[t._h("div",{slot:"examples"},[t._h("demo-example",{attrs:{label:"Multiple",size:"2"}},[t._h("md-button-toggle",{staticClass:"md-button-group"},[t._h("md-button",{staticClass:"md-icon-button md-toggle"},[t._h("md-icon",["format_bold"])])," ",t._h("md-button",{staticClass:"md-icon-button"},[t._h("md-icon",["format_italic"])])," ",t._h("md-button",{staticClass:"md-icon-button"},[t._h("md-icon",["strikethrough_s"])])," ",t._h("md-button",{staticClass:"md-icon-button md-toggle"},[t._h("md-icon",["title"])])])," ",t._h("md-button-toggle",{staticClass:"md-button-group md-primary"},[t._h("md-button",{staticClass:"md-icon-button md-toggle"},[t._h("md-icon",["format_bold"])])," ",t._h("md-button",{staticClass:"md-icon-button md-toggle"},[t._h("md-icon",["format_italic"])])," ",t._h("md-button",{staticClass:"md-icon-button"},[t._h("md-icon",["format_underline"])])," ",t._h("md-button",{staticClass:"md-icon-button"},[t._h("md-icon",["title"])])])," ",t._h("md-button-toggle",{staticClass:"md-button-group md-accent"},[t._h("md-button",{staticClass:"md-icon-button md-toggle"},[t._h("md-icon",["format_bold"])])," ",t._h("md-button",{staticClass:"md-icon-button md-toggle"},[t._h("md-icon",["format_italic"])])," ",t._h("md-button",{staticClass:"md-icon-button"},[t._h("md-icon",["format_underline"])])," ",t._h("md-button",{staticClass:"md-icon-button"},[t._h("md-icon",["title"])])])," ",t._h("md-button-toggle",{staticClass:"md-button-group md-warn"},[t._h("md-button",{staticClass:"md-icon-button md-toggle"},[t._h("md-icon",["format_bold"])])," ",t._h("md-button",{staticClass:"md-icon-button md-toggle"},[t._h("md-icon",["format_italic"])])," ",t._h("md-button",{staticClass:"md-icon-button"},[t._h("md-icon",["strikethrough_s"])])," ",t._h("md-button",{staticClass:"md-icon-button"},[t._h("md-icon",["title"])])])," ",t._h("md-button-toggle",{staticClass:"md-button-group md-primary"},[t._h("md-button",{staticClass:"md-icon-button md-toggle"},[t._h("md-icon",["format_bold"])])," ",t._h("md-button",{staticClass:"md-icon-button md-toggle",attrs:{disabled:""}},[t._h("md-icon",["format_italic"])])," ",t._h("md-button",{staticClass:"md-icon-button",attrs:{disabled:""}},[t._h("md-icon",["strikethrough_s"])])," ",t._h("md-button",{staticClass:"md-icon-button"},[t._h("md-icon",["title"])])])," ",t._h("md-button-toggle",{staticClass:"md-button-group md-primary"},[t._h("md-button",{staticClass:"md-toggle"},["Works"])," ",t._h("md-button",{staticClass:"md-toggle"},["With"])," ",t._h("md-button",["Text"])," ",t._h("md-button",["Too"])])])," ",t._h("demo-example",{attrs:{label:"Single Selection",size:"2"}},[t._h("md-button-toggle",{staticClass:"md-button-group",attrs:{type:"radio"}},[t._h("md-button",{staticClass:"md-icon-button"},[t._h("md-icon",["format_align_left"])])," ",t._h("md-button",{staticClass:"md-icon-button md-toggle"},[t._h("md-icon",["format_align_center"])])," ",t._h("md-button",{staticClass:"md-icon-button"},[t._h("md-icon",["format_align_right"])])," ",t._h("md-button",{staticClass:"md-icon-button"},[t._h("md-icon",["format_align_justify"])])])," ",t._h("md-button-toggle",{staticClass:"md-button-group md-primary",attrs:{type:"radio"}},[t._h("md-button",{staticClass:"md-icon-button"},[t._h("md-icon",["format_align_left"])])," ",t._h("md-button",{staticClass:"md-icon-button md-toggle"},[t._h("md-icon",["format_align_center"])])," ",t._h("md-button",{staticClass:"md-icon-button"},[t._h("md-icon",["format_align_right"])])," ",t._h("md-button",{staticClass:"md-icon-button"},[t._h("md-icon",["format_align_justify"])])])," ",t._h("md-button-toggle",{staticClass:"md-button-group md-accent",attrs:{type:"radio"}},[t._h("md-button",{staticClass:"md-icon-button"},[t._h("md-icon",["format_align_left"])])," ",t._h("md-button",{staticClass:"md-icon-button md-toggle"},[t._h("md-icon",["format_align_center"])])," ",t._h("md-button",{staticClass:"md-icon-button"},[t._h("md-icon",["format_align_right"])])," ",t._h("md-button",{staticClass:"md-icon-button"},[t._h("md-icon",["format_align_justify"])])])," ",t._h("md-button-toggle",{staticClass:"md-button-group md-warn",attrs:{type:"radio"}},[t._h("md-button",{staticClass:"md-icon-button"},[t._h("md-icon",["format_align_left"])])," ",t._h("md-button",{staticClass:"md-icon-button md-toggle"},[t._h("md-icon",["format_align_center"])])," ",t._h("md-button",{staticClass:"md-icon-button"},[t._h("md-icon",["format_align_right"])])," ",t._h("md-button",{staticClass:"md-icon-button"},[t._h("md-icon",["format_align_justify"])])])," ",t._h("md-button-toggle",{staticClass:"md-button-group md-primary",attrs:{type:"radio"}},[t._h("md-button",{staticClass:"md-icon-button md-toggle"},[t._h("md-icon",["format_align_left"])])," ",t._h("md-button",{staticClass:"md-icon-button"},[t._h("md-icon",["format_align_center"])])," ",t._h("md-button",{staticClass:"md-icon-button"},[t._h("md-icon",["format_align_right"])])," ",t._h("md-button",{staticClass:"md-icon-button",attrs:{disabled:""}},[t._h("md-icon",["format_align_justify"])])])," ",t._h("md-button-toggle",{staticClass:"md-button-group md-primary",attrs:{type:"radio"}},[t._h("md-button",["Works"])," ",t._h("md-button",{staticClass:"md-toggle"},["With"])," ",t._h("md-button",["Text"])," ",t._h("md-button",["Too"])])])])," ",t._h("div",{slot:"code"},[t._h("demo-example",{attrs:{label:"Multiple"}},[t._h("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 '])])," ",t._h("demo-example",{attrs:{label:"Single Selection"}},[t._h("code-block",{attrs:{lang:"xml"}},['\n\n \n format_align_left\n \n\n \n format_align_center\n \n\n \n format_align_right\n \n\n \n format_align_justify\n \n\n\n\n \n format_align_left\n \n\n \n format_align_center\n \n\n \n format_align_right\n \n\n \n format_align_justify\n \n\n\n\n \n format_align_left\n \n\n \n format_align_center\n \n\n \n format_align_right\n \n\n \n format_align_justify\n \n\n\n\n \n format_align_left\n \n\n \n format_align_center\n \n\n \n format_align_right\n \n\n \n format_align_justify\n \n\n\n\n \n format_align_left\n \n\n \n format_align_center\n \n\n \n format_align_right\n \n\n \n format_align_justify\n \n\n\n\n Works\n With\n Text\n Too\n\n '])])])," ",t._h("div",{slot:"api"})])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this;return t._h("div",{staticClass:"md-list-expand",style:{"margin-bottom":t.height}},[t._t("default")])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this;return t._h("demo-page",{attrs:{label:"Components - Whiteframe"}},[t._h("div",{slot:"examples",staticClass:"whiteframe-list"},[t._h("demo-example",{attrs:{label:"Default"}},[t._h("md-whiteframe",{attrs:{"md-elevation":"1"}},["1dp"])," ",t._h("md-whiteframe",{attrs:{"md-elevation":"2"}},["2dp"])," ",t._h("md-whiteframe",{attrs:{"md-elevation":"3"}},["3dp"])," ",t._h("md-whiteframe",{attrs:{"md-elevation":"4"}},["4dp"])," ",t._h("md-whiteframe",{attrs:{"md-elevation":"5"}},["5dp"])," ",t._h("md-whiteframe",{attrs:{"md-elevation":"6"}},["6dp"])," ",t._h("md-whiteframe",{attrs:{"md-elevation":"7"}},["7dp"])," ",t._h("md-whiteframe",{attrs:{"md-elevation":"8"}},["8dp"])," ",t._h("md-whiteframe",{attrs:{"md-elevation":"9"}},["9dp"])," ",t._h("md-whiteframe",{attrs:{"md-elevation":"10"}},["10dp"])," ",t._h("md-whiteframe",{attrs:{"md-elevation":"11"}},["11dp"])," ",t._h("md-whiteframe",{attrs:{"md-elevation":"12"}},["12dp"])," ",t._h("md-whiteframe",{attrs:{"md-elevation":"13"}},["13dp"])," ",t._h("md-whiteframe",{attrs:{"md-elevation":"14"}},["14dp"])," ",t._h("md-whiteframe",{attrs:{"md-elevation":"15"}},["15dp"])," ",t._h("md-whiteframe",{attrs:{"md-elevation":"16"}},["16dp"])," ",t._h("md-whiteframe",{attrs:{"md-elevation":"17"}},["17dp"])," ",t._h("md-whiteframe",{attrs:{"md-elevation":"18"}},["18dp"])," ",t._h("md-whiteframe",{attrs:{"md-elevation":"19"}},["19dp"])," ",t._h("md-whiteframe",{attrs:{"md-elevation":"20"}},["20dp"])," ",t._h("md-whiteframe",{attrs:{"md-elevation":"21"}},["21dp"])," ",t._h("md-whiteframe",{attrs:{"md-elevation":"22"}},["22dp"])," ",t._h("md-whiteframe",{attrs:{"md-elevation":"23"}},["23dp"])," ",t._h("md-whiteframe",{attrs:{"md-elevation":"24"}},["24dp"])])])," ",t._h("div",{slot:"code"},[t._h("demo-example",{attrs:{label:"Default"}},[t._h("code-block",{attrs:{lang:"xml"}},['\n1dp\n2dp\n3dp\n4dp\n5dp\n6dp\n7dp\n8dp\n9dp\n10dp\n11dp\n12dp\n13dp\n14dp\n15dp\n16dp\n17dp\n18dp\n19dp\n20dp\n21dp\n22dp\n23dp\n24dp\n '])])])," ",t._h("div",{ -slot:"api"})])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this;return t._h("single-page",{staticClass:"single-page-home",attrs:{label:"Changelog"}},[t._h("single-page-banner",{attrs:{label:"Changelog"}})," ",t._h("section",[t._h("h2",{staticClass:"md-headline"},["v0.3.3 - Bugfixes"])," ",t._h("h3",{staticClass:"md-title"},["Fixes:"])," ",t._h("ul",[t._h("li",["Fix regression on inputs getting wrong value after manual update #101 #100 #96 ",t._h("strong",[t._h("a",{attrs:{href:"https://github.com/marcosmoura/vue-material/issues/101",target:"_blank",rel:"noopener"}},["#101"])," ",t._h("strong",[t._h("a",{attrs:{href:"https://github.com/marcosmoura/vue-material/issues/100",target:"_blank",rel:"noopener"}},["#100"])," ",t._h("strong",[t._h("a",{attrs:{href:"https://github.com/marcosmoura/vue-material/issues/96",target:"_blank",rel:"noopener"}},["#96"])])])])])])])," ",t._h("section",[t._h("h2",{staticClass:"md-headline"},["v0.3.2 - Bugfixes"])," ",t._h("h3",{staticClass:"md-title"},["Fixes:"])," ",t._h("ul",[t._h("li",["Fix babel export default module.exports ",t._h("strong",[t._h("a",{attrs:{href:"https://github.com/marcosmoura/vue-material/issues/92",target:"_blank",rel:"noopener"}},["#92"])])])," ",t._h("li",["Fix tooltips jumping when screen resize ",t._h("strong",[t._h("a",{attrs:{href:"https://github.com/marcosmoura/vue-material/issues/85",target:"_blank",rel:"noopener"}},["#85"])])])," ",t._h("li",["Fix table not getting instance ",t._h("strong",[t._h("a",{attrs:{href:"https://github.com/marcosmoura/vue-material/issues/91",target:"_blank",rel:"noopener"}},["#91"])])," ",t._h("strong",[t._h("a",{attrs:{href:"https://github.com/marcosmoura/vue-material/issues/88",target:"_blank",rel:"noopener"}},["#88"])])])," ",t._h("li",["Fix regression on password review ",t._h("strong",[t._h("a",{attrs:{href:"https://github.com/marcosmoura/vue-material/issues/95",target:"_blank",rel:"noopener"}},["#95"])])])," ",t._h("li",["Fix input getting wrong value after manual update ",t._h("strong",[t._h("a",{attrs:{href:"https://github.com/marcosmoura/vue-material/issues/100",target:"_blank",rel:"noopener"}},["#100"])])," ",t._h("strong",[t._h("a",{attrs:{href:"https://github.com/marcosmoura/vue-material/issues/96",target:"_blank",rel:"noopener"}},["#96"])])])," ",t._h("li",["Use the internal value of md-input to set the value of the container ",t._h("strong",[t._h("a",{attrs:{href:"https://github.com/marcosmoura/vue-material/pull/97",target:"_blank",rel:"noopener"}},["#97"])," (Thanks to ",t._h("a",{attrs:{href:"https://github.com/Cabbaggio",target:"_blank",rel:"noopener"}},["@Cabbaggio"]),")"])])," ",t._h("li",["Add material.debug.js to dist folder ",t._h("strong",[t._h("a",{attrs:{href:"https://github.com/marcosmoura/vue-material/pull/90",target:"_blank",rel:"noopener"}},["#90"])," (Thanks to ",t._h("a",{attrs:{href:"https://github.com/pauloramires",target:"_blank",rel:"noopener"}},["@pauloramires"]),")"])])])])," ",t._h("section",[t._h("h2",{staticClass:"md-headline"},["v0.3.1 - Bugfixes"])," ",t._h("h3",{staticClass:"md-title"},["Fixes:"])," ",t._h("ul",[t._h("li",["md-select not being reactive ",t._h("strong",[t._h("a",{attrs:{href:"https://github.com/marcosmoura/vue-material/issues/74",target:"_blank",rel:"noopener"}},["#74"])])])," ",t._h("li",["Fix components not being updated inside v-once ",t._h("strong",[t._h("a",{attrs:{href:"https://github.com/marcosmoura/vue-material/issues/69",target:"_blank",rel:"noopener"}},["#69"])," ",t._h("a",{attrs:{href:"https://github.com/marcosmoura/vue-material/issues/70",target:"_blank",rel:"noopener"}},["#70"])])])," ",t._h("li",["Fix input number not accepting numbers ",t._h("strong",[t._h("a",{attrs:{href:"https://github.com/marcosmoura/vue-material/issues/67",target:"_blank",rel:"noopener"}},["#67"])," ",t._h("a",{attrs:{href:"https://github.com/marcosmoura/vue-material/issues/70",target:"_blank",rel:"noopener"}},["#70"])])])," ",t._h("li",["Fix md-input-container crashing when the select value is null ",t._h("strong",[t._h("a",{attrs:{href:"https://github.com/marcosmoura/vue-material/issues/64",target:"_blank",rel:"noopener"}},["#64"])])])])])," ",t._h("section",[t._h("h2",{staticClass:"md-headline"},["v0.3.0 - Huge Release"])," ",t._h("h3",{staticClass:"md-title"},["New Components:"])," ",t._h("ul",[t._h("li",["Data Table"])," ",t._h("li",["Menu"])," ",t._h("li",["Select with multiple selection"])])," ",t._h("h3",{staticClass:"md-title"},["Fixes:"])," ",t._h("ul",[t._h("li",["md-input not reactive when initial value empty ",t._h("strong",[t._h("a",{attrs:{href:"https://github.com/marcosmoura/vue-material/issues/40",target:"_blank",rel:"noopener"}},["#40"])])])," ",t._h("li",["md-textarea with maxlength not writable ",t._h("strong",[t._h("a",{attrs:{href:"https://github.com/marcosmoura/vue-material/issues/43",target:"_blank",rel:"noopener"}}),"#43"])])," ",t._h("li",["Do not style scrollbars by default ",t._h("strong",[t._h("a",{attrs:{href:"https://github.com/marcosmoura/vue-material/issues/46",target:"_blank",rel:"noopener"}},["#46"])])])," ",t._h("li",["SELECT component: display issue in IE11 ",t._h("strong",[t._h("a",{attrs:{href:"https://github.com/marcosmoura/vue-material/issues/34",target:"_blank",rel:"noopener"}},["#34"])])])," ",t._h("li",["Select component popup shows behind other components ",t._h("strong",[t._h("a",{attrs:{href:"https://github.com/marcosmoura/vue-material/issues/26",target:"_blank",rel:"noopener"}},["#26"])])])," ",t._h("li",["md-select text vs value ",t._h("strong",[t._h("a",{attrs:{href:"https://github.com/marcosmoura/vue-material/issues/24",target:"_blank",rel:"noopener"}}),"#24"])])," ",t._h("li",["md-button ignores type prop ",t._h("strong",[t._h("a",{attrs:{href:"https://github.com/marcosmoura/vue-material/issues/41",target:"_blank",rel:"noopener"}},["#41"])," (Thanks to ",t._h("a",{attrs:{href:"https://github.com/pauloramires",target:"_blank",rel:"noopener"}},["@pauloramires"]),")"])])," ",t._h("li",["md-select displaying selected text (rather than value) ",t._h("strong",[t._h("a",{attrs:{href:"https://github.com/marcosmoura/vue-material/issues/36",target:"_blank",rel:"noopener"}},["#36"])])])," ",t._h("li",["Added 'type' props to switch button ",t._h("strong",[t._h("a",{attrs:{href:"https://github.com/marcosmoura/vue-material/pull/27",target:"_blank",rel:"noopener"}},["#27"])," (Thanks to ",t._h("a",{attrs:{href:"https://github.com/guillaumerxl",target:"_blank",rel:"noopener"}},["@guillaumerxl"]),")"])])," ",t._h("li",["Add babel-cli as dev dependency ",t._h("strong",[t._h("a",{attrs:{href:"https://github.com/marcosmoura/vue-material/pull/28",target:"_blank",rel:"noopener"}},["#28"])," (Thanks to ",t._h("a",{attrs:{href:"https://github.com/lucassouza1",target:"_blank",rel:"noopener"}},["@lucassouza1"]),")"])])," ",t._h("li",["Remove dotted outline around button in firefox ",t._h("strong",[t._h("a",{attrs:{href:"https://github.com/marcosmoura/vue-material/pull/52",target:"_blank",rel:"noopener"}},["#52"])," (Thanks to ",t._h("a",{attrs:{href:"https://github.com/yeknava",target:"_blank",rel:"noopener"}},["@yeknava"]),")"])])])])," ",t._h("section",[t._h("h2",{staticClass:"md-headline"},["v0.2.0 - New components"])," ",t._h("h3",{staticClass:"md-title"},["New Components:"])," ",t._h("ul",[t._h("li",["Cards"])])," ",t._h("h3",{staticClass:"md-title"},["Fixes:"])," ",t._h("ul",[t._h("li",["Add Roboto font and google icons to the docs ",t._h("strong",[t._h("a",{attrs:{href:"https://github.com/marcosmoura/vue-material/commit/421ce7bb21a1489c8f98ee12d0d525eec6b0ee12",target:"_blank",rel:"noopener"}},["421ce7b"])])])," ",t._h("li",["Explains better how to install and configure vue-material ",t._h("strong",[t._h("a",{attrs:{href:"https://github.com/marcosmoura/vue-material/commit/cc43985fc1d30403a7c95bfeb2dc38bbcc1acb9e",target:"_blank",rel:"noopener"}},["cc43985"])])])," ",t._h("li",["Emit change & input events from mdTextarea ",t._h("strong",[t._h("a",{attrs:{href:"https://github.com/marcosmoura/vue-material/commit/b474af9fd8d5f4563914e5aae47d14b7c8c62fb2",target:"_blank",rel:"noopener"}},["b474af9"])])," (Thanks to ",t._h("a",{attrs:{href:"https://github.com/jvanbrug",target:"_blank",rel:"noopener"}},["@jvanbrug"]),")"])])])," ",t._h("section",[t._h("h2",{staticClass:"md-headline"},["v0.1.2 - Bugfixes"])," ",t._h("h3",{staticClass:"md-title"},["Fixes:"])," ",t._h("ul",[t._h("li",["Fixed tooltips on Firefox"])," ",t._h("li",["Misaligned icons inside buttons on Firefox"])," ",t._h("li",["Documentation fixes"])])])," ",t._h("section",[t._h("h2",{staticClass:"md-headline"},["v0.1.1 - Bugfixes"])," ",t._h("h3",{staticClass:"md-title"},["Changes:"])," ",t._h("ul",[t._h("li",["Bugfixes"])," ",t._h("li",["Firefox support"])," ",t._h("li",["Initial documentation"])])])," ",t._h("section",[t._h("h2",{staticClass:"md-headline"},["v0.1.0 - Initial Release"])," ",t._h("h3",{staticClass:"md-title"},["New Components:"])," ",t._h("ul",[t._h("li",["Avatar"])," ",t._h("li",["Bottom Bar"])," ",t._h("li",["Button"])," ",t._h("li",["Button Toggle"])," ",t._h("li",["Checkbox"])," ",t._h("li",["Divider"])," ",t._h("li",["Icon"])," ",t._h("li",["Input"])," ",t._h("li",["List"])," ",t._h("li",["Radio"])," ",t._h("li",["Select"])," ",t._h("li",["Sidenav"])," ",t._h("li",["Subheader"])," ",t._h("li",["Switch"])," ",t._h("li",["Tabs"])," ",t._h("li",["Toolbar"])," ",t._h("li",["Tooltip"])," ",t._h("li",["Whiteframe"])])," ",t._h("h3",{staticClass:"md-title"},["UI Elements:"])," ",t._h("ul",[t._h("li",["Themes"])," ",t._h("li",["Typography"])," ",t._h("li",["Fluid Media"])," ",t._h("li",["Custom Scrollbar"])," ",t._h("li",["Selection Styles"])])])])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this;return t._h("div",{staticClass:"md-card-media-cover",class:t.classes},[t._t("default")," ",t.mdTextScrim?t._h("div",{ref:"backdrop",staticClass:"md-backdrop",style:t.styles}):t._e()])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this;return t._h("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}},[t._h("md-icon",[t._s(t.mdIcon)])," ",t._h("span",{staticClass:"md-text"},[t._t("default")])])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this;return t._h("div",{staticClass:"md-avatar"},[t._t("default")])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this;return t._h("div",{staticClass:"md-select",class:t.classes},[t._h("md-menu",{attrs:{"md-close-on-select":!t.multiple}},[t._h("span",{ref:"value",staticClass:"md-select-value",attrs:{"md-menu-trigger":""}},[t._s(t.selectedText||t.multipleText||t.placeholder)])," ",t._h("md-menu-content",{staticClass:"md-select-content",class:t.contentClasses},[t._t("default")])])," ",t._h("select",{attrs:{name:t.name,id:t.id,required:t.required,tabindex:"-1"}},[t._h("option",{domProps:{value:t.value}},[t._s(t.value)])])])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this;return t._h("div",{staticClass:"md-table-alternate-header",class:t.classes},[t._h("md-toolbar",[t._h("div",{staticClass:"md-counter"},[t._h("span",{ref:"counter"},[t._s(t.tableInstance.numberOfSelected)])," ",t._h("span",[t._s(t.mdSelectedLabel)])])," ",t._t("default")])])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this;return t._h("div",{staticClass:"md-table-edit",on:{keydown:function(e){27===e.keyCode&&t.closeDialog(e)}}},[t._h("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 "])," ",t._h("div",{ref:"dialog",staticClass:"md-table-dialog",class:t.dialogClasses},[t._h("md-input-container",[t._h("md-input",{ref:"input",attrs:{id:t.mdId,name:t.mdName,maxlength:t.mdMaxlength,value:t.value,placeholder:t.mdPlaceholder},nativeOn:{keydown:function(e){13===e.keyCode&&t.confirmDialog(e)}}})])])])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this;return t._h("demo-page",{attrs:{label:"Components - Bottom Bar"}},[t._h("div",{slot:"examples"},[t._h("demo-example",{attrs:{label:"Default"}},[t._h("div",{staticClass:"phone-viewport"},[t._h("md-bottom-bar",[t._h("md-bottom-bar-item",{attrs:{"md-icon":"history"}},["Recents"])," ",t._h("md-bottom-bar-item",{attrs:{"md-icon":"favorite","md-active":""}},["Favorites"])," ",t._h("md-bottom-bar-item",{attrs:{"md-icon":"near_me"}},["Nearby"])])])])," ",t._h("demo-example",{attrs:{label:"Shifting"}},[t._h("div",{staticClass:"phone-viewport"},[t._h("md-bottom-bar",{attrs:{"md-shift":""}},[t._h("md-bottom-bar-item",{attrs:{"md-icon":"ondemand_video"}},["Movies"])," ",t._h("md-bottom-bar-item",{attrs:{"md-icon":"music_note"}},["Music"])," ",t._h("md-bottom-bar-item",{attrs:{"md-icon":"books","md-active":""}},["Books"])," ",t._h("md-bottom-bar-item",{attrs:{"md-icon":"photo"}},["Pictures"])])])," ",t._h("div",{staticClass:"phone-viewport"},[t._h("md-bottom-bar",{staticClass:"md-accent",attrs:{"md-shift":""}},[t._h("md-bottom-bar-item",{attrs:{"md-icon":"ondemand_video"}},["Movies"])," ",t._h("md-bottom-bar-item",{attrs:{"md-icon":"music_note"}},["Music"])," ",t._h("md-bottom-bar-item",{attrs:{"md-icon":"books","md-active":""}},["Books"])," ",t._h("md-bottom-bar-item",{attrs:{"md-icon":"photo"}},["Pictures"])])])," ",t._h("div",{staticClass:"phone-viewport"},[t._h("md-bottom-bar",{staticClass:"md-warn",attrs:{"md-shift":""}},[t._h("md-bottom-bar-item",{attrs:{"md-icon":"ondemand_video"}},["Movies"])," ",t._h("md-bottom-bar-item",{attrs:{"md-icon":"music_note"}},["Music"])," ",t._h("md-bottom-bar-item",{attrs:{"md-icon":"books","md-active":""}},["Books"])," ",t._h("md-bottom-bar-item",{attrs:{"md-icon":"photo"}},["Pictures"])])])," ",t._h("div",{staticClass:"phone-viewport"},[t._h("md-bottom-bar",{staticClass:"md-transparent",attrs:{"md-shift":""}},[t._h("md-bottom-bar-item",{attrs:{"md-icon":"ondemand_video"}},["Movies"])," ",t._h("md-bottom-bar-item",{attrs:{"md-icon":"music_note"}},["Music"])," ",t._h("md-bottom-bar-item",{attrs:{"md-icon":"books","md-active":""}},["Books"])," ",t._h("md-bottom-bar-item",{attrs:{"md-icon":"photo"}},["Pictures"])])])])," ",t._h("demo-example",{attrs:{label:"Themed"}},[t._h("div",{staticClass:"phone-viewport"},[t._h("md-bottom-bar",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"indigo",expression:"'indigo'"}]},[t._h("md-bottom-bar-item",{attrs:{"md-icon":"history"}},["Recents"])," ",t._h("md-bottom-bar-item",{attrs:{"md-icon":"favorite","md-active":""}},["Favorites"])," ",t._h("md-bottom-bar-item",{attrs:{"md-icon":"near_me"}},["Nearby"])])])," ",t._h("div",{staticClass:"phone-viewport"},[t._h("md-bottom-bar",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"orange",expression:"'orange'"}]},[t._h("md-bottom-bar-item",{attrs:{"md-icon":"history"}},["Recents"])," ",t._h("md-bottom-bar-item",{attrs:{"md-icon":"favorite","md-active":""}},["Favorites"])," ",t._h("md-bottom-bar-item",{attrs:{"md-icon":"near_me"}},["Nearby"])])])," ",t._h("div",{staticClass:"phone-viewport"},[t._h("md-bottom-bar",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"green",expression:"'green'"}],attrs:{"md-shift":""}},[t._h("md-bottom-bar-item",{attrs:{"md-icon":"ondemand_video"}},["Movies"])," ",t._h("md-bottom-bar-item",{attrs:{"md-icon":"music_note"}},["Music"])," ",t._h("md-bottom-bar-item",{attrs:{"md-icon":"books","md-active":""}},["Books"])," ",t._h("md-bottom-bar-item",{attrs:{"md-icon":"photo"}},["Pictures"])])])," ",t._h("div",{staticClass:"phone-viewport"},[t._h("md-bottom-bar",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"brown",expression:"'brown'"}],attrs:{"md-shift":""}},[t._h("md-bottom-bar-item",{attrs:{"md-icon":"ondemand_video"}},["Movies"])," ",t._h("md-bottom-bar-item",{attrs:{"md-icon":"music_note"}},["Music"])," ",t._h("md-bottom-bar-item",{attrs:{"md-icon":"books","md-active":""}},["Books"])," ",t._h("md-bottom-bar-item",{attrs:{"md-icon":"photo"}},["Pictures"])])])])," ",t._h("demo-example",{attrs:{label:"Dynamic Theme"}},[t._h("div",{staticClass:"phone-viewport"},[t._h("md-bottom-bar",{directives:[{name:"md-theme",rawName:"v-md-theme",value:t.playground.theme,expression:"playground.theme"}],attrs:{"md-shift":""}},[t._h("md-bottom-bar-item",{attrs:{"md-icon":"ondemand_video"},on:{click:function(e){t.setTheme("blue")}}},["Movies"])," ",t._h("md-bottom-bar-item",{attrs:{"md-icon":"music_note"},on:{click:function(e){t.setTheme("teal")}}},["Music"])," ",t._h("md-bottom-bar-item",{attrs:{"md-icon":"books","md-active":""},on:{click:function(e){t.setTheme("brown")}}},["Books"])," ",t._h("md-bottom-bar-item",{attrs:{"md-icon":"photo"},on:{click:function(e){t.setTheme("indigo")}}},["Pictures"])])])])])," ",t._h("div",{slot:"code"},[t._h("demo-example",{attrs:{label:"Default"}},[t._h("code-block",{attrs:{lang:"xml"}},['\n\n Recents\n Favorites\n Nearby\n\n '])])," ",t._h("demo-example",{attrs:{label:"Shifting"}},[t._h("code-block",{attrs:{lang:"xml"}},['\n\n Movies\n Music\n Books\n Pictures\n\n '])," ",t._h("code-block",{attrs:{lang:"xml"}},['\n\n Movies\n Music\n Books\n Pictures\n\n '])," ",t._h("code-block",{attrs:{lang:"xml"}},['\n\n Movies\n Music\n Books\n Pictures\n\n '])," ",t._h("code-block",{attrs:{lang:"xml"}},['\n\n Movies\n Music\n Books\n Pictures\n\n '])])," ",t._h("demo-example",{attrs:{label:"Themed"}},[t._h("code-block",{attrs:{lang:"xml"}},['\n\n Recents\n Favorites\n Nearby\n\n '])," ",t._h("code-block",{attrs:{lang:"xml"}},['\n\n Recents\n Favorites\n Nearby\n\n '])," ",t._h("code-block",{attrs:{lang:"xml"}},['\n\n Movies\n Music\n Books\n Pictures\n\n '])," ",t._h("code-block",{attrs:{lang:"xml"}},['\n\n Movies\n Music\n Books\n Pictures\n\n '])])," ",t._h("demo-example",{attrs:{label:"Dynamic Theme"}},[t._h("code-block",{attrs:{lang:"xml"}},['\n\n Movies\n Music\n Books\n Pictures\n\n '])," ",t._h("code-block",{attrs:{lang:"javascript"}},["\nexport 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 "])])])," ",t._h("div",{slot:"api"})])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this;return t._h("single-page",{staticClass:"single-page-home",attrs:{label:"UI Elements - Grid System"}})},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this;return t._h("div",{staticClass:"md-card-header"},[t._t("default")])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this;return t._h("md-card",{staticClass:"demo-example",class:t.classes,style:{height:t.height+"px"}},[t._h("md-toolbar",{directives:[{name:"md-theme",rawName:"v-md-theme",value:t.titleTheme,expression:"titleTheme"}],staticClass:"demo-example-toolbar"},[t._h("h2",{staticClass:"md-title"},[t._s(t.label)])])," ",t._h("section",{directives:[{name:"md-theme",rawName:"v-md-theme",value:t.bodyTheme,expression:"bodyTheme"}],staticClass:"demo-example-body"},[t._t("default")])])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this;return t._h("hr",{staticClass:"md-divider"})},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this;return t._h("span",{staticClass:"md-tooltip",class:t.classes,style:t.style},[t._t("default")])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this;return t._h("div",{staticClass:"md-card-area",class:t.classes},[t._t("default")])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this;return t._h("demo-page",{attrs:{label:"Components - Radio"}},[t._h("div",{slot:"examples"},[t._h("demo-example",{attrs:{label:"Default"}},[t._h("div",[t._h("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"])," ",t._h("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"])," ",t._h("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"])])," ",t._h("div",[t._h("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"])," ",t._h("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"])," ",t._h("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"])])," ",t._h("div",[t._h("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"])," ",t._h("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"])," ",t._h("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"])])," ",t._h("div",[t._h("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"])," ",t._h("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"])," ",t._h("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"])])])," ",t._h("demo-example",{attrs:{label:"Themed"}},[t._h("div",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"orange",expression:"'orange'"}]},[t._h("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"])," ",t._h("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"])," ",t._h("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"])])," ",t._h("div",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"brown",expression:"'brown'"}]},[t._h("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"])," ",t._h("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"])," ",t._h("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"])])," ",t._h("div",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"green",expression:"'green'"}]},[t._h("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"])," ",t._h("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"])," ",t._h("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"])])," ",t._h("div",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"teal",expression:"'teal'"}]},[t._h("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"])," ",t._h("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"])," ",t._h("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"])])])])," ",t._h("div",{slot:"code"},[t._h("demo-example",{attrs:{label:"Default"}},[t._h("code-block",{attrs:{lang:"xml"}},['\nMy beautiful radio\nAnother radio\nAnother another radio\n\nPrimary radio\nAnother primary radio\nAnother another primary radio\n\nWarn radio\nAnother warn radio\nAnother another warn radio\n\nMy beautiful radio\nDisabled\nAnother radio\n '])])," ",t._h("demo-example",{attrs:{label:"Themed"}},[t._h("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 '])])])," ",t._h("div",{ -slot:"api"})])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this;return t._h("demo-page",{attrs:{label:"Components - Tabs"}},[t._h("div",{slot:"examples",staticClass:"examples"},[t._h("demo-example",{attrs:{label:"Default - Grey Theme",size:"3","body-theme":"grey"}},[t._h("md-tabs",[t._h("md-tab",{attrs:{id:"movies","md-label":"Movies"}},[t._h("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."])])," ",t._h("md-tab",{attrs:{id:"music","md-label":"Music"}},[t._h("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."])," ",t._h("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."])])," ",t._h("md-tab",{attrs:{id:"books","md-label":"Books"}},[t._h("p",["Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas."])])," ",t._h("md-tab",{attrs:{id:"pictures","md-label":"Pictures"}},[t._h("p",["Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas."])])])])," ",t._h("demo-example",{attrs:{label:"Fixed - Accent Color",size:"3"}},[t._h("md-tabs",{staticClass:"md-accent",attrs:{"md-fixed":""}},[t._h("md-tab",{attrs:{"md-label":"Movies"}},[t._h("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."])])," ",t._h("md-tab",{attrs:{"md-label":"Music"}},[t._h("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."])," ",t._h("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."])])," ",t._h("md-tab",{attrs:{"md-label":"Books"}},[t._h("p",["Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas."])])," ",t._h("md-tab",{attrs:{"md-label":"Pictures"}},[t._h("p",["Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas."])])])])," ",t._h("demo-example",{attrs:{label:"With icons and text - Teal Theme",size:"3","body-theme":"teal"}},[t._h("md-tabs",{attrs:{"md-fixed":""}},[t._h("md-tab",{attrs:{"md-label":"Movies","md-icon":"ondemand_video"}},[t._h("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."])])," ",t._h("md-tab",{attrs:{"md-label":"Music","md-icon":"music_note"}},[t._h("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."])," ",t._h("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."])])," ",t._h("md-tab",{attrs:{"md-label":"Books","md-icon":"books"}},[t._h("p",["Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas."])])," ",t._h("md-tab",{attrs:{"md-label":"Pictures","md-icon":"photo"}},[t._h("p",["Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas."])])])])," ",t._h("demo-example",{attrs:{label:"Centered with only icon - Transparent Color",size:"3"}},[t._h("md-tabs",{staticClass:"md-transparent",attrs:{"md-centered":""}},[t._h("md-tab",{attrs:{"md-icon":"phone"}},[t._h("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."])])," ",t._h("md-tab",{attrs:{"md-icon":"favorite"}},[t._h("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."])," ",t._h("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."])])," ",t._h("md-tab",{attrs:{"md-icon":"near_me"}},[t._h("p",["Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas."])])])])," ",t._h("demo-example",{attrs:{label:"Fixed with only icon - Default Theme",size:"3"}},[t._h("md-tabs",{attrs:{"md-fixed":""}},[t._h("md-tab",{attrs:{"md-icon":"phone"}},[t._h("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."])])," ",t._h("md-tab",{attrs:{"md-icon":"favorite"}},[t._h("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."])," ",t._h("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."])])," ",t._h("md-tab",{attrs:{"md-icon":"near_me"}},[t._h("p",["Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas."])])])])," ",t._h("demo-example",{attrs:{label:"Playground",size:"3"}},[t._h("div",{staticClass:"playground"},[t._h("md-subheader",["Tabs Attributes"])," ",t._h("md-checkbox",{directives:[{name:"model",rawName:"v-model",value:t.playground.fixed,expression:"playground.fixed"}],attrs:{id:"fixed"},domProps:{value:t.playground.fixed},on:{input:function(e){t.playground.fixed=e}}},["Fixed"])," ",t._h("md-checkbox",{directives:[{name:"model",rawName:"v-model",value:t.playground.centered,expression:"playground.centered"}],attrs:{id:"centered"},domProps:{value:t.playground.centered},on:{input:function(e){t.playground.centered=e}}},["Centered"])," ",t._h("md-input-container",[t._h("label",{attrs:{for:"shadow"}},["Shadow"])," ",t._h("md-input",{directives:[{name:"model",rawName:"v-model",value:t.playground.shadow,expression:"playground.shadow"}],attrs:{type:"number",id:"shadow",min:"0",max:"24"},domProps:{value:t.playground.shadow},on:{input:function(e){t.playground.shadow=t._n(e)}}})])," ",t._h("md-subheader",["Theme"])," ",t._h("md-radio",{directives:[{name:"model",rawName:"v-model",value:t.playground.theme,expression:"playground.theme"}],attrs:{id:"theme1",name:"theme","md-value":"default"},domProps:{value:t.playground.theme},on:{input:function(e){t.playground.theme=e}}},["Default"])," ",t._h("md-radio",{directives:[{name:"model",rawName:"v-model",value:t.playground.theme,expression:"playground.theme"}],attrs:{id:"theme2",name:"theme","md-value":"green"},domProps:{value:t.playground.theme},on:{input:function(e){t.playground.theme=e}}},["Green"])," ",t._h("md-radio",{directives:[{name:"model",rawName:"v-model",value:t.playground.theme,expression:"playground.theme"}],attrs:{id:"theme3",name:"theme","md-value":"cyan"},domProps:{value:t.playground.theme},on:{input:function(e){t.playground.theme=e}}},["Cyan"])," ",t._h("md-radio",{directives:[{name:"model",rawName:"v-model",value:t.playground.theme,expression:"playground.theme"}],attrs:{id:"theme4",name:"theme","md-value":"brown"},domProps:{value:t.playground.theme},on:{input:function(e){t.playground.theme=e}}},["Brown"])," ",t._h("md-subheader",["Colors"])," ",t._h("md-radio",{directives:[{name:"model",rawName:"v-model",value:t.playground.color,expression:"playground.color"}],attrs:{id:"color1",name:"color","md-value":"0"},domProps:{value:t.playground.color},on:{input:function(e){t.playground.color=e}}},["Default"])," ",t._h("md-radio",{directives:[{name:"model",rawName:"v-model",value:t.playground.color,expression:"playground.color"}],attrs:{id:"color2",name:"color","md-value":"1"},domProps:{value:t.playground.color},on:{input:function(e){t.playground.color=e}}},["Accent"])," ",t._h("md-radio",{directives:[{name:"model",rawName:"v-model",value:t.playground.color,expression:"playground.color"}],attrs:{id:"color3",name:"color","md-value":"2"},domProps:{value:t.playground.color},on:{input:function(e){t.playground.color=e}}},["Warn"])," ",t._h("md-radio",{directives:[{name:"model",rawName:"v-model",value:t.playground.color,expression:"playground.color"}],attrs:{id:"color4",name:"color","md-value":"3"},domProps:{value:t.playground.color},on:{input:function(e){t.playground.color=e}}},["Transparent"])," ",t._h("md-subheader",["Second Tab"])," ",t._h("md-checkbox",{directives:[{name:"model",rawName:"v-model",value:t.playground.tabs[1].disabled,expression:"playground.tabs[1].disabled"}],attrs:{id:"disabled"},domProps:{value:t.playground.tabs[1].disabled},on:{input:function(e){t.playground.tabs[1].disabled=e}}},["Disabled"])," ",t._h("md-checkbox",{directives:[{name:"model",rawName:"v-model",value:t.playground.tabs[1].active,expression:"playground.tabs[1].active"}],attrs:{id:"active"},domProps:{value:t.playground.tabs[1].active},on:{input:function(e){t.playground.tabs[1].active=e}}},["Active"])])," ",t._h("md-tabs",{directives:[{name:"md-theme",rawName:"v-md-theme",value:t.playground.theme,expression:"playground.theme"}],class:{"md-accent":"1"===t.playground.color,"md-warn":"2"===t.playground.color,"md-transparent":"3"===t.playground.color},attrs:{"md-fixed":t.playground.fixed,"md-centered":t.playground.centered,"md-elevation":t.playground.shadow}},[t._l(t.playground.tabs,function(e,n){return t._h("md-tab",{attrs:{"md-label":e.label,"md-icon":e.icon,"md-disabled":e.disabled,"md-active":e.active}},[t._h("md-input-container",[t._h("label",{attrs:{for:"label"+n}},["Label"])," ",t._h("md-input",{directives:[{name:"model",rawName:"v-model",value:e.label,expression:"tab.label"}],attrs:{type:"text",id:"label"+n},domProps:{value:e.label},on:{input:function(t){e.label=t}}})])," ",t._h("md-input-container",[t._h("label",{attrs:{for:"icon"+n}},["Icon"])," ",t._h("md-input",{directives:[{name:"model",rawName:"v-model",value:e.icon,expression:"tab.icon"}],attrs:{type:"text",id:"icon"+n},domProps:{value:e.icon},on:{input:function(t){e.icon=t}}})])])})])])])," ",t._h("div",{slot:"code"},[t._h("demo-example",{attrs:{label:"Default - Grey Theme","body-theme":"grey"}},[t._h("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 '])])," ",t._h("demo-example",{attrs:{label:"Fixed - Accent Color"}},[t._h("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 '])])," ",t._h("demo-example",{attrs:{label:"With icons and text - Teal Theme","body-theme":"teal"}},[t._h("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 '])])," ",t._h("demo-example",{attrs:{label:"Centered with only icon - Transparent Color"}},[t._h("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 '])])," ",t._h("demo-example",{attrs:{label:"Fixed with only icon - Default Theme"}},[t._h("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 '])])," ",t._h("demo-example",{attrs:{label:"Playground"}},[t._h("code-block",{attrs:{lang:"xml"}},['\n
\n Tabs Attributes\n Fixed\n Centered\n \n \n \n \n\n Theme\n Default\n Green\n Cyan\n Brown\n\n Colors\n Default\n Accent\n Warn\n Transparent\n\n Second Tab\n Disabled\n Active\n
\n\n\n \n \n \n \n \n\n \n \n \n \n \n\n '])," ",t._h("code-block",{attrs:{lang:"scss"}},["\n.playground {\n padding: 0 16px 16px;\n\n .md-subheader {\n padding: 16px 0 0;\n }\n}\n "])," ",t._h("code-block",{attrs:{lang:"javascript"}},["\nexport default {\n data() {\n return {\n playground: {\n color: '3',\n fixed: true,\n centered: false,\n shadow: 0,\n theme: 'default',\n tabs: [\n {\n label: 'Phone',\n icon: 'phone',\n active: false,\n disabled: false\n },\n {\n label: 'Favorites',\n icon: 'favorite',\n active: false,\n disabled: false\n },\n {\n label: 'Near me',\n icon: 'near_me',\n active: true,\n disabled: false\n }\n ]\n },\n firstTabName: 'Movies'\n };\n }\n};\n "])])])," ",t._h("div",{slot:"api"},[t._h("p",["\n To use Tabs you must wrap all ",t._h("code",[""])," in a ",t._h("code",[""])," as a direct parent.\n The ",t._h("code",[""])," can accept some parameters to modify his styles, like ",t._h("code",["md-fixed"])," and ",t._h("code",["md-centered"])," for example.\n Each single tab accept a ",t._h("code",["md-label"])," and/or ",t._h("code",["md-icon"]),". You can set the active tab by setting a parameter ",t._h("code",["md-active"]),".\n "])])])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this;return t._h("div",{staticClass:"md-card-header-text"},[t._t("default")])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this;return t._h("demo-page",{attrs:{label:"Components - Tooltip"}},[t._h("div",{slot:"examples"},[t._h("demo-example",{attrs:{label:"Default"}},[t._h("div",[t._h("md-button",{staticClass:"md-icon-button md-raised md-primary"},[t._h("md-icon",["folder"])," ",t._h("md-tooltip",{attrs:{"md-direction":"top"}},["My tooltip"])])," ",t._h("md-avatar",[t._h("img",{attrs:{src:"https://placeimg.com/40/40/people/1",alt:"People"}})," ",t._h("md-tooltip",{attrs:{"md-direction":"bottom"}},["My tooltip"])])])," ",t._h("div",[t._h("md-button",{staticClass:"md-icon-button md-raised md-warn"},[t._h("md-icon",["home"])," ",t._h("md-tooltip",{attrs:{"md-direction":"left"}},["My tooltip"])])," ",t._h("md-avatar",{staticClass:"md-avatar-icon"},[t._h("md-icon",["person"])," ",t._h("md-tooltip",{attrs:{"md-direction":"right"}},["My tooltip"])])])])," ",t._h("demo-example",{attrs:{label:"Delay - 400ms"}},[t._h("div",[t._h("md-button",{staticClass:"md-icon-button md-raised md-primary"},[t._h("md-icon",["folder"])," ",t._h("md-tooltip",{attrs:{"md-delay":"400","md-direction":"top"}},["My tooltip"])])," ",t._h("md-avatar",[t._h("img",{attrs:{src:"https://placeimg.com/40/40/people/1",alt:"People"}})," ",t._h("md-tooltip",{attrs:{"md-delay":"400","md-direction":"bottom"}},["My tooltip"])])])," ",t._h("div",[t._h("md-button",{staticClass:"md-icon-button md-raised md-warn"},[t._h("md-icon",["home"])," ",t._h("md-tooltip",{attrs:{"md-delay":"400","md-direction":"left"}},["My tooltip"])])," ",t._h("md-avatar",{staticClass:"md-avatar-icon"},[t._h("md-icon",["person"])," ",t._h("md-tooltip",{attrs:{"md-delay":"400","md-direction":"right"}},["My tooltip"])])])])])," ",t._h("div",{slot:"code"},[t._h("demo-example",{attrs:{label:"Default"}},[t._h("code-block",{attrs:{lang:"xml"}},['\n\n folder\n My tooltip\n\n\n\n People\n My tooltip\n\n\n\n home\n My tooltip\n\n\n\n person\n My tooltip\n\n '])])," ",t._h("demo-example",{attrs:{label:"Delay - 400ms"}},[t._h("code-block",{attrs:{lang:"xml"}},['\n\n folder\n My tooltip\n\n\n\n People\n My tooltip\n\n\n\n home\n My tooltip\n\n\n\n person\n My tooltip\n\n '])])])," ",t._h("div",{slot:"api"})])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this;return t._h("ul",{staticClass:"md-list"},[t._t("default")])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this;return t._h("demo-page",{attrs:{label:"Components - Icon"}},[t._h("div",{slot:"examples"},[t._h("demo-example",{attrs:{label:"Default",size:"2"}},[t._h("md-icon",["home"])," ",t._h("md-icon",{staticClass:"md-primary"},["home"])," ",t._h("md-icon",{staticClass:"md-accent"},["home"])," ",t._h("md-icon",{staticClass:"md-warn"},["home"])])," ",t._h("demo-example",{attrs:{label:"Themed",size:"2"}},[t._h("md-icon",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"light-blue",expression:"'light-blue'"}],staticClass:"md-primary"},["home"])," ",t._h("md-icon",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"green",expression:"'green'"}],staticClass:"md-primary"},["home"])," ",t._h("md-icon",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"brown",expression:"'brown'"}],staticClass:"md-primary"},["home"])," ",t._h("md-icon",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"orange",expression:"'orange'"}],staticClass:"md-primary"},["home"])])])," ",t._h("div",{slot:"code"},[t._h("demo-example",{attrs:{label:"Default"}},[t._h("code-block",{attrs:{lang:"xml"}},['\nhome\nhome\nhome\nhome\n '])])," ",t._h("demo-example",{attrs:{label:"Themed"}},[t._h("code-block",{attrs:{lang:"xml"}},['\nhome\nhome\nhome\nhome\n '])])])," ",t._h("div",{slot:"api"})])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this;return t._h("div",{directives:[{name:"md-theme",rawName:"v-md-theme",value:t.theme,expression:"theme"}],staticClass:"container"},[t._h("md-sidenav",{ref:"main-sidebar",staticClass:"main-sidebar md-left md-fixed"},[t._h("md-toolbar",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"white",expression:"'white'"}],staticClass:"vue-material-logo"},[t._h("router-link",{attrs:{exact:"",to:"/"}},[t._h("img",{attrs:{src:t.logo,alt:"Vue"}})," ",t._h("span",["Vue Material"])])])," ",t._h("div",{staticClass:"main-sidebar-links"},[t._h("md-list",{staticClass:"md-dense"},[t._h("md-list-item",[t._h("router-link",{attrs:{exact:"",to:"/"}},["Introduction"])])," ",t._h("md-list-item",[t._h("router-link",{attrs:{exact:"",to:"/getting-started"}},["Getting Started"])])," ",t._h("md-list-item",[t._h("span",["Components"])," ",t._h("md-list-expand",[t._h("md-list",[t._h("md-list-item",{staticClass:"md-inset"},[t._h("router-link",{attrs:{exact:"",to:"/components/avatar"}},["Avatar"])])," ",t._h("md-list-item",{staticClass:"md-inset"},[t._h("router-link",{attrs:{exact:"",to:"/components/bottom-bar"}},["Bottom Bar"])])," ",t._h("md-list-item",{staticClass:"md-inset"},[t._h("router-link",{attrs:{exact:"",to:"/components/button"}},["Button"])])," ",t._h("md-list-item",{staticClass:"md-inset"},[t._h("router-link",{attrs:{exact:"",to:"/components/button-toggle"}},["Button Toggle"])])," ",t._h("md-list-item",{staticClass:"md-inset"},[t._h("router-link",{attrs:{exact:"",to:"/components/card"}},["Card"])])," ",t._h("md-list-item",{staticClass:"md-inset"},[t._h("router-link",{attrs:{exact:"",to:"/components/checkbox"}},["Checkbox"])])," ",t._h("md-list-item",{staticClass:"md-inset"},[t._h("router-link",{attrs:{exact:"",to:"/components/icon"}},["Icon"])])," ",t._h("md-list-item",{staticClass:"md-inset"},[t._h("router-link",{attrs:{exact:"",to:"/components/input"}},["Input"])])," ",t._h("md-list-item",{staticClass:"md-inset"},[t._h("router-link",{attrs:{exact:"",to:"/components/list"}},["List"])])," ",t._h("md-list-item",{staticClass:"md-inset"},[t._h("router-link",{attrs:{exact:"",to:"/components/menu"}},["Menu"])])," ",t._h("md-list-item",{staticClass:"md-inset"},[t._h("router-link",{attrs:{exact:"",to:"/components/radio"}},["Radio"])])," ",t._h("md-list-item",{staticClass:"md-inset"},[t._h("router-link",{attrs:{exact:"",to:"/components/ripple"}},["Ripple"])])," ",t._h("md-list-item",{staticClass:"md-inset"},[t._h("router-link",{attrs:{exact:"",to:"/components/select"}},["Select"])])," ",t._h("md-list-item",{staticClass:"md-inset"},[t._h("router-link",{attrs:{exact:"",to:"/components/sidenav"}},["Sidenav"])])," ",t._h("md-list-item",{staticClass:"md-inset"},[t._h("router-link",{attrs:{exact:"",to:"/components/subheader"}},["Subheader"])])," ",t._h("md-list-item",{staticClass:"md-inset"},[t._h("router-link",{attrs:{exact:"",to:"/components/switch"}},["Switch"])])," ",t._h("md-list-item",{staticClass:"md-inset"},[t._h("router-link",{attrs:{exact:"",to:"/components/tabs"}},["Tabs"])])," ",t._h("md-list-item",{staticClass:"md-inset"},[t._h("router-link",{attrs:{exact:"",to:"/components/table"}},["Table"])])," ",t._h("md-list-item",{staticClass:"md-inset"},[t._h("router-link",{attrs:{exact:"",to:"/components/toolbar"}},["Toolbar"])])," ",t._h("md-list-item",{staticClass:"md-inset"},[t._h("router-link",{attrs:{exact:"",to:"/components/tooltip"}},["Tooltip"])])," ",t._h("md-list-item",{staticClass:"md-inset"},[t._h("router-link",{attrs:{exact:"",to:"/components/whiteframe"}},["Whiteframe"])])])])])," ",t._h("md-list-item",[t._h("router-link",{attrs:{exact:"",to:"/ui-elements/typography"}},["Typography"])," "])," "," ",t._h("md-list-item",[t._h("router-link",{attrs:{exact:"",to:"/changelog"}},["Changelog"])])," ",t._h("md-list-item",[t._h("router-link",{attrs:{exact:"",to:"/about"}},["About"])])])])])," ",t._h("transition",{attrs:{name:"md-router"}},[t._h("router-view")])])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this;return t._h("div",{staticClass:"md-sidenav",class:t.classes,attrs:{tabindex:"0"},on:{keyup:function(e){27===e.keyCode&&t.close(e)}}},[t._h("div",{staticClass:"md-sidenav-content"},[t._t("default")])," ",t._h("div",{staticClass:"md-backdrop",on:{click:t.close}})])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this;return t._h("demo-page",{attrs:{label:"Components - Menu"}},[t._h("div",{slot:"examples"},[t._h("demo-example",{attrs:{label:"Directions"}},[t._h("md-menu",[t._h("md-button",{attrs:{"md-menu-trigger":""}},["Bottom Right"])," ",t._h("md-menu-content",[t._h("md-menu-item",["My Item 1"])," ",t._h("md-menu-item",["My Item 2"])," ",t._h("md-menu-item",["My Item 3"])])])," ",t._h("md-menu",{attrs:{"md-direction":"bottom left"}},[t._h("md-button",{attrs:{"md-menu-trigger":""}},["Bottom Left"])," ",t._h("md-menu-content",[t._h("md-menu-item",["My Item 1"])," ",t._h("md-menu-item",["My Item 2"])," ",t._h("md-menu-item",{attrs:{disabled:""}},["My Item 3"])," ",t._h("md-menu-item",["My Item 4"])])])," ",t._h("md-menu",{attrs:{"md-direction":"top left"}},[t._h("md-button",{attrs:{"md-menu-trigger":""}},["Top Left"])," ",t._h("md-menu-content",[t._h("md-menu-item",["My Item 1"])," ",t._h("md-menu-item",["My Item 2"])," ",t._h("md-menu-item",["My Item 3"])])])," ",t._h("md-menu",{attrs:{"md-direction":"top right"}},[t._h("md-button",{attrs:{"md-menu-trigger":""}},["Top Right"])," ",t._h("md-menu-content",[t._h("md-menu-item",["My Item 1"])," ",t._h("md-menu-item",["My Item 2"])," ",t._h("md-menu-item",["My Item 3"])])])])," ",t._h("demo-example",{attrs:{label:"Sizes"}},[t._h("md-menu",[t._h("md-button",{attrs:{"md-menu-trigger":""}},["Default"])," ",t._h("md-menu-content",[t._h("md-menu-item",["My Item 1"])," ",t._h("md-menu-item",["My Item 2"])," ",t._h("md-menu-item",["My Item 3"])])])," ",t._h("md-menu",{attrs:{"md-size":"1"}},[t._h("md-button",{attrs:{"md-menu-trigger":""}},["Size 1"])," ",t._h("md-menu-content",[t._h("md-menu-item",["My Item 1"])," ",t._h("md-menu-item",["My Item 2"])," ",t._h("md-menu-item",["My Item 3"])])])," ",t._h("md-menu",{ -attrs:{"md-size":"2"}},[t._h("md-button",{attrs:{"md-menu-trigger":""}},["Size 2"])," ",t._h("md-menu-content",[t._h("md-menu-item",["My Item 1"])," ",t._h("md-menu-item",["My Item 2"])," ",t._h("md-menu-item",["My Item 3"])])])," ",t._h("md-menu",{attrs:{"md-size":"4"}},[t._h("md-button",{attrs:{"md-menu-trigger":""}},["Size 4"])," ",t._h("md-menu-content",[t._h("md-menu-item",["My Item 1"])," ",t._h("md-menu-item",["My Item 2"])," ",t._h("md-menu-item",["My Item 3"])])])," ",t._h("md-menu",{attrs:{"md-size":"5"}},[t._h("md-button",{attrs:{"md-menu-trigger":""}},["Size 5"])," ",t._h("md-menu-content",[t._h("md-menu-item",["My Item 1"])," ",t._h("md-menu-item",["My Item 2"])," ",t._h("md-menu-item",["My Item 3"])])])," ",t._h("md-menu",{attrs:{"md-size":"7"}},[t._h("md-button",{attrs:{"md-menu-trigger":""}},["Size 7"])," ",t._h("md-menu-content",[t._h("md-menu-item",["My Item 1"])," ",t._h("md-menu-item",["My Item 2"])," ",t._h("md-menu-item",["My Item 3"])])])])," ",t._h("demo-example",{attrs:{label:"List Icons"}},[t._h("md-menu",[t._h("md-button",{staticClass:"md-icon-button",attrs:{"md-menu-trigger":""}},[t._h("md-icon",["more_vert"])])," ",t._h("md-menu-content",[t._h("md-menu-item",["My Item 1"])," ",t._h("md-menu-item",["My Item 2"])," ",t._h("md-menu-item",["My Item 3"])])])," ",t._h("md-menu",{attrs:{"md-size":"4"}},[t._h("md-button",{staticClass:"md-icon-button",attrs:{"md-menu-trigger":""}},[t._h("md-icon",["phone"])])," ",t._h("md-menu-content",[t._h("md-menu-item",[t._h("md-icon",["phone"])," ",t._h("span",["My Item 1"])])," ",t._h("md-menu-item",[t._h("md-icon",["phone"])," ",t._h("span",["My Item 2"])])," ",t._h("md-menu-item",[t._h("md-icon",["phone"])," ",t._h("span",["My Item 3"])])])])," ",t._h("md-menu",{attrs:{"md-direction":"bottom left","md-size":"4"}},[t._h("md-button",{staticClass:"md-icon-button",attrs:{"md-menu-trigger":""}},[t._h("md-icon",["near_me"])])," ",t._h("md-menu-content",[t._h("md-menu-item",[t._h("span",["Find on map"])," ",t._h("md-icon",["near_me"])])," ",t._h("md-menu-item",[t._h("span",["Call"])," ",t._h("md-icon",["phone"])])])])])])," ",t._h("div",{slot:"code"},[t._h("demo-example",{attrs:{label:"Directions"}},[t._h("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'])])," ",t._h("demo-example",{attrs:{label:"Sizes"}},[t._h("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 Size 1\n\n \n My Item 1\n My Item 2\n My 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 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 7\n\n \n My Item 1\n My Item 2\n My Item 3\n \n\n'])])," ",t._h("demo-example",{attrs:{label:"List Icons"}},[t._h("code-block",{attrs:{lang:"xml"}},['\n\n \n more_vert\n \n\n \n My Item 1\n My Item 2\n My Item 3\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'])])])," ",t._h("div",{slot:"api"})])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this;return t._h("th",{staticClass:"md-table-head",class:t.classes,on:{click:t.changeSort}},[t._h("div",{directives:[{name:"md-ink-ripple",rawName:"v-md-ink-ripple",value:!t.mdSortBy,expression:"!mdSortBy"}],staticClass:"md-table-head-container"},[t._h("div",{staticClass:"md-table-head-text md-test"},[t.mdSortBy?t._h("md-icon",{staticClass:"md-sortable-icon"},["arrow_downward"]):t._e()," ",t._t("default")," ",t.mdTooltip?t._h("md-tooltip",[t._s(t.mdTooltip)]):t._e()])])])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this;return t._h("div",{staticClass:"md-input-container",class:t.classes},[t._t("default")," ",t.enableCounter?t._h("span",{staticClass:"md-count"},[t._s(t.inputLength)+" / "+t._s(t.counterLength)]):t._e()," ",t.mdHasPassword?t._h("md-button",{staticClass:"md-icon-button md-toggle-password",on:{click:t.togglePasswordType}},[t._h("md-icon",[t._s(t.showPassword?"visibility_off":"visibility")])]):t._e()])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this;return t._h("demo-page",{attrs:{label:"Components - Input"}},[t._h("div",{slot:"examples"},[t._h("demo-example",{attrs:{label:"Regular fields",size:"4"}},[t._h("form",{attrs:{novalidate:""},on:{submit:function(e){e.stopPropagation(),e.preventDefault(),t.submit(e)}}},[t._h("md-input-container",[t._h("label",["Initial value"])," ",t._h("md-input",{directives:[{name:"model",rawName:"v-model",value:t.initialValue,expression:"initialValue"}],domProps:{value:t.initialValue},on:{input:function(e){t.initialValue=e}}})])," ",t._h("md-input-container",[t._h("label",["With label"])," ",t._h("md-input",{attrs:{placeholder:"My nice placeholder"}})])," ",t._h("md-input-container",{attrs:{"md-inline":""}},[t._h("label",["Inline field"])," ",t._h("md-input")])," ",t._h("md-input-container",[t._h("label",["Number"])," ",t._h("md-input",{attrs:{type:"number"}})])," ",t._h("md-input-container",[t._h("label",["Textarea"])," ",t._h("md-textarea")])," ",t._h("md-input-container",[t._h("label",["Disabled"])," ",t._h("md-input",{attrs:{disabled:""}})])])])," ",t._h("demo-example",{attrs:{label:"Password",size:"4"}},[t._h("form",{attrs:{novalidate:""},on:{submit:function(e){e.stopPropagation(),e.preventDefault(),t.submit(e)}}},[t._h("md-input-container",[t._h("label",["Regular Password"])," ",t._h("md-input",{attrs:{type:"password"}})])," ",t._h("md-input-container",{attrs:{"md-has-password":""}},[t._h("label",["Password Reveal"])," ",t._h("md-input",{attrs:{type:"password"}})])])])," ",t._h("demo-example",{attrs:{label:"Required and Errors",size:"4"}},[t._h("form",{attrs:{novalidate:""},on:{submit:function(e){e.stopPropagation(),e.preventDefault(),t.submit(e)}}},[t._h("md-input-container",[t._h("label",["Required"])," ",t._h("md-input",{attrs:{required:""}})])," ",t._h("md-input-container",{staticClass:"md-input-invalid"},[t._h("label",["Error"])," ",t._h("md-input",{attrs:{required:""}})])," ",t._h("md-input-container",{staticClass:"md-input-invalid"},[t._h("label",["Error with message"])," ",t._h("md-input",{attrs:{required:""}})," ",t._h("span",{staticClass:"md-error"},["Validation message"])])," ",t._h("md-input-container",{staticClass:"md-input-invalid"},[t._h("label",["Textarea with error"])," ",t._h("md-textarea")," ",t._h("span",{staticClass:"md-error"},["Textarea validation message"])])])])," ",t._h("demo-example",{attrs:{label:"Character counter",size:"4"}},[t._h("form",{attrs:{novalidate:""},on:{submit:function(e){e.stopPropagation(),e.preventDefault(),t.submit(e)}}},[t._h("md-input-container",[t._h("label",["Textarea"])," ",t._h("md-textarea",{attrs:{maxlength:"70"}})])," ",t._h("md-input-container",[t._h("label",["Input"])," ",t._h("md-input",{attrs:{maxlength:"20"}})])])])," ",t._h("demo-example",{attrs:{label:"Themed",size:"4"}},[t._h("form",{attrs:{novalidate:""},on:{submit:function(e){e.stopPropagation(),e.preventDefault(),t.submit(e)}}},[t._h("md-input-container",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"green",expression:"'green'"}]},[t._h("label",["Themable - Input"])," ",t._h("md-input")])," ",t._h("md-input-container",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"brown",expression:"'brown'"}]},[t._h("label",["Themable - Textarea"])," ",t._h("md-textarea")])])])])," ",t._h("div",{slot:"code"},[t._h("demo-example",{attrs:{label:"Regular fields"}},[t._h("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 '])," ",t._h("code-block",{attrs:{lang:"javascript"}},["\nexport default {\n data() {\n return {\n initialValue: 'My initial value'\n };\n }\n};\n "])])," ",t._h("demo-example",{attrs:{label:"Password"}},[t._h("code-block",{attrs:{lang:"xml"}},['\n
\n \n \n \n \n\n \n \n \n \n
\n '])])," ",t._h("demo-example",{attrs:{label:"Required and Errors"}},[t._h("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 '])])," ",t._h("demo-example",{attrs:{label:"Character counter"}},[t._h("code-block",{attrs:{lang:"xml"}},['\n
\n \n \n \n \n\n \n \n \n \n
\n '])])," ",t._h("demo-example",{attrs:{label:"Themed",size:"4"}},[t._h("code-block",{attrs:{lang:"xml"}},['\n
\n \n \n \n \n\n \n \n \n \n
\n '])])])," ",t._h("div",{slot:"api"})])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this;return t._h("div",{staticClass:"md-card",class:t.classes},[t._t("default")])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this;return t._h("div",{staticClass:"md-menu-content",attrs:{tabindex:"-1"},on:{keydown:[function(e){27===e.keyCode&&(e.preventDefault(),t.close(e))},function(e){9===e.keyCode&&(e.preventDefault(),t.close(e))},function(e){38===e.keyCode&&(e.preventDefault(),t.highlightItem("up"))},function(e){40===e.keyCode&&(e.preventDefault(),t.highlightItem("down"))},function(e){13===e.keyCode&&(e.preventDefault(),t.fireClick(e))},function(e){32===e.keyCode&&(e.preventDefault(),t.fireClick(e))}]}},[t._h("md-list",[t._t("default")])])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this;return t._h("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){38===e.keyCode&&t.onInput(e)},function(e){40===e.keyCode&&t.onInput(e)}]}})},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this;return t._h("td",{staticClass:"md-table-cell",class:t.classes},[t._h("div",{staticClass:"md-table-cell-container"},[t._t("default")])])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this;return t._h("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;return t._h("demo-page",{attrs:{label:"Components - Checkbox"}},[t._h("div",{slot:"examples"},[t._h("demo-example",{attrs:{label:"Default"}},[t._h("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"])," ",t._h("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"])," ",t._h("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"])," ",t._h("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"])])," ",t._h("demo-example",{attrs:{label:"Themed"}},[t._h("div",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"orange",expression:"'orange'"}],staticClass:"themed"},[t._h("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"])])," ",t._h("div",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"green",expression:"'green'"}],staticClass:"themed"},[t._h("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"])])," ",t._h("div",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"light-blue",expression:"'light-blue'"}],staticClass:"themed"},[t._h("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"])])," ",t._h("div",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"indigo",expression:"'indigo'"}],staticClass:"themed"},[t._h("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"])])," ",t._h("div",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"brown",expression:"'brown'"}],staticClass:"themed"},[t._h("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"])])])])," ",t._h("div",{slot:"code"},[t._h("demo-example",{attrs:{label:"Default"}},[t._h("code-block",{attrs:{lang:"xml"}},['\nRegular Checkbox\nPrimary Color\nWarn Color\nDisabled\n '])])," ",t._h("demo-example",{attrs:{label:"Themed"}},[t._h("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 '])])])," ",t._h("div",{slot:"api"})])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this;return t._h("div",{staticClass:"code-block"},[t._h("pre",[t._h("code",{ref:"block",class:t.lang},[t._t("default")])])])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this;return t._h("div",{staticClass:"md-card-media",class:t.classes},[t._t("default")])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this;return t._h("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;return t._h("demo-page",{attrs:{label:"Components - Ripple"}},[t._h("div",{slot:"examples"},[t._h("demo-example",{attrs:{label:"Default"}},[t._h("span",{directives:[{name:"md-ink-ripple",rawName:"v-md-ink-ripple"}],staticClass:"has-ripple"},["This span has ripple effect"])," ",t._h("span",{directives:[{name:"md-ink-ripple",rawName:"v-md-ink-ripple"}],staticClass:"has-ripple green"},["This span has ripple effect"])," ",t._h("span",{directives:[{name:"md-ink-ripple",rawName:"v-md-ink-ripple"}],staticClass:"has-ripple blue"},["This span has ripple effect"])," ",t._h("div",[t._h("md-avatar",{directives:[{name:"md-ink-ripple",rawName:"v-md-ink-ripple"}]},[t._h("img",{attrs:{src:"//placeimg.com/40/40/people/1",alt:"People"}})])," ",t._h("md-avatar",{directives:[{name:"md-ink-ripple",rawName:"v-md-ink-ripple"}],staticClass:"md-avatar-icon"},[t._h("md-icon",["home"])])])])])," ",t._h("div",{slot:"code"},[t._h("demo-example",{attrs:{label:"Default"}},[t._h("code-block",{attrs:{lang:"xml"}},['\nThis span has ripple effect\nThis span has ripple effect\nThis span has ripple effect\n\n
\n \n People\n \n\n \n home\n \n
\n '])])])," ",t._h("div",{slot:"api"})])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this;return t._h("div",{staticClass:"md-toolbar"},[t._t("default")])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this;return t._h("single-page",{staticClass:"single-page-home",attrs:{label:"Error"}},[t._h("single-page-banner",{attrs:{label:"Error 404"}})," ",t._h("h2",{staticClass:"md-headline"},["Hmmm. Too bad"])," ",t._h("p",["Are you searching for a new component? Or maybe you have an question? Get in touch!"])," ",t._h("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;return t._h("demo-page",{attrs:{label:"Components - Switch"}},[t._h("div",{slot:"examples"},[t._h("demo-example",{attrs:{label:"Default"}},[t._h("div",[t._h("md-switch",{directives:[{name:"model",rawName:"v-model",value:t.checked0,expression:"checked0"}],attrs:{id:"my-test0",name:"my-test0"},domProps:{value:t.checked0},on:{input:function(e){t.checked0=e}}})])," ",t._h("div",[t._h("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"])])," ",t._h("div",[t._h("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"])])," ",t._h("div",[t._h("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"])])])," ",t._h("demo-example",{attrs:{label:"Themed"}},[t._h("div",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"orange",expression:"'orange'"}]},[t._h("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}}})])," ",t._h("div",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"green",expression:"'green'"}]},[t._h("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"])])," ",t._h("div",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"brown",expression:"'brown'"}]},[t._h("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"])])," ",t._h("div",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"light-blue",expression:"'light-blue'"}]},[t._h("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"])])])," ",t._h("demo-example",{attrs:{label:"Typed"}},[t._h("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}}},["Button (default)"])," ",t._h("div",[t._h("form",{on:{click:function(e){e.stopPropagation(),e.preventDefault(),t.submit(e)}}},[t._h("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"])])])])])," ",t._h("div",{slot:"code"},[t._h("demo-example",{attrs:{label:"Default"}},[t._h("code-block",{attrs:{lang:"xml"}},['\n\nPrimary Color\nWarn Color\nDisabled\n '])])," ",t._h("demo-example",{attrs:{label:"Themed"}},[t._h("code-block",{attrs:{lang:"xml"}},['\n
\n \n
\n\n
\n Green Primary Color\n
\n\n
\n Brown Primary Color\n
\n\n
\n Light Blue Primary Color Disabled\n
\n '])])," ",t._h("demo-example",{attrs:{label:"Typed"}},[t._h("code-block",{attrs:{lang:"xml"}},['\n
\n Button (default)\n
\n\n
\n Submit\n
\n '])," ",t._h("code-block",{attrs:{lang:"javascript"}},["\nexport default {\n methods: {\n submit(e) {\n alert('This switch submits the form');\n }\n }\n};\n "])])])," ",t._h("div",{slot:"api"})])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this;return t._h("demo-page",{attrs:{label:"Components - Card"}},[t._h("div",{slot:"examples"},[t._h("demo-example",{attrs:{label:"Regular Cards"}},[t._h("md-card",[t._h("md-card-media",[t._h("img",{attrs:{src:"assets/card-image-1.jpg",alt:"People"}})])," ",t._h("md-card-header",[t._h("div",{staticClass:"md-title"},["Title goes here"])," ",t._h("div",{staticClass:"md-subhead"},["Subtitle here"])])," ",t._h("md-card-actions",[t._h("md-button",["Action"])," ",t._h("md-button",["Action"])])," ",t._h("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 "])])," ",t._h("md-card",[t._h("md-card-header",[t._h("md-card-header-text",[t._h("div",{staticClass:"md-title"},["Title goes here"])," ",t._h("div",{staticClass:"md-subhead"},["Subtitle here"])])," ",t._h("md-menu",{attrs:{"md-size":"4","md-direction":"bottom left"}},[t._h("md-button",{staticClass:"md-icon-button",attrs:{"md-menu-trigger":""}},[t._h("md-icon",["more_vert"])])," ",t._h("md-menu-content",[t._h("md-menu-item",[t._h("span",["Call"])," ",t._h("md-icon",["phone"])])," ",t._h("md-menu-item",[t._h("span",["Send a message"])," ",t._h("md-icon",["message"])])])])])," ",t._h("md-card-media",[t._h("img",{attrs:{src:"assets/card-image-1.jpg",alt:"People"}})])," ",t._h("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 "])])," ",t._h("md-card",[t._h("md-card-media",[t._h("img",{attrs:{src:"assets/card-image-2.jpg",alt:"People"}})])," ",t._h("md-card-content",["\n Lorem ipsum dolor sit amet, consectetur adipisicing elit. Optio itaque ea nostrum.\n "])])," ",t._h("md-card",[t._h("md-card-media",[t._h("img",{attrs:{src:"assets/card-image-2.jpg",alt:"People"}})])," ",t._h("md-card-header",[t._h("div",{staticClass:"md-title"},["Title goes here"])," ",t._h("div",{staticClass:"md-subhead"},["Subtitle here"])])," ",t._h("md-card-actions",[t._h("md-button",["Action"])," ",t._h("md-button",["Action"])])])])," ",t._h("demo-example",{attrs:{label:"Hover Effect"}},[t._h("md-card",{attrs:{"md-with-hover":""}},[t._h("md-card-header",[t._h("div",{staticClass:"md-title"},["Title goes here"])," ",t._h("div",{staticClass:"md-subhead"},["Subtitle here"])])," ",t._h("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 "])," ",t._h("md-card-actions",[t._h("md-button",["Action"])," ",t._h("md-button",["Action"])])])," ",t._h("md-card",{attrs:{"md-with-hover":""}},[t._h("md-card-media",{directives:[{name:"md-ink-ripple",rawName:"v-md-ink-ripple"}]},[t._h("img",{attrs:{src:"assets/card-image-1.jpg",alt:"People"}})])," ",t._h("md-card-actions",[t._h("md-button",{staticClass:"md-icon-button"},[t._h("md-icon",["favorite"])])," ",t._h("md-button",{staticClass:"md-icon-button"},[t._h("md-icon",["bookmark"])])," ",t._h("md-button",{staticClass:"md-icon-button"},[t._h("md-icon",["share"])])])])," ",t._h("md-card",{ -attrs:{"md-with-hover":""}},[t._h("md-card-header",[t._h("md-avatar",[t._h("img",{attrs:{src:"assets/avatar.png",alt:"People"}})])," ",t._h("div",{staticClass:"md-title"},["Title goes here"])," ",t._h("div",{staticClass:"md-subhead"},["Subtitle here"])])," ",t._h("md-card-media",[t._h("img",{attrs:{src:"assets/card-image-1.jpg",alt:"People"}})])," ",t._h("md-card-content",["\n Lorem ipsum dolor sit amet, consectetur adipisicing elit. Optio itaque ea nostrum.\n "])," ",t._h("md-card-actions",[t._h("md-button",["Action"])," ",t._h("md-button",["Action"])])])])," ",t._h("demo-example",{attrs:{label:"Image cover with predefined aspect ratio"}},[t._h("md-card",[t._h("md-card-media-cover",{attrs:{"md-text-scrim":""}},[t._h("md-card-media",{attrs:{"md-ratio":"16:9"}},[t._h("img",{attrs:{src:"assets/card-sky.jpg",alt:"Skyscraper"}})])," ",t._h("md-card-area",[t._h("md-card-header",[t._h("div",{staticClass:"md-title"},["Title goes here"])," ",t._h("div",{staticClass:"md-subhead"},["Subtitle here"])])," ",t._h("md-card-actions",[t._h("md-button",["Action"])," ",t._h("md-button",["Action"])])])])])," ",t._h("md-card",[t._h("md-card-media-cover",{attrs:{"md-solid":""}},[t._h("md-card-media",{attrs:{"md-ratio":"1:1"}},[t._h("img",{attrs:{src:"assets/card-sky.jpg",alt:"Skyscraper"}})])," ",t._h("md-card-area",[t._h("md-card-header",[t._h("div",{staticClass:"md-title"},["Title goes here"])," ",t._h("div",{staticClass:"md-subhead"},["Subtitle here"])])," ",t._h("md-card-actions",[t._h("md-button",["Action"])," ",t._h("md-button",["Action"])])])])])])," ",t._h("demo-example",{attrs:{label:"Media"}},[t._h("md-card",[t._h("md-card-header",[t._h("md-card-header-text",[t._h("div",{staticClass:"md-title"},["Title goes here"])," ",t._h("div",{staticClass:"md-subhead"},["Subtitle here"])])," ",t._h("md-card-media",[t._h("img",{attrs:{src:"assets/avatar-2.jpg",alt:"People"}})])])," ",t._h("md-card-actions",[t._h("md-button",["Action"])," ",t._h("md-button",["Action"])])])," ",t._h("md-card",[t._h("md-card-header",[t._h("md-card-header-text",[t._h("div",{staticClass:"md-title"},["Title goes here"])," ",t._h("div",{staticClass:"md-subhead"},["Subtitle here"])])," ",t._h("md-card-media",{attrs:{"md-medium":""}},[t._h("img",{attrs:{src:"assets/card-weather.png",alt:"People"}})])])," ",t._h("md-card-actions",[t._h("md-button",["Action"])," ",t._h("md-button",["Action"])])])," ",t._h("md-card",[t._h("md-card-header",[t._h("md-card-header-text",[t._h("div",{staticClass:"md-title"},["Title goes"])," ",t._h("div",{staticClass:"md-subhead"},["Subtitle here"])])," ",t._h("md-card-media",{attrs:{"md-big":""}},[t._h("img",{attrs:{src:"assets/card-weather.png",alt:"People"}})])])," ",t._h("md-card-actions",[t._h("md-button",["Action"])," ",t._h("md-button",["Action"])])])," ",t._h("md-card",[t._h("md-card-media-actions",[t._h("md-card-media",[t._h("img",{attrs:{src:"assets/cover.png",alt:"Cover"}})])," ",t._h("md-card-actions",[t._h("md-button",{staticClass:"md-icon-button"},[t._h("md-icon",["favorite"])])," ",t._h("md-button",{staticClass:"md-icon-button"},[t._h("md-icon",["bookmark"])])," ",t._h("md-button",{staticClass:"md-icon-button"},[t._h("md-icon",["share"])])])])])])," ",t._h("demo-example",{attrs:{label:"Full control"}},[t._h("md-card",[t._h("md-card-area",[t._h("md-card-media",[t._h("img",{attrs:{src:"assets/card-image-1.jpg",alt:"People"}})])," ",t._h("md-card-header",[t._h("div",{staticClass:"md-title"},["Title goes here"])," ",t._h("div",{staticClass:"md-subhead"},["Subtitle here"])])," ",t._h("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 "])])," ",t._h("md-card-actions",[t._h("md-button",["Action"])," ",t._h("md-button",["Action"])])])," ",t._h("md-card",[t._h("md-card-media",[t._h("img",{attrs:{src:"assets/card-image-1.jpg",alt:"People"}})])," ",t._h("md-card-header",[t._h("div",{staticClass:"md-title"},["Title goes here"])," ",t._h("div",{staticClass:"md-subhead"},["Subtitle here"])])," ",t._h("md-card-expand",[t._h("md-card-actions",[t._h("md-button",["Action"])," ",t._h("md-button",["Action"])," ",t._h("span",{staticStyle:{flex:"1"}})," ",t._h("md-button",{staticClass:"md-icon-button",attrs:{"md-expand-trigger":""}},[t._h("md-icon",["keyboard_arrow_down"])])])," ",t._h("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 "])])])," ",t._h("md-card",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"blue",expression:"'blue'"}],staticClass:"card-example"},[t._h("md-card-area",{attrs:{"md-inset":""}},[t._h("md-card-media",{attrs:{"md-ratio":"16:9"}},[t._h("img",{attrs:{src:"assets/card-example.jpg",alt:"Coffee House"}})])," ",t._h("md-card-header",[t._h("h2",{staticClass:"md-title"},["Coffee House"])," ",t._h("div",{staticClass:"md-subhead"},[t._h("md-icon",["location_on"])," ",t._h("span",["2 miles"])])])," ",t._h("md-card-content",["\n Illy Coffee served with a complimentary Leonidas Belgian Chocolate with all beverages.\n "])])," ",t._h("md-card-content",[t._h("h3",{staticClass:"md-subheading"},["Today's availability"])," ",t._h("div",{staticClass:"card-reservation"},[t._h("md-icon",["access_time"])," ",t._h("md-button-toggle",{staticClass:"md-button-group",attrs:{type:"radio"}},[t._h("md-button",["5:30PM"])," ",t._h("md-button",["7:30PM"])," ",t._h("md-button",["9:00PM"])])])])," ",t._h("md-card-actions",[t._h("md-button",{staticClass:"md-primary"},["Reserve"])])])])])," ",t._h("div",{slot:"code"},[t._h("demo-example",{attrs:{label:"Regular Cards"}},[t._h("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 '])," ",t._h("code-block",{attrs:{lang:"xml"}},['\n\n \n \n
Title goes here
\n
Subtitle here
\n \n\n \n \n more_vert\n \n\n \n My Item 1\n My Item 2\n My Item 3\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 '])," ",t._h("code-block",{attrs:{lang:"xml"}},['\n\n \n People\n \n\n \n Lorem ipsum dolor sit amet, consectetur adipisicing elit. Optio itaque ea nostrum.\n \n\n '])," ",t._h("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 '])])," ",t._h("demo-example",{attrs:{label:"Hover Effect"}},[t._h("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 '])," ",t._h("code-block",{attrs:{lang:"xml"}},['\n\n \n People\n \n\n \n \n favorite\n \n\n \n bookmark\n \n\n \n share\n \n \n\n '])," ",t._h("code-block",{attrs:{lang:"xml"}},['\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 '])])," ",t._h("demo-example",{attrs:{label:"Image cover with predefined aspect ratio"}},[t._h("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 '])," ",t._h("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 '])])," ",t._h("demo-example",{attrs:{label:"Media"}},[t._h("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 '])," ",t._h("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 '])," ",t._h("code-block",{attrs:{lang:"xml"}},['\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 '])," ",t._h("code-block",{attrs:{lang:"xml"}},['\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 '])])," ",t._h("demo-example",{attrs:{label:"Full control"}},[t._h("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 '])," ",t._h("code-block",{attrs:{lang:"xml"}},['\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 '])," ",t._h("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 '])])])," ",t._h("div",{slot:"api"})])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this;return t._h("section",{staticClass:"single-page-section"},[t._h("h2",{staticClass:"md-headline"},[t._h("md-icon",["keyboard_arrow_right"])," "+t._s(t.label)])," ",t._t("default")])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this;return t._h("demo-page",{attrs:{label:"Components - Sidenav"}},[t._h("div",{slot:"examples"},[t._h("demo-example",{attrs:{label:"Default",size:"2"}},[t._h("div",{staticClass:"phone-viewport"},[t._h("md-toolbar",[t._h("md-button",{staticClass:"md-icon-button",on:{click:t.toggleLeftSidenav}},[t._h("md-icon",["menu"])])," ",t._h("h2",{staticClass:"md-title"},["My App"])])," ",t._h("div",[t._h("md-button",{staticClass:"md-raised md-accent",on:{click:t.toggleRightSidenav}},["Toggle right"])," ",t._h("p",["Open console to see the events"])])," ",t._h("md-sidenav",{ref:"leftSidenav",staticClass:"md-left",on:{open:function(e){t.open("Left")},close:function(e){t.close("Left")}}},[t._h("md-toolbar",{staticClass:"md-large"},[t._h("div",{staticClass:"md-toolbar-container"},[t._h("h3",{staticClass:"md-title"},["Sidenav content"])])])," ",t._h("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!"])])," ",t._h("md-sidenav",{ref:"rightSidenav",staticClass:"md-right",on:{open:function(e){t.open("Right")},close:function(e){t.close("Right")}}},[t._h("md-toolbar",[t._h("div",{staticClass:"md-toolbar-container"},[t._h("h3",{staticClass:"md-title"},["Sidenav content"])])])," ",t._h("md-button",{staticClass:"md-raised md-accent",on:{click:t.closeRightSidenav}},["Close"])])])])])," ",t._h("div",{slot:"code"},[t._h("demo-example",{attrs:{label:"Default"}},[t._h("code-block",{attrs:{lang:"xml"}},['\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 '])," ",t._h("code-block",{attrs:{lang:"javascript"}},["\nexport 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 "])])])," ",t._h("div",{slot:"api"})])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this;return t._h("demo-page",{attrs:{label:"Components - Avatar"}},[t._h("div",{slot:"examples"},[t._h("demo-example",{attrs:{label:"Default",size:"2"}},[t._h("md-avatar",[t._h("img",{attrs:{src:"//placeimg.com/40/40/people/1",alt:"People"}})])," ",t._h("md-avatar",{staticClass:"md-avatar-icon"},[t._h("md-icon",["home"])])," ",t._h("md-avatar",{staticClass:"md-avatar-icon md-primary"},[t._h("md-icon",["folder"])])," ",t._h("md-avatar",{staticClass:"md-avatar-icon md-accent"},[t._h("md-icon",["favorite"])])," ",t._h("md-avatar",{staticClass:"md-avatar-icon md-warn"},[t._h("md-icon",["notes"])])])," ",t._h("demo-example",{attrs:{label:"Large",size:"2"}},[t._h("md-avatar",{staticClass:"md-large"},[t._h("img",{attrs:{src:"//placeimg.com/64/64/people/2",alt:"People"}})])," ",t._h("md-avatar",{staticClass:"md-avatar-icon md-large"},[t._h("md-icon",["home"])])," ",t._h("md-avatar",{staticClass:"md-avatar-icon md-large md-primary"},[t._h("md-icon",["folder"])])," ",t._h("md-avatar",{staticClass:"md-avatar-icon md-large md-accent"},[t._h("md-icon",["favorite"])])," ",t._h("md-avatar",{staticClass:"md-avatar-icon md-large md-warn"},[t._h("md-icon",["notes"])])])])," ",t._h("div",{slot:"code"},[t._h("demo-example",{attrs:{label:"Default"}},[t._h("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 '])])," ",t._h("demo-example",{attrs:{label:"Large"}},[t._h("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 '])])])," ",t._h("div",{slot:"api"})])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this;return t._h("div",{staticClass:"md-card-actions"},[t._t("default")])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this;return t._h("single-page",{staticClass:"single-page-home",attrs:{label:"Themes - Configuration"}})},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this;return t._h("demo-page",{attrs:{label:"Components - Toolbar"}},[t._h("div",{slot:"examples"},[t._h("demo-example",{attrs:{label:"Default"}},[t._h("md-toolbar",[t._h("md-button",{staticClass:"md-icon-button"},[t._h("md-icon",["menu"])])," ",t._h("h2",{staticClass:"md-title",staticStyle:{flex:"1"}},["Vue Material"])," ",t._h("md-button",{staticClass:"md-icon-button"},[t._h("md-icon",["favorite"])])])])," ",t._h("demo-example",{attrs:{label:"Dense"}},[t._h("md-toolbar",{staticClass:"md-dense"},[t._h("md-button",{staticClass:"md-icon-button"},[t._h("md-icon",["menu"])])," ",t._h("h2",{staticClass:"md-title",staticStyle:{flex:"1"}},["Vue Material"])," ",t._h("md-button",{staticClass:"md-icon-button"},[t._h("md-icon",["favorite"])])])])," ",t._h("demo-example",{attrs:{label:"Medium"}},[t._h("md-toolbar",{staticClass:"md-medium"},[t._h("div",{staticClass:"md-toolbar-container"},[t._h("md-button",{staticClass:"md-icon-button"},[t._h("md-icon",["menu"])])," ",t._h("h2",{staticClass:"md-title",staticStyle:{flex:"1"}},["Vue Material"])," ",t._h("md-button",{staticClass:"md-icon-button"},[t._h("md-icon",["search"])])," ",t._h("md-button",{staticClass:"md-icon-button"},[t._h("md-icon",["filter_list"])])])])])," ",t._h("demo-example",{attrs:{label:"Large"}},[t._h("md-toolbar",{staticClass:"md-large"},[t._h("div",{staticClass:"md-toolbar-container"},[t._h("md-button",{staticClass:"md-icon-button"},[t._h("md-icon",["menu"])])," ",t._h("span",{staticStyle:{flex:"1"}})," ",t._h("md-button",{staticClass:"md-icon-button"},[t._h("md-icon",["search"])])," ",t._h("md-button",{staticClass:"md-icon-button"},[t._h("md-icon",["filter_list"])])])," ",t._h("div",{staticClass:"md-toolbar-container"},[t._h("h2",{staticClass:"md-title"},["Vue Material"])])])])," ",t._h("demo-example",{attrs:{label:"Accent, Warn and Transparent Colors"}},[t._h("md-toolbar",{staticClass:"md-accent"},[t._h("md-button",{staticClass:"md-icon-button"},[t._h("md-icon",["menu"])])," ",t._h("h2",{staticClass:"md-title",staticStyle:{flex:"1"}},["Vue Material"])," ",t._h("md-button",{staticClass:"md-icon-button"},[t._h("md-icon",["favorite"])])])," ",t._h("md-toolbar",{staticClass:"md-warn"},[t._h("md-button",{staticClass:"md-icon-button"},[t._h("md-icon",["menu"])])," ",t._h("h2",{staticClass:"md-title",staticStyle:{flex:"1"}},["Vue Material"])," ",t._h("md-button",["Add"])," ",t._h("md-button",["Remove"])])," ",t._h("md-toolbar",{staticClass:"md-transparent"},[t._h("md-button",{staticClass:"md-icon-button"},[t._h("md-icon",["menu"])])," ",t._h("h2",{staticClass:"md-title",staticStyle:{flex:"1"}},["Vue Material"])," ",t._h("md-button",{staticClass:"md-raised"},["Add"])," ",t._h("md-button",{staticClass:"md-raised md-warn"},["Remove"])])])," ",t._h("demo-example",{attrs:{label:"Themed"}},[t._h("md-toolbar",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"green",expression:"'green'"}]},[t._h("md-button",{staticClass:"md-icon-button"},[t._h("md-icon",["menu"])])," ",t._h("h2",{staticClass:"md-title",staticStyle:{flex:"1"}},["Vue Material"])," ",t._h("md-button",{staticClass:"md-icon-button"},[t._h("md-icon",["favorite"])])])," ",t._h("md-toolbar",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"brown",expression:"'brown'"}],staticClass:"md-large"},[t._h("div",{staticClass:"md-toolbar-container"},[t._h("md-button",{staticClass:"md-icon-button"},[t._h("md-icon",["menu"])])," ",t._h("span",{staticStyle:{flex:"1"}})," ",t._h("md-button",{staticClass:"md-icon-button"},[t._h("md-icon",["search"])])," ",t._h("md-button",{staticClass:"md-icon-button"},[t._h("md-icon",["filter_list"])])])," ",t._h("div",{staticClass:"md-toolbar-container"},[t._h("h2",{staticClass:"md-title"},["Vue Material"])])])," ",t._h("md-toolbar",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"orange",expression:"'orange'"}]},[t._h("md-button",{staticClass:"md-icon-button"},[t._h("md-icon",["menu"])])," ",t._h("h2",{staticClass:"md-title",staticStyle:{flex:"1"}},["Vue Material"])," ",t._h("md-button",["Add"])," ",t._h("md-button",["Remove"])])," ",t._h("md-toolbar",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"blue",expression:"'blue'"}]},[t._h("md-button",{staticClass:"md-icon-button"},[t._h("md-icon",["menu"])])," ",t._h("h2",{staticClass:"md-title",staticStyle:{flex:"1"}},["Vue Material"])," ",t._h("md-button",{staticClass:"md-raised"},["Add"])," ",t._h("md-button",{staticClass:"md-raised md-warn"},["Remove"])])])," ",t._h("demo-example",{staticClass:"example",attrs:{label:"Complete Example"}},[t._h("md-toolbar",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"green",expression:"'green'"}],staticClass:"md-large"},[t._h("div",{staticClass:"md-toolbar-container"},[t._h("md-button",{staticClass:"md-icon-button"},[t._h("md-icon",["menu"])])," ",t._h("span",{staticStyle:{flex:"1"}})," ",t._h("md-button",{staticClass:"md-icon-button"},[t._h("md-icon",["search"])])," ",t._h("md-button",{staticClass:"md-icon-button"},[t._h("md-icon",["filter_list"])])])," ",t._h("div",{staticClass:"md-toolbar-container"},[t._h("h2",{staticClass:"md-title"},["Vue Material"])," ",t._h("md-button",{staticClass:"md-fab md-fab-bottom-right"},[t._h("md-icon",["add"])])])])])])," ",t._h("div",{slot:"code"},[t._h("demo-example",{attrs:{label:"Default"}},[t._h("code-block",{attrs:{lang:"xml"}},['\n\n \n menu\n \n\n

Vue Material

\n\n \n favorite\n \n\n '])])," ",t._h("demo-example",{attrs:{label:"Dense"}},[t._h("code-block",{attrs:{lang:"xml"}},['\n\n \n menu\n \n\n

Vue Material

\n\n \n favorite\n \n\n '])])," ",t._h("demo-example",{attrs:{label:"Medium"}},[t._h("code-block",{attrs:{lang:"xml"}},['\n\n
\n \n menu\n \n\n

Vue Material

\n\n \n search\n \n\n \n filter_list\n \n
\n\n '])])," ",t._h("demo-example",{attrs:{label:"Large"}},[t._h("code-block",{attrs:{lang:"xml"}},['\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 '])])," ",t._h("demo-example",{attrs:{label:"Accent, Warn and Transparent Colors"}},[t._h("code-block",{attrs:{lang:"xml"}},['\n\n \n menu\n \n\n

Vue Material

\n\n \n favorite\n \n\n '])," ",t._h("code-block",{attrs:{lang:"xml"}},['\n\n \n menu\n \n\n

Vue Material

\n\n Add\n Remove\n\n '])," ",t._h("code-block",{attrs:{lang:"xml"}},['\n\n \n menu\n \n\n

Vue Material

\n\n Add\n Remove\n\n '])])," ",t._h("demo-example",{attrs:{label:"Themed"}},[t._h("code-block",{attrs:{lang:"xml"}},['\n\n \n menu\n \n\n

Vue Material

\n\n \n favorite\n \n\n '])," ",t._h("code-block",{attrs:{lang:"xml"}},['\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 '])," ",t._h("code-block",{ -attrs:{lang:"xml"}},['\n\n \n menu\n \n\n

Vue Material

\n\n Add\n Remove\n\n '])," ",t._h("code-block",{attrs:{lang:"xml"}},['\n\n \n menu\n \n\n

Vue Material

\n\n Add\n Remove\n\n '])])," ",t._h("demo-example",{staticClass:"example",attrs:{label:"Complete Example"}},[t._h("code-block",{attrs:{lang:"xml"}},['\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 add\n \n
\n \n
\n '])," ",t._h("code-block",{attrs:{lang:"scss"}},["\n.example {\n .md-button.md-fab {\n margin: 0;\n right: 56px;\n bottom: -26px;\n }\n\n .md-toolbar {\n margin-bottom: 50px;\n }\n}\n "])])])," ",t._h("div",{slot:"api"})])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this;return t._h("div",{staticClass:"page-content single-page"},[t._h("md-whiteframe",{staticClass:"main-header",attrs:{"md-elevation":"1"}},[t._h("md-toolbar",[t._h("md-button",{staticClass:"md-icon-button",on:{click:t.toggleSidenav}},[t._h("md-icon",["menu"])])," ",t._h("div",{staticClass:"md-title"},[t._h("span",{staticClass:"page-title"},[t._s(t.label)])])," ",t._h("md-button",{staticClass:"md-icon-button github-button",attrs:{href:"https://github.com/marcosmoura/vue-material",target:"_blank",rel:"noopener"}},[t._h("svg",{attrs:{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 1024 1024"}},[t._h("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._h("div",{staticClass:"single-page-content"},[t._t("default")])])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this;return t._h("demo-page",{attrs:{label:"Components - Select"}},[t._h("div",{slot:"examples"},[t._h("demo-example",{attrs:{label:"Default",height:"350"}},[t._h("div",{staticClass:"field-group"},[t._h("md-input-container",[t._h("label",{attrs:{for:"movie"}},["Movie"])," ",t._h("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}}},[t._h("md-option",{attrs:{value:"fight_club"}},["Fight Club"])," ",t._h("md-option",{attrs:{value:"godfather"}},["Godfather"])," ",t._h("md-option",{attrs:{value:"godfather_ii"}},["Godfather II"])," ",t._h("md-option",{attrs:{value:"godfather_iii"}},["Godfather III"])," ",t._h("md-option",{attrs:{value:"godfellas"}},["Godfellas"])," ",t._h("md-option",{attrs:{value:"pulp_fiction"}},["Pulp Fiction"])," ",t._h("md-option",{attrs:{value:"scarface"}},["Scarface"])])])," ",t._h("md-input-container",[t._h("label",{attrs:{for:"country"}},["Country"])," ",t._h("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}}},[t._h("md-option",{attrs:{value:"australia"}},["Australia"])," ",t._h("md-option",{attrs:{value:"brazil"}},["Brazil"])," ",t._h("md-option",{attrs:{value:"japan"}},["Japan"])," ",t._h("md-option",{attrs:{value:"united_states"}},["United States"])])])," ",t._h("md-input-container",[t._h("label",{attrs:{for:"font"}},["Font"])," ",t._h("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}}},[t._h("md-option",{attrs:{value:"arial"}},["Arial"])," ",t._h("md-option",{attrs:{value:"calibri"}},["Calibri"])," ",t._h("md-option",{attrs:{value:"cambria"}},["Cambria"])," ",t._h("md-option",{attrs:{value:"comic_sans"}},["Comic Sans"])," ",t._h("md-option",{attrs:{value:"consolas"}},["Consolas"])," ",t._h("md-option",{attrs:{value:"courier"}},["Courier"])," ",t._h("md-option",{attrs:{value:"droid_sans"}},["Droid Sans"])," ",t._h("md-option",{attrs:{value:"georgia"}},["Georgia"])," ",t._h("md-option",{attrs:{value:"helvetica"}},["Helvetica"])," ",t._h("md-option",{attrs:{value:"impact"}},["Impact"])," ",t._h("md-option",{attrs:{value:"roboto"}},["Roboto"])," ",t._h("md-option",{attrs:{value:"segoe_ui"}},["Segoe UI"])," ",t._h("md-option",{attrs:{value:"times_new_roman"}},["Times New Roman"])," ",t._h("md-option",{attrs:{value:"ubuntu"}},["Ubuntu"])," ",t._h("md-option",{attrs:{value:"verdana"}},["Verdana"])])])])," ",t._h("md-button",{staticClass:"md-raised md-primary",on:{click:t.setPulpFiction}},["Set Pulp Fiction"])])," ",t._h("demo-example",{attrs:{label:"Groups & Multiple",height:"350"}},[t._h("div",{staticClass:"field-group"},[t._h("md-input-container",[t._h("label",{attrs:{for:"food"}},["Food"])," ",t._h("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}}},[t._h("md-subheader",["Fruits"])," ",t._h("md-option",{attrs:{value:"apples"}},["Apples"])," ",t._h("md-option",{attrs:{value:"bananas"}},["Bananas"])," ",t._h("md-option",{attrs:{value:"peaches"}},["Peaches"])," ",t._h("md-option",{attrs:{value:"oranges"}},["Oranges"])," ",t._h("md-subheader",["Vegetables"])," ",t._h("md-option",{attrs:{value:"carrots"}},["Carrots"])," ",t._h("md-option",{attrs:{value:"cucumbers"}},["Cucumbers"])," ",t._h("md-subheader",["Baked Goods"])," ",t._h("md-option",{attrs:{value:"apple_pie"}},["Apple Pie"])," ",t._h("md-option",{attrs:{value:"chocolate_cake"}},["Chocolate Cake"])])])," ",t._h("md-input-container",[t._h("label",{attrs:{for:"users"}},["Users"])," ",t._h("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}}},[t._h("md-subheader",["Managers"])," ",t._h("md-option",{attrs:{value:"jim_halpert"}},["Jim Halpert"])," ",t._h("md-option",{attrs:{value:"dwight_schrute"}},["Dwight Schrute"])," ",t._h("md-option",{attrs:{value:"michael_scott"}},["Michael Scott"])," ",t._h("md-subheader",["Employees"])," ",t._h("md-option",{attrs:{value:"pam_beesly"}},["Pam Beesly"])," ",t._h("md-option",{attrs:{value:"angela_martin"}},["Angela Martin"])," ",t._h("md-option",{attrs:{value:"kelly_kapoor"}},["Kelly Kapoor"])," ",t._h("md-option",{attrs:{value:"ryan_howard"}},["Ryan Howard"])," ",t._h("md-option",{attrs:{value:"kevin_malone"}},["Kevin Malone"])," ",t._h("md-option",{attrs:{value:"creed_bratton"}},["Creed Bratton"])," ",t._h("md-option",{attrs:{value:"oscar_nunez"}},["Oscar Nunez"])," ",t._h("md-option",{attrs:{value:"toby_flenderson"}},["Toby Flenderson"])," ",t._h("md-option",{attrs:{value:"stanley_hudson"}},["Stanley Hudson"])," ",t._h("md-option",{attrs:{value:"meredith_palmer"}},["Meredith Palmer"])," ",t._h("md-option",{attrs:{value:"phyllis_lapin_vance"}},["Phyllis Lapin-Vance"])])])]),"\n\n "+t._s(t.users)+"\n "])])," ",t._h("div",{slot:"code"},[t._h("demo-example",{attrs:{label:"Default"}},[t._h("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 '])])," ",t._h("demo-example",{attrs:{label:"Groups"}},[t._h("code-block",{attrs:{lang:"xml"}},['\n
\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 '])])])," ",t._h("div",{slot:"api"})])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this;return t._h("div",{staticClass:"md-switch",class:t.classes},[t._h("div",{staticClass:"md-switch-container",on:{click:t.toggleSwitch}},[t._h("div",{directives:[{name:"md-ink-ripple",rawName:"v-md-ink-ripple",value:t.disabled,expression:"disabled"}],staticClass:"md-switch-thumb",style:t.styles},[t._h("input",{attrs:{type:"checkbox",name:t.name,id:t.id,disabled:t.disabled},domProps:{value:t.value}})," ",t._h("button",{staticClass:"md-switch-holder",attrs:{type:t.type}})])])," ",t.$slots.default?t._h("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;return t._h("div",{staticClass:"md-table-pagination"},[t._h("span",{staticClass:"md-table-pagination-label"},[t._s(t.mdLabel)+":"])," ",t.mdPageOptions?t._h("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(e){return t._h("md-option",{attrs:{value:e}},[t._s(e)])})]):t._e()," ",t._h("span",[t._s((t.currentSize-t.currentSize+1)*t.currentPage)+"-"+t._s(t.currentSize)+" "+t._s(t.mdSeparator)+" "+t._s(t.mdTotal)])," ",t._h("md-button",{staticClass:"md-icon-button md-table-pagination-previous",attrs:{disabled:1===t.currentPage},on:{click:t.changePage}},[t._h("md-icon",["keyboard_arrow_left"])])," ",t._h("md-button",{staticClass:"md-icon-button md-table-pagination-next",attrs:{disabled:t.currentSize*t.currentPage>=t.mdTotal},on:{click:t.changePage}},[t._h("md-icon",["keyboard_arrow_right"])])])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this;return t._h("demo-page",{attrs:{label:"Components - List"}},[t._h("div",{slot:"examples"},[t._h("demo-example",{attrs:{label:"Single Line"}},[t._h("div",{staticClass:"phone-viewport"},[t._h("md-list",[t._h("md-list-item",[t._h("md-icon",["move_to_inbox"])," ",t._h("span",["Inbox"])])," ",t._h("md-list-item",[t._h("md-icon",["send"])," ",t._h("span",["Sent Mail"])])," ",t._h("md-list-item",[t._h("md-icon",["delete"])," ",t._h("span",["Trash"])])," ",t._h("md-list-item",[t._h("md-icon",["error"])," ",t._h("span",["Spam"])," ",t._h("md-divider",{staticClass:"md-inset"})])," ",t._h("md-list-item",[t._h("md-avatar",[t._h("img",{attrs:{src:"https://placeimg.com/40/40/people/5",alt:"People"}})])," ",t._h("span",["Abbey Christansen"])," ",t._h("md-button",{staticClass:"md-icon-button md-list-action"},[t._h("md-icon",{staticClass:"md-primary"},["chat_bubble"])])])," ",t._h("md-list-item",[t._h("md-avatar",[t._h("img",{attrs:{src:"https://placeimg.com/40/40/people/1",alt:"People"}})])," ",t._h("span",["Alex Nelson"])," ",t._h("md-button",{staticClass:"md-icon-button md-list-action"},[t._h("md-icon",{staticClass:"md-primary"},["chat_bubble"])])])," ",t._h("md-list-item",[t._h("md-avatar",[t._h("img",{attrs:{src:"https://placeimg.com/40/40/people/6",alt:"People"}})])," ",t._h("span",["Mary Johnson"])," ",t._h("md-button",{staticClass:"md-icon-button md-list-action"},[t._h("md-icon",["chat_bubble"])])])])])," ",t._h("div",{staticClass:"phone-viewport"},[t._h("md-list",{staticClass:"md-dense"},[t._h("md-list-item",[t._h("md-icon",["move_to_inbox"])," ",t._h("span",["Inbox"])])," ",t._h("md-list-item",[t._h("md-icon",["send"])," ",t._h("span",["Sent Mail"])])," ",t._h("md-list-item",[t._h("md-icon",["delete"])," ",t._h("span",["Trash"])])," ",t._h("md-list-item",[t._h("md-icon",["error"])," ",t._h("span",["Spam"])," ",t._h("md-divider",{staticClass:"md-inset"})])," ",t._h("md-list-item",[t._h("md-avatar",[t._h("img",{attrs:{src:"https://placeimg.com/40/40/people/5",alt:"People"}})])," ",t._h("span",["Abbey Christansen"])," ",t._h("md-button",{staticClass:"md-icon-button md-list-action"},[t._h("md-icon",{staticClass:"md-primary"},["chat_bubble"])])])," ",t._h("md-list-item",[t._h("md-avatar",[t._h("img",{attrs:{src:"https://placeimg.com/40/40/people/1",alt:"People"}})])," ",t._h("span",["Alex Nelson"])," ",t._h("md-button",{staticClass:"md-icon-button md-list-action"},[t._h("md-icon",{staticClass:"md-primary"},["chat_bubble"])])])," ",t._h("md-list-item",[t._h("md-avatar",[t._h("img",{attrs:{src:"https://placeimg.com/40/40/people/6",alt:"People"}})])," ",t._h("span",["Mary Johnson"])," ",t._h("md-button",{staticClass:"md-icon-button md-list-action"},[t._h("md-icon",["chat_bubble"])])])])])])," ",t._h("demo-example",{attrs:{label:"Double Line"}},[t._h("div",{staticClass:"phone-viewport"},[t._h("md-list",{staticClass:"md-double-line"},[t._h("md-list-item",[t._h("md-icon",{staticClass:"md-primary"},["phone"])," ",t._h("div",{staticClass:"md-list-text-container"},[t._h("span",["(650) 555-1234"])," ",t._h("span",["Mobile"])])," ",t._h("md-button",{staticClass:"md-icon-button md-list-action"},[t._h("md-icon",["sms"])])])," ",t._h("md-list-item",{staticClass:"md-inset"},[t._h("div",{staticClass:"md-list-text-container"},[t._h("span",["(650) 555-1234"])," ",t._h("span",["Mobile"])])," ",t._h("md-divider",{staticClass:"md-inset"})])," ",t._h("md-list-item",[t._h("md-icon",{staticClass:"md-primary"},["email"])," ",t._h("div",{staticClass:"md-list-text-container"},[t._h("span",["aliconnors@example.com"])," ",t._h("span",["Personal"])])," ",t._h("md-button",{staticClass:"md-icon-button md-list-action"},[t._h("md-icon",["sms"])])])," ",t._h("md-list-item",{staticClass:"md-inset"},[t._h("div",{staticClass:"md-list-text-container"},[t._h("span",["ali_connors@example.com"])," ",t._h("span",["Work"])])])])])," ",t._h("div",{staticClass:"phone-viewport"},[t._h("md-list",{staticClass:"md-double-line md-dense"},[t._h("md-list-item",[t._h("md-icon",{staticClass:"md-primary"},["phone"])," ",t._h("div",{staticClass:"md-list-text-container"},[t._h("span",["(650) 555-1234"])," ",t._h("span",["Mobile"])])," ",t._h("md-button",{staticClass:"md-icon-button md-list-action"},[t._h("md-icon",["sms"])])])," ",t._h("md-list-item",{staticClass:"md-inset"},[t._h("div",{staticClass:"md-list-text-container"},[t._h("span",["(650) 555-1234"])," ",t._h("span",["Mobile"])])," ",t._h("md-divider",{staticClass:"md-inset"})])," ",t._h("md-list-item",[t._h("md-icon",{staticClass:"md-primary"},["email"])," ",t._h("div",{staticClass:"md-list-text-container"},[t._h("span",["aliconnors@example.com"])," ",t._h("span",["Personal"])])," ",t._h("md-button",{staticClass:"md-icon-button md-list-action"},[t._h("md-icon",["sms"])])])," ",t._h("md-list-item",{staticClass:"md-inset"},[t._h("div",{staticClass:"md-list-text-container"},[t._h("span",["ali_connors@example.com"])," ",t._h("span",["Work"])])])])])])," ",t._h("demo-example",{attrs:{label:"Triple Line"}},[t._h("div",{staticClass:"phone-viewport"},[t._h("md-list",{staticClass:"custom-list md-triple-line"},[t._h("md-list-item",[t._h("md-avatar",[t._h("img",{attrs:{src:"https://placeimg.com/40/40/people/1",alt:"People"}})])," ",t._h("div",{staticClass:"md-list-text-container"},[t._h("span",["Ali Connors"])," ",t._h("span",["Brunch this weekend?"])," ",t._h("p",["I'll be in your neighborhood doing errands..."])])," ",t._h("md-button",{staticClass:"md-icon-button md-list-action"},[t._h("md-icon",{staticClass:"md-primary"},["star"])])," ",t._h("md-divider",{staticClass:"md-inset"})])," ",t._h("md-list-item",[t._h("md-avatar",[t._h("img",{attrs:{src:"https://placeimg.com/40/40/people/6",alt:"People"}})])," ",t._h("div",{staticClass:"md-list-text-container"},[t._h("span",["me, Scott, Jennifer"])," ",t._h("span",["Summer BBQ"])," ",t._h("p",["Wish I could come, but I'm out of town ..."])])," ",t._h("md-button",{staticClass:"md-icon-button md-list-action"},[t._h("md-icon",["star_border"])])," ",t._h("md-divider",{staticClass:"md-inset"})])," ",t._h("md-list-item",[t._h("md-avatar",[t._h("img",{attrs:{src:"https://placeimg.com/40/40/people/5",alt:"People"}})])," ",t._h("div",{staticClass:"md-list-text-container"},[t._h("span",["Sandra Adams"])," ",t._h("span",["Oui oui"])," ",t._h("p",["Do you have Paris recommendations ..."])])," ",t._h("md-button",{staticClass:"md-icon-button md-list-action"},[t._h("md-icon",["star_border"])])," ",t._h("md-divider",{staticClass:"md-inset"})])," ",t._h("md-list-item",[t._h("md-avatar",[t._h("img",{attrs:{src:"https://placeimg.com/40/40/people/8",alt:"People"}})])," ",t._h("div",{staticClass:"md-list-text-container"},[t._h("span",["Trevor Hansen"])," ",t._h("span",["Order confirmation"])," ",t._h("p",["Thank you for your recent order from ..."])])," ",t._h("md-button",{staticClass:"md-icon-button md-list-action"},[t._h("md-icon",["star_border"])])," ",t._h("md-divider",{staticClass:"md-inset"})])])])," ",t._h("div",{staticClass:"phone-viewport"},[t._h("md-list",{staticClass:"custom-list md-triple-line md-dense"},[t._h("md-list-item",[t._h("md-avatar",[t._h("img",{attrs:{src:"https://placeimg.com/40/40/people/1",alt:"People"}})])," ",t._h("div",{staticClass:"md-list-text-container"},[t._h("span",["Ali Connors"])," ",t._h("span",["Brunch this weekend?"])," ",t._h("p",["I'll be in your neighborhood doing errands..."])])," ",t._h("md-button",{staticClass:"md-icon-button md-list-action"},[t._h("md-icon",{staticClass:"md-primary"},["star"])])," ",t._h("md-divider",{staticClass:"md-inset"})])," ",t._h("md-list-item",[t._h("md-avatar",[t._h("img",{attrs:{src:"https://placeimg.com/40/40/people/6",alt:"People"}})])," ",t._h("div",{staticClass:"md-list-text-container"},[t._h("span",["me, Scott, Jennifer"])," ",t._h("span",["Summer BBQ"])," ",t._h("p",["Wish I could come, but I'm out of town ..."])])," ",t._h("md-button",{staticClass:"md-icon-button md-list-action"},[t._h("md-icon",["star_border"])])," ",t._h("md-divider",{staticClass:"md-inset"})])," ",t._h("md-list-item",[t._h("md-avatar",[t._h("img",{attrs:{src:"https://placeimg.com/40/40/people/5",alt:"People"}})])," ",t._h("div",{staticClass:"md-list-text-container"},[t._h("span",["Sandra Adams"])," ",t._h("span",["Oui oui"])," ",t._h("p",["Do you have Paris recommendations ..."])])," ",t._h("md-button",{staticClass:"md-icon-button md-list-action"},[t._h("md-icon",["star_border"])])," ",t._h("md-divider",{staticClass:"md-inset"})])," ",t._h("md-list-item",[t._h("md-avatar",[t._h("img",{attrs:{src:"https://placeimg.com/40/40/people/8",alt:"People"}})])," ",t._h("div",{staticClass:"md-list-text-container"},[t._h("span",["Trevor Hansen"])," ",t._h("span",["Order confirmation"])," ",t._h("p",["Thank you for your recent order from ..."])])," ",t._h("md-button",{staticClass:"md-icon-button md-list-action"},[t._h("md-icon",["star_border"])])," ",t._h("md-divider",{staticClass:"md-inset"})])])])])," ",t._h("demo-example",{attrs:{label:"Expansion List"}},[t._h("div",{staticClass:"phone-viewport"},[t._h("md-list",[t._h("md-list-item",[t._h("md-icon",["whatshot"])," ",t._h("span",["News"])," ",t._h("md-list-expand",[t._h("md-list",[t._h("md-list-item",{staticClass:"md-inset"},["World"])," ",t._h("md-list-item",{staticClass:"md-inset"},["Americas"])," ",t._h("md-list-item",{staticClass:"md-inset"},["Europe"])])])])," ",t._h("md-list-item",[t._h("md-icon",["videogame_asset"])," ",t._h("span",["Games"])," ",t._h("md-list-expand",[t._h("md-list",[t._h("md-list-item",{staticClass:"md-inset"},["Console"])," ",t._h("md-list-item",{staticClass:"md-inset"},["PC"])," ",t._h("md-list-item",{staticClass:"md-inset"},["Phone"])])])])," ",t._h("md-list-item",[t._h("md-icon",["video_library"])," ",t._h("span",["Video"])," ",t._h("md-list-expand",[t._h("md-list",[t._h("md-list-item",{staticClass:"md-inset"},["Humor"])," ",t._h("md-list-item",{staticClass:"md-inset"},["Music"])," ",t._h("md-list-item",{staticClass:"md-inset"},["Movies"])," ",t._h("md-list-item",{staticClass:"md-inset"},["TV Shows"])])])])," ",t._h("md-list-item",[t._h("md-icon",["shopping_basket"])," ",t._h("span",["Shop"])])])])])," ",t._h("demo-example",{attrs:{label:"Complete Example"}},[t._h("div",{staticClass:"phone-viewport complete-example"},[t._h("md-whiteframe",{attrs:{"md-elevation":"3"}},[t._h("md-toolbar",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"light-blue",expression:"'light-blue'"}],staticClass:"md-large"},[t._h("div",{staticClass:"md-toolbar-container"},[t._h("md-button",{staticClass:"md-icon-button",on:{click:t.toggleSidenav}},[t._h("md-icon",["menu"])])," ",t._h("span",{staticStyle:{flex:"1"}})," ",t._h("md-button",{staticClass:"md-icon-button"},[t._h("md-icon",["search"])])," ",t._h("md-button",{staticClass:"md-icon-button"},[t._h("md-icon",["view_module"])])])," ",t._h("div",{staticClass:"md-toolbar-container"},[t._h("h2",{staticClass:"md-title"},["My Files"])," ",t._h("md-button",{staticClass:"md-fab md-mini"},[t._h("md-icon",["add"])])])])])," ",t._h("md-list",{staticClass:"md-double-line"},[t._h("md-subheader",{staticClass:"md-inset"},["Folders"])," ",t._h("md-list-item",[t._h("md-avatar",{staticClass:"md-avatar-icon"},[t._h("md-icon",["folder"])])," ",t._h("div",{staticClass:"md-list-text-container"},[t._h("span",["Photos"])," ",t._h("p",["Jan 9, 2014"])])," ",t._h("md-button",{staticClass:"md-icon-button md-list-action"},[t._h("md-icon",["info"])])])," ",t._h("md-list-item",[t._h("md-avatar",{staticClass:"md-avatar-icon"},[t._h("md-icon",["folder"])])," ",t._h("div",{staticClass:"md-list-text-container"},[t._h("span",["Recipes"])," ",t._h("p",["Jan 17, 2014"])])," ",t._h("md-button",{staticClass:"md-icon-button md-list-action"},[t._h("md-icon",["info"])])])," ",t._h("md-list-item",[t._h("md-avatar",{staticClass:"md-avatar-icon"},[t._h("md-icon",["folder"])])," ",t._h("div",{staticClass:"md-list-text-container"},[t._h("span",["Work"])," ",t._h("p",["Jan 28, 2014"])])," ",t._h("md-button",{staticClass:"md-icon-button md-list-action"},[t._h("md-icon",["info"])])," ",t._h("md-divider",{staticClass:"md-inset"})])," ",t._h("md-subheader",{staticClass:"md-inset"},["Files"])," ",t._h("md-list-item",[t._h("md-avatar",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"blue",expression:"'blue'"}],staticClass:"md-avatar-icon md-primary"},[t._h("md-icon",["insert_drive_file"])])," ",t._h("div",{staticClass:"md-list-text-container"},[t._h("span",["Vacation Itinerary"])," ",t._h("p",["Jan 20, 2014"])])," ",t._h("md-button",{staticClass:"md-icon-button md-list-action"},[t._h("md-icon",["info"])])])," ",t._h("md-list-item",[t._h("md-avatar",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"orange",expression:"'orange'"}],staticClass:"md-avatar-icon md-primary"},[t._h("md-icon",["collections"])])," ",t._h("div",{staticClass:"md-list-text-container"},[t._h("span",["Kitchen Remodel"])," ",t._h("p",["Jan 10, 2014"])])," ",t._h("md-button",{staticClass:"md-icon-button md-list-action"},[t._h("md-icon",["info"])])])," ",t._h("md-list-item",[t._h("md-avatar",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"green",expression:"'green'"}],staticClass:"md-avatar-icon md-primary"},[t._h("md-icon",["view_list"])])," ",t._h("div",{staticClass:"md-list-text-container"},[t._h("span",["Grocery Shop"])," ",t._h("p",["Jan 10, 2014"])])," ",t._h("md-button",{staticClass:"md-icon-button md-list-action"},[t._h("md-icon",["info"])])])," ",t._h("md-list-item",[t._h("md-avatar",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"orange",expression:"'orange'"}],staticClass:"md-avatar-icon md-primary"},[t._h("md-icon",["collections"])])," ",t._h("div",{staticClass:"md-list-text-container"},[t._h("span",["Weekend Pictures"])," ",t._h("p",["Jan 10, 2014"])])," ",t._h("md-button",{staticClass:"md-icon-button md-list-action"},[t._h("md-icon",["info"])])])])," ",t._h("md-sidenav",{ref:"sidebar",staticClass:"md-left"},[t._h("md-toolbar",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"blue",expression:"'blue'"}],staticClass:"md-account-header"},[t._h("md-list",{staticClass:"md-transparent"},[t._h("md-list-item",{staticClass:"md-avatar-list"},[t._h("md-avatar",{staticClass:"md-large"},[t._h("img",{attrs:{src:"https://placeimg.com/64/64/people/8",alt:"People"}})])," ",t._h("span",{staticStyle:{flex:"1"}})," ",t._h("md-avatar",[t._h("img",{attrs:{src:"https://placeimg.com/40/40/people/3",alt:"People"}})])," ",t._h("md-avatar",[t._h("img",{attrs:{src:"https://placeimg.com/40/40/people/4",alt:"People"}})])])," ",t._h("md-list-item",[t._h("div",{staticClass:"md-list-text-container"},[t._h("span",["John Doe"])," ",t._h("span",["johndoe@email.com"])])," ",t._h("md-button",{staticClass:"md-icon-button md-list-action"},[t._h("md-icon",["arrow_drop_down"])])])])])," ",t._h("md-list",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"blue",expression:"'blue'"}]},[t._h("md-list-item",{staticClass:"md-primary",on:{click:t.toggleSidenav}},[t._h("md-icon",["insert_drive_file"])," ",t._h("span",["My files"])])," ",t._h("md-list-item",{on:{click:t.toggleSidenav}},[t._h("md-icon",["people"])," ",t._h("span",["Shared with me"])])," ",t._h("md-list-item",{on:{click:t.toggleSidenav}},[t._h("md-icon",["access_time"])," ",t._h("span",["Recent"])])," ",t._h("md-list-item",{on:{click:t.toggleSidenav}},[t._h("md-icon",["start"])," ",t._h("span",["Starred"])])," ",t._h("md-list-item",{on:{click:t.toggleSidenav}},[t._h("md-icon",["delete"])," ",t._h("span",["Trash"])])])])])])])," ",t._h("div",{slot:"code"},[t._h("demo-example",{attrs:{label:"Single Line"}},[t._h("code-block",{attrs:{lang:"xml"}},['\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 '])," ",t._h("code-block",{attrs:{lang:"xml"}},['\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 '])])," ",t._h("demo-example",{ -attrs:{label:"Double Line"}},[t._h("code-block",{attrs:{lang:"xml"}},['\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 '])," ",t._h("code-block",{attrs:{lang:"xml"}},['\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 '])])," ",t._h("demo-example",{attrs:{label:"Triple Line"}},[t._h("code-block",{attrs:{lang:"xml"}},['\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 '])," ",t._h("code-block",{attrs:{lang:"xml"}},['\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 '])," ",t._h("code-block",{attrs:{lang:"scss"}},["\n.custom-list {\n .md-list-action {\n position: absolute;\n top: 8px;\n right: 16px;\n pointer-events: auto;\n z-index: 2;\n }\n\n .md-icon {\n color: rgba(#000, .26);\n }\n}\n "])])," ",t._h("demo-example",{attrs:{label:"Expansion List"}},[t._h("code-block",{attrs:{lang:"xml"}},['\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 '])])," ",t._h("demo-example",{attrs:{label:"Complete Example"}},[t._h("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 '])," ",t._h("code-block",{attrs:{lang:"scss"}},["\n.complete-example {\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 box-shadow: $material-shadow-5dp;\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 "])," ",t._h("code-block",{attrs:{lang:"javascript"}},["\nexport default {\n methods: {\n toggleSidenav() {\n this.$refs.sidebar.toggle();\n }\n }\n};\n "])])])," ",t._h("div",{slot:"api"})])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this;return t._h("div",{ref:"tab",staticClass:"md-tab",attrs:{id:t.tabId}},[t._t("default")])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this;return t._h("div",{staticClass:"md-card-media-actions"},[t._t("default")])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this;return t._h("div",{staticClass:"md-checkbox",class:t.classes},[t._h("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)}}},[t._h("input",{attrs:{type:"checkbox",name:t.name,id:t.id,disabled:t.disabled,tabindex:"-1"},domProps:{value:t.value}})])," ",t.$slots.default?t._h("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;return t._h("single-page",{attrs:{label:"UI Elements - Typography"}},[t._h("div",[t._h("div",{staticClass:"column"},[t._h("code",[".md-display-4"])])," ",t._h("h1",{staticClass:"md-display-4"},["Display 4"])])," ",t._h("div",[t._h("div",{staticClass:"column"},[t._h("code",[".md-display-3"])])," ",t._h("h1",{staticClass:"md-display-3"},["Display 3"])])," ",t._h("div",[t._h("div",{staticClass:"column"},[t._h("code",[".md-display-2"])])," ",t._h("h1",{staticClass:"md-display-2"},["Display 2"])])," ",t._h("div",[t._h("div",{staticClass:"column"},[t._h("code",[".md-display-1"])])," ",t._h("h1",{staticClass:"md-display-1"},["Display 1"])])," ",t._h("div",[t._h("div",{staticClass:"column"},[t._h("code",[".md-headline"])])," ",t._h("h1",{staticClass:"md-headline"},["Headline"])])," ",t._h("div",[t._h("div",{staticClass:"column"},[t._h("code",[".md-title"])])," ",t._h("h1",{staticClass:"md-title"},["Title"])])," ",t._h("div",[t._h("div",{staticClass:"column"},[t._h("code",[".md-subheading"])])," ",t._h("h1",{staticClass:"md-subheading"},["Subheading"])])," ",t._h("div",[t._h("div",{staticClass:"column"},[t._h("code",[".md-body-2"])])," ",t._h("h1",{staticClass:"md-body-2"},["Body 2"])])," ",t._h("div",[t._h("div",{staticClass:"column"},[t._h("code",[".md-body-1"])])," ",t._h("h1",{staticClass:"md-body-1"},["Body 1"])])," ",t._h("div",[t._h("div",{staticClass:"column"},[t._h("code",[".md-caption"])])," ",t._h("h1",{staticClass:"md-caption"},["Caption"])])," ",t._h("div",[t._h("div",{staticClass:"column"},[t._h("code",["Link"])])," ",t._h("a",["Link"])])])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this;return t._h("demo-page",{attrs:{label:"Components - Button"}},[t._h("div",{slot:"examples"},[t._h("demo-example",{attrs:{label:"Flat"}},[t._h("md-button",{on:{click:t.disablePrimaryButton}},["Default"])," ",t._h("md-button",{staticClass:"md-primary",attrs:{disabled:t.buttonDisabled}},["Primary"])," ",t._h("md-button",{staticClass:"md-accent"},["Accent"])," ",t._h("md-button",{staticClass:"md-warn"},["Warn"])," ",t._h("md-button",{staticClass:"md-primary",attrs:{disabled:!t.buttonDisabled}},["Disabled"])," ",t._h("md-button",{staticClass:"md-dense"},["Dense"])])," ",t._h("demo-example",{attrs:{label:"Raised"}},[t._h("md-button",{staticClass:"md-raised",on:{click:t.disablePrimaryButton}},["Default"])," ",t._h("md-button",{staticClass:"md-raised md-primary",attrs:{disabled:t.buttonDisabled}},["Primary"])," ",t._h("md-button",{staticClass:"md-raised md-accent"},["Accent"])," ",t._h("md-button",{staticClass:"md-raised md-warn"},["Warn"])," ",t._h("md-button",{staticClass:"md-raised md-primary",attrs:{disabled:!t.buttonDisabled}},["Disabled"])," ",t._h("md-button",{staticClass:"md-raised md-dense"},["Dense"])])," ",t._h("demo-example",{attrs:{label:"Themed"}},[t._h("md-button",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"indigo",expression:"'indigo'"}],staticClass:"md-raised md-primary",on:{click:t.disablePrimaryButton}},["Indigo"])," ",t._h("md-button",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"teal",expression:"'teal'"}],staticClass:"md-raised md-primary",attrs:{disabled:t.buttonDisabled}},["Teal"])," ",t._h("md-button",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"green",expression:"'green'"}],staticClass:"md-raised md-primary"},["Green"])," ",t._h("md-button",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"white",expression:"'white'"}],staticClass:"md-raised md-primary"},["White"])," ",t._h("md-button",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"brown",expression:"'brown'"}],staticClass:"md-raised md-primary",attrs:{disabled:!t.buttonDisabled}},["Brown"])," ",t._h("md-button",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"orange",expression:"'orange'"}],staticClass:"md-raised md-primary md-dense"},["Orange"])])," ",t._h("demo-example",{attrs:{label:"Links"}},[t._h("md-button",{staticClass:"md-raised",attrs:{href:"#/components/button"},on:{click:t.disablePrimaryButton}},["Default"])," ",t._h("md-button",{staticClass:"md-raised md-primary",attrs:{href:"#/components/button",disabled:t.buttonDisabled}},["Primary"])," ",t._h("md-button",{staticClass:"md-raised md-accent",attrs:{href:"#/components/button"}},["Accent"])," ",t._h("md-button",{staticClass:"md-raised md-warn",attrs:{href:"#/components/button"}},["Warn"])," ",t._h("md-button",{staticClass:"md-raised md-primary",attrs:{href:"#/components/button",disabled:!t.buttonDisabled}},["Disabled"])," ",t._h("md-button",{staticClass:"md-raised md-dense",attrs:{href:"#/components/button"}},["Dense"])])," ",t._h("demo-example",{attrs:{label:"Icons - Flat"}},[t._h("md-button",{staticClass:"md-icon-button",on:{click:t.disablePrimaryButton}},[t._h("md-icon",["add"])])," ",t._h("md-button",{staticClass:"md-icon-button md-primary",attrs:{disabled:t.buttonDisabled}},[t._h("md-icon",["add"])])," ",t._h("md-button",{staticClass:"md-icon-button md-accent"},[t._h("md-icon",["add"])])," ",t._h("md-button",{staticClass:"md-icon-button md-warn"},[t._h("md-icon",["add"])])," ",t._h("md-button",{staticClass:"md-icon-button",attrs:{disabled:!t.buttonDisabled}},[t._h("md-icon",["add"])])," ",t._h("md-button",{staticClass:"md-icon-button md-dense"},[t._h("md-icon",["add"])])])," ",t._h("demo-example",{attrs:{label:"Icons - Raised"}},[t._h("md-button",{staticClass:"md-icon-button md-raised",on:{click:t.disablePrimaryButton}},[t._h("md-icon",["add"])])," ",t._h("md-button",{staticClass:"md-icon-button md-raised md-primary",attrs:{disabled:t.buttonDisabled}},[t._h("md-icon",["add"])])," ",t._h("md-button",{staticClass:"md-icon-button md-raised md-accent"},[t._h("md-icon",["add"])])," ",t._h("md-button",{staticClass:"md-icon-button md-raised md-warn"},[t._h("md-icon",["add"])])," ",t._h("md-button",{staticClass:"md-icon-button md-raised",attrs:{disabled:!t.buttonDisabled}},[t._h("md-icon",["add"])])," ",t._h("md-button",{staticClass:"md-icon-button md-raised md-dense"},[t._h("md-icon",["add"])])])," ",t._h("demo-example",{attrs:{label:"Floating Action Button",height:"360"}},[t._h("md-button",{staticClass:"md-fab md-fab-bottom-right"},[t._h("md-icon",["add"])])," ",t._h("md-button",{staticClass:"md-fab md-fab-bottom-left md-mini"},[t._h("md-icon",["add"])])," ",t._h("md-button",{staticClass:"md-fab"},[t._h("md-icon",["edit"])])," ",t._h("md-button",{staticClass:"md-fab md-mini"},[t._h("md-icon",["edit"])])," ",t._h("md-button",{staticClass:"md-fab md-primary"},[t._h("md-icon",["email"])])," ",t._h("md-button",{staticClass:"md-fab md-primary md-mini"},[t._h("md-icon",["email"])])," ",t._h("md-button",{staticClass:"md-fab md-warn"},[t._h("md-icon",["save"])])," ",t._h("md-button",{staticClass:"md-fab md-warn md-mini"},[t._h("md-icon",["save"])])," ",t._h("md-button",{staticClass:"md-fab md-clean"},[t._h("md-icon",["chat"])])," ",t._h("md-button",{staticClass:"md-fab md-clean md-mini"},[t._h("md-icon",["chat"])])," ",t._h("md-button",{staticClass:"md-fab",attrs:{disabled:""}},[t._h("md-icon",["message"])])," ",t._h("md-button",{staticClass:"md-fab md-mini",attrs:{disabled:""}},[t._h("md-icon",["message"])])])])," ",t._h("div",{slot:"code"},[t._h("demo-example",{attrs:{label:"Flat"}},[t._h("code-block",{attrs:{lang:"html"}},['\nDefault\nPrimary\nAccent\nWarn\nDisabled\nDense\n '])])," ",t._h("demo-example",{attrs:{label:"Raised"}},[t._h("code-block",{attrs:{lang:"xml"}},['\nDefault\nPrimary\nAccent\nWarn\nDisabled\nDense\n '])])," ",t._h("demo-example",{attrs:{label:"Themed"}},[t._h("code-block",{attrs:{lang:"xml"}},['\nIndigo\nTeal\nGreen\nWhite\nBrown\nOrange\n '])])," ",t._h("demo-example",{attrs:{label:"Links"}},[t._h("code-block",{attrs:{lang:"xml"}},['\nDefault\nPrimary\nAccent\nWarn\nDisabled\nDense\n '])])," ",t._h("demo-example",{attrs:{label:"Icons - Flat"}},[t._h("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 '])])," ",t._h("demo-example",{attrs:{label:"Icons - Raised"}},[t._h("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 '])])," ",t._h("demo-example",{attrs:{label:"Floating Action Button"}},[t._h("code-block",{attrs:{lang:"xml"}},['\n\n add\n\n\n\n add\n\n\n\n edit\n\n\n\n edit\n\n\n\n email\n\n\n\n email\n\n\n\n save\n\n\n\n save\n\n\n\n chat\n\n\n\n chat\n\n\n\n message\n\n\n\n message\n\n '])])])," ",t._h("div",{slot:"api"})])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this;return t._h("md-menu-item",{staticClass:"md-option",class:t.classes,attrs:{tabindex:"-1"},on:{click:t.selectOption}},[t.parentSelect.multiple?t._h("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}}},[t._h("span",{ref:"item"},[t._t("default")])]):t._h("span",{ref:"item"},[t._t("default")])," "])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this;return t._h("demo-page",{attrs:{label:"Components - Subheader"}},[t._h("div",{slot:"examples"},[t._h("demo-example",{attrs:{label:"With Lists"}},[t._h("div",{staticClass:"phone-viewport"},[t._h("md-list",[t._h("md-subheader",["Navigation"])," ",t._h("md-list-item",[t._h("md-icon",["move_to_inbox"])," ",t._h("span",["Inbox"])])," ",t._h("md-list-item",[t._h("md-icon",["send"])," ",t._h("span",["Outbox"])])," ",t._h("md-list-item",[t._h("md-icon",["delete"])," ",t._h("span",["Trash"])])," ",t._h("md-list-item",[t._h("md-icon",["error"])," ",t._h("span",["Spam"])," ",t._h("md-divider",{staticClass:"md-inset"})])," ",t._h("md-subheader",["Contacts"])," ",t._h("md-list-item",[t._h("md-avatar",[t._h("img",{attrs:{src:"https://placeimg.com/40/40/people/5",alt:"People"}})])," ",t._h("span",["Abbey Christansen"])," ",t._h("md-button",{staticClass:"md-icon-button md-list-action"},[t._h("md-icon",{staticClass:"md-primary"},["chat_bubble"])])])," ",t._h("md-list-item",[t._h("md-avatar",[t._h("img",{attrs:{src:"https://placeimg.com/40/40/people/1",alt:"People"}})])," ",t._h("span",["Alex Nelson"])," ",t._h("md-button",{staticClass:"md-icon-button md-list-action"},[t._h("md-icon",{staticClass:"md-primary"},["chat_bubble"])])])," ",t._h("md-list-item",[t._h("md-avatar",[t._h("img",{attrs:{src:"https://placeimg.com/40/40/people/6",alt:"People"}})])," ",t._h("span",["Mary Johnson"])," ",t._h("md-button",{staticClass:"md-icon-button md-list-action"},[t._h("md-icon",["chat_bubble"])])])])])," ",t._h("div",{staticClass:"phone-viewport"},[t._h("md-list",{staticClass:"custom-list md-triple-line"},[t._h("md-subheader",["Today"])," ",t._h("md-list-item",[t._h("md-avatar",[t._h("img",{attrs:{src:"https://placeimg.com/40/40/people/1",alt:"People"}})])," ",t._h("div",{staticClass:"md-list-text-container"},[t._h("span",["Ali Connors"])," ",t._h("span",["Brunch this weekend?"])," ",t._h("p",["I'll be in your neighborhood doing errands..."])])," ",t._h("md-button",{staticClass:"md-icon-button md-list-action"},[t._h("md-icon",{staticClass:"md-primary"},["star"])])," ",t._h("md-divider",{staticClass:"md-inset"})])," ",t._h("md-list-item",[t._h("md-avatar",[t._h("img",{attrs:{src:"https://placeimg.com/40/40/people/6",alt:"People"}})])," ",t._h("div",{staticClass:"md-list-text-container"},[t._h("span",["me, Scott, Jennifer"])," ",t._h("span",["Summer BBQ"])," ",t._h("p",["Wish I could come, but I'm out of town ..."])])," ",t._h("md-button",{staticClass:"md-icon-button md-list-action"},[t._h("md-icon",["star_border"])])," ",t._h("md-divider",{staticClass:"md-inset"})])," ",t._h("md-list-item",[t._h("md-avatar",[t._h("img",{attrs:{src:"https://placeimg.com/40/40/people/5",alt:"People"}})])," ",t._h("div",{staticClass:"md-list-text-container"},[t._h("span",["Sandra Adams"])," ",t._h("span",["Oui oui"])," ",t._h("p",["Do you have Paris recommendations ..."])])," ",t._h("md-button",{staticClass:"md-icon-button md-list-action"},[t._h("md-icon",["star_border"])])," ",t._h("md-divider",{staticClass:"md-inset"})])," ",t._h("md-list-item",[t._h("md-avatar",[t._h("img",{attrs:{src:"https://placeimg.com/40/40/people/8",alt:"People"}})])," ",t._h("div",{staticClass:"md-list-text-container"},[t._h("span",["Trevor Hansen"])," ",t._h("span",["Order confirmation"])," ",t._h("p",["Thank you for your recent order from ..."])])," ",t._h("md-button",{staticClass:"md-icon-button md-list-action"},[t._h("md-icon",["star_border"])])," ",t._h("md-divider",{staticClass:"md-inset"})])])])])])," ",t._h("div",{slot:"code"},[t._h("demo-example",{attrs:{label:"With Lists"}},[t._h("code-block",{attrs:{lang:"xml"}},['\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 '])," ",t._h("code-block",{ -attrs:{lang:"xml"}},['\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 '])])])," ",t._h("div",{slot:"api"})])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this;return t._h("div",{staticClass:"md-tabs",class:t.tabClasses},[t._h("md-whiteframe",{attrs:{"md-elevation":t.elevation||0}},[t._h("div",{staticClass:"md-tabs-navigation"},[t._l(t.tabs,function(e){return t._h("button",{directives:[{name:"md-ink-ripple",rawName:"v-md-ink-ripple",value:e.disabled,expression:"header.disabled"}],key:e.id,ref:"tabHeader",refInFor:!0,staticClass:"md-tab-header",class:t.getHeaderClass(e),attrs:{type:"button",disabled:e.disabled},on:{click:function(n){t.changeTab(e.id)}}},[t._h("div",{staticClass:"md-tab-header-container"},[e.icon?t._h("md-icon",[t._s(e.icon)]):t._e()," ",e.label?t._h("span",[t._s(e.label)]):t._e()])])})," ",t._h("span",{ref:"indicator",staticClass:"md-tab-indicator",class:t.indicatorClass})])])," ",t._h("div",{ref:"tabContent",staticClass:"md-tabs-content"},[t._h("div",{ref:"tabWrapper",staticClass:"md-tabs-wrapper"},[t._t("default")])])])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this;return t._h("single-page",{staticClass:"single-page-home",attrs:{label:"Themes - Dynamic Themes"}})},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this;return t._h("tr",{staticClass:"md-table-row",class:t.classes,on:{click:t.autoSelect}},[t.hasSelection?t._h("md-table-cell",{staticClass:"md-table-selection"},[t._h("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;return t._h("single-page",{staticClass:"single-page-home",attrs:{label:"Getting Started"}},[t._h("single-page-banner",{attrs:{label:"Getting Started"}})," ",t._h("single-page-section",{attrs:{label:"Installation"}},[t._h("p",["Import Roboto and Google Icons from Google CDN:"])," ",t._h("code-block",{attrs:{lang:"xml"}},['\n\n\n '])," ",t._h("p",["\n - Install Vue Material through npm or yarn: ",t._h("br")," ",t._h("code",["npm install vue-material"]),t._h("br")," ",t._h("code",["yarn add vue-material"])])," ",t._h("small",["* Others package managers like JSPM and Bower are not supported yet."])," ",t._h("md-tabs",{staticClass:"md-transparent"},[t._h("md-tab",{attrs:{"md-label":"ES6"}},[t._h("code-block",{attrs:{lang:"javascript"}},["\nimport Vue from 'vue'\nimport VueMaterial from 'vue-material'\nimport 'vue-material/dist/vue-material.css'\n "])])," ",t._h("md-tab",{attrs:{"md-label":"AMD"}},[t._h("code-block",{attrs:{lang:"javascript"}},["\nvar Vue = require('vue')\nvar VueMaterial = require('vue-material')\nrequire('vue-material/dist/vue-material.css')\n "])])])," ",t._h("p",["Or ",t._h("a",{attrs:{href:"https://github.com/marcosmoura/vue-material/archive/master.zip",target:"_blank",rel:"noopener"}},["download"])," from Github and reference the script and the stylesheet in your HTML:"])," ",t._h("code-block",{attrs:{lang:"xml"}},['\n\n\n '])])," ",t._h("single-page-section",{attrs:{label:"Usage"}},[t._h("p",["Enable Vue Material in your application using ",t._h("code",["Vue.use()"]),". You can always enable individual components:"])," ",t._h("md-tabs",{staticClass:"md-transparent"},[t._h("md-tab",{attrs:{"md-label":"ES6"}},[t._h("code-block",{attrs:{lang:"javascript"}},["\n// To import the whole library\nimport Vue from 'vue'\nimport VueMaterial from 'vue-material'\nimport 'vue-material/dist/vue-material.css'\n\nVue.use(VueMaterial)\n\n// Or to import individual components\nimport Vue from 'vue'\nimport VueMaterial from 'vue-material'\nimport 'vue-material/dist/components/mdCore/index.css' //Required to boot vue material\nimport 'vue-material/dist/components/mdButton/index.css'\nimport 'vue-material/dist/components/mdIcon/index.css'\nimport 'vue-material/dist/components/mdSidenav/index.css'\nimport 'vue-material/dist/components/mdToolbar/index.css'\n\nVue.use(VueMaterial.mdCore) //Required to boot vue material\nVue.use(VueMaterial.mdButton)\nVue.use(VueMaterial.mdIcon)\nVue.use(VueMaterial.mdSidenav)\nVue.use(VueMaterial.mdToolbar)\n "])])," ",t._h("md-tab",{attrs:{"md-label":"AMD"}},[t._h("code-block",{attrs:{lang:"javascript"}},["\n// To import the whole library\nvar Vue = require('vue')\nvar VueMaterial = require('vue-material')\nrequire('vue-material/dist/vue-material.css')\n\nVue.use(VueMaterial)\n\n// Or to import individual components\nvar Vue = require('vue')\nvar VueMaterial = require('vue-material')\nrequire('vue-material/dist/components/mdCore/index.css') //Required to boot vue material\nrequire('vue-material/dist/components/mdButton/index.css')\nrequire('vue-material/dist/components/mdIcon/index.css')\nrequire('vue-material/dist/components/mdSidenav/index.css')\nrequire('vue-material/dist/components/mdToolbar/index.css')\n\nVue.use(VueMaterial.mdCore) //Required to boot vue material\nVue.use(VueMaterial.mdButton)\nVue.use(VueMaterial.mdIcon)\nVue.use(VueMaterial.mdSidenav)\nVue.use(VueMaterial.mdToolbar)\n "])])])])," ",t._h("single-page-section",{attrs:{label:"Apply theme"}},[t._h("p",["To get Vue Material working properly, you'll need to configure a default theme. You can also register multiple themes at once."])," ",t._h("md-tabs",{staticClass:"md-transparent"},[t._h("md-tab",{attrs:{"md-label":"Single Theme"}},[t._h("code-block",{attrs:{lang:"javascript"}},["\nVue.material.theme.register('default', {\n primary: 'cyan',\n accent: 'pink'\n})\n "])])," ",t._h("md-tab",{attrs:{"md-label":"Multiple Themes"}},[t._h("code-block",{attrs:{lang:"javascript"}},["\nVue.material.theme.registerAll({\n default: {\n primary: 'cyan',\n accent: 'pink'\n },\n indigo: {\n primary: 'indigo',\n accent: 'pink'\n }\n})\n "])])])," ",t._h("p",["Apply your theme on each code part that you want using ",t._h("code",["v-md-theme"])," directive:"])," ",t._h("code-block",{attrs:{lang:"xml"}},['\n
\n \n
My App
\n \n\n My Button\n
\n '])])])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this;return t._h("div",{ref:"expand",staticClass:"md-card-expand"},[t._t("default")])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this;return t._h("div",{staticClass:"md-table"},[t._h("table",[t._t("default")])])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this;return t._h("md-card",{staticClass:"md-table-card"},[t._t("default")])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this;return t._h("div",{staticClass:"md-radio",class:t.classes},[t._h("div",{directives:[{name:"md-ink-ripple",rawName:"v-md-ink-ripple",value:t.disabled,expression:"disabled"}],staticClass:"md-radio-container",on:{click:t.toggleCheck}},[t._h("input",{attrs:{type:"radio",name:t.name,id:t.id,disabled:t.disabled},domProps:{value:t.value}})])," ",t.$slots.default?t._h("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;return t._h("i",{staticClass:"md-icon material-icons"},[t._t("default")])},staticRenderFns:[]}},function(t,e,n){/** - * vue-router v2.0.3 - * (c) 2016 Evan You - * @license MIT - */ -!function(e,n){t.exports=n()}(this,function(){"use strict";function t(t,e,n){if("/"===t.charAt(0))return t;if("?"===t.charAt(0)||"#"===t.charAt(0))return e+t;var a=e.split("/");n&&a[a.length-1]||a.pop();for(var o=t.replace(/^\//,"").split("/"),i=0;i=0&&(e=t.slice(a),t=t.slice(0,a));var o=t.indexOf("?");return o>=0&&(n=t.slice(o+1),t=t.slice(0,o)),{path:t,query:n,hash:e}}function n(t){return t.replace(/\/\//g,"/")}function a(t,e){if(!t)throw new Error("[vue-router] "+e)}function o(t,e){t||"undefined"!=typeof console&&console.warn("[vue-router] "+e)}function i(t,e){if(void 0===e&&(e={}),t){var n;try{n=d(t)}catch(t){o(!1,t.message),n={}}for(var a in e)n[a]=e[a];return n}return e}function d(t){var e={};return(t=t.trim().replace(/^(\?|#|&)/,""))?(t.split("&").forEach(function(t){var n=t.replace(/\+/g," ").split("="),a=bt(n.shift()),o=n.length>0?bt(n.join("=")):null;void 0===e[a]?e[a]=o:Array.isArray(e[a])?e[a].push(o):e[a]=[e[a],o]}),e):e}function r(t){var e=t?Object.keys(t).sort().map(function(e){var n=t[e];if(void 0===n)return"";if(null===n)return ft(e);if(Array.isArray(n)){var a=[];return n.slice().forEach(function(t){void 0!==t&&(null===t?a.push(ft(e)):a.push(ft(e)+"="+ft(t)))}),a.join("&")}return ft(e)+"="+ft(n)}).filter(function(t){return t.length>0}).join("&"):null;return e?"?"+e:""}function s(t,e,n){var a={name:e.name||t&&t.name,meta:t&&t.meta||{},path:e.path||"/",hash:e.hash||"",query:e.query||{},params:e.params||{},fullPath:l(e),matched:t?m(t):[]};return n&&(a.redirectedFrom=l(n)),Object.freeze(a)}function m(t){for(var e=[];t;)e.unshift(t),t=t.parent;return e}function l(t){var e=t.path,n=t.query;void 0===n&&(n={});var a=t.hash;return void 0===a&&(a=""),(e||"/")+r(n)+a}function c(t,e){return e===vt?t===e:!!e&&(t.path&&e.path?t.path.replace(_t,"")===e.path.replace(_t,"")&&t.hash===e.hash&&u(t.query,e.query):!(!t.name||!e.name)&&(t.name===e.name&&t.hash===e.hash&&u(t.query,e.query)&&u(t.params,e.params)))}function u(t,e){void 0===t&&(t={}),void 0===e&&(e={});var n=Object.keys(t),a=Object.keys(e);return n.length===a.length&&n.every(function(n){return String(t[n])===String(e[n])})}function h(t,e){return 0===t.path.indexOf(e.path.replace(/\/$/,""))&&(!e.hash||t.hash===e.hash)&&p(t.query,e.query)}function p(t,e){for(var n in e)if(!(n in t))return!1;return!0}function f(n,a,o){var d="string"==typeof n?{path:n}:n;if(d.name||d._normalized)return d;var r=e(d.path||""),s=a&&a.path||"/",m=r.path?t(r.path,s,o):a&&a.path||"/",l=i(r.query,d.query),c=d.hash||r.hash;return c&&"#"!==c.charAt(0)&&(c="#"+c),{_normalized:!0,path:m,query:l,hash:c}}function b(t){if(t)for(var e,n=0;n-1&&(a.params[s]=e.params[s]);if(i)return a.path=F(i.path,a.params,'named route "'+o+'"'),d(i,a,n)}else if(a.path){a.params={};for(var c in m)if(j(c,a.params,a.path))return d(m[c],a,n)}return d(null,a)}function n(t,n){var i=t.redirect,r="function"==typeof i?i(s(t,n)):i;if("string"==typeof r&&(r={path:r}),!r||"object"!=typeof r)return o(!1,"invalid redirect option: "+JSON.stringify(r)),d(null,n);var m=r,c=m.name,u=m.path,h=n.query,p=n.hash,f=n.params;if(h=m.hasOwnProperty("query")?m.query:h,p=m.hasOwnProperty("hash")?m.hash:p,f=m.hasOwnProperty("params")?m.params:f,c){var b=l[c];return a(b,'redirect failed: named route "'+c+'" not found.'),e({_normalized:!0,name:c,query:h,hash:p,params:f},void 0,n)}if(u){var v=B(u,t),_=F(v,f,'redirect route with path "'+v+'"');return e({_normalized:!0,path:_,query:h,hash:p},void 0,n)}return o(!1,"invalid redirect option: "+JSON.stringify(r)),d(null,n)}function i(t,n,a){var o=F(a,n.params,'aliased route with path "'+a+'"'),i=e({_normalized:!0,path:o});if(i){var r=i.matched,s=r[r.length-1];return n.params=i.params,d(s,n)}return d(null,n)}function d(t,e,a){return t&&t.redirect?n(t,a||e):t&&t.matchAs?i(t,e,t.matchAs):s(t,e,a)}var r=P(t),m=r.pathMap,l=r.nameMap;return e}function D(t){var e,n,a=Nt[t];return a?(e=a.keys,n=a.regexp):(e=[],n=Et(t,e),Nt[t]={keys:e,regexp:n}),{keys:e,regexp:n}}function j(t,e,n){var a=D(t),o=a.regexp,i=a.keys,d=n.match(o);if(!d)return!1;if(!e)return!0;for(var r=1,s=d.length;r=t.length?n():t[o]?e(t[o],function(){a(o+1)}):a(o+1)};a(0)}function z(t){if(!t)if(St){var e=document.querySelector("base");t=e?e.getAttribute("href"):"/"}else t="/";return"/"!==t.charAt(0)&&(t="/"+t),t.replace(/\/$/,"")}function V(t,e){var n,a=Math.max(t.length,e.length);for(n=0;n=0?e:0)+"#"+t)}var ht,pt={name:"router-view",functional:!0,props:{name:{type:String,default:"default"}},render:function(t,e){var n=e.props,a=e.children,o=e.parent,i=e.data;i.routerView=!0;for(var d=o.$route,r=o._routerViewCache||(o._routerViewCache={}),s=0,m=!1;o;)o.$vnode&&o.$vnode.data.routerView&&s++,o._inactive&&(m=!0),o=o.$parent;i.routerViewDepth=s;var l=d.matched[s];if(!l)return t();var c=n.name,u=m?r[c]:r[c]=l.components[c];if(!m){var h=i.hook||(i.hook={});h.init=function(t){l.instances[c]=t.child},h.prepatch=function(t,e){l.instances[c]=e.child},h.destroy=function(t){l.instances[c]===t.child&&(l.instances[c]=void 0)}}return t(u,i,a)}},ft=encodeURIComponent,bt=decodeURIComponent,vt=s(null,{path:"/"}),_t=/\/$/,gt=[String,Object],yt={name:"router-link",props:{to:{type:gt,required:!0},tag:{type:String,default:"a"},exact:Boolean,append:Boolean,replace:Boolean,activeClass:String},render:function(t){var e=this,n=this.$router,a=this.$route,o=f(this.to,a,this.append),i=n.match(o,a),d=i.redirectedFrom||i.fullPath,r=n.history.base,m=v(r,d,n.mode),l={},u=this.activeClass||n.options.linkActiveClass||"router-link-active",p=o.path?s(null,o):i;l[u]=this.exact?c(a,p):h(a,p);var _={click:function(t){if(!(t.metaKey||t.ctrlKey||t.shiftKey||t.defaultPrevented||0!==t.button)){var a=t.target.getAttribute("target");/\b_blank\b/i.test(a)||(t.preventDefault(),e.replace?n.replace(o):n.push(o))}}},g={class:l};if("a"===this.tag)g.on=_,g.attrs={href:m};else{var y=b(this.$slots.default);if(y){y.isStatic=!1;var x=ht.util.extend,C=y.data=x({},y.data);C.on=_;var E=y.data.attrs=x({},y.data.attrs);E.href=m}else g.on=_}return t(this.tag,g,this.$slots.default)}},xt=Array.isArray||function(t){return"[object Array]"==Object.prototype.toString.call(t)},Ct=xt,Et=S,wt=g,Mt=y,kt=E,At=O,Tt=new RegExp(["(\\\\.)","([\\/.])?(?:(?:\\:(\\w+)(?:\\(((?:\\\\.|[^\\\\()])+)\\))?|\\(((?:\\\\.|[^\\\\()])+)\\))([+*?])?|(\\*))"].join("|"),"g");Et.parse=wt,Et.compile=Mt,Et.tokensToFunction=kt,Et.tokensToRegExp=At;var Nt=Object.create(null),Rt=Object.create(null),Ot=Object.create(null),St="undefined"!=typeof window,Pt=St&&function(){var t=window.navigator.userAgent;return(t.indexOf("Android 2.")===-1&&t.indexOf("Android 4.0")===-1||t.indexOf("Mobile Safari")===-1||t.indexOf("Chrome")!==-1||t.indexOf("Windows Phone")!==-1)&&(window.history&&"pushState"in window.history)}(),It=function(t,e){this.router=t,this.base=z(e),this.current=vt,this.pending=null};It.prototype.listen=function(t){this.cb=t},It.prototype.transitionTo=function(t,e){var n=this,a=this.router.match(t,this.current);this.confirmTransition(a,function(){n.updateRoute(a),e&&e(a),n.ensureURL()})},It.prototype.confirmTransition=function(t,e){var n=this,a=this.current;if(c(t,a))return void this.ensureURL();var o=V(this.current.matched,t.matched),i=o.deactivated,d=o.activated,r=[].concat(W(i),this.router.beforeHooks,d.map(function(t){return t.beforeEnter}),Q(d));this.pending=t;var s=function(e,o){n.pending===t&&e(t,a,function(t){t===!1?n.ensureURL(!0):"string"==typeof t||"object"==typeof t?n.push(t):o(t)})};q(r,s,function(){var a=[],o=K(d,a,function(){return n.current===t});q(o,s,function(){n.pending===t&&(n.pending=null,e(t),n.router.app.$nextTick(function(){a.forEach(function(t){return t()})}))})})},It.prototype.updateRoute=function(t){var e=this.current;this.current=t,this.cb&&this.cb(t),this.router.afterHooks.forEach(function(n){n&&n(t,e)})};var Lt=Object.create(null),Ht=function(){return String(Date.now())},Dt=Ht(),jt=function(t){function e(e,n){var a=this;t.call(this,e,n);var o=e.options.scrollBehavior;window.addEventListener("popstate",function(t){Dt=t.state&&t.state.key;var e=a.current;a.transitionTo(dt(a.base),function(t){o&&a.handleScroll(t,e,!0)})}),o&&window.addEventListener("scroll",function(){tt(Dt)})}return t&&(e.__proto__=t),e.prototype=Object.create(t&&t.prototype),e.prototype.constructor=e,e.prototype.go=function(t){window.history.go(t)},e.prototype.push=function(t){var e=this,a=this.current;this.transitionTo(t,function(t){rt(n(e.base+t.fullPath)),e.handleScroll(t,a,!1)})},e.prototype.replace=function(t){var e=this,a=this.current;this.transitionTo(t,function(t){st(n(e.base+t.fullPath)),e.handleScroll(t,a,!1)})},e.prototype.ensureURL=function(t){if(dt(this.base)!==this.current.fullPath){var e=n(this.base+this.current.fullPath);t?rt(e):st(e)}},e.prototype.handleScroll=function(t,e,n){var o=this.router;if(o.app){var i=o.options.scrollBehavior;i&&(a("function"==typeof i,"scrollBehavior must be a function"),o.app.$nextTick(function(){var a=et(Dt),o=i(t,e,n?a:null);if(o){var d="object"==typeof o;if(d&&"string"==typeof o.selector){var r=document.querySelector(o.selector);r?a=nt(r):at(o)&&(a=ot(o))}else d&&at(o)&&(a=ot(o));a&&window.scrollTo(a.x,a.y)}}))}},e}(It),Ft=function(t){function e(e,n,a){t.call(this,e,n),a&&this.checkFallback()||mt()}return t&&(e.__proto__=t),e.prototype=Object.create(t&&t.prototype),e.prototype.constructor=e,e.prototype.checkFallback=function(){var t=dt(this.base);if(!/^\/#/.test(t))return window.location.replace(n(this.base+"/#"+t)),!0},e.prototype.onHashChange=function(){mt()&&this.transitionTo(lt(),function(t){ut(t.fullPath)})},e.prototype.push=function(t){this.transitionTo(t,function(t){ct(t.fullPath)})},e.prototype.replace=function(t){this.transitionTo(t,function(t){ut(t.fullPath)})},e.prototype.go=function(t){window.history.go(t)},e.prototype.ensureURL=function(t){var e=this.current.fullPath;lt()!==e&&(t?ct(e):ut(e))},e}(It),$t=function(t){function e(e){t.call(this,e),this.stack=[],this.index=-1}return t&&(e.__proto__=t),e.prototype=Object.create(t&&t.prototype),e.prototype.constructor=e,e.prototype.push=function(t){var e=this;this.transitionTo(t,function(t){e.stack=e.stack.slice(0,e.index+1).concat(t),e.index++})},e.prototype.replace=function(t){var e=this;this.transitionTo(t,function(t){e.stack=e.stack.slice(0,e.index).concat(t)})},e.prototype.go=function(t){var e=this,n=this.index+t;if(!(n<0||n>=this.stack.length)){var a=this.stack[n];this.confirmTransition(a,function(){e.index=n,e.updateRoute(a)})}},e.prototype.ensureURL=function(){},e}(It),Bt=function(t){void 0===t&&(t={}),this.app=null,this.options=t,this.beforeHooks=[],this.afterHooks=[],this.match=H(t.routes||[]);var e=t.mode||"hash";switch(this.fallback="history"===e&&!Pt,this.fallback&&(e="hash"),St||(e="abstract"),this.mode=e,e){case"history":this.history=new jt(this,t.base);break;case"hash":this.history=new Ft(this,t.base,this.fallback);break;case"abstract":this.history=new $t(this);break;default:a(!1,"invalid mode: "+e)}},qt={currentRoute:{}};return qt.currentRoute.get=function(){return this.history&&this.history.current},Bt.prototype.init=function(t){var e=this;a(_.installed,"not installed. Make sure to call `Vue.use(VueRouter)` before creating root instance."),this.app=t;var n=this.history;n instanceof jt?n.transitionTo(dt(n.base)):n instanceof Ft&&n.transitionTo(lt(),function(){window.addEventListener("hashchange",function(){n.onHashChange()})}),n.listen(function(t){e.app._route=t})},Bt.prototype.beforeEach=function(t){this.beforeHooks.push(t)},Bt.prototype.afterEach=function(t){this.afterHooks.push(t)},Bt.prototype.push=function(t){this.history.push(t)},Bt.prototype.replace=function(t){this.history.replace(t)},Bt.prototype.go=function(t){this.history.go(t)},Bt.prototype.back=function(){this.go(-1)},Bt.prototype.forward=function(){this.go(1)},Bt.prototype.getMatchedComponents=function(){return this.currentRoute?[].concat.apply([],this.currentRoute.matched.map(function(t){return Object.keys(t.components).map(function(e){return t.components[e]})})):[]},Object.defineProperties(Bt.prototype,qt),Bt.install=_,St&&window.Vue&&window.Vue.use(Bt),Bt})},function(t,e,n){function a(t,e){for(var n=0;n=0&&v.splice(e,1)}function r(t){var e=document.createElement("style");return e.type="text/css",i(t,e),e}function s(t,e){var n,a,o;if(e.singleton){var i=b++;n=f||(f=r(e)),a=m.bind(null,n,i,!1),o=m.bind(null,n,i,!0)}else n=r(e),a=l.bind(null,n),o=function(){d(n)};return a(t),function(e){if(e){if(e.css===t.css&&e.media===t.media&&e.sourceMap===t.sourceMap)return;a(t=e)}else o()}}function m(t,e,n,a){var o=n?"":a.css;if(t.styleSheet)t.styleSheet.cssText=_(e,o);else{var i=document.createTextNode(o),d=t.childNodes;d[e]&&t.removeChild(d[e]),d.length?t.insertBefore(i,d[e]):t.appendChild(i)}}function l(t,e){var n=e.css,a=e.media,o=e.sourceMap;if(a&&t.setAttribute("media",a),o&&(n+="\n/*# sourceURL="+o.sources[0]+" */",n+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(o))))+" */"),t.styleSheet)t.styleSheet.cssText=n;else{for(;t.firstChild;)t.removeChild(t.firstChild);t.appendChild(document.createTextNode(n))}}var c={},u=function(t){var e;return function(){return"undefined"==typeof e&&(e=t.apply(this,arguments)),e}},h=u(function(){return/msie [6-9]\b/.test(window.navigator.userAgent.toLowerCase())}),p=u(function(){return document.head||document.getElementsByTagName("head")[0]}),f=null,b=0,v=[];t.exports=function(t,e){e=e||{},"undefined"==typeof e.singleton&&(e.singleton=h()),"undefined"==typeof e.insertAt&&(e.insertAt="bottom");var n=o(t);return a(n,e),function(t){for(var i=[],d=0;dVue Material
\ No newline at end of file +Vue Material
\ No newline at end of file diff --git a/dist/docs/manifest.d9f0ce05.js b/dist/docs/v0.3.3/manifest.d9f0ce05.js similarity index 100% rename from dist/docs/manifest.d9f0ce05.js rename to dist/docs/v0.3.3/manifest.d9f0ce05.js diff --git a/dist/vue-material.css b/dist/vue-material.css index ed45cc4..0c33f1b 100644 --- a/dist/vue-material.css +++ b/dist/vue-material.css @@ -1 +1,2530 @@ -.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}.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:fixed;z-index:120;background-color:#fff;border-radius:2px;filter:drop-shadow(0 1px 1px rgba(0,0,0,.2)) drop-shadow(0 2px 2px rgba(0,0,0,.14)) drop-shadow(0 1px 1px rgba(0,0,0,.12));opacity:0;transition:width .4s cubic-bezier(.25,.8,.25,1),opacity .25s cubic-bezier(.55,0,.55,.2),-webkit-clip-path .17s cubic-bezier(.55,0,.55,.2) .08s;transition:width .4s cubic-bezier(.25,.8,.25,1),opacity .25s cubic-bezier(.55,0,.55,.2),clip-path .17s cubic-bezier(.55,0,.55,.2) .08s;transition:width .4s cubic-bezier(.25,.8,.25,1),opacity .25s cubic-bezier(.55,0,.55,.2),clip-path .17s cubic-bezier(.55,0,.55,.2) .08s,-webkit-clip-path .17s cubic-bezier(.55,0,.55,.2) .08s;color:rgba(33,33,33,.87)}.md-menu-content,.md-menu-content.md-direction-bottom-right{-webkit-clip-path:inset(-8px 10% 16% -8px);clip-path:inset(-8px 10% 16% -8px)}.md-menu-content.md-direction-bottom-right{margin-top:-11px;margin-left:-8px}.md-menu-content.md-direction-bottom-left{margin-top:-11px;margin-left:8px;-webkit-clip-path:inset(-8px -8px 16% 10%);clip-path:inset(-8px -8px 16% 10%)}.md-menu-content.md-direction-top-right{margin-top:11px;margin-left:-8px;-webkit-clip-path:inset(16% 10% -8px -8px);clip-path:inset(16% 10% -8px -8px)}.md-menu-content.md-direction-top-left{margin-top:11px;margin-left:8px;-webkit-clip-path:inset(16% -8px -8px 10%);clip-path:inset(16% -8px -8px 10%)}.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;-webkit-clip-path:inset(-8px -8px -8px -8px);clip-path:inset(-8px -8px -8px -8px);transition:width .4s cubic-bezier(.25,.8,.25,1),opacity .4s cubic-bezier(.25,.8,.25,1),-webkit-clip-path .27s cubic-bezier(.25,.8,.25,1) .08s;transition:width .4s cubic-bezier(.25,.8,.25,1),opacity .4s cubic-bezier(.25,.8,.25,1),clip-path .27s cubic-bezier(.25,.8,.25,1) .08s;transition:width .4s cubic-bezier(.25,.8,.25,1),opacity .4s cubic-bezier(.25,.8,.25,1),clip-path .27s cubic-bezier(.25,.8,.25,1) .08s,-webkit-clip-path .27s cubic-bezier(.25,.8,.25,1) .08s}.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-has-icon.md-has-label .md-tabs-navigation{min-height:72px}.md-tabs.md-has-icon.md-has-label .md-tabs-navigation .md-icon{margin-bottom:10px}.md-tabs.md-centered .md-tabs-navigation{-ms-flex-pack:center;justify-content:center}.md-tabs.md-right .md-tabs-navigation{-ms-flex-pack:end;justify-content:flex-end}.md-tabs.md-fixed .md-tab-header{-ms-flex:1;flex:1}.md-tabs .md-tabs-navigation{height:48px;min-height:48px;z-index:1;display:-ms-flexbox;display:flex}.md-tabs .md-tab-header,.md-tabs .md-tabs-navigation{position:relative;transition:all .4s cubic-bezier(.25,.8,.25,1)}.md-tabs .md-tab-header{min-width:72px;max-width:264px;margin:0;padding:0 12px;display:inline-block;cursor:pointer;border:0;background:none;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-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-transition-off{transition:none!important}.md-tabs .md-tabs-content{width:100%;height:0;position:relative;overflow:hidden;transition:height .4s cubic-bezier(.25,.8,.25,1)}.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;pointer-events:none;transform:translate3d(0,-100%,0);transition:transform 0s .4s}.md-tabs .md-tab.md-active{transform:translateZ(0);pointer-events:auto;transition:none}.md-tabs.md-no-transition .md-tabs-content{transition:none!important}.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 +/* 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; +} +/* 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; +} +/* 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; +} +.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; +} +/* 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; +} +/* 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; +} +/* 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: fixed; + z-index: 120; + -webkit-clip-path: inset(-8px 10% 16% -8px); + clip-path: inset(-8px 10% 16% -8px); + background-color: #fff; + border-radius: 2px; + filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.2)) drop-shadow(0 2px 2px rgba(0, 0, 0, 0.14)) drop-shadow(0 1px 1px 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), -webkit-clip-path 0.17s 0.08s cubic-bezier(0.55, 0, 0.55, 0.2); + 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), clip-path 0.17s 0.08s cubic-bezier(0.55, 0, 0.55, 0.2); + 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), clip-path 0.17s 0.08s cubic-bezier(0.55, 0, 0.55, 0.2), -webkit-clip-path 0.17s 0.08s cubic-bezier(0.55, 0, 0.55, 0.2); + color: rgba(33, 33, 33, 0.87); +} +.md-menu-content.md-direction-bottom-right { + margin-top: -11px; + margin-left: -8px; + -webkit-clip-path: inset(-8px 10% 16% -8px); + clip-path: inset(-8px 10% 16% -8px); +} +.md-menu-content.md-direction-bottom-left { + margin-top: -11px; + margin-left: 8px; + -webkit-clip-path: inset(-8px -8px 16% 10%); + clip-path: inset(-8px -8px 16% 10%); +} +.md-menu-content.md-direction-top-right { + margin-top: 11px; + margin-left: -8px; + -webkit-clip-path: inset(16% 10% -8px -8px); + clip-path: inset(16% 10% -8px -8px); +} +.md-menu-content.md-direction-top-left { + margin-top: 11px; + margin-left: 8px; + -webkit-clip-path: inset(16% -8px -8px 10%); + clip-path: inset(16% -8px -8px 10%); +} +.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; + -webkit-clip-path: inset(-8px -8px -8px -8px); + clip-path: inset(-8px -8px -8px -8px); + transition: width 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), opacity 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), -webkit-clip-path 0.27s 0.08s cubic-bezier(0.25, 0.8, 0.25, 1); + transition: width 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), opacity 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), clip-path 0.27s 0.08s cubic-bezier(0.25, 0.8, 0.25, 1); + transition: width 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), opacity 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), clip-path 0.27s 0.08s cubic-bezier(0.25, 0.8, 0.25, 1), -webkit-clip-path 0.27s 0.08s 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-has-icon.md-has-label .md-tabs-navigation { + min-height: 72px; +} +.md-tabs.md-has-icon.md-has-label .md-tabs-navigation .md-icon { + margin-bottom: 10px; +} +.md-tabs.md-centered .md-tabs-navigation { + -ms-flex-pack: center; + justify-content: center; +} +.md-tabs.md-right .md-tabs-navigation { + -ms-flex-pack: end; + justify-content: flex-end; +} +.md-tabs.md-fixed .md-tab-header { + -ms-flex: 1; + flex: 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-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-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-transition-off { + transition: none !important; +} +.md-tabs .md-tabs-content { + width: 100%; + height: 0; + position: relative; + overflow: hidden; + transition: height 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); +} +.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; + pointer-events: none; + transform: translate3d(0, -100%, 0); + transition: transform 0s 0.4s; +} +.md-tabs .md-tab.md-active { + transform: translate3d(0, 0, 0); + pointer-events: auto; + transition: none; +} +.md-tabs.md-no-transition .md-tabs-content { + transition: none !important; +} +/* 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 diff --git a/docs/src/components/PageContent.vue b/docs/src/components/PageContent.vue index 3a12a7b..ab380fd 100644 --- a/docs/src/components/PageContent.vue +++ b/docs/src/components/PageContent.vue @@ -95,12 +95,11 @@ methods: { changeDocs() { const location = window.location; - const redirect = location.origin + '/vue-material/'; if (this.currentDocs === this.latest) { - window.location.href = redirect + location.hash; + window.location.href = location.origin + '/' + location.hash; } else { - window.location.href = redirect + 'v' + this.currentDocs + '/' + location.hash; + window.location.href = location.origin + '/v' + this.currentDocs + '/' + location.hash; } }, toggleSidenav() {