diff --git a/.babelrc b/.babelrc deleted file mode 100644 index eaf3238..0000000 --- a/.babelrc +++ /dev/null @@ -1,3 +0,0 @@ -{ - "presets": ["es2015", "stage-0"] -} diff --git a/.editorconfig b/.editorconfig deleted file mode 100644 index 435e3c7..0000000 --- a/.editorconfig +++ /dev/null @@ -1,13 +0,0 @@ -# http://editorconfig.org -root = true - -[*] -charset = utf-8 -end_of_line = lf -indent_size = 2 -indent_style = space -insert_final_newline = true -trim_trailing_whitespace = true - -[*.md] -trim_trailing_whitespace = false diff --git a/.eslintrc b/.eslintrc deleted file mode 100644 index 610dc10..0000000 --- a/.eslintrc +++ /dev/null @@ -1,140 +0,0 @@ -{ - "plugins": [ - "html" - ], - "ecmaFeatures": { - "arrowFunctions": true, - "destructuring": true, - "classes": true, - "defaultParams": true, - "blockBindings": true, - "modules": true, - "objectLiteralComputedProperties": true, - "objectLiteralShorthandMethods": true, - "objectLiteralShorthandProperties": true, - "restParams": true, - "spread": true, - "forOf": true, - "generators": true, - "templateStrings": true, - "superInFunctions": true, - "experimentalObjectRestSpread": true - }, - "env": { - "browser": true, - "node": true - }, - "globals": { - "arguments": true, - "window": true - }, - "root": true, - "parserOptions": { - "sourceType": "module" - }, - "parser": "babel-eslint", - "rules": { - "arrow-parens": 2, - "arrow-spacing": [2, { - "before": true, - "after": true - }], - "brace-style": [2, "1tbs", { - "allowSingleLine": false - }], - "comma-dangle": [1, "never"], - "comma-spacing": [1, { - "before": false, - "after": true - }], - "comma-style": [2, "last"], - "consistent-this": [2, "self"], - "constructor-super": 2, - "curly": 2, - "default-case": 2, - "dot-location": [2, "property"], - "eol-last": 2, - "eqeqeq": [2, "smart"], - "indent": [2, 2, { - "SwitchCase": 1 - }], - "key-spacing": [1, { - "beforeColon": false, - "afterColon": true - }], - "max-nested-callbacks": [1, 4], - "new-cap": 1, - "new-parens": 1, - "newline-after-var": [2, "always"], - "no-array-constructor": 2, - "no-class-assign": 2, - "no-cond-assign": 2, - "no-const-assign": 2, - "no-constant-condition": 2, - "no-delete-var": 2, - "no-dupe-args": 2, - "no-dupe-class-members": 2, - "no-dupe-keys": 2, - "no-duplicate-case": 2, - "no-else-return": 1, - "no-empty": 2, - "no-eq-null": 2, - "no-eval": 2, - "no-ex-assign": 2, - "no-extend-native": 2, - "no-extra-boolean-cast": 2, - "no-extra-parens": 1, - "no-extra-semi": 2, - "no-floating-decimal": 2, - "no-func-assign": 2, - "no-implied-eval": 2, - "no-inner-declarations": 2, - "no-lonely-if": 2, - "no-loop-func": 2, - "no-mixed-spaces-and-tabs": 2, - "no-multi-spaces": 1, - "no-multi-str": 2, - "no-multiple-empty-lines": [1, { - "max": 2 - }], - "no-negated-in-lhs": 2, - "no-nested-ternary": 2, - "no-new": 2, - "no-new-func": 2, - "no-new-object": 2, - "no-new-wrappers": 2, - "no-obj-calls": 2, - "no-redeclare": 2, - "no-script-url": 2, - "no-self-compare": 2, - "no-spaced-func": 1, - "no-sparse-arrays": 2, - "no-this-before-super": 2, - "no-trailing-spaces": 1, - "no-undef": 2, - "no-undef-init": 2, - "no-unexpected-multiline": 2, - "no-unneeded-ternary": 2, - "no-unreachable": 2, - "no-unused-vars": 1, - "no-use-before-define": 1, - "one-var": [2, "never"], - "quote-props": [1, "as-needed"], - "quotes": [2, "single"], - "radix": 2, - "semi": [2, "always"], - "semi-spacing": [1, { - "before": false, - "after": true - }], - "keyword-spacing": 2, - "space-before-blocks": 2, - "space-before-function-paren": [2, "never"], - "space-infix-ops": 2, - "space-unary-ops": 2, - "strict": 0, - "use-isnan": 2, - "wrap-regex": 2, - "yoda": [2, "never"] - } -} diff --git a/.gitignore b/.gitignore deleted file mode 100644 index 33fee71..0000000 --- a/.gitignore +++ /dev/null @@ -1,6 +0,0 @@ -.DS_Store -node_modules/ -npm-debug.log -selenium-debug.log -test/unit/coverage -test/e2e/reports diff --git a/LICENSE b/LICENSE deleted file mode 100644 index 17cc472..0000000 --- a/LICENSE +++ /dev/null @@ -1,22 +0,0 @@ - -The MIT License (MIT) - -Copyright (c) 2016 Marcos Moura - -Permission is hereby granted, free of charge, to any person obtaining a copy -of this software and associated documentation files (the "Software"), to deal -in the Software without restriction, including without limitation the rights -to use, copy, modify, merge, publish, distribute, sublicense, and/or sell -copies of the Software, and to permit persons to whom the Software is -furnished to do so, subject to the following conditions: - -The above copyright notice and this permission notice shall be included in -all copies or substantial portions of the Software. - -THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR -IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, -FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE -AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER -LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, -OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN -THE SOFTWARE. diff --git a/README.md b/README.md deleted file mode 100644 index 6aa5cc2..0000000 --- a/README.md +++ /dev/null @@ -1,39 +0,0 @@ -# Vue.js Material - -> Material Design for Vue.js - -Vue Material is lightweight framework built exactly according to the Material Design specs. It aims to deliver a collection of reusable components and a series of UI Elements to build applications with support to modern Web Browsers through Vue 2.0. Build powerful and well-designed web apps that can can fit on every screen. You can generate and use themes dynamically, use components on demand, take advantage of UI Elements and Components with an ease-to-use API. - -## Build Setup - -``` bash -### Install dependencies -npm install or yarn - -### Start dev server with hot reload -npm run dev - -### Build everything -npm run build - -### Build docs only -npm run build:docs - -### Build lib only -npm run build:lib -``` - -## Credits and Thanks -This library aims to delivery components using almost the same API of Angular Material - -Thanks a lot to elviskang who provided me the **vue-material** name on npm. - -Thanks to Evan You for allowing me to use Vue.js Logo. - -## Dependencies -* autosize -* element.scrollintoviewifneeded-polyfill -* scopedQuerySelectorShim - -## License -MIT diff --git a/build/config.js b/build/config.js deleted file mode 100644 index f89a0b7..0000000 --- a/build/config.js +++ /dev/null @@ -1,34 +0,0 @@ -import path from 'path'; - -const config = { - projectRoot: path.resolve(__dirname, '../'), - rootPath: path.resolve(__dirname, '../dist'), - nodePath: path.resolve(__dirname, '../node_modules'), - docsPath: 'docs', - indexPath: 'docs/index.html', - publicPath: '/', - assetsPath: '/' -}; - -let dev = { - server: { - port: process.env.PORT || '8080' - }, - env: { - NODE_ENV: '"development"' - } -}; - -let prod = { - env: { - NODE_ENV: '"production"' - } -}; - -if (config.env === 'production') { - Object.assign(config, prod); -} else { - Object.assign(config, dev); -} - -export default config; diff --git a/build/server/build-docs.js b/build/server/build-docs.js deleted file mode 100644 index 38f388d..0000000 --- a/build/server/build-docs.js +++ /dev/null @@ -1,5 +0,0 @@ -import webpack from 'webpack'; -import build from './build'; -import webpackConfig from '../webpack/prod-docs'; - -webpack(webpackConfig, build); diff --git a/build/server/build-lib.js b/build/server/build-lib.js deleted file mode 100644 index 289665e..0000000 --- a/build/server/build-lib.js +++ /dev/null @@ -1,5 +0,0 @@ -import webpack from 'webpack'; -import build from './build'; -import webpackConfig from '../webpack/prod-lib'; - -webpack(webpackConfig, build); diff --git a/build/server/build.js b/build/server/build.js deleted file mode 100644 index 4e8e9f7..0000000 --- a/build/server/build.js +++ /dev/null @@ -1,25 +0,0 @@ -import ora from 'ora'; - -const spinner = ora({ - text: 'Building...', - spinner: 'circleQuarters', - color: 'green' -}); - -spinner.start(); - -export default function done(error, stats) { - if (error) { - throw error; - } - - process.stdout.write('\n\n' + stats.toString({ - colors: true, - modules: false, - children: false, - chunks: false, - chunkModules: false - }) + '\n'); - - spinner.stop(); -} diff --git a/build/server/client.js b/build/server/client.js deleted file mode 100644 index 19e8258..0000000 --- a/build/server/client.js +++ /dev/null @@ -1,8 +0,0 @@ -import 'eventsource-polyfill'; -import hotClient from 'webpack-hot-middleware/client?noInfo=true&reload=true'; - -hotClient.subscribe((event) => { - if (event.action === 'reload') { - window.location.reload(); - } -}); diff --git a/build/server/index.js b/build/server/index.js deleted file mode 100644 index bc7ad10..0000000 --- a/build/server/index.js +++ /dev/null @@ -1,51 +0,0 @@ -import path from 'path'; -import express from 'express'; -import chalk from 'chalk'; -import webpack from 'webpack'; -import devMiddleware from 'webpack-dev-middleware'; -import hotMiddleware from 'webpack-hot-middleware'; -import historyApiFallback from 'connect-history-api-fallback'; -import config from '../config'; -import webpackConfig from '../webpack/dev'; - - -const app = express(); -const compiler = webpack(webpackConfig); -const devMiddlewareInstance = devMiddleware(compiler, { - publicPath: config.publicPath, - index: config.indexPath, - stats: { - colors: true, - chunks: false - } -}); - -const hotMiddlewareInstance = hotMiddleware(compiler); - -compiler.plugin('compilation', (compilation) => { - compilation.plugin('html-webpack-plugin-after-emit', (data, done) => { - hotMiddlewareInstance.publish({ action: 'reload' }); - done(); - }); -}); - -app.use(historyApiFallback()); -app.use(devMiddlewareInstance); -app.use(hotMiddlewareInstance); -app.use(express.static(__dirname + config.devPath)); - -app.get('*', function(req, res) { - res.sendFile(path.join(__dirname, 'index.html')); -}); - -export default app.listen(config.server.port, (error) => { - let uri = 'http://localhost:' + config.server.port; - - if (error) { - console.log(chalk.red(error)); - - return; - } - - console.log(chalk.blue('Listening at ' + uri + '\n')); -}); diff --git a/build/webpack/base.js b/build/webpack/base.js deleted file mode 100644 index 4fdafe7..0000000 --- a/build/webpack/base.js +++ /dev/null @@ -1,102 +0,0 @@ -import path from 'path'; -import webpack from 'webpack'; -import autoprefixer from 'autoprefixer'; -import eslintFormatter from 'eslint-friendly-formatter'; -import config from '../config'; - -const buildAssetsPath = (_path) => { - return path.posix.join(_path); -}; - -export default { - entry: { - docs: './docs/src/index.js' - }, - output: { - path: config.rootPath, - publicPath: config.publicPath, - filename: '[name].js' - }, - resolve: { - extensions: ['', '.js', '.vue'], - fallback: [config.nodePath], - alias: { - vue: 'vue/dist/vue.common.js' - } - }, - resolveLoader: { - fallback: [config.nodePath] - }, - module: { - preLoaders: [ - { - test: /\.vue$/, - loader: 'eslint', - include: config.projectRoot, - exclude: /node_modules/ - }, - { - test: /\.js$/, - loader: 'eslint', - include: config.projectRoot, - exclude: /node_modules/ - } - ], - loaders: [ - { - test: /\.vue$/, - loader: 'vue' - }, - { - test: /\.js$/, - loader: 'babel', - include: config.projectRoot, - exclude: /node_modules/ - }, - { - test: /\.css$/, - loader: 'vue-style-loader!css-loader' - }, - { - test: /\.scss$/, - loader: 'vue-style-loader!css-loader!sass-loader' - }, - { - test: /\.theme$/, - loaders: ['raw', 'sass-loader'] - }, - { - test: /\.html$/, - loader: 'vue-html' - }, - { - test: /\.(png|jpe?g|gif|svg)(\?.*)?$/, - loader: 'url', - query: { - limit: 10000, - name: buildAssetsPath('images/[name].[hash:7].[ext]') - } - } - ] - }, - eslint: { - fix: true, - formatter: eslintFormatter - }, - vue: { - loaders: { - css: 'vue-style-loader!css-loader', - scss: 'vue-style-loader!css-loader!sass-loader' - }, - postcss: [ - autoprefixer({ - browsers: ['last 2 versions'] - }) - ] - }, - plugins: [ - new webpack.DefinePlugin({ - 'process.env': config.env - }) - ] -}; diff --git a/build/webpack/dev.js b/build/webpack/dev.js deleted file mode 100644 index b464a26..0000000 --- a/build/webpack/dev.js +++ /dev/null @@ -1,21 +0,0 @@ -import webpack from 'webpack'; -import merge from 'webpack-merge'; -import HtmlWebpackPlugin from 'html-webpack-plugin'; -import baseWebpackConfig from './base'; - -Object.keys(baseWebpackConfig.entry).forEach((name) => { - baseWebpackConfig.entry[name] = ['./build/server/client'].concat(baseWebpackConfig.entry[name]); -}); - -export default merge(baseWebpackConfig, { - devtool: '#inline-source-map', - plugins: [ - new webpack.HotModuleReplacementPlugin(), - new webpack.NoErrorsPlugin(), - new HtmlWebpackPlugin({ - filename: 'index.html', - template: 'docs/index.html', - inject: true - }) - ] -}); diff --git a/build/webpack/prod-docs.js b/build/webpack/prod-docs.js deleted file mode 100644 index 0d47e11..0000000 --- a/build/webpack/prod-docs.js +++ /dev/null @@ -1,67 +0,0 @@ -import webpack from 'webpack'; -import path from 'path'; -import merge from 'webpack-merge'; -import ExtractTextPlugin from 'extract-text-webpack-plugin'; -import HtmlWebpackPlugin from 'html-webpack-plugin'; -import config from '../config'; -import baseConfig from './base'; - - -export default merge(baseConfig, { - output: { - path: path.join(config.rootPath, 'docs'), - publicPath: '', - filename: '[name].[chunkhash:8].js', - chunkFilename: '[id].[chunkhash:8].js' - }, - vue: { - loaders: { - css: ExtractTextPlugin.extract('css'), - scss: ExtractTextPlugin.extract(['css', 'sass']) - } - }, - plugins: [ - new webpack.optimize.UglifyJsPlugin({ - compress: { - warnings: false - } - }), - new webpack.optimize.OccurenceOrderPlugin(), - new ExtractTextPlugin('[name].[contenthash:8].css'), - new HtmlWebpackPlugin({ - filename: 'index.html', - template: config.indexPath, - inject: true, - minify: { - caseSensitive: true, - collapseBooleanAttributes: true, - collapseWhitespace: true, - minifyCSS: true, - minifyJS: true, - preventAttributesEscaping: true, - removeAttributeQuotes: true, - removeComments: true, - removeCommentsFromCDATA: true, - removeEmptyAttributes: true, - removeOptionalTags: true, - removeRedundantAttributes: true, - removeScriptTypeAttributes: true, - removeStyleLinkTypeAttributes: true, - useShortDoctype: true - }, - chunksSortMode: 'dependency' - }), - new webpack.optimize.CommonsChunkPlugin({ - name: 'vendor', - minChunks: (module) => { - let resource = module.resource; - - return resource && (/\.js$/).test(resource) && resource.indexOf(config.nodePath) === 0; - } - }), - new webpack.optimize.CommonsChunkPlugin({ - name: 'manifest', - chunks: ['vendor'] - }) - ] -}); diff --git a/build/webpack/prod-lib.js b/build/webpack/prod-lib.js deleted file mode 100644 index 6ef6e34..0000000 --- a/build/webpack/prod-lib.js +++ /dev/null @@ -1,49 +0,0 @@ -import fs from 'fs'; -import path from 'path'; -import webpack from 'webpack'; -import merge from 'webpack-merge'; -import ExtractTextPlugin from 'extract-text-webpack-plugin'; -import config from '../config'; -import baseConfig from './base'; - -function getDirectories(src) { - return fs.readdirSync(src).filter((file) => { - return fs.statSync(path.join(src, file)).isDirectory(); - }); -} - -const componentsPath = 'src/components'; -const components = getDirectories(path.resolve(__dirname, '../../', componentsPath)); - -baseConfig.entry = { - 'vue-material': ['./src/index.js'], - 'components/mdCore/index': ['./src/core'] -}; - -components.forEach((component) => { - baseConfig.entry[path.join('components', component, 'index')] = ['./' + path.join(componentsPath, component)]; -}); - -export default merge(baseConfig, { - output: { - path: config.rootPath, - filename: '[name].js', - library: 'VueMaterial', - libraryTarget: 'umd' - }, - vue: { - loaders: { - css: ExtractTextPlugin.extract('css'), - scss: ExtractTextPlugin.extract(['css', 'sass']) - } - }, - plugins: [ - new webpack.optimize.UglifyJsPlugin({ - compress: { - warnings: false - } - }), - new webpack.optimize.OccurenceOrderPlugin(), - new ExtractTextPlugin('[name].css') - ] -}); diff --git a/docs.5e0a49df.css b/docs.5e0a49df.css new file mode 100644 index 0000000..d3d08cb --- /dev/null +++ b/docs.5e0a49df.css @@ -0,0 +1 @@ +.md-ink-ripple{pointer-events:none;overflow:hidden;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-mask-image:radial-gradient(circle,#fff 100%,#000 0);transition:all .3s cubic-bezier(.55,0,.55,.2)}.md-ripple{position:absolute;transform:scale(0);background-color:currentColor;opacity:.26;border-radius:50%}.md-ripple.md-active{animation:ripple 1s cubic-bezier(.25,.8,.25,1)}@keyframes ripple{to{transform:scale(1.5);opacity:0}}.md-avatar{width:40px;min-width:40px;height:40px;min-height:40px;margin:auto;display:inline-block;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;border-radius:40px;vertical-align:middle}.md-avatar.md-large{width:64px;min-width:64px;height:64px;min-height:64px;border-radius:64px}.md-avatar.md-large .md-icon{width:40px;min-width:40px;height:40px;min-height:40px;font-size:40px;line-height:40px}.md-avatar.md-avatar-icon{background-color:rgba(0,0,0,.38)}.md-avatar.md-avatar-icon .md-icon{color:#fff}.md-avatar .md-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.md-avatar img{display:block}.md-avatar .md-ink-ripple{border-radius:50%}.md-avatar .md-ink-ripple .md-ripple.md-active{animation-duration:.9s}.md-avatar .md-tooltip.md-tooltip-top{margin-top:-8px}.md-avatar .md-tooltip.md-tooltip-right{margin-left:8px}.md-avatar .md-tooltip.md-tooltip-bottom{margin-top:8px}.md-avatar .md-tooltip.md-tooltip-left{margin-left:-8px}.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,.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-ripple{animation-duration:.4s}.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;-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: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;-ms-flex-align:center;align-items:center;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;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: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-icon-button{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{min-width:32px;height:32px;min-height:32px;padding:0;line-height:32px}.md-button.md-icon-button .md-tooltip.md-tooltip-top{margin-top:-8px}.md-button.md-icon-button .md-tooltip.md-tooltip-right{margin-left:8px}.md-button.md-icon-button .md-tooltip.md-tooltip-bottom{margin-top:8px}.md-button.md-icon-button .md-tooltip.md-tooltip-left{margin-left:-8px}.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-dense{min-height:32px;line-height:32px;font-size:13px}.md-button.md-fab{width:56px;height:56px;min-width:0;padding: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;vertical-align:middle;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-right{position:absolute;top:16px;right:16px}.md-button.md-fab.md-fab-top-left{position:absolute;top:16px;left:16px}.md-button.md-fab.md-fab-bottom-right{position:absolute;right:16px;bottom:16px}.md-button.md-fab.md-fab-bottom-left{position:absolute;left: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-group{width:auto;display:-ms-flexbox;display:flex}.md-button-group>.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-group>.md-button:first-child{border-radius:2px 0 0 2px}.md-button-group>.md-button:last-child{border-right-width:1px;border-radius:0 2px 2px 0}.md-button-group>.md-button .md-ink-ripple{border-radius:2px}.md-button.md-fab md-icon,.md-button.md-icon-button md-icon{display:block}.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-checkbox{width:auto;margin:16px 8px 16px 0;display:-ms-inline-flexbox;display:inline-flex;position:relative;transform:translate3D(0,0,0)}.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: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-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-container{width:100%;min-height:48px;margin:0;padding:0 16px;display:-ms-flexbox;display:flex;-ms-flex-flow:row nowrap;flex-flow:row;-ms-flex-align:center;align-items:center;position:relative;border-radius:0;font-size:16px;font-weight:400;text-align:left;text-transform:none}.md-list-item .md-list-item-container>.md-ink-ripple{border-radius:0}.md-list-item .md-list-item-container>.md-icon:first-child{margin-right:32px}.md-list-item .md-list-item-container .md-avatar:first-child{margin-right:16px}.md-list-item .md-list-item-container .md-list-action{margin:0 -2px 0 0}.md-list-item .md-list-item-container .md-list-action:nth-child(3){margin:0 -2px 0 16px}.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{position:relative;z-index:2}.md-list-item-expand>.md-list-item-container>span{-ms-flex:1;flex:1}.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);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-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-select-value{width:100%;height:100%;padding-right:24px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;cursor:pointer;position:relative;z-index:2;font-size:16px;line-height:1.2em;text-overflow:ellipsis;white-space:nowrap}.md-select .md-select-menu{min-width:156px;max-width:100%;min-height:48px;max-height:256px;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-option{height:48px;min-height:48px;padding:0 4px 0 16px;display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-ms-flex-pack:center;justify-content:center;overflow:hidden;cursor:pointer;position:relative;transform:translate3D(0,0,0);transition:all .4s cubic-bezier(.25,.8,.25,1);font-size:16px;line-height:1.2em;text-overflow:ellipsis;white-space:nowrap}.md-option.md-highlighted{background-color:rgba(0,0,0,.12)}.md-option span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.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-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;transition:all .4s cubic-bezier(.25,.8,.25,1)}.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);transform:translateZ(0);opacity:0;transition:all .5s cubic-bezier(.35,0,.25,1)}.md-sidenav.md-active .md-sidenav-content{pointer-events:auto;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);transform:translateZ(0)}.md-sidenav.md-active .md-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-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-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;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;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 .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;-ms-flex:1;flex:1;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-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-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-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)}.example[data-v-ae618a9c]{margin-bottom:24px;overflow:hidden}.example img[data-v-ae618a9c]{margin:-45px 0;display:block}.button-actions[data-v-ae618a9c]{margin-bottom:24px;text-align:center}.button-actions .introduction[data-v-ae618a9c]{margin-bottom:.8em;font-size:20px;line-height:1.6em}.button-actions .md-button[data-v-ae618a9c]{margin-left:0;color:#fff!important}.row[data-v-ae618a9c]{margin:0 -10px;display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap}.column[data-v-ae618a9c]{margin:0 10px;-ms-flex:1 1 30%;flex:1 1 30%}@media (max-width:640px){.column[data-v-ae618a9c]{-ms-flex:1 1 100%;flex:1 1 100%}}.md-bottom-bar[data-v-e76313f2]{position:absolute;right:0;bottom:0;left:0}.phone-viewport[data-v-e76313f2]{width:320px;height:480px;margin-right:16px;display:inline-block;position:relative;overflow:hidden;background-color:#ededed}.md-button-group+.md-button-group[data-v-53d16452]{margin-top:16px}.themed[data-v-e78bb318]{display:inline-block}.phone-viewport{width:360px;height:540px;margin-right:16px;display:inline-block;position:relative;overflow:hidden;background-color:#fff;border:1px solid rgba(0,0,0,.12)}.custom-list .md-list-action{position:absolute;top:8px;right:16px;pointer-events:auto;z-index:2}.custom-list .md-icon{color:rgba(0,0,0,.26)}.complete-example{height:540px;display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;position:relative;overflow:hidden;z-index:1}.complete-example .md-fab{margin:0;position:absolute;bottom:-20px;left:16px;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)}.complete-example .md-toolbar .md-icon{color:#014e70}.complete-example .md-title{color:#fff}.complete-example .md-list{overflow:auto}.complete-example .md-list-action .md-icon{color:rgba(0,0,0,.26)}.complete-example .md-avatar-icon .md-icon{color:#fff!important}.complete-example .md-sidenav .md-list-text-container>:nth-child(2){color:hsla(0,0%,100%,.54)}.complete-example .md-account-header .md-list-item:hover .md-button:hover{background-color:inherit}.complete-example .md-account-header .md-avatar-list .md-list-item-container:hover{background:none!important}.themed[data-v-487a6e1a]{display:inline-block}.has-ripple[data-v-90cf56be]{margin-bottom:16px;padding:16px;position:relative}span[data-v-90cf56be]{display:inline-block}.blue[data-v-90cf56be]{color:#2196f3}.green[data-v-90cf56be]{color:#4caf50}.field-group[data-v-66de8d6d]{display:-ms-flexbox;display:flex}.md-input-container+.md-input-container[data-v-66de8d6d]{margin-left:4px}p[data-v-6578676a]{padding:8px 16px}.playground{padding:0 16px 16px}.playground .md-subheader{padding:16px 0 0}div.examples .demo-example .demo-example-body{padding:0}.md-toolbar+.md-toolbar[data-v-5212004c]{margin-top:16px}.md-button.md-fab[data-v-5212004c]{margin:0;right:56px;bottom:-26px}.example .md-toolbar[data-v-5212004c]{margin-bottom:50px}.md-avatar[data-v-c69c7f3c],.md-button[data-v-c69c7f3c]{margin:24px}.whiteframe-list .demo-example .demo-example-body{padding-bottom:48px}.whiteframe-list .demo-example .demo-example-body .md-whiteframe{width:100px;height:100px;margin:24px 12px 12px 24px;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}body,html{height:100%}.container,body{display:-ms-flexbox;display:flex}.container{min-height:100%;-ms-flex-flow:column nowrap;flex-flow:column;-ms-flex:1;flex:1;transition:all .4s cubic-bezier(.25,.8,.25,1)}@media (min-width:1280px){.container{padding-left:280px}}.main-header{position:relative;z-index:3}@media (min-width:1280px){.main-header .md-button:first-child{display:none}}.main-header .md-title,.main-header .md-toolbar{color:#fff}.main-header .md-title .page-title{margin-left:0}@media (min-width:1280px){.main-header .md-title .page-title{margin-left:8px}}@media (min-width:1280px){.main-header .md-title span:not(.page-title){display:none}}.main-sidebar.md-sidenav .md-sidenav-content{width:280px;display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column}@media (min-width:1280px){.main-sidebar.md-sidenav .md-sidenav-content{top:0;pointer-events:auto;transform:translateZ(0);box-shadow:0 1px 5px rgba(0,0,0,.2),0 2px 2px rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12)}}@media (min-width:1280px){.main-sidebar.md-sidenav .md-backdrop{opacity:0;pointer-events:none}}.main-sidebar.md-sidenav .md-toolbar{min-height:172px;border-bottom:1px solid rgba(0,0,0,.12)}.main-sidebar.md-sidenav .vue-material-logo{font-size:24px}.main-sidebar.md-sidenav .vue-material-logo a{width:100%;display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;color:inherit;text-decoration:none}.main-sidebar.md-sidenav .vue-material-logo img{margin-bottom:24px}.main-sidebar.md-sidenav .main-sidebar-links{overflow:auto}.main-sidebar.md-sidenav .main-sidebar-links .md-inset .md-list-item-container{padding-left:36px}.main-sidebar.md-sidenav .main-sidebar-links .md-list-item-container{font-size:14px;font-weight:500}.page-content{overflow:auto;position:relative;z-index:1}.page-content,.page-content-wrapper{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-ms-flex:1;flex:1}.main-content{padding:16px;-ms-flex:1;flex:1;overflow:auto}.md-router-enter-active,.md-router-leave-active{position:absolute;top:0;right:0;left:0;transition:all .4s cubic-bezier(.25,.8,.25,1)}@media (min-width:1280px){.md-router-enter-active,.md-router-leave-active{left:280px}}.md-router-enter,.md-router-leave-active{opacity:.2}.md-router-enter .md-display-2{transform:translate3D(0,-36px,0)}code:not(.hljs){margin-left:1px;margin-right:1px;padding:0 4px;display:inline-block;border-radius:2px;font-family:Operator Mono,Fira Code,Menlo,Hack,Roboto Mono,Liberation Mono,Monaco,monospace}code:not(.hljs) pre{margin:8px 0}.single-page-content{width:100%;max-width:1024px;margin:0 auto;padding:16px}.single-page{padding-top:64px}.single-page .main-header{position:fixed;top:0;right:0;left:0;z-index:2;transition:all .4s cubic-bezier(.25,.8,.25,1)}@media (min-width:1280px){.single-page .main-header{padding-left:280px}}.single-page .main-header .md-title,.single-page .main-header .md-toolbar{color:#fff}.single-page-home{padding-top:256px}.single-page-banner{min-height:256px;padding-top:98px;position:absolute;top:0;right:0;left:0;z-index:3;color:#fff!important}.single-page-banner .md-title:first-child{margin-left:48px;font-size:45px;font-weight:400;line-height:1.3em}.single-page-menu-trigger{margin:0;position:fixed;top:12px;left:8px;z-index:3;color:#fff}.md-button.github-button{margin:0;position:fixed;top:12px;right:12px;z-index:3}.single-page-banner{min-height:256px;padding-top:98px;position:absolute;top:0;right:0;left:0;z-index:3;transition:all .4s cubic-bezier(.25,.8,.25,1);color:#fff!important}.single-page-banner .md-display-2{width:100%;max-width:1024px;padding-left:16px;margin:0 auto;transition:all .4s cubic-bezier(.25,.8,.25,1);color:#fff}@media (max-width:1120px){.single-page-banner .md-display-2{margin-left:36px}}.md-button.single-page-menu-trigger{margin:0;position:fixed;top:12px;left:8px;z-index:3;color:#fff}.md-button.github-button{margin:0;position:fixed;top:12px;right:12px;z-index:3}.single-page-section+.single-page-section{margin-top:48px}.single-page-section .md-headline .md-icon{height:32px;margin:0}.demo-page{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column}.page-tabs{-ms-flex:1;flex:1}.page-tabs>.md-whiteframe>.md-tabs-navigation{padding-left:52px}@media (min-width:1280px){.page-tabs>.md-whiteframe>.md-tabs-navigation{padding-left:8px}}.page-tabs>.md-whiteframe>.md-tabs-navigation .md-tab-header{color:hsla(0,0%,100%,.7)}.page-tabs>.md-whiteframe>.md-tabs-navigation .md-tab-header.md-active{color:#fff}.page-tabs>.md-whiteframe>.md-tabs-navigation .md-tab-indicator{background-color:#fff}.page-tabs>.md-tabs-content{overflow-y:auto}.page-tabs .md-tab{max-width:1024px;font-size:16px;line-height:1.6em}.demo-example[data-v-18d41b1c]{max-width:100%;min-width:320px;position:relative;overflow:hidden;background-color:#fafafa}.demo-example.size-1[data-v-18d41b1c]{width:320px}.demo-example.size-2[data-v-18d41b1c]{width:412px}.demo-example.size-3[data-v-18d41b1c]{width:480px}.demo-example.size-4[data-v-18d41b1c]{width:600px}.demo-example.size-5[data-v-18d41b1c]{width:768px}.demo-example+.demo-example[data-v-18d41b1c]{margin-top:16px}.demo-example .demo-example-body[data-v-18d41b1c]{padding:16px;background-color:#fff}.code-block{width:100%;max-width:850px;padding:4px 32px;margin:0;position:relative;overflow:auto;border-radius:2px;background-color:#eee;color:#455a64;font-family:Operator Mono,Fira Code,Menlo,Hack,Roboto Mono,Liberation Mono,Monaco,monospace;font-size:14px;line-height:24px}.code-block+.code-block{margin-top:16px}.code-block pre{margin:0;white-space:pre-wrap}.code-block code{padding:0;background:none}.code-block .hljs:after{position:absolute;top:8px;right:8px;color:rgba(0,0,0,.26);font-family:Roboto,Lato,sans-serif;font-size:11px;line-height:1em}.code-block .hljs.html:after{content:'HTML'}.code-block .hljs.javascript:after{content:'Javascript'}.code-block .hljs.xml:after{content:'HTML'}.code-block .hljs.scss:after{content:'SCSS'}.code-block .hljs-keyword,.code-block .hljs-selector-class,.code-block .hljs-selector-tag,.code-block .hljs-subst{font-weight:500}.code-block .hljs-keyword{color:#d81b60}.code-block .hljs-string{color:#00796b}.code-block .hljs-comment{color:#00796b;font-style:italic}.code-block .hljs-attr,.code-block .hljs-attribute,.code-block .hljs-built_in{color:#1976d2}.code-block .hljs-name,.code-block .hljs-number,.code-block .hljs-selector-class,.code-block .hljs-selector-tag,.code-block .hljs-tag{color:#d81b60} \ No newline at end of file diff --git a/docs.911c935d.js b/docs.911c935d.js new file mode 100644 index 0000000..7c441b7 --- /dev/null +++ b/docs.911c935d.js @@ -0,0 +1,7 @@ +webpackJsonp([1,0],[function(t,e,a){"use strict";function i(t){return t&&t.__esModule?t:{"default":t}}var n=a(2),o=i(n),d=a(248),s=i(d),r=a(1),m=i(r),c=a(111),l=i(c),u=a(112),h=i(u),p=a(110),f=i(p);a(4);var b=a(5),_=i(b),v=a(130),g=i(v),E=a(136),C=i(E),y=a(134),M=i(y),x=a(135),w=i(x),A=a(133),N=i(A),T=a(132),k=i(T),R=a(131),O=i(R);m["default"].registerLanguage("scss",l["default"]),m["default"].registerLanguage("xml",h["default"]),m["default"].registerLanguage("javascript",f["default"]),o["default"].component("single-page",C["default"]),o["default"].component("single-page-banner",M["default"]),o["default"].component("single-page-section",w["default"]),o["default"].component("demo-page",N["default"]),o["default"].component("demo-example",k["default"]),o["default"].component("code-block",O["default"]),o["default"].use(s["default"]);var H=new s["default"]({hashbang:!1,routes:_["default"]}),P=o["default"].component("app",g["default"]),L=function(t){t.name.indexOf("introduction")>=0?P.theme="blue":t.name.indexOf("components")>=0?P.theme="indigo":t.name.indexOf("themes")>=0?P.theme="teal":t.name.indexOf("ui-elements")>=0?P.theme="dark-pink":t.name.indexOf("changelog")>=0?P.theme="orange":t.name.indexOf("about")>=0?P.theme="green":P.theme="default"};P=new P({el:"#app",router:H}),L(H.currentRoute),H.afterEach(function(t){var e=document.querySelector(".main-content");e&&(e.scrollTop=0),P.closeSidenav(),L(t)})},,,,function(t,e,a){"use strict";function i(t){return t&&t.__esModule?t:{"default":t}}var n=a(2),o=i(n),d=a(29),s=i(d);o["default"].use(s["default"]),o["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:"purple"},"light-blue":{primary:"light-blue",accent:{color:"cyan",hue:"A200"}},teal:{primary:"teal",accent:"orange"},"dark-pink":{primary:{color:"pink",hue:800},accent:"orange"},cyan:{primary:"cyan",accent:"pink"},white:{primary:"white",accent:"indigo"},grey:{primary:{color:"grey",hue:300},accent:"indigo"}})},function(t,e,a){"use strict";function i(t){return t&&t.__esModule?t:{"default":t}}Object.defineProperty(e,"__esModule",{value:!0});var n=a(141),o=i(n),d=a(140),s=i(d),r=a(137),m=i(r),c=a(138),l=i(c),u=a(139),h=i(u),p=a(142),f=i(p),b=a(143),_=i(b),v=a(145),g=i(v),E=a(144),C=i(E),y=a(146),M=i(y),x=a(147),w=i(x),A=a(148),N=i(A),T=a(149),k=i(T),R=a(150),O=i(R),H=a(151),P=i(H),L=a(152),F=i(L),S=a(153),D=i(S),I=a(154),j=i(I),B=a(155),$=i(B),q=a(156),W=i(q),V=a(157),G=i(V),Y=a(158),U=i(Y),z=a(159),K=i(z),J=a(163),Q=i(J),X=a(162),Z=i(X),tt=a(160),et=i(tt),at=a(161),it=i(at),nt=[{path:"/",name:"introduction",component:o["default"]},{path:"/getting-started",name:"getting-started",component:s["default"]},{path:"/about",name:"about",component:m["default"]},{path:"/changelog",name:"changelog",component:l["default"]}],ot=[{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:_["default"]},{path:"/components/button",name:"components:button",component:g["default"]},{path:"/components/button-toggle",name:"components:button-toggle",component:C["default"]},{path:"/components/checkbox",name:"components:checkbox",component:M["default"]},{path:"/components/icon",name:"components:icon",component:w["default"]},{path:"/components/input",name:"components:input",component:N["default"]},{path:"/components/list",name:"components:list",component:k["default"]},{path:"/components/radio",name:"components:radio",component:O["default"]},{path:"/components/ripple",name:"components:ripple",component:P["default"]},{path:"/components/select",name:"components:select",component:F["default"]},{path:"/components/sidenav",name:"components:sidenav",component:D["default"]},{path:"/components/switch",name:"components:switch",component:$["default"]},{path:"/components/subheader",name:"components:subheader",component:j["default"]},{path:"/components/tabs",name:"components:tabs",component:W["default"]},{path:"/components/toolbar",name:"components:toolbar",component:G["default"]},{path:"/components/tooltip",name:"components:tooltip",component:U["default"]},{path:"/components/whiteframe",name:"components:whiteframe",component:K["default"]}],dt=[{path:"/themes",name:"themes",redirect:"/themes/configuration"},{path:"/themes/configuration",name:"themes:configuration",component:et["default"]},{path:"/themes/dynamic-themes",name:"themes:dynamic-themes",component:it["default"]}],st=[{path:"/ui-elements",name:"ui-elements",redirect:"/ui-elements/typography"},{path:"/ui-elements/typography",name:"ui-elements:typography",component:Q["default"]},{path:"/ui-elements/grid-system",name:"ui-elements:grid-system",component:Z["default"]}],rt=[{path:"*",name:"error",component:h["default"]}];e["default"]=[].concat(nt,ot,dt,st,rt)},function(t,e,a){"use strict";function i(t){return t&&t.__esModule?t:{"default":t}}function n(t){t.component("md-avatar",t.extend(d["default"])),t.material.styles.push(r["default"])}Object.defineProperty(e,"__esModule",{value:!0}),e["default"]=n;var o=a(164),d=i(o),s=a(113),r=i(s)},function(t,e,a){"use strict";function i(t){return t&&t.__esModule?t:{"default":t}}function n(t){t.component("md-bottom-bar",t.extend(d["default"])),t.component("md-bottom-bar-item",t.extend(r["default"])),t.material.styles.push(c["default"])}Object.defineProperty(e,"__esModule",{value:!0}),e["default"]=n;var o=a(165),d=i(o),s=a(166),r=i(s),m=a(114),c=i(m)},function(t,e,a){"use strict";function i(t){return t&&t.__esModule?t:{"default":t}}function n(t){t.component("md-button",t.extend(d["default"])),t.material.styles.push(r["default"])}Object.defineProperty(e,"__esModule",{value:!0}),e["default"]=n;var o=a(167),d=i(o),s=a(115),r=i(s)},function(t,e,a){"use strict";function i(t){return t&&t.__esModule?t:{"default":t}}function n(t){t.component("md-button-toggle",t.extend(d["default"])),t.material.styles.push(r["default"])}Object.defineProperty(e,"__esModule",{value:!0}),e["default"]=n;var o=a(168),d=i(o),s=a(116),r=i(s)},function(t,e,a){"use strict";function i(t){return t&&t.__esModule?t:{"default":t}}function n(t){t.component("md-checkbox",t.extend(d["default"])),t.material.styles.push(r["default"])}Object.defineProperty(e,"__esModule",{value:!0}),e["default"]=n;var o=a(169),d=i(o),s=a(117),r=i(s)},function(t,e,a){"use strict";function i(t){return t&&t.__esModule?t:{"default":t}}function n(t){t.component("md-divider",t.extend(d["default"]))}Object.defineProperty(e,"__esModule",{value:!0}),e["default"]=n;var o=a(170),d=i(o)},function(t,e,a){"use strict";function i(t){return t&&t.__esModule?t:{"default":t}}function n(t){t.component("md-icon",t.extend(d["default"])),t.material.styles.push(r["default"])}Object.defineProperty(e,"__esModule",{value:!0}),e["default"]=n;var o=a(171),d=i(o),s=a(118),r=i(s)},function(t,e,a){"use strict";function i(t){return t&&t.__esModule?t:{"default":t}}function n(t){t.component("md-input-container",d["default"]),t.component("md-input",r["default"]),t.component("md-textarea",c["default"]),t.material.styles.push(u["default"])}Object.defineProperty(e,"__esModule",{value:!0}),e["default"]=n;var o=a(173),d=i(o),s=a(172),r=i(s),m=a(174),c=i(m),l=a(119),u=i(l)},function(t,e,a){"use strict";function i(t){return t&&t.__esModule?t:{"default":t}}function n(t){t.component("md-list",t.extend(d["default"])),t.component("md-list-item",t.extend(r["default"])),t.component("md-list-expand",t.extend(c["default"])),t.material.styles.push(u["default"])}Object.defineProperty(e,"__esModule",{value:!0}),e["default"]=n;var o=a(175),d=i(o),s=a(177),r=i(s),m=a(176),c=i(m),l=a(120),u=i(l)},function(t,e,a){"use strict";function i(t){return t&&t.__esModule?t:{"default":t}}function n(t){t.component("md-radio",t.extend(d["default"])),t.material.styles.push(r["default"])}Object.defineProperty(e,"__esModule",{value:!0}),e["default"]=n;var o=a(178),d=i(o),s=a(121),r=i(s)},function(t,e,a){"use strict";function i(t){return t&&t.__esModule?t:{"default":t}}function n(t){t.component("md-select",t.extend(d["default"])),t.component("md-option",t.extend(r["default"])),t.component("md-optgroup",t.extend(c["default"])),t.material.styles.push(u["default"])}Object.defineProperty(e,"__esModule",{value:!0}),e["default"]=n;var o=a(181),d=i(o),s=a(180),r=i(s),m=a(179),c=i(m),l=a(122),u=i(l)},function(t,e,a){"use strict";function i(t){return t&&t.__esModule?t:{"default":t}}function n(t){t.component("md-sidenav",t.extend(d["default"])),t.material.styles.push(r["default"])}Object.defineProperty(e,"__esModule",{value:!0}),e["default"]=n;var o=a(182),d=i(o),s=a(123),r=i(s)},function(t,e,a){"use strict";function i(t){return t&&t.__esModule?t:{"default":t}}function n(t){t.component("md-subheader",t.extend(d["default"])),t.material.styles.push(r["default"])}Object.defineProperty(e,"__esModule",{value:!0}),e["default"]=n;var o=a(183),d=i(o),s=a(124),r=i(s)},function(t,e,a){"use strict";function i(t){return t&&t.__esModule?t:{"default":t}}function n(t){t.component("md-switch",t.extend(d["default"])),t.material.styles.push(r["default"])}Object.defineProperty(e,"__esModule",{value:!0}),e["default"]=n;var o=a(184),d=i(o),s=a(125),r=i(s)},function(t,e,a){"use strict";function i(t){return t&&t.__esModule?t:{"default":t}}function n(t){t.component("md-tabs",t.extend(d["default"])),t.component("md-tab",t.extend(r["default"])),t.material.styles.push(c["default"])}Object.defineProperty(e,"__esModule",{value:!0}),e["default"]=n;var o=a(186),d=i(o),s=a(185),r=i(s),m=a(126),c=i(m)},function(t,e,a){"use strict";function i(t){return t&&t.__esModule?t:{"default":t}}function n(t){t.component("md-toolbar",t.extend(d["default"])),t.material.styles.push(r["default"])}Object.defineProperty(e,"__esModule",{value:!0}),e["default"]=n;var o=a(187),d=i(o),s=a(127),r=i(s)},function(t,e,a){"use strict";function i(t){return t&&t.__esModule?t:{"default":t}}function n(t){t.component("md-tooltip",t.extend(d["default"]))}Object.defineProperty(e,"__esModule",{value:!0}),e["default"]=n;var o=a(188),d=i(o)},function(t,e,a){"use strict";function i(t){return t&&t.__esModule?t:{"default":t}}function n(t){t.component("md-whiteframe",t.extend(d["default"]))}Object.defineProperty(e,"__esModule",{value:!0}),e["default"]=n;var o=a(189),d=i(o)},function(t,e,a){"use strict";function i(t){var e="md-ink-ripple",a="md-ripple",i="md-active",n=void 0,o=function(t){var a=t.querySelector(":scope > ."+e);a&&(a.parentNode.removeChild(a),t.removeEventListener("mousedown",n))},d=function(o,d){t.nextTick(function(){d&&!function(){var t=d.querySelector(":scope > ."+e+"> ."+a);t&&(n=function(e){var a=d.getBoundingClientRect();e.stopPropagation(),t.classList.remove(i);var n=e.pageY-a.top-t.offsetHeight/2-document.body.scrollTop,o=e.pageX-a.left-t.offsetWidth/2-document.body.scrollLeft;t.style.top=n+"px",t.style.left=o+"px",t.classList.add(i)},o.removeEventListener("mousedown",n),o.addEventListener("mousedown",n))}()})},s=function(t,e,a){return t=document.createElement("div"),t.className=e,a&&(t.style.width=a,t.style.height=a),t},r=function(t){var e=["relative","absolute","fixed"];return e.indexOf(getComputedStyle(t).position)>-1},m=function(t){var e=!1,a=t;if(!t)return!1;if(r(t))return t;for(;!e&&(a=a.parentNode,a&&"body"!==a.tagName.toLowerCase());)a&&r(a)&&(e=a);return e},c=function(i){t.nextTick(function(){var t=m(i);if(t){var n=t.querySelector(":scope > ."+e+"> ."+a);if(!n){var o=Math.round(Math.max(t.offsetWidth,t.offsetHeight))+"px",r=s(n,e),c=s(n,a,o);r.appendChild(c),t.appendChild(r)}t!==i?d(i,t):n||d(i,t)}})};t.directive("mdInkRipple",function(e,a){t.nextTick(function(){a.value?o(e):c(e)})})}Object.defineProperty(e,"__esModule",{value:!0}),e["default"]=i,a(129),a(190)},function(t,e,a){"use strict";function i(t){return t&&t.__esModule?t:{"default":t}}function n(t){t.directive("mdTheme",b),t.material.theme={register:function(e,a){var i=t.material.theme.registeredThemes;i[e]=a,t.material.theme.registeredThemes=i},registerAll:function(e){t.material.theme.registeredThemes=e}},Object.defineProperty(t.material.theme,"registeredThemes",{get:function(){return this.themes},set:function(e){this.themes=e,f(e,t.material.styles)}})}Object.defineProperty(e,"__esModule",{value:!0}),e["default"]=n;var o=a(26),d=i(o),s=a(27),r=i(s),m=["primary","accent","background","warn","hue-1","hue-2","hue-3"],c={primary:"indigo",accent:"pink",background:"grey",warn:"deep-orange"},l=function(t,e){var a=document.head,i="md-theme-"+e;if(!a.querySelector("#"+i)){var n=document.createElement("style");t=t.replace(/THEME_NAME/g,i),n.type="text/css",n.id=i,n.textContent=t,a.appendChild(n)}},u=[],h=function(t,e){return m.forEach(function(a){t=t.replace(RegExp("("+a.toUpperCase()+")-(COLOR|CONTRAST)-?(A?\\d*)-?(\\d*\\.?\\d+)?","g"),function(t,i,n,o,s){var m=void 0,l=0===+o?500:o;if(e[a]?"string"==typeof e[a]?m=d["default"][e[a]]:(m=d["default"][e[a].color]||d["default"][c[a]],l=0===+o?e[a].hue:o):m=d["default"][c[a]],"COLOR"===n){var u=d["default"][e[a]];return o||u||("accent"===a?l="A200":"background"===a&&(l=50)),s?(0,r["default"])(m[l],s):m[l]}return m.darkText.indexOf(l)>=0?s?(0,r["default"])("#000",s):"rgba(0, 0, 0, .87)":s?(0,r["default"])("#fff",s):"rgba(255, 255, 255, .87)"})}),t},p=function(t,e,a){var i=[];a.forEach(function(e){i.push(h(e,t))}),l(i.join("\n"),e)},f=function(t,e){var a=t?Object.keys(t):[];a.indexOf("default")===-1&&(p(c,"default",e),u.push("default")),a.forEach(function(a){p(t[a],a,e),u.push(a)})},b=function(t,e){var a=e.value,i=e.oldValue,n=a,o="md-theme-"+n,d="md-theme-"+i;t.classList.contains(o)||(t.classList.remove(d),n&&u.indexOf(n)>=0?t.classList.add(o):(t.classList.add(d),console.warn('Attempted to use unregistered theme "'+n+'".')))}},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:[]}}},function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e["default"]=function(t,e){var a="",i="",n="",o=t.toString().match(/^#?(([0-9a-zA-Z]{3}){1,3})$/);if(!o)throw new Error("Invalid color"+t);if(t=o[1],6===t.length)a=parseInt(t.substring(0,2),16),i=parseInt(t.substring(2,4),16),n=parseInt(t.substring(4,6),16);else if(3===t.length){var d=t.substring(0,1),s=t.substring(1,2),r=t.substring(2,3);a=parseInt(d+d,16),i=parseInt(s+s,16),n=parseInt(r+r,16)}return e?(e>1&&(e/=100),"rgba("+a+", "+i+", "+n+", "+e+")"):"rgb("+a+", "+i+", "+n+")"}},function(t,e,a){"use strict";function i(t){return t&&t.__esModule?t:{"default":t}}function n(t){return n.installed?void console.warn("Vue Material is already installed."):(n.installed=!0,t.material={styles:[c["default"]]},t.use(d["default"]),void t.use(r["default"]))}Object.defineProperty(e,"__esModule",{value:!0}),e["default"]=n;var o=a(25),d=i(o),s=a(24),r=i(s),m=a(128),c=i(m);a(250)},function(t,e,a){"use strict";function i(t){return t&&t.__esModule?t:{"default":t}}Object.defineProperty(e,"__esModule",{value:!0});var n=a(28),o=i(n),d=a(6),s=i(d),r=a(7),m=i(r),c=a(8),l=i(c),u=a(9),h=i(u),p=a(10),f=i(p),b=a(11),_=i(b),v=a(12),g=i(v),E=a(13),C=i(E),y=a(14),M=i(y),x=a(15),w=i(x),A=a(16),N=i(A),T=a(17),k=i(T),R=a(18),O=i(R),H=a(19),P=i(H),L=a(20),F=i(L),S=a(21),D=i(S),I=a(22),j=i(I),B=a(23),$=i(B),q={mdCore:o["default"],mdAvatar:s["default"],mdBottomBar:m["default"],mdButton:l["default"],mdButtonToggle:h["default"],mdCheckbox:f["default"],mdDivider:_["default"],mdIcon:g["default"],mdInputContainer:C["default"],mdList:M["default"],mdRadio:w["default"],mdSelect:N["default"],mdSidenav:k["default"],mdSubheader:O["default"],mdSwitch:P["default"],mdTabs:F["default"],mdToolbar:D["default"],mdTooltip:j["default"],mdWhiteframe:$["default"]};q.install=function(t){for(var e in q){var a=q[e];a&&"install"!==e&&t.use(a)}},window.VueMaterial=q,e["default"]=q},function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e["default"]={data:function(){return{toolbar:!0,theme:"default",pageTitle:""}},methods:{toggleSidenav:function(){this.$refs["main-sidebar"].toggle()},closeSidenav:function(){this.$refs["main-sidebar"].close()}}}},function(t,e,a){"use strict";function i(t){return t&&t.__esModule?t:{"default":t}}Object.defineProperty(e,"__esModule",{value:!0});var n=a(1),o=i(n);e["default"]={props:["lang"],mounted:function(){o["default"].highlightBlock(this.$refs.block)}}},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}}}},function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e["default"]={props:["label"],methods:{toggleSidenav:function(){this.$root.toggleSidenav()}}}},function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e["default"]={props:["label"],methods:{toggleSidenav:function(){this.$root.toggleSidenav()}}}},function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e["default"]={props:["label"]}},function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e["default"]={props:["label"],methods:{toggleSidenav:function(){this.$root.toggleSidenav()}}}},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}}}},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}}}},function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e["default"]={data:function(){return{checkbox:!0,checkbox2:!1}}}},function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e["default"]={data:function(){return{initialValue:"My initial value"}}}},function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e["default"]={data:function(){return{sidenavVisible:!1}},methods:{toggleSidenav:function(){this.$refs.sidebar.toggle()}}}},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}}}},function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e["default"]={data:function(){return{movie:"Godfather",country:"",font:"",food:""}}}},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)}}}},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}}}},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"}}}},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"}}}},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)}}},function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e["default"]={props:{href:String,type:String,disabled:Boolean},render:function(t){var e=this,a=Boolean(this.disabled),i=Boolean(this.href),n="button",o={staticClass:"md-button",attrs:{type:i||"button",disabled:a},directives:[{name:"md-ink-ripple",value:a,expression:"disabled"}],on:{click:function(){e.$emit("click")}}};return i&&(n="a",o.attrs.href=this.href,delete o.attrs.type),t(n,o,this.$slots["default"])}}},function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var a=void 0;e["default"]={props:{type:String},mounted:function(){var t=this;this.$children.forEach(function(e){var i=e.$el,n="md-toggle";a=function(){"radio"===t.type?(t.$children.forEach(function(t){t.$el.classList.remove(n)}),i.classList.add(n)):i.classList.toggle(n)},i&&i.classList.contains("md-button")&&i.addEventListener("click",a)})},beforeDestroy:function(){this.$children.forEach(function(t){var e=t.$el;e&&e.classList.contains("md-button")&&e.removeEventListener("click",a)})}}},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.value),"md-disabled":this.disabled}}},methods:{toggleCheck:function(){this.disabled||(this.checked=!this.checked,this.$emit("change",this.checked),this.$emit("input",this.checked))}}}},function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var a="md-input-invalid",i="md-input-disabled",n="md-input-required",o="md-input-placeholder",d="md-input-focused",s="md-has-value",r=function(t,e){t?e.add(i):e.remove(i)},m=function(t,e){t?e.add(n):e.remove(n)},c=function(t,e){t?e.add(o):e.remove(o)},l=function(t,e){t.length>0?e.add(s):e.remove(s)},u=function(t,e){e.enableCounter=+t>0,e.counterLength=+t};e["default"]={props:{type:String,value:[String,Number],disabled:Boolean,required:Boolean,maxlength:[String,Number],placeholder:[String,Number]},watch:{disabled:function(t){r(t,this.parentClasses)},required:function(t){m(t,this.parentClasses)},placeholder:function(t){c(t,this.parentClasses)},maxlength:function(t){u(t,this.$parent)}},methods:{onInvalid:function(){this.parentClasses.add(a)},onValid:function(){this.parentClasses.remove(a)},onFocus:function(){this.parentClasses.add(d)},onBlur:function(){this.parentClasses.remove(d),l(this.$el.value,this.parentClasses)},onInput:function(){l(this.$el.value,this.parentClasses),this.$parent.inputLength=this.$el.value.length,this.$emit("change",this.$el.value),this.$emit("input",this.$el.value)}},mounted:function(){if(!this.$parent.$el.classList.contains("md-input-container"))throw this.$destroy(),new Error("You should wrap the md-input in a md-input-container");this.parentClasses=this.$parent.$el.classList,r(this.disabled,this.parentClasses),m(this.required,this.parentClasses),c(this.placeholder,this.parentClasses),l(this.$el.value,this.parentClasses),u(this.maxlength,this.$parent)}}},function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e["default"]={props:{mdInline:Boolean,mdDisabled:Boolean,mdHasPassword:Boolean},computed:{classes:function(){return{"md-input-inline":this.mdInline,"md-has-password":this.mdHasPassword,"md-has-select":this.mdHasSelect,"md-has-value":Boolean(this.value)}}},data:function(){return{value:null,input:!1,inputType:!1,showPassword:!1,enableCounter:!1,mdHasSelect:!1,counterLength:0,inputLength:0}},methods:{togglePasswordType:function(){if("input"===this.input.tagName.toLowerCase()){var t=this.input.type;"password"===t?(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.querySelector("input")||this.$el.querySelector("textarea")||this.$el.querySelector("select"),!this.input)throw this.$destroy(),new Error("Missing input/select/textarea inside md-input-container");this.inputType=this.input.type}}},function(t,e,a){"use strict";function i(t){return t&&t.__esModule?t:{"default":t}}Object.defineProperty(e,"__esModule",{value:!0});var n=a(3),o=i(n),d="md-input-invalid",s="md-input-disabled",r="md-input-required",m="md-input-placeholder",c="md-input-focused",l="md-has-value",u=function(t,e){t?e.add(s):e.remove(s)},h=function(t,e){t?e.add(r):e.remove(r)},p=function(t,e){t?e.add(m):e.remove(m)},f=function(t,e){t.length>0?e.add(l):e.remove(l)},b=function(t,e){e.enableCounter=t>0,e.counterLength=t};e["default"]={props:{type:String,disabled:Boolean,required:Boolean,maxlength:String,placeholder:String},watch:{disabled:function(t){u(t,this.parentClasses)},required:function(t){h(t,this.parentClasses)},placeholder:function(t){p(t,this.parentClasses)},maxlength:function(t){b(t,this.$parent)}},methods:{onInvalid:function(){this.parentClasses.add(d)},onValid:function(){this.parentClasses.remove(d)},onFocus:function(){this.parentClasses.add(c)},onBlur:function(){this.parentClasses.remove(c),f(this.$el.value,this.parentClasses)},onInput:function(){f(this.$el.value,this.parentClasses),this.$parent.inputLength=this.$el.value.length}},mounted:function(){if(!this.$parent.$el.classList.contains("md-input-container"))throw this.$destroy(),new Error("You should wrap the md-textarea in a md-input-container");this.parentClasses=this.$parent.$el.classList,u(this.disabled,this.parentClasses),h(this.required,this.parentClasses),p(this.placeholder,this.parentClasses),f(this.$el.value,this.parentClasses),b(this.maxlength,this.$parent),this.$el.getAttribute("rows")||this.$el.setAttribute("rows","1"),(0,o["default"])(this.$el)},beforeDestroy:function(){o["default"].destroy(this.$el)}}},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()}}},function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e["default"]={props:{href:String,target:String},render:function(t){ +var e=this,a="md-button md-list-item-container",i=this.$slots["default"],n=i[0].componentOptions,o=void 0,d=void 0,s={staticClass:"md-list-item",on:{click:function(){e.$emit("click")}}},r=function(){return i[0].data.staticClass=a,i[0].data.directives=[{name:"md-ink-ripple"}],t("li",s,i)},m=function(){i.some(function(t,e){if(t.componentOptions&&"md-list-expand"===t.componentOptions.tag)return o=t,d=e,!0})},c=function(){return t("md-icon",{staticClass:"md-list-expand-indicator"},"keyboard_arrow_down")},l=function(t){t.$children.some(function(t){t.$el.classList.contains("md-list-expand")&&t.calculatePadding()})},u=function(t){var e=void 0;t.$parent.$children.some(function(t){var a=t.$el.classList;if(a.contains("md-list-item-expand")&&a.contains("md-active"))return e=t,a.remove("md-active"),l(t),!0}),e&&t.$el===e.$el||t.$el.classList.add("md-active")},h=function(){return i.splice(d,1),i.push(c()),t("div",{staticClass:a,on:{click:function(){u(e),e.$emit("click")}},directives:[{name:"md-ink-ripple"}]},i)},p=function(){return s.staticClass+=" md-list-item-expand",t("li",s,[h(),o])};if(n&&"router-link"===n.tag)return r();if(m(),o)return p();var f=t("md-button",{staticClass:a,attrs:{target:this.target,href:this.href}},i);return this.target&&(f.data.attrs.rel="noopener"),t("li",s,[f])}}},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(){this.disabled||(this.$emit("change",this.mdValue),this.$emit("input",this.mdValue))}}}},function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e["default"]={props:["label"]}},function(t,e,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),a(70),e["default"]={props:{value:[String,Boolean,Number]},data:function(){return{index:0}},computed:{classes:function(){return{"md-highlighted":this.hasHighlight()}}},watch:{classes:function(){this.hasHighlight()&&(this.$el.focus(),this.$el.scrollIntoViewIfNeeded(!1))}},methods:{setHighlight:function(){this.$parent.highlightOption(this.index)},hasHighlight:function(){return this.index===this.$parent.highlighted},selectOption:function(){this.hasHighlight()&&(this.$parent.$el.classList.contains("md-select")?this.$parent.selectOption(this.value):this.$parent.$parent.selectOption(this.value))}},mounted:function(){var t=this.$parent.$el.classList;if(!t.contains("md-select"))throw this.$destroy(),new Error("You should wrap the md-option in a md-select");this.$parent.optionsAmount++,this.index=this.$parent.optionsAmount}}},function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e["default"]={props:{name:String,required:Boolean,value:[String,Number,Boolean],id:String,disabled:Boolean},data:function(){return{active:!1,highlighted:!1,optionsAmount:0}},computed:{classes:function(){return{"md-disabled":this.disabled,"md-active":this.active}}},methods:{open:function(){this.active=!0,document.addEventListener("click",this.closeOnOffClick),this.$refs.menu.focus()},close:function(){this.active&&(this.$refs.menu.blur(),this.active=!1,document.removeEventListener("click",this.closeOnOffClick),this.$refs.value.focus())},closeOnOffClick:function(t){this.$el.contains(t.target)||this.close()},highlightOption:function(t){t>=1&&t<=this.optionsAmount?this.highlighted=t:this.highlighted=1},selectOption:function(t){this.close(),this.$parent.setValue(t),this.$emit("change",t),this.$emit("input",t)}},mounted:function(){if(!this.$parent.$el.classList.contains("md-input-container"))throw this.$destroy(),new Error("You should wrap the md-select in a md-input-container");this.$parent.setValue(this.value),this.$parent.hasSelect=!0},beforeDestroy:function(){this.$parent.setValue(null),this.$parent.hasSelect=!1,document.removeEventListener("click",this.closeOnOffClick)}}},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()}}}},function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e["default"]={render:function(t){var e="div",a={staticClass:"md-subheader"};return"md-list"===this.$parent.$options._componentTag&&(e="li"),t(e,a,this.$slots["default"])}}},function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var a=75,i="-1px";e["default"]={props:{name:String,value:Boolean,id:String,disabled:Boolean},data:function(){return{leftPos:i,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?a+"%":i}},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?a+"%":i}}},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})}}},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,a=window.setInterval(function(){e++,window.requestAnimationFrame(function(){t.calculateIndicatorPos(!0)}),e>200&&window.clearInterval(a)},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,a=this.$refs.indicator,i=this.$el.offsetWidth;t&&a.classList.add("md-transition-off"),this.$nextTick(function(){var n=e.$refs.tabHeader[e.activeTabNumber],o=n.offsetLeft,d=i-o-n.offsetWidth;a.style.left=o+"px",a.style.right=d+"px",t&&window.setTimeout(function(){a.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,a=Object.keys(this.tabs),i=t||a[0],n=a.indexOf(i);this.tabs[this.activeTab||i].ref.classList.remove("md-active"),this.activeTab=i,this.activeTabNumber=n,this.$nextTick(function(){e.calculateIndicatorPos(),e.calculateTabPos(e.tabs[i].ref,n),e.setVisibleTab(e.tabs[i].ref)}),this.$emit("change",n)},handleTabData:function(t){var e=Object.keys(this.tabs),a=e.indexOf(t.id);this.hasIcons=!!t.icon,this.hasLabel=!!t.label,t.disabled?this.changeTab(e[a+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,a){e.calculateTabPos(e.tabs[t].ref,a)})})}},mounted:function(){this.activeTab||this.changeTab(),window.addEventListener("resize",this.recalculateAllTabsPos)},beforeDestroy:function(){window.removeEventListener("resize",this.recalculateAllTabsPos)}}},function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var a=void 0,i=void 0,n=void 0,o=function(t){var e=t.targetElement.getBoundingClientRect();switch(t.mdDirection){case"top":t.$el.style.top=e.top-t.$el.offsetHeight+"px",t.$el.style.left=e.left+e.width/2+"px";break;case"right":t.$el.style.top=e.top+"px",t.$el.style.left=e.left+e.width+"px";break;case"bottom":t.$el.style.top=e.bottom+"px",t.$el.style.left=e.left+e.width/2+"px";break;case"left":t.$el.style.top=e.top+"px",t.$el.style.left=e.left-t.$el.offsetWidth+"px";break;default:console.warn("Invalid "+t.mdDirection+" option to md-direction option")}};e["default"]={props:{mdDirection:{type:String,"default":"bottom"},mdDelay:{type:String,"default":"0"}},data:function(){return{active:!1}},computed:{classes:function(){return{"md-active":this.active,"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"}}},watch:{mdDirection:function(){o(this)}},mounted:function(){var t=this,e=this.$el,n=e.parentNode;this.targetElement=n,a=function(){document.body.appendChild(e),o(t),t.active=!0},i=function(){var a=function i(){e.removeEventListener("transitionend",i),e.parentNode&&!e.classList.contains("md-active")&&document.body.removeChild(e)};t.active=!1,e.removeEventListener("transitionend",a),e.addEventListener("transitionend",a)},this.$parent.$el.classList===n.classList&&n.classList.forEach(function(t){t.indexOf("md-")>=0&&"md-active"!==t&&e.classList.add(t+"-tooltip")}),this.$el.parentNode.removeChild(this.$el),n.addEventListener("mouseenter",a),n.addEventListener("focus",a),n.addEventListener("mouseleave",i),n.addEventListener("blur",i)},beforeDestroy:function(){this.active=!1,this.$el.parentNode&&document.body.removeChild(this.$el),n&&(n.removeEventListener("mouseenter",a),n.removeEventListener("focus",a),n.removeEventListener("mouseleave",i),n.removeEventListener("blur",i))}}},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}}}},function(t,e,a){e=t.exports=a(69)(),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}::-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)}::-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)}::-webkit-scrollbar-button{display:none}::-webkit-scrollbar-corner{background-color:transparent}::-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:400;letter-spacing:-.01em;line-height:112px}a{text-decoration:none}button:focus{outline:none}',""])},,,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=".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-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=".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=""},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-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,a){var i,n;a(86),i=a(30);var o=a(217);n=i=i||{},"object"!=typeof i["default"]&&"function"!=typeof i["default"]||(n=i=i["default"]),"function"==typeof n&&(n=n.options),n.render=o.render,n.staticRenderFns=o.staticRenderFns,t.exports=i},function(t,e,a){var i,n;a(91),i=a(31);var o=a(224);n=i=i||{},"object"!=typeof i["default"]&&"function"!=typeof i["default"]||(n=i=i["default"]),"function"==typeof n&&(n=n.options),n.render=o.render,n.staticRenderFns=o.staticRenderFns,t.exports=i},function(t,e,a){var i,n;a(74),i=a(32);var o=a(197);n=i=i||{},"object"!=typeof i["default"]&&"function"!=typeof i["default"]||(n=i=i["default"]),"function"==typeof n&&(n=n.options),n.render=o.render,n.staticRenderFns=o.staticRenderFns,n._scopeId="data-v-18d41b1c",t.exports=i},function(t,e,a){var i,n;a(75),i=a(33);var o=a(198);n=i=i||{},"object"!=typeof i["default"]&&"function"!=typeof i["default"]||(n=i=i["default"]),"function"==typeof n&&(n=n.options),n.render=o.render,n.staticRenderFns=o.staticRenderFns,t.exports=i},function(t,e,a){var i,n;a(97),i=a(34);var o=a(228);n=i=i||{},"object"!=typeof i["default"]&&"function"!=typeof i["default"]||(n=i=i["default"]),"function"==typeof n&&(n=n.options),n.render=o.render,n.staticRenderFns=o.staticRenderFns,t.exports=i},function(t,e,a){var i,n;a(82),i=a(35);var o=a(212);n=i=i||{},"object"!=typeof i["default"]&&"function"!=typeof i["default"]||(n=i=i["default"]),"function"==typeof n&&(n=n.options),n.render=o.render,n.staticRenderFns=o.staticRenderFns,t.exports=i},function(t,e,a){var i,n;a(87),i=a(36);var o=a(218);n=i=i||{},"object"!=typeof i["default"]&&"function"!=typeof i["default"]||(n=i=i["default"]),"function"==typeof n&&(n=n.options),n.render=o.render,n.staticRenderFns=o.staticRenderFns,t.exports=i},function(t,e,a){var i,n,o=a(200);n=i=i||{},"object"!=typeof i["default"]&&"function"!=typeof i["default"]||(n=i=i["default"]),"function"==typeof n&&(n=n.options),n.render=o.render,n.staticRenderFns=o.staticRenderFns,t.exports=i},function(t,e,a){var i,n,o=a(239);n=i=i||{},"object"!=typeof i["default"]&&"function"!=typeof i["default"]||(n=i=i["default"]),"function"==typeof n&&(n=n.options),n.render=o.render,n.staticRenderFns=o.staticRenderFns,t.exports=i},function(t,e,a){var i,n,o=a(211);n=i=i||{},"object"!=typeof i["default"]&&"function"!=typeof i["default"]||(n=i=i["default"]),"function"==typeof n&&(n=n.options),n.render=o.render,n.staticRenderFns=o.staticRenderFns,t.exports=i},function(t,e,a){var i,n,o=a(247);n=i=i||{},"object"!=typeof i["default"]&&"function"!=typeof i["default"]||(n=i=i["default"]),"function"==typeof n&&(n=n.options),n.render=o.render,n.staticRenderFns=o.staticRenderFns,t.exports=i},function(t,e,a){var i,n;a(101);var o=a(235);n=i=i||{},"object"!=typeof i["default"]&&"function"!=typeof i["default"]||(n=i=i["default"]),"function"==typeof n&&(n=n.options),n.render=o.render,n.staticRenderFns=o.staticRenderFns,n._scopeId="data-v-ae618a9c",t.exports=i},function(t,e,a){var i,n,o=a(233);n=i=i||{},"object"!=typeof i["default"]&&"function"!=typeof i["default"]||(n=i=i["default"]),"function"==typeof n&&(n=n.options),n.render=o.render,n.staticRenderFns=o.staticRenderFns,t.exports=i},function(t,e,a){var i,n;a(107),i=a(37);var o=a(244);n=i=i||{},"object"!=typeof i["default"]&&"function"!=typeof i["default"]||(n=i=i["default"]),"function"==typeof n&&(n=n.options),n.render=o.render,n.staticRenderFns=o.staticRenderFns,n._scopeId="data-v-e76313f2",t.exports=i},function(t,e,a){var i,n;a(84);var o=a(215);n=i=i||{},"object"!=typeof i["default"]&&"function"!=typeof i["default"]||(n=i=i["default"]),"function"==typeof n&&(n=n.options),n.render=o.render,n.staticRenderFns=o.staticRenderFns,n._scopeId="data-v-53d16452",t.exports=i},function(t,e,a){var i,n;i=a(38);var o=a(192);n=i=i||{},"object"!=typeof i["default"]&&"function"!=typeof i["default"]||(n=i=i["default"]),"function"==typeof n&&(n=n.options),n.render=o.render,n.staticRenderFns=o.staticRenderFns,t.exports=i},function(t,e,a){var i,n;a(108),i=a(39);var o=a(245);n=i=i||{},"object"!=typeof i["default"]&&"function"!=typeof i["default"]||(n=i=i["default"]),"function"==typeof n&&(n=n.options),n.render=o.render,n.staticRenderFns=o.staticRenderFns,n._scopeId="data-v-e78bb318",t.exports=i},function(t,e,a){var i,n,o=a(213);n=i=i||{},"object"!=typeof i["default"]&&"function"!=typeof i["default"]||(n=i=i["default"]),"function"==typeof n&&(n=n.options),n.render=o.render,n.staticRenderFns=o.staticRenderFns,t.exports=i},function(t,e,a){var i,n;i=a(40);var o=a(201);n=i=i||{},"object"!=typeof i["default"]&&"function"!=typeof i["default"]||(n=i=i["default"]),"function"==typeof n&&(n=n.options),n.render=o.render,n.staticRenderFns=o.staticRenderFns,t.exports=i},function(t,e,a){var i,n;a(85),i=a(41);var o=a(216);n=i=i||{},"object"!=typeof i["default"]&&"function"!=typeof i["default"]||(n=i=i["default"]),"function"==typeof n&&(n=n.options),n.render=o.render,n.staticRenderFns=o.staticRenderFns,t.exports=i},function(t,e,a){var i,n;a(81),i=a(42);var o=a(210);n=i=i||{},"object"!=typeof i["default"]&&"function"!=typeof i["default"]||(n=i=i["default"]),"function"==typeof n&&(n=n.options),n.render=o.render,n.staticRenderFns=o.staticRenderFns,n._scopeId="data-v-487a6e1a",t.exports=i},function(t,e,a){var i,n;a(99);var o=a(231);n=i=i||{},"object"!=typeof i["default"]&&"function"!=typeof i["default"]||(n=i=i["default"]),"function"==typeof n&&(n=n.options),n.render=o.render,n.staticRenderFns=o.staticRenderFns,n._scopeId="data-v-90cf56be",t.exports=i},function(t,e,a){var i,n;a(93),i=a(43);var o=a(226);n=i=i||{},"object"!=typeof i["default"]&&"function"!=typeof i["default"]||(n=i=i["default"]),"function"==typeof n&&(n=n.options),n.render=o.render,n.staticRenderFns=o.staticRenderFns,n._scopeId="data-v-66de8d6d",t.exports=i},function(t,e,a){var i,n;a(92),i=a(44);var o=a(225);n=i=i||{},"object"!=typeof i["default"]&&"function"!=typeof i["default"]||(n=i=i["default"]),"function"==typeof n&&(n=n.options),n.render=o.render,n.staticRenderFns=o.staticRenderFns,n._scopeId="data-v-6578676a",t.exports=i},function(t,e,a){var i,n,o=a(195);n=i=i||{},"object"!=typeof i["default"]&&"function"!=typeof i["default"]||(n=i=i["default"]),"function"==typeof n&&(n=n.options),n.render=o.render,n.staticRenderFns=o.staticRenderFns,t.exports=i},function(t,e,a){var i,n;i=a(45);var o=a(232);n=i=i||{},"object"!=typeof i["default"]&&"function"!=typeof i["default"]||(n=i=i["default"]),"function"==typeof n&&(n=n.options),n.render=o.render,n.staticRenderFns=o.staticRenderFns,t.exports=i},function(t,e,a){var i,n;a(90),i=a(46);var o=a(223);n=i=i||{},"object"!=typeof i["default"]&&"function"!=typeof i["default"]||(n=i=i["default"]),"function"==typeof n&&(n=n.options),n.render=o.render,n.staticRenderFns=o.staticRenderFns,t.exports=i},function(t,e,a){var i,n;a(83);var o=a(214);n=i=i||{},"object"!=typeof i["default"]&&"function"!=typeof i["default"]||(n=i=i["default"]),"function"==typeof n&&(n=n.options),n.render=o.render,n.staticRenderFns=o.staticRenderFns,n._scopeId="data-v-5212004c",t.exports=i},function(t,e,a){var i,n;a(103);var o=a(238);n=i=i||{},"object"!=typeof i["default"]&&"function"!=typeof i["default"]||(n=i=i["default"]),"function"==typeof n&&(n=n.options),n.render=o.render,n.staticRenderFns=o.staticRenderFns,n._scopeId="data-v-c69c7f3c",t.exports=i},function(t,e,a){var i,n;a(109);var o=a(246);n=i=i||{},"object"!=typeof i["default"]&&"function"!=typeof i["default"]||(n=i=i["default"]),"function"==typeof n&&(n=n.options),n.render=o.render,n.staticRenderFns=o.staticRenderFns,t.exports=i},function(t,e,a){var i,n,o=a(204);n=i=i||{},"object"!=typeof i["default"]&&"function"!=typeof i["default"]||(n=i=i["default"]),"function"==typeof n&&(n=n.options),n.render=o.render,n.staticRenderFns=o.staticRenderFns,t.exports=i},function(t,e,a){var i,n,o=a(191);n=i=i||{},"object"!=typeof i["default"]&&"function"!=typeof i["default"]||(n=i=i["default"]),"function"==typeof n&&(n=n.options),n.render=o.render,n.staticRenderFns=o.staticRenderFns,t.exports=i},function(t,e,a){var i,n,o=a(230);n=i=i||{},"object"!=typeof i["default"]&&"function"!=typeof i["default"]||(n=i=i["default"]),"function"==typeof n&&(n=n.options),n.render=o.render,n.staticRenderFns=o.staticRenderFns,t.exports=i},function(t,e,a){var i,n,o=a(205);n=i=i||{},"object"!=typeof i["default"]&&"function"!=typeof i["default"]||(n=i=i["default"]),"function"==typeof n&&(n=n.options),n.render=o.render,n.staticRenderFns=o.staticRenderFns,t.exports=i},function(t,e,a){var i,n;a(71);var o=a(193);n=i=i||{},"object"!=typeof i["default"]&&"function"!=typeof i["default"]||(n=i=i["default"]),"function"==typeof n&&(n=n.options),n.render=o.render,n.staticRenderFns=o.staticRenderFns,t.exports=i},function(t,e,a){var i,n;a(98),i=a(47);var o=a(229);n=i=i||{},"object"!=typeof i["default"]&&"function"!=typeof i["default"]||(n=i=i["default"]),"function"==typeof n&&(n=n.options),n.render=o.render,n.staticRenderFns=o.staticRenderFns,t.exports=i},function(t,e,a){var i,n;i=a(48);var o=a(236);n=i=i||{},"object"!=typeof i["default"]&&"function"!=typeof i["default"]||(n=i=i["default"]),"function"==typeof n&&(n=n.options),n.render=o.render,n.staticRenderFns=o.staticRenderFns,t.exports=i},function(t,e,a){var i,n;a(104),i=a(49),n=i=i||{},"object"!=typeof i["default"]&&"function"!=typeof i["default"]||(n=i=i["default"]),"function"==typeof n&&(n=n.options),t.exports=i},function(t,e,a){var i,n;a(79),i=a(50);var o=a(208);n=i=i||{},"object"!=typeof i["default"]&&"function"!=typeof i["default"]||(n=i=i["default"]),"function"==typeof n&&(n=n.options),n.render=o.render,n.staticRenderFns=o.staticRenderFns,t.exports=i},function(t,e,a){var i,n;a(78),i=a(51);var o=a(207);n=i=i||{},"object"!=typeof i["default"]&&"function"!=typeof i["default"]||(n=i=i["default"]),"function"==typeof n&&(n=n.options),n.render=o.render,n.staticRenderFns=o.staticRenderFns,t.exports=i},function(t,e,a){var i,n;a(73);var o=a(196);n=i=i||{},"object"!=typeof i["default"]&&"function"!=typeof i["default"]||(n=i=i["default"]),"function"==typeof n&&(n=n.options),n.render=o.render,n.staticRenderFns=o.staticRenderFns,t.exports=i},function(t,e,a){var i,n;a(96);var o=a(227);n=i=i||{},"object"!=typeof i["default"]&&"function"!=typeof i["default"]||(n=i=i["default"]),"function"==typeof n&&(n=n.options),n.render=o.render,n.staticRenderFns=o.staticRenderFns,t.exports=i},function(t,e,a){var i,n;i=a(52);var o=a(219);n=i=i||{},"object"!=typeof i["default"]&&"function"!=typeof i["default"]||(n=i=i["default"]),"function"==typeof n&&(n=n.options),n.render=o.render,n.staticRenderFns=o.staticRenderFns,t.exports=i},function(t,e,a){var i,n;a(102),i=a(53);var o=a(237);n=i=i||{},"object"!=typeof i["default"]&&"function"!=typeof i["default"]||(n=i=i["default"]),"function"==typeof n&&(n=n.options),n.render=o.render,n.staticRenderFns=o.staticRenderFns,t.exports=i},function(t,e,a){var i,n;i=a(54);var o=a(203);n=i=i||{},"object"!=typeof i["default"]&&"function"!=typeof i["default"]||(n=i=i["default"]),"function"==typeof n&&(n=n.options),n.render=o.render,n.staticRenderFns=o.staticRenderFns,t.exports=i},function(t,e,a){var i,n;a(77);var o=a(202);n=i=i||{},"object"!=typeof i["default"]&&"function"!=typeof i["default"]||(n=i=i["default"]),"function"==typeof n&&(n=n.options),n.render=o.render,n.staticRenderFns=o.staticRenderFns,t.exports=i},function(t,e,a){var i,n;i=a(55);var o=a(206);n=i=i||{},"object"!=typeof i["default"]&&"function"!=typeof i["default"]||(n=i=i["default"]),"function"==typeof n&&(n=n.options),n.render=o.render,n.staticRenderFns=o.staticRenderFns,t.exports=i},function(t,e,a){var i,n;i=a(56),n=i=i||{},"object"!=typeof i["default"]&&"function"!=typeof i["default"]||(n=i=i["default"]),"function"==typeof n&&(n=n.options),t.exports=i},function(t,e,a){var i,n;a(76),i=a(57);var o=a(199);n=i=i||{},"object"!=typeof i["default"]&&"function"!=typeof i["default"]||(n=i=i["default"]),"function"==typeof n&&(n=n.options),n.render=o.render,n.staticRenderFns=o.staticRenderFns,t.exports=i},function(t,e,a){var i,n;i=a(58);var o=a(240);n=i=i||{},"object"!=typeof i["default"]&&"function"!=typeof i["default"]||(n=i=i["default"]),"function"==typeof n&&(n=n.options),n.render=o.render,n.staticRenderFns=o.staticRenderFns,t.exports=i},function(t,e,a){var i,n;i=a(59);var o=a(242);n=i=i||{},"object"!=typeof i["default"]&&"function"!=typeof i["default"]||(n=i=i["default"]),"function"==typeof n&&(n=n.options),n.render=o.render,n.staticRenderFns=o.staticRenderFns,t.exports=i},function(t,e,a){var i,n;a(80),i=a(60);var o=a(209);n=i=i||{},"object"!=typeof i["default"]&&"function"!=typeof i["default"]||(n=i=i["default"]),"function"==typeof n&&(n=n.options),n.render=o.render,n.staticRenderFns=o.staticRenderFns,t.exports=i},function(t,e,a){var i,n;a(72),i=a(61);var o=a(194);n=i=i||{},"object"!=typeof i["default"]&&"function"!=typeof i["default"]||(n=i=i["default"]),"function"==typeof n&&(n=n.options),n.render=o.render,n.staticRenderFns=o.staticRenderFns,t.exports=i},function(t,e,a){var i,n;a(95),i=a(62),n=i=i||{},"object"!=typeof i["default"]&&"function"!=typeof i["default"]||(n=i=i["default"]),"function"==typeof n&&(n=n.options),t.exports=i},function(t,e,a){var i,n;a(100),i=a(63);var o=a(234);n=i=i||{},"object"!=typeof i["default"]&&"function"!=typeof i["default"]||(n=i=i["default"]),"function"==typeof n&&(n=n.options),n.render=o.render,n.staticRenderFns=o.staticRenderFns,t.exports=i},function(t,e,a){var i,n;i=a(64);var o=a(221);n=i=i||{},"object"!=typeof i["default"]&&"function"!=typeof i["default"]||(n=i=i["default"]),"function"==typeof n&&(n=n.options),n.render=o.render,n.staticRenderFns=o.staticRenderFns,t.exports=i},function(t,e,a){var i,n;a(106),i=a(65);var o=a(243);n=i=i||{},"object"!=typeof i["default"]&&"function"!=typeof i["default"]||(n=i=i["default"]),"function"==typeof n&&(n=n.options),n.render=o.render,n.staticRenderFns=o.staticRenderFns,t.exports=i},function(t,e,a){var i,n;a(105);var o=a(241);n=i=i||{},"object"!=typeof i["default"]&&"function"!=typeof i["default"]||(n=i=i["default"]),"function"==typeof n&&(n=n.options),n.render=o.render,n.staticRenderFns=o.staticRenderFns,t.exports=i},function(t,e,a){var i,n;a(88),i=a(66);var o=a(220);n=i=i||{},"object"!=typeof i["default"]&&"function"!=typeof i["default"]||(n=i=i["default"]),"function"==typeof n&&(n=n.options),n.render=o.render,n.staticRenderFns=o.staticRenderFns,t.exports=i},function(t,e,a){var i,n;a(89),i=a(67);var o=a(222);n=i=i||{},"object"!=typeof i["default"]&&"function"!=typeof i["default"]||(n=i=i["default"]),"function"==typeof n&&(n=n.options),n.render=o.render,n.staticRenderFns=o.staticRenderFns,t.exports=i},function(t,e,a){var i,n;a(94),n=i=i||{},"object"!=typeof i["default"]&&"function"!=typeof i["default"]||(n=i=i["default"]),"function"==typeof n&&(n=n.options),t.exports=i},function(module,exports){module.exports={render:function(){with(this)return _h("single-page",{staticClass:"single-page-home",attrs:{label:"Themes - Dynamic Themes"}})},staticRenderFns:[]}},function(module,exports){module.exports={render:function(){with(this)return _h("demo-page",{attrs:{label:"Components - Button"}},[_h("div",{slot:"examples"},[_h("demo-example",{attrs:{label:"Flat"}},[_h("md-button",{on:{click:disablePrimaryButton}},["Default"])," ",_h("md-button",{staticClass:"md-primary",attrs:{disabled:buttonDisabled}},["Primary"])," ",_h("md-button",{staticClass:"md-accent"},["Accent"])," ",_h("md-button",{staticClass:"md-warn"},["Warn"])," ",_h("md-button",{staticClass:"md-primary",attrs:{disabled:!buttonDisabled}},["Disabled"])," ",_h("md-button",{staticClass:"md-dense"},["Dense"])])," ",_h("demo-example",{attrs:{label:"Raised"}},[_h("md-button",{staticClass:"md-raised",on:{click:disablePrimaryButton}},["Default"])," ",_h("md-button",{staticClass:"md-raised md-primary",attrs:{disabled:buttonDisabled}},["Primary"])," ",_h("md-button",{staticClass:"md-raised md-accent"},["Accent"])," ",_h("md-button",{staticClass:"md-raised md-warn"},["Warn"])," ",_h("md-button",{staticClass:"md-raised md-primary",attrs:{disabled:!buttonDisabled}},["Disabled"])," ",_h("md-button",{staticClass:"md-raised md-dense"},["Dense"])])," ",_h("demo-example",{attrs:{label:"Themed"}},[_h("md-button",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"indigo",expression:"'indigo'"}],staticClass:"md-raised md-primary",on:{click:disablePrimaryButton}},["Indigo"])," ",_h("md-button",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"teal",expression:"'teal'"}],staticClass:"md-raised md-primary",attrs:{disabled:buttonDisabled}},["Teal"])," ",_h("md-button",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"green",expression:"'green'"}],staticClass:"md-raised md-primary"},["Green"])," ",_h("md-button",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"white",expression:"'white'"}],staticClass:"md-raised md-primary"},["White"])," ",_h("md-button",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"brown",expression:"'brown'"}],staticClass:"md-raised md-primary",attrs:{disabled:!buttonDisabled}},["Brown"])," ",_h("md-button",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"orange",expression:"'orange'"}],staticClass:"md-raised md-primary md-dense"},["Orange"])])," ",_h("demo-example",{attrs:{label:"Links"}},[_h("md-button",{staticClass:"md-raised",attrs:{href:"#/button"},on:{click:disablePrimaryButton}},["Default"])," ",_h("md-button",{staticClass:"md-raised md-primary",attrs:{href:"#/button",disabled:buttonDisabled}},["Primary"])," ",_h("md-button",{staticClass:"md-raised md-accent",attrs:{href:"#/button"}},["Accent"])," ",_h("md-button",{staticClass:"md-raised md-warn",attrs:{href:"#/button"}},["Warn"])," ",_h("md-button",{staticClass:"md-raised md-primary",attrs:{href:"#/button",disabled:!buttonDisabled}},["Disabled"])," ",_h("md-button",{staticClass:"md-raised md-dense",attrs:{href:"#/button"}},["Dense"])])," ",_h("demo-example",{attrs:{label:"Icons - Flat"}},[_h("md-button",{staticClass:"md-icon-button",on:{click:disablePrimaryButton}},[_h("md-icon",["add"])])," ",_h("md-button",{staticClass:"md-icon-button md-primary",attrs:{disabled:buttonDisabled}},[_h("md-icon",["add"])])," ",_h("md-button",{staticClass:"md-icon-button md-accent"},[_h("md-icon",["add"])])," ",_h("md-button",{staticClass:"md-icon-button md-warn"},[_h("md-icon",["add"])])," ",_h("md-button",{staticClass:"md-icon-button",attrs:{disabled:!buttonDisabled}},[_h("md-icon",["add"])])," ",_h("md-button",{staticClass:"md-icon-button md-dense"},[_h("md-icon",["add"])])])," ",_h("demo-example",{attrs:{label:"Icons - Raised"}},[_h("md-button",{staticClass:"md-icon-button md-raised",on:{click:disablePrimaryButton}},[_h("md-icon",["add"])])," ",_h("md-button",{staticClass:"md-icon-button md-raised md-primary",attrs:{disabled:buttonDisabled}},[_h("md-icon",["add"])])," ",_h("md-button",{staticClass:"md-icon-button md-raised md-accent"},[_h("md-icon",["add"])])," ",_h("md-button",{staticClass:"md-icon-button md-raised md-warn"},[_h("md-icon",["add"])])," ",_h("md-button",{staticClass:"md-icon-button md-raised",attrs:{disabled:!buttonDisabled}},[_h("md-icon",["add"])])," ",_h("md-button",{staticClass:"md-icon-button md-raised md-dense"},[_h("md-icon",["add"])])])," ",_h("demo-example",{attrs:{label:"Floating Action Button",height:"360"}},[_h("md-button",{staticClass:"md-fab md-fab-bottom-right"},[_h("md-icon",["add"])])," ",_h("md-button",{staticClass:"md-fab md-fab-bottom-left md-mini"},[_h("md-icon",["add"])])," ",_h("md-button",{staticClass:"md-fab"},[_h("md-icon",["edit"])])," ",_h("md-button",{staticClass:"md-fab md-mini"},[_h("md-icon",["edit"])])," ",_h("md-button",{staticClass:"md-fab md-primary"},[_h("md-icon",["email"])])," ",_h("md-button",{staticClass:"md-fab md-primary md-mini"},[_h("md-icon",["email"])])," ",_h("md-button",{staticClass:"md-fab md-warn"},[_h("md-icon",["save"])])," ",_h("md-button",{staticClass:"md-fab md-warn md-mini"},[_h("md-icon",["save"])])," ",_h("md-button",{staticClass:"md-fab md-clean"},[_h("md-icon",["chat"])])," ",_h("md-button",{staticClass:"md-fab md-clean md-mini"},[_h("md-icon",["chat"])])," ",_h("md-button",{staticClass:"md-fab",attrs:{disabled:""}},[_h("md-icon",["message"])])," ",_h("md-button",{staticClass:"md-fab md-mini",attrs:{disabled:""}},[_h("md-icon",["message"])])])])," ",_h("div",{slot:"code"},[_h("demo-example",{attrs:{label:"Flat"}},[_h("code-block",{attrs:{lang:"html"}},['\nDefault\nPrimary\nAccent\nWarn\nDisabled\nDense\n '])])," ",_h("demo-example",{attrs:{label:"Raised"}},[_h("code-block",{attrs:{lang:"xml"}},['\nDefault\nPrimary\nAccent\nWarn\nDisabled\nDense\n '])])," ",_h("demo-example",{attrs:{label:"Themed"}},[_h("code-block",{attrs:{lang:"xml"}},['\nIndigo\nTeal\nGreen\nWhite\nBrown\nOrange\n '])])," ",_h("demo-example",{attrs:{label:"Links"}},[_h("code-block",{attrs:{lang:"xml"}},['\nDefault\nPrimary\nAccent\nWarn\nDisabled\nDense\n '])])," ",_h("demo-example",{attrs:{label:"Icons - Flat"}},[_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 '])])," ",_h("demo-example",{attrs:{label:"Icons - Raised"}},[_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 '])])," ",_h("demo-example",{attrs:{label:"Floating Action Button"}},[_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 '])])])," ",_h("div",{slot:"api"})])},staticRenderFns:[]}},function(module,exports){module.exports={render:function(){with(this)return _h("div",{staticClass:"md-avatar"},[_t("default")])},staticRenderFns:[]}},function(module,exports){module.exports={render:function(){with(this)return _h("div",{staticClass:"md-sidenav","class":classes,attrs:{tabindex:"0"},on:{keyup:function(t){27===t.keyCode&&close(t)}}},[_h("div",{staticClass:"md-sidenav-content"},[_t("default")])," ",_h("div",{staticClass:"md-backdrop",on:{click:close}})])},staticRenderFns:[]}},function(module,exports){module.exports={render:function(){with(this)return _h("demo-page",{attrs:{label:"Components - Subheader"}},[_h("div",{slot:"examples"},[_h("demo-example",{attrs:{label:"With Lists"}},[_h("div",{staticClass:"phone-viewport"},[_h("md-list",[_h("md-subheader",["Navigation"])," ",_h("md-list-item",[_h("md-icon",["move_to_inbox"])," ",_m(0)])," ",_h("md-list-item",[_h("md-icon",["send"])," ",_m(1)])," ",_h("md-list-item",[_h("md-icon",["delete"])," ",_m(2)])," ",_h("md-list-item",[_h("md-icon",["error"])," ",_m(3)," ",_h("md-divider",{staticClass:"md-inset"})])," ",_h("md-subheader",["Contacts"])," ",_h("md-list-item",[_h("md-avatar",[_m(4)])," ",_m(5)," ",_h("md-button",{staticClass:"md-icon-button md-list-action"},[_h("md-icon",{staticClass:"md-primary"},["chat_bubble"])])])," ",_h("md-list-item",[_h("md-avatar",[_m(6)])," ",_m(7)," ",_h("md-button",{staticClass:"md-icon-button md-list-action"},[_h("md-icon",{staticClass:"md-primary"},["chat_bubble"])])])," ",_h("md-list-item",[_h("md-avatar",[_m(8)])," ",_m(9)," ",_h("md-button",{staticClass:"md-icon-button md-list-action"},[_h("md-icon",["chat_bubble"])])])])])," ",_h("div",{staticClass:"phone-viewport"},[_h("md-list",{staticClass:"custom-list md-triple-line"},[_h("md-subheader",["Today"])," ",_h("md-list-item",[_h("md-avatar",[_m(10)])," ",_m(11)," ",_h("md-button",{staticClass:"md-icon-button md-list-action"},[_h("md-icon",{staticClass:"md-primary"},["star"])])," ",_h("md-divider",{staticClass:"md-inset"})])," ",_h("md-list-item",[_h("md-avatar",[_m(12)])," ",_m(13)," ",_h("md-button",{staticClass:"md-icon-button md-list-action"},[_h("md-icon",["star_border"])])," ",_h("md-divider",{staticClass:"md-inset"})])," ",_h("md-list-item",[_h("md-avatar",[_m(14)])," ",_m(15)," ",_h("md-button",{staticClass:"md-icon-button md-list-action"},[_h("md-icon",["star_border"])])," ",_h("md-divider",{staticClass:"md-inset"})])," ",_h("md-list-item",[_h("md-avatar",[_m(16)])," ",_m(17)," ",_h("md-button",{staticClass:"md-icon-button md-list-action"},[_h("md-icon",["star_border"])])," ",_h("md-divider",{staticClass:"md-inset"})])])])])])," ",_h("div",{slot:"code"},[_m(18)])," ",_h("div",{slot:"api"})])},staticRenderFns:[function(){with(this)return _h("span",["Inbox"])},function(){with(this)return _h("span",["Outbox"])},function(){with(this)return _h("span",["Trash"])},function(){with(this)return _h("span",["Spam"])},function(){with(this)return _h("img",{attrs:{src:"https://placeimg.com/40/40/people/5",alt:"People"}})},function(){with(this)return _h("span",["Abbey Christansen"])},function(){with(this)return _h("img",{attrs:{src:"https://placeimg.com/40/40/people/1", +alt:"People"}})},function(){with(this)return _h("span",["Alex Nelson"])},function(){with(this)return _h("img",{attrs:{src:"https://placeimg.com/40/40/people/6",alt:"People"}})},function(){with(this)return _h("span",["Mary Johnson"])},function(){with(this)return _h("img",{attrs:{src:"https://placeimg.com/40/40/people/1",alt:"People"}})},function(){with(this)return _h("div",{staticClass:"md-list-text-container"},[_h("span",["Ali Connors"])," ",_h("span",["Brunch this weekend?"])," ",_h("p",["I'll be in your neighborhood doing errands..."])])},function(){with(this)return _h("img",{attrs:{src:"https://placeimg.com/40/40/people/6",alt:"People"}})},function(){with(this)return _h("div",{staticClass:"md-list-text-container"},[_h("span",["me, Scott, Jennifer"])," ",_h("span",["Summer BBQ"])," ",_h("p",["Wish I could come, but I'm out of town ..."])])},function(){with(this)return _h("img",{attrs:{src:"https://placeimg.com/40/40/people/5",alt:"People"}})},function(){with(this)return _h("div",{staticClass:"md-list-text-container"},[_h("span",["Sandra Adams"])," ",_h("span",["Oui oui"])," ",_h("p",["Do you have Paris recommendations ..."])])},function(){with(this)return _h("img",{attrs:{src:"https://placeimg.com/40/40/people/8",alt:"People"}})},function(){with(this)return _h("div",{staticClass:"md-list-text-container"},[_h("span",["Trevor Hansen"])," ",_h("span",["Order confirmation"])," ",_h("p",["Thank you for your recent order from ..."])])},function(){with(this)return _h("h2",["Code"])}]}},function(module,exports){module.exports={render:function(){with(this)return _m(0)},staticRenderFns:[function(){with(this)return _h("hr",{staticClass:"md-divider"})}]}},function(module,exports){module.exports={render:function(){with(this)return _h("md-whiteframe",{staticClass:"demo-example","class":classes,style:{height:height+"px"}},[_h("md-toolbar",{directives:[{name:"md-theme",rawName:"v-md-theme",value:titleTheme,expression:"titleTheme"}],staticClass:"demo-example-toolbar"},[_h("h2",{staticClass:"md-title"},[_s(label)])])," ",_h("section",{directives:[{name:"md-theme",rawName:"v-md-theme",value:bodyTheme,expression:"bodyTheme"}],staticClass:"demo-example-body"},[_t("default")])])},staticRenderFns:[]}},function(module,exports){module.exports={render:function(){with(this)return _h("div",{staticClass:"demo-page"},[_h("md-toolbar",{staticClass:"main-header"},[_h("md-button",{staticClass:"md-icon-button",on:{click:toggleSidenav}},[_h("md-icon",["menu"])])," ",_h("div",{staticClass:"md-title"},[_h("span",{staticClass:"page-title"},[_s(label)])])])," ",_h("div",{staticClass:"page-content"},[_h("md-tabs",{staticClass:"page-tabs",attrs:{"md-elevation":"2"}},[_h("md-tab",{attrs:{"md-label":"Examples"}},[_t("examples")])," ",_h("md-tab",{attrs:{"md-label":"Code"}},[_t("code")])," ",_h("md-tab",{attrs:{"md-label":"API"}},[_t("api")])])," ",_t("default")])])},staticRenderFns:[]}},function(module,exports){module.exports={render:function(){with(this)return _h("div",{staticClass:"md-radio","class":classes},[_h("div",{directives:[{name:"md-ink-ripple",rawName:"v-md-ink-ripple",value:disabled,expression:"disabled"}],staticClass:"md-radio-container",on:{click:toggleCheck}},[_h("input",{attrs:{type:"radio",name:name,id:id,disabled:disabled},domProps:{value:value}})])," ",$slots["default"]?_h("label",{staticClass:"md-radio-label",attrs:{"for":id||name}},[_t("default")]):_e()])},staticRenderFns:[]}},function(module,exports){module.exports={render:function(){with(this)return _h("single-page",{staticClass:"single-page-home",attrs:{label:"About"}},[_h("single-page-banner",{attrs:{label:"About"}})])},staticRenderFns:[]}},function(module,exports){module.exports={render:function(){with(this)return _h("demo-page",{attrs:{label:"Components - Input"}},[_h("div",{slot:"examples"},[_h("demo-example",{attrs:{label:"Regular fields",size:"4"}},[_h("form",{attrs:{novalidate:""},on:{submit:function(t){t.stopPropagation(),t.preventDefault(),submit(t)}}},[_h("md-input-container",[_m(0)," ",_h("md-input",{directives:[{name:"model",rawName:"v-model",value:initialValue,expression:"initialValue"}],domProps:{value:initialValue},on:{input:function(t){initialValue=t}}})])," ",_h("md-input-container",[_m(1)," ",_h("md-input",{attrs:{placeholder:"My nice placeholder"}})])," ",_h("md-input-container",{attrs:{"md-inline":""}},[_m(2)," ",_h("md-input")])," ",_h("md-input-container",[_m(3)," ",_h("md-input",{attrs:{type:"number"}})])," ",_h("md-input-container",[_m(4)," ",_h("md-textarea")])," ",_h("md-input-container",[_m(5)," ",_h("md-input",{attrs:{disabled:""}})])])])," ",_h("demo-example",{attrs:{label:"Password",size:"4"}},[_h("form",{attrs:{novalidate:""},on:{submit:function(t){t.stopPropagation(),t.preventDefault(),submit(t)}}},[_h("md-input-container",[_m(6)," ",_h("md-input",{attrs:{type:"password"}})])," ",_h("md-input-container",{attrs:{"md-has-password":""}},[_m(7)," ",_h("md-input",{attrs:{type:"password"}})])])])," ",_h("demo-example",{attrs:{label:"Required and Errors",size:"4"}},[_h("form",{attrs:{novalidate:""},on:{submit:function(t){t.stopPropagation(),t.preventDefault(),submit(t)}}},[_h("md-input-container",[_m(8)," ",_h("md-input",{attrs:{required:""}})])," ",_h("md-input-container",{staticClass:"md-input-invalid"},[_m(9)," ",_h("md-input",{attrs:{required:""}})])," ",_h("md-input-container",{staticClass:"md-input-invalid"},[_m(10)," ",_h("md-input",{attrs:{required:""}})," ",_m(11)])," ",_h("md-input-container",{staticClass:"md-input-invalid"},[_m(12)," ",_h("md-textarea")," ",_m(13)])])])," ",_h("demo-example",{attrs:{label:"Character counter",size:"4"}},[_h("form",{attrs:{novalidate:""},on:{submit:function(t){t.stopPropagation(),t.preventDefault(),submit(t)}}},[_h("md-input-container",[_m(14)," ",_h("md-textarea",{attrs:{maxlength:"70"}})])," ",_h("md-input-container",[_m(15)," ",_h("md-input",{attrs:{maxlength:"20"}})])])])," ",_h("demo-example",{attrs:{label:"Themed",size:"4"}},[_h("form",{attrs:{novalidate:""},on:{submit:function(t){t.stopPropagation(),t.preventDefault(),submit(t)}}},[_h("md-input-container",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"green",expression:"'green'"}]},[_m(16)," ",_h("md-input")])," ",_h("md-input-container",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"brown",expression:"'brown'"}]},[_m(17)," ",_h("md-textarea")])])])])," ",_h("div",{slot:"code"},[_m(18)])," ",_h("div",{slot:"api"})])},staticRenderFns:[function(){with(this)return _h("label",["Initial value"])},function(){with(this)return _h("label",["With label"])},function(){with(this)return _h("label",["Inline field"])},function(){with(this)return _h("label",["Number"])},function(){with(this)return _h("label",["Textarea"])},function(){with(this)return _h("label",["Disabled"])},function(){with(this)return _h("label",["Regular Password"])},function(){with(this)return _h("label",["Password Reveal"])},function(){with(this)return _h("label",["Required"])},function(){with(this)return _h("label",["Error"])},function(){with(this)return _h("label",["Error with message"])},function(){with(this)return _h("span",{staticClass:"md-error"},["Validation message"])},function(){with(this)return _h("label",["Textarea with error"])},function(){with(this)return _h("span",{staticClass:"md-error"},["Textarea validation message"])},function(){with(this)return _h("label",["Textarea"])},function(){with(this)return _h("label",["Input"])},function(){with(this)return _h("label",["Themable - Input"])},function(){with(this)return _h("label",["Themable - Textarea"])},function(){with(this)return _h("h2",["Code"])}]}},function(module,exports){module.exports={render:function(){with(this)return _h("ul",{staticClass:"md-list"},[_t("default")])},staticRenderFns:[]}},function(module,exports){module.exports={render:function(){with(this)return _h("textarea",{staticClass:"md-input",attrs:{disabled:disabled},on:{invalid:onInvalid,valid:onValid,focus:onFocus,blur:onBlur,input:onInput}})},staticRenderFns:[]}},function(module,exports){module.exports={render:function(){with(this)return _h("single-page",{staticClass:"single-page-home",attrs:{label:"Themes - Configuration"}})},staticRenderFns:[]}},function(module,exports){module.exports={render:function(){with(this)return _h("single-page",{staticClass:"single-page-home",attrs:{label:"UI Elements - Typography"}})},staticRenderFns:[]}},function(module,exports){module.exports={render:function(){with(this)return _h("div",{staticClass:"md-list-expand",style:{"margin-bottom":height}},[_t("default")])},staticRenderFns:[]}},function(module,exports){module.exports={render:function(){with(this)return _h("div",{staticClass:"md-checkbox","class":classes},[_h("div",{directives:[{name:"md-ink-ripple",rawName:"v-md-ink-ripple",value:disabled,expression:"disabled"}],staticClass:"md-checkbox-container",on:{click:toggleCheck}},[_h("input",{attrs:{type:"checkbox",name:name,id:id,disabled:disabled},domProps:{value:value}})])," ",$slots["default"]?_h("label",{staticClass:"md-checkbox-label",attrs:{"for":id||name}},[_t("default")]):_e()])},staticRenderFns:[]}},function(module,exports){module.exports={render:function(){with(this)return _h("div",{staticClass:"md-button-group md-button-toggle"},[_t("default")])},staticRenderFns:[]}},function(module,exports){module.exports={render:function(){with(this)return _h("div",{staticClass:"md-select","class":classes,attrs:{tabindex:disabled?null:"0"}},[_h("span",{ref:"value",staticClass:"md-select-value",on:{click:open,keydown:function(t){13===t.keyCode&&(t.preventDefault(),open(t))}}},[_s(value)])," ",_h("div",{ref:"menu",staticClass:"md-select-menu",attrs:{tabindex:"-1"},on:{keydown:[function(t){27===t.keyCode&&(t.preventDefault(),close(t))},function(t){9===t.keyCode&&(t.preventDefault(),close(t))},function(t){38===t.keyCode&&(t.preventDefault(),highlightOption(highlighted-1))},function(t){40===t.keyCode&&(t.preventDefault(),highlightOption(highlighted+1))}]}},[_h("div",{staticClass:"md-select-menu-container"},[_t("default")])])," ",_h("select",{attrs:{name:name,id:id,required:required,tabindex:"-1"}},[_h("option",{domProps:{value:value}},[_s(value)])])])},staticRenderFns:[]}},function(module,exports){module.exports={render:function(){with(this)return _h("demo-page",{attrs:{label:"Components - Radio"}},[_h("div",{slot:"examples"},[_h("demo-example",{attrs:{label:"Default"}},[_h("div",[_h("md-radio",{directives:[{name:"model",rawName:"v-model",value:radio1,expression:"radio1"}],attrs:{id:"my-test1",name:"my-test-group1","md-value":"1"},domProps:{value:radio1},on:{input:function(t){radio1=t}}},["My beautiful radio"])," ",_h("md-radio",{directives:[{name:"model",rawName:"v-model",value:radio1,expression:"radio1"}],attrs:{id:"my-test2",name:"my-test-group1","md-value":"2"},domProps:{value:radio1},on:{input:function(t){radio1=t}}},["Another radio"])," ",_h("md-radio",{directives:[{name:"model",rawName:"v-model",value:radio1,expression:"radio1"}],attrs:{id:"my-test3",name:"my-test-group1","md-value":"3"},domProps:{value:radio1},on:{input:function(t){radio1=t}}},["Another another radio"])])," ",_h("div",[_h("md-radio",{directives:[{name:"model",rawName:"v-model",value:radio2,expression:"radio2"}],staticClass:"md-primary",attrs:{id:"my-test4",name:"my-test-group2","md-value":"1"},domProps:{value:radio2},on:{input:function(t){radio2=t}}},["Primary radio"])," ",_h("md-radio",{directives:[{name:"model",rawName:"v-model",value:radio2,expression:"radio2"}],staticClass:"md-primary",attrs:{id:"my-test5",name:"my-test-group2","md-value":"2"},domProps:{value:radio2},on:{input:function(t){radio2=t}}},["Another primary radio"])," ",_h("md-radio",{directives:[{name:"model",rawName:"v-model",value:radio2,expression:"radio2"}],staticClass:"md-primary",attrs:{id:"my-test6",name:"my-test-group2","md-value":"3"},domProps:{value:radio2},on:{input:function(t){radio2=t}}},["Another another primary radio"])])," ",_h("div",[_h("md-radio",{directives:[{name:"model",rawName:"v-model",value:radio3,expression:"radio3"}],staticClass:"md-warn",attrs:{id:"my-test7",name:"my-test-group3","md-value":"1"},domProps:{value:radio3},on:{input:function(t){radio3=t}}},["Warn radio"])," ",_h("md-radio",{directives:[{name:"model",rawName:"v-model",value:radio3,expression:"radio3"}],staticClass:"md-warn",attrs:{id:"my-test8",name:"my-test-group3","md-value":"2"},domProps:{value:radio3},on:{input:function(t){radio3=t}}},["Another warn radio"])," ",_h("md-radio",{directives:[{name:"model",rawName:"v-model",value:radio3,expression:"radio3"}],staticClass:"md-warn",attrs:{id:"my-test9",name:"my-test-group3","md-value":"3"},domProps:{value:radio3},on:{input:function(t){radio3=t}}},["Another another warn radio"])])," ",_h("div",[_h("md-radio",{directives:[{name:"model",rawName:"v-model",value:radio4,expression:"radio4"}],attrs:{id:"my-test10",name:"my-test-group3","md-value":"1"},domProps:{value:radio4},on:{input:function(t){radio4=t}}},["My beautiful radio"])," ",_h("md-radio",{directives:[{name:"model",rawName:"v-model",value:radio4,expression:"radio4"}],attrs:{id:"my-test11",name:"my-test-group3","md-value":"2",disabled:""},domProps:{value:radio4},on:{input:function(t){radio4=t}}},["Disabled"])," ",_h("md-radio",{directives:[{name:"model",rawName:"v-model",value:radio4,expression:"radio4"}],attrs:{id:"my-test12",name:"my-test-group3","md-value":"3"},domProps:{value:radio4},on:{input:function(t){radio4=t}}},["Another radio"])])])," ",_h("demo-example",{attrs:{label:"Themed"}},[_h("div",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"orange",expression:"'orange'"}]},[_h("md-radio",{directives:[{name:"model",rawName:"v-model",value:radio5,expression:"radio5"}],staticClass:"md-primary",attrs:{id:"my-test13",name:"my-test-group4","md-value":"1"},domProps:{value:radio5},on:{input:function(t){radio5=t}}},["Orange radio"])," ",_h("md-radio",{directives:[{name:"model",rawName:"v-model",value:radio5,expression:"radio5"}],staticClass:"md-primary",attrs:{id:"my-test14",name:"my-test-group4","md-value":"2"},domProps:{value:radio5},on:{input:function(t){radio5=t}}},["Another Orange radio"])," ",_h("md-radio",{directives:[{name:"model",rawName:"v-model",value:radio5,expression:"radio5"}],staticClass:"md-primary",attrs:{id:"my-test15",name:"my-test-group4","md-value":"3"},domProps:{value:radio5},on:{input:function(t){radio5=t}}},["Another another Orange radio"])])," ",_h("div",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"brown",expression:"'brown'"}]},[_h("md-radio",{directives:[{name:"model",rawName:"v-model",value:radio6,expression:"radio6"}],staticClass:"md-primary",attrs:{id:"my-test16",name:"my-test-group4","md-value":"1"},domProps:{value:radio6},on:{input:function(t){radio6=t}}},["Brown radio"])," ",_h("md-radio",{directives:[{name:"model",rawName:"v-model",value:radio6,expression:"radio6"}],staticClass:"md-primary",attrs:{id:"my-test17",name:"my-test-group4","md-value":"2"},domProps:{value:radio6},on:{input:function(t){radio6=t}}},["Another Brown radio"])," ",_h("md-radio",{directives:[{name:"model",rawName:"v-model",value:radio6,expression:"radio6"}],staticClass:"md-primary",attrs:{id:"my-test18",name:"my-test-group4","md-value":"3"},domProps:{value:radio6},on:{input:function(t){radio6=t}}},["Another another Brown radio"])])," ",_h("div",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"green",expression:"'green'"}]},[_h("md-radio",{directives:[{name:"model",rawName:"v-model",value:radio7,expression:"radio7"}],staticClass:"md-primary",attrs:{id:"my-test19",name:"my-test-group6","md-value":"1"},domProps:{value:radio7},on:{input:function(t){radio7=t}}},["Green radio"])," ",_h("md-radio",{directives:[{name:"model",rawName:"v-model",value:radio7,expression:"radio7"}],staticClass:"md-primary",attrs:{id:"my-test20",name:"my-test-group6","md-value":"2"},domProps:{value:radio7},on:{input:function(t){radio7=t}}},["Another Green radio"])," ",_h("md-radio",{directives:[{name:"model",rawName:"v-model",value:radio7,expression:"radio7"}],staticClass:"md-primary",attrs:{id:"my-test21",name:"my-test-group6","md-value":"3"},domProps:{value:radio7},on:{input:function(t){radio7=t}}},["Another another Green radio"])])," ",_h("div",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"teal",expression:"'teal'"}]},[_h("md-radio",{directives:[{name:"model",rawName:"v-model",value:radio8,expression:"radio8"}],staticClass:"md-primary",attrs:{id:"my-test22",name:"my-test-group3","md-value":"1"},domProps:{value:radio8},on:{input:function(t){radio8=t}}},["Teal radio"])," ",_h("md-radio",{directives:[{name:"model",rawName:"v-model",value:radio8,expression:"radio8"}],staticClass:"md-primary",attrs:{id:"my-test23",name:"my-test-group3","md-value":"2",disabled:""},domProps:{value:radio8},on:{input:function(t){radio8=t}}},["Teal disabled radio"])," ",_h("md-radio",{directives:[{name:"model",rawName:"v-model",value:radio8,expression:"radio8"}],staticClass:"md-primary",attrs:{id:"my-test24",name:"my-test-group3","md-value":"3"},domProps:{value:radio8},on:{input:function(t){radio8=t}}},["Another another Teal radio"])])])])," ",_h("div",{slot:"code"},[_m(0)])," ",_h("div",{slot:"api"})])},staticRenderFns:[function(){with(this)return _h("h2",["Code"])}]}},function(module,exports){module.exports={render:function(){with(this)return _h("single-page",{staticClass:"single-page-home",attrs:{label:"Error"}},[_h("single-page-banner",{attrs:{label:"Error 404"}})])},staticRenderFns:[]}},function(module,exports){module.exports={render:function(){with(this)return _h("section",{staticClass:"single-page-section"},[_h("h2",{staticClass:"md-headline"},[_h("md-icon",["keyboard_arrow_right"])," "+_s(label)])," ",_t("default")])},staticRenderFns:[]}},function(module,exports){module.exports={render:function(){with(this)return _h("demo-page",{attrs:{label:"Components - Icon"}},[_h("div",{slot:"examples"},[_h("demo-example",{attrs:{label:"Default",size:"2"}},[_h("md-icon",["home"])," ",_h("md-icon",{staticClass:"md-primary"},["home"])," ",_h("md-icon",{staticClass:"md-accent"},["home"])," ",_h("md-icon",{staticClass:"md-warn"},["home"])])," ",_h("demo-example",{attrs:{label:"Themed",size:"2"}},[_h("md-icon",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"light-blue",expression:"'light-blue'"}],staticClass:"md-primary"},["home"])," ",_h("md-icon",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"green",expression:"'green'"}],staticClass:"md-primary"},["home"])," ",_h("md-icon",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"brown",expression:"'brown'"}],staticClass:"md-primary"},["home"])," ",_h("md-icon",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"orange",expression:"'orange'"}],staticClass:"md-primary"},["home"])])])," ",_h("div",{slot:"code"},[_m(0)])," ",_h("div",{slot:"api"})])},staticRenderFns:[function(){with(this)return _h("h2",["Code"])}]}},function(module,exports){module.exports={render:function(){with(this)return _h("demo-page",{attrs:{label:"Components - Toolbar"}},[_h("div",{slot:"examples"},[_h("demo-example",{attrs:{label:"Default"}},[_h("md-toolbar",[_h("md-button",{staticClass:"md-icon-button"},[_h("md-icon",["menu"])])," ",_m(0)," ",_h("md-button",{staticClass:"md-icon-button"},[_h("md-icon",["favorite"])])])])," ",_h("demo-example",{attrs:{label:"Dense"}},[_h("md-toolbar",{staticClass:"md-dense"},[_h("md-button",{staticClass:"md-icon-button"},[_h("md-icon",["menu"])])," ",_m(1)," ",_h("md-button",{staticClass:"md-icon-button"},[_h("md-icon",["favorite"])])])])," ",_h("demo-example",{attrs:{label:"Medium"}},[_h("md-toolbar",{staticClass:"md-medium"},[_h("div",{staticClass:"md-toolbar-container"},[_h("md-button",{staticClass:"md-icon-button"},[_h("md-icon",["menu"])])," ",_m(2)," ",_h("md-button",{staticClass:"md-icon-button"},[_h("md-icon",["search"])])," ",_h("md-button",{staticClass:"md-icon-button"},[_h("md-icon",["filter_list"])])])])])," ",_h("demo-example",{attrs:{label:"Large"}},[_h("md-toolbar",{staticClass:"md-large"},[_h("div",{staticClass:"md-toolbar-container"},[_h("md-button",{staticClass:"md-icon-button"},[_h("md-icon",["menu"])])," ",_m(3)," ",_h("md-button",{staticClass:"md-icon-button"},[_h("md-icon",["search"])])," ",_h("md-button",{staticClass:"md-icon-button"},[_h("md-icon",["filter_list"])])])," ",_m(4)])])," ",_h("demo-example",{attrs:{label:"Accent, Warn and Transparent Colors"}},[_h("md-toolbar",{staticClass:"md-accent"},[_h("md-button",{staticClass:"md-icon-button"},[_h("md-icon",["menu"])])," ",_m(5)," ",_h("md-button",{staticClass:"md-icon-button"},[_h("md-icon",["favorite"])])])," ",_h("md-toolbar",{staticClass:"md-warn"},[_h("md-button",{staticClass:"md-icon-button"},[_h("md-icon",["menu"])])," ",_m(6)," ",_h("md-button",["Add"])," ",_h("md-button",["Remove"])])," ",_h("md-toolbar",{staticClass:"md-transparent"},[_h("md-button",{staticClass:"md-icon-button"},[_h("md-icon",["menu"])])," ",_m(7)," ",_h("md-button",{staticClass:"md-raised"},["Add"])," ",_h("md-button",{staticClass:"md-raised md-warn"},["Remove"])])])," ",_h("demo-example",{attrs:{label:"Themed"}},[_h("md-toolbar",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"green",expression:"'green'"}]},[_h("md-button",{staticClass:"md-icon-button"},[_h("md-icon",["menu"])])," ",_m(8)," ",_h("md-button",{staticClass:"md-icon-button"},[_h("md-icon",["favorite"])])])," ",_h("md-toolbar",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"brown",expression:"'brown'"}],staticClass:"md-large"},[_h("div",{staticClass:"md-toolbar-container"},[_h("md-button",{staticClass:"md-icon-button"},[_h("md-icon",["menu"])])," ",_m(9)," ",_h("md-button",{staticClass:"md-icon-button"},[_h("md-icon",["search"])])," ",_h("md-button",{staticClass:"md-icon-button"},[_h("md-icon",["filter_list"])])])," ",_m(10)])," ",_h("md-toolbar",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"orange",expression:"'orange'"}]},[_h("md-button",{staticClass:"md-icon-button"},[_h("md-icon",["menu"])])," ",_m(11)," ",_h("md-button",["Add"])," ",_h("md-button",["Remove"])])," ",_h("md-toolbar",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"blue",expression:"'blue'"}]},[_h("md-button",{staticClass:"md-icon-button"},[_h("md-icon",["menu"])])," ",_m(12)," ",_h("md-button",{staticClass:"md-raised"},["Add"])," ",_h("md-button",{staticClass:"md-raised md-warn"},["Remove"])])])," ",_h("demo-example",{staticClass:"example",attrs:{label:"Complete Example"}},[_h("md-toolbar",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"green",expression:"'green'"}],staticClass:"md-large"},[_h("div",{staticClass:"md-toolbar-container"},[_h("md-button",{staticClass:"md-icon-button"},[_h("md-icon",["menu"])])," ",_m(13)," ",_h("md-button",{staticClass:"md-icon-button"},[_h("md-icon",["search"])])," ",_h("md-button",{staticClass:"md-icon-button"},[_h("md-icon",["filter_list"])])])," ",_h("div",{staticClass:"md-toolbar-container"},[_m(14)," ",_h("md-button",{staticClass:"md-fab md-fab-bottom-right"},[_h("md-icon",["add"])])])])])])," ",_h("div",{slot:"code"},[_m(15)])," ",_h("div",{slot:"api"})])},staticRenderFns:[function(){with(this)return _h("h2",{staticClass:"md-title",attrs:{style:"flex: 1"}},["Vue Material"])},function(){with(this)return _h("h2",{staticClass:"md-title",attrs:{style:"flex: 1"}},["Vue Material"])},function(){with(this)return _h("h2",{staticClass:"md-title",attrs:{style:"flex: 1;"}},["Vue Material"])},function(){with(this)return _h("span",{attrs:{style:"flex: 1;"}})},function(){with(this)return _h("div",{staticClass:"md-toolbar-container"},[_h("h2",{staticClass:"md-title"},["Vue Material"])])},function(){with(this)return _h("h2",{staticClass:"md-title",attrs:{style:"flex: 1"}},["Vue Material"])},function(){with(this)return _h("h2",{staticClass:"md-title",attrs:{style:"flex: 1"}},["Vue Material"])},function(){with(this)return _h("h2",{staticClass:"md-title",attrs:{style:"flex: 1"}},["Vue Material"])},function(){with(this)return _h("h2",{staticClass:"md-title",attrs:{style:"flex: 1"}},["Vue Material"])},function(){with(this)return _h("span",{attrs:{style:"flex: 1;"}})},function(){with(this)return _h("div",{staticClass:"md-toolbar-container"},[_h("h2",{staticClass:"md-title"},["Vue Material"])])},function(){with(this)return _h("h2",{staticClass:"md-title",attrs:{style:"flex: 1"}},["Vue Material"])},function(){with(this)return _h("h2",{staticClass:"md-title",attrs:{style:"flex: 1"}},["Vue Material"])},function(){with(this)return _h("span",{attrs:{style:"flex: 1;"}})},function(){with(this)return _h("h2",{staticClass:"md-title"},["Vue Material"])},function(){with(this)return _h("h2",["Code"])}]}},function(module,exports){module.exports={render:function(){with(this)return _h("demo-page",{attrs:{label:"Components - Button Toggle"}},[_h("div",{slot:"examples"},[_h("demo-example",{attrs:{label:"Multiple",size:"2"}},[_h("md-button-toggle",{staticClass:"md-button-group"},[_h("md-button",{staticClass:"md-icon-button md-toggle"},[_h("md-icon",["format_bold"])])," ",_h("md-button",{staticClass:"md-icon-button"},[_h("md-icon",["format_italic"])])," ",_h("md-button",{staticClass:"md-icon-button"},[_h("md-icon",["strikethrough_s"])])," ",_h("md-button",{staticClass:"md-icon-button md-toggle"},[_h("md-icon",["title"])])])," ",_h("md-button-toggle",{staticClass:"md-button-group md-primary"},[_h("md-button",{staticClass:"md-icon-button md-toggle"},[_h("md-icon",["format_bold"])])," ",_h("md-button",{staticClass:"md-icon-button md-toggle"},[_h("md-icon",["format_italic"])])," ",_h("md-button",{staticClass:"md-icon-button"},[_h("md-icon",["format_underline"])])," ",_h("md-button",{staticClass:"md-icon-button"},[_h("md-icon",["title"])])])," ",_h("md-button-toggle",{staticClass:"md-button-group md-accent"},[_h("md-button",{staticClass:"md-icon-button md-toggle"},[_h("md-icon",["format_bold"])])," ",_h("md-button",{staticClass:"md-icon-button md-toggle"},[_h("md-icon",["format_italic"])])," ",_h("md-button",{staticClass:"md-icon-button"},[_h("md-icon",["format_underline"])])," ",_h("md-button",{staticClass:"md-icon-button"},[_h("md-icon",["title"])])])," ",_h("md-button-toggle",{staticClass:"md-button-group md-warn"},[_h("md-button",{staticClass:"md-icon-button md-toggle"},[_h("md-icon",["format_bold"])])," ",_h("md-button",{staticClass:"md-icon-button md-toggle"},[_h("md-icon",["format_italic"])])," ",_h("md-button",{staticClass:"md-icon-button"},[_h("md-icon",["strikethrough_s"])])," ",_h("md-button",{staticClass:"md-icon-button"},[_h("md-icon",["title"])])])," ",_h("md-button-toggle",{staticClass:"md-button-group md-primary"},[_h("md-button",{staticClass:"md-icon-button md-toggle"},[_h("md-icon",["format_bold"])])," ",_h("md-button",{staticClass:"md-icon-button md-toggle",attrs:{disabled:""}},[_h("md-icon",["format_italic"])])," ",_h("md-button",{staticClass:"md-icon-button",attrs:{disabled:""}},[_h("md-icon",["strikethrough_s"])])," ",_h("md-button",{staticClass:"md-icon-button"},[_h("md-icon",["title"])])])," ",_h("md-button-toggle",{staticClass:"md-button-group md-primary"},[_h("md-button",{staticClass:"md-toggle"},["Works"])," ",_h("md-button",{staticClass:"md-toggle"},["With"])," ",_h("md-button",["Text"])," ",_h("md-button",["Too"])])])," ",_h("demo-example",{attrs:{label:"Single Selection",size:"2"}},[_h("md-button-toggle",{staticClass:"md-button-group",attrs:{type:"radio"}},[_h("md-button",{staticClass:"md-icon-button"},[_h("md-icon",["format_align_left"])])," ",_h("md-button",{staticClass:"md-icon-button md-toggle"},[_h("md-icon",["format_align_center"])])," ",_h("md-button",{staticClass:"md-icon-button"},[_h("md-icon",["format_align_right"])])," ",_h("md-button",{staticClass:"md-icon-button"},[_h("md-icon",["format_align_justify"])])])," ",_h("md-button-toggle",{staticClass:"md-button-group md-primary",attrs:{type:"radio"}},[_h("md-button",{staticClass:"md-icon-button"},[_h("md-icon",["format_align_left"])])," ",_h("md-button",{staticClass:"md-icon-button md-toggle"},[_h("md-icon",["format_align_center"])])," ",_h("md-button",{staticClass:"md-icon-button"},[_h("md-icon",["format_align_right"])])," ",_h("md-button",{staticClass:"md-icon-button"},[_h("md-icon",["format_align_justify"])])])," ",_h("md-button-toggle",{staticClass:"md-button-group md-accent",attrs:{type:"radio"}},[_h("md-button",{staticClass:"md-icon-button"},[_h("md-icon",["format_align_left"])])," ",_h("md-button",{staticClass:"md-icon-button md-toggle"},[_h("md-icon",["format_align_center"])])," ",_h("md-button",{staticClass:"md-icon-button"},[_h("md-icon",["format_align_right"])])," ",_h("md-button",{staticClass:"md-icon-button"},[_h("md-icon",["format_align_justify"])])])," ",_h("md-button-toggle",{staticClass:"md-button-group md-warn",attrs:{type:"radio"}},[_h("md-button",{staticClass:"md-icon-button"},[_h("md-icon",["format_align_left"])])," ",_h("md-button",{staticClass:"md-icon-button md-toggle"},[_h("md-icon",["format_align_center"])])," ",_h("md-button",{staticClass:"md-icon-button"},[_h("md-icon",["format_align_right"])])," ",_h("md-button",{staticClass:"md-icon-button"},[_h("md-icon",["format_align_justify"])])])," ",_h("md-button-toggle",{staticClass:"md-button-group md-primary",attrs:{type:"radio"}},[_h("md-button",{staticClass:"md-icon-button md-toggle"},[_h("md-icon",["format_align_left"])])," ",_h("md-button",{staticClass:"md-icon-button"},[_h("md-icon",["format_align_center"])])," ",_h("md-button",{staticClass:"md-icon-button"},[_h("md-icon",["format_align_right"])])," ",_h("md-button",{staticClass:"md-icon-button",attrs:{disabled:""}},[_h("md-icon",["format_align_justify"])])])," ",_h("md-button-toggle",{staticClass:"md-button-group md-primary",attrs:{type:"radio"}},[_h("md-button",["Works"])," ",_h("md-button",{staticClass:"md-toggle"},["With"])," ",_h("md-button",["Text"])," ",_h("md-button",["Too"])])])])," ",_h("div",{slot:"code"},[_m(0)])," ",_h("div",{slot:"api"})])},staticRenderFns:[function(){with(this)return _h("h2",["Code"])}]}},function(module,exports){module.exports={render:function(){with(this)return _h("demo-page",{attrs:{label:"Components - List"}},[_h("div",{slot:"examples"},[_h("demo-example",{attrs:{label:"Single Line"}},[_h("div",{staticClass:"phone-viewport"},[_h("md-list",[_h("md-list-item",[_h("md-icon",["move_to_inbox"])," ",_m(0)])," ",_h("md-list-item",[_h("md-icon",["send"])," ",_m(1)])," ",_h("md-list-item",[_h("md-icon",["delete"])," ",_m(2)])," ",_h("md-list-item",[_h("md-icon",["error"])," ",_m(3)," ",_h("md-divider",{staticClass:"md-inset"})])," ",_h("md-list-item",[_h("md-avatar",[_m(4)])," ",_m(5)," ",_h("md-button",{staticClass:"md-icon-button md-list-action"},[_h("md-icon",{staticClass:"md-primary"},["chat_bubble"])])])," ",_h("md-list-item",[_h("md-avatar",[_m(6)])," ",_m(7)," ",_h("md-button",{staticClass:"md-icon-button md-list-action"},[_h("md-icon",{staticClass:"md-primary"},["chat_bubble"])])])," ",_h("md-list-item",[_h("md-avatar",[_m(8)])," ",_m(9)," ",_h("md-button",{staticClass:"md-icon-button md-list-action"},[_h("md-icon",["chat_bubble"])])])])])," ",_h("div",{staticClass:"phone-viewport"},[_h("md-list",{staticClass:"md-dense"},[_h("md-list-item",[_h("md-icon",["move_to_inbox"])," ",_m(10)])," ",_h("md-list-item",[_h("md-icon",["send"])," ",_m(11)])," ",_h("md-list-item",[_h("md-icon",["delete"])," ",_m(12)])," ",_h("md-list-item",[_h("md-icon",["error"])," ",_m(13)," ",_h("md-divider",{staticClass:"md-inset"})])," ",_h("md-list-item",[_h("md-avatar",[_m(14)])," ",_m(15)," ",_h("md-button",{staticClass:"md-icon-button md-list-action"},[_h("md-icon",{staticClass:"md-primary"},["chat_bubble"])])])," ",_h("md-list-item",[_h("md-avatar",[_m(16)])," ",_m(17)," ",_h("md-button",{staticClass:"md-icon-button md-list-action"},[_h("md-icon",{staticClass:"md-primary"},["chat_bubble"])])])," ",_h("md-list-item",[_h("md-avatar",[_m(18)])," ",_m(19)," ",_h("md-button",{staticClass:"md-icon-button md-list-action"},[_h("md-icon",["chat_bubble"])])])])])])," ",_h("demo-example",{attrs:{label:"Double Line"}},[_h("div",{staticClass:"phone-viewport"},[_h("md-list",{ +staticClass:"md-double-line"},[_h("md-list-item",[_h("md-icon",{staticClass:"md-primary"},["phone"])," ",_m(20)," ",_h("md-button",{staticClass:"md-icon-button md-list-action"},[_h("md-icon",["sms"])])])," ",_h("md-list-item",{staticClass:"md-inset"},[_m(21)," ",_h("md-divider",{staticClass:"md-inset"})])," ",_h("md-list-item",[_h("md-icon",{staticClass:"md-primary"},["email"])," ",_m(22)," ",_h("md-button",{staticClass:"md-icon-button md-list-action"},[_h("md-icon",["sms"])])])," ",_h("md-list-item",{staticClass:"md-inset"},[_m(23)])])])," ",_h("div",{staticClass:"phone-viewport"},[_h("md-list",{staticClass:"md-double-line md-dense"},[_h("md-list-item",[_h("md-icon",{staticClass:"md-primary"},["phone"])," ",_m(24)," ",_h("md-button",{staticClass:"md-icon-button md-list-action"},[_h("md-icon",["sms"])])])," ",_h("md-list-item",{staticClass:"md-inset"},[_m(25)," ",_h("md-divider",{staticClass:"md-inset"})])," ",_h("md-list-item",[_h("md-icon",{staticClass:"md-primary"},["email"])," ",_m(26)," ",_h("md-button",{staticClass:"md-icon-button md-list-action"},[_h("md-icon",["sms"])])])," ",_h("md-list-item",{staticClass:"md-inset"},[_m(27)])])])])," ",_h("demo-example",{attrs:{label:"Triple Line"}},[_h("div",{staticClass:"phone-viewport"},[_h("md-list",{staticClass:"custom-list md-triple-line"},[_h("md-list-item",[_h("md-avatar",[_m(28)])," ",_m(29)," ",_h("md-button",{staticClass:"md-icon-button md-list-action"},[_h("md-icon",{staticClass:"md-primary"},["star"])])," ",_h("md-divider",{staticClass:"md-inset"})])," ",_h("md-list-item",[_h("md-avatar",[_m(30)])," ",_m(31)," ",_h("md-button",{staticClass:"md-icon-button md-list-action"},[_h("md-icon",["star_border"])])," ",_h("md-divider",{staticClass:"md-inset"})])," ",_h("md-list-item",[_h("md-avatar",[_m(32)])," ",_m(33)," ",_h("md-button",{staticClass:"md-icon-button md-list-action"},[_h("md-icon",["star_border"])])," ",_h("md-divider",{staticClass:"md-inset"})])," ",_h("md-list-item",[_h("md-avatar",[_m(34)])," ",_m(35)," ",_h("md-button",{staticClass:"md-icon-button md-list-action"},[_h("md-icon",["star_border"])])," ",_h("md-divider",{staticClass:"md-inset"})])])])," ",_h("div",{staticClass:"phone-viewport"},[_h("md-list",{staticClass:"custom-list md-triple-line md-dense"},[_h("md-list-item",[_h("md-avatar",[_m(36)])," ",_m(37)," ",_h("md-button",{staticClass:"md-icon-button md-list-action"},[_h("md-icon",{staticClass:"md-primary"},["star"])])," ",_h("md-divider",{staticClass:"md-inset"})])," ",_h("md-list-item",[_h("md-avatar",[_m(38)])," ",_m(39)," ",_h("md-button",{staticClass:"md-icon-button md-list-action"},[_h("md-icon",["star_border"])])," ",_h("md-divider",{staticClass:"md-inset"})])," ",_h("md-list-item",[_h("md-avatar",[_m(40)])," ",_m(41)," ",_h("md-button",{staticClass:"md-icon-button md-list-action"},[_h("md-icon",["star_border"])])," ",_h("md-divider",{staticClass:"md-inset"})])," ",_h("md-list-item",[_h("md-avatar",[_m(42)])," ",_m(43)," ",_h("md-button",{staticClass:"md-icon-button md-list-action"},[_h("md-icon",["star_border"])])," ",_h("md-divider",{staticClass:"md-inset"})])])])])," ",_h("demo-example",{attrs:{label:"Controls"}},[_h("div",{staticClass:"phone-viewport"},[_h("md-list",[_h("md-list-item",[_h("md-icon",["whatshot"])," ",_m(44)," ",_h("md-list-expand",[_h("md-list",[_h("md-list-item",{staticClass:"md-inset"},["World"])," ",_h("md-list-item",{staticClass:"md-inset"},["Americas"])," ",_h("md-list-item",{staticClass:"md-inset"},["Europe"])])])])," ",_h("md-list-item",[_h("md-icon",["videogame_asset"])," ",_m(45)," ",_h("md-list-expand",[_h("md-list",[_h("md-list-item",{staticClass:"md-inset"},["Console"])," ",_h("md-list-item",{staticClass:"md-inset"},["PC"])," ",_h("md-list-item",{staticClass:"md-inset"},["Phone"])])])])," ",_h("md-list-item",[_h("md-icon",["video_library"])," ",_m(46)," ",_h("md-list-expand",[_h("md-list",[_h("md-list-item",{staticClass:"md-inset"},["Humor"])," ",_h("md-list-item",{staticClass:"md-inset"},["Music"])," ",_h("md-list-item",{staticClass:"md-inset"},["Movies"])," ",_h("md-list-item",{staticClass:"md-inset"},["TV Shows"])])])])," ",_h("md-list-item",[_h("md-icon",["shopping_basket"])," ",_m(47)])])])])," ",_h("demo-example",{attrs:{label:"Complete Example"}},[_h("div",{staticClass:"phone-viewport complete-example"},[_h("md-whiteframe",{attrs:{"md-elevation":"3"}},[_h("md-toolbar",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"light-blue",expression:"'light-blue'"}],staticClass:"md-large"},[_h("div",{staticClass:"md-toolbar-container"},[_h("md-button",{staticClass:"md-icon-button",on:{click:toggleSidenav}},[_h("md-icon",["menu"])])," ",_m(48)," ",_h("md-button",{staticClass:"md-icon-button"},[_h("md-icon",["search"])])," ",_h("md-button",{staticClass:"md-icon-button"},[_h("md-icon",["view_module"])])])," ",_h("div",{staticClass:"md-toolbar-container"},[_m(49)," ",_h("md-button",{staticClass:"md-fab md-mini"},[_h("md-icon",["add"])])])])])," ",_h("md-list",{staticClass:"md-double-line"},[_h("md-subheader",{staticClass:"md-inset"},["Folders"])," ",_h("md-list-item",[_h("md-avatar",{staticClass:"md-avatar-icon"},[_h("md-icon",["folder"])])," ",_m(50)," ",_h("md-button",{staticClass:"md-icon-button md-list-action"},[_h("md-icon",["info"])])])," ",_h("md-list-item",[_h("md-avatar",{staticClass:"md-avatar-icon"},[_h("md-icon",["folder"])])," ",_m(51)," ",_h("md-button",{staticClass:"md-icon-button md-list-action"},[_h("md-icon",["info"])])])," ",_h("md-list-item",[_h("md-avatar",{staticClass:"md-avatar-icon"},[_h("md-icon",["folder"])])," ",_m(52)," ",_h("md-button",{staticClass:"md-icon-button md-list-action"},[_h("md-icon",["info"])])," ",_h("md-divider",{staticClass:"md-inset"})])," ",_h("md-subheader",{staticClass:"md-inset"},["Files"])," ",_h("md-list-item",[_h("md-avatar",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"blue",expression:"'blue'"}],staticClass:"md-avatar-icon md-primary"},[_h("md-icon",["insert_drive_file"])])," ",_m(53)," ",_h("md-button",{staticClass:"md-icon-button md-list-action"},[_h("md-icon",["info"])])])," ",_h("md-list-item",[_h("md-avatar",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"orange",expression:"'orange'"}],staticClass:"md-avatar-icon md-primary"},[_h("md-icon",["collections"])])," ",_m(54)," ",_h("md-button",{staticClass:"md-icon-button md-list-action"},[_h("md-icon",["info"])])])," ",_h("md-list-item",[_h("md-avatar",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"green",expression:"'green'"}],staticClass:"md-avatar-icon md-primary"},[_h("md-icon",["view_list"])])," ",_m(55)," ",_h("md-button",{staticClass:"md-icon-button md-list-action"},[_h("md-icon",["info"])])])," ",_h("md-list-item",[_h("md-avatar",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"orange",expression:"'orange'"}],staticClass:"md-avatar-icon md-primary"},[_h("md-icon",["collections"])])," ",_m(56)," ",_h("md-button",{staticClass:"md-icon-button md-list-action"},[_h("md-icon",["info"])])])])," ",_h("md-sidenav",{ref:"sidebar",staticClass:"md-left"},[_h("md-toolbar",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"blue",expression:"'blue'"}],staticClass:"md-account-header"},[_h("md-list",{staticClass:"md-transparent"},[_h("md-list-item",{staticClass:"md-avatar-list"},[_h("md-avatar",{staticClass:"md-large"},[_m(57)])," ",_m(58)," ",_h("md-avatar",[_m(59)])," ",_h("md-avatar",[_m(60)])])," ",_h("md-list-item",[_m(61)," ",_h("md-button",{staticClass:"md-icon-button md-list-action"},[_h("md-icon",["arrow_drop_down"])])])])])," ",_h("md-list",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"blue",expression:"'blue'"}]},[_h("md-list-item",{staticClass:"md-primary",on:{click:toggleSidenav}},[_h("md-icon",["insert_drive_file"])," ",_m(62)])," ",_h("md-list-item",{on:{click:toggleSidenav}},[_h("md-icon",["people"])," ",_m(63)])," ",_h("md-list-item",{on:{click:toggleSidenav}},[_h("md-icon",["access_time"])," ",_m(64)])," ",_h("md-list-item",{on:{click:toggleSidenav}},[_h("md-icon",["start"])," ",_m(65)])," ",_h("md-list-item",{on:{click:toggleSidenav}},[_h("md-icon",["delete"])," ",_m(66)])])])])])])," ",_h("div",{slot:"code"},[_m(67)])," ",_h("div",{slot:"api"})])},staticRenderFns:[function(){with(this)return _h("span",["Inbox"])},function(){with(this)return _h("span",["Sent Mail"])},function(){with(this)return _h("span",["Trash"])},function(){with(this)return _h("span",["Spam"])},function(){with(this)return _h("img",{attrs:{src:"https://placeimg.com/40/40/people/5",alt:"People"}})},function(){with(this)return _h("span",["Abbey Christansen"])},function(){with(this)return _h("img",{attrs:{src:"https://placeimg.com/40/40/people/1",alt:"People"}})},function(){with(this)return _h("span",["Alex Nelson"])},function(){with(this)return _h("img",{attrs:{src:"https://placeimg.com/40/40/people/6",alt:"People"}})},function(){with(this)return _h("span",["Mary Johnson"])},function(){with(this)return _h("span",["Inbox"])},function(){with(this)return _h("span",["Sent Mail"])},function(){with(this)return _h("span",["Trash"])},function(){with(this)return _h("span",["Spam"])},function(){with(this)return _h("img",{attrs:{src:"https://placeimg.com/40/40/people/5",alt:"People"}})},function(){with(this)return _h("span",["Abbey Christansen"])},function(){with(this)return _h("img",{attrs:{src:"https://placeimg.com/40/40/people/1",alt:"People"}})},function(){with(this)return _h("span",["Alex Nelson"])},function(){with(this)return _h("img",{attrs:{src:"https://placeimg.com/40/40/people/6",alt:"People"}})},function(){with(this)return _h("span",["Mary Johnson"])},function(){with(this)return _h("div",{staticClass:"md-list-text-container"},[_h("span",["(650) 555-1234"])," ",_h("span",["Mobile"])])},function(){with(this)return _h("div",{staticClass:"md-list-text-container"},[_h("span",["(650) 555-1234"])," ",_h("span",["Mobile"])])},function(){with(this)return _h("div",{staticClass:"md-list-text-container"},[_h("span",["aliconnors@example.com"])," ",_h("span",["Personal"])])},function(){with(this)return _h("div",{staticClass:"md-list-text-container"},[_h("span",["ali_connors@example.com"])," ",_h("span",["Work"])])},function(){with(this)return _h("div",{staticClass:"md-list-text-container"},[_h("span",["(650) 555-1234"])," ",_h("span",["Mobile"])])},function(){with(this)return _h("div",{staticClass:"md-list-text-container"},[_h("span",["(650) 555-1234"])," ",_h("span",["Mobile"])])},function(){with(this)return _h("div",{staticClass:"md-list-text-container"},[_h("span",["aliconnors@example.com"])," ",_h("span",["Personal"])])},function(){with(this)return _h("div",{staticClass:"md-list-text-container"},[_h("span",["ali_connors@example.com"])," ",_h("span",["Work"])])},function(){with(this)return _h("img",{attrs:{src:"https://placeimg.com/40/40/people/1",alt:"People"}})},function(){with(this)return _h("div",{staticClass:"md-list-text-container"},[_h("span",["Ali Connors"])," ",_h("span",["Brunch this weekend?"])," ",_h("p",["I'll be in your neighborhood doing errands..."])])},function(){with(this)return _h("img",{attrs:{src:"https://placeimg.com/40/40/people/6",alt:"People"}})},function(){with(this)return _h("div",{staticClass:"md-list-text-container"},[_h("span",["me, Scott, Jennifer"])," ",_h("span",["Summer BBQ"])," ",_h("p",["Wish I could come, but I'm out of town ..."])])},function(){with(this)return _h("img",{attrs:{src:"https://placeimg.com/40/40/people/5",alt:"People"}})},function(){with(this)return _h("div",{staticClass:"md-list-text-container"},[_h("span",["Sandra Adams"])," ",_h("span",["Oui oui"])," ",_h("p",["Do you have Paris recommendations ..."])])},function(){with(this)return _h("img",{attrs:{src:"https://placeimg.com/40/40/people/8",alt:"People"}})},function(){with(this)return _h("div",{staticClass:"md-list-text-container"},[_h("span",["Trevor Hansen"])," ",_h("span",["Order confirmation"])," ",_h("p",["Thank you for your recent order from ..."])])},function(){with(this)return _h("img",{attrs:{src:"https://placeimg.com/40/40/people/1",alt:"People"}})},function(){with(this)return _h("div",{staticClass:"md-list-text-container"},[_h("span",["Ali Connors"])," ",_h("span",["Brunch this weekend?"])," ",_h("p",["I'll be in your neighborhood doing errands..."])])},function(){with(this)return _h("img",{attrs:{src:"https://placeimg.com/40/40/people/6",alt:"People"}})},function(){with(this)return _h("div",{staticClass:"md-list-text-container"},[_h("span",["me, Scott, Jennifer"])," ",_h("span",["Summer BBQ"])," ",_h("p",["Wish I could come, but I'm out of town ..."])])},function(){with(this)return _h("img",{attrs:{src:"https://placeimg.com/40/40/people/5",alt:"People"}})},function(){with(this)return _h("div",{staticClass:"md-list-text-container"},[_h("span",["Sandra Adams"])," ",_h("span",["Oui oui"])," ",_h("p",["Do you have Paris recommendations ..."])])},function(){with(this)return _h("img",{attrs:{src:"https://placeimg.com/40/40/people/8",alt:"People"}})},function(){with(this)return _h("div",{staticClass:"md-list-text-container"},[_h("span",["Trevor Hansen"])," ",_h("span",["Order confirmation"])," ",_h("p",["Thank you for your recent order from ..."])])},function(){with(this)return _h("span",["News"])},function(){with(this)return _h("span",["Games"])},function(){with(this)return _h("span",["Video"])},function(){with(this)return _h("span",["Shop"])},function(){with(this)return _h("span",{attrs:{style:"flex: 1"}})},function(){with(this)return _h("h2",{staticClass:"md-title"},["My Files"])},function(){with(this)return _h("div",{staticClass:"md-list-text-container"},[_h("span",["Photos"])," ",_h("p",["Jan 9, 2014"])])},function(){with(this)return _h("div",{staticClass:"md-list-text-container"},[_h("span",["Recipes"])," ",_h("p",["Jan 17, 2014"])])},function(){with(this)return _h("div",{staticClass:"md-list-text-container"},[_h("span",["Work"])," ",_h("p",["Jan 28, 2014"])])},function(){with(this)return _h("div",{staticClass:"md-list-text-container"},[_h("span",["Vacation Itinerary"])," ",_h("p",["Jan 20, 2014"])])},function(){with(this)return _h("div",{staticClass:"md-list-text-container"},[_h("span",["Kitchen Remodel"])," ",_h("p",["Jan 10, 2014"])])},function(){with(this)return _h("div",{staticClass:"md-list-text-container"},[_h("span",["Grocery Shop"])," ",_h("p",["Jan 10, 2014"])])},function(){with(this)return _h("div",{staticClass:"md-list-text-container"},[_h("span",["Weekend Pictures"])," ",_h("p",["Jan 10, 2014"])])},function(){with(this)return _h("img",{attrs:{src:"https://placeimg.com/64/64/people/8",alt:"People"}})},function(){with(this)return _h("span",{attrs:{style:"flex: 1"}})},function(){with(this)return _h("img",{attrs:{src:"https://placeimg.com/40/40/people/3",alt:"People"}})},function(){with(this)return _h("img",{attrs:{src:"https://placeimg.com/40/40/people/4",alt:"People"}})},function(){with(this)return _h("div",{staticClass:"md-list-text-container"},[_h("span",["John Doe"])," ",_h("span",["johndoe@email.com"])])},function(){with(this)return _h("span",["My files"])},function(){with(this)return _h("span",["Shared with me"])},function(){with(this)return _h("span",["Recent"])},function(){with(this)return _h("span",["Starred"])},function(){with(this)return _h("span",["Trash"])},function(){with(this)return _h("h2",["Code"])}]}},function(module,exports){module.exports={render:function(){with(this)return _h("div",{directives:[{name:"md-theme",rawName:"v-md-theme",value:theme,expression:"theme"}],staticClass:"container"},[_h("md-sidenav",{ref:"main-sidebar",staticClass:"main-sidebar md-left md-fixed"},[_h("md-toolbar",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"white",expression:"'white'"}],staticClass:"vue-material-logo"},[_h("router-link",{attrs:{exact:"",to:"/"}},[_m(0)," ",_m(1)])])," ",_h("div",{staticClass:"main-sidebar-links"},[_h("md-list",{staticClass:"md-dense"},[_h("md-list-item",[_h("router-link",{attrs:{exact:"",to:"/"}},["Introduction"])])," ",_h("md-list-item",[_h("router-link",{attrs:{exact:"",to:"/getting-started"}},["Getting Started"])])," ",_h("md-list-item",[_m(2)," ",_h("md-list-expand",[_h("md-list",[_h("md-list-item",{staticClass:"md-inset"},[_h("router-link",{attrs:{exact:"",to:"/components/avatar"}},["Avatar"])])," ",_h("md-list-item",{staticClass:"md-inset"},[_h("router-link",{attrs:{exact:"",to:"/components/bottom-bar"}},["Bottom Bar"])])," ",_h("md-list-item",{staticClass:"md-inset"},[_h("router-link",{attrs:{exact:"",to:"/components/button"}},["Button"])])," ",_h("md-list-item",{staticClass:"md-inset"},[_h("router-link",{attrs:{exact:"",to:"/components/button-toggle"}},["Button Toggle"])])," ",_h("md-list-item",{staticClass:"md-inset"},[_h("router-link",{attrs:{exact:"",to:"/components/checkbox"}},["Checkbox"])])," ",_h("md-list-item",{staticClass:"md-inset"},[_h("router-link",{attrs:{exact:"",to:"/components/icon"}},["Icon"])])," ",_h("md-list-item",{staticClass:"md-inset"},[_h("router-link",{attrs:{exact:"",to:"/components/input"}},["Input"])])," ",_h("md-list-item",{staticClass:"md-inset"},[_h("router-link",{attrs:{exact:"",to:"/components/list"}},["List"])])," ",_h("md-list-item",{staticClass:"md-inset"},[_h("router-link",{attrs:{exact:"",to:"/components/radio"}},["Radio"])])," ",_h("md-list-item",{staticClass:"md-inset"},[_h("router-link",{attrs:{exact:"",to:"/components/ripple"}},["Ripple"])])," ",_h("md-list-item",{staticClass:"md-inset"},[_h("router-link",{attrs:{exact:"",to:"/components/select"}},["Select"])])," ",_h("md-list-item",{staticClass:"md-inset"},[_h("router-link",{attrs:{exact:"",to:"/components/sidenav"}},["Sidenav"])])," ",_h("md-list-item",{staticClass:"md-inset"},[_h("router-link",{attrs:{exact:"",to:"/components/subheader"}},["Subheader"])])," ",_h("md-list-item",{staticClass:"md-inset"},[_h("router-link",{attrs:{exact:"",to:"/components/switch"}},["Switch"])])," ",_h("md-list-item",{staticClass:"md-inset"},[_h("router-link",{attrs:{exact:"",to:"/components/tabs"}},["Tabs"])])," ",_h("md-list-item",{staticClass:"md-inset"},[_h("router-link",{attrs:{exact:"",to:"/components/toolbar"}},["Toolbar"])])," ",_h("md-list-item",{staticClass:"md-inset"},[_h("router-link",{attrs:{exact:"",to:"/components/tooltip"}},["Tooltip"])])," ",_h("md-list-item",{staticClass:"md-inset"},[_h("router-link",{attrs:{exact:"",to:"/components/whiteframe"}},["Whiteframe"])])])])])," ",_h("md-list-item",[_m(3)," ",_h("md-list-expand",[_h("md-list",[_h("md-list-item",{staticClass:"md-inset"},[_h("router-link",{attrs:{exact:"",to:"/ui-elements/typography"}},["Typography"])])," ",_h("md-list-item",{staticClass:"md-inset"},[_h("router-link",{attrs:{exact:"",to:"/ui-elements/grid-system"}},["Grid System"])])])])])," ",_h("md-list-item",[_m(4)," ",_h("md-list-expand",[_h("md-list",[_h("md-list-item",{staticClass:"md-inset"},[_h("router-link",{attrs:{exact:"",to:"/themes/configuration"}},["Configuration"])])," ",_h("md-list-item",{staticClass:"md-inset"},[_h("router-link",{attrs:{exact:"",to:"/themes/dynamic-themes"}},["Dynamic Theme"])])])])])," ",_h("md-list-item",[_h("router-link",{attrs:{exact:"",to:"/changelog"}},["Changelog"])])," ",_h("md-list-item",[_h("router-link",{attrs:{exact:"",to:"/about"}},["About"])])])])])," ",_h("transition",{attrs:{name:"md-router"}},[_h("router-view")])])},staticRenderFns:[function(){with(this)return _h("img",{attrs:{src:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAAA3CAYAAAC8TkynAAAHW0lEQVRo3uWae1DUVRTH7y6wLCtjOaiZTA5mo9lkI+n0nLDH2DQ15mCTmU012piNNVNZDTXWICqaD94PReWhGJqgKKIhigbKsg9eC8I+eS3Le3eBhWXZtbyd+1MqHWTv5SGv78z9C5j7u+d8ft9zzv2BntKVZqHKAsxTSpwvlRTzKsVYGHMIi7ZHYdHOmAGX+45o7BUW16psN81GjDLbbYInDx0tcd0W6XQfEezjsS8W80tzMU8tozoLOfMcbZEMZXQanxUoJWZEEwCytHLsmnMOAkDxYLDQ1nC87mL2HtYABMtkG1BQONUeoqBI7HY2jXs2qsOTVSHGMcbGd7nN1jfoglBFPj0FGil2T0jCom3OKRAGR2O3nVG9OQb9YtrDazvNM6eHx9W7UVAm2h6NhVEHgcz8289GlX0x9qu9cfzfDat7e6ZNU8t11K+CRo75ssvYY1c0FgXTUbAsJS2DNgDrsrJDUGAYXfaBRJermZinY8h+ZUFXblfHwruRa63/hJoCsmBDQeoJDj+qVyEoDB8oL/N3dvhL9XW+rjsjewk5ztGP4kjkaaX02Yczftqg3dHv5gurSq8QPKgCQMymLA97hO7nTMjZw7qAmc3dn1jeYrOKBgrAKymp5wgxTg8P5BECCYmESFrjI6RrbdaH+908raPtZQjA39SGqCvErllnwAsoKQgMxd/m5gbc7/Cx5YpVhBRq4wMCadHvy/6uNsPHAyL4dl1lHJMhqguw8EA8lSGSsui5N9ZUbGzxuXffZlu3yCc2odyFtuyFHsD88jyGsifGUPJznBqQzGqZI1BJWlnKosv1LHioKDpDBHPzP5OZcO++P+Rd+5Ha+CD7hDw24xP/9XtH20tULvxNU813bIYow4JjyVSG6AFBQtvDb6XpNH59+xW2Nc+dsjfG5E7hJYQ0dyCOpypgMr539Mo46iakyd4r9NYUltCXRRnmF1/FHntiqAyRFxSBFyf+ltu338r0jESq7BPCgqM44uibHnhFVdLWIqvlMaZOLMoEXRILBVVy6MZS6cvi1jAcq1CsgbK3BO2I4MigQV9w7BhHHIvxbW6u2YwGo+ery0+TlpHaEGEzYWQc1505O4wAfsc7+rBq3sEkmRuFgXLGB4QR0ghxtGXPW1NU0gxEDyoA2RbzIkDIylIWXXIyqecE8s4LoN2dQt3vp3Kk0ff7+TjW1LQCDUUfGTS7meeE+ESqski9SL8PZLH2+y/WlJ9CQ5XaZvWaqpLVEDOhLovSS/DgdHMC1YLewDUnkyOMod+3XrKYn0bDocBW/XrmOeHkcWpDdFr24pM4sljK3lqD5lc0XLLcdPAW6EryWOYEPpkTQujmBKf9PhBFXfbA+B5Sy2q0th4vNJxKaW/1g8jeojbEKpgTLqQPjQJS9oAk1n4/qFW/Do2EltdVJjCVRejWhPsPD84QSdkDgghJLP3+fF3Jn+0OB29EAgBzwlxXpcTENCdc+wMOEzmo7BOCmPp9IPRER5sfGkl92VgVwDwnJCezvQpADCGHrd8X47fqKuPRSEvfaxM9oiksZ5oTiq5gj90xdGWR/A5MloQclktON6XEKLdafNCDUKSxcRVrWXRLP0lFwRRifEAMT8vW73/VVB2AHqSWVpdlMF2fVVzHwggncwIpe0AKv4it339UU1jWYLeJHmgAsixmXwiAjen67HLGwNdnpN8/c5K63+/LfrSpyR+NhlbXq0PY5gQJdj90nzmB9PtACCGFpewBiWfRaKmip3ump0qmZ5oTCrLhwP1cn5F+//I51vt92wWLeTEaTf3SUreReU44kXK3IZJ+/3AiRwhLv7/GoN6HRltmh50/T1uczzQnKHLhY+adOYEjIRq7SLKZrrk8VVJ9ZU/3DDQWlNTe8joJANOccP70bQpI2QMiWPv9LS11n6OxpDdqK44yGaJSzH3U5MqeIpfJ+J7QleR3OBz8MRWA/O7OeTAntDPNCVcygYRTjP2+GCe3t7yGxqK+aKz6mckQVcQTJEzow0R6BI1VwZzgOUMtr6SeE7glpc6+CxAmBtLQWFaIsWE1EwUM2d/YWLUFjQf5VisuUJdFyn4fJtAKAxA2LgKQ0WlaCgFwoGHMfqix4X00nuRfr4oYjleBkORbXXYejTfd6OmeJVJJG6jnhPt/1rZnWkxL0HhUQHPtpqFQQP72Pb0qHI1Xtdrtbj7aYglbWfyv3weCDIqerlloPCvR3PImySQaRPZ/aq7bhCaCXq29kUL9PeFO2XtcVywxOuyuEyIA17s7F/CUBZ2I4bP2kfaW5Wgi6bMG3VYaQySkLCPETDTBv+NOna6RqwcyRJJ9vlLSmdfVMR9NRO1tM6wdiALysw0NukA0kbWoqjS7vzmBkOGllqtrgZQJHYBTHcYXIAA3UT/Z391m+BBNBq3Uq2L//yoQIp6pUlxEk0Ul1i5voVLaTLq9O9dcN9M7jM+hyST458WvuQ4R1gq9MhpNNrU57AJvbZGCXHOV9XTPRpNRUBY/gIvU70fzGf4Bn/0Z5K7f0X0AAAAASUVORK5CYII=",alt:"Vue"}})},function(){with(this)return _h("span",["Vue Material"])},function(){with(this)return _h("span",["Components"])},function(){with(this)return _h("span",["UI Elements"])},function(){with(this)return _h("span",["Themes"])}]}},function(module,exports){module.exports={render:function(){with(this)return _h("div",{staticClass:"page-content single-page"},[_h("md-whiteframe",{staticClass:"main-header",attrs:{"md-elevation":"1"}},[_h("md-toolbar",[_h("md-button",{staticClass:"md-icon-button",on:{click:toggleSidenav}},[_h("md-icon",["menu"])])," ",_h("div",{staticClass:"md-title"},[_h("span",{staticClass:"page-title"},[_s(label)])])])])," ",_h("div",{staticClass:"single-page-content"},[_t("default")])])},staticRenderFns:[]}},function(module,exports){module.exports={render:function(){with(this)return _h("input",{staticClass:"md-input",attrs:{type:type||"text",disabled:disabled,required:required,placeholder:placeholder,maxlength:maxlength},domProps:{value:value},on:{invalid:onInvalid,valid:onValid,focus:onFocus,blur:onBlur,input:onInput,keydown:[function(t){38===t.keyCode&&onInput(t)},function(t){40===t.keyCode&&onInput(t)}]}})},staticRenderFns:[]}},function(module,exports){module.exports={render:function(){with(this)return _h("span",{staticClass:"md-tooltip","class":classes,style:style},[_t("default")])},staticRenderFns:[]}},function(module,exports){module.exports={render:function(){with(this)return _h("div",{ref:"tab",staticClass:"md-tab",attrs:{id:tabId}},[_t("default")])},staticRenderFns:[]}},function(module,exports){module.exports={render:function(){with(this)return _h("div",{staticClass:"md-whiteframe","class":classes},[_t("default")])},staticRenderFns:[]}},function(module,exports){module.exports={render:function(){with(this)return _h("demo-page",{attrs:{label:"Components - Tabs"}},[_h("div",{slot:"examples",staticClass:"examples"},[_h("demo-example",{attrs:{label:"Default - Grey Theme",size:"3","body-theme":"grey"}},[_h("md-tabs",[_h("md-tab",{attrs:{id:"movies","md-label":"Movies"}},[_m(0)])," ",_h("md-tab",{attrs:{id:"music","md-label":"Music"}},[_m(1)," ",_m(2)])," ",_h("md-tab",{attrs:{id:"books","md-label":"Books"}},[_m(3)])," ",_h("md-tab",{attrs:{id:"pictures","md-label":"Pictures"}},[_m(4)])])])," ",_h("demo-example",{attrs:{label:"Fixed - Accent Color",size:"3"}},[_h("md-tabs",{staticClass:"md-accent",attrs:{"md-fixed":""}},[_h("md-tab",{attrs:{"md-label":"Movies"}},[_m(5)])," ",_h("md-tab",{attrs:{"md-label":"Music"}},[_m(6)," ",_m(7)])," ",_h("md-tab",{attrs:{"md-label":"Books"}},[_m(8)])," ",_h("md-tab",{attrs:{"md-label":"Pictures"}},[_m(9)])])])," ",_h("demo-example",{attrs:{label:"With icons and text - Teal Theme",size:"3","body-theme":"teal"}},[_h("md-tabs",{attrs:{"md-fixed":""}},[_h("md-tab",{attrs:{"md-label":"Movies","md-icon":"ondemand_video"}},[_m(10)])," ",_h("md-tab",{attrs:{"md-label":"Music","md-icon":"music_note"}},[_m(11)," ",_m(12)])," ",_h("md-tab",{attrs:{"md-label":"Books","md-icon":"books"}},[_m(13)])," ",_h("md-tab",{attrs:{"md-label":"Pictures","md-icon":"photo"}},[_m(14)])])])," ",_h("demo-example",{attrs:{label:"Centered with only icon - Transparent Color",size:"3"}},[_h("md-tabs",{staticClass:"md-transparent",attrs:{"md-centered":""}},[_h("md-tab",{attrs:{"md-icon":"phone"}},[_m(15)])," ",_h("md-tab",{attrs:{"md-icon":"favorite"}},[_m(16)," ",_m(17)])," ",_h("md-tab",{attrs:{"md-icon":"near_me"}},[_m(18)])])])," ",_h("demo-example",{attrs:{label:"Fixed with only icon - Default Theme",size:"3"}},[_h("md-tabs",{attrs:{"md-fixed":""}},[_h("md-tab",{attrs:{"md-icon":"phone"}},[_m(19)])," ",_h("md-tab",{attrs:{"md-icon":"favorite"}},[_m(20)," ",_m(21)])," ",_h("md-tab",{attrs:{"md-icon":"near_me"}},[_m(22)])])])," ",_h("demo-example",{attrs:{label:"Playground",size:"3"}},[_h("div",{staticClass:"playground"},[_h("md-subheader",["Tabs Attributes"])," ",_h("md-checkbox",{directives:[{name:"model",rawName:"v-model",value:playground.fixed,expression:"playground.fixed"}],attrs:{id:"fixed"},domProps:{value:playground.fixed},on:{input:function(t){playground.fixed=t}}},["Fixed"])," ",_h("md-checkbox",{directives:[{name:"model",rawName:"v-model",value:playground.centered,expression:"playground.centered"}],attrs:{id:"centered"},domProps:{value:playground.centered},on:{input:function(t){playground.centered=t}}},["Centered"])," ",_h("md-input-container",[_m(23)," ",_h("md-input",{directives:[{name:"model",rawName:"v-model",value:playground.shadow,expression:"playground.shadow"}],attrs:{type:"number",id:"shadow",min:"0",max:"24"},domProps:{value:playground.shadow},on:{input:function(t){playground.shadow=_n(t)}}})])," ",_h("md-subheader",["Theme"])," ",_h("md-radio",{directives:[{name:"model",rawName:"v-model",value:playground.theme,expression:"playground.theme"}],attrs:{id:"theme1",name:"theme","md-value":"default"},domProps:{value:playground.theme},on:{input:function(t){playground.theme=t}}},["Default"])," ",_h("md-radio",{directives:[{name:"model",rawName:"v-model",value:playground.theme,expression:"playground.theme"}],attrs:{id:"theme2",name:"theme","md-value":"green"},domProps:{value:playground.theme},on:{input:function(t){playground.theme=t}}},["Green"])," ",_h("md-radio",{directives:[{name:"model",rawName:"v-model",value:playground.theme,expression:"playground.theme"}],attrs:{id:"theme3",name:"theme","md-value":"cyan"},domProps:{value:playground.theme},on:{input:function(t){playground.theme=t}}},["Cyan"])," ",_h("md-radio",{directives:[{name:"model",rawName:"v-model",value:playground.theme,expression:"playground.theme"}],attrs:{id:"theme4",name:"theme","md-value":"brown"},domProps:{value:playground.theme},on:{input:function(t){playground.theme=t}}},["Brown"])," ",_h("md-subheader",["Colors"])," ",_h("md-radio",{directives:[{name:"model",rawName:"v-model",value:playground.color,expression:"playground.color"}],attrs:{id:"color1",name:"color","md-value":"0"},domProps:{value:playground.color},on:{input:function(t){playground.color=t}}},["Default"])," ",_h("md-radio",{directives:[{name:"model",rawName:"v-model",value:playground.color,expression:"playground.color"}],attrs:{id:"color2",name:"color","md-value":"1"},domProps:{value:playground.color},on:{input:function(t){playground.color=t}}},["Accent"])," ",_h("md-radio",{directives:[{name:"model",rawName:"v-model",value:playground.color,expression:"playground.color"}],attrs:{id:"color3",name:"color","md-value":"2"},domProps:{value:playground.color},on:{input:function(t){playground.color=t}}},["Warn"])," ",_h("md-radio",{directives:[{name:"model",rawName:"v-model",value:playground.color,expression:"playground.color"}],attrs:{id:"color4",name:"color","md-value":"3"},domProps:{value:playground.color},on:{input:function(t){playground.color=t}}},["Transparent"])," ",_h("md-subheader",["Second Tab"])," ",_h("md-checkbox",{directives:[{name:"model",rawName:"v-model",value:playground.tabs[1].disabled,expression:"playground.tabs[1].disabled"}],attrs:{id:"disabled"},domProps:{value:playground.tabs[1].disabled},on:{input:function(t){playground.tabs[1].disabled=t}}},["Disabled"])," ",_h("md-checkbox",{directives:[{name:"model",rawName:"v-model",value:playground.tabs[1].active,expression:"playground.tabs[1].active"}],attrs:{id:"active"},domProps:{value:playground.tabs[1].active},on:{input:function(t){playground.tabs[1].active=t}}},["Active"])])," ",_h("md-tabs",{directives:[{name:"md-theme",rawName:"v-md-theme",value:playground.theme,expression:"playground.theme"}],"class":{"md-accent":"1"===playground.color,"md-warn":"2"===playground.color,"md-transparent":"3"===playground.color},attrs:{"md-fixed":playground.fixed,"md-centered":playground.centered,"md-elevation":playground.shadow}},[_l(playground.tabs,function(t,e){return _h("md-tab",{attrs:{"md-label":t.label,"md-icon":t.icon,"md-disabled":t.disabled,"md-active":t.active}},[_h("md-input-container",[_h("label",{attrs:{"for":"label"+e}},["Label"])," ",_h("md-input",{directives:[{name:"model",rawName:"v-model",value:t.label,expression:"tab.label"}],attrs:{type:"text",id:"label"+e},domProps:{value:t.label},on:{input:function(e){t.label=e}}})])," ",_h("md-input-container",[_h("label",{attrs:{"for":"icon"+e}},["Icon"])," ",_h("md-input",{directives:[{name:"model",rawName:"v-model",value:t.icon,expression:"tab.icon"}],attrs:{type:"text",id:"icon"+e},domProps:{value:t.icon},on:{input:function(e){t.icon=e}}})])])})])])])," ",_h("div",{slot:"code"},[_m(24)," ",_m(25)," ",_m(26)," ",_m(27)," ",_m(28)])," ",_h("div",{slot:"api"},[_m(29)])])},staticRenderFns:[function(){with(this)return _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."])},function(){with(this)return _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."])},function(){with(this)return _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."])},function(){with(this)return _h("p",["Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas."])},function(){with(this)return _h("p",["Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas."])},function(){with(this)return _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."])},function(){with(this)return _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."])},function(){with(this)return _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."]); +},function(){with(this)return _h("p",["Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas."])},function(){with(this)return _h("p",["Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas."])},function(){with(this)return _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."])},function(){with(this)return _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."])},function(){with(this)return _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."])},function(){with(this)return _h("p",["Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas."])},function(){with(this)return _h("p",["Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas."])},function(){with(this)return _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."])},function(){with(this)return _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."])},function(){with(this)return _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."])},function(){with(this)return _h("p",["Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas."])},function(){with(this)return _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."])},function(){with(this)return _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."])},function(){with(this)return _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."])},function(){with(this)return _h("p",["Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas."])},function(){with(this)return _h("label",{attrs:{"for":"shadow"}},["Shadow"])},function(){with(this)return _h("h2",["Code"])},function(){with(this)return _h("p",["Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sunt debitis magni dolorem praesentium labore velit repudiandae nostrum culpa quod assumenda. Dolores ipsum, explicabo quasi eius architecto esse ratione natus iure."])},function(){with(this)return _h("p",["Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sunt debitis magni dolorem praesentium labore velit repudiandae nostrum culpa quod assumenda. Dolores ipsum, explicabo quasi eius architecto esse ratione natus iure."])},function(){with(this)return _h("p",["Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sunt debitis magni dolorem praesentium labore velit repudiandae nostrum culpa quod assumenda. Dolores ipsum, explicabo quasi eius architecto esse ratione natus iure."])},function(){with(this)return _h("p",["Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sunt debitis magni dolorem praesentium labore velit repudiandae nostrum culpa quod assumenda. Dolores ipsum, explicabo quasi eius architecto esse ratione natus iure."])},function(){with(this)return _h("p",["\n To use Tabs you must wrap all ",_h("code",[""])," in a ",_h("code",[""])," as a direct parent.\n The ",_h("code",[""])," can accept some parameters to modify his styles, like ",_h("code",["md-fixed"])," and ",_h("code",["md-centered"])," for example.\n Each single tab accept a ",_h("code",["md-label"])," and/or ",_h("code",["md-icon"]),". You can set the active tab by setting a parameter ",_h("code",["md-active"]),".\n "])}]}},function(module,exports){module.exports={render:function(){with(this)return _h("div",{staticClass:"code-block"},[_h("pre",[_h("code",{ref:"block","class":lang},[_t("default")])])])},staticRenderFns:[]}},function(module,exports){module.exports={render:function(){with(this)return _h("demo-page",{attrs:{label:"Components - Sidenav"}},[_h("div",{slot:"examples"},[_h("demo-example",{attrs:{label:"Default",size:"2"}},[_h("div",{staticClass:"phone-viewport"},[_h("md-toolbar",[_h("md-button",{staticClass:"md-icon-button",on:{click:toggleLeftSidenav}},[_h("md-icon",["menu"])])," ",_m(0)])," ",_h("div",[_h("md-button",{staticClass:"md-raised md-accent",on:{click:toggleRightSidenav}},["Toggle right"])," ",_m(1)])," ",_h("md-sidenav",{ref:"leftSidenav",staticClass:"md-left",on:{open:function(t){open("Left")},close:function(t){close("Left")}}},[_h("md-toolbar",{staticClass:"md-large"},[_m(2)])," ",_m(3)])," ",_h("md-sidenav",{ref:"rightSidenav",staticClass:"md-right",on:{open:function(t){open("Right")},close:function(t){close("Right")}}},[_h("md-toolbar",[_m(4)])," ",_h("md-button",{staticClass:"md-raised md-accent",on:{click:closeRightSidenav}},["Close"])])])])])," ",_h("div",{slot:"code"},[_m(5)])," ",_h("div",{slot:"api"})])},staticRenderFns:[function(){with(this)return _h("h2",{staticClass:"md-title"},["My App"])},function(){with(this)return _h("p",["Open console to see the events"])},function(){with(this)return _h("div",{staticClass:"md-toolbar-container"},[_h("h3",{staticClass:"md-title"},["Sidenav content"])])},function(){with(this)return _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!"])},function(){with(this)return _h("div",{staticClass:"md-toolbar-container"},[_h("h3",{staticClass:"md-title"},["Sidenav content"])])},function(){with(this)return _h("h2",["Code"])}]}},function(module,exports){module.exports={render:function(){with(this)return _h("demo-page",{attrs:{label:"Components - Select"}},[_h("div",{slot:"examples"},[_h("demo-example",{attrs:{label:"Default"}},[_h("div",{staticClass:"field-group"},[_h("md-input-container",[_m(0)," ",_h("md-select",{directives:[{name:"model",rawName:"v-model",value:movie,expression:"movie"}],attrs:{name:"movie",id:"movie"},domProps:{value:movie},on:{input:function(t){movie=t}}},[_h("md-option",{attrs:{value:"Fight Club"}},["Fight Club"])," ",_h("md-option",{attrs:{value:"Godfather II"}},["Godfather II"])," ",_h("md-option",{attrs:{value:"Godfather III"}},["Godfather III"])," ",_h("md-option",{attrs:{value:"Godfather"}},["Godfather"])," ",_h("md-option",{attrs:{value:"Godfellas"}},["Godfellas"])," ",_h("md-option",{attrs:{value:"Pulp Fiction"}},["Pulp Fiction"])," ",_h("md-option",{attrs:{value:"Scarface"}},["Scarface"])])])," ",_h("md-input-container",[_m(1)," ",_h("md-select",{directives:[{name:"model",rawName:"v-model",value:country,expression:"country"}],attrs:{name:"country",id:"country"},domProps:{value:country},on:{input:function(t){country=t}}},[_h("md-option",{attrs:{value:"Australia"}},["Australia"])," ",_h("md-option",{attrs:{value:"Brazil"}},["Brazil"])," ",_h("md-option",{attrs:{value:"Japan"}},["Japan"])," ",_h("md-option",{attrs:{value:"United States"}},["United States"])])])," ",_h("md-input-container",[_m(2)," ",_h("md-select",{directives:[{name:"model",rawName:"v-model",value:font,expression:"font"}],attrs:{name:"font",id:"font"},domProps:{value:font},on:{input:function(t){font=t}}},[_h("md-option",{attrs:{value:"Arial"}},["Arial"])," ",_h("md-option",{attrs:{value:"Calibri"}},["Calibri"])," ",_h("md-option",{attrs:{value:"Cambria"}},["Cambria"])," ",_h("md-option",{attrs:{value:"Comic Sans"}},["Comic Sans"])," ",_h("md-option",{attrs:{value:"Consolas"}},["Consolas"])," ",_h("md-option",{attrs:{value:"Courier"}},["Courier"])," ",_h("md-option",{attrs:{value:"Droid Sans"}},["Droid Sans"])," ",_h("md-option",{attrs:{value:"Georgia"}},["Georgia"])," ",_h("md-option",{attrs:{value:"Helvetica"}},["Helvetica"])," ",_h("md-option",{attrs:{value:"Impact"}},["Impact"])," ",_h("md-option",{attrs:{value:"Roboto"}},["Roboto"])," ",_h("md-option",{attrs:{value:"Segoe UI"}},["Segoe UI"])," ",_h("md-option",{attrs:{value:"Times New Roman"}},["Times New Roman"])," ",_h("md-option",{attrs:{value:"Ubuntu"}},["Ubuntu"])," ",_h("md-option",{attrs:{value:"Verdana"}},["Verdana"])])])])])," ",_h("demo-example",{attrs:{label:"Groups"}},[_h("div",{staticClass:"field-group"},[_h("md-input-container",[_m(3)," ",_h("md-select",{directives:[{name:"model",rawName:"v-model",value:food,expression:"food"}],attrs:{name:"food",id:"food"},domProps:{value:food},on:{input:function(t){food=t}}},[_h("md-subheader",["Fruits"])," ",_h("md-option",{attrs:{value:"Apples"}},["Apples"])," ",_h("md-option",{attrs:{value:"Bananas"}},["Bananas"])," ",_h("md-option",{attrs:{value:"Peaches"}},["Peaches"])," ",_h("md-option",{attrs:{value:"Oranges"}},["Oranges"])," ",_h("md-subheader",["Vegetables"])," ",_h("md-option",{attrs:{value:"Carrots"}},["Carrots"])," ",_h("md-option",{attrs:{value:"Cucumbers"}},["Cucumbers"])," ",_h("md-subheader",["Baked Goods"])," ",_h("md-option",{attrs:{value:"Apple Pie"}},["Apple Pie"])," ",_h("md-option",{attrs:{value:"Chocolate Cake"}},["Chocolate Cake"])])])])])])," ",_h("div",{slot:"code"},[_m(4)])," ",_h("div",{slot:"api"})])},staticRenderFns:[function(){with(this)return _h("label",{attrs:{"for":"movie"}},["Movie"])},function(){with(this)return _h("label",{attrs:{"for":"country"}},["Country"])},function(){with(this)return _h("label",{attrs:{"for":"font"}},["Font"])},function(){with(this)return _h("label",{attrs:{"for":"food"}},["Food"])},function(){with(this)return _h("h2",["Code"])}]}},function(module,exports){module.exports={render:function(){with(this)return _h("i",{staticClass:"md-icon material-icons"},[_t("default")])},staticRenderFns:[]}},function(module,exports){module.exports={render:function(){with(this)return _h("div",{staticClass:"single-page-banner"},[_h("md-toolbar",{staticClass:"single-page-banner"},[_h("h1",{staticClass:"md-display-2"},[_s(label)])])," ",_h("md-button",{staticClass:"md-icon-button github-button",attrs:{href:"https://github.com/marcosmoura/vue-material",target:"_blank",rel:"noopener"}},[_h("svg",{attrs:{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 1024 1024"}},[_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"}})])])," ",_h("md-button",{staticClass:"md-icon-button single-page-menu-trigger",on:{click:toggleSidenav}},[_h("md-icon",["menu"])])])},staticRenderFns:[]}},function(module,exports){module.exports={render:function(){with(this)return _h("div",{staticClass:"md-bottom-bar","class":classes},[_t("default")])},staticRenderFns:[]}},function(module,exports){module.exports={render:function(){with(this)return _h("single-page",{staticClass:"single-page-home",attrs:{label:"UI Elements - Grid System"}})},staticRenderFns:[]}},function(module,exports){module.exports={render:function(){with(this)return _h("demo-page",{attrs:{label:"Components - Ripple"}},[_h("div",{slot:"examples"},[_h("demo-example",{attrs:{label:"Default"}},[_h("span",{directives:[{name:"md-ink-ripple",rawName:"v-md-ink-ripple"}],staticClass:"has-ripple"},["This span has ripple effect"])," ",_h("span",{directives:[{name:"md-ink-ripple",rawName:"v-md-ink-ripple"}],staticClass:"has-ripple green"},["This span has ripple effect"])," ",_h("span",{directives:[{name:"md-ink-ripple",rawName:"v-md-ink-ripple"}],staticClass:"has-ripple blue"},["This span has ripple effect"])," ",_h("div",[_h("md-avatar",{directives:[{name:"md-ink-ripple",rawName:"v-md-ink-ripple"}]},[_m(0)])," ",_h("md-avatar",{directives:[{name:"md-ink-ripple",rawName:"v-md-ink-ripple"}],staticClass:"md-avatar-icon"},[_h("md-icon",["home"])])])])])," ",_h("div",{slot:"code"},[_m(1)])," ",_h("div",{slot:"api"})])},staticRenderFns:[function(){with(this)return _h("img",{attrs:{src:"//placeimg.com/40/40/people/1",alt:"People"}})},function(){with(this)return _h("h2",["Code"])}]}},function(module,exports){module.exports={render:function(){with(this)return _h("demo-page",{attrs:{label:"Components - Switch"}},[_h("div",{slot:"examples"},[_h("demo-example",{attrs:{label:"Default"}},[_h("div",[_h("md-switch",{directives:[{name:"model",rawName:"v-model",value:checked0,expression:"checked0"}],attrs:{id:"my-test0",name:"my-test0"},domProps:{value:checked0},on:{input:function(t){checked0=t}}})])," ",_h("div",[_h("md-switch",{directives:[{name:"model",rawName:"v-model",value:checked1,expression:"checked1"}],staticClass:"md-primary",attrs:{id:"my-test1",name:"my-test1"},domProps:{value:checked1},on:{input:function(t){checked1=t}}},["Primary Color"])])," ",_h("div",[_h("md-switch",{directives:[{name:"model",rawName:"v-model",value:checked2,expression:"checked2"}],staticClass:"md-warn",attrs:{id:"my-test2",name:"my-test2"},domProps:{value:checked2},on:{input:function(t){checked2=t}}},["Warn Color"])])," ",_h("div",[_h("md-switch",{directives:[{name:"model",rawName:"v-model",value:checked3,expression:"checked3"}],attrs:{id:"my-test3",name:"my-test3",disabled:""},domProps:{value:checked3},on:{input:function(t){checked3=t}}},["Disabled"])])])," ",_h("demo-example",{attrs:{label:"Themed"}},[_h("div",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"orange",expression:"'orange'"}]},[_h("md-switch",{directives:[{name:"model",rawName:"v-model",value:checked4,expression:"checked4"}],staticClass:"md-primary",attrs:{id:"my-test4",name:"my-test4"},domProps:{value:checked4},on:{input:function(t){checked4=t}}})])," ",_h("div",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"green",expression:"'green'"}]},[_h("md-switch",{directives:[{name:"model",rawName:"v-model",value:checked5,expression:"checked5"}],staticClass:"md-primary",attrs:{id:"my-test5",name:"my-test5"},domProps:{value:checked5},on:{input:function(t){checked5=t}}},["Green Primary Color"])])," ",_h("div",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"brown",expression:"'brown'"}]},[_h("md-switch",{directives:[{name:"model",rawName:"v-model",value:checked6,expression:"checked6"}],staticClass:"md-primary",attrs:{id:"my-test6",name:"my-test6"},domProps:{value:checked6},on:{input:function(t){checked6=t}}},["Brown Primary Color"])])," ",_h("div",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"light-blue",expression:"'light-blue'"}]},[_h("md-switch",{directives:[{name:"model",rawName:"v-model",value:checked7,expression:"checked7"}],staticClass:"md-primary",attrs:{id:"my-test7",name:"my-test7",disabled:""},domProps:{value:checked7},on:{input:function(t){checked7=t}}},["Light Blue Primary Color Disabled"])])])])," ",_h("div",{slot:"code"},[_m(0)])," ",_h("div",{slot:"api"})])},staticRenderFns:[function(){with(this)return _h("h2",["Code"])}]}},function(module,exports){module.exports={render:function(){with(this)return _h("demo-page",{attrs:{label:"Components - Avatar"}},[_h("div",{slot:"examples"},[_h("demo-example",{attrs:{label:"Default",size:"2"}},[_h("md-avatar",[_m(0)])," ",_h("md-avatar",{staticClass:"md-avatar-icon"},[_h("md-icon",["home"])])," ",_h("md-avatar",{staticClass:"md-avatar-icon md-primary"},[_h("md-icon",["folder"])])," ",_h("md-avatar",{staticClass:"md-avatar-icon md-accent"},[_h("md-icon",["favorite"])])," ",_h("md-avatar",{staticClass:"md-avatar-icon md-warn"},[_h("md-icon",["notes"])])])," ",_h("demo-example",{attrs:{label:"Large",size:"2"}},[_h("md-avatar",{staticClass:"md-large"},[_m(1)])," ",_h("md-avatar",{staticClass:"md-avatar-icon md-large"},[_h("md-icon",["home"])])," ",_h("md-avatar",{staticClass:"md-avatar-icon md-large md-primary"},[_h("md-icon",["folder"])])," ",_h("md-avatar",{staticClass:"md-avatar-icon md-large md-accent"},[_h("md-icon",["favorite"])])," ",_h("md-avatar",{staticClass:"md-avatar-icon md-large md-warn"},[_h("md-icon",["notes"])])])])," ",_h("div",{slot:"code"},[_h("demo-example",{attrs:{label:"Default"}},[_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 '])])," ",_h("demo-example",{attrs:{label:"Large"}},[_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 '])])])," ",_h("div",{slot:"api"})])},staticRenderFns:[function(){with(this)return _h("img",{attrs:{src:"//placeimg.com/40/40/people/1",alt:"People"}})},function(){with(this)return _h("img",{attrs:{src:"//placeimg.com/64/64/people/2",alt:"People"}})}]}},function(module,exports){module.exports={render:function(){with(this)return _h("div",{staticClass:"md-switch","class":classes},[_h("div",{staticClass:"md-switch-container",on:{click:toggleSwitch}},[_h("div",{directives:[{name:"md-ink-ripple",rawName:"v-md-ink-ripple",value:disabled,expression:"disabled"}],staticClass:"md-switch-thumb",style:styles},[_h("input",{attrs:{type:"checkbox",name:name,id:id,disabled:disabled},domProps:{value:value}})," ",_m(0)])])," ",$slots["default"]?_h("label",{staticClass:"md-switch-label",attrs:{"for":id||name}},[_t("default")]):_e()])},staticRenderFns:[function(){with(this)return _h("button",{staticClass:"md-switch-holder"})}]}},function(module,exports){module.exports={render:function(){with(this)return _h("single-page",{attrs:{label:"Introduction"}},[_h("div",{staticClass:"button-actions"},[_m(0)," ",_m(1)," ",_h("md-button",{staticClass:"md-primary md-raised",attrs:{href:"#/getting-started"}},["Getting Started"])," ",_h("md-button",{staticClass:"md-primary md-raised",attrs:{href:"https://github.com/marcosmoura/vue-material",target:"_blank",rel:"noopener"}},["Github"])])," ",_m(2)])},staticRenderFns:[function(){with(this)return _h("div",{staticClass:"example"},[_h("img",{attrs:{src:"https://lh6.googleusercontent.com/QTsTXFhpLc6qOCJEI9AFwW78-d2l456z5i-dLkhaMhhoY0EtABhsoMvSiCi0r2cIsmGIj7OWEKlTTPACO5x4FazNPPONVP8ye0EMu0OieX0U9_n18xg_wFiUuFHH0h6Zzg",alt:"Material Design"}})])},function(){with(this)return _h("div",{staticClass:"introduction"},["Build well-crafted apps with Material Design and Vue 2.0"])},function(){with(this)return _h("div",{staticClass:"row"},[_h("div",{staticClass:"column"},[_h("h2",{staticClass:"md-headline"},["Material Design"])," ",_h("p",["Vue Material is lightweight framework built exactly according to the ",_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."])])," ",_h("div",{staticClass:"column"},[_h("h2",{staticClass:"md-headline"},["Full-featured"])," ",_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..."])])," ",_h("div",{staticClass:"column"},[_h("h2",{staticClass:"md-headline"},["Compatible"])," ",_h("p",["It aims to deliver a collection of reusable components and a series of UI Elements to build applications with support to ",_h("a",{attrs:{href:"https://saucelabs.com/u/vuejs",target:"_blank",rel:"noopener"}},["modern Web Browsers"])," through Vue 2.0."])])])}]}},function(module,exports){module.exports={render:function(){with(this)return _h("button",{directives:[{name:"md-ink-ripple",rawName:"v-md-ink-ripple"}],staticClass:"md-bottom-bar-item","class":classes,attrs:{type:"button"},on:{click:setActive}},[_h("md-icon",[_s(mdIcon)])," ",_h("span",{staticClass:"md-text"},[_t("default")])])},staticRenderFns:[]}},function(module,exports){module.exports={render:function(){with(this)return _h("div",{staticClass:"md-input-container","class":classes},[_t("default")," ",enableCounter?_h("span",{staticClass:"md-count"},[_s(inputLength)+" / "+_s(counterLength)]):_e()," ",mdHasPassword?_h("md-button",{staticClass:"md-icon-button md-toggle-password",on:{click:togglePasswordType}},[_h("md-icon",[_s(showPassword?"visibility_off":"visibility")])]):_e()])},staticRenderFns:[]}},function(module,exports){module.exports={render:function(){with(this)return _h("demo-page",{attrs:{label:"Components - Tooltip"}},[_h("div",{slot:"examples"},[_h("demo-example",{attrs:{label:"Default"}},[_h("div",[_h("md-button",{staticClass:"md-icon-button md-raised md-primary"},[_h("md-icon",["folder"])," ",_h("md-tooltip",{attrs:{"md-direction":"top"}},["My tooltip"])])," ",_h("md-avatar",[_m(0)," ",_h("md-tooltip",{attrs:{"md-direction":"bottom"}},["My tooltip"])])])," ",_h("div",[_h("md-button",{staticClass:"md-icon-button md-raised md-warn"},[_h("md-icon",["home"])," ",_h("md-tooltip",{attrs:{"md-direction":"left"}},["My tooltip"])])," ",_h("md-avatar",{staticClass:"md-avatar-icon"},[_h("md-icon",["person"])," ",_h("md-tooltip",{attrs:{"md-direction":"right"}},["My tooltip"])])])])," ",_h("demo-example",{attrs:{label:"Delay - 400ms"}},[_h("div",[_h("md-button",{staticClass:"md-icon-button md-raised md-primary"},[_h("md-icon",["folder"])," ",_h("md-tooltip",{attrs:{"md-delay":"400","md-direction":"top"}},["My tooltip"])])," ",_h("md-avatar",[_m(1)," ",_h("md-tooltip",{attrs:{"md-delay":"400","md-direction":"bottom"}},["My tooltip"])])])," ",_h("div",[_h("md-button",{staticClass:"md-icon-button md-raised md-warn"},[_h("md-icon",["home"])," ",_h("md-tooltip",{attrs:{"md-delay":"400","md-direction":"left"}},["My tooltip"])])," ",_h("md-avatar",{staticClass:"md-avatar-icon"},[_h("md-icon",["person"])," ",_h("md-tooltip",{attrs:{"md-delay":"400","md-direction":"right"}},["My tooltip"])])])])])," ",_h("div",{slot:"code"},[_m(2)])," ",_h("div",{slot:"api"})])},staticRenderFns:[function(){with(this)return _h("img",{attrs:{src:"https://placeimg.com/40/40/people/1",alt:"People"}})},function(){with(this)return _h("img",{attrs:{src:"https://placeimg.com/40/40/people/1",alt:"People"}})},function(){with(this)return _h("h2",["Code"])}]}},function(module,exports){module.exports={render:function(){with(this)return _h("single-page",{staticClass:"single-page-home",attrs:{label:"Changelog"}},[_h("single-page-banner",{attrs:{label:"Changelog"}})])},staticRenderFns:[]}},function(module,exports){module.exports={render:function(){with(this)return _h("div",{staticClass:"md-option-group"},[_h("span",{staticClass:"md-option-group-label"},[_s(label)])," ",_t("default")])},staticRenderFns:[]}},function(module,exports){module.exports={render:function(){with(this)return _h("div",{staticClass:"md-toolbar"},[_t("default")])},staticRenderFns:[]}},function(module,exports){module.exports={render:function(){with(this)return _h("div",{directives:[{name:"md-ink-ripple",rawName:"v-md-ink-ripple"}],staticClass:"md-option","class":classes,attrs:{tabindex:"-1"},on:{click:selectOption,mouseenter:setHighlight,keydown:function(t){13===t.keyCode&&selectOption(t)}}},[_h("span",[_t("default")])])},staticRenderFns:[]}},function(module,exports){module.exports={render:function(){with(this)return _h("div",{staticClass:"md-tabs","class":tabClasses},[_h("md-whiteframe",{attrs:{"md-elevation":elevation||0}},[_h("div",{staticClass:"md-tabs-navigation"},[_l(tabs,function(t){return _h("button",{directives:[{name:"md-ink-ripple",rawName:"v-md-ink-ripple",value:t.disabled,expression:"header.disabled"}],key:t.id,ref:"tabHeader",refInFor:!0,staticClass:"md-tab-header","class":getHeaderClass(t),attrs:{type:"button",disabled:t.disabled},on:{click:function(e){changeTab(t.id)}}},[t.icon?_h("md-icon",[_s(t.icon)]):_e()," ",t.label?_h("span",[_s(t.label)]):_e()])})," ",_h("span",{ref:"indicator",staticClass:"md-tab-indicator","class":indicatorClass})])])," ",_h("div",{ref:"tabContent",staticClass:"md-tabs-content"},[_h("div",{ref:"tabWrapper",staticClass:"md-tabs-wrapper"},[_t("default")])])])},staticRenderFns:[]}},function(module,exports){module.exports={render:function(){with(this)return _h("demo-page",{attrs:{label:"Components - Bottom Bar"}},[_h("div",{slot:"examples"},[_h("demo-example",{attrs:{label:"Default"}},[_h("div",{staticClass:"phone-viewport"},[_h("md-bottom-bar",[_h("md-bottom-bar-item",{attrs:{"md-icon":"history"}},["Recents"])," ",_h("md-bottom-bar-item",{attrs:{"md-icon":"favorite","md-active":""}},["Favorites"])," ",_h("md-bottom-bar-item",{attrs:{"md-icon":"near_me"}},["Nearby"])])])])," ",_h("demo-example",{attrs:{label:"Shifting"}},[_h("div",{staticClass:"phone-viewport"},[_h("md-bottom-bar",{attrs:{"md-shift":""}},[_h("md-bottom-bar-item",{attrs:{"md-icon":"ondemand_video"}},["Movies"])," ",_h("md-bottom-bar-item",{attrs:{"md-icon":"music_note"}},["Music"])," ",_h("md-bottom-bar-item",{attrs:{"md-icon":"books","md-active":""}},["Books"])," ",_h("md-bottom-bar-item",{attrs:{"md-icon":"photo"}},["Pictures"])])])," ",_h("div",{staticClass:"phone-viewport"},[_h("md-bottom-bar",{staticClass:"md-accent",attrs:{"md-shift":""}},[_h("md-bottom-bar-item",{attrs:{"md-icon":"ondemand_video"}},["Movies"])," ",_h("md-bottom-bar-item",{attrs:{"md-icon":"music_note"}},["Music"])," ",_h("md-bottom-bar-item",{attrs:{"md-icon":"books","md-active":""}},["Books"])," ",_h("md-bottom-bar-item",{attrs:{"md-icon":"photo"}},["Pictures"])])])," ",_h("div",{staticClass:"phone-viewport"},[_h("md-bottom-bar",{staticClass:"md-warn",attrs:{"md-shift":""}},[_h("md-bottom-bar-item",{attrs:{"md-icon":"ondemand_video"}},["Movies"])," ",_h("md-bottom-bar-item",{attrs:{"md-icon":"music_note"}},["Music"])," ",_h("md-bottom-bar-item",{attrs:{"md-icon":"books","md-active":""}},["Books"])," ",_h("md-bottom-bar-item",{attrs:{"md-icon":"photo"}},["Pictures"])])])," ",_h("div",{staticClass:"phone-viewport"},[_h("md-bottom-bar",{staticClass:"md-transparent",attrs:{"md-shift":""}},[_h("md-bottom-bar-item",{attrs:{"md-icon":"ondemand_video"}},["Movies"])," ",_h("md-bottom-bar-item",{attrs:{"md-icon":"music_note"}},["Music"])," ",_h("md-bottom-bar-item",{attrs:{"md-icon":"books","md-active":""}},["Books"])," ",_h("md-bottom-bar-item",{attrs:{"md-icon":"photo"}},["Pictures"])])])])," ",_h("demo-example",{attrs:{label:"Themed"}},[_h("div",{staticClass:"phone-viewport"},[_h("md-bottom-bar",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"indigo",expression:"'indigo'"}]},[_h("md-bottom-bar-item",{attrs:{"md-icon":"history"}},["Recents"])," ",_h("md-bottom-bar-item",{attrs:{"md-icon":"favorite","md-active":""}},["Favorites"])," ",_h("md-bottom-bar-item",{attrs:{"md-icon":"near_me"}},["Nearby"])])])," ",_h("div",{staticClass:"phone-viewport"},[_h("md-bottom-bar",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"orange",expression:"'orange'"}]},[_h("md-bottom-bar-item",{attrs:{"md-icon":"history"}},["Recents"])," ",_h("md-bottom-bar-item",{attrs:{"md-icon":"favorite","md-active":""}},["Favorites"])," ",_h("md-bottom-bar-item",{attrs:{"md-icon":"near_me"}},["Nearby"])])])," ",_h("div",{staticClass:"phone-viewport"},[_h("md-bottom-bar",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"green",expression:"'green'"}],attrs:{"md-shift":""}},[_h("md-bottom-bar-item",{attrs:{"md-icon":"ondemand_video"}},["Movies"])," ",_h("md-bottom-bar-item",{attrs:{"md-icon":"music_note"}},["Music"])," ",_h("md-bottom-bar-item",{attrs:{"md-icon":"books","md-active":""}},["Books"])," ",_h("md-bottom-bar-item",{attrs:{"md-icon":"photo"}},["Pictures"])])])," ",_h("div",{staticClass:"phone-viewport"},[_h("md-bottom-bar",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"brown",expression:"'brown'"}],attrs:{"md-shift":""}},[_h("md-bottom-bar-item",{attrs:{"md-icon":"ondemand_video"}},["Movies"])," ",_h("md-bottom-bar-item",{attrs:{"md-icon":"music_note"}},["Music"])," ",_h("md-bottom-bar-item",{attrs:{"md-icon":"books","md-active":""}},["Books"])," ",_h("md-bottom-bar-item",{attrs:{"md-icon":"photo"}},["Pictures"])])])])," ",_h("demo-example",{attrs:{label:"Dynamic Theme"}},[_h("div",{staticClass:"phone-viewport"},[_h("md-bottom-bar",{directives:[{name:"md-theme",rawName:"v-md-theme",value:playground.theme,expression:"playground.theme"}],attrs:{"md-shift":""}},[_h("md-bottom-bar-item",{attrs:{"md-icon":"ondemand_video"},on:{click:function(t){setTheme("blue")}}},["Movies"])," ",_h("md-bottom-bar-item",{attrs:{"md-icon":"music_note"},on:{click:function(t){setTheme("teal")}}},["Music"])," ",_h("md-bottom-bar-item",{attrs:{"md-icon":"books","md-active":""},on:{click:function(t){setTheme("brown")}}},["Books"])," ",_h("md-bottom-bar-item",{attrs:{"md-icon":"photo"},on:{click:function(t){setTheme("indigo")}}},["Pictures"])])])])])," ",_h("div",{slot:"code"},[_h("demo-example",{attrs:{label:"Default"}},[_h("code-block",{attrs:{lang:"xml"}},['\n\n Recents\n Favorites\n Nearby\n\n '])])," ",_h("demo-example",{attrs:{label:"Shifting"}},[_h("code-block",{attrs:{lang:"xml"}},['\n\n Movies\n Music\n Books\n Pictures\n\n '])," ",_h("code-block",{attrs:{lang:"xml"}},['\n\n Movies\n Music\n Books\n Pictures\n\n '])," ",_h("code-block",{attrs:{lang:"xml"}},['\n\n Movies\n Music\n Books\n Pictures\n\n '])," ",_h("code-block",{ +attrs:{lang:"xml"}},['\n\n Movies\n Music\n Books\n Pictures\n\n '])])," ",_h("demo-example",{attrs:{label:"Themed"}},[_h("code-block",{attrs:{lang:"xml"}},['\n\n Recents\n Favorites\n Nearby\n\n '])," ",_h("code-block",{attrs:{lang:"xml"}},['\n\n Recents\n Favorites\n Nearby\n\n '])," ",_h("code-block",{attrs:{lang:"xml"}},['\n\n Movies\n Music\n Books\n Pictures\n\n '])," ",_h("code-block",{attrs:{lang:"xml"}},['\n\n Movies\n Music\n Books\n Pictures\n\n '])])," ",_h("demo-example",{attrs:{label:"Dynamic Theme"}},[_h("code-block",{attrs:{lang:"xml"}},['\n\n Movies\n Music\n Books\n Pictures\n\n '])," ",_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 "])])])," ",_h("div",{slot:"api"})])},staticRenderFns:[]}},function(module,exports){module.exports={render:function(){with(this)return _h("demo-page",{attrs:{label:"Components - Checkbox"}},[_h("div",{slot:"examples"},[_h("demo-example",{attrs:{label:"Default"}},[_h("md-checkbox",{directives:[{name:"model",rawName:"v-model",value:checkbox,expression:"checkbox"}],attrs:{id:"my-test1",name:"my-test1"},domProps:{value:checkbox},on:{input:function(t){checkbox=t}}},["Regular Checkbox"])," ",_h("md-checkbox",{directives:[{name:"model",rawName:"v-model",value:checkbox,expression:"checkbox"}],staticClass:"md-primary",attrs:{id:"my-test2",name:"my-test2"},domProps:{value:checkbox},on:{input:function(t){checkbox=t}}},["Primary Color"])," ",_h("md-checkbox",{directives:[{name:"model",rawName:"v-model",value:checkbox,expression:"checkbox"}],staticClass:"md-warn",attrs:{id:"my-test3",name:"my-test3"},domProps:{value:checkbox},on:{input:function(t){checkbox=t}}},["Warn Color"])," ",_h("md-checkbox",{directives:[{name:"model",rawName:"v-model",value:checkbox,expression:"checkbox"}],attrs:{id:"my-test4",name:"my-test4",disabled:""},domProps:{value:checkbox},on:{input:function(t){checkbox=t}}},["Disabled"])])," ",_h("demo-example",{attrs:{label:"Themed"}},[_h("div",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"orange",expression:"'orange'"}],staticClass:"themed"},[_h("md-checkbox",{directives:[{name:"model",rawName:"v-model",value:checkbox2,expression:"checkbox2"}],staticClass:"md-primary",attrs:{id:"my-test5",name:"my-test5"},domProps:{value:checkbox2},on:{input:function(t){checkbox2=t}}},["Primary Orange"])])," ",_h("div",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"green",expression:"'green'"}],staticClass:"themed"},[_h("md-checkbox",{directives:[{name:"model",rawName:"v-model",value:checkbox2,expression:"checkbox2"}],staticClass:"md-primary",attrs:{id:"my-test6",name:"my-test6"},domProps:{value:checkbox2},on:{input:function(t){checkbox2=t}}},["Primary Green"])])," ",_h("div",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"light-blue",expression:"'light-blue'"}],staticClass:"themed"},[_h("md-checkbox",{directives:[{name:"model",rawName:"v-model",value:checkbox2,expression:"checkbox2"}],staticClass:"md-primary",attrs:{id:"my-test7",name:"my-test7"},domProps:{value:checkbox2},on:{input:function(t){checkbox2=t}}},["Primary Light Blue"])])," ",_h("div",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"indigo",expression:"'indigo'"}],staticClass:"themed"},[_h("md-checkbox",{directives:[{name:"model",rawName:"v-model",value:checkbox2,expression:"checkbox2"}],staticClass:"md-primary",attrs:{id:"my-test8",name:"my-test8"},domProps:{value:checkbox2},on:{input:function(t){checkbox2=t}}},["Primary Indigo"])])," ",_h("div",{directives:[{name:"md-theme",rawName:"v-md-theme",value:"brown",expression:"'brown'"}],staticClass:"themed"},[_h("md-checkbox",{directives:[{name:"model",rawName:"v-model",value:checkbox2,expression:"checkbox2"}],staticClass:"md-primary",attrs:{id:"my-test9",name:"my-test9",disabled:""},domProps:{value:checkbox2},on:{input:function(t){checkbox2=t}}},["Primary Brown Disabled"])])])])," ",_h("div",{slot:"code"},[_m(0)])," ",_h("div",{slot:"api"})])},staticRenderFns:[function(){with(this)return _h("h2",["Code"])}]}},function(module,exports){module.exports={render:function(){with(this)return _h("demo-page",{attrs:{label:"Components - Whiteframe"}},[_h("div",{slot:"examples",staticClass:"whiteframe-list"},[_h("demo-example",{attrs:{label:"Default"}},[_h("md-whiteframe",{attrs:{"md-elevation":"1"}},["1dp"])," ",_h("md-whiteframe",{attrs:{"md-elevation":"2"}},["2dp"])," ",_h("md-whiteframe",{attrs:{"md-elevation":"3"}},["3dp"])," ",_h("md-whiteframe",{attrs:{"md-elevation":"4"}},["4dp"])," ",_h("md-whiteframe",{attrs:{"md-elevation":"5"}},["5dp"])," ",_h("md-whiteframe",{attrs:{"md-elevation":"6"}},["6dp"])," ",_h("md-whiteframe",{attrs:{"md-elevation":"7"}},["7dp"])," ",_h("md-whiteframe",{attrs:{"md-elevation":"8"}},["8dp"])," ",_h("md-whiteframe",{attrs:{"md-elevation":"9"}},["9dp"])," ",_h("md-whiteframe",{attrs:{"md-elevation":"10"}},["10dp"])," ",_h("md-whiteframe",{attrs:{"md-elevation":"11"}},["11dp"])," ",_h("md-whiteframe",{attrs:{"md-elevation":"12"}},["12dp"])," ",_h("md-whiteframe",{attrs:{"md-elevation":"13"}},["13dp"])," ",_h("md-whiteframe",{attrs:{"md-elevation":"14"}},["14dp"])," ",_h("md-whiteframe",{attrs:{"md-elevation":"15"}},["15dp"])," ",_h("md-whiteframe",{attrs:{"md-elevation":"16"}},["16dp"])," ",_h("md-whiteframe",{attrs:{"md-elevation":"17"}},["17dp"])," ",_h("md-whiteframe",{attrs:{"md-elevation":"18"}},["18dp"])," ",_h("md-whiteframe",{attrs:{"md-elevation":"19"}},["19dp"])," ",_h("md-whiteframe",{attrs:{"md-elevation":"20"}},["20dp"])," ",_h("md-whiteframe",{attrs:{"md-elevation":"21"}},["21dp"])," ",_h("md-whiteframe",{attrs:{"md-elevation":"22"}},["22dp"])," ",_h("md-whiteframe",{attrs:{"md-elevation":"23"}},["23dp"])," ",_h("md-whiteframe",{attrs:{"md-elevation":"24"}},["24dp"])])])," ",_h("div",{slot:"code"},[_m(0)])," ",_h("div",{slot:"api"})])},staticRenderFns:[function(){with(this)return _h("h2",["Code"])}]}},function(module,exports){module.exports={render:function(){with(this)return _h("single-page",{staticClass:"single-page-home",attrs:{label:"Getting Started"}},[_h("single-page-banner",{attrs:{label:"Getting Started"}})," ",_h("single-page-section",{attrs:{label:"Installation"}},[_m(0)," ",_m(1)," ",_h("code-block",{attrs:{lang:"javascript"}},["\nimport Vue from 'vue';\nimport VueMaterial from 'vue-material';\n\n// OR\n\nvar Vue = require('vue');\nvar VueMaterial = require('vue-material');\n "])," ",_m(2)," ",_m(3)," ",_h("code-block",{attrs:{lang:"xml"}},['\n\n\n '])])," ",_h("single-page-section",{attrs:{label:"Usage"}},[_m(4)," ",_h("code-block",{attrs:{lang:"javascript"}},["\nVue.use(VueMaterial);\n\n// OR\n\nVue.use(VueMaterial.MdCore); //Required to make all components work\nVue.use(VueMaterial.MdButton);\nVue.use(VueMaterial.MdIcon);\nVue.use(VueMaterial.MdSidenav);\nVue.use(VueMaterial.MdToolbar);\n "])])," ",_h("single-page-section",{attrs:{label:"Apply theme"}},[_m(5)," ",_h("code-block",{attrs:{lang:"javascript"}},["\nVue.material.theme.register('default', {\n primary: 'cyan',\n accent: 'pink'\n});\n "])," ",_m(6)," ",_h("code-block",{attrs:{lang:"javascript"}},["\nVue.material.theme.registerAll({\n default: {\n primary: 'cyan',\n accent: 'pink'\n },\n phone: {\n primary: 'indigo',\n accent: 'pink'\n }\n});\n "])," ",_m(7)," ",_h("code-block",{attrs:{lang:"xml"}},["\n
\n
\n "])])])},staticRenderFns:[function(){with(this)return _h("p",["\n - Install Vue Material through npm or yarn: ",_h("br")," ",_h("code",["npm install vue-material"]),_h("br")," ",_h("code",["yarn add vue-material"])])},function(){with(this)return _h("p",["- Import or require Vue and Vue Material in your code:"])},function(){with(this)return _h("small",["* Others package managers like JSPM and Bower are not supported yet."])},function(){with(this)return _h("p",["Or ",_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 yout HTML:"])},function(){with(this)return _h("p",["Enable Vue Material in your application using enableAll method. If you want to enable only some components you can enable them using ",_h("code",["Vue.use()"]),":"])},function(){with(this)return _h("p",["Right now, to get Vue Material working properly, you'll need configure and apply a default theme."])},function(){with(this)return _h("p",["Or you can register multiple themes at once."])},function(){with(this)return _h("p",["Apply your theme using ",_h("code",["v-md-theme"])," directive:"])}]}},,,function(t,e,a){var i=a(68);"string"==typeof i&&(i=[[t.id,i,""]]);a(249)(i,{});i.locals&&(t.exports=i.locals)}]); \ No newline at end of file diff --git a/docs/README.md b/docs/README.md deleted file mode 100644 index 249cf86..0000000 --- a/docs/README.md +++ /dev/null @@ -1,27 +0,0 @@ -# Vue.js Material Docs - -> Material Design for Vue.js - -## Build Setup - -``` bash -### install dependencies -npm install - -### serve with hot reload at localhost:8080 -npm run dev - -### build for production with minification -npm run build - -### run unit tests -npm run unit - -### run e2e tests -npm run e2e - -### run all tests -npm test -``` - -For detailed explanation on how things work, checkout the [guide](http://vuejs-templates.github.io/webpack/) and [docs for vue-loader](http://vuejs.github.io/vue-loader). diff --git a/docs/index.html b/docs/index.html deleted file mode 100644 index eb62886..0000000 --- a/docs/index.html +++ /dev/null @@ -1,26 +0,0 @@ - - - - - - - - - - - - - - - Vue.js Material - - - - - - -
- -
- - diff --git a/docs/src/App.vue b/docs/src/App.vue deleted file mode 100644 index e808fb4..0000000 --- a/docs/src/App.vue +++ /dev/null @@ -1,345 +0,0 @@ - - - - - diff --git a/docs/src/assets/logo-vue.png b/docs/src/assets/logo-vue.png deleted file mode 100644 index cd19fde..0000000 Binary files a/docs/src/assets/logo-vue.png and /dev/null differ diff --git a/docs/src/components/code-block.vue b/docs/src/components/code-block.vue deleted file mode 100644 index fe33ac5..0000000 --- a/docs/src/components/code-block.vue +++ /dev/null @@ -1,109 +0,0 @@ - - - - - diff --git a/docs/src/components/demo-example.vue b/docs/src/components/demo-example.vue deleted file mode 100644 index b69a0d6..0000000 --- a/docs/src/components/demo-example.vue +++ /dev/null @@ -1,78 +0,0 @@ - - - - - - diff --git a/docs/src/components/demo-page.vue b/docs/src/components/demo-page.vue deleted file mode 100644 index 500df8d..0000000 --- a/docs/src/components/demo-page.vue +++ /dev/null @@ -1,85 +0,0 @@ - - - - - diff --git a/docs/src/components/single-page-banner.vue b/docs/src/components/single-page-banner.vue deleted file mode 100644 index 5932f2e..0000000 --- a/docs/src/components/single-page-banner.vue +++ /dev/null @@ -1,72 +0,0 @@ - - - - - diff --git a/docs/src/components/single-page-section.vue b/docs/src/components/single-page-section.vue deleted file mode 100644 index 7539bbd..0000000 --- a/docs/src/components/single-page-section.vue +++ /dev/null @@ -1,30 +0,0 @@ - - - - - diff --git a/docs/src/components/single-page.vue b/docs/src/components/single-page.vue deleted file mode 100644 index b8ae487..0000000 --- a/docs/src/components/single-page.vue +++ /dev/null @@ -1,102 +0,0 @@ - - - - - diff --git a/docs/src/config.js b/docs/src/config.js deleted file mode 100644 index 8e47e25..0000000 --- a/docs/src/config.js +++ /dev/null @@ -1,68 +0,0 @@ -import Vue from 'vue'; -import VueMaterial from '../../src'; - -Vue.use(VueMaterial); - -Vue.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: 'purple' - }, - 'light-blue': { - primary: 'light-blue', - accent: { - color: 'cyan', - hue: 'A200' - } - }, - teal: { - primary: 'teal', - accent: 'orange' - }, - 'dark-pink': { - primary: { - color: 'pink', - hue: 800 - }, - accent: 'orange' - }, - cyan: { - primary: 'cyan', - accent: 'pink' - }, - white: { - primary: 'white', - accent: 'indigo' - }, - grey: { - primary: { - color: 'grey', - hue: 300 - }, - accent: 'indigo' - } -}); diff --git a/docs/src/index.js b/docs/src/index.js deleted file mode 100644 index d74304e..0000000 --- a/docs/src/index.js +++ /dev/null @@ -1,75 +0,0 @@ -/* Third Party */ -import Vue from 'vue'; -import VueRouter from 'vue-router'; -import highlight from 'highlight.js/lib/highlight.js'; -import highlightSCSS from 'highlight.js/lib/languages/scss'; -import highlightXML from 'highlight.js/lib/languages/xml'; -import highlightJS from 'highlight.js/lib/languages/javascript'; - -highlight.registerLanguage('scss', highlightSCSS); -highlight.registerLanguage('xml', highlightXML); -highlight.registerLanguage('javascript', highlightJS); - -/* Configs */ -import './config.js'; -import routes from './routes.js'; -import App from './App'; -import SinglePage from './components/single-page'; -import SinglePageBanner from './components/single-page-banner'; -import SinglePageSection from './components/single-page-section'; -import DemoPage from './components/demo-page'; -import DemoExample from './components/demo-example'; -import CodeBlock from './components/code-block'; - - -Vue.component('single-page', SinglePage); -Vue.component('single-page-banner', SinglePageBanner); -Vue.component('single-page-section', SinglePageSection); -Vue.component('demo-page', DemoPage); -Vue.component('demo-example', DemoExample); -Vue.component('code-block', CodeBlock); - -Vue.use(VueRouter); - -let router = new VueRouter({ - hashbang: false, - routes -}); - -let Docs = Vue.component('app', App); -let handleSectionTheme = (route) => { - if (route.name.indexOf('introduction') >= 0) { - Docs.theme = 'blue'; - } else if (route.name.indexOf('components') >= 0) { - Docs.theme = 'indigo'; - } else if (route.name.indexOf('themes') >= 0) { - Docs.theme = 'teal'; - } else if (route.name.indexOf('ui-elements') >= 0) { - Docs.theme = 'dark-pink'; - } else if (route.name.indexOf('changelog') >= 0) { - Docs.theme = 'orange'; - } else if (route.name.indexOf('about') >= 0) { - Docs.theme = 'green'; - } else { - Docs.theme = 'default'; - } -}; - -Docs = new Docs({ - el: '#app', - router -}); - -handleSectionTheme(router.currentRoute); - -router.afterEach((currentRoute) => { - let mainContent = document.querySelector('.main-content'); - - if (mainContent) { - mainContent.scrollTop = 0; - } - - Docs.closeSidenav(); - - handleSectionTheme(currentRoute); -}); diff --git a/docs/src/pages/About.vue b/docs/src/pages/About.vue deleted file mode 100644 index 4a4e771..0000000 --- a/docs/src/pages/About.vue +++ /dev/null @@ -1,5 +0,0 @@ - diff --git a/docs/src/pages/Changelog.vue b/docs/src/pages/Changelog.vue deleted file mode 100644 index 0967d74..0000000 --- a/docs/src/pages/Changelog.vue +++ /dev/null @@ -1,5 +0,0 @@ - diff --git a/docs/src/pages/Error.vue b/docs/src/pages/Error.vue deleted file mode 100644 index a90108d..0000000 --- a/docs/src/pages/Error.vue +++ /dev/null @@ -1,5 +0,0 @@ - diff --git a/docs/src/pages/GettingStarted.vue b/docs/src/pages/GettingStarted.vue deleted file mode 100644 index 236c6c0..0000000 --- a/docs/src/pages/GettingStarted.vue +++ /dev/null @@ -1,77 +0,0 @@ - diff --git a/docs/src/pages/Introduction.vue b/docs/src/pages/Introduction.vue deleted file mode 100644 index f1d3179..0000000 --- a/docs/src/pages/Introduction.vue +++ /dev/null @@ -1,74 +0,0 @@ - - - diff --git a/docs/src/pages/components/Avatar.vue b/docs/src/pages/components/Avatar.vue deleted file mode 100644 index 3c5cd94..0000000 --- a/docs/src/pages/components/Avatar.vue +++ /dev/null @@ -1,103 +0,0 @@ - diff --git a/docs/src/pages/components/BottomBar.vue b/docs/src/pages/components/BottomBar.vue deleted file mode 100644 index 63eb3bb..0000000 --- a/docs/src/pages/components/BottomBar.vue +++ /dev/null @@ -1,254 +0,0 @@ - - - - - diff --git a/docs/src/pages/components/ButtonToggle.vue b/docs/src/pages/components/ButtonToggle.vue deleted file mode 100644 index 9d3dd6b..0000000 --- a/docs/src/pages/components/ButtonToggle.vue +++ /dev/null @@ -1,217 +0,0 @@ - - - diff --git a/docs/src/pages/components/Buttons.vue b/docs/src/pages/components/Buttons.vue deleted file mode 100644 index 9cc06b6..0000000 --- a/docs/src/pages/components/Buttons.vue +++ /dev/null @@ -1,316 +0,0 @@ - - - diff --git a/docs/src/pages/components/Checkbox.vue b/docs/src/pages/components/Checkbox.vue deleted file mode 100644 index 50dd40c..0000000 --- a/docs/src/pages/components/Checkbox.vue +++ /dev/null @@ -1,59 +0,0 @@ - - - - - diff --git a/docs/src/pages/components/Icon.vue b/docs/src/pages/components/Icon.vue deleted file mode 100644 index f1577d2..0000000 --- a/docs/src/pages/components/Icon.vue +++ /dev/null @@ -1,27 +0,0 @@ - diff --git a/docs/src/pages/components/Input.vue b/docs/src/pages/components/Input.vue deleted file mode 100644 index c2f9f9d..0000000 --- a/docs/src/pages/components/Input.vue +++ /dev/null @@ -1,127 +0,0 @@ - - - diff --git a/docs/src/pages/components/List.vue b/docs/src/pages/components/List.vue deleted file mode 100644 index 1daf965..0000000 --- a/docs/src/pages/components/List.vue +++ /dev/null @@ -1,727 +0,0 @@ - - - - - diff --git a/docs/src/pages/components/Radio.vue b/docs/src/pages/components/Radio.vue deleted file mode 100644 index baa601b..0000000 --- a/docs/src/pages/components/Radio.vue +++ /dev/null @@ -1,88 +0,0 @@ - - - - - diff --git a/docs/src/pages/components/Ripple.vue b/docs/src/pages/components/Ripple.vue deleted file mode 100644 index 8e82ac9..0000000 --- a/docs/src/pages/components/Ripple.vue +++ /dev/null @@ -1,49 +0,0 @@ - - - diff --git a/docs/src/pages/components/Select.vue b/docs/src/pages/components/Select.vue deleted file mode 100644 index 1615557..0000000 --- a/docs/src/pages/components/Select.vue +++ /dev/null @@ -1,107 +0,0 @@ - - - - - diff --git a/docs/src/pages/components/Sidenav.vue b/docs/src/pages/components/Sidenav.vue deleted file mode 100644 index 6219f90..0000000 --- a/docs/src/pages/components/Sidenav.vue +++ /dev/null @@ -1,78 +0,0 @@ - - - - - diff --git a/docs/src/pages/components/Subheader.vue b/docs/src/pages/components/Subheader.vue deleted file mode 100644 index 466179b..0000000 --- a/docs/src/pages/components/Subheader.vue +++ /dev/null @@ -1,155 +0,0 @@ - diff --git a/docs/src/pages/components/Switch.vue b/docs/src/pages/components/Switch.vue deleted file mode 100644 index d04f801..0000000 --- a/docs/src/pages/components/Switch.vue +++ /dev/null @@ -1,66 +0,0 @@ - - - diff --git a/docs/src/pages/components/Tabs.vue b/docs/src/pages/components/Tabs.vue deleted file mode 100644 index 54d453f..0000000 --- a/docs/src/pages/components/Tabs.vue +++ /dev/null @@ -1,220 +0,0 @@ - - - - - diff --git a/docs/src/pages/components/Toolbar.vue b/docs/src/pages/components/Toolbar.vue deleted file mode 100644 index 10814a3..0000000 --- a/docs/src/pages/components/Toolbar.vue +++ /dev/null @@ -1,225 +0,0 @@ - - - diff --git a/docs/src/pages/components/Tooltip.vue b/docs/src/pages/components/Tooltip.vue deleted file mode 100644 index 25ccd3f..0000000 --- a/docs/src/pages/components/Tooltip.vue +++ /dev/null @@ -1,72 +0,0 @@ - - - diff --git a/docs/src/pages/components/Whiteframe.vue b/docs/src/pages/components/Whiteframe.vue deleted file mode 100644 index 32c006e..0000000 --- a/docs/src/pages/components/Whiteframe.vue +++ /dev/null @@ -1,55 +0,0 @@ - - - diff --git a/docs/src/pages/themes/Configuration.vue b/docs/src/pages/themes/Configuration.vue deleted file mode 100644 index e0442e4..0000000 --- a/docs/src/pages/themes/Configuration.vue +++ /dev/null @@ -1,5 +0,0 @@ - diff --git a/docs/src/pages/themes/DynamicThemes.vue b/docs/src/pages/themes/DynamicThemes.vue deleted file mode 100644 index 1b296df..0000000 --- a/docs/src/pages/themes/DynamicThemes.vue +++ /dev/null @@ -1,5 +0,0 @@ - diff --git a/docs/src/pages/ui-elements/GridSystem.vue b/docs/src/pages/ui-elements/GridSystem.vue deleted file mode 100644 index 1ef4335..0000000 --- a/docs/src/pages/ui-elements/GridSystem.vue +++ /dev/null @@ -1,5 +0,0 @@ - diff --git a/docs/src/pages/ui-elements/Typography.vue b/docs/src/pages/ui-elements/Typography.vue deleted file mode 100644 index 4ac4c83..0000000 --- a/docs/src/pages/ui-elements/Typography.vue +++ /dev/null @@ -1,5 +0,0 @@ - diff --git a/docs/src/routes.js b/docs/src/routes.js deleted file mode 100644 index 86e95fa..0000000 --- a/docs/src/routes.js +++ /dev/null @@ -1,201 +0,0 @@ -/* main */ -import Introduction from './pages/Introduction'; -import GettingStarted from './pages/GettingStarted'; -import About from './pages/About'; -import Changelog from './pages/Changelog'; -import Error404 from './pages/Error'; - -/* Components */ -import Avatar from './pages/components/Avatar'; -import BottomBar from './pages/components/BottomBar'; -import Buttons from './pages/components/Buttons'; -import ButtonToggle from './pages/components/ButtonToggle'; -import Checkbox from './pages/components/Checkbox'; -import Icon from './pages/components/Icon'; -import Input from './pages/components/Input'; -import List from './pages/components/List'; -import Radio from './pages/components/Radio'; -import Ripple from './pages/components/Ripple'; -import Select from './pages/components/Select'; -import Sidenav from './pages/components/Sidenav'; -import Subheader from './pages/components/Subheader'; -import Switch from './pages/components/Switch'; -import Tabs from './pages/components/Tabs'; -import Toolbar from './pages/components/Toolbar'; -import Tooltip from './pages/components/Tooltip'; -import Whiteframe from './pages/components/Whiteframe'; - -/* UI Elements */ -import Typography from './pages/ui-elements/Typography'; -import GridSystem from './pages/ui-elements/GridSystem'; - -/* Themes */ -import Configuration from './pages/themes/Configuration'; -import DynamicThemes from './pages/themes/DynamicThemes'; - -const main = [ - { - path: '/', - name: 'introduction', - component: Introduction - }, - { - path: '/getting-started', - name: 'getting-started', - component: GettingStarted - }, - { - path: '/about', - name: 'about', - component: About - }, - { - path: '/changelog', - name: 'changelog', - component: Changelog - } -]; - -const components = [ - { - path: '/components', - name: 'components', - redirect: '/components/avatar' - }, - { - path: '/components/avatar', - name: 'components:avatar', - component: Avatar - }, - { - path: '/components/bottom-bar', - name: 'components:bottom-bar', - component: BottomBar - }, - { - path: '/components/button', - name: 'components:button', - component: Buttons - }, - { - path: '/components/button-toggle', - name: 'components:button-toggle', - component: ButtonToggle - }, - { - path: '/components/checkbox', - name: 'components:checkbox', - component: Checkbox - }, - { - path: '/components/icon', - name: 'components:icon', - component: Icon - }, - { - path: '/components/input', - name: 'components:input', - component: Input - }, - { - path: '/components/list', - name: 'components:list', - component: List - }, - { - path: '/components/radio', - name: 'components:radio', - component: Radio - }, - { - path: '/components/ripple', - name: 'components:ripple', - component: Ripple - }, - { - path: '/components/select', - name: 'components:select', - component: Select - }, - { - path: '/components/sidenav', - name: 'components:sidenav', - component: Sidenav - }, - { - path: '/components/switch', - name: 'components:switch', - component: Switch - }, - { - path: '/components/subheader', - name: 'components:subheader', - component: Subheader - }, - { - path: '/components/tabs', - name: 'components:tabs', - component: Tabs - }, - { - path: '/components/toolbar', - name: 'components:toolbar', - component: Toolbar - }, - { - path: '/components/tooltip', - name: 'components:tooltip', - component: Tooltip - }, - { - path: '/components/whiteframe', - name: 'components:whiteframe', - component: Whiteframe - } -]; - -const theme = [ - { - path: '/themes', - name: 'themes', - redirect: '/themes/configuration' - }, - { - path: '/themes/configuration', - name: 'themes:configuration', - component: Configuration - }, - { - path: '/themes/dynamic-themes', - name: 'themes:dynamic-themes', - component: DynamicThemes - } -]; - -const uiElements = [ - { - path: '/ui-elements', - name: 'ui-elements', - redirect: '/ui-elements/typography' - }, - { - path: '/ui-elements/typography', - name: 'ui-elements:typography', - component: Typography - }, - { - path: '/ui-elements/grid-system', - name: 'ui-elements:grid-system', - component: GridSystem - } -]; - -const error = [ - { - path: '*', - name: 'error', - component: Error404 - } -]; - -export default [].concat(main, components, theme, uiElements, error); diff --git a/index.html b/index.html new file mode 100644 index 0000000..edad845 --- /dev/null +++ b/index.html @@ -0,0 +1 @@ +Vue.js Material
\ No newline at end of file diff --git a/manifest.1f93864b.js b/manifest.1f93864b.js new file mode 100644 index 0000000..5ff5c5c --- /dev/null +++ b/manifest.1f93864b.js @@ -0,0 +1 @@ +!function(e){function t(n){if(r[n])return r[n].exports;var a=r[n]={exports:{},id:n,loaded:!1};return e[n].call(a.exports,a,a.exports,t),a.loaded=!0,a.exports}var n=window.webpackJsonp;window.webpackJsonp=function(o,p){for(var c,l,s=0,i=[];s", - "license": "MIT", - "keywords": [ - "vue", - "vue 2", - "vuejs", - "material design", - "material", - "angular-material", - "components" - ], - "repository": { - "type": "git", - "url": "https://github.com/marcosmoura/vue-material.git" - }, - "main": "dist/vue-material.js", - "files": [ - "dist", - "src", - "CHANGELOG.md", - "LICENSE", - "README.md" - ], - "scripts": { - "dev": "babel-node build/server/index.js --presets es2015,stage-0", - "build:docs": "babel-node build/server/build-docs.js --presets es2015,stage-0", - "build:lib": "babel-node build/server/build-lib.js --presets es2015,stage-0", - "build": "rm -rf dist && npm run build:docs && npm run build:lib", - "lint": "eslint --ext .js,.vue --fix src", - "deploy-docs": "npm run build && git subtree push --prefix dist/docs origin gh-pages", - "publish": "npm run deploy-docs && npm publish" - }, - "dependencies": { - "autosize": "^3.0.17", - "element.scrollintoviewifneeded-polyfill": "^1.0.1", - "scopedQuerySelectorShim": "github:lazd/scopedQuerySelectorShim", - "vue": "^2.0.2" - }, - "devDependencies": { - "autoprefixer": "^6.5.0", - "babel-core": "^6.17.0", - "babel-eslint": "^7.0.0", - "babel-loader": "^6.2.5", - "babel-plugin-transform-runtime": "^6.15.0", - "babel-preset-es2015": "^6.16.0", - "babel-preset-stage-0": "^6.16.0", - "chalk": "^1.1.3", - "connect-history-api-fallback": "^1.3.0", - "css-loader": "^0.25.0", - "eslint": "^3.7.1", - "eslint-friendly-formatter": "^2.0.6", - "eslint-loader": "^1.5.0", - "eslint-plugin-html": "^1.5.3", - "eventsource-polyfill": "^0.9.6", - "express": "^4.14.0", - "extract-text-webpack-plugin": "^1.0.1", - "file-loader": "^0.9.0", - "highlight.js": "^9.7.0", - "html-webpack-plugin": "^2.22.0", - "node-sass": "^3.10.1", - "ora": "^0.3.0", - "raw-loader": "^0.5.1", - "sass-loader": "^4.0.2", - "url-loader": "^0.5.7", - "vue-hot-reload-api": "^2.0.6", - "vue-html-loader": "^1.2.3", - "vue-loader": "^9.5.1", - "vue-router": "^2.0.1", - "vue-style-loader": "^1.0.0", - "vue-template-compiler": "^2.0.1", - "webpack": "^1.13.2", - "webpack-dev-middleware": "^1.8.4", - "webpack-hot-middleware": "^2.12.2", - "webpack-merge": "^0.14.1" - } -} diff --git a/src/components/mdAvatar/index.js b/src/components/mdAvatar/index.js deleted file mode 100644 index 0e04858..0000000 --- a/src/components/mdAvatar/index.js +++ /dev/null @@ -1,8 +0,0 @@ -import mdAvatar from './mdAvatar.vue'; -import mdAvatarTheme from './mdAvatar.theme'; - -export default function install(Vue) { - Vue.component('md-avatar', Vue.extend(mdAvatar)); - - Vue.material.styles.push(mdAvatarTheme); -} diff --git a/src/components/mdAvatar/mdAvatar.scss b/src/components/mdAvatar/mdAvatar.scss deleted file mode 100644 index 2901ca7..0000000 --- a/src/components/mdAvatar/mdAvatar.scss +++ /dev/null @@ -1,81 +0,0 @@ -@import '../../core/stylesheets/variables.scss'; - -$avatar-size: 40px; -$avatar-large-size: 64px; -$avatar-large-icon: 40px; - -.md-avatar { - width: $avatar-size; - min-width: $avatar-size; - height: $avatar-size; - min-height: $avatar-size; - margin: auto; - display: inline-block; - overflow: hidden; - user-select: none; - position: relative; - border-radius: $avatar-size; - vertical-align: middle; - - &.md-large { - width: $avatar-large-size; - min-width: $avatar-large-size; - height: $avatar-large-size; - min-height: $avatar-large-size; - border-radius: $avatar-large-size; - - .md-icon { - width: $avatar-large-icon; - min-width: $avatar-large-icon; - height: $avatar-large-icon; - min-height: $avatar-large-icon; - font-size: $avatar-large-icon; - line-height: $avatar-large-icon; - } - } - - &.md-avatar-icon { - background-color: rgba(#000, .38); - - .md-icon { - color: #fff; - } - } - - .md-icon { - position: absolute; - top: 50%; - left: 50%; - transform: translate(-50%, -50%); - } - - img { - display: block; - } - - .md-ink-ripple { - border-radius: 50%; - - .md-ripple.md-active { - animation-duration: .9s; - } - } - - .md-tooltip { - &.md-tooltip-top { - margin-top: -8px; - } - - &.md-tooltip-right { - margin-left: 8px; - } - - &.md-tooltip-bottom { - margin-top: 8px; - } - - &.md-tooltip-left { - margin-left: -8px; - } - } -} diff --git a/src/components/mdAvatar/mdAvatar.theme b/src/components/mdAvatar/mdAvatar.theme deleted file mode 100644 index a68c820..0000000 --- a/src/components/mdAvatar/mdAvatar.theme +++ /dev/null @@ -1,34 +0,0 @@ -.THEME_NAME { - .md-avatar, - &.md-avatar { - &.md-primary { - &.md-avatar-icon { - background-color: #{'PRIMARY-COLOR'}; - - .md-icon { - color: #{'PRIMARY-CONTRAST-0.99999'}; - } - } - } - - &.md-accent { - &.md-avatar-icon { - background-color: #{'ACCENT-COLOR'}; - - .md-icon { - color: #{'ACCENT-CONTRAST-0.99999'}; - } - } - } - - &.md-warn { - &.md-avatar-icon { - background-color: #{'WARN-COLOR'}; - - .md-icon { - color: #{'WARN-CONTRAST-0.99999'}; - } - } - } - } -} diff --git a/src/components/mdAvatar/mdAvatar.vue b/src/components/mdAvatar/mdAvatar.vue deleted file mode 100644 index 103df3d..0000000 --- a/src/components/mdAvatar/mdAvatar.vue +++ /dev/null @@ -1,7 +0,0 @@ - - - diff --git a/src/components/mdBottomBar/index.js b/src/components/mdBottomBar/index.js deleted file mode 100644 index a823e87..0000000 --- a/src/components/mdBottomBar/index.js +++ /dev/null @@ -1,10 +0,0 @@ -import MdBottomBar from './mdBottomBar.vue'; -import MdBottomBarItem from './mdBottomBarItem.vue'; -import MdBottomBarTheme from './mdBottomBar.theme'; - -export default function install(Vue) { - Vue.component('md-bottom-bar', Vue.extend(MdBottomBar)); - Vue.component('md-bottom-bar-item', Vue.extend(MdBottomBarItem)); - - Vue.material.styles.push(MdBottomBarTheme); -} diff --git a/src/components/mdBottomBar/mdBottomBar.scss b/src/components/mdBottomBar/mdBottomBar.scss deleted file mode 100644 index aa13b15..0000000 --- a/src/components/mdBottomBar/mdBottomBar.scss +++ /dev/null @@ -1,99 +0,0 @@ -@import '../../core/stylesheets/variables.scss'; - -.md-bottom-bar { - width: 100%; - min-width: 100%; - height: 56px; - position: relative; - display: flex; - justify-content: center; - box-shadow: $material-shadow-8dp; - transition: $swift-ease-out; - - .md-ripple { - animation-duration: $swift-ease-out-duration; - } -} - -.md-bottom-bar-item { - max-width: 168px; - min-width: 80px; - height: 100%; - padding: 8px 12px 10px; - display: flex; - flex-flow: column nowrap; - align-items: center; - justify-content: space-between; - 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-active { - padding-top: 6px; - - .md-text { - transform: scale(1) translate3d(0, 0, 0); - } - - .md-text, - .md-icon { - color: currentColor; - } - } - - .md-bottom-bar.md-shift & { - min-width: 56px; - max-width: 96px; - position: static; - flex: 1 1 32px; - transition: $swift-ease-out-duration $swift-ease-out-timing-function; - transition-property: flex, min-width, max-width; - - .md-icon { - transform: translate3d(0, 8px, 0); - } - - .md-text { - opacity: 0; - transform: scale(1) translate3d(0, 6px, 0); - } - - &.md-active { - min-width: 96px; - max-width: 168px; - flex: 1 1 72px; - - .md-icon, - .md-text { - opacity: 1; - } - - .md-icon { - transform: scale(1) translate3d(0, 0, 0); - } - - .md-text { - transform: scale(1) translate3d(0, 2px, 0); - } - } - } - - .md-text { - transform: scale(.8571) translateY(2px); - transition: $swift-ease-out, - color $swift-linear-duration $swift-linear-timing-function, - opacity $swift-linear-duration $swift-linear-timing-function; - } - - .md-icon { - transition: $swift-ease-out, - color $swift-linear-duration $swift-linear-timing-function; - } -} diff --git a/src/components/mdBottomBar/mdBottomBar.theme b/src/components/mdBottomBar/mdBottomBar.theme deleted file mode 100644 index 10b6bcc..0000000 --- a/src/components/mdBottomBar/mdBottomBar.theme +++ /dev/null @@ -1,65 +0,0 @@ -.THEME_NAME { - .md-bottom-bar, - &.md-bottom-bar { - &.md-fixed { - background-color: #{'BACKGROUND-COLOR'}; - - .md-bottom-bar-item { - color: #{'BACKGROUND-CONTRAST-0.54'}; - - &.md-active { - color: #{'PRIMARY-COLOR'}; - } - } - } - - &.md-shift { - background-color: #{'PRIMARY-COLOR'}; - color: #{'PRIMARY-CONTRAST'}; - - .md-bottom-bar-item { - color: #{'PRIMARY-CONTRAST-0.54'}; - - &.md-active { - color: #{'PRIMARY-CONTRAST'}; - } - } - - &.md-accent { - background-color: #{'ACCENT-COLOR'}; - - .md-bottom-bar-item { - color: #{'ACCENT-CONTRAST-0.54'}; - - &.md-active { - color: #{'ACCENT-CONTRAST'}; - } - } - } - - &.md-warn { - background-color: #{'WARN-COLOR'}; - - .md-bottom-bar-item { - color: #{'WARN-CONTRAST-0.54'}; - - &.md-active { - color: #{'WARN-CONTRAST'}; - } - } - } - - &.md-transparent { - background-color: transparent; - - .md-bottom-bar-item { - color: #{'BACKGROUND-CONTRAST-0.54'}; - - &.md-active { - color: #{'BACKGROUND-CONTRAST'}; - } - } - } - } - } -} diff --git a/src/components/mdBottomBar/mdBottomBar.vue b/src/components/mdBottomBar/mdBottomBar.vue deleted file mode 100644 index 1d50e77..0000000 --- a/src/components/mdBottomBar/mdBottomBar.vue +++ /dev/null @@ -1,20 +0,0 @@ - - - - - diff --git a/src/components/mdBottomBar/mdBottomBarItem.vue b/src/components/mdBottomBar/mdBottomBarItem.vue deleted file mode 100644 index a647fbc..0000000 --- a/src/components/mdBottomBar/mdBottomBarItem.vue +++ /dev/null @@ -1,57 +0,0 @@ - - - diff --git a/src/components/mdButton/index.js b/src/components/mdButton/index.js deleted file mode 100644 index ee22123..0000000 --- a/src/components/mdButton/index.js +++ /dev/null @@ -1,8 +0,0 @@ -import MdButton from './mdButton.vue'; -import MdButtonTheme from './mdButton.theme'; - -export default function install(Vue) { - Vue.component('md-button', Vue.extend(MdButton)); - - Vue.material.styles.push(MdButtonTheme); -} diff --git a/src/components/mdButton/mdButton.scss b/src/components/mdButton/mdButton.scss deleted file mode 100644 index 2fe2f1f..0000000 --- a/src/components/mdButton/mdButton.scss +++ /dev/null @@ -1,245 +0,0 @@ -@import '../../core/stylesheets/variables.scss'; - -$button-width: 88px; -$button-height: 36px; -$button-radius: 2px; - -$button-fab-size: 56px; -$button-fab-size-mini: 40px; - -$button-dense-height: 32px; - -$button-icon-size: 40px; - -.md-button { - min-width: $button-width; - min-height: $button-height; - margin: 6px 8px; - padding: 0 16px; - display: inline-block; - position: relative; - align-items: center; - overflow: hidden; - user-select: none; - cursor: pointer; - outline: none; - background: none; - border: 0; - border-radius: $button-radius; - transition: $swift-ease-out; - color: currentColor; - font-family: inherit; - font-size: 14px; - font-style: inherit; - font-variant: inherit; - font-weight: 500; - line-height: $button-height; - text-align: center; - text-transform: uppercase; - text-decoration: none; - vertical-align: top; - white-space: nowrap; - - &:focus { - outline: none; - } - - &:hover { - &:not([disabled]) { - &:not(.md-raised) { - background-color: rgba(#999, .2); - text-decoration: none; - } - - &.md-raised { - background-color: rgba(#000, .12); - } - } - } - - &:active:not([disabled]) { - background-color: rgba(#999, .4); - } - - &.md-raised:not([disabled]) { - box-shadow: $material-shadow-2dp; - } - - &.md-icon-button { - min-width: $button-icon-size; - height: $button-icon-size; - margin: 0 6px; - padding: 8px; - border-radius: 50%; - line-height: 24px; - - &:not([disabled]) { - &:hover { - background: none; - } - } - - &.md-dense { - min-width: $button-dense-height; - height: $button-dense-height; - min-height: $button-dense-height; - padding: 0; - line-height: $button-dense-height; - } - - .md-tooltip { - &.md-tooltip-top { - margin-top: -8px; - } - - &.md-tooltip-right { - margin-left: 8px; - } - - &.md-tooltip-bottom { - margin-top: 8px; - } - - &.md-tooltip-left { - margin-left: -8px; - } - } - - .md-ink-ripple { - border-radius: 50%; - - .md-ripple { - top: 0 !important; - right: 0 !important; - bottom: 0 !important; - left: 0 !important; - } - } - - .md-ripple.md-active { - animation-duration: .9s; - } - } - - &.md-dense { - min-height: $button-dense-height; - line-height: $button-dense-height; - font-size: 13px; - } - - &.md-fab { - width: $button-fab-size; - height: $button-fab-size; - min-width: 0; - padding: 0; - overflow: hidden; - box-shadow: $material-shadow-2dp; - border-radius: $button-fab-size; - line-height: $button-fab-size; - vertical-align: middle; - background-clip: padding-box; - transition: $swift-ease-in; - transition-property: background-color, - box-shadow, - transform; - - &:hover, - &:focus { - box-shadow: $material-shadow-5dp; - } - - &.md-fab-top-right { - position: absolute; - top: 16px; - right: 16px; - } - - &.md-fab-top-left { - position: absolute; - top: 16px; - left: 16px; - } - - &.md-fab-bottom-right { - position: absolute; - right: 16px; - bottom: 16px; - } - - &.md-fab-bottom-left { - position: absolute; - left: 16px; - bottom: 16px; - } - - &.md-mini { - width: $button-fab-size-mini; - height: $button-fab-size-mini; - line-height: $button-fab-size-mini; - } - - .md-ink-ripple { - border-radius: $button-fab-size; - } - } - - &[disabled] { - color: rgba(#000, .26); - cursor: default; - - &.md-raised, - &.md-fab { - background-color: rgba(#000, .12); - } - - &.md-fab { - box-shadow: none; - } - } - - &:after { - transition: $swift-ease-out; - } - - .md-ink-ripple { - border-radius: $button-radius; - background-clip: padding-box; - overflow: hidden; - //-webkit-mask-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC'); - } -} - -.md-button-group { - width: auto; - display: flex; - - > .md-button { - margin: 0; - overflow: hidden; - border-width: 1px 0 1px 1px; - border-radius: 0; - text-align: center; - text-overflow: ellipsis; - white-space: nowrap; - - &:first-child { - border-radius: 2px 0 0 2px; - } - - &:last-child { - border-right-width: 1px; - border-radius: 0 2px 2px 0; - } - - .md-ink-ripple { - border-radius: $button-radius; - } - } -} - -.md-button.md-icon-button, -.md-button.md-fab { - md-icon { - display: block; - } -} diff --git a/src/components/mdButton/mdButton.theme b/src/components/mdButton/mdButton.theme deleted file mode 100644 index f49f455..0000000 --- a/src/components/mdButton/mdButton.theme +++ /dev/null @@ -1,96 +0,0 @@ -.THEME_NAME { - .md-button:not([disabled]), - &.md-button:not([disabled]) { - &.md-raised { - &:not(.md-icon-button) { - color: #{'BACKGROUND-COLOR-900'}; - background-color: #{'BACKGROUND-COLOR-50'}; - - &:hover { - background-color: #{'BACKGROUND-COLOR-200'}; - } - } - - &.md-icon-button:not(.md-raised) { - color: #{'BACKGROUND-COLOR'}; - } - } - - &.md-fab { - color: #{'ACCENT-CONTRAST'}; - background-color: #{'ACCENT-COLOR'}; - - &:hover { - background-color: #{'ACCENT-COLOR-600'}; - } - - &.md-clean { - color: #{'BACKGROUND-COLOR-900'}; - background-color: #{'BACKGROUND-COLOR-50'}; - - &:hover { - background-color: #{'BACKGROUND-COLOR-200'}; - } - } - } - - &.md-primary { - &:not(.md-icon-button) { - color: #{'PRIMARY-COLOR'}; - } - - &.md-raised, - &.md-fab { - background-color: #{'PRIMARY-COLOR'}; - color: #{'PRIMARY-CONTRAST'}; - - &:hover { - background-color: #{'PRIMARY-COLOR-600'}; - } - } - - &.md-icon-button:not(.md-raised) { - color: #{'PRIMARY-COLOR'}; - } - } - - &.md-accent { - &:not(.md-icon-button) { - color: #{'ACCENT-COLOR'}; - } - - &.md-raised { - background-color: #{'ACCENT-COLOR'}; - color: #{'ACCENT-CONTRAST'}; - - &:hover { - background-color: #{'ACCENT-COLOR-600'}; - } - } - - &.md-icon-button:not(.md-raised) { - color: #{'ACCENT-COLOR'}; - } - } - - &.md-warn { - &:not(.md-icon-button) { - color: #{'WARN-COLOR'}; - } - - &.md-raised, - &.md-fab { - background-color: #{'WARN-COLOR'}; - color: #{'WARN-CONTRAST'}; - - &:hover { - background-color: #{'WARN-COLOR-600'}; - } - } - - &.md-icon-button:not(.md-raised) { - color: #{'WARN-COLOR'}; - } - } - } -} diff --git a/src/components/mdButton/mdButton.vue b/src/components/mdButton/mdButton.vue deleted file mode 100644 index bea67d5..0000000 --- a/src/components/mdButton/mdButton.vue +++ /dev/null @@ -1,41 +0,0 @@ - - - diff --git a/src/components/mdButtonToggle/index.js b/src/components/mdButtonToggle/index.js deleted file mode 100644 index 3e3a32a..0000000 --- a/src/components/mdButtonToggle/index.js +++ /dev/null @@ -1,8 +0,0 @@ -import mdButtonToggle from './mdButtonToggle.vue'; -import mdButtonToggleTheme from './mdButtonToggle.theme'; - -export default function install(Vue) { - Vue.component('md-button-toggle', Vue.extend(mdButtonToggle)); - - Vue.material.styles.push(mdButtonToggleTheme); -} diff --git a/src/components/mdButtonToggle/mdButtonToggle.scss b/src/components/mdButtonToggle/mdButtonToggle.scss deleted file mode 100644 index 8711f1c..0000000 --- a/src/components/mdButtonToggle/mdButtonToggle.scss +++ /dev/null @@ -1,16 +0,0 @@ -@import '../../core/stylesheets/variables.scss'; - -.md-button-toggle { - .md-button { - &:not([disabled]) { - color: rgba(#000, .54); - - &:hover:not(.md-toggle) { - &:not(.md-raised) { - background-color: rgba(#999, .2); - text-decoration: none; - } - } - } - } -} diff --git a/src/components/mdButtonToggle/mdButtonToggle.theme b/src/components/mdButtonToggle/mdButtonToggle.theme deleted file mode 100644 index 9bed785..0000000 --- a/src/components/mdButtonToggle/mdButtonToggle.theme +++ /dev/null @@ -1,76 +0,0 @@ -.THEME_NAME { - .md-button-toggle, - &.md-button-toggle { - .md-button { - &:after { - width: 1px; - position: absolute; - top: 0; - bottom: 0; - left: 0; - content: " "; - } - } - - .md-toggle { - color: #{'BACKGROUND-CONTRAST-600'}; - background-color: #{'BACKGROUND-COLOR-500'}; - - &:hover:not([disabled]) { - background-color: #{'BACKGROUND-COLOR-600'}; - } - - + .md-toggle:after { - background-color: #{'BACKGROUND-COLOR-600'}; - } - } - - &.md-primary .md-toggle { - color: #{'PRIMARY-CONTRAST'}; - background-color: #{'PRIMARY-COLOR'}; - - &:hover:not([disabled]) { - background-color: #{'PRIMARY-COLOR-600'}; - } - - + .md-toggle:after { - background-color: #{'PRIMARY-COLOR-700'}; - } - } - - &.md-accent .md-toggle { - color: #{'ACCENT-CONTRAST'}; - background-color: #{'ACCENT-COLOR'}; - - &:hover:not([disabled]) { - background-color: #{'ACCENT-COLOR-600'}; - } - - + .md-toggle:after { - background-color: #{'ACCENT-COLOR-700'}; - } - } - - &.md-warn .md-toggle { - color: #{'WARN-CONTRAST'}; - background-color: #{'WARN-COLOR'}; - - &:hover:not([disabled]) { - background-color: #{'WARN-COLOR-600'}; - } - - + .md-toggle:after { - background-color: #{'WARN-COLOR-700'}; - } - } - - [disabled] { - color: rgba(#000, .26); - - &.md-toggle { - color: #{'BACKGROUND-CONTRAST-0.2'}; - background-color: rgba(#000, .26); - } - } - } -} diff --git a/src/components/mdButtonToggle/mdButtonToggle.vue b/src/components/mdButtonToggle/mdButtonToggle.vue deleted file mode 100644 index 95226bd..0000000 --- a/src/components/mdButtonToggle/mdButtonToggle.vue +++ /dev/null @@ -1,48 +0,0 @@ - - - - - diff --git a/src/components/mdCheckbox/index.js b/src/components/mdCheckbox/index.js deleted file mode 100644 index c9c2891..0000000 --- a/src/components/mdCheckbox/index.js +++ /dev/null @@ -1,8 +0,0 @@ -import mdCheckbox from './mdCheckbox.vue'; -import mdCheckboxTheme from './mdCheckbox.theme'; - -export default function install(Vue) { - Vue.component('md-checkbox', Vue.extend(mdCheckbox)); - - Vue.material.styles.push(mdCheckboxTheme); -} diff --git a/src/components/mdCheckbox/mdCheckbox.scss b/src/components/mdCheckbox/mdCheckbox.scss deleted file mode 100644 index f7e7bfa..0000000 --- a/src/components/mdCheckbox/mdCheckbox.scss +++ /dev/null @@ -1,75 +0,0 @@ -@import '../../core/stylesheets/variables.scss'; - -$checkbox-size: 20px; -$checkbox-ripple-size: 48px; - -.md-checkbox { - width: auto; - margin: 16px 8px 16px 0; - display: inline-flex; - position: relative; - transform: translate3D(0, 0, 0); - - .md-checkbox-container { - width: $checkbox-size; - height: $checkbox-size; - position: relative; - border-radius: 2px; - border: 2px solid rgba(#000, .54); - transition: $swift-ease-out; - - &: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: $swift-ease-in; - content: " "; - } - - input { - position: absolute; - left: -999em; - } - - .md-ink-ripple { - top: -16px; - right: -16px; - bottom: -16px; - left: -16px; - border-radius: 50%; - color: rgba(#000, .54); - - .md-ripple { - width: $checkbox-ripple-size !important; - height: $checkbox-ripple-size !important; - top: 0 !important; - right: 0 !important; - bottom: 0 !important; - left: 0 !important; - } - } - } - - .md-checkbox-label { - height: $checkbox-size; - padding-left: 8px; - line-height: $checkbox-size; - } -} - -.md-checkbox.md-checked { - .md-checkbox-container { - &:after { - opacity: 1; - transform: rotate(45deg) scale3D(1, 1, 1); - transition: $swift-ease-out; - } - } -} diff --git a/src/components/mdCheckbox/mdCheckbox.theme b/src/components/mdCheckbox/mdCheckbox.theme deleted file mode 100644 index 5fa4883..0000000 --- a/src/components/mdCheckbox/mdCheckbox.theme +++ /dev/null @@ -1,68 +0,0 @@ -.THEME_NAME { - .md-checkbox, - &.md-checkbox { - &.md-checked { - .md-checkbox-container { - background-color: #{'ACCENT-COLOR'}; - border-color: #{'ACCENT-COLOR'}; - - &:after { - border-color: #{'ACCENT-CONTRAST'}; - } - } - - .md-ink-ripple { - color: #{'ACCENT-COLOR'}; - } - - .md-ripple { - opacity: .38; - } - } - - &.md-primary.md-checked { - .md-checkbox-container { - background-color: #{'PRIMARY-COLOR'}; - border-color: #{'PRIMARY-COLOR'}; - - &:after { - border-color: #{'PRIMARY-CONTRAST'}; - } - } - - .md-ink-ripple { - color: #{'PRIMARY-COLOR'}; - } - } - - &.md-warn.md-checked { - .md-checkbox-container { - background-color: #{'WARN-COLOR'}; - border-color: #{'WARN-COLOR'}; - - &:after { - border-color: #{'WARN-CONTRAST'}; - } - } - - .md-ink-ripple { - color: #{'WARN-COLOR'}; - } - } - - &.md-disabled { - &.md-checked { - .md-checkbox-container { - background-color: rgba(#000, .26); - border-color: transparent; - } - } - - &:not(.md-checked) { - .md-checkbox-container { - border-color: rgba(#000, .26); - } - } - } - } -} diff --git a/src/components/mdCheckbox/mdCheckbox.vue b/src/components/mdCheckbox/mdCheckbox.vue deleted file mode 100644 index da17876..0000000 --- a/src/components/mdCheckbox/mdCheckbox.vue +++ /dev/null @@ -1,46 +0,0 @@ - - - - - diff --git a/src/components/mdDivider/index.js b/src/components/mdDivider/index.js deleted file mode 100644 index 07861b7..0000000 --- a/src/components/mdDivider/index.js +++ /dev/null @@ -1,5 +0,0 @@ -import mdDivider from './mdDivider.vue'; - -export default function install(Vue) { - Vue.component('md-divider', Vue.extend(mdDivider)); -} diff --git a/src/components/mdDivider/mdDivider.scss b/src/components/mdDivider/mdDivider.scss deleted file mode 100644 index cab95b0..0000000 --- a/src/components/mdDivider/mdDivider.scss +++ /dev/null @@ -1,14 +0,0 @@ -@import '../../core/stylesheets/variables.scss'; - -.md-divider { - height: 1px; - margin: 0; - padding: 0; - display: block; - border: 0; - background-color: rgba(#000, .12); - - &.md-inset { - margin-left: 72px; - } -} diff --git a/src/components/mdDivider/mdDivider.vue b/src/components/mdDivider/mdDivider.vue deleted file mode 100644 index 25bb73c..0000000 --- a/src/components/mdDivider/mdDivider.vue +++ /dev/null @@ -1,5 +0,0 @@ - - - diff --git a/src/components/mdIcon/index.js b/src/components/mdIcon/index.js deleted file mode 100644 index 7a9e70c..0000000 --- a/src/components/mdIcon/index.js +++ /dev/null @@ -1,8 +0,0 @@ -import mdIcon from './mdIcon.vue'; -import mdIconTheme from './mdIcon.theme'; - -export default function install(Vue) { - Vue.component('md-icon', Vue.extend(mdIcon)); - - Vue.material.styles.push(mdIconTheme); -} diff --git a/src/components/mdIcon/mdIcon.scss b/src/components/mdIcon/mdIcon.scss deleted file mode 100644 index b66a843..0000000 --- a/src/components/mdIcon/mdIcon.scss +++ /dev/null @@ -1,15 +0,0 @@ -@import '../../core/stylesheets/variables.scss'; - -$icon-size: 24px; - -.md-icon { - width: $icon-size; - min-width: $icon-size; - height: $icon-size; - min-height: $icon-size; - margin: auto; - display: inline-flex; - align-items: center; - fill: currentColor; - vertical-align: middle; -} diff --git a/src/components/mdIcon/mdIcon.theme b/src/components/mdIcon/mdIcon.theme deleted file mode 100644 index f64cfc4..0000000 --- a/src/components/mdIcon/mdIcon.theme +++ /dev/null @@ -1,16 +0,0 @@ -.THEME_NAME { - .md-icon, - &.md-icon { - &.md-primary { - color: #{'PRIMARY-COLOR'}; - } - - &.md-accent { - color: #{'ACCENT-COLOR'}; - } - - &.md-warn { - color: #{'WARN-COLOR'}; - } - } -} diff --git a/src/components/mdIcon/mdIcon.vue b/src/components/mdIcon/mdIcon.vue deleted file mode 100644 index 565c9e0..0000000 --- a/src/components/mdIcon/mdIcon.vue +++ /dev/null @@ -1,7 +0,0 @@ - - - diff --git a/src/components/mdInputContainer/index.js b/src/components/mdInputContainer/index.js deleted file mode 100644 index 3194f74..0000000 --- a/src/components/mdInputContainer/index.js +++ /dev/null @@ -1,12 +0,0 @@ -import mdInputContainer from './mdInputContainer.vue'; -import mdInput from './mdInput.vue'; -import mdTextarea from './mdTextarea.vue'; -import mdInputContainerTheme from './mdInputContainer.theme'; - -export default function install(Vue) { - Vue.component('md-input-container', mdInputContainer); - Vue.component('md-input', mdInput); - Vue.component('md-textarea', mdTextarea); - - Vue.material.styles.push(mdInputContainerTheme); -} diff --git a/src/components/mdInputContainer/mdInput.vue b/src/components/mdInputContainer/mdInput.vue deleted file mode 100644 index 2c313e1..0000000 --- a/src/components/mdInputContainer/mdInput.vue +++ /dev/null @@ -1,124 +0,0 @@ - - - diff --git a/src/components/mdInputContainer/mdInputContainer.scss b/src/components/mdInputContainer/mdInputContainer.scss deleted file mode 100644 index f3b09d0..0000000 --- a/src/components/mdInputContainer/mdInputContainer.scss +++ /dev/null @@ -1,200 +0,0 @@ -@import '../../core/stylesheets/variables.scss'; - -$input-size: 32px; - -.md-input-container { - min-height: 48px; - margin: 4px 0 24px; - padding-top: 16px; - position: relative; - - &:after { - height: 1px; - position: absolute; - right: 0; - bottom: 0; - left: 0; - background-color: rgba(#000, .12); - transition: $swift-ease-out; - content: " "; - } - - label { - position: absolute; - top: 23px; - left: 0; - pointer-events: none; - transition: $swift-ease-out; - transition-duration: .3s; - color: rgba(#000, .54); - font-size: 16px; - line-height: 20px; - } - - input, - textarea { - width: 100%; - height: $input-size; - padding: 0; - display: block; - border: none; - background: none; - transition: $swift-ease-out; - transition-property: font-size; - color: rgba(#000, .54); - font-family: inherit; - font-size: 1px; - line-height: $input-size; - - &:focus { - outline: none; - } - - &::-webkit-input-placeholder { - color: rgba(#000, .54); - font-size: 16px; - text-shadow: none; - -webkit-text-fill-color: initial; - } - } - - textarea { - min-height: 32px; - max-height: 230px; - padding: 5px 0; - line-height: 1.3em; - resize: none; - } - - .md-error { - height: 20px; - display: block !important; - position: absolute; - opacity: 0; - transform: translate3d(0, -8px, 0); - transition: $swift-ease-in; - font-size: 12px; - } - - .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; - } - - input, - textarea { - font-size: 16px; - } - } - - &.md-input-focused, - &.md-has-value { - label { - pointer-events: auto; - top: 0; - opacity: 1; - font-size: 12px; - } - - input, - textarea { - font-size: 16px; - } - } - - &.md-has-value { - input, - textarea { - color: rgba(#000, .87); - } - } - - &.md-input-inline { - label { - pointer-events: none; - } - - &.md-input-focused { - label { - top: 23px; - font-size: 16px; - } - } - - &.md-has-value { - label { - opacity: 0; - } - } - } - - &.md-input-disabled { - &:after { - background: bottom left repeat-x; - background-image: linear-gradient(to right, rgba(#000, .38) 0%, rgba(#000, .38) 33%, transparent 0%); - background-size: 4px 1px; - } - - label, - input, - textarea { - color: rgba(#000, .38); - } - } - - &.md-has-password { - &.md-input-focused .md-toggle-password { - color: rgba(#000, .54); - } - - .md-toggle-password { - margin: 0; - position: absolute; - right: 0; - bottom: -2px; - color: rgba(#000, .38); - - .md-ink-ripple { - color: rgba(#000, .87); - } - } - } - - &.md-input-invalid { - .md-error { - opacity: 1; - transform: translate3d(0, 0, 0); - } - } - - &.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-has-select:hover { - .md-select:after { - color: rgba(#000, .87); - } - } -} diff --git a/src/components/mdInputContainer/mdInputContainer.theme b/src/components/mdInputContainer/mdInputContainer.theme deleted file mode 100644 index 3c73546..0000000 --- a/src/components/mdInputContainer/mdInputContainer.theme +++ /dev/null @@ -1,48 +0,0 @@ -.THEME_NAME { - .md-input-container, - &.md-input-container { - &.md-input-invalid { - &:after { - background-color: #{'WARN-COLOR'}; - } - - label, - .md-error, - .md-count, - input, - textarea { - color: #{'WARN-COLOR'}; - } - } - - &.md-input-focused { - &.md-input-inline { - label { - color: rgba(#000, .54); - } - } - - &.md-input-required { - label:after { - color: #{'WARN-COLOR'}; - } - } - - &:after { - height: 2px; - background-color: #{'PRIMARY-COLOR'}; - } - - input, - textarea { - color: #{'PRIMARY-COLOR'}; - text-shadow: 0 0 0 #{'BACKGROUND-CONTRAST'}; - -webkit-text-fill-color: transparent; - } - - label { - color: #{'PRIMARY-COLOR'}; - } - } - } -} diff --git a/src/components/mdInputContainer/mdInputContainer.vue b/src/components/mdInputContainer/mdInputContainer.vue deleted file mode 100644 index a997995..0000000 --- a/src/components/mdInputContainer/mdInputContainer.vue +++ /dev/null @@ -1,76 +0,0 @@ - - - - - diff --git a/src/components/mdInputContainer/mdTextarea.vue b/src/components/mdInputContainer/mdTextarea.vue deleted file mode 100644 index 7c239dd..0000000 --- a/src/components/mdInputContainer/mdTextarea.vue +++ /dev/null @@ -1,125 +0,0 @@ - - - diff --git a/src/components/mdList/index.js b/src/components/mdList/index.js deleted file mode 100644 index 45b88b5..0000000 --- a/src/components/mdList/index.js +++ /dev/null @@ -1,12 +0,0 @@ -import mdList from './mdList.vue'; -import mdListItem from './mdListItem.vue'; -import mdListExpand from './mdListExpand.vue'; -import mdListTheme from './mdList.theme'; - -export default function install(Vue) { - Vue.component('md-list', Vue.extend(mdList)); - Vue.component('md-list-item', Vue.extend(mdListItem)); - Vue.component('md-list-expand', Vue.extend(mdListExpand)); - - Vue.material.styles.push(mdListTheme); -} diff --git a/src/components/mdList/mdList.scss b/src/components/mdList/mdList.scss deleted file mode 100644 index 42fd789..0000000 --- a/src/components/mdList/mdList.scss +++ /dev/null @@ -1,313 +0,0 @@ -@import '../../core/stylesheets/variables.scss'; - -.md-list { - margin: 0; - padding: 8px 0; - display: flex; - flex-flow: column nowrap; - position: relative; - list-style: none; - - &.md-dense { - padding: 4px 0; - - .md-list-item { - &.md-inset .md-list-item-container { - padding-left: 72px; - } - - .md-list-item-container { - min-height: 40px; - font-size: 13px; - - .md-avatar:first-child { - margin-right: 24px; - } - } - } - - .md-avatar { - width: 32px; - min-width: 32px; - height: 32px; - min-height: 32px; - } - - .md-list-item-expand { - min-height: 40px; - } - } - - &.md-double-line { - &.md-dense { - .md-list-item { - .md-list-item-container { - min-height: 60px; - } - - .md-avatar { - width: 36px; - min-width: 36px; - height: 36px; - min-height: 36px; - - &:first-child { - margin-right: 20px; - } - } - } - - .md-list-text-container { - > :nth-child(1) { - font-size: 13px; - } - - > :nth-child(2) { - font-size: 13px; - } - } - } - - .md-list-item { - .md-list-item-container { - min-height: 72px; - } - } - } - - &.md-triple-line { - &.md-dense { - .md-list-item { - .md-list-item-container { - min-height: 76px; - } - - .md-avatar { - width: 36px; - min-width: 36px; - height: 36px; - min-height: 36px; - - &:first-child { - margin-right: 20px; - } - } - } - - .md-list-text-container { - > :nth-child(1) { - font-size: 13px; - } - - > :nth-child(2) { - font-size: 13px; - } - } - } - - .md-list-item { - .md-list-item-container { - min-height: 88px; - } - } - - .md-avatar { - margin: 0; - } - - .md-list-item-container { - align-items: flex-start; - } - } - - .md-subheader { - &.md-inset { - padding-left: 72px; - } - } - - > .md-subheader:first-of-type { - margin-top: -8px; - } -} - -.md-list-item { - height: auto; - position: relative; - - &.md-inset { - .md-list-item-container { - padding-left: 72px; - } - } - - .md-list-item-container { - width: 100%; - min-height: 48px; - margin: 0; - padding: 0 16px; - display: flex; - flex-flow: row nowrap; - align-items: center; - position: relative; - border-radius: 0; - font-size: 16px; - font-weight: 400; - text-align: left; - text-transform: none; - - > .md-ink-ripple { - border-radius: 0; - } - - > .md-icon:first-child { - margin-right: 32px; - } - - .md-avatar:first-child { - margin-right: 16px; - } - - .md-list-action { - margin: 0 -2px 0 0; - - &:nth-child(3) { - margin: 0 -2px 0 16px; - } - } - } - - .md-divider { - position: absolute; - bottom: 0; - right: 0; - left: 0; - } - - .md-icon, - .md-avatar { - margin: 0; - - &:first-of-type + * { - flex: 1 1 auto; - } - } - - .md-avatar { - margin-top: 8px; - margin-bottom: 8px; - } - - .md-icon { - color: rgba(#000, .54); - } -} - -.md-list-item-expand { - min-height: 48px; - flex-flow: column wrap; - overflow: hidden; - - &:before, - &:after { - height: 1px; - position: absolute; - right: 0; - left: 0; - z-index: 3; - transition: $swift-ease-out; - content: " "; - } - - &:before { - top: 0; - } - - &:after { - bottom: 0; - } - - &.md-active { - position: relative; - - &:before, - &:after { - background-color: rgba(#000, .12); - } - - &:first-of-type { - &:before { - background: none; - } - } - - &:last-of-type { - &:after { - background: none; - } - } - - > .md-list-item-container .md-list-expand-indicator { - transform: rotateZ(180deg) translate3D(0, 0, 0); - } - - > .md-list-expand { - margin-bottom: 0 !important; - } - } - - > .md-list-item-container { - position: relative; - z-index: 2; - - > span { - flex: 1; - } - } - - .md-expansion-indicator, - .md-list-item-container, - .md-icon { - transition: $swift-ease-out; - } - - .md-list-expand { - position: relative; - z-index: 1; - transform: translate3D(0, 0, 0); - transition: $swift-ease-in-out; - - &.md-transition-off { - transition: none; - } - - .md-list { - padding: 0; - } - } -} - -.md-list-text-container { - display: flex; - flex-flow: column nowrap; - flex: 1; - overflow: hidden; - line-height: 1.25em; - text-overflow: ellipsis; - white-space: normal; - - > :nth-child(1) { - font-size: 16px; - } - - > :nth-child(2), - > :nth-child(3) { - margin: 0; - color: rgba(#000, .54); - font-size: 14px; - } - - > :nth-child(2):not(:last-child) { - color: rgba(#000, .87); - } -} diff --git a/src/components/mdList/mdList.theme b/src/components/mdList/mdList.theme deleted file mode 100644 index 5303502..0000000 --- a/src/components/mdList/mdList.theme +++ /dev/null @@ -1,63 +0,0 @@ -.THEME_NAME { - .md-list, - &.md-list { - background-color: #{'BACKGROUND-COLOR-A100'}; - color: #{'BACKGROUND-CONTRAST'}; - - &.md-transparent { - background-color: transparent; - color: inherit; - } - - .md-list-item { - .router-link-active.md-list-item-container { - color: #{'PRIMARY-COLOR'}; - - > .md-icon { - color: #{'PRIMARY-COLOR'}; - } - } - - &.md-primary { - .md-list-item-container { - color: #{'PRIMARY-COLOR'}; - - > .md-icon { - color: #{'PRIMARY-COLOR'}; - } - } - } - - &.md-accent { - .md-list-item-container { - color: #{'ACCENT-COLOR'}; - - > .md-icon { - color: #{'ACCENT-COLOR'}; - } - } - } - - &.md-warn { - .md-list-item-container { - color: #{'WARN-COLOR'}; - - > .md-icon { - color: #{'WARN-COLOR'}; - } - } - } - } - - .md-list-item-expand { - .md-list-item-container { - background-color: #{'BACKGROUND-COLOR-A100'}; - - &:hover, - &:focus { - background-color: rgba(#999, .2); - } - } - } - } -} diff --git a/src/components/mdList/mdList.vue b/src/components/mdList/mdList.vue deleted file mode 100644 index f26c44c..0000000 --- a/src/components/mdList/mdList.vue +++ /dev/null @@ -1,7 +0,0 @@ - - - diff --git a/src/components/mdList/mdListExpand.vue b/src/components/mdList/mdListExpand.vue deleted file mode 100644 index be803ca..0000000 --- a/src/components/mdList/mdListExpand.vue +++ /dev/null @@ -1,23 +0,0 @@ - - - diff --git a/src/components/mdList/mdListItem.vue b/src/components/mdList/mdListItem.vue deleted file mode 100644 index 5bfa841..0000000 --- a/src/components/mdList/mdListItem.vue +++ /dev/null @@ -1,127 +0,0 @@ - diff --git a/src/components/mdRadio/index.js b/src/components/mdRadio/index.js deleted file mode 100644 index 78f737a..0000000 --- a/src/components/mdRadio/index.js +++ /dev/null @@ -1,8 +0,0 @@ -import mdRadio from './mdRadio.vue'; -import mdRadioTheme from './mdRadio.theme'; - -export default function install(Vue) { - Vue.component('md-radio', Vue.extend(mdRadio)); - - Vue.material.styles.push(mdRadioTheme); -} diff --git a/src/components/mdRadio/mdRadio.scss b/src/components/mdRadio/mdRadio.scss deleted file mode 100644 index 974e5f4..0000000 --- a/src/components/mdRadio/mdRadio.scss +++ /dev/null @@ -1,72 +0,0 @@ -@import '../../core/stylesheets/variables.scss'; - -$radio-size: 20px; -$radio-ripple-size: 48px; - -.md-radio { - width: auto; - margin: 16px 8px 16px 0; - display: inline-flex; - position: relative; - - .md-radio-container { - width: $radio-size; - height: $radio-size; - position: relative; - border-radius: 50%; - border: 2px solid rgba(#000, .54); - transition: $swift-ease-out; - - &:after { - position: absolute; - top: 3px; - right: 3px; - bottom: 3px; - left: 3px; - border-radius: 50%; - opacity: 0; - transform: scale3D(.38, .38, 1); - transition: $swift-ease-in; - content: " "; - } - - input { - position: absolute; - left: -999em; - } - - .md-ink-ripple { - top: -16px; - right: -16px; - bottom: -16px; - left: -16px; - border-radius: 50%; - color: rgba(#000, .54); - - .md-ripple { - width: $radio-ripple-size !important; - height: $radio-ripple-size !important; - top: 0 !important; - right: 0 !important; - bottom: 0 !important; - left: 0 !important; - } - } - } - - .md-radio-label { - height: $radio-size; - padding-left: 8px; - line-height: $radio-size; - } -} - -.md-radio.md-checked { - .md-radio-container { - &:after { - opacity: 1; - transform: scale3D(1, 1, 1); - transition: $swift-ease-out; - } - } -} diff --git a/src/components/mdRadio/mdRadio.theme b/src/components/mdRadio/mdRadio.theme deleted file mode 100644 index 2533ec4..0000000 --- a/src/components/mdRadio/mdRadio.theme +++ /dev/null @@ -1,70 +0,0 @@ -.THEME_NAME { - .md-radio, - &.md-radio { - .md-radio-container:after { - background-color: #{'ACCENT-COLOR'}; - } - - &.md-checked { - .md-radio-container { - border-color: #{'ACCENT-COLOR'}; - } - - .md-ink-ripple { - color: #{'ACCENT-COLOR'}; - } - - .md-ripple { - opacity: .38; - } - } - - &.md-primary { - .md-radio-container:after { - background-color: #{'PRIMARY-COLOR'}; - } - - &.md-checked { - .md-radio-container { - border-color: #{'PRIMARY-COLOR'}; - } - - .md-ink-ripple { - color: #{'PRIMARY-COLOR'}; - } - } - } - - &.md-warn { - .md-radio-container:after { - background-color: #{'WARN-COLOR'}; - } - - &.md-checked { - .md-radio-container { - border-color: #{'WARN-COLOR'}; - } - - .md-ink-ripple { - color: #{'WARN-COLOR'}; - } - } - } - - &.md-disabled { - .md-radio-container { - border-color: rgba(#000, .26); - - &:after { - background-color: rgba(#000, .26); - } - } - - &.md-checked { - .md-radio-container { - border-color: rgba(#000, .26); - } - } - } - } -} diff --git a/src/components/mdRadio/mdRadio.vue b/src/components/mdRadio/mdRadio.vue deleted file mode 100644 index d3d4fb6..0000000 --- a/src/components/mdRadio/mdRadio.vue +++ /dev/null @@ -1,44 +0,0 @@ - - - - - diff --git a/src/components/mdSelect/index.js b/src/components/mdSelect/index.js deleted file mode 100644 index 5b5d429..0000000 --- a/src/components/mdSelect/index.js +++ /dev/null @@ -1,12 +0,0 @@ -import mdSelect from './mdSelect.vue'; -import mdOption from './mdOption.vue'; -import mdOptgroup from './mdOptgroup.vue'; -import mdSelectTheme from './mdSelect.theme'; - -export default function install(Vue) { - Vue.component('md-select', Vue.extend(mdSelect)); - Vue.component('md-option', Vue.extend(mdOption)); - Vue.component('md-optgroup', Vue.extend(mdOptgroup)); - - Vue.material.styles.push(mdSelectTheme); -} diff --git a/src/components/mdSelect/mdOptgroup.vue b/src/components/mdSelect/mdOptgroup.vue deleted file mode 100644 index 5f6010b..0000000 --- a/src/components/mdSelect/mdOptgroup.vue +++ /dev/null @@ -1,13 +0,0 @@ - - - diff --git a/src/components/mdSelect/mdOption.vue b/src/components/mdSelect/mdOption.vue deleted file mode 100644 index 0e9b925..0000000 --- a/src/components/mdSelect/mdOption.vue +++ /dev/null @@ -1,73 +0,0 @@ - - - diff --git a/src/components/mdSelect/mdSelect.scss b/src/components/mdSelect/mdSelect.scss deleted file mode 100644 index a806996..0000000 --- a/src/components/mdSelect/mdSelect.scss +++ /dev/null @@ -1,142 +0,0 @@ -@import '../../core/stylesheets/variables.scss'; - -.md-select { - width: 100%; - min-width: 128px; - height: 32px; - position: relative; - - &:focus { - outline: none; - } - - &:after { - margin-top: 2px; - position: absolute; - top: 50%; - right: 0; - transform: translateY(-50%) scaleY(0.45) scaleX(0.85); - transition: $swift-linear; - color: rgba(#000, .54); - content: "\25BC"; - } - - &.md-active { - .md-select-menu { - top: -8px; - pointer-events: auto; - opacity: 1; - transform: translateY(-8px) scale3D(1, 1, 1); - transform-origin: center top; - transition: $swift-ease-out; - transition-duration: .25s; - transition-property: opacity, transform, top; - - > * { - opacity: 1; - transition: $swift-ease-in; - transition-duration: .15s; - transition-delay: .1s; - } - } - } - - select { - position: absolute; - left: -999em; - } - - .md-select-value { - width: 100%; - height: 100%; - padding-right: 24px; - display: flex; - align-items: center; - cursor: pointer; - position: relative; - z-index: 2; - font-size: 16px; - line-height: 1.2em; - text-overflow: ellipsis; - white-space: nowrap; - } - - .md-select-menu { - min-width: 156px; - max-width: 100%; - min-height: 48px; - max-height: 256px; - display: flex; - flex-flow: column; - justify-content: stretch; - align-content: stretch; - pointer-events: none; - position: absolute; - top: -16px; - left: -16px; - z-index: 7; - background-color: #fff; - border-radius: 2px; - box-shadow: $material-shadow-2dp; - opacity: 0; - transform: scale3D(.85, .7, 1); - transition: opacity .25s $swift-ease-in-timing-function, - top .25s $swift-ease-in-timing-function, - transform 0s .25s $swift-ease-in-timing-function; - color: rgba(#212121, .87); - - > * { - opacity: 0; - transition: $swift-ease-out; - transition-duration: .25s; - } - } - - .md-select-menu-container { - margin: 0; - padding: 8px 0; - display: flex; - flex-flow: column; - justify-content: stretch; - align-content: stretch; - overflow-x: hidden; - overflow-y: auto; - } - - .md-subheader { - color: rgba(#757575, .87); - text-transform: uppercase; - - &:first-child { - margin-top: -8px; - } - } -} - -.md-option { - height: 48px; - min-height: 48px; - padding: 0 4px 0 16px; - display: flex; - flex-flow: column; - justify-content: center; - overflow: hidden; - cursor: pointer; - position: relative; - transform: translate3D(0, 0, 0); - transition: $swift-ease-out; - font-size: 16px; - line-height: 1.2em; - text-overflow: ellipsis; - white-space: nowrap; - - &.md-highlighted { - background-color: rgba(#000, .12); - } - - span { - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - } -} diff --git a/src/components/mdSelect/mdSelect.theme b/src/components/mdSelect/mdSelect.theme deleted file mode 100644 index 2fbf527..0000000 --- a/src/components/mdSelect/mdSelect.theme +++ /dev/null @@ -1,6 +0,0 @@ -.THEME_NAME { - .md-select, - &.md-select { - - } -} diff --git a/src/components/mdSelect/mdSelect.vue b/src/components/mdSelect/mdSelect.vue deleted file mode 100644 index 9715725..0000000 --- a/src/components/mdSelect/mdSelect.vue +++ /dev/null @@ -1,108 +0,0 @@ - - - - - diff --git a/src/components/mdSidenav/index.js b/src/components/mdSidenav/index.js deleted file mode 100644 index dee0f5c..0000000 --- a/src/components/mdSidenav/index.js +++ /dev/null @@ -1,8 +0,0 @@ -import mdSidenav from './mdSidenav.vue'; -import mdSidenavTheme from './mdSidenav.theme'; - -export default function install(Vue) { - Vue.component('md-sidenav', Vue.extend(mdSidenav)); - - Vue.material.styles.push(mdSidenavTheme); -} diff --git a/src/components/mdSidenav/mdSidenav.scss b/src/components/mdSidenav/mdSidenav.scss deleted file mode 100644 index cee3c3d..0000000 --- a/src/components/mdSidenav/mdSidenav.scss +++ /dev/null @@ -1,58 +0,0 @@ -@import '../../core/stylesheets/variables.scss'; - -.md-sidenav { - &.md-left .md-sidenav-content { - left: 0; - transform: translate3d(-100%, 0, 0); - } - - &.md-right .md-sidenav-content { - right: 0; - transform: translate3d(100%, 0, 0); - } - - &.md-fixed { - .md-sidenav-content, - .md-backdrop { - position: fixed; - } - } - - .md-sidenav-content { - width: 304px; - position: absolute; - top: 0; - bottom: 0; - z-index: 100; - pointer-events: none; - overflow: auto; - transition: $swift-ease-out; - } - - .md-backdrop { - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - z-index: 99; - pointer-events: none; - background-color: rgba(#000, .54); - transform: translate3d(0, 0, 0); - opacity: 0; - transition: $swift-ease-in-out; - } -} - -.md-sidenav.md-active { - .md-sidenav-content { - pointer-events: auto; - box-shadow: $material-shadow-16dp; - transform: translate3d(0, 0, 0); - } - - .md-backdrop { - opacity: 1; - pointer-events: auto; - } -} diff --git a/src/components/mdSidenav/mdSidenav.theme b/src/components/mdSidenav/mdSidenav.theme deleted file mode 100644 index d1c8479..0000000 --- a/src/components/mdSidenav/mdSidenav.theme +++ /dev/null @@ -1,9 +0,0 @@ -.THEME_NAME { - .md-sidenav, - &.md-sidenav { - .md-sidenav-content { - background-color: #{'BACKGROUND-COLOR-A100'}; - color: #{'BACKGROUND-CONTRAST'}; - } - } -} diff --git a/src/components/mdSidenav/mdSidenav.vue b/src/components/mdSidenav/mdSidenav.vue deleted file mode 100644 index 9784e9b..0000000 --- a/src/components/mdSidenav/mdSidenav.vue +++ /dev/null @@ -1,45 +0,0 @@ - - - - - diff --git a/src/components/mdSubheader/index.js b/src/components/mdSubheader/index.js deleted file mode 100644 index 82099d2..0000000 --- a/src/components/mdSubheader/index.js +++ /dev/null @@ -1,8 +0,0 @@ -import mdSubheader from './mdSubheader.vue'; -import mdSubheaderTheme from './mdSubheader.theme'; - -export default function install(Vue) { - Vue.component('md-subheader', Vue.extend(mdSubheader)); - - Vue.material.styles.push(mdSubheaderTheme); -} diff --git a/src/components/mdSubheader/mdSubheader.scss b/src/components/mdSubheader/mdSubheader.scss deleted file mode 100644 index cb1e29a..0000000 --- a/src/components/mdSubheader/mdSubheader.scss +++ /dev/null @@ -1,12 +0,0 @@ -@import '../../core/stylesheets/variables.scss'; - -.md-subheader { - min-height: 48px; - padding: 0 16px; - display: flex; - align-items: center; - flex-flow: row wrap; - color: rgba(#000, .54); - font-size: 14px; - font-weight: 500; -} diff --git a/src/components/mdSubheader/mdSubheader.theme b/src/components/mdSubheader/mdSubheader.theme deleted file mode 100644 index 31ed097..0000000 --- a/src/components/mdSubheader/mdSubheader.theme +++ /dev/null @@ -1,17 +0,0 @@ -.THEME_NAME { - .md-subheader, - &.md-subheader { - - &.md-primary { - color: #{'PRIMARY-COLOR'}; - } - - &.md-accent { - color: #{'ACCENT-COLOR'}; - } - - &.md-warn { - color: #{'WARN-COLOR'}; - } - } -} diff --git a/src/components/mdSubheader/mdSubheader.vue b/src/components/mdSubheader/mdSubheader.vue deleted file mode 100644 index 54f582d..0000000 --- a/src/components/mdSubheader/mdSubheader.vue +++ /dev/null @@ -1,18 +0,0 @@ - - - diff --git a/src/components/mdSwitch/index.js b/src/components/mdSwitch/index.js deleted file mode 100644 index 0663115..0000000 --- a/src/components/mdSwitch/index.js +++ /dev/null @@ -1,8 +0,0 @@ -import mdSwitch from './mdSwitch.vue'; -import mdSwitchTheme from './mdSwitch.theme'; - -export default function install(Vue) { - Vue.component('md-switch', Vue.extend(mdSwitch)); - - Vue.material.styles.push(mdSwitchTheme); -} diff --git a/src/components/mdSwitch/mdSwitch.scss b/src/components/mdSwitch/mdSwitch.scss deleted file mode 100644 index 5c3c471..0000000 --- a/src/components/mdSwitch/mdSwitch.scss +++ /dev/null @@ -1,94 +0,0 @@ -@import '../../core/stylesheets/variables.scss'; - -$switch-width: 34px; -$switch-height: 14px; -$switch-thumb-size: 20px; -$switch-ripple-size: 48px; - -.md-switch { - width: auto; - margin: 16px 8px 16px 0; - display: inline-flex; - position: relative; - - .md-switch-container { - width: $switch-width; - height: $switch-height; - position: relative; - border-radius: $switch-height; - transition: $swift-ease-out; - background-color: rgba(#000, .38); - - .md-switch-thumb { - width: $switch-thumb-size; - height: $switch-thumb-size; - position: absolute; - top: 50%; - left: 0; - background-color: #fafafa; - border-radius: 50%; - box-shadow: $material-shadow-1dp; - transition: $swift-linear; - } - - input { - position: absolute; - left: -999em; - } - - .md-ink-ripple { - top: -16px; - right: -16px; - bottom: -16px; - left: -16px; - border-radius: 50%; - color: rgba(#000, .54); - - .md-ripple { - width: $switch-ripple-size !important; - height: $switch-ripple-size !important; - top: 0 !important; - right: 0 !important; - bottom: 0 !important; - left: 0 !important; - } - } - - .md-switch-holder { - width: 40px; - height: 40px; - margin: 0; - padding: 0; - position: absolute; - top: 50%; - left: 50%; - z-index: 2; - //cursor: -webkit-grab; - background: none; - border: none; - transform: translate(-50%, -50%); - - &:focus { - outline: none; - } - } - } - - .md-switch-label { - height: $switch-height; - padding-left: 8px; - line-height: $switch-height; - } -} - -.md-switch.md-dragging { - .md-switch-thumb { - cursor: grabbing; - } -} - -.md-switch.md-disabled { - .md-switch-thumb { - cursor: default; - } -} diff --git a/src/components/mdSwitch/mdSwitch.theme b/src/components/mdSwitch/mdSwitch.theme deleted file mode 100644 index 97162d2..0000000 --- a/src/components/mdSwitch/mdSwitch.theme +++ /dev/null @@ -1,61 +0,0 @@ -.THEME_NAME { - .md-switch, - &.md-switch { - &.md-checked { - .md-switch-container { - background-color: #{'ACCENT-COLOR-500-0.5'}; - } - - .md-switch-thumb { - background-color: #{'ACCENT-COLOR'}; - } - - .md-ink-ripple { - color: #{'ACCENT-COLOR'}; - } - - .md-ripple { - opacity: .38; - } - } - - &.md-checked.md-primary { - .md-switch-container { - background-color: #{'PRIMARY-COLOR-500-0.5'}; - } - - .md-switch-thumb { - background-color: #{'PRIMARY-COLOR'}; - } - - .md-ink-ripple { - color: #{'PRIMARY-COLOR'}; - } - } - - &.md-checked.md-warn { - .md-switch-container { - background-color: #{'WARN-COLOR-500-0.5'}; - } - - .md-switch-thumb { - background-color: #{'WARN-COLOR'}; - } - - .md-ink-ripple { - color: #{'WARN-COLOR'}; - } - } - - &.md-disabled, - &.md-disabled.md-checked { - .md-switch-container { - background-color: rgba(#000, .12); - } - - .md-switch-thumb { - background-color: #bdbdbd; - } - } - } -} diff --git a/src/components/mdSwitch/mdSwitch.vue b/src/components/mdSwitch/mdSwitch.vue deleted file mode 100644 index e2188a3..0000000 --- a/src/components/mdSwitch/mdSwitch.vue +++ /dev/null @@ -1,66 +0,0 @@ - - - - - diff --git a/src/components/mdTabs/index.js b/src/components/mdTabs/index.js deleted file mode 100644 index cdb8359..0000000 --- a/src/components/mdTabs/index.js +++ /dev/null @@ -1,10 +0,0 @@ -import mdTabs from './mdTabs.vue'; -import mdTab from './mdTab.vue'; -import mdTabsTheme from './mdTabs.theme'; - -export default function install(Vue) { - Vue.component('md-tabs', Vue.extend(mdTabs)); - Vue.component('md-tab', Vue.extend(mdTab)); - - Vue.material.styles.push(mdTabsTheme); -} diff --git a/src/components/mdTabs/mdTab.vue b/src/components/mdTabs/mdTab.vue deleted file mode 100644 index 3fd22e8..0000000 --- a/src/components/mdTabs/mdTab.vue +++ /dev/null @@ -1,70 +0,0 @@ - - - diff --git a/src/components/mdTabs/mdTabs.scss b/src/components/mdTabs/mdTabs.scss deleted file mode 100644 index b9f1fbe..0000000 --- a/src/components/mdTabs/mdTabs.scss +++ /dev/null @@ -1,135 +0,0 @@ -@import '../../core/stylesheets/variables.scss'; - -$tab-width: 72px; -$tab-max-width: 264px; - -.md-tabs { - width: 100%; - display: flex; - flex-flow: column; - position: relative; - - &.md-has-icon.md-has-label { - .md-tabs-navigation { - min-height: 72px; - - .md-icon { - margin-bottom: 10px; - } - } - } - - &.md-centered { - .md-tabs-navigation { - justify-content: center; - } - } - - &.md-fixed { - .md-tab-header { - flex: 1; - } - } - - .md-tabs-navigation { - height: 48px; - min-height: 48px; - position: relative; - z-index: 1; - display: flex; - transition: $swift-ease-out; - } - - .md-tab-header { - min-width: $tab-width; - max-width: $tab-max-width; - margin: 0; - padding: 0 12px; - display: inline-block; - position: relative; - display: flex; - flex-flow: column; - justify-content: center; - align-items: center; - cursor: pointer; - border: 0; - background: none; - transition: $swift-ease-out; - font-family: inherit; - font-size: 14px; - font-weight: 500; - text-transform: uppercase; - - &.md-disabled { - cursor: default; - pointer-events: none; - user-select: none; - -webkit-user-drag: none; - } - - .md-icon { - margin: 0; - } - } - - .md-tab-indicator { - height: 2px; - position: absolute; - bottom: 0; - left: 0; - transform: translate3D(0, 0, 0); - - &.md-to-right { - transition: $swift-ease-out, - left .3s $swift-ease-in-out-timing-function, - right .15s $swift-ease-in-out-timing-function; - } - - &.md-to-left { - transition: $swift-ease-out, - right .3s $swift-ease-in-out-timing-function, - left .15s $swift-ease-in-out-timing-function; - } - } - - .md-transition-off { - transition: none !important; - } - - .md-tabs-content { - width: 100%; - height: 0; - flex: 1; - position: relative; - overflow: hidden; - transition: height $swift-ease-out-duration $swift-ease-out-timing-function; - } - - .md-tabs-wrapper { - width: 9999em; - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - transform: translate3d(0, 0, 0); - transition: transform $swift-ease-out-duration $swift-ease-out-timing-function; - } - - .md-tab { - padding: 16px; - position: absolute; - top: 0; - left: 0; - right: 0; - pointer-events: none; - transform: translate3d(0, -100%, 0); - transition: transform 0s $swift-ease-out-duration; - - &.md-active { - transform: translate3d(0, 0, 0); - pointer-events: auto; - transition: none; - } - } -} diff --git a/src/components/mdTabs/mdTabs.theme b/src/components/mdTabs/mdTabs.theme deleted file mode 100644 index 18601ed..0000000 --- a/src/components/mdTabs/mdTabs.theme +++ /dev/null @@ -1,94 +0,0 @@ -.THEME_NAME { - .md-tabs, - &.md-tabs { - .md-tabs-navigation { - background-color: #{'PRIMARY-COLOR'}; - } - - .md-tab-header { - color: #{'PRIMARY-CONTRAST-0.54'}; - - &.md-active, - &:focus { - color: #{'PRIMARY-CONTRAST-0.99999'}; - } - - &.md-disabled { - color: #{'PRIMARY-CONTRAST-0.26'} - } - } - - .md-tab-indicator { - background-color: #{'ACCENT-COLOR'}; - } - - &.md-accent { - .md-tabs-navigation { - background-color: #{'ACCENT-COLOR'}; - } - - .md-tab-header { - color: #{'ACCENT-CONTRAST-0.54'}; - - &.md-active, - &:focus { - color: #{'ACCENT-CONTRAST-0.99999'}; - } - - &.md-disabled { - color: #{'ACCENT-CONTRAST-0.26'} - } - } - - .md-tab-indicator { - background-color: #{'BACKGROUND-COLOR'}; - } - } - - &.md-warn { - .md-tabs-navigation { - background-color: #{'WARN-COLOR'}; - } - - .md-tab-header { - color: #{'WARN-CONTRAST-0.54'}; - - &.md-active, - &:focus { - color: #{'WARN-CONTRAST-0.99999'}; - } - - &.md-disabled { - color: #{'WARN-CONTRAST-0.26'} - } - } - - .md-tab-indicator { - background-color: #{'BACKGROUND-COLOR'}; - } - } - - &.md-transparent { - .md-tabs-navigation { - background-color: transparent; - } - - .md-tab-header { - color: #{'BACKGROUND-CONTRAST-0.54'}; - - &.md-active, - &:focus { - color: #{'PRIMARY-COLOR'}; - } - - &.md-disabled { - color: #{'BACKGROUND-CONTRAST-0.26'} - } - } - - .md-tab-indicator { - background-color: #{'PRIMARY-COLOR'}; - } - } - } -} diff --git a/src/components/mdTabs/mdTabs.vue b/src/components/mdTabs/mdTabs.vue deleted file mode 100644 index c111a0d..0000000 --- a/src/components/mdTabs/mdTabs.vue +++ /dev/null @@ -1,201 +0,0 @@ - - - - - diff --git a/src/components/mdToolbar/index.js b/src/components/mdToolbar/index.js deleted file mode 100644 index 54c1565..0000000 --- a/src/components/mdToolbar/index.js +++ /dev/null @@ -1,8 +0,0 @@ -import mdToolbar from './mdToolbar.vue'; -import mdToolbarTheme from './mdToolbar.theme'; - -export default function install(Vue) { - Vue.component('md-toolbar', Vue.extend(mdToolbar)); - - Vue.material.styles.push(mdToolbarTheme); -} diff --git a/src/components/mdToolbar/mdToolbar.scss b/src/components/mdToolbar/mdToolbar.scss deleted file mode 100644 index 119a7d7..0000000 --- a/src/components/mdToolbar/mdToolbar.scss +++ /dev/null @@ -1,127 +0,0 @@ -@import '../../core/stylesheets/variables.scss'; - -.md-toolbar { - min-height: 64px; - padding: 0 8px; - display: flex; - align-items: center; - align-content: center; - flex-flow: row wrap; - position: relative; - transition: $swift-ease-out; - transform: translate3D(0, 0, 0); - - &.md-dense { - min-height: 48px; - - &.md-medium { - min-height: 72px; - } - - &.md-large { - min-height: 96px; - } - - .md-toolbar-container { - height: 48px; - } - } - - &.md-medium { - min-height: 88px; - - .md-toolbar-container:nth-child(2) { - .md-title:first-child { - margin-left: 56px; - } - } - } - - &.md-large { - min-height: 128px; - align-content: inherit; - - .md-toolbar-container:nth-child(2) { - .md-title:first-child { - margin-left: 56px; - } - } - } - - &.md-account-header { - min-height: 164px; - - .md-ink-ripple { - color: #fff; - } - - .md-list-item-container { - &:hover:not([disabled]) { - background-color: rgba(#fff, .12); - } - } - - .md-avatar-list { - margin: 16px 0 8px; - - .md-list-item-container { - align-items: flex-start; - } - - .md-avatar + .md-avatar { - margin-left: 16px; - } - } - } - - .md-toolbar-container { - width: 100%; - height: 64px; - display: flex; - align-items: center; - align-self: flex-start; - - > .md-button { - &:first-child { - margin-left: 0; - margin-right: 16px; - } - - + .md-button { - margin-left: 0; - } - } - } - - > .md-button { - &:first-child { - margin-left: 0; - margin-right: 16px; - } - - + .md-button { - margin-left: 0; - } - } - - .md-button:hover { - &:not([disabled]):not(.md-raised):not(.md-icon-button):not(.md-fab) { - background-color: rgba(#fff, .1); - } - } - - .md-title { - margin: 0; - font-weight: 400; - - &:first-child { - margin-left: 8px; - } - } - - .md-list { - padding: 0; - margin: 0 -8px; - flex: 1; - } -} diff --git a/src/components/mdToolbar/mdToolbar.theme b/src/components/mdToolbar/mdToolbar.theme deleted file mode 100644 index f72c78a..0000000 --- a/src/components/mdToolbar/mdToolbar.theme +++ /dev/null @@ -1,22 +0,0 @@ -.THEME_NAME { - .md-toolbar, - &.md-toolbar { - background-color: #{'PRIMARY-COLOR'}; - color: #{'PRIMARY-CONTRAST'}; - - &.md-accent { - background-color: #{'ACCENT-COLOR'}; - color: #{'ACCENT-CONTRAST'}; - } - - &.md-warn { - background-color: #{'WARN-COLOR'}; - color: #{'WARN-CONTRAST'}; - } - - &.md-transparent { - background-color: transparent; - color: #{'BACKGROUND-CONTRAST'}; - } - } -} diff --git a/src/components/mdToolbar/mdToolbar.vue b/src/components/mdToolbar/mdToolbar.vue deleted file mode 100644 index 97ca670..0000000 --- a/src/components/mdToolbar/mdToolbar.vue +++ /dev/null @@ -1,7 +0,0 @@ - - - diff --git a/src/components/mdTooltip/index.js b/src/components/mdTooltip/index.js deleted file mode 100644 index 43681a8..0000000 --- a/src/components/mdTooltip/index.js +++ /dev/null @@ -1,5 +0,0 @@ -import mdTooltip from './mdTooltip.vue'; - -export default function install(Vue) { - Vue.component('md-tooltip', Vue.extend(mdTooltip)); -} diff --git a/src/components/mdTooltip/mdTooltip.scss b/src/components/mdTooltip/mdTooltip.scss deleted file mode 100644 index f3e6ecb..0000000 --- a/src/components/mdTooltip/mdTooltip.scss +++ /dev/null @@ -1,70 +0,0 @@ -@import '../../core/stylesheets/variables.scss'; - -$tooltip-height: 20px; - -.md-tooltip { - height: $tooltip-height; - padding: 0 8px; - position: fixed; - z-index: 200; - pointer-events: none; - background-color: rgba(#616161, .87); - border-radius: 2px; - opacity: 0; - transform-origin: center top; - transition: $swift-ease-out; - transition-duration: .3s; - transition-delay: 0s; - color: #fff; - font-family: $font-roboto; - font-size: 10px; - line-height: $tooltip-height; - text-transform: none; - white-space: nowrap; - - &.md-active { - opacity: 1; - transition: $swift-ease-in; - transition-duration: .3s; - } - - &:not(.md-active) { - transition-delay: 0s !important; - } - - &.md-tooltip-top { - margin-top: -14px; - transform: translate(-50%, 8px); - - &.md-active { - transform: translate(-50%, 0); - } - } - - &.md-tooltip-right { - margin-left: 14px; - transform: translate(-8px, 50%); - - &.md-active { - transform: translate(0, 50%); - } - } - - &.md-tooltip-bottom { - margin-top: 14px; - transform: translate(-50%, -8px); - - &.md-active { - transform: translate(-50%, 0); - } - } - - &.md-tooltip-left { - margin-left: -14px; - transform: translate(8px, 50%); - - &.md-active { - transform: translate(0, 50%); - } - } -} diff --git a/src/components/mdTooltip/mdTooltip.vue b/src/components/mdTooltip/mdTooltip.vue deleted file mode 100644 index cf4d0e5..0000000 --- a/src/components/mdTooltip/mdTooltip.vue +++ /dev/null @@ -1,140 +0,0 @@ - - - - - diff --git a/src/components/mdWhiteframe/index.js b/src/components/mdWhiteframe/index.js deleted file mode 100644 index 644aa41..0000000 --- a/src/components/mdWhiteframe/index.js +++ /dev/null @@ -1,5 +0,0 @@ -import mdWhiteframe from './mdWhiteframe.vue'; - -export default function install(Vue) { - Vue.component('md-whiteframe', Vue.extend(mdWhiteframe)); -} diff --git a/src/components/mdWhiteframe/mdWhiteframe.scss b/src/components/mdWhiteframe/mdWhiteframe.scss deleted file mode 100644 index 4b96cc1..0000000 --- a/src/components/mdWhiteframe/mdWhiteframe.scss +++ /dev/null @@ -1,103 +0,0 @@ -@import '../../core/stylesheets/variables.scss'; - -.md-whiteframe { - position: relative; - z-index: 1; -} - -.md-whiteframe-1dp { - box-shadow: $material-shadow-1dp; -} - -.md-whiteframe-2dp { - box-shadow: $material-shadow-2dp; -} - -.md-whiteframe-3dp { - box-shadow: $material-shadow-3dp; -} - -.md-whiteframe-4dp { - box-shadow: $material-shadow-4dp; -} - -.md-whiteframe-5dp { - box-shadow: $material-shadow-5dp; -} - -.md-whiteframe-6dp { - box-shadow: $material-shadow-6dp; -} - -.md-whiteframe-7dp { - box-shadow: $material-shadow-7dp; -} - -.md-whiteframe-8dp { - box-shadow: $material-shadow-8dp; -} - -.md-whiteframe-9dp { - box-shadow: $material-shadow-9dp; -} - -.md-whiteframe-10dp { - box-shadow: $material-shadow-10dp; -} - -.md-whiteframe-11dp { - box-shadow: $material-shadow-11dp; -} - -.md-whiteframe-12dp { - box-shadow: $material-shadow-12dp; -} - -.md-whiteframe-13dp { - box-shadow: $material-shadow-13dp; -} - -.md-whiteframe-14dp { - box-shadow: $material-shadow-14dp; -} - -.md-whiteframe-15dp { - box-shadow: $material-shadow-15dp; -} - -.md-whiteframe-16dp { - box-shadow: $material-shadow-16dp; -} - -.md-whiteframe-17dp { - box-shadow: $material-shadow-17dp; -} - -.md-whiteframe-18dp { - box-shadow: $material-shadow-18dp; -} - -.md-whiteframe-19dp { - box-shadow: $material-shadow-19dp; -} - -.md-whiteframe-20dp { - box-shadow: $material-shadow-20dp; -} - -.md-whiteframe-21dp { - box-shadow: $material-shadow-21dp; -} - -.md-whiteframe-22dp { - box-shadow: $material-shadow-22dp; -} - -.md-whiteframe-23dp { - box-shadow: $material-shadow-23dp; -} - -.md-whiteframe-24dp { - box-shadow: $material-shadow-24dp; -} - diff --git a/src/components/mdWhiteframe/mdWhiteframe.vue b/src/components/mdWhiteframe/mdWhiteframe.vue deleted file mode 100644 index b01de09..0000000 --- a/src/components/mdWhiteframe/mdWhiteframe.vue +++ /dev/null @@ -1,40 +0,0 @@ - - - - - diff --git a/src/core/components/mdInkRipple/index.js b/src/core/components/mdInkRipple/index.js deleted file mode 100644 index 039870c..0000000 --- a/src/core/components/mdInkRipple/index.js +++ /dev/null @@ -1,128 +0,0 @@ -import 'scopedQuerySelectorShim/dist/scopedQuerySelectorShim'; -import './mdInkRipple.vue'; - -export default function install(Vue) { - let rippleParentClass = 'md-ink-ripple'; - let rippleClass = 'md-ripple'; - let rippleActiveClass = 'md-active'; - - let registeredMouseFunction; - - let unregisterMouseEvent = (element) => { - let ripple = element.querySelector(':scope > .' + rippleParentClass); - - if (ripple) { - ripple.parentNode.removeChild(ripple); - element.removeEventListener('mousedown', registeredMouseFunction); - } - }; - - let registerMouseEvent = (element, holder) => { - Vue.nextTick(() => { - if (holder) { - let ripple = holder.querySelector(':scope > .' + rippleParentClass + '> .' + rippleClass); - - if (ripple) { - registeredMouseFunction = (event) => { - let rect = holder.getBoundingClientRect(); - - event.stopPropagation(); - - ripple.classList.remove(rippleActiveClass); - - let top = event.pageY - rect.top - ripple.offsetHeight / 2 - document.body.scrollTop; - let left = event.pageX - rect.left - ripple.offsetWidth / 2 - document.body.scrollLeft; - - ripple.style.top = top + 'px'; - ripple.style.left = left + 'px'; - - ripple.classList.add(rippleActiveClass); - }; - - element.removeEventListener('mousedown', registeredMouseFunction); - element.addEventListener('mousedown', registeredMouseFunction); - } - } - }); - }; - - let createElement = (ripple, className, size) => { - ripple = document.createElement('div'); - ripple.className = className; - - if (size) { - ripple.style.width = size; - ripple.style.height = size; - } - - return ripple; - }; - - let checkAvailablePositions = (element) => { - let availablePositions = ['relative', 'absolute', 'fixed']; - - return availablePositions.indexOf(getComputedStyle(element).position) > -1; - }; - - let getClosestParent = (element) => { - let found = false; - let parent = element; - - if (!element) { - return false; - } - - if (checkAvailablePositions(element)) { - return element; - } - - while (!found) { - parent = parent.parentNode; - - if (!parent || parent.tagName.toLowerCase() === 'body') { - break; - } - - if (parent && checkAvailablePositions(parent)) { - found = parent; - } - } - - return found; - }; - - let createRipple = (element) => { - Vue.nextTick(() => { - let holder = getClosestParent(element); - - if (holder) { - let ripple = holder.querySelector(':scope > .' + rippleParentClass + '> .' + rippleClass); - - if (!ripple) { - let elementSize = Math.round(Math.max(holder.offsetWidth, holder.offsetHeight)) + 'px'; - let rippleParent = createElement(ripple, rippleParentClass); - let rippleElement = createElement(ripple, rippleClass, elementSize); - - rippleParent.appendChild(rippleElement); - holder.appendChild(rippleParent); - } - - if (holder !== element) { - registerMouseEvent(element, holder); - } else if (!ripple) { - registerMouseEvent(element, holder); - } - } - }); - }; - - Vue.directive('mdInkRipple', function(el, bindings) { - Vue.nextTick(() => { - if (!bindings.value) { - createRipple(el); - } else { - unregisterMouseEvent(el); - } - }); - }); -} diff --git a/src/core/components/mdInkRipple/mdInkRipple.scss b/src/core/components/mdInkRipple/mdInkRipple.scss deleted file mode 100644 index 01d9177..0000000 --- a/src/core/components/mdInkRipple/mdInkRipple.scss +++ /dev/null @@ -1,32 +0,0 @@ -@import '../../../core/stylesheets/variables.scss'; - -.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%); - transition: $swift-ease-in; -} - -.md-ripple { - position: absolute; - transform: scale(0); - background-color: currentColor; - opacity: .26; - border-radius: 50%; - - &.md-active { - animation: ripple 1s $swift-ease-out-timing-function; - } -} - -@keyframes ripple { - to { - transform: scale(1.5); - opacity: 0; - } -} diff --git a/src/core/components/mdInkRipple/mdInkRipple.vue b/src/core/components/mdInkRipple/mdInkRipple.vue deleted file mode 100644 index 2932212..0000000 --- a/src/core/components/mdInkRipple/mdInkRipple.vue +++ /dev/null @@ -1 +0,0 @@ - diff --git a/src/core/components/mdTheme/index.js b/src/core/components/mdTheme/index.js deleted file mode 100644 index 675e9e8..0000000 --- a/src/core/components/mdTheme/index.js +++ /dev/null @@ -1,162 +0,0 @@ -import palette from './palette'; -import rgba from './rgba'; - -const VALID_THEME_TYPE = ['primary', 'accent', 'background', 'warn', 'hue-1', 'hue-2', 'hue-3']; -const DEFAULT_THEME_COLORS = { - primary: 'indigo', - accent: 'pink', - background: 'grey', - warn: 'deep-orange' -}; -/*const DEFAULT_HUES = { - accent: { - 'hue-1': 'A100', - 'hue-2': 'A400', - 'hue-3': 'A700' - }, - background: { - 'hue-1': 'A100', - 'hue-2': '100', - 'hue-3': '300' - } -};*/ - -const createNewStyleElement = (style, name) => { - let head = document.head; - let styleId = 'md-theme-' + name; - - if (!head.querySelector('#' + styleId)) { - let newTag = document.createElement('style'); - - style = style.replace(/THEME_NAME/g, styleId); - - newTag.type = 'text/css'; - newTag.id = styleId; - newTag.textContent = style; - - head.appendChild(newTag); - } -}; - -let registeredThemes = []; - -const parseStyle = (style, theme) => { - VALID_THEME_TYPE.forEach((type) => { - style = style.replace(RegExp('(' + type.toUpperCase() + ')-(COLOR|CONTRAST)-?(A?\\d*)-?(\\d*\\.?\\d+)?', 'g'), (match, paletteType, colorType, hue, opacity) => { - let color; - let colorVariant = +hue === 0 ? 500 : hue; - - if (theme[type]) { - if (typeof theme[type] === 'string') { - color = palette[theme[type]]; - } else { - color = palette[theme[type].color] || palette[DEFAULT_THEME_COLORS[type]]; - colorVariant = +hue === 0 ? theme[type].hue : hue; - } - } else { - color = palette[DEFAULT_THEME_COLORS[type]]; - } - - if (colorType === 'COLOR') { - let isDefault = palette[theme[type]]; - - if (!hue && !isDefault) { - if (type === 'accent') { - colorVariant = 'A200'; - } else if (type === 'background') { - colorVariant = 50; - } - } - - if (opacity) { - return rgba(color[colorVariant], opacity); - } - - return color[colorVariant]; - } - - if (color.darkText.indexOf(colorVariant) >= 0) { - if (opacity) { - return rgba('#000', opacity); - } - - return 'rgba(0, 0, 0, .87)'; - } - - if (opacity) { - return rgba('#fff', opacity); - } - - return 'rgba(255, 255, 255, .87)'; - }); - }); - - return style; -}; - -const registerTheme = (theme, name, themeStyles) => { - let parsedStyle = []; - - themeStyles.forEach((style) => { - parsedStyle.push(parseStyle(style, theme)); - }); - - createNewStyleElement(parsedStyle.join('\n'), name); -}; - -const registerAllThemes = (themes, themeStyles) => { - let themeNames = themes ? Object.keys(themes) : []; - - if (themeNames.indexOf('default') === -1) { - registerTheme(DEFAULT_THEME_COLORS, 'default', themeStyles); - registeredThemes.push('default'); - } - - themeNames.forEach((name) => { - registerTheme(themes[name], name, themeStyles); - registeredThemes.push(name); - }); -}; - -const registerDirective = (element, { value, oldValue }) => { - let theme = value; - let newClass = 'md-theme-' + theme; - let oldClass = 'md-theme-' + oldValue; - - if (!element.classList.contains(newClass)) { - element.classList.remove(oldClass); - - if (theme && registeredThemes.indexOf(theme) >= 0) { - element.classList.add(newClass); - } else { - element.classList.add(oldClass); - console.warn('Attempted to use unregistered theme "' + theme + '\".'); - } - } -}; - -export default function install(Vue) { - Vue.directive('mdTheme', registerDirective); - Vue.material.theme = { - register(name, theme) { - let currentThemes = Vue.material.theme.registeredThemes; - - currentThemes[name] = theme; - - Vue.material.theme.registeredThemes = currentThemes; - }, - registerAll(themes) { - Vue.material.theme.registeredThemes = themes; - } - }; - - Object.defineProperty(Vue.material.theme, 'registeredThemes', { - get() { - return this.themes; - }, - set(themes) { - this.themes = themes; - registerAllThemes(themes, Vue.material.styles); - } - }); -} diff --git a/src/core/components/mdTheme/palette.js b/src/core/components/mdTheme/palette.js deleted file mode 100644 index 41146a2..0000000 --- a/src/core/components/mdTheme/palette.js +++ /dev/null @@ -1,359 +0,0 @@ -export 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: [] - } -}; diff --git a/src/core/components/mdTheme/rgba.js b/src/core/components/mdTheme/rgba.js deleted file mode 100644 index f0a9de0..0000000 --- a/src/core/components/mdTheme/rgba.js +++ /dev/null @@ -1,36 +0,0 @@ -export default function(hex, opacity) { - let r = ''; - let g = ''; - let b = ''; - let match = hex.toString().match(/^#?(([0-9a-zA-Z]{3}){1,3})$/); - - if (!match) { - throw new Error('Invalid color' + hex); - } - - hex = match[1]; - - if (hex.length === 6) { - r = parseInt(hex.substring(0, 2), 16); - g = parseInt(hex.substring(2, 4), 16); - b = parseInt(hex.substring(4, 6), 16); - } else if (hex.length === 3) { - let rSubstring = hex.substring(0, 1); - let gSubstring = hex.substring(1, 2); - let bSubstring = hex.substring(2, 3); - - r = parseInt(rSubstring + rSubstring, 16); - g = parseInt(gSubstring + gSubstring, 16); - b = parseInt(bSubstring + bSubstring, 16); - } - - if (opacity) { - if (opacity > 1) { - opacity = opacity / 100; - } - - return `rgba(${r}, ${g}, ${b}, ${opacity})`; - } - - return `rgb(${r}, ${g}, ${b})`; -} diff --git a/src/core/index.js b/src/core/index.js deleted file mode 100644 index 231088c..0000000 --- a/src/core/index.js +++ /dev/null @@ -1,24 +0,0 @@ -/* Code Components */ -import MdTheme from './components/mdTheme'; -import MdInkRipple from './components/mdInkRipple'; -import CoreTheme from './stylesheets/core.theme'; - -/* Core Stylesheets */ -import './stylesheets/core.scss'; - -export default function install(Vue) { - if (install.installed) { - console.warn('Vue Material is already installed.'); - - return; - } - - install.installed = true; - - Vue.material = { - styles: [CoreTheme] - }; - - Vue.use(MdTheme); - Vue.use(MdInkRipple); -} diff --git a/src/core/stylesheets/base.scss b/src/core/stylesheets/base.scss deleted file mode 100644 index 56afb83..0000000 --- a/src/core/stylesheets/base.scss +++ /dev/null @@ -1,56 +0,0 @@ -/* Structure - ========================================================================== */ - -html { - height: 100%; - box-sizing: border-box; - - *, - *:before, - *:after { - 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(#000, .87); - font-family: $font-roboto; - @extend .md-body-1; -} - - -/* Fluid Media - ========================================================================== */ - -audio, -img, -svg, -object, -embed, -canvas, -video, -iframe { - max-width: 100%; - height: auto; - font-style: italic; - vertical-align: middle; -} - - -/* Suppress the focus outline on links that cannot be accessed via keyboard. - This prevents an unwanted focus outline from appearing around elements - that might still respond to pointer events. - ========================================================================== */ - -[tabindex="-1"]:focus { - outline: none !important; -} diff --git a/src/core/stylesheets/core.scss b/src/core/stylesheets/core.scss deleted file mode 100644 index c24e799..0000000 --- a/src/core/stylesheets/core.scss +++ /dev/null @@ -1,4 +0,0 @@ -@import './variables'; -@import './base'; -@import './scrollbar'; -@import './typography'; diff --git a/src/core/stylesheets/core.theme b/src/core/stylesheets/core.theme deleted file mode 100644 index f4eb722..0000000 --- a/src/core/stylesheets/core.theme +++ /dev/null @@ -1,36 +0,0 @@ -.THEME_NAME { - :not(input):not(textarea)::selection { - background: #{'ACCENT-COLOR'}; - color: #{'ACCENT-CONTRAST'}; - } - - a:not(.md-button) { - color: #{'ACCENT-COLOR'}; - - &:hover { - color: #{'ACCENT-COLOR-800'}; - } - } -} - -body.THEME_NAME { - background-color: #{'BACKGROUND-COLOR-50'}; - color: #{'BACKGROUND-CONTRAST-0.87'}; -} - -/* Typography */ - -.THEME_NAME { - .md-caption, - .md-display-1, - .md-display-2, - .md-display-3, - .md-display-4 { - color: #{'BACKGROUND-CONTRAST-0.57'}; - } - - code:not(.hljs) { - background-color: #{'ACCENT-COLOR-A100-0.2'}; - color: #{'ACCENT-COLOR-800'}; - } -} diff --git a/src/core/stylesheets/scrollbar.scss b/src/core/stylesheets/scrollbar.scss deleted file mode 100644 index 9131b46..0000000 --- a/src/core/stylesheets/scrollbar.scss +++ /dev/null @@ -1,28 +0,0 @@ -::-webkit-scrollbar { - width: 10px; - height: 10px; - box-shadow: inset 1px 1px 0 rgba(#000, .12); - transition: $swift-ease-in-out; - background-color: rgba(#000, .05); - - &:hover { - box-shadow: inset 1px 1px 0 rgba(#000, .054), - inset 0 -1px 0 rgba(#000, .038); - background-color: rgba(#000, .087); - } -} - -::-webkit-scrollbar-button { - display: none; -} - -::-webkit-scrollbar-corner { - background-color: transparent; -} - -::-webkit-scrollbar-thumb { - background-color: rgba(#000, .26); - box-shadow: inset 1px 1px 0 rgba(#000, .054), - inset 0 -1px 0 rgba(#000, .087); - transition: $swift-ease-in-out; -} diff --git a/src/core/stylesheets/typography.scss b/src/core/stylesheets/typography.scss deleted file mode 100644 index 5cde0b7..0000000 --- a/src/core/stylesheets/typography.scss +++ /dev/null @@ -1,86 +0,0 @@ -/* Text and Titles - ========================================================================== */ - -.md-caption { - font-size: 12px; - font-weight: 400; - letter-spacing: .02em; - line-height: 17px; -} - -.md-body-1 { - font-size: 14px; - font-weight: 400; - letter-spacing: .01em; - line-height: 20px; -} - -.md-body-2 { - font-size: 14px; - font-weight: 500; - letter-spacing: .01em; - 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; - font-weight: 400; - letter-spacing: 0; - line-height: 32px; -} - -.md-display-1 { - font-size: 34px; - font-weight: 400; - letter-spacing: 0; - 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: 400; - letter-spacing: -.01em; - line-height: 112px; -} - - -/* Links & Buttons - ========================================================================== */ - -a { - text-decoration: none; -} - -button { - &:focus { - outline: none; - } -} diff --git a/src/core/stylesheets/variables.scss b/src/core/stylesheets/variables.scss deleted file mode 100644 index e69906d..0000000 --- a/src/core/stylesheets/variables.scss +++ /dev/null @@ -1,139 +0,0 @@ -/* Common - ========================================================================== */ - -$font-roboto: Roboto, Lato, sans-serif; - - - -/* Transitions - ========================================================================== */ - -$swift-ease-out-duration: .4s !default; -$swift-ease-out-timing-function: cubic-bezier(.25, .8, .25, 1) !default; -$swift-ease-out: all $swift-ease-out-duration $swift-ease-out-timing-function !default; - -$swift-ease-in-duration: .3s !default; -$swift-ease-in-timing-function: cubic-bezier(.55, 0, .55, .2) !default; -$swift-ease-in: all $swift-ease-in-duration $swift-ease-in-timing-function !default; - -$swift-ease-in-out-duration: .5s !default; -$swift-ease-in-out-timing-function: cubic-bezier(.35, 0, .25, 1) !default; -$swift-ease-in-out: all $swift-ease-in-out-duration $swift-ease-in-out-timing-function !default; - -$swift-linear-duration: .08s !default; -$swift-linear-timing-function: linear !default; -$swift-linear: all $swift-linear-duration $swift-linear-timing-function !default; - -$material-enter-duration: .3s; -$material-enter-timing-function: cubic-bezier(.0, .0, .2, 1); -$material-enter: all $material-enter-duration $material-enter-timing-function; - -$material-leave-duration: .3s; -$material-leave-timing-function: cubic-bezier(.4, .0, 1, 1); -$material-leave: all $material-leave-duration $material-leave-timing-function; - - - -/* Elevation - ========================================================================== */ - -$shadow-key-umbra-opacity: .2 !default; -$shadow-key-penumbra-opacity: .14 !default; -$shadow-ambient-shadow-opacity: .12 !default; - -$material-shadow-1dp: 0 1px 3px rgba(0, 0, 0, $shadow-key-umbra-opacity), - 0 1px 1px rgba(0, 0, 0, $shadow-key-penumbra-opacity), - 0 2px 1px -1px rgba(0, 0, 0, $shadow-ambient-shadow-opacity) !default; - -$material-shadow-2dp: 0 1px 5px rgba(0, 0, 0, $shadow-key-umbra-opacity), - 0 2px 2px rgba(0, 0, 0, $shadow-key-penumbra-opacity), - 0 3px 1px -2px rgba(0, 0, 0, $shadow-ambient-shadow-opacity) !default; - -$material-shadow-3dp: 0 1px 8px rgba(0, 0, 0, $shadow-key-umbra-opacity), - 0 3px 4px rgba(0, 0, 0, $shadow-key-penumbra-opacity), - 0 3px 3px -2px rgba(0, 0, 0, $shadow-ambient-shadow-opacity) !default; - -$material-shadow-4dp: 0 2px 4px -1px rgba(0, 0, 0, $shadow-key-umbra-opacity), - 0 4px 5px rgba(0, 0, 0, $shadow-key-penumbra-opacity), - 0 1px 10px rgba(0, 0, 0, $shadow-ambient-shadow-opacity) !default; - -$material-shadow-5dp: 0 3px 5px -1px rgba(0, 0, 0, $shadow-key-umbra-opacity), - 0 5px 8px rgba(0, 0, 0, $shadow-key-penumbra-opacity), - 0 1px 14px rgba(0, 0, 0, $shadow-ambient-shadow-opacity) !default; - -$material-shadow-6dp: 0 3px 5px -1px rgba(0, 0, 0, $shadow-key-umbra-opacity), - 0 6px 10px rgba(0, 0, 0, $shadow-key-penumbra-opacity), - 0 1px 18px rgba(0, 0, 0, $shadow-ambient-shadow-opacity) !default; - -$material-shadow-7dp: 0 4px 5px -2px rgba(0, 0, 0, $shadow-key-umbra-opacity), - 0 7px 10px 1px rgba(0, 0, 0, $shadow-key-penumbra-opacity), - 0 2px 16px 1px rgba(0, 0, 0, $shadow-ambient-shadow-opacity) !default; - -$material-shadow-8dp: 0 5px 5px -3px rgba(0, 0, 0, $shadow-key-umbra-opacity), - 0 8px 10px 1px rgba(0, 0, 0, $shadow-key-penumbra-opacity), - 0 3px 14px 2px rgba(0, 0, 0, $shadow-ambient-shadow-opacity) !default; - -$material-shadow-9dp: 0 5px 6px -3px rgba(0, 0, 0, $shadow-key-umbra-opacity), - 0 9px 12px 1px rgba(0, 0, 0, $shadow-key-penumbra-opacity), - 0 3px 16px 2px rgba(0, 0, 0, $shadow-ambient-shadow-opacity) !default; - -$material-shadow-10dp: 0 6px 6px -3px rgba(0, 0, 0, $shadow-key-umbra-opacity), - 0 10px 14px 1px rgba(0, 0, 0, $shadow-key-penumbra-opacity), - 0 4px 18px 3px rgba(0, 0, 0, $shadow-ambient-shadow-opacity) !default; - -$material-shadow-11dp: 0 6px 7px -4px rgba(0, 0, 0, $shadow-key-umbra-opacity), - 0 11px 15px 1px rgba(0, 0, 0, $shadow-key-penumbra-opacity), - 0 4px 20px 3px rgba(0, 0, 0, $shadow-ambient-shadow-opacity) !default; - -$material-shadow-12dp: 0 7px 8px -4px rgba(0, 0, 0, $shadow-key-umbra-opacity), - 0 12px 17px 2px rgba(0, 0, 0, $shadow-key-penumbra-opacity), - 0 5px 22px 4px rgba(0, 0, 0, $shadow-ambient-shadow-opacity) !default; - -$material-shadow-13dp: 0 7px 8px -4px rgba(0, 0, 0, $shadow-key-umbra-opacity), - 0 13px 19px 2px rgba(0, 0, 0, $shadow-key-penumbra-opacity), - 0 5px 24px 4px rgba(0, 0, 0, $shadow-ambient-shadow-opacity) !default; - -$material-shadow-14dp: 0 7px 9px -4px rgba(0, 0, 0, $shadow-key-umbra-opacity), - 0 14px 21px 2px rgba(0, 0, 0, $shadow-key-penumbra-opacity), - 0 5px 26px 4px rgba(0, 0, 0, $shadow-ambient-shadow-opacity) !default; - -$material-shadow-15dp: 0 8px 9px -5px rgba(0, 0, 0, $shadow-key-umbra-opacity), - 0 15px 22px 2px rgba(0, 0, 0, $shadow-key-penumbra-opacity), - 0 6px 28px 5px rgba(0, 0, 0, $shadow-ambient-shadow-opacity) !default; - -$material-shadow-16dp: 0 8px 10px -5px rgba(0, 0, 0, $shadow-key-umbra-opacity), - 0 16px 24px 2px rgba(0, 0, 0, $shadow-key-penumbra-opacity), - 0 6px 30px 5px rgba(0, 0, 0, $shadow-ambient-shadow-opacity) !default; - -$material-shadow-17dp: 0 8px 11px -5px rgba(0, 0, 0, $shadow-key-umbra-opacity), - 0 17px 26px 2px rgba(0, 0, 0, $shadow-key-penumbra-opacity), - 0 6px 32px 5px rgba(0, 0, 0, $shadow-ambient-shadow-opacity) !default; - -$material-shadow-18dp: 0 9px 11px -5px rgba(0, 0, 0, $shadow-key-umbra-opacity), - 0 18px 28px 2px rgba(0, 0, 0, $shadow-key-penumbra-opacity), - 0 7px 34px 6px rgba(0, 0, 0, $shadow-ambient-shadow-opacity) !default; - -$material-shadow-19dp: 0 9px 12px -6px rgba(0, 0, 0, $shadow-key-umbra-opacity), - 0 19px 29px 2px rgba(0, 0, 0, $shadow-key-penumbra-opacity), - 0 7px 36px 6px rgba(0, 0, 0, $shadow-ambient-shadow-opacity) !default; - -$material-shadow-20dp: 0 10px 13px -6px rgba(0, 0, 0, $shadow-key-umbra-opacity), - 0 20px 31px 3px rgba(0, 0, 0, $shadow-key-penumbra-opacity), - 0 8px 38px 7px rgba(0, 0, 0, $shadow-ambient-shadow-opacity) !default; - -$material-shadow-21dp: 0 10px 13px -6px rgba(0, 0, 0, $shadow-key-umbra-opacity), - 0 21px 33px 3px rgba(0, 0, 0, $shadow-key-penumbra-opacity), - 0 8px 40px 7px rgba(0, 0, 0, $shadow-ambient-shadow-opacity) !default; - -$material-shadow-22dp: 0 10px 14px -6px rgba(0, 0, 0, $shadow-key-umbra-opacity), - 0 22px 35px 3px rgba(0, 0, 0, $shadow-key-penumbra-opacity), - 0 8px 42px 7px rgba(0, 0, 0, $shadow-ambient-shadow-opacity) !default; - -$material-shadow-23dp: 0 11px 14px -7px rgba(0, 0, 0, $shadow-key-umbra-opacity), - 0 23px 36px 3px rgba(0, 0, 0, $shadow-key-penumbra-opacity), - 0 9px 44px 8px rgba(0, 0, 0, $shadow-ambient-shadow-opacity) !default; - -$material-shadow-24dp: 0 11px 15px -7px rgba(0, 0, 0, $shadow-key-umbra-opacity), - 0 24px 38px 3px rgba(0, 0, 0, $shadow-key-penumbra-opacity), - 0 9px 46px 8px rgba(0, 0, 0, $shadow-ambient-shadow-opacity) !default; - diff --git a/src/index.js b/src/index.js deleted file mode 100644 index 8295b86..0000000 --- a/src/index.js +++ /dev/null @@ -1,55 +0,0 @@ -import mdCore from './core'; -import mdAvatar from './components/mdAvatar'; -import mdBottomBar from './components/mdBottomBar'; -import mdButton from './components/mdButton'; -import mdButtonToggle from './components/mdButtonToggle'; -import mdCheckbox from './components/mdCheckbox'; -import mdDivider from './components/mdDivider'; -import mdIcon from './components/mdIcon'; -import mdInputContainer from './components/mdInputContainer'; -import mdList from './components/mdList'; -import mdRadio from './components/mdRadio'; -import mdSelect from './components/mdSelect'; -import mdSidenav from './components/mdSidenav'; -import mdSubheader from './components/mdSubheader'; -import mdSwitch from './components/mdSwitch'; -import mdTabs from './components/mdTabs'; -import mdToolbar from './components/mdToolbar'; -import mdTooltip from './components/mdTooltip'; -import mdWhiteframe from './components/mdWhiteframe'; - -let options = { - mdCore, - mdAvatar, - mdBottomBar, - mdButton, - mdButtonToggle, - mdCheckbox, - mdDivider, - mdIcon, - mdInputContainer, - mdList, - mdRadio, - mdSelect, - mdSidenav, - mdSubheader, - mdSwitch, - mdTabs, - mdToolbar, - mdTooltip, - mdWhiteframe -}; - -options.install = (Vue) => { - for (let component in options) { - let componentInstaller = options[component]; - - if (componentInstaller && component !== 'install') { - Vue.use(componentInstaller); - } - } -}; - -window.VueMaterial = options; - -export default options; diff --git a/vendor.7566f251.js b/vendor.7566f251.js new file mode 100644 index 0000000..67f4338 --- /dev/null +++ b/vendor.7566f251.js @@ -0,0 +1,17 @@ +webpackJsonp([2,0],{1:function(e,t,n){!function(e){"object"==typeof window&&window||"object"==typeof self&&self;e(t)}(function(e){function t(e){return e.replace(/[&<>]/gm,function(e){return T[e]})}function n(e){return e.nodeName.toLowerCase()}function r(e,t){var n=e&&e.exec(t);return n&&0===n.index}function o(e){return C.test(e)}function i(e){var t,n,r,i,a=e.className+" ";if(a+=e.parentNode?e.parentNode.className:"",n=O.exec(a))return _(n[1])?n[1]:"no-highlight";for(a=a.split(/\s+/),t=0,r=a.length;t"}function s(e){u+=""}function c(e){("start"===e.event?a:s)(e.node)}for(var l=0,u="",d=[];e.length||r.length;){var f=i();if(u+=t(o.substr(l,f[0].offset-l)),l=f[0].offset,f===e){d.reverse().forEach(s);do c(f.splice(0,1)[0]),f=i();while(f===e&&f.length&&f[0].offset===l);d.reverse().forEach(a)}else"start"===f[0].event?d.push(f[0].node):d.pop(),c(f.splice(0,1)[0])}return u+t(o.substr(l))}function l(e){function t(e){return e&&e.source||e}function n(n,r){return new RegExp(t(n),"m"+(e.case_insensitive?"i":"")+(r?"g":""))}function r(o,i){if(!o.compiled){if(o.compiled=!0,o.keywords=o.keywords||o.beginKeywords,o.keywords){var s={},c=function(t,n){e.case_insensitive&&(n=n.toLowerCase()),n.split(" ").forEach(function(e){var n=e.split("|");s[n[0]]=[t,n[1]?Number(n[1]):1]})};"string"==typeof o.keywords?c("keyword",o.keywords):E(o.keywords).forEach(function(e){c(e,o.keywords[e])}),o.keywords=s}o.lexemesRe=n(o.lexemes||/\w+/,!0),i&&(o.beginKeywords&&(o.begin="\\b("+o.beginKeywords.split(" ").join("|")+")\\b"),o.begin||(o.begin=/\B|\b/),o.beginRe=n(o.begin),o.end||o.endsWithParent||(o.end=/\B|\b/),o.end&&(o.endRe=n(o.end)),o.terminator_end=t(o.end)||"",o.endsWithParent&&i.terminator_end&&(o.terminator_end+=(o.end?"|":"")+i.terminator_end)),o.illegal&&(o.illegalRe=n(o.illegal)),null==o.relevance&&(o.relevance=1),o.contains||(o.contains=[]);var l=[];o.contains.forEach(function(e){e.variants?e.variants.forEach(function(t){l.push(a(e,t))}):l.push("self"===e?o:e)}),o.contains=l,o.contains.forEach(function(e){r(e,o)}),o.starts&&r(o.starts,i);var u=o.contains.map(function(e){return e.beginKeywords?"\\.?("+e.begin+")\\.?":e.begin}).concat([o.terminator_end,o.illegal]).map(t).filter(Boolean);o.terminators=u.length?n(u.join("|"),!0):{exec:function(){return null}}}}r(e)}function u(e,n,o,i){function a(e,t){var n,o;for(n=0,o=t.contains.length;n',i+t+a}function h(){var e,n,r,o;if(!E.keywords)return t(O);for(o="",n=0,E.lexemesRe.lastIndex=0,r=E.lexemesRe.exec(O);r;)o+=t(O.substr(n,r.index-n)),e=f(E,r),e?(A+=e[1],o+=p(e[0],t(r[0]))):o+=t(r[0]),n=E.lexemesRe.lastIndex,r=E.lexemesRe.exec(O);return o+t(O.substr(n))}function v(){var e="string"==typeof E.subLanguage;if(e&&!x[E.subLanguage])return t(O);var n=e?u(E.subLanguage,O,!0,k[E.subLanguage]):d(O,E.subLanguage.length?E.subLanguage:void 0);return E.relevance>0&&(A+=n.relevance),e&&(k[E.subLanguage]=n.top),p(n.language,n.value,!1,!0)}function m(){C+=null!=E.subLanguage?v():h(),O=""}function g(e){C+=e.className?p(e.className,"",!0):"",E=Object.create(e,{parent:{value:E}})}function y(e,t){if(O+=e,null==t)return m(),0;var n=a(t,E);if(n)return n.skip?O+=t:(n.excludeBegin&&(O+=t),m(),n.returnBegin||n.excludeBegin||(O=t)),g(n,t),n.returnBegin?0:t.length;var r=s(E,t);if(r){var o=E;o.skip?O+=t:(o.returnEnd||o.excludeEnd||(O+=t),m(),o.excludeEnd&&(O=t));do E.className&&(C+=N),E.skip||(A+=E.relevance),E=E.parent;while(E!==r.parent);return r.starts&&g(r.starts,""),o.returnEnd?0:t.length}if(c(t,E))throw new Error('Illegal lexeme "'+t+'" for mode "'+(E.className||"")+'"');return O+=t,t.length||1}var b=_(e);if(!b)throw new Error('Unknown language: "'+e+'"');l(b);var w,E=i||b,k={},C="";for(w=E;w!==b;w=w.parent)w.className&&(C=p(w.className,"",!0)+C);var O="",A=0;try{for(var T,$,M=0;;){if(E.terminators.lastIndex=M,T=E.terminators.exec(n),!T)break;$=y(n.substr(M,T.index-M),T[0]),M=T.index+$}for(y(n.substr(M)),w=E;w.parent;w=w.parent)w.className&&(C+=N);return{relevance:A,value:C,language:e,top:E}}catch(R){if(R.message&&R.message.indexOf("Illegal")!==-1)return{relevance:0,value:t(n)};throw R}}function d(e,n){n=n||S.languages||E(x);var r={relevance:0,value:t(e)},o=r;return n.filter(_).forEach(function(t){var n=u(t,e,!1);n.language=t,n.relevance>o.relevance&&(o=n),n.relevance>r.relevance&&(o=r,r=n)}),o.language&&(r.second_best=o),r}function f(e){return S.tabReplace||S.useBR?e.replace(A,function(e,t){return S.useBR&&"\n"===e?"
":S.tabReplace?t.replace(/\t/g,S.tabReplace):void 0}):e}function p(e,t,n){var r=t?k[t]:n,o=[e.trim()];return e.match(/\bhljs\b/)||o.push("hljs"),e.indexOf(r)===-1&&o.push(r),o.join(" ").trim()}function h(e){var t,n,r,a,l,h=i(e);o(h)||(S.useBR?(t=document.createElementNS("http://www.w3.org/1999/xhtml","div"),t.innerHTML=e.innerHTML.replace(/\n/g,"").replace(//g,"\n")):t=e,l=t.textContent,r=h?u(h,l,!0):d(l),n=s(t),n.length&&(a=document.createElementNS("http://www.w3.org/1999/xhtml","div"),a.innerHTML=r.value,r.value=c(n,s(a),l)),r.value=f(r.value),e.innerHTML=r.value,e.className=p(e.className,h,r.language),e.result={language:r.language,re:r.relevance},r.second_best&&(e.second_best={language:r.second_best.language,re:r.second_best.relevance}))}function v(e){S=a(S,e)}function m(){if(!m.called){m.called=!0;var e=document.querySelectorAll("pre code");w.forEach.call(e,h)}}function g(){addEventListener("DOMContentLoaded",m,!1),addEventListener("load",m,!1)}function y(t,n){var r=x[t]=n(e);r.aliases&&r.aliases.forEach(function(e){k[e]=t})}function b(){return E(x)}function _(e){return e=(e||"").toLowerCase(),x[e]||x[k[e]]}var w=[],E=Object.keys,x={},k={},C=/^(no-?highlight|plain|text)$/i,O=/\blang(?:uage)?-([\w-]+)\b/i,A=/((^(<[^>]+>|\t|)+|(?:\n)))/gm,N="",S={classPrefix:"hljs-",tabReplace:null,useBR:!1,languages:void 0},T={"&":"&","<":"<",">":">"};return e.highlight=u,e.highlightAuto=d,e.fixMarkup=f,e.highlightBlock=h,e.configure=v,e.initHighlighting=m,e.initHighlightingOnLoad=g,e.registerLanguage=y,e.listLanguages=b,e.getLanguage=_,e.inherit=a,e.IDENT_RE="[a-zA-Z]\\w*",e.UNDERSCORE_IDENT_RE="[a-zA-Z_]\\w*",e.NUMBER_RE="\\b\\d+(\\.\\d+)?",e.C_NUMBER_RE="(-?)(\\b0[xX][a-fA-F0-9]+|(\\b\\d+(\\.\\d*)?|\\.\\d+)([eE][-+]?\\d+)?)",e.BINARY_NUMBER_RE="\\b(0b[01]+)",e.RE_STARTERS_RE="!|!=|!==|%|%=|&|&&|&=|\\*|\\*=|\\+|\\+=|,|-|-=|/=|/|:|;|<<|<<=|<=|<|===|==|=|>>>=|>>=|>=|>>>|>>|>|\\?|\\[|\\{|\\(|\\^|\\^=|\\||\\|=|\\|\\||~",e.BACKSLASH_ESCAPE={begin:"\\\\[\\s\\S]",relevance:0},e.APOS_STRING_MODE={className:"string",begin:"'",end:"'",illegal:"\\n",contains:[e.BACKSLASH_ESCAPE]},e.QUOTE_STRING_MODE={className:"string",begin:'"',end:'"',illegal:"\\n",contains:[e.BACKSLASH_ESCAPE]},e.PHRASAL_WORDS_MODE={begin:/\b(a|an|the|are|I'm|isn't|don't|doesn't|won't|but|just|should|pretty|simply|enough|gonna|going|wtf|so|such|will|you|your|like)\b/},e.COMMENT=function(t,n,r){var o=e.inherit({className:"comment",begin:t,end:n,contains:[]},r||{});return o.contains.push(e.PHRASAL_WORDS_MODE),o.contains.push({className:"doctag",begin:"(?:TODO|FIXME|NOTE|BUG|XXX):",relevance:0}),o},e.C_LINE_COMMENT_MODE=e.COMMENT("//","$"),e.C_BLOCK_COMMENT_MODE=e.COMMENT("/\\*","\\*/"),e.HASH_COMMENT_MODE=e.COMMENT("#","$"),e.NUMBER_MODE={className:"number",begin:e.NUMBER_RE,relevance:0},e.C_NUMBER_MODE={className:"number",begin:e.C_NUMBER_RE,relevance:0},e.BINARY_NUMBER_MODE={className:"number",begin:e.BINARY_NUMBER_RE,relevance:0},e.CSS_NUMBER_MODE={className:"number",begin:e.NUMBER_RE+"(%|em|ex|ch|rem|vw|vh|vmin|vmax|cm|mm|in|pt|pc|px|deg|grad|rad|turn|s|ms|Hz|kHz|dpi|dpcm|dppx)?",relevance:0},e.REGEXP_MODE={className:"regexp",begin:/\//,end:/\/[gimuy]*/,illegal:/\n/,contains:[e.BACKSLASH_ESCAPE,{begin:/\[/,end:/\]/,relevance:0,contains:[e.BACKSLASH_ESCAPE]}]},e.TITLE_MODE={className:"title",begin:e.IDENT_RE,relevance:0},e.UNDERSCORE_TITLE_MODE={className:"title",begin:e.UNDERSCORE_IDENT_RE,relevance:0},e.METHOD_GUARD={begin:"\\.\\s*"+e.UNDERSCORE_IDENT_RE,relevance:0},e})},2:function(e,t,n){/*! + * Vue.js v2.0.2 + * (c) 2014-2016 Evan You + * Released under the MIT License. + */ +"use strict";function r(e){return null==e?"":"object"==typeof e?JSON.stringify(e,null,2):String(e)}function o(e){var t=parseFloat(e,10);return t||0===t?t:e}function i(e,t){for(var n=Object.create(null),r=e.split(","),o=0;o-1)return e.splice(n,1)}}function s(e,t){return on.call(e,t)}function c(e){return"string"==typeof e||"number"==typeof e}function l(e){var t=Object.create(null);return function(n){var r=t[n];return r||(t[n]=e(n))}}function u(e,t){function n(n){var r=arguments.length;return r?r>1?e.apply(t,arguments):e.call(t,n):e.call(t)}return n._length=e.length,n}function d(e,t){t=t||0;for(var n=e.length-t,r=new Array(n);n--;)r[n]=e[n+t];return r}function f(e,t){for(var n in t)e[n]=t[n];return e}function p(e){return null!==e&&"object"==typeof e}function h(e){return dn.call(e)===fn}function v(e){for(var t={},n=0;nhn._maxUpdateCount)){tr("You may have an infinite update loop "+(e.user?'in watcher with expression "'+e.expression+'"':"in a component render function."),e.vm);break}}kn&&hn.devtools&&kn.emit("flush"),O()}function N(e){var t=e.id;if(null==jn[t]){if(jn[t]=!0,In){for(var n=Rn.length-1;n>=0&&Rn[n].id>e.id;)n--;Rn.splice(Math.max(n,Pn)+1,0,e)}else Rn.push(e);Dn||(Dn=!0,Cn(A))}}function S(e,t){var n,r;t||(t=zn,t.clear());var o=Array.isArray(e),i=p(e);if((o||i)&&Object.isExtensible(e)){if(e.__ob__){var a=e.__ob__.dep.id;if(t.has(a))return;t.add(a)}if(o)for(n=e.length;n--;)S(e[n],t);else if(i)for(r=Object.keys(e),n=r.length;n--;)S(e[r[n]],t)}}function T(e,t){e.__proto__=t}function $(e,t,n){for(var r=0,o=n.length;r1?d(n):n;for(var r=d(arguments,1),o=0,i=n.length;o-1?wr[e]=t.constructor===window.HTMLUnknownElement||t.constructor===window.HTMLElement:wr[e]=/HTMLUnknownElement/.test(t.toString())}function Qe(e){if("string"==typeof e){var t=e;if(e=document.querySelector(e),!e)return tr("Cannot find element: "+t),document.createElement("div")}return e}function et(e,t){var n=document.createElement(e);return"select"!==e?n:(t.data&&t.data.attrs&&"multiple"in t.data.attrs&&n.setAttribute("multiple","multiple"),n)}function tt(e,t){return document.createElementNS(gr[e],t)}function nt(e){return document.createTextNode(e)}function rt(e){return document.createComment(e)}function ot(e,t,n){e.insertBefore(t,n)}function it(e,t){e.removeChild(t)}function at(e,t){e.appendChild(t)}function st(e){return e.parentNode}function ct(e){return e.nextSibling}function lt(e){return e.tagName}function ut(e,t){e.textContent=t}function dt(e){return e.childNodes}function ft(e,t,n){e.setAttribute(t,n)}function pt(e,t){var n=e.data.ref;if(n){var r=e.context,o=e.child||e.elm,i=r.$refs;t?Array.isArray(i[n])?a(i[n],o):i[n]===o&&(i[n]=void 0):e.data.refInFor?Array.isArray(i[n])?i[n].push(o):i[n]=[o]:i[n]=o}}function ht(e){return null==e}function vt(e){return null!=e}function mt(e,t){return e.key===t.key&&e.tag===t.tag&&e.isComment===t.isComment&&!e.data==!t.data}function gt(e,t,n){var r,o,i={};for(r=t;r<=n;++r)o=e[r].key,vt(o)&&(i[o]=r);return i}function yt(e){function t(e){return new Gn(C.tagName(e).toLowerCase(),{},[],(void 0),e)}function n(e,t){function n(){0===--n.listeners&&o(e)}return n.listeners=t,n}function o(e){var t=C.parentNode(e);C.removeChild(t,e)}function i(e,t,n){var r,o=e.data;if(e.isRootInsert=!n,vt(o)&&(vt(r=o.hook)&&vt(r=r.init)&&r(e),vt(r=e.child)))return u(e,t),e.elm;var i=e.children,s=e.tag;return vt(s)?(e.ns||hn.ignoredElements&&hn.ignoredElements.indexOf(s)>-1||!hn.isUnknownElement(s)||tr("Unknown custom element: <"+s+'> - did you register the component correctly? For recursive components, make sure to provide the "name" option.',e.context),e.elm=e.ns?C.createElementNS(e.ns,s):C.createElement(s,e),d(e),a(e,i,t),vt(o)&&l(e,t)):e.isComment?e.elm=C.createComment(e.text):e.elm=C.createTextNode(e.text),e.elm}function a(e,t,n){if(Array.isArray(t))for(var r=0;rp?(l=ht(n[y+1])?null:n[y+1].elm,f(e,l,n,d,y,r)):d>y&&h(e,t,u,p)}function g(e,t,n,r){if(e!==t){if(t.isStatic&&e.isStatic&&t.key===e.key&&t.isCloned)return void(t.elm=e.elm);var o,i=t.data,a=vt(i);a&&vt(o=i.hook)&&vt(o=o.prepatch)&&o(e,t);var c=t.elm=e.elm,l=e.children,u=t.children;if(a&&s(t)){for(o=0;o, or missing . Bailing hydration and performing full client-side render.")}e=t(e)}if(a=e.elm,c=C.parentNode(a),i(n,u),n.parent&&(n.parent.elm=n.elm,s(n)))for(var f=0;f-1?t.split(/\s+/).forEach(function(t){return e.classList.add(t)}):e.classList.add(t);else{var n=" "+e.getAttribute("class")+" ";n.indexOf(" "+t+" ")<0&&e.setAttribute("class",(n+t).trim())}}function Tt(e,t){if(e.classList)t.indexOf(" ")>-1?t.split(/\s+/).forEach(function(t){return e.classList.remove(t)}):e.classList.remove(t);else{for(var n=" "+e.getAttribute("class")+" ",r=" "+t+" ";n.indexOf(r)>=0;)n=n.replace(r," ");e.setAttribute("class",n.trim())}}function $t(e){qr(function(){qr(e)})}function Mt(e,t){(e._transitionClasses||(e._transitionClasses=[])).push(t),St(e,t)}function Rt(e,t){e._transitionClasses&&a(e._transitionClasses,t),Tt(e,t)}function jt(e,t,n){var r=Lt(e,t),o=r.type,i=r.timeout,a=r.propCount;if(!o)return n();var s=o===Ir?Ur:Hr,c=0,l=function(){e.removeEventListener(s,u),n()},u=function(t){t.target===e&&++c>=a&&l()};setTimeout(function(){c0&&(n=Ir,u=a,d=i.length):t===Pr?l>0&&(n=Pr,u=l,d=c.length):(u=Math.max(a,l),n=u>0?a>l?Ir:Pr:null,d=n?n===Ir?i.length:c.length:0);var f=n===Ir&&Vr.test(r[Br+"Property"]);return{type:n,timeout:u,propCount:d,hasTransform:f}}function Dt(e,t){return Math.max.apply(null,t.map(function(t,n){return It(t)+It(e[n])}))}function It(e){return 1e3*Number(e.slice(0,-1))}function Pt(e){var t=e.elm;t._leaveCb&&(t._leaveCb.cancelled=!0,t._leaveCb());var n=Ut(e.data.transition);if(n&&!t._enterCb&&1===t.nodeType){var r=n.css,o=n.type,i=n.enterClass,a=n.enterActiveClass,s=n.appearClass,c=n.appearActiveClass,l=n.beforeEnter,u=n.enter,d=n.afterEnter,f=n.enterCancelled,p=n.beforeAppear,h=n.appear,v=n.afterAppear,m=n.appearCancelled,g=Jn.$vnode,y=g&&g.parent?g.parent.context:Jn,b=!y._isMounted||!e.isRootInsert;if(!b||h||""===h){var _=b?s:i,w=b?c:a,E=b?p||l:l,x=b&&"function"==typeof h?h:u,k=b?v||d:d,C=b?m||f:f,O=r!==!1&&!_n,A=x&&(x._length||x.length)>1,N=t._enterCb=zt(function(){O&&Rt(t,w),N.cancelled?(O&&Rt(t,_),C&&C(t)):k&&k(t),t._enterCb=null});e.data.show||Q(e.data.hook||(e.data.hook={}),"insert",function(){var n=t.parentNode,r=n&&n._pending&&n._pending[e.key];r&&r.tag===e.tag&&r.elm._leaveCb&&r.elm._leaveCb(),x&&x(t,N)},"transition-insert"),E&&E(t),O&&(Mt(t,_),Mt(t,w),$t(function(){Rt(t,_),N.cancelled||A||jt(t,o,N)})),e.data.show&&x&&x(t,N),O||A||N()}}}function Bt(e,t){function n(){m.cancelled||(e.data.show||((r.parentNode._pending||(r.parentNode._pending={}))[e.key]=e),l&&l(r),h&&(Mt(r,s),Mt(r,c),$t(function(){Rt(r,s),m.cancelled||v||jt(r,a,m)})),u&&u(r,m),h||v||m())}var r=e.elm;r._enterCb&&(r._enterCb.cancelled=!0,r._enterCb());var o=Ut(e.data.transition);if(!o)return t();if(!r._leaveCb&&1===r.nodeType){var i=o.css,a=o.type,s=o.leaveClass,c=o.leaveActiveClass,l=o.beforeLeave,u=o.leave,d=o.afterLeave,f=o.leaveCancelled,p=o.delayLeave,h=i!==!1&&!_n,v=u&&(u._length||u.length)>1,m=r._leaveCb=zt(function(){r.parentNode&&r.parentNode._pending&&(r.parentNode._pending[e.key]=null),h&&Rt(r,c),m.cancelled?(h&&Rt(r,s),f&&f(r)):(t(),d&&d(r)),r._leaveCb=null});p?p(n):n()}}function Ut(e){if(e){if("object"==typeof e){var t={};return e.css!==!1&&f(t,Fr(e.name||"v")),f(t,e),t}return"string"==typeof e?Fr(e):void 0}}function zt(e){var t=!1;return function(){t||(t=!0,e())}}function Ht(e,t,n){var r=t.value,o=e.multiple;if(o&&!Array.isArray(r))return void tr('